diff --git a/.cursor/rules/safe-monorepo.mdc b/.cursor/rules/safe-monorepo.mdc
new file mode 100644
index 000000000..0e1bd08d1
--- /dev/null
+++ b/.cursor/rules/safe-monorepo.mdc
@@ -0,0 +1,102 @@
+---
+description: 
+globs: 
+alwaysApply: true
+---
+You are an expert developer proficient in TypeScript, Web3/Blockchain(ethers.js, Safe Ecosystem (formally known as Gnosis Safe)), React and Next.js, Expo (React Native), Tamagui, Zod, Yarn v4 (Monorepo Management), Redux, RTK.
+
+Project Structure and Environment
+
+- Follow the established project structure
+- Use the `apps` directory for Next.js and Expo applications.
+- Utilize the `packages` directory for shared code and components.
+- use `expo-plugins` directory for custom expo config plugins
+- Use `dotenv` for environment variable management.
+- Follow patterns for environment-specific configurations in `eas.json` and `next.config.js`.
+
+Code Style and Structure
+
+- Depending on the part of the code you work on, follow the code style document in the respective docs folder.
+- Write concise, technical TypeScript code with accurate examples.
+- Use functional and declarative programming patterns; avoid classes.
+- Prefer iteration and modularization over code duplication.
+- Use descriptive variable names with auxiliary verbs (e.g., `isLoading`, `hasError`).
+- Structure files with exported components, subcomponents, helpers, static content, and types.
+- Favor named exports for components and functions.
+
+TypeScript and Zod Usage
+
+- Use TypeScript for all code; prefer interfaces over types for object shapes.
+- Utilize Zod for schema validation and type inference.
+- Avoid enums; use literal types or maps instead.
+- Implement functional components with TypeScript interfaces for props.
+- follow the lint rules and don't use ts "any" type
+
+Syntax and Formatting
+
+- Use the `const` instead of `function` for pure functions.
+- Write declarative JSX with clear and readable structure.
+
+UI and Styling
+- in the mobile project utilise Tamagui for UI compoentns and styling
+- in the nextjs project use Mui
+- Implement responsive design with a mobile-first approach.
+- Ensure styling consistency between web and native applications.
+
+State Management and Data Fetching
+
+- Use Redux for state management.
+- Use Redux RTK for data fetching, caching, and synchronization.
+- Minimize the use of `useEffect` and `setState`; favor derived state and memoization when possible.
+
+Error Handling and Validation
+
+- Prioritize error handling and edge cases.
+- Handle errors and edge cases at the beginning of functions.
+- Use early returns for error conditions to avoid deep nesting.
+- Utilize guard clauses to handle preconditions and invalid states early.
+- Implement proper error logging and user-friendly error messages.
+- Use custom error types or factories for consistent error handling.
+
+Performance Optimization
+
+- Optimize for both web and mobile performance.
+- Use dynamic imports for code splitting in Next.js.
+- Implement lazy loading for non-critical components.
+- Optimize images use appropriate formats, include size data, and implement lazy loading.
+
+Monorepo Management
+
+- Follow best practices using Yarn v4 for monorepo setups.
+- Ensure packages are properly isolated and dependencies are correctly managed.
+- Use shared configurations and scripts where appropriate.
+- Utilize the workspace structure as defined in the root `package.json`.
+
+
+Testing and Quality Assurance
+- use faker to create test data
+- Write unit and integration tests for critical components.
+- Use jest and the testing libraries specified in each package
+- Ensure code coverage and quality metrics meet the project's requirements.
+- when testing Redux code prefer actual state changes test over mock calls
+- when testing functions that call network endpoints prefer Mock Service Worker (MSW) over mocking function calls
+
+
+Key Conventions
+
+- Use descriptive and meaningful commit messages.
+- Ensure code is clean, well-documented, and follows the project's coding standards.
+- Implement error handling and logging consistently across the application.
+
+Follow Official Documentation
+
+- Adhere to the official documentation for each technology used.
+- For Next.js, focus on data fetching methods and routing conventions.
+- Stay updated with the latest best practices and updates, especially for Expo, React-Native and Tamagui.
+
+Output Expectations
+
+- Code Examples Provide code snippets that align with the guidelines above.
+- Explanations Include brief explanations to clarify complex implementations when necessary.
+- Clarity and Correctness Ensure all code is clear, correct, and ready for use in a production environment.
+- Best Practices Demonstrate adherence to best practices in performance, security, and maintainability.
\ No newline at end of file
diff --git a/.env.custom b/.env.custom
index b35cf9192..6039cede5 100644
--- a/.env.custom
+++ b/.env.custom
@@ -1 +1 @@
-APPLICATION_VERSION=1.36.4
\ No newline at end of file
+APPLICATION_VERSION=1.45.3
\ No newline at end of file
diff --git a/.env.example b/.env.example
deleted file mode 100644
index ab53f2b04..000000000
--- a/.env.example
+++ /dev/null
@@ -1,47 +0,0 @@
-## Infura token
-NEXT_PUBLIC_INFURA_TOKEN=
-NEXT_PUBLIC_SAFE_APPS_INFURA_TOKEN=
-
-## CGW
-NEXT_PUBLIC_GATEWAY_URL_PRODUCTION=
-NEXT_PUBLIC_GATEWAY_URL_STAGING=
-
-# Transaction simulation
-NEXT_PUBLIC_TENDERLY_SIMULATE_ENDPOINT_URL=
-NEXT_PUBLIC_TENDERLY_PROJECT_NAME=
-NEXT_PUBLIC_TENDERLY_ORG_NAME=
-
-# Production build
-NEXT_PUBLIC_IS_PRODUCTION=
-
-# Latest supported safe version, used for upgrade prompts
-NEXT_PUBLIC_SAFE_VERSION=
-
-# Access keys
-NEXT_PUBLIC_SENTRY_DSN=
-NEXT_PUBLIC_BEAMER_ID=
-
-# Wallet-specific variables
-NEXT_PUBLIC_WC_PROJECT_ID=
-
-# E2E tests
-NEXT_PUBLIC_CYPRESS_MNEMONIC=
-
-# Safe Gelato relay service
-NEXT_PUBLIC_SAFE_GELATO_RELAY_SERVICE_URL_PRODUCTION=
-NEXT_PUBLIC_SAFE_GELATO_RELAY_SERVICE_URL_STAGING=
-
-# Firebase Cloud Messaging
-NEXT_PUBLIC_FIREBASE_OPTIONS_PRODUCTION=
-NEXT_PUBLIC_FIREBASE_VAPID_KEY_PRODUCTION=
-
-NEXT_PUBLIC_FIREBASE_OPTIONS_STAGING=
-NEXT_PUBLIC_FIREBASE_VAPID_KEY_STAGING=
-
-# Redefine
-NEXT_PUBLIC_REDEFINE_API=
-
-# Social Login
-NEXT_PUBLIC_SOCIAL_WALLET_OPTIONS_STAGING=
-NEXT_PUBLIC_SOCIAL_WALLET_OPTIONS_PRODUCTION=
-
diff --git a/.eslintrc.json b/.eslintrc.json
index d3c2987cb..a8dc812ac 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,11 +1,9 @@
 {
-  "extends": [
-    "next",
-    "prettier",
-    "plugin:prettier/recommended",
-    "plugin:storybook/recommended"
-  ],
+  "extends": ["next", "prettier", "plugin:prettier/recommended", "plugin:storybook/recommended"],
   "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": ["./tsconfig.json"]
+  },
   "rules": {
     "@next/next/no-img-element": "off",
     "@next/next/google-font-display": "off",
@@ -13,7 +11,9 @@
     "@next/next/no-page-custom-font": "off",
     "unused-imports/no-unused-imports-ts": "off",
     "@typescript-eslint/consistent-type-imports": "error",
+    "@typescript-eslint/await-thenable": "error",
     "no-constant-condition": "warn",
+    "no-unused-vars": ["off", { "varsIgnorePattern": "^_" }],
     "react-hooks/exhaustive-deps": [
       "warn",
       {
@@ -25,14 +25,6 @@
     "jsx-quotes": ["error", "prefer-double"],
     "react/jsx-curly-brace-presence": ["off", { "props": "never", "children": "never" }]
   },
-  "ignorePatterns": [
-    "node_modules/",
-    ".next/",
-    ".github/"
-  ],
-  "plugins": [
-    "unused-imports",
-    "@typescript-eslint",
-    "no-only-tests"
-  ]
+  "ignorePatterns": ["node_modules/", ".next/", ".github/", "cypress/", "src/types/contracts/"],
+  "plugins": ["unused-imports", "@typescript-eslint", "no-only-tests"]
 }
diff --git a/.github/ISSUE_TEMPLATE/bug-report.md b/.github/ISSUE_TEMPLATE/bug-report.md
index 023c76865..d186bb29e 100644
--- a/.github/ISSUE_TEMPLATE/bug-report.md
+++ b/.github/ISSUE_TEMPLATE/bug-report.md
@@ -1,7 +1,7 @@
 ---
 name: Bug report
 about: Create an issue to fix a bug
-labels: ["bug"]
+type: 'bug'
 ---
 
 <!--
@@ -11,12 +11,14 @@ BEFORE SUBMITTING: Please search to make sure this issue hasn't been reported al
 ## Bug description
 
 ## Environment
- - Browser: Chrome
- - Wallet: MetaMask
- - Chain: Ethereum mainnet
+
+- Browser: Chrome
+- Wallet: MetaMask
+- Chain: Ethereum mainnet
 
 ## Steps to reproduce
- 1. Go to
+
+1.  Go to
 
 ## Expected result
 
diff --git a/.github/ISSUE_TEMPLATE/task.md b/.github/ISSUE_TEMPLATE/task.md
new file mode 100644
index 000000000..fabdd3a25
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/task.md
@@ -0,0 +1,15 @@
+---
+name: Task
+about: Internal implementation task – only for the Safe team!
+type: 'task'
+---
+
+## Links
+
+Epic on Notion:
+
+## What must be done
+
+## Designs/sketches
+
+## How to test it
diff --git a/.github/ISSUE_TEMPLATE/tech-debt.md b/.github/ISSUE_TEMPLATE/tech-debt.md
new file mode 100644
index 000000000..1985d6c0b
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/tech-debt.md
@@ -0,0 +1,12 @@
+---
+name: Tech debt task
+about: Internal tech debt task – only for the Safe team!
+type: 'task'
+labels: 'tech debt'
+---
+
+## Problem
+
+## Proposed solution
+
+## Dependencies & risks
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index e93ffd7b5..b7e3dad00 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -9,6 +9,13 @@ Resolves #
 ## Screenshots
 
 ## Checklist
-* [ ] I've tested the branch on mobile 📱
-* [ ] I've documented how it affects the analytics (if at all) 📊
-* [ ] I've written a unit/e2e test for it (if applicable) 🧑‍💻
+
+- [ ] I've tested the branch on mobile 📱
+- [ ] I've documented how it affects the analytics (if at all) 📊
+- [ ] I've written a unit/e2e test for it (if applicable) 🧑‍💻
+
+---
+
+## CLA signature
+
+With the submission of this Pull Request, I confirm that I have read and agree to the terms of the [Contributor License Agreement](https://safe.global/cla).
diff --git a/.github/actions/build-storybook/action.yml b/.github/actions/build-storybook/action.yml
new file mode 100644
index 000000000..10f41becf
--- /dev/null
+++ b/.github/actions/build-storybook/action.yml
@@ -0,0 +1,14 @@
+name: 'Build Storybook'
+
+description: 'Build the storybook'
+
+inputs:
+  secrets:
+    required: true
+
+runs:
+  using: 'composite'
+  steps:
+    - name: Build Storybook
+      shell: bash
+      run: yarn workspace @safe-global/web build-storybook -o ./out/storybook
diff --git a/.github/actions/build/action.yml b/.github/actions/build/action.yml
new file mode 100644
index 000000000..60441e031
--- /dev/null
+++ b/.github/actions/build/action.yml
@@ -0,0 +1,72 @@
+name: 'Build'
+
+description: 'Build the app'
+
+inputs:
+  secrets:
+    required: true
+    description: 'GitHub secrets as JSON'
+
+  prod: # id of input
+    description: 'Production build flag'
+    required: false
+
+runs:
+  using: 'composite'
+
+  steps:
+    - name: Restore Next.js Build Cache & Cypress cache
+      id: restore-nc
+      uses: ./.github/actions/cache-deps
+      with:
+        mode: restore-nc
+
+    - name: Set environment variables
+      shell: bash
+      run: |
+        if [ "${{ inputs.prod }}" = "true" ]; then
+          echo "NEXT_PUBLIC_INFURA_TOKEN=${{ fromJSON(inputs.secrets).NEXT_PUBLIC_INFURA_TOKEN }}" >> $GITHUB_ENV
+          echo "NEXT_PUBLIC_SAFE_APPS_INFURA_TOKEN=${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SAFE_APPS_INFURA_TOKEN }}" >> $GITHUB_ENV
+        else
+          echo "NEXT_PUBLIC_INFURA_TOKEN=${{ fromJSON(inputs.secrets).NEXT_PUBLIC_INFURA_TOKEN_DEVSTAGING }}" >> $GITHUB_ENV
+          echo "NEXT_PUBLIC_SAFE_APPS_INFURA_TOKEN=${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SAFE_APPS_INFURA_TOKEN_DEVSTAGING }}" >> $GITHUB_ENV
+        fi
+
+    - name: Build
+      shell: bash
+      run: yarn workspace @safe-global/web build
+      env:
+        NEXT_PUBLIC_IS_PRODUCTION: ${{ inputs.prod }}
+        NEXT_PUBLIC_GATEWAY_URL_PRODUCTION: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_GATEWAY_URL_PRODUCTION }}
+        NEXT_PUBLIC_GATEWAY_URL_STAGING: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_GATEWAY_URL_STAGING }}
+        NEXT_PUBLIC_SAFE_VERSION: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SAFE_VERSION }}
+        NEXT_PUBLIC_BEAMER_ID: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_BEAMER_ID }}
+        NEXT_PUBLIC_PROD_GA_TRACKING_ID: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_PROD_GA_TRACKING_ID }}
+        NEXT_PUBLIC_TEST_GA_TRACKING_ID: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_TEST_GA_TRACKING_ID }}
+        NEXT_PUBLIC_SAFE_APPS_GA_TRACKING_ID: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SAFE_APPS_GA_TRACKING_ID }}
+        NEXT_PUBLIC_SENTRY_DSN: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SENTRY_DSN }}
+        NEXT_PUBLIC_DATADOG_CLIENT_TOKEN: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_DATADOG_CLIENT_TOKEN }}
+        NEXT_PUBLIC_TENDERLY_ORG_NAME: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_TENDERLY_ORG_NAME }}
+        NEXT_PUBLIC_TENDERLY_PROJECT_NAME: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_TENDERLY_PROJECT_NAME }}
+        NEXT_PUBLIC_TENDERLY_SIMULATE_ENDPOINT_URL: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_TENDERLY_SIMULATE_ENDPOINT_URL }}
+        NEXT_PUBLIC_WC_PROJECT_ID: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_WC_PROJECT_ID }}
+        NEXT_PUBLIC_SAFE_RELAY_SERVICE_URL_PRODUCTION: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SAFE_GELATO_RELAY_SERVICE_URL_PRODUCTION }}
+        NEXT_PUBLIC_SAFE_RELAY_SERVICE_URL_STAGING: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SAFE_GELATO_RELAY_SERVICE_URL_STAGING }}
+        NEXT_PUBLIC_IS_OFFICIAL_HOST: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_IS_OFFICIAL_HOST }}
+        NEXT_PUBLIC_BRAND_LOGO: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_BRAND_LOGO }}
+        NEXT_PUBLIC_BRAND_NAME: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_BRAND_NAME }}
+        NEXT_PUBLIC_BLOCKAID_CLIENT_ID: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_BLOCKAID_CLIENT_ID }}
+        NEXT_PUBLIC_FIREBASE_OPTIONS_PRODUCTION: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_FIREBASE_OPTIONS_PRODUCTION }}
+        NEXT_PUBLIC_FIREBASE_OPTIONS_STAGING: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_FIREBASE_OPTIONS_STAGING }}
+        NEXT_PUBLIC_FIREBASE_VAPID_KEY_PRODUCTION: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_FIREBASE_VAPID_KEY_PRODUCTION }}
+        NEXT_PUBLIC_FIREBASE_VAPID_KEY_STAGING: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_FIREBASE_VAPID_KEY_STAGING }}
+        NEXT_PUBLIC_SPINDL_SDK_KEY: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SPINDL_SDK_KEY }}
+        NEXT_PUBLIC_ECOSYSTEM_ID_ADDRESS: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_ECOSYSTEM_ID_ADDRESS }}
+        NEXT_PUBLIC_MIXPANEL_TOKEN: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_MIXPANEL_TOKEN }}
+
+    - name: Save Next.js Build Cache & Cypress cache
+      if: steps.restore-nc.outputs.cache-hit-nc != 'true'
+      uses: ./.github/actions/cache-deps
+      with:
+        mode: save-nc
+        key: ${{ steps.restore-nc.outputs.computed-cache-key-nc }}
diff --git a/.github/actions/cache-deps/action.yml b/.github/actions/cache-deps/action.yml
new file mode 100644
index 000000000..378a5b458
--- /dev/null
+++ b/.github/actions/cache-deps/action.yml
@@ -0,0 +1,85 @@
+name: "Cache Yarn Dependencies"
+description: "Restore or save yarn dependencies"
+inputs:
+  mode:
+    description: "restore-yarn | save-yarn | restore-nc | safe-nc"
+    required: true
+  key:
+    description: "The cache key to use to safe. Attention! Make sure to use the correct computed cache key depending on the mode"
+    required: false
+
+outputs:
+  cache-hit-yarn:
+    value: ${{ steps.restore.outputs.cache-hit }}
+    description: "Whether the cache was hit or not"
+  computed-cache-key-yarn:
+    value: ${{ steps.restore.outputs.cache-primary-key }}
+    description: "The computed cache key for yarn"
+  cache-hit-nc:
+    value: ${{ steps.restore-nc.outputs.cache-hit }}
+    description: "Whether the cache was hit or not"
+  computed-cache-key-nc:
+    value: ${{ steps.restore-nc.outputs.cache-primary-key }}
+    description: "The computed cache key for nextjs/cypress"
+
+runs:
+  using: "composite"
+  steps:
+    - name: Restore Yarn Cache
+      if: ${{ inputs.mode == 'restore-yarn' }}
+      id: restore
+      uses: actions/cache/restore@v4
+      with:
+        path: |
+          **/node_modules
+          /home/runner/.cache/Cypress
+          ${{ github.workspace }}/.yarn/install-state.gz
+          ${{ github.workspace }}/packages/utils/src/types
+        key: ${{ runner.os }}-web-core-modules-${{ hashFiles('**/package.json','**/yarn.lock') }}
+        restore-keys: |
+          ${{ runner.os }}-web-core-modules-
+
+    - name: Set composite outputs yarn
+      if: ${{ inputs.mode == 'restore-yarn' }}
+      shell: bash
+      run: | 
+        echo "cache-hit-yarn=${{ steps.restore.outputs.cache-hit }}" >> $GITHUB_OUTPUT
+        echo "computed-cache-key-yarn=${{ steps.restore.outputs.cache-primary-key }}" >> $GITHUB_OUTPUT
+
+    - name: Save Yarn Cache
+      if: ${{ inputs.mode == 'save-yarn' }}
+      uses: actions/cache/save@v4
+      with:
+        path: |
+          **/node_modules
+          /home/runner/.cache/Cypress
+          ${{ github.workspace }}/.yarn/install-state.gz
+          ${{ github.workspace }}/packages/utils/src/types
+        key: ${{inputs.key}}
+
+    - name: Restore Next.js
+      if: ${{ inputs.mode == 'restore-nc' }}
+      id: restore-nc
+      uses: actions/cache/restore@v4
+      with:
+        path: |
+          ${{ github.workspace }}/apps/web/.next/cache
+        key: ${{ runner.os }}-nextjs-cypress-${{ hashFiles('apps/web/package.json', 'apps/web/yarn.lock') }}-${{ hashFiles('apps/web/src/**/*', 'apps/web/public/**/*', 'apps/web/*.{js,jsx,cjs,ts,mjs,tsx,json} ') }}
+        restore-keys: |
+          ${{ runner.os }}-nextjs-${{ hashFiles('apps/web/package.json', 'apps/web/yarn.lock') }}-
+
+    - name: Set composite outputs nc
+      if: ${{ inputs.mode == 'restore-nc' }}
+      shell: bash
+      run: | 
+        echo "cache-hit-nc=${{ steps.restore-nc.outputs.cache-hit }}" >> $GITHUB_OUTPUT
+        echo "computed-cache-key-nc=${{ steps.restore-nc.outputs.cache-primary-key }}" >> $GITHUB_OUTPUT
+
+
+    - name: Save Next.js
+      if: ${{ inputs.mode == 'save-nc' }}
+      uses: actions/cache/save@v4
+      with:
+        path: |
+          ${{ github.workspace }}/apps/web/.next/cache
+        key: ${{inputs.key}}
diff --git a/.github/actions/corepack/action.yml b/.github/actions/corepack/action.yml
new file mode 100644
index 000000000..d0753d589
--- /dev/null
+++ b/.github/actions/corepack/action.yml
@@ -0,0 +1,8 @@
+name: "Enable corepack"
+
+runs:
+  using: "composite"
+  steps:
+    - name: "Enable Corepack"
+      shell: bash
+      run: corepack enable
diff --git a/.github/actions/cypress/action.yml b/.github/actions/cypress/action.yml
new file mode 100644
index 000000000..7956c1feb
--- /dev/null
+++ b/.github/actions/cypress/action.yml
@@ -0,0 +1,64 @@
+name: 'Cypress'
+
+description: 'Run Cypress'
+
+inputs:
+  secrets:
+    description: 'GitHub secrets as JSON'
+    required: true
+
+  spec:
+    description: 'A glob pattern for which tests to run'
+    required: true
+
+  group:
+    description: 'The name of the group (e.g. "smoke")'
+    required: true
+
+  project_id:
+    description: 'Cypress cloud project id'
+    required: false
+
+  record_key:
+    description: 'Cypress cloud record key'
+    required: false
+
+  tag:
+    description: 'Cypress cloud tag key'
+    required: false
+
+runs:
+  using: 'composite'
+  steps:
+    - uses: ./.github/actions/yarn
+
+    - name: Install Latest stable Chrome Version
+      shell: bash
+      run: |
+        curl -O 'https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb'
+        sudo apt-get install ./google-chrome-stable_current_amd64.deb
+
+    - uses: ./.github/actions/build
+      with:
+        secrets: ${{ inputs.secrets }}
+
+    - uses: cypress-io/github-action@v6
+      with:
+        spec: ${{ inputs.spec }}
+        group: ${{ inputs.group }}
+        parallel: true
+        browser: chrome
+        record: true
+        tag: ${{ inputs.tag }}
+        config: baseUrl=http://localhost:8080
+        install: false
+        start: yarn workspace @safe-global/web serve
+        wait-on: 'http://localhost:8080'
+        wait-on-timeout: 120
+        working-directory: apps/web
+      env:
+        CYPRESS_RECORD_KEY: ${{ inputs.record_key || fromJSON(inputs.secrets).CYPRESS_RECORD_KEY }}
+        GITHUB_TOKEN: ${{ fromJSON(inputs.secrets).GITHUB_TOKEN }}
+        CYPRESS_PROJECT_ID: ${{ inputs.project_id }}
+        CYPRESS_WALLET_CREDENTIALS: ${{ fromJSON(inputs.secrets).CYPRESS_WALLET_CREDENTIALS }}
+        BEAMER_DATA_E2E: ${{ fromJSON(inputs.secrets).BEAMER_DATA_E2E }}
diff --git a/.github/actions/yarn/action.yml b/.github/actions/yarn/action.yml
new file mode 100644
index 000000000..5bdc6809b
--- /dev/null
+++ b/.github/actions/yarn/action.yml
@@ -0,0 +1,41 @@
+name: 'Yarn'
+
+description: 'Install the dependencies'
+
+runs:
+  using: 'composite'
+  steps:
+    # We require yarn v4 and installing through corepack is the easiest way to get it
+    - uses: actions/checkout@v4
+
+    - uses: ./.github/actions/corepack
+
+    - name: Restore Yarn Cache & Types
+      id: restore-yarn-types
+      uses: ./.github/actions/cache-deps
+      with:
+        mode: restore-yarn
+
+    - name: Echo cache hit
+      shell: bash
+      run: |
+        echo "Yarn cache hit: ${{ steps.restore-yarn-types.outputs.cache-hit-yarn }}"
+
+    - name: Yarn install
+      if: steps.restore-yarn-types.outputs.cache-hit-yarn != 'true'
+      shell: bash
+      run: |
+        yarn install --immutable
+
+    - name: Yarn after-install to generate contracts types
+      if: steps.restore-yarn-types.outputs.cache-hit-yarn != 'true'
+      shell: bash
+      run: |        
+        yarn workspace @safe-global/web after-install
+
+    - name: Save Yarn Cache & Types
+      if: steps.restore-yarn-types.outputs.cache-hit-yarn != 'true'
+      uses: ./.github/actions/cache-deps
+      with:
+        mode: save-yarn
+        key: ${{ steps.restore-yarn-types.outputs.computed-cache-key-yarn }}
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
new file mode 100644
index 000000000..89a93406c
--- /dev/null
+++ b/.github/dependabot.yml
@@ -0,0 +1,20 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file
+
+version: 2
+updates:
+  - package-ecosystem: 'npm'
+    directory: '/'
+    schedule:
+      interval: 'weekly'
+    groups:
+      ledger:
+        patterns:
+          - '@ledgerhq/*'
+
+  - package-ecosystem: 'github-actions'
+    directory: '/'
+    schedule:
+      interval: 'weekly'
diff --git a/.github/workflows/build-storybook/action.yml b/.github/workflows/build-storybook/action.yml
deleted file mode 100644
index 7ddf5b924..000000000
--- a/.github/workflows/build-storybook/action.yml
+++ /dev/null
@@ -1,14 +0,0 @@
-name: 'Build Storybook'
-
-description: 'Build the storybook'
-
-inputs:
-  secrets:
-    required: true
-
-runs:
-  using: 'composite'
-  steps:
-    - name: Build Storybook
-      shell: bash
-      run: yarn build-storybook -o ./out/storybook
diff --git a/.github/workflows/build/action.yml b/.github/workflows/build/action.yml
deleted file mode 100644
index fd3d7998f..000000000
--- a/.github/workflows/build/action.yml
+++ /dev/null
@@ -1,61 +0,0 @@
-name: 'Build'
-
-description: 'Build the app'
-
-inputs:
-  secrets:
-    required: true
-
-  prod: # id of input
-    description: 'Production build flag'
-    required: false
-
-  e2e_mnemonic:
-    description: 'Mnemonic for the E2E tests'
-    required: false
-
-runs:
-  using: 'composite'
-
-  steps:
-    - name: Set environment variables
-      shell: bash
-      run: |
-        if [ "${{ inputs.prod }}" = "true" ]; then
-          echo "NEXT_PUBLIC_INFURA_TOKEN=${{ fromJSON(inputs.secrets).NEXT_PUBLIC_INFURA_TOKEN }}" >> $GITHUB_ENV
-          echo "NEXT_PUBLIC_SAFE_APPS_INFURA_TOKEN=${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SAFE_APPS_INFURA_TOKEN }}" >> $GITHUB_ENV
-        else
-          echo "NEXT_PUBLIC_INFURA_TOKEN=${{ fromJSON(inputs.secrets).NEXT_PUBLIC_INFURA_TOKEN_DEVSTAGING }}" >> $GITHUB_ENV
-          echo "NEXT_PUBLIC_SAFE_APPS_INFURA_TOKEN=${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SAFE_APPS_INFURA_TOKEN_DEVSTAGING }}" >> $GITHUB_ENV
-        fi
-
-    - name: Build
-      shell: bash
-      run: yarn build
-      env:
-        NEXT_PUBLIC_IS_PRODUCTION: ${{ inputs.prod }}
-        NEXT_PUBLIC_CYPRESS_MNEMONIC: ${{ inputs.e2e_mnemonic }}
-        NEXT_PUBLIC_GATEWAY_URL_PRODUCTION: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_GATEWAY_URL_PRODUCTION }}
-        NEXT_PUBLIC_GATEWAY_URL_STAGING: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_GATEWAY_URL_STAGING }}
-        NEXT_PUBLIC_SAFE_VERSION: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SAFE_VERSION }}
-        NEXT_PUBLIC_BEAMER_ID: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_BEAMER_ID }}
-        NEXT_PUBLIC_GOOGLE_TAG_MANAGER_DEVELOPMENT_AUTH: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_GOOGLE_TAG_MANAGER_DEVELOPMENT_AUTH }}
-        NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID }}
-        NEXT_PUBLIC_GOOGLE_TAG_MANAGER_LATEST_AUTH: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_GOOGLE_TAG_MANAGER_LATEST_AUTH }}
-        NEXT_PUBLIC_GOOGLE_TAG_MANAGER_LIVE_AUTH: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_GOOGLE_TAG_MANAGER_LIVE_AUTH }}
-        NEXT_PUBLIC_SENTRY_DSN: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SENTRY_DSN }}
-        NEXT_PUBLIC_TENDERLY_ORG_NAME: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_TENDERLY_ORG_NAME }}
-        NEXT_PUBLIC_TENDERLY_PROJECT_NAME: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_TENDERLY_PROJECT_NAME }}
-        NEXT_PUBLIC_TENDERLY_SIMULATE_ENDPOINT_URL: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_TENDERLY_SIMULATE_ENDPOINT_URL }}
-        NEXT_PUBLIC_WC_PROJECT_ID: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_WC_PROJECT_ID }}
-        NEXT_PUBLIC_SAFE_RELAY_SERVICE_URL_PRODUCTION: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SAFE_GELATO_RELAY_SERVICE_URL_PRODUCTION }}
-        NEXT_PUBLIC_SAFE_RELAY_SERVICE_URL_STAGING: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SAFE_GELATO_RELAY_SERVICE_URL_STAGING }}
-        NEXT_PUBLIC_IS_OFFICIAL_HOST: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_IS_OFFICIAL_HOST }}
-        NEXT_PUBLIC_REDEFINE_API: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_REDEFINE_API }}
-        NEXT_PUBLIC_SOCIAL_WALLET_OPTIONS_STAGING: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SOCIAL_WALLET_OPTIONS_STAGING }}
-        NEXT_PUBLIC_SOCIAL_WALLET_OPTIONS_PRODUCTION: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SOCIAL_WALLET_OPTIONS_PRODUCTION }}
-        NEXT_PUBLIC_FIREBASE_OPTIONS_PRODUCTION: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_FIREBASE_OPTIONS_PRODUCTION }}
-        NEXT_PUBLIC_FIREBASE_OPTIONS_STAGING: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_FIREBASE_OPTIONS_STAGING }}
-        NEXT_PUBLIC_FIREBASE_VAPID_KEY_PRODUCTION: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_FIREBASE_VAPID_KEY_PRODUCTION }}
-        NEXT_PUBLIC_FIREBASE_VAPID_KEY_STAGING: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_FIREBASE_VAPID_KEY_STAGING }}
-        NEXT_PUBLIC_SPINDL_SDK_KEY: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_SPINDL_SDK_KEY }}
diff --git a/.github/workflows/cla.yml b/.github/workflows/cla.yml
deleted file mode 100644
index 26ffce42c..000000000
--- a/.github/workflows/cla.yml
+++ /dev/null
@@ -1,40 +0,0 @@
-name: 'CLA Assistant'
-
-on:
-  issue_comment:
-    types: [created]
-  pull_request_target:
-    types: [opened, closed, synchronize]
-
-jobs:
-  CLAAssistant:
-    runs-on: ubuntu-latest
-    steps:
-      - name: 'CLA Assistant'
-        if: (github.event.comment.body == 'recheck' || github.event.comment.body == 'I have read the CLA Document and I hereby sign the CLA') || github.event_name == 'pull_request_target'
-        # Beta Release
-        uses: contributor-assistant/github-action@v2.2.0
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          # the below token should have repo scope and must be manually added by you in the repository's secret
-          PERSONAL_ACCESS_TOKEN: ${{ secrets.CLA_ACCESS_TOKEN }}
-        with:
-          path-to-signatures: 'signatures/version1/cla.json'
-          path-to-document: 'https://safe.global/cla' # e.g. a CLA or a DCO document
-          # branch should not be protected
-          branch: 'main'
-          # user names of users allowed to contribute without CLA
-          allowlist: lukasschor,rmeissner,germartinez,Uxio0,dasanra,francovenica,tschubotz,luarx,DaniSomoza,iamacook,yagopv,usame-algan,schmanu,DiogoSoaress,JagoFigueroa,fmrsabino,mike10ca,jmealy,compojoom,TanyaEfremova,bot*
-
-          # the followings are the optional inputs - If the optional inputs are not given, then default values will be taken
-          # enter the remote organization name where the signatures should be stored (Default is storing the signatures in the same repository)
-          remote-organization-name: 'safe-global'
-          # enter the  remote repository name where the signatures should be stored (Default is storing the signatures in the same repository)
-          remote-repository-name: 'cla-signatures'
-          #create-file-commit-message: 'For example: Creating file for storing CLA Signatures'
-          #signed-commit-message: 'For example: $contributorName has signed the CLA in #$pullRequestNo'
-          #custom-notsigned-prcomment: 'pull request comment with Introductory message to ask new contributors to sign'
-          #custom-pr-sign-comment: 'The signature to be committed in order to sign the CLA'
-          #custom-allsigned-prcomment: 'pull request comment when all contributors has signed, defaults to **CLA Assistant Lite bot** All Contributors have signed the CLA.'
-          #lock-pullrequest-aftermerge: false - if you don't want this bot to automatically lock the pull request after merging (default - true)
-          #use-dco-flag: true - If you are using DCO instead of CLA
diff --git a/.github/workflows/cypress/action.yml b/.github/workflows/cypress/action.yml
deleted file mode 100644
index bcccd875b..000000000
--- a/.github/workflows/cypress/action.yml
+++ /dev/null
@@ -1,58 +0,0 @@
-name: 'Cypress'
-
-description: 'Run Cypress'
-
-inputs:
-  secrets:
-    description: 'GitHub secrets as JSON'
-    required: true
-
-  spec:
-    description: 'A glob pattern for which tests to run'
-    required: true
-
-  group:
-    description: 'The name of the group (e.g. "smoke")'
-    required: true
-
-  project_id:
-    description: 'Cypress cloud project id'
-    required: false
-
-  record_key:
-    description: 'Cypress cloud record key'
-    required: false
-
-runs:
-  using: 'composite'
-  steps:
-    - uses: ./.github/workflows/yarn
-
-    - name: Install Latest stable Chrome Version
-      shell: bash
-      run: |
-        curl -O 'https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb'
-        sudo apt-get install ./google-chrome-stable_current_amd64.deb
-
-    - uses: ./.github/workflows/build
-      with:
-        secrets: ${{ inputs.secrets }}
-        e2e_mnemonic: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_CYPRESS_MNEMONIC }}
-
-    - name: Serve
-      shell: bash
-      run: yarn serve &
-
-    - uses: cypress-io/github-action@v4
-      with:
-        spec: ${{ inputs.spec }}
-        group: ${{ inputs.group }}
-        parallel: true
-        browser: chrome
-        record: true
-        config: baseUrl=http://localhost:8080
-      env:
-        CYPRESS_RECORD_KEY: ${{ inputs.record_key || fromJSON(inputs.secrets).CYPRESS_RECORD_KEY }}
-        GITHUB_TOKEN: ${{ fromJSON(inputs.secrets).GITHUB_TOKEN }}
-        CYPRESS_PROJECT_ID: ${{ inputs.project_id }}
-        CYPRESS_WALLET_CREDENTIALS: ${{ fromJSON(inputs.secrets).CYPRESS_WALLET_CREDENTIALS }}
diff --git a/.github/workflows/deploy-dev.yml b/.github/workflows/deploy-dev.yml
deleted file mode 100644
index a56a220e1..000000000
--- a/.github/workflows/deploy-dev.yml
+++ /dev/null
@@ -1,102 +0,0 @@
-name: Deploy to dev/staging
-
-on:
-  pull_request:
-
-  push:
-    branches:
-      - dev
-      - main
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}
-  cancel-in-progress: true
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    permissions:
-      pull-requests: write
-      id-token: write
-
-    name: Deploy to dev/staging
-
-    steps:
-      # Post a PR comment before deploying
-      - name: Post a comment while building
-        if: github.event.number
-        uses: mshick/add-pr-comment@v2
-        with:
-          message-id: praul
-          message: |
-            ## Branch preview
-            ⏳ Deploying a preview site...
-          repo-token: ${{ secrets.GITHUB_TOKEN }}
-          repo-token-user-login: 'github-actions[bot]'
-
-      - uses: actions/checkout@v4
-
-      - uses: ./.github/workflows/yarn
-
-      - uses: ./.github/workflows/build
-        with:
-          secrets: ${{ toJSON(secrets) }}
-          if: startsWith(github.ref, 'refs/heads/main')
-
-      - uses: ./.github/workflows/build-storybook
-
-      - name: Configure AWS credentials
-        uses: aws-actions/configure-aws-credentials@v3
-        with:
-          role-to-assume: ${{ secrets.AWS_ROLE }}
-          aws-region: ${{ secrets.AWS_REGION }}
-
-      # Staging
-      - name: Deploy to the staging S3
-        if: startsWith(github.ref, 'refs/heads/main')
-        env:
-          BUCKET: s3://${{ secrets.AWS_STAGING_BUCKET_NAME }}/current
-        run: bash ./scripts/github/s3_upload.sh
-
-      # Dev
-      - name: Deploy to the dev S3
-        if: startsWith(github.ref, 'refs/heads/dev')
-        env:
-          BUCKET: s3://${{ secrets.AWS_DEVELOPMENT_BUCKET_NAME }}
-        run: bash ./scripts/github/s3_upload.sh
-
-      ### PRs ###
-
-      # Extract branch name
-      - name: Extract branch name
-        shell: bash
-        ## Cut off "refs/heads/", only allow alphanumeric characters and convert to lower case,
-        ## e.g. "refs/heads/features/hello-1.2.0" -> "features_hello_1_2_0"
-        run: echo "branch=$(echo $GITHUB_HEAD_REF | sed 's/refs\/heads\///' | sed 's/[^a-z0-9]/_/ig' | sed 's/[A-Z]/\L&/g')" >> $GITHUB_OUTPUT
-        id: extract_branch
-
-      # Deploy to S3
-      - name: Deploy PR branch
-        if: github.event.number
-        env:
-          BUCKET: s3://${{ secrets.AWS_REVIEW_BUCKET_NAME }}/walletweb/${{ steps.extract_branch.outputs.branch }}
-        run: bash ./scripts/github/s3_upload.sh
-
-      # Comment
-      - name: Post a deployment link in the PR
-        if: always() && github.event.number
-        uses: mshick/add-pr-comment@v2
-        with:
-          message-id: praul
-          message: |
-            ## Branch preview
-            ✅  Deploy successful!
-
-            **Website:**
-            https://${{ steps.extract_branch.outputs.branch }}--walletweb.review.5afe.dev/home?safe=eth:0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6
-
-            **Storybook:**
-            https://${{ steps.extract_branch.outputs.branch }}--walletweb.review.5afe.dev/storybook/
-          message-failure: |
-            ## Branch preview
-            ❌  Deploy failed!
diff --git a/.github/workflows/deploy-dockerhub.yml b/.github/workflows/deploy-dockerhub.yml
deleted file mode 100644
index a565ca877..000000000
--- a/.github/workflows/deploy-dockerhub.yml
+++ /dev/null
@@ -1,62 +0,0 @@
-# web-core image is meant to be used only by our safe-infrastructure repository
-
-name: Deploy to Dockerhub
-
-on:
-  push:
-    branches:
-      - main
-      - dev
-  release:
-    types: [ released ]
-
-jobs:
-  dockerhub-push:
-    runs-on: ubuntu-latest
-    if: github.ref == 'refs/heads/main' || github.ref == 'refs/heads/dev' || (github.event_name == 'release' && github.event.action == 'released')
-    steps:
-    - uses: actions/checkout@v4
-    - uses: docker/setup-qemu-action@v3
-      with:
-        platforms: arm64
-    - uses: docker/setup-buildx-action@v3
-    - name: Dockerhub login
-      uses: docker/login-action@v3
-      with:
-        username: ${{ secrets.DOCKER_USER }}
-        password: ${{ secrets.DOCKER_PASSWORD }}
-    - name: Deploy Main
-      if: github.ref == 'refs/heads/main'
-      uses: docker/build-push-action@v5
-      with:
-        push: true
-        tags: safeglobal/safe-wallet-web:staging
-        platforms: |
-          linux/amd64
-          linux/arm64
-        cache-from: type=gha
-        cache-to: type=gha,mode=max
-    - name: Deploy Develop
-      if: github.ref == 'refs/heads/dev'
-      uses: docker/build-push-action@v5
-      with:
-        push: true
-        tags: safeglobal/safe-wallet-web:dev
-        platforms: |
-          linux/amd64
-          linux/arm64
-        cache-from: type=gha
-        cache-to: type=gha,mode=max
-    - name: Deploy Tag
-      if: (github.event_name == 'release' && github.event.action == 'released')
-      uses: docker/build-push-action@v5
-      with:
-        push: true
-        tags: |
-          safeglobal/safe-wallet-web:${{ github.event.release.tag_name }}
-          safeglobal/safe-wallet-web:latest
-        platforms: |
-          linux/amd64
-          linux/arm64
-        cache-from: type=gha
-        cache-to: type=gha,mode=max
diff --git a/.github/workflows/deploy-production.yml b/.github/workflows/deploy-production.yml
deleted file mode 100644
index 84a0e6ba6..000000000
--- a/.github/workflows/deploy-production.yml
+++ /dev/null
@@ -1,54 +0,0 @@
-name: Release
-
-on:
-  release:
-    types: [published]
-
-jobs:
-  release:
-    permissions:
-      id-token: write
-
-    runs-on: ubuntu-latest
-
-    name: Deploy release
-
-    env:
-      ARCHIVE_NAME: ${{ github.event.repository.name }}-${{ github.event.release.tag_name }}
-
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: ./.github/workflows/yarn
-
-      - uses: ./.github/workflows/build
-        with:
-          secrets: ${{ toJSON(secrets) }}
-          prod: ${{ true }}
-
-      - name: Create archive
-        run: tar -czf "$ARCHIVE_NAME".tar.gz out
-
-      - name: Create checksum
-        run: sha256sum "$ARCHIVE_NAME".tar.gz > ${{ env.ARCHIVE_NAME }}-sha256-checksum.txt
-
-      - name: Configure AWS credentials
-        uses: aws-actions/configure-aws-credentials@v3
-        with:
-          role-to-assume: ${{ secrets.AWS_ROLE }}
-          aws-region: ${{ secrets.AWS_REGION }}
-
-      # Script to upload release files
-      - name: Upload release build files for production
-        env:
-          BUCKET: s3://${{ secrets.AWS_STAGING_BUCKET_NAME }}/releases/${{ github.event.release.tag_name }}
-          CHECKSUM_FILE: ${{ env.ARCHIVE_NAME }}-sha256-checksum.txt
-        run: bash ./scripts/github/s3_upload.sh
-
-      # Script to prepare production deployments
-      - name: Prepare deployment
-        run: bash ./scripts/github/prepare_production_deployment.sh
-        env:
-          PROD_DEPLOYMENT_HOOK_TOKEN: ${{ secrets.PROD_DEPLOYMENT_HOOK_TOKEN }}
-          PROD_DEPLOYMENT_HOOK_URL: ${{ secrets.PROD_DEPLOYMENT_HOOK_URL }}
-          VERSION_TAG: ${{ github.event.release.tag_name }}
diff --git a/.github/workflows/e2e-hp-ondemand.yml b/.github/workflows/e2e-hp-ondemand.yml
deleted file mode 100644
index e898380e1..000000000
--- a/.github/workflows/e2e-hp-ondemand.yml
+++ /dev/null
@@ -1,58 +0,0 @@
-name: Happy path on demand tests
-
-on:
-  workflow_dispatch:
-  schedule:
-    - cron: '0 4 * * 1,4'
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}
-  cancel-in-progress: true
-
-jobs:
-  e2e:
-    runs-on: ubuntu-20.04
-    name: Cypress Happy path on demand tests
-    strategy:
-      fail-fast: false
-      matrix:
-        containers: [1, 2, 3]
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: ./.github/workflows/cypress
-        with:
-          secrets: ${{ toJSON(secrets) }}
-          spec: |
-            cypress/e2e/happypath/*.cy.js
-          group: 'Happy path on demand tests'
-
-      - name: Python setup
-        if: always()
-        uses: actions/setup-python@v3
-        with:
-          python-version: '3.x'
-
-      - name: Install junitparser
-        if: always()
-        run: |
-          pip install junitparser
-
-      - name: Merge JUnit reports for TestRail
-        if: always()
-        run: |
-          junitparser merge --suite-name "Root Suite" --glob "reports/junit-*" "reports/junit-report.xml"
-
-      - name: TestRail CLI upload results
-        if: always()
-        run: |
-          pip install trcli
-          trcli -y \
-          -h https://gno.testrail.io/ \
-          --project "Safe- Web App" \
-          --username ${{ secrets.TESTRAIL_USERNAME }} \
-          --password ${{ secrets.TESTRAIL_PASSWORD }} \
-          parse_junit \
-          --title "Happy path Tests, branch: ${GITHUB_REF_NAME}" \
-          --run-description ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }} \
-          -f "reports/junit-report.xml"
diff --git a/.github/workflows/e2e-ondemand.yml b/.github/workflows/e2e-ondemand.yml
deleted file mode 100644
index 906195d4a..000000000
--- a/.github/workflows/e2e-ondemand.yml
+++ /dev/null
@@ -1,60 +0,0 @@
-name: Regression on demand tests
-
-on:
-  workflow_dispatch:
-  schedule:
-    - cron: '0 4 * * 1-5'
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}
-  cancel-in-progress: true
-
-jobs:
-  e2e:
-    runs-on: ubuntu-20.04
-    name: Cypress Regression on demand tests
-    strategy:
-      fail-fast: false
-      matrix:
-        containers: [1, 2, 3, 4, 5]
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: ./.github/workflows/cypress
-        with:
-          secrets: ${{ toJSON(secrets) }}
-          spec: |
-            cypress/e2e/regression/*.cy.js
-            cypress/e2e/safe-apps/*.cy.js
-            cypress/e2e/smoke/*.cy.js
-          group: 'Regression on demand tests'
-
-      - name: Python setup
-        if: always()
-        uses: actions/setup-python@v3
-        with:
-          python-version: '3.x'
-
-      - name: Install junitparser
-        if: always()
-        run: |
-          pip install junitparser
-
-      - name: Merge JUnit reports for TestRail
-        if: always()
-        run: |
-          junitparser merge --suite-name "Root Suite" --glob "reports/junit-*" "reports/junit-report.xml"
-
-      - name: TestRail CLI upload results
-        if: always()
-        run: |
-          pip install trcli
-          trcli -y \
-          -h https://gno.testrail.io/ \
-          --project "Safe- Web App" \
-          --username ${{ secrets.TESTRAIL_USERNAME }} \
-          --password ${{ secrets.TESTRAIL_PASSWORD }} \
-          parse_junit \
-          --title "Automated Tests, branch: ${GITHUB_REF_NAME}" \
-          --run-description ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }} \
-          -f "reports/junit-report.xml"
diff --git a/.github/workflows/e2e-regression.yml b/.github/workflows/e2e-regression.yml
deleted file mode 100644
index 104147064..000000000
--- a/.github/workflows/e2e-regression.yml
+++ /dev/null
@@ -1,28 +0,0 @@
-name: Regression tests
-
-on:
-  pull_request:
-    branches:
-      - 'release**'
-      - 'release/**'
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}
-  cancel-in-progress: true
-
-jobs:
-  e2e:
-    runs-on: ubuntu-20.04
-    name: Cypress Regression tests
-    strategy:
-      fail-fast: false
-      matrix:
-        containers: [1, 2, 3]
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: ./.github/workflows/cypress
-        with:
-          secrets: ${{ toJSON(secrets) }}
-          spec: cypress/e2e/**/*.cy.js
-          group: 'Regression tests'
diff --git a/.github/workflows/e2e-safe-apps.yml b/.github/workflows/e2e-safe-apps.yml
deleted file mode 100644
index 2843bdfb1..000000000
--- a/.github/workflows/e2e-safe-apps.yml
+++ /dev/null
@@ -1,29 +0,0 @@
-name: Safe Apps e2e
-
-on:
-  pull_request:
-  workflow_dispatch:
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}
-  cancel-in-progress: true
-
-jobs:
-  e2e:
-    runs-on: ubuntu-latest
-    name: Cypress Safe Apps tests
-    strategy:
-      fail-fast: false
-      matrix:
-        containers: [1, 2]
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: ./.github/workflows/cypress
-        with:
-          secrets: ${{ toJSON(secrets) }}
-          spec: cypress/e2e/safe-apps/*.cy.js
-          group: 'Safe Apps tests'
-          project_id: okn21k
-          record_key: ${{ secrets.CYPRESS_SAFE_APPS_RECORD_KEY }}
-
diff --git a/.github/workflows/e2e-smoke.yml b/.github/workflows/e2e-smoke.yml
deleted file mode 100644
index e9cb5a6ab..000000000
--- a/.github/workflows/e2e-smoke.yml
+++ /dev/null
@@ -1,27 +0,0 @@
-name: Smoke tests
-
-on:
-  pull_request:
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}
-  cancel-in-progress: true
-
-jobs:
-  e2e:
-    runs-on: ubuntu-20.04
-    name: Cypress Smoke tests
-
-    strategy:
-      fail-fast: false
-      matrix:
-        containers: [1, 2, 3, 4, 5]
-
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: ./.github/workflows/cypress
-        with:
-          secrets: ${{ toJSON(secrets) }}
-          spec: cypress/e2e/smoke/*.cy.js
-          group: 'Smoke tests'
diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
deleted file mode 100644
index 1f43f7b41..000000000
--- a/.github/workflows/lint.yml
+++ /dev/null
@@ -1,18 +0,0 @@
-name: Lint
-on: [pull_request]
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}
-  cancel-in-progress: true
-
-jobs:
-  eslint:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: ./.github/workflows/yarn
-
-      - uses: Maggi64/eslint-plus-action@master
-        with:
-          npmInstall: false
diff --git a/.github/workflows/mobile-dev-release.yml b/.github/workflows/mobile-dev-release.yml
new file mode 100644
index 000000000..ded50cdb9
--- /dev/null
+++ b/.github/workflows/mobile-dev-release.yml
@@ -0,0 +1,52 @@
+name: EAS Dev Build
+
+on:
+  push:
+    branches:
+      - dev
+    paths:
+      - apps/mobile/**
+      - packages/**
+  pull_request:
+    paths:
+      - apps/mobile/**
+      - packages/**
+
+jobs:
+  build:
+    if: >
+      github.event_name == 'push' ||
+      (github.event_name == 'pull_request' &&
+       contains(github.event.pull_request.labels.*.name, 'mobile-dev-release'))
+    name: Install and build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Enable Corepack
+        run: corepack enable
+
+      # Set up Node.js
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '22.11.0'
+          cache: 'yarn'
+
+      # Install dependencies
+      - name: Install dependencies
+        run: yarn install --immutable
+
+      - name: Setup Expo and EAS
+        uses: expo/expo-github-action@v8
+        with:
+          eas-version: latest
+          token: ${{ secrets.EXPO_TOKEN }}
+
+      - name: Build & deploy iOS on EAS
+        working-directory: apps/mobile
+        run: eas build --profile development --non-interactive --no-wait --platform ios --auto-submit-with-profile=development
+
+      - name: Build & deploy Android on EAS
+        working-directory: apps/mobile
+        run: eas build --profile development --non-interactive --no-wait --platform android --auto-submit-with-profile=development
diff --git a/.github/workflows/mobile-e2e.yml b/.github/workflows/mobile-e2e.yml
new file mode 100644
index 000000000..a44e084c4
--- /dev/null
+++ b/.github/workflows/mobile-e2e.yml
@@ -0,0 +1,42 @@
+name: EAS Mobile E2E tests
+
+on:
+  workflow_dispatch:
+  schedule:
+    - cron: '0 6 * * *'
+  pull_request:
+    paths:
+      - apps/mobile/**
+      - packages/**
+
+jobs:
+  build:
+    if: github.event_name != 'pull_request' || contains(github.event.pull_request.labels.*.name, 'mobile-e2e-test')
+    name: Install and build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Enable Corepack
+        run: corepack enable
+
+      # Set up Node.js
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '22.11.0' # jod
+          cache: 'yarn'
+
+      # Install dependencies
+      - name: Install dependencies
+        run: yarn install --immutable
+
+      - name: Setup Expo and EAS
+        uses: expo/expo-github-action@v8
+        with:
+          eas-version: latest
+          token: ${{ secrets.EXPO_TOKEN }}
+
+      - name: Build on EAS
+        working-directory: apps/mobile
+        run: eas build --profile build-and-maestro-test --non-interactive --no-wait --platform ios
diff --git a/.github/workflows/mobile-lint.yml b/.github/workflows/mobile-lint.yml
new file mode 100644
index 000000000..10d06c88e
--- /dev/null
+++ b/.github/workflows/mobile-lint.yml
@@ -0,0 +1,40 @@
+name: Mobile Lint
+
+on:
+  push:
+    branches:
+      - main
+    paths:
+      - apps/mobile/**
+      - packages/**
+  pull_request:
+    paths:
+      - apps/mobile/**
+      - packages/**
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+
+    steps:
+      # Checkout the code
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Enable Corepack
+        run: corepack enable
+
+      # Set up Node.js
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '22.11.0' # jod
+          cache: 'yarn'
+
+      # Install dependencies
+      - name: Install dependencies
+        run: yarn install --immutable
+
+      # Run tests with coverage
+      - name: Run lint
+        run: |
+          yarn workspace @safe-global/mobile run lint
diff --git a/.github/workflows/mobile-unit-tests.yml b/.github/workflows/mobile-unit-tests.yml
new file mode 100644
index 000000000..d31d0258b
--- /dev/null
+++ b/.github/workflows/mobile-unit-tests.yml
@@ -0,0 +1,46 @@
+name: Mobile Tests and Coverage
+
+on:
+  push:
+    branches:
+      - main
+    paths:
+      - apps/mobile/**
+      - packages/**
+  pull_request:
+    paths:
+      - apps/mobile/**
+      - packages/**
+jobs:
+  test-and-coverage:
+    runs-on: ubuntu-latest
+
+    steps:
+      # Checkout the code
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Enable Corepack
+        run: corepack enable
+
+      # Set up Node.js
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '22.11.0' # jod
+          cache: 'yarn'
+
+      # Install dependencies
+      - name: Install dependencies
+        run: yarn install --immutable
+
+      # Run tests with coverage
+      - name: Run Jest tests with coverage
+        run: |
+          yarn workspace @safe-global/mobile test:coverage --coverageReporters=text --coverageReporters=json-summary | tee ./coverage.txt && exit ${PIPESTATUS[0]}
+
+      - name: Jest Coverage Comment
+        uses: MishaKav/jest-coverage-comment@v1
+        with:
+          coverage-summary-path: ./coverage/coverage-summary.json
+          coverage-title: Coverage
+          coverage-path: ./coverage.txt
diff --git a/.github/workflows/nextjs-bundle-analysis.yml b/.github/workflows/nextjs-bundle-analysis.yml
deleted file mode 100644
index 1e3ad27f2..000000000
--- a/.github/workflows/nextjs-bundle-analysis.yml
+++ /dev/null
@@ -1,63 +0,0 @@
-# Copyright (c) HashiCorp, Inc.
-# SPDX-License-Identifier: MPL-2.0
-
-name: 'Next.js Bundle Analysis'
-
-on:
-  pull_request:
-  push:
-    branches:
-      - dev
-
-permissions:
-  contents: read # for checkout repository
-  actions: read # for fetching base branch bundle stats
-  pull-requests: write # for comments
-
-jobs:
-  analyze:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-
-      - name: Install dependencies
-        uses: ./.github/workflows/yarn
-
-      - name: Build next.js app
-        uses: ./.github/workflows/build
-        with:
-          secrets: ${{ toJSON(secrets) }}
-
-      - name: Analyze bundle
-        run: npx -p nextjs-bundle-analysis report
-
-      - name: Upload bundle
-        uses: actions/upload-artifact@v3
-        with:
-          name: bundle
-          path: .next/analyze/__bundle_analysis.json
-
-      - name: Download base branch bundle stats
-        if: success() && github.event.number
-        run: bash ./scripts/github/download_bundle_analyser_artifact.sh
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Compare with base branch bundle
-        if: success() && github.event.number
-        run: ls -laR .next/analyze/base && npx -p nextjs-bundle-analysis compare
-
-      - name: Get Comment Body
-        id: get-comment-body
-        if: success() && github.event.number
-        # https://docs.github.com/en/actions/using-workflows/workflow-commands-for-github-actions#multiline-strings
-        run: |
-          echo "body<<EOF" >> $GITHUB_OUTPUT
-          echo "$(cat .next/analyze/__bundle_analysis_comment.txt)" >> $GITHUB_OUTPUT
-          echo EOF >> $GITHUB_OUTPUT
-
-      - name: Comment
-        uses: marocchino/sticky-pull-request-comment@v2
-        with:
-          header: next-bundle-analysis
-          message: ${{ steps.get-comment-body.outputs.body }}
diff --git a/.github/workflows/package-utils-unit-tests.yml b/.github/workflows/package-utils-unit-tests.yml
new file mode 100644
index 000000000..ac0003aae
--- /dev/null
+++ b/.github/workflows/package-utils-unit-tests.yml
@@ -0,0 +1,40 @@
+name: Package @safe-global/utils unit tests
+on:
+  pull_request:
+    paths:
+      - packages/utils/**
+      - packages/store/**
+  push:
+    branches:
+      - main
+    paths:
+      - packages/**
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  eslint:
+    permissions:
+      checks: write
+      pull-requests: read
+      statuses: write
+
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: ./.github/actions/yarn
+
+      # Run tests with coverage
+      - name: Run Jest tests with coverage
+        run: |
+          yarn workspace @safe-global/utils test:coverage --coverageReporters=text --coverageReporters=json-summary | tee ./coverage.txt && exit ${PIPESTATUS[0]}
+
+      - name: Jest Coverage Comment
+        uses: MishaKav/jest-coverage-comment@v1
+        with:
+          title: Package @safe-global/utils coverage
+          coverage-summary-path: ./coverage/coverage-summary.json
+          coverage-title: Coverage
+          coverage-path: ./coverage.txt
diff --git a/.github/workflows/tag-release.yml b/.github/workflows/tag-release.yml
deleted file mode 100644
index 3821d33ed..000000000
--- a/.github/workflows/tag-release.yml
+++ /dev/null
@@ -1,40 +0,0 @@
-name: Tag & GitHub release
-
-on:
-  pull_request_target:
-    branches:
-      - main
-    types: [closed]
-
-jobs:
-  tag-release:
-    if: github.event.pull_request.merged == true
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-
-      - name: Extract version
-        id: version
-        run: |
-          NEW_VERSION=$(node -p 'require("./package.json").version')
-          echo "version=v$NEW_VERSION" >> $GITHUB_OUTPUT
-
-      - name: Create a git tag
-        if: steps.version.outputs.version
-        run: git tag ${{ steps.version.outputs.version }} && git push --tags
-
-      - name: GitHub release
-        if: steps.version.outputs.version
-        uses: softprops/action-gh-release@v1
-        id: create_release
-        with:
-          draft: true
-          prerelease: false
-          name: ${{ steps.version.outputs.version }}
-          tag_name: ${{ steps.version.outputs.version }}
-          body: ${{ github.event.pull_request.body }}
-        env:
-          GITHUB_TOKEN: ${{ github.token }}
diff --git a/.github/workflows/unit-tests.yml b/.github/workflows/unit-tests.yml
deleted file mode 100644
index c05edb116..000000000
--- a/.github/workflows/unit-tests.yml
+++ /dev/null
@@ -1,28 +0,0 @@
-name: Unit tests
-on:
-  pull_request:
-
-  push:
-    branches:
-      - main
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}
-  cancel-in-progress: true
-
-jobs:
-  test:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: ./.github/workflows/yarn
-
-      - name: Annotations and coverage report
-        uses: ArtiomTr/jest-coverage-report-action@v2
-        with:
-          skip-step: install
-          annotations: failed-tests
-          package-manager: yarn
-          test-script: yarn test:ci
-          github-token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/web-deploy-dev.yml b/.github/workflows/web-deploy-dev.yml
new file mode 100644
index 000000000..c11caaaa1
--- /dev/null
+++ b/.github/workflows/web-deploy-dev.yml
@@ -0,0 +1,112 @@
+name: Web Deploy to dev/staging
+
+on:
+  pull_request:
+
+  push:
+    branches:
+      - dev
+      - main
+    paths:
+      - apps/web/**
+      - packages/**
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    permissions:
+      pull-requests: write
+      id-token: write
+
+    name: Deploy to dev/staging
+
+    steps:
+      # Post a PR comment before deploying
+      - name: Post a comment while building
+        if: github.event.number
+        uses: mshick/add-pr-comment@v2
+        with:
+          message-id: praul
+          message: |
+            ## Branch preview
+            ⏳ Deploying a preview site...
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          repo-token-user-login: 'github-actions[bot]'
+
+      - uses: actions/checkout@v4
+
+      - uses: ./.github/actions/yarn
+
+      - uses: ./.github/actions/build
+        with:
+          secrets: ${{ toJSON(secrets) }}
+          # if: startsWith(github.ref, 'refs/heads/main')
+
+      #- uses: ./.github/workflows/build-storybook
+
+      - name: Add SRI to scripts
+        run: node ./scripts/integrity-hashes.cjs
+        working-directory: apps/web
+
+      - name: Configure AWS credentials
+        uses: aws-actions/configure-aws-credentials@v4
+        with:
+          role-to-assume: ${{ secrets.AWS_ROLE }}
+          aws-region: ${{ secrets.AWS_REGION }}
+
+      # Staging
+      - name: Deploy to the staging S3
+        if: startsWith(github.ref, 'refs/heads/main')
+        env:
+          BUCKET: s3://${{ secrets.AWS_STAGING_BUCKET_NAME }}/current
+        working-directory: apps/web
+        run: bash  ./scripts/github/s3_upload.sh
+
+      # Dev
+      - name: Deploy to the dev S3
+        if: startsWith(github.ref, 'refs/heads/dev')
+        env:
+          BUCKET: s3://${{ secrets.AWS_DEVELOPMENT_BUCKET_NAME }}
+        working-directory: apps/web
+        run: bash  ./scripts/github/s3_upload.sh
+
+      ### PRs ###
+
+      # Extract branch name
+      - name: Extract branch name
+        shell: bash
+        ## Cut off "refs/heads/", only allow alphanumeric characters and convert to lower case,
+        ## e.g. "refs/heads/features/hello-1.2.0" -> "features_hello_1_2_0"
+        run: echo "branch=$(echo $GITHUB_HEAD_REF | sed 's/refs\/heads\///' | sed 's/[^a-z0-9]/_/ig' | sed 's/[A-Z]/\L&/g')" >> $GITHUB_OUTPUT
+        id: extract_branch
+
+      # Deploy to S3
+      - name: Deploy PR branch
+        if: github.event.number
+        env:
+          BUCKET: s3://${{ secrets.AWS_REVIEW_BUCKET_NAME }}/walletweb/${{ steps.extract_branch.outputs.branch }}
+        working-directory: apps/web
+        run: bash  ./scripts/github/s3_upload.sh
+
+      # Comment
+      - name: Post a deployment link in the PR
+        if: always() && github.event.number
+        uses: mshick/add-pr-comment@v2
+        with:
+          message-id: praul
+          message: |
+            ## Branch preview
+            ✅  Deploy successful!
+
+            **Website:**
+            https://${{ steps.extract_branch.outputs.branch }}--walletweb.review.5afe.dev/home?safe=eth:0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6
+
+            **Storybook:**
+            https://${{ steps.extract_branch.outputs.branch }}--walletweb.review.5afe.dev/storybook/
+          message-failure: |
+            ## Branch preview
+            ❌  Deploy failed!
diff --git a/.github/workflows/web-deploy-dockerhub.yml b/.github/workflows/web-deploy-dockerhub.yml
new file mode 100644
index 000000000..b4de2d04c
--- /dev/null
+++ b/.github/workflows/web-deploy-dockerhub.yml
@@ -0,0 +1,73 @@
+# This Docker image is meant to be used only by our safe-infrastructure repository
+
+name: Web Deploy to Dockerhub
+
+on:
+  pull_request:
+    branches:
+      - docker
+    paths:
+      - apps/web/**
+      - packages/**
+
+  push:
+    branches:
+      - main
+      - dev
+    paths:
+      - apps/web/**
+      - packages/**
+
+  release:
+    types: [released]
+
+jobs:
+  dockerhub-push:
+    runs-on: ubuntu-latest
+    if: github.ref == 'refs/heads/main' || github.ref == 'refs/heads/dev' || (github.event_name == 'release' && github.event.action == 'released')
+    steps:
+      - uses: actions/checkout@v4
+      - uses: docker/setup-qemu-action@v3
+        with:
+          platforms: arm64
+      - uses: docker/setup-buildx-action@v3
+      - name: Dockerhub login
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKER_USER }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+      - name: Deploy Main
+        if: github.ref == 'refs/heads/main'
+        uses: docker/build-push-action@v6
+        with:
+          push: true
+          tags: safeglobal/safe-wallet-web:staging
+          platforms: |
+            linux/amd64
+            linux/arm64
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+      - name: Deploy Develop
+        if: github.ref == 'refs/heads/dev'
+        uses: docker/build-push-action@v6
+        with:
+          push: true
+          tags: safeglobal/safe-wallet-web:dev
+          platforms: |
+            linux/amd64
+            linux/arm64
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+      - name: Deploy Tag
+        if: (github.event_name == 'release' && github.event.action == 'released')
+        uses: docker/build-push-action@v6
+        with:
+          push: true
+          tags: |
+            safeglobal/safe-wallet-web:${{ github.event.release.tag_name }}
+            safeglobal/safe-wallet-web:latest
+          platforms: |
+            linux/amd64
+            linux/arm64
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
diff --git a/.github/workflows/web-deploy-production.yml b/.github/workflows/web-deploy-production.yml
new file mode 100644
index 000000000..91908add5
--- /dev/null
+++ b/.github/workflows/web-deploy-production.yml
@@ -0,0 +1,81 @@
+name: Web Release
+
+on:
+  release:
+    types: [published]
+
+jobs:
+  release:
+    permissions:
+      attestations: write
+      contents: write
+      id-token: write
+
+    runs-on: ubuntu-latest
+
+    name: Deploy release
+
+    env:
+      ARCHIVE_NAME: ${{ github.event.repository.name }}-${{ github.event.release.tag_name }}
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: ./.github/actions/yarn
+
+      - uses: ./.github/actions/build
+        with:
+          secrets: ${{ toJSON(secrets) }}
+          prod: ${{ true }}
+
+      - name: Add SRI to scripts
+        run: node ./scripts/integrity-hashes.cjs
+        working-directory: apps/web
+
+      - name: Create archive
+        run: tar -czf "$ARCHIVE_NAME".tar.gz out
+        working-directory: apps/web
+
+      - name: Generate artifact attestation
+        uses: actions/attest-build-provenance@v2
+        with:
+          subject-path: apps/web/${{ env.ARCHIVE_NAME }}.tar.gz
+
+      - name: Create checksum
+        run: sha256sum "$ARCHIVE_NAME".tar.gz > "$ARCHIVE_NAME-sha256-checksum.txt"
+        working-directory: apps/web
+
+      - name: Upload archive as release asset
+        uses: shogo82148/actions-upload-release-asset@v1
+        with:
+          upload_url: ${{ github.event.release.upload_url }}
+          asset_path: apps/web/${{ env.ARCHIVE_NAME }}.tar.gz
+
+      - name: Upload archive as release asset
+        uses: shogo82148/actions-upload-release-asset@v1
+        with:
+          upload_url: ${{ github.event.release.upload_url }}
+          asset_path: apps/web/${{ env.ARCHIVE_NAME }}-sha256-checksum.txt
+
+      - name: Configure AWS credentials
+        uses: aws-actions/configure-aws-credentials@v4
+        with:
+          role-to-assume: ${{ secrets.AWS_ROLE }}
+          aws-region: ${{ secrets.AWS_REGION }}
+
+      # Script to upload release files
+      - name: Upload release build files for production
+        env:
+          BUCKET: s3://${{ secrets.AWS_STAGING_BUCKET_NAME }}/releases/${{ github.event.release.tag_name }}
+          CHECKSUM_FILE: ${{ env.ARCHIVE_NAME }}-sha256-checksum.txt
+        run: bash ./scripts/github/s3_upload.sh
+        working-directory: apps/web
+
+      # Script to prepare production deployments
+      - name: Prepare deployment
+        run: bash ./scripts/github/prepare_production_deployment.sh
+        working-directory: apps/web
+        env:
+          PROD_DEPLOYMENT_HOOK_TOKEN: ${{ secrets.PROD_DEPLOYMENT_HOOK_TOKEN }}
+          PROD_DEPLOYMENT_HOOK_URL: ${{ secrets.PROD_DEPLOYMENT_HOOK_URL }}
+          VERSION_TAG: ${{ github.event.release.tag_name }}
diff --git a/.github/workflows/web-e2e-full-ondemand.yml b/.github/workflows/web-e2e-full-ondemand.yml
new file mode 100644
index 000000000..6dddaff68
--- /dev/null
+++ b/.github/workflows/web-e2e-full-ondemand.yml
@@ -0,0 +1,65 @@
+name: Web Full Regression on demand tests
+
+on:
+  workflow_dispatch:
+  schedule:
+    - cron: '0 3 * * 1-5'
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  e2e:
+    runs-on: ubuntu-latest
+    timeout-minutes: 40
+    name: Cypress Full Regression on demand tests
+    strategy:
+      fail-fast: false
+      matrix:
+        containers: [1, 2, 3, 4, 5, 6, 7, 8]
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: ./.github/actions/cypress
+        with:
+          secrets: ${{ toJSON(secrets) }}
+          spec: |
+            cypress/e2e/happypath_2/*.cy.js
+            cypress/e2e/regression/*.cy.js
+            cypress/e2e/safe-apps/*.cy.js
+            cypress/e2e/smoke/*.cy.js
+          group: 'Full Regression on demand tests'
+          tag: 'full_regression'
+
+      - name: Python setup
+        if: always()
+        uses: actions/setup-python@v5
+        with:
+          python-version: '3.x'
+
+      - name: Install junitparser
+        if: always()
+        run: |
+          pip install junitparser
+
+      - name: Merge JUnit reports for TestRail
+        if: always()
+        run: |
+          junitparser merge --suite-name "Root Suite" --glob "apps/web/reports/junit-*" "apps/web/reports/junit-report.xml"
+
+      - name: TestRail CLI upload results
+        if: always()
+        run: |
+          pip install trcli
+          if ! trcli -y \
+          -h https://gno.testrail.io/ \
+          --project "Safe- Web App" \
+          --username ${{ secrets.TESTRAIL_USERNAME }} \
+          --password ${{ secrets.TESTRAIL_PASSWORD }} \
+          parse_junit \
+          --title "Full Regression Automated Tests, branch: ${GITHUB_REF_NAME}" \
+          --run-description ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }} \
+          -f "apps/web/reports/junit-report.xml"; then
+            echo -e "\e[41;32mTestRail upload failed. Pipeline will continue, please check the upload process.\e[0m"
+          fi
diff --git a/.github/workflows/web-e2e-hp-ondemand.yml b/.github/workflows/web-e2e-hp-ondemand.yml
new file mode 100644
index 000000000..db84261be
--- /dev/null
+++ b/.github/workflows/web-e2e-hp-ondemand.yml
@@ -0,0 +1,60 @@
+name: Web Happy path on demand tests
+
+on:
+  workflow_dispatch:
+  schedule:
+    - cron: '0 4 * * 3'
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  e2e:
+    runs-on: ubuntu-latest
+    timeout-minutes: 60
+    name: Cypress Happy path on demand tests
+    strategy:
+      fail-fast: false
+      matrix:
+        containers: [1, 2, 3]
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: ./.github/actions/cypress
+        with:
+          secrets: ${{ toJSON(secrets) }}
+          spec: |
+            cypress/e2e/happypath/*.cy.js
+          group: 'Happy path on demand tests'
+          tag: 'happypath'
+
+      - name: Python setup
+        if: always()
+        uses: actions/setup-python@v5
+        with:
+          python-version: '3.x'
+
+      - name: Install junitparser
+        if: always()
+        run: |
+          pip install junitparser
+
+      - name: Merge JUnit reports for TestRail
+        if: always()
+        run: |
+          junitparser merge --suite-name "Root Suite" --glob "apps/web/reports/junit-*" "apps/web/reports/junit-report.xml"
+
+      - name: TestRail CLI upload results
+        if: always()
+        run: |
+          pip install trcli
+          trcli -y \
+          -h https://gno.testrail.io/ \
+          --project "Safe- Web App" \
+          --username ${{ secrets.TESTRAIL_USERNAME }} \
+          --password ${{ secrets.TESTRAIL_PASSWORD }} \
+          parse_junit \
+          --title "Happy Path Automated Tests, branch: ${GITHUB_REF_NAME}" \
+          --run-description ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }} \
+          -f "apps/web/reports/junit-report.xml"
diff --git a/.github/workflows/web-e2e-prod-ondemand.yml b/.github/workflows/web-e2e-prod-ondemand.yml
new file mode 100644
index 000000000..1a8ba2b48
--- /dev/null
+++ b/.github/workflows/web-e2e-prod-ondemand.yml
@@ -0,0 +1,61 @@
+name: Web Production health check tests
+
+on:
+  workflow_dispatch:
+  schedule:
+    - cron: '30 4 * * 1-5'
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  e2e:
+    runs-on: ubuntu-latest
+    name: Cypress production health check tests
+    strategy:
+      fail-fast: false
+      matrix:
+        containers: [1]
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: ./.github/actions/cypress
+        with:
+          secrets: ${{ toJSON(secrets) }}
+          spec: |
+            cypress/e2e/prodhealthcheck/*.cy.js
+          group: 'Production health check tests'
+          tag: 'production'
+
+      - name: Python setup
+        if: always()
+        uses: actions/setup-python@v5
+        with:
+          python-version: '3.x'
+
+      - name: Install junitparser
+        if: always()
+        run: |
+          pip install junitparser
+
+      - name: Merge JUnit reports for TestRail
+        if: always()
+        run: |
+          junitparser merge --suite-name "Root Suite" --glob "apps/web/reports/junit-*" "apps/web/reports/junit-report.xml"
+
+      - name: TestRail CLI upload results
+        if: always()
+        run: |
+          pip install trcli
+          if ! trcli -y \
+          -h https://gno.testrail.io/ \
+          --project "Safe- Web App" \
+          --username ${{ secrets.TESTRAIL_USERNAME }} \
+          --password ${{ secrets.TESTRAIL_PASSWORD }} \
+          parse_junit \
+          --title "Production Health Checks Automated Tests, branch: ${GITHUB_REF_NAME}" \
+          --run-description ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }} \
+          -f "apps/web/reports/junit-report.xml"; then
+            echo -e "\e[41;32mTestRail upload failed. Pipeline will continue, please check the upload process.\e[0m"
+          fi
diff --git a/.github/workflows/web-e2e-smoke.yml b/.github/workflows/web-e2e-smoke.yml
new file mode 100644
index 000000000..dd8f775de
--- /dev/null
+++ b/.github/workflows/web-e2e-smoke.yml
@@ -0,0 +1,31 @@
+name: Web Smoke tests
+
+on:
+  pull_request:
+    paths:
+      - apps/web/**
+      - packages/**
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  e2e:
+    runs-on: ubuntu-latest
+    timeout-minutes: 30
+    name: Cypress Smoke tests
+
+    strategy:
+      fail-fast: false
+      matrix:
+        containers: [1, 2, 3, 4, 5]
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: ./.github/actions/cypress
+        with:
+          secrets: ${{ toJSON(secrets) }}
+          spec: cypress/e2e/smoke/*.cy.js
+          group: 'Smoke tests'
+          tag: 'smoke'
diff --git a/.github/workflows/web-lint.yml b/.github/workflows/web-lint.yml
new file mode 100644
index 000000000..5c75b1a1f
--- /dev/null
+++ b/.github/workflows/web-lint.yml
@@ -0,0 +1,32 @@
+name: Web Lint
+on:
+  pull_request:
+    paths:
+      - apps/web/**
+      - packages/**
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  eslint:
+    permissions:
+      checks: write
+      pull-requests: read
+      statuses: write
+
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: ./.github/actions/yarn
+
+      - uses: CatChen/eslint-suggestion-action@v4.1.18
+        with:
+          request-changes: true # optional
+          fail-check: true # optional
+          github-token: ${{ secrets.GITHUB_TOKEN }} # optional
+          directory: './' # optional
+          targets: '/apps/web/src' # optional
+          config-path: './apps/web/eslint.config.mjs'
diff --git a/.github/workflows/web-nextjs-bundle-analysis.yml b/.github/workflows/web-nextjs-bundle-analysis.yml
new file mode 100644
index 000000000..f20366c7a
--- /dev/null
+++ b/.github/workflows/web-nextjs-bundle-analysis.yml
@@ -0,0 +1,87 @@
+# Copyright (c) HashiCorp, Inc.
+# SPDX-License-Identifier: MPL-2.0
+
+name: 'Web Next.js Bundle Analysis'
+
+on:
+  pull_request:
+    paths:
+      - apps/web/**
+  push:
+    branches:
+      - dev
+    paths:
+      - apps/web/**
+      - packages/**
+permissions:
+  contents: read # for checkout repository
+  actions: read # for fetching base branch bundle stats
+  pull-requests: write # for comments
+
+jobs:
+  analyze:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install dependencies
+        uses: ./.github/actions/yarn
+
+      - name: Build next.js app
+        uses: ./.github/actions/build
+        with:
+          secrets: ${{ toJSON(secrets) }}
+
+      - name: Analyze bundle
+        run: |
+          cd apps/web
+          npx -p nextjs-bundle-analysis report
+
+      - name: Upload bundle
+        uses: actions/upload-artifact@v4
+        with:
+          name: bundle
+          path: apps/web/.next/analyze/__bundle_analysis.json
+
+      - name: List artifacts from default branch
+        id: list_artifacts
+        run: |
+          artifacts=$(curl -s -H "Authorization: Bearer ${{ secrets.GITHUB_TOKEN }}" \
+            "https://api.github.com/repos/${{ github.repository }}/actions/artifacts")
+  
+          # Find the most recent artifact (adjust filtering as needed)
+          artifact_id=$(echo "$artifacts" | jq '.artifacts[] | select(.expired==false) | .id' | head -n 1)
+  
+          echo "artifact_id=$artifact_id" >> $GITHUB_OUTPUT
+  
+      - name: Download artifact zip
+        run: |
+          curl -L \
+            -H "Authorization: Bearer ${{ secrets.GITHUB_TOKEN }}" \
+            -o artifact.zip \
+            "https://api.github.com/repos/${{ github.repository }}/actions/artifacts/${{ steps.list_artifacts.outputs.artifact_id }}/zip"
+  
+      - name: Unzip artifact
+        run: unzip artifact.zip -d apps/web/.next/analyze/base && mkdir -p apps/web/.next/analyze/base/bundle && mv apps/web/.next/analyze/base/__bundle_analysis.json apps/web/.next/analyze/base/bundle/
+
+      - name: Compare with base branch bundle
+        if: success() && github.event.number
+        run: |
+          cd apps/web
+          ls -laR .next/analyze/base && npx -p nextjs-bundle-analysis compare
+
+      - name: Get Comment Body
+        id: get-comment-body
+        if: success() && github.event.number
+        # https://docs.github.com/en/actions/using-workflows/workflow-commands-for-github-actions#multiline-strings
+        run: |
+          cd apps/web
+          echo "body<<EOF" >> $GITHUB_OUTPUT
+          echo "$(cat .next/analyze/__bundle_analysis_comment.txt)" >> $GITHUB_OUTPUT
+          echo EOF >> $GITHUB_OUTPUT
+
+      - name: Comment
+        uses: marocchino/sticky-pull-request-comment@v2
+        with:
+          header: next-bundle-analysis
+          message: ${{ steps.get-comment-body.outputs.body }}
diff --git a/.github/workflows/web-tag-release.yml b/.github/workflows/web-tag-release.yml
new file mode 100644
index 000000000..89e1bc20f
--- /dev/null
+++ b/.github/workflows/web-tag-release.yml
@@ -0,0 +1,47 @@
+name: Web Tag & GitHub release
+
+on:
+  pull_request_target:
+    branches:
+      - main
+    types: [closed]
+    paths:
+      - apps/web/**
+      - packages/**
+
+jobs:
+  tag-release:
+    if: github.event.pull_request.merged == true
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Extract version
+        id: version
+        run: |
+          NEW_VERSION=$(node -p 'require("./apps/web/package.json").version')
+          echo "version=v$NEW_VERSION" >> $GITHUB_OUTPUT
+
+      - name: Create a git tag
+        if: steps.version.outputs.version
+        run: git tag ${{ steps.version.outputs.version }} && git push --tags
+
+      - name: GitHub release
+        if: steps.version.outputs.version
+        uses: softprops/action-gh-release@v2
+        id: create_release
+        with:
+          draft: true
+          prerelease: false
+          name: ${{ steps.version.outputs.version }}
+          tag_name: ${{ steps.version.outputs.version }}
+          body: |
+            ${{ github.event.pull_request.body }}
+
+            [🔗 IPFS release](
+            https://github.com/5afe/safe-wallet-ipfs/releases/tag/${{ steps.version.outputs.version }})
+        env:
+          GITHUB_TOKEN: ${{ github.token }}
diff --git a/.github/workflows/web-unit-tests.yml b/.github/workflows/web-unit-tests.yml
new file mode 100644
index 000000000..8861aff78
--- /dev/null
+++ b/.github/workflows/web-unit-tests.yml
@@ -0,0 +1,40 @@
+name: Web Unit tests
+on:
+  pull_request:
+    paths:
+      - apps/web/**
+
+  push:
+    branches:
+      - main
+    paths:
+      - apps/web/**
+      - packages/**
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  test:
+    permissions:
+      contents: read
+      checks: write
+      pull-requests: write
+
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: ./.github/actions/yarn
+
+      - name: Annotations and coverage report
+        uses: ArtiomTr/jest-coverage-report-action@v2.3.1
+        with:
+          skip-step: install
+          annotations: failed-tests
+          package-manager: yarn
+          test-script: yarn test:ci
+          working-directory: apps/web
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+        env:
+          NEXT_PUBLIC_IS_OFFICIAL_HOST: true
diff --git a/.github/workflows/yarn/action.yml b/.github/workflows/yarn/action.yml
deleted file mode 100644
index 88dd06b78..000000000
--- a/.github/workflows/yarn/action.yml
+++ /dev/null
@@ -1,20 +0,0 @@
-name: 'Yarn'
-
-description: 'Install the dependencies'
-
-runs:
-  using: 'composite'
-  steps:
-    - name: Yarn cache
-      uses: actions/cache@v3
-      with:
-        path: |
-          **/node_modules
-          /home/runner/.cache/Cypress
-        key: web-core-modules-${{ hashFiles('**/yarn.lock') }}
-    - name: Yarn install
-      shell: bash
-      run: yarn install --frozen-lockfile
-    - name: Yarn after install
-      shell: bash
-      run: yarn after-install
diff --git a/.gitignore b/.gitignore
index dc693baac..05132c6fe 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,18 +1,18 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
 # dependencies
 /node_modules
+**/node_modules/*
 /.pnp
 .pnp.js
 
 # testing
 /coverage
+/packages/utils/coverage
 
-# types
-/src/types/contracts/
+# generated types
+/packages/utils/src/types/contracts
 
 # next.js
-/.next/
+**/.next/
 /out/
 
 # production
@@ -23,6 +23,21 @@
 *.pem
 .idea
 
+# Yarn v4
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+
+# expo
+**/.expo/*
+
+# tamagui
+**/.tamagui/*
+
+
 # debug
 npm-debug.log*
 yarn-debug.log*
@@ -30,7 +45,14 @@ yarn-error.log*
 .pnpm-debug.log*
 
 # local env files
-.env*.local
+
+.env
+.env.local
+.env.local*
+.env.development.local
+.env.test.local
+.env.production.local
+.env.production
 
 # vercel
 .vercel
@@ -41,18 +63,28 @@ yarn-error.log*
 # yalc
 .yalc
 yalc.lock
-.env
 
-/cypress/videos
-/cypress/screenshots
-/cypress/downloads
-
-/public/sw.js
-/public/sw.js.map
-/public/worker-*.js
-/public/workbox-*.js
-/public/workbox-*.js.map
-/public/fallback*
-/public/*.js.LICENSE.txt
 certificates
 *storybook.log
+
+# os
+THUMBS_DB
+thumbs.db
+
+# web
+apps/web/.next/*
+apps/web/out/*
+apps/web/public/*.js
+apps/web/src/types/
+apps/web/tsconfig.tsbuildinfo
+node_modules/*
+out/*
+tsconfig.tsbuildinfo
+apps/web/.env
+apps/web/node_modules/*
+apps/web/public/fallback-development.js
+apps/web/.env
+apps/web/src/types/contracts/*
+
+# expo-plugins/notifications-service-ios
+/expo-plugins/notification-service-ios/dist/*
diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100644
index 000000000..2312dc587
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1 @@
+npx lint-staged
diff --git a/.lintstagedrc.json b/.lintstagedrc.json
new file mode 100644
index 000000000..315b1cc13
--- /dev/null
+++ b/.lintstagedrc.json
@@ -0,0 +1,8 @@
+{
+  "**/*.{js,jsx,ts,tsx,mjs,cjs,md,yml,json}": ["prettier --write"],
+  "*.tsx": ["prettier --write"],
+  "apps/mobile/assets/fonts/safe-icons/selection.json": [
+    "node ./apps/mobile/scripts/generateIconTypes.js",
+    "git add ./apps/mobile/src/types/iconTypes.ts"
+  ]
+}
diff --git a/.nvmrc b/.nvmrc
new file mode 100644
index 000000000..0c163eae5
--- /dev/null
+++ b/.nvmrc
@@ -0,0 +1 @@
+ v22.11.0
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 000000000..112424eed
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,13 @@
+# Ignore artifacts:
+build
+coverage
+node_modules
+**/node_modules/*
+html
+ios
+android
+/assets
+.next
+apps/mobile/assets
+apps/web/src/markdown/privacy/privacy.md
+apps/web/src/markdown/terms/terms.md
diff --git a/.storybook/main.ts b/.storybook/main.ts
deleted file mode 100644
index 7e1075104..000000000
--- a/.storybook/main.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import type { StorybookConfig } from '@storybook/nextjs'
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    '@storybook/addon-onboarding',
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@chromatic-com/storybook',
-    '@storybook/addon-interactions',
-    '@storybook/addon-themes',
-    '@storybook/addon-designs'
-  ],
-  framework: {
-    name: '@storybook/nextjs',
-    options: {},
-  },
-  webpackFinal: async (config) => {
-    config.module = config.module || {};
-    config.module.rules = config.module.rules || [];
-
-    // This modifies the existing image rule to exclude .svg files
-    // since you want to handle those files with @svgr/webpack
-    const imageRule = config.module.rules.find((rule) => rule?.['test']?.test('.svg'));
-    if (imageRule) {
-      imageRule['exclude'] = /\.svg$/;
-    }
-
-      config.module.rules.push({
-        test: /\.svg$/i,
-        issuer: { and: [/\.(js|ts|md)x?$/] },
-        use: [
-          {
-            loader: '@svgr/webpack',
-            options: {
-              prettier: false,
-              svgo: false,
-              svgoConfig: {
-                plugins: [
-                  {
-                    name: 'preset-default',
-                    params: {
-                      overrides: { removeViewBox: false },
-                    },
-                  },
-                ],
-              },
-              titleProp: true,
-            },
-          },
-        ],
-      })
-
-    return config;
-  },
-  docs: {
-    autodocs: 'tag',
-  },
-  staticDirs: ['../public'],
-
-  typescript: {
-    reactDocgen: 'react-docgen-typescript',
-    reactDocgenTypescriptOptions: {
-      // Speeds up Storybook build time
-      compilerOptions: {
-        allowSyntheticDefaultImports: false,
-        esModuleInterop: false,
-      },
-      // Makes union prop types like variant and size appear as select controls
-      shouldExtractLiteralValuesFromEnum: true,
-      // Makes string and boolean types that can be undefined appear as inputs and switches
-      shouldRemoveUndefinedFromOptional: true,
-      // Filter out third-party props from node_modules except @mui packages
-      propFilter: (prop) =>
-        prop.parent ? !/node_modules\/(?!@mui)/.test(prop.parent.fileName) : true,
-    },
-  },
-}
-export default config
diff --git a/.yarn/patches/@safe-global-safe-modules-deployments-npm-2.2.12-c30bb15dee.patch b/.yarn/patches/@safe-global-safe-modules-deployments-npm-2.2.12-c30bb15dee.patch
new file mode 100644
index 000000000..d3350bf76
--- /dev/null
+++ b/.yarn/patches/@safe-global-safe-modules-deployments-npm-2.2.12-c30bb15dee.patch
@@ -0,0 +1,26 @@
+diff --git a/dist/assets/allowance-module/v0.1.0/allowance-module.json b/dist/assets/allowance-module/v0.1.0/allowance-module.json
+index 8fd727711be01a246b52ec063017f76e6eda7dc8..8a5080509987f290b33db27b5724ec615b62d518 100644
+--- a/dist/assets/allowance-module/v0.1.0/allowance-module.json
++++ b/dist/assets/allowance-module/v0.1.0/allowance-module.json
+@@ -6,6 +6,8 @@
+         "1": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+         "4": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+         "5": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
++        "30": "0xE46FE78DBfCa5E835667Ba9dCd3F3315E7623F8a",
++        "31": "0xE46FE78DBfCa5E835667Ba9dCd3F3315E7623F8a",
+         "42": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+         "56": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+         "100": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+diff --git a/src/assets/allowance-module/v0.1.0/allowance-module.json b/src/assets/allowance-module/v0.1.0/allowance-module.json
+index 569a599d73290b03e4a2880ac3e987789113d574..1514c247cf2b928691a67d7e7298be1a858627cf 100644
+--- a/src/assets/allowance-module/v0.1.0/allowance-module.json
++++ b/src/assets/allowance-module/v0.1.0/allowance-module.json
+@@ -6,6 +6,8 @@
+     "1": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+     "4": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+     "5": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
++    "30": "0xE46FE78DBfCa5E835667Ba9dCd3F3315E7623F8a",
++    "31": "0xE46FE78DBfCa5E835667Ba9dCd3F3315E7623F8a",
+     "42": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+     "56": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+     "100": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
diff --git a/.yarn/patches/@web3-onboard-hw-common-npm-2.3.3-e6221f97e4.patch b/.yarn/patches/@web3-onboard-hw-common-npm-2.3.3-e6221f97e4.patch
new file mode 100644
index 000000000..908aae9b7
--- /dev/null
+++ b/.yarn/patches/@web3-onboard-hw-common-npm-2.3.3-e6221f97e4.patch
@@ -0,0 +1,13 @@
+diff --git a/dist/types.d.ts b/dist/types.d.ts
+index f4e1b481b33170c418f9a1194324693d6f76e223..792bee6266a0f36987f818720477dbe40272a9b8 100644
+--- a/dist/types.d.ts
++++ b/dist/types.d.ts
+@@ -62,7 +62,7 @@ export type Account = {
+     derivationPath: DerivationPath;
+     balance: {
+         asset: Asset['label'];
+-        value: BigNumber;
++        value: BigNumber | bigint;
+     };
+ };
+ export type AccountsList = {
diff --git a/.yarn/patches/@web3-onboard-ledger-npm-2.3.2-d2260df52b.patch b/.yarn/patches/@web3-onboard-ledger-npm-2.3.2-d2260df52b.patch
new file mode 100644
index 000000000..321ddefc2
--- /dev/null
+++ b/.yarn/patches/@web3-onboard-ledger-npm-2.3.2-d2260df52b.patch
@@ -0,0 +1,90 @@
+diff --git a/dist/index.js b/dist/index.js
+index 12bf9df14cebd5c11f16872e9ec369ef230594ce..95a68474992e5c2554fc6c9ff6af64e80f3f9fd0 100644
+--- a/dist/index.js
++++ b/dist/index.js
+@@ -1,7 +1,11 @@
+ // these cannot be dynamically imported
+ import { TypedDataUtils } from '@metamask/eth-sig-util';
++import { stripHexPrefix, keccak } from 'ethereumjs-util'
+ const LEDGER_LIVE_PATH = `m/44'/60'`;
+ const LEDGER_DEFAULT_PATH = `m/44'/60'/0'`;
++const ROOTSTOCK = `m/44'/137'/0'/0`;
++const ROOTSTOCK_TEST = `m/44'/37310'/0'/0`;
++
+ const DEFAULT_BASE_PATHS = [
+     {
+         label: 'Ledger Live',
+@@ -10,13 +14,41 @@ const DEFAULT_BASE_PATHS = [
+     {
+         label: 'Ledger Legacy',
+         value: LEDGER_DEFAULT_PATH
+-    }
++    },
++    {
++        label: 'Rootstock Path',
++        value: ROOTSTOCK
++    },
++    {
++        label: 'Rootstock Testnet Path',
++        value: ROOTSTOCK_TEST
++    },
+ ];
+ const assets = [
+     {
+-        label: 'ETH'
++        label: 'RBTC'
+     }
+ ];
++
++
++/**
++ * @description Implements EIP-1191 Address Checksum
++ * @param _address
++ * @param _chainId
++ * @returns checksummed address
++ */
++export function toChecksumAddress(_address, _chainId = "") {
++    const address = stripHexPrefix(_address).toLowerCase()
++    const chainId = parseInt(_chainId)
++    const prefix = !isNaN(chainId) ? `${chainId.toString()}0x` : ""
++    const hash = keccak(Buffer.from(`${prefix}${address}`)).toString("hex")
++    return ("0x" + address
++        .split("")
++        .map((b, i) => (parseInt(hash[i], 16) >= 8 ? b.toUpperCase() : b))
++        .join("")
++    )
++  };
++
+ const supportsWebUSB = () => Promise.resolve(!!navigator &&
+     !!navigator.usb &&
+     typeof navigator.usb.getDevices === 'function');
+@@ -31,7 +63,9 @@ const getAccount = async (derivationPath, asset, index, provider, eth) => {
+     const dPath = derivationPath === LEDGER_LIVE_PATH
+         ? `${derivationPath}/${index}'/0/0`
+         : `${derivationPath}/${index}`;
+-    const { address } = await eth.getAddress(dPath);
++    let { address } = await eth.getAddress(dPath);
++    //Matching rootstock checksum
++    address = toChecksumAddress(address);
+     return {
+         derivationPath: dPath,
+         address,
+@@ -94,9 +128,15 @@ function ledger({ customNetwork, filter } = {}) {
+                         ethersProvider = new StaticJsonRpcProvider(currentChain.rpcUrl);
+                         // Checks to see if this is a custom derivation path
+                         // If it is then just return the single account
+-                        if (derivationPath !== LEDGER_LIVE_PATH &&
+-                            derivationPath !== LEDGER_DEFAULT_PATH) {
+-                            const { address } = await eth.getAddress(derivationPath);
++                        if (
++                            derivationPath !== LEDGER_LIVE_PATH &&
++                            derivationPath !== LEDGER_DEFAULT_PATH &&
++                            derivationPath !== ROOTSTOCK &&
++                            derivationPath !== ROOTSTOCK_TEST) {
++                            let { address } = await eth.getAddress(derivationPath);
++                            if(derivationPath.includes("m/44'/137") || derivationPath.includes("m/44'/37310")){
++                                address = toChecksumAddress(address)
++                            }
+                             return [
+                                 {
+                                     derivationPath,
diff --git a/.yarn/patches/@web3-onboard-trezor-npm-2.4.3-fdd09231e7.patch b/.yarn/patches/@web3-onboard-trezor-npm-2.4.3-fdd09231e7.patch
new file mode 100644
index 000000000..b5164838f
--- /dev/null
+++ b/.yarn/patches/@web3-onboard-trezor-npm-2.4.3-fdd09231e7.patch
@@ -0,0 +1,103 @@
+diff --git a/dist/index.js b/dist/index.js
+index 0bd514925bad8ed4f0d4a66f281d3b920bb2cc30..c116be245e6ba6569a70a31a473a8b6194c700e5 100644
+--- a/dist/index.js
++++ b/dist/index.js
+@@ -1,17 +1,51 @@
+ // cannot be dynamically imported
+ import { Buffer } from 'buffer';
+ const TREZOR_DEFAULT_PATH = "m/44'/60'/0'/0";
++const ROOTSTOCK = "m/44'/137'/0'/0";
++const ROOTSTOCK_TEST = "m/44'/37310'/0'/0";
++
+ const assets = [
+     {
+-        label: 'ETH'
++        label: 'RBTC'
+     }
+ ];
+ const DEFAULT_BASE_PATHS = [
+     {
+         label: 'Ethereum Mainnet',
+         value: TREZOR_DEFAULT_PATH
++    },
++    {
++        label: 'Rootstock Path',
++        value: ROOTSTOCK
++    },
++    {
++        label: 'Rootstock Testnet Path',
++        value: ROOTSTOCK_TEST
+     }
+ ];
++
++/**
++ * @description Implements EIP-1191 Address Checksum for Rootstock
++ * @param _address - The address to checksum
++ * @param _chainId - The chain ID (optional)
++ * @returns checksummed address
++ */
++const toRootstockChecksumAddress = async (_address, _chainId = "") => {
++    const ethUtil = await import('ethereumjs-util');
++    // @ts-ignore - Commonjs importing weirdness
++    const { stripHexPrefix, keccak } = ethUtil.default || ethUtil;
++
++    const address = stripHexPrefix(_address).toLowerCase();
++    const chainId = parseInt(_chainId);
++    const prefix = !isNaN(chainId) ? `${chainId.toString()}0x` : "";
++    const hash = keccak(Buffer.from(`${prefix}${address}`)).toString("hex");
++    return ("0x" + address
++        .split("")
++        .map((b, i) => (parseInt(hash[i], 16) >= 8 ? b.toUpperCase() : b))
++        .join("")
++    );
++};
++
+ const getAccount = async ({ publicKey, chainCode, path }, asset, index, provider) => {
+     //@ts-ignore
+     const { default: HDKey } = await import('hdkey');
+@@ -22,7 +56,13 @@ const getAccount = async ({ publicKey, chainCode, path }, asset, index, provider
+     hdk.publicKey = Buffer.from(publicKey, 'hex');
+     hdk.chainCode = Buffer.from(chainCode, 'hex');
+     const dkey = hdk.deriveChild(index);
+-    const address = toChecksumAddress(`0x${publicToAddress(dkey.publicKey, true).toString('hex')}`);
++    let address = toChecksumAddress(`0x${publicToAddress(dkey.publicKey, true).toString('hex')}`);
++
++    // Apply Rootstock checksum for Rootstock paths
++    if (path.includes("m/44'/137") || path.includes("m/44'/37310")) {
++        address = await toRootstockChecksumAddress(address);
++    }
++
+     return {
+         derivationPath: `${path}/${index}`,
+         address,
+@@ -96,8 +136,14 @@ function trezor(options) {
+                     currentChain = chains.find(({ id }) => id === chainId) || currentChain;
+                     ethersProvider = new StaticJsonRpcProvider(currentChain.rpcUrl);
+                     const { publicKey, chainCode, path } = await getPublicKey(derivationPath);
+-                    if (derivationPath !== TREZOR_DEFAULT_PATH) {
+-                        const address = await getAddress(path);
++                    if (derivationPath !== TREZOR_DEFAULT_PATH &&
++                        derivationPath !== ROOTSTOCK &&
++                        derivationPath !== ROOTSTOCK_TEST) {
++                        let address = await getAddress(path);
++                        // Apply Rootstock checksum for custom Rootstock paths
++                        if (derivationPath.includes("m/44'/137") || derivationPath.includes("m/44'/37310")) {
++                            address = await toRootstockChecksumAddress(address);
++                        }
+                         return [
+                             {
+                                 derivationPath,
+@@ -140,7 +186,12 @@ function trezor(options) {
+                         if (!result.success) {
+                             throw new Error(errorMsg);
+                         }
+-                        return result.payload.address;
++                        let address = result.payload.address;
++                        // Apply Rootstock checksum for Rootstock paths
++                        if (path.includes("m/44'/137") || path.includes("m/44'/37310")) {
++                            address = await toRootstockChecksumAddress(address);
++                        }
++                        return address;
+                     }
+                     catch (error) {
+                         console.error(error);
diff --git a/.yarn/patches/next-npm-15.2.4-06a6671f62.patch b/.yarn/patches/next-npm-15.2.4-06a6671f62.patch
new file mode 100644
index 000000000..ecbef7d66
--- /dev/null
+++ b/.yarn/patches/next-npm-15.2.4-06a6671f62.patch
@@ -0,0 +1,17 @@
+diff --git a/dist/client/route-loader.js b/dist/client/route-loader.js
+index 888fc23e628cd87fbbf60742aeaaea37b9703f6e..93cc6e0fd3316445dbb55ac618dd9421aeeae19c 100644
+--- a/dist/client/route-loader.js
++++ b/dist/client/route-loader.js
+@@ -124,6 +124,12 @@ function appendScript(src, script) {
+         // 3. Finally, set the source and inject into the DOM in case the child
+         //    must be appended for fetching to start.
+         script.src = src;
++
++	     // Set integrity if we have a matching hash
++        const hashManifest = window.__CHUNK_SRI_MANIFEST || {};
++        if (hashManifest[src]) {
++            script.integrity = hashManifest[src];
++        }
+         document.body.appendChild(script);
+     });
+ }
diff --git a/.yarn/patches/react-native-device-crypto-npm-0.1.7-dbd2698fc4.patch b/.yarn/patches/react-native-device-crypto-npm-0.1.7-dbd2698fc4.patch
new file mode 100644
index 000000000..309ba323b
--- /dev/null
+++ b/.yarn/patches/react-native-device-crypto-npm-0.1.7-dbd2698fc4.patch
@@ -0,0 +1,90 @@
+diff --git a/android/src/main/java/com/reactnativedevicecrypto/Helpers.java b/android/src/main/java/com/reactnativedevicecrypto/Helpers.java
+index 03fd79e8a389f33a2841ecf0e177ffc9ea01b78c..681f07efab020e078ee75d697434a1d3ce414f32 100644
+--- a/android/src/main/java/com/reactnativedevicecrypto/Helpers.java
++++ b/android/src/main/java/com/reactnativedevicecrypto/Helpers.java
+@@ -39,6 +39,7 @@ public class Helpers {
+     private static final int AES_IV_SIZE = 128;
+     public static final String PEM_HEADER = "-----BEGIN PUBLIC KEY-----\n";
+     public static final String PEM_FOOTER = "-----END PUBLIC KEY-----";
++    private static Boolean sIsStrongBoxSupported = null; // Cache for StrongBox support
+ 
+     public interface KeyType {
+         @Retention(SOURCE)
+@@ -81,6 +82,64 @@ public class Helpers {
+         }
+     }
+ 
++    public static boolean isStrongBoxSupported() {
++        // Return cached result if available
++        if (sIsStrongBoxSupported != null) {
++            return sIsStrongBoxSupported;
++        }
++
++        // Try to create a key with StrongBox requirement and see if it succeeds
++        String testAlias = "test_strongbox_support";
++        try {
++            // First, clean up any existing test key
++            try {
++                KeyStore keyStore = getKeyStore();
++                if (keyStore.containsAlias(testAlias)) {
++                    keyStore.deleteEntry(testAlias);
++                }
++            } catch (Exception e) {
++                // Ignore errors during cleanup
++            }
++
++            // Attempt to create a key with StrongBox backing
++            KeyGenParameterSpec testSpec = new KeyGenParameterSpec.Builder(testAlias, KeyProperties.PURPOSE_ENCRYPT)
++                    .setIsStrongBoxBacked(true)
++                    .setBlockModes(KeyProperties.BLOCK_MODE_GCM)
++                    .setEncryptionPaddings(KeyProperties.ENCRYPTION_PADDING_NONE)
++                    .setKeySize(256)
++                    .build();
++            KeyGenerator testKeyGen = KeyGenerator.getInstance(KeyProperties.KEY_ALGORITHM_AES, KEY_STORE);
++            testKeyGen.init(testSpec);
++            testKeyGen.generateKey();
++
++            // If we reach here, StrongBox is supported
++            // Clean up the test key
++            KeyStore keyStore = getKeyStore();
++            keyStore.deleteEntry(testAlias);
++
++            // Cache the result
++            sIsStrongBoxSupported = true;
++            Log.i(RN_MODULE, "StrongBox is supported on this device");
++            return true;
++        } catch (Exception e) {
++            Log.i(RN_MODULE, "StrongBox not supported on this device: " + e.getMessage());
++
++            // Clean up any test key that might have been created
++            try {
++                KeyStore keyStore = getKeyStore();
++                if (keyStore.containsAlias(testAlias)) {
++                    keyStore.deleteEntry(testAlias);
++                }
++            } catch (Exception cleanupEx) {
++                // Ignore errors during cleanup
++            }
++
++            // Cache the result
++            sIsStrongBoxSupported = false;
++            return false;
++        }
++    }
++
+     public static boolean isKeyExists(@NonNull String alias, @KeyType.Types int keyType) throws Exception {
+         KeyStore keyStore = Helpers.getKeyStore();
+         if (!keyStore.containsAlias(alias)) {
+@@ -143,8 +202,10 @@ public class Helpers {
+             if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
+               builder.setInvalidatedByBiometricEnrollment(invalidateOnNewBiometry);
+             }
+-            if (Build.VERSION.SDK_INT > Build.VERSION_CODES.R) {
+-              builder.setIsStrongBoxBacked(true);
++            // Only try to enable StrongBox if API level is high enough and the device
++            // actually supports it
++            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P && isStrongBoxSupported()) {
++                builder.setIsStrongBoxBacked(true);
+             }
+             break;
+         }
diff --git a/.yarn/patches/react-native-qrcode-styled-npm-0.3.3-b5336fc77c.patch b/.yarn/patches/react-native-qrcode-styled-npm-0.3.3-b5336fc77c.patch
new file mode 100644
index 000000000..9f2940758
--- /dev/null
+++ b/.yarn/patches/react-native-qrcode-styled-npm-0.3.3-b5336fc77c.patch
@@ -0,0 +1,12 @@
+diff --git a/package.json b/package.json
+index 228948278bbbd33e0637fb59397e4f4751efdf1b..37e8f4de7600b39c8fbc409f1095be2228a030dc 100644
+--- a/package.json
++++ b/package.json
+@@ -5,6 +5,7 @@
+   "main": "lib/commonjs/index.js",
+   "module": "lib/module/index.js",
+   "react-native": "src/index.tsx",
++  "types": "lib/typescript/module/src/index.d.ts",
+   "source": "src/index",
+   "files": [
+     "src",
diff --git a/.yarnrc.yml b/.yarnrc.yml
new file mode 100644
index 000000000..ebe9d2d33
--- /dev/null
+++ b/.yarnrc.yml
@@ -0,0 +1,30 @@
+compressionLevel: mixed
+
+enableGlobalCache: true
+
+nodeLinker: node-modules
+
+enableScripts: false
+enableConstraintsChecks: true
+
+packageExtensions:
+  # fixing https://github.com/vercel/next.js/issues/38939
+  eslint-config-next@*:
+    dependencies:
+      next: '*'
+  # the following changes are necessary because tsc was loading
+  # the wrong version of @types/react (it was taking 18 from main
+  # instead of 19 from the web package) & linting was failing
+  # START FIX FOR TSC
+  '@cowprotocol/widget-react@*':
+    peerDependencies:
+      react: '^19.0.0'
+      '@types/react': '^19.0.0'
+  react-papaparse@*:
+    peerDependencies:
+      react: '^19.0.0'
+  '@storybook/core@*':
+    dependencies:
+      react: '^19.0.0'
+      '@types/react': '^19.0.0'
+  # END FIX FOR TSC
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 000000000..63dcd70fb
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,75 @@
+# AI Contributor Guidelines
+
+This repository uses a Yarn-based monorepo structure. Follow these rules when proposing changes via an AI agent.
+
+## General Principles
+
+- **Solve the Right Problem** – confirm the purpose of your change with the issue or request before modifying code.
+- **Design Before You Code** – think through data flow, APIs and security implications before implementing.
+- **Keep It Simple** – prefer straightforward solutions over clever or unnecessary abstractions.
+- **Fail Fast, Fail Loud** – surface errors early; avoid silent failures.
+- **Write Clean, Readable Code** – meaningful names and concise comments help maintainers understand your work.
+- **Test Thoroughly** – add or update unit and integration tests when changing functionality.
+- **Minimize Technical Debt** – document trade‑offs and avoid quick hacks.
+- **Prioritize Maintainability** – keep modules small and reusable.
+
+## Workflow
+
+1. **Install dependencies**: `yarn install` (from the repository root).
+2. **Formatting**: run `yarn prettier:fix` before committing.
+3. **Linting and tests**: when you change any source code under `apps/` or `packages/`, execute:
+   ```bash
+   yarn lint
+   yarn test
+   ```
+   Skip these steps only if your changes are limited to comments or documentation.
+4. **Commit messages**: use [semantic commit messages](https://www.conventionalcommits.org/en/v1.0.0/) as described in `CONTRIBUTING.md`.
+5. **Code style**: follow the guidelines in:
+   - `apps/web/docs/code-style.md` for the web app.
+   - `apps/mobile/docs/code-style.md` for the mobile app.
+6. **Pull requests**: fill out the PR template and ensure all checks pass.
+
+Use Yarn 4 (managed via `corepack`) for all scripts. Refer to the workspace READMEs for environment details.
+
+**Environment Variables** – Web apps use `NEXT_PUBLIC_*` prefix, mobile apps use `EXPO_PUBLIC_*` prefix for environment variables.
+
+## Testing Guidelines
+
+- When writing Redux tests, verify resulting state changes rather than checking
+  that specific actions were dispatched.
+- Use [Mock Service Worker](https://mswjs.io/) (MSW) for tests involving network
+  requests instead of mocking `fetch`. Use MSW for mocking blockchain RPC calls instead of mocking ethers.js directly
+- Create test data with helpers with faker @https://fakerjs.dev/
+- Ensure shared package tests work for both web and mobile environments
+
+## Web3/Blockchain Development Guidelines
+
+- **Safe Ecosystem Focus** – This is a Safe wallet project. Understand Safe's multi-signature concepts and the Safe{Core} SDK when making changes.
+- **Chain Support** – The app supports multiple EVM chains (Ethereum, Polygon, Arbitrum, etc.). Always consider multi-chain implications.
+- **Ethers.js Usage** – Use ethers v6. Follow existing patterns for provider creation and RPC management.
+
+## Mobile Development (Expo + Tamagui)
+
+- **UI Components** – Use Tamagui components for styling and theming. Import from `tamagui` not React Native directly when possible.
+- **Theme System** – Follow the custom theme configuration in `src/theme/tamagui.config.ts`. Use theme tokens like `$background`, `$primary`, etc.
+- **Component Structure** – Follow container/presentation pattern. See `apps/mobile/docs/code-style.md` for detailed component organization.
+- **Font Management** – Use the configured DM Sans font family. Custom icons go through `SafeFontIcon` component.
+- **Expo Plugins** – Custom Expo config plugins are in the `expo-plugins/` directory.
+
+## Shared Packages
+
+- **Cross-Platform Code** – Shared logic goes in `packages/` directory. Consider both web and mobile when making changes.
+- **Environment Handling** – Use dual environment variable patterns (`NEXT_PUBLIC_*` || `EXPO_PUBLIC_*`) in shared packages.
+- **Store Management** – Redux store is shared between web and mobile. State changes should work for both platforms.
+
+## Security & Safe Wallet Patterns
+
+- **Safe Address Validation** – Always validate Ethereum addresses using established utilities.
+- **Transaction Building** – Follow Safe SDK patterns for building multi-signature transactions.
+- **Wallet Provider Integration** – Follow established patterns for wallet connection and Web3 provider setup.
+
+## Environment Configuration
+
+- **Local Development** – Points to staging backend by default
+- **Environment Branches** – PRs get deployed automatically for testing
+- **RPC Configuration** – Infura integration for Web3 RPC calls (requires `INFURA_TOKEN`)
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index b105d7c22..9ca670613 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -1,8 +1,17 @@
 # Contributing
 
-When contributing to this repository, please first discuss the change you wish to make via a GitHub issue before making it.
+### tl;dr
 
-Please note we have a Code of Conduct (see below), please follow it in all your interactions with the project.
+- Pull requests are very welcome
+- Check [**good first issues**](https://github.com/safe-global/safe-wallet-monorepo/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22) if you want to contribute but don't know what
+- We do NOT accept tiny text edits, typo fixes etc, which is typically bot activity/airdrop farming
+- Each pull requests is rewarded with a [GitPOAP](https://www.gitpoap.io/gh/safe-global/safe-wallet-monorepo) but this does NOT guarantee any other perks
+
+## Code Style
+
+The packages inside the repo try to follow the same code style, but there might be small differences. Check the `code-style.md`
+file in the package you are working on for specific guidelines.
+We use [semantic commits](https://www.conventionalcommits.org/en/v1.0.0/) for pull request titles and commit messages.
 
 ## CLA
 
@@ -13,7 +22,7 @@ It is a requirement for all contributors to sign the [Contributor License Agreem
 - When opening a pull request, please make sure to fully fill out the pull request template that will appear in the description text box.
 - Make sure to cover your changes with unit tests.
 - Automatic linting and tests should pass once the workflows are approved by a maintainer.
-- Please follow our [Code Style Guidelines](docs/code-style.md).
+- Please follow our Code Style Guidelines for the package you are working on.
 
 ## Code of Conduct
 
diff --git a/Dockerfile b/Dockerfile
index 101be1706..897e454b6 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,24 +1,30 @@
 FROM node:18-alpine
 RUN apk add --no-cache libc6-compat git python3 py3-pip make g++ libusb-dev eudev-dev linux-headers
+
+# Set working directory
 WORKDIR /app
+
+# Copy root
 COPY . .
 
-# Fix arm64 timeouts
-RUN yarn config set network-timeout 300000 && yarn global add node-gyp
+# Set working directory to the web app
+WORKDIR apps/web
 
-# install deps
-RUN yarn install --frozen-lockfile
+# Enable corepack and configure yarn
+RUN corepack enable
+RUN yarn config set httpTimeout 300000
+
+# Run any custom post-install scripts
+RUN yarn install --immutable
 RUN yarn after-install
 
+# Set environment variables
 ENV NODE_ENV production
-
-# Next.js collects completely anonymous telemetry data about general usage.
-# Learn more here: https://nextjs.org/telemetry
-# Uncomment the following line in case you want to disable telemetry during the build.
 ENV NEXT_TELEMETRY_DISABLED 1
+ENV PORT 3000
 
+# Expose the port
 EXPOSE 3000
 
-ENV PORT 3000
-
-CMD ["yarn", "static-serve"]
+# Command to start the application
+CMD ["yarn", "static-serve"]
\ No newline at end of file
diff --git a/README.md b/README.md
index 9a2b59261..f80781b6f 100644
--- a/README.md
+++ b/README.md
@@ -1,139 +1,162 @@
-# <img src="/public/images/logo.svg" height="60" valign="middle" alt="Safe{Wallet}" style="background: #fff; padding: 20px; margin: 0 -20px" />
+# <img src="https://github.com/user-attachments/assets/b8249113-d515-4c91-a12a-f134813614e8" height="60" valign="middle" alt="Safe{Wallet}" style="background: #fff; padding: 20px; margin: 0 -20px" />
 
-[![License](https://img.shields.io/github/license/safe-global/safe-wallet-web)](https://github.com/safe-global/safe-wallet-web/blob/main/LICENSE)
-![Tests](https://img.shields.io/github/actions/workflow/status/safe-global/safe-wallet-web/test.yml?branch=main&label=tests)
-![GitHub package.json version (branch)](https://img.shields.io/github/package-json/v/safe-global/safe-wallet-web)
-[![GitPOAP Badge](https://public-api.gitpoap.io/v1/repo/safe-global/safe-wallet-web/badge)](https://www.gitpoap.io/gh/safe-global/safe-wallet-web)
+# Safe{Wallet} monorepo
 
-The default Safe web interface.
+🌐 [Safe{Wallet} web app](/apps/web/README.md) ・ 📱 [Safe{Wallet} mobile app](/apps/mobile/README.md)
 
-## Contributing
+## Overview
+
+Welcome to the Safe{Wallet} monorepo! This repository houses multiple applications and packages managed under a unified
+structure using Yarn Workspaces. The monorepo setup simplifies dependency management and ensures consistent development
+practices across projects.
 
-Contributions, be it a bug report or a pull request, are very welcome. Please check our [contribution guidelines](CONTRIBUTING.md) beforehand.
+### Key components
 
-## Getting started with local development
+- **apps/**: Contains application projects (e.g., `mobile` for the Safe{Wallet} mobile app).
+- **packages/**: Shared libraries and utilities.
+- **config/**: Configuration files for the monorepo.
 
-### Environment variables
+## Getting started
 
-Create a `.env` file with environment variables. You can use the `.env.example` file as a reference.
+To get started, ensure you have the required tools installed and follow these steps:
 
-Here's the list of all the environment variables:
+### Prerequisites
 
-| Env variable                                           | Description
-| ------------------------------------------------------ | -----------
-| `NEXT_PUBLIC_INFURA_TOKEN`                             | [Infura](https://docs.infura.io/infura/networks/ethereum/how-to/secure-a-project/project-id) RPC API token
-| `NEXT_PUBLIC_SAFE_APPS_INFURA_TOKEN`                   | Infura token for Safe Apps, falls back to `NEXT_PUBLIC_INFURA_TOKEN`
-| `NEXT_PUBLIC_IS_PRODUCTION`                            | Set to `true` to build a minified production app
-| `NEXT_PUBLIC_GATEWAY_URL_PRODUCTION`                   | The base URL for the [Safe Client Gateway](https://github.com/safe-global/safe-client-gateway)
-| `NEXT_PUBLIC_GATEWAY_URL_STAGING`                      | The base CGW URL on staging
-| `NEXT_PUBLIC_SAFE_VERSION`                             | The latest version of the Safe contract, defaults to 1.3.0
-| `NEXT_PUBLIC_WC_PROJECT_ID`                            | [WalletConnect v2](https://docs.walletconnect.com/2.0/cloud/relay) project ID
-| `NEXT_PUBLIC_TENDERLY_ORG_NAME`                        | [Tenderly](https://tenderly.co) org name for Transaction Simulation
-| `NEXT_PUBLIC_TENDERLY_PROJECT_NAME`                    | Tenderly project name
-| `NEXT_PUBLIC_TENDERLY_SIMULATE_ENDPOINT_URL`           | Tenderly simulation URL
-| `NEXT_PUBLIC_BEAMER_ID`                                | [Beamer](https://www.getbeamer.com) is a news feed for in-app announcements
-| `NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID`                    | [GTM](https://tagmanager.google.com) project id
-| `NEXT_PUBLIC_GOOGLE_TAG_MANAGER_DEVELOPMENT_AUTH`      | Dev GTM key
-| `NEXT_PUBLIC_GOOGLE_TAG_MANAGER_LATEST_AUTH`           | Preview GTM key
-| `NEXT_PUBLIC_GOOGLE_TAG_MANAGER_LIVE_AUTH`             | Production GTM key
-| `NEXT_PUBLIC_SENTRY_DSN`                               | [Sentry](https://sentry.io) id for tracking runtime errors
-| `NEXT_PUBLIC_IS_OFFICIAL_HOST`                         | Whether it's the official distribution of the app, or a fork; has legal implications. Set to true only if you also update the legal pages like Imprint and Terms of use
-| `NEXT_PUBLIC_REDEFINE_API`                             | Redefine API base URL
-| `NEXT_PUBLIC_FIREBASE_OPTIONS_PRODUCTION`              | Firebase Cloud Messaging (FCM) `initializeApp` options on production
-| `NEXT_PUBLIC_FIREBASE_VAPID_KEY_PRODUCTION`            | FCM vapid key on production
-| `NEXT_PUBLIC_FIREBASE_OPTIONS_STAGING`                 | FCM `initializeApp` options on staging
-| `NEXT_PUBLIC_FIREBASE_VAPID_KEY_STAGING`               | FCM vapid key on staging
-| `NEXT_PUBLIC_SPINDL_SDK_KEY`                           | [Spindl](http://spindl.xyz) SDK key
+- **Node.js**: Install the latest stable version from [Node.js](https://nodejs.org/).
+- **Yarn**: Use Yarn version 4.5.3 or later
 
-If you don't provide some of the variables, the corresponding features will be disabled in the UI.
+to install it with the latest node version you can simply do
 
-### Running the app locally
+```bash
+corepack enable
+```
 
-Install the dependencies:
+and then just run
 
 ```bash
 yarn
 ```
 
-Generate types:
+This will install the required version of yarn and resolve all dependencies.
+
+> [!NOTE]
+>
+> Corepack is a tool to help with managing versions of your package managers. It exposes binary proxies for each supported package manager that, when called, will identify whatever package manager is
+> configured for the current project, download it if needed, and finally run it.
+
+### Initial setup
+
+1. Clone the repository:
+
 ```bash
-yarn postinstall
+git clone <repo-url>
+cd monorepo
 ```
 
-Run the development server:
+2. Install dependencies:
 
 ```bash
-yarn start
+yarn install
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the app.
+## Monorepo commands
 
-## Lint
+Here are some essential commands to help you navigate the monorepo:
 
-ESLint:
+### Workspace management
 
+- **Run a script in a specific workspace:**
+
+```bash
+yarn workspace <workspace-name> <script>
 ```
-yarn lint --fix
+
+Example:
+
+```bash
+yarn workspace @safe-global/web start
 ```
 
-Prettier:
+- **Add a dependency to a specific workspace:**
 
+```bash
+yarn workspace <workspace-name> add <package-name>
 ```
-yarn prettier
+
+- **Remove a dependency from a specific workspace:**
+
+```bash
+yarn workspace <workspace-name> remove <package-name>
 ```
 
-## Tests
+> [!Note]
+>
+> Yarn treats commands that contain a colon as global commands. For example if you have a
+> command in a workspace that has a colon and there isn't another workspace that has the same command,
+> you can run the command without specifying the workspace name. For example:
+>
+> ```bash
+> yarn cypress:open
+> ```
+>
+> is equivalent to:
+>
+> ```bash
+> yarn workspace @safe-global/web cypress:open
+> ```
 
-Unit tests:
+### Linting and formatting
 
-```
-yarn test --watch
+- **Run ESLint across all workspaces:**
+
+```bash
+yarn lint
 ```
 
-### Cypress tests
+### Testing
 
-Build a static site:
+- **Run unit tests across all workspaces:**
 
-```
-yarn build
+```bash
+yarn test
 ```
 
-Serve the static files:
+## Contributing
 
-```
-yarn serve
-```
+### Adding a new workspace
 
-Launch the Cypress UI:
+1. Create a new directory under `apps/` or `packages/`.
+2. Add a `package.json` file with the appropriate configuration.
+3. Run:
 
-```
-yarn cypress:open
+```bash
+yarn install
 ```
 
-You can then choose which e2e tests to run.
+### Best practices
 
-## Component template
+- Use Yarn Workspaces commands for managing dependencies.
+- Ensure tests and linting pass before pushing changes.
+- Follow the commit message guidelines.
 
-To create a new component from a template:
-
-```
-yarn cmp MyNewComponent
-```
+### Tools & configurations
 
-## Pre-push hooks
+- **Husky**: Pre-commit hooks for linting and tests.
+- **ESLint & Prettier**: Enforce coding standards and formatting.
+- **Jest**: Unit testing framework.
+- **Expo**: Mobile app framework for the `mobile` workspace.
+- **Next.js**: React framework for the `web` workspace.
 
-This repo has a pre-push hook that runs the linter (always) and the tests (if the `RUN_TESTS_ON_PUSH` env variable is set to true)
-before pushing. If you want to skip the hooks, you can use the `--no-verify` flag.
+## Useful links
 
-## Frameworks
+- [Yarn Workspaces Documentation](https://classic.yarnpkg.com/en/docs/workspaces/)
+- [Expo Documentation](https://docs.expo.dev/)
+- [Next.js Documentation](https://nextjs.org/docs)
+- [Jest Documentation](https://jestjs.io/)
+- [ESLint Documentation](https://eslint.org/)
+- [Prettier Documentation](https://prettier.io/)
 
-This app is built using the following frameworks:
+---
 
-- [Safe Core SDK](https://github.com/safe-global/safe-core-sdk)
-- [Safe Gateway SDK](https://github.com/safe-global/safe-gateway-typescript-sdk)
-- Next.js
-- React
-- Redux
-- MUI
-- ethers.js
-- web3-onboard
+If you have any questions or run into issues, feel free to open a discussion or contact the maintainers. Happy coding!
+🚀
diff --git a/apps/mobile/.eas/build/build-and-maestro-test.yml b/apps/mobile/.eas/build/build-and-maestro-test.yml
new file mode 100644
index 000000000..e7b8231de
--- /dev/null
+++ b/apps/mobile/.eas/build/build-and-maestro-test.yml
@@ -0,0 +1,39 @@
+build:
+  name: Create a build and run Maestro tests on it
+  steps:
+    - eas/checkout
+
+    - run:
+        name: Enable corepack
+        command: corepack enable
+
+    # if you are not interested in using custom .npmrc config you can skip it
+    - eas/use_npm_token
+
+    - eas/install_node_modules
+
+    - eas/resolve_build_config
+
+    - eas/prebuild
+
+    - run:
+        name: Install pods
+        working_directory: ./ios
+        command: pod install
+
+    # if you are not using EAS Update you can remove this step from your config
+    # https://docs.expo.dev/eas-update/introduction/
+    - eas/configure_eas_update:
+        inputs:
+          throw_if_not_configured: false
+
+    - eas/generate_gymfile_from_template
+
+    - eas/run_fastlane
+
+    - eas/find_and_upload_build_artifacts
+    - eas/maestro_test:
+        inputs:
+          flow_path: |
+            e2e/onboarding.yml
+            e2e/onboarded-user.yml
diff --git a/apps/mobile/.easignore b/apps/mobile/.easignore
new file mode 100644
index 000000000..91a9f5690
--- /dev/null
+++ b/apps/mobile/.easignore
@@ -0,0 +1,63 @@
+# Auto generated storybook file
+.storybook/storybook.requires.ts
+
+# From jest
+html
+coverage
+
+# macOS
+.DS_Store
+
+/.idea
+# Tamagui UI generates a lot of cache files
+.tamagui
+
+*storybook.log
+/storybook-static
+
+# Android and iOS build files
+/android/*
+/ios/*
+
+# @generated expo-cli sync-8d4afeec25ea8a192358fae2f8e2fc766bdce4ec
+# The following patterns were generated by expo-cli
+
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Native
+*.orig.*
+*.
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo
+
+# @end expo-cli
\ No newline at end of file
diff --git a/apps/mobile/.env.example b/apps/mobile/.env.example
new file mode 100644
index 000000000..f9df2128f
--- /dev/null
+++ b/apps/mobile/.env.example
@@ -0,0 +1,12 @@
+# Used on the javascript side
+EXPO_PUBLIC_APP_VARIANT=production
+EXPO_PUBLIC_INFURA_TOKEN=****
+EXPO_PUBLIC_SECURITY_RASP_ENABLED=false
+EXPO_PUBLIC_SECURITY_WATCHER_MAIL=
+
+# Used during the build process
+APP_VARIANT=production
+GOOGLE_SERVICES_PLIST_DEV=./GoogleService-Info-Dev.plist
+GOOGLE_SERVICES_JSON=./google-services.json
+GOOGLE_SERVICES_JSON_DEV=./google-services-dev.json
+GOOGLE_SERVICES_PLIST=./GoogleService-Info.plist
diff --git a/apps/mobile/.gitignore b/apps/mobile/.gitignore
new file mode 100644
index 000000000..ec6367cad
--- /dev/null
+++ b/apps/mobile/.gitignore
@@ -0,0 +1,70 @@
+# Auto generated storybook file
+.storybook/storybook.requires.ts
+
+# From jest
+html
+coverage
+
+# macOS
+.DS_Store
+
+/.idea
+# Tamagui UI generates a lot of cache files
+.tamagui
+
+*storybook.log
+/storybook-static
+
+# Android and iOS build files
+/android/*
+/ios/*
+google-services.json
+google-services-dev.json
+GoogleService-Info.plist
+GoogleService-Info-Dev.plist
+
+
+# @generated expo-cli sync-8d4afeec25ea8a192358fae2f8e2fc766bdce4ec
+# The following patterns were generated by expo-cli
+
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Native
+*.orig.*
+*.
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+.env.eas
+
+
+# typescript
+*.tsbuildinfo
+
+# @end expo-cli
\ No newline at end of file
diff --git a/apps/mobile/.storybook/index.ts b/apps/mobile/.storybook/index.ts
new file mode 100644
index 000000000..977e3d515
--- /dev/null
+++ b/apps/mobile/.storybook/index.ts
@@ -0,0 +1,11 @@
+import AsyncStorage from '@react-native-async-storage/async-storage'
+import { view } from './storybook.requires'
+
+const StorybookUIRoot = view.getStorybookUI({
+  storage: {
+    getItem: AsyncStorage.getItem,
+    setItem: AsyncStorage.setItem,
+  },
+})
+
+export default StorybookUIRoot
diff --git a/apps/mobile/.storybook/main.ts b/apps/mobile/.storybook/main.ts
new file mode 100644
index 000000000..0675826e3
--- /dev/null
+++ b/apps/mobile/.storybook/main.ts
@@ -0,0 +1,74 @@
+import type { StorybookConfig as WebStorybookConfig } from '@storybook/react-webpack5'
+import type { StorybookConfig as RNStorybookConfig } from '@storybook/react-native'
+import path from 'path'
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin'
+import { globSync } from 'glob'
+
+let config: WebStorybookConfig | RNStorybookConfig
+const isWeb = process.env.STORYBOOK_WEB
+
+const appDirectory = path.resolve(__dirname, '../')
+
+if (isWeb) {
+  /**
+   * We have some stories that require native modules, and they don't have
+   * any equivalents in web. If we have such a story, we need to ignore it
+   * otherwise webpack will fail to compile.
+   *
+   * https://github.com/storybookjs/storybook/issues/11181
+   */
+  const getStories = () => {
+    return [
+      ...globSync(`${appDirectory}/src/**/*.mdx)`),
+      ...globSync(`${appDirectory}/src/**/*.stories.@(js|jsx|ts|tsx|mdx)`, {
+        ignore: `${appDirectory}/src/**/*.native.stories.@(js|jsx|ts|tsx|mdx)`,
+      }),
+    ]
+  }
+
+  config = {
+    stories: [...getStories()],
+    addons: [
+      '@storybook/addon-essentials',
+      '@storybook/addon-interactions',
+      {
+        name: '@storybook/addon-react-native-web',
+        options: {
+          projectRoot: '../',
+          modulesToTranspile: [],
+        },
+      },
+      '@storybook/addon-webpack5-compiler-babel',
+    ],
+    /**
+     * In our monorepo setup, if we just specify the name,
+     * we end up with the wrong path to webpack5 preset. We need to
+     * resolve the path:
+     *
+     * https://github.com/storybookjs/storybook/issues/21216#issuecomment-2187481646
+     */
+    framework: path.resolve(require.resolve('@storybook/react-webpack5/preset'), '..'),
+    webpackFinal: async (config) => {
+      if (config.resolve) {
+        config.resolve.plugins = [
+          ...(config.resolve.plugins || []),
+          new TsconfigPathsPlugin({
+            extensions: config.resolve.extensions,
+          }),
+        ]
+
+        config.resolve.alias = {
+          ...config.resolve.alias,
+          '@': path.resolve(__dirname, '../'),
+        }
+      }
+      return config
+    },
+  } as WebStorybookConfig
+} else {
+  config = {
+    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+    addons: ['@storybook/addon-ondevice-controls', '@storybook/addon-ondevice-actions'],
+  } as RNStorybookConfig
+}
+export default config
diff --git a/apps/mobile/.storybook/preview.tsx b/apps/mobile/.storybook/preview.tsx
new file mode 100644
index 000000000..0a85591ad
--- /dev/null
+++ b/apps/mobile/.storybook/preview.tsx
@@ -0,0 +1,39 @@
+import type { Preview } from '@storybook/react'
+import { NavigationIndependentTree } from '@react-navigation/native'
+import { StorybookThemeProvider } from '@/src/theme/provider/storybookTheme'
+import { SafeToastProvider } from '@/src/theme/provider/toastProvider'
+import { SafeAreaProvider } from 'react-native-safe-area-context'
+import { PortalProvider, View } from 'tamagui'
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+  tags: ['autodocs'],
+  decorators: [
+    (Story) => {
+      return (
+        <PortalProvider shouldAddRootHost>
+          <NavigationIndependentTree>
+            <SafeAreaProvider>
+              <StorybookThemeProvider>
+                <SafeToastProvider>
+                  <View style={{ padding: 16, flex: 1 }} backgroundColor={'$background'}>
+                    <Story />
+                  </View>
+                </SafeToastProvider>
+              </StorybookThemeProvider>
+            </SafeAreaProvider>
+          </NavigationIndependentTree>
+        </PortalProvider>
+      )
+    },
+  ],
+}
+
+export default preview
diff --git a/apps/mobile/.storybook/tsconfig.json b/apps/mobile/.storybook/tsconfig.json
new file mode 100644
index 000000000..ee8b2aa39
--- /dev/null
+++ b/apps/mobile/.storybook/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "module": "commonjs"
+  },
+  "include": ["../src/**/*", "./**/*"]
+}
diff --git a/apps/mobile/README.md b/apps/mobile/README.md
new file mode 100644
index 000000000..557d05527
--- /dev/null
+++ b/apps/mobile/README.md
@@ -0,0 +1,185 @@
+# Safe{Wallet} mobile app 📱
+
+This project is now part of the **@safe-global/safe-wallet** monorepo! The monorepo setup allows centralized management
+of multiple
+applications and shared libraries. This workspace (`apps/mobile`) contains the Safe Mobile App.
+
+You can run commands for this workspace in two ways:
+
+1. **From the root of the monorepo using `yarn workspace` commands**
+2. **From within the `apps/mobile` directory**
+
+## Prerequisites
+
+In the addition to the monorepo prerequisites, the mobile app requires the following:
+
+- Expo CLI
+- iOS/Android Development Tools
+- [Maestro](https://maestro.mobile.dev/) if you want to run E2E tests
+
+You can follow the [expo documentation](https://docs.expo.dev/get-started/set-up-your-environment/) to install the CLI
+and set up your development environment.
+
+Follow the [Maestro](https://maestro.mobile.dev/) documentation to install the tool for E2E testing.
+
+## Setup the project
+
+1. Install all dependencies from the **root of the monorepo**:
+
+```bash
+yarn install
+```
+
+## Running the app
+
+There is a `.env.example` file in the root of the mobile app. Create a `.env.local` file and paste the contents of the `.env.example`
+file into it and set the correct values for the environment variables.
+
+For local development you need to place the `google-services.json` and `GoogleService-Info.plist` files in the root of
+the mobile app.
+
+If you use EAS to manage your environement variables you can issue the
+
+```bash
+eas env:pull
+```
+
+command. This will pull the variables from your eas project and place them in the .env.local file.
+
+### Running on iOS
+
+From the root of the monorepo:
+
+```bash
+yarn workspace @safe-global/mobile start:ios
+```
+
+Or directly from the `apps/mobile` directory:
+
+```bash
+yarn start:ios
+```
+
+> [!NOTE]
+>
+> From now on for brevity we will only show the command to run from the root of the monorepo. You can always run the
+> command from the `apps/mobile` directory you just need to omit the `workspace @safe-global/mobile`.
+
+### Running on Android
+
+From the root of the monorepo:
+
+```bash
+yarn workspace @safe-global/mobile start:android
+```
+
+### How to open the custom devtools menu
+
+The app supports **Redux**, **RTK Query**, and **React DevTools**. To access these tools:
+
+1. Run the app.
+2. In the terminal where the Expo server is running, press `Shift + M`.
+3. Select the desired DevTools option for debugging. Happy debugging! 👨‍💻👩‍💻
+
+## Running the Storybook
+
+### Running in the browser
+
+Run the storybook command from the root:
+
+```bash
+yarn workspace @safe-global/mobile storybook:web
+```
+
+### Running on a mobile device
+
+To run the storybook on a mobile device:
+
+```bash
+yarn workspace @safe-global/mobile storybook:[ios|android]
+```
+
+To View stories press `i` on iOS or `a` on Android.
+
+## How to run the E2E Tests
+
+We use [Maestro](https://maestro.mobile.dev/) for E2E testing. Before running tests, install Maestro following the
+documentation for your OS.
+
+### Run a dev build and E2E tests
+
+To build the app for tests:
+
+#### For iOS:
+
+```bash
+yarn workspace @safe-global/mobile e2e:metro-ios
+```
+
+#### For Android:
+
+```bash
+yarn workspace @safe-global/mobile e2e:metro-android
+```
+
+These commands include `.e2e.ts|.e2e.tsx` files for mocking services or adding test-specific code.
+
+### Run the tests
+
+In a second terminal run:
+
+```bash
+yarn workspace @safe-global/mobile e2e:run
+```
+
+### Use Maestro Studio to write tests
+
+To write tests with Maestro Studio, run:
+
+```bash
+maestro studio
+```
+
+Export the generated YAML file to the `e2e` folder and include it in the test suite.
+
+### Running E2E tests in CI
+
+To run tests in CI, add the `eas-build-ios:build-and-maestro-test` label to a PR. This triggers the Expo CI pipeline to
+execute the tests.
+
+## Unit tests
+
+We use **Jest** and the [React Native Testing Library](https://callstack.github.io/react-native-testing-library/) for
+unit, component, and hook tests.
+
+Run tests:
+
+```bash
+yarn workspace @safe-global/mobile test
+```
+
+Run in watch mode:
+
+```bash
+yarn workspace @safe-global/mobile test:watch
+```
+
+Check coverage:
+
+```bash
+yarn workspace @safe-global/mobile test
+```
+
+Navigate to the `coverage` folder and open `index.html` in your browser.
+
+## Running ESLint & Prettier
+
+This project uses ESLint, Prettier, and TypeScript for linting and formatting.
+
+Run linting from the root:
+
+```bash
+yarn workspace @safe-global/mobile lint
+```
+
+This command validates files with TypeScript, ESLint, and Prettier configurations.
diff --git a/apps/mobile/__mocks__/fileMock.js b/apps/mobile/__mocks__/fileMock.js
new file mode 100644
index 000000000..0e56c5b5f
--- /dev/null
+++ b/apps/mobile/__mocks__/fileMock.js
@@ -0,0 +1 @@
+module.exports = 'test-file-stub'
diff --git a/apps/mobile/__mocks__/react-native-capture-protection.js b/apps/mobile/__mocks__/react-native-capture-protection.js
new file mode 100644
index 000000000..64ef5738c
--- /dev/null
+++ b/apps/mobile/__mocks__/react-native-capture-protection.js
@@ -0,0 +1,17 @@
+/* eslint-disable */
+// Manual mock for react-native-capture-protection
+const mockPrevent = jest.fn()
+const mockAllow = jest.fn()
+
+const CaptureProtection = {
+  prevent: mockPrevent,
+  allow: mockAllow,
+}
+
+// Export the mock object
+module.exports = {
+  CaptureProtection,
+  // Also export the mock functions so tests can access them
+  __mockPrevent: mockPrevent,
+  __mockAllow: mockAllow,
+}
diff --git a/apps/mobile/__mocks__/react-native-collapsible-tab-view.tsx b/apps/mobile/__mocks__/react-native-collapsible-tab-view.tsx
new file mode 100644
index 000000000..7ec244c49
--- /dev/null
+++ b/apps/mobile/__mocks__/react-native-collapsible-tab-view.tsx
@@ -0,0 +1,25 @@
+import React from 'react'
+import { View, FlatList } from 'react-native'
+
+export const Tabs = {
+  Container: ({ children, renderTabBar }) => (
+    <View>
+      {renderTabBar && renderTabBar({ index: 0, routes: [] })}
+      {children}
+    </View>
+  ),
+  Tab: ({ children }: { children: React.ReactNode }) => <View>{children}</View>,
+  FlashList: FlatList,
+  FlatList: FlatList,
+  useTabsContext: () => ({
+    focusedTab: '',
+    tabNames: [],
+    index: 0,
+    routes: [],
+    jumpTo: jest.fn(),
+  }),
+  useTabNameContext: () => ({ tabName: 'Tokens' }),
+  ScrollView: ({ children }: { children: React.ReactNode }) => <View testID="fallback">{children}</View>,
+}
+
+export default Tabs
diff --git a/apps/mobile/app.config.js b/apps/mobile/app.config.js
new file mode 100644
index 000000000..635aa7d10
--- /dev/null
+++ b/apps/mobile/app.config.js
@@ -0,0 +1,163 @@
+/* eslint-disable no-undef */
+const IS_DEV = process.env.APP_VARIANT === 'development'
+
+const appleDevTeamId = '86487MHG6V'
+
+const config = {
+  name: IS_DEV ? 'Safe Mobile - Development' : 'Safe Mobile',
+  slug: 'safe-mobileapp',
+  owner: 'safeglobal',
+  version: '1.0.1',
+  extra: {
+    storybookEnabled: process.env.STORYBOOK_ENABLED,
+    eas: {
+      projectId: '27e9e907-8675-474d-99ee-6c94e7b83a5c',
+    },
+  },
+  orientation: 'portrait',
+  icon: './assets/images/icon.png',
+  scheme: 'myapp',
+  userInterfaceStyle: 'automatic',
+  newArchEnabled: true,
+  ios: {
+    config: {
+      usesNonExemptEncryption: false,
+    },
+    infoPlist: {
+      NSFaceIDUsageDescription: 'Enabling Face ID allows you to create/access secure keys.',
+      UIBackgroundModes: ['remote-notification'],
+      AppGroup: IS_DEV ? 'group.global.safe.mobileapp.ios.dev' : 'group.global.safe.mobileapp.ios',
+    },
+    supportsTablet: false,
+    appleTeamId: appleDevTeamId,
+    bundleIdentifier: IS_DEV ? 'global.safe.mobileapp.ios.dev' : 'global.safe.mobileapp.ios',
+    entitlements: {
+      'aps-environment': IS_DEV ? 'development' : 'production',
+      'com.apple.security.application-groups': [
+        IS_DEV ? 'group.global.safe.mobileapp.ios.dev' : 'group.global.safe.mobileapp.ios',
+      ],
+    },
+    googleServicesFile: IS_DEV ? process.env.GOOGLE_SERVICES_PLIST_DEV : process.env.GOOGLE_SERVICES_PLIST,
+  },
+  android: {
+    adaptiveIcon: {
+      foregroundImage: './assets/images/adaptive-icon.png',
+      backgroundColor: '#000000',
+      monochromeImage: './assets/images/monochrome-icon.png',
+    },
+    package: IS_DEV ? 'global.safe.mobileapp.dev' : 'global.safe.mobileapp',
+    googleServicesFile: IS_DEV ? process.env.GOOGLE_SERVICES_JSON_DEV : process.env.GOOGLE_SERVICES_JSON,
+    permissions: [
+      'android.permission.CAMERA',
+      'android.permission.POST_NOTIFICATIONS',
+      'android.permission.RECEIVE_BOOT_COMPLETED',
+      'android.permission.FOREGROUND_SERVICE',
+      'android.permission.WAKE_LOCK',
+    ],
+    edgeToEdgeEnabled: true,
+  },
+  web: {
+    bundler: 'metro',
+    output: 'static',
+    favicon: './assets/images/favicon.png',
+  },
+  plugins: [
+    ['./expo-plugins/withNotificationIcons.js'],
+    'expo-router',
+    [
+      'expo-font',
+      {
+        fonts: ['./assets/fonts/safe-icons/safe-icons.ttf'],
+      },
+    ],
+    [
+      'expo-splash-screen',
+      {
+        image: './assets/images/splash.png',
+        enableFullScreenImage_legacy: true,
+        backgroundColor: '#000000',
+        dark: {
+          image: './assets/images/splash.png',
+          backgroundColor: '#000000',
+        },
+        android: {
+          image: './assets/images/icon.png',
+          imageWidth: 124,
+          imageHeight: 124,
+          imageResizeMode: 'contain',
+          backgroundColor: '#000000',
+        },
+        ios: {
+          image: './assets/images/splash.png',
+          imageResizeMode: 'contain',
+        },
+      },
+    ],
+    [
+      'react-native-vision-camera',
+      {
+        cameraPermissionText: 'Safe{Wallet} needs access to your Camera to scan QR Codes.',
+        enableCodeScanner: true,
+        enableLocation: false,
+      },
+    ],
+    ['./expo-plugins/withDrawableAssets.js', './assets/android/drawable'],
+    [
+      'expo-build-properties',
+      {
+        ios: {
+          useFrameworks: 'static',
+        },
+        android: {
+          extraMavenRepos: ['../../../../node_modules/@notifee/react-native/android/libs'],
+        },
+      },
+    ],
+    '@react-native-firebase/app',
+    '@react-native-firebase/messaging',
+    '@react-native-firebase/crashlytics',
+    [
+      'react-native-share',
+      {
+        ios: ['fb', 'instagram', 'twitter', 'tiktoksharesdk'],
+        android: ['com.facebook.katana', 'com.instagram.android', 'com.twitter.android', 'com.zhiliaoapp.musically'],
+        enableBase64ShareAndroid: true,
+      },
+    ],
+    'expo-task-manager',
+    'expo-web-browser',
+    [
+      '@safe-global/notification-service-ios',
+      {
+        iosDeploymentTarget: '15.1',
+        apsEnvMode: IS_DEV ? 'development' : 'production',
+        appleDevTeamId: appleDevTeamId,
+        appGroupIdentifier: IS_DEV ? 'group.global.safe.mobileapp.ios.dev' : 'group.global.safe.mobileapp.ios',
+      },
+    ],
+    [
+      'react-native-capture-protection',
+      {
+        captureType: 'fullMediaCapture',
+      },
+    ],
+  ],
+  experiments: {
+    typedRoutes: true,
+  },
+  notification: {
+    icon: './assets/images/ic_notification.png',
+    color: '#FFFFFF',
+    androidMode: 'default',
+    androidCollapsedTitle: 'Updates from Safe Wallet',
+    iosDisplayInForeground: true,
+  },
+  // Define background tasks
+  tasks: {
+    'app.notifee.notification-event': {
+      backgroundMode: ['processing', 'remote-notification'],
+    },
+  },
+}
+
+export default config
diff --git a/apps/mobile/assets/android/drawable/baseline_arrow_outward_24.xml b/apps/mobile/assets/android/drawable/baseline_arrow_outward_24.xml
new file mode 100644
index 000000000..d4a7c9941
--- /dev/null
+++ b/apps/mobile/assets/android/drawable/baseline_arrow_outward_24.xml
@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#000000" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M6,6l0,2l8.59,0l-9.59,9.59l1.41,1.41l9.59,-9.59l0,8.59l2,0l0,-12z"/>
+    
+</vector>
diff --git a/apps/mobile/assets/android/drawable/baseline_auto_awesome_motion_24.xml b/apps/mobile/assets/android/drawable/baseline_auto_awesome_motion_24.xml
new file mode 100644
index 000000000..619df85e4
--- /dev/null
+++ b/apps/mobile/assets/android/drawable/baseline_auto_awesome_motion_24.xml
@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#000000" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M14,2L4,2c-1.11,0 -2,0.9 -2,2v10h2L4,4h10L14,2zM18,6L8,6c-1.11,0 -2,0.9 -2,2v10h2L8,8h10L18,6zM20,10h-8c-1.11,0 -2,0.9 -2,2v8c0,1.1 0.89,2 2,2h8c1.1,0 2,-0.9 2,-2v-8c0,-1.1 -0.9,-2 -2,-2z"/>
+    
+</vector>
diff --git a/apps/mobile/assets/android/drawable/baseline_create_24.xml b/apps/mobile/assets/android/drawable/baseline_create_24.xml
new file mode 100644
index 000000000..3c53db7ec
--- /dev/null
+++ b/apps/mobile/assets/android/drawable/baseline_create_24.xml
@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#000000" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M3,17.25V21h3.75L17.81,9.94l-3.75,-3.75L3,17.25zM20.71,7.04c0.39,-0.39 0.39,-1.02 0,-1.41l-2.34,-2.34c-0.39,-0.39 -1.02,-0.39 -1.41,0l-1.83,1.83 3.75,3.75 1.83,-1.83z"/>
+    
+</vector>
diff --git a/apps/mobile/assets/android/drawable/baseline_delete_24.xml b/apps/mobile/assets/android/drawable/baseline_delete_24.xml
new file mode 100644
index 000000000..26ba1f060
--- /dev/null
+++ b/apps/mobile/assets/android/drawable/baseline_delete_24.xml
@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#DE0303" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M6,19c0,1.1 0.9,2 2,2h8c1.1,0 2,-0.9 2,-2V7H6v12zM19,4h-3.5l-1,-1h-5l-1,1H5v2h14V4z"/>
+    
+</vector>
diff --git a/apps/mobile/assets/android/drawable/baseline_explore_24.xml b/apps/mobile/assets/android/drawable/baseline_explore_24.xml
new file mode 100644
index 000000000..419d867ad
--- /dev/null
+++ b/apps/mobile/assets/android/drawable/baseline_explore_24.xml
@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#000000" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M12,10.9c-0.61,0 -1.1,0.49 -1.1,1.1s0.49,1.1 1.1,1.1c0.61,0 1.1,-0.49 1.1,-1.1s-0.49,-1.1 -1.1,-1.1zM12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2zM14.19,14.19L6,18l3.81,-8.19L18,6l-3.81,8.19z"/>
+    
+</vector>
diff --git a/apps/mobile/assets/android/drawable/ic_notification.xml b/apps/mobile/assets/android/drawable/ic_notification.xml
new file mode 100644
index 000000000..3109d1dad
--- /dev/null
+++ b/apps/mobile/assets/android/drawable/ic_notification.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24.0"
+    android:viewportHeight="24.0">
+    <group>
+        <path
+            android:fillColor="#FFFFFFFF"
+            android:pathData="M18.72,12h-1.64c-0.49,0-0.89,0.4-0.89,0.89v2.38c0,0.49-0.4,0.89-0.89,0.89H8.84c-0.49,0-0.89,0.4-0.89,0.89v1.64c0,0.49,0.4,0.89,0.89,0.89h6.91c0.49,0,0.88-0.4,0.88-0.89v-1.32c0-0.49,0.4-0.84,0.89-0.84h1.27c0.49,0,0.89-0.4,0.89-0.89v-2.76c0-0.49-0.4-0.88-0.89-0.88Z"/>
+        <path
+            android:fillColor="#FFFFFFFF"
+            android:pathData="M7.9,8.74c0-0.49,0.4-0.89,0.89-0.89h6.53c0.49,0,0.89-0.4,0.89-0.89V5.32c0-0.49-0.4-0.89-0.89-0.89H8.41c-0.49,0-0.89,0.4-0.89,0.89v1.26c0,0.49-0.4,0.89-0.89,0.89H5.37c-0.49,0-0.89,0.4-0.89,0.89v2.77c0,0.49,0.4,0.87,0.89,0.87h1.64c0.49,0,0.89-0.4,0.89-0.89l0-2.37Z"/>
+        <path
+            android:fillColor="#FFFFFFFF"
+            android:pathData="M11.28,10.29h1.58c0.51,0,0.93,0.42,0.93,0.93v1.58c0,0.51-0.42,0.93-0.93,0.93h-1.58c-0.51,0-0.93-0.42-0.93-0.93v-1.58c0-0.51,0.42-0.93,0.93-0.93Z"/>
+    </group>
+</vector>
\ No newline at end of file
diff --git a/apps/mobile/assets/fonts/SpaceMono-Regular.ttf b/apps/mobile/assets/fonts/SpaceMono-Regular.ttf
new file mode 100755
index 000000000..28d7ff717
Binary files /dev/null and b/apps/mobile/assets/fonts/SpaceMono-Regular.ttf differ
diff --git a/apps/mobile/assets/fonts/safe-icons/safe-icons.ttf b/apps/mobile/assets/fonts/safe-icons/safe-icons.ttf
new file mode 100644
index 000000000..26109faaf
Binary files /dev/null and b/apps/mobile/assets/fonts/safe-icons/safe-icons.ttf differ
diff --git a/apps/mobile/assets/fonts/safe-icons/selection.json b/apps/mobile/assets/fonts/safe-icons/selection.json
new file mode 100644
index 000000000..386561e1b
--- /dev/null
+++ b/apps/mobile/assets/fonts/safe-icons/selection.json
@@ -0,0 +1,2382 @@
+{
+  "IcoMoonType": "selection",
+  "icons": [
+    {
+      "icon": {
+        "paths": [
+          "M555.119 170.667c70.571 0 128 57.429 128 128s-57.429 128-128 128c-70.571 0-128-57.429-128-128s57.429-128 128-128zM979.951 884.309c-48.256-165.376-128.299-351.232-319.403-401.323 64.128-36.821 107.904-105.216 107.904-184.32 0-117.632-95.701-213.333-213.333-213.333s-213.333 95.701-213.333 213.333c0 79.317 44.032 147.883 108.459 184.619-27.989 7.552-54.613 17.877-79.317 31.701-20.608 11.52-27.947 37.504-16.384 58.069 11.435 20.48 37.504 27.947 58.027 16.341 41.515-23.168 88.107-34.475 142.421-34.475 168.192 0 270.805 105.643 343.040 353.28 5.419 18.645 22.443 30.72 40.96 30.72 3.925 0 7.979-0.555 11.947-1.707 22.656-6.571 35.584-30.293 29.013-52.907z",
+          "M298.619 725.461h85.333c23.552 0 42.667 19.115 42.667 42.667 0 23.595-19.115 42.667-42.667 42.667h-85.333v85.333c0 23.552-19.072 42.667-42.667 42.667-23.552 0-42.667-19.115-42.667-42.667v-85.333h-85.291c-23.552 0-42.667-19.072-42.667-42.667 0-23.552 19.115-42.667 42.667-42.667h85.291v-85.291c0-23.595 19.115-42.667 42.667-42.667 23.595 0 42.667 19.072 42.667 42.667v85.291z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["add-owner"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 257, "id": 117, "name": "add-owner", "prevSize": 32, "code": 59648 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 0
+    },
+    {
+      "icon": {
+        "paths": [
+          "M170.667 384v256h-42.667c-23.564 0-42.667 19.102-42.667 42.667s19.103 42.667 42.667 42.667h42.667v128c0 47.13 38.205 85.333 85.333 85.333h512c47.13 0 85.333-38.204 85.333-85.333v-682.667c0-47.128-38.204-85.333-85.333-85.333h-512c-47.128 0-85.333 38.205-85.333 85.333v128h-42.667c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667h42.667zM298.667 640h-42.667v-256h42.667c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667h-42.667v-128h512v682.667h-512v-128h42.667c23.564 0 42.667-19.102 42.667-42.667s-19.103-42.667-42.667-42.667z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["address-book"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 258, "id": 116, "name": "address-book", "prevSize": 32, "code": 59649 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 1
+    },
+    {
+      "icon": {
+        "paths": [
+          "M427.456 938.112c170.687 0 309.056-138.368 309.056-309.056 0-170.687-138.369-309.056-309.056-309.056s-309.056 138.369-309.056 309.056c0 170.688 138.369 309.056 309.056 309.056z",
+          "M639.040 804.48c167.366 0 303.040-135.674 303.040-303.040 0-167.364-135.674-303.040-303.040-303.040-167.364 0-303.040 135.676-303.040 303.040 0 167.366 135.676 303.040 303.040 303.040z",
+          "M282.047 476.739c105.756 0 191.488-85.732 191.488-191.488s-85.732-191.488-191.488-191.488c-105.756 0-191.488 85.732-191.488 191.488s85.732 191.488 191.488 191.488z",
+          "M282.048 97.92c-103.459 0-187.328 83.869-187.328 187.328s83.869 187.328 187.328 187.328c103.459 0 187.328-83.869 187.328-187.328s-83.869-187.328-187.328-187.328zM86.4 285.248c0-108.053 87.595-195.648 195.648-195.648s195.648 87.595 195.648 195.648c0 108.053-87.595 195.648-195.648 195.648s-195.648-87.595-195.648-195.648z",
+          "M526.313 512.998c-12.896 17.398-19.597 38.388-21.773 52.319-0.355 2.27-2.483 3.823-4.753 3.468s-3.822-2.483-3.468-4.753c2.336-14.952 9.444-37.284 23.309-55.989 13.941-18.807 34.926-34.175 64.739-34.175 29.901 0 50.486 16.712 63.395 32.957 6.458 8.134 11.085 16.246 14.093 22.317 1.504 3.041 2.611 5.583 3.347 7.379 0.371 0.899 0.646 1.611 0.832 2.107 0.096 0.248 0.166 0.442 0.211 0.578l0.058 0.16 0.019 0.047 0.006 0.015v0.005c0 0.003 0 0.004-3.93 1.364l3.93-1.36c0.749 2.172-0.397 4.541-2.573 5.292-2.17 0.751-4.538-0.399-5.286-2.569v-0.003l-0.013-0.020-0.038-0.109c-0.032-0.101-0.090-0.26-0.173-0.472-0.16-0.424-0.403-1.059-0.742-1.877-0.666-1.637-1.696-3.998-3.104-6.842-2.822-5.697-7.149-13.277-13.152-20.835-12.031-15.14-30.461-29.812-56.88-29.812-26.507 0-45.235 13.514-58.055 30.81z",
+          "M643.936 421.169c0 32.899-26.668 59.569-59.567 59.569s-59.569-26.67-59.569-59.569c0-32.899 26.67-59.569 59.569-59.569s59.567 26.67 59.567 59.569z",
+          "M584.369 472.227c-28.198 0-51.057-22.859-51.057-51.057s22.859-51.057 51.057-51.057c28.198 0 51.057 22.859 51.057 51.057s-22.859 51.057-51.057 51.057zM584.369 480.739c32.899 0 59.567-26.67 59.567-59.569s-26.668-59.569-59.567-59.569c-32.899 0-59.569 26.67-59.569 59.569s26.67 59.569 59.569 59.569z",
+          "M653.082 560.998c-12.896 17.398-19.594 38.388-21.77 52.319-0.355 2.27-2.483 3.823-4.753 3.468s-3.822-2.483-3.468-4.753c2.336-14.952 9.444-37.284 23.309-55.989 13.939-18.807 34.925-34.175 64.742-34.175 29.792 0 51.206 15.347 65.702 34.109 14.426 18.676 22.227 40.986 25.030 55.931 0.422 2.258-1.062 4.432-3.322 4.855s-4.435-1.064-4.858-3.322c-2.611-13.937-9.971-34.95-23.437-52.377-13.395-17.34-32.595-30.876-59.117-30.876-26.509 0-45.235 13.514-58.061 30.81z",
+          "M770.707 469.169c0 32.899-26.669 59.569-59.565 59.569-32.902 0-59.571-26.67-59.571-59.569s26.669-59.569 59.571-59.569c32.896 0 59.565 26.67 59.565 59.569z",
+          "M711.142 520.227c-28.198 0-51.059-22.859-51.059-51.057s22.861-51.057 51.059-51.057c28.198 0 51.053 22.859 51.053 51.057s-22.854 51.057-51.053 51.057zM711.142 528.739c32.896 0 59.565-26.67 59.565-59.569s-26.669-59.569-59.565-59.569c-32.902 0-59.571 26.67-59.571 59.569s26.669 59.569 59.571 59.569z"
+        ],
+        "attrs": [
+          { "fill": "rgb(28, 28, 28)" },
+          { "fill": "rgb(28, 28, 28)" },
+          { "fill": "rgb(28, 28, 28)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(28, 28, 28)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(28, 28, 28)" },
+          { "fill": "rgb(161, 163, 167)" }
+        ],
+        "width": 1030,
+        "isMulticolor": true,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["address-book-empty-list"],
+        "colorPermutations": {
+          "11611631671255214012559511412828281": [
+            { "f": 1 },
+            { "f": 1 },
+            { "f": 1 },
+            { "f": 3 },
+            { "f": 3 },
+            { "f": 1 },
+            { "f": 3 },
+            { "f": 3 },
+            { "f": 1 },
+            { "f": 3 }
+          ]
+        }
+      },
+      "attrs": [
+        { "fill": "rgb(28, 28, 28)" },
+        { "fill": "rgb(28, 28, 28)" },
+        { "fill": "rgb(28, 28, 28)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(28, 28, 28)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(28, 28, 28)" },
+        { "fill": "rgb(161, 163, 167)" }
+      ],
+      "properties": {
+        "order": 259,
+        "id": 115,
+        "name": "address-book-empty-list",
+        "prevSize": 32,
+        "code": 59650,
+        "codes": [59650, 59651, 59652, 59653, 59654, 59655, 59656, 59657, 59658, 59659]
+      },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 2
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512 256c23.564 0 42.667 19.103 42.667 42.667v256c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v-256c0-23.564 19.103-42.667 42.667-42.667z",
+          "M512 672c29.457 0 53.333 23.876 53.333 53.333s-23.876 53.333-53.333 53.333c-29.457 0-53.333-23.876-53.333-53.333s23.876-53.333 53.333-53.333z",
+          "M938.667 512c0 235.639-191.027 426.667-426.667 426.667-235.642 0-426.667-191.027-426.667-426.667 0-235.642 191.025-426.667 426.667-426.667 235.639 0 426.667 191.025 426.667 426.667zM170.667 512c0 188.514 152.82 341.333 341.333 341.333s341.333-152.819 341.333-341.333c0-188.513-152.819-341.333-341.333-341.333s-341.333 152.82-341.333 341.333z"
+        ],
+        "attrs": [{ "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["alert"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{ "f": 4 }, { "f": 4 }, { "f": 4 }] }
+      },
+      "attrs": [{ "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }],
+      "properties": { "order": 260, "id": 114, "name": "alert", "prevSize": 32, "code": 59660 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 3
+    },
+    {
+      "icon": {
+        "paths": [
+          "M511.949 341.434c23.552 0 42.667 19.072 42.667 42.667v170.665c0 23.552-19.115 42.667-42.667 42.667-23.595 0-42.667-19.115-42.667-42.667v-170.665c0-23.595 19.072-42.667 42.667-42.667z",
+          "M511.949 672.098c29.44 0 53.333 23.893 53.333 53.333s-23.893 53.333-53.333 53.333c-29.44 0-53.333-23.893-53.333-53.333s23.893-53.333 53.333-53.333z",
+          "M511.991 85.348c-21.419 0-42.837 10.667-54.741 32.085l-406.612 728.617c-23.168 41.6 7.040 92.629 54.784 92.629h813.183c47.744 0 77.909-51.029 54.741-92.629l-406.571-728.617c-11.947-21.419-33.365-32.085-54.784-32.085zM511.991 194.319l367.957 659.369h-735.871l367.914-659.369z"
+        ],
+        "attrs": [{ "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["alert-triangle"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{ "f": 4 }, { "f": 4 }, { "f": 4 }] }
+      },
+      "attrs": [{ "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }],
+      "properties": { "order": 261, "id": 113, "name": "alert-triangle", "prevSize": 32, "code": 59661 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 4
+    },
+    {
+      "icon": {
+        "paths": [
+          "M515.465 107.052c8.256 14.651 7.138 32.785-2.859 46.31-36.446 49.308-53.986 110.060-49.425 171.206s30.916 118.624 74.27 161.982c43.358 43.358 100.838 69.713 161.984 74.27 61.146 4.561 121.899-12.975 171.204-49.425 13.525-9.997 31.659-11.115 46.31-2.859 14.652 8.26 23.087 24.35 21.538 41.097-7.458 80.7-37.743 157.602-87.313 221.717-49.57 64.111-116.373 112.781-192.593 140.314-76.224 27.529-158.707 32.785-237.807 15.147-79.098-17.634-151.538-57.434-208.843-114.739s-97.104-129.745-114.741-208.845c-17.637-79.095-12.382-161.583 15.149-237.804s76.201-143.025 140.314-192.594c64.113-49.57 141.018-79.855 221.714-87.313 16.747-1.548 32.841 6.886 41.097 21.538zM397.5 189.4c-33.178 12.004-64.46 29.14-92.651 50.936-51.29 39.656-90.226 93.099-112.251 154.076-22.025 60.978-26.229 126.967-12.119 190.246s45.949 121.229 91.793 167.074c45.844 45.841 103.795 77.683 167.076 91.793 63.279 14.11 129.267 9.903 190.242-12.122s114.419-60.962 154.078-112.252c21.794-28.19 38.929-59.473 50.935-92.651-44.937 16.256-93.133 23.027-141.517 19.418-81.527-6.080-158.165-41.22-215.974-99.029s-92.948-134.447-99.028-215.975c-3.608-48.383 3.16-96.58 19.417-141.513z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["appearance"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 262, "id": 112, "name": "appearance", "prevSize": 32, "code": 59662 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 5
+    },
+    {
+      "icon": {
+        "paths": [
+          "M384 85.333h-213.333c-47.128 0-85.333 38.205-85.333 85.333v213.333c0 47.13 38.205 85.333 85.333 85.333h213.333c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.128-38.204-85.333-85.333-85.333zM170.667 384v-213.333h213.333v213.333h-213.333z",
+          "M853.333 554.667h-213.333c-47.13 0-85.333 38.204-85.333 85.333v213.333c0 47.13 38.204 85.333 85.333 85.333h213.333c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.13-38.204-85.333-85.333-85.333zM640 853.333v-213.333h213.333v213.333h-213.333z",
+          "M938.667 277.333c0 106.039-85.961 192-192 192s-192-85.961-192-192c0-106.039 85.961-192 192-192s192 85.961 192 192zM640 277.333c0 58.91 47.757 106.667 106.667 106.667s106.667-47.756 106.667-106.667c0-58.91-47.757-106.667-106.667-106.667s-106.667 47.756-106.667 106.667z",
+          "M277.388 804.651l-122.236 122.236c-15.872 15.872-41.813 15.872-57.728 0l-0.171-0.213c-15.872-15.872-15.872-41.856 0-57.771l122.197-122.197-122.18-122.197c-15.872-15.872-15.872-41.856 0-57.728l0.171-0.213c15.915-15.872 41.856-15.872 57.728 0l122.219 122.202 122.202-122.202c15.872-15.872 41.857-15.872 57.729 0l0.213 0.213c15.872 15.872 15.872 41.856 0 57.728l-122.199 122.197 122.216 122.197c15.872 15.915 15.872 41.899 0 57.771l-0.213 0.213c-15.872 15.872-41.857 15.872-57.729 0l-122.219-122.236z"
+        ],
+        "attrs": [{}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["apps"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}],
+      "properties": { "order": 263, "id": 111, "name": "apps", "prevSize": 32, "code": 59663 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 6
+    },
+    {
+      "icon": {
+        "paths": [
+          "M760.567 390.761c9.911 9.014 9.911 23.629 0 32.643l-230.63 209.838c-9.907 9.011-25.967 9.011-35.874 0l-230.633-209.838c-9.907-9.014-9.907-23.629 0-32.643s25.97-9.014 35.878 0l212.692 193.517 212.693-193.517c9.907-9.014 25.967-9.014 35.874 0z",
+          "M774.925 374.981c19.213 17.478 19.213 46.724 0 64.204l-230.63 209.835c-18.044 16.418-46.545 16.418-64.589 0l-230.632-209.839c-19.21-17.475-19.21-46.723 0-64.2 18.046-16.419 46.545-16.419 64.591 0l198.335 180.454 198.336-180.454c18.044-16.419 46.545-16.419 64.589 0zM746.658 407.081c-0.017-0.036-0.111-0.236-0.444-0.541-0.683-0.619-1.916-1.207-3.584-1.207s-2.901 0.588-3.58 1.207l-212.693 193.516c-8.141 7.403-20.574 7.403-28.715 0l-212.691-193.516c-0.68-0.619-1.913-1.207-3.582-1.207s-2.902 0.588-3.582 1.207c-0.335 0.305-0.428 0.505-0.444 0.541 0.016 0.036 0.109 0.238 0.444 0.543l230.629 209.836c0.683 0.619 1.916 1.207 3.584 1.207s2.901-0.589 3.584-1.207l230.63-209.836c0.333-0.305 0.427-0.507 0.444-0.543z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-down"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 264, "id": 110, "name": "arrow-down", "prevSize": 32, "code": 59664 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 7
+    },
+    {
+      "icon": {
+        "paths": [
+          "M474.509 764.894v-598.494c0-21.208 16.785-38.4 37.491-38.4s37.491 17.192 37.491 38.4v598.494l154.509-158.259c14.639-14.997 38.379-14.997 53.018 0 14.643 14.997 14.643 39.309 0 54.306l-212.075 217.225c-1.092 1.118-2.231 2.15-3.418 3.102-6.861 8.969-17.536 14.733-29.525 14.733s-22.665-5.764-29.525-14.733c-1.186-0.951-2.325-1.984-3.418-3.102l-212.076-217.225c-14.641-14.997-14.641-39.309 0-54.306s38.378-14.997 53.019 0l154.509 158.259z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-down-1"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 265, "id": 109, "name": "arrow-down-1", "prevSize": 32, "code": 59665 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 8
+    },
+    {
+      "icon": {
+        "paths": [
+          "M633.237 760.567c-9.011 9.911-23.625 9.911-32.64 0l-209.837-230.63c-9.014-9.907-9.014-25.967 0-35.874l209.837-230.633c9.015-9.907 23.629-9.907 32.644 0 9.011 9.908 9.011 25.97 0 35.878l-193.515 212.692 193.51 212.693c9.015 9.907 9.015 25.967 0 35.874z",
+          "M649.020 774.925c-17.476 19.213-46.724 19.213-64.201 0l-209.838-230.63c-16.419-18.044-16.419-46.545 0-64.589l209.838-230.632c17.476-19.21 46.724-19.21 64.201 0 16.418 18.046 16.418 46.545 0 64.591l-180.454 198.335 180.454 198.336c16.418 18.044 16.418 46.545 0 64.589zM616.917 746.658c0.038-0.017 0.239-0.111 0.542-0.444 0.619-0.683 1.207-1.916 1.207-3.584s-0.589-2.901-1.207-3.58l-193.514-212.693c-7.405-8.141-7.405-20.574 0-28.715l193.514-212.691c0.619-0.68 1.207-1.913 1.207-3.582s-0.589-2.902-1.207-3.582c-0.303-0.335-0.503-0.428-0.542-0.444-0.034 0.016-0.235 0.109-0.542 0.444l-209.836 230.629c-0.619 0.683-1.207 1.916-1.207 3.584s0.588 2.901 1.207 3.584l209.836 230.63c0.307 0.333 0.508 0.427 0.542 0.444z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-left"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 266, "id": 108, "name": "arrow-left", "prevSize": 32, "code": 59666 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 9
+    },
+    {
+      "icon": {
+        "paths": [
+          "M390.761 263.43c9.014-9.907 23.629-9.907 32.643 0l209.834 230.633c9.015 9.907 9.015 25.967 0 35.874l-209.834 230.63c-9.014 9.911-23.629 9.911-32.643 0-9.014-9.907-9.014-25.967 0-35.874l193.513-212.693-193.513-212.692c-9.014-9.908-9.014-25.97 0-35.878z",
+          "M374.981 249.074c17.477-19.21 46.724-19.21 64.2 0l209.839 230.632c16.418 18.044 16.418 46.545 0 64.589l-209.839 230.63c-17.475 19.213-46.723 19.213-64.2 0-16.419-18.044-16.419-46.545 0-64.589l180.454-198.336-180.454-198.335c-16.419-18.046-16.419-46.545 0-64.591zM407.081 277.343c0 0-0.236 0.109-0.541 0.444-0.619 0.68-1.207 1.912-1.207 3.582s0.588 2.902 1.207 3.582l193.516 212.691c7.403 8.141 7.403 20.574 0 28.715l-193.516 212.693c-0.619 0.678-1.207 1.911-1.207 3.58s0.588 2.901 1.207 3.584c0.305 0.333 0.541 0.444 0.541 0.444s0.238-0.111 0.543-0.444l209.836-230.63c0.619-0.683 1.207-1.916 1.207-3.584s-0.589-2.901-1.207-3.584l-209.836-230.629c-0.305-0.335-0.543-0.444-0.543-0.444z"
+        ],
+        "attrs": [{}, {}],
+        "grid": 0,
+        "tags": ["arrow-right"],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 375, "id": 107, "name": "arrow-right", "prevSize": 32, "code": 59667 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 10
+    },
+    {
+      "icon": {
+        "paths": [
+          "M637.966 589.86l166.614-169.279c49.174-49.174 131.092-49.174 180.266 0s49.174 131.092 0 180.266l-379.615 384.968c-24.534 24.532-57.388 38.185-90.134 38.185s-65.491-13.654-90.132-38.185l-387.726-384.968c-54.613-54.612-49.174-147.411 16.426-193.92 51.839-38.185 125.653-27.306 169.278 19.094l144.746 141.971 16.428 2.774v-125.654l-0.108-319.459c0-71.041 57.388-125.654 125.654-125.654 73.814 0 128.428 57.387 128.428 125.654l-0.125 464.206z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-sort"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 268, "id": 106, "name": "arrow-sort", "prevSize": 32, "code": 59668 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 11
+    },
+    {
+      "icon": {
+        "paths": [
+          "M263.43 633.237c-9.907-9.011-9.907-23.625 0-32.64l230.633-209.837c9.907-9.014 25.967-9.014 35.874 0l230.63 209.837c9.911 9.015 9.911 23.629 0 32.64-9.907 9.015-25.967 9.015-35.874 0l-212.693-193.51-212.692 193.51c-9.908 9.015-25.97 9.015-35.878 0z",
+          "M479.706 374.981c18.044-16.419 46.545-16.419 64.589 0l230.63 209.838c19.213 17.476 19.213 46.724 0 64.201-18.044 16.418-46.545 16.418-64.589 0l-198.336-180.454-198.335 180.454c-18.046 16.418-46.545 16.418-64.591 0-19.21-17.476-19.21-46.724 0-64.201l230.632-209.838zM512 405.333c-1.668 0-2.901 0.588-3.584 1.207l-230.629 209.836c-0.335 0.307-0.428 0.508-0.444 0.542 0.016 0.034 0.109 0.239 0.444 0.542 0.68 0.619 1.912 1.207 3.582 1.207s2.902-0.589 3.582-1.207l212.691-193.514c8.141-7.405 20.574-7.405 28.715 0l212.693 193.514c0.678 0.619 1.911 1.207 3.58 1.207s2.901-0.589 3.584-1.207c0.333-0.303 0.427-0.503 0.444-0.542-0.017-0.034-0.111-0.235-0.444-0.542l-230.63-209.836c-0.683-0.619-1.916-1.207-3.584-1.207z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-up"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 269, "id": 105, "name": "arrow-up", "prevSize": 32, "code": 59669 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 12
+    },
+    {
+      "icon": {
+        "paths": [
+          "M764.894 549.491h-598.494c-21.208 0-38.4-16.785-38.4-37.491s17.192-37.491 38.4-37.491h598.494l-158.259-154.509c-14.997-14.641-14.997-38.379 0-53.019s39.309-14.641 54.306 0l217.225 212.076c1.118 1.092 2.15 2.231 3.102 3.418 8.969 6.861 14.733 17.536 14.733 29.525s-5.764 22.665-14.733 29.525c-0.951 1.186-1.984 2.325-3.102 3.418l-217.225 212.075c-14.997 14.643-39.309 14.643-54.306 0-14.997-14.639-14.997-38.379 0-53.018l158.259-154.509z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrrow-right"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 270, "id": 104, "name": "arrrow-right", "prevSize": 32, "code": 59670 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 13
+    },
+    {
+      "icon": {
+        "paths": [
+          "M494.656 89.428c10.918-5.46 23.77-5.46 34.688 0l387.874 193.939c13.141 6.57 21.44 20.001 21.44 34.693s-8.299 28.122-21.44 34.693l-387.874 193.939c-10.918 5.461-23.77 5.461-34.688 0l-387.873-193.939c-13.14-6.57-21.441-20.001-21.441-34.693s8.3-28.123 21.441-34.693l387.873-193.939zM210.86 318.061l301.14 150.573 301.141-150.573-301.141-150.573-301.14 150.573zM89.437 494.652c9.58-19.157 32.879-26.927 52.038-17.344l370.525 185.267 370.526-185.267c19.157-9.583 42.458-1.813 52.036 17.344 9.583 19.162 1.813 42.462-17.344 52.041l-387.874 193.941c-10.918 5.457-23.77 5.457-34.688 0l-387.873-193.941c-19.16-9.579-26.926-32.879-17.346-52.041zM89.437 688.593c9.58-19.162 32.879-26.927 52.038-17.348l370.525 185.267 370.526-185.267c19.157-9.579 42.458-1.813 52.036 17.348 9.583 19.162 1.813 42.458-17.344 52.041l-387.874 193.937c-10.918 5.461-23.77 5.461-34.688 0l-387.873-193.937c-19.16-9.583-26.926-32.879-17.346-52.041z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["batch"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 271, "id": 103, "name": "batch", "prevSize": 32, "code": 59671 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 14
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512 113.777c67.895 0 133.009 26.971 181.018 74.981s74.982 113.124 74.982 181.019c0 118.159 25.259 190.991 48.124 232.902 11.486 21.065 22.605 34.756 30.182 42.752 3.797 4.011 6.737 6.622 8.422 8.026 0.823 0.687 1.353 1.088 1.536 1.225 15.223 10.526 21.948 29.696 16.567 47.458-5.449 17.997-22.033 30.306-40.832 30.306h-640.002c-18.802 0-35.388-12.309-40.836-30.306-5.378-17.762 1.347-36.932 16.569-47.458 0.186-0.137 0.713-0.538 1.536-1.225 1.687-1.404 4.625-4.015 8.424-8.026 7.575-7.996 18.694-21.687 30.184-42.752 22.862-41.911 48.124-114.743 48.124-232.902 0-67.895 26.971-133.010 74.98-181.019s113.126-74.981 181.021-74.981zM167.731 654.682l0.228-0.154 0.167-0.115 0.098-0.064 0.108-0.073-0.6 0.405zM282.788 643.541c-0.657 1.203-1.315 2.394-1.973 3.571h462.366c-0.657-1.178-1.314-2.368-1.971-3.571-30.473-55.863-58.543-143.031-58.543-273.764 0-45.264-17.984-88.674-49.988-120.68-32.009-32.006-75.418-49.987-120.678-49.987-45.265 0-88.675 17.981-120.681 49.987s-49.987 75.416-49.987 120.68c0 130.732-28.072 217.9-58.543 273.764zM487.398 810.59c-11.823-20.382-37.935-27.319-58.317-15.497s-27.321 37.935-15.497 58.317c10.002 17.242 24.359 31.552 41.63 41.502s36.855 15.185 56.789 15.185c19.93 0 39.514-5.235 56.785-15.185 17.276-9.95 31.629-24.26 41.63-41.502 11.823-20.382 4.885-46.494-15.497-58.317s-46.494-4.885-58.317 15.497c-2.5 4.314-6.089 7.889-10.406 10.377s-9.212 3.797-14.195 3.797c-4.983 0-9.882-1.31-14.199-3.797s-7.906-6.063-10.406-10.377z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["bell"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 272, "id": 102, "name": "bell", "prevSize": 32, "code": 59672 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 15
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512 853.333c-78.763 0-151.125-27.093-208.939-72.021l478.251-478.251c44.971 57.771 72.021 130.176 72.021 208.939 0 188.203-153.131 341.333-341.333 341.333zM170.667 512c0-188.203 153.131-341.333 341.333-341.333 78.763 0 151.125 27.093 208.939 72.021l-478.251 478.251c-44.971-57.771-72.021-130.176-72.021-208.939zM512 85.333c-235.264 0-426.667 191.403-426.667 426.667s191.403 426.667 426.667 426.667c235.264 0 426.667-191.403 426.667-426.667s-191.403-426.667-426.667-426.667z"
+        ],
+        "attrs": [{ "fill": "rgb(255, 95, 114)" }],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["block"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{ "f": 4 }] }
+      },
+      "attrs": [{ "fill": "rgb(255, 95, 114)" }],
+      "properties": { "order": 273, "id": 101, "name": "block", "prevSize": 32, "code": 59673 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 16
+    },
+    {
+      "icon": {
+        "paths": [
+          "M234.667 192h170.667c23.564 0 42.667 19.103 42.667 42.667v170.667c0 23.564-19.103 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v-170.667c0-23.564 19.103-42.667 42.667-42.667z",
+          "M234.667 576h170.667c23.564 0 42.667 19.103 42.667 42.667v170.667c0 23.564-19.103 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v-170.667c0-23.564 19.103-42.667 42.667-42.667z",
+          "M618.667 192h170.667c23.564 0 42.667 19.103 42.667 42.667v170.667c0 23.564-19.103 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v-170.667c0-23.564 19.103-42.667 42.667-42.667z",
+          "M618.667 576h170.667c23.564 0 42.667 19.103 42.667 42.667v170.667c0 23.564-19.103 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v-170.667c0-23.564 19.103-42.667 42.667-42.667z"
+        ],
+        "attrs": [{}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["blocks"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}],
+      "properties": { "order": 274, "id": 100, "name": "blocks", "prevSize": 32, "code": 59674 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 17
+    },
+    {
+      "icon": {
+        "paths": [
+          "M234.667 192h170.667c23.564 0 42.667 19.103 42.667 42.667v170.667c0 23.564-19.103 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v-170.667c0-23.564 19.103-42.667 42.667-42.667z",
+          "M234.667 576h170.667c23.564 0 42.667 19.103 42.667 42.667v170.667c0 23.564-19.103 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v-170.667c0-23.564 19.103-42.667 42.667-42.667z",
+          "M618.667 192h170.667c23.564 0 42.667 19.103 42.667 42.667v170.667c0 23.564-19.103 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v-170.667c0-23.564 19.103-42.667 42.667-42.667z",
+          "M618.667 576h170.667c23.564 0 42.667 19.103 42.667 42.667v170.667c0 23.564-19.103 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v-170.667c0-23.564 19.103-42.667 42.667-42.667z"
+        ],
+        "attrs": [{}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["blocks-1"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}],
+      "properties": { "order": 275, "id": 99, "name": "blocks-1", "prevSize": 32, "code": 59675 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 18
+    },
+    {
+      "icon": {
+        "paths": [
+          "M325.333 204.8c-9.901 0-19.397 4.046-26.399 11.247s-10.935 16.969-10.935 27.153v539.78l202.3-148.629c12.983-9.536 30.417-9.536 43.401 0l202.3 148.629v-539.78c0-10.184-3.934-19.951-10.935-27.153s-16.495-11.247-26.398-11.247h-373.333zM246.137 161.741c21.004-21.604 49.492-33.741 79.196-33.741h373.333c29.705 0 58.193 12.137 79.198 33.741 21.001 21.604 32.802 50.906 32.802 81.459v614.4c0 14.383-7.817 27.563-20.25 34.142-12.437 6.583-27.405 5.466-38.784-2.893l-239.633-176.060-239.634 176.060c-11.38 8.358-26.348 9.476-38.782 2.893-12.435-6.579-20.25-19.759-20.25-34.142v-614.4c0-30.553 11.8-59.855 32.804-81.459z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["bookmark"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 276, "id": 98, "name": "bookmark", "prevSize": 32, "code": 59676 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 19
+    },
+    {
+      "icon": {
+        "paths": [
+          "M246.137 161.741c21.004-21.604 49.492-33.741 79.196-33.741h373.333c29.705 0 58.193 12.137 79.198 33.741 21.001 21.604 32.802 50.906 32.802 81.459v614.4c0 14.383-7.817 27.563-20.25 34.142-12.437 6.583-27.405 5.466-38.784-2.893l-239.633-176.060-239.634 176.060c-11.38 8.358-26.348 9.476-38.782 2.893-12.435-6.579-20.25-19.759-20.25-34.142v-614.4c0-30.553 11.8-59.855 32.804-81.459z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["bookmark-filled"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 277, "id": 97, "name": "bookmark-filled", "prevSize": 32, "code": 59677 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 20
+    },
+    {
+      "icon": {
+        "paths": [
+          "M358.4 170.667l-102.4 102.4h-68.267c-56.554 0-102.4 45.846-102.4 102.4v375.612c0 56.555 45.846 102.4 102.4 102.4h648.533c56.555 0 102.4-45.845 102.4-102.4v-375.612c0-56.554-45.845-102.4-102.4-102.4h-68.267l-102.4-102.4h-307.2zM291.346 358.4l102.4-102.4h236.509l102.4 102.4h103.612c9.425 0 17.067 7.641 17.067 17.067v375.612c0 9.425-7.642 17.067-17.067 17.067h-648.533c-9.425 0-17.067-7.642-17.067-17.067v-375.612c0-9.425 7.641-17.067 17.067-17.067h103.613z",
+          "M512 725.333c-106.039 0-192-85.961-192-192s85.961-192 192-192c106.039 0 192 85.961 192 192s-85.961 192-192 192zM618.667 533.333c0-58.91-47.757-106.667-106.667-106.667s-106.667 47.757-106.667 106.667c0 58.91 47.757 106.667 106.667 106.667s106.667-47.757 106.667-106.667z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["camera"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 278, "id": 96, "name": "camera", "prevSize": 32, "code": 59678 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 21
+    },
+    {
+      "icon": {
+        "paths": [
+          "M533.222 170.666c-49.591-0.129-98.517 11.458-142.785 33.818l-0.162 0.081c-53.148 26.563-97.851 67.397-129.103 117.931s-47.816 108.769-47.839 168.187l-0 0.094c-0.129 49.596 11.458 98.517 33.818 142.784 5.129 10.155 5.99 21.939 2.393 32.73l-54.082 162.249 162.246-54.084c10.792-3.597 22.575-2.735 32.729 2.394 44.268 22.362 93.193 33.946 142.785 33.818h0.094c59.418-0.021 117.653-16.589 168.188-47.838 50.534-31.253 91.371-75.955 117.931-129.105l0.081-0.162c22.362-44.267 33.95-93.188 33.818-142.784-0.247-94.757-37.461-171.721-92.924-227.185-55.467-55.464-132.429-92.68-227.187-92.927zM352.046 128.275c56.243-28.393 118.397-43.106 181.399-42.941 118.579 0.309 216.806 47.424 287.305 117.92 70.494 70.496 117.611 168.726 117.918 287.302 0.166 63.002-14.545 125.15-42.935 181.393-33.647 67.29-85.359 123.887-149.346 163.456-63.996 39.578-137.741 60.557-212.988 60.595h-0.047l-0.017-42.667 0.111 42.667h-0.047c-56.947 0.141-113.196-11.87-165.014-35.153l-16.419-7.829c5.42 2.739 10.894 5.346 16.419 7.829l-226.89 75.631c-15.331 5.111-32.235 1.118-43.662-10.308s-15.418-28.331-10.307-43.661l75.63-226.893c2.482 5.525 5.092 10.999 7.83 16.422l-7.83-16.422c-23.282-51.814-35.294-108.066-35.153-165.013v0.047l42.667 0.017-42.667-0.111v0.047c0.038-75.243 21.019-148.992 60.596-212.989 39.569-63.984 96.163-115.692 163.449-149.339zM352.046 128.275l-0.081 0.041 19.237 38.084-19.075-38.166-0.081 0.041z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["chat"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 279, "id": 95, "name": "chat", "prevSize": 32, "code": 59679 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 22
+    },
+    {
+      "icon": {
+        "paths": [
+          "M422.393 725.333c-7.945 0-15.532-3.2-21.117-8.93l-179.184-182.946c-11.679-11.913-11.679-31.206 0-43.089 11.679-11.917 30.556-11.917 42.234 0l158.066 161.395 337.278-344.16c11.682-11.916 30.558-11.916 42.236 0s11.678 31.177 0 43.092l-358.396 365.707c-5.585 5.73-13.171 8.93-21.118 8.93z",
+          "M786.671 322.536c-3.315-3.381-8.448-3.381-11.763 0l-352.52 359.712-173.297-176.951c-3.314-3.379-8.448-3.379-11.763 0-3.513 3.575-3.559 9.596 0 13.231l179.223 182.985c1.586 1.626 3.671 2.487 5.841 2.487s4.256-0.862 5.844-2.487l0.038-0.038 358.396-365.71c3.55-3.621 3.55-9.607 0-13.228zM744.435 292.671c20.045-20.451 52.663-20.451 72.708 0 19.81 20.211 19.81 52.747 0 72.957l-358.357 365.665c-0.009 0.013-0.021 0.021-0.030 0.034-9.583 9.813-22.656 15.339-36.363 15.339-13.704 0-26.777-5.525-36.358-15.334-0.001 0 0.001 0 0 0-0.011-0.013-0.024-0.026-0.035-0.038l-179.144-182.903c-19.796-20.198-19.825-52.774 0.012-72.969 20.044-20.437 52.655-20.433 72.694 0.013l142.836 145.847 322.037-328.611z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["check"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 280, "id": 94, "name": "check", "prevSize": 32, "code": 59680 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 23
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 512c0-235.642-191.027-426.667-426.667-426.667-235.642 0-426.667 191.025-426.667 426.667 0 235.639 191.025 426.667 426.667 426.667 235.639 0 426.667-191.027 426.667-426.667zM395.726 456.499l96.366 90.159 139.785-143.341c24.678-25.306 65.199-25.815 90.505-1.137s25.813 65.195 1.135 90.5l-183.552 188.224c-24.316 24.939-64.111 25.852-89.545 2.052l-142.144-132.992c-25.81-24.149-27.158-64.649-3.009-90.458s64.649-27.157 90.46-3.008z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["check-filled"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 281, "id": 93, "name": "check-filled", "prevSize": 32, "code": 59681 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 24
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 512c0 235.639-191.027 426.667-426.667 426.667-235.642 0-426.667-191.027-426.667-426.667 0-235.642 191.025-426.667 426.667-426.667 235.639 0 426.667 191.025 426.667 426.667zM170.667 512c0 188.514 152.82 341.333 341.333 341.333s341.333-152.819 341.333-341.333c0-188.513-152.819-341.333-341.333-341.333s-341.333 152.82-341.333 341.333z",
+          "M327.743 438.434c-17.204-16.102-44.204-15.21-60.307 1.993s-15.21 44.207 1.993 60.309l176.685 165.376c16.956 15.868 43.49 15.262 59.703-1.365l228.139-233.984c16.452-16.872 16.111-43.885-0.764-60.335-16.87-16.451-43.883-16.109-60.335 0.763l-198.955 204.050-146.16-136.806z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["check-notifications"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 282, "id": 92, "name": "check-notifications", "prevSize": 32, "code": 59682 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 25
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 512c0 235.639-191.027 426.667-426.667 426.667-235.642 0-426.667-191.027-426.667-426.667 0-235.642 191.025-426.667 426.667-426.667 235.639 0 426.667 191.025 426.667 426.667zM170.667 512c0 188.514 152.82 341.333 341.333 341.333s341.333-152.819 341.333-341.333c0-188.513-152.819-341.333-341.333-341.333s-341.333 152.82-341.333 341.333z",
+          "M450.999 682.667c-8.107 0-15.876-3.584-21.572-9.997l-121.852-136.627c-11.884-13.342-11.884-34.94 0.030-48.282 11.914-13.274 31.202-13.308 43.116 0.034l100.278 112.465 222.315-248.921c11.913-13.341 31.168-13.341 43.085 0 11.913 13.342 11.913 34.907 0 48.249l-243.857 273.081c-5.696 6.413-13.436 9.997-21.542 9.997z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["check-oulined"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 283, "id": 91, "name": "check-oulined", "prevSize": 32, "code": 59683 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 26
+    },
+    {
+      "icon": {
+        "paths": [
+          "M760.567 390.761c9.911 9.014 9.911 23.629 0 32.643l-230.63 209.838c-9.907 9.011-25.967 9.011-35.874 0l-230.633-209.838c-9.907-9.014-9.907-23.629 0-32.643s25.97-9.014 35.878 0l212.692 193.517 212.693-193.517c9.907-9.014 25.967-9.014 35.874 0z",
+          "M774.925 374.981c19.213 17.478 19.213 46.724 0 64.204l-230.63 209.835c-18.044 16.418-46.545 16.418-64.589 0l-230.632-209.839c-19.21-17.475-19.21-46.723 0-64.2 18.046-16.419 46.545-16.419 64.591 0l198.335 180.454 198.336-180.454c18.044-16.419 46.545-16.419 64.589 0zM746.658 407.081c-0.017-0.036-0.111-0.236-0.444-0.541-0.683-0.619-1.916-1.207-3.584-1.207s-2.901 0.588-3.58 1.207l-212.693 193.516c-8.141 7.403-20.574 7.403-28.715 0l-212.691-193.516c-0.68-0.619-1.913-1.207-3.582-1.207s-2.902 0.588-3.582 1.207c-0.335 0.305-0.428 0.505-0.444 0.541 0.016 0.036 0.109 0.238 0.444 0.543l230.629 209.836c0.683 0.619 1.916 1.207 3.584 1.207s2.901-0.589 3.584-1.207l230.63-209.836c0.333-0.305 0.427-0.507 0.444-0.543z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["chevron-down"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 284, "id": 90, "name": "chevron-down", "prevSize": 32, "code": 59684 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 27
+    },
+    {
+      "icon": {
+        "paths": [
+          "M633.237 760.567c-9.011 9.911-23.625 9.911-32.64 0l-209.837-230.63c-9.014-9.907-9.014-25.967 0-35.874l209.837-230.633c9.015-9.907 23.629-9.907 32.644 0 9.011 9.908 9.011 25.97 0 35.878l-193.515 212.692 193.51 212.693c9.015 9.907 9.015 25.967 0 35.874z",
+          "M649.020 774.925c-17.476 19.213-46.724 19.213-64.201 0l-209.838-230.63c-16.419-18.044-16.419-46.545 0-64.589l209.838-230.632c17.476-19.21 46.724-19.21 64.201 0 16.418 18.046 16.418 46.545 0 64.591l-180.454 198.335 180.454 198.336c16.418 18.044 16.418 46.545 0 64.589zM616.917 746.658c0.038-0.017 0.239-0.111 0.542-0.444 0.619-0.683 1.207-1.916 1.207-3.584s-0.589-2.901-1.207-3.58l-193.514-212.693c-7.405-8.141-7.405-20.574 0-28.715l193.514-212.691c0.619-0.68 1.207-1.913 1.207-3.582s-0.589-2.902-1.207-3.582c-0.303-0.335-0.503-0.428-0.542-0.444-0.034 0.016-0.235 0.109-0.542 0.444l-209.836 230.629c-0.619 0.683-1.207 1.916-1.207 3.584s0.588 2.901 1.207 3.584l209.836 230.63c0.307 0.333 0.508 0.427 0.542 0.444z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["chevron-left"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 285, "id": 89, "name": "chevron-left", "prevSize": 32, "code": 59685 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 28
+    },
+    {
+      "icon": {
+        "paths": [
+          "M390.761 263.43c9.014-9.907 23.629-9.907 32.643 0l209.834 230.633c9.015 9.907 9.015 25.967 0 35.874l-209.834 230.63c-9.014 9.911-23.629 9.911-32.643 0-9.014-9.907-9.014-25.967 0-35.874l193.513-212.693-193.513-212.692c-9.014-9.908-9.014-25.97 0-35.878z",
+          "M374.981 249.074c17.477-19.21 46.724-19.21 64.2 0l209.839 230.632c16.418 18.044 16.418 46.545 0 64.589l-209.839 230.63c-17.475 19.213-46.723 19.213-64.2 0-16.419-18.044-16.419-46.545 0-64.589l180.454-198.336-180.454-198.335c-16.419-18.046-16.419-46.545 0-64.591zM407.081 277.343c0 0-0.236 0.109-0.541 0.444-0.619 0.68-1.207 1.912-1.207 3.582s0.588 2.902 1.207 3.582l193.516 212.691c7.403 8.141 7.403 20.574 0 28.715l-193.516 212.693c-0.619 0.678-1.207 1.911-1.207 3.58s0.588 2.901 1.207 3.584c0.305 0.333 0.541 0.444 0.541 0.444s0.238-0.111 0.543-0.444l209.836-230.63c0.619-0.683 1.207-1.916 1.207-3.584s-0.589-2.901-1.207-3.584l-209.836-230.629c-0.305-0.335-0.543-0.444-0.543-0.444z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["chevron-right"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 286, "id": 88, "name": "chevron-right", "prevSize": 32, "code": 59686 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 29
+    },
+    {
+      "icon": {
+        "paths": [
+          "M263.43 633.237c-9.907-9.011-9.907-23.625 0-32.64l230.633-209.837c9.907-9.014 25.967-9.014 35.874 0l230.63 209.837c9.911 9.015 9.911 23.629 0 32.64-9.907 9.015-25.967 9.015-35.874 0l-212.693-193.51-212.692 193.51c-9.908 9.015-25.97 9.015-35.878 0z",
+          "M479.706 374.981c18.044-16.419 46.545-16.419 64.589 0l230.63 209.838c19.213 17.476 19.213 46.724 0 64.201-18.044 16.418-46.545 16.418-64.589 0l-198.336-180.454-198.335 180.454c-18.046 16.418-46.545 16.418-64.591 0-19.21-17.476-19.21-46.724 0-64.201l230.632-209.838zM512 405.333c-1.668 0-2.901 0.588-3.584 1.207l-230.629 209.836c-0.335 0.307-0.428 0.508-0.444 0.542 0.016 0.034 0.109 0.239 0.444 0.542 0.68 0.619 1.912 1.207 3.582 1.207s2.902-0.589 3.582-1.207l212.691-193.514c8.141-7.405 20.574-7.405 28.715 0l212.693 193.514c0.678 0.619 1.911 1.207 3.58 1.207s2.901-0.589 3.584-1.207c0.333-0.303 0.427-0.503 0.444-0.542-0.017-0.034-0.111-0.235-0.444-0.542l-230.63-209.836c-0.683-0.619-1.916-1.207-3.584-1.207z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["chevron-up"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 287, "id": 87, "name": "chevron-up", "prevSize": 32, "code": 59687 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 30
+    },
+    {
+      "icon": {
+        "paths": [
+          "M383.876 640.166c-13.781 0-27.307-6.656-35.541-18.987-13.099-19.584-7.808-46.080 11.819-59.179l109.184-72.832v-189.909c0-23.595 19.072-42.667 42.667-42.667s42.667 19.072 42.667 42.667v212.736c0 14.251-7.125 27.605-18.987 35.499l-128.171 85.504c-7.253 4.821-15.531 7.168-23.637 7.168z",
+          "M512 170.667c-188.203 0-341.333 153.131-341.333 341.333s153.131 341.333 341.333 341.333c188.203 0 341.333-153.131 341.333-341.333s-153.131-341.333-341.333-341.333zM512 938.667c-235.264 0-426.667-191.403-426.667-426.667s191.403-426.667 426.667-426.667c235.264 0 426.667 191.403 426.667 426.667s-191.403 426.667-426.667 426.667z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["clock"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 288, "id": 86, "name": "clock", "prevSize": 32, "code": 59688 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 31
+    },
+    {
+      "icon": {
+        "paths": [
+          "M566.336 512l318.455 318.46c14.942 14.976 14.942 39.364 0 54.306-14.98 14.98-39.369 14.98-54.345 0l-318.447-318.434-318.446 318.434c-14.979 14.98-39.367 14.98-54.345 0-14.94-14.942-14.94-39.33 0-54.306l318.455-318.46-318.459-318.449c-14.94-14.979-14.94-39.367 0-54.346 14.979-14.94 39.367-14.94 54.345 0l318.449 318.455 318.451-318.455c14.976-14.94 39.364-14.94 54.345 0 14.938 14.979 14.938 39.368 0 54.346l-318.46 318.449z",
+          "M124.14 124.101c23.305-23.246 61.171-23.246 84.477 0l303.384 303.389 303.364-303.37c23.305-23.246 61.193-23.265 84.497-0.019l0.038 0.039c23.245 23.305 23.245 61.172 0 84.477l-303.394 303.383 303.369 303.373c23.236 23.296 23.283 61.197 0 84.48-23.309 23.309-61.205 23.309-84.514 0l-303.36-303.351-303.361 303.351c-23.309 23.309-61.205 23.309-84.515 0-23.281-23.283-23.254-61.167-0.019-84.459l303.39-303.394-303.374-303.363c-23.245-23.305-23.265-61.191-0.020-84.497l0.039-0.039z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["close"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 289, "id": 85, "name": "close", "prevSize": 32, "code": 59689 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 32
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.679 511.987c0 235.648-191.061 426.667-426.667 426.667-235.648 0-426.667-191.019-426.667-426.667 0-235.606 191.019-426.667 426.667-426.667 235.605 0 426.667 191.061 426.667 426.667zM572.356 512.004l146.782-146.765c16.597-16.64 16.597-43.733 0-60.373-16.64-16.597-43.733-16.597-60.373 0l-146.765 146.782-146.782-146.782c-16.597-16.597-43.733-16.597-60.331 0-16.597 16.64-16.597 43.733 0 60.373l146.765 146.765-146.765 146.782c-16.597 16.597-16.597 43.733 0 60.331s43.733 16.597 60.331 0l146.782-146.765 146.765 146.765c16.64 16.597 43.733 16.597 60.373 0 16.597-16.597 16.597-43.733 0-60.331l-146.782-146.782z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["close-filled"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 290, "id": 84, "name": "close-filled", "prevSize": 32, "code": 59690 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 33
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 512c0 235.639-191.027 426.667-426.667 426.667-235.642 0-426.667-191.027-426.667-426.667 0-235.642 191.025-426.667 426.667-426.667 235.639 0 426.667 191.025 426.667 426.667zM170.667 512c0 188.514 152.82 341.333 341.333 341.333s341.333-152.819 341.333-341.333c0-188.513-152.819-341.333-341.333-341.333s-341.333 152.82-341.333 341.333z",
+          "M572.339 512l90.509 90.509c16.666 16.661 16.666 43.678 0 60.339-16.661 16.666-43.678 16.666-60.339 0l-90.509-90.509-90.51 90.509c-16.663 16.666-43.677 16.666-60.34 0-16.662-16.661-16.662-43.678 0-60.339l90.511-90.509-90.511-90.51c-16.662-16.663-16.662-43.677 0-60.34s43.677-16.662 60.34 0l90.51 90.511 90.509-90.511c16.661-16.662 43.678-16.662 60.339 0 16.666 16.663 16.666 43.677 0 60.34l-90.509 90.51z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["close-outlined"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 291, "id": 83, "name": "close-outlined", "prevSize": 32, "code": 59691 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 34
+    },
+    {
+      "icon": {
+        "paths": [
+          "M414.719 41.041c0-8.528 6.876-15.441 15.359-15.441h107.522c8.484 0 15.36 6.913 15.36 15.441v108.089c0 8.528-6.876 15.441-15.36 15.441h-122.881v-123.53z",
+          "M276.481 180.013c0-8.528 6.877-15.441 15.36-15.441h122.88v123.53c0 8.528-6.877 15.441-15.36 15.441h-122.88v-123.53z",
+          "M138.241 318.984c0-8.528 6.877-15.441 15.36-15.441h122.88v123.53c0 8.528-6.877 15.441-15.36 15.441h-122.88v-123.53z",
+          "M0 457.955c0-8.528 6.877-15.441 15.36-15.441h122.88v138.97h-122.88c-8.483 0-15.36-6.912-15.36-15.437v-108.092z",
+          "M138.241 581.484h122.88c8.483 0 15.36 6.917 15.36 15.442v123.53h-122.88c-8.483 0-15.36-6.912-15.36-15.442v-123.53z",
+          "M276.481 720.456h122.88c8.483 0 15.36 6.917 15.36 15.442v123.53h-122.88c-8.483 0-15.36-6.912-15.36-15.442v-123.53z",
+          "M414.719 859.428h122.881c8.484 0 15.36 6.912 15.36 15.442v108.088c0 8.53-6.876 15.442-15.36 15.442h-107.522c-8.483 0-15.359-6.912-15.359-15.442v-123.53z",
+          "M967.68 41.041c0-8.528-6.876-15.441-15.36-15.441h-107.52c-8.484 0-15.36 6.913-15.36 15.441v108.089c0 8.528 6.876 15.441 15.36 15.441h122.88v-123.53z",
+          "M1105.92 180.013c0-8.528-6.876-15.441-15.36-15.441h-122.88v123.53c0 8.528 6.876 15.441 15.36 15.441h122.88v-123.53z",
+          "M1244.16 318.984c0-8.528-6.876-15.441-15.36-15.441h-122.88v123.53c0 8.528 6.876 15.441 15.36 15.441h122.88v-123.53z",
+          "M1382.4 457.955c0-8.528-6.876-15.441-15.36-15.441h-122.88v138.97h122.88c8.484 0 15.36-6.912 15.36-15.437v-108.092z",
+          "M1244.16 581.484h-122.88c-8.484 0-15.36 6.917-15.36 15.442v123.53h122.88c8.484 0 15.36-6.912 15.36-15.442v-123.53z",
+          "M1105.92 720.456h-122.88c-8.484 0-15.36 6.917-15.36 15.442v123.53h122.88c8.484 0 15.36-6.912 15.36-15.442v-123.53z",
+          "M967.68 859.428h-122.88c-8.484 0-15.36 6.912-15.36 15.442v108.088c0 8.53 6.876 15.442 15.36 15.442h107.52c8.484 0 15.36-6.912 15.36-15.442v-123.53z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}],
+        "width": 1382,
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["code-blocks"],
+        "colorPermutations": {
+          "11611631671255214012559511412828281": [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]
+        }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}],
+      "properties": { "order": 292, "id": 82, "name": "code-blocks", "prevSize": 32, "code": 59692 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 35
+    },
+    {
+      "icon": {
+        "paths": [
+          "M384 298.667h-170.667c-47.128 0-85.333 38.205-85.333 85.333v469.333c0 47.13 38.205 85.333 85.333 85.333h341.333c47.13 0 85.333-38.204 85.333-85.333v-128h170.667c47.13 0 85.333-38.204 85.333-85.333v-469.333c0-47.128-38.204-85.333-85.333-85.333h-341.333c-47.128 0-85.333 38.205-85.333 85.333v128zM640 640v-256c0-47.128-38.204-85.333-85.333-85.333h-85.333v-128h341.333v469.333h-170.667zM213.333 853.333v-469.333h341.333v469.333h-341.333z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["copy"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 293, "id": 81, "name": "copy", "prevSize": 32, "code": 59693 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 36
+    },
+    {
+      "icon": {
+        "paths": [
+          "M814.289 306.612c-166.95-163.459-437.63-163.459-604.58 0l-22.054 21.592c-8.347 8.173-8.347 21.424 0 29.597l68.733 67.296c4.174 4.087 10.941 4.087 15.114 0l29.611-28.992c116.468-114.033 305.303-114.033 421.77 0l27.652 27.072c4.173 4.087 10.94 4.087 15.113 0l68.732-67.296c8.35-8.173 8.35-21.424 0-29.597l-20.092-19.672zM1017.591 505.681l-61.171-59.895c-8.346-8.171-21.879-8.171-30.229 0l-195.767 191.676c-2.086 2.044-5.47 2.044-7.556 0l-195.772-191.68c-8.35-8.171-21.884-8.171-30.229 0l-195.763 191.68c-2.087 2.044-5.47 2.044-7.557 0l-195.772-191.68c-8.348-8.171-21.882-8.171-30.229 0l-61.173 59.895c-8.348 8.171-8.348 21.423 0 29.598l275.84 270.067c8.348 8.175 21.882 8.175 30.229 0l195.765-191.671c2.086-2.044 5.47-2.044 7.556 0l195.767 191.671c8.35 8.175 21.884 8.175 30.229 0l275.831-270.067c8.35-8.171 8.35-21.423 0-29.594z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["dapp-logo"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 294, "id": 80, "name": "dapp-logo", "prevSize": 32, "code": 59694 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 37
+    },
+    {
+      "icon": {
+        "paths": [
+          "M426.667 768.414c23.595 0 42.667-19.072 42.667-42.667v-256c0-23.595-19.072-42.667-42.667-42.667s-42.667 19.072-42.667 42.667v256c0 23.595 19.072 42.667 42.667 42.667z",
+          "M597.376 768.414c23.595 0 42.667-19.072 42.667-42.667v-256c0-23.595-19.072-42.667-42.667-42.667s-42.667 19.072-42.667 42.667v256c0 23.595 19.072 42.667 42.667 42.667z",
+          "M704.542 834.167c-0.555 10.837-11.008 19.328-21.205 19.243h-343.339c-9.813-1.109-19.669-8.363-20.224-19.541l-27.648-492.544h438.912l-26.496 492.843zM426.526 196.94c0-14.251 12.075-26.283 26.325-26.283h118.101c14.507 0 26.325 11.819 26.325 26.283v59.051h-170.752v-59.051zM853.321 255.991h-74.155c-0.256 0-0.512-0.213-0.811-0.213-0.512-0.043-0.939 0.213-1.493 0.213h-94.251v-59.051c0-61.525-50.048-111.616-111.659-111.616h-118.101c-61.568 0-111.659 50.091-111.659 111.616v59.051h-170.539c-23.552 0-42.667 19.072-42.667 42.667s19.115 42.667 42.667 42.667h36.053l27.861 496.939c2.688 55.893 49.536 100.523 104.107 100.523 0.768 0 1.536-0.043 2.304-0.043h343.766c55.467 0 102.357-44.544 105.045-100.181l26.709-497.238h36.821c23.595 0 42.667-19.072 42.667-42.667s-19.072-42.667-42.667-42.667z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["delete"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 295, "id": 79, "name": "delete", "prevSize": 32, "code": 59695 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 38
+    },
+    {
+      "icon": {
+        "paths": [
+          "M170.675 83.198c-71.871 0-130.134 58.263-130.134 130.133v426.669c0 71.868 58.263 130.129 130.134 130.129h296.533v81.071h-125.867c-24.742 0-44.8 20.058-44.8 44.8 0 24.738 20.058 44.796 44.8 44.796h341.333c24.742 0 44.8-20.058 44.8-44.796 0-24.742-20.058-44.8-44.8-44.8h-125.867v-81.071h296.533c71.872 0 130.133-58.261 130.133-130.129v-426.669c0-71.871-58.261-130.133-130.133-130.133h-682.667zM130.142 213.331c0-22.386 18.147-40.533 40.533-40.533h682.667c22.387 0 40.533 18.147 40.533 40.533v426.669c0 22.383-18.146 40.533-40.533 40.533h-682.667c-22.386 0-40.533-18.15-40.533-40.533v-426.669z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["desktop"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 296, "id": 78, "name": "desktop", "prevSize": 32, "code": 59696 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 39
+    },
+    {
+      "icon": {
+        "paths": [
+          "M256.021 853.35v-682.667h255.915v171.52c0 46.421 37.888 84.224 84.437 84.224h171.648v426.923h-512zM732.821 341.478l-135.552 0.725v-136.107l135.552 135.381zM842.005 329.958l-231.765-231.509c-8.405-8.405-19.755-13.099-31.573-13.099h-322.646c-47.147 0-85.333 38.229-85.333 85.333v682.667c0 47.104 38.187 85.333 85.333 85.333h512c47.104 0 85.333-38.229 85.333-85.333v-496.171c0-10.197-4.096-20.011-11.349-27.221z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["document"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 297, "id": 77, "name": "document", "prevSize": 32, "code": 59697 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 40
+    },
+    {
+      "icon": {
+        "paths": [
+          "M285.867 780.373c16.64 16.64 43.52 16.64 60.16 0l165.973-165.12 165.547 165.547c16.64 16.64 43.52 16.64 60.16 0s16.64-43.52 0-60.16l-195.84-195.84c-3.947-3.955-8.636-7.095-13.798-9.237-5.158-2.142-10.692-3.243-16.282-3.243s-11.123 1.101-16.282 3.243c-5.163 2.142-9.852 5.282-13.798 9.237l-195.84 195.413c-16.64 16.64-16.64 43.52 0 60.16z",
+          "M285.867 499.2c16.64 16.64 43.52 16.64 60.16 0l165.973-165.119 165.547 165.545c16.64 16.64 43.52 16.64 60.16 0s16.64-43.52 0-60.16l-195.84-195.839c-3.947-3.956-8.636-7.095-13.798-9.236-5.158-2.141-10.692-3.244-16.282-3.244s-11.123 1.103-16.282 3.244c-5.163 2.141-9.852 5.28-13.798 9.236l-195.84 195.412c-16.64 16.64-16.64 43.52 0 60.16z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["double-arrow"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 298, "id": 76, "name": "double-arrow", "prevSize": 32, "code": 59698 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 41
+    },
+    {
+      "icon": {
+        "paths": [
+          "M554.688 664.913v-536.875c0-23.595-19.115-42.667-42.667-42.667-23.595 0-42.667 19.072-42.667 42.667v536.875l-175.872-175.829c-16.683-16.683-43.691-16.683-60.331 0-16.683 16.683-16.683 43.648 0 60.331l241.365 241.365c1.237 1.237 2.56 2.389 3.883 3.413 7.851 10.027 19.968 16.384 33.621 16.384 13.611 0 25.771-6.357 33.579-16.384 1.323-1.024 2.688-2.176 3.883-3.413l241.365-241.365c16.683-16.683 16.683-43.648 0-60.331-16.64-16.683-43.648-16.683-60.331 0l-175.829 175.829z",
+          "M128.021 853.333h768c23.467 0 42.667 19.2 42.667 42.667s-19.2 42.667-42.667 42.667h-768c-23.509 0-42.667-19.2-42.667-42.667s19.157-42.667 42.667-42.667z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["download"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 299, "id": 75, "name": "download", "prevSize": 32, "code": 59699 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 42
+    },
+    {
+      "icon": {
+        "paths": [
+          "M658.36 896.616c60.636 56.067 158.788 56.067 219.279 0l612.618-566.444c97.717-90.353 28.5-244.838-109.64-244.838l-1225.236 0.134c-138.14 0-207.356 154.486-109.64 244.704l612.618 566.444z"
+        ],
+        "attrs": [{}],
+        "width": 1536,
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["dropdown-arrow-small"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 300, "id": 74, "name": "dropdown-arrow-small", "prevSize": 32, "code": 59700 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 43
+    },
+    {
+      "icon": {
+        "paths": [
+          "M750.626 385.792l-110.123-111.061 105.344-103.253 106.539 107.477c0.256 0.256-0.213 4.352 0.085 4.608l-101.845 102.229zM281.166 853.333h-110.507v-111.829l408.959-406.955 110.72 111.659-409.172 407.125zM938.658 279.765c-0.299-23.723-9.728-45.653-25.685-60.885l-105.771-106.667c-15.744-16.811-38.187-26.581-61.653-26.88h-1.152c-23.509 0-46.293 9.472-62.635 25.899l-583.85 582.272c-8.021 7.979-12.587 18.901-12.587 30.251v172.245c0 23.595 19.072 42.667 42.667 42.667h170.795c11.307 0 22.101-4.437 30.080-12.416l584.106-582.485c16.64-16.811 26.027-40.149 25.685-64z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["edit"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 301, "id": 73, "name": "edit", "prevSize": 32, "code": 59701 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 44
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.132 170.667c70.571 0 128 57.387 128 128 0 70.571-57.429 128-128 128s-128-57.429-128-128c0-70.613 57.429-128 128-128zM696.068 514.944c-24.747-13.781-51.285-24.107-79.147-31.616 64.469-36.736 108.544-105.301 108.544-184.661 0-117.632-95.701-213.333-213.333-213.333s-213.333 95.701-213.333 213.333c0 79.061 43.733 147.413 107.819 184.277-191.275 50.005-271.36 235.904-319.573 401.323-6.571 22.613 6.4 46.336 29.013 52.907 4.011 1.195 8.021 1.707 11.947 1.707 18.517 0 35.541-12.075 40.96-30.677 72.192-247.637 174.805-353.323 343.040-353.323 54.272 0 100.821 11.307 142.379 34.56 20.523 11.435 46.549 4.096 58.069-16.427 11.52-20.565 4.139-46.592-16.384-58.069z",
+          "M571.674 869.773l0.341 57.259c0 6.443 5.248 11.648 11.691 11.648h56.875c3.115 0 6.101-1.237 8.32-3.456l171.861-171.861c6.741-6.741 6.741-17.664 0-24.405l-50.432-50.475c-6.144-6.144-16.128-6.144-22.272 0l-172.928 172.971c-2.219 2.176-3.456 5.205-3.456 8.32z",
+          "M872.171 711.94l63.104-63.104c4.736-4.693 4.736-12.416 0-17.152l-56.661-56.576c-4.693-4.736-12.416-4.736-17.152 0l-63.061 63.061c-4.779 4.736-4.779 12.459 0 17.195l56.576 56.576c4.736 4.736 12.459 4.736 17.195 0z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["edit-owner"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 302, "id": 72, "name": "edit-owner", "prevSize": 32, "code": 59702 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 45
+    },
+    {
+      "icon": {
+        "paths": [
+          "M298.667 512.004c0-47.13 38.205-85.333 85.333-85.333 47.13 0 85.333 38.204 85.333 85.333s-38.204 85.333-85.333 85.333c-47.128 0-85.333-38.204-85.333-85.333z",
+          "M554.667 512.004c0-47.13 38.204-85.333 85.333-85.333s85.333 38.204 85.333 85.333c0 47.13-38.204 85.333-85.333 85.333s-85.333-38.204-85.333-85.333z",
+          "M298.667 213.333c0-47.128 38.205-85.333 85.333-85.333 47.13 0 85.333 38.205 85.333 85.333s-38.204 85.333-85.333 85.333c-47.128 0-85.333-38.205-85.333-85.333z",
+          "M554.667 213.333c0-47.128 38.204-85.333 85.333-85.333s85.333 38.205 85.333 85.333c0 47.128-38.204 85.333-85.333 85.333s-85.333-38.205-85.333-85.333z",
+          "M298.667 810.662c0-47.13 38.205-85.333 85.333-85.333 47.13 0 85.333 38.204 85.333 85.333s-38.204 85.333-85.333 85.333c-47.128 0-85.333-38.204-85.333-85.333z",
+          "M554.667 810.662c0-47.13 38.204-85.333 85.333-85.333s85.333 38.204 85.333 85.333c0 47.13-38.204 85.333-85.333 85.333s-85.333-38.204-85.333-85.333z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["element-drag"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}],
+      "properties": { "order": 303, "id": 71, "name": "element-drag", "prevSize": 32, "code": 59703 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 46
+    },
+    {
+      "icon": {
+        "paths": [
+          "M448.090 59.85c19.439-11.2 41.476-17.096 63.91-17.096s44.476 5.897 63.91 17.097c0.030 0.017 0.060 0.035 0.090 0.052l298.667 170.666c15.787 9.114 29.402 21.469 39.974 36.198 2.577 2.576 4.86 5.526 6.771 8.829 1.647 2.845 2.927 5.8 3.857 8.812 8.777 17.641 13.376 37.106 13.397 56.882v341.42c-0.021 22.447-5.948 44.493-17.182 63.927-11.234 19.43-27.379 35.571-46.818 46.793l-0.166 0.094-298.5 170.573c-0.026 0.017-0.051 0.030-0.077 0.047-13.534 7.799-28.331 13.030-43.644 15.488-6.033 3.264-12.941 5.116-20.279 5.116s-14.246-1.852-20.279-5.116c-15.313-2.458-30.106-7.689-43.639-15.488-0.030-0.017-0.055-0.030-0.081-0.047l-298.667-170.667c-19.439-11.221-35.585-27.362-46.819-46.793-11.233-19.435-17.158-41.481-17.181-63.927v-341.42c0.020-19.776 4.622-39.24 13.398-56.881 0.93-3.012 2.211-5.968 3.856-8.812 1.911-3.302 4.195-6.253 6.771-8.829 10.575-14.729 24.189-27.084 39.975-36.198l0.165-0.095 138.612-79.206c6.297-7.096 14.661-11.727 23.627-13.501l136.353-77.917zM322.133 230.109l-107.136 61.221 297.003 171.804 106.944-61.863-296.811-171.162zM704.222 351.942l-296.29-170.86 82.735-47.278c6.485-3.745 13.845-5.716 21.333-5.716s14.848 1.972 21.333 5.716l275.669 157.526-104.781 60.612zM853.333 364.268l-298.667 172.769v340.966l277.333-158.473c0.021-0.013 0.047-0.026 0.068-0.038 6.447-3.742 11.806-9.105 15.539-15.561 3.742-6.477 5.717-13.828 5.726-21.308v-318.356zM469.333 878.003v-340.966l-298.667-172.769v318.373c0.011 7.475 1.986 14.818 5.727 21.291 3.732 6.455 9.089 11.819 15.539 15.561 0.023 0.013 0.045 0.026 0.067 0.038l277.333 158.473z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["experimental"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 304, "id": 70, "name": "experimental", "prevSize": 32, "code": 59704 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 47
+    },
+    {
+      "icon": {
+        "paths": [
+          "M481.83 55.163c16.661-16.662 43.678-16.662 60.339 0l170.667 170.667c16.661 16.663 16.661 43.677 0 60.34s-43.678 16.662-60.339 0l-97.83-97.83v451.66c0 23.565-19.102 42.667-42.667 42.667s-42.667-19.102-42.667-42.667v-451.66l-97.83 97.83c-16.663 16.662-43.677 16.662-60.34 0s-16.662-43.677 0-60.34l170.667-170.667zM170.667 469.333c23.564 0 42.667 19.102 42.667 42.667v341.333c0 11.315 4.495 22.17 12.497 30.17s18.854 12.497 30.17 12.497h512c11.315 0 22.17-4.497 30.17-12.497s12.497-18.854 12.497-30.17v-341.333c0-23.565 19.102-42.667 42.667-42.667s42.667 19.102 42.667 42.667v341.333c0 33.95-13.487 66.505-37.491 90.509s-56.559 37.491-90.509 37.491h-512c-33.948 0-66.505-13.487-90.51-37.491s-37.49-56.559-37.49-90.509v-341.333c0-23.565 19.103-42.667 42.667-42.667z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["export"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 305, "id": 69, "name": "export", "prevSize": 32, "code": 59705 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 48
+    },
+    {
+      "icon": {
+        "paths": [
+          "M853.333 853.333v-341.333c0-23.565 19.102-42.667 42.667-42.667s42.667 19.102 42.667 42.667v341.333c0 47.13-38.204 85.333-85.333 85.333h-682.667c-47.128 0-85.333-38.204-85.333-85.333v-682.667c0-47.128 38.205-85.333 85.333-85.333h341.333c23.565 0 42.667 19.103 42.667 42.667s-19.102 42.667-42.667 42.667h-341.333v682.667h682.667z",
+          "M790.848 170.667h-110.327c-23.561 0-42.667-19.103-42.667-42.667s19.106-42.667 42.667-42.667h213.333c11.785 0 22.451 4.776 30.174 12.497 7.718 7.721 12.493 18.388 12.493 30.17v213.333c0 23.564-19.102 42.667-42.667 42.667-23.561 0-42.667-19.103-42.667-42.667v-110.327l-394.351 394.355c-16.661 16.661-43.677 16.661-60.34 0-16.662-16.666-16.662-43.678 0-60.343l394.351-394.351z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["external-link"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 306, "id": 68, "name": "external-link", "prevSize": 32, "code": 59706 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 49
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.009 170.674c-221.668 0-410.96 141.506-487.613 341.33 76.653 199.825 265.944 341.329 487.613 341.329 221.619 0 410.914-141.504 487.616-341.329-76.702-199.824-265.997-341.33-487.616-341.33zM512.009 268.197c163.499 0 309.491 94.499 381.461 243.807-71.97 149.308-217.963 243.806-381.461 243.806-163.543 0-309.535-94.498-381.458-243.806 71.923-149.308 217.914-243.807 381.458-243.807z",
+          "M512.055 316.198c-107.762 0-195.045 87.331-195.045 195.046 0 107.763 87.283 195.042 195.045 195.042 107.716 0 195.046-87.279 195.046-195.042 0-107.715-87.33-195.046-195.046-195.046zM512.060 413.721c53.781 0 97.519 43.738 97.519 97.524 0 53.833-43.738 97.523-97.519 97.523-53.786 0-97.524-43.691-97.524-97.523 0-53.786 43.739-97.524 97.524-97.524z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["eye-n"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 307, "id": 67, "name": "eye-n", "prevSize": 32, "code": 59707 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 50
+    },
+    {
+      "icon": {
+        "paths": [
+          "M372.8 284.969c41.137-13.363 84.574-21.184 129.638-21.184 160.619 0 304 90.231 374.686 232.795-30.793 62.11-75.998 113.417-129.779 152.576l68.433 66.53c73.271-56.384 131.123-131.806 165.555-219.106-75.281-190.799-261.188-325.914-478.895-325.914-72.457 0-141.228 15.271-203.772 42.276l74.133 72.027z",
+          "M497.502 426.496c2.449-0.175 4.762-0.743 7.296-0.743 49.045 0 88.934 39.236 88.934 87.39 0 2.487-0.58 4.762-0.802 7.121l70.882 69.649c11.695-23.245 18.854-49.071 18.854-76.77 0-96.522-79.642-174.778-177.869-174.778-28.194 0-54.473 7.078-78.131 18.482l70.835 69.649z",
+          "M511.983 733.47c-157.38 0-297.908-89.378-367.139-230.601 20.042-40.909 46.655-76.836 77.398-108.105l102.603 100.818c-0.094 2.214-0.516 4.335-0.516 6.549 0 101.926 84.063 184.482 187.748 184.482 2.3 0 4.459-0.371 6.711-0.461l44.399 43.584c-16.849 2.214-33.839 3.733-51.204 3.733zM785.011 817.271l-612.711-602.006c-18.352-18.033-48.063-18.033-66.368 0-18.352 17.987-18.352 47.181 0 65.214l50.41 49.533c-48.579 48.98-88.053 107.231-113.727 172.857 73.831 189.001 256.039 322.842 469.364 322.842 45.295 0 88.947-6.639 130.624-17.937l76.041 74.714c9.199 9.041 21.167 13.513 33.182 13.513s24.030-4.471 33.186-13.513c18.351-17.988 18.351-47.181 0-65.216z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["eye-off"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 308, "id": 66, "name": "eye-off", "prevSize": 32, "code": 59708 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 51
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.009 170.674c-221.668 0-410.96 141.506-487.613 341.33 76.653 199.825 265.944 341.329 487.613 341.329 221.619 0 410.914-141.504 487.616-341.329-76.702-199.824-265.997-341.33-487.616-341.33zM512.009 268.197c163.499 0 309.491 94.499 381.461 243.807-71.97 149.308-217.963 243.806-381.461 243.806-163.543 0-309.535-94.498-381.458-243.806 71.923-149.308 217.914-243.807 381.458-243.807z",
+          "M512.055 316.198c-107.762 0-195.045 87.331-195.045 195.046 0 107.763 87.283 195.042 195.045 195.042 107.716 0 195.046-87.279 195.046-195.042 0-107.715-87.33-195.046-195.046-195.046zM512.060 413.721c53.781 0 97.519 43.738 97.519 97.524 0 53.833-43.738 97.523-97.519 97.523-53.786 0-97.524-43.691-97.524-97.523 0-53.786 43.739-97.524 97.524-97.524z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["eye-on"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 309, "id": 65, "name": "eye-on", "prevSize": 32, "code": 59709 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 52
+    },
+    {
+      "icon": {
+        "paths": [
+          "M112.259 357.129c-18.095 0-27.142-9.348-27.142-28.047v-114.413c0-43.035 10.975-75.385 32.927-97.051s54.581-32.499 97.89-32.499h114.354c18.688 0 28.032 9.052 28.032 27.156 0 18.401-9.344 27.601-28.032 27.601h-113.019c-25.214 0-44.496 6.53-57.844 19.588-13.052 13.059-19.578 32.499-19.578 58.319v111.297c0 18.698-9.196 28.047-27.588 28.047zM908.73 357.129c-18.093 0-27.142-9.348-27.142-28.047v-111.297c0-25.821-6.822-45.261-20.467-58.319s-32.781-19.588-57.402-19.588h-112.57c-18.688 0-28.032-9.201-28.032-27.601 0-18.104 9.344-27.156 28.032-27.156h113.907c43.603 0 76.384 10.981 98.336 32.944 21.952 21.665 32.928 53.868 32.928 96.605v114.413c0 18.698-9.197 28.047-27.59 28.047zM215.934 936.32c-43.309 0-75.939-10.982-97.89-32.947-21.951-21.664-32.927-54.016-32.927-97.050v-113.965c0-18.701 9.047-28.051 27.142-28.051 18.392 0 27.588 9.35 27.588 28.051v111.296c0 25.818 6.525 45.261 19.578 58.317 13.348 13.062 32.63 19.59 57.844 19.59h113.019c18.688 0 28.032 9.197 28.032 27.603 0 18.099-9.344 27.155-28.032 27.155h-114.354zM691.149 936.32c-18.688 0-28.032-9.056-28.032-27.155 0-18.406 9.344-27.603 28.032-27.603h112.57c24.621 0 43.757-6.528 57.402-19.59 13.645-13.056 20.467-32.499 20.467-58.317v-111.296c0-18.701 9.050-28.051 27.142-28.051 18.394 0 27.59 9.35 27.59 28.051v113.965c0 43.034-10.976 75.386-32.928 97.050-21.952 21.965-54.733 32.947-98.336 32.947h-113.907zM345.416 475.104c-8.603 0-15.722-2.671-21.358-8.013-5.34-5.342-8.009-12.614-8.009-21.814v-60.1c0-8.904 2.669-16.027 8.009-21.37 5.636-5.639 12.755-8.458 21.358-8.458s15.722 2.819 21.357 8.458c5.636 5.343 8.454 12.465 8.454 21.37v60.1c0 9.201-2.818 16.472-8.454 21.814s-12.755 8.013-21.357 8.013zM474.453 579.278c-9.196 0-16.315-2.077-21.357-6.232-5.043-4.452-7.564-10.388-7.564-17.808 0-6.529 2.076-11.871 6.229-16.027 4.449-4.452 9.937-6.678 16.463-6.678h15.128c3.263 0 6.081-1.039 8.454-3.116 2.669-2.077 4.004-5.194 4.004-9.349v-142.46c0-7.123 2.076-12.614 6.229-16.472 4.153-4.156 9.641-6.233 16.463-6.233 7.119 0 12.756 2.077 16.909 6.233 4.153 3.858 6.229 9.349 6.229 16.472v138.454c0 20.776-5.34 36.506-16.019 47.19s-26.401 16.027-47.165 16.027c-0.593 0-1.334 0-2.225 0-0.593 0-1.187 0-1.78 0zM673.35 475.104c-8.902 0-16.019-2.671-21.357-8.013-5.344-5.342-8.013-12.614-8.013-21.814v-60.1c0-8.904 2.669-16.027 8.013-21.37 5.338-5.639 12.454-8.458 21.357-8.458 8.602 0 15.571 2.819 20.909 8.458 5.638 5.343 8.454 12.465 8.454 21.37v60.1c0 9.201-2.816 16.472-8.454 21.814-5.338 5.342-12.307 8.013-20.909 8.013zM507.38 723.072c-25.807 0-51.318-5.043-76.532-15.136-25.215-10.387-46.572-25.376-64.074-44.96-2.372-2.374-4.301-4.902-5.784-7.571-1.187-2.97-1.78-6.086-1.78-9.35 0-6.824 2.225-12.315 6.675-16.47s9.937-6.233 16.463-6.233c4.153 0 7.564 0.89 10.234 2.671 2.966 1.78 6.081 4.155 9.344 7.123 13.052 13.357 29.070 24.038 48.055 32.051 18.985 8.019 38.118 12.026 57.399 12.026 20.468 0 40.046-4.006 58.734-12.026 18.985-8.307 34.855-18.995 47.61-32.051 6.23-6.529 12.607-9.794 19.133-9.794 6.229 0 11.571 2.077 16.019 6.233s6.675 9.645 6.675 16.47c0 3.859-0.595 7.27-1.779 10.24-1.19 2.675-2.822 5.050-4.896 7.123-18.986 18.701-40.937 33.389-65.854 44.077-24.621 10.387-49.836 15.578-75.643 15.578z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["face-id"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 310, "id": 64, "name": "face-id", "prevSize": 32, "code": 59710 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 53
+    },
+    {
+      "icon": {
+        "paths": [
+          "M204.905 120.436c21.922-22.477 51.655-35.103 82.657-35.103h299.25c11.162 0 21.862 4.546 29.756 12.637l224.439 230.113c7.893 8.091 12.326 19.066 12.326 30.509v460.224c0 31.782-12.314 62.268-34.236 84.745-0.004 0-0.004 0-0.004 0.004-0.004 0-0.004 0.004-0.009 0.004-21.926 22.485-51.661 35.098-82.65 35.098h-448.873c-30.997 0-60.733-12.617-82.661-35.106-21.923-22.477-34.234-52.962-34.234-84.745v-613.632c0-31.786 12.316-62.27 34.237-84.747 0 0 0 0 0-0zM287.562 171.626c-8.682 0-17.007 3.536-23.144 9.828l-0 0.001c-6.138 6.294-9.587 14.83-9.587 23.729v613.632c0 8.905 3.45 17.438 9.584 23.727l0.006 0.009c6.132 6.289 14.453 9.822 23.141 9.822h448.873c8.687 0 17.011-3.537 23.138-9.822l0.013-0.013c6.135-6.285 9.583-14.822 9.583-23.723v-417.077h-182.396c-11.162 0-21.867-4.547-29.756-12.64-7.893-8.093-12.326-19.069-12.326-30.513l0.030-186.96h-257.159zM628.877 232.626l80.781 82.82h-80.794l0.013-82.82zM320.31 396.963c0-23.829 18.841-43.146 42.082-43.146h74.813c23.241 0 42.082 19.317 42.082 43.146s-18.842 43.148-42.082 43.148h-74.813c-23.241 0-42.082-19.319-42.082-43.148zM320.255 550.391c0-23.829 18.841-43.149 42.082-43.149h299.248c23.241 0 42.082 19.319 42.082 43.149s-18.842 43.145-42.082 43.145h-299.248c-23.241 0-42.082-19.315-42.082-43.145zM320.255 703.761c0-23.829 18.841-43.145 42.082-43.145h299.248c23.241 0 42.082 19.315 42.082 43.145s-18.842 43.149-42.082 43.149h-299.248c-23.241 0-42.082-19.319-42.082-43.149z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["file"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 311, "id": 63, "name": "file", "prevSize": 32, "code": 59711 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 54
+    },
+    {
+      "icon": {
+        "paths": [
+          "M181.336 239.36c86.187 110.507 245.335 315.307 245.335 315.307v256c0 23.467 19.2 42.667 42.667 42.667h85.333c23.467 0 42.667-19.2 42.667-42.667v-256c0 0 158.72-204.8 244.907-315.307 21.76-28.16 1.707-68.693-33.707-68.693h-593.495c-35.413 0-55.467 40.533-33.707 68.693z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["filter"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 312, "id": 62, "name": "filter", "prevSize": 32, "code": 59712 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 55
+    },
+    {
+      "icon": {
+        "paths": [
+          "M882.112 682.669c-3.066 0-6.208-0.371-9.312-1.069-20.781-4.858-33.504-24.794-28.384-44.511 0.467-1.802 45.331-179.332-14.502-304.588-85.702-179.405-269.318-173.887-277.345-173.519-20.786 0.441-39.477-14.788-40.524-35.021-1.008-20.195 15.318-37.411 36.607-38.478 9.772-0.442 243.803-9.417 351.956 216.633 71.040 148.726 21.248 344.355 19.117 352.591-4.384 16.742-20.205 27.962-37.613 27.962z",
+          "M123.047 640c-7.509 0-15.094-2.36-21.735-7.2-17.018-12.552-21.094-37.106-9.057-54.852 31.094-45.92 41.32-87.787 51.395-158.772 37.885-268.555 226.559-329.703 234.558-332.182 19.924-6.256 40.98 5.745 46.904 26.561 5.887 20.776-5.434 42.615-25.282 48.832-6.566 2.164-150.938 51.586-181.541 268.28-9.547 67.523-20.98 128.552-64.376 192.691-7.358 10.86-19.018 16.644-30.867 16.644z",
+          "M296.97 597.334c-2.579 0-5.24-0.249-7.86-0.788-22.189-4.359-36.682-26.154-32.342-48.654 0.041-0.249 7.082-37.155 15.352-87.843 25.014-154.928 121.466-246.715 258.57-246.715 2.047 0 4.094 0 6.141 0.042 161.466 3.238 224.141 124.582 226.721 129.772 10.234 20.424 2.208 45.416-17.933 55.836-20.102 10.296-44.538 2.284-54.899-17.934-2.17-4.068-44.992-82.404-155.485-84.646-128.507-2.616-169.078 94.9-182.342 177.138-8.474 52.224-15.803 90.209-15.803 90.209-3.766 19.843-20.92 33.584-40.12 33.584z",
+          "M475.787 938.669c-7.003 0-14.076-2.278-20.269-6.95-15.869-12.109-19.67-35.757-8.445-52.915 77.977-119.168 121.258-291.705 122.525-370.401 0.211-12.11-1.478-28.662-10.591-38.684-7.425-8.086-17.735-9.795-25.089-9.795-19.987 0-36.877 17.843-36.877 38.988 0 20.993-15.729 37.962-35.188 37.962-19.424 0-35.188-16.97-35.188-37.962 0-63.359 48.137-114.912 107.253-114.912 29.417 0 56.16 11.54 75.267 32.496 14.462 15.906 31.526 44.985 30.79 93.235-1.654 101.511-53.873 288.246-135.404 412.88-6.861 10.477-17.734 16.058-28.783 16.058z",
+          "M645.69 938.669c-7.738 0-15.574-1.562-22.879-4.877-23.51-10.733-32.363-35.565-19.689-55.514 59.989-94.477 117.359-244.3 110.101-365.855-1.306-22.574 19.258-41.829 45.958-42.977 25.933-1.72 49.344 16.224 50.746 38.88 8.659 146.713-60.083 311.897-121.568 408.787-8.755 13.766-25.446 21.555-42.669 21.555z",
+          "M297.207 896c-10.179 0-20.317-3.898-28.312-11.686-16.525-16.224-17.267-43.328-1.648-60.538 61.734-67.853 100.101-142.816 120.706-235.845 5.11-23.032 27.199-37.502 49.371-32.151 22.212 5.309 36.060 28.255 30.949 51.288-24.026 108.529-68.863 196.075-141.106 275.531-8.118 8.909-18.998 13.402-29.96 13.402z",
+          "M162.751 810.669c-9.699 0-19.398-4.717-26.246-14.022-12.584-16.954-11.020-42.605 3.476-57.318 29.932-30.4 49.989-76.499 50.198-76.902 8.621-20.083 29.514-28.17 46.652-18.086 17.138 10.035 24.056 34.387 15.504 54.464-1.043 2.483-26.211 60.691-66.814 101.907-6.536 6.662-14.705 9.958-22.77 9.958z"
+        ],
+        "attrs": [
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(161, 163, 167)" }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["fingerprint"],
+        "colorPermutations": {
+          "11611631671255214012559511412828281": [
+            { "f": 3 },
+            { "f": 3 },
+            { "f": 3 },
+            { "f": 3 },
+            { "f": 3 },
+            { "f": 3 },
+            { "f": 3 }
+          ]
+        }
+      },
+      "attrs": [
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(161, 163, 167)" }
+      ],
+      "properties": { "order": 313, "id": 61, "name": "fingerprint", "prevSize": 32, "code": 59713 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 56
+    },
+    {
+      "icon": {
+        "paths": [
+          "M313.543 7.456l0.002-0.002-66.363 5.484-3.317-3.469-0.003 0.002-107.584 102.976c-18.063 19.25-17.409 48.943 1.925 67.422 0 0 0.001 0.001 0.001 0.001l93.004 88.947c-22.327 41.637-15.238 93.962 21.158 128.769l191.421 183.063-188.309 180.16c-61.841 62.165-60.854 160.597 2.94 221.602h0c32.358 30.933 74.734 46.387 117.054 46.387s84.707-15.454 117.053-46.387l362.62-346.85c61.841-62.165 60.851-160.585-2.94-221.594l-0.047-0.041-2.833-2.644-0.094-0.083-2.722-2.409c-2.027-2.139-4.117-4.24-6.272-6.302v0l-299.789-286.599c-22.127-19.727-50.355-29.554-78.528-29.554-18.176 0-36.37 4.088-52.925 12.287-0.132-0.129-0.265-0.257-0.399-0.385 0-0-0-0.001-0.001-0.001l-92.927-88.866-2.128-1.914zM813.022 452.032v0c20.762 19.857 32.145 46.187 32.145 74.176s-11.383 54.327-32.145 74.185l-362.3 346.406c-0.009 0.009-0.017 0.017-0.030 0.026-20.45 18.304-46.993 28.365-75.219 28.365-29.466 0-57.112-10.965-77.883-30.827-20.765-19.87-32.147-46.199-32.147-74.197 0-27.989 11.382-54.319 32.146-74.176l362.298-346.398c0.013-0.009 0.021-0.017 0.030-0.026 20.442-18.313 46.993-28.373 75.221-28.373 29.466 0 57.109 10.965 77.884 30.839zM725.077 367.874c-38.916 2.254-77.205 17.602-106.999 46.095l-134.814 128.913-193.652-185.283c-21.239-22.286-20.61-56.896 1.922-78.453l7.348-7.003c1.403-1.083 2.76-2.249 4.063-3.495v-0l107.535-102.936 1.708-1.928 7.342-7.033 2.246-2.046c11.005-9.527 25.123-14.761 40.137-14.761 16.043 0 31.053 5.969 42.334 16.766l0.004 0.002 220.826 211.162zM730.475 460.126c-39.983 0-72.759 31.044-72.759 69.79 0 38.75 32.777 69.794 72.759 69.794s72.772-31.044 72.772-69.794c0-38.746-32.789-69.79-72.772-69.79zM730.475 513.732c9.681 0 17.152 7.45 17.152 16.183 0 8.73-7.471 16.179-17.152 16.179-9.673 0-17.139-7.441-17.139-16.179 0-8.742 7.467-16.183 17.139-16.183zM279.803 50.589l85.787 82.207-98.808 94.493-85.777-82.186 98.798-94.513z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["hardware"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 314, "id": 60, "name": "hardware", "prevSize": 32, "code": 59714 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 57
+    },
+    {
+      "icon": {
+        "paths": [
+          "M488.427 93.504c13.867-10.894 33.28-10.894 47.147 0l345.6 271.515c9.357 7.349 14.827 18.648 14.827 30.618v426.665c0 30.861-12.139 60.459-33.741 82.283-21.606 21.824-50.906 34.082-81.459 34.082h-537.6c-30.553 0-59.855-12.258-81.459-34.082s-33.741-51.422-33.741-82.283v-426.665c0-11.97 5.471-23.269 14.825-30.618l345.602-271.515zM204.8 414.607v407.695c0 10.287 4.046 20.156 11.247 27.43 7.202 7.27 16.969 11.358 27.153 11.358h537.6c10.185 0 19.951-4.087 27.153-11.358 7.202-7.275 11.247-17.143 11.247-27.43v-407.695l-307.2-241.347-307.2 241.347z",
+          "M341.333 508.446c0-21.602 19.103-39.113 42.667-39.113h256c23.565 0 42.667 17.51 42.667 39.113v391.108c0 21.602-19.102 39.113-42.667 39.113s-42.667-17.51-42.667-39.113v-352h-170.667v352c0 21.602-19.103 39.113-42.667 39.113s-42.667-17.51-42.667-39.113v-391.108z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["home"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 315, "id": 59, "name": "home", "prevSize": 32, "code": 59715 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 58
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512 426.667c23.564 0 42.667 19.103 42.667 42.667v256c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v-256c0-23.564 19.103-42.667 42.667-42.667z",
+          "M512 245.333c29.457 0 53.333 23.878 53.333 53.333s-23.876 53.333-53.333 53.333c-29.457 0-53.333-23.878-53.333-53.333s23.876-53.333 53.333-53.333z",
+          "M938.667 512c0 235.639-191.027 426.667-426.667 426.667-235.642 0-426.667-191.027-426.667-426.667 0-235.642 191.025-426.667 426.667-426.667 235.639 0 426.667 191.025 426.667 426.667zM170.667 512c0 188.514 152.82 341.333 341.333 341.333s341.333-152.819 341.333-341.333c0-188.513-152.819-341.333-341.333-341.333s-341.333 152.82-341.333 341.333z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["info"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 316, "id": 58, "name": "info", "prevSize": 32, "code": 59716 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 59
+    },
+    {
+      "icon": {
+        "paths": [
+          "M931.055 55.163c16.663 16.662 16.663 43.678 0 60.34l-51.177 51.174 91.847 91.845c8.004 8.001 12.498 18.854 12.498 30.17s-4.494 22.168-12.498 30.17l-142.353 142.351c-16.663 16.662-43.674 16.662-60.336 0l-91.847-91.845-109.080 109.080c12.153 16.657 22.353 34.708 30.38 53.806 13.602 32.387 20.668 67.144 20.787 102.273s-6.713 69.939-20.105 102.411c-13.386 32.478-33.070 61.986-57.909 86.83-24.841 24.838-54.349 44.521-86.827 57.907-32.477 13.392-67.283 20.224-102.412 20.105-35.129-0.114-69.888-7.179-102.275-20.787s-61.763-33.485-86.436-58.493l-0.32-0.324c-48.52-50.233-75.366-117.521-74.759-187.358 0.607-69.84 28.62-136.647 78.005-186.032s116.192-77.398 186.031-78.005c55.689-0.484 109.752 16.488 154.844 47.985l363.6-363.601c16.663-16.662 43.679-16.662 60.342 0zM481.477 507.974c-0.382-0.343-0.759-0.695-1.132-1.054-34.142-32.976-79.87-51.223-127.335-50.81s-92.869 19.451-126.433 53.015c-33.564 33.564-52.603 78.97-53.015 126.432-0.412 47.388 17.776 93.047 50.652 127.169 16.736 16.924 36.643 30.373 58.585 39.595 22.011 9.244 45.635 14.046 69.509 14.126s47.53-4.562 69.603-13.659c22.073-9.102 42.128-22.477 59.010-39.361 16.882-16.879 30.258-36.938 39.357-59.011s13.743-45.727 13.663-69.598c-0.080-23.876-4.882-47.502-14.129-69.512-8.989-21.396-22.006-40.859-38.336-57.331zM737.53 309.028l61.673 61.676 82.011-82.012-61.673-61.676-82.011 82.012z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["key"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 317, "id": 57, "name": "key", "prevSize": 32, "code": 59717 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 60
+    },
+    {
+      "icon": {
+        "paths": [
+          "M436.297 645.107c-62.274 10.381-103.791 108.117-116.765 155.686-18.836 51.895 207.581 155.686 259.476 142.716 41.519-10.381 60.548-73.519 64.87-103.795 25.95 38.925-129.737-207.582-207.582-194.607z",
+          "M463.155 663.104c10.304 4.791 21.722 12.48 33.822 22.43 24.188 19.895 49.519 47.535 72.017 74.854 22.421 27.23 41.668 53.692 53.7 70.938 3.034 4.343 5.589 8.085 7.616 11.085-2.449 13.982-7.778 33.455-16.512 50.833-9.958 19.81-22.775 33.886-37.935 37.675-3.947 0.99-11.093 1.105-21.717-0.516-10.295-1.57-22.669-4.582-36.395-8.819-27.439-8.474-59.337-21.559-89.139-36.676-29.905-15.172-57.021-32.051-75.28-47.893-9.178-7.966-15.485-15.13-18.953-21.141-3.481-6.029-3.189-9.178-2.654-10.65l0.181-0.503 0.14-0.512c6.235-22.861 19.412-57.958 38.382-88.329 19.374-31.023 42.677-53.751 68.001-57.975 6.144-1.024 14.315 0.358 24.725 5.201zM635.75 804.851c-12.066-16.841-28.335-38.622-46.729-60.958-22.908-27.819-49.476-56.939-75.563-78.4-13.035-10.722-26.347-19.861-39.36-25.916-12.898-6.003-26.624-9.485-39.936-7.266-36.953 6.157-65.546 37.483-85.743 69.82-20.475 32.781-34.496 70.080-41.283 94.797-3.871 11.311-0.641 22.541 4.769 31.915 5.511 9.549 14.209 18.906 24.419 27.767 20.518 17.805 49.72 35.797 80.549 51.435 30.933 15.697 64.196 29.367 93.218 38.332 14.502 4.476 28.186 7.851 40.137 9.677 11.614 1.775 22.895 2.3 31.923 0.038 26.355-6.588 43.81-29.274 54.831-51.196 8.704-17.318 14.37-36.066 17.562-51.166 0.602-0.294 1.169-0.623 1.69-0.981 2.325-3.465 3.494-9.173 3.345-10.859-0.145-0.789-0.474-1.997-0.619-2.428-0.26-0.717-0.529-1.259-0.602-1.399-0.115-0.23-0.218-0.418-0.277-0.533-0.128-0.23-0.247-0.435-0.329-0.572-0.311-0.525-0.755-1.225-1.246-1.988-2.031-3.149-6.353-9.634-12.454-18.377l-8.218-12.326-0.085 0.585z",
+          "M812.535 593.212h-272.452v12.975c0 7.859 3.085 16.508 6.946 24.576 4.041 8.444 9.707 17.818 16.422 27.58 13.453 19.546 31.765 41.579 51.601 62.242 19.827 20.651 41.506 40.282 61.794 54.865 10.138 7.287 20.173 13.487 29.649 17.916 9.297 4.343 18.995 7.428 28.194 7.428 14.682 0 28.659-7.497 40.725-16.956 12.331-9.668 24.329-22.703 35.311-36.642 21.99-27.904 41.25-61.146 52.335-83.315l2.901-5.798-2.91-5.824-0.021-0.034-0.064-0.132-0.239-0.474-0.892-1.732c-0.764-1.481-1.869-3.58-3.23-6.093-2.709-5.009-6.498-11.746-10.743-18.539-4.186-6.699-9.075-13.867-14.007-19.503-2.453-2.803-5.252-5.619-8.294-7.829-2.769-2.018-7.33-4.71-13.026-4.71zM851.46 658.078l11.593-5.82c0 0.004 0.009 0.021-11.593 5.82z",
+          "M488.192 100.203l-298.4 493.009c-25.129 41.515 32.776 155.686 64.87 207.582l337.321-557.877c0-134.929-69.193-151.363-103.791-142.713z",
+          "M496.329 111.817l-295.437 488.11c-3.936 6.507-5.496 17.719-3.226 34.163 2.208 15.987 7.727 34.748 15.225 54.396 11.748 30.788 27.869 62.515 41.877 87.057l324.223-536.216c-0.602-63.161-17.118-95.872-34.714-112.061-15.842-14.575-34.33-17.4-47.949-15.449zM561.847 108.17c25.318 23.294 43.11 65.333 43.11 134.746v3.617l-350.171 579.13-11.159-18.048c-16.34-26.419-39.261-68.685-54.98-109.879-7.849-20.57-14.1-41.382-16.685-60.1-2.522-18.261-1.897-36.89 6.731-51.145l301.166-497.579 5.188-1.296c20.774-5.195 51.43-2.787 76.8 20.553z",
+          "M617.929 307.785l-103.791 168.661c-10.381 16.866-4.326 41.626 0 51.895h207.582l25.95-51.895c0-103.791-86.494-155.687-129.741-168.661z",
+          "M612.109 292.494l9.553 2.865c45.683 13.705 138.982 68.914 138.982 181.087v3.063l-30.903 61.807h-224.213l-3.345-7.94c-2.645-6.285-5.611-16.393-6.49-27.486-0.866-10.961 0.188-24.525 7.398-36.245l109.018-177.151zM623.548 323.414l-98.355 159.833c-3.17 5.146-4.279 12.395-3.631 20.599 0.329 4.139 1.071 8.102 1.946 11.52h190.199l20.966-41.929c-1.536-86.647-69.116-133.952-111.125-150.024z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["keystone"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}, {}],
+      "properties": { "order": 318, "id": 56, "name": "keystone", "prevSize": 32, "code": 59718 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 61
+    },
+    {
+      "icon": {
+        "paths": [
+          "M0 383.312h233.335v225.015h-233.335v-225.015z",
+          "M404.644 772.372h233.334v225.014h-233.334v-225.014z",
+          "M0 155.611c0-85.942 69.669-155.611 155.611-155.611h77.724v216.677h-233.335v-61.066z",
+          "M0 841.836c0 85.944 69.669 155.612 155.611 155.612h77.724v-216.678h-233.335v61.066z",
+          "M1023.949 841.836c0 85.944-69.668 155.612-155.612 155.612h-77.722v-216.678h233.334v61.066z",
+          "M390.644 0h508.863c68.756 0 124.488 55.735 124.488 124.489v483.87h-633.351v-608.358z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["ledger"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}],
+      "properties": { "order": 319, "id": 55, "name": "ledger", "prevSize": 32, "code": 59719 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 62
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.034 85.333c-148.545 0-269.399 120.837-269.399 269.383 0 50.643 14.25 100.063 41.186 142.888 9.838 15.676 21.71 38.157 25.35 50.769l37.98 131.631c3.839 13.239 11.514 25.114 21.421 34.714-2.881 5.188-4.683 11.068-4.683 17.425v127.108c0 19.887 16.141 36.032 36.032 36.032h18.268c-1.172 3.243-1.944 6.635-1.944 10.202 0 18.321 16.163 33.182 36.033 33.182h119.467c19.908 0 36.032-14.861 36.032-33.182 0-3.584-0.777-6.976-1.894-10.202h18.197c19.908 0 36.032-16.145 36.032-36.032v-127.108c0-5.709-1.459-11.063-3.819-15.851 10.829-10.018 19.187-22.613 23.113-36.898l35.959-131.324c3.494-12.736 15.117-34.987 24.777-50.355 26.97-42.825 41.22-92.259 41.22-142.976 0-148.552-120.819-269.406-269.329-269.406zM679.138 459.319c-4.198 6.686-25.532 41.438-33.28 69.67l-35.959 131.319c-0.666 2.432-5.619 6.217-8.141 6.234h-176.688c-2.683 0-7.947-3.998-8.685-6.537l-37.98-131.631c-7.963-27.58-29.332-62.37-33.549-69.111-19.729-31.347-30.159-67.505-30.159-104.547 0-108.804 88.514-197.318 197.332-197.318 108.77 0 197.265 88.514 197.265 197.318 0 37.096-10.415 73.273-30.157 104.603z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["lightbulb"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 320, "id": 54, "name": "lightbulb", "prevSize": 32, "code": 59720 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 63
+    },
+    {
+      "icon": {
+        "paths": [
+          "M503.241 180.42l25.553-24.751c93.803-93.751 245.824-93.751 339.584 0.008 91.268 91.269 93.734 237.657 7.407 331.9l-7.403 7.731-128.781 128.823c-93.76 93.709-245.815 93.709-339.584-0.009-9.055-9.054-17.322-18.752-24.714-28.979-13.807-19.093-9.521-45.764 9.574-59.575 19.095-13.807 45.77-9.519 59.577 9.579 4.732 6.545 10.052 12.787 15.893 18.628 58.283 58.249 151.539 60.326 212.305 6.251l6.613-6.238 128.772-128.815c60.48-60.479 60.48-158.478 0-218.956-58.278-58.279-151.488-60.361-212.723-5.82l-6.669 6.293-26.027 25.216c-16.926 16.397-43.938 15.97-60.335-0.954-15.134-15.622-15.936-39.84-2.658-56.369l3.614-3.963z",
+          "M284.471 400.029c93.76-93.76 245.824-93.76 339.636 0 6.622 6.624 12.804 13.569 18.564 20.845 14.622 18.477 11.494 45.31-6.98 59.936-18.479 14.622-45.312 11.494-59.938-6.98-3.712-4.698-7.697-9.173-11.977-13.453-58.321-58.287-151.572-60.369-212.354-6.246l-6.617 6.242-128.797 128.755c-60.448 60.48-60.448 158.494-0.009 218.965 58.319 58.317 151.525 60.403 212.16 6.426l6.596-6.225 32.128-32.555c16.555-16.772 43.567-16.951 60.339-0.401 15.484 15.279 16.823 39.475 3.921 56.299l-3.524 4.041-32.324 32.755c-93.804 93.803-245.832 93.803-339.644-0.009-91.216-91.268-93.681-237.641-7.383-331.9l7.397-7.731 128.806-128.764z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["link"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 321, "id": 53, "name": "link", "prevSize": 32, "code": 59721 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 64
+    },
+    {
+      "icon": {
+        "paths": [
+          "M768 810.522c0 23.552-19.115 42.667-42.667 42.667h-426.667c-23.552 0-42.667-19.115-42.667-42.667v-298.667c0-23.552 19.115-42.667 42.667-42.667h426.667c23.552 0 42.667 19.115 42.667 42.667v298.667zM512.171 170.65c94.123 0 170.667 76.587 170.667 170.709v42.496h-341.333v-42.496c0-94.123 76.544-170.709 170.667-170.709zM768.171 391.791v-50.432c0-141.184-114.859-256.043-256-256.043-141.184 0-256 114.859-256 256.043v50.304c-49.664 17.621-85.504 64.555-85.504 120.192v298.667c0 70.571 57.429 128 128 128h426.667c70.571 0 128-57.429 128-128v-298.667c0-55.509-35.712-102.357-85.163-120.064z",
+          "M576 618.398c0-35.371-28.672-64-64-64s-64 28.629-64 64c0 18.901 8.32 35.712 21.419 47.403v59.093c0 23.637 19.157 42.795 42.795 42.795 23.68 0 42.837-19.157 42.837-42.795v-59.392c12.8-11.733 20.949-28.416 20.949-47.104z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["lock"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 322, "id": 52, "name": "lock", "prevSize": 32, "code": 59722 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 65
+    },
+    {
+      "icon": {
+        "paths": [
+          "M484.167 989.582c-5.278 0-9.861-1.803-13.75-5.416-3.611-3.334-5.833-7.919-6.666-13.75-6.389-45.557-13.334-83.888-20.834-115.001-7.222-30.834-16.944-56.246-29.166-76.248s-28.334-35.971-48.333-47.918c-19.722-11.947-45-21.527-75.833-28.752-30.556-7.498-68.333-14.165-113.333-19.996-6.111-0.558-10.972-2.782-14.583-6.667-3.611-3.891-5.417-8.613-5.417-14.165 0-5.279 1.806-9.865 5.417-13.75 3.611-3.891 8.472-6.116 14.583-6.667 45-5.001 82.917-10.974 113.75-17.92 30.833-6.94 56.25-16.526 76.25-28.746 20-12.225 36.111-28.475 48.333-48.752s21.944-45.972 29.166-77.083c7.5-31.389 14.167-70 20-115.834 0.833-5.555 3.056-10 6.666-13.333 3.889-3.611 8.472-5.417 13.75-5.417 5.556 0 10.139 1.806 13.75 5.417 3.611 3.333 5.972 7.778 7.083 13.333 5.833 45.834 12.361 84.445 19.583 115.834 7.5 31.111 17.223 56.805 29.167 77.083 12.222 20.277 28.331 36.527 48.333 48.752 20.002 12.22 45.414 21.806 76.248 28.746 30.834 6.946 68.892 12.919 114.17 17.92 5.831 0.552 10.553 2.776 14.165 6.667 3.612 3.886 5.416 8.471 5.416 13.75 0 5.552-1.803 10.274-5.416 14.165-3.612 3.886-8.334 6.11-14.165 6.667-45.278 5.001-83.337 10.968-114.17 17.914s-56.246 16.526-76.248 28.752c-20.002 11.941-36.111 28.052-48.333 48.333-11.944 20.275-21.667 46.108-29.167 77.5-7.222 31.391-13.75 69.86-19.583 115.416-1.111 5.831-3.472 10.416-7.083 13.75-3.611 3.612-8.194 5.416-13.75 5.416zM201.667 528.75c-8.333 0-13.055-4.583-14.166-13.75-3.334-27.778-6.944-49.583-10.833-65.417-3.611-15.833-9.584-27.639-17.917-35.417-8.055-8.055-20.278-14.166-36.667-18.333-16.112-4.167-38.333-8.611-66.667-13.334-9.444-1.389-14.167-6.111-14.167-14.166 0-7.778 4.167-12.361 12.5-13.75 28.611-5.556 51.111-10.417 67.5-14.583 16.389-4.444 28.75-10.555 37.083-18.333s14.445-19.306 18.334-34.583c3.889-15.556 7.5-37.222 10.833-65 1.111-9.167 5.833-13.75 14.166-13.75s13.055 4.444 14.167 13.333c3.611 28.056 7.222 50.139 10.833 66.251 3.888 16.111 9.861 28.333 17.917 36.667 8.333 8.055 20.694 14.028 37.083 17.917s39.028 7.917 67.917 12.083c3.611 0.278 6.528 1.667 8.75 4.167 2.5 2.5 3.75 5.695 3.75 9.584 0 7.778-4.167 12.5-12.5 14.166-28.889 5.556-51.528 10.556-67.917 15-16.111 4.167-28.334 10.278-36.667 18.334-8.055 7.778-14.028 19.445-17.917 35s-7.639 37.222-11.25 65c-0.556 3.611-2.084 6.667-4.584 9.167s-5.695 3.75-9.584 3.75zM403.333 242.083c-5.278 0-8.333-2.778-9.167-8.333-3.333-16.944-6.25-30.278-8.75-40-2.222-9.722-5.833-17.083-10.833-22.083-4.722-5.278-12.083-9.445-22.083-12.5s-24.028-6.111-42.084-9.167c-5.555-1.111-8.333-4.305-8.333-9.584 0-5 2.778-8.055 8.333-9.167 18.056-3.333 32.084-6.389 42.084-9.167 10-3.056 17.361-7.084 22.083-12.084 5-5.278 8.611-12.778 10.833-22.5 2.5-9.722 5.417-23.056 8.75-40 0.833-5.556 3.889-8.333 9.167-8.333 5 0 8.056 2.778 9.167 8.333 3.056 16.944 5.833 30.278 8.333 40s6.111 17.222 10.833 22.5c5 5 12.5 9.028 22.5 12.084 10 2.777 24.028 5.833 42.083 9.167 5.556 1.111 8.334 4.167 8.334 9.167 0 5.278-2.778 8.472-8.334 9.584-18.055 3.056-32.083 6.111-42.083 9.167s-17.5 7.222-22.5 12.5c-4.722 5-8.333 12.361-10.833 22.083s-5.278 23.056-8.333 40c-1.111 5.555-4.167 8.333-9.167 8.333z"
+        ],
+        "attrs": [{}],
+        "width": 853,
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["magic"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 323, "id": 51, "name": "magic", "prevSize": 32, "code": 59723 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 66
+    },
+    {
+      "icon": {
+        "paths": [
+          "M682.662 85.329h-341.334c-70.357 0-128 57.6-128 128v597.334c0 70.4 57.643 128 128 128h341.334c70.4 0 128-57.6 128-128v-597.334c0-70.4-57.6-128-128-128zM682.662 170.662c23.125 0 42.667 19.541 42.667 42.667v597.334c0 23.125-19.541 42.667-42.667 42.667h-341.334c-23.125 0-42.667-19.541-42.667-42.667v-597.334c0-23.125 19.541-42.667 42.667-42.667h341.334z",
+          "M511.996 714.953c-29.44 0-53.333 23.893-53.333 53.333s23.893 53.333 53.333 53.333c29.44 0 53.333-23.893 53.333-53.333s-23.893-53.333-53.333-53.333z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["mobile"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 324, "id": 50, "name": "mobile", "prevSize": 32, "code": 59724 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 67
+    },
+    {
+      "icon": {
+        "paths": [
+          "M879.501 335.075h-737.449v73.955h737.449v-73.955z",
+          "M902.882 381.44l-9.216-7.055c-9.903-7.566-11.891-21.675-4.437-31.63l6.997-9.386c11.375-14.963 6.37-33.338-6.716-48.755l-95.343-133.517c-14.336-20.082-37.491-32.029-62.182-32.029h-440.262c-24.689 0-47.843 11.947-62.179 32.029l-95.119 133.517c-13.084 15.418-18.033 33.736-6.713 48.755l6.997 9.386c7.395 10.013 5.461 24.064-4.437 31.63l-9.216 7.055c-14.961 11.378-17.92 32.71-6.542 47.675l335.073 466.543c5.009 6.545 12.745 10.411 20.996 10.411h82.658c8.247 0 15.987-3.866 20.992-10.411l335.245-466.543c11.379-14.965 8.422-36.354-6.541-47.675h-0.055zM519.45 838.37c-3.814 5.009-11.319 5.009-15.134 0l-335.188-459.603c-3.813-5.007-2.56-12.288 1.138-17.237l105.984-148.538c8.931-12.573 23.38-19.968 38.798-19.968h393.615c15.415 0 29.867 7.453 38.797 19.968l106.155 148.538c3.755 4.949 4.949 12.288 1.139 17.237l-335.305 459.603z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["nft"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 325, "id": 49, "name": "nft", "prevSize": 32, "code": 59725 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 68
+    },
+    {
+      "icon": {
+        "paths": [
+          "M879.589 448c44.408 0 80.408 36 80.408 80.408v1.103c0 44.408-36 80.408-80.408 80.408s-80.408-36-80.408-80.408v-1.103c0-44.408 36-80.408 80.408-80.408z",
+          "M512 448c44.408 0 80.408 36 80.408 80.408v1.103c0 44.408-36 80.408-80.408 80.408s-80.408-36-80.408-80.408v-1.103c0-44.408 36-80.408 80.408-80.408z",
+          "M144.408 448c44.408 0 80.408 36 80.408 80.408v1.103c0 44.408-36 80.408-80.408 80.408s-80.408-36-80.408-80.408v-1.103c0-44.408 36-80.408 80.408-80.408z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["options-horizontal"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 326, "id": 48, "name": "options-horizontal", "prevSize": 32, "code": 59726 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 69
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512 245.68c-49.939 0-90.422-40.483-90.422-90.422s40.483-90.422 90.422-90.422c49.939 0 90.422 40.483 90.422 90.422s-40.484 90.422-90.422 90.422z",
+          "M512 603.258c-49.939 0-90.422-40.483-90.422-90.422s40.483-90.422 90.422-90.422c49.939 0 90.422 40.483 90.422 90.422s-40.484 90.422-90.422 90.422z",
+          "M512 960.838c-49.939 0-90.422-40.486-90.422-90.426s40.483-90.419 90.422-90.419c49.939 0 90.422 40.48 90.422 90.419s-40.483 90.426-90.422 90.426z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["options-vertical"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 327, "id": 47, "name": "options-vertical", "prevSize": 32, "code": 59727 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 70
+    },
+    {
+      "icon": {
+        "paths": [
+          "M682.671 383.957c47.061 0 85.333 38.272 85.333 85.333s-38.272 85.333-85.333 85.333c-47.061 0-85.333-38.272-85.333-85.333s38.272-85.333 85.333-85.333zM341.252 170.667c47.061 0 85.333 38.272 85.333 85.333s-38.272 85.333-85.333 85.333c-47.019 0-85.333-38.272-85.333-85.333s38.315-85.333 85.333-85.333zM979.503 884.011c-29.355-100.779-81.621-228.523-204.416-271.616 46.976-30.421 78.251-83.072 78.251-143.104 0-94.123-76.544-170.667-170.667-170.667-86.315 0-157.141 64.64-168.363 147.925-22.528-19.541-49.408-35.968-81.195-47.189 47.275-30.379 78.805-83.115 78.805-143.36 0-94.123-76.544-170.667-170.667-170.667s-170.667 76.544-170.667 170.667c0 60.032 31.317 112.725 78.336 143.104-122.88 43.093-175.147 170.88-204.544 271.701-6.571 22.613 6.357 46.336 29.013 52.907 3.968 1.152 7.979 1.707 11.947 1.707 18.517 0 35.541-12.075 40.96-30.72 46.080-157.909 110.379-225.28 215.040-225.28 92.288 0 151.552 51.371 195.968 168.917-85.973 56.405-126.934 160.683-151.723 245.675-6.571 22.613 6.443 46.336 29.013 52.907 4.011 1.152 8.021 1.707 11.947 1.707 18.518 0 35.542-12.075 40.96-30.72 46.037-157.909 110.336-225.28 215.040-225.28 104.661 0 168.96 67.371 215.040 225.28 6.571 22.571 29.952 35.584 52.907 29.013 22.656-6.571 35.584-30.293 29.013-52.907z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["owners"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 328, "id": 46, "name": "owners", "prevSize": 32, "code": 59728 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 71
+    },
+    {
+      "icon": {
+        "paths": [
+          "M704.009 128h63.991c47.13 0 85.333 38.205 85.333 85.333v640c0 47.13-38.204 85.333-85.333 85.333h-512c-47.128 0-85.333-38.204-85.333-85.333v-640c0-47.128 38.205-85.333 85.333-85.333h63.992c19.46-25.908 50.444-42.667 85.341-42.667h213.333c34.897 0 65.882 16.759 85.342 42.667zM300.8 213.333h-44.8v640h512v-640h-44.8c-9.882 48.688-52.928 85.333-104.533 85.333h-213.333c-51.604 0-94.65-36.646-104.533-85.333zM384 192c0-11.782 9.551-21.333 21.333-21.333h213.333c11.78 0 21.333 9.551 21.333 21.333s-9.553 21.333-21.333 21.333h-213.333c-11.782 0-21.333-9.551-21.333-21.333z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["paste"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 329, "id": 45, "name": "paste", "prevSize": 32, "code": 59729 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 72
+    },
+    {
+      "icon": {
+        "paths": [
+          "M503.019 170.667c24.802 0 44.911 20.108 44.911 44.912v592.844c0 24.802-20.109 44.911-44.911 44.911-24.806 0-44.915-20.109-44.915-44.911v-592.844c0-24.804 20.109-44.912 44.915-44.912z",
+          "M853.333 503.019c0 24.802-20.109 44.911-44.911 44.911h-592.844c-24.804 0-44.912-20.109-44.912-44.911 0-24.806 20.108-44.915 44.912-44.915h592.844c24.802 0 44.911 20.109 44.911 44.915z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["plus"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 330, "id": 44, "name": "plus", "prevSize": 32, "code": 59730 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 73
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 512c0 235.639-191.027 426.667-426.667 426.667-235.642 0-426.667-191.027-426.667-426.667 0-235.642 191.025-426.667 426.667-426.667 235.639 0 426.667 191.025 426.667 426.667zM682.667 469.333h-128v-128c0-23.564-19.102-42.667-42.667-42.667s-42.667 19.103-42.667 42.667v128h-128c-23.564 0-42.667 19.102-42.667 42.667s19.103 42.667 42.667 42.667h128v128c0 23.565 19.102 42.667 42.667 42.667s42.667-19.102 42.667-42.667v-128h128c23.565 0 42.667-19.102 42.667-42.667s-19.102-42.667-42.667-42.667z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["plus-filled"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 331, "id": 43, "name": "plus-filled", "prevSize": 32, "code": 59731 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 74
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 512c0 235.639-191.027 426.667-426.667 426.667-235.642 0-426.667-191.027-426.667-426.667 0-235.642 191.025-426.667 426.667-426.667 235.639 0 426.667 191.025 426.667 426.667zM170.667 512c0 188.514 152.82 341.333 341.333 341.333s341.333-152.819 341.333-341.333c0-188.513-152.819-341.333-341.333-341.333s-341.333 152.82-341.333 341.333z",
+          "M554.667 469.333h128c23.565 0 42.667 19.102 42.667 42.667s-19.102 42.667-42.667 42.667h-128v128c0 23.565-19.102 42.667-42.667 42.667s-42.667-19.102-42.667-42.667v-128h-128c-23.564 0-42.667-19.102-42.667-42.667s19.103-42.667 42.667-42.667h128v-128c0-23.564 19.102-42.667 42.667-42.667s42.667 19.103 42.667 42.667v128z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["plus-outlined"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 332, "id": 42, "name": "plus-outlined", "prevSize": 32, "code": 59732 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 75
+    },
+    {
+      "icon": {
+        "paths": [
+          "M616.64 555.337l32.883-16.546c20.791-10.462 43.58-19.307 67.26-26.79-23.68-7.484-46.468-16.329-67.26-26.79l-32.883-16.546 11.55-34.953c7.305-22.107 17.165-44.481 28.621-66.52-22.042 11.453-44.416 21.316-66.522 28.62l-34.953 11.548-16.546-32.881c-10.466-20.793-19.307-43.582-26.79-67.258-7.484 23.677-16.329 46.466-26.79 67.258l-16.546 32.881-34.953-11.548c-22.107-7.304-44.48-17.167-66.52-28.62 11.453 22.039 21.316 44.413 28.62 66.519l11.548 34.953-32.881 16.546c-20.793 10.462-43.582 19.307-67.259 26.79 23.677 7.484 46.466 16.329 67.259 26.79l32.881 16.546-11.548 34.953c-7.304 22.106-17.167 44.48-28.62 66.522 22.039-11.456 44.413-21.316 66.52-28.621l34.953-11.55 16.546 32.883c10.462 20.791 19.307 43.58 26.79 67.26 7.484-23.68 16.324-46.468 26.79-67.26l16.546-32.883 34.953 11.55c22.106 7.305 44.48 17.165 66.522 28.621-11.456-22.042-21.316-44.416-28.621-66.522l-11.55-34.953zM734.609 703.876c62.31 93.005 139.422 170.155 139.422 170.155s-77.15-77.111-170.155-139.422c-40.994-27.469-85.069-52.062-126.972-65.907-19.84 39.42-33.613 87.974-43.174 136.384-21.7 109.828-21.73 218.914-21.73 218.914s-0.030-109.086-21.73-218.914c-9.562-48.41-23.339-96.964-43.174-136.384-41.902 13.845-85.977 38.438-126.973 65.903-93.002 62.315-170.156 139.426-170.156 139.426s77.113-77.15 139.426-170.155c27.468-40.994 52.061-85.069 65.905-126.972-39.419-19.84-87.973-33.613-136.382-43.174-109.828-21.7-218.916-21.73-218.916-21.73s109.088-0.030 218.916-21.73c48.41-9.562 96.963-23.334 136.382-43.174-13.844-41.902-38.437-85.977-65.905-126.973-62.314-93.002-139.427-170.156-139.427-170.156s77.154 77.113 170.156 139.427c40.995 27.468 85.071 52.061 126.973 65.905 19.836-39.419 33.613-87.972 43.174-136.382 21.7-109.828 21.73-218.916 21.73-218.916s0.030 109.088 21.73 218.916c9.562 48.41 23.334 96.963 43.174 136.382 41.903-13.844 85.978-38.437 126.972-65.905 93.005-62.313 170.155-139.426 170.155-139.426s-77.111 77.154-139.422 170.156c-27.469 40.996-52.062 85.071-65.907 126.973 39.42 19.84 87.974 33.613 136.384 43.174 109.828 21.7 218.914 21.73 218.914 21.73s-109.086 0.030-218.914 21.73c-48.41 9.562-96.964 23.334-136.384 43.174 13.845 41.903 38.438 85.978 65.907 126.972z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["points"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 333, "id": 41, "name": "points", "prevSize": 32, "code": 59733 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 76
+    },
+    {
+      "icon": {
+        "paths": [
+          "M384 85.333h-213.333c-47.128 0-85.333 38.205-85.333 85.333v213.333c0 47.13 38.205 85.333 85.333 85.333h213.333c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.128-38.204-85.333-85.333-85.333zM170.667 384v-213.333h213.333v213.333h-213.333z",
+          "M384 554.667h-213.333c-47.128 0-85.333 38.204-85.333 85.333v213.333c0 47.13 38.205 85.333 85.333 85.333h213.333c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.13-38.204-85.333-85.333-85.333zM170.667 853.333v-213.333h213.333v213.333h-213.333z",
+          "M853.333 85.333h-213.333c-47.13 0-85.333 38.205-85.333 85.333v213.333c0 47.13 38.204 85.333 85.333 85.333h213.333c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.128-38.204-85.333-85.333-85.333zM640 384v-213.333h213.333v213.333h-213.333z",
+          "M661.333 554.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z",
+          "M917.333 554.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z",
+          "M789.333 682.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z",
+          "M917.333 810.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z",
+          "M661.333 810.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["qr-code"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}, {}, {}],
+      "properties": { "order": 334, "id": 40, "name": "qr-code", "prevSize": 32, "code": 59734 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 77
+    },
+    {
+      "icon": {
+        "paths": [
+          "M384 85.333h-213.333c-47.128 0-85.333 38.205-85.333 85.333v213.333c0 47.13 38.205 85.333 85.333 85.333h213.333c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.128-38.204-85.333-85.333-85.333zM170.667 384v-213.333h213.333v213.333h-213.333z",
+          "M384 554.667h-213.333c-47.128 0-85.333 38.204-85.333 85.333v213.333c0 47.13 38.205 85.333 85.333 85.333h213.333c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.13-38.204-85.333-85.333-85.333zM170.667 853.333v-213.333h213.333v213.333h-213.333z",
+          "M853.333 85.333h-213.333c-47.13 0-85.333 38.205-85.333 85.333v213.333c0 47.13 38.204 85.333 85.333 85.333h213.333c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.128-38.204-85.333-85.333-85.333zM640 384v-213.333h213.333v213.333h-213.333z",
+          "M661.333 554.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z",
+          "M917.333 554.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z",
+          "M789.333 682.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z",
+          "M917.333 810.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z",
+          "M661.333 810.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["qr-code-1"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}, {}, {}],
+      "properties": { "order": 335, "id": 39, "name": "qr-code-1", "prevSize": 32, "code": 59735 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 78
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 512c0 235.639-191.027 426.667-426.667 426.667-235.642 0-426.667-191.027-426.667-426.667 0-235.642 191.025-426.667 426.667-426.667 235.639 0 426.667 191.025 426.667 426.667zM170.667 512c0 188.514 152.82 341.333 341.333 341.333s341.333-152.819 341.333-341.333c0-188.513-152.819-341.333-341.333-341.333s-341.333 152.82-341.333 341.333z",
+          "M445.525 389.725c0-32.858 27.814-59.947 62.72-59.947 34.833 0 62.635 27.096 62.635 59.947 0.371 23.981-5.726 32.305-35.209 53.824l-2.014 1.468c-49.997 36.484-70.972 65.579-68.023 123.435l-0.055 8.41c0 23.565 19.102 42.667 42.667 42.667s42.667-19.102 42.667-42.667v-10.581c-1.165-23.983 3.981-31.121 33.045-52.331l2.022-1.476c49.643-36.233 71.13-65.574 70.229-123.413 0.004-79.814-66.492-144.615-147.964-144.615-81.54 0-148.052 64.783-148.052 145.28 0 23.564 19.102 42.667 42.667 42.667s42.666-19.103 42.666-42.667z",
+          "M512 672c29.457 0 53.333 23.876 53.333 53.333s-23.876 53.333-53.333 53.333c-29.457 0-53.333-23.876-53.333-53.333s23.876-53.333 53.333-53.333z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["question"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 336, "id": 38, "name": "question", "prevSize": 32, "code": 59736 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 79
+    },
+    {
+      "icon": {
+        "paths": [
+          "M880.35 303.767c14.694 26.481 26.65 54.71 35.588 84.342 68.083 225.455-58.581 463.706-282.889 532.083-224.292 68.373-461.277-58.931-529.306-284.335-68.087-225.471 58.556-463.71 282.895-532.082 40.347-12.292 81.811-18.442 123.202-18.442 26.048 0 47.168 21.225 47.168 47.408s-21.12 47.408-47.168 47.408c-32.141 0-64.384 4.783-95.834 14.364-174.462 53.171-272.951 238.447-219.995 413.815 52.906 175.296 237.219 274.304 411.662 221.129 174.434-53.18 272.947-238.468 219.998-413.818-7.317-24.248-17.203-47.249-29.414-68.718l-11.695 67.883c-4.446 25.798-28.855 43.091-54.524 38.624-25.664-4.467-42.871-29.004-38.426-54.803l29.056-168.631c4.39-25.487 28.297-42.732 53.726-38.755l167.019 26.122c25.737 4.026 43.358 28.262 39.351 54.134s-28.117 43.581-53.858 39.555l-46.558-7.282z",
+          "M362.099 548.407c-20.513 14.315-26.913 44.774-14.295 68.041s39.477 30.524 59.991 16.213l126.115-87.987c12.898-8.998 20.757-24.947 20.757-42.125v-197.091c0-27.315-19.524-49.458-43.605-49.458-24.085 0-43.61 22.143-43.61 49.458v169.447l-105.353 73.502z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["repeat"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 337, "id": 37, "name": "repeat", "prevSize": 32, "code": 59737 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 80
+    },
+    {
+      "icon": {
+        "paths": [
+          "M698.091 716.335l-140.16-55.339c-21.888-8.704-46.763 2.091-55.339 24.021-8.661 21.888 2.091 46.677 23.979 55.296l49.749 19.669c-28.8 10.027-59.136 15.787-90.027 15.787h-0.64c-96.811-0.213-187.307-52.395-236.245-136.149-11.819-20.309-37.973-27.221-58.325-15.317-20.352 11.861-27.221 37.973-15.317 58.325 64.085 109.781 182.741 178.176 309.76 178.475h0.768c40.789 0 80.939-7.637 119.040-21.035l-15.36 41.003c-8.277 22.059 2.901 46.635 25.003 54.912 4.907 1.835 9.941 2.731 14.933 2.731 17.28 0 33.536-10.539 39.979-27.733l52.48-140.032c8.192-21.76-2.603-46.080-24.277-54.613z",
+          "M673.843 242.419c28.971 0 52.48 23.552 52.48 52.48s-23.509 52.48-52.48 52.48c-28.928 0-52.437-23.552-52.437-52.48s23.509-52.48 52.437-52.48zM350.089 170.654c28.928 0 52.48 23.552 52.48 52.48 0 28.971-23.552 52.48-52.48 52.48-28.971 0-52.48-23.509-52.48-52.48 0-28.928 23.509-52.48 52.48-52.48zM893.235 554.953c-26.709-71.168-77.269-123.989-137.728-149.675 33.877-25.088 56.149-65.067 56.149-110.379 0-75.989-61.824-137.813-137.813-137.813-75.947 0-137.771 61.824-137.771 137.813 0 45.312 22.272 85.291 56.149 110.379-16.939 7.168-33.195 15.957-48.213 27.264-28.203-45.653-67.328-79.957-112.299-98.987 33.877-25.131 56.192-65.109 56.192-110.421 0-75.947-61.867-137.813-137.813-137.813-75.989 0-137.813 61.867-137.813 137.813 0 45.312 22.272 85.291 56.149 110.421-60.459 25.6-111.019 78.507-137.685 149.675-8.277 22.059 2.901 46.635 24.917 54.955 22.059 8.107 46.677-2.901 54.997-24.96 25.429-67.883 80.171-111.744 139.435-111.744 54.955 0 105.771 38.016 133.163 97.664-11.179 17.152-21.12 35.584-28.757 55.851-8.235 22.059 2.944 46.635 25.003 54.912 4.949 1.835 9.984 2.731 14.976 2.731 17.237 0 33.536-10.539 39.936-27.733 25.472-67.84 80.171-111.701 139.435-111.701s114.005 43.861 139.477 111.744c8.277 22.101 32.853 33.152 54.955 24.96 22.016-8.277 33.195-32.853 24.96-54.955z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["replace-owner"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 338, "id": 36, "name": "replace-owner", "prevSize": 32, "code": 59738 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 81
+    },
+    {
+      "icon": {
+        "paths": [
+          "M128 224c0-35.346 28.654-64 64-64h640c35.345 0 64 28.654 64 64s-28.655 64-64 64h-640c-35.346 0-64-28.654-64-64z",
+          "M128 736c0-35.345 28.654-64 64-64h640c35.345 0 64 28.655 64 64s-28.655 64-64 64h-640c-35.346 0-64-28.655-64-64z",
+          "M128 480c0-35.345 28.654-64 64-64h640c35.345 0 64 28.655 64 64s-28.655 64-64 64h-640c-35.346 0-64-28.655-64-64z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["rows"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 339, "id": 35, "name": "rows", "prevSize": 32, "code": 59739 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 82
+    },
+    {
+      "icon": {
+        "paths": [
+          "M128 224c0-35.346 28.654-64 64-64h640c35.345 0 64 28.654 64 64s-28.655 64-64 64h-640c-35.346 0-64-28.654-64-64z",
+          "M128 736c0-35.345 28.654-64 64-64h640c35.345 0 64 28.655 64 64s-28.655 64-64 64h-640c-35.346 0-64-28.655-64-64z",
+          "M128 480c0-35.345 28.654-64 64-64h640c35.345 0 64 28.655 64 64s-28.655 64-64 64h-640c-35.346 0-64-28.655-64-64z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["rows-1"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 340, "id": 34, "name": "rows-1", "prevSize": 32, "code": 59740 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 83
+    },
+    {
+      "icon": {
+        "paths": [
+          "M341.333 490.667c0-35.345 28.654-64 64-64h426.667c35.345 0 64 28.655 64 64s-28.655 64-64 64h-426.667c-35.346 0-64-28.655-64-64z",
+          "M341.333 746.667c0-35.345 28.654-64 64-64h426.667c35.345 0 64 28.655 64 64s-28.655 64-64 64h-426.667c-35.346 0-64-28.655-64-64z",
+          "M341.333 234.667c0-35.346 28.654-64 64-64h426.667c35.345 0 64 28.654 64 64s-28.655 64-64 64h-426.667c-35.346 0-64-28.654-64-64z",
+          "M256 234.667c0 35.346-28.654 64-64 64s-64-28.654-64-64c0-35.346 28.654-64 64-64s64 28.654 64 64z",
+          "M256 490.667c0 35.346-28.654 64-64 64s-64-28.654-64-64c0-35.346 28.654-64 64-64s64 28.654 64 64z",
+          "M256 746.667c0 35.346-28.654 64-64 64s-64-28.654-64-64c0-35.346 28.654-64 64-64s64 28.654 64 64z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["rows-2"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}],
+      "properties": { "order": 341, "id": 33, "name": "rows-2", "prevSize": 32, "code": 59741 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 84
+    },
+    {
+      "icon": {
+        "paths": [
+          "M853.342 170.658c44.962 0 81.839 34.833 85.099 78.967l0.235 6.366v512c0 44.962-34.833 81.839-78.967 85.099l-6.494 0.192c0.004 22.118-16.439 40.128-37.683 42.59l-4.979 0.286c-21.871 0-39.915-16.444-42.381-37.687l-0.29-5.188h-511.958c0.004 22.118-16.477 40.128-37.689 42.59l-4.974 0.286c-23.595 0-42.667-19.072-42.667-42.667-44.93-0.205-81.763-35.029-85.018-79.138l-0.234-6.362v-512c0-44.963 34.833-81.84 78.968-85.099l6.365-0.234h682.668zM853.342 255.991h-682.668v512h682.668v-512z",
+          "M639.885 341.367c-94.251 0-170.667 76.416-170.667 170.667s76.416 170.667 170.667 170.667c94.251 0 170.667-76.416 170.667-170.667s-76.416-170.667-170.667-170.667zM639.885 426.701c47.061 0 85.333 38.229 85.333 85.333 0 47.061-38.272 85.333-85.333 85.333s-85.333-38.272-85.333-85.333c0-47.104 38.272-85.333 85.333-85.333z",
+          "M298.594 341.324c21.881 0 39.915 16.471 42.38 37.691l0.287 4.976v256c0 23.565-19.102 42.667-42.667 42.667-21.881 0-39.915-16.474-42.38-37.692l-0.287-4.975v-256c0-23.564 19.103-42.667 42.667-42.667z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["safe"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 342, "id": 32, "name": "safe", "prevSize": 32, "code": 59742 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 85
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 170.667v170.667c0 23.564-19.102 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v-170.667h-170.667c-23.565 0-42.667-19.103-42.667-42.667s19.102-42.667 42.667-42.667h170.667c47.13 0 85.333 38.205 85.333 85.333z",
+          "M170.667 170.667v170.667c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v-170.667c0-47.128 38.205-85.333 85.333-85.333h170.667c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667h-170.667z",
+          "M853.333 853.333v-170.667c0-23.565 19.102-42.667 42.667-42.667s42.667 19.102 42.667 42.667v170.667c0 47.13-38.204 85.333-85.333 85.333h-170.667c-23.565 0-42.667-19.102-42.667-42.667s19.102-42.667 42.667-42.667h170.667z",
+          "M170.667 853.333h170.667c23.564 0 42.667 19.102 42.667 42.667s-19.103 42.667-42.667 42.667h-170.667c-47.128 0-85.333-38.204-85.333-85.333v-170.667c0-23.565 19.103-42.667 42.667-42.667s42.667 19.102 42.667 42.667v170.667z",
+          "M128 469.333h768c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667h-768c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["scan"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}],
+      "properties": { "order": 343, "id": 31, "name": "scan", "prevSize": 32, "code": 59743 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 86
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 170.667v170.667c0 23.564-19.102 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v-170.667h-170.667c-23.565 0-42.667-19.103-42.667-42.667s19.102-42.667 42.667-42.667h170.667c47.13 0 85.333 38.205 85.333 85.333z",
+          "M170.667 170.667v170.667c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v-170.667c0-47.128 38.205-85.333 85.333-85.333h170.667c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667h-170.667z",
+          "M853.333 853.333v-170.667c0-23.565 19.102-42.667 42.667-42.667s42.667 19.102 42.667 42.667v170.667c0 47.13-38.204 85.333-85.333 85.333h-170.667c-23.565 0-42.667-19.102-42.667-42.667s19.102-42.667 42.667-42.667h170.667z",
+          "M170.667 853.333h170.667c23.564 0 42.667 19.102 42.667 42.667s-19.103 42.667-42.667 42.667h-170.667c-47.128 0-85.333-38.204-85.333-85.333v-170.667c0-23.565 19.103-42.667 42.667-42.667s42.667 19.102 42.667 42.667v170.667z",
+          "M128 469.333h768c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667h-768c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["scan-1"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}],
+      "properties": { "order": 344, "id": 30, "name": "scan-1", "prevSize": 32, "code": 59744 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 87
+    },
+    {
+      "icon": {
+        "paths": [
+          "M170.685 426.663c0-141.184 114.816-256 255.999-256 141.141 0 256 114.816 256 256s-114.859 256-256 256c-141.183 0-255.999-114.816-255.999-256zM926.097 865.83l-230.059-230.059c44.928-57.771 71.979-130.219 71.979-209.109 0-188.501-152.832-341.333-341.333-341.333-188.543 0-341.332 152.832-341.332 341.333s152.789 341.333 341.332 341.333c78.848 0 151.253-27.008 208.981-71.893l230.101 230.059c16.597 16.597 43.733 16.597 60.331 0s16.597-43.733 0-60.331z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["search"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 345, "id": 29, "name": "search", "prevSize": 32, "code": 59745 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 88
+    },
+    {
+      "icon": {
+        "paths": [
+          "M1149.343 35.129c4.646-27.646 4.635-27.647 4.624-27.649l20.626 3.24 3.352 19.936c0-0.010 0-0.019-28.602 4.473z",
+          "M7.738 30.675l-0.016 0.098-0.037 0.224-0.123 0.765-0.421 2.762c-0.351 2.375-0.832 5.802-1.38 10.174-1.095 8.74-2.461 21.277-3.587 36.751-2.249 30.897-3.566 73.767 0.206 121.657 7.453 94.65 35.198 214.31 121.066 297.307 64.218 62.071 149.532 92.575 228.631 107.062 63.939 11.711 125.561 13.28 172.263 11.781v333.474c0 35.107 29.446 63.569 65.772 63.569s65.773-28.462 65.773-63.569v-333.619c46.215 1.757 108.258 0.631 172.986-10.747 80.454-14.142 167.877-44.625 233.359-107.919 85.876-83.005 113.621-202.678 121.080-297.339 3.767-47.895 2.452-90.77 0.205-121.671-1.126-15.476-2.495-28.014-3.589-36.756-0.55-4.372-1.029-7.8-1.38-10.175l-0.42-2.762-0.124-0.765-0.038-0.224-0.016-0.098-28.602 4.473 4.624-27.649-1.121-0.17-2.862-0.407c-2.458-0.339-6.004-0.804-10.526-1.334-9.044-1.059-22.016-2.379-38.028-3.467-31.97-2.174-76.326-3.447-125.877 0.199-97.938 7.205-221.75 34.025-307.626 117.031-32.903 31.798-57.215 68.938-75.118 107.828-17.898-38.887-42.21-76.024-75.107-107.82-85.868-82.997-209.667-109.813-307.592-117.017-49.546-3.645-93.9-2.372-125.865-0.199-16.009 1.089-28.98 2.408-38.023 3.467-4.523 0.53-8.069 0.995-10.526 1.334l-2.857 0.407-0.792 0.119-0.232 0.036-0.101 0.016 4.626 27.648c-4.644-27.622-4.636-27.647-4.626-27.648l-20.625 3.24-3.352 19.936c0.002-0.010 0.026-0.016 28.603 4.473l-28.603-4.473zM985.535 129.078c24.625-1.811 47.896-2.181 68.462-1.795 0.399 19.879 0.016 42.371-1.859 66.173-6.645 84.434-30.548 166.457-82.928 217.084s-137.238 73.731-224.596 80.158c-24.625 1.811-47.896 2.181-68.462 1.795-0.399-19.88-0.016-42.371 1.859-66.173 6.645-84.434 30.553-166.457 82.928-217.084 52.38-50.628 137.243-73.731 224.596-80.158zM133.543 193.457c-1.873-23.794-2.256-46.279-1.857-66.153 20.561-0.386 43.824-0.016 68.441 1.795 87.343 6.425 172.19 29.526 224.559 80.144s76.269 132.628 82.917 217.051c1.874 23.794 2.257 46.279 1.857 66.153-20.562 0.386-43.825 0.017-68.441-1.795-87.343-6.425-172.19-29.526-224.56-80.144s-76.269-132.628-82.917-217.051z"
+        ],
+        "attrs": [{}, {}],
+        "width": 1186,
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["seed"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 346, "id": 28, "name": "seed", "prevSize": 32, "code": 59746 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 89
+    },
+    {
+      "icon": {
+        "paths": [
+          "M979.546 884.309c-65.873-225.805-162.807-360.747-316.979-401.515 63.13-37.047 105.519-105.636 105.519-184.119 0-117.815-95.518-213.333-213.333-213.333-117.845 0-213.333 95.505-213.333 213.333 0 78.871 42.786 147.742 106.423 184.657-72.535 19.917-133.865 61.286-184.671 122.803-15.005 18.172-12.44 45.065 5.728 60.066 18.169 15.006 45.062 12.442 60.067-5.726 58.092-70.34 130.553-105.549 225.619-105.549 172.625 0 272.367 111.010 343.040 353.28 6.601 22.622 30.289 35.614 52.911 29.013 22.618-6.601 35.61-30.289 29.009-52.911zM682.752 298.675c0 70.686-57.314 128-128 128-70.711 0-128-57.297-128-128s57.289-128 128-128c70.686 0 128 57.313 128 128z",
+          "M494.178 853.551h-366.161c-23.564 0-42.667-19.102-42.667-42.667s19.102-42.667 42.667-42.667h366.229l-12.079-12.079c-16.661-16.661-16.661-43.678 0-60.339s43.678-16.661 60.339 0l84.864 84.864c16.661 16.657 16.661 43.669 0.009 60.331l-84.864 84.907c-16.657 16.67-43.674 16.674-60.339 0.017-16.67-16.657-16.674-43.674-0.017-60.339l12.019-12.028z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["send-to"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 347, "id": 27, "name": "send-to", "prevSize": 32, "code": 59747 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 90
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.427 767.987c-141.184 0-256-114.816-256-256s114.816-256 256-256c141.184 0 256 114.816 256 256s-114.816 256-256 256zM902.443 460.318l-14.763-1.28c-29.568-3.157-40.704-20.949-44.629-30.592-8.192-32.555-21.035-63.147-37.803-91.264-4.053-9.387-9.259-30.123 9.771-53.632l9.472-11.349c20.736-23.637 12.459-38.443-4.096-55.083l-13.739-13.696c-16.597-16.597-31.445-24.832-55.083-4.139l-11.349 9.515c-24.96 20.139-46.763 13.141-55.211 9.045-26.411-15.531-55.083-27.52-85.419-35.541-7.040-1.963-31.104-11.221-34.816-46.165l-1.323-14.763c-2.091-31.36-18.347-36.053-41.856-36.053h-19.413c-23.467 0-39.808 4.693-41.856 36.053l-1.323 14.763c-4.352 40.917-36.821 46.72-36.821 46.72 0 0.085 0.043 0.171 0.043 0.256-28.075 7.68-54.656 18.987-79.317 33.152-0.085-0.128-0.128-0.341-0.256-0.469 0 0-27.051 18.859-59.051-6.955l-11.392-9.557c-23.637-20.693-38.485-12.459-55.083 4.139l-13.696 13.696c-16.597 16.64-24.832 31.446-4.181 55.083l9.557 11.349c25.856 32.043 6.955 59.093 6.955 59.093 0.213 0.171 0.469 0.256 0.683 0.384-14.165 24.704-25.387 51.243-33.024 79.317-0.213-0.042-0.427-0.128-0.597-0.171 0 0-5.76 32.47-46.677 36.864l-14.805 1.28c-31.317 2.091-36.011 18.432-36.011 41.899v19.413c0 23.424 4.693 39.765 36.011 41.813l14.805 1.323c40.917 4.352 46.677 36.864 46.677 36.864 0.171 0 0.341-0.085 0.512-0.128 7.68 28.075 18.688 54.741 32.768 79.445-0.085 0.085-0.256 0.085-0.341 0.171 0 0 18.901 27.093-6.955 59.093l-9.557 11.349c-20.651 23.637-12.459 38.528 4.181 55.083l13.696 13.739c16.597 16.597 31.445 24.832 55.083 4.096l11.392-9.472c32-25.899 59.051-6.997 59.051-6.997 0.043-0.043 0.043-0.085 0.085-0.128 24.747 14.208 51.371 25.259 79.445 32.981v0.128c0 0 32.469 5.803 36.821 46.72l1.323 14.72c2.048 31.36 18.389 36.011 41.856 36.011h19.413c23.509 0 39.765-4.651 41.856-36.011l1.323-14.72c3.413-31.915 23.723-42.411 32.597-45.483 31.019-7.936 60.203-20.267 87.125-36.011 8.021-4.011 30.165-11.861 55.723 8.789l11.349 9.515c23.637 20.693 38.485 12.459 55.083-4.139l13.739-13.739c16.555-16.555 24.832-31.445 4.096-55.083l-9.472-11.307c-20.437-25.344-13.013-47.317-8.917-55.509 16.299-27.691 29.013-57.685 37.077-89.643 4.011-9.685 15.104-27.179 44.501-30.336l14.763-1.323c31.317-2.048 35.968-18.389 35.968-41.813v-19.413c0-23.467-4.651-39.808-35.968-41.899z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["settings"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 348, "id": 26, "name": "settings", "prevSize": 32, "code": 59748 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 91
+    },
+    {
+      "icon": {
+        "paths": [
+          "M426.659 512.149c0-15.855-2.47-31.138-7.048-45.474l216.958-131.441c27.311 29.952 66.65 48.745 110.383 48.745 82.487 0 149.333-66.846 149.333-149.333 0-82.456-66.859-149.333-149.333-149.333s-149.333 66.877-149.333 149.333c0 7.933 0.619 15.72 1.809 23.318l-228.062 138.169c-25.672-20.833-58.396-33.316-94.041-33.316-82.487 0-149.333 66.845-149.333 149.333 0 82.458 66.859 149.333 149.333 149.333 35.651 0 68.385-12.497 94.061-33.344l228.054 138.163c-1.199 7.62-1.822 15.428-1.822 23.386 0 82.487 66.846 149.333 149.333 149.333s149.333-66.846 149.333-149.333c0-82.487-66.846-149.333-149.333-149.333-43.712 0-83.029 18.773-110.336 48.695l-216.998-131.465c4.572-14.327 7.040-29.594 7.040-45.436zM746.953 170.646c35.341 0 64 28.667 64 64 0 35.359-28.642 64-64 64s-64-28.641-64-64c0-35.333 28.659-64 64-64zM341.326 512.149c0-35.358-28.642-64-64-64s-64 28.642-64 64c0 35.332 28.659 64 64 64s64-28.668 64-64zM746.953 725.687c35.358 0 64 28.642 64 64s-28.642 64-64 64c-35.358 0-64-28.642-64-64s28.642-64 64-64z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["share"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 349, "id": 25, "name": "share", "prevSize": 32, "code": 59749 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 92
+    },
+    {
+      "icon": {
+        "paths": [
+          "M498.125 935.945c9.698 3.639 20.39 3.631 30.080-0.030 168.341-63.599 275.204-151.070 328.926-250.807 10.091-18.052 17.984-38.097 24.009-59.78 6.963-25.054 11.2-51.371 13.321-78.067 1.434-18.014 1.745-33.506 1.459-47.334-0.068-2.987-0.068-2.987-0.073-2.688v-272c0-24.709-20.924-44.251-45.577-42.568-21.329 1.457-32.043 1.992-43.895 1.992-111.714 0-203.985-39.909-267.998-90.209-16.469-12.945-39.906-12.014-55.3 2.196-0.917 0.847-2.022 1.75-3.682 3.001-1.284 0.965-2.854 2.105-7.014 5.123-17.792 11.878-28.126 18.392-43.648 26.725-3.44 1.846-6.886 3.627-10.342 5.341-60.663 29.792-126.433 47.823-200.646 47.823-11.919 0-22.554-0.531-43.941-1.992-24.651-1.684-45.574 17.859-45.574 42.568v269.952c-3.589 50.202 9.391 138.615 44.909 199.134 6.782 12.574 15.632 25.626 26.72 39.684 62.988 83.503 163.576 151.36 298.266 201.937zM782.519 643.695l-0.375 0.687c-41.933 78.042-127.915 149.965-269.060 205.888-112.852-44.476-195.072-101.325-245.663-168.384-8.823-11.204-15.002-20.314-19.968-29.483-14.854-25.357-24.553-57.66-29.862-93.828-3.653-24.883-4.827-50.394-4.13-60.429l0.086-228.169c1.385 0.012 2.78 0.018 4.198 0.018 88.57 0 166.714-21.424 238.414-56.636 4.442-2.202 8.7-4.404 12.932-6.676 15.774-8.467 26.91-15.258 42.91-25.824 75.383 51.486 175.313 89.135 294.374 89.135 1.395 0 2.773-0.006 4.139-0.017v227.26c0.038 2.308 0.038 2.308 0.090 4.467 0.235 11.183-0.021 23.915-1.207 38.793-1.715 21.615-5.107 42.675-10.475 61.986-4.331 15.59-9.805 29.461-16.401 41.212z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["shield"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 350, "id": 24, "name": "shield", "prevSize": 32, "code": 59750 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 93
+    },
+    {
+      "icon": {
+        "paths": [
+          "M12.497 12.497c16.662-16.662 43.677-16.662 60.34 0l158.504 158.504c0.45 0.431 0.891 0.872 1.324 1.324l549.109 549.109c0.141 0.137 0.282 0.277 0.422 0.418l229.308 229.312c16.661 16.661 16.661 43.678 0 60.339s-43.678 16.661-60.339 0l-198.519-198.515c-64.806 65.28-139.221 120.405-220.732 163.413-12.169 6.421-26.688 6.579-38.993 0.427l19.081-38.161c-19.081 38.161-19.068 38.17-19.081 38.161l-0.154-0.077-0.277-0.137-0.917-0.469c-0.768-0.393-1.856-0.956-3.238-1.681-2.761-1.451-6.707-3.558-11.665-6.302-9.907-5.487-23.898-13.534-40.614-23.983-33.342-20.838-77.978-51.503-122.816-90.735-87.883-76.898-185.237-194.398-185.237-341.444v-298.667c0-7.14 1.778-13.978 4.983-20.011l-120.486-120.486c-16.662-16.663-16.662-43.678 0-60.34zM213.333 273.673v238.327c0 108.954 73.312 204.787 156.096 277.222 40.496 35.435 81.195 63.437 111.851 82.598 12.058 7.531 22.49 13.658 30.656 18.287 66.202-37.291 126.899-83.558 180.369-137.463l-478.972-478.971zM497.075 45.362c9.643-3.601 20.267-3.594 29.905 0.021l341.333 128c16.653 6.245 27.686 22.165 27.686 39.95v298.948c-0.218 33.135-5.321 66.057-15.142 97.698-6.989 22.507-30.895 35.089-53.397 28.105-22.507-6.989-35.089-30.895-28.105-53.397 7.326-23.595 11.136-48.137 11.311-72.836v-268.949l-298.697-112.012-119.871 44.762c-22.075 8.243-46.653-2.97-54.897-25.045s2.97-46.653 25.045-54.897l134.828-50.347z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["shield-crossed"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 351, "id": 23, "name": "shield-crossed", "prevSize": 32, "code": 59751 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 94
+    },
+    {
+      "icon": {
+        "paths": [
+          "M528.73 869.734l0.299 57.259c0.043 6.443 5.248 11.648 11.691 11.648h56.875c3.115 0 6.101-1.237 8.32-3.413l171.861-171.904c6.741-6.741 6.741-17.707 0-24.448l-50.432-50.432c-6.144-6.144-16.128-6.144-22.272 0l-172.928 172.971c-2.219 2.176-3.456 5.205-3.413 8.32z",
+          "M829.188 711.898l63.104-63.061c4.736-4.736 4.736-12.459 0-17.195l-56.619-56.619c-4.736-4.736-12.459-4.736-17.195 0l-63.061 63.104c-4.779 4.736-4.779 12.459 0 17.195l56.619 56.576c4.736 4.736 12.416 4.736 17.152 0z",
+          "M554.603 342.191v-136.107l135.552 135.424-135.552 0.683zM810.688 469.295v-112.086c0-10.24-4.096-20.011-11.349-27.221l-231.765-231.552c-8.405-8.405-19.755-13.099-31.616-13.099h-322.603c-47.189 0-85.333 38.187-85.333 85.333v682.667c0 47.104 38.144 85.333 85.333 85.333h170.197c0.171 0 0.299 0.085 0.469 0.085 23.595 0 42.667-19.115 42.667-42.667s-19.072-42.667-42.667-42.667v-0.085h-170.667v-682.667h255.915v171.52c0 46.464 37.888 84.267 84.437 84.267h171.648v43.051h0.085c0.256 23.381 19.157 42.283 42.581 42.283 23.467 0 42.368-18.901 42.581-42.283h0.085v-0.213z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["sign"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 352, "id": 22, "name": "sign", "prevSize": 32, "code": 59752 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 95
+    },
+    {
+      "icon": {
+        "paths": [
+          "M246.611 734.925c-24.747 30.080-48.64 59.738-73.387 88.96-9.813 11.738-21.12 22.189-32 33.069-12.8 12.8-26.453 13.869-36.907 3.411-10.24-10.24-8.96-24.531 3.627-36.902 40.107-39.040 75.093-81.92 105.6-128.858 4.267-6.611 4.053-11.302 0.427-17.92-39.467-73.384-78.507-146.771-109.014-224.424-19.2-49.066-36.48-98.986-39.893-152.106-1.28-21.547-0.427-44.374 4.48-65.28 9.387-40.534 34.56-68.694 76.587-76.374 44.16-8.106 81.706 6.614 107.733 43.52 42.027 59.947 66.987 126.934 75.947 199.68 12.373 98.774-5.974 191.574-53.12 279.042-1.707 3.2-1.067 8.742 0.426 12.371 3.627 7.891 8.32 15.149 12.8 22.611 14.72 24.538 41.814 28.378 62.294 7.898 24.32-24.538 49.066-49.069 71.68-75.309 44.586-51.839 115.626-37.119 145.28 17.069 13.226 24.102 38.826 28.582 59.733 10.662 11.948-10.24 23.468-20.691 35.416-30.931 47.782-41.386 115.84-24.106 138.022 34.989 7.68 20.262 18.778 28.16 40.96 28.16 30.298 0 60.589 0 91.098 0 19.2 0 30.72 17.28 23.251 33.491-4.051 8.531-11.309 13.651-20.48 13.651-35.411 0.218-70.829 1.498-106.029-0.851-36.48-2.349-60.371-23.68-72.742-58.029-7.258-19.84-21.978-29.862-41.389-26.451-7.040 1.28-14.509 5.12-20.269 9.811-12.16 9.389-23.462 19.84-34.771 30.298-46.934 43.091-109.441 23.68-135.894-23.469-6.4-11.309-14.506-20.051-27.733-22.4-14.72-2.56-26.667 2.349-36.693 13.229-23.894 25.6-48.64 50.342-72.32 76.16-43.52 47.36-113.28 35.84-141.014-15.789-0.64-1.069-1.493-2.131-1.92-2.771l0.214-0.218zM244.264 635.514c1.493-1.28 2.133-1.707 2.347-2.134 0.64-1.066 1.28-2.346 1.706-3.626 59.52-138.667 49.067-271.787-31.786-398.934-13.867-21.76-35.414-30.293-60.587-26.026-25.173 4.053-36.693 22.826-42.027 45.44-7.253 30.72-2.346 61.013 5.12 90.88 26.027 104.533 76.16 199.040 125.227 294.613v-0.213z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["signature"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 353, "id": 21, "name": "signature", "prevSize": 32, "code": 59753 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 96
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.006 85.334c-15.744 0-31.488 8.32-39.253 25.003l-97.067 224.64c-6.144 13.056-18.389 22.229-32.682 24.448l-220.928 33.92c-34.731 5.333-48.982 47.701-24.491 72.96l162.859 150.443c9.514 9.813 13.824 23.553 11.648 37.032l-55.638 234.669c-4.522 27.949 17.707 50.349 42.752 50.349 6.955 0 14.123-1.754 20.992-5.549l210.731-107.309c6.571-3.622 13.824-5.459 21.077-5.459s14.507 1.837 21.035 5.459l206.979 107.309c6.912 3.795 14.080 5.549 20.992 5.549 25.088 0 47.27-22.4 42.752-50.349l-51.84-234.669c-2.221-13.478 2.086-27.219 11.648-37.032l162.816-150.443c24.486-25.259 10.278-67.627-24.448-72.96l-220.973-33.92c-14.291-2.219-26.541-11.392-32.64-24.448l-97.067-224.64c-7.808-16.683-23.51-25.003-39.254-25.003zM512.010 234.624l57.985 134.186c0.298 0.726 0.682 1.494 1.023 2.219 18.219 38.997 54.443 66.219 96.982 72.704l134.656 20.693-97.024 89.643c-1.107 1.067-2.221 2.133-3.283 3.243-28.205 29.013-41.178 70.229-34.688 110.208 0.256 1.581 0.595 3.155 0.934 4.691l31.917 144.429-127.361-66.003c-18.773-10.157-39.851-15.488-61.142-15.488-21.162 0-42.154 5.286-60.799 15.27l-130.048 66.221 33.962-143.149c0.47-2.003 0.896-4.006 1.238-6.016 6.442-39.977-6.528-81.15-34.731-110.163-1.024-1.11-2.176-2.176-3.285-3.243l-96.982-89.643 134.614-20.693c42.538-6.485 78.762-33.664 96.981-72.661 0.384-0.726 0.725-1.494 1.067-2.262l57.983-134.186z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["star"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 354, "id": 20, "name": "star", "prevSize": 32, "code": 59754 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 97
+    },
+    {
+      "icon": {
+        "paths": [
+          "M128 170.667c0-23.564 19.103-42.667 42.667-42.667h378.338c11.319 0 22.17 4.497 30.174 12.501l325.082 325.167c22.037 22.174 34.406 52.173 34.406 83.435 0 31.266-12.369 61.261-34.406 83.435l-271.343 271.415c-10.987 11.004-24.038 19.733-38.404 25.69s-29.769 9.024-45.321 9.024c-15.552 0-30.95-3.068-45.316-9.024s-27.413-14.686-38.404-25.685c0-0.004 0.004 0 0 0l-324.962-324.672c-8.010-8-12.51-18.859-12.51-30.182v-378.436zM213.333 213.333v318.084l312.516 312.235c3.063 3.072 6.703 5.504 10.709 7.164 4.006 1.664 8.299 2.517 12.634 2.517s8.631-0.853 12.634-2.517c4.006-1.66 7.646-4.092 10.714-7.164l271.194-271.266c0.013-0.013 0.021-0.021 0.034-0.034 6.127-6.182 9.566-14.537 9.566-23.249 0-8.708-3.439-17.067-9.566-23.249-0.013-0.009-0.021-0.021-0.034-0.034l-312.405-312.486h-317.995zM298.667 341.333c0-23.564 19.103-42.667 42.667-42.667h0.427c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667h-0.427c-23.564 0-42.667-19.103-42.667-42.667z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["tag"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 355, "id": 19, "name": "tag", "prevSize": 32, "code": 59755 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 98
+    },
+    {
+      "icon": {
+        "paths": [
+          "M639.915 213.312c-164.907 0-298.665 133.76-298.665 298.666 0 164.949 133.758 298.667 298.665 298.667 164.949 0 298.667-133.717 298.667-298.667 0-164.906-133.717-298.666-298.667-298.666zM639.915 298.646c117.675 0 213.333 95.701 213.333 213.333 0 117.675-95.659 213.333-213.333 213.333-117.632 0-213.331-95.659-213.331-213.333 0-117.632 95.699-213.333 213.331-213.333z",
+          "M290.324 228.618c-121.393 39.957-204.986 153.478-204.986 283.216s83.593 243.26 204.986 283.217c22.383 7.364 46.5-4.809 53.868-27.187 7.367-22.383-4.805-46.502-27.188-53.871-86.66-28.523-146.332-109.559-146.332-202.159s59.672-173.636 146.332-202.16c22.383-7.367 34.555-31.485 27.188-53.868s-31.485-34.555-53.868-27.188z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["token"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 356, "id": 18, "name": "token", "prevSize": 32, "code": 59756 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 99
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512 1024c282.768 0 512-229.232 512-512 0-282.77-229.232-512-512-512-282.77 0-512 229.23-512 512 0 282.768 229.23 512 512 512z",
+          "M501.592 258.457c6.554-3.276 14.262-3.276 20.815 0l232.723 116.364c7.885 3.942 12.865 12 12.865 20.816s-4.98 16.874-12.865 20.816l-232.723 116.363c-6.554 3.277-14.262 3.277-20.815 0l-232.723-116.363c-7.884-3.942-12.865-12-12.865-20.816s4.98-16.874 12.865-20.816l232.723-116.364zM331.316 395.636l180.684 90.345 180.685-90.345-180.685-90.344-180.684 90.344zM258.462 501.592c5.748-11.497 19.727-16.156 31.223-10.408l222.315 111.16 222.315-111.16c11.497-5.748 25.474-1.089 31.223 10.408s1.089 25.474-10.408 31.223l-232.723 116.364c-6.554 3.277-14.262 3.277-20.815 0l-232.723-116.364c-11.496-5.748-16.156-19.726-10.408-31.223zM258.462 617.956c5.748-11.497 19.727-16.156 31.223-10.408l222.315 111.16 222.315-111.16c11.497-5.748 25.474-1.089 31.223 10.408s1.089 25.474-10.408 31.223l-232.723 116.364c-6.554 3.277-14.262 3.277-20.815 0l-232.723-116.364c-11.496-5.748-16.156-19.726-10.408-31.223z"
+        ],
+        "attrs": [{ "fill": "rgb(255, 214, 0)" }, { "fill": "rgb(0, 0, 0)" }],
+        "isMulticolor": true,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-batch"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{ "f": 2 }, { "f": 0 }] }
+      },
+      "attrs": [{ "fill": "rgb(255, 214, 0)" }, { "fill": "rgb(0, 0, 0)" }],
+      "properties": {
+        "order": 357,
+        "id": 17,
+        "name": "transaction-batch",
+        "prevSize": 32,
+        "code": 59757,
+        "codes": [59757, 59758]
+      },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 100
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.085 691.2c-101.631 0-184.234-80.213-184.234-179.2s82.517-179.2 184.319-179.2c101.717 0 184.149 80.213 184.149 179.2s-82.432 179.2-184.235 179.2zM903.168 561.664c2.133-16.384 3.755-32.768 3.755-49.664s-1.621-33.792-3.755-51.2l111.104-83.456c4.843-3.771 8.149-9.172 9.314-15.198 1.161-6.026 0.094-12.269-2.999-17.57l-105.301-177.152c-3.132-5.387-8.085-9.481-13.965-11.545-5.884-2.065-12.305-1.965-18.121 0.281l-131.072 51.2c-27.273-20.606-57.178-37.48-88.917-50.176l-19.541-135.68c-1.161-6.099-4.429-11.595-9.233-15.526s-10.842-6.047-17.050-5.978h-210.516c-6.223-0.090-12.277 2.017-17.1 5.95s-8.105 9.44-9.268 15.554l-19.456 135.68c-33.195 12.8-61.611 30.208-88.917 50.176l-131.072-51.2c-5.824-2.269-12.268-2.381-18.168-0.315s-10.866 6.173-14.003 11.579l-105.216 177.152c-3.225 5.265-4.365 11.546-3.197 17.609s4.561 11.47 9.512 15.159l111.019 83.456c-2.251 16.977-3.476 34.074-3.669 51.2 0 16.896 1.621 33.28 3.669 49.664l-111.019 84.992c-4.951 3.691-8.343 9.097-9.512 15.159s-0.028 12.343 3.197 17.609l105.216 177.152c6.315 11.264 20.565 15.36 32.171 11.264l131.072-51.712c27.307 20.48 55.723 37.888 88.917 50.688l19.456 135.68c1.164 6.114 4.445 11.622 9.268 15.552 4.823 3.934 10.877 6.042 17.1 5.952h210.516c6.208 0.068 12.245-2.048 17.050-5.978s8.073-9.429 9.233-15.526l19.541-135.68c31.761-12.873 61.662-29.918 88.917-50.688l131.072 51.712c11.605 4.096 25.771 0 32.085-11.264l105.301-177.152c3.093-5.299 4.16-11.541 2.999-17.57-1.165-6.025-4.471-11.426-9.314-15.198l-111.104-84.992z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-change-settings"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 358, "id": 16, "name": "transaction-change-settings", "prevSize": 32, "code": 59759 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 101
+    },
+    {
+      "icon": {
+        "paths": [
+          "M384.023 810.637c-10.913 0-21.825-4.186-30.138-12.463l-256.063-255.953c-7.971-8.026-12.49-18.863-12.49-30.212 0-11.307 4.518-22.187 12.49-30.161l255.849-256.002c16.667-16.683 43.651-16.683 60.275 0 16.666 16.683 16.666 43.648 0 60.331l-225.669 225.833 225.882 225.754c16.666 16.683 16.666 43.644 0.043 60.373-8.312 8.316-19.267 12.501-30.18 12.501z",
+          "M640.009 810.637c-10.923 0-21.845-4.186-30.165-12.501-16.683-16.683-16.683-43.652 0-60.335l225.792-225.792-225.792-225.833c-16.683-16.683-16.683-43.648 0-60.331s43.648-16.683 60.331 0l255.962 256.002c16.678 16.678 16.678 43.648 0 60.331l-255.962 255.957c-8.32 8.316-19.238 12.501-30.165 12.501z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-contract"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 359, "id": 15, "name": "transaction-contract", "prevSize": 32, "code": 59760 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 102
+    },
+    {
+      "icon": {
+        "paths": [
+          "M541.212 54.359c240.375 14.001 430.564 211.967 430.564 456.688v11.187h-0.442c-6.035 245.036-209.306 445.74-454.684 445.753-243.412-0.013-447.798-191.936-462.5-425.19l-0.812-22.687c-2.69-269.914 212.311-468.533 464.437-466.5l23.437 0.75zM783.898 246.797c-143.603-146.78-380.79-150.589-530.748-10.375l-14.25 14.063c-141.5 146.739-122.166 357.857-38 470.188 47.114-64.858 94.135-129.594 141.125-194.188l8.125-10.5c2.674-3.169 5.381-5.966 8.063-8.375 5.455-4.897 11.597-8.618 18.875-9.812 7.292-1.189 14.301 0.376 21 3.313 6.57 2.884 13.519 7.387 21.062 12.875l93.313 68.188c49.069-64.449 98.020-128.683 148.875-195.437-27.175 5.656-52.363 10.95-77.563 15.875l0.063 0.063c-11.646 2.306-22.923 0.737-32.125-4.876-9.241-5.649-15.516-14.825-18.063-25.812l-0.063-0.062c-4.715-21.014 7.438-41.954 30.438-46.688l88.813-18.312c29.613-6.008 59.309-11.855 88.998-17.5 12-2.228 23.693-1.832 32.877 5.375 8.832 6.945 12.595 18.086 14.56 29.875l12.941 78c4.32 25.966 8.678 51.931 12.998 77.937l0.998 9.562c0.416 9.343-1.062 18.037-5.184 25.375-5.798 10.291-15.75 16.126-27.629 17.75-11.834 1.549-22.944-1.732-31.501-9.313-8.365-7.428-13.594-18.266-15.686-30.687-3.238-19.543-6.458-39.155-9.875-59.75-54.368 70.908-108.722 141.83-162.936 212.872-6.36 8.301-12.18 15.334-17.812 20.442-5.713 5.171-12.12 9.235-19.875 10.31-7.74 1.062-15.076-1.082-22.063-4.499-3.444-1.69-7.109-3.814-10.938-6.31l-12.25-8.563c-29.16-21.452-58.467-42.769-88.375-64.564-46.73 63.739-92.966 126.958-139.188 190.062 133.372 126.49 361.641 149.619 521.878-1.312l13.747-13.626c132.685-139.053 136.704-361.91 8.627-507.249l-13.254-14.312zM251.15 797.050c1.729 1.568 3.555 3.021 5.313 4.557-1.891-1.651-3.83-3.245-5.688-4.934l0.375 0.378zM181.462 712.237c3.613 5.53 7.3 10.918 11.188 16.058l8.687 10.938-8.375-10.56c-3.992-5.261-7.796-10.771-11.5-16.435zM556.588 340.047c2.835-1.724 6.084-3.063 9.75-3.812l-5.875 1.812c-1.375 0.573-2.658 1.26-3.875 2z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-earn"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 360, "id": 14, "name": "transaction-earn", "prevSize": 32, "code": 59761 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 103
+    },
+    {
+      "icon": {
+        "paths": [
+          "M876.556 99.153c-16.376-12.452-43.794-16.428-81.785-16.428-89.059 0-182.977 23.253-241.275 71.286l-8.995 7.909-18.629 18.704c-122.078-23.104-236.033-3.285-336.892 43.851-43.021 20.106-74.2 40.482-91.823 54.863-18.921 15.44-20.42 44.030-3.219 61.4l136.609 137.993-29.413 29.729-4.041 4.448c-39.17 47.084 1.384 129.102 75.762 204.194l7.22 7.16c74.795 72.868 155.006 110.064 199.406 65.319l29.471-29.848 136.684 138.031 3.85 3.432c17.334 13.631 42.77 11.059 56.971-6.685 14.246-17.797 34.427-49.279 54.338-92.721 45.351-98.931 65.171-210.33 45.294-329.597l-1.896-10.543 18.506-18.678 6.435-7.545c69.358-86.265 92.578-279.293 55.288-328.405-2.257-2.971-4.903-5.619-7.864-7.872zM566.87 701.26l164.086-165.642c5.059 82.842-12.075 160.698-44.503 231.436l-6.005 12.636c-4.051 8.225-8.184 16.048-12.513 23.618l-101.065-102.048zM794.771 165.433c-71.029 0-146.907 18.706-187.163 50.672l-6.373 5.449-336.346 339.499 1.029 3.826 2.098 6.078 1.384 3.404 2.501 5.517c11.216 23.376 32.218 51.823 58.882 78.742 26.676 26.931 54.846 48.144 77.987 59.474 3.792 1.86 7.298 3.371 10.436 4.542l4.42 1.503 3.793 1.008 335.704-338.928c26.477-29.211 44.896-81.041 52.543-141.297 2.634-20.728 3.785-41.26 3.527-59.102l-0.328-10.362-0.647-9.090-9.339-0.623-6.832-0.232-7.274-0.079zM198.963 311.785c7.741-4.16 15.89-8.26 24.431-12.252 70.062-32.743 147.18-50.044 229.247-44.929l-164.135 165.614-101.072-102.037 11.529-6.395z"
+        ],
+        "attrs": [{}],
+        "width": 983,
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-execute"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 361, "id": 13, "name": "transaction-execute", "prevSize": 32, "code": 59762 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 104
+    },
+    {
+      "icon": {
+        "paths": [
+          "M235.766 355.071c35.865-0.046 65.146 29.234 65.1 65.097v210.851l441.38-441.36c25.323-25.321 66.756-25.321 92.079 0 25.365 25.367 25.323 66.754 0 92.075l-441.38 441.36 210.908 0.047c35.819 0 65.097 29.282 65.097 65.097 0 35.819-29.278 65.097-65.097 65.097l-368.086-0.043c-5.433 0.090-10.313-1.843-15.331-3.085-3.084-0.785-6.307-0.691-9.346-1.89-2.717-1.058-4.834-3.174-7.274-4.693-12.385-7.138-22.652-17.498-28.176-30.754-1.151-2.901-1.059-6.033-1.796-9.071-1.335-5.107-3.177-9.988-3.177-15.607v-368.022c0-35.817 29.281-65.097 65.1-65.097z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-incoming"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 374, "id": 12, "name": "transaction-incoming", "prevSize": 32, "code": 59763 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 105
+    },
+    {
+      "icon": {
+        "paths": [
+          "M756.703 648.356c-34.431 0.045-62.538-28.336-62.493-63.095v-204.366l-423.727 427.787c-24.309 24.539-64.087 24.539-88.396 0-24.353-24.588-24.309-64.705 0-89.244l423.727-427.786-202.472-0.045c-34.386 0-62.496-28.379-62.496-63.095s28.11-63.094 62.496-63.094l353.361 0.045c5.218-0.089 9.9 1.785 14.717 2.99 2.961 0.759 6.058 0.669 8.974 1.829 2.609 1.026 4.641 3.079 6.984 4.551 11.887 6.917 21.746 16.956 27.050 29.807 1.102 2.811 1.016 5.845 1.72 8.79 1.282 4.953 3.052 9.683 3.052 15.127v356.704c0 34.714-28.111 63.095-62.497 63.095z"
+        ],
+        "attrs": [{}],
+        "width": 983,
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-outgoing"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 373, "id": 11, "name": "transaction-outgoing", "prevSize": 32, "code": 59764 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 106
+    },
+    {
+      "icon": {
+        "paths": [
+          "M832.499 512.32c0-176.555-143.539-320.181-320-320.32v-128c239.91 0.135 436.343 189.779 447.501 427.012v-1.557c0.384 7.573 0.576 15.198 0.576 22.865s-0.192 15.287-0.576 22.865v-1.557c-10.803 229.734-195.358 414.784-424.887 426.372h0.009c-0.9 0.047-1.805 0.090-2.709 0.128-6.682 0.299-13.402 0.448-20.156 0.448zM512.499 960v-127.424c176.461-0.141 320-143.765 320-320.256zM512.499 960h-0.499v-896c-239.909 0.135-436.344 189.779-447.5 427.012v-1.557c-0.382 7.573-0.576 15.198-0.576 22.865s0.194 15.287 0.576 22.865v-1.557c10.804 229.734 195.36 414.784 424.891 426.372h-0.013c0.055 0.004 0.111 0.004 0.166 0.009 7.518 0.375 15.087 0.567 22.699 0.567z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-partial-fill"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 372, "id": 10, "name": "transaction-partial-fill", "prevSize": 32, "code": 59765 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 107
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.009 42.671c-63.962-0.254-127.283 12.687-186.014 38.014s-111.606 62.497-155.32 109.186v-83.2c0.070-6.185-1.206-12.311-3.738-17.954s-6.262-10.668-10.929-14.726c-4.667-4.059-10.161-7.054-16.101-8.778s-12.183-2.137-18.298-1.209c-10.351 2.006-19.661 7.599-26.295 15.793s-10.164 18.466-9.972 29.007v189.867c0 11.316 4.495 22.168 12.497 30.17s18.854 12.497 30.17 12.497h192c6.185 0.070 12.311-1.206 17.954-3.738s10.668-6.262 14.726-10.929c4.059-4.667 7.054-10.161 8.779-16.101s2.137-12.183 1.208-18.298c-2.006-10.351-7.599-19.661-15.793-26.295s-18.466-10.164-29.007-9.972h-91.733c49.696-55.344 114.396-95.063 186.238-114.332 71.84-19.269 147.736-17.258 218.456 5.789s133.227 66.136 179.921 124.034c46.694 57.898 75.571 128.111 83.119 202.109 1.058 10.56 6.020 20.348 13.909 27.447s18.142 11.004 28.757 10.953c5.982 0.030 11.9-1.199 17.374-3.605 5.478-2.406 10.385-5.935 14.409-10.359 4.023-4.429 7.074-9.647 8.947-15.33 1.873-5.679 2.534-11.686 1.937-17.638-11.639-115.805-65.89-223.153-152.226-301.208-86.332-78.054-198.588-121.247-314.974-121.193z",
+          "M896.081 682.667h-192c-6.187-0.068-12.309 1.207-17.954 3.738-5.645 2.534-10.667 6.263-14.724 10.931-4.062 4.668-7.057 10.159-8.781 16.098-1.724 5.943-2.138 12.186-1.207 18.3 2.005 10.351 7.599 19.661 15.791 26.295 8.196 6.635 18.466 10.163 29.009 9.971h91.733c-49.698 55.343-114.398 95.061-186.24 114.334-71.842 19.268-147.733 17.254-218.455-5.79-70.721-23.049-133.227-66.138-179.922-124.036-46.695-57.894-75.571-128.111-83.117-202.108-1.061-10.56-6.021-20.348-13.91-27.447s-18.142-11.004-28.756-10.953c-5.981-0.030-11.901 1.199-17.377 3.605s-10.385 5.935-14.408 10.359c-4.023 4.429-7.071 9.647-8.946 15.33-1.875 5.679-2.534 11.686-1.936 17.638 8.961 89.579 43.494 174.686 99.483 245.18s131.070 123.401 216.292 152.405c85.223 29.009 176.986 32.892 264.355 11.191 87.373-21.696 166.656-68.066 228.403-133.577v83.2c-0.073 6.187 1.203 12.309 3.738 17.954s6.263 10.667 10.927 14.724c4.668 4.062 10.163 7.057 16.102 8.781s12.186 2.138 18.3 1.207c10.351-2.005 19.661-7.599 26.295-15.791 6.63-8.196 10.163-18.466 9.971-29.009v-189.867c0-11.315-4.497-22.17-12.497-30.17s-18.854-12.497-30.17-12.497z",
+          "M738.837 465.613h-180.275v-180.274c0-25.617-20.766-46.409-46.409-46.409-25.617 0-46.409 20.791-46.409 46.409v180.274h-180.225c-25.641 0-46.408 20.791-46.408 46.409s20.768 46.409 46.408 46.409h180.225v180.25c0 25.617 20.791 46.409 46.409 46.409 25.643 0 46.409-20.791 46.409-46.409v-180.25h180.275c25.617 0 46.409-20.791 46.409-46.409s-20.791-46.409-46.409-46.409z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-recovery"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 371, "id": 9, "name": "transaction-recovery", "prevSize": 32, "code": 59766 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 108
+    },
+    {
+      "icon": {
+        "paths": [
+          "M980.258 154.546c3.703-20.891 3.699-20.892 3.691-20.893l16.439 2.448 2.675 15.065c-0.004-0.008-0.004-0.015-22.805 3.38z",
+          "M70.168 151.181l-0.013 0.074-0.029 0.169-0.098 0.578-0.336 2.087c-0.28 1.795-0.663 4.384-1.1 7.688-0.873 6.605-1.961 16.079-2.86 27.772-1.793 23.348-2.842 55.745 0.164 91.934 5.942 71.526 28.060 161.951 96.514 224.671 51.195 46.903 119.207 69.956 182.265 80.905 50.973 8.849 100.099 10.035 137.33 8.9v252.002c0 26.53 23.475 48.038 52.433 48.038s52.433-21.508 52.433-48.038v-252.109c36.843 1.323 86.306 0.474 137.907-8.124 64.137-10.688 133.828-33.724 186.031-81.553 68.463-62.724 90.581-153.159 96.525-224.693 3.008-36.193 1.958-68.593 0.162-91.944-0.896-11.695-1.984-21.17-2.859-27.776-0.435-3.304-0.819-5.894-1.101-7.689l-0.337-2.087-0.094-0.578-0.030-0.169-0.013-0.074-22.805 3.38 3.691-20.893-0.9-0.129-2.278-0.308c-1.958-0.256-4.783-0.608-8.388-1.008-7.211-0.8-17.553-1.798-30.319-2.621-25.485-1.643-60.847-2.604-100.352 0.15-78.071 5.445-176.777 25.712-245.239 88.438-26.227 24.029-45.611 52.096-59.883 81.484-14.268-29.386-33.651-57.45-59.874-81.478-68.455-62.719-167.148-82.984-245.214-88.428-39.498-2.755-74.857-1.793-100.34-0.15-12.763 0.823-23.103 1.82-30.312 2.62-3.606 0.4-6.432 0.751-8.391 1.008l-2.278 0.308-0.631 0.090-0.185 0.027-0.081 0.012 3.688 20.893c-3.702-20.873-3.696-20.892-3.688-20.893l-16.442 2.448-2.672 15.065c0.002-0.008 0.020-0.012 22.802 3.38l-22.802-3.38zM849.673 225.542c19.631-1.369 38.182-1.648 54.579-1.356 0.316 15.023 0.013 32.019-1.481 50.006-5.303 63.805-24.358 125.788-66.112 164.047-41.758 38.259-109.41 55.718-179.051 60.574-19.631 1.37-38.182 1.647-54.575 1.357-0.32-15.023-0.017-32.021 1.481-50.005 5.299-63.806 24.354-125.789 66.112-164.048 41.754-38.258 109.406-55.717 179.046-60.573zM170.461 274.192c-1.494-17.981-1.799-34.972-1.481-49.99 16.392-0.292 34.937-0.012 54.562 1.356 69.631 4.855 137.271 22.312 179.020 60.564 41.747 38.252 60.802 100.224 66.101 164.020 1.493 17.98 1.801 34.974 1.481 49.993-16.393 0.29-34.935 0.013-54.562-1.357-69.63-4.855-137.27-22.315-179.020-60.565s-60.802-100.224-66.102-164.020z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-stake"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 370, "id": 8, "name": "transaction-stake", "prevSize": 32, "code": 59767 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 109
+    },
+    {
+      "icon": {
+        "paths": [
+          "M670.175 133.068c-12.157-11.836-31.605-11.576-43.438 0.58-11.837 12.156-11.579 31.605 0.578 43.44l73.273 71.343h-370.421c-41.68 0-81.813 16.114-111.528 45.047-29.744 28.96-46.609 68.416-46.609 109.735v62.031c0 16.966 13.754 30.72 30.72 30.72s30.72-13.754 30.72-30.72v-62.031c0-24.487 9.983-48.143 28.031-65.715 18.075-17.599 42.761-27.628 68.667-27.628h370.396l-73.249 71.321c-12.157 11.835-12.415 31.283-0.578 43.44 11.833 12.157 31.281 12.415 43.438 0.582l127.418-124.063c5.939-5.783 9.29-13.721 9.29-22.010s-3.351-16.227-9.29-22.010l-127.418-124.062zM352.178 567.869c11.836 12.153 11.576 31.605-0.58 43.438l-73.254 71.324h370.368c25.907 0 50.594-10.027 68.669-27.628 18.047-17.572 28.029-41.226 28.029-65.712v-62.034c0-16.966 13.754-30.72 30.72-30.72s30.72 13.754 30.72 30.72v62.034c0 41.316-16.867 80.773-46.608 109.732-29.716 28.934-69.849 45.048-111.53 45.048h-370.384l73.27 71.34c12.156 11.837 12.415 31.285 0.58 43.442-11.836 12.153-31.284 12.415-43.441 0.578l-127.418-124.060c-1.823-1.778-3.403-3.756-4.716-5.886-2.755-4.452-4.403-9.662-4.561-15.249-0.009-0.291-0.013-0.59-0.013-0.885 0-8.843 3.739-16.818 9.723-22.422l126.985-123.642c12.156-11.833 31.605-11.575 43.441 0.582z"
+        ],
+        "attrs": [{}],
+        "width": 983,
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-swap"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 369, "id": 7, "name": "transaction-swap", "prevSize": 32, "code": 59768 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 110
+    },
+    {
+      "icon": {
+        "paths": [
+          "M967.629 575.548c-18.27-19.029-48.141-19.029-66.411 0l-107.558 111.753v-467.835c0-26.839-21.137-48.799-46.972-48.799-25.877 0-46.967 21.959-46.967 48.799v467.835l-107.605-111.753c-18.27-18.982-48.141-18.982-66.411 0-18.274 18.987-18.274 50.022 0 69.005l187.78 195.046c2.722 2.927 6.199 4.489 9.391 6.49 1.975 1.22 3.571 2.978 5.73 3.955 1.929 0.879 4.087 0.879 6.106 1.365 9.958 2.782 20.48 2.731 30.063-1.365 2.065-0.93 3.614-2.637 5.542-3.857 3.285-2.001 6.716-3.61 9.579-6.588l187.733-195.046c18.274-18.982 18.274-50.018 0-69.005z",
+          "M498.295 448.452c-18.27 19.029-48.141 19.029-66.411 0l-107.559-111.751v467.834c0 26.837-21.136 48.798-46.969 48.798-25.879 0-46.969-21.961-46.969-48.798v-467.834l-107.605 111.751c-18.271 18.982-48.143 18.982-66.413 0-18.271-18.987-18.271-50.021 0-69.004l187.78-195.048c2.724-2.928 6.2-4.49 9.393-6.49 1.973-1.22 3.569-2.977 5.73-3.953 1.926-0.879 4.086-0.879 6.106-1.366 9.957-2.782 20.478-2.733 30.060 1.366 2.066 0.927 3.616 2.635 5.542 3.855 3.287 2.001 6.716 3.611 9.581 6.588l187.732 195.048c18.274 18.983 18.274 50.017 0 69.004z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transactions"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 368, "id": 6, "name": "transactions", "prevSize": 32, "code": 59769 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 111
+    },
+    {
+      "icon": {
+        "paths": [
+          "M111.711 109.709l310.636 443.769-312.598 360.801h70.353l273.679-315.886 221.124 315.886h239.418l-328.116-468.728 290.964-335.842h-70.355l-252.043 290.927-203.647-290.927h-239.415zM215.171 165.077h109.988l485.689 693.828h-109.99l-485.686-693.828z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["twitter-x"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 367, "id": 5, "name": "twitter-x", "prevSize": 32, "code": 59770 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 112
+    },
+    {
+      "icon": {
+        "paths": [
+          "M768 810.522c0 23.552-19.115 42.667-42.667 42.667h-426.667c-23.552 0-42.667-19.115-42.667-42.667v-298.667c0-23.552 19.115-42.667 42.667-42.667h426.667c23.552 0 42.667 19.115 42.667 42.667v298.667zM768.171 391.791v-50.432c0-141.184-114.859-256.043-256-256.043-103.125 0-195.669 61.397-235.819 156.373-9.173 21.717 0.939 46.763 22.656 55.936 21.675 9.131 46.763-1.024 55.893-22.699 26.795-63.317 88.533-104.277 157.269-104.277 94.123 0 170.667 76.587 170.667 170.709v42.496h-384.171c-70.571 0-128 57.429-128 128v298.667c0 70.571 57.429 128 128 128h426.667c70.571 0 128-57.429 128-128v-298.667c0-55.509-35.712-102.357-85.163-120.064z",
+          "M576 618.398c0-35.371-28.672-64-64-64s-64 28.629-64 64c0 18.901 8.363 35.755 21.419 47.445v59.051c0 23.637 19.157 42.795 42.837 42.795 23.637 0 42.795-19.157 42.795-42.795v-59.392c12.8-11.733 20.949-28.416 20.949-47.104z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["unlock"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 366, "id": 4, "name": "unlock", "prevSize": 32, "code": 59771 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 113
+    },
+    {
+      "icon": {
+        "paths": [
+          "M908.809 229.248c-22.528-7.253-46.464 4.992-53.803 27.392l-16.896 52.053c-68.864-110.805-190.507-180.693-325.973-180.693-178.987 0-332.672 121.515-373.76 295.467-5.419 22.912 8.789 45.909 31.787 51.328 3.285 0.725 6.571 1.109 9.813 1.109 19.328 0 36.821-13.184 41.515-32.853 31.915-135.253 151.424-229.717 290.646-229.717 106.283 0 200.96 55.808 254.251 143.317l-66.133-20.309c-22.571-6.997-46.421 5.803-53.333 28.245-6.912 22.528 5.76 46.421 28.245 53.333l157.312 48.341c4.181 1.28 8.405 1.877 12.544 1.877 18.005 0 34.688-11.477 40.576-29.483l50.603-155.605c7.253-22.443-5.035-46.507-27.392-53.803z",
+          "M855.309 536.375c-23.424-4.565-45.611 10.539-50.133 33.621-27.392 139.477-150.656 240.683-293.035 240.683-105.941 0-200.704-55.765-254.037-143.104l65.237 20.096c22.613 7.040 46.421-5.76 53.333-28.245 6.912-22.571-5.717-46.421-28.245-53.333l-157.269-48.384c-22.315-6.869-45.909 5.461-53.163 27.605l-50.56 155.691c-7.296 22.357 4.992 46.464 27.435 53.76 4.352 1.408 8.789 2.048 13.141 2.048 18.005 0 34.731-11.435 40.576-29.483l17.152-52.736c68.779 111.189 190.891 181.419 326.4 181.419 183.040 0 341.504-130.176 376.789-309.504 4.565-23.125-10.539-45.611-33.621-50.133z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["update"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 364, "id": 3, "name": "update", "prevSize": 32, "code": 59772 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 114
+    },
+    {
+      "icon": {
+        "paths": [
+          "M469.312 359.087v536.875c0 23.595 19.115 42.667 42.667 42.667 23.595 0 42.667-19.072 42.667-42.667v-536.875l175.872 175.829c16.683 16.683 43.691 16.683 60.331 0 16.683-16.683 16.683-43.648 0-60.331l-241.365-241.365c-1.237-1.237-2.56-2.389-3.883-3.413-7.851-10.027-19.968-16.384-33.621-16.384-13.611 0-25.771 6.357-33.579 16.384-1.323 1.024-2.688 2.176-3.883 3.413l-241.365 241.365c-16.683 16.683-16.683 43.648 0 60.331 16.64 16.683 43.648 16.683 60.331 0l175.829-175.829z",
+          "M895.979 170.667h-768c-23.467 0-42.667-19.2-42.667-42.667s19.2-42.667 42.667-42.667h768c23.509 0 42.667 19.2 42.667 42.667s-19.157 42.667-42.667 42.667z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["upload"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 365, "id": 2, "name": "upload", "prevSize": 32, "code": 59773 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 115
+    },
+    {
+      "icon": {
+        "paths": [
+          "M896 640v85.333c0 47.13-38.204 85.333-85.333 85.333h-640c-47.128 0-85.333-38.204-85.333-85.333v-426.667c0-47.128 38.205-85.333 85.333-85.333h640c47.13 0 85.333 38.205 85.333 85.333v85.333c23.565 0 42.667 19.103 42.667 42.667v170.667c0 23.565-19.102 42.667-42.667 42.667zM810.667 384v-85.333h-640v426.667h640v-85.333h-128c-23.565 0-42.667-19.102-42.667-42.667v-170.667c0-23.564 19.102-42.667 42.667-42.667h128zM725.333 554.667v-85.333h128v85.333h-128z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["wallet"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 363, "id": 1, "name": "wallet", "prevSize": 32, "code": 59774 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 116
+    },
+    {
+      "icon": {
+        "paths": [
+          "M327.638 166.603c50.311 0 86.695 34.066 113.199 80.535 8.055 14.121 14.566 28.392 19.712 41.37h-132.911c-16.764 0-32.842-6.421-44.696-17.852s-18.513-26.935-18.513-43.1c0-16.166 6.659-31.669 18.513-43.1s27.932-17.853 44.696-17.853zM512 203.349c-32.030-54.196-89.885-118.016-184.362-118.016-39.117 0-76.631 14.984-104.291 41.656s-43.199 62.847-43.199 100.566c0 35.073 13.435 68.811 37.557 94.815h-93.584c-21.422 0-38.788 15.16-38.788 33.862v169.314c0 18.701 17.366 33.86 38.788 33.86h8.62v343.706c0 19.635 18.867 35.554 42.14 35.554h674.237c23.275 0 42.142-15.919 42.142-35.554v-343.706h8.619c21.423 0 38.788-15.159 38.788-33.86v-169.314c0-18.702-17.365-33.862-38.788-33.862h-93.585c24.124-26.004 37.559-59.742 37.559-94.815 0-37.719-15.539-73.894-43.2-100.566s-65.173-41.656-104.29-41.656c-94.477 0-152.333 63.82-184.363 118.016zM559.407 867.554v-308.147h247.573v308.147h-247.573zM464.593 559.407v308.147h-247.572v-308.147h247.572zM559.407 491.682v-101.587h301.683v101.587h-301.683zM464.593 390.095v101.587h-301.684v-101.587h301.684zM696.363 288.508h-132.911c5.146-12.978 11.657-27.249 19.712-41.37 26.505-46.469 62.886-80.535 113.199-80.535 16.764 0 32.841 6.422 44.698 17.853 11.853 11.431 18.513 26.934 18.513 43.1s-6.66 31.669-18.513 43.1c-11.857 11.431-27.934 17.852-44.698 17.852z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["what-is-new"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 362, "id": 0, "name": "what-is-new", "prevSize": 32, "code": 59775 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 117
+    }
+  ],
+  "height": 1024,
+  "metadata": { "name": "safe-icons" },
+  "preferences": {
+    "showGlyphs": true,
+    "showCodes": true,
+    "showQuickUse": true,
+    "showQuickUse2": true,
+    "showSVGs": true,
+    "fontPref": {
+      "prefix": "icon-",
+      "metadata": { "fontFamily": "safe-icons", "majorVersion": 1, "minorVersion": 0 },
+      "metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+      "embed": false,
+      "noie8": true,
+      "ie7": false
+    },
+    "imagePref": { "prefix": "icon-", "png": true, "useClassSelector": true, "color": 0, "bgColor": 16777215 },
+    "historySize": 50,
+    "gridSize": 16
+  }
+}
diff --git a/apps/mobile/assets/images/adaptive-icon.png b/apps/mobile/assets/images/adaptive-icon.png
new file mode 100644
index 000000000..0e4aed7ff
Binary files /dev/null and b/apps/mobile/assets/images/adaptive-icon.png differ
diff --git a/apps/mobile/assets/images/anywhere.png b/apps/mobile/assets/images/anywhere.png
new file mode 100644
index 000000000..e5d8e6d07
Binary files /dev/null and b/apps/mobile/assets/images/anywhere.png differ
diff --git a/apps/mobile/assets/images/biometrics-dark-android.png b/apps/mobile/assets/images/biometrics-dark-android.png
new file mode 100644
index 000000000..1534ef0f4
Binary files /dev/null and b/apps/mobile/assets/images/biometrics-dark-android.png differ
diff --git a/apps/mobile/assets/images/biometrics-dark.png b/apps/mobile/assets/images/biometrics-dark.png
new file mode 100644
index 000000000..7da568361
Binary files /dev/null and b/apps/mobile/assets/images/biometrics-dark.png differ
diff --git a/apps/mobile/assets/images/biometrics-light-android.png b/apps/mobile/assets/images/biometrics-light-android.png
new file mode 100644
index 000000000..a4fc75c01
Binary files /dev/null and b/apps/mobile/assets/images/biometrics-light-android.png differ
diff --git a/apps/mobile/assets/images/biometrics-light.png b/apps/mobile/assets/images/biometrics-light.png
new file mode 100644
index 000000000..b09828f76
Binary files /dev/null and b/apps/mobile/assets/images/biometrics-light.png differ
diff --git a/apps/mobile/assets/images/ic_notification.png b/apps/mobile/assets/images/ic_notification.png
new file mode 100644
index 000000000..4bbbca5e2
Binary files /dev/null and b/apps/mobile/assets/images/ic_notification.png differ
diff --git a/apps/mobile/assets/images/icon.png b/apps/mobile/assets/images/icon.png
new file mode 100644
index 000000000..4bbbca5e2
Binary files /dev/null and b/apps/mobile/assets/images/icon.png differ
diff --git a/apps/mobile/assets/images/illustration.png b/apps/mobile/assets/images/illustration.png
new file mode 100644
index 000000000..2289ccfb1
Binary files /dev/null and b/apps/mobile/assets/images/illustration.png differ
diff --git a/apps/mobile/assets/images/import-data-select-files-dark@3x.png b/apps/mobile/assets/images/import-data-select-files-dark@3x.png
new file mode 100644
index 000000000..70118c677
Binary files /dev/null and b/apps/mobile/assets/images/import-data-select-files-dark@3x.png differ
diff --git a/apps/mobile/assets/images/import-data-select-files-light@3x.png b/apps/mobile/assets/images/import-data-select-files-light@3x.png
new file mode 100644
index 000000000..901d52afa
Binary files /dev/null and b/apps/mobile/assets/images/import-data-select-files-light@3x.png differ
diff --git a/apps/mobile/assets/images/metamask.png b/apps/mobile/assets/images/metamask.png
new file mode 100644
index 000000000..01c1984d1
Binary files /dev/null and b/apps/mobile/assets/images/metamask.png differ
diff --git a/apps/mobile/assets/images/monochrome-icon.png b/apps/mobile/assets/images/monochrome-icon.png
new file mode 100644
index 000000000..e81282c7d
Binary files /dev/null and b/apps/mobile/assets/images/monochrome-icon.png differ
diff --git a/apps/mobile/assets/images/notifications-dark.png b/apps/mobile/assets/images/notifications-dark.png
new file mode 100644
index 000000000..7e58cb662
Binary files /dev/null and b/apps/mobile/assets/images/notifications-dark.png differ
diff --git a/apps/mobile/assets/images/notifications-light.png b/apps/mobile/assets/images/notifications-light.png
new file mode 100644
index 000000000..c578235d6
Binary files /dev/null and b/apps/mobile/assets/images/notifications-light.png differ
diff --git a/apps/mobile/assets/images/partial-react-logo.png b/apps/mobile/assets/images/partial-react-logo.png
new file mode 100644
index 000000000..66fd9570e
Binary files /dev/null and b/apps/mobile/assets/images/partial-react-logo.png differ
diff --git a/apps/mobile/assets/images/personalised-updates.png b/apps/mobile/assets/images/personalised-updates.png
new file mode 100644
index 000000000..89d1dbebf
Binary files /dev/null and b/apps/mobile/assets/images/personalised-updates.png differ
diff --git a/apps/mobile/assets/images/safe-wallet.png b/apps/mobile/assets/images/safe-wallet.png
new file mode 100644
index 000000000..58c19a10d
Binary files /dev/null and b/apps/mobile/assets/images/safe-wallet.png differ
diff --git a/apps/mobile/assets/images/seed.png b/apps/mobile/assets/images/seed.png
new file mode 100644
index 000000000..2f49c69de
Binary files /dev/null and b/apps/mobile/assets/images/seed.png differ
diff --git a/apps/mobile/assets/images/select-signer.png b/apps/mobile/assets/images/select-signer.png
new file mode 100644
index 000000000..1287abea9
Binary files /dev/null and b/apps/mobile/assets/images/select-signer.png differ
diff --git a/apps/mobile/assets/images/signature.png b/apps/mobile/assets/images/signature.png
new file mode 100644
index 000000000..5bd8ca831
Binary files /dev/null and b/apps/mobile/assets/images/signature.png differ
diff --git a/apps/mobile/assets/images/splash.png b/apps/mobile/assets/images/splash.png
new file mode 100644
index 000000000..59b12daa4
Binary files /dev/null and b/apps/mobile/assets/images/splash.png differ
diff --git a/apps/mobile/assets/images/transfer-old-app-dark@3x.png b/apps/mobile/assets/images/transfer-old-app-dark@3x.png
new file mode 100644
index 000000000..e310360d0
Binary files /dev/null and b/apps/mobile/assets/images/transfer-old-app-dark@3x.png differ
diff --git a/apps/mobile/assets/images/transfer-old-app-light@3x.png b/apps/mobile/assets/images/transfer-old-app-light@3x.png
new file mode 100644
index 000000000..4af4dd817
Binary files /dev/null and b/apps/mobile/assets/images/transfer-old-app-light@3x.png differ
diff --git a/apps/mobile/assets/images/wallet.png b/apps/mobile/assets/images/wallet.png
new file mode 100644
index 000000000..521153171
Binary files /dev/null and b/apps/mobile/assets/images/wallet.png differ
diff --git a/apps/mobile/babel.config.js b/apps/mobile/babel.config.js
new file mode 100644
index 000000000..e1e3637af
--- /dev/null
+++ b/apps/mobile/babel.config.js
@@ -0,0 +1,6 @@
+module.exports = function (api) {
+  api.cache(true)
+  return {
+    presets: ['babel-preset-expo'],
+  }
+}
diff --git a/apps/mobile/docs/analytics.md b/apps/mobile/docs/analytics.md
new file mode 100644
index 000000000..f932e7311
--- /dev/null
+++ b/apps/mobile/docs/analytics.md
@@ -0,0 +1,168 @@
+# Mobile Analytics Service
+
+This document explains how analytics are implemented in the Safe{Wallet} mobile app using Firebase Analytics, designed to match the Google Analytics implementation in the web app.
+
+## Overview
+
+The mobile analytics service provides:
+
+- Automatic tracking of common parameters with every event
+- Structured event tracking for key user actions
+- Screen view tracking
+- User property management
+- Firebase Analytics integration
+
+## Architecture
+
+The analytics service consists of several modules:
+
+### Core Service (`firebaseAnalytics.ts`)
+
+- Handles Firebase Analytics integration
+- Manages common parameters (appVersion, chainId, deviceType, safeAddress)
+- Provides functions for tracking events, setting user properties, and managing analytics state
+
+### Types (`types.ts`)
+
+- Defines TypeScript interfaces and enums
+- Includes event types, device types, transaction types, and user properties
+
+### Events (`events/`)
+
+- Modular event definitions organized by category
+- Helper functions for creating events with specific labels
+
+### Redux Middleware (`store/middleware/analytics/`)
+
+We use the **Strategy Pattern** to easily subscribe to more redux events and in response to them dispatch analytics events
+
+### Hooks
+
+- `useAnalytics.ts`: Manages analytics context and common parameters
+- `useScreenTracking.ts`: Tracks screen views automatically
+
+## Usage
+
+### Analytics Enablement
+
+Analytics are **enabled by user consent** in the GetStarted screen when users first interact with the app:
+
+```typescript
+// In GetStarted screen
+import { setAnalyticsCollectionEnabled } from '@/src/services/analytics'
+
+const enableCrashlytics = async () => {
+  await getCrashlytics().setCrashlyticsCollectionEnabled(true)
+  await setAnalyticsCollectionEnabled(true) // User consents to analytics
+}
+```
+
+### Basic Setup
+
+The analytics system is automatically set up and requires minimal configuration:
+
+1. **Global Setup**: The `useAnalytics()` hook is called in `_layout.tsx` to manage global analytics state
+2. **Redux Middleware**: We prefer to use the redux middleware to track actions such as safe_open, signing txs etc
+3. **Manual Tracking**: Use `trackEvent` for any additional manual tracking needs
+
+### Manual Event Tracking
+
+Import and use the `trackEvent` function:
+
+```typescript
+import { trackEvent, OVERVIEW_EVENTS } from '@/src/services/analytics'
+
+// Track a simple event
+await trackEvent(OVERVIEW_EVENTS.SAFE_VIEWED)
+```
+
+### Redux middleware Tracking
+
+Most events should be tracked via Redux middleware.
+
+### Managing User Properties
+
+Set user properties for analytics segmentation:
+
+```typescript
+import { setUserProperty, AnalyticsUserProperties } from '@/src/services/analytics'
+
+// Set wallet information
+await setUserProperty(AnalyticsUserProperties.WALLET_LABEL, 'MetaMask')
+await setUserProperty(AnalyticsUserProperties.WALLET_ADDRESS, 'abcd1234...') // without 0x prefix
+```
+
+### Component Usage
+
+```typescript
+// In any component that displays safe information
+const SafeComponent = () => {
+  const handleTransaction = async () => {
+    await trackEvent(createTxConfirmEvent(TX_TYPES.transfer_token))
+    // Automatically includes correct safeAddress and chainId
+  }
+
+  return <SafeDetails address={safeAddress} onTransaction={handleTransaction} />
+}
+```
+
+## Event Structure
+
+### Common Parameters
+
+Every event automatically includes:
+
+- `appVersion`: Current app version from package.json
+- `chainId`: Current blockchain network ID from activeSafe or route params
+- `deviceType`: 'ios' or 'android'
+- `safeAddress`: Current safe address from activeSafe or route params (without 0x prefix)
+
+### Event Parameters
+
+Each tracked event includes:
+
+- `eventName`: Firebase Analytics event name
+- `eventCategory`: Categorizes the event (e.g., 'overview', 'transactions')
+- `eventAction`: Describes the action (e.g., 'Safe viewed', 'Confirm transaction')
+- `eventLabel`: Optional label for additional context (e.g., transaction type)
+
+## Development
+
+### Adding New Events
+
+1. Define event constants in the appropriate events file:
+
+```typescript
+// events/newCategory.ts
+export const NEW_CATEGORY_EVENTS = {
+  NEW_ACTION: {
+    eventName: EventType.NEW_EVENT,
+    eventCategory: 'new-category',
+    eventAction: 'New action',
+  },
+}
+```
+
+2. Export from `events/index.ts`:
+
+```typescript
+export * from './newCategory'
+```
+
+3. Use in components:
+
+```typescript
+import { trackEvent, NEW_CATEGORY_EVENTS } from '@/src/services/analytics'
+
+const MyComponent = () => {
+  const handleAction = async () => {
+    await trackEvent(NEW_CATEGORY_EVENTS.NEW_ACTION)
+  }
+
+  return <Button onPress={handleAction} />
+}
+```
+
+### Testing
+
+Analytics events are logged to console in development mode. Use Firebase Analytics DebugView for real-time event monitoring during development (https://firebase.google.com/docs/analytics/debugview).
diff --git a/apps/mobile/docs/code-style.md b/apps/mobile/docs/code-style.md
new file mode 100644
index 000000000..fd8188f37
--- /dev/null
+++ b/apps/mobile/docs/code-style.md
@@ -0,0 +1,69 @@
+# Code Style Guidelines
+
+## Code Structure
+
+### General Components
+
+- Components that are used across multiple features should reside in the `src/components/` folder.
+- Each component should have its own folder, structured as follows:
+  ```
+  Alert/
+  - Alert.tsx
+  - Alert.test.tsx
+  - Alert.stories.tsx
+  - index.tsx
+  ```
+- The main component implementation should be in a named file (e.g., `Alert.tsx`), and `index.tsx` should only be used for exporting the component.
+- **Reason**: Using `index.tsx` allows for cleaner imports, e.g.,
+  ```
+  import { Alert } from 'src/components/Alert';
+  ```
+  instead of:
+  ```
+  import { Alert } from 'src/components/Alert/Alert';
+  ```
+
+### Exporting Components
+
+- **Always prefer named exports over default exports.**
+  - Named exports make it easier to refactor and identify exports in a codebase.
+
+### Features and Screens
+
+- Feature-specific components and screens should be implemented inside the `src/features/` folder.
+
+#### Example: Feature File Structure
+
+For a feature called **Assets**, the file structure might look like this:
+
+```
+// src/features/Assets
+- Assets.container.tsx
+- index.tsx
+```
+
+- `index.tsx` should only export the **Assets** component/container.
+
+#### Subcomponents for Features
+
+- If a feature depends on multiple subcomponents unique to that feature, place them in a `components` subfolder. For example:
+
+```
+// src/features/Assets/components/AssetHeader
+- AssetHeader.tsx
+- AssetHeader.container.tsx
+- index.tsx
+```
+
+### Presentation vs. Container Components
+
+- **Presentation Components**:
+
+  - Responsible only for rendering the UI.
+  - Receive data and callbacks via props.
+  - Avoid direct manipulation of business logic.
+  - Simple business logic can be included but should generally be extracted into hooks.
+
+- **Container Components**:
+  - Handle business logic (e.g., state management, API calls, etc.).
+  - Pass necessary data and callbacks to the corresponding Presentation component.
diff --git a/apps/mobile/docs/e2e-tests-guidelines.md b/apps/mobile/docs/e2e-tests-guidelines.md
new file mode 100644
index 000000000..6a15bfb20
--- /dev/null
+++ b/apps/mobile/docs/e2e-tests-guidelines.md
@@ -0,0 +1,64 @@
+# E2E Testing Guidelines for React Native
+
+This document outlines best practices for writing and maintaining end-to-end tests.
+
+---
+
+## 1. TestID Naming Convention
+
+- **Format:** Use kebab-case.
+- **Suffixes:** Append a suffix that indicates the element type:
+  - **Button:** `continue-button`
+  - **Tab:** `home-tab`
+  - **Input:** `address-input`
+  - **Screen:** `settings-screen`
+- **Uniqueness:** It's virtually impossible to have unique testIDs across the app. We should make sure that every screen
+  has unique testIDs.
+
+---
+
+## 2. File Structure & Naming
+
+- **Directory:** Keep all e2e tests under the `/e2e` directory.
+- **File Names:** Name test files to clearly reflect the tested feature.
+
+---
+
+## 3. Selector Best Practices
+
+- **Primary Selector:** Rely on testIDs for selecting elements.
+- **Fallbacks:** Use accessibility labels only when testIDs are not available.
+- **Avoid:** Do not use dynamic selectors or indexes as they can lead to flaky tests.
+
+---
+
+## 4. Running & Debugging Tests
+
+The easiest way to write tests is to use Maestro Studio:
+
+- build the app and start the the e2e metro server:
+
+```
+yarn workspace @safe-global/mobile e2e:metro-ios
+```
+
+to run Maestro Studio:
+
+```
+maestro studio
+```
+
+- **Cross-Platform:**
+  Ideally, tests should run on both iOS and Android devices. In practice though Android tests are more flaky than iOS
+  tests.
+  Strive to run tests on both platforms, but prioritize iOS if necessary.
+
+---
+
+## 5. General Considerations
+
+- **Maintenance:** Regularly update tests to reflect UI changes.
+- **Readability:** Keep test code clean and well-documented.
+- **Consistency:** Adhere to project-wide code style and linting rules.
+
+_Happy testing!_
diff --git a/apps/mobile/docs/push-notifications.md b/apps/mobile/docs/push-notifications.md
new file mode 100644
index 000000000..2e82287ae
--- /dev/null
+++ b/apps/mobile/docs/push-notifications.md
@@ -0,0 +1,111 @@
+# Push Notifications
+
+This document explains how push notifications are implemented in the Safe{Wallet} mobile app. It covers the subscription flow, how notifications are displayed, and differences between iOS and Android.
+
+---
+
+## 1. Overview
+
+The app uses **Firebase Cloud Messaging (FCM)** together with **Notifee** to handle push notifications. When a user enables notifications, the app registers the device with FCM and then subscribes each Safe to receive updates from the Safe backend. Notifications are displayed via Notifee, which allows customization for both platforms.
+
+---
+
+## 2. Subscription Flow
+
+1. The user is prompted to enable notifications when adding the first Safe or via Settings.
+2. If accepted, the app requests device permissions and fetches an FCM token (`FCMService.initNotification`).
+3. The token, Safe address and chain IDs are sent to the backend using `registerSafe`.
+4. Each Safe subscription status is stored in the Redux store.
+5. Users can toggle notifications per Safe or globally in Settings. Toggling triggers `subscribeSafe` or `unsubscribeSafe`.
+
+The state diagram below summarises the logic for prompting and subscribing:
+
+```mermaid
+stateDiagram
+  direction TB
+  state SafeAdded {
+    direction TB
+    [*] --> FirstSafe
+    [*] --> AdditionalSafe
+    FirstSafe --> Prompted:Show push notif prompt
+    Prompted --> PromptAccepted:Accept
+    Prompted --> PromptDismissed:Dismiss / Close window
+    PromptAccepted --> HasDelegateKey
+    PromptDismissed --> Unsubscribed
+    AdditionalSafe --> CheckNotifSetting
+    CheckNotifSetting --> Unsubscribed:Notifications OFF
+    CheckNotifSetting --> HasDelegateKey:Notifications ON
+    HasDelegateKey --> SubscribedOwner:Has delegate key
+    HasDelegateKey --> SubscribedObserver:No delegate key
+    SubscribedObserver --> SubscribedOwner:Delegate key added later
+    GlobalNotifications --> GlobalNotifOn:Global Toggle ON
+    GlobalNotifOn --> IterateSafes
+    IterateSafes --> HasDelegateKey
+    IterateSafes --> SubscribedObserver
+    GlobalNotifications --> GlobalNotifOff:Global Toggle OFF
+    GlobalNotifOff --> AllUnsubscribed:Unsubscribe all Safes
+[*]    FirstSafe
+    AdditionalSafe
+    Prompted
+    PromptAccepted
+    PromptDismissed
+    HasDelegateKey
+    Unsubscribed
+    CheckNotifSetting
+    SubscribedOwner
+    SubscribedObserver
+    GlobalNotifications
+    GlobalNotifOn
+    IterateSafes
+    GlobalNotifOff
+    AllUnsubscribed
+  }
+  [*] --> NoSafe
+  NoSafe --> SafeAdded:Add Safe
+  Unsubscribed --> SettingsToggledOn:Settings > Notifications ON
+  SettingsToggledOn --> HasDelegateKey
+  SubscribedOwner --> NotificationsDisabled:User toggles OFF
+  SubscribedObserver --> NotificationsDisabled:User toggles OFF
+  NotificationsDisabled --> SettingsToggledOn:User toggles ON
+  [*] --> GlobalNotifications
+  AllUnsubscribed --> NotificationsDisabled
+```
+
+---
+
+## 3. Displaying Notifications
+
+Notifications are shown using the `NotificationService` class which wraps Notifee. It listens for FCM messages both in the foreground and background and displays them with the proper channel and priority. The message payload is parsed in `notificationParser.ts` to generate a user friendly title and body. Badge counts are incremented or decremented when notifications are delivered or opened.
+
+When the app starts, `NotificationService.initializeNotificationHandlers()` sets up all listeners so that notifications are handled even when the app is not running.
+
+---
+
+## 4. Platform Differences
+
+### iOS
+
+- Uses a **Notification Service Extension** (`NotificationService.swift`) to intercept the push payload when the app is in the background. The extension reads data stored via `startNotificationExtensionSync` and rewrites the notification title/body.
+- None of the background tasks are being executed as the notification service is intercepting the notifications before they reach the background tasks
+- Opening the notification settings uses `Linking.openURL('app-settings:')`.
+- iOS badges are updated with `notifee` and can show a banner or list presentation when the app is active.
+
+### Android
+
+- Notifications are handled directly by Notifee using FCM. There is no additional extension layer.
+- Device settings are opened with `Linking.openSettings()`.
+- Android uses channels defined in `notificationChannels` with importance `HIGH` and visibility `PUBLIC` to display alerts.
+- When the app is in background or in quit state the background handlers are being executed in headless mode.
+
+Both platforms share the same subscription logic and redux state but differ in how the underlying OS displays and processes the notification payload.
+
+---
+
+## 5. Troubleshooting
+
+- If notifications stop arriving, ensure that device permissions are granted and that the Safe is subscribed on the backend.
+- Logs from `FCMService` and `NotificationService` can help diagnose token or delivery issues.
+
+---
+
+Push notifications ensure users stay informed about Safe activity regardless of whether the app is open. The flow above keeps subscription status in sync and provides a consistent experience across iOS and Android.
diff --git a/apps/mobile/docs/release-procedure.md b/apps/mobile/docs/release-procedure.md
new file mode 100644
index 000000000..2da455579
--- /dev/null
+++ b/apps/mobile/docs/release-procedure.md
@@ -0,0 +1,20 @@
+# Releasing to Production
+
+The code is being actively developed on the `dev` branch. Pull requests are made against this branch.
+
+When we want to make a release, we create a new branch from `dev` called `mobile-release/vX.Y.Z` where `X.Y.Z` is the
+version number of the release.
+
+This will trigger a new build on the CI/CD pipeline, which will build the app and submit it to the internal distribution
+lanes in App Store and Google Play Store.
+
+The release has to be tested by QA and once approved can be promoted to the production lane.
+
+# Dev builds
+
+Devs builds are being automatically created on every PR that touches files inside `apps/mobile` or `packages/*` folders.
+Those builds are pushed to the internal distribution lanes in App Store and Google Play Store.
+
+## Triggering Maestro E2E tests
+
+Any PR that touches files inside `apps/mobile` or `packages/*` folders will trigger an e2e iOS test.
diff --git a/apps/mobile/e2e/onboarded-user.yml b/apps/mobile/e2e/onboarded-user.yml
new file mode 100644
index 000000000..d4554c282
--- /dev/null
+++ b/apps/mobile/e2e/onboarded-user.yml
@@ -0,0 +1,59 @@
+appId: global.safe.mobileapp
+---
+- launchApp:
+    appId: 'global.safe.mobileapp'
+    clearState: true
+    clearKeychain: true
+- runFlow:
+    when:
+      visible:
+        text: 'http.*'
+    commands:
+      - tapOn: 'http.*'
+- runFlow:
+    when:
+      visible: 'Continue'
+    commands:
+      - tapOn: 'Continue'
+- runFlow:
+    when:
+      visible: 'Reload'
+    commands:
+      - tapOn: 'Reload'
+- tapOn:
+    id: 'e2eOnboardedAccount'
+- tapOn:
+    id: 'opt-in-secondary-button'
+- assertVisible:
+    id: 'home-tab'
+- tapOn:
+    id: 'transactions-tab'
+- assertVisible:
+    id: 'tx-history-list'
+- tapOn: 'Messages'
+- assertVisible:
+    id: 'messages-tab-content'
+- tapOn: 'Settings, tab, 3 of 3'
+- assertVisible: '0x2f3e...Fbb6'
+- tapOn: ' Signers 3 '
+- assertVisible: 'Signers'
+- tapOn:
+    id: 'import-signer-button'
+- assertVisible: 'Import a signer'
+- tapOn:
+    id: 'seed'
+- tapOn: 'Paste here or type...'
+- inputText: 'ffc4b004b8746a7ce547ffa644686ca660efcf7a5a39910c714f922d7ad9bcc8'
+- tapOn:
+    point: '50%,51%'
+- assertVisible:
+    id: 'import-signer-button'
+- tapOn:
+    id: 'import-signer-button'
+- assertVisible:
+    id: 'import-success'
+- tapOn:
+    id: 'import-success-continue'
+- assertVisible:
+    id: 'signers-screen'
+- assertVisible: 'Imported signers'
diff --git a/apps/mobile/e2e/onboarding.yml b/apps/mobile/e2e/onboarding.yml
new file mode 100644
index 000000000..67ad587ad
--- /dev/null
+++ b/apps/mobile/e2e/onboarding.yml
@@ -0,0 +1,73 @@
+appId: 'global.safe.mobileapp'
+---
+- launchApp:
+    appId: 'global.safe.mobileapp'
+    clearState: true
+    clearKeychain: true
+- runFlow:
+    when:
+      visible:
+        text: 'http.*'
+    commands:
+      - tapOn: 'http.*'
+- runFlow:
+    when:
+      visible: 'Continue'
+    commands:
+      - tapOn: 'Continue'
+- runFlow:
+    when:
+      visible: 'Reload'
+    commands:
+      - tapOn: 'Reload'
+- tapOn:
+    id: 'e2eTestOnboarding'
+- assertVisible:
+    id: 'carousel-item-0'
+- swipe:
+    direction: 'LEFT'
+- assertVisible:
+    id: 'carousel-item-1'
+- swipe:
+    direction: 'LEFT'
+- tapOn:
+    id: 'carousel-item-2'
+- swipe:
+    direction: 'LEFT'
+- assertVisible:
+    id: 'carousel-item-3'
+- tapOn:
+    id: 'get-started'
+- assertVisible:
+    id: 'get-started-screen'
+- tapOn:
+    id: 'add-account-button'
+- assertVisible: 'Scan a QR code'
+- tapOn:
+    id: 'enter-manually'
+- tapOn: 'Paste address...'
+- inputText: 'celo:0xCB57c3bC317d1905A435Dc75d7e4413E5B4Ecc97'
+- assertVisible:
+    id: 'continue-button'
+- assertVisible:
+    id: 'success-icon'
+- assertVisible: 'Available on networks:'
+- tapOn:
+    point: '50%,35%'
+- tapOn:
+    id: 'continue-button'
+- assertVisible:
+    id: 'add-signers-form-screen'
+- assertVisible: 'Not imported signers'
+- assertVisible:
+    id: 'signer-0x65F8236309e5A99Ff0d129d04E486EBCE20DC7B0'
+- tapOn:
+    id: 'continue-button'
+- tapOn:
+    id: 'notifications-opt-in-screen'
+- assertVisible:
+    id: 'opt-in-primary-button'
+- tapOn:
+    id: 'opt-in-secondary-button'
+- assertVisible:
+    id: 'home-tab'
diff --git a/apps/mobile/eas.json b/apps/mobile/eas.json
new file mode 100644
index 000000000..2a0b5d5d4
--- /dev/null
+++ b/apps/mobile/eas.json
@@ -0,0 +1,98 @@
+{
+  "cli": {
+    "version": ">= 13.4.2",
+    "appVersionSource": "remote"
+  },
+  "build": {
+    "base": {
+      "node": "22.11.0",
+      "android": {
+        "image": "sdk-52"
+      },
+      "ios": {
+        "image": "sdk-52"
+      }
+    },
+    "development": {
+      "extends": "base",
+      "environment": "development",
+      "autoIncrement": true,
+      "env": {
+        "APP_VARIANT": "development"
+      },
+      "android": {
+        "image": "sdk-52"
+      }
+    },
+    "preview-ios-simulator": {
+      "extends": "base",
+      "environment": "preview",
+      "distribution": "internal",
+      "ios": {
+        "simulator": true
+      }
+    },
+    "preview": {
+      "extends": "base",
+      "environment": "preview",
+      "distribution": "internal",
+      "ios": {},
+      "android": {
+        "buildType": "apk"
+      }
+    },
+    "production": {
+      "extends": "base",
+      "environment": "production",
+      "autoIncrement": true,
+      "ios": {
+        "env": {
+          "GOOGLE_SERVICES_FILE": "./GoogleService-Info.plist"
+        }
+      },
+      "android": {
+        "env": {
+          "GOOGLE_SERVICES_FILE": "./google-services.json"
+        }
+      },
+      "env": {
+        "APP_VARIANT": "production"
+      }
+    },
+    "build-and-maestro-test": {
+      "withoutCredentials": true,
+      "env": {
+        "RN_SRC_EXT": "e2e.ts,e2e.tsx"
+      },
+      "config": "build-and-maestro-test.yml",
+      "android": {
+        "buildType": "apk",
+        "image": "latest"
+      },
+      "ios": {
+        "simulator": true,
+        "image": "latest",
+        "resourceClass": "large"
+      }
+    }
+  },
+  "submit": {
+    "development": {
+      "ios": {
+        "ascAppId": "6748754891"
+      },
+      "android": {
+        "applicationId": "global.safe.mobileapp.dev",
+        "releaseStatus": "draft"
+      }
+    },
+    "production": {
+      "ios": {
+        "ascAppId": "6748754793"
+      },
+      "android": {
+        "releaseStatus": "draft"
+      }
+    }
+  }
+}
diff --git a/apps/mobile/eslint.config.mjs b/apps/mobile/eslint.config.mjs
new file mode 100644
index 000000000..390d334d8
--- /dev/null
+++ b/apps/mobile/eslint.config.mjs
@@ -0,0 +1,44 @@
+import globals from 'globals'
+import pluginJs from '@eslint/js'
+import tseslint from 'typescript-eslint'
+import pluginReact from 'eslint-plugin-react'
+import eslintConfigPrettier from 'eslint-config-prettier'
+
+export default [
+  { files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'] },
+  { languageOptions: { globals: globals.browser } },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.strict,
+  ...tseslint.configs.stylistic,
+  pluginReact.configs.flat.recommended,
+  eslintConfigPrettier,
+  {
+    settings: {
+      react: {
+        version: 'detect', // Automatically detect the react version
+      },
+    },
+    rules: {
+      'react/react-in-jsx-scope': 'off',
+      'react/no-unescaped-entities': 'off',
+      '@typescript-eslint/no-require-imports': 'off',
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/no-empty-object-type': 'off',
+      '@typescript-eslint/no-invalid-void-type': 'off',
+      '@typescript-eslint/consistent-type-definitions': 'off',
+      curly: 'error',
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          args: 'all',
+          argsIgnorePattern: '^_',
+          caughtErrors: 'all',
+          caughtErrorsIgnorePattern: '^_',
+          destructuredArrayIgnorePattern: '^_',
+          varsIgnorePattern: '^_',
+          ignoreRestSiblings: true,
+        },
+      ],
+    },
+  },
+]
diff --git a/apps/mobile/expo-plugins/withDrawableAssets.js b/apps/mobile/expo-plugins/withDrawableAssets.js
new file mode 100644
index 000000000..e60def06f
--- /dev/null
+++ b/apps/mobile/expo-plugins/withDrawableAssets.js
@@ -0,0 +1,56 @@
+const fs = require('fs')
+const path = require('path')
+const { withDangerousMod } = require('@expo/config-plugins')
+
+const androidFolderPath = ['app', 'src', 'main', 'res', 'drawable']
+
+const withDrawableAssets = function (expoConfig, files) {
+  return withDangerousMod(expoConfig, [
+    'android',
+    function (modConfig) {
+      if (modConfig.modRequest.platform === 'android') {
+        const projectRoot = modConfig.modRequest.projectRoot
+        const androidDrawablePath = path.join(modConfig.modRequest.platformProjectRoot, ...androidFolderPath)
+
+        if (!Array.isArray(files)) {
+          files = [files]
+        }
+
+        files.forEach(function (file) {
+          if (!path.isAbsolute(file)) {
+            file = path.join(projectRoot, file)
+          }
+
+          const isFile = fs.lstatSync(file).isFile()
+          if (isFile) {
+            fs.copyFileSync(file, path.join(androidDrawablePath, path.basename(file)))
+          } else {
+            copyFolderRecursiveSync(file, androidDrawablePath)
+          }
+        })
+      }
+      return modConfig
+    },
+  ])
+}
+
+function copyFolderRecursiveSync(source, target) {
+  if (!fs.existsSync(target)) {
+    fs.mkdirSync(target)
+  }
+
+  const files = fs.readdirSync(source)
+
+  files.forEach(function (file) {
+    const sourcePath = path.join(source, file)
+    const targetPath = path.join(target, file)
+
+    if (fs.lstatSync(sourcePath).isDirectory()) {
+      copyFolderRecursiveSync(sourcePath, targetPath)
+    } else {
+      fs.copyFileSync(sourcePath, targetPath)
+    }
+  })
+}
+
+module.exports = withDrawableAssets
diff --git a/apps/mobile/expo-plugins/withNotificationIcons.js b/apps/mobile/expo-plugins/withNotificationIcons.js
new file mode 100644
index 000000000..08a029f15
--- /dev/null
+++ b/apps/mobile/expo-plugins/withNotificationIcons.js
@@ -0,0 +1,33 @@
+const { withAndroidManifest } = require('@expo/config-plugins')
+
+function addNotificationIconMetadata(androidManifest) {
+  const application = androidManifest.manifest.application[0]
+
+  // Check if metadata already exists
+  if (!application['meta-data']) {
+    application['meta-data'] = []
+  }
+
+  // Add small icon metadata
+  const smallIconMetadata = application['meta-data'].find(
+    (metadata) => metadata.$['android:name'] === 'com.google.firebase.messaging.default_ic_notification',
+  )
+
+  if (!smallIconMetadata) {
+    application['meta-data'].push({
+      $: {
+        'android:name': 'com.google.firebase.messaging.default_ic_notification',
+        'android:resource': '@drawable/ic_notification',
+      },
+    })
+  }
+
+  return androidManifest
+}
+
+module.exports = function withNotificationIcons(config) {
+  return withAndroidManifest(config, (config) => {
+    config.modResults = addNotificationIconMetadata(config.modResults)
+    return config
+  })
+}
diff --git a/apps/mobile/firebase.json b/apps/mobile/firebase.json
new file mode 100644
index 000000000..cdde1365e
--- /dev/null
+++ b/apps/mobile/firebase.json
@@ -0,0 +1,13 @@
+{
+  "react-native": {
+    "analytics_auto_collection_enabled": false,
+    "google_analytics_automatic_screen_reporting_enabled": false,
+    "analytics_default_allow_ad_personalization_signals": false,
+    "crashlytics_auto_collection_enabled": false,
+    "crashlytics_javascript_exception_handler_chaining_enabled": false,
+    "messaging_auto_init_enabled": true,
+    "messaging_ios_auto_register_for_remote_messages": true,
+    "android_task_executor_maximum_pool_size": 20,
+    "android_task_executor_keep_alive_seconds": 5
+  }
+}
diff --git a/apps/mobile/index.js b/apps/mobile/index.js
new file mode 100644
index 000000000..f24a5bc39
--- /dev/null
+++ b/apps/mobile/index.js
@@ -0,0 +1,4 @@
+// Initialize all background notification handlers FIRST - must be self-contained, no app dependencies
+import '@/src/services/notifications/backgroundHandlers'
+
+import 'expo-router/entry'
diff --git a/apps/mobile/jest.config.js b/apps/mobile/jest.config.js
new file mode 100644
index 000000000..d3437f1d1
--- /dev/null
+++ b/apps/mobile/jest.config.js
@@ -0,0 +1,27 @@
+const preset = require('../../config/test/presets/jest-preset')
+
+// Set timezone to UTC for consistent date formatting across environments
+process.env.TZ = 'UTC'
+
+module.exports = {
+  ...preset,
+  preset: 'jest-expo',
+  collectCoverage: true,
+  collectCoverageFrom: [
+    './src/**',
+    '!./src/**/*.stories.{js,jsx,ts,tsx}',
+    '!./src/tests/**',
+    '!./src/types/**',
+    '!./src/**/*.snap',
+  ],
+  coverageReporters: ['json-summary', 'html', 'text-summary'],
+  setupFilesAfterEnv: ['./src/tests/jest.setup.tsx'],
+  moduleNameMapper: {
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+      '<rootDir>/__mocks__/fileMock.js',
+  },
+  transformIgnorePatterns: [
+    'node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@sentry/react-native|native-base|react-native-svg|@notifee/react-native|react-redux|moti/.*)',
+  ],
+  testPathIgnorePatterns: ['/node_modules/', '/e2e/'],
+}
diff --git a/apps/mobile/metro.config.js b/apps/mobile/metro.config.js
new file mode 100644
index 000000000..3d13518ce
--- /dev/null
+++ b/apps/mobile/metro.config.js
@@ -0,0 +1,36 @@
+const path = require('path')
+
+// Learn more https://docs.expo.io/guides/customizing-metro
+const { getDefaultConfig } = require('expo/metro-config')
+const withStorybook = require('@storybook/react-native/metro/withStorybook')
+
+/** @type {import('expo/metro-config').MetroConfig} */
+const config = getDefaultConfig(__dirname)
+
+config.resolver.resolveRequest = (context, moduleName, platform) => {
+  const defaultResolveResult = context.resolveRequest(context, moduleName, platform)
+
+  if (process.env.STORYBOOK_ENABLED !== 'true' && defaultResolveResult?.filePath?.includes?.('.storybook/')) {
+    return {
+      type: 'empty',
+    }
+  }
+
+  if (moduleName === 'crypto') {
+    // when importing crypto, resolve to react-native-quick-crypto
+    return context.resolveRequest(context, 'react-native-quick-crypto', platform)
+  }
+
+  return defaultResolveResult
+}
+
+if (process.env.RN_SRC_EXT) {
+  config.resolver.sourceExts = [...process.env.RN_SRC_EXT.split(','), ...config.resolver.sourceExts]
+}
+
+module.exports = withStorybook(config, {
+  // Set to false to remove storybook specific options
+  enabled: true,
+  // Path to your storybook config
+  configPath: path.resolve(__dirname, './.storybook'),
+})
diff --git a/apps/mobile/openapi-config.ts b/apps/mobile/openapi-config.ts
new file mode 100644
index 000000000..dd3fad9d8
--- /dev/null
+++ b/apps/mobile/openapi-config.ts
@@ -0,0 +1,73 @@
+import type { ConfigFile } from '@rtk-query/codegen-openapi'
+
+const config: ConfigFile = {
+  schemaFile: './src/store/gateway/api-schema/schema.json',
+  prettierConfigFile: './.prettierrc',
+  apiFile: './src/store/gateway/cgwClient.ts',
+  apiImport: 'cgwClient',
+  exportName: 'cgwApi',
+  hooks: true,
+  filterEndpoints: [/^(?!.*delegates).*/],
+  tag: true,
+  outputFiles: {
+    './src/store/gateway/AUTO_GENERATED/about.ts': {
+      filterEndpoints: [/^about/],
+    },
+    './src/store/gateway/AUTO_GENERATED/accounts.ts': {
+      filterEndpoints: [/^accounts/],
+    },
+    './src/store/gateway/AUTO_GENERATED/auth.ts': {
+      filterEndpoints: [/^auth/],
+    },
+    './src/store/gateway/AUTO_GENERATED/balances.ts': {
+      filterEndpoints: [/^balances/],
+    },
+    './src/store/gateway/AUTO_GENERATED/chains.ts': {
+      filterEndpoints: [/^chains/],
+    },
+    './src/store/gateway/AUTO_GENERATED/collectibles.ts': {
+      filterEndpoints: [/^collectibles/],
+    },
+    './src/store/gateway/AUTO_GENERATED/community.ts': {
+      filterEndpoints: [/^community/],
+    },
+    './src/store/gateway/AUTO_GENERATED/contracts.ts': {
+      filterEndpoints: [/^contracts/],
+    },
+    './src/store/gateway/AUTO_GENERATED/data-decoded.ts': {
+      filterEndpoints: [/^dataDecoded/],
+    },
+    './src/store/gateway/AUTO_GENERATED/delegates.ts': {
+      filterEndpoints: [/^delegates(?!DeleteSafeDelegateV1)/],
+    },
+    './src/store/gateway/AUTO_GENERATED/estimations.ts': {
+      filterEndpoints: [/^estimations/],
+    },
+    './src/store/gateway/AUTO_GENERATED/messages.ts': {
+      filterEndpoints: [/^messages/],
+    },
+    './src/store/gateway/AUTO_GENERATED/notifications.ts': {
+      filterEndpoints: [/^notifications/],
+    },
+    './src/store/gateway/AUTO_GENERATED/owners.ts': {
+      filterEndpoints: [/^owners/],
+    },
+    './src/store/gateway/AUTO_GENERATED/relay.ts': {
+      filterEndpoints: [/^relay/],
+    },
+    './src/store/gateway/AUTO_GENERATED/safe-apps.ts': {
+      filterEndpoints: [/^safeApps/],
+    },
+    './src/store/gateway/AUTO_GENERATED/safes.ts': {
+      filterEndpoints: [/^safes/],
+    },
+    './src/store/gateway/AUTO_GENERATED/targeted-messages.ts': {
+      filterEndpoints: [/^targetedMessaging/],
+    },
+    './src/store/gateway/AUTO_GENERATED/transactions.ts': {
+      filterEndpoints: [/^transactions/],
+    },
+  },
+}
+
+export default config
diff --git a/apps/mobile/package.json b/apps/mobile/package.json
new file mode 100644
index 000000000..bfdd6c990
--- /dev/null
+++ b/apps/mobile/package.json
@@ -0,0 +1,181 @@
+{
+  "name": "@safe-global/mobile",
+  "main": "index.js",
+  "version": "1.0.0",
+  "doctor": {
+    "reactNativeDirectoryCheck": {
+      "enabled": true
+    }
+  },
+  "scripts": {
+    "start": "expo start",
+    "start:android": "expo run:android",
+    "start:ios": "expo run:ios",
+    "storybook:metro": "STORYBOOK_ENABLED='true' expo start",
+    "storybook:web": "STORYBOOK_ENABLED='true' STORYBOOK_WEB='true' storybook dev -p 6006",
+    "storybook:ios": "STORYBOOK_ENABLED='true' expo run:ios --device",
+    "storybook:android": "STORYBOOK_ENABLED='true' expo start --android",
+    "reset-project": "node ./scripts/reset-project.js",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "test:snapshots": "jest -u",
+    "lint": "tsc && npm run eslint",
+    "eslint": "eslint src/*",
+    "eslint:fix": "npm run lint -- --fix",
+    "storybook-generate": "sb-rn-get-stories",
+    "generate:icons": "node ./scripts/generateIconTypes.js",
+    "prepare": "husky",
+    "build-storybook": "STORYBOOK_WEB='true' storybook build",
+    "e2e:metro": "EXPO_PUBLIC_ENV=e2e NODE_ENV=test RN_SRC_EXT=e2e.ts,e2e.tsx expo start",
+    "e2e:metro-ios": "EXPO_PUBLIC_ENV=e2e NODE_ENV=test RN_SRC_EXT=e2e.ts,e2e.tsx expo run:ios",
+    "e2e:metro-android": "EXPO_PUBLIC_ENV=e2e NODE_ENV=test RN_SRC_EXT=e2e.ts,e2e.tsx expo run:android",
+    "e2e:run": "maestro test e2e",
+    "eas-build-pre-install": "corepack enable && yarn set version 4",
+    "android": "expo run:android",
+    "ios": "expo run:ios"
+  },
+  "dependencies": {
+    "@cowprotocol/app-data": "^3.1.0",
+    "@ethersproject/shims": "^5.7.0",
+    "@expo/config-plugins": "~10.0.0",
+    "@expo/vector-icons": "^14.1.0",
+    "@formatjs/intl-displaynames": "^6.8.11",
+    "@formatjs/intl-getcanonicallocales": "^2.5.4",
+    "@formatjs/intl-locale": "^4.2.10",
+    "@formatjs/intl-numberformat": "^8.15.3",
+    "@formatjs/intl-pluralrules": "^5.4.3",
+    "@hookform/resolvers": "^4.1.3",
+    "@notifee/react-native": "^9.1.8",
+    "@react-native-clipboard/clipboard": "^1.15.0",
+    "@react-native-community/blur": "^4.4.1",
+    "@react-native-firebase/analytics": "^22.2.1",
+    "@react-native-firebase/app": "^22.2.1",
+    "@react-native-firebase/crashlytics": "^22.2.1",
+    "@react-native-firebase/messaging": "^22.2.1",
+    "@react-native-masked-view/masked-view": "0.3.2",
+    "@react-native-menu/menu": "^1.2.3",
+    "@react-native/babel-preset": "^0.76.2",
+    "@react-navigation/material-top-tabs": "^7.2.10",
+    "@react-navigation/native": "^7.1.6",
+    "@reduxjs/toolkit": "^2.8.2",
+    "@safe-global/protocol-kit": "^5.2.12",
+    "@safe-global/store": "workspace:^",
+    "@safe-global/utils": "workspace:^",
+    "@shopify/flash-list": "1.7.6",
+    "@storybook/addon-react-native-web": "^0.0.26",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@tamagui/animations-moti": "^1.126.3",
+    "@tamagui/babel-plugin": "^1.126.3",
+    "@tamagui/config": "^1.126.3",
+    "@tamagui/font-dm-sans": "^1.126.3",
+    "@tamagui/toast": "^1.126.3",
+    "babel-plugin-react-native-web": "^0.19.13",
+    "blo": "^1.2.0",
+    "burnt": "^0.12.2",
+    "date-fns": "^4.1.0",
+    "deepmerge": "^4.3.1",
+    "ethers": "^6.14.3",
+    "expo": "^53.0.7",
+    "expo-application": "~6.1.4",
+    "expo-blur": "~14.1.4",
+    "expo-build-properties": "~0.14.6",
+    "expo-constants": "~17.1.5",
+    "expo-dev-client": "~5.1.8",
+    "expo-device": "~7.1.4",
+    "expo-document-picker": "^13.1.5",
+    "expo-file-system": "^18.1.10",
+    "expo-font": "~13.3.1",
+    "expo-image": "~2.1.6",
+    "expo-linear-gradient": "~14.1.4",
+    "expo-linking": "~7.1.4",
+    "expo-router": "~5.0.5",
+    "expo-splash-screen": "~0.30.8",
+    "expo-status-bar": "~2.2.3",
+    "expo-system-ui": "~5.0.7",
+    "expo-task-manager": "~13.1.5",
+    "expo-web-browser": "~14.1.6",
+    "freerasp-react-native": "^4.1.0",
+    "lodash": "^4.17.21",
+    "moti": "^0.29.0",
+    "react": "^19.0.0",
+    "react-dom": "19.0.0",
+    "react-hook-form": "^7.54.2",
+    "react-native": "0.79.2",
+    "react-native-capture-protection": "^2.1.0",
+    "react-native-collapsible-tab-view": "^8.0.0",
+    "react-native-device-crypto": "patch:react-native-device-crypto@npm%3A0.1.7#~/.yarn/patches/react-native-device-crypto-npm-0.1.7-dbd2698fc4.patch",
+    "react-native-device-info": "^14.0.1",
+    "react-native-draggable-flatlist": "^4.0.1",
+    "react-native-gesture-handler": "^2.25.0",
+    "react-native-keychain": "^10.0.0",
+    "react-native-mmkv": "^3.2.0",
+    "react-native-pager-view": "6.7.1",
+    "react-native-progress": "^5.0.1",
+    "react-native-qrcode-styled": "patch:react-native-qrcode-styled@npm%3A0.3.3#~/.yarn/patches/react-native-qrcode-styled-npm-0.3.3-b5336fc77c.patch",
+    "react-native-quick-crypto": "^0.7.11",
+    "react-native-reanimated": "~3.17.4",
+    "react-native-safe-area-context": "^5.4.0",
+    "react-native-screens": "^4.10.0",
+    "react-native-share": "^12.0.9",
+    "react-native-vision-camera": "^4.7.0",
+    "react-native-web": "^0.20.0",
+    "react-redux": "^9.1.2",
+    "redux": "^5.0.1",
+    "redux-persist": "^6.0.0",
+    "siwe": "^3.0.0",
+    "tamagui": "^1.126.3",
+    "timezone-mock": "^1.3.6",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
+    "zod": "^3.24.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.26.3",
+    "@eslint/js": "^9.18.0",
+    "@faker-js/faker": "^9.0.3",
+    "@gorhom/bottom-sheet": "^5.1.1",
+    "@react-native-async-storage/async-storage": "2.1.2",
+    "@react-native-community/datetimepicker": "8.3.0",
+    "@react-native-community/slider": "4.5.6",
+    "@rtk-query/codegen-openapi": "^2.0.0",
+    "@safe-global/test": "workspace:^",
+    "@safe-global/types-kit": "^1.0.5",
+    "@storybook/addon-essentials": "^8.4.6",
+    "@storybook/addon-interactions": "^8.4.6",
+    "@storybook/addon-onboarding": "^8.4.6",
+    "@storybook/addon-ondevice-actions": "^8.4.4",
+    "@storybook/addon-ondevice-controls": "^8.4.2",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
+    "@storybook/blocks": "^8.4.6",
+    "@storybook/react": "^8.4.6",
+    "@storybook/react-native": "^8.4.2",
+    "@storybook/react-webpack5": "^8.4.6",
+    "@storybook/test": "^8.4.6",
+    "@testing-library/react-native": "^13.2.0",
+    "@types/eslint__js": "^8.42.3",
+    "@types/jest": "^29.5.14",
+    "@types/lodash": "^4.17.13",
+    "@types/node": "^22.13.1",
+    "@types/qrcode": "^1.5.5",
+    "@types/react": "~19.0.10",
+    "babel-loader": "^10.0.0",
+    "eslint": "^9.29.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.1",
+    "glob": "^11.0.1",
+    "globals": "^15.14.0",
+    "jest": "^29.7.0",
+    "jest-expo": "~53.0.4",
+    "react-native-svg": "15.11.2",
+    "redux-devtools-expo-dev-plugin": "^2.0.0",
+    "storybook": "^8.4.6",
+    "ts-node": "^10.9.2",
+    "typescript": "5.8.3",
+    "typescript-eslint": "^8.31.1",
+    "webpack": "^5.97.1"
+  },
+  "private": true
+}
diff --git a/apps/mobile/resources/icons/README.md b/apps/mobile/resources/icons/README.md
new file mode 100644
index 000000000..b6bcad04d
--- /dev/null
+++ b/apps/mobile/resources/icons/README.md
@@ -0,0 +1,13 @@
+## Icon Set
+
+The icon set is generated from the svg icons in the `source-svgs` folder (those are exported from figma).
+The icons have been uploaded to `https://icomoon.io/app/` and a font has been generated.
+The generated font has been downloaded an extracted into the safe-icons folder.
+
+To use the font in the app only the `selection.json` & safe-icons.ttf files are needed. Those need
+to be copied to the `assets/fonts/safe-icons` folder.
+
+There is a lint-staged hook that will run the `generate:icons` script whenever it detects that the `selection.json` file
+has been changed. The script will then regenerate the possible icon names.
+
+You can also manually run the script with `yarn workspace @safe-global/mobile generate:icons`.
diff --git a/apps/mobile/resources/icons/safe-icons/Read Me.txt b/apps/mobile/resources/icons/safe-icons/Read Me.txt
new file mode 100644
index 000000000..723a49eee
--- /dev/null
+++ b/apps/mobile/resources/icons/safe-icons/Read Me.txt	
@@ -0,0 +1,7 @@
+Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
+
+To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/docs/#local-fonts
+
+You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
+
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.
diff --git a/apps/mobile/resources/icons/safe-icons/demo-files/demo.css b/apps/mobile/resources/icons/safe-icons/demo-files/demo.css
new file mode 100644
index 000000000..39b8991da
--- /dev/null
+++ b/apps/mobile/resources/icons/safe-icons/demo-files/demo.css
@@ -0,0 +1,152 @@
+body {
+  padding: 0;
+  margin: 0;
+  font-family: sans-serif;
+  font-size: 1em;
+  line-height: 1.5;
+  color: #555;
+  background: #fff;
+}
+h1 {
+  font-size: 1.5em;
+  font-weight: normal;
+}
+small {
+  font-size: .66666667em;
+}
+a {
+  color: #e74c3c;
+  text-decoration: none;
+}
+a:hover, a:focus {
+  box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+  box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+  box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+  font-family: sans-serif;
+  font-size: 1em;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+input {
+  color: inherit;
+  line-height: 1.5;
+  height: 1.5em;
+  padding: .25em 0;
+}
+input:focus {
+  outline: none;
+  box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+  font-size: 16px;
+  width: 15em;
+  padding-bottom: 1em;
+  margin-right: 4em;
+  margin-bottom: 1em;
+  float: left;
+  overflow: hidden;
+}
+.liga {
+  width: 80%;
+  width: calc(100% - 2.5em);
+}
+.talign-right {
+  text-align: right;
+}
+.talign-center {
+  text-align: center;
+}
+.bgc1 {
+  background: #f1f1f1;
+}
+.fgc1 {
+  color: #999;
+}
+.fgc0 {
+  color: #000;
+}
+p {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+.mvm {
+  margin-top: .75em;
+  margin-bottom: .75em;
+}
+.mtn {
+  margin-top: 0;
+}
+.mtl, .mal {
+  margin-top: 1.5em;
+}
+.mbl, .mal {
+  margin-bottom: 1.5em;
+}
+.mal, .mhl {
+  margin-left: 1.5em;
+  margin-right: 1.5em;
+}
+.mhmm {
+  margin-left: 1em;
+  margin-right: 1em;
+}
+.mls {
+  margin-left: .25em;
+}
+.ptl {
+  padding-top: 1.5em;
+}
+.pbs, .pvs {
+  padding-bottom: .25em;
+}
+.pvs, .pts {
+  padding-top: .25em;
+}
+.unit {
+  float: left;
+}
+.unitRight {
+  float: right;
+}
+.size1of2 {
+  width: 50%;
+}
+.size1of1 {
+  width: 100%;
+}
+.clearfix:before, .clearfix:after {
+  content: " ";
+  display: table;
+}
+.clearfix:after {
+  clear: both;
+}
+.hidden-true {
+  display: none;
+}
+.textbox0 {
+  width: 3em;
+  background: #f1f1f1;
+  padding: .25em .5em;
+  line-height: 1.5;
+  height: 1.5em;
+}
+#testDrive {
+  display: block;
+  padding-top: 24px;
+  line-height: 1.5;
+}
+.fs0 {
+  font-size: 16px;
+}
+.fs1 {
+  font-size: 32px;
+}
+
diff --git a/apps/mobile/resources/icons/safe-icons/demo-files/demo.js b/apps/mobile/resources/icons/safe-icons/demo-files/demo.js
new file mode 100644
index 000000000..d9eef40ce
--- /dev/null
+++ b/apps/mobile/resources/icons/safe-icons/demo-files/demo.js
@@ -0,0 +1,28 @@
+if (!('boxShadow' in document.body.style)) {
+  document.body.setAttribute('class', 'noBoxShadow')
+}
+
+document.body.addEventListener('click', function (e) {
+  var target = e.target
+  if (target.tagName === 'INPUT' && target.getAttribute('class').indexOf('liga') === -1) {
+    target.select()
+  }
+})
+;(function () {
+  var fontSize = document.getElementById('fontSize'),
+    testDrive = document.getElementById('testDrive'),
+    testText = document.getElementById('testText')
+  function updateTest() {
+    testDrive.innerHTML = testText.value || String.fromCharCode(160)
+    if (window.icomoonLiga) {
+      window.icomoonLiga(testDrive)
+    }
+  }
+  function updateSize() {
+    testDrive.style.fontSize = fontSize.value + 'px'
+  }
+  fontSize.addEventListener('change', updateSize, false)
+  testText.addEventListener('input', updateTest, false)
+  testText.addEventListener('change', updateTest, false)
+  updateSize()
+})()
diff --git a/apps/mobile/resources/icons/safe-icons/demo.html b/apps/mobile/resources/icons/safe-icons/demo.html
new file mode 100644
index 000000000..1ebe4cce3
--- /dev/null
+++ b/apps/mobile/resources/icons/safe-icons/demo.html
@@ -0,0 +1,1690 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>IcoMoon Demo</title>
+    <meta name="description" content="An Icon Font Generated By IcoMoon.io">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="demo-files/demo.css">
+    <link rel="stylesheet" href="style.css"></head>
+<body>
+    <div class="bgc1 clearfix">
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> safe-icons <small class="fgc1">(Glyphs:&nbsp;118)</small></h1>
+    </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-add-owner"></span>
+                <span class="mls"> icon-add-owner</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e900" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe900;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-address-book"></span>
+                <span class="mls"> icon-address-book</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e901" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe901;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-address-book-empty-list"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span></span>
+                <span class="mls"> icon-address-book-empty-list</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e902" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe902;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-alert"></span>
+                <span class="mls"> icon-alert</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-alert-triangle"></span>
+                <span class="mls"> icon-alert-triangle</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-appearance"></span>
+                <span class="mls"> icon-appearance</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-apps"></span>
+                <span class="mls"> icon-apps</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-down"></span>
+                <span class="mls"> icon-arrow-down</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e910" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe910;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-down-1"></span>
+                <span class="mls"> icon-arrow-down-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e911" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe911;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-left"></span>
+                <span class="mls"> icon-arrow-left</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e912" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe912;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-right"></span>
+                <span class="mls"> icon-arrow-right</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e913" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe913;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-sort"></span>
+                <span class="mls"> icon-arrow-sort</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e914" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe914;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-up"></span>
+                <span class="mls"> icon-arrow-up</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e915" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe915;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrrow-right"></span>
+                <span class="mls"> icon-arrrow-right</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e916" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe916;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-batch"></span>
+                <span class="mls"> icon-batch</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e917" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe917;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-bell"></span>
+                <span class="mls"> icon-bell</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e918" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe918;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-block"></span>
+                <span class="mls"> icon-block</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e919" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe919;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-blocks"></span>
+                <span class="mls"> icon-blocks</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-blocks-1"></span>
+                <span class="mls"> icon-blocks-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-bookmark"></span>
+                <span class="mls"> icon-bookmark</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-bookmark-filled"></span>
+                <span class="mls"> icon-bookmark-filled</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-camera"></span>
+                <span class="mls"> icon-camera</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-chat"></span>
+                <span class="mls"> icon-chat</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-check"></span>
+                <span class="mls"> icon-check</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e920" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe920;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-check-filled"></span>
+                <span class="mls"> icon-check-filled</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e921" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe921;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-check-notifications"></span>
+                <span class="mls"> icon-check-notifications</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e922" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe922;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-check-oulined"></span>
+                <span class="mls"> icon-check-oulined</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e923" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe923;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-chevron-down"></span>
+                <span class="mls"> icon-chevron-down</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e924" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe924;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-chevron-left"></span>
+                <span class="mls"> icon-chevron-left</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e925" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe925;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-chevron-right"></span>
+                <span class="mls"> icon-chevron-right</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e926" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe926;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-chevron-up"></span>
+                <span class="mls"> icon-chevron-up</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e927" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe927;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-clock"></span>
+                <span class="mls"> icon-clock</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e928" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe928;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-close"></span>
+                <span class="mls"> icon-close</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e929" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe929;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-close-filled"></span>
+                <span class="mls"> icon-close-filled</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-close-outlined"></span>
+                <span class="mls"> icon-close-outlined</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-code-blocks"></span>
+                <span class="mls"> icon-code-blocks</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-copy"></span>
+                <span class="mls"> icon-copy</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-dapp-logo"></span>
+                <span class="mls"> icon-dapp-logo</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-delete"></span>
+                <span class="mls"> icon-delete</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-desktop"></span>
+                <span class="mls"> icon-desktop</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e930" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe930;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-document"></span>
+                <span class="mls"> icon-document</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e931" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe931;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-double-arrow"></span>
+                <span class="mls"> icon-double-arrow</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e932" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe932;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-download"></span>
+                <span class="mls"> icon-download</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e933" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe933;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-dropdown-arrow-small"></span>
+                <span class="mls"> icon-dropdown-arrow-small</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e934" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe934;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-edit"></span>
+                <span class="mls"> icon-edit</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e935" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe935;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-edit-owner"></span>
+                <span class="mls"> icon-edit-owner</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e936" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe936;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-element-drag"></span>
+                <span class="mls"> icon-element-drag</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e937" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe937;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-experimental"></span>
+                <span class="mls"> icon-experimental</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e938" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe938;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-export"></span>
+                <span class="mls"> icon-export</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e939" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe939;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-external-link"></span>
+                <span class="mls"> icon-external-link</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe93a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-eye-n"></span>
+                <span class="mls"> icon-eye-n</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe93b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-eye-off"></span>
+                <span class="mls"> icon-eye-off</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe93c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-eye-on"></span>
+                <span class="mls"> icon-eye-on</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe93d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-face-id"></span>
+                <span class="mls"> icon-face-id</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe93e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-file"></span>
+                <span class="mls"> icon-file</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe93f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-filter"></span>
+                <span class="mls"> icon-filter</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e940" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe940;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-fingerprint"></span>
+                <span class="mls"> icon-fingerprint</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e941" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe941;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-hardware"></span>
+                <span class="mls"> icon-hardware</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e942" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe942;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-home"></span>
+                <span class="mls"> icon-home</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e943" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe943;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-info"></span>
+                <span class="mls"> icon-info</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e944" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe944;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-key"></span>
+                <span class="mls"> icon-key</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e945" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe945;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-keystone"></span>
+                <span class="mls"> icon-keystone</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e946" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe946;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-ledger"></span>
+                <span class="mls"> icon-ledger</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e947" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe947;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-lightbulb"></span>
+                <span class="mls"> icon-lightbulb</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e948" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe948;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-link"></span>
+                <span class="mls"> icon-link</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e949" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe949;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-lock"></span>
+                <span class="mls"> icon-lock</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe94a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-magic"></span>
+                <span class="mls"> icon-magic</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe94b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-mobile"></span>
+                <span class="mls"> icon-mobile</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe94c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-nft"></span>
+                <span class="mls"> icon-nft</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe94d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-options-horizontal"></span>
+                <span class="mls"> icon-options-horizontal</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe94e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-options-vertical"></span>
+                <span class="mls"> icon-options-vertical</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe94f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-owners"></span>
+                <span class="mls"> icon-owners</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e950" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe950;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-paste"></span>
+                <span class="mls"> icon-paste</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e951" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe951;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-plus"></span>
+                <span class="mls"> icon-plus</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e952" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe952;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-plus-filled"></span>
+                <span class="mls"> icon-plus-filled</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e953" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe953;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-plus-outlined"></span>
+                <span class="mls"> icon-plus-outlined</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e954" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe954;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-points"></span>
+                <span class="mls"> icon-points</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e955" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe955;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-qr-code"></span>
+                <span class="mls"> icon-qr-code</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e956" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe956;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-qr-code-1"></span>
+                <span class="mls"> icon-qr-code-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e957" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe957;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-question"></span>
+                <span class="mls"> icon-question</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e958" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe958;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-repeat"></span>
+                <span class="mls"> icon-repeat</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e959" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe959;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-replace-owner"></span>
+                <span class="mls"> icon-replace-owner</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe95a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-rows"></span>
+                <span class="mls"> icon-rows</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe95b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-rows-1"></span>
+                <span class="mls"> icon-rows-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe95c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-rows-2"></span>
+                <span class="mls"> icon-rows-2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe95d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-safe"></span>
+                <span class="mls"> icon-safe</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe95e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-scan"></span>
+                <span class="mls"> icon-scan</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe95f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-scan-1"></span>
+                <span class="mls"> icon-scan-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e960" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe960;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-search"></span>
+                <span class="mls"> icon-search</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e961" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe961;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-seed"></span>
+                <span class="mls"> icon-seed</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e962" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe962;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-send-to"></span>
+                <span class="mls"> icon-send-to</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e963" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe963;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-settings"></span>
+                <span class="mls"> icon-settings</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e964" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe964;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-share"></span>
+                <span class="mls"> icon-share</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e965" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe965;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-shield"></span>
+                <span class="mls"> icon-shield</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e966" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe966;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-shield-crossed"></span>
+                <span class="mls"> icon-shield-crossed</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e967" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe967;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-sign"></span>
+                <span class="mls"> icon-sign</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e968" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe968;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-signature"></span>
+                <span class="mls"> icon-signature</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e969" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe969;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-star"></span>
+                <span class="mls"> icon-star</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e96a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe96a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-tag"></span>
+                <span class="mls"> icon-tag</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e96b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe96b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-token"></span>
+                <span class="mls"> icon-token</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e96c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe96c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-transaction-batch"><span class="path1"></span><span class="path2"></span></span>
+                <span class="mls"> icon-transaction-batch</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e96d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe96d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-transaction-change-settings"></span>
+                <span class="mls"> icon-transaction-change-settings</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e96f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe96f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-transaction-contract"></span>
+                <span class="mls"> icon-transaction-contract</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e970" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe970;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-transaction-earn"></span>
+                <span class="mls"> icon-transaction-earn</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e971" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe971;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-transaction-execute"></span>
+                <span class="mls"> icon-transaction-execute</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e972" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe972;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-transaction-incoming"></span>
+                <span class="mls"> icon-transaction-incoming</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e973" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe973;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-transaction-outgoing"></span>
+                <span class="mls"> icon-transaction-outgoing</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e974" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe974;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-transaction-partial-fill"></span>
+                <span class="mls"> icon-transaction-partial-fill</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e975" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe975;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-transaction-recovery"></span>
+                <span class="mls"> icon-transaction-recovery</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e976" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe976;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-transaction-stake"></span>
+                <span class="mls"> icon-transaction-stake</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e977" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe977;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-transaction-swap"></span>
+                <span class="mls"> icon-transaction-swap</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e978" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe978;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-transactions"></span>
+                <span class="mls"> icon-transactions</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e979" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe979;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-twitter-x"></span>
+                <span class="mls"> icon-twitter-x</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e97a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe97a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-unlock"></span>
+                <span class="mls"> icon-unlock</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e97b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe97b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-update"></span>
+                <span class="mls"> icon-update</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e97c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe97c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-upload"></span>
+                <span class="mls"> icon-upload</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e97d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe97d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-wallet"></span>
+                <span class="mls"> icon-wallet</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e97e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe97e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-what-is-new"></span>
+                <span class="mls"> icon-what-is-new</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e97f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe97f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+    </div>
+
+    <!--[if gt IE 8]><!-->
+    <div class="mhl clearfix mbl">
+        <h1>Font Test Drive</h1>
+        <label>
+            Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
+            min="8" value="48" />
+            px
+        </label>
+        <input id="testText" type="text" class="phl size1of1 mvl"
+        placeholder="Type some text to test..." value=""/>
+        <div id="testDrive" class="icon-" style="font-family: safe-icons">&nbsp;
+        </div>
+    </div>
+    <!--<![endif]-->
+    <div class="bgc1 clearfix">
+        <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
+    </div>
+
+    <script src="demo-files/demo.js"></script>
+</body>
+</html>
diff --git a/apps/mobile/resources/icons/safe-icons/fonts/safe-icons.svg b/apps/mobile/resources/icons/safe-icons/fonts/safe-icons.svg
new file mode 100644
index 000000000..d3f7acecc
--- /dev/null
+++ b/apps/mobile/resources/icons/safe-icons/fonts/safe-icons.svg
@@ -0,0 +1,138 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="safe-icons" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="add-owner" d="M555.119 789.333c70.571 0 128-57.429 128-128s-57.429-128-128-128c-70.571 0-128 57.429-128 128s57.429 128 128 128zM979.951 75.691c-48.256 165.376-128.299 351.232-319.403 401.323 64.128 36.821 107.904 105.216 107.904 184.32 0 117.632-95.701 213.333-213.333 213.333s-213.333-95.701-213.333-213.333c0-79.317 44.032-147.883 108.459-184.619-27.989-7.552-54.613-17.877-79.317-31.701-20.608-11.52-27.947-37.504-16.384-58.069 11.435-20.48 37.504-27.947 58.027-16.341 41.515 23.168 88.107 34.475 142.421 34.475 168.192 0 270.805-105.643 343.040-353.28 5.419-18.645 22.443-30.72 40.96-30.72 3.925 0 7.979 0.555 11.947 1.707 22.656 6.571 35.584 30.293 29.013 52.907zM298.619 234.539h85.333c23.552 0 42.667-19.115 42.667-42.667 0-23.595-19.115-42.667-42.667-42.667h-85.333v-85.333c0-23.552-19.072-42.667-42.667-42.667-23.552 0-42.667 19.115-42.667 42.667v85.333h-85.291c-23.552 0-42.667 19.072-42.667 42.667 0 23.552 19.115 42.667 42.667 42.667h85.291v85.291c0 23.595 19.115 42.667 42.667 42.667 23.595 0 42.667-19.072 42.667-42.667v-85.291z" />
+<glyph unicode="&#xe901;" glyph-name="address-book" d="M170.667 576v-256h-42.667c-23.564 0-42.667-19.102-42.667-42.667s19.103-42.667 42.667-42.667h42.667v-128c0-47.13 38.205-85.333 85.333-85.333h512c47.13 0 85.333 38.204 85.333 85.333v682.667c0 47.128-38.204 85.333-85.333 85.333h-512c-47.128 0-85.333-38.205-85.333-85.333v-128h-42.667c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667h42.667zM298.667 320h-42.667v256h42.667c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667h-42.667v128h512v-682.667h-512v128h42.667c23.564 0 42.667 19.102 42.667 42.667s-19.103 42.667-42.667 42.667z" />
+<glyph unicode="&#xe902;" horiz-adv-x="1030" d="M427.456 21.888c170.687 0 309.056 138.368 309.056 309.056s-138.369 309.056-309.056 309.056-309.056-138.369-309.056-309.056c0-170.688 138.369-309.056 309.056-309.056z" />
+<glyph unicode="&#xe903;" horiz-adv-x="1030" d="M639.040 155.52c167.366 0 303.040 135.674 303.040 303.040 0 167.364-135.674 303.040-303.040 303.040-167.364 0-303.040-135.676-303.040-303.040 0-167.366 135.676-303.040 303.040-303.040z" />
+<glyph unicode="&#xe904;" horiz-adv-x="1030" d="M282.047 483.261c105.756 0 191.488 85.732 191.488 191.488s-85.732 191.488-191.488 191.488c-105.756 0-191.488-85.732-191.488-191.488s85.732-191.488 191.488-191.488z" />
+<glyph unicode="&#xe905;" horiz-adv-x="1030" d="M282.048 862.080c-103.459 0-187.328-83.869-187.328-187.328s83.869-187.328 187.328-187.328c103.459 0 187.328 83.869 187.328 187.328s-83.869 187.328-187.328 187.328zM86.4 674.752c0 108.053 87.595 195.648 195.648 195.648s195.648-87.595 195.648-195.648c0-108.053-87.595-195.648-195.648-195.648s-195.648 87.595-195.648 195.648z" />
+<glyph unicode="&#xe906;" horiz-adv-x="1030" d="M526.313 447.002c-12.896-17.398-19.597-38.388-21.773-52.319-0.355-2.27-2.483-3.823-4.753-3.468s-3.822 2.483-3.468 4.753c2.336 14.952 9.444 37.284 23.309 55.989 13.941 18.807 34.926 34.175 64.739 34.175 29.901 0 50.486-16.712 63.395-32.957 6.458-8.134 11.085-16.246 14.093-22.317 1.504-3.041 2.611-5.583 3.347-7.379 0.371-0.899 0.646-1.611 0.832-2.107 0.096-0.248 0.166-0.442 0.211-0.578l0.058-0.16 0.019-0.047 0.006-0.015v-0.005c0-0.003 0-0.004-3.93-1.364l3.93 1.36c0.749-2.172-0.397-4.541-2.573-5.292-2.17-0.751-4.538 0.399-5.286 2.569v0.003l-0.013 0.020-0.038 0.109c-0.032 0.101-0.090 0.26-0.173 0.472-0.16 0.424-0.403 1.059-0.742 1.877-0.666 1.637-1.696 3.998-3.104 6.842-2.822 5.697-7.149 13.277-13.152 20.835-12.031 15.14-30.461 29.812-56.88 29.812-26.507 0-45.235-13.514-58.055-30.81z" />
+<glyph unicode="&#xe907;" horiz-adv-x="1030" d="M643.936 538.831c0-32.899-26.668-59.569-59.567-59.569s-59.569 26.67-59.569 59.569c0 32.899 26.67 59.569 59.569 59.569s59.567-26.67 59.567-59.569z" />
+<glyph unicode="&#xe908;" horiz-adv-x="1030" d="M584.369 487.773c-28.198 0-51.057 22.859-51.057 51.057s22.859 51.057 51.057 51.057c28.198 0 51.057-22.859 51.057-51.057s-22.859-51.057-51.057-51.057zM584.369 479.261c32.899 0 59.567 26.67 59.567 59.569s-26.668 59.569-59.567 59.569c-32.899 0-59.569-26.67-59.569-59.569s26.67-59.569 59.569-59.569z" />
+<glyph unicode="&#xe909;" horiz-adv-x="1030" d="M653.082 399.002c-12.896-17.398-19.594-38.388-21.77-52.319-0.355-2.27-2.483-3.823-4.753-3.468s-3.822 2.483-3.468 4.753c2.336 14.952 9.444 37.284 23.309 55.989 13.939 18.807 34.925 34.175 64.742 34.175 29.792 0 51.206-15.347 65.702-34.109 14.426-18.676 22.227-40.986 25.030-55.931 0.422-2.258-1.062-4.432-3.322-4.855s-4.435 1.064-4.858 3.322c-2.611 13.937-9.971 34.95-23.437 52.377-13.395 17.34-32.595 30.876-59.117 30.876-26.509 0-45.235-13.514-58.061-30.81z" />
+<glyph unicode="&#xe90a;" horiz-adv-x="1030" d="M770.707 490.831c0-32.899-26.669-59.569-59.565-59.569-32.902 0-59.571 26.67-59.571 59.569s26.669 59.569 59.571 59.569c32.896 0 59.565-26.67 59.565-59.569z" />
+<glyph unicode="&#xe90b;" horiz-adv-x="1030" d="M711.142 439.773c-28.198 0-51.059 22.859-51.059 51.057s22.861 51.057 51.059 51.057c28.198 0 51.053-22.859 51.053-51.057s-22.854-51.057-51.053-51.057zM711.142 431.261c32.896 0 59.565 26.67 59.565 59.569s-26.669 59.569-59.565 59.569c-32.902 0-59.571-26.67-59.571-59.569s26.669-59.569 59.571-59.569z" />
+<glyph unicode="&#xe90c;" glyph-name="alert" d="M512 704c23.564 0 42.667-19.103 42.667-42.667v-256c0-23.564-19.103-42.667-42.667-42.667s-42.667 19.103-42.667 42.667v256c0 23.564 19.103 42.667 42.667 42.667zM512 288c29.457 0 53.333-23.876 53.333-53.333s-23.876-53.333-53.333-53.333c-29.457 0-53.333 23.876-53.333 53.333s23.876 53.333 53.333 53.333zM938.667 448c0-235.639-191.027-426.667-426.667-426.667-235.642 0-426.667 191.027-426.667 426.667 0 235.642 191.025 426.667 426.667 426.667 235.639 0 426.667-191.025 426.667-426.667zM170.667 448c0-188.514 152.82-341.333 341.333-341.333s341.333 152.819 341.333 341.333c0 188.513-152.819 341.333-341.333 341.333s-341.333-152.82-341.333-341.333z" />
+<glyph unicode="&#xe90d;" glyph-name="alert-triangle" d="M511.949 618.566c23.552 0 42.667-19.072 42.667-42.667v-170.665c0-23.552-19.115-42.667-42.667-42.667-23.595 0-42.667 19.115-42.667 42.667v170.665c0 23.595 19.072 42.667 42.667 42.667zM511.949 287.902c29.44 0 53.333-23.893 53.333-53.333s-23.893-53.333-53.333-53.333c-29.44 0-53.333 23.893-53.333 53.333s23.893 53.333 53.333 53.333zM511.991 874.652c-21.419 0-42.837-10.667-54.741-32.085l-406.612-728.617c-23.168-41.6 7.040-92.629 54.784-92.629h813.183c47.744 0 77.909 51.029 54.741 92.629l-406.571 728.617c-11.947 21.419-33.365 32.085-54.784 32.085zM511.991 765.681l367.957-659.369h-735.871l367.914 659.369z" />
+<glyph unicode="&#xe90e;" glyph-name="appearance" d="M515.465 852.948c8.256-14.651 7.138-32.785-2.859-46.31-36.446-49.308-53.986-110.060-49.425-171.206s30.916-118.624 74.27-161.982c43.358-43.358 100.838-69.713 161.984-74.27 61.146-4.561 121.899 12.975 171.204 49.425 13.525 9.997 31.659 11.115 46.31 2.859 14.652-8.26 23.087-24.35 21.538-41.097-7.458-80.7-37.743-157.602-87.313-221.717-49.57-64.111-116.373-112.781-192.593-140.314-76.224-27.529-158.707-32.785-237.807-15.147-79.098 17.634-151.538 57.434-208.843 114.739s-97.104 129.745-114.741 208.845c-17.637 79.095-12.382 161.583 15.149 237.804s76.201 143.025 140.314 192.594c64.113 49.57 141.018 79.855 221.714 87.313 16.747 1.548 32.841-6.886 41.097-21.538zM397.5 770.6c-33.178-12.004-64.46-29.14-92.651-50.936-51.29-39.656-90.226-93.099-112.251-154.076s-26.229-126.967-12.119-190.246 45.949-121.229 91.793-167.074c45.844-45.841 103.795-77.683 167.076-91.793 63.279-14.11 129.267-9.903 190.242 12.122s114.419 60.962 154.078 112.252c21.794 28.19 38.929 59.473 50.935 92.651-44.937-16.256-93.133-23.027-141.517-19.418-81.527 6.080-158.165 41.22-215.974 99.029s-92.948 134.447-99.028 215.975c-3.608 48.383 3.16 96.58 19.417 141.513z" />
+<glyph unicode="&#xe90f;" glyph-name="apps" d="M384 874.667h-213.333c-47.128 0-85.333-38.205-85.333-85.333v-213.333c0-47.13 38.205-85.333 85.333-85.333h213.333c47.13 0 85.333 38.204 85.333 85.333v213.333c0 47.128-38.204 85.333-85.333 85.333zM170.667 576v213.333h213.333v-213.333h-213.333zM853.333 405.333h-213.333c-47.13 0-85.333-38.204-85.333-85.333v-213.333c0-47.13 38.204-85.333 85.333-85.333h213.333c47.13 0 85.333 38.204 85.333 85.333v213.333c0 47.13-38.204 85.333-85.333 85.333zM640 106.667v213.333h213.333v-213.333h-213.333zM938.667 682.667c0-106.039-85.961-192-192-192s-192 85.961-192 192c0 106.039 85.961 192 192 192s192-85.961 192-192zM640 682.667c0-58.91 47.757-106.667 106.667-106.667s106.667 47.756 106.667 106.667c0 58.91-47.757 106.667-106.667 106.667s-106.667-47.756-106.667-106.667zM277.388 155.349l-122.236-122.236c-15.872-15.872-41.813-15.872-57.728 0l-0.171 0.213c-15.872 15.872-15.872 41.856 0 57.771l122.197 122.197-122.18 122.197c-15.872 15.872-15.872 41.856 0 57.728l0.171 0.213c15.915 15.872 41.856 15.872 57.728 0l122.219-122.202 122.202 122.202c15.872 15.872 41.857 15.872 57.729 0l0.213-0.213c15.872-15.872 15.872-41.856 0-57.728l-122.199-122.197 122.216-122.197c15.872-15.915 15.872-41.899 0-57.771l-0.213-0.213c-15.872-15.872-41.857-15.872-57.729 0l-122.219 122.236z" />
+<glyph unicode="&#xe910;" glyph-name="arrow-down" d="M760.567 569.239c9.911-9.014 9.911-23.629 0-32.643l-230.63-209.838c-9.907-9.011-25.967-9.011-35.874 0l-230.633 209.838c-9.907 9.014-9.907 23.629 0 32.643s25.97 9.014 35.878 0l212.692-193.517 212.693 193.517c9.907 9.014 25.967 9.014 35.874 0zM774.925 585.019c19.213-17.478 19.213-46.724 0-64.204l-230.63-209.835c-18.044-16.418-46.545-16.418-64.589 0l-230.632 209.839c-19.21 17.475-19.21 46.723 0 64.2 18.046 16.419 46.545 16.419 64.591 0l198.335-180.454 198.336 180.454c18.044 16.419 46.545 16.419 64.589 0zM746.658 552.919c-0.017 0.036-0.111 0.236-0.444 0.541-0.683 0.619-1.916 1.207-3.584 1.207s-2.901-0.588-3.58-1.207l-212.693-193.516c-8.141-7.403-20.574-7.403-28.715 0l-212.691 193.516c-0.68 0.619-1.913 1.207-3.582 1.207s-2.902-0.588-3.582-1.207c-0.335-0.305-0.428-0.505-0.444-0.541 0.016-0.036 0.109-0.238 0.444-0.543l230.629-209.836c0.683-0.619 1.916-1.207 3.584-1.207s2.901 0.589 3.584 1.207l230.63 209.836c0.333 0.305 0.427 0.507 0.444 0.543z" />
+<glyph unicode="&#xe911;" glyph-name="arrow-down-1" d="M474.509 195.106v598.494c0 21.208 16.785 38.4 37.491 38.4s37.491-17.192 37.491-38.4v-598.494l154.509 158.259c14.639 14.997 38.379 14.997 53.018 0 14.643-14.997 14.643-39.309 0-54.306l-212.075-217.225c-1.092-1.118-2.231-2.15-3.418-3.102-6.861-8.969-17.536-14.733-29.525-14.733s-22.665 5.764-29.525 14.733c-1.186 0.951-2.325 1.984-3.418 3.102l-212.076 217.225c-14.641 14.997-14.641 39.309 0 54.306s38.378 14.997 53.019 0l154.509-158.259z" />
+<glyph unicode="&#xe912;" glyph-name="arrow-left" d="M633.237 199.433c-9.011-9.911-23.625-9.911-32.64 0l-209.837 230.63c-9.014 9.907-9.014 25.967 0 35.874l209.837 230.633c9.015 9.907 23.629 9.907 32.644 0 9.011-9.908 9.011-25.97 0-35.878l-193.515-212.692 193.51-212.693c9.015-9.907 9.015-25.967 0-35.874zM649.020 185.075c-17.476-19.213-46.724-19.213-64.201 0l-209.838 230.63c-16.419 18.044-16.419 46.545 0 64.589l209.838 230.632c17.476 19.21 46.724 19.21 64.201 0 16.418-18.046 16.418-46.545 0-64.591l-180.454-198.335 180.454-198.336c16.418-18.044 16.418-46.545 0-64.589zM616.917 213.342c0.038 0.017 0.239 0.111 0.542 0.444 0.619 0.683 1.207 1.916 1.207 3.584s-0.589 2.901-1.207 3.58l-193.514 212.693c-7.405 8.141-7.405 20.574 0 28.715l193.514 212.691c0.619 0.68 1.207 1.913 1.207 3.582s-0.589 2.902-1.207 3.582c-0.303 0.335-0.503 0.428-0.542 0.444-0.034-0.016-0.235-0.109-0.542-0.444l-209.836-230.629c-0.619-0.683-1.207-1.916-1.207-3.584s0.588-2.901 1.207-3.584l209.836-230.63c0.307-0.333 0.508-0.427 0.542-0.444z" />
+<glyph unicode="&#xe913;" glyph-name="arrow-right" d="M390.761 696.57c9.014 9.907 23.629 9.907 32.643 0l209.834-230.633c9.015-9.907 9.015-25.967 0-35.874l-209.834-230.63c-9.014-9.911-23.629-9.911-32.643 0-9.014 9.907-9.014 25.967 0 35.874l193.513 212.693-193.513 212.692c-9.014 9.908-9.014 25.97 0 35.878zM374.981 710.926c17.477 19.21 46.724 19.21 64.2 0l209.839-230.632c16.418-18.044 16.418-46.545 0-64.589l-209.839-230.63c-17.475-19.213-46.723-19.213-64.2 0-16.419 18.044-16.419 46.545 0 64.589l180.454 198.336-180.454 198.335c-16.419 18.046-16.419 46.545 0 64.591zM407.081 682.657c0 0-0.236-0.109-0.541-0.444-0.619-0.68-1.207-1.912-1.207-3.582s0.588-2.902 1.207-3.582l193.516-212.691c7.403-8.141 7.403-20.574 0-28.715l-193.516-212.693c-0.619-0.678-1.207-1.911-1.207-3.58s0.588-2.901 1.207-3.584c0.305-0.333 0.541-0.444 0.541-0.444s0.238 0.111 0.543 0.444l209.836 230.63c0.619 0.683 1.207 1.916 1.207 3.584s-0.589 2.901-1.207 3.584l-209.836 230.629c-0.305 0.335-0.543 0.444-0.543 0.444z" />
+<glyph unicode="&#xe914;" glyph-name="arrow-sort" d="M637.966 370.14l166.614 169.279c49.174 49.174 131.092 49.174 180.266 0s49.174-131.092 0-180.266l-379.615-384.968c-24.534-24.532-57.388-38.185-90.134-38.185s-65.491 13.654-90.132 38.185l-387.726 384.968c-54.613 54.612-49.174 147.411 16.426 193.92 51.839 38.185 125.653 27.306 169.278-19.094l144.746-141.971 16.428-2.774v125.654l-0.108 319.459c0 71.041 57.388 125.654 125.654 125.654 73.814 0 128.428-57.387 128.428-125.654l-0.125-464.206z" />
+<glyph unicode="&#xe915;" glyph-name="arrow-up" d="M263.43 326.763c-9.907 9.011-9.907 23.625 0 32.64l230.633 209.837c9.907 9.014 25.967 9.014 35.874 0l230.63-209.837c9.911-9.015 9.911-23.629 0-32.64-9.907-9.015-25.967-9.015-35.874 0l-212.693 193.51-212.692-193.51c-9.908-9.015-25.97-9.015-35.878 0zM479.706 585.019c18.044 16.419 46.545 16.419 64.589 0l230.63-209.838c19.213-17.476 19.213-46.724 0-64.201-18.044-16.418-46.545-16.418-64.589 0l-198.336 180.454-198.335-180.454c-18.046-16.418-46.545-16.418-64.591 0-19.21 17.476-19.21 46.724 0 64.201l230.632 209.838zM512 554.667c-1.668 0-2.901-0.588-3.584-1.207l-230.629-209.836c-0.335-0.307-0.428-0.508-0.444-0.542 0.016-0.034 0.109-0.239 0.444-0.542 0.68-0.619 1.912-1.207 3.582-1.207s2.902 0.589 3.582 1.207l212.691 193.514c8.141 7.405 20.574 7.405 28.715 0l212.693-193.514c0.678-0.619 1.911-1.207 3.58-1.207s2.901 0.589 3.584 1.207c0.333 0.303 0.427 0.503 0.444 0.542-0.017 0.034-0.111 0.235-0.444 0.542l-230.63 209.836c-0.683 0.619-1.916 1.207-3.584 1.207z" />
+<glyph unicode="&#xe916;" glyph-name="arrrow-right" d="M764.894 410.509h-598.494c-21.208 0-38.4 16.785-38.4 37.491s17.192 37.491 38.4 37.491h598.494l-158.259 154.509c-14.997 14.641-14.997 38.379 0 53.019s39.309 14.641 54.306 0l217.225-212.076c1.118-1.092 2.15-2.231 3.102-3.418 8.969-6.861 14.733-17.536 14.733-29.525s-5.764-22.665-14.733-29.525c-0.951-1.186-1.984-2.325-3.102-3.418l-217.225-212.075c-14.997-14.643-39.309-14.643-54.306 0-14.997 14.639-14.997 38.379 0 53.018l158.259 154.509z" />
+<glyph unicode="&#xe917;" glyph-name="batch" d="M494.656 870.572c10.918 5.46 23.77 5.46 34.688 0l387.874-193.939c13.141-6.57 21.44-20.001 21.44-34.693s-8.299-28.122-21.44-34.693l-387.874-193.939c-10.918-5.461-23.77-5.461-34.688 0l-387.873 193.939c-13.14 6.57-21.441 20.001-21.441 34.693s8.3 28.123 21.441 34.693l387.873 193.939zM210.86 641.939l301.14-150.573 301.141 150.573-301.141 150.573-301.14-150.573zM89.437 465.348c9.58 19.157 32.879 26.927 52.038 17.344l370.525-185.267 370.526 185.267c19.157 9.583 42.458 1.813 52.036-17.344 9.583-19.162 1.813-42.462-17.344-52.041l-387.874-193.941c-10.918-5.457-23.77-5.457-34.688 0l-387.873 193.941c-19.16 9.579-26.926 32.879-17.346 52.041zM89.437 271.407c9.58 19.162 32.879 26.927 52.038 17.348l370.525-185.267 370.526 185.267c19.157 9.579 42.458 1.813 52.036-17.348 9.583-19.162 1.813-42.458-17.344-52.041l-387.874-193.937c-10.918-5.461-23.77-5.461-34.688 0l-387.873 193.937c-19.16 9.583-26.926 32.879-17.346 52.041z" />
+<glyph unicode="&#xe918;" glyph-name="bell" d="M512 846.223c67.895 0 133.009-26.971 181.018-74.981s74.982-113.124 74.982-181.019c0-118.159 25.259-190.991 48.124-232.902 11.486-21.065 22.605-34.756 30.182-42.752 3.797-4.011 6.737-6.622 8.422-8.026 0.823-0.687 1.353-1.088 1.536-1.225 15.223-10.526 21.948-29.696 16.567-47.458-5.449-17.997-22.033-30.306-40.832-30.306h-640.002c-18.802 0-35.388 12.309-40.836 30.306-5.378 17.762 1.347 36.932 16.569 47.458 0.186 0.137 0.713 0.538 1.536 1.225 1.687 1.404 4.625 4.015 8.424 8.026 7.575 7.996 18.694 21.687 30.184 42.752 22.862 41.911 48.124 114.743 48.124 232.902 0 67.895 26.971 133.010 74.98 181.019s113.126 74.981 181.021 74.981zM167.731 305.318l0.228 0.154 0.167 0.115 0.098 0.064 0.108 0.073-0.6-0.405zM282.788 316.459c-0.657-1.203-1.315-2.394-1.973-3.571h462.366c-0.657 1.178-1.314 2.368-1.971 3.571-30.473 55.863-58.543 143.031-58.543 273.764 0 45.264-17.984 88.674-49.988 120.68-32.009 32.006-75.418 49.987-120.678 49.987-45.265 0-88.675-17.981-120.681-49.987s-49.987-75.416-49.987-120.68c0-130.732-28.072-217.9-58.543-273.764zM487.398 149.41c-11.823 20.382-37.935 27.319-58.317 15.497s-27.321-37.935-15.497-58.317c10.002-17.242 24.359-31.552 41.63-41.502s36.855-15.185 56.789-15.185c19.93 0 39.514 5.235 56.785 15.185 17.276 9.95 31.629 24.26 41.63 41.502 11.823 20.382 4.885 46.494-15.497 58.317s-46.494 4.885-58.317-15.497c-2.5-4.314-6.089-7.889-10.406-10.377s-9.212-3.797-14.195-3.797c-4.983 0-9.882 1.31-14.199 3.797s-7.906 6.063-10.406 10.377z" />
+<glyph unicode="&#xe919;" glyph-name="block" d="M512 106.667c-78.763 0-151.125 27.093-208.939 72.021l478.251 478.251c44.971-57.771 72.021-130.176 72.021-208.939 0-188.203-153.131-341.333-341.333-341.333zM170.667 448c0 188.203 153.131 341.333 341.333 341.333 78.763 0 151.125-27.093 208.939-72.021l-478.251-478.251c-44.971 57.771-72.021 130.176-72.021 208.939zM512 874.667c-235.264 0-426.667-191.403-426.667-426.667s191.403-426.667 426.667-426.667c235.264 0 426.667 191.403 426.667 426.667s-191.403 426.667-426.667 426.667z" />
+<glyph unicode="&#xe91a;" glyph-name="blocks" d="M234.667 768h170.667c23.564 0 42.667-19.103 42.667-42.667v-170.667c0-23.564-19.103-42.667-42.667-42.667h-170.667c-23.564 0-42.667 19.103-42.667 42.667v170.667c0 23.564 19.103 42.667 42.667 42.667zM234.667 384h170.667c23.564 0 42.667-19.103 42.667-42.667v-170.667c0-23.564-19.103-42.667-42.667-42.667h-170.667c-23.564 0-42.667 19.103-42.667 42.667v170.667c0 23.564 19.103 42.667 42.667 42.667zM618.667 768h170.667c23.564 0 42.667-19.103 42.667-42.667v-170.667c0-23.564-19.103-42.667-42.667-42.667h-170.667c-23.564 0-42.667 19.103-42.667 42.667v170.667c0 23.564 19.103 42.667 42.667 42.667zM618.667 384h170.667c23.564 0 42.667-19.103 42.667-42.667v-170.667c0-23.564-19.103-42.667-42.667-42.667h-170.667c-23.564 0-42.667 19.103-42.667 42.667v170.667c0 23.564 19.103 42.667 42.667 42.667z" />
+<glyph unicode="&#xe91b;" glyph-name="blocks-1" d="M234.667 768h170.667c23.564 0 42.667-19.103 42.667-42.667v-170.667c0-23.564-19.103-42.667-42.667-42.667h-170.667c-23.564 0-42.667 19.103-42.667 42.667v170.667c0 23.564 19.103 42.667 42.667 42.667zM234.667 384h170.667c23.564 0 42.667-19.103 42.667-42.667v-170.667c0-23.564-19.103-42.667-42.667-42.667h-170.667c-23.564 0-42.667 19.103-42.667 42.667v170.667c0 23.564 19.103 42.667 42.667 42.667zM618.667 768h170.667c23.564 0 42.667-19.103 42.667-42.667v-170.667c0-23.564-19.103-42.667-42.667-42.667h-170.667c-23.564 0-42.667 19.103-42.667 42.667v170.667c0 23.564 19.103 42.667 42.667 42.667zM618.667 384h170.667c23.564 0 42.667-19.103 42.667-42.667v-170.667c0-23.564-19.103-42.667-42.667-42.667h-170.667c-23.564 0-42.667 19.103-42.667 42.667v170.667c0 23.564 19.103 42.667 42.667 42.667z" />
+<glyph unicode="&#xe91c;" glyph-name="bookmark" d="M325.333 755.2c-9.901 0-19.397-4.046-26.399-11.247s-10.935-16.969-10.935-27.153v-539.78l202.3 148.629c12.983 9.536 30.417 9.536 43.401 0l202.3-148.629v539.78c0 10.184-3.934 19.951-10.935 27.153s-16.495 11.247-26.398 11.247h-373.333zM246.137 798.259c21.004 21.604 49.492 33.741 79.196 33.741h373.333c29.705 0 58.193-12.137 79.198-33.741 21.001-21.604 32.802-50.906 32.802-81.459v-614.4c0-14.383-7.817-27.563-20.25-34.142-12.437-6.583-27.405-5.466-38.784 2.893l-239.633 176.060-239.634-176.060c-11.38-8.358-26.348-9.476-38.782-2.893-12.435 6.579-20.25 19.759-20.25 34.142v614.4c0 30.553 11.8 59.855 32.804 81.459z" />
+<glyph unicode="&#xe91d;" glyph-name="bookmark-filled" d="M246.137 798.259c21.004 21.604 49.492 33.741 79.196 33.741h373.333c29.705 0 58.193-12.137 79.198-33.741 21.001-21.604 32.802-50.906 32.802-81.459v-614.4c0-14.383-7.817-27.563-20.25-34.142-12.437-6.583-27.405-5.466-38.784 2.893l-239.633 176.060-239.634-176.060c-11.38-8.358-26.348-9.476-38.782-2.893-12.435 6.579-20.25 19.759-20.25 34.142v614.4c0 30.553 11.8 59.855 32.804 81.459z" />
+<glyph unicode="&#xe91e;" glyph-name="camera" d="M358.4 789.333l-102.4-102.4h-68.267c-56.554 0-102.4-45.846-102.4-102.4v-375.612c0-56.555 45.846-102.4 102.4-102.4h648.533c56.555 0 102.4 45.845 102.4 102.4v375.612c0 56.554-45.845 102.4-102.4 102.4h-68.267l-102.4 102.4h-307.2zM291.346 601.6l102.4 102.4h236.509l102.4-102.4h103.612c9.425 0 17.067-7.641 17.067-17.067v-375.612c0-9.425-7.642-17.067-17.067-17.067h-648.533c-9.425 0-17.067 7.642-17.067 17.067v375.612c0 9.425 7.641 17.067 17.067 17.067h103.613zM512 234.667c-106.039 0-192 85.961-192 192s85.961 192 192 192c106.039 0 192-85.961 192-192s-85.961-192-192-192zM618.667 426.667c0 58.91-47.757 106.667-106.667 106.667s-106.667-47.757-106.667-106.667c0-58.91 47.757-106.667 106.667-106.667s106.667 47.757 106.667 106.667z" />
+<glyph unicode="&#xe91f;" glyph-name="chat" d="M533.222 789.334c-49.591 0.129-98.517-11.458-142.785-33.818l-0.162-0.081c-53.148-26.563-97.851-67.397-129.103-117.931s-47.816-108.769-47.839-168.187v-0.094c-0.129-49.596 11.458-98.517 33.818-142.784 5.129-10.155 5.99-21.939 2.393-32.73l-54.082-162.249 162.246 54.084c10.792 3.597 22.575 2.735 32.729-2.394 44.268-22.362 93.193-33.946 142.785-33.818h0.094c59.418 0.021 117.653 16.589 168.188 47.838 50.534 31.253 91.371 75.955 117.931 129.105l0.081 0.162c22.362 44.267 33.95 93.188 33.818 142.784-0.247 94.757-37.461 171.721-92.924 227.185-55.467 55.464-132.429 92.68-227.187 92.927zM352.046 831.725c56.243 28.393 118.397 43.106 181.399 42.941 118.579-0.309 216.806-47.424 287.305-117.92 70.494-70.496 117.611-168.726 117.918-287.302 0.166-63.002-14.545-125.15-42.935-181.393-33.647-67.29-85.359-123.887-149.346-163.456-63.996-39.578-137.741-60.557-212.988-60.595h-0.047l-0.017 42.667 0.111-42.667h-0.047c-56.947-0.141-113.196 11.87-165.014 35.153l-16.419 7.829c5.42-2.739 10.894-5.346 16.419-7.829l-226.89-75.631c-15.331-5.111-32.235-1.118-43.662 10.308s-15.418 28.331-10.307 43.661l75.63 226.893c2.482-5.525 5.092-10.999 7.83-16.422l-7.83 16.422c-23.282 51.814-35.294 108.066-35.153 165.013v-0.047l42.667-0.017-42.667 0.111v-0.047c0.038 75.243 21.019 148.992 60.596 212.989 39.569 63.984 96.163 115.692 163.449 149.339zM352.046 831.725l-0.081-0.041 19.237-38.084-19.075 38.166-0.081-0.041z" />
+<glyph unicode="&#xe920;" glyph-name="check" d="M422.393 234.667c-7.945 0-15.532 3.2-21.117 8.93l-179.184 182.946c-11.679 11.913-11.679 31.206 0 43.089 11.679 11.917 30.556 11.917 42.234 0l158.066-161.395 337.278 344.16c11.682 11.916 30.558 11.916 42.236 0s11.678-31.177 0-43.092l-358.396-365.707c-5.585-5.73-13.171-8.93-21.118-8.93zM786.671 637.464c-3.315 3.381-8.448 3.381-11.763 0l-352.52-359.712-173.297 176.951c-3.314 3.379-8.448 3.379-11.763 0-3.513-3.575-3.559-9.596 0-13.231l179.223-182.985c1.586-1.626 3.671-2.487 5.841-2.487s4.256 0.862 5.844 2.487l0.038 0.038 358.396 365.71c3.55 3.621 3.55 9.607 0 13.228zM744.435 667.329c20.045 20.451 52.663 20.451 72.708 0 19.81-20.211 19.81-52.747 0-72.957l-358.357-365.665c-0.009-0.013-0.021-0.021-0.030-0.034-9.583-9.813-22.656-15.339-36.363-15.339-13.704 0-26.777 5.525-36.358 15.334-0.001 0 0.001 0 0 0-0.011 0.013-0.024 0.026-0.035 0.038l-179.144 182.903c-19.796 20.198-19.825 52.774 0.012 72.969 20.044 20.437 52.655 20.433 72.694-0.013l142.836-145.847 322.037 328.611z" />
+<glyph unicode="&#xe921;" glyph-name="check-filled" d="M938.667 448c0 235.642-191.027 426.667-426.667 426.667-235.642 0-426.667-191.025-426.667-426.667 0-235.639 191.025-426.667 426.667-426.667 235.639 0 426.667 191.027 426.667 426.667zM395.726 503.501l96.366-90.159 139.785 143.341c24.678 25.306 65.199 25.815 90.505 1.137s25.813-65.195 1.135-90.5l-183.552-188.224c-24.316-24.939-64.111-25.852-89.545-2.052l-142.144 132.992c-25.81 24.149-27.158 64.649-3.009 90.458s64.649 27.157 90.46 3.008z" />
+<glyph unicode="&#xe922;" glyph-name="check-notifications" d="M938.667 448c0-235.639-191.027-426.667-426.667-426.667-235.642 0-426.667 191.027-426.667 426.667 0 235.642 191.025 426.667 426.667 426.667 235.639 0 426.667-191.025 426.667-426.667zM170.667 448c0-188.514 152.82-341.333 341.333-341.333s341.333 152.819 341.333 341.333c0 188.513-152.819 341.333-341.333 341.333s-341.333-152.82-341.333-341.333zM327.743 521.566c-17.204 16.102-44.204 15.21-60.307-1.993s-15.21-44.207 1.993-60.309l176.685-165.376c16.956-15.868 43.49-15.262 59.703 1.365l228.139 233.984c16.452 16.872 16.111 43.885-0.764 60.335-16.87 16.451-43.883 16.109-60.335-0.763l-198.955-204.050-146.16 136.806z" />
+<glyph unicode="&#xe923;" glyph-name="check-oulined" d="M938.667 448c0-235.639-191.027-426.667-426.667-426.667-235.642 0-426.667 191.027-426.667 426.667 0 235.642 191.025 426.667 426.667 426.667 235.639 0 426.667-191.025 426.667-426.667zM170.667 448c0-188.514 152.82-341.333 341.333-341.333s341.333 152.819 341.333 341.333c0 188.513-152.819 341.333-341.333 341.333s-341.333-152.82-341.333-341.333zM450.999 277.333c-8.107 0-15.876 3.584-21.572 9.997l-121.852 136.627c-11.884 13.342-11.884 34.94 0.030 48.282 11.914 13.274 31.202 13.308 43.116-0.034l100.278-112.465 222.315 248.921c11.913 13.341 31.168 13.341 43.085 0 11.913-13.342 11.913-34.907 0-48.249l-243.857-273.081c-5.696-6.413-13.436-9.997-21.542-9.997z" />
+<glyph unicode="&#xe924;" glyph-name="chevron-down" d="M760.567 569.239c9.911-9.014 9.911-23.629 0-32.643l-230.63-209.838c-9.907-9.011-25.967-9.011-35.874 0l-230.633 209.838c-9.907 9.014-9.907 23.629 0 32.643s25.97 9.014 35.878 0l212.692-193.517 212.693 193.517c9.907 9.014 25.967 9.014 35.874 0zM774.925 585.019c19.213-17.478 19.213-46.724 0-64.204l-230.63-209.835c-18.044-16.418-46.545-16.418-64.589 0l-230.632 209.839c-19.21 17.475-19.21 46.723 0 64.2 18.046 16.419 46.545 16.419 64.591 0l198.335-180.454 198.336 180.454c18.044 16.419 46.545 16.419 64.589 0zM746.658 552.919c-0.017 0.036-0.111 0.236-0.444 0.541-0.683 0.619-1.916 1.207-3.584 1.207s-2.901-0.588-3.58-1.207l-212.693-193.516c-8.141-7.403-20.574-7.403-28.715 0l-212.691 193.516c-0.68 0.619-1.913 1.207-3.582 1.207s-2.902-0.588-3.582-1.207c-0.335-0.305-0.428-0.505-0.444-0.541 0.016-0.036 0.109-0.238 0.444-0.543l230.629-209.836c0.683-0.619 1.916-1.207 3.584-1.207s2.901 0.589 3.584 1.207l230.63 209.836c0.333 0.305 0.427 0.507 0.444 0.543z" />
+<glyph unicode="&#xe925;" glyph-name="chevron-left" d="M633.237 199.433c-9.011-9.911-23.625-9.911-32.64 0l-209.837 230.63c-9.014 9.907-9.014 25.967 0 35.874l209.837 230.633c9.015 9.907 23.629 9.907 32.644 0 9.011-9.908 9.011-25.97 0-35.878l-193.515-212.692 193.51-212.693c9.015-9.907 9.015-25.967 0-35.874zM649.020 185.075c-17.476-19.213-46.724-19.213-64.201 0l-209.838 230.63c-16.419 18.044-16.419 46.545 0 64.589l209.838 230.632c17.476 19.21 46.724 19.21 64.201 0 16.418-18.046 16.418-46.545 0-64.591l-180.454-198.335 180.454-198.336c16.418-18.044 16.418-46.545 0-64.589zM616.917 213.342c0.038 0.017 0.239 0.111 0.542 0.444 0.619 0.683 1.207 1.916 1.207 3.584s-0.589 2.901-1.207 3.58l-193.514 212.693c-7.405 8.141-7.405 20.574 0 28.715l193.514 212.691c0.619 0.68 1.207 1.913 1.207 3.582s-0.589 2.902-1.207 3.582c-0.303 0.335-0.503 0.428-0.542 0.444-0.034-0.016-0.235-0.109-0.542-0.444l-209.836-230.629c-0.619-0.683-1.207-1.916-1.207-3.584s0.588-2.901 1.207-3.584l209.836-230.63c0.307-0.333 0.508-0.427 0.542-0.444z" />
+<glyph unicode="&#xe926;" glyph-name="chevron-right" d="M390.761 696.57c9.014 9.907 23.629 9.907 32.643 0l209.834-230.633c9.015-9.907 9.015-25.967 0-35.874l-209.834-230.63c-9.014-9.911-23.629-9.911-32.643 0-9.014 9.907-9.014 25.967 0 35.874l193.513 212.693-193.513 212.692c-9.014 9.908-9.014 25.97 0 35.878zM374.981 710.926c17.477 19.21 46.724 19.21 64.2 0l209.839-230.632c16.418-18.044 16.418-46.545 0-64.589l-209.839-230.63c-17.475-19.213-46.723-19.213-64.2 0-16.419 18.044-16.419 46.545 0 64.589l180.454 198.336-180.454 198.335c-16.419 18.046-16.419 46.545 0 64.591zM407.081 682.657c0 0-0.236-0.109-0.541-0.444-0.619-0.68-1.207-1.912-1.207-3.582s0.588-2.902 1.207-3.582l193.516-212.691c7.403-8.141 7.403-20.574 0-28.715l-193.516-212.693c-0.619-0.678-1.207-1.911-1.207-3.58s0.588-2.901 1.207-3.584c0.305-0.333 0.541-0.444 0.541-0.444s0.238 0.111 0.543 0.444l209.836 230.63c0.619 0.683 1.207 1.916 1.207 3.584s-0.589 2.901-1.207 3.584l-209.836 230.629c-0.305 0.335-0.543 0.444-0.543 0.444z" />
+<glyph unicode="&#xe927;" glyph-name="chevron-up" d="M263.43 326.763c-9.907 9.011-9.907 23.625 0 32.64l230.633 209.837c9.907 9.014 25.967 9.014 35.874 0l230.63-209.837c9.911-9.015 9.911-23.629 0-32.64-9.907-9.015-25.967-9.015-35.874 0l-212.693 193.51-212.692-193.51c-9.908-9.015-25.97-9.015-35.878 0zM479.706 585.019c18.044 16.419 46.545 16.419 64.589 0l230.63-209.838c19.213-17.476 19.213-46.724 0-64.201-18.044-16.418-46.545-16.418-64.589 0l-198.336 180.454-198.335-180.454c-18.046-16.418-46.545-16.418-64.591 0-19.21 17.476-19.21 46.724 0 64.201l230.632 209.838zM512 554.667c-1.668 0-2.901-0.588-3.584-1.207l-230.629-209.836c-0.335-0.307-0.428-0.508-0.444-0.542 0.016-0.034 0.109-0.239 0.444-0.542 0.68-0.619 1.912-1.207 3.582-1.207s2.902 0.589 3.582 1.207l212.691 193.514c8.141 7.405 20.574 7.405 28.715 0l212.693-193.514c0.678-0.619 1.911-1.207 3.58-1.207s2.901 0.589 3.584 1.207c0.333 0.303 0.427 0.503 0.444 0.542-0.017 0.034-0.111 0.235-0.444 0.542l-230.63 209.836c-0.683 0.619-1.916 1.207-3.584 1.207z" />
+<glyph unicode="&#xe928;" glyph-name="clock" d="M383.876 319.834c-13.781 0-27.307 6.656-35.541 18.987-13.099 19.584-7.808 46.080 11.819 59.179l109.184 72.832v189.909c0 23.595 19.072 42.667 42.667 42.667s42.667-19.072 42.667-42.667v-212.736c0-14.251-7.125-27.605-18.987-35.499l-128.171-85.504c-7.253-4.821-15.531-7.168-23.637-7.168zM512 789.333c-188.203 0-341.333-153.131-341.333-341.333s153.131-341.333 341.333-341.333c188.203 0 341.333 153.131 341.333 341.333s-153.131 341.333-341.333 341.333zM512 21.333c-235.264 0-426.667 191.403-426.667 426.667s191.403 426.667 426.667 426.667c235.264 0 426.667-191.403 426.667-426.667s-191.403-426.667-426.667-426.667z" />
+<glyph unicode="&#xe929;" glyph-name="close" d="M566.336 448l318.455-318.46c14.942-14.976 14.942-39.364 0-54.306-14.98-14.98-39.369-14.98-54.345 0l-318.447 318.434-318.446-318.434c-14.979-14.98-39.367-14.98-54.345 0-14.94 14.942-14.94 39.33 0 54.306l318.455 318.46-318.459 318.449c-14.94 14.979-14.94 39.367 0 54.346 14.979 14.94 39.367 14.94 54.345 0l318.449-318.455 318.451 318.455c14.976 14.94 39.364 14.94 54.345 0 14.938-14.979 14.938-39.368 0-54.346l-318.46-318.449zM124.14 835.899c23.305 23.246 61.171 23.246 84.477 0l303.384-303.389 303.364 303.37c23.305 23.246 61.193 23.265 84.497 0.019l0.038-0.039c23.245-23.305 23.245-61.172 0-84.477l-303.394-303.383 303.369-303.373c23.236-23.296 23.283-61.197 0-84.48-23.309-23.309-61.205-23.309-84.514 0l-303.36 303.351-303.361-303.351c-23.309-23.309-61.205-23.309-84.515 0-23.281 23.283-23.254 61.167-0.019 84.459l303.39 303.394-303.374 303.363c-23.245 23.305-23.265 61.191-0.020 84.497l0.039 0.039z" />
+<glyph unicode="&#xe92a;" glyph-name="close-filled" d="M938.679 448.013c0-235.648-191.061-426.667-426.667-426.667-235.648 0-426.667 191.019-426.667 426.667 0 235.606 191.019 426.667 426.667 426.667 235.605 0 426.667-191.061 426.667-426.667zM572.356 447.996l146.782 146.765c16.597 16.64 16.597 43.733 0 60.373-16.64 16.597-43.733 16.597-60.373 0l-146.765-146.782-146.782 146.782c-16.597 16.597-43.733 16.597-60.331 0-16.597-16.64-16.597-43.733 0-60.373l146.765-146.765-146.765-146.782c-16.597-16.597-16.597-43.733 0-60.331s43.733-16.597 60.331 0l146.782 146.765 146.765-146.765c16.64-16.597 43.733-16.597 60.373 0 16.597 16.597 16.597 43.733 0 60.331l-146.782 146.782z" />
+<glyph unicode="&#xe92b;" glyph-name="close-outlined" d="M938.667 448c0-235.639-191.027-426.667-426.667-426.667-235.642 0-426.667 191.027-426.667 426.667 0 235.642 191.025 426.667 426.667 426.667 235.639 0 426.667-191.025 426.667-426.667zM170.667 448c0-188.514 152.82-341.333 341.333-341.333s341.333 152.819 341.333 341.333c0 188.513-152.819 341.333-341.333 341.333s-341.333-152.82-341.333-341.333zM572.339 448l90.509-90.509c16.666-16.661 16.666-43.678 0-60.339-16.661-16.666-43.678-16.666-60.339 0l-90.509 90.509-90.51-90.509c-16.663-16.666-43.677-16.666-60.34 0-16.662 16.661-16.662 43.678 0 60.339l90.511 90.509-90.511 90.51c-16.662 16.663-16.662 43.677 0 60.34s43.677 16.662 60.34 0l90.51-90.511 90.509 90.511c16.661 16.662 43.678 16.662 60.339 0 16.666-16.663 16.666-43.677 0-60.34l-90.509-90.51z" />
+<glyph unicode="&#xe92c;" glyph-name="code-blocks" horiz-adv-x="1382" d="M414.719 918.959c0 8.528 6.876 15.441 15.359 15.441h107.522c8.484 0 15.36-6.913 15.36-15.441v-108.089c0-8.528-6.876-15.441-15.36-15.441h-122.881v123.53zM276.481 779.987c0 8.528 6.877 15.441 15.36 15.441h122.88v-123.53c0-8.528-6.877-15.441-15.36-15.441h-122.88v123.53zM138.241 641.016c0 8.528 6.877 15.441 15.36 15.441h122.88v-123.53c0-8.528-6.877-15.441-15.36-15.441h-122.88v123.53zM0 502.045c0 8.528 6.877 15.441 15.36 15.441h122.88v-138.97h-122.88c-8.483 0-15.36 6.912-15.36 15.437v108.092zM138.241 378.516h122.88c8.483 0 15.36-6.917 15.36-15.442v-123.53h-122.88c-8.483 0-15.36 6.912-15.36 15.442v123.53zM276.481 239.544h122.88c8.483 0 15.36-6.917 15.36-15.442v-123.53h-122.88c-8.483 0-15.36 6.912-15.36 15.442v123.53zM414.719 100.572h122.881c8.484 0 15.36-6.912 15.36-15.442v-108.088c0-8.53-6.876-15.442-15.36-15.442h-107.522c-8.483 0-15.359 6.912-15.359 15.442v123.53zM967.68 918.959c0 8.528-6.876 15.441-15.36 15.441h-107.52c-8.484 0-15.36-6.913-15.36-15.441v-108.089c0-8.528 6.876-15.441 15.36-15.441h122.88v123.53zM1105.92 779.987c0 8.528-6.876 15.441-15.36 15.441h-122.88v-123.53c0-8.528 6.876-15.441 15.36-15.441h122.88v123.53zM1244.16 641.016c0 8.528-6.876 15.441-15.36 15.441h-122.88v-123.53c0-8.528 6.876-15.441 15.36-15.441h122.88v123.53zM1382.4 502.045c0 8.528-6.876 15.441-15.36 15.441h-122.88v-138.97h122.88c8.484 0 15.36 6.912 15.36 15.437v108.092zM1244.16 378.516h-122.88c-8.484 0-15.36-6.917-15.36-15.442v-123.53h122.88c8.484 0 15.36 6.912 15.36 15.442v123.53zM1105.92 239.544h-122.88c-8.484 0-15.36-6.917-15.36-15.442v-123.53h122.88c8.484 0 15.36 6.912 15.36 15.442v123.53zM967.68 100.572h-122.88c-8.484 0-15.36-6.912-15.36-15.442v-108.088c0-8.53 6.876-15.442 15.36-15.442h107.52c8.484 0 15.36 6.912 15.36 15.442v123.53z" />
+<glyph unicode="&#xe92d;" glyph-name="copy" d="M384 661.333h-170.667c-47.128 0-85.333-38.205-85.333-85.333v-469.333c0-47.13 38.205-85.333 85.333-85.333h341.333c47.13 0 85.333 38.204 85.333 85.333v128h170.667c47.13 0 85.333 38.204 85.333 85.333v469.333c0 47.128-38.204 85.333-85.333 85.333h-341.333c-47.128 0-85.333-38.205-85.333-85.333v-128zM640 320v256c0 47.128-38.204 85.333-85.333 85.333h-85.333v128h341.333v-469.333h-170.667zM213.333 106.667v469.333h341.333v-469.333h-341.333z" />
+<glyph unicode="&#xe92e;" glyph-name="dapp-logo" d="M814.289 653.388c-166.95 163.459-437.63 163.459-604.58 0l-22.054-21.592c-8.347-8.173-8.347-21.424 0-29.597l68.733-67.296c4.174-4.087 10.941-4.087 15.114 0l29.611 28.992c116.468 114.033 305.303 114.033 421.77 0l27.652-27.072c4.173-4.087 10.94-4.087 15.113 0l68.732 67.296c8.35 8.173 8.35 21.424 0 29.597l-20.092 19.672zM1017.591 454.319l-61.171 59.895c-8.346 8.171-21.879 8.171-30.229 0l-195.767-191.676c-2.086-2.044-5.47-2.044-7.556 0l-195.772 191.68c-8.35 8.171-21.884 8.171-30.229 0l-195.763-191.68c-2.087-2.044-5.47-2.044-7.557 0l-195.772 191.68c-8.348 8.171-21.882 8.171-30.229 0l-61.173-59.895c-8.348-8.171-8.348-21.423 0-29.598l275.84-270.067c8.348-8.175 21.882-8.175 30.229 0l195.765 191.671c2.086 2.044 5.47 2.044 7.556 0l195.767-191.671c8.35-8.175 21.884-8.175 30.229 0l275.831 270.067c8.35 8.171 8.35 21.423 0 29.594z" />
+<glyph unicode="&#xe92f;" glyph-name="delete" d="M426.667 191.586c23.595 0 42.667 19.072 42.667 42.667v256c0 23.595-19.072 42.667-42.667 42.667s-42.667-19.072-42.667-42.667v-256c0-23.595 19.072-42.667 42.667-42.667zM597.376 191.586c23.595 0 42.667 19.072 42.667 42.667v256c0 23.595-19.072 42.667-42.667 42.667s-42.667-19.072-42.667-42.667v-256c0-23.595 19.072-42.667 42.667-42.667zM704.542 125.833c-0.555-10.837-11.008-19.328-21.205-19.243h-343.339c-9.813 1.109-19.669 8.363-20.224 19.541l-27.648 492.544h438.912l-26.496-492.843zM426.526 763.060c0 14.251 12.075 26.283 26.325 26.283h118.101c14.507 0 26.325-11.819 26.325-26.283v-59.051h-170.752v59.051zM853.321 704.009h-74.155c-0.256 0-0.512 0.213-0.811 0.213-0.512 0.043-0.939-0.213-1.493-0.213h-94.251v59.051c0 61.525-50.048 111.616-111.659 111.616h-118.101c-61.568 0-111.659-50.091-111.659-111.616v-59.051h-170.539c-23.552 0-42.667-19.072-42.667-42.667s19.115-42.667 42.667-42.667h36.053l27.861-496.939c2.688-55.893 49.536-100.523 104.107-100.523 0.768 0 1.536 0.043 2.304 0.043h343.766c55.467 0 102.357 44.544 105.045 100.181l26.709 497.238h36.821c23.595 0 42.667 19.072 42.667 42.667s-19.072 42.667-42.667 42.667z" />
+<glyph unicode="&#xe930;" glyph-name="desktop" d="M170.675 876.802c-71.871 0-130.134-58.263-130.134-130.133v-426.669c0-71.868 58.263-130.129 130.134-130.129h296.533v-81.071h-125.867c-24.742 0-44.8-20.058-44.8-44.8 0-24.738 20.058-44.796 44.8-44.796h341.333c24.742 0 44.8 20.058 44.8 44.796 0 24.742-20.058 44.8-44.8 44.8h-125.867v81.071h296.533c71.872 0 130.133 58.261 130.133 130.129v426.669c0 71.871-58.261 130.133-130.133 130.133h-682.667zM130.142 746.669c0 22.386 18.147 40.533 40.533 40.533h682.667c22.387 0 40.533-18.147 40.533-40.533v-426.669c0-22.383-18.146-40.533-40.533-40.533h-682.667c-22.386 0-40.533 18.15-40.533 40.533v426.669z" />
+<glyph unicode="&#xe931;" glyph-name="document" d="M256.021 106.65v682.667h255.915v-171.52c0-46.421 37.888-84.224 84.437-84.224h171.648v-426.923h-512zM732.821 618.522l-135.552-0.725v136.107l135.552-135.381zM842.005 630.042l-231.765 231.509c-8.405 8.405-19.755 13.099-31.573 13.099h-322.646c-47.147 0-85.333-38.229-85.333-85.333v-682.667c0-47.104 38.187-85.333 85.333-85.333h512c47.104 0 85.333 38.229 85.333 85.333v496.171c0 10.197-4.096 20.011-11.349 27.221z" />
+<glyph unicode="&#xe932;" glyph-name="double-arrow" d="M285.867 179.627c16.64-16.64 43.52-16.64 60.16 0l165.973 165.12 165.547-165.547c16.64-16.64 43.52-16.64 60.16 0s16.64 43.52 0 60.16l-195.84 195.84c-3.947 3.955-8.636 7.095-13.798 9.237-5.158 2.142-10.692 3.243-16.282 3.243s-11.123-1.101-16.282-3.243c-5.163-2.142-9.852-5.282-13.798-9.237l-195.84-195.413c-16.64-16.64-16.64-43.52 0-60.16zM285.867 460.8c16.64-16.64 43.52-16.64 60.16 0l165.973 165.119 165.547-165.545c16.64-16.64 43.52-16.64 60.16 0s16.64 43.52 0 60.16l-195.84 195.839c-3.947 3.956-8.636 7.095-13.798 9.236-5.158 2.141-10.692 3.244-16.282 3.244s-11.123-1.103-16.282-3.244c-5.163-2.141-9.852-5.28-13.798-9.236l-195.84-195.412c-16.64-16.64-16.64-43.52 0-60.16z" />
+<glyph unicode="&#xe933;" glyph-name="download" d="M554.688 295.087v536.875c0 23.595-19.115 42.667-42.667 42.667-23.595 0-42.667-19.072-42.667-42.667v-536.875l-175.872 175.829c-16.683 16.683-43.691 16.683-60.331 0-16.683-16.683-16.683-43.648 0-60.331l241.365-241.365c1.237-1.237 2.56-2.389 3.883-3.413 7.851-10.027 19.968-16.384 33.621-16.384 13.611 0 25.771 6.357 33.579 16.384 1.323 1.024 2.688 2.176 3.883 3.413l241.365 241.365c16.683 16.683 16.683 43.648 0 60.331-16.64 16.683-43.648 16.683-60.331 0l-175.829-175.829zM128.021 106.667h768c23.467 0 42.667-19.2 42.667-42.667s-19.2-42.667-42.667-42.667h-768c-23.509 0-42.667 19.2-42.667 42.667s19.157 42.667 42.667 42.667z" />
+<glyph unicode="&#xe934;" glyph-name="dropdown-arrow-small" horiz-adv-x="1536" d="M658.36 63.384c60.636-56.067 158.788-56.067 219.279 0l612.618 566.444c97.717 90.353 28.5 244.838-109.64 244.838l-1225.236-0.134c-138.14 0-207.356-154.486-109.64-244.704l612.618-566.444z" />
+<glyph unicode="&#xe935;" glyph-name="edit" d="M750.626 574.208l-110.123 111.061 105.344 103.253 106.539-107.477c0.256-0.256-0.213-4.352 0.085-4.608l-101.845-102.229zM281.166 106.667h-110.507v111.829l408.959 406.955 110.72-111.659-409.172-407.125zM938.658 680.235c-0.299 23.723-9.728 45.653-25.685 60.885l-105.771 106.667c-15.744 16.811-38.187 26.581-61.653 26.88h-1.152c-23.509 0-46.293-9.472-62.635-25.899l-583.85-582.272c-8.021-7.979-12.587-18.901-12.587-30.251v-172.245c0-23.595 19.072-42.667 42.667-42.667h170.795c11.307 0 22.101 4.437 30.080 12.416l584.106 582.485c16.64 16.811 26.027 40.149 25.685 64z" />
+<glyph unicode="&#xe936;" glyph-name="edit-owner" d="M512.132 789.333c70.571 0 128-57.387 128-128 0-70.571-57.429-128-128-128s-128 57.429-128 128c0 70.613 57.429 128 128 128zM696.068 445.056c-24.747 13.781-51.285 24.107-79.147 31.616 64.469 36.736 108.544 105.301 108.544 184.661 0 117.632-95.701 213.333-213.333 213.333s-213.333-95.701-213.333-213.333c0-79.061 43.733-147.413 107.819-184.277-191.275-50.005-271.36-235.904-319.573-401.323-6.571-22.613 6.4-46.336 29.013-52.907 4.011-1.195 8.021-1.707 11.947-1.707 18.517 0 35.541 12.075 40.96 30.677 72.192 247.637 174.805 353.323 343.040 353.323 54.272 0 100.821-11.307 142.379-34.56 20.523-11.435 46.549-4.096 58.069 16.427 11.52 20.565 4.139 46.592-16.384 58.069zM571.674 90.227l0.341-57.259c0-6.443 5.248-11.648 11.691-11.648h56.875c3.115 0 6.101 1.237 8.32 3.456l171.861 171.861c6.741 6.741 6.741 17.664 0 24.405l-50.432 50.475c-6.144 6.144-16.128 6.144-22.272 0l-172.928-172.971c-2.219-2.176-3.456-5.205-3.456-8.32zM872.171 248.060l63.104 63.104c4.736 4.693 4.736 12.416 0 17.152l-56.661 56.576c-4.693 4.736-12.416 4.736-17.152 0l-63.061-63.061c-4.779-4.736-4.779-12.459 0-17.195l56.576-56.576c4.736-4.736 12.459-4.736 17.195 0z" />
+<glyph unicode="&#xe937;" glyph-name="element-drag" d="M298.667 447.996c0 47.13 38.205 85.333 85.333 85.333 47.13 0 85.333-38.204 85.333-85.333s-38.204-85.333-85.333-85.333c-47.128 0-85.333 38.204-85.333 85.333zM554.667 447.996c0 47.13 38.204 85.333 85.333 85.333s85.333-38.204 85.333-85.333c0-47.13-38.204-85.333-85.333-85.333s-85.333 38.204-85.333 85.333zM298.667 746.667c0 47.128 38.205 85.333 85.333 85.333 47.13 0 85.333-38.205 85.333-85.333s-38.204-85.333-85.333-85.333c-47.128 0-85.333 38.205-85.333 85.333zM554.667 746.667c0 47.128 38.204 85.333 85.333 85.333s85.333-38.205 85.333-85.333c0-47.128-38.204-85.333-85.333-85.333s-85.333 38.205-85.333 85.333zM298.667 149.338c0 47.13 38.205 85.333 85.333 85.333 47.13 0 85.333-38.204 85.333-85.333s-38.204-85.333-85.333-85.333c-47.128 0-85.333 38.204-85.333 85.333zM554.667 149.338c0 47.13 38.204 85.333 85.333 85.333s85.333-38.204 85.333-85.333c0-47.13-38.204-85.333-85.333-85.333s-85.333 38.204-85.333 85.333z" />
+<glyph unicode="&#xe938;" glyph-name="experimental" d="M448.090 900.15c19.439 11.2 41.476 17.096 63.91 17.096s44.476-5.897 63.91-17.097c0.030-0.017 0.060-0.035 0.090-0.052l298.667-170.666c15.787-9.114 29.402-21.469 39.974-36.198 2.577-2.576 4.86-5.526 6.771-8.829 1.647-2.845 2.927-5.8 3.857-8.812 8.777-17.641 13.376-37.106 13.397-56.882v-341.42c-0.021-22.447-5.948-44.493-17.182-63.927-11.234-19.43-27.379-35.571-46.818-46.793l-0.166-0.094-298.5-170.573c-0.026-0.017-0.051-0.030-0.077-0.047-13.534-7.799-28.331-13.030-43.644-15.488-6.033-3.264-12.941-5.116-20.279-5.116s-14.246 1.852-20.279 5.116c-15.313 2.458-30.106 7.689-43.639 15.488-0.030 0.017-0.055 0.030-0.081 0.047l-298.667 170.667c-19.439 11.221-35.585 27.362-46.819 46.793-11.233 19.435-17.158 41.481-17.181 63.927v341.42c0.020 19.776 4.622 39.24 13.398 56.881 0.93 3.012 2.211 5.968 3.856 8.812 1.911 3.302 4.195 6.253 6.771 8.829 10.575 14.729 24.189 27.084 39.975 36.198l0.165 0.095 138.612 79.206c6.297 7.096 14.661 11.727 23.627 13.501l136.353 77.917zM322.133 729.891l-107.136-61.221 297.003-171.804 106.944 61.863-296.811 171.162zM704.222 608.058l-296.29 170.86 82.735 47.278c6.485 3.745 13.845 5.716 21.333 5.716s14.848-1.972 21.333-5.716l275.669-157.526-104.781-60.612zM853.333 595.732l-298.667-172.769v-340.966l277.333 158.473c0.021 0.013 0.047 0.026 0.068 0.038 6.447 3.742 11.806 9.105 15.539 15.561 3.742 6.477 5.717 13.828 5.726 21.308v318.356zM469.333 81.997v340.966l-298.667 172.769v-318.373c0.011-7.475 1.986-14.818 5.727-21.291 3.732-6.455 9.089-11.819 15.539-15.561 0.023-0.013 0.045-0.026 0.067-0.038l277.333-158.473z" />
+<glyph unicode="&#xe939;" glyph-name="export" d="M481.83 904.837c16.661 16.662 43.678 16.662 60.339 0l170.667-170.667c16.661-16.663 16.661-43.677 0-60.34s-43.678-16.662-60.339 0l-97.83 97.83v-451.66c0-23.565-19.102-42.667-42.667-42.667s-42.667 19.102-42.667 42.667v451.66l-97.83-97.83c-16.663-16.662-43.677-16.662-60.34 0s-16.662 43.677 0 60.34l170.667 170.667zM170.667 490.667c23.564 0 42.667-19.102 42.667-42.667v-341.333c0-11.315 4.495-22.17 12.497-30.17s18.854-12.497 30.17-12.497h512c11.315 0 22.17 4.497 30.17 12.497s12.497 18.854 12.497 30.17v341.333c0 23.565 19.102 42.667 42.667 42.667s42.667-19.102 42.667-42.667v-341.333c0-33.95-13.487-66.505-37.491-90.509s-56.559-37.491-90.509-37.491h-512c-33.948 0-66.505 13.487-90.51 37.491s-37.49 56.559-37.49 90.509v341.333c0 23.565 19.103 42.667 42.667 42.667z" />
+<glyph unicode="&#xe93a;" glyph-name="external-link" d="M853.333 106.667v341.333c0 23.565 19.102 42.667 42.667 42.667s42.667-19.102 42.667-42.667v-341.333c0-47.13-38.204-85.333-85.333-85.333h-682.667c-47.128 0-85.333 38.204-85.333 85.333v682.667c0 47.128 38.205 85.333 85.333 85.333h341.333c23.565 0 42.667-19.103 42.667-42.667s-19.102-42.667-42.667-42.667h-341.333v-682.667h682.667zM790.848 789.333h-110.327c-23.561 0-42.667 19.103-42.667 42.667s19.106 42.667 42.667 42.667h213.333c11.785 0 22.451-4.776 30.174-12.497 7.718-7.721 12.493-18.388 12.493-30.17v-213.333c0-23.564-19.102-42.667-42.667-42.667-23.561 0-42.667 19.103-42.667 42.667v110.327l-394.351-394.355c-16.661-16.661-43.677-16.661-60.34 0-16.662 16.666-16.662 43.678 0 60.343l394.351 394.351z" />
+<glyph unicode="&#xe93b;" glyph-name="eye-n" d="M512.009 789.326c-221.668 0-410.96-141.506-487.613-341.33 76.653-199.825 265.944-341.329 487.613-341.329 221.619 0 410.914 141.504 487.616 341.329-76.702 199.824-265.997 341.33-487.616 341.33zM512.009 691.803c163.499 0 309.491-94.499 381.461-243.807-71.97-149.308-217.963-243.806-381.461-243.806-163.543 0-309.535 94.498-381.458 243.806 71.923 149.308 217.914 243.807 381.458 243.807zM512.055 643.802c-107.762 0-195.045-87.331-195.045-195.046 0-107.763 87.283-195.042 195.045-195.042 107.716 0 195.046 87.279 195.046 195.042 0 107.715-87.33 195.046-195.046 195.046zM512.060 546.279c53.781 0 97.519-43.738 97.519-97.524 0-53.833-43.738-97.523-97.519-97.523-53.786 0-97.524 43.691-97.524 97.523 0 53.786 43.739 97.524 97.524 97.524z" />
+<glyph unicode="&#xe93c;" glyph-name="eye-off" d="M372.8 675.031c41.137 13.363 84.574 21.184 129.638 21.184 160.619 0 304-90.231 374.686-232.795-30.793-62.11-75.998-113.417-129.779-152.576l68.433-66.53c73.271 56.384 131.123 131.806 165.555 219.106-75.281 190.799-261.188 325.914-478.895 325.914-72.457 0-141.228-15.271-203.772-42.276l74.133-72.027zM497.502 533.504c2.449 0.175 4.762 0.743 7.296 0.743 49.045 0 88.934-39.236 88.934-87.39 0-2.487-0.58-4.762-0.802-7.121l70.882-69.649c11.695 23.245 18.854 49.071 18.854 76.77 0 96.522-79.642 174.778-177.869 174.778-28.194 0-54.473-7.078-78.131-18.482l70.835-69.649zM511.983 226.53c-157.38 0-297.908 89.378-367.139 230.601 20.042 40.909 46.655 76.836 77.398 108.105l102.603-100.818c-0.094-2.214-0.516-4.335-0.516-6.549 0-101.926 84.063-184.482 187.748-184.482 2.3 0 4.459 0.371 6.711 0.461l44.399-43.584c-16.849-2.214-33.839-3.733-51.204-3.733zM785.011 142.729l-612.711 602.006c-18.352 18.033-48.063 18.033-66.368 0-18.352-17.987-18.352-47.181 0-65.214l50.41-49.533c-48.579-48.98-88.053-107.231-113.727-172.857 73.831-189.001 256.039-322.842 469.364-322.842 45.295 0 88.947 6.639 130.624 17.937l76.041-74.714c9.199-9.041 21.167-13.513 33.182-13.513s24.030 4.471 33.186 13.513c18.351 17.988 18.351 47.181 0 65.216z" />
+<glyph unicode="&#xe93d;" glyph-name="eye-on" d="M512.009 789.326c-221.668 0-410.96-141.506-487.613-341.33 76.653-199.825 265.944-341.329 487.613-341.329 221.619 0 410.914 141.504 487.616 341.329-76.702 199.824-265.997 341.33-487.616 341.33zM512.009 691.803c163.499 0 309.491-94.499 381.461-243.807-71.97-149.308-217.963-243.806-381.461-243.806-163.543 0-309.535 94.498-381.458 243.806 71.923 149.308 217.914 243.807 381.458 243.807zM512.055 643.802c-107.762 0-195.045-87.331-195.045-195.046 0-107.763 87.283-195.042 195.045-195.042 107.716 0 195.046 87.279 195.046 195.042 0 107.715-87.33 195.046-195.046 195.046zM512.060 546.279c53.781 0 97.519-43.738 97.519-97.524 0-53.833-43.738-97.523-97.519-97.523-53.786 0-97.524 43.691-97.524 97.523 0 53.786 43.739 97.524 97.524 97.524z" />
+<glyph unicode="&#xe93e;" glyph-name="face-id" d="M112.259 602.871c-18.095 0-27.142 9.348-27.142 28.047v114.413c0 43.035 10.975 75.385 32.927 97.051s54.581 32.499 97.89 32.499h114.354c18.688 0 28.032-9.052 28.032-27.156 0-18.401-9.344-27.601-28.032-27.601h-113.019c-25.214 0-44.496-6.53-57.844-19.588-13.052-13.059-19.578-32.499-19.578-58.319v-111.297c0-18.698-9.196-28.047-27.588-28.047zM908.73 602.871c-18.093 0-27.142 9.348-27.142 28.047v111.297c0 25.821-6.822 45.261-20.467 58.319s-32.781 19.588-57.402 19.588h-112.57c-18.688 0-28.032 9.201-28.032 27.601 0 18.104 9.344 27.156 28.032 27.156h113.907c43.603 0 76.384-10.981 98.336-32.944 21.952-21.665 32.928-53.868 32.928-96.605v-114.413c0-18.698-9.197-28.047-27.59-28.047zM215.934 23.68c-43.309 0-75.939 10.982-97.89 32.947-21.951 21.664-32.927 54.016-32.927 97.050v113.965c0 18.701 9.047 28.051 27.142 28.051 18.392 0 27.588-9.35 27.588-28.051v-111.296c0-25.818 6.525-45.261 19.578-58.317 13.348-13.062 32.63-19.59 57.844-19.59h113.019c18.688 0 28.032-9.197 28.032-27.603 0-18.099-9.344-27.155-28.032-27.155h-114.354zM691.149 23.68c-18.688 0-28.032 9.056-28.032 27.155 0 18.406 9.344 27.603 28.032 27.603h112.57c24.621 0 43.757 6.528 57.402 19.59 13.645 13.056 20.467 32.499 20.467 58.317v111.296c0 18.701 9.050 28.051 27.142 28.051 18.394 0 27.59-9.35 27.59-28.051v-113.965c0-43.034-10.976-75.386-32.928-97.050-21.952-21.965-54.733-32.947-98.336-32.947h-113.907zM345.416 484.896c-8.603 0-15.722 2.671-21.358 8.013-5.34 5.342-8.009 12.614-8.009 21.814v60.1c0 8.904 2.669 16.027 8.009 21.37 5.636 5.639 12.755 8.458 21.358 8.458s15.722-2.819 21.357-8.458c5.636-5.343 8.454-12.465 8.454-21.37v-60.1c0-9.201-2.818-16.472-8.454-21.814s-12.755-8.013-21.357-8.013zM474.453 380.722c-9.196 0-16.315 2.077-21.357 6.232-5.043 4.452-7.564 10.388-7.564 17.808 0 6.529 2.076 11.871 6.229 16.027 4.449 4.452 9.937 6.678 16.463 6.678h15.128c3.263 0 6.081 1.039 8.454 3.116 2.669 2.077 4.004 5.194 4.004 9.349v142.46c0 7.123 2.076 12.614 6.229 16.472 4.153 4.156 9.641 6.233 16.463 6.233 7.119 0 12.756-2.077 16.909-6.233 4.153-3.858 6.229-9.349 6.229-16.472v-138.454c0-20.776-5.34-36.506-16.019-47.19s-26.401-16.027-47.165-16.027c-0.593 0-1.334 0-2.225 0-0.593 0-1.187 0-1.78 0zM673.35 484.896c-8.902 0-16.019 2.671-21.357 8.013-5.344 5.342-8.013 12.614-8.013 21.814v60.1c0 8.904 2.669 16.027 8.013 21.37 5.338 5.639 12.454 8.458 21.357 8.458 8.602 0 15.571-2.819 20.909-8.458 5.638-5.343 8.454-12.465 8.454-21.37v-60.1c0-9.201-2.816-16.472-8.454-21.814-5.338-5.342-12.307-8.013-20.909-8.013zM507.38 236.928c-25.807 0-51.318 5.043-76.532 15.136-25.215 10.387-46.572 25.376-64.074 44.96-2.372 2.374-4.301 4.902-5.784 7.571-1.187 2.97-1.78 6.086-1.78 9.35 0 6.824 2.225 12.315 6.675 16.47s9.937 6.233 16.463 6.233c4.153 0 7.564-0.89 10.234-2.671 2.966-1.78 6.081-4.155 9.344-7.123 13.052-13.357 29.070-24.038 48.055-32.051 18.985-8.019 38.118-12.026 57.399-12.026 20.468 0 40.046 4.006 58.734 12.026 18.985 8.307 34.855 18.995 47.61 32.051 6.23 6.529 12.607 9.794 19.133 9.794 6.229 0 11.571-2.077 16.019-6.233s6.675-9.645 6.675-16.47c0-3.859-0.595-7.27-1.779-10.24-1.19-2.675-2.822-5.050-4.896-7.123-18.986-18.701-40.937-33.389-65.854-44.077-24.621-10.387-49.836-15.578-75.643-15.578z" />
+<glyph unicode="&#xe93f;" glyph-name="file" d="M204.905 839.564c21.922 22.477 51.655 35.103 82.657 35.103h299.25c11.162 0 21.862-4.546 29.756-12.637l224.439-230.113c7.893-8.091 12.326-19.066 12.326-30.509v-460.224c0-31.782-12.314-62.268-34.236-84.745-0.004 0-0.004 0-0.004-0.004-0.004 0-0.004-0.004-0.009-0.004-21.926-22.485-51.661-35.098-82.65-35.098h-448.873c-30.997 0-60.733 12.617-82.661 35.106-21.923 22.477-34.234 52.962-34.234 84.745v613.632c0 31.786 12.316 62.27 34.237 84.747 0 0 0 0 0 0zM287.562 788.374c-8.682 0-17.007-3.536-23.144-9.828v-0.001c-6.138-6.294-9.587-14.83-9.587-23.729v-613.632c0-8.905 3.45-17.438 9.584-23.727l0.006-0.009c6.132-6.289 14.453-9.822 23.141-9.822h448.873c8.687 0 17.011 3.537 23.138 9.822l0.013 0.013c6.135 6.285 9.583 14.822 9.583 23.723v417.077h-182.396c-11.162 0-21.867 4.547-29.756 12.64-7.893 8.093-12.326 19.069-12.326 30.513l0.030 186.96h-257.159zM628.877 727.374l80.781-82.82h-80.794l0.013 82.82zM320.31 563.037c0 23.829 18.841 43.146 42.082 43.146h74.813c23.241 0 42.082-19.317 42.082-43.146s-18.842-43.148-42.082-43.148h-74.813c-23.241 0-42.082 19.319-42.082 43.148zM320.255 409.609c0 23.829 18.841 43.149 42.082 43.149h299.248c23.241 0 42.082-19.319 42.082-43.149s-18.842-43.145-42.082-43.145h-299.248c-23.241 0-42.082 19.315-42.082 43.145zM320.255 256.239c0 23.829 18.841 43.145 42.082 43.145h299.248c23.241 0 42.082-19.315 42.082-43.145s-18.842-43.149-42.082-43.149h-299.248c-23.241 0-42.082 19.319-42.082 43.149z" />
+<glyph unicode="&#xe940;" glyph-name="filter" d="M181.336 720.64c86.187-110.507 245.335-315.307 245.335-315.307v-256c0-23.467 19.2-42.667 42.667-42.667h85.333c23.467 0 42.667 19.2 42.667 42.667v256c0 0 158.72 204.8 244.907 315.307 21.76 28.16 1.707 68.693-33.707 68.693h-593.495c-35.413 0-55.467-40.533-33.707-68.693z" />
+<glyph unicode="&#xe941;" glyph-name="fingerprint" d="M882.112 277.331c-3.066 0-6.208 0.371-9.312 1.069-20.781 4.858-33.504 24.794-28.384 44.511 0.467 1.802 45.331 179.332-14.502 304.588-85.702 179.405-269.318 173.887-277.345 173.519-20.786-0.441-39.477 14.788-40.524 35.021-1.008 20.195 15.318 37.411 36.607 38.478 9.772 0.442 243.803 9.417 351.956-216.633 71.040-148.726 21.248-344.355 19.117-352.591-4.384-16.742-20.205-27.962-37.613-27.962zM123.047 320c-7.509 0-15.094 2.36-21.735 7.2-17.018 12.552-21.094 37.106-9.057 54.852 31.094 45.92 41.32 87.787 51.395 158.772 37.885 268.555 226.559 329.703 234.558 332.182 19.924 6.256 40.98-5.745 46.904-26.561 5.887-20.776-5.434-42.615-25.282-48.832-6.566-2.164-150.938-51.586-181.541-268.28-9.547-67.523-20.98-128.552-64.376-192.691-7.358-10.86-19.018-16.644-30.867-16.644zM296.97 362.666c-2.579 0-5.24 0.249-7.86 0.788-22.189 4.359-36.682 26.154-32.342 48.654 0.041 0.249 7.082 37.155 15.352 87.843 25.014 154.928 121.466 246.715 258.57 246.715 2.047 0 4.094 0 6.141-0.042 161.466-3.238 224.141-124.582 226.721-129.772 10.234-20.424 2.208-45.416-17.933-55.836-20.102-10.296-44.538-2.284-54.899 17.934-2.17 4.068-44.992 82.404-155.485 84.646-128.507 2.616-169.078-94.9-182.342-177.138-8.474-52.224-15.803-90.209-15.803-90.209-3.766-19.843-20.92-33.584-40.12-33.584zM475.787 21.331c-7.003 0-14.076 2.278-20.269 6.95-15.869 12.109-19.67 35.757-8.445 52.915 77.977 119.168 121.258 291.705 122.525 370.401 0.211 12.11-1.478 28.662-10.591 38.684-7.425 8.086-17.735 9.795-25.089 9.795-19.987 0-36.877-17.843-36.877-38.988 0-20.993-15.729-37.962-35.188-37.962-19.424 0-35.188 16.97-35.188 37.962 0 63.359 48.137 114.912 107.253 114.912 29.417 0 56.16-11.54 75.267-32.496 14.462-15.906 31.526-44.985 30.79-93.235-1.654-101.511-53.873-288.246-135.404-412.88-6.861-10.477-17.734-16.058-28.783-16.058zM645.69 21.331c-7.738 0-15.574 1.562-22.879 4.877-23.51 10.733-32.363 35.565-19.689 55.514 59.989 94.477 117.359 244.3 110.101 365.855-1.306 22.574 19.258 41.829 45.958 42.977 25.933 1.72 49.344-16.224 50.746-38.88 8.659-146.713-60.083-311.897-121.568-408.787-8.755-13.766-25.446-21.555-42.669-21.555zM297.207 64c-10.179 0-20.317 3.898-28.312 11.686-16.525 16.224-17.267 43.328-1.648 60.538 61.734 67.853 100.101 142.816 120.706 235.845 5.11 23.032 27.199 37.502 49.371 32.151 22.212-5.309 36.060-28.255 30.949-51.288-24.026-108.529-68.863-196.075-141.106-275.531-8.118-8.909-18.998-13.402-29.96-13.402zM162.751 149.331c-9.699 0-19.398 4.717-26.246 14.022-12.584 16.954-11.020 42.605 3.476 57.318 29.932 30.4 49.989 76.499 50.198 76.902 8.621 20.083 29.514 28.17 46.652 18.086 17.138-10.035 24.056-34.387 15.504-54.464-1.043-2.483-26.211-60.691-66.814-101.907-6.536-6.662-14.705-9.958-22.77-9.958z" />
+<glyph unicode="&#xe942;" glyph-name="hardware" d="M313.543 952.544l0.002 0.002-66.363-5.484-3.317 3.469-0.003-0.002-107.584-102.976c-18.063-19.25-17.409-48.943 1.925-67.422 0 0 0.001-0.001 0.001-0.001l93.004-88.947c-22.327-41.637-15.238-93.962 21.158-128.769l191.421-183.063-188.309-180.16c-61.841-62.165-60.854-160.597 2.94-221.602v0c32.358-30.933 74.734-46.387 117.054-46.387s84.707 15.454 117.053 46.387l362.62 346.85c61.841 62.165 60.851 160.585-2.94 221.594l-0.047 0.041-2.833 2.644-0.094 0.083-2.722 2.409c-2.027 2.139-4.117 4.24-6.272 6.302v0l-299.789 286.599c-22.127 19.727-50.355 29.554-78.528 29.554-18.176 0-36.37-4.088-52.925-12.287-0.132 0.129-0.265 0.257-0.399 0.385 0 0 0 0.001-0.001 0.001l-92.927 88.866-2.128 1.914zM813.022 507.968v0c20.762-19.857 32.145-46.187 32.145-74.176s-11.383-54.327-32.145-74.185l-362.3-346.406c-0.009-0.009-0.017-0.017-0.030-0.026-20.45-18.304-46.993-28.365-75.219-28.365-29.466 0-57.112 10.965-77.883 30.827-20.765 19.87-32.147 46.199-32.147 74.197 0 27.989 11.382 54.319 32.146 74.176l362.298 346.398c0.013 0.009 0.021 0.017 0.030 0.026 20.442 18.313 46.993 28.373 75.221 28.373 29.466 0 57.109-10.965 77.884-30.839zM725.077 592.126c-38.916-2.254-77.205-17.602-106.999-46.095l-134.814-128.913-193.652 185.283c-21.239 22.286-20.61 56.896 1.922 78.453l7.348 7.003c1.403 1.083 2.76 2.249 4.063 3.495v0l107.535 102.936 1.708 1.928 7.342 7.033 2.246 2.046c11.005 9.527 25.123 14.761 40.137 14.761 16.043 0 31.053-5.969 42.334-16.766l0.004-0.002 220.826-211.162zM730.475 499.874c-39.983 0-72.759-31.044-72.759-69.79 0-38.75 32.777-69.794 72.759-69.794s72.772 31.044 72.772 69.794c0 38.746-32.789 69.79-72.772 69.79zM730.475 446.268c9.681 0 17.152-7.45 17.152-16.183 0-8.73-7.471-16.179-17.152-16.179-9.673 0-17.139 7.441-17.139 16.179 0 8.742 7.467 16.183 17.139 16.183zM279.803 909.411l85.787-82.207-98.808-94.493-85.777 82.186 98.798 94.513z" />
+<glyph unicode="&#xe943;" glyph-name="home" d="M488.427 866.496c13.867 10.894 33.28 10.894 47.147 0l345.6-271.515c9.357-7.349 14.827-18.648 14.827-30.618v-426.665c0-30.861-12.139-60.459-33.741-82.283-21.606-21.824-50.906-34.082-81.459-34.082h-537.6c-30.553 0-59.855 12.258-81.459 34.082s-33.741 51.422-33.741 82.283v426.665c0 11.97 5.471 23.269 14.825 30.618l345.602 271.515zM204.8 545.393v-407.695c0-10.287 4.046-20.156 11.247-27.43 7.202-7.27 16.969-11.358 27.153-11.358h537.6c10.185 0 19.951 4.087 27.153 11.358 7.202 7.275 11.247 17.143 11.247 27.43v407.695l-307.2 241.347-307.2-241.347zM341.333 451.554c0 21.602 19.103 39.113 42.667 39.113h256c23.565 0 42.667-17.51 42.667-39.113v-391.108c0-21.602-19.102-39.113-42.667-39.113s-42.667 17.51-42.667 39.113v352h-170.667v-352c0-21.602-19.103-39.113-42.667-39.113s-42.667 17.51-42.667 39.113v391.108z" />
+<glyph unicode="&#xe944;" glyph-name="info" d="M512 533.333c23.564 0 42.667-19.103 42.667-42.667v-256c0-23.564-19.103-42.667-42.667-42.667s-42.667 19.103-42.667 42.667v256c0 23.564 19.103 42.667 42.667 42.667zM512 714.667c29.457 0 53.333-23.878 53.333-53.333s-23.876-53.333-53.333-53.333c-29.457 0-53.333 23.878-53.333 53.333s23.876 53.333 53.333 53.333zM938.667 448c0-235.639-191.027-426.667-426.667-426.667-235.642 0-426.667 191.027-426.667 426.667 0 235.642 191.025 426.667 426.667 426.667 235.639 0 426.667-191.025 426.667-426.667zM170.667 448c0-188.514 152.82-341.333 341.333-341.333s341.333 152.819 341.333 341.333c0 188.513-152.819 341.333-341.333 341.333s-341.333-152.82-341.333-341.333z" />
+<glyph unicode="&#xe945;" glyph-name="key" d="M931.055 904.837c16.663-16.662 16.663-43.678 0-60.34l-51.177-51.174 91.847-91.845c8.004-8.001 12.498-18.854 12.498-30.17s-4.494-22.168-12.498-30.17l-142.353-142.351c-16.663-16.662-43.674-16.662-60.336 0l-91.847 91.845-109.080-109.080c12.153-16.657 22.353-34.708 30.38-53.806 13.602-32.387 20.668-67.144 20.787-102.273s-6.713-69.939-20.105-102.411c-13.386-32.478-33.070-61.986-57.909-86.83-24.841-24.838-54.349-44.521-86.827-57.907-32.477-13.392-67.283-20.224-102.412-20.105-35.129 0.114-69.888 7.179-102.275 20.787s-61.763 33.485-86.436 58.493l-0.32 0.324c-48.52 50.233-75.366 117.521-74.759 187.358 0.607 69.84 28.62 136.647 78.005 186.032s116.192 77.398 186.031 78.005c55.689 0.484 109.752-16.488 154.844-47.985l363.6 363.601c16.663 16.662 43.679 16.662 60.342 0zM481.477 452.026c-0.382 0.343-0.759 0.695-1.132 1.054-34.142 32.976-79.87 51.223-127.335 50.81s-92.869-19.451-126.433-53.015c-33.564-33.564-52.603-78.97-53.015-126.432-0.412-47.388 17.776-93.047 50.652-127.169 16.736-16.924 36.643-30.373 58.585-39.595 22.011-9.244 45.635-14.046 69.509-14.126s47.53 4.562 69.603 13.659c22.073 9.102 42.128 22.477 59.010 39.361 16.882 16.879 30.258 36.938 39.357 59.011s13.743 45.727 13.663 69.598c-0.080 23.876-4.882 47.502-14.129 69.512-8.989 21.396-22.006 40.859-38.336 57.331zM737.53 650.972l61.673-61.676 82.011 82.012-61.673 61.676-82.011-82.012z" />
+<glyph unicode="&#xe946;" glyph-name="keystone" d="M436.297 314.893c-62.274-10.381-103.791-108.117-116.765-155.686-18.836-51.895 207.581-155.686 259.476-142.716 41.519 10.381 60.548 73.519 64.87 103.795 25.95-38.925-129.737 207.582-207.582 194.607zM463.155 296.896c10.304-4.791 21.722-12.48 33.822-22.43 24.188-19.895 49.519-47.535 72.017-74.854 22.421-27.23 41.668-53.692 53.7-70.938 3.034-4.343 5.589-8.085 7.616-11.085-2.449-13.982-7.778-33.455-16.512-50.833-9.958-19.81-22.775-33.886-37.935-37.675-3.947-0.99-11.093-1.105-21.717 0.516-10.295 1.57-22.669 4.582-36.395 8.819-27.439 8.474-59.337 21.559-89.139 36.676-29.905 15.172-57.021 32.051-75.28 47.893-9.178 7.966-15.485 15.13-18.953 21.141-3.481 6.029-3.189 9.178-2.654 10.65l0.181 0.503 0.14 0.512c6.235 22.861 19.412 57.958 38.382 88.329 19.374 31.023 42.677 53.751 68.001 57.975 6.144 1.024 14.315-0.358 24.725-5.201zM635.75 155.149c-12.066 16.841-28.335 38.622-46.729 60.958-22.908 27.819-49.476 56.939-75.563 78.4-13.035 10.722-26.347 19.861-39.36 25.916-12.898 6.003-26.624 9.485-39.936 7.266-36.953-6.157-65.546-37.483-85.743-69.82-20.475-32.781-34.496-70.080-41.283-94.797-3.871-11.311-0.641-22.541 4.769-31.915 5.511-9.549 14.209-18.906 24.419-27.767 20.518-17.805 49.72-35.797 80.549-51.435 30.933-15.697 64.196-29.367 93.218-38.332 14.502-4.476 28.186-7.851 40.137-9.677 11.614-1.775 22.895-2.3 31.923-0.038 26.355 6.588 43.81 29.274 54.831 51.196 8.704 17.318 14.37 36.066 17.562 51.166 0.602 0.294 1.169 0.623 1.69 0.981 2.325 3.465 3.494 9.173 3.345 10.859-0.145 0.789-0.474 1.997-0.619 2.428-0.26 0.717-0.529 1.259-0.602 1.399-0.115 0.23-0.218 0.418-0.277 0.533-0.128 0.23-0.247 0.435-0.329 0.572-0.311 0.525-0.755 1.225-1.246 1.988-2.031 3.149-6.353 9.634-12.454 18.377l-8.218 12.326-0.085-0.585zM812.535 366.788h-272.452v-12.975c0-7.859 3.085-16.508 6.946-24.576 4.041-8.444 9.707-17.818 16.422-27.58 13.453-19.546 31.765-41.579 51.601-62.242 19.827-20.651 41.506-40.282 61.794-54.865 10.138-7.287 20.173-13.487 29.649-17.916 9.297-4.343 18.995-7.428 28.194-7.428 14.682 0 28.659 7.497 40.725 16.956 12.331 9.668 24.329 22.703 35.311 36.642 21.99 27.904 41.25 61.146 52.335 83.315l2.901 5.798-2.91 5.824-0.021 0.034-0.064 0.132-0.239 0.474-0.892 1.732c-0.764 1.481-1.869 3.58-3.23 6.093-2.709 5.009-6.498 11.746-10.743 18.539-4.186 6.699-9.075 13.867-14.007 19.503-2.453 2.803-5.252 5.619-8.294 7.829-2.769 2.018-7.33 4.71-13.026 4.71zM851.46 301.922l11.593 5.82c0-0.004 0.009-0.021-11.593-5.82zM488.192 859.797l-298.4-493.009c-25.129-41.515 32.776-155.686 64.87-207.582l337.321 557.877c0 134.929-69.193 151.363-103.791 142.713zM496.329 848.183l-295.437-488.11c-3.936-6.507-5.496-17.719-3.226-34.163 2.208-15.987 7.727-34.748 15.225-54.396 11.748-30.788 27.869-62.515 41.877-87.057l324.223 536.216c-0.602 63.161-17.118 95.872-34.714 112.061-15.842 14.575-34.33 17.4-47.949 15.449zM561.847 851.83c25.318-23.294 43.11-65.333 43.11-134.746v-3.617l-350.171-579.13-11.159 18.048c-16.34 26.419-39.261 68.685-54.98 109.879-7.849 20.57-14.1 41.382-16.685 60.1-2.522 18.261-1.897 36.89 6.731 51.145l301.166 497.579 5.188 1.296c20.774 5.195 51.43 2.787 76.8-20.553zM617.929 652.215l-103.791-168.661c-10.381-16.866-4.326-41.626 0-51.895h207.582l25.95 51.895c0 103.791-86.494 155.687-129.741 168.661zM612.109 667.506l9.553-2.865c45.683-13.705 138.982-68.914 138.982-181.087v-3.063l-30.903-61.807h-224.213l-3.345 7.94c-2.645 6.285-5.611 16.393-6.49 27.486-0.866 10.961 0.188 24.525 7.398 36.245l109.018 177.151zM623.548 636.586l-98.355-159.833c-3.17-5.146-4.279-12.395-3.631-20.599 0.329-4.139 1.071-8.102 1.946-11.52h190.199l20.966 41.929c-1.536 86.647-69.116 133.952-111.125 150.024z" />
+<glyph unicode="&#xe947;" glyph-name="ledger" d="M0 576.688h233.335v-225.015h-233.335v225.015zM404.644 187.628h233.334v-225.014h-233.334v225.014zM0 804.389c0 85.942 69.669 155.611 155.611 155.611h77.724v-216.677h-233.335v61.066zM0 118.164c0-85.944 69.669-155.612 155.611-155.612h77.724v216.678h-233.335v-61.066zM1023.949 118.164c0-85.944-69.668-155.612-155.612-155.612h-77.722v216.678h233.334v-61.066zM390.644 960h508.863c68.756 0 124.488-55.735 124.488-124.489v-483.87h-633.351v608.358z" />
+<glyph unicode="&#xe948;" glyph-name="lightbulb" d="M512.034 874.667c-148.545 0-269.399-120.837-269.399-269.383 0-50.643 14.25-100.063 41.186-142.888 9.838-15.676 21.71-38.157 25.35-50.769l37.98-131.631c3.839-13.239 11.514-25.114 21.421-34.714-2.881-5.188-4.683-11.068-4.683-17.425v-127.108c0-19.887 16.141-36.032 36.032-36.032h18.268c-1.172-3.243-1.944-6.635-1.944-10.202 0-18.321 16.163-33.182 36.033-33.182h119.467c19.908 0 36.032 14.861 36.032 33.182 0 3.584-0.777 6.976-1.894 10.202h18.197c19.908 0 36.032 16.145 36.032 36.032v127.108c0 5.709-1.459 11.063-3.819 15.851 10.829 10.018 19.187 22.613 23.113 36.898l35.959 131.324c3.494 12.736 15.117 34.987 24.777 50.355 26.97 42.825 41.22 92.259 41.22 142.976 0 148.552-120.819 269.406-269.329 269.406zM679.138 500.681c-4.198-6.686-25.532-41.438-33.28-69.67l-35.959-131.319c-0.666-2.432-5.619-6.217-8.141-6.234h-176.688c-2.683 0-7.947 3.998-8.685 6.537l-37.98 131.631c-7.963 27.58-29.332 62.37-33.549 69.111-19.729 31.347-30.159 67.505-30.159 104.547 0 108.804 88.514 197.318 197.332 197.318 108.77 0 197.265-88.514 197.265-197.318 0-37.096-10.415-73.273-30.157-104.603z" />
+<glyph unicode="&#xe949;" glyph-name="link" d="M503.241 779.58l25.553 24.751c93.803 93.751 245.824 93.751 339.584-0.008 91.268-91.269 93.734-237.657 7.407-331.9l-7.403-7.731-128.781-128.823c-93.76-93.709-245.815-93.709-339.584 0.009-9.055 9.054-17.322 18.752-24.714 28.979-13.807 19.093-9.521 45.764 9.574 59.575 19.095 13.807 45.77 9.519 59.577-9.579 4.732-6.545 10.052-12.787 15.893-18.628 58.283-58.249 151.539-60.326 212.305-6.251l6.613 6.238 128.772 128.815c60.48 60.479 60.48 158.478 0 218.956-58.278 58.279-151.488 60.361-212.723 5.82l-6.669-6.293-26.027-25.216c-16.926-16.397-43.938-15.97-60.335 0.954-15.134 15.622-15.936 39.84-2.658 56.369l3.614 3.963zM284.471 559.971c93.76 93.76 245.824 93.76 339.636 0 6.622-6.624 12.804-13.569 18.564-20.845 14.622-18.477 11.494-45.31-6.98-59.936-18.479-14.622-45.312-11.494-59.938 6.98-3.712 4.698-7.697 9.173-11.977 13.453-58.321 58.287-151.572 60.369-212.354 6.246l-6.617-6.242-128.797-128.755c-60.448-60.48-60.448-158.494-0.009-218.965 58.319-58.317 151.525-60.403 212.16-6.426l6.596 6.225 32.128 32.555c16.555 16.772 43.567 16.951 60.339 0.401 15.484-15.279 16.823-39.475 3.921-56.299l-3.524-4.041-32.324-32.755c-93.804-93.803-245.832-93.803-339.644 0.009-91.216 91.268-93.681 237.641-7.383 331.9l7.397 7.731 128.806 128.764z" />
+<glyph unicode="&#xe94a;" glyph-name="lock" d="M768 149.478c0-23.552-19.115-42.667-42.667-42.667h-426.667c-23.552 0-42.667 19.115-42.667 42.667v298.667c0 23.552 19.115 42.667 42.667 42.667h426.667c23.552 0 42.667-19.115 42.667-42.667v-298.667zM512.171 789.35c94.123 0 170.667-76.587 170.667-170.709v-42.496h-341.333v42.496c0 94.123 76.544 170.709 170.667 170.709zM768.171 568.209v50.432c0 141.184-114.859 256.043-256 256.043-141.184 0-256-114.859-256-256.043v-50.304c-49.664-17.621-85.504-64.555-85.504-120.192v-298.667c0-70.571 57.429-128 128-128h426.667c70.571 0 128 57.429 128 128v298.667c0 55.509-35.712 102.357-85.163 120.064zM576 341.602c0 35.371-28.672 64-64 64s-64-28.629-64-64c0-18.901 8.32-35.712 21.419-47.403v-59.093c0-23.637 19.157-42.795 42.795-42.795 23.68 0 42.837 19.157 42.837 42.795v59.392c12.8 11.733 20.949 28.416 20.949 47.104z" />
+<glyph unicode="&#xe94b;" glyph-name="magic" horiz-adv-x="853" d="M484.167-29.582c-5.278 0-9.861 1.803-13.75 5.416-3.611 3.334-5.833 7.919-6.666 13.75-6.389 45.557-13.334 83.888-20.834 115.001-7.222 30.834-16.944 56.246-29.166 76.248s-28.334 35.971-48.333 47.918c-19.722 11.947-45 21.527-75.833 28.752-30.556 7.498-68.333 14.165-113.333 19.996-6.111 0.558-10.972 2.782-14.583 6.667-3.611 3.891-5.417 8.613-5.417 14.165 0 5.279 1.806 9.865 5.417 13.75 3.611 3.891 8.472 6.116 14.583 6.667 45 5.001 82.917 10.974 113.75 17.92 30.833 6.94 56.25 16.526 76.25 28.746 20 12.225 36.111 28.475 48.333 48.752s21.944 45.972 29.166 77.083c7.5 31.389 14.167 70 20 115.834 0.833 5.555 3.056 10 6.666 13.333 3.889 3.611 8.472 5.417 13.75 5.417 5.556 0 10.139-1.806 13.75-5.417 3.611-3.333 5.972-7.778 7.083-13.333 5.833-45.834 12.361-84.445 19.583-115.834 7.5-31.111 17.223-56.805 29.167-77.083 12.222-20.277 28.331-36.527 48.333-48.752 20.002-12.22 45.414-21.806 76.248-28.746 30.834-6.946 68.892-12.919 114.17-17.92 5.831-0.552 10.553-2.776 14.165-6.667 3.612-3.886 5.416-8.471 5.416-13.75 0-5.552-1.803-10.274-5.416-14.165-3.612-3.886-8.334-6.11-14.165-6.667-45.278-5.001-83.337-10.968-114.17-17.914s-56.246-16.526-76.248-28.752c-20.002-11.941-36.111-28.052-48.333-48.333-11.944-20.275-21.667-46.108-29.167-77.5-7.222-31.391-13.75-69.86-19.583-115.416-1.111-5.831-3.472-10.416-7.083-13.75-3.611-3.612-8.194-5.416-13.75-5.416zM201.667 431.25c-8.333 0-13.055 4.583-14.166 13.75-3.334 27.778-6.944 49.583-10.833 65.417-3.611 15.833-9.584 27.639-17.917 35.417-8.055 8.055-20.278 14.166-36.667 18.333-16.112 4.167-38.333 8.611-66.667 13.334-9.444 1.389-14.167 6.111-14.167 14.166 0 7.778 4.167 12.361 12.5 13.75 28.611 5.556 51.111 10.417 67.5 14.583 16.389 4.444 28.75 10.555 37.083 18.333s14.445 19.306 18.334 34.583c3.889 15.556 7.5 37.222 10.833 65 1.111 9.167 5.833 13.75 14.166 13.75s13.055-4.444 14.167-13.333c3.611-28.056 7.222-50.139 10.833-66.251 3.888-16.111 9.861-28.333 17.917-36.667 8.333-8.055 20.694-14.028 37.083-17.917s39.028-7.917 67.917-12.083c3.611-0.278 6.528-1.667 8.75-4.167 2.5-2.5 3.75-5.695 3.75-9.584 0-7.778-4.167-12.5-12.5-14.166-28.889-5.556-51.528-10.556-67.917-15-16.111-4.167-28.334-10.278-36.667-18.334-8.055-7.778-14.028-19.445-17.917-35s-7.639-37.222-11.25-65c-0.556-3.611-2.084-6.667-4.584-9.167s-5.695-3.75-9.584-3.75zM403.333 717.917c-5.278 0-8.333 2.778-9.167 8.333-3.333 16.944-6.25 30.278-8.75 40-2.222 9.722-5.833 17.083-10.833 22.083-4.722 5.278-12.083 9.445-22.083 12.5s-24.028 6.111-42.084 9.167c-5.555 1.111-8.333 4.305-8.333 9.584 0 5 2.778 8.055 8.333 9.167 18.056 3.333 32.084 6.389 42.084 9.167 10 3.056 17.361 7.084 22.083 12.084 5 5.278 8.611 12.778 10.833 22.5 2.5 9.722 5.417 23.056 8.75 40 0.833 5.556 3.889 8.333 9.167 8.333 5 0 8.056-2.778 9.167-8.333 3.056-16.944 5.833-30.278 8.333-40s6.111-17.222 10.833-22.5c5-5 12.5-9.028 22.5-12.084 10-2.777 24.028-5.833 42.083-9.167 5.556-1.111 8.334-4.167 8.334-9.167 0-5.278-2.778-8.472-8.334-9.584-18.055-3.056-32.083-6.111-42.083-9.167s-17.5-7.222-22.5-12.5c-4.722-5-8.333-12.361-10.833-22.083s-5.278-23.056-8.333-40c-1.111-5.555-4.167-8.333-9.167-8.333z" />
+<glyph unicode="&#xe94c;" glyph-name="mobile" d="M682.662 874.671h-341.334c-70.357 0-128-57.6-128-128v-597.334c0-70.4 57.643-128 128-128h341.334c70.4 0 128 57.6 128 128v597.334c0 70.4-57.6 128-128 128zM682.662 789.338c23.125 0 42.667-19.541 42.667-42.667v-597.334c0-23.125-19.541-42.667-42.667-42.667h-341.334c-23.125 0-42.667 19.541-42.667 42.667v597.334c0 23.125 19.541 42.667 42.667 42.667h341.334zM511.996 245.047c-29.44 0-53.333-23.893-53.333-53.333s23.893-53.333 53.333-53.333c29.44 0 53.333 23.893 53.333 53.333s-23.893 53.333-53.333 53.333z" />
+<glyph unicode="&#xe94d;" glyph-name="nft" d="M879.501 624.925h-737.449v-73.955h737.449v73.955zM902.882 578.56l-9.216 7.055c-9.903 7.566-11.891 21.675-4.437 31.63l6.997 9.386c11.375 14.963 6.37 33.338-6.716 48.755l-95.343 133.517c-14.336 20.082-37.491 32.029-62.182 32.029h-440.262c-24.689 0-47.843-11.947-62.179-32.029l-95.119-133.517c-13.084-15.418-18.033-33.736-6.713-48.755l6.997-9.386c7.395-10.013 5.461-24.064-4.437-31.63l-9.216-7.055c-14.961-11.378-17.92-32.71-6.542-47.675l335.073-466.543c5.009-6.545 12.745-10.411 20.996-10.411h82.658c8.247 0 15.987 3.866 20.992 10.411l335.245 466.543c11.379 14.965 8.422 36.354-6.541 47.675h-0.055zM519.45 121.63c-3.814-5.009-11.319-5.009-15.134 0l-335.188 459.603c-3.813 5.007-2.56 12.288 1.138 17.237l105.984 148.538c8.931 12.573 23.38 19.968 38.798 19.968h393.615c15.415 0 29.867-7.453 38.797-19.968l106.155-148.538c3.755-4.949 4.949-12.288 1.139-17.237l-335.305-459.603z" />
+<glyph unicode="&#xe94e;" glyph-name="options-horizontal" d="M879.589 512c44.408 0 80.408-36 80.408-80.408v-1.103c0-44.408-36-80.408-80.408-80.408s-80.408 36-80.408 80.408v1.103c0 44.408 36 80.408 80.408 80.408zM512 512c44.408 0 80.408-36 80.408-80.408v-1.103c0-44.408-36-80.408-80.408-80.408s-80.408 36-80.408 80.408v1.103c0 44.408 36 80.408 80.408 80.408zM144.408 512c44.408 0 80.408-36 80.408-80.408v-1.103c0-44.408-36-80.408-80.408-80.408s-80.408 36-80.408 80.408v1.103c0 44.408 36 80.408 80.408 80.408z" />
+<glyph unicode="&#xe94f;" glyph-name="options-vertical" d="M512 714.32c-49.939 0-90.422 40.483-90.422 90.422s40.483 90.422 90.422 90.422c49.939 0 90.422-40.483 90.422-90.422s-40.484-90.422-90.422-90.422zM512 356.742c-49.939 0-90.422 40.483-90.422 90.422s40.483 90.422 90.422 90.422c49.939 0 90.422-40.483 90.422-90.422s-40.484-90.422-90.422-90.422zM512-0.838c-49.939 0-90.422 40.486-90.422 90.426s40.483 90.419 90.422 90.419c49.939 0 90.422-40.48 90.422-90.419s-40.483-90.426-90.422-90.426z" />
+<glyph unicode="&#xe950;" glyph-name="owners" d="M682.671 576.043c47.061 0 85.333-38.272 85.333-85.333s-38.272-85.333-85.333-85.333c-47.061 0-85.333 38.272-85.333 85.333s38.272 85.333 85.333 85.333zM341.252 789.333c47.061 0 85.333-38.272 85.333-85.333s-38.272-85.333-85.333-85.333c-47.019 0-85.333 38.272-85.333 85.333s38.315 85.333 85.333 85.333zM979.503 75.989c-29.355 100.779-81.621 228.523-204.416 271.616 46.976 30.421 78.251 83.072 78.251 143.104 0 94.123-76.544 170.667-170.667 170.667-86.315 0-157.141-64.64-168.363-147.925-22.528 19.541-49.408 35.968-81.195 47.189 47.275 30.379 78.805 83.115 78.805 143.36 0 94.123-76.544 170.667-170.667 170.667s-170.667-76.544-170.667-170.667c0-60.032 31.317-112.725 78.336-143.104-122.88-43.093-175.147-170.88-204.544-271.701-6.571-22.613 6.357-46.336 29.013-52.907 3.968-1.152 7.979-1.707 11.947-1.707 18.517 0 35.541 12.075 40.96 30.72 46.080 157.909 110.379 225.28 215.040 225.28 92.288 0 151.552-51.371 195.968-168.917-85.973-56.405-126.934-160.683-151.723-245.675-6.571-22.613 6.443-46.336 29.013-52.907 4.011-1.152 8.021-1.707 11.947-1.707 18.518 0 35.542 12.075 40.96 30.72 46.037 157.909 110.336 225.28 215.040 225.28 104.661 0 168.96-67.371 215.040-225.28 6.571-22.571 29.952-35.584 52.907-29.013 22.656 6.571 35.584 30.293 29.013 52.907z" />
+<glyph unicode="&#xe951;" glyph-name="paste" d="M704.009 832h63.991c47.13 0 85.333-38.205 85.333-85.333v-640c0-47.13-38.204-85.333-85.333-85.333h-512c-47.128 0-85.333 38.204-85.333 85.333v640c0 47.128 38.205 85.333 85.333 85.333h63.992c19.46 25.908 50.444 42.667 85.341 42.667h213.333c34.897 0 65.882-16.759 85.342-42.667zM300.8 746.667h-44.8v-640h512v640h-44.8c-9.882-48.688-52.928-85.333-104.533-85.333h-213.333c-51.604 0-94.65 36.646-104.533 85.333zM384 768c0 11.782 9.551 21.333 21.333 21.333h213.333c11.78 0 21.333-9.551 21.333-21.333s-9.553-21.333-21.333-21.333h-213.333c-11.782 0-21.333 9.551-21.333 21.333z" />
+<glyph unicode="&#xe952;" glyph-name="plus" d="M503.019 789.333c24.802 0 44.911-20.108 44.911-44.912v-592.844c0-24.802-20.109-44.911-44.911-44.911-24.806 0-44.915 20.109-44.915 44.911v592.844c0 24.804 20.109 44.912 44.915 44.912zM853.333 456.981c0-24.802-20.109-44.911-44.911-44.911h-592.844c-24.804 0-44.912 20.109-44.912 44.911 0 24.806 20.108 44.915 44.912 44.915h592.844c24.802 0 44.911-20.109 44.911-44.915z" />
+<glyph unicode="&#xe953;" glyph-name="plus-filled" d="M938.667 448c0-235.639-191.027-426.667-426.667-426.667-235.642 0-426.667 191.027-426.667 426.667 0 235.642 191.025 426.667 426.667 426.667 235.639 0 426.667-191.025 426.667-426.667zM682.667 490.667h-128v128c0 23.564-19.102 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v-128h-128c-23.564 0-42.667-19.102-42.667-42.667s19.103-42.667 42.667-42.667h128v-128c0-23.565 19.102-42.667 42.667-42.667s42.667 19.102 42.667 42.667v128h128c23.565 0 42.667 19.102 42.667 42.667s-19.102 42.667-42.667 42.667z" />
+<glyph unicode="&#xe954;" glyph-name="plus-outlined" d="M938.667 448c0-235.639-191.027-426.667-426.667-426.667-235.642 0-426.667 191.027-426.667 426.667 0 235.642 191.025 426.667 426.667 426.667 235.639 0 426.667-191.025 426.667-426.667zM170.667 448c0-188.514 152.82-341.333 341.333-341.333s341.333 152.819 341.333 341.333c0 188.513-152.819 341.333-341.333 341.333s-341.333-152.82-341.333-341.333zM554.667 490.667h128c23.565 0 42.667-19.102 42.667-42.667s-19.102-42.667-42.667-42.667h-128v-128c0-23.565-19.102-42.667-42.667-42.667s-42.667 19.102-42.667 42.667v128h-128c-23.564 0-42.667 19.102-42.667 42.667s19.103 42.667 42.667 42.667h128v128c0 23.564 19.102 42.667 42.667 42.667s42.667-19.103 42.667-42.667v-128z" />
+<glyph unicode="&#xe955;" glyph-name="points" d="M616.64 404.663l32.883 16.546c20.791 10.462 43.58 19.307 67.26 26.79-23.68 7.484-46.468 16.329-67.26 26.79l-32.883 16.546 11.55 34.953c7.305 22.107 17.165 44.481 28.621 66.52-22.042-11.453-44.416-21.316-66.522-28.62l-34.953-11.548-16.546 32.881c-10.466 20.793-19.307 43.582-26.79 67.258-7.484-23.677-16.329-46.466-26.79-67.258l-16.546-32.881-34.953 11.548c-22.107 7.304-44.48 17.167-66.52 28.62 11.453-22.039 21.316-44.413 28.62-66.519l11.548-34.953-32.881-16.546c-20.793-10.462-43.582-19.307-67.259-26.79 23.677-7.484 46.466-16.329 67.259-26.79l32.881-16.546-11.548-34.953c-7.304-22.106-17.167-44.48-28.62-66.522 22.039 11.456 44.413 21.316 66.52 28.621l34.953 11.55 16.546-32.883c10.462-20.791 19.307-43.58 26.79-67.26 7.484 23.68 16.324 46.468 26.79 67.26l16.546 32.883 34.953-11.55c22.106-7.305 44.48-17.165 66.522-28.621-11.456 22.042-21.316 44.416-28.621 66.522l-11.55 34.953zM734.609 256.124c62.31-93.005 139.422-170.155 139.422-170.155s-77.15 77.111-170.155 139.422c-40.994 27.469-85.069 52.062-126.972 65.907-19.84-39.42-33.613-87.974-43.174-136.384-21.7-109.828-21.73-218.914-21.73-218.914s-0.030 109.086-21.73 218.914c-9.562 48.41-23.339 96.964-43.174 136.384-41.902-13.845-85.977-38.438-126.973-65.903-93.002-62.315-170.156-139.426-170.156-139.426s77.113 77.15 139.426 170.155c27.468 40.994 52.061 85.069 65.905 126.972-39.419 19.84-87.973 33.613-136.382 43.174-109.828 21.7-218.916 21.73-218.916 21.73s109.088 0.030 218.916 21.73c48.41 9.562 96.963 23.334 136.382 43.174-13.844 41.902-38.437 85.977-65.905 126.973-62.314 93.002-139.427 170.156-139.427 170.156s77.154-77.113 170.156-139.427c40.995-27.468 85.071-52.061 126.973-65.905 19.836 39.419 33.613 87.972 43.174 136.382 21.7 109.828 21.73 218.916 21.73 218.916s0.030-109.088 21.73-218.916c9.562-48.41 23.334-96.963 43.174-136.382 41.903 13.844 85.978 38.437 126.972 65.905 93.005 62.313 170.155 139.426 170.155 139.426s-77.111-77.154-139.422-170.156c-27.469-40.996-52.062-85.071-65.907-126.973 39.42-19.84 87.974-33.613 136.384-43.174 109.828-21.7 218.914-21.73 218.914-21.73s-109.086-0.030-218.914-21.73c-48.41-9.562-96.964-23.334-136.384-43.174 13.845-41.903 38.438-85.978 65.907-126.972z" />
+<glyph unicode="&#xe956;" glyph-name="qr-code" d="M384 874.667h-213.333c-47.128 0-85.333-38.205-85.333-85.333v-213.333c0-47.13 38.205-85.333 85.333-85.333h213.333c47.13 0 85.333 38.204 85.333 85.333v213.333c0 47.128-38.204 85.333-85.333 85.333zM170.667 576v213.333h213.333v-213.333h-213.333zM384 405.333h-213.333c-47.128 0-85.333-38.204-85.333-85.333v-213.333c0-47.13 38.205-85.333 85.333-85.333h213.333c47.13 0 85.333 38.204 85.333 85.333v213.333c0 47.13-38.204 85.333-85.333 85.333zM170.667 106.667v213.333h213.333v-213.333h-213.333zM853.333 874.667h-213.333c-47.13 0-85.333-38.205-85.333-85.333v-213.333c0-47.13 38.204-85.333 85.333-85.333h213.333c47.13 0 85.333 38.204 85.333 85.333v213.333c0 47.128-38.204 85.333-85.333 85.333zM640 576v213.333h213.333v-213.333h-213.333zM661.333 405.333h-85.333c-11.782 0-21.333-9.551-21.333-21.333v-85.333c0-11.782 9.551-21.333 21.333-21.333h85.333c11.782 0 21.333 9.551 21.333 21.333v85.333c0 11.782-9.551 21.333-21.333 21.333zM917.333 405.333h-85.333c-11.782 0-21.333-9.551-21.333-21.333v-85.333c0-11.782 9.551-21.333 21.333-21.333h85.333c11.782 0 21.333 9.551 21.333 21.333v85.333c0 11.782-9.551 21.333-21.333 21.333zM789.333 277.333h-85.333c-11.782 0-21.333-9.551-21.333-21.333v-85.333c0-11.782 9.551-21.333 21.333-21.333h85.333c11.782 0 21.333 9.551 21.333 21.333v85.333c0 11.782-9.551 21.333-21.333 21.333zM917.333 149.333h-85.333c-11.782 0-21.333-9.551-21.333-21.333v-85.333c0-11.782 9.551-21.333 21.333-21.333h85.333c11.782 0 21.333 9.551 21.333 21.333v85.333c0 11.782-9.551 21.333-21.333 21.333zM661.333 149.333h-85.333c-11.782 0-21.333-9.551-21.333-21.333v-85.333c0-11.782 9.551-21.333 21.333-21.333h85.333c11.782 0 21.333 9.551 21.333 21.333v85.333c0 11.782-9.551 21.333-21.333 21.333z" />
+<glyph unicode="&#xe957;" glyph-name="qr-code-1" d="M384 874.667h-213.333c-47.128 0-85.333-38.205-85.333-85.333v-213.333c0-47.13 38.205-85.333 85.333-85.333h213.333c47.13 0 85.333 38.204 85.333 85.333v213.333c0 47.128-38.204 85.333-85.333 85.333zM170.667 576v213.333h213.333v-213.333h-213.333zM384 405.333h-213.333c-47.128 0-85.333-38.204-85.333-85.333v-213.333c0-47.13 38.205-85.333 85.333-85.333h213.333c47.13 0 85.333 38.204 85.333 85.333v213.333c0 47.13-38.204 85.333-85.333 85.333zM170.667 106.667v213.333h213.333v-213.333h-213.333zM853.333 874.667h-213.333c-47.13 0-85.333-38.205-85.333-85.333v-213.333c0-47.13 38.204-85.333 85.333-85.333h213.333c47.13 0 85.333 38.204 85.333 85.333v213.333c0 47.128-38.204 85.333-85.333 85.333zM640 576v213.333h213.333v-213.333h-213.333zM661.333 405.333h-85.333c-11.782 0-21.333-9.551-21.333-21.333v-85.333c0-11.782 9.551-21.333 21.333-21.333h85.333c11.782 0 21.333 9.551 21.333 21.333v85.333c0 11.782-9.551 21.333-21.333 21.333zM917.333 405.333h-85.333c-11.782 0-21.333-9.551-21.333-21.333v-85.333c0-11.782 9.551-21.333 21.333-21.333h85.333c11.782 0 21.333 9.551 21.333 21.333v85.333c0 11.782-9.551 21.333-21.333 21.333zM789.333 277.333h-85.333c-11.782 0-21.333-9.551-21.333-21.333v-85.333c0-11.782 9.551-21.333 21.333-21.333h85.333c11.782 0 21.333 9.551 21.333 21.333v85.333c0 11.782-9.551 21.333-21.333 21.333zM917.333 149.333h-85.333c-11.782 0-21.333-9.551-21.333-21.333v-85.333c0-11.782 9.551-21.333 21.333-21.333h85.333c11.782 0 21.333 9.551 21.333 21.333v85.333c0 11.782-9.551 21.333-21.333 21.333zM661.333 149.333h-85.333c-11.782 0-21.333-9.551-21.333-21.333v-85.333c0-11.782 9.551-21.333 21.333-21.333h85.333c11.782 0 21.333 9.551 21.333 21.333v85.333c0 11.782-9.551 21.333-21.333 21.333z" />
+<glyph unicode="&#xe958;" glyph-name="question" d="M938.667 448c0-235.639-191.027-426.667-426.667-426.667-235.642 0-426.667 191.027-426.667 426.667 0 235.642 191.025 426.667 426.667 426.667 235.639 0 426.667-191.025 426.667-426.667zM170.667 448c0-188.514 152.82-341.333 341.333-341.333s341.333 152.819 341.333 341.333c0 188.513-152.819 341.333-341.333 341.333s-341.333-152.82-341.333-341.333zM445.525 570.275c0 32.858 27.814 59.947 62.72 59.947 34.833 0 62.635-27.096 62.635-59.947 0.371-23.981-5.726-32.305-35.209-53.824l-2.014-1.468c-49.997-36.484-70.972-65.579-68.023-123.435l-0.055-8.41c0-23.565 19.102-42.667 42.667-42.667s42.667 19.102 42.667 42.667v10.581c-1.165 23.983 3.981 31.121 33.045 52.331l2.022 1.476c49.643 36.233 71.13 65.574 70.229 123.413 0.004 79.814-66.492 144.615-147.964 144.615-81.54 0-148.052-64.783-148.052-145.28 0-23.564 19.102-42.667 42.667-42.667s42.666 19.103 42.666 42.667zM512 288c29.457 0 53.333-23.876 53.333-53.333s-23.876-53.333-53.333-53.333c-29.457 0-53.333 23.876-53.333 53.333s23.876 53.333 53.333 53.333z" />
+<glyph unicode="&#xe959;" glyph-name="repeat" d="M880.35 656.233c14.694-26.481 26.65-54.71 35.588-84.342 68.083-225.455-58.581-463.706-282.889-532.083-224.292-68.373-461.277 58.931-529.306 284.335-68.087 225.471 58.556 463.71 282.895 532.082 40.347 12.292 81.811 18.442 123.202 18.442 26.048 0 47.168-21.225 47.168-47.408s-21.12-47.408-47.168-47.408c-32.141 0-64.384-4.783-95.834-14.364-174.462-53.171-272.951-238.447-219.995-413.815 52.906-175.296 237.219-274.304 411.662-221.129 174.434 53.18 272.947 238.468 219.998 413.818-7.317 24.248-17.203 47.249-29.414 68.718l-11.695-67.883c-4.446-25.798-28.855-43.091-54.524-38.624-25.664 4.467-42.871 29.004-38.426 54.803l29.056 168.631c4.39 25.487 28.297 42.732 53.726 38.755l167.019-26.122c25.737-4.026 43.358-28.262 39.351-54.134s-28.117-43.581-53.858-39.555l-46.558 7.282zM362.099 411.593c-20.513-14.315-26.913-44.774-14.295-68.041s39.477-30.524 59.991-16.213l126.115 87.987c12.898 8.998 20.757 24.947 20.757 42.125v197.091c0 27.315-19.524 49.458-43.605 49.458-24.085 0-43.61-22.143-43.61-49.458v-169.447l-105.353-73.502z" />
+<glyph unicode="&#xe95a;" glyph-name="replace-owner" d="M698.091 243.665l-140.16 55.339c-21.888 8.704-46.763-2.091-55.339-24.021-8.661-21.888 2.091-46.677 23.979-55.296l49.749-19.669c-28.8-10.027-59.136-15.787-90.027-15.787h-0.64c-96.811 0.213-187.307 52.395-236.245 136.149-11.819 20.309-37.973 27.221-58.325 15.317-20.352-11.861-27.221-37.973-15.317-58.325 64.085-109.781 182.741-178.176 309.76-178.475h0.768c40.789 0 80.939 7.637 119.040 21.035l-15.36-41.003c-8.277-22.059 2.901-46.635 25.003-54.912 4.907-1.835 9.941-2.731 14.933-2.731 17.28 0 33.536 10.539 39.979 27.733l52.48 140.032c8.192 21.76-2.603 46.080-24.277 54.613zM673.843 717.581c28.971 0 52.48-23.552 52.48-52.48s-23.509-52.48-52.48-52.48c-28.928 0-52.437 23.552-52.437 52.48s23.509 52.48 52.437 52.48zM350.089 789.346c28.928 0 52.48-23.552 52.48-52.48 0-28.971-23.552-52.48-52.48-52.48-28.971 0-52.48 23.509-52.48 52.48 0 28.928 23.509 52.48 52.48 52.48zM893.235 405.047c-26.709 71.168-77.269 123.989-137.728 149.675 33.877 25.088 56.149 65.067 56.149 110.379 0 75.989-61.824 137.813-137.813 137.813-75.947 0-137.771-61.824-137.771-137.813 0-45.312 22.272-85.291 56.149-110.379-16.939-7.168-33.195-15.957-48.213-27.264-28.203 45.653-67.328 79.957-112.299 98.987 33.877 25.131 56.192 65.109 56.192 110.421 0 75.947-61.867 137.813-137.813 137.813-75.989 0-137.813-61.867-137.813-137.813 0-45.312 22.272-85.291 56.149-110.421-60.459-25.6-111.019-78.507-137.685-149.675-8.277-22.059 2.901-46.635 24.917-54.955 22.059-8.107 46.677 2.901 54.997 24.96 25.429 67.883 80.171 111.744 139.435 111.744 54.955 0 105.771-38.016 133.163-97.664-11.179-17.152-21.12-35.584-28.757-55.851-8.235-22.059 2.944-46.635 25.003-54.912 4.949-1.835 9.984-2.731 14.976-2.731 17.237 0 33.536 10.539 39.936 27.733 25.472 67.84 80.171 111.701 139.435 111.701s114.005-43.861 139.477-111.744c8.277-22.101 32.853-33.152 54.955-24.96 22.016 8.277 33.195 32.853 24.96 54.955z" />
+<glyph unicode="&#xe95b;" glyph-name="rows" d="M128 736c0 35.346 28.654 64 64 64h640c35.345 0 64-28.654 64-64s-28.655-64-64-64h-640c-35.346 0-64 28.654-64 64zM128 224c0 35.345 28.654 64 64 64h640c35.345 0 64-28.655 64-64s-28.655-64-64-64h-640c-35.346 0-64 28.655-64 64zM128 480c0 35.345 28.654 64 64 64h640c35.345 0 64-28.655 64-64s-28.655-64-64-64h-640c-35.346 0-64 28.655-64 64z" />
+<glyph unicode="&#xe95c;" glyph-name="rows-1" d="M128 736c0 35.346 28.654 64 64 64h640c35.345 0 64-28.654 64-64s-28.655-64-64-64h-640c-35.346 0-64 28.654-64 64zM128 224c0 35.345 28.654 64 64 64h640c35.345 0 64-28.655 64-64s-28.655-64-64-64h-640c-35.346 0-64 28.655-64 64zM128 480c0 35.345 28.654 64 64 64h640c35.345 0 64-28.655 64-64s-28.655-64-64-64h-640c-35.346 0-64 28.655-64 64z" />
+<glyph unicode="&#xe95d;" glyph-name="rows-2" d="M341.333 469.333c0 35.345 28.654 64 64 64h426.667c35.345 0 64-28.655 64-64s-28.655-64-64-64h-426.667c-35.346 0-64 28.655-64 64zM341.333 213.333c0 35.345 28.654 64 64 64h426.667c35.345 0 64-28.655 64-64s-28.655-64-64-64h-426.667c-35.346 0-64 28.655-64 64zM341.333 725.333c0 35.346 28.654 64 64 64h426.667c35.345 0 64-28.654 64-64s-28.655-64-64-64h-426.667c-35.346 0-64 28.654-64 64zM256 725.333c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM256 469.333c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM256 213.333c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64z" />
+<glyph unicode="&#xe95e;" glyph-name="safe" d="M853.342 789.342c44.962 0 81.839-34.833 85.099-78.967l0.235-6.366v-512c0-44.962-34.833-81.839-78.967-85.099l-6.494-0.192c0.004-22.118-16.439-40.128-37.683-42.59l-4.979-0.286c-21.871 0-39.915 16.444-42.381 37.687l-0.29 5.188h-511.958c0.004-22.118-16.477-40.128-37.689-42.59l-4.974-0.286c-23.595 0-42.667 19.072-42.667 42.667-44.93 0.205-81.763 35.029-85.018 79.138l-0.234 6.362v512c0 44.963 34.833 81.84 78.968 85.099l6.365 0.234h682.668zM853.342 704.009h-682.668v-512h682.668v512zM639.885 618.633c-94.251 0-170.667-76.416-170.667-170.667s76.416-170.667 170.667-170.667c94.251 0 170.667 76.416 170.667 170.667s-76.416 170.667-170.667 170.667zM639.885 533.299c47.061 0 85.333-38.229 85.333-85.333 0-47.061-38.272-85.333-85.333-85.333s-85.333 38.272-85.333 85.333c0 47.104 38.272 85.333 85.333 85.333zM298.594 618.676c21.881 0 39.915-16.471 42.38-37.691l0.287-4.976v-256c0-23.565-19.102-42.667-42.667-42.667-21.881 0-39.915 16.474-42.38 37.692l-0.287 4.975v256c0 23.564 19.103 42.667 42.667 42.667z" />
+<glyph unicode="&#xe95f;" glyph-name="scan" d="M938.667 789.333v-170.667c0-23.564-19.102-42.667-42.667-42.667s-42.667 19.103-42.667 42.667v170.667h-170.667c-23.565 0-42.667 19.103-42.667 42.667s19.102 42.667 42.667 42.667h170.667c47.13 0 85.333-38.205 85.333-85.333zM170.667 789.333v-170.667c0-23.564-19.103-42.667-42.667-42.667s-42.667 19.103-42.667 42.667v170.667c0 47.128 38.205 85.333 85.333 85.333h170.667c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667h-170.667zM853.333 106.667v170.667c0 23.565 19.102 42.667 42.667 42.667s42.667-19.102 42.667-42.667v-170.667c0-47.13-38.204-85.333-85.333-85.333h-170.667c-23.565 0-42.667 19.102-42.667 42.667s19.102 42.667 42.667 42.667h170.667zM170.667 106.667h170.667c23.564 0 42.667-19.102 42.667-42.667s-19.103-42.667-42.667-42.667h-170.667c-47.128 0-85.333 38.204-85.333 85.333v170.667c0 23.565 19.103 42.667 42.667 42.667s42.667-19.102 42.667-42.667v-170.667zM128 490.667h768c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667h-768c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667z" />
+<glyph unicode="&#xe960;" glyph-name="scan-1" d="M938.667 789.333v-170.667c0-23.564-19.102-42.667-42.667-42.667s-42.667 19.103-42.667 42.667v170.667h-170.667c-23.565 0-42.667 19.103-42.667 42.667s19.102 42.667 42.667 42.667h170.667c47.13 0 85.333-38.205 85.333-85.333zM170.667 789.333v-170.667c0-23.564-19.103-42.667-42.667-42.667s-42.667 19.103-42.667 42.667v170.667c0 47.128 38.205 85.333 85.333 85.333h170.667c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667h-170.667zM853.333 106.667v170.667c0 23.565 19.102 42.667 42.667 42.667s42.667-19.102 42.667-42.667v-170.667c0-47.13-38.204-85.333-85.333-85.333h-170.667c-23.565 0-42.667 19.102-42.667 42.667s19.102 42.667 42.667 42.667h170.667zM170.667 106.667h170.667c23.564 0 42.667-19.102 42.667-42.667s-19.103-42.667-42.667-42.667h-170.667c-47.128 0-85.333 38.204-85.333 85.333v170.667c0 23.565 19.103 42.667 42.667 42.667s42.667-19.102 42.667-42.667v-170.667zM128 490.667h768c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667h-768c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667z" />
+<glyph unicode="&#xe961;" glyph-name="search" d="M170.685 533.337c0 141.184 114.816 256 255.999 256 141.141 0 256-114.816 256-256s-114.859-256-256-256c-141.183 0-255.999 114.816-255.999 256zM926.097 94.17l-230.059 230.059c44.928 57.771 71.979 130.219 71.979 209.109 0 188.501-152.832 341.333-341.333 341.333-188.543 0-341.332-152.832-341.332-341.333s152.789-341.333 341.332-341.333c78.848 0 151.253 27.008 208.981 71.893l230.101-230.059c16.597-16.597 43.733-16.597 60.331 0s16.597 43.733 0 60.331z" />
+<glyph unicode="&#xe962;" glyph-name="seed" horiz-adv-x="1186" d="M1149.343 924.871c4.646 27.646 4.635 27.647 4.624 27.649l20.626-3.24 3.352-19.936c0 0.010 0 0.019-28.602-4.473zM7.738 929.325l-0.016-0.098-0.037-0.224-0.123-0.765-0.421-2.762c-0.351-2.375-0.832-5.802-1.38-10.174-1.095-8.74-2.461-21.277-3.587-36.751-2.249-30.897-3.566-73.767 0.206-121.657 7.453-94.65 35.198-214.31 121.066-297.307 64.218-62.071 149.532-92.575 228.631-107.062 63.939-11.711 125.561-13.28 172.263-11.781v-333.474c0-35.107 29.446-63.569 65.772-63.569s65.773 28.462 65.773 63.569v333.619c46.215-1.757 108.258-0.631 172.986 10.747 80.454 14.142 167.877 44.625 233.359 107.919 85.876 83.005 113.621 202.678 121.080 297.339 3.767 47.895 2.452 90.77 0.205 121.671-1.126 15.476-2.495 28.014-3.589 36.756-0.55 4.372-1.029 7.8-1.38 10.175l-0.42 2.762-0.124 0.765-0.038 0.224-0.016 0.098-28.602-4.473 4.624 27.649-1.121 0.17-2.862 0.407c-2.458 0.339-6.004 0.804-10.526 1.334-9.044 1.059-22.016 2.379-38.028 3.467-31.97 2.174-76.326 3.447-125.877-0.199-97.938-7.205-221.75-34.025-307.626-117.031-32.903-31.798-57.215-68.938-75.118-107.828-17.898 38.887-42.21 76.024-75.107 107.82-85.868 82.997-209.667 109.813-307.592 117.017-49.546 3.645-93.9 2.372-125.865 0.199-16.009-1.089-28.98-2.408-38.023-3.467-4.523-0.53-8.069-0.995-10.526-1.334l-2.857-0.407-0.792-0.119-0.333-0.052 4.626-27.648c-4.644 27.622-4.636 27.647-4.626 27.648l-20.625-3.24-3.352-19.936c0.002 0.010 0.026 0.016 28.603-4.473l-28.603 4.473zM985.535 830.922c24.625 1.811 47.896 2.181 68.462 1.795 0.399-19.879 0.016-42.371-1.859-66.173-6.645-84.434-30.548-166.457-82.928-217.084s-137.238-73.731-224.596-80.158c-24.625-1.811-47.896-2.181-68.462-1.795-0.399 19.88-0.016 42.371 1.859 66.173 6.645 84.434 30.553 166.457 82.928 217.084 52.38 50.628 137.243 73.731 224.596 80.158zM133.543 766.543c-1.873 23.794-2.256 46.279-1.857 66.153 20.561 0.386 43.824 0.016 68.441-1.795 87.343-6.425 172.19-29.526 224.559-80.144s76.269-132.628 82.917-217.051c1.874-23.794 2.257-46.279 1.857-66.153-20.562-0.386-43.825-0.017-68.441 1.795-87.343 6.425-172.19 29.526-224.56 80.144s-76.269 132.628-82.917 217.051z" />
+<glyph unicode="&#xe963;" glyph-name="send-to" d="M979.546 75.691c-65.873 225.805-162.807 360.747-316.979 401.515 63.13 37.047 105.519 105.636 105.519 184.119 0 117.815-95.518 213.333-213.333 213.333-117.845 0-213.333-95.505-213.333-213.333 0-78.871 42.786-147.742 106.423-184.657-72.535-19.917-133.865-61.286-184.671-122.803-15.005-18.172-12.44-45.065 5.728-60.066 18.169-15.006 45.062-12.442 60.067 5.726 58.092 70.34 130.553 105.549 225.619 105.549 172.625 0 272.367-111.010 343.040-353.28 6.601-22.622 30.289-35.614 52.911-29.013 22.618 6.601 35.61 30.289 29.009 52.911zM682.752 661.325c0-70.686-57.314-128-128-128-70.711 0-128 57.297-128 128s57.289 128 128 128c70.686 0 128-57.313 128-128zM494.178 106.449h-366.161c-23.564 0-42.667 19.102-42.667 42.667s19.102 42.667 42.667 42.667h366.229l-12.079 12.079c-16.661 16.661-16.661 43.678 0 60.339s43.678 16.661 60.339 0l84.864-84.864c16.661-16.657 16.661-43.669 0.009-60.331l-84.864-84.907c-16.657-16.67-43.674-16.674-60.339-0.017-16.67 16.657-16.674 43.674-0.017 60.339l12.019 12.028z" />
+<glyph unicode="&#xe964;" glyph-name="settings" d="M512.427 192.013c-141.184 0-256 114.816-256 256s114.816 256 256 256c141.184 0 256-114.816 256-256s-114.816-256-256-256zM902.443 499.682l-14.763 1.28c-29.568 3.157-40.704 20.949-44.629 30.592-8.192 32.555-21.035 63.147-37.803 91.264-4.053 9.387-9.259 30.123 9.771 53.632l9.472 11.349c20.736 23.637 12.459 38.443-4.096 55.083l-13.739 13.696c-16.597 16.597-31.445 24.832-55.083 4.139l-11.349-9.515c-24.96-20.139-46.763-13.141-55.211-9.045-26.411 15.531-55.083 27.52-85.419 35.541-7.040 1.963-31.104 11.221-34.816 46.165l-1.323 14.763c-2.091 31.36-18.347 36.053-41.856 36.053h-19.413c-23.467 0-39.808-4.693-41.856-36.053l-1.323-14.763c-4.352-40.917-36.821-46.72-36.821-46.72 0-0.085 0.043-0.171 0.043-0.256-28.075-7.68-54.656-18.987-79.317-33.152-0.085 0.128-0.128 0.341-0.256 0.469 0 0-27.051-18.859-59.051 6.955l-11.392 9.557c-23.637 20.693-38.485 12.459-55.083-4.139l-13.696-13.696c-16.597-16.64-24.832-31.446-4.181-55.083l9.557-11.349c25.856-32.043 6.955-59.093 6.955-59.093 0.213-0.171 0.469-0.256 0.683-0.384-14.165-24.704-25.387-51.243-33.024-79.317-0.213 0.042-0.427 0.128-0.597 0.171 0 0-5.76-32.47-46.677-36.864l-14.805-1.28c-31.317-2.091-36.011-18.432-36.011-41.899v-19.413c0-23.424 4.693-39.765 36.011-41.813l14.805-1.323c40.917-4.352 46.677-36.864 46.677-36.864 0.171 0 0.341 0.085 0.512 0.128 7.68-28.075 18.688-54.741 32.768-79.445-0.085-0.085-0.256-0.085-0.341-0.171 0 0 18.901-27.093-6.955-59.093l-9.557-11.349c-20.651-23.637-12.459-38.528 4.181-55.083l13.696-13.739c16.597-16.597 31.445-24.832 55.083-4.096l11.392 9.472c32 25.899 59.051 6.997 59.051 6.997 0.043 0.043 0.043 0.085 0.085 0.128 24.747-14.208 51.371-25.259 79.445-32.981v-0.128c0 0 32.469-5.803 36.821-46.72l1.323-14.72c2.048-31.36 18.389-36.011 41.856-36.011h19.413c23.509 0 39.765 4.651 41.856 36.011l1.323 14.72c3.413 31.915 23.723 42.411 32.597 45.483 31.019 7.936 60.203 20.267 87.125 36.011 8.021 4.011 30.165 11.861 55.723-8.789l11.349-9.515c23.637-20.693 38.485-12.459 55.083 4.139l13.739 13.739c16.555 16.555 24.832 31.445 4.096 55.083l-9.472 11.307c-20.437 25.344-13.013 47.317-8.917 55.509 16.299 27.691 29.013 57.685 37.077 89.643 4.011 9.685 15.104 27.179 44.501 30.336l14.763 1.323c31.317 2.048 35.968 18.389 35.968 41.813v19.413c0 23.467-4.651 39.808-35.968 41.899z" />
+<glyph unicode="&#xe965;" glyph-name="share" d="M426.659 447.851c0 15.855-2.47 31.138-7.048 45.474l216.958 131.441c27.311-29.952 66.65-48.745 110.383-48.745 82.487 0 149.333 66.846 149.333 149.333 0 82.456-66.859 149.333-149.333 149.333s-149.333-66.877-149.333-149.333c0-7.933 0.619-15.72 1.809-23.318l-228.062-138.169c-25.672 20.833-58.396 33.316-94.041 33.316-82.487 0-149.333-66.845-149.333-149.333 0-82.458 66.859-149.333 149.333-149.333 35.651 0 68.385 12.497 94.061 33.344l228.054-138.163c-1.199-7.62-1.822-15.428-1.822-23.386 0-82.487 66.846-149.333 149.333-149.333s149.333 66.846 149.333 149.333c0 82.487-66.846 149.333-149.333 149.333-43.712 0-83.029-18.773-110.336-48.695l-216.998 131.465c4.572 14.327 7.040 29.594 7.040 45.436zM746.953 789.354c35.341 0 64-28.667 64-64 0-35.359-28.642-64-64-64s-64 28.641-64 64c0 35.333 28.659 64 64 64zM341.326 447.851c0 35.358-28.642 64-64 64s-64-28.642-64-64c0-35.332 28.659-64 64-64s64 28.668 64 64zM746.953 234.313c35.358 0 64-28.642 64-64s-28.642-64-64-64c-35.358 0-64 28.642-64 64s28.642 64 64 64z" />
+<glyph unicode="&#xe966;" glyph-name="shield" d="M498.125 24.055c9.698-3.639 20.39-3.631 30.080 0.030 168.341 63.599 275.204 151.070 328.926 250.807 10.091 18.052 17.984 38.097 24.009 59.78 6.963 25.054 11.2 51.371 13.321 78.067 1.434 18.014 1.745 33.506 1.459 47.334-0.068 2.987-0.068 2.987-0.073 2.688v272c0 24.709-20.924 44.251-45.577 42.568-21.329-1.457-32.043-1.992-43.895-1.992-111.714 0-203.985 39.909-267.998 90.209-16.469 12.945-39.906 12.014-55.3-2.196-0.917-0.847-2.022-1.75-3.682-3.001-1.284-0.965-2.854-2.105-7.014-5.123-17.792-11.878-28.126-18.392-43.648-26.725-3.44-1.846-6.886-3.627-10.342-5.341-60.663-29.792-126.433-47.823-200.646-47.823-11.919 0-22.554 0.531-43.941 1.992-24.651 1.684-45.574-17.859-45.574-42.568v-269.952c-3.589-50.202 9.391-138.615 44.909-199.134 6.782-12.574 15.632-25.626 26.72-39.684 62.988-83.503 163.576-151.36 298.266-201.937zM782.519 316.305l-0.375-0.687c-41.933-78.042-127.915-149.965-269.060-205.888-112.852 44.476-195.072 101.325-245.663 168.384-8.823 11.204-15.002 20.314-19.968 29.483-14.854 25.357-24.553 57.66-29.862 93.828-3.653 24.883-4.827 50.394-4.13 60.429l0.086 228.169c1.385-0.012 2.78-0.018 4.198-0.018 88.57 0 166.714 21.424 238.414 56.636 4.442 2.202 8.7 4.404 12.932 6.676 15.774 8.467 26.91 15.258 42.91 25.824 75.383-51.486 175.313-89.135 294.374-89.135 1.395 0 2.773 0.006 4.139 0.017v-227.26c0.038-2.308 0.038-2.308 0.090-4.467 0.235-11.183-0.021-23.915-1.207-38.793-1.715-21.615-5.107-42.675-10.475-61.986-4.331-15.59-9.805-29.461-16.401-41.212z" />
+<glyph unicode="&#xe967;" glyph-name="shield-crossed" d="M12.497 947.503c16.662 16.662 43.677 16.662 60.34 0l158.504-158.504c0.45-0.431 0.891-0.872 1.324-1.324l549.109-549.109c0.141-0.137 0.282-0.277 0.422-0.418l229.308-229.312c16.661-16.661 16.661-43.678 0-60.339s-43.678-16.661-60.339 0l-198.519 198.515c-64.806-65.28-139.221-120.405-220.732-163.413-12.169-6.421-26.688-6.579-38.993-0.427l19.081 38.161c-19.081-38.161-19.068-38.17-19.081-38.161l-0.154 0.077-0.277 0.137-0.917 0.469c-0.768 0.393-1.856 0.956-3.238 1.681-2.761 1.451-6.707 3.558-11.665 6.302-9.907 5.487-23.898 13.534-40.614 23.983-33.342 20.838-77.978 51.503-122.816 90.735-87.883 76.898-185.237 194.398-185.237 341.444v298.667c0 7.14 1.778 13.978 4.983 20.011l-120.486 120.486c-16.662 16.663-16.662 43.678 0 60.34zM213.333 686.327v-238.327c0-108.954 73.312-204.787 156.096-277.222 40.496-35.435 81.195-63.437 111.851-82.598 12.058-7.531 22.49-13.658 30.656-18.287 66.202 37.291 126.899 83.558 180.369 137.463l-478.972 478.971zM497.075 914.638c9.643 3.601 20.267 3.594 29.905-0.021l341.333-128c16.653-6.245 27.686-22.165 27.686-39.95v-298.948c-0.218-33.135-5.321-66.057-15.142-97.698-6.989-22.507-30.895-35.089-53.397-28.105-22.507 6.989-35.089 30.895-28.105 53.397 7.326 23.595 11.136 48.137 11.311 72.836v268.949l-298.697 112.012-119.871-44.762c-22.075-8.243-46.653 2.97-54.897 25.045s2.97 46.653 25.045 54.897l134.828 50.347z" />
+<glyph unicode="&#xe968;" glyph-name="sign" d="M528.73 90.266l0.299-57.259c0.043-6.443 5.248-11.648 11.691-11.648h56.875c3.115 0 6.101 1.237 8.32 3.413l171.861 171.904c6.741 6.741 6.741 17.707 0 24.448l-50.432 50.432c-6.144 6.144-16.128 6.144-22.272 0l-172.928-172.971c-2.219-2.176-3.456-5.205-3.413-8.32zM829.188 248.102l63.104 63.061c4.736 4.736 4.736 12.459 0 17.195l-56.619 56.619c-4.736 4.736-12.459 4.736-17.195 0l-63.061-63.104c-4.779-4.736-4.779-12.459 0-17.195l56.619-56.576c4.736-4.736 12.416-4.736 17.152 0zM554.603 617.809v136.107l135.552-135.424-135.552-0.683zM810.688 490.705v112.086c0 10.24-4.096 20.011-11.349 27.221l-231.765 231.552c-8.405 8.405-19.755 13.099-31.616 13.099h-322.603c-47.189 0-85.333-38.187-85.333-85.333v-682.667c0-47.104 38.144-85.333 85.333-85.333h170.197c0.171 0 0.299-0.085 0.469-0.085 23.595 0 42.667 19.115 42.667 42.667s-19.072 42.667-42.667 42.667v0.085h-170.667v682.667h255.915v-171.52c0-46.464 37.888-84.267 84.437-84.267h171.648v-43.051h0.085c0.256-23.381 19.157-42.283 42.581-42.283 23.467 0 42.368 18.901 42.581 42.283h0.085v0.213z" />
+<glyph unicode="&#xe969;" glyph-name="signature" d="M246.611 225.075c-24.747-30.080-48.64-59.738-73.387-88.96-9.813-11.738-21.12-22.189-32-33.069-12.8-12.8-26.453-13.869-36.907-3.411-10.24 10.24-8.96 24.531 3.627 36.902 40.107 39.040 75.093 81.92 105.6 128.858 4.267 6.611 4.053 11.302 0.427 17.92-39.467 73.384-78.507 146.771-109.014 224.424-19.2 49.066-36.48 98.986-39.893 152.106-1.28 21.547-0.427 44.374 4.48 65.28 9.387 40.534 34.56 68.694 76.587 76.374 44.16 8.106 81.706-6.614 107.733-43.52 42.027-59.947 66.987-126.934 75.947-199.68 12.373-98.774-5.974-191.574-53.12-279.042-1.707-3.2-1.067-8.742 0.426-12.371 3.627-7.891 8.32-15.149 12.8-22.611 14.72-24.538 41.814-28.378 62.294-7.898 24.32 24.538 49.066 49.069 71.68 75.309 44.586 51.839 115.626 37.119 145.28-17.069 13.226-24.102 38.826-28.582 59.733-10.662 11.948 10.24 23.468 20.691 35.416 30.931 47.782 41.386 115.84 24.106 138.022-34.989 7.68-20.262 18.778-28.16 40.96-28.16 30.298 0 60.589 0 91.098 0 19.2 0 30.72-17.28 23.251-33.491-4.051-8.531-11.309-13.651-20.48-13.651-35.411-0.218-70.829-1.498-106.029 0.851-36.48 2.349-60.371 23.68-72.742 58.029-7.258 19.84-21.978 29.862-41.389 26.451-7.040-1.28-14.509-5.12-20.269-9.811-12.16-9.389-23.462-19.84-34.771-30.298-46.934-43.091-109.441-23.68-135.894 23.469-6.4 11.309-14.506 20.051-27.733 22.4-14.72 2.56-26.667-2.349-36.693-13.229-23.894-25.6-48.64-50.342-72.32-76.16-43.52-47.36-113.28-35.84-141.014 15.789-0.64 1.069-1.493 2.131-1.92 2.771l0.214 0.218zM244.264 324.486c1.493 1.28 2.133 1.707 2.347 2.134 0.64 1.066 1.28 2.346 1.706 3.626 59.52 138.667 49.067 271.787-31.786 398.934-13.867 21.76-35.414 30.293-60.587 26.026-25.173-4.053-36.693-22.826-42.027-45.44-7.253-30.72-2.346-61.013 5.12-90.88 26.027-104.533 76.16-199.040 125.227-294.613v0.213z" />
+<glyph unicode="&#xe96a;" glyph-name="star" d="M512.006 874.666c-15.744 0-31.488-8.32-39.253-25.003l-97.067-224.64c-6.144-13.056-18.389-22.229-32.682-24.448l-220.928-33.92c-34.731-5.333-48.982-47.701-24.491-72.96l162.859-150.443c9.514-9.813 13.824-23.553 11.648-37.032l-55.638-234.669c-4.522-27.949 17.707-50.349 42.752-50.349 6.955 0 14.123 1.754 20.992 5.549l210.731 107.309c6.571 3.622 13.824 5.459 21.077 5.459s14.507-1.837 21.035-5.459l206.979-107.309c6.912-3.795 14.080-5.549 20.992-5.549 25.088 0 47.27 22.4 42.752 50.349l-51.84 234.669c-2.221 13.478 2.086 27.219 11.648 37.032l162.816 150.443c24.486 25.259 10.278 67.627-24.448 72.96l-220.973 33.92c-14.291 2.219-26.541 11.392-32.64 24.448l-97.067 224.64c-7.808 16.683-23.51 25.003-39.254 25.003zM512.010 725.376l57.985-134.186c0.298-0.726 0.682-1.494 1.023-2.219 18.219-38.997 54.443-66.219 96.982-72.704l134.656-20.693-97.024-89.643c-1.107-1.067-2.221-2.133-3.283-3.243-28.205-29.013-41.178-70.229-34.688-110.208 0.256-1.581 0.595-3.155 0.934-4.691l31.917-144.429-127.361 66.003c-18.773 10.157-39.851 15.488-61.142 15.488-21.162 0-42.154-5.286-60.799-15.27l-130.048-66.221 33.962 143.149c0.47 2.003 0.896 4.006 1.238 6.016 6.442 39.977-6.528 81.15-34.731 110.163-1.024 1.11-2.176 2.176-3.285 3.243l-96.982 89.643 134.614 20.693c42.538 6.485 78.762 33.664 96.981 72.661 0.384 0.726 0.725 1.494 1.067 2.262l57.983 134.186z" />
+<glyph unicode="&#xe96b;" glyph-name="tag" d="M128 789.333c0 23.564 19.103 42.667 42.667 42.667h378.338c11.319 0 22.17-4.497 30.174-12.501l325.082-325.167c22.037-22.174 34.406-52.173 34.406-83.435 0-31.266-12.369-61.261-34.406-83.435l-271.343-271.415c-10.987-11.004-24.038-19.733-38.404-25.69s-29.769-9.024-45.321-9.024c-15.552 0-30.95 3.068-45.316 9.024s-27.413 14.686-38.404 25.685c0 0.004 0.004 0 0 0l-324.962 324.672c-8.010 8-12.51 18.859-12.51 30.182v378.436zM213.333 746.667v-318.084l312.516-312.235c3.063-3.072 6.703-5.504 10.709-7.164 4.006-1.664 8.299-2.517 12.634-2.517s8.631 0.853 12.634 2.517c4.006 1.66 7.646 4.092 10.714 7.164l271.194 271.266c0.013 0.013 0.021 0.021 0.034 0.034 6.127 6.182 9.566 14.537 9.566 23.249 0 8.708-3.439 17.067-9.566 23.249-0.013 0.009-0.021 0.021-0.034 0.034l-312.405 312.486h-317.995zM298.667 618.667c0 23.564 19.103 42.667 42.667 42.667h0.427c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667h-0.427c-23.564 0-42.667 19.103-42.667 42.667z" />
+<glyph unicode="&#xe96c;" glyph-name="token" d="M639.915 746.688c-164.907 0-298.665-133.76-298.665-298.666 0-164.949 133.758-298.667 298.665-298.667 164.949 0 298.667 133.717 298.667 298.667 0 164.906-133.717 298.666-298.667 298.666zM639.915 661.354c117.675 0 213.333-95.701 213.333-213.333 0-117.675-95.659-213.333-213.333-213.333-117.632 0-213.331 95.659-213.331 213.333 0 117.632 95.699 213.333 213.331 213.333zM290.324 731.382c-121.393-39.957-204.986-153.478-204.986-283.216s83.593-243.26 204.986-283.217c22.383-7.364 46.5 4.809 53.868 27.187 7.367 22.383-4.805 46.502-27.188 53.871-86.66 28.523-146.332 109.559-146.332 202.159s59.672 173.636 146.332 202.16c22.383 7.367 34.555 31.485 27.188 53.868s-31.485 34.555-53.868 27.188z" />
+<glyph unicode="&#xe96d;" d="M512-64c282.768 0 512 229.232 512 512 0 282.77-229.232 512-512 512-282.77 0-512-229.23-512-512 0-282.768 229.23-512 512-512z" />
+<glyph unicode="&#xe96e;" d="M501.592 701.543c6.554 3.276 14.262 3.276 20.815 0l232.723-116.364c7.885-3.942 12.865-12 12.865-20.816s-4.98-16.874-12.865-20.816l-232.723-116.363c-6.554-3.277-14.262-3.277-20.815 0l-232.723 116.363c-7.884 3.942-12.865 12-12.865 20.816s4.98 16.874 12.865 20.816l232.723 116.364zM331.316 564.364l180.684-90.345 180.685 90.345-180.685 90.344-180.684-90.344zM258.462 458.408c5.748 11.497 19.727 16.156 31.223 10.408l222.315-111.16 222.315 111.16c11.497 5.748 25.474 1.089 31.223-10.408s1.089-25.474-10.408-31.223l-232.723-116.364c-6.554-3.277-14.262-3.277-20.815 0l-232.723 116.364c-11.496 5.748-16.156 19.726-10.408 31.223zM258.462 342.044c5.748 11.497 19.727 16.156 31.223 10.408l222.315-111.16 222.315 111.16c11.497 5.748 25.474 1.089 31.223-10.408s1.089-25.474-10.408-31.223l-232.723-116.364c-6.554-3.277-14.262-3.277-20.815 0l-232.723 116.364c-11.496 5.748-16.156 19.726-10.408 31.223z" />
+<glyph unicode="&#xe96f;" glyph-name="transaction-change-settings" d="M512.085 268.8c-101.631 0-184.234 80.213-184.234 179.2s82.517 179.2 184.319 179.2c101.717 0 184.149-80.213 184.149-179.2s-82.432-179.2-184.235-179.2zM903.168 398.336c2.133 16.384 3.755 32.768 3.755 49.664s-1.621 33.792-3.755 51.2l111.104 83.456c4.843 3.771 8.149 9.172 9.314 15.198 1.161 6.026 0.094 12.269-2.999 17.57l-105.301 177.152c-3.132 5.387-8.085 9.481-13.965 11.545-5.884 2.065-12.305 1.965-18.121-0.281l-131.072-51.2c-27.273 20.606-57.178 37.48-88.917 50.176l-19.541 135.68c-1.161 6.099-4.429 11.595-9.233 15.526s-10.842 6.047-17.050 5.978h-210.516c-6.223 0.090-12.277-2.017-17.1-5.95s-8.105-9.44-9.268-15.554l-19.456-135.68c-33.195-12.8-61.611-30.208-88.917-50.176l-131.072 51.2c-5.824 2.269-12.268 2.381-18.168 0.315s-10.866-6.173-14.003-11.579l-105.216-177.152c-3.225-5.265-4.365-11.546-3.197-17.609s4.561-11.47 9.512-15.159l111.019-83.456c-2.251-16.977-3.476-34.074-3.669-51.2 0-16.896 1.621-33.28 3.669-49.664l-111.019-84.992c-4.951-3.691-8.343-9.097-9.512-15.159s-0.028-12.343 3.197-17.609l105.216-177.152c6.315-11.264 20.565-15.36 32.171-11.264l131.072 51.712c27.307-20.48 55.723-37.888 88.917-50.688l19.456-135.68c1.164-6.114 4.445-11.622 9.268-15.552 4.823-3.934 10.877-6.042 17.1-5.952h210.516c6.208-0.068 12.245 2.048 17.050 5.978s8.073 9.429 9.233 15.526l19.541 135.68c31.761 12.873 61.662 29.918 88.917 50.688l131.072-51.712c11.605-4.096 25.771 0 32.085 11.264l105.301 177.152c3.093 5.299 4.16 11.541 2.999 17.57-1.165 6.025-4.471 11.426-9.314 15.198l-111.104 84.992z" />
+<glyph unicode="&#xe970;" glyph-name="transaction-contract" d="M384.023 149.363c-10.913 0-21.825 4.186-30.138 12.463l-256.063 255.953c-7.971 8.026-12.49 18.863-12.49 30.212 0 11.307 4.518 22.187 12.49 30.161l255.849 256.002c16.667 16.683 43.651 16.683 60.275 0 16.666-16.683 16.666-43.648 0-60.331l-225.669-225.833 225.882-225.754c16.666-16.683 16.666-43.644 0.043-60.373-8.312-8.316-19.267-12.501-30.18-12.501zM640.009 149.363c-10.923 0-21.845 4.186-30.165 12.501-16.683 16.683-16.683 43.652 0 60.335l225.792 225.792-225.792 225.833c-16.683 16.683-16.683 43.648 0 60.331s43.648 16.683 60.331 0l255.962-256.002c16.678-16.678 16.678-43.648 0-60.331l-255.962-255.957c-8.32-8.316-19.238-12.501-30.165-12.501z" />
+<glyph unicode="&#xe971;" glyph-name="transaction-earn" d="M541.212 905.641c240.375-14.001 430.564-211.967 430.564-456.688v-11.187h-0.442c-6.035-245.036-209.306-445.74-454.684-445.753-243.412 0.013-447.798 191.936-462.5 425.19l-0.812 22.687c-2.69 269.914 212.311 468.533 464.437 466.5l23.437-0.75zM783.898 713.203c-143.603 146.78-380.79 150.589-530.748 10.375l-14.25-14.063c-141.5-146.739-122.166-357.857-38-470.188 47.114 64.858 94.135 129.594 141.125 194.188l8.125 10.5c2.674 3.169 5.381 5.966 8.063 8.375 5.455 4.897 11.597 8.618 18.875 9.812 7.292 1.189 14.301-0.376 21-3.313 6.57-2.884 13.519-7.387 21.062-12.875l93.313-68.188c49.069 64.449 98.020 128.683 148.875 195.437-27.175-5.656-52.363-10.95-77.563-15.875l0.063-0.063c-11.646-2.306-22.923-0.737-32.125 4.876-9.241 5.649-15.516 14.825-18.063 25.812l-0.063 0.062c-4.715 21.014 7.438 41.954 30.438 46.688l88.813 18.312c29.613 6.008 59.309 11.855 88.998 17.5 12 2.228 23.693 1.832 32.877-5.375 8.832-6.945 12.595-18.086 14.56-29.875l12.941-78c4.32-25.966 8.678-51.931 12.998-77.937l0.998-9.562c0.416-9.343-1.062-18.037-5.184-25.375-5.798-10.291-15.75-16.126-27.629-17.75-11.834-1.549-22.944 1.732-31.501 9.313-8.365 7.428-13.594 18.266-15.686 30.687-3.238 19.543-6.458 39.155-9.875 59.75-54.368-70.908-108.722-141.83-162.936-212.872-6.36-8.301-12.18-15.334-17.812-20.442-5.713-5.171-12.12-9.235-19.875-10.31-7.74-1.062-15.076 1.082-22.063 4.499-3.444 1.69-7.109 3.814-10.938 6.31l-12.25 8.563c-29.16 21.452-58.467 42.769-88.375 64.564-46.73-63.739-92.966-126.958-139.188-190.062 133.372-126.49 361.641-149.619 521.878 1.312l13.747 13.626c132.685 139.053 136.704 361.91 8.627 507.249l-13.254 14.312zM251.15 162.95c1.729-1.568 3.555-3.021 5.313-4.557-1.891 1.651-3.83 3.245-5.688 4.934l0.375-0.378zM181.462 247.763c3.613-5.53 7.3-10.918 11.188-16.058l8.687-10.938-8.375 10.56c-3.992 5.261-7.796 10.771-11.5 16.435zM556.588 619.953c2.835 1.724 6.084 3.063 9.75 3.812l-5.875-1.812c-1.375-0.573-2.658-1.26-3.875-2z" />
+<glyph unicode="&#xe972;" glyph-name="transaction-execute" horiz-adv-x="983" d="M876.556 860.847c-16.376 12.452-43.794 16.428-81.785 16.428-89.059 0-182.977-23.253-241.275-71.286l-8.995-7.909-18.629-18.704c-122.078 23.104-236.033 3.285-336.892-43.851-43.021-20.106-74.2-40.482-91.823-54.863-18.921-15.44-20.42-44.030-3.219-61.4l136.609-137.993-29.413-29.729-4.041-4.448c-39.17-47.084 1.384-129.102 75.762-204.194l7.22-7.16c74.795-72.868 155.006-110.064 199.406-65.319l29.471 29.848 136.684-138.031 3.85-3.432c17.334-13.631 42.77-11.059 56.971 6.685 14.246 17.797 34.427 49.279 54.338 92.721 45.351 98.931 65.171 210.33 45.294 329.597l-1.896 10.543 18.506 18.678 6.435 7.545c69.358 86.265 92.578 279.293 55.288 328.405-2.257 2.971-4.903 5.619-7.864 7.872zM566.87 258.74l164.086 165.642c5.059-82.842-12.075-160.698-44.503-231.436l-6.005-12.636c-4.051-8.225-8.184-16.048-12.513-23.618l-101.065 102.048zM794.771 794.567c-71.029 0-146.907-18.706-187.163-50.672l-6.373-5.449-336.346-339.499 1.029-3.826 2.098-6.078 1.384-3.404 2.501-5.517c11.216-23.376 32.218-51.823 58.882-78.742 26.676-26.931 54.846-48.144 77.987-59.474 3.792-1.86 7.298-3.371 10.436-4.542l4.42-1.503 3.793-1.008 335.704 338.928c26.477 29.211 44.896 81.041 52.543 141.297 2.634 20.728 3.785 41.26 3.527 59.102l-0.328 10.362-0.647 9.090-9.339 0.623-6.832 0.232-7.274 0.079zM198.963 648.215c7.741 4.16 15.89 8.26 24.431 12.252 70.062 32.743 147.18 50.044 229.247 44.929l-164.135-165.614-101.072 102.037 11.529 6.395z" />
+<glyph unicode="&#xe973;" glyph-name="transaction-incoming" d="M235.766 604.929c35.865 0.046 65.146-29.234 65.1-65.097v-210.851l441.38 441.36c25.323 25.321 66.756 25.321 92.079 0 25.365-25.367 25.323-66.754 0-92.075l-441.38-441.36 210.908-0.047c35.819 0 65.097-29.282 65.097-65.097 0-35.819-29.278-65.097-65.097-65.097l-368.086 0.043c-5.433-0.090-10.313 1.843-15.331 3.085-3.084 0.785-6.307 0.691-9.346 1.89-2.717 1.058-4.834 3.174-7.274 4.693-12.385 7.138-22.652 17.498-28.176 30.754-1.151 2.901-1.059 6.033-1.796 9.071-1.335 5.107-3.177 9.988-3.177 15.607v368.022c0 35.817 29.281 65.097 65.1 65.097z" />
+<glyph unicode="&#xe974;" glyph-name="transaction-outgoing" horiz-adv-x="983" d="M756.703 311.644c-34.431-0.045-62.538 28.336-62.493 63.095v204.366l-423.727-427.787c-24.309-24.539-64.087-24.539-88.396 0-24.353 24.588-24.309 64.705 0 89.244l423.727 427.786-202.472 0.045c-34.386 0-62.496 28.379-62.496 63.095s28.11 63.094 62.496 63.094l353.361-0.045c5.218 0.089 9.9-1.785 14.717-2.99 2.961-0.759 6.058-0.669 8.974-1.829 2.609-1.026 4.641-3.079 6.984-4.551 11.887-6.917 21.746-16.956 27.050-29.807 1.102-2.811 1.016-5.845 1.72-8.79 1.282-4.953 3.052-9.683 3.052-15.127v-356.704c0-34.714-28.111-63.095-62.497-63.095z" />
+<glyph unicode="&#xe975;" glyph-name="transaction-partial-fill" d="M832.499 447.68c0 176.555-143.539 320.181-320 320.32v128c239.91-0.135 436.343-189.779 447.501-427.012v1.557c0.384-7.573 0.576-15.198 0.576-22.865s-0.192-15.287-0.576-22.865v1.557c-10.803-229.734-195.358-414.784-424.887-426.372h0.009c-0.9-0.047-1.805-0.090-2.709-0.128-6.682-0.299-13.402-0.448-20.156-0.448zM512.499 0v127.424c176.461 0.141 320 143.765 320 320.256zM512.499 0h-0.499v896c-239.909-0.135-436.344-189.779-447.5-427.012v1.557c-0.382-7.573-0.576-15.198-0.576-22.865s0.194-15.287 0.576-22.865v1.557c10.804-229.734 195.36-414.784 424.891-426.372h-0.013c0.055-0.004 0.111-0.004 0.166-0.009 7.518-0.375 15.087-0.567 22.699-0.567z" />
+<glyph unicode="&#xe976;" glyph-name="transaction-recovery" d="M512.009 917.329c-63.962 0.254-127.283-12.687-186.014-38.014s-111.606-62.497-155.32-109.186v83.2c0.070 6.185-1.206 12.311-3.738 17.954s-6.262 10.668-10.929 14.726c-4.667 4.059-10.161 7.054-16.101 8.778s-12.183 2.137-18.298 1.209c-10.351-2.006-19.661-7.599-26.295-15.793s-10.164-18.466-9.972-29.007v-189.867c0-11.316 4.495-22.168 12.497-30.17s18.854-12.497 30.17-12.497h192c6.185-0.070 12.311 1.206 17.954 3.738s10.668 6.262 14.726 10.929c4.059 4.667 7.054 10.161 8.779 16.101s2.137 12.183 1.208 18.298c-2.006 10.351-7.599 19.661-15.793 26.295s-18.466 10.164-29.007 9.972h-91.733c49.696 55.344 114.396 95.063 186.238 114.332 71.84 19.269 147.736 17.258 218.456-5.789s133.227-66.136 179.921-124.034c46.694-57.898 75.571-128.111 83.119-202.109 1.058-10.56 6.020-20.348 13.909-27.447s18.142-11.004 28.757-10.953c5.982-0.030 11.9 1.199 17.374 3.605 5.478 2.406 10.385 5.935 14.409 10.359 4.023 4.429 7.074 9.647 8.947 15.33 1.873 5.679 2.534 11.686 1.937 17.638-11.639 115.805-65.89 223.153-152.226 301.208-86.332 78.054-198.588 121.247-314.974 121.193zM896.081 277.333h-192c-6.187 0.068-12.309-1.207-17.954-3.738-5.645-2.534-10.667-6.263-14.724-10.931-4.062-4.668-7.057-10.159-8.781-16.098-1.724-5.943-2.138-12.186-1.207-18.3 2.005-10.351 7.599-19.661 15.791-26.295 8.196-6.635 18.466-10.163 29.009-9.971h91.733c-49.698-55.343-114.398-95.061-186.24-114.334-71.842-19.268-147.733-17.254-218.455 5.79-70.721 23.049-133.227 66.138-179.922 124.036-46.695 57.894-75.571 128.111-83.117 202.108-1.061 10.56-6.021 20.348-13.91 27.447s-18.142 11.004-28.756 10.953c-5.981 0.030-11.901-1.199-17.377-3.605s-10.385-5.935-14.408-10.359c-4.023-4.429-7.071-9.647-8.946-15.33-1.875-5.679-2.534-11.686-1.936-17.638 8.961-89.579 43.494-174.686 99.483-245.18s131.070-123.401 216.292-152.405c85.223-29.009 176.986-32.892 264.355-11.191 87.373 21.696 166.656 68.066 228.403 133.577v-83.2c-0.073-6.187 1.203-12.309 3.738-17.954s6.263-10.667 10.927-14.724c4.668-4.062 10.163-7.057 16.102-8.781s12.186-2.138 18.3-1.207c10.351 2.005 19.661 7.599 26.295 15.791 6.63 8.196 10.163 18.466 9.971 29.009v189.867c0 11.315-4.497 22.17-12.497 30.17s-18.854 12.497-30.17 12.497zM738.837 494.387h-180.275v180.274c0 25.617-20.766 46.409-46.409 46.409-25.617 0-46.409-20.791-46.409-46.409v-180.274h-180.225c-25.641 0-46.408-20.791-46.408-46.409s20.768-46.409 46.408-46.409h180.225v-180.25c0-25.617 20.791-46.409 46.409-46.409 25.643 0 46.409 20.791 46.409 46.409v180.25h180.275c25.617 0 46.409 20.791 46.409 46.409s-20.791 46.409-46.409 46.409z" />
+<glyph unicode="&#xe977;" glyph-name="transaction-stake" d="M980.258 805.454c3.703 20.891 3.699 20.892 3.691 20.893l16.439-2.448 2.675-15.065c-0.004 0.008-0.004 0.015-22.805-3.38zM70.168 808.819l-0.013-0.074-0.029-0.169-0.098-0.578-0.336-2.087c-0.28-1.795-0.663-4.384-1.1-7.688-0.873-6.605-1.961-16.079-2.86-27.772-1.793-23.348-2.842-55.745 0.164-91.934 5.942-71.526 28.060-161.951 96.514-224.671 51.195-46.903 119.207-69.956 182.265-80.905 50.973-8.849 100.099-10.035 137.33-8.9v-252.002c0-26.53 23.475-48.038 52.433-48.038s52.433 21.508 52.433 48.038v252.109c36.843-1.323 86.306-0.474 137.907 8.124 64.137 10.688 133.828 33.724 186.031 81.553 68.463 62.724 90.581 153.159 96.525 224.693 3.008 36.193 1.958 68.593 0.162 91.944-0.896 11.695-1.984 21.17-2.859 27.776-0.435 3.304-0.819 5.894-1.101 7.689l-0.337 2.087-0.094 0.578-0.030 0.169-0.013 0.074-22.805-3.38 3.691 20.893-0.9 0.129-2.278 0.308c-1.958 0.256-4.783 0.608-8.388 1.008-7.211 0.8-17.553 1.798-30.319 2.621-25.485 1.643-60.847 2.604-100.352-0.15-78.071-5.445-176.777-25.712-245.239-88.438-26.227-24.029-45.611-52.096-59.883-81.484-14.268 29.386-33.651 57.45-59.874 81.478-68.455 62.719-167.148 82.984-245.214 88.428-39.498 2.755-74.857 1.793-100.34 0.15-12.763-0.823-23.103-1.82-30.312-2.62-3.606-0.4-6.432-0.751-8.391-1.008l-2.278-0.308-0.816-0.117-0.081-0.012 3.688-20.893c-3.702 20.873-3.696 20.892-3.688 20.893l-16.442-2.448-2.672-15.065c0.002 0.008 0.020 0.012 22.802-3.38l-22.802 3.38zM849.673 734.458c19.631 1.369 38.182 1.648 54.579 1.356 0.316-15.023 0.013-32.019-1.481-50.006-5.303-63.805-24.358-125.788-66.112-164.047-41.758-38.259-109.41-55.718-179.051-60.574-19.631-1.37-38.182-1.647-54.575-1.357-0.32 15.023-0.017 32.021 1.481 50.005 5.299 63.806 24.354 125.789 66.112 164.048 41.754 38.258 109.406 55.717 179.046 60.573zM170.461 685.808c-1.494 17.981-1.799 34.972-1.481 49.99 16.392 0.292 34.937 0.012 54.562-1.356 69.631-4.855 137.271-22.312 179.020-60.564 41.747-38.252 60.802-100.224 66.101-164.020 1.493-17.98 1.801-34.974 1.481-49.993-16.393-0.29-34.935-0.013-54.562 1.357-69.63 4.855-137.27 22.315-179.020 60.565s-60.802 100.224-66.102 164.020z" />
+<glyph unicode="&#xe978;" glyph-name="transaction-swap" horiz-adv-x="983" d="M670.175 826.932c-12.157 11.836-31.605 11.576-43.438-0.58-11.837-12.156-11.579-31.605 0.578-43.44l73.273-71.343h-370.421c-41.68 0-81.813-16.114-111.528-45.047-29.744-28.96-46.609-68.416-46.609-109.735v-62.031c0-16.966 13.754-30.72 30.72-30.72s30.72 13.754 30.72 30.72v62.031c0 24.487 9.983 48.143 28.031 65.715 18.075 17.599 42.761 27.628 68.667 27.628h370.396l-73.249-71.321c-12.157-11.835-12.415-31.283-0.578-43.44 11.833-12.157 31.281-12.415 43.438-0.582l127.418 124.063c5.939 5.783 9.29 13.721 9.29 22.010s-3.351 16.227-9.29 22.010l-127.418 124.062zM352.178 392.131c11.836-12.153 11.576-31.605-0.58-43.438l-73.254-71.324h370.368c25.907 0 50.594 10.027 68.669 27.628 18.047 17.572 28.029 41.226 28.029 65.712v62.034c0 16.966 13.754 30.72 30.72 30.72s30.72-13.754 30.72-30.72v-62.034c0-41.316-16.867-80.773-46.608-109.732-29.716-28.934-69.849-45.048-111.53-45.048h-370.384l73.27-71.34c12.156-11.837 12.415-31.285 0.58-43.442-11.836-12.153-31.284-12.415-43.441-0.578l-127.418 124.060c-1.823 1.778-3.403 3.756-4.716 5.886-2.755 4.452-4.403 9.662-4.561 15.249-0.009 0.291-0.013 0.59-0.013 0.885 0 8.843 3.739 16.818 9.723 22.422l126.985 123.642c12.156 11.833 31.605 11.575 43.441-0.582z" />
+<glyph unicode="&#xe979;" glyph-name="transactions" d="M967.629 384.452c-18.27 19.029-48.141 19.029-66.411 0l-107.558-111.753v467.835c0 26.839-21.137 48.799-46.972 48.799-25.877 0-46.967-21.959-46.967-48.799v-467.835l-107.605 111.753c-18.27 18.982-48.141 18.982-66.411 0-18.274-18.987-18.274-50.022 0-69.005l187.78-195.046c2.722-2.927 6.199-4.489 9.391-6.49 1.975-1.22 3.571-2.978 5.73-3.955 1.929-0.879 4.087-0.879 6.106-1.365 9.958-2.782 20.48-2.731 30.063 1.365 2.065 0.93 3.614 2.637 5.542 3.857 3.285 2.001 6.716 3.61 9.579 6.588l187.733 195.046c18.274 18.982 18.274 50.018 0 69.005zM498.295 511.548c-18.27-19.029-48.141-19.029-66.411 0l-107.559 111.751v-467.834c0-26.837-21.136-48.798-46.969-48.798-25.879 0-46.969 21.961-46.969 48.798v467.834l-107.605-111.751c-18.271-18.982-48.143-18.982-66.413 0-18.271 18.987-18.271 50.021 0 69.004l187.78 195.048c2.724 2.928 6.2 4.49 9.393 6.49 1.973 1.22 3.569 2.977 5.73 3.953 1.926 0.879 4.086 0.879 6.106 1.366 9.957 2.782 20.478 2.733 30.060-1.366 2.066-0.927 3.616-2.635 5.542-3.855 3.287-2.001 6.716-3.611 9.581-6.588l187.732-195.048c18.274-18.983 18.274-50.017 0-69.004z" />
+<glyph unicode="&#xe97a;" glyph-name="twitter-x" d="M111.711 850.291l310.636-443.769-312.598-360.801h70.353l273.679 315.886 221.124-315.886h239.418l-328.116 468.728 290.964 335.842h-70.355l-252.043-290.927-203.647 290.927h-239.415zM215.171 794.923h109.988l485.689-693.828h-109.99l-485.686 693.828z" />
+<glyph unicode="&#xe97b;" glyph-name="unlock" d="M768 149.478c0-23.552-19.115-42.667-42.667-42.667h-426.667c-23.552 0-42.667 19.115-42.667 42.667v298.667c0 23.552 19.115 42.667 42.667 42.667h426.667c23.552 0 42.667-19.115 42.667-42.667v-298.667zM768.171 568.209v50.432c0 141.184-114.859 256.043-256 256.043-103.125 0-195.669-61.397-235.819-156.373-9.173-21.717 0.939-46.763 22.656-55.936 21.675-9.131 46.763 1.024 55.893 22.699 26.795 63.317 88.533 104.277 157.269 104.277 94.123 0 170.667-76.587 170.667-170.709v-42.496h-384.171c-70.571 0-128-57.429-128-128v-298.667c0-70.571 57.429-128 128-128h426.667c70.571 0 128 57.429 128 128v298.667c0 55.509-35.712 102.357-85.163 120.064zM576 341.602c0 35.371-28.672 64-64 64s-64-28.629-64-64c0-18.901 8.363-35.755 21.419-47.445v-59.051c0-23.637 19.157-42.795 42.837-42.795 23.637 0 42.795 19.157 42.795 42.795v59.392c12.8 11.733 20.949 28.416 20.949 47.104z" />
+<glyph unicode="&#xe97c;" glyph-name="update" d="M908.809 730.752c-22.528 7.253-46.464-4.992-53.803-27.392l-16.896-52.053c-68.864 110.805-190.507 180.693-325.973 180.693-178.987 0-332.672-121.515-373.76-295.467-5.419-22.912 8.789-45.909 31.787-51.328 3.285-0.725 6.571-1.109 9.813-1.109 19.328 0 36.821 13.184 41.515 32.853 31.915 135.253 151.424 229.717 290.646 229.717 106.283 0 200.96-55.808 254.251-143.317l-66.133 20.309c-22.571 6.997-46.421-5.803-53.333-28.245-6.912-22.528 5.76-46.421 28.245-53.333l157.312-48.341c4.181-1.28 8.405-1.877 12.544-1.877 18.005 0 34.688 11.477 40.576 29.483l50.603 155.605c7.253 22.443-5.035 46.507-27.392 53.803zM855.309 423.625c-23.424 4.565-45.611-10.539-50.133-33.621-27.392-139.477-150.656-240.683-293.035-240.683-105.941 0-200.704 55.765-254.037 143.104l65.237-20.096c22.613-7.040 46.421 5.76 53.333 28.245 6.912 22.571-5.717 46.421-28.245 53.333l-157.269 48.384c-22.315 6.869-45.909-5.461-53.163-27.605l-50.56-155.691c-7.296-22.357 4.992-46.464 27.435-53.76 4.352-1.408 8.789-2.048 13.141-2.048 18.005 0 34.731 11.435 40.576 29.483l17.152 52.736c68.779-111.189 190.891-181.419 326.4-181.419 183.040 0 341.504 130.176 376.789 309.504 4.565 23.125-10.539 45.611-33.621 50.133z" />
+<glyph unicode="&#xe97d;" glyph-name="upload" d="M469.312 600.913v-536.875c0-23.595 19.115-42.667 42.667-42.667 23.595 0 42.667 19.072 42.667 42.667v536.875l175.872-175.829c16.683-16.683 43.691-16.683 60.331 0 16.683 16.683 16.683 43.648 0 60.331l-241.365 241.365c-1.237 1.237-2.56 2.389-3.883 3.413-7.851 10.027-19.968 16.384-33.621 16.384-13.611 0-25.771-6.357-33.579-16.384-1.323-1.024-2.688-2.176-3.883-3.413l-241.365-241.365c-16.683-16.683-16.683-43.648 0-60.331 16.64-16.683 43.648-16.683 60.331 0l175.829 175.829zM895.979 789.333h-768c-23.467 0-42.667 19.2-42.667 42.667s19.2 42.667 42.667 42.667h768c23.509 0 42.667-19.2 42.667-42.667s-19.157-42.667-42.667-42.667z" />
+<glyph unicode="&#xe97e;" glyph-name="wallet" d="M896 320v-85.333c0-47.13-38.204-85.333-85.333-85.333h-640c-47.128 0-85.333 38.204-85.333 85.333v426.667c0 47.128 38.205 85.333 85.333 85.333h640c47.13 0 85.333-38.205 85.333-85.333v-85.333c23.565 0 42.667-19.103 42.667-42.667v-170.667c0-23.565-19.102-42.667-42.667-42.667zM810.667 576v85.333h-640v-426.667h640v85.333h-128c-23.565 0-42.667 19.102-42.667 42.667v170.667c0 23.564 19.102 42.667 42.667 42.667h128zM725.333 405.333v85.333h128v-85.333h-128z" />
+<glyph unicode="&#xe97f;" glyph-name="what-is-new" d="M327.638 793.397c50.311 0 86.695-34.066 113.199-80.535 8.055-14.121 14.566-28.392 19.712-41.37h-132.911c-16.764 0-32.842 6.421-44.696 17.852s-18.513 26.935-18.513 43.1c0 16.166 6.659 31.669 18.513 43.1s27.932 17.853 44.696 17.853zM512 756.651c-32.030 54.196-89.885 118.016-184.362 118.016-39.117 0-76.631-14.984-104.291-41.656s-43.199-62.847-43.199-100.566c0-35.073 13.435-68.811 37.557-94.815h-93.584c-21.422 0-38.788-15.16-38.788-33.862v-169.314c0-18.701 17.366-33.86 38.788-33.86h8.62v-343.706c0-19.635 18.867-35.554 42.14-35.554h674.237c23.275 0 42.142 15.919 42.142 35.554v343.706h8.619c21.423 0 38.788 15.159 38.788 33.86v169.314c0 18.702-17.365 33.862-38.788 33.862h-93.585c24.124 26.004 37.559 59.742 37.559 94.815 0 37.719-15.539 73.894-43.2 100.566s-65.173 41.656-104.29 41.656c-94.477 0-152.333-63.82-184.363-118.016zM559.407 92.446v308.147h247.573v-308.147h-247.573zM464.593 400.593v-308.147h-247.572v308.147h247.572zM559.407 468.318v101.587h301.683v-101.587h-301.683zM464.593 569.905v-101.587h-301.684v101.587h301.684zM696.363 671.492h-132.911c5.146 12.978 11.657 27.249 19.712 41.37 26.505 46.469 62.886 80.535 113.199 80.535 16.764 0 32.841-6.422 44.698-17.853 11.853-11.431 18.513-26.934 18.513-43.1s-6.66-31.669-18.513-43.1c-11.857-11.431-27.934-17.852-44.698-17.852z" />
+</font></defs></svg>
\ No newline at end of file
diff --git a/apps/mobile/resources/icons/safe-icons/fonts/safe-icons.ttf b/apps/mobile/resources/icons/safe-icons/fonts/safe-icons.ttf
new file mode 100644
index 000000000..26109faaf
Binary files /dev/null and b/apps/mobile/resources/icons/safe-icons/fonts/safe-icons.ttf differ
diff --git a/apps/mobile/resources/icons/safe-icons/fonts/safe-icons.woff b/apps/mobile/resources/icons/safe-icons/fonts/safe-icons.woff
new file mode 100644
index 000000000..d53df9ccf
Binary files /dev/null and b/apps/mobile/resources/icons/safe-icons/fonts/safe-icons.woff differ
diff --git a/apps/mobile/resources/icons/safe-icons/selection.json b/apps/mobile/resources/icons/safe-icons/selection.json
new file mode 100644
index 000000000..386561e1b
--- /dev/null
+++ b/apps/mobile/resources/icons/safe-icons/selection.json
@@ -0,0 +1,2382 @@
+{
+  "IcoMoonType": "selection",
+  "icons": [
+    {
+      "icon": {
+        "paths": [
+          "M555.119 170.667c70.571 0 128 57.429 128 128s-57.429 128-128 128c-70.571 0-128-57.429-128-128s57.429-128 128-128zM979.951 884.309c-48.256-165.376-128.299-351.232-319.403-401.323 64.128-36.821 107.904-105.216 107.904-184.32 0-117.632-95.701-213.333-213.333-213.333s-213.333 95.701-213.333 213.333c0 79.317 44.032 147.883 108.459 184.619-27.989 7.552-54.613 17.877-79.317 31.701-20.608 11.52-27.947 37.504-16.384 58.069 11.435 20.48 37.504 27.947 58.027 16.341 41.515-23.168 88.107-34.475 142.421-34.475 168.192 0 270.805 105.643 343.040 353.28 5.419 18.645 22.443 30.72 40.96 30.72 3.925 0 7.979-0.555 11.947-1.707 22.656-6.571 35.584-30.293 29.013-52.907z",
+          "M298.619 725.461h85.333c23.552 0 42.667 19.115 42.667 42.667 0 23.595-19.115 42.667-42.667 42.667h-85.333v85.333c0 23.552-19.072 42.667-42.667 42.667-23.552 0-42.667-19.115-42.667-42.667v-85.333h-85.291c-23.552 0-42.667-19.072-42.667-42.667 0-23.552 19.115-42.667 42.667-42.667h85.291v-85.291c0-23.595 19.115-42.667 42.667-42.667 23.595 0 42.667 19.072 42.667 42.667v85.291z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["add-owner"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 257, "id": 117, "name": "add-owner", "prevSize": 32, "code": 59648 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 0
+    },
+    {
+      "icon": {
+        "paths": [
+          "M170.667 384v256h-42.667c-23.564 0-42.667 19.102-42.667 42.667s19.103 42.667 42.667 42.667h42.667v128c0 47.13 38.205 85.333 85.333 85.333h512c47.13 0 85.333-38.204 85.333-85.333v-682.667c0-47.128-38.204-85.333-85.333-85.333h-512c-47.128 0-85.333 38.205-85.333 85.333v128h-42.667c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667h42.667zM298.667 640h-42.667v-256h42.667c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667h-42.667v-128h512v682.667h-512v-128h42.667c23.564 0 42.667-19.102 42.667-42.667s-19.103-42.667-42.667-42.667z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["address-book"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 258, "id": 116, "name": "address-book", "prevSize": 32, "code": 59649 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 1
+    },
+    {
+      "icon": {
+        "paths": [
+          "M427.456 938.112c170.687 0 309.056-138.368 309.056-309.056 0-170.687-138.369-309.056-309.056-309.056s-309.056 138.369-309.056 309.056c0 170.688 138.369 309.056 309.056 309.056z",
+          "M639.040 804.48c167.366 0 303.040-135.674 303.040-303.040 0-167.364-135.674-303.040-303.040-303.040-167.364 0-303.040 135.676-303.040 303.040 0 167.366 135.676 303.040 303.040 303.040z",
+          "M282.047 476.739c105.756 0 191.488-85.732 191.488-191.488s-85.732-191.488-191.488-191.488c-105.756 0-191.488 85.732-191.488 191.488s85.732 191.488 191.488 191.488z",
+          "M282.048 97.92c-103.459 0-187.328 83.869-187.328 187.328s83.869 187.328 187.328 187.328c103.459 0 187.328-83.869 187.328-187.328s-83.869-187.328-187.328-187.328zM86.4 285.248c0-108.053 87.595-195.648 195.648-195.648s195.648 87.595 195.648 195.648c0 108.053-87.595 195.648-195.648 195.648s-195.648-87.595-195.648-195.648z",
+          "M526.313 512.998c-12.896 17.398-19.597 38.388-21.773 52.319-0.355 2.27-2.483 3.823-4.753 3.468s-3.822-2.483-3.468-4.753c2.336-14.952 9.444-37.284 23.309-55.989 13.941-18.807 34.926-34.175 64.739-34.175 29.901 0 50.486 16.712 63.395 32.957 6.458 8.134 11.085 16.246 14.093 22.317 1.504 3.041 2.611 5.583 3.347 7.379 0.371 0.899 0.646 1.611 0.832 2.107 0.096 0.248 0.166 0.442 0.211 0.578l0.058 0.16 0.019 0.047 0.006 0.015v0.005c0 0.003 0 0.004-3.93 1.364l3.93-1.36c0.749 2.172-0.397 4.541-2.573 5.292-2.17 0.751-4.538-0.399-5.286-2.569v-0.003l-0.013-0.020-0.038-0.109c-0.032-0.101-0.090-0.26-0.173-0.472-0.16-0.424-0.403-1.059-0.742-1.877-0.666-1.637-1.696-3.998-3.104-6.842-2.822-5.697-7.149-13.277-13.152-20.835-12.031-15.14-30.461-29.812-56.88-29.812-26.507 0-45.235 13.514-58.055 30.81z",
+          "M643.936 421.169c0 32.899-26.668 59.569-59.567 59.569s-59.569-26.67-59.569-59.569c0-32.899 26.67-59.569 59.569-59.569s59.567 26.67 59.567 59.569z",
+          "M584.369 472.227c-28.198 0-51.057-22.859-51.057-51.057s22.859-51.057 51.057-51.057c28.198 0 51.057 22.859 51.057 51.057s-22.859 51.057-51.057 51.057zM584.369 480.739c32.899 0 59.567-26.67 59.567-59.569s-26.668-59.569-59.567-59.569c-32.899 0-59.569 26.67-59.569 59.569s26.67 59.569 59.569 59.569z",
+          "M653.082 560.998c-12.896 17.398-19.594 38.388-21.77 52.319-0.355 2.27-2.483 3.823-4.753 3.468s-3.822-2.483-3.468-4.753c2.336-14.952 9.444-37.284 23.309-55.989 13.939-18.807 34.925-34.175 64.742-34.175 29.792 0 51.206 15.347 65.702 34.109 14.426 18.676 22.227 40.986 25.030 55.931 0.422 2.258-1.062 4.432-3.322 4.855s-4.435-1.064-4.858-3.322c-2.611-13.937-9.971-34.95-23.437-52.377-13.395-17.34-32.595-30.876-59.117-30.876-26.509 0-45.235 13.514-58.061 30.81z",
+          "M770.707 469.169c0 32.899-26.669 59.569-59.565 59.569-32.902 0-59.571-26.67-59.571-59.569s26.669-59.569 59.571-59.569c32.896 0 59.565 26.67 59.565 59.569z",
+          "M711.142 520.227c-28.198 0-51.059-22.859-51.059-51.057s22.861-51.057 51.059-51.057c28.198 0 51.053 22.859 51.053 51.057s-22.854 51.057-51.053 51.057zM711.142 528.739c32.896 0 59.565-26.67 59.565-59.569s-26.669-59.569-59.565-59.569c-32.902 0-59.571 26.67-59.571 59.569s26.669 59.569 59.571 59.569z"
+        ],
+        "attrs": [
+          { "fill": "rgb(28, 28, 28)" },
+          { "fill": "rgb(28, 28, 28)" },
+          { "fill": "rgb(28, 28, 28)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(28, 28, 28)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(28, 28, 28)" },
+          { "fill": "rgb(161, 163, 167)" }
+        ],
+        "width": 1030,
+        "isMulticolor": true,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["address-book-empty-list"],
+        "colorPermutations": {
+          "11611631671255214012559511412828281": [
+            { "f": 1 },
+            { "f": 1 },
+            { "f": 1 },
+            { "f": 3 },
+            { "f": 3 },
+            { "f": 1 },
+            { "f": 3 },
+            { "f": 3 },
+            { "f": 1 },
+            { "f": 3 }
+          ]
+        }
+      },
+      "attrs": [
+        { "fill": "rgb(28, 28, 28)" },
+        { "fill": "rgb(28, 28, 28)" },
+        { "fill": "rgb(28, 28, 28)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(28, 28, 28)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(28, 28, 28)" },
+        { "fill": "rgb(161, 163, 167)" }
+      ],
+      "properties": {
+        "order": 259,
+        "id": 115,
+        "name": "address-book-empty-list",
+        "prevSize": 32,
+        "code": 59650,
+        "codes": [59650, 59651, 59652, 59653, 59654, 59655, 59656, 59657, 59658, 59659]
+      },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 2
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512 256c23.564 0 42.667 19.103 42.667 42.667v256c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v-256c0-23.564 19.103-42.667 42.667-42.667z",
+          "M512 672c29.457 0 53.333 23.876 53.333 53.333s-23.876 53.333-53.333 53.333c-29.457 0-53.333-23.876-53.333-53.333s23.876-53.333 53.333-53.333z",
+          "M938.667 512c0 235.639-191.027 426.667-426.667 426.667-235.642 0-426.667-191.027-426.667-426.667 0-235.642 191.025-426.667 426.667-426.667 235.639 0 426.667 191.025 426.667 426.667zM170.667 512c0 188.514 152.82 341.333 341.333 341.333s341.333-152.819 341.333-341.333c0-188.513-152.819-341.333-341.333-341.333s-341.333 152.82-341.333 341.333z"
+        ],
+        "attrs": [{ "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["alert"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{ "f": 4 }, { "f": 4 }, { "f": 4 }] }
+      },
+      "attrs": [{ "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }],
+      "properties": { "order": 260, "id": 114, "name": "alert", "prevSize": 32, "code": 59660 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 3
+    },
+    {
+      "icon": {
+        "paths": [
+          "M511.949 341.434c23.552 0 42.667 19.072 42.667 42.667v170.665c0 23.552-19.115 42.667-42.667 42.667-23.595 0-42.667-19.115-42.667-42.667v-170.665c0-23.595 19.072-42.667 42.667-42.667z",
+          "M511.949 672.098c29.44 0 53.333 23.893 53.333 53.333s-23.893 53.333-53.333 53.333c-29.44 0-53.333-23.893-53.333-53.333s23.893-53.333 53.333-53.333z",
+          "M511.991 85.348c-21.419 0-42.837 10.667-54.741 32.085l-406.612 728.617c-23.168 41.6 7.040 92.629 54.784 92.629h813.183c47.744 0 77.909-51.029 54.741-92.629l-406.571-728.617c-11.947-21.419-33.365-32.085-54.784-32.085zM511.991 194.319l367.957 659.369h-735.871l367.914-659.369z"
+        ],
+        "attrs": [{ "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["alert-triangle"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{ "f": 4 }, { "f": 4 }, { "f": 4 }] }
+      },
+      "attrs": [{ "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }],
+      "properties": { "order": 261, "id": 113, "name": "alert-triangle", "prevSize": 32, "code": 59661 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 4
+    },
+    {
+      "icon": {
+        "paths": [
+          "M515.465 107.052c8.256 14.651 7.138 32.785-2.859 46.31-36.446 49.308-53.986 110.060-49.425 171.206s30.916 118.624 74.27 161.982c43.358 43.358 100.838 69.713 161.984 74.27 61.146 4.561 121.899-12.975 171.204-49.425 13.525-9.997 31.659-11.115 46.31-2.859 14.652 8.26 23.087 24.35 21.538 41.097-7.458 80.7-37.743 157.602-87.313 221.717-49.57 64.111-116.373 112.781-192.593 140.314-76.224 27.529-158.707 32.785-237.807 15.147-79.098-17.634-151.538-57.434-208.843-114.739s-97.104-129.745-114.741-208.845c-17.637-79.095-12.382-161.583 15.149-237.804s76.201-143.025 140.314-192.594c64.113-49.57 141.018-79.855 221.714-87.313 16.747-1.548 32.841 6.886 41.097 21.538zM397.5 189.4c-33.178 12.004-64.46 29.14-92.651 50.936-51.29 39.656-90.226 93.099-112.251 154.076-22.025 60.978-26.229 126.967-12.119 190.246s45.949 121.229 91.793 167.074c45.844 45.841 103.795 77.683 167.076 91.793 63.279 14.11 129.267 9.903 190.242-12.122s114.419-60.962 154.078-112.252c21.794-28.19 38.929-59.473 50.935-92.651-44.937 16.256-93.133 23.027-141.517 19.418-81.527-6.080-158.165-41.22-215.974-99.029s-92.948-134.447-99.028-215.975c-3.608-48.383 3.16-96.58 19.417-141.513z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["appearance"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 262, "id": 112, "name": "appearance", "prevSize": 32, "code": 59662 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 5
+    },
+    {
+      "icon": {
+        "paths": [
+          "M384 85.333h-213.333c-47.128 0-85.333 38.205-85.333 85.333v213.333c0 47.13 38.205 85.333 85.333 85.333h213.333c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.128-38.204-85.333-85.333-85.333zM170.667 384v-213.333h213.333v213.333h-213.333z",
+          "M853.333 554.667h-213.333c-47.13 0-85.333 38.204-85.333 85.333v213.333c0 47.13 38.204 85.333 85.333 85.333h213.333c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.13-38.204-85.333-85.333-85.333zM640 853.333v-213.333h213.333v213.333h-213.333z",
+          "M938.667 277.333c0 106.039-85.961 192-192 192s-192-85.961-192-192c0-106.039 85.961-192 192-192s192 85.961 192 192zM640 277.333c0 58.91 47.757 106.667 106.667 106.667s106.667-47.756 106.667-106.667c0-58.91-47.757-106.667-106.667-106.667s-106.667 47.756-106.667 106.667z",
+          "M277.388 804.651l-122.236 122.236c-15.872 15.872-41.813 15.872-57.728 0l-0.171-0.213c-15.872-15.872-15.872-41.856 0-57.771l122.197-122.197-122.18-122.197c-15.872-15.872-15.872-41.856 0-57.728l0.171-0.213c15.915-15.872 41.856-15.872 57.728 0l122.219 122.202 122.202-122.202c15.872-15.872 41.857-15.872 57.729 0l0.213 0.213c15.872 15.872 15.872 41.856 0 57.728l-122.199 122.197 122.216 122.197c15.872 15.915 15.872 41.899 0 57.771l-0.213 0.213c-15.872 15.872-41.857 15.872-57.729 0l-122.219-122.236z"
+        ],
+        "attrs": [{}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["apps"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}],
+      "properties": { "order": 263, "id": 111, "name": "apps", "prevSize": 32, "code": 59663 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 6
+    },
+    {
+      "icon": {
+        "paths": [
+          "M760.567 390.761c9.911 9.014 9.911 23.629 0 32.643l-230.63 209.838c-9.907 9.011-25.967 9.011-35.874 0l-230.633-209.838c-9.907-9.014-9.907-23.629 0-32.643s25.97-9.014 35.878 0l212.692 193.517 212.693-193.517c9.907-9.014 25.967-9.014 35.874 0z",
+          "M774.925 374.981c19.213 17.478 19.213 46.724 0 64.204l-230.63 209.835c-18.044 16.418-46.545 16.418-64.589 0l-230.632-209.839c-19.21-17.475-19.21-46.723 0-64.2 18.046-16.419 46.545-16.419 64.591 0l198.335 180.454 198.336-180.454c18.044-16.419 46.545-16.419 64.589 0zM746.658 407.081c-0.017-0.036-0.111-0.236-0.444-0.541-0.683-0.619-1.916-1.207-3.584-1.207s-2.901 0.588-3.58 1.207l-212.693 193.516c-8.141 7.403-20.574 7.403-28.715 0l-212.691-193.516c-0.68-0.619-1.913-1.207-3.582-1.207s-2.902 0.588-3.582 1.207c-0.335 0.305-0.428 0.505-0.444 0.541 0.016 0.036 0.109 0.238 0.444 0.543l230.629 209.836c0.683 0.619 1.916 1.207 3.584 1.207s2.901-0.589 3.584-1.207l230.63-209.836c0.333-0.305 0.427-0.507 0.444-0.543z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-down"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 264, "id": 110, "name": "arrow-down", "prevSize": 32, "code": 59664 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 7
+    },
+    {
+      "icon": {
+        "paths": [
+          "M474.509 764.894v-598.494c0-21.208 16.785-38.4 37.491-38.4s37.491 17.192 37.491 38.4v598.494l154.509-158.259c14.639-14.997 38.379-14.997 53.018 0 14.643 14.997 14.643 39.309 0 54.306l-212.075 217.225c-1.092 1.118-2.231 2.15-3.418 3.102-6.861 8.969-17.536 14.733-29.525 14.733s-22.665-5.764-29.525-14.733c-1.186-0.951-2.325-1.984-3.418-3.102l-212.076-217.225c-14.641-14.997-14.641-39.309 0-54.306s38.378-14.997 53.019 0l154.509 158.259z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-down-1"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 265, "id": 109, "name": "arrow-down-1", "prevSize": 32, "code": 59665 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 8
+    },
+    {
+      "icon": {
+        "paths": [
+          "M633.237 760.567c-9.011 9.911-23.625 9.911-32.64 0l-209.837-230.63c-9.014-9.907-9.014-25.967 0-35.874l209.837-230.633c9.015-9.907 23.629-9.907 32.644 0 9.011 9.908 9.011 25.97 0 35.878l-193.515 212.692 193.51 212.693c9.015 9.907 9.015 25.967 0 35.874z",
+          "M649.020 774.925c-17.476 19.213-46.724 19.213-64.201 0l-209.838-230.63c-16.419-18.044-16.419-46.545 0-64.589l209.838-230.632c17.476-19.21 46.724-19.21 64.201 0 16.418 18.046 16.418 46.545 0 64.591l-180.454 198.335 180.454 198.336c16.418 18.044 16.418 46.545 0 64.589zM616.917 746.658c0.038-0.017 0.239-0.111 0.542-0.444 0.619-0.683 1.207-1.916 1.207-3.584s-0.589-2.901-1.207-3.58l-193.514-212.693c-7.405-8.141-7.405-20.574 0-28.715l193.514-212.691c0.619-0.68 1.207-1.913 1.207-3.582s-0.589-2.902-1.207-3.582c-0.303-0.335-0.503-0.428-0.542-0.444-0.034 0.016-0.235 0.109-0.542 0.444l-209.836 230.629c-0.619 0.683-1.207 1.916-1.207 3.584s0.588 2.901 1.207 3.584l209.836 230.63c0.307 0.333 0.508 0.427 0.542 0.444z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-left"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 266, "id": 108, "name": "arrow-left", "prevSize": 32, "code": 59666 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 9
+    },
+    {
+      "icon": {
+        "paths": [
+          "M390.761 263.43c9.014-9.907 23.629-9.907 32.643 0l209.834 230.633c9.015 9.907 9.015 25.967 0 35.874l-209.834 230.63c-9.014 9.911-23.629 9.911-32.643 0-9.014-9.907-9.014-25.967 0-35.874l193.513-212.693-193.513-212.692c-9.014-9.908-9.014-25.97 0-35.878z",
+          "M374.981 249.074c17.477-19.21 46.724-19.21 64.2 0l209.839 230.632c16.418 18.044 16.418 46.545 0 64.589l-209.839 230.63c-17.475 19.213-46.723 19.213-64.2 0-16.419-18.044-16.419-46.545 0-64.589l180.454-198.336-180.454-198.335c-16.419-18.046-16.419-46.545 0-64.591zM407.081 277.343c0 0-0.236 0.109-0.541 0.444-0.619 0.68-1.207 1.912-1.207 3.582s0.588 2.902 1.207 3.582l193.516 212.691c7.403 8.141 7.403 20.574 0 28.715l-193.516 212.693c-0.619 0.678-1.207 1.911-1.207 3.58s0.588 2.901 1.207 3.584c0.305 0.333 0.541 0.444 0.541 0.444s0.238-0.111 0.543-0.444l209.836-230.63c0.619-0.683 1.207-1.916 1.207-3.584s-0.589-2.901-1.207-3.584l-209.836-230.629c-0.305-0.335-0.543-0.444-0.543-0.444z"
+        ],
+        "attrs": [{}, {}],
+        "grid": 0,
+        "tags": ["arrow-right"],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 375, "id": 107, "name": "arrow-right", "prevSize": 32, "code": 59667 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 10
+    },
+    {
+      "icon": {
+        "paths": [
+          "M637.966 589.86l166.614-169.279c49.174-49.174 131.092-49.174 180.266 0s49.174 131.092 0 180.266l-379.615 384.968c-24.534 24.532-57.388 38.185-90.134 38.185s-65.491-13.654-90.132-38.185l-387.726-384.968c-54.613-54.612-49.174-147.411 16.426-193.92 51.839-38.185 125.653-27.306 169.278 19.094l144.746 141.971 16.428 2.774v-125.654l-0.108-319.459c0-71.041 57.388-125.654 125.654-125.654 73.814 0 128.428 57.387 128.428 125.654l-0.125 464.206z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-sort"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 268, "id": 106, "name": "arrow-sort", "prevSize": 32, "code": 59668 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 11
+    },
+    {
+      "icon": {
+        "paths": [
+          "M263.43 633.237c-9.907-9.011-9.907-23.625 0-32.64l230.633-209.837c9.907-9.014 25.967-9.014 35.874 0l230.63 209.837c9.911 9.015 9.911 23.629 0 32.64-9.907 9.015-25.967 9.015-35.874 0l-212.693-193.51-212.692 193.51c-9.908 9.015-25.97 9.015-35.878 0z",
+          "M479.706 374.981c18.044-16.419 46.545-16.419 64.589 0l230.63 209.838c19.213 17.476 19.213 46.724 0 64.201-18.044 16.418-46.545 16.418-64.589 0l-198.336-180.454-198.335 180.454c-18.046 16.418-46.545 16.418-64.591 0-19.21-17.476-19.21-46.724 0-64.201l230.632-209.838zM512 405.333c-1.668 0-2.901 0.588-3.584 1.207l-230.629 209.836c-0.335 0.307-0.428 0.508-0.444 0.542 0.016 0.034 0.109 0.239 0.444 0.542 0.68 0.619 1.912 1.207 3.582 1.207s2.902-0.589 3.582-1.207l212.691-193.514c8.141-7.405 20.574-7.405 28.715 0l212.693 193.514c0.678 0.619 1.911 1.207 3.58 1.207s2.901-0.589 3.584-1.207c0.333-0.303 0.427-0.503 0.444-0.542-0.017-0.034-0.111-0.235-0.444-0.542l-230.63-209.836c-0.683-0.619-1.916-1.207-3.584-1.207z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-up"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 269, "id": 105, "name": "arrow-up", "prevSize": 32, "code": 59669 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 12
+    },
+    {
+      "icon": {
+        "paths": [
+          "M764.894 549.491h-598.494c-21.208 0-38.4-16.785-38.4-37.491s17.192-37.491 38.4-37.491h598.494l-158.259-154.509c-14.997-14.641-14.997-38.379 0-53.019s39.309-14.641 54.306 0l217.225 212.076c1.118 1.092 2.15 2.231 3.102 3.418 8.969 6.861 14.733 17.536 14.733 29.525s-5.764 22.665-14.733 29.525c-0.951 1.186-1.984 2.325-3.102 3.418l-217.225 212.075c-14.997 14.643-39.309 14.643-54.306 0-14.997-14.639-14.997-38.379 0-53.018l158.259-154.509z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrrow-right"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 270, "id": 104, "name": "arrrow-right", "prevSize": 32, "code": 59670 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 13
+    },
+    {
+      "icon": {
+        "paths": [
+          "M494.656 89.428c10.918-5.46 23.77-5.46 34.688 0l387.874 193.939c13.141 6.57 21.44 20.001 21.44 34.693s-8.299 28.122-21.44 34.693l-387.874 193.939c-10.918 5.461-23.77 5.461-34.688 0l-387.873-193.939c-13.14-6.57-21.441-20.001-21.441-34.693s8.3-28.123 21.441-34.693l387.873-193.939zM210.86 318.061l301.14 150.573 301.141-150.573-301.141-150.573-301.14 150.573zM89.437 494.652c9.58-19.157 32.879-26.927 52.038-17.344l370.525 185.267 370.526-185.267c19.157-9.583 42.458-1.813 52.036 17.344 9.583 19.162 1.813 42.462-17.344 52.041l-387.874 193.941c-10.918 5.457-23.77 5.457-34.688 0l-387.873-193.941c-19.16-9.579-26.926-32.879-17.346-52.041zM89.437 688.593c9.58-19.162 32.879-26.927 52.038-17.348l370.525 185.267 370.526-185.267c19.157-9.579 42.458-1.813 52.036 17.348 9.583 19.162 1.813 42.458-17.344 52.041l-387.874 193.937c-10.918 5.461-23.77 5.461-34.688 0l-387.873-193.937c-19.16-9.583-26.926-32.879-17.346-52.041z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["batch"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 271, "id": 103, "name": "batch", "prevSize": 32, "code": 59671 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 14
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512 113.777c67.895 0 133.009 26.971 181.018 74.981s74.982 113.124 74.982 181.019c0 118.159 25.259 190.991 48.124 232.902 11.486 21.065 22.605 34.756 30.182 42.752 3.797 4.011 6.737 6.622 8.422 8.026 0.823 0.687 1.353 1.088 1.536 1.225 15.223 10.526 21.948 29.696 16.567 47.458-5.449 17.997-22.033 30.306-40.832 30.306h-640.002c-18.802 0-35.388-12.309-40.836-30.306-5.378-17.762 1.347-36.932 16.569-47.458 0.186-0.137 0.713-0.538 1.536-1.225 1.687-1.404 4.625-4.015 8.424-8.026 7.575-7.996 18.694-21.687 30.184-42.752 22.862-41.911 48.124-114.743 48.124-232.902 0-67.895 26.971-133.010 74.98-181.019s113.126-74.981 181.021-74.981zM167.731 654.682l0.228-0.154 0.167-0.115 0.098-0.064 0.108-0.073-0.6 0.405zM282.788 643.541c-0.657 1.203-1.315 2.394-1.973 3.571h462.366c-0.657-1.178-1.314-2.368-1.971-3.571-30.473-55.863-58.543-143.031-58.543-273.764 0-45.264-17.984-88.674-49.988-120.68-32.009-32.006-75.418-49.987-120.678-49.987-45.265 0-88.675 17.981-120.681 49.987s-49.987 75.416-49.987 120.68c0 130.732-28.072 217.9-58.543 273.764zM487.398 810.59c-11.823-20.382-37.935-27.319-58.317-15.497s-27.321 37.935-15.497 58.317c10.002 17.242 24.359 31.552 41.63 41.502s36.855 15.185 56.789 15.185c19.93 0 39.514-5.235 56.785-15.185 17.276-9.95 31.629-24.26 41.63-41.502 11.823-20.382 4.885-46.494-15.497-58.317s-46.494-4.885-58.317 15.497c-2.5 4.314-6.089 7.889-10.406 10.377s-9.212 3.797-14.195 3.797c-4.983 0-9.882-1.31-14.199-3.797s-7.906-6.063-10.406-10.377z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["bell"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 272, "id": 102, "name": "bell", "prevSize": 32, "code": 59672 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 15
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512 853.333c-78.763 0-151.125-27.093-208.939-72.021l478.251-478.251c44.971 57.771 72.021 130.176 72.021 208.939 0 188.203-153.131 341.333-341.333 341.333zM170.667 512c0-188.203 153.131-341.333 341.333-341.333 78.763 0 151.125 27.093 208.939 72.021l-478.251 478.251c-44.971-57.771-72.021-130.176-72.021-208.939zM512 85.333c-235.264 0-426.667 191.403-426.667 426.667s191.403 426.667 426.667 426.667c235.264 0 426.667-191.403 426.667-426.667s-191.403-426.667-426.667-426.667z"
+        ],
+        "attrs": [{ "fill": "rgb(255, 95, 114)" }],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["block"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{ "f": 4 }] }
+      },
+      "attrs": [{ "fill": "rgb(255, 95, 114)" }],
+      "properties": { "order": 273, "id": 101, "name": "block", "prevSize": 32, "code": 59673 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 16
+    },
+    {
+      "icon": {
+        "paths": [
+          "M234.667 192h170.667c23.564 0 42.667 19.103 42.667 42.667v170.667c0 23.564-19.103 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v-170.667c0-23.564 19.103-42.667 42.667-42.667z",
+          "M234.667 576h170.667c23.564 0 42.667 19.103 42.667 42.667v170.667c0 23.564-19.103 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v-170.667c0-23.564 19.103-42.667 42.667-42.667z",
+          "M618.667 192h170.667c23.564 0 42.667 19.103 42.667 42.667v170.667c0 23.564-19.103 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v-170.667c0-23.564 19.103-42.667 42.667-42.667z",
+          "M618.667 576h170.667c23.564 0 42.667 19.103 42.667 42.667v170.667c0 23.564-19.103 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v-170.667c0-23.564 19.103-42.667 42.667-42.667z"
+        ],
+        "attrs": [{}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["blocks"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}],
+      "properties": { "order": 274, "id": 100, "name": "blocks", "prevSize": 32, "code": 59674 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 17
+    },
+    {
+      "icon": {
+        "paths": [
+          "M234.667 192h170.667c23.564 0 42.667 19.103 42.667 42.667v170.667c0 23.564-19.103 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v-170.667c0-23.564 19.103-42.667 42.667-42.667z",
+          "M234.667 576h170.667c23.564 0 42.667 19.103 42.667 42.667v170.667c0 23.564-19.103 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v-170.667c0-23.564 19.103-42.667 42.667-42.667z",
+          "M618.667 192h170.667c23.564 0 42.667 19.103 42.667 42.667v170.667c0 23.564-19.103 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v-170.667c0-23.564 19.103-42.667 42.667-42.667z",
+          "M618.667 576h170.667c23.564 0 42.667 19.103 42.667 42.667v170.667c0 23.564-19.103 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v-170.667c0-23.564 19.103-42.667 42.667-42.667z"
+        ],
+        "attrs": [{}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["blocks-1"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}],
+      "properties": { "order": 275, "id": 99, "name": "blocks-1", "prevSize": 32, "code": 59675 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 18
+    },
+    {
+      "icon": {
+        "paths": [
+          "M325.333 204.8c-9.901 0-19.397 4.046-26.399 11.247s-10.935 16.969-10.935 27.153v539.78l202.3-148.629c12.983-9.536 30.417-9.536 43.401 0l202.3 148.629v-539.78c0-10.184-3.934-19.951-10.935-27.153s-16.495-11.247-26.398-11.247h-373.333zM246.137 161.741c21.004-21.604 49.492-33.741 79.196-33.741h373.333c29.705 0 58.193 12.137 79.198 33.741 21.001 21.604 32.802 50.906 32.802 81.459v614.4c0 14.383-7.817 27.563-20.25 34.142-12.437 6.583-27.405 5.466-38.784-2.893l-239.633-176.060-239.634 176.060c-11.38 8.358-26.348 9.476-38.782 2.893-12.435-6.579-20.25-19.759-20.25-34.142v-614.4c0-30.553 11.8-59.855 32.804-81.459z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["bookmark"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 276, "id": 98, "name": "bookmark", "prevSize": 32, "code": 59676 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 19
+    },
+    {
+      "icon": {
+        "paths": [
+          "M246.137 161.741c21.004-21.604 49.492-33.741 79.196-33.741h373.333c29.705 0 58.193 12.137 79.198 33.741 21.001 21.604 32.802 50.906 32.802 81.459v614.4c0 14.383-7.817 27.563-20.25 34.142-12.437 6.583-27.405 5.466-38.784-2.893l-239.633-176.060-239.634 176.060c-11.38 8.358-26.348 9.476-38.782 2.893-12.435-6.579-20.25-19.759-20.25-34.142v-614.4c0-30.553 11.8-59.855 32.804-81.459z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["bookmark-filled"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 277, "id": 97, "name": "bookmark-filled", "prevSize": 32, "code": 59677 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 20
+    },
+    {
+      "icon": {
+        "paths": [
+          "M358.4 170.667l-102.4 102.4h-68.267c-56.554 0-102.4 45.846-102.4 102.4v375.612c0 56.555 45.846 102.4 102.4 102.4h648.533c56.555 0 102.4-45.845 102.4-102.4v-375.612c0-56.554-45.845-102.4-102.4-102.4h-68.267l-102.4-102.4h-307.2zM291.346 358.4l102.4-102.4h236.509l102.4 102.4h103.612c9.425 0 17.067 7.641 17.067 17.067v375.612c0 9.425-7.642 17.067-17.067 17.067h-648.533c-9.425 0-17.067-7.642-17.067-17.067v-375.612c0-9.425 7.641-17.067 17.067-17.067h103.613z",
+          "M512 725.333c-106.039 0-192-85.961-192-192s85.961-192 192-192c106.039 0 192 85.961 192 192s-85.961 192-192 192zM618.667 533.333c0-58.91-47.757-106.667-106.667-106.667s-106.667 47.757-106.667 106.667c0 58.91 47.757 106.667 106.667 106.667s106.667-47.757 106.667-106.667z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["camera"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 278, "id": 96, "name": "camera", "prevSize": 32, "code": 59678 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 21
+    },
+    {
+      "icon": {
+        "paths": [
+          "M533.222 170.666c-49.591-0.129-98.517 11.458-142.785 33.818l-0.162 0.081c-53.148 26.563-97.851 67.397-129.103 117.931s-47.816 108.769-47.839 168.187l-0 0.094c-0.129 49.596 11.458 98.517 33.818 142.784 5.129 10.155 5.99 21.939 2.393 32.73l-54.082 162.249 162.246-54.084c10.792-3.597 22.575-2.735 32.729 2.394 44.268 22.362 93.193 33.946 142.785 33.818h0.094c59.418-0.021 117.653-16.589 168.188-47.838 50.534-31.253 91.371-75.955 117.931-129.105l0.081-0.162c22.362-44.267 33.95-93.188 33.818-142.784-0.247-94.757-37.461-171.721-92.924-227.185-55.467-55.464-132.429-92.68-227.187-92.927zM352.046 128.275c56.243-28.393 118.397-43.106 181.399-42.941 118.579 0.309 216.806 47.424 287.305 117.92 70.494 70.496 117.611 168.726 117.918 287.302 0.166 63.002-14.545 125.15-42.935 181.393-33.647 67.29-85.359 123.887-149.346 163.456-63.996 39.578-137.741 60.557-212.988 60.595h-0.047l-0.017-42.667 0.111 42.667h-0.047c-56.947 0.141-113.196-11.87-165.014-35.153l-16.419-7.829c5.42 2.739 10.894 5.346 16.419 7.829l-226.89 75.631c-15.331 5.111-32.235 1.118-43.662-10.308s-15.418-28.331-10.307-43.661l75.63-226.893c2.482 5.525 5.092 10.999 7.83 16.422l-7.83-16.422c-23.282-51.814-35.294-108.066-35.153-165.013v0.047l42.667 0.017-42.667-0.111v0.047c0.038-75.243 21.019-148.992 60.596-212.989 39.569-63.984 96.163-115.692 163.449-149.339zM352.046 128.275l-0.081 0.041 19.237 38.084-19.075-38.166-0.081 0.041z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["chat"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 279, "id": 95, "name": "chat", "prevSize": 32, "code": 59679 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 22
+    },
+    {
+      "icon": {
+        "paths": [
+          "M422.393 725.333c-7.945 0-15.532-3.2-21.117-8.93l-179.184-182.946c-11.679-11.913-11.679-31.206 0-43.089 11.679-11.917 30.556-11.917 42.234 0l158.066 161.395 337.278-344.16c11.682-11.916 30.558-11.916 42.236 0s11.678 31.177 0 43.092l-358.396 365.707c-5.585 5.73-13.171 8.93-21.118 8.93z",
+          "M786.671 322.536c-3.315-3.381-8.448-3.381-11.763 0l-352.52 359.712-173.297-176.951c-3.314-3.379-8.448-3.379-11.763 0-3.513 3.575-3.559 9.596 0 13.231l179.223 182.985c1.586 1.626 3.671 2.487 5.841 2.487s4.256-0.862 5.844-2.487l0.038-0.038 358.396-365.71c3.55-3.621 3.55-9.607 0-13.228zM744.435 292.671c20.045-20.451 52.663-20.451 72.708 0 19.81 20.211 19.81 52.747 0 72.957l-358.357 365.665c-0.009 0.013-0.021 0.021-0.030 0.034-9.583 9.813-22.656 15.339-36.363 15.339-13.704 0-26.777-5.525-36.358-15.334-0.001 0 0.001 0 0 0-0.011-0.013-0.024-0.026-0.035-0.038l-179.144-182.903c-19.796-20.198-19.825-52.774 0.012-72.969 20.044-20.437 52.655-20.433 72.694 0.013l142.836 145.847 322.037-328.611z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["check"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 280, "id": 94, "name": "check", "prevSize": 32, "code": 59680 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 23
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 512c0-235.642-191.027-426.667-426.667-426.667-235.642 0-426.667 191.025-426.667 426.667 0 235.639 191.025 426.667 426.667 426.667 235.639 0 426.667-191.027 426.667-426.667zM395.726 456.499l96.366 90.159 139.785-143.341c24.678-25.306 65.199-25.815 90.505-1.137s25.813 65.195 1.135 90.5l-183.552 188.224c-24.316 24.939-64.111 25.852-89.545 2.052l-142.144-132.992c-25.81-24.149-27.158-64.649-3.009-90.458s64.649-27.157 90.46-3.008z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["check-filled"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 281, "id": 93, "name": "check-filled", "prevSize": 32, "code": 59681 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 24
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 512c0 235.639-191.027 426.667-426.667 426.667-235.642 0-426.667-191.027-426.667-426.667 0-235.642 191.025-426.667 426.667-426.667 235.639 0 426.667 191.025 426.667 426.667zM170.667 512c0 188.514 152.82 341.333 341.333 341.333s341.333-152.819 341.333-341.333c0-188.513-152.819-341.333-341.333-341.333s-341.333 152.82-341.333 341.333z",
+          "M327.743 438.434c-17.204-16.102-44.204-15.21-60.307 1.993s-15.21 44.207 1.993 60.309l176.685 165.376c16.956 15.868 43.49 15.262 59.703-1.365l228.139-233.984c16.452-16.872 16.111-43.885-0.764-60.335-16.87-16.451-43.883-16.109-60.335 0.763l-198.955 204.050-146.16-136.806z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["check-notifications"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 282, "id": 92, "name": "check-notifications", "prevSize": 32, "code": 59682 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 25
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 512c0 235.639-191.027 426.667-426.667 426.667-235.642 0-426.667-191.027-426.667-426.667 0-235.642 191.025-426.667 426.667-426.667 235.639 0 426.667 191.025 426.667 426.667zM170.667 512c0 188.514 152.82 341.333 341.333 341.333s341.333-152.819 341.333-341.333c0-188.513-152.819-341.333-341.333-341.333s-341.333 152.82-341.333 341.333z",
+          "M450.999 682.667c-8.107 0-15.876-3.584-21.572-9.997l-121.852-136.627c-11.884-13.342-11.884-34.94 0.030-48.282 11.914-13.274 31.202-13.308 43.116 0.034l100.278 112.465 222.315-248.921c11.913-13.341 31.168-13.341 43.085 0 11.913 13.342 11.913 34.907 0 48.249l-243.857 273.081c-5.696 6.413-13.436 9.997-21.542 9.997z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["check-oulined"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 283, "id": 91, "name": "check-oulined", "prevSize": 32, "code": 59683 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 26
+    },
+    {
+      "icon": {
+        "paths": [
+          "M760.567 390.761c9.911 9.014 9.911 23.629 0 32.643l-230.63 209.838c-9.907 9.011-25.967 9.011-35.874 0l-230.633-209.838c-9.907-9.014-9.907-23.629 0-32.643s25.97-9.014 35.878 0l212.692 193.517 212.693-193.517c9.907-9.014 25.967-9.014 35.874 0z",
+          "M774.925 374.981c19.213 17.478 19.213 46.724 0 64.204l-230.63 209.835c-18.044 16.418-46.545 16.418-64.589 0l-230.632-209.839c-19.21-17.475-19.21-46.723 0-64.2 18.046-16.419 46.545-16.419 64.591 0l198.335 180.454 198.336-180.454c18.044-16.419 46.545-16.419 64.589 0zM746.658 407.081c-0.017-0.036-0.111-0.236-0.444-0.541-0.683-0.619-1.916-1.207-3.584-1.207s-2.901 0.588-3.58 1.207l-212.693 193.516c-8.141 7.403-20.574 7.403-28.715 0l-212.691-193.516c-0.68-0.619-1.913-1.207-3.582-1.207s-2.902 0.588-3.582 1.207c-0.335 0.305-0.428 0.505-0.444 0.541 0.016 0.036 0.109 0.238 0.444 0.543l230.629 209.836c0.683 0.619 1.916 1.207 3.584 1.207s2.901-0.589 3.584-1.207l230.63-209.836c0.333-0.305 0.427-0.507 0.444-0.543z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["chevron-down"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 284, "id": 90, "name": "chevron-down", "prevSize": 32, "code": 59684 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 27
+    },
+    {
+      "icon": {
+        "paths": [
+          "M633.237 760.567c-9.011 9.911-23.625 9.911-32.64 0l-209.837-230.63c-9.014-9.907-9.014-25.967 0-35.874l209.837-230.633c9.015-9.907 23.629-9.907 32.644 0 9.011 9.908 9.011 25.97 0 35.878l-193.515 212.692 193.51 212.693c9.015 9.907 9.015 25.967 0 35.874z",
+          "M649.020 774.925c-17.476 19.213-46.724 19.213-64.201 0l-209.838-230.63c-16.419-18.044-16.419-46.545 0-64.589l209.838-230.632c17.476-19.21 46.724-19.21 64.201 0 16.418 18.046 16.418 46.545 0 64.591l-180.454 198.335 180.454 198.336c16.418 18.044 16.418 46.545 0 64.589zM616.917 746.658c0.038-0.017 0.239-0.111 0.542-0.444 0.619-0.683 1.207-1.916 1.207-3.584s-0.589-2.901-1.207-3.58l-193.514-212.693c-7.405-8.141-7.405-20.574 0-28.715l193.514-212.691c0.619-0.68 1.207-1.913 1.207-3.582s-0.589-2.902-1.207-3.582c-0.303-0.335-0.503-0.428-0.542-0.444-0.034 0.016-0.235 0.109-0.542 0.444l-209.836 230.629c-0.619 0.683-1.207 1.916-1.207 3.584s0.588 2.901 1.207 3.584l209.836 230.63c0.307 0.333 0.508 0.427 0.542 0.444z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["chevron-left"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 285, "id": 89, "name": "chevron-left", "prevSize": 32, "code": 59685 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 28
+    },
+    {
+      "icon": {
+        "paths": [
+          "M390.761 263.43c9.014-9.907 23.629-9.907 32.643 0l209.834 230.633c9.015 9.907 9.015 25.967 0 35.874l-209.834 230.63c-9.014 9.911-23.629 9.911-32.643 0-9.014-9.907-9.014-25.967 0-35.874l193.513-212.693-193.513-212.692c-9.014-9.908-9.014-25.97 0-35.878z",
+          "M374.981 249.074c17.477-19.21 46.724-19.21 64.2 0l209.839 230.632c16.418 18.044 16.418 46.545 0 64.589l-209.839 230.63c-17.475 19.213-46.723 19.213-64.2 0-16.419-18.044-16.419-46.545 0-64.589l180.454-198.336-180.454-198.335c-16.419-18.046-16.419-46.545 0-64.591zM407.081 277.343c0 0-0.236 0.109-0.541 0.444-0.619 0.68-1.207 1.912-1.207 3.582s0.588 2.902 1.207 3.582l193.516 212.691c7.403 8.141 7.403 20.574 0 28.715l-193.516 212.693c-0.619 0.678-1.207 1.911-1.207 3.58s0.588 2.901 1.207 3.584c0.305 0.333 0.541 0.444 0.541 0.444s0.238-0.111 0.543-0.444l209.836-230.63c0.619-0.683 1.207-1.916 1.207-3.584s-0.589-2.901-1.207-3.584l-209.836-230.629c-0.305-0.335-0.543-0.444-0.543-0.444z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["chevron-right"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 286, "id": 88, "name": "chevron-right", "prevSize": 32, "code": 59686 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 29
+    },
+    {
+      "icon": {
+        "paths": [
+          "M263.43 633.237c-9.907-9.011-9.907-23.625 0-32.64l230.633-209.837c9.907-9.014 25.967-9.014 35.874 0l230.63 209.837c9.911 9.015 9.911 23.629 0 32.64-9.907 9.015-25.967 9.015-35.874 0l-212.693-193.51-212.692 193.51c-9.908 9.015-25.97 9.015-35.878 0z",
+          "M479.706 374.981c18.044-16.419 46.545-16.419 64.589 0l230.63 209.838c19.213 17.476 19.213 46.724 0 64.201-18.044 16.418-46.545 16.418-64.589 0l-198.336-180.454-198.335 180.454c-18.046 16.418-46.545 16.418-64.591 0-19.21-17.476-19.21-46.724 0-64.201l230.632-209.838zM512 405.333c-1.668 0-2.901 0.588-3.584 1.207l-230.629 209.836c-0.335 0.307-0.428 0.508-0.444 0.542 0.016 0.034 0.109 0.239 0.444 0.542 0.68 0.619 1.912 1.207 3.582 1.207s2.902-0.589 3.582-1.207l212.691-193.514c8.141-7.405 20.574-7.405 28.715 0l212.693 193.514c0.678 0.619 1.911 1.207 3.58 1.207s2.901-0.589 3.584-1.207c0.333-0.303 0.427-0.503 0.444-0.542-0.017-0.034-0.111-0.235-0.444-0.542l-230.63-209.836c-0.683-0.619-1.916-1.207-3.584-1.207z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["chevron-up"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 287, "id": 87, "name": "chevron-up", "prevSize": 32, "code": 59687 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 30
+    },
+    {
+      "icon": {
+        "paths": [
+          "M383.876 640.166c-13.781 0-27.307-6.656-35.541-18.987-13.099-19.584-7.808-46.080 11.819-59.179l109.184-72.832v-189.909c0-23.595 19.072-42.667 42.667-42.667s42.667 19.072 42.667 42.667v212.736c0 14.251-7.125 27.605-18.987 35.499l-128.171 85.504c-7.253 4.821-15.531 7.168-23.637 7.168z",
+          "M512 170.667c-188.203 0-341.333 153.131-341.333 341.333s153.131 341.333 341.333 341.333c188.203 0 341.333-153.131 341.333-341.333s-153.131-341.333-341.333-341.333zM512 938.667c-235.264 0-426.667-191.403-426.667-426.667s191.403-426.667 426.667-426.667c235.264 0 426.667 191.403 426.667 426.667s-191.403 426.667-426.667 426.667z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["clock"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 288, "id": 86, "name": "clock", "prevSize": 32, "code": 59688 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 31
+    },
+    {
+      "icon": {
+        "paths": [
+          "M566.336 512l318.455 318.46c14.942 14.976 14.942 39.364 0 54.306-14.98 14.98-39.369 14.98-54.345 0l-318.447-318.434-318.446 318.434c-14.979 14.98-39.367 14.98-54.345 0-14.94-14.942-14.94-39.33 0-54.306l318.455-318.46-318.459-318.449c-14.94-14.979-14.94-39.367 0-54.346 14.979-14.94 39.367-14.94 54.345 0l318.449 318.455 318.451-318.455c14.976-14.94 39.364-14.94 54.345 0 14.938 14.979 14.938 39.368 0 54.346l-318.46 318.449z",
+          "M124.14 124.101c23.305-23.246 61.171-23.246 84.477 0l303.384 303.389 303.364-303.37c23.305-23.246 61.193-23.265 84.497-0.019l0.038 0.039c23.245 23.305 23.245 61.172 0 84.477l-303.394 303.383 303.369 303.373c23.236 23.296 23.283 61.197 0 84.48-23.309 23.309-61.205 23.309-84.514 0l-303.36-303.351-303.361 303.351c-23.309 23.309-61.205 23.309-84.515 0-23.281-23.283-23.254-61.167-0.019-84.459l303.39-303.394-303.374-303.363c-23.245-23.305-23.265-61.191-0.020-84.497l0.039-0.039z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["close"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 289, "id": 85, "name": "close", "prevSize": 32, "code": 59689 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 32
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.679 511.987c0 235.648-191.061 426.667-426.667 426.667-235.648 0-426.667-191.019-426.667-426.667 0-235.606 191.019-426.667 426.667-426.667 235.605 0 426.667 191.061 426.667 426.667zM572.356 512.004l146.782-146.765c16.597-16.64 16.597-43.733 0-60.373-16.64-16.597-43.733-16.597-60.373 0l-146.765 146.782-146.782-146.782c-16.597-16.597-43.733-16.597-60.331 0-16.597 16.64-16.597 43.733 0 60.373l146.765 146.765-146.765 146.782c-16.597 16.597-16.597 43.733 0 60.331s43.733 16.597 60.331 0l146.782-146.765 146.765 146.765c16.64 16.597 43.733 16.597 60.373 0 16.597-16.597 16.597-43.733 0-60.331l-146.782-146.782z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["close-filled"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 290, "id": 84, "name": "close-filled", "prevSize": 32, "code": 59690 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 33
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 512c0 235.639-191.027 426.667-426.667 426.667-235.642 0-426.667-191.027-426.667-426.667 0-235.642 191.025-426.667 426.667-426.667 235.639 0 426.667 191.025 426.667 426.667zM170.667 512c0 188.514 152.82 341.333 341.333 341.333s341.333-152.819 341.333-341.333c0-188.513-152.819-341.333-341.333-341.333s-341.333 152.82-341.333 341.333z",
+          "M572.339 512l90.509 90.509c16.666 16.661 16.666 43.678 0 60.339-16.661 16.666-43.678 16.666-60.339 0l-90.509-90.509-90.51 90.509c-16.663 16.666-43.677 16.666-60.34 0-16.662-16.661-16.662-43.678 0-60.339l90.511-90.509-90.511-90.51c-16.662-16.663-16.662-43.677 0-60.34s43.677-16.662 60.34 0l90.51 90.511 90.509-90.511c16.661-16.662 43.678-16.662 60.339 0 16.666 16.663 16.666 43.677 0 60.34l-90.509 90.51z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["close-outlined"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 291, "id": 83, "name": "close-outlined", "prevSize": 32, "code": 59691 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 34
+    },
+    {
+      "icon": {
+        "paths": [
+          "M414.719 41.041c0-8.528 6.876-15.441 15.359-15.441h107.522c8.484 0 15.36 6.913 15.36 15.441v108.089c0 8.528-6.876 15.441-15.36 15.441h-122.881v-123.53z",
+          "M276.481 180.013c0-8.528 6.877-15.441 15.36-15.441h122.88v123.53c0 8.528-6.877 15.441-15.36 15.441h-122.88v-123.53z",
+          "M138.241 318.984c0-8.528 6.877-15.441 15.36-15.441h122.88v123.53c0 8.528-6.877 15.441-15.36 15.441h-122.88v-123.53z",
+          "M0 457.955c0-8.528 6.877-15.441 15.36-15.441h122.88v138.97h-122.88c-8.483 0-15.36-6.912-15.36-15.437v-108.092z",
+          "M138.241 581.484h122.88c8.483 0 15.36 6.917 15.36 15.442v123.53h-122.88c-8.483 0-15.36-6.912-15.36-15.442v-123.53z",
+          "M276.481 720.456h122.88c8.483 0 15.36 6.917 15.36 15.442v123.53h-122.88c-8.483 0-15.36-6.912-15.36-15.442v-123.53z",
+          "M414.719 859.428h122.881c8.484 0 15.36 6.912 15.36 15.442v108.088c0 8.53-6.876 15.442-15.36 15.442h-107.522c-8.483 0-15.359-6.912-15.359-15.442v-123.53z",
+          "M967.68 41.041c0-8.528-6.876-15.441-15.36-15.441h-107.52c-8.484 0-15.36 6.913-15.36 15.441v108.089c0 8.528 6.876 15.441 15.36 15.441h122.88v-123.53z",
+          "M1105.92 180.013c0-8.528-6.876-15.441-15.36-15.441h-122.88v123.53c0 8.528 6.876 15.441 15.36 15.441h122.88v-123.53z",
+          "M1244.16 318.984c0-8.528-6.876-15.441-15.36-15.441h-122.88v123.53c0 8.528 6.876 15.441 15.36 15.441h122.88v-123.53z",
+          "M1382.4 457.955c0-8.528-6.876-15.441-15.36-15.441h-122.88v138.97h122.88c8.484 0 15.36-6.912 15.36-15.437v-108.092z",
+          "M1244.16 581.484h-122.88c-8.484 0-15.36 6.917-15.36 15.442v123.53h122.88c8.484 0 15.36-6.912 15.36-15.442v-123.53z",
+          "M1105.92 720.456h-122.88c-8.484 0-15.36 6.917-15.36 15.442v123.53h122.88c8.484 0 15.36-6.912 15.36-15.442v-123.53z",
+          "M967.68 859.428h-122.88c-8.484 0-15.36 6.912-15.36 15.442v108.088c0 8.53 6.876 15.442 15.36 15.442h107.52c8.484 0 15.36-6.912 15.36-15.442v-123.53z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}],
+        "width": 1382,
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["code-blocks"],
+        "colorPermutations": {
+          "11611631671255214012559511412828281": [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]
+        }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}],
+      "properties": { "order": 292, "id": 82, "name": "code-blocks", "prevSize": 32, "code": 59692 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 35
+    },
+    {
+      "icon": {
+        "paths": [
+          "M384 298.667h-170.667c-47.128 0-85.333 38.205-85.333 85.333v469.333c0 47.13 38.205 85.333 85.333 85.333h341.333c47.13 0 85.333-38.204 85.333-85.333v-128h170.667c47.13 0 85.333-38.204 85.333-85.333v-469.333c0-47.128-38.204-85.333-85.333-85.333h-341.333c-47.128 0-85.333 38.205-85.333 85.333v128zM640 640v-256c0-47.128-38.204-85.333-85.333-85.333h-85.333v-128h341.333v469.333h-170.667zM213.333 853.333v-469.333h341.333v469.333h-341.333z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["copy"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 293, "id": 81, "name": "copy", "prevSize": 32, "code": 59693 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 36
+    },
+    {
+      "icon": {
+        "paths": [
+          "M814.289 306.612c-166.95-163.459-437.63-163.459-604.58 0l-22.054 21.592c-8.347 8.173-8.347 21.424 0 29.597l68.733 67.296c4.174 4.087 10.941 4.087 15.114 0l29.611-28.992c116.468-114.033 305.303-114.033 421.77 0l27.652 27.072c4.173 4.087 10.94 4.087 15.113 0l68.732-67.296c8.35-8.173 8.35-21.424 0-29.597l-20.092-19.672zM1017.591 505.681l-61.171-59.895c-8.346-8.171-21.879-8.171-30.229 0l-195.767 191.676c-2.086 2.044-5.47 2.044-7.556 0l-195.772-191.68c-8.35-8.171-21.884-8.171-30.229 0l-195.763 191.68c-2.087 2.044-5.47 2.044-7.557 0l-195.772-191.68c-8.348-8.171-21.882-8.171-30.229 0l-61.173 59.895c-8.348 8.171-8.348 21.423 0 29.598l275.84 270.067c8.348 8.175 21.882 8.175 30.229 0l195.765-191.671c2.086-2.044 5.47-2.044 7.556 0l195.767 191.671c8.35 8.175 21.884 8.175 30.229 0l275.831-270.067c8.35-8.171 8.35-21.423 0-29.594z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["dapp-logo"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 294, "id": 80, "name": "dapp-logo", "prevSize": 32, "code": 59694 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 37
+    },
+    {
+      "icon": {
+        "paths": [
+          "M426.667 768.414c23.595 0 42.667-19.072 42.667-42.667v-256c0-23.595-19.072-42.667-42.667-42.667s-42.667 19.072-42.667 42.667v256c0 23.595 19.072 42.667 42.667 42.667z",
+          "M597.376 768.414c23.595 0 42.667-19.072 42.667-42.667v-256c0-23.595-19.072-42.667-42.667-42.667s-42.667 19.072-42.667 42.667v256c0 23.595 19.072 42.667 42.667 42.667z",
+          "M704.542 834.167c-0.555 10.837-11.008 19.328-21.205 19.243h-343.339c-9.813-1.109-19.669-8.363-20.224-19.541l-27.648-492.544h438.912l-26.496 492.843zM426.526 196.94c0-14.251 12.075-26.283 26.325-26.283h118.101c14.507 0 26.325 11.819 26.325 26.283v59.051h-170.752v-59.051zM853.321 255.991h-74.155c-0.256 0-0.512-0.213-0.811-0.213-0.512-0.043-0.939 0.213-1.493 0.213h-94.251v-59.051c0-61.525-50.048-111.616-111.659-111.616h-118.101c-61.568 0-111.659 50.091-111.659 111.616v59.051h-170.539c-23.552 0-42.667 19.072-42.667 42.667s19.115 42.667 42.667 42.667h36.053l27.861 496.939c2.688 55.893 49.536 100.523 104.107 100.523 0.768 0 1.536-0.043 2.304-0.043h343.766c55.467 0 102.357-44.544 105.045-100.181l26.709-497.238h36.821c23.595 0 42.667-19.072 42.667-42.667s-19.072-42.667-42.667-42.667z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["delete"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 295, "id": 79, "name": "delete", "prevSize": 32, "code": 59695 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 38
+    },
+    {
+      "icon": {
+        "paths": [
+          "M170.675 83.198c-71.871 0-130.134 58.263-130.134 130.133v426.669c0 71.868 58.263 130.129 130.134 130.129h296.533v81.071h-125.867c-24.742 0-44.8 20.058-44.8 44.8 0 24.738 20.058 44.796 44.8 44.796h341.333c24.742 0 44.8-20.058 44.8-44.796 0-24.742-20.058-44.8-44.8-44.8h-125.867v-81.071h296.533c71.872 0 130.133-58.261 130.133-130.129v-426.669c0-71.871-58.261-130.133-130.133-130.133h-682.667zM130.142 213.331c0-22.386 18.147-40.533 40.533-40.533h682.667c22.387 0 40.533 18.147 40.533 40.533v426.669c0 22.383-18.146 40.533-40.533 40.533h-682.667c-22.386 0-40.533-18.15-40.533-40.533v-426.669z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["desktop"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 296, "id": 78, "name": "desktop", "prevSize": 32, "code": 59696 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 39
+    },
+    {
+      "icon": {
+        "paths": [
+          "M256.021 853.35v-682.667h255.915v171.52c0 46.421 37.888 84.224 84.437 84.224h171.648v426.923h-512zM732.821 341.478l-135.552 0.725v-136.107l135.552 135.381zM842.005 329.958l-231.765-231.509c-8.405-8.405-19.755-13.099-31.573-13.099h-322.646c-47.147 0-85.333 38.229-85.333 85.333v682.667c0 47.104 38.187 85.333 85.333 85.333h512c47.104 0 85.333-38.229 85.333-85.333v-496.171c0-10.197-4.096-20.011-11.349-27.221z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["document"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 297, "id": 77, "name": "document", "prevSize": 32, "code": 59697 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 40
+    },
+    {
+      "icon": {
+        "paths": [
+          "M285.867 780.373c16.64 16.64 43.52 16.64 60.16 0l165.973-165.12 165.547 165.547c16.64 16.64 43.52 16.64 60.16 0s16.64-43.52 0-60.16l-195.84-195.84c-3.947-3.955-8.636-7.095-13.798-9.237-5.158-2.142-10.692-3.243-16.282-3.243s-11.123 1.101-16.282 3.243c-5.163 2.142-9.852 5.282-13.798 9.237l-195.84 195.413c-16.64 16.64-16.64 43.52 0 60.16z",
+          "M285.867 499.2c16.64 16.64 43.52 16.64 60.16 0l165.973-165.119 165.547 165.545c16.64 16.64 43.52 16.64 60.16 0s16.64-43.52 0-60.16l-195.84-195.839c-3.947-3.956-8.636-7.095-13.798-9.236-5.158-2.141-10.692-3.244-16.282-3.244s-11.123 1.103-16.282 3.244c-5.163 2.141-9.852 5.28-13.798 9.236l-195.84 195.412c-16.64 16.64-16.64 43.52 0 60.16z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["double-arrow"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 298, "id": 76, "name": "double-arrow", "prevSize": 32, "code": 59698 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 41
+    },
+    {
+      "icon": {
+        "paths": [
+          "M554.688 664.913v-536.875c0-23.595-19.115-42.667-42.667-42.667-23.595 0-42.667 19.072-42.667 42.667v536.875l-175.872-175.829c-16.683-16.683-43.691-16.683-60.331 0-16.683 16.683-16.683 43.648 0 60.331l241.365 241.365c1.237 1.237 2.56 2.389 3.883 3.413 7.851 10.027 19.968 16.384 33.621 16.384 13.611 0 25.771-6.357 33.579-16.384 1.323-1.024 2.688-2.176 3.883-3.413l241.365-241.365c16.683-16.683 16.683-43.648 0-60.331-16.64-16.683-43.648-16.683-60.331 0l-175.829 175.829z",
+          "M128.021 853.333h768c23.467 0 42.667 19.2 42.667 42.667s-19.2 42.667-42.667 42.667h-768c-23.509 0-42.667-19.2-42.667-42.667s19.157-42.667 42.667-42.667z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["download"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 299, "id": 75, "name": "download", "prevSize": 32, "code": 59699 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 42
+    },
+    {
+      "icon": {
+        "paths": [
+          "M658.36 896.616c60.636 56.067 158.788 56.067 219.279 0l612.618-566.444c97.717-90.353 28.5-244.838-109.64-244.838l-1225.236 0.134c-138.14 0-207.356 154.486-109.64 244.704l612.618 566.444z"
+        ],
+        "attrs": [{}],
+        "width": 1536,
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["dropdown-arrow-small"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 300, "id": 74, "name": "dropdown-arrow-small", "prevSize": 32, "code": 59700 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 43
+    },
+    {
+      "icon": {
+        "paths": [
+          "M750.626 385.792l-110.123-111.061 105.344-103.253 106.539 107.477c0.256 0.256-0.213 4.352 0.085 4.608l-101.845 102.229zM281.166 853.333h-110.507v-111.829l408.959-406.955 110.72 111.659-409.172 407.125zM938.658 279.765c-0.299-23.723-9.728-45.653-25.685-60.885l-105.771-106.667c-15.744-16.811-38.187-26.581-61.653-26.88h-1.152c-23.509 0-46.293 9.472-62.635 25.899l-583.85 582.272c-8.021 7.979-12.587 18.901-12.587 30.251v172.245c0 23.595 19.072 42.667 42.667 42.667h170.795c11.307 0 22.101-4.437 30.080-12.416l584.106-582.485c16.64-16.811 26.027-40.149 25.685-64z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["edit"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 301, "id": 73, "name": "edit", "prevSize": 32, "code": 59701 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 44
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.132 170.667c70.571 0 128 57.387 128 128 0 70.571-57.429 128-128 128s-128-57.429-128-128c0-70.613 57.429-128 128-128zM696.068 514.944c-24.747-13.781-51.285-24.107-79.147-31.616 64.469-36.736 108.544-105.301 108.544-184.661 0-117.632-95.701-213.333-213.333-213.333s-213.333 95.701-213.333 213.333c0 79.061 43.733 147.413 107.819 184.277-191.275 50.005-271.36 235.904-319.573 401.323-6.571 22.613 6.4 46.336 29.013 52.907 4.011 1.195 8.021 1.707 11.947 1.707 18.517 0 35.541-12.075 40.96-30.677 72.192-247.637 174.805-353.323 343.040-353.323 54.272 0 100.821 11.307 142.379 34.56 20.523 11.435 46.549 4.096 58.069-16.427 11.52-20.565 4.139-46.592-16.384-58.069z",
+          "M571.674 869.773l0.341 57.259c0 6.443 5.248 11.648 11.691 11.648h56.875c3.115 0 6.101-1.237 8.32-3.456l171.861-171.861c6.741-6.741 6.741-17.664 0-24.405l-50.432-50.475c-6.144-6.144-16.128-6.144-22.272 0l-172.928 172.971c-2.219 2.176-3.456 5.205-3.456 8.32z",
+          "M872.171 711.94l63.104-63.104c4.736-4.693 4.736-12.416 0-17.152l-56.661-56.576c-4.693-4.736-12.416-4.736-17.152 0l-63.061 63.061c-4.779 4.736-4.779 12.459 0 17.195l56.576 56.576c4.736 4.736 12.459 4.736 17.195 0z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["edit-owner"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 302, "id": 72, "name": "edit-owner", "prevSize": 32, "code": 59702 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 45
+    },
+    {
+      "icon": {
+        "paths": [
+          "M298.667 512.004c0-47.13 38.205-85.333 85.333-85.333 47.13 0 85.333 38.204 85.333 85.333s-38.204 85.333-85.333 85.333c-47.128 0-85.333-38.204-85.333-85.333z",
+          "M554.667 512.004c0-47.13 38.204-85.333 85.333-85.333s85.333 38.204 85.333 85.333c0 47.13-38.204 85.333-85.333 85.333s-85.333-38.204-85.333-85.333z",
+          "M298.667 213.333c0-47.128 38.205-85.333 85.333-85.333 47.13 0 85.333 38.205 85.333 85.333s-38.204 85.333-85.333 85.333c-47.128 0-85.333-38.205-85.333-85.333z",
+          "M554.667 213.333c0-47.128 38.204-85.333 85.333-85.333s85.333 38.205 85.333 85.333c0 47.128-38.204 85.333-85.333 85.333s-85.333-38.205-85.333-85.333z",
+          "M298.667 810.662c0-47.13 38.205-85.333 85.333-85.333 47.13 0 85.333 38.204 85.333 85.333s-38.204 85.333-85.333 85.333c-47.128 0-85.333-38.204-85.333-85.333z",
+          "M554.667 810.662c0-47.13 38.204-85.333 85.333-85.333s85.333 38.204 85.333 85.333c0 47.13-38.204 85.333-85.333 85.333s-85.333-38.204-85.333-85.333z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["element-drag"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}],
+      "properties": { "order": 303, "id": 71, "name": "element-drag", "prevSize": 32, "code": 59703 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 46
+    },
+    {
+      "icon": {
+        "paths": [
+          "M448.090 59.85c19.439-11.2 41.476-17.096 63.91-17.096s44.476 5.897 63.91 17.097c0.030 0.017 0.060 0.035 0.090 0.052l298.667 170.666c15.787 9.114 29.402 21.469 39.974 36.198 2.577 2.576 4.86 5.526 6.771 8.829 1.647 2.845 2.927 5.8 3.857 8.812 8.777 17.641 13.376 37.106 13.397 56.882v341.42c-0.021 22.447-5.948 44.493-17.182 63.927-11.234 19.43-27.379 35.571-46.818 46.793l-0.166 0.094-298.5 170.573c-0.026 0.017-0.051 0.030-0.077 0.047-13.534 7.799-28.331 13.030-43.644 15.488-6.033 3.264-12.941 5.116-20.279 5.116s-14.246-1.852-20.279-5.116c-15.313-2.458-30.106-7.689-43.639-15.488-0.030-0.017-0.055-0.030-0.081-0.047l-298.667-170.667c-19.439-11.221-35.585-27.362-46.819-46.793-11.233-19.435-17.158-41.481-17.181-63.927v-341.42c0.020-19.776 4.622-39.24 13.398-56.881 0.93-3.012 2.211-5.968 3.856-8.812 1.911-3.302 4.195-6.253 6.771-8.829 10.575-14.729 24.189-27.084 39.975-36.198l0.165-0.095 138.612-79.206c6.297-7.096 14.661-11.727 23.627-13.501l136.353-77.917zM322.133 230.109l-107.136 61.221 297.003 171.804 106.944-61.863-296.811-171.162zM704.222 351.942l-296.29-170.86 82.735-47.278c6.485-3.745 13.845-5.716 21.333-5.716s14.848 1.972 21.333 5.716l275.669 157.526-104.781 60.612zM853.333 364.268l-298.667 172.769v340.966l277.333-158.473c0.021-0.013 0.047-0.026 0.068-0.038 6.447-3.742 11.806-9.105 15.539-15.561 3.742-6.477 5.717-13.828 5.726-21.308v-318.356zM469.333 878.003v-340.966l-298.667-172.769v318.373c0.011 7.475 1.986 14.818 5.727 21.291 3.732 6.455 9.089 11.819 15.539 15.561 0.023 0.013 0.045 0.026 0.067 0.038l277.333 158.473z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["experimental"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 304, "id": 70, "name": "experimental", "prevSize": 32, "code": 59704 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 47
+    },
+    {
+      "icon": {
+        "paths": [
+          "M481.83 55.163c16.661-16.662 43.678-16.662 60.339 0l170.667 170.667c16.661 16.663 16.661 43.677 0 60.34s-43.678 16.662-60.339 0l-97.83-97.83v451.66c0 23.565-19.102 42.667-42.667 42.667s-42.667-19.102-42.667-42.667v-451.66l-97.83 97.83c-16.663 16.662-43.677 16.662-60.34 0s-16.662-43.677 0-60.34l170.667-170.667zM170.667 469.333c23.564 0 42.667 19.102 42.667 42.667v341.333c0 11.315 4.495 22.17 12.497 30.17s18.854 12.497 30.17 12.497h512c11.315 0 22.17-4.497 30.17-12.497s12.497-18.854 12.497-30.17v-341.333c0-23.565 19.102-42.667 42.667-42.667s42.667 19.102 42.667 42.667v341.333c0 33.95-13.487 66.505-37.491 90.509s-56.559 37.491-90.509 37.491h-512c-33.948 0-66.505-13.487-90.51-37.491s-37.49-56.559-37.49-90.509v-341.333c0-23.565 19.103-42.667 42.667-42.667z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["export"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 305, "id": 69, "name": "export", "prevSize": 32, "code": 59705 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 48
+    },
+    {
+      "icon": {
+        "paths": [
+          "M853.333 853.333v-341.333c0-23.565 19.102-42.667 42.667-42.667s42.667 19.102 42.667 42.667v341.333c0 47.13-38.204 85.333-85.333 85.333h-682.667c-47.128 0-85.333-38.204-85.333-85.333v-682.667c0-47.128 38.205-85.333 85.333-85.333h341.333c23.565 0 42.667 19.103 42.667 42.667s-19.102 42.667-42.667 42.667h-341.333v682.667h682.667z",
+          "M790.848 170.667h-110.327c-23.561 0-42.667-19.103-42.667-42.667s19.106-42.667 42.667-42.667h213.333c11.785 0 22.451 4.776 30.174 12.497 7.718 7.721 12.493 18.388 12.493 30.17v213.333c0 23.564-19.102 42.667-42.667 42.667-23.561 0-42.667-19.103-42.667-42.667v-110.327l-394.351 394.355c-16.661 16.661-43.677 16.661-60.34 0-16.662-16.666-16.662-43.678 0-60.343l394.351-394.351z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["external-link"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 306, "id": 68, "name": "external-link", "prevSize": 32, "code": 59706 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 49
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.009 170.674c-221.668 0-410.96 141.506-487.613 341.33 76.653 199.825 265.944 341.329 487.613 341.329 221.619 0 410.914-141.504 487.616-341.329-76.702-199.824-265.997-341.33-487.616-341.33zM512.009 268.197c163.499 0 309.491 94.499 381.461 243.807-71.97 149.308-217.963 243.806-381.461 243.806-163.543 0-309.535-94.498-381.458-243.806 71.923-149.308 217.914-243.807 381.458-243.807z",
+          "M512.055 316.198c-107.762 0-195.045 87.331-195.045 195.046 0 107.763 87.283 195.042 195.045 195.042 107.716 0 195.046-87.279 195.046-195.042 0-107.715-87.33-195.046-195.046-195.046zM512.060 413.721c53.781 0 97.519 43.738 97.519 97.524 0 53.833-43.738 97.523-97.519 97.523-53.786 0-97.524-43.691-97.524-97.523 0-53.786 43.739-97.524 97.524-97.524z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["eye-n"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 307, "id": 67, "name": "eye-n", "prevSize": 32, "code": 59707 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 50
+    },
+    {
+      "icon": {
+        "paths": [
+          "M372.8 284.969c41.137-13.363 84.574-21.184 129.638-21.184 160.619 0 304 90.231 374.686 232.795-30.793 62.11-75.998 113.417-129.779 152.576l68.433 66.53c73.271-56.384 131.123-131.806 165.555-219.106-75.281-190.799-261.188-325.914-478.895-325.914-72.457 0-141.228 15.271-203.772 42.276l74.133 72.027z",
+          "M497.502 426.496c2.449-0.175 4.762-0.743 7.296-0.743 49.045 0 88.934 39.236 88.934 87.39 0 2.487-0.58 4.762-0.802 7.121l70.882 69.649c11.695-23.245 18.854-49.071 18.854-76.77 0-96.522-79.642-174.778-177.869-174.778-28.194 0-54.473 7.078-78.131 18.482l70.835 69.649z",
+          "M511.983 733.47c-157.38 0-297.908-89.378-367.139-230.601 20.042-40.909 46.655-76.836 77.398-108.105l102.603 100.818c-0.094 2.214-0.516 4.335-0.516 6.549 0 101.926 84.063 184.482 187.748 184.482 2.3 0 4.459-0.371 6.711-0.461l44.399 43.584c-16.849 2.214-33.839 3.733-51.204 3.733zM785.011 817.271l-612.711-602.006c-18.352-18.033-48.063-18.033-66.368 0-18.352 17.987-18.352 47.181 0 65.214l50.41 49.533c-48.579 48.98-88.053 107.231-113.727 172.857 73.831 189.001 256.039 322.842 469.364 322.842 45.295 0 88.947-6.639 130.624-17.937l76.041 74.714c9.199 9.041 21.167 13.513 33.182 13.513s24.030-4.471 33.186-13.513c18.351-17.988 18.351-47.181 0-65.216z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["eye-off"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 308, "id": 66, "name": "eye-off", "prevSize": 32, "code": 59708 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 51
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.009 170.674c-221.668 0-410.96 141.506-487.613 341.33 76.653 199.825 265.944 341.329 487.613 341.329 221.619 0 410.914-141.504 487.616-341.329-76.702-199.824-265.997-341.33-487.616-341.33zM512.009 268.197c163.499 0 309.491 94.499 381.461 243.807-71.97 149.308-217.963 243.806-381.461 243.806-163.543 0-309.535-94.498-381.458-243.806 71.923-149.308 217.914-243.807 381.458-243.807z",
+          "M512.055 316.198c-107.762 0-195.045 87.331-195.045 195.046 0 107.763 87.283 195.042 195.045 195.042 107.716 0 195.046-87.279 195.046-195.042 0-107.715-87.33-195.046-195.046-195.046zM512.060 413.721c53.781 0 97.519 43.738 97.519 97.524 0 53.833-43.738 97.523-97.519 97.523-53.786 0-97.524-43.691-97.524-97.523 0-53.786 43.739-97.524 97.524-97.524z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["eye-on"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 309, "id": 65, "name": "eye-on", "prevSize": 32, "code": 59709 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 52
+    },
+    {
+      "icon": {
+        "paths": [
+          "M112.259 357.129c-18.095 0-27.142-9.348-27.142-28.047v-114.413c0-43.035 10.975-75.385 32.927-97.051s54.581-32.499 97.89-32.499h114.354c18.688 0 28.032 9.052 28.032 27.156 0 18.401-9.344 27.601-28.032 27.601h-113.019c-25.214 0-44.496 6.53-57.844 19.588-13.052 13.059-19.578 32.499-19.578 58.319v111.297c0 18.698-9.196 28.047-27.588 28.047zM908.73 357.129c-18.093 0-27.142-9.348-27.142-28.047v-111.297c0-25.821-6.822-45.261-20.467-58.319s-32.781-19.588-57.402-19.588h-112.57c-18.688 0-28.032-9.201-28.032-27.601 0-18.104 9.344-27.156 28.032-27.156h113.907c43.603 0 76.384 10.981 98.336 32.944 21.952 21.665 32.928 53.868 32.928 96.605v114.413c0 18.698-9.197 28.047-27.59 28.047zM215.934 936.32c-43.309 0-75.939-10.982-97.89-32.947-21.951-21.664-32.927-54.016-32.927-97.050v-113.965c0-18.701 9.047-28.051 27.142-28.051 18.392 0 27.588 9.35 27.588 28.051v111.296c0 25.818 6.525 45.261 19.578 58.317 13.348 13.062 32.63 19.59 57.844 19.59h113.019c18.688 0 28.032 9.197 28.032 27.603 0 18.099-9.344 27.155-28.032 27.155h-114.354zM691.149 936.32c-18.688 0-28.032-9.056-28.032-27.155 0-18.406 9.344-27.603 28.032-27.603h112.57c24.621 0 43.757-6.528 57.402-19.59 13.645-13.056 20.467-32.499 20.467-58.317v-111.296c0-18.701 9.050-28.051 27.142-28.051 18.394 0 27.59 9.35 27.59 28.051v113.965c0 43.034-10.976 75.386-32.928 97.050-21.952 21.965-54.733 32.947-98.336 32.947h-113.907zM345.416 475.104c-8.603 0-15.722-2.671-21.358-8.013-5.34-5.342-8.009-12.614-8.009-21.814v-60.1c0-8.904 2.669-16.027 8.009-21.37 5.636-5.639 12.755-8.458 21.358-8.458s15.722 2.819 21.357 8.458c5.636 5.343 8.454 12.465 8.454 21.37v60.1c0 9.201-2.818 16.472-8.454 21.814s-12.755 8.013-21.357 8.013zM474.453 579.278c-9.196 0-16.315-2.077-21.357-6.232-5.043-4.452-7.564-10.388-7.564-17.808 0-6.529 2.076-11.871 6.229-16.027 4.449-4.452 9.937-6.678 16.463-6.678h15.128c3.263 0 6.081-1.039 8.454-3.116 2.669-2.077 4.004-5.194 4.004-9.349v-142.46c0-7.123 2.076-12.614 6.229-16.472 4.153-4.156 9.641-6.233 16.463-6.233 7.119 0 12.756 2.077 16.909 6.233 4.153 3.858 6.229 9.349 6.229 16.472v138.454c0 20.776-5.34 36.506-16.019 47.19s-26.401 16.027-47.165 16.027c-0.593 0-1.334 0-2.225 0-0.593 0-1.187 0-1.78 0zM673.35 475.104c-8.902 0-16.019-2.671-21.357-8.013-5.344-5.342-8.013-12.614-8.013-21.814v-60.1c0-8.904 2.669-16.027 8.013-21.37 5.338-5.639 12.454-8.458 21.357-8.458 8.602 0 15.571 2.819 20.909 8.458 5.638 5.343 8.454 12.465 8.454 21.37v60.1c0 9.201-2.816 16.472-8.454 21.814-5.338 5.342-12.307 8.013-20.909 8.013zM507.38 723.072c-25.807 0-51.318-5.043-76.532-15.136-25.215-10.387-46.572-25.376-64.074-44.96-2.372-2.374-4.301-4.902-5.784-7.571-1.187-2.97-1.78-6.086-1.78-9.35 0-6.824 2.225-12.315 6.675-16.47s9.937-6.233 16.463-6.233c4.153 0 7.564 0.89 10.234 2.671 2.966 1.78 6.081 4.155 9.344 7.123 13.052 13.357 29.070 24.038 48.055 32.051 18.985 8.019 38.118 12.026 57.399 12.026 20.468 0 40.046-4.006 58.734-12.026 18.985-8.307 34.855-18.995 47.61-32.051 6.23-6.529 12.607-9.794 19.133-9.794 6.229 0 11.571 2.077 16.019 6.233s6.675 9.645 6.675 16.47c0 3.859-0.595 7.27-1.779 10.24-1.19 2.675-2.822 5.050-4.896 7.123-18.986 18.701-40.937 33.389-65.854 44.077-24.621 10.387-49.836 15.578-75.643 15.578z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["face-id"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 310, "id": 64, "name": "face-id", "prevSize": 32, "code": 59710 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 53
+    },
+    {
+      "icon": {
+        "paths": [
+          "M204.905 120.436c21.922-22.477 51.655-35.103 82.657-35.103h299.25c11.162 0 21.862 4.546 29.756 12.637l224.439 230.113c7.893 8.091 12.326 19.066 12.326 30.509v460.224c0 31.782-12.314 62.268-34.236 84.745-0.004 0-0.004 0-0.004 0.004-0.004 0-0.004 0.004-0.009 0.004-21.926 22.485-51.661 35.098-82.65 35.098h-448.873c-30.997 0-60.733-12.617-82.661-35.106-21.923-22.477-34.234-52.962-34.234-84.745v-613.632c0-31.786 12.316-62.27 34.237-84.747 0 0 0 0 0-0zM287.562 171.626c-8.682 0-17.007 3.536-23.144 9.828l-0 0.001c-6.138 6.294-9.587 14.83-9.587 23.729v613.632c0 8.905 3.45 17.438 9.584 23.727l0.006 0.009c6.132 6.289 14.453 9.822 23.141 9.822h448.873c8.687 0 17.011-3.537 23.138-9.822l0.013-0.013c6.135-6.285 9.583-14.822 9.583-23.723v-417.077h-182.396c-11.162 0-21.867-4.547-29.756-12.64-7.893-8.093-12.326-19.069-12.326-30.513l0.030-186.96h-257.159zM628.877 232.626l80.781 82.82h-80.794l0.013-82.82zM320.31 396.963c0-23.829 18.841-43.146 42.082-43.146h74.813c23.241 0 42.082 19.317 42.082 43.146s-18.842 43.148-42.082 43.148h-74.813c-23.241 0-42.082-19.319-42.082-43.148zM320.255 550.391c0-23.829 18.841-43.149 42.082-43.149h299.248c23.241 0 42.082 19.319 42.082 43.149s-18.842 43.145-42.082 43.145h-299.248c-23.241 0-42.082-19.315-42.082-43.145zM320.255 703.761c0-23.829 18.841-43.145 42.082-43.145h299.248c23.241 0 42.082 19.315 42.082 43.145s-18.842 43.149-42.082 43.149h-299.248c-23.241 0-42.082-19.319-42.082-43.149z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["file"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 311, "id": 63, "name": "file", "prevSize": 32, "code": 59711 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 54
+    },
+    {
+      "icon": {
+        "paths": [
+          "M181.336 239.36c86.187 110.507 245.335 315.307 245.335 315.307v256c0 23.467 19.2 42.667 42.667 42.667h85.333c23.467 0 42.667-19.2 42.667-42.667v-256c0 0 158.72-204.8 244.907-315.307 21.76-28.16 1.707-68.693-33.707-68.693h-593.495c-35.413 0-55.467 40.533-33.707 68.693z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["filter"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 312, "id": 62, "name": "filter", "prevSize": 32, "code": 59712 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 55
+    },
+    {
+      "icon": {
+        "paths": [
+          "M882.112 682.669c-3.066 0-6.208-0.371-9.312-1.069-20.781-4.858-33.504-24.794-28.384-44.511 0.467-1.802 45.331-179.332-14.502-304.588-85.702-179.405-269.318-173.887-277.345-173.519-20.786 0.441-39.477-14.788-40.524-35.021-1.008-20.195 15.318-37.411 36.607-38.478 9.772-0.442 243.803-9.417 351.956 216.633 71.040 148.726 21.248 344.355 19.117 352.591-4.384 16.742-20.205 27.962-37.613 27.962z",
+          "M123.047 640c-7.509 0-15.094-2.36-21.735-7.2-17.018-12.552-21.094-37.106-9.057-54.852 31.094-45.92 41.32-87.787 51.395-158.772 37.885-268.555 226.559-329.703 234.558-332.182 19.924-6.256 40.98 5.745 46.904 26.561 5.887 20.776-5.434 42.615-25.282 48.832-6.566 2.164-150.938 51.586-181.541 268.28-9.547 67.523-20.98 128.552-64.376 192.691-7.358 10.86-19.018 16.644-30.867 16.644z",
+          "M296.97 597.334c-2.579 0-5.24-0.249-7.86-0.788-22.189-4.359-36.682-26.154-32.342-48.654 0.041-0.249 7.082-37.155 15.352-87.843 25.014-154.928 121.466-246.715 258.57-246.715 2.047 0 4.094 0 6.141 0.042 161.466 3.238 224.141 124.582 226.721 129.772 10.234 20.424 2.208 45.416-17.933 55.836-20.102 10.296-44.538 2.284-54.899-17.934-2.17-4.068-44.992-82.404-155.485-84.646-128.507-2.616-169.078 94.9-182.342 177.138-8.474 52.224-15.803 90.209-15.803 90.209-3.766 19.843-20.92 33.584-40.12 33.584z",
+          "M475.787 938.669c-7.003 0-14.076-2.278-20.269-6.95-15.869-12.109-19.67-35.757-8.445-52.915 77.977-119.168 121.258-291.705 122.525-370.401 0.211-12.11-1.478-28.662-10.591-38.684-7.425-8.086-17.735-9.795-25.089-9.795-19.987 0-36.877 17.843-36.877 38.988 0 20.993-15.729 37.962-35.188 37.962-19.424 0-35.188-16.97-35.188-37.962 0-63.359 48.137-114.912 107.253-114.912 29.417 0 56.16 11.54 75.267 32.496 14.462 15.906 31.526 44.985 30.79 93.235-1.654 101.511-53.873 288.246-135.404 412.88-6.861 10.477-17.734 16.058-28.783 16.058z",
+          "M645.69 938.669c-7.738 0-15.574-1.562-22.879-4.877-23.51-10.733-32.363-35.565-19.689-55.514 59.989-94.477 117.359-244.3 110.101-365.855-1.306-22.574 19.258-41.829 45.958-42.977 25.933-1.72 49.344 16.224 50.746 38.88 8.659 146.713-60.083 311.897-121.568 408.787-8.755 13.766-25.446 21.555-42.669 21.555z",
+          "M297.207 896c-10.179 0-20.317-3.898-28.312-11.686-16.525-16.224-17.267-43.328-1.648-60.538 61.734-67.853 100.101-142.816 120.706-235.845 5.11-23.032 27.199-37.502 49.371-32.151 22.212 5.309 36.060 28.255 30.949 51.288-24.026 108.529-68.863 196.075-141.106 275.531-8.118 8.909-18.998 13.402-29.96 13.402z",
+          "M162.751 810.669c-9.699 0-19.398-4.717-26.246-14.022-12.584-16.954-11.020-42.605 3.476-57.318 29.932-30.4 49.989-76.499 50.198-76.902 8.621-20.083 29.514-28.17 46.652-18.086 17.138 10.035 24.056 34.387 15.504 54.464-1.043 2.483-26.211 60.691-66.814 101.907-6.536 6.662-14.705 9.958-22.77 9.958z"
+        ],
+        "attrs": [
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(161, 163, 167)" },
+          { "fill": "rgb(161, 163, 167)" }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["fingerprint"],
+        "colorPermutations": {
+          "11611631671255214012559511412828281": [
+            { "f": 3 },
+            { "f": 3 },
+            { "f": 3 },
+            { "f": 3 },
+            { "f": 3 },
+            { "f": 3 },
+            { "f": 3 }
+          ]
+        }
+      },
+      "attrs": [
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(161, 163, 167)" },
+        { "fill": "rgb(161, 163, 167)" }
+      ],
+      "properties": { "order": 313, "id": 61, "name": "fingerprint", "prevSize": 32, "code": 59713 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 56
+    },
+    {
+      "icon": {
+        "paths": [
+          "M313.543 7.456l0.002-0.002-66.363 5.484-3.317-3.469-0.003 0.002-107.584 102.976c-18.063 19.25-17.409 48.943 1.925 67.422 0 0 0.001 0.001 0.001 0.001l93.004 88.947c-22.327 41.637-15.238 93.962 21.158 128.769l191.421 183.063-188.309 180.16c-61.841 62.165-60.854 160.597 2.94 221.602h0c32.358 30.933 74.734 46.387 117.054 46.387s84.707-15.454 117.053-46.387l362.62-346.85c61.841-62.165 60.851-160.585-2.94-221.594l-0.047-0.041-2.833-2.644-0.094-0.083-2.722-2.409c-2.027-2.139-4.117-4.24-6.272-6.302v0l-299.789-286.599c-22.127-19.727-50.355-29.554-78.528-29.554-18.176 0-36.37 4.088-52.925 12.287-0.132-0.129-0.265-0.257-0.399-0.385 0-0-0-0.001-0.001-0.001l-92.927-88.866-2.128-1.914zM813.022 452.032v0c20.762 19.857 32.145 46.187 32.145 74.176s-11.383 54.327-32.145 74.185l-362.3 346.406c-0.009 0.009-0.017 0.017-0.030 0.026-20.45 18.304-46.993 28.365-75.219 28.365-29.466 0-57.112-10.965-77.883-30.827-20.765-19.87-32.147-46.199-32.147-74.197 0-27.989 11.382-54.319 32.146-74.176l362.298-346.398c0.013-0.009 0.021-0.017 0.030-0.026 20.442-18.313 46.993-28.373 75.221-28.373 29.466 0 57.109 10.965 77.884 30.839zM725.077 367.874c-38.916 2.254-77.205 17.602-106.999 46.095l-134.814 128.913-193.652-185.283c-21.239-22.286-20.61-56.896 1.922-78.453l7.348-7.003c1.403-1.083 2.76-2.249 4.063-3.495v-0l107.535-102.936 1.708-1.928 7.342-7.033 2.246-2.046c11.005-9.527 25.123-14.761 40.137-14.761 16.043 0 31.053 5.969 42.334 16.766l0.004 0.002 220.826 211.162zM730.475 460.126c-39.983 0-72.759 31.044-72.759 69.79 0 38.75 32.777 69.794 72.759 69.794s72.772-31.044 72.772-69.794c0-38.746-32.789-69.79-72.772-69.79zM730.475 513.732c9.681 0 17.152 7.45 17.152 16.183 0 8.73-7.471 16.179-17.152 16.179-9.673 0-17.139-7.441-17.139-16.179 0-8.742 7.467-16.183 17.139-16.183zM279.803 50.589l85.787 82.207-98.808 94.493-85.777-82.186 98.798-94.513z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["hardware"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 314, "id": 60, "name": "hardware", "prevSize": 32, "code": 59714 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 57
+    },
+    {
+      "icon": {
+        "paths": [
+          "M488.427 93.504c13.867-10.894 33.28-10.894 47.147 0l345.6 271.515c9.357 7.349 14.827 18.648 14.827 30.618v426.665c0 30.861-12.139 60.459-33.741 82.283-21.606 21.824-50.906 34.082-81.459 34.082h-537.6c-30.553 0-59.855-12.258-81.459-34.082s-33.741-51.422-33.741-82.283v-426.665c0-11.97 5.471-23.269 14.825-30.618l345.602-271.515zM204.8 414.607v407.695c0 10.287 4.046 20.156 11.247 27.43 7.202 7.27 16.969 11.358 27.153 11.358h537.6c10.185 0 19.951-4.087 27.153-11.358 7.202-7.275 11.247-17.143 11.247-27.43v-407.695l-307.2-241.347-307.2 241.347z",
+          "M341.333 508.446c0-21.602 19.103-39.113 42.667-39.113h256c23.565 0 42.667 17.51 42.667 39.113v391.108c0 21.602-19.102 39.113-42.667 39.113s-42.667-17.51-42.667-39.113v-352h-170.667v352c0 21.602-19.103 39.113-42.667 39.113s-42.667-17.51-42.667-39.113v-391.108z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["home"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 315, "id": 59, "name": "home", "prevSize": 32, "code": 59715 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 58
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512 426.667c23.564 0 42.667 19.103 42.667 42.667v256c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v-256c0-23.564 19.103-42.667 42.667-42.667z",
+          "M512 245.333c29.457 0 53.333 23.878 53.333 53.333s-23.876 53.333-53.333 53.333c-29.457 0-53.333-23.878-53.333-53.333s23.876-53.333 53.333-53.333z",
+          "M938.667 512c0 235.639-191.027 426.667-426.667 426.667-235.642 0-426.667-191.027-426.667-426.667 0-235.642 191.025-426.667 426.667-426.667 235.639 0 426.667 191.025 426.667 426.667zM170.667 512c0 188.514 152.82 341.333 341.333 341.333s341.333-152.819 341.333-341.333c0-188.513-152.819-341.333-341.333-341.333s-341.333 152.82-341.333 341.333z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["info"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 316, "id": 58, "name": "info", "prevSize": 32, "code": 59716 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 59
+    },
+    {
+      "icon": {
+        "paths": [
+          "M931.055 55.163c16.663 16.662 16.663 43.678 0 60.34l-51.177 51.174 91.847 91.845c8.004 8.001 12.498 18.854 12.498 30.17s-4.494 22.168-12.498 30.17l-142.353 142.351c-16.663 16.662-43.674 16.662-60.336 0l-91.847-91.845-109.080 109.080c12.153 16.657 22.353 34.708 30.38 53.806 13.602 32.387 20.668 67.144 20.787 102.273s-6.713 69.939-20.105 102.411c-13.386 32.478-33.070 61.986-57.909 86.83-24.841 24.838-54.349 44.521-86.827 57.907-32.477 13.392-67.283 20.224-102.412 20.105-35.129-0.114-69.888-7.179-102.275-20.787s-61.763-33.485-86.436-58.493l-0.32-0.324c-48.52-50.233-75.366-117.521-74.759-187.358 0.607-69.84 28.62-136.647 78.005-186.032s116.192-77.398 186.031-78.005c55.689-0.484 109.752 16.488 154.844 47.985l363.6-363.601c16.663-16.662 43.679-16.662 60.342 0zM481.477 507.974c-0.382-0.343-0.759-0.695-1.132-1.054-34.142-32.976-79.87-51.223-127.335-50.81s-92.869 19.451-126.433 53.015c-33.564 33.564-52.603 78.97-53.015 126.432-0.412 47.388 17.776 93.047 50.652 127.169 16.736 16.924 36.643 30.373 58.585 39.595 22.011 9.244 45.635 14.046 69.509 14.126s47.53-4.562 69.603-13.659c22.073-9.102 42.128-22.477 59.010-39.361 16.882-16.879 30.258-36.938 39.357-59.011s13.743-45.727 13.663-69.598c-0.080-23.876-4.882-47.502-14.129-69.512-8.989-21.396-22.006-40.859-38.336-57.331zM737.53 309.028l61.673 61.676 82.011-82.012-61.673-61.676-82.011 82.012z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["key"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 317, "id": 57, "name": "key", "prevSize": 32, "code": 59717 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 60
+    },
+    {
+      "icon": {
+        "paths": [
+          "M436.297 645.107c-62.274 10.381-103.791 108.117-116.765 155.686-18.836 51.895 207.581 155.686 259.476 142.716 41.519-10.381 60.548-73.519 64.87-103.795 25.95 38.925-129.737-207.582-207.582-194.607z",
+          "M463.155 663.104c10.304 4.791 21.722 12.48 33.822 22.43 24.188 19.895 49.519 47.535 72.017 74.854 22.421 27.23 41.668 53.692 53.7 70.938 3.034 4.343 5.589 8.085 7.616 11.085-2.449 13.982-7.778 33.455-16.512 50.833-9.958 19.81-22.775 33.886-37.935 37.675-3.947 0.99-11.093 1.105-21.717-0.516-10.295-1.57-22.669-4.582-36.395-8.819-27.439-8.474-59.337-21.559-89.139-36.676-29.905-15.172-57.021-32.051-75.28-47.893-9.178-7.966-15.485-15.13-18.953-21.141-3.481-6.029-3.189-9.178-2.654-10.65l0.181-0.503 0.14-0.512c6.235-22.861 19.412-57.958 38.382-88.329 19.374-31.023 42.677-53.751 68.001-57.975 6.144-1.024 14.315 0.358 24.725 5.201zM635.75 804.851c-12.066-16.841-28.335-38.622-46.729-60.958-22.908-27.819-49.476-56.939-75.563-78.4-13.035-10.722-26.347-19.861-39.36-25.916-12.898-6.003-26.624-9.485-39.936-7.266-36.953 6.157-65.546 37.483-85.743 69.82-20.475 32.781-34.496 70.080-41.283 94.797-3.871 11.311-0.641 22.541 4.769 31.915 5.511 9.549 14.209 18.906 24.419 27.767 20.518 17.805 49.72 35.797 80.549 51.435 30.933 15.697 64.196 29.367 93.218 38.332 14.502 4.476 28.186 7.851 40.137 9.677 11.614 1.775 22.895 2.3 31.923 0.038 26.355-6.588 43.81-29.274 54.831-51.196 8.704-17.318 14.37-36.066 17.562-51.166 0.602-0.294 1.169-0.623 1.69-0.981 2.325-3.465 3.494-9.173 3.345-10.859-0.145-0.789-0.474-1.997-0.619-2.428-0.26-0.717-0.529-1.259-0.602-1.399-0.115-0.23-0.218-0.418-0.277-0.533-0.128-0.23-0.247-0.435-0.329-0.572-0.311-0.525-0.755-1.225-1.246-1.988-2.031-3.149-6.353-9.634-12.454-18.377l-8.218-12.326-0.085 0.585z",
+          "M812.535 593.212h-272.452v12.975c0 7.859 3.085 16.508 6.946 24.576 4.041 8.444 9.707 17.818 16.422 27.58 13.453 19.546 31.765 41.579 51.601 62.242 19.827 20.651 41.506 40.282 61.794 54.865 10.138 7.287 20.173 13.487 29.649 17.916 9.297 4.343 18.995 7.428 28.194 7.428 14.682 0 28.659-7.497 40.725-16.956 12.331-9.668 24.329-22.703 35.311-36.642 21.99-27.904 41.25-61.146 52.335-83.315l2.901-5.798-2.91-5.824-0.021-0.034-0.064-0.132-0.239-0.474-0.892-1.732c-0.764-1.481-1.869-3.58-3.23-6.093-2.709-5.009-6.498-11.746-10.743-18.539-4.186-6.699-9.075-13.867-14.007-19.503-2.453-2.803-5.252-5.619-8.294-7.829-2.769-2.018-7.33-4.71-13.026-4.71zM851.46 658.078l11.593-5.82c0 0.004 0.009 0.021-11.593 5.82z",
+          "M488.192 100.203l-298.4 493.009c-25.129 41.515 32.776 155.686 64.87 207.582l337.321-557.877c0-134.929-69.193-151.363-103.791-142.713z",
+          "M496.329 111.817l-295.437 488.11c-3.936 6.507-5.496 17.719-3.226 34.163 2.208 15.987 7.727 34.748 15.225 54.396 11.748 30.788 27.869 62.515 41.877 87.057l324.223-536.216c-0.602-63.161-17.118-95.872-34.714-112.061-15.842-14.575-34.33-17.4-47.949-15.449zM561.847 108.17c25.318 23.294 43.11 65.333 43.11 134.746v3.617l-350.171 579.13-11.159-18.048c-16.34-26.419-39.261-68.685-54.98-109.879-7.849-20.57-14.1-41.382-16.685-60.1-2.522-18.261-1.897-36.89 6.731-51.145l301.166-497.579 5.188-1.296c20.774-5.195 51.43-2.787 76.8 20.553z",
+          "M617.929 307.785l-103.791 168.661c-10.381 16.866-4.326 41.626 0 51.895h207.582l25.95-51.895c0-103.791-86.494-155.687-129.741-168.661z",
+          "M612.109 292.494l9.553 2.865c45.683 13.705 138.982 68.914 138.982 181.087v3.063l-30.903 61.807h-224.213l-3.345-7.94c-2.645-6.285-5.611-16.393-6.49-27.486-0.866-10.961 0.188-24.525 7.398-36.245l109.018-177.151zM623.548 323.414l-98.355 159.833c-3.17 5.146-4.279 12.395-3.631 20.599 0.329 4.139 1.071 8.102 1.946 11.52h190.199l20.966-41.929c-1.536-86.647-69.116-133.952-111.125-150.024z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["keystone"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}, {}],
+      "properties": { "order": 318, "id": 56, "name": "keystone", "prevSize": 32, "code": 59718 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 61
+    },
+    {
+      "icon": {
+        "paths": [
+          "M0 383.312h233.335v225.015h-233.335v-225.015z",
+          "M404.644 772.372h233.334v225.014h-233.334v-225.014z",
+          "M0 155.611c0-85.942 69.669-155.611 155.611-155.611h77.724v216.677h-233.335v-61.066z",
+          "M0 841.836c0 85.944 69.669 155.612 155.611 155.612h77.724v-216.678h-233.335v61.066z",
+          "M1023.949 841.836c0 85.944-69.668 155.612-155.612 155.612h-77.722v-216.678h233.334v61.066z",
+          "M390.644 0h508.863c68.756 0 124.488 55.735 124.488 124.489v483.87h-633.351v-608.358z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["ledger"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}],
+      "properties": { "order": 319, "id": 55, "name": "ledger", "prevSize": 32, "code": 59719 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 62
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.034 85.333c-148.545 0-269.399 120.837-269.399 269.383 0 50.643 14.25 100.063 41.186 142.888 9.838 15.676 21.71 38.157 25.35 50.769l37.98 131.631c3.839 13.239 11.514 25.114 21.421 34.714-2.881 5.188-4.683 11.068-4.683 17.425v127.108c0 19.887 16.141 36.032 36.032 36.032h18.268c-1.172 3.243-1.944 6.635-1.944 10.202 0 18.321 16.163 33.182 36.033 33.182h119.467c19.908 0 36.032-14.861 36.032-33.182 0-3.584-0.777-6.976-1.894-10.202h18.197c19.908 0 36.032-16.145 36.032-36.032v-127.108c0-5.709-1.459-11.063-3.819-15.851 10.829-10.018 19.187-22.613 23.113-36.898l35.959-131.324c3.494-12.736 15.117-34.987 24.777-50.355 26.97-42.825 41.22-92.259 41.22-142.976 0-148.552-120.819-269.406-269.329-269.406zM679.138 459.319c-4.198 6.686-25.532 41.438-33.28 69.67l-35.959 131.319c-0.666 2.432-5.619 6.217-8.141 6.234h-176.688c-2.683 0-7.947-3.998-8.685-6.537l-37.98-131.631c-7.963-27.58-29.332-62.37-33.549-69.111-19.729-31.347-30.159-67.505-30.159-104.547 0-108.804 88.514-197.318 197.332-197.318 108.77 0 197.265 88.514 197.265 197.318 0 37.096-10.415 73.273-30.157 104.603z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["lightbulb"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 320, "id": 54, "name": "lightbulb", "prevSize": 32, "code": 59720 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 63
+    },
+    {
+      "icon": {
+        "paths": [
+          "M503.241 180.42l25.553-24.751c93.803-93.751 245.824-93.751 339.584 0.008 91.268 91.269 93.734 237.657 7.407 331.9l-7.403 7.731-128.781 128.823c-93.76 93.709-245.815 93.709-339.584-0.009-9.055-9.054-17.322-18.752-24.714-28.979-13.807-19.093-9.521-45.764 9.574-59.575 19.095-13.807 45.77-9.519 59.577 9.579 4.732 6.545 10.052 12.787 15.893 18.628 58.283 58.249 151.539 60.326 212.305 6.251l6.613-6.238 128.772-128.815c60.48-60.479 60.48-158.478 0-218.956-58.278-58.279-151.488-60.361-212.723-5.82l-6.669 6.293-26.027 25.216c-16.926 16.397-43.938 15.97-60.335-0.954-15.134-15.622-15.936-39.84-2.658-56.369l3.614-3.963z",
+          "M284.471 400.029c93.76-93.76 245.824-93.76 339.636 0 6.622 6.624 12.804 13.569 18.564 20.845 14.622 18.477 11.494 45.31-6.98 59.936-18.479 14.622-45.312 11.494-59.938-6.98-3.712-4.698-7.697-9.173-11.977-13.453-58.321-58.287-151.572-60.369-212.354-6.246l-6.617 6.242-128.797 128.755c-60.448 60.48-60.448 158.494-0.009 218.965 58.319 58.317 151.525 60.403 212.16 6.426l6.596-6.225 32.128-32.555c16.555-16.772 43.567-16.951 60.339-0.401 15.484 15.279 16.823 39.475 3.921 56.299l-3.524 4.041-32.324 32.755c-93.804 93.803-245.832 93.803-339.644-0.009-91.216-91.268-93.681-237.641-7.383-331.9l7.397-7.731 128.806-128.764z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["link"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 321, "id": 53, "name": "link", "prevSize": 32, "code": 59721 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 64
+    },
+    {
+      "icon": {
+        "paths": [
+          "M768 810.522c0 23.552-19.115 42.667-42.667 42.667h-426.667c-23.552 0-42.667-19.115-42.667-42.667v-298.667c0-23.552 19.115-42.667 42.667-42.667h426.667c23.552 0 42.667 19.115 42.667 42.667v298.667zM512.171 170.65c94.123 0 170.667 76.587 170.667 170.709v42.496h-341.333v-42.496c0-94.123 76.544-170.709 170.667-170.709zM768.171 391.791v-50.432c0-141.184-114.859-256.043-256-256.043-141.184 0-256 114.859-256 256.043v50.304c-49.664 17.621-85.504 64.555-85.504 120.192v298.667c0 70.571 57.429 128 128 128h426.667c70.571 0 128-57.429 128-128v-298.667c0-55.509-35.712-102.357-85.163-120.064z",
+          "M576 618.398c0-35.371-28.672-64-64-64s-64 28.629-64 64c0 18.901 8.32 35.712 21.419 47.403v59.093c0 23.637 19.157 42.795 42.795 42.795 23.68 0 42.837-19.157 42.837-42.795v-59.392c12.8-11.733 20.949-28.416 20.949-47.104z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["lock"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 322, "id": 52, "name": "lock", "prevSize": 32, "code": 59722 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 65
+    },
+    {
+      "icon": {
+        "paths": [
+          "M484.167 989.582c-5.278 0-9.861-1.803-13.75-5.416-3.611-3.334-5.833-7.919-6.666-13.75-6.389-45.557-13.334-83.888-20.834-115.001-7.222-30.834-16.944-56.246-29.166-76.248s-28.334-35.971-48.333-47.918c-19.722-11.947-45-21.527-75.833-28.752-30.556-7.498-68.333-14.165-113.333-19.996-6.111-0.558-10.972-2.782-14.583-6.667-3.611-3.891-5.417-8.613-5.417-14.165 0-5.279 1.806-9.865 5.417-13.75 3.611-3.891 8.472-6.116 14.583-6.667 45-5.001 82.917-10.974 113.75-17.92 30.833-6.94 56.25-16.526 76.25-28.746 20-12.225 36.111-28.475 48.333-48.752s21.944-45.972 29.166-77.083c7.5-31.389 14.167-70 20-115.834 0.833-5.555 3.056-10 6.666-13.333 3.889-3.611 8.472-5.417 13.75-5.417 5.556 0 10.139 1.806 13.75 5.417 3.611 3.333 5.972 7.778 7.083 13.333 5.833 45.834 12.361 84.445 19.583 115.834 7.5 31.111 17.223 56.805 29.167 77.083 12.222 20.277 28.331 36.527 48.333 48.752 20.002 12.22 45.414 21.806 76.248 28.746 30.834 6.946 68.892 12.919 114.17 17.92 5.831 0.552 10.553 2.776 14.165 6.667 3.612 3.886 5.416 8.471 5.416 13.75 0 5.552-1.803 10.274-5.416 14.165-3.612 3.886-8.334 6.11-14.165 6.667-45.278 5.001-83.337 10.968-114.17 17.914s-56.246 16.526-76.248 28.752c-20.002 11.941-36.111 28.052-48.333 48.333-11.944 20.275-21.667 46.108-29.167 77.5-7.222 31.391-13.75 69.86-19.583 115.416-1.111 5.831-3.472 10.416-7.083 13.75-3.611 3.612-8.194 5.416-13.75 5.416zM201.667 528.75c-8.333 0-13.055-4.583-14.166-13.75-3.334-27.778-6.944-49.583-10.833-65.417-3.611-15.833-9.584-27.639-17.917-35.417-8.055-8.055-20.278-14.166-36.667-18.333-16.112-4.167-38.333-8.611-66.667-13.334-9.444-1.389-14.167-6.111-14.167-14.166 0-7.778 4.167-12.361 12.5-13.75 28.611-5.556 51.111-10.417 67.5-14.583 16.389-4.444 28.75-10.555 37.083-18.333s14.445-19.306 18.334-34.583c3.889-15.556 7.5-37.222 10.833-65 1.111-9.167 5.833-13.75 14.166-13.75s13.055 4.444 14.167 13.333c3.611 28.056 7.222 50.139 10.833 66.251 3.888 16.111 9.861 28.333 17.917 36.667 8.333 8.055 20.694 14.028 37.083 17.917s39.028 7.917 67.917 12.083c3.611 0.278 6.528 1.667 8.75 4.167 2.5 2.5 3.75 5.695 3.75 9.584 0 7.778-4.167 12.5-12.5 14.166-28.889 5.556-51.528 10.556-67.917 15-16.111 4.167-28.334 10.278-36.667 18.334-8.055 7.778-14.028 19.445-17.917 35s-7.639 37.222-11.25 65c-0.556 3.611-2.084 6.667-4.584 9.167s-5.695 3.75-9.584 3.75zM403.333 242.083c-5.278 0-8.333-2.778-9.167-8.333-3.333-16.944-6.25-30.278-8.75-40-2.222-9.722-5.833-17.083-10.833-22.083-4.722-5.278-12.083-9.445-22.083-12.5s-24.028-6.111-42.084-9.167c-5.555-1.111-8.333-4.305-8.333-9.584 0-5 2.778-8.055 8.333-9.167 18.056-3.333 32.084-6.389 42.084-9.167 10-3.056 17.361-7.084 22.083-12.084 5-5.278 8.611-12.778 10.833-22.5 2.5-9.722 5.417-23.056 8.75-40 0.833-5.556 3.889-8.333 9.167-8.333 5 0 8.056 2.778 9.167 8.333 3.056 16.944 5.833 30.278 8.333 40s6.111 17.222 10.833 22.5c5 5 12.5 9.028 22.5 12.084 10 2.777 24.028 5.833 42.083 9.167 5.556 1.111 8.334 4.167 8.334 9.167 0 5.278-2.778 8.472-8.334 9.584-18.055 3.056-32.083 6.111-42.083 9.167s-17.5 7.222-22.5 12.5c-4.722 5-8.333 12.361-10.833 22.083s-5.278 23.056-8.333 40c-1.111 5.555-4.167 8.333-9.167 8.333z"
+        ],
+        "attrs": [{}],
+        "width": 853,
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["magic"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 323, "id": 51, "name": "magic", "prevSize": 32, "code": 59723 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 66
+    },
+    {
+      "icon": {
+        "paths": [
+          "M682.662 85.329h-341.334c-70.357 0-128 57.6-128 128v597.334c0 70.4 57.643 128 128 128h341.334c70.4 0 128-57.6 128-128v-597.334c0-70.4-57.6-128-128-128zM682.662 170.662c23.125 0 42.667 19.541 42.667 42.667v597.334c0 23.125-19.541 42.667-42.667 42.667h-341.334c-23.125 0-42.667-19.541-42.667-42.667v-597.334c0-23.125 19.541-42.667 42.667-42.667h341.334z",
+          "M511.996 714.953c-29.44 0-53.333 23.893-53.333 53.333s23.893 53.333 53.333 53.333c29.44 0 53.333-23.893 53.333-53.333s-23.893-53.333-53.333-53.333z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["mobile"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 324, "id": 50, "name": "mobile", "prevSize": 32, "code": 59724 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 67
+    },
+    {
+      "icon": {
+        "paths": [
+          "M879.501 335.075h-737.449v73.955h737.449v-73.955z",
+          "M902.882 381.44l-9.216-7.055c-9.903-7.566-11.891-21.675-4.437-31.63l6.997-9.386c11.375-14.963 6.37-33.338-6.716-48.755l-95.343-133.517c-14.336-20.082-37.491-32.029-62.182-32.029h-440.262c-24.689 0-47.843 11.947-62.179 32.029l-95.119 133.517c-13.084 15.418-18.033 33.736-6.713 48.755l6.997 9.386c7.395 10.013 5.461 24.064-4.437 31.63l-9.216 7.055c-14.961 11.378-17.92 32.71-6.542 47.675l335.073 466.543c5.009 6.545 12.745 10.411 20.996 10.411h82.658c8.247 0 15.987-3.866 20.992-10.411l335.245-466.543c11.379-14.965 8.422-36.354-6.541-47.675h-0.055zM519.45 838.37c-3.814 5.009-11.319 5.009-15.134 0l-335.188-459.603c-3.813-5.007-2.56-12.288 1.138-17.237l105.984-148.538c8.931-12.573 23.38-19.968 38.798-19.968h393.615c15.415 0 29.867 7.453 38.797 19.968l106.155 148.538c3.755 4.949 4.949 12.288 1.139 17.237l-335.305 459.603z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["nft"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 325, "id": 49, "name": "nft", "prevSize": 32, "code": 59725 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 68
+    },
+    {
+      "icon": {
+        "paths": [
+          "M879.589 448c44.408 0 80.408 36 80.408 80.408v1.103c0 44.408-36 80.408-80.408 80.408s-80.408-36-80.408-80.408v-1.103c0-44.408 36-80.408 80.408-80.408z",
+          "M512 448c44.408 0 80.408 36 80.408 80.408v1.103c0 44.408-36 80.408-80.408 80.408s-80.408-36-80.408-80.408v-1.103c0-44.408 36-80.408 80.408-80.408z",
+          "M144.408 448c44.408 0 80.408 36 80.408 80.408v1.103c0 44.408-36 80.408-80.408 80.408s-80.408-36-80.408-80.408v-1.103c0-44.408 36-80.408 80.408-80.408z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["options-horizontal"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 326, "id": 48, "name": "options-horizontal", "prevSize": 32, "code": 59726 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 69
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512 245.68c-49.939 0-90.422-40.483-90.422-90.422s40.483-90.422 90.422-90.422c49.939 0 90.422 40.483 90.422 90.422s-40.484 90.422-90.422 90.422z",
+          "M512 603.258c-49.939 0-90.422-40.483-90.422-90.422s40.483-90.422 90.422-90.422c49.939 0 90.422 40.483 90.422 90.422s-40.484 90.422-90.422 90.422z",
+          "M512 960.838c-49.939 0-90.422-40.486-90.422-90.426s40.483-90.419 90.422-90.419c49.939 0 90.422 40.48 90.422 90.419s-40.483 90.426-90.422 90.426z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["options-vertical"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 327, "id": 47, "name": "options-vertical", "prevSize": 32, "code": 59727 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 70
+    },
+    {
+      "icon": {
+        "paths": [
+          "M682.671 383.957c47.061 0 85.333 38.272 85.333 85.333s-38.272 85.333-85.333 85.333c-47.061 0-85.333-38.272-85.333-85.333s38.272-85.333 85.333-85.333zM341.252 170.667c47.061 0 85.333 38.272 85.333 85.333s-38.272 85.333-85.333 85.333c-47.019 0-85.333-38.272-85.333-85.333s38.315-85.333 85.333-85.333zM979.503 884.011c-29.355-100.779-81.621-228.523-204.416-271.616 46.976-30.421 78.251-83.072 78.251-143.104 0-94.123-76.544-170.667-170.667-170.667-86.315 0-157.141 64.64-168.363 147.925-22.528-19.541-49.408-35.968-81.195-47.189 47.275-30.379 78.805-83.115 78.805-143.36 0-94.123-76.544-170.667-170.667-170.667s-170.667 76.544-170.667 170.667c0 60.032 31.317 112.725 78.336 143.104-122.88 43.093-175.147 170.88-204.544 271.701-6.571 22.613 6.357 46.336 29.013 52.907 3.968 1.152 7.979 1.707 11.947 1.707 18.517 0 35.541-12.075 40.96-30.72 46.080-157.909 110.379-225.28 215.040-225.28 92.288 0 151.552 51.371 195.968 168.917-85.973 56.405-126.934 160.683-151.723 245.675-6.571 22.613 6.443 46.336 29.013 52.907 4.011 1.152 8.021 1.707 11.947 1.707 18.518 0 35.542-12.075 40.96-30.72 46.037-157.909 110.336-225.28 215.040-225.28 104.661 0 168.96 67.371 215.040 225.28 6.571 22.571 29.952 35.584 52.907 29.013 22.656-6.571 35.584-30.293 29.013-52.907z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["owners"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 328, "id": 46, "name": "owners", "prevSize": 32, "code": 59728 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 71
+    },
+    {
+      "icon": {
+        "paths": [
+          "M704.009 128h63.991c47.13 0 85.333 38.205 85.333 85.333v640c0 47.13-38.204 85.333-85.333 85.333h-512c-47.128 0-85.333-38.204-85.333-85.333v-640c0-47.128 38.205-85.333 85.333-85.333h63.992c19.46-25.908 50.444-42.667 85.341-42.667h213.333c34.897 0 65.882 16.759 85.342 42.667zM300.8 213.333h-44.8v640h512v-640h-44.8c-9.882 48.688-52.928 85.333-104.533 85.333h-213.333c-51.604 0-94.65-36.646-104.533-85.333zM384 192c0-11.782 9.551-21.333 21.333-21.333h213.333c11.78 0 21.333 9.551 21.333 21.333s-9.553 21.333-21.333 21.333h-213.333c-11.782 0-21.333-9.551-21.333-21.333z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["paste"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 329, "id": 45, "name": "paste", "prevSize": 32, "code": 59729 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 72
+    },
+    {
+      "icon": {
+        "paths": [
+          "M503.019 170.667c24.802 0 44.911 20.108 44.911 44.912v592.844c0 24.802-20.109 44.911-44.911 44.911-24.806 0-44.915-20.109-44.915-44.911v-592.844c0-24.804 20.109-44.912 44.915-44.912z",
+          "M853.333 503.019c0 24.802-20.109 44.911-44.911 44.911h-592.844c-24.804 0-44.912-20.109-44.912-44.911 0-24.806 20.108-44.915 44.912-44.915h592.844c24.802 0 44.911 20.109 44.911 44.915z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["plus"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 330, "id": 44, "name": "plus", "prevSize": 32, "code": 59730 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 73
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 512c0 235.639-191.027 426.667-426.667 426.667-235.642 0-426.667-191.027-426.667-426.667 0-235.642 191.025-426.667 426.667-426.667 235.639 0 426.667 191.025 426.667 426.667zM682.667 469.333h-128v-128c0-23.564-19.102-42.667-42.667-42.667s-42.667 19.103-42.667 42.667v128h-128c-23.564 0-42.667 19.102-42.667 42.667s19.103 42.667 42.667 42.667h128v128c0 23.565 19.102 42.667 42.667 42.667s42.667-19.102 42.667-42.667v-128h128c23.565 0 42.667-19.102 42.667-42.667s-19.102-42.667-42.667-42.667z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["plus-filled"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 331, "id": 43, "name": "plus-filled", "prevSize": 32, "code": 59731 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 74
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 512c0 235.639-191.027 426.667-426.667 426.667-235.642 0-426.667-191.027-426.667-426.667 0-235.642 191.025-426.667 426.667-426.667 235.639 0 426.667 191.025 426.667 426.667zM170.667 512c0 188.514 152.82 341.333 341.333 341.333s341.333-152.819 341.333-341.333c0-188.513-152.819-341.333-341.333-341.333s-341.333 152.82-341.333 341.333z",
+          "M554.667 469.333h128c23.565 0 42.667 19.102 42.667 42.667s-19.102 42.667-42.667 42.667h-128v128c0 23.565-19.102 42.667-42.667 42.667s-42.667-19.102-42.667-42.667v-128h-128c-23.564 0-42.667-19.102-42.667-42.667s19.103-42.667 42.667-42.667h128v-128c0-23.564 19.102-42.667 42.667-42.667s42.667 19.103 42.667 42.667v128z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["plus-outlined"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 332, "id": 42, "name": "plus-outlined", "prevSize": 32, "code": 59732 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 75
+    },
+    {
+      "icon": {
+        "paths": [
+          "M616.64 555.337l32.883-16.546c20.791-10.462 43.58-19.307 67.26-26.79-23.68-7.484-46.468-16.329-67.26-26.79l-32.883-16.546 11.55-34.953c7.305-22.107 17.165-44.481 28.621-66.52-22.042 11.453-44.416 21.316-66.522 28.62l-34.953 11.548-16.546-32.881c-10.466-20.793-19.307-43.582-26.79-67.258-7.484 23.677-16.329 46.466-26.79 67.258l-16.546 32.881-34.953-11.548c-22.107-7.304-44.48-17.167-66.52-28.62 11.453 22.039 21.316 44.413 28.62 66.519l11.548 34.953-32.881 16.546c-20.793 10.462-43.582 19.307-67.259 26.79 23.677 7.484 46.466 16.329 67.259 26.79l32.881 16.546-11.548 34.953c-7.304 22.106-17.167 44.48-28.62 66.522 22.039-11.456 44.413-21.316 66.52-28.621l34.953-11.55 16.546 32.883c10.462 20.791 19.307 43.58 26.79 67.26 7.484-23.68 16.324-46.468 26.79-67.26l16.546-32.883 34.953 11.55c22.106 7.305 44.48 17.165 66.522 28.621-11.456-22.042-21.316-44.416-28.621-66.522l-11.55-34.953zM734.609 703.876c62.31 93.005 139.422 170.155 139.422 170.155s-77.15-77.111-170.155-139.422c-40.994-27.469-85.069-52.062-126.972-65.907-19.84 39.42-33.613 87.974-43.174 136.384-21.7 109.828-21.73 218.914-21.73 218.914s-0.030-109.086-21.73-218.914c-9.562-48.41-23.339-96.964-43.174-136.384-41.902 13.845-85.977 38.438-126.973 65.903-93.002 62.315-170.156 139.426-170.156 139.426s77.113-77.15 139.426-170.155c27.468-40.994 52.061-85.069 65.905-126.972-39.419-19.84-87.973-33.613-136.382-43.174-109.828-21.7-218.916-21.73-218.916-21.73s109.088-0.030 218.916-21.73c48.41-9.562 96.963-23.334 136.382-43.174-13.844-41.902-38.437-85.977-65.905-126.973-62.314-93.002-139.427-170.156-139.427-170.156s77.154 77.113 170.156 139.427c40.995 27.468 85.071 52.061 126.973 65.905 19.836-39.419 33.613-87.972 43.174-136.382 21.7-109.828 21.73-218.916 21.73-218.916s0.030 109.088 21.73 218.916c9.562 48.41 23.334 96.963 43.174 136.382 41.903-13.844 85.978-38.437 126.972-65.905 93.005-62.313 170.155-139.426 170.155-139.426s-77.111 77.154-139.422 170.156c-27.469 40.996-52.062 85.071-65.907 126.973 39.42 19.84 87.974 33.613 136.384 43.174 109.828 21.7 218.914 21.73 218.914 21.73s-109.086 0.030-218.914 21.73c-48.41 9.562-96.964 23.334-136.384 43.174 13.845 41.903 38.438 85.978 65.907 126.972z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["points"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 333, "id": 41, "name": "points", "prevSize": 32, "code": 59733 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 76
+    },
+    {
+      "icon": {
+        "paths": [
+          "M384 85.333h-213.333c-47.128 0-85.333 38.205-85.333 85.333v213.333c0 47.13 38.205 85.333 85.333 85.333h213.333c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.128-38.204-85.333-85.333-85.333zM170.667 384v-213.333h213.333v213.333h-213.333z",
+          "M384 554.667h-213.333c-47.128 0-85.333 38.204-85.333 85.333v213.333c0 47.13 38.205 85.333 85.333 85.333h213.333c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.13-38.204-85.333-85.333-85.333zM170.667 853.333v-213.333h213.333v213.333h-213.333z",
+          "M853.333 85.333h-213.333c-47.13 0-85.333 38.205-85.333 85.333v213.333c0 47.13 38.204 85.333 85.333 85.333h213.333c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.128-38.204-85.333-85.333-85.333zM640 384v-213.333h213.333v213.333h-213.333z",
+          "M661.333 554.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z",
+          "M917.333 554.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z",
+          "M789.333 682.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z",
+          "M917.333 810.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z",
+          "M661.333 810.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["qr-code"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}, {}, {}],
+      "properties": { "order": 334, "id": 40, "name": "qr-code", "prevSize": 32, "code": 59734 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 77
+    },
+    {
+      "icon": {
+        "paths": [
+          "M384 85.333h-213.333c-47.128 0-85.333 38.205-85.333 85.333v213.333c0 47.13 38.205 85.333 85.333 85.333h213.333c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.128-38.204-85.333-85.333-85.333zM170.667 384v-213.333h213.333v213.333h-213.333z",
+          "M384 554.667h-213.333c-47.128 0-85.333 38.204-85.333 85.333v213.333c0 47.13 38.205 85.333 85.333 85.333h213.333c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.13-38.204-85.333-85.333-85.333zM170.667 853.333v-213.333h213.333v213.333h-213.333z",
+          "M853.333 85.333h-213.333c-47.13 0-85.333 38.205-85.333 85.333v213.333c0 47.13 38.204 85.333 85.333 85.333h213.333c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.128-38.204-85.333-85.333-85.333zM640 384v-213.333h213.333v213.333h-213.333z",
+          "M661.333 554.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z",
+          "M917.333 554.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z",
+          "M789.333 682.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z",
+          "M917.333 810.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z",
+          "M661.333 810.667h-85.333c-11.782 0-21.333 9.551-21.333 21.333v85.333c0 11.782 9.551 21.333 21.333 21.333h85.333c11.782 0 21.333-9.551 21.333-21.333v-85.333c0-11.782-9.551-21.333-21.333-21.333z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["qr-code-1"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}, {}, {}],
+      "properties": { "order": 335, "id": 39, "name": "qr-code-1", "prevSize": 32, "code": 59735 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 78
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 512c0 235.639-191.027 426.667-426.667 426.667-235.642 0-426.667-191.027-426.667-426.667 0-235.642 191.025-426.667 426.667-426.667 235.639 0 426.667 191.025 426.667 426.667zM170.667 512c0 188.514 152.82 341.333 341.333 341.333s341.333-152.819 341.333-341.333c0-188.513-152.819-341.333-341.333-341.333s-341.333 152.82-341.333 341.333z",
+          "M445.525 389.725c0-32.858 27.814-59.947 62.72-59.947 34.833 0 62.635 27.096 62.635 59.947 0.371 23.981-5.726 32.305-35.209 53.824l-2.014 1.468c-49.997 36.484-70.972 65.579-68.023 123.435l-0.055 8.41c0 23.565 19.102 42.667 42.667 42.667s42.667-19.102 42.667-42.667v-10.581c-1.165-23.983 3.981-31.121 33.045-52.331l2.022-1.476c49.643-36.233 71.13-65.574 70.229-123.413 0.004-79.814-66.492-144.615-147.964-144.615-81.54 0-148.052 64.783-148.052 145.28 0 23.564 19.102 42.667 42.667 42.667s42.666-19.103 42.666-42.667z",
+          "M512 672c29.457 0 53.333 23.876 53.333 53.333s-23.876 53.333-53.333 53.333c-29.457 0-53.333-23.876-53.333-53.333s23.876-53.333 53.333-53.333z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["question"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 336, "id": 38, "name": "question", "prevSize": 32, "code": 59736 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 79
+    },
+    {
+      "icon": {
+        "paths": [
+          "M880.35 303.767c14.694 26.481 26.65 54.71 35.588 84.342 68.083 225.455-58.581 463.706-282.889 532.083-224.292 68.373-461.277-58.931-529.306-284.335-68.087-225.471 58.556-463.71 282.895-532.082 40.347-12.292 81.811-18.442 123.202-18.442 26.048 0 47.168 21.225 47.168 47.408s-21.12 47.408-47.168 47.408c-32.141 0-64.384 4.783-95.834 14.364-174.462 53.171-272.951 238.447-219.995 413.815 52.906 175.296 237.219 274.304 411.662 221.129 174.434-53.18 272.947-238.468 219.998-413.818-7.317-24.248-17.203-47.249-29.414-68.718l-11.695 67.883c-4.446 25.798-28.855 43.091-54.524 38.624-25.664-4.467-42.871-29.004-38.426-54.803l29.056-168.631c4.39-25.487 28.297-42.732 53.726-38.755l167.019 26.122c25.737 4.026 43.358 28.262 39.351 54.134s-28.117 43.581-53.858 39.555l-46.558-7.282z",
+          "M362.099 548.407c-20.513 14.315-26.913 44.774-14.295 68.041s39.477 30.524 59.991 16.213l126.115-87.987c12.898-8.998 20.757-24.947 20.757-42.125v-197.091c0-27.315-19.524-49.458-43.605-49.458-24.085 0-43.61 22.143-43.61 49.458v169.447l-105.353 73.502z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["repeat"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 337, "id": 37, "name": "repeat", "prevSize": 32, "code": 59737 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 80
+    },
+    {
+      "icon": {
+        "paths": [
+          "M698.091 716.335l-140.16-55.339c-21.888-8.704-46.763 2.091-55.339 24.021-8.661 21.888 2.091 46.677 23.979 55.296l49.749 19.669c-28.8 10.027-59.136 15.787-90.027 15.787h-0.64c-96.811-0.213-187.307-52.395-236.245-136.149-11.819-20.309-37.973-27.221-58.325-15.317-20.352 11.861-27.221 37.973-15.317 58.325 64.085 109.781 182.741 178.176 309.76 178.475h0.768c40.789 0 80.939-7.637 119.040-21.035l-15.36 41.003c-8.277 22.059 2.901 46.635 25.003 54.912 4.907 1.835 9.941 2.731 14.933 2.731 17.28 0 33.536-10.539 39.979-27.733l52.48-140.032c8.192-21.76-2.603-46.080-24.277-54.613z",
+          "M673.843 242.419c28.971 0 52.48 23.552 52.48 52.48s-23.509 52.48-52.48 52.48c-28.928 0-52.437-23.552-52.437-52.48s23.509-52.48 52.437-52.48zM350.089 170.654c28.928 0 52.48 23.552 52.48 52.48 0 28.971-23.552 52.48-52.48 52.48-28.971 0-52.48-23.509-52.48-52.48 0-28.928 23.509-52.48 52.48-52.48zM893.235 554.953c-26.709-71.168-77.269-123.989-137.728-149.675 33.877-25.088 56.149-65.067 56.149-110.379 0-75.989-61.824-137.813-137.813-137.813-75.947 0-137.771 61.824-137.771 137.813 0 45.312 22.272 85.291 56.149 110.379-16.939 7.168-33.195 15.957-48.213 27.264-28.203-45.653-67.328-79.957-112.299-98.987 33.877-25.131 56.192-65.109 56.192-110.421 0-75.947-61.867-137.813-137.813-137.813-75.989 0-137.813 61.867-137.813 137.813 0 45.312 22.272 85.291 56.149 110.421-60.459 25.6-111.019 78.507-137.685 149.675-8.277 22.059 2.901 46.635 24.917 54.955 22.059 8.107 46.677-2.901 54.997-24.96 25.429-67.883 80.171-111.744 139.435-111.744 54.955 0 105.771 38.016 133.163 97.664-11.179 17.152-21.12 35.584-28.757 55.851-8.235 22.059 2.944 46.635 25.003 54.912 4.949 1.835 9.984 2.731 14.976 2.731 17.237 0 33.536-10.539 39.936-27.733 25.472-67.84 80.171-111.701 139.435-111.701s114.005 43.861 139.477 111.744c8.277 22.101 32.853 33.152 54.955 24.96 22.016-8.277 33.195-32.853 24.96-54.955z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["replace-owner"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 338, "id": 36, "name": "replace-owner", "prevSize": 32, "code": 59738 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 81
+    },
+    {
+      "icon": {
+        "paths": [
+          "M128 224c0-35.346 28.654-64 64-64h640c35.345 0 64 28.654 64 64s-28.655 64-64 64h-640c-35.346 0-64-28.654-64-64z",
+          "M128 736c0-35.345 28.654-64 64-64h640c35.345 0 64 28.655 64 64s-28.655 64-64 64h-640c-35.346 0-64-28.655-64-64z",
+          "M128 480c0-35.345 28.654-64 64-64h640c35.345 0 64 28.655 64 64s-28.655 64-64 64h-640c-35.346 0-64-28.655-64-64z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["rows"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 339, "id": 35, "name": "rows", "prevSize": 32, "code": 59739 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 82
+    },
+    {
+      "icon": {
+        "paths": [
+          "M128 224c0-35.346 28.654-64 64-64h640c35.345 0 64 28.654 64 64s-28.655 64-64 64h-640c-35.346 0-64-28.654-64-64z",
+          "M128 736c0-35.345 28.654-64 64-64h640c35.345 0 64 28.655 64 64s-28.655 64-64 64h-640c-35.346 0-64-28.655-64-64z",
+          "M128 480c0-35.345 28.654-64 64-64h640c35.345 0 64 28.655 64 64s-28.655 64-64 64h-640c-35.346 0-64-28.655-64-64z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["rows-1"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 340, "id": 34, "name": "rows-1", "prevSize": 32, "code": 59740 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 83
+    },
+    {
+      "icon": {
+        "paths": [
+          "M341.333 490.667c0-35.345 28.654-64 64-64h426.667c35.345 0 64 28.655 64 64s-28.655 64-64 64h-426.667c-35.346 0-64-28.655-64-64z",
+          "M341.333 746.667c0-35.345 28.654-64 64-64h426.667c35.345 0 64 28.655 64 64s-28.655 64-64 64h-426.667c-35.346 0-64-28.655-64-64z",
+          "M341.333 234.667c0-35.346 28.654-64 64-64h426.667c35.345 0 64 28.654 64 64s-28.655 64-64 64h-426.667c-35.346 0-64-28.654-64-64z",
+          "M256 234.667c0 35.346-28.654 64-64 64s-64-28.654-64-64c0-35.346 28.654-64 64-64s64 28.654 64 64z",
+          "M256 490.667c0 35.346-28.654 64-64 64s-64-28.654-64-64c0-35.346 28.654-64 64-64s64 28.654 64 64z",
+          "M256 746.667c0 35.346-28.654 64-64 64s-64-28.654-64-64c0-35.346 28.654-64 64-64s64 28.654 64 64z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["rows-2"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}],
+      "properties": { "order": 341, "id": 33, "name": "rows-2", "prevSize": 32, "code": 59741 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 84
+    },
+    {
+      "icon": {
+        "paths": [
+          "M853.342 170.658c44.962 0 81.839 34.833 85.099 78.967l0.235 6.366v512c0 44.962-34.833 81.839-78.967 85.099l-6.494 0.192c0.004 22.118-16.439 40.128-37.683 42.59l-4.979 0.286c-21.871 0-39.915-16.444-42.381-37.687l-0.29-5.188h-511.958c0.004 22.118-16.477 40.128-37.689 42.59l-4.974 0.286c-23.595 0-42.667-19.072-42.667-42.667-44.93-0.205-81.763-35.029-85.018-79.138l-0.234-6.362v-512c0-44.963 34.833-81.84 78.968-85.099l6.365-0.234h682.668zM853.342 255.991h-682.668v512h682.668v-512z",
+          "M639.885 341.367c-94.251 0-170.667 76.416-170.667 170.667s76.416 170.667 170.667 170.667c94.251 0 170.667-76.416 170.667-170.667s-76.416-170.667-170.667-170.667zM639.885 426.701c47.061 0 85.333 38.229 85.333 85.333 0 47.061-38.272 85.333-85.333 85.333s-85.333-38.272-85.333-85.333c0-47.104 38.272-85.333 85.333-85.333z",
+          "M298.594 341.324c21.881 0 39.915 16.471 42.38 37.691l0.287 4.976v256c0 23.565-19.102 42.667-42.667 42.667-21.881 0-39.915-16.474-42.38-37.692l-0.287-4.975v-256c0-23.564 19.103-42.667 42.667-42.667z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["safe"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 342, "id": 32, "name": "safe", "prevSize": 32, "code": 59742 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 85
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 170.667v170.667c0 23.564-19.102 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v-170.667h-170.667c-23.565 0-42.667-19.103-42.667-42.667s19.102-42.667 42.667-42.667h170.667c47.13 0 85.333 38.205 85.333 85.333z",
+          "M170.667 170.667v170.667c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v-170.667c0-47.128 38.205-85.333 85.333-85.333h170.667c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667h-170.667z",
+          "M853.333 853.333v-170.667c0-23.565 19.102-42.667 42.667-42.667s42.667 19.102 42.667 42.667v170.667c0 47.13-38.204 85.333-85.333 85.333h-170.667c-23.565 0-42.667-19.102-42.667-42.667s19.102-42.667 42.667-42.667h170.667z",
+          "M170.667 853.333h170.667c23.564 0 42.667 19.102 42.667 42.667s-19.103 42.667-42.667 42.667h-170.667c-47.128 0-85.333-38.204-85.333-85.333v-170.667c0-23.565 19.103-42.667 42.667-42.667s42.667 19.102 42.667 42.667v170.667z",
+          "M128 469.333h768c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667h-768c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["scan"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}],
+      "properties": { "order": 343, "id": 31, "name": "scan", "prevSize": 32, "code": 59743 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 86
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.667 170.667v170.667c0 23.564-19.102 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v-170.667h-170.667c-23.565 0-42.667-19.103-42.667-42.667s19.102-42.667 42.667-42.667h170.667c47.13 0 85.333 38.205 85.333 85.333z",
+          "M170.667 170.667v170.667c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v-170.667c0-47.128 38.205-85.333 85.333-85.333h170.667c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667h-170.667z",
+          "M853.333 853.333v-170.667c0-23.565 19.102-42.667 42.667-42.667s42.667 19.102 42.667 42.667v170.667c0 47.13-38.204 85.333-85.333 85.333h-170.667c-23.565 0-42.667-19.102-42.667-42.667s19.102-42.667 42.667-42.667h170.667z",
+          "M170.667 853.333h170.667c23.564 0 42.667 19.102 42.667 42.667s-19.103 42.667-42.667 42.667h-170.667c-47.128 0-85.333-38.204-85.333-85.333v-170.667c0-23.565 19.103-42.667 42.667-42.667s42.667 19.102 42.667 42.667v170.667z",
+          "M128 469.333h768c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667h-768c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["scan-1"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}],
+      "properties": { "order": 344, "id": 30, "name": "scan-1", "prevSize": 32, "code": 59744 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 87
+    },
+    {
+      "icon": {
+        "paths": [
+          "M170.685 426.663c0-141.184 114.816-256 255.999-256 141.141 0 256 114.816 256 256s-114.859 256-256 256c-141.183 0-255.999-114.816-255.999-256zM926.097 865.83l-230.059-230.059c44.928-57.771 71.979-130.219 71.979-209.109 0-188.501-152.832-341.333-341.333-341.333-188.543 0-341.332 152.832-341.332 341.333s152.789 341.333 341.332 341.333c78.848 0 151.253-27.008 208.981-71.893l230.101 230.059c16.597 16.597 43.733 16.597 60.331 0s16.597-43.733 0-60.331z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["search"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 345, "id": 29, "name": "search", "prevSize": 32, "code": 59745 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 88
+    },
+    {
+      "icon": {
+        "paths": [
+          "M1149.343 35.129c4.646-27.646 4.635-27.647 4.624-27.649l20.626 3.24 3.352 19.936c0-0.010 0-0.019-28.602 4.473z",
+          "M7.738 30.675l-0.016 0.098-0.037 0.224-0.123 0.765-0.421 2.762c-0.351 2.375-0.832 5.802-1.38 10.174-1.095 8.74-2.461 21.277-3.587 36.751-2.249 30.897-3.566 73.767 0.206 121.657 7.453 94.65 35.198 214.31 121.066 297.307 64.218 62.071 149.532 92.575 228.631 107.062 63.939 11.711 125.561 13.28 172.263 11.781v333.474c0 35.107 29.446 63.569 65.772 63.569s65.773-28.462 65.773-63.569v-333.619c46.215 1.757 108.258 0.631 172.986-10.747 80.454-14.142 167.877-44.625 233.359-107.919 85.876-83.005 113.621-202.678 121.080-297.339 3.767-47.895 2.452-90.77 0.205-121.671-1.126-15.476-2.495-28.014-3.589-36.756-0.55-4.372-1.029-7.8-1.38-10.175l-0.42-2.762-0.124-0.765-0.038-0.224-0.016-0.098-28.602 4.473 4.624-27.649-1.121-0.17-2.862-0.407c-2.458-0.339-6.004-0.804-10.526-1.334-9.044-1.059-22.016-2.379-38.028-3.467-31.97-2.174-76.326-3.447-125.877 0.199-97.938 7.205-221.75 34.025-307.626 117.031-32.903 31.798-57.215 68.938-75.118 107.828-17.898-38.887-42.21-76.024-75.107-107.82-85.868-82.997-209.667-109.813-307.592-117.017-49.546-3.645-93.9-2.372-125.865-0.199-16.009 1.089-28.98 2.408-38.023 3.467-4.523 0.53-8.069 0.995-10.526 1.334l-2.857 0.407-0.792 0.119-0.232 0.036-0.101 0.016 4.626 27.648c-4.644-27.622-4.636-27.647-4.626-27.648l-20.625 3.24-3.352 19.936c0.002-0.010 0.026-0.016 28.603 4.473l-28.603-4.473zM985.535 129.078c24.625-1.811 47.896-2.181 68.462-1.795 0.399 19.879 0.016 42.371-1.859 66.173-6.645 84.434-30.548 166.457-82.928 217.084s-137.238 73.731-224.596 80.158c-24.625 1.811-47.896 2.181-68.462 1.795-0.399-19.88-0.016-42.371 1.859-66.173 6.645-84.434 30.553-166.457 82.928-217.084 52.38-50.628 137.243-73.731 224.596-80.158zM133.543 193.457c-1.873-23.794-2.256-46.279-1.857-66.153 20.561-0.386 43.824-0.016 68.441 1.795 87.343 6.425 172.19 29.526 224.559 80.144s76.269 132.628 82.917 217.051c1.874 23.794 2.257 46.279 1.857 66.153-20.562 0.386-43.825 0.017-68.441-1.795-87.343-6.425-172.19-29.526-224.56-80.144s-76.269-132.628-82.917-217.051z"
+        ],
+        "attrs": [{}, {}],
+        "width": 1186,
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["seed"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 346, "id": 28, "name": "seed", "prevSize": 32, "code": 59746 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 89
+    },
+    {
+      "icon": {
+        "paths": [
+          "M979.546 884.309c-65.873-225.805-162.807-360.747-316.979-401.515 63.13-37.047 105.519-105.636 105.519-184.119 0-117.815-95.518-213.333-213.333-213.333-117.845 0-213.333 95.505-213.333 213.333 0 78.871 42.786 147.742 106.423 184.657-72.535 19.917-133.865 61.286-184.671 122.803-15.005 18.172-12.44 45.065 5.728 60.066 18.169 15.006 45.062 12.442 60.067-5.726 58.092-70.34 130.553-105.549 225.619-105.549 172.625 0 272.367 111.010 343.040 353.28 6.601 22.622 30.289 35.614 52.911 29.013 22.618-6.601 35.61-30.289 29.009-52.911zM682.752 298.675c0 70.686-57.314 128-128 128-70.711 0-128-57.297-128-128s57.289-128 128-128c70.686 0 128 57.313 128 128z",
+          "M494.178 853.551h-366.161c-23.564 0-42.667-19.102-42.667-42.667s19.102-42.667 42.667-42.667h366.229l-12.079-12.079c-16.661-16.661-16.661-43.678 0-60.339s43.678-16.661 60.339 0l84.864 84.864c16.661 16.657 16.661 43.669 0.009 60.331l-84.864 84.907c-16.657 16.67-43.674 16.674-60.339 0.017-16.67-16.657-16.674-43.674-0.017-60.339l12.019-12.028z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["send-to"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 347, "id": 27, "name": "send-to", "prevSize": 32, "code": 59747 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 90
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.427 767.987c-141.184 0-256-114.816-256-256s114.816-256 256-256c141.184 0 256 114.816 256 256s-114.816 256-256 256zM902.443 460.318l-14.763-1.28c-29.568-3.157-40.704-20.949-44.629-30.592-8.192-32.555-21.035-63.147-37.803-91.264-4.053-9.387-9.259-30.123 9.771-53.632l9.472-11.349c20.736-23.637 12.459-38.443-4.096-55.083l-13.739-13.696c-16.597-16.597-31.445-24.832-55.083-4.139l-11.349 9.515c-24.96 20.139-46.763 13.141-55.211 9.045-26.411-15.531-55.083-27.52-85.419-35.541-7.040-1.963-31.104-11.221-34.816-46.165l-1.323-14.763c-2.091-31.36-18.347-36.053-41.856-36.053h-19.413c-23.467 0-39.808 4.693-41.856 36.053l-1.323 14.763c-4.352 40.917-36.821 46.72-36.821 46.72 0 0.085 0.043 0.171 0.043 0.256-28.075 7.68-54.656 18.987-79.317 33.152-0.085-0.128-0.128-0.341-0.256-0.469 0 0-27.051 18.859-59.051-6.955l-11.392-9.557c-23.637-20.693-38.485-12.459-55.083 4.139l-13.696 13.696c-16.597 16.64-24.832 31.446-4.181 55.083l9.557 11.349c25.856 32.043 6.955 59.093 6.955 59.093 0.213 0.171 0.469 0.256 0.683 0.384-14.165 24.704-25.387 51.243-33.024 79.317-0.213-0.042-0.427-0.128-0.597-0.171 0 0-5.76 32.47-46.677 36.864l-14.805 1.28c-31.317 2.091-36.011 18.432-36.011 41.899v19.413c0 23.424 4.693 39.765 36.011 41.813l14.805 1.323c40.917 4.352 46.677 36.864 46.677 36.864 0.171 0 0.341-0.085 0.512-0.128 7.68 28.075 18.688 54.741 32.768 79.445-0.085 0.085-0.256 0.085-0.341 0.171 0 0 18.901 27.093-6.955 59.093l-9.557 11.349c-20.651 23.637-12.459 38.528 4.181 55.083l13.696 13.739c16.597 16.597 31.445 24.832 55.083 4.096l11.392-9.472c32-25.899 59.051-6.997 59.051-6.997 0.043-0.043 0.043-0.085 0.085-0.128 24.747 14.208 51.371 25.259 79.445 32.981v0.128c0 0 32.469 5.803 36.821 46.72l1.323 14.72c2.048 31.36 18.389 36.011 41.856 36.011h19.413c23.509 0 39.765-4.651 41.856-36.011l1.323-14.72c3.413-31.915 23.723-42.411 32.597-45.483 31.019-7.936 60.203-20.267 87.125-36.011 8.021-4.011 30.165-11.861 55.723 8.789l11.349 9.515c23.637 20.693 38.485 12.459 55.083-4.139l13.739-13.739c16.555-16.555 24.832-31.445 4.096-55.083l-9.472-11.307c-20.437-25.344-13.013-47.317-8.917-55.509 16.299-27.691 29.013-57.685 37.077-89.643 4.011-9.685 15.104-27.179 44.501-30.336l14.763-1.323c31.317-2.048 35.968-18.389 35.968-41.813v-19.413c0-23.467-4.651-39.808-35.968-41.899z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["settings"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 348, "id": 26, "name": "settings", "prevSize": 32, "code": 59748 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 91
+    },
+    {
+      "icon": {
+        "paths": [
+          "M426.659 512.149c0-15.855-2.47-31.138-7.048-45.474l216.958-131.441c27.311 29.952 66.65 48.745 110.383 48.745 82.487 0 149.333-66.846 149.333-149.333 0-82.456-66.859-149.333-149.333-149.333s-149.333 66.877-149.333 149.333c0 7.933 0.619 15.72 1.809 23.318l-228.062 138.169c-25.672-20.833-58.396-33.316-94.041-33.316-82.487 0-149.333 66.845-149.333 149.333 0 82.458 66.859 149.333 149.333 149.333 35.651 0 68.385-12.497 94.061-33.344l228.054 138.163c-1.199 7.62-1.822 15.428-1.822 23.386 0 82.487 66.846 149.333 149.333 149.333s149.333-66.846 149.333-149.333c0-82.487-66.846-149.333-149.333-149.333-43.712 0-83.029 18.773-110.336 48.695l-216.998-131.465c4.572-14.327 7.040-29.594 7.040-45.436zM746.953 170.646c35.341 0 64 28.667 64 64 0 35.359-28.642 64-64 64s-64-28.641-64-64c0-35.333 28.659-64 64-64zM341.326 512.149c0-35.358-28.642-64-64-64s-64 28.642-64 64c0 35.332 28.659 64 64 64s64-28.668 64-64zM746.953 725.687c35.358 0 64 28.642 64 64s-28.642 64-64 64c-35.358 0-64-28.642-64-64s28.642-64 64-64z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["share"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 349, "id": 25, "name": "share", "prevSize": 32, "code": 59749 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 92
+    },
+    {
+      "icon": {
+        "paths": [
+          "M498.125 935.945c9.698 3.639 20.39 3.631 30.080-0.030 168.341-63.599 275.204-151.070 328.926-250.807 10.091-18.052 17.984-38.097 24.009-59.78 6.963-25.054 11.2-51.371 13.321-78.067 1.434-18.014 1.745-33.506 1.459-47.334-0.068-2.987-0.068-2.987-0.073-2.688v-272c0-24.709-20.924-44.251-45.577-42.568-21.329 1.457-32.043 1.992-43.895 1.992-111.714 0-203.985-39.909-267.998-90.209-16.469-12.945-39.906-12.014-55.3 2.196-0.917 0.847-2.022 1.75-3.682 3.001-1.284 0.965-2.854 2.105-7.014 5.123-17.792 11.878-28.126 18.392-43.648 26.725-3.44 1.846-6.886 3.627-10.342 5.341-60.663 29.792-126.433 47.823-200.646 47.823-11.919 0-22.554-0.531-43.941-1.992-24.651-1.684-45.574 17.859-45.574 42.568v269.952c-3.589 50.202 9.391 138.615 44.909 199.134 6.782 12.574 15.632 25.626 26.72 39.684 62.988 83.503 163.576 151.36 298.266 201.937zM782.519 643.695l-0.375 0.687c-41.933 78.042-127.915 149.965-269.060 205.888-112.852-44.476-195.072-101.325-245.663-168.384-8.823-11.204-15.002-20.314-19.968-29.483-14.854-25.357-24.553-57.66-29.862-93.828-3.653-24.883-4.827-50.394-4.13-60.429l0.086-228.169c1.385 0.012 2.78 0.018 4.198 0.018 88.57 0 166.714-21.424 238.414-56.636 4.442-2.202 8.7-4.404 12.932-6.676 15.774-8.467 26.91-15.258 42.91-25.824 75.383 51.486 175.313 89.135 294.374 89.135 1.395 0 2.773-0.006 4.139-0.017v227.26c0.038 2.308 0.038 2.308 0.090 4.467 0.235 11.183-0.021 23.915-1.207 38.793-1.715 21.615-5.107 42.675-10.475 61.986-4.331 15.59-9.805 29.461-16.401 41.212z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["shield"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 350, "id": 24, "name": "shield", "prevSize": 32, "code": 59750 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 93
+    },
+    {
+      "icon": {
+        "paths": [
+          "M12.497 12.497c16.662-16.662 43.677-16.662 60.34 0l158.504 158.504c0.45 0.431 0.891 0.872 1.324 1.324l549.109 549.109c0.141 0.137 0.282 0.277 0.422 0.418l229.308 229.312c16.661 16.661 16.661 43.678 0 60.339s-43.678 16.661-60.339 0l-198.519-198.515c-64.806 65.28-139.221 120.405-220.732 163.413-12.169 6.421-26.688 6.579-38.993 0.427l19.081-38.161c-19.081 38.161-19.068 38.17-19.081 38.161l-0.154-0.077-0.277-0.137-0.917-0.469c-0.768-0.393-1.856-0.956-3.238-1.681-2.761-1.451-6.707-3.558-11.665-6.302-9.907-5.487-23.898-13.534-40.614-23.983-33.342-20.838-77.978-51.503-122.816-90.735-87.883-76.898-185.237-194.398-185.237-341.444v-298.667c0-7.14 1.778-13.978 4.983-20.011l-120.486-120.486c-16.662-16.663-16.662-43.678 0-60.34zM213.333 273.673v238.327c0 108.954 73.312 204.787 156.096 277.222 40.496 35.435 81.195 63.437 111.851 82.598 12.058 7.531 22.49 13.658 30.656 18.287 66.202-37.291 126.899-83.558 180.369-137.463l-478.972-478.971zM497.075 45.362c9.643-3.601 20.267-3.594 29.905 0.021l341.333 128c16.653 6.245 27.686 22.165 27.686 39.95v298.948c-0.218 33.135-5.321 66.057-15.142 97.698-6.989 22.507-30.895 35.089-53.397 28.105-22.507-6.989-35.089-30.895-28.105-53.397 7.326-23.595 11.136-48.137 11.311-72.836v-268.949l-298.697-112.012-119.871 44.762c-22.075 8.243-46.653-2.97-54.897-25.045s2.97-46.653 25.045-54.897l134.828-50.347z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["shield-crossed"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 351, "id": 23, "name": "shield-crossed", "prevSize": 32, "code": 59751 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 94
+    },
+    {
+      "icon": {
+        "paths": [
+          "M528.73 869.734l0.299 57.259c0.043 6.443 5.248 11.648 11.691 11.648h56.875c3.115 0 6.101-1.237 8.32-3.413l171.861-171.904c6.741-6.741 6.741-17.707 0-24.448l-50.432-50.432c-6.144-6.144-16.128-6.144-22.272 0l-172.928 172.971c-2.219 2.176-3.456 5.205-3.413 8.32z",
+          "M829.188 711.898l63.104-63.061c4.736-4.736 4.736-12.459 0-17.195l-56.619-56.619c-4.736-4.736-12.459-4.736-17.195 0l-63.061 63.104c-4.779 4.736-4.779 12.459 0 17.195l56.619 56.576c4.736 4.736 12.416 4.736 17.152 0z",
+          "M554.603 342.191v-136.107l135.552 135.424-135.552 0.683zM810.688 469.295v-112.086c0-10.24-4.096-20.011-11.349-27.221l-231.765-231.552c-8.405-8.405-19.755-13.099-31.616-13.099h-322.603c-47.189 0-85.333 38.187-85.333 85.333v682.667c0 47.104 38.144 85.333 85.333 85.333h170.197c0.171 0 0.299 0.085 0.469 0.085 23.595 0 42.667-19.115 42.667-42.667s-19.072-42.667-42.667-42.667v-0.085h-170.667v-682.667h255.915v171.52c0 46.464 37.888 84.267 84.437 84.267h171.648v43.051h0.085c0.256 23.381 19.157 42.283 42.581 42.283 23.467 0 42.368-18.901 42.581-42.283h0.085v-0.213z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["sign"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 352, "id": 22, "name": "sign", "prevSize": 32, "code": 59752 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 95
+    },
+    {
+      "icon": {
+        "paths": [
+          "M246.611 734.925c-24.747 30.080-48.64 59.738-73.387 88.96-9.813 11.738-21.12 22.189-32 33.069-12.8 12.8-26.453 13.869-36.907 3.411-10.24-10.24-8.96-24.531 3.627-36.902 40.107-39.040 75.093-81.92 105.6-128.858 4.267-6.611 4.053-11.302 0.427-17.92-39.467-73.384-78.507-146.771-109.014-224.424-19.2-49.066-36.48-98.986-39.893-152.106-1.28-21.547-0.427-44.374 4.48-65.28 9.387-40.534 34.56-68.694 76.587-76.374 44.16-8.106 81.706 6.614 107.733 43.52 42.027 59.947 66.987 126.934 75.947 199.68 12.373 98.774-5.974 191.574-53.12 279.042-1.707 3.2-1.067 8.742 0.426 12.371 3.627 7.891 8.32 15.149 12.8 22.611 14.72 24.538 41.814 28.378 62.294 7.898 24.32-24.538 49.066-49.069 71.68-75.309 44.586-51.839 115.626-37.119 145.28 17.069 13.226 24.102 38.826 28.582 59.733 10.662 11.948-10.24 23.468-20.691 35.416-30.931 47.782-41.386 115.84-24.106 138.022 34.989 7.68 20.262 18.778 28.16 40.96 28.16 30.298 0 60.589 0 91.098 0 19.2 0 30.72 17.28 23.251 33.491-4.051 8.531-11.309 13.651-20.48 13.651-35.411 0.218-70.829 1.498-106.029-0.851-36.48-2.349-60.371-23.68-72.742-58.029-7.258-19.84-21.978-29.862-41.389-26.451-7.040 1.28-14.509 5.12-20.269 9.811-12.16 9.389-23.462 19.84-34.771 30.298-46.934 43.091-109.441 23.68-135.894-23.469-6.4-11.309-14.506-20.051-27.733-22.4-14.72-2.56-26.667 2.349-36.693 13.229-23.894 25.6-48.64 50.342-72.32 76.16-43.52 47.36-113.28 35.84-141.014-15.789-0.64-1.069-1.493-2.131-1.92-2.771l0.214-0.218zM244.264 635.514c1.493-1.28 2.133-1.707 2.347-2.134 0.64-1.066 1.28-2.346 1.706-3.626 59.52-138.667 49.067-271.787-31.786-398.934-13.867-21.76-35.414-30.293-60.587-26.026-25.173 4.053-36.693 22.826-42.027 45.44-7.253 30.72-2.346 61.013 5.12 90.88 26.027 104.533 76.16 199.040 125.227 294.613v-0.213z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["signature"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 353, "id": 21, "name": "signature", "prevSize": 32, "code": 59753 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 96
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.006 85.334c-15.744 0-31.488 8.32-39.253 25.003l-97.067 224.64c-6.144 13.056-18.389 22.229-32.682 24.448l-220.928 33.92c-34.731 5.333-48.982 47.701-24.491 72.96l162.859 150.443c9.514 9.813 13.824 23.553 11.648 37.032l-55.638 234.669c-4.522 27.949 17.707 50.349 42.752 50.349 6.955 0 14.123-1.754 20.992-5.549l210.731-107.309c6.571-3.622 13.824-5.459 21.077-5.459s14.507 1.837 21.035 5.459l206.979 107.309c6.912 3.795 14.080 5.549 20.992 5.549 25.088 0 47.27-22.4 42.752-50.349l-51.84-234.669c-2.221-13.478 2.086-27.219 11.648-37.032l162.816-150.443c24.486-25.259 10.278-67.627-24.448-72.96l-220.973-33.92c-14.291-2.219-26.541-11.392-32.64-24.448l-97.067-224.64c-7.808-16.683-23.51-25.003-39.254-25.003zM512.010 234.624l57.985 134.186c0.298 0.726 0.682 1.494 1.023 2.219 18.219 38.997 54.443 66.219 96.982 72.704l134.656 20.693-97.024 89.643c-1.107 1.067-2.221 2.133-3.283 3.243-28.205 29.013-41.178 70.229-34.688 110.208 0.256 1.581 0.595 3.155 0.934 4.691l31.917 144.429-127.361-66.003c-18.773-10.157-39.851-15.488-61.142-15.488-21.162 0-42.154 5.286-60.799 15.27l-130.048 66.221 33.962-143.149c0.47-2.003 0.896-4.006 1.238-6.016 6.442-39.977-6.528-81.15-34.731-110.163-1.024-1.11-2.176-2.176-3.285-3.243l-96.982-89.643 134.614-20.693c42.538-6.485 78.762-33.664 96.981-72.661 0.384-0.726 0.725-1.494 1.067-2.262l57.983-134.186z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["star"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 354, "id": 20, "name": "star", "prevSize": 32, "code": 59754 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 97
+    },
+    {
+      "icon": {
+        "paths": [
+          "M128 170.667c0-23.564 19.103-42.667 42.667-42.667h378.338c11.319 0 22.17 4.497 30.174 12.501l325.082 325.167c22.037 22.174 34.406 52.173 34.406 83.435 0 31.266-12.369 61.261-34.406 83.435l-271.343 271.415c-10.987 11.004-24.038 19.733-38.404 25.69s-29.769 9.024-45.321 9.024c-15.552 0-30.95-3.068-45.316-9.024s-27.413-14.686-38.404-25.685c0-0.004 0.004 0 0 0l-324.962-324.672c-8.010-8-12.51-18.859-12.51-30.182v-378.436zM213.333 213.333v318.084l312.516 312.235c3.063 3.072 6.703 5.504 10.709 7.164 4.006 1.664 8.299 2.517 12.634 2.517s8.631-0.853 12.634-2.517c4.006-1.66 7.646-4.092 10.714-7.164l271.194-271.266c0.013-0.013 0.021-0.021 0.034-0.034 6.127-6.182 9.566-14.537 9.566-23.249 0-8.708-3.439-17.067-9.566-23.249-0.013-0.009-0.021-0.021-0.034-0.034l-312.405-312.486h-317.995zM298.667 341.333c0-23.564 19.103-42.667 42.667-42.667h0.427c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667h-0.427c-23.564 0-42.667-19.103-42.667-42.667z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["tag"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 355, "id": 19, "name": "tag", "prevSize": 32, "code": 59755 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 98
+    },
+    {
+      "icon": {
+        "paths": [
+          "M639.915 213.312c-164.907 0-298.665 133.76-298.665 298.666 0 164.949 133.758 298.667 298.665 298.667 164.949 0 298.667-133.717 298.667-298.667 0-164.906-133.717-298.666-298.667-298.666zM639.915 298.646c117.675 0 213.333 95.701 213.333 213.333 0 117.675-95.659 213.333-213.333 213.333-117.632 0-213.331-95.659-213.331-213.333 0-117.632 95.699-213.333 213.331-213.333z",
+          "M290.324 228.618c-121.393 39.957-204.986 153.478-204.986 283.216s83.593 243.26 204.986 283.217c22.383 7.364 46.5-4.809 53.868-27.187 7.367-22.383-4.805-46.502-27.188-53.871-86.66-28.523-146.332-109.559-146.332-202.159s59.672-173.636 146.332-202.16c22.383-7.367 34.555-31.485 27.188-53.868s-31.485-34.555-53.868-27.188z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["token"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 356, "id": 18, "name": "token", "prevSize": 32, "code": 59756 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 99
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512 1024c282.768 0 512-229.232 512-512 0-282.77-229.232-512-512-512-282.77 0-512 229.23-512 512 0 282.768 229.23 512 512 512z",
+          "M501.592 258.457c6.554-3.276 14.262-3.276 20.815 0l232.723 116.364c7.885 3.942 12.865 12 12.865 20.816s-4.98 16.874-12.865 20.816l-232.723 116.363c-6.554 3.277-14.262 3.277-20.815 0l-232.723-116.363c-7.884-3.942-12.865-12-12.865-20.816s4.98-16.874 12.865-20.816l232.723-116.364zM331.316 395.636l180.684 90.345 180.685-90.345-180.685-90.344-180.684 90.344zM258.462 501.592c5.748-11.497 19.727-16.156 31.223-10.408l222.315 111.16 222.315-111.16c11.497-5.748 25.474-1.089 31.223 10.408s1.089 25.474-10.408 31.223l-232.723 116.364c-6.554 3.277-14.262 3.277-20.815 0l-232.723-116.364c-11.496-5.748-16.156-19.726-10.408-31.223zM258.462 617.956c5.748-11.497 19.727-16.156 31.223-10.408l222.315 111.16 222.315-111.16c11.497-5.748 25.474-1.089 31.223 10.408s1.089 25.474-10.408 31.223l-232.723 116.364c-6.554 3.277-14.262 3.277-20.815 0l-232.723-116.364c-11.496-5.748-16.156-19.726-10.408-31.223z"
+        ],
+        "attrs": [{ "fill": "rgb(255, 214, 0)" }, { "fill": "rgb(0, 0, 0)" }],
+        "isMulticolor": true,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-batch"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{ "f": 2 }, { "f": 0 }] }
+      },
+      "attrs": [{ "fill": "rgb(255, 214, 0)" }, { "fill": "rgb(0, 0, 0)" }],
+      "properties": {
+        "order": 357,
+        "id": 17,
+        "name": "transaction-batch",
+        "prevSize": 32,
+        "code": 59757,
+        "codes": [59757, 59758]
+      },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 100
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.085 691.2c-101.631 0-184.234-80.213-184.234-179.2s82.517-179.2 184.319-179.2c101.717 0 184.149 80.213 184.149 179.2s-82.432 179.2-184.235 179.2zM903.168 561.664c2.133-16.384 3.755-32.768 3.755-49.664s-1.621-33.792-3.755-51.2l111.104-83.456c4.843-3.771 8.149-9.172 9.314-15.198 1.161-6.026 0.094-12.269-2.999-17.57l-105.301-177.152c-3.132-5.387-8.085-9.481-13.965-11.545-5.884-2.065-12.305-1.965-18.121 0.281l-131.072 51.2c-27.273-20.606-57.178-37.48-88.917-50.176l-19.541-135.68c-1.161-6.099-4.429-11.595-9.233-15.526s-10.842-6.047-17.050-5.978h-210.516c-6.223-0.090-12.277 2.017-17.1 5.95s-8.105 9.44-9.268 15.554l-19.456 135.68c-33.195 12.8-61.611 30.208-88.917 50.176l-131.072-51.2c-5.824-2.269-12.268-2.381-18.168-0.315s-10.866 6.173-14.003 11.579l-105.216 177.152c-3.225 5.265-4.365 11.546-3.197 17.609s4.561 11.47 9.512 15.159l111.019 83.456c-2.251 16.977-3.476 34.074-3.669 51.2 0 16.896 1.621 33.28 3.669 49.664l-111.019 84.992c-4.951 3.691-8.343 9.097-9.512 15.159s-0.028 12.343 3.197 17.609l105.216 177.152c6.315 11.264 20.565 15.36 32.171 11.264l131.072-51.712c27.307 20.48 55.723 37.888 88.917 50.688l19.456 135.68c1.164 6.114 4.445 11.622 9.268 15.552 4.823 3.934 10.877 6.042 17.1 5.952h210.516c6.208 0.068 12.245-2.048 17.050-5.978s8.073-9.429 9.233-15.526l19.541-135.68c31.761-12.873 61.662-29.918 88.917-50.688l131.072 51.712c11.605 4.096 25.771 0 32.085-11.264l105.301-177.152c3.093-5.299 4.16-11.541 2.999-17.57-1.165-6.025-4.471-11.426-9.314-15.198l-111.104-84.992z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-change-settings"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 358, "id": 16, "name": "transaction-change-settings", "prevSize": 32, "code": 59759 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 101
+    },
+    {
+      "icon": {
+        "paths": [
+          "M384.023 810.637c-10.913 0-21.825-4.186-30.138-12.463l-256.063-255.953c-7.971-8.026-12.49-18.863-12.49-30.212 0-11.307 4.518-22.187 12.49-30.161l255.849-256.002c16.667-16.683 43.651-16.683 60.275 0 16.666 16.683 16.666 43.648 0 60.331l-225.669 225.833 225.882 225.754c16.666 16.683 16.666 43.644 0.043 60.373-8.312 8.316-19.267 12.501-30.18 12.501z",
+          "M640.009 810.637c-10.923 0-21.845-4.186-30.165-12.501-16.683-16.683-16.683-43.652 0-60.335l225.792-225.792-225.792-225.833c-16.683-16.683-16.683-43.648 0-60.331s43.648-16.683 60.331 0l255.962 256.002c16.678 16.678 16.678 43.648 0 60.331l-255.962 255.957c-8.32 8.316-19.238 12.501-30.165 12.501z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-contract"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 359, "id": 15, "name": "transaction-contract", "prevSize": 32, "code": 59760 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 102
+    },
+    {
+      "icon": {
+        "paths": [
+          "M541.212 54.359c240.375 14.001 430.564 211.967 430.564 456.688v11.187h-0.442c-6.035 245.036-209.306 445.74-454.684 445.753-243.412-0.013-447.798-191.936-462.5-425.19l-0.812-22.687c-2.69-269.914 212.311-468.533 464.437-466.5l23.437 0.75zM783.898 246.797c-143.603-146.78-380.79-150.589-530.748-10.375l-14.25 14.063c-141.5 146.739-122.166 357.857-38 470.188 47.114-64.858 94.135-129.594 141.125-194.188l8.125-10.5c2.674-3.169 5.381-5.966 8.063-8.375 5.455-4.897 11.597-8.618 18.875-9.812 7.292-1.189 14.301 0.376 21 3.313 6.57 2.884 13.519 7.387 21.062 12.875l93.313 68.188c49.069-64.449 98.020-128.683 148.875-195.437-27.175 5.656-52.363 10.95-77.563 15.875l0.063 0.063c-11.646 2.306-22.923 0.737-32.125-4.876-9.241-5.649-15.516-14.825-18.063-25.812l-0.063-0.062c-4.715-21.014 7.438-41.954 30.438-46.688l88.813-18.312c29.613-6.008 59.309-11.855 88.998-17.5 12-2.228 23.693-1.832 32.877 5.375 8.832 6.945 12.595 18.086 14.56 29.875l12.941 78c4.32 25.966 8.678 51.931 12.998 77.937l0.998 9.562c0.416 9.343-1.062 18.037-5.184 25.375-5.798 10.291-15.75 16.126-27.629 17.75-11.834 1.549-22.944-1.732-31.501-9.313-8.365-7.428-13.594-18.266-15.686-30.687-3.238-19.543-6.458-39.155-9.875-59.75-54.368 70.908-108.722 141.83-162.936 212.872-6.36 8.301-12.18 15.334-17.812 20.442-5.713 5.171-12.12 9.235-19.875 10.31-7.74 1.062-15.076-1.082-22.063-4.499-3.444-1.69-7.109-3.814-10.938-6.31l-12.25-8.563c-29.16-21.452-58.467-42.769-88.375-64.564-46.73 63.739-92.966 126.958-139.188 190.062 133.372 126.49 361.641 149.619 521.878-1.312l13.747-13.626c132.685-139.053 136.704-361.91 8.627-507.249l-13.254-14.312zM251.15 797.050c1.729 1.568 3.555 3.021 5.313 4.557-1.891-1.651-3.83-3.245-5.688-4.934l0.375 0.378zM181.462 712.237c3.613 5.53 7.3 10.918 11.188 16.058l8.687 10.938-8.375-10.56c-3.992-5.261-7.796-10.771-11.5-16.435zM556.588 340.047c2.835-1.724 6.084-3.063 9.75-3.812l-5.875 1.812c-1.375 0.573-2.658 1.26-3.875 2z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-earn"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 360, "id": 14, "name": "transaction-earn", "prevSize": 32, "code": 59761 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 103
+    },
+    {
+      "icon": {
+        "paths": [
+          "M876.556 99.153c-16.376-12.452-43.794-16.428-81.785-16.428-89.059 0-182.977 23.253-241.275 71.286l-8.995 7.909-18.629 18.704c-122.078-23.104-236.033-3.285-336.892 43.851-43.021 20.106-74.2 40.482-91.823 54.863-18.921 15.44-20.42 44.030-3.219 61.4l136.609 137.993-29.413 29.729-4.041 4.448c-39.17 47.084 1.384 129.102 75.762 204.194l7.22 7.16c74.795 72.868 155.006 110.064 199.406 65.319l29.471-29.848 136.684 138.031 3.85 3.432c17.334 13.631 42.77 11.059 56.971-6.685 14.246-17.797 34.427-49.279 54.338-92.721 45.351-98.931 65.171-210.33 45.294-329.597l-1.896-10.543 18.506-18.678 6.435-7.545c69.358-86.265 92.578-279.293 55.288-328.405-2.257-2.971-4.903-5.619-7.864-7.872zM566.87 701.26l164.086-165.642c5.059 82.842-12.075 160.698-44.503 231.436l-6.005 12.636c-4.051 8.225-8.184 16.048-12.513 23.618l-101.065-102.048zM794.771 165.433c-71.029 0-146.907 18.706-187.163 50.672l-6.373 5.449-336.346 339.499 1.029 3.826 2.098 6.078 1.384 3.404 2.501 5.517c11.216 23.376 32.218 51.823 58.882 78.742 26.676 26.931 54.846 48.144 77.987 59.474 3.792 1.86 7.298 3.371 10.436 4.542l4.42 1.503 3.793 1.008 335.704-338.928c26.477-29.211 44.896-81.041 52.543-141.297 2.634-20.728 3.785-41.26 3.527-59.102l-0.328-10.362-0.647-9.090-9.339-0.623-6.832-0.232-7.274-0.079zM198.963 311.785c7.741-4.16 15.89-8.26 24.431-12.252 70.062-32.743 147.18-50.044 229.247-44.929l-164.135 165.614-101.072-102.037 11.529-6.395z"
+        ],
+        "attrs": [{}],
+        "width": 983,
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-execute"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 361, "id": 13, "name": "transaction-execute", "prevSize": 32, "code": 59762 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 104
+    },
+    {
+      "icon": {
+        "paths": [
+          "M235.766 355.071c35.865-0.046 65.146 29.234 65.1 65.097v210.851l441.38-441.36c25.323-25.321 66.756-25.321 92.079 0 25.365 25.367 25.323 66.754 0 92.075l-441.38 441.36 210.908 0.047c35.819 0 65.097 29.282 65.097 65.097 0 35.819-29.278 65.097-65.097 65.097l-368.086-0.043c-5.433 0.090-10.313-1.843-15.331-3.085-3.084-0.785-6.307-0.691-9.346-1.89-2.717-1.058-4.834-3.174-7.274-4.693-12.385-7.138-22.652-17.498-28.176-30.754-1.151-2.901-1.059-6.033-1.796-9.071-1.335-5.107-3.177-9.988-3.177-15.607v-368.022c0-35.817 29.281-65.097 65.1-65.097z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-incoming"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 374, "id": 12, "name": "transaction-incoming", "prevSize": 32, "code": 59763 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 105
+    },
+    {
+      "icon": {
+        "paths": [
+          "M756.703 648.356c-34.431 0.045-62.538-28.336-62.493-63.095v-204.366l-423.727 427.787c-24.309 24.539-64.087 24.539-88.396 0-24.353-24.588-24.309-64.705 0-89.244l423.727-427.786-202.472-0.045c-34.386 0-62.496-28.379-62.496-63.095s28.11-63.094 62.496-63.094l353.361 0.045c5.218-0.089 9.9 1.785 14.717 2.99 2.961 0.759 6.058 0.669 8.974 1.829 2.609 1.026 4.641 3.079 6.984 4.551 11.887 6.917 21.746 16.956 27.050 29.807 1.102 2.811 1.016 5.845 1.72 8.79 1.282 4.953 3.052 9.683 3.052 15.127v356.704c0 34.714-28.111 63.095-62.497 63.095z"
+        ],
+        "attrs": [{}],
+        "width": 983,
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-outgoing"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 373, "id": 11, "name": "transaction-outgoing", "prevSize": 32, "code": 59764 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 106
+    },
+    {
+      "icon": {
+        "paths": [
+          "M832.499 512.32c0-176.555-143.539-320.181-320-320.32v-128c239.91 0.135 436.343 189.779 447.501 427.012v-1.557c0.384 7.573 0.576 15.198 0.576 22.865s-0.192 15.287-0.576 22.865v-1.557c-10.803 229.734-195.358 414.784-424.887 426.372h0.009c-0.9 0.047-1.805 0.090-2.709 0.128-6.682 0.299-13.402 0.448-20.156 0.448zM512.499 960v-127.424c176.461-0.141 320-143.765 320-320.256zM512.499 960h-0.499v-896c-239.909 0.135-436.344 189.779-447.5 427.012v-1.557c-0.382 7.573-0.576 15.198-0.576 22.865s0.194 15.287 0.576 22.865v-1.557c10.804 229.734 195.36 414.784 424.891 426.372h-0.013c0.055 0.004 0.111 0.004 0.166 0.009 7.518 0.375 15.087 0.567 22.699 0.567z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-partial-fill"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 372, "id": 10, "name": "transaction-partial-fill", "prevSize": 32, "code": 59765 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 107
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.009 42.671c-63.962-0.254-127.283 12.687-186.014 38.014s-111.606 62.497-155.32 109.186v-83.2c0.070-6.185-1.206-12.311-3.738-17.954s-6.262-10.668-10.929-14.726c-4.667-4.059-10.161-7.054-16.101-8.778s-12.183-2.137-18.298-1.209c-10.351 2.006-19.661 7.599-26.295 15.793s-10.164 18.466-9.972 29.007v189.867c0 11.316 4.495 22.168 12.497 30.17s18.854 12.497 30.17 12.497h192c6.185 0.070 12.311-1.206 17.954-3.738s10.668-6.262 14.726-10.929c4.059-4.667 7.054-10.161 8.779-16.101s2.137-12.183 1.208-18.298c-2.006-10.351-7.599-19.661-15.793-26.295s-18.466-10.164-29.007-9.972h-91.733c49.696-55.344 114.396-95.063 186.238-114.332 71.84-19.269 147.736-17.258 218.456 5.789s133.227 66.136 179.921 124.034c46.694 57.898 75.571 128.111 83.119 202.109 1.058 10.56 6.020 20.348 13.909 27.447s18.142 11.004 28.757 10.953c5.982 0.030 11.9-1.199 17.374-3.605 5.478-2.406 10.385-5.935 14.409-10.359 4.023-4.429 7.074-9.647 8.947-15.33 1.873-5.679 2.534-11.686 1.937-17.638-11.639-115.805-65.89-223.153-152.226-301.208-86.332-78.054-198.588-121.247-314.974-121.193z",
+          "M896.081 682.667h-192c-6.187-0.068-12.309 1.207-17.954 3.738-5.645 2.534-10.667 6.263-14.724 10.931-4.062 4.668-7.057 10.159-8.781 16.098-1.724 5.943-2.138 12.186-1.207 18.3 2.005 10.351 7.599 19.661 15.791 26.295 8.196 6.635 18.466 10.163 29.009 9.971h91.733c-49.698 55.343-114.398 95.061-186.24 114.334-71.842 19.268-147.733 17.254-218.455-5.79-70.721-23.049-133.227-66.138-179.922-124.036-46.695-57.894-75.571-128.111-83.117-202.108-1.061-10.56-6.021-20.348-13.91-27.447s-18.142-11.004-28.756-10.953c-5.981-0.030-11.901 1.199-17.377 3.605s-10.385 5.935-14.408 10.359c-4.023 4.429-7.071 9.647-8.946 15.33-1.875 5.679-2.534 11.686-1.936 17.638 8.961 89.579 43.494 174.686 99.483 245.18s131.070 123.401 216.292 152.405c85.223 29.009 176.986 32.892 264.355 11.191 87.373-21.696 166.656-68.066 228.403-133.577v83.2c-0.073 6.187 1.203 12.309 3.738 17.954s6.263 10.667 10.927 14.724c4.668 4.062 10.163 7.057 16.102 8.781s12.186 2.138 18.3 1.207c10.351-2.005 19.661-7.599 26.295-15.791 6.63-8.196 10.163-18.466 9.971-29.009v-189.867c0-11.315-4.497-22.17-12.497-30.17s-18.854-12.497-30.17-12.497z",
+          "M738.837 465.613h-180.275v-180.274c0-25.617-20.766-46.409-46.409-46.409-25.617 0-46.409 20.791-46.409 46.409v180.274h-180.225c-25.641 0-46.408 20.791-46.408 46.409s20.768 46.409 46.408 46.409h180.225v180.25c0 25.617 20.791 46.409 46.409 46.409 25.643 0 46.409-20.791 46.409-46.409v-180.25h180.275c25.617 0 46.409-20.791 46.409-46.409s-20.791-46.409-46.409-46.409z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-recovery"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 371, "id": 9, "name": "transaction-recovery", "prevSize": 32, "code": 59766 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 108
+    },
+    {
+      "icon": {
+        "paths": [
+          "M980.258 154.546c3.703-20.891 3.699-20.892 3.691-20.893l16.439 2.448 2.675 15.065c-0.004-0.008-0.004-0.015-22.805 3.38z",
+          "M70.168 151.181l-0.013 0.074-0.029 0.169-0.098 0.578-0.336 2.087c-0.28 1.795-0.663 4.384-1.1 7.688-0.873 6.605-1.961 16.079-2.86 27.772-1.793 23.348-2.842 55.745 0.164 91.934 5.942 71.526 28.060 161.951 96.514 224.671 51.195 46.903 119.207 69.956 182.265 80.905 50.973 8.849 100.099 10.035 137.33 8.9v252.002c0 26.53 23.475 48.038 52.433 48.038s52.433-21.508 52.433-48.038v-252.109c36.843 1.323 86.306 0.474 137.907-8.124 64.137-10.688 133.828-33.724 186.031-81.553 68.463-62.724 90.581-153.159 96.525-224.693 3.008-36.193 1.958-68.593 0.162-91.944-0.896-11.695-1.984-21.17-2.859-27.776-0.435-3.304-0.819-5.894-1.101-7.689l-0.337-2.087-0.094-0.578-0.030-0.169-0.013-0.074-22.805 3.38 3.691-20.893-0.9-0.129-2.278-0.308c-1.958-0.256-4.783-0.608-8.388-1.008-7.211-0.8-17.553-1.798-30.319-2.621-25.485-1.643-60.847-2.604-100.352 0.15-78.071 5.445-176.777 25.712-245.239 88.438-26.227 24.029-45.611 52.096-59.883 81.484-14.268-29.386-33.651-57.45-59.874-81.478-68.455-62.719-167.148-82.984-245.214-88.428-39.498-2.755-74.857-1.793-100.34-0.15-12.763 0.823-23.103 1.82-30.312 2.62-3.606 0.4-6.432 0.751-8.391 1.008l-2.278 0.308-0.631 0.090-0.185 0.027-0.081 0.012 3.688 20.893c-3.702-20.873-3.696-20.892-3.688-20.893l-16.442 2.448-2.672 15.065c0.002-0.008 0.020-0.012 22.802 3.38l-22.802-3.38zM849.673 225.542c19.631-1.369 38.182-1.648 54.579-1.356 0.316 15.023 0.013 32.019-1.481 50.006-5.303 63.805-24.358 125.788-66.112 164.047-41.758 38.259-109.41 55.718-179.051 60.574-19.631 1.37-38.182 1.647-54.575 1.357-0.32-15.023-0.017-32.021 1.481-50.005 5.299-63.806 24.354-125.789 66.112-164.048 41.754-38.258 109.406-55.717 179.046-60.573zM170.461 274.192c-1.494-17.981-1.799-34.972-1.481-49.99 16.392-0.292 34.937-0.012 54.562 1.356 69.631 4.855 137.271 22.312 179.020 60.564 41.747 38.252 60.802 100.224 66.101 164.020 1.493 17.98 1.801 34.974 1.481 49.993-16.393 0.29-34.935 0.013-54.562-1.357-69.63-4.855-137.27-22.315-179.020-60.565s-60.802-100.224-66.102-164.020z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-stake"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 370, "id": 8, "name": "transaction-stake", "prevSize": 32, "code": 59767 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 109
+    },
+    {
+      "icon": {
+        "paths": [
+          "M670.175 133.068c-12.157-11.836-31.605-11.576-43.438 0.58-11.837 12.156-11.579 31.605 0.578 43.44l73.273 71.343h-370.421c-41.68 0-81.813 16.114-111.528 45.047-29.744 28.96-46.609 68.416-46.609 109.735v62.031c0 16.966 13.754 30.72 30.72 30.72s30.72-13.754 30.72-30.72v-62.031c0-24.487 9.983-48.143 28.031-65.715 18.075-17.599 42.761-27.628 68.667-27.628h370.396l-73.249 71.321c-12.157 11.835-12.415 31.283-0.578 43.44 11.833 12.157 31.281 12.415 43.438 0.582l127.418-124.063c5.939-5.783 9.29-13.721 9.29-22.010s-3.351-16.227-9.29-22.010l-127.418-124.062zM352.178 567.869c11.836 12.153 11.576 31.605-0.58 43.438l-73.254 71.324h370.368c25.907 0 50.594-10.027 68.669-27.628 18.047-17.572 28.029-41.226 28.029-65.712v-62.034c0-16.966 13.754-30.72 30.72-30.72s30.72 13.754 30.72 30.72v62.034c0 41.316-16.867 80.773-46.608 109.732-29.716 28.934-69.849 45.048-111.53 45.048h-370.384l73.27 71.34c12.156 11.837 12.415 31.285 0.58 43.442-11.836 12.153-31.284 12.415-43.441 0.578l-127.418-124.060c-1.823-1.778-3.403-3.756-4.716-5.886-2.755-4.452-4.403-9.662-4.561-15.249-0.009-0.291-0.013-0.59-0.013-0.885 0-8.843 3.739-16.818 9.723-22.422l126.985-123.642c12.156-11.833 31.605-11.575 43.441 0.582z"
+        ],
+        "attrs": [{}],
+        "width": 983,
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-swap"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 369, "id": 7, "name": "transaction-swap", "prevSize": 32, "code": 59768 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 110
+    },
+    {
+      "icon": {
+        "paths": [
+          "M967.629 575.548c-18.27-19.029-48.141-19.029-66.411 0l-107.558 111.753v-467.835c0-26.839-21.137-48.799-46.972-48.799-25.877 0-46.967 21.959-46.967 48.799v467.835l-107.605-111.753c-18.27-18.982-48.141-18.982-66.411 0-18.274 18.987-18.274 50.022 0 69.005l187.78 195.046c2.722 2.927 6.199 4.489 9.391 6.49 1.975 1.22 3.571 2.978 5.73 3.955 1.929 0.879 4.087 0.879 6.106 1.365 9.958 2.782 20.48 2.731 30.063-1.365 2.065-0.93 3.614-2.637 5.542-3.857 3.285-2.001 6.716-3.61 9.579-6.588l187.733-195.046c18.274-18.982 18.274-50.018 0-69.005z",
+          "M498.295 448.452c-18.27 19.029-48.141 19.029-66.411 0l-107.559-111.751v467.834c0 26.837-21.136 48.798-46.969 48.798-25.879 0-46.969-21.961-46.969-48.798v-467.834l-107.605 111.751c-18.271 18.982-48.143 18.982-66.413 0-18.271-18.987-18.271-50.021 0-69.004l187.78-195.048c2.724-2.928 6.2-4.49 9.393-6.49 1.973-1.22 3.569-2.977 5.73-3.953 1.926-0.879 4.086-0.879 6.106-1.366 9.957-2.782 20.478-2.733 30.060 1.366 2.066 0.927 3.616 2.635 5.542 3.855 3.287 2.001 6.716 3.611 9.581 6.588l187.732 195.048c18.274 18.983 18.274 50.017 0 69.004z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transactions"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 368, "id": 6, "name": "transactions", "prevSize": 32, "code": 59769 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 111
+    },
+    {
+      "icon": {
+        "paths": [
+          "M111.711 109.709l310.636 443.769-312.598 360.801h70.353l273.679-315.886 221.124 315.886h239.418l-328.116-468.728 290.964-335.842h-70.355l-252.043 290.927-203.647-290.927h-239.415zM215.171 165.077h109.988l485.689 693.828h-109.99l-485.686-693.828z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["twitter-x"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 367, "id": 5, "name": "twitter-x", "prevSize": 32, "code": 59770 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 112
+    },
+    {
+      "icon": {
+        "paths": [
+          "M768 810.522c0 23.552-19.115 42.667-42.667 42.667h-426.667c-23.552 0-42.667-19.115-42.667-42.667v-298.667c0-23.552 19.115-42.667 42.667-42.667h426.667c23.552 0 42.667 19.115 42.667 42.667v298.667zM768.171 391.791v-50.432c0-141.184-114.859-256.043-256-256.043-103.125 0-195.669 61.397-235.819 156.373-9.173 21.717 0.939 46.763 22.656 55.936 21.675 9.131 46.763-1.024 55.893-22.699 26.795-63.317 88.533-104.277 157.269-104.277 94.123 0 170.667 76.587 170.667 170.709v42.496h-384.171c-70.571 0-128 57.429-128 128v298.667c0 70.571 57.429 128 128 128h426.667c70.571 0 128-57.429 128-128v-298.667c0-55.509-35.712-102.357-85.163-120.064z",
+          "M576 618.398c0-35.371-28.672-64-64-64s-64 28.629-64 64c0 18.901 8.363 35.755 21.419 47.445v59.051c0 23.637 19.157 42.795 42.837 42.795 23.637 0 42.795-19.157 42.795-42.795v-59.392c12.8-11.733 20.949-28.416 20.949-47.104z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["unlock"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 366, "id": 4, "name": "unlock", "prevSize": 32, "code": 59771 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 113
+    },
+    {
+      "icon": {
+        "paths": [
+          "M908.809 229.248c-22.528-7.253-46.464 4.992-53.803 27.392l-16.896 52.053c-68.864-110.805-190.507-180.693-325.973-180.693-178.987 0-332.672 121.515-373.76 295.467-5.419 22.912 8.789 45.909 31.787 51.328 3.285 0.725 6.571 1.109 9.813 1.109 19.328 0 36.821-13.184 41.515-32.853 31.915-135.253 151.424-229.717 290.646-229.717 106.283 0 200.96 55.808 254.251 143.317l-66.133-20.309c-22.571-6.997-46.421 5.803-53.333 28.245-6.912 22.528 5.76 46.421 28.245 53.333l157.312 48.341c4.181 1.28 8.405 1.877 12.544 1.877 18.005 0 34.688-11.477 40.576-29.483l50.603-155.605c7.253-22.443-5.035-46.507-27.392-53.803z",
+          "M855.309 536.375c-23.424-4.565-45.611 10.539-50.133 33.621-27.392 139.477-150.656 240.683-293.035 240.683-105.941 0-200.704-55.765-254.037-143.104l65.237 20.096c22.613 7.040 46.421-5.76 53.333-28.245 6.912-22.571-5.717-46.421-28.245-53.333l-157.269-48.384c-22.315-6.869-45.909 5.461-53.163 27.605l-50.56 155.691c-7.296 22.357 4.992 46.464 27.435 53.76 4.352 1.408 8.789 2.048 13.141 2.048 18.005 0 34.731-11.435 40.576-29.483l17.152-52.736c68.779 111.189 190.891 181.419 326.4 181.419 183.040 0 341.504-130.176 376.789-309.504 4.565-23.125-10.539-45.611-33.621-50.133z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["update"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 364, "id": 3, "name": "update", "prevSize": 32, "code": 59772 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 114
+    },
+    {
+      "icon": {
+        "paths": [
+          "M469.312 359.087v536.875c0 23.595 19.115 42.667 42.667 42.667 23.595 0 42.667-19.072 42.667-42.667v-536.875l175.872 175.829c16.683 16.683 43.691 16.683 60.331 0 16.683-16.683 16.683-43.648 0-60.331l-241.365-241.365c-1.237-1.237-2.56-2.389-3.883-3.413-7.851-10.027-19.968-16.384-33.621-16.384-13.611 0-25.771 6.357-33.579 16.384-1.323 1.024-2.688 2.176-3.883 3.413l-241.365 241.365c-16.683 16.683-16.683 43.648 0 60.331 16.64 16.683 43.648 16.683 60.331 0l175.829-175.829z",
+          "M895.979 170.667h-768c-23.467 0-42.667-19.2-42.667-42.667s19.2-42.667 42.667-42.667h768c23.509 0 42.667 19.2 42.667 42.667s-19.157 42.667-42.667 42.667z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["upload"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 365, "id": 2, "name": "upload", "prevSize": 32, "code": 59773 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 115
+    },
+    {
+      "icon": {
+        "paths": [
+          "M896 640v85.333c0 47.13-38.204 85.333-85.333 85.333h-640c-47.128 0-85.333-38.204-85.333-85.333v-426.667c0-47.128 38.205-85.333 85.333-85.333h640c47.13 0 85.333 38.205 85.333 85.333v85.333c23.565 0 42.667 19.103 42.667 42.667v170.667c0 23.565-19.102 42.667-42.667 42.667zM810.667 384v-85.333h-640v426.667h640v-85.333h-128c-23.565 0-42.667-19.102-42.667-42.667v-170.667c0-23.564 19.102-42.667 42.667-42.667h128zM725.333 554.667v-85.333h128v85.333h-128z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["wallet"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 363, "id": 1, "name": "wallet", "prevSize": 32, "code": 59774 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 116
+    },
+    {
+      "icon": {
+        "paths": [
+          "M327.638 166.603c50.311 0 86.695 34.066 113.199 80.535 8.055 14.121 14.566 28.392 19.712 41.37h-132.911c-16.764 0-32.842-6.421-44.696-17.852s-18.513-26.935-18.513-43.1c0-16.166 6.659-31.669 18.513-43.1s27.932-17.853 44.696-17.853zM512 203.349c-32.030-54.196-89.885-118.016-184.362-118.016-39.117 0-76.631 14.984-104.291 41.656s-43.199 62.847-43.199 100.566c0 35.073 13.435 68.811 37.557 94.815h-93.584c-21.422 0-38.788 15.16-38.788 33.862v169.314c0 18.701 17.366 33.86 38.788 33.86h8.62v343.706c0 19.635 18.867 35.554 42.14 35.554h674.237c23.275 0 42.142-15.919 42.142-35.554v-343.706h8.619c21.423 0 38.788-15.159 38.788-33.86v-169.314c0-18.702-17.365-33.862-38.788-33.862h-93.585c24.124-26.004 37.559-59.742 37.559-94.815 0-37.719-15.539-73.894-43.2-100.566s-65.173-41.656-104.29-41.656c-94.477 0-152.333 63.82-184.363 118.016zM559.407 867.554v-308.147h247.573v308.147h-247.573zM464.593 559.407v308.147h-247.572v-308.147h247.572zM559.407 491.682v-101.587h301.683v101.587h-301.683zM464.593 390.095v101.587h-301.684v-101.587h301.684zM696.363 288.508h-132.911c5.146-12.978 11.657-27.249 19.712-41.37 26.505-46.469 62.886-80.535 113.199-80.535 16.764 0 32.841 6.422 44.698 17.853 11.853 11.431 18.513 26.934 18.513 43.1s-6.66 31.669-18.513 43.1c-11.857 11.431-27.934 17.852-44.698 17.852z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["what-is-new"],
+        "colorPermutations": { "11611631671255214012559511412828281": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 362, "id": 0, "name": "what-is-new", "prevSize": 32, "code": 59775 },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 117
+    }
+  ],
+  "height": 1024,
+  "metadata": { "name": "safe-icons" },
+  "preferences": {
+    "showGlyphs": true,
+    "showCodes": true,
+    "showQuickUse": true,
+    "showQuickUse2": true,
+    "showSVGs": true,
+    "fontPref": {
+      "prefix": "icon-",
+      "metadata": { "fontFamily": "safe-icons", "majorVersion": 1, "minorVersion": 0 },
+      "metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+      "embed": false,
+      "noie8": true,
+      "ie7": false
+    },
+    "imagePref": { "prefix": "icon-", "png": true, "useClassSelector": true, "color": 0, "bgColor": 16777215 },
+    "historySize": 50,
+    "gridSize": 16
+  }
+}
diff --git a/apps/mobile/resources/icons/safe-icons/style.css b/apps/mobile/resources/icons/safe-icons/style.css
new file mode 100644
index 000000000..897ec82d0
--- /dev/null
+++ b/apps/mobile/resources/icons/safe-icons/style.css
@@ -0,0 +1,436 @@
+@font-face {
+  font-family: 'safe-icons';
+  src:
+    url('fonts/safe-icons.ttf?kyw090') format('truetype'),
+    url('fonts/safe-icons.woff?kyw090') format('woff'),
+    url('fonts/safe-icons.svg?kyw090#safe-icons') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'safe-icons' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-add-owner:before {
+  content: "\e900";
+}
+.icon-address-book:before {
+  content: "\e901";
+}
+.icon-address-book-empty-list .path1:before {
+  content: "\e902";
+  color: rgb(28, 28, 28);
+}
+.icon-address-book-empty-list .path2:before {
+  content: "\e903";
+  margin-left: -1.005859375em;
+  color: rgb(28, 28, 28);
+}
+.icon-address-book-empty-list .path3:before {
+  content: "\e904";
+  margin-left: -1.005859375em;
+  color: rgb(28, 28, 28);
+}
+.icon-address-book-empty-list .path4:before {
+  content: "\e905";
+  margin-left: -1.005859375em;
+  color: rgb(161, 163, 167);
+}
+.icon-address-book-empty-list .path5:before {
+  content: "\e906";
+  margin-left: -1.005859375em;
+  color: rgb(161, 163, 167);
+}
+.icon-address-book-empty-list .path6:before {
+  content: "\e907";
+  margin-left: -1.005859375em;
+  color: rgb(28, 28, 28);
+}
+.icon-address-book-empty-list .path7:before {
+  content: "\e908";
+  margin-left: -1.005859375em;
+  color: rgb(161, 163, 167);
+}
+.icon-address-book-empty-list .path8:before {
+  content: "\e909";
+  margin-left: -1.005859375em;
+  color: rgb(161, 163, 167);
+}
+.icon-address-book-empty-list .path9:before {
+  content: "\e90a";
+  margin-left: -1.005859375em;
+  color: rgb(28, 28, 28);
+}
+.icon-address-book-empty-list .path10:before {
+  content: "\e90b";
+  margin-left: -1.005859375em;
+  color: rgb(161, 163, 167);
+}
+.icon-alert:before {
+  content: "\e90c";
+  color: #ff5f72;
+}
+.icon-alert-triangle:before {
+  content: "\e90d";
+  color: #ff5f72;
+}
+.icon-appearance:before {
+  content: "\e90e";
+}
+.icon-apps:before {
+  content: "\e90f";
+}
+.icon-arrow-down:before {
+  content: "\e910";
+}
+.icon-arrow-down-1:before {
+  content: "\e911";
+}
+.icon-arrow-left:before {
+  content: "\e912";
+}
+.icon-arrow-right:before {
+  content: "\e913";
+}
+.icon-arrow-sort:before {
+  content: "\e914";
+}
+.icon-arrow-up:before {
+  content: "\e915";
+}
+.icon-arrrow-right:before {
+  content: "\e916";
+}
+.icon-batch:before {
+  content: "\e917";
+}
+.icon-bell:before {
+  content: "\e918";
+}
+.icon-block:before {
+  content: "\e919";
+  color: #ff5f72;
+}
+.icon-blocks:before {
+  content: "\e91a";
+}
+.icon-blocks-1:before {
+  content: "\e91b";
+}
+.icon-bookmark:before {
+  content: "\e91c";
+}
+.icon-bookmark-filled:before {
+  content: "\e91d";
+}
+.icon-camera:before {
+  content: "\e91e";
+}
+.icon-chat:before {
+  content: "\e91f";
+}
+.icon-check:before {
+  content: "\e920";
+}
+.icon-check-filled:before {
+  content: "\e921";
+}
+.icon-check-notifications:before {
+  content: "\e922";
+}
+.icon-check-oulined:before {
+  content: "\e923";
+}
+.icon-chevron-down:before {
+  content: "\e924";
+}
+.icon-chevron-left:before {
+  content: "\e925";
+}
+.icon-chevron-right:before {
+  content: "\e926";
+}
+.icon-chevron-up:before {
+  content: "\e927";
+}
+.icon-clock:before {
+  content: "\e928";
+}
+.icon-close:before {
+  content: "\e929";
+}
+.icon-close-filled:before {
+  content: "\e92a";
+}
+.icon-close-outlined:before {
+  content: "\e92b";
+}
+.icon-code-blocks:before {
+  content: "\e92c";
+}
+.icon-copy:before {
+  content: "\e92d";
+}
+.icon-dapp-logo:before {
+  content: "\e92e";
+}
+.icon-delete:before {
+  content: "\e92f";
+}
+.icon-desktop:before {
+  content: "\e930";
+}
+.icon-document:before {
+  content: "\e931";
+}
+.icon-double-arrow:before {
+  content: "\e932";
+}
+.icon-download:before {
+  content: "\e933";
+}
+.icon-dropdown-arrow-small:before {
+  content: "\e934";
+}
+.icon-edit:before {
+  content: "\e935";
+}
+.icon-edit-owner:before {
+  content: "\e936";
+}
+.icon-element-drag:before {
+  content: "\e937";
+}
+.icon-experimental:before {
+  content: "\e938";
+}
+.icon-export:before {
+  content: "\e939";
+}
+.icon-external-link:before {
+  content: "\e93a";
+}
+.icon-eye-n:before {
+  content: "\e93b";
+}
+.icon-eye-off:before {
+  content: "\e93c";
+}
+.icon-eye-on:before {
+  content: "\e93d";
+}
+.icon-face-id:before {
+  content: "\e93e";
+}
+.icon-file:before {
+  content: "\e93f";
+}
+.icon-filter:before {
+  content: "\e940";
+}
+.icon-fingerprint:before {
+  content: "\e941";
+  color: #a1a3a7;
+}
+.icon-hardware:before {
+  content: "\e942";
+}
+.icon-home:before {
+  content: "\e943";
+}
+.icon-info:before {
+  content: "\e944";
+}
+.icon-key:before {
+  content: "\e945";
+}
+.icon-keystone:before {
+  content: "\e946";
+}
+.icon-ledger:before {
+  content: "\e947";
+}
+.icon-lightbulb:before {
+  content: "\e948";
+}
+.icon-link:before {
+  content: "\e949";
+}
+.icon-lock:before {
+  content: "\e94a";
+}
+.icon-magic:before {
+  content: "\e94b";
+}
+.icon-mobile:before {
+  content: "\e94c";
+}
+.icon-nft:before {
+  content: "\e94d";
+}
+.icon-options-horizontal:before {
+  content: "\e94e";
+}
+.icon-options-vertical:before {
+  content: "\e94f";
+}
+.icon-owners:before {
+  content: "\e950";
+}
+.icon-paste:before {
+  content: "\e951";
+}
+.icon-plus:before {
+  content: "\e952";
+}
+.icon-plus-filled:before {
+  content: "\e953";
+}
+.icon-plus-outlined:before {
+  content: "\e954";
+}
+.icon-points:before {
+  content: "\e955";
+}
+.icon-qr-code:before {
+  content: "\e956";
+}
+.icon-qr-code-1:before {
+  content: "\e957";
+}
+.icon-question:before {
+  content: "\e958";
+}
+.icon-repeat:before {
+  content: "\e959";
+}
+.icon-replace-owner:before {
+  content: "\e95a";
+}
+.icon-rows:before {
+  content: "\e95b";
+}
+.icon-rows-1:before {
+  content: "\e95c";
+}
+.icon-rows-2:before {
+  content: "\e95d";
+}
+.icon-safe:before {
+  content: "\e95e";
+}
+.icon-scan:before {
+  content: "\e95f";
+}
+.icon-scan-1:before {
+  content: "\e960";
+}
+.icon-search:before {
+  content: "\e961";
+}
+.icon-seed:before {
+  content: "\e962";
+}
+.icon-send-to:before {
+  content: "\e963";
+}
+.icon-settings:before {
+  content: "\e964";
+}
+.icon-share:before {
+  content: "\e965";
+}
+.icon-shield:before {
+  content: "\e966";
+}
+.icon-shield-crossed:before {
+  content: "\e967";
+}
+.icon-sign:before {
+  content: "\e968";
+}
+.icon-signature:before {
+  content: "\e969";
+}
+.icon-star:before {
+  content: "\e96a";
+}
+.icon-tag:before {
+  content: "\e96b";
+}
+.icon-token:before {
+  content: "\e96c";
+}
+.icon-transaction-batch .path1:before {
+  content: "\e96d";
+  color: rgb(255, 214, 0);
+}
+.icon-transaction-batch .path2:before {
+  content: "\e96e";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-transaction-change-settings:before {
+  content: "\e96f";
+}
+.icon-transaction-contract:before {
+  content: "\e970";
+}
+.icon-transaction-earn:before {
+  content: "\e971";
+}
+.icon-transaction-execute:before {
+  content: "\e972";
+}
+.icon-transaction-incoming:before {
+  content: "\e973";
+}
+.icon-transaction-outgoing:before {
+  content: "\e974";
+}
+.icon-transaction-partial-fill:before {
+  content: "\e975";
+}
+.icon-transaction-recovery:before {
+  content: "\e976";
+}
+.icon-transaction-stake:before {
+  content: "\e977";
+}
+.icon-transaction-swap:before {
+  content: "\e978";
+}
+.icon-transactions:before {
+  content: "\e979";
+}
+.icon-twitter-x:before {
+  content: "\e97a";
+}
+.icon-unlock:before {
+  content: "\e97b";
+}
+.icon-update:before {
+  content: "\e97c";
+}
+.icon-upload:before {
+  content: "\e97d";
+}
+.icon-wallet:before {
+  content: "\e97e";
+}
+.icon-what-is-new:before {
+  content: "\e97f";
+}
diff --git a/apps/mobile/resources/icons/source-svgs/add-owner.svg b/apps/mobile/resources/icons/source-svgs/add-owner.svg
new file mode 100644
index 000000000..326e11ccb
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/add-owner.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0106 4C14.6646 4 16.0106 5.346 16.0106 7C16.0106 8.654 14.6646 10 13.0106 10C11.3566 10 10.0106 8.654 10.0106 7C10.0106 5.346 11.3566 4 13.0106 4ZM22.9676 20.726C21.8366 16.85 19.9606 12.494 15.4816 11.32C16.9846 10.457 18.0106 8.854 18.0106 7C18.0106 4.243 15.7676 2 13.0106 2C10.2536 2 8.0106 4.243 8.0106 7C8.0106 8.859 9.0426 10.466 10.5526 11.327C9.8966 11.504 9.2726 11.746 8.6936 12.07C8.2106 12.34 8.0386 12.949 8.3096 13.431C8.5776 13.911 9.1886 14.086 9.6696 13.814C10.6426 13.271 11.7346 13.006 13.0076 13.006C16.9496 13.006 19.3546 15.482 21.0476 21.286C21.1746 21.723 21.5736 22.006 22.0076 22.006C22.0996 22.006 22.1946 21.993 22.2876 21.966C22.8186 21.812 23.1216 21.256 22.9676 20.726Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.99889 17.003H8.99889C9.55089 17.003 9.99889 17.451 9.99889 18.003C9.99889 18.556 9.55089 19.003 8.99889 19.003H6.99889V21.003C6.99889 21.555 6.55189 22.003 5.99889 22.003C5.44689 22.003 4.99889 21.555 4.99889 21.003V19.003H2.99989C2.44789 19.003 1.99989 18.556 1.99989 18.003C1.99989 17.451 2.44789 17.003 2.99989 17.003H4.99889V15.004C4.99889 14.451 5.44689 14.004 5.99889 14.004C6.55189 14.004 6.99889 14.451 6.99889 15.004V17.003Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/address-book-empty-list.svg b/apps/mobile/resources/icons/source-svgs/address-book-empty-list.svg
new file mode 100644
index 000000000..663618017
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/address-book-empty-list.svg
@@ -0,0 +1,66 @@
+;<svg width="161" height="160" viewBox="0 0 161 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M66.79 146.58C93.4598 146.58 115.08 124.96 115.08 98.29C115.08 71.6202 93.4598 50 66.79 50C40.1202 50 18.5 71.6202 18.5 98.29C18.5 124.96 40.1202 146.58 66.79 146.58Z"
+    fill="#1C1C1C"
+  />
+  <path
+    d="M99.85 125.7C126.001 125.7 147.2 104.501 147.2 78.35C147.2 52.1993 126.001 31 99.85 31C73.6993 31 52.5 52.1993 52.5 78.35C52.5 104.501 73.6993 125.7 99.85 125.7Z"
+    fill="#1C1C1C"
+  />
+  <path
+    d="M99.85 125.7C126.001 125.7 147.2 104.501 147.2 78.35C147.2 52.1993 126.001 31 99.85 31C73.6993 31 52.5 52.1993 52.5 78.35C52.5 104.501 73.6993 125.7 99.85 125.7Z"
+    fill="#1C1C1C"
+    stroke="#A1A3A7"
+    stroke-width="1.33"
+    stroke-miterlimit="10"
+    stroke-linecap="round"
+    stroke-dasharray="6 6"
+  />
+  <path
+    d="M44.0699 74.4904C60.5943 74.4904 73.9899 61.0947 73.9899 44.5704C73.9899 28.046 60.5943 14.6504 44.0699 14.6504C27.5455 14.6504 14.1499 28.046 14.1499 44.5704C14.1499 61.0947 27.5455 74.4904 44.0699 74.4904Z"
+    fill="#1C1C1C"
+  />
+  <path
+    d="M46.6344 47.5343L46.0344 47.5343L46.0344 48.1343L46.0344 57.5376C46.0344 58.9374 44.8997 60.0721 43.5 60.0721C42.1003 60.0721 40.9656 58.9374 40.9656 57.5376L40.9656 48.1343L40.9656 47.5343L40.3656 47.5343L30.9622 47.5343C29.5625 47.5343 28.4278 46.3996 28.4278 44.9999C28.4278 43.6001 29.5625 42.4654 30.9622 42.4654L40.3656 42.4654L40.9656 42.4654L40.9656 41.8654L40.9656 32.4621C40.9656 31.0623 42.1003 29.9276 43.5 29.9276C44.8997 29.9276 46.0344 31.0623 46.0344 32.4621L46.0344 41.8654L46.0344 42.4654L46.6344 42.4654L56.0378 42.4654C57.4375 42.4654 58.5722 43.6001 58.5722 44.9999C58.5722 46.3996 57.4375 47.5343 56.0378 47.5343L46.6344 47.5343Z"
+    stroke="#A1A3A7"
+    stroke-width="1.2"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M44.07 15.3C27.9046 15.3 14.8 28.4046 14.8 44.57C14.8 60.7354 27.9046 73.84 44.07 73.84C60.2354 73.84 73.34 60.7354 73.34 44.57C73.34 28.4046 60.2354 15.3 44.07 15.3ZM13.5 44.57C13.5 27.6867 27.1867 14 44.07 14C60.9533 14 74.64 27.6867 74.64 44.57C74.64 61.4533 60.9533 75.14 44.07 75.14C27.1867 75.14 13.5 61.4533 13.5 44.57Z"
+    fill="#A1A3A7"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M82.2364 80.156C80.2214 82.8744 79.1744 86.1542 78.8343 88.3308C78.7789 88.6855 78.4464 88.9281 78.0917 88.8727C77.7371 88.8172 77.4945 88.4848 77.5499 88.1301C77.9149 85.7939 79.0256 82.3045 81.192 79.3818C83.3703 76.4432 86.6492 74.042 91.3075 74.042C95.9795 74.042 99.1959 76.6532 101.213 79.1915C102.222 80.4624 102.945 81.73 103.415 82.6786C103.65 83.1537 103.823 83.551 103.938 83.8316C103.996 83.972 104.039 84.0833 104.068 84.1608C104.083 84.1996 104.094 84.2299 104.101 84.2511L104.11 84.2761L104.113 84.2834L104.114 84.2857L104.114 84.2865C104.114 84.2869 104.114 84.2871 103.5 84.4996L104.114 84.2871C104.231 84.6264 104.052 84.9966 103.712 85.1139C103.373 85.2312 103.003 85.0515 102.886 84.7125L102.886 84.7122L102.886 84.7121L102.884 84.7089L102.878 84.6918C102.873 84.676 102.864 84.6512 102.851 84.6181C102.826 84.5519 102.788 84.4526 102.735 84.3248C102.631 84.069 102.47 83.7001 102.25 83.2557C101.809 82.3655 101.133 81.1811 100.195 80.0002C98.3152 77.6346 95.4354 75.342 91.3075 75.342C87.1658 75.342 84.2395 77.4536 82.2364 80.156Z"
+    fill="#A1A3A7"
+  />
+  <path
+    d="M100.615 65.8077C100.615 70.9482 96.4482 75.1154 91.3077 75.1154C86.1672 75.1154 82 70.9482 82 65.8077C82 60.6672 86.1672 56.5 91.3077 56.5C96.4482 56.5 100.615 60.6672 100.615 65.8077Z"
+    fill="#1C1C1C"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M91.3077 73.7854C95.7137 73.7854 99.2854 70.2137 99.2854 65.8077C99.2854 61.4017 95.7137 57.83 91.3077 57.83C86.9017 57.83 83.33 61.4017 83.33 65.8077C83.33 70.2137 86.9017 73.7854 91.3077 73.7854ZM91.3077 75.1154C96.4482 75.1154 100.615 70.9482 100.615 65.8077C100.615 60.6672 96.4482 56.5 91.3077 56.5C86.1672 56.5 82 60.6672 82 65.8077C82 70.9482 86.1672 75.1154 91.3077 75.1154Z"
+    fill="#A1A3A7"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M102.044 87.656C100.029 90.3744 98.9825 93.6542 98.6424 95.8308C98.587 96.1855 98.2545 96.4281 97.8998 96.3727C97.5452 96.3172 97.3026 95.9848 97.358 95.6301C97.723 93.2939 98.8337 89.8045 101 86.8818C103.178 83.9432 106.457 81.542 111.116 81.542C115.771 81.542 119.117 83.9399 121.382 86.8715C123.636 89.7897 124.855 93.2755 125.293 95.6107C125.359 95.9635 125.127 96.3032 124.774 96.3693C124.421 96.4355 124.081 96.2031 124.015 95.8502C123.607 93.6726 122.457 90.3892 120.353 87.6663C118.26 84.9569 115.26 82.842 111.116 82.842C106.974 82.842 104.048 84.9536 102.044 87.656Z"
+    fill="#A1A3A7"
+  />
+  <path
+    d="M120.423 73.3077C120.423 78.4482 116.256 82.6154 111.116 82.6154C105.975 82.6154 101.808 78.4482 101.808 73.3077C101.808 68.1672 105.975 64 111.116 64C116.256 64 120.423 68.1672 120.423 73.3077Z"
+    fill="#1C1C1C"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M111.116 81.2854C115.522 81.2854 119.093 77.7137 119.093 73.3077C119.093 68.9017 115.522 65.33 111.116 65.33C106.71 65.33 103.138 68.9017 103.138 73.3077C103.138 77.7137 106.71 81.2854 111.116 81.2854ZM111.116 82.6154C116.256 82.6154 120.423 78.4482 120.423 73.3077C120.423 68.1672 116.256 64 111.116 64C105.975 64 101.808 68.1672 101.808 73.3077C101.808 78.4482 105.975 82.6154 111.116 82.6154Z"
+    fill="#A1A3A7"
+  />
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/address-book.svg b/apps/mobile/resources/icons/source-svgs/address-book.svg
new file mode 100644
index 000000000..5b39535f0
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/address-book.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 9V15H3C2.44772 15 2 15.4477 2 16C2 16.5523 2.44772 17 3 17H4V20C4 21.1046 4.89543 22 6 22H18C19.1046 22 20 21.1046 20 20V4C20 2.89543 19.1046 2 18 2H6C4.89543 2 4 2.89543 4 4V7H3C2.44772 7 2 7.44772 2 8C2 8.55228 2.44772 9 3 9H4ZM7 15H6V9H7C7.55228 9 8 8.55228 8 8C8 7.44772 7.55228 7 7 7H6V4H18V20H6V17H7C7.55228 17 8 16.5523 8 16C8 15.4477 7.55228 15 7 15Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/alert-triangle.svg b/apps/mobile/resources/icons/source-svgs/alert-triangle.svg
new file mode 100644
index 000000000..d4c20820d
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/alert-triangle.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9988 8.00235C12.5508 8.00235 12.9988 8.44935 12.9988 9.00235V13.0023C12.9988 13.5543 12.5508 14.0023 11.9988 14.0023C11.4458 14.0023 10.9988 13.5543 10.9988 13.0023V9.00235C10.9988 8.44935 11.4458 8.00235 11.9988 8.00235Z" fill="#FF5F72"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9988 15.7523C12.6888 15.7523 13.2488 16.3123 13.2488 17.0023C13.2488 17.6923 12.6888 18.2523 11.9988 18.2523C11.3088 18.2523 10.7488 17.6923 10.7488 17.0023C10.7488 16.3123 11.3088 15.7523 11.9988 15.7523Z" fill="#FF5F72"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9998 2.00034C11.4978 2.00034 10.9958 2.25034 10.7168 2.75234L1.18682 19.8293C0.643825 20.8043 1.35182 22.0003 2.47082 22.0003H21.5298C22.6488 22.0003 23.3558 20.8043 22.8128 19.8293L13.2838 2.75234C13.0038 2.25034 12.5018 2.00034 11.9998 2.00034ZM11.9998 4.55434L20.6238 20.0083H3.37682L11.9998 4.55434Z" fill="#FF5F72"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/alert.svg b/apps/mobile/resources/icons/source-svgs/alert.svg
new file mode 100644
index 000000000..c69118d18
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/alert.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="11" y="6" width="2" height="8" rx="1" fill="#FF5F72"/>
+<path d="M12 15.75C12.6904 15.75 13.25 16.3096 13.25 17C13.25 17.6904 12.6904 18.25 12 18.25C11.3096 18.25 10.75 17.6904 10.75 17C10.75 16.3096 11.3096 15.75 12 15.75Z" fill="#FF5F72"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12Z" fill="#FF5F72"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/appearance.svg b/apps/mobile/resources/icons/source-svgs/appearance.svg
new file mode 100644
index 000000000..32d80e15e
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/appearance.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0812 2.50903C12.2747 2.85241 12.2485 3.27744 12.0142 3.59441C11.16 4.75007 10.7489 6.17394 10.8558 7.60705C10.9627 9.04016 11.5804 10.3873 12.5965 11.4035C13.6127 12.4197 14.9599 13.0374 16.393 13.1442C17.8261 13.2511 19.25 12.8401 20.4056 11.9858C20.7226 11.7515 21.1476 11.7253 21.491 11.9188C21.8344 12.1124 22.0321 12.4895 21.9958 12.882C21.821 14.7734 21.1112 16.5758 19.9494 18.0785C18.7876 19.5811 17.2219 20.7218 15.4355 21.3671C13.649 22.0123 11.7158 22.1355 9.86189 21.7221C8.00802 21.3088 6.31022 20.376 4.96714 19.0329C3.62407 17.6898 2.69127 15.992 2.2779 14.1381C1.86453 12.2843 1.98769 10.351 2.63296 8.56457C3.27823 6.77814 4.41893 5.21243 5.92157 4.05064C7.42422 2.88884 9.22667 2.17903 11.118 2.00424C11.5105 1.96797 11.8877 2.16564 12.0812 2.50903ZM9.31641 4.43906C8.5388 4.72041 7.80562 5.12203 7.1449 5.63287C5.94278 6.56231 5.03023 7.81488 4.51401 9.24402C3.99779 10.6732 3.89927 12.2198 4.22996 13.7029C4.56066 15.186 5.3069 16.5442 6.38136 17.6187C7.45582 18.6931 8.81406 19.4394 10.2972 19.7701C11.7803 20.1008 13.3269 20.0022 14.756 19.486C16.1851 18.9698 17.4377 18.0572 18.3672 16.8551C18.878 16.1944 19.2796 15.4612 19.561 14.6836C18.5078 15.0646 17.3782 15.2233 16.2442 15.1387C14.3334 14.9962 12.5372 14.1726 11.1823 12.8177C9.82742 11.4628 9.00382 9.6666 8.86133 7.75578C8.77676 6.62181 8.9354 5.49218 9.31641 4.43906Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/apps.svg b/apps/mobile/resources/icons/source-svgs/apps.svg
new file mode 100644
index 000000000..e17670777
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/apps.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 2H4C2.89543 2 2 2.89543 2 4V9C2 10.1046 2.89543 11 4 11H9C10.1046 11 11 10.1046 11 9V4C11 2.89543 10.1046 2 9 2ZM4 9V4H9V9H4Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 13H15C13.8954 13 13 13.8954 13 15V20C13 21.1046 13.8954 22 15 22H20C21.1046 22 22 21.1046 22 20V15C22 13.8954 21.1046 13 20 13ZM15 20V15H20V20H15Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 6.5C22 8.98528 19.9853 11 17.5 11C15.0147 11 13 8.98528 13 6.5C13 4.01472 15.0147 2 17.5 2C19.9853 2 22 4.01472 22 6.5ZM15 6.5C15 7.88071 16.1193 9 17.5 9C18.8807 9 20 7.88071 20 6.5C20 5.11929 18.8807 4 17.5 4C16.1193 4 15 5.11929 15 6.5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.50127 18.859L3.63637 21.7239C3.26437 22.0959 2.65637 22.0959 2.28337 21.7239L2.27937 21.7189C1.90737 21.3469 1.90737 20.7379 2.27937 20.3649L5.14336 17.5009L2.27977 14.6369C1.90777 14.2649 1.90777 13.6559 2.27977 13.2839L2.28377 13.2789C2.65677 12.9069 3.26477 12.9069 3.63677 13.2789L6.50127 16.143L9.36537 13.2789C9.73737 12.9069 10.3464 12.9069 10.7184 13.2789L10.7234 13.2839C11.0954 13.6559 11.0954 14.2649 10.7234 14.6369L7.85936 17.5009L10.7238 20.3649C11.0958 20.7379 11.0958 21.3469 10.7238 21.7189L10.7188 21.7239C10.3468 22.0959 9.73777 22.0959 9.36577 21.7239L6.50127 18.859Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/arrow-down-1.svg b/apps/mobile/resources/icons/source-svgs/arrow-down-1.svg
new file mode 100644
index 000000000..fe10e9838
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/arrow-down-1.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.1213 17.9272V3.9C11.1213 3.40294 11.5147 3 12 3C12.4853 3 12.8787 3.40294 12.8787 3.9V17.9272L16.5 14.218C16.8431 13.8665 17.3995 13.8665 17.7426 14.218C18.0858 14.5695 18.0858 15.1393 17.7426 15.4908L12.7721 20.582C12.7465 20.6082 12.7198 20.6324 12.692 20.6547C12.5312 20.8649 12.281 21 12 21C11.719 21 11.4688 20.8649 11.308 20.6547C11.2802 20.6324 11.2535 20.6082 11.2279 20.582L6.25736 15.4908C5.91421 15.1393 5.91421 14.5695 6.25736 14.218C6.60051 13.8665 7.15685 13.8665 7.5 14.218L11.1213 17.9272Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/arrow-down.svg b/apps/mobile/resources/icons/source-svgs/arrow-down.svg
new file mode 100644
index 000000000..2cf3c7af8
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/arrow-down.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.8258 9.15845C18.0581 9.36972 18.0581 9.71225 17.8258 9.92352L12.4204 14.8416C12.1882 15.0528 11.8118 15.0528 11.5796 14.8416L6.17415 9.92352C5.94195 9.71225 5.94195 9.36972 6.17415 9.15845C6.40636 8.94718 6.78283 8.94718 7.01504 9.15845L12 13.694L16.985 9.15845C17.2172 8.94718 17.5936 8.94718 17.8258 9.15845Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.1623 8.78862C18.6126 9.19825 18.6126 9.88372 18.1623 10.2934L12.7569 15.2114C12.334 15.5962 11.666 15.5962 11.2431 15.2114L5.83767 10.2933C5.38744 9.88372 5.38744 9.19824 5.83767 8.78862C6.26062 8.40379 6.92856 8.40379 7.35152 8.78862L12 13.018L16.6485 8.78862C17.0714 8.40379 17.7394 8.40379 18.1623 8.78862ZM17.4998 9.54096C17.4994 9.54012 17.4972 9.53542 17.4894 9.52828C17.4734 9.51378 17.4445 9.5 17.4054 9.5C17.3663 9.5 17.3374 9.51378 17.3215 9.52828L12.3365 14.0638C12.1457 14.2373 11.8543 14.2373 11.6635 14.0638L6.67855 9.52828C6.66261 9.51378 6.63372 9.5 6.59459 9.5C6.55546 9.5 6.52658 9.51378 6.51064 9.52828C6.50279 9.53542 6.50061 9.54012 6.50023 9.54096C6.50061 9.5418 6.50279 9.54654 6.51064 9.55368L11.916 14.4717C11.932 14.4862 11.9609 14.5 12 14.5C12.0391 14.5 12.068 14.4862 12.084 14.4717L17.4894 9.55368C17.4972 9.54654 17.4994 9.5418 17.4998 9.54096Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/arrow-left.svg b/apps/mobile/resources/icons/source-svgs/arrow-left.svg
new file mode 100644
index 000000000..eac043eb3
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/arrow-left.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.8415 17.8258C14.6303 18.0581 14.2878 18.0581 14.0765 17.8258L9.15845 12.4204C8.94718 12.1882 8.94718 11.8118 9.15845 11.5796L14.0765 6.17415C14.2878 5.94195 14.6303 5.94195 14.8416 6.17415C15.0528 6.40636 15.0528 6.78283 14.8416 7.01504L10.3061 12L14.8415 16.985C15.0528 17.2172 15.0528 17.5936 14.8415 17.8258Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2114 18.1623C14.8018 18.6126 14.1163 18.6126 13.7067 18.1623L8.78862 12.7569C8.40379 12.334 8.40379 11.666 8.78862 11.2431L13.7067 5.83767C14.1163 5.38744 14.8018 5.38744 15.2114 5.83767C15.5962 6.26063 15.5962 6.92856 15.2114 7.35152L10.982 12L15.2114 16.6485C15.5962 17.0714 15.5962 17.7394 15.2114 18.1623ZM14.459 17.4998C14.4599 17.4994 14.4646 17.4972 14.4717 17.4894C14.4862 17.4734 14.5 17.4445 14.5 17.4054C14.5 17.3663 14.4862 17.3374 14.4717 17.3215L9.93622 12.3365C9.76266 12.1457 9.76266 11.8543 9.93622 11.6635L14.4717 6.67855C14.4862 6.66261 14.5 6.63372 14.5 6.59459C14.5 6.55546 14.4862 6.52658 14.4717 6.51064C14.4646 6.50279 14.4599 6.50061 14.459 6.50023C14.4582 6.50061 14.4535 6.50279 14.4463 6.51064L9.52828 11.916C9.51378 11.932 9.5 11.9609 9.5 12C9.5 12.0391 9.51378 12.068 9.52828 12.084L14.4463 17.4894C14.4535 17.4972 14.4582 17.4994 14.459 17.4998Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/arrow-right.svg b/apps/mobile/resources/icons/source-svgs/arrow-right.svg
new file mode 100644
index 000000000..511f6f3f8
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/arrow-right.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.15845 6.17415C9.36972 5.94195 9.71225 5.94195 9.92352 6.17415L14.8415 11.5796C15.0528 11.8118 15.0528 12.1882 14.8415 12.4204L9.92352 17.8258C9.71225 18.0581 9.36972 18.0581 9.15845 17.8258C8.94718 17.5936 8.94718 17.2172 9.15845 16.985L13.6939 12L9.15845 7.01504C8.94718 6.78283 8.94718 6.40636 9.15845 6.17415Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.78862 5.83767C9.19824 5.38744 9.88372 5.38744 10.2933 5.83767L15.2114 11.2431C15.5962 11.666 15.5962 12.334 15.2114 12.7569L10.2933 18.1623C9.88372 18.6126 9.19824 18.6126 8.78862 18.1623C8.40379 17.7394 8.40379 17.0714 8.78862 16.6485L13.018 12L8.78862 7.35152C8.40379 6.92856 8.40379 6.26062 8.78862 5.83767ZM9.54096 6.50023C9.54096 6.50023 9.53542 6.50279 9.52828 6.51064C9.51378 6.52658 9.5 6.55546 9.5 6.59459C9.5 6.63373 9.51378 6.66261 9.52828 6.67855L14.0638 11.6635C14.2373 11.8543 14.2373 12.1457 14.0638 12.3365L9.52828 17.3215C9.51378 17.3374 9.5 17.3663 9.5 17.4054C9.5 17.4445 9.51378 17.4734 9.52828 17.4894C9.53542 17.4972 9.54096 17.4998 9.54096 17.4998C9.54096 17.4998 9.54654 17.4972 9.55368 17.4894L14.4717 12.084C14.4862 12.068 14.5 12.0391 14.5 12C14.5 11.9609 14.4862 11.932 14.4717 11.916L9.55368 6.51064C9.54654 6.50279 9.54096 6.50023 9.54096 6.50023Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/arrow-sort.svg b/apps/mobile/resources/icons/source-svgs/arrow-sort.svg
new file mode 100644
index 000000000..3c5bb96c7
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/arrow-sort.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.98411 4.60828L6.28578 3.28579C6.66995 2.90162 7.30994 2.90162 7.69411 3.28579C8.07828 3.66996 8.07828 4.30995 7.69411 4.69412L4.72837 7.70168C4.5367 7.89334 4.28003 8 4.0242 8C3.76837 8 3.51255 7.89333 3.32004 7.70168L0.290934 4.69412C-0.13573 4.26746 -0.0932346 3.54247 0.419266 3.17912C0.824255 2.8808 1.40093 2.96579 1.74175 3.32829L2.87258 4.43744L3.00092 4.45911V3.47744L3.00008 0.981669C3.00008 0.426664 3.44842 0 3.98175 0C4.55842 0 4.98509 0.448339 4.98509 0.981669L4.98411 4.60828Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/arrow-up.svg b/apps/mobile/resources/icons/source-svgs/arrow-up.svg
new file mode 100644
index 000000000..a5ce08608
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/arrow-up.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.17415 14.8415C5.94195 14.6303 5.94195 14.2878 6.17415 14.0765L11.5796 9.15845C11.8118 8.94718 12.1882 8.94718 12.4204 9.15845L17.8258 14.0765C18.0581 14.2878 18.0581 14.6303 17.8258 14.8415C17.5936 15.0528 17.2172 15.0528 16.985 14.8415L12 10.3061L7.01504 14.8415C6.78283 15.0528 6.40636 15.0528 6.17415 14.8415Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2431 8.78862C11.666 8.40379 12.334 8.40379 12.7569 8.78862L18.1623 13.7067C18.6126 14.1163 18.6126 14.8018 18.1623 15.2114C17.7394 15.5962 17.0714 15.5962 16.6485 15.2114L12 10.982L7.35152 15.2114C6.92856 15.5962 6.26062 15.5962 5.83767 15.2114C5.38744 14.8018 5.38744 14.1163 5.83767 13.7067L11.2431 8.78862ZM12 9.5C11.9609 9.5 11.932 9.51378 11.916 9.52828L6.51064 14.4463C6.50279 14.4535 6.50061 14.4582 6.50023 14.459C6.50061 14.4598 6.50279 14.4646 6.51064 14.4717C6.52658 14.4862 6.55546 14.5 6.59459 14.5C6.63373 14.5 6.66261 14.4862 6.67855 14.4717L11.6635 9.93622C11.8543 9.76266 12.1457 9.76266 12.3365 9.93622L17.3215 14.4717C17.3374 14.4862 17.3663 14.5 17.4054 14.5C17.4445 14.5 17.4734 14.4862 17.4894 14.4717C17.4972 14.4646 17.4994 14.4599 17.4998 14.459C17.4994 14.4582 17.4972 14.4535 17.4894 14.4463L12.084 9.52828C12.068 9.51378 12.0391 9.5 12 9.5Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/batch.svg b/apps/mobile/resources/icons/source-svgs/batch.svg
new file mode 100644
index 000000000..ec1994936
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/batch.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5935 2.09598C11.8494 1.96801 12.1506 1.96801 12.4065 2.09598L21.4973 6.64143C21.8053 6.79542 21.9998 7.11021 21.9998 7.45455C21.9998 7.79888 21.8053 8.11367 21.4973 8.26766L12.4065 12.8131C12.1506 12.9411 11.8494 12.9411 11.5935 12.8131L2.50272 8.26766C2.19474 8.11367 2.0002 7.79888 2.0002 7.45455C2.0002 7.11021 2.19474 6.79542 2.50272 6.64143L11.5935 2.09598ZM4.94202 7.45455L12 10.9836L19.058 7.45455L12 3.92549L4.94202 7.45455ZM2.09617 11.5934C2.3207 11.1444 2.86676 10.9623 3.31582 11.1869L12 15.5291L20.6842 11.1869C21.1332 10.9623 21.6793 11.1444 21.9038 11.5934C22.1284 12.0425 21.9463 12.5886 21.4973 12.8131L12.4065 17.3586C12.1506 17.4865 11.8494 17.4865 11.5935 17.3586L2.50272 12.8131C2.05366 12.5886 1.87164 12.0425 2.09617 11.5934ZM2.09617 16.1389C2.3207 15.6898 2.86676 15.5078 3.31582 15.7323L12 20.0745L20.6842 15.7323C21.1332 15.5078 21.6793 15.6898 21.9038 16.1389C22.1284 16.588 21.9463 17.134 21.4973 17.3586L12.4065 21.904C12.1506 22.032 11.8494 22.032 11.5935 21.904L2.50272 17.3586C2.05366 17.134 1.87164 16.588 2.09617 16.1389Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/bell.svg b/apps/mobile/resources/icons/source-svgs/bell.svg
new file mode 100644
index 000000000..4e139566c
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/bell.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.66666C10.4087 2.66666 8.88253 3.2988 7.75731 4.42402C6.6321 5.54923 5.99996 7.07536 5.99996 8.66666C5.99996 11.436 5.40789 13.143 4.87206 14.1253C4.60277 14.619 4.34218 14.9399 4.16463 15.1273C4.07559 15.2213 4.00674 15.2825 3.96719 15.3154C3.9479 15.3315 3.93555 15.3409 3.9312 15.3441C3.57444 15.5908 3.41681 16.0401 3.54286 16.4564C3.67056 16.8782 4.05929 17.1667 4.49996 17.1667H19.5C19.9406 17.1667 20.3293 16.8782 20.457 16.4564C20.5831 16.0401 20.4255 15.5908 20.0687 15.3441C20.0644 15.3409 20.052 15.3315 20.0327 15.3154C19.9932 15.2825 19.9243 15.2213 19.8353 15.1273C19.6577 14.9399 19.3971 14.619 19.1279 14.1253C18.592 13.143 18 11.436 18 8.66666C18 7.07536 17.3678 5.54923 16.2426 4.42402C15.1174 3.2988 13.5913 2.66666 12 2.66666ZM3.9312 15.3441L3.93654 15.3405L3.94045 15.3378L3.94274 15.3363L3.94526 15.3346L3.9312 15.3441ZM6.62785 15.083C6.61245 15.1112 6.59703 15.1391 6.5816 15.1667H17.4183C17.4029 15.1391 17.3875 15.1112 17.3721 15.083C16.6579 13.7737 16 11.7307 16 8.66666C16 7.60579 15.5785 6.58837 14.8284 5.83823C14.0782 5.08808 13.0608 4.66666 12 4.66666C10.9391 4.66666 9.92167 5.08808 9.17153 5.83823C8.42138 6.58837 7.99996 7.60579 7.99996 8.66666C7.99996 11.7307 7.34202 13.7737 6.62785 15.083ZM11.4234 18.9982C11.1463 18.5205 10.5343 18.3579 10.0566 18.635C9.57889 18.9121 9.41627 19.5241 9.69339 20.0018C9.92781 20.4059 10.2643 20.7413 10.6691 20.9745C11.0739 21.2077 11.5329 21.3304 12.0001 21.3304C12.4672 21.3304 12.9262 21.2077 13.331 20.9745C13.7359 20.7413 14.0723 20.4059 14.3067 20.0018C14.5838 19.5241 14.4212 18.9121 13.9435 18.635C13.4658 18.3579 12.8538 18.5205 12.5767 18.9982C12.5181 19.0993 12.434 19.1831 12.3328 19.2414C12.2316 19.2997 12.1169 19.3304 12.0001 19.3304C11.8833 19.3304 11.7685 19.2997 11.6673 19.2414C11.5661 19.1831 11.482 19.0993 11.4234 18.9982Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/block.svg b/apps/mobile/resources/icons/source-svgs/block.svg
new file mode 100644
index 000000000..fb61459bd
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/block.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20C10.154 20 8.458 19.365 7.103 18.312L18.312 7.103C19.366 8.457 20 10.154 20 12C20 16.411 16.411 20 12 20ZM4 12C4 7.589 7.589 4 12 4C13.846 4 15.542 4.635 16.897 5.688L5.688 16.897C4.634 15.543 4 13.846 4 12ZM12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2Z" fill="#FF5F72"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/blocks-1.svg b/apps/mobile/resources/icons/source-svgs/blocks-1.svg
new file mode 100644
index 000000000..b6a5f2b3f
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/blocks-1.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4.5" y="4.5" width="6" height="6" rx="1" fill="black"/>
+<rect x="4.5" y="13.5" width="6" height="6" rx="1" fill="black"/>
+<rect x="13.5" y="4.5" width="6" height="6" rx="1" fill="black"/>
+<rect x="13.5" y="13.5" width="6" height="6" rx="1" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/blocks.svg b/apps/mobile/resources/icons/source-svgs/blocks.svg
new file mode 100644
index 000000000..b6a5f2b3f
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/blocks.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4.5" y="4.5" width="6" height="6" rx="1" fill="black"/>
+<rect x="4.5" y="13.5" width="6" height="6" rx="1" fill="black"/>
+<rect x="13.5" y="4.5" width="6" height="6" rx="1" fill="black"/>
+<rect x="13.5" y="13.5" width="6" height="6" rx="1" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/bookmark-filled.svg b/apps/mobile/resources/icons/source-svgs/bookmark-filled.svg
new file mode 100644
index 000000000..be2282353
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/bookmark-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.76884 3.79081C6.26113 3.28446 6.92881 3 7.625 3H16.375C17.0712 3 17.7389 3.28446 18.2312 3.79081C18.7234 4.29716 19 4.98391 19 5.7V20.1C19 20.4371 18.8168 20.746 18.5254 20.9002C18.2339 21.0545 17.8831 21.0283 17.6164 20.8324L12 16.706L6.38358 20.8324C6.11687 21.0283 5.76605 21.0545 5.47462 20.9002C5.18318 20.746 5 20.4371 5 20.1V5.7C5 4.98392 5.27656 4.29716 5.76884 3.79081Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/bookmark.svg b/apps/mobile/resources/icons/source-svgs/bookmark.svg
new file mode 100644
index 000000000..235fbb225
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/bookmark.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.625 4.8C7.39294 4.8 7.17038 4.89482 7.00628 5.0636C6.84219 5.23239 6.75 5.4613 6.75 5.7V18.3511L11.4914 14.8676C11.7957 14.6441 12.2043 14.6441 12.5086 14.8676L17.25 18.3511V5.7C17.25 5.46131 17.1578 5.23239 16.9937 5.0636C16.8296 4.89482 16.6071 4.8 16.375 4.8H7.625ZM5.76884 3.79081C6.26113 3.28446 6.92881 3 7.625 3H16.375C17.0712 3 17.7389 3.28446 18.2312 3.79081C18.7234 4.29716 19 4.98391 19 5.7V20.1C19 20.4371 18.8168 20.746 18.5254 20.9002C18.2339 21.0545 17.8831 21.0283 17.6164 20.8324L12 16.706L6.38358 20.8324C6.11687 21.0283 5.76605 21.0545 5.47462 20.9002C5.18318 20.746 5 20.4371 5 20.1V5.7C5 4.98392 5.27656 4.29716 5.76884 3.79081Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/camera.svg b/apps/mobile/resources/icons/source-svgs/camera.svg
new file mode 100644
index 000000000..790aaa911
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/camera.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.4 4L6 6.4H4.4C3.07452 6.4 2 7.47452 2 8.8V17.6034C2 18.9289 3.07452 20.0034 4.4 20.0034H19.6C20.9255 20.0034 22 18.9289 22 17.6034V8.8C22 7.47452 20.9255 6.4 19.6 6.4H18L15.6 4H8.4ZM6.82843 8.4L9.22843 6H14.7716L17.1716 8.4H19.6C19.8209 8.4 20 8.57909 20 8.8V17.6034C20 17.8243 19.8209 18.0034 19.6 18.0034H4.4C4.17909 18.0034 4 17.8243 4 17.6034V8.8C4 8.57909 4.17909 8.4 4.4 8.4H6.82843Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 17C9.51472 17 7.5 14.9853 7.5 12.5C7.5 10.0147 9.51472 8 12 8C14.4853 8 16.5 10.0147 16.5 12.5C16.5 14.9853 14.4853 17 12 17ZM14.5 12.5C14.5 11.1193 13.3807 10 12 10C10.6193 10 9.5 11.1193 9.5 12.5C9.5 13.8807 10.6193 15 12 15C13.3807 15 14.5 13.8807 14.5 12.5Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/chat.svg b/apps/mobile/resources/icons/source-svgs/chat.svg
new file mode 100644
index 000000000..3fdf50ecb
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/chat.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.4974 3.99999C11.3351 3.99696 10.1884 4.26854 9.15088 4.7926L9.14709 4.79451C7.90143 5.41707 6.8537 6.37413 6.12125 7.55852C5.3888 8.7429 5.00057 10.1078 5.00003 11.5004L5.00002 11.5026C4.99699 12.665 5.26857 13.8116 5.79263 14.8491C5.91284 15.0871 5.93303 15.3633 5.84871 15.6162L4.58117 19.4189L8.3838 18.1513C8.63674 18.067 8.91289 18.0872 9.15088 18.2074C10.1884 18.7315 11.3351 19.003 12.4974 19L12.4996 19C13.8922 18.9995 15.2571 18.6112 16.4415 17.8788C17.6259 17.1463 18.583 16.0986 19.2055 14.8529L19.2074 14.8491C19.7315 13.8116 20.0031 12.665 20 11.5026C19.9942 9.28173 19.122 7.4779 17.8221 6.17796C16.5221 4.87802 14.7183 4.00578 12.4974 3.99999ZM8.25107 3.00644C9.56927 2.34099 11.026 1.99615 12.5026 2C15.2818 2.00725 17.584 3.11149 19.2363 4.76375C20.8885 6.41601 21.9928 8.71827 22 11.4974C22.0039 12.974 21.6591 14.4306 20.9937 15.7488C20.2051 17.3259 18.9931 18.6524 17.4934 19.5798C15.9935 20.5074 14.2651 20.9991 12.5015 21H12.5004L12.5 20L12.5026 21L12.5015 21C11.1668 21.0033 9.84847 20.7218 8.63398 20.1761L8.24917 19.9926C8.37619 20.0568 8.50449 20.1179 8.63398 20.1761L3.31625 21.9487C2.95692 22.0685 2.56075 21.9749 2.29292 21.7071C2.02509 21.4393 1.93157 21.0431 2.05134 20.6838L3.82392 15.366C3.88209 15.4955 3.94327 15.6238 4.00743 15.7509L3.82392 15.366C3.27825 14.1516 2.99671 12.8332 3.00003 11.4985L3.00003 11.4996L4.00003 11.5L3.00003 11.4974L3.00003 11.4985C3.00091 9.73499 3.49266 8.00649 4.42024 6.50658C5.34764 5.00696 6.67407 3.79504 8.25107 3.00644ZM8.25107 3.00644L8.24917 3.0074L8.70003 3.9L8.25297 3.00549L8.25107 3.00644Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/check-filled.svg b/apps/mobile/resources/icons/source-svgs/check-filled.svg
new file mode 100644
index 000000000..caf30f2cf
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/check-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM9.27482 10.6992L11.5334 12.8123L14.8096 9.45275C15.388 8.85965 16.3377 8.84772 16.9308 9.4261C17.5239 10.0045 17.5358 10.9541 16.9574 11.5472L12.6554 15.9587C12.0855 16.5432 11.1528 16.5646 10.5567 16.0068L7.22519 12.8898C6.62026 12.3238 6.58868 11.3746 7.15467 10.7697C7.72066 10.1648 8.66988 10.1332 9.27482 10.6992Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/check-notifications.svg b/apps/mobile/resources/icons/source-svgs/check-notifications.svg
new file mode 100644
index 000000000..53f24c281
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/check-notifications.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12Z" fill="black"/>
+<path d="M7.68147 10.2758C7.27826 9.8984 6.64544 9.91932 6.26803 10.3225C5.89062 10.7257 5.91154 11.3586 6.31475 11.736L10.4558 15.612C10.8532 15.9839 11.4751 15.9697 11.8551 15.58L17.2021 10.096C17.5877 9.70056 17.5797 9.06745 17.1842 8.6819C16.7888 8.29634 16.1557 8.30435 15.7701 8.69978L11.1071 13.4822L7.68147 10.2758Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/check-oulined.svg b/apps/mobile/resources/icons/source-svgs/check-oulined.svg
new file mode 100644
index 000000000..4bbba3fd2
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/check-oulined.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5703 16C10.3803 16 10.1982 15.916 10.0647 15.7657L7.2088 12.5635C6.93028 12.2508 6.93028 11.7446 7.20951 11.4319C7.48875 11.1208 7.94081 11.12 8.22004 11.4327L10.5703 14.0686L15.7808 8.23452C16.06 7.92183 16.5113 7.92183 16.7906 8.23452C17.0698 8.54722 17.0698 9.05266 16.7906 9.36536L11.0752 15.7657C10.9417 15.916 10.7603 16 10.5703 16Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/check.svg b/apps/mobile/resources/icons/source-svgs/check.svg
new file mode 100644
index 000000000..37ac9972b
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/check.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.89984 17C9.71363 17 9.53582 16.925 9.40491 16.7907L5.20529 12.5029C4.93157 12.2237 4.93157 11.7715 5.20529 11.493C5.47901 11.2137 5.92144 11.2137 6.19516 11.493L9.89984 15.2757L17.8048 7.20946C18.0786 6.93018 18.521 6.93018 18.7947 7.20946C19.0684 7.48874 19.0684 7.94016 18.7947 8.21944L10.3948 16.7907C10.2639 16.925 10.0861 17 9.89984 17Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.4376 7.55944C18.3599 7.48019 18.2396 7.48019 18.1619 7.55944L9.89972 15.9902L5.83807 11.8429C5.7604 11.7637 5.64006 11.7637 5.56238 11.8429C5.48005 11.9267 5.47896 12.0678 5.56238 12.153L9.76293 16.4417C9.80011 16.4798 9.84898 16.5 9.89984 16.5C9.9507 16.5 9.99958 16.4798 10.0368 16.4417L10.0377 16.4408L18.4376 7.86948C18.5208 7.78461 18.5208 7.64431 18.4376 7.55944ZM17.4477 6.85948C17.9175 6.38017 18.682 6.38017 19.1518 6.85948C19.6161 7.33318 19.6161 8.09573 19.1518 8.56942L10.7528 17.1397C10.7526 17.14 10.7523 17.1402 10.7521 17.1405C10.5275 17.3705 10.2211 17.5 9.89984 17.5C9.57866 17.5 9.27226 17.3705 9.0477 17.1406C9.04768 17.1406 9.04772 17.1406 9.0477 17.1406C9.04744 17.1403 9.04714 17.14 9.04688 17.1397L4.8482 12.8529C4.38423 12.3795 4.38354 11.616 4.84849 11.1427C5.31828 10.6637 6.08259 10.6638 6.55225 11.143L9.89996 14.5613L17.4477 6.85948Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/chevron-down.svg b/apps/mobile/resources/icons/source-svgs/chevron-down.svg
new file mode 100644
index 000000000..2cf3c7af8
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/chevron-down.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.8258 9.15845C18.0581 9.36972 18.0581 9.71225 17.8258 9.92352L12.4204 14.8416C12.1882 15.0528 11.8118 15.0528 11.5796 14.8416L6.17415 9.92352C5.94195 9.71225 5.94195 9.36972 6.17415 9.15845C6.40636 8.94718 6.78283 8.94718 7.01504 9.15845L12 13.694L16.985 9.15845C17.2172 8.94718 17.5936 8.94718 17.8258 9.15845Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.1623 8.78862C18.6126 9.19825 18.6126 9.88372 18.1623 10.2934L12.7569 15.2114C12.334 15.5962 11.666 15.5962 11.2431 15.2114L5.83767 10.2933C5.38744 9.88372 5.38744 9.19824 5.83767 8.78862C6.26062 8.40379 6.92856 8.40379 7.35152 8.78862L12 13.018L16.6485 8.78862C17.0714 8.40379 17.7394 8.40379 18.1623 8.78862ZM17.4998 9.54096C17.4994 9.54012 17.4972 9.53542 17.4894 9.52828C17.4734 9.51378 17.4445 9.5 17.4054 9.5C17.3663 9.5 17.3374 9.51378 17.3215 9.52828L12.3365 14.0638C12.1457 14.2373 11.8543 14.2373 11.6635 14.0638L6.67855 9.52828C6.66261 9.51378 6.63372 9.5 6.59459 9.5C6.55546 9.5 6.52658 9.51378 6.51064 9.52828C6.50279 9.53542 6.50061 9.54012 6.50023 9.54096C6.50061 9.5418 6.50279 9.54654 6.51064 9.55368L11.916 14.4717C11.932 14.4862 11.9609 14.5 12 14.5C12.0391 14.5 12.068 14.4862 12.084 14.4717L17.4894 9.55368C17.4972 9.54654 17.4994 9.5418 17.4998 9.54096Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/chevron-left.svg b/apps/mobile/resources/icons/source-svgs/chevron-left.svg
new file mode 100644
index 000000000..eac043eb3
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/chevron-left.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.8415 17.8258C14.6303 18.0581 14.2878 18.0581 14.0765 17.8258L9.15845 12.4204C8.94718 12.1882 8.94718 11.8118 9.15845 11.5796L14.0765 6.17415C14.2878 5.94195 14.6303 5.94195 14.8416 6.17415C15.0528 6.40636 15.0528 6.78283 14.8416 7.01504L10.3061 12L14.8415 16.985C15.0528 17.2172 15.0528 17.5936 14.8415 17.8258Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2114 18.1623C14.8018 18.6126 14.1163 18.6126 13.7067 18.1623L8.78862 12.7569C8.40379 12.334 8.40379 11.666 8.78862 11.2431L13.7067 5.83767C14.1163 5.38744 14.8018 5.38744 15.2114 5.83767C15.5962 6.26063 15.5962 6.92856 15.2114 7.35152L10.982 12L15.2114 16.6485C15.5962 17.0714 15.5962 17.7394 15.2114 18.1623ZM14.459 17.4998C14.4599 17.4994 14.4646 17.4972 14.4717 17.4894C14.4862 17.4734 14.5 17.4445 14.5 17.4054C14.5 17.3663 14.4862 17.3374 14.4717 17.3215L9.93622 12.3365C9.76266 12.1457 9.76266 11.8543 9.93622 11.6635L14.4717 6.67855C14.4862 6.66261 14.5 6.63372 14.5 6.59459C14.5 6.55546 14.4862 6.52658 14.4717 6.51064C14.4646 6.50279 14.4599 6.50061 14.459 6.50023C14.4582 6.50061 14.4535 6.50279 14.4463 6.51064L9.52828 11.916C9.51378 11.932 9.5 11.9609 9.5 12C9.5 12.0391 9.51378 12.068 9.52828 12.084L14.4463 17.4894C14.4535 17.4972 14.4582 17.4994 14.459 17.4998Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/chevron-right.svg b/apps/mobile/resources/icons/source-svgs/chevron-right.svg
new file mode 100644
index 000000000..511f6f3f8
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/chevron-right.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.15845 6.17415C9.36972 5.94195 9.71225 5.94195 9.92352 6.17415L14.8415 11.5796C15.0528 11.8118 15.0528 12.1882 14.8415 12.4204L9.92352 17.8258C9.71225 18.0581 9.36972 18.0581 9.15845 17.8258C8.94718 17.5936 8.94718 17.2172 9.15845 16.985L13.6939 12L9.15845 7.01504C8.94718 6.78283 8.94718 6.40636 9.15845 6.17415Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.78862 5.83767C9.19824 5.38744 9.88372 5.38744 10.2933 5.83767L15.2114 11.2431C15.5962 11.666 15.5962 12.334 15.2114 12.7569L10.2933 18.1623C9.88372 18.6126 9.19824 18.6126 8.78862 18.1623C8.40379 17.7394 8.40379 17.0714 8.78862 16.6485L13.018 12L8.78862 7.35152C8.40379 6.92856 8.40379 6.26062 8.78862 5.83767ZM9.54096 6.50023C9.54096 6.50023 9.53542 6.50279 9.52828 6.51064C9.51378 6.52658 9.5 6.55546 9.5 6.59459C9.5 6.63373 9.51378 6.66261 9.52828 6.67855L14.0638 11.6635C14.2373 11.8543 14.2373 12.1457 14.0638 12.3365L9.52828 17.3215C9.51378 17.3374 9.5 17.3663 9.5 17.4054C9.5 17.4445 9.51378 17.4734 9.52828 17.4894C9.53542 17.4972 9.54096 17.4998 9.54096 17.4998C9.54096 17.4998 9.54654 17.4972 9.55368 17.4894L14.4717 12.084C14.4862 12.068 14.5 12.0391 14.5 12C14.5 11.9609 14.4862 11.932 14.4717 11.916L9.55368 6.51064C9.54654 6.50279 9.54096 6.50023 9.54096 6.50023Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/chevron-up.svg b/apps/mobile/resources/icons/source-svgs/chevron-up.svg
new file mode 100644
index 000000000..a5ce08608
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/chevron-up.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.17415 14.8415C5.94195 14.6303 5.94195 14.2878 6.17415 14.0765L11.5796 9.15845C11.8118 8.94718 12.1882 8.94718 12.4204 9.15845L17.8258 14.0765C18.0581 14.2878 18.0581 14.6303 17.8258 14.8415C17.5936 15.0528 17.2172 15.0528 16.985 14.8415L12 10.3061L7.01504 14.8415C6.78283 15.0528 6.40636 15.0528 6.17415 14.8415Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2431 8.78862C11.666 8.40379 12.334 8.40379 12.7569 8.78862L18.1623 13.7067C18.6126 14.1163 18.6126 14.8018 18.1623 15.2114C17.7394 15.5962 17.0714 15.5962 16.6485 15.2114L12 10.982L7.35152 15.2114C6.92856 15.5962 6.26062 15.5962 5.83767 15.2114C5.38744 14.8018 5.38744 14.1163 5.83767 13.7067L11.2431 8.78862ZM12 9.5C11.9609 9.5 11.932 9.51378 11.916 9.52828L6.51064 14.4463C6.50279 14.4535 6.50061 14.4582 6.50023 14.459C6.50061 14.4598 6.50279 14.4646 6.51064 14.4717C6.52658 14.4862 6.55546 14.5 6.59459 14.5C6.63373 14.5 6.66261 14.4862 6.67855 14.4717L11.6635 9.93622C11.8543 9.76266 12.1457 9.76266 12.3365 9.93622L17.3215 14.4717C17.3374 14.4862 17.3663 14.5 17.4054 14.5C17.4445 14.5 17.4734 14.4862 17.4894 14.4717C17.4972 14.4646 17.4994 14.4599 17.4998 14.459C17.4994 14.4582 17.4972 14.4535 17.4894 14.4463L12.084 9.52828C12.068 9.51378 12.0391 9.5 12 9.5Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/clock.svg b/apps/mobile/resources/icons/source-svgs/clock.svg
new file mode 100644
index 000000000..6896253d0
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/clock.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.99709 15.0039C8.67409 15.0039 8.35709 14.8479 8.16409 14.5589C7.85709 14.0999 7.98109 13.4789 8.44109 13.1719L11.0001 11.4649V7.0139C11.0001 6.4609 11.4471 6.0139 12.0001 6.0139C12.5531 6.0139 13.0001 6.4609 13.0001 7.0139V11.9999C13.0001 12.3339 12.8331 12.6469 12.5551 12.8319L9.55109 14.8359C9.38109 14.9489 9.18709 15.0039 8.99709 15.0039Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C7.589 4 4 7.589 4 12C4 16.411 7.589 20 12 20C16.411 20 20 16.411 20 12C20 7.589 16.411 4 12 4ZM12 22C6.486 22 2 17.514 2 12C2 6.486 6.486 2 12 2C17.514 2 22 6.486 22 12C22 17.514 17.514 22 12 22Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/close-filled.svg b/apps/mobile/resources/icons/source-svgs/close-filled.svg
new file mode 100644
index 000000000..ef66522c9
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/close-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.0003 11.9997C22.0003 17.5227 17.5223 21.9997 12.0003 21.9997C6.4773 21.9997 2.0003 17.5227 2.0003 11.9997C2.0003 6.47769 6.4773 1.99969 12.0003 1.99969C17.5223 1.99969 22.0003 6.47769 22.0003 11.9997ZM13.4146 12.0001L16.8548 8.56029C17.2438 8.17029 17.2438 7.53529 16.8548 7.14529C16.4648 6.75629 15.8298 6.75629 15.4398 7.14529L12 10.5855L8.5598 7.14529C8.1708 6.75629 7.5348 6.75629 7.1458 7.14529C6.7568 7.53529 6.7568 8.17029 7.1458 8.56029L10.5856 12.0001L7.1458 15.4403C6.7568 15.8293 6.7568 16.4653 7.1458 16.8543C7.5348 17.2433 8.1708 17.2433 8.5598 16.8543L12 13.4145L15.4398 16.8543C15.8298 17.2433 16.4648 17.2433 16.8548 16.8543C17.2438 16.4653 17.2438 15.8293 16.8548 15.4403L13.4146 12.0001Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/close-outlined.svg b/apps/mobile/resources/icons/source-svgs/close-outlined.svg
new file mode 100644
index 000000000..e0a67703d
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/close-outlined.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.4142 12L15.5355 14.1213C15.9261 14.5118 15.9261 15.145 15.5355 15.5355C15.145 15.9261 14.5118 15.9261 14.1213 15.5355L12 13.4142L9.87868 15.5355C9.48815 15.9261 8.85499 15.9261 8.46446 15.5355C8.07394 15.145 8.07394 14.5118 8.46446 14.1213L10.5858 12L8.46446 9.87868C8.07394 9.48815 8.07394 8.85499 8.46446 8.46446C8.85499 8.07394 9.48815 8.07394 9.87868 8.46446L12 10.5858L14.1213 8.46446C14.5118 8.07394 15.145 8.07394 15.5355 8.46446C15.9261 8.85499 15.9261 9.48815 15.5355 9.87868L13.4142 12Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/close.svg b/apps/mobile/resources/icons/source-svgs/close.svg
new file mode 100644
index 000000000..6a4744055
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/close.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2735 12L20.7373 19.4639C21.0875 19.8149 21.0875 20.3865 20.7373 20.7367C20.3862 21.0878 19.8146 21.0878 19.4636 20.7367L12 13.2734L4.53643 20.7367C4.18537 21.0878 3.61377 21.0878 3.26271 20.7367C2.91255 20.3865 2.91255 19.8149 3.26271 19.4639L10.7265 12L3.26262 4.53636C2.91246 4.1853 2.91246 3.61369 3.26262 3.26262C3.61368 2.91246 4.18528 2.91246 4.53634 3.26262L12 10.7264L19.4637 3.26262C19.8147 2.91246 20.3863 2.91246 20.7374 3.26262C21.0875 3.61369 21.0875 4.1853 20.7374 4.53636L13.2735 12Z" fill="black"/>
+<path d="M2.90952 2.90862C3.45574 2.36379 4.34322 2.36379 4.88944 2.90862L12 10.0193L19.1101 2.90907C19.6563 2.36425 20.5443 2.36379 21.0905 2.90862L21.0914 2.90953C21.6362 3.45575 21.6362 4.34324 21.0914 4.88946L13.9806 12L21.0908 19.1103C21.6354 19.6563 21.6365 20.5446 21.0908 21.0903C20.5445 21.6366 19.6563 21.6366 19.11 21.0903L12 13.9805L4.88997 21.0903C4.34366 21.6366 3.45548 21.6366 2.90915 21.0903C2.36349 20.5446 2.36414 19.6567 2.9087 19.1108L10.0194 12L2.90907 4.88992C2.36426 4.3437 2.3638 3.45575 2.90861 2.90953L2.90952 2.90862Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/code-blocks.svg b/apps/mobile/resources/icons/source-svgs/code-blocks.svg
new file mode 100644
index 000000000..ef8f19a83
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/code-blocks.svg
@@ -0,0 +1,23 @@
+<svg width="27" height="20" viewBox="0 0 27 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2867_12401)">
+<path d="M8.09998 0.801587C8.09998 0.635025 8.23428 0.5 8.39997 0.5H10.5C10.6657 0.5 10.8 0.635025 10.8 0.801587V2.9127C10.8 3.07926 10.6657 3.21429 10.5 3.21429H8.09998V0.801587Z" fill="black"/>
+<path d="M5.40002 3.51587C5.40002 3.34931 5.53433 3.21429 5.70002 3.21429H8.10002V5.62698C8.10002 5.79355 7.96571 5.92857 7.80002 5.92857H5.40002V3.51587Z" fill="black"/>
+<path d="M2.70001 6.23015C2.70001 6.06359 2.83432 5.92856 3.00001 5.92856H5.40001V8.34126C5.40001 8.50782 5.2657 8.64285 5.10001 8.64285H2.70001V6.23015Z" fill="black"/>
+<path d="M0 8.94443C0 8.77787 0.134315 8.64285 0.3 8.64285H2.7V11.3571H0.3C0.134315 11.3571 0 11.2221 0 11.0556V8.94443Z" fill="black"/>
+<path d="M2.70001 11.3571H5.10001C5.2657 11.3571 5.40001 11.4922 5.40001 11.6587V14.0714H3.00001C2.83432 14.0714 2.70001 13.9364 2.70001 13.7698V11.3571Z" fill="black"/>
+<path d="M5.40002 14.0714H7.80002C7.96571 14.0714 8.10002 14.2065 8.10002 14.373V16.7857H5.70002C5.53433 16.7857 5.40002 16.6507 5.40002 16.4841V14.0714Z" fill="black"/>
+<path d="M8.09998 16.7857H10.5C10.6657 16.7857 10.8 16.9207 10.8 17.0873V19.1984C10.8 19.365 10.6657 19.5 10.5 19.5H8.39997C8.23428 19.5 8.09998 19.365 8.09998 19.1984V16.7857Z" fill="black"/>
+<path d="M18.9 0.801587C18.9 0.635025 18.7657 0.5 18.6 0.5H16.5C16.3343 0.5 16.2 0.635025 16.2 0.801587V2.9127C16.2 3.07926 16.3343 3.21429 16.5 3.21429H18.9V0.801587Z" fill="black"/>
+<path d="M21.6 3.51587C21.6 3.34931 21.4657 3.21429 21.3 3.21429H18.9V5.62698C18.9 5.79355 19.0343 5.92857 19.2 5.92857H21.6V3.51587Z" fill="black"/>
+<path d="M24.3 6.23015C24.3 6.06359 24.1657 5.92856 24 5.92856H21.6V8.34126C21.6 8.50782 21.7343 8.64285 21.9 8.64285H24.3V6.23015Z" fill="black"/>
+<path d="M27 8.94443C27 8.77787 26.8657 8.64285 26.7 8.64285H24.3V11.3571H26.7C26.8657 11.3571 27 11.2221 27 11.0556V8.94443Z" fill="black"/>
+<path d="M24.3 11.3571H21.9C21.7343 11.3571 21.6 11.4922 21.6 11.6587V14.0714H24C24.1657 14.0714 24.3 13.9364 24.3 13.7698V11.3571Z" fill="black"/>
+<path d="M21.6 14.0714H19.2C19.0343 14.0714 18.9 14.2065 18.9 14.373V16.7857H21.3C21.4657 16.7857 21.6 16.6507 21.6 16.4841V14.0714Z" fill="black"/>
+<path d="M18.9 16.7857H16.5C16.3343 16.7857 16.2 16.9207 16.2 17.0873V19.1984C16.2 19.365 16.3343 19.5 16.5 19.5H18.6C18.7657 19.5 18.9 19.365 18.9 19.1984V16.7857Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_2867_12401">
+<rect width="27" height="19" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/copy.svg b/apps/mobile/resources/icons/source-svgs/copy.svg
new file mode 100644
index 000000000..2faacebe4
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/copy.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 7V4C9 2.89543 9.89543 2 11 2H19C20.1046 2 21 2.89543 21 4V15C21 16.1046 20.1046 17 19 17H15V20C15 21.1046 14.1046 22 13 22H5C3.89543 22 3 21.1046 3 20V9C3 7.89543 3.89543 7 5 7H9ZM15 15H19V4H11V7H13C14.1046 7 15 7.89543 15 9V15ZM5 20V9H13V20H5Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/dapp-logo.svg b/apps/mobile/resources/icons/source-svgs/dapp-logo.svg
new file mode 100644
index 000000000..1a13cb2c3
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/dapp-logo.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.0849 7.18622C15.172 3.35516 8.82795 3.35516 4.91505 7.18622L4.39817 7.69229C4.20253 7.88384 4.20253 8.19441 4.39817 8.38596L6.00911 9.9632C6.10693 10.059 6.26553 10.059 6.36335 9.9632L7.05736 9.28371C9.78709 6.61107 14.2129 6.61107 16.9426 9.28371L17.5907 9.9182C17.6885 10.014 17.8471 10.014 17.9449 9.9182L19.5558 8.34096C19.7515 8.14941 19.7515 7.83884 19.5558 7.64729L19.0849 7.18622ZM23.8498 11.8519L22.4161 10.4481C22.2205 10.2566 21.9033 10.2566 21.7076 10.4481L17.1193 14.9405C17.0704 14.9884 16.9911 14.9884 16.9422 14.9405L12.3538 10.448L12.3538 10.448C12.1581 10.2565 11.8409 10.2565 11.6453 10.448L7.05711 14.9405C7.0082 14.9884 6.9289 14.9884 6.87999 14.9405L2.29159 10.448C2.09594 10.2565 1.77874 10.2565 1.5831 10.448L0.149358 11.8518C-0.0462867 12.0433 -0.0462867 12.3539 0.149358 12.5455L6.61435 18.8752C6.81 19.0668 7.1272 19.0668 7.32285 18.8752L11.9111 14.3829C11.96 14.335 12.0393 14.335 12.0882 14.3829L16.6765 18.8752C16.8722 19.0668 17.1894 19.0668 17.385 18.8752L23.8498 12.5455C24.0455 12.354 24.0455 12.0434 23.8498 11.8519Z" fill="#121312"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/delete.svg b/apps/mobile/resources/icons/source-svgs/delete.svg
new file mode 100644
index 000000000..595aa06ad
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/delete.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 18.0097C10.553 18.0097 11 17.5627 11 17.0097V11.0097C11 10.4567 10.553 10.0097 10 10.0097C9.447 10.0097 9 10.4567 9 11.0097V17.0097C9 17.5627 9.447 18.0097 10 18.0097Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.001 18.0097C14.554 18.0097 15.001 17.5627 15.001 17.0097V11.0097C15.001 10.4567 14.554 10.0097 14.001 10.0097C13.448 10.0097 13.001 10.4567 13.001 11.0097V17.0097C13.001 17.5627 13.448 18.0097 14.001 18.0097Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5127 19.5508C16.4997 19.8048 16.2547 20.0038 16.0157 20.0018H7.96869C7.73869 19.9758 7.50769 19.8058 7.49469 19.5438L6.84669 7.99979H17.1337L16.5127 19.5508ZM9.9967 4.61579C9.9967 4.28179 10.2797 3.99979 10.6137 3.99979H13.3817C13.7217 3.99979 13.9987 4.27679 13.9987 4.61579V5.99979H9.9967V4.61579ZM19.9997 5.99979H18.2617C18.2557 5.99979 18.2497 5.99479 18.2427 5.99479C18.2307 5.99379 18.2207 5.99979 18.2077 5.99979H15.9987V4.61579C15.9987 3.17379 14.8257 1.99979 13.3817 1.99979H10.6137C9.17069 1.99979 7.9967 3.17379 7.9967 4.61579V5.99979H3.99969C3.44769 5.99979 2.99969 6.44679 2.99969 6.99979C2.99969 7.55279 3.44769 7.99979 3.99969 7.99979H4.84469L5.49769 19.6468C5.56069 20.9568 6.65869 22.0028 7.9377 22.0028C7.9557 22.0028 7.97369 22.0018 7.99169 22.0018H15.9917H16.0487C17.3487 22.0018 18.4477 20.9578 18.5107 19.6538L19.1367 7.99979H19.9997C20.5527 7.99979 20.9997 7.55279 20.9997 6.99979C20.9997 6.44679 20.5527 5.99979 19.9997 5.99979Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/desktop.svg b/apps/mobile/resources/icons/source-svgs/desktop.svg
new file mode 100644
index 000000000..6c0f6907a
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/desktop.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.0002 1.94995C2.31573 1.94995 0.950195 3.31548 0.950195 4.99995V15C0.950195 16.6844 2.31573 18.0499 4.0002 18.0499H10.9502V19.95H8.0002C7.4203 19.95 6.9502 20.4201 6.9502 21C6.9502 21.5798 7.4203 22.0499 8.0002 22.0499H16.0002C16.5801 22.0499 17.0502 21.5798 17.0502 21C17.0502 20.4201 16.5801 19.95 16.0002 19.95H13.0502V18.0499H20.0002C21.6847 18.0499 23.0502 16.6844 23.0502 15V4.99995C23.0502 3.31548 21.6847 1.94995 20.0002 1.94995H4.0002ZM3.0502 4.99995C3.0502 4.47528 3.47552 4.04995 4.0002 4.04995H20.0002C20.5249 4.04995 20.9502 4.47528 20.9502 4.99995V15C20.9502 15.5246 20.5249 15.95 20.0002 15.95H4.0002C3.47552 15.95 3.0502 15.5246 3.0502 15V4.99995Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/document.svg b/apps/mobile/resources/icons/source-svgs/document.svg
new file mode 100644
index 000000000..ad3e1cfa9
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/document.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.00049 20.0004V4.0004H11.9985V8.0204C11.9985 9.1084 12.8865 9.9944 13.9775 9.9944H18.0005V20.0004H6.00049ZM17.1755 8.0034L13.9985 8.0204V4.8304L17.1755 8.0034ZM19.7345 7.7334L14.3025 2.3074C14.1055 2.1104 13.8395 2.0004 13.5625 2.0004H6.00049C4.89549 2.0004 4.00049 2.8964 4.00049 4.0004V20.0004C4.00049 21.1044 4.89549 22.0004 6.00049 22.0004H18.0005C19.1045 22.0004 20.0005 21.1044 20.0005 20.0004V8.3714C20.0005 8.1324 19.9045 7.9024 19.7345 7.7334Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/double-arrow.svg b/apps/mobile/resources/icons/source-svgs/double-arrow.svg
new file mode 100644
index 000000000..92f21de89
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/double-arrow.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.7 18.29C7.09 18.68 7.72 18.68 8.11 18.29L12 14.42L15.88 18.3C16.27 18.69 16.9 18.69 17.29 18.3C17.68 17.91 17.68 17.28 17.29 16.89L12.7 12.3C12.6075 12.2073 12.4976 12.1337 12.3766 12.0835C12.2557 12.0333 12.126 12.0075 11.995 12.0075C11.864 12.0075 11.7343 12.0333 11.6134 12.0835C11.4924 12.1337 11.3825 12.2073 11.29 12.3L6.7 16.88C6.31 17.27 6.31 17.9 6.7 18.29Z" fill="black"/>
+<path d="M6.7 11.7C7.09 12.09 7.72 12.09 8.11 11.7L12 7.83003L15.88 11.71C16.27 12.1 16.9 12.1 17.29 11.71C17.68 11.32 17.68 10.69 17.29 10.3L12.7 5.71003C12.6075 5.61731 12.4976 5.54375 12.3766 5.49356C12.2557 5.44338 12.126 5.41754 11.995 5.41754C11.864 5.41754 11.7343 5.44338 11.6134 5.49356C11.4924 5.54375 11.3825 5.61731 11.29 5.71003L6.7 10.29C6.31 10.68 6.31 11.31 6.7 11.7Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/download.svg b/apps/mobile/resources/icons/source-svgs/download.svg
new file mode 100644
index 000000000..ebe7338bb
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/download.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0005 15.5839L13.0005 3.0009C13.0005 2.4479 12.5525 2.0009 12.0005 2.0009C11.4475 2.0009 11.0005 2.4479 11.0005 3.0009L11.0005 15.5839L6.8785 11.4629C6.4875 11.0719 5.8545 11.0719 5.4645 11.4629C5.0735 11.8539 5.0735 12.4859 5.4645 12.8769L11.1215 18.5339C11.1505 18.5629 11.1815 18.5899 11.2125 18.6139C11.3965 18.8489 11.6805 18.9979 12.0005 18.9979C12.3195 18.9979 12.6045 18.8489 12.7875 18.6139C12.8185 18.5899 12.8505 18.5629 12.8785 18.5339L18.5355 12.8769C18.9265 12.4859 18.9265 11.8539 18.5355 11.4629C18.1455 11.0719 17.5125 11.0719 17.1215 11.4629L13.0005 15.5839Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.0005 20L21.0005 20C21.5505 20 22.0005 20.45 22.0005 21C22.0005 21.55 21.5505 22 21.0005 22L3.0005 22C2.4495 22 2.0005 21.55 2.0005 21C2.0005 20.45 2.4495 20 3.0005 20Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/dropdown-arrow-small.svg b/apps/mobile/resources/icons/source-svgs/dropdown-arrow-small.svg
new file mode 100644
index 000000000..f42ace4a9
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/dropdown-arrow-small.svg
@@ -0,0 +1,3 @@
+<svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.85758 5.25361C4.21287 5.58213 4.78798 5.58213 5.14242 5.25361L8.73198 1.9346C9.30454 1.40519 8.89897 0.5 8.08956 0.5L0.910442 0.500788C0.10103 0.500788 -0.304537 1.40598 0.268021 1.9346L3.85758 5.25361Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/edit-owner.svg b/apps/mobile/resources/icons/source-svgs/edit-owner.svg
new file mode 100644
index 000000000..b28786d65
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/edit-owner.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0031 4C13.6571 4 15.0031 5.345 15.0031 7C15.0031 8.654 13.6571 10 12.0031 10C10.3491 10 9.0031 8.654 9.0031 7C9.0031 5.345 10.3491 4 12.0031 4ZM16.3141 12.069C15.7341 11.746 15.1121 11.504 14.4591 11.328C15.9701 10.467 17.0031 8.86 17.0031 7C17.0031 4.243 14.7601 2 12.0031 2C9.2461 2 7.0031 4.243 7.0031 7C7.0031 8.853 8.0281 10.455 9.5301 11.319C5.0471 12.491 3.1701 16.848 2.0401 20.725C1.8861 21.255 2.1901 21.811 2.7201 21.965C2.8141 21.993 2.9081 22.005 3.0001 22.005C3.4341 22.005 3.8331 21.722 3.9601 21.286C5.6521 15.482 8.0571 13.005 12.0001 13.005C13.2721 13.005 14.3631 13.27 15.3371 13.815C15.8181 14.083 16.4281 13.911 16.6981 13.43C16.9681 12.948 16.7951 12.338 16.3141 12.069Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3986 20.3853L13.4066 21.7273C13.4066 21.8783 13.5296 22.0003 13.6806 22.0003H15.0136C15.0866 22.0003 15.1566 21.9713 15.2086 21.9193L19.2366 17.8913C19.3946 17.7333 19.3946 17.4773 19.2366 17.3193L18.0546 16.1363C17.9106 15.9923 17.6766 15.9923 17.5326 16.1363L13.4796 20.1903C13.4276 20.2413 13.3986 20.3123 13.3986 20.3853Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.4415 16.6861L21.9205 15.2071C22.0315 15.0971 22.0315 14.9161 21.9205 14.8051L20.5925 13.4791C20.4825 13.3681 20.3015 13.3681 20.1905 13.4791L18.7125 14.9571C18.6005 15.0681 18.6005 15.2491 18.7125 15.3601L20.0385 16.6861C20.1495 16.7971 20.3305 16.7971 20.4415 16.6861Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/edit.svg b/apps/mobile/resources/icons/source-svgs/edit.svg
new file mode 100644
index 000000000..802f6158f
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/edit.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5928 9.042L15.0118 6.439L17.4808 4.019L19.9778 6.538C19.9838 6.544 19.9728 6.64 19.9798 6.646L17.5928 9.042ZM6.58982 20H3.99982V17.379L13.5848 7.841L16.1798 10.458L6.58982 20ZM21.9998 6.557C21.9928 6.001 21.7718 5.487 21.3978 5.13L18.9188 2.63C18.5498 2.236 18.0238 2.007 17.4738 2H17.4468C16.8958 2 16.3618 2.222 15.9788 2.607L2.29482 16.254C2.10682 16.441 1.99982 16.697 1.99982 16.963V21C1.99982 21.553 2.44682 22 2.99982 22H7.00282C7.26782 22 7.52082 21.896 7.70782 21.709L21.3978 8.057C21.7878 7.663 22.0078 7.116 21.9998 6.557Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/element-drag.svg b/apps/mobile/resources/icons/source-svgs/element-drag.svg
new file mode 100644
index 000000000..49a29afa1
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/element-drag.svg
@@ -0,0 +1,26 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2867_12352)">
+<g clip-path="url(#clip1_2867_12352)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 12.0001C7 10.8955 7.89543 10.0001 9 10.0001C10.1046 10.0001 11 10.8955 11 12.0001C11 13.1047 10.1046 14.0001 9 14.0001C7.89543 14.0001 7 13.1047 7 12.0001Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 12.0001C13 10.8955 13.8954 10.0001 15 10.0001C16.1046 10.0001 17 10.8955 17 12.0001C17 13.1047 16.1046 14.0001 15 14.0001C13.8954 14.0001 13 13.1047 13 12.0001Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.89543 7.89543 3 9 3C10.1046 3 11 3.89543 11 5C11 6.10457 10.1046 7 9 7C7.89543 7 7 6.10457 7 5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 5C13 3.89543 13.8954 3 15 3C16.1046 3 17 3.89543 17 5C17 6.10457 16.1046 7 15 7C13.8954 7 13 6.10457 13 5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 18.9999C7 17.8953 7.89543 16.9999 9 16.9999C10.1046 16.9999 11 17.8953 11 18.9999C11 20.1045 10.1046 20.9999 9 20.9999C7.89543 20.9999 7 20.1045 7 18.9999Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 18.9999C13 17.8953 13.8954 16.9999 15 16.9999C16.1046 16.9999 17 17.8953 17 18.9999C17 20.1045 16.1046 20.9999 15 20.9999C13.8954 20.9999 13 20.1045 13 18.9999Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 12.0001C7 10.8955 7.89543 10.0001 9 10.0001C10.1046 10.0001 11 10.8955 11 12.0001C11 13.1047 10.1046 14.0001 9 14.0001C7.89543 14.0001 7 13.1047 7 12.0001Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 12.0001C13 10.8955 13.8954 10.0001 15 10.0001C16.1046 10.0001 17 10.8955 17 12.0001C17 13.1047 16.1046 14.0001 15 14.0001C13.8954 14.0001 13 13.1047 13 12.0001Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.89543 7.89543 3 9 3C10.1046 3 11 3.89543 11 5C11 6.10457 10.1046 7 9 7C7.89543 7 7 6.10457 7 5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 5C13 3.89543 13.8954 3 15 3C16.1046 3 17 3.89543 17 5C17 6.10457 16.1046 7 15 7C13.8954 7 13 6.10457 13 5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 18.9999C7 17.8953 7.89543 16.9999 9 16.9999C10.1046 16.9999 11 17.8953 11 18.9999C11 20.1045 10.1046 20.9999 9 20.9999C7.89543 20.9999 7 20.1045 7 18.9999Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 18.9999C13 17.8953 13.8954 16.9999 15 16.9999C16.1046 16.9999 17 17.8953 17 18.9999C17 20.1045 16.1046 20.9999 15 20.9999C13.8954 20.9999 13 20.1045 13 18.9999Z" fill="black"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_2867_12352">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+<clipPath id="clip1_2867_12352">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/experimental.svg b/apps/mobile/resources/icons/source-svgs/experimental.svg
new file mode 100644
index 000000000..f3af0ce0d
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/experimental.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5021 1.40273C10.9577 1.14023 11.4742 1.00204 12 1.00204C12.5258 1.00204 13.0424 1.14024 13.4979 1.40276C13.4986 1.40317 13.4993 1.40357 13.5 1.40397L20.5 5.40396C20.87 5.61757 21.1891 5.90714 21.4369 6.25235C21.4973 6.31272 21.5508 6.38187 21.5956 6.45927C21.6342 6.52594 21.6642 6.59521 21.686 6.6658C21.8917 7.07927 21.9995 7.53547 22 7.99897V16.001C21.9995 16.5271 21.8606 17.0438 21.5973 17.4993C21.334 17.9547 20.9556 18.333 20.5 18.596L20.4961 18.5982L13.5 22.596C13.4994 22.5964 13.4988 22.5967 13.4982 22.5971C13.181 22.7799 12.8342 22.9025 12.4753 22.9601C12.3339 23.0366 12.172 23.08 12 23.08C11.828 23.08 11.6661 23.0366 11.5247 22.9601C11.1658 22.9025 10.8191 22.7799 10.5019 22.5971C10.5012 22.5967 10.5006 22.5964 10.5 22.596L3.50386 18.5982L3.5 18.596C3.04439 18.333 2.66597 17.9547 2.40269 17.4993C2.13941 17.0438 2.00054 16.5271 2 16.001V7.99897C2.00048 7.53548 2.10832 7.07928 2.31402 6.66581C2.33581 6.59521 2.36583 6.52594 2.40439 6.45927C2.44917 6.38187 2.50272 6.31272 2.56308 6.25235C2.81094 5.90714 3.13002 5.61758 3.5 5.40397L3.50386 5.40174L6.75258 3.54534C6.90017 3.37903 7.09619 3.27049 7.30633 3.22891L10.5021 1.40273ZM7.54999 5.39318L5.03899 6.82804L12 10.8547L14.5065 9.40479L7.54999 5.39318ZM16.5052 8.24863L9.5609 4.24409L11.4961 3.13824L11.5 3.13602C11.652 3.04825 11.8245 3.00204 12 3.00204C12.1755 3.00204 12.348 3.04825 12.5 3.13602L18.961 6.82804L16.5052 8.24863ZM20 8.53753L13 12.5868V20.5782L19.5 16.864C19.5005 16.8637 19.5011 16.8634 19.5016 16.8631C19.6527 16.7754 19.7783 16.6497 19.8658 16.4984C19.9535 16.3466 19.9998 16.1743 20 15.999V8.53753ZM11 20.5782V12.5868L4 8.53753V15.9994C4.00025 16.1746 4.04654 16.3467 4.13423 16.4984C4.22169 16.6497 4.34726 16.7754 4.49842 16.8631C4.49895 16.8634 4.49947 16.8637 4.5 16.864L11 20.5782Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/export.svg b/apps/mobile/resources/icons/source-svgs/export.svg
new file mode 100644
index 000000000..7417867c0
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/export.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2929 1.29289C11.6834 0.902369 12.3166 0.902369 12.7071 1.29289L16.7071 5.29289C17.0976 5.68342 17.0976 6.31658 16.7071 6.70711C16.3166 7.09763 15.6834 7.09763 15.2929 6.70711L13 4.41421V15C13 15.5523 12.5523 16 12 16C11.4477 16 11 15.5523 11 15V4.41421L8.70711 6.70711C8.31658 7.09763 7.68342 7.09763 7.29289 6.70711C6.90237 6.31658 6.90237 5.68342 7.29289 5.29289L11.2929 1.29289ZM4 11C4.55228 11 5 11.4477 5 12V20C5 20.2652 5.10536 20.5196 5.29289 20.7071C5.48043 20.8946 5.73478 21 6 21H18C18.2652 21 18.5196 20.8946 18.7071 20.7071C18.8946 20.5196 19 20.2652 19 20V12C19 11.4477 19.4477 11 20 11C20.5523 11 21 11.4477 21 12V20C21 20.7957 20.6839 21.5587 20.1213 22.1213C19.5587 22.6839 18.7957 23 18 23H6C5.20435 23 4.44129 22.6839 3.87868 22.1213C3.31607 21.5587 3 20.7957 3 20V12C3 11.4477 3.44772 11 4 11Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/external-link.svg b/apps/mobile/resources/icons/source-svgs/external-link.svg
new file mode 100644
index 000000000..9fdb171a2
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/external-link.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 20V12C20 11.4477 20.4477 11 21 11C21.5523 11 22 11.4477 22 12V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V4C2 2.89543 2.89543 2 4 2H12C12.5523 2 13 2.44772 13 3C13 3.55228 12.5523 4 12 4H4V20H20Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5355 4H15.9497C15.3975 4 14.9497 3.55228 14.9497 3C14.9497 2.44772 15.3975 2 15.9497 2H20.9497C21.2259 2 21.4759 2.11193 21.6569 2.29289C21.8378 2.47386 21.9497 2.72386 21.9497 3V8C21.9497 8.55228 21.502 9 20.9497 9C20.3975 9 19.9497 8.55228 19.9497 8V5.41421L10.7071 14.6569C10.3166 15.0474 9.68342 15.0474 9.29289 14.6569C8.90237 14.2663 8.90237 13.6332 9.29289 13.2426L18.5355 4Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/eye-n.svg b/apps/mobile/resources/icons/source-svgs/eye-n.svg
new file mode 100644
index 000000000..506f07e78
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/eye-n.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0002 4.00018C6.80485 4.00018 2.36833 7.31672 0.571777 12.0001C2.36833 16.6835 6.80485 20 12.0002 20C17.1944 20 21.631 16.6835 23.4287 12.0001C21.631 7.31672 17.1944 4.00018 12.0002 4.00018ZM12.0002 6.28587C15.8322 6.28587 19.2539 8.5007 20.9407 12.0001C19.2539 15.4995 15.8322 17.7143 12.0002 17.7143C8.16715 17.7143 4.74547 15.4995 3.05978 12.0001C4.74547 8.5007 8.16715 6.28587 12.0002 6.28587Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0013 7.4109C9.47562 7.4109 7.42993 9.45773 7.42993 11.9823C7.42993 14.508 9.47562 16.5536 12.0013 16.5536C14.5259 16.5536 16.5727 14.508 16.5727 11.9823C16.5727 9.45773 14.5259 7.4109 12.0013 7.4109ZM12.0014 9.69659C13.2619 9.69659 14.287 10.7217 14.287 11.9823C14.287 13.244 13.2619 14.268 12.0014 14.268C10.7408 14.268 9.71567 13.244 9.71567 11.9823C9.71567 10.7217 10.7408 9.69659 12.0014 9.69659Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/eye-off.svg b/apps/mobile/resources/icons/source-svgs/eye-off.svg
new file mode 100644
index 000000000..20e37f013
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/eye-off.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.7375 6.67897C9.70165 6.36578 10.7197 6.18246 11.7759 6.18246C15.5404 6.18246 18.9009 8.29726 20.5576 11.6386C19.8359 13.0943 18.7764 14.2968 17.5159 15.2146L19.1198 16.7739C20.8371 15.4524 22.193 13.6847 23 11.6386C21.2356 7.16674 16.8784 4 11.7759 4C10.0777 4 8.46587 4.35792 7 4.99084L8.7375 6.67897Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6602 9.99601C11.7176 9.99192 11.7718 9.9786 11.8312 9.9786C12.9807 9.9786 13.9156 10.8982 13.9156 12.0268C13.9156 12.0851 13.902 12.1384 13.8968 12.1937L15.5581 13.8261C15.8322 13.2813 16 12.676 16 12.0268C16 9.76457 14.1334 7.93044 11.8312 7.93044C11.1704 7.93044 10.5545 8.09634 10 8.36362L11.6602 9.99601Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9996 17.1907C8.31101 17.1907 5.01739 15.0959 3.39478 11.786C3.86451 10.8272 4.48825 9.98516 5.2088 9.25228L7.61356 11.6152C7.61136 11.6671 7.60146 11.7168 7.60146 11.7687C7.60146 14.1576 9.57169 16.0925 12.0018 16.0925C12.0557 16.0925 12.1063 16.0838 12.1591 16.0817L13.1997 17.1032C12.8048 17.1551 12.4066 17.1907 11.9996 17.1907ZM18.3987 19.1548L4.03829 5.04528C3.60816 4.62263 2.91181 4.62263 2.48278 5.04528C2.05265 5.46685 2.05265 6.15109 2.48278 6.57373L3.66426 7.73467C2.52568 8.88263 1.60052 10.2479 0.998779 11.786C2.7292 16.2157 6.99969 19.3526 11.9995 19.3526C13.0611 19.3526 14.0842 19.197 15.061 18.9322L16.8432 20.6833C17.0588 20.8952 17.3393 21 17.6209 21C17.9025 21 18.1841 20.8952 18.3987 20.6833C18.8288 20.2617 18.8288 19.5775 18.3987 19.1548Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/eye-on.svg b/apps/mobile/resources/icons/source-svgs/eye-on.svg
new file mode 100644
index 000000000..506f07e78
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/eye-on.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0002 4.00018C6.80485 4.00018 2.36833 7.31672 0.571777 12.0001C2.36833 16.6835 6.80485 20 12.0002 20C17.1944 20 21.631 16.6835 23.4287 12.0001C21.631 7.31672 17.1944 4.00018 12.0002 4.00018ZM12.0002 6.28587C15.8322 6.28587 19.2539 8.5007 20.9407 12.0001C19.2539 15.4995 15.8322 17.7143 12.0002 17.7143C8.16715 17.7143 4.74547 15.4995 3.05978 12.0001C4.74547 8.5007 8.16715 6.28587 12.0002 6.28587Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0013 7.4109C9.47562 7.4109 7.42993 9.45773 7.42993 11.9823C7.42993 14.508 9.47562 16.5536 12.0013 16.5536C14.5259 16.5536 16.5727 14.508 16.5727 11.9823C16.5727 9.45773 14.5259 7.4109 12.0013 7.4109ZM12.0014 9.69659C13.2619 9.69659 14.287 10.7217 14.287 11.9823C14.287 13.244 13.2619 14.268 12.0014 14.268C10.7408 14.268 9.71567 13.244 9.71567 11.9823C9.71567 10.7217 10.7408 9.69659 12.0014 9.69659Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/face-id.svg b/apps/mobile/resources/icons/source-svgs/face-id.svg
new file mode 100644
index 000000000..34e4e1b99
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/face-id.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.75405 5.58014C1.47132 5.58014 1.32996 5.43407 1.32996 5.14191V3.3542C1.32996 2.68178 1.50145 2.17631 1.84444 1.83778C2.18742 1.49925 2.69727 1.32999 3.37397 1.32999H5.16075C5.45275 1.32999 5.59875 1.47143 5.59875 1.75431C5.59875 2.04182 5.45275 2.18558 5.16075 2.18558H3.39483C3.00086 2.18558 2.69958 2.28761 2.49101 2.49165C2.28707 2.69569 2.18511 2.99944 2.18511 3.40289V5.14191C2.18511 5.43407 2.04142 5.58014 1.75405 5.58014ZM14.1989 5.58014C13.9162 5.58014 13.7748 5.43407 13.7748 5.14191V3.40289C13.7748 2.99944 13.6682 2.69569 13.455 2.49165C13.2418 2.28761 12.9428 2.18558 12.5581 2.18558H10.7992C10.5072 2.18558 10.3612 2.04182 10.3612 1.75431C10.3612 1.47143 10.5072 1.32999 10.7992 1.32999H12.579C13.2603 1.32999 13.7725 1.50157 14.1155 1.84474C14.4585 2.18326 14.63 2.68642 14.63 3.3542V5.14191C14.63 5.43407 14.4863 5.58014 14.1989 5.58014ZM3.37397 14.63C2.69727 14.63 2.18742 14.4584 1.84444 14.1152C1.50145 13.7767 1.32996 13.2712 1.32996 12.5988V10.8181C1.32996 10.5259 1.47132 10.3798 1.75405 10.3798C2.04142 10.3798 2.18511 10.5259 2.18511 10.8181V12.5571C2.18511 12.9605 2.28707 13.2643 2.49101 13.4683C2.69958 13.6724 3.00086 13.7744 3.39483 13.7744H5.16075C5.45275 13.7744 5.59875 13.9181 5.59875 14.2057C5.59875 14.4885 5.45275 14.63 5.16075 14.63H3.37397ZM10.7992 14.63C10.5072 14.63 10.3612 14.4885 10.3612 14.2057C10.3612 13.9181 10.5072 13.7744 10.7992 13.7744H12.5581C12.9428 13.7744 13.2418 13.6724 13.455 13.4683C13.6682 13.2643 13.7748 12.9605 13.7748 12.5571V10.8181C13.7748 10.5259 13.9162 10.3798 14.1989 10.3798C14.4863 10.3798 14.63 10.5259 14.63 10.8181V12.5988C14.63 13.2712 14.4585 13.7767 14.1155 14.1152C13.7725 14.4584 13.2603 14.63 12.579 14.63H10.7992ZM5.39713 7.4235C5.26271 7.4235 5.15148 7.38176 5.06341 7.29829C4.97998 7.21482 4.93827 7.1012 4.93827 6.95744V6.01838C4.93827 5.87925 4.97998 5.76796 5.06341 5.68448C5.15148 5.59637 5.26271 5.55232 5.39713 5.55232C5.53154 5.55232 5.64278 5.59637 5.73084 5.68448C5.81891 5.76796 5.86294 5.87925 5.86294 6.01838V6.95744C5.86294 7.1012 5.81891 7.21482 5.73084 7.29829C5.64278 7.38176 5.53154 7.4235 5.39713 7.4235ZM7.41333 9.05122C7.26965 9.05122 7.15841 9.01876 7.07962 8.95384C7.00082 8.88427 6.96143 8.79153 6.96143 8.67559C6.96143 8.57357 6.99387 8.4901 7.05876 8.42517C7.12828 8.35561 7.21403 8.32083 7.316 8.32083H7.55238C7.60337 8.32083 7.6474 8.3046 7.68448 8.27214C7.72619 8.23968 7.74705 8.19099 7.74705 8.12606V5.90012C7.74705 5.78883 7.77949 5.70303 7.84438 5.64275C7.90927 5.57782 7.99502 5.54536 8.10162 5.54536C8.21286 5.54536 8.30093 5.57782 8.36582 5.64275C8.43071 5.70303 8.46315 5.78883 8.46315 5.90012V8.06346C8.46315 8.38808 8.37972 8.63386 8.21286 8.8008C8.046 8.96775 7.80035 9.05122 7.4759 9.05122C7.46664 9.05122 7.45505 9.05122 7.44114 9.05122C7.43187 9.05122 7.4226 9.05122 7.41333 9.05122ZM10.5211 7.4235C10.382 7.4235 10.2708 7.38176 10.1874 7.29829C10.1039 7.21482 10.0622 7.1012 10.0622 6.95744V6.01838C10.0622 5.87925 10.1039 5.76796 10.1874 5.68448C10.2708 5.59637 10.382 5.55232 10.5211 5.55232C10.6555 5.55232 10.7644 5.59637 10.8478 5.68448C10.9359 5.76796 10.9799 5.87925 10.9799 6.01838V6.95744C10.9799 7.1012 10.9359 7.21482 10.8478 7.29829C10.7644 7.38176 10.6555 7.4235 10.5211 7.4235ZM7.92781 11.298C7.52457 11.298 7.12597 11.2192 6.732 11.0615C6.33802 10.8992 6.00431 10.665 5.73084 10.359C5.69377 10.3219 5.66364 10.2824 5.64046 10.2407C5.62192 10.1943 5.61265 10.1456 5.61265 10.0946C5.61265 9.98797 5.64742 9.90218 5.71694 9.83726C5.78646 9.77233 5.87221 9.73987 5.97418 9.73987C6.03907 9.73987 6.09237 9.75378 6.13409 9.78161C6.18044 9.80943 6.2291 9.84653 6.28009 9.8929C6.48403 10.1016 6.73431 10.2685 7.03095 10.3937C7.32759 10.519 7.62654 10.5816 7.92781 10.5816C8.24762 10.5816 8.55353 10.519 8.84553 10.3937C9.14217 10.2639 9.39014 10.0969 9.58944 9.8929C9.68678 9.79088 9.78643 9.73987 9.8884 9.73987C9.98573 9.73987 10.0692 9.77233 10.1387 9.83726C10.2082 9.90218 10.243 9.98797 10.243 10.0946C10.243 10.1549 10.2337 10.2082 10.2152 10.2546C10.1966 10.2964 10.1711 10.3335 10.1387 10.3659C9.84205 10.6581 9.49906 10.8876 9.10973 11.0546C8.72503 11.2169 8.33105 11.298 7.92781 11.298Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/file.svg b/apps/mobile/resources/icons/source-svgs/file.svg
new file mode 100644
index 000000000..082704540
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/file.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.80245 2.82273C5.31625 2.29592 6.01312 2 6.73973 2H13.7534C14.015 2 14.2658 2.10654 14.4508 2.29618L19.7111 7.68946C19.8961 7.8791 20 8.13631 20 8.40451V19.191C20 19.9359 19.7114 20.6504 19.1976 21.1772C19.1975 21.1772 19.1975 21.1772 19.1975 21.1773C19.1974 21.1773 19.1974 21.1774 19.1973 21.1774C18.6834 21.7044 17.9865 22 17.2602 22H6.73973C6.01324 22 5.31629 21.7043 4.80237 21.1772C4.28856 20.6504 4 19.9359 4 19.191V4.80899C4 4.064 4.28865 3.34953 4.80244 2.82274C4.80244 2.82274 4.80245 2.82274 4.80245 2.82273ZM6.73973 4.02248C6.53624 4.02248 6.34113 4.10535 6.1973 4.25282L6.19729 4.25284C6.05342 4.40035 5.9726 4.60041 5.9726 4.80899V19.191C5.9726 19.3997 6.05345 19.5997 6.19722 19.7471L6.19737 19.7473C6.34109 19.8947 6.53612 19.9775 6.73973 19.9775H17.2602C17.4638 19.9775 17.6589 19.8946 17.8025 19.7473L17.8028 19.747C17.9466 19.5997 18.0274 19.3996 18.0274 19.191V9.41575H13.7525C13.4909 9.41575 13.24 9.30919 13.0551 9.11951C12.8701 8.92983 12.7662 8.67257 12.7662 8.40435L12.7669 4.02248H6.73973ZM14.7393 5.45217L16.6326 7.39327H14.739L14.7393 5.45217ZM7.50727 9.30383C7.50727 8.74534 7.94885 8.29259 8.49356 8.29259H10.247C10.7917 8.29259 11.2333 8.74534 11.2333 9.30383C11.2333 9.86232 10.7917 10.3151 10.247 10.3151H8.49356C7.94885 10.3151 7.50727 9.86232 7.50727 9.30383ZM7.50598 12.8998C7.50598 12.3413 7.94756 11.8885 8.49228 11.8885H15.5059C16.0506 11.8885 16.4922 12.3413 16.4922 12.8998C16.4922 13.4583 16.0506 13.911 15.5059 13.911H8.49228C7.94756 13.911 7.50598 13.4583 7.50598 12.8998ZM7.50598 16.4944C7.50598 15.9359 7.94756 15.4832 8.49228 15.4832H15.5059C16.0506 15.4832 16.4922 15.9359 16.4922 16.4944C16.4922 17.0529 16.0506 17.5057 15.5059 17.5057H8.49228C7.94756 17.5057 7.50598 17.0529 7.50598 16.4944Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/filter.svg b/apps/mobile/resources/icons/source-svgs/filter.svg
new file mode 100644
index 000000000..b26b5def3
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/filter.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.25006 5.61C6.27006 8.2 10.0001 13 10.0001 13V19C10.0001 19.55 10.4501 20 11.0001 20H13.0001C13.5501 20 14.0001 19.55 14.0001 19V13C14.0001 13 17.7201 8.2 19.7401 5.61C20.2501 4.95 19.7801 4 18.9501 4H5.04006C4.21006 4 3.74006 4.95 4.25006 5.61Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/fingerprint.svg b/apps/mobile/resources/icons/source-svgs/fingerprint.svg
new file mode 100644
index 000000000..02f0c8b45
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/fingerprint.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.783 10.6667C13.7351 10.6667 13.686 10.6609 13.6375 10.65C13.3128 10.5741 13.114 10.2626 13.194 9.95452C13.2013 9.92636 13.9023 7.15246 12.9674 5.19533C11.6283 2.39212 8.7593 2.47834 8.63388 2.48409C8.3091 2.49098 8.01705 2.25302 8.00069 1.93689C7.98494 1.62134 8.24003 1.35234 8.57268 1.33567C8.72537 1.32877 12.3821 1.18853 14.072 4.72056C15.182 7.0444 14.404 10.1011 14.3707 10.2298C14.3022 10.4914 14.055 10.6667 13.783 10.6667Z" fill="#A1A3A7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.92261 10C1.80528 10 1.68677 9.96312 1.583 9.8875C1.31709 9.69137 1.25341 9.30772 1.44149 9.03043C1.92733 8.31293 2.08711 7.65876 2.24453 6.54961C2.83649 2.35344 5.78451 1.398 5.9095 1.35926C6.22082 1.26151 6.54981 1.44903 6.64238 1.77427C6.73436 2.0989 6.55748 2.44013 6.24735 2.53727C6.14476 2.57108 3.88894 3.3433 3.41077 6.72914C3.2616 7.78418 3.08295 8.73777 2.4049 9.73994C2.28993 9.90963 2.10774 10 1.92261 10Z" fill="#A1A3A7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.64016 9.33334C4.59986 9.33334 4.55828 9.32945 4.51734 9.32102C4.17064 9.25291 3.94419 8.91237 4.012 8.5608C4.01264 8.55691 4.12266 7.98026 4.25188 7.18826C4.64272 4.76751 6.14978 3.33334 8.29204 3.33334C8.32402 3.33334 8.35601 3.33334 8.38799 3.33399C10.9109 3.38459 11.8902 5.28059 11.9305 5.36167C12.0904 5.6808 11.965 6.07129 11.6503 6.2341C11.3362 6.39497 10.9544 6.26978 10.7925 5.95388C10.7586 5.89032 10.0895 4.66632 8.36304 4.63129C6.35512 4.59042 5.7212 6.1141 5.51395 7.39907C5.38154 8.21507 5.26703 8.80859 5.26703 8.80859C5.20818 9.11864 4.94016 9.33334 4.64016 9.33334Z" fill="#A1A3A7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.43417 14.6667C7.32475 14.6667 7.21424 14.6311 7.11747 14.5581C6.86951 14.3689 6.81013 13.9994 6.98552 13.7313C8.20391 11.8693 8.88018 9.17341 8.89997 7.94379C8.90327 7.75457 8.87688 7.49595 8.73448 7.33936C8.61846 7.21301 8.45737 7.18632 8.34246 7.18632C8.03016 7.18632 7.76625 7.46511 7.76625 7.7955C7.76625 8.12351 7.52049 8.38866 7.21644 8.38866C6.91294 8.38866 6.66663 8.12351 6.66663 7.7955C6.66663 6.80551 7.41877 6 8.34246 6C8.8021 6 9.21996 6.18032 9.51851 6.50775C9.74448 6.75628 10.0111 7.21064 9.9996 7.96455C9.97376 9.55066 9.15783 12.4684 7.88391 14.4158C7.7767 14.5795 7.60681 14.6667 7.43417 14.6667Z" fill="#A1A3A7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0889 14.6667C9.968 14.6667 9.84555 14.6423 9.73141 14.5905C9.36406 14.4228 9.22574 14.0348 9.42377 13.7231C10.3611 12.2469 11.2575 9.90592 11.1441 8.00662C11.1237 7.6539 11.445 7.35304 11.8622 7.33511C12.2674 7.30823 12.6332 7.58861 12.6551 7.94261C12.7904 10.235 11.7163 12.816 10.7556 14.3299C10.6188 14.545 10.358 14.6667 10.0889 14.6667Z" fill="#A1A3A7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.64386 14C4.48481 14 4.3264 13.9391 4.20148 13.8174C3.94327 13.5639 3.93168 13.1404 4.17573 12.8715C5.14032 11.8113 5.73981 10.64 6.06176 9.18642C6.14161 8.82654 6.48675 8.60045 6.83318 8.68406C7.18025 8.76701 7.39661 9.12555 7.31676 9.48543C6.94136 11.1812 6.24077 12.5491 5.11198 13.7906C4.98513 13.9298 4.81514 14 4.64386 14Z" fill="#A1A3A7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.54298 12.6667C2.39144 12.6667 2.23989 12.593 2.13289 12.4476C1.93626 12.1827 1.9607 11.7819 2.1872 11.552C2.65488 11.077 2.96828 10.3567 2.97154 10.3504C3.10625 10.0366 3.4327 9.91025 3.70048 10.0678C3.96826 10.2246 4.07635 10.6051 3.94273 10.9188C3.92644 10.9576 3.53318 11.8671 2.89876 12.5111C2.79664 12.6152 2.669 12.6667 2.54298 12.6667Z" fill="#A1A3A7"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/hardware.svg b/apps/mobile/resources/icons/source-svgs/hardware.svg
new file mode 100644
index 000000000..52f28753b
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/hardware.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2867_12400)">
+<path d="M7.34866 0.174757L7.3487 0.174716L5.79332 0.303253L5.71557 0.221944L5.71551 0.221998L3.23915 2.58995L3.23912 2.58992L3.23698 2.59208L3.19614 2.63331L3.19611 2.63328L3.19402 2.6355C2.77066 3.08667 2.786 3.7826 3.23914 4.21571C3.23915 4.21572 3.23916 4.21573 3.23917 4.21574L5.41464 6.29645L5.41462 6.29647L5.41648 6.29817L5.41896 6.30044C4.89567 7.27631 5.06182 8.50268 5.91486 9.31846L10.4013 13.609L6.05671 17.7639L6.05571 17.7649L5.9888 17.8305L5.98781 17.8315C4.5384 19.2885 4.56155 21.5955 6.05672 23.0253L6.05673 23.0253C6.81512 23.7503 7.80831 24.1125 8.80018 24.1125C9.79205 24.1125 10.7855 23.7503 11.5436 23.0253L19.9736 14.9636L19.9746 14.9626L20.0415 14.897L20.0425 14.896C21.4919 13.439 21.4687 11.1323 19.9736 9.7024L19.9725 9.70143L19.9061 9.63948L19.9061 9.63945L19.9039 9.6375L19.8401 9.58103C19.7926 9.5309 19.7436 9.48165 19.6931 9.43332L19.6153 9.51462L19.6931 9.43332L12.7365 2.78057L12.7365 2.78056L12.7351 2.77924L12.6683 2.71748L12.6683 2.71746L12.6668 2.71615C12.1482 2.25381 11.4866 2.02348 10.8263 2.02348C10.4003 2.02348 9.97387 2.1193 9.58587 2.31145C9.58278 2.30843 9.57967 2.30542 9.57653 2.30243C9.57653 2.30242 9.57652 2.30241 9.57651 2.30241L7.40104 0.221948L7.40108 0.22191L7.39853 0.219617L7.34866 0.174757ZM19.0552 10.5945L19.0552 10.5945C19.5418 11.0599 19.8086 11.677 19.8086 12.333C19.8086 12.989 19.5418 13.6063 19.0552 14.0717L10.6269 22.1322L10.6255 22.1335L10.5638 22.1906C10.5636 22.1908 10.5634 22.191 10.5631 22.1912C10.0838 22.6202 9.4617 22.856 8.80015 22.856C8.10953 22.856 7.46159 22.599 6.97477 22.1335C6.48808 21.6678 6.22132 21.0507 6.22132 20.3945C6.22132 19.7385 6.48808 19.1214 6.97475 18.656L15.4031 10.5957L15.4044 10.5945L15.4661 10.5373C15.4664 10.5371 15.4666 10.5369 15.4668 10.5367C15.9459 10.1075 16.5682 9.8717 17.2298 9.8717C17.9204 9.8717 18.5683 10.1287 19.0552 10.5945ZM16.994 8.62205C16.0819 8.67487 15.1845 9.0346 14.4862 9.7024L11.3265 12.7238L6.83374 8.42724L6.78778 8.38124C6.28998 7.85891 6.30473 7.04775 6.83282 6.54249L7.00504 6.37836C7.03792 6.35297 7.06972 6.32566 7.10027 6.29645L7.10027 6.29644L9.57642 3.92818L9.57645 3.92821L9.57859 3.92605L9.62049 3.88375L9.62061 3.88387L9.62477 3.87918L9.66065 3.83869L9.83273 3.67386L9.88538 3.6259C10.1433 3.40261 10.4742 3.27995 10.8261 3.27995C11.2021 3.27995 11.5539 3.41984 11.8183 3.67291L11.8184 3.67295L16.994 8.62205ZM17.1205 10.7842C16.1834 10.7842 15.4152 11.5118 15.4152 12.4199C15.4152 13.3281 16.1834 14.0557 17.1205 14.0557C18.0576 14.0557 18.8261 13.3281 18.8261 12.4199C18.8261 11.5118 18.0576 10.7842 17.1205 10.7842ZM17.1205 12.0406C17.3474 12.0406 17.5225 12.2152 17.5225 12.4199C17.5225 12.6245 17.3474 12.7991 17.1205 12.7991C16.8938 12.7991 16.7188 12.6247 16.7188 12.4199C16.7188 12.215 16.8938 12.0406 17.1205 12.0406ZM6.55788 1.18567L8.56852 3.11239L6.25271 5.32706L4.24231 3.40083L6.55788 1.18567Z" fill="black" stroke="black" stroke-width="0.225"/>
+</g>
+<defs>
+<clipPath id="clip0_2867_12400">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/home.svg b/apps/mobile/resources/icons/source-svgs/home.svg
new file mode 100644
index 000000000..be5e4118c
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/home.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4475 2.1915C11.7725 1.93617 12.2275 1.93617 12.5525 2.1915L20.6525 8.55513C20.8718 8.72737 21 8.99219 21 9.27273V19.2727C21 19.996 20.7155 20.6897 20.2092 21.2012C19.7028 21.7127 19.0161 22 18.3 22H5.7C4.98391 22 4.29716 21.7127 3.79081 21.2012C3.28446 20.6897 3 19.996 3 19.2727V9.27273C3 8.99219 3.12823 8.72737 3.34745 8.55513L11.4475 2.1915ZM4.8 9.71735V19.2727C4.8 19.5138 4.89482 19.7451 5.0636 19.9156C5.23239 20.086 5.46131 20.1818 5.7 20.1818H18.3C18.5387 20.1818 18.7676 20.086 18.9364 19.9156C19.1052 19.7451 19.2 19.5138 19.2 19.2727V9.71735L12 4.06078L4.8 9.71735Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 11.9167C8 11.4104 8.44772 11 9 11H15C15.5523 11 16 11.4104 16 11.9167V21.0833C16 21.5896 15.5523 22 15 22C14.4477 22 14 21.5896 14 21.0833V12.8333H10V21.0833C10 21.5896 9.55228 22 9 22C8.44772 22 8 21.5896 8 21.0833V11.9167Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/info.svg b/apps/mobile/resources/icons/source-svgs/info.svg
new file mode 100644
index 000000000..5a65723cd
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/info.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="11" y="10" width="2" height="8" rx="1" fill="black"/>
+<path d="M12 5.75C12.6904 5.75 13.25 6.30964 13.25 7C13.25 7.69036 12.6904 8.25 12 8.25C11.3096 8.25 10.75 7.69036 10.75 7C10.75 6.30964 11.3096 5.75 12 5.75Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/key.svg b/apps/mobile/resources/icons/source-svgs/key.svg
new file mode 100644
index 000000000..ae8899bf8
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/key.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3662 0.96967C16.6591 1.26256 16.6591 1.73744 16.3662 2.03033L15.4666 2.92987L17.0811 4.54434C17.2218 4.68499 17.3008 4.87576 17.3008 5.07467C17.3008 5.27358 17.2218 5.46435 17.0811 5.605L14.5788 8.10727C14.2859 8.40016 13.8111 8.40016 13.5182 8.10727L11.9037 6.4928L9.98627 8.41023C10.1999 8.70303 10.3792 9.02033 10.5203 9.35603C10.7594 9.92534 10.8836 10.5363 10.8857 11.1538C10.8878 11.7713 10.7677 12.3832 10.5323 12.954C10.297 13.5249 9.951 14.0436 9.51436 14.4803C9.07771 14.9169 8.55901 15.2629 7.98811 15.4982C7.41722 15.7336 6.8054 15.8537 6.1879 15.8516C5.5704 15.8496 4.9594 15.7254 4.39009 15.4862C3.82079 15.247 3.30441 14.8976 2.87071 14.458L2.86508 14.4523C2.01219 13.5693 1.54029 12.3865 1.55096 11.1589C1.56163 9.93124 2.05404 8.7569 2.92215 7.8888C3.79025 7.02069 4.96459 6.52828 6.19223 6.51761C7.17113 6.5091 8.12147 6.80744 8.91409 7.3611L15.3055 0.96967C15.5984 0.676777 16.0733 0.676777 16.3662 0.96967ZM8.46347 8.92923C8.45676 8.9232 8.45013 8.91702 8.44358 8.9107C7.84343 8.33104 7.03961 8.0103 6.20527 8.01755C5.37092 8.0248 4.5728 8.35946 3.98281 8.94946C3.39281 9.53945 3.05815 10.3376 3.0509 11.1719C3.04366 12.0049 3.36336 12.8075 3.94126 13.4073C4.23544 13.7048 4.58538 13.9412 4.97108 14.1033C5.358 14.2658 5.77325 14.3502 6.19292 14.3516C6.6126 14.353 7.02841 14.2714 7.41641 14.1115C7.80441 13.9515 8.15694 13.7164 8.4537 13.4196C8.75045 13.1229 8.98558 12.7703 9.14553 12.3823C9.30549 11.9943 9.38711 11.5785 9.3857 11.1589C9.3843 10.7392 9.29989 10.3239 9.13734 9.93701C8.97933 9.56091 8.75052 9.21879 8.46347 8.92923ZM12.9644 5.43214L14.0485 6.51628L15.4901 5.07467L14.406 3.99053L12.9644 5.43214Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/keystone.svg b/apps/mobile/resources/icons/source-svgs/keystone.svg
new file mode 100644
index 000000000..aac7453ff
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/keystone.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.2257 15.1197C8.76615 15.363 7.7931 17.6537 7.48903 18.7686C7.04756 19.9849 12.3542 22.4175 13.5705 22.1135C14.5436 21.8702 14.9896 20.3904 15.0909 19.6808C15.6991 20.5931 12.0502 14.8156 10.2257 15.1197Z" fill="#121312"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8552 15.5415C10.6112 15.428 10.4197 15.3956 10.2757 15.4196C9.68216 15.5186 9.13599 16.0513 8.68192 16.7784C8.23731 17.4902 7.92847 18.3128 7.78234 18.8486L7.77906 18.8606L7.77481 18.8724C7.76227 18.9069 7.75544 18.9807 7.83702 19.122C7.91831 19.2629 8.06612 19.4308 8.28123 19.6175C8.70918 19.9888 9.34469 20.3844 10.0456 20.74C10.7441 21.0943 11.4917 21.401 12.1348 21.5996C12.4565 21.6989 12.7465 21.7695 12.9878 21.8063C13.2368 21.8443 13.4043 21.8416 13.4968 21.8184C13.8521 21.7296 14.1525 21.3997 14.3859 20.9354C14.5906 20.5281 14.7155 20.0717 14.7729 19.744C14.7254 19.6737 14.6655 19.586 14.5944 19.4842C14.3124 19.08 13.8613 18.4598 13.3358 17.8216C12.8085 17.1813 12.2148 16.5335 11.6479 16.0672C11.3643 15.834 11.0967 15.6538 10.8552 15.5415ZM14.9004 18.8637C14.6176 18.469 14.2363 17.9585 13.8052 17.435C13.2683 16.783 12.6456 16.1005 12.0342 15.5975C11.7287 15.3462 11.4167 15.132 11.1117 14.9901C10.8094 14.8494 10.4877 14.7678 10.1757 14.8198C9.30961 14.9641 8.63947 15.6983 8.16611 16.4562C7.68623 17.2245 7.3576 18.0987 7.19853 18.678C7.10781 18.9431 7.18351 19.2063 7.3103 19.426C7.43946 19.6498 7.64332 19.8691 7.88263 20.0768C8.36353 20.4941 9.04794 20.9158 9.7705 21.2823C10.4955 21.6502 11.2751 21.9706 11.9553 22.1807C12.2952 22.2856 12.6159 22.3647 12.896 22.4075C13.1682 22.4491 13.4326 22.4614 13.6442 22.4084C14.2619 22.254 14.671 21.7223 14.9293 21.2085C15.1333 20.8026 15.2661 20.3632 15.3409 20.0093C15.355 20.0024 15.3683 19.9947 15.3805 19.9863C15.435 19.9051 15.4624 19.7713 15.4589 19.7318C15.4555 19.7133 15.4478 19.685 15.4444 19.6749C15.4383 19.6581 15.432 19.6454 15.4303 19.6421C15.4276 19.6367 15.4252 19.6323 15.4238 19.6296C15.4208 19.6242 15.418 19.6194 15.4161 19.6162C15.4088 19.6039 15.3984 19.5875 15.3869 19.5696C15.3393 19.4958 15.238 19.3438 15.095 19.1389L14.9024 18.85L14.9004 18.8637Z" fill="#121312"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.0438 13.9034H12.6582V14.2075C12.6582 14.3917 12.7305 14.5944 12.821 14.7835C12.9157 14.9814 13.0485 15.2011 13.2059 15.4299C13.5212 15.888 13.9504 16.4044 14.4153 16.8887C14.88 17.3727 15.3881 17.8328 15.8636 18.1746C16.1012 18.3454 16.3364 18.4907 16.5585 18.5945C16.7764 18.6963 17.0037 18.7686 17.2193 18.7686C17.5634 18.7686 17.891 18.5929 18.1738 18.3712C18.4628 18.1446 18.744 17.8391 19.0014 17.5124C19.5168 16.8584 19.9682 16.0793 20.228 15.5597L20.296 15.4238L20.2278 15.2873L20.2273 15.2865L20.2258 15.2834L20.2202 15.2723L20.1993 15.2317C20.1814 15.197 20.1555 15.1478 20.1236 15.0889C20.0601 14.9715 19.9713 14.8136 19.8718 14.6544C19.7737 14.4974 19.6591 14.3294 19.5435 14.1973C19.486 14.1316 19.4204 14.0656 19.3491 14.0138C19.2842 13.9665 19.1773 13.9034 19.0438 13.9034ZM19.9561 15.4237L20.2278 15.2873C20.2278 15.2874 20.228 15.2878 19.9561 15.4237Z" fill="#121312"/>
+<path d="M11.442 2.34851L4.44825 13.9034C3.8593 14.8764 5.21644 17.5523 5.96863 18.7686L13.8746 5.69335C13.8746 2.53096 12.2529 2.14579 11.442 2.34851Z" fill="#121312"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6327 2.62072L4.70839 14.0608C4.61613 14.2133 4.57958 14.4761 4.63279 14.8615C4.68454 15.2362 4.81389 15.6759 4.98962 16.1364C5.26496 16.858 5.6428 17.6016 5.97112 18.1768L13.5701 5.60923C13.556 4.1289 13.1689 3.36222 12.7565 2.9828C12.3852 2.64119 11.9519 2.57499 11.6327 2.62072ZM13.1683 2.53524C13.7617 3.08119 14.1787 4.06648 14.1787 5.69335V5.77813L5.97156 19.3515L5.71002 18.9285C5.32705 18.3093 4.78985 17.3187 4.42142 16.3532C4.23746 15.8711 4.09094 15.3833 4.03036 14.9446C3.97124 14.5166 3.98591 14.08 4.18812 13.7459L11.2467 2.0839L11.3683 2.05352C11.8552 1.93177 12.5737 1.9882 13.1683 2.53524Z" fill="#121312"/>
+<path d="M14.4827 7.21371L12.0501 11.1667C11.8068 11.562 11.9487 12.1423 12.0501 12.383H16.9153L17.5235 11.1667C17.5235 8.73409 15.4963 7.51779 14.4827 7.21371Z" fill="#121312"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.3463 6.85532L14.5702 6.92247C15.6409 7.24367 17.8276 8.53765 17.8276 11.1667V11.2385L17.1033 12.6871H11.8483L11.7699 12.501C11.7079 12.3537 11.6384 12.1168 11.6178 11.8568C11.5975 11.5999 11.6222 11.282 11.7912 11.0073L14.3463 6.85532ZM14.6144 7.58002L12.3092 11.3261C12.2349 11.4467 12.2089 11.6166 12.2241 11.8089C12.2318 11.9059 12.2492 11.9988 12.2697 12.0789H16.7275L17.2189 11.0962C17.1829 9.06542 15.599 7.95669 14.6144 7.58002Z" fill="#121312"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/ledger.svg b/apps/mobile/resources/icons/source-svgs/ledger.svg
new file mode 100644
index 000000000..5a3d8063e
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/ledger.svg
@@ -0,0 +1,8 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 7.48657H4.55732V11.8814H0V7.48657Z" fill="#121312"/>
+<path d="M7.9032 15.0854H12.4605V19.4802H7.9032V15.0854Z" fill="#121312"/>
+<path d="M0 3.03928C0 1.36073 1.36073 0 3.03927 0H4.55732V4.23198H0V3.03928Z" fill="#121312"/>
+<path d="M0 16.4421C0 18.1207 1.36073 19.4814 3.03927 19.4814H4.55732V15.2494H0V16.4421Z" fill="#121312"/>
+<path d="M19.999 16.4421C19.999 18.1207 18.6383 19.4814 16.9597 19.4814H15.4417V15.2494H19.999V16.4421Z" fill="#121312"/>
+<path d="M7.62976 0H17.5685C18.9114 0 19.9999 1.08858 19.9999 2.43142V11.882H7.62976V0Z" fill="#121312"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/lightbulb.svg b/apps/mobile/resources/icons/source-svgs/lightbulb.svg
new file mode 100644
index 000000000..4d07899dc
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/lightbulb.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0008 2C8.51927 2 5.68677 4.83212 5.68677 8.31367C5.68677 9.50062 6.02075 10.6589 6.65207 11.6626C6.88265 12.03 7.1609 12.5569 7.24622 12.8525L8.13638 15.9376C8.22635 16.2479 8.40623 16.5262 8.63843 16.7512C8.5709 16.8728 8.52867 17.0106 8.52867 17.1596V20.1387C8.52867 20.6048 8.90698 20.9832 9.37318 20.9832H9.80133C9.77385 21.0592 9.75577 21.1387 9.75577 21.2223C9.75577 21.6517 10.1346 22 10.6003 22H13.4003C13.8669 22 14.2448 21.6517 14.2448 21.2223C14.2448 21.1383 14.2266 21.0588 14.2004 20.9832H14.6269C15.0935 20.9832 15.4714 20.6048 15.4714 20.1387V17.1596C15.4714 17.0258 15.4372 16.9003 15.3819 16.7881C15.6357 16.5533 15.8316 16.2581 15.9236 15.9233L16.7664 12.8454C16.8483 12.5469 17.1207 12.0254 17.3471 11.6652C17.9792 10.6615 18.3132 9.50287 18.3132 8.3142C18.3132 4.83252 15.4815 2 12.0008 2ZM15.9173 10.7653C15.8189 10.922 15.3189 11.7365 15.1373 12.3982L14.2945 15.476C14.2789 15.533 14.1628 15.6217 14.1037 15.6221H9.96258C9.8997 15.6221 9.77633 15.5284 9.75902 15.4689L8.86887 12.3838C8.68223 11.7374 8.1814 10.922 8.08257 10.764C7.62018 10.0293 7.37572 9.18185 7.37572 8.31367C7.37572 5.76358 9.45027 3.68903 12.0007 3.68903C14.55 3.68903 16.6241 5.76358 16.6241 8.31367C16.6241 9.1831 16.38 10.031 15.9173 10.7653Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/link.svg b/apps/mobile/resources/icons/source-svgs/link.svg
new file mode 100644
index 000000000..650d9cd5a
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/link.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.7947 4.2286L12.3936 3.6485C14.5921 1.4512 18.1551 1.4512 20.3526 3.64869C22.4917 5.7878 22.5495 9.21877 20.5262 11.4276L20.3527 11.6088L17.3344 14.6281C15.1369 16.8244 11.5731 16.8244 9.37541 14.6279C9.16318 14.4157 8.96942 14.1884 8.79617 13.9487C8.47256 13.5012 8.57303 12.8761 9.02057 12.5524C9.46812 12.2288 10.0933 12.3293 10.4169 12.7769C10.5278 12.9303 10.6525 13.0766 10.7894 13.2135C12.1554 14.5787 14.3411 14.6274 15.7653 13.36L15.9203 13.2138L18.9384 10.1947C20.3559 8.77722 20.3559 6.48038 18.9384 5.06291C17.5725 3.69699 15.3879 3.6482 13.9527 4.92651L13.7964 5.074L13.1864 5.665C12.7897 6.0493 12.1566 6.03929 11.7723 5.64263C11.4176 5.27649 11.3988 4.70889 11.71 4.32148L11.7947 4.2286Z" fill="black"/>
+<path d="M6.66729 9.37569C8.86478 7.1782 12.4288 7.1782 14.6275 9.37569C14.7827 9.53094 14.9276 9.69371 15.0626 9.86424C15.4053 10.2973 15.332 10.9262 14.899 11.269C14.4659 11.6117 13.837 11.5384 13.4942 11.1054C13.4072 10.9953 13.3138 10.8904 13.2135 10.7901C11.8466 9.42399 9.66103 9.3752 8.23646 10.6437L8.08138 10.79L5.0627 13.8077C3.64596 15.2252 3.64596 17.5224 5.0625 18.9397C6.42935 20.3065 8.61387 20.3554 10.035 19.0903L10.1896 18.9444L10.9426 18.1814C11.3306 17.7883 11.9637 17.7841 12.3568 18.172C12.7197 18.5301 12.7511 19.0972 12.4487 19.4915L12.3661 19.5862L11.6085 20.3539C9.40998 22.5524 5.84681 22.5524 3.64809 20.3537C1.51021 18.2146 1.45243 14.784 3.47504 12.5748L3.6484 12.3936L6.66729 9.37569Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/lock.svg b/apps/mobile/resources/icons/source-svgs/lock.svg
new file mode 100644
index 000000000..405030522
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/lock.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 18.9966C18 19.5486 17.552 19.9966 17 19.9966H7C6.448 19.9966 6 19.5486 6 18.9966V11.9966C6 11.4446 6.448 10.9966 7 10.9966H17C17.552 10.9966 18 11.4446 18 11.9966V18.9966ZM12.004 3.9996C14.21 3.9996 16.004 5.7946 16.004 8.0006V8.9966H8.004V8.0006C8.004 5.7946 9.798 3.9996 12.004 3.9996ZM18.004 9.1826V8.0006C18.004 4.6916 15.312 1.9996 12.004 1.9996C8.695 1.9996 6.004 4.6916 6.004 8.0006V9.1796C4.84 9.5926 4 10.6926 4 11.9966V18.9966C4 20.6506 5.346 21.9966 7 21.9966H17C18.654 21.9966 20 20.6506 20 18.9966V11.9966C20 10.6956 19.163 9.5976 18.004 9.1826Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 14.4937C13.5 13.6647 12.828 12.9937 12 12.9937C11.172 12.9937 10.5 13.6647 10.5 14.4937C10.5 14.9367 10.695 15.3307 11.002 15.6047V16.9897C11.002 17.5437 11.451 17.9927 12.005 17.9927C12.56 17.9927 13.009 17.5437 13.009 16.9897V15.5977C13.309 15.3227 13.5 14.9317 13.5 14.4937Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/magic.svg b/apps/mobile/resources/icons/source-svgs/magic.svg
new file mode 100644
index 000000000..61f463c46
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/magic.svg
@@ -0,0 +1,3 @@
+<svg width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.51074 17.395C8.41797 17.395 8.3374 17.3633 8.26904 17.2998C8.20557 17.2412 8.1665 17.1606 8.15186 17.0581C8.03955 16.2573 7.91748 15.5835 7.78564 15.0366C7.65869 14.4946 7.48779 14.0479 7.27295 13.6963C7.05811 13.3447 6.7749 13.064 6.42334 12.854C6.07666 12.644 5.63232 12.4756 5.09033 12.3486C4.55322 12.2168 3.88916 12.0996 3.09814 11.9971C2.99072 11.9873 2.90527 11.9482 2.8418 11.8799C2.77832 11.8115 2.74658 11.7285 2.74658 11.6309C2.74658 11.5381 2.77832 11.4575 2.8418 11.3892C2.90527 11.3208 2.99072 11.2817 3.09814 11.272C3.88916 11.1841 4.55566 11.0791 5.09766 10.957C5.63965 10.835 6.08643 10.6665 6.43799 10.4517C6.78955 10.2368 7.07275 9.95117 7.2876 9.59473C7.50244 9.23828 7.67334 8.78662 7.80029 8.23975C7.93213 7.68799 8.04932 7.00928 8.15186 6.20361C8.1665 6.10596 8.20557 6.02783 8.26904 5.96924C8.3374 5.90576 8.41797 5.87402 8.51074 5.87402C8.6084 5.87402 8.68896 5.90576 8.75244 5.96924C8.81592 6.02783 8.85742 6.10596 8.87695 6.20361C8.97949 7.00928 9.09424 7.68799 9.22119 8.23975C9.35303 8.78662 9.52393 9.23828 9.73389 9.59473C9.94873 9.95117 10.2319 10.2368 10.5835 10.4517C10.9351 10.6665 11.3818 10.835 11.9238 10.957C12.4658 11.0791 13.1348 11.1841 13.9307 11.272C14.0332 11.2817 14.1162 11.3208 14.1797 11.3892C14.2432 11.4575 14.2749 11.5381 14.2749 11.6309C14.2749 11.7285 14.2432 11.8115 14.1797 11.8799C14.1162 11.9482 14.0332 11.9873 13.9307 11.9971C13.1348 12.085 12.4658 12.1899 11.9238 12.312C11.3818 12.4341 10.9351 12.6025 10.5835 12.8174C10.2319 13.0273 9.94873 13.3105 9.73389 13.667C9.52393 14.0234 9.35303 14.4775 9.22119 15.0293C9.09424 15.5811 8.97949 16.2573 8.87695 17.0581C8.85742 17.1606 8.81592 17.2412 8.75244 17.2998C8.68896 17.3633 8.6084 17.395 8.51074 17.395ZM3.54492 9.29443C3.39844 9.29443 3.31543 9.21387 3.2959 9.05273C3.2373 8.56445 3.17383 8.18115 3.10547 7.90283C3.04199 7.62451 2.93701 7.41699 2.79053 7.28027C2.64893 7.13867 2.43408 7.03125 2.146 6.95801C1.86279 6.88477 1.47217 6.80664 0.974121 6.72363C0.808105 6.69922 0.725098 6.61621 0.725098 6.47461C0.725098 6.33789 0.79834 6.25732 0.944824 6.23291C1.44775 6.13525 1.84326 6.0498 2.13135 5.97656C2.41943 5.89844 2.63672 5.79102 2.7832 5.6543C2.92969 5.51758 3.03711 5.31494 3.10547 5.04639C3.17383 4.77295 3.2373 4.39209 3.2959 3.90381C3.31543 3.74268 3.39844 3.66211 3.54492 3.66211C3.69141 3.66211 3.77441 3.74023 3.79395 3.89648C3.85742 4.38965 3.9209 4.77783 3.98438 5.06104C4.05273 5.34424 4.15771 5.55908 4.29932 5.70557C4.4458 5.84717 4.66309 5.95215 4.95117 6.02051C5.23926 6.08887 5.63721 6.15967 6.14502 6.23291C6.2085 6.23779 6.25977 6.26221 6.29883 6.30615C6.34277 6.3501 6.36475 6.40625 6.36475 6.47461C6.36475 6.61133 6.2915 6.69434 6.14502 6.72363C5.63721 6.82129 5.23926 6.90918 4.95117 6.9873C4.66797 7.06055 4.45312 7.16797 4.30664 7.30957C4.16504 7.44629 4.06006 7.65137 3.9917 7.9248C3.92334 8.19824 3.85742 8.5791 3.79395 9.06738C3.78418 9.13086 3.75732 9.18457 3.71338 9.22852C3.66943 9.27246 3.61328 9.29443 3.54492 9.29443ZM7.08984 4.25537C6.99707 4.25537 6.94336 4.20654 6.92871 4.10889C6.87012 3.81104 6.81885 3.57666 6.7749 3.40576C6.73584 3.23486 6.67236 3.10547 6.58447 3.01758C6.50146 2.9248 6.37207 2.85156 6.19629 2.79785C6.02051 2.74414 5.77393 2.69043 5.45654 2.63672C5.35889 2.61719 5.31006 2.56104 5.31006 2.46826C5.31006 2.38037 5.35889 2.32666 5.45654 2.30713C5.77393 2.24854 6.02051 2.19482 6.19629 2.146C6.37207 2.09229 6.50146 2.02148 6.58447 1.93359C6.67236 1.84082 6.73584 1.70898 6.7749 1.53809C6.81885 1.36719 6.87012 1.13281 6.92871 0.834961C6.94336 0.737305 6.99707 0.688477 7.08984 0.688477C7.17773 0.688477 7.23145 0.737305 7.25098 0.834961C7.30469 1.13281 7.35352 1.36719 7.39746 1.53809C7.44141 1.70898 7.50488 1.84082 7.58789 1.93359C7.67578 2.02148 7.80762 2.09229 7.9834 2.146C8.15918 2.19482 8.40576 2.24854 8.72314 2.30713C8.8208 2.32666 8.86963 2.38037 8.86963 2.46826C8.86963 2.56104 8.8208 2.61719 8.72314 2.63672C8.40576 2.69043 8.15918 2.74414 7.9834 2.79785C7.80762 2.85156 7.67578 2.9248 7.58789 3.01758C7.50488 3.10547 7.44141 3.23486 7.39746 3.40576C7.35352 3.57666 7.30469 3.81104 7.25098 4.10889C7.23145 4.20654 7.17773 4.25537 7.08984 4.25537Z" fill="#121312"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/mobile.svg b/apps/mobile/resources/icons/source-svgs/mobile.svg
new file mode 100644
index 000000000..325bfc22a
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/mobile.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.9999 1.99989H7.99988C6.35088 1.99989 4.99988 3.34989 4.99988 4.99989V18.9999C4.99988 20.6499 6.35088 21.9999 7.99988 21.9999H15.9999C17.6499 21.9999 18.9999 20.6499 18.9999 18.9999V4.99989C18.9999 3.34989 17.6499 1.99989 15.9999 1.99989ZM15.9999 3.99989C16.5419 3.99989 16.9999 4.45789 16.9999 4.99989V18.9999C16.9999 19.5419 16.5419 19.9999 15.9999 19.9999H7.99988C7.45788 19.9999 6.99988 19.5419 6.99988 18.9999V4.99989C6.99988 4.45789 7.45788 3.99989 7.99988 3.99989H15.9999Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 16.7567C11.3099 16.7567 10.7499 17.3167 10.7499 18.0067C10.7499 18.6967 11.3099 19.2567 11.9999 19.2567C12.6899 19.2567 13.2499 18.6967 13.2499 18.0067C13.2499 17.3167 12.6899 16.7567 11.9999 16.7567Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/nft.svg b/apps/mobile/resources/icons/source-svgs/nft.svg
new file mode 100644
index 000000000..2c852bb11
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/nft.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.6133 7.85333H3.32935V9.58666H20.6133V7.85333Z" fill="black"/>
+<path d="M21.1613 8.94001L20.9453 8.77467C20.7132 8.59734 20.6666 8.26666 20.8413 8.03334L21.0053 7.81336C21.2719 7.46266 21.1546 7.03201 20.8479 6.67066L18.6133 3.54135C18.2773 3.07068 17.7346 2.79068 17.1559 2.79068H6.83727C6.25861 2.79068 5.71594 3.07068 5.37994 3.54135L3.15059 6.67066C2.84393 7.03201 2.72793 7.46135 2.99326 7.81336L3.15726 8.03334C3.33059 8.26801 3.28526 8.59734 3.05326 8.77467L2.83726 8.94001C2.4866 9.20668 2.41726 9.70666 2.68393 10.0574L10.5372 20.992C10.6546 21.1454 10.8359 21.236 11.0293 21.236H12.9666C13.1599 21.236 13.3413 21.1454 13.4586 20.992L21.3159 10.0574C21.5826 9.70666 21.5133 9.20536 21.1626 8.94001H21.1613ZM12.1746 19.6493C12.0852 19.7667 11.9093 19.7667 11.8199 19.6493L3.96394 8.87735C3.87458 8.76001 3.90394 8.58935 3.99061 8.47336L6.47461 4.99201C6.68393 4.69734 7.02259 4.52401 7.38394 4.52401H16.6093C16.9706 4.52401 17.3093 4.69869 17.5186 4.99201L20.0066 8.47336C20.0946 8.58935 20.1226 8.76136 20.0333 8.87735L12.1733 19.6493H12.1746Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/options-horizontal.svg b/apps/mobile/resources/icons/source-svgs/options-horizontal.svg
new file mode 100644
index 000000000..a4ab3f356
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/options-horizontal.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="12.4872" y="7" width="2.51276" height="2.53" rx="1.25638" fill="black"/>
+<rect x="6.74362" y="7" width="2.51276" height="2.53" rx="1.25638" fill="black"/>
+<rect x="1" y="7" width="2.51276" height="2.53" rx="1.25638" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/options-vertical.svg b/apps/mobile/resources/icons/source-svgs/options-vertical.svg
new file mode 100644
index 000000000..59b05f6f2
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/options-vertical.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 3.83875C7.21971 3.83875 6.58716 3.2062 6.58716 2.42591C6.58716 1.64561 7.21971 1.01306 8 1.01306C8.78029 1.01306 9.41285 1.64561 9.41285 2.42591C9.41285 3.2062 8.78029 3.83875 8 3.83875Z" fill="black"/>
+<path d="M8 9.42591C7.21971 9.42591 6.58716 8.79336 6.58716 8.01306C6.58716 7.23277 7.21971 6.60022 8 6.60022C8.78029 6.60022 9.41285 7.23277 9.41285 8.01306C9.41285 8.79336 8.78029 9.42591 8 9.42591Z" fill="black"/>
+<path d="M8 15.0131C7.21971 15.0131 6.58716 14.3805 6.58716 13.6002C6.58716 12.8199 7.21971 12.1874 8 12.1874C8.7803 12.1874 9.41285 12.8199 9.41285 13.6002C9.41285 14.3805 8.7803 15.0131 8 15.0131Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/owners.svg b/apps/mobile/resources/icons/source-svgs/owners.svg
new file mode 100644
index 000000000..84230b06a
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/owners.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0001 8.999C17.1031 8.999 18.0001 9.896 18.0001 10.999C18.0001 12.102 17.1031 12.999 16.0001 12.999C14.8971 12.999 14.0001 12.102 14.0001 10.999C14.0001 9.896 14.8971 8.999 16.0001 8.999ZM7.99809 4C9.10109 4 9.99809 4.897 9.99809 6C9.99809 7.103 9.10109 8 7.99809 8C6.89609 8 5.99809 7.103 5.99809 6C5.99809 4.897 6.89609 4 7.99809 4ZM22.9571 20.719C22.2691 18.357 21.0441 15.363 18.1661 14.353C19.2671 13.64 20.0001 12.406 20.0001 10.999C20.0001 8.793 18.2061 6.999 16.0001 6.999C13.9771 6.999 12.3171 8.514 12.0541 10.466C11.5261 10.008 10.8961 9.623 10.1511 9.36C11.2591 8.648 11.9981 7.412 11.9981 6C11.9981 3.794 10.2041 2 7.99809 2C5.79209 2 3.99809 3.794 3.99809 6C3.99809 7.407 4.73209 8.642 5.83409 9.354C2.95409 10.364 1.72909 13.359 1.04009 15.722C0.886092 16.252 1.18909 16.808 1.72009 16.962C1.81309 16.989 1.90709 17.002 2.00009 17.002C2.43409 17.002 2.83309 16.719 2.96009 16.282C4.04009 12.581 5.54709 11.002 8.00009 11.002C10.1631 11.002 11.5521 12.206 12.5931 14.961C10.5781 16.283 9.61809 18.727 9.03709 20.719C8.88309 21.249 9.18809 21.805 9.71709 21.959C9.81109 21.986 9.90509 21.999 9.99709 21.999C10.4311 21.999 10.8301 21.716 10.9571 21.279C12.0361 17.578 13.5431 15.999 15.9971 15.999C18.4501 15.999 19.9571 17.578 21.0371 21.279C21.1911 21.808 21.7391 22.113 22.2771 21.959C22.8081 21.805 23.1111 21.249 22.9571 20.719Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/paste.svg b/apps/mobile/resources/icons/source-svgs/paste.svg
new file mode 100644
index 000000000..4a56163fa
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/paste.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5002 3H18C19.1046 3 20 3.89543 20 5V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V5C4 3.89543 4.89543 3 6 3H7.49982C7.95592 2.39278 8.68209 2 9.5 2H14.5C15.3179 2 16.0441 2.39278 16.5002 3ZM7.05001 5H6V20H18V5H16.95C16.7184 6.14112 15.7095 7 14.5 7H9.5C8.29052 7 7.28164 6.14112 7.05001 5ZM9 4.5C9 4.22386 9.22386 4 9.5 4H14.5C14.7761 4 15 4.22386 15 4.5C15 4.77614 14.7761 5 14.5 5H9.5C9.22386 5 9 4.77614 9 4.5Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/plus-filled.svg b/apps/mobile/resources/icons/source-svgs/plus-filled.svg
new file mode 100644
index 000000000..6fa6e614a
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/plus-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16 11H13V8C13 7.44772 12.5523 7 12 7C11.4477 7 11 7.44772 11 8V11H8C7.44772 11 7 11.4477 7 12C7 12.5523 7.44772 13 8 13H11V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V13H16C16.5523 13 17 12.5523 17 12C17 11.4477 16.5523 11 16 11Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/plus-outlined.svg b/apps/mobile/resources/icons/source-svgs/plus-outlined.svg
new file mode 100644
index 000000000..bd36825b9
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/plus-outlined.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H13V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V13H8C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11H11V8C11 7.44772 11.4477 7 12 7C12.5523 7 13 7.44772 13 8V11Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/plus.svg b/apps/mobile/resources/icons/source-svgs/plus.svg
new file mode 100644
index 000000000..f60361c29
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/plus.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.7895 4C12.3708 4 12.8421 4.47128 12.8421 5.05263V18.9474C12.8421 19.5287 12.3708 20 11.7895 20C11.2081 20 10.7368 19.5287 10.7368 18.9474L10.7368 5.05263C10.7368 4.47128 11.2081 4 11.7895 4Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 11.7895C20 12.3708 19.5287 12.8421 18.9474 12.8421H5.05263C4.47128 12.8421 4 12.3708 4 11.7895C4 11.2081 4.47128 10.7368 5.05263 10.7368L18.9474 10.7368C19.5287 10.7368 20 11.2081 20 11.7895Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/points.svg b/apps/mobile/resources/icons/source-svgs/points.svg
new file mode 100644
index 000000000..ccc545948
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/points.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2867_12402)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.4525 13.0157L15.2232 12.6279C15.7105 12.3827 16.2446 12.1754 16.7996 12C16.2446 11.8246 15.7105 11.6173 15.2232 11.3721L14.4525 10.9843L14.7232 10.1651C14.8944 9.64697 15.1255 9.12258 15.394 8.60604C14.8774 8.87447 14.353 9.10563 13.8349 9.27682L13.0157 9.54747L12.6279 8.77681C12.3826 8.28948 12.1754 7.75536 12 7.20044C11.8246 7.75536 11.6173 8.28948 11.3721 8.77681L10.9843 9.54747L10.1651 9.27682C9.64697 9.10563 9.12259 8.87447 8.60604 8.60605C8.87447 9.12259 9.10563 9.64698 9.27682 10.1651L9.54747 10.9843L8.77681 11.3721C8.28948 11.6173 7.75536 11.8246 7.20043 12C7.75536 12.1754 8.28948 12.3827 8.77681 12.6279L9.54747 13.0157L9.27682 13.8349C9.10563 14.353 8.87447 14.8774 8.60604 15.394C9.12259 15.1255 9.64697 14.8944 10.1651 14.7232L10.9843 14.4525L11.3721 15.2232C11.6173 15.7105 11.8246 16.2446 12 16.7996C12.1754 16.2446 12.3826 15.7105 12.6279 15.2232L13.0157 14.4525L13.8349 14.7232C14.353 14.8944 14.8774 15.1255 15.394 15.394C15.1255 14.8774 14.8944 14.353 14.7232 13.8349L14.4525 13.0157ZM17.2174 16.4971C18.6778 18.6769 20.4851 20.4851 20.4851 20.4851C20.4851 20.4851 18.6769 18.6778 16.4971 17.2174C15.5363 16.5736 14.5033 15.9972 13.5212 15.6727C13.0562 16.5966 12.7334 17.7346 12.5093 18.8692C12.0007 21.4433 12 24 12 24C12 24 11.9993 21.4433 11.4907 18.8692C11.2666 17.7346 10.9437 16.5966 10.4788 15.6727C9.49672 15.9972 8.46371 16.5736 7.50287 17.2173C5.32314 18.6778 3.51485 20.4851 3.51485 20.4851C3.51485 20.4851 5.32218 18.6769 6.78265 16.4971C7.42644 15.5363 8.00283 14.5033 8.3273 13.5212C7.40342 13.0562 6.26544 12.7334 5.13084 12.5093C2.55674 12.0007 0 12 0 12C0 12 2.55674 11.9993 5.13084 11.4907C6.26544 11.2666 7.40342 10.9438 8.3273 10.4788C8.00283 9.49672 7.42644 8.46372 6.78266 7.50288C5.32218 5.32315 3.51485 3.51485 3.51485 3.51485C3.51485 3.51485 5.32314 5.32218 7.50288 6.78266C8.46371 7.42644 9.49672 8.00283 10.4788 8.3273C10.9437 7.40342 11.2666 6.26545 11.4907 5.13085C11.9993 2.55675 12 0 12 0C12 0 12.0007 2.55675 12.5093 5.13085C12.7334 6.26545 13.0562 7.40342 13.5212 8.3273C14.5033 8.00282 15.5363 7.42643 16.4971 6.78264C18.6769 5.32217 20.4851 3.51485 20.4851 3.51485C20.4851 3.51485 18.6778 5.32314 17.2174 7.50287C16.5736 8.46371 15.9972 9.49672 15.6727 10.4788C16.5966 10.9438 17.7346 11.2666 18.8692 11.4907C21.4433 11.9993 24 12 24 12C24 12 21.4433 12.0007 18.8692 12.5093C17.7346 12.7334 16.5966 13.0562 15.6727 13.5212C15.9972 14.5033 16.5736 15.5363 17.2174 16.4971Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_2867_12402">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/qr-code-1.svg b/apps/mobile/resources/icons/source-svgs/qr-code-1.svg
new file mode 100644
index 000000000..66ff2c9f4
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/qr-code-1.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 2H4C2.89543 2 2 2.89543 2 4V9C2 10.1046 2.89543 11 4 11H9C10.1046 11 11 10.1046 11 9V4C11 2.89543 10.1046 2 9 2ZM4 9V4H9V9H4Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 13H4C2.89543 13 2 13.8954 2 15V20C2 21.1046 2.89543 22 4 22H9C10.1046 22 11 21.1046 11 20V15C11 13.8954 10.1046 13 9 13ZM4 20V15H9V20H4Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 2H15C13.8954 2 13 2.89543 13 4V9C13 10.1046 13.8954 11 15 11H20C21.1046 11 22 10.1046 22 9V4C22 2.89543 21.1046 2 20 2ZM15 9V4H20V9H15Z" fill="black"/>
+<rect width="3" height="3" rx="0.5" transform="matrix(-1 0 0 1 16 13)" fill="black"/>
+<rect width="3" height="3" rx="0.5" transform="matrix(-1 0 0 1 22 13)" fill="black"/>
+<rect width="3" height="3" rx="0.5" transform="matrix(-1 0 0 1 19 16)" fill="black"/>
+<rect width="3" height="3" rx="0.5" transform="matrix(-1 0 0 1 22 19)" fill="black"/>
+<rect width="3" height="3" rx="0.5" transform="matrix(-1 0 0 1 16 19)" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/qr-code.svg b/apps/mobile/resources/icons/source-svgs/qr-code.svg
new file mode 100644
index 000000000..66ff2c9f4
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/qr-code.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 2H4C2.89543 2 2 2.89543 2 4V9C2 10.1046 2.89543 11 4 11H9C10.1046 11 11 10.1046 11 9V4C11 2.89543 10.1046 2 9 2ZM4 9V4H9V9H4Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 13H4C2.89543 13 2 13.8954 2 15V20C2 21.1046 2.89543 22 4 22H9C10.1046 22 11 21.1046 11 20V15C11 13.8954 10.1046 13 9 13ZM4 20V15H9V20H4Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 2H15C13.8954 2 13 2.89543 13 4V9C13 10.1046 13.8954 11 15 11H20C21.1046 11 22 10.1046 22 9V4C22 2.89543 21.1046 2 20 2ZM15 9V4H20V9H15Z" fill="black"/>
+<rect width="3" height="3" rx="0.5" transform="matrix(-1 0 0 1 16 13)" fill="black"/>
+<rect width="3" height="3" rx="0.5" transform="matrix(-1 0 0 1 22 13)" fill="black"/>
+<rect width="3" height="3" rx="0.5" transform="matrix(-1 0 0 1 19 16)" fill="black"/>
+<rect width="3" height="3" rx="0.5" transform="matrix(-1 0 0 1 22 19)" fill="black"/>
+<rect width="3" height="3" rx="0.5" transform="matrix(-1 0 0 1 16 19)" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/question.svg b/apps/mobile/resources/icons/source-svgs/question.svg
new file mode 100644
index 000000000..abe53bf87
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/question.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12Z" fill="black"/>
+<path d="M10.442 9.13419C10.442 8.36408 11.0939 7.72919 11.912 7.72919C12.7284 7.72919 13.38 8.36426 13.38 9.13419C13.3887 9.69625 13.2458 9.89135 12.5548 10.3957L12.5076 10.4301C11.3358 11.2852 10.8442 11.9671 10.9133 13.3231L10.912 13.5202C10.912 14.0725 11.3597 14.5202 11.912 14.5202C12.4643 14.5202 12.912 14.0725 12.912 13.5202V13.2722C12.8847 12.7101 13.0053 12.5428 13.6865 12.0457L13.7339 12.0111C14.8974 11.1619 15.401 10.4742 15.3799 9.1186C15.38 7.24797 13.8215 5.72919 11.912 5.72919C10.0009 5.72919 8.44202 7.24754 8.44202 9.13419C8.44202 9.68647 8.88973 10.1342 9.44202 10.1342C9.9943 10.1342 10.442 9.68647 10.442 9.13419Z" fill="black"/>
+<path d="M12 15.75C12.6904 15.75 13.25 16.3096 13.25 17C13.25 17.6904 12.6904 18.25 12 18.25C11.3096 18.25 10.75 17.6904 10.75 17C10.75 16.3096 11.3096 15.75 12 15.75Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/repeat.svg b/apps/mobile/resources/icons/source-svgs/repeat.svg
new file mode 100644
index 000000000..f77b79739
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/repeat.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.6332 7.11954C20.9776 7.7402 21.2578 8.4018 21.4673 9.0963C23.063 14.3804 20.0943 19.9644 14.8371 21.567C9.58026 23.1695 4.02592 20.1858 2.4315 14.9029C0.835701 9.61843 3.80391 4.0347 9.06186 2.43223C10.0075 2.14414 10.9793 2 11.9494 2C12.5599 2 13.0549 2.49747 13.0549 3.11113C13.0549 3.72479 12.5599 4.22226 11.9494 4.22226C11.1961 4.22226 10.4404 4.33435 9.7033 4.55891C5.61435 5.8051 3.306 10.1475 4.54717 14.2577C5.78716 18.3662 10.107 20.6867 14.1955 19.4404C18.2838 18.194 20.5927 13.8513 19.3517 9.74153C19.1802 9.17321 18.9485 8.63412 18.6623 8.13095L18.3882 9.72196C18.284 10.3266 17.7119 10.7319 17.1103 10.6272C16.5088 10.5225 16.1055 9.94741 16.2097 9.34275L16.8907 5.39046C16.9936 4.7931 17.5539 4.38893 18.1499 4.48214L22.0644 5.09438C22.6676 5.18873 23.0806 5.75678 22.9867 6.36314C22.8928 6.9695 22.3277 7.38457 21.7244 7.29021L20.6332 7.11954Z" fill="black"/>
+<path d="M8.48669 12.8533C8.00591 13.1888 7.85591 13.9027 8.15166 14.448C8.44741 14.9933 9.07691 15.1634 9.55769 14.828L12.5135 12.7658C12.8158 12.5549 13 12.1811 13 11.7785V7.15918C13 6.51898 12.5424 6 11.978 6C11.4135 6 10.9559 6.51898 10.9559 7.15918V11.1306L8.48669 12.8533Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/replace-owner.svg b/apps/mobile/resources/icons/source-svgs/replace-owner.svg
new file mode 100644
index 000000000..2850b4c5c
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/replace-owner.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3615 16.7891L13.0765 15.4921C12.5635 15.2881 11.9805 15.5411 11.7795 16.0551C11.5765 16.5681 11.8285 17.1491 12.3415 17.3511L13.5075 17.8121C12.8325 18.0471 12.1215 18.1821 11.3975 18.1821H11.3825C9.1135 18.1771 6.9925 16.9541 5.8455 14.9911C5.5685 14.5151 4.9555 14.3531 4.4785 14.6321C4.0015 14.9101 3.8405 15.5221 4.1195 15.9991C5.6215 18.5721 8.4025 20.1751 11.3795 20.1821H11.3975C12.3535 20.1821 13.2945 20.0031 14.1875 19.6891L13.8275 20.6501C13.6335 21.1671 13.8955 21.7431 14.4135 21.9371C14.5285 21.9801 14.6465 22.0011 14.7635 22.0011C15.1685 22.0011 15.5495 21.7541 15.7005 21.3511L16.9305 18.0691C17.1225 17.5591 16.8695 16.9891 16.3615 16.7891Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.7932 5.6817C16.4722 5.6817 17.0232 6.2337 17.0232 6.9117C17.0232 7.5897 16.4722 8.1417 15.7932 8.1417C15.1152 8.1417 14.5642 7.5897 14.5642 6.9117C14.5642 6.2337 15.1152 5.6817 15.7932 5.6817ZM8.2052 3.9997C8.8832 3.9997 9.4352 4.5517 9.4352 5.2297C9.4352 5.9087 8.8832 6.4597 8.2052 6.4597C7.5262 6.4597 6.9752 5.9087 6.9752 5.2297C6.9752 4.5517 7.5262 3.9997 8.2052 3.9997ZM20.9352 13.0067C20.3092 11.3387 19.1242 10.1007 17.7072 9.4987C18.5012 8.9107 19.0232 7.9737 19.0232 6.9117C19.0232 5.1307 17.5742 3.6817 15.7932 3.6817C14.0132 3.6817 12.5642 5.1307 12.5642 6.9117C12.5642 7.9737 13.0862 8.9107 13.8802 9.4987C13.4832 9.6667 13.1022 9.8727 12.7502 10.1377C12.0892 9.0677 11.1722 8.2637 10.1182 7.8177C10.9122 7.2287 11.4352 6.2917 11.4352 5.2297C11.4352 3.4497 9.9852 1.9997 8.2052 1.9997C6.4242 1.9997 4.9752 3.4497 4.9752 5.2297C4.9752 6.2917 5.4972 7.2287 6.2912 7.8177C4.8742 8.4177 3.6892 9.6577 3.0642 11.3257C2.8702 11.8427 3.1322 12.4187 3.6482 12.6137C4.1652 12.8037 4.7422 12.5457 4.9372 12.0287C5.5332 10.4377 6.8162 9.4097 8.2052 9.4097C9.4932 9.4097 10.6842 10.3007 11.3262 11.6987C11.0642 12.1007 10.8312 12.5327 10.6522 13.0077C10.4592 13.5247 10.7212 14.1007 11.2382 14.2947C11.3542 14.3377 11.4722 14.3587 11.5892 14.3587C11.9932 14.3587 12.3752 14.1117 12.5252 13.7087C13.1222 12.1187 14.4042 11.0907 15.7932 11.0907C17.1822 11.0907 18.4652 12.1187 19.0622 13.7097C19.2562 14.2277 19.8322 14.4867 20.3502 14.2947C20.8662 14.1007 21.1282 13.5247 20.9352 13.0067Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/rows-1.svg b/apps/mobile/resources/icons/source-svgs/rows-1.svg
new file mode 100644
index 000000000..73bfee78f
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/rows-1.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 5.25C3 4.42157 3.67157 3.75 4.5 3.75H19.5C20.3284 3.75 21 4.42157 21 5.25C21 6.07843 20.3284 6.75 19.5 6.75H4.5C3.67157 6.75 3 6.07843 3 5.25Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 17.25C3 16.4216 3.67157 15.75 4.5 15.75H19.5C20.3284 15.75 21 16.4216 21 17.25C21 18.0784 20.3284 18.75 19.5 18.75H4.5C3.67157 18.75 3 18.0784 3 17.25Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 11.25C3 10.4216 3.67157 9.75 4.5 9.75H19.5C20.3284 9.75 21 10.4216 21 11.25C21 12.0784 20.3284 12.75 19.5 12.75H4.5C3.67157 12.75 3 12.0784 3 11.25Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/rows-2.svg b/apps/mobile/resources/icons/source-svgs/rows-2.svg
new file mode 100644
index 000000000..18595cea5
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/rows-2.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 11.5C8 10.6716 8.67157 10 9.5 10H19.5C20.3284 10 21 10.6716 21 11.5C21 12.3284 20.3284 13 19.5 13H9.5C8.67157 13 8 12.3284 8 11.5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 17.5C8 16.6716 8.67157 16 9.5 16H19.5C20.3284 16 21 16.6716 21 17.5C21 18.3284 20.3284 19 19.5 19H9.5C8.67157 19 8 18.3284 8 17.5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 5.5C8 4.67157 8.67157 4 9.5 4H19.5C20.3284 4 21 4.67157 21 5.5C21 6.32843 20.3284 7 19.5 7H9.5C8.67157 7 8 6.32843 8 5.5Z" fill="black"/>
+<circle cx="4.5" cy="5.5" r="1.5" fill="black"/>
+<circle cx="4.5" cy="11.5" r="1.5" fill="black"/>
+<circle cx="4.5" cy="17.5" r="1.5" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/rows.svg b/apps/mobile/resources/icons/source-svgs/rows.svg
new file mode 100644
index 000000000..73bfee78f
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/rows.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 5.25C3 4.42157 3.67157 3.75 4.5 3.75H19.5C20.3284 3.75 21 4.42157 21 5.25C21 6.07843 20.3284 6.75 19.5 6.75H4.5C3.67157 6.75 3 6.07843 3 5.25Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 17.25C3 16.4216 3.67157 15.75 4.5 15.75H19.5C20.3284 15.75 21 16.4216 21 17.25C21 18.0784 20.3284 18.75 19.5 18.75H4.5C3.67157 18.75 3 18.0784 3 17.25Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 11.25C3 10.4216 3.67157 9.75 4.5 9.75H19.5C20.3284 9.75 21 10.4216 21 11.25C21 12.0784 20.3284 12.75 19.5 12.75H4.5C3.67157 12.75 3 12.0784 3 11.25Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/safe.svg b/apps/mobile/resources/icons/source-svgs/safe.svg
new file mode 100644
index 000000000..312e7bb15
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/safe.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0002 3.99979C21.054 3.99979 21.9183 4.81618 21.9947 5.85059L22.0002 5.99979V17.9998C22.0002 19.0536 21.1838 19.9179 20.1494 19.9943L19.9972 19.9988C19.9973 20.5172 19.6119 20.9393 19.114 20.997L18.9973 21.0037C18.4847 21.0037 18.0618 20.6183 18.004 20.1204L17.9972 19.9988H5.99818C5.99828 20.5172 5.612 20.9393 5.11485 20.997L4.99828 21.0037C4.44528 21.0037 3.99828 20.5567 3.99828 20.0037C2.94524 19.9989 2.08197 19.1827 2.00567 18.1489L2.00018 17.9998V5.99979C2.00018 4.94597 2.81658 4.08167 3.85099 4.00528L4.00018 3.99979H20.0002ZM20.0002 5.99979H4.00018V17.9998H20.0002V5.99979Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9973 8.00079C12.7883 8.00079 10.9973 9.79179 10.9973 12.0008C10.9973 14.2098 12.7883 16.0008 14.9973 16.0008C17.2063 16.0008 18.9973 14.2098 18.9973 12.0008C18.9973 9.79179 17.2063 8.00079 14.9973 8.00079ZM14.9973 10.0008C16.1003 10.0008 16.9973 10.8968 16.9973 12.0008C16.9973 13.1038 16.1003 14.0008 14.9973 14.0008C13.8943 14.0008 12.9973 13.1038 12.9973 12.0008C12.9973 10.8968 13.8943 10.0008 14.9973 10.0008Z" fill="black"/>
+<path d="M6.99829 7.99979C7.51113 7.99979 7.9338 8.38583 7.99156 8.88317L7.99829 8.99979V14.9998C7.99829 15.5521 7.55058 15.9998 6.99829 15.9998C6.48546 15.9998 6.06278 15.6137 6.00502 15.1164L5.99829 14.9998V8.99979C5.99829 8.4475 6.44601 7.99979 6.99829 7.99979Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/scan-1.svg b/apps/mobile/resources/icons/source-svgs/scan-1.svg
new file mode 100644
index 000000000..d0be3efd0
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/scan-1.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 4V8C22 8.55228 21.5523 9 21 9C20.4477 9 20 8.55228 20 8V4H16C15.4477 4 15 3.55228 15 3C15 2.44772 15.4477 2 16 2H20C21.1046 2 22 2.89543 22 4Z" fill="black"/>
+<path d="M4 4V8C4 8.55228 3.55228 9 3 9C2.44772 9 2 8.55228 2 8V4C2 2.89543 2.89543 2 4 2H8C8.55228 2 9 2.44772 9 3C9 3.55228 8.55228 4 8 4H4Z" fill="black"/>
+<path d="M20 20V16C20 15.4477 20.4477 15 21 15C21.5523 15 22 15.4477 22 16V20C22 21.1046 21.1046 22 20 22H16C15.4477 22 15 21.5523 15 21C15 20.4477 15.4477 20 16 20H20Z" fill="black"/>
+<path d="M4 20H8C8.55228 20 9 20.4477 9 21C9 21.5523 8.55228 22 8 22H4C2.89543 22 2 21.1046 2 20V16C2 15.4477 2.44772 15 3 15C3.55228 15 4 15.4477 4 16V20Z" fill="black"/>
+<rect x="2" y="11" width="20" height="2" rx="1" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/scan.svg b/apps/mobile/resources/icons/source-svgs/scan.svg
new file mode 100644
index 000000000..d0be3efd0
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/scan.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 4V8C22 8.55228 21.5523 9 21 9C20.4477 9 20 8.55228 20 8V4H16C15.4477 4 15 3.55228 15 3C15 2.44772 15.4477 2 16 2H20C21.1046 2 22 2.89543 22 4Z" fill="black"/>
+<path d="M4 4V8C4 8.55228 3.55228 9 3 9C2.44772 9 2 8.55228 2 8V4C2 2.89543 2.89543 2 4 2H8C8.55228 2 9 2.44772 9 3C9 3.55228 8.55228 4 8 4H4Z" fill="black"/>
+<path d="M20 20V16C20 15.4477 20.4477 15 21 15C21.5523 15 22 15.4477 22 16V20C22 21.1046 21.1046 22 20 22H16C15.4477 22 15 21.5523 15 21C15 20.4477 15.4477 20 16 20H20Z" fill="black"/>
+<path d="M4 20H8C8.55228 20 9 20.4477 9 21C9 21.5523 8.55228 22 8 22H4C2.89543 22 2 21.1046 2 20V16C2 15.4477 2.44772 15 3 15C3.55228 15 4 15.4477 4 16V20Z" fill="black"/>
+<rect x="2" y="11" width="20" height="2" rx="1" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/search.svg b/apps/mobile/resources/icons/source-svgs/search.svg
new file mode 100644
index 000000000..46ab8e898
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/search.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.00043 9.99991C4.00043 6.69091 6.69143 3.99991 10.0004 3.99991C13.3084 3.99991 16.0004 6.69091 16.0004 9.99991C16.0004 13.3089 13.3084 15.9999 10.0004 15.9999C6.69143 15.9999 4.00043 13.3089 4.00043 9.99991ZM21.7054 20.2929L16.3134 14.9009C17.3664 13.5469 18.0004 11.8489 18.0004 9.99991C18.0004 5.58191 14.4184 1.99991 10.0004 1.99991C5.58143 1.99991 2.00043 5.58191 2.00043 9.99991C2.00043 14.4179 5.58143 17.9999 10.0004 17.9999C11.8484 17.9999 13.5454 17.3669 14.8984 16.3149L20.2914 21.7069C20.6804 22.0959 21.3164 22.0959 21.7054 21.7069C22.0944 21.3179 22.0944 20.6819 21.7054 20.2929Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/seed.svg b/apps/mobile/resources/icons/source-svgs/seed.svg
new file mode 100644
index 000000000..d33ade36b
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/seed.svg
@@ -0,0 +1,4 @@
+<svg width="22" height="19" viewBox="0 0 22 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.3257 0.651799C21.4119 0.138843 21.4117 0.138815 21.4115 0.138785L21.7942 0.198896L21.8564 0.568796C21.8564 0.568608 21.8564 0.568441 21.3257 0.651799Z" fill="#121312"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.14357 0.569171L0.674289 0.652167C0.144048 0.568881 0.143602 0.568983 0.14357 0.569171L0.20576 0.199271L0.588457 0.13916C0.588263 0.139191 0.588122 0.139656 0.674289 0.652167L0.588457 0.13916L0.590339 0.138867L0.594645 0.138206L0.609332 0.136004L0.662346 0.12845C0.707936 0.122157 0.773722 0.113529 0.857647 0.103703C1.02543 0.0840568 1.2661 0.0595726 1.56315 0.0393724C2.15626 -0.000962079 2.97923 -0.0245723 3.89854 0.0430585C5.7155 0.176727 8.01256 0.674303 9.60581 2.21428C10.2162 2.80424 10.6673 3.49332 10.9994 4.21485C11.3316 3.49326 11.7827 2.80414 12.3932 2.21414C13.9866 0.67399 16.2839 0.176357 18.1011 0.0426726C19.0205 -0.0249659 19.8435 -0.00135295 20.4367 0.0389861C20.7338 0.0591887 20.9745 0.0836756 21.1423 0.103324C21.2262 0.113152 21.292 0.12178 21.3376 0.128074L21.3907 0.135629L21.4053 0.137831L21.4096 0.138492L21.4115 0.138785L21.3257 0.651799L21.8564 0.568796L21.8567 0.570615L21.8574 0.574777L21.8597 0.588974L21.8675 0.640221C21.874 0.684291 21.8829 0.747885 21.8931 0.829012C21.9134 0.991207 21.9388 1.22385 21.9597 1.511C22.0014 2.08435 22.0258 2.87989 21.9559 3.76856C21.8175 5.52497 21.3027 7.74546 19.7093 9.2856C18.4943 10.46 16.8722 11.0256 15.3794 11.288C14.1784 11.4991 13.0272 11.52 12.1697 11.4874V17.6776C12.1697 18.329 11.6233 18.8571 10.9493 18.8571C10.2753 18.8571 9.72893 18.329 9.72893 17.6776V11.4901C8.86239 11.5179 7.71902 11.4888 6.53265 11.2715C5.065 11.0027 3.48203 10.4367 2.29048 9.285C0.697227 7.74502 0.182436 5.52478 0.0441438 3.76857C-0.0258267 2.88 -0.00139956 2.08455 0.0403303 1.51127C0.0612294 1.22415 0.0865606 0.991535 0.106886 0.829359C0.117053 0.74824 0.125979 0.684654 0.13249 0.640588L0.140305 0.589347L0.142583 0.575151L0.143267 0.570989L0.14357 0.569171ZM18.2863 2.395C18.7432 2.36139 19.175 2.35453 19.5566 2.3617C19.564 2.73055 19.5569 3.14788 19.5221 3.58952C19.3988 5.15616 18.9553 6.67807 17.9834 7.61744C17.0115 8.55682 15.437 8.9855 13.8161 9.10474C13.3592 9.13835 12.9274 9.14521 12.5458 9.13804C12.5384 8.76918 12.5455 8.35186 12.5803 7.91022C12.7036 6.34358 13.1472 4.82167 14.119 3.8823C15.0909 2.94292 16.6655 2.51424 18.2863 2.395ZM2.47785 3.58953C2.44309 3.14804 2.43599 2.73084 2.4434 2.36209C2.82491 2.35492 3.25654 2.36179 3.71331 2.39539C5.33394 2.51461 6.90824 2.94323 7.87994 3.88244C8.85165 4.82165 9.29509 6.34331 9.41844 7.90975C9.45321 8.35124 9.46031 8.76844 9.4529 9.13719C9.07138 9.14435 8.63975 9.1375 8.18299 9.10389C6.56236 8.98467 4.98806 8.55605 4.01635 7.61684C3.04465 6.67763 2.6012 5.15597 2.47785 3.58953Z" fill="#121312"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/send-to.svg b/apps/mobile/resources/icons/source-svgs/send-to.svg
new file mode 100644
index 000000000..64468ac95
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/send-to.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.9581 20.726C21.4142 15.4337 19.1423 12.271 15.5289 11.3155C17.0085 10.4472 18.002 8.83966 18.002 7.0002C18.002 4.23891 15.7633 2.0002 13.002 2.0002C10.24 2.0002 8.00201 4.23861 8.00201 7.0002C8.00201 8.84875 9.00481 10.4629 10.4963 11.3281C8.79627 11.7949 7.35884 12.7645 6.16807 14.2063C5.81639 14.6322 5.8765 15.2625 6.30233 15.6141C6.72817 15.9658 7.35847 15.9057 7.71016 15.4799C9.07168 13.8313 10.77 13.0061 12.9981 13.0061C17.044 13.0061 19.3817 15.6079 21.0381 21.2861C21.1928 21.8163 21.748 22.1208 22.2782 21.9661C22.8083 21.8114 23.1128 21.2562 22.9581 20.726ZM16.002 7.0002C16.002 8.65691 14.6587 10.0002 13.002 10.0002C11.3447 10.0002 10.002 8.6573 10.002 7.0002C10.002 5.3431 11.3447 4.0002 13.002 4.0002C14.6587 4.0002 16.002 5.34348 16.002 7.0002Z" fill="black"/>
+<path d="M11.5823 20.0051H3.0004C2.44811 20.0051 2.0004 19.5574 2.0004 19.0051C2.0004 18.4528 2.44811 18.0051 3.0004 18.0051H11.5839L11.3008 17.722C10.9103 17.3315 10.9103 16.6983 11.3008 16.3078C11.6913 15.9173 12.3245 15.9173 12.715 16.3078L14.704 18.2968C15.0945 18.6872 15.0945 19.3203 14.7042 19.7108L12.7152 21.7008C12.3248 22.0915 11.6916 22.0916 11.301 21.7012C10.9103 21.3108 10.9102 20.6776 11.3006 20.287L11.5823 20.0051Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/settings.svg b/apps/mobile/resources/icons/source-svgs/settings.svg
new file mode 100644
index 000000000..3ddb8f03c
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/settings.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.01 17.9997C8.701 17.9997 6.01 15.3087 6.01 11.9997C6.01 8.69069 8.701 5.99969 12.01 5.99969C15.319 5.99969 18.01 8.69069 18.01 11.9997C18.01 15.3087 15.319 17.9997 12.01 17.9997ZM21.151 10.7887L20.805 10.7587C20.112 10.6847 19.851 10.2677 19.759 10.0417C19.567 9.27869 19.266 8.56169 18.873 7.90269C18.778 7.68269 18.656 7.19669 19.102 6.64569L19.324 6.37969C19.81 5.8257 19.616 5.47869 19.228 5.08869L18.906 4.76769C18.517 4.37869 18.169 4.18569 17.615 4.67069L17.349 4.89369C16.764 5.36569 16.253 5.20169 16.055 5.10569C15.436 4.74169 14.764 4.46069 14.053 4.27269C13.888 4.22669 13.324 4.00969 13.237 3.19069L13.206 2.84469C13.157 2.10969 12.776 1.99969 12.225 1.99969H11.77C11.22 1.99969 10.837 2.10969 10.789 2.84469L10.758 3.19069C10.656 4.14969 9.895 4.28569 9.895 4.28569C9.895 4.28769 9.896 4.28969 9.896 4.29169C9.238 4.47169 8.615 4.73669 8.037 5.06869C8.035 5.06569 8.034 5.06069 8.031 5.05769C8.031 5.05769 7.397 5.49969 6.647 4.89469L6.38 4.67069C5.826 4.18569 5.478 4.37869 5.089 4.76769L4.768 5.08869C4.379 5.47869 4.186 5.8257 4.67 6.37969L4.894 6.64569C5.5 7.39669 5.057 8.03069 5.057 8.03069C5.062 8.0347 5.068 8.0367 5.073 8.03969C4.741 8.61869 4.478 9.24069 4.299 9.89869C4.294 9.8977 4.289 9.89569 4.285 9.89469C4.285 9.89469 4.15 10.6557 3.191 10.7587L2.844 10.7887C2.11 10.8377 2 11.2207 2 11.7707V12.2257C2 12.7747 2.11 13.1577 2.844 13.2057L3.191 13.2367C4.15 13.3387 4.285 14.1007 4.285 14.1007C4.289 14.1007 4.293 14.0987 4.297 14.0977C4.477 14.7557 4.735 15.3807 5.065 15.9597C5.063 15.9617 5.059 15.9617 5.057 15.9637C5.057 15.9637 5.5 16.5987 4.894 17.3487L4.67 17.6147C4.186 18.1687 4.378 18.5177 4.768 18.9057L5.089 19.2277C5.478 19.6167 5.826 19.8097 6.38 19.3237L6.647 19.1017C7.397 18.4947 8.031 18.9377 8.031 18.9377C8.032 18.9367 8.032 18.9357 8.033 18.9347C8.613 19.2677 9.237 19.5267 9.895 19.7077V19.7107C9.895 19.7107 10.656 19.8467 10.758 20.8057L10.789 21.1507C10.837 21.8857 11.22 21.9947 11.77 21.9947H12.225C12.776 21.9947 13.157 21.8857 13.206 21.1507L13.237 20.8057C13.317 20.0577 13.793 19.8117 14.001 19.7397C14.728 19.5537 15.412 19.2647 16.043 18.8957C16.231 18.8017 16.75 18.6177 17.349 19.1017L17.615 19.3247C18.169 19.8097 18.517 19.6167 18.906 19.2277L19.228 18.9057C19.616 18.5177 19.81 18.1687 19.324 17.6147L19.102 17.3497C18.623 16.7557 18.797 16.2407 18.893 16.0487C19.275 15.3997 19.573 14.6967 19.762 13.9477C19.856 13.7207 20.116 13.3107 20.805 13.2367L21.151 13.2057C21.885 13.1577 21.994 12.7747 21.994 12.2257V11.7707C21.994 11.2207 21.885 10.8377 21.151 10.7887Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/share.svg b/apps/mobile/resources/icons/source-svgs/share.svg
new file mode 100644
index 000000000..ad57eeefc
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/share.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.99982 12.0035C9.99982 11.6319 9.94192 11.2737 9.83464 10.9377L14.9196 7.85706C15.5597 8.55906 16.4817 8.99951 17.5067 8.99951C19.44 8.99951 21.0067 7.4328 21.0067 5.49951C21.0067 3.56694 19.4397 1.99951 17.5067 1.99951C15.5737 1.99951 14.0067 3.56694 14.0067 5.49951C14.0067 5.68543 14.0212 5.86795 14.0491 6.04602L8.7039 9.28435C8.10222 8.79607 7.33525 8.50351 6.49982 8.50351C4.56653 8.50351 2.99982 10.0702 2.99982 12.0035C2.99982 13.9361 4.56682 15.5035 6.49982 15.5035C7.3354 15.5035 8.10259 15.2106 8.70438 14.722L14.0494 17.9602C14.0213 18.1388 14.0067 18.3218 14.0067 18.5083C14.0067 20.4416 15.5734 22.0083 17.5067 22.0083C19.44 22.0083 21.0067 20.4416 21.0067 18.5083C21.0067 16.575 19.44 15.0083 17.5067 15.0083C16.4822 15.0083 15.5607 15.4483 14.9207 16.1496L9.83482 13.0684C9.94198 12.7326 9.99982 12.3748 9.99982 12.0035ZM17.5067 3.99951C18.335 3.99951 19.0067 4.67139 19.0067 5.49951C19.0067 6.32823 18.3354 6.99951 17.5067 6.99951C16.678 6.99951 16.0067 6.32823 16.0067 5.49951C16.0067 4.67139 16.6784 3.99951 17.5067 3.99951ZM7.99982 12.0035C7.99982 11.1748 7.32853 10.5035 6.49982 10.5035C5.6711 10.5035 4.99982 11.1748 4.99982 12.0035C4.99982 12.8316 5.67151 13.5035 6.49982 13.5035C7.32812 13.5035 7.99982 12.8316 7.99982 12.0035ZM17.5067 17.0083C18.3354 17.0083 19.0067 17.6796 19.0067 18.5083C19.0067 19.337 18.3354 20.0083 17.5067 20.0083C16.678 20.0083 16.0067 19.337 16.0067 18.5083C16.0067 17.6796 16.678 17.0083 17.5067 17.0083Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/shield-crossed.svg b/apps/mobile/resources/icons/source-svgs/shield-crossed.svg
new file mode 100644
index 000000000..79f1097e2
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/shield-crossed.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2867_12346)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L5.42204 4.00782C5.43259 4.01792 5.44293 4.02826 5.45306 4.03885L18.3228 16.9086C18.3261 16.9118 18.3294 16.9151 18.3327 16.9184L23.7071 22.2929C24.0976 22.6834 24.0976 23.3166 23.7071 23.7071C23.3166 24.0976 22.6834 24.0976 22.2929 23.7071L17.6401 19.0544C16.1212 20.5844 14.3771 21.8764 12.4667 22.8844C12.1815 23.0349 11.8412 23.0386 11.5528 22.8944L12 22C11.5528 22.8944 11.5531 22.8946 11.5528 22.8944L11.5492 22.8926L11.5427 22.8894L11.5212 22.8784C11.5032 22.8692 11.4777 22.856 11.4453 22.839C11.3806 22.805 11.2881 22.7556 11.1719 22.6913C10.9397 22.5627 10.6118 22.3741 10.22 22.1292C9.43854 21.6408 8.39238 20.9221 7.3415 20.0026C5.28175 18.2003 3 15.4464 3 12V5C3 4.83265 3.04167 4.67238 3.11679 4.531L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893ZM5 6.41421V12C5 14.5536 6.71825 16.7997 8.6585 18.4974C9.60762 19.3279 10.5615 19.9842 11.28 20.4333C11.5626 20.6098 11.8071 20.7534 11.9985 20.8619C13.5501 19.9879 14.9727 18.9035 16.2259 17.6401L5 6.41421ZM11.6502 1.06318C11.8762 0.978771 12.1252 0.978944 12.3511 1.06367L20.3511 4.06367C20.7414 4.21003 21 4.58316 21 5V12.0066C20.9949 12.7832 20.8753 13.5548 20.6451 14.2964C20.4813 14.8239 19.921 15.1188 19.3936 14.9551C18.8661 14.7913 18.5712 14.231 18.7349 13.7036C18.9066 13.1506 18.9959 12.5754 19 11.9965V5.693L11.9993 3.06772L9.18982 4.11682C8.67243 4.31002 8.09639 4.04721 7.90318 3.52982C7.70998 3.01243 7.97279 2.43639 8.49018 2.24318L11.6502 1.06318Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_2867_12346">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/shield.svg b/apps/mobile/resources/icons/source-svgs/shield.svg
new file mode 100644
index 000000000..fb79f990b
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/shield.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6748 21.9362C11.9021 22.0215 12.1527 22.0213 12.3798 21.9355C16.3253 20.4449 18.8299 18.3948 20.089 16.0572C20.3255 15.6341 20.5105 15.1643 20.6517 14.6561C20.8149 14.0689 20.9142 13.4521 20.9639 12.8264C20.9975 12.4042 21.0048 12.0411 20.9981 11.717C20.9965 11.647 20.9965 11.647 20.9964 11.654V5.279C20.9964 4.69989 20.506 4.24186 19.9282 4.28132C19.4283 4.31547 19.1772 4.328 18.8994 4.328C16.2811 4.328 14.1185 3.39264 12.6182 2.21372C12.2322 1.91032 11.6829 1.93214 11.3221 2.2652C11.3006 2.28505 11.2747 2.30621 11.2358 2.33553C11.2057 2.35815 11.1689 2.38486 11.0714 2.45561C10.6544 2.73401 10.4122 2.88668 10.0484 3.08197C9.96778 3.12523 9.88702 3.16697 9.80602 3.20715C8.38423 3.90539 6.84274 4.328 5.10338 4.328C4.82402 4.328 4.57478 4.31556 4.07352 4.28132C3.49576 4.24186 3.00538 4.69989 3.00538 5.279V11.606C2.92126 12.7826 3.22547 14.8548 4.05794 16.2732C4.2169 16.5679 4.42431 16.8738 4.68419 17.2033C6.16047 19.1604 8.51801 20.7508 11.6748 21.9362ZM18.3403 15.0866L18.3315 15.1027C17.3487 16.9318 15.3335 18.6175 12.0254 19.9282C9.38042 18.8858 7.4534 17.5534 6.26767 15.9817C6.06087 15.7191 5.91605 15.5056 5.79967 15.2907C5.45153 14.6964 5.22422 13.9393 5.09977 13.0916C5.01415 12.5084 4.98663 11.9105 5.00297 11.6753L5.00498 6.32758C5.03744 6.32786 5.07014 6.328 5.10338 6.328C7.17923 6.328 9.01073 5.82588 10.6912 5.0006C10.7953 4.94898 10.8951 4.89739 10.9943 4.84414C11.364 4.6457 11.625 4.48652 12 4.23889C13.7668 5.44559 16.1089 6.328 18.8994 6.328C18.9321 6.328 18.9644 6.32787 18.9964 6.32759V11.654C18.9973 11.7081 18.9973 11.7081 18.9985 11.7587C19.004 12.0208 18.998 12.3192 18.9702 12.6679C18.93 13.1745 18.8505 13.6681 18.7247 14.1207C18.6232 14.4861 18.4949 14.8112 18.3403 15.0866Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/sign.svg b/apps/mobile/resources/icons/source-svgs/sign.svg
new file mode 100644
index 000000000..cf8385cc6
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/sign.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3921 20.3844L12.3991 21.7264C12.4001 21.8774 12.5221 21.9994 12.6731 21.9994H14.0061C14.0791 21.9994 14.1491 21.9704 14.2011 21.9194L18.2291 17.8904C18.3871 17.7324 18.3871 17.4754 18.2291 17.3174L17.0471 16.1354C16.9031 15.9914 16.6691 15.9914 16.5251 16.1354L12.4721 20.1894C12.4201 20.2404 12.3911 20.3114 12.3921 20.3844Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.4341 16.6851L20.9131 15.2071C21.0241 15.0961 21.0241 14.9151 20.9131 14.8041L19.5861 13.4771C19.4751 13.3661 19.2941 13.3661 19.1831 13.4771L17.7051 14.9561C17.5931 15.0671 17.5931 15.2481 17.7051 15.3591L19.0321 16.6851C19.1431 16.7961 19.3231 16.7961 19.4341 16.6851Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9985 8.02009V4.83009L16.1755 8.00409L12.9985 8.02009ZM19.0005 10.9991V10.9951V10.9911V8.37209C19.0005 8.13209 18.9045 7.90309 18.7345 7.73409L13.3025 2.30709C13.1055 2.11009 12.8395 2.00009 12.5615 2.00009H5.0005C3.8945 2.00009 3.0005 2.89509 3.0005 4.00009V20.0001C3.0005 21.1041 3.8945 22.0001 5.0005 22.0001H8.9895C8.9935 22.0001 8.9965 22.0021 9.0005 22.0021C9.5535 22.0021 10.0005 21.5541 10.0005 21.0021C10.0005 20.4501 9.5535 20.0021 9.0005 20.0021V20.0001H5.0005V4.00009H10.9985V8.02009C10.9985 9.10909 11.8865 9.99509 12.9775 9.99509H17.0005V11.0041H17.0025C17.0085 11.5521 17.4515 11.9951 18.0005 11.9951C18.5505 11.9951 18.9935 11.5521 18.9985 11.0041H19.0005V10.9991Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/signature.svg b/apps/mobile/resources/icons/source-svgs/signature.svg
new file mode 100644
index 000000000..1377818c0
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/signature.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.85329 11.4832C3.46662 11.9532 3.09329 12.4166 2.70662 12.8732C2.55329 13.0566 2.37662 13.2199 2.20662 13.3899C2.00662 13.5899 1.79329 13.6066 1.62995 13.4432C1.46995 13.2832 1.48995 13.0599 1.68662 12.8666C2.31329 12.2566 2.85995 11.5866 3.33662 10.8532C3.40329 10.7499 3.39995 10.6766 3.34329 10.5732C2.72662 9.42657 2.11662 8.27991 1.63995 7.06657C1.33995 6.29991 1.06995 5.51991 1.01662 4.68991C0.996621 4.35324 1.00995 3.99657 1.08662 3.66991C1.23329 3.03657 1.62662 2.59657 2.28329 2.47657C2.97329 2.34991 3.55995 2.57991 3.96662 3.15657C4.62329 4.09324 5.01329 5.13991 5.15329 6.27657C5.34662 7.81991 5.05995 9.26991 4.32329 10.6366C4.29662 10.6866 4.30662 10.7732 4.32995 10.8299C4.38662 10.9532 4.45995 11.0666 4.52995 11.1832C4.75995 11.5666 5.18329 11.6266 5.50329 11.3066C5.88329 10.9232 6.26995 10.5399 6.62329 10.1299C7.31995 9.31991 8.42995 9.54991 8.89329 10.3966C9.09995 10.7732 9.49995 10.8432 9.82662 10.5632C10.0133 10.4032 10.1933 10.2399 10.38 10.0799C11.1266 9.43324 12.19 9.70324 12.5366 10.6266C12.6566 10.9432 12.83 11.0666 13.1766 11.0666C13.65 11.0666 14.1233 11.0666 14.6 11.0666C14.9 11.0666 15.08 11.3366 14.9633 11.5899C14.9 11.7232 14.7866 11.8032 14.6433 11.8032C14.09 11.8066 13.5366 11.8266 12.9866 11.7899C12.4166 11.7532 12.0433 11.4199 11.85 10.8832C11.7366 10.5732 11.5066 10.4166 11.2033 10.4699C11.0933 10.4899 10.9766 10.5499 10.8866 10.6232C10.6966 10.7699 10.52 10.9332 10.3433 11.0966C9.60995 11.7699 8.63329 11.4666 8.21995 10.7299C8.11995 10.5532 7.99329 10.4166 7.78662 10.3799C7.55662 10.3399 7.36995 10.4166 7.21329 10.5866C6.83995 10.9866 6.45329 11.3732 6.08329 11.7766C5.40329 12.5166 4.31329 12.3366 3.87995 11.5299C3.86995 11.5132 3.85662 11.4966 3.84995 11.4866L3.85329 11.4832ZM3.81662 9.92991C3.83995 9.90991 3.84995 9.90324 3.85329 9.89657C3.86329 9.87991 3.87329 9.85991 3.87995 9.83991C4.80995 7.67324 4.64662 5.59324 3.38329 3.60657C3.16662 3.26657 2.82995 3.13324 2.43662 3.19991C2.04329 3.26324 1.86329 3.55657 1.77995 3.90991C1.66662 4.38991 1.74329 4.86324 1.85995 5.32991C2.26662 6.96324 3.04995 8.43991 3.81662 9.93324V9.92991Z" fill="#121312"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/star.svg b/apps/mobile/resources/icons/source-svgs/star.svg
new file mode 100644
index 000000000..e0419ae33
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/star.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.00009 1.33334C7.75409 1.33334 7.50809 1.46334 7.38676 1.72401L5.87009 5.23401C5.77409 5.43801 5.58276 5.58134 5.35943 5.61601L1.90743 6.14601C1.36476 6.22934 1.14209 6.89134 1.52476 7.28601L4.06943 9.63668C4.21809 9.79001 4.28543 10.0047 4.25143 10.2153L3.38209 13.882C3.31143 14.3187 3.65876 14.6687 4.05009 14.6687C4.15876 14.6687 4.27076 14.6413 4.37809 14.582L7.67076 12.9053C7.77343 12.8487 7.88676 12.82 8.00009 12.82C8.11343 12.82 8.22676 12.8487 8.32876 12.9053L11.5628 14.582C11.6708 14.6413 11.7828 14.6687 11.8908 14.6687C12.2828 14.6687 12.6294 14.3187 12.5588 13.882L11.7488 10.2153C11.7141 10.0047 11.7814 9.79001 11.9308 9.63668L14.4748 7.28601C14.8574 6.89134 14.6354 6.22934 14.0928 6.14601L10.6401 5.61601C10.4168 5.58134 10.2254 5.43801 10.1301 5.23401L8.61343 1.72401C8.49143 1.46334 8.24609 1.33334 8.00009 1.33334ZM8.00015 3.666L8.90616 5.76266C8.91082 5.774 8.91682 5.786 8.92215 5.79733C9.20682 6.40666 9.77282 6.832 10.4375 6.93333L12.5415 7.25666L11.0255 8.65733C11.0082 8.674 10.9908 8.69066 10.9742 8.708C10.5335 9.16133 10.3308 9.80533 10.4322 10.43C10.4362 10.4547 10.4415 10.4793 10.4468 10.5033L10.9455 12.76L8.95549 11.7287C8.66216 11.57 8.33282 11.4867 8.00015 11.4867C7.66949 11.4867 7.34149 11.5693 7.05016 11.7253L5.01816 12.76L5.54882 10.5233C5.55616 10.492 5.56282 10.4607 5.56816 10.4293C5.66882 9.80466 5.46616 9.16133 5.02549 8.708C5.00949 8.69066 4.99149 8.674 4.97416 8.65733L3.45882 7.25666L5.56216 6.93333C6.22682 6.832 6.79282 6.40733 7.07749 5.798C7.08349 5.78666 7.08882 5.77466 7.09416 5.76266L8.00015 3.666Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/tag.svg b/apps/mobile/resources/icons/source-svgs/tag.svg
new file mode 100644
index 000000000..c8c515ed2
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/tag.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 4C3 3.44772 3.44772 3 4 3H12.8673C13.1326 3 13.3869 3.10539 13.5745 3.29299L21.1936 10.9141C21.7101 11.4338 22 12.1369 22 12.8696C22 13.6024 21.7101 14.3054 21.1936 14.8251L21.1915 14.8272L14.834 21.1864C14.5765 21.4443 14.2706 21.6489 13.9339 21.7885C13.5972 21.9281 13.2362 22 12.8717 22C12.5072 22 12.1463 21.9281 11.8096 21.7885C11.4729 21.6489 11.1671 21.4443 10.9095 21.1865C10.9095 21.1864 10.9096 21.1865 10.9095 21.1865L3.29321 13.577C3.10548 13.3895 3 13.135 3 12.8696V4ZM5 5V12.4551L12.3246 19.7731C12.3964 19.8451 12.4817 19.9021 12.5756 19.941C12.6695 19.98 12.7701 20 12.8717 20C12.9733 20 13.074 19.98 13.1678 19.941C13.2617 19.9021 13.347 19.8451 13.4189 19.7731L19.775 13.4153C19.7753 13.415 19.7755 13.4148 19.7758 13.4145C19.9194 13.2696 20 13.0738 20 12.8696C20 12.6655 19.9194 12.4696 19.7758 12.3247C19.7755 12.3245 19.7753 12.3242 19.775 12.3239L12.453 5H5ZM7 8C7 7.44772 7.44772 7 8 7H8.01C8.56228 7 9.01 7.44772 9.01 8C9.01 8.55228 8.56228 9 8.01 9H8C7.44772 9 7 8.55228 7 8Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/token.svg b/apps/mobile/resources/icons/source-svgs/token.svg
new file mode 100644
index 000000000..aaa4d2346
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/token.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.998 4.99951C11.133 4.99951 7.99805 8.13451 7.99805 11.9995C7.99805 15.8655 11.133 18.9995 14.998 18.9995C18.864 18.9995 21.998 15.8655 21.998 11.9995C21.998 8.13451 18.864 4.99951 14.998 4.99951ZM14.998 6.99951C17.756 6.99951 19.998 9.24251 19.998 11.9995C19.998 14.7575 17.756 16.9995 14.998 16.9995C12.241 16.9995 9.99805 14.7575 9.99805 11.9995C9.99805 9.24251 12.241 6.99951 14.998 6.99951Z" fill="black"/>
+<path d="M6.80447 5.35823C3.95932 6.29472 2.00012 8.95538 2.00012 11.9961C2.00012 15.0368 3.95932 17.6975 6.80447 18.634C7.32907 18.8066 7.89432 18.5213 8.06699 17.9968C8.23966 17.4722 7.95437 16.9069 7.42977 16.7342C5.39868 16.0657 4.00012 14.1664 4.00012 11.9961C4.00012 9.82579 5.39868 7.92651 7.42977 7.25797C7.95437 7.0853 8.23966 6.52005 8.06699 5.99545C7.89432 5.47085 7.32907 5.18556 6.80447 5.35823Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/transaction-batch.svg b/apps/mobile/resources/icons/source-svgs/transaction-batch.svg
new file mode 100644
index 000000000..a7a19e684
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/transaction-batch.svg
@@ -0,0 +1,11 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2867_12299)">
+<path d="M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22Z" fill="#FFD600"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7764 5.55279C10.9172 5.4824 11.0828 5.4824 11.2236 5.55279L16.2235 8.05279C16.3929 8.13748 16.4999 8.31061 16.4999 8.5C16.4999 8.68939 16.3929 8.86252 16.2235 8.94721L11.2236 11.4472C11.0828 11.5176 10.9172 11.5176 10.7764 11.4472L5.7765 8.94721C5.60711 8.86252 5.50011 8.68939 5.50011 8.5C5.50011 8.31061 5.60711 8.13748 5.7765 8.05279L10.7764 5.55279ZM7.11811 8.5L11 10.441L14.8819 8.5L11 6.55902L7.11811 8.5ZM5.55289 10.7764C5.67639 10.5294 5.97672 10.4293 6.2237 10.5528L11 12.941L15.7763 10.5528C16.0233 10.4293 16.3236 10.5294 16.4471 10.7764C16.5706 11.0234 16.4705 11.3237 16.2235 11.4472L11.2236 13.9472C11.0828 14.0176 10.9172 14.0176 10.7764 13.9472L5.7765 11.4472C5.52951 11.3237 5.4294 11.0234 5.55289 10.7764ZM5.55289 13.2764C5.67639 13.0294 5.97672 12.9293 6.2237 13.0528L11 15.441L15.7763 13.0528C16.0233 12.9293 16.3236 13.0294 16.4471 13.2764C16.5706 13.5234 16.4705 13.8237 16.2235 13.9472L11.2236 16.4472C11.0828 16.5176 10.9172 16.5176 10.7764 16.4472L5.7765 13.9472C5.52951 13.8237 5.4294 13.5234 5.55289 13.2764Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_2867_12299">
+<rect width="22" height="22" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/transaction-change-settings.svg b/apps/mobile/resources/icons/source-svgs/transaction-change-settings.svg
new file mode 100644
index 000000000..992352cee
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/transaction-change-settings.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2867_12291)">
+<path d="M12.002 16.2C9.62002 16.2 7.68402 14.32 7.68402 12C7.68402 9.68 9.61802 7.8 12.004 7.8C14.388 7.8 16.32 9.68 16.32 12C16.32 14.32 14.388 16.2 12.002 16.2ZM21.168 13.164C21.218 12.78 21.256 12.396 21.256 12C21.256 11.604 21.218 11.208 21.168 10.8L23.772 8.844C23.8855 8.75561 23.963 8.62904 23.9903 8.4878C24.0175 8.34656 23.9925 8.20024 23.92 8.076L21.452 3.924C21.3786 3.79774 21.2625 3.7018 21.1247 3.65341C20.9868 3.60502 20.8363 3.60736 20.7 3.66L17.628 4.86C16.9888 4.37705 16.2879 3.98156 15.544 3.684L15.086 0.504003C15.0588 0.361065 14.9822 0.232251 14.8696 0.140111C14.757 0.0479708 14.6155 -0.00162552 14.47 3.41718e-06H9.53602C9.39018 -0.00209876 9.24827 0.0472818 9.13524 0.139463C9.02221 0.231643 8.94529 0.360722 8.91802 0.504003L8.46202 3.684C7.68402 3.984 7.01802 4.392 6.37802 4.86L3.30602 3.66C3.16951 3.60682 3.01848 3.60419 2.88021 3.65261C2.74194 3.70102 2.62554 3.79728 2.55202 3.924L0.0860188 8.076C0.0104325 8.19941 -0.0162927 8.34661 0.0110906 8.4887C0.0384738 8.6308 0.117987 8.75753 0.234019 8.844L2.83602 10.8C2.78326 11.1979 2.75454 11.5986 2.75002 12C2.75002 12.396 2.78802 12.78 2.83602 13.164L0.234019 15.156C0.117987 15.2425 0.0384738 15.3692 0.0110906 15.5113C-0.0162927 15.6534 0.0104325 15.8006 0.0860188 15.924L2.55202 20.076C2.70002 20.34 3.03402 20.436 3.30602 20.34L6.37802 19.128C7.01802 19.608 7.68402 20.016 8.46202 20.316L8.91802 23.496C8.94529 23.6393 9.02221 23.7684 9.13524 23.8605C9.24827 23.9527 9.39018 24.0021 9.53602 24H14.47C14.6155 24.0016 14.757 23.952 14.8696 23.8599C14.9822 23.7678 15.0588 23.6389 15.086 23.496L15.544 20.316C16.2884 20.0143 16.9892 19.6148 17.628 19.128L20.7 20.34C20.972 20.436 21.304 20.34 21.452 20.076L23.92 15.924C23.9925 15.7998 24.0175 15.6535 23.9903 15.5122C23.963 15.371 23.8855 15.2444 23.772 15.156L21.168 13.164Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_2867_12291">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/transaction-contract.svg b/apps/mobile/resources/icons/source-svgs/transaction-contract.svg
new file mode 100644
index 000000000..837de855b
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/transaction-contract.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.00055 18.9993C8.74478 18.9993 8.48902 18.9012 8.2942 18.7072L2.29273 12.7083C2.1059 12.5202 2 12.2662 2 12.0002C2 11.7352 2.1059 11.4802 2.29273 11.2933L8.2892 5.29325C8.67984 4.90225 9.31226 4.90225 9.7019 5.29325C10.0925 5.68425 10.0925 6.31625 9.7019 6.70725L4.41278 12.0002L9.70689 17.2913C10.0975 17.6823 10.0975 18.3142 9.70789 18.7063C9.51307 18.9012 9.25631 18.9993 9.00055 18.9993Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.0002 18.9993C14.7442 18.9993 14.4882 18.9012 14.2932 18.7063C13.9022 18.3153 13.9022 17.6832 14.2932 17.2922L19.5852 12.0002L14.2932 6.70725C13.9022 6.31625 13.9022 5.68425 14.2932 5.29325C14.6842 4.90225 15.3162 4.90225 15.7072 5.29325L21.7063 11.2933C22.0972 11.6842 22.0972 12.3163 21.7063 12.7073L15.7072 18.7063C15.5122 18.9012 15.2563 18.9993 15.0002 18.9993Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/transaction-earn.svg b/apps/mobile/resources/icons/source-svgs/transaction-earn.svg
new file mode 100644
index 000000000..cd6511f37
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/transaction-earn.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.45644 0.849363C12.2123 1.06813 15.184 4.16134 15.184 7.98511V8.15991H15.1771C15.0828 11.9886 11.9067 15.1246 8.07266 15.1248C4.26935 15.1246 1.07581 12.1258 0.846093 8.4812L0.833398 8.12671C0.791374 3.90931 4.15076 0.805885 8.09023 0.837644L8.45644 0.849363ZM12.2484 3.8562C10.0046 1.56277 6.29855 1.50324 3.95547 3.69409L3.73281 3.91382C1.52188 6.20661 1.82396 9.50534 3.13906 11.2605C3.87522 10.2471 4.60992 9.23559 5.34414 8.22632L5.47109 8.06225C5.51287 8.01273 5.55517 7.96903 5.59707 7.93139C5.6823 7.85488 5.77828 7.79673 5.89199 7.77807C6.00593 7.75949 6.11545 7.78394 6.22012 7.82983C6.32278 7.8749 6.43135 7.94525 6.54922 8.031L8.00723 9.09643C8.77393 8.08941 9.53879 7.08576 10.3334 6.04272C9.90879 6.13109 9.51523 6.21381 9.12148 6.29077L9.12246 6.29175C8.94049 6.32778 8.76429 6.30326 8.62051 6.21557C8.47612 6.1273 8.37807 5.98393 8.33828 5.81225L8.3373 5.81128C8.26363 5.48294 8.45352 5.15575 8.81289 5.08178L10.2006 4.79565C10.6633 4.70178 11.1273 4.61041 11.5912 4.52221C11.7787 4.4874 11.9614 4.49358 12.1049 4.6062C12.2429 4.71471 12.3017 4.88879 12.3324 5.073L12.5346 6.29175C12.6021 6.69747 12.6702 7.10317 12.7377 7.50952L12.7533 7.65893C12.7598 7.80491 12.7367 7.94076 12.6723 8.05542C12.5817 8.21621 12.4262 8.30739 12.2406 8.33276C12.0557 8.35696 11.8821 8.30569 11.7484 8.18725C11.6177 8.07119 11.536 7.90184 11.5033 7.70776C11.4527 7.4024 11.4024 7.09597 11.349 6.77417C10.4995 7.88211 9.65022 8.99027 8.80312 10.1003C8.70375 10.23 8.61281 10.3399 8.5248 10.4197C8.43554 10.5005 8.33543 10.564 8.21426 10.5808C8.09333 10.5974 7.97869 10.5639 7.86953 10.5105C7.81571 10.4841 7.75845 10.4509 7.69863 10.4119L7.50723 10.2781C7.0516 9.94292 6.59368 9.60984 6.12637 9.26928C5.39622 10.2652 4.67377 11.253 3.95156 12.239C6.0355 14.2154 9.6022 14.5768 12.1059 12.2185L12.3207 12.0056C14.3939 9.83289 14.4567 6.35076 12.4555 4.07983L12.2484 3.8562ZM3.92422 12.4539C3.95123 12.4784 3.97977 12.5011 4.00723 12.5251C3.97769 12.4993 3.94738 12.4744 3.91836 12.448L3.92422 12.4539ZM2.83535 11.1287C2.89181 11.2151 2.94942 11.2993 3.01016 11.3796L3.1459 11.5505L3.01504 11.3855C2.95267 11.3033 2.89323 11.2172 2.83535 11.1287ZM8.69668 5.31323C8.74097 5.28629 8.79174 5.26537 8.84902 5.25366L8.75723 5.28198C8.73575 5.29093 8.7157 5.30166 8.69668 5.31323Z" fill="currentColor"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/transaction-execute.svg b/apps/mobile/resources/icons/source-svgs/transaction-execute.svg
new file mode 100644
index 000000000..470f9c25e
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/transaction-execute.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.4003 2.42072C21.0005 2.11671 20.3311 2.01965 19.4036 2.01965C17.2293 2.01965 14.9364 2.58736 13.5131 3.76003L13.2935 3.95313L12.8387 4.40977C9.85828 3.8457 7.07617 4.32958 4.6138 5.48036C3.56348 5.97123 2.80227 6.46869 2.37202 6.81979C1.91008 7.19674 1.87349 7.89473 2.29342 8.31882L5.62861 11.6878L4.91052 12.4136L4.81186 12.5222C3.85557 13.6717 4.84566 15.6741 6.66151 17.5074L6.83778 17.6822C8.66382 19.4612 10.6221 20.3693 11.7061 19.2769L12.4256 18.5482L15.7626 21.9181L15.8566 22.0019C16.2798 22.3347 16.9008 22.2719 17.2475 21.8387C17.5953 21.4042 18.088 20.6356 18.5741 19.575C19.6813 17.1597 20.1652 14.44 19.6799 11.5282L19.6336 11.2708L20.0854 10.8148L20.2425 10.6306C21.9358 8.52453 22.5027 3.81193 21.5923 2.61291C21.5372 2.54037 21.4726 2.47572 21.4003 2.42072ZM13.8396 17.1206L17.8456 13.0766C17.9691 15.0991 17.5508 16.9999 16.7591 18.7269L16.6125 19.0354C16.5136 19.2362 16.4127 19.4272 16.307 19.612L13.8396 17.1206ZM19.4036 4.0389C17.6695 4.0389 15.817 4.49558 14.8342 5.27601L14.6786 5.40905L6.46702 13.6976L6.49213 13.791L6.54334 13.9394L6.57714 14.0225L6.63819 14.1572C6.91202 14.7279 7.42477 15.4224 8.07573 16.0796C8.72699 16.7371 9.41474 17.255 9.97972 17.5316C10.0723 17.577 10.1579 17.6139 10.2345 17.6425L10.3424 17.6792L10.435 17.7038L18.6309 9.42919C19.2773 8.71604 19.727 7.45064 19.9137 5.97956C19.978 5.4735 20.0061 4.97223 19.9998 4.53663L19.9918 4.28364L19.976 4.06172L19.748 4.0465L19.5812 4.04084L19.4036 4.0389ZM4.85749 7.61193C5.04647 7.51036 5.24543 7.41026 5.45394 7.31281C7.16445 6.51341 9.0472 6.09103 11.0508 6.2159L7.04361 10.2592L4.57602 7.76806L4.85749 7.61193Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/transaction-incoming.svg b/apps/mobile/resources/icons/source-svgs/transaction-incoming.svg
new file mode 100644
index 000000000..aa66c04fd
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/transaction-incoming.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.52577 8.32198C6.36635 8.3209 7.05263 9.00715 7.05155 9.84769L7.05155 14.7895L17.3964 4.44512C17.9899 3.85167 18.961 3.85167 19.5545 4.44512C20.149 5.03965 20.148 6.00967 19.5545 6.60313L9.20965 16.9475L14.1528 16.9486C14.9923 16.9486 15.6785 17.6349 15.6785 18.4743C15.6785 19.3138 14.9923 20 14.1528 20L5.52578 19.999C5.39845 20.0011 5.28407 19.9558 5.16645 19.9267C5.09416 19.9083 5.01862 19.9105 4.94741 19.8824C4.88374 19.8576 4.83411 19.808 4.77692 19.7724C4.48665 19.6051 4.24602 19.3623 4.11654 19.0516C4.08956 18.9836 4.09172 18.9102 4.07445 18.839C4.04316 18.7193 4 18.6049 4 18.4732L4 9.84769C4 9.00823 4.68628 8.32198 5.52577 8.32198Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/transaction-outgoing.svg b/apps/mobile/resources/icons/source-svgs/transaction-outgoing.svg
new file mode 100644
index 000000000..9f657efa3
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/transaction-outgoing.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.4742 15.829C17.6336 15.8301 16.9474 15.1372 16.9485 14.2886V9.29919L6.60361 19.7432C6.01013 20.3423 5.03899 20.3423 4.44551 19.7432C3.85096 19.1429 3.85204 18.1635 4.44551 17.5644L14.7904 7.12041L9.84723 7.11932C9.00773 7.11932 8.32146 6.42647 8.32146 5.57892C8.32146 4.73138 9.00773 4.03853 9.84723 4.03853L18.4742 4.03962C18.6016 4.03744 18.7159 4.08319 18.8335 4.11261C18.9058 4.13113 18.9814 4.12895 19.0526 4.15727C19.1163 4.18233 19.1659 4.23244 19.2231 4.26839C19.5133 4.43725 19.754 4.68236 19.8835 4.9961C19.9104 5.06473 19.9083 5.13881 19.9255 5.21071C19.9568 5.33163 20 5.44711 20 5.58001V14.2886C20 15.1361 19.3137 15.829 18.4742 15.829Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/transaction-partial-fill.svg b/apps/mobile/resources/icons/source-svgs/transaction-partial-fill.svg
new file mode 100644
index 000000000..83ba765da
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/transaction-partial-fill.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2867_12351)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5117 12.0075C19.5117 7.8695 16.1475 4.50326 12.0117 4.5V1.5C17.6346 1.50316 22.2385 5.94795 22.5 11.5081V11.4716C22.509 11.6491 22.5135 11.8278 22.5135 12.0075C22.5135 12.1872 22.509 12.3658 22.5 12.5434V12.5069C22.2468 17.8913 17.9213 22.2284 12.5417 22.5H12.5419C12.5208 22.5011 12.4996 22.5021 12.4784 22.503C12.3218 22.51 12.1643 22.5135 12.006 22.5135M12.0117 22.5V19.5135C16.1475 19.5102 19.5117 16.144 19.5117 12.0075M12.0117 22.5H12V1.5C6.37713 1.50316 1.77319 5.94795 1.51172 11.5081V11.4716C1.50276 11.6491 1.49822 11.8278 1.49822 12.0075C1.49822 12.1872 1.50276 12.3658 1.51172 12.5434V12.5069C1.76493 17.8913 6.09047 22.2284 11.4701 22.5H11.4698C11.4711 22.5001 11.4724 22.5001 11.4737 22.5002C11.6499 22.509 11.8273 22.5135 12.0057 22.5135" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_2867_12351">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/transaction-recovery.svg b/apps/mobile/resources/icons/source-svgs/transaction-recovery.svg
new file mode 100644
index 000000000..11c80717c
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/transaction-recovery.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2867_12292)">
+<path d="M12.0002 1.00009C10.5011 0.994129 9.017 1.29744 7.6405 1.89105C6.264 2.48467 5.02474 3.35583 4.00018 4.45009V2.50009C4.00182 2.35513 3.97192 2.21155 3.91257 2.0793C3.85321 1.94705 3.76581 1.82928 3.65642 1.73416C3.54703 1.63903 3.41826 1.56883 3.27905 1.52842C3.13984 1.488 2.9935 1.47833 2.85018 1.50009C2.60759 1.54711 2.38937 1.67818 2.23389 1.87024C2.07842 2.06229 1.99566 2.30303 2.00018 2.55009V7.00009C2.00018 7.2653 2.10553 7.51966 2.29307 7.70719C2.48061 7.89473 2.73496 8.00009 3.00018 8.00009H7.50017C7.64513 8.00173 7.78871 7.97183 7.92096 7.91248C8.05322 7.85312 8.17098 7.76572 8.2661 7.65633C8.36123 7.54694 8.43143 7.41818 8.47185 7.27896C8.51226 7.13975 8.52193 6.99341 8.50017 6.85009C8.45315 6.6075 8.32208 6.38928 8.13002 6.2338C7.93797 6.07833 7.69723 5.99557 7.45017 6.00009H5.30018C6.46493 4.70297 7.98133 3.77206 9.66514 3.32044C11.3489 2.86883 13.1277 2.91596 14.7852 3.45612C16.4427 3.99627 17.9077 5.00619 19.0021 6.36316C20.0965 7.72014 20.7733 9.36576 20.9502 11.1001C20.975 11.3476 21.0913 11.577 21.2762 11.7434C21.4611 11.9098 21.7014 12.0013 21.9502 12.0001C22.0904 12.0008 22.2291 11.972 22.3574 11.9156C22.4858 11.8592 22.6008 11.7765 22.6951 11.6728C22.7894 11.569 22.8609 11.4467 22.9048 11.3135C22.9487 11.1804 22.9642 11.0396 22.9502 10.9001C22.6774 8.18593 21.4059 5.66995 19.3824 3.84054C17.359 2.01114 14.728 0.998812 12.0002 1.00009Z" fill="black"/>
+<path d="M21.0019 16H16.5019C16.3569 15.9984 16.2134 16.0283 16.0811 16.0876C15.9488 16.147 15.8311 16.2344 15.736 16.3438C15.6408 16.4532 15.5706 16.5819 15.5302 16.7211C15.4898 16.8604 15.4801 17.0067 15.5019 17.15C15.5489 17.3926 15.68 17.6108 15.872 17.7663C16.0641 17.9218 16.3048 18.0045 16.5519 18H18.7019C17.5371 19.2971 16.0207 20.228 14.3369 20.6797C12.6531 21.1313 10.8744 21.0841 9.21687 20.544C7.55935 20.0038 6.09437 18.9939 4.99995 17.6369C3.90553 16.28 3.22876 14.6343 3.05189 12.9C3.02702 12.6525 2.91077 12.4231 2.72587 12.2567C2.54096 12.0903 2.30066 11.9988 2.05189 12C1.91171 11.9993 1.77295 12.0281 1.64462 12.0845C1.51628 12.1409 1.40123 12.2236 1.30694 12.3273C1.21264 12.4311 1.14121 12.5534 1.09727 12.6866C1.05333 12.8197 1.03787 12.9605 1.05189 13.1C1.26191 15.1995 2.07129 17.1942 3.38353 18.8464C4.69577 20.4986 6.45549 21.7386 8.45288 22.4184C10.4503 23.0983 12.601 23.1893 14.6487 22.6807C16.6965 22.1722 18.5547 21.0854 20.0019 19.55V21.5C20.0002 21.645 20.0301 21.7885 20.0895 21.9208C20.1489 22.0531 20.2363 22.1708 20.3456 22.2659C20.455 22.3611 20.5838 22.4313 20.723 22.4717C20.8622 22.5121 21.0086 22.5218 21.1519 22.5C21.3945 22.453 21.6127 22.3219 21.7682 22.1299C21.9236 21.9378 22.0064 21.6971 22.0019 21.45V17C22.0019 16.7348 21.8965 16.4804 21.709 16.2929C21.5215 16.1054 21.2671 16 21.0019 16Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.3165 10.9128H13.0913V6.68763C13.0913 6.08722 12.6046 5.59993 12.0036 5.59993C11.4032 5.59993 10.9159 6.08722 10.9159 6.68763V10.9128H6.69188C6.09093 10.9128 5.60419 11.4001 5.60419 12.0005C5.60419 12.6009 6.09093 13.0882 6.69188 13.0882H10.9159V17.3128C10.9159 17.9132 11.4032 18.4005 12.0036 18.4005C12.6046 18.4005 13.0913 17.9132 13.0913 17.3128V13.0882H17.3165C17.9169 13.0882 18.4042 12.6009 18.4042 12.0005C18.4042 11.4001 17.9169 10.9128 17.3165 10.9128Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_2867_12292">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/transaction-stake.svg b/apps/mobile/resources/icons/source-svgs/transaction-stake.svg
new file mode 100644
index 000000000..779d71d02
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/transaction-stake.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.9748 3.62217C23.0616 3.13253 23.0615 3.13251 23.0613 3.13248L23.4466 3.18985L23.5093 3.54294C23.5092 3.54276 23.5092 3.5426 22.9748 3.62217Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.64457 3.5433L2.179 3.62252C1.64505 3.54302 1.64461 3.54312 1.64457 3.5433L1.7072 3.19021L2.09257 3.13283C2.09238 3.13286 2.09223 3.13331 2.179 3.62252L2.09257 3.13283L2.09447 3.13256L2.0988 3.13192L2.11359 3.12982L2.16698 3.12261C2.21289 3.1166 2.27913 3.10837 2.36364 3.09899C2.5326 3.08024 2.77495 3.05686 3.07408 3.03758C3.67134 2.99908 4.50006 2.97654 5.4258 3.0411C7.25547 3.16869 9.56859 3.64365 11.173 5.11363C11.7876 5.67678 12.2419 6.33453 12.5763 7.02326C12.9108 6.33448 13.3651 5.67668 13.9798 5.11349C15.5844 3.64335 17.8978 3.16834 19.7276 3.04073C20.6535 2.97617 21.4823 2.99871 22.0796 3.03721C22.3788 3.0565 22.6212 3.07987 22.7902 3.09863C22.8747 3.10801 22.9409 3.11624 22.9868 3.12225L23.0402 3.12946L23.055 3.13157L23.0594 3.1322L23.0613 3.13248L22.9748 3.62217L23.5093 3.54294L23.5096 3.54468L23.5103 3.54865L23.5125 3.5622L23.5204 3.61112C23.527 3.65319 23.536 3.71389 23.5462 3.79133C23.5667 3.94615 23.5922 4.16822 23.6132 4.44232C23.6553 4.98961 23.6799 5.74898 23.6094 6.59726C23.4701 8.27383 22.9517 10.3934 21.3471 11.8635C20.1236 12.9845 18.4902 13.5244 16.987 13.7749C15.7776 13.9764 14.6183 13.9963 13.7548 13.9653V19.8741C13.7548 20.4959 13.2046 21 12.5259 21C11.8472 21 11.297 20.4959 11.297 19.8741V13.9678C10.4244 13.9944 9.273 13.9666 8.07833 13.7592C6.60042 13.5026 5.00638 12.9623 3.8065 11.863C2.2021 10.393 1.68371 8.27365 1.54445 6.59727C1.47399 5.74909 1.49859 4.9898 1.54061 4.44257C1.56166 4.16851 1.58717 3.94647 1.60763 3.79166C1.61787 3.71423 1.62686 3.65353 1.63342 3.61147L1.64129 3.56256L1.64358 3.54901L1.64427 3.54504L1.64457 3.5433ZM19.9142 5.28614C20.3743 5.25405 20.8091 5.24751 21.1934 5.25435C21.2008 5.60644 21.1937 6.0048 21.1587 6.42636C21.0344 7.92179 20.5878 9.37452 19.6092 10.2712C18.6305 11.1679 17.0449 11.5771 15.4127 11.6909C14.9526 11.723 14.5178 11.7295 14.1336 11.7227C14.1261 11.3706 14.1332 10.9722 14.1683 10.5507C14.2925 9.05524 14.7391 7.60251 15.7178 6.70583C16.6964 5.80915 18.282 5.39996 19.9142 5.28614ZM3.99518 6.42637C3.96017 6.00495 3.95302 5.60671 3.96048 5.25472C4.34467 5.24788 4.77932 5.25443 5.23927 5.28651C6.87124 5.40031 8.45655 5.80945 9.43505 6.70597C10.4135 7.60249 10.8601 9.05498 10.9843 10.5502C11.0193 10.9716 11.0265 11.3699 11.019 11.7219C10.6348 11.7287 10.2002 11.7222 9.74021 11.6901C8.10825 11.5763 6.52294 11.1671 5.54444 10.2706C4.56594 9.3741 4.11939 7.92161 3.99518 6.42637Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/transaction-swap.svg b/apps/mobile/resources/icons/source-svgs/transaction-swap.svg
new file mode 100644
index 000000000..79da0a34a
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/transaction-swap.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3617 3.24874C16.0649 2.95978 15.5901 2.96612 15.3012 3.2629C15.0122 3.55967 15.0185 4.0345 15.3153 4.32345L17.1042 6.06522H8.06073C7.04316 6.06522 6.06335 6.45862 5.33787 7.16499C4.61171 7.87203 4.19995 8.8353 4.19995 9.84407V11.3585C4.19995 11.7727 4.53573 12.1085 4.94995 12.1085C5.36416 12.1085 5.69994 11.7727 5.69994 11.3585V9.84407C5.69994 9.24624 5.94367 8.66871 6.38428 8.23971C6.82557 7.81004 7.42825 7.56521 8.06073 7.56521H17.1036L15.3153 9.30645C15.0185 9.5954 15.0122 10.0702 15.3012 10.367C15.5901 10.6638 16.0649 10.6701 16.3617 10.3812L19.4725 7.35231C19.6175 7.21112 19.6993 7.01733 19.6993 6.81495C19.6993 6.61257 19.6175 6.41878 19.4725 6.27759L16.3617 3.24874ZM8.59809 13.864C8.88705 14.1607 8.88071 14.6356 8.58394 14.9245L6.79552 16.6658H15.8377C16.4702 16.6658 17.0729 16.421 17.5142 15.9913C17.9548 15.5623 18.1985 14.9848 18.1985 14.387V12.8725C18.1985 12.4583 18.5343 12.1225 18.9485 12.1225C19.3627 12.1225 19.6985 12.4583 19.6985 12.8725V14.387C19.6985 15.3957 19.2867 16.359 18.5606 17.066C17.8351 17.7724 16.8553 18.1658 15.8377 18.1658H6.79512L8.58394 19.9075C8.88071 20.1965 8.88705 20.6713 8.59809 20.9681C8.30913 21.2648 7.83431 21.2712 7.53753 20.9822L4.42674 17.9534C4.38223 17.91 4.34367 17.8617 4.31161 17.8097C4.24435 17.701 4.20411 17.5738 4.20026 17.4374C4.20005 17.4303 4.19995 17.423 4.19995 17.4158C4.19995 17.1999 4.29124 17.0052 4.43732 16.8684L7.53753 13.8498C7.83431 13.5609 8.30913 13.5672 8.59809 13.864Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/transactions.svg b/apps/mobile/resources/icons/source-svgs/transactions.svg
new file mode 100644
index 000000000..11e0b508f
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/transactions.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.6788 13.4894C22.2506 13.0434 21.5505 13.0434 21.1223 13.4894L18.6014 16.1086V5.14372C18.6014 4.51467 18.106 4 17.5005 4C16.894 4 16.3997 4.51467 16.3997 5.14372V16.1086L13.8777 13.4894C13.4495 13.0445 12.7494 13.0445 12.3212 13.4894C11.8929 13.9344 11.8929 14.6618 12.3212 15.1067L16.7223 19.6781C16.7861 19.7467 16.8676 19.7833 16.9424 19.8302C16.9887 19.8588 17.0261 19.9 17.0767 19.9229C17.1219 19.9435 17.1725 19.9435 17.2198 19.9549C17.4532 20.0201 17.6998 20.0189 17.9244 19.9229C17.9728 19.9011 18.0091 19.8611 18.0543 19.8325C18.1313 19.7856 18.2117 19.7479 18.2788 19.6781L22.6788 15.1067C23.1071 14.6618 23.1071 13.9344 22.6788 13.4894Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6788 10.5106C11.2506 10.9566 10.5505 10.9566 10.1223 10.5106L7.60138 7.89144V18.8563C7.60138 19.4853 7.106 20 6.50055 20C5.894 20 5.39972 19.4853 5.39972 18.8563V7.89144L2.87773 10.5106C2.44951 10.9555 1.74939 10.9555 1.32117 10.5106C0.892945 10.0656 0.892945 9.33824 1.32117 8.89333L5.72227 4.32189C5.78611 4.25326 5.86758 4.21666 5.94243 4.16977C5.98867 4.14118 6.02609 4.1 6.07673 4.07713C6.12187 4.05654 6.1725 4.05654 6.21984 4.04511C6.45321 3.97991 6.6998 3.98106 6.92437 4.07713C6.9728 4.09886 7.00913 4.13889 7.05427 4.16748C7.13132 4.21438 7.21168 4.25212 7.27883 4.32189L11.6788 8.89333C12.1071 9.33824 12.1071 10.0656 11.6788 10.5106Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/twitter-x.svg b/apps/mobile/resources/icons/source-svgs/twitter-x.svg
new file mode 100644
index 000000000..c97808451
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/twitter-x.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.74549 1.7142L6.59918 8.64809L1.71484 14.2856H2.81411L7.09034 9.34988L10.5454 14.2856H14.2863L9.15949 6.96173L13.7058 1.7142H12.6065L8.66833 6.25994L5.48635 1.7142H1.74549ZM3.36205 2.57933H5.08061L12.6695 13.4204H10.9509L3.36205 2.57933Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/unlock.svg b/apps/mobile/resources/icons/source-svgs/unlock.svg
new file mode 100644
index 000000000..08cb95728
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/unlock.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 18.9966C18 19.5486 17.552 19.9966 17 19.9966H7C6.448 19.9966 6 19.5486 6 18.9966V11.9966C6 11.4446 6.448 10.9966 7 10.9966H17C17.552 10.9966 18 11.4446 18 11.9966V18.9966ZM18.004 9.1826V8.0006C18.004 4.6916 15.312 1.9996 12.004 1.9996C9.587 1.9996 7.418 3.4386 6.477 5.6646C6.262 6.1736 6.499 6.7606 7.008 6.9756C7.516 7.1896 8.104 6.9516 8.318 6.4436C8.946 4.9596 10.393 3.9996 12.004 3.9996C14.21 3.9996 16.004 5.7946 16.004 8.0006V8.9966H7C5.346 8.9966 4 10.3426 4 11.9966V18.9966C4 20.6506 5.346 21.9966 7 21.9966H17C18.654 21.9966 20 20.6506 20 18.9966V11.9966C20 10.6956 19.163 9.5976 18.004 9.1826Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 14.4937C13.5 13.6647 12.828 12.9937 12 12.9937C11.172 12.9937 10.5 13.6647 10.5 14.4937C10.5 14.9367 10.696 15.3317 11.002 15.6057V16.9897C11.002 17.5437 11.451 17.9927 12.006 17.9927C12.56 17.9927 13.009 17.5437 13.009 16.9897V15.5977C13.309 15.3227 13.5 14.9317 13.5 14.4937Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/update.svg b/apps/mobile/resources/icons/source-svgs/update.svg
new file mode 100644
index 000000000..a0c1aec25
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/update.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.3002 5.373C20.7722 5.203 20.2112 5.49 20.0392 6.015L19.6432 7.235C18.0292 4.638 15.1782 3 12.0032 3C7.80819 3 4.20619 5.848 3.24319 9.925C3.11619 10.462 3.44919 11.001 3.98819 11.128C4.06519 11.145 4.14219 11.154 4.21819 11.154C4.67119 11.154 5.08119 10.845 5.19119 10.384C5.93919 7.214 8.74019 5 12.0032 5C14.4942 5 16.7132 6.308 17.9622 8.359L16.4122 7.883C15.8832 7.719 15.3242 8.019 15.1622 8.545C15.0002 9.073 15.2972 9.633 15.8242 9.795L19.5112 10.928C19.6092 10.958 19.7082 10.972 19.8052 10.972C20.2272 10.972 20.6182 10.703 20.7562 10.281L21.9422 6.634C22.1122 6.108 21.8242 5.544 21.3002 5.373Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0463 12.5713C19.4973 12.4643 18.9773 12.8183 18.8713 13.3593C18.2293 16.6283 15.3403 19.0003 12.0033 19.0003C9.5203 19.0003 7.2993 17.6933 6.0493 15.6463L7.5783 16.1173C8.1083 16.2823 8.6663 15.9823 8.8283 15.4553C8.9903 14.9263 8.6943 14.3673 8.1663 14.2053L4.4803 13.0713C3.9573 12.9103 3.4043 13.1993 3.2343 13.7183L2.0493 17.3673C1.8783 17.8913 2.1663 18.4563 2.6923 18.6273C2.7943 18.6603 2.8983 18.6753 3.0003 18.6753C3.4223 18.6753 3.8143 18.4073 3.9513 17.9843L4.3533 16.7483C5.9653 19.3543 8.8273 21.0003 12.0033 21.0003C16.2933 21.0003 20.0073 17.9493 20.8343 13.7463C20.9413 13.2043 20.5873 12.6773 20.0463 12.5713Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/upload.svg b/apps/mobile/resources/icons/source-svgs/upload.svg
new file mode 100644
index 000000000..c3f2da5ca
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/upload.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9995 8.4161V20.9991C10.9995 21.5521 11.4475 21.9991 11.9995 21.9991C12.5525 21.9991 12.9995 21.5521 12.9995 20.9991V8.4161L17.1215 12.5371C17.5125 12.9281 18.1455 12.9281 18.5355 12.5371C18.9265 12.1461 18.9265 11.5141 18.5355 11.1231L12.8785 5.4661C12.8495 5.4371 12.8185 5.4101 12.7875 5.3861C12.6035 5.1511 12.3195 5.0021 11.9995 5.0021C11.6805 5.0021 11.3955 5.1511 11.2125 5.3861C11.1815 5.4101 11.1495 5.4371 11.1215 5.4661L5.4645 11.1231C5.0735 11.5141 5.0735 12.1461 5.4645 12.5371C5.8545 12.9281 6.4875 12.9281 6.8785 12.5371L10.9995 8.4161Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.9995 4H2.9995C2.4495 4 1.9995 3.55 1.9995 3C1.9995 2.45 2.4495 2 2.9995 2H20.9995C21.5505 2 21.9995 2.45 21.9995 3C21.9995 3.55 21.5505 4 20.9995 4Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/wallet.svg b/apps/mobile/resources/icons/source-svgs/wallet.svg
new file mode 100644
index 000000000..786d4ce5f
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/wallet.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21 15V17C21 18.1046 20.1046 19 19 19H4C2.89543 19 2 18.1046 2 17V7C2 5.89543 2.89543 5 4 5H19C20.1046 5 21 5.89543 21 7V9C21.5523 9 22 9.44772 22 10V14C22 14.5523 21.5523 15 21 15ZM19 9V7H4V17H19V15H16C15.4477 15 15 14.5523 15 14V10C15 9.44772 15.4477 9 16 9H19ZM17 13V11H20V13H17Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/resources/icons/source-svgs/what-is-new.svg b/apps/mobile/resources/icons/source-svgs/what-is-new.svg
new file mode 100644
index 000000000..0de615a6e
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/what-is-new.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.67901 3.90476C7.2861 3.90476 6.90928 4.05527 6.63144 4.32318C6.35361 4.59109 6.19753 4.95445 6.19753 5.33333C6.19753 5.71221 6.35361 6.07558 6.63144 6.34349C6.90928 6.6114 7.2861 6.7619 7.67901 6.7619H10.7941C10.6735 6.45773 10.5209 6.12325 10.3321 5.7923C9.71093 4.70318 8.85817 3.90476 7.67901 3.90476ZM12 4.76599C11.2493 3.49577 9.89332 2 7.67901 2C6.76221 2 5.88297 2.35119 5.23469 2.97631C4.58642 3.60143 4.22222 4.44928 4.22222 5.33333C4.22222 6.15536 4.53711 6.94609 5.10247 7.55556H2.90909C2.40701 7.55556 2 7.91088 2 8.34921V12.3175C2 12.7558 2.40701 13.1111 2.90909 13.1111H3.11111V21.1667C3.11111 21.6269 3.5533 22 4.09877 22L12 22L19.9012 22C20.4467 22 20.8889 21.6269 20.8889 21.1667V13.1111H21.0909C21.593 13.1111 22 12.7558 22 12.3175V8.34921C22 7.91088 21.593 7.55556 21.0909 7.55556H18.8975C19.4629 6.94609 19.7778 6.15536 19.7778 5.33333C19.7778 4.44928 19.4136 3.60143 18.7653 2.97631C18.117 2.35119 17.2378 2 16.321 2C14.1067 2 12.7507 3.49577 12 4.76599ZM13.1111 20.3333H18.9136V13.1111H13.1111V20.3333ZM10.8889 13.1111V20.3333H5.08642V13.1111H10.8889ZM13.1111 11.5238H20.1818V9.14286H13.1111V11.5238ZM10.8889 9.14286V11.5238H3.81818V9.14286H10.8889ZM16.321 6.7619H13.2059C13.3265 6.45773 13.4791 6.12325 13.6679 5.7923C14.2891 4.70318 15.1418 3.90476 16.321 3.90476C16.7139 3.90476 17.0907 4.05527 17.3686 4.32318C17.6464 4.59109 17.8025 4.95445 17.8025 5.33333C17.8025 5.71221 17.6464 6.07558 17.3686 6.34349C17.0907 6.6114 16.7139 6.7619 16.321 6.7619Z" fill="black"/>
+</svg>
diff --git a/apps/mobile/scripts/generateIconTypes.js b/apps/mobile/scripts/generateIconTypes.js
new file mode 100644
index 000000000..d36bbaccc
--- /dev/null
+++ b/apps/mobile/scripts/generateIconTypes.js
@@ -0,0 +1,26 @@
+/* eslint-disable */
+/**
+ * This script generates the possible names for the SafeFontIcon component
+ */
+
+const fs = require('fs')
+const path = require('path')
+
+const selectionFilePath = path.join(__dirname, '../assets/fonts/safe-icons/selection.json')
+
+// Read the selection.json file
+const selection = JSON.parse(fs.readFileSync(selectionFilePath, 'utf8'))
+
+// Get the icon names
+const iconNames = selection.icons.map((icon) => icon.icon.tags[0]).filter(Boolean)
+
+// Create TypeScript union type
+const typeDef = `export type IconName =\n  ${iconNames.map((name) => `| '${name}'`).join('\n  ')}\n`
+
+// Create an array of icon names
+const arrayDef = `export const iconNames: IconName[] = [\n  ${iconNames.map((name) => `'${name}'`).join(',\n  ')},\n]`
+
+// Write the type definition to a file
+fs.writeFileSync(path.join(__dirname, '../src/types/iconTypes.ts'), `${typeDef}\n${arrayDef}\n`)
+
+console.log('Icon type and Icon names generated')
diff --git a/apps/mobile/scripts/reset-project.js b/apps/mobile/scripts/reset-project.js
new file mode 100755
index 000000000..9b4f780b6
--- /dev/null
+++ b/apps/mobile/scripts/reset-project.js
@@ -0,0 +1,73 @@
+#!/usr/bin/env node
+
+/**
+ * This script is used to reset the project to a blank state.
+ * It moves the /app directory to /app-example and creates a new /app directory with an SafeFontIcon.tsx and _layout.tsx file.
+ * You can remove the `reset-project` script from package.json and safely delete this file after running it.
+ */
+
+const fs = require('fs')
+const path = require('path')
+
+const root = process.cwd()
+const oldDirPath = path.join(root, 'app')
+const newDirPath = path.join(root, 'app-example')
+const newAppDirPath = path.join(root, 'app')
+
+const indexContent = `import { Text, View } from "react-native";
+
+export default function Index() {
+  return (
+    <View
+      style={{
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+      }}
+    >
+      <Text>Edit app/index.tsx to edit this screen.</Text>
+    </View>
+  );
+}
+`
+
+const layoutContent = `import { Stack } from "expo-router";
+
+export default function RootLayout() {
+  return (
+    <Stack>
+      <Stack.Screen name="index" />
+    </Stack>
+  );
+}
+`
+
+fs.rename(oldDirPath, newDirPath, (error) => {
+  if (error) {
+    return console.error(`Error renaming directory: ${error}`)
+  }
+  console.log('/app moved to /app-example.')
+
+  fs.mkdir(newAppDirPath, { recursive: true }, (error) => {
+    if (error) {
+      return console.error(`Error creating new app directory: ${error}`)
+    }
+    console.log('New /app directory created.')
+
+    const indexPath = path.join(newAppDirPath, 'SafeFontIcon.tsx')
+    fs.writeFile(indexPath, indexContent, (error) => {
+      if (error) {
+        return console.error(`Error creating index.tsx: ${error}`)
+      }
+      console.log('app/SafeFontIcon.tsx created.')
+
+      const layoutPath = path.join(newAppDirPath, '_layout.tsx')
+      fs.writeFile(layoutPath, layoutContent, (error) => {
+        if (error) {
+          return console.error(`Error creating _layout.tsx: ${error}`)
+        }
+        console.log('app/_layout.tsx created.')
+      })
+    })
+  })
+})
diff --git a/apps/mobile/src/app/(import-accounts)/_layout.tsx b/apps/mobile/src/app/(import-accounts)/_layout.tsx
new file mode 100644
index 000000000..561840f73
--- /dev/null
+++ b/apps/mobile/src/app/(import-accounts)/_layout.tsx
@@ -0,0 +1,16 @@
+import { Stack } from 'expo-router'
+import { getDefaultScreenOptions } from '@/src/navigation/hooks/utils'
+
+export default function ImportAccountsLayout() {
+  return (
+    <Stack
+      screenOptions={({ navigation }) => ({
+        ...getDefaultScreenOptions(navigation.goBack),
+      })}
+    >
+      <Stack.Screen name="index" options={{ headerShown: false }} />
+      <Stack.Screen name="form" options={{ headerShown: true }} />
+      <Stack.Screen name="signers" options={{ headerShown: true }} />
+    </Stack>
+  )
+}
diff --git a/apps/mobile/src/app/(import-accounts)/form.tsx b/apps/mobile/src/app/(import-accounts)/form.tsx
new file mode 100644
index 000000000..1b5dec18b
--- /dev/null
+++ b/apps/mobile/src/app/(import-accounts)/form.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import { ImportAccountFormContainer } from '@/src/features/ImportReadOnly'
+import { View } from 'tamagui'
+
+function ImportAccountFormScreen() {
+  return (
+    <View style={{ flex: 1 }}>
+      <ImportAccountFormContainer />
+    </View>
+  )
+}
+
+export default ImportAccountFormScreen
diff --git a/apps/mobile/src/app/(import-accounts)/index.tsx b/apps/mobile/src/app/(import-accounts)/index.tsx
new file mode 100644
index 000000000..4f1ea45df
--- /dev/null
+++ b/apps/mobile/src/app/(import-accounts)/index.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+
+import { ScanQrAccountContainer } from '@/src/features/ImportReadOnly'
+function IndexScreen() {
+  return <ScanQrAccountContainer />
+}
+
+export default IndexScreen
diff --git a/apps/mobile/src/app/(import-accounts)/signers.tsx b/apps/mobile/src/app/(import-accounts)/signers.tsx
new file mode 100644
index 000000000..770c52814
--- /dev/null
+++ b/apps/mobile/src/app/(import-accounts)/signers.tsx
@@ -0,0 +1,14 @@
+import React from 'react'
+
+import { AddSignersFormContainer } from '@/src/features/ImportReadOnly/AddSignersForm.container'
+import { View } from 'tamagui'
+
+function ImportSignersFormScreen() {
+  return (
+    <View paddingHorizontal={'$4'} style={{ flex: 1 }} testID={'add-signers-form-screen'}>
+      <AddSignersFormContainer />
+    </View>
+  )
+}
+
+export default ImportSignersFormScreen
diff --git a/apps/mobile/src/app/(tabs)/_layout.tsx b/apps/mobile/src/app/(tabs)/_layout.tsx
new file mode 100644
index 000000000..04bf9dfb0
--- /dev/null
+++ b/apps/mobile/src/app/(tabs)/_layout.tsx
@@ -0,0 +1,114 @@
+import { Tabs } from 'expo-router'
+import React from 'react'
+import { TabBarIcon } from '@/src/components/navigation/TabBarIcon'
+import { Navbar as AssetsNavbar } from '@/src/features/Assets/components/Navbar/Navbar'
+import { Pressable, StyleSheet } from 'react-native'
+import { getTokenValue } from 'tamagui'
+import { useTheme } from '@/src/theme/hooks/useTheme'
+import TransactionHeader from '@/src/features/TxHistory/components/TransactionHeader'
+
+export default function TabLayout() {
+  const { currentTheme } = useTheme()
+
+  let activeTintColor, inactiveTintColor, borderTopColor
+  if (currentTheme === 'light') {
+    activeTintColor = getTokenValue('$color.textPrimaryLight')
+    inactiveTintColor = getTokenValue('$color.borderMainLight')
+    borderTopColor = getTokenValue('$color.borderLightLight')
+  } else {
+    activeTintColor = getTokenValue('$color.textPrimaryDark')
+    inactiveTintColor = getTokenValue('$color.borderMainDark')
+    borderTopColor = getTokenValue('$color.borderLightDark')
+  }
+
+  return (
+    <>
+      <Tabs
+        screenOptions={{
+          tabBarStyle: { ...styles.tabBar, borderTopColor },
+          tabBarLabelStyle: styles.label,
+          tabBarActiveTintColor: activeTintColor,
+          tabBarInactiveTintColor: inactiveTintColor,
+        }}
+      >
+        <Tabs.Screen
+          name="index"
+          options={{
+            header: AssetsNavbar,
+            title: 'Home',
+            tabBarButtonTestID: 'home-tab',
+            tabBarButton: ({ children, ...rest }) => {
+              return (
+                <Pressable {...rest} style={styles.tabButton}>
+                  {children}
+                </Pressable>
+              )
+            },
+            tabBarIcon: ({ color }) => <TabBarIcon name={'home'} color={color} />,
+          }}
+        />
+
+        <Tabs.Screen
+          name="transactions"
+          options={{
+            title: 'Transactions',
+            headerTitle: () => <TransactionHeader />,
+            headerStyle: { shadowColor: 'transparent' },
+            headerLeftContainerStyle: { flexGrow: 0 },
+            tabBarButtonTestID: 'transactions-tab',
+            tabBarLabel: 'Transactions',
+            tabBarButton: ({ children, ...rest }) => {
+              return (
+                <Pressable {...rest} style={styles.tabButton}>
+                  {children}
+                </Pressable>
+              )
+            },
+            tabBarIcon: ({ color }) => <TabBarIcon name={'transactions'} color={color} />,
+          }}
+        />
+
+        <Tabs.Screen
+          name="settings"
+          options={() => {
+            return {
+              title: 'Account',
+              headerShown: false,
+              tabBarButtonTestID: 'account-tab',
+              tabBarButton: ({ children, ...rest }) => {
+                return (
+                  <Pressable {...rest} style={styles.tabButton}>
+                    {children}
+                  </Pressable>
+                )
+              },
+              tabBarIcon: ({ color }) => <TabBarIcon name={'wallet'} color={color} />,
+            }
+          }}
+        />
+      </Tabs>
+    </>
+  )
+}
+
+const styles = StyleSheet.create({
+  tabButton: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 8,
+  },
+  tabBar: {
+    width: '100%',
+    margin: 'auto',
+    height: 64,
+    boxSizing: 'content-box',
+    borderTopWidth: 1,
+  },
+  label: {
+    fontSize: 12,
+    fontWeight: 400,
+    lineHeight: 16,
+    marginTop: 8,
+  },
+})
diff --git a/apps/mobile/src/app/(tabs)/index.tsx b/apps/mobile/src/app/(tabs)/index.tsx
new file mode 100644
index 000000000..d160099bc
--- /dev/null
+++ b/apps/mobile/src/app/(tabs)/index.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { AssetsContainer } from '@/src/features/Assets'
+
+const HomeScreen = () => {
+  return <AssetsContainer />
+}
+
+export default HomeScreen
diff --git a/apps/mobile/src/app/(tabs)/settings.tsx b/apps/mobile/src/app/(tabs)/settings.tsx
new file mode 100644
index 000000000..413651cba
--- /dev/null
+++ b/apps/mobile/src/app/(tabs)/settings.tsx
@@ -0,0 +1,5 @@
+import { SettingsContainer } from '@/src/features/Settings'
+
+export default function SettingsScreen() {
+  return <SettingsContainer />
+}
diff --git a/apps/mobile/src/app/(tabs)/transactions.tsx b/apps/mobile/src/app/(tabs)/transactions.tsx
new file mode 100644
index 000000000..2a2aebfd5
--- /dev/null
+++ b/apps/mobile/src/app/(tabs)/transactions.tsx
@@ -0,0 +1,30 @@
+import { SafeTab } from '@/src/components/SafeTab'
+import React from 'react'
+import { TxHistoryContainer } from '@/src/features/TxHistory'
+import { ComingSoon } from '@/src/components/ComingSoon/ComingSoon'
+import { useNavigation } from 'expo-router'
+import TransactionHeader from '@/src/features/TxHistory/components/TransactionHeader'
+
+const tabItems = [
+  {
+    label: 'History',
+    title: 'Transactions',
+    Component: TxHistoryContainer,
+  },
+  {
+    label: `Messages`,
+    title: 'Messages',
+    Component: ComingSoon,
+  },
+]
+
+export default function TransactionScreen() {
+  const navigation = useNavigation()
+
+  const onIndexChange = (index: number) => {
+    navigation.setOptions({
+      headerTitle: () => <TransactionHeader title={tabItems[index].title} />,
+    })
+  }
+  return <SafeTab items={tabItems} containerStyle={{ marginTop: 16 }} onIndexChange={onIndexChange} />
+}
diff --git a/apps/mobile/src/app/+html.tsx b/apps/mobile/src/app/+html.tsx
new file mode 100644
index 000000000..3665df8e8
--- /dev/null
+++ b/apps/mobile/src/app/+html.tsx
@@ -0,0 +1,39 @@
+import { ScrollViewStyleReset } from 'expo-router/html'
+import { type PropsWithChildren } from 'react'
+
+/**
+ * This file is web-only and used to configure the root HTML for every web page during static rendering.
+ * The contents of this function only run in Node.js environments and do not have access to the DOM or browser APIs.
+ */
+export default function Root({ children }: PropsWithChildren) {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+
+        {/*
+          Disable body scrolling on web. This makes ScrollView components work closer to how they do on native.
+          However, body scrolling is often nice to have for mobile web. If you want to enable it, remove this line.
+        */}
+        <ScrollViewStyleReset />
+
+        {/* Using raw CSS styles as an escape-hatch to ensure the background color never flickers in dark-mode. */}
+        <style dangerouslySetInnerHTML={{ __html: responsiveBackground }} />
+        {/* Add any additional <head> elements that you want globally available on web... */}
+      </head>
+      <body>{children}</body>
+    </html>
+  )
+}
+
+const responsiveBackground = `
+body {
+  background-color: #fff;
+}
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #000;
+  }
+}`
diff --git a/apps/mobile/src/app/+native-intent.tsx b/apps/mobile/src/app/+native-intent.tsx
new file mode 100644
index 000000000..f72e98d91
--- /dev/null
+++ b/apps/mobile/src/app/+native-intent.tsx
@@ -0,0 +1,31 @@
+import { trackEvent } from '@/src/services/analytics'
+import { createProtectedRouteAttemptEvent } from '@/src/services/analytics/events/nativeIntent'
+
+const protectedRoutes: string[] = [
+  'sign-transaction',
+  'import-signers',
+  'import-data',
+  'app-settings',
+  'accounts-sheet',
+  'networks-sheet',
+  'confirmations-sheet',
+  'change-signer-sheet',
+  'notifications-opt-in',
+  'biometrics-opt-in',
+  'confirm-transaction',
+]
+export function redirectSystemPath({ path, initial: _initial }: { path: string; initial: boolean }) {
+  try {
+    const isProtectedRoute = protectedRoutes.some((route) => path.includes(route))
+    if (isProtectedRoute) {
+      console.log('trying to navigate to protected route', path)
+      // Log to Firebase Analytics
+      trackEvent(createProtectedRouteAttemptEvent(path))
+      return '/'
+    }
+    return path
+  } catch {
+    console.error('Error in redirectSystemPath:', path)
+    return '/'
+  }
+}
diff --git a/apps/mobile/src/app/+not-found.tsx b/apps/mobile/src/app/+not-found.tsx
new file mode 100644
index 000000000..f3ff98d10
--- /dev/null
+++ b/apps/mobile/src/app/+not-found.tsx
@@ -0,0 +1,31 @@
+import React from 'react'
+import { Link, Stack } from 'expo-router'
+import { StyleSheet, View } from 'react-native'
+
+import { Text, H1 } from 'tamagui'
+
+export default function NotFoundScreen() {
+  return (
+    <>
+      <Stack.Screen options={{ title: 'Oops!' }} />
+      <View style={styles.container}>
+        <H1>This screen doesn't exist.</H1>
+        <Link href="/" style={styles.link}>
+          <Text>Go to home screen!</Text>
+        </Link>
+      </View>
+    </>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  link: {
+    marginTop: 15,
+    paddingVertical: 15,
+  },
+})
diff --git a/apps/mobile/src/app/_layout.tsx b/apps/mobile/src/app/_layout.tsx
new file mode 100644
index 000000000..4b2c0405c
--- /dev/null
+++ b/apps/mobile/src/app/_layout.tsx
@@ -0,0 +1,236 @@
+import '@/src/platform/fetch'
+import '@/src/platform/crypto-shims'
+import '@/src/platform/intl-polyfills'
+import { Stack } from 'expo-router'
+import 'react-native-reanimated'
+import { SafeThemeProvider } from '@/src/theme/provider/safeTheme'
+import { Provider } from 'react-redux'
+import { persistor, store } from '@/src/store'
+import { PersistGate } from 'redux-persist/integration/react'
+import { isStorybookEnv } from '@/src/config/constants'
+import { apiSliceWithChainsConfig } from '@safe-global/store/gateway/chains'
+import { GestureHandlerRootView } from 'react-native-gesture-handler'
+import { BottomSheetModalProvider } from '@gorhom/bottom-sheet'
+import { PortalProvider } from '@tamagui/portal'
+import { View } from 'tamagui'
+import { NotificationsProvider } from '@/src/context/NotificationsContext'
+import { SafeToastProvider } from '@/src/theme/provider/toastProvider'
+import { configureReanimatedLogger, ReanimatedLogLevel } from 'react-native-reanimated'
+import { OnboardingHeader } from '@/src/features/Onboarding/components/OnboardingHeader'
+import { getDefaultScreenOptions } from '@/src/navigation/hooks/utils'
+import { NavigationGuardHOC } from '@/src/navigation/NavigationGuardHOC'
+import { TestCtrls } from '@/src/tests/e2e-maestro/components/TestCtrls'
+import Logger, { LogLevel } from '@/src/utils/logger'
+import { useInitWeb3 } from '@/src/hooks/useInitWeb3'
+import { useInitSafeCoreSDK } from '@/src/hooks/coreSDK/useInitSafeCoreSDK'
+import NotificationsService from '@/src/services/notifications/NotificationService'
+import { syncNotificationExtensionData } from '@/src/services/notifications/store-sync/sync'
+import { useScreenTracking } from '@/src/hooks/useScreenTracking'
+import { useAnalytics } from '@/src/hooks/useAnalytics'
+import { DataFetchProvider } from '../theme/provider/DataFetchProvider'
+import { config, actions } from '@/src/platform/security'
+import { useFreeRasp } from 'freerasp-react-native'
+import { SafeStatusBar } from '@/src/theme/SafeStatusBar'
+import { GuardProvider } from '@/src/context/GuardProvider'
+import { useNotificationHandler } from '@/src/hooks/useNotificationHandler'
+
+Logger.setLevel(__DEV__ ? LogLevel.TRACE : LogLevel.ERROR)
+// Initialize all notification handlers
+NotificationsService.initializeNotificationHandlers()
+
+configureReanimatedLogger({
+  level: ReanimatedLogLevel.warn,
+  strict: false,
+})
+
+const HooksInitializer = () => {
+  useInitWeb3()
+  useInitSafeCoreSDK()
+  useAnalytics() // Tracks activeSafe changes, but only once analytics is enabled in GetStarted screen
+  useNotificationHandler()
+  return null
+}
+
+persistor.subscribe(() => {
+  const { bootstrapped } = persistor.getState()
+  if (bootstrapped) {
+    // The chain config is persisted in the store, but might be outdated.
+    store.dispatch(apiSliceWithChainsConfig.endpoints.getChainsConfig.initiate(undefined, { forceRefetch: true }))
+
+    // Run initial notification extension sync after store is rehydrated
+    syncNotificationExtensionData(store)
+  }
+})
+
+function RootLayout() {
+  useFreeRasp(config, actions)
+  useScreenTracking()
+
+  return (
+    <GestureHandlerRootView>
+      <Provider store={store}>
+        <DataFetchProvider>
+          <NotificationsProvider>
+            <PortalProvider shouldAddRootHost>
+              <PersistGate loading={null} persistor={persistor}>
+                <SafeThemeProvider>
+                  <BottomSheetModalProvider>
+                    <SafeToastProvider>
+                      <GuardProvider>
+                        <NavigationGuardHOC>
+                          <HooksInitializer />
+                          <TestCtrls />
+                          <Stack
+                            screenOptions={({ navigation }) => ({
+                              ...getDefaultScreenOptions(navigation.goBack),
+                            })}
+                          >
+                            <Stack.Screen
+                              name="onboarding"
+                              options={{
+                                header: OnboardingHeader,
+                              }}
+                            />
+                            <Stack.Screen
+                              name="get-started"
+                              options={{
+                                headerShown: false,
+                                presentation: 'transparentModal',
+                                animation: 'fade',
+                              }}
+                            />
+                            <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
+                            <Stack.Screen
+                              name="(import-accounts)"
+                              options={{ headerShown: false, presentation: 'modal' }}
+                            />
+                            <Stack.Screen name="sign-transaction" options={{ headerShown: false }} />
+                            <Stack.Screen name="pending-transactions" options={{ headerShown: true, title: '' }} />
+                            <Stack.Screen name="notifications-center" options={{ headerShown: true, title: '' }} />
+                            <Stack.Screen name="notifications-settings" options={{ headerShown: true, title: '' }} />
+                            <Stack.Screen
+                              name="transaction-parameters"
+                              options={{ headerShown: true, title: 'Transaction Details' }}
+                            />
+                            <Stack.Screen name="transaction-actions" options={{ headerShown: true, title: '' }} />
+                            <Stack.Screen name="action-details" options={{ headerShown: true, title: '' }} />
+                            <Stack.Screen name="address-book" options={{ headerShown: true, title: '' }} />
+                            <Stack.Screen name="contact" options={{ headerShown: true, title: '' }} />
+                            <Stack.Screen name="signers" options={{ headerShown: false }} />
+                            <Stack.Screen name="import-signers" options={{ headerShown: false }} />
+
+                            <Stack.Screen
+                              name="import-data"
+                              options={{
+                                headerShown: false,
+                              }}
+                            />
+                            <Stack.Screen name="app-settings" options={{ headerShown: true, title: '' }} />
+                            <Stack.Screen
+                              name="conflict-transaction-sheet"
+                              options={{
+                                headerShown: false,
+                                presentation: 'transparentModal',
+                                animation: 'fade',
+                              }}
+                            />
+                            <Stack.Screen
+                              name="accounts-sheet"
+                              options={{
+                                headerShown: false,
+                                presentation: 'transparentModal',
+                                animation: 'fade',
+                              }}
+                            />
+                            <Stack.Screen
+                              name="networks-sheet"
+                              options={{
+                                headerShown: false,
+                                presentation: 'transparentModal',
+                                animation: 'fade',
+                              }}
+                            />
+                            <Stack.Screen
+                              name="confirmations-sheet"
+                              options={{
+                                headerShown: false,
+                                presentation: 'transparentModal',
+                                animation: 'fade',
+                              }}
+                            />
+                            <Stack.Screen
+                              name="change-signer-sheet"
+                              options={{
+                                headerShown: false,
+                                presentation: 'transparentModal',
+                                animation: 'fade',
+                              }}
+                            />
+                            <Stack.Screen
+                              name="notifications-opt-in"
+                              options={{
+                                headerShown: false,
+                                presentation: 'modal',
+                                title: '',
+                              }}
+                            />
+                            <Stack.Screen
+                              name="biometrics-opt-in"
+                              options={{
+                                headerShown: false,
+                                presentation: 'modal',
+                                title: '',
+                              }}
+                            />
+                            <Stack.Screen
+                              name="confirm-transaction"
+                              options={{
+                                title: 'Confirm transaction',
+                                headerRight: () => <View width={16} />,
+                              }}
+                            />
+                            <Stack.Screen
+                              name="review-and-confirm"
+                              options={{
+                                title: 'Review and confirm',
+                                headerRight: () => <View width={16} />,
+                              }}
+                            />
+                            <Stack.Screen
+                              name="currency"
+                              options={{
+                                headerShown: true,
+                                title: 'Currency',
+                              }}
+                            />
+                            <Stack.Screen
+                              name="share"
+                              options={{
+                                headerShown: false,
+                                presentation: 'modal',
+                              }}
+                            />
+                            <Stack.Screen name="+not-found" />
+                          </Stack>
+                          <SafeStatusBar />
+                        </NavigationGuardHOC>
+                      </GuardProvider>
+                    </SafeToastProvider>
+                  </BottomSheetModalProvider>
+                </SafeThemeProvider>
+              </PersistGate>
+            </PortalProvider>
+          </NotificationsProvider>
+        </DataFetchProvider>
+      </Provider>
+    </GestureHandlerRootView>
+  )
+}
+
+let AppEntryPoint = RootLayout
+
+if (isStorybookEnv) {
+  AppEntryPoint = require('../../.storybook').default
+}
+
+export default AppEntryPoint
diff --git a/apps/mobile/src/app/accounts-sheet.tsx b/apps/mobile/src/app/accounts-sheet.tsx
new file mode 100644
index 000000000..d2774a27b
--- /dev/null
+++ b/apps/mobile/src/app/accounts-sheet.tsx
@@ -0,0 +1,7 @@
+import { AccountsSheetContainer } from '@/src/features/AccountsSheet'
+
+export const AccountsSheetScreen = () => {
+  return <AccountsSheetContainer />
+}
+
+export default AccountsSheetScreen
diff --git a/apps/mobile/src/app/action-details.tsx b/apps/mobile/src/app/action-details.tsx
new file mode 100644
index 000000000..4d4dcacdc
--- /dev/null
+++ b/apps/mobile/src/app/action-details.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+
+import { SafeAreaView } from 'react-native-safe-area-context'
+
+import { ActionDetailsContainer } from '@/src/features/ActionDetails'
+
+function ActionDetails() {
+  return (
+    <SafeAreaView edges={['bottom']} style={{ flex: 1 }}>
+      <ActionDetailsContainer />
+    </SafeAreaView>
+  )
+}
+
+export default ActionDetails
diff --git a/apps/mobile/src/app/address-book.tsx b/apps/mobile/src/app/address-book.tsx
new file mode 100644
index 000000000..a107538e0
--- /dev/null
+++ b/apps/mobile/src/app/address-book.tsx
@@ -0,0 +1,6 @@
+import React from 'react'
+import { AddressBookListContainer } from '@/src/features/AddressBook'
+
+export default function AddressBookScreen() {
+  return <AddressBookListContainer />
+}
diff --git a/apps/mobile/src/app/app-settings.tsx b/apps/mobile/src/app/app-settings.tsx
new file mode 100644
index 000000000..9a34c18c1
--- /dev/null
+++ b/apps/mobile/src/app/app-settings.tsx
@@ -0,0 +1,8 @@
+import { AppSettingsContainer } from '@/src/features/Settings/components/AppSettings'
+import React from 'react'
+
+function SignersScreen() {
+  return <AppSettingsContainer />
+}
+
+export default SignersScreen
diff --git a/apps/mobile/src/app/biometrics-opt-in.tsx b/apps/mobile/src/app/biometrics-opt-in.tsx
new file mode 100644
index 000000000..a11caeccb
--- /dev/null
+++ b/apps/mobile/src/app/biometrics-opt-in.tsx
@@ -0,0 +1,106 @@
+import React, { useEffect, useMemo } from 'react'
+import { useColorScheme, Platform } from 'react-native'
+import { OptIn } from '@/src/components/OptIn'
+import { router, useLocalSearchParams } from 'expo-router'
+import { useToastController } from '@tamagui/toast'
+import { useBiometrics } from '@/src/hooks/useBiometrics'
+import Logger from '@/src/utils/logger'
+import { View } from 'tamagui'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+function BiometricsOptIn() {
+  const { toggleBiometrics, getBiometricsUIInfo, isBiometricsEnabled, isLoading } = useBiometrics()
+  const { bottom } = useSafeAreaInsets()
+  const local = useLocalSearchParams<{
+    safeAddress: string
+    chainId: string
+    import_safe: string
+    txId: string
+    signerAddress: string
+    caller: '/import-signers' | '/sign-transaction'
+  }>()
+
+  const redirectTo = useMemo(() => {
+    if (local.caller === '/import-signers') {
+      return {
+        pathname: '/import-signers/private-key' as const,
+        params: {
+          safeAddress: local.safeAddress,
+          chainId: local.chainId,
+          import_safe: local.import_safe,
+        },
+      }
+    }
+    return {
+      pathname: '/sign-transaction' as const,
+      params: {
+        txId: local.txId,
+        signerAddress: local.signerAddress,
+      },
+    }
+  }, [local.caller])
+
+  const colorScheme = useColorScheme()
+  const toast = useToastController()
+
+  useEffect(() => {
+    if (isBiometricsEnabled) {
+      router.dismiss()
+      router.push(redirectTo)
+    }
+  }, [isBiometricsEnabled])
+
+  const handleReject = () => {
+    router.back()
+  }
+
+  const handleAccept = async () => {
+    try {
+      await toggleBiometrics(true)
+    } catch (error) {
+      Logger.error('Error enabling biometrics', error)
+      toast.show('Error enabling biometrics', {
+        native: false,
+        duration: 2000,
+      })
+    }
+  }
+
+  const darkImage =
+    Platform.OS === 'ios'
+      ? require('@/assets/images/biometrics-dark.png')
+      : require('@/assets/images/biometrics-dark-android.png')
+
+  const lightImage =
+    Platform.OS === 'ios'
+      ? require('@/assets/images/biometrics-light.png')
+      : require('@/assets/images/biometrics-light-android.png')
+
+  const image = colorScheme === 'dark' ? darkImage : lightImage
+
+  const infoMessage = 'Biometrics is required to import a signer.'
+
+  return (
+    <View style={{ flex: 1, paddingBottom: bottom }}>
+      <OptIn
+        testID="biometrics-opt-in-screen"
+        title="Simplify access, enhance security"
+        description="Enable biometrics to unlock the app quickly and confirm transactions securely using your device's biometric authentication."
+        image={image}
+        isVisible
+        isLoading={isLoading}
+        colorScheme={colorScheme}
+        infoMessage={infoMessage}
+        ctaButton={{
+          onPress: handleAccept,
+          label: getBiometricsUIInfo().label,
+        }}
+        secondaryButton={{
+          onPress: handleReject,
+          label: 'Maybe later',
+        }}
+      />
+    </View>
+  )
+}
+
+export default BiometricsOptIn
diff --git a/apps/mobile/src/app/change-signer-sheet.tsx b/apps/mobile/src/app/change-signer-sheet.tsx
new file mode 100644
index 000000000..5ff23314d
--- /dev/null
+++ b/apps/mobile/src/app/change-signer-sheet.tsx
@@ -0,0 +1,7 @@
+import { ChangeSignerSheetContainer } from '../features/ChangeSignerSheet'
+
+export const ChangeSignerSheetScreen = () => {
+  return <ChangeSignerSheetContainer />
+}
+
+export default ChangeSignerSheetScreen
diff --git a/apps/mobile/src/app/confirm-transaction.tsx b/apps/mobile/src/app/confirm-transaction.tsx
new file mode 100644
index 000000000..ce1cede00
--- /dev/null
+++ b/apps/mobile/src/app/confirm-transaction.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { ConfirmTxContainer } from '@/src/features/ConfirmTx'
+import { View } from 'tamagui'
+
+function ConfirmTransactionPage() {
+  const insets = useSafeAreaInsets()
+
+  return (
+    <View flex={1} paddingBottom={insets.bottom}>
+      <ConfirmTxContainer />
+    </View>
+  )
+}
+
+export default ConfirmTransactionPage
diff --git a/apps/mobile/src/app/confirmations-sheet.tsx b/apps/mobile/src/app/confirmations-sheet.tsx
new file mode 100644
index 000000000..0b5fa2c12
--- /dev/null
+++ b/apps/mobile/src/app/confirmations-sheet.tsx
@@ -0,0 +1,7 @@
+import { ConfirmationsSheetContainer } from '@/src/features/ConfirmationsSheet'
+
+export const ConfirmationsSheet = () => {
+  return <ConfirmationsSheetContainer />
+}
+
+export default ConfirmationsSheet
diff --git a/apps/mobile/src/app/conflict-transaction-sheet.tsx b/apps/mobile/src/app/conflict-transaction-sheet.tsx
new file mode 100644
index 000000000..2d6319c84
--- /dev/null
+++ b/apps/mobile/src/app/conflict-transaction-sheet.tsx
@@ -0,0 +1,7 @@
+import { ConflictTxSheetContainer } from '../features/ConflictTxSheet'
+
+export const ConflictTxSheet = () => {
+  return <ConflictTxSheetContainer />
+}
+
+export default ConflictTxSheet
diff --git a/apps/mobile/src/app/contact.tsx b/apps/mobile/src/app/contact.tsx
new file mode 100644
index 000000000..be1778c9b
--- /dev/null
+++ b/apps/mobile/src/app/contact.tsx
@@ -0,0 +1,28 @@
+import React from 'react'
+import { Stack, useLocalSearchParams } from 'expo-router'
+import { ContactDetailContainer } from '@/src/features/AddressBook'
+
+function ContactScreen() {
+  const { mode } = useLocalSearchParams<{ mode?: 'view' | 'edit' | 'new' }>()
+
+  const getTitle = () => {
+    switch (mode) {
+      case 'new':
+        return 'New contact'
+      case 'edit':
+        return 'Edit contact'
+      case 'view':
+      default:
+        return 'Contact'
+    }
+  }
+
+  return (
+    <>
+      <Stack.Screen options={{ title: getTitle() }} />
+      <ContactDetailContainer />
+    </>
+  )
+}
+
+export default ContactScreen
diff --git a/apps/mobile/src/app/currency.tsx b/apps/mobile/src/app/currency.tsx
new file mode 100644
index 000000000..d51c98af9
--- /dev/null
+++ b/apps/mobile/src/app/currency.tsx
@@ -0,0 +1,6 @@
+import React from 'react'
+import { CurrencyScreenContainer } from '@/src/features/Settings/components/Currency'
+
+export default function Currency() {
+  return <CurrencyScreenContainer />
+}
diff --git a/apps/mobile/src/app/developer.tsx b/apps/mobile/src/app/developer.tsx
new file mode 100644
index 000000000..fc0936c80
--- /dev/null
+++ b/apps/mobile/src/app/developer.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+import { View } from 'tamagui'
+import { DeveloperContainer } from '@/src/features/Developer'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+
+function DeveloperScreen() {
+  const { bottom } = useSafeAreaInsets()
+  return (
+    <View style={{ flex: 1, paddingBottom: bottom }}>
+      <DeveloperContainer />
+    </View>
+  )
+}
+
+export default DeveloperScreen
diff --git a/apps/mobile/src/app/get-started.tsx b/apps/mobile/src/app/get-started.tsx
new file mode 100644
index 000000000..4fb87a164
--- /dev/null
+++ b/apps/mobile/src/app/get-started.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { GetStarted } from '@/src/features/GetStarted'
+
+function getStartedScreen() {
+  return <GetStarted />
+}
+
+export default getStartedScreen
diff --git a/apps/mobile/src/app/import-data/_layout.tsx b/apps/mobile/src/app/import-data/_layout.tsx
new file mode 100644
index 000000000..7fec9271f
--- /dev/null
+++ b/apps/mobile/src/app/import-data/_layout.tsx
@@ -0,0 +1,72 @@
+import { Stack } from 'expo-router'
+import { getDefaultScreenOptions } from '@/src/navigation/hooks/utils'
+import { Text } from 'tamagui'
+import { DataImportProvider } from '@/src/features/DataImport/context/DataImportProvider'
+
+const titleStep = (step: number) => {
+  return (
+    <Text color={'$colorSecondary'} fontWeight={600}>
+      Step {step} of 3
+    </Text>
+  )
+}
+
+export default function ImportDataLayout() {
+  return (
+    <DataImportProvider>
+      <Stack
+        screenOptions={({ navigation }) => ({
+          ...getDefaultScreenOptions(navigation.goBack),
+        })}
+      >
+        <Stack.Screen name="index" options={{ headerShown: true, title: '' }} />
+        <Stack.Screen
+          name="help-import"
+          options={{
+            headerShown: true,
+            headerTitle: () => titleStep(1),
+          }}
+        />
+        <Stack.Screen
+          name="file-selection"
+          options={{
+            headerShown: true,
+            headerTitle: () => titleStep(2),
+          }}
+        />
+        <Stack.Screen
+          name="enter-password"
+          options={{
+            headerShown: true,
+            headerTitle: () => titleStep(3),
+          }}
+        />
+        <Stack.Screen
+          name="review-data"
+          options={{
+            headerShown: true,
+            headerTitle: () => titleStep(3),
+          }}
+        />
+        <Stack.Screen
+          name="import-error"
+          options={{
+            headerShown: false,
+          }}
+        />
+        <Stack.Screen
+          name="import-progress"
+          options={{
+            headerShown: false,
+          }}
+        />
+        <Stack.Screen
+          name="import-success"
+          options={{
+            headerShown: false,
+          }}
+        />
+      </Stack>
+    </DataImportProvider>
+  )
+}
diff --git a/apps/mobile/src/app/import-data/enter-password.tsx b/apps/mobile/src/app/import-data/enter-password.tsx
new file mode 100644
index 000000000..176933a16
--- /dev/null
+++ b/apps/mobile/src/app/import-data/enter-password.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { EnterPassword } from '@/src/features/DataImport'
+
+const EnterPasswordScreen = () => {
+  return <EnterPassword />
+}
+
+export default EnterPasswordScreen
diff --git a/apps/mobile/src/app/import-data/file-selection.tsx b/apps/mobile/src/app/import-data/file-selection.tsx
new file mode 100644
index 000000000..06097287c
--- /dev/null
+++ b/apps/mobile/src/app/import-data/file-selection.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { FileSelection } from '@/src/features/DataImport'
+
+const FileSelectionScreen = () => {
+  return <FileSelection />
+}
+
+export default FileSelectionScreen
diff --git a/apps/mobile/src/app/import-data/help-import.tsx b/apps/mobile/src/app/import-data/help-import.tsx
new file mode 100644
index 000000000..af4726efb
--- /dev/null
+++ b/apps/mobile/src/app/import-data/help-import.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { HelpImport } from '@/src/features/DataImport'
+
+const HelpImportScreen = () => {
+  return <HelpImport />
+}
+
+export default HelpImportScreen
diff --git a/apps/mobile/src/app/import-data/import-error.tsx b/apps/mobile/src/app/import-data/import-error.tsx
new file mode 100644
index 000000000..11a4d481f
--- /dev/null
+++ b/apps/mobile/src/app/import-data/import-error.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import ImportError from '@/src/features/DataImport/ImportError.container'
+
+const ImportErrorScreen = () => {
+  return <ImportError />
+}
+
+export default ImportErrorScreen
diff --git a/apps/mobile/src/app/import-data/import-progress.tsx b/apps/mobile/src/app/import-data/import-progress.tsx
new file mode 100644
index 000000000..349734c19
--- /dev/null
+++ b/apps/mobile/src/app/import-data/import-progress.tsx
@@ -0,0 +1,6 @@
+import React from 'react'
+import { ImportProgressScreen } from '@/src/features/DataImport/ImportProgressScreen.container'
+
+export default function ImportProgress() {
+  return <ImportProgressScreen />
+}
diff --git a/apps/mobile/src/app/import-data/import-success.tsx b/apps/mobile/src/app/import-data/import-success.tsx
new file mode 100644
index 000000000..238534ed5
--- /dev/null
+++ b/apps/mobile/src/app/import-data/import-success.tsx
@@ -0,0 +1,6 @@
+import React from 'react'
+import { ImportSuccessScreen } from '@/src/features/DataImport/ImportSuccessScreen.container'
+
+export default function ImportSuccess() {
+  return <ImportSuccessScreen />
+}
diff --git a/apps/mobile/src/app/import-data/index.tsx b/apps/mobile/src/app/import-data/index.tsx
new file mode 100644
index 000000000..63cabe7a9
--- /dev/null
+++ b/apps/mobile/src/app/import-data/index.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { DataTransfer } from '@/src/features/DataImport'
+
+const DataTransferScreen = () => {
+  return <DataTransfer />
+}
+
+export default DataTransferScreen
diff --git a/apps/mobile/src/app/import-data/review-data.tsx b/apps/mobile/src/app/import-data/review-data.tsx
new file mode 100644
index 000000000..2f7e017d5
--- /dev/null
+++ b/apps/mobile/src/app/import-data/review-data.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { ReviewData } from '@/src/features/DataImport/ReviewData.container'
+
+const ReviewDataScreen = () => {
+  return <ReviewData />
+}
+
+export default ReviewDataScreen
diff --git a/apps/mobile/src/app/import-signers/__tests__/_layout.test.tsx b/apps/mobile/src/app/import-signers/__tests__/_layout.test.tsx
new file mode 100644
index 000000000..207eb22a0
--- /dev/null
+++ b/apps/mobile/src/app/import-signers/__tests__/_layout.test.tsx
@@ -0,0 +1,65 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+
+jest.mock('@/src/hooks/useScreenProtection', () => ({
+  useScreenProtection: jest.fn(),
+}))
+
+const mockUseScreenProtection = jest.requireMock('@/src/hooks/useScreenProtection').useScreenProtection
+
+jest.mock('expo-router', () => {
+  const React = require('react')
+  return {
+    __esModule: true,
+    // Provide a simple Stack stub that just renders children
+    Stack: Object.assign(({ children }: { children: React.ReactNode }) => <>{children}</>, {
+      Screen: ({ children }: { children: React.ReactNode }) => <>{children}</>,
+    }),
+  }
+})
+
+jest.mock('@/src/features/ImportPrivateKey', () => {
+  const { View } = require('react-native')
+  return {
+    ImportPrivateKey: () => <View testID="import-private-key" />,
+  }
+})
+
+jest.mock('react-native-safe-area-context', () => ({
+  useSafeAreaInsets: () => ({ bottom: 0 }),
+}))
+
+import ImportSignersLayout from '@/src/app/import-signers/_layout'
+
+describe('ImportSignersLayout - Screen Protection', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should use the useScreenProtection hook', () => {
+    render(<ImportSignersLayout />)
+
+    expect(mockUseScreenProtection).toHaveBeenCalledTimes(1)
+    expect(mockUseScreenProtection).toHaveBeenCalledWith()
+  })
+
+  it('should render the layout with Stack navigation', () => {
+    const { queryByTestId } = render(<ImportSignersLayout />)
+
+    // Verify the component renders without crashing
+    expect(queryByTestId).toBeTruthy()
+    expect(mockUseScreenProtection).toHaveBeenCalledTimes(1)
+  })
+
+  it('should call useScreenProtection only once per render', () => {
+    const { rerender } = render(<ImportSignersLayout />)
+
+    expect(mockUseScreenProtection).toHaveBeenCalledTimes(1)
+
+    // Rerender the component
+    rerender(<ImportSignersLayout />)
+
+    // Should be called again on rerender
+    expect(mockUseScreenProtection).toHaveBeenCalledTimes(2)
+  })
+})
diff --git a/apps/mobile/src/app/import-signers/_layout.tsx b/apps/mobile/src/app/import-signers/_layout.tsx
new file mode 100644
index 000000000..8cf159e2c
--- /dev/null
+++ b/apps/mobile/src/app/import-signers/_layout.tsx
@@ -0,0 +1,39 @@
+import { Stack } from 'expo-router'
+import { getDefaultScreenOptions } from '@/src/navigation/hooks/utils'
+import { useScreenProtection } from '@/src/hooks/useScreenProtection'
+
+export default function ImportSignersLayout() {
+  useScreenProtection()
+
+  return (
+    <Stack
+      screenOptions={({ navigation }) => ({
+        ...getDefaultScreenOptions(navigation.goBack),
+      })}
+    >
+      <Stack.Screen name="index" options={{ headerShown: true, title: '' }} />
+      <Stack.Screen name="private-key" options={{ headerShown: true, title: '' }} />
+      <Stack.Screen
+        name="loading"
+        options={{
+          presentation: 'modal',
+          headerShown: false,
+        }}
+      />
+      <Stack.Screen
+        name="private-key-error"
+        options={{
+          presentation: 'modal',
+          headerShown: false,
+        }}
+      />
+      <Stack.Screen
+        name="private-key-success"
+        options={{
+          presentation: 'modal',
+          headerShown: false,
+        }}
+      />
+    </Stack>
+  )
+}
diff --git a/apps/mobile/src/app/import-signers/index.tsx b/apps/mobile/src/app/import-signers/index.tsx
new file mode 100644
index 000000000..881bbb132
--- /dev/null
+++ b/apps/mobile/src/app/import-signers/index.tsx
@@ -0,0 +1,102 @@
+import { SectionTitle } from '@/src/components/Title'
+import React, { useMemo } from 'react'
+import { ScrollView } from 'react-native-gesture-handler'
+import Seed from '@/assets/images/seed.png'
+import Wallet from '@/assets/images/wallet.png'
+import Metamask from '@/assets/images/metamask.png'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { useScrollableHeader } from '@/src/navigation/useScrollableHeader'
+import { NavBarTitle } from '@/src/components/Title'
+import { SafeCard } from '@/src/components/SafeCard'
+import { router, useLocalSearchParams } from 'expo-router'
+import { Tag } from '@/src/components/Tag'
+import { useBiometrics } from '@/src/hooks/useBiometrics'
+import { View } from 'tamagui'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+const items = [
+  {
+    name: 'seed',
+    title: 'Import private key',
+    description: 'Enter a private key.',
+    icon: <SafeFontIcon name="wallet" size={16} />,
+    Image: Seed,
+    imageProps: { marginBottom: -31 },
+    onPress: () => router.push(`/import-signers/private-key`),
+  },
+  {
+    name: 'connectSigner',
+    title: 'Connect signer',
+    description: 'Connect any signer via one of your installed wallet apps.',
+    icon: <SafeFontIcon name="add-owner" size={16} />,
+    tag: <Tag>Coming soon</Tag>,
+    Image: Metamask,
+    imageProps: { marginBottom: -48 },
+  },
+  {
+    name: 'hardwareSigner',
+    title: 'Import hardware signer',
+    tag: <Tag>Coming soon</Tag>,
+    description: 'Use your Ledger or Keystone device.',
+    icon: <SafeFontIcon name="hardware" size={16} />,
+    Image: Wallet,
+  },
+]
+
+const title = 'Import a signer'
+
+function ImportSignersPage() {
+  const { bottom } = useSafeAreaInsets()
+  const { isBiometricsEnabled } = useBiometrics()
+  const local = useLocalSearchParams<{ safeAddress: string; chainId: string; import_safe: string }>()
+  const { handleScroll } = useScrollableHeader({
+    children: <NavBarTitle paddingRight={5}>{title}</NavBarTitle>,
+  })
+
+  const memoizedItems = useMemo(() => {
+    return items.map((item) => {
+      const newItem = { ...item }
+
+      if (!isBiometricsEnabled && item.name === 'seed') {
+        newItem.onPress = () =>
+          router.push({
+            pathname: '/biometrics-opt-in',
+            params: {
+              safeAddress: local.safeAddress,
+              chainId: local.chainId,
+              import_safe: local.import_safe,
+              caller: '/import-signers',
+            },
+          })
+      }
+
+      return newItem
+    })
+  }, [isBiometricsEnabled, local.safeAddress, local.chainId, local.import_safe])
+
+  return (
+    <View style={{ flex: 1 }} paddingBottom={bottom}>
+      <ScrollView onScroll={handleScroll}>
+        <SectionTitle
+          title={title}
+          description="Select how you'd like to import your signer. Ensure it belongs to this Safe account so you can interact with it seamlessly."
+        />
+
+        {memoizedItems.map((item, index) => (
+          <SafeCard
+            testID={item.name}
+            onPress={item.onPress}
+            key={`${item.name}-${index}`}
+            title={item.title}
+            description={item.description}
+            tag={item.tag}
+            icon={item.icon}
+            image={item.Image}
+            imageProps={item.imageProps}
+          />
+        ))}
+      </ScrollView>
+    </View>
+  )
+}
+
+export default ImportSignersPage
diff --git a/apps/mobile/src/app/import-signers/loading.tsx b/apps/mobile/src/app/import-signers/loading.tsx
new file mode 100644
index 000000000..3c3fa8ad6
--- /dev/null
+++ b/apps/mobile/src/app/import-signers/loading.tsx
@@ -0,0 +1,8 @@
+import { LoadingImport } from '@/src/features/ImportPrivateKey/components/LoadingImport'
+import React from 'react'
+
+function LoadingImportPage() {
+  return <LoadingImport />
+}
+
+export default LoadingImportPage
diff --git a/apps/mobile/src/app/import-signers/private-key-error.tsx b/apps/mobile/src/app/import-signers/private-key-error.tsx
new file mode 100644
index 000000000..84c5af20e
--- /dev/null
+++ b/apps/mobile/src/app/import-signers/private-key-error.tsx
@@ -0,0 +1,28 @@
+import { StyleSheet } from 'react-native'
+import { LinearGradient } from 'expo-linear-gradient'
+import { ImportError } from '@/src/features/ImportPrivateKey/components/ImportError'
+import React from 'react'
+import { useTheme, View } from 'tamagui'
+
+export default function App() {
+  const theme = useTheme()
+  const colors: [string, string] = [theme.errorDark.get(), 'transparent']
+
+  return (
+    <View style={{ flex: 1 }}>
+      <LinearGradient colors={colors} style={styles.background} />
+
+      <ImportError />
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  background: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    height: 300,
+  },
+})
diff --git a/apps/mobile/src/app/import-signers/private-key-success.tsx b/apps/mobile/src/app/import-signers/private-key-success.tsx
new file mode 100644
index 000000000..a21e55247
--- /dev/null
+++ b/apps/mobile/src/app/import-signers/private-key-success.tsx
@@ -0,0 +1,29 @@
+import { StyleSheet } from 'react-native'
+import { LinearGradient } from 'expo-linear-gradient'
+import { ImportSuccess } from '@/src/features/ImportPrivateKey/components/ImportSuccess'
+import React from 'react'
+import { useTheme, View } from 'tamagui'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+
+export default function ImportPrivateKeySuccess() {
+  const theme = useTheme()
+  const colors: [string, string] = [theme.success.get(), 'transparent']
+  const { bottom } = useSafeAreaInsets()
+  return (
+    <View style={{ flex: 1 }} paddingBottom={bottom}>
+      <LinearGradient colors={colors} style={styles.background} />
+
+      <ImportSuccess />
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  background: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    height: 300,
+  },
+})
diff --git a/apps/mobile/src/app/import-signers/private-key.tsx b/apps/mobile/src/app/import-signers/private-key.tsx
new file mode 100644
index 000000000..079b8283c
--- /dev/null
+++ b/apps/mobile/src/app/import-signers/private-key.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { ImportPrivateKey } from '@/src/features/ImportPrivateKey'
+import { View } from 'tamagui'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+
+function PrivateKeyImport() {
+  const insets = useSafeAreaInsets()
+
+  return (
+    <View paddingHorizontal={'$4'} flex={1} paddingBottom={insets.bottom}>
+      <ImportPrivateKey />
+    </View>
+  )
+}
+
+export default PrivateKeyImport
diff --git a/apps/mobile/src/app/index.tsx b/apps/mobile/src/app/index.tsx
new file mode 100644
index 000000000..2c667dff0
--- /dev/null
+++ b/apps/mobile/src/app/index.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import { View } from 'tamagui'
+import { ActivityIndicator } from 'react-native'
+
+/**
+ * This is a dummy screen. Expo automatically renders it when it constructs the app.
+ * If we don't have an index file it will pick whatever it sees fit. This is a placeholder.
+ *
+ * The actual navigation to either onboarding flow or a safe happens inside the NavigationGuardHOC
+ *
+ * @constructor
+ */
+function IndexScreen() {
+  return (
+    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+      <ActivityIndicator />
+    </View>
+  )
+}
+
+export default IndexScreen
diff --git a/apps/mobile/src/app/networks-sheet.tsx b/apps/mobile/src/app/networks-sheet.tsx
new file mode 100644
index 000000000..8ba129b15
--- /dev/null
+++ b/apps/mobile/src/app/networks-sheet.tsx
@@ -0,0 +1,7 @@
+import { NetworksSheetContainer } from '@/src/features/NetworksSheet'
+
+export const NetworksSheetScreen = () => {
+  return <NetworksSheetContainer />
+}
+
+export default NetworksSheetScreen
diff --git a/apps/mobile/src/app/notifications-center.tsx b/apps/mobile/src/app/notifications-center.tsx
new file mode 100644
index 000000000..9019c11a3
--- /dev/null
+++ b/apps/mobile/src/app/notifications-center.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { NotificationsCenterContainer } from '@/src/features/Notifications'
+
+function NotificationsCenterScreen() {
+  return <NotificationsCenterContainer />
+}
+
+export default NotificationsCenterScreen
diff --git a/apps/mobile/src/app/notifications-opt-in.tsx b/apps/mobile/src/app/notifications-opt-in.tsx
new file mode 100644
index 000000000..391cad142
--- /dev/null
+++ b/apps/mobile/src/app/notifications-opt-in.tsx
@@ -0,0 +1,57 @@
+import React, { useEffect } from 'react'
+import { useColorScheme } from 'react-native'
+import { OptIn } from '@/src/components/OptIn'
+import { router } from 'expo-router'
+import { useNotificationManager } from '@/src/hooks/useNotificationManager'
+import { useAppDispatch } from '../store/hooks'
+import { updatePromptAttempts } from '@/src/store/notificationsSlice'
+
+import { View } from 'tamagui'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+function NotificationsOptIn() {
+  const { bottom } = useSafeAreaInsets()
+  const dispatch = useAppDispatch()
+  const { isAppNotificationEnabled, enableNotification, isLoading } = useNotificationManager()
+
+  const colorScheme = useColorScheme()
+
+  useEffect(() => {
+    if (isAppNotificationEnabled) {
+      router.replace('/(tabs)')
+    }
+  }, [isAppNotificationEnabled])
+
+  const handleReject = () => {
+    dispatch(updatePromptAttempts(1))
+    router.back()
+  }
+
+  const image =
+    colorScheme === 'dark'
+      ? require('@/assets/images/notifications-dark.png')
+      : require('@/assets/images/notifications-light.png')
+
+  return (
+    <View style={{ flex: 1, paddingBottom: bottom }}>
+      <OptIn
+        testID="notifications-opt-in-screen"
+        title="Stay in the loop with account activity"
+        description="Get notified when you receive assets, and when transactions require your action."
+        image={image}
+        isVisible
+        colorScheme={colorScheme}
+        isLoading={isLoading}
+        ctaButton={{
+          onPress: enableNotification,
+          label: 'Enable notifications',
+        }}
+        secondaryButton={{
+          onPress: handleReject,
+          label: 'Maybe later',
+        }}
+      />
+    </View>
+  )
+}
+
+export default NotificationsOptIn
diff --git a/apps/mobile/src/app/notifications-settings.tsx b/apps/mobile/src/app/notifications-settings.tsx
new file mode 100644
index 000000000..503f5c6cf
--- /dev/null
+++ b/apps/mobile/src/app/notifications-settings.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { NotificationsSettingsContainer } from '@/src/features/Notifications'
+
+function NotificationsSettingsScreen() {
+  return <NotificationsSettingsContainer />
+}
+
+export default NotificationsSettingsScreen
diff --git a/apps/mobile/src/app/onboarding.tsx b/apps/mobile/src/app/onboarding.tsx
new file mode 100644
index 000000000..5d869fe8b
--- /dev/null
+++ b/apps/mobile/src/app/onboarding.tsx
@@ -0,0 +1,8 @@
+import { Onboarding } from '@/src/features/Onboarding'
+import React from 'react'
+
+function OnboardingPage() {
+  return <Onboarding />
+}
+
+export default OnboardingPage
diff --git a/apps/mobile/src/app/pending-transactions.tsx b/apps/mobile/src/app/pending-transactions.tsx
new file mode 100644
index 000000000..d086badcc
--- /dev/null
+++ b/apps/mobile/src/app/pending-transactions.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+import { PendingTxContainer } from '@/src/features/PendingTx'
+
+function PendingScreen() {
+  return <PendingTxContainer />
+}
+
+export default PendingScreen
diff --git a/apps/mobile/src/app/review-and-confirm.tsx b/apps/mobile/src/app/review-and-confirm.tsx
new file mode 100644
index 000000000..40e2b5645
--- /dev/null
+++ b/apps/mobile/src/app/review-and-confirm.tsx
@@ -0,0 +1,6 @@
+import React from 'react'
+import { ReviewAndConfirmContainer } from '@/src/features/ConfirmTx/components/ReviewAndConfirm/ReviewAndConfirmContainer'
+
+export default function ReviewAndConfirmScreen() {
+  return <ReviewAndConfirmContainer />
+}
diff --git a/apps/mobile/src/app/share.tsx b/apps/mobile/src/app/share.tsx
new file mode 100644
index 000000000..72f95f54f
--- /dev/null
+++ b/apps/mobile/src/app/share.tsx
@@ -0,0 +1,14 @@
+import React from 'react'
+import { ShareContainer } from '@/src/features/Share'
+import { View } from 'tamagui'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+function ShareScreen() {
+  const { bottom } = useSafeAreaInsets()
+  return (
+    <View style={{ flex: 1 }} paddingHorizontal={'$4'} paddingBottom={bottom}>
+      <ShareContainer />
+    </View>
+  )
+}
+
+export default ShareScreen
diff --git a/apps/mobile/src/app/sign-transaction/_layout.tsx b/apps/mobile/src/app/sign-transaction/_layout.tsx
new file mode 100644
index 000000000..b278657c3
--- /dev/null
+++ b/apps/mobile/src/app/sign-transaction/_layout.tsx
@@ -0,0 +1,9 @@
+import { Stack } from 'expo-router'
+
+export default function SignTransactionLayout() {
+  return (
+    <Stack>
+      <Stack.Screen name="index" options={{ headerShown: false }} />
+    </Stack>
+  )
+}
diff --git a/apps/mobile/src/app/sign-transaction/index.tsx b/apps/mobile/src/app/sign-transaction/index.tsx
new file mode 100644
index 000000000..832044cd8
--- /dev/null
+++ b/apps/mobile/src/app/sign-transaction/index.tsx
@@ -0,0 +1,8 @@
+import { SignTransaction } from '@/src/features/ConfirmTx/components/SignTransaction'
+import React from 'react'
+
+function SignTransactionPage() {
+  return <SignTransaction />
+}
+
+export default SignTransactionPage
diff --git a/apps/mobile/src/app/signers/[address].tsx b/apps/mobile/src/app/signers/[address].tsx
new file mode 100644
index 000000000..94b73f6e4
--- /dev/null
+++ b/apps/mobile/src/app/signers/[address].tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import { View } from 'tamagui'
+import { SignerContainer } from '@/src/features/Signer'
+
+function SignerDetailsPage() {
+  return (
+    <View paddingHorizontal={'$4'} paddingVertical={'$4'} flex={1}>
+      <SignerContainer />
+    </View>
+  )
+}
+
+export default SignerDetailsPage
diff --git a/apps/mobile/src/app/signers/[address]/private-key.tsx b/apps/mobile/src/app/signers/[address]/private-key.tsx
new file mode 100644
index 000000000..8a9b7b1ab
--- /dev/null
+++ b/apps/mobile/src/app/signers/[address]/private-key.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { useLocalSearchParams } from 'expo-router'
+import { PrivateKeyContainer } from '@/src/features/PrivateKey/PrivateKey.container'
+import { type Address } from '@/src/types/address'
+import { useScreenProtection } from '@/src/hooks/useScreenProtection'
+
+export default function PrivateKeyScreen() {
+  useScreenProtection()
+  const { address } = useLocalSearchParams<{ address: string }>()
+
+  if (!address) {
+    throw new Error('Signer address is required')
+  }
+
+  return <PrivateKeyContainer signerAddress={address as Address} />
+}
diff --git a/apps/mobile/src/app/signers/_layout.tsx b/apps/mobile/src/app/signers/_layout.tsx
new file mode 100644
index 000000000..a8047833c
--- /dev/null
+++ b/apps/mobile/src/app/signers/_layout.tsx
@@ -0,0 +1,29 @@
+import { Stack } from 'expo-router'
+import { getDefaultScreenOptions } from '@/src/navigation/hooks/utils'
+import { SignerHeader } from '@/src/features/Signer/components/SignerHeader'
+
+export default function SignersLayout() {
+  return (
+    <Stack
+      screenOptions={({ navigation }) => ({
+        ...getDefaultScreenOptions(navigation.goBack),
+      })}
+    >
+      <Stack.Screen name="index" options={{ headerShown: true, title: 'Signers' }} />
+      <Stack.Screen
+        name="[address]"
+        options={{
+          headerShown: true,
+          headerTitle: SignerHeader,
+        }}
+      />
+      <Stack.Screen
+        name="[address]/private-key"
+        options={{
+          headerShown: true,
+          headerTitle: 'Private Key',
+        }}
+      />
+    </Stack>
+  )
+}
diff --git a/apps/mobile/src/app/signers/index.tsx b/apps/mobile/src/app/signers/index.tsx
new file mode 100644
index 000000000..51b51aafa
--- /dev/null
+++ b/apps/mobile/src/app/signers/index.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { SignersContainer } from '@/src/features/Signers'
+import { getTokenValue, View } from 'tamagui'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+
+function SignersScreen() {
+  const { bottom } = useSafeAreaInsets()
+
+  return (
+    <View style={{ flex: 1, paddingBottom: bottom + getTokenValue('$4'), paddingHorizontal: getTokenValue('$4') }}>
+      <SignersContainer />
+    </View>
+  )
+}
+
+export default SignersScreen
diff --git a/apps/mobile/src/app/transaction-actions.tsx b/apps/mobile/src/app/transaction-actions.tsx
new file mode 100644
index 000000000..9a989caba
--- /dev/null
+++ b/apps/mobile/src/app/transaction-actions.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+
+import { SafeAreaView } from 'react-native-safe-area-context'
+
+import { TransactionActionsContainer } from '@/src/features/TransactionActions'
+
+function TransactionActions() {
+  return (
+    <SafeAreaView edges={['bottom']} style={{ flex: 1 }}>
+      <TransactionActionsContainer />
+    </SafeAreaView>
+  )
+}
+
+export default TransactionActions
diff --git a/apps/mobile/src/app/transaction-checks.tsx b/apps/mobile/src/app/transaction-checks.tsx
new file mode 100644
index 000000000..25672b8bf
--- /dev/null
+++ b/apps/mobile/src/app/transaction-checks.tsx
@@ -0,0 +1,7 @@
+import { TransactionChecksContainer } from '@/src/features/TransactionChecks'
+
+export const TransactionChecksPage = () => {
+  return <TransactionChecksContainer />
+}
+
+export default TransactionChecksPage
diff --git a/apps/mobile/src/app/transaction-parameters/(tabs)/_layout.tsx b/apps/mobile/src/app/transaction-parameters/(tabs)/_layout.tsx
new file mode 100644
index 000000000..38d7da2a1
--- /dev/null
+++ b/apps/mobile/src/app/transaction-parameters/(tabs)/_layout.tsx
@@ -0,0 +1,19 @@
+import React from 'react'
+import TransactionParameters from '@/src/app/transaction-parameters/(tabs)/parameters'
+import TransactionData from '@/src/app/transaction-parameters/(tabs)/index'
+import { SafeTab } from '@/src/components/SafeTab'
+
+const tabItems = [
+  {
+    label: 'Data',
+    Component: TransactionData,
+  },
+  {
+    label: `Parameters`,
+    Component: TransactionParameters,
+  },
+]
+
+export default function TransactionsLayout() {
+  return <SafeTab items={tabItems} containerStyle={{ marginTop: 16 }} />
+}
diff --git a/apps/mobile/src/app/transaction-parameters/(tabs)/index.tsx b/apps/mobile/src/app/transaction-parameters/(tabs)/index.tsx
new file mode 100644
index 000000000..d5fabb28d
--- /dev/null
+++ b/apps/mobile/src/app/transaction-parameters/(tabs)/index.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+
+import { SafeAreaView } from 'react-native-safe-area-context'
+
+import { TxDataContainer } from '@/src/features/AdvancedDetails'
+
+function TransactionData() {
+  return (
+    <SafeAreaView edges={['bottom']} style={{ flex: 1, paddingHorizontal: 16, marginTop: 40 }}>
+      <TxDataContainer />
+    </SafeAreaView>
+  )
+}
+
+export default TransactionData
diff --git a/apps/mobile/src/app/transaction-parameters/(tabs)/parameters.tsx b/apps/mobile/src/app/transaction-parameters/(tabs)/parameters.tsx
new file mode 100644
index 000000000..fd93c9cd8
--- /dev/null
+++ b/apps/mobile/src/app/transaction-parameters/(tabs)/parameters.tsx
@@ -0,0 +1,17 @@
+import React from 'react'
+import { View } from 'tamagui'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+
+import { TxParametersContainer } from '@/src/features/AdvancedDetails'
+
+function TransactionParameters() {
+  const insets = useSafeAreaInsets()
+
+  return (
+    <View flex={1} paddingBottom={insets.bottom} paddingHorizontal={16} marginTop={40}>
+      <TxParametersContainer />
+    </View>
+  )
+}
+
+export default TransactionParameters
diff --git a/apps/mobile/src/app/transaction-parameters/_layout.tsx b/apps/mobile/src/app/transaction-parameters/_layout.tsx
new file mode 100644
index 000000000..345a07567
--- /dev/null
+++ b/apps/mobile/src/app/transaction-parameters/_layout.tsx
@@ -0,0 +1,20 @@
+import { Stack } from 'expo-router'
+import React from 'react'
+
+export default function TransactionsParametersLayout() {
+  return (
+    <Stack
+      screenOptions={{
+        headerLargeTitle: false,
+        headerShadowVisible: false,
+      }}
+    >
+      <Stack.Screen
+        name="(tabs)"
+        options={() => ({
+          headerShown: false,
+        })}
+      />
+    </Stack>
+  )
+}
diff --git a/apps/mobile/src/components/Alert/Alert.stories.tsx b/apps/mobile/src/components/Alert/Alert.stories.tsx
new file mode 100644
index 000000000..1a7a5ad51
--- /dev/null
+++ b/apps/mobile/src/components/Alert/Alert.stories.tsx
@@ -0,0 +1,41 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { Alert } from '@/src/components/Alert'
+
+const meta: Meta<typeof Alert> = {
+  title: 'Alert',
+  component: Alert,
+  argTypes: {
+    type: { control: 'select', options: ['error', 'warning', 'info'] },
+    message: { type: 'string' },
+    iconName: { type: 'string' },
+    displayIcon: { type: 'boolean' },
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof Alert>
+
+export const Warning: Story = {
+  args: {
+    type: 'warning',
+    message: 'Proceed with caution',
+    displayIcon: true,
+  },
+}
+
+export const Error: Story = {
+  args: {
+    type: 'error',
+    message: 'The transaction will most likely fail',
+    displayIcon: true,
+  },
+}
+
+export const Info: Story = {
+  args: {
+    type: 'info',
+    message: 'This is info block',
+    displayIcon: true,
+  },
+}
diff --git a/apps/mobile/src/components/Alert/Alert.test.tsx b/apps/mobile/src/components/Alert/Alert.test.tsx
new file mode 100644
index 000000000..738ce22cd
--- /dev/null
+++ b/apps/mobile/src/components/Alert/Alert.test.tsx
@@ -0,0 +1,114 @@
+import { render, userEvent } from '@/src/tests/test-utils'
+import { Alert } from '.'
+import { SafeFontIcon } from '../SafeFontIcon/SafeFontIcon'
+
+describe('Alert', () => {
+  it('should render a info alert', async () => {
+    const container = render(<Alert type="info" message="Info alert" />)
+
+    expect(container.getByText('Info alert')).toBeTruthy()
+    expect(container.getByTestId('info-icon')).toBeTruthy()
+    expect(container.queryByTestId('alert-end-icon')).not.toBeTruthy()
+    expect(container.queryByTestId('alert-start-icon')).not.toBeTruthy()
+  })
+  it('should render a info alert without icon', () => {
+    const container = render(<Alert type="info" displayIcon={false} message="Info alert" />)
+
+    expect(container.getByText('Info alert')).toBeTruthy()
+    expect(container.queryByTestId('info-icon')).not.toBeTruthy()
+    expect(container.queryByTestId('alert-end-icon')).not.toBeTruthy()
+    expect(container.queryByTestId('alert-start-icon')).not.toBeTruthy()
+  })
+
+  it('should render a warning alert', () => {
+    const container = render(<Alert type="warning" message="Warning alert" />)
+
+    expect(container.getByText('Warning alert')).toBeTruthy()
+    expect(container.queryByTestId('warning-icon')).toBeTruthy()
+    expect(container.queryByTestId('alert-end-icon')).not.toBeTruthy()
+    expect(container.queryByTestId('alert-start-icon')).not.toBeTruthy()
+  })
+
+  it('should render a warning alert without icon', () => {
+    const container = render(<Alert type="warning" displayIcon={false} message="Warning alert" />)
+
+    expect(container.getByText('Warning alert')).toBeTruthy()
+    expect(container.queryByTestId('warning-icon')).not.toBeTruthy()
+    expect(container.queryByTestId('alert-end-icon')).not.toBeTruthy()
+    expect(container.queryByTestId('alert-start-icon')).not.toBeTruthy()
+  })
+
+  it('should render an error alert', () => {
+    const container = render(<Alert type="error" message="Error alert" />)
+
+    expect(container.getByText('Error alert')).toBeTruthy()
+    expect(container.queryByTestId('error-icon')).toBeTruthy()
+    expect(container.queryByTestId('alert-end-icon')).not.toBeTruthy()
+    expect(container.queryByTestId('alert-start-icon')).not.toBeTruthy()
+  })
+
+  it('should render an error alert without icon', () => {
+    const container = render(<Alert type="error" displayIcon={false} message="Error alert" />)
+
+    expect(container.getByText('Error alert')).toBeTruthy()
+    expect(container.queryByTestId('error-icon')).not.toBeTruthy()
+    expect(container.queryByTestId('alert-end-icon')).not.toBeTruthy()
+    expect(container.queryByTestId('alert-start-icon')).not.toBeTruthy()
+  })
+
+  it('should be able to click in the alert component if an onPress function is passed', async () => {
+    const user = userEvent.setup()
+    const mockFn = jest.fn()
+    const container = render(
+      <Alert type="warning" displayIcon={false} onPress={mockFn} message="Click to see something" />,
+    )
+
+    await user.press(container.getByText('Click to see something'))
+
+    expect(mockFn).toHaveBeenCalled()
+  })
+
+  it('should render an alert with start icon', () => {
+    const container = render(
+      <Alert
+        type="error"
+        startIcon={<SafeFontIcon testID="add-owner-icon" name="add-owner" />}
+        message="Error alert"
+      />,
+    )
+
+    expect(container.queryByTestId('add-owner-icon')).toBeTruthy()
+  })
+
+  it('should render an alert with an end icon', () => {
+    const container = render(
+      <Alert type="error" endIcon={<SafeFontIcon testID="add-owner-icon" name="add-owner" />} message="Error alert" />,
+    )
+
+    expect(container.queryByTestId('add-owner-icon')).toBeTruthy()
+  })
+
+  it('should render an alert with a name icon', () => {
+    const container = render(<Alert type="error" iconName="add-owner" message="Error alert" />)
+
+    expect(container.queryByTestId('add-owner-icon')).toBeTruthy()
+  })
+
+  it('should render an alert with a left orientation', () => {
+    const container = render(<Alert type="error" orientation="left" message="Error alert" />)
+
+    expect(container.queryByTestId('error-icon')).toBeTruthy()
+  })
+
+  it('should render an alert with a right orientation', () => {
+    const container = render(<Alert type="error" orientation="right" message="Error alert" />)
+
+    expect(container.queryByTestId('error-icon')).toBeTruthy()
+  })
+
+  it('should render an alert with a center orientation', () => {
+    const container = render(<Alert type="error" orientation="center" message="Error alert" />)
+
+    expect(container.queryByTestId('error-icon')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/Alert/Alert.tsx b/apps/mobile/src/components/Alert/Alert.tsx
new file mode 100644
index 000000000..2a30c00d7
--- /dev/null
+++ b/apps/mobile/src/components/Alert/Alert.tsx
@@ -0,0 +1,136 @@
+import { View, Text, Theme } from 'tamagui'
+import React, { type ReactElement } from 'react'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { IconName } from '@/src/types/iconTypes'
+import { TouchableOpacity } from 'react-native'
+
+export type AlertType = 'error' | 'warning' | 'info' | 'success'
+export type AlertOrientation = 'left' | 'center' | 'right'
+
+interface AlertProps {
+  type: AlertType
+  message: string | React.ReactNode
+  info?: string | React.ReactNode
+  iconName?: IconName
+  displayIcon?: boolean
+  fullWidth?: boolean
+  endIcon?: React.ReactNode
+  startIcon?: React.ReactNode
+  onPress?: () => void
+  testID?: string
+  orientation?: AlertOrientation
+}
+
+const icons = {
+  error: <SafeFontIcon testID="error-icon" name={'alert'} />,
+  warning: (
+    <View
+      display="flex"
+      alignItems="center"
+      justifyContent="center"
+      padding="$1"
+      borderRadius={'$10'}
+      backgroundColor="#FF8C00"
+    >
+      <SafeFontIcon testID="warning-icon" name={'alert'} color={'$colorContrast'} size={16} />
+    </View>
+  ),
+  info: <SafeFontIcon testID="info-icon" name={'info'} />,
+  success: <SafeFontIcon testID="success-icon" name={'check'} />,
+}
+
+const getAlertIcon = (type: AlertType, iconName?: IconName, displayIcon?: boolean): ReactElement | null => {
+  if (!displayIcon) {
+    return null
+  }
+
+  return iconName ? <SafeFontIcon testID={`${iconName}-icon`} name={iconName} /> : icons[type]
+}
+
+const getContainerAlignment = (orientation: AlertOrientation) => {
+  switch (orientation) {
+    case 'left':
+      return 'flex-start'
+    case 'right':
+      return 'flex-end'
+    case 'center':
+    default:
+      return 'center'
+  }
+}
+
+const getContentAlignment = (orientation: AlertOrientation) => {
+  switch (orientation) {
+    case 'left':
+      return 'flex-start'
+    case 'right':
+      return 'flex-start' // Still flex-start for content alignment, but container will be aligned right
+    case 'center':
+    default:
+      return 'center'
+  }
+}
+
+export const Alert = ({
+  type,
+  fullWidth = true,
+  message,
+  iconName,
+  startIcon,
+  endIcon,
+  displayIcon = true,
+  onPress,
+  testID,
+  info,
+  orientation = 'center',
+}: AlertProps) => {
+  const Icon = getAlertIcon(type, iconName, displayIcon)
+  const containerAlignment = getContainerAlignment(orientation)
+  const contentAlignment = getContentAlignment(orientation)
+
+  return (
+    <Theme name={type}>
+      <TouchableOpacity disabled={!onPress} onPress={onPress} testID={testID}>
+        <View flexDirection="row" width="100%" justifyContent={containerAlignment}>
+          <View
+            alignItems="center"
+            gap={'$3'}
+            width={fullWidth ? '100%' : 'auto'}
+            flexDirection="row"
+            justifyContent={contentAlignment}
+            backgroundColor="$background"
+            padding="$2"
+            borderRadius={'$2'}
+          >
+            {startIcon ? <View testID="alert-start-icon">{startIcon}</View> : Icon}
+
+            <View gap={'$1'} flex={orientation !== 'center' ? 1 : undefined}>
+              {typeof message === 'string' ? <AlertTitleStyled message={message} /> : message}
+              {info && typeof info === 'string' ? (
+                <Text fontSize={'$3'} fontFamily={'$body'}>
+                  {info}
+                </Text>
+              ) : (
+                info
+              )}
+            </View>
+
+            {endIcon && <View testID="alert-end-icon">{endIcon}</View>}
+          </View>
+        </View>
+      </TouchableOpacity>
+    </Theme>
+  )
+}
+
+export const AlertTitleStyled = ({ message }: { message: string }) => {
+  if (typeof message === 'string') {
+    return (
+      <Text fontSize={'$4'} fontWeight={'600'} fontFamily={'$body'}>
+        {message}
+      </Text>
+    )
+  }
+
+  return message
+}
diff --git a/apps/mobile/src/components/Alert/index.ts b/apps/mobile/src/components/Alert/index.ts
new file mode 100644
index 000000000..953a4746d
--- /dev/null
+++ b/apps/mobile/src/components/Alert/index.ts
@@ -0,0 +1,3 @@
+import { Alert, AlertType, AlertTitleStyled } from './Alert'
+
+export { Alert, AlertType, AlertTitleStyled }
diff --git a/apps/mobile/src/components/Alert/theme.ts b/apps/mobile/src/components/Alert/theme.ts
new file mode 100644
index 000000000..0a126871d
--- /dev/null
+++ b/apps/mobile/src/components/Alert/theme.ts
@@ -0,0 +1,39 @@
+import { tokens } from '@/src/theme/tokens'
+
+export const alertTheme = {
+  light_success: {
+    background: tokens.color.successBackgroundLight,
+    color: tokens.color.successMainLight,
+    badgeBackground: tokens.color.successDarkLight,
+    badgeTextColor: tokens.color.backgroundMainDark,
+  },
+  light_info: {
+    background: tokens.color.infoBackgroundLight,
+    color: tokens.color.infoMainLight,
+  },
+  light_warning: {
+    background: tokens.color.warning1MainLight,
+    color: tokens.color.warning1TextLight,
+  },
+  light_error: {
+    background: tokens.color.error1MainLight,
+    color: tokens.color.error1ContrastTextLight,
+  },
+  dark_success: {
+    background: tokens.color.successBackgroundDark,
+    color: tokens.color.successMainDark,
+    badgeBackground: tokens.color.successDarkDark,
+  },
+  dark_info: {
+    background: tokens.color.infoBackgroundDark,
+    color: tokens.color.infoMainDark,
+  },
+  dark_warning: {
+    background: tokens.color.warning1MainDark,
+    color: tokens.color.warning1TextDark,
+  },
+  dark_error: {
+    background: tokens.color.error1MainDark,
+    color: tokens.color.error1ContrastTextDark,
+  },
+}
diff --git a/apps/mobile/src/components/Alert2/Alert2.stories.tsx b/apps/mobile/src/components/Alert2/Alert2.stories.tsx
new file mode 100644
index 000000000..7cc7cda44
--- /dev/null
+++ b/apps/mobile/src/components/Alert2/Alert2.stories.tsx
@@ -0,0 +1,88 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { Alert2 } from './Alert2'
+
+const meta: Meta<typeof Alert2> = {
+  title: 'Components/Alert2',
+  component: Alert2,
+  parameters: {
+    layout: 'padded',
+  },
+  argTypes: {
+    type: {
+      control: { type: 'select' },
+      options: ['error', 'warning', 'info', 'success'],
+    },
+    title: {
+      control: { type: 'text' },
+    },
+    message: {
+      control: { type: 'text' },
+    },
+    iconName: {
+      control: { type: 'text' },
+    },
+    testID: {
+      control: { type: 'text' },
+    },
+  },
+}
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Warning: Story = {
+  args: {
+    type: 'warning',
+    title: 'Base contract is not supported',
+    message:
+      "Your Safe Account's base contract is not supported. You should migrate it to a compatible version. Use the web app for this.",
+    testID: 'warning-alert',
+  },
+}
+
+export const Error: Story = {
+  args: {
+    type: 'error',
+    title: 'Transaction failed',
+    message: 'The transaction could not be processed due to insufficient funds.',
+    testID: 'error-alert',
+  },
+}
+
+export const Info: Story = {
+  args: {
+    type: 'info',
+    title: 'New feature available',
+    message: 'Check out the new transaction batching feature in the latest update.',
+    testID: 'info-alert',
+  },
+}
+
+export const Success: Story = {
+  args: {
+    type: 'success',
+    title: 'Transaction confirmed',
+    message: 'Your transaction has been successfully confirmed on the blockchain.',
+    testID: 'success-alert',
+  },
+}
+
+export const CustomIcon: Story = {
+  args: {
+    type: 'warning',
+    title: 'Custom icon example',
+    message: 'This alert uses a custom icon instead of the default type icon.',
+    iconName: 'settings',
+    testID: 'custom-icon-alert',
+  },
+}
+
+export const LongMessage: Story = {
+  args: {
+    type: 'info',
+    title: 'Long message example',
+    message:
+      'This is a very long message to demonstrate how the Alert2 component handles multi-line text content. The message should wrap properly and maintain good readability with proper spacing between the icon and text content.',
+    testID: 'long-message-alert',
+  },
+}
diff --git a/apps/mobile/src/components/Alert2/Alert2.test.tsx b/apps/mobile/src/components/Alert2/Alert2.test.tsx
new file mode 100644
index 000000000..1f61eee26
--- /dev/null
+++ b/apps/mobile/src/components/Alert2/Alert2.test.tsx
@@ -0,0 +1,117 @@
+import React from 'react'
+import { render, screen } from '@testing-library/react-native'
+import { faker } from '@faker-js/faker'
+import { Alert2, type AlertType } from './Alert2'
+import { TamaguiProvider } from 'tamagui'
+import config from '@/src/theme/tamagui.config'
+
+// Helper to wrap component with required providers
+const renderWithProviders = (ui: React.ReactElement) => {
+  return render(<TamaguiProvider config={config}>{ui}</TamaguiProvider>)
+}
+
+describe('Alert2', () => {
+  const defaultProps = {
+    type: 'warning' as AlertType,
+    title: faker.lorem.words(3),
+    message: faker.lorem.sentence(),
+    testID: 'test-alert',
+  }
+
+  it('renders with required props', () => {
+    renderWithProviders(<Alert2 {...defaultProps} />)
+
+    expect(screen.getByText(defaultProps.title)).toBeOnTheScreen()
+    expect(screen.getByText(defaultProps.message)).toBeOnTheScreen()
+    expect(screen.getByTestId('test-alert')).toBeOnTheScreen()
+  })
+
+  it('renders correct icon for each alert type', () => {
+    const types: AlertType[] = ['error', 'warning', 'info', 'success']
+
+    types.forEach((type) => {
+      const { unmount } = renderWithProviders(<Alert2 {...defaultProps} type={type} testID={`${type}-alert`} />)
+
+      // Check that the correct icon testID is present
+      expect(screen.getByTestId(`${type}-icon`)).toBeOnTheScreen()
+
+      unmount()
+    })
+  })
+
+  it('renders custom icon when iconName is provided', () => {
+    const customIconName = 'settings'
+
+    renderWithProviders(<Alert2 {...defaultProps} iconName={customIconName} />)
+
+    expect(screen.getByTestId(`${customIconName}-icon`)).toBeOnTheScreen()
+  })
+
+  it('displays title correctly', () => {
+    const title = faker.lorem.words(2)
+
+    renderWithProviders(<Alert2 {...defaultProps} title={title} />)
+
+    const titleElement = screen.getByText(title)
+    expect(titleElement).toBeOnTheScreen()
+  })
+
+  it('displays message correctly', () => {
+    const message = faker.lorem.sentence()
+
+    renderWithProviders(<Alert2 {...defaultProps} message={message} />)
+
+    const messageElement = screen.getByText(message)
+    expect(messageElement).toBeOnTheScreen()
+  })
+
+  it('renders with custom testID', () => {
+    const customTestID = faker.string.alphanumeric(10)
+
+    renderWithProviders(<Alert2 {...defaultProps} testID={customTestID} />)
+
+    expect(screen.getByTestId(customTestID)).toBeOnTheScreen()
+  })
+
+  it('renders alert start icon container', () => {
+    renderWithProviders(<Alert2 {...defaultProps} />)
+
+    expect(screen.getByTestId('alert-start-icon')).toBeOnTheScreen()
+  })
+
+  it('handles long title and message content', () => {
+    const longTitle = faker.lorem.words(10)
+    const longMessage = faker.lorem.sentences(5)
+
+    renderWithProviders(<Alert2 {...defaultProps} title={longTitle} message={longMessage} />)
+
+    expect(screen.getByText(longTitle)).toBeOnTheScreen()
+    expect(screen.getByText(longMessage)).toBeOnTheScreen()
+  })
+
+  it('renders different alert types with correct themes', () => {
+    const types: AlertType[] = ['error', 'warning', 'info', 'success']
+
+    types.forEach((type) => {
+      const { unmount } = renderWithProviders(<Alert2 {...defaultProps} type={type} testID={`${type}-alert`} />)
+
+      const alertContainer = screen.getByTestId(`${type}-alert`)
+      expect(alertContainer).toBeOnTheScreen()
+
+      unmount()
+    })
+  })
+
+  it('renders without testID when not provided', () => {
+    const propsWithoutTestID = {
+      type: 'info' as AlertType,
+      title: faker.lorem.words(3),
+      message: faker.lorem.sentence(),
+    }
+
+    renderWithProviders(<Alert2 {...propsWithoutTestID} />)
+
+    expect(screen.getByText(propsWithoutTestID.title)).toBeOnTheScreen()
+    expect(screen.getByText(propsWithoutTestID.message)).toBeOnTheScreen()
+  })
+})
diff --git a/apps/mobile/src/components/Alert2/Alert2.tsx b/apps/mobile/src/components/Alert2/Alert2.tsx
new file mode 100644
index 000000000..7bbd737aa
--- /dev/null
+++ b/apps/mobile/src/components/Alert2/Alert2.tsx
@@ -0,0 +1,70 @@
+import { View, Text, Theme } from 'tamagui'
+import React from 'react'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { IconName } from '@/src/types/iconTypes'
+
+export type AlertType = 'error' | 'warning' | 'info' | 'success'
+
+const icons = {
+  error: <SafeFontIcon testID="error-icon" name={'alert'} />,
+  warning: (
+    <View
+      display="flex"
+      alignItems="center"
+      justifyContent="center"
+      padding="$1"
+      borderRadius={'$10'}
+      backgroundColor="#FF8C00"
+    >
+      <SafeFontIcon testID="warning-icon" name={'alert'} color={'$colorContrast'} size={16} />
+    </View>
+  ),
+  info: <SafeFontIcon testID="info-icon" name={'info'} />,
+  success: <SafeFontIcon testID="success-icon" name={'check'} />,
+}
+
+export interface Alert2Props {
+  type: AlertType
+  title?: string
+  message: string | React.ReactNode
+  iconName?: IconName
+  testID?: string
+}
+
+export const Alert2 = ({ type, title, message, iconName, testID }: Alert2Props) => {
+  const Icon = iconName ? <SafeFontIcon testID={`${iconName}-icon`} name={iconName} /> : icons[type]
+
+  return (
+    <Theme name={type}>
+      <View
+        flexDirection="row"
+        alignItems="flex-start"
+        gap="$3"
+        backgroundColor="$background"
+        paddingHorizontal="$4"
+        paddingVertical="$3"
+        borderRadius="$2"
+        testID={testID}
+      >
+        <View testID="alert-start-icon" alignItems="center" justifyContent="center">
+          {Icon}
+        </View>
+
+        <View flex={1} gap="$1">
+          {title && (
+            <Text fontSize="$4" fontWeight="600" fontFamily="$body">
+              {title}
+            </Text>
+          )}
+          {typeof message === 'string' ? (
+            <Text fontSize="$3" fontFamily="$body">
+              {message}
+            </Text>
+          ) : (
+            message
+          )}
+        </View>
+      </View>
+    </Theme>
+  )
+}
diff --git a/apps/mobile/src/components/Alert2/index.tsx b/apps/mobile/src/components/Alert2/index.tsx
new file mode 100644
index 000000000..ab5d7941c
--- /dev/null
+++ b/apps/mobile/src/components/Alert2/index.tsx
@@ -0,0 +1 @@
+export { Alert2, type Alert2Props, type AlertType } from './Alert2'
diff --git a/apps/mobile/src/components/Badge/Badge.test.tsx b/apps/mobile/src/components/Badge/Badge.test.tsx
new file mode 100644
index 000000000..a1b7f0450
--- /dev/null
+++ b/apps/mobile/src/components/Badge/Badge.test.tsx
@@ -0,0 +1,20 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { Badge } from './Badge'
+
+describe('Badge', () => {
+  it('renders circular badge', () => {
+    const view = render(<Badge content="12+" testID="badge" />)
+    expect(view).toMatchSnapshot()
+  })
+
+  it('renders non-circular badge', () => {
+    const view = render(<Badge content="Label" circular={false} testID="badge" />)
+    expect(view).toMatchSnapshot()
+  })
+
+  it('renders badge with custom size and theme', () => {
+    const view = render(<Badge content="ok" circleSize="$8" themeName="badge_success" testID="badge" />)
+    expect(view).toMatchSnapshot()
+  })
+})
diff --git a/apps/mobile/src/components/Badge/Badge.tsx b/apps/mobile/src/components/Badge/Badge.tsx
new file mode 100644
index 000000000..8479b4593
--- /dev/null
+++ b/apps/mobile/src/components/Badge/Badge.tsx
@@ -0,0 +1,71 @@
+import React from 'react'
+import { Circle, CircleProps, SizeTokens, Text, TextProps, Theme, View } from 'tamagui'
+import { badgeTheme } from '@/src/components/Badge/theme'
+
+type BadgeThemeKeys = keyof typeof badgeTheme
+
+type ExtractAfterUnderscore<T extends string> = T extends `${string}_${infer Rest}` ? Rest : never
+export type BadgeThemeTypes = ExtractAfterUnderscore<BadgeThemeKeys>
+
+interface BadgeProps {
+  content: string | React.ReactElement
+  themeName?: BadgeThemeTypes
+  circleSize?: string | SizeTokens
+  fontSize?: TextProps['fontSize']
+  circleProps?: Partial<CircleProps>
+  textContentProps?: Partial<TextProps>
+  circular?: boolean
+  testID?: string
+}
+
+export const Badge = ({
+  content,
+  circleSize = '$7',
+  fontSize = 14,
+  themeName = 'badge_warning',
+  circular = true,
+  circleProps,
+  textContentProps,
+  testID,
+}: BadgeProps) => {
+  let contentToRender = content
+  if (typeof content === 'string') {
+    contentToRender = (
+      <Text fontSize={fontSize} color={'$color'} {...textContentProps}>
+        {content}
+      </Text>
+    )
+  }
+
+  if (circular) {
+    return (
+      <Theme name={themeName}>
+        <Circle
+          testID={testID}
+          size={circleSize}
+          backgroundColor={'$background'}
+          borderColor={'$borderColor'}
+          {...circleProps}
+        >
+          {contentToRender}
+        </Circle>
+      </Theme>
+    )
+  }
+  return (
+    <Theme name={themeName}>
+      <View
+        testID={testID}
+        alignSelf={'flex-start'}
+        paddingVertical="$1"
+        paddingHorizontal="$3"
+        gap="$1"
+        borderRadius={50}
+        backgroundColor={'$background'}
+        {...circleProps}
+      >
+        {contentToRender}
+      </View>
+    </Theme>
+  )
+}
diff --git a/apps/mobile/src/components/Badge/__snapshots__/Badge.test.tsx.snap b/apps/mobile/src/components/Badge/__snapshots__/Badge.test.tsx.snap
new file mode 100644
index 000000000..8ad3ad177
--- /dev/null
+++ b/apps/mobile/src/components/Badge/__snapshots__/Badge.test.tsx.snap
@@ -0,0 +1,123 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Badge renders badge with custom size and theme 1`] = `
+<View>
+  <View
+    style={
+      {
+        "alignItems": "center",
+        "backgroundColor": "#3B7A54",
+        "borderBottomLeftRadius": 100000,
+        "borderBottomRightRadius": 100000,
+        "borderTopLeftRadius": 100000,
+        "borderTopRightRadius": 100000,
+        "flexDirection": "column",
+        "height": 32,
+        "justifyContent": "center",
+        "maxHeight": 32,
+        "maxWidth": 32,
+        "minHeight": 32,
+        "minWidth": 32,
+        "paddingBottom": 0,
+        "paddingLeft": 0,
+        "paddingRight": 0,
+        "paddingTop": 0,
+        "width": 32,
+      }
+    }
+    testID="badge"
+  >
+    <Text
+      style={
+        {
+          "color": "#121312",
+          "fontFamily": "DM Sans",
+          "fontSize": 14,
+        }
+      }
+      suppressHighlighting={true}
+    >
+      ok
+    </Text>
+  </View>
+</View>
+`;
+
+exports[`Badge renders circular badge 1`] = `
+<View>
+  <View
+    style={
+      {
+        "alignItems": "center",
+        "backgroundColor": "#FFECC2",
+        "borderBottomLeftRadius": 100000,
+        "borderBottomRightRadius": 100000,
+        "borderTopLeftRadius": 100000,
+        "borderTopRightRadius": 100000,
+        "flexDirection": "column",
+        "height": 28,
+        "justifyContent": "center",
+        "maxHeight": 28,
+        "maxWidth": 28,
+        "minHeight": 28,
+        "minWidth": 28,
+        "paddingBottom": 0,
+        "paddingLeft": 0,
+        "paddingRight": 0,
+        "paddingTop": 0,
+        "width": 28,
+      }
+    }
+    testID="badge"
+  >
+    <Text
+      style={
+        {
+          "color": "#FF8C00",
+          "fontFamily": "DM Sans",
+          "fontSize": 14,
+        }
+      }
+      suppressHighlighting={true}
+    >
+      12+
+    </Text>
+  </View>
+</View>
+`;
+
+exports[`Badge renders non-circular badge 1`] = `
+<View>
+  <View
+    style={
+      {
+        "alignSelf": "flex-start",
+        "backgroundColor": "#FFECC2",
+        "borderBottomLeftRadius": 50,
+        "borderBottomRightRadius": 50,
+        "borderTopLeftRadius": 50,
+        "borderTopRightRadius": 50,
+        "gap": 4,
+        "paddingBottom": 4,
+        "paddingLeft": 12,
+        "paddingRight": 12,
+        "paddingTop": 4,
+      }
+    }
+    testID="badge"
+  >
+    <Text
+      style={
+        {
+          "color": "#FF8C00",
+          "fontFamily": "DM Sans",
+          "fontSize": 14,
+        }
+      }
+      suppressHighlighting={true}
+    >
+      Label
+    </Text>
+  </View>
+</View>
+`;
diff --git a/apps/mobile/src/components/Badge/badge.stories.tsx b/apps/mobile/src/components/Badge/badge.stories.tsx
new file mode 100644
index 000000000..a4d968778
--- /dev/null
+++ b/apps/mobile/src/components/Badge/badge.stories.tsx
@@ -0,0 +1,66 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { Badge } from '@/src/components/Badge'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import React from 'react'
+import { Text, View } from 'tamagui'
+
+const meta: Meta<typeof Badge> = {
+  title: 'Badge',
+  component: Badge,
+  args: {
+    content: '3/9',
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof Badge>
+
+export const Circular: Story = {
+  args: {
+    content: '12+',
+  },
+}
+export const CircularWithIcon: Story = {
+  render: function Render(args) {
+    return <Badge {...args} content={<SafeFontIcon size={13} name="owners" />} />
+  },
+}
+export const NonCircular: Story = {
+  args: {
+    content: 'Badge',
+    circular: false,
+  },
+}
+
+export const NonCircularBold: Story = {
+  args: {
+    content: 'Badge',
+    circular: false,
+    textContentProps: {
+      fontWeight: 700,
+    },
+  },
+}
+
+export const NonCircularWithComplexContent: Story = {
+  args: {
+    circular: false,
+  },
+  render: function Render(args) {
+    return (
+      <Badge
+        {...args}
+        content={
+          <View alignItems="center" flexDirection="row" gap="$1">
+            <SafeFontIcon size={13} name="owners" />
+
+            <Text fontWeight={600} color={'$color'}>
+              3/9
+            </Text>
+          </View>
+        }
+      />
+    )
+  },
+}
diff --git a/apps/mobile/src/components/Badge/index.ts b/apps/mobile/src/components/Badge/index.ts
new file mode 100644
index 000000000..7a972c445
--- /dev/null
+++ b/apps/mobile/src/components/Badge/index.ts
@@ -0,0 +1,3 @@
+import { Badge } from './Badge'
+
+export { Badge }
diff --git a/apps/mobile/src/components/Badge/theme.ts b/apps/mobile/src/components/Badge/theme.ts
new file mode 100644
index 000000000..c95b01e4e
--- /dev/null
+++ b/apps/mobile/src/components/Badge/theme.ts
@@ -0,0 +1,71 @@
+import { tokens } from '@/src/theme/tokens'
+
+export const badgeTheme = {
+  light_badge_success: {
+    background: tokens.color.successLightDark,
+    color: tokens.color.backgroundMainDark,
+  },
+  dark_badge_success: {
+    color: tokens.color.backgroundMainDark,
+    background: tokens.color.backgroundLightDark,
+  },
+  light_badge_success_variant1: {
+    background: tokens.color.successBackgroundLight,
+    color: tokens.color.successMainLight,
+  },
+  dark_badge_success_variant1: {
+    background: tokens.color.successBackgroundDark,
+    color: tokens.color.successMainLight,
+  },
+  light_badge_success_variant2: {
+    background: tokens.color.secondaryLightLight,
+    color: tokens.color.primaryMainLight,
+  },
+  dark_badge_success_variant2: {
+    background: tokens.color.secondaryMainLight,
+    color: tokens.color.primaryMainLight,
+  },
+  light_badge_warning: {
+    color: tokens.color.warning1ContrastTextLight,
+    background: tokens.color.warningBackgroundLight,
+  },
+  dark_badge_warning: {
+    color: tokens.color.warning1ContrastTextDark,
+    background: tokens.color.warningBackgroundDark,
+  },
+  light_badge_warning_variant2: {
+    color: tokens.color.warning1TextLight,
+    background: tokens.color.warning1ContrastTextLight,
+  },
+  dark_badge_warning_variant2: {
+    color: tokens.color.warning1MainDark,
+    background: tokens.color.warning1ContrastTextDark,
+  },
+  dark_badge_background: {
+    color: tokens.color.textPrimaryDark,
+    background: tokens.color.backgroundSecondaryDark,
+  },
+  light_badge_background: {
+    color: tokens.color.textPrimaryLight,
+    background: tokens.color.backgroundSecondaryLight,
+    borderColor: tokens.color.logoBackgroundLight,
+  },
+  light_badge_error: {
+    color: tokens.color.errorMainLight,
+    background: tokens.color.errorBackgroundLight,
+    borderColor: tokens.color.borderBackgroundLight,
+  },
+  dark_badge_error: {
+    color: tokens.color.errorMainDark,
+    background: tokens.color.errorBackgroundDark,
+    borderColor: tokens.color.borderBackgroundDark,
+  },
+  light_badge_background_inverted: {
+    color: tokens.color.logoBackgroundLight,
+    background: tokens.color.textPrimaryLight,
+  },
+  dark_badge_background_inverted: {
+    color: tokens.color.logoBackgroundDark,
+    background: tokens.color.textPrimaryDark,
+  },
+}
diff --git a/apps/mobile/src/components/BlurredIdenticonBackground/BlurredIdenticonBackground.stories.tsx b/apps/mobile/src/components/BlurredIdenticonBackground/BlurredIdenticonBackground.stories.tsx
new file mode 100644
index 000000000..ae0cef881
--- /dev/null
+++ b/apps/mobile/src/components/BlurredIdenticonBackground/BlurredIdenticonBackground.stories.tsx
@@ -0,0 +1,32 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { BlurredIdenticonBackground } from '@/src/components/BlurredIdenticonBackground'
+import { View } from 'tamagui'
+
+const meta: Meta<typeof BlurredIdenticonBackground> = {
+  title: 'BlurredIdenticonBackground',
+  component: BlurredIdenticonBackground,
+  argTypes: {},
+}
+
+export default meta
+
+type Story = StoryObj<typeof BlurredIdenticonBackground>
+
+export const Default: Story = {
+  args: {
+    address: '0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6',
+  },
+  decorators: [
+    (Story) => (
+      // This is a hack to make the story full screen
+      // we apply global decorator padding of 16 in preview.tsx
+      // and then we remove it here
+      <View style={{ margin: -16, padding: 0 }}>
+        <Story />
+      </View>
+    ),
+  ],
+  parameters: {
+    layout: 'fullscreen',
+  },
+}
diff --git a/apps/mobile/src/components/BlurredIdenticonBackground/BlurredIdenticonBackground.tsx b/apps/mobile/src/components/BlurredIdenticonBackground/BlurredIdenticonBackground.tsx
new file mode 100644
index 000000000..1b6af57cf
--- /dev/null
+++ b/apps/mobile/src/components/BlurredIdenticonBackground/BlurredIdenticonBackground.tsx
@@ -0,0 +1,77 @@
+import { blo } from 'blo'
+import { View } from 'tamagui'
+import { Image } from 'expo-image'
+import { Dimensions, StyleSheet, useColorScheme } from 'react-native'
+import { BlurView } from 'expo-blur'
+import React from 'react'
+import { Address } from '@/src/types/address'
+
+type Props = {
+  address: Address
+  height?: number
+  children: React.ReactNode
+}
+export const BlurredIdenticonBackground = ({ address, height = 125, children }: Props) => {
+  const blockie = blo(address)
+  const colorScheme = useColorScheme()
+
+  return (
+    <View>
+      <View style={[styles.containerInner, { height: height }]}>
+        <View
+          style={[
+            styles.containerInnerBackground,
+            {
+              height: height,
+            },
+          ]}
+        ></View>
+        <View style={styles.androidHack}>
+          <Image testID={'header-image'} source={{ uri: blockie }} style={styles.identicon} />
+        </View>
+
+        <BlurView
+          intensity={100}
+          experimentalBlurMethod={'dimezisBlurView'}
+          style={[
+            styles.blurView,
+            {
+              height: height,
+            },
+          ]}
+          tint={colorScheme || 'dark'}
+        />
+
+        {children}
+      </View>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  containerInner: {
+    position: 'relative',
+  },
+  containerInnerBackground: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%',
+  },
+  // Android cannot handle border-radius on Image component
+  // so we need to wrap it in a View with borderRadius
+  androidHack: {
+    borderRadius: '50%',
+    overflow: 'hidden',
+    bottom: 20,
+    position: 'absolute',
+  },
+  identicon: {
+    width: Dimensions.get('window').width,
+    height: Dimensions.get('window').width,
+  },
+  blurView: {
+    position: 'absolute',
+    bottom: 0,
+    width: '100%',
+  },
+})
diff --git a/apps/mobile/src/components/BlurredIdenticonBackground/index.tsx b/apps/mobile/src/components/BlurredIdenticonBackground/index.tsx
new file mode 100644
index 000000000..fcca8f3f8
--- /dev/null
+++ b/apps/mobile/src/components/BlurredIdenticonBackground/index.tsx
@@ -0,0 +1 @@
+export { BlurredIdenticonBackground } from './BlurredIdenticonBackground'
diff --git a/apps/mobile/src/components/Camera/QrCamera.tsx b/apps/mobile/src/components/Camera/QrCamera.tsx
new file mode 100644
index 000000000..54f27cdf3
--- /dev/null
+++ b/apps/mobile/src/components/Camera/QrCamera.tsx
@@ -0,0 +1,275 @@
+import { Camera, useCodeScanner, useCameraDevice, Code, CameraPermissionStatus } from 'react-native-vision-camera'
+import { View, Theme, H3, getTokenValue } from 'tamagui'
+import { Dimensions, Linking, Pressable, StyleSheet, useColorScheme, useWindowDimensions } from 'react-native'
+import React, { useCallback } from 'react'
+import { useRouter } from 'expo-router'
+
+const { width } = Dimensions.get('window')
+import { BlurView } from 'expo-blur'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Badge } from '@/src/components/Badge'
+import { SafeButton } from '@/src/components/SafeButton'
+
+type QrCameraProps = {
+  heading?: React.ReactNode
+  footer: React.ReactNode
+  onScan: (code: Code[]) => void
+  isCameraActive: boolean
+  permission: CameraPermissionStatus
+  hasPermission: boolean
+  onActivateCamera: () => void
+}
+
+function CameraHeader({ heading }: { heading: React.ReactNode }) {
+  const router = useRouter()
+
+  return (
+    <View style={styles.topContainer}>
+      <View style={{ flex: 1, marginTop: 30, marginLeft: 20, flexDirection: 'row' }}>
+        <Pressable
+          onPress={() => {
+            router.back()
+          }}
+        >
+          <Badge themeName="badge_background" circleSize="$9" content={<SafeFontIcon size={20} name="close" />} />
+        </Pressable>
+      </View>
+
+      <View flex={1} justifyContent={'flex-end'} alignItems={'center'} marginBottom={'$8'}>
+        {typeof heading === 'string' ? <H3>{heading}</H3> : heading}
+      </View>
+    </View>
+  )
+}
+
+function CameraFooter(props: { footer: React.ReactNode }) {
+  return (
+    <View style={styles.text} paddingVertical={'$8'}>
+      {props.footer}
+    </View>
+  )
+}
+
+function CameraLens({
+  denied,
+  onPressSettings,
+  hasPermission,
+  onActivateCamera,
+  isCameraActive,
+}: {
+  denied: boolean
+  onPressSettings: () => Promise<void>
+  hasPermission: boolean
+  onActivateCamera: () => void
+  isCameraActive: boolean
+}) {
+  const colorScheme = useColorScheme()
+
+  let color = getTokenValue('$color.textPrimaryDark')
+
+  if (colorScheme === 'light') {
+    color = getTokenValue('$color.textPrimaryLight')
+  }
+
+  const handleGrantOrActivatePress = useCallback(async () => {
+    if (!hasPermission) {
+      const permission = await Camera.requestCameraPermission()
+
+      if (permission === 'denied') {
+        await onPressSettings()
+      }
+    } else if (hasPermission && !isCameraActive) {
+      onActivateCamera()
+    }
+  }, [hasPermission, isCameraActive, onActivateCamera, onPressSettings])
+
+  const buttonText = 'Enable camera'
+  const buttonAction = handleGrantOrActivatePress
+
+  return (
+    <Pressable
+      style={[styles.transparentBox, denied && { backgroundColor: 'rgba(0, 0, 0, 0.8)' }]}
+      onPress={hasPermission && !isCameraActive ? handleGrantOrActivatePress : undefined}
+      disabled={denied || !hasPermission}
+    >
+      {/* Green corners */}
+      <View borderColor={denied ? '$error' : '$success'} style={[styles.corner, styles.topLeft]} />
+      <View borderColor={denied ? '$error' : '$success'} style={[styles.corner, styles.topRight]} />
+      <View borderColor={denied ? '$error' : '$success'} style={[styles.corner, styles.bottomLeft]} />
+      <View borderColor={denied ? '$error' : '$success'} style={[styles.corner, styles.bottomRight]} />
+
+      {/* Show button/icon only if permission denied, not granted, or granted but inactive */}
+      {(denied || !hasPermission || (hasPermission && !isCameraActive)) && (
+        <View style={styles.deniedCameraContainer}>
+          <SafeFontIcon name={'camera'} size={40} color={denied ? '$error' : color} />
+          <SafeButton rounded secondary onPress={buttonAction} marginTop={20}>
+            {buttonText}
+          </SafeButton>
+        </View>
+      )}
+    </Pressable>
+  )
+}
+
+export const QrCamera = ({
+  heading = 'Scan a QR Code',
+  footer,
+  onScan,
+  isCameraActive,
+  permission,
+  hasPermission,
+  onActivateCamera,
+}: QrCameraProps) => {
+  const device = useCameraDevice('back')
+  const { height } = useWindowDimensions()
+  const codeScanner = useCodeScanner({
+    codeTypes: ['qr'],
+    onCodeScanned: onScan,
+  })
+
+  const openSettings = useCallback(async () => {
+    await Linking.openSettings()
+  }, [])
+
+  const denied = permission === 'denied'
+  const granted = permission === 'granted'
+
+  return (
+    <Theme name={'dark'}>
+      <View style={styles.container}>
+        {/* Only render Camera device is available */}
+        {device && granted && (
+          <Camera style={StyleSheet.absoluteFill} device={device} isActive={isCameraActive} codeScanner={codeScanner} />
+        )}
+
+        {/* Overlay with blurred edges */}
+        <View style={styles.overlay}>
+          <View flex={1}>
+            <BlurView
+              style={[styles.blurTop, denied && styles.deniedCameraBlur, { height: height * 0.3 }]}
+              intensity={30}
+              tint={'systemUltraThinMaterialDark'}
+            >
+              <CameraHeader heading={heading} />
+            </BlurView>
+
+            {/* Middle with transparent center */}
+            <View style={styles.transparentCenter}>
+              <BlurView
+                style={[styles.sideBlur, denied && styles.deniedCameraBlur]}
+                intensity={30}
+                tint={'systemUltraThinMaterialDark'}
+              />
+
+              <CameraLens
+                denied={denied}
+                onPressSettings={openSettings}
+                hasPermission={hasPermission}
+                onActivateCamera={onActivateCamera}
+                isCameraActive={isCameraActive}
+              />
+              <BlurView
+                style={[styles.sideBlur, denied && styles.deniedCameraBlur]}
+                intensity={30}
+                tint={'systemUltraThinMaterialDark'}
+              />
+            </View>
+
+            {/* Bottom Blur */}
+            <BlurView
+              style={[styles.blur, denied && styles.deniedCameraBlur]}
+              intensity={30}
+              tint={'systemUltraThinMaterialDark'}
+            >
+              <CameraFooter footer={footer} />
+            </BlurView>
+          </View>
+        </View>
+      </View>
+    </Theme>
+  )
+}
+
+const BOX_RADIUS = 5 // Rounded corners
+const CORNER_SIZE = 30 // Size of the green corners
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  overlay: {
+    ...StyleSheet.absoluteFillObject,
+  },
+  blur: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.7)', // Simulates blur
+  },
+  blurTop: {
+    flex: 0,
+    backgroundColor: 'rgba(0, 0, 0, 0.7)', // Simulates blur
+  },
+  topContainer: {
+    flex: 1,
+  },
+  transparentCenter: {
+    flexDirection: 'row',
+  },
+  sideBlur: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.7)', // Simulates blur
+  },
+  transparentBox: {
+    width: width * 0.6,
+    height: width * 0.6,
+    borderRadius: BOX_RADIUS, // Rounded corners
+    overflow: 'hidden', // Prevents content leaking outside the corners
+    position: 'relative', // For positioning corners
+    backgroundColor: 'transparent',
+  },
+  corner: {
+    position: 'absolute',
+    width: CORNER_SIZE,
+    height: CORNER_SIZE,
+  },
+  topLeft: {
+    top: 0,
+    left: 0,
+    borderTopWidth: 2,
+    borderLeftWidth: 2,
+    borderTopLeftRadius: BOX_RADIUS, // Matches the box's radius
+  },
+  topRight: {
+    top: 0,
+    right: 0,
+    borderTopWidth: 2,
+    borderRightWidth: 2,
+    borderTopRightRadius: BOX_RADIUS,
+  },
+  bottomLeft: {
+    bottom: 0,
+    left: 0,
+    borderBottomWidth: 2,
+    borderLeftWidth: 2,
+    borderBottomLeftRadius: BOX_RADIUS,
+  },
+  bottomRight: {
+    bottom: 0,
+    right: 0,
+    borderBottomWidth: 2,
+    borderRightWidth: 2,
+    borderBottomRightRadius: BOX_RADIUS,
+  },
+  text: {
+    marginTop: 20,
+    maxWidth: width * 0.8,
+    alignSelf: 'center',
+  },
+  deniedCameraBlur: {
+    backgroundColor: 'rgba(0, 0, 0, 1)',
+  },
+  deniedCameraContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+})
diff --git a/apps/mobile/src/components/Camera/index.ts b/apps/mobile/src/components/Camera/index.ts
new file mode 100644
index 000000000..7c3f5c2fc
--- /dev/null
+++ b/apps/mobile/src/components/Camera/index.ts
@@ -0,0 +1 @@
+export { QrCamera } from './QrCamera'
diff --git a/apps/mobile/src/components/ChainIndicator/ChainIndicator.stories.tsx b/apps/mobile/src/components/ChainIndicator/ChainIndicator.stories.tsx
new file mode 100644
index 000000000..1e8d75eeb
--- /dev/null
+++ b/apps/mobile/src/components/ChainIndicator/ChainIndicator.stories.tsx
@@ -0,0 +1,83 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { ChainIndicator } from './ChainIndicator'
+import { View } from 'tamagui'
+
+const meta: Meta<typeof ChainIndicator> = {
+  title: 'Components/ChainIndicator',
+  component: ChainIndicator,
+  parameters: {
+    layout: 'centered',
+  },
+  argTypes: {
+    chainId: {
+      control: 'text',
+    },
+    showUnknown: {
+      control: 'boolean',
+    },
+    showLogo: {
+      control: 'boolean',
+    },
+    onlyLogo: {
+      control: 'boolean',
+    },
+    fiatValue: {
+      control: 'text',
+    },
+    currency: {
+      control: 'text',
+    },
+    imageSize: {
+      control: 'text',
+    },
+  },
+}
+
+export default meta
+type Story = StoryObj<typeof ChainIndicator>
+
+export const Default: Story = {
+  args: {
+    chainId: '1',
+  },
+}
+
+export const WithFiatValue: Story = {
+  args: {
+    chainId: '1',
+    fiatValue: '1234.56',
+    currency: 'USD',
+  },
+}
+
+export const OnlyLogo: Story = {
+  args: {
+    chainId: '137',
+    onlyLogo: true,
+  },
+}
+
+export const UnknownChain: Story = {
+  args: {
+    chainId: '999999',
+    showUnknown: true,
+  },
+}
+
+export const NoLogo: Story = {
+  args: {
+    chainId: '1',
+    showLogo: false,
+  },
+}
+
+export const Multiple: Story = {
+  render: () => (
+    <View gap="$4" padding="$4">
+      <ChainIndicator chainId="1" showLogo={true} />
+      <ChainIndicator chainId="137" showLogo={true} fiatValue="5678.90" currency="EUR" />
+      <ChainIndicator chainId="1" onlyLogo={true} />
+      <ChainIndicator chainId="999999" showUnknown={true} />
+    </View>
+  ),
+}
diff --git a/apps/mobile/src/components/ChainIndicator/ChainIndicator.tsx b/apps/mobile/src/components/ChainIndicator/ChainIndicator.tsx
new file mode 100644
index 000000000..a8dbc744d
--- /dev/null
+++ b/apps/mobile/src/components/ChainIndicator/ChainIndicator.tsx
@@ -0,0 +1,102 @@
+import React from 'react'
+import { Text, View, XStack, YStack } from 'tamagui'
+import { Skeleton } from 'moti/skeleton'
+import { Logo } from '@/src/components/Logo'
+import { Fiat } from '@/src/components/Fiat'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectChainById, selectAllChains, useGetChainsConfigQuery } from '@/src/store/chains'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { selectCurrency } from '@/src/store/settingsSlice'
+
+export interface ChainIndicatorProps {
+  chainId?: string
+  showUnknown?: boolean
+  showLogo?: boolean
+  onlyLogo?: boolean
+  fiatValue?: string
+  imageSize?: string
+  currency?: string
+}
+
+const fallbackChainConfig = {
+  chainId: '-1',
+  chainName: 'Unknown network',
+  chainLogoUri: null,
+  theme: {
+    backgroundColor: '#ddd',
+    textColor: '#000',
+  },
+}
+
+export const ChainIndicator = ({
+  chainId: propChainId,
+  showUnknown = true,
+  showLogo = true,
+  onlyLogo = false,
+  fiatValue,
+  imageSize = '$6',
+  currency: propCurrency,
+}: ChainIndicatorProps) => {
+  // Fetch chains data to ensure it's up to date
+  const { isLoading } = useGetChainsConfigQuery()
+
+  const activeSafe = useDefinedActiveSafe()
+  const currentChainId = activeSafe.chainId
+  const targetChainId = propChainId || currentChainId
+
+  const allChains = useAppSelector(selectAllChains)
+  const chainConfig = useAppSelector((state) => selectChainById(state, targetChainId))
+  const defaultCurrency = useAppSelector(selectCurrency)
+
+  const currency = propCurrency || defaultCurrency
+  const noChains = !allChains || allChains.length === 0
+  const finalChainConfig = chainConfig || (showUnknown ? fallbackChainConfig : null)
+  if (isLoading || noChains) {
+    return <Skeleton width={onlyLogo ? 24 : 115} height={22} radius={4} />
+  }
+
+  if (!finalChainConfig) {
+    return null
+  }
+
+  const content = (
+    <>
+      {showLogo && (
+        <Logo
+          logoUri={finalChainConfig.chainLogoUri}
+          accessibilityLabel={`${finalChainConfig.chainName} Logo`}
+          size={imageSize}
+          fallbackIcon="info"
+        />
+      )}
+      {!onlyLogo && (
+        <YStack flex={1}>
+          <Text
+            testID="chain-name"
+            fontSize="$4"
+            fontWeight="600"
+            color="$color"
+            numberOfLines={1}
+            ellipsizeMode="tail"
+          >
+            {finalChainConfig.chainName}
+          </Text>
+          {fiatValue && <Fiat value={fiatValue} currency={currency} />}
+        </YStack>
+      )}
+    </>
+  )
+
+  return (
+    <View testID="chain-indicator">
+      <XStack
+        alignItems="center"
+        gap={showLogo ? '$1' : 0}
+        minWidth={onlyLogo ? undefined : showLogo ? 115 : 70}
+        justifyContent={showLogo ? 'flex-start' : 'center'}
+      >
+        {content}
+      </XStack>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/components/ChainIndicator/index.ts b/apps/mobile/src/components/ChainIndicator/index.ts
new file mode 100644
index 000000000..78f94ecc6
--- /dev/null
+++ b/apps/mobile/src/components/ChainIndicator/index.ts
@@ -0,0 +1,2 @@
+export { ChainIndicator } from './ChainIndicator'
+export type { ChainIndicatorProps } from './ChainIndicator'
diff --git a/apps/mobile/src/components/ChainsDisplay/ChainsDisplay.stories.tsx b/apps/mobile/src/components/ChainsDisplay/ChainsDisplay.stories.tsx
new file mode 100644
index 000000000..2538f318a
--- /dev/null
+++ b/apps/mobile/src/components/ChainsDisplay/ChainsDisplay.stories.tsx
@@ -0,0 +1,45 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { ChainsDisplay } from '@/src/components/ChainsDisplay'
+import { mockedChains } from '@/src/store/constants'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+
+const meta: Meta<typeof ChainsDisplay> = {
+  title: 'ChainsDisplay',
+  component: ChainsDisplay,
+  argTypes: {},
+}
+
+export default meta
+
+type Story = StoryObj<typeof ChainsDisplay>
+
+export const Default: Story = {
+  args: {
+    chains: mockedChains as unknown as Chain[],
+    max: 3,
+  },
+  parameters: {
+    layout: 'fullscreen',
+  },
+}
+
+export const Truncated: Story = {
+  args: {
+    chains: mockedChains as unknown as Chain[],
+    max: 1,
+  },
+  parameters: {
+    layout: 'fullscreen',
+  },
+}
+
+export const ActiveChain: Story = {
+  args: {
+    chains: mockedChains as unknown as Chain[],
+    activeChainId: mockedChains[1].chainId,
+    max: 1,
+  },
+  parameters: {
+    layout: 'fullscreen',
+  },
+}
diff --git a/apps/mobile/src/components/ChainsDisplay/ChainsDisplay.test.tsx b/apps/mobile/src/components/ChainsDisplay/ChainsDisplay.test.tsx
new file mode 100644
index 000000000..096208497
--- /dev/null
+++ b/apps/mobile/src/components/ChainsDisplay/ChainsDisplay.test.tsx
@@ -0,0 +1,28 @@
+import { mockedChains } from '@/src/store/constants'
+import { ChainsDisplay } from './ChainsDisplay'
+import { render } from '@/src/tests/test-utils'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+
+describe('ChainsDisplay', () => {
+  it('should render all chains next each other', () => {
+    const container = render(<ChainsDisplay chains={mockedChains as unknown as Chain[]} max={mockedChains.length} />)
+
+    expect(container.getAllByTestId('chain-display')).toHaveLength(3)
+  })
+  it('should truncate the chains when the provided chains length is greatter than the max', () => {
+    const container = render(<ChainsDisplay chains={mockedChains as unknown as Chain[]} max={2} />)
+    const moreChainsBadge = container.getByTestId('more-chains-badge')
+
+    expect(container.getAllByTestId('chain-display')).toHaveLength(2)
+    expect(moreChainsBadge).toBeVisible()
+    expect(moreChainsBadge).toHaveTextContent('+1')
+  })
+
+  it('should always show the selected chain as the first column of the row', () => {
+    const container = render(
+      <ChainsDisplay chains={mockedChains as unknown as Chain[]} max={2} activeChainId={mockedChains[2].chainId} />,
+    )
+
+    expect(container.getByLabelText(mockedChains[2].chainName)).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/ChainsDisplay/ChainsDisplay.tsx b/apps/mobile/src/components/ChainsDisplay/ChainsDisplay.tsx
new file mode 100644
index 000000000..a996c7e49
--- /dev/null
+++ b/apps/mobile/src/components/ChainsDisplay/ChainsDisplay.tsx
@@ -0,0 +1,43 @@
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import React, { useMemo } from 'react'
+import { View } from 'tamagui'
+import { Logo } from '../Logo'
+import { Badge } from '../Badge'
+
+interface ChainsDisplayProps {
+  chains: Chain[]
+  max?: number
+  activeChainId?: string
+}
+
+export function ChainsDisplay({ chains, activeChainId, max }: ChainsDisplayProps) {
+  const orderedChains = useMemo(
+    () => [...chains].sort((a, b) => (a.chainId === activeChainId ? -1 : b.chainId === activeChainId ? 1 : 0)),
+    [chains],
+  )
+  const slicedChains = max ? orderedChains.slice(0, max) : chains
+  const showBadge = max && chains.length > max
+
+  return (
+    <View flexDirection="row">
+      {slicedChains.map(({ chainLogoUri, chainName, chainId }, index) => (
+        <View
+          key={chainId}
+          testID="chain-display"
+          marginRight={showBadge || index !== slicedChains.length - 1 ? -6 : 0}
+        >
+          <Logo size="$6" logoUri={chainLogoUri} accessibilityLabel={chainName} />
+        </View>
+      ))}
+
+      {showBadge && (
+        <Badge
+          testID="more-chains-badge"
+          circleSize="$6"
+          content={`+${chains.length - max}`}
+          themeName="badge_background"
+        />
+      )}
+    </View>
+  )
+}
diff --git a/apps/mobile/src/components/ChainsDisplay/index.ts b/apps/mobile/src/components/ChainsDisplay/index.ts
new file mode 100644
index 000000000..5c0ef338d
--- /dev/null
+++ b/apps/mobile/src/components/ChainsDisplay/index.ts
@@ -0,0 +1 @@
+export { ChainsDisplay } from './ChainsDisplay'
diff --git a/apps/mobile/src/components/ComingSoon/ComingSoon.tsx b/apps/mobile/src/components/ComingSoon/ComingSoon.tsx
new file mode 100644
index 000000000..ac5a99080
--- /dev/null
+++ b/apps/mobile/src/components/ComingSoon/ComingSoon.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import { H6, Text, View } from 'tamagui'
+
+export const ComingSoon = () => {
+  return (
+    <View testID="coming-soon" alignItems="center" justifyContent="center" gap="$4" height="100%">
+      <H6 fontWeight={600}>Coming soon</H6>
+      <Text textAlign="center" color="$colorSecondary" width="80%">
+        This feature is coming soon.
+      </Text>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/components/Container/Container.stories.tsx b/apps/mobile/src/components/Container/Container.stories.tsx
new file mode 100644
index 000000000..b3d617691
--- /dev/null
+++ b/apps/mobile/src/components/Container/Container.stories.tsx
@@ -0,0 +1,23 @@
+import type { StoryObj, Meta } from '@storybook/react'
+import { Container } from '@/src/components/Container'
+import { Text } from 'tamagui'
+
+const meta: Meta<typeof Container> = {
+  title: 'Container',
+  component: Container,
+  args: {
+    children: 'Some text',
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof Container>
+
+export const Default: Story = {
+  render: (args) => (
+    <Container {...args}>
+      <Text>Some text</Text>
+    </Container>
+  ),
+}
diff --git a/apps/mobile/src/components/Container/Container.test.tsx b/apps/mobile/src/components/Container/Container.test.tsx
new file mode 100644
index 000000000..293dd3220
--- /dev/null
+++ b/apps/mobile/src/components/Container/Container.test.tsx
@@ -0,0 +1,25 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { Container } from './index'
+import { Text } from 'react-native'
+
+describe('Container', () => {
+  it('renders correctly with children', () => {
+    const { getByText } = render(
+      <Container>
+        <Text>Test Child</Text>
+      </Container>,
+    )
+    expect(getByText('Test Child')).toBeTruthy()
+  })
+
+  it('applies the correct styles', () => {
+    const { getByTestId } = render(
+      <Container testID="container">
+        <Text>Test Child</Text>
+      </Container>,
+    )
+    const container = getByTestId('container')
+    expect(container.props.style).toMatchSnapshot()
+  })
+})
diff --git a/apps/mobile/src/components/Container/Container.tsx b/apps/mobile/src/components/Container/Container.tsx
new file mode 100644
index 000000000..74f139587
--- /dev/null
+++ b/apps/mobile/src/components/Container/Container.tsx
@@ -0,0 +1,41 @@
+import { styled, Theme, ThemeName, YStack, YStackProps } from 'tamagui'
+
+const StyledYStack = styled(YStack, {
+  variants: {
+    bordered: {
+      true: {
+        borderColor: '#303033',
+        borderWidth: 1,
+      },
+      false: {
+        backgroundColor: '$background',
+      },
+    },
+    transparent: {
+      true: {
+        backgroundColor: 'transparent',
+        borderWidth: 0,
+      },
+    },
+  } as const,
+})
+
+export const Container = (
+  props: YStackProps & { bordered?: boolean; spaced?: boolean; transparent?: boolean; themeName?: ThemeName },
+) => {
+  const { children, bordered, themeName = 'container', spaced = true, ...rest } = props
+
+  return (
+    <Theme name={themeName}>
+      <StyledYStack
+        bordered={!!bordered}
+        borderRadius={'$3'}
+        paddingHorizontal={spaced ? '$4' : 0}
+        paddingVertical={'$4'}
+        {...rest}
+      >
+        {children}
+      </StyledYStack>
+    </Theme>
+  )
+}
diff --git a/apps/mobile/src/components/Container/__snapshots__/Container.test.tsx.snap b/apps/mobile/src/components/Container/__snapshots__/Container.test.tsx.snap
new file mode 100644
index 000000000..a9e222072
--- /dev/null
+++ b/apps/mobile/src/components/Container/__snapshots__/Container.test.tsx.snap
@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Container applies the correct styles 1`] = `
+{
+  "backgroundColor": "#FFFFFF",
+  "borderBottomLeftRadius": 7,
+  "borderBottomRightRadius": 7,
+  "borderTopLeftRadius": 7,
+  "borderTopRightRadius": 7,
+  "flexDirection": "column",
+  "paddingBottom": 16,
+  "paddingLeft": 16,
+  "paddingRight": 16,
+  "paddingTop": 16,
+}
+`;
diff --git a/apps/mobile/src/components/Container/index.ts b/apps/mobile/src/components/Container/index.ts
new file mode 100644
index 000000000..0b2730f6f
--- /dev/null
+++ b/apps/mobile/src/components/Container/index.ts
@@ -0,0 +1,3 @@
+import { Container } from './Container'
+
+export { Container }
diff --git a/apps/mobile/src/components/CopyButton/CopyButton.stories.tsx b/apps/mobile/src/components/CopyButton/CopyButton.stories.tsx
new file mode 100644
index 000000000..bd027f510
--- /dev/null
+++ b/apps/mobile/src/components/CopyButton/CopyButton.stories.tsx
@@ -0,0 +1,21 @@
+import type { StoryObj, Meta } from '@storybook/react'
+import { CopyButton } from '@/src/components/CopyButton/index'
+
+const meta: Meta<typeof CopyButton> = {
+  title: 'CopyButton',
+  component: CopyButton,
+  args: {},
+}
+
+export default meta
+
+type Story = StoryObj<typeof CopyButton>
+
+/**
+ * Displays a copy button. On press, the value passed is copied to the clipboard.
+ */
+export const Default: Story = {
+  args: {
+    value: '0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6',
+  },
+}
diff --git a/apps/mobile/src/components/CopyButton/CopyButton.tsx b/apps/mobile/src/components/CopyButton/CopyButton.tsx
new file mode 100644
index 000000000..59c96a345
--- /dev/null
+++ b/apps/mobile/src/components/CopyButton/CopyButton.tsx
@@ -0,0 +1,26 @@
+import { TextProps } from 'tamagui'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { useCopyAndDispatchToast } from '@/src/hooks/useCopyAndDispatchToast'
+import { TouchableOpacity } from 'react-native'
+
+interface CopyButtonProps {
+  value: string
+  color: TextProps['color']
+  size?: number
+  text?: string
+  hitSlop?: number
+}
+
+export const CopyButton = ({ value, color, size = 13, text, hitSlop = 0 }: CopyButtonProps) => {
+  const copyAndDispatchToast = useCopyAndDispatchToast(text)
+  return (
+    <TouchableOpacity
+      onPress={() => {
+        copyAndDispatchToast(value)
+      }}
+      hitSlop={hitSlop}
+    >
+      <SafeFontIcon name={'copy'} size={size} color={color as string} />
+    </TouchableOpacity>
+  )
+}
diff --git a/apps/mobile/src/components/CopyButton/index.ts b/apps/mobile/src/components/CopyButton/index.ts
new file mode 100644
index 000000000..7c281caef
--- /dev/null
+++ b/apps/mobile/src/components/CopyButton/index.ts
@@ -0,0 +1,3 @@
+import { CopyButton } from './CopyButton'
+
+export { CopyButton }
diff --git a/apps/mobile/src/components/DataRow/DataRow.stories.tsx b/apps/mobile/src/components/DataRow/DataRow.stories.tsx
new file mode 100644
index 000000000..cc9479533
--- /dev/null
+++ b/apps/mobile/src/components/DataRow/DataRow.stories.tsx
@@ -0,0 +1,54 @@
+import React from 'react'
+import { Container } from '@/src/components/Container'
+import { DataRow } from '@/src/components/DataRow'
+import { XStack, Text } from 'tamagui'
+
+export default {
+  title: 'DataRow',
+  component: DataRow,
+  decorators: [
+    (Story: React.ComponentType) => (
+      <Container>
+        <Story />
+      </Container>
+    ),
+  ],
+}
+
+// Basic usage of DataRow with Label and Value
+export const Default = () => (
+  <DataRow>
+    <DataRow.Label>Send</DataRow.Label>
+    <DataRow.Value>0.05452 ETH</DataRow.Value>
+  </DataRow>
+)
+
+// DataRow with a Header and values below it
+export const WithHeader = () => (
+  <>
+    <DataRow.Header>Transaction Details</DataRow.Header>
+    <DataRow>
+      <DataRow.Label>Recipient</DataRow.Label>
+      <DataRow.Value>0x13d91...4589</DataRow.Value>
+    </DataRow>
+    <DataRow>
+      <DataRow.Label>Network</DataRow.Label>
+      <DataRow.Value>Ethereum</DataRow.Value>
+    </DataRow>
+  </>
+)
+
+// DataRow showcasing more complex ReactNode as Value
+export const ComplexValue = () => (
+  <DataRow>
+    <DataRow.Label>Recipient</DataRow.Label>
+    <DataRow.Value>
+      <XStack alignItems="center">
+        <Text>0x13d91...4589</Text>
+        <Text color="green" marginLeft="$3">
+          (Verified)
+        </Text>
+      </XStack>
+    </DataRow.Value>
+  </DataRow>
+)
diff --git a/apps/mobile/src/components/DataRow/DataRow.test.tsx b/apps/mobile/src/components/DataRow/DataRow.test.tsx
new file mode 100644
index 000000000..b3507116c
--- /dev/null
+++ b/apps/mobile/src/components/DataRow/DataRow.test.tsx
@@ -0,0 +1,83 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { DataRow } from './index'
+import { Text } from 'react-native'
+import { View } from 'tamagui'
+
+describe('DataRow', () => {
+  it('renders correctly with children', () => {
+    const { getByText } = render(
+      <DataRow>
+        <Text>Test Child</Text>
+      </DataRow>,
+    )
+    expect(getByText('Test Child')).toBeTruthy()
+  })
+
+  it('applies the correct styles', () => {
+    const { getByTestId } = render(
+      <DataRow testID="data-row">
+        <Text>Test Child</Text>
+      </DataRow>,
+    )
+    const dataRow = getByTestId('data-row')
+    expect(dataRow.props.style).toMatchObject({
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      paddingTop: 8,
+      paddingRight: 8,
+      paddingBottom: 8,
+      paddingLeft: 8,
+    })
+  })
+})
+
+describe('DataRow.Label', () => {
+  it('renders correctly with children', () => {
+    const { getByText } = render(<DataRow.Label>Label</DataRow.Label>)
+    expect(getByText('Label')).toBeTruthy()
+  })
+
+  it('applies the correct styles', () => {
+    const { getByText } = render(<DataRow.Label>Label</DataRow.Label>)
+    const label = getByText('Label')
+    expect(label.props.style).toMatchObject({
+      fontWeight: 'bold',
+    })
+  })
+})
+
+describe('DataRow.Value', () => {
+  it('renders correctly with children', () => {
+    const { getByText } = render(<DataRow.Value>Value</DataRow.Value>)
+    expect(getByText('Value')).toBeTruthy()
+  })
+
+  it('renders correctly with children as a React node', () => {
+    const { getByText } = render(
+      <DataRow.Value>
+        <View>
+          <Text>bob</Text>
+        </View>
+      </DataRow.Value>,
+    )
+    expect(getByText('bob')).toBeTruthy()
+  })
+})
+
+describe('DataRow.Header', () => {
+  it('renders correctly with children', () => {
+    const { getByText } = render(<DataRow.Header>Header Child</DataRow.Header>)
+    expect(getByText('Header Child')).toBeTruthy()
+  })
+
+  it('applies the correct styles', () => {
+    const { getByText } = render(<DataRow.Header>Header Child</DataRow.Header>)
+    const header = getByText('Header Child')
+    expect(header.props.style).toMatchObject({
+      fontFamily: 'DMSans-SemiBold',
+      marginBottom: 8,
+      marginTop: 8,
+    })
+  })
+})
diff --git a/apps/mobile/src/components/DataRow/DataRow.tsx b/apps/mobile/src/components/DataRow/DataRow.tsx
new file mode 100644
index 000000000..a460e3b9b
--- /dev/null
+++ b/apps/mobile/src/components/DataRow/DataRow.tsx
@@ -0,0 +1,47 @@
+import React from 'react'
+import { XStack, Text, Theme, XStackProps } from 'tamagui'
+
+type Props = {
+  children: string
+}
+
+type ValueProps = {
+  children: string | React.ReactElement
+}
+
+export const DataRow: React.FC<XStackProps> & {
+  Label: React.FC<Props>
+  Value: React.FC<ValueProps>
+  Header: React.FC<Props>
+} = (props: XStackProps) => {
+  const { children, ...rest } = props
+  return (
+    <XStack justifyContent="space-between" alignItems="center" padding="$2" {...rest}>
+      {children}
+    </XStack>
+  )
+}
+
+const Label = ({ children }: Props) => (
+  <Theme name={'label'}>
+    <Text fontWeight="bold">{children}</Text>
+  </Theme>
+)
+
+const Value = ({ children }: { children: string | React.ReactElement }) => {
+  if (typeof children === 'string') {
+    return <Text>{children}</Text>
+  }
+
+  return children
+}
+
+const Header = ({ children }: Props) => (
+  <Text fontWeight="600" marginVertical="$2">
+    {children}
+  </Text>
+)
+
+DataRow.Label = Label
+DataRow.Value = Value
+DataRow.Header = Header
diff --git a/apps/mobile/src/components/DataRow/index.ts b/apps/mobile/src/components/DataRow/index.ts
new file mode 100644
index 000000000..52f82bcee
--- /dev/null
+++ b/apps/mobile/src/components/DataRow/index.ts
@@ -0,0 +1,2 @@
+import { DataRow } from './DataRow'
+export { DataRow }
diff --git a/apps/mobile/src/components/Dropdown/DropdownLabel.tsx b/apps/mobile/src/components/Dropdown/DropdownLabel.tsx
new file mode 100644
index 000000000..dd6226f90
--- /dev/null
+++ b/apps/mobile/src/components/Dropdown/DropdownLabel.tsx
@@ -0,0 +1,49 @@
+import React from 'react'
+import { GetThemeValueForKey, Text, View } from 'tamagui'
+import { Pressable } from 'react-native-gesture-handler'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+
+type DropdownLabelProps = {
+  label: string
+  leftNode?: React.ReactNode
+  labelProps?: {
+    fontSize?: '$4' | '$5' | GetThemeValueForKey<'fontSize'>
+    fontWeight: 400 | 500 | 600
+  }
+  displayDropDownIcon?: boolean
+  onPress?: () => void
+  hitSlop?: number
+}
+const defaultLabelProps = {
+  fontSize: '$4',
+  fontWeight: 400,
+} as const
+
+export const DropdownLabel = ({
+  label,
+  displayDropDownIcon = true,
+  leftNode,
+  onPress,
+  labelProps = defaultLabelProps,
+  hitSlop = 0,
+}: DropdownLabelProps) => {
+  return (
+    <Pressable testID="dropdown-label-view" onPress={onPress} hitSlop={hitSlop}>
+      <View flexDirection="row" columnGap="$2" justifyContent="space-between" alignItems="center">
+        {leftNode}
+
+        <View justifyContent={'center'}>
+          <Text fontSize={labelProps.fontSize} fontWeight={labelProps.fontWeight} numberOfLines={1} maxWidth={170}>
+            {label}
+          </Text>
+        </View>
+
+        {displayDropDownIcon && (
+          <View>
+            <SafeFontIcon testID="dropdown-arrow" name="chevron-down" size={16} />
+          </View>
+        )}
+      </View>
+    </Pressable>
+  )
+}
diff --git a/apps/mobile/src/components/Dropdown/index.ts b/apps/mobile/src/components/Dropdown/index.ts
new file mode 100644
index 000000000..d81db89e7
--- /dev/null
+++ b/apps/mobile/src/components/Dropdown/index.ts
@@ -0,0 +1 @@
+export { DropdownLabel } from './DropdownLabel'
diff --git a/apps/mobile/src/components/Dropdown/sheetComponents.tsx b/apps/mobile/src/components/Dropdown/sheetComponents.tsx
new file mode 100644
index 000000000..93f18e792
--- /dev/null
+++ b/apps/mobile/src/components/Dropdown/sheetComponents.tsx
@@ -0,0 +1,56 @@
+import React from 'react'
+import { View as RCView, StyleSheet } from 'react-native'
+import { View } from 'tamagui'
+import { BottomSheetBackgroundProps, useBottomSheet } from '@gorhom/bottom-sheet'
+import { BlurView } from 'expo-blur'
+import { useRouter } from 'expo-router'
+
+const BackgroundComponent = React.memo(({ style }: BottomSheetBackgroundProps) => {
+  return (
+    <RCView style={style}>
+      <View flex={1} backgroundColor="$backgroundPaper" borderRadius={'$6'}></View>
+    </RCView>
+  )
+})
+
+const BackdropComponent = React.memo(({ shouldNavigateBack = true }: { shouldNavigateBack?: boolean }) => {
+  const { close } = useBottomSheet()
+  const router = useRouter()
+  const handleClose = () => {
+    close()
+    if (shouldNavigateBack) {
+      router.back()
+    }
+  }
+
+  return (
+    <View
+      testID="dropdown-backdrop"
+      onPress={handleClose}
+      position="absolute"
+      top={0}
+      left={0}
+      width="100%"
+      height="100%"
+    >
+      <BlurView style={styles.absolute} intensity={100} tint={'dark'} />
+    </View>
+  )
+})
+
+BackgroundComponent.displayName = 'BackgroundComponent'
+BackdropComponent.displayName = 'BackdropComponent'
+
+const styles = StyleSheet.create({
+  absolute: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+    width: '100%',
+    height: '100%',
+  },
+})
+
+export { BackgroundComponent, BackdropComponent }
diff --git a/apps/mobile/src/components/EncodedData/EncodedData.tsx b/apps/mobile/src/components/EncodedData/EncodedData.tsx
new file mode 100644
index 000000000..495c68ee8
--- /dev/null
+++ b/apps/mobile/src/components/EncodedData/EncodedData.tsx
@@ -0,0 +1,23 @@
+import React, { useReducer } from 'react'
+import { Text } from 'tamagui'
+import { TouchableOpacity } from 'react-native'
+
+interface EncodedDataProps {
+  data: string
+}
+
+export function EncodedData({ data }: EncodedDataProps) {
+  const [truncated, toggleTruncate] = useReducer((state: boolean) => !state, true)
+
+  return (
+    <>
+      <Text numberOfLines={truncated ? 5 : undefined} ellipsizeMode="tail">
+        {data}
+      </Text>
+
+      <TouchableOpacity onPress={toggleTruncate}>
+        <Text fontWeight={600}>{truncated ? 'Show more' : 'Show less'}</Text>
+      </TouchableOpacity>
+    </>
+  )
+}
diff --git a/apps/mobile/src/components/EncodedData/index.ts b/apps/mobile/src/components/EncodedData/index.ts
new file mode 100644
index 000000000..16d3fd116
--- /dev/null
+++ b/apps/mobile/src/components/EncodedData/index.ts
@@ -0,0 +1 @@
+export { EncodedData } from './EncodedData'
diff --git a/apps/mobile/src/components/EthAddress/ETHAddress.stories.tsx b/apps/mobile/src/components/EthAddress/ETHAddress.stories.tsx
new file mode 100644
index 000000000..006cd3675
--- /dev/null
+++ b/apps/mobile/src/components/EthAddress/ETHAddress.stories.tsx
@@ -0,0 +1,25 @@
+import type { StoryObj, Meta } from '@storybook/react'
+import { EthAddress } from '@/src/components/EthAddress'
+
+const meta: Meta<typeof EthAddress> = {
+  title: 'EthAddress',
+  component: EthAddress,
+  args: {},
+}
+
+export default meta
+
+type Story = StoryObj<typeof EthAddress>
+
+export const Default: Story = {
+  args: {
+    address: '0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6',
+  },
+}
+
+export const WithCopy: Story = {
+  args: {
+    address: '0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6',
+    copy: true,
+  },
+}
diff --git a/apps/mobile/src/components/EthAddress/ETHAddress.tsx b/apps/mobile/src/components/EthAddress/ETHAddress.tsx
new file mode 100644
index 000000000..d24ca4e3a
--- /dev/null
+++ b/apps/mobile/src/components/EthAddress/ETHAddress.tsx
@@ -0,0 +1,27 @@
+import { Address } from '@/src/types/address'
+import { shortenAddress } from '@/src/utils/formatters'
+import { GetThemeValueForKey, Text, type TextProps, View } from 'tamagui'
+import { CopyButton } from '@/src/components/CopyButton'
+import { OpaqueColorValue } from 'react-native'
+
+type Props = {
+  address: Address
+  copy?: boolean
+  textProps?: Partial<TextProps>
+  copyProps?: Partial<{
+    color: 'unset' | GetThemeValueForKey<'color'> | OpaqueColorValue | undefined
+    size: number
+  }>
+}
+export const EthAddress = ({ address, copy, textProps, copyProps }: Props) => {
+  return (
+    <View gap={'$1'} flexDirection={'row'} alignItems={'center'}>
+      <Text color={'$color'} {...textProps}>
+        {shortenAddress(address)}
+      </Text>
+      {copy && (
+        <CopyButton value={address} size={copyProps?.size} color={copyProps?.color || textProps?.color || '$color'} />
+      )}
+    </View>
+  )
+}
diff --git a/apps/mobile/src/components/EthAddress/index.ts b/apps/mobile/src/components/EthAddress/index.ts
new file mode 100644
index 000000000..1e81222b1
--- /dev/null
+++ b/apps/mobile/src/components/EthAddress/index.ts
@@ -0,0 +1,2 @@
+import { EthAddress } from './ETHAddress'
+export { EthAddress }
diff --git a/apps/mobile/src/components/Fiat/Fiat.test.tsx b/apps/mobile/src/components/Fiat/Fiat.test.tsx
new file mode 100644
index 000000000..e36afc13e
--- /dev/null
+++ b/apps/mobile/src/components/Fiat/Fiat.test.tsx
@@ -0,0 +1,12 @@
+import { render } from '@/src/tests/test-utils'
+import { Fiat } from '.'
+
+describe('Fiat', () => {
+  it('should render the formatted value correctly', () => {
+    const container = render(<Fiat value="215531.65" currency="usd" />)
+    const fiatBalanceDisplay = container.getByTestId('fiat-balance-display')
+
+    expect(fiatBalanceDisplay).toBeVisible()
+    expect(fiatBalanceDisplay).toHaveTextContent('$ 215.53K')
+  })
+})
diff --git a/apps/mobile/src/components/Fiat/Fiat.tsx b/apps/mobile/src/components/Fiat/Fiat.tsx
new file mode 100644
index 000000000..c9a652c8e
--- /dev/null
+++ b/apps/mobile/src/components/Fiat/Fiat.tsx
@@ -0,0 +1,46 @@
+import React, { useMemo } from 'react'
+import { H1, H2, View, XStack } from 'tamagui'
+import { formatCurrency, formatCurrencyPrecise } from '@safe-global/utils/utils/formatNumber'
+
+interface FiatProps {
+  value: string
+  currency: string
+  maxLength?: number
+  precise?: boolean
+}
+
+export const Fiat = ({ value, currency, maxLength, precise }: FiatProps) => {
+  const fiat = useMemo(() => {
+    return formatCurrency(value, currency, maxLength)
+  }, [value, currency, maxLength])
+
+  const preciseFiat = useMemo(() => {
+    return formatCurrencyPrecise(value, currency)
+  }, [value, currency])
+
+  const [symbol, whole, decimals, endCurrency] = useMemo(() => {
+    const match = (preciseFiat ?? '').match(/(\D+)?(.+)(\D\d+)(\D+)?$/)
+    return match ? match.slice(1) : ['', '', preciseFiat, '', '']
+  }, [preciseFiat])
+
+  return (
+    <View flexDirection="row" alignItems="center" testID={'fiat-balance-display'}>
+      {precise ? (
+        <XStack>
+          <H2 fontWeight={'600'} alignSelf={'flex-end'} marginBottom={'$2'} fontSize={27}>
+            {symbol}
+          </H2>
+          <H1 fontWeight="600">{whole}</H1>
+          {decimals && (
+            <H1 fontWeight={600} color="$textSecondaryDark">
+              {decimals}
+            </H1>
+          )}
+          <H1 fontWeight={600}>{endCurrency}</H1>
+        </XStack>
+      ) : (
+        <H1 fontWeight="600">{fiat}</H1>
+      )}
+    </View>
+  )
+}
diff --git a/apps/mobile/src/components/Fiat/index.ts b/apps/mobile/src/components/Fiat/index.ts
new file mode 100644
index 000000000..f6acb3036
--- /dev/null
+++ b/apps/mobile/src/components/Fiat/index.ts
@@ -0,0 +1,2 @@
+import { Fiat } from './Fiat'
+export { Fiat }
diff --git a/apps/mobile/src/components/FloatingContainer/FloatingContainer.tsx b/apps/mobile/src/components/FloatingContainer/FloatingContainer.tsx
new file mode 100644
index 000000000..4294040cc
--- /dev/null
+++ b/apps/mobile/src/components/FloatingContainer/FloatingContainer.tsx
@@ -0,0 +1,63 @@
+import { Layout } from '@/src/store/constants'
+import React, { FC, useMemo } from 'react'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+
+import { KeyboardAvoidingView, KeyboardAvoidingViewProps, Platform, StyleSheet, View, ViewStyle } from 'react-native'
+
+interface FloatingContainerProps {
+  children: React.ReactNode
+  noOffset?: boolean
+  sticky?: boolean
+  keyboardAvoidEnabled?: boolean
+  onLayout?: KeyboardAvoidingViewProps['onLayout']
+  testID?: string
+  style?: ViewStyle
+}
+
+export const FloatingContainer: FC<FloatingContainerProps> = ({
+  children,
+  noOffset,
+  sticky,
+  keyboardAvoidEnabled,
+  onLayout,
+  testID,
+  style,
+}: FloatingContainerProps) => {
+  const bottomInset = useSafeAreaInsets().bottom
+  const deviceBottom = Layout.isSmallDevice ? 10 : 20
+
+  const bottomPadding = useMemo(() => {
+    return Math.max(bottomInset, deviceBottom)
+  }, [bottomInset])
+
+  const keyboardVerticalOffset = useMemo(() => {
+    return noOffset ? 0 : Platform.select({ ios: 40, default: 0 })
+  }, [noOffset])
+
+  return (
+    <KeyboardAvoidingView
+      testID={testID}
+      behavior={sticky ? 'height' : 'position'}
+      keyboardVerticalOffset={keyboardVerticalOffset}
+      enabled={keyboardAvoidEnabled}
+      style={[styles.floatingContainer, { paddingBottom: bottomPadding }]}
+      onLayout={onLayout}
+    >
+      <View style={[styles.childContainer, style]}>{children}</View>
+    </KeyboardAvoidingView>
+  )
+}
+
+const styles = StyleSheet.create({
+  floatingContainer: {
+    position: 'absolute',
+    bottom: -40,
+    width: '100%',
+    zIndex: 1,
+  },
+  childContainer: {
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    flexGrow: 1,
+  },
+})
diff --git a/apps/mobile/src/components/FloatingContainer/index.ts b/apps/mobile/src/components/FloatingContainer/index.ts
new file mode 100644
index 000000000..1b5d10931
--- /dev/null
+++ b/apps/mobile/src/components/FloatingContainer/index.ts
@@ -0,0 +1,2 @@
+import { FloatingContainer } from './FloatingContainer'
+export { FloatingContainer }
diff --git a/apps/mobile/src/components/GradientText/GradientText.tsx b/apps/mobile/src/components/GradientText/GradientText.tsx
new file mode 100644
index 000000000..ea71e1593
--- /dev/null
+++ b/apps/mobile/src/components/GradientText/GradientText.tsx
@@ -0,0 +1,38 @@
+import React from 'react'
+import { Text, TextProps } from 'tamagui'
+import { LinearGradient } from 'expo-linear-gradient'
+// @ts-ignore - Type declarations not available for this library
+import MaskedView from '@react-native-masked-view/masked-view'
+
+interface GradientTextProps extends TextProps {
+  colors: [string, string]
+  locations?: [number, number]
+  gradientStart?: { x: number; y: number }
+  gradientEnd?: { x: number; y: number }
+}
+
+export const GradientText = ({
+  children,
+  colors,
+  locations = [0, 1],
+  gradientStart = { x: 0, y: 0 },
+  gradientEnd = { x: 1, y: 0 },
+  ...textProps
+}: GradientTextProps) => {
+  return (
+    <MaskedView
+      style={{ flexDirection: 'row' }}
+      maskElement={
+        <Text {...textProps} style={[textProps.style, { backgroundColor: 'transparent' }]}>
+          {children}
+        </Text>
+      }
+    >
+      <LinearGradient colors={colors} locations={locations} start={gradientStart} end={gradientEnd} style={{ flex: 1 }}>
+        <Text {...textProps} style={[textProps.style, { opacity: 0 }]}>
+          {children}
+        </Text>
+      </LinearGradient>
+    </MaskedView>
+  )
+}
diff --git a/apps/mobile/src/components/GradientText/index.ts b/apps/mobile/src/components/GradientText/index.ts
new file mode 100644
index 000000000..10c85d4c3
--- /dev/null
+++ b/apps/mobile/src/components/GradientText/index.ts
@@ -0,0 +1 @@
+export { GradientText } from './GradientText'
diff --git a/apps/mobile/src/components/Identicon/Identicon.stories.tsx b/apps/mobile/src/components/Identicon/Identicon.stories.tsx
new file mode 100644
index 000000000..4c308a3f9
--- /dev/null
+++ b/apps/mobile/src/components/Identicon/Identicon.stories.tsx
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { Identicon } from '@/src/components/Identicon'
+import { type Address } from '@/src/types/address'
+
+const defaultProps = {
+  address: '0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6' as Address,
+  size: 56,
+}
+const meta: Meta<typeof Identicon> = {
+  title: 'Identicon',
+  component: Identicon,
+  args: defaultProps,
+}
+
+export default meta
+
+type Story = StoryObj<typeof Identicon>
+
+export const Default: Story = {}
+
+export const Rounded: Story = {
+  args: {
+    ...defaultProps,
+    rounded: true,
+  },
+}
diff --git a/apps/mobile/src/components/Identicon/Identicon.test.tsx b/apps/mobile/src/components/Identicon/Identicon.test.tsx
new file mode 100644
index 000000000..617ad03ba
--- /dev/null
+++ b/apps/mobile/src/components/Identicon/Identicon.test.tsx
@@ -0,0 +1,38 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { Identicon } from './index'
+
+describe('Identicon', () => {
+  it('renders correctly with address', () => {
+    const { getByTestId } = render(<Identicon address="0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6" />)
+    const image = getByTestId('identicon-image')
+    expect(image).toBeTruthy()
+  })
+
+  it('applies rounded style by default', () => {
+    const { getByTestId } = render(<Identicon address="0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6" />)
+    const image = getByTestId('identicon-image-container')
+    expect(image.props.style.borderRadius).toBe('50%')
+  })
+
+  it('applies not-rounded style when rounded false', () => {
+    const { getByTestId } = render(<Identicon address="0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6" rounded={false} />)
+    const image = getByTestId('identicon-image-container')
+    expect(image.props.style.borderRadius).toBe(0)
+  })
+
+  it('applies default size when size prop is not provided', () => {
+    const { getByTestId } = render(<Identicon address="0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6" />)
+    const image = getByTestId('identicon-image')
+    expect(image.props.width).toBe(56)
+    expect(image.props.height).toBe(56)
+  })
+
+  it('applies custom size when size prop is provided', () => {
+    const { getByTestId } = render(<Identicon address="0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6" size={100} />)
+    const image = getByTestId('identicon-image')
+
+    expect(image.props.width).toBe(100)
+    expect(image.props.height).toBe(100)
+  })
+})
diff --git a/apps/mobile/src/components/Identicon/Identicon.tsx b/apps/mobile/src/components/Identicon/Identicon.tsx
new file mode 100644
index 000000000..5218525a2
--- /dev/null
+++ b/apps/mobile/src/components/Identicon/Identicon.tsx
@@ -0,0 +1,23 @@
+import { bloSvg } from 'blo'
+import { type Address } from '@/src/types/address'
+import { View } from 'tamagui'
+import { SvgXml } from 'react-native-svg'
+
+type Props = {
+  address: Address
+  rounded?: boolean
+  size?: number
+}
+
+const DEFAULT_SIZE = 56
+export const Identicon = ({ address, rounded = true, size }: Props) => {
+  size = size ? size : DEFAULT_SIZE
+
+  const blockieSvg = bloSvg(address)
+
+  return (
+    <View style={{ borderRadius: rounded ? '50%' : 0, overflow: 'hidden' }} testID={'identicon-image-container'}>
+      <SvgXml testID={'identicon-image'} xml={blockieSvg} width={size} height={size} />
+    </View>
+  )
+}
diff --git a/apps/mobile/src/components/Identicon/index.ts b/apps/mobile/src/components/Identicon/index.ts
new file mode 100644
index 000000000..b086ee405
--- /dev/null
+++ b/apps/mobile/src/components/Identicon/index.ts
@@ -0,0 +1,2 @@
+import { Identicon } from './Identicon'
+export { Identicon }
diff --git a/apps/mobile/src/components/InfoSheet/InfoSheet.tsx b/apps/mobile/src/components/InfoSheet/InfoSheet.tsx
new file mode 100644
index 000000000..a20ea3a86
--- /dev/null
+++ b/apps/mobile/src/components/InfoSheet/InfoSheet.tsx
@@ -0,0 +1,67 @@
+import React, { useCallback, useRef } from 'react'
+import { BottomSheetScrollView } from '@gorhom/bottom-sheet'
+import { SafeFontIcon } from '../SafeFontIcon'
+import { BottomSheetModal, TouchableOpacity } from '@gorhom/bottom-sheet'
+import { getVariable, Text, View, useTheme, H4, YStack } from 'tamagui'
+import { BackdropComponent, BackgroundComponent } from '@/src/components/Dropdown/sheetComponents'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { Badge } from '@/src/components/Badge'
+import { Platform } from 'react-native'
+import { FullWindowOverlay } from 'react-native-screens'
+
+export const InfoSheet = ({
+  info,
+  title,
+  displayIcon = true,
+  children,
+}: {
+  info: string
+  title?: string
+  displayIcon?: boolean
+  children?: string | React.ReactElement
+}) => {
+  const bottomSheetModalRef = useRef<BottomSheetModal>(null)
+  const insets = useSafeAreaInsets()
+  const theme = useTheme()
+
+  // callbacks
+  const handlePresentModalPress = useCallback(() => {
+    bottomSheetModalRef.current?.present()
+  }, [])
+
+  return (
+    <>
+      <TouchableOpacity onPress={handlePresentModalPress}>
+        {!children && <SafeFontIcon name="info" size={16} color="$colorSecondary" />}
+        {children}
+      </TouchableOpacity>
+
+      <BottomSheetModal
+        // @ts-expect-error - FullWindowOverlay is not typed
+        containerComponent={Platform.OS === 'ios' ? FullWindowOverlay : undefined}
+        ref={bottomSheetModalRef}
+        backgroundComponent={BackgroundComponent}
+        backdropComponent={() => <BackdropComponent shouldNavigateBack={false} />}
+        topInset={insets.top}
+        enableDynamicSizing
+        handleIndicatorStyle={{ backgroundColor: getVariable(theme.borderMain) }}
+      >
+        <BottomSheetScrollView contentContainerStyle={{ paddingBottom: insets.bottom }}>
+          <YStack gap="$4" padding="$4" alignItems="center" justifyContent="center">
+            {displayIcon && (
+              <Badge
+                themeName="badge_background"
+                circleSize="$10"
+                content={<SafeFontIcon name="info" size={24} color="$color" />}
+              />
+            )}
+            <View gap="$2" alignItems="center">
+              {title && <H4 fontWeight="600">{title}</H4>}
+              <Text textAlign="center">{info}</Text>
+            </View>
+          </YStack>
+        </BottomSheetScrollView>
+      </BottomSheetModal>
+    </>
+  )
+}
diff --git a/apps/mobile/src/components/InfoSheet/index.ts b/apps/mobile/src/components/InfoSheet/index.ts
new file mode 100644
index 000000000..5260e812b
--- /dev/null
+++ b/apps/mobile/src/components/InfoSheet/index.ts
@@ -0,0 +1 @@
+export { InfoSheet } from './InfoSheet'
diff --git a/apps/mobile/src/components/InnerShadow/InnerShadow.test.tsx b/apps/mobile/src/components/InnerShadow/InnerShadow.test.tsx
new file mode 100644
index 000000000..44a79f3fd
--- /dev/null
+++ b/apps/mobile/src/components/InnerShadow/InnerShadow.test.tsx
@@ -0,0 +1,10 @@
+import { render } from '@/src/tests/test-utils'
+import { InnerShadow } from '.'
+
+describe('InnerShadow', () => {
+  it('should render the default markup', () => {
+    const container = render(<InnerShadow />)
+
+    expect(container).toMatchSnapshot()
+  })
+})
diff --git a/apps/mobile/src/components/InnerShadow/InnerShadow.tsx b/apps/mobile/src/components/InnerShadow/InnerShadow.tsx
new file mode 100644
index 000000000..4079d2663
--- /dev/null
+++ b/apps/mobile/src/components/InnerShadow/InnerShadow.tsx
@@ -0,0 +1,14 @@
+import { styled, View } from 'tamagui'
+
+export const InnerShadow = styled(View, {
+  position: 'absolute',
+  bottom: 0,
+  height: 10,
+  left: 0,
+  width: '100%',
+  backgroundColor: '$background',
+  shadowColor: '$background',
+  shadowOffset: { width: -2, height: -4 },
+  shadowRadius: 4,
+  shadowOpacity: 1,
+})
diff --git a/apps/mobile/src/components/InnerShadow/__snapshots__/InnerShadow.test.tsx.snap b/apps/mobile/src/components/InnerShadow/__snapshots__/InnerShadow.test.tsx.snap
new file mode 100644
index 000000000..bef7d551e
--- /dev/null
+++ b/apps/mobile/src/components/InnerShadow/__snapshots__/InnerShadow.test.tsx.snap
@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InnerShadow should render the default markup 1`] = `
+<View>
+  <View
+    style={
+      {
+        "backgroundColor": "#FFFFFF",
+        "bottom": 0,
+        "height": 10,
+        "left": 0,
+        "position": "absolute",
+        "shadowColor": "rgb(255,255,255)",
+        "shadowOffset": {
+          "height": -4,
+          "width": -2,
+        },
+        "shadowOpacity": 1,
+        "shadowRadius": 4,
+        "width": "100%",
+      }
+    }
+  />
+</View>
+`;
diff --git a/apps/mobile/src/components/InnerShadow/index.ts b/apps/mobile/src/components/InnerShadow/index.ts
new file mode 100644
index 000000000..975b859a6
--- /dev/null
+++ b/apps/mobile/src/components/InnerShadow/index.ts
@@ -0,0 +1,2 @@
+import { InnerShadow } from './InnerShadow'
+export { InnerShadow }
diff --git a/apps/mobile/src/components/LoadableSwitch/LoadableSwitch.tsx b/apps/mobile/src/components/LoadableSwitch/LoadableSwitch.tsx
new file mode 100644
index 000000000..04bbadf3e
--- /dev/null
+++ b/apps/mobile/src/components/LoadableSwitch/LoadableSwitch.tsx
@@ -0,0 +1,58 @@
+import React from 'react'
+import { Switch, StyleSheet } from 'react-native'
+import { getTokenValue, useTheme, View } from 'tamagui'
+import { Loader } from '../Loader'
+
+interface LoadableSwitchProps {
+  isLoading?: boolean
+  value: boolean
+  onChange: () => void
+  testID?: string
+  trackColor?: {
+    true: string
+    false?: string
+  }
+}
+
+export const LoadableSwitch: React.FC<LoadableSwitchProps> = ({
+  isLoading = false,
+  value,
+  onChange,
+  testID,
+  trackColor = { true: '$primary' },
+}) => {
+  const theme = useTheme()
+
+  const resolveThemeColor = (color: string) => {
+    if (color.startsWith('$')) {
+      const themeKey = color.slice(1) // remove the '$' prefix
+      const themeValue = theme[themeKey as keyof typeof theme]
+      return themeValue?.get() || getTokenValue(color as unknown as 'auto') || color
+    }
+    return color
+  }
+
+  return (
+    <View position="relative">
+      {isLoading && (
+        <View style={styles.loaderContainer} backgroundColor="$background">
+          <Loader size={24} color={value ? resolveThemeColor(trackColor.true) : '#ccc'} />
+        </View>
+      )}
+      <Switch testID={testID} onValueChange={onChange} value={value} trackColor={trackColor} />
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  loaderContainer: {
+    width: 51,
+    height: 31,
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    zIndex: 10,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+})
diff --git a/apps/mobile/src/components/LoadableSwitch/index.ts b/apps/mobile/src/components/LoadableSwitch/index.ts
new file mode 100644
index 000000000..a8c64e200
--- /dev/null
+++ b/apps/mobile/src/components/LoadableSwitch/index.ts
@@ -0,0 +1,3 @@
+import { LoadableSwitch } from './LoadableSwitch'
+
+export { LoadableSwitch }
diff --git a/apps/mobile/src/components/Loader/Loader.tsx b/apps/mobile/src/components/Loader/Loader.tsx
new file mode 100644
index 000000000..7ec47f2ac
--- /dev/null
+++ b/apps/mobile/src/components/Loader/Loader.tsx
@@ -0,0 +1,17 @@
+import React from 'react'
+import { View } from 'tamagui'
+
+import { CircleSnail, CircleSnailPropTypes } from 'react-native-progress'
+interface LoaderProps {
+  size?: number
+  color?: string
+  props?: CircleSnailPropTypes
+}
+
+export function Loader({ size = 64, color = '#12FF80', ...props }: LoaderProps) {
+  return (
+    <View justifyContent="center" alignItems="center">
+      <CircleSnail size={size} color={color} {...props} />
+    </View>
+  )
+}
diff --git a/apps/mobile/src/components/Loader/index.ts b/apps/mobile/src/components/Loader/index.ts
new file mode 100644
index 000000000..7270b4827
--- /dev/null
+++ b/apps/mobile/src/components/Loader/index.ts
@@ -0,0 +1 @@
+export { Loader } from './Loader'
diff --git a/apps/mobile/src/components/LoadingScreen/LoadingScreen.tsx b/apps/mobile/src/components/LoadingScreen/LoadingScreen.tsx
new file mode 100644
index 000000000..62674c839
--- /dev/null
+++ b/apps/mobile/src/components/LoadingScreen/LoadingScreen.tsx
@@ -0,0 +1,23 @@
+import React from 'react'
+import { H4, View } from 'tamagui'
+
+import { Loader } from '@/src/components/Loader'
+
+interface LoadingScreenProps {
+  title: string
+  description: string
+}
+
+export function LoadingScreen({ title, description }: LoadingScreenProps) {
+  return (
+    <View flex={1} justifyContent="center" alignItems="center">
+      <Loader size={64} color="#12FF80" />
+      <H4 fontWeight={600} marginTop="$7" marginBottom="$4">
+        {title}
+      </H4>
+      <H4 fontWeight={600} color="$textSecondaryLight">
+        {description}
+      </H4>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/components/LoadingScreen/index.ts b/apps/mobile/src/components/LoadingScreen/index.ts
new file mode 100644
index 000000000..4fc1fce95
--- /dev/null
+++ b/apps/mobile/src/components/LoadingScreen/index.ts
@@ -0,0 +1 @@
+export { LoadingScreen } from './LoadingScreen'
diff --git a/apps/mobile/src/components/Logo/Logo.test.tsx b/apps/mobile/src/components/Logo/Logo.test.tsx
new file mode 100644
index 000000000..d80ba6378
--- /dev/null
+++ b/apps/mobile/src/components/Logo/Logo.test.tsx
@@ -0,0 +1,59 @@
+import { render } from '@/src/tests/test-utils'
+import { Logo } from '.'
+
+describe('Logo', () => {
+  it('should render the default markup', () => {
+    const container = render(<Logo logoUri="http://something.com/my-image.png" accessibilityLabel="Mocked logo" />)
+
+    expect(container.getByLabelText('Mocked logo')).toBeTruthy()
+  })
+
+  it('should render the fallback markup', () => {
+    const container = render(<Logo />)
+
+    expect(container.queryByTestId('logo-image')).not.toBeTruthy()
+    expect(container.queryByTestId('logo-fallback-icon')).toBeTruthy()
+  })
+
+  it('should show fallback when logoUri is not provided', () => {
+    const container = render(<Logo logoUri={null} />)
+
+    expect(container.queryByTestId('logo-image')).not.toBeTruthy()
+    expect(container.queryByTestId('logo-fallback-icon')).toBeTruthy()
+  })
+
+  it('should show fallback when logoUri is empty string', () => {
+    const container = render(<Logo logoUri="" />)
+
+    expect(container.queryByTestId('logo-image')).not.toBeTruthy()
+    expect(container.queryByTestId('logo-fallback-icon')).toBeTruthy()
+  })
+
+  it('should use custom fallback icon when specified', () => {
+    const container = render(<Logo fallbackIcon="wallet" />)
+
+    const fallbackIcon = container.getByTestId('logo-fallback-icon')
+    expect(fallbackIcon).toBeTruthy()
+  })
+
+  it('should render with custom size', () => {
+    const container = render(<Logo logoUri="http://something.com/my-image.png" size="$6" />)
+
+    // Initially, only fallback should be visible until image loads
+    expect(container.queryByTestId('logo-fallback-icon')).toBeTruthy()
+  })
+
+  it('should render with badge content when provided', () => {
+    const badgeContent = <span data-testid="badge-content">Badge</span>
+    const container = render(<Logo logoUri="http://something.com/my-image.png" badgeContent={badgeContent} />)
+
+    // Component should render without errors
+    expect(container.queryByTestId('logo-fallback-icon')).toBeTruthy()
+  })
+
+  it('should handle different image backgrounds', () => {
+    const container = render(<Logo logoUri="http://something.com/my-image.png" imageBackground="$colorPrimary" />)
+
+    expect(container.queryByTestId('logo-fallback-icon')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/Logo/Logo.tsx b/apps/mobile/src/components/Logo/Logo.tsx
new file mode 100644
index 000000000..aede811b6
--- /dev/null
+++ b/apps/mobile/src/components/Logo/Logo.tsx
@@ -0,0 +1,73 @@
+import React from 'react'
+import { Avatar, Theme, View } from 'tamagui'
+import { IconProps, SafeFontIcon } from '../SafeFontIcon/SafeFontIcon'
+import { Badge } from '../Badge/Badge'
+import { badgeTheme } from '../Badge/theme'
+import useValidLogoUri from '@/src/hooks/useValidLogoUri'
+
+type BadgeThemeKeys = keyof typeof badgeTheme
+type ExtractAfterUnderscore<T extends string> = T extends `${string}_${infer Rest}` ? Rest : never
+export type BadgeThemeTypes = ExtractAfterUnderscore<BadgeThemeKeys>
+
+interface LogoProps {
+  logoUri?: string | null
+  accessibilityLabel?: string
+  fallbackIcon?: IconProps['name']
+  fallbackContent?: React.ReactNode
+  imageBackground?: string
+  size?: string
+  badgeContent?: React.ReactElement
+  badgeThemeName?: BadgeThemeTypes
+}
+
+export function Logo({
+  logoUri,
+  accessibilityLabel,
+  size = '$10',
+  imageBackground = '$color',
+  fallbackIcon = 'nft',
+  fallbackContent,
+  badgeContent,
+  badgeThemeName = 'badge_background',
+}: LogoProps) {
+  const validUri = useValidLogoUri(logoUri)
+
+  return (
+    <Theme name="logo">
+      <View width={size}>
+        <View position="absolute" top={-10} right={-10} zIndex={1}>
+          {badgeContent && (
+            <Badge themeName={badgeThemeName} content={badgeContent} circleSize="$6" circleProps={{ bordered: true }} />
+          )}
+        </View>
+
+        <Avatar circular size={size}>
+          {validUri && (
+            <Avatar.Image
+              testID="logo-image"
+              backgroundColor={imageBackground}
+              accessibilityLabel={accessibilityLabel}
+              source={{ uri: validUri }}
+            />
+          )}
+
+          <Avatar.Fallback backgroundColor="$background">
+            {fallbackContent || (
+              <View
+                backgroundColor="$background"
+                borderRadius={0}
+                display="flex"
+                alignItems="center"
+                justifyContent="center"
+                height={size}
+                width={size}
+              >
+                <SafeFontIcon testID="logo-fallback-icon" name={fallbackIcon} color="$colorSecondary" size={16} />
+              </View>
+            )}
+          </Avatar.Fallback>
+        </Avatar>
+      </View>
+    </Theme>
+  )
+}
diff --git a/apps/mobile/src/components/Logo/index.ts b/apps/mobile/src/components/Logo/index.ts
new file mode 100644
index 000000000..5e5089137
--- /dev/null
+++ b/apps/mobile/src/components/Logo/index.ts
@@ -0,0 +1,2 @@
+import { Logo } from './Logo'
+export { Logo }
diff --git a/apps/mobile/src/components/NetworkBadge/NetworkBadge.stories.tsx b/apps/mobile/src/components/NetworkBadge/NetworkBadge.stories.tsx
new file mode 100644
index 000000000..a9006bdd3
--- /dev/null
+++ b/apps/mobile/src/components/NetworkBadge/NetworkBadge.stories.tsx
@@ -0,0 +1,46 @@
+import type { StoryObj, Meta } from '@storybook/react'
+import { NetworkBadge } from '@/src/components/NetworkBadge/NetworkBadge'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { XStack, YStack } from 'tamagui'
+
+const meta: Meta<typeof NetworkBadge> = {
+  title: 'NetworkBadge',
+  component: NetworkBadge,
+  args: {
+    network: {
+      chainName: 'Ethereum',
+      chainLogoUri: 'https://example.com/ethereum-logo.png',
+    } as Chain,
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof NetworkBadge>
+
+export const Default: Story = {
+  args: {
+    network: {
+      chainName: 'Ethereum',
+      chainLogoUri: 'https://example.com/ethereum-logo.png',
+    } as Chain,
+  },
+}
+
+export const Multiple: Story = {
+  args: {
+    network: {
+      chainName: 'Ethereum',
+      chainLogoUri: 'https://example.com/ethereum-logo.png',
+    } as Chain,
+  },
+  render: (args) => (
+    <YStack>
+      <XStack gap={'$2'}>
+        <NetworkBadge {...args} />
+        <NetworkBadge {...args} />
+        <NetworkBadge {...args} />
+      </XStack>
+    </YStack>
+  ),
+}
diff --git a/apps/mobile/src/components/NetworkBadge/NetworkBadge.tsx b/apps/mobile/src/components/NetworkBadge/NetworkBadge.tsx
new file mode 100644
index 000000000..877140804
--- /dev/null
+++ b/apps/mobile/src/components/NetworkBadge/NetworkBadge.tsx
@@ -0,0 +1,27 @@
+import { Text, Theme, View } from 'tamagui'
+import { Logo } from '@/src/components/Logo'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+
+type Props = {
+  network: Chain
+}
+
+export const NetworkBadge = ({ network }: Props) => {
+  return (
+    <Theme name={'network_badge'}>
+      <View
+        flexDirection="row"
+        alignItems="center"
+        justifyContent="center"
+        backgroundColor="$background"
+        borderRadius="$10"
+        paddingLeft="$1"
+        paddingRight="$3"
+        paddingVertical="$1"
+      >
+        <Logo size={'$6'} logoUri={network.chainLogoUri} />
+        <Text marginLeft={'$2'}>{network.chainName}</Text>
+      </View>
+    </Theme>
+  )
+}
diff --git a/apps/mobile/src/components/NetworkBadge/index.ts b/apps/mobile/src/components/NetworkBadge/index.ts
new file mode 100644
index 000000000..6950a0d94
--- /dev/null
+++ b/apps/mobile/src/components/NetworkBadge/index.ts
@@ -0,0 +1 @@
+export { NetworkBadge } from './NetworkBadge'
diff --git a/apps/mobile/src/components/NetworkBadge/theme.ts b/apps/mobile/src/components/NetworkBadge/theme.ts
new file mode 100644
index 000000000..23516251f
--- /dev/null
+++ b/apps/mobile/src/components/NetworkBadge/theme.ts
@@ -0,0 +1,12 @@
+import { tokens } from '@/src/theme/tokens'
+
+export const badgeTheme = {
+  light_network_badge: {
+    background: tokens.color.backgroundSecondaryLight,
+    color: tokens.color.backgroundMainDark,
+  },
+  dark_network_badge: {
+    color: tokens.color.textPrimaryDark,
+    background: tokens.color.backgroundSecondaryDark,
+  },
+}
diff --git a/apps/mobile/src/components/OptIn/OptIn.tsx b/apps/mobile/src/components/OptIn/OptIn.tsx
new file mode 100644
index 000000000..7adbd0df2
--- /dev/null
+++ b/apps/mobile/src/components/OptIn/OptIn.tsx
@@ -0,0 +1,122 @@
+import React from 'react'
+import { ColorSchemeName, ImageSourcePropType, StyleSheet } from 'react-native'
+import { H2, Image, Text, getTokenValue, View } from 'tamagui'
+import { SafeButton } from '@/src/components/SafeButton'
+import { WINDOW_HEIGHT } from '@/src/store/constants'
+import { Loader } from '../Loader'
+import { SafeFontIcon } from '../SafeFontIcon'
+import { Container } from '../Container'
+
+interface OptInProps {
+  title: string
+  ctaButton: {
+    onPress: () => void
+    label: string
+  }
+  kicker?: string
+  description?: string
+  image?: ImageSourcePropType
+  secondaryButton?: {
+    onPress: () => void
+    label: string
+  }
+  testID?: string
+  isVisible?: boolean
+  isLoading?: boolean
+  colorScheme: ColorSchemeName
+  infoMessage?: string
+}
+
+export const OptIn: React.FC<OptInProps> = React.memo(
+  ({
+    testID,
+    kicker,
+    title,
+    description,
+    image,
+    ctaButton,
+    secondaryButton,
+    isVisible,
+    isLoading,
+    colorScheme,
+    infoMessage,
+  }: OptInProps) => {
+    if (!isVisible) {
+      return
+    }
+
+    return (
+      <View testID={testID} style={[styles.wrapper]} paddingTop={'$10'}>
+        <View flex={1} justifyContent="space-between" alignItems="center">
+          <View gap={'$4'} paddingHorizontal={'$4'}>
+            {kicker && (
+              <Text textAlign="center" fontWeight={700} fontSize="$4" lineHeight="$6">
+                {kicker}
+              </Text>
+            )}
+            <H2 textAlign="center" fontWeight={600}>
+              {title}
+            </H2>
+            {description && (
+              <Text textAlign="center" fontWeight={400} fontSize="$4" paddingHorizontal={'$4'}>
+                {description}
+              </Text>
+            )}
+            {infoMessage && (
+              <Container
+                flexDirection="row"
+                gap={'$2'}
+                paddingVertical={'$2'}
+                justifyContent="center"
+                alignItems="center"
+              >
+                <SafeFontIcon testID="info-icon" name="info" size={20} />
+                <Text fontSize="$3" color="$textMuted">
+                  {infoMessage}
+                </Text>
+              </Container>
+            )}
+          </View>
+          {image && <Image style={styles.image} source={image} />}
+        </View>
+
+        <View testID="notifications-opt-in-cta-buttons" flexDirection="column" paddingHorizontal={'$4'} gap="$4">
+          <SafeButton onPress={ctaButton.onPress} marginBottom={'$3'} testID={'opt-in-primary-button'} size="$xl">
+            {!isLoading ? (
+              ctaButton.label
+            ) : (
+              <Loader
+                size={24}
+                color={
+                  colorScheme === 'dark'
+                    ? getTokenValue('$color.textContrastDark')
+                    : getTokenValue('$color.primaryLightDark')
+                }
+              />
+            )}
+          </SafeButton>
+          {secondaryButton && (
+            <SafeButton text onPress={secondaryButton.onPress} testID={'opt-in-secondary-button'} size="$xl">
+              {secondaryButton.label}
+            </SafeButton>
+          )}
+        </View>
+      </View>
+    )
+  },
+)
+
+const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    gap: getTokenValue('$4', 'space'),
+    justifyContent: 'space-between',
+  },
+  image: {
+    width: '100%',
+    height: Math.abs(WINDOW_HEIGHT * 0.42),
+    marginBottom: 40,
+  },
+})
+
+OptIn.displayName = 'OptIn'
diff --git a/apps/mobile/src/components/OptIn/index.ts b/apps/mobile/src/components/OptIn/index.ts
new file mode 100644
index 000000000..3515066da
--- /dev/null
+++ b/apps/mobile/src/components/OptIn/index.ts
@@ -0,0 +1,2 @@
+import { OptIn } from './OptIn'
+export { OptIn }
diff --git a/apps/mobile/src/components/ProposalBadge/ProposalBadge.stories.tsx b/apps/mobile/src/components/ProposalBadge/ProposalBadge.stories.tsx
new file mode 100644
index 000000000..cd6219131
--- /dev/null
+++ b/apps/mobile/src/components/ProposalBadge/ProposalBadge.stories.tsx
@@ -0,0 +1,15 @@
+import type { StoryObj, Meta } from '@storybook/react'
+import { ProposalBadge } from '@/src/components/ProposalBadge/ProposalBadge'
+
+const meta: Meta<typeof ProposalBadge> = {
+  title: 'ProposalBadge',
+  component: ProposalBadge,
+}
+
+export default meta
+
+type Story = StoryObj<typeof ProposalBadge>
+
+export const Default: Story = {
+  args: {},
+}
diff --git a/apps/mobile/src/components/ProposalBadge/ProposalBadge.tsx b/apps/mobile/src/components/ProposalBadge/ProposalBadge.tsx
new file mode 100644
index 000000000..95aeb6a9f
--- /dev/null
+++ b/apps/mobile/src/components/ProposalBadge/ProposalBadge.tsx
@@ -0,0 +1,21 @@
+import { Badge } from '@/src/components/Badge'
+import { Text, View } from 'tamagui'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+
+export const ProposalBadge = () => {
+  return (
+    <Badge
+      circular={false}
+      content={
+        <View alignItems="center" flexDirection="row" gap="$1">
+          <SafeFontIcon size={12} name="info" />
+
+          <Text fontWeight={600} color={'$color'}>
+            Proposal
+          </Text>
+        </View>
+      }
+      themeName="badge_background"
+    />
+  )
+}
diff --git a/apps/mobile/src/components/ProposalBadge/index.tsx b/apps/mobile/src/components/ProposalBadge/index.tsx
new file mode 100644
index 000000000..0d53de107
--- /dev/null
+++ b/apps/mobile/src/components/ProposalBadge/index.tsx
@@ -0,0 +1 @@
+export { ProposalBadge } from './ProposalBadge'
diff --git a/apps/mobile/src/components/SVGs/SafeWalletLogo.tsx b/apps/mobile/src/components/SVGs/SafeWalletLogo.tsx
new file mode 100644
index 000000000..fe9ac1def
--- /dev/null
+++ b/apps/mobile/src/components/SVGs/SafeWalletLogo.tsx
@@ -0,0 +1,55 @@
+import * as React from 'react'
+import Svg, { SvgProps, G, Path, Defs, ClipPath, Rect } from 'react-native-svg'
+
+export const SafeWalletLogo = (props: SvgProps) => (
+  <Svg width={165} height={24} viewBox="0 0 165 24" fill="none" {...props}>
+    <G clipPath="url(#clip0_6933_13699)">
+      <Path
+        d="M57.1292 3.61288V20.3871C57.1292 20.7887 57.4617 21.1145 57.8716 21.1145H59.0149C59.6003 21.1145 60.0752 21.5792 60.0752 22.1532V23.2726C60.0752 23.6742 60.4078 24 60.8176 24H63.0467C63.4565 24 63.7891 23.6742 63.7891 23.2726V21.7133C63.7891 21.3117 63.4565 20.9859 63.0467 20.9859H61.266C60.6808 20.9859 60.2056 20.5212 60.2056 19.9472V4.05203C60.2056 3.47876 60.6801 3.01326 61.266 3.01326H63.0459C63.4558 3.01326 63.7883 2.68752 63.7883 2.2859V0.727369C63.7883 0.325758 63.4558 0 63.0459 0H60.8169C60.407 0 60.0745 0.325758 60.0745 0.727369V1.84677C60.0745 2.42004 59.6003 2.88553 59.0141 2.88553H57.8708C57.4609 2.88553 57.1284 3.21128 57.1284 3.61288H57.1292Z"
+        fill="#121312"
+      />
+      <Path
+        d="M164.209 20.3858V3.61266C164.209 3.21107 163.877 2.88533 163.467 2.88533H162.323C161.738 2.88533 161.263 2.42068 161.263 1.84665V0.727321C161.263 0.325738 160.931 0 160.521 0H158.292C157.882 0 157.55 0.325738 157.55 0.727321V2.28655C157.55 2.68813 157.882 3.01387 158.292 3.01387H160.073C160.658 3.01387 161.133 3.47854 161.133 4.05256V19.9474C161.133 20.5207 160.659 20.9861 160.073 20.9861H158.293C157.883 20.9861 157.55 21.3119 157.55 21.7135V23.2727C157.55 23.6743 157.883 24 158.293 24H160.522C160.932 24 161.264 23.6743 161.264 23.2727V22.1534C161.264 21.5801 161.738 21.1147 162.324 21.1147H163.468C163.878 21.1147 164.21 20.7889 164.21 20.3873L164.209 20.3858Z"
+        fill="#121312"
+      />
+      <Path
+        d="M11.121 11.4566C10.3123 11.1346 9.32471 10.8661 8.15836 10.6503H8.13338C7.00004 10.4521 6.14945 10.27 5.5832 10.1045C5.01612 9.93994 4.57068 9.71618 4.24607 9.4349C3.92144 9.15362 3.75874 8.76525 3.75874 8.26901C3.75874 7.54181 4.03342 6.98804 4.58356 6.60765C5.13373 6.22729 5.85867 6.03711 6.75842 6.03711C7.74191 6.03711 8.53694 6.28481 9.1459 6.78106C9.69202 7.22698 10.0263 7.79274 10.1496 8.47836C10.1737 8.61501 10.2905 8.71649 10.4307 8.7173L13.1968 8.73807C13.3667 8.73968 13.502 8.59503 13.4851 8.42723C13.3925 7.50985 13.0872 6.67639 12.5709 5.92522C11.9958 5.09017 11.2039 4.44128 10.1963 3.97861C9.18778 3.51592 8.04236 3.28418 6.75921 3.28418C5.5429 3.28418 4.44663 3.50713 3.47198 3.95383C2.49733 4.40053 1.73855 5.01983 1.19726 5.81416C0.655157 6.60765 0.384512 7.50105 0.384512 8.49276C0.384512 9.58433 0.62616 10.4602 1.10946 11.1218C1.59276 11.7835 2.22588 12.2837 3.00963 12.6225C3.79256 12.9614 4.7342 13.2299 5.83451 13.4288L5.95934 13.4536C7.12573 13.6686 7.99645 13.8588 8.57157 14.0242C9.14669 14.1896 9.60021 14.4213 9.93367 14.7186C10.2671 15.0166 10.4339 15.4218 10.4339 15.934C10.4339 16.662 10.1342 17.2318 9.53414 17.6449C8.93407 18.058 8.15918 18.265 7.2095 18.265C6.07616 18.265 5.1595 17.9797 4.45952 17.4092C3.82238 16.8898 3.44782 16.2241 3.33505 15.4106C3.31571 15.27 3.19812 15.1629 3.05474 15.1613L0.291878 15.1197C0.12353 15.1173 -0.0117936 15.258 0.00109437 15.4242C0.0792276 16.4247 0.394982 17.3261 0.946747 18.1284C1.5549 19.013 2.39261 19.7074 3.45909 20.2116C4.52556 20.7159 5.75074 20.9684 7.13377 20.9684C8.41692 20.9684 9.56719 20.7367 10.5837 20.274C11.6002 19.8113 12.3961 19.1704 12.9712 18.3521C13.5463 17.5338 13.8339 16.6125 13.8339 15.5872C13.8339 14.4956 13.5834 13.6158 13.084 12.9462C12.5838 12.2765 11.9297 11.7803 11.1218 11.4582L11.121 11.4566Z"
+        fill="#121312"
+      />
+      <Path
+        d="M28.4018 18.1117H27.9673C27.716 18.1117 27.5183 18.0456 27.3763 17.9119C27.2336 17.779 27.1622 17.5624 27.1622 17.262V12.4876C27.1622 10.971 26.6759 9.81685 25.703 9.02596C24.7302 8.23505 23.5847 7.83154 21.7898 7.83154C20.0955 7.83154 18.7716 8.1972 17.7323 8.91399C16.7846 9.56717 16.2131 10.462 16.0177 11.5992C15.9877 11.7756 16.1215 11.9383 16.3023 11.9383H18.8592C18.9873 11.9383 19.1024 11.8545 19.1364 11.7321C19.2532 11.3109 19.511 10.9678 19.909 10.7012C20.3703 10.3927 20.9183 10.2389 21.6399 10.2389C23.0002 10.2389 23.9682 11.0725 23.9682 12.3136V12.7018C23.9682 12.8605 23.8385 12.9885 23.6795 12.9885H21.3634C19.485 12.9885 18.059 13.355 17.0862 14.0879C16.1134 14.8216 15.627 15.863 15.627 17.212C15.627 18.3791 16.0712 19.2956 16.9605 19.9617C17.6277 20.4618 18.4247 20.7502 19.2459 20.8766C19.8734 20.9733 20.517 21.0087 21.1461 20.908C21.8044 20.8033 22.3395 20.5335 22.8745 20.1493C23.3553 19.8046 23.7566 19.3625 24.123 18.8228C24.3014 18.5184 24.7699 18.64 24.7699 18.9928V19.4164C24.7699 20.1864 25.3974 20.8114 26.1733 20.8114H28.4034C28.5632 20.8114 28.6921 20.6825 28.6921 20.5246V18.3992C28.6921 18.2405 28.5624 18.1125 28.4034 18.1125L28.4018 18.1117ZM23.9665 15.5368C23.9665 16.1537 23.836 16.6909 23.5766 17.1492C23.0318 18.1101 22.0574 18.611 20.9597 18.611C20.3217 18.611 19.8101 18.4612 19.4251 18.1616C19.0391 17.8612 18.8462 17.4617 18.8462 16.9615C18.8462 16.3954 19.0602 15.958 19.4875 15.6496C19.9155 15.3419 20.5227 15.1873 21.3115 15.1873H23.6779C23.8376 15.1873 23.9665 15.3161 23.9665 15.474V15.5368Z"
+        fill="#121312"
+      />
+      <Path
+        d="M37.6287 3.53687H34.3188C32.5727 3.53687 31.1566 4.94574 31.1566 6.68458V8.06695C31.1566 8.2251 31.0274 8.35276 30.8694 8.35276H28.9798C28.821 8.35276 28.6926 8.48119 28.6926 8.63853V10.782C28.6926 10.9401 28.8217 11.0678 28.9798 11.0678H30.8694C31.0282 11.0678 31.1566 11.1962 31.1566 11.3535V20.6827C31.1566 20.8408 31.2857 20.9684 31.4437 20.9684H34.0229C34.1818 20.9684 34.3099 20.84 34.3099 20.6827V11.3535C34.3099 11.1954 34.439 11.0678 34.597 11.0678H37.602C37.7611 11.0678 37.8892 10.9393 37.8892 10.782V8.63853C37.8892 8.48039 37.7603 8.35276 37.602 8.35276H34.597C34.4382 8.35276 34.3099 8.22429 34.3099 8.06695V6.82426C34.3099 6.50796 34.5673 6.25187 34.885 6.25187H37.6279C37.7867 6.25187 37.9151 6.12343 37.9151 5.96607V3.82267C37.9151 3.66449 37.7859 3.53687 37.6279 3.53687H37.6287Z"
+        fill="#121312"
+      />
+      <Path
+        d="M50.386 10.7398C49.8183 9.80667 49.0426 9.08947 48.0596 8.58903C47.0767 8.0886 45.9405 7.83154 44.6537 7.83154C43.367 7.83154 42.2554 8.10956 41.2724 8.65189C40.2895 9.19421 39.5268 9.96057 38.9845 10.9526C38.4422 11.9446 38.1711 13.1074 38.1711 14.4411C38.1711 15.7747 38.4514 16.8884 39.0099 17.8796C39.5694 18.8716 40.3697 19.6347 41.4123 20.1682C42.4544 20.7025 43.679 20.9684 45.0862 20.9684C46.1708 20.9684 47.1415 20.7726 47.9974 20.3809C48.8525 19.9893 49.5439 19.4518 50.0691 18.7676C50.5187 18.1826 50.8259 17.5419 50.9898 16.8457C51.0323 16.6652 50.8937 16.4919 50.7055 16.4919H48.0735C47.9474 16.4919 47.8368 16.5725 47.7968 16.6894C47.6116 17.2285 47.2839 17.654 46.8146 17.9674C46.2887 18.3172 45.6367 18.4928 44.8569 18.4928C44.2131 18.4928 43.6495 18.3599 43.1661 18.0931C42.683 17.8264 42.302 17.4517 42.0218 16.9674C41.9114 16.7764 41.8212 16.5749 41.7492 16.367C41.6721 16.1438 41.6165 15.9133 41.5778 15.6805C41.5647 15.5991 41.5524 15.5169 41.5427 15.4347C41.523 15.2654 41.6598 15.1172 41.8335 15.1172H50.9086C51.0562 15.1172 51.1822 15.01 51.1986 14.8657C51.2109 14.7602 51.2199 14.6522 51.224 14.5418C51.2322 14.3419 51.2363 14.1582 51.2363 13.9914C51.2363 12.7577 50.9519 11.6738 50.3845 10.7398H50.386ZM47.6592 12.9406H41.9759C41.7892 12.9406 41.6493 12.7705 41.69 12.5917C41.781 12.1992 41.9383 11.8446 42.1619 11.5279C42.4504 11.1194 42.8231 10.8067 43.2801 10.59C43.7379 10.3732 44.2377 10.2652 44.7798 10.2652C45.6613 10.2652 46.3904 10.4989 46.966 10.9655C47.4602 11.366 47.7868 11.9075 47.9441 12.5908C47.9859 12.7705 47.846 12.9414 47.6592 12.9414V12.9406Z"
+        fill="#121312"
+      />
+      <Path
+        d="M65.5818 3.53687H68.6541L70.9083 14.4589C71.1314 15.5224 71.3046 16.5611 71.4034 17.7935H71.8497C71.974 16.585 72.1717 15.5224 72.4195 14.4589L74.8222 4.35875H79.0094L81.3378 14.4589C81.5609 15.4977 81.7587 16.585 81.8829 17.7935H82.3538C82.4527 16.5611 82.6512 15.5463 82.849 14.435L85.1031 3.53687H88.1255V4.55166L84.6568 20.2097H79.8512L77.696 10.8103C77.4482 9.72293 77.2497 8.73206 77.1262 7.4518H76.6554C76.5311 8.73284 76.3333 9.69903 76.0859 10.7625L73.8561 20.2106H69.075L65.5818 4.55247V3.53767V3.53687Z"
+        fill="#121312"
+      />
+      <Path
+        d="M97.9264 3.53687L103.497 19.1957V20.2106H100.465L99.2578 16.5617H92.0845L90.8769 20.2106H87.8699V19.1957L93.4402 3.53687H97.9264ZM93.0214 13.8074H98.3209L96.6937 8.92603C96.3238 7.8147 96.0773 6.94416 95.8806 5.85676H95.4366C95.2642 6.94416 95.0178 7.81392 94.6479 8.9013L93.0206 13.8065L93.0214 13.8074Z"
+        fill="#121312"
+      />
+      <Path d="M105.033 3.53687H108.147V17.383H115.793V20.2106H105.033V3.53687Z" fill="#121312" />
+      <Path d="M117.33 3.53687H120.442V17.383H128.089V20.2106H117.33V3.53687Z" fill="#121312" />
+      <Path
+        d="M129.882 3.53687H141.494V6.33974H133.006V10.2786H140.436V13.0575H133.006V17.383H141.666V20.2106H129.882V3.53687Z"
+        fill="#121312"
+      />
+      <Path d="M156.013 3.53687V6.36379H150.937V20.2106H147.767V6.36379H142.691V3.53687H156.013Z" fill="#121312" />
+    </G>
+    <Defs>
+      <ClipPath id="clip0_6933_13699">
+        <Rect width={164.211} height={24} fill="white" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+)
+
+export default SafeWalletLogo
diff --git a/apps/mobile/src/components/SafeAccountInput/hooks/useImportSafe.ts b/apps/mobile/src/components/SafeAccountInput/hooks/useImportSafe.ts
new file mode 100644
index 000000000..fdd3b7f00
--- /dev/null
+++ b/apps/mobile/src/components/SafeAccountInput/hooks/useImportSafe.ts
@@ -0,0 +1,90 @@
+import { useEffect, useCallback } from 'react'
+import { useFormContext } from 'react-hook-form'
+import { makeSafeId } from '@/src/utils/formatters'
+import { isValidAddress } from '@safe-global/utils/utils/validation'
+import { parsePrefixedAddress } from '@safe-global/utils/utils/addresses'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectAllChainsIds } from '@/src/store/chains'
+import { useLazySafesGetOverviewForManyQuery } from '@safe-global/store/gateway/safes'
+import { FormValues } from '@/src/features/ImportReadOnly/types'
+import debounce from 'lodash/debounce'
+import { selectCurrency } from '@/src/store/settingsSlice'
+
+const NO_SAFE_DEPLOYMENT_ERROR = 'No Safe deployment found for this address'
+
+export const useImportSafe = () => {
+  const chainIds = useAppSelector(selectAllChainsIds)
+  const currency = useAppSelector(selectCurrency)
+  const {
+    watch,
+    getFieldState,
+    setValue,
+    setError,
+    clearErrors,
+    getValues,
+    trigger: triggerInput,
+    formState: { isValid },
+  } = useFormContext<FormValues>()
+  const [trigger, result] = useLazySafesGetOverviewForManyQuery()
+
+  const inputAddress = watch('safeAddress')
+
+  const onSafeAddressChange = useCallback(
+    debounce(() => {
+      const { address } = parsePrefixedAddress(inputAddress)
+      const isValid = isValidAddress(address)
+
+      if (isValid) {
+        trigger({
+          safes: chainIds.map((chainId: string) => makeSafeId(chainId, address)),
+          currency,
+          trusted: true,
+          excludeSpam: true,
+        })
+      } else {
+        setValue('importedSafeResult', undefined)
+      }
+    }, 200),
+    [chainIds, trigger, inputAddress, setValue],
+  )
+
+  useEffect(() => {
+    onSafeAddressChange()
+    return () => {
+      onSafeAddressChange.cancel()
+    }
+  }, [onSafeAddressChange])
+
+  useEffect(() => {
+    const onResultChange = () => {
+      setValue('importedSafeResult', {
+        data: result?.data,
+        isFetching: result?.isFetching,
+        error: result?.error,
+      })
+
+      const addressState = getFieldState('safeAddress')
+
+      if (!addressState.isDirty) {
+        return
+      }
+
+      if (result?.data?.length === 0 && !result?.isLoading) {
+        setError('safeAddress', { message: NO_SAFE_DEPLOYMENT_ERROR })
+      } else if (addressState.invalid) {
+        triggerInput('name')
+        clearErrors('safeAddress')
+      }
+    }
+
+    onResultChange()
+  }, [result, setValue, setError, clearErrors, triggerInput])
+
+  useEffect(() => {
+    const importedSafeResult = getValues('importedSafeResult')
+
+    if (importedSafeResult?.data?.length === 0 && !importedSafeResult?.isFetching) {
+      setError('safeAddress', { message: NO_SAFE_DEPLOYMENT_ERROR })
+    }
+  }, [isValid, getValues])
+}
diff --git a/apps/mobile/src/components/SafeAccountInput/index.tsx b/apps/mobile/src/components/SafeAccountInput/index.tsx
new file mode 100644
index 000000000..abc71cc22
--- /dev/null
+++ b/apps/mobile/src/components/SafeAccountInput/index.tsx
@@ -0,0 +1,51 @@
+import React from 'react'
+import { SafeInput } from '../SafeInput'
+import { useFormContext } from 'react-hook-form'
+import { Controller } from 'react-hook-form'
+import { FormValues } from '@/src/features/ImportReadOnly/types'
+import { parsePrefixedAddress } from '@safe-global/utils/utils/addresses'
+import { Identicon } from '../Identicon'
+import { View } from 'tamagui'
+import { SafeFontIcon } from '../SafeFontIcon'
+import { useImportSafe } from './hooks/useImportSafe'
+function SafeAccountInput() {
+  const {
+    control,
+    formState: { errors, dirtyFields },
+    watch,
+  } = useFormContext<FormValues>()
+
+  useImportSafe()
+
+  const result = watch('importedSafeResult')
+
+  return (
+    <Controller
+      control={control}
+      name="safeAddress"
+      render={({ field: { onChange, value } }) => {
+        const addressWithoutPrefix = parsePrefixedAddress(value).address
+        return (
+          <SafeInput
+            value={value}
+            onChangeText={onChange}
+            multiline={true}
+            placeholder="Paste address..."
+            error={errors.safeAddress?.message}
+            success={dirtyFields.safeAddress && !errors.safeAddress}
+            left={addressWithoutPrefix ? <Identicon address={addressWithoutPrefix as `0x${string}`} size={32} /> : null}
+            right={
+              result?.data?.length && !errors.safeAddress && !result?.isFetching ? (
+                <SafeFontIcon name={'check-filled'} size={20} color={'$success'} testID={'success-icon'} />
+              ) : (
+                <View width={20} />
+              )
+            }
+          />
+        )
+      }}
+    />
+  )
+}
+
+export default SafeAccountInput
diff --git a/apps/mobile/src/components/SafeAvatar/SafeAvatar.stories.tsx b/apps/mobile/src/components/SafeAvatar/SafeAvatar.stories.tsx
new file mode 100644
index 000000000..0d56a213f
--- /dev/null
+++ b/apps/mobile/src/components/SafeAvatar/SafeAvatar.stories.tsx
@@ -0,0 +1,40 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import React from 'react'
+import { SafeAvatar } from '@/src/components/SafeAvatar/SafeAvatar'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+
+const meta: Meta<typeof SafeAvatar> = {
+  title: 'SafeAvatar',
+  component: SafeAvatar,
+  argTypes: {
+    src: { control: 'text' },
+    size: { control: 'text' },
+    label: { control: 'text' },
+    delayMs: { control: 'number' },
+    fallbackBackgroundColor: { control: 'color' },
+    // fallbackIcon is a ReactNode, so we disable controls
+    fallbackIcon: { control: false },
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof SafeAvatar>
+
+export const Loaded: Story = {
+  args: {
+    src: 'https://safe-wallet-web.dev.5afe.dev/favicons/favicon.ico',
+    size: '$10',
+    label: 'Safe Avatar',
+  },
+}
+
+export const Fallback: Story = {
+  args: {
+    src: '',
+    size: '$10',
+    label: 'Fallback Avatar',
+    fallbackBackgroundColor: '$gray4',
+    fallbackIcon: <SafeFontIcon name="code-blocks" size={16} color="$color" />,
+  },
+}
diff --git a/apps/mobile/src/components/SafeAvatar/SafeAvatar.tsx b/apps/mobile/src/components/SafeAvatar/SafeAvatar.tsx
new file mode 100644
index 000000000..9efeabb92
--- /dev/null
+++ b/apps/mobile/src/components/SafeAvatar/SafeAvatar.tsx
@@ -0,0 +1,67 @@
+import React from 'react'
+import { Avatar } from '@tamagui/avatar'
+import type { AvatarProps } from '@tamagui/avatar'
+import { View } from 'tamagui'
+
+// Local loading status type
+type LoadingStatus = 'idle' | 'loading' | 'loaded' | 'error'
+
+interface SafeAvatarProps extends Omit<AvatarProps, 'children'> {
+  /** The image URL to display */
+  src: string
+  /** Optional delay for showing the fallback (in ms) */
+  delayMs?: number
+  /** Background color for the fallback layer, e.g. '$gray4' */
+  fallbackBackgroundColor?: string
+  /** Optional content to render inside the fallback, e.g. an icon */
+  fallbackIcon?: React.ReactNode
+  /** The label for the avatar */
+  label?: string
+}
+
+/**
+ * Wrapper around the Tamagui Avatar component. Ads support for displaying the fallback when the image fails to load.
+ *
+ */
+export function SafeAvatar({
+  src,
+  size = '$true',
+  label,
+  delayMs,
+  fallbackBackgroundColor,
+  fallbackIcon,
+  circular = true,
+  ...avatarProps
+}: SafeAvatarProps) {
+  const [status, setStatus] = React.useState<LoadingStatus>('idle')
+
+  return (
+    <Avatar size={size} {...avatarProps} circular={circular}>
+      {/* Always render the image but hide on error so fallback is visible underneath */}
+      {src && status !== 'error' && (
+        <Avatar.Image
+          src={src}
+          onLoadingStatusChange={(st) => setStatus(st)}
+          backgroundColor="$color"
+          accessibilityLabel={label}
+        />
+      )}
+      {/* Fallback shows until status becomes 'loaded' */}
+      <Avatar.Fallback delayMs={delayMs} backgroundColor={fallbackBackgroundColor}>
+        <View
+          backgroundColor="$background"
+          padding="$2"
+          flexDirection="row"
+          alignItems="center"
+          justifyContent="center"
+          borderRadius={100}
+          flex={1}
+        >
+          {fallbackIcon}
+        </View>
+      </Avatar.Fallback>
+    </Avatar>
+  )
+}
+
+SafeAvatar.displayName = 'SafeAvatar'
diff --git a/apps/mobile/src/components/SafeBottomSheet/SafeBottomSheet.tsx b/apps/mobile/src/components/SafeBottomSheet/SafeBottomSheet.tsx
new file mode 100644
index 000000000..cb36b973a
--- /dev/null
+++ b/apps/mobile/src/components/SafeBottomSheet/SafeBottomSheet.tsx
@@ -0,0 +1,182 @@
+import { BackdropComponent, BackgroundComponent } from '@/src/components/Dropdown/sheetComponents'
+import { getTokenValue, getVariable, H5, useTheme, View } from 'tamagui'
+import React, { useCallback, useEffect, useRef } from 'react'
+import BottomSheet, {
+  BottomSheetFooterProps,
+  BottomSheetModalProps,
+  BottomSheetView,
+  BottomSheetScrollView,
+  BottomSheetFooter,
+} from '@gorhom/bottom-sheet'
+import DraggableFlatList, { DragEndParams, RenderItemParams, ScaleDecorator } from 'react-native-draggable-flatlist'
+import { StyleSheet } from 'react-native'
+import { useRouter } from 'expo-router'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { LoadingTx } from '@/src/features/ConfirmTx/components/LoadingTx'
+
+interface SafeBottomSheetProps<T> {
+  children?: React.ReactNode
+  title?: string
+  sortable?: boolean
+  onDragEnd?: (params: DragEndParams<T>) => void
+  items?: T[]
+  snapPoints?: BottomSheetModalProps['snapPoints']
+  actions?: React.ReactNode
+  FooterComponent?: React.FC
+  renderItem?: React.FC<{ item: T; isDragging?: boolean; drag?: () => void; onClose: () => void }>
+  keyExtractor?: ({ item, index }: { item: T; index: number }) => string
+  loading?: boolean
+}
+
+export function SafeBottomSheet<T>({
+  children,
+  title,
+  sortable,
+  items,
+  loading,
+  snapPoints = [600, '100%'],
+  keyExtractor,
+  actions,
+  renderItem: Render,
+  FooterComponent,
+  onDragEnd,
+}: SafeBottomSheetProps<T>) {
+  const ref = useRef<BottomSheet>(null)
+  const router = useRouter()
+  const insets = useSafeAreaInsets()
+  const [footerHeight, setFooterHeight] = React.useState(0)
+  const hasCustomItems = items?.length && Render
+  const isSortable = items?.length && sortable
+  const theme = useTheme()
+
+  const onClose = useCallback(() => {
+    router.back()
+  }, [])
+
+  const renderItem = useCallback(
+    ({ item, drag, isActive }: RenderItemParams<T>) => {
+      return (
+        <ScaleDecorator activeScale={1.05}>
+          {Render && <Render drag={drag} isDragging={isActive} item={item} onClose={onClose} />}
+        </ScaleDecorator>
+      )
+    },
+    [Render],
+  )
+
+  const TitleHeader = useCallback(
+    () => (
+      <View justifyContent="center" marginTop="$3" marginBottom="$4" alignItems="center">
+        <H5 fontWeight={600}>{title}</H5>
+
+        {actions && (
+          <View position="absolute" right={'$4'} top={'$1'}>
+            {actions}
+          </View>
+        )}
+      </View>
+    ),
+    [title, actions],
+  )
+
+  // callbacks
+  const handleSheetChanges = useCallback((index: number) => {
+    if (index === -1) {
+      router.back()
+    }
+  }, [])
+
+  // Auto-expand when sorting is enabled
+  useEffect(() => {
+    if (sortable && ref.current) {
+      ref.current.expand()
+    }
+  }, [sortable])
+
+  // Wrapping the footer component with a function to get the height of the footer
+  const renderFooter: React.FC<BottomSheetFooterProps> = useCallback(
+    (props) => {
+      return (
+        <BottomSheetFooter animatedFooterPosition={props.animatedFooterPosition}>
+          <View
+            onLayout={(e) => {
+              setFooterHeight(e.nativeEvent.layout.height)
+            }}
+          >
+            {FooterComponent && <FooterComponent />}
+          </View>
+        </BottomSheetFooter>
+      )
+    },
+    [FooterComponent, setFooterHeight],
+  )
+
+  return (
+    <BottomSheet
+      ref={ref}
+      enableOverDrag={false}
+      snapPoints={snapPoints}
+      enableDynamicSizing={true}
+      onChange={handleSheetChanges}
+      enablePanDownToClose
+      overDragResistanceFactor={10}
+      backgroundComponent={BackgroundComponent}
+      backdropComponent={() => <BackdropComponent />}
+      footerComponent={isSortable ? undefined : renderFooter}
+      topInset={insets.top}
+      handleIndicatorStyle={{ backgroundColor: getVariable(theme.borderMain) }}
+    >
+      <BottomSheetView
+        style={[
+          styles.contentContainer,
+          {
+            paddingBottom: insets.bottom,
+          },
+        ]}
+      >
+        {title && <TitleHeader />}
+        {isSortable ? (
+          <DraggableFlatList<T>
+            data={items}
+            style={{ marginBottom: insets.bottom }}
+            containerStyle={{ height: '100%' }}
+            contentContainerStyle={{ paddingBottom: 50 }}
+            onDragEnd={onDragEnd}
+            keyExtractor={(item, index) => (keyExtractor ? keyExtractor({ item, index }) : index.toString())}
+            renderItem={renderItem}
+          />
+        ) : (
+          <BottomSheetScrollView
+            style={{
+              marginBottom: (!sortable && FooterComponent ? footerHeight : 0) + 12,
+            }}
+            contentContainerStyle={[styles.scrollInnerContainer]}
+          >
+            <View minHeight={200} alignItems="center" paddingVertical="$3">
+              <View alignItems="flex-start" paddingBottom="$4" width="100%">
+                {loading ? (
+                  <LoadingTx />
+                ) : hasCustomItems ? (
+                  items.map((item, index) => (
+                    <Render key={keyExtractor ? keyExtractor({ item, index }) : index} item={item} onClose={onClose} />
+                  ))
+                ) : (
+                  children
+                )}
+              </View>
+            </View>
+          </BottomSheetScrollView>
+        )}
+      </BottomSheetView>
+    </BottomSheet>
+  )
+}
+
+const styles = StyleSheet.create({
+  contentContainer: {
+    justifyContent: 'space-around',
+  },
+  scrollInnerContainer: {
+    paddingHorizontal: getTokenValue('$2'),
+  },
+})
diff --git a/apps/mobile/src/components/SafeBottomSheet/index.ts b/apps/mobile/src/components/SafeBottomSheet/index.ts
new file mode 100644
index 000000000..0e6f05da3
--- /dev/null
+++ b/apps/mobile/src/components/SafeBottomSheet/index.ts
@@ -0,0 +1 @@
+export { SafeBottomSheet } from './SafeBottomSheet'
diff --git a/apps/mobile/src/components/SafeButton/SafeButton.stories.tsx b/apps/mobile/src/components/SafeButton/SafeButton.stories.tsx
new file mode 100644
index 000000000..622797857
--- /dev/null
+++ b/apps/mobile/src/components/SafeButton/SafeButton.stories.tsx
@@ -0,0 +1,135 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { SafeButton } from '@/src/components/SafeButton'
+import { action } from '@storybook/addon-actions'
+import { YStack, Text, XStack, ScrollView } from 'tamagui'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import React from 'react'
+
+const meta: Meta<typeof SafeButton> = {
+  title: 'SafeButton',
+  component: SafeButton,
+  args: {
+    onPress: action('onPress'),
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof SafeButton>
+
+export const Primary: Story = {
+  render: (args) => {
+    return <RenderScreen type={'primary'} args={args} />
+  },
+}
+
+type RenderScreenProps = {
+  type: 'primary' | 'secondary' | 'danger' | 'text'
+  args: Meta['args']
+}
+const RenderScreen = ({ type, args }: RenderScreenProps) => {
+  return (
+    <ScrollView>
+      <YStack paddingHorizontal={10} gap={10}>
+        <Text>{type.charAt(0).toUpperCase() + type.slice(1)}</Text>
+        <YStack gap={10} alignItems={'flex-start'}>
+          <SafeButton {...args} {...{ [type]: true }}>
+            Play
+          </SafeButton>
+          <Text>With Symbol</Text>
+          <SafeButton {...args} {...{ [type]: true }} icon={<SafeFontIcon name={'plus'} />}>
+            Play
+          </SafeButton>
+          <Text>Disabled</Text>
+          <SafeButton {...args} {...{ [type]: true }} disabled>
+            Play
+          </SafeButton>
+          <Text>Disabled with symbol</Text>
+          <SafeButton {...args} {...{ [type]: true }} disabled icon={<SafeFontIcon name={'plus'} />}>
+            Play
+          </SafeButton>
+        </YStack>
+        <YStack gap={10}>
+          <Text>Fullscreen</Text>
+          <Text>{type.charAt(0).toUpperCase() + type.slice(1)} fullscreen in YStack</Text>
+          <SafeButton {...args} {...{ [type]: true }}>
+            Play
+          </SafeButton>
+          <Text>{type.charAt(0).toUpperCase() + type.slice(1)} fullscreen in XStack</Text>
+          <XStack gap={10}>
+            <SafeButton {...args} {...{ [type]: true }} flex={1}>
+              Play
+            </SafeButton>
+          </XStack>
+        </YStack>
+        <Text>Small</Text>
+        <YStack gap={10}>
+          <Text>{type.charAt(0).toUpperCase() + type.slice(1)}</Text>
+          <YStack gap={10} alignItems={'flex-start'}>
+            <SafeButton {...args} {...{ [type]: true }} size={'$sm'}>
+              Play
+            </SafeButton>
+            <Text>With Symbol</Text>
+            <SafeButton {...args} {...{ [type]: true }} icon={<SafeFontIcon name={'plus'} />} size={'$sm'}>
+              Play
+            </SafeButton>
+            <Text>Disabled</Text>
+            <SafeButton {...args} {...{ [type]: true }} disabled size={'$sm'}>
+              Play
+            </SafeButton>
+            <Text>Disabled with symbol</Text>
+            <SafeButton {...args} {...{ [type]: true }} disabled icon={<SafeFontIcon name={'plus'} />} size={'$sm'}>
+              Play
+            </SafeButton>
+          </YStack>
+          <YStack gap={10}>
+            <Text>Fullscreen</Text>
+            <Text>{type.charAt(0).toUpperCase() + type.slice(1)} fullscreen in YStack</Text>
+            <SafeButton {...args} {...{ [type]: true }} size={'$sm'}>
+              Play
+            </SafeButton>
+            <Text>{type.charAt(0).toUpperCase() + type.slice(1)} fullscreen in XStack</Text>
+            <XStack gap={10}>
+              <SafeButton {...args} {...{ [type]: true }} flex={1} size={'$sm'}>
+                Play
+              </SafeButton>
+            </XStack>
+          </YStack>
+        </YStack>
+      </YStack>
+    </ScrollView>
+  )
+}
+
+export const Secondary: Story = {
+  render: (args) => {
+    return <RenderScreen type={'secondary'} args={args} />
+  },
+}
+
+export const Danger: Story = {
+  render: (args) => {
+    return <RenderScreen type={'danger'} args={args} />
+  },
+}
+
+export const OnlyText: Story = {
+  render: (args) => {
+    return <RenderScreen type={'text'} args={args} />
+  },
+}
+
+export const Circle: Story = {
+  render: (args) => {
+    return (
+      <ScrollView>
+        <Text>Primary round</Text>
+        <SafeButton {...args} primary circle icon={<SafeFontIcon name={'plus'} />} />
+        <Text>Secondary round</Text>
+        <SafeButton {...args} secondary circle icon={<SafeFontIcon name={'plus'} />} />
+        <Text>Disabled</Text>
+        <SafeButton {...args} circle disabled icon={<SafeFontIcon name={'plus'} />} />
+      </ScrollView>
+    )
+  },
+}
diff --git a/apps/mobile/src/components/SafeButton/SafeButton.tsx b/apps/mobile/src/components/SafeButton/SafeButton.tsx
new file mode 100644
index 000000000..d4ae19344
--- /dev/null
+++ b/apps/mobile/src/components/SafeButton/SafeButton.tsx
@@ -0,0 +1,118 @@
+import { styled, Button } from 'tamagui'
+
+export const SafeButton = styled(Button, {
+  variants: {
+    rounded: {
+      true: {
+        borderRadius: 8,
+      },
+    },
+
+    circle: {
+      true: {
+        borderRadius: 100,
+        height: 50,
+        width: 50,
+        padding: 17,
+      },
+    },
+
+    danger: {
+      true: {
+        backgroundColor: '$errorBackground',
+        color: '$error',
+      },
+    },
+
+    success: {
+      true: {
+        backgroundColor: '$success',
+        color: '$color',
+      },
+    },
+
+    primary: {
+      true: {
+        backgroundColor: '$primary',
+        color: '$contrast',
+      },
+    },
+
+    secondary: {
+      true: {
+        backgroundColor: '$backgroundSecondary',
+        color: '$color',
+      },
+    },
+
+    outlined: {
+      true: {
+        backgroundColor: 'transparent',
+        borderWidth: 2,
+        borderColor: '$color',
+        color: '$color',
+      },
+    },
+
+    text: {
+      true: {
+        backgroundColor: 'transparent',
+        color: '$primary',
+      },
+    },
+
+    disabled: {
+      true: (_, allProps) => {
+        // @ts-expect-error
+        const isText = allProps.props?.text === true
+        return {
+          backgroundColor: isText ? 'transparent' : '$backgroundDisabled',
+          color: '$colorLight',
+        }
+      },
+    },
+
+    size: {
+      $xl: () => ({
+        fontSize: 14,
+        fontWeight: 700,
+        height: 'auto',
+        margin: 0,
+        paddingVertical: '$3',
+        textProps: {
+          lineHeight: 24,
+        },
+      }),
+      $md: () => ({
+        height: 'auto',
+        paddingVertical: 14,
+        paddingHorizontal: 20,
+        margin: 0,
+        fontWeight: 700,
+        letterSpacing: -0.1,
+        fontSize: 14,
+        scaleIcon: 0.9,
+        scaleSpace: 0.3,
+        textProps: {
+          marginBottom: -2.5,
+        },
+      }),
+      $sm: () => ({
+        height: 36,
+        paddingVertical: '$2',
+        paddingHorizontal: '$3',
+        fontWeight: 600,
+        scaleIcon: 0.8,
+        scaleSpace: 0.2,
+        textProps: {
+          marginBottom: -2.5,
+        },
+      }),
+    },
+  } as const,
+  defaultVariants: {
+    size: '$md',
+    rounded: true,
+    primary: true,
+  },
+})
diff --git a/apps/mobile/src/components/SafeButton/index.ts b/apps/mobile/src/components/SafeButton/index.ts
new file mode 100644
index 000000000..4e666e430
--- /dev/null
+++ b/apps/mobile/src/components/SafeButton/index.ts
@@ -0,0 +1,2 @@
+import { SafeButton } from './SafeButton'
+export { SafeButton }
diff --git a/apps/mobile/src/components/SafeCard/SafeCard.stories.tsx b/apps/mobile/src/components/SafeCard/SafeCard.stories.tsx
new file mode 100644
index 000000000..79d997ddb
--- /dev/null
+++ b/apps/mobile/src/components/SafeCard/SafeCard.stories.tsx
@@ -0,0 +1,45 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { SafeCard } from '@/src/components/SafeCard'
+import { SafeFontIcon } from '../SafeFontIcon'
+import Seed from '@/assets/images/seed.png'
+import { Text } from 'tamagui'
+
+const meta: Meta<typeof SafeCard> = {
+  title: 'SafeCard',
+  component: SafeCard,
+  args: {
+    title: 'Welcome to Safe',
+    description: 'Add a new owner to your Safe',
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof SafeCard>
+
+export const Default: Story = {
+  args: {
+    title: 'Welcome to Safe',
+    description: 'Add a new owner to your Safe',
+  },
+  render: (args) => <SafeCard {...args} icon={<SafeFontIcon name="safe" size={24} />} image={Seed} />,
+}
+
+export const OnlyText: Story = {
+  args: {
+    title: 'Welcome to Safe',
+    description: 'Add a new owner to your Safe',
+  },
+}
+
+export const withChildren: Story = {
+  args: {
+    title: 'Welcome to Safe',
+    description: 'Add a new owner to your Safe',
+  },
+  render: (args) => (
+    <SafeCard {...args}>
+      <Text marginTop={'$4'}>Hello from children</Text>
+    </SafeCard>
+  ),
+}
diff --git a/apps/mobile/src/components/SafeCard/SafeCard.test.tsx b/apps/mobile/src/components/SafeCard/SafeCard.test.tsx
new file mode 100644
index 000000000..813e62b54
--- /dev/null
+++ b/apps/mobile/src/components/SafeCard/SafeCard.test.tsx
@@ -0,0 +1,56 @@
+import { render } from '@/src/tests/test-utils'
+import { SafeCard } from './SafeCard'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Text } from 'tamagui'
+
+describe('SafeCard', () => {
+  const defaultProps = {
+    title: 'Test Title',
+    description: 'Test Description',
+  }
+
+  it('renders basic card with title and description', () => {
+    const { getByText } = render(<SafeCard {...defaultProps} />)
+
+    expect(getByText('Test Title')).toBeTruthy()
+    expect(getByText('Test Description')).toBeTruthy()
+  })
+
+  it('renders with icon', () => {
+    const { getByTestId } = render(
+      <SafeCard {...defaultProps} icon={<SafeFontIcon testID="test-icon" name="safe" size={24} />} />,
+    )
+
+    expect(getByTestId('test-icon')).toBeTruthy()
+  })
+
+  it('renders with image', () => {
+    const testImage = { uri: 'test-image.png' }
+    const { getByTestId } = render(<SafeCard {...defaultProps} image={testImage} />)
+
+    expect(getByTestId('safe-card-image')).toBeTruthy()
+  })
+
+  it('renders with children', () => {
+    const { getByText } = render(
+      <SafeCard {...defaultProps}>
+        <Text>Child Content</Text>
+      </SafeCard>,
+    )
+
+    expect(getByText('Child Content')).toBeTruthy()
+  })
+
+  it('renders all optional elements together', () => {
+    const testImage = { uri: 'test-image.png' }
+    const { getByTestId, getByText } = render(
+      <SafeCard {...defaultProps} icon={<SafeFontIcon testID="test-icon" name="safe" size={24} />} image={testImage}>
+        <Text>Child Content</Text>
+      </SafeCard>,
+    )
+
+    expect(getByTestId('test-icon')).toBeTruthy()
+    expect(getByTestId('safe-card-image')).toBeTruthy()
+    expect(getByText('Child Content')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/SafeCard/SafeCard.tsx b/apps/mobile/src/components/SafeCard/SafeCard.tsx
new file mode 100644
index 000000000..d353f4e68
--- /dev/null
+++ b/apps/mobile/src/components/SafeCard/SafeCard.tsx
@@ -0,0 +1,64 @@
+import { H5, Image, ImageProps, Text, View, XStack } from 'tamagui'
+import { Badge } from '../Badge'
+import { Container } from '../Container'
+import { ImageSourcePropType } from 'react-native'
+import { ReactElement } from 'react'
+
+interface SafeCardProps {
+  title: string
+  description: string
+  image?: ImageSourcePropType
+  icon?: ReactElement
+  tag?: ReactElement
+  children?: React.ReactNode
+  onPress?: () => void
+  imageProps?: ImageProps
+  testID?: string
+}
+
+export function SafeCard({
+  title,
+  description,
+  imageProps,
+  image,
+  icon,
+  children,
+  onPress,
+  testID,
+  tag,
+}: SafeCardProps) {
+  return (
+    <Container position="relative" marginHorizontal={'$3'} marginTop={'$6'} onPress={onPress} testID={testID}>
+      <XStack justifyContent={'space-between'}>
+        {icon && <Badge circular content={icon} themeName="badge_background" />}
+        {tag}
+      </XStack>
+
+      <H5 fontWeight={600} marginBottom="$1" marginTop="$4">
+        {title}
+      </H5>
+
+      <Text fontSize={'$4'} color="$colorSecondary">
+        {description}
+      </Text>
+
+      {children}
+
+      {image && (
+        <View alignItems="center">
+          <Image
+            {...imageProps}
+            testID="safe-card-image"
+            resizeMode="contain"
+            maxWidth={300}
+            width={'100%'}
+            borderRadius={'$4'}
+            marginTop="$4"
+            height={100}
+            source={image}
+          />
+        </View>
+      )}
+    </Container>
+  )
+}
diff --git a/apps/mobile/src/components/SafeCard/index.ts b/apps/mobile/src/components/SafeCard/index.ts
new file mode 100644
index 000000000..63feb16b5
--- /dev/null
+++ b/apps/mobile/src/components/SafeCard/index.ts
@@ -0,0 +1 @@
+export { SafeCard } from './SafeCard'
diff --git a/apps/mobile/src/components/SafeFontIcon/SafeFontIcon.stories.tsx b/apps/mobile/src/components/SafeFontIcon/SafeFontIcon.stories.tsx
new file mode 100644
index 000000000..67c82d53a
--- /dev/null
+++ b/apps/mobile/src/components/SafeFontIcon/SafeFontIcon.stories.tsx
@@ -0,0 +1,35 @@
+import { View, Text, ScrollView } from 'tamagui'
+import type { Meta, StoryObj } from '@storybook/react'
+import { SafeFontIcon } from './SafeFontIcon'
+import { iconNames } from '@/src/types/iconTypes'
+
+const meta: Meta<typeof SafeFontIcon> = {
+  component: SafeFontIcon,
+  argTypes: {
+    color: { control: 'color' },
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof SafeFontIcon>
+
+export const AllIcons: Story = {
+  render: (args) => {
+    return (
+      <ScrollView contentContainerStyle={{ padding: 10 }}>
+        <View style={{ flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-between' }}>
+          {iconNames.map((iconName) => (
+            <View key={iconName} style={{ width: '30%', alignItems: 'center', marginBottom: 20 }}>
+              <SafeFontIcon {...args} name={iconName} />
+              <Text style={{ marginTop: 10, fontWeight: 'bold' }}>{iconName}</Text>
+            </View>
+          ))}
+        </View>
+      </ScrollView>
+    )
+  },
+  args: {
+    size: 50,
+  },
+}
diff --git a/apps/mobile/src/components/SafeFontIcon/SafeFontIcon.tsx b/apps/mobile/src/components/SafeFontIcon/SafeFontIcon.tsx
new file mode 100644
index 000000000..87b5be7aa
--- /dev/null
+++ b/apps/mobile/src/components/SafeFontIcon/SafeFontIcon.tsx
@@ -0,0 +1,32 @@
+import React from 'react'
+import createIconSetFromIcoMoon from '@expo/vector-icons/createIconSetFromIcoMoon'
+import { useFonts } from 'expo-font'
+import { IconName } from '@/src/types/iconTypes'
+import { getVariable, useTheme } from 'tamagui'
+
+const SafeIcon = createIconSetFromIcoMoon(
+  require('@/assets/fonts/safe-icons/selection.json'),
+  'SafeIcons',
+  'safe-icons.ttf',
+)
+
+export interface IconProps extends Omit<React.ComponentProps<typeof SafeIcon>, 'name' | 'size' | 'color'> {
+  name: IconName
+  size?: number
+  color?: string
+  testID?: string
+}
+
+export const SafeFontIcon = ({ name, size = 24, color, ...rest }: IconProps) => {
+  const theme = useTheme()
+  const iconColor = color ? theme[color]?.get() || getVariable(color, 'color') : theme.color?.get()
+  const [fontsLoaded] = useFonts({
+    SafeIcons: require('@/assets/fonts/safe-icons/safe-icons.ttf'),
+  })
+
+  if (!fontsLoaded) {
+    return null
+  }
+
+  return <SafeIcon name={name} size={size} color={iconColor} {...rest} />
+}
diff --git a/apps/mobile/src/components/SafeFontIcon/index.ts b/apps/mobile/src/components/SafeFontIcon/index.ts
new file mode 100644
index 000000000..b3472d49e
--- /dev/null
+++ b/apps/mobile/src/components/SafeFontIcon/index.ts
@@ -0,0 +1,2 @@
+import { SafeFontIcon } from './SafeFontIcon'
+export { SafeFontIcon }
diff --git a/apps/mobile/src/components/SafeInput/SafeInput.stories.tsx b/apps/mobile/src/components/SafeInput/SafeInput.stories.tsx
new file mode 100644
index 000000000..fc315654c
--- /dev/null
+++ b/apps/mobile/src/components/SafeInput/SafeInput.stories.tsx
@@ -0,0 +1,84 @@
+import React from 'react'
+import { SafeInput, SafeInputProps } from './SafeInput'
+import type { Meta, StoryObj } from '@storybook/react'
+import { View } from 'tamagui'
+
+const SafeInputMeta: Meta = {
+  title: 'Components/SafeInput',
+  component: SafeInput,
+  decorators: [
+    (Story) => (
+      <View padding={16}>
+        <Story />
+      </View>
+    ),
+  ],
+  args: {
+    height: 52,
+  },
+  argTypes: {
+    placeholder: {
+      control: 'text',
+      description: 'Placeholder text',
+    },
+    value: {
+      control: 'text',
+      description: 'Input value',
+    },
+    error: {
+      control: 'text',
+      description: 'Error message',
+    },
+    multiline: {
+      control: 'boolean',
+      description: 'Enable multiline input',
+    },
+    textAlign: {
+      control: {
+        type: 'select',
+        options: ['left', 'center', 'right'],
+      },
+      description: 'Text alignment',
+    },
+  },
+}
+
+export default SafeInputMeta
+
+type SafeInputStory = StoryObj<typeof SafeInput>
+
+export const Default: SafeInputStory = (args: SafeInputProps) => <SafeInput {...args} />
+Default.args = {
+  placeholder: 'Enter text...',
+  value: '',
+}
+
+export const WithError: SafeInputStory = (args: SafeInputProps) => <SafeInput {...args} />
+WithError.args = {
+  placeholder: 'Enter text...',
+  value: 'Invalid input',
+  error: 'This is an error message',
+}
+
+export const Multiline: SafeInputStory = (args: SafeInputProps) => <SafeInput {...args} />
+Multiline.args = {
+  placeholder: 'Enter multiple lines...',
+  value: '',
+  multiline: true,
+  height: 100,
+}
+
+export const CenteredText: SafeInputStory = (args: SafeInputProps) => <SafeInput {...args} />
+CenteredText.args = {
+  placeholder: 'Centered text...',
+  value: 'This text is centered',
+  textAlign: 'center',
+}
+
+export const WithLongText: SafeInputStory = (args: SafeInputProps) => <SafeInput {...args} />
+WithLongText.args = {
+  placeholder: 'Enter text...',
+  value: 'This is a very long text that should wrap to multiple lines when it exceeds the width of the input component',
+  multiline: true,
+  height: 100,
+}
diff --git a/apps/mobile/src/components/SafeInput/SafeInput.test.tsx b/apps/mobile/src/components/SafeInput/SafeInput.test.tsx
new file mode 100644
index 000000000..434eadfed
--- /dev/null
+++ b/apps/mobile/src/components/SafeInput/SafeInput.test.tsx
@@ -0,0 +1,36 @@
+import { render } from '@/src/tests/test-utils'
+import { SafeInput } from './SafeInput'
+import { Text } from 'tamagui'
+
+describe('SafeInput', () => {
+  it('should render the default component', () => {
+    const { getByTestId, getByPlaceholderText } = render(<SafeInput placeholder="Please enter something..." />)
+    const input = getByTestId('safe-input')
+
+    expect(input).toBeDefined()
+    expect(getByPlaceholderText('Please enter something...')).toBeDefined()
+  })
+
+  it('should render an error message when an error message is provided', () => {
+    const { getByTestId, getByText } = render(<SafeInput error="This field is required" />)
+    const input = getByTestId('safe-input')
+
+    expect(input).toBeDefined()
+    expect(getByText('This field is required')).toBeDefined()
+  })
+
+  it('should accept a custom error message component', () => {
+    const { getByTestId, getByText } = render(<SafeInput error={<Text>This field is required</Text>} />)
+    const input = getByTestId('safe-input')
+
+    expect(input).toBeDefined()
+    expect(getByText('This field is required')).toBeDefined()
+  })
+
+  it('should render successfully when success prop is provided', () => {
+    const { getByTestId } = render(<SafeInput success />)
+    const input = getByTestId('safe-input')
+
+    expect(input).toBeDefined()
+  })
+})
diff --git a/apps/mobile/src/components/SafeInput/SafeInput.tsx b/apps/mobile/src/components/SafeInput/SafeInput.tsx
new file mode 100644
index 000000000..748cafa43
--- /dev/null
+++ b/apps/mobile/src/components/SafeInput/SafeInput.tsx
@@ -0,0 +1,62 @@
+import React from 'react'
+import { InputProps, Text, Theme, View } from 'tamagui'
+import { StyledInput, StyledInputContainer } from './styled'
+import { getInputThemeName } from './utils'
+import { SafeFontIcon } from '../SafeFontIcon'
+
+export interface SafeInputProps {
+  error?: React.ReactNode | string
+  placeholder?: string
+  height?: number
+  success?: boolean
+  left?: React.ReactNode
+  right?: React.ReactNode
+}
+
+const ErrorDisplay = ({ error }: { error: React.ReactNode | string }) => {
+  if (typeof error === 'string') {
+    return (
+      <View flexDirection="row" alignItems="center" gap="$1">
+        <SafeFontIcon color="$textColor" size={16} name="info" />
+        <Text color="$textColor" fontWeight="600">
+          {error}
+        </Text>
+      </View>
+    )
+  }
+  return error
+}
+
+export function SafeInput({
+  error,
+  success,
+  placeholder,
+  height = 52,
+  left,
+  right,
+  ...props
+}: SafeInputProps & Omit<InputProps, 'left' | 'right'>) {
+  const hasError = !!error
+
+  return (
+    <Theme name={`input_${getInputThemeName(hasError, success)}`}>
+      <StyledInputContainer minHeight={height} testID="safe-input">
+        {left ? <View paddingLeft={'$3'}>{left}</View> : null}
+
+        <StyledInput
+          {...props}
+          size="$5"
+          flex={1}
+          // maxHeight={height}
+          autoCapitalize="none"
+          paddingHorizontal={'$3'}
+          // keyboardType={'ascii-capable'}
+          autoCorrect={false}
+          placeholder={placeholder}
+        />
+        {right ? <View paddingHorizontal={'$3'}>{right}</View> : null}
+      </StyledInputContainer>
+      {hasError && <ErrorDisplay error={error} />}
+    </Theme>
+  )
+}
diff --git a/apps/mobile/src/components/SafeInput/SafeInputWithLabel.tsx b/apps/mobile/src/components/SafeInput/SafeInputWithLabel.tsx
new file mode 100644
index 000000000..0622b6555
--- /dev/null
+++ b/apps/mobile/src/components/SafeInput/SafeInputWithLabel.tsx
@@ -0,0 +1,89 @@
+import { Input, InputProps, styled, View, Text, Theme } from 'tamagui'
+import React from 'react'
+import { Platform } from 'react-native'
+
+interface Props {
+  label: string
+  error?: boolean
+  placeholder?: string
+  success?: boolean
+  left?: React.ReactNode
+  right?: React.ReactNode
+  testID?: string
+}
+
+const StyledInputContainer = styled(View, {
+  borderWidth: 2,
+  borderRadius: '$4',
+  borderColor: 'transparent',
+  flex: 1,
+  paddingHorizontal: '$3',
+  alignItems: 'flex-start',
+  justifyContent: 'flex-start',
+  marginBottom: '$3',
+  padding: '$3',
+  backgroundColor: '$background',
+
+  variants: {
+    error: {
+      true: {
+        borderWidth: 2,
+        borderColor: '$error',
+      },
+    },
+    success: {
+      true: {
+        borderWidth: 2,
+        borderColor: '$success',
+      },
+    },
+  },
+})
+
+const StyledInput = styled(Input, {
+  color: '$inputTextColor',
+  placeholderTextColor: '$placeholderColor',
+  borderWidth: 0,
+  padding: 0,
+
+  style: {
+    boxSizing: Platform.OS === 'android' ? 'content-box' : undefined,
+    borderWidth: 0,
+    backgroundColor: '$borderColorHover',
+    paddingLeft: 0,
+  },
+})
+export const SafeInputWithLabel = ({
+  label,
+  testID,
+  error,
+  success,
+  placeholder,
+  left,
+  right,
+  ...props
+}: Props & Omit<InputProps, 'left' | 'right'>) => {
+  return (
+    <Theme name={'input_with_label'}>
+      <StyledInputContainer
+        testID={testID ? testID : 'safe-input-with-label'}
+        success={success}
+        error={error}
+        gap={'$1'}
+      >
+        <View flex={1} flexDirection="row" alignItems="center">
+          {left ? <View marginRight={'$2'}>{left}</View> : null}
+
+          <View flex={1}>
+            <Text color={'$colorSecondary'}>{label}</Text>
+            <View flex={1} flexDirection="row" alignItems="center">
+              <StyledInput size="$5" flex={1} placeholder={placeholder} {...props} />
+            </View>
+          </View>
+
+          {right ? <View marginLeft={'$2'}>{right}</View> : null}
+        </View>
+      </StyledInputContainer>
+    </Theme>
+  )
+}
diff --git a/apps/mobile/src/components/SafeInput/index.ts b/apps/mobile/src/components/SafeInput/index.ts
new file mode 100644
index 000000000..96f3f0599
--- /dev/null
+++ b/apps/mobile/src/components/SafeInput/index.ts
@@ -0,0 +1 @@
+export { SafeInput } from './SafeInput'
diff --git a/apps/mobile/src/components/SafeInput/styled.ts b/apps/mobile/src/components/SafeInput/styled.ts
new file mode 100644
index 000000000..8546f2669
--- /dev/null
+++ b/apps/mobile/src/components/SafeInput/styled.ts
@@ -0,0 +1,33 @@
+import { Input, styled, View } from 'tamagui'
+
+export const StyledInputContainer = styled(View, {
+  borderWidth: 1,
+  borderRadius: '$4',
+  borderColor: '$borderColor',
+  flex: 1,
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'center',
+  marginBottom: '$3',
+  backgroundColor: '$containerBackgroundColor',
+
+  variants: {
+    error: {
+      true: {
+        borderWidth: 1,
+      },
+    },
+  },
+})
+
+export const StyledInput = styled(Input, {
+  color: '$inputTextColor',
+  placeholderTextColor: '$placeholderColor',
+  backgroundColor: '$inputBackgroundColor',
+  borderWidth: 0,
+
+  style: {
+    padding: 0,
+    lineHeight: 20.5,
+  },
+})
diff --git a/apps/mobile/src/components/SafeInput/theme.ts b/apps/mobile/src/components/SafeInput/theme.ts
new file mode 100644
index 000000000..049b87804
--- /dev/null
+++ b/apps/mobile/src/components/SafeInput/theme.ts
@@ -0,0 +1,61 @@
+import { tokens } from '@/src/theme/tokens'
+
+export const inputTheme = {
+  light_input_default: {
+    borderColor: tokens.color.borderLightLight,
+    textColor: tokens.color.textPrimaryLight,
+    placeholderColor: tokens.color.textSecondaryLight,
+    inputTextColor: tokens.color.textPrimaryLight,
+    inputBackgroundColor: tokens.color.backgroundDefaultLight,
+    containerBackgroundColor: tokens.color.backgroundDefaultLight,
+  },
+  dark_input_default: {
+    borderColor: tokens.color.borderLightDark,
+    textColor: tokens.color.textPrimaryDark,
+    placeholderColor: tokens.color.textSecondaryDark,
+    inputTextColor: tokens.color.textPrimaryDark,
+    inputBackgroundColor: tokens.color.backgroundPaperDark,
+    containerBackgroundColor: tokens.color.backgroundPaperDark,
+  },
+  light_input_success: {
+    borderColor: tokens.color.primaryMainDark,
+    textColor: tokens.color.textPrimaryLight,
+    placeholderColor: tokens.color.textSecondaryLight,
+    inputTextColor: tokens.color.textPrimaryLight,
+    inputBackgroundColor: tokens.color.backgroundDefaultLight,
+    containerBackgroundColor: tokens.color.backgroundDefaultLight,
+  },
+  dark_input_success: {
+    borderColor: tokens.color.primaryMainDark,
+    textColor: tokens.color.textPrimaryDark,
+    placeholderColor: tokens.color.textSecondaryDark,
+    inputTextColor: tokens.color.textPrimaryDark,
+    inputBackgroundColor: tokens.color.backgroundPaperDark,
+    containerBackgroundColor: tokens.color.backgroundPaperDark,
+  },
+  light_input_error: {
+    borderColor: tokens.color.errorMainLight,
+    textColor: tokens.color.errorMainLight,
+    placeholderColor: tokens.color.errorMainLight,
+    inputTextColor: tokens.color.textPrimaryLight,
+    inputBackgroundColor: tokens.color.backgroundDefaultLight,
+    containerBackgroundColor: tokens.color.backgroundDefaultLight,
+  },
+  dark_input_error: {
+    borderColor: tokens.color.errorMainDark,
+    textColor: tokens.color.errorMainDark,
+    placeholderColor: tokens.color.errorMainDark,
+    inputTextColor: tokens.color.textPrimaryDark,
+    inputBackgroundColor: tokens.color.backgroundPaperDark,
+    containerBackgroundColor: tokens.color.backgroundPaperDark,
+  },
+}
+
+export const inputWithLabelTheme = {
+  light_input_with_label: {
+    background: tokens.color.backgroundDefaultLight,
+  },
+  dark_input_with_label: {
+    background: tokens.color.backgroundPaperDark,
+  },
+}
diff --git a/apps/mobile/src/components/SafeInput/utils.ts b/apps/mobile/src/components/SafeInput/utils.ts
new file mode 100644
index 000000000..544488e3d
--- /dev/null
+++ b/apps/mobile/src/components/SafeInput/utils.ts
@@ -0,0 +1,11 @@
+export const getInputThemeName = (hasError?: boolean, hasSuccess?: boolean) => {
+  if (hasError) {
+    return 'error'
+  }
+
+  if (hasSuccess) {
+    return 'success'
+  }
+
+  return 'default'
+}
diff --git a/apps/mobile/src/components/SafeListItem/SafeListItem.test.tsx b/apps/mobile/src/components/SafeListItem/SafeListItem.test.tsx
new file mode 100644
index 000000000..0626d5fdb
--- /dev/null
+++ b/apps/mobile/src/components/SafeListItem/SafeListItem.test.tsx
@@ -0,0 +1,137 @@
+import { render } from '@/src/tests/test-utils'
+import { SafeListItem } from '.'
+import { Text, View } from 'tamagui'
+import { ellipsis } from '@/src/utils/formatters'
+import { Alert } from '../Alert'
+
+describe('SafeListItem', () => {
+  it('should render the default markup', () => {
+    const { getByText } = render(
+      <SafeListItem label="A label" leftNode={<Text>Left node</Text>} rightNode={<Text>Right node</Text>} />,
+    )
+
+    expect(getByText('A label')).toBeTruthy()
+    expect(getByText('Left node')).toBeTruthy()
+    expect(getByText('Right node')).toBeTruthy()
+  })
+
+  it('should render a list item, with type and icon', () => {
+    const { getByText, getByTestId } = render(
+      <SafeListItem
+        label="A label"
+        type="some type"
+        icon="add-owner"
+        leftNode={<Text>Left node</Text>}
+        rightNode={<Text>Right node</Text>}
+      />,
+    )
+
+    expect(getByText('A label')).toBeTruthy()
+    expect(getByText('some type')).toBeTruthy()
+    expect(getByTestId('safe-list-add-owner-icon')).toBeTruthy()
+    expect(getByText('Left node')).toBeTruthy()
+    expect(getByText('Right node')).toBeTruthy()
+  })
+
+  it('should render a list item with truncated label when the label text length is very long', () => {
+    const text = 'A very long label text to test if it it will truncate, in this case it should truncate.'
+    const { getByText, getByTestId } = render(
+      <SafeListItem label={text} type="some type" icon="add-owner" leftNode={<Text>Left node</Text>} />,
+    )
+
+    expect(getByText(ellipsis(text, 30))).toBeTruthy()
+    expect(getByText('some type')).toBeTruthy()
+    expect(getByTestId('safe-list-add-owner-icon')).toBeTruthy()
+    expect(getByText('Left node')).toBeTruthy()
+  })
+
+  it('should render a list item with a custom label template', () => {
+    const container = render(
+      <SafeListItem
+        label={
+          <View>
+            <Text>Here is my label</Text>
+          </View>
+        }
+        type="some type"
+        icon="add-owner"
+        leftNode={<Text>Left node</Text>}
+      />,
+    )
+
+    expect(container.getByText('Here is my label')).toBeTruthy()
+    expect(container.getByText('some type')).toBeTruthy()
+    expect(container.getByTestId('safe-list-add-owner-icon')).toBeTruthy()
+    expect(container.getByText('Left node')).toBeTruthy()
+
+    expect(container).toMatchSnapshot()
+  })
+
+  it('should render bottomContent when provided', () => {
+    const { getByText } = render(
+      <SafeListItem
+        label="A label"
+        leftNode={<Text>Left node</Text>}
+        bottomContent={
+          <View testID="bottom-content">
+            <Text>Bottom content text</Text>
+          </View>
+        }
+      />,
+    )
+
+    expect(getByText('A label')).toBeTruthy()
+    expect(getByText('Left node')).toBeTruthy()
+    expect(getByText('Bottom content text')).toBeTruthy()
+  })
+
+  it('should not render bottomContent when not provided', () => {
+    const { queryByTestId } = render(<SafeListItem label="A label" leftNode={<Text>Left node</Text>} />)
+
+    // Since bottomContent is not provided, there should be no bottom content container
+    expect(queryByTestId('bottom-content')).toBeNull()
+  })
+
+  it('should render bottomContent with proper styling and layout', () => {
+    const container = render(
+      <SafeListItem
+        label="A label"
+        leftNode={<Text>Left node</Text>}
+        bottomContent={
+          <View testID="bottom-content-container">
+            <Text testID="bottom-warning">Transaction warning message</Text>
+          </View>
+        }
+      />,
+    )
+
+    expect(container.getByText('A label')).toBeTruthy()
+    expect(container.getByTestId('bottom-content-container')).toBeTruthy()
+    expect(container.getByText('Transaction warning message')).toBeTruthy()
+
+    expect(container).toMatchSnapshot()
+  })
+
+  it('should render bottomContent with Alert component', () => {
+    const { getByText } = render(
+      <SafeListItem
+        label="Transaction checks"
+        leftNode={<Text>Shield icon</Text>}
+        bottomContent={<Alert type="warning" message="Contract Changes Detected!" info="Review Details First" />}
+      />,
+    )
+
+    expect(getByText('Transaction checks')).toBeTruthy()
+    expect(getByText('Shield icon')).toBeTruthy()
+    expect(getByText('Contract Changes Detected!')).toBeTruthy()
+    expect(getByText('Review Details First')).toBeTruthy()
+  })
+})
+
+describe('SafeListItem.Header', () => {
+  it('should render the default markup', () => {
+    const { getByText } = render(<SafeListItem.Header title="any title for your header here" />)
+
+    expect(getByText('any title for your header here')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/SafeListItem/SafeListItem.tsx b/apps/mobile/src/components/SafeListItem/SafeListItem.tsx
new file mode 100644
index 000000000..513ddd5b5
--- /dev/null
+++ b/apps/mobile/src/components/SafeListItem/SafeListItem.tsx
@@ -0,0 +1,150 @@
+import React from 'react'
+import { Container } from '../Container'
+import { Text, Theme, ThemeName, View, ViewProps, YStackProps } from 'tamagui'
+import { IconProps, SafeFontIcon } from '../SafeFontIcon/SafeFontIcon'
+import { ellipsis } from '@/src/utils/formatters'
+import { isMultisigExecutionInfo } from '@/src/utils/transaction-guards'
+import { Transaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { Badge } from '../Badge'
+import { Tag } from '../Tag'
+import { ProposalBadge } from '../ProposalBadge'
+
+export interface SafeListItemProps {
+  type?: string
+  label: string | React.ReactNode
+  icon?: IconProps['name']
+  children?: React.ReactNode
+  rightNode?: React.ReactNode
+  leftNode?: React.ReactNode
+  bordered?: boolean
+  transparent?: boolean
+  spaced?: boolean
+  inQueue?: boolean
+  executionInfo?: Transaction['executionInfo']
+  themeName?: ThemeName
+  onPress?: () => void
+  tag?: string
+  paddingVertical?: YStackProps['paddingVertical']
+  bottomContent?: React.ReactNode
+  pressStyle?: ViewProps['pressStyle']
+}
+
+export function SafeListItem({
+  type,
+  leftNode,
+  icon,
+  bordered,
+  spaced,
+  label,
+  transparent,
+  rightNode,
+  children,
+  inQueue,
+  executionInfo,
+  themeName,
+  onPress,
+  tag,
+  paddingVertical = '$4',
+  bottomContent,
+  pressStyle,
+}: SafeListItemProps) {
+  // TODO: Replace this with proposedByDelegate once EN-149 is implemented
+  const isProposedTx = isMultisigExecutionInfo(executionInfo) ? executionInfo.confirmationsSubmitted === 0 : false
+
+  return (
+    <Container
+      spaced={spaced}
+      bordered={bordered}
+      gap={12}
+      onPress={onPress}
+      transparent={transparent}
+      themeName={themeName}
+      alignItems={'flex-start'}
+      flexWrap="wrap"
+      flexDirection="column"
+      justifyContent="flex-start"
+      paddingVertical={paddingVertical}
+      // If just set pressStyle to undefined, then the onPress doesn't work, that's why we need this hack
+      {...(pressStyle ? { pressStyle } : {})}
+    >
+      <View flexDirection="row" width="100%" alignItems="center" justifyContent="space-between">
+        <View flexDirection="row" maxWidth={rightNode ? '55%' : '100%'} alignItems="center" gap={12}>
+          {leftNode}
+
+          <View>
+            {type && (
+              <View flexDirection="row" alignItems="center" gap={4}>
+                {icon && (
+                  <SafeFontIcon testID={`safe-list-${icon}-icon`} name={icon} size={10} color="$colorSecondary" />
+                )}
+                <Text fontSize="$2" lineHeight={20} color="$colorSecondary">
+                  {type}
+                </Text>
+              </View>
+            )}
+
+            {typeof label === 'string' ? (
+              <Text fontSize="$4" lineHeight={20} fontWeight={600} letterSpacing={-0.01}>
+                {ellipsis(label, rightNode || inQueue ? 21 : 30)}
+              </Text>
+            ) : (
+              label
+            )}
+          </View>
+          {tag && <Tag>{tag}</Tag>}
+        </View>
+
+        {inQueue && executionInfo && isMultisigExecutionInfo(executionInfo) ? (
+          <View alignItems="center" flexDirection="row" gap="$2">
+            {isProposedTx ? (
+              <ProposalBadge />
+            ) : (
+              <Badge
+                circleProps={{ paddingHorizontal: 8, paddingVertical: 2 }}
+                circular={false}
+                content={
+                  <View alignItems="center" flexDirection="row" gap="$1">
+                    <SafeFontIcon size={12} name="owners" />
+
+                    <Text fontWeight={600} color={'$color'} fontSize="$2" lineHeight={18}>
+                      {executionInfo?.confirmationsSubmitted}/{executionInfo?.confirmationsRequired}
+                    </Text>
+                  </View>
+                }
+                themeName={
+                  executionInfo?.confirmationsRequired === executionInfo?.confirmationsSubmitted
+                    ? 'badge_success_variant1'
+                    : 'badge_warning'
+                }
+              />
+            )}
+
+            <SafeFontIcon name="chevron-right" size={16} />
+          </View>
+        ) : (
+          rightNode
+        )}
+      </View>
+
+      {bottomContent && (
+        <View width="100%" marginTop="$3">
+          {bottomContent}
+        </View>
+      )}
+
+      {children}
+    </Container>
+  )
+}
+
+SafeListItem.Header = function Header({ title }: { title: string }) {
+  return (
+    <Theme name="safe_list">
+      <View paddingVertical="$4" backgroundColor={'$background'}>
+        <Text fontWeight={500} color="$colorSecondary">
+          {title}
+        </Text>
+      </View>
+    </Theme>
+  )
+}
diff --git a/apps/mobile/src/components/SafeListItem/__snapshots__/SafeListItem.test.tsx.snap b/apps/mobile/src/components/SafeListItem/__snapshots__/SafeListItem.test.tsx.snap
new file mode 100644
index 000000000..8b610b1d9
--- /dev/null
+++ b/apps/mobile/src/components/SafeListItem/__snapshots__/SafeListItem.test.tsx.snap
@@ -0,0 +1,220 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SafeListItem should render a list item with a custom label template 1`] = `
+<View>
+  <View
+    style={
+      {
+        "alignItems": "flex-start",
+        "backgroundColor": "#FFFFFF",
+        "borderBottomLeftRadius": 7,
+        "borderBottomRightRadius": 7,
+        "borderTopLeftRadius": 7,
+        "borderTopRightRadius": 7,
+        "flexDirection": "column",
+        "flexWrap": "wrap",
+        "gap": 12,
+        "justifyContent": "flex-start",
+        "paddingBottom": 16,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "row",
+          "justifyContent": "space-between",
+          "width": "100%",
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "gap": 12,
+            "maxWidth": "100%",
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "color": "#121312",
+              "fontFamily": "DM Sans",
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Left node
+        </Text>
+        <View>
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "flexDirection": "row",
+                "gap": 4,
+              }
+            }
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#A1A3A7",
+                    "fontSize": 10,
+                  },
+                  undefined,
+                  {
+                    "fontFamily": "SafeIcons",
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
+                  },
+                  {},
+                ]
+              }
+              testID="safe-list-add-owner-icon"
+            >
+              
+            </Text>
+            <Text
+              style={
+                {
+                  "color": "#A1A3A7",
+                  "fontFamily": "DM Sans",
+                  "fontSize": 12,
+                  "lineHeight": 20,
+                }
+              }
+              suppressHighlighting={true}
+            >
+              some type
+            </Text>
+          </View>
+          <View>
+            <Text
+              style={
+                {
+                  "color": "#121312",
+                  "fontFamily": "DM Sans",
+                }
+              }
+              suppressHighlighting={true}
+            >
+              Here is my label
+            </Text>
+          </View>
+        </View>
+      </View>
+    </View>
+  </View>
+</View>
+`;
+
+exports[`SafeListItem should render bottomContent with proper styling and layout 1`] = `
+<View>
+  <View
+    style={
+      {
+        "alignItems": "flex-start",
+        "backgroundColor": "#FFFFFF",
+        "borderBottomLeftRadius": 7,
+        "borderBottomRightRadius": 7,
+        "borderTopLeftRadius": 7,
+        "borderTopRightRadius": 7,
+        "flexDirection": "column",
+        "flexWrap": "wrap",
+        "gap": 12,
+        "justifyContent": "flex-start",
+        "paddingBottom": 16,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "row",
+          "justifyContent": "space-between",
+          "width": "100%",
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "gap": 12,
+            "maxWidth": "100%",
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "color": "#121312",
+              "fontFamily": "DM Sans",
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Left node
+        </Text>
+        <View>
+          <Text
+            style={
+              {
+                "color": "#121312",
+                "fontFamily": "DMSans-SemiBold",
+                "fontSize": 14,
+                "letterSpacing": -0.01,
+                "lineHeight": 20,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            A label
+          </Text>
+        </View>
+      </View>
+    </View>
+    <View
+      style={
+        {
+          "marginTop": 12,
+          "width": "100%",
+        }
+      }
+    >
+      <View
+        testID="bottom-content-container"
+      >
+        <Text
+          style={
+            {
+              "color": "#121312",
+              "fontFamily": "DM Sans",
+            }
+          }
+          suppressHighlighting={true}
+          testID="bottom-warning"
+        >
+          Transaction warning message
+        </Text>
+      </View>
+    </View>
+  </View>
+</View>
+`;
diff --git a/apps/mobile/src/components/SafeListItem/index.tsx b/apps/mobile/src/components/SafeListItem/index.tsx
new file mode 100644
index 000000000..267d451f0
--- /dev/null
+++ b/apps/mobile/src/components/SafeListItem/index.tsx
@@ -0,0 +1,2 @@
+import { SafeListItem } from './SafeListItem'
+export { SafeListItem }
diff --git a/apps/mobile/src/components/SafeListItem/theme.ts b/apps/mobile/src/components/SafeListItem/theme.ts
new file mode 100644
index 000000000..11427a8be
--- /dev/null
+++ b/apps/mobile/src/components/SafeListItem/theme.ts
@@ -0,0 +1,12 @@
+import { tokens } from '@/src/theme/tokens'
+
+export const SafeListItemTheme = {
+  light_safe_list: {
+    background: tokens.color.backgroundPaperLight,
+    colorSecondary: tokens.color.textSecondaryLight,
+  },
+  dark_safe_list: {
+    background: tokens.color.backgroundDefaultDark,
+    colorSecondary: tokens.color.primaryLightDark,
+  },
+}
diff --git a/apps/mobile/src/components/SafeSearchBar/SafeSearchBar.tsx b/apps/mobile/src/components/SafeSearchBar/SafeSearchBar.tsx
new file mode 100644
index 000000000..bd7f01a0c
--- /dev/null
+++ b/apps/mobile/src/components/SafeSearchBar/SafeSearchBar.tsx
@@ -0,0 +1,105 @@
+import React, { useState, useEffect, useCallback } from 'react'
+import { View, TextInput, StyleSheet, TouchableOpacity, Platform, KeyboardAvoidingView } from 'react-native'
+import { SafeFontIcon } from '../SafeFontIcon'
+
+interface SafeSearchBarProps {
+  placeholder: string
+  onSearch: (query: string) => void
+  throttleTime?: number
+}
+
+const SafeSearchBar: React.FC<SafeSearchBarProps> = ({ placeholder, onSearch, throttleTime = 300 }) => {
+  const [searchQuery, setSearchQuery] = useState('')
+  const [timer, setTimer] = useState<ReturnType<typeof setTimeout> | null>(null)
+
+  const throttleSearch = useCallback(
+    (query: string) => {
+      if (timer) {
+        clearTimeout(timer)
+      }
+
+      const newTimer = setTimeout(() => {
+        onSearch(query)
+      }, throttleTime)
+
+      setTimer(newTimer)
+    },
+    [onSearch, throttleTime, timer],
+  )
+
+  useEffect(() => {
+    return () => {
+      if (timer) {
+        clearTimeout(timer)
+      }
+    }
+  }, [timer])
+
+  const handleSearchChange = (text: string) => {
+    setSearchQuery(text)
+    throttleSearch(text)
+  }
+
+  const handleClearSearch = () => {
+    setSearchQuery('')
+    onSearch('')
+  }
+
+  return (
+    <KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : 'height'} style={styles.container}>
+      <View style={styles.searchBar}>
+        <SafeFontIcon name="search" size={18} color="#999" />
+
+        <TextInput
+          style={styles.input}
+          placeholder={placeholder}
+          value={searchQuery}
+          onChangeText={handleSearchChange}
+          clearButtonMode="never"
+          returnKeyType="search"
+          autoCapitalize="none"
+          autoCorrect={false}
+        />
+
+        {searchQuery.length > 0 && (
+          <TouchableOpacity onPress={handleClearSearch} style={styles.clearButton}>
+            <SafeFontIcon name="close-outlined" size={18} color="#999" />
+          </TouchableOpacity>
+        )}
+      </View>
+    </KeyboardAvoidingView>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    marginVertical: 8,
+  },
+  searchBar: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderRadius: 10,
+    backgroundColor: '#7676801F',
+    paddingHorizontal: 8,
+    height: 36,
+  },
+  logo: {
+    width: 24,
+    height: 24,
+    marginRight: 8,
+  },
+
+  input: {
+    flex: 1,
+    height: '100%',
+    fontSize: 16,
+    color: '#999',
+    marginLeft: 8,
+  },
+  clearButton: {
+    padding: 4,
+  },
+})
+
+export default SafeSearchBar
diff --git a/apps/mobile/src/components/SafeTab/SafeTab.tsx b/apps/mobile/src/components/SafeTab/SafeTab.tsx
new file mode 100644
index 000000000..49ca2ccb1
--- /dev/null
+++ b/apps/mobile/src/components/SafeTab/SafeTab.tsx
@@ -0,0 +1,53 @@
+import React, { ReactElement, useState } from 'react'
+import { TabBarProps, Tabs } from 'react-native-collapsible-tab-view'
+import { safeTabItem } from './types'
+import { SafeTabBar } from './SafeTabBar'
+import { Theme } from 'tamagui'
+import { StyleProp, ViewStyle } from 'react-native'
+
+interface SafeTabProps<T> {
+  renderHeader?: (props: TabBarProps<string>) => ReactElement
+  headerHeight?: number
+  items: safeTabItem<T>[]
+  containerProps?: T
+  containerStyle?: StyleProp<ViewStyle>
+  onIndexChange?: (index: number) => void
+}
+
+export function SafeTab<T extends object>({
+  renderHeader,
+  headerHeight,
+  items,
+  containerProps,
+  containerStyle,
+  onIndexChange,
+}: SafeTabProps<T>) {
+  const [activeTab, setActiveTab] = useState(items[0].label)
+
+  return (
+    <Theme name={'tab'}>
+      <Tabs.Container
+        containerStyle={containerStyle}
+        renderHeader={renderHeader}
+        headerContainerStyle={headerContainerStyle}
+        headerHeight={headerHeight}
+        renderTabBar={(props) => <SafeTabBar activeTab={activeTab} setActiveTab={setActiveTab} {...props} />}
+        onTabChange={(event) => setActiveTab(event.tabName)}
+        onIndexChange={onIndexChange}
+        initialTabName={items[0].label}
+      >
+        {items.map(({ label, Component }, index) => (
+          <Tabs.Tab name={label} key={`${label}-${index}`}>
+            <Component {...(containerProps as T)} />
+          </Tabs.Tab>
+        ))}
+      </Tabs.Container>
+    </Theme>
+  )
+}
+
+const headerContainerStyle = { backgroundColor: '$background', shadowColor: 'transparent' }
+
+SafeTab.FlashList = Tabs.FlashList
+SafeTab.FlatList = Tabs.FlatList
+SafeTab.ScrollView = Tabs.ScrollView
diff --git a/apps/mobile/src/components/SafeTab/SafeTabBar.tsx b/apps/mobile/src/components/SafeTab/SafeTabBar.tsx
new file mode 100644
index 000000000..8f1de870a
--- /dev/null
+++ b/apps/mobile/src/components/SafeTab/SafeTabBar.tsx
@@ -0,0 +1,53 @@
+import React from 'react'
+import { TabBarProps } from 'react-native-collapsible-tab-view'
+import { TabName } from 'react-native-collapsible-tab-view/lib/typescript/src/types'
+import { TouchableOpacity } from 'react-native-gesture-handler'
+import { View, Text, useTheme } from 'tamagui'
+
+interface SafeTabBarProps {
+  setActiveTab: (name: string) => void
+  activeTab: string
+}
+
+export const SafeTabBar = ({
+  tabNames,
+  onTabPress,
+  activeTab,
+  setActiveTab,
+}: TabBarProps<TabName> & SafeTabBarProps) => {
+  const theme = useTheme()
+
+  const activeButtonStyle = {
+    paddingBottom: 8,
+    borderBottomColor: theme.color?.get(),
+    borderBottomWidth: 2,
+  }
+
+  const handleTabPressed = (name: string) => () => {
+    onTabPress(name)
+    setActiveTab(name)
+  }
+
+  const isActiveTab = (name: string) => {
+    return activeTab === name
+  }
+
+  return (
+    <View
+      backgroundColor="$background"
+      gap="$6"
+      paddingHorizontal="$4"
+      flexDirection="row"
+      borderBottomColor={'$borderLight'}
+      borderBottomWidth={1}
+    >
+      {tabNames.map((name) => (
+        <TouchableOpacity style={isActiveTab(name) && activeButtonStyle} onPress={handleTabPressed(name)} key={name}>
+          <Text color={isActiveTab(name) ? '$color' : '$colorSecondary'} fontSize="$6" fontWeight={700}>
+            {name}
+          </Text>
+        </TouchableOpacity>
+      ))}
+    </View>
+  )
+}
diff --git a/apps/mobile/src/components/SafeTab/index.tsx b/apps/mobile/src/components/SafeTab/index.tsx
new file mode 100644
index 000000000..a4a406690
--- /dev/null
+++ b/apps/mobile/src/components/SafeTab/index.tsx
@@ -0,0 +1,2 @@
+import { SafeTab } from './SafeTab'
+export { SafeTab }
diff --git a/apps/mobile/src/components/SafeTab/theme.ts b/apps/mobile/src/components/SafeTab/theme.ts
new file mode 100644
index 000000000..9ac39ca74
--- /dev/null
+++ b/apps/mobile/src/components/SafeTab/theme.ts
@@ -0,0 +1,10 @@
+import { tokens } from '@/src/theme/tokens'
+
+export const safeTabTheme = {
+  light_tab: {
+    background: tokens.color.backgroundMainLight,
+  },
+  dark_tab: {
+    background: tokens.color.backgroundDefaultDark,
+  },
+}
diff --git a/apps/mobile/src/components/SafeTab/types.ts b/apps/mobile/src/components/SafeTab/types.ts
new file mode 100644
index 000000000..9089a2880
--- /dev/null
+++ b/apps/mobile/src/components/SafeTab/types.ts
@@ -0,0 +1,4 @@
+export interface safeTabItem<T> {
+  label: string
+  Component: React.FC<T>
+}
diff --git a/apps/mobile/src/components/SelectSigner/SelectSigner.tsx b/apps/mobile/src/components/SelectSigner/SelectSigner.tsx
new file mode 100644
index 000000000..c75d94c39
--- /dev/null
+++ b/apps/mobile/src/components/SelectSigner/SelectSigner.tsx
@@ -0,0 +1,35 @@
+import React from 'react'
+import { Text, View, Image } from 'tamagui'
+import Signature from '@/assets/images/signature.png'
+
+import { Identicon } from '@/src/components/Identicon'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { router } from 'expo-router'
+import { ContactDisplayNameContainer } from '@/src/features/AddressBook'
+import { Address } from '@/src/types/address'
+
+type Props = {
+  address: Address
+  txId: string
+}
+
+export function SelectSigner({ address, txId }: Props) {
+  return (
+    <View
+      onPress={() => router.push({ pathname: '/change-signer-sheet', params: { txId } })}
+      flexDirection="row"
+      justifyContent="center"
+      alignItems="center"
+      gap={'$2'}
+    >
+      <Image testID="signature-button-image" width={16} height={16} source={Signature} />
+      <Text fontWeight={700}>Sign with</Text>
+
+      <Identicon address={address} size={24} />
+
+      <ContactDisplayNameContainer address={address} />
+
+      <SafeFontIcon name="chevron-right" />
+    </View>
+  )
+}
diff --git a/apps/mobile/src/components/SelectSigner/index.ts b/apps/mobile/src/components/SelectSigner/index.ts
new file mode 100644
index 000000000..a9543d729
--- /dev/null
+++ b/apps/mobile/src/components/SelectSigner/index.ts
@@ -0,0 +1,2 @@
+import { SelectSigner } from './SelectSigner'
+export { SelectSigner }
diff --git a/apps/mobile/src/components/StatusBanners/PendingTransactions/PendingTransactions.stories.tsx b/apps/mobile/src/components/StatusBanners/PendingTransactions/PendingTransactions.stories.tsx
new file mode 100644
index 000000000..6a7b6ba0b
--- /dev/null
+++ b/apps/mobile/src/components/StatusBanners/PendingTransactions/PendingTransactions.stories.tsx
@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { PendingTransactions } from '@/src/components/StatusBanners/PendingTransactions'
+import { action } from '@storybook/addon-actions'
+
+const meta: Meta<typeof PendingTransactions> = {
+  title: 'StatusBanners/PendingTransactions',
+  component: PendingTransactions,
+  argTypes: {
+    number: { control: 'number' },
+  },
+  parameters: { actions: { argTypesRegex: '^on.*' } },
+  args: {
+    fullWidth: false,
+    number: '5',
+    onPress: action('on-press'),
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof PendingTransactions>
+
+export const Default: Story = {}
diff --git a/apps/mobile/src/components/StatusBanners/PendingTransactions/PendingTransactions.test.tsx b/apps/mobile/src/components/StatusBanners/PendingTransactions/PendingTransactions.test.tsx
new file mode 100644
index 000000000..11810b2c8
--- /dev/null
+++ b/apps/mobile/src/components/StatusBanners/PendingTransactions/PendingTransactions.test.tsx
@@ -0,0 +1,27 @@
+import { render, userEvent } from '@/src/tests/test-utils'
+import { PendingTransactions } from '.'
+
+describe('PendingTransactions', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should render the default markup', async () => {
+    const user = userEvent.setup()
+    const mockedFn = jest.fn()
+
+    const { getByText } = render(<PendingTransactions number={'2'} onPress={mockedFn} />)
+
+    expect(getByText('2')).toBeTruthy()
+
+    await user.press(getByText('Pending transactions'))
+
+    expect(mockedFn).toHaveBeenCalled()
+  })
+
+  it('should render the pending transactions in fullWidth layout', () => {
+    const container = render(<PendingTransactions number={'2'} fullWidth onPress={jest.fn()} />)
+
+    expect(container).toMatchSnapshot()
+  })
+})
diff --git a/apps/mobile/src/components/StatusBanners/PendingTransactions/PendingTransactions.tsx b/apps/mobile/src/components/StatusBanners/PendingTransactions/PendingTransactions.tsx
new file mode 100644
index 000000000..8d19930d8
--- /dev/null
+++ b/apps/mobile/src/components/StatusBanners/PendingTransactions/PendingTransactions.tsx
@@ -0,0 +1,34 @@
+import React from 'react'
+
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { Badge } from '@/src/components/Badge'
+import { Loader } from '@/src/components/Loader'
+import { Alert } from '../../Alert'
+
+interface Props {
+  number: string
+  fullWidth?: boolean
+  onPress: () => void
+  isLoading?: boolean
+}
+
+export const PendingTransactions = ({ number, isLoading, fullWidth, onPress }: Props) => {
+  const startIcon = isLoading ? (
+    <Loader size={24} color="$warning1ContrastTextDark" />
+  ) : (
+    <Badge content={number} themeName="badge_warning_variant2" circleSize="$6" textContentProps={{ fontWeight: 600 }} />
+  )
+  const endIcon = <SafeFontIcon name="chevron-right" size={20} />
+
+  return (
+    <Alert
+      type="warning"
+      fullWidth={fullWidth}
+      endIcon={endIcon}
+      startIcon={startIcon}
+      message="Pending transactions"
+      onPress={onPress}
+      testID="pending-transactions"
+    />
+  )
+}
diff --git a/apps/mobile/src/components/StatusBanners/PendingTransactions/__snapshots__/PendingTransactions.test.tsx.snap b/apps/mobile/src/components/StatusBanners/PendingTransactions/__snapshots__/PendingTransactions.test.tsx.snap
new file mode 100644
index 000000000..16c9cde35
--- /dev/null
+++ b/apps/mobile/src/components/StatusBanners/PendingTransactions/__snapshots__/PendingTransactions.test.tsx.snap
@@ -0,0 +1,159 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`PendingTransactions should render the pending transactions in fullWidth layout 1`] = `
+<View>
+  <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": false,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
+    accessible={true}
+    collapsable={false}
+    focusable={true}
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      {
+        "opacity": 1,
+      }
+    }
+    testID="pending-transactions"
+  >
+    <View
+      style={
+        {
+          "flexDirection": "row",
+          "justifyContent": "center",
+          "width": "100%",
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "backgroundColor": "#FFECC2",
+            "borderBottomLeftRadius": 5,
+            "borderBottomRightRadius": 5,
+            "borderTopLeftRadius": 5,
+            "borderTopRightRadius": 5,
+            "flexDirection": "row",
+            "gap": 12,
+            "justifyContent": "center",
+            "paddingBottom": 8,
+            "paddingLeft": 8,
+            "paddingRight": 8,
+            "paddingTop": 8,
+            "width": "100%",
+          }
+        }
+      >
+        <View
+          testID="alert-start-icon"
+        >
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "backgroundColor": "#FF8C00",
+                "borderBottomLeftRadius": 100000,
+                "borderBottomRightRadius": 100000,
+                "borderTopLeftRadius": 100000,
+                "borderTopRightRadius": 100000,
+                "flexDirection": "column",
+                "height": 24,
+                "justifyContent": "center",
+                "maxHeight": 24,
+                "maxWidth": 24,
+                "minHeight": 24,
+                "minWidth": 24,
+                "paddingBottom": 0,
+                "paddingLeft": 0,
+                "paddingRight": 0,
+                "paddingTop": 0,
+                "width": 24,
+              }
+            }
+          >
+            <Text
+              style={
+                {
+                  "color": "#6C2D19",
+                  "fontFamily": "DMSans-SemiBold",
+                  "fontSize": 14,
+                }
+              }
+              suppressHighlighting={true}
+            >
+              2
+            </Text>
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "gap": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "color": "#6C2D19",
+                "fontFamily": "DMSans-SemiBold",
+                "fontSize": 14,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Pending transactions
+          </Text>
+        </View>
+        <View
+          testID="alert-end-icon"
+        >
+          <Text
+            allowFontScaling={false}
+            selectable={false}
+            style={
+              [
+                {
+                  "color": "#6C2D19",
+                  "fontSize": 20,
+                },
+                undefined,
+                {
+                  "fontFamily": "SafeIcons",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+        </View>
+      </View>
+    </View>
+  </View>
+</View>
+`;
diff --git a/apps/mobile/src/components/StatusBanners/PendingTransactions/index.tsx b/apps/mobile/src/components/StatusBanners/PendingTransactions/index.tsx
new file mode 100644
index 000000000..2ec0f893f
--- /dev/null
+++ b/apps/mobile/src/components/StatusBanners/PendingTransactions/index.tsx
@@ -0,0 +1,2 @@
+import { PendingTransactions } from './PendingTransactions'
+export { PendingTransactions }
diff --git a/apps/mobile/src/components/SwapHeader/SwapHeader.test.tsx b/apps/mobile/src/components/SwapHeader/SwapHeader.test.tsx
new file mode 100644
index 000000000..8d97dda57
--- /dev/null
+++ b/apps/mobile/src/components/SwapHeader/SwapHeader.test.tsx
@@ -0,0 +1,157 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { SwapHeader } from './SwapHeader'
+
+const mockTokenA = {
+  logoUri: 'https://example.com/token-a.png',
+  symbol: 'TOKENA',
+}
+
+const mockTokenB = {
+  logoUri: 'https://example.com/token-b.png',
+  symbol: 'TOKENB',
+}
+
+describe('SwapHeader', () => {
+  it('should render basic swap header with required props', () => {
+    const { getByText } = render(
+      <SwapHeader fromToken={mockTokenA} toToken={mockTokenB} fromAmount="100.5" toAmount="200.25" />,
+    )
+
+    expect(getByText('Sell')).toBeVisible()
+    expect(getByText('For')).toBeVisible()
+    expect(getByText('100.5 TOKENA')).toBeVisible()
+    expect(getByText('200.25 TOKENB')).toBeVisible()
+  })
+
+  it('should render date and time when provided', () => {
+    const { getByText } = render(
+      <SwapHeader
+        date="Dec 15 2023"
+        time="2:30 PM"
+        fromToken={mockTokenA}
+        toToken={mockTokenB}
+        fromAmount="100.5"
+        toAmount="200.25"
+      />,
+    )
+
+    expect(getByText('Dec 15 2023 at 2:30 PM')).toBeVisible()
+  })
+
+  it('should not render date section when date/time are not provided', () => {
+    const { queryByText } = render(
+      <SwapHeader fromToken={mockTokenA} toToken={mockTokenB} fromAmount="100.5" toAmount="200.25" />,
+    )
+
+    expect(queryByText(/at/)).toBeNull()
+  })
+
+  it('should render custom labels when provided', () => {
+    const { getByText } = render(
+      <SwapHeader
+        fromToken={mockTokenA}
+        toToken={mockTokenB}
+        fromAmount="100.5"
+        toAmount="200.25"
+        fromLabel="Custom From"
+        toLabel="Custom To"
+      />,
+    )
+
+    expect(getByText('Custom From')).toBeVisible()
+    expect(getByText('Custom To')).toBeVisible()
+  })
+
+  it('should render with default labels when not provided', () => {
+    const { getByText } = render(
+      <SwapHeader fromToken={mockTokenA} toToken={mockTokenB} fromAmount="100.5" toAmount="200.25" />,
+    )
+
+    expect(getByText('Sell')).toBeVisible()
+    expect(getByText('For')).toBeVisible()
+  })
+
+  it('should handle tokens with null logoUri', () => {
+    const tokenWithoutLogo = {
+      logoUri: null,
+      symbol: 'NOLOGO',
+    }
+
+    const { getByText } = render(
+      <SwapHeader fromToken={tokenWithoutLogo} toToken={mockTokenB} fromAmount="100.5" toAmount="200.25" />,
+    )
+
+    expect(getByText('100.5 NOLOGO')).toBeVisible()
+  })
+
+  it('should handle tokens with undefined logoUri', () => {
+    const tokenWithoutLogo = {
+      logoUri: undefined,
+      symbol: 'UNDEFINED',
+    }
+
+    const { getByText } = render(
+      <SwapHeader fromToken={tokenWithoutLogo} toToken={mockTokenB} fromAmount="100.5" toAmount="200.25" />,
+    )
+
+    expect(getByText('100.5 UNDEFINED')).toBeVisible()
+  })
+
+  it('should ellipsize long amounts', () => {
+    const { getByText } = render(
+      <SwapHeader
+        fromToken={mockTokenA}
+        toToken={mockTokenB}
+        fromAmount="1234567890.123456789"
+        toAmount="9876543210.987654321"
+      />,
+    )
+
+    // The ellipsis utility should truncate long amounts
+    expect(getByText(/TOKENA/)).toBeVisible()
+    expect(getByText(/TOKENB/)).toBeVisible()
+  })
+
+  it('should render TokenIcons with correct props', () => {
+    const { getAllByTestId } = render(
+      <SwapHeader fromToken={mockTokenA} toToken={mockTokenB} fromAmount="100.5" toAmount="200.25" />,
+    )
+
+    // TokenIcons should be rendered with testID - there should be 2 images
+    const images = getAllByTestId('logo-image')
+    expect(images).toHaveLength(2)
+    expect(images[0]).toBeVisible()
+    expect(images[1]).toBeVisible()
+    expect(images[0]).toHaveProp('accessibilityLabel', 'TOKENA')
+    expect(images[1]).toHaveProp('accessibilityLabel', 'TOKENB')
+  })
+
+  it('should render chevron-right arrow between tokens', () => {
+    render(<SwapHeader fromToken={mockTokenA} toToken={mockTokenB} fromAmount="100.5" toAmount="200.25" />)
+
+    // Badge with chevron should be present
+    // Note: Exact test depends on how SafeFontIcon is implemented
+  })
+
+  it('should handle edge case with very short amounts', () => {
+    const { getByText } = render(
+      <SwapHeader fromToken={mockTokenA} toToken={mockTokenB} fromAmount="0" toAmount="0.1" />,
+    )
+
+    expect(getByText('0 TOKENA')).toBeVisible()
+    expect(getByText('0.1 TOKENB')).toBeVisible()
+  })
+
+  it('should handle multiple SwapHeaders in same component', () => {
+    const { getAllByText } = render(
+      <>
+        <SwapHeader fromToken={mockTokenA} toToken={mockTokenB} fromAmount="100" toAmount="200" />
+        <SwapHeader fromToken={mockTokenB} toToken={mockTokenA} fromAmount="50" toAmount="25" />
+      </>,
+    )
+
+    expect(getAllByText('Sell')).toHaveLength(2)
+    expect(getAllByText('For')).toHaveLength(2)
+  })
+})
diff --git a/apps/mobile/src/components/SwapHeader/SwapHeader.tsx b/apps/mobile/src/components/SwapHeader/SwapHeader.tsx
new file mode 100644
index 000000000..f5f8cda3e
--- /dev/null
+++ b/apps/mobile/src/components/SwapHeader/SwapHeader.tsx
@@ -0,0 +1,92 @@
+import React from 'react'
+import { Text, View, H5 } from 'tamagui'
+import { Container } from '@/src/components/Container'
+import { TokenIcon } from '@/src/components/TokenIcon'
+import { ellipsis } from '@/src/utils/formatters'
+import { Badge } from '@/src/components/Badge'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+
+interface TokenInfo {
+  logoUri?: string | null
+  symbol: string
+}
+
+interface SwapHeaderProps {
+  date?: string
+  time?: string
+  fromToken: TokenInfo
+  toToken: TokenInfo
+  fromAmount: string
+  toAmount: string
+  fromLabel?: string
+  toLabel?: string
+}
+
+export function SwapHeader({
+  date,
+  time,
+  fromToken,
+  toToken,
+  fromAmount,
+  toAmount,
+  fromLabel = 'Sell',
+  toLabel = 'For',
+}: SwapHeaderProps) {
+  return (
+    <>
+      {date && time && (
+        <View alignItems="center" justifyContent="center" gap="$2">
+          <Text color="$textSecondaryLight">
+            {date} at {time}
+          </Text>
+        </View>
+      )}
+
+      <View flexDirection="row" gap="$2" position="relative">
+        <Container flex={1} padding="$4" borderRadius="$3">
+          <View alignItems="center" gap="$2">
+            <TokenIcon logoUri={fromToken.logoUri} size="$10" accessibilityLabel={fromToken.symbol} />
+            <Text color="$textSecondaryLight">{fromLabel}</Text>
+            <H5 fontWeight={600}>
+              {ellipsis(fromAmount, 9)} {fromToken.symbol}
+            </H5>
+          </View>
+        </Container>
+
+        <View
+          position="absolute"
+          left={'50%'}
+          marginLeft={-15}
+          top={0}
+          bottom={0}
+          justifyContent="center"
+          alignItems="center"
+          zIndex={1}
+        >
+          <Badge
+            circular={false}
+            circleProps={{
+              width: 30,
+              height: 30,
+              padding: 0,
+              alignItems: 'center',
+              justifyContent: 'center',
+            }}
+            content={<SafeFontIcon name="chevron-right" />}
+            themeName="badge_background"
+          />
+        </View>
+
+        <Container flex={1} padding="$4" borderRadius="$3">
+          <View alignItems="center" gap="$2">
+            <TokenIcon logoUri={toToken.logoUri} size="$10" accessibilityLabel={toToken.symbol} />
+            <Text color="$textSecondaryLight">{toLabel}</Text>
+            <H5 fontWeight={600}>
+              {ellipsis(toAmount, 9)} {toToken.symbol}
+            </H5>
+          </View>
+        </Container>
+      </View>
+    </>
+  )
+}
diff --git a/apps/mobile/src/components/SwapHeader/index.ts b/apps/mobile/src/components/SwapHeader/index.ts
new file mode 100644
index 000000000..438466daa
--- /dev/null
+++ b/apps/mobile/src/components/SwapHeader/index.ts
@@ -0,0 +1 @@
+export { SwapHeader } from './SwapHeader'
diff --git a/apps/mobile/src/components/Tab/TabNameContext.tsx b/apps/mobile/src/components/Tab/TabNameContext.tsx
new file mode 100644
index 000000000..223eb8edb
--- /dev/null
+++ b/apps/mobile/src/components/Tab/TabNameContext.tsx
@@ -0,0 +1,11 @@
+import { createContext, useContext } from 'react'
+
+export const TabNameContext = createContext<{ tabName: string }>({ tabName: '' })
+
+export const useTabNameContext = () => {
+  const context = useContext(TabNameContext)
+  if (!context) {
+    throw new Error('useTabNameContext must be inside a TabNameContext')
+  }
+  return context
+}
diff --git a/apps/mobile/src/components/Tag/Tag.stories.tsx b/apps/mobile/src/components/Tag/Tag.stories.tsx
new file mode 100644
index 000000000..aec1a3dd9
--- /dev/null
+++ b/apps/mobile/src/components/Tag/Tag.stories.tsx
@@ -0,0 +1,31 @@
+import type { StoryObj, Meta } from '@storybook/react'
+import { Tag } from '@/src/components/Tag'
+
+const meta: Meta<typeof Tag> = {
+  title: 'Tag',
+  component: Tag,
+}
+
+export default meta
+
+type Story = StoryObj<typeof Tag>
+
+export const Default: Story = {
+  render: () => <Tag>default</Tag>,
+}
+
+export const Error: Story = {
+  render: () => <Tag error>error</Tag>,
+}
+
+export const Warning: Story = {
+  render: () => <Tag warning>warning</Tag>,
+}
+
+export const Success: Story = {
+  render: () => <Tag success>success</Tag>,
+}
+
+export const Outline: Story = {
+  render: () => <Tag outlined>outline</Tag>,
+}
diff --git a/apps/mobile/src/components/Tag/Tag.tsx b/apps/mobile/src/components/Tag/Tag.tsx
new file mode 100644
index 000000000..d56989953
--- /dev/null
+++ b/apps/mobile/src/components/Tag/Tag.tsx
@@ -0,0 +1,40 @@
+import { styled, Text } from 'tamagui'
+
+export const Tag = styled(Text, {
+  paddingHorizontal: '$2',
+  paddingVertical: '$1',
+  alignSelf: 'flex-start',
+  backgroundColor: '$backgroundSecondary',
+  borderRadius: '$4',
+
+  color: '$color',
+
+  variants: {
+    success: {
+      true: {
+        backgroundColor: '$backgroundSuccess',
+        color: '$success',
+      },
+    },
+    warning: {
+      true: {
+        backgroundColor: '$backgroundWarning',
+        color: '$warning',
+      },
+    },
+    error: {
+      true: {
+        backgroundColor: '$backgroundError',
+        color: '$error',
+      },
+    },
+    outlined: {
+      true: {
+        backgroundColor: 'transparent',
+        borderWidth: 1,
+        borderColor: '$colorOutline',
+        color: '$colorOutline',
+      },
+    },
+  },
+})
diff --git a/apps/mobile/src/components/Tag/index.ts b/apps/mobile/src/components/Tag/index.ts
new file mode 100644
index 000000000..b9d13fdf9
--- /dev/null
+++ b/apps/mobile/src/components/Tag/index.ts
@@ -0,0 +1 @@
+export { Tag } from './Tag'
diff --git a/apps/mobile/src/components/Title/LargeHeaderTitle.tsx b/apps/mobile/src/components/Title/LargeHeaderTitle.tsx
new file mode 100644
index 000000000..3c2e00b07
--- /dev/null
+++ b/apps/mobile/src/components/Title/LargeHeaderTitle.tsx
@@ -0,0 +1,6 @@
+import { SizableText, styled } from 'tamagui'
+
+export const LargeHeaderTitle = styled(SizableText, {
+  size: '$9',
+  fontWeight: 600,
+})
diff --git a/apps/mobile/src/components/Title/NavBarTitle.tsx b/apps/mobile/src/components/Title/NavBarTitle.tsx
new file mode 100644
index 000000000..20665e68d
--- /dev/null
+++ b/apps/mobile/src/components/Title/NavBarTitle.tsx
@@ -0,0 +1,6 @@
+import { SizableText, styled } from 'tamagui'
+
+export const NavBarTitle = styled(SizableText, {
+  size: '$5',
+  fontWeight: 600,
+})
diff --git a/apps/mobile/src/components/Title/SectionTitle.tsx b/apps/mobile/src/components/Title/SectionTitle.tsx
new file mode 100644
index 000000000..f28ab6550
--- /dev/null
+++ b/apps/mobile/src/components/Title/SectionTitle.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import { GetThemeValueForKey, Text, View } from 'tamagui'
+import { LargeHeaderTitle } from './LargeHeaderTitle'
+
+interface SectionTitleProps {
+  title: string
+  description?: string
+  paddingHorizontal?: GetThemeValueForKey<'paddingHorizontal'>
+}
+
+export function SectionTitle({ title, description, paddingHorizontal = '$3' }: SectionTitleProps) {
+  return (
+    <View gap="$6" paddingHorizontal={paddingHorizontal}>
+      <View flexDirection={'row'} alignItems={'center'} paddingTop={'$3'}>
+        <LargeHeaderTitle marginRight={5}>{title}</LargeHeaderTitle>
+      </View>
+
+      {description && <Text>{description}</Text>}
+    </View>
+  )
+}
diff --git a/apps/mobile/src/components/Title/Title.test.tsx b/apps/mobile/src/components/Title/Title.test.tsx
new file mode 100644
index 000000000..a8060c051
--- /dev/null
+++ b/apps/mobile/src/components/Title/Title.test.tsx
@@ -0,0 +1,19 @@
+import { render } from '@/src/tests/test-utils'
+import { LargeHeaderTitle } from './LargeHeaderTitle'
+import { NavBarTitle } from './NavBarTitle'
+
+describe('LargeHeaderTitle', () => {
+  it('should render the default markup', () => {
+    const { getByText } = render(<LargeHeaderTitle>Here is my large header</LargeHeaderTitle>)
+
+    expect(getByText('Here is my large header')).toBeTruthy()
+  })
+})
+
+describe('NavBarTitle', () => {
+  it('should render the default markup', () => {
+    const { getByText } = render(<NavBarTitle>Here is my NabBarTitle</NavBarTitle>)
+
+    expect(getByText('Here is my NabBarTitle')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/Title/index.ts b/apps/mobile/src/components/Title/index.ts
new file mode 100644
index 000000000..d9b67e6b4
--- /dev/null
+++ b/apps/mobile/src/components/Title/index.ts
@@ -0,0 +1,5 @@
+import { LargeHeaderTitle } from './LargeHeaderTitle'
+import { NavBarTitle } from './NavBarTitle'
+import { SectionTitle } from './SectionTitle'
+
+export { LargeHeaderTitle, NavBarTitle, SectionTitle }
diff --git a/apps/mobile/src/components/TokenAmount/TokenAmount.tsx b/apps/mobile/src/components/TokenAmount/TokenAmount.tsx
new file mode 100644
index 000000000..25a6b5db9
--- /dev/null
+++ b/apps/mobile/src/components/TokenAmount/TokenAmount.tsx
@@ -0,0 +1,56 @@
+import { type ReactElement } from 'react'
+import { formatVisualAmount } from '@safe-global/utils/utils/formatters'
+import { TransferDirection } from '@safe-global/store/gateway/types'
+import { Text, TextProps } from 'tamagui'
+import { TransferTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { ellipsis } from '@/src/utils/formatters'
+
+const PRECISION = 20
+
+interface TokenAmountProps {
+  value: string
+  decimals?: number | null
+  tokenSymbol?: string
+  direction?: TransferTransactionInfo['direction']
+  preciseAmount?: boolean
+  textProps?: TextProps
+  displayPositiveSign?: boolean
+  testID?: string
+}
+
+export const TokenAmount = ({
+  value,
+  decimals,
+  tokenSymbol,
+  direction,
+  preciseAmount,
+  textProps,
+  displayPositiveSign,
+  testID,
+}: TokenAmountProps): ReactElement => {
+  const getSign = (): string => {
+    if (direction === TransferDirection.OUTGOING) {
+      return '-'
+    }
+    return displayPositiveSign ? '+' : ''
+  }
+
+  const formatAmount = (): string => {
+    if (decimals === undefined || decimals === null) {
+      return ellipsis(value, 10)
+    }
+
+    const formattedAmount = formatVisualAmount(value, decimals, preciseAmount ? PRECISION : undefined)
+
+    return ellipsis(formattedAmount, 10)
+  }
+
+  return (
+    <Text fontWeight={700} {...textProps} testID={testID}>
+      {getSign()}
+      {formatAmount()} {tokenSymbol}
+    </Text>
+  )
+}
+
+export default TokenAmount
diff --git a/apps/mobile/src/components/TokenAmount/index.ts b/apps/mobile/src/components/TokenAmount/index.ts
new file mode 100644
index 000000000..b795a6941
--- /dev/null
+++ b/apps/mobile/src/components/TokenAmount/index.ts
@@ -0,0 +1 @@
+export { TokenAmount } from './TokenAmount'
diff --git a/apps/mobile/src/components/TokenIcon/TokenIcon.test.tsx b/apps/mobile/src/components/TokenIcon/TokenIcon.test.tsx
new file mode 100644
index 000000000..d1a89654c
--- /dev/null
+++ b/apps/mobile/src/components/TokenIcon/TokenIcon.test.tsx
@@ -0,0 +1,48 @@
+import { render } from '@/src/tests/test-utils'
+import { TokenIcon } from './TokenIcon'
+
+describe('TokenIcon', () => {
+  it('should render with optimized CoinGecko URLs', () => {
+    const thumbnailUrl = 'https://coin-images.coingecko.com/coins/images/25244/thumb/Optimism.png'
+    const container = render(<TokenIcon logoUri={thumbnailUrl} accessibilityLabel="Token logo" />)
+
+    const logoImage = container.getByTestId('logo-image')
+    expect(logoImage.props.source.uri).toBe('https://coin-images.coingecko.com/coins/images/25244/large/Optimism.png')
+  })
+
+  it('should pass through non-CoinGecko URLs unchanged', () => {
+    const regularUrl = 'https://example.com/token-logo.png'
+    const container = render(<TokenIcon logoUri={regularUrl} accessibilityLabel="Token logo" />)
+
+    const logoImage = container.getByTestId('logo-image')
+    expect(logoImage.props.source.uri).toBe(regularUrl)
+  })
+
+  it('should render fallback icon when no logoUri is provided', () => {
+    const container = render(<TokenIcon accessibilityLabel="Token" />)
+
+    expect(container.queryByTestId('logo-image')).not.toBeTruthy()
+    expect(container.queryByTestId('logo-fallback-icon')).toBeTruthy()
+  })
+
+  it('should use token icon as default fallback', () => {
+    const container = render(<TokenIcon accessibilityLabel="Token" />)
+
+    // Just verify the fallback icon is rendered - the default fallback for TokenIcon should be 'token'
+    expect(container.getByTestId('logo-fallback-icon')).toBeTruthy()
+  })
+
+  it('should pass all props to Logo component', () => {
+    const props = {
+      logoUri: 'https://example.com/logo.png',
+      accessibilityLabel: 'Custom token',
+      size: '$8',
+      imageBackground: '$blue',
+      fallbackIcon: 'nft' as const,
+    }
+
+    const container = render(<TokenIcon {...props} />)
+
+    expect(container.getByLabelText('Custom token')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/TokenIcon/TokenIcon.tsx b/apps/mobile/src/components/TokenIcon/TokenIcon.tsx
new file mode 100644
index 000000000..e4a4c628a
--- /dev/null
+++ b/apps/mobile/src/components/TokenIcon/TokenIcon.tsx
@@ -0,0 +1,41 @@
+import React from 'react'
+import { Logo } from '../Logo/Logo'
+import { BadgeThemeTypes } from '../Logo/Logo'
+import { IconProps } from '../SafeFontIcon/SafeFontIcon'
+import { upgradeCoinGeckoThumbToQuality } from '@safe-global/utils/utils/image'
+
+interface TokenIconProps {
+  logoUri?: string | null
+  accessibilityLabel?: string
+  fallbackIcon?: IconProps['name']
+  imageBackground?: string
+  size?: string
+  badgeContent?: React.ReactElement
+  badgeThemeName?: BadgeThemeTypes
+}
+
+export function TokenIcon({
+  logoUri,
+  accessibilityLabel,
+  size = '$10',
+  imageBackground = '$color',
+  fallbackIcon = 'token',
+  badgeContent,
+  badgeThemeName = 'badge_background',
+}: TokenIconProps) {
+  const optimizedLogoUri = React.useMemo(() => {
+    return upgradeCoinGeckoThumbToQuality(logoUri, 'large')
+  }, [logoUri])
+
+  return (
+    <Logo
+      logoUri={optimizedLogoUri}
+      accessibilityLabel={accessibilityLabel}
+      size={size}
+      imageBackground={imageBackground}
+      fallbackIcon={fallbackIcon}
+      badgeContent={badgeContent}
+      badgeThemeName={badgeThemeName}
+    />
+  )
+}
diff --git a/apps/mobile/src/components/TokenIcon/index.ts b/apps/mobile/src/components/TokenIcon/index.ts
new file mode 100644
index 000000000..bb0ee0e49
--- /dev/null
+++ b/apps/mobile/src/components/TokenIcon/index.ts
@@ -0,0 +1,2 @@
+import { TokenIcon } from './TokenIcon'
+export { TokenIcon }
diff --git a/apps/mobile/src/components/TxInfo/TxInfo.tsx b/apps/mobile/src/components/TxInfo/TxInfo.tsx
new file mode 100644
index 000000000..e3cdd134f
--- /dev/null
+++ b/apps/mobile/src/components/TxInfo/TxInfo.tsx
@@ -0,0 +1,149 @@
+import React, { useCallback } from 'react'
+import { type Transaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useTransactionType } from '@/src/hooks/useTransactionType'
+import { TxTokenCard } from '@/src/components/transactions-list/Card/TxTokenCard'
+import { TxSettingsCard } from '@/src/components/transactions-list/Card/TxSettingsCard'
+import {
+  isCancellationTxInfo,
+  isCreationTxInfo,
+  isCustomTxInfo,
+  isMultiSendTxInfo,
+  isOrderTxInfo,
+  isSettingsChangeTxInfo,
+  isStakingTxDepositInfo,
+  isStakingTxExitInfo,
+  isStakingTxWithdrawInfo,
+  isTransferTxInfo,
+  isVaultDepositTxInfo,
+  isVaultRedeemTxInfo,
+  isBridgeOrderTxInfo,
+  isLifiSwapTxInfo,
+} from '@/src/utils/transaction-guards'
+import { TxBatchCard } from '@/src/components/transactions-list/Card/TxBatchCard'
+import { TxSafeAppCard } from '@/src/components/transactions-list/Card/TxSafeAppCard'
+import { TxRejectionCard } from '@/src/components/transactions-list/Card/TxRejectionCard'
+import { TxContractInteractionCard } from '@/src/components/transactions-list/Card/TxContractInteractionCard'
+import { TxOrderCard } from '@/src/components/transactions-list/Card/TxOrderCard'
+import { TxCreationCard } from '@/src/components/transactions-list/Card/TxCreationCard'
+import { TxCardPress } from './types'
+import { StakingTxWithdrawCard } from '@/src/components/transactions-list/Card/StakingTxWithdrawCard'
+import { StakingTxDepositCard } from '../transactions-list/Card/StakingTxDepositCard'
+import { StakingTxExitCard } from '../transactions-list/Card/StakingTxExitCard'
+import { VaultTxDepositCard } from '@/src/components/transactions-list/Card/VaultTxDepositCard'
+import { VaultTxRedeemCard } from '@/src/components/transactions-list/Card/VaultTxRedeemCard'
+import { SafeListItemProps } from '@/src/components/SafeListItem/SafeListItem'
+import { TxBridgeCard } from '@/src/components/transactions-list/Card/TxBridgeCard'
+import { TxLifiSwapCard } from '@/src/components/transactions-list/Card/TxLifiSwapCard'
+
+type TxInfoProps = {
+  tx: Transaction
+  onPress?: (tx: TxCardPress) => void
+} & Partial<SafeListItemProps>
+
+function TxInfoComponent({ tx, onPress, ...rest }: TxInfoProps) {
+  const txType = useTransactionType(tx)
+  const txInfo = tx.txInfo
+
+  const onCardPress = useCallback(() => {
+    if (onPress) {
+      onPress({
+        tx,
+        type: txType,
+      })
+    }
+  }, [onPress, tx, txType])
+
+  if (isTransferTxInfo(txInfo)) {
+    return (
+      <TxTokenCard
+        onPress={onCardPress}
+        executionInfo={tx.executionInfo}
+        txInfo={txInfo}
+        txStatus={tx.txStatus}
+        {...rest}
+      />
+    )
+  }
+
+  if (isSettingsChangeTxInfo(txInfo)) {
+    return <TxSettingsCard onPress={onCardPress} executionInfo={tx.executionInfo} txInfo={txInfo} {...rest} />
+  }
+
+  if (isMultiSendTxInfo(txInfo) && !tx.safeAppInfo) {
+    return <TxBatchCard onPress={onCardPress} executionInfo={tx.executionInfo} txInfo={txInfo} {...rest} />
+  }
+
+  if (isMultiSendTxInfo(txInfo) && tx.safeAppInfo) {
+    return (
+      <TxSafeAppCard
+        onPress={onCardPress}
+        executionInfo={tx.executionInfo}
+        txInfo={txInfo}
+        safeAppInfo={tx.safeAppInfo}
+        {...rest}
+      />
+    )
+  }
+
+  if (isCreationTxInfo(txInfo)) {
+    return <TxCreationCard onPress={onCardPress} executionInfo={tx.executionInfo} txInfo={txInfo} {...rest} />
+  }
+
+  if (isCancellationTxInfo(txInfo)) {
+    return <TxRejectionCard onPress={onCardPress} executionInfo={tx.executionInfo} txInfo={txInfo} {...rest} />
+  }
+
+  if (isMultiSendTxInfo(txInfo) || isCustomTxInfo(txInfo)) {
+    return (
+      <TxContractInteractionCard
+        onPress={onCardPress}
+        executionInfo={tx.executionInfo}
+        txInfo={txInfo}
+        safeAppInfo={tx.safeAppInfo}
+        {...rest}
+      />
+    )
+  }
+
+  if (isOrderTxInfo(txInfo)) {
+    return <TxOrderCard onPress={onCardPress} executionInfo={tx.executionInfo} txInfo={txInfo} {...rest} />
+  }
+
+  if (isStakingTxDepositInfo(txInfo)) {
+    return <StakingTxDepositCard info={txInfo} onPress={onCardPress} {...rest} />
+  }
+
+  if (isStakingTxExitInfo(txInfo)) {
+    return <StakingTxExitCard info={txInfo} onPress={onCardPress} {...rest} />
+  }
+
+  if (isStakingTxWithdrawInfo(txInfo)) {
+    return <StakingTxWithdrawCard info={txInfo} onPress={onCardPress} {...rest} />
+  }
+
+  if (isVaultDepositTxInfo(txInfo)) {
+    return <VaultTxDepositCard info={txInfo} onPress={onCardPress} executionInfo={tx.executionInfo} {...rest} />
+  }
+
+  if (isVaultRedeemTxInfo(txInfo)) {
+    return <VaultTxRedeemCard info={txInfo} onPress={onCardPress} executionInfo={tx.executionInfo} {...rest} />
+  }
+
+  if (isBridgeOrderTxInfo(txInfo)) {
+    return <TxBridgeCard txInfo={txInfo} onPress={onCardPress} executionInfo={tx.executionInfo} {...rest} />
+  }
+
+  if (isLifiSwapTxInfo(txInfo)) {
+    return <TxLifiSwapCard txInfo={txInfo} onPress={onCardPress} executionInfo={tx.executionInfo} {...rest} />
+  }
+
+  return <></>
+}
+
+export const TxInfo = React.memo(TxInfoComponent, (prevProps, nextProps) => {
+  return (
+    prevProps.tx.txHash === nextProps.tx.txHash &&
+    prevProps.bordered === nextProps.bordered &&
+    prevProps.inQueue === nextProps.inQueue
+  )
+})
diff --git a/apps/mobile/src/components/TxInfo/index.tsx b/apps/mobile/src/components/TxInfo/index.tsx
new file mode 100644
index 000000000..d683ece41
--- /dev/null
+++ b/apps/mobile/src/components/TxInfo/index.tsx
@@ -0,0 +1,3 @@
+import { TxInfo } from './TxInfo'
+
+export { TxInfo }
diff --git a/apps/mobile/src/components/TxInfo/types.ts b/apps/mobile/src/components/TxInfo/types.ts
new file mode 100644
index 000000000..7db6e9a50
--- /dev/null
+++ b/apps/mobile/src/components/TxInfo/types.ts
@@ -0,0 +1,4 @@
+import { Transaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TxType } from '@/src/hooks/useTransactionType'
+
+export type TxCardPress = { tx: Transaction; type?: TxType }
diff --git a/apps/mobile/src/components/navigation/TabBarIcon.test.tsx b/apps/mobile/src/components/navigation/TabBarIcon.test.tsx
new file mode 100644
index 000000000..2f8245e88
--- /dev/null
+++ b/apps/mobile/src/components/navigation/TabBarIcon.test.tsx
@@ -0,0 +1,10 @@
+import { render } from '@/src/tests/test-utils'
+import { TabBarIcon } from './TabBarIcon'
+
+describe('TabBarIcon', () => {
+  it('should render the default markup', () => {
+    const { getByTestId } = render(<TabBarIcon name="add-owner" />)
+
+    expect(getByTestId('tab-bar-add-owner-icon')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/navigation/TabBarIcon.tsx b/apps/mobile/src/components/navigation/TabBarIcon.tsx
new file mode 100644
index 000000000..fd3426643
--- /dev/null
+++ b/apps/mobile/src/components/navigation/TabBarIcon.tsx
@@ -0,0 +1,5 @@
+import { SafeFontIcon, IconProps } from '@/src/components/SafeFontIcon/SafeFontIcon'
+
+export function TabBarIcon({ name, ...rest }: IconProps) {
+  return <SafeFontIcon testID={`tab-bar-${name}-icon`} size={24} name={name} {...rest} />
+}
diff --git a/apps/mobile/src/components/navigation/index.ts b/apps/mobile/src/components/navigation/index.ts
new file mode 100644
index 000000000..98a0c1e78
--- /dev/null
+++ b/apps/mobile/src/components/navigation/index.ts
@@ -0,0 +1,2 @@
+import { TabBarIcon } from './TabBarIcon'
+export { TabBarIcon }
diff --git a/apps/mobile/src/components/transactions-list/Card/AccountCard/AccountCard.stories.tsx b/apps/mobile/src/components/transactions-list/Card/AccountCard/AccountCard.stories.tsx
new file mode 100644
index 000000000..f2ee7bebe
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/AccountCard/AccountCard.stories.tsx
@@ -0,0 +1,46 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { AccountCard } from '@/src/components/transactions-list/Card/AccountCard'
+import { mockedActiveSafeInfo, mockedChains } from '@/src/store/constants'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { Address } from '@/src/types/address'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+
+const meta: Meta<typeof AccountCard> = {
+  title: 'TransactionsList/AccountCard',
+  component: AccountCard,
+  argTypes: {},
+}
+
+export default meta
+
+type Story = StoryObj<typeof AccountCard>
+
+export const Default: Story = {
+  args: {
+    name: 'This is my account',
+    chains: mockedChains as unknown as Chain[],
+    owners: 5,
+    balance: mockedActiveSafeInfo.fiatTotal,
+    address: mockedActiveSafeInfo.address.value as Address,
+    threshold: 2,
+  },
+  parameters: {
+    layout: 'fullscreen',
+  },
+  render: ({ ...args }) => <AccountCard {...args} rightNode={<SafeFontIcon name="check" />} />,
+}
+
+export const TruncatedAccount: Story = {
+  args: {
+    name: 'This is my account with a very long text in one more test',
+    chains: mockedChains as unknown as Chain[],
+    owners: 5,
+    balance: mockedActiveSafeInfo.fiatTotal,
+    address: mockedActiveSafeInfo.address.value as Address,
+    threshold: 2,
+  },
+  parameters: {
+    layout: 'fullscreen',
+  },
+  render: ({ ...args }) => <AccountCard {...args} rightNode={<SafeFontIcon name="check" />} />,
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/AccountCard/AccountCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/AccountCard/AccountCard.test.tsx
new file mode 100644
index 000000000..d9a03ae95
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/AccountCard/AccountCard.test.tsx
@@ -0,0 +1,46 @@
+import { render } from '@/src/tests/test-utils'
+import { AccountCard } from './AccountCard'
+import { mockedActiveSafeInfo, mockedChains } from '@/src/store/constants'
+import { Address } from '@/src/types/address'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { ellipsis } from '@/src/utils/formatters'
+
+describe('AccountCard', () => {
+  it('should render the account card with only one chain provided', () => {
+    const accountName = 'This is my account'
+    const balance = '758.932'
+    const container = render(
+      <AccountCard
+        name={accountName}
+        chains={mockedChains as unknown as Chain[]}
+        owners={5}
+        balance={balance}
+        address={mockedActiveSafeInfo.address.value as Address}
+        threshold={2}
+      />,
+    )
+    expect(container.getByTestId('threshold-info-badge')).toBeVisible()
+    expect(container.getByText('2/5')).toBeDefined()
+    expect(container.getByText(`$ 758.93`)).toBeDefined()
+    expect(container.getByText(accountName)).toBeDefined()
+  })
+
+  it('should truncate the account information when they are very long', () => {
+    const longAccountName = 'This is my account with a very very long text'
+    const longBalance = '21312321312213213121221312321312312'
+    const container = render(
+      <AccountCard
+        name={longAccountName}
+        chains={mockedChains as unknown as Chain[]}
+        owners={5}
+        balance={longBalance}
+        address={mockedActiveSafeInfo.address.value as Address}
+        threshold={2}
+      />,
+    )
+    expect(container.getByTestId('threshold-info-badge')).toBeVisible()
+    expect(container.getByText('2/5')).toBeDefined()
+    expect(container.getByText(`$ 21,312,321,3...`)).toBeDefined()
+    expect(container.getByText(ellipsis(longAccountName, 18))).toBeDefined()
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/AccountCard/AccountCard.tsx b/apps/mobile/src/components/transactions-list/Card/AccountCard/AccountCard.tsx
new file mode 100644
index 000000000..462cb4f92
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/AccountCard/AccountCard.tsx
@@ -0,0 +1,77 @@
+import React from 'react'
+import { Text, View } from 'tamagui'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { ellipsis } from '@/src/utils/formatters'
+import { IdenticonWithBadge } from '@/src/features/Settings/components/IdenticonWithBadge'
+import { Address } from '@/src/types/address'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { ChainsDisplay } from '@/src/components/ChainsDisplay'
+import { shouldDisplayPreciseBalance } from '@/src/utils/balance'
+import { formatCurrency, formatCurrencyPrecise } from '@safe-global/utils/utils/formatNumber'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectCurrency } from '@/src/store/settingsSlice'
+
+interface AccountCardProps {
+  name: string | Address
+  balance: string
+  address: Address
+  owners: number
+  threshold: number
+  rightNode?: string | React.ReactNode
+  leftNode?: React.ReactNode
+  chains?: Chain[]
+  spaced?: boolean
+}
+
+export function AccountCard({
+  name,
+  chains,
+  spaced,
+  owners,
+  leftNode,
+  balance,
+  address,
+  threshold,
+  rightNode,
+}: AccountCardProps) {
+  const currency = useAppSelector(selectCurrency)
+  const formattedBalance = shouldDisplayPreciseBalance(balance, 8)
+    ? formatCurrencyPrecise(balance, currency)
+    : formatCurrency(balance, currency)
+
+  return (
+    <SafeListItem
+      spaced={spaced}
+      label={
+        <View>
+          <Text fontSize="$4" fontWeight={600}>
+            {ellipsis(name, 18)}
+          </Text>
+          <Text fontSize="$4" color="$colorSecondary" fontWeight={400}>
+            {ellipsis(formattedBalance, 14)}
+          </Text>
+        </View>
+      }
+      leftNode={
+        <View marginRight="$2" flexDirection="row" gap="$2" justifyContent="center" alignItems="center">
+          {leftNode}
+          <IdenticonWithBadge
+            testID="threshold-info-badge"
+            size={40}
+            badgeSize={24}
+            fontSize={owners > 9 ? 9 : 12}
+            address={address}
+            badgeContent={`${threshold}/${owners}`}
+          />
+        </View>
+      }
+      rightNode={
+        <View columnGap="$2" flexDirection="row">
+          {chains && <ChainsDisplay chains={chains} max={3} />}
+          {rightNode}
+        </View>
+      }
+      transparent
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/AccountCard/index.ts b/apps/mobile/src/components/transactions-list/Card/AccountCard/index.ts
new file mode 100644
index 000000000..d692abb08
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/AccountCard/index.ts
@@ -0,0 +1 @@
+export { AccountCard } from './AccountCard'
diff --git a/apps/mobile/src/components/transactions-list/Card/AssetsCard/AssetsCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/AssetsCard/AssetsCard.test.tsx
new file mode 100644
index 000000000..d6e5b5ef3
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/AssetsCard/AssetsCard.test.tsx
@@ -0,0 +1,18 @@
+import { render } from '@/src/tests/test-utils'
+import { AssetsCard } from '.'
+
+describe('AssetsCard', () => {
+  it('should render the default markup', () => {
+    const { getByText } = render(<AssetsCard name="Ether" description="some info about the token" />)
+
+    expect(getByText('Ether')).toBeTruthy()
+    expect(getByText('some info about the token')).toBeTruthy()
+  })
+
+  it('should render the price of the asset', () => {
+    const { getByText } = render(<AssetsCard name="Ether" rightNode="200.20" description="some info about the token" />)
+
+    expect(getByText('Ether')).toBeTruthy()
+    expect(getByText('some info about the token')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/AssetsCard/AssetsCard.tsx b/apps/mobile/src/components/transactions-list/Card/AssetsCard/AssetsCard.tsx
new file mode 100644
index 000000000..623533f05
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/AssetsCard/AssetsCard.tsx
@@ -0,0 +1,64 @@
+import React from 'react'
+import { Text, View } from 'tamagui'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { TokenIcon } from '@/src/components/TokenIcon'
+import { ellipsis } from '@/src/utils/formatters'
+
+interface AssetsCardProps {
+  name: string
+  description?: string
+  logoUri?: string | null
+  rightNode?: string | React.ReactNode
+  accessibilityLabel?: string
+  imageBackground?: string
+  transparent?: boolean
+  onPress?: () => void
+}
+
+export function AssetsCard({
+  name,
+  description,
+  imageBackground,
+  logoUri,
+  accessibilityLabel,
+  rightNode,
+  transparent = true,
+  onPress,
+}: AssetsCardProps) {
+  return (
+    <SafeListItem
+      onPress={onPress}
+      label={
+        <View>
+          <Text fontSize="$4" fontWeight={600} lineHeight={20}>
+            {name}
+          </Text>
+          {description && (
+            <Text fontSize="$4" color="$colorSecondary" fontWeight={400} lineHeight={20}>
+              {description}
+            </Text>
+          )}
+        </View>
+      }
+      transparent={transparent}
+      leftNode={
+        <TokenIcon
+          imageBackground={imageBackground}
+          logoUri={logoUri}
+          accessibilityLabel={accessibilityLabel}
+          size={'$8'}
+        />
+      }
+      rightNode={
+        typeof rightNode === 'string' ? (
+          <Text fontSize="$4" fontWeight={400} color="$color">
+            {ellipsis(rightNode, 10)}
+          </Text>
+        ) : (
+          rightNode
+        )
+      }
+      paddingVertical={'$2'}
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/AssetsCard/index.tsx b/apps/mobile/src/components/transactions-list/Card/AssetsCard/index.tsx
new file mode 100644
index 000000000..737269b43
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/AssetsCard/index.tsx
@@ -0,0 +1,2 @@
+import { AssetsCard } from './AssetsCard'
+export { AssetsCard }
diff --git a/apps/mobile/src/components/transactions-list/Card/SignersCard/SignersCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/SignersCard/SignersCard.test.tsx
new file mode 100644
index 000000000..ef5cd89d4
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/SignersCard/SignersCard.test.tsx
@@ -0,0 +1,24 @@
+import { render } from '@/src/tests/test-utils'
+import { SignersCard } from '.'
+import { Text } from 'tamagui'
+import { shortenAddress } from '@/src/utils/formatters'
+
+const fakeAddress = '0x0000000000000000000000000000000000000000'
+
+describe('AssetsCard', () => {
+  it('should render the default markup', () => {
+    const { getByText } = render(<SignersCard name="Ether" address={fakeAddress} />)
+
+    expect(getByText('Ether')).toBeTruthy()
+    expect(getByText(shortenAddress(fakeAddress))).toBeTruthy()
+  })
+
+  it('should render the rightNode of the asset', () => {
+    const { getByText } = render(
+      <SignersCard name="Nevinhoso" rightNode={<Text>rightNode</Text>} address={fakeAddress} />,
+    )
+
+    expect(getByText('Nevinhoso')).toBeTruthy()
+    expect(getByText('rightNode')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/SignersCard/SignersCard.tsx b/apps/mobile/src/components/transactions-list/Card/SignersCard/SignersCard.tsx
new file mode 100644
index 000000000..67dc588b9
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/SignersCard/SignersCard.tsx
@@ -0,0 +1,82 @@
+import React, { useMemo } from 'react'
+import { Text, View, type TextProps } from 'tamagui'
+import { Identicon } from '@/src/components/Identicon'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { EthAddress } from '@/src/components/EthAddress'
+import { Address } from '@/src/types/address'
+
+type SignersCardProps = {
+  name?: string | React.ReactNode
+  address: `0x${string}`
+  rightNode?: React.ReactNode
+  transparent?: boolean
+  onPress?: () => void
+  getSignerTag?: (address: Address) => string | undefined
+}
+
+const descriptionStyle: Partial<TextProps> = {
+  fontSize: '$4',
+  color: '$backgroundPress',
+  fontWeight: 400,
+}
+
+const titleStyle: Partial<TextProps> = {
+  fontSize: '$4',
+  fontWeight: 600,
+}
+
+export function SignersCard({ onPress, name, transparent = true, address, rightNode, getSignerTag }: SignersCardProps) {
+  const textProps = useMemo(() => {
+    return name ? descriptionStyle : titleStyle
+  }, [name])
+
+  return (
+    <SafeListItem
+      onPress={onPress}
+      transparent={transparent}
+      label={
+        <View>
+          {name && (
+            <View flexDirection="row" alignItems="center" gap="$2">
+              {typeof name === 'string' ? (
+                <Text fontSize="$4" fontWeight={600} {...titleStyle}>
+                  {name}
+                </Text>
+              ) : React.isValidElement(name) ? (
+                React.cloneElement(name as React.ReactElement<{ textProps?: Partial<TextProps> }>, {
+                  textProps: titleStyle,
+                })
+              ) : (
+                name
+              )}
+              {getSignerTag?.(address) && (
+                <View
+                  backgroundColor="$transparent"
+                  paddingHorizontal="$2"
+                  paddingVertical="$1"
+                  borderRadius="$6"
+                  borderWidth={1}
+                  borderColor="$backgroundPress"
+                >
+                  <Text fontSize="$3" fontWeight={500}>
+                    {getSignerTag?.(address)}
+                  </Text>
+                </View>
+              )}
+            </View>
+          )}
+
+          <EthAddress address={address} textProps={textProps} />
+        </View>
+      }
+      leftNode={
+        <View width="$10">
+          <Identicon address={address} size={40} />
+        </View>
+      }
+      rightNode={rightNode}
+    />
+  )
+}
+
+export default SignersCard
diff --git a/apps/mobile/src/components/transactions-list/Card/SignersCard/index.ts b/apps/mobile/src/components/transactions-list/Card/SignersCard/index.ts
new file mode 100644
index 000000000..8eea500c0
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/SignersCard/index.ts
@@ -0,0 +1 @@
+export { SignersCard } from './SignersCard'
diff --git a/apps/mobile/src/components/transactions-list/Card/StakingTxDepositCard/StakingTxDepositCard.stories.tsx b/apps/mobile/src/components/transactions-list/Card/StakingTxDepositCard/StakingTxDepositCard.stories.tsx
new file mode 100644
index 000000000..6956de9ae
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/StakingTxDepositCard/StakingTxDepositCard.stories.tsx
@@ -0,0 +1,72 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { StakingTxDepositCard } from '@/src/components/transactions-list/Card/StakingTxDepositCard'
+import { NativeStakingDepositTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TransactionInfoType } from '@safe-global/store/gateway/types'
+
+// Mock data for NativeStakingDepositTransactionInfo
+const mockStakingTxDepositInfo: NativeStakingDepositTransactionInfo = {
+  type: 'NativeStakingDeposit' as TransactionInfoType.NATIVE_STAKING_DEPOSIT,
+  humanDescription: 'Deposit tokens for staking',
+  status: 'ACTIVE',
+  estimatedEntryTime: Date.now() + 86400000, // 1 day from now
+  estimatedExitTime: Date.now() + 30 * 86400000, // 30 days from now
+  estimatedWithdrawalTime: Date.now() + 32 * 86400000, // 32 days from now
+  fee: 5, // 5% fee
+  monthlyNrr: 4.2, // 4.2% monthly return
+  annualNrr: 50.4, // 50.4% annual return
+  value: '1000000000000000000', // 1 ETH in wei
+  numValidators: 1,
+  expectedAnnualReward: '50400000000000000', // 0.0504 ETH
+  expectedMonthlyReward: '4200000000000000', // 0.0042 ETH
+  expectedFiatAnnualReward: 151.2, // $151.2 assuming 1 ETH = $300
+  expectedFiatMonthlyReward: 12.6, // $12.6
+  tokenInfo: {
+    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE', // Common ETH placeholder address
+    decimals: 18,
+    logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+    name: 'Ethereum',
+    symbol: 'ETH',
+    trusted: true,
+  },
+  validators: ['0xvalidator1', '0xvalidator2'],
+}
+
+const meta: Meta<typeof StakingTxDepositCard> = {
+  title: 'TransactionsList/StakingTxDepositCard',
+  component: StakingTxDepositCard,
+  argTypes: {},
+  args: {
+    info: mockStakingTxDepositInfo,
+  },
+}
+
+export default meta
+type Story = StoryObj<typeof StakingTxDepositCard>
+
+export const Default: Story = {}
+
+export const CustomAmount: Story = {
+  args: {
+    info: {
+      ...mockStakingTxDepositInfo,
+      value: '5000000000000000000', // 5 ETH in wei
+    },
+  },
+}
+
+export const DifferentToken: Story = {
+  args: {
+    info: {
+      ...mockStakingTxDepositInfo,
+      tokenInfo: {
+        address: '0x1111111111',
+        decimals: 18,
+        logoUri:
+          'https://safe-transaction-assets.safe.global/tokens/logos/0x5aFE3855358E112B5647B952709E6165e1c1eEEe.png',
+        name: 'SafeToken',
+        symbol: 'SAFE',
+        trusted: true,
+      },
+    },
+  },
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/StakingTxDepositCard/StakingTxDepositCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/StakingTxDepositCard/StakingTxDepositCard.test.tsx
new file mode 100644
index 000000000..a2acd0265
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/StakingTxDepositCard/StakingTxDepositCard.test.tsx
@@ -0,0 +1,49 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { StakingTxDepositCard } from './StakingTxDepositCard'
+import { NativeStakingDepositTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+describe('StakingTxDepositCard', () => {
+  const mockOnPress = jest.fn()
+
+  const mockInfo = {
+    value: '1000000000000000000',
+    tokenInfo: {
+      symbol: 'ETH',
+      decimals: 18,
+      logoUri: 'https://example.com/eth-logo.png',
+      name: 'Ethereum',
+      address: '0x0000000000000000000000000000000000000000',
+      trusted: true,
+    },
+    type: 'NativeStakingDeposit',
+    humanDescription: 'Deposit tokens for staking',
+    status: 'ACTIVE',
+    estimatedEntryTime: Date.now() + 86400000,
+    estimatedExitTime: Date.now() + 30 * 86400000,
+    estimatedWithdrawalTime: Date.now() + 32 * 86400000,
+    fee: 5,
+    monthlyNrr: 4.2,
+    annualNrr: 50.4,
+    numValidators: 1,
+    expectedAnnualReward: '50400000000000000',
+    expectedMonthlyReward: '4200000000000000',
+    expectedFiatAnnualReward: 151.2,
+    expectedFiatMonthlyReward: 12.6,
+    validators: ['0xvalidator1'],
+  } as NativeStakingDepositTransactionInfo
+
+  it('renders correctly', () => {
+    const { toJSON } = render(<StakingTxDepositCard info={mockInfo} onPress={mockOnPress} />)
+    expect(toJSON()).toMatchSnapshot()
+  })
+
+  it('renders correctly with given info', () => {
+    const screen = render(<StakingTxDepositCard info={mockInfo} onPress={mockOnPress} />)
+
+    // Check that important props are passed correctly
+    expect(screen.getByText('Deposit')).toBeTruthy()
+    expect(screen.getByText('1 ETH')).toBeTruthy()
+    expect(screen.getByTestId('logo-image')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/StakingTxDepositCard/StakingTxDepositCard.tsx b/apps/mobile/src/components/transactions-list/Card/StakingTxDepositCard/StakingTxDepositCard.tsx
new file mode 100644
index 000000000..363abbcf7
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/StakingTxDepositCard/StakingTxDepositCard.tsx
@@ -0,0 +1,25 @@
+import type { NativeStakingDepositTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TokenAmount } from '@/src/components/TokenAmount'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { TokenIcon } from '@/src/components/TokenIcon'
+import { SafeListItemProps } from '@/src/components/SafeListItem/SafeListItem'
+
+export const StakingTxDepositCard = ({
+  info,
+  ...rest
+}: {
+  info: NativeStakingDepositTransactionInfo
+} & Partial<SafeListItemProps>) => {
+  return (
+    <SafeListItem
+      label={`Deposit`}
+      icon="transaction-stake"
+      type={'Stake'}
+      rightNode={
+        <TokenAmount value={info.value} tokenSymbol={info.tokenInfo.symbol} decimals={info.tokenInfo.decimals} />
+      }
+      leftNode={<TokenIcon logoUri={info.tokenInfo.logoUri} accessibilityLabel={info.tokenInfo.symbol} size="$8" />}
+      {...rest}
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/StakingTxDepositCard/__snapshots__/StakingTxDepositCard.test.tsx.snap b/apps/mobile/src/components/transactions-list/Card/StakingTxDepositCard/__snapshots__/StakingTxDepositCard.test.tsx.snap
new file mode 100644
index 000000000..9aa2e0a34
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/StakingTxDepositCard/__snapshots__/StakingTxDepositCard.test.tsx.snap
@@ -0,0 +1,263 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StakingTxDepositCard renders correctly 1`] = `
+<View>
+  <View
+    onBlur={[Function]}
+    onClick={[Function]}
+    onFocus={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      {
+        "alignItems": "flex-start",
+        "backgroundColor": "#FFFFFF",
+        "borderBottomLeftRadius": 7,
+        "borderBottomRightRadius": 7,
+        "borderTopLeftRadius": 7,
+        "borderTopRightRadius": 7,
+        "flexDirection": "column",
+        "flexWrap": "wrap",
+        "gap": 12,
+        "justifyContent": "flex-start",
+        "paddingBottom": 16,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "row",
+          "justifyContent": "space-between",
+          "width": "100%",
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "gap": 12,
+            "maxWidth": "55%",
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "width": 32,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "position": "absolute",
+                "right": -10,
+                "top": -10,
+                "zIndex": 1,
+              }
+            }
+          />
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "borderBottomLeftRadius": 100000,
+                "borderBottomRightRadius": 100000,
+                "borderTopLeftRadius": 100000,
+                "borderTopRightRadius": 100000,
+                "flexDirection": "column",
+                "height": 32,
+                "justifyContent": "center",
+                "maxHeight": 32,
+                "maxWidth": 32,
+                "minHeight": 32,
+                "minWidth": 32,
+                "overflow": "hidden",
+                "paddingBottom": 0,
+                "paddingLeft": 0,
+                "paddingRight": 0,
+                "paddingTop": 0,
+                "position": "relative",
+                "width": 32,
+              }
+            }
+          >
+            <View
+              style={
+                {
+                  "bottom": 0,
+                  "flexDirection": "column",
+                  "left": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                  "zIndex": 1,
+                }
+              }
+            >
+              <Image
+                accessibilityLabel="ETH"
+                fullscreen={true}
+                onError={[Function]}
+                onLoad={[Function]}
+                source={
+                  {
+                    "uri": "https://example.com/eth-logo.png",
+                  }
+                }
+                style={
+                  {
+                    "backgroundColor": "#121312",
+                    "height": 32,
+                    "width": 32,
+                  }
+                }
+                testID="logo-image"
+              />
+            </View>
+            <View
+              style={
+                {
+                  "backgroundColor": "#EEEFF0",
+                  "bottom": 0,
+                  "flexDirection": "column",
+                  "left": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                  "zIndex": 0,
+                }
+              }
+            >
+              <View
+                style={
+                  {
+                    "alignItems": "center",
+                    "backgroundColor": "#EEEFF0",
+                    "borderBottomLeftRadius": 0,
+                    "borderBottomRightRadius": 0,
+                    "borderTopLeftRadius": 0,
+                    "borderTopRightRadius": 0,
+                    "display": "flex",
+                    "height": 32,
+                    "justifyContent": "center",
+                    "width": 32,
+                  }
+                }
+              >
+                <Text
+                  allowFontScaling={false}
+                  selectable={false}
+                  style={
+                    [
+                      {
+                        "color": "#A1A3A7",
+                        "fontSize": 16,
+                      },
+                      undefined,
+                      {
+                        "fontFamily": "SafeIcons",
+                        "fontStyle": "normal",
+                        "fontWeight": "normal",
+                      },
+                      {},
+                    ]
+                  }
+                  testID="logo-fallback-icon"
+                >
+                  
+                </Text>
+              </View>
+            </View>
+          </View>
+        </View>
+        <View>
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "flexDirection": "row",
+                "gap": 4,
+              }
+            }
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#A1A3A7",
+                    "fontSize": 10,
+                  },
+                  undefined,
+                  {
+                    "fontFamily": "SafeIcons",
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
+                  },
+                  {},
+                ]
+              }
+              testID="safe-list-transaction-stake-icon"
+            >
+              
+            </Text>
+            <Text
+              style={
+                {
+                  "color": "#A1A3A7",
+                  "fontFamily": "DM Sans",
+                  "fontSize": 12,
+                  "lineHeight": 20,
+                }
+              }
+              suppressHighlighting={true}
+            >
+              Stake
+            </Text>
+          </View>
+          <Text
+            style={
+              {
+                "color": "#121312",
+                "fontFamily": "DMSans-SemiBold",
+                "fontSize": 14,
+                "letterSpacing": -0.01,
+                "lineHeight": 20,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Deposit
+          </Text>
+        </View>
+      </View>
+      <Text
+        style={
+          {
+            "color": "#121312",
+            "fontFamily": "DMSans-Bold",
+          }
+        }
+        suppressHighlighting={true}
+      >
+        1
+         
+        ETH
+      </Text>
+    </View>
+  </View>
+</View>
+`;
diff --git a/apps/mobile/src/components/transactions-list/Card/StakingTxDepositCard/index.tsx b/apps/mobile/src/components/transactions-list/Card/StakingTxDepositCard/index.tsx
new file mode 100644
index 000000000..e93597362
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/StakingTxDepositCard/index.tsx
@@ -0,0 +1 @@
+export { StakingTxDepositCard } from './StakingTxDepositCard'
diff --git a/apps/mobile/src/components/transactions-list/Card/StakingTxExitCard/StakingTxExitCard.stories.tsx b/apps/mobile/src/components/transactions-list/Card/StakingTxExitCard/StakingTxExitCard.stories.tsx
new file mode 100644
index 000000000..86c1ed310
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/StakingTxExitCard/StakingTxExitCard.stories.tsx
@@ -0,0 +1,76 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { StakingTxExitCard } from '@/src/components/transactions-list/Card/StakingTxExitCard'
+import { NativeStakingValidatorsExitTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TransactionInfoType } from '@safe-global/store/gateway/types'
+
+// Mock data for NativeStakingValidatorsExitTransactionInfo
+const mockStakingTxExitInfo: NativeStakingValidatorsExitTransactionInfo = {
+  type: 'NativeStakingValidatorsExit' as TransactionInfoType.NATIVE_STAKING_VALIDATORS_EXIT,
+  humanDescription: 'Exit staking validators',
+  numValidators: 2,
+  status: 'EXITING',
+  estimatedExitTime: 1703980800, // Unix timestamp for 2023-12-31
+  estimatedWithdrawalTime: 1704585600, // Unix timestamp for 2024-01-07
+  value: '32000000000000000000', // 32 ETH in wei
+  validators: ['0xvalidator1', '0xvalidator2'],
+  tokenInfo: {
+    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE', // Common ETH placeholder address
+    decimals: 18,
+    logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+    name: 'Ethereum',
+    symbol: 'ETH',
+    trusted: true,
+  },
+}
+
+const meta: Meta<typeof StakingTxExitCard> = {
+  title: 'TransactionsList/StakingTxExitCard',
+  component: StakingTxExitCard,
+  argTypes: {},
+  args: {
+    info: mockStakingTxExitInfo,
+  },
+}
+
+export default meta
+type Story = StoryObj<typeof StakingTxExitCard>
+
+export const Default: Story = {}
+
+export const SingleValidator: Story = {
+  args: {
+    info: {
+      ...mockStakingTxExitInfo,
+      numValidators: 1,
+      validators: ['0xvalidator1'],
+    },
+  },
+}
+
+export const MultipleValidators: Story = {
+  args: {
+    info: {
+      ...mockStakingTxExitInfo,
+      numValidators: 5,
+      validators: ['0xvalidator1', '0xvalidator2', '0xvalidator3', '0xvalidator4', '0xvalidator5'],
+      value: '160000000000000000000', // 160 ETH in wei (5 validators * 32 ETH)
+    },
+  },
+}
+
+export const DifferentToken: Story = {
+  args: {
+    info: {
+      ...mockStakingTxExitInfo,
+      tokenInfo: {
+        address: '0x1111111111',
+        decimals: 18,
+        logoUri:
+          'https://safe-transaction-assets.safe.global/tokens/logos/0x5aFE3855358E112B5647B952709E6165e1c1eEEe.png',
+        name: 'SafeToken',
+        symbol: 'SAFE',
+        trusted: true,
+      },
+    },
+  },
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/StakingTxExitCard/StakingTxExitCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/StakingTxExitCard/StakingTxExitCard.test.tsx
new file mode 100644
index 000000000..b78a39e27
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/StakingTxExitCard/StakingTxExitCard.test.tsx
@@ -0,0 +1,63 @@
+import React from 'react'
+import { render, fireEvent } from '@/src/tests/test-utils'
+import { StakingTxExitCard } from './StakingTxExitCard'
+import { NativeStakingValidatorsExitTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+const mockInfo: NativeStakingValidatorsExitTransactionInfo = {
+  type: 'NativeStakingValidatorsExit',
+  humanDescription: null,
+  status: 'ACTIVE',
+  estimatedExitTime: 1234567890,
+  estimatedWithdrawalTime: 1234567890,
+  value: '32000000000000000000',
+  numValidators: 1,
+  tokenInfo: {
+    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
+    decimals: 18,
+    logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+    name: 'Ethereum',
+    symbol: 'ETH',
+    trusted: true,
+  },
+  validators: ['0x123...abc'],
+}
+
+const mockOnPress = jest.fn()
+
+describe('StakingTxExitCard', () => {
+  beforeEach(() => {
+    mockOnPress.mockClear()
+  })
+
+  it('matches snapshot', () => {
+    const { toJSON } = render(<StakingTxExitCard info={mockInfo} onPress={mockOnPress} />)
+    expect(toJSON()).toMatchSnapshot()
+  })
+
+  it('renders correctly', () => {
+    const screen = render(<StakingTxExitCard info={mockInfo} onPress={mockOnPress} />)
+    expect(screen.getByText('Withdraw')).toBeTruthy()
+    expect(screen.getByText('1 Validator')).toBeTruthy()
+  })
+
+  it('renders multiple validators correctly', () => {
+    const singleValidatorInfo = {
+      ...mockInfo,
+      numValidators: 3,
+    }
+
+    const screen = render(<StakingTxExitCard info={singleValidatorInfo} onPress={mockOnPress} />)
+    expect(screen.getByText('Withdraw')).toBeTruthy()
+    expect(screen.getByText('3 Validators')).toBeTruthy()
+  })
+
+  it('calls onPress when pressed', () => {
+    const screen = render(<StakingTxExitCard info={mockInfo} onPress={mockOnPress} />)
+
+    const card = screen.getByText('Withdraw')
+
+    fireEvent.press(card)
+
+    expect(mockOnPress).toHaveBeenCalledTimes(1)
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/StakingTxExitCard/StakingTxExitCard.tsx b/apps/mobile/src/components/transactions-list/Card/StakingTxExitCard/StakingTxExitCard.tsx
new file mode 100644
index 000000000..f1a7e1509
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/StakingTxExitCard/StakingTxExitCard.tsx
@@ -0,0 +1,27 @@
+import type { NativeStakingValidatorsExitTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { TokenIcon } from '@/src/components/TokenIcon'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+import { Text } from 'tamagui'
+
+interface StakingTxExitCardProps {
+  info: NativeStakingValidatorsExitTransactionInfo
+  onPress: () => void
+}
+
+export const StakingTxExitCard = ({ info, onPress }: StakingTxExitCardProps) => {
+  return (
+    <SafeListItem
+      label={`Withdraw`}
+      icon="transaction-stake"
+      type={'Stake'}
+      onPress={onPress}
+      rightNode={
+        <Text color="$color" fontWeight={600} textAlign="right">
+          {info.numValidators} Validator{maybePlural(info.numValidators)}
+        </Text>
+      }
+      leftNode={<TokenIcon logoUri={info.tokenInfo.logoUri} accessibilityLabel={info.tokenInfo.symbol} size="$8" />}
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/StakingTxExitCard/__snapshots__/StakingTxExitCard.test.tsx.snap b/apps/mobile/src/components/transactions-list/Card/StakingTxExitCard/__snapshots__/StakingTxExitCard.test.tsx.snap
new file mode 100644
index 000000000..f82794b4f
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/StakingTxExitCard/__snapshots__/StakingTxExitCard.test.tsx.snap
@@ -0,0 +1,263 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StakingTxExitCard matches snapshot 1`] = `
+<View>
+  <View
+    onBlur={[Function]}
+    onClick={[Function]}
+    onFocus={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      {
+        "alignItems": "flex-start",
+        "backgroundColor": "#FFFFFF",
+        "borderBottomLeftRadius": 7,
+        "borderBottomRightRadius": 7,
+        "borderTopLeftRadius": 7,
+        "borderTopRightRadius": 7,
+        "flexDirection": "column",
+        "flexWrap": "wrap",
+        "gap": 12,
+        "justifyContent": "flex-start",
+        "paddingBottom": 16,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "row",
+          "justifyContent": "space-between",
+          "width": "100%",
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "gap": 12,
+            "maxWidth": "55%",
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "width": 32,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "position": "absolute",
+                "right": -10,
+                "top": -10,
+                "zIndex": 1,
+              }
+            }
+          />
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "borderBottomLeftRadius": 100000,
+                "borderBottomRightRadius": 100000,
+                "borderTopLeftRadius": 100000,
+                "borderTopRightRadius": 100000,
+                "flexDirection": "column",
+                "height": 32,
+                "justifyContent": "center",
+                "maxHeight": 32,
+                "maxWidth": 32,
+                "minHeight": 32,
+                "minWidth": 32,
+                "overflow": "hidden",
+                "paddingBottom": 0,
+                "paddingLeft": 0,
+                "paddingRight": 0,
+                "paddingTop": 0,
+                "position": "relative",
+                "width": 32,
+              }
+            }
+          >
+            <View
+              style={
+                {
+                  "bottom": 0,
+                  "flexDirection": "column",
+                  "left": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                  "zIndex": 1,
+                }
+              }
+            >
+              <Image
+                accessibilityLabel="ETH"
+                fullscreen={true}
+                onError={[Function]}
+                onLoad={[Function]}
+                source={
+                  {
+                    "uri": "https://safe-transaction-assets.safe.global/chains/1/chain_logo.png",
+                  }
+                }
+                style={
+                  {
+                    "backgroundColor": "#121312",
+                    "height": 32,
+                    "width": 32,
+                  }
+                }
+                testID="logo-image"
+              />
+            </View>
+            <View
+              style={
+                {
+                  "backgroundColor": "#EEEFF0",
+                  "bottom": 0,
+                  "flexDirection": "column",
+                  "left": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                  "zIndex": 0,
+                }
+              }
+            >
+              <View
+                style={
+                  {
+                    "alignItems": "center",
+                    "backgroundColor": "#EEEFF0",
+                    "borderBottomLeftRadius": 0,
+                    "borderBottomRightRadius": 0,
+                    "borderTopLeftRadius": 0,
+                    "borderTopRightRadius": 0,
+                    "display": "flex",
+                    "height": 32,
+                    "justifyContent": "center",
+                    "width": 32,
+                  }
+                }
+              >
+                <Text
+                  allowFontScaling={false}
+                  selectable={false}
+                  style={
+                    [
+                      {
+                        "color": "#A1A3A7",
+                        "fontSize": 16,
+                      },
+                      undefined,
+                      {
+                        "fontFamily": "SafeIcons",
+                        "fontStyle": "normal",
+                        "fontWeight": "normal",
+                      },
+                      {},
+                    ]
+                  }
+                  testID="logo-fallback-icon"
+                >
+                  
+                </Text>
+              </View>
+            </View>
+          </View>
+        </View>
+        <View>
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "flexDirection": "row",
+                "gap": 4,
+              }
+            }
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#A1A3A7",
+                    "fontSize": 10,
+                  },
+                  undefined,
+                  {
+                    "fontFamily": "SafeIcons",
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
+                  },
+                  {},
+                ]
+              }
+              testID="safe-list-transaction-stake-icon"
+            >
+              
+            </Text>
+            <Text
+              style={
+                {
+                  "color": "#A1A3A7",
+                  "fontFamily": "DM Sans",
+                  "fontSize": 12,
+                  "lineHeight": 20,
+                }
+              }
+              suppressHighlighting={true}
+            >
+              Stake
+            </Text>
+          </View>
+          <Text
+            style={
+              {
+                "color": "#121312",
+                "fontFamily": "DMSans-SemiBold",
+                "fontSize": 14,
+                "letterSpacing": -0.01,
+                "lineHeight": 20,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Withdraw
+          </Text>
+        </View>
+      </View>
+      <Text
+        style={
+          {
+            "color": "#121312",
+            "fontFamily": "DMSans-SemiBold",
+            "textAlign": "right",
+          }
+        }
+        suppressHighlighting={true}
+      >
+        1
+         Validator
+      </Text>
+    </View>
+  </View>
+</View>
+`;
diff --git a/apps/mobile/src/components/transactions-list/Card/StakingTxExitCard/index.tsx b/apps/mobile/src/components/transactions-list/Card/StakingTxExitCard/index.tsx
new file mode 100644
index 000000000..2d8ad9734
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/StakingTxExitCard/index.tsx
@@ -0,0 +1 @@
+export { StakingTxExitCard } from './StakingTxExitCard'
diff --git a/apps/mobile/src/components/transactions-list/Card/StakingTxWithdrawCard/StakingTxWithdrawCard.stories.tsx b/apps/mobile/src/components/transactions-list/Card/StakingTxWithdrawCard/StakingTxWithdrawCard.stories.tsx
new file mode 100644
index 000000000..8d34e00e5
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/StakingTxWithdrawCard/StakingTxWithdrawCard.stories.tsx
@@ -0,0 +1,60 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { StakingTxWithdrawCard } from '@/src/components/transactions-list/Card/StakingTxWithdrawCard'
+import { NativeStakingWithdrawTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TransactionInfoType } from '@safe-global/store/gateway/types'
+
+// Mock data for NativeStakingWithdrawTransactionInfo
+const mockStakingTxWithdrawInfo: NativeStakingWithdrawTransactionInfo = {
+  type: 'NativeStakingWithdraw' as TransactionInfoType.NATIVE_STAKING_WITHDRAW,
+  humanDescription: 'Withdraw staked tokens',
+  value: '1000000000000000000', // 1 ETH in wei
+  tokenInfo: {
+    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE', // Common ETH placeholder address
+    decimals: 18,
+    logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+    name: 'Ethereum',
+    symbol: 'ETH',
+    trusted: true,
+  },
+  validators: ['0xvalidator1', '0xvalidator2'],
+}
+
+const meta: Meta<typeof StakingTxWithdrawCard> = {
+  title: 'TransactionsList/StakingTxWithdrawCard',
+  component: StakingTxWithdrawCard,
+  argTypes: {},
+  args: {
+    info: mockStakingTxWithdrawInfo,
+  },
+}
+
+export default meta
+type Story = StoryObj<typeof StakingTxWithdrawCard>
+
+export const Default: Story = {}
+
+export const CustomAmount: Story = {
+  args: {
+    info: {
+      ...mockStakingTxWithdrawInfo,
+      value: '5000000000000000000', // 5 ETH in wei
+    },
+  },
+}
+
+export const DifferentToken: Story = {
+  args: {
+    info: {
+      ...mockStakingTxWithdrawInfo,
+      tokenInfo: {
+        address: '0x1111111111',
+        decimals: 18,
+        logoUri:
+          'https://safe-transaction-assets.safe.global/tokens/logos/0x5aFE3855358E112B5647B952709E6165e1c1eEEe.png',
+        name: 'SafeToken',
+        symbol: 'SAFE',
+        trusted: true,
+      },
+    },
+  },
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/StakingTxWithdrawCard/StakingTxWithdrawCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/StakingTxWithdrawCard/StakingTxWithdrawCard.test.tsx
new file mode 100644
index 000000000..cfbdd6624
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/StakingTxWithdrawCard/StakingTxWithdrawCard.test.tsx
@@ -0,0 +1,47 @@
+import React from 'react'
+import { render, fireEvent } from '@/src/tests/test-utils'
+import { StakingTxWithdrawCard } from './StakingTxWithdrawCard'
+import { NativeStakingWithdrawTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+const mockInfo: NativeStakingWithdrawTransactionInfo = {
+  type: 'NativeStakingWithdraw',
+  humanDescription: null,
+  value: '32000000000000000000',
+  tokenInfo: {
+    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
+    decimals: 18,
+    logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+    name: 'Ethereum',
+    symbol: 'ETH',
+    trusted: true,
+  },
+  validators: ['0x123...abc'],
+}
+
+const mockOnPress = jest.fn()
+
+describe('StakingTxWithdrawCard', () => {
+  beforeEach(() => {
+    mockOnPress.mockClear()
+  })
+
+  it('matches snapshot', () => {
+    const { toJSON } = render(<StakingTxWithdrawCard info={mockInfo} onPress={mockOnPress} />)
+    expect(toJSON()).toMatchSnapshot()
+  })
+
+  it('renders correctly', () => {
+    const screen = render(<StakingTxWithdrawCard info={mockInfo} onPress={mockOnPress} />)
+    expect(screen.getByText('Claim')).toBeTruthy()
+    expect(screen.getByTestId('token-amount')).toBeTruthy()
+  })
+
+  it('calls onPress when pressed', () => {
+    const screen = render(<StakingTxWithdrawCard info={mockInfo} onPress={mockOnPress} />)
+    const card = screen.getByText('Claim')
+
+    fireEvent.press(card)
+
+    expect(mockOnPress).toHaveBeenCalledTimes(1)
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/StakingTxWithdrawCard/StakingTxWithdrawCard.tsx b/apps/mobile/src/components/transactions-list/Card/StakingTxWithdrawCard/StakingTxWithdrawCard.tsx
new file mode 100644
index 000000000..a7fafe899
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/StakingTxWithdrawCard/StakingTxWithdrawCard.tsx
@@ -0,0 +1,29 @@
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { TokenAmount } from '@/src/components/TokenAmount'
+import { NativeStakingWithdrawTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TokenIcon } from '@/src/components/TokenIcon'
+
+interface StakingTxWithdrawCardProps {
+  info: NativeStakingWithdrawTransactionInfo
+  onPress: () => void
+}
+
+export const StakingTxWithdrawCard = ({ info, onPress }: StakingTxWithdrawCardProps) => {
+  return (
+    <SafeListItem
+      label={`Claim`}
+      icon="transaction-stake"
+      type={'Stake'}
+      onPress={onPress}
+      rightNode={
+        <TokenAmount
+          testID="token-amount"
+          value={info.value}
+          tokenSymbol={info.tokenInfo.symbol}
+          decimals={info.tokenInfo.decimals}
+        />
+      }
+      leftNode={<TokenIcon logoUri={info.tokenInfo.logoUri} accessibilityLabel={info.tokenInfo.symbol} size="$8" />}
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/StakingTxWithdrawCard/__snapshots__/StakingTxWithdrawCard.test.tsx.snap b/apps/mobile/src/components/transactions-list/Card/StakingTxWithdrawCard/__snapshots__/StakingTxWithdrawCard.test.tsx.snap
new file mode 100644
index 000000000..ddceb5cc9
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/StakingTxWithdrawCard/__snapshots__/StakingTxWithdrawCard.test.tsx.snap
@@ -0,0 +1,264 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StakingTxWithdrawCard matches snapshot 1`] = `
+<View>
+  <View
+    onBlur={[Function]}
+    onClick={[Function]}
+    onFocus={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      {
+        "alignItems": "flex-start",
+        "backgroundColor": "#FFFFFF",
+        "borderBottomLeftRadius": 7,
+        "borderBottomRightRadius": 7,
+        "borderTopLeftRadius": 7,
+        "borderTopRightRadius": 7,
+        "flexDirection": "column",
+        "flexWrap": "wrap",
+        "gap": 12,
+        "justifyContent": "flex-start",
+        "paddingBottom": 16,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "row",
+          "justifyContent": "space-between",
+          "width": "100%",
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "gap": 12,
+            "maxWidth": "55%",
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "width": 32,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "position": "absolute",
+                "right": -10,
+                "top": -10,
+                "zIndex": 1,
+              }
+            }
+          />
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "borderBottomLeftRadius": 100000,
+                "borderBottomRightRadius": 100000,
+                "borderTopLeftRadius": 100000,
+                "borderTopRightRadius": 100000,
+                "flexDirection": "column",
+                "height": 32,
+                "justifyContent": "center",
+                "maxHeight": 32,
+                "maxWidth": 32,
+                "minHeight": 32,
+                "minWidth": 32,
+                "overflow": "hidden",
+                "paddingBottom": 0,
+                "paddingLeft": 0,
+                "paddingRight": 0,
+                "paddingTop": 0,
+                "position": "relative",
+                "width": 32,
+              }
+            }
+          >
+            <View
+              style={
+                {
+                  "bottom": 0,
+                  "flexDirection": "column",
+                  "left": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                  "zIndex": 1,
+                }
+              }
+            >
+              <Image
+                accessibilityLabel="ETH"
+                fullscreen={true}
+                onError={[Function]}
+                onLoad={[Function]}
+                source={
+                  {
+                    "uri": "https://safe-transaction-assets.safe.global/chains/1/chain_logo.png",
+                  }
+                }
+                style={
+                  {
+                    "backgroundColor": "#121312",
+                    "height": 32,
+                    "width": 32,
+                  }
+                }
+                testID="logo-image"
+              />
+            </View>
+            <View
+              style={
+                {
+                  "backgroundColor": "#EEEFF0",
+                  "bottom": 0,
+                  "flexDirection": "column",
+                  "left": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                  "zIndex": 0,
+                }
+              }
+            >
+              <View
+                style={
+                  {
+                    "alignItems": "center",
+                    "backgroundColor": "#EEEFF0",
+                    "borderBottomLeftRadius": 0,
+                    "borderBottomRightRadius": 0,
+                    "borderTopLeftRadius": 0,
+                    "borderTopRightRadius": 0,
+                    "display": "flex",
+                    "height": 32,
+                    "justifyContent": "center",
+                    "width": 32,
+                  }
+                }
+              >
+                <Text
+                  allowFontScaling={false}
+                  selectable={false}
+                  style={
+                    [
+                      {
+                        "color": "#A1A3A7",
+                        "fontSize": 16,
+                      },
+                      undefined,
+                      {
+                        "fontFamily": "SafeIcons",
+                        "fontStyle": "normal",
+                        "fontWeight": "normal",
+                      },
+                      {},
+                    ]
+                  }
+                  testID="logo-fallback-icon"
+                >
+                  
+                </Text>
+              </View>
+            </View>
+          </View>
+        </View>
+        <View>
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "flexDirection": "row",
+                "gap": 4,
+              }
+            }
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#A1A3A7",
+                    "fontSize": 10,
+                  },
+                  undefined,
+                  {
+                    "fontFamily": "SafeIcons",
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
+                  },
+                  {},
+                ]
+              }
+              testID="safe-list-transaction-stake-icon"
+            >
+              
+            </Text>
+            <Text
+              style={
+                {
+                  "color": "#A1A3A7",
+                  "fontFamily": "DM Sans",
+                  "fontSize": 12,
+                  "lineHeight": 20,
+                }
+              }
+              suppressHighlighting={true}
+            >
+              Stake
+            </Text>
+          </View>
+          <Text
+            style={
+              {
+                "color": "#121312",
+                "fontFamily": "DMSans-SemiBold",
+                "fontSize": 14,
+                "letterSpacing": -0.01,
+                "lineHeight": 20,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Claim
+          </Text>
+        </View>
+      </View>
+      <Text
+        style={
+          {
+            "color": "#121312",
+            "fontFamily": "DMSans-Bold",
+          }
+        }
+        suppressHighlighting={true}
+        testID="token-amount"
+      >
+        32
+         
+        ETH
+      </Text>
+    </View>
+  </View>
+</View>
+`;
diff --git a/apps/mobile/src/components/transactions-list/Card/StakingTxWithdrawCard/index.tsx b/apps/mobile/src/components/transactions-list/Card/StakingTxWithdrawCard/index.tsx
new file mode 100644
index 000000000..03af84ee9
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/StakingTxWithdrawCard/index.tsx
@@ -0,0 +1 @@
+export { StakingTxWithdrawCard } from './StakingTxWithdrawCard'
diff --git a/apps/mobile/src/components/transactions-list/Card/TxBatchCard/TxBatchCard.stories.tsx b/apps/mobile/src/components/transactions-list/Card/TxBatchCard/TxBatchCard.stories.tsx
new file mode 100644
index 000000000..52e6c4ad6
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxBatchCard/TxBatchCard.stories.tsx
@@ -0,0 +1,35 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { TxBatchCard } from '@/src/components/transactions-list/Card/TxBatchCard'
+import { mockTransferWithInfo } from '@/src/tests/mocks'
+import { MultiSend, TransactionInfoType } from '@safe-global/store/gateway/types'
+
+const meta: Meta<typeof TxBatchCard> = {
+  title: 'TransactionsList/TxBatchCard',
+  component: TxBatchCard,
+  argTypes: {
+    bordered: {
+      description: 'Define if you want a border on the transaction',
+      control: {
+        type: 'boolean',
+      },
+    },
+  },
+  args: {
+    bordered: false,
+    txInfo: mockTransferWithInfo({
+      type: TransactionInfoType.CUSTOM,
+      actionCount: 2,
+      to: {
+        value: '',
+        logoUri: 'https://safe-transaction-assets.safe.global/safe_apps/408a90a2-170c-485a-93bb-daa843298f11/icon.png',
+        name: 'Gnosis Bridge',
+      },
+    }) as MultiSend,
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof TxBatchCard>
+
+export const Default: Story = {}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxBatchCard/TxBatchCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/TxBatchCard/TxBatchCard.test.tsx
new file mode 100644
index 000000000..667015ff4
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxBatchCard/TxBatchCard.test.tsx
@@ -0,0 +1,29 @@
+import { render } from '@/src/tests/test-utils'
+import { TxBatchCard } from '.'
+import { mockTransferWithInfo } from '@/src/tests/mocks'
+import { MultiSend, TransactionInfoType } from '@safe-global/store/gateway/types'
+
+describe('TxBatchCard', () => {
+  it('should render the default markup', () => {
+    const container = render(
+      <TxBatchCard
+        onPress={() => null}
+        txInfo={
+          mockTransferWithInfo({
+            type: TransactionInfoType.CUSTOM,
+            actionCount: 2,
+            to: {
+              value: '',
+              logoUri: 'http://myAsset.com/asset.png',
+              name: 'Gnosis Bridge',
+            },
+          }) as MultiSend
+        }
+      />,
+    )
+
+    expect(container.getByText('Batch')).toBeTruthy()
+    expect(container.getByText('2 actions')).toBeTruthy()
+    expect(container).toMatchSnapshot()
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/TxBatchCard/TxBatchCard.tsx b/apps/mobile/src/components/transactions-list/Card/TxBatchCard/TxBatchCard.tsx
new file mode 100644
index 000000000..d451a4be5
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxBatchCard/TxBatchCard.tsx
@@ -0,0 +1,28 @@
+import React from 'react'
+import { Theme, View } from 'tamagui'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import type { MultiSend } from '@safe-global/store/gateway/types'
+import { SafeListItemProps } from '@/src/components/SafeListItem/SafeListItem'
+
+type TxBatchCardProps = {
+  txInfo: MultiSend
+} & Partial<SafeListItemProps>
+
+export function TxBatchCard({ txInfo, ...rest }: TxBatchCardProps) {
+  return (
+    <SafeListItem
+      label={`${txInfo.actionCount} actions`}
+      icon="batch"
+      type={'Batch'}
+      leftNode={
+        <Theme name="logo">
+          <View backgroundColor="$background" padding="$2" borderRadius={100}>
+            <SafeFontIcon name="batch" size={16} />
+          </View>
+        </Theme>
+      }
+      {...rest}
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxBatchCard/__snapshots__/TxBatchCard.test.tsx.snap b/apps/mobile/src/components/transactions-list/Card/TxBatchCard/__snapshots__/TxBatchCard.test.tsx.snap
new file mode 100644
index 000000000..808fd2c75
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxBatchCard/__snapshots__/TxBatchCard.test.tsx.snap
@@ -0,0 +1,156 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TxBatchCard should render the default markup 1`] = `
+<View>
+  <View
+    onBlur={[Function]}
+    onClick={[Function]}
+    onFocus={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      {
+        "alignItems": "flex-start",
+        "backgroundColor": "#FFFFFF",
+        "borderBottomLeftRadius": 7,
+        "borderBottomRightRadius": 7,
+        "borderTopLeftRadius": 7,
+        "borderTopRightRadius": 7,
+        "flexDirection": "column",
+        "flexWrap": "wrap",
+        "gap": 12,
+        "justifyContent": "flex-start",
+        "paddingBottom": 16,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "row",
+          "justifyContent": "space-between",
+          "width": "100%",
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "gap": 12,
+            "maxWidth": "100%",
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "backgroundColor": "#EEEFF0",
+              "borderBottomLeftRadius": 100,
+              "borderBottomRightRadius": 100,
+              "borderTopLeftRadius": 100,
+              "borderTopRightRadius": 100,
+              "paddingBottom": 8,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 8,
+            }
+          }
+        >
+          <Text
+            allowFontScaling={false}
+            selectable={false}
+            style={
+              [
+                {
+                  "color": "#121312",
+                  "fontSize": 16,
+                },
+                undefined,
+                {
+                  "fontFamily": "SafeIcons",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+        </View>
+        <View>
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "flexDirection": "row",
+                "gap": 4,
+              }
+            }
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#A1A3A7",
+                    "fontSize": 10,
+                  },
+                  undefined,
+                  {
+                    "fontFamily": "SafeIcons",
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
+                  },
+                  {},
+                ]
+              }
+              testID="safe-list-batch-icon"
+            >
+              
+            </Text>
+            <Text
+              style={
+                {
+                  "color": "#A1A3A7",
+                  "fontFamily": "DM Sans",
+                  "fontSize": 12,
+                  "lineHeight": 20,
+                }
+              }
+              suppressHighlighting={true}
+            >
+              Batch
+            </Text>
+          </View>
+          <Text
+            style={
+              {
+                "color": "#121312",
+                "fontFamily": "DMSans-SemiBold",
+                "fontSize": 14,
+                "letterSpacing": -0.01,
+                "lineHeight": 20,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            2 actions
+          </Text>
+        </View>
+      </View>
+    </View>
+  </View>
+</View>
+`;
diff --git a/apps/mobile/src/components/transactions-list/Card/TxBatchCard/index.tsx b/apps/mobile/src/components/transactions-list/Card/TxBatchCard/index.tsx
new file mode 100644
index 000000000..17d120587
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxBatchCard/index.tsx
@@ -0,0 +1,2 @@
+import { TxBatchCard } from './TxBatchCard'
+export { TxBatchCard }
diff --git a/apps/mobile/src/components/transactions-list/Card/TxBridgeCard/TxBridgeCard.tsx b/apps/mobile/src/components/transactions-list/Card/TxBridgeCard/TxBridgeCard.tsx
new file mode 100644
index 000000000..2f9c5ebcb
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxBridgeCard/TxBridgeCard.tsx
@@ -0,0 +1,98 @@
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { Text, Theme, View } from 'tamagui'
+import { ellipsis } from '@/src/utils/formatters'
+import { TokenIcon } from '@/src/components/TokenIcon'
+import React from 'react'
+import { BridgeAndSwapTransactionInfo, Transaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { formatUnits } from 'ethers'
+import { ChainIndicator } from '@/src/components/ChainIndicator'
+
+interface TxBridgeCardProps {
+  txInfo: BridgeAndSwapTransactionInfo
+  bordered?: boolean
+  inQueue?: boolean
+  executionInfo?: Transaction['executionInfo']
+  onPress: () => void
+}
+
+export function TxBridgeCard({ txInfo, bordered, executionInfo, inQueue, onPress }: TxBridgeCardProps) {
+  const actualFromAmount =
+    BigInt(txInfo.fromAmount) + BigInt(txInfo.fees?.integratorFee ?? 0n) + BigInt(txInfo.fees?.lifiFee ?? 0n)
+
+  const fromAmountFormatted = formatUnits(actualFromAmount, txInfo.fromToken.decimals)
+  const toAmountFormatted =
+    txInfo.toAmount && txInfo.toToken ? formatUnits(txInfo.toAmount, txInfo.toToken.decimals) : ''
+
+  const statusText = (() => {
+    switch (txInfo.status) {
+      case 'PENDING':
+      case 'AWAITING_EXECUTION':
+        return 'Pending'
+      case 'FAILED':
+        return 'Failed'
+      case 'DONE':
+        return 'Completed'
+      default:
+        return 'Bridge'
+    }
+  })()
+
+  return (
+    <SafeListItem
+      label={
+        <View flexDirection="row" alignItems="center" gap="$2">
+          <Text fontSize="$4" lineHeight={20}>
+            {txInfo.fromToken.symbol}
+          </Text>
+          <View flexDirection="row" alignItems="center" gap="$2">
+            <Text lineHeight={20}>→</Text>
+            {txInfo.toToken?.symbol && <Text lineHeight={20}>{txInfo.toToken?.symbol}</Text>}
+            <ChainIndicator chainId={txInfo.toChain} onlyLogo={!!txInfo.toToken} imageSize="$4" />
+          </View>
+        </View>
+      }
+      icon="transaction-swap"
+      type={`${statusText} bridge`}
+      executionInfo={executionInfo}
+      bordered={bordered}
+      onPress={onPress}
+      inQueue={inQueue}
+      leftNode={
+        <Theme name="logo">
+          <View position="relative" width="$8" height="$8">
+            <View position="absolute" top={0}>
+              <TokenIcon
+                logoUri={txInfo.fromToken.logoUri}
+                accessibilityLabel={txInfo.fromToken.name}
+                size="$8"
+                imageBackground="$background"
+              />
+            </View>
+            {txInfo.toToken && (
+              <View position="absolute" bottom={0} right={0}>
+                <TokenIcon
+                  logoUri={txInfo.toToken.logoUri}
+                  accessibilityLabel={txInfo.toToken.name}
+                  size="$8"
+                  imageBackground="$background"
+                />
+              </View>
+            )}
+          </View>
+        </Theme>
+      }
+      rightNode={
+        <View alignItems="flex-end">
+          {(txInfo.toAmount || txInfo.toToken) && (
+            <Text color="$primary">
+              +{ellipsis(toAmountFormatted, 10)} {txInfo.toToken?.symbol ?? ''}
+            </Text>
+          )}
+          <Text fontSize="$3">
+            −{ellipsis(fromAmountFormatted, 10)} {txInfo.fromToken.symbol}
+          </Text>
+        </View>
+      }
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxBridgeCard/index.ts b/apps/mobile/src/components/transactions-list/Card/TxBridgeCard/index.ts
new file mode 100644
index 000000000..52aae6004
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxBridgeCard/index.ts
@@ -0,0 +1 @@
+export { TxBridgeCard } from './TxBridgeCard'
diff --git a/apps/mobile/src/components/transactions-list/Card/TxConflictingCard/TxConflictingCard.tsx b/apps/mobile/src/components/transactions-list/Card/TxConflictingCard/TxConflictingCard.tsx
new file mode 100644
index 000000000..92f4e4aa2
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxConflictingCard/TxConflictingCard.tsx
@@ -0,0 +1,62 @@
+import React, { useCallback } from 'react'
+import { Theme, View } from 'tamagui'
+import { TxInfo } from '@/src/components/TxInfo'
+import { Alert } from '@/src/components/Alert'
+import { TransactionQueuedItem } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TxCardPress } from '@/src/components/TxInfo/types'
+import { TouchableOpacity, useColorScheme } from 'react-native'
+
+interface TxConflictingCard {
+  transactions: TransactionQueuedItem[]
+  inQueue?: boolean
+  onPress: (transaction?: TxCardPress) => void
+}
+
+function TxConflictingComponent({ transactions, inQueue, onPress }: TxConflictingCard) {
+  const colorScheme = useColorScheme()
+  const isDark = colorScheme === 'dark'
+
+  const handleConflictTxPress = useCallback(
+    (transaction?: TransactionQueuedItem) => {
+      if (transaction) {
+        onPress({
+          tx: transaction.transaction,
+        })
+      }
+    },
+    [onPress],
+  )
+
+  return (
+    <View
+      backgroundColor={isDark ? '$backgroundPaper' : '$background'}
+      borderColor={'$warning'}
+      borderWidth={2}
+      padding="$2"
+      borderRadius={8}
+    >
+      <TouchableOpacity onPress={() => onPress()}>
+        <View>
+          <Alert type="warning" message="Conflicting transactions" />
+        </View>
+      </TouchableOpacity>
+
+      <Theme name="warning">
+        {transactions.map((item, index) => (
+          <View backgroundColor="$background" width="100%" key={`${item.transaction.id}-${index}`} borderRadius={8}>
+            <TxInfo
+              inQueue={inQueue}
+              tx={item.transaction}
+              onPress={() => handleConflictTxPress(item)}
+              bordered={false}
+            />
+          </View>
+        ))}
+      </Theme>
+    </View>
+  )
+}
+
+export const TxConflictingCard = React.memo(TxConflictingComponent, (prevProps, nextProps) => {
+  return prevProps.transactions.length === nextProps.transactions.length
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/TxConflictingCard/index.tsx b/apps/mobile/src/components/transactions-list/Card/TxConflictingCard/index.tsx
new file mode 100644
index 000000000..5e744b182
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxConflictingCard/index.tsx
@@ -0,0 +1,2 @@
+import { TxConflictingCard } from './TxConflictingCard'
+export { TxConflictingCard }
diff --git a/apps/mobile/src/components/transactions-list/Card/TxContractInteractionCard/TxContractInteractionCard.stories.tsx b/apps/mobile/src/components/transactions-list/Card/TxContractInteractionCard/TxContractInteractionCard.stories.tsx
new file mode 100644
index 000000000..82acbdd37
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxContractInteractionCard/TxContractInteractionCard.stories.tsx
@@ -0,0 +1,35 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { TxContractInteractionCard } from '@/src/components/transactions-list/Card/TxContractInteractionCard'
+import { mockTransferWithInfo } from '@/src/tests/mocks'
+import { CustomTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TransactionInfoType } from '@safe-global/store/gateway/types'
+
+const meta: Meta<typeof TxContractInteractionCard> = {
+  title: 'TransactionsList/TxContractInteractionCard',
+  component: TxContractInteractionCard,
+  argTypes: {
+    bordered: {
+      description: 'Define if you want a border on the transaction',
+      control: {
+        type: 'boolean',
+      },
+    },
+  },
+  args: {
+    bordered: false,
+    txInfo: mockTransferWithInfo({
+      type: TransactionInfoType.CUSTOM,
+      to: {
+        value: '0x0000',
+        name: 'CryptoNevinhosos',
+        logoUri: '',
+      },
+    }) as CustomTransactionInfo,
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof TxContractInteractionCard>
+
+export const Default: Story = {}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxContractInteractionCard/TxContractInteractionCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/TxContractInteractionCard/TxContractInteractionCard.test.tsx
new file mode 100644
index 000000000..4d4fde383
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxContractInteractionCard/TxContractInteractionCard.test.tsx
@@ -0,0 +1,46 @@
+import { render } from '@/src/tests/test-utils'
+import { TxContractInteractionCard } from '.'
+import { mockTransferWithInfo } from '@/src/tests/mocks'
+import { TransactionInfoType } from '@safe-global/store/gateway/types'
+import { CustomTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+describe('TxContractInteractionCard', () => {
+  it('should render the default markup', () => {
+    const { getByText, getByLabelText } = render(
+      <TxContractInteractionCard
+        onPress={() => null}
+        txInfo={
+          mockTransferWithInfo({
+            type: TransactionInfoType.CUSTOM,
+            to: {
+              value: '0x0000',
+              name: 'CryptoNevinhosos',
+              logoUri: 'http://nevinha.com/somethihng.png',
+            },
+          }) as CustomTransactionInfo
+        }
+      />,
+    )
+
+    expect(getByText('CryptoNevinhosos')).toBeTruthy()
+    expect(getByLabelText('CryptoNevinhosos')).toBeTruthy()
+  })
+
+  it('should render a fallback in the label and icon if the contract is missing name and logoUri', () => {
+    const { getByText } = render(
+      <TxContractInteractionCard
+        onPress={() => null}
+        txInfo={
+          mockTransferWithInfo({
+            type: TransactionInfoType.CUSTOM,
+            to: {
+              value: '0x0000',
+            },
+          }) as CustomTransactionInfo
+        }
+      />,
+    )
+
+    expect(getByText('Contract interaction')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/TxContractInteractionCard/TxContractInteractionCard.tsx b/apps/mobile/src/components/transactions-list/Card/TxContractInteractionCard/TxContractInteractionCard.tsx
new file mode 100644
index 000000000..1bfa9a0b1
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxContractInteractionCard/TxContractInteractionCard.tsx
@@ -0,0 +1,38 @@
+import React from 'react'
+import { Text, Theme } from 'tamagui'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { MultiSend } from '@safe-global/store/gateway/types'
+import { CustomTransactionInfo, SafeAppInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { SafeListItemProps } from '@/src/components/SafeListItem/SafeListItem'
+import { Logo } from '@/src/components/Logo'
+
+type TxContractInteractionCardProps = {
+  txInfo: CustomTransactionInfo | MultiSend
+  safeAppInfo?: SafeAppInfo | null
+} & Partial<SafeListItemProps>
+
+export function TxContractInteractionCard({ txInfo, safeAppInfo, ...rest }: TxContractInteractionCardProps) {
+  const logoUri = safeAppInfo?.logoUri || txInfo.to.logoUri
+  const label = safeAppInfo?.name || txInfo.to.name || 'Contract interaction'
+
+  return (
+    <SafeListItem
+      label={label}
+      icon={logoUri ? 'transaction-contract' : undefined}
+      type={safeAppInfo?.name || txInfo.methodName || ''}
+      leftNode={
+        <Theme name="logo">
+          <Logo
+            size="$8"
+            logoUri={logoUri || ''}
+            fallbackIcon="code-blocks"
+            imageBackground="$background"
+            accessibilityLabel={label}
+          />
+        </Theme>
+      }
+      rightNode={<Text>{txInfo.methodName}</Text>}
+      {...rest}
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxContractInteractionCard/index.tsx b/apps/mobile/src/components/transactions-list/Card/TxContractInteractionCard/index.tsx
new file mode 100644
index 000000000..792582ea8
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxContractInteractionCard/index.tsx
@@ -0,0 +1,2 @@
+import { TxContractInteractionCard } from './TxContractInteractionCard'
+export { TxContractInteractionCard }
diff --git a/apps/mobile/src/components/transactions-list/Card/TxCreationCard/TxCreationCard.stories.tsx b/apps/mobile/src/components/transactions-list/Card/TxCreationCard/TxCreationCard.stories.tsx
new file mode 100644
index 000000000..1f8ecf6dd
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxCreationCard/TxCreationCard.stories.tsx
@@ -0,0 +1,35 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { TxCreationCard } from '@/src/components/transactions-list/Card/TxCreationCard'
+import { mockTransferWithInfo } from '@/src/tests/mocks'
+import { type CreationTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TransactionInfoType } from '@safe-global/store/gateway/types'
+
+const meta: Meta<typeof TxCreationCard> = {
+  title: 'TransactionsList/TxCreationCard',
+  component: TxCreationCard,
+  argTypes: {
+    bordered: {
+      description: 'Define if you want a border on the transaction',
+      control: {
+        type: 'boolean',
+      },
+    },
+  },
+  args: {
+    bordered: false,
+    txInfo: mockTransferWithInfo({
+      type: TransactionInfoType.CREATION,
+      creator: {
+        name: 'Nevinha',
+        logoUri: '',
+        value: '0xas123da123sdasdsd001230sdf1sdf12sd12f',
+      },
+    }) as CreationTransactionInfo,
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof TxCreationCard>
+
+export const Default: Story = {}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxCreationCard/TxCreationCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/TxCreationCard/TxCreationCard.test.tsx
new file mode 100644
index 000000000..984d73e41
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxCreationCard/TxCreationCard.test.tsx
@@ -0,0 +1,28 @@
+import { render } from '@/src/tests/test-utils'
+import { TxCreationCard } from '.'
+import { mockTransferWithInfo } from '@/src/tests/mocks'
+import { TransactionInfoType } from '@safe-global/store/gateway/types'
+import { CreationTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+describe('TxCreationCard', () => {
+  it('should render the default markup', () => {
+    const { getByText } = render(
+      <TxCreationCard
+        onPress={() => null}
+        txInfo={
+          mockTransferWithInfo({
+            type: TransactionInfoType.CREATION,
+            creator: {
+              name: 'Nevinha',
+              logoUri: '',
+              value: '0xas123da123sdasdsd001230sdf1sdf12sd12f',
+            },
+          }) as CreationTransactionInfo
+        }
+      />,
+    )
+
+    expect(getByText('Safe Account created')).toBeTruthy()
+    expect(getByText('Created by: 0xas12...d12f')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/TxCreationCard/TxCreationCard.tsx b/apps/mobile/src/components/transactions-list/Card/TxCreationCard/TxCreationCard.tsx
new file mode 100644
index 000000000..ab60b6a41
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxCreationCard/TxCreationCard.tsx
@@ -0,0 +1,28 @@
+import React from 'react'
+import { Theme, View } from 'tamagui'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { shortenAddress } from '@/src/utils/formatters'
+import type { CreationTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { SafeListItemProps } from '@/src/components/SafeListItem/SafeListItem'
+
+type TxCreationCardProps = {
+  txInfo: CreationTransactionInfo
+} & Partial<SafeListItemProps>
+
+export function TxCreationCard({ txInfo, ...rest }: TxCreationCardProps) {
+  return (
+    <SafeListItem
+      label={`Created by: ${shortenAddress(txInfo.creator.value)}`}
+      type="Safe Account created"
+      leftNode={
+        <Theme name="logo">
+          <View backgroundColor="$background" padding="$2" borderRadius={100}>
+            <SafeFontIcon name="plus" size={16} />
+          </View>
+        </Theme>
+      }
+      {...rest}
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxCreationCard/index.ts b/apps/mobile/src/components/transactions-list/Card/TxCreationCard/index.ts
new file mode 100644
index 000000000..5203e4a31
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxCreationCard/index.ts
@@ -0,0 +1,2 @@
+import { TxCreationCard } from './TxCreationCard'
+export { TxCreationCard }
diff --git a/apps/mobile/src/components/transactions-list/Card/TxGroupedCard/TxGroupedCard.stories.tsx b/apps/mobile/src/components/transactions-list/Card/TxGroupedCard/TxGroupedCard.stories.tsx
new file mode 100644
index 000000000..409cbf6be
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxGroupedCard/TxGroupedCard.stories.tsx
@@ -0,0 +1,41 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { mockERC20Transfer, mockListItemByType, mockNFTTransfer } from '@/src/tests/mocks'
+import { TransactionItem } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TransactionListItemType, TransactionStatus } from '@safe-global/store/gateway/types'
+import { TxGroupedCard } from '.'
+
+const meta: Meta<typeof TxGroupedCard> = {
+  title: 'TransactionsList/TxGroupedCard',
+  component: TxGroupedCard,
+  argTypes: {},
+  args: {
+    transactions: [
+      {
+        ...mockListItemByType(TransactionListItemType.TRANSACTION),
+        transaction: {
+          id: 'id',
+          timestamp: 123123,
+          txStatus: TransactionStatus.SUCCESS,
+          txInfo: mockERC20Transfer,
+          txHash: '0x0000000',
+        },
+      } as TransactionItem,
+      {
+        ...mockListItemByType(TransactionListItemType.TRANSACTION),
+        transaction: {
+          id: 'id',
+          timestamp: 123123,
+          txStatus: TransactionStatus.SUCCESS,
+          txInfo: mockNFTTransfer,
+          txHash: '0x0000000',
+        },
+      } as TransactionItem,
+    ],
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof TxGroupedCard>
+
+export const Default: Story = {}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxGroupedCard/TxGroupedCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/TxGroupedCard/TxGroupedCard.test.tsx
new file mode 100644
index 000000000..1feef55b6
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxGroupedCard/TxGroupedCard.test.tsx
@@ -0,0 +1,69 @@
+import { render } from '@/src/tests/test-utils'
+import { TxGroupedCard } from '.'
+import { mockERC20Transfer, mockListItemByType, mockNFTTransfer, mockSwapTransfer } from '@/src/tests/mocks'
+import { TransactionListItemType, TransactionStatus } from '@safe-global/store/gateway/types'
+import { TransactionItem } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+jest.mock('@/src/store/chains', () => {
+  const actualModule = jest.requireActual('@/src/store/chains') // Import the real module
+  return {
+    ...actualModule,
+    selectChainById: jest.fn().mockImplementation(() => ({
+      decimals: 8,
+      logoUri: 'http://safe.com/logo.png',
+      name: 'mocked currency',
+      symbol: 'MCC',
+    })),
+  }
+})
+
+describe('TxGroupedCard', () => {
+  it('should render the default markup', () => {
+    const { getAllByTestId } = render(
+      <TxGroupedCard
+        transactions={[
+          {
+            ...mockListItemByType(TransactionListItemType.TRANSACTION),
+            transaction: {
+              id: 'id',
+              timestamp: 123123,
+              txStatus: TransactionStatus.SUCCESS,
+              txInfo: mockERC20Transfer,
+              txHash: '0x0000000',
+            },
+          } as TransactionItem,
+          {
+            ...mockListItemByType(TransactionListItemType.TRANSACTION),
+            transaction: {
+              id: 'id',
+              timestamp: 123123,
+              txStatus: TransactionStatus.SUCCESS,
+              txInfo: mockNFTTransfer,
+              txHash: '0x0000000',
+            },
+          } as TransactionItem,
+        ]}
+      />,
+    )
+
+    expect(getAllByTestId('tx-group-info')).toHaveLength(2)
+  })
+
+  it('should render a gropuped swap transaction', () => {
+    const container = render(
+      <TxGroupedCard
+        transactions={[
+          {
+            type: 'TRANSACTION',
+            transaction: {
+              txInfo: mockSwapTransfer,
+            },
+            conflictType: 'None',
+          } as TransactionItem,
+        ]}
+      />,
+    )
+
+    expect(container.getByText('Swap order settlement')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/TxGroupedCard/TxGroupedCard.tsx b/apps/mobile/src/components/transactions-list/Card/TxGroupedCard/TxGroupedCard.tsx
new file mode 100644
index 000000000..01930eb0b
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxGroupedCard/TxGroupedCard.tsx
@@ -0,0 +1,57 @@
+import React from 'react'
+import { Theme, View } from 'tamagui'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { TxInfo } from '@/src/components/TxInfo'
+import { getOrderClass } from '@/src/hooks/useTransactionType'
+import { isSwapTransferOrderTxInfo } from '@/src/utils/transaction-guards'
+import { OrderTransactionInfo } from '@safe-global/store/gateway/types'
+import { TransactionQueuedItem, TransactionItem } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+interface TxGroupedCard {
+  transactions: (TransactionItem | TransactionQueuedItem)[]
+  inQueue?: boolean
+}
+
+const orderClassTitles: Record<string, string> = {
+  limit: 'Limit order settlement',
+  twap: 'TWAP order settlement',
+  liquidity: 'Liquidity order settlement',
+  market: 'Swap order settlement',
+}
+
+const getSettlementOrderTitle = (order: OrderTransactionInfo): string => {
+  const orderClass = getOrderClass(order)
+  return orderClassTitles[orderClass] || orderClassTitles['market']
+}
+
+function TxGroupedCardComponent({ transactions, inQueue }: TxGroupedCard) {
+  const firstTxInfo = transactions[0].transaction.txInfo
+  const isSwapTransfer = isSwapTransferOrderTxInfo(firstTxInfo)
+  const label = isSwapTransfer ? getSettlementOrderTitle(firstTxInfo) : 'Bulk transactions'
+
+  return (
+    <SafeListItem
+      label={label}
+      leftNode={
+        <Theme name="logo">
+          <View backgroundColor="$background" padding="$2" borderRadius={100}>
+            <SafeFontIcon name="batch" />
+          </View>
+        </Theme>
+      }
+    >
+      <View width="100%">
+        {transactions.map((item, index) => (
+          <View width="100%" testID="tx-group-info" key={`${item.transaction.id}-${index}`} marginTop={12}>
+            <TxInfo inQueue={inQueue} bordered tx={item.transaction} />
+          </View>
+        ))}
+      </View>
+    </SafeListItem>
+  )
+}
+
+export const TxGroupedCard = React.memo(TxGroupedCardComponent, (prevProps, nextProps) => {
+  return prevProps.transactions.length === nextProps.transactions.length
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/TxGroupedCard/index.tsx b/apps/mobile/src/components/transactions-list/Card/TxGroupedCard/index.tsx
new file mode 100644
index 000000000..94f626f08
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxGroupedCard/index.tsx
@@ -0,0 +1,2 @@
+import { TxGroupedCard } from './TxGroupedCard'
+export { TxGroupedCard }
diff --git a/apps/mobile/src/components/transactions-list/Card/TxLifiSwapCard/TxLifiSwapCard.tsx b/apps/mobile/src/components/transactions-list/Card/TxLifiSwapCard/TxLifiSwapCard.tsx
new file mode 100644
index 000000000..d75cf0114
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxLifiSwapCard/TxLifiSwapCard.tsx
@@ -0,0 +1,64 @@
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { Text, Theme, View } from 'tamagui'
+import { ellipsis, formatValue } from '@/src/utils/formatters'
+import { TokenIcon } from '@/src/components/TokenIcon'
+import React from 'react'
+import { SwapTransactionInfo, Transaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+interface TxLifiSwapCardProps {
+  txInfo: SwapTransactionInfo
+  bordered?: boolean
+  inQueue?: boolean
+  executionInfo?: Transaction['executionInfo']
+  onPress: () => void
+}
+
+export function TxLifiSwapCard({ txInfo, bordered, executionInfo, inQueue, onPress }: TxLifiSwapCardProps) {
+  const fromAmountFormatted = formatValue(txInfo.fromAmount, txInfo.fromToken.decimals)
+  const toAmountFormatted = formatValue(txInfo.toAmount, txInfo.toToken.decimals)
+
+  return (
+    <SafeListItem
+      label={`${txInfo.fromToken.symbol} → ${txInfo.toToken.symbol}`}
+      icon="transaction-swap"
+      type="LiFi swap"
+      executionInfo={executionInfo}
+      bordered={bordered}
+      onPress={onPress}
+      inQueue={inQueue}
+      leftNode={
+        <Theme name="logo">
+          <View position="relative" width="$8" height="$10">
+            <View position="absolute" top={0}>
+              <TokenIcon
+                logoUri={txInfo.fromToken.logoUri}
+                accessibilityLabel={txInfo.fromToken.name}
+                size="$6"
+                imageBackground="$background"
+              />
+            </View>
+
+            <View position="absolute" bottom={0} right={0}>
+              <TokenIcon
+                logoUri={txInfo.toToken.logoUri}
+                accessibilityLabel={txInfo.toToken.name}
+                size="$6"
+                imageBackground="$background"
+              />
+            </View>
+          </View>
+        </Theme>
+      }
+      rightNode={
+        <View alignItems="flex-end">
+          <Text color="$primary">
+            +{ellipsis(toAmountFormatted, 10)} {txInfo.toToken.symbol}
+          </Text>
+          <Text fontSize="$3">
+            −{ellipsis(fromAmountFormatted, 10)} {txInfo.fromToken.symbol}
+          </Text>
+        </View>
+      }
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxLifiSwapCard/index.ts b/apps/mobile/src/components/transactions-list/Card/TxLifiSwapCard/index.ts
new file mode 100644
index 000000000..fc359da69
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxLifiSwapCard/index.ts
@@ -0,0 +1 @@
+export { TxLifiSwapCard } from './TxLifiSwapCard'
diff --git a/apps/mobile/src/components/transactions-list/Card/TxOrderCard/SellOrder.tsx b/apps/mobile/src/components/transactions-list/Card/TxOrderCard/SellOrder.tsx
new file mode 100644
index 000000000..0d0f0a6c0
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxOrderCard/SellOrder.tsx
@@ -0,0 +1,59 @@
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { Text, Theme, View } from 'tamagui'
+import { ellipsis, formatValue } from '@/src/utils/formatters'
+import { TokenIcon } from '@/src/components/TokenIcon'
+import React from 'react'
+import {
+  SwapOrderTransactionInfo,
+  SwapTransferTransactionInfo,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { SafeListItemProps } from '@/src/components/SafeListItem/SafeListItem'
+
+type TxSellOrderCardProps = {
+  order: SwapOrderTransactionInfo | SwapTransferTransactionInfo
+  type: string
+} & Partial<SafeListItemProps>
+
+export function SellOrder({ order, type, ...rest }: TxSellOrderCardProps) {
+  return (
+    <SafeListItem
+      label={`${order.sellToken.symbol} > ${order.buyToken.symbol}`}
+      icon="transaction-swap"
+      type={type}
+      leftNode={
+        <Theme name="logo">
+          <View position="relative" width="$8" height="$10">
+            <View position="absolute" top={0}>
+              <TokenIcon
+                logoUri={order.sellToken.logoUri}
+                accessibilityLabel={order.sellToken.name}
+                size="$6"
+                imageBackground="$background"
+              />
+            </View>
+
+            <View position="absolute" bottom={0} right={0}>
+              <TokenIcon
+                logoUri={order.buyToken.logoUri}
+                accessibilityLabel={order.buyToken.name}
+                size="$6"
+                imageBackground="$background"
+              />
+            </View>
+          </View>
+        </Theme>
+      }
+      rightNode={
+        <View alignItems="flex-end">
+          <Text color="$primary">
+            ~{ellipsis(formatValue(order.buyAmount, order.buyToken.decimals), 10)} {order.buyToken.symbol}
+          </Text>
+          <Text fontSize="$3">
+            −{ellipsis(formatValue(order.sellAmount, order.sellToken.decimals), 10)} {order.sellToken.symbol}
+          </Text>
+        </View>
+      }
+      {...rest}
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxOrderCard/TwapOrder.tsx b/apps/mobile/src/components/transactions-list/Card/TxOrderCard/TwapOrder.tsx
new file mode 100644
index 000000000..07617954d
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxOrderCard/TwapOrder.tsx
@@ -0,0 +1,55 @@
+import { TwapOrderTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { Text, Theme, View } from 'tamagui'
+import { ellipsis, formatValue } from '@/src/utils/formatters'
+import { TokenIcon } from '@/src/components/TokenIcon'
+import React from 'react'
+import { SafeListItemProps } from '@/src/components/SafeListItem/SafeListItem'
+
+type TxTwappOrderCardProps = {
+  order: TwapOrderTransactionInfo
+} & Partial<SafeListItemProps>
+
+export const TwapOrder = ({ order, ...rest }: TxTwappOrderCardProps) => {
+  return (
+    <SafeListItem
+      label={`${order.sellToken.symbol} > ${order.buyToken.symbol}`}
+      icon="transaction-swap"
+      type="Twap order"
+      leftNode={
+        <Theme name="logo">
+          <View position="relative" width="$8" height="$10">
+            <View position="absolute" top={0}>
+              <TokenIcon
+                logoUri={order.sellToken.logoUri}
+                accessibilityLabel={order.sellToken.name}
+                size="$6"
+                imageBackground="$background"
+              />
+            </View>
+
+            <View position="absolute" bottom={0} right={0}>
+              <TokenIcon
+                logoUri={order.buyToken.logoUri}
+                accessibilityLabel={order.buyToken.name}
+                size="$6"
+                imageBackground="$background"
+              />
+            </View>
+          </View>
+        </Theme>
+      }
+      rightNode={
+        <View alignItems="flex-end">
+          <Text color="$primary">
+            ~{ellipsis(formatValue(order.buyAmount, order.buyToken.decimals), 10)} {order.buyToken.symbol}
+          </Text>
+          <Text fontSize="$3">
+            −{ellipsis(formatValue(order.sellAmount, order.sellToken.decimals), 10)} {order.sellToken.symbol}
+          </Text>
+        </View>
+      }
+      {...rest}
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxOrderCard/TxOrderCard.stories.tsx b/apps/mobile/src/components/transactions-list/Card/TxOrderCard/TxOrderCard.stories.tsx
new file mode 100644
index 000000000..8d954804b
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxOrderCard/TxOrderCard.stories.tsx
@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { TxOrderCard } from './TxOrderCard'
+import { mockSwapTransfer } from '@/src/tests/mocks'
+import { OrderTransactionInfo } from '@safe-global/store/gateway/types'
+
+const meta: Meta<typeof TxOrderCard> = {
+  title: 'TransactionsList/TxSwapCard',
+  component: TxOrderCard,
+  args: {
+    txInfo: mockSwapTransfer as OrderTransactionInfo,
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof TxOrderCard>
+
+export const Default: Story = {}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxOrderCard/TxOrderCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/TxOrderCard/TxOrderCard.test.tsx
new file mode 100644
index 000000000..b4dd18446
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxOrderCard/TxOrderCard.test.tsx
@@ -0,0 +1,93 @@
+import { render, screen } from '@/src/tests/test-utils'
+import { TxOrderCard } from '.'
+import { OrderTransactionInfo } from '@safe-global/store/gateway/types'
+import { mockSwapOrder, mockSwapTransfer, mockTwapOrder } from '@/src/tests/mocks'
+import { DetailedExecutionInfoType } from '@safe-global/store/gateway/types'
+import { MultisigExecutionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TransactionInfoType } from '@safe-global/store/gateway/types'
+
+describe('TxOrderCard', () => {
+  it('should render SwapTransfer correctly', () => {
+    render(<TxOrderCard onPress={() => null} txInfo={mockSwapTransfer as OrderTransactionInfo} />)
+
+    expect(screen.getByText(`${mockSwapTransfer.sellToken.symbol} > ${mockSwapTransfer.buyToken.symbol}`)).toBeTruthy()
+    expect(screen.getByText('Swap order')).toBeTruthy()
+    expect(screen.getByTestId('safe-list-transaction-swap-icon')).toBeTruthy()
+  })
+
+  it('should render TwapOrder correctly', () => {
+    render(<TxOrderCard onPress={() => null} txInfo={mockTwapOrder as OrderTransactionInfo} />)
+
+    expect(screen.getByText(`${mockTwapOrder.sellToken.symbol} > ${mockTwapOrder.buyToken.symbol}`)).toBeTruthy()
+    expect(screen.getByText('Twap order')).toBeTruthy()
+    expect(screen.getByTestId('safe-list-transaction-swap-icon')).toBeTruthy()
+  })
+
+  it('should render SwapOrder with market order class correctly', () => {
+    render(<TxOrderCard onPress={() => null} txInfo={mockSwapOrder as OrderTransactionInfo} />)
+
+    expect(screen.getByText(`${mockSwapOrder.sellToken.symbol} > ${mockSwapOrder.buyToken.symbol}`)).toBeTruthy()
+    expect(screen.getByText('Swap order')).toBeTruthy()
+    expect(screen.getByTestId('safe-list-transaction-swap-icon')).toBeTruthy()
+  })
+
+  it('should render Limit order class correctly', () => {
+    const limitOrder = {
+      ...mockSwapOrder,
+      type: TransactionInfoType.SWAP_ORDER,
+      fullAppData: {
+        metadata: {
+          orderClass: {
+            orderClass: 'limit',
+          },
+        },
+      },
+    }
+
+    render(<TxOrderCard onPress={() => null} txInfo={limitOrder as OrderTransactionInfo} />)
+
+    expect(screen.getByText(`${limitOrder.sellToken.symbol} > ${limitOrder.buyToken.symbol}`)).toBeTruthy()
+    expect(screen.getByText('Limit order')).toBeTruthy()
+    expect(screen.getByTestId('safe-list-transaction-swap-icon')).toBeTruthy()
+  })
+
+  it('should handle bordered prop correctly', () => {
+    render(<TxOrderCard onPress={() => null} txInfo={mockSwapTransfer as OrderTransactionInfo} bordered />)
+
+    expect(screen.getByText(`${mockSwapTransfer.sellToken.symbol} > ${mockSwapTransfer.buyToken.symbol}`)).toBeTruthy()
+    expect(screen.getByText('Swap order')).toBeTruthy()
+  })
+
+  it('should handle inQueue prop correctly', () => {
+    render(<TxOrderCard onPress={() => null} txInfo={mockSwapTransfer as OrderTransactionInfo} inQueue />)
+
+    expect(screen.getByText(`${mockSwapTransfer.sellToken.symbol} > ${mockSwapTransfer.buyToken.symbol}`)).toBeTruthy()
+    expect(screen.getByText('Swap order')).toBeTruthy()
+  })
+
+  it('should handle executionInfo prop correctly', () => {
+    const executionInfo: MultisigExecutionInfo = {
+      type: DetailedExecutionInfoType.MULTISIG,
+      nonce: 123,
+      confirmationsRequired: 2,
+      confirmationsSubmitted: 1,
+    }
+
+    render(
+      <TxOrderCard
+        onPress={() => null}
+        txInfo={mockSwapTransfer as OrderTransactionInfo}
+        executionInfo={executionInfo}
+        inQueue
+      />,
+    )
+
+    expect(screen.getByText('1/2')).toBeTruthy()
+  })
+
+  it('should return null when txInfo is not provided', () => {
+    render(<TxOrderCard onPress={() => null} txInfo={null as unknown as OrderTransactionInfo} />)
+
+    expect(screen.queryByText(/SAFE|ETH|Twap|Limit|Swap/)).toBeNull()
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/TxOrderCard/TxOrderCard.tsx b/apps/mobile/src/components/transactions-list/Card/TxOrderCard/TxOrderCard.tsx
new file mode 100644
index 000000000..a99f9dfcb
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxOrderCard/TxOrderCard.tsx
@@ -0,0 +1,29 @@
+import React from 'react'
+import { OrderTransactionInfo } from '@safe-global/store/gateway/types'
+import { isSwapOrderTxInfo, isSwapTransferOrderTxInfo, isTwapOrderTxInfo } from '@/src/utils/transaction-guards'
+import { SellOrder } from '@/src/components/transactions-list/Card/TxOrderCard/SellOrder'
+import { TwapOrder } from '@/src/components/transactions-list/Card/TxOrderCard/TwapOrder'
+import { getOrderClass } from '@/src/hooks/useTransactionType'
+import { SafeListItemProps } from '@/src/components/SafeListItem/SafeListItem'
+
+type TxSwapCardProps = {
+  txInfo: OrderTransactionInfo
+} & Partial<SafeListItemProps>
+
+export function TxOrderCard({ txInfo, ...rest }: TxSwapCardProps) {
+  if (!txInfo) {
+    return null
+  }
+
+  if (isTwapOrderTxInfo(txInfo)) {
+    return <TwapOrder order={txInfo} {...rest} />
+  }
+
+  if (isSwapOrderTxInfo(txInfo) || isSwapTransferOrderTxInfo(txInfo)) {
+    const orderClass = getOrderClass(txInfo)
+    const type = orderClass === 'limit' ? 'Limit order' : 'Swap order'
+
+    return <SellOrder order={txInfo} type={type} {...rest} />
+  }
+  return null
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxOrderCard/index.tsx b/apps/mobile/src/components/transactions-list/Card/TxOrderCard/index.tsx
new file mode 100644
index 000000000..19c190f43
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxOrderCard/index.tsx
@@ -0,0 +1,2 @@
+import { TxOrderCard } from './TxOrderCard'
+export { TxOrderCard }
diff --git a/apps/mobile/src/components/transactions-list/Card/TxRejectionCard/TxRejectionCard.stories.tsx b/apps/mobile/src/components/transactions-list/Card/TxRejectionCard/TxRejectionCard.stories.tsx
new file mode 100644
index 000000000..5901b682d
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxRejectionCard/TxRejectionCard.stories.tsx
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { TxRejectionCard } from '@/src/components/transactions-list/Card/TxRejectionCard'
+import { mockTransferWithInfo } from '@/src/tests/mocks'
+import { Cancellation } from '@safe-global/store/gateway/types'
+
+const meta: Meta<typeof TxRejectionCard> = {
+  title: 'TransactionsList/TxRejectionCard',
+  component: TxRejectionCard,
+  argTypes: {
+    bordered: {
+      description: 'Define if you want a border on the transaction',
+      control: {
+        type: 'boolean',
+      },
+    },
+  },
+  args: {
+    bordered: false,
+    txInfo: mockTransferWithInfo({}) as Cancellation,
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof TxRejectionCard>
+
+export const Default: Story = {}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxRejectionCard/TxRejectionCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/TxRejectionCard/TxRejectionCard.test.tsx
new file mode 100644
index 000000000..792327ae6
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxRejectionCard/TxRejectionCard.test.tsx
@@ -0,0 +1,14 @@
+import { render } from '@/src/tests/test-utils'
+import { TxRejectionCard } from '.'
+import { mockTransferWithInfo } from '@/src/tests/mocks'
+import { Cancellation } from '@safe-global/store/gateway/types'
+
+describe('TxRejectionCard', () => {
+  it('should render the default markup', () => {
+    const { getByText } = render(
+      <TxRejectionCard onPress={() => null} txInfo={mockTransferWithInfo({}) as Cancellation} />,
+    )
+
+    expect(getByText('Rejected')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/TxRejectionCard/TxRejectionCard.tsx b/apps/mobile/src/components/transactions-list/Card/TxRejectionCard/TxRejectionCard.tsx
new file mode 100644
index 000000000..d59ef5455
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxRejectionCard/TxRejectionCard.tsx
@@ -0,0 +1,27 @@
+import React from 'react'
+import { View } from 'tamagui'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import type { Cancellation } from '@safe-global/store/gateway/types'
+import type { Transaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { SafeListItemProps } from '@/src/components/SafeListItem/SafeListItem'
+
+type TxRejectionCardProps = {
+  txInfo: Cancellation
+  executionInfo?: Transaction['executionInfo']
+} & Partial<SafeListItemProps>
+
+export function TxRejectionCard({ txInfo, ...rest }: TxRejectionCardProps) {
+  return (
+    <SafeListItem
+      type="Rejected"
+      label={txInfo.methodName || 'On-chain rejection'}
+      leftNode={
+        <View borderRadius={100} padding="$2" backgroundColor="$errorDark">
+          <SafeFontIcon color="$error" name="close-outlined" size={16} />
+        </View>
+      }
+      {...rest}
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxRejectionCard/index.tsx b/apps/mobile/src/components/transactions-list/Card/TxRejectionCard/index.tsx
new file mode 100644
index 000000000..d72615fec
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxRejectionCard/index.tsx
@@ -0,0 +1,2 @@
+import { TxRejectionCard } from './TxRejectionCard'
+export { TxRejectionCard }
diff --git a/apps/mobile/src/components/transactions-list/Card/TxSafeAppCard/TxSafeAppCard.stories.tsx b/apps/mobile/src/components/transactions-list/Card/TxSafeAppCard/TxSafeAppCard.stories.tsx
new file mode 100644
index 000000000..57d77ed48
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSafeAppCard/TxSafeAppCard.stories.tsx
@@ -0,0 +1,32 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { TxSafeAppCard } from '@/src/components/transactions-list/Card/TxSafeAppCard'
+import { mockTransferWithInfo } from '@/src/tests/mocks'
+import { MultiSend } from '@safe-global/store/gateway/types'
+
+const meta: Meta<typeof TxSafeAppCard> = {
+  title: 'TransactionsList/TxSafeAppCard',
+  component: TxSafeAppCard,
+  argTypes: {
+    bordered: {
+      description: 'Define if you want a border on the transaction',
+      control: {
+        type: 'boolean',
+      },
+    },
+  },
+  args: {
+    bordered: false,
+    safeAppInfo: {
+      name: 'Transaction Builder',
+      url: 'http://something.com',
+      logoUri: 'https://safe-transaction-assets.safe.global/safe_apps/29/icon.png',
+    },
+    txInfo: mockTransferWithInfo({}) as MultiSend,
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof TxSafeAppCard>
+
+export const Default: Story = {}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxSafeAppCard/TxSafeAppCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/TxSafeAppCard/TxSafeAppCard.test.tsx
new file mode 100644
index 000000000..6eb4d9e77
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSafeAppCard/TxSafeAppCard.test.tsx
@@ -0,0 +1,41 @@
+import { render } from '@/src/tests/test-utils'
+import { TxSafeAppCard } from '.'
+import { mockTransferWithInfo } from '@/src/tests/mocks'
+import { MultiSend } from '@safe-global/store/gateway/types'
+
+describe('TxSafeAppCard', () => {
+  it('should render the default markup', () => {
+    const { getByText } = render(
+      <TxSafeAppCard
+        onPress={() => null}
+        safeAppInfo={{
+          name: 'Transaction Builder',
+          url: 'http://something.com',
+          logoUri: 'https://safe-transaction-assets.safe.global/safe_apps/29/icon.png',
+        }}
+        txInfo={mockTransferWithInfo({}) as MultiSend}
+      />,
+    )
+
+    expect(getByText('Transaction Builder')).toBeTruthy()
+    expect(getByText('Safe app')).toBeTruthy()
+  })
+
+  it('should render a fallback if no image url is provided', () => {
+    const { getByText, getByTestId, queryByTestId } = render(
+      <TxSafeAppCard
+        onPress={() => null}
+        safeAppInfo={{
+          name: 'Transaction Builder',
+          url: 'http://something.com',
+        }}
+        txInfo={mockTransferWithInfo({}) as MultiSend}
+      />,
+    )
+
+    expect(getByText('Transaction Builder')).toBeTruthy()
+    expect(getByText('Safe app')).toBeTruthy()
+    expect(queryByTestId('logo-image')).not.toBeTruthy()
+    expect(getByTestId('logo-fallback-icon')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/TxSafeAppCard/TxSafeAppCard.tsx b/apps/mobile/src/components/transactions-list/Card/TxSafeAppCard/TxSafeAppCard.tsx
new file mode 100644
index 000000000..ee4aba60c
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSafeAppCard/TxSafeAppCard.tsx
@@ -0,0 +1,33 @@
+import React from 'react'
+import { Text } from 'tamagui'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import type { MultiSend } from '@safe-global/store/gateway/types'
+import type { SafeAppInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { SafeListItemProps } from '@/src/components/SafeListItem/SafeListItem'
+import { Logo } from '@/src/components/Logo'
+
+type TxSafeAppCardProps = {
+  safeAppInfo: SafeAppInfo
+  txInfo: MultiSend
+} & Partial<SafeListItemProps>
+
+export function TxSafeAppCard({ safeAppInfo, txInfo, ...rest }: TxSafeAppCardProps) {
+  return (
+    <SafeListItem
+      label={safeAppInfo.name}
+      icon="transaction-contract"
+      type="Safe app"
+      leftNode={
+        <Logo
+          logoUri={safeAppInfo.logoUri}
+          size="$8"
+          fallbackIcon="code-blocks"
+          imageBackground="$background"
+          accessibilityLabel={safeAppInfo.name}
+        />
+      }
+      rightNode={<Text>{txInfo.methodName}</Text>}
+      {...rest}
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxSafeAppCard/index.tsx b/apps/mobile/src/components/transactions-list/Card/TxSafeAppCard/index.tsx
new file mode 100644
index 000000000..918ccd9f5
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSafeAppCard/index.tsx
@@ -0,0 +1,2 @@
+import { TxSafeAppCard } from './TxSafeAppCard'
+export { TxSafeAppCard }
diff --git a/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/TxSettingCard.stories.tsx b/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/TxSettingCard.stories.tsx
new file mode 100644
index 000000000..3eb6822be
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/TxSettingCard.stories.tsx
@@ -0,0 +1,22 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { TxSettingsCard } from '@/src/components/transactions-list/Card/TxSettingsCard'
+import { mockTransferWithInfo } from '@/src/tests/mocks'
+import { SettingsChangeTransaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TransactionInfoType } from '@safe-global/store/gateway/types'
+
+const meta: Meta<typeof TxSettingsCard> = {
+  title: 'TransactionsList/TxSettingsCard',
+  component: TxSettingsCard,
+  argTypes: {},
+  args: {
+    txInfo: mockTransferWithInfo({
+      type: TransactionInfoType.SETTINGS_CHANGE,
+    }) as SettingsChangeTransaction,
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof TxSettingsCard>
+
+export const Default: Story = {}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/TxSettingCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/TxSettingCard.test.tsx
new file mode 100644
index 000000000..d71eeb771
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/TxSettingCard.test.tsx
@@ -0,0 +1,22 @@
+import { render } from '@/src/tests/test-utils'
+import { TxSettingsCard } from '.'
+import { mockTransferWithInfo } from '@/src/tests/mocks'
+import { TransactionInfoType } from '@safe-global/store/gateway/types'
+import { SettingsChangeTransaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+describe('TxSettingCard', () => {
+  it('should render the default markup', () => {
+    const container = render(
+      <TxSettingsCard
+        onPress={() => null}
+        txInfo={
+          mockTransferWithInfo({
+            type: TransactionInfoType.SETTINGS_CHANGE,
+          }) as SettingsChangeTransaction
+        }
+      />,
+    )
+
+    expect(container).toMatchSnapshot()
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/TxSettingsCard.tsx b/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/TxSettingsCard.tsx
new file mode 100644
index 000000000..591b24012
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/TxSettingsCard.tsx
@@ -0,0 +1,37 @@
+import React, { useCallback } from 'react'
+import { Theme, View } from 'tamagui'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { SettingsInfoType } from '@safe-global/store/gateway/types'
+import { SettingsChangeTransaction, Transaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { SafeListItemProps } from '@/src/components/SafeListItem/SafeListItem'
+
+type TxSettingsCardProps = {
+  txInfo: SettingsChangeTransaction
+  onPress: (tx: Transaction) => void
+} & Partial<SafeListItemProps>
+
+export function TxSettingsCard({ txInfo, onPress, ...rest }: TxSettingsCardProps) {
+  const isDeleteGuard = txInfo.settingsInfo?.type === SettingsInfoType.DELETE_GUARD
+  const label = isDeleteGuard ? 'deleteGuard' : txInfo.dataDecoded.method
+
+  const handleOnPress = useCallback(() => {
+    onPress({ txInfo } as Transaction)
+  }, [onPress, txInfo])
+
+  return (
+    <SafeListItem
+      label={label}
+      type="Settings change"
+      onPress={handleOnPress}
+      leftNode={
+        <Theme name="logo">
+          <View backgroundColor="$background" padding="$2" borderRadius={100}>
+            <SafeFontIcon name="transaction-change-settings" size={16} />
+          </View>
+        </Theme>
+      }
+      {...rest}
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/__snapshots__/TxSettingCard.test.tsx.snap b/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/__snapshots__/TxSettingCard.test.tsx.snap
new file mode 100644
index 000000000..1b952b57e
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/__snapshots__/TxSettingCard.test.tsx.snap
@@ -0,0 +1,134 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TxSettingCard should render the default markup 1`] = `
+<View>
+  <View
+    onBlur={[Function]}
+    onClick={[Function]}
+    onFocus={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      {
+        "alignItems": "flex-start",
+        "backgroundColor": "#FFFFFF",
+        "borderBottomLeftRadius": 7,
+        "borderBottomRightRadius": 7,
+        "borderTopLeftRadius": 7,
+        "borderTopRightRadius": 7,
+        "flexDirection": "column",
+        "flexWrap": "wrap",
+        "gap": 12,
+        "justifyContent": "flex-start",
+        "paddingBottom": 16,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "row",
+          "justifyContent": "space-between",
+          "width": "100%",
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "gap": 12,
+            "maxWidth": "100%",
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "backgroundColor": "#EEEFF0",
+              "borderBottomLeftRadius": 100,
+              "borderBottomRightRadius": 100,
+              "borderTopLeftRadius": 100,
+              "borderTopRightRadius": 100,
+              "paddingBottom": 8,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 8,
+            }
+          }
+        >
+          <Text
+            allowFontScaling={false}
+            selectable={false}
+            style={
+              [
+                {
+                  "color": "#121312",
+                  "fontSize": 16,
+                },
+                undefined,
+                {
+                  "fontFamily": "SafeIcons",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+        </View>
+        <View>
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "flexDirection": "row",
+                "gap": 4,
+              }
+            }
+          >
+            <Text
+              style={
+                {
+                  "color": "#A1A3A7",
+                  "fontFamily": "DM Sans",
+                  "fontSize": 12,
+                  "lineHeight": 20,
+                }
+              }
+              suppressHighlighting={true}
+            >
+              Settings change
+            </Text>
+          </View>
+          <Text
+            style={
+              {
+                "color": "#121312",
+                "fontFamily": "DMSans-SemiBold",
+                "fontSize": 14,
+                "letterSpacing": -0.01,
+                "lineHeight": 20,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            mockMethod
+          </Text>
+        </View>
+      </View>
+    </View>
+  </View>
+</View>
+`;
diff --git a/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/index.tsx b/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/index.tsx
new file mode 100644
index 000000000..b3c254bd2
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/index.tsx
@@ -0,0 +1,2 @@
+import { TxSettingsCard } from './TxSettingsCard'
+export { TxSettingsCard }
diff --git a/apps/mobile/src/components/transactions-list/Card/TxTokenCard/TxTokenCard.stories.tsx b/apps/mobile/src/components/transactions-list/Card/TxTokenCard/TxTokenCard.stories.tsx
new file mode 100644
index 000000000..ee710c868
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxTokenCard/TxTokenCard.stories.tsx
@@ -0,0 +1,37 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { TxTokenCard } from '@/src/components/transactions-list/Card/TxTokenCard'
+import { mockERC20Transfer, mockNFTTransfer } from '@/src/tests/mocks'
+import { TransactionStatus } from '@safe-global/store/gateway/types'
+import { type TransferTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+const meta: Meta<typeof TxTokenCard> = {
+  title: 'TransactionsList/TxTokenCard',
+  component: TxTokenCard,
+  argTypes: {
+    bordered: {
+      description: 'Define if you want a border on the transaction',
+      control: {
+        type: 'boolean',
+      },
+    },
+  },
+  args: {
+    bordered: false,
+  },
+}
+
+export default meta
+type Story = StoryObj<typeof TxTokenCard>
+
+export const Default: Story = {
+  args: {
+    txStatus: TransactionStatus.SUCCESS,
+    txInfo: mockERC20Transfer as TransferTransactionInfo,
+  },
+}
+export const NFT: Story = {
+  args: {
+    txStatus: TransactionStatus.SUCCESS,
+    txInfo: mockNFTTransfer as TransferTransactionInfo,
+  },
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxTokenCard/TxTokenCard.tsx b/apps/mobile/src/components/transactions-list/Card/TxTokenCard/TxTokenCard.tsx
new file mode 100644
index 000000000..e693b28d6
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxTokenCard/TxTokenCard.tsx
@@ -0,0 +1,45 @@
+import React from 'react'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { isERC721Transfer, isOutgoingTransfer, isTxQueued } from '@/src/utils/transaction-guards'
+import { TransferDirection } from '@safe-global/store/gateway/types'
+import { TransferTransactionInfo, Transaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TokenIcon } from '@/src/components/TokenIcon'
+import { useTokenDetails } from '@/src/hooks/useTokenDetails'
+import { TokenAmount } from '@/src/components/TokenAmount'
+import { SafeListItemProps } from '@/src/components/SafeListItem/SafeListItem'
+
+type TxTokenCardProps = {
+  txStatus: Transaction['txStatus']
+  txInfo: TransferTransactionInfo
+} & Partial<SafeListItemProps>
+
+export function TxTokenCard({ inQueue, txStatus, txInfo, ...rest }: TxTokenCardProps) {
+  const isSendTx = isOutgoingTransfer(txInfo)
+  const icon = isSendTx ? 'transaction-outgoing' : 'transaction-incoming'
+  const type = isSendTx ? (isTxQueued(txStatus) ? 'Send' : 'Sent') : 'Received'
+  const { logoUri, name, value, tokenSymbol, decimals } = useTokenDetails(txInfo)
+  const isERC721 = isERC721Transfer(txInfo.transferInfo)
+  const isOutgoing = txInfo.direction === TransferDirection.OUTGOING
+
+  return (
+    <SafeListItem
+      inQueue={inQueue}
+      label={inQueue ? <TokenAmount value={value} decimals={decimals} tokenSymbol={tokenSymbol} preciseAmount /> : name}
+      icon={icon}
+      type={type}
+      leftNode={<TokenIcon logoUri={logoUri} accessibilityLabel={name} size="$8" imageBackground="$background" />}
+      rightNode={
+        <TokenAmount
+          value={value}
+          decimals={decimals}
+          tokenSymbol={!isERC721 ? tokenSymbol : ''}
+          direction={txInfo.direction}
+          preciseAmount
+          displayPositiveSign
+          textProps={{ color: isOutgoing ? '$color' : '$primary', textAlign: 'right', fontWeight: 400 }}
+        />
+      }
+      {...rest}
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxTokenCard/index.tsx b/apps/mobile/src/components/transactions-list/Card/TxTokenCard/index.tsx
new file mode 100644
index 000000000..122cb0ab2
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxTokenCard/index.tsx
@@ -0,0 +1,2 @@
+import { TxTokenCard } from './TxTokenCard'
+export { TxTokenCard }
diff --git a/apps/mobile/src/components/transactions-list/Card/VaultTxDepositCard/VaultTxDepositCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/VaultTxDepositCard/VaultTxDepositCard.test.tsx
new file mode 100644
index 000000000..4d5d8c4db
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/VaultTxDepositCard/VaultTxDepositCard.test.tsx
@@ -0,0 +1,63 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { VaultTxDepositCard } from './VaultTxDepositCard'
+import { VaultDepositTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+describe('VaultTxDepositCard', () => {
+  const mockInfo = {
+    type: 'VaultDeposit',
+    humanDescription: null,
+    value: '1000000',
+    baseNrr: 4.02541446685791,
+    fee: 0.15000000596046448,
+    tokenInfo: {
+      address: '0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913',
+      decimals: 6,
+      logoUri: 'https://example.com/eth-logo.png',
+      name: 'USD Coin',
+      symbol: 'USDC',
+      trusted: true,
+    },
+    vaultInfo: {
+      address: '0x390D077f8E60ffb58805420edc635670AA4f34C3',
+      name: 'Morpho Steakhouse',
+      description:
+        'The Steakhouse Morpho vault aims to optimize yields by lending USDC against blue chip crypto and real world asset (RWA) collateral markets. Performance Fees: 15%.',
+      dashboardUri: 'https://app.morpho.org/base/vault/0xbeeF010f9cb27031ad51e3333f9aF9C6B1228183/steakhouse-usdc',
+      logoUri: 'https://example.com/eth-logo.png',
+    },
+    currentReward: '0',
+    additionalRewardsNrr: 1.2086049318313599,
+    additionalRewards: [
+      {
+        tokenInfo: {
+          address: '0xBAa5CC21fd487B8Fcc2F632f3F4E8D37262a0842',
+          decimals: 18,
+          logoUri: 'https://example.com/eth-logo.png',
+          name: 'Morpho Token',
+          symbol: 'MORPHO',
+          trusted: true,
+        },
+        nrr: 1.2086049318313599,
+        claimable: '0',
+        claimableNext: '0',
+      },
+    ],
+    expectedMonthlyReward: '436.16828322410583',
+    expectedAnnualReward: '5234.01939868927',
+  } as VaultDepositTransactionInfo
+
+  it('renders correctly', () => {
+    const { toJSON } = render(<VaultTxDepositCard info={mockInfo} />)
+    expect(toJSON()).toMatchSnapshot()
+  })
+
+  it('renders correctly with given info', () => {
+    const screen = render(<VaultTxDepositCard info={mockInfo} />)
+
+    // Check that important props are passed correctly
+    expect(screen.getByText('Deposit')).toBeTruthy()
+    expect(screen.getByText('1 USDC')).toBeTruthy()
+    expect(screen.getByTestId('logo-image')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/VaultTxDepositCard/VaultTxDepositCard.tsx b/apps/mobile/src/components/transactions-list/Card/VaultTxDepositCard/VaultTxDepositCard.tsx
new file mode 100644
index 000000000..40540d33c
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/VaultTxDepositCard/VaultTxDepositCard.tsx
@@ -0,0 +1,31 @@
+import { VaultDepositTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TokenAmount } from '@/src/components/TokenAmount'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { TokenIcon } from '@/src/components/TokenIcon'
+import { SafeListItemProps } from '@/src/components/SafeListItem/SafeListItem'
+
+type VaultTxDepositCardProps = {
+  info: VaultDepositTransactionInfo
+} & Partial<SafeListItemProps>
+
+export const VaultTxDepositCard = ({ info, ...rest }: VaultTxDepositCardProps) => {
+  return (
+    <SafeListItem
+      label={'Deposit'}
+      icon="transaction-earn"
+      type={'Earn'}
+      rightNode={
+        <TokenAmount value={info.value} tokenSymbol={info.tokenInfo.symbol} decimals={info.tokenInfo.decimals} />
+      }
+      leftNode={
+        <TokenIcon
+          logoUri={info.tokenInfo.logoUri}
+          accessibilityLabel={info.tokenInfo.symbol}
+          size="$8"
+          imageBackground="$background"
+        />
+      }
+      {...rest}
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/VaultTxDepositCard/__snapshots__/VaultTxDepositCard.test.tsx.snap b/apps/mobile/src/components/transactions-list/Card/VaultTxDepositCard/__snapshots__/VaultTxDepositCard.test.tsx.snap
new file mode 100644
index 000000000..62a365add
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/VaultTxDepositCard/__snapshots__/VaultTxDepositCard.test.tsx.snap
@@ -0,0 +1,254 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`VaultTxDepositCard renders correctly 1`] = `
+<View>
+  <View
+    style={
+      {
+        "alignItems": "flex-start",
+        "backgroundColor": "#FFFFFF",
+        "borderBottomLeftRadius": 7,
+        "borderBottomRightRadius": 7,
+        "borderTopLeftRadius": 7,
+        "borderTopRightRadius": 7,
+        "flexDirection": "column",
+        "flexWrap": "wrap",
+        "gap": 12,
+        "justifyContent": "flex-start",
+        "paddingBottom": 16,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "row",
+          "justifyContent": "space-between",
+          "width": "100%",
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "gap": 12,
+            "maxWidth": "55%",
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "width": 32,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "position": "absolute",
+                "right": -10,
+                "top": -10,
+                "zIndex": 1,
+              }
+            }
+          />
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "borderBottomLeftRadius": 100000,
+                "borderBottomRightRadius": 100000,
+                "borderTopLeftRadius": 100000,
+                "borderTopRightRadius": 100000,
+                "flexDirection": "column",
+                "height": 32,
+                "justifyContent": "center",
+                "maxHeight": 32,
+                "maxWidth": 32,
+                "minHeight": 32,
+                "minWidth": 32,
+                "overflow": "hidden",
+                "paddingBottom": 0,
+                "paddingLeft": 0,
+                "paddingRight": 0,
+                "paddingTop": 0,
+                "position": "relative",
+                "width": 32,
+              }
+            }
+          >
+            <View
+              style={
+                {
+                  "bottom": 0,
+                  "flexDirection": "column",
+                  "left": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                  "zIndex": 1,
+                }
+              }
+            >
+              <Image
+                accessibilityLabel="USDC"
+                fullscreen={true}
+                onError={[Function]}
+                onLoad={[Function]}
+                source={
+                  {
+                    "uri": "https://example.com/eth-logo.png",
+                  }
+                }
+                style={
+                  {
+                    "backgroundColor": "#EEEFF0",
+                    "height": 32,
+                    "width": 32,
+                  }
+                }
+                testID="logo-image"
+              />
+            </View>
+            <View
+              style={
+                {
+                  "backgroundColor": "#EEEFF0",
+                  "bottom": 0,
+                  "flexDirection": "column",
+                  "left": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                  "zIndex": 0,
+                }
+              }
+            >
+              <View
+                style={
+                  {
+                    "alignItems": "center",
+                    "backgroundColor": "#EEEFF0",
+                    "borderBottomLeftRadius": 0,
+                    "borderBottomRightRadius": 0,
+                    "borderTopLeftRadius": 0,
+                    "borderTopRightRadius": 0,
+                    "display": "flex",
+                    "height": 32,
+                    "justifyContent": "center",
+                    "width": 32,
+                  }
+                }
+              >
+                <Text
+                  allowFontScaling={false}
+                  selectable={false}
+                  style={
+                    [
+                      {
+                        "color": "#A1A3A7",
+                        "fontSize": 16,
+                      },
+                      undefined,
+                      {
+                        "fontFamily": "SafeIcons",
+                        "fontStyle": "normal",
+                        "fontWeight": "normal",
+                      },
+                      {},
+                    ]
+                  }
+                  testID="logo-fallback-icon"
+                >
+                  
+                </Text>
+              </View>
+            </View>
+          </View>
+        </View>
+        <View>
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "flexDirection": "row",
+                "gap": 4,
+              }
+            }
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#A1A3A7",
+                    "fontSize": 10,
+                  },
+                  undefined,
+                  {
+                    "fontFamily": "SafeIcons",
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
+                  },
+                  {},
+                ]
+              }
+              testID="safe-list-transaction-earn-icon"
+            >
+              
+            </Text>
+            <Text
+              style={
+                {
+                  "color": "#A1A3A7",
+                  "fontFamily": "DM Sans",
+                  "fontSize": 12,
+                  "lineHeight": 20,
+                }
+              }
+              suppressHighlighting={true}
+            >
+              Earn
+            </Text>
+          </View>
+          <Text
+            style={
+              {
+                "color": "#121312",
+                "fontFamily": "DMSans-SemiBold",
+                "fontSize": 14,
+                "letterSpacing": -0.01,
+                "lineHeight": 20,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Deposit
+          </Text>
+        </View>
+      </View>
+      <Text
+        style={
+          {
+            "color": "#121312",
+            "fontFamily": "DMSans-Bold",
+          }
+        }
+        suppressHighlighting={true}
+      >
+        1
+         
+        USDC
+      </Text>
+    </View>
+  </View>
+</View>
+`;
diff --git a/apps/mobile/src/components/transactions-list/Card/VaultTxDepositCard/index.tsx b/apps/mobile/src/components/transactions-list/Card/VaultTxDepositCard/index.tsx
new file mode 100644
index 000000000..3c10cc481
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/VaultTxDepositCard/index.tsx
@@ -0,0 +1 @@
+export { VaultTxDepositCard } from './VaultTxDepositCard'
diff --git a/apps/mobile/src/components/transactions-list/Card/VaultTxRedeemCard/VaultTxRedeemCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/VaultTxRedeemCard/VaultTxRedeemCard.test.tsx
new file mode 100644
index 000000000..77c88058f
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/VaultTxRedeemCard/VaultTxRedeemCard.test.tsx
@@ -0,0 +1,61 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { VaultTxRedeemCard } from './VaultTxRedeemCard'
+import { VaultRedeemTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+describe('VaultTxRedeemCard', () => {
+  const mockInfo = {
+    type: 'VaultRedeem',
+    humanDescription: null,
+    value: '1000000',
+    baseNrr: 4.02541446685791,
+    fee: 0.15000000596046448,
+    tokenInfo: {
+      address: '0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913',
+      decimals: 6,
+      logoUri: 'https://example.com/eth-logo.png',
+      name: 'USD Coin',
+      symbol: 'USDC',
+      trusted: true,
+    },
+    vaultInfo: {
+      address: '0x390D077f8E60ffb58805420edc635670AA4f34C3',
+      name: 'Morpho Steakhouse',
+      description:
+        'The Steakhouse Morpho vault aims to optimize yields by lending USDC against blue chip crypto and real world asset (RWA) collateral markets. Performance Fees: 15%.',
+      dashboardUri: 'https://app.morpho.org/base/vault/0xbeeF010f9cb27031ad51e3333f9aF9C6B1228183/steakhouse-usdc',
+      logoUri: 'https://example.com/eth-logo.png',
+    },
+    currentReward: '9978',
+    additionalRewardsNrr: 1.2086049318313599,
+    additionalRewards: [
+      {
+        tokenInfo: {
+          address: '0xBAa5CC21fd487B8Fcc2F632f3F4E8D37262a0842',
+          decimals: 18,
+          logoUri: 'https://example.com/eth-logo.png',
+          name: 'Morpho Token',
+          symbol: 'MORPHO',
+          trusted: true,
+        },
+        nrr: 1.2086049318313599,
+        claimable: '0',
+        claimableNext: '0',
+      },
+    ],
+  } as VaultRedeemTransactionInfo
+
+  it('renders correctly', () => {
+    const { toJSON } = render(<VaultTxRedeemCard info={mockInfo} />)
+    expect(toJSON()).toMatchSnapshot()
+  })
+
+  it('renders correctly with given info', () => {
+    const screen = render(<VaultTxRedeemCard info={mockInfo} />)
+
+    // Check that important props are passed correctly
+    expect(screen.getByText('Withdraw')).toBeTruthy()
+    expect(screen.getByText('1 USDC')).toBeTruthy()
+    expect(screen.getByTestId('logo-image')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/VaultTxRedeemCard/VaultTxRedeemCard.tsx b/apps/mobile/src/components/transactions-list/Card/VaultTxRedeemCard/VaultTxRedeemCard.tsx
new file mode 100644
index 000000000..8603be94c
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/VaultTxRedeemCard/VaultTxRedeemCard.tsx
@@ -0,0 +1,24 @@
+import { VaultRedeemTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TokenAmount } from '@/src/components/TokenAmount'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { TokenIcon } from '@/src/components/TokenIcon'
+import { SafeListItemProps } from '@/src/components/SafeListItem/SafeListItem'
+
+type VaultTxRedeemCardProps = {
+  info: VaultRedeemTransactionInfo
+} & Partial<SafeListItemProps>
+
+export const VaultTxRedeemCard = ({ info, ...rest }: VaultTxRedeemCardProps) => {
+  return (
+    <SafeListItem
+      label={'Withdraw'}
+      icon="transaction-earn"
+      type={'Earn'}
+      rightNode={
+        <TokenAmount value={info.value} tokenSymbol={info.tokenInfo.symbol} decimals={info.tokenInfo.decimals} />
+      }
+      leftNode={<TokenIcon logoUri={info.tokenInfo.logoUri} accessibilityLabel={info.tokenInfo.symbol} size="$8" />}
+      {...rest}
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/VaultTxRedeemCard/__snapshots__/VaultTxRedeemCard.test.tsx.snap b/apps/mobile/src/components/transactions-list/Card/VaultTxRedeemCard/__snapshots__/VaultTxRedeemCard.test.tsx.snap
new file mode 100644
index 000000000..5232a1f2f
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/VaultTxRedeemCard/__snapshots__/VaultTxRedeemCard.test.tsx.snap
@@ -0,0 +1,254 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`VaultTxRedeemCard renders correctly 1`] = `
+<View>
+  <View
+    style={
+      {
+        "alignItems": "flex-start",
+        "backgroundColor": "#FFFFFF",
+        "borderBottomLeftRadius": 7,
+        "borderBottomRightRadius": 7,
+        "borderTopLeftRadius": 7,
+        "borderTopRightRadius": 7,
+        "flexDirection": "column",
+        "flexWrap": "wrap",
+        "gap": 12,
+        "justifyContent": "flex-start",
+        "paddingBottom": 16,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "row",
+          "justifyContent": "space-between",
+          "width": "100%",
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "gap": 12,
+            "maxWidth": "55%",
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "width": 32,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "position": "absolute",
+                "right": -10,
+                "top": -10,
+                "zIndex": 1,
+              }
+            }
+          />
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "borderBottomLeftRadius": 100000,
+                "borderBottomRightRadius": 100000,
+                "borderTopLeftRadius": 100000,
+                "borderTopRightRadius": 100000,
+                "flexDirection": "column",
+                "height": 32,
+                "justifyContent": "center",
+                "maxHeight": 32,
+                "maxWidth": 32,
+                "minHeight": 32,
+                "minWidth": 32,
+                "overflow": "hidden",
+                "paddingBottom": 0,
+                "paddingLeft": 0,
+                "paddingRight": 0,
+                "paddingTop": 0,
+                "position": "relative",
+                "width": 32,
+              }
+            }
+          >
+            <View
+              style={
+                {
+                  "bottom": 0,
+                  "flexDirection": "column",
+                  "left": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                  "zIndex": 1,
+                }
+              }
+            >
+              <Image
+                accessibilityLabel="USDC"
+                fullscreen={true}
+                onError={[Function]}
+                onLoad={[Function]}
+                source={
+                  {
+                    "uri": "https://example.com/eth-logo.png",
+                  }
+                }
+                style={
+                  {
+                    "backgroundColor": "#121312",
+                    "height": 32,
+                    "width": 32,
+                  }
+                }
+                testID="logo-image"
+              />
+            </View>
+            <View
+              style={
+                {
+                  "backgroundColor": "#EEEFF0",
+                  "bottom": 0,
+                  "flexDirection": "column",
+                  "left": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                  "zIndex": 0,
+                }
+              }
+            >
+              <View
+                style={
+                  {
+                    "alignItems": "center",
+                    "backgroundColor": "#EEEFF0",
+                    "borderBottomLeftRadius": 0,
+                    "borderBottomRightRadius": 0,
+                    "borderTopLeftRadius": 0,
+                    "borderTopRightRadius": 0,
+                    "display": "flex",
+                    "height": 32,
+                    "justifyContent": "center",
+                    "width": 32,
+                  }
+                }
+              >
+                <Text
+                  allowFontScaling={false}
+                  selectable={false}
+                  style={
+                    [
+                      {
+                        "color": "#A1A3A7",
+                        "fontSize": 16,
+                      },
+                      undefined,
+                      {
+                        "fontFamily": "SafeIcons",
+                        "fontStyle": "normal",
+                        "fontWeight": "normal",
+                      },
+                      {},
+                    ]
+                  }
+                  testID="logo-fallback-icon"
+                >
+                  
+                </Text>
+              </View>
+            </View>
+          </View>
+        </View>
+        <View>
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "flexDirection": "row",
+                "gap": 4,
+              }
+            }
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#A1A3A7",
+                    "fontSize": 10,
+                  },
+                  undefined,
+                  {
+                    "fontFamily": "SafeIcons",
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
+                  },
+                  {},
+                ]
+              }
+              testID="safe-list-transaction-earn-icon"
+            >
+              
+            </Text>
+            <Text
+              style={
+                {
+                  "color": "#A1A3A7",
+                  "fontFamily": "DM Sans",
+                  "fontSize": 12,
+                  "lineHeight": 20,
+                }
+              }
+              suppressHighlighting={true}
+            >
+              Earn
+            </Text>
+          </View>
+          <Text
+            style={
+              {
+                "color": "#121312",
+                "fontFamily": "DMSans-SemiBold",
+                "fontSize": 14,
+                "letterSpacing": -0.01,
+                "lineHeight": 20,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Withdraw
+          </Text>
+        </View>
+      </View>
+      <Text
+        style={
+          {
+            "color": "#121312",
+            "fontFamily": "DMSans-Bold",
+          }
+        }
+        suppressHighlighting={true}
+      >
+        1
+         
+        USDC
+      </Text>
+    </View>
+  </View>
+</View>
+`;
diff --git a/apps/mobile/src/components/transactions-list/Card/VaultTxRedeemCard/index.tsx b/apps/mobile/src/components/transactions-list/Card/VaultTxRedeemCard/index.tsx
new file mode 100644
index 000000000..3bf9c998c
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/VaultTxRedeemCard/index.tsx
@@ -0,0 +1 @@
+export { VaultTxRedeemCard } from './VaultTxRedeemCard'
diff --git a/apps/mobile/src/config/constants.ts b/apps/mobile/src/config/constants.ts
new file mode 100644
index 000000000..b82589902
--- /dev/null
+++ b/apps/mobile/src/config/constants.ts
@@ -0,0 +1,33 @@
+import Constants from 'expo-constants'
+import { Platform } from 'react-native'
+
+// export const isProduction = process.env.NODE_ENV === 'production'
+// TODO: put it to get from process.env.NODE_ENV once we remove the mocks for the user account.
+export const isProduction = process.env.EXPO_PUBLIC_APP_VARIANT === 'production'
+export const isAndroid = Platform.OS === 'android'
+export const isTestingEnv = process.env.NODE_ENV === 'test'
+export const isStorybookEnv = Constants?.expoConfig?.extra?.storybookEnabled === 'true'
+export const POLLING_INTERVAL = 15_000
+
+export const COMING_SOON_MESSAGE = 'This feature is coming soon.'
+export const COMING_SOON_TITLE = 'Coming soon'
+
+export const GATEWAY_URL_PRODUCTION =
+  process.env.EXPO_PUBLIC_GATEWAY_URL_PRODUCTION || 'https://safe-client.safe.global'
+export const GATEWAY_URL_STAGING = process.env.EXPO_PUBLIC_GATEWAY_URL_STAGING || 'https://safe-client.staging.5afe.dev'
+export const GATEWAY_URL = isProduction ? GATEWAY_URL_PRODUCTION : GATEWAY_URL_STAGING
+
+export const SECURITY_CERTIFICATE_HASH_BASE64 = process.env.EXPO_PUBLIC_SECURITY_SERTIFICATE_HASH_BASE64
+export const SECURITY_WATCHER_MAIL = process.env.EXPO_PUBLIC_SECURITY_WATCHER_MAIL
+export const SECURITY_RASP_ENABLED = process.env.EXPO_PUBLIC_SECURITY_RASP_ENABLED === 'true'
+
+/**
+ * The version of the onboarding flow.
+ * If we change it and need all users to see it again, we can bump the version here.
+ */
+export const ONBOARDING_VERSION = 'v1'
+
+export const SAFE_WEB_URL = 'https://app.safe.global'
+export const SAFE_WEB_TRANSACTIONS_URL = `${SAFE_WEB_URL}/transactions/tx?safe=:safeAddressWithChainPrefix&id=:txId`
+export const SAFE_WEB_FEEDBACK_URL =
+  'https://docs.google.com/forms/d/e/1FAIpQLSfJXkNNsZqVtg3w3dwk-YrTNutQ00n3MMfLtH-dN8zSHaJu5Q/viewform?usp=dialog'
diff --git a/apps/mobile/src/config/ethers.ts b/apps/mobile/src/config/ethers.ts
new file mode 100644
index 000000000..52a030eeb
--- /dev/null
+++ b/apps/mobile/src/config/ethers.ts
@@ -0,0 +1,42 @@
+//TODO: the interface of ethersjs register is not compatible
+// with the interface of suggested crypto functions
+// that is why we do casting.
+// reference: https://docs.ethers.org/v6/cookbook/react-native/
+
+import { BytesLike, ethers } from 'ethers'
+
+import crypto from 'react-native-quick-crypto'
+
+ethers.randomBytes.register((length) => {
+  return new Uint8Array(crypto.randomBytes(length))
+})
+
+ethers.computeHmac.register((algo, key, data) => {
+  return crypto.createHmac(algo, key).update(data).digest()
+})
+
+ethers.pbkdf2.register(
+  (
+    password: Uint8Array,
+    salt: Uint8Array,
+    iterations: number,
+    keylen: number,
+    algo: 'sha256' | 'sha512',
+  ): BytesLike => {
+    return crypto.pbkdf2Sync(password, salt, iterations, keylen, algo) as unknown as BytesLike
+  },
+)
+
+ethers.sha256.register((data) => {
+  return crypto
+    .createHash('sha256')
+    .update(data as unknown as string)
+    .digest()
+})
+
+ethers.sha512.register((data) => {
+  return crypto
+    .createHash('sha512')
+    .update(data as unknown as string)
+    .digest()
+})
diff --git a/apps/mobile/src/context/GuardProvider.tsx b/apps/mobile/src/context/GuardProvider.tsx
new file mode 100644
index 000000000..9af7d14f9
--- /dev/null
+++ b/apps/mobile/src/context/GuardProvider.tsx
@@ -0,0 +1,49 @@
+import React, { createContext, useContext, useState, ReactNode } from 'react'
+
+interface GuardContextType {
+  guards: Record<string, boolean>
+  setGuard: (guardType: string, value: boolean) => void
+  getGuard: (guardType: string) => boolean
+  resetGuard: (guardType: string) => void
+  resetAllGuards: () => void
+}
+
+const GuardContext = createContext<GuardContextType | undefined>(undefined)
+
+export const useGuard = () => {
+  const context = useContext(GuardContext)
+  if (!context) {
+    throw new Error('useGuard must be used within a GuardProvider')
+  }
+  return context
+}
+
+interface GuardProviderProps {
+  children: ReactNode
+}
+
+export const GuardProvider: React.FC<GuardProviderProps> = ({ children }) => {
+  const [guards, setGuards] = useState<Record<string, boolean>>({})
+
+  const setGuard = (guardType: string, value: boolean) => {
+    setGuards((prev) => ({ ...prev, [guardType]: value }))
+  }
+
+  const getGuard = (guardType: string) => {
+    return guards[guardType] || false
+  }
+
+  const resetGuard = (guardType: string) => {
+    setGuards((prev) => ({ ...prev, [guardType]: false }))
+  }
+
+  const resetAllGuards = () => {
+    setGuards({})
+  }
+
+  return (
+    <GuardContext.Provider value={{ guards, setGuard, getGuard, resetGuard, resetAllGuards }}>
+      {children}
+    </GuardContext.Provider>
+  )
+}
diff --git a/apps/mobile/src/context/NotificationsContext.tsx b/apps/mobile/src/context/NotificationsContext.tsx
new file mode 100644
index 000000000..f7f3d27fd
--- /dev/null
+++ b/apps/mobile/src/context/NotificationsContext.tsx
@@ -0,0 +1,27 @@
+import React, { createContext, useContext, ReactNode } from 'react'
+
+import { selectAppNotificationStatus } from '../store/notificationsSlice'
+import { useAppSelector } from '../store/hooks'
+interface NotificationContextType {
+  isAppNotificationEnabled: boolean
+}
+
+const NotificationContext = createContext<NotificationContextType | undefined>(undefined)
+
+export const useNotification = () => {
+  const context = useContext(NotificationContext)
+  if (!context) {
+    throw new Error('useNotification must be used within a NotificationProvider')
+  }
+  return context
+}
+
+interface NotificationProviderProps {
+  children: ReactNode
+}
+
+export const NotificationsProvider: React.FC<NotificationProviderProps> = ({ children }) => {
+  const isAppNotificationEnabled = useAppSelector(selectAppNotificationStatus)
+
+  return <NotificationContext.Provider value={{ isAppNotificationEnabled }}>{children}</NotificationContext.Provider>
+}
diff --git a/apps/mobile/src/features/AccountsSheet/AccountItem/AccountItem.stories.tsx b/apps/mobile/src/features/AccountsSheet/AccountItem/AccountItem.stories.tsx
new file mode 100644
index 000000000..a94dc424e
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/AccountItem/AccountItem.stories.tsx
@@ -0,0 +1,64 @@
+import { AccountItem } from './AccountItem'
+import { Meta, StoryObj } from '@storybook/react'
+import { mockedActiveSafeInfo, mockedChains } from '@/src/store/constants'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { action } from '@storybook/addon-actions'
+import { Address } from '@/src/types/address'
+
+const meta: Meta<typeof AccountItem> = {
+  title: 'Assets/AccountItem',
+  component: AccountItem,
+  argTypes: {},
+}
+
+export default meta
+
+type Story = StoryObj<typeof AccountItem>
+
+export const Default: Story = {
+  args: {
+    account: mockedActiveSafeInfo,
+    chains: mockedChains as unknown as Chain[],
+    activeAccount: '0x123',
+    onSelect: action('onSelect'),
+  },
+  parameters: {
+    layout: 'fullscreen',
+  },
+}
+
+export const ActiveAccount: Story = {
+  args: {
+    account: mockedActiveSafeInfo,
+    chains: mockedChains as unknown as Chain[],
+    activeAccount: mockedActiveSafeInfo.address.value as Address,
+    onSelect: action('onSelect'),
+  },
+  parameters: {
+    layout: 'fullscreen',
+  },
+}
+
+export const TruncatedAccountChains: Story = {
+  args: {
+    account: mockedActiveSafeInfo,
+    chains: [...mockedChains, ...mockedChains, ...mockedChains] as unknown as Chain[],
+    activeAccount: '0x12312',
+    onSelect: action('onSelect'),
+  },
+  parameters: {
+    layout: 'fullscreen',
+  },
+}
+
+export const TruncatedActiveAccountChains: Story = {
+  args: {
+    account: mockedActiveSafeInfo,
+    chains: [...mockedChains, ...mockedChains, ...mockedChains] as unknown as Chain[],
+    activeAccount: mockedActiveSafeInfo.address.value as Address,
+    onSelect: action('onSelect'),
+  },
+  parameters: {
+    layout: 'fullscreen',
+  },
+}
diff --git a/apps/mobile/src/features/AccountsSheet/AccountItem/AccountItem.test.tsx b/apps/mobile/src/features/AccountsSheet/AccountItem/AccountItem.test.tsx
new file mode 100644
index 000000000..4359fbcb1
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/AccountItem/AccountItem.test.tsx
@@ -0,0 +1,155 @@
+import React from 'react'
+import { render, screen, fireEvent } from '@/src/tests/test-utils'
+import { AccountItem } from './AccountItem'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { faker } from '@faker-js/faker'
+import { shortenAddress } from '@/src/utils/formatters'
+
+jest.mock('expo-router', () => ({
+  useNavigation: () => ({
+    navigate: jest.fn(),
+    dispatch: jest.fn(),
+  }),
+  useSegments: () => ['test'], // if you use useSegments anywhere
+}))
+
+const mockAccount = {
+  address: { value: faker.finance.ethereumAddress() as `0x${string}`, name: 'Test Account' },
+  threshold: 1,
+  owners: [{ value: faker.finance.ethereumAddress() as `0x${string}` }],
+  fiatTotal: '1000',
+  chainId: '1',
+  queued: 0,
+}
+
+const mockChains = [
+  {
+    chainId: '1',
+    chainName: 'Ethereum',
+    shortName: 'eth',
+    description: 'Ethereum',
+    l2: false,
+    isTestnet: false,
+    nativeCurrency: { symbol: 'ETH', decimals: 18, name: 'Ether' },
+    blockExplorerUriTemplate: { address: '', txHash: '', api: '' },
+    transactionService: '',
+    theme: { backgroundColor: '', textColor: '' },
+    gasPrice: [],
+    ensRegistryAddress: '',
+    features: [],
+    disabledWallets: [],
+    rpcUri: { authentication: '', value: '' },
+    beaconChainExplorerUriTemplate: { address: '', api: '' },
+    balancesProvider: '',
+    contractAddresses: {},
+    publicRpcUri: { authentication: '', value: '' },
+    safeAppsRpcUri: { authentication: '', value: '' },
+  },
+]
+
+describe('AccountItem', () => {
+  const mockOnSelect = jest.fn()
+  const mockDrag = jest.fn()
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('renders account details correctly', () => {
+    render(
+      <AccountItem
+        account={mockAccount}
+        chains={mockChains as unknown as Chain[]}
+        activeAccount="0x789"
+        onSelect={mockOnSelect}
+      />,
+    )
+
+    expect(screen.getByText(shortenAddress(mockAccount.address.value))).toBeTruthy()
+    expect(screen.getByText('1/1')).toBeTruthy()
+    expect(screen.getByText('$ 1,000.00')).toBeTruthy()
+  })
+
+  it('renders account details correctly when a contact for the address exists', () => {
+    render(
+      <AccountItem
+        account={mockAccount}
+        chains={mockChains as unknown as Chain[]}
+        activeAccount="0x789"
+        onSelect={mockOnSelect}
+      />,
+      {
+        initialStore: {
+          addressBook: {
+            contacts: {
+              [mockAccount.address.value]: { name: 'Test Safe', value: mockAccount.address.value, chainIds: [] },
+            },
+            selectedContact: null,
+          },
+        },
+      },
+    )
+
+    expect(screen.getByText('Test Safe')).toBeTruthy()
+    expect(screen.getByText('1/1')).toBeTruthy()
+    expect(screen.getByText('$ 1,000.00')).toBeTruthy()
+  })
+
+  it('shows active state when account is selected', () => {
+    render(
+      <AccountItem
+        account={mockAccount}
+        chains={mockChains as unknown as Chain[]}
+        activeAccount={mockAccount.address.value}
+        onSelect={mockOnSelect}
+      />,
+    )
+
+    const wrapper = screen.getByTestId('account-item-wrapper')
+    expect(wrapper.props.style.backgroundColor).toBe('#DCDEE0')
+  })
+
+  it('calls onSelect when pressed', () => {
+    render(
+      <AccountItem
+        account={mockAccount}
+        chains={mockChains as unknown as Chain[]}
+        activeAccount="0x789"
+        onSelect={mockOnSelect}
+      />,
+    )
+
+    fireEvent.press(screen.getByTestId('account-item-wrapper'))
+    expect(mockOnSelect).toHaveBeenCalledWith(mockAccount.address.value)
+  })
+
+  it('enables drag functionality when provided', () => {
+    render(
+      <AccountItem
+        account={mockAccount}
+        chains={mockChains as unknown as Chain[]}
+        activeAccount="0x789"
+        onSelect={mockOnSelect}
+        drag={mockDrag}
+      />,
+    )
+
+    fireEvent(screen.getByTestId('account-item-wrapper'), 'longPress')
+    expect(mockDrag).toHaveBeenCalled()
+  })
+
+  it('disables press when dragging', () => {
+    render(
+      <AccountItem
+        account={mockAccount}
+        chains={mockChains as unknown as Chain[]}
+        activeAccount="0x789"
+        onSelect={mockOnSelect}
+        isDragging={true}
+      />,
+    )
+
+    fireEvent.press(screen.getByTestId('account-item-wrapper'))
+    expect(mockOnSelect).not.toHaveBeenCalled()
+  })
+})
diff --git a/apps/mobile/src/features/AccountsSheet/AccountItem/AccountItem.tsx b/apps/mobile/src/features/AccountsSheet/AccountItem/AccountItem.tsx
new file mode 100644
index 000000000..4ac038dae
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/AccountItem/AccountItem.tsx
@@ -0,0 +1,97 @@
+import React, { useCallback, useMemo } from 'react'
+import { StyleSheet, TouchableOpacity, Alert } from 'react-native'
+import { View } from 'tamagui'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { AccountCard } from '@/src/components/transactions-list/Card/AccountCard'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { Address } from '@/src/types/address'
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { shortenAddress } from '@/src/utils/formatters'
+import { RenderItemParams } from 'react-native-draggable-flatlist'
+import { useEditAccountItem } from './hooks/useEditAccountItem'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectContactByAddress } from '@/src/store/addressBookSlice'
+
+interface AccountItemProps {
+  chains: Chain[]
+  account: SafeOverview
+  drag?: RenderItemParams<SafeOverview>['drag']
+  isDragging?: boolean
+  activeAccount: Address
+  onSelect: (accountAddress: string) => void
+}
+
+const getRightNodeLayout = (isEdit: boolean, isActive: boolean) => {
+  if (isEdit) {
+    return <SafeFontIcon name="rows" color="$backgroundPress" />
+  }
+
+  return isActive ? <SafeFontIcon name="check" color="$color" /> : null
+}
+
+export function AccountItem({ account, drag, chains, isDragging, activeAccount, onSelect }: AccountItemProps) {
+  const { isEdit, deleteSafe } = useEditAccountItem()
+  const isActive = activeAccount === account.address.value
+  const contact = useAppSelector(selectContactByAddress(account.address.value))
+  const handleChainSelect = () => {
+    onSelect(account.address.value)
+  }
+
+  const rightNode = useMemo(() => getRightNodeLayout(isEdit, isActive), [isEdit, isActive])
+
+  const onDeleteSafePress = useCallback(() => {
+    Alert.alert('Delete Safe', 'Are you sure you want to delete this safe?', [
+      {
+        text: 'Cancel',
+        style: 'cancel',
+      },
+      {
+        text: 'Delete',
+        style: 'destructive',
+        onPress: () => {
+          deleteSafe(account.address.value as Address)
+        },
+      },
+    ])
+  }, [account.address.value, deleteSafe])
+
+  return (
+    <TouchableOpacity
+      style={styles.container}
+      disabled={isDragging}
+      onLongPress={drag}
+      onPress={isEdit ? undefined : handleChainSelect}
+    >
+      <View
+        testID="account-item-wrapper"
+        backgroundColor={isActive && !isEdit ? '$borderLight' : '$backgroundTransparent'}
+        borderRadius="$4"
+      >
+        <AccountCard
+          leftNode={
+            isEdit && (
+              <TouchableOpacity onPress={onDeleteSafePress}>
+                <SafeFontIcon name="close-filled" color="$error" />
+              </TouchableOpacity>
+            )
+          }
+          threshold={account.threshold}
+          owners={account.owners.length}
+          name={contact ? contact.name : shortenAddress(account.address.value)}
+          address={account.address.value as Address}
+          balance={account.fiatTotal}
+          chains={isEdit ? undefined : chains}
+          rightNode={rightNode}
+        />
+      </View>
+    </TouchableOpacity>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+  },
+})
+
+export default AccountItem
diff --git a/apps/mobile/src/features/AccountsSheet/AccountItem/hooks/useEditAccountItem.ts b/apps/mobile/src/features/AccountsSheet/AccountItem/hooks/useEditAccountItem.ts
new file mode 100644
index 000000000..bad93ebab
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/AccountItem/hooks/useEditAccountItem.ts
@@ -0,0 +1,42 @@
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { selectMyAccountsMode } from '@/src/store/myAccountsSlice'
+import { selectAllSafes } from '@/src/store/safesSlice'
+import { selectSigners } from '@/src/store/signersSlice'
+import { useDelegateCleanup } from '@/src/hooks/useDelegateCleanup'
+import { Address } from '@/src/types/address'
+import { useCallback } from 'react'
+import { useNavigation } from 'expo-router'
+import { handleSafeDeletion } from '../utils/editAccountHelpers'
+
+export const useEditAccountItem = () => {
+  const isEdit = useAppSelector(selectMyAccountsMode)
+  const activeSafe = useAppSelector(selectActiveSafe)
+  const safes = useAppSelector(selectAllSafes)
+  const allSigners = useAppSelector(selectSigners)
+  const dispatch = useAppDispatch()
+  const navigation = useNavigation()
+  const { removeAllDelegatesForOwner } = useDelegateCleanup()
+
+  const deleteSafe = useCallback(
+    async (address: Address) => {
+      const navigationConfig = {
+        navigation,
+        activeSafe,
+        safes,
+        dispatch,
+      }
+
+      await handleSafeDeletion({
+        address,
+        allSafesInfo: safes,
+        allSigners,
+        removeAllDelegatesForOwner,
+        navigationConfig,
+      })
+    },
+    [navigation, activeSafe, safes, dispatch, allSigners, removeAllDelegatesForOwner],
+  )
+
+  return { isEdit, deleteSafe }
+}
diff --git a/apps/mobile/src/features/AccountsSheet/AccountItem/index.ts b/apps/mobile/src/features/AccountsSheet/AccountItem/index.ts
new file mode 100644
index 000000000..1a0911a31
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/AccountItem/index.ts
@@ -0,0 +1,2 @@
+import { AccountItem } from './AccountItem'
+export { AccountItem }
diff --git a/apps/mobile/src/features/AccountsSheet/AccountItem/utils/__tests__/editAccountHelpers.test.ts b/apps/mobile/src/features/AccountsSheet/AccountItem/utils/__tests__/editAccountHelpers.test.ts
new file mode 100644
index 000000000..33b7b03ec
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/AccountItem/utils/__tests__/editAccountHelpers.test.ts
@@ -0,0 +1,383 @@
+import {
+  isOwnerInOtherSafes,
+  getSafeOwnersWithPrivateKeys,
+  getOwnersToDelete,
+  createDeletionMessage,
+  cleanupSinglePrivateKey,
+  cleanupPrivateKeysForOwners,
+} from '../editAccountHelpers'
+import { ErrorType } from '@/src/utils/errors'
+import { Address } from '@/src/types/address'
+import { AppDispatch } from '@/src/store'
+import { keyStorageService } from '@/src/services/key-storage'
+import { removeSigner } from '@/src/store/signersSlice'
+import Logger from '@/src/utils/logger'
+
+jest.mock('@/src/services/key-storage', () => ({
+  keyStorageService: {
+    getPrivateKey: jest.fn(),
+    removePrivateKey: jest.fn(),
+  },
+}))
+
+jest.mock('@/src/store/signersSlice', () => ({
+  removeSigner: jest.fn(),
+}))
+
+jest.mock('@/src/utils/logger', () => ({
+  error: jest.fn(),
+}))
+
+describe('editAccountHelpers', () => {
+  const mockAddress1 = '0x1234567890123456789012345678901234567890' as Address
+  const mockAddress2 = '0x9876543210987654321098765432109876543210' as Address
+  const mockAddress3 = '0x1111111111111111111111111111111111111111' as Address
+  const mockSafeAddress1 = '0x5555555555555555555555555555555555555555' as Address
+  const mockSafeAddress2 = '0x6666666666666666666666666666666666666666' as Address
+
+  const mockSafesInfo = {
+    [mockSafeAddress1]: {
+      deployment1: {
+        address: { value: mockSafeAddress1 },
+        chainId: 'deployment1',
+        threshold: 1,
+        owners: [{ value: mockAddress1 }, { value: mockAddress2 }],
+        fiatTotal: '0',
+        queued: 0,
+      },
+    },
+    [mockSafeAddress2]: {
+      deployment1: {
+        address: { value: mockSafeAddress2 },
+        chainId: 'deployment1',
+        threshold: 1,
+        owners: [{ value: mockAddress2 }, { value: mockAddress3 }],
+        fiatTotal: '0',
+        queued: 0,
+      },
+    },
+  }
+
+  const mockSigners = {
+    [mockAddress1]: {
+      /* private key data */
+    },
+    [mockAddress2]: {
+      /* private key data */
+    },
+    // mockAddress3 has no private key stored
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  describe('isOwnerInOtherSafes', () => {
+    it('should return true when owner is in other safes', () => {
+      const result = isOwnerInOtherSafes(mockAddress2, mockSafeAddress1, mockSafesInfo)
+      expect(result).toBe(true)
+    })
+
+    it('should return false when owner is not in other safes', () => {
+      const result = isOwnerInOtherSafes(mockAddress1, mockSafeAddress1, mockSafesInfo)
+      expect(result).toBe(false)
+    })
+
+    it('should exclude the specified safe address', () => {
+      const result = isOwnerInOtherSafes(mockAddress3, mockSafeAddress2, mockSafesInfo)
+      expect(result).toBe(false)
+    })
+  })
+
+  describe('getSafeOwnersWithPrivateKeys', () => {
+    it('should return owners that have private keys stored', () => {
+      const result = getSafeOwnersWithPrivateKeys(mockSafeAddress1, mockSafesInfo, mockSigners)
+      expect(result).toEqual([mockAddress1, mockAddress2])
+    })
+
+    it('should return empty array for safe with no private keys', () => {
+      const safeWithNoPrivateKeys = {
+        [mockSafeAddress1]: {
+          deployment1: {
+            address: { value: mockSafeAddress1 },
+            chainId: 'deployment1',
+            threshold: 1,
+            owners: [{ value: mockAddress3 }],
+            fiatTotal: '0',
+            queued: 0,
+          },
+        },
+      }
+      const result = getSafeOwnersWithPrivateKeys(mockSafeAddress1, safeWithNoPrivateKeys, mockSigners)
+      expect(result).toEqual([])
+    })
+
+    it('should return empty array for non-existent safe', () => {
+      const result = getSafeOwnersWithPrivateKeys(
+        '0x999999999999999999999999999999999999999' as Address,
+        mockSafesInfo,
+        mockSigners,
+      )
+      expect(result).toEqual([])
+    })
+  })
+
+  describe('getOwnersToDelete', () => {
+    it('should return owners that can be safely deleted', () => {
+      const result = getOwnersToDelete(mockSafeAddress1, mockSafesInfo, mockSigners)
+      expect(result).toEqual([mockAddress1]) // mockAddress2 is used in other safes
+    })
+
+    it('should return empty array when all owners are used in other safes', () => {
+      const result = getOwnersToDelete(mockSafeAddress2, mockSafesInfo, mockSigners)
+      expect(result).toEqual([]) // mockAddress2 is used in other safes, mockAddress3 has no private key
+    })
+  })
+
+  describe('createDeletionMessage', () => {
+    it('should create message for partial deletion', () => {
+      const ownersWithPrivateKeys = [mockAddress1, mockAddress2]
+      const ownersToDelete = [mockAddress1]
+
+      const result = createDeletionMessage(ownersWithPrivateKeys, ownersToDelete)
+
+      expect(result).toContain('2 owner(s) with private keys')
+      expect(result).toContain('1 of these private key(s) will be deleted')
+      expect(result).toContain('1 private key(s) will be kept')
+      expect(result).toContain('cannot be undone')
+    })
+
+    it('should create message for full deletion', () => {
+      const ownersWithPrivateKeys = [mockAddress1]
+      const ownersToDelete = [mockAddress1]
+
+      const result = createDeletionMessage(ownersWithPrivateKeys, ownersToDelete)
+
+      expect(result).toContain('1 owner(s) with private keys')
+      expect(result).toContain('1 of these private key(s) will be deleted')
+      expect(result).not.toContain('will be kept')
+    })
+
+    it('should create message for no deletion', () => {
+      const ownersWithPrivateKeys = [mockAddress1, mockAddress2]
+      const ownersToDelete: Address[] = []
+
+      const result = createDeletionMessage(ownersWithPrivateKeys, ownersToDelete)
+
+      expect(result).toContain('2 owner(s) with private keys')
+      expect(result).not.toContain('will be deleted')
+      expect(result).toContain('2 private key(s) will be kept')
+    })
+  })
+
+  describe('cleanupSinglePrivateKey', () => {
+    it('should successfully cleanup a single private key', async () => {
+      const mockDispatch = jest.fn() as unknown as AppDispatch
+      const mockRemoveAllDelegatesForOwner = jest.fn().mockResolvedValue({ success: true })
+
+      ;(keyStorageService.getPrivateKey as jest.Mock).mockResolvedValue('private-key-data')
+      ;(keyStorageService.removePrivateKey as jest.Mock).mockResolvedValue(undefined)
+
+      const result = await cleanupSinglePrivateKey(mockAddress1, mockRemoveAllDelegatesForOwner, mockDispatch)
+
+      expect(result.success).toBe(true)
+      expect(mockRemoveAllDelegatesForOwner).toHaveBeenCalledWith(mockAddress1, 'private-key-data')
+      expect(keyStorageService.removePrivateKey).toHaveBeenCalledWith(mockAddress1)
+      expect(mockDispatch).toHaveBeenCalledWith(removeSigner(mockAddress1))
+    })
+
+    it('should handle missing private key', async () => {
+      const mockDispatch = jest.fn() as unknown as AppDispatch
+      const mockRemoveAllDelegatesForOwner = jest.fn()
+
+      ;(keyStorageService.getPrivateKey as jest.Mock).mockResolvedValue(null)
+
+      const result = await cleanupSinglePrivateKey(mockAddress1, mockRemoveAllDelegatesForOwner, mockDispatch)
+
+      expect(result.success).toBe(false)
+      expect(result.error?.type).toBe(ErrorType.STORAGE_ERROR)
+      expect(result.error?.message).toBe('Private key not found for the specified address')
+      expect(mockRemoveAllDelegatesForOwner).not.toHaveBeenCalled()
+      expect(keyStorageService.removePrivateKey).not.toHaveBeenCalled()
+      expect(mockDispatch).not.toHaveBeenCalled()
+    })
+
+    it('should handle delegate removal failure', async () => {
+      const mockDispatch = jest.fn() as unknown as AppDispatch
+      const mockRemoveAllDelegatesForOwner = jest.fn().mockResolvedValue({
+        success: false,
+        error: {
+          message: 'Failed to remove delegates',
+          type: 'BACKEND_REMOVAL_FAILED',
+        },
+      })
+
+      ;(keyStorageService.getPrivateKey as jest.Mock).mockResolvedValue('private-key-data')
+
+      const result = await cleanupSinglePrivateKey(mockAddress1, mockRemoveAllDelegatesForOwner, mockDispatch)
+
+      expect(result.success).toBe(false)
+      expect(result.error?.type).toBe(ErrorType.CLEANUP_ERROR)
+      expect(result.error?.message).toBe('Failed to remove delegates')
+      expect(keyStorageService.removePrivateKey).not.toHaveBeenCalled()
+      expect(mockDispatch).not.toHaveBeenCalled()
+    })
+
+    it('should handle keychain errors', async () => {
+      const mockDispatch = jest.fn() as unknown as AppDispatch
+      const mockRemoveAllDelegatesForOwner = jest.fn()
+
+      ;(keyStorageService.getPrivateKey as jest.Mock).mockRejectedValue(new Error('Keychain error'))
+
+      const result = await cleanupSinglePrivateKey(mockAddress1, mockRemoveAllDelegatesForOwner, mockDispatch)
+
+      expect(result.success).toBe(false)
+      expect(result.error?.type).toBe(ErrorType.SYSTEM_ERROR)
+      expect(result.error?.message).toBe('An unexpected error occurred during private key cleanup')
+      expect(mockRemoveAllDelegatesForOwner).not.toHaveBeenCalled()
+      expect(keyStorageService.removePrivateKey).not.toHaveBeenCalled()
+      expect(mockDispatch).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('cleanupPrivateKeysForOwners', () => {
+    it('should successfully cleanup private keys for owners', async () => {
+      const mockDispatch = jest.fn() as unknown as AppDispatch
+      const mockRemoveAllDelegatesForOwner = jest.fn().mockResolvedValue({ success: true })
+
+      ;(keyStorageService.getPrivateKey as jest.Mock).mockResolvedValue('private-key-data')
+      ;(keyStorageService.removePrivateKey as jest.Mock).mockResolvedValue(undefined)
+
+      await cleanupPrivateKeysForOwners([mockAddress1, mockAddress2], mockRemoveAllDelegatesForOwner, mockDispatch)
+
+      expect(mockRemoveAllDelegatesForOwner).toHaveBeenCalledTimes(2)
+      expect(keyStorageService.removePrivateKey).toHaveBeenCalledTimes(2)
+      expect(mockDispatch).toHaveBeenCalledTimes(2)
+      expect(mockDispatch).toHaveBeenCalledWith(removeSigner(mockAddress1))
+      expect(mockDispatch).toHaveBeenCalledWith(removeSigner(mockAddress2))
+    })
+
+    it('should handle delegate removal failure gracefully', async () => {
+      const mockDispatch = jest.fn() as unknown as AppDispatch
+      const mockRemoveAllDelegatesForOwner = jest.fn().mockResolvedValue({
+        success: false,
+        error: {
+          message: 'Failed to remove delegates',
+          type: 'BACKEND_REMOVAL_FAILED',
+        },
+      })
+
+      ;(keyStorageService.getPrivateKey as jest.Mock).mockResolvedValue('private-key-data')
+
+      await cleanupPrivateKeysForOwners([mockAddress1], mockRemoveAllDelegatesForOwner, mockDispatch)
+
+      expect(Logger.error).toHaveBeenCalledWith(
+        `Failed to cleanup private key for ${mockAddress1}:`,
+        expect.objectContaining({
+          message: 'Failed to remove delegates',
+          type: 'CLEANUP_ERROR',
+        }),
+      )
+      expect(keyStorageService.removePrivateKey).not.toHaveBeenCalled()
+      expect(mockDispatch).not.toHaveBeenCalled()
+    })
+
+    it('should handle missing private key gracefully', async () => {
+      const mockDispatch = jest.fn() as unknown as AppDispatch
+      const mockRemoveAllDelegatesForOwner = jest.fn()
+
+      ;(keyStorageService.getPrivateKey as jest.Mock).mockResolvedValue(null)
+
+      await cleanupPrivateKeysForOwners([mockAddress1], mockRemoveAllDelegatesForOwner, mockDispatch)
+
+      expect(mockRemoveAllDelegatesForOwner).not.toHaveBeenCalled()
+      expect(keyStorageService.removePrivateKey).not.toHaveBeenCalled()
+      expect(mockDispatch).not.toHaveBeenCalled()
+    })
+
+    it('should handle keychain errors gracefully', async () => {
+      const mockDispatch = jest.fn() as unknown as AppDispatch
+      const mockRemoveAllDelegatesForOwner = jest.fn()
+
+      ;(keyStorageService.getPrivateKey as jest.Mock).mockRejectedValue(new Error('Keychain error'))
+
+      await cleanupPrivateKeysForOwners([mockAddress1], mockRemoveAllDelegatesForOwner, mockDispatch)
+
+      expect(Logger.error).toHaveBeenCalledWith(
+        `Failed to cleanup private key for ${mockAddress1}:`,
+        expect.objectContaining({
+          message: 'An unexpected error occurred during private key cleanup',
+          type: 'SYSTEM_ERROR',
+        }),
+      )
+      expect(mockRemoveAllDelegatesForOwner).not.toHaveBeenCalled()
+      expect(keyStorageService.removePrivateKey).not.toHaveBeenCalled()
+      expect(mockDispatch).not.toHaveBeenCalled()
+    })
+
+    it('should handle mixed success and failure scenarios', async () => {
+      const mockDispatch = jest.fn() as unknown as AppDispatch
+      const mockRemoveAllDelegatesForOwner = jest
+        .fn()
+        .mockResolvedValueOnce({ success: true }) // First call succeeds
+        .mockResolvedValueOnce({ success: false, error: { message: 'Network error' } }) // Second call fails
+
+      ;(keyStorageService.getPrivateKey as jest.Mock).mockResolvedValue('private-key-data')
+      ;(keyStorageService.removePrivateKey as jest.Mock).mockResolvedValue(undefined)
+
+      const result = await cleanupPrivateKeysForOwners(
+        [mockAddress1, mockAddress2],
+        mockRemoveAllDelegatesForOwner,
+        mockDispatch,
+      )
+
+      expect(result.success).toBe(false)
+      expect(result.error?.message).toBe('Failed to clean up 1 out of 2 private keys')
+      expect(result.error?.details?.processedCount).toBe(1)
+      expect(result.error?.details?.failures).toHaveLength(1)
+      expect((result.error?.details?.failures as { address: string; error: unknown }[])?.[0]?.address).toBe(
+        mockAddress2,
+      )
+      expect(mockRemoveAllDelegatesForOwner).toHaveBeenCalledTimes(2)
+      expect(keyStorageService.removePrivateKey).toHaveBeenCalledTimes(1) // Only successful one
+      expect(mockDispatch).toHaveBeenCalledTimes(1) // Only successful one
+    })
+
+    it('should handle empty owner list', async () => {
+      const mockDispatch = jest.fn() as unknown as AppDispatch
+      const mockRemoveAllDelegatesForOwner = jest.fn()
+
+      const result = await cleanupPrivateKeysForOwners([], mockRemoveAllDelegatesForOwner, mockDispatch)
+
+      expect(result.success).toBe(true)
+      expect(result.data?.processedCount).toBe(0)
+      expect(result.data?.failures).toHaveLength(0)
+      expect(mockRemoveAllDelegatesForOwner).not.toHaveBeenCalled()
+      expect(keyStorageService.getPrivateKey).not.toHaveBeenCalled()
+      expect(mockDispatch).not.toHaveBeenCalled()
+    })
+
+    it('should handle all cleanup failures', async () => {
+      const mockDispatch = jest.fn() as unknown as AppDispatch
+      const mockRemoveAllDelegatesForOwner = jest.fn().mockResolvedValue({
+        success: false,
+        error: { message: 'All delegates failed' },
+      })
+
+      ;(keyStorageService.getPrivateKey as jest.Mock).mockResolvedValue('private-key-data')
+
+      const result = await cleanupPrivateKeysForOwners(
+        [mockAddress1, mockAddress2],
+        mockRemoveAllDelegatesForOwner,
+        mockDispatch,
+      )
+
+      expect(result.success).toBe(false)
+      expect(result.error?.message).toBe('Failed to clean up 2 out of 2 private keys')
+      expect(result.error?.details?.processedCount).toBe(0)
+      expect(result.error?.details?.failures).toHaveLength(2)
+      expect(keyStorageService.removePrivateKey).not.toHaveBeenCalled()
+      expect(mockDispatch).not.toHaveBeenCalled()
+    })
+  })
+})
diff --git a/apps/mobile/src/features/AccountsSheet/AccountItem/utils/editAccountHelpers.ts b/apps/mobile/src/features/AccountsSheet/AccountItem/utils/editAccountHelpers.ts
new file mode 100644
index 000000000..c8dfa8b50
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/AccountItem/utils/editAccountHelpers.ts
@@ -0,0 +1,287 @@
+import { Address } from '@/src/types/address'
+import { AppDispatch } from '@/src/store'
+import { removeSigner } from '@/src/store/signersSlice'
+import { setActiveSafe } from '@/src/store/activeSafeSlice'
+import { removeSafe, SafesSliceItem } from '@/src/store/safesSlice'
+import { setEditMode } from '@/src/store/myAccountsSlice'
+import { keyStorageService } from '@/src/services/key-storage'
+import Logger from '@/src/utils/logger'
+import { CommonActions } from '@react-navigation/native'
+import { Alert } from 'react-native'
+import { StandardErrorResult, ErrorType, createErrorResult, createSuccessResult } from '@/src/utils/errors'
+
+interface SafesCollection extends Record<string, SafesSliceItem> {}
+
+interface SignersCollection extends Record<string, unknown> {}
+
+export interface SafeNavigationConfig {
+  navigation: {
+    dispatch: (action: ReturnType<typeof CommonActions.reset>) => void
+  }
+  activeSafe: { address: Address; chainId: string } | null
+  safes: SafesCollection
+  dispatch: AppDispatch
+}
+
+export const isOwnerInOtherSafes = (
+  ownerAddress: Address,
+  excludeSafeAddress: Address,
+  allSafesInfo: SafesCollection,
+): boolean => {
+  return Object.entries(allSafesInfo).some(([safeAddr, safeInfo]) => {
+    if (safeAddr === excludeSafeAddress) {
+      return false
+    }
+
+    return Object.values(safeInfo).some((deployment) => deployment.owners.some((owner) => owner.value === ownerAddress))
+  })
+}
+
+export const getSafeOwnersWithPrivateKeys = (
+  safeAddress: Address,
+  allSafesInfo: SafesCollection,
+  allSigners: SignersCollection,
+): Address[] => {
+  const safeInfo = allSafesInfo[safeAddress]
+  if (!safeInfo) {
+    return []
+  }
+
+  const ownersWithPrivateKeys: Address[] = []
+
+  Object.values(safeInfo).forEach((deployment) => {
+    deployment.owners.forEach((owner) => {
+      const hasPrivateKey = !!allSigners[owner.value]
+      if (hasPrivateKey && !ownersWithPrivateKeys.includes(owner.value as Address)) {
+        ownersWithPrivateKeys.push(owner.value as Address)
+      }
+    })
+  })
+
+  return ownersWithPrivateKeys
+}
+
+export const getOwnersToDelete = (
+  safeAddress: Address,
+  allSafesInfo: SafesCollection,
+  allSigners: SignersCollection,
+): Address[] => {
+  const ownersWithPrivateKeys = getSafeOwnersWithPrivateKeys(safeAddress, allSafesInfo, allSigners)
+
+  return ownersWithPrivateKeys.filter((ownerAddress) => !isOwnerInOtherSafes(ownerAddress, safeAddress, allSafesInfo))
+}
+
+export const cleanupSinglePrivateKey = async (
+  ownerAddress: Address,
+  removeAllDelegatesForOwner: (
+    ownerAddress: Address,
+    ownerPrivateKey: string,
+  ) => Promise<StandardErrorResult<{ processedCount: number }>>,
+  dispatch: AppDispatch,
+): Promise<StandardErrorResult<{ success: true }>> => {
+  try {
+    const privateKey = await keyStorageService.getPrivateKey(ownerAddress)
+    if (!privateKey) {
+      return createErrorResult(ErrorType.STORAGE_ERROR, 'Private key not found for the specified address', null, {
+        ownerAddress,
+      })
+    }
+
+    // Remove delegates (includes notification cleanup)
+    const result = await removeAllDelegatesForOwner(ownerAddress, privateKey)
+
+    if (!result.success) {
+      return createErrorResult(
+        ErrorType.CLEANUP_ERROR,
+        result.error?.message || 'Failed to clean up delegates before removing private key',
+        result.error,
+        { ownerAddress },
+      )
+    }
+
+    // Remove private key from keychain
+    await keyStorageService.removePrivateKey(ownerAddress)
+
+    // Remove from Redux store
+    dispatch(removeSigner(ownerAddress))
+
+    return createSuccessResult({ success: true as const })
+  } catch (error) {
+    return createErrorResult(ErrorType.SYSTEM_ERROR, 'An unexpected error occurred during private key cleanup', error, {
+      ownerAddress,
+    })
+  }
+}
+
+export const cleanupPrivateKeysForOwners = async (
+  ownerAddresses: Address[],
+  removeAllDelegatesForOwner: (
+    ownerAddress: Address,
+    ownerPrivateKey: string,
+  ) => Promise<StandardErrorResult<{ processedCount: number }>>,
+  dispatch: AppDispatch,
+): Promise<StandardErrorResult<{ processedCount: number; failures: { address: Address; error: unknown }[] }>> => {
+  const failures: { address: Address; error: unknown }[] = []
+
+  for (const ownerAddress of ownerAddresses) {
+    const result = await cleanupSinglePrivateKey(ownerAddress, removeAllDelegatesForOwner, dispatch)
+
+    if (!result.success) {
+      Logger.error(`Failed to cleanup private key for ${ownerAddress}:`, result.error)
+      failures.push({ address: ownerAddress, error: result.error })
+    }
+  }
+
+  const processedCount = ownerAddresses.length - failures.length
+
+  if (failures.length > 0) {
+    return createErrorResult(
+      ErrorType.CLEANUP_ERROR,
+      `Failed to clean up ${failures.length} out of ${ownerAddresses.length} private keys`,
+      failures,
+      { processedCount, failures },
+    )
+  }
+
+  return createSuccessResult({ processedCount, failures })
+}
+
+export const createDeletionMessage = (ownersWithPrivateKeys: Address[], ownersToDelete: Address[]): string => {
+  let message = `This account has ${ownersWithPrivateKeys.length} owner(s) with private keys stored on this device.`
+
+  if (ownersToDelete.length > 0) {
+    message += ` ${ownersToDelete.length} of these private key(s) will be deleted because they are not used in other safes.`
+  }
+
+  if (ownersToDelete.length < ownersWithPrivateKeys.length) {
+    const keysToKeep = ownersWithPrivateKeys.length - ownersToDelete.length
+    message += ` ${keysToKeep} private key(s) will be kept because they are used as signers in other safes.`
+  }
+
+  message += ' This action cannot be undone.'
+  return message
+}
+
+export const proceedWithSafeDeletion = (
+  address: Address,
+  { navigation, activeSafe, safes, dispatch }: SafeNavigationConfig,
+): void => {
+  if (activeSafe?.address === address) {
+    const [nextAddress, nextInfo] = Object.entries(safes).find(([addr]) => addr !== address) || [null, null]
+
+    if (nextAddress && nextInfo) {
+      const firstChain = Object.keys(nextInfo)[0]
+      dispatch(
+        setActiveSafe({
+          address: nextAddress as Address,
+          chainId: firstChain,
+        }),
+      )
+    } else {
+      // If we are here it means that the user has deleted all safes
+      // We need to reset the navigation to the onboarding screen
+      // Otherwise the app will crash as there is no active safe
+      navigation.dispatch(
+        CommonActions.reset({
+          routes: [{ name: 'onboarding' }],
+        }),
+      )
+
+      dispatch(setEditMode(false))
+      dispatch(setActiveSafe(null))
+    }
+  }
+
+  dispatch(removeSafe(address))
+}
+
+interface HandleConfirmedDeletionParams {
+  address: Address
+  ownersToDelete: Address[]
+  removeAllDelegatesForOwner: (
+    ownerAddress: Address,
+    ownerPrivateKey: string,
+  ) => Promise<StandardErrorResult<{ processedCount: number }>>
+  navigationConfig: SafeNavigationConfig
+  resolve: () => void
+  reject: (error: Error) => void
+}
+
+const handleConfirmedDeletion = async (params: HandleConfirmedDeletionParams) => {
+  const { address, ownersToDelete, removeAllDelegatesForOwner, navigationConfig, resolve, reject } = params
+  try {
+    if (ownersToDelete.length === 0) {
+      proceedWithSafeDeletion(address, navigationConfig)
+      resolve()
+      return
+    }
+
+    const cleanupResult = await cleanupPrivateKeysForOwners(
+      ownersToDelete,
+      removeAllDelegatesForOwner,
+      navigationConfig.dispatch,
+    )
+
+    if (!cleanupResult.success) {
+      Logger.error('Failed to clean up private keys during safe deletion:', cleanupResult.error)
+      Alert.alert('Error', cleanupResult.error?.message || 'Failed to delete private keys. Please try again.')
+      reject(new Error(cleanupResult.error?.message || 'Failed to delete private keys'))
+      return
+    }
+
+    proceedWithSafeDeletion(address, navigationConfig)
+    resolve()
+  } catch (error) {
+    Logger.error('Failed to clean up private keys during safe deletion:', error)
+    Alert.alert('Error', 'Failed to delete private keys. Please try again.')
+    reject(error as Error)
+  }
+}
+
+interface HandleSafeDeletionParams {
+  address: Address
+  allSafesInfo: SafesCollection
+  allSigners: SignersCollection
+  removeAllDelegatesForOwner: (
+    ownerAddress: Address,
+    ownerPrivateKey: string,
+  ) => Promise<StandardErrorResult<{ processedCount: number }>>
+  navigationConfig: SafeNavigationConfig
+}
+
+export const handleSafeDeletion = async (params: HandleSafeDeletionParams): Promise<void> => {
+  const { address, allSafesInfo, allSigners, removeAllDelegatesForOwner, navigationConfig } = params
+  const ownersWithPrivateKeys = getSafeOwnersWithPrivateKeys(address, allSafesInfo, allSigners)
+  const ownersToDelete = getOwnersToDelete(address, allSafesInfo, allSigners)
+
+  if (ownersWithPrivateKeys.length === 0) {
+    proceedWithSafeDeletion(address, navigationConfig)
+    return
+  }
+
+  const message = createDeletionMessage(ownersWithPrivateKeys, ownersToDelete)
+  const buttonTitle = ownersToDelete.length > 0 ? 'Delete account and private keys' : 'Delete account'
+
+  return new Promise((resolve, reject) => {
+    Alert.alert('Delete account', message, [
+      {
+        text: 'Cancel',
+        style: 'cancel',
+        onPress: () => reject(new Error('User cancelled deletion')),
+      },
+      {
+        text: buttonTitle,
+        style: 'destructive',
+        onPress: () =>
+          handleConfirmedDeletion({
+            address,
+            ownersToDelete,
+            removeAllDelegatesForOwner,
+            navigationConfig,
+            resolve,
+            reject,
+          }),
+      },
+    ])
+  })
+}
diff --git a/apps/mobile/src/features/AccountsSheet/AccountItem/utils/index.ts b/apps/mobile/src/features/AccountsSheet/AccountItem/utils/index.ts
new file mode 100644
index 000000000..2ee1f460e
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/AccountItem/utils/index.ts
@@ -0,0 +1 @@
+export * from './editAccountHelpers'
diff --git a/apps/mobile/src/features/AccountsSheet/AccountsSheet.container.tsx b/apps/mobile/src/features/AccountsSheet/AccountsSheet.container.tsx
new file mode 100644
index 000000000..05398d52c
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/AccountsSheet.container.tsx
@@ -0,0 +1,44 @@
+import { H6 } from 'tamagui'
+import { SafeBottomSheet } from '@/src/components/SafeBottomSheet'
+import { MyAccountsContainer, MyAccountsFooter } from '@/src/features/AccountsSheet/MyAccounts'
+import { TouchableOpacity } from 'react-native'
+import React, { useEffect } from 'react'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { selectMyAccountsMode, toggleMode } from '@/src/store/myAccountsSlice'
+import { useMyAccountsSortable } from '@/src/features/AccountsSheet/MyAccounts/hooks/useMyAccountsSortable'
+import { useMyAccountsAnalytics } from '@/src/features/AccountsSheet/MyAccounts/hooks/useMyAccountsAnalytics'
+
+export const AccountsSheetContainer = () => {
+  const dispatch = useAppDispatch()
+  const isEdit = useAppSelector(selectMyAccountsMode)
+  const { safes, onDragEnd } = useMyAccountsSortable()
+  const { trackScreenView, trackEditModeChange } = useMyAccountsAnalytics()
+
+  // Track screen view with total safe count when component mounts
+  useEffect(() => {
+    trackScreenView()
+  }, [])
+
+  const toggleEditMode = async () => {
+    const isEnteringEditMode = !isEdit // Before dispatching, determine if we're entering edit mode
+    await trackEditModeChange(isEnteringEditMode)
+    dispatch(toggleMode())
+  }
+
+  return (
+    <SafeBottomSheet
+      title="My accounts"
+      items={safes}
+      keyExtractor={({ item }) => item.address}
+      FooterComponent={MyAccountsFooter}
+      renderItem={MyAccountsContainer}
+      sortable={isEdit}
+      onDragEnd={onDragEnd}
+      actions={
+        <TouchableOpacity onPress={toggleEditMode}>
+          <H6 fontWeight={600}>{isEdit ? 'Done' : 'Edit'}</H6>
+        </TouchableOpacity>
+      }
+    />
+  )
+}
diff --git a/apps/mobile/src/features/AccountsSheet/MyAccounts/MyAccounts.container.test.tsx b/apps/mobile/src/features/AccountsSheet/MyAccounts/MyAccounts.container.test.tsx
new file mode 100644
index 000000000..e3599e727
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/MyAccounts/MyAccounts.container.test.tsx
@@ -0,0 +1,144 @@
+import React from 'react'
+import { render, screen, fireEvent } from '@/src/tests/test-utils'
+import { MyAccountsContainer } from './MyAccounts.container'
+import { mockedChains } from '@/src/store/constants'
+import { server } from '@/src/tests/server'
+import { http, HttpResponse } from 'msw'
+import { GATEWAY_URL } from '@/src/config/constants'
+import { faker } from '@faker-js/faker'
+import { shortenAddress } from '@/src/utils/formatters'
+
+jest.mock('expo-router', () => ({
+  useNavigation: () => ({
+    navigate: jest.fn(),
+    dispatch: jest.fn(),
+  }),
+  useSegments: () => ['test'], // if you use useSegments anywhere
+}))
+
+// Mock the safe item data
+const mockSafeAddress = faker.finance.ethereumAddress() as `0x${string}`
+const mockSafeItem = {
+  address: mockSafeAddress,
+  info: {
+    '1': {
+      address: { value: mockSafeAddress, name: 'Test Safe' },
+      threshold: 1,
+      owners: [{ value: '0x456' as `0x${string}` }],
+      fiatTotal: '1000',
+      chainId: '1',
+      queued: 0,
+    },
+  },
+}
+
+// Create a constant object for the selector result
+const mockActiveSafe = { address: faker.finance.ethereumAddress() as `0x${string}`, chainId: '1' }
+const mockChainIds = ['1'] as const
+const mockDelegates = {}
+
+// Mock Redux selectors
+jest.mock('@/src/store/activeSafeSlice', () => ({
+  selectActiveSafe: () => mockActiveSafe,
+  setActiveSafe: (payload: { address: `0x${string}`; chainId: string }) => ({
+    type: 'activeSafe/setActiveSafe',
+    payload,
+  }),
+}))
+
+jest.mock('@/src/store/chains', () => ({
+  getChainsByIds: () => mockedChains,
+  selectAllChainsIds: () => mockChainIds,
+  selectAllChains: () => mockedChains,
+}))
+
+jest.mock('@/src/store/myAccountsSlice', () => ({
+  selectMyAccountsMode: () => false,
+}))
+
+jest.mock('@/src/store/delegatesSlice', () => ({
+  selectDelegates: () => mockDelegates,
+  addDelegate: {
+    type: 'delegates/addDelegate',
+    match: jest.fn(),
+  },
+}))
+
+jest.mock('@/src/hooks/useNotificationCleanup', () => ({
+  useNotificationCleanup: () => ({
+    cleanupNotificationsForDelegate: jest.fn(),
+  }),
+}))
+
+jest.mock('@safe-global/store/gateway/AUTO_GENERATED/delegates', () => ({
+  cgwApi: {
+    useDelegatesDeleteDelegateV2Mutation: () => [jest.fn(), { isLoading: false }],
+  },
+}))
+
+describe('MyAccountsContainer', () => {
+  const mockOnClose = jest.fn()
+
+  beforeEach(() => {
+    server.use(
+      http.get(`${GATEWAY_URL}/v1/safes`, () => {
+        return HttpResponse.json([
+          {
+            address: { value: '0x123', name: 'Test Safe' },
+            chainId: '1',
+            threshold: 1,
+            owners: [{ value: '0x456' }],
+            fiatTotal: '1000',
+            queued: 0,
+          },
+        ])
+      }),
+    )
+  })
+
+  afterEach(() => {
+    jest.clearAllMocks()
+    server.resetHandlers()
+  })
+
+  it('renders account item with correct data but no contact exists in address book', () => {
+    render(<MyAccountsContainer item={mockSafeItem} onClose={mockOnClose} />)
+
+    expect(screen.getByText(shortenAddress(mockSafeItem.address))).toBeTruthy()
+    expect(screen.getByText('1/1')).toBeTruthy()
+    expect(screen.getByText('$ 1,000.00')).toBeTruthy()
+  })
+
+  it('renders account item with correct data when contact for safe exist', () => {
+    render(<MyAccountsContainer item={mockSafeItem} onClose={mockOnClose} />, {
+      initialStore: {
+        addressBook: {
+          contacts: {
+            [mockSafeItem.address]: { name: 'Test Safe', value: mockSafeItem.address, chainIds: [] },
+          },
+          selectedContact: null,
+        },
+      },
+    })
+
+    expect(screen.getByText('Test Safe')).toBeTruthy()
+    expect(screen.getByText('1/1')).toBeTruthy()
+    expect(screen.getByText('$ 1,000.00')).toBeTruthy()
+  })
+
+  it('calls onClose when account is selected', () => {
+    render(<MyAccountsContainer item={mockSafeItem} onClose={mockOnClose} />)
+
+    fireEvent.press(screen.getByTestId('account-item-wrapper'))
+
+    expect(mockOnClose).toHaveBeenCalled()
+  })
+
+  it('renders with drag functionality when provided', () => {
+    const mockDrag = jest.fn()
+
+    render(<MyAccountsContainer item={mockSafeItem} onClose={mockOnClose} isDragging={false} drag={mockDrag} />)
+
+    expect(screen.getByTestId('account-item-wrapper')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/features/AccountsSheet/MyAccounts/MyAccounts.container.tsx b/apps/mobile/src/features/AccountsSheet/MyAccounts/MyAccounts.container.tsx
new file mode 100644
index 000000000..230af001e
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/MyAccounts/MyAccounts.container.tsx
@@ -0,0 +1,54 @@
+import React from 'react'
+import { RenderItemParams } from 'react-native-draggable-flatlist'
+import { AccountItem } from '../AccountItem'
+import { SafesSliceItem } from '@/src/store/safesSlice'
+import { Address } from '@/src/types/address'
+import { useDispatch, useSelector } from 'react-redux'
+import { setActiveSafe } from '@/src/store/activeSafeSlice'
+import { getChainsByIds } from '@/src/store/chains'
+import { RootState } from '@/src/store'
+import { useSafeOverviewService } from '@/src/hooks/services/useSafeOverviewService'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+
+interface MyAccountsContainerProps {
+  item: { address: Address; info: SafesSliceItem }
+  onClose: () => void
+  isDragging?: boolean
+  drag?: RenderItemParams<{ address: Address; info: SafesSliceItem }>['drag']
+}
+
+export function MyAccountsContainer({ item, isDragging, drag, onClose }: MyAccountsContainerProps) {
+  useSafeOverviewService(item.address)
+
+  const dispatch = useDispatch()
+  const activeSafe = useDefinedActiveSafe()
+  const chainsIds = Object.keys(item.info)
+  const filteredChains = useSelector((state: RootState) => getChainsByIds(state, chainsIds))
+
+  const handleAccountSelected = () => {
+    const chainId = chainsIds[0]
+
+    dispatch(
+      setActiveSafe({
+        address: item.address,
+        chainId,
+      }),
+    )
+
+    onClose()
+  }
+
+  return (
+    <AccountItem
+      drag={drag}
+      account={{
+        ...item.info[chainsIds[0]],
+        fiatTotal: chainsIds.reduce((acc, id) => acc + parseFloat(item.info[id].fiatTotal), 0).toString(),
+      }}
+      isDragging={isDragging}
+      chains={filteredChains}
+      onSelect={handleAccountSelected}
+      activeAccount={activeSafe.address}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/AccountsSheet/MyAccounts/MyAccountsFooter.test.tsx b/apps/mobile/src/features/AccountsSheet/MyAccounts/MyAccountsFooter.test.tsx
new file mode 100644
index 000000000..5dc71b6f4
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/MyAccounts/MyAccountsFooter.test.tsx
@@ -0,0 +1,10 @@
+import { render } from '@/src/tests/test-utils'
+import { MyAccountsFooter } from './MyAccountsFooter'
+
+describe('MyAccountsFooter', () => {
+  it('should render the defualt template', () => {
+    const container = render(<MyAccountsFooter />)
+
+    expect(container.getByText('Add existing account')).toBeDefined()
+  })
+})
diff --git a/apps/mobile/src/features/AccountsSheet/MyAccounts/MyAccountsFooter.tsx b/apps/mobile/src/features/AccountsSheet/MyAccounts/MyAccountsFooter.tsx
new file mode 100644
index 000000000..a60e7e65f
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/MyAccounts/MyAccountsFooter.tsx
@@ -0,0 +1,41 @@
+import { Badge } from '@/src/components/Badge'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import React from 'react'
+import { styled, Text, View } from 'tamagui'
+import { Link } from 'expo-router'
+const MyAccountsFooterContainer = styled(View, {
+  borderTopWidth: 1,
+  borderTopColor: '$colorSecondary',
+  paddingVertical: '$4',
+  paddingHorizontal: '$4',
+  backgroundColor: '$backgroundPaper',
+})
+
+const MyAccountsButton = styled(View, {
+  columnGap: '$2',
+  alignItems: 'center',
+  flexDirection: 'row',
+  padding: '$2',
+})
+
+export function MyAccountsFooter() {
+  return (
+    <MyAccountsFooterContainer paddingBottom={'$7'}>
+      <Link href={'/(import-accounts)'} asChild>
+        <MyAccountsButton testID="add-existing-account">
+          <View paddingLeft="$2">
+            <Badge
+              themeName="badge_background"
+              circleSize="$10"
+              content={<SafeFontIcon size={20} name="plus-filled" />}
+            />
+          </View>
+
+          <Text fontSize="$4" fontWeight={600}>
+            Add existing account
+          </Text>
+        </MyAccountsButton>
+      </Link>
+    </MyAccountsFooterContainer>
+  )
+}
diff --git a/apps/mobile/src/features/AccountsSheet/MyAccounts/hooks/useMyAccountsAnalytics.test.ts b/apps/mobile/src/features/AccountsSheet/MyAccounts/hooks/useMyAccountsAnalytics.test.ts
new file mode 100644
index 000000000..0b8d7a14a
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/MyAccounts/hooks/useMyAccountsAnalytics.test.ts
@@ -0,0 +1,85 @@
+import { renderHook, act } from '@/src/tests/test-utils'
+import { useMyAccountsAnalytics } from './useMyAccountsAnalytics'
+import * as firebaseAnalytics from '@/src/services/analytics/firebaseAnalytics'
+import * as overviewEvents from '@/src/services/analytics/events/overview'
+
+const mockTotalSafeCount = 3
+const initialStore = {
+  safes: { '0x1': {}, '0x2': {}, '0x3': {} },
+  myAccounts: { isEdit: false },
+}
+
+describe('useMyAccountsAnalytics', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('tracks screen view event', async () => {
+    const trackEventSpy = jest.spyOn(firebaseAnalytics, 'trackEvent').mockResolvedValue(undefined)
+    const eventSpy = jest.spyOn(overviewEvents, 'createMyAccountsScreenViewEvent')
+    const { result } = renderHook(() => useMyAccountsAnalytics(), initialStore)
+
+    await act(async () => {
+      await result.current.trackScreenView()
+    })
+
+    expect(eventSpy).toHaveBeenCalledWith(mockTotalSafeCount)
+    expect(trackEventSpy).toHaveBeenCalledWith(expect.objectContaining({ eventAction: 'My accounts screen viewed' }))
+  })
+
+  it('tracks edit mode change event (enter)', async () => {
+    const trackEventSpy = jest.spyOn(firebaseAnalytics, 'trackEvent').mockResolvedValue(undefined)
+    const eventSpy = jest.spyOn(overviewEvents, 'createMyAccountsEditModeEvent')
+    const { result } = renderHook(() => useMyAccountsAnalytics(), initialStore)
+
+    await act(async () => {
+      await result.current.trackEditModeChange(true)
+    })
+
+    expect(eventSpy).toHaveBeenCalledWith(true, mockTotalSafeCount)
+    expect(trackEventSpy).toHaveBeenCalledWith(expect.objectContaining({ eventAction: 'Edit mode entered' }))
+  })
+
+  it('tracks edit mode change event (exit)', async () => {
+    const trackEventSpy = jest.spyOn(firebaseAnalytics, 'trackEvent').mockResolvedValue(undefined)
+    const eventSpy = jest.spyOn(overviewEvents, 'createMyAccountsEditModeEvent')
+    const { result } = renderHook(() => useMyAccountsAnalytics(), initialStore)
+
+    await act(async () => {
+      await result.current.trackEditModeChange(false)
+    })
+
+    expect(eventSpy).toHaveBeenCalledWith(false, mockTotalSafeCount)
+    expect(trackEventSpy).toHaveBeenCalledWith(expect.objectContaining({ eventAction: 'Edit mode exited' }))
+  })
+
+  it('tracks reorder event', async () => {
+    const trackEventSpy = jest.spyOn(firebaseAnalytics, 'trackEvent').mockResolvedValue(undefined)
+    const eventSpy = jest.spyOn(overviewEvents, 'createSafeReorderEvent')
+    const { result } = renderHook(() => useMyAccountsAnalytics(), initialStore)
+
+    await act(async () => {
+      await result.current.trackReorder()
+    })
+
+    expect(eventSpy).toHaveBeenCalledWith(mockTotalSafeCount)
+    expect(trackEventSpy).toHaveBeenCalledWith(expect.objectContaining({ eventAction: 'Safe reordered' }))
+  })
+
+  it('logs error if trackEvent throws', async () => {
+    const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {
+      // do nothing
+    })
+    jest.spyOn(firebaseAnalytics, 'trackEvent').mockRejectedValue(new Error('fail'))
+    const { result } = renderHook(() => useMyAccountsAnalytics(), initialStore)
+
+    await act(async () => {
+      await result.current.trackScreenView()
+      await result.current.trackEditModeChange(true)
+      await result.current.trackReorder()
+    })
+
+    expect(errorSpy).toHaveBeenCalled()
+    errorSpy.mockRestore()
+  })
+})
diff --git a/apps/mobile/src/features/AccountsSheet/MyAccounts/hooks/useMyAccountsAnalytics.ts b/apps/mobile/src/features/AccountsSheet/MyAccounts/hooks/useMyAccountsAnalytics.ts
new file mode 100644
index 000000000..644bede41
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/MyAccounts/hooks/useMyAccountsAnalytics.ts
@@ -0,0 +1,54 @@
+import { useAppSelector } from '@/src/store/hooks'
+import { selectTotalSafeCount } from '@/src/store/safesSlice'
+import {
+  createMyAccountsScreenViewEvent,
+  createMyAccountsEditModeEvent,
+  createSafeReorderEvent,
+} from '@/src/services/analytics/events/overview'
+import { trackEvent } from '@/src/services/analytics/firebaseAnalytics'
+
+/**
+ * Hook to track MyAccounts analytics events
+ */
+export const useMyAccountsAnalytics = () => {
+  const totalSafeCount = useAppSelector(selectTotalSafeCount)
+
+  /**
+   * Track My Accounts screen view
+   */
+  const trackScreenView = async () => {
+    try {
+      const event = createMyAccountsScreenViewEvent(totalSafeCount)
+      await trackEvent(event)
+    } catch (error) {
+      console.error('Error tracking My accounts screen view:', error)
+    }
+  }
+
+  /**
+   * Track entering or exiting edit mode
+   * @param isEnteringEditMode - true if entering edit mode, false if exiting
+   */
+  const trackEditModeChange = async (isEnteringEditMode: boolean) => {
+    try {
+      const event = createMyAccountsEditModeEvent(isEnteringEditMode, totalSafeCount)
+      await trackEvent(event)
+    } catch (error) {
+      console.error('Error tracking My accounts edit mode change:', error)
+    }
+  }
+
+  /**
+   * Track reorder event
+   */
+  const trackReorder = async () => {
+    try {
+      const event = createSafeReorderEvent(totalSafeCount)
+      await trackEvent(event)
+    } catch (error) {
+      console.error('Error tracking safe reorder event:', error)
+    }
+  }
+
+  return { trackScreenView, trackEditModeChange, trackReorder }
+}
diff --git a/apps/mobile/src/features/AccountsSheet/MyAccounts/hooks/useMyAccountsSortable.ts b/apps/mobile/src/features/AccountsSheet/MyAccounts/hooks/useMyAccountsSortable.ts
new file mode 100644
index 000000000..d081d7bdb
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/MyAccounts/hooks/useMyAccountsSortable.ts
@@ -0,0 +1,47 @@
+import { SafesSliceItem, selectAllSafes, setSafes } from '@/src/store/safesSlice'
+import { useCallback, useEffect, useState } from 'react'
+import { DragEndParams } from 'react-native-draggable-flatlist'
+import { useDispatch, useSelector } from 'react-redux'
+import { Address } from '@/src/types/address'
+import { useMyAccountsAnalytics } from './useMyAccountsAnalytics'
+
+type SafeListItem = { address: Address; info: SafesSliceItem }
+
+type useMyAccountsSortableReturn = {
+  safes: SafeListItem[]
+  onDragEnd: (params: DragEndParams<SafeListItem>) => void
+}
+
+export const useMyAccountsSortable = (): useMyAccountsSortableReturn => {
+  const dispatch = useDispatch()
+  const safes = useSelector(selectAllSafes)
+  const [sortableSafes, setSortableSafes] = useState<SafeListItem[]>(() =>
+    Object.entries(safes).map(([address, info]) => ({ address: address as Address, info })),
+  )
+  const { trackReorder } = useMyAccountsAnalytics()
+
+  useEffect(() => {
+    setSortableSafes(Object.entries(safes).map(([address, info]) => ({ address: address as Address, info })))
+  }, [safes])
+
+  const onDragEnd = useCallback(
+    ({ data }: DragEndParams<SafeListItem>) => {
+      // Track reordering event
+      trackReorder()
+
+      // Defer Redux update due to incompatibility issues between
+      // react-native-draggable-flatlist and new architecture.
+      setTimeout(() => {
+        const updated = data.reduce<Record<Address, SafesSliceItem>>(
+          (acc, item) => ({ ...acc, [item.address]: item.info }),
+          {},
+        )
+        setSortableSafes(data)
+        dispatch(setSafes(updated))
+      }, 0) // Ensure this happens after the re-render
+    },
+    [dispatch, trackReorder],
+  )
+
+  return { safes: sortableSafes, onDragEnd }
+}
diff --git a/apps/mobile/src/features/AccountsSheet/MyAccounts/index.ts b/apps/mobile/src/features/AccountsSheet/MyAccounts/index.ts
new file mode 100644
index 000000000..e1d3d5f3b
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/MyAccounts/index.ts
@@ -0,0 +1,2 @@
+export { MyAccountsFooter } from './MyAccountsFooter'
+export { MyAccountsContainer } from './MyAccounts.container'
diff --git a/apps/mobile/src/features/AccountsSheet/__tests__/AccountsSheet.container.test.tsx b/apps/mobile/src/features/AccountsSheet/__tests__/AccountsSheet.container.test.tsx
new file mode 100644
index 000000000..9487b8edf
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/__tests__/AccountsSheet.container.test.tsx
@@ -0,0 +1,99 @@
+import {
+  createMyAccountsScreenViewEvent,
+  createMyAccountsEditModeEvent,
+  createSafeReorderEvent,
+} from '../../../services/analytics/events/overview'
+import { EventType } from '../../../services/analytics/types'
+
+// Mock Firebase Analytics
+jest.mock('@/src/services/analytics/firebaseAnalytics')
+
+describe('AccountsSheetContainer tracking', () => {
+  describe('My accounts screen view tracking', () => {
+    it('should call createMyAccountsScreenViewEvent with correct parameters', () => {
+      const totalSafeCount = 3
+      const event = createMyAccountsScreenViewEvent(totalSafeCount)
+
+      expect(event).toEqual({
+        eventName: EventType.SCREEN_VIEW,
+        eventCategory: 'overview',
+        eventAction: 'My accounts screen viewed',
+        eventLabel: 3,
+      })
+    })
+
+    it('should handle zero safe count correctly', () => {
+      const totalSafeCount = 0
+      const event = createMyAccountsScreenViewEvent(totalSafeCount)
+
+      expect(event.eventLabel).toBe(0)
+    })
+  })
+
+  describe('My accounts edit mode tracking', () => {
+    it('should create correct event for entering edit mode', () => {
+      const totalSafeCount = 5
+      const event = createMyAccountsEditModeEvent(true, totalSafeCount)
+
+      expect(event).toEqual({
+        eventName: EventType.META,
+        eventCategory: 'overview',
+        eventAction: 'Edit mode entered',
+        eventLabel: 5,
+      })
+    })
+
+    it('should create correct event for exiting edit mode', () => {
+      const totalSafeCount = 2
+      const event = createMyAccountsEditModeEvent(false, totalSafeCount)
+
+      expect(event).toEqual({
+        eventName: EventType.META,
+        eventCategory: 'overview',
+        eventAction: 'Edit mode exited',
+        eventLabel: 2,
+      })
+    })
+
+    it('should track different actions for entering vs exiting edit mode', () => {
+      const enterEvent = createMyAccountsEditModeEvent(true, 10)
+      const exitEvent = createMyAccountsEditModeEvent(false, 10)
+
+      expect(enterEvent.eventAction).toBe('Edit mode entered')
+      expect(exitEvent.eventAction).toBe('Edit mode exited')
+      expect(enterEvent.eventName).toBe(EventType.META)
+      expect(exitEvent.eventName).toBe(EventType.META)
+    })
+  })
+
+  describe('My accounts safe reordering tracking', () => {
+    it('should create correct event for safe reordering', () => {
+      const totalSafeCount = 8
+      const event = createSafeReorderEvent(totalSafeCount)
+
+      expect(event).toEqual({
+        eventName: EventType.META,
+        eventCategory: 'overview',
+        eventAction: 'Safe reordered',
+        eventLabel: 8,
+      })
+    })
+
+    it('should track reordering events with different safe counts', () => {
+      const smallCountEvent = createSafeReorderEvent(2)
+      const largeCountEvent = createSafeReorderEvent(50)
+
+      expect(smallCountEvent.eventLabel).toBe(2)
+      expect(largeCountEvent.eventLabel).toBe(50)
+      expect(smallCountEvent.eventAction).toBe('Safe reordered')
+      expect(largeCountEvent.eventAction).toBe('Safe reordered')
+    })
+
+    it('should use META event type for reordering', () => {
+      const event = createSafeReorderEvent(15)
+
+      expect(event.eventName).toBe(EventType.META)
+      expect(event.eventCategory).toBe('overview')
+    })
+  })
+})
diff --git a/apps/mobile/src/features/AccountsSheet/index.tsx b/apps/mobile/src/features/AccountsSheet/index.tsx
new file mode 100644
index 000000000..7fc409e42
--- /dev/null
+++ b/apps/mobile/src/features/AccountsSheet/index.tsx
@@ -0,0 +1 @@
+export { AccountsSheetContainer } from './AccountsSheet.container'
diff --git a/apps/mobile/src/features/ActionDetails/ActionDetails.container.tsx b/apps/mobile/src/features/ActionDetails/ActionDetails.container.tsx
new file mode 100644
index 000000000..4d2032a15
--- /dev/null
+++ b/apps/mobile/src/features/ActionDetails/ActionDetails.container.tsx
@@ -0,0 +1,45 @@
+import { useLocalSearchParams } from 'expo-router'
+import React, { useMemo } from 'react'
+import { ScrollView } from 'tamagui'
+import { useTransactionsGetTransactionByIdV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+import { LargeHeaderTitle, NavBarTitle } from '@/src/components/Title'
+import { useScrollableHeader } from '@/src/navigation/useScrollableHeader'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { Alert } from '@/src/components/Alert'
+
+import { LoadingTx } from '../ConfirmTx/components/LoadingTx'
+import ActionsDetails from './ActionsDetails'
+
+export function ActionDetailsContainer() {
+  const { txId, action, actionName } = useLocalSearchParams<{ txId: string; actionName: string; action: string }>()
+  const parsedAction = useMemo(() => JSON.parse(action), [action])
+  const activeSafe = useDefinedActiveSafe()
+
+  const { data, isFetching, isError } = useTransactionsGetTransactionByIdV1Query({
+    chainId: activeSafe.chainId,
+    id: txId,
+  })
+
+  const { handleScroll } = useScrollableHeader({
+    children: <NavBarTitle>{actionName}</NavBarTitle>,
+  })
+
+  if (isError) {
+    return <Alert type="error" message="Error fetching action details" />
+  }
+
+  if (isFetching || !data) {
+    return <LoadingTx />
+  }
+
+  return (
+    <ScrollView onScroll={handleScroll}>
+      <LargeHeaderTitle paddingHorizontal="$4" marginBottom="$6">
+        {actionName}
+      </LargeHeaderTitle>
+
+      <ActionsDetails txDetails={data} action={parsedAction} />
+    </ScrollView>
+  )
+}
diff --git a/apps/mobile/src/features/ActionDetails/ActionsDetails.tsx b/apps/mobile/src/features/ActionDetails/ActionsDetails.tsx
new file mode 100644
index 000000000..4c96fd5e6
--- /dev/null
+++ b/apps/mobile/src/features/ActionDetails/ActionsDetails.tsx
@@ -0,0 +1,18 @@
+import { TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { ActionValueDecoded } from '@safe-global/store/gateway/types'
+import React, { useMemo } from 'react'
+import { ListTable } from '../ConfirmTx/components/ListTable'
+import { formatActionDetails } from './utils'
+import { View } from 'tamagui'
+
+function ActionsDetails({ txDetails, action }: { txDetails: TransactionDetails; action: ActionValueDecoded }) {
+  const items = useMemo(() => txDetails && formatActionDetails({ txData: txDetails.txData, action }), [txDetails])
+
+  return (
+    <View paddingHorizontal="$4">
+      <ListTable items={items} />
+    </View>
+  )
+}
+
+export default ActionsDetails
diff --git a/apps/mobile/src/features/ActionDetails/index.ts b/apps/mobile/src/features/ActionDetails/index.ts
new file mode 100644
index 000000000..598ff1e55
--- /dev/null
+++ b/apps/mobile/src/features/ActionDetails/index.ts
@@ -0,0 +1 @@
+export { ActionDetailsContainer } from './ActionDetails.container'
diff --git a/apps/mobile/src/features/ActionDetails/utils.tsx b/apps/mobile/src/features/ActionDetails/utils.tsx
new file mode 100644
index 000000000..21956ca95
--- /dev/null
+++ b/apps/mobile/src/features/ActionDetails/utils.tsx
@@ -0,0 +1,122 @@
+import { TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { ActionValueDecoded, AddressInfoIndex } from '@safe-global/store/gateway/types'
+import { getActionName } from '../TransactionActions/components/TxActionsList'
+import { Badge } from '@/src/components/Badge'
+import { CircleProps, View, Text } from 'tamagui'
+import { ListTableItem } from '../ConfirmTx/components/ListTable'
+import { Logo } from '@/src/components/Logo'
+import { ellipsis } from '@/src/utils/formatters'
+import { CopyButton } from '@/src/components/CopyButton'
+import { Identicon } from '@/src/components/Identicon'
+import { Address } from '@/src/types/address'
+import { EthAddress } from '@/src/components/EthAddress'
+import { EncodedData } from '@/src/components/EncodedData/EncodedData'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+
+const badgeProps: CircleProps = { borderRadius: '$2', paddingHorizontal: '$2', paddingVertical: '$1' }
+
+type formatActionDetailsReturn = {
+  txData: TransactionDetails['txData']
+  action: ActionValueDecoded
+}
+
+const getContractCall = (action: ActionValueDecoded, addressInfoIndex?: AddressInfoIndex) => {
+  return addressInfoIndex?.[action.to]
+}
+
+const TxOptions = ({ value }: { value: string }) => {
+  return (
+    <View flexDirection="row" alignItems="center">
+      <CopyButton value={value} color={'$textSecondaryLight'} />
+      <SafeFontIcon name="external-link" size={14} color="$textSecondaryLight" />
+    </View>
+  )
+}
+
+const getContractItemLayout = ({
+  logoUri,
+  value,
+  name,
+}: {
+  logoUri?: string | null
+  value: string
+  name?: string | null
+}) => ({
+  label: 'Contract',
+  render: () => (
+    <View flexDirection="row" alignItems="center" gap="$2">
+      {logoUri ? <Logo logoUri={logoUri} size="$6" /> : <Identicon address={value as Address} size={24} />}
+      <Text fontSize="$4">{ellipsis(name || value, 16)}</Text>
+      <TxOptions value={value} />
+    </View>
+  ),
+})
+
+export const formatActionDetails = ({ txData, action }: formatActionDetailsReturn): ListTableItem[] => {
+  if (!txData) {
+    return []
+  }
+
+  let columns: ListTableItem[] = []
+
+  if (action.dataDecoded?.method) {
+    columns.push({
+      label: 'Call',
+      render: () => (
+        <Badge
+          circleProps={badgeProps}
+          themeName="badge_background"
+          fontSize={13}
+          textContentProps={{ fontFamily: 'DM Mono' }}
+          circular={false}
+          content={getActionName(action)}
+        />
+      ),
+    })
+  } else {
+    columns.push({
+      label: 'Interacted with',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$2">
+          <Identicon address={action.to as Address} size={24} />
+          <EthAddress copy copyProps={{ color: '$textSecondaryLight' }} address={action.to as Address} />
+          <SafeFontIcon name="external-link" size={14} color="$textSecondaryLight" />
+        </View>
+      ),
+    })
+  }
+
+  const contractCall = getContractCall(action, txData.addressInfoIndex as AddressInfoIndex)
+
+  if (contractCall) {
+    columns.push(getContractItemLayout(contractCall))
+  } else if (action.to) {
+    columns.push(getContractItemLayout({ value: action.to }))
+  }
+
+  if (action.dataDecoded) {
+    columns = [
+      ...columns,
+      ...action.dataDecoded.parameters.map((param) => ({
+        label: param.name,
+        render: () => {
+          if (param.type === 'address') {
+            return <EthAddress copy copyProps={{ color: '$textSecondaryLight' }} address={param.value as Address} />
+          }
+
+          return <Text>{param.value}</Text>
+        },
+      })),
+    ]
+  } else if (action.data) {
+    columns = [
+      ...columns,
+      {
+        label: 'Data',
+        render: () => <EncodedData data={action.data} />,
+      },
+    ]
+  }
+
+  return columns
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/ContactDetail.container.tsx b/apps/mobile/src/features/AddressBook/Contact/ContactDetail.container.tsx
new file mode 100644
index 000000000..cdcaba168
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/ContactDetail.container.tsx
@@ -0,0 +1,46 @@
+import React, { useState, useEffect } from 'react'
+import { useLocalSearchParams, useNavigation } from 'expo-router'
+import { TouchableOpacity } from 'react-native'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectContactByAddress } from '@/src/store/addressBookSlice'
+import { ContactFormContainer } from './ContactForm.container'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { usePreventLeaveScreen } from '@/src/hooks/usePreventLeaveScreen'
+import { useDeleteContact } from './hooks/useDeleteContact'
+import { useEditContact } from './hooks/useEditContact'
+
+export const ContactDetailContainer = () => {
+  const { address, mode } = useLocalSearchParams<{
+    address?: string
+    mode?: 'view' | 'edit' | 'new'
+  }>()
+
+  const navigation = useNavigation()
+
+  const contact = useAppSelector(selectContactByAddress(address || ''))
+
+  const [isEditing, setIsEditing] = useState(mode === 'edit' || mode === 'new')
+  usePreventLeaveScreen(isEditing)
+
+  const { handleDeletePress } = useDeleteContact({ contact, setIsEditing })
+  const { handleEdit, handleSave } = useEditContact({ mode, setIsEditing })
+
+  // Set up navigation header with delete button when editing existing contact
+  useEffect(() => {
+    if (isEditing && contact && mode !== 'new') {
+      navigation.setOptions({
+        headerRight: () => (
+          <TouchableOpacity onPress={handleDeletePress} style={{ marginRight: 4 }}>
+            <SafeFontIcon name="delete" size={24} color="$error" />
+          </TouchableOpacity>
+        ),
+      })
+    } else {
+      navigation.setOptions({
+        headerRight: undefined,
+      })
+    }
+  }, [isEditing, contact, mode, navigation, handleDeletePress])
+
+  return <ContactFormContainer contact={contact} isEditing={isEditing} onSave={handleSave} onEdit={handleEdit} />
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/ContactDisplayName.container.tsx b/apps/mobile/src/features/AddressBook/Contact/ContactDisplayName.container.tsx
new file mode 100644
index 000000000..26435ff0b
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/ContactDisplayName.container.tsx
@@ -0,0 +1,14 @@
+import { useAppSelector } from '@/src/store/hooks'
+import { selectContactByAddress } from '@/src/store/addressBookSlice'
+import { ContactName } from './components/ContactName'
+import { type TextProps } from 'tamagui'
+
+type Props = {
+  address: `0x${string}`
+  textProps?: Partial<TextProps>
+}
+
+export const ContactDisplayNameContainer = ({ address, textProps }: Props) => {
+  const contact = useAppSelector(selectContactByAddress(address))
+  return <ContactName name={contact?.name} address={address} textProps={textProps} />
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/ContactForm.container.tsx b/apps/mobile/src/features/AddressBook/Contact/ContactForm.container.tsx
new file mode 100644
index 000000000..dd6c2b422
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/ContactForm.container.tsx
@@ -0,0 +1,126 @@
+import React, { useState } from 'react'
+import { ScrollView, View } from 'tamagui'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { KeyboardAvoidingView } from 'react-native'
+import { useForm, FormProvider } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { type Contact } from '@/src/store/addressBookSlice'
+import { contactSchema, type ContactFormData } from './schemas'
+import {
+  ContactActionButton,
+  ContactAddressField,
+  ContactHeader,
+  ContactNameField,
+  ContactNetworkRow,
+} from '@/src/features/AddressBook/Contact/components'
+import { NetworkSelector } from './NetworkSelector/NetworkSelector'
+
+interface ContactFormProps {
+  contact?: Contact | null
+  isEditing: boolean
+  onSave: (contact: Contact) => void
+  onEdit?: () => void
+}
+
+export const ContactFormContainer = ({ contact, isEditing, onSave, onEdit }: ContactFormProps) => {
+  const insets = useSafeAreaInsets()
+  const [isNetworkSelectorVisible, setIsNetworkSelectorVisible] = useState(false)
+  const [selectedChainIds, setSelectedChainIds] = useState<string[]>(contact?.chainIds || [])
+
+  const methods = useForm<ContactFormData>({
+    resolver: zodResolver(contactSchema),
+    mode: 'onChange',
+    defaultValues: {
+      name: contact?.name || '',
+      address: contact?.value || '',
+    },
+  })
+
+  const {
+    control,
+    handleSubmit,
+    watch,
+    formState: { errors, isValid, dirtyFields },
+  } = methods
+
+  const watchedAddress = watch('address')
+  const watchedName = watch('name')
+
+  const onSubmit = (data: ContactFormData) => {
+    onSave({
+      value: data.address.trim(),
+      name: data.name.trim(),
+      logoUri: contact?.logoUri || null,
+      chainIds: selectedChainIds,
+    })
+  }
+
+  const displayName = isEditing ? watchedName || '' : contact?.name || ''
+  const displayAddress = isEditing ? watchedAddress : contact?.value
+
+  const handleNetworkPress = () => {
+    setIsNetworkSelectorVisible(true)
+  }
+
+  const handleNetworkSelectionChange = (chainIds: string[]) => {
+    setSelectedChainIds(chainIds)
+  }
+
+  const handleNetworkSelectorClose = () => {
+    setIsNetworkSelectorVisible(false)
+  }
+
+  const content = (
+    <View flex={1} style={{ marginBottom: insets.bottom }}>
+      <ScrollView flex={1} keyboardShouldPersistTaps="handled">
+        <ContactHeader displayAddress={displayAddress} displayName={displayName} />
+
+        <View flex={1} paddingHorizontal="$4" gap="$4">
+          <ContactNameField
+            isEditing={isEditing}
+            contact={contact}
+            control={control}
+            errors={errors}
+            dirtyFields={dirtyFields}
+          />
+
+          <ContactNetworkRow onPress={handleNetworkPress} chainIds={selectedChainIds} />
+
+          <ContactAddressField
+            isEditing={isEditing}
+            contact={contact}
+            control={control}
+            errors={errors}
+            dirtyFields={dirtyFields}
+          />
+        </View>
+      </ScrollView>
+      <View paddingHorizontal="$4" paddingTop="$2">
+        <ContactActionButton isEditing={isEditing} isValid={isValid} onEdit={onEdit} onSave={handleSubmit(onSubmit)} />
+      </View>
+      <NetworkSelector
+        isVisible={isNetworkSelectorVisible}
+        onClose={handleNetworkSelectorClose}
+        onSelectionChange={handleNetworkSelectionChange}
+        selectedChainIds={selectedChainIds}
+        isReadOnly={!isEditing}
+      />
+    </View>
+  )
+
+  if (isEditing) {
+    return (
+      <FormProvider {...methods}>
+        <KeyboardAvoidingView
+          behavior="padding"
+          style={{ flex: 1 }}
+          keyboardVerticalOffset={insets.bottom + insets.top - 20}
+        >
+          {content}
+        </KeyboardAvoidingView>
+      </FormProvider>
+    )
+  }
+
+  return content
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/AllNetworksItem.tsx b/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/AllNetworksItem.tsx
new file mode 100644
index 000000000..93cf7673c
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/AllNetworksItem.tsx
@@ -0,0 +1,29 @@
+import React from 'react'
+import { TouchableOpacity } from 'react-native'
+import { View } from 'tamagui'
+import { AssetsCard } from '@/src/components/transactions-list/Card/AssetsCard'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+
+interface AllNetworksItemProps {
+  isSelected: boolean
+  isReadOnly: boolean
+  onSelectAll: () => void
+}
+
+export const AllNetworksItem = ({ isSelected, isReadOnly, onSelectAll }: AllNetworksItemProps) => {
+  return (
+    <TouchableOpacity style={{ width: '100%' }} onPress={onSelectAll} disabled={isReadOnly}>
+      <View
+        backgroundColor={isSelected ? '$borderLight' : '$backgroundTransparent'}
+        borderRadius="$4"
+        marginBottom="$2"
+      >
+        <AssetsCard
+          name="All Networks"
+          description="Contact available on all supported networks"
+          rightNode={isSelected && <SafeFontIcon name="check" color="$color" />}
+        />
+      </View>
+    </TouchableOpacity>
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/ChainItem.tsx b/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/ChainItem.tsx
new file mode 100644
index 000000000..80d0e8fda
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/ChainItem.tsx
@@ -0,0 +1,35 @@
+import React from 'react'
+import { TouchableOpacity } from 'react-native'
+import { View } from 'tamagui'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { AssetsCard } from '@/src/components/transactions-list/Card/AssetsCard'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+
+interface ChainItemProps {
+  chain: Chain
+  isSelected: boolean
+  isReadOnly: boolean
+  onToggle: (chainId: string) => void
+}
+
+export const ChainItem = ({ chain, isSelected, isReadOnly, onToggle }: ChainItemProps) => {
+  const handlePress = () => {
+    onToggle(chain.chainId)
+  }
+
+  return (
+    <TouchableOpacity key={chain.chainId} style={{ width: '100%' }} onPress={handlePress} disabled={isReadOnly}>
+      <View
+        backgroundColor={isSelected ? '$borderLight' : '$backgroundTransparent'}
+        borderRadius="$4"
+        marginBottom="$2"
+      >
+        <AssetsCard
+          name={chain.chainName}
+          logoUri={chain.chainLogoUri}
+          rightNode={!isReadOnly && isSelected && <SafeFontIcon name="check" color="$color" />}
+        />
+      </View>
+    </TouchableOpacity>
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/NetworkSelector.tsx b/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/NetworkSelector.tsx
new file mode 100644
index 000000000..201521e5f
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/NetworkSelector.tsx
@@ -0,0 +1,100 @@
+import React, { useRef, useEffect } from 'react'
+import { BottomSheetModal } from '@gorhom/bottom-sheet'
+import { getVariable, useTheme } from 'tamagui'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectAllChains, useGetChainsConfigQuery, getChainsByIds } from '@/src/store/chains'
+import { BackdropComponent, BackgroundComponent } from '@/src/components/Dropdown/sheetComponents'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { NetworkSelectorHeader } from './NetworkSelectorHeader'
+import { NetworkSelectorContent } from './NetworkSelectorContent'
+
+interface NetworkSelectorProps {
+  isVisible: boolean
+  onClose: () => void
+  onSelectionChange: (chainIds: string[]) => void
+  selectedChainIds: string[]
+  isReadOnly?: boolean
+}
+
+export const NetworkSelector = ({
+  isVisible,
+  onClose,
+  onSelectionChange,
+  selectedChainIds,
+  isReadOnly = false,
+}: NetworkSelectorProps) => {
+  const bottomSheetModalRef = useRef<BottomSheetModal>(null)
+  const insets = useSafeAreaInsets()
+  const theme = useTheme()
+
+  // Fetch chains data to ensure it's up to date
+  useGetChainsConfigQuery()
+
+  const allChains = useAppSelector(selectAllChains) || []
+  const selectedChains = useAppSelector((state) => getChainsByIds(state, selectedChainIds))
+
+  // Handle visibility changes
+  useEffect(() => {
+    if (isVisible) {
+      bottomSheetModalRef.current?.present()
+    } else {
+      bottomSheetModalRef.current?.dismiss()
+    }
+  }, [isVisible])
+
+  const handleChainToggle = (chainId: string) => {
+    if (isReadOnly) {
+      return
+    }
+
+    let newSelection: string[]
+
+    if (selectedChainIds.includes(chainId)) {
+      newSelection = selectedChainIds.filter((id) => id !== chainId)
+    } else {
+      newSelection = [...selectedChainIds, chainId]
+    }
+
+    onSelectionChange(newSelection)
+  }
+
+  const handleSelectAll = () => {
+    if (isReadOnly) {
+      return
+    }
+    onSelectionChange([]) // Empty array means all chains
+  }
+
+  const isAllChainsSelected = selectedChainIds.length === 0
+  const chainsToDisplay = isReadOnly ? (isAllChainsSelected ? allChains : selectedChains) : allChains
+
+  return (
+    <BottomSheetModal
+      ref={bottomSheetModalRef}
+      backgroundComponent={BackgroundComponent}
+      backdropComponent={() => <BackdropComponent shouldNavigateBack={false} />}
+      topInset={insets.top}
+      bottomInset={insets.bottom}
+      enableDynamicSizing
+      handleIndicatorStyle={{ backgroundColor: getVariable(theme.borderMain) }}
+      onDismiss={onClose}
+    >
+      <NetworkSelectorHeader
+        isReadOnly={isReadOnly}
+        isAllChainsSelected={isAllChainsSelected}
+        selectedChainCount={selectedChainIds.length}
+      />
+
+      <NetworkSelectorContent
+        chainsToDisplay={chainsToDisplay}
+        selectedChainIds={selectedChainIds}
+        isReadOnly={isReadOnly}
+        isAllChainsSelected={isAllChainsSelected}
+        onChainToggle={handleChainToggle}
+        onSelectAll={handleSelectAll}
+        bottomInset={insets.bottom}
+        topInset={insets.top}
+      />
+    </BottomSheetModal>
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/NetworkSelectorContent.tsx b/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/NetworkSelectorContent.tsx
new file mode 100644
index 000000000..b2fc9774b
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/NetworkSelectorContent.tsx
@@ -0,0 +1,54 @@
+import React from 'react'
+import { BottomSheetScrollView } from '@gorhom/bottom-sheet'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { ChainItem } from './ChainItem'
+import { AllNetworksItem } from './AllNetworksItem'
+
+interface NetworkSelectorContentProps {
+  chainsToDisplay: Chain[]
+  selectedChainIds: string[]
+  isReadOnly: boolean
+  isAllChainsSelected: boolean
+  onChainToggle: (chainId: string) => void
+  onSelectAll: () => void
+  bottomInset: number
+  topInset: number
+}
+
+export const NetworkSelectorContent = ({
+  chainsToDisplay,
+  selectedChainIds,
+  isReadOnly,
+  isAllChainsSelected,
+  onChainToggle,
+  onSelectAll,
+  bottomInset,
+  topInset,
+}: NetworkSelectorContentProps) => {
+  const isChainSelected = (chainId: string) => {
+    return selectedChainIds.includes(chainId)
+  }
+
+  return (
+    <BottomSheetScrollView
+      contentContainerStyle={{
+        paddingHorizontal: 16,
+        paddingBottom: bottomInset + topInset + 100,
+      }}
+    >
+      <>
+        <AllNetworksItem isSelected={isAllChainsSelected} isReadOnly={isReadOnly} onSelectAll={onSelectAll} />
+
+        {chainsToDisplay.map((chain) => (
+          <ChainItem
+            key={chain.chainId}
+            chain={chain}
+            isSelected={isChainSelected(chain.chainId)}
+            isReadOnly={isReadOnly}
+            onToggle={onChainToggle}
+          />
+        ))}
+      </>
+    </BottomSheetScrollView>
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/NetworkSelectorHeader.tsx b/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/NetworkSelectorHeader.tsx
new file mode 100644
index 000000000..b892828a5
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/NetworkSelectorHeader.tsx
@@ -0,0 +1,57 @@
+import React from 'react'
+import { Text, View } from 'tamagui'
+
+interface NetworkSelectorHeaderProps {
+  isReadOnly: boolean
+  isAllChainsSelected: boolean
+  selectedChainCount: number
+}
+
+interface TitleProps {
+  isReadOnly: boolean
+}
+
+interface SubtitleProps {
+  isReadOnly: boolean
+  isAllChainsSelected: boolean
+  selectedChainCount: number
+}
+
+const Title = ({ isReadOnly }: TitleProps) => {
+  const title = isReadOnly ? 'Available Networks' : 'Select Networks'
+
+  return (
+    <Text fontSize="$6" fontWeight="600" color="$color">
+      {title}
+    </Text>
+  )
+}
+
+const Subtitle = ({ isReadOnly, isAllChainsSelected, selectedChainCount }: SubtitleProps) => {
+  const prefix = isReadOnly ? 'Contact is available on' : 'Contact available on'
+
+  return (
+    <Text fontSize="$3" color="$colorSecondary" textAlign="center" marginTop="$2">
+      {isAllChainsSelected
+        ? `${prefix} all networks`
+        : `${prefix} ${selectedChainCount} ${selectedChainCount === 1 ? 'network' : 'networks'}`}
+    </Text>
+  )
+}
+
+export const NetworkSelectorHeader = ({
+  isReadOnly,
+  isAllChainsSelected,
+  selectedChainCount,
+}: NetworkSelectorHeaderProps) => {
+  return (
+    <View alignItems="center" paddingHorizontal="$4" paddingVertical="$4">
+      <Title isReadOnly={isReadOnly} />
+      <Subtitle
+        isReadOnly={isReadOnly}
+        isAllChainsSelected={isAllChainsSelected}
+        selectedChainCount={selectedChainCount}
+      />
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/__tests__/NetworkSelectorHeader.test.tsx b/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/__tests__/NetworkSelectorHeader.test.tsx
new file mode 100644
index 000000000..74ceb76b9
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/__tests__/NetworkSelectorHeader.test.tsx
@@ -0,0 +1,120 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { NetworkSelectorHeader } from '../NetworkSelectorHeader'
+
+describe('NetworkSelectorHeader', () => {
+  const defaultProps = {
+    isReadOnly: false,
+    isAllChainsSelected: false,
+    selectedChainCount: 1,
+  }
+
+  describe('Title component', () => {
+    it('should display "Select Networks" when not read-only', () => {
+      const { getByText } = render(<NetworkSelectorHeader {...defaultProps} isReadOnly={false} />)
+
+      expect(getByText('Select Networks')).toBeTruthy()
+    })
+
+    it('should display "Available Networks" when read-only', () => {
+      const { getByText } = render(<NetworkSelectorHeader {...defaultProps} isReadOnly={true} />)
+
+      expect(getByText('Available Networks')).toBeTruthy()
+    })
+  })
+
+  describe('Subtitle component - Read-only mode', () => {
+    it('should display "Contact is available on all networks" when all chains are selected', () => {
+      const { getByText } = render(
+        <NetworkSelectorHeader {...defaultProps} isReadOnly={true} isAllChainsSelected={true} />,
+      )
+
+      expect(getByText('Contact is available on all networks')).toBeTruthy()
+    })
+
+    it('should display singular "network" for one selected network', () => {
+      const { getByText } = render(<NetworkSelectorHeader {...defaultProps} isReadOnly={true} selectedChainCount={1} />)
+
+      expect(getByText('Contact is available on 1 network')).toBeTruthy()
+    })
+
+    it('should display plural "networks" for multiple selected networks', () => {
+      const { getByText } = render(<NetworkSelectorHeader {...defaultProps} isReadOnly={true} selectedChainCount={3} />)
+
+      expect(getByText('Contact is available on 3 networks')).toBeTruthy()
+    })
+
+    it('should display plural "networks" for zero selected networks', () => {
+      const { getByText } = render(<NetworkSelectorHeader {...defaultProps} isReadOnly={true} selectedChainCount={0} />)
+
+      expect(getByText('Contact is available on 0 networks')).toBeTruthy()
+    })
+  })
+
+  describe('Subtitle component - Editable mode', () => {
+    it('should display "Contact available on all networks" when all chains are selected', () => {
+      const { getByText } = render(
+        <NetworkSelectorHeader {...defaultProps} isReadOnly={false} isAllChainsSelected={true} />,
+      )
+
+      expect(getByText('Contact available on all networks')).toBeTruthy()
+    })
+
+    it('should display singular "network" for one selected network', () => {
+      const { getByText } = render(
+        <NetworkSelectorHeader {...defaultProps} isReadOnly={false} selectedChainCount={1} />,
+      )
+
+      expect(getByText('Contact available on 1 network')).toBeTruthy()
+    })
+
+    it('should display plural "networks" for multiple selected networks', () => {
+      const { getByText } = render(
+        <NetworkSelectorHeader {...defaultProps} isReadOnly={false} selectedChainCount={5} />,
+      )
+
+      expect(getByText('Contact available on 5 networks')).toBeTruthy()
+    })
+
+    it('should display plural "networks" for zero selected networks', () => {
+      const { getByText } = render(
+        <NetworkSelectorHeader {...defaultProps} isReadOnly={false} selectedChainCount={0} />,
+      )
+
+      expect(getByText('Contact available on 0 networks')).toBeTruthy()
+    })
+  })
+
+  describe('Text differences between modes', () => {
+    it('should use different text prefixes for read-only vs editable modes', () => {
+      const readOnlyProps = { ...defaultProps, isReadOnly: true, selectedChainCount: 2 }
+      const editableProps = { ...defaultProps, isReadOnly: false, selectedChainCount: 2 }
+
+      const { getByText: getByTextReadOnly } = render(<NetworkSelectorHeader {...readOnlyProps} />)
+      const { getByText: getByTextEditable } = render(<NetworkSelectorHeader {...editableProps} />)
+
+      expect(getByTextReadOnly('Contact is available on 2 networks')).toBeTruthy()
+      expect(getByTextEditable('Contact available on 2 networks')).toBeTruthy()
+    })
+
+    it('should use different text for all networks in both modes', () => {
+      const readOnlyProps = { ...defaultProps, isReadOnly: true, isAllChainsSelected: true }
+      const editableProps = { ...defaultProps, isReadOnly: false, isAllChainsSelected: true }
+
+      const { getByText: getByTextReadOnly } = render(<NetworkSelectorHeader {...readOnlyProps} />)
+      const { getByText: getByTextEditable } = render(<NetworkSelectorHeader {...editableProps} />)
+
+      expect(getByTextReadOnly('Contact is available on all networks')).toBeTruthy()
+      expect(getByTextEditable('Contact available on all networks')).toBeTruthy()
+    })
+  })
+
+  describe('Component structure', () => {
+    it('should render both title and subtitle', () => {
+      const { getByText } = render(<NetworkSelectorHeader {...defaultProps} />)
+
+      expect(getByText('Select Networks')).toBeTruthy()
+      expect(getByText('Contact available on 1 network')).toBeTruthy()
+    })
+  })
+})
diff --git a/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/index.ts b/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/index.ts
new file mode 100644
index 000000000..787fe834a
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/NetworkSelector/index.ts
@@ -0,0 +1,5 @@
+export { NetworkSelector } from './NetworkSelector'
+export { ChainItem } from './ChainItem'
+export { AllNetworksItem } from './AllNetworksItem'
+export { NetworkSelectorHeader } from './NetworkSelectorHeader'
+export { NetworkSelectorContent } from './NetworkSelectorContent'
diff --git a/apps/mobile/src/features/AddressBook/Contact/components/ContactActionButton.tsx b/apps/mobile/src/features/AddressBook/Contact/components/ContactActionButton.tsx
new file mode 100644
index 000000000..782109600
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/components/ContactActionButton.tsx
@@ -0,0 +1,25 @@
+import React from 'react'
+import { SafeButton } from '@/src/components/SafeButton'
+
+interface ContactActionButtonProps {
+  isEditing: boolean
+  isValid: boolean
+  onEdit?: () => void
+  onSave: () => void
+}
+
+export const ContactActionButton = ({ isEditing, isValid, onEdit, onSave }: ContactActionButtonProps) => {
+  if (isEditing) {
+    return (
+      <SafeButton primary onPress={onSave} disabled={!isValid}>
+        Save contact
+      </SafeButton>
+    )
+  }
+
+  return (
+    <SafeButton secondary onPress={onEdit}>
+      Edit contact
+    </SafeButton>
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/components/ContactAddressField.tsx b/apps/mobile/src/features/AddressBook/Contact/components/ContactAddressField.tsx
new file mode 100644
index 000000000..10b8f3ff3
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/components/ContactAddressField.tsx
@@ -0,0 +1,54 @@
+import React from 'react'
+import { Text, View } from 'tamagui'
+import { SafeInputWithLabel } from '@/src/components/SafeInput/SafeInputWithLabel'
+import { Controller, Control, FieldErrors } from 'react-hook-form'
+import { ContactFormData } from '../schemas'
+import { type Contact } from '@/src/store/addressBookSlice'
+
+interface ContactAddressFieldProps {
+  isEditing: boolean
+  contact?: Contact | null
+  control?: Control<ContactFormData>
+  errors?: FieldErrors<ContactFormData>
+  dirtyFields?: Partial<Record<keyof ContactFormData, boolean>>
+}
+
+export const ContactAddressField = ({ isEditing, contact, control, errors, dirtyFields }: ContactAddressFieldProps) => {
+  if (isEditing && control) {
+    return (
+      <View>
+        <Controller
+          control={control}
+          name="address"
+          render={({ field: { onChange, onBlur, value } }) => (
+            <SafeInputWithLabel
+              label="Address"
+              value={value}
+              onBlur={onBlur}
+              onChangeText={onChange}
+              placeholder="Enter address"
+              autoCapitalize="none"
+              autoCorrect={false}
+              error={dirtyFields?.address && !!errors?.address}
+              success={dirtyFields?.address && !errors?.address && value.trim().length > 0}
+              multiline
+              numberOfLines={3}
+            />
+          )}
+        />
+        {errors?.address && <Text color="$error">{errors.address.message}</Text>}
+      </View>
+    )
+  }
+
+  return (
+    <SafeInputWithLabel
+      label="Address"
+      value={contact?.value || ''}
+      disabled
+      editable={false}
+      multiline
+      numberOfLines={3}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/components/ContactHeader.tsx b/apps/mobile/src/features/AddressBook/Contact/components/ContactHeader.tsx
new file mode 100644
index 000000000..b77c61db4
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/components/ContactHeader.tsx
@@ -0,0 +1,36 @@
+import React from 'react'
+import { Text, View } from 'tamagui'
+import { Identicon } from '@/src/components/Identicon'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { type Address } from '@/src/types/address'
+
+interface ContactHeaderProps {
+  displayAddress?: string
+  displayName: string
+}
+
+export const ContactHeader = ({ displayAddress, displayName }: ContactHeaderProps) => {
+  return (
+    <View paddingHorizontal="$4" paddingTop="$4" paddingBottom="$6" alignItems="center">
+      <View marginBottom="$4">
+        {displayAddress ? (
+          <Identicon address={displayAddress as Address} rounded size={40} />
+        ) : (
+          <View
+            width={40}
+            height={40}
+            backgroundColor="$backgroundSecondary"
+            borderRadius={40}
+            alignItems="center"
+            justifyContent="center"
+          >
+            <SafeFontIcon name="edit-owner" size={16} />
+          </View>
+        )}
+      </View>
+      <Text fontSize="$6" fontWeight="600" color="$color" textAlign="center">
+        {displayName}
+      </Text>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/components/ContactName.tsx b/apps/mobile/src/features/AddressBook/Contact/components/ContactName.tsx
new file mode 100644
index 000000000..14cc32eb2
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/components/ContactName.tsx
@@ -0,0 +1,19 @@
+import { EthAddress } from '@/src/components/EthAddress/ETHAddress'
+import { Text, type TextProps, View } from 'tamagui'
+
+type Props = {
+  name?: string
+  address: `0x${string}`
+  textProps?: Partial<TextProps>
+}
+export const ContactName = ({ name, address, textProps }: Props) => {
+  return name ? (
+    <View>
+      <Text fontWeight={500} {...textProps}>
+        {name}
+      </Text>
+    </View>
+  ) : (
+    <EthAddress address={address} />
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/components/ContactNameField.tsx b/apps/mobile/src/features/AddressBook/Contact/components/ContactNameField.tsx
new file mode 100644
index 000000000..e5ffffb7a
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/components/ContactNameField.tsx
@@ -0,0 +1,44 @@
+import React from 'react'
+import { Text, View } from 'tamagui'
+import { SafeInputWithLabel } from '@/src/components/SafeInput/SafeInputWithLabel'
+import { Controller, Control, FieldErrors } from 'react-hook-form'
+import { ContactFormData } from '../schemas'
+import { type Contact } from '@/src/store/addressBookSlice'
+
+interface ContactNameFieldProps {
+  isEditing: boolean
+  contact?: Contact | null
+  control?: Control<ContactFormData>
+  errors?: FieldErrors<ContactFormData>
+  dirtyFields?: Partial<Record<keyof ContactFormData, boolean>>
+}
+
+export const ContactNameField = ({ isEditing, contact, control, errors, dirtyFields }: ContactNameFieldProps) => {
+  const isNew = !contact?.value
+
+  if (isEditing && control) {
+    return (
+      <View>
+        <Controller
+          control={control}
+          name="name"
+          render={({ field: { onChange, onBlur, value } }) => (
+            <SafeInputWithLabel
+              label="Name"
+              value={value}
+              autoFocus
+              onBlur={onBlur}
+              onChangeText={onChange}
+              placeholder={isNew ? 'Enter name' : contact?.name || 'Enter name'}
+              error={dirtyFields?.name && !!errors?.name}
+              success={dirtyFields?.name && !errors?.name && value.trim().length > 0}
+            />
+          )}
+        />
+        {errors?.name && <Text color="$error">{errors.name.message}</Text>}
+      </View>
+    )
+  }
+
+  return <SafeInputWithLabel label="Name" value={contact?.name || 'Unnamed contact'} disabled editable={false} />
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/components/ContactNetworkRow.tsx b/apps/mobile/src/features/AddressBook/Contact/components/ContactNetworkRow.tsx
new file mode 100644
index 000000000..0a78de2df
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/components/ContactNetworkRow.tsx
@@ -0,0 +1,46 @@
+import React from 'react'
+import { Text, View, Theme } from 'tamagui'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Pressable, Keyboard } from 'react-native'
+import { useContactNetworkData } from '../hooks/useContactNetworkData'
+
+interface ContactNetworkRowProps {
+  onPress: () => void
+  chainIds: string[]
+}
+
+export const ContactNetworkRow = ({ onPress, chainIds }: ContactNetworkRowProps) => {
+  const { displayText } = useContactNetworkData(chainIds)
+
+  const handlePress = () => {
+    Keyboard.dismiss()
+    onPress()
+  }
+
+  return (
+    <Theme name="input_with_label">
+      <Pressable onPress={handlePress}>
+        <View
+          backgroundColor="$background"
+          borderRadius={8}
+          padding="$3"
+          flexDirection="row"
+          alignItems="center"
+          justifyContent="space-between"
+        >
+          <View flexDirection="row" alignItems="center" gap="$2">
+            <Text fontSize="$4" fontWeight="400" color="$colorSecondary">
+              Network
+            </Text>
+          </View>
+          <View flexDirection="row" alignItems="center" gap="$2">
+            <Text fontSize="$4" fontWeight="400" color="$colorSecondary">
+              {displayText}
+            </Text>
+            <SafeFontIcon name="chevron-right" size={16} />
+          </View>
+        </View>
+      </Pressable>
+    </Theme>
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/components/__tests__/ContactActionButton.test.tsx b/apps/mobile/src/features/AddressBook/Contact/components/__tests__/ContactActionButton.test.tsx
new file mode 100644
index 000000000..8b7247497
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/components/__tests__/ContactActionButton.test.tsx
@@ -0,0 +1,45 @@
+import React from 'react'
+import { render, fireEvent } from '@/src/tests/test-utils'
+import { ContactActionButton } from '../ContactActionButton'
+
+describe('ContactActionButton', () => {
+  it('renders Save button when in editing mode', () => {
+    const mockOnSave = jest.fn()
+    const { getByText } = render(<ContactActionButton isEditing={true} isValid={true} onSave={mockOnSave} />)
+
+    expect(getByText('Save contact')).toBeTruthy()
+  })
+
+  it('renders Edit button when not in editing mode', () => {
+    const mockOnEdit = jest.fn()
+    const { getByText } = render(
+      <ContactActionButton isEditing={false} isValid={true} onEdit={mockOnEdit} onSave={jest.fn()} />,
+    )
+
+    expect(getByText('Edit contact')).toBeTruthy()
+  })
+
+  it('disables Save button when form is invalid', () => {
+    const mockOnSave = jest.fn()
+    const { getByText } = render(<ContactActionButton isEditing={true} isValid={false} onSave={mockOnSave} />)
+
+    // Find button by traversing from text to its parent containers until we find the button
+    let buttonElement: unknown = getByText('Save contact')
+    while (buttonElement && (buttonElement as { props?: { role?: string } }).props?.role !== 'button') {
+      buttonElement = (buttonElement as { parent?: unknown }).parent
+    }
+
+    expect(buttonElement).toBeTruthy()
+    expect((buttonElement as { props?: { pointerEvents?: string } }).props?.pointerEvents).toBe('none')
+  })
+
+  it('calls onEdit when Edit button is pressed', () => {
+    const mockOnEdit = jest.fn()
+    const { getByText } = render(
+      <ContactActionButton isEditing={false} isValid={true} onEdit={mockOnEdit} onSave={jest.fn()} />,
+    )
+
+    fireEvent.press(getByText('Edit contact'))
+    expect(mockOnEdit).toHaveBeenCalled()
+  })
+})
diff --git a/apps/mobile/src/features/AddressBook/Contact/components/__tests__/ContactAddressField.test.tsx b/apps/mobile/src/features/AddressBook/Contact/components/__tests__/ContactAddressField.test.tsx
new file mode 100644
index 000000000..e57e67230
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/components/__tests__/ContactAddressField.test.tsx
@@ -0,0 +1,455 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { FormProvider, useForm, Control, FieldErrors } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { faker } from '@faker-js/faker'
+import { ContactAddressField } from '../ContactAddressField'
+import { contactSchema, type ContactFormData } from '../../schemas'
+import { type Contact } from '@/src/store/addressBookSlice'
+
+// Helper component to wrap ContactAddressField with FormProvider and access control
+const TestWrapper = ({
+  children,
+  defaultValues = { name: '', address: '' },
+  renderWithControl = false,
+}: {
+  children:
+    | React.ReactNode
+    | ((
+        control: Control<ContactFormData>,
+        errors: FieldErrors<ContactFormData>,
+        dirtyFields: Partial<Record<keyof ContactFormData, boolean>>,
+      ) => React.ReactNode)
+  defaultValues?: ContactFormData
+  renderWithControl?: boolean
+}) => {
+  const methods = useForm<ContactFormData>({
+    resolver: zodResolver(contactSchema),
+    mode: 'onChange',
+    defaultValues,
+  })
+
+  const renderChildren = () => {
+    if (renderWithControl && typeof children === 'function') {
+      return children(methods.control, methods.formState.errors, methods.formState.dirtyFields)
+    }
+    return children as React.ReactNode
+  }
+
+  return <FormProvider {...methods}>{renderChildren()}</FormProvider>
+}
+
+describe('ContactAddressField', () => {
+  const validAddress = '0x1234567890123456789012345678901234567890'
+  const invalidAddress = 'invalid-address'
+
+  const mockContact: Contact = {
+    value: validAddress,
+    name: faker.person.firstName(),
+    logoUri: null,
+    chainIds: ['1', '5'],
+  }
+
+  describe('when in read-only mode (isEditing = false)', () => {
+    it('should render the address field as disabled with contact value', () => {
+      const { getByTestId, getByText } = render(<ContactAddressField isEditing={false} contact={mockContact} />)
+
+      const container = getByTestId('safe-input-with-label')
+      expect(container).toBeDefined()
+
+      const label = getByText('Address')
+      expect(label).toBeDefined()
+    })
+
+    it('should render empty value when no contact is provided', () => {
+      const { getByTestId } = render(<ContactAddressField isEditing={false} contact={null} />)
+
+      const container = getByTestId('safe-input-with-label')
+      expect(container).toBeDefined()
+    })
+
+    it('should configure input as multiline with 3 lines', () => {
+      const { getByTestId } = render(<ContactAddressField isEditing={false} contact={mockContact} />)
+
+      const container = getByTestId('safe-input-with-label')
+      expect(container).toBeDefined()
+    })
+  })
+
+  describe('when in editing mode (isEditing = true)', () => {
+    it('should render controlled input when control is provided', () => {
+      const { getByTestId } = render(
+        <TestWrapper defaultValues={{ name: 'Test', address: validAddress }} renderWithControl>
+          {(control, errors, dirtyFields) => (
+            <ContactAddressField
+              isEditing={true}
+              contact={mockContact}
+              control={control}
+              errors={errors}
+              dirtyFields={dirtyFields}
+            />
+          )}
+        </TestWrapper>,
+      )
+
+      const container = getByTestId('safe-input-with-label')
+      expect(container).toBeDefined()
+    })
+
+    it('should handle address input changes', () => {
+      const { getByTestId } = render(
+        <TestWrapper renderWithControl>
+          {(control, errors, dirtyFields) => (
+            <ContactAddressField
+              isEditing={true}
+              contact={null}
+              control={control}
+              errors={errors}
+              dirtyFields={dirtyFields}
+            />
+          )}
+        </TestWrapper>,
+      )
+
+      const container = getByTestId('safe-input-with-label')
+      expect(container).toBeDefined()
+    })
+
+    it('should configure input with correct attributes for address entry', () => {
+      const { getByTestId } = render(
+        <TestWrapper renderWithControl>
+          {(control, errors, dirtyFields) => (
+            <ContactAddressField
+              isEditing={true}
+              contact={null}
+              control={control}
+              errors={errors}
+              dirtyFields={dirtyFields}
+            />
+          )}
+        </TestWrapper>,
+      )
+
+      const container = getByTestId('safe-input-with-label')
+      expect(container).toBeDefined()
+    })
+
+    describe('validation states', () => {
+      it('should show error state when field is dirty and has errors', () => {
+        // Create a scenario where validation will fail
+        const { getByTestId, getByText } = render(
+          <TestWrapper defaultValues={{ name: 'Test', address: invalidAddress }} renderWithControl>
+            {(control, _errors, dirtyFields) => {
+              // Manually set dirty state for address field
+              const mockDirtyFields = { ...dirtyFields, address: true }
+              const mockErrors = { address: { message: 'Invalid Ethereum address format', type: 'custom' } }
+
+              return (
+                <ContactAddressField
+                  isEditing={true}
+                  contact={null}
+                  control={control}
+                  errors={mockErrors}
+                  dirtyFields={mockDirtyFields}
+                />
+              )
+            }}
+          </TestWrapper>,
+        )
+
+        const container = getByTestId('safe-input-with-label')
+        expect(container).toBeDefined()
+
+        const errorMessage = getByText('Invalid Ethereum address format')
+        expect(errorMessage).toBeDefined()
+      })
+
+      it('should show success state when field is dirty, has no errors, and has value', () => {
+        const { getByTestId } = render(
+          <TestWrapper defaultValues={{ name: 'Test', address: validAddress }} renderWithControl>
+            {(control, _errors, dirtyFields) => {
+              const mockDirtyFields = { ...dirtyFields, address: true }
+
+              return (
+                <ContactAddressField
+                  isEditing={true}
+                  contact={null}
+                  control={control}
+                  errors={_errors}
+                  dirtyFields={mockDirtyFields}
+                />
+              )
+            }}
+          </TestWrapper>,
+        )
+
+        const container = getByTestId('safe-input-with-label')
+        expect(container).toBeDefined()
+      })
+
+      it('should not show success state when field is dirty but value is empty', () => {
+        const { getByTestId } = render(
+          <TestWrapper defaultValues={{ name: 'Test', address: '' }} renderWithControl>
+            {(control, _errors, dirtyFields) => {
+              const mockDirtyFields = { ...dirtyFields, address: true }
+
+              return (
+                <ContactAddressField
+                  isEditing={true}
+                  contact={null}
+                  control={control}
+                  errors={_errors}
+                  dirtyFields={mockDirtyFields}
+                />
+              )
+            }}
+          </TestWrapper>,
+        )
+
+        const container = getByTestId('safe-input-with-label')
+        expect(container).toBeDefined()
+      })
+
+      it('should not show success state when field is dirty but value is only whitespace', () => {
+        const { getByTestId } = render(
+          <TestWrapper defaultValues={{ name: 'Test', address: '   ' }} renderWithControl>
+            {(control, _errors, dirtyFields) => {
+              const mockDirtyFields = { ...dirtyFields, address: true }
+
+              return (
+                <ContactAddressField
+                  isEditing={true}
+                  contact={null}
+                  control={control}
+                  errors={_errors}
+                  dirtyFields={mockDirtyFields}
+                />
+              )
+            }}
+          </TestWrapper>,
+        )
+
+        const container = getByTestId('safe-input-with-label')
+        expect(container).toBeDefined()
+      })
+
+      it('should not show success state when field is not dirty', () => {
+        const { getByTestId } = render(
+          <TestWrapper defaultValues={{ name: 'Test', address: validAddress }} renderWithControl>
+            {(control, _errors, dirtyFields) => (
+              <ContactAddressField
+                isEditing={true}
+                contact={null}
+                control={control}
+                errors={_errors}
+                dirtyFields={dirtyFields}
+              />
+            )}
+          </TestWrapper>,
+        )
+
+        const container = getByTestId('safe-input-with-label')
+        expect(container).toBeDefined()
+      })
+
+      it('should display error message when there are errors', () => {
+        const { getByText } = render(
+          <TestWrapper renderWithControl>
+            {(control, _errors, dirtyFields) => {
+              const mockErrors = { address: { message: 'Invalid Ethereum address format', type: 'custom' } }
+
+              return (
+                <ContactAddressField
+                  isEditing={true}
+                  contact={null}
+                  control={control}
+                  errors={mockErrors}
+                  dirtyFields={dirtyFields}
+                />
+              )
+            }}
+          </TestWrapper>,
+        )
+
+        const errorMessage = getByText('Invalid Ethereum address format')
+        expect(errorMessage).toBeDefined()
+      })
+
+      it('should not display error message when no errors', () => {
+        const { queryByText } = render(
+          <TestWrapper renderWithControl>
+            {(control, _errors, dirtyFields) => (
+              <ContactAddressField
+                isEditing={true}
+                contact={null}
+                control={control}
+                errors={{}}
+                dirtyFields={dirtyFields}
+              />
+            )}
+          </TestWrapper>,
+        )
+
+        const errorMessage = queryByText('Invalid Ethereum address format')
+        expect(errorMessage).toBeNull()
+      })
+    })
+
+    describe('with existing contact data', () => {
+      it('should pre-populate with contact address when editing existing contact', () => {
+        const { getByTestId } = render(
+          <TestWrapper defaultValues={{ name: mockContact.name, address: mockContact.value }} renderWithControl>
+            {(control, errors, dirtyFields) => (
+              <ContactAddressField
+                isEditing={true}
+                contact={mockContact}
+                control={control}
+                errors={errors}
+                dirtyFields={dirtyFields}
+              />
+            )}
+          </TestWrapper>,
+        )
+
+        const container = getByTestId('safe-input-with-label')
+        expect(container).toBeDefined()
+      })
+    })
+  })
+
+  describe('edge cases', () => {
+    it('should handle undefined contact gracefully in read-only mode', () => {
+      const { getByTestId } = render(<ContactAddressField isEditing={false} contact={undefined} />)
+
+      const container = getByTestId('safe-input-with-label')
+      expect(container).toBeDefined()
+    })
+
+    it('should handle missing control in editing mode gracefully', () => {
+      // This should fall back to read-only mode when control is missing
+      const { getByTestId } = render(
+        <ContactAddressField isEditing={true} contact={mockContact} control={undefined} errors={{}} dirtyFields={{}} />,
+      )
+
+      const container = getByTestId('safe-input-with-label')
+      expect(container).toBeDefined()
+    })
+
+    it('should handle undefined errors and dirtyFields', () => {
+      const { getByTestId } = render(
+        <TestWrapper renderWithControl>
+          {(control) => (
+            <ContactAddressField
+              isEditing={true}
+              contact={null}
+              control={control}
+              errors={undefined}
+              dirtyFields={undefined}
+            />
+          )}
+        </TestWrapper>,
+      )
+
+      const container = getByTestId('safe-input-with-label')
+      expect(container).toBeDefined()
+    })
+
+    it('should handle contact with null value', () => {
+      const contactWithNullValue: Contact = {
+        ...mockContact,
+        value: null as unknown as string,
+      }
+
+      const { getByTestId } = render(<ContactAddressField isEditing={false} contact={contactWithNullValue} />)
+
+      const container = getByTestId('safe-input-with-label')
+      expect(container).toBeDefined()
+    })
+  })
+
+  describe('form integration', () => {
+    it('should render within form context', () => {
+      const { getByTestId } = render(
+        <TestWrapper renderWithControl>
+          {(control, errors, dirtyFields) => (
+            <ContactAddressField
+              isEditing={true}
+              contact={null}
+              control={control}
+              errors={errors}
+              dirtyFields={dirtyFields}
+            />
+          )}
+        </TestWrapper>,
+      )
+
+      const container = getByTestId('safe-input-with-label')
+      expect(container).toBeDefined()
+    })
+
+    it('should integrate with form validation', () => {
+      const { getByTestId } = render(
+        <TestWrapper renderWithControl>
+          {(control, errors, dirtyFields) => (
+            <ContactAddressField
+              isEditing={true}
+              contact={null}
+              control={control}
+              errors={errors}
+              dirtyFields={dirtyFields}
+            />
+          )}
+        </TestWrapper>,
+      )
+
+      const container = getByTestId('safe-input-with-label')
+      expect(container).toBeDefined()
+    })
+  })
+
+  describe('component props', () => {
+    it('should render with all required props for editing mode', () => {
+      const { getByTestId, getByText } = render(
+        <TestWrapper renderWithControl>
+          {(control, errors, dirtyFields) => (
+            <ContactAddressField
+              isEditing={true}
+              contact={null}
+              control={control}
+              errors={errors}
+              dirtyFields={dirtyFields}
+            />
+          )}
+        </TestWrapper>,
+      )
+
+      const container = getByTestId('safe-input-with-label')
+      expect(container).toBeDefined()
+
+      const label = getByText('Address')
+      expect(label).toBeDefined()
+    })
+
+    it('should render with minimal props for read-only mode', () => {
+      const { getByTestId, getByText } = render(<ContactAddressField isEditing={false} contact={mockContact} />)
+
+      const container = getByTestId('safe-input-with-label')
+      expect(container).toBeDefined()
+
+      const label = getByText('Address')
+      expect(label).toBeDefined()
+    })
+
+    it('should handle different contact value types', () => {
+      const contactWithEmptyValue: Contact = {
+        ...mockContact,
+        value: '',
+      }
+
+      const { getByTestId } = render(<ContactAddressField isEditing={false} contact={contactWithEmptyValue} />)
+
+      const container = getByTestId('safe-input-with-label')
+      expect(container).toBeDefined()
+    })
+  })
+})
diff --git a/apps/mobile/src/features/AddressBook/Contact/components/__tests__/ContactHeader.test.tsx b/apps/mobile/src/features/AddressBook/Contact/components/__tests__/ContactHeader.test.tsx
new file mode 100644
index 000000000..2dc7b119c
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/components/__tests__/ContactHeader.test.tsx
@@ -0,0 +1,45 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { ContactHeader } from '../ContactHeader'
+
+describe('ContactHeader', () => {
+  const mockDisplayName = 'John Doe'
+  const mockDisplayAddress = '0x1234567890123456789012345678901234567890'
+
+  it('should render contact name correctly', () => {
+    const { getByText } = render(<ContactHeader displayName={mockDisplayName} displayAddress={mockDisplayAddress} />)
+
+    expect(getByText(mockDisplayName)).toBeTruthy()
+  })
+
+  it('should render Identicon when displayAddress is provided', () => {
+    const { getByTestId } = render(<ContactHeader displayName={mockDisplayName} displayAddress={mockDisplayAddress} />)
+
+    // Identicon component should be rendered when address is provided
+    expect(getByTestId('identicon-image-container')).toBeTruthy()
+  })
+
+  it('should render default icon when displayAddress is not provided', () => {
+    const { queryByTestId, getByText } = render(<ContactHeader displayName={mockDisplayName} />)
+
+    // Identicon should not be rendered when no address is provided
+    expect(queryByTestId('identicon-image-container')).toBeFalsy()
+
+    // Should still render the display name
+    expect(getByText(mockDisplayName)).toBeTruthy()
+  })
+
+  it('should render display name', () => {
+    const { getByText } = render(<ContactHeader displayName={mockDisplayName} displayAddress={mockDisplayAddress} />)
+
+    const nameElement = getByText(mockDisplayName)
+    expect(nameElement).toBeTruthy()
+  })
+
+  it('should render without address and still display name', () => {
+    const { getByText, queryByTestId } = render(<ContactHeader displayName={mockDisplayName} />)
+
+    expect(getByText(mockDisplayName)).toBeTruthy()
+    expect(queryByTestId('identicon-image-container')).toBeFalsy()
+  })
+})
diff --git a/apps/mobile/src/features/AddressBook/Contact/components/__tests__/ContactName.test.tsx b/apps/mobile/src/features/AddressBook/Contact/components/__tests__/ContactName.test.tsx
new file mode 100644
index 000000000..517daaa96
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/components/__tests__/ContactName.test.tsx
@@ -0,0 +1,67 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { ContactName } from '../ContactName'
+
+describe('ContactName', () => {
+  const mockAddress = '0x1234567890123456789012345678901234567890' as const
+  const mockName = 'John Doe'
+
+  it('should render name when provided', () => {
+    const { getByText } = render(<ContactName name={mockName} address={mockAddress} />)
+
+    expect(getByText(mockName)).toBeTruthy()
+  })
+
+  it('should render name text when provided', () => {
+    const { getByText } = render(<ContactName name={mockName} address={mockAddress} />)
+
+    const nameElement = getByText(mockName)
+    expect(nameElement).toBeTruthy()
+  })
+
+  it('should render EthAddress component when name is not provided', () => {
+    const { queryByText } = render(<ContactName address={mockAddress} />)
+
+    // Name should not be rendered
+    expect(queryByText(mockName)).toBeFalsy()
+  })
+
+  it('should render EthAddress component when name is undefined', () => {
+    const { queryByText } = render(<ContactName name={undefined} address={mockAddress} />)
+
+    // Name should not be rendered when undefined
+    expect(queryByText(mockName)).toBeFalsy()
+  })
+
+  it('should render EthAddress component when name is empty string', () => {
+    const { queryByText } = render(<ContactName name="" address={mockAddress} />)
+
+    // Name should not be rendered when empty
+    expect(queryByText('')).toBeFalsy()
+  })
+
+  it('should render name when textProps are provided', () => {
+    const customTextProps = {
+      fontSize: '$5',
+      color: '$red',
+    }
+
+    const { getByText } = render(<ContactName name={mockName} address={mockAddress} textProps={customTextProps} />)
+
+    const nameElement = getByText(mockName)
+    expect(nameElement).toBeTruthy()
+  })
+
+  it('should use address when name is falsy', () => {
+    const falsyValues: (string | undefined)[] = [undefined, '']
+
+    falsyValues.forEach((falsyName) => {
+      const { queryByText } = render(<ContactName name={falsyName} address={mockAddress} />)
+
+      // Should not render any falsy name values
+      if (falsyName) {
+        expect(queryByText(falsyName)).toBeFalsy()
+      }
+    })
+  })
+})
diff --git a/apps/mobile/src/features/AddressBook/Contact/components/__tests__/ContactNetworkRow.test.tsx b/apps/mobile/src/features/AddressBook/Contact/components/__tests__/ContactNetworkRow.test.tsx
new file mode 100644
index 000000000..69b538580
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/components/__tests__/ContactNetworkRow.test.tsx
@@ -0,0 +1,152 @@
+import React from 'react'
+import { render, fireEvent } from '@/src/tests/test-utils'
+import { Keyboard } from 'react-native'
+import { ContactNetworkRow } from '../ContactNetworkRow'
+import { useContactNetworkData } from '../../hooks/useContactNetworkData'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+
+// Mock the useContactNetworkData hook
+jest.mock('../../hooks/useContactNetworkData')
+const mockUseContactNetworkData = useContactNetworkData as jest.MockedFunction<typeof useContactNetworkData>
+
+// Mock Keyboard.dismiss using jest.spyOn
+const mockKeyboardDismiss = jest.spyOn(Keyboard, 'dismiss').mockImplementation(() => {
+  // Mock implementation for Keyboard.dismiss
+})
+
+describe('ContactNetworkRow', () => {
+  const mockOnPress = jest.fn()
+  const mockChainIds = ['1', '5']
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should render network label correctly', () => {
+    mockUseContactNetworkData.mockReturnValue({
+      displayText: '2 Networks',
+      selectedChains: [],
+    })
+
+    const { getByText } = render(<ContactNetworkRow onPress={mockOnPress} chainIds={mockChainIds} />)
+
+    expect(getByText('Network')).toBeTruthy()
+  })
+
+  it('should render display text from hook', () => {
+    const mockDisplayText = '2 Networks'
+    mockUseContactNetworkData.mockReturnValue({
+      displayText: mockDisplayText,
+      selectedChains: [],
+    })
+
+    const { getByText } = render(<ContactNetworkRow onPress={mockOnPress} chainIds={mockChainIds} />)
+
+    expect(getByText(mockDisplayText)).toBeTruthy()
+  })
+
+  it('should render single network name when one chain is selected', () => {
+    const mockDisplayText = 'Ethereum Mainnet'
+    mockUseContactNetworkData.mockReturnValue({
+      displayText: mockDisplayText,
+      selectedChains: [{ chainName: 'Ethereum Mainnet', chainId: '1' } as Chain],
+    })
+
+    const { getByText } = render(<ContactNetworkRow onPress={mockOnPress} chainIds={['1']} />)
+
+    expect(getByText(mockDisplayText)).toBeTruthy()
+  })
+
+  it('should render "All Networks" when no chains are selected', () => {
+    const mockDisplayText = 'All Networks'
+    mockUseContactNetworkData.mockReturnValue({
+      displayText: mockDisplayText,
+      selectedChains: [],
+    })
+
+    const { getByText } = render(<ContactNetworkRow onPress={mockOnPress} chainIds={[]} />)
+
+    expect(getByText(mockDisplayText)).toBeTruthy()
+  })
+
+  it('should call onPress when pressed', () => {
+    mockUseContactNetworkData.mockReturnValue({
+      displayText: '2 Networks',
+      selectedChains: [],
+    })
+
+    const { getByText } = render(<ContactNetworkRow onPress={mockOnPress} chainIds={mockChainIds} />)
+
+    const networkElement = getByText('Network')
+    const networkRow = networkElement.parent
+    if (networkRow) {
+      fireEvent.press(networkRow)
+      expect(mockOnPress).toHaveBeenCalledTimes(1)
+    }
+  })
+
+  it('should dismiss keyboard when pressed', () => {
+    mockUseContactNetworkData.mockReturnValue({
+      displayText: '2 Networks',
+      selectedChains: [],
+    })
+
+    const { getByText } = render(<ContactNetworkRow onPress={mockOnPress} chainIds={mockChainIds} />)
+
+    const networkElement = getByText('Network')
+    const networkRow = networkElement.parent
+    if (networkRow) {
+      fireEvent.press(networkRow)
+      expect(mockKeyboardDismiss).toHaveBeenCalledTimes(1)
+    }
+  })
+
+  it('should call useContactNetworkData with correct chainIds', () => {
+    mockUseContactNetworkData.mockReturnValue({
+      displayText: '2 Networks',
+      selectedChains: [],
+    })
+
+    render(<ContactNetworkRow onPress={mockOnPress} chainIds={mockChainIds} />)
+
+    expect(mockUseContactNetworkData).toHaveBeenCalledWith(mockChainIds)
+  })
+
+  it('should render component structure correctly', () => {
+    mockUseContactNetworkData.mockReturnValue({
+      displayText: '2 Networks',
+      selectedChains: [],
+    })
+
+    const { getByText } = render(<ContactNetworkRow onPress={mockOnPress} chainIds={mockChainIds} />)
+
+    // Check that the component structure is correct
+    expect(getByText('Network')).toBeTruthy()
+    expect(getByText('2 Networks')).toBeTruthy()
+  })
+
+  it('should handle empty chainIds array', () => {
+    mockUseContactNetworkData.mockReturnValue({
+      displayText: 'All Networks',
+      selectedChains: [],
+    })
+
+    const { getByText } = render(<ContactNetworkRow onPress={mockOnPress} chainIds={[]} />)
+
+    expect(getByText('All Networks')).toBeTruthy()
+    expect(mockUseContactNetworkData).toHaveBeenCalledWith([])
+  })
+
+  it('should handle multiple chainIds', () => {
+    const multipleChainIds = ['1', '5', '137', '42161']
+    mockUseContactNetworkData.mockReturnValue({
+      displayText: '4 Networks',
+      selectedChains: [],
+    })
+
+    const { getByText } = render(<ContactNetworkRow onPress={mockOnPress} chainIds={multipleChainIds} />)
+
+    expect(getByText('4 Networks')).toBeTruthy()
+    expect(mockUseContactNetworkData).toHaveBeenCalledWith(multipleChainIds)
+  })
+})
diff --git a/apps/mobile/src/features/AddressBook/Contact/components/index.tsx b/apps/mobile/src/features/AddressBook/Contact/components/index.tsx
new file mode 100644
index 000000000..58dd898f7
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/components/index.tsx
@@ -0,0 +1,5 @@
+export { ContactActionButton } from './ContactActionButton'
+export { ContactAddressField } from './ContactAddressField'
+export { ContactHeader } from './ContactHeader'
+export { ContactNameField } from './ContactNameField'
+export { ContactNetworkRow } from './ContactNetworkRow'
diff --git a/apps/mobile/src/features/AddressBook/Contact/hooks/index.ts b/apps/mobile/src/features/AddressBook/Contact/hooks/index.ts
new file mode 100644
index 000000000..fa8461545
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/hooks/index.ts
@@ -0,0 +1 @@
+export { useContactNetworkData } from './useContactNetworkData'
diff --git a/apps/mobile/src/features/AddressBook/Contact/hooks/useContactNetworkData.test.ts b/apps/mobile/src/features/AddressBook/Contact/hooks/useContactNetworkData.test.ts
new file mode 100644
index 000000000..4e17b97b8
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/hooks/useContactNetworkData.test.ts
@@ -0,0 +1,162 @@
+import { useContactNetworkData } from './useContactNetworkData'
+import { mockedChains } from '@/src/store/constants'
+import * as storeHooks from '@/src/store/hooks'
+
+// Mock chain data for testing - using a subset of mockedChains from constants
+const mockChain1 = mockedChains[0] // Gnosis Chain (chainId: "100")
+const mockChain2 = mockedChains[1] // Polygon (chainId: "137")
+const mockChain3 = mockedChains[2] // Arbitrum (chainId: "42161")
+
+// Mock the useAppSelector hook
+const mockUseAppSelector = jest.spyOn(storeHooks, 'useAppSelector')
+
+describe('useContactNetworkData', () => {
+  beforeEach(() => {
+    // Reset mock implementations
+    mockUseAppSelector.mockClear()
+  })
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should return "All Networks" when chainIds is empty', () => {
+    // Mock the selector to return empty array for empty chainIds
+    mockUseAppSelector.mockReturnValue([])
+
+    const result = useContactNetworkData([])
+
+    expect(result.selectedChains).toEqual([])
+    expect(result.displayText).toBe('All Networks')
+  })
+
+  it('should return single chain name when chainIds has one item', () => {
+    // Mock the selector to return the first chain
+    mockUseAppSelector.mockReturnValue([mockChain1])
+
+    const result = useContactNetworkData(['100'])
+
+    expect(result.selectedChains).toHaveLength(1)
+    expect(result.selectedChains[0]).toEqual(mockChain1)
+    expect(result.displayText).toBe('Gnosis Chain')
+  })
+
+  it('should return chain count when chainIds has multiple items', () => {
+    // Mock the selector to return multiple chains
+    mockUseAppSelector.mockReturnValue([mockChain1, mockChain2])
+
+    const result = useContactNetworkData(['100', '137'])
+
+    expect(result.selectedChains).toHaveLength(2)
+    expect(result.selectedChains).toEqual([mockChain1, mockChain2])
+    expect(result.displayText).toBe('2 Networks')
+  })
+
+  it('should return count text for three or more networks', () => {
+    // Mock the selector to return all three chains
+    mockUseAppSelector.mockReturnValue([mockChain1, mockChain2, mockChain3])
+
+    const result = useContactNetworkData(['100', '137', '42161'])
+
+    expect(result.selectedChains).toHaveLength(3)
+    expect(result.selectedChains).toEqual([mockChain1, mockChain2, mockChain3])
+    expect(result.displayText).toBe('3 Networks')
+  })
+
+  it('should filter out invalid chain IDs', () => {
+    // Mock the selector to return only valid chains (invalid ones are filtered by the selector)
+    mockUseAppSelector.mockReturnValue([mockChain1, mockChain2])
+
+    const result = useContactNetworkData(['100', 'invalid-chain-id', '137'])
+
+    expect(result.selectedChains).toHaveLength(2)
+    expect(result.selectedChains).toEqual([mockChain1, mockChain2])
+    expect(result.displayText).toBe('3 Networks')
+  })
+
+  it('should handle when no chains match the provided IDs', () => {
+    // Mock the selector to return empty array (no matching chains)
+    mockUseAppSelector.mockReturnValue([])
+
+    const result = useContactNetworkData(['999', '888'])
+
+    expect(result.selectedChains).toHaveLength(0)
+    expect(result.displayText).toBe('2 Networks')
+  })
+
+  it('should handle empty chains data for single chain', () => {
+    // Mock the selector to return empty array
+    mockUseAppSelector.mockReturnValue([])
+
+    const result = useContactNetworkData(['100'])
+
+    expect(result.selectedChains).toHaveLength(0)
+    expect(result.displayText).toBe('Unknown Network')
+  })
+
+  it('should handle single chain with correct name formatting', () => {
+    // Mock the selector to return Polygon chain
+    mockUseAppSelector.mockReturnValue([mockChain2])
+
+    const result = useContactNetworkData(['137'])
+
+    expect(result.selectedChains).toHaveLength(1)
+    expect(result.selectedChains[0]).toEqual(mockChain2)
+    expect(result.displayText).toBe('Polygon')
+  })
+
+  it('should maintain order of chains as returned by selector', () => {
+    // Mock the selector to return chains in specific order
+    mockUseAppSelector.mockReturnValue([mockChain1, mockChain2, mockChain3])
+
+    const result = useContactNetworkData(['137', '100', '42161'])
+
+    expect(result.selectedChains).toHaveLength(3)
+    // The order should match the order returned by getChainsByIds selector
+    expect(result.selectedChains[0].chainId).toBe('100')
+    expect(result.selectedChains[1].chainId).toBe('137')
+    expect(result.selectedChains[2].chainId).toBe('42161')
+  })
+
+  it('should handle Arbitrum chain correctly', () => {
+    // Mock the selector to return Arbitrum chain
+    mockUseAppSelector.mockReturnValue([mockChain3])
+
+    const result = useContactNetworkData(['42161'])
+
+    expect(result.selectedChains).toHaveLength(1)
+    expect(result.selectedChains[0]).toEqual(mockChain3)
+    expect(result.displayText).toBe('Arbitrum')
+  })
+
+  it('should handle edge case where single chain is not found', () => {
+    // Mock the selector to return empty array for a single chainId
+    mockUseAppSelector.mockReturnValue([])
+
+    const result = useContactNetworkData(['999'])
+
+    expect(result.selectedChains).toHaveLength(0)
+    expect(result.displayText).toBe('Unknown Network')
+  })
+
+  it('should handle very large number of chains', () => {
+    // Mock the selector to return 10 chains
+    const manyChains = Array(10).fill(mockChain1)
+    mockUseAppSelector.mockReturnValue(manyChains)
+
+    const result = useContactNetworkData(Array(10).fill('100'))
+
+    expect(result.selectedChains).toHaveLength(10)
+    expect(result.displayText).toBe('10 Networks')
+  })
+
+  it('should handle empty selectedChains for multiple chainIds', () => {
+    // Mock the selector to return empty array even for multiple chainIds
+    mockUseAppSelector.mockReturnValue([])
+
+    const result = useContactNetworkData(['100', '137', '42161'])
+
+    expect(result.selectedChains).toHaveLength(0)
+    expect(result.displayText).toBe('3 Networks')
+  })
+})
diff --git a/apps/mobile/src/features/AddressBook/Contact/hooks/useContactNetworkData.ts b/apps/mobile/src/features/AddressBook/Contact/hooks/useContactNetworkData.ts
new file mode 100644
index 000000000..15619ecb2
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/hooks/useContactNetworkData.ts
@@ -0,0 +1,21 @@
+import { useAppSelector } from '@/src/store/hooks'
+import { getChainsByIds } from '@/src/store/chains'
+
+export const useContactNetworkData = (chainIds: string[]) => {
+  const selectedChains = useAppSelector((state) => getChainsByIds(state, chainIds))
+
+  const getDisplayText = () => {
+    if (chainIds.length === 0) {
+      return 'All Networks'
+    }
+    if (chainIds.length === 1) {
+      return selectedChains[0]?.chainName || 'Unknown Network'
+    }
+    return `${chainIds.length} Networks`
+  }
+
+  return {
+    selectedChains,
+    displayText: getDisplayText(),
+  }
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/hooks/useDeleteContact.test.ts b/apps/mobile/src/features/AddressBook/Contact/hooks/useDeleteContact.test.ts
new file mode 100644
index 000000000..d55a90b69
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/hooks/useDeleteContact.test.ts
@@ -0,0 +1,209 @@
+import { renderHook, act } from '@/src/tests/test-utils'
+import { Alert } from 'react-native'
+import { useDeleteContact } from './useDeleteContact'
+import { removeContact, type Contact } from '@/src/store/addressBookSlice'
+import { router } from 'expo-router'
+
+// Mock dependencies
+jest.mock('react-native/Libraries/Alert/Alert')
+
+jest.mock('expo-router', () => ({
+  router: {
+    back: jest.fn(),
+  },
+}))
+
+jest.mock('@/src/store/hooks', () => ({
+  useAppDispatch: () => mockDispatch,
+  useAppSelector: jest.fn(),
+}))
+
+jest.mock('@/src/store/addressBookSlice', () => ({
+  removeContact: jest.fn(),
+}))
+
+// Mock the notification sync middleware to avoid import issues
+jest.mock('@/src/store/middleware/notificationSync', () => ({
+  __esModule: true,
+  default: () => (next: (action: unknown) => unknown) => (action: unknown) => next(action),
+}))
+
+const mockDispatch = jest.fn()
+const mockSetIsEditing = jest.fn()
+
+const mockContact: Contact = {
+  value: '0x1234567890123456789012345678901234567890',
+  name: 'Test Contact',
+  chainIds: ['1', '137'],
+}
+
+describe('useDeleteContact', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should return handleDeletePress function', () => {
+    const { result } = renderHook(() =>
+      useDeleteContact({
+        contact: mockContact,
+        setIsEditing: mockSetIsEditing,
+      }),
+    )
+
+    expect(result.current.handleDeletePress).toBeDefined()
+    expect(typeof result.current.handleDeletePress).toBe('function')
+  })
+
+  it('should show confirmation alert when handleDeletePress is called', () => {
+    const { result } = renderHook(() =>
+      useDeleteContact({
+        contact: mockContact,
+        setIsEditing: mockSetIsEditing,
+      }),
+    )
+
+    act(() => {
+      result.current.handleDeletePress()
+    })
+
+    expect(Alert.alert).toHaveBeenCalledWith(
+      'Delete Contact',
+      'Do you really want to delete this contact?',
+      [
+        {
+          text: 'Cancel',
+          style: 'cancel',
+        },
+        {
+          text: 'Delete',
+          style: 'destructive',
+          onPress: expect.any(Function),
+        },
+      ],
+      { cancelable: true },
+    )
+  })
+
+  it('should not show alert when handleDeletePress is called with no contact', () => {
+    const { result } = renderHook(() =>
+      useDeleteContact({
+        contact: null,
+        setIsEditing: mockSetIsEditing,
+      }),
+    )
+
+    act(() => {
+      result.current.handleDeletePress()
+    })
+
+    expect(Alert.alert).not.toHaveBeenCalled()
+  })
+
+  it('should dispatch removeContact, set editing to false, and navigate back when delete is confirmed', () => {
+    const { result } = renderHook(() =>
+      useDeleteContact({
+        contact: mockContact,
+        setIsEditing: mockSetIsEditing,
+      }),
+    )
+
+    // Trigger the alert
+    act(() => {
+      result.current.handleDeletePress()
+    })
+
+    // Get the onPress function from the alert call and trigger it
+    const alertCall = (Alert.alert as jest.Mock).mock.calls[0]
+    const deleteButton = alertCall[2][1]
+    const onPressFunction = deleteButton.onPress
+
+    act(() => {
+      onPressFunction()
+    })
+
+    expect(mockDispatch).toHaveBeenCalledWith(removeContact(mockContact.value))
+    expect(mockSetIsEditing).toHaveBeenCalledWith(false)
+
+    // Fast-forward through setTimeout
+    act(() => {
+      jest.advanceTimersByTime(100)
+    })
+
+    expect(router.back).toHaveBeenCalled()
+  })
+
+  it('should not perform any action when delete is confirmed with no contact', () => {
+    const { result } = renderHook(() =>
+      useDeleteContact({
+        contact: null,
+        setIsEditing: mockSetIsEditing,
+      }),
+    )
+
+    // Should not show alert when no contact
+    act(() => {
+      result.current.handleDeletePress()
+    })
+
+    expect(Alert.alert).not.toHaveBeenCalled()
+    expect(mockDispatch).not.toHaveBeenCalled()
+    expect(mockSetIsEditing).not.toHaveBeenCalled()
+    expect(router.back).not.toHaveBeenCalled()
+  })
+
+  it('should execute delete confirmation when alert confirm button is pressed', () => {
+    const { result } = renderHook(() =>
+      useDeleteContact({
+        contact: mockContact,
+        setIsEditing: mockSetIsEditing,
+      }),
+    )
+
+    act(() => {
+      result.current.handleDeletePress()
+    })
+
+    // Get the onPress function from the alert call
+    const alertCall = (Alert.alert as jest.Mock).mock.calls[0]
+    const deleteButton = alertCall[2][1] // Second button (Delete button)
+    const onPressFunction = deleteButton.onPress
+
+    act(() => {
+      onPressFunction()
+    })
+
+    expect(mockDispatch).toHaveBeenCalledWith(removeContact(mockContact.value))
+    expect(mockSetIsEditing).toHaveBeenCalledWith(false)
+
+    // Fast-forward through setTimeout
+    act(() => {
+      jest.advanceTimersByTime(100)
+    })
+
+    expect(router.back).toHaveBeenCalled()
+  })
+
+  it('should memoize functions with useCallback', () => {
+    const { result, rerender } = renderHook(() =>
+      useDeleteContact({
+        contact: mockContact,
+        setIsEditing: mockSetIsEditing,
+      }),
+    )
+
+    const firstRenderFunctions = {
+      handleDeletePress: result.current.handleDeletePress,
+    }
+
+    // Re-render with the same props to test memoization
+    rerender(() =>
+      useDeleteContact({
+        contact: mockContact,
+        setIsEditing: mockSetIsEditing,
+      }),
+    )
+
+    // Functions should be the same reference due to useCallback
+    expect(result.current.handleDeletePress).toBe(firstRenderFunctions.handleDeletePress)
+  })
+})
diff --git a/apps/mobile/src/features/AddressBook/Contact/hooks/useDeleteContact.ts b/apps/mobile/src/features/AddressBook/Contact/hooks/useDeleteContact.ts
new file mode 100644
index 000000000..d14d639e4
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/hooks/useDeleteContact.ts
@@ -0,0 +1,53 @@
+import { useCallback } from 'react'
+import { Alert } from 'react-native'
+import { router } from 'expo-router'
+import { useAppDispatch } from '@/src/store/hooks'
+import { removeContact, type Contact } from '@/src/store/addressBookSlice'
+
+interface UseDeleteContactParams {
+  contact?: Contact | null
+  setIsEditing: (isEditing: boolean) => void
+}
+
+export const useDeleteContact = ({ contact, setIsEditing }: UseDeleteContactParams) => {
+  const dispatch = useAppDispatch()
+
+  const handleDeleteConfirm = useCallback(() => {
+    if (!contact) {
+      return
+    }
+
+    dispatch(removeContact(contact.value))
+    setIsEditing(false)
+    setTimeout(() => {
+      router.back()
+    }, 100)
+  }, [contact, dispatch, setIsEditing])
+
+  const handleDeletePress = useCallback(() => {
+    if (!contact) {
+      return
+    }
+
+    Alert.alert(
+      'Delete Contact',
+      'Do you really want to delete this contact?',
+      [
+        {
+          text: 'Cancel',
+          style: 'cancel',
+        },
+        {
+          text: 'Delete',
+          style: 'destructive',
+          onPress: handleDeleteConfirm,
+        },
+      ],
+      { cancelable: true },
+    )
+  }, [contact, handleDeleteConfirm])
+
+  return {
+    handleDeletePress,
+  }
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/hooks/useEditContact.test.ts b/apps/mobile/src/features/AddressBook/Contact/hooks/useEditContact.test.ts
new file mode 100644
index 000000000..0b0c7827b
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/hooks/useEditContact.test.ts
@@ -0,0 +1,209 @@
+import { renderHook, act } from '@/src/tests/test-utils'
+import { Alert } from 'react-native'
+import { useEditContact } from './useEditContact'
+import { type Contact } from '@/src/store/addressBookSlice'
+import { router } from 'expo-router'
+import type { RootState } from '@/src/tests/test-utils'
+
+// Mock dependencies
+jest.mock('react-native/Libraries/Alert/Alert')
+
+jest.mock('expo-router', () => ({
+  router: {
+    setParams: jest.fn(),
+  },
+}))
+
+const mockSetIsEditing = jest.fn()
+
+const mockExistingContact: Contact = {
+  value: '0x1234567890123456789012345678901234567890',
+  name: 'Existing Contact',
+  chainIds: ['1', '137'],
+}
+
+const mockNewContact: Contact = {
+  value: '0xabcdefabcdefabcdefabcdefabcdefabcdefabcd',
+  name: 'New Contact',
+  chainIds: ['1'],
+}
+
+// Set up initial store state with contacts
+const initialStore: Partial<RootState> = {
+  addressBook: {
+    contacts: {
+      [mockExistingContact.value]: mockExistingContact,
+    },
+    selectedContact: null,
+  },
+}
+
+describe('useEditContact', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should return handleEdit and handleSave functions', () => {
+    const { result } = renderHook(
+      () =>
+        useEditContact({
+          mode: 'edit',
+          setIsEditing: mockSetIsEditing,
+        }),
+      initialStore,
+    )
+
+    expect(result.current.handleEdit).toBeDefined()
+    expect(result.current.handleSave).toBeDefined()
+    expect(typeof result.current.handleEdit).toBe('function')
+    expect(typeof result.current.handleSave).toBe('function')
+  })
+
+  it('should set editing to true when handleEdit is called', () => {
+    const { result } = renderHook(
+      () =>
+        useEditContact({
+          mode: 'edit',
+          setIsEditing: mockSetIsEditing,
+        }),
+      initialStore,
+    )
+
+    act(() => {
+      result.current.handleEdit()
+    })
+
+    expect(mockSetIsEditing).toHaveBeenCalledWith(true)
+  })
+
+  it('should update existing contact in edit mode', () => {
+    const { result } = renderHook(
+      () =>
+        useEditContact({
+          mode: 'edit',
+          setIsEditing: mockSetIsEditing,
+        }),
+      initialStore,
+    )
+
+    act(() => {
+      result.current.handleSave(mockExistingContact)
+    })
+
+    expect(mockSetIsEditing).toHaveBeenCalledWith(false)
+  })
+
+  it('should add new contact when no existing contact found', () => {
+    const { result } = renderHook(
+      () =>
+        useEditContact({
+          mode: 'new',
+          setIsEditing: mockSetIsEditing,
+        }),
+      initialStore,
+    )
+
+    act(() => {
+      result.current.handleSave(mockNewContact)
+    })
+
+    expect(mockSetIsEditing).toHaveBeenCalledWith(false)
+    expect(router.setParams).toHaveBeenCalledWith({
+      address: mockNewContact.value,
+      mode: 'view',
+    })
+  })
+
+  it('should show alert when contact with same address already exists', () => {
+    const { result } = renderHook(
+      () =>
+        useEditContact({
+          mode: 'new',
+          setIsEditing: mockSetIsEditing,
+        }),
+      initialStore,
+    )
+
+    const contactWithExistingAddress = {
+      ...mockNewContact,
+      value: mockExistingContact.value, // Same address as existing contact
+    }
+
+    act(() => {
+      result.current.handleSave(contactWithExistingAddress)
+    })
+
+    expect(Alert.alert).toHaveBeenCalledWith(
+      'Contact Already Exists',
+      `A contact with this address already exists: "${mockExistingContact.name}". Do you want to update the existing contact?`,
+      [
+        {
+          text: 'Cancel',
+          style: 'cancel',
+        },
+        {
+          text: 'Update Existing',
+          onPress: expect.any(Function),
+        },
+      ],
+      { cancelable: true },
+    )
+
+    // Should not set editing immediately
+    expect(mockSetIsEditing).not.toHaveBeenCalled()
+  })
+
+  it('should update existing contact when user confirms in alert', () => {
+    const { result } = renderHook(
+      () =>
+        useEditContact({
+          mode: 'new',
+          setIsEditing: mockSetIsEditing,
+        }),
+      initialStore,
+    )
+
+    const contactWithExistingAddress = {
+      ...mockNewContact,
+      value: mockExistingContact.value,
+    }
+
+    act(() => {
+      result.current.handleSave(contactWithExistingAddress)
+    })
+
+    // Get the onPress function from the alert call
+    const alertCall = (Alert.alert as jest.Mock).mock.calls[0]
+    const updateButton = alertCall[2][1] // Second button (Update Existing)
+    const onPressFunction = updateButton.onPress
+
+    act(() => {
+      onPressFunction()
+    })
+
+    expect(mockSetIsEditing).toHaveBeenCalledWith(false)
+    expect(router.setParams).toHaveBeenCalledWith({
+      address: contactWithExistingAddress.value,
+      mode: 'view',
+    })
+  })
+
+  it('should return stable function references when props do not change', () => {
+    const { result } = renderHook(
+      () =>
+        useEditContact({
+          mode: 'edit',
+          setIsEditing: mockSetIsEditing,
+        }),
+      initialStore,
+    )
+
+    // Test that the functions exist and are callable
+    expect(typeof result.current.handleEdit).toBe('function')
+    expect(typeof result.current.handleSave).toBe('function')
+
+    // Test that the handleEdit function is stable (doesn't depend on external state)
+    const handleEditRef = result.current.handleEdit
+    expect(result.current.handleEdit).toBe(handleEditRef)
+  })
+})
diff --git a/apps/mobile/src/features/AddressBook/Contact/hooks/useEditContact.ts b/apps/mobile/src/features/AddressBook/Contact/hooks/useEditContact.ts
new file mode 100644
index 000000000..eb3f80ff1
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/hooks/useEditContact.ts
@@ -0,0 +1,78 @@
+import { useCallback } from 'react'
+import { Alert } from 'react-native'
+import { router } from 'expo-router'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { selectAllContacts, addContact, updateContact, type Contact } from '@/src/store/addressBookSlice'
+
+interface UseEditContactParams {
+  mode?: 'view' | 'edit' | 'new'
+  setIsEditing: (isEditing: boolean) => void
+}
+
+export const useEditContact = ({ mode, setIsEditing }: UseEditContactParams) => {
+  const dispatch = useAppDispatch()
+  const allContacts = useAppSelector(selectAllContacts)
+
+  const findExistingContact = useCallback(
+    (contactAddress: string) => {
+      return allContacts.find((c) => c.value === contactAddress)
+    },
+    [allContacts],
+  )
+
+  const handleEdit = useCallback(() => {
+    setIsEditing(true)
+  }, [setIsEditing])
+
+  const handleSave = useCallback(
+    (contactToSave: Contact) => {
+      if (mode === 'new') {
+        // Check if a contact with this address already exists
+        const existingContact = findExistingContact(contactToSave.value)
+
+        if (existingContact) {
+          Alert.alert(
+            'Contact Already Exists',
+            `A contact with this address already exists: "${existingContact.name}". Do you want to update the existing contact?`,
+            [
+              {
+                text: 'Cancel',
+                style: 'cancel',
+              },
+              {
+                text: 'Update Existing',
+                onPress: () => {
+                  dispatch(updateContact(contactToSave))
+                  setIsEditing(false)
+                  router.setParams({
+                    address: contactToSave.value,
+                    mode: 'view',
+                  })
+                },
+              },
+            ],
+            { cancelable: true },
+          )
+          return
+        }
+
+        dispatch(addContact(contactToSave))
+        setIsEditing(false)
+        // Update the URL parameters to reflect that we're now viewing an existing contact
+        router.setParams({
+          address: contactToSave.value,
+          mode: 'view',
+        })
+      } else {
+        dispatch(updateContact(contactToSave))
+        setIsEditing(false)
+      }
+    },
+    [mode, findExistingContact, dispatch, setIsEditing],
+  )
+
+  return {
+    handleEdit,
+    handleSave,
+  }
+}
diff --git a/apps/mobile/src/features/AddressBook/Contact/schemas/contactSchema.ts b/apps/mobile/src/features/AddressBook/Contact/schemas/contactSchema.ts
new file mode 100644
index 000000000..47b1dafd3
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/schemas/contactSchema.ts
@@ -0,0 +1,31 @@
+import { z } from 'zod'
+import { isValidAddress } from '@safe-global/utils/utils/validation'
+import { parsePrefixedAddress } from '@safe-global/utils/utils/addresses'
+
+export const contactSchema = z.object({
+  name: z
+    .string()
+    .min(1, 'Name is required')
+    .max(50, 'Name is too long')
+    .refine((value) => value.trim().length > 0, {
+      message: 'Name cannot be empty or only whitespace',
+    }),
+  address: z
+    .string()
+    .min(1, 'Address is required')
+    .refine(
+      (value) => {
+        try {
+          const { address } = parsePrefixedAddress(value)
+          return isValidAddress(address)
+        } catch {
+          return false
+        }
+      },
+      {
+        message: 'Invalid Ethereum address format',
+      },
+    ),
+})
+
+export type ContactFormData = z.infer<typeof contactSchema>
diff --git a/apps/mobile/src/features/AddressBook/Contact/schemas/index.ts b/apps/mobile/src/features/AddressBook/Contact/schemas/index.ts
new file mode 100644
index 000000000..f461b032b
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/Contact/schemas/index.ts
@@ -0,0 +1 @@
+export { contactSchema, type ContactFormData } from './contactSchema'
diff --git a/apps/mobile/src/features/AddressBook/List/AddressBookList.container.test.tsx b/apps/mobile/src/features/AddressBook/List/AddressBookList.container.test.tsx
new file mode 100644
index 000000000..541f4bb78
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/List/AddressBookList.container.test.tsx
@@ -0,0 +1,255 @@
+import { render, userEvent } from '@/src/tests/test-utils'
+import { AddressBookListContainer } from './AddressBookList.container'
+import { Contact } from '@/src/store/addressBookSlice'
+import * as router from 'expo-router'
+import React from 'react'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { trackEvent } from '@/src/services/analytics'
+
+// Mock expo-router
+jest.mock('expo-router', () => ({
+  router: {
+    push: jest.fn(),
+  },
+}))
+
+// Mock analytics tracking
+jest.mock('@/src/services/analytics', () => ({
+  trackEvent: jest.fn(),
+}))
+
+// Mock the AddressBookListView component
+jest.mock('./components/AddressBookListView', () => ({
+  AddressBookListView: ({
+    contacts,
+    filteredContacts,
+    onSearch,
+    onSelectContact,
+    onAddContact,
+  }: {
+    contacts: AddressInfo[]
+    filteredContacts: AddressInfo[]
+    onSearch: (query: string) => void
+    onSelectContact: (contact: AddressInfo) => void
+    onAddContact: () => void
+  }) => {
+    const React = require('react')
+    return React.createElement(
+      'View',
+      { testID: 'address-book-view' },
+      React.createElement('Text', { testID: 'total-contacts' }, contacts.length),
+      React.createElement('Text', { testID: 'filtered-contacts' }, filteredContacts.length),
+      React.createElement('TextInput', { testID: 'search-input', onChangeText: onSearch }),
+      React.createElement(
+        'Pressable',
+        { testID: 'add-contact-btn', onPress: onAddContact },
+        React.createElement('Text', null, 'Add Contact'),
+      ),
+      filteredContacts.map((contact: AddressInfo) =>
+        React.createElement(
+          'Pressable',
+          {
+            key: contact.value,
+            testID: `select-contact-${contact.value}`,
+            onPress: () => onSelectContact(contact),
+          },
+          React.createElement('Text', null, contact.name),
+        ),
+      ),
+    )
+  },
+}))
+
+describe('AddressBookListContainer', () => {
+  const mockContacts: Contact[] = [
+    {
+      value: '0x1234567890123456789012345678901234567890',
+      name: 'Alice',
+      chainIds: ['1'],
+    },
+    {
+      value: '0x0987654321098765432109876543210987654321',
+      name: 'Bob',
+      chainIds: ['1'],
+    },
+    {
+      value: '0x1111111111111111111111111111111111111111',
+      name: 'Charlie',
+      chainIds: ['1'],
+    },
+  ]
+
+  const mockStore = {
+    addressBook: {
+      contacts: {
+        '0x1234567890123456789012345678901234567890': mockContacts[0],
+        '0x0987654321098765432109876543210987654321': mockContacts[1],
+        '0x1111111111111111111111111111111111111111': mockContacts[2],
+      },
+      selectedContact: null,
+    },
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should render with contacts from Redux store', () => {
+    const container = render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    expect(container.getByTestId('address-book-view')).toBeTruthy()
+    expect(container.getByTestId('total-contacts')).toHaveTextContent('3')
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('3')
+  })
+
+  it('should filter contacts by name when searching', async () => {
+    const user = userEvent.setup()
+    const container = render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    const searchInput = container.getByTestId('search-input')
+    await user.type(searchInput, 'Alice')
+
+    // Should show only Alice in filtered results
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('1')
+    expect(container.getByTestId('select-contact-0x1234567890123456789012345678901234567890')).toBeTruthy()
+    expect(container.queryByTestId('select-contact-0x0987654321098765432109876543210987654321')).not.toBeTruthy()
+  })
+
+  it('should filter contacts by address when searching', async () => {
+    const user = userEvent.setup()
+    const container = render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    const searchInput = container.getByTestId('search-input')
+    await user.type(searchInput, '0x0987654321')
+
+    // Should show only Bob in filtered results
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('1')
+    expect(container.getByTestId('select-contact-0x0987654321098765432109876543210987654321')).toBeTruthy()
+    expect(container.queryByTestId('select-contact-0x1234567890123456789012345678901234567890')).not.toBeTruthy()
+  })
+
+  it('should show all contacts when search is empty', async () => {
+    const user = userEvent.setup()
+    const container = render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    const searchInput = container.getByTestId('search-input')
+
+    // First search for something
+    await user.type(searchInput, 'Alice')
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('1')
+
+    // Then clear the search
+    await user.clear(searchInput)
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('3')
+  })
+
+  it('should be case insensitive when searching', async () => {
+    const user = userEvent.setup()
+    const container = render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    const searchInput = container.getByTestId('search-input')
+    await user.type(searchInput, 'ALICE')
+
+    // Should still find Alice despite case difference
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('1')
+    expect(container.getByTestId('select-contact-0x1234567890123456789012345678901234567890')).toBeTruthy()
+  })
+
+  it('should navigate to contact view when selecting a contact', async () => {
+    const user = userEvent.setup()
+    const mockPush = jest.spyOn(router.router, 'push')
+    const container = render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    const selectContactBtn = container.getByTestId('select-contact-0x1234567890123456789012345678901234567890')
+    await user.press(selectContactBtn)
+
+    expect(mockPush).toHaveBeenCalledWith({
+      pathname: '/contact',
+      params: {
+        address: '0x1234567890123456789012345678901234567890',
+        mode: 'view',
+      },
+    })
+  })
+
+  it('should navigate to add contact when pressing add contact button', async () => {
+    const user = userEvent.setup()
+    const mockPush = jest.spyOn(router.router, 'push')
+    const container = render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    const addContactBtn = container.getByTestId('add-contact-btn')
+    await user.press(addContactBtn)
+
+    expect(mockPush).toHaveBeenCalledWith({
+      pathname: '/contact',
+      params: {
+        mode: 'new',
+      },
+    })
+  })
+
+  it('should show empty results when search matches nothing', async () => {
+    const user = userEvent.setup()
+    const container = render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    const searchInput = container.getByTestId('search-input')
+    await user.type(searchInput, 'NonexistentName')
+
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('0')
+    expect(container.queryByTestId('select-contact-0x1234567890123456789012345678901234567890')).not.toBeTruthy()
+    expect(container.queryByTestId('select-contact-0x0987654321098765432109876543210987654321')).not.toBeTruthy()
+    expect(container.queryByTestId('select-contact-0x1111111111111111111111111111111111111111')).not.toBeTruthy()
+  })
+
+  it('should handle empty contacts array from store', () => {
+    const emptyStore = {
+      addressBook: {
+        contacts: {},
+        selectedContact: null,
+      },
+    }
+
+    const container = render(<AddressBookListContainer />, { initialStore: emptyStore })
+
+    expect(container.getByTestId('total-contacts')).toHaveTextContent('0')
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('0')
+  })
+
+  it('should handle contacts without names in search', async () => {
+    const contactWithoutName: Contact = {
+      value: '0x1234567890123456789012345678901234567890',
+      name: '',
+      chainIds: ['1'],
+    }
+
+    const storeWithUnnamedContacts = {
+      addressBook: {
+        contacts: {
+          '0x1234567890123456789012345678901234567890': contactWithoutName,
+        },
+        selectedContact: null,
+      },
+    }
+
+    const user = userEvent.setup()
+    const container = render(<AddressBookListContainer />, { initialStore: storeWithUnnamedContacts })
+
+    const searchInput = container.getByTestId('search-input')
+    await user.type(searchInput, '0x1234')
+
+    // Should still find the contact by address
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('1')
+  })
+
+  it('should track address book screen visit analytics on render', () => {
+    render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    // Should track screen visit with correct contact count
+    expect(trackEvent).toHaveBeenCalledWith({
+      eventName: 'metadata',
+      eventCategory: 'address-book',
+      eventAction: 'Screen visited',
+      eventLabel: '3',
+    })
+  })
+})
diff --git a/apps/mobile/src/features/AddressBook/List/AddressBookList.container.tsx b/apps/mobile/src/features/AddressBook/List/AddressBookList.container.tsx
new file mode 100644
index 000000000..e93957752
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/List/AddressBookList.container.tsx
@@ -0,0 +1,72 @@
+import React, { useCallback, useState, useMemo, useEffect } from 'react'
+import { router } from 'expo-router'
+
+import { useAppSelector } from '@/src/store/hooks'
+import { AddressBookListView } from './components/AddressBookListView'
+import { selectAllContacts } from '@/src/store/addressBookSlice'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { trackEvent } from '@/src/services/analytics'
+import { createAddressBookScreenVisitEvent } from '@/src/services/analytics/events/addressBook'
+
+export const AddressBookListContainer = () => {
+  const contacts = useAppSelector(selectAllContacts)
+  const [searchQuery, setSearchQuery] = useState('')
+
+  // Track screen visit when component mounts
+  useEffect(() => {
+    try {
+      const totalContactCount = contacts.length
+      const event = createAddressBookScreenVisitEvent(totalContactCount)
+      trackEvent(event)
+    } catch (error) {
+      console.error('Error tracking address book screen visit:', error)
+    }
+  }, [contacts.length])
+
+  // Memoized filtered contacts for performance
+  const filteredContacts = useMemo(() => {
+    if (!searchQuery.trim()) {
+      return contacts
+    }
+
+    const lowercaseQuery = searchQuery.toLowerCase()
+    return contacts.filter((contact) => {
+      const matchesName = contact.name?.toLowerCase().includes(lowercaseQuery)
+      const matchesAddress = contact.value.toLowerCase().includes(lowercaseQuery)
+      return matchesName || matchesAddress
+    })
+  }, [contacts, searchQuery])
+
+  const handleSearch = useCallback((query: string) => {
+    setSearchQuery(query)
+  }, [])
+
+  const handleSelectContact = useCallback((contact: AddressInfo) => {
+    router.push({
+      pathname: '/contact',
+      params: {
+        address: contact.value,
+        mode: 'view',
+      },
+    })
+  }, [])
+
+  const handleAddContact = useCallback(() => {
+    router.push({
+      pathname: '/contact',
+      params: {
+        mode: 'new',
+      },
+    })
+  }, [])
+
+  return (
+    <AddressBookListView
+      contacts={contacts}
+      filteredContacts={filteredContacts}
+      onSearch={handleSearch}
+      onSelectContact={handleSelectContact}
+      onAddContact={handleAddContact}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/List/ContactItemActions.container.tsx b/apps/mobile/src/features/AddressBook/List/ContactItemActions.container.tsx
new file mode 100644
index 000000000..ee4ca61d9
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/List/ContactItemActions.container.tsx
@@ -0,0 +1,75 @@
+import React, { useCallback } from 'react'
+import { Alert } from 'react-native'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useAppDispatch } from '@/src/store/hooks'
+import { removeContact } from '@/src/store/addressBookSlice'
+import { useCopyAndDispatchToast } from '@/src/hooks/useCopyAndDispatchToast'
+import { useContactActions } from './hooks/useContactActions'
+import { ContactListItems } from './components/List/ContactListItems'
+
+interface ContactItemActionsContainerProps {
+  contacts: AddressInfo[]
+  onSelectContact: (contact: AddressInfo) => void
+}
+
+export const ContactItemActionsContainer: React.FC<ContactItemActionsContainerProps> = ({
+  contacts,
+  onSelectContact,
+}) => {
+  const dispatch = useAppDispatch()
+  const copy = useCopyAndDispatchToast()
+  const actions = useContactActions()
+
+  const handleDeleteContact = useCallback(
+    (contact: AddressInfo) => {
+      Alert.alert(
+        'Delete Contact',
+        'Do you really want to delete this contact?',
+        [
+          {
+            text: 'Cancel',
+            style: 'cancel',
+          },
+          {
+            text: 'Delete',
+            style: 'destructive',
+            onPress: () => {
+              dispatch(removeContact(contact.value))
+            },
+          },
+        ],
+        { cancelable: true },
+      )
+    },
+    [dispatch],
+  )
+
+  const handleCopyContact = useCallback(
+    (contact: AddressInfo) => {
+      copy(contact.value as string)
+    },
+    [copy],
+  )
+
+  const handleMenuAction = useCallback(
+    (contact: AddressInfo, actionId: string) => {
+      if (actionId === 'copy') {
+        return handleCopyContact(contact)
+      }
+
+      if (actionId === 'delete') {
+        return handleDeleteContact(contact)
+      }
+    },
+    [handleCopyContact, handleDeleteContact],
+  )
+
+  return (
+    <ContactListItems
+      contacts={contacts}
+      onSelectContact={onSelectContact}
+      onMenuAction={handleMenuAction}
+      menuActions={actions}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/List/List.container.test.tsx b/apps/mobile/src/features/AddressBook/List/List.container.test.tsx
new file mode 100644
index 000000000..1f08c7b93
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/List/List.container.test.tsx
@@ -0,0 +1,237 @@
+import { render, userEvent } from '@/src/tests/test-utils'
+import { AddressBookListContainer } from './AddressBookList.container'
+import { Contact } from '@/src/store/addressBookSlice'
+import * as router from 'expo-router'
+import React from 'react'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+// Mock expo-router
+jest.mock('expo-router', () => ({
+  router: {
+    push: jest.fn(),
+  },
+}))
+
+// Mock the AddressBookListView component
+jest.mock('./components/AddressBookListView', () => ({
+  AddressBookListView: ({
+    contacts,
+    filteredContacts,
+    onSearch,
+    onSelectContact,
+    onAddContact,
+  }: {
+    contacts: AddressInfo[]
+    filteredContacts: AddressInfo[]
+    onSearch: (query: string) => void
+    onSelectContact: (contact: AddressInfo) => void
+    onAddContact: () => void
+  }) => {
+    const React = require('react')
+    return React.createElement(
+      'View',
+      { testID: 'address-book-view' },
+      React.createElement('Text', { testID: 'total-contacts' }, contacts.length),
+      React.createElement('Text', { testID: 'filtered-contacts' }, filteredContacts.length),
+      React.createElement('TextInput', { testID: 'search-input', onChangeText: onSearch }),
+      React.createElement(
+        'Pressable',
+        { testID: 'add-contact-btn', onPress: onAddContact },
+        React.createElement('Text', null, 'Add Contact'),
+      ),
+      filteredContacts.map((contact: AddressInfo) =>
+        React.createElement(
+          'Pressable',
+          {
+            key: contact.value,
+            testID: `select-contact-${contact.value}`,
+            onPress: () => onSelectContact(contact),
+          },
+          React.createElement('Text', null, contact.name),
+        ),
+      ),
+    )
+  },
+}))
+
+describe('AddressBookListContainer', () => {
+  const mockContacts: Contact[] = [
+    {
+      value: '0x1234567890123456789012345678901234567890',
+      name: 'Alice',
+      chainIds: ['1'],
+    },
+    {
+      value: '0x0987654321098765432109876543210987654321',
+      name: 'Bob',
+      chainIds: ['1'],
+    },
+    {
+      value: '0x1111111111111111111111111111111111111111',
+      name: 'Charlie',
+      chainIds: ['1'],
+    },
+  ]
+
+  const mockStore = {
+    addressBook: {
+      contacts: {
+        '0x1234567890123456789012345678901234567890': mockContacts[0],
+        '0x0987654321098765432109876543210987654321': mockContacts[1],
+        '0x1111111111111111111111111111111111111111': mockContacts[2],
+      },
+      selectedContact: null,
+    },
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should render with contacts from Redux store', () => {
+    const container = render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    expect(container.getByTestId('address-book-view')).toBeTruthy()
+    expect(container.getByTestId('total-contacts')).toHaveTextContent('3')
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('3')
+  })
+
+  it('should filter contacts by name when searching', async () => {
+    const user = userEvent.setup()
+    const container = render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    const searchInput = container.getByTestId('search-input')
+    await user.type(searchInput, 'Alice')
+
+    // Should show only Alice in filtered results
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('1')
+    expect(container.getByTestId('select-contact-0x1234567890123456789012345678901234567890')).toBeTruthy()
+    expect(container.queryByTestId('select-contact-0x0987654321098765432109876543210987654321')).not.toBeTruthy()
+  })
+
+  it('should filter contacts by address when searching', async () => {
+    const user = userEvent.setup()
+    const container = render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    const searchInput = container.getByTestId('search-input')
+    await user.type(searchInput, '0x0987654321')
+
+    // Should show only Bob in filtered results
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('1')
+    expect(container.getByTestId('select-contact-0x0987654321098765432109876543210987654321')).toBeTruthy()
+    expect(container.queryByTestId('select-contact-0x1234567890123456789012345678901234567890')).not.toBeTruthy()
+  })
+
+  it('should show all contacts when search is empty', async () => {
+    const user = userEvent.setup()
+    const container = render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    const searchInput = container.getByTestId('search-input')
+
+    // First search for something
+    await user.type(searchInput, 'Alice')
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('1')
+
+    // Then clear the search
+    await user.clear(searchInput)
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('3')
+  })
+
+  it('should be case insensitive when searching', async () => {
+    const user = userEvent.setup()
+    const container = render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    const searchInput = container.getByTestId('search-input')
+    await user.type(searchInput, 'ALICE')
+
+    // Should still find Alice despite case difference
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('1')
+    expect(container.getByTestId('select-contact-0x1234567890123456789012345678901234567890')).toBeTruthy()
+  })
+
+  it('should navigate to contact view when selecting a contact', async () => {
+    const user = userEvent.setup()
+    const mockPush = jest.spyOn(router.router, 'push')
+    const container = render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    const selectContactBtn = container.getByTestId('select-contact-0x1234567890123456789012345678901234567890')
+    await user.press(selectContactBtn)
+
+    expect(mockPush).toHaveBeenCalledWith({
+      pathname: '/contact',
+      params: {
+        address: '0x1234567890123456789012345678901234567890',
+        mode: 'view',
+      },
+    })
+  })
+
+  it('should navigate to add contact when pressing add contact button', async () => {
+    const user = userEvent.setup()
+    const mockPush = jest.spyOn(router.router, 'push')
+    const container = render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    const addContactBtn = container.getByTestId('add-contact-btn')
+    await user.press(addContactBtn)
+
+    expect(mockPush).toHaveBeenCalledWith({
+      pathname: '/contact',
+      params: {
+        mode: 'new',
+      },
+    })
+  })
+
+  it('should show empty results when search matches nothing', async () => {
+    const user = userEvent.setup()
+    const container = render(<AddressBookListContainer />, { initialStore: mockStore })
+
+    const searchInput = container.getByTestId('search-input')
+    await user.type(searchInput, 'NonexistentName')
+
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('0')
+    expect(container.queryByTestId('select-contact-0x1234567890123456789012345678901234567890')).not.toBeTruthy()
+    expect(container.queryByTestId('select-contact-0x0987654321098765432109876543210987654321')).not.toBeTruthy()
+    expect(container.queryByTestId('select-contact-0x1111111111111111111111111111111111111111')).not.toBeTruthy()
+  })
+
+  it('should handle empty contacts array from store', () => {
+    const emptyStore = {
+      addressBook: {
+        contacts: {},
+        selectedContact: null,
+      },
+    }
+
+    const container = render(<AddressBookListContainer />, { initialStore: emptyStore })
+
+    expect(container.getByTestId('total-contacts')).toHaveTextContent('0')
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('0')
+  })
+
+  it('should handle contacts without names in search', async () => {
+    const contactWithoutName: Contact = {
+      value: '0x1234567890123456789012345678901234567890',
+      name: '',
+      chainIds: ['1'],
+    }
+
+    const storeWithUnnamedContacts = {
+      addressBook: {
+        contacts: {
+          '0x1234567890123456789012345678901234567890': contactWithoutName,
+        },
+        selectedContact: null,
+      },
+    }
+
+    const user = userEvent.setup()
+    const container = render(<AddressBookListContainer />, { initialStore: storeWithUnnamedContacts })
+
+    const searchInput = container.getByTestId('search-input')
+    await user.type(searchInput, '0x1234')
+
+    // Should still find the contact by address
+    expect(container.getByTestId('filtered-contacts')).toHaveTextContent('1')
+  })
+})
diff --git a/apps/mobile/src/features/AddressBook/List/components/AddressBookListView.test.tsx b/apps/mobile/src/features/AddressBook/List/components/AddressBookListView.test.tsx
new file mode 100644
index 000000000..63d7a76a3
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/List/components/AddressBookListView.test.tsx
@@ -0,0 +1,176 @@
+import { render, userEvent } from '@/src/tests/test-utils'
+import { AddressBookListView } from './AddressBookListView'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import React from 'react'
+
+// Only mock the complex components with dependencies
+jest.mock('../ContactItemActions.container', () => ({
+  ContactItemActionsContainer: ({
+    contacts,
+    onSelectContact,
+  }: {
+    contacts: AddressInfo[]
+    onSelectContact: (contact: AddressInfo) => void
+  }) => {
+    const React = require('react')
+    return React.createElement(
+      'View',
+      { testID: 'address-book-list' },
+      contacts.map((contact: AddressInfo) =>
+        React.createElement(
+          'Pressable',
+          {
+            key: contact.value,
+            testID: `contact-${contact.value}`,
+            onPress: () => onSelectContact(contact),
+          },
+          React.createElement('Text', null, contact.name),
+        ),
+      ),
+    )
+  },
+}))
+
+describe('AddressBookListView', () => {
+  const mockContacts: AddressInfo[] = [
+    {
+      value: '0x1234567890123456789012345678901234567890',
+      name: 'Alice',
+    },
+    {
+      value: '0x0987654321098765432109876543210987654321',
+      name: 'Bob',
+    },
+  ]
+
+  const defaultProps = {
+    contacts: mockContacts,
+    filteredContacts: mockContacts,
+    onSearch: jest.fn(),
+    onSelectContact: jest.fn(),
+    onAddContact: jest.fn(),
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should render the address book view with all elements', () => {
+    const container = render(<AddressBookListView {...defaultProps} />)
+
+    expect(container.getByText('Address book')).toBeTruthy()
+    expect(container.getByPlaceholderText('Name, address')).toBeTruthy()
+    expect(container.getByTestId('address-book-list')).toBeTruthy()
+    expect(container.getByText('Add contact')).toBeTruthy()
+    expect(container.getByTestId('address-book-screen')).toBeTruthy()
+  })
+
+  it('should show no contacts component when contacts array is empty', () => {
+    const props = {
+      ...defaultProps,
+      contacts: [],
+      filteredContacts: [],
+    }
+
+    const container = render(<AddressBookListView {...props} />)
+
+    expect(container.getByText('No contacts yet')).toBeTruthy()
+    expect(container.getByText('This account has no contacts added.')).toBeTruthy()
+    expect(container.queryByText('No contacts found matching your search.')).not.toBeTruthy()
+    expect(container.queryByTestId('address-book-list')).toBeTruthy()
+  })
+
+  it('should show no contacts found when search returns empty results', () => {
+    const props = {
+      ...defaultProps,
+      contacts: mockContacts, // Has contacts
+      filteredContacts: [], // But search returned empty
+    }
+
+    const container = render(<AddressBookListView {...props} />)
+
+    expect(container.getByText('No contacts found matching your search.')).toBeTruthy()
+    expect(container.queryByText('No contacts yet')).not.toBeTruthy()
+  })
+
+  it('should call onSearch when search input changes', async () => {
+    jest.useFakeTimers()
+
+    const user = userEvent.setup({ advanceTimers: jest.advanceTimersByTime })
+    const mockOnSearch = jest.fn()
+    const props = {
+      ...defaultProps,
+      onSearch: mockOnSearch,
+    }
+
+    const container = render(<AddressBookListView {...props} />)
+    const searchInput = container.getByPlaceholderText('Name, address')
+
+    await user.type(searchInput, 'Alice')
+
+    // Fast-forward timers to trigger the throttled callback
+    jest.advanceTimersByTime(300)
+
+    expect(mockOnSearch).toHaveBeenCalledWith('Alice')
+
+    jest.useRealTimers()
+  })
+
+  it('should call onAddContact when add contact button is pressed', async () => {
+    const user = userEvent.setup()
+    const mockOnAddContact = jest.fn()
+    const props = {
+      ...defaultProps,
+      onAddContact: mockOnAddContact,
+    }
+
+    const container = render(<AddressBookListView {...props} />)
+    const addButton = container.getByText('Add contact')
+
+    await user.press(addButton)
+
+    expect(mockOnAddContact).toHaveBeenCalled()
+  })
+
+  it('should pass filtered contacts to the list component', () => {
+    const filteredContacts = [mockContacts[0]] // Only Alice
+    const props = {
+      ...defaultProps,
+      filteredContacts,
+    }
+
+    const container = render(<AddressBookListView {...props} />)
+
+    expect(container.getByTestId('address-book-list')).toBeTruthy()
+    expect(container.getByTestId('contact-0x1234567890123456789012345678901234567890')).toBeTruthy()
+    expect(container.queryByTestId('contact-0x0987654321098765432109876543210987654321')).not.toBeTruthy()
+  })
+
+  it('should pass onSelectContact callback to the list component', () => {
+    const mockOnSelectContact = jest.fn()
+    const props = {
+      ...defaultProps,
+      onSelectContact: mockOnSelectContact,
+    }
+
+    render(<AddressBookListView {...props} />)
+
+    // The mock component should receive the callback
+    // This tests that the prop is correctly passed down
+    expect(mockOnSelectContact).toBeDefined()
+  })
+
+  it('should have correct search bar placeholder', () => {
+    const container = render(<AddressBookListView {...defaultProps} />)
+    const searchBar = container.getByPlaceholderText('Name, address')
+
+    expect(searchBar).toBeTruthy()
+  })
+
+  it('should not show no contacts found when there are filtered contacts', () => {
+    const container = render(<AddressBookListView {...defaultProps} />)
+
+    expect(container.queryByText('No contacts found matching your search.')).not.toBeTruthy()
+    expect(container.queryByText('No contacts yet')).not.toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/features/AddressBook/List/components/AddressBookListView.tsx b/apps/mobile/src/features/AddressBook/List/components/AddressBookListView.tsx
new file mode 100644
index 000000000..74f6c05af
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/List/components/AddressBookListView.tsx
@@ -0,0 +1,45 @@
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import React from 'react'
+
+import { NoContacts } from './List/NoContacts'
+import { View } from 'tamagui'
+import SafeSearchBar from '@/src/components/SafeSearchBar/SafeSearchBar'
+import { ContactItemActionsContainer } from '../ContactItemActions.container'
+import { LargeHeaderTitle } from '@/src/components/Title'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { SafeButton } from '@/src/components/SafeButton'
+import { NoContactsFound } from './List/NoContactsFound'
+
+type Props = {
+  contacts: AddressInfo[]
+  filteredContacts: AddressInfo[]
+  onSearch: (query: string) => void
+  onSelectContact: (contact: AddressInfo) => void
+  onAddContact: () => void
+}
+
+export const AddressBookListView = ({ contacts, filteredContacts, onSearch, onSelectContact, onAddContact }: Props) => {
+  const insets = useSafeAreaInsets()
+
+  return (
+    <View marginTop="$2" style={{ flex: 1, marginBottom: insets.bottom }} testID={'address-book-screen'}>
+      <View flex={1}>
+        <View paddingHorizontal="$4">
+          <LargeHeaderTitle>Address book</LargeHeaderTitle>
+        </View>
+        <View paddingHorizontal="$4">
+          <SafeSearchBar placeholder="Name, address" onSearch={onSearch} throttleTime={300} />
+        </View>
+        {contacts.length === 0 && <NoContacts />}
+        {contacts.length > 0 && filteredContacts.length === 0 && <NoContactsFound />}
+        <ContactItemActionsContainer contacts={filteredContacts} onSelectContact={onSelectContact} />
+      </View>
+      {/* Add Contact Button */}
+      <View paddingTop="$4" paddingHorizontal="$4">
+        <SafeButton primary onPress={onAddContact}>
+          Add contact
+        </SafeButton>
+      </View>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/List/components/List/ContactItem.tsx b/apps/mobile/src/features/AddressBook/List/components/List/ContactItem.tsx
new file mode 100644
index 000000000..041f9fd0d
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/List/components/List/ContactItem.tsx
@@ -0,0 +1,99 @@
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import React, { useMemo } from 'react'
+import { MenuView, NativeActionEvent } from '@react-native-menu/menu'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { Identicon } from '@/src/components/Identicon'
+import { Pressable } from 'react-native'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { Text, View, type TextProps } from 'tamagui'
+import { EthAddress } from '@/src/components/EthAddress'
+import { type Address } from '@/src/types/address'
+
+export interface ContactItemProps {
+  contact: AddressInfo
+  onPress: () => void
+  onMenuAction: (contact: AddressInfo, actionId: string) => void
+  menuActions: {
+    id: string
+    title: string
+    image?: string
+    imageColor?: string
+    attributes?: { destructive?: boolean }
+  }[]
+}
+
+const descriptionStyle: Partial<TextProps> = {
+  fontSize: '$4',
+  color: '$backgroundPress',
+  fontWeight: 400,
+}
+
+const titleStyle: Partial<TextProps> = {
+  fontSize: '$4',
+  fontWeight: 600,
+}
+
+export const ContactItem: React.FC<ContactItemProps> = ({ contact, onPress, onMenuAction, menuActions }) => {
+  const textProps = useMemo(() => {
+    return contact.name ? descriptionStyle : titleStyle
+  }, [contact.name])
+
+  const onPressMenuAction = ({ nativeEvent }: NativeActionEvent) => {
+    onMenuAction(contact, nativeEvent.event)
+  }
+
+  return (
+    <View position="relative">
+      <Pressable style={({ pressed }) => [{ opacity: pressed ? 0.5 : 1.0 }]} onPress={onPress}>
+        <SafeListItem
+          transparent
+          label={
+            <View>
+              {contact.name && (
+                <Text fontSize="$4" fontWeight={600}>
+                  {contact.name}
+                </Text>
+              )}
+
+              <EthAddress address={`${contact.value as Address}`} textProps={textProps} />
+            </View>
+          }
+          leftNode={
+            <View width="$10">
+              <Identicon address={`${contact.value as Address}`} rounded size={40} />
+            </View>
+          }
+          rightNode={
+            <View>
+              <SafeFontIcon name={'options-horizontal'} />
+            </View>
+          }
+        />
+      </Pressable>
+
+      <View
+        position="absolute"
+        right={0}
+        top={0}
+        height={'100%'}
+        display="flex"
+        alignItems="center"
+        justifyContent="center"
+      >
+        <MenuView
+          onPressAction={onPressMenuAction}
+          actions={menuActions}
+          style={{
+            height: '100%',
+            justifyContent: 'center',
+            alignItems: 'center',
+            paddingRight: 16,
+            paddingLeft: 16,
+          }}
+        >
+          <SafeFontIcon name={'options-horizontal'} />
+        </MenuView>
+      </View>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/List/components/List/ContactListItems.tsx b/apps/mobile/src/features/AddressBook/List/components/List/ContactListItems.tsx
new file mode 100644
index 000000000..f8270967b
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/List/components/List/ContactListItems.tsx
@@ -0,0 +1,53 @@
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import React, { useCallback } from 'react'
+import { FlashList } from '@shopify/flash-list'
+import { getTokenValue } from 'tamagui'
+import { ContactItem } from './ContactItem'
+
+interface ContactListItemsProps {
+  contacts: AddressInfo[]
+  onSelectContact: (contact: AddressInfo) => void
+  onMenuAction: (contact: AddressInfo, actionId: string) => void
+  menuActions: {
+    id: string
+    title: string
+    image?: string
+    imageColor?: string
+    attributes?: { destructive?: boolean }
+  }[]
+}
+
+export const ContactListItems: React.FC<ContactListItemsProps> = ({
+  contacts,
+  onSelectContact,
+  onMenuAction,
+  menuActions,
+}) => {
+  const renderContact = useCallback(
+    ({ item }: { item: AddressInfo }) => (
+      <ContactItem
+        contact={item}
+        onPress={() => onSelectContact(item)}
+        onMenuAction={onMenuAction}
+        menuActions={menuActions}
+      />
+    ),
+    [onSelectContact, onMenuAction, menuActions],
+  )
+
+  const keyExtractor = useCallback((item: AddressInfo) => item.value, [])
+
+  if (contacts.length === 0) {
+    return null
+  }
+
+  return (
+    <FlashList
+      data={contacts}
+      renderItem={renderContact}
+      estimatedItemSize={200}
+      keyExtractor={keyExtractor}
+      contentContainerStyle={{ paddingHorizontal: getTokenValue('$2') }}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/List/components/List/EmptyAddressBookDark.tsx b/apps/mobile/src/features/AddressBook/List/components/List/EmptyAddressBookDark.tsx
new file mode 100644
index 000000000..8b23164dd
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/List/components/List/EmptyAddressBookDark.tsx
@@ -0,0 +1,57 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+
+function EmptyAddressBookDark() {
+  return (
+    <Svg width={161} height={160} fill="none">
+      <Path
+        fill="#1C1C1C"
+        d="M66.79 146.58c26.67 0 48.29-21.62 48.29-48.29C115.08 71.62 93.46 50 66.79 50 40.12 50 18.5 71.62 18.5 98.29c0 26.67 21.62 48.29 48.29 48.29Z"
+      />
+      <Path
+        fill="#1C1C1C"
+        d="M99.85 125.7c26.151 0 47.35-21.199 47.35-47.35C147.2 52.2 126.001 31 99.85 31 73.7 31 52.5 52.2 52.5 78.35c0 26.151 21.2 47.35 47.35 47.35Z"
+      />
+      <Path
+        fill="#1C1C1C"
+        stroke="#A1A3A7"
+        strokeDasharray="6 6"
+        strokeLinecap="round"
+        strokeMiterlimit={10}
+        strokeWidth={1.33}
+        d="M99.85 125.7c26.151 0 47.35-21.199 47.35-47.35C147.2 52.2 126.001 31 99.85 31 73.7 31 52.5 52.2 52.5 78.35c0 26.151 21.2 47.35 47.35 47.35Z"
+      />
+      <Path
+        fill="#1C1C1C"
+        d="M44.07 74.49c16.524 0 29.92-13.395 29.92-29.92 0-16.524-13.396-29.92-29.92-29.92S14.15 28.046 14.15 44.57c0 16.525 13.396 29.92 29.92 29.92Z"
+      />
+      <Path
+        stroke="#A1A3A7"
+        strokeWidth={1.2}
+        d="M46.634 47.534h-.6v10.004a2.534 2.534 0 1 1-5.068 0V47.534H30.962a2.534 2.534 0 0 1 0-5.069h10.004V32.462a2.534 2.534 0 1 1 5.068 0v10.003h10.004a2.534 2.534 0 0 1 0 5.07h-9.404Z"
+      />
+      <Path
+        fill="#A1A3A7"
+        fillRule="evenodd"
+        d="M44.07 15.3c-16.165 0-29.27 13.105-29.27 29.27s13.105 29.27 29.27 29.27 29.27-13.105 29.27-29.27S60.235 15.3 44.07 15.3ZM13.5 44.57C13.5 27.687 27.187 14 44.07 14c16.883 0 30.57 13.687 30.57 30.57 0 16.883-13.687 30.57-30.57 30.57-16.883 0-30.57-13.687-30.57-30.57ZM82.236 80.156c-2.015 2.718-3.062 5.998-3.402 8.175a.65.65 0 0 1-1.284-.2c.365-2.337 1.476-5.826 3.642-8.75 2.178-2.938 5.457-5.339 10.116-5.339 4.671 0 7.888 2.611 9.905 5.15a19.834 19.834 0 0 1 2.725 4.64 10.559 10.559 0 0 1 .163.42l.009.024.003.007.001.003-.614.214.614-.213a.65.65 0 0 1-1.228.425l-.002-.003-.006-.017a9.552 9.552 0 0 0-.143-.367 18.502 18.502 0 0 0-2.54-4.325c-1.88-2.365-4.76-4.658-8.887-4.658-4.142 0-7.069 2.112-9.072 4.814Z"
+        clipRule="evenodd"
+      />
+      <Path fill="#1C1C1C" d="M100.615 65.808a9.308 9.308 0 1 1-18.615 0 9.308 9.308 0 0 1 18.615 0Z" />
+      <Path
+        fill="#A1A3A7"
+        fillRule="evenodd"
+        d="M91.308 73.785a7.978 7.978 0 1 0 0-15.955 7.978 7.978 0 0 0 0 15.955Zm0 1.33a9.307 9.307 0 0 0 9.307-9.307 9.308 9.308 0 1 0-9.307 9.308ZM102.044 87.656c-2.015 2.718-3.061 5.998-3.402 8.175a.65.65 0 0 1-1.284-.2c.365-2.337 1.476-5.826 3.642-8.75 2.178-2.938 5.457-5.339 10.116-5.339 4.655 0 8.001 2.398 10.266 5.33 2.254 2.918 3.473 6.403 3.911 8.739a.65.65 0 1 1-1.278.24c-.408-2.178-1.558-5.462-3.662-8.185-2.093-2.71-5.093-4.824-9.237-4.824-4.142 0-7.068 2.112-9.072 4.814Z"
+        clipRule="evenodd"
+      />
+      <Path fill="#1C1C1C" d="M120.423 73.308a9.307 9.307 0 1 1-18.615 0 9.308 9.308 0 1 1 18.615 0Z" />
+      <Path
+        fill="#A1A3A7"
+        fillRule="evenodd"
+        d="M111.116 81.285a7.977 7.977 0 0 0 7.977-7.977 7.978 7.978 0 1 0-7.977 7.978Zm0 1.33a9.307 9.307 0 0 0 9.307-9.307 9.307 9.307 0 1 0-18.615 0 9.308 9.308 0 0 0 9.308 9.307Z"
+        clipRule="evenodd"
+      />
+    </Svg>
+  )
+}
+
+export default EmptyAddressBookDark
diff --git a/apps/mobile/src/features/AddressBook/List/components/List/EmptyAddressBookLight.tsx b/apps/mobile/src/features/AddressBook/List/components/List/EmptyAddressBookLight.tsx
new file mode 100644
index 000000000..07420ec24
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/List/components/List/EmptyAddressBookLight.tsx
@@ -0,0 +1,57 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+
+function EmptyAddressBookLight() {
+  return (
+    <Svg width={161} height={160} fill="none">
+      <Path
+        fill="#fff"
+        d="M66.79 146.58c26.67 0 48.29-21.62 48.29-48.29C115.08 71.62 93.46 50 66.79 50 40.12 50 18.5 71.62 18.5 98.29c0 26.67 21.62 48.29 48.29 48.29Z"
+      />
+      <Path
+        fill="#fff"
+        d="M99.85 125.7c26.151 0 47.35-21.199 47.35-47.35C147.2 52.2 126.001 31 99.85 31 73.7 31 52.5 52.2 52.5 78.35c0 26.151 21.2 47.35 47.35 47.35Z"
+      />
+      <Path
+        fill="#fff"
+        stroke="#A1A3A7"
+        strokeDasharray="6 6"
+        strokeLinecap="round"
+        strokeMiterlimit={10}
+        strokeWidth={1.33}
+        d="M99.85 125.7c26.151 0 47.35-21.199 47.35-47.35C147.2 52.2 126.001 31 99.85 31 73.7 31 52.5 52.2 52.5 78.35c0 26.151 21.2 47.35 47.35 47.35Z"
+      />
+      <Path
+        fill="#fff"
+        d="M44.07 74.49c16.524 0 29.92-13.395 29.92-29.92 0-16.524-13.396-29.92-29.92-29.92S14.15 28.046 14.15 44.57c0 16.525 13.396 29.92 29.92 29.92Z"
+      />
+      <Path
+        stroke="#A1A3A7"
+        strokeWidth={1.2}
+        d="M46.634 47.534h-.6v10.004a2.534 2.534 0 1 1-5.068 0V47.534H30.962a2.534 2.534 0 0 1 0-5.069h10.004V32.462a2.534 2.534 0 1 1 5.068 0v10.003h10.004a2.534 2.534 0 0 1 0 5.07h-9.404Z"
+      />
+      <Path
+        fill="#A1A3A7"
+        fillRule="evenodd"
+        d="M44.07 15.3c-16.165 0-29.27 13.105-29.27 29.27s13.105 29.27 29.27 29.27 29.27-13.105 29.27-29.27S60.235 15.3 44.07 15.3ZM13.5 44.57C13.5 27.687 27.187 14 44.07 14c16.883 0 30.57 13.687 30.57 30.57 0 16.883-13.687 30.57-30.57 30.57-16.883 0-30.57-13.687-30.57-30.57ZM82.236 80.156c-2.015 2.718-3.062 5.998-3.402 8.175a.65.65 0 0 1-1.284-.2c.365-2.337 1.476-5.826 3.642-8.75 2.178-2.938 5.457-5.339 10.116-5.339 4.671 0 7.888 2.611 9.905 5.15a19.834 19.834 0 0 1 2.725 4.64 10.559 10.559 0 0 1 .163.42l.009.024.003.007.001.003-.614.214.614-.213a.65.65 0 0 1-1.228.425l-.002-.003-.006-.017a9.552 9.552 0 0 0-.143-.367 18.502 18.502 0 0 0-2.54-4.325c-1.88-2.365-4.76-4.658-8.887-4.658-4.142 0-7.069 2.112-9.072 4.814Z"
+        clipRule="evenodd"
+      />
+      <Path fill="#fff" d="M100.615 65.808a9.308 9.308 0 1 1-18.615 0 9.308 9.308 0 0 1 18.615 0Z" />
+      <Path
+        fill="#A1A3A7"
+        fillRule="evenodd"
+        d="M91.308 73.785a7.978 7.978 0 1 0 0-15.955 7.978 7.978 0 0 0 0 15.955Zm0 1.33a9.307 9.307 0 0 0 9.307-9.307 9.308 9.308 0 1 0-9.307 9.308ZM102.044 87.656c-2.015 2.718-3.061 5.998-3.402 8.175a.65.65 0 0 1-1.284-.2c.365-2.337 1.476-5.826 3.642-8.75 2.178-2.938 5.457-5.339 10.116-5.339 4.655 0 8.001 2.398 10.266 5.33 2.254 2.918 3.473 6.403 3.911 8.739a.65.65 0 1 1-1.278.24c-.408-2.178-1.558-5.462-3.662-8.185-2.093-2.71-5.093-4.824-9.237-4.824-4.142 0-7.068 2.112-9.072 4.814Z"
+        clipRule="evenodd"
+      />
+      <Path fill="#fff" d="M120.423 73.308a9.307 9.307 0 1 1-18.615 0 9.308 9.308 0 1 1 18.615 0Z" />
+      <Path
+        fill="#A1A3A7"
+        fillRule="evenodd"
+        d="M111.116 81.285a7.977 7.977 0 0 0 7.977-7.977 7.978 7.978 0 1 0-7.977 7.978Zm0 1.33a9.307 9.307 0 0 0 9.307-9.307 9.307 9.307 0 1 0-18.615 0 9.308 9.308 0 0 0 9.308 9.307Z"
+        clipRule="evenodd"
+      />
+    </Svg>
+  )
+}
+
+export default EmptyAddressBookLight
diff --git a/apps/mobile/src/features/AddressBook/List/components/List/NoContacts.tsx b/apps/mobile/src/features/AddressBook/List/components/List/NoContacts.tsx
new file mode 100644
index 000000000..5c5508e02
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/List/components/List/NoContacts.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import { useColorScheme } from 'react-native'
+import { H3, Text, View } from 'tamagui'
+import EmptyAddressBookLight from './EmptyAddressBookLight'
+import EmptyAddressBookDark from './EmptyAddressBookDark'
+
+export const NoContacts = () => {
+  const colorScheme = useColorScheme()
+
+  const EmptyAddress = colorScheme === 'dark' ? <EmptyAddressBookDark /> : <EmptyAddressBookLight />
+
+  return (
+    <View testID="empty-token" alignItems="center" flex={1} justifyContent="center" gap="$4">
+      {EmptyAddress}
+      <H3 fontWeight={600}>No contacts yet</H3>
+      <Text textAlign="center" color="$colorSecondary" width="70%" fontSize="$4">
+        This account has no contacts added.
+      </Text>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/List/components/List/NoContactsFound.tsx b/apps/mobile/src/features/AddressBook/List/components/List/NoContactsFound.tsx
new file mode 100644
index 000000000..e57b4568d
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/List/components/List/NoContactsFound.tsx
@@ -0,0 +1,20 @@
+import React from 'react'
+import { useColorScheme } from 'react-native'
+import { Text, View } from 'tamagui'
+import EmptyAddressBookLight from './EmptyAddressBookLight'
+import EmptyAddressBookDark from './EmptyAddressBookDark'
+
+export const NoContactsFound = () => {
+  const colorScheme = useColorScheme()
+
+  const EmptyAddress = colorScheme === 'dark' ? <EmptyAddressBookDark /> : <EmptyAddressBookLight />
+
+  return (
+    <View testID="empty-token" alignItems="center" flex={1} justifyContent="center" gap="$4">
+      {EmptyAddress}
+      <Text textAlign="center" color="$colorSecondary" width="70%" fontSize="$4">
+        No contacts found matching your search.
+      </Text>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/AddressBook/List/components/List/index.ts b/apps/mobile/src/features/AddressBook/List/components/List/index.ts
new file mode 100644
index 000000000..09fd9f8ac
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/List/components/List/index.ts
@@ -0,0 +1,4 @@
+import { ContactListItems } from './ContactListItems'
+export { ContactListItems }
+export { ContactItem } from './ContactItem'
+export { ContactItemActionsContainer } from '../../ContactItemActions.container'
diff --git a/apps/mobile/src/features/AddressBook/List/components/ListView.test.tsx b/apps/mobile/src/features/AddressBook/List/components/ListView.test.tsx
new file mode 100644
index 000000000..63d7a76a3
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/List/components/ListView.test.tsx
@@ -0,0 +1,176 @@
+import { render, userEvent } from '@/src/tests/test-utils'
+import { AddressBookListView } from './AddressBookListView'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import React from 'react'
+
+// Only mock the complex components with dependencies
+jest.mock('../ContactItemActions.container', () => ({
+  ContactItemActionsContainer: ({
+    contacts,
+    onSelectContact,
+  }: {
+    contacts: AddressInfo[]
+    onSelectContact: (contact: AddressInfo) => void
+  }) => {
+    const React = require('react')
+    return React.createElement(
+      'View',
+      { testID: 'address-book-list' },
+      contacts.map((contact: AddressInfo) =>
+        React.createElement(
+          'Pressable',
+          {
+            key: contact.value,
+            testID: `contact-${contact.value}`,
+            onPress: () => onSelectContact(contact),
+          },
+          React.createElement('Text', null, contact.name),
+        ),
+      ),
+    )
+  },
+}))
+
+describe('AddressBookListView', () => {
+  const mockContacts: AddressInfo[] = [
+    {
+      value: '0x1234567890123456789012345678901234567890',
+      name: 'Alice',
+    },
+    {
+      value: '0x0987654321098765432109876543210987654321',
+      name: 'Bob',
+    },
+  ]
+
+  const defaultProps = {
+    contacts: mockContacts,
+    filteredContacts: mockContacts,
+    onSearch: jest.fn(),
+    onSelectContact: jest.fn(),
+    onAddContact: jest.fn(),
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should render the address book view with all elements', () => {
+    const container = render(<AddressBookListView {...defaultProps} />)
+
+    expect(container.getByText('Address book')).toBeTruthy()
+    expect(container.getByPlaceholderText('Name, address')).toBeTruthy()
+    expect(container.getByTestId('address-book-list')).toBeTruthy()
+    expect(container.getByText('Add contact')).toBeTruthy()
+    expect(container.getByTestId('address-book-screen')).toBeTruthy()
+  })
+
+  it('should show no contacts component when contacts array is empty', () => {
+    const props = {
+      ...defaultProps,
+      contacts: [],
+      filteredContacts: [],
+    }
+
+    const container = render(<AddressBookListView {...props} />)
+
+    expect(container.getByText('No contacts yet')).toBeTruthy()
+    expect(container.getByText('This account has no contacts added.')).toBeTruthy()
+    expect(container.queryByText('No contacts found matching your search.')).not.toBeTruthy()
+    expect(container.queryByTestId('address-book-list')).toBeTruthy()
+  })
+
+  it('should show no contacts found when search returns empty results', () => {
+    const props = {
+      ...defaultProps,
+      contacts: mockContacts, // Has contacts
+      filteredContacts: [], // But search returned empty
+    }
+
+    const container = render(<AddressBookListView {...props} />)
+
+    expect(container.getByText('No contacts found matching your search.')).toBeTruthy()
+    expect(container.queryByText('No contacts yet')).not.toBeTruthy()
+  })
+
+  it('should call onSearch when search input changes', async () => {
+    jest.useFakeTimers()
+
+    const user = userEvent.setup({ advanceTimers: jest.advanceTimersByTime })
+    const mockOnSearch = jest.fn()
+    const props = {
+      ...defaultProps,
+      onSearch: mockOnSearch,
+    }
+
+    const container = render(<AddressBookListView {...props} />)
+    const searchInput = container.getByPlaceholderText('Name, address')
+
+    await user.type(searchInput, 'Alice')
+
+    // Fast-forward timers to trigger the throttled callback
+    jest.advanceTimersByTime(300)
+
+    expect(mockOnSearch).toHaveBeenCalledWith('Alice')
+
+    jest.useRealTimers()
+  })
+
+  it('should call onAddContact when add contact button is pressed', async () => {
+    const user = userEvent.setup()
+    const mockOnAddContact = jest.fn()
+    const props = {
+      ...defaultProps,
+      onAddContact: mockOnAddContact,
+    }
+
+    const container = render(<AddressBookListView {...props} />)
+    const addButton = container.getByText('Add contact')
+
+    await user.press(addButton)
+
+    expect(mockOnAddContact).toHaveBeenCalled()
+  })
+
+  it('should pass filtered contacts to the list component', () => {
+    const filteredContacts = [mockContacts[0]] // Only Alice
+    const props = {
+      ...defaultProps,
+      filteredContacts,
+    }
+
+    const container = render(<AddressBookListView {...props} />)
+
+    expect(container.getByTestId('address-book-list')).toBeTruthy()
+    expect(container.getByTestId('contact-0x1234567890123456789012345678901234567890')).toBeTruthy()
+    expect(container.queryByTestId('contact-0x0987654321098765432109876543210987654321')).not.toBeTruthy()
+  })
+
+  it('should pass onSelectContact callback to the list component', () => {
+    const mockOnSelectContact = jest.fn()
+    const props = {
+      ...defaultProps,
+      onSelectContact: mockOnSelectContact,
+    }
+
+    render(<AddressBookListView {...props} />)
+
+    // The mock component should receive the callback
+    // This tests that the prop is correctly passed down
+    expect(mockOnSelectContact).toBeDefined()
+  })
+
+  it('should have correct search bar placeholder', () => {
+    const container = render(<AddressBookListView {...defaultProps} />)
+    const searchBar = container.getByPlaceholderText('Name, address')
+
+    expect(searchBar).toBeTruthy()
+  })
+
+  it('should not show no contacts found when there are filtered contacts', () => {
+    const container = render(<AddressBookListView {...defaultProps} />)
+
+    expect(container.queryByText('No contacts found matching your search.')).not.toBeTruthy()
+    expect(container.queryByText('No contacts yet')).not.toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/features/AddressBook/List/hooks/index.ts b/apps/mobile/src/features/AddressBook/List/hooks/index.ts
new file mode 100644
index 000000000..dc5dca745
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/List/hooks/index.ts
@@ -0,0 +1 @@
+export { useContactActions } from './useContactActions'
diff --git a/apps/mobile/src/features/AddressBook/List/hooks/useContactActions.ts b/apps/mobile/src/features/AddressBook/List/hooks/useContactActions.ts
new file mode 100644
index 000000000..e23cc6780
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/List/hooks/useContactActions.ts
@@ -0,0 +1,38 @@
+import { useMemo } from 'react'
+import { Platform } from 'react-native'
+import { useTheme } from 'tamagui'
+
+export const useContactActions = () => {
+  const theme = useTheme()
+  const color = theme.color?.get()
+  const colorError = 'red'
+
+  const actions = useMemo(
+    () => [
+      {
+        id: 'copy',
+        title: 'Copy address',
+        image: Platform.select({
+          ios: 'doc.on.doc',
+          android: 'baseline_content_copy_24',
+        }),
+        imageColor: Platform.select({ ios: color, android: '#000' }),
+      },
+      {
+        id: 'delete',
+        title: 'Delete contact',
+        attributes: {
+          destructive: true,
+        },
+        image: Platform.select({
+          ios: 'trash',
+          android: 'baseline_delete_24',
+        }),
+        imageColor: colorError,
+      },
+    ],
+    [color, colorError],
+  )
+
+  return actions
+}
diff --git a/apps/mobile/src/features/AddressBook/index.tsx b/apps/mobile/src/features/AddressBook/index.tsx
new file mode 100644
index 000000000..f3455ca36
--- /dev/null
+++ b/apps/mobile/src/features/AddressBook/index.tsx
@@ -0,0 +1,3 @@
+export { AddressBookListContainer } from './List/AddressBookList.container'
+export { ContactDetailContainer } from './Contact/ContactDetail.container'
+export { ContactDisplayNameContainer } from './Contact/ContactDisplayName.container'
diff --git a/apps/mobile/src/features/AdvancedDetails/TxData.container.tsx b/apps/mobile/src/features/AdvancedDetails/TxData.container.tsx
new file mode 100644
index 000000000..7ecc80ce8
--- /dev/null
+++ b/apps/mobile/src/features/AdvancedDetails/TxData.container.tsx
@@ -0,0 +1,42 @@
+import React, { useMemo } from 'react'
+import { View, ScrollView } from 'tamagui'
+import { useTransactionsGetTransactionByIdV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { ListTable } from '@/src/features/ConfirmTx/components/ListTable'
+import { useLocalSearchParams } from 'expo-router'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { Alert } from '@/src/components/Alert'
+import { LoadingTx } from '../ConfirmTx/components/LoadingTx'
+import { formatTxDetails } from './utils/formatTxDetails'
+import { useOpenExplorer } from '@/src/features/ConfirmTx/hooks/useOpenExplorer'
+
+export function TxDataContainer() {
+  const activeSafe = useDefinedActiveSafe()
+  const { txId } = useLocalSearchParams<{ txId: string }>()
+
+  const {
+    data: txDetails,
+    isFetching,
+    isError,
+  } = useTransactionsGetTransactionByIdV1Query({
+    chainId: activeSafe.chainId,
+    id: txId,
+  })
+
+  const viewOnExplorer = useOpenExplorer(txDetails?.txData?.to.value || '')
+
+  const parameters = useMemo(() => formatTxDetails({ txDetails, viewOnExplorer }), [txDetails, viewOnExplorer])
+
+  if (isError) {
+    return (
+      <View margin="$4">
+        <Alert type="error" message="Error fetching transaction details" />
+      </View>
+    )
+  }
+
+  return (
+    <ScrollView marginTop="$2">
+      {isFetching || !txDetails ? <LoadingTx /> : <ListTable items={parameters} />}
+    </ScrollView>
+  )
+}
diff --git a/apps/mobile/src/features/AdvancedDetails/TxParameters.container.tsx b/apps/mobile/src/features/AdvancedDetails/TxParameters.container.tsx
new file mode 100644
index 000000000..a69bbb8f5
--- /dev/null
+++ b/apps/mobile/src/features/AdvancedDetails/TxParameters.container.tsx
@@ -0,0 +1,39 @@
+import React, { useMemo } from 'react'
+import { View, ScrollView } from 'tamagui'
+import { useTransactionsGetTransactionByIdV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { ListTable } from '@/src/features/ConfirmTx/components/ListTable'
+import { useLocalSearchParams } from 'expo-router'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { Alert } from '@/src/components/Alert'
+import { LoadingTx } from '../ConfirmTx/components/LoadingTx'
+import { formatParameters } from './utils/formatParameters'
+
+export function TxParametersContainer() {
+  const activeSafe = useDefinedActiveSafe()
+  const { txId } = useLocalSearchParams<{ txId: string }>()
+
+  const {
+    data: txDetails,
+    isFetching,
+    isError,
+  } = useTransactionsGetTransactionByIdV1Query({
+    chainId: activeSafe.chainId,
+    id: txId,
+  })
+
+  const parameters = useMemo(() => formatParameters({ txData: txDetails?.txData }), [txDetails?.txData])
+
+  if (isError) {
+    return (
+      <View margin="$4">
+        <Alert type="error" message="Error fetching transaction details" />
+      </View>
+    )
+  }
+
+  return (
+    <ScrollView marginTop="$2">
+      {isFetching || !txDetails ? <LoadingTx /> : <ListTable items={parameters} />}
+    </ScrollView>
+  )
+}
diff --git a/apps/mobile/src/features/AdvancedDetails/components/Receiver/Receiver.tsx b/apps/mobile/src/features/AdvancedDetails/components/Receiver/Receiver.tsx
new file mode 100644
index 000000000..31325f351
--- /dev/null
+++ b/apps/mobile/src/features/AdvancedDetails/components/Receiver/Receiver.tsx
@@ -0,0 +1,45 @@
+import React from 'react'
+import { View, Text } from 'tamagui'
+import { TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { Logo } from '@/src/components/Logo'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Identicon } from '@/src/components/Identicon'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectContactByAddress } from '@/src/store/addressBookSlice'
+
+interface ReceiverProps {
+  txData: TransactionDetails['txData']
+}
+
+export function Receiver({ txData }: ReceiverProps) {
+  const { to: { value = '', name, logoUri } = {} } = txData || {}
+
+  const contact = useAppSelector(selectContactByAddress(value))
+
+  const content = contact?.name || name
+
+  if (!content) {
+    return null
+  }
+
+  return (
+    <View
+      backgroundColor="$backgroundSecondary"
+      padding="$2"
+      paddingHorizontal="$3"
+      borderRadius="$8"
+      flexDirection="row"
+      alignItems="center"
+      gap="$2"
+      alignSelf="flex-start"
+    >
+      <Logo
+        logoUri={logoUri}
+        size="$4"
+        fallbackContent={value ? <Identicon address={value as `0x${string}`} size={16} /> : undefined}
+      />
+      <Text fontWeight={600}>{content}</Text>
+      <SafeFontIcon name="check-oulined" color="$success" size={16} style={{ marginLeft: 'auto' }} />
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/AdvancedDetails/components/Receiver/__tests__/Receiver.test.tsx b/apps/mobile/src/features/AdvancedDetails/components/Receiver/__tests__/Receiver.test.tsx
new file mode 100644
index 000000000..2ed09a60b
--- /dev/null
+++ b/apps/mobile/src/features/AdvancedDetails/components/Receiver/__tests__/Receiver.test.tsx
@@ -0,0 +1,110 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { Receiver } from '../Receiver'
+import { faker } from '@faker-js/faker'
+import { TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useAppSelector } from '@/src/store/hooks'
+
+// Mock the store hooks
+jest.mock('@/src/store/hooks', () => ({
+  useAppSelector: jest.fn(),
+  useAppDispatch: jest.fn(() => jest.fn()),
+}))
+
+// Mock the useTheme hook
+jest.mock('@/src/theme/hooks/useTheme', () => ({
+  useTheme: jest.fn(() => ({ currentTheme: 'light' })),
+}))
+
+describe('Receiver', () => {
+  const mockAddress = faker.finance.ethereumAddress()
+
+  const mockContact = {
+    value: mockAddress,
+    name: 'My Custom Safe',
+    chainIds: ['1'],
+    logoUri: null,
+  }
+
+  const mockTo = {
+    value: mockAddress,
+    name: 'GnosisSafeProxy',
+    logoUri: 'https://example.com/logo.png',
+  }
+
+  const createMockTxData = (overrides?: Partial<TransactionDetails['txData']>): TransactionDetails['txData'] => ({
+    operation: 0,
+    to: { ...mockTo, ...overrides?.to },
+    ...overrides,
+  })
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should display contact name from address book when contact exists', () => {
+    jest.mocked(useAppSelector).mockReturnValue(mockContact)
+
+    const txData = createMockTxData()
+    const { getByText, queryByText } = render(<Receiver txData={txData} />)
+
+    // Should show contact name from addressbook, not transaction data name
+    expect(getByText(mockContact.name)).toBeTruthy()
+    expect(queryByText(mockTo.name)).toBeNull()
+  })
+
+  it('should fall back to transaction data name when no contact exists in address book', () => {
+    jest.mocked(useAppSelector).mockReturnValue(null)
+
+    const txData = createMockTxData()
+    const { getByText } = render(<Receiver txData={txData} />)
+
+    // Should show transaction data name as fallback
+    expect(getByText(mockTo.name)).toBeTruthy()
+  })
+
+  it.each([
+    {
+      name: 'no contact name and no transaction data name',
+      txData: createMockTxData({
+        to: {
+          value: mockAddress,
+          name: null,
+          logoUri: null,
+        },
+      }),
+    },
+    {
+      name: 'txData is null',
+      txData: null,
+    },
+    {
+      name: 'txData is undefined',
+      txData: undefined,
+    },
+  ])('should not render when $name', ({ txData }) => {
+    jest.mocked(useAppSelector).mockReturnValue(null)
+
+    const { queryByText } = render(<Receiver txData={txData} />)
+
+    // Should not render anything
+    expect(queryByText(mockContact.name)).toBeNull()
+    expect(queryByText(mockTo.name)).toBeNull()
+  })
+
+  it('should handle missing logoUri gracefully', () => {
+    jest.mocked(useAppSelector).mockReturnValue(mockContact)
+
+    const txData = createMockTxData({
+      to: {
+        value: mockAddress,
+        name: 'Contract Name',
+        logoUri: null,
+      },
+    })
+    const { getByText } = render(<Receiver txData={txData} />)
+
+    // Should still render the component even without logoUri
+    expect(getByText(mockContact.name)).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/features/AdvancedDetails/components/Receiver/index.tsx b/apps/mobile/src/features/AdvancedDetails/components/Receiver/index.tsx
new file mode 100644
index 000000000..34dcfb221
--- /dev/null
+++ b/apps/mobile/src/features/AdvancedDetails/components/Receiver/index.tsx
@@ -0,0 +1 @@
+export { Receiver } from './Receiver'
diff --git a/apps/mobile/src/features/AdvancedDetails/formatters/arrayValue.tsx b/apps/mobile/src/features/AdvancedDetails/formatters/arrayValue.tsx
new file mode 100644
index 000000000..ff690908a
--- /dev/null
+++ b/apps/mobile/src/features/AdvancedDetails/formatters/arrayValue.tsx
@@ -0,0 +1,35 @@
+import { ListTableItem } from '@/src/features/ConfirmTx/components/ListTable'
+import { DataDecodedParameter } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { ReactElement } from 'react'
+import { Text, View } from 'tamagui'
+import { shortenText } from '@safe-global/utils/utils/formatters'
+import { CopyButton } from '@/src/components/CopyButton'
+
+const renderArrayValue = (value: object, index?: number): ReactElement => {
+  const displayLimit = 30
+
+  if (Array.isArray(value)) {
+    return (
+      <View key={`array-${index}`}>
+        <Text>[</Text>
+        <View marginLeft={'$2'}>{value.map(renderArrayValue)}</View>
+        <Text>]</Text>
+      </View>
+    )
+  }
+  return (
+    <View key={`value-${value}-${index}`} flexDirection="row" alignItems="center" gap="$1">
+      <Text>{shortenText(String(value), displayLimit)}</Text>
+      <CopyButton value={String(value)} color={'$textSecondaryLight'} text="Data copied." />
+    </View>
+  )
+}
+
+export const formatArrayValue = (param: DataDecodedParameter): ListTableItem => {
+  return {
+    label: param.name,
+    render: () => renderArrayValue(param.value),
+    direction: 'column',
+    alignItems: 'flex-start',
+  }
+}
diff --git a/apps/mobile/src/features/AdvancedDetails/formatters/singleValue.tsx b/apps/mobile/src/features/AdvancedDetails/formatters/singleValue.tsx
new file mode 100644
index 000000000..252865f61
--- /dev/null
+++ b/apps/mobile/src/features/AdvancedDetails/formatters/singleValue.tsx
@@ -0,0 +1,60 @@
+import { DataDecodedParameter } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { ListTableItem } from '@/src/features/ConfirmTx/components/ListTable'
+import { shortenText } from '@safe-global/utils/utils/formatters'
+import { Text, View } from 'tamagui'
+import { CopyButton } from '@/src/components/CopyButton'
+import { EthAddress } from '@/src/components/EthAddress'
+import { Address } from '@/src/types/address'
+import { Identicon } from '@/src/components/Identicon'
+import { InfoSheet } from '@/src/components/InfoSheet'
+
+export const characterDisplayLimit = 15
+
+export const DisplayValue = ({ type, value }: { type: string; value: string }) => {
+  const isLong = value.length > characterDisplayLimit
+
+  switch (type) {
+    case 'hash':
+    case 'address':
+      return (
+        <View flexDirection="row" alignItems="center" gap="$1">
+          <Identicon address={value as Address} size={24} />
+          <EthAddress address={value as Address} copy copyProps={{ color: '$textSecondaryLight' }} />
+        </View>
+      )
+    case 'rawData':
+    case 'bytes':
+      return (
+        <View flexDirection="row" alignItems="center" gap="$1">
+          <Text>{shortenText(value, characterDisplayLimit)}</Text>
+          <CopyButton value={value} color={'$textSecondaryLight'} text="Data copied." />
+        </View>
+      )
+    default:
+      return (
+        <View flexDirection="row" alignItems="center" gap="$1">
+          <Text>{isLong ? shortenText(value, characterDisplayLimit) : value}</Text>
+          {isLong && <CopyButton value={value} color={'$textSecondaryLight'} text="Data copied." />}
+        </View>
+      )
+  }
+}
+
+export const formatValueTemplate = (param: DataDecodedParameter): ListTableItem => {
+  if (param.value == undefined || typeof param.value !== 'string') {
+    return {
+      label: param.name,
+    }
+  }
+
+  const value = String(param.value)
+
+  return {
+    label: param.name,
+    render: () => (
+      <InfoSheet title={param.name} info={value}>
+        <DisplayValue type={param.type} value={value} />
+      </InfoSheet>
+    ),
+  }
+}
diff --git a/apps/mobile/src/features/AdvancedDetails/index.ts b/apps/mobile/src/features/AdvancedDetails/index.ts
new file mode 100644
index 000000000..5b690c253
--- /dev/null
+++ b/apps/mobile/src/features/AdvancedDetails/index.ts
@@ -0,0 +1,2 @@
+export { TxDataContainer } from './TxData.container'
+export { TxParametersContainer } from './TxParameters.container'
diff --git a/apps/mobile/src/features/AdvancedDetails/utils/formatParameters.test.tsx b/apps/mobile/src/features/AdvancedDetails/utils/formatParameters.test.tsx
new file mode 100644
index 000000000..d17fc29bb
--- /dev/null
+++ b/apps/mobile/src/features/AdvancedDetails/utils/formatParameters.test.tsx
@@ -0,0 +1,167 @@
+import { TransactionData } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { formatParameters } from './formatParameters'
+
+// Mock dependencies with minimal implementation
+jest.mock('@/src/utils/transaction-guards', () => ({
+  isArrayParameter: jest.fn(),
+}))
+
+jest.mock('@safe-global/utils/utils/formatters', () => ({
+  shortenText: jest.fn((text: string) => text.slice(0, 15) + '...'),
+}))
+
+jest.mock('../formatters/singleValue', () => ({
+  characterDisplayLimit: 15,
+  formatValueTemplate: jest.fn((param) => ({
+    label: param.name,
+    value: param.value,
+  })),
+}))
+
+jest.mock('../formatters/arrayValue', () => ({
+  formatArrayValue: jest.fn((param) => ({
+    label: `${param.name} (array)`,
+    value: String(param.value),
+  })),
+}))
+
+const { isArrayParameter } = require('@/src/utils/transaction-guards')
+const { formatValueTemplate } = require('../formatters/singleValue')
+const { formatArrayValue } = require('../formatters/arrayValue')
+
+// Mock data helper to bypass strict typing for tests
+const createMockTxData = (data: unknown) => data as TransactionData
+
+describe('formatParameters', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should return empty array when txData is undefined', () => {
+    const result = formatParameters({ txData: undefined })
+    expect(result).toEqual([])
+  })
+
+  it('should return empty array when txData is null', () => {
+    const result = formatParameters({ txData: null })
+    expect(result).toEqual([])
+  })
+
+  it('should return basic item when txData exists', () => {
+    const txData = {
+      to: { value: '0x123...' },
+      dataDecoded: {
+        method: 'transfer',
+        parameters: [],
+      },
+      hexData: null,
+      value: null,
+      operation: 0,
+    }
+
+    const result = formatParameters({ txData })
+
+    expect(result).toHaveLength(1)
+    expect(result[0]).toHaveProperty('label')
+  })
+
+  it('should handle parameters with regular values', () => {
+    const txData = createMockTxData({
+      to: { value: '0x123...' },
+      dataDecoded: {
+        method: 'transfer',
+        parameters: [
+          { name: 'recipient', type: 'address', value: '0xabc...' },
+          { name: 'amount', type: 'uint256', value: '1000' },
+        ],
+      },
+      hexData: null,
+      value: null,
+      operation: 0,
+    })
+
+    isArrayParameter.mockImplementation(() => false)
+
+    const result = formatParameters({ txData })
+
+    expect(result).toHaveLength(3) // 1 basic + 2 parameters
+    expect(formatValueTemplate).toHaveBeenCalledTimes(2)
+  })
+
+  it('should handle array parameters', () => {
+    const txData = {
+      to: { value: '0x123...' },
+      dataDecoded: {
+        method: 'batchTransfer',
+        parameters: [{ name: 'recipients', type: 'address[]', value: ['0xabc...', '0xdef...'] }],
+      },
+      hexData: null,
+      value: null,
+      operation: 0,
+    }
+
+    isArrayParameter.mockImplementation((type: string) => type.endsWith('[]'))
+
+    const result = formatParameters({ txData })
+
+    expect(result).toHaveLength(2) // 1 basic + 1 array parameter
+    expect(formatArrayValue).toHaveBeenCalledTimes(1)
+  })
+
+  it('should include hex data when present', () => {
+    const txData = {
+      to: { value: '0x123...' },
+      dataDecoded: {
+        method: 'transfer',
+        parameters: [],
+      },
+      hexData: '0x1234567890abcdef1234567890abcdef',
+      value: null,
+      operation: 0,
+    }
+
+    const result = formatParameters({ txData })
+
+    expect(result).toHaveLength(2) // 1 basic + 1 hex data
+  })
+
+  it('should handle missing dataDecoded', () => {
+    const txData = {
+      to: { value: '0x123...' },
+      dataDecoded: null,
+      hexData: '0x1234',
+      value: null,
+      operation: 0,
+    }
+
+    const result = formatParameters({ txData })
+
+    expect(result).toHaveLength(2) // 1 basic + 1 hex data
+  })
+
+  it('should handle mixed parameter types', () => {
+    const txData = createMockTxData({
+      to: { value: '0x123...' },
+      dataDecoded: {
+        method: 'complexMethod',
+        parameters: [
+          { name: 'address', type: 'address', value: '0xabc...' },
+          { name: 'amounts', type: 'uint256[]', value: ['100', '200'] },
+          { name: 'data', type: 'bytes', value: ['0x123'] },
+          { name: 'flag', type: 'bool', value: true },
+        ],
+      },
+      hexData: '0xabcdef',
+      value: null,
+      operation: 0,
+    })
+
+    isArrayParameter.mockImplementation((type: string) => type.endsWith('[]'))
+
+    const result = formatParameters({ txData })
+
+    expect(result).toHaveLength(6) // 1 basic + 4 parameters + 1 hex data
+    expect(formatValueTemplate).toHaveBeenCalledTimes(2) // address and flag
+    expect(formatArrayValue).toHaveBeenCalledTimes(2) // amounts array and data with array value
+  })
+})
diff --git a/apps/mobile/src/features/AdvancedDetails/utils/formatParameters.tsx b/apps/mobile/src/features/AdvancedDetails/utils/formatParameters.tsx
new file mode 100644
index 000000000..89ee85ffd
--- /dev/null
+++ b/apps/mobile/src/features/AdvancedDetails/utils/formatParameters.tsx
@@ -0,0 +1,77 @@
+import { TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { ListTableItem } from '@/src/features/ConfirmTx/components/ListTable'
+import { isArrayParameter } from '@/src/utils/transaction-guards'
+import { shortenText } from '@safe-global/utils/utils/formatters'
+import { CircleProps, Text, View } from 'tamagui'
+import { CopyButton } from '@/src/components/CopyButton'
+import { characterDisplayLimit, formatValueTemplate } from '../formatters/singleValue'
+import { formatArrayValue } from '../formatters/arrayValue'
+import { Badge } from '@/src/components/Badge'
+import { InfoSheet } from '@/src/components/InfoSheet'
+import React from 'react'
+
+interface formatParametersProps {
+  txData?: TransactionDetails['txData']
+}
+const badgeProps: CircleProps = { borderRadius: '$2', paddingHorizontal: '$2', paddingVertical: '$1' }
+
+const formatParameters = ({ txData }: formatParametersProps): ListTableItem[] => {
+  if (!txData) {
+    return []
+  }
+
+  const items: ListTableItem[] = [
+    {
+      label: txData?.dataDecoded?.method ? 'Call' : 'Interacted with',
+      render: () => (
+        <Badge
+          circleProps={badgeProps}
+          themeName="badge_background"
+          fontSize={13}
+          textContentProps={{ fontFamily: 'DM Mono' }}
+          circular={false}
+          content={String(txData?.dataDecoded?.method || txData?.to.value)}
+        />
+      ),
+    },
+  ]
+
+  const parameters = txData?.dataDecoded?.parameters
+
+  if (parameters && parameters.length) {
+    const formatedParameters = parameters.reduce<ListTableItem[]>((acc, param) => {
+      const isArrayValueParam = isArrayParameter(param.type) || Array.isArray(param.value)
+
+      if (isArrayValueParam) {
+        acc.push(formatArrayValue(param))
+        return acc
+      }
+
+      acc.push(formatValueTemplate(param))
+
+      return acc
+    }, [])
+
+    items.push(...formatedParameters)
+  }
+
+  if (txData?.hexData) {
+    const hexData = txData.hexData
+
+    items.push({
+      label: 'Hex Data:',
+      render: () => (
+        <InfoSheet title="Hex Data" info={hexData}>
+          <View flexDirection="row" alignItems="center" gap="$1">
+            <Text>{shortenText(txData?.hexData || '', characterDisplayLimit)}</Text>
+            <CopyButton value={txData?.hexData || ''} color={'$textSecondaryLight'} text="Data copied." />
+          </View>
+        </InfoSheet>
+      ),
+    })
+  }
+
+  return items
+}
+
+export { formatParameters }
diff --git a/apps/mobile/src/features/AdvancedDetails/utils/formatTxDetails.test.tsx b/apps/mobile/src/features/AdvancedDetails/utils/formatTxDetails.test.tsx
new file mode 100644
index 000000000..3b4f6b091
--- /dev/null
+++ b/apps/mobile/src/features/AdvancedDetails/utils/formatTxDetails.test.tsx
@@ -0,0 +1,276 @@
+import { faker } from '@faker-js/faker'
+import { formatTxDetails } from './formatTxDetails'
+import { TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { Operation } from '@safe-global/safe-gateway-typescript-sdk'
+
+// Mock dependencies
+jest.mock('@safe-global/utils/utils/formatters', () => ({
+  shortenText: jest.fn((text: string, limit: number) => text.slice(0, limit) + '...'),
+}))
+
+jest.mock('@/src/utils/transaction-guards', () => ({
+  isMultisigDetailedExecutionInfo: jest.fn(),
+}))
+
+// Mock all UI components to return simple objects
+jest.mock('../components/Receiver', () => ({
+  Receiver: () => 'MockReceiver',
+}))
+
+jest.mock('@/src/components/Badge', () => ({
+  Badge: () => 'MockBadge',
+}))
+
+jest.mock('@/src/components/CopyButton', () => ({
+  CopyButton: () => 'MockCopyButton',
+}))
+
+jest.mock('@/src/components/EthAddress', () => ({
+  EthAddress: () => 'MockEthAddress',
+}))
+
+jest.mock('@/src/components/Identicon', () => ({
+  Identicon: () => 'MockIdenticon',
+}))
+
+jest.mock('@/src/components/SafeFontIcon', () => ({
+  SafeFontIcon: () => 'MockSafeFontIcon',
+}))
+
+const { isMultisigDetailedExecutionInfo } = require('@/src/utils/transaction-guards')
+
+// Helper to create minimal transaction details
+const createMockTxDetails = (overrides: Partial<TransactionDetails> = {}): TransactionDetails => {
+  return {
+    txInfo: {} as TransactionDetails['txInfo'],
+    txData: {
+      to: { value: faker.finance.ethereumAddress() },
+      value: null,
+      operation: Operation.CALL,
+      hexData: null,
+      dataDecoded: null,
+    },
+    detailedExecutionInfo: null,
+    txHash: null,
+    safeAppInfo: null,
+    txStatus: 'SUCCESS',
+    txId: 'test-id',
+    safeAddress: faker.finance.ethereumAddress(),
+    ...overrides,
+  }
+}
+
+describe('formatTxDetails', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  const viewOnExplorer = jest.fn()
+
+  it('should return empty array when txDetails is undefined', () => {
+    const result = formatTxDetails({ txDetails: undefined, viewOnExplorer })
+    expect(result).toEqual([])
+  })
+
+  it('should return empty array when txDetails is null', () => {
+    const result = formatTxDetails({ txDetails: null as unknown as TransactionDetails, viewOnExplorer })
+    expect(result).toEqual([])
+  })
+
+  it('should format basic transaction details with To field', () => {
+    const mockAddress = faker.finance.ethereumAddress()
+    const txDetails = createMockTxDetails({
+      txData: {
+        to: { value: mockAddress },
+        value: null,
+        operation: Operation.CALL,
+        hexData: null,
+        dataDecoded: null,
+      },
+    })
+
+    const result = formatTxDetails({ txDetails, viewOnExplorer })
+
+    expect(result.length).toBeGreaterThanOrEqual(1)
+    // Check that we have a 'To' field
+    expect(result.some((item) => 'label' in item && item.label === 'To')).toBe(true)
+  })
+
+  it('should include Value field when transaction has value', () => {
+    const txDetails = createMockTxDetails({
+      txData: {
+        to: { value: faker.finance.ethereumAddress() },
+        value: '1000000000000000000', // 1 ETH in wei
+        operation: Operation.CALL,
+        hexData: null,
+        dataDecoded: null,
+      },
+    })
+
+    const result = formatTxDetails({ txDetails, viewOnExplorer })
+
+    // Check that we have a 'Value' field
+    expect(result.some((item) => 'label' in item && item.label === 'Value')).toBe(true)
+  })
+
+  it('should include Operation field when operation is defined', () => {
+    const txDetails = createMockTxDetails({
+      txData: {
+        to: { value: faker.finance.ethereumAddress() },
+        value: null,
+        operation: Operation.DELEGATE,
+        hexData: null,
+        dataDecoded: null,
+      },
+    })
+
+    const result = formatTxDetails({ txDetails, viewOnExplorer })
+
+    // Check that we have an 'Operation' field
+    expect(result.some((item) => 'label' in item && item.label === 'Operation')).toBe(true)
+  })
+
+  it('should include multisig execution details when available', () => {
+    const mockExecutionInfo = {
+      type: 'MULTISIG',
+      nonce: 123,
+      confirmationsRequired: 2,
+      confirmationsSubmitted: 1,
+      missingSigners: null,
+      signers: [],
+      submittedAt: 1234567890000,
+      gasPrice: '20000000000',
+      safeTxGas: '50000',
+      baseGas: '21000',
+      gasToken: faker.finance.ethereumAddress(),
+      refundReceiver: { value: faker.finance.ethereumAddress() },
+      safeTxHash: faker.string.hexadecimal({ length: 64 }),
+    }
+
+    const txDetails = createMockTxDetails({
+      detailedExecutionInfo: mockExecutionInfo as unknown as TransactionDetails['detailedExecutionInfo'],
+    })
+
+    isMultisigDetailedExecutionInfo.mockReturnValue(true)
+
+    const result = formatTxDetails({ txDetails, viewOnExplorer })
+
+    // Check for gas-related fields
+    expect(result.some((item) => 'label' in item && item.label === 'SafeTxGas')).toBe(true)
+    expect(result.some((item) => 'label' in item && item.label === 'BaseGas')).toBe(true)
+    expect(result.some((item) => 'label' in item && item.label === 'GasPrice')).toBe(true)
+    expect(result.some((item) => 'label' in item && item.label === 'GasToken')).toBe(true)
+    expect(result.some((item) => 'label' in item && item.label === 'RefundReceiver')).toBe(true)
+    expect(result.some((item) => 'label' in item && item.label === 'Nonce')).toBe(true)
+    expect(result.some((item) => 'label' in item && item.label === 'Safe Tx Hash')).toBe(true)
+  })
+
+  it('should include transaction hash when available', () => {
+    const mockTxHash = faker.string.hexadecimal({ length: 64 })
+    const txDetails = createMockTxDetails({
+      txHash: mockTxHash,
+    })
+
+    // Ensure multisig check returns false for this test
+    isMultisigDetailedExecutionInfo.mockReturnValue(false)
+
+    const result = formatTxDetails({ txDetails, viewOnExplorer })
+
+    // Check that we have a 'Transaction Hash' field
+    expect(result.some((item) => 'label' in item && item.label === 'Transaction Hash')).toBe(true)
+  })
+
+  it('should not include optional fields when they are not present', () => {
+    const txDetails = createMockTxDetails({
+      txData: {
+        to: { value: faker.finance.ethereumAddress() },
+        value: null,
+        operation: undefined,
+        hexData: null,
+        dataDecoded: null,
+      },
+    } as unknown as TransactionDetails)
+
+    isMultisigDetailedExecutionInfo.mockReturnValue(false)
+
+    const result = formatTxDetails({ txDetails, viewOnExplorer })
+
+    // Should only have the 'To' field
+    expect(result).toHaveLength(1)
+    expect(result.some((item) => 'label' in item && item.label === 'Value')).toBe(false)
+    expect(result.some((item) => 'label' in item && item.label === 'Operation')).toBe(false)
+    expect(result.some((item) => 'label' in item && item.label === 'Transaction Hash')).toBe(false)
+  })
+
+  it('should handle multisig execution without safeTxHash', () => {
+    const mockExecutionInfo = {
+      type: 'MULTISIG',
+      nonce: 123,
+      confirmationsRequired: 2,
+      confirmationsSubmitted: 1,
+      missingSigners: null,
+      signers: [],
+      submittedAt: 1234567890000,
+      gasPrice: '20000000000',
+      safeTxGas: '50000',
+      baseGas: '21000',
+      gasToken: faker.finance.ethereumAddress(),
+      refundReceiver: { value: faker.finance.ethereumAddress() },
+      safeTxHash: null, // No safe tx hash
+    }
+
+    const txDetails = createMockTxDetails({
+      detailedExecutionInfo: mockExecutionInfo as unknown as TransactionDetails['detailedExecutionInfo'],
+    })
+
+    isMultisigDetailedExecutionInfo.mockReturnValue(true)
+
+    const result = formatTxDetails({ txDetails, viewOnExplorer })
+
+    // Should have gas fields but not safe tx hash
+    expect(result.some((item) => 'label' in item && item.label === 'SafeTxGas')).toBe(true)
+    expect(result.some((item) => 'label' in item && item.label === 'Safe Tx Hash')).toBe(false)
+  })
+
+  it('should handle complete transaction with all fields', () => {
+    const mockExecutionInfo = {
+      type: 'MULTISIG',
+      nonce: 123,
+      confirmationsRequired: 2,
+      confirmationsSubmitted: 1,
+      missingSigners: null,
+      signers: [],
+      submittedAt: 1234567890000,
+      gasPrice: '20000000000',
+      safeTxGas: '50000',
+      baseGas: '21000',
+      gasToken: faker.finance.ethereumAddress(),
+      refundReceiver: { value: faker.finance.ethereumAddress() },
+      safeTxHash: faker.string.hexadecimal({ length: 64 }),
+    }
+
+    const txDetails = createMockTxDetails({
+      txData: {
+        to: { value: faker.finance.ethereumAddress() },
+        value: '1000000000000000000',
+        operation: Operation.DELEGATE,
+        hexData: null,
+        dataDecoded: null,
+      },
+      detailedExecutionInfo: mockExecutionInfo as unknown as TransactionDetails['detailedExecutionInfo'],
+      txHash: faker.string.hexadecimal({ length: 64 }),
+    })
+
+    isMultisigDetailedExecutionInfo.mockReturnValue(true)
+
+    const result = formatTxDetails({ txDetails, viewOnExplorer })
+
+    // Should have all possible fields
+    expect(result.some((item) => 'label' in item && item.label === 'To')).toBe(true)
+    expect(result.some((item) => 'label' in item && item.label === 'Value')).toBe(true)
+    expect(result.some((item) => 'label' in item && item.label === 'Operation')).toBe(true)
+    expect(result.some((item) => 'label' in item && item.label === 'SafeTxGas')).toBe(true)
+    expect(result.some((item) => 'label' in item && item.label === 'Transaction Hash')).toBe(true)
+    expect(result.some((item) => 'label' in item && item.label === 'Safe Tx Hash')).toBe(true)
+  })
+})
diff --git a/apps/mobile/src/features/AdvancedDetails/utils/formatTxDetails.tsx b/apps/mobile/src/features/AdvancedDetails/utils/formatTxDetails.tsx
new file mode 100644
index 000000000..667c1cf55
--- /dev/null
+++ b/apps/mobile/src/features/AdvancedDetails/utils/formatTxDetails.tsx
@@ -0,0 +1,173 @@
+import React from 'react'
+import { TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { ListTableItem } from '@/src/features/ConfirmTx/components/ListTable'
+import { CircleProps, Text, View } from 'tamagui'
+import { CopyButton } from '@/src/components/CopyButton'
+import { EthAddress } from '@/src/components/EthAddress'
+import { Address } from '@/src/types/address'
+import { Identicon } from '@/src/components/Identicon'
+import { Badge } from '@/src/components/Badge'
+import { shortenText } from '@safe-global/utils/utils/formatters'
+import { isMultisigDetailedExecutionInfo } from '@/src/utils/transaction-guards'
+import { Operation } from '@safe-global/safe-gateway-typescript-sdk'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { TouchableOpacity } from 'react-native'
+import { Receiver } from '../components/Receiver'
+import { InfoSheet } from '@/src/components/InfoSheet'
+
+interface formatTxDetailsProps {
+  txDetails?: TransactionDetails
+  viewOnExplorer: () => void
+}
+
+const badgeProps: CircleProps = { borderRadius: '$2', paddingHorizontal: '$2', paddingVertical: '$1' }
+const characterDisplayLimit = 15
+
+const formatTxDetails = ({ txDetails, viewOnExplorer }: formatTxDetailsProps): ListTableItem[] => {
+  const items: ListTableItem[] = []
+
+  if (!txDetails) {
+    return items
+  }
+
+  // Basic transaction info
+  items.push({
+    label: 'To',
+    render: () => (
+      <>
+        <View width="100%">
+          <Receiver txData={txDetails.txData} />
+        </View>
+        <View width="100%" flexDirection="row" alignItems="center" gap="$2">
+          <Identicon address={txDetails.txData?.to.value as Address} size={24} />
+
+          <View flexDirection="row" justifyContent="space-between" alignItems="center">
+            <Text flexWrap="wrap" width="77%">
+              {txDetails.txData?.to.value}
+            </Text>
+
+            <View flexDirection="row" alignItems="center" gap="$3">
+              <CopyButton value={txDetails.txData?.to.value || ''} size={16} color={'$textSecondaryLight'} />
+
+              <TouchableOpacity onPress={viewOnExplorer}>
+                <SafeFontIcon name="external-link" size={16} color="$textSecondaryLight" />
+              </TouchableOpacity>
+            </View>
+          </View>
+        </View>
+      </>
+    ),
+  })
+
+  // Value
+  if (txDetails.txData?.value) {
+    items.push({
+      label: 'Value',
+      render: () => <Text>{txDetails.txData?.value || '0'}</Text>,
+    })
+  }
+
+  // Operation
+  if (txDetails.txData?.operation !== undefined) {
+    const operationText = txDetails.txData.operation === Operation.CALL ? '0 (call)' : '1 (delegate call)'
+    items.push({
+      label: 'Operation',
+      render: () => (
+        <Badge
+          circleProps={badgeProps}
+          themeName="badge_background"
+          fontSize={13}
+          textContentProps={{ fontFamily: 'DM Mono' }}
+          circular={false}
+          content={operationText}
+        />
+      ),
+    })
+  }
+
+  // Gas details if available (for multisig transactions)
+  if (isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)) {
+    const executionInfo = txDetails.detailedExecutionInfo
+
+    items.push({
+      label: 'SafeTxGas',
+      render: () => <Text>{executionInfo.safeTxGas}</Text>,
+    })
+
+    items.push({
+      label: 'BaseGas',
+      render: () => <Text>{executionInfo.baseGas}</Text>,
+    })
+
+    items.push({
+      label: 'GasPrice',
+      render: () => <Text>{executionInfo.gasPrice}</Text>,
+    })
+
+    // Gas Token
+    items.push({
+      label: 'GasToken',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$1">
+          <Identicon address={executionInfo.gasToken as Address} size={24} />
+          <EthAddress address={executionInfo.gasToken as Address} copy copyProps={{ color: '$textSecondaryLight' }} />
+        </View>
+      ),
+    })
+
+    // Refund Receiver
+    items.push({
+      label: 'RefundReceiver',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$1">
+          <Identicon address={executionInfo.refundReceiver.value as Address} size={24} />
+          <EthAddress
+            address={executionInfo.refundReceiver.value as Address}
+            copy
+            copyProps={{ color: '$textSecondaryLight' }}
+          />
+        </View>
+      ),
+    })
+
+    // Nonce
+    items.push({
+      label: 'Nonce',
+      render: () => <Text>{executionInfo.nonce}</Text>,
+    })
+
+    // Safe Tx Hash
+    if (executionInfo.safeTxHash) {
+      items.push({
+        label: 'Safe Tx Hash',
+        render: () => (
+          <InfoSheet title="Safe Tx Hash" info={executionInfo.safeTxHash}>
+            <View flexDirection="row" alignItems="center" gap="$1">
+              <Text>{shortenText(executionInfo.safeTxHash || '', characterDisplayLimit)}</Text>
+              <CopyButton value={executionInfo.safeTxHash || ''} color={'$textSecondaryLight'} text="Hash copied." />
+            </View>
+          </InfoSheet>
+        ),
+      })
+    }
+  }
+
+  // Transaction Hash
+  if (txDetails.txHash) {
+    items.push({
+      label: 'Transaction Hash',
+      render: () => (
+        <InfoSheet title="Transaction Hash" info={txDetails.txHash || ''}>
+          <View flexDirection="row" alignItems="center" gap="$1">
+            <Text>{shortenText(txDetails.txHash || '', characterDisplayLimit)}</Text>
+            <CopyButton value={txDetails.txHash || ''} color={'$textSecondaryLight'} text="Hash copied." />
+          </View>
+        </InfoSheet>
+      ),
+    })
+  }
+
+  return items
+}
+
+export { formatTxDetails }
diff --git a/apps/mobile/src/features/Assets/Assets.container.tsx b/apps/mobile/src/features/Assets/Assets.container.tsx
new file mode 100644
index 000000000..e52afb379
--- /dev/null
+++ b/apps/mobile/src/features/Assets/Assets.container.tsx
@@ -0,0 +1,22 @@
+import React from 'react'
+
+import { SafeTab } from '@/src/components/SafeTab'
+
+import { TokensContainer } from '@/src/features/Assets/components/Tokens'
+import { NFTsContainer } from '@/src/features/Assets/components/NFTs'
+import { AssetsHeaderContainer } from '@/src/features/Assets/components/AssetsHeader'
+
+const tabItems = [
+  {
+    label: 'Tokens',
+    Component: TokensContainer,
+  },
+  {
+    label: `NFTs`,
+    Component: NFTsContainer,
+  },
+]
+
+export function AssetsContainer() {
+  return <SafeTab items={tabItems} headerHeight={200} renderHeader={AssetsHeaderContainer} />
+}
diff --git a/apps/mobile/src/features/Assets/Assets.error.tsx b/apps/mobile/src/features/Assets/Assets.error.tsx
new file mode 100644
index 000000000..958c1fe6b
--- /dev/null
+++ b/apps/mobile/src/features/Assets/Assets.error.tsx
@@ -0,0 +1,21 @@
+import { SafeButton } from '@/src/components/SafeButton'
+import React from 'react'
+import { H6, Text, View } from 'tamagui'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+
+export const AssetError = ({ assetType, onRetry }: { assetType: 'token' | 'nft'; onRetry: () => void }) => {
+  const title = assetType === 'token' ? 'Couldn’t load tokens balances' : 'Couldn’t load NFTs'
+
+  return (
+    <View testID="token-error" alignItems="center" gap="$4" marginTop={'$4'}>
+      <H6 fontWeight={600}>{title}</H6>
+      <Text textAlign="center" color="$colorSecondary" width="80%">
+        Something went wrong. Please try to load the page again.
+      </Text>
+      <SafeButton backgroundColor="$backgroundSecondary" color="$colorPrimary" onPress={onRetry}>
+        <SafeFontIcon size={16} name="update" color="$colorPrimary" />
+        Retry
+      </SafeButton>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/Assets/components/AssetsHeader/AssetsHeader.container.tsx b/apps/mobile/src/features/Assets/components/AssetsHeader/AssetsHeader.container.tsx
new file mode 100644
index 000000000..5314a90f2
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/AssetsHeader/AssetsHeader.container.tsx
@@ -0,0 +1,21 @@
+import usePendingTxs from '@/src/hooks/usePendingTxs'
+import { router } from 'expo-router'
+import { useCallback } from 'react'
+import { AssetsHeader } from './AssetsHeader'
+
+export const AssetsHeaderContainer = () => {
+  const { amount, hasMore, isLoading } = usePendingTxs()
+
+  const onPendingTransactionsPress = useCallback(() => {
+    router.push('/pending-transactions')
+  }, [router])
+
+  return (
+    <AssetsHeader
+      isLoading={isLoading}
+      hasMore={hasMore}
+      amount={amount}
+      onPendingTransactionsPress={onPendingTransactionsPress}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/Assets/components/AssetsHeader/AssetsHeader.tsx b/apps/mobile/src/features/Assets/components/AssetsHeader/AssetsHeader.tsx
new file mode 100644
index 000000000..b5742b139
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/AssetsHeader/AssetsHeader.tsx
@@ -0,0 +1,33 @@
+import React from 'react'
+import { BalanceContainer } from '../Balance'
+import { PendingTransactions } from '@/src/components/StatusBanners/PendingTransactions'
+import { View } from 'tamagui'
+import { StyledAssetsHeader } from './styles'
+import { ReadOnlyContainer } from '../ReadOnly/ReadOnly.container'
+
+interface AssetsHeaderProps {
+  amount: number
+  isLoading: boolean
+  onPendingTransactionsPress: () => void
+  hasMore: boolean
+}
+
+export function AssetsHeader({ amount, isLoading, onPendingTransactionsPress, hasMore }: AssetsHeaderProps) {
+  return (
+    <StyledAssetsHeader>
+      <View marginBottom="$8" marginTop="$4">
+        {amount > 0 && (
+          <PendingTransactions
+            isLoading={isLoading}
+            onPress={onPendingTransactionsPress}
+            number={`${amount}${hasMore ? '+' : ''}`}
+          />
+        )}
+      </View>
+
+      <BalanceContainer />
+
+      <ReadOnlyContainer />
+    </StyledAssetsHeader>
+  )
+}
diff --git a/apps/mobile/src/features/Assets/components/AssetsHeader/index.tsx b/apps/mobile/src/features/Assets/components/AssetsHeader/index.tsx
new file mode 100644
index 000000000..44bb8fad0
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/AssetsHeader/index.tsx
@@ -0,0 +1,2 @@
+import { AssetsHeaderContainer } from './AssetsHeader.container'
+export { AssetsHeaderContainer }
diff --git a/apps/mobile/src/features/Assets/components/AssetsHeader/styles.ts b/apps/mobile/src/features/Assets/components/AssetsHeader/styles.ts
new file mode 100644
index 000000000..50b5c74cb
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/AssetsHeader/styles.ts
@@ -0,0 +1,6 @@
+import { styled, View } from 'tamagui'
+
+export const StyledAssetsHeader = styled(View, {
+  paddingHorizontal: '$4',
+  backgroundColor: '$background',
+})
diff --git a/apps/mobile/src/features/Assets/components/Balance/Balance.container.tsx b/apps/mobile/src/features/Assets/components/Balance/Balance.container.tsx
new file mode 100644
index 000000000..d0876b572
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Balance/Balance.container.tsx
@@ -0,0 +1,53 @@
+import { SafeOverviewResult } from '@safe-global/store/gateway/types'
+import { POLLING_INTERVAL } from '@/src/config/constants'
+import { getChainsByIds, selectAllChains, selectChainById } from '@/src/store/chains'
+import { Balance } from './Balance'
+import { makeSafeId } from '@/src/utils/formatters'
+import { RootState } from '@/src/store'
+import { selectSafeChains } from '@/src/store/safesSlice'
+import { useAppSelector } from '@/src/store/hooks'
+import { useSafesGetOverviewForManyQuery } from '@safe-global/store/gateway/safes'
+import React, { useCallback } from 'react'
+import { useSelector } from 'react-redux'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { useCopyAndDispatchToast } from '@/src/hooks/useCopyAndDispatchToast'
+import { selectCurrency } from '@/src/store/settingsSlice'
+
+export function BalanceContainer() {
+  const chains = useAppSelector(selectAllChains)
+  const activeSafe = useDefinedActiveSafe()
+  const chainsIds = useAppSelector((state: RootState) => selectSafeChains(state, activeSafe.address))
+  const activeSafeChains = useAppSelector((state: RootState) => getChainsByIds(state, chainsIds))
+  const copy = useCopyAndDispatchToast()
+  const currency = useAppSelector(selectCurrency)
+  const { data, isLoading } = useSafesGetOverviewForManyQuery<SafeOverviewResult>(
+    {
+      safes: [makeSafeId(activeSafe.chainId, activeSafe.address)],
+      currency,
+      trusted: true,
+      excludeSpam: true,
+    },
+    {
+      pollingInterval: POLLING_INTERVAL,
+      skip: chains.length === 0,
+    },
+  )
+  const activeChain = useSelector((state: RootState) => selectChainById(state, activeSafe.chainId))
+  const balance = data?.find((chain) => chain.chainId === activeSafe.chainId)
+
+  const onPressAddressCopy = useCallback(() => {
+    copy(activeSafe.address)
+  }, [activeSafe.address])
+
+  return (
+    <Balance
+      chainName={activeChain?.chainName}
+      chains={activeSafeChains}
+      isLoading={isLoading}
+      activeChainId={activeSafe.chainId}
+      safeAddress={activeSafe.address}
+      balanceAmount={balance?.fiatTotal || ''}
+      onPressAddressCopy={onPressAddressCopy}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/Assets/components/Balance/Balance.tsx b/apps/mobile/src/features/Assets/components/Balance/Balance.tsx
new file mode 100644
index 000000000..6754cb6a4
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Balance/Balance.tsx
@@ -0,0 +1,74 @@
+import React from 'react'
+import { View, XStack, Text } from 'tamagui'
+
+import { DropdownLabel } from '@/src/components/Dropdown'
+import { Fiat } from '@/src/components/Fiat'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+
+import { ChainsDisplay } from '@/src/components/ChainsDisplay'
+import { useRouter } from 'expo-router'
+import { TouchableOpacity, useColorScheme } from 'react-native'
+import { shortenAddress } from '@safe-global/utils/utils/formatters'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Skeleton } from 'moti/skeleton'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectCurrency } from '@/src/store/settingsSlice'
+
+interface BalanceProps {
+  activeChainId: string
+  safeAddress: string
+  isLoading: boolean
+  chains: Chain[]
+  balanceAmount: string
+  chainName: string
+  onPressAddressCopy: () => void
+}
+
+export function Balance({
+  activeChainId,
+  chains,
+  isLoading,
+  balanceAmount,
+  chainName,
+  safeAddress,
+  onPressAddressCopy,
+}: BalanceProps) {
+  const router = useRouter()
+  const colorScheme = useColorScheme()
+  const currency = useAppSelector(selectCurrency)
+
+  const showSkeleton = isLoading || !balanceAmount
+
+  return (
+    <View marginBottom="$4">
+      {activeChainId && (
+        <XStack paddingBottom={'$4'} gap={'$1'} alignItems={'center'}>
+          <DropdownLabel
+            label={chainName}
+            leftNode={<ChainsDisplay activeChainId={activeChainId} chains={chains} max={1} />}
+            onPress={() => {
+              router.push('/networks-sheet')
+            }}
+            labelProps={{ fontWeight: 600, fontSize: '$4' }}
+            displayDropDownIcon={chains.length > 1}
+          />
+          <TouchableOpacity onPress={onPressAddressCopy}>
+            <XStack alignItems={'center'} paddingLeft={'$1'}>
+              <Text color={'$colorSecondary'} fontSize={'$4'}>
+                {shortenAddress(safeAddress)}
+              </Text>
+              <View paddingLeft={'$1'}>
+                <SafeFontIcon name={'copy'} size={13} color={'$colorSecondary'} />
+              </View>
+            </XStack>
+          </TouchableOpacity>
+        </XStack>
+      )}
+      <Skeleton.Group show={showSkeleton}>
+        <Skeleton colorMode={colorScheme === 'dark' ? 'dark' : 'light'} width={220}>
+          <Fiat value={balanceAmount} currency={currency} precise />
+        </Skeleton>
+      </Skeleton.Group>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/Assets/components/Balance/ChainItems.tsx b/apps/mobile/src/features/Assets/components/Balance/ChainItems.tsx
new file mode 100644
index 000000000..14af89b06
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Balance/ChainItems.tsx
@@ -0,0 +1,40 @@
+import React from 'react'
+import { View } from 'tamagui'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { AssetsCard } from '@/src/components/transactions-list/Card/AssetsCard'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { TouchableOpacity } from 'react-native'
+
+interface ChainItemsProps {
+  activeChain: Chain
+  chains: Chain[]
+  chainId: string
+  fiatTotal: string
+  onSelect: (chainId: string) => void
+}
+
+export function ChainItems({ chainId, chains, activeChain, fiatTotal, onSelect }: ChainItemsProps) {
+  const chain = chains.find((item) => item.chainId === chainId)
+  const isActive = chainId === activeChain.chainId
+
+  const handleChainSelect = () => {
+    onSelect(chainId)
+  }
+
+  if (!chain) {
+    return null
+  }
+
+  return (
+    <TouchableOpacity style={{ width: '100%' }} onPress={handleChainSelect}>
+      <View backgroundColor={isActive ? '$borderLight' : '$backgroundTransparent'} borderRadius="$4">
+        <AssetsCard
+          name={chain.chainName}
+          logoUri={chain.chainLogoUri}
+          description={`${fiatTotal}`}
+          rightNode={isActive && <SafeFontIcon name="check" color="$color" />}
+        />
+      </View>
+    </TouchableOpacity>
+  )
+}
diff --git a/apps/mobile/src/features/Assets/components/Balance/index.tsx b/apps/mobile/src/features/Assets/components/Balance/index.tsx
new file mode 100644
index 000000000..fd6e5f9ff
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Balance/index.tsx
@@ -0,0 +1,2 @@
+import { BalanceContainer } from './Balance.container'
+export { BalanceContainer }
diff --git a/apps/mobile/src/features/Assets/components/Fallback/Fallback.tsx b/apps/mobile/src/features/Assets/components/Fallback/Fallback.tsx
new file mode 100644
index 000000000..3e8e3e7f8
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Fallback/Fallback.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import { getTokenValue } from 'tamagui'
+
+import { SafeTab } from '@/src/components/SafeTab'
+import { Loader } from '@/src/components/Loader'
+
+export const Fallback = ({ loading, children }: { loading: boolean; children: React.ReactElement }) => (
+  <SafeTab.ScrollView style={{ padding: getTokenValue('$4') }}>{loading ? <Loader /> : children}</SafeTab.ScrollView>
+)
diff --git a/apps/mobile/src/features/Assets/components/Fallback/index.ts b/apps/mobile/src/features/Assets/components/Fallback/index.ts
new file mode 100644
index 000000000..eb18c0665
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Fallback/index.ts
@@ -0,0 +1,2 @@
+import { Fallback } from './Fallback'
+export { Fallback }
diff --git a/apps/mobile/src/features/Assets/components/NFTs/NFTItem.tsx b/apps/mobile/src/features/Assets/components/NFTs/NFTItem.tsx
new file mode 100644
index 000000000..bb36487f7
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/NFTs/NFTItem.tsx
@@ -0,0 +1,14 @@
+import React from 'react'
+import { AssetsCard } from '@/src/components/transactions-list/Card/AssetsCard'
+import { Collectible } from '@safe-global/store/gateway/AUTO_GENERATED/collectibles'
+
+export function NFTItem({ item }: { item: Collectible }) {
+  return (
+    <AssetsCard
+      name={item.name || `${item.tokenName} #${item.id}`}
+      logoUri={item.logoUri}
+      description={item.tokenName}
+      rightNode={`#${item.id}`}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/Assets/components/NFTs/NFTs.container.test.tsx b/apps/mobile/src/features/Assets/components/NFTs/NFTs.container.test.tsx
new file mode 100644
index 000000000..cab7e9238
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/NFTs/NFTs.container.test.tsx
@@ -0,0 +1,59 @@
+import React from 'react'
+import { render, screen } from '@/src/tests/test-utils'
+import { NFTsContainer } from './NFTs.container'
+import { server } from '@/src/tests/server'
+import { http, HttpResponse } from 'msw'
+import { GATEWAY_URL } from '@/src/config/constants'
+
+// Mock active safe selector with memoized object
+const mockActiveSafe = { chainId: '1', address: '0x123' }
+
+jest.mock('@/src/store/activeSafeSlice', () => ({
+  selectActiveSafe: () => mockActiveSafe,
+}))
+
+describe('NFTsContainer', () => {
+  afterAll(() => {
+    server.resetHandlers()
+  })
+  it('renders loading state initially', () => {
+    render(<NFTsContainer />)
+    expect(screen.getByTestId('fallback')).toBeTruthy()
+  })
+
+  it('renders error state when API fails', async () => {
+    server.use(
+      http.get(`${GATEWAY_URL}/v2/chains/:chainId/safes/:safeAddress/collectibles`, () => {
+        return HttpResponse.error()
+      }),
+    )
+
+    render(<NFTsContainer />)
+    expect(await screen.findByTestId('fallback')).toBeTruthy()
+  })
+
+  it('renders NFT list when data is available', async () => {
+    render(<NFTsContainer />)
+
+    // First verify we see the loading state
+    expect(screen.getByTestId('fallback')).toBeTruthy()
+
+    // Then check for NFT content
+    const nft1 = await screen.findByText('NFT #1')
+    const nft2 = await screen.findByText('NFT #2')
+
+    expect(nft1).toBeTruthy()
+    expect(nft2).toBeTruthy()
+  })
+
+  it('renders fallback when data is empty', async () => {
+    server.use(
+      http.get(`${GATEWAY_URL}/v2/chains/:chainId/safes/:safeAddress/collectibles`, () => {
+        return HttpResponse.json({ results: [] })
+      }),
+    )
+
+    render(<NFTsContainer />)
+    expect(await screen.findByTestId('fallback')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/features/Assets/components/NFTs/NFTs.container.tsx b/apps/mobile/src/features/Assets/components/NFTs/NFTs.container.tsx
new file mode 100644
index 000000000..f350f13b0
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/NFTs/NFTs.container.tsx
@@ -0,0 +1,67 @@
+import { safelyDecodeURIComponent } from 'expo-router/build/fork/getStateFromPath-forks'
+import React, { useState } from 'react'
+
+import { SafeTab } from '@/src/components/SafeTab'
+import { POLLING_INTERVAL } from '@/src/config/constants'
+import {
+  Collectible,
+  CollectiblePage,
+  useCollectiblesGetCollectiblesV2Query,
+} from '@safe-global/store/gateway/AUTO_GENERATED/collectibles'
+
+import { Fallback } from '../Fallback'
+import { NFTItem } from './NFTItem'
+import { useInfiniteScroll } from '@/src/hooks/useInfiniteScroll'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { NoFunds } from '@/src/features/Assets/components/NoFunds'
+import { AssetError } from '../../Assets.error'
+import { Loader } from '@/src/components/Loader'
+import { getTokenValue } from 'tamagui'
+
+export function NFTsContainer() {
+  const activeSafe = useDefinedActiveSafe()
+  const [pageUrl, setPageUrl] = useState<string>()
+
+  const { data, isFetching, error, refetch } = useCollectiblesGetCollectiblesV2Query(
+    {
+      chainId: activeSafe.chainId,
+      safeAddress: activeSafe.address,
+      cursor: pageUrl && safelyDecodeURIComponent(pageUrl?.split('cursor=')[1]),
+    },
+    {
+      pollingInterval: POLLING_INTERVAL,
+    },
+  )
+  const { list, onEndReached } = useInfiniteScroll<CollectiblePage, Collectible>({
+    refetch,
+    setPageUrl,
+    data,
+  })
+
+  if (error) {
+    return (
+      <Fallback loading={isFetching}>
+        <AssetError assetType={'nft'} onRetry={() => refetch()} />
+      </Fallback>
+    )
+  }
+
+  if (!list?.results.length) {
+    return (
+      <Fallback loading={isFetching || !list}>
+        <NoFunds fundsType={'nft'} />
+      </Fallback>
+    )
+  }
+
+  return (
+    <SafeTab.FlatList<Collectible>
+      onEndReached={onEndReached}
+      data={list?.results}
+      renderItem={NFTItem}
+      ListFooterComponent={isFetching ? <Loader size={24} /> : undefined}
+      keyExtractor={(item, index) => `${item.address}-${index}`}
+      style={{ marginTop: getTokenValue('$2') }}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/Assets/components/NFTs/index.tsx b/apps/mobile/src/features/Assets/components/NFTs/index.tsx
new file mode 100644
index 000000000..cbcb115f8
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/NFTs/index.tsx
@@ -0,0 +1,2 @@
+import { NFTsContainer } from './NFTs.container'
+export { NFTsContainer }
diff --git a/apps/mobile/src/features/Assets/components/Navbar/Navbar.tsx b/apps/mobile/src/features/Assets/components/Navbar/Navbar.tsx
new file mode 100644
index 000000000..04e185d16
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Navbar/Navbar.tsx
@@ -0,0 +1,90 @@
+import React from 'react'
+import { View, Pressable } from 'react-native'
+import { Theme, XStack, getTokenValue } from 'tamagui'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { IdenticonWithBadge } from '@/src/features/Settings/components/IdenticonWithBadge'
+
+import { shortenAddress } from '@/src/utils/formatters'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { useAppSelector } from '@/src/store/hooks'
+import { Link, useRouter } from 'expo-router'
+import { DropdownLabel } from '@/src/components/Dropdown/DropdownLabel'
+import { selectAppNotificationStatus } from '@/src/store/notificationsSlice'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { selectContactByAddress } from '@/src/store/addressBookSlice'
+import { selectSafeInfo } from '@/src/store/safesSlice'
+import { RootState } from '@/src/store'
+
+const dropdownLabelProps = {
+  fontSize: '$5',
+  fontWeight: 600,
+} as const
+
+export const Navbar = () => {
+  const insets = useSafeAreaInsets()
+  const router = useRouter()
+  const activeSafe = useDefinedActiveSafe()
+  const contact = useAppSelector(selectContactByAddress(activeSafe.address))
+  const isAppNotificationEnabled = useAppSelector(selectAppNotificationStatus)
+
+  const handleNotificationAccess = () => {
+    if (!isAppNotificationEnabled) {
+      router.navigate('/notifications-opt-in')
+    } else {
+      router.navigate('/notifications-center')
+    }
+  }
+
+  const activeSafeInfo = useAppSelector((state: RootState) => selectSafeInfo(state, activeSafe.address))
+  const chainSafe = activeSafeInfo ? activeSafeInfo[activeSafe.chainId] : undefined
+
+  return (
+    <Theme name="navbar">
+      <XStack
+        paddingTop={getTokenValue('$3') + insets.top}
+        justifyContent={'space-between'}
+        paddingHorizontal={16}
+        alignItems={'center'}
+        paddingBottom={'$2'}
+        backgroundColor={'$background'}
+      >
+        <DropdownLabel
+          label={contact ? contact.name : shortenAddress(activeSafe.address)}
+          labelProps={dropdownLabelProps}
+          leftNode={
+            <IdenticonWithBadge
+              testID="threshold-info-badge"
+              variant="sm"
+              size={30}
+              badgeSize={18}
+              fontSize={8}
+              address={activeSafe.address}
+              badgeContent={`${chainSafe?.threshold}/${chainSafe?.owners.length}`}
+            />
+          }
+          onPress={() => {
+            router.push('/accounts-sheet')
+          }}
+          hitSlop={4}
+        />
+        <View
+          style={{
+            flexDirection: 'row',
+            gap: 18,
+            alignItems: 'center',
+            justifyContent: 'center',
+          }}
+        >
+          <Link href={'/share'} asChild>
+            <Pressable hitSlop={10}>
+              <SafeFontIcon name="qr-code-1" size={16} />
+            </Pressable>
+          </Link>
+          <Pressable onPressIn={handleNotificationAccess} hitSlop={8}>
+            <SafeFontIcon name="bell" size={20} />
+          </Pressable>
+        </View>
+      </XStack>
+    </Theme>
+  )
+}
diff --git a/apps/mobile/src/features/Assets/components/Navbar/index.tsx b/apps/mobile/src/features/Assets/components/Navbar/index.tsx
new file mode 100644
index 000000000..7d0badea6
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Navbar/index.tsx
@@ -0,0 +1 @@
+export { Navbar } from './Navbar'
diff --git a/apps/mobile/src/features/Assets/components/Navbar/theme.ts b/apps/mobile/src/features/Assets/components/Navbar/theme.ts
new file mode 100644
index 000000000..f5e70a653
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Navbar/theme.ts
@@ -0,0 +1,10 @@
+import { tokens } from '@/src/theme/tokens'
+
+export const navbarTheme = {
+  light_navbar: {
+    background: tokens.color.backgroundPaperLight,
+  },
+  dark_navbar: {
+    background: tokens.color.backgroundDefaultDark,
+  },
+}
diff --git a/apps/mobile/src/features/Assets/components/NoFunds/EmptyNFT.tsx b/apps/mobile/src/features/Assets/components/NoFunds/EmptyNFT.tsx
new file mode 100644
index 000000000..127af611f
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/NoFunds/EmptyNFT.tsx
@@ -0,0 +1,50 @@
+import React from 'react'
+import { useColorScheme } from 'react-native'
+import Svg, { Path } from 'react-native-svg'
+import { getTokenValue } from 'tamagui'
+
+function EmptyNft() {
+  const colorScheme = useColorScheme()
+  let color = getTokenValue('$color.backgroundMainDark')
+
+  if (colorScheme === 'light') {
+    color = getTokenValue('$color.backgroundMainLight')
+  }
+  return (
+    <Svg width="101" height="100" viewBox="0 0 101 100" fill="none">
+      <Path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M58.9064 71.4315C75.7649 71.4315 89.4314 57.765 89.4314 40.9065C89.4314 24.0481 75.7649 10.3815 58.9064 10.3815C42.0479 10.3815 28.3814 24.0481 28.3814 40.9065C28.3814 57.765 42.0479 71.4315 58.9064 71.4315ZM90.2627 40.9065C90.2627 58.2241 76.224 72.2628 58.9064 72.2628C41.5888 72.2628 27.5502 58.2241 27.5502 40.9065C27.5502 23.589 41.5888 9.55029 58.9064 9.55029C76.224 9.55029 90.2627 23.589 90.2627 40.9065Z"
+        fill="#A1A3A7"
+      />
+      <Path
+        d="M41.6375 89.9253C58.5685 89.9253 72.2938 76.2 72.2938 59.269C72.2938 42.3381 58.5685 28.6128 41.6375 28.6128C24.7065 28.6128 10.9813 42.3381 10.9813 59.269C10.9813 76.2 24.7065 89.9253 41.6375 89.9253Z"
+        fill={color}
+      />
+      <Path
+        d="M41.7625 90H41.6125C41.3875 90 41.2063 89.8125 41.2063 89.5938C41.2063 89.3687 41.3688 89.2125 41.6125 89.1875H41.7438C41.7438 89.1875 41.7437 89.1875 41.75 89.1875C42.725 89.1875 43.7125 89.1375 44.6875 89.0437C44.9063 89.0187 45.1063 89.1875 45.1313 89.4062C45.1563 89.6312 44.9875 89.8313 44.7688 89.85C43.775 89.9438 42.7563 89.9937 41.7563 89.9937L41.7625 90ZM39.125 89.8875C39.125 89.8875 39.1 89.8875 39.0875 89.8875C38.0375 89.8 36.9813 89.6562 35.95 89.4562C35.7313 89.4125 35.5875 89.2 35.625 88.9813C35.6688 88.7625 35.8813 88.6125 36.1 88.6562C37.1063 88.8438 38.1313 88.9875 39.15 89.075C39.375 89.0937 39.5375 89.2937 39.5187 89.5125C39.5 89.725 39.325 89.8813 39.1125 89.8813L39.125 89.8875ZM47.2125 89.5125C47.0187 89.5125 46.85 89.375 46.8125 89.1812C46.775 88.9625 46.9188 88.75 47.1375 88.7062C48.1438 88.525 49.1562 88.2875 50.1375 88.0063C50.3562 87.9438 50.5812 88.0687 50.6375 88.2812C50.7 88.5 50.575 88.725 50.3625 88.7875C49.3563 89.0813 48.3187 89.3187 47.2812 89.5062C47.2562 89.5062 47.2313 89.5125 47.2063 89.5125H47.2125ZM33.5938 88.9C33.5562 88.9 33.5188 88.9 33.4875 88.8875C32.475 88.6062 31.4625 88.2688 30.4875 87.8875C30.2812 87.8063 30.175 87.5687 30.2563 87.3625C30.3375 87.1562 30.575 87.05 30.7812 87.1312C31.7375 87.5062 32.7188 87.8312 33.7063 88.1062C33.925 88.1687 34.05 88.3875 33.9875 88.6062C33.9375 88.7875 33.775 88.9062 33.5938 88.9062V88.9ZM52.6188 88.0125C52.4562 88.0125 52.3 87.9125 52.2375 87.75C52.1562 87.5375 52.2625 87.3063 52.475 87.225C53.4313 86.8625 54.3812 86.4437 55.2937 85.9813C55.5 85.8812 55.7375 85.9625 55.8375 86.1625C55.9375 86.3625 55.8563 86.6063 55.6562 86.7063C54.7188 87.1813 53.7438 87.6125 52.7625 87.9812C52.7125 88 52.6688 88.0063 52.6188 88.0063V88.0125ZM28.3375 86.9062C28.275 86.9062 28.2188 86.8938 28.1562 86.8625C27.2125 86.4 26.2812 85.8812 25.3875 85.325C25.2 85.2062 25.1375 84.9563 25.2563 84.7625C25.375 84.575 25.625 84.5125 25.8188 84.6312C26.6875 85.175 27.5938 85.675 28.5125 86.125C28.7125 86.225 28.8 86.4688 28.7 86.6688C28.6313 86.8125 28.4875 86.8937 28.3375 86.8937V86.9062ZM57.6563 85.5375C57.5188 85.5375 57.3875 85.4687 57.3063 85.3437C57.1875 85.15 57.25 84.9 57.4437 84.7875C58.3125 84.2562 59.1688 83.6687 59.9875 83.05C60.1625 82.9125 60.4188 82.95 60.5563 83.125C60.6938 83.3062 60.6562 83.5562 60.4813 83.6937C59.6437 84.3312 58.7625 84.9312 57.8688 85.4812C57.8 85.5187 57.7313 85.5438 57.6563 85.5438V85.5375ZM23.5438 83.9875C23.4625 83.9875 23.375 83.9625 23.3 83.9062C22.4562 83.2812 21.6313 82.6 20.8625 81.8937C20.7 81.7437 20.6875 81.4875 20.8375 81.3187C20.9875 81.15 21.2437 81.1437 21.4125 81.2938C22.1687 81.9875 22.9688 82.6437 23.7875 83.2562C23.9688 83.3875 24.0062 83.6438 23.8687 83.825C23.7875 83.9313 23.6688 83.9875 23.5438 83.9875ZM62.1625 82.1812C62.05 82.1812 61.9375 82.1375 61.8625 82.0437C61.7125 81.875 61.725 81.6187 61.8938 81.4688C62.6563 80.7875 63.3875 80.0562 64.075 79.2937C64.225 79.125 64.4813 79.1188 64.65 79.2688C64.8187 79.4188 64.8312 79.675 64.675 79.8438C63.9688 80.625 63.2125 81.375 62.4313 82.075C62.3563 82.1437 62.2563 82.1812 62.1625 82.1812ZM19.3625 80.2375C19.2562 80.2375 19.1438 80.1937 19.0625 80.1062C18.35 79.3375 17.6625 78.5187 17.0312 77.6813C16.8937 77.5 16.9313 77.25 17.1125 77.1125C17.2938 76.975 17.55 77.0125 17.6813 77.1938C18.3 78.0125 18.9625 78.8063 19.6625 79.5563C19.8125 79.7188 19.8062 79.975 19.6438 80.1312C19.5688 80.2062 19.4688 80.2375 19.3687 80.2375H19.3625ZM65.975 78.0625C65.8875 78.0625 65.8 78.0375 65.725 77.9812C65.55 77.8437 65.5125 77.5875 65.65 77.4125C66.275 76.6 66.8625 75.7437 67.4 74.875C67.5187 74.6875 67.7687 74.625 67.9562 74.7437C68.15 74.8625 68.2062 75.1125 68.0875 75.3C67.5375 76.1937 66.9313 77.0688 66.2875 77.9062C66.2063 78.0125 66.0875 78.0625 65.9625 78.0625H65.975ZM15.9375 75.7875C15.8 75.7875 15.6688 75.7188 15.5938 75.6C15.0313 74.7125 14.5063 73.7875 14.0375 72.8437C13.9375 72.6437 14.0187 72.4 14.2188 72.3C14.425 72.2 14.6625 72.2812 14.7625 72.4813C15.2188 73.4 15.725 74.3 16.275 75.1625C16.3938 75.35 16.3375 75.6062 16.15 75.725C16.0813 75.7687 16.0062 75.7875 15.9312 75.7875H15.9375ZM68.975 73.3125C68.9125 73.3125 68.85 73.3 68.7938 73.2687C68.5938 73.1687 68.5125 72.925 68.6187 72.725C69.0812 71.8125 69.5062 70.8625 69.875 69.9125C69.9562 69.7 70.1938 69.6 70.4 69.6812C70.6063 69.7625 70.7125 70 70.6312 70.2063C70.25 71.1875 69.8188 72.1562 69.3438 73.0938C69.2687 73.2375 69.1312 73.3125 68.9813 73.3125H68.975ZM13.3812 70.7875C13.2187 70.7875 13.0688 70.6937 13.0063 70.5312C12.6125 69.55 12.275 68.5437 11.9875 67.5375C11.925 67.3187 12.05 67.1 12.2687 67.0375C12.4875 66.975 12.7125 67.1 12.7688 67.3187C13.05 68.3 13.3813 69.2812 13.7625 70.2375C13.8438 70.4437 13.7437 70.6813 13.5375 70.7625C13.4875 70.7812 13.4375 70.7937 13.3875 70.7937L13.3812 70.7875ZM71.0563 68.0938C71.0187 68.0938 70.9813 68.0938 70.9437 68.075C70.7313 68.0125 70.6063 67.7875 70.6688 67.5687C70.9563 66.5875 71.2 65.575 71.3875 64.575C71.425 64.3563 71.6375 64.2062 71.8625 64.25C72.0812 64.2937 72.2313 64.5 72.1875 64.725C71.9938 65.7562 71.75 66.7937 71.4562 67.8C71.4062 67.975 71.2438 68.0938 71.0688 68.0938H71.0563ZM11.7938 65.4062C11.6063 65.4062 11.4313 65.275 11.3938 65.0812C11.1938 64.05 11.0375 63 10.9438 61.95C10.925 61.725 11.0875 61.5312 11.3125 61.5062C11.525 61.4937 11.7313 61.65 11.7563 61.875C11.85 62.8937 12 63.925 12.1938 64.925C12.2375 65.1437 12.0937 65.3563 11.875 65.4C11.85 65.4 11.825 65.4062 11.7938 65.4062ZM72.1375 62.5875C72.1375 62.5875 72.1125 62.5875 72.0938 62.5875C71.8688 62.5625 71.7062 62.3688 71.7313 62.1437C71.8375 61.1312 71.8875 60.0938 71.8875 59.0688C71.8875 58.8375 71.8875 58.6063 71.8812 58.375C71.8812 58.15 72.0563 57.9625 72.275 57.9562C72.525 57.9562 72.6875 58.1313 72.6938 58.35C72.6938 58.5875 72.7 58.825 72.7 59.0688C72.7 60.125 72.6438 61.1875 72.5375 62.2313C72.5188 62.4375 72.3375 62.5938 72.1312 62.5938L72.1375 62.5875ZM11.2188 59.825C10.9938 59.825 10.8125 59.6438 10.8125 59.425V59.0688C10.8125 58.1313 10.85 57.1875 10.9375 56.2687C10.9562 56.0437 11.1625 55.8812 11.3812 55.9C11.6062 55.9187 11.7688 56.1188 11.75 56.3438C11.6687 57.2438 11.6313 58.1625 11.6313 59.075V59.425C11.6313 59.65 11.4563 59.8312 11.2313 59.8375L11.2188 59.825ZM72.125 56.275C71.9188 56.275 71.7438 56.1187 71.7188 55.9125C71.6125 54.8937 71.4563 53.8687 71.2438 52.8687C71.2 52.65 71.3375 52.4312 71.5563 52.3875C71.7812 52.3438 71.9937 52.4813 72.0375 52.7C72.25 53.7312 72.4187 54.7812 72.525 55.825C72.55 56.05 72.3875 56.25 72.1625 56.2687C72.15 56.2687 72.1313 56.2687 72.1188 56.2687L72.125 56.275ZM11.6625 54.2312C11.6625 54.2312 11.6187 54.2312 11.5938 54.2312C11.375 54.1937 11.225 53.9812 11.2625 53.7625C11.4438 52.725 11.675 51.6875 11.9625 50.675C12.025 50.4625 12.2438 50.3312 12.4625 50.3937C12.6813 50.4562 12.8063 50.6812 12.7438 50.8937C12.4688 51.875 12.2375 52.8875 12.0625 53.9C12.0312 54.1 11.8563 54.2375 11.6625 54.2375V54.2312ZM71.0312 50.7687C70.8563 50.7687 70.6938 50.6563 70.6438 50.475C70.3563 49.5 70.0063 48.5188 69.6188 47.5688C69.5313 47.3625 69.6313 47.125 69.8375 47.0375C70.0438 46.95 70.2812 47.05 70.3688 47.2563C70.7687 48.2313 71.125 49.2375 71.425 50.2375C71.4875 50.45 71.3688 50.6812 71.15 50.7437C71.1125 50.7562 71.075 50.7625 71.0375 50.7625L71.0312 50.7687ZM13.125 48.8125C13.075 48.8125 13.0313 48.8062 12.9813 48.7875C12.7688 48.7062 12.6625 48.475 12.7438 48.2625C13.1125 47.2812 13.5312 46.3 14 45.3563C14.1 45.1562 14.3438 45.075 14.5438 45.175C14.7438 45.275 14.825 45.5188 14.725 45.7188C14.2688 46.6375 13.8563 47.5938 13.5 48.55C13.4375 48.7125 13.2812 48.8125 13.1187 48.8125H13.125ZM68.9375 45.5562C68.7875 45.5562 68.65 45.475 68.575 45.3375C68.1062 44.4312 67.5875 43.5312 67.0313 42.6687C66.9063 42.4812 66.9625 42.2312 67.15 42.1062C67.3375 41.9812 67.5938 42.0375 67.7125 42.225C68.2875 43.1062 68.8188 44.0312 69.3 44.9625C69.4 45.1625 69.325 45.4062 69.125 45.5125C69.0688 45.5438 69 45.5562 68.9375 45.5562ZM15.5625 43.75C15.4937 43.75 15.4187 43.7312 15.3562 43.6937C15.1625 43.575 15.1 43.3312 15.2188 43.1375C15.7625 42.2375 16.3563 41.3562 16.9875 40.5125C17.1188 40.3313 17.375 40.2937 17.5563 40.4312C17.7375 40.5687 17.775 40.8187 17.6375 41C17.025 41.8187 16.4438 42.6812 15.9188 43.5562C15.8438 43.6812 15.7062 43.75 15.5687 43.75H15.5625ZM65.925 40.8187C65.8063 40.8187 65.6812 40.7625 65.6062 40.6625C64.9812 39.8562 64.3062 39.0687 63.6 38.325C63.4437 38.1625 63.45 37.9062 63.6125 37.75C63.775 37.5937 64.0312 37.6 64.1875 37.7625C64.9125 38.525 65.6063 39.3375 66.2438 40.1625C66.3813 40.3375 66.35 40.5937 66.1688 40.7312C66.0938 40.7875 66.0062 40.8187 65.9187 40.8187H65.925ZM18.8875 39.225C18.7938 39.225 18.6938 39.1937 18.6188 39.125C18.45 38.975 18.4375 38.7188 18.5875 38.55C19.2875 37.7625 20.0312 37.0062 20.8063 36.2937C20.975 36.1438 21.2312 36.15 21.3813 36.3187C21.5312 36.4812 21.525 36.7437 21.3562 36.8937C20.6 37.5875 19.875 38.325 19.1938 39.0938C19.1125 39.1875 19 39.2312 18.8875 39.2312V39.225ZM62.1 36.7062C62.0062 36.7062 61.9063 36.675 61.8313 36.6C61.0688 35.9125 60.2563 35.2625 59.4313 34.6625C59.25 34.5312 59.2062 34.275 59.3438 34.0937C59.475 33.9125 59.7312 33.8688 59.9125 34.0062C60.7625 34.6188 61.5875 35.2875 62.375 35.9938C62.5438 36.1438 62.5563 36.4 62.4062 36.5687C62.325 36.6562 62.2125 36.7062 62.1063 36.7062H62.1ZM22.9813 35.3812C22.8625 35.3812 22.7437 35.325 22.6625 35.225C22.525 35.05 22.5562 34.7937 22.7312 34.6562C23.5625 34.0125 24.4313 33.4 25.325 32.8375C25.5188 32.7187 25.7688 32.775 25.8875 32.9688C26.0063 33.1562 25.95 33.4125 25.7563 33.5312C24.8875 34.075 24.0375 34.6687 23.2313 35.3C23.1563 35.3562 23.0688 35.3875 22.9813 35.3875V35.3812ZM57.5875 33.3625C57.5188 33.3625 57.4437 33.3437 57.375 33.3062C56.5 32.775 55.5875 32.2812 54.6625 31.8437C54.4625 31.75 54.375 31.5062 54.4688 31.3C54.5687 31.1 54.8125 31.0125 55.0125 31.1062C55.9625 31.5562 56.9 32.0625 57.8 32.6125C57.9938 32.7313 58.05 32.9812 57.9375 33.1687C57.8625 33.2937 57.725 33.3625 57.5875 33.3625ZM27.7063 32.35C27.5563 32.35 27.4188 32.2687 27.3438 32.1312C27.2375 31.9312 27.3188 31.6875 27.5187 31.5812C28.45 31.1 29.4188 30.6563 30.4 30.2688C30.6063 30.1875 30.8438 30.2875 30.925 30.5C31.0063 30.7125 30.9062 30.9437 30.6938 31.025C29.7438 31.4 28.8 31.8313 27.8875 32.3C27.825 32.3313 27.7625 32.3438 27.7 32.3438L27.7063 32.35ZM52.5375 30.9C52.4875 30.9 52.4437 30.8937 52.3937 30.875C51.4375 30.5125 50.45 30.2 49.4563 29.9375C49.2375 29.8812 49.1125 29.6562 49.1688 29.4437C49.225 29.225 49.45 29.1 49.6625 29.1562C50.6813 29.425 51.6938 29.75 52.675 30.1187C52.8875 30.2 52.9938 30.4312 52.9125 30.6437C52.85 30.8062 52.6937 30.9062 52.5312 30.9062L52.5375 30.9ZM32.9063 30.2375C32.7313 30.2375 32.5688 30.125 32.5187 29.95C32.4562 29.7375 32.575 29.5062 32.7875 29.4437C33.7938 29.1375 34.825 28.8875 35.8625 28.6875C36.0813 28.6437 36.2938 28.7875 36.3375 29.0125C36.3813 29.2312 36.2375 29.4438 36.0125 29.4875C35.0063 29.6813 34 29.9312 33.0188 30.225C32.9813 30.2375 32.9375 30.2437 32.9 30.2437L32.9063 30.2375ZM47.125 29.4125C47.125 29.4125 47.075 29.4125 47.0562 29.4125C46.05 29.2312 45.0187 29.1062 44 29.0312C43.775 29.0125 43.6063 28.8188 43.625 28.5938C43.6437 28.3687 43.8375 28.2062 44.0625 28.2187C45.1125 28.2937 46.1688 28.4312 47.2 28.6125C47.4188 28.65 47.5687 28.8625 47.5312 29.0812C47.4938 29.275 47.325 29.4187 47.1312 29.4187L47.125 29.4125ZM38.4125 29.1188C38.2062 29.1188 38.0313 28.9625 38.0063 28.7562C37.9813 28.5312 38.1437 28.3312 38.3687 28.3062C39.4125 28.1937 40.475 28.1312 41.525 28.125C41.75 28.125 41.9313 28.3062 41.9313 28.5312C41.9313 28.7562 41.75 28.9375 41.525 28.9375C40.5 28.9437 39.4625 29.0062 38.45 29.1125C38.4375 29.1125 38.4188 29.1125 38.4062 29.1125L38.4125 29.1188Z"
+        fill="#A1A3A7"
+      />
+      <Path
+        d="M36.6939 73.4436C44.4915 73.4436 50.8127 67.1224 50.8127 59.3248C50.8127 51.5272 44.4915 45.2061 36.6939 45.2061C28.8964 45.2061 22.5752 51.5272 22.5752 59.3248C22.5752 67.1224 28.8964 73.4436 36.6939 73.4436Z"
+        fill={color}
+      />
+      <Path
+        d="M36.6936 68.5312C41.778 68.5312 45.8998 64.4094 45.8998 59.3249C45.8998 54.2404 41.778 50.1187 36.6936 50.1187C31.6091 50.1187 27.4873 54.2404 27.4873 59.3249C27.4873 64.4094 31.6091 68.5312 36.6936 68.5312Z"
+        fill={color}
+      />
+      <Path
+        d="M46.6936 68.5312C51.778 68.5312 55.8998 64.4094 55.8998 59.3249C55.8998 54.2404 51.778 50.1187 46.6936 50.1187C41.6091 50.1187 37.4873 54.2404 37.4873 59.3249C37.4873 64.4094 41.6091 68.5312 46.6936 68.5312Z"
+        fill={color}
+      />
+      <Path
+        d="M54.5625 55.8062L50.5372 49.0549C50.4245 48.8658 50.2206 48.75 50.0004 48.75H33.4996C33.2794 48.75 33.0755 48.8658 32.9628 49.0549L28.9375 55.8062M54.5625 55.8062L42.0784 73.633C41.8274 73.9913 41.2955 73.9876 41.0495 73.6258L28.9375 55.8062M54.5625 55.8062H28.9375"
+        stroke="#A1A3A7"
+        stroke-width="1.25"
+      />
+    </Svg>
+  )
+}
+
+export default EmptyNft
diff --git a/apps/mobile/src/features/Assets/components/NoFunds/EmptyToken.tsx b/apps/mobile/src/features/Assets/components/NoFunds/EmptyToken.tsx
new file mode 100644
index 000000000..5b49887b0
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/NoFunds/EmptyToken.tsx
@@ -0,0 +1,57 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+
+function EmptyToken() {
+  return (
+    <Svg width="161" height="160" viewBox="0 0 161 160" fill="none">
+      <Path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M93.9503 114.29C120.924 114.29 142.79 92.4236 142.79 65.45C142.79 38.4764 120.924 16.61 93.9503 16.61C66.9767 16.61 45.1103 38.4764 45.1103 65.45C45.1103 92.4236 66.9767 114.29 93.9503 114.29ZM144.12 65.45C144.12 93.1582 121.658 115.62 93.9503 115.62C66.2421 115.62 43.7803 93.1582 43.7803 65.45C43.7803 37.7419 66.2421 15.28 93.9503 15.28C121.658 15.28 144.12 37.7419 144.12 65.45Z"
+        fill="#A1A3A7"
+      />
+      <Path
+        d="M66.32 143.88C93.4096 143.88 115.37 121.92 115.37 94.83C115.37 67.7405 93.4096 45.78 66.32 45.78C39.2305 45.78 17.27 67.7405 17.27 94.83C17.27 121.92 39.2305 143.88 66.32 143.88Z"
+        fill="#121312"
+      />
+      <Path
+        d="M66.5503 144.15H66.3103C65.9503 144.15 65.6603 143.85 65.6603 143.5C65.6603 143.14 65.9203 142.89 66.3103 142.85H66.5203C66.5203 142.85 66.5203 142.85 66.5303 142.85C68.0903 142.85 69.6703 142.77 71.2303 142.62C71.5803 142.58 71.9003 142.85 71.9403 143.2C71.9803 143.56 71.7103 143.88 71.3603 143.91C69.7703 144.06 68.1403 144.14 66.5403 144.14L66.5503 144.15ZM62.3303 143.97C62.3303 143.97 62.2903 143.97 62.2703 143.97C60.5903 143.83 58.9003 143.6 57.2503 143.28C56.9003 143.21 56.6703 142.87 56.7303 142.52C56.8003 142.17 57.1403 141.93 57.4903 142C59.1003 142.3 60.7403 142.53 62.3703 142.67C62.7303 142.7 62.9903 143.02 62.9603 143.37C62.9303 143.71 62.6503 143.96 62.3103 143.96L62.3303 143.97ZM75.2703 143.37C74.9603 143.37 74.6903 143.15 74.6303 142.84C74.5703 142.49 74.8003 142.15 75.1503 142.08C76.7603 141.79 78.3803 141.41 79.9503 140.96C80.3003 140.86 80.6603 141.06 80.7503 141.4C80.8503 141.75 80.6503 142.11 80.3103 142.21C78.7003 142.68 77.0403 143.06 75.3803 143.36C75.3403 143.36 75.3003 143.37 75.2603 143.37H75.2703ZM53.4803 142.39C53.4203 142.39 53.3603 142.39 53.3103 142.37C51.6903 141.92 50.0703 141.38 48.5103 140.77C48.1803 140.64 48.0103 140.26 48.1403 139.93C48.2703 139.6 48.6503 139.43 48.9803 139.56C50.5103 140.16 52.0803 140.68 53.6603 141.12C54.0103 141.22 54.2103 141.57 54.1103 141.92C54.0303 142.21 53.7703 142.4 53.4803 142.4V142.39ZM83.9203 140.97C83.6603 140.97 83.4103 140.81 83.3103 140.55C83.1803 140.21 83.3503 139.84 83.6903 139.71C85.2203 139.13 86.7403 138.46 88.2003 137.72C88.5303 137.56 88.9103 137.69 89.0703 138.01C89.2303 138.33 89.1003 138.72 88.7803 138.88C87.2803 139.64 85.7203 140.33 84.1503 140.92C84.0703 140.95 84.0003 140.96 83.9203 140.96V140.97ZM45.0703 139.2C44.9703 139.2 44.8803 139.18 44.7803 139.13C43.2703 138.39 41.7803 137.56 40.3503 136.67C40.0503 136.48 39.9503 136.08 40.1403 135.77C40.3303 135.47 40.7303 135.37 41.0403 135.56C42.4303 136.43 43.8803 137.23 45.3503 137.95C45.6703 138.11 45.8103 138.5 45.6503 138.82C45.5403 139.05 45.3103 139.18 45.0703 139.18V139.2ZM91.9803 137.01C91.7603 137.01 91.5503 136.9 91.4203 136.7C91.2303 136.39 91.3303 135.99 91.6403 135.81C93.0303 134.96 94.4003 134.02 95.7103 133.03C95.9903 132.81 96.4003 132.87 96.6203 133.15C96.8403 133.44 96.7803 133.84 96.5003 134.06C95.1603 135.08 93.7503 136.04 92.3203 136.92C92.2103 136.98 92.1003 137.02 91.9803 137.02V137.01ZM37.4003 134.53C37.2703 134.53 37.1303 134.49 37.0103 134.4C35.6603 133.4 34.3403 132.31 33.1103 131.18C32.8503 130.94 32.8303 130.53 33.0703 130.26C33.3103 129.99 33.7203 129.98 33.9903 130.22C35.2003 131.33 36.4803 132.38 37.7903 133.36C38.0803 133.57 38.1403 133.98 37.9203 134.27C37.7903 134.44 37.6003 134.53 37.4003 134.53ZM99.1903 131.64C99.0103 131.64 98.8303 131.57 98.7103 131.42C98.4703 131.15 98.4903 130.74 98.7603 130.5C99.9803 129.41 101.15 128.24 102.25 127.02C102.49 126.75 102.9 126.74 103.17 126.98C103.44 127.22 103.46 127.63 103.21 127.9C102.08 129.15 100.87 130.35 99.6203 131.47C99.5003 131.58 99.3403 131.64 99.1903 131.64ZM30.7103 128.53C30.5403 128.53 30.3603 128.46 30.2303 128.32C29.0903 127.09 27.9903 125.78 26.9803 124.44C26.7603 124.15 26.8203 123.75 27.1103 123.53C27.4003 123.31 27.8103 123.37 28.0203 123.66C29.0103 124.97 30.0703 126.24 31.1903 127.44C31.4303 127.7 31.4203 128.11 31.1603 128.36C31.0403 128.48 30.8803 128.53 30.7203 128.53H30.7103ZM105.29 125.05C105.15 125.05 105.01 125.01 104.89 124.92C104.61 124.7 104.55 124.29 104.77 124.01C105.77 122.71 106.71 121.34 107.57 119.95C107.76 119.65 108.16 119.55 108.46 119.74C108.77 119.93 108.86 120.33 108.67 120.63C107.79 122.06 106.82 123.46 105.79 124.8C105.66 124.97 105.47 125.05 105.27 125.05H105.29ZM25.2303 121.41C25.0103 121.41 24.8003 121.3 24.6803 121.11C23.7803 119.69 22.9403 118.21 22.1903 116.7C22.0303 116.38 22.1603 115.99 22.4803 115.83C22.8103 115.67 23.1903 115.8 23.3503 116.12C24.0803 117.59 24.8903 119.03 25.7703 120.41C25.9603 120.71 25.8703 121.12 25.5703 121.31C25.4603 121.38 25.3403 121.41 25.2203 121.41H25.2303ZM110.09 117.45C109.99 117.45 109.89 117.43 109.8 117.38C109.48 117.22 109.35 116.83 109.52 116.51C110.26 115.05 110.94 113.53 111.53 112.01C111.66 111.67 112.04 111.51 112.37 111.64C112.7 111.77 112.87 112.15 112.74 112.48C112.13 114.05 111.44 115.6 110.68 117.1C110.56 117.33 110.34 117.45 110.1 117.45H110.09ZM21.1403 113.41C20.8803 113.41 20.6403 113.26 20.5403 113C19.9103 111.43 19.3703 109.82 18.9103 108.21C18.8103 107.86 19.0103 107.51 19.3603 107.41C19.7103 107.31 20.0703 107.51 20.1603 107.86C20.6103 109.43 21.1403 111 21.7503 112.53C21.8803 112.86 21.7203 113.24 21.3903 113.37C21.3103 113.4 21.2303 113.42 21.1503 113.42L21.1403 113.41ZM113.42 109.1C113.36 109.1 113.3 109.1 113.24 109.07C112.9 108.97 112.7 108.61 112.8 108.26C113.26 106.69 113.65 105.07 113.95 103.47C114.01 103.12 114.35 102.88 114.71 102.95C115.06 103.02 115.3 103.35 115.23 103.71C114.92 105.36 114.53 107.02 114.06 108.63C113.98 108.91 113.72 109.1 113.44 109.1H113.42ZM18.6003 104.8C18.3003 104.8 18.0203 104.59 17.9603 104.28C17.6403 102.63 17.3903 100.95 17.2403 99.2699C17.2103 98.9099 17.4703 98.5999 17.8303 98.5599C18.1703 98.5399 18.5003 98.7899 18.5403 99.1499C18.6903 100.78 18.9303 102.43 19.2403 104.03C19.3103 104.38 19.0803 104.72 18.7303 104.79C18.6903 104.79 18.6503 104.8 18.6003 104.8ZM115.15 100.29C115.15 100.29 115.11 100.29 115.08 100.29C114.72 100.25 114.46 99.9399 114.5 99.5799C114.67 97.9599 114.75 96.2999 114.75 94.6599C114.75 94.2899 114.75 93.9199 114.74 93.5499C114.74 93.1899 115.02 92.8899 115.37 92.8799C115.77 92.8799 116.03 93.1599 116.04 93.5099C116.04 93.8899 116.05 94.2699 116.05 94.6599C116.05 96.3499 115.96 98.0499 115.79 99.7199C115.76 100.05 115.47 100.3 115.14 100.3L115.15 100.29ZM17.6803 95.8699C17.3203 95.8699 17.0303 95.5799 17.0303 95.2299V94.6599C17.0303 93.1599 17.0903 91.6499 17.2303 90.1799C17.2603 89.8199 17.5903 89.5599 17.9403 89.5899C18.3003 89.6199 18.5603 89.9399 18.5303 90.2999C18.4003 91.7399 18.3403 93.2099 18.3403 94.6699V95.2299C18.3403 95.5899 18.0603 95.8799 17.7003 95.8899L17.6803 95.8699ZM115.13 90.1899C114.8 90.1899 114.52 89.9399 114.48 89.6099C114.31 87.9799 114.06 86.3399 113.72 84.7399C113.65 84.3899 113.87 84.0399 114.22 83.9699C114.58 83.8999 114.92 84.1199 114.99 84.4699C115.33 86.1199 115.6 87.7999 115.77 89.4699C115.81 89.8299 115.55 90.1499 115.19 90.1799C115.17 90.1799 115.14 90.1799 115.12 90.1799L115.13 90.1899ZM18.3903 86.9199C18.3903 86.9199 18.3203 86.9199 18.2803 86.9199C17.9303 86.8599 17.6903 86.5199 17.7503 86.1699C18.0403 84.5099 18.4103 82.8499 18.8703 81.2299C18.9703 80.8899 19.3203 80.6799 19.6703 80.7799C20.0203 80.8799 20.2203 81.2399 20.1203 81.5799C19.6803 83.1499 19.3103 84.7699 19.0303 86.3899C18.9803 86.7099 18.7003 86.9299 18.3903 86.9299V86.9199ZM113.38 81.3799C113.1 81.3799 112.84 81.1999 112.76 80.9099C112.3 79.3499 111.74 77.7799 111.12 76.2599C110.98 75.9299 111.14 75.5499 111.47 75.4099C111.8 75.2699 112.18 75.4299 112.32 75.7599C112.96 77.3199 113.53 78.9299 114.01 80.5299C114.11 80.8699 113.92 81.2399 113.57 81.3399C113.51 81.3599 113.45 81.3699 113.39 81.3699L113.38 81.3799ZM20.7303 78.2499C20.6503 78.2499 20.5803 78.2399 20.5003 78.2099C20.1603 78.0799 19.9903 77.7099 20.1203 77.3699C20.7103 75.7999 21.3803 74.2299 22.1303 72.7199C22.2903 72.3999 22.6803 72.2699 23.0003 72.4299C23.3203 72.5899 23.4503 72.9799 23.2903 73.2999C22.5603 74.7699 21.9003 76.2999 21.3303 77.8299C21.2303 78.0899 20.9803 78.2499 20.7203 78.2499H20.7303ZM110.03 73.0399C109.79 73.0399 109.57 72.9099 109.45 72.6899C108.7 71.2399 107.87 69.7999 106.98 68.4199C106.78 68.1199 106.87 67.7199 107.17 67.5199C107.47 67.3199 107.88 67.4099 108.07 67.7099C108.99 69.1199 109.84 70.5999 110.61 72.0899C110.77 72.4099 110.65 72.7999 110.33 72.9699C110.24 73.0199 110.13 73.0399 110.03 73.0399ZM24.6303 70.1499C24.5203 70.1499 24.4003 70.1199 24.3003 70.0599C23.9903 69.8699 23.8903 69.4799 24.0803 69.1699C24.9503 67.7299 25.9003 66.3199 26.9103 64.9699C27.1203 64.6799 27.5303 64.6199 27.8203 64.8399C28.1103 65.0599 28.1703 65.4599 27.9503 65.7499C26.9703 67.0599 26.0403 68.4399 25.2003 69.8399C25.0803 70.0399 24.8603 70.1499 24.6403 70.1499H24.6303ZM105.21 65.4599C105.02 65.4599 104.82 65.3699 104.7 65.2099C103.7 63.9199 102.62 62.6599 101.49 61.4699C101.24 61.2099 101.25 60.7999 101.51 60.5499C101.77 60.2999 102.18 60.3099 102.43 60.5699C103.59 61.7899 104.7 63.0899 105.72 64.4099C105.94 64.6899 105.89 65.0999 105.6 65.3199C105.48 65.4099 105.34 65.4599 105.2 65.4599H105.21ZM29.9503 62.9099C29.8003 62.9099 29.6403 62.8599 29.5203 62.7499C29.2503 62.5099 29.2303 62.0999 29.4703 61.8299C30.5903 60.5699 31.7803 59.3599 33.0203 58.2199C33.2903 57.9799 33.7003 57.9899 33.9403 58.2599C34.1803 58.5199 34.1703 58.9399 33.9003 59.1799C32.6903 60.2899 31.5303 61.4699 30.4403 62.6999C30.3103 62.8499 30.1303 62.9199 29.9503 62.9199V62.9099ZM99.0903 58.8799C98.9403 58.8799 98.7803 58.8299 98.6603 58.7099C97.4403 57.6099 96.1403 56.5699 94.8203 55.6099C94.5303 55.3999 94.4603 54.9899 94.6803 54.6999C94.8903 54.4099 95.3003 54.3399 95.5903 54.5599C96.9503 55.5399 98.2703 56.6099 99.5303 57.7399C99.8003 57.9799 99.8203 58.3899 99.5803 58.6599C99.4503 58.7999 99.2703 58.8799 99.1003 58.8799H99.0903ZM36.5003 56.7599C36.3103 56.7599 36.1203 56.6699 35.9903 56.5099C35.7703 56.2299 35.8203 55.8199 36.1003 55.5999C37.4303 54.5699 38.8203 53.5899 40.2503 52.6899C40.5603 52.4999 40.9603 52.5899 41.1503 52.8999C41.3403 53.1999 41.2503 53.6099 40.9403 53.7999C39.5503 54.6699 38.1903 55.6199 36.9003 56.6299C36.7803 56.7199 36.6403 56.7699 36.5003 56.7699V56.7599ZM91.8703 53.5299C91.7603 53.5299 91.6403 53.4999 91.5303 53.4399C90.1303 52.5899 88.6703 51.7999 87.1903 51.0999C86.8703 50.9499 86.7303 50.5599 86.8803 50.2299C87.0403 49.9099 87.4303 49.7699 87.7503 49.9199C89.2703 50.6399 90.7703 51.4499 92.2103 52.3299C92.5203 52.5199 92.6103 52.9199 92.4303 53.2199C92.3103 53.4199 92.0903 53.5299 91.8703 53.5299ZM44.0603 51.9099C43.8203 51.9099 43.6003 51.7799 43.4803 51.5599C43.3103 51.2399 43.4403 50.8499 43.7603 50.6799C45.2503 49.9099 46.8003 49.1999 48.3703 48.5799C48.7003 48.4499 49.0803 48.6099 49.2103 48.9499C49.3403 49.2899 49.1803 49.6599 48.8403 49.7899C47.3203 50.3899 45.8103 51.0799 44.3503 51.8299C44.2503 51.8799 44.1503 51.8999 44.0503 51.8999L44.0603 51.9099ZM83.7903 49.5899C83.7103 49.5899 83.6403 49.5799 83.5603 49.5499C82.0303 48.9699 80.4503 48.4699 78.8603 48.0499C78.5103 47.9599 78.3103 47.5999 78.4003 47.2599C78.4903 46.9099 78.8503 46.7099 79.1903 46.7999C80.8203 47.2299 82.4403 47.7499 84.0103 48.3399C84.3503 48.4699 84.5203 48.8399 84.3903 49.1799C84.2903 49.4399 84.0403 49.5999 83.7803 49.5999L83.7903 49.5899ZM52.3803 48.5299C52.1003 48.5299 51.8403 48.3499 51.7603 48.0699C51.6603 47.7299 51.8503 47.3599 52.1903 47.2599C53.8003 46.7699 55.4503 46.3699 57.1103 46.0499C57.4603 45.9799 57.8003 46.2099 57.8703 46.5699C57.9403 46.9199 57.7103 47.2599 57.3503 47.3299C55.7403 47.6399 54.1303 48.0399 52.5603 48.5099C52.5003 48.5299 52.4303 48.5399 52.3703 48.5399L52.3803 48.5299ZM75.1303 47.2099C75.1303 47.2099 75.0503 47.2099 75.0203 47.2099C73.4103 46.9199 71.7603 46.7199 70.1303 46.5999C69.7703 46.5699 69.5003 46.2599 69.5303 45.8999C69.5603 45.5399 69.8703 45.2799 70.2303 45.2999C71.9103 45.4199 73.6003 45.6399 75.2503 45.9299C75.6003 45.9899 75.8403 46.3299 75.7803 46.6799C75.7203 46.9899 75.4503 47.2199 75.1403 47.2199L75.1303 47.2099ZM61.1903 46.7399C60.8603 46.7399 60.5803 46.4899 60.5403 46.1599C60.5003 45.7999 60.7603 45.4799 61.1203 45.4399C62.7903 45.2599 64.4903 45.1599 66.1703 45.1499C66.5303 45.1499 66.8203 45.4399 66.8203 45.7999C66.8203 46.1599 66.5303 46.4499 66.1703 46.4499C64.5303 46.4599 62.8703 46.5599 61.2503 46.7299C61.2303 46.7299 61.2003 46.7299 61.1803 46.7299L61.1903 46.7399Z"
+        fill="#A1A3A7"
+      />
+      <Path
+        d="M58.4103 117.51C70.8864 117.51 81.0003 107.396 81.0003 94.9201C81.0003 82.444 70.8864 72.3301 58.4103 72.3301C45.9342 72.3301 35.8203 82.444 35.8203 94.9201C35.8203 107.396 45.9342 117.51 58.4103 117.51Z"
+        fill="#121312"
+      />
+      <Path
+        d="M58.4099 118.16C45.5899 118.16 35.1699 107.73 35.1699 94.9199C35.1699 82.1099 45.5999 71.6799 58.4099 71.6799C71.2199 71.6799 81.6499 82.1099 81.6499 94.9199C81.6499 107.73 71.2199 118.16 58.4099 118.16ZM58.4099 72.9799C46.3099 72.9799 36.4699 82.8199 36.4699 94.9199C36.4699 107.02 46.3099 116.86 58.4099 116.86C70.5099 116.86 80.3499 107.02 80.3499 94.9199C80.3499 82.8199 70.5099 72.9799 58.4099 72.9799Z"
+        fill="#A1A3A7"
+      />
+      <Path
+        d="M58.4097 109.65C66.5448 109.65 73.1397 103.055 73.1397 94.9199C73.1397 86.7848 66.5448 80.1899 58.4097 80.1899C50.2745 80.1899 43.6797 86.7848 43.6797 94.9199C43.6797 103.055 50.2745 109.65 58.4097 109.65Z"
+        fill="#121312"
+      />
+      <Path
+        d="M58.4103 110.31C49.9303 110.31 43.0303 103.41 43.0303 94.93C43.0303 86.45 49.9303 79.55 58.4103 79.55C66.8903 79.55 73.7903 86.45 73.7903 94.93C73.7903 103.41 66.8903 110.31 58.4103 110.31ZM58.4103 80.84C50.6403 80.84 44.3303 87.16 44.3303 94.92C44.3303 102.68 50.6503 109 58.4103 109C66.1703 109 72.4903 102.68 72.4903 94.92C72.4903 87.16 66.1703 80.84 58.4103 80.84Z"
+        fill="#A1A3A7"
+      />
+      <Path
+        d="M74.4103 117.51C86.8864 117.51 97.0003 107.396 97.0003 94.9201C97.0003 82.444 86.8864 72.3301 74.4103 72.3301C61.9342 72.3301 51.8203 82.444 51.8203 94.9201C51.8203 107.396 61.9342 117.51 74.4103 117.51Z"
+        fill="#121312"
+      />
+      <Path
+        d="M74.4099 118.16C61.5899 118.16 51.1699 107.73 51.1699 94.9199C51.1699 82.1099 61.5999 71.6799 74.4099 71.6799C87.2199 71.6799 97.6499 82.1099 97.6499 94.9199C97.6499 107.73 87.2199 118.16 74.4099 118.16ZM74.4099 72.9799C62.3099 72.9799 52.4699 82.8199 52.4699 94.9199C52.4699 107.02 62.3099 116.86 74.4099 116.86C86.5099 116.86 96.3499 107.02 96.3499 94.9199C96.3499 82.8199 86.5099 72.9799 74.4099 72.9799Z"
+        fill="#A1A3A7"
+      />
+      <Path
+        d="M74.4097 109.65C82.5448 109.65 89.1397 103.055 89.1397 94.9199C89.1397 86.7848 82.5448 80.1899 74.4097 80.1899C66.2745 80.1899 59.6797 86.7848 59.6797 94.9199C59.6797 103.055 66.2745 109.65 74.4097 109.65Z"
+        fill="#121312"
+      />
+      <Path
+        d="M74.4103 110.31C65.9303 110.31 59.0303 103.41 59.0303 94.93C59.0303 86.45 65.9303 79.55 74.4103 79.55C82.8903 79.55 89.7903 86.45 89.7903 94.93C89.7903 103.41 82.8903 110.31 74.4103 110.31ZM74.4103 80.84C66.6403 80.84 60.3303 87.16 60.3303 94.92C60.3303 102.68 66.6503 109 74.4103 109C82.1703 109 88.4903 102.68 88.4903 94.92C88.4903 87.16 82.1703 80.84 74.4103 80.84Z"
+        fill="#A1A3A7"
+      />
+    </Svg>
+  )
+}
+
+export default EmptyToken
diff --git a/apps/mobile/src/features/Assets/components/NoFunds/NoFunds.test.tsx b/apps/mobile/src/features/Assets/components/NoFunds/NoFunds.test.tsx
new file mode 100644
index 000000000..1efc768a6
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/NoFunds/NoFunds.test.tsx
@@ -0,0 +1,30 @@
+import React from 'react'
+import { render, screen } from '@/src/tests/test-utils'
+import { NoFunds } from './NoFunds'
+
+describe('NoFunds', () => {
+  it('renders the empty token component', () => {
+    render(<NoFunds fundsType={'token'} />)
+
+    // Check for the main elements
+    expect(screen.getByText('Top up your balance')).toBeTruthy()
+    expect(
+      screen.getByText('Send funds to your Safe Account from another wallet by copying your address.'),
+    ).toBeTruthy()
+  })
+
+  it('renders the EmptyToken component', () => {
+    render(<NoFunds fundsType={'token'} />)
+
+    // Check if EmptyToken is rendered by looking for its container
+    expect(screen.getByTestId('empty-token')).toBeTruthy()
+  })
+
+  it('renders the empty NFT component', () => {
+    render(<NoFunds fundsType={'nft'} />)
+
+    // Check for the main elements
+    expect(screen.getByText('No NFTs')).toBeTruthy()
+    expect(screen.getByText('This account has no NFTs yet.')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/features/Assets/components/NoFunds/NoFunds.tsx b/apps/mobile/src/features/Assets/components/NoFunds/NoFunds.tsx
new file mode 100644
index 000000000..9789b9fee
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/NoFunds/NoFunds.tsx
@@ -0,0 +1,32 @@
+import React from 'react'
+import { H4, Text, View } from 'tamagui'
+import EmptyToken from './EmptyToken'
+import EmptyNft from './EmptyNFT'
+
+const texts = {
+  token: {
+    icon: <EmptyToken />,
+    title: 'Top up your balance',
+    description: 'Send funds to your Safe Account from another wallet by copying your address.',
+  },
+  nft: {
+    icon: <EmptyNft />,
+    title: 'No NFTs',
+    description: 'This account has no NFTs yet.',
+  },
+}
+
+type Props = {
+  fundsType: 'token' | 'nft'
+}
+export const NoFunds = ({ fundsType }: Props) => {
+  return (
+    <View testID="empty-token" alignItems="center" gap="$2">
+      {texts[fundsType].icon}
+      <H4 fontWeight={600}>{texts[fundsType].title}</H4>
+      <Text textAlign="center" color="$colorSecondary" width="70%" fontSize="$4">
+        {texts[fundsType].description}
+      </Text>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/Assets/components/NoFunds/index.ts b/apps/mobile/src/features/Assets/components/NoFunds/index.ts
new file mode 100644
index 000000000..cc15cc4e9
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/NoFunds/index.ts
@@ -0,0 +1,2 @@
+import { NoFunds } from './NoFunds'
+export { NoFunds }
diff --git a/apps/mobile/src/features/Assets/components/ReadOnly/ReadOnly.container.test.tsx b/apps/mobile/src/features/Assets/components/ReadOnly/ReadOnly.container.test.tsx
new file mode 100644
index 000000000..12cab028e
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/ReadOnly/ReadOnly.container.test.tsx
@@ -0,0 +1,64 @@
+import { render, screen } from '@/src/tests/test-utils'
+import { ReadOnlyContainer } from './ReadOnly.container'
+import { RootState } from '@/src/store'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+
+describe('ReadOnlyContainer', () => {
+  const mockSafeAddress = '0x123'
+  const mockSigners: Record<string, AddressInfo> = {
+    '0x456': { value: '0x456', name: 'Signer 1' },
+    '0x789': { value: '0x789', name: 'Signer 2' },
+  }
+
+  const mockSafeInfo: SafeOverview = {
+    address: { value: mockSafeAddress },
+    chainId: '1',
+    owners: [{ value: '0x456' }, { value: '0x789' }],
+    threshold: 2,
+    fiatTotal: '0',
+    queued: 0,
+  }
+
+  const createInitialState = (signers: Record<string, AddressInfo>, safeInfo: SafeOverview): Partial<RootState> => ({
+    safes: {
+      [mockSafeAddress]: {
+        '1': safeInfo,
+      },
+    },
+    signers: signers,
+    activeSafe: {
+      address: mockSafeAddress,
+      chainId: '1',
+    },
+  })
+
+  it('should render read-only message when there are no signers', () => {
+    const initialState = createInitialState(
+      {},
+      {
+        ...mockSafeInfo,
+      },
+    )
+    render(<ReadOnlyContainer />, { initialStore: initialState })
+
+    expect(screen.getByText('This is a read-only account')).toBeTruthy()
+  })
+
+  it("should render read-only message when signers don't match owners", () => {
+    const initialState = createInitialState(mockSigners, {
+      ...mockSafeInfo,
+      owners: [{ value: '0x345' }],
+    })
+    render(<ReadOnlyContainer />, { initialStore: initialState })
+
+    expect(screen.getByText('This is a read-only account')).toBeTruthy()
+  })
+
+  it('should not render read-only message when there are signers', () => {
+    const initialState = createInitialState(mockSigners, mockSafeInfo)
+    render(<ReadOnlyContainer />, { initialStore: initialState })
+
+    expect(screen.queryByText('This is a read-only account')).toBeNull()
+  })
+})
diff --git a/apps/mobile/src/features/Assets/components/ReadOnly/ReadOnly.container.tsx b/apps/mobile/src/features/Assets/components/ReadOnly/ReadOnly.container.tsx
new file mode 100644
index 000000000..17e54955e
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/ReadOnly/ReadOnly.container.tsx
@@ -0,0 +1,18 @@
+import { useSelector } from 'react-redux'
+import { RootState } from '@/src/store'
+import { selectSafeInfo } from '@/src/store/safesSlice'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { selectSigners } from '@/src/store/signersSlice'
+import { getSafeSigners } from '@/src/utils/signer'
+import { ReadOnly, ReadOnlyProps } from './ReadOnly'
+
+export const ReadOnlyContainer = ({ marginBottom, marginTop }: Omit<ReadOnlyProps, 'signers'>) => {
+  const activeSafe = useDefinedActiveSafe()
+  const safeInfo = useSelector((state: RootState) => selectSafeInfo(state, activeSafe?.address))
+  const signers = useSelector(selectSigners)
+
+  const chainSafe = safeInfo ? safeInfo[activeSafe.chainId] : undefined
+  const safeSigners = chainSafe ? getSafeSigners(chainSafe, signers) : []
+
+  return <ReadOnly signers={safeSigners} marginBottom={marginBottom} marginTop={marginTop} />
+}
diff --git a/apps/mobile/src/features/Assets/components/ReadOnly/ReadOnly.tsx b/apps/mobile/src/features/Assets/components/ReadOnly/ReadOnly.tsx
new file mode 100644
index 000000000..a97718e87
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/ReadOnly/ReadOnly.tsx
@@ -0,0 +1,34 @@
+import { Container } from '@/src/components/Container'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { DimensionValue } from 'react-native'
+import { View, Text } from 'tamagui'
+
+export interface ReadOnlyProps {
+  signers: string[]
+  marginBottom?: DimensionValue | string
+  marginTop?: DimensionValue | string
+}
+
+export const ReadOnly = ({ signers, marginBottom = '$6', marginTop = '$2' }: ReadOnlyProps) => {
+  if (signers.length === 0) {
+    return (
+      <Container
+        marginBottom={marginBottom}
+        marginTop={marginTop}
+        padding="$2"
+        justifyContent="center"
+        alignItems="center"
+        backgroundColor="$backgroundSecondary"
+      >
+        <View flexDirection="row" alignItems="center" gap="$2">
+          <SafeFontIcon name="eye-n" size={16} color="$colorLight" />
+          <Text color="$colorLight" fontSize="$4" fontWeight={600} lineHeight={20} letterSpacing={-0.1}>
+            This is a read-only account
+          </Text>
+        </View>
+      </Container>
+    )
+  }
+
+  return null
+}
diff --git a/apps/mobile/src/features/Assets/components/Tokens/Tokens.container.test.tsx b/apps/mobile/src/features/Assets/components/Tokens/Tokens.container.test.tsx
new file mode 100644
index 000000000..714b93f2e
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Tokens/Tokens.container.test.tsx
@@ -0,0 +1,69 @@
+import React from 'react'
+import { render, screen } from '@/src/tests/test-utils'
+import { TokensContainer } from './Tokens.container'
+import { server } from '@/src/tests/server'
+import { http, HttpResponse } from 'msw'
+import { GATEWAY_URL } from '@/src/config/constants'
+
+// Mock active safe selector with memoized object
+const mockActiveSafe = { chainId: '1', address: '0x123' }
+
+jest.mock('@/src/store/activeSafeSlice', () => ({
+  selectActiveSafe: () => mockActiveSafe,
+}))
+
+describe('TokensContainer', () => {
+  afterEach(() => {
+    server.resetHandlers()
+  })
+
+  afterAll(() => {
+    server.close()
+  })
+
+  it('renders loading state initially', () => {
+    render(<TokensContainer />)
+    expect(screen.getByTestId('fallback')).toBeTruthy()
+  })
+
+  it('renders error state when API fails', async () => {
+    server.use(
+      http.get(`${GATEWAY_URL}/api/v1/chains/:chainId/safes/:safeAddress/balances/usd`, () => {
+        return HttpResponse.error()
+      }),
+    )
+
+    render(<TokensContainer />)
+
+    expect(await screen.findByTestId('fallback')).toBeTruthy()
+  })
+
+  it('renders token list when data is available', async () => {
+    // Setup response spy
+    render(<TokensContainer />)
+
+    // First verify we see the loading state
+    expect(screen.getByTestId('fallback')).toBeTruthy()
+
+    // Then check for content
+    const ethText = await screen.findByText('Ethereum')
+    const ethAmount = await screen.findByText('1 ETH')
+    const ethValue = await screen.findByText('$ 2,000.00')
+
+    expect(ethText).toBeTruthy()
+    expect(ethAmount).toBeTruthy()
+    expect(ethValue).toBeTruthy()
+  })
+
+  it('renders fallback when data is empty', async () => {
+    server.use(
+      http.get(`${GATEWAY_URL}/api/v1/chains/:chainId/safes/:safeAddress/balances/usd`, () => {
+        return HttpResponse.json({ items: [] })
+      }),
+    )
+
+    render(<TokensContainer />)
+
+    expect(await screen.findByTestId('fallback')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/features/Assets/components/Tokens/Tokens.container.tsx b/apps/mobile/src/features/Assets/components/Tokens/Tokens.container.tsx
new file mode 100644
index 000000000..a1594144a
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Tokens/Tokens.container.tsx
@@ -0,0 +1,84 @@
+import React from 'react'
+import { ListRenderItem } from 'react-native'
+import { useSelector } from 'react-redux'
+import { getTokenValue, Text } from 'tamagui'
+
+import { SafeTab } from '@/src/components/SafeTab'
+import { AssetsCard } from '@/src/components/transactions-list/Card/AssetsCard'
+import { POLLING_INTERVAL } from '@/src/config/constants'
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { Balance, useBalancesGetBalancesV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+import { Fallback } from '../Fallback'
+import { skipToken } from '@reduxjs/toolkit/query'
+import { formatCurrency, formatCurrencyPrecise } from '@safe-global/utils/utils/formatNumber'
+import { formatVisualAmount } from '@safe-global/utils/utils/formatters'
+import { shouldDisplayPreciseBalance } from '@/src/utils/balance'
+import { NoFunds } from '@/src/features/Assets/components/NoFunds'
+import { AssetError } from '@/src/features/Assets/Assets.error'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectCurrency } from '@/src/store/settingsSlice'
+export function TokensContainer() {
+  const activeSafe = useSelector(selectActiveSafe)
+  const currency = useAppSelector(selectCurrency)
+  const { data, isFetching, error, isLoading, refetch } = useBalancesGetBalancesV1Query(
+    !activeSafe
+      ? skipToken
+      : {
+          chainId: activeSafe.chainId,
+          fiatCode: currency,
+          safeAddress: activeSafe.address,
+          trusted: true,
+        },
+    {
+      pollingInterval: POLLING_INTERVAL,
+    },
+  )
+
+  const renderItem: ListRenderItem<Balance> = React.useCallback(
+    ({ item }) => {
+      const fiatBalance = item.fiatBalance
+      return (
+        <AssetsCard
+          name={item.tokenInfo.name}
+          logoUri={item.tokenInfo.logoUri}
+          description={`${formatVisualAmount(item.balance, item.tokenInfo.decimals as number)} ${
+            item.tokenInfo.symbol
+          }`}
+          rightNode={
+            <Text fontSize="$4" fontWeight={600} color="$color">
+              {shouldDisplayPreciseBalance(fiatBalance, 7)
+                ? formatCurrencyPrecise(fiatBalance, currency)
+                : formatCurrency(fiatBalance, currency)}
+            </Text>
+          }
+        />
+      )
+    },
+    [currency],
+  )
+
+  if (error) {
+    return (
+      <Fallback loading={isFetching}>
+        <AssetError assetType={'token'} onRetry={() => refetch()} />
+      </Fallback>
+    )
+  }
+
+  if (isLoading || !data?.items.length) {
+    return (
+      <Fallback loading={isFetching}>
+        <NoFunds fundsType={'token'} />
+      </Fallback>
+    )
+  }
+
+  return (
+    <SafeTab.FlatList<Balance>
+      data={data?.items}
+      renderItem={renderItem}
+      keyExtractor={(item, index): string => item.tokenInfo.name + index}
+      style={{ marginTop: getTokenValue('$2') }}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/Assets/components/Tokens/index.tsx b/apps/mobile/src/features/Assets/components/Tokens/index.tsx
new file mode 100644
index 000000000..c2dd3ac69
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Tokens/index.tsx
@@ -0,0 +1,2 @@
+import { TokensContainer } from './Tokens.container'
+export { TokensContainer }
diff --git a/apps/mobile/src/features/Assets/index.tsx b/apps/mobile/src/features/Assets/index.tsx
new file mode 100644
index 000000000..d08f5e70c
--- /dev/null
+++ b/apps/mobile/src/features/Assets/index.tsx
@@ -0,0 +1,2 @@
+import { AssetsContainer } from './Assets.container'
+export { AssetsContainer }
diff --git a/apps/mobile/src/features/Assets/styles.ts b/apps/mobile/src/features/Assets/styles.ts
new file mode 100644
index 000000000..3f37a1100
--- /dev/null
+++ b/apps/mobile/src/features/Assets/styles.ts
@@ -0,0 +1,5 @@
+import { styled, View } from 'tamagui'
+
+export const StyledAssetsHeader = styled(View, {
+  paddingHorizontal: 10,
+})
diff --git a/apps/mobile/src/features/ChangeSignerSheet/ChangeSignerSheet.container.tsx b/apps/mobile/src/features/ChangeSignerSheet/ChangeSignerSheet.container.tsx
new file mode 100644
index 000000000..596ee2325
--- /dev/null
+++ b/apps/mobile/src/features/ChangeSignerSheet/ChangeSignerSheet.container.tsx
@@ -0,0 +1,94 @@
+import { SafeBottomSheet } from '@/src/components/SafeBottomSheet'
+import React, { useMemo } from 'react'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { RootState } from '@/src/store'
+import { SignersCard } from '@/src/components/transactions-list/Card/SignersCard'
+import { Text, View } from 'tamagui'
+import { Address } from 'blo'
+import { SignerInfo } from '@/src/types/address'
+import { selectActiveSigner, setActiveSigner } from '@/src/store/activeSignerSlice'
+import { selectSigners } from '@/src/store/signersSlice'
+import { useGetBalancesQuery } from '@/src/store/signersBalance'
+import { selectChainById } from '@/src/store/chains'
+import { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { MultisigExecutionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { formatValue } from '@/src/utils/formatters'
+import { useTransactionsGetTransactionByIdV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { RouteProp, useRoute } from '@react-navigation/native'
+import { extractAppSigners } from '../ConfirmTx/utils'
+import { ContactDisplayNameContainer } from '../AddressBook'
+
+export const ChangeSignerSheetContainer = () => {
+  const dispatch = useAppDispatch()
+  const activeSafe = useDefinedActiveSafe()
+  const signers = useAppSelector(selectSigners)
+  const activeChain = useAppSelector((state: RootState) => selectChainById(state, activeSafe.chainId))
+  const activeSigner = useAppSelector((state: RootState) => selectActiveSigner(state, activeSafe.address))
+
+  const txId = useRoute<RouteProp<{ params: { txId: string } }>>().params.txId
+  const { data: txDetails, isLoading: isLoadingTxDetails } = useTransactionsGetTransactionByIdV1Query({
+    chainId: activeSafe.chainId,
+    id: txId,
+  })
+
+  const detailedExecutionInfo = txDetails?.detailedExecutionInfo as MultisigExecutionDetails
+
+  const storedSigners = useMemo(() => extractAppSigners(signers, detailedExecutionInfo), [txDetails, signers])
+
+  const { data, isLoading } = useGetBalancesQuery({
+    addresses: storedSigners?.map((item) => item.value) || [],
+    chain: activeChain as ChainInfo,
+  })
+
+  const items = useMemo(() => {
+    if (!data) {
+      return []
+    }
+
+    const availableSigners = storedSigners.filter((signer) => {
+      return !detailedExecutionInfo?.confirmations?.some((confirmation) => confirmation.signer.value === signer.value)
+    })
+
+    return availableSigners?.map((item) => ({
+      ...item,
+      balance: data[item.value],
+    }))
+  }, [data, storedSigners, detailedExecutionInfo])
+
+  const onSignerPress = (signer: SignerInfo, onClose: () => void) => () => {
+    if (activeSigner.value !== signer.value) {
+      dispatch(setActiveSigner({ safeAddress: activeSafe.address, signer }))
+    }
+
+    onClose()
+  }
+
+  return (
+    <SafeBottomSheet
+      title="Select signer"
+      items={items}
+      loading={isLoading || isLoadingTxDetails}
+      keyExtractor={({ item }) => item.value}
+      renderItem={({ item, onClose }) => (
+        <View
+          width="100%"
+          borderRadius={'$4'}
+          backgroundColor={activeSigner?.value === item.value ? '$backgroundSecondary' : 'transparent'}
+        >
+          <SignersCard
+            transparent
+            onPress={onSignerPress(item, onClose)}
+            name={<ContactDisplayNameContainer address={item.value as Address} />}
+            address={item.value as Address}
+            rightNode={
+              <Text>
+                {formatValue(item.balance, activeChain.nativeCurrency.decimals)} {activeChain.nativeCurrency.symbol}
+              </Text>
+            }
+          />
+        </View>
+      )}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/ChangeSignerSheet/index.ts b/apps/mobile/src/features/ChangeSignerSheet/index.ts
new file mode 100644
index 000000000..12de7d740
--- /dev/null
+++ b/apps/mobile/src/features/ChangeSignerSheet/index.ts
@@ -0,0 +1 @@
+export { ChangeSignerSheetContainer } from './ChangeSignerSheet.container'
diff --git a/apps/mobile/src/features/ConfirmTx/ConfirmTx.container.tsx b/apps/mobile/src/features/ConfirmTx/ConfirmTx.container.tsx
new file mode 100644
index 000000000..44bc9cafa
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/ConfirmTx.container.tsx
@@ -0,0 +1,74 @@
+import React from 'react'
+import { ScrollView, View } from 'tamagui'
+import { useScrollableHeader } from '@/src/navigation/useScrollableHeader'
+import { NavBarTitle } from '@/src/components/Title'
+import { TransactionInfo } from './components/TransactionInfo'
+import {
+  MultisigExecutionDetails,
+  useTransactionsGetTransactionByIdV1Query,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { RouteProp, useRoute } from '@react-navigation/native'
+import { ConfirmationView } from './components/ConfirmationView'
+import { LoadingTx } from './components/LoadingTx'
+import { useTxSigner } from './hooks/useTxSigner'
+import { Alert } from '@/src/components/Alert'
+import { ConfirmTxForm } from './components/ConfirmTxForm'
+
+function ConfirmTxContainer() {
+  const activeSafe = useDefinedActiveSafe()
+  const txId = useRoute<RouteProp<{ params: { txId: string } }>>().params.txId
+
+  const { handleScroll } = useScrollableHeader({
+    children: <NavBarTitle paddingRight={5}>Confirm transaction</NavBarTitle>,
+    alwaysVisible: true,
+  })
+
+  const { data, isFetching, isError } = useTransactionsGetTransactionByIdV1Query({
+    chainId: activeSafe.chainId,
+    id: txId,
+  })
+
+  const detailedExecutionInfo = data?.detailedExecutionInfo as MultisigExecutionDetails
+  const { activeSigner, hasSigned, canSign } = useTxSigner(detailedExecutionInfo)
+  const hasEnoughConfirmations =
+    detailedExecutionInfo?.confirmationsRequired <= detailedExecutionInfo?.confirmations?.length
+
+  if (isFetching || !data) {
+    return <LoadingTx />
+  }
+
+  if (isError) {
+    return (
+      <View margin="$4">
+        <Alert type="error" message="Error fetching transaction details" />
+      </View>
+    )
+  }
+
+  const isExpired = 'status' in data.txInfo && data.txInfo.status === 'expired'
+
+  return (
+    <View flex={1}>
+      <ScrollView onScroll={handleScroll}>
+        <View paddingHorizontal="$4">
+          <ConfirmationView txDetails={data} />
+        </View>
+        <TransactionInfo txId={txId} detailedExecutionInfo={detailedExecutionInfo} txDetails={data} />
+      </ScrollView>
+
+      <View paddingTop="$1">
+        <ConfirmTxForm
+          hasSigned={Boolean(hasSigned)}
+          hasEnoughConfirmations={hasEnoughConfirmations}
+          activeSigner={activeSigner}
+          canSign={canSign}
+          isExpired={isExpired}
+          txId={txId}
+        />
+      </View>
+    </View>
+  )
+}
+
+export default ConfirmTxContainer
diff --git a/apps/mobile/src/features/ConfirmTx/components/CanNotSign/CanNotSign.test.tsx b/apps/mobile/src/features/ConfirmTx/components/CanNotSign/CanNotSign.test.tsx
new file mode 100644
index 000000000..1bbbf02e6
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/CanNotSign/CanNotSign.test.tsx
@@ -0,0 +1,53 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { CanNotSign } from './CanNotSign'
+import { SelectSigner } from '@/src/components/SelectSigner'
+
+// Mock the SelectSigner component
+jest.mock('@/src/components/SelectSigner', () => ({
+  SelectSigner: jest.fn(() => null),
+}))
+
+describe('CanNotSign', () => {
+  const defaultProps = {
+    address: '0x123' as const,
+    txId: 'tx123',
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('renders the correct message', () => {
+    const { getByText } = render(<CanNotSign {...defaultProps} />)
+    expect(getByText('Only signers of this safe can sign this transaction')).toBeTruthy()
+  })
+
+  it('renders SelectSigner when address is provided', () => {
+    render(<CanNotSign {...defaultProps} />)
+
+    expect(SelectSigner).toHaveBeenCalledWith(
+      expect.objectContaining({
+        address: '0x123',
+        txId: 'tx123',
+      }),
+      undefined,
+    )
+  })
+
+  it('does not render SelectSigner when address is undefined', () => {
+    render(<CanNotSign {...defaultProps} address={undefined} />)
+
+    expect(SelectSigner).not.toHaveBeenCalled()
+  })
+
+  it('matches snapshot with address', () => {
+    const { toJSON } = render(<CanNotSign {...defaultProps} />)
+    expect(toJSON()).toMatchSnapshot()
+  })
+
+  it('matches snapshot without address', () => {
+    const { toJSON } = render(<CanNotSign {...defaultProps} address={undefined} />)
+    expect(toJSON()).toMatchSnapshot()
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/CanNotSign/CanNotSign.tsx b/apps/mobile/src/features/ConfirmTx/components/CanNotSign/CanNotSign.tsx
new file mode 100644
index 000000000..fdcac408e
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/CanNotSign/CanNotSign.tsx
@@ -0,0 +1,20 @@
+import React from 'react'
+import { Text, YStack } from 'tamagui'
+import { SelectSigner } from '@/src/components/SelectSigner'
+import { Address } from '@/src/types/address'
+
+interface CanNotSignProps {
+  address: Address | undefined
+  txId: string
+}
+
+export function CanNotSign({ address, txId }: CanNotSignProps) {
+  return (
+    <YStack gap="$4" padding="$2" alignItems="center" justifyContent="center" testID="can-not-sign-container">
+      {address && <SelectSigner address={address} txId={txId} />}
+      <Text fontSize="$4" fontWeight={400} width="70%" textAlign="center" color="$textSecondaryLight">
+        Only signers of this safe can sign this transaction
+      </Text>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/CanNotSign/__snapshots__/CanNotSign.test.tsx.snap b/apps/mobile/src/features/ConfirmTx/components/CanNotSign/__snapshots__/CanNotSign.test.tsx.snap
new file mode 100644
index 000000000..c54c569ad
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/CanNotSign/__snapshots__/CanNotSign.test.tsx.snap
@@ -0,0 +1,71 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CanNotSign matches snapshot with address 1`] = `
+<View>
+  <View
+    style={
+      {
+        "alignItems": "center",
+        "flexDirection": "column",
+        "gap": 16,
+        "justifyContent": "center",
+        "paddingBottom": 8,
+        "paddingLeft": 8,
+        "paddingRight": 8,
+        "paddingTop": 8,
+      }
+    }
+    testID="can-not-sign-container"
+  >
+    <Text
+      style={
+        {
+          "color": "#A1A3A7",
+          "fontFamily": "DM Sans",
+          "fontSize": 14,
+          "textAlign": "center",
+          "width": "70%",
+        }
+      }
+      suppressHighlighting={true}
+    >
+      Only signers of this safe can sign this transaction
+    </Text>
+  </View>
+</View>
+`;
+
+exports[`CanNotSign matches snapshot without address 1`] = `
+<View>
+  <View
+    style={
+      {
+        "alignItems": "center",
+        "flexDirection": "column",
+        "gap": 16,
+        "justifyContent": "center",
+        "paddingBottom": 8,
+        "paddingLeft": 8,
+        "paddingRight": 8,
+        "paddingTop": 8,
+      }
+    }
+    testID="can-not-sign-container"
+  >
+    <Text
+      style={
+        {
+          "color": "#A1A3A7",
+          "fontFamily": "DM Sans",
+          "fontSize": 14,
+          "textAlign": "center",
+          "width": "70%",
+        }
+      }
+      suppressHighlighting={true}
+    >
+      Only signers of this safe can sign this transaction
+    </Text>
+  </View>
+</View>
+`;
diff --git a/apps/mobile/src/features/ConfirmTx/components/CanNotSign/index.ts b/apps/mobile/src/features/ConfirmTx/components/CanNotSign/index.ts
new file mode 100644
index 000000000..f025d4e08
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/CanNotSign/index.ts
@@ -0,0 +1 @@
+export { CanNotSign } from './CanNotSign'
diff --git a/apps/mobile/src/features/ConfirmTx/components/ConfirmTxForm/ConfirmTxForm.test.tsx b/apps/mobile/src/features/ConfirmTx/components/ConfirmTxForm/ConfirmTxForm.test.tsx
new file mode 100644
index 000000000..7b5f65935
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ConfirmTxForm/ConfirmTxForm.test.tsx
@@ -0,0 +1,148 @@
+import React from 'react'
+import { render } from '@testing-library/react-native'
+import { View, Text } from 'react-native'
+import { ConfirmTxForm } from './ConfirmTxForm'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { AlreadySigned } from '../confirmation-views/AlreadySigned'
+import { CanNotSign } from '../CanNotSign'
+import { ExecuteForm } from '../ExecuteForm'
+import { SignForm } from '../SignForm'
+
+// Mock the hooks and components
+jest.mock('@/src/store/hooks/activeSafe')
+jest.mock('../confirmation-views/AlreadySigned')
+jest.mock('../CanNotSign')
+jest.mock('../ExecuteForm')
+jest.mock('../SignForm')
+
+describe('ConfirmTxForm', () => {
+  const mockActiveSafe = {
+    address: '0x123',
+    chainId: '1',
+  }
+
+  beforeEach(() => {
+    // Reset all mocks before each test
+    jest.clearAllMocks()
+
+    // Mock the useDefinedActiveSafe hook
+    ;(useDefinedActiveSafe as jest.Mock).mockReturnValue(mockActiveSafe)
+
+    // Mock the components to return React Native components
+    ;(AlreadySigned as jest.Mock).mockReturnValue(
+      <View>
+        <Text>AlreadySigned</Text>
+      </View>,
+    )
+    ;(CanNotSign as jest.Mock).mockReturnValue(
+      <View>
+        <Text>CanNotSign</Text>
+      </View>,
+    )
+    ;(ExecuteForm as jest.Mock).mockReturnValue(
+      <View>
+        <Text>ExecuteForm</Text>
+      </View>,
+    )
+    ;(SignForm as jest.Mock).mockReturnValue(
+      <View>
+        <Text>SignForm</Text>
+      </View>,
+    )
+  })
+
+  const defaultProps = {
+    hasEnoughConfirmations: false,
+    activeSigner: { value: '0x456' },
+    isExpired: false,
+    txId: 'tx123',
+    hasSigned: false,
+    canSign: true,
+  }
+
+  it('renders AlreadySigned when hasSigned is true', () => {
+    const props = { ...defaultProps, hasSigned: true }
+    const { getByText } = render(<ConfirmTxForm {...props} />)
+
+    expect(getByText('AlreadySigned')).toBeTruthy()
+    expect(AlreadySigned).toHaveBeenCalledWith(
+      expect.objectContaining({
+        txId: 'tx123',
+        safeAddress: '0x123',
+        chainId: '1',
+      }),
+      undefined,
+    )
+  })
+
+  it('renders CanNotSign when canSign is false', () => {
+    const props = { ...defaultProps, canSign: false }
+    const { getByText } = render(<ConfirmTxForm {...props} />)
+
+    expect(getByText('CanNotSign')).toBeTruthy()
+    expect(CanNotSign).toHaveBeenCalledWith(
+      expect.objectContaining({
+        address: '0x456',
+        txId: 'tx123',
+      }),
+      undefined,
+    )
+  })
+
+  it('renders ExecuteForm when hasEnoughConfirmations is true', () => {
+    const props = { ...defaultProps, hasEnoughConfirmations: true }
+    const { getByText } = render(<ConfirmTxForm {...props} />)
+
+    expect(getByText('ExecuteForm')).toBeTruthy()
+    expect(ExecuteForm).toHaveBeenCalledWith(
+      expect.objectContaining({
+        safeAddress: '0x123',
+        chainId: '1',
+      }),
+      undefined,
+    )
+  })
+
+  it('renders SignForm when activeSigner exists and not expired', () => {
+    const props = { ...defaultProps }
+    const { getByText } = render(<ConfirmTxForm {...props} />)
+
+    expect(getByText('SignForm')).toBeTruthy()
+    expect(SignForm).toHaveBeenCalledWith(
+      expect.objectContaining({
+        txId: 'tx123',
+        address: '0x456',
+      }),
+      undefined,
+    )
+  })
+
+  it('renders null when no conditions are met', () => {
+    const props = {
+      ...defaultProps,
+      activeSigner: undefined,
+      isExpired: true,
+    }
+    const { toJSON } = render(<ConfirmTxForm {...props} />)
+
+    expect(toJSON()).toBeNull()
+  })
+
+  it('handles undefined activeSigner in CanNotSign', () => {
+    const props = {
+      ...defaultProps,
+      canSign: false,
+      activeSigner: undefined,
+    }
+    const { getByText } = render(<ConfirmTxForm {...props} />)
+
+    expect(getByText('CanNotSign')).toBeTruthy()
+    expect(CanNotSign).toHaveBeenCalledWith(
+      expect.objectContaining({
+        address: undefined,
+        txId: 'tx123',
+      }),
+      undefined,
+    )
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/ConfirmTxForm/ConfirmTxForm.tsx b/apps/mobile/src/features/ConfirmTx/components/ConfirmTxForm/ConfirmTxForm.tsx
new file mode 100644
index 000000000..5b5e210b0
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ConfirmTxForm/ConfirmTxForm.tsx
@@ -0,0 +1,51 @@
+import { Address, SignerInfo } from '@/src/types/address'
+import { SignForm } from '../SignForm'
+import React from 'react'
+import { ExecuteForm } from '../ExecuteForm'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { AlreadySigned } from '../confirmation-views/AlreadySigned'
+import { CanNotSign } from '../CanNotSign'
+interface ConfirmTxFormProps {
+  hasEnoughConfirmations: boolean
+  activeSigner?: SignerInfo | undefined
+  isExpired: boolean
+  txId: string
+  hasSigned: boolean
+  canSign: boolean
+}
+
+export function ConfirmTxForm({
+  hasEnoughConfirmations,
+  activeSigner,
+  isExpired,
+  txId,
+  hasSigned,
+  canSign,
+}: ConfirmTxFormProps) {
+  const activeSafe = useDefinedActiveSafe()
+
+  if (hasSigned) {
+    return (
+      <AlreadySigned
+        hasEnoughConfirmations={hasEnoughConfirmations}
+        txId={txId}
+        safeAddress={activeSafe.address}
+        chainId={activeSafe.chainId}
+      />
+    )
+  }
+
+  if (!canSign) {
+    return <CanNotSign address={activeSigner?.value as Address | undefined} txId={txId} />
+  }
+
+  if (hasEnoughConfirmations) {
+    return <ExecuteForm safeAddress={activeSafe.address} chainId={activeSafe.chainId} />
+  }
+
+  if (activeSigner && !isExpired) {
+    return <SignForm txId={txId} address={activeSigner?.value as Address} />
+  }
+
+  return null
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/ConfirmTxForm/index.ts b/apps/mobile/src/features/ConfirmTx/components/ConfirmTxForm/index.ts
new file mode 100644
index 000000000..56642b4a0
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ConfirmTxForm/index.ts
@@ -0,0 +1 @@
+export { ConfirmTxForm } from './ConfirmTxForm'
diff --git a/apps/mobile/src/features/ConfirmTx/components/ConfirmationView/ConfirmationView.tsx b/apps/mobile/src/features/ConfirmTx/components/ConfirmationView/ConfirmationView.tsx
new file mode 100644
index 000000000..17cbe9f92
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ConfirmationView/ConfirmationView.tsx
@@ -0,0 +1,168 @@
+import React from 'react'
+import {
+  CustomTransactionInfo,
+  MultisigExecutionDetails,
+  SettingsChangeTransaction,
+  TransactionData,
+  TransactionDetails,
+  TransferTransactionInfo,
+  VaultDepositTransactionInfo,
+  VaultRedeemTransactionInfo,
+  NativeStakingDepositTransactionInfo,
+  NativeStakingValidatorsExitTransactionInfo,
+  NativeStakingWithdrawTransactionInfo,
+  BridgeAndSwapTransactionInfo,
+  SwapTransactionInfo,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TokenTransfer } from '../confirmation-views/TokenTransfer'
+import { AddSigner } from '../confirmation-views/AddSigner'
+import { ETxType } from '@/src/types/txType'
+import { getTransactionType } from '@/src/utils/transactions'
+import { Contract } from '../confirmation-views/Contract'
+import { SendNFT } from '../confirmation-views/SendNFT'
+import { SwapOrder } from '../confirmation-views/SwapOrder'
+import { OrderTransactionInfo } from '@safe-global/store/gateway/types'
+import { RemoveSigner } from '../confirmation-views/RemoveSigner'
+import { GenericView } from '../confirmation-views/GenericView'
+import { NormalizedSettingsChangeTransaction } from './types'
+import { VaultDeposit } from '@/src/features/ConfirmTx/components/confirmation-views/VaultDeposit'
+import { VaultRedeem } from '../confirmation-views/VaultRedeem'
+import { CancelTx } from '@/src/features/ConfirmTx/components/confirmation-views/CancelTx'
+import { StakingDeposit, StakingWithdrawRequest, StakingExit } from '../confirmation-views/Stake'
+import { BridgeTransaction } from '../confirmation-views/BridgeTransaction'
+import { LifiSwapTransaction } from '../confirmation-views/LifiSwapTransaction'
+
+interface ConfirmationViewProps {
+  txDetails: TransactionDetails
+}
+
+export function ConfirmationView({ txDetails }: ConfirmationViewProps) {
+  const confirmationViewType = getTransactionType({ txInfo: txDetails.txInfo })
+
+  switch (confirmationViewType) {
+    case ETxType.TOKEN_TRANSFER:
+      return (
+        <TokenTransfer
+          txId={txDetails.txId}
+          executedAt={txDetails.executedAt || 0}
+          executionInfo={txDetails.detailedExecutionInfo as MultisigExecutionDetails}
+          txInfo={txDetails.txInfo as TransferTransactionInfo}
+        />
+      )
+    case ETxType.NFT_TRANSFER:
+      return (
+        <SendNFT
+          txId={txDetails.txId}
+          executionInfo={txDetails.detailedExecutionInfo as MultisigExecutionDetails}
+          txInfo={txDetails.txInfo as TransferTransactionInfo}
+        />
+      )
+    case ETxType.ADD_SIGNER:
+      return (
+        <AddSigner
+          txId={txDetails.txId}
+          executionInfo={txDetails.detailedExecutionInfo as MultisigExecutionDetails}
+          txInfo={txDetails.txInfo as NormalizedSettingsChangeTransaction}
+        />
+      )
+    case ETxType.REMOVE_SIGNER:
+      return (
+        <RemoveSigner
+          txId={txDetails.txId}
+          executionInfo={txDetails.detailedExecutionInfo as MultisigExecutionDetails}
+          txInfo={txDetails.txInfo as NormalizedSettingsChangeTransaction}
+        />
+      )
+    case ETxType.SWAP_ORDER:
+      return (
+        <SwapOrder
+          txId={txDetails.txId}
+          executionInfo={txDetails.detailedExecutionInfo as MultisigExecutionDetails}
+          txInfo={txDetails.txInfo as OrderTransactionInfo}
+          decodedData={txDetails.txData?.dataDecoded}
+        />
+      )
+    case ETxType.CANCEL_TX:
+      return (
+        <CancelTx
+          txId={txDetails.txId}
+          executionInfo={txDetails.detailedExecutionInfo as MultisigExecutionDetails}
+          txInfo={txDetails.txInfo as CustomTransactionInfo}
+        />
+      )
+    case ETxType.CONTRACT_INTERACTION:
+      return (
+        <Contract
+          txId={txDetails.txId}
+          executionInfo={txDetails.detailedExecutionInfo as MultisigExecutionDetails}
+          txInfo={txDetails.txInfo as CustomTransactionInfo}
+        />
+      )
+    case ETxType.STAKE_DEPOSIT:
+      return (
+        <StakingDeposit
+          txId={txDetails.txId}
+          executionInfo={txDetails.detailedExecutionInfo as MultisigExecutionDetails}
+          txInfo={txDetails.txInfo as NativeStakingDepositTransactionInfo}
+        />
+      )
+    case ETxType.VAULT_DEPOSIT:
+      return (
+        <VaultDeposit
+          txId={txDetails.txId}
+          executionInfo={txDetails.detailedExecutionInfo as MultisigExecutionDetails}
+          txInfo={txDetails.txInfo as VaultDepositTransactionInfo}
+          decodedData={txDetails.txData?.dataDecoded}
+        />
+      )
+    case ETxType.VAULT_REDEEM:
+      return (
+        <VaultRedeem
+          txId={txDetails.txId}
+          executionInfo={txDetails.detailedExecutionInfo as MultisigExecutionDetails}
+          txInfo={txDetails.txInfo as VaultRedeemTransactionInfo}
+        />
+      )
+    case ETxType.STAKE_WITHDRAW_REQUEST:
+      return (
+        <StakingWithdrawRequest
+          txId={txDetails.txId}
+          executionInfo={txDetails.detailedExecutionInfo as MultisigExecutionDetails}
+          txInfo={txDetails.txInfo as NativeStakingValidatorsExitTransactionInfo}
+        />
+      )
+    case ETxType.STAKE_EXIT:
+      return (
+        <StakingExit
+          txId={txDetails.txId}
+          executionInfo={txDetails.detailedExecutionInfo as MultisigExecutionDetails}
+          txInfo={txDetails.txInfo as NativeStakingWithdrawTransactionInfo}
+        />
+      )
+    case ETxType.BRIDGE_ORDER:
+      return (
+        <BridgeTransaction
+          txId={txDetails.txId}
+          txInfo={txDetails.txInfo as BridgeAndSwapTransactionInfo}
+          decodedData={txDetails.txData?.dataDecoded}
+        />
+      )
+    case ETxType.LIFI_SWAP:
+      return (
+        <LifiSwapTransaction
+          txId={txDetails.txId}
+          executionInfo={txDetails.detailedExecutionInfo as MultisigExecutionDetails}
+          txInfo={txDetails.txInfo as SwapTransactionInfo}
+        />
+      )
+    default:
+      return (
+        <GenericView
+          executionInfo={txDetails.detailedExecutionInfo as MultisigExecutionDetails}
+          txId={txDetails.txId}
+          txInfo={txDetails.txInfo as SettingsChangeTransaction}
+          txData={txDetails.txData as TransactionData}
+        />
+      )
+  }
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/ConfirmationView/index.ts b/apps/mobile/src/features/ConfirmTx/components/ConfirmationView/index.ts
new file mode 100644
index 000000000..77fff56eb
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ConfirmationView/index.ts
@@ -0,0 +1 @@
+export { ConfirmationView } from './ConfirmationView'
diff --git a/apps/mobile/src/features/ConfirmTx/components/ConfirmationView/types.ts b/apps/mobile/src/features/ConfirmTx/components/ConfirmationView/types.ts
new file mode 100644
index 000000000..33fce6a62
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ConfirmationView/types.ts
@@ -0,0 +1,10 @@
+import { SettingsChangeTransaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { Address } from '@/src/types/address'
+
+// TODO: fix it in the @safe-global/store/gateway/AUTO_GENERATED types
+export type NormalizedSettingsChangeTransaction = SettingsChangeTransaction & {
+  settingsInfo: SettingsChangeTransaction['settingsInfo'] & {
+    owner: { value: Address; name: string }
+    threshold: number
+  }
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/ConfirmationsInfo/ConfirmationsInfo.tsx b/apps/mobile/src/features/ConfirmTx/components/ConfirmationsInfo/ConfirmationsInfo.tsx
new file mode 100644
index 000000000..4ffcd3b54
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ConfirmationsInfo/ConfirmationsInfo.tsx
@@ -0,0 +1,53 @@
+import React from 'react'
+import { Text, View } from 'tamagui'
+import { Badge } from '@/src/components/Badge'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { MultisigExecutionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useRouter } from 'expo-router'
+
+interface ConfirmationsInfoProps {
+  detailedExecutionInfo: MultisigExecutionDetails
+  txId: string
+}
+
+export function ConfirmationsInfo({ detailedExecutionInfo, txId }: ConfirmationsInfoProps) {
+  const router = useRouter()
+
+  const hasEnoughConfirmations =
+    detailedExecutionInfo?.confirmationsRequired === detailedExecutionInfo?.confirmations?.length
+
+  const onConfirmationsPress = () => {
+    router.push({
+      pathname: '/confirmations-sheet',
+      params: { txId },
+    })
+  }
+
+  return (
+    <SafeListItem
+      label="Confirmations"
+      onPress={onConfirmationsPress}
+      rightNode={
+        <View alignItems="center" flexDirection="row" gap="$2">
+          <Badge
+            circleProps={{ paddingHorizontal: 8, paddingVertical: 2 }}
+            circular={false}
+            content={
+              <View alignItems="center" flexDirection="row" gap="$1">
+                <SafeFontIcon size={12} name="owners" />
+
+                <Text fontWeight={600} color={'$color'} fontSize="$2" lineHeight={18}>
+                  {detailedExecutionInfo?.confirmations?.length}/{detailedExecutionInfo?.confirmationsRequired}
+                </Text>
+              </View>
+            }
+            themeName={hasEnoughConfirmations ? 'badge_success_variant1' : 'badge_warning'}
+          />
+
+          <SafeFontIcon name="chevron-right" size={16} />
+        </View>
+      }
+    />
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/ConfirmationsInfo/index.ts b/apps/mobile/src/features/ConfirmTx/components/ConfirmationsInfo/index.ts
new file mode 100644
index 000000000..a2991de31
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ConfirmationsInfo/index.ts
@@ -0,0 +1 @@
+export { ConfirmationsInfo } from './ConfirmationsInfo'
diff --git a/apps/mobile/src/features/ConfirmTx/components/ExecuteForm/ExecuteForm.tsx b/apps/mobile/src/features/ConfirmTx/components/ExecuteForm/ExecuteForm.tsx
new file mode 100644
index 000000000..05f0dae70
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ExecuteForm/ExecuteForm.tsx
@@ -0,0 +1,40 @@
+import { SafeButton } from '@/src/components/SafeButton'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { selectChainById } from '@/src/store/chains'
+import { useAppSelector } from '@/src/store/hooks'
+import { formatPrefixedAddress } from '@safe-global/utils/utils/addresses'
+import React from 'react'
+import { Anchor, Text, View, YStack } from 'tamagui'
+interface ExecuteFormProps {
+  safeAddress: string
+  chainId: string
+}
+
+export function ExecuteForm({ safeAddress, chainId }: ExecuteFormProps) {
+  const chain = useAppSelector((state) => selectChainById(state, chainId))
+
+  return (
+    <YStack justifyContent="center" gap="$4" alignItems="center" paddingHorizontal={'$4'}>
+      <Text fontSize="$4" fontWeight={400} width="70%" textAlign="center" color="$textSecondaryLight">
+        Transactions can be executed only in the web app at the moment.
+      </Text>
+
+      <View display="flex" flexDirection="row" alignItems="center" justifyContent="center" gap="$2">
+        <Anchor
+          href={`https://app.safe.global/home?safe=${formatPrefixedAddress(safeAddress, chain?.shortName)}`}
+          target={'_blank'}
+        >
+          Go to web app
+        </Anchor>
+
+        <SafeFontIcon name="external-link" size={14} />
+      </View>
+
+      <View height={50} width="100%">
+        <SafeButton height="100%" rounded fullscreen fontWeight={600} disabled>
+          Confirm
+        </SafeButton>
+      </View>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/ExecuteForm/index.ts b/apps/mobile/src/features/ConfirmTx/components/ExecuteForm/index.ts
new file mode 100644
index 000000000..b6a023c57
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ExecuteForm/index.ts
@@ -0,0 +1 @@
+export { ExecuteForm } from './ExecuteForm'
diff --git a/apps/mobile/src/features/ConfirmTx/components/ListTable/ListTable.tsx b/apps/mobile/src/features/ConfirmTx/components/ListTable/ListTable.tsx
new file mode 100644
index 000000000..2b00a5d35
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ListTable/ListTable.tsx
@@ -0,0 +1,70 @@
+import { Container } from '@/src/components/Container'
+import React from 'react'
+import { Text, View } from 'tamagui'
+
+type BaseItem = {
+  direction?: 'row' | 'column'
+  alignItems?: 'center' | 'flex-start'
+}
+
+type RenderRowItem = BaseItem & {
+  renderRow: () => React.ReactNode
+}
+
+type LabelValueItem = BaseItem & {
+  label: string
+  value?: string
+  render?: () => React.ReactNode
+}
+
+export type ListTableItem = RenderRowItem | LabelValueItem
+
+interface ListTableProps {
+  items: ListTableItem[]
+  children?: React.ReactNode
+  padding?: string
+  gap?: string
+}
+
+const isRenderRowItem = (item: ListTableItem): item is RenderRowItem => {
+  return (item as RenderRowItem).renderRow !== undefined
+}
+
+export const ListTable = ({ items, children, padding = '$4', gap = '$5' }: ListTableProps) => {
+  return (
+    <Container padding={padding} gap={gap} borderRadius="$3">
+      {items.map((item, index) => {
+        return (
+          <View
+            key={index}
+            alignItems={item.alignItems || 'center'}
+            flexDirection={item.direction || 'row'}
+            justifyContent="space-between"
+            gap={'$2'}
+            flexWrap="wrap"
+          >
+            {isRenderRowItem(item) ? (
+              item.renderRow()
+            ) : (
+              <>
+                <Text color="$textSecondaryLight" fontSize="$4" flex={1}>
+                  {item.label}
+                </Text>
+
+                {item.render ? (
+                  item.render()
+                ) : (
+                  <Text fontSize="$4" flex={2} textAlign="right">
+                    {item.value}
+                  </Text>
+                )}
+              </>
+            )}
+          </View>
+        )
+      })}
+
+      {children}
+    </Container>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/ListTable/index.ts b/apps/mobile/src/features/ConfirmTx/components/ListTable/index.ts
new file mode 100644
index 000000000..edeb658f6
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ListTable/index.ts
@@ -0,0 +1 @@
+export { ListTable, type ListTableItem } from './ListTable'
diff --git a/apps/mobile/src/features/ConfirmTx/components/LoadingTx/LoadingTx.tsx b/apps/mobile/src/features/ConfirmTx/components/LoadingTx/LoadingTx.tsx
new file mode 100644
index 000000000..8988849dc
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/LoadingTx/LoadingTx.tsx
@@ -0,0 +1,11 @@
+import { Loader } from '@/src/components/Loader'
+import React from 'react'
+import { View } from 'tamagui'
+
+export function LoadingTx() {
+  return (
+    <View flex={1} width="100%" justifyContent="center" alignItems="center">
+      <Loader size={64} color="#12FF80" />
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/LoadingTx/index.ts b/apps/mobile/src/features/ConfirmTx/components/LoadingTx/index.ts
new file mode 100644
index 000000000..7b18c040a
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/LoadingTx/index.ts
@@ -0,0 +1 @@
+export { LoadingTx } from './LoadingTx'
diff --git a/apps/mobile/src/features/ConfirmTx/components/ParametersButton/ParametersButton.tsx b/apps/mobile/src/features/ConfirmTx/components/ParametersButton/ParametersButton.tsx
new file mode 100644
index 000000000..39d7dbed4
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ParametersButton/ParametersButton.tsx
@@ -0,0 +1,34 @@
+import { router } from 'expo-router'
+import React from 'react'
+import { Button, View } from 'tamagui'
+
+interface ParametersButtonProps {
+  txId: string
+}
+
+export function ParametersButton({ txId }: ParametersButtonProps) {
+  const goToAdvancedDetails = () => {
+    router.push({
+      pathname: '/transaction-parameters',
+      params: { txId },
+    })
+  }
+
+  return (
+    <View height="$10" alignItems="center">
+      <Button
+        paddingHorizontal="$2"
+        height="$9"
+        borderRadius={8}
+        borderWidth={0}
+        backgroundColor="$borderLight"
+        fontWeight="700"
+        size="$4"
+        fullscreen
+        onPress={goToAdvancedDetails}
+      >
+        Transaction details
+      </Button>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/ParametersButton/index.ts b/apps/mobile/src/features/ConfirmTx/components/ParametersButton/index.ts
new file mode 100644
index 000000000..91cbdd568
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ParametersButton/index.ts
@@ -0,0 +1 @@
+export { ParametersButton } from './ParametersButton'
diff --git a/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/ReviewAndConfirmContainer.tsx b/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/ReviewAndConfirmContainer.tsx
new file mode 100644
index 000000000..b32075ff2
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/ReviewAndConfirmContainer.tsx
@@ -0,0 +1,48 @@
+import React from 'react'
+import { useLocalSearchParams } from 'expo-router'
+import { useTransactionsGetTransactionByIdV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { Loader } from '@/src/components/Loader'
+import { Text, View } from 'tamagui'
+import { ReviewAndConfirmView } from './ReviewAndConfirmView'
+import { Address } from '@/src/types/address'
+
+export function ReviewAndConfirmContainer() {
+  const { txId, signerAddress } = useLocalSearchParams<{
+    txId: string
+    signerAddress: Address
+  }>()
+
+  const activeSafe = useAppSelector(selectActiveSafe)
+
+  const {
+    data: txDetails,
+    isFetching: isLoading,
+    isError: error,
+  } = useTransactionsGetTransactionByIdV1Query(
+    {
+      chainId: activeSafe?.chainId || '',
+      id: txId || '',
+    },
+    { skip: !txId || !activeSafe?.chainId },
+  )
+
+  if (isLoading) {
+    return (
+      <View flex={1} justifyContent="center" alignItems="center">
+        <Loader />
+      </View>
+    )
+  }
+
+  if (error || !txDetails) {
+    return (
+      <View flex={1} justifyContent="center" alignItems="center">
+        <Text>Error loading transaction details</Text>
+      </View>
+    )
+  }
+
+  return <ReviewAndConfirmView txDetails={txDetails} signerAddress={signerAddress} />
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/ReviewAndConfirmView.tsx b/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/ReviewAndConfirmView.tsx
new file mode 100644
index 000000000..a213fd02d
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/ReviewAndConfirmView.tsx
@@ -0,0 +1,59 @@
+import React from 'react'
+import { useTheme, View } from 'tamagui'
+import { Tabs, MaterialTabBar } from 'react-native-collapsible-tab-view'
+import { TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { ReviewHeader } from './ReviewHeader'
+import { ReviewFooter } from './ReviewFooter'
+import { DataTab } from './tabs/DataTab'
+import { JSONTab } from './tabs/JSONTab'
+import { Address } from '@/src/types/address'
+import { useTheme as useCurrentTheme } from '@/src/theme/hooks/useTheme'
+
+interface ReviewAndConfirmViewProps {
+  txDetails: TransactionDetails
+  signerAddress: Address
+}
+
+export function ReviewAndConfirmView({ txDetails, signerAddress }: ReviewAndConfirmViewProps) {
+  const { currentTheme } = useCurrentTheme()
+  const theme = useTheme()
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const renderTabBar = (props: any) => (
+    <MaterialTabBar
+      {...props}
+      indicatorStyle={{
+        backgroundColor: theme.color.get(),
+      }}
+      style={{ backgroundColor: currentTheme === 'light' ? theme.backgroundPaper.get() : theme.background.get() }}
+      labelStyle={{ color: theme.color.get(), fontSize: 16, fontWeight: '600' }}
+      activeColor={theme.color.get()}
+      inactiveColor={theme.colorSecondary.get()}
+      width={200}
+    />
+  )
+
+  return (
+    <View flex={1}>
+      <Tabs.Container
+        renderTabBar={renderTabBar}
+        headerContainerStyle={{
+          backgroundColor: 'transparent',
+          paddingHorizontal: 16,
+          paddingBottom: 16,
+          shadowColor: 'transparent',
+          shadowOffset: { width: 0, height: 0 },
+        }}
+        renderHeader={() => <ReviewHeader />}
+      >
+        <Tabs.Tab name="Data" label="Data">
+          <DataTab />
+        </Tabs.Tab>
+        <Tabs.Tab name="JSON" label="JSON">
+          <JSONTab txDetails={txDetails} />
+        </Tabs.Tab>
+      </Tabs.Container>
+
+      <ReviewFooter signerAddress={signerAddress} txId={txDetails.txId} />
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/ReviewFooter.tsx b/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/ReviewFooter.tsx
new file mode 100644
index 000000000..bbe805d16
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/ReviewFooter.tsx
@@ -0,0 +1,58 @@
+import React from 'react'
+import { YStack } from 'tamagui'
+import { router } from 'expo-router'
+import { SafeButton } from '@/src/components/SafeButton'
+import { SelectSigner } from '@/src/components/SelectSigner'
+import { useBiometrics } from '@/src/hooks/useBiometrics'
+import { useGuard } from '@/src/context/GuardProvider'
+import { Address } from '@/src/types/address'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+
+interface ReviewFooterProps {
+  signerAddress: Address
+  txId: string
+}
+
+export function ReviewFooter({ signerAddress, txId }: ReviewFooterProps) {
+  const { isBiometricsEnabled } = useBiometrics()
+  const { setGuard } = useGuard()
+  const insets = useSafeAreaInsets()
+  const handleConfirmPress = async () => {
+    try {
+      // Set the signing guard to true before navigating to sign transaction
+      setGuard('signing', true)
+
+      if (isBiometricsEnabled) {
+        router.push({
+          pathname: '/sign-transaction',
+          params: { txId, signerAddress },
+        })
+      } else {
+        router.push({
+          pathname: '/biometrics-opt-in',
+          params: { txId, signerAddress, caller: '/sign-transaction' },
+        })
+      }
+    } catch (error) {
+      console.error('Error confirming transaction:', error)
+    }
+  }
+
+  return (
+    <YStack
+      backgroundColor="$background"
+      paddingHorizontal="$4"
+      paddingVertical="$3"
+      borderTopWidth={1}
+      borderTopColor="$borderLight"
+      space="$3"
+      paddingBottom={insets.bottom ? insets.bottom : '$4'}
+    >
+      <SelectSigner address={signerAddress} txId={txId} />
+
+      <SafeButton onPress={handleConfirmPress} width="100%">
+        Confirm transaction
+      </SafeButton>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/ReviewHeader.tsx b/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/ReviewHeader.tsx
new file mode 100644
index 000000000..881ebdefc
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/ReviewHeader.tsx
@@ -0,0 +1,14 @@
+import React from 'react'
+import { Text, YStack } from 'tamagui'
+
+export function ReviewHeader() {
+  return (
+    <YStack space="$4" paddingTop="$4">
+      <YStack space="$2">
+        <Text color="$colorSecondary">
+          Review this transaction data and make sure it matches with the details on the web app.
+        </Text>
+      </YStack>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/index.ts b/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/index.ts
new file mode 100644
index 000000000..9c92f145d
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/index.ts
@@ -0,0 +1,4 @@
+export { ReviewAndConfirmContainer } from './ReviewAndConfirmContainer'
+export { ReviewAndConfirmView } from './ReviewAndConfirmView'
+export { ReviewHeader } from './ReviewHeader'
+export { ReviewFooter } from './ReviewFooter'
diff --git a/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/tabs/DataTab.tsx b/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/tabs/DataTab.tsx
new file mode 100644
index 000000000..595b204b1
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/tabs/DataTab.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+import { Tabs } from 'react-native-collapsible-tab-view'
+import { TxDataContainer } from '@/src/features/AdvancedDetails'
+
+export function DataTab() {
+  return (
+    <Tabs.ScrollView contentContainerStyle={{ padding: 16 }}>
+      <TxDataContainer />
+    </Tabs.ScrollView>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/tabs/JSONTab.tsx b/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/tabs/JSONTab.tsx
new file mode 100644
index 000000000..9b6cc8204
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/ReviewAndConfirm/tabs/JSONTab.tsx
@@ -0,0 +1,25 @@
+import React from 'react'
+import { Text, View } from 'tamagui'
+import { Tabs } from 'react-native-collapsible-tab-view'
+import { TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { Container } from '@/src/components/Container'
+import { CopyButton } from '@/src/components/CopyButton'
+
+interface JSONTabProps {
+  txDetails: TransactionDetails
+}
+
+export function JSONTab({ txDetails }: JSONTabProps) {
+  const jsonData = JSON.stringify(txDetails, null, 2)
+
+  return (
+    <Tabs.ScrollView contentContainerStyle={{ padding: 16, marginTop: 16 }}>
+      <Container>
+        <View position="absolute" right={10} top={10} zIndex={1000}>
+          <CopyButton value={jsonData} color="$colorSecondary" size={16} text="JSON value copied to clipboard" />
+        </View>
+        <Text>{jsonData}</Text>
+      </Container>
+    </Tabs.ScrollView>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/SignForm/SignForm.tsx b/apps/mobile/src/features/ConfirmTx/components/SignForm/SignForm.tsx
new file mode 100644
index 000000000..474f9af46
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/SignForm/SignForm.tsx
@@ -0,0 +1,30 @@
+import React from 'react'
+import { SafeAreaView } from 'react-native'
+import { View } from 'tamagui'
+import { SafeButton } from '@/src/components/SafeButton'
+import { router } from 'expo-router'
+import { Address } from '@/src/types/address'
+
+export interface SignFormProps {
+  address: Address
+  txId: string
+}
+
+export function SignForm({ address, txId }: SignFormProps) {
+  const onSignPress = () => {
+    router.push({
+      pathname: '/review-and-confirm',
+      params: { txId, signerAddress: address },
+    })
+  }
+
+  return (
+    <SafeAreaView style={{ gap: 24 }}>
+      <View paddingHorizontal={'$3'} height={48} gap="$2" flexDirection="row">
+        <SafeButton flex={1} height="100%" onPress={onSignPress}>
+          Continue
+        </SafeButton>
+      </View>
+    </SafeAreaView>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/SignForm/index.ts b/apps/mobile/src/features/ConfirmTx/components/SignForm/index.ts
new file mode 100644
index 000000000..2ea5051a2
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/SignForm/index.ts
@@ -0,0 +1 @@
+export { SignForm } from './SignForm'
diff --git a/apps/mobile/src/features/ConfirmTx/components/SignTransaction/SignError.tsx b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/SignError.tsx
new file mode 100644
index 000000000..9f2f4d087
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/SignError.tsx
@@ -0,0 +1,68 @@
+import { StyleSheet } from 'react-native'
+import { LinearGradient } from 'expo-linear-gradient'
+import React from 'react'
+import { SafeAreaView } from 'react-native-safe-area-context'
+import { ScrollView, Text, useTheme, View } from 'tamagui'
+import { Badge } from '@/src/components/Badge'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { LargeHeaderTitle } from '@/src/components/Title'
+import { SafeButton } from '@/src/components/SafeButton'
+import { router } from 'expo-router'
+
+export default function SignError({ onRetryPress, description }: { onRetryPress: () => void; description?: string }) {
+  const theme = useTheme()
+  const colors: [string, string] = [theme.errorDark.get(), 'transparent']
+
+  return (
+    <SafeAreaView edges={['bottom']} style={{ flex: 1 }}>
+      <LinearGradient colors={colors} style={styles.background} />
+      <View flex={1} justifyContent="space-between">
+        <View flex={1}>
+          <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
+            <View
+              flex={1}
+              flexGrow={1}
+              alignItems="center"
+              marginTop="$10"
+              justifyContent="center"
+              paddingHorizontal="$3"
+            >
+              <Badge
+                themeName="badge_error"
+                circleSize={64}
+                content={<SafeFontIcon size={32} color="$error" name="close-filled" />}
+              />
+
+              <View margin="$4" width="100%" alignItems="center" gap="$4">
+                <LargeHeaderTitle textAlign="center" size="$8" lineHeight={32} maxWidth={200} fontWeight={600}>
+                  Couldn't sign the transaction
+                </LargeHeaderTitle>
+
+                <Text textAlign="center" fontSize="$4" width="80%">
+                  {description || 'There was an error executing this transaction.'}
+                </Text>
+              </View>
+            </View>
+          </ScrollView>
+        </View>
+
+        <View paddingHorizontal="$4" gap="$4">
+          <SafeButton onPress={onRetryPress}>Retry</SafeButton>
+          <SafeButton text onPress={router.back}>
+            View transaction
+          </SafeButton>
+        </View>
+      </View>
+    </SafeAreaView>
+  )
+}
+
+const styles = StyleSheet.create({
+  background: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    height: 300,
+  },
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/SignTransaction/SignSuccess.tsx b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/SignSuccess.tsx
new file mode 100644
index 000000000..87aa6e3f9
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/SignSuccess.tsx
@@ -0,0 +1,65 @@
+import { StyleSheet } from 'react-native'
+import { LinearGradient } from 'expo-linear-gradient'
+import React from 'react'
+import { SafeAreaView } from 'react-native-safe-area-context'
+import { H3, ScrollView, useTheme, View } from 'tamagui'
+import { Badge } from '@/src/components/Badge'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { SafeButton } from '@/src/components/SafeButton'
+import { cgwApi } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+import { router } from 'expo-router'
+import { useDispatch } from 'react-redux'
+
+export default function SignSuccess() {
+  const dispatch = useDispatch()
+  const theme = useTheme()
+  const colors: [string, string] = [theme.success.get(), 'transparent']
+
+  const handleDonePress = () => {
+    dispatch(cgwApi.util.invalidateTags(['transactions']))
+
+    // Go back twice to the confirm transaction screen
+    router.back()
+    router.back()
+  }
+
+  return (
+    <SafeAreaView edges={['bottom']} style={{ flex: 1 }}>
+      <LinearGradient colors={colors} style={styles.background} />
+      <View flex={1} justifyContent="space-between">
+        <View flex={1}>
+          <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
+            <View flex={1} flexGrow={1} alignItems="center" justifyContent="center" paddingHorizontal="$3">
+              <Badge
+                themeName="badge_success"
+                circleSize={64}
+                content={<SafeFontIcon size={32} color="$primary" name="check-filled" />}
+              />
+
+              <View margin="$4" width="100%" alignItems="center" gap="$4" padding="$4">
+                <H3 textAlign="center" fontWeight={'600'} lineHeight={32}>
+                  You successfully signed this transaction.
+                </H3>
+              </View>
+            </View>
+          </ScrollView>
+        </View>
+
+        <View paddingHorizontal="$4">
+          <SafeButton onPress={handleDonePress}>Done</SafeButton>
+        </View>
+      </View>
+    </SafeAreaView>
+  )
+}
+
+const styles = StyleSheet.create({
+  background: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    height: 300,
+  },
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/SignTransaction/SignTransaction.test.tsx b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/SignTransaction.test.tsx
new file mode 100644
index 000000000..2a5bdbae2
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/SignTransaction.test.tsx
@@ -0,0 +1,330 @@
+import React from 'react'
+import { render, screen, waitFor } from '@testing-library/react-native'
+import { useLocalSearchParams } from 'expo-router'
+import { SignTransaction } from './SignTransaction'
+import { useSigningGuard } from './hooks/useSigningGuard'
+import { useTransactionSigning } from './hooks/useTransactionSigning'
+
+// Mock the hooks
+jest.mock('expo-router', () => ({
+  useLocalSearchParams: jest.fn(),
+}))
+
+jest.mock('./hooks/useSigningGuard', () => ({
+  useSigningGuard: jest.fn(),
+}))
+
+jest.mock('./hooks/useTransactionSigning', () => ({
+  useTransactionSigning: jest.fn(),
+}))
+
+// Mock the child components using string components instead of React Native components
+jest.mock('./SignError', () => ({
+  __esModule: true,
+  default: ({ description, onRetryPress }: { description: string; onRetryPress: () => void }) => {
+    const React = require('react')
+    return React.createElement('View', { testID: 'sign-error' }, [
+      React.createElement('Text', { testID: 'error-description', key: 'description' }, description),
+      React.createElement(
+        'TouchableOpacity',
+        { testID: 'retry-button', onPress: onRetryPress, key: 'retry' },
+        React.createElement('Text', null, 'Retry'),
+      ),
+    ])
+  },
+}))
+
+jest.mock('./SignSuccess', () => ({
+  __esModule: true,
+  default: () => {
+    const React = require('react')
+    return React.createElement('View', { testID: 'sign-success' }, React.createElement('Text', null, 'Success!'))
+  },
+}))
+
+jest.mock('@/src/components/LoadingScreen', () => ({
+  LoadingScreen: ({ title, description }: { title: string; description: string }) => {
+    const React = require('react')
+    return React.createElement('View', { testID: 'loading-screen' }, [
+      React.createElement('Text', { testID: 'loading-title', key: 'title' }, title),
+      React.createElement('Text', { testID: 'loading-description', key: 'description' }, description),
+    ])
+  },
+}))
+
+const mockUseLocalSearchParams = useLocalSearchParams as jest.MockedFunction<typeof useLocalSearchParams>
+const mockUseSigningGuard = useSigningGuard as jest.MockedFunction<typeof useSigningGuard>
+const mockUseTransactionSigning = useTransactionSigning as jest.MockedFunction<typeof useTransactionSigning>
+
+describe('SignTransaction', () => {
+  const mockExecuteSign = jest.fn()
+  const mockRetry = jest.fn()
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+
+    // Default mocks
+    mockUseLocalSearchParams.mockReturnValue({
+      txId: 'test-tx-id',
+      signerAddress: '0x456',
+    })
+
+    mockUseSigningGuard.mockReturnValue({
+      canSign: true,
+    })
+
+    mockUseTransactionSigning.mockReturnValue({
+      status: 'idle',
+      executeSign: mockExecuteSign,
+      retry: mockRetry,
+      reset: jest.fn(),
+      isApiLoading: false,
+      apiData: undefined,
+      isApiError: false,
+      hasTriggeredAutoSign: false,
+    })
+  })
+
+  describe('parameter validation', () => {
+    it('should render error when txId is missing', () => {
+      mockUseLocalSearchParams.mockReturnValue({
+        txId: '',
+        signerAddress: '0x456',
+      })
+
+      render(<SignTransaction />)
+
+      expect(screen.getByTestId('sign-error')).toBeOnTheScreen()
+      expect(screen.getByTestId('error-description')).toHaveTextContent('Missing transaction ID or signer address')
+    })
+
+    it('should render error when signerAddress is missing', () => {
+      mockUseLocalSearchParams.mockReturnValue({
+        txId: 'test-tx-id',
+        signerAddress: '',
+      })
+
+      render(<SignTransaction />)
+
+      expect(screen.getByTestId('sign-error')).toBeOnTheScreen()
+      expect(screen.getByTestId('error-description')).toHaveTextContent('Missing transaction ID or signer address')
+    })
+
+    it('should render error when both parameters are missing', () => {
+      mockUseLocalSearchParams.mockReturnValue({})
+
+      render(<SignTransaction />)
+
+      expect(screen.getByTestId('sign-error')).toBeOnTheScreen()
+    })
+  })
+
+  describe('auto-signing logic', () => {
+    it('should call executeSign when user can sign and status is idle', async () => {
+      mockUseSigningGuard.mockReturnValue({
+        canSign: true,
+      })
+
+      mockUseTransactionSigning.mockReturnValue({
+        status: 'idle',
+        executeSign: mockExecuteSign,
+        retry: mockRetry,
+        reset: jest.fn(),
+        isApiLoading: false,
+        apiData: undefined,
+        isApiError: false,
+        hasTriggeredAutoSign: false,
+      })
+
+      render(<SignTransaction />)
+
+      await waitFor(() => {
+        expect(mockExecuteSign).toHaveBeenCalled()
+      })
+    })
+
+    it('should not call executeSign when user cannot sign', () => {
+      mockUseSigningGuard.mockReturnValue({
+        canSign: false,
+      })
+
+      render(<SignTransaction />)
+
+      expect(mockExecuteSign).not.toHaveBeenCalled()
+    })
+
+    it('should not call executeSign when status is not idle', () => {
+      mockUseTransactionSigning.mockReturnValue({
+        status: 'loading',
+        executeSign: mockExecuteSign,
+        retry: mockRetry,
+        reset: jest.fn(),
+        isApiLoading: false,
+        apiData: undefined,
+        isApiError: false,
+        hasTriggeredAutoSign: false,
+      })
+
+      render(<SignTransaction />)
+
+      expect(mockExecuteSign).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('error handling', () => {
+    it('should render SignError for API errors', () => {
+      mockUseTransactionSigning.mockReturnValue({
+        status: 'idle',
+        executeSign: mockExecuteSign,
+        retry: mockRetry,
+        reset: jest.fn(),
+        isApiLoading: false,
+        apiData: undefined,
+        isApiError: true,
+        hasTriggeredAutoSign: false,
+      })
+
+      render(<SignTransaction />)
+
+      expect(screen.getByTestId('sign-error')).toBeOnTheScreen()
+      expect(screen.getByTestId('error-description')).toHaveTextContent('Failed to submit transaction confirmation')
+    })
+
+    it('should render SignError for signing errors', () => {
+      mockUseTransactionSigning.mockReturnValue({
+        status: 'error',
+        executeSign: mockExecuteSign,
+        retry: mockRetry,
+        reset: jest.fn(),
+        isApiLoading: false,
+        apiData: undefined,
+        isApiError: false,
+        hasTriggeredAutoSign: false,
+      })
+
+      render(<SignTransaction />)
+
+      expect(screen.getByTestId('sign-error')).toBeOnTheScreen()
+      expect(screen.getByTestId('error-description')).toHaveTextContent('There was an error signing the transaction.')
+    })
+
+    it('should call retry when retry button is pressed', () => {
+      mockUseTransactionSigning.mockReturnValue({
+        status: 'error',
+        executeSign: mockExecuteSign,
+        retry: mockRetry,
+        reset: jest.fn(),
+        isApiLoading: false,
+        apiData: undefined,
+        isApiError: false,
+        hasTriggeredAutoSign: false,
+      })
+
+      render(<SignTransaction />)
+
+      const retryButton = screen.getByTestId('retry-button')
+      retryButton.props.onPress()
+
+      expect(mockRetry).toHaveBeenCalled()
+    })
+  })
+
+  describe('success state', () => {
+    it('should render SignSuccess when signing is successful', () => {
+      mockUseTransactionSigning.mockReturnValue({
+        status: 'success',
+        executeSign: mockExecuteSign,
+        retry: mockRetry,
+        reset: jest.fn(),
+        isApiLoading: false,
+        apiData: undefined,
+        isApiError: false,
+        hasTriggeredAutoSign: false,
+      })
+
+      render(<SignTransaction />)
+
+      expect(screen.getByTestId('sign-success')).toBeOnTheScreen()
+      expect(screen.getByText('Success!')).toBeOnTheScreen()
+    })
+  })
+
+  describe('loading states', () => {
+    it('should render LoadingScreen when signing is in progress', () => {
+      mockUseTransactionSigning.mockReturnValue({
+        status: 'loading',
+        executeSign: mockExecuteSign,
+        retry: mockRetry,
+        reset: jest.fn(),
+        isApiLoading: false,
+        apiData: undefined,
+        isApiError: false,
+        hasTriggeredAutoSign: false,
+      })
+
+      render(<SignTransaction />)
+
+      expect(screen.getByTestId('loading-screen')).toBeOnTheScreen()
+      expect(screen.getByTestId('loading-title')).toHaveTextContent('Signing transaction...')
+      expect(screen.getByTestId('loading-description')).toHaveTextContent('It may take a few seconds...')
+    })
+
+    it('should render LoadingScreen when API is loading', () => {
+      mockUseTransactionSigning.mockReturnValue({
+        status: 'idle',
+        executeSign: mockExecuteSign,
+        retry: mockRetry,
+        reset: jest.fn(),
+        isApiLoading: true,
+        apiData: undefined,
+        isApiError: false,
+        hasTriggeredAutoSign: false,
+      })
+
+      render(<SignTransaction />)
+
+      expect(screen.getByTestId('loading-screen')).toBeOnTheScreen()
+      expect(screen.getByTestId('loading-title')).toHaveTextContent('Signing transaction...')
+    })
+
+    it('should render preparation loading screen for idle authorized state', () => {
+      mockUseSigningGuard.mockReturnValue({
+        canSign: true,
+      })
+
+      mockUseTransactionSigning.mockReturnValue({
+        status: 'idle',
+        executeSign: mockExecuteSign,
+        retry: mockRetry,
+        reset: jest.fn(),
+        isApiLoading: false,
+        apiData: undefined,
+        isApiError: false,
+        hasTriggeredAutoSign: false,
+      })
+
+      render(<SignTransaction />)
+
+      expect(screen.getByTestId('loading-screen')).toBeOnTheScreen()
+      expect(screen.getByTestId('loading-title')).toHaveTextContent('Preparing to sign...')
+      expect(screen.getByTestId('loading-description')).toHaveTextContent('Initializing signing process...')
+    })
+  })
+
+  describe('hook integration', () => {
+    it('should pass correct parameters to useTransactionSigning', () => {
+      render(<SignTransaction />)
+
+      expect(mockUseTransactionSigning).toHaveBeenCalledWith({
+        txId: 'test-tx-id',
+        signerAddress: '0x456',
+      })
+    })
+
+    it('should call useSigningGuard with no parameters', () => {
+      render(<SignTransaction />)
+
+      expect(mockUseSigningGuard).toHaveBeenCalledWith()
+    })
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/SignTransaction/SignTransaction.tsx b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/SignTransaction.tsx
new file mode 100644
index 000000000..2f89a295e
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/SignTransaction.tsx
@@ -0,0 +1,52 @@
+import { LoadingScreen } from '@/src/components/LoadingScreen'
+import React, { useEffect } from 'react'
+import { useLocalSearchParams } from 'expo-router'
+import SignError from './SignError'
+import SignSuccess from './SignSuccess'
+import { useSigningGuard } from './hooks/useSigningGuard'
+import { useTransactionSigning } from './hooks/useTransactionSigning'
+
+export function SignTransaction() {
+  const { txId, signerAddress } = useLocalSearchParams<{ txId: string; signerAddress: string }>()
+
+  if (!txId || !signerAddress) {
+    const handleRetry = () => {
+      // Cannot retry missing parameters - this is a configuration error
+      console.error('Cannot retry: missing transaction parameters')
+    }
+    return <SignError description="Missing transaction ID or signer address" onRetryPress={handleRetry} />
+  }
+
+  const { canSign } = useSigningGuard()
+  const { status, executeSign, retry, isApiLoading, isApiError } = useTransactionSigning({ txId, signerAddress })
+
+  // Auto-sign when component mounts if user can sign
+  useEffect(() => {
+    if (canSign && status === 'idle') {
+      executeSign()
+    }
+  }, [canSign, status, executeSign])
+
+  // Handle API errors
+  if (isApiError) {
+    return <SignError onRetryPress={retry} description="Failed to submit transaction confirmation" />
+  }
+
+  // Handle signing errors
+  if (status === 'error') {
+    return <SignError onRetryPress={retry} description="There was an error signing the transaction." />
+  }
+
+  // Handle success
+  if (status === 'success') {
+    return <SignSuccess />
+  }
+
+  // Show loading state
+  if (status === 'loading' || isApiLoading) {
+    return <LoadingScreen title="Signing transaction..." description="It may take a few seconds..." />
+  }
+
+  // This should rarely be reached (idle state while authorized)
+  return <LoadingScreen title="Preparing to sign..." description="Initializing signing process..." />
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/SignTransaction/hooks/useSigningGuard.test.ts b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/hooks/useSigningGuard.test.ts
new file mode 100644
index 000000000..b60de7eb1
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/hooks/useSigningGuard.test.ts
@@ -0,0 +1,167 @@
+import { renderHook } from '@testing-library/react-native'
+import { Alert } from 'react-native'
+import { useRouter } from 'expo-router'
+import { useGuard } from '@/src/context/GuardProvider'
+import { useSigningGuard } from './useSigningGuard'
+
+// Mock dependencies
+jest.mock('react-native', () => ({
+  Alert: {
+    alert: jest.fn(),
+  },
+}))
+
+jest.mock('expo-router', () => ({
+  useRouter: jest.fn(),
+}))
+
+jest.mock('@/src/context/GuardProvider', () => ({
+  useGuard: jest.fn(),
+}))
+
+const mockRouter = {
+  back: jest.fn(),
+}
+
+const mockGuard = {
+  getGuard: jest.fn(),
+}
+
+describe('useSigningGuard', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+    ;(useRouter as jest.Mock).mockReturnValue(mockRouter)
+    ;(useGuard as jest.Mock).mockReturnValue(mockGuard)
+  })
+
+  describe('when user can sign initially', () => {
+    beforeEach(() => {
+      mockGuard.getGuard.mockReturnValue(true)
+    })
+
+    it('should return canSign as true', () => {
+      const { result } = renderHook(() => useSigningGuard())
+
+      expect(result.current.canSign).toBe(true)
+    })
+
+    it('should not show alert', () => {
+      renderHook(() => useSigningGuard())
+
+      expect(Alert.alert).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('when user cannot sign initially', () => {
+    beforeEach(() => {
+      mockGuard.getGuard.mockReturnValue(false)
+    })
+
+    it('should return canSign as false', () => {
+      const { result } = renderHook(() => useSigningGuard())
+
+      expect(result.current.canSign).toBe(false)
+    })
+
+    it('should show security alert for initial unauthorized access', () => {
+      renderHook(() => useSigningGuard())
+
+      expect(Alert.alert).toHaveBeenCalledWith(
+        'Something is fishy!',
+        'You somehow got here, but you did not look at the transaction details. Go Back, inspect the transaction details and try again.',
+        [
+          {
+            text: 'Go Back',
+            onPress: expect.any(Function),
+          },
+        ],
+      )
+    })
+
+    it('should navigate back when alert button is pressed', () => {
+      renderHook(() => useSigningGuard())
+
+      // Get the onPress function from the Alert.alert call
+      const alertCall = (Alert.alert as jest.Mock).mock.calls[0]
+      const onPressHandler = alertCall[2][0].onPress
+
+      // Simulate button press
+      onPressHandler()
+
+      expect(mockRouter.back).toHaveBeenCalled()
+    })
+
+    it('should not show alert multiple times on re-renders', () => {
+      const { rerender } = renderHook(() => useSigningGuard(), {})
+
+      // First render shows alert
+      expect(Alert.alert).toHaveBeenCalledTimes(1)
+
+      // Re-render should not show alert again
+      rerender({})
+      expect(Alert.alert).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('when guard status changes after being authorized', () => {
+    it('should NOT show alert when going from authorized to unauthorized (post-signing)', () => {
+      // Start with canSign = true (authorized)
+      mockGuard.getGuard.mockReturnValue(true)
+      const { result, rerender } = renderHook(() => useSigningGuard())
+
+      expect(result.current.canSign).toBe(true)
+      expect(Alert.alert).not.toHaveBeenCalled()
+
+      // Change to canSign = false (simulating guard reset after signing)
+      mockGuard.getGuard.mockReturnValue(false)
+      rerender({})
+
+      expect(result.current.canSign).toBe(false)
+      // Alert should NOT be shown because we were previously authorized
+      expect(Alert.alert).not.toHaveBeenCalled()
+    })
+
+    it('should track authorization state across multiple changes', () => {
+      // Start unauthorized
+      mockGuard.getGuard.mockReturnValue(false)
+      const { result, rerender } = renderHook(() => useSigningGuard())
+
+      expect(result.current.canSign).toBe(false)
+      expect(Alert.alert).toHaveBeenCalledTimes(1) // Shows alert for initial unauthorized
+
+      // Become authorized
+      mockGuard.getGuard.mockReturnValue(true)
+      rerender({})
+
+      expect(result.current.canSign).toBe(true)
+      expect(Alert.alert).toHaveBeenCalledTimes(1) // No new alert
+
+      // Become unauthorized again (simulating guard reset after signing)
+      mockGuard.getGuard.mockReturnValue(false)
+      rerender({})
+
+      expect(result.current.canSign).toBe(false)
+      expect(Alert.alert).toHaveBeenCalledTimes(1) // Still no new alert
+    })
+  })
+
+  describe('edge cases', () => {
+    it('should handle rapid state changes correctly', () => {
+      // Multiple rapid changes
+      mockGuard.getGuard.mockReturnValue(false)
+      const { rerender } = renderHook(() => useSigningGuard())
+
+      mockGuard.getGuard.mockReturnValue(true)
+      rerender({})
+
+      mockGuard.getGuard.mockReturnValue(false)
+      rerender({})
+
+      mockGuard.getGuard.mockReturnValue(true)
+      rerender({})
+
+      // Should only show alert once for initial unauthorized state
+      expect(Alert.alert).toHaveBeenCalledTimes(1)
+    })
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/SignTransaction/hooks/useSigningGuard.ts b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/hooks/useSigningGuard.ts
new file mode 100644
index 000000000..344747262
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/hooks/useSigningGuard.ts
@@ -0,0 +1,39 @@
+import { useLayoutEffect, useRef } from 'react'
+import { Alert } from 'react-native'
+import { useRouter } from 'expo-router'
+import { useGuard } from '@/src/context/GuardProvider'
+
+export function useSigningGuard() {
+  const { getGuard } = useGuard()
+  const router = useRouter()
+  const hasShownAlert = useRef(false)
+  const hasEverBeenAuthorized = useRef(false)
+  const canSign = getGuard('signing')
+
+  useLayoutEffect(() => {
+    // Track if we've ever been authorized
+    if (canSign) {
+      hasEverBeenAuthorized.current = true
+    }
+
+    // Only show alert if:
+    // 1. User cannot sign AND
+    // 2. We haven't shown alert before AND
+    // 3. We've never been authorized (prevents alert after successful signing)
+    if (!canSign && !hasShownAlert.current && !hasEverBeenAuthorized.current) {
+      Alert.alert(
+        'Something is fishy!',
+        'You somehow got here, but you did not look at the transaction details. Go Back, inspect the transaction details and try again.',
+        [
+          {
+            text: 'Go Back',
+            onPress: () => router.back(),
+          },
+        ],
+      )
+      hasShownAlert.current = true
+    }
+  }, [canSign, router])
+
+  return { canSign }
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/SignTransaction/hooks/useTransactionSigning.test.ts b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/hooks/useTransactionSigning.test.ts
new file mode 100644
index 000000000..2856c1640
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/hooks/useTransactionSigning.test.ts
@@ -0,0 +1,302 @@
+import { renderHook, waitFor, act } from '@testing-library/react-native'
+import { useTransactionSigning } from './useTransactionSigning'
+import { getPrivateKey } from '@/src/hooks/useSign/useSign'
+import { signTx } from '@/src/services/tx/tx-sender/sign'
+import { useTransactionsAddConfirmationV1Mutation } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { useAppSelector } from '@/src/store/hooks'
+import { useGuard } from '@/src/context/GuardProvider'
+import logger from '@/src/utils/logger'
+
+// Mock dependencies
+jest.mock('@/src/hooks/useSign/useSign')
+jest.mock('@/src/services/tx/tx-sender/sign')
+jest.mock('@safe-global/store/gateway/AUTO_GENERATED/transactions')
+jest.mock('@/src/store/hooks/activeSafe')
+jest.mock('@/src/store/hooks')
+jest.mock('@/src/context/GuardProvider')
+jest.mock('@/src/utils/logger')
+
+const mockGetPrivateKey = getPrivateKey as jest.MockedFunction<typeof getPrivateKey>
+const mockSignTx = signTx as jest.MockedFunction<typeof signTx>
+const mockUseTransactionsAddConfirmationV1Mutation = useTransactionsAddConfirmationV1Mutation as jest.MockedFunction<
+  typeof useTransactionsAddConfirmationV1Mutation
+>
+const mockUseDefinedActiveSafe = useDefinedActiveSafe as jest.MockedFunction<typeof useDefinedActiveSafe>
+const mockUseAppSelector = useAppSelector as jest.MockedFunction<typeof useAppSelector>
+const mockUseGuard = useGuard as jest.MockedFunction<typeof useGuard>
+
+const mockActiveSafe = {
+  chainId: '1',
+  address: '0x123' as const,
+}
+
+const mockActiveChain = {
+  chainId: '1',
+  chainName: 'Ethereum',
+}
+
+const mockAddConfirmation = jest.fn()
+const mockResetGuard = jest.fn()
+const mockGetGuard = jest.fn()
+const mockSetGuard = jest.fn()
+const mockResetAllGuards = jest.fn()
+
+const mockSignedTx = {
+  safeTransactionHash: '0xabcd',
+  signature: '0xsignature',
+}
+
+const mockMutationResult = {
+  isLoading: false,
+  data: null,
+  isError: false,
+  reset: jest.fn(),
+}
+
+describe('useTransactionSigning', () => {
+  const defaultProps = {
+    txId: 'test-tx-id',
+    signerAddress: '0x456',
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+
+    mockUseDefinedActiveSafe.mockReturnValue(mockActiveSafe)
+    mockUseAppSelector.mockReturnValue(mockActiveChain)
+    mockUseGuard.mockReturnValue({
+      resetGuard: mockResetGuard,
+      getGuard: mockGetGuard,
+      setGuard: mockSetGuard,
+      resetAllGuards: mockResetAllGuards,
+      guards: {},
+    })
+    mockUseTransactionsAddConfirmationV1Mutation.mockReturnValue([mockAddConfirmation, mockMutationResult])
+  })
+
+  describe('initial state', () => {
+    it('should return idle status initially', () => {
+      const { result } = renderHook(() => useTransactionSigning(defaultProps))
+
+      expect(result.current.status).toBe('idle')
+      expect(result.current.hasTriggeredAutoSign).toBe(false)
+    })
+
+    it('should provide all required methods', () => {
+      const { result } = renderHook(() => useTransactionSigning(defaultProps))
+
+      expect(typeof result.current.executeSign).toBe('function')
+      expect(typeof result.current.retry).toBe('function')
+      expect(typeof result.current.reset).toBe('function')
+    })
+  })
+
+  describe('executeSign', () => {
+    it('should successfully sign transaction', async () => {
+      mockGetPrivateKey.mockResolvedValue('private-key')
+      mockSignTx.mockResolvedValue(mockSignedTx)
+      mockAddConfirmation.mockResolvedValue({ data: 'success' })
+
+      const { result } = renderHook(() => useTransactionSigning(defaultProps))
+
+      await act(async () => {
+        await result.current.executeSign()
+      })
+
+      await waitFor(() => {
+        expect(result.current.status).toBe('success')
+      })
+
+      expect(mockGetPrivateKey).toHaveBeenCalledWith('0x456')
+      expect(mockSignTx).toHaveBeenCalledWith({
+        chain: mockActiveChain,
+        activeSafe: mockActiveSafe,
+        txId: 'test-tx-id',
+        privateKey: 'private-key',
+      })
+      expect(mockAddConfirmation).toHaveBeenCalledWith({
+        chainId: '1',
+        safeTxHash: '0xabcd',
+        addConfirmationDto: {
+          signature: '0xsignature',
+        },
+      })
+      expect(mockResetGuard).toHaveBeenCalledWith('signing')
+    })
+
+    it('should handle missing private key', async () => {
+      mockGetPrivateKey.mockResolvedValue(undefined)
+
+      const { result } = renderHook(() => useTransactionSigning(defaultProps))
+
+      await act(async () => {
+        await result.current.executeSign()
+      })
+
+      await waitFor(() => {
+        expect(result.current.status).toBe('error')
+      })
+
+      expect(mockSignTx).not.toHaveBeenCalled()
+      expect(mockAddConfirmation).not.toHaveBeenCalled()
+      expect(mockResetGuard).not.toHaveBeenCalled()
+    })
+
+    it('should handle signing errors', async () => {
+      const signingError = new Error('Signing failed')
+      mockGetPrivateKey.mockResolvedValue('private-key')
+      mockSignTx.mockRejectedValue(signingError)
+
+      const { result } = renderHook(() => useTransactionSigning(defaultProps))
+
+      await act(async () => {
+        await result.current.executeSign()
+      })
+
+      await waitFor(() => {
+        expect(result.current.status).toBe('error')
+      })
+
+      expect(logger.error).toHaveBeenCalledWith('Error signing transaction:', signingError)
+      expect(mockAddConfirmation).not.toHaveBeenCalled()
+      expect(mockResetGuard).not.toHaveBeenCalled()
+    })
+
+    it('should handle API confirmation errors', async () => {
+      const apiError = new Error('API failed')
+      mockGetPrivateKey.mockResolvedValue('private-key')
+      mockSignTx.mockResolvedValue(mockSignedTx)
+      mockAddConfirmation.mockRejectedValue(apiError)
+
+      const { result } = renderHook(() => useTransactionSigning(defaultProps))
+
+      await act(async () => {
+        await result.current.executeSign()
+      })
+
+      await waitFor(() => {
+        expect(result.current.status).toBe('error')
+      })
+
+      expect(logger.error).toHaveBeenCalledWith('Error signing transaction:', apiError)
+      expect(mockResetGuard).not.toHaveBeenCalled()
+    })
+
+    it('should prevent multiple executions', async () => {
+      mockGetPrivateKey.mockResolvedValue('private-key')
+      mockSignTx.mockResolvedValue(mockSignedTx)
+      mockAddConfirmation.mockResolvedValue({ data: 'success' })
+
+      const { result } = renderHook(() => useTransactionSigning(defaultProps))
+
+      // Call executeSign multiple times
+      await act(async () => {
+        result.current.executeSign()
+        result.current.executeSign()
+        result.current.executeSign()
+      })
+
+      await waitFor(() => {
+        expect(result.current.status).toBe('success')
+      })
+
+      // Should only call once
+      expect(mockGetPrivateKey).toHaveBeenCalledTimes(1)
+      expect(mockSignTx).toHaveBeenCalledTimes(1)
+      expect(mockAddConfirmation).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('retry', () => {
+    it('should reset state and re-execute signing', async () => {
+      mockGetPrivateKey.mockResolvedValue('private-key')
+      mockSignTx.mockResolvedValue(mockSignedTx)
+      mockAddConfirmation.mockResolvedValue({ data: 'success' })
+
+      const { result } = renderHook(() => useTransactionSigning(defaultProps))
+
+      // First execution
+      await act(async () => {
+        await result.current.executeSign()
+      })
+      await waitFor(() => {
+        expect(result.current.status).toBe('success')
+      })
+
+      // Retry should allow re-execution
+      await act(async () => {
+        await result.current.retry()
+      })
+
+      await waitFor(() => {
+        expect(result.current.status).toBe('success')
+      })
+
+      expect(mockGetPrivateKey).toHaveBeenCalledTimes(2)
+      expect(mockSignTx).toHaveBeenCalledTimes(2)
+    })
+  })
+
+  describe('reset', () => {
+    it('should reset to idle state', async () => {
+      mockGetPrivateKey.mockResolvedValue('private-key')
+      mockSignTx.mockResolvedValue(mockSignedTx)
+      mockAddConfirmation.mockResolvedValue({ data: 'success' })
+
+      const { result } = renderHook(() => useTransactionSigning(defaultProps))
+
+      await act(async () => {
+        await result.current.executeSign()
+      })
+      await waitFor(() => {
+        expect(result.current.status).toBe('success')
+      })
+
+      act(() => {
+        result.current.reset()
+      })
+
+      await waitFor(() => {
+        expect(result.current.status).toBe('idle')
+        expect(result.current.hasTriggeredAutoSign).toBe(false)
+      })
+    })
+  })
+
+  describe('API state forwarding', () => {
+    it('should forward API loading state', () => {
+      mockUseTransactionsAddConfirmationV1Mutation.mockReturnValue([
+        mockAddConfirmation,
+        { isLoading: true, data: null, isError: false, reset: jest.fn() },
+      ])
+
+      const { result } = renderHook(() => useTransactionSigning(defaultProps))
+
+      expect(result.current.isApiLoading).toBe(true)
+    })
+
+    it('should forward API error state', () => {
+      mockUseTransactionsAddConfirmationV1Mutation.mockReturnValue([
+        mockAddConfirmation,
+        { isLoading: false, data: null, isError: true, reset: jest.fn() },
+      ])
+
+      const { result } = renderHook(() => useTransactionSigning(defaultProps))
+
+      expect(result.current.isApiError).toBe(true)
+    })
+
+    it('should forward API data', () => {
+      const mockData = { result: 'success' }
+      mockUseTransactionsAddConfirmationV1Mutation.mockReturnValue([
+        mockAddConfirmation,
+        { isLoading: false, data: mockData, isError: false, reset: jest.fn() },
+      ])
+
+      const { result } = renderHook(() => useTransactionSigning(defaultProps))
+
+      expect(result.current.apiData).toBe(mockData)
+    })
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/SignTransaction/hooks/useTransactionSigning.ts b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/hooks/useTransactionSigning.ts
new file mode 100644
index 000000000..8947e7a7b
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/hooks/useTransactionSigning.ts
@@ -0,0 +1,92 @@
+import { useCallback, useRef, useState } from 'react'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectChainById } from '@/src/store/chains'
+import { RootState } from '@/src/store'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { getPrivateKey } from '@/src/hooks/useSign/useSign'
+import { signTx } from '@/src/services/tx/tx-sender/sign'
+import { useTransactionsAddConfirmationV1Mutation } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import logger from '@/src/utils/logger'
+import { useGuard } from '@/src/context/GuardProvider'
+
+export type SigningStatus = 'idle' | 'loading' | 'success' | 'error'
+
+interface UseTransactionSigningProps {
+  txId: string
+  signerAddress: string
+}
+
+export function useTransactionSigning({ txId, signerAddress }: UseTransactionSigningProps) {
+  const [status, setStatus] = useState<SigningStatus>('idle')
+  const activeSafe = useDefinedActiveSafe()
+  const activeChain = useAppSelector((state: RootState) => selectChainById(state, activeSafe.chainId))
+  const { resetGuard } = useGuard()
+  const hasTriggeredAutoSign = useRef(false)
+
+  const [addConfirmation, { isLoading: isApiLoading, data: apiData, isError: isApiError }] =
+    useTransactionsAddConfirmationV1Mutation()
+
+  const executeSign = useCallback(async () => {
+    if (hasTriggeredAutoSign.current) {
+      return
+    }
+
+    setStatus('loading')
+    hasTriggeredAutoSign.current = true
+
+    try {
+      const privateKey = await getPrivateKey(signerAddress)
+
+      if (!privateKey) {
+        setStatus('error')
+        return
+      }
+
+      const signedTx = await signTx({
+        chain: activeChain as ChainInfo,
+        activeSafe,
+        txId,
+        privateKey,
+      })
+
+      await addConfirmation({
+        chainId: activeSafe.chainId,
+        safeTxHash: signedTx.safeTransactionHash,
+        addConfirmationDto: {
+          // TODO: we need to add this signature type in the auto generated types, because it was included recently in CGW
+          // @ts-ignore
+          signature: signedTx.signature,
+        },
+      })
+
+      // CRITICAL: Reset guard immediately after successful signing
+      resetGuard('signing')
+      setStatus('success')
+    } catch (error) {
+      logger.error('Error signing transaction:', error)
+      setStatus('error')
+    }
+  }, [activeChain, activeSafe, txId, signerAddress, addConfirmation, resetGuard])
+
+  const retry = useCallback(() => {
+    hasTriggeredAutoSign.current = false
+    executeSign()
+  }, [executeSign])
+
+  const reset = useCallback(() => {
+    setStatus('idle')
+    hasTriggeredAutoSign.current = false
+  }, [])
+
+  return {
+    status,
+    executeSign,
+    retry,
+    reset,
+    isApiLoading,
+    apiData,
+    isApiError,
+    hasTriggeredAutoSign: hasTriggeredAutoSign.current,
+  }
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/SignTransaction/index.ts b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/index.ts
new file mode 100644
index 000000000..6119a1b75
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/SignTransaction/index.ts
@@ -0,0 +1 @@
+export { SignTransaction } from './SignTransaction'
diff --git a/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/TransactionChecks.tsx b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/TransactionChecks.tsx
new file mode 100644
index 000000000..8c23569e5
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/TransactionChecks.tsx
@@ -0,0 +1,36 @@
+import React from 'react'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { useRouter } from 'expo-router'
+import { TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useTransactionSecurity } from './hooks/useTransactionSecurity'
+import { getTransactionChecksLabel, shouldShowBottomContent } from './utils/transactionChecksUtils'
+import { TransactionChecksLeftNode } from './components/TransactionChecksLeftNode'
+import { TransactionChecksBottomContent } from './components/TransactionChecksBottomContent'
+
+interface TransactionChecksProps {
+  txId: string
+  txDetails?: TransactionDetails
+}
+
+export function TransactionChecks({ txId, txDetails }: TransactionChecksProps) {
+  const router = useRouter()
+  const security = useTransactionSecurity(txDetails)
+
+  const handleTransactionChecksPress = () => {
+    router.push({
+      pathname: '/transaction-checks',
+      params: { txId },
+    })
+  }
+
+  return (
+    <SafeListItem
+      onPress={handleTransactionChecksPress}
+      leftNode={<TransactionChecksLeftNode security={security} />}
+      label={getTransactionChecksLabel(security.isScanning)}
+      rightNode={<SafeFontIcon name="chevron-right" size={16} />}
+      bottomContent={shouldShowBottomContent(security) ? <TransactionChecksBottomContent security={security} /> : null}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/__tests__/TransactionChecks.test.tsx b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/__tests__/TransactionChecks.test.tsx
new file mode 100644
index 000000000..148f843f0
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/__tests__/TransactionChecks.test.tsx
@@ -0,0 +1,200 @@
+import React from 'react'
+import { render, userEvent } from '@/src/tests/test-utils'
+import { TransactionChecks } from '../TransactionChecks'
+import { useTransactionSecurity } from '../hooks/useTransactionSecurity'
+import { useRouter } from 'expo-router'
+
+type SecurityHookReturn = ReturnType<typeof useTransactionSecurity>
+
+interface MockSafeListItemProps {
+  onPress: () => void
+  leftNode: React.ReactNode
+  label: string
+  rightNode: React.ReactNode
+  bottomContent?: React.ReactNode
+}
+
+interface MockTransactionChecksLeftNodeProps {
+  security: SecurityHookReturn
+}
+
+interface MockTransactionChecksBottomContentProps {
+  security: SecurityHookReturn
+}
+
+// Mock the dependencies
+jest.mock('../hooks/useTransactionSecurity')
+jest.mock('expo-router')
+jest.mock('@/src/components/SafeListItem', () => {
+  const React = require('react')
+  const { Pressable, View, Text } = require('react-native')
+  return {
+    SafeListItem: ({ onPress, leftNode, label, rightNode, bottomContent }: MockSafeListItemProps) =>
+      React.createElement(
+        Pressable,
+        { testID: 'safe-list-item', onPress },
+        React.createElement(View, { testID: 'left-node' }, leftNode),
+        React.createElement(Text, { testID: 'label' }, label),
+        React.createElement(View, { testID: 'right-node' }, rightNode),
+        bottomContent && React.createElement(View, { testID: 'bottom-content' }, bottomContent),
+      ),
+  }
+})
+jest.mock('../components/TransactionChecksLeftNode', () => {
+  const React = require('react')
+  const { View } = require('react-native')
+  return {
+    TransactionChecksLeftNode: ({ security }: MockTransactionChecksLeftNodeProps) =>
+      React.createElement(View, {
+        testID: 'transaction-checks-left-node',
+        accessibilityLabel: security.isScanning ? 'scanning' : 'idle',
+      }),
+  }
+})
+jest.mock('../components/TransactionChecksBottomContent', () => {
+  const React = require('react')
+  const { View } = require('react-native')
+  return {
+    TransactionChecksBottomContent: ({ security }: MockTransactionChecksBottomContentProps) =>
+      security.hasIssues || security.hasContractManagement || security.error
+        ? React.createElement(View, { testID: 'transaction-checks-bottom-content' })
+        : null,
+  }
+})
+
+const mockUseTransactionSecurity = jest.mocked(useTransactionSecurity)
+const mockUseRouter = jest.mocked(useRouter)
+
+describe('TransactionChecks', () => {
+  const mockPush = jest.fn()
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    const mockRouter = {
+      push: mockPush,
+    }
+    mockUseRouter.mockReturnValue(mockRouter as never)
+  })
+
+  const createSecurityState = (overrides: Partial<SecurityHookReturn> = {}): SecurityHookReturn => ({
+    enabled: true,
+    isScanning: false,
+    hasError: false,
+    payload: undefined,
+    error: undefined,
+    isHighRisk: false,
+    isMediumRisk: false,
+    hasWarnings: false,
+    hasIssues: false,
+    hasContractManagement: false,
+    ...overrides,
+  })
+
+  it('should render with correct label when not scanning', () => {
+    const security = createSecurityState()
+    mockUseTransactionSecurity.mockReturnValue(security)
+
+    const { getByTestId } = render(<TransactionChecks txId="test-tx-id" />)
+
+    expect(getByTestId('label')).toHaveTextContent('Transaction checks')
+  })
+
+  it('should render with scanning label when scanning', () => {
+    const security = createSecurityState({ isScanning: true })
+    mockUseTransactionSecurity.mockReturnValue(security)
+
+    const { getByTestId } = render(<TransactionChecks txId="test-tx-id" />)
+
+    expect(getByTestId('label')).toHaveTextContent('Checking transaction...')
+  })
+
+  it('should render left node with security state', () => {
+    const security = createSecurityState({ isScanning: true })
+    mockUseTransactionSecurity.mockReturnValue(security)
+
+    const { getByTestId } = render(<TransactionChecks txId="test-tx-id" />)
+
+    const leftNode = getByTestId('transaction-checks-left-node')
+    expect(leftNode.props.accessibilityLabel).toBe('scanning')
+  })
+
+  it('should render bottom content when security has issues', () => {
+    const security = createSecurityState({ hasIssues: true })
+    mockUseTransactionSecurity.mockReturnValue(security)
+
+    const { getByTestId } = render(<TransactionChecks txId="test-tx-id" />)
+
+    expect(getByTestId('transaction-checks-bottom-content')).toBeTruthy()
+  })
+
+  it('should render bottom content when contract management detected', () => {
+    const security = createSecurityState({ hasContractManagement: true })
+    mockUseTransactionSecurity.mockReturnValue(security)
+
+    const { getByTestId } = render(<TransactionChecks txId="test-tx-id" />)
+
+    expect(getByTestId('transaction-checks-bottom-content')).toBeTruthy()
+  })
+
+  it('should render bottom content when security error exists', () => {
+    const security = createSecurityState({ error: new Error('Test error') })
+    mockUseTransactionSecurity.mockReturnValue(security)
+
+    const { getByTestId } = render(<TransactionChecks txId="test-tx-id" />)
+
+    expect(getByTestId('transaction-checks-bottom-content')).toBeTruthy()
+  })
+
+  it('should not render bottom content when no issues', () => {
+    const security = createSecurityState()
+    mockUseTransactionSecurity.mockReturnValue(security)
+
+    const { queryByTestId } = render(<TransactionChecks txId="test-tx-id" />)
+
+    expect(queryByTestId('transaction-checks-bottom-content')).toBeFalsy()
+  })
+
+  it('should navigate to transaction checks page on press', async () => {
+    const user = userEvent.setup()
+    const security = createSecurityState()
+    mockUseTransactionSecurity.mockReturnValue(security)
+
+    const { getByTestId } = render(<TransactionChecks txId="test-tx-123" />)
+
+    await user.press(getByTestId('safe-list-item'))
+
+    expect(mockPush).toHaveBeenCalledWith({
+      pathname: '/transaction-checks',
+      params: { txId: 'test-tx-123' },
+    })
+  })
+
+  it('should pass txDetails to useTransactionSecurity hook', () => {
+    const txDetails = { txId: 'test-tx', txInfo: {} } as Parameters<typeof useTransactionSecurity>[0]
+    const security = createSecurityState()
+    mockUseTransactionSecurity.mockReturnValue(security)
+
+    render(<TransactionChecks txId="test-tx-id" txDetails={txDetails} />)
+
+    expect(mockUseTransactionSecurity).toHaveBeenCalledWith(txDetails)
+  })
+
+  it('should handle undefined txDetails', () => {
+    const security = createSecurityState()
+    mockUseTransactionSecurity.mockReturnValue(security)
+
+    render(<TransactionChecks txId="test-tx-id" />)
+
+    expect(mockUseTransactionSecurity).toHaveBeenCalledWith(undefined)
+  })
+
+  it('should not render bottomContent if security is disabled', () => {
+    const security = createSecurityState({ enabled: false, hasIssues: true })
+    mockUseTransactionSecurity.mockReturnValue(security)
+
+    const { queryByTestId } = render(<TransactionChecks txId="test-tx-id" />)
+
+    const bottomContent = queryByTestId('transaction-checks-bottom-content')
+    expect(bottomContent).toBeNull()
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/components/TransactionChecksBottomContent.tsx b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/components/TransactionChecksBottomContent.tsx
new file mode 100644
index 000000000..958a35389
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/components/TransactionChecksBottomContent.tsx
@@ -0,0 +1,34 @@
+import React from 'react'
+import { Alert } from '@/src/components/Alert'
+import { getAlertType, SecurityState } from '../utils/transactionChecksUtils'
+
+interface TransactionChecksBottomContentProps {
+  security: SecurityState
+}
+
+export const TransactionChecksBottomContent = ({ security }: TransactionChecksBottomContentProps) => {
+  // Show warnings for security issues (malicious/warning)
+  if (security.hasIssues) {
+    return (
+      <Alert type={getAlertType(security)} info="Potential risk detected" message="Review details before signing" />
+    )
+  }
+
+  // Show warnings for contract management changes (proxy upgrades, ownership changes, etc.)
+  if (security.hasContractManagement) {
+    return <Alert type="warning" info="Review details first" message="Contract changes detected!" orientation="left" />
+  }
+
+  // Show error if blockaid check failed
+  if (security.error) {
+    return (
+      <Alert
+        type="warning"
+        message="Proceed with caution"
+        info="The transaction could not be checked for security alerts. Verify the details and addresses before proceeding."
+      />
+    )
+  }
+
+  return null
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/components/TransactionChecksLeftNode.tsx b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/components/TransactionChecksLeftNode.tsx
new file mode 100644
index 000000000..44fea50a7
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/components/TransactionChecksLeftNode.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { CircleSnail } from 'react-native-progress'
+import { getTransactionChecksIcon, SecurityState } from '../utils/transactionChecksUtils'
+
+interface TransactionChecksLeftNodeProps {
+  security: SecurityState
+}
+
+export const TransactionChecksLeftNode = ({ security }: TransactionChecksLeftNodeProps) => {
+  if (security.isScanning) {
+    return <CircleSnail size={16} borderWidth={0} thickness={1} />
+  }
+
+  return <SafeFontIcon name={getTransactionChecksIcon(security)} size={16} />
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/components/__tests__/TransactionChecksBottomContent.test.tsx b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/components/__tests__/TransactionChecksBottomContent.test.tsx
new file mode 100644
index 000000000..41d055093
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/components/__tests__/TransactionChecksBottomContent.test.tsx
@@ -0,0 +1,147 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { TransactionChecksBottomContent } from '../TransactionChecksBottomContent'
+import { SecurityState } from '../../utils/transactionChecksUtils'
+import { AlertType } from '@/src/components/Alert'
+
+interface MockAlertProps {
+  type: AlertType
+  info?: string
+  message: string
+}
+
+// Mock the Alert component
+jest.mock('@/src/components/Alert', () => {
+  const React = require('react')
+  const { View, Text } = require('react-native')
+  return {
+    Alert: ({ type, info, message }: MockAlertProps) =>
+      React.createElement(
+        View,
+        { testID: 'alert', accessibilityLabel: `${type}-alert` },
+        info && React.createElement(Text, { testID: 'alert-info' }, info),
+        React.createElement(Text, { testID: 'alert-message' }, message),
+      ),
+  }
+})
+
+describe('TransactionChecksBottomContent', () => {
+  const createSecurityState = (overrides: Partial<SecurityState> = {}): SecurityState => ({
+    hasError: false,
+    isMediumRisk: false,
+    isHighRisk: false,
+    hasContractManagement: false,
+    isScanning: false,
+    enabled: true,
+    hasIssues: false,
+    hasWarnings: false,
+    error: undefined,
+    payload: null,
+    ...overrides,
+  })
+
+  it('should render nothing when no conditions are met', () => {
+    const security = createSecurityState()
+    const { queryByTestId } = render(<TransactionChecksBottomContent security={security} />)
+
+    expect(queryByTestId('alert')).toBeFalsy()
+  })
+
+  it('should render error alert for high risk issues', () => {
+    const security = createSecurityState({
+      hasIssues: true,
+      isHighRisk: true,
+    })
+    const { getByTestId } = render(<TransactionChecksBottomContent security={security} />)
+
+    const alert = getByTestId('alert')
+    expect(alert.props.accessibilityLabel).toBe('error-alert')
+    expect(getByTestId('alert-info')).toHaveTextContent('Potential risk detected')
+    expect(getByTestId('alert-message')).toHaveTextContent('Review details before signing')
+  })
+
+  it('should render warning alert for medium risk issues', () => {
+    const security = createSecurityState({
+      hasIssues: true,
+      isMediumRisk: true,
+    })
+    const { getByTestId } = render(<TransactionChecksBottomContent security={security} />)
+
+    const alert = getByTestId('alert')
+    expect(alert.props.accessibilityLabel).toBe('warning-alert')
+    expect(getByTestId('alert-info')).toHaveTextContent('Potential risk detected')
+    expect(getByTestId('alert-message')).toHaveTextContent('Review details before signing')
+  })
+
+  it('should render info alert for low risk issues', () => {
+    const security = createSecurityState({ hasIssues: true })
+    const { getByTestId } = render(<TransactionChecksBottomContent security={security} />)
+
+    const alert = getByTestId('alert')
+    expect(alert.props.accessibilityLabel).toBe('info-alert')
+    expect(getByTestId('alert-info')).toHaveTextContent('Potential risk detected')
+    expect(getByTestId('alert-message')).toHaveTextContent('Review details before signing')
+  })
+
+  it('should render contract management warning', () => {
+    const security = createSecurityState({ hasContractManagement: true })
+    const { getByTestId } = render(<TransactionChecksBottomContent security={security} />)
+
+    const alert = getByTestId('alert')
+    expect(alert.props.accessibilityLabel).toBe('warning-alert')
+    expect(getByTestId('alert-info')).toHaveTextContent('Review details first')
+    expect(getByTestId('alert-message')).toHaveTextContent('Contract changes detected!')
+  })
+
+  it('should render error alert when security check fails', () => {
+    const security = createSecurityState({ error: new Error('Blockaid failed') })
+    const { getByTestId } = render(<TransactionChecksBottomContent security={security} />)
+
+    const alert = getByTestId('alert')
+    expect(alert.props.accessibilityLabel).toBe('warning-alert')
+    expect(getByTestId('alert-message')).toHaveTextContent('Proceed with caution')
+    expect(getByTestId('alert-info')).toHaveTextContent(
+      'The transaction could not be checked for security alerts. Verify the details and addresses before proceeding.',
+    )
+  })
+
+  it('should prioritize security issues over contract management', () => {
+    const security = createSecurityState({
+      hasIssues: true,
+      hasContractManagement: true,
+      isMediumRisk: true,
+    })
+    const { getByTestId } = render(<TransactionChecksBottomContent security={security} />)
+
+    const alert = getByTestId('alert')
+    expect(alert.props.accessibilityLabel).toBe('warning-alert')
+    expect(getByTestId('alert-info')).toHaveTextContent('Potential risk detected')
+    expect(getByTestId('alert-message')).toHaveTextContent('Review details before signing')
+  })
+
+  it('should prioritize security issues over errors', () => {
+    const security = createSecurityState({
+      hasIssues: true,
+      error: new Error('Test error'),
+      isHighRisk: true,
+    })
+    const { getByTestId } = render(<TransactionChecksBottomContent security={security} />)
+
+    const alert = getByTestId('alert')
+    expect(alert.props.accessibilityLabel).toBe('error-alert')
+    expect(getByTestId('alert-info')).toHaveTextContent('Potential risk detected')
+  })
+
+  it('should prioritize contract management over errors', () => {
+    const security = createSecurityState({
+      hasContractManagement: true,
+      error: new Error('Test error'),
+    })
+    const { getByTestId } = render(<TransactionChecksBottomContent security={security} />)
+
+    const alert = getByTestId('alert')
+    expect(alert.props.accessibilityLabel).toBe('warning-alert')
+    expect(getByTestId('alert-info')).toHaveTextContent('Review details first')
+    expect(getByTestId('alert-message')).toHaveTextContent('Contract changes detected!')
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/components/__tests__/TransactionChecksLeftNode.test.tsx b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/components/__tests__/TransactionChecksLeftNode.test.tsx
new file mode 100644
index 000000000..2f9798a5e
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/components/__tests__/TransactionChecksLeftNode.test.tsx
@@ -0,0 +1,103 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { TransactionChecksLeftNode } from '../TransactionChecksLeftNode'
+import { SecurityState } from '../../utils/transactionChecksUtils'
+
+interface MockSafeFontIconProps {
+  name: string
+  testID?: string
+}
+
+interface MockCircleSnailProps {
+  size: number
+  borderWidth?: number
+  thickness?: number
+}
+
+// Mock the external components
+jest.mock('@/src/components/SafeFontIcon', () => {
+  const React = require('react')
+  const { View } = require('react-native')
+  return {
+    SafeFontIcon: ({ name, testID = 'safe-font-icon' }: MockSafeFontIconProps) =>
+      React.createElement(View, { testID, accessibilityLabel: name }),
+  }
+})
+
+jest.mock('react-native-progress', () => {
+  const React = require('react')
+  const { View } = require('react-native')
+  return {
+    CircleSnail: ({ size }: MockCircleSnailProps) =>
+      React.createElement(View, { testID: 'circle-snail', accessibilityLabel: `spinner-${size}` }),
+  }
+})
+
+describe('TransactionChecksLeftNode', () => {
+  const createSecurityState = (overrides: Partial<SecurityState> = {}): SecurityState => ({
+    hasError: false,
+    isMediumRisk: false,
+    isHighRisk: false,
+    hasContractManagement: false,
+    isScanning: false,
+    enabled: true,
+    hasIssues: false,
+    hasWarnings: false,
+    error: undefined,
+    payload: null,
+    ...overrides,
+  })
+
+  it('should render CircleSnail when scanning', () => {
+    const security = createSecurityState({ isScanning: true })
+    const { getByTestId } = render(<TransactionChecksLeftNode security={security} />)
+
+    const spinner = getByTestId('circle-snail')
+    expect(spinner).toBeTruthy()
+  })
+
+  it('should render shield icon by default', () => {
+    const security = createSecurityState()
+    const { getByTestId } = render(<TransactionChecksLeftNode security={security} />)
+
+    const icon = getByTestId('safe-font-icon')
+    expect(icon).toBeTruthy()
+    expect(icon.props.accessibilityLabel).toBe('shield')
+  })
+
+  it('should render shield-crossed icon when hasError', () => {
+    const security = createSecurityState({ hasError: true })
+    const { getByTestId } = render(<TransactionChecksLeftNode security={security} />)
+
+    const icon = getByTestId('safe-font-icon')
+    expect(icon.props.accessibilityLabel).toBe('shield-crossed')
+  })
+
+  it('should render alert-triangle icon when isMediumRisk', () => {
+    const security = createSecurityState({ isMediumRisk: true })
+    const { getByTestId } = render(<TransactionChecksLeftNode security={security} />)
+
+    const icon = getByTestId('safe-font-icon')
+    expect(icon.props.accessibilityLabel).toBe('alert-triangle')
+  })
+
+  it('should render alert-triangle icon when hasContractManagement', () => {
+    const security = createSecurityState({ hasContractManagement: true })
+    const { getByTestId } = render(<TransactionChecksLeftNode security={security} />)
+
+    const icon = getByTestId('safe-font-icon')
+    expect(icon.props.accessibilityLabel).toBe('alert-triangle')
+  })
+
+  it('should prioritize scanning state over icon state', () => {
+    const security = createSecurityState({
+      isScanning: true,
+      hasError: true,
+      isMediumRisk: true,
+    })
+    const { getByTestId, queryByTestId } = render(<TransactionChecksLeftNode security={security} />)
+
+    expect(getByTestId('circle-snail')).toBeTruthy()
+    expect(queryByTestId('safe-font-icon')).toBeFalsy()
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/hooks/__tests__/useTransactionSecurity.test.ts b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/hooks/__tests__/useTransactionSecurity.test.ts
new file mode 100644
index 000000000..4721c7cf3
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/hooks/__tests__/useTransactionSecurity.test.ts
@@ -0,0 +1,389 @@
+import { renderHook, waitFor } from '@testing-library/react-native'
+import { useTransactionSecurity } from '../useTransactionSecurity'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { useBlockaid } from '@/src/features/TransactionChecks/blockaid/useBlockaid'
+import { useSafeInfo } from '@/src/hooks/useSafeInfo'
+import { useHasFeature } from '@/src/hooks/useHasFeature'
+import { createExistingTx } from '@/src/services/tx/tx-sender'
+import extractTxInfo from '@/src/services/tx/extractTx'
+import { SecuritySeverity } from '@safe-global/utils/services/security/modules/types'
+import { TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import type { SafeTransaction } from '@safe-global/types-kit'
+
+// Mock all dependencies
+jest.mock('@/src/store/hooks/activeSafe')
+jest.mock('@/src/features/TransactionChecks/blockaid/useBlockaid')
+jest.mock('@/src/hooks/useSafeInfo')
+jest.mock('@/src/hooks/useHasFeature')
+jest.mock('@/src/services/tx/tx-sender')
+jest.mock('@/src/services/tx/extractTx')
+
+const mockUseDefinedActiveSafe = useDefinedActiveSafe as jest.MockedFunction<typeof useDefinedActiveSafe>
+const mockUseBlockaid = useBlockaid as jest.MockedFunction<typeof useBlockaid>
+const mockUseSafeInfo = useSafeInfo as jest.MockedFunction<typeof useSafeInfo>
+const mockUseHasFeature = useHasFeature as jest.MockedFunction<typeof useHasFeature>
+const mockCreateExistingTx = createExistingTx as jest.MockedFunction<typeof createExistingTx>
+const mockExtractTxInfo = extractTxInfo as jest.MockedFunction<typeof extractTxInfo>
+
+describe('useTransactionSecurity', () => {
+  const mockTxDetails: TransactionDetails = {
+    txId: 'test-tx-id',
+    safeAddress: '0xSafeAddress',
+    executedAt: null,
+    txStatus: 'AWAITING_CONFIRMATIONS',
+    txInfo: {
+      type: 'Transfer',
+      humanDescription: 'Test transaction',
+      sender: { value: '0xSender' },
+      recipient: { value: '0xRecipient' },
+      direction: 'OUTGOING',
+      transferInfo: {
+        type: 'NATIVE_COIN',
+        value: '1000000000000000000',
+      },
+    },
+    detailedExecutionInfo: {
+      type: 'MULTISIG',
+      submittedAt: Date.now(),
+      nonce: 1,
+      confirmationsRequired: 2,
+      confirmationsSubmitted: 1,
+    },
+  } as unknown as TransactionDetails
+
+  const mockScanTransaction = jest.fn()
+  const mockBlockaidPayload = {
+    severity: SecuritySeverity.MEDIUM,
+    payload: {
+      issues: [
+        {
+          severity: SecuritySeverity.MEDIUM,
+          description: 'Test security issue',
+        },
+      ],
+      contractManagement: [
+        {
+          type: 'PROXY_UPGRADE' as const,
+          after: { address: '0x456' },
+          before: { address: '0x789' },
+        },
+      ],
+      balanceChange: [],
+      error: undefined,
+    },
+  }
+
+  const mockSafeInfo = {
+    safe: {
+      owners: [{ value: '0xOwner1' }, { value: '0xOwner2' }],
+    },
+  } as ReturnType<typeof useSafeInfo>
+
+  const mockSafeTx = {
+    data: {
+      to: '0xRecipient',
+      value: '1000000000000000000',
+      data: '0x',
+    },
+  } as SafeTransaction
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+
+    mockUseDefinedActiveSafe.mockReturnValue({
+      address: '0xSafeAddress',
+      chainId: '1',
+    })
+
+    mockUseSafeInfo.mockReturnValue(mockSafeInfo)
+
+    mockUseHasFeature.mockReturnValue(true)
+
+    mockUseBlockaid.mockReturnValue({
+      scanTransaction: mockScanTransaction,
+      blockaidPayload: mockBlockaidPayload,
+      error: undefined,
+      loading: false,
+      resetBlockaid: jest.fn(),
+    })
+
+    mockExtractTxInfo.mockReturnValue({
+      txParams: {
+        to: '0xRecipient',
+        value: '1000000000000000000',
+        data: '0x',
+        operation: 0,
+        safeTxGas: '0',
+        baseGas: '0',
+        gasPrice: '0',
+        gasToken: '0x0000000000000000000000000000000000000000',
+        refundReceiver: '0x0000000000000000000000000000000000000000',
+        nonce: 1,
+      },
+      signatures: {},
+    })
+
+    mockCreateExistingTx.mockResolvedValue(mockSafeTx)
+  })
+
+  it('should return initial state when blockaid is disabled', () => {
+    mockUseHasFeature.mockReturnValue(false)
+
+    const { result } = renderHook(() => useTransactionSecurity(mockTxDetails))
+
+    expect(result.current.enabled).toBe(false)
+    expect(result.current.isScanning).toBe(false)
+    expect(result.current.hasError).toBe(false)
+    expect(result.current.isHighRisk).toBe(false) // MEDIUM severity is not HIGH
+    expect(result.current.isMediumRisk).toBe(true)
+    expect(result.current.hasWarnings).toBe(true)
+    expect(result.current.hasIssues).toBe(true)
+    expect(result.current.hasContractManagement).toBe(true)
+  })
+
+  it('should not scan when txDetails is undefined', () => {
+    const { result } = renderHook(() => useTransactionSecurity(undefined))
+
+    expect(mockScanTransaction).not.toHaveBeenCalled()
+    expect(result.current.enabled).toBe(true)
+  })
+
+  it('should scan transaction when enabled and txDetails provided', async () => {
+    renderHook(() => useTransactionSecurity(mockTxDetails))
+
+    await waitFor(() => {
+      expect(mockScanTransaction).toHaveBeenCalledWith({
+        data: expect.any(Object),
+        signer: '0xOwner1',
+      })
+    })
+  })
+
+  it('should handle scanning errors gracefully', async () => {
+    const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {
+      // Mock implementation for console.error
+    })
+    mockCreateExistingTx.mockRejectedValue(new Error('Scan failed'))
+
+    renderHook(() => useTransactionSecurity(mockTxDetails))
+
+    await waitFor(() => {
+      expect(consoleErrorSpy).toHaveBeenCalledWith('Error running blockaid scan:', expect.any(Error))
+    })
+
+    consoleErrorSpy.mockRestore()
+  })
+
+  it('should correctly identify high risk transactions', () => {
+    mockUseBlockaid.mockReturnValue({
+      scanTransaction: mockScanTransaction,
+      blockaidPayload: {
+        severity: SecuritySeverity.HIGH,
+        payload: {
+          issues: [],
+          contractManagement: [],
+          balanceChange: [],
+          error: undefined,
+        },
+      },
+      error: undefined,
+      loading: false,
+      resetBlockaid: jest.fn(),
+    })
+
+    const { result } = renderHook(() => useTransactionSecurity(mockTxDetails))
+
+    expect(result.current.isHighRisk).toBe(true)
+    expect(result.current.isMediumRisk).toBe(false)
+  })
+
+  it('should correctly identify medium risk transactions', () => {
+    mockUseBlockaid.mockReturnValue({
+      scanTransaction: mockScanTransaction,
+      blockaidPayload: {
+        severity: SecuritySeverity.MEDIUM,
+        payload: {
+          issues: [],
+          contractManagement: [],
+          balanceChange: [],
+          error: undefined,
+        },
+      },
+      error: undefined,
+      loading: false,
+      resetBlockaid: jest.fn(),
+    })
+
+    const { result } = renderHook(() => useTransactionSecurity(mockTxDetails))
+
+    expect(result.current.isHighRisk).toBe(false)
+    expect(result.current.isMediumRisk).toBe(true)
+  })
+
+  it('should detect security issues correctly', () => {
+    mockUseBlockaid.mockReturnValue({
+      scanTransaction: mockScanTransaction,
+      blockaidPayload: {
+        severity: SecuritySeverity.MEDIUM,
+        payload: {
+          issues: [
+            {
+              severity: SecuritySeverity.MEDIUM,
+              description: 'Suspicious activity detected',
+            },
+          ],
+          contractManagement: [],
+          balanceChange: [],
+          error: undefined,
+        },
+      },
+      error: undefined,
+      loading: false,
+      resetBlockaid: jest.fn(),
+    })
+
+    const { result } = renderHook(() => useTransactionSecurity(mockTxDetails))
+
+    expect(result.current.hasIssues).toBe(true)
+    expect(result.current.hasContractManagement).toBe(false)
+    expect(result.current.hasWarnings).toBe(true)
+  })
+
+  it('should detect contract management warnings correctly', () => {
+    mockUseBlockaid.mockReturnValue({
+      scanTransaction: mockScanTransaction,
+      blockaidPayload: {
+        severity: SecuritySeverity.NONE,
+        payload: {
+          issues: [],
+          contractManagement: [
+            {
+              type: 'OWNERSHIP_CHANGE' as const,
+              after: { owners: ['0x456'] },
+              before: { owners: ['0x789'] },
+            },
+          ],
+          balanceChange: [],
+          error: undefined,
+        },
+      },
+      error: undefined,
+      loading: false,
+      resetBlockaid: jest.fn(),
+    })
+
+    const { result } = renderHook(() => useTransactionSecurity(mockTxDetails))
+
+    expect(result.current.hasIssues).toBe(false)
+    expect(result.current.hasContractManagement).toBe(true)
+    expect(result.current.hasWarnings).toBe(true)
+  })
+
+  it('should handle both issues and contract management warnings', () => {
+    mockUseBlockaid.mockReturnValue({
+      scanTransaction: mockScanTransaction,
+      blockaidPayload: {
+        severity: SecuritySeverity.MEDIUM,
+        payload: {
+          issues: [
+            {
+              severity: SecuritySeverity.MEDIUM,
+              description: 'Security issue',
+            },
+          ],
+          contractManagement: [
+            {
+              type: 'MODULES_CHANGE' as const,
+              after: { modules: ['0x123'] },
+              before: { modules: ['0x456'] },
+            },
+          ],
+          balanceChange: [],
+          error: undefined,
+        },
+      },
+      error: undefined,
+      loading: false,
+      resetBlockaid: jest.fn(),
+    })
+
+    const { result } = renderHook(() => useTransactionSecurity(mockTxDetails))
+
+    expect(result.current.hasIssues).toBe(true)
+    expect(result.current.hasContractManagement).toBe(true)
+    expect(result.current.hasWarnings).toBe(true)
+  })
+
+  it('should handle scanning state correctly', () => {
+    mockUseBlockaid.mockReturnValue({
+      scanTransaction: mockScanTransaction,
+      blockaidPayload: undefined,
+      error: undefined,
+      loading: true,
+      resetBlockaid: jest.fn(),
+    })
+
+    const { result } = renderHook(() => useTransactionSecurity(mockTxDetails))
+
+    expect(result.current.isScanning).toBe(true)
+    expect(result.current.payload).toBeUndefined()
+  })
+
+  it('should handle blockaid errors correctly', () => {
+    const mockError = new Error('Blockaid API error')
+    mockUseBlockaid.mockReturnValue({
+      scanTransaction: mockScanTransaction,
+      blockaidPayload: undefined,
+      error: mockError,
+      loading: false,
+      resetBlockaid: jest.fn(),
+    })
+
+    const { result } = renderHook(() => useTransactionSecurity(mockTxDetails))
+
+    expect(result.current.hasError).toBe(true)
+    expect(result.current.error).toBe(mockError)
+  })
+
+  it('should not scan twice on re-renders', async () => {
+    const { rerender } = renderHook((txDetails: TransactionDetails | undefined) => useTransactionSecurity(txDetails), {
+      initialProps: mockTxDetails,
+    })
+
+    await waitFor(() => {
+      expect(mockScanTransaction).toHaveBeenCalledTimes(1)
+    })
+
+    // Re-render the hook
+    rerender(mockTxDetails)
+
+    // Should not scan again
+    expect(mockScanTransaction).toHaveBeenCalledTimes(1)
+  })
+
+  it('should handle empty scan results correctly', () => {
+    mockUseBlockaid.mockReturnValue({
+      scanTransaction: mockScanTransaction,
+      blockaidPayload: {
+        severity: SecuritySeverity.NONE,
+        payload: {
+          issues: [],
+          contractManagement: [],
+          balanceChange: [],
+          error: undefined,
+        },
+      },
+      error: undefined,
+      loading: false,
+      resetBlockaid: jest.fn(),
+    })
+
+    const { result } = renderHook(() => useTransactionSecurity(mockTxDetails))
+
+    expect(result.current.isHighRisk).toBe(false)
+    expect(result.current.isMediumRisk).toBe(false)
+    expect(result.current.hasIssues).toBe(false)
+    expect(result.current.hasContractManagement).toBe(false)
+    expect(result.current.hasWarnings).toBe(false)
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/hooks/useTransactionSecurity.ts b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/hooks/useTransactionSecurity.ts
new file mode 100644
index 000000000..526b1d33b
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/hooks/useTransactionSecurity.ts
@@ -0,0 +1,67 @@
+import { useEffect, useState } from 'react'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { useBlockaid } from '@/src/features/TransactionChecks/blockaid/useBlockaid'
+import { createExistingTx } from '@/src/services/tx/tx-sender'
+import extractTxInfo from '@/src/services/tx/extractTx'
+import { useSafeInfo } from '@/src/hooks/useSafeInfo'
+import { TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import { useHasFeature } from '@/src/hooks/useHasFeature'
+import { SecuritySeverity } from '@safe-global/utils/services/security/modules/types'
+
+export const useTransactionSecurity = (txDetails?: TransactionDetails) => {
+  const activeSafe = useDefinedActiveSafe()
+  const safeInfo = useSafeInfo()
+  const blockaidEnabled = useHasFeature(FEATURES.RISK_MITIGATION) ?? false
+  const [hasScanned, setHasScanned] = useState(false)
+
+  const { scanTransaction, blockaidPayload, error: blockaidError, loading: blockaidLoading } = useBlockaid()
+
+  useEffect(() => {
+    const runBlockaidScan = async () => {
+      if (!blockaidEnabled || !txDetails || hasScanned) {
+        return
+      }
+
+      try {
+        const { txParams, signatures } = extractTxInfo(txDetails, activeSafe.address)
+        const safeTx = await createExistingTx(txParams, signatures)
+        const executionOwner = safeInfo.safe.owners[0].value
+
+        await scanTransaction({
+          data: safeTx,
+          signer: executionOwner,
+        })
+
+        setHasScanned(true)
+      } catch (error) {
+        console.error('Error running blockaid scan:', error)
+        setHasScanned(true)
+      }
+    }
+
+    runBlockaidScan()
+  }, [blockaidEnabled, txDetails, hasScanned, activeSafe.address, safeInfo.safe.owners, scanTransaction])
+
+  // Process scan results
+  const isHighRisk = blockaidPayload?.severity === SecuritySeverity.HIGH
+  const isMediumRisk = blockaidPayload?.severity === SecuritySeverity.MEDIUM
+  const hasIssues = Boolean(blockaidPayload?.payload?.issues && blockaidPayload.payload.issues.length > 0)
+  const hasContractManagement = Boolean(
+    blockaidPayload?.payload?.contractManagement && blockaidPayload.payload.contractManagement.length > 0,
+  )
+  const hasWarnings = hasIssues || hasContractManagement
+
+  return {
+    enabled: blockaidEnabled,
+    isScanning: blockaidLoading,
+    hasError: Boolean(blockaidError),
+    payload: blockaidPayload,
+    error: blockaidError,
+    isHighRisk,
+    isMediumRisk,
+    hasWarnings,
+    hasIssues,
+    hasContractManagement,
+  }
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/index.ts b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/index.ts
new file mode 100644
index 000000000..87631768a
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/index.ts
@@ -0,0 +1,4 @@
+export { TransactionChecks } from './TransactionChecks'
+export { TransactionChecksLeftNode } from './components/TransactionChecksLeftNode'
+export { TransactionChecksBottomContent } from './components/TransactionChecksBottomContent'
+export * from './utils/transactionChecksUtils'
diff --git a/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/utils/__tests__/transactionChecksUtils.test.ts b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/utils/__tests__/transactionChecksUtils.test.ts
new file mode 100644
index 000000000..06b20fd00
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/utils/__tests__/transactionChecksUtils.test.ts
@@ -0,0 +1,128 @@
+import {
+  getTransactionChecksIcon,
+  getTransactionChecksLabel,
+  getAlertType,
+  shouldShowBottomContent,
+  SecurityState,
+} from '../transactionChecksUtils'
+
+describe('transactionChecksUtils', () => {
+  const createSecurityState = (overrides: Partial<SecurityState> = {}): SecurityState => ({
+    hasError: false,
+    isMediumRisk: false,
+    isHighRisk: false,
+    hasContractManagement: false,
+    isScanning: false,
+    enabled: true,
+    hasIssues: false,
+    hasWarnings: false,
+    error: undefined,
+    payload: null,
+    ...overrides,
+  })
+
+  describe('getTransactionChecksIcon', () => {
+    it('should return shield-crossed when hasError is true', () => {
+      const security = createSecurityState({ hasError: true })
+      expect(getTransactionChecksIcon(security)).toBe('shield-crossed')
+    })
+
+    it('should return alert-triangle when isMediumRisk is true', () => {
+      const security = createSecurityState({ isMediumRisk: true })
+      expect(getTransactionChecksIcon(security)).toBe('alert-triangle')
+    })
+
+    it('should return alert-triangle when hasContractManagement is true', () => {
+      const security = createSecurityState({ hasContractManagement: true })
+      expect(getTransactionChecksIcon(security)).toBe('alert-triangle')
+    })
+
+    it('should return shield as default', () => {
+      const security = createSecurityState()
+      expect(getTransactionChecksIcon(security)).toBe('shield')
+    })
+
+    it('should prioritize hasError over other conditions', () => {
+      const security = createSecurityState({
+        hasError: true,
+        isMediumRisk: true,
+        hasContractManagement: true,
+      })
+      expect(getTransactionChecksIcon(security)).toBe('shield-crossed')
+    })
+  })
+
+  describe('getTransactionChecksLabel', () => {
+    it('should return scanning message when isScanning is true', () => {
+      expect(getTransactionChecksLabel(true)).toBe('Checking transaction...')
+    })
+
+    it('should return default message when isScanning is false', () => {
+      expect(getTransactionChecksLabel(false)).toBe('Transaction checks')
+    })
+  })
+
+  describe('getAlertType', () => {
+    it('should return error when isHighRisk is true', () => {
+      const security = createSecurityState({ isHighRisk: true })
+      expect(getAlertType(security)).toBe('error')
+    })
+
+    it('should return warning when isMediumRisk is true', () => {
+      const security = createSecurityState({ isMediumRisk: true })
+      expect(getAlertType(security)).toBe('warning')
+    })
+
+    it('should return info as default', () => {
+      const security = createSecurityState()
+      expect(getAlertType(security)).toBe('info')
+    })
+
+    it('should prioritize isHighRisk over isMediumRisk', () => {
+      const security = createSecurityState({
+        isHighRisk: true,
+        isMediumRisk: true,
+      })
+      expect(getAlertType(security)).toBe('error')
+    })
+  })
+
+  describe('shouldShowBottomContent', () => {
+    it('should return false when security is disabled', () => {
+      const security = createSecurityState({
+        enabled: false,
+        hasIssues: true,
+      })
+      expect(shouldShowBottomContent(security)).toBe(false)
+    })
+
+    it('should return true when hasIssues is true and enabled', () => {
+      const security = createSecurityState({ hasIssues: true })
+      expect(shouldShowBottomContent(security)).toBe(true)
+    })
+
+    it('should return true when hasContractManagement is true and enabled', () => {
+      const security = createSecurityState({ hasContractManagement: true })
+      expect(shouldShowBottomContent(security)).toBe(true)
+    })
+
+    it('should return true when error exists and enabled', () => {
+      const security = createSecurityState({ error: new Error('Test error') })
+      expect(shouldShowBottomContent(security)).toBe(true)
+    })
+
+    it('should return false when no conditions are met', () => {
+      const security = createSecurityState()
+      expect(shouldShowBottomContent(security)).toBe(false)
+    })
+
+    it('should return true when multiple conditions are true', () => {
+      const security = createSecurityState({
+        hasIssues: true,
+        hasContractManagement: true,
+        error: new Error('Test error'),
+      })
+      expect(shouldShowBottomContent(security)).toBe(true)
+    })
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/utils/transactionChecksUtils.ts b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/utils/transactionChecksUtils.ts
new file mode 100644
index 000000000..24e50a409
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/TransactionChecks/utils/transactionChecksUtils.ts
@@ -0,0 +1,49 @@
+import { IconName } from '@/src/types/iconTypes'
+import { AlertType } from '@/src/components/Alert'
+
+export interface SecurityState {
+  enabled: boolean
+  isScanning: boolean
+  hasError: boolean
+  payload: unknown
+  error: Error | undefined
+  isHighRisk: boolean
+  isMediumRisk: boolean
+  hasWarnings: boolean
+  hasIssues: boolean
+  hasContractManagement: boolean
+}
+
+export const getTransactionChecksIcon = (security: SecurityState): IconName => {
+  if (security.hasError) {
+    return 'shield-crossed'
+  }
+  if (security.isMediumRisk || security.hasContractManagement) {
+    return 'alert-triangle'
+  }
+  return 'shield'
+}
+
+export const getTransactionChecksLabel = (isScanning: boolean): string => {
+  if (isScanning) {
+    return 'Checking transaction...'
+  }
+  return 'Transaction checks'
+}
+
+export const getAlertType = (security: SecurityState): AlertType => {
+  if (security.isHighRisk) {
+    return 'error'
+  }
+  if (security.isMediumRisk) {
+    return 'warning'
+  }
+  return 'info'
+}
+
+export const shouldShowBottomContent = (security: SecurityState): boolean => {
+  if (!security.enabled) {
+    return false
+  }
+  return security.hasIssues || security.hasContractManagement || !!security.error
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/TransactionHeader/TransactionHeader.tsx b/apps/mobile/src/features/ConfirmTx/components/TransactionHeader/TransactionHeader.tsx
new file mode 100644
index 000000000..6eab752d5
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/TransactionHeader/TransactionHeader.tsx
@@ -0,0 +1,65 @@
+import { H3, Text, View } from 'tamagui'
+import { Logo } from '@/src/components/Logo'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import React from 'react'
+import { YStack } from 'tamagui'
+import { IconName } from '@/src/types/iconTypes'
+import { BadgeThemeTypes } from '@/src/components/Logo/Logo'
+import { Identicon } from '@/src/components/Identicon'
+import { Address } from 'blo'
+import { formatWithSchema } from '@/src/utils/date'
+
+interface TransactionHeaderProps {
+  logo?: string
+  customLogo?: React.ReactNode
+  badgeIcon: IconName
+  badgeThemeName?: BadgeThemeTypes
+  badgeColor: string
+  title: string | React.ReactNode
+  isIdenticon?: boolean
+  submittedAt: number
+}
+
+export function TransactionHeader({
+  logo,
+  customLogo,
+  badgeIcon,
+  badgeThemeName,
+  badgeColor,
+  title,
+  isIdenticon,
+  submittedAt,
+}: TransactionHeaderProps) {
+  const date = formatWithSchema(submittedAt, 'd MMM yyyy')
+  const time = formatWithSchema(submittedAt, 'hh:mm a')
+
+  return (
+    <YStack position="relative" alignItems="center" gap="$2" marginTop="$4">
+      {isIdenticon ? (
+        <Identicon address={logo as Address} size={44} />
+      ) : (
+        (customLogo ?? (
+          <Logo
+            logoUri={logo}
+            size="$10"
+            badgeContent={<SafeFontIcon name={badgeIcon} color={badgeColor} size={12} />}
+            badgeThemeName={badgeThemeName}
+          />
+        ))
+      )}
+
+      <View alignItems="center" gap="$2">
+        {typeof title === 'string' ? (
+          <H3 fontWeight={600} fontSize="$7">
+            {title}
+          </H3>
+        ) : (
+          title
+        )}
+        <Text color="$textSecondaryLight" fontSize="$2" lineHeight={16}>
+          {date}, {time}
+        </Text>
+      </View>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/TransactionHeader/index.tsx b/apps/mobile/src/features/ConfirmTx/components/TransactionHeader/index.tsx
new file mode 100644
index 000000000..14cd8eccc
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/TransactionHeader/index.tsx
@@ -0,0 +1 @@
+export { TransactionHeader } from './TransactionHeader'
diff --git a/apps/mobile/src/features/ConfirmTx/components/TransactionInfo/TransactionInfo.tsx b/apps/mobile/src/features/ConfirmTx/components/TransactionInfo/TransactionInfo.tsx
new file mode 100644
index 000000000..3dca8a806
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/TransactionInfo/TransactionInfo.tsx
@@ -0,0 +1,23 @@
+import React from 'react'
+import { YStack } from 'tamagui'
+import { MultisigExecutionDetails, TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TransactionChecks } from '../TransactionChecks'
+import { ConfirmationsInfo } from '../ConfirmationsInfo'
+
+export function TransactionInfo({
+  detailedExecutionInfo,
+  txId,
+  txDetails,
+}: {
+  detailedExecutionInfo: MultisigExecutionDetails
+  txId: string
+  txDetails?: TransactionDetails
+}) {
+  return (
+    <YStack paddingHorizontal="$4" gap="$4" marginTop="$4">
+      <TransactionChecks txId={txId} txDetails={txDetails} />
+
+      <ConfirmationsInfo detailedExecutionInfo={detailedExecutionInfo} txId={txId} />
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/TransactionInfo/index.ts b/apps/mobile/src/features/ConfirmTx/components/TransactionInfo/index.ts
new file mode 100644
index 000000000..6875a483a
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/TransactionInfo/index.ts
@@ -0,0 +1 @@
+export { TransactionInfo } from './TransactionInfo'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AddSigner/AddSigner.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AddSigner/AddSigner.tsx
new file mode 100644
index 000000000..e452e300e
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AddSigner/AddSigner.tsx
@@ -0,0 +1,48 @@
+import React, { useMemo } from 'react'
+import { YStack } from 'tamagui'
+import { formatAddSignerItems, getSignerName } from './utils'
+import { MultisigExecutionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { useAppSelector } from '@/src/store/hooks'
+import { RootState } from '@/src/store'
+import { selectChainById } from '@/src/store/chains'
+
+import { ListTable } from '../../ListTable'
+import { TransactionHeader } from '../../TransactionHeader'
+import { ParametersButton } from '../../ParametersButton'
+import { NormalizedSettingsChangeTransaction } from '../../ConfirmationView/types'
+import { useOpenExplorer } from '@/src/features/ConfirmTx/hooks/useOpenExplorer'
+
+interface AddSignerProps {
+  txInfo: NormalizedSettingsChangeTransaction
+  executionInfo: MultisigExecutionDetails
+  txId: string
+}
+
+export function AddSigner({ txInfo, executionInfo, txId }: AddSignerProps) {
+  const activeSafe = useDefinedActiveSafe()
+  const activeChain = useAppSelector((state: RootState) => selectChainById(state, activeSafe.chainId))
+  const viewOnExplorer = useOpenExplorer(txInfo.settingsInfo?.owner?.value)
+  const items = useMemo(
+    () => formatAddSignerItems(txInfo, activeChain, executionInfo, viewOnExplorer),
+    [txInfo, activeChain, executionInfo, viewOnExplorer],
+  )
+  const newSignerAddress = getSignerName(txInfo)
+
+  return (
+    <YStack gap="$4">
+      <TransactionHeader
+        submittedAt={executionInfo.submittedAt}
+        logo={txInfo.settingsInfo?.owner?.value}
+        isIdenticon
+        badgeIcon="transaction-contract"
+        badgeColor="$textSecondaryLight"
+        title={newSignerAddress}
+      />
+
+      <ListTable items={items}>
+        <ParametersButton txId={txId} />
+      </ListTable>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AddSigner/index.ts b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AddSigner/index.ts
new file mode 100644
index 000000000..f7654c7ad
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AddSigner/index.ts
@@ -0,0 +1 @@
+export { AddSigner } from './AddSigner'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AddSigner/utils.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AddSigner/utils.tsx
new file mode 100644
index 000000000..8a5702ea4
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AddSigner/utils.tsx
@@ -0,0 +1,80 @@
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Logo } from '@/src/components/Logo'
+import { ellipsis } from '@/src/utils/formatters'
+import { Text, View } from 'tamagui'
+
+import { MultisigExecutionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { shortenAddress } from '@safe-global/utils/utils/formatters'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { Identicon } from '@/src/components/Identicon'
+import { NormalizedSettingsChangeTransaction } from '../../ConfirmationView/types'
+import { CopyButton } from '@/src/components/CopyButton'
+import { TouchableOpacity } from 'react-native'
+
+export const getSignerName = (txInfo: NormalizedSettingsChangeTransaction) => {
+  if (!txInfo.settingsInfo) {
+    return ''
+  }
+
+  const newSigner = 'owner' in txInfo.settingsInfo && txInfo.settingsInfo.owner
+
+  if (!newSigner) {
+    return ''
+  }
+
+  return newSigner.name ? ellipsis(newSigner.name, 18) : shortenAddress(newSigner.value)
+}
+
+export const formatAddSignerItems = (
+  txInfo: NormalizedSettingsChangeTransaction,
+  chain: Chain,
+  executionInfo: MultisigExecutionDetails,
+  viewOnExplorer: () => void,
+) => {
+  const newSignerAddress = getSignerName(txInfo)
+
+  const items = [
+    {
+      label: 'New signer',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$2">
+          <Identicon address={txInfo.settingsInfo?.owner?.value} size={24} />
+          <Text fontSize="$4">{newSignerAddress}</Text>
+          <CopyButton value={txInfo.settingsInfo?.owner?.value} color={'$textSecondaryLight'} />
+
+          <TouchableOpacity onPress={viewOnExplorer}>
+            <SafeFontIcon name="external-link" size={14} color="$textSecondaryLight" />
+          </TouchableOpacity>
+        </View>
+      ),
+    },
+    {
+      label: 'Network',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$2">
+          <Logo logoUri={chain.chainLogoUri} size="$6" />
+          <Text fontSize="$4">{chain.chainName}</Text>
+        </View>
+      ),
+    },
+  ]
+
+  const hasThresholdChanged = txInfo.settingsInfo?.threshold !== executionInfo.confirmationsRequired
+  if (hasThresholdChanged) {
+    items.push({
+      label: 'Threshold change',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$2">
+          <Text fontSize="$4">
+            {txInfo.settingsInfo?.threshold}/{executionInfo.signers.length}
+          </Text>
+          <Text textDecorationLine="line-through" color="$textSecondaryLight" fontSize="$4">
+            {executionInfo.confirmationsRequired}/{executionInfo.signers.length}
+          </Text>
+        </View>
+      ),
+    })
+  }
+
+  return items
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AlreadySigned/AlreadySigned.test.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AlreadySigned/AlreadySigned.test.tsx
new file mode 100644
index 000000000..99f33d4df
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AlreadySigned/AlreadySigned.test.tsx
@@ -0,0 +1,78 @@
+import React from 'react'
+import { render, fireEvent } from '@/src/tests/test-utils'
+import { AlreadySigned } from './AlreadySigned'
+import { Linking } from 'react-native'
+import { GATEWAY_URL, SAFE_WEB_TRANSACTIONS_URL } from '@/src/config/constants'
+import { http, HttpResponse } from 'msw'
+import { server } from '@/src/tests/server'
+import { apiSliceWithChainsConfig } from '@safe-global/store/gateway/chains'
+import { makeStore } from '@/src/store'
+
+// Mock Linking.openURL
+const mockOpenURL = jest.fn()
+Linking.openURL = mockOpenURL
+
+describe('AlreadySigned', () => {
+  const mockProps = {
+    txId: 'test-tx-id',
+    safeAddress: '0x123',
+    chainId: '1',
+  }
+
+  const mockChain = {
+    shortName: 'eth',
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    server.use(
+      http.get(`${GATEWAY_URL}/v1/chains`, () => {
+        return HttpResponse.json({
+          results: [
+            {
+              chainId: '1',
+              shortName: 'eth',
+            },
+          ],
+        })
+      }),
+    )
+  })
+
+  const renderWithStore = async (ui: React.ReactElement) => {
+    const store = makeStore()
+    await store.dispatch(apiSliceWithChainsConfig.endpoints.getChainsConfig.initiate())
+    return render(ui, { initialStore: store.getState() })
+  }
+
+  it('renders correctly with all required elements', async () => {
+    const { getByText } = await renderWithStore(<AlreadySigned hasEnoughConfirmations={true} {...mockProps} />)
+
+    expect(getByText('This transaction can be executed in the web app only.')).toBeTruthy()
+    expect(getByText('Go to Web app')).toBeTruthy()
+    expect(getByText('Confirm')).toBeTruthy()
+  })
+
+  it('opens web app URL when "Go to Web app" is pressed', async () => {
+    const { getByText } = await renderWithStore(<AlreadySigned hasEnoughConfirmations={true} {...mockProps} />)
+
+    const expectedUrl = SAFE_WEB_TRANSACTIONS_URL.replace(
+      ':safeAddressWithChainPrefix',
+      `${mockChain.shortName}:${mockProps.safeAddress}`,
+    ).replace(':txId', mockProps.txId)
+
+    fireEvent.press(getByText('Go to Web app'))
+    expect(mockOpenURL).toHaveBeenCalledWith(expectedUrl)
+  })
+
+  it('renders correctly with all required elements', async () => {
+    const { getByText } = await renderWithStore(<AlreadySigned hasEnoughConfirmations={false} {...mockProps} />)
+
+    expect(getByText('Can be executed once the threshold is reached')).toBeTruthy()
+  })
+
+  it('matches snapshot', async () => {
+    const { toJSON } = await renderWithStore(<AlreadySigned hasEnoughConfirmations={true} {...mockProps} />)
+    expect(toJSON()).toMatchSnapshot()
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AlreadySigned/AlreadySigned.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AlreadySigned/AlreadySigned.tsx
new file mode 100644
index 000000000..011157217
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AlreadySigned/AlreadySigned.tsx
@@ -0,0 +1,56 @@
+import { SafeButton } from '@/src/components/SafeButton'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { SAFE_WEB_TRANSACTIONS_URL } from '@/src/config/constants'
+import { selectChainById } from '@/src/store/chains'
+import { useAppSelector } from '@/src/store/hooks'
+import React, { useCallback } from 'react'
+import { Linking, TouchableOpacity } from 'react-native'
+import { Text, View, YStack } from 'tamagui'
+
+type Props = {
+  txId: string
+  safeAddress: string
+  chainId: string
+  hasEnoughConfirmations: boolean
+}
+
+export function AlreadySigned({ txId, safeAddress, chainId, hasEnoughConfirmations }: Props) {
+  const chain = useAppSelector((state) => selectChainById(state, chainId))
+  const onPressGoToWebApp = useCallback(() => {
+    const url = SAFE_WEB_TRANSACTIONS_URL.replace(
+      ':safeAddressWithChainPrefix',
+      `${chain?.shortName}:${safeAddress}`,
+    ).replace(':txId', txId)
+
+    Linking.openURL(url)
+  }, [txId, safeAddress, chainId])
+
+  return (
+    <YStack justifyContent="center" gap="$4" alignItems="center" paddingHorizontal={'$4'}>
+      <Text fontSize="$4" fontWeight={400} textAlign="center" color="$textSecondaryLight">
+        {hasEnoughConfirmations
+          ? 'This transaction can be executed in the web app only.'
+          : 'Can be executed once the threshold is reached'}
+      </Text>
+
+      {hasEnoughConfirmations && (
+        <>
+          <TouchableOpacity onPress={onPressGoToWebApp}>
+            <View flexDirection="row" alignItems="center" gap="$2">
+              <Text fontSize="$4" fontWeight={700} textAlign="center" color="$color">
+                Go to Web app
+              </Text>
+              <SafeFontIcon name="external-link" size={16} color="$color" />
+            </View>
+          </TouchableOpacity>
+
+          <View height={50} width="100%">
+            <SafeButton height="100%" rounded fullscreen fontWeight={600} disabled testID="confirm-button">
+              Confirm
+            </SafeButton>
+          </View>
+        </>
+      )}
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AlreadySigned/__snapshots__/AlreadySigned.test.tsx.snap b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AlreadySigned/__snapshots__/AlreadySigned.test.tsx.snap
new file mode 100644
index 000000000..7f13e6d58
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AlreadySigned/__snapshots__/AlreadySigned.test.tsx.snap
@@ -0,0 +1,189 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AlreadySigned matches snapshot 1`] = `
+<View>
+  <View
+    style={
+      {
+        "alignItems": "center",
+        "flexDirection": "column",
+        "gap": 16,
+        "justifyContent": "center",
+        "paddingLeft": 16,
+        "paddingRight": 16,
+      }
+    }
+  >
+    <Text
+      style={
+        {
+          "color": "#A1A3A7",
+          "fontFamily": "DM Sans",
+          "fontSize": 14,
+          "textAlign": "center",
+        }
+      }
+      suppressHighlighting={true}
+    >
+      This transaction can be executed in the web app only.
+    </Text>
+    <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        {
+          "opacity": 1,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "gap": 8,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "color": "#121312",
+              "fontFamily": "DMSans-Bold",
+              "fontSize": 14,
+              "textAlign": "center",
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Go to Web app
+        </Text>
+        <Text
+          allowFontScaling={false}
+          selectable={false}
+          style={
+            [
+              {
+                "color": "#121312",
+                "fontSize": 16,
+              },
+              undefined,
+              {
+                "fontFamily": "SafeIcons",
+                "fontStyle": "normal",
+                "fontWeight": "normal",
+              },
+              {},
+            ]
+          }
+        >
+          
+        </Text>
+      </View>
+    </View>
+    <View
+      style={
+        {
+          "height": 50,
+          "width": "100%",
+        }
+      }
+    >
+      <View
+        focusVisibleStyle={
+          {
+            "borderColor": "$background",
+          }
+        }
+        pointerEvents="none"
+        role="button"
+        style={
+          {
+            "alignItems": "center",
+            "backgroundColor": "#7878801F",
+            "borderBottomColor": "transparent",
+            "borderBottomLeftRadius": 8,
+            "borderBottomRightRadius": 8,
+            "borderBottomWidth": 1,
+            "borderLeftColor": "transparent",
+            "borderLeftWidth": 1,
+            "borderRightColor": "transparent",
+            "borderRightWidth": 1,
+            "borderStyle": "solid",
+            "borderTopColor": "transparent",
+            "borderTopLeftRadius": 8,
+            "borderTopRightRadius": 8,
+            "borderTopWidth": 1,
+            "bottom": 0,
+            "color": "#636669",
+            "flexDirection": "row",
+            "flexWrap": "nowrap",
+            "fontWeight": 600,
+            "height": "100%",
+            "justifyContent": "center",
+            "left": 0,
+            "marginBottom": 0,
+            "marginLeft": 0,
+            "marginRight": 0,
+            "marginTop": 0,
+            "paddingBottom": 14,
+            "paddingLeft": 20,
+            "paddingRight": 20,
+            "paddingTop": 14,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          }
+        }
+        testID="confirm-button"
+      >
+        <Text
+          lineBreakMode="clip"
+          numberOfLines={1}
+          style={
+            {
+              "color": "#636669",
+              "flexGrow": 0,
+              "flexShrink": 1,
+              "fontFamily": "DMSans-SemiBold",
+              "fontSize": 14,
+              "letterSpacing": -0.1,
+              "lineHeight": 15.400000000000002,
+              "marginBottom": -2.5,
+              "userSelect": "none",
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Confirm
+        </Text>
+      </View>
+    </View>
+  </View>
+</View>
+`;
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AlreadySigned/index.ts b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AlreadySigned/index.ts
new file mode 100644
index 000000000..4ac541927
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/AlreadySigned/index.ts
@@ -0,0 +1 @@
+export { AlreadySigned } from './AlreadySigned'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/BridgeTransaction/BridgeRecipientWarnings.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/BridgeTransaction/BridgeRecipientWarnings.tsx
new file mode 100644
index 000000000..e24d2ac25
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/BridgeTransaction/BridgeRecipientWarnings.tsx
@@ -0,0 +1,117 @@
+import React, { useMemo } from 'react'
+import { Alert2 } from '@/src/components/Alert2'
+import { BridgeAndSwapTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectAllChains } from '@/src/store/chains'
+import { selectSafeInfo } from '@/src/store/safesSlice'
+import { selectContactByAddress } from '@/src/store/addressBookSlice'
+import { useSafesGetSafeV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { haveSameSetup } from '@safe-global/utils/utils/safe-setup-comparison'
+import { Address } from '@/src/types/address'
+import { type BridgeWarning } from '@safe-global/utils/components/confirmation-views/BridgeTransaction/BridgeWarnings'
+import {
+  useBridgeWarningLogic,
+  type BridgeWarningData,
+} from '@safe-global/utils/components/confirmation-views/BridgeTransaction/useBridgeWarningLogic'
+
+interface WarningAlertProps {
+  warning: BridgeWarning
+}
+
+const WarningAlert = ({ warning }: WarningAlertProps) => (
+  <Alert2
+    type={warning.severity}
+    title={warning.title}
+    message={warning.description}
+    testID={`bridge-warning-${warning.severity}`}
+  />
+)
+
+interface BridgeRecipientWarningsProps {
+  txInfo: BridgeAndSwapTransactionInfo
+}
+
+export const BridgeRecipientWarnings = ({ txInfo }: BridgeRecipientWarningsProps) => {
+  const activeSafe = useDefinedActiveSafe()
+  const allChains = useAppSelector(selectAllChains)
+  const activeSafeInfo = useAppSelector((state) => selectSafeInfo(state, activeSafe.address as Address))
+  const destinationContact = useAppSelector((state) => selectContactByAddress(txInfo.recipient.value)(state))
+
+  const isSameAddress = sameAddress(txInfo.recipient.value, activeSafe.address)
+
+  // Check if destination chain is supported
+  const isDestinationChainSupported = allChains?.some((chain) => chain.chainId === txInfo.toChain) ?? false
+
+  // For simplicity in mobile, we'll assume modern Safes support multichain
+  // This could be enhanced with version checking in the future
+  const isMultiChainSafe = true
+
+  const { data: otherSafe, error: otherSafeError } = useSafesGetSafeV1Query(
+    { chainId: txInfo.toChain, safeAddress: activeSafe.address },
+    { skip: !isSameAddress },
+  )
+
+  const otherSafeExists = otherSafe !== undefined
+
+  const hasSameSetup = useMemo(() => {
+    if (!otherSafeExists || otherSafeError || !activeSafeInfo) {
+      return false
+    }
+
+    // Get safe info for current chain
+    const currentSafeInfo = activeSafeInfo[activeSafe.chainId]
+    if (!currentSafeInfo) {
+      return false
+    }
+
+    return haveSameSetup(otherSafe, currentSafeInfo)
+  }, [otherSafeExists, otherSafeError, activeSafeInfo, activeSafe.chainId, otherSafe])
+
+  // Check if recipient is in address book
+  const isRecipientInAddressBook = destinationContact !== null
+
+  // Check if recipient is an owned safe on destination chain
+  const isRecipientOwnedSafe = useMemo(() => {
+    if (!activeSafeInfo) {
+      return false
+    }
+
+    // Check if we have this address as a safe on the destination chain
+    const destinationSafeInfo = activeSafeInfo[txInfo.toChain]
+    return destinationSafeInfo !== undefined && sameAddress(destinationSafeInfo.address.value, txInfo.recipient.value)
+  }, [activeSafeInfo, txInfo.toChain, txInfo.recipient.value])
+
+  // Prepare data for shared warning logic
+  const warningData: BridgeWarningData = useMemo(
+    () => ({
+      isSameAddress,
+      isDestinationChainSupported,
+      isMultiChainSafe,
+      otherSafeExists,
+      hasSameSetup,
+      isRecipientInAddressBook,
+      isRecipientOwnedSafe,
+    }),
+    [
+      isSameAddress,
+      isDestinationChainSupported,
+      isMultiChainSafe,
+      otherSafeExists,
+      hasSameSetup,
+      isRecipientInAddressBook,
+      isRecipientOwnedSafe,
+    ],
+  )
+
+  // Use shared warning logic
+  const warning = useBridgeWarningLogic(warningData)
+
+  // Render warning if one exists
+  if (warning) {
+    return <WarningAlert warning={warning} />
+  }
+
+  return null
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/BridgeTransaction/BridgeTransaction.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/BridgeTransaction/BridgeTransaction.tsx
new file mode 100644
index 000000000..c0025ea71
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/BridgeTransaction/BridgeTransaction.tsx
@@ -0,0 +1,195 @@
+import React, { useMemo } from 'react'
+import { YStack, Text, View } from 'tamagui'
+import { ListTable } from '../../ListTable'
+import { BridgeAndSwapTransactionInfo, DataDecoded } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectChainById } from '@/src/store/chains'
+import { TokenAmount } from '@/src/components/TokenAmount'
+import { formatUnits } from 'ethers'
+import { EthAddress } from '@/src/components/EthAddress'
+import { type ListTableItem } from '../../ListTable'
+import { BridgeRecipientWarnings } from './BridgeRecipientWarnings'
+import { ChainIndicator } from '@/src/components/ChainIndicator'
+import { ParametersButton } from '../../ParametersButton'
+import { useRouter } from 'expo-router'
+import { isMultiSendData } from '@/src/utils/transaction-guards'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { Badge } from '@/src/components/Badge'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { formatAmount } from '@safe-global/utils/utils/formatNumber'
+
+interface BridgeTransactionProps {
+  txId: string
+  txInfo: BridgeAndSwapTransactionInfo
+  decodedData?: DataDecoded | null
+}
+
+export function BridgeTransaction({ txId, txInfo, decodedData }: BridgeTransactionProps) {
+  const activeSafe = useDefinedActiveSafe()
+  const chain = useAppSelector((state) => selectChainById(state, activeSafe.chainId))
+  const router = useRouter()
+
+  const bridgeItems = useMemo(() => {
+    const items: ListTableItem[] = []
+
+    // Amount section
+    const actualFromAmount =
+      BigInt(txInfo.fromAmount) + BigInt(txInfo.fees?.integratorFee ?? 0n) + BigInt(txInfo.fees?.lifiFee ?? 0n)
+
+    if (txInfo.status === 'PENDING' || txInfo.status === 'AWAITING_EXECUTION') {
+      items.push({
+        label: 'Amount',
+        render: () => (
+          <View flexDirection="row" alignItems="center" gap="$2" flexWrap="wrap" justifyContent="center">
+            <Text>Sending</Text>
+            <TokenAmount
+              value={actualFromAmount.toString()}
+              decimals={txInfo.fromToken.decimals}
+              tokenSymbol={txInfo.fromToken.symbol}
+            />
+            <Text>to</Text>
+            <ChainIndicator chainId={txInfo.toChain} onlyLogo />
+          </View>
+        ),
+      })
+    } else if (txInfo.status === 'FAILED') {
+      items.push({
+        label: 'Amount',
+        render: () => (
+          <View flexDirection="row" alignItems="center" gap="$2" flexWrap="wrap">
+            <Text>Failed to send</Text>
+            <TokenAmount
+              value={actualFromAmount.toString()}
+              decimals={txInfo.fromToken.decimals}
+              tokenSymbol={txInfo.fromToken.symbol}
+            />
+            <Text>to {txInfo.toChain}</Text>
+          </View>
+        ),
+      })
+
+      if (txInfo.substatus) {
+        items.push({
+          label: 'Substatus',
+          render: () => <Text>{txInfo.substatus}</Text>,
+        })
+      }
+    } else if (txInfo.status === 'DONE') {
+      const fromAmountDecimals = formatUnits(actualFromAmount, txInfo.fromToken.decimals)
+      const toAmountDecimals =
+        txInfo.toAmount && txInfo.toToken ? formatUnits(txInfo.toAmount, txInfo.toToken.decimals) : undefined
+      const exchangeRate = toAmountDecimals ? Number(toAmountDecimals) / Number(fromAmountDecimals) : undefined
+
+      items.push({
+        label: 'Amount',
+        render: () => (
+          <YStack gap="$2">
+            <View flexDirection="row" alignItems="center" gap="$2" flexWrap="wrap">
+              <Text>Sell</Text>
+              <TokenAmount
+                value={actualFromAmount.toString()}
+                decimals={txInfo.fromToken.decimals}
+                tokenSymbol={txInfo.fromToken.symbol}
+              />
+              <Text>on {chain?.chainName ?? 'Unknown Chain'}</Text>
+            </View>
+            {txInfo.toToken && txInfo.toAmount ? (
+              <View flexDirection="row" alignItems="center" gap="$2" flexWrap="wrap">
+                <Text>For</Text>
+                <TokenAmount
+                  value={txInfo.toAmount}
+                  decimals={txInfo.toToken.decimals}
+                  tokenSymbol={txInfo.toToken.symbol}
+                />
+                <Text>on {txInfo.toChain}</Text>
+              </View>
+            ) : (
+              <Text>Could not find buy token information.</Text>
+            )}
+          </YStack>
+        ),
+      })
+
+      if (exchangeRate && txInfo.toToken) {
+        items.push({
+          label: 'Exchange Rate',
+          render: () => (
+            <Text>
+              1 {txInfo.fromToken.symbol} = {formatAmount(exchangeRate)} {txInfo.toToken?.symbol}
+            </Text>
+          ),
+        })
+      }
+    }
+
+    // Recipient
+    items.push({
+      label: 'Recipient',
+      render: () => (
+        <EthAddress
+          address={txInfo.recipient.value as `0x${string}`}
+          copy
+          copyProps={{ color: '$textSecondaryLight' }}
+        />
+      ),
+    })
+
+    // Fees
+    const totalFee = formatUnits(
+      BigInt(txInfo.fees?.integratorFee ?? 0n) + BigInt(txInfo.fees?.lifiFee ?? 0n),
+      txInfo.fromToken.decimals,
+    )
+
+    items.push({
+      label: 'Fees',
+      render: () => (
+        <Text>
+          {Number(totalFee).toFixed(6)} {txInfo.fromToken.symbol}
+        </Text>
+      ),
+    })
+
+    return items
+  }, [txInfo, chain])
+
+  const handleViewActions = () => {
+    router.push({
+      pathname: '/transaction-actions',
+      params: { txId },
+    })
+  }
+
+  return (
+    <YStack gap="$4">
+      <ListTable items={bridgeItems}>
+        <ParametersButton txId={txId} />
+      </ListTable>
+
+      <BridgeRecipientWarnings txInfo={txInfo} />
+
+      {decodedData && isMultiSendData(decodedData) && (
+        <SafeListItem
+          label="Actions"
+          rightNode={
+            <View flexDirection="row" alignItems="center" gap="$2">
+              {decodedData.parameters?.[0]?.valueDecoded && (
+                <Badge
+                  themeName="badge_background_inverted"
+                  content={
+                    Array.isArray(decodedData.parameters[0].valueDecoded)
+                      ? decodedData.parameters[0].valueDecoded.length.toString()
+                      : '1'
+                  }
+                />
+              )}
+
+              <SafeFontIcon name={'chevron-right'} />
+            </View>
+          }
+          onPress={handleViewActions}
+        />
+      )}
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/BridgeTransaction/__tests__/BridgeRecipientWarnings.test.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/BridgeTransaction/__tests__/BridgeRecipientWarnings.test.tsx
new file mode 100644
index 000000000..a8c34abca
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/BridgeTransaction/__tests__/BridgeRecipientWarnings.test.tsx
@@ -0,0 +1,216 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import React from 'react'
+import { render, screen } from '@testing-library/react-native'
+import { TamaguiProvider } from 'tamagui'
+import config from '@/src/theme/tamagui.config'
+import { BridgeRecipientWarnings } from '../BridgeRecipientWarnings'
+import { BridgeWarnings } from '@safe-global/utils/components/confirmation-views/BridgeTransaction/BridgeWarnings'
+import { BridgeAndSwapTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { faker } from '@faker-js/faker'
+
+// Mock the RTK Query hook
+jest.mock('@safe-global/store/gateway/AUTO_GENERATED/safes', () => ({
+  useSafesGetSafeV1Query: jest.fn(),
+}))
+
+// Mock the hooks and selectors
+jest.mock('@/src/store/hooks/activeSafe', () => ({
+  useDefinedActiveSafe: jest.fn(),
+}))
+
+jest.mock('@/src/store/hooks', () => ({
+  useAppSelector: jest.fn(),
+}))
+
+const { useSafesGetSafeV1Query } = require('@safe-global/store/gateway/AUTO_GENERATED/safes')
+const { useDefinedActiveSafe } = require('@/src/store/hooks/activeSafe')
+const { useAppSelector } = require('@/src/store/hooks')
+
+// Helper to wrap component with required providers
+const renderWithProviders = (ui: React.ReactElement) => {
+  return render(<TamaguiProvider config={config}>{ui}</TamaguiProvider>)
+}
+
+const mockActiveSafe = {
+  address: faker.finance.ethereumAddress() as `0x${string}`,
+  chainId: '1',
+}
+
+const mockTxInfo: BridgeAndSwapTransactionInfo = {
+  type: 'SwapAndBridge',
+  humanDescription: null,
+  fromToken: {
+    address: '0x0000000000000000000000000000000000000000',
+    name: 'Ether',
+    symbol: 'ETH',
+    decimals: 18,
+    logoUri: '',
+    trusted: true,
+  },
+  recipient: { value: mockActiveSafe.address },
+  explorerUrl: null,
+  status: 'PENDING',
+  substatus: 'WAIT_SOURCE_CONFIRMATIONS',
+  fees: null,
+  fromAmount: '1000000000000000000',
+  toChain: '100', // Gnosis Chain
+  toToken: null,
+  toAmount: null,
+}
+
+describe('BridgeRecipientWarnings', () => {
+  beforeEach(() => {
+    // Reset all mocks
+    jest.clearAllMocks()
+
+    useDefinedActiveSafe.mockReturnValue(mockActiveSafe)
+
+    useSafesGetSafeV1Query.mockReturnValue({
+      data: undefined,
+      error: undefined,
+      isLoading: false,
+      isError: false,
+      isSuccess: false,
+      isFetching: false,
+      refetch: jest.fn(),
+    })
+
+    // Mock default state
+    useAppSelector.mockImplementation((selector: any) => {
+      // Mock selectAllChains to return supported chains
+      if (selector.toString().includes('selectAllChains')) {
+        return [
+          { chainId: '1', chainName: 'Ethereum' },
+          { chainId: '100', chainName: 'Gnosis Chain' },
+        ]
+      }
+      // Mock selectSafeInfo to return safe info
+      if (selector.toString().includes('selectSafeInfo')) {
+        return {
+          [mockActiveSafe.chainId]: {
+            address: { value: mockActiveSafe.address },
+            chainId: mockActiveSafe.chainId,
+            threshold: 2,
+            owners: [{ value: faker.finance.ethereumAddress() }, { value: faker.finance.ethereumAddress() }],
+            fiatTotal: '0',
+            queued: 0,
+            awaitingConfirmation: null,
+          },
+        }
+      }
+      // Mock selectContactByAddress to return null (no contact)
+      if (selector.toString().includes('selectContactByAddress')) {
+        return null
+      }
+      return null
+    })
+  })
+
+  it('should export bridge warnings constants', () => {
+    expect(BridgeWarnings.DIFFERENT_SETUP).toBeDefined()
+    expect(BridgeWarnings.NO_MULTICHAIN_SUPPORT).toBeDefined()
+    expect(BridgeWarnings.SAFE_NOT_DEPLOYED).toBeDefined()
+    expect(BridgeWarnings.DIFFERENT_ADDRESS).toBeDefined()
+    expect(BridgeWarnings.UNKNOWN_CHAIN).toBeDefined()
+
+    expect(BridgeWarnings.DIFFERENT_SETUP.title).toBe('Different Safe setup on target chain')
+    expect(BridgeWarnings.DIFFERENT_SETUP.severity).toBe('warning')
+  })
+
+  it('should render component without crashing when no warning is needed', () => {
+    // Mock that safe exists with same setup
+    useSafesGetSafeV1Query.mockReturnValue({
+      data: {
+        address: { value: mockActiveSafe.address },
+        chainId: '100',
+        threshold: 2,
+        owners: [{ value: faker.finance.ethereumAddress() }, { value: faker.finance.ethereumAddress() }],
+        fiatTotal: '0',
+        queued: 0,
+        awaitingConfirmation: null,
+      },
+      error: undefined,
+      isLoading: false,
+      isError: false,
+      isSuccess: true,
+      isFetching: false,
+      refetch: jest.fn(),
+    })
+
+    renderWithProviders(<BridgeRecipientWarnings txInfo={mockTxInfo} />)
+
+    // Component should render without any warnings
+    expect(screen.queryByText('Different Safe setup on target chain')).not.toBeOnTheScreen()
+  })
+
+  it('should show warning when bridging to different address not in address book', () => {
+    const differentAddressTxInfo = {
+      ...mockTxInfo,
+      recipient: { value: faker.finance.ethereumAddress() },
+    }
+
+    renderWithProviders(<BridgeRecipientWarnings txInfo={differentAddressTxInfo} />)
+
+    expect(screen.getByText('Unknown address')).toBeOnTheScreen()
+    expect(screen.getByText(BridgeWarnings.DIFFERENT_ADDRESS.description)).toBeOnTheScreen()
+  })
+
+  it('should show error when bridging to unsupported chain', () => {
+    const unsupportedChainTxInfo = {
+      ...mockTxInfo,
+      toChain: '999', // Unsupported chain
+    }
+
+    // Mock that the chain is not supported
+    useAppSelector.mockImplementation((selector: any) => {
+      if (selector.toString().includes('selectAllChains')) {
+        return [
+          { chainId: '1', chainName: 'Ethereum' },
+          { chainId: '100', chainName: 'Gnosis Chain' },
+        ]
+        // Note: chain 999 is not in this list
+      }
+      if (selector.toString().includes('selectSafeInfo')) {
+        return {
+          [mockActiveSafe.chainId]: {
+            address: { value: mockActiveSafe.address },
+            chainId: mockActiveSafe.chainId,
+            threshold: 2,
+            owners: [{ value: faker.finance.ethereumAddress() }, { value: faker.finance.ethereumAddress() }],
+            fiatTotal: '0',
+            queued: 0,
+            awaitingConfirmation: null,
+          },
+        }
+      }
+      if (selector.toString().includes('selectContactByAddress')) {
+        return null
+      }
+      return null
+    })
+
+    renderWithProviders(<BridgeRecipientWarnings txInfo={unsupportedChainTxInfo} />)
+
+    expect(screen.getByText('The target network is not supported')).toBeOnTheScreen()
+    expect(screen.getByText(BridgeWarnings.UNKNOWN_CHAIN.description)).toBeOnTheScreen()
+  })
+
+  it('should show warnings correctly when Safe data is unavailable', () => {
+    useSafesGetSafeV1Query.mockReturnValue({
+      data: undefined,
+      error: undefined,
+      isLoading: false,
+      isError: false,
+      isSuccess: true,
+      isFetching: false,
+      refetch: jest.fn(),
+    })
+
+    renderWithProviders(<BridgeRecipientWarnings txInfo={mockTxInfo} />)
+
+    // When safe data is unavailable and chains are not properly loaded,
+    // the component should show some warning (either unsupported chain or safe not deployed)
+    const warningElement = screen.getByTestId(/bridge-warning-/i)
+    expect(warningElement).toBeOnTheScreen()
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/BridgeTransaction/index.ts b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/BridgeTransaction/index.ts
new file mode 100644
index 000000000..6568d1e9a
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/BridgeTransaction/index.ts
@@ -0,0 +1,2 @@
+export { BridgeTransaction } from './BridgeTransaction'
+export { BridgeRecipientWarnings } from './BridgeRecipientWarnings'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/CancelTx/CancelTx.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/CancelTx/CancelTx.tsx
new file mode 100644
index 000000000..2227a4478
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/CancelTx/CancelTx.tsx
@@ -0,0 +1,74 @@
+import React, { useMemo } from 'react'
+import { View, YStack, Text } from 'tamagui'
+import { TransactionHeader } from '../../TransactionHeader'
+import { ListTable } from '../../ListTable'
+import { formatCancelTxItems } from './utils'
+import { CustomTransactionInfo, MultisigExecutionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { RootState } from '@/src/store'
+import { selectChainById } from '@/src/store/chains'
+import { useAppSelector } from '@/src/store/hooks'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Badge } from '@/src/components/Badge'
+import { ParametersButton } from '../../ParametersButton'
+import { router } from 'expo-router'
+
+interface CancelTxProps {
+  txInfo: CustomTransactionInfo
+  executionInfo: MultisigExecutionDetails
+  txId: string
+}
+
+export function CancelTx({ txInfo, executionInfo, txId }: CancelTxProps) {
+  const activeSafe = useDefinedActiveSafe()
+  const chain = useAppSelector((state: RootState) => selectChainById(state, activeSafe.chainId))
+
+  const items = useMemo(() => formatCancelTxItems(chain), [chain])
+
+  const handleViewActions = () => {
+    router.push({
+      pathname: '/transaction-actions',
+      params: { txId },
+    })
+  }
+
+  return (
+    <YStack gap="$4">
+      <TransactionHeader
+        customLogo={
+          <View borderRadius={100} padding="$2" backgroundColor="$errorDark">
+            <SafeFontIcon color="$error" name="close-outlined" />
+          </View>
+        }
+        badgeIcon="transaction-contract"
+        badgeColor="$textSecondaryLight"
+        title={txInfo.methodName ?? 'On-chain rejection'}
+        submittedAt={executionInfo.submittedAt}
+      />
+
+      <Text fontSize="$4">
+        This is an on-chain rejection that didn’t send any funds. This on-chain rejection replaced all transactions with
+        nonce {executionInfo.nonce}.
+      </Text>
+
+      <ListTable items={items}>
+        <ParametersButton txId={txId} />
+      </ListTable>
+
+      {txInfo.actionCount && (
+        <SafeListItem
+          label="Actions"
+          rightNode={
+            <View flexDirection="row" alignItems="center" gap="$2">
+              <Badge themeName="badge_background_inverted" content={txInfo.actionCount.toString()} circleSize="$6" />
+
+              <SafeFontIcon name={'chevron-right'} />
+            </View>
+          }
+          onPress={handleViewActions}
+        />
+      )}
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/CancelTx/index.ts b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/CancelTx/index.ts
new file mode 100644
index 000000000..1af1d7f39
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/CancelTx/index.ts
@@ -0,0 +1 @@
+export { CancelTx } from './CancelTx'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/CancelTx/utils.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/CancelTx/utils.tsx
new file mode 100644
index 000000000..1cd04352b
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/CancelTx/utils.tsx
@@ -0,0 +1,17 @@
+import { Logo } from '@/src/components/Logo'
+import { Text, View } from 'tamagui'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+
+export const formatCancelTxItems = (chain: Chain) => {
+  return [
+    {
+      label: 'Network',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$2">
+          <Logo logoUri={chain.chainLogoUri} size="$6" />
+          <Text fontSize="$4">{chain.chainName}</Text>
+        </View>
+      ),
+    },
+  ]
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Contract/Contract.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Contract/Contract.tsx
new file mode 100644
index 000000000..e325e83fb
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Contract/Contract.tsx
@@ -0,0 +1,68 @@
+import React, { useMemo } from 'react'
+import { View, YStack } from 'tamagui'
+import { TransactionHeader } from '../../TransactionHeader'
+import { ListTable } from '../../ListTable'
+import { formatContractItems } from './utils'
+import { CustomTransactionInfo, MultisigExecutionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { RootState } from '@/src/store'
+import { selectChainById } from '@/src/store/chains'
+import { useAppSelector } from '@/src/store/hooks'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Badge } from '@/src/components/Badge'
+import { ParametersButton } from '../../ParametersButton'
+import { router } from 'expo-router'
+import { useOpenExplorer } from '@/src/features/ConfirmTx/hooks/useOpenExplorer'
+
+interface ContractProps {
+  txInfo: CustomTransactionInfo
+  executionInfo: MultisigExecutionDetails
+  txId: string
+}
+
+export function Contract({ txInfo, executionInfo, txId }: ContractProps) {
+  const activeSafe = useDefinedActiveSafe()
+  const chain = useAppSelector((state: RootState) => selectChainById(state, activeSafe.chainId))
+  const viewOnExplorer = useOpenExplorer(txInfo.to.value)
+
+  const items = useMemo(() => formatContractItems(txInfo, chain, viewOnExplorer), [txInfo, chain, viewOnExplorer])
+
+  const handleViewActions = () => {
+    router.push({
+      pathname: '/transaction-actions',
+      params: { txId },
+    })
+  }
+
+  return (
+    <YStack gap="$4">
+      <TransactionHeader
+        logo={txInfo.to.logoUri || txInfo.to.value}
+        isIdenticon={!txInfo.to.logoUri}
+        badgeIcon="transaction-contract"
+        badgeColor="$textSecondaryLight"
+        title={txInfo.methodName ?? 'Contract interaction'}
+        submittedAt={executionInfo.submittedAt}
+      />
+
+      <ListTable items={items}>
+        <ParametersButton txId={txId} />
+      </ListTable>
+
+      {txInfo.actionCount && (
+        <SafeListItem
+          label="Actions"
+          rightNode={
+            <View flexDirection="row" alignItems="center" gap="$2">
+              <Badge themeName="badge_background_inverted" content={txInfo.actionCount.toString()} circleSize="$6" />
+
+              <SafeFontIcon name={'chevron-right'} size={16} />
+            </View>
+          }
+          onPress={handleViewActions}
+        />
+      )}
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Contract/index.ts b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Contract/index.ts
new file mode 100644
index 000000000..64f189dc2
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Contract/index.ts
@@ -0,0 +1 @@
+export { Contract } from './Contract'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Contract/utils.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Contract/utils.tsx
new file mode 100644
index 000000000..fceabbeb4
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Contract/utils.tsx
@@ -0,0 +1,58 @@
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Logo } from '@/src/components/Logo'
+
+import { Badge } from '@/src/components/Badge'
+import { ellipsis } from '@/src/utils/formatters'
+import { CircleProps, Text, View } from 'tamagui'
+import { CustomTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { shortenAddress } from '@safe-global/utils/utils/formatters'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { CopyButton } from '@/src/components/CopyButton'
+import { TouchableOpacity } from 'react-native'
+
+const mintBadgeProps: CircleProps = { borderRadius: '$2', paddingHorizontal: '$2', paddingVertical: '$1' }
+
+export const formatContractItems = (txInfo: CustomTransactionInfo, chain: Chain, viewOnExplorer: () => void) => {
+  const contractName = txInfo.to.name ? ellipsis(txInfo.to.name, 18) : shortenAddress(txInfo.to.value)
+
+  return [
+    {
+      label: 'Call',
+      render: () => (
+        <Badge
+          circleProps={mintBadgeProps}
+          themeName="badge_background"
+          fontSize={13}
+          textContentProps={{ fontFamily: 'DM Mono' }}
+          circular={false}
+          content={txInfo.methodName ?? ''}
+        />
+      ),
+    },
+    {
+      label: 'Contract',
+      render: () => {
+        return (
+          <View flexDirection="row" alignItems="center" gap="$2">
+            <Logo logoUri={txInfo.to.logoUri} size="$6" />
+            <Text fontSize="$4">{contractName}</Text>
+            <CopyButton value={txInfo.to.value} color={'$textSecondaryLight'} />
+
+            <TouchableOpacity onPress={viewOnExplorer}>
+              <SafeFontIcon name="external-link" size={14} color="$textSecondaryLight" />
+            </TouchableOpacity>
+          </View>
+        )
+      },
+    },
+    {
+      label: 'Network',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$2">
+          <Logo logoUri={chain.chainLogoUri} size="$6" />
+          <Text fontSize="$4">{chain.chainName}</Text>
+        </View>
+      ),
+    },
+  ]
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/GenericView/GenericView.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/GenericView/GenericView.tsx
new file mode 100644
index 000000000..bfd61a9c3
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/GenericView/GenericView.tsx
@@ -0,0 +1,75 @@
+import React, { useMemo } from 'react'
+import { View, YStack } from 'tamagui'
+import { formatGenericViewItems } from './utils'
+import {
+  SettingsChangeTransaction,
+  MultisigExecutionDetails,
+  TransactionData,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { RootState } from '@/src/store'
+import { selectChainById } from '@/src/store/chains'
+import { useAppSelector } from '@/src/store/hooks'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Badge } from '@/src/components/Badge'
+
+import { ListTable } from '../../ListTable'
+import { TransactionHeader } from '../../TransactionHeader'
+import { ParametersButton } from '../../ParametersButton'
+import { router } from 'expo-router'
+import { useOpenExplorer } from '@/src/features/ConfirmTx/hooks/useOpenExplorer'
+interface GenericViewProps {
+  txInfo: SettingsChangeTransaction
+  executionInfo: MultisigExecutionDetails
+  txData: TransactionData
+  txId: string
+}
+
+export function GenericView({ txInfo, txData, executionInfo, txId }: GenericViewProps) {
+  const activeSafe = useDefinedActiveSafe()
+  const chain = useAppSelector((state: RootState) => selectChainById(state, activeSafe.chainId))
+  const viewOnExplorer = useOpenExplorer(txData.to.value)
+  const items = useMemo(
+    () => formatGenericViewItems({ txInfo, txData, chain, executionInfo, viewOnExplorer }),
+    [txInfo, executionInfo, txData, chain, viewOnExplorer],
+  )
+
+  const handleViewActions = () => {
+    router.push({
+      pathname: '/transaction-actions',
+      params: { txId },
+    })
+  }
+
+  return (
+    <YStack gap="$4">
+      <TransactionHeader
+        logo={txData.to.logoUri || txData.to.value}
+        isIdenticon={!txData.to.logoUri}
+        badgeIcon="transaction-contract"
+        badgeColor="$textSecondaryLight"
+        title={txData.dataDecoded?.method ?? 'Contract interaction'}
+        submittedAt={executionInfo.submittedAt}
+      />
+
+      <ListTable items={items}>
+        <ParametersButton txId={txId} />
+      </ListTable>
+
+      {'actionCount' in txInfo && (
+        <SafeListItem
+          label="Actions"
+          onPress={handleViewActions}
+          rightNode={
+            <View flexDirection="row" alignItems="center" gap="$2">
+              <Badge themeName="badge_background_inverted" content={txInfo.actionCount as string} circleSize="$6" />
+
+              <SafeFontIcon name={'chevron-right'} />
+            </View>
+          }
+        />
+      )}
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/GenericView/index.ts b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/GenericView/index.ts
new file mode 100644
index 000000000..23784aa36
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/GenericView/index.ts
@@ -0,0 +1 @@
+export { GenericView } from './GenericView'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/GenericView/utils.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/GenericView/utils.tsx
new file mode 100644
index 000000000..6047c570c
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/GenericView/utils.tsx
@@ -0,0 +1,102 @@
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Logo } from '@/src/components/Logo'
+
+import { Badge } from '@/src/components/Badge'
+import { ellipsis } from '@/src/utils/formatters'
+import { CircleProps, Text, View } from 'tamagui'
+import { shortenAddress } from '@safe-global/utils/utils/formatters'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import {
+  MultisigExecutionDetails,
+  SettingsChangeTransaction,
+  TransactionData,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { Identicon } from '@/src/components/Identicon'
+import { Address } from '@/src/types/address'
+import { CopyButton } from '@/src/components/CopyButton'
+import { TouchableOpacity } from 'react-native'
+
+const mintBadgeProps: CircleProps = { borderRadius: '$2', paddingHorizontal: '$2', paddingVertical: '$1' }
+
+export const formatGenericViewItems = ({
+  txInfo,
+  txData,
+  chain,
+  executionInfo,
+  viewOnExplorer,
+}: {
+  txInfo: SettingsChangeTransaction
+  txData: TransactionData
+  chain: Chain
+  executionInfo: MultisigExecutionDetails
+  viewOnExplorer: () => void
+}) => {
+  const genericViewName = txData.to.name ? ellipsis(txData.to.name, 18) : shortenAddress(txData.to.value)
+
+  const items = [
+    {
+      label: 'Call',
+      render: () => (
+        <Badge
+          circleProps={mintBadgeProps}
+          themeName="badge_background"
+          fontSize={13}
+          textContentProps={{ fontFamily: 'DM Mono' }}
+          circular={false}
+          content={txData.dataDecoded?.method ?? ''}
+        />
+      ),
+    },
+    {
+      label: 'Contract',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$2">
+          {txData.to.logoUri ? (
+            <Logo logoUri={txData.to.logoUri} size="$6" />
+          ) : (
+            <Identicon address={txData.to.value as Address} size={24} />
+          )}
+          <Text fontSize="$4">{genericViewName}</Text>
+          <CopyButton value={txData.to.value} color={'$textSecondaryLight'} />
+
+          <TouchableOpacity onPress={viewOnExplorer}>
+            <SafeFontIcon name="external-link" size={14} color="$textSecondaryLight" />
+          </TouchableOpacity>
+        </View>
+      ),
+    },
+  ]
+
+  if (txInfo.settingsInfo?.type === 'CHANGE_THRESHOLD') {
+    items.push({
+      label: 'Token',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$2">
+          {txInfo.settingsInfo && 'threshold' in txInfo.settingsInfo && (
+            <Text fontSize="$4">
+              {txInfo.settingsInfo?.threshold}/{executionInfo.signers.length}
+            </Text>
+          )}
+
+          {txInfo.settingsInfo && 'threshold' in txInfo.settingsInfo && (
+            <Text textDecorationLine="line-through" color="$textSecondaryLight" fontSize="$4">
+              {executionInfo.confirmationsRequired}/{executionInfo.signers.length}
+            </Text>
+          )}
+        </View>
+      ),
+    })
+  }
+
+  items.push({
+    label: 'Network',
+    render: () => (
+      <View flexDirection="row" alignItems="center" gap="$2">
+        <Logo logoUri={chain.chainLogoUri} size="$6" />
+        <Text fontSize="$4">{chain.chainName}</Text>
+      </View>
+    ),
+  })
+
+  return items
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/LifiSwapTransaction/LifiSwapHeader.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/LifiSwapTransaction/LifiSwapHeader.tsx
new file mode 100644
index 000000000..c98be70a4
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/LifiSwapTransaction/LifiSwapHeader.tsx
@@ -0,0 +1,32 @@
+import React from 'react'
+import { SwapTransactionInfo, MultisigExecutionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { formatWithSchema } from '@/src/utils/date'
+import { formatValue } from '@/src/utils/formatters'
+import { SwapHeader } from '@/src/components/SwapHeader'
+
+interface LifiSwapHeaderProps {
+  txInfo: SwapTransactionInfo
+  executionInfo: MultisigExecutionDetails
+}
+
+export function LifiSwapHeader({ txInfo, executionInfo }: LifiSwapHeaderProps) {
+  const { fromToken, toToken, fromAmount, toAmount } = txInfo
+  const date = formatWithSchema(executionInfo.submittedAt, 'MMM d yyyy')
+  const time = formatWithSchema(executionInfo.submittedAt, 'hh:mm a')
+
+  const sellTokenValue = formatValue(fromAmount, fromToken.decimals)
+  const buyTokenValue = formatValue(toAmount, toToken.decimals)
+
+  return (
+    <SwapHeader
+      date={date}
+      time={time}
+      fromToken={fromToken}
+      toToken={toToken}
+      fromAmount={sellTokenValue}
+      toAmount={buyTokenValue}
+      fromLabel="Sell"
+      toLabel="For"
+    />
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/LifiSwapTransaction/LifiSwapTransaction.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/LifiSwapTransaction/LifiSwapTransaction.tsx
new file mode 100644
index 000000000..099643581
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/LifiSwapTransaction/LifiSwapTransaction.tsx
@@ -0,0 +1,74 @@
+import React, { useMemo } from 'react'
+import { YStack, Text } from 'tamagui'
+import { ListTable } from '../../ListTable'
+import { MultisigExecutionDetails, SwapTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { formatUnits } from 'ethers'
+import { EthAddress } from '@/src/components/EthAddress'
+import { type ListTableItem } from '../../ListTable'
+import { LifiSwapHeader } from './LifiSwapHeader'
+import { ParametersButton } from '../../ParametersButton'
+import { formatAmount } from '@safe-global/utils/utils/formatNumber'
+
+interface LifiSwapTransactionProps {
+  txId: string
+  executionInfo: MultisigExecutionDetails
+  txInfo: SwapTransactionInfo
+}
+
+export function LifiSwapTransaction({ txId, executionInfo, txInfo }: LifiSwapTransactionProps) {
+  const lifiSwapItems = useMemo(() => {
+    const items: ListTableItem[] = []
+
+    // Exchange rate
+    const fromAmountDecimals = formatUnits(txInfo.fromAmount, txInfo.fromToken.decimals)
+    const toAmountDecimals = formatUnits(txInfo.toAmount, txInfo.toToken.decimals)
+    const exchangeRate = Number(toAmountDecimals) / Number(fromAmountDecimals)
+
+    items.push({
+      label: 'Price',
+      render: () => (
+        <Text>
+          1 {txInfo.fromToken.symbol} = {formatAmount(exchangeRate)} {txInfo.toToken.symbol}
+        </Text>
+      ),
+    })
+
+    // Receiver
+    items.push({
+      label: 'Receiver',
+      render: () => (
+        <EthAddress
+          address={txInfo.recipient.value as `0x${string}`}
+          copy
+          copyProps={{ color: '$textSecondaryLight' }}
+        />
+      ),
+    })
+
+    // Fees
+    const totalFee = formatUnits(
+      BigInt(txInfo.fees?.integratorFee ?? 0n) + BigInt(txInfo.fees?.lifiFee ?? 0n),
+      txInfo.fromToken.decimals,
+    )
+
+    items.push({
+      label: 'Fees',
+      render: () => (
+        <Text>
+          {Number(totalFee).toFixed(6)} {txInfo.fromToken.symbol}
+        </Text>
+      ),
+    })
+
+    return items
+  }, [txInfo])
+
+  return (
+    <YStack gap="$4">
+      <LifiSwapHeader txInfo={txInfo} executionInfo={executionInfo} />
+      <ListTable items={lifiSwapItems}>
+        <ParametersButton txId={txId} />
+      </ListTable>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/LifiSwapTransaction/index.ts b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/LifiSwapTransaction/index.ts
new file mode 100644
index 000000000..0d37d4c7a
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/LifiSwapTransaction/index.ts
@@ -0,0 +1 @@
+export { LifiSwapTransaction } from './LifiSwapTransaction'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/RemoveSigner/RemoveSigner.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/RemoveSigner/RemoveSigner.tsx
new file mode 100644
index 000000000..ac640ebd2
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/RemoveSigner/RemoveSigner.tsx
@@ -0,0 +1,51 @@
+import React, { useMemo } from 'react'
+import { YStack } from 'tamagui'
+import { MultisigExecutionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { useAppSelector } from '@/src/store/hooks'
+import { RootState } from '@/src/store'
+import { selectChainById } from '@/src/store/chains'
+
+import { formatRemoveSignerItems } from './utils'
+
+import { TransactionHeader } from '../../TransactionHeader'
+import { ListTable } from '../../ListTable'
+import { getSignerName } from '../AddSigner/utils'
+import { ParametersButton } from '../../ParametersButton'
+import { NormalizedSettingsChangeTransaction } from '../../ConfirmationView/types'
+import { useOpenExplorer } from '@/src/features/ConfirmTx/hooks/useOpenExplorer'
+
+interface RemoveSignerProps {
+  txInfo: NormalizedSettingsChangeTransaction
+  executionInfo: MultisigExecutionDetails
+  txId: string
+}
+
+export function RemoveSigner({ txInfo, executionInfo, txId }: RemoveSignerProps) {
+  const activeSafe = useDefinedActiveSafe()
+  const activeChain = useAppSelector((state: RootState) => selectChainById(state, activeSafe.chainId))
+  const viewOnExplorer = useOpenExplorer(txInfo.settingsInfo?.owner?.value)
+
+  const items = useMemo(
+    () => formatRemoveSignerItems(txInfo, activeChain, viewOnExplorer),
+    [txInfo, activeChain, viewOnExplorer],
+  )
+  const newRemovedSigners = getSignerName(txInfo)
+
+  return (
+    <YStack gap="$4">
+      <TransactionHeader
+        submittedAt={executionInfo.submittedAt}
+        logo={txInfo.settingsInfo?.owner?.value}
+        isIdenticon
+        badgeIcon="transaction-contract"
+        badgeColor="$textSecondaryLight"
+        title={newRemovedSigners}
+      />
+
+      <ListTable items={items}>
+        <ParametersButton txId={txId} />
+      </ListTable>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/RemoveSigner/index.ts b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/RemoveSigner/index.ts
new file mode 100644
index 000000000..f947dbe39
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/RemoveSigner/index.ts
@@ -0,0 +1 @@
+export { RemoveSigner } from './RemoveSigner'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/RemoveSigner/utils.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/RemoveSigner/utils.tsx
new file mode 100644
index 000000000..273652269
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/RemoveSigner/utils.tsx
@@ -0,0 +1,44 @@
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Logo } from '@/src/components/Logo'
+import { Text, View } from 'tamagui'
+
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { Identicon } from '@/src/components/Identicon'
+import { getSignerName } from '../AddSigner/utils'
+
+import { NormalizedSettingsChangeTransaction } from '../../ConfirmationView/types'
+import { CopyButton } from '@/src/components/CopyButton'
+import { TouchableOpacity } from 'react-native'
+
+export const formatRemoveSignerItems = (
+  txInfo: NormalizedSettingsChangeTransaction,
+  chain: Chain,
+  viewOnExplorer: () => void,
+) => {
+  const newRemovedSigners = getSignerName(txInfo)
+
+  return [
+    {
+      label: 'Removed signer',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$2">
+          <Identicon address={txInfo.settingsInfo?.owner?.value} size={24} />
+          <Text fontSize="$4">{newRemovedSigners}</Text>
+          <CopyButton value={txInfo.settingsInfo?.owner?.value} color={'$textSecondaryLight'} />
+          <TouchableOpacity onPress={viewOnExplorer}>
+            <SafeFontIcon name="external-link" size={14} color="$textSecondaryLight" />
+          </TouchableOpacity>
+        </View>
+      ),
+    },
+    {
+      label: 'Network',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$2">
+          <Logo logoUri={chain.chainLogoUri} size="$6" />
+          <Text fontSize="$4">{chain.chainName}</Text>
+        </View>
+      ),
+    },
+  ]
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SendNFT/SendNFT.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SendNFT/SendNFT.tsx
new file mode 100644
index 000000000..a761fc982
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SendNFT/SendNFT.tsx
@@ -0,0 +1,48 @@
+import React, { useMemo } from 'react'
+import { YStack } from 'tamagui'
+import { TransactionHeader } from '../../TransactionHeader'
+import { ListTable } from '../../ListTable'
+import { formatSendNFTItems } from './utils'
+import { TransferTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { MultisigExecutionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useTokenDetails } from '@/src/hooks/useTokenDetails/useTokenDetails'
+import { RootState } from '@/src/store'
+import { useAppSelector } from '@/src/store/hooks'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { selectChainById } from '@/src/store/chains'
+import { useOpenExplorer } from '@/src/features/ConfirmTx/hooks/useOpenExplorer'
+import { ParametersButton } from '../../ParametersButton'
+
+interface SendNFTProps {
+  txId: string
+  txInfo: TransferTransactionInfo
+  executionInfo: MultisigExecutionDetails
+}
+
+export function SendNFT({ txId, txInfo, executionInfo }: SendNFTProps) {
+  const activeSafe = useDefinedActiveSafe()
+  const activeChain = useAppSelector((state: RootState) => selectChainById(state, activeSafe.chainId))
+  const viewOnExplorer = useOpenExplorer(txInfo.recipient.value)
+
+  const items = useMemo(
+    () => formatSendNFTItems(txInfo, activeChain, viewOnExplorer),
+    [txInfo, activeChain, viewOnExplorer],
+  )
+  const { value, tokenSymbol } = useTokenDetails(txInfo)
+
+  return (
+    <YStack gap="$4">
+      <TransactionHeader
+        badgeIcon="transaction-outgoing"
+        badgeColor="$error"
+        badgeThemeName="badge_error"
+        title={`${value} ${tokenSymbol}`}
+        submittedAt={executionInfo.submittedAt}
+      />
+
+      <ListTable items={items}>
+        <ParametersButton txId={txId} />
+      </ListTable>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SendNFT/index.ts b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SendNFT/index.ts
new file mode 100644
index 000000000..0fc6614f6
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SendNFT/index.ts
@@ -0,0 +1 @@
+export { SendNFT } from './SendNFT'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SendNFT/utils.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SendNFT/utils.tsx
new file mode 100644
index 000000000..8a04cf6f5
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SendNFT/utils.tsx
@@ -0,0 +1,40 @@
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Logo } from '@/src/components/Logo'
+import { TransferTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+import { ellipsis } from '@/src/utils/formatters'
+import { Text, View } from 'tamagui'
+import { Address } from '@/src/types/address'
+import { Identicon } from '@/src/components/Identicon'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { shortenAddress } from '@safe-global/utils/utils/formatters'
+import { TouchableOpacity } from 'react-native'
+
+export const formatSendNFTItems = (txInfo: TransferTransactionInfo, chain: Chain, viewOnExplorer: () => void) => {
+  return [
+    {
+      label: 'New signer',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$2">
+          <Identicon address={txInfo.recipient.value as Address} size={24} />
+          <Text fontSize="$4">
+            {txInfo.recipient.name ? ellipsis(txInfo.recipient.name, 18) : shortenAddress(txInfo.recipient.value)}
+          </Text>
+          <SafeFontIcon name="copy" size={14} color="$textSecondaryLight" />
+          <TouchableOpacity onPress={viewOnExplorer}>
+            <SafeFontIcon name="external-link" size={14} color="$textSecondaryLight" />
+          </TouchableOpacity>
+        </View>
+      ),
+    },
+    {
+      label: 'Network',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$2">
+          <Logo logoUri={chain.chainLogoUri} size="$6" />
+          <Text fontSize="$4">{chain.chainName}</Text>
+        </View>
+      ),
+    },
+  ]
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Deposit/Deposit.stories.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Deposit/Deposit.stories.tsx
new file mode 100644
index 000000000..81ce0a465
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Deposit/Deposit.stories.tsx
@@ -0,0 +1,113 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { StakingDeposit } from './Deposit'
+import {
+  NativeStakingDepositTransactionInfo,
+  MultisigExecutionDetails,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+// Mock data for NativeStakingDepositTransactionInfo
+const mockStakingDepositInfo: NativeStakingDepositTransactionInfo = {
+  type: 'NativeStakingDeposit',
+  humanDescription: 'Deposit ETH for staking',
+  status: 'ACTIVE',
+  estimatedEntryTime: 86400000, // 1 day in milliseconds
+  estimatedExitTime: 30 * 86400000, // 30 days in milliseconds
+  estimatedWithdrawalTime: 32 * 86400000, // 32 days in milliseconds
+  fee: 0.0127, // 1.27% fee
+  monthlyNrr: 4.2, // 4.2% monthly return
+  annualNrr: 5.04, // 5.04% annual return
+  value: '32000000000000000000', // 32 ETH in wei
+  numValidators: 1,
+  expectedAnnualReward: '1612800000000000000', // ~1.6 ETH
+  expectedMonthlyReward: '134400000000000000', // ~0.13 ETH
+  expectedFiatAnnualReward: 4838.4, // ~$4,838 assuming 1 ETH = $3000
+  expectedFiatMonthlyReward: 403.2, // ~$403
+  tokenInfo: {
+    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
+    decimals: 18,
+    logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+    name: 'Ethereum',
+    symbol: 'ETH',
+    trusted: true,
+  },
+  validators: ['0x123...abc'],
+}
+
+const mockExecutionInfo: MultisigExecutionDetails = {
+  type: 'MULTISIG',
+  nonce: 42,
+  safeTxGas: '0',
+  baseGas: '0',
+  gasPrice: '0',
+  gasToken: '0x0000000000000000000000000000000000000000',
+  refundReceiver: {
+    value: '0x0000000000000000000000000000000000000000',
+    name: null,
+    logoUri: null,
+  },
+  safeTxHash: '0x123abc456def',
+  submittedAt: Date.now() - 3600000, // 1 hour ago
+  signers: [
+    {
+      value: '0x1234567890abcdef1234567890abcdef12345678',
+      name: 'Alice',
+      logoUri: null,
+    },
+    {
+      value: '0xabcdef1234567890abcdef1234567890abcdef12',
+      name: 'Bob',
+      logoUri: null,
+    },
+  ],
+  confirmationsRequired: 2,
+  confirmations: [
+    {
+      signer: {
+        value: '0x1234567890abcdef1234567890abcdef12345678',
+        name: 'Alice',
+        logoUri: null,
+      },
+      signature: null,
+      submittedAt: Date.now() - 3600000,
+    },
+  ],
+  rejectors: [],
+  executor: null,
+  gasTokenInfo: null,
+  trusted: true,
+}
+
+const meta: Meta<typeof StakingDeposit> = {
+  title: 'ConfirmTx/StakingDeposit',
+  component: StakingDeposit,
+  argTypes: {},
+  args: {
+    txInfo: mockStakingDepositInfo,
+    executionInfo: mockExecutionInfo,
+    txId: 'test-staking-tx-id',
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof StakingDeposit>
+
+export const Default: Story = {
+  args: {
+    txInfo: mockStakingDepositInfo,
+    executionInfo: mockExecutionInfo,
+    txId: 'test-staking-tx-id',
+  },
+}
+
+export const MultipleValidators: Story = {
+  args: {
+    txInfo: {
+      ...mockStakingDepositInfo,
+      numValidators: 3,
+      value: '96000000000000000000', // 96 ETH for 3 validators
+    },
+    executionInfo: mockExecutionInfo,
+    txId: 'test-staking-tx-multi',
+  },
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Deposit/Deposit.test.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Deposit/Deposit.test.tsx
new file mode 100644
index 000000000..1ab6519c0
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Deposit/Deposit.test.tsx
@@ -0,0 +1,81 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { StakingDeposit } from './Deposit'
+import {
+  NativeStakingDepositTransactionInfo,
+  MultisigExecutionDetails,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+const mockTxInfo: NativeStakingDepositTransactionInfo = {
+  type: 'NativeStakingDeposit',
+  humanDescription: 'Deposit tokens for staking',
+  status: 'ACTIVE',
+  estimatedEntryTime: 86400000, // 1 day in milliseconds
+  estimatedExitTime: 30 * 86400000, // 30 days in milliseconds
+  estimatedWithdrawalTime: 32 * 86400000, // 32 days in milliseconds
+  fee: 0.05, // 5% fee
+  monthlyNrr: 4.2,
+  annualNrr: 50.4,
+  value: '32000000000000000000', // 32 ETH in wei
+  numValidators: 1,
+  expectedAnnualReward: '1612800000000000000',
+  expectedMonthlyReward: '134400000000000000',
+  expectedFiatAnnualReward: 4838.4,
+  expectedFiatMonthlyReward: 403.2,
+  tokenInfo: {
+    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
+    decimals: 18,
+    logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+    name: 'Ethereum',
+    symbol: 'ETH',
+    trusted: true,
+  },
+  validators: ['0x123...abc'],
+}
+
+const mockExecutionInfo: MultisigExecutionDetails = {
+  type: 'MULTISIG',
+  submittedAt: 1234567890,
+  nonce: 1,
+  safeTxGas: '0',
+  baseGas: '0',
+  gasPrice: '0',
+  gasToken: '0x0000000000000000000000000000000000000000',
+  refundReceiver: {
+    value: '0x0000000000000000000000000000000000000000',
+  },
+  safeTxHash: '0x123',
+  signers: [],
+  confirmationsRequired: 2,
+  confirmations: [],
+  rejectors: [],
+  trusted: true,
+}
+
+const mockProps = {
+  txInfo: mockTxInfo,
+  executionInfo: mockExecutionInfo,
+  txId: 'test-tx-id',
+}
+
+describe('StakingDeposit', () => {
+  it('renders correctly with deposit information', () => {
+    const { getByText } = render(<StakingDeposit {...mockProps} />)
+
+    expect(getByText(/32.*ETH/)).toBeTruthy()
+    expect(getByText('Rewards rate')).toBeTruthy()
+    expect(getByText('50.400%')).toBeTruthy()
+    expect(getByText('Widget fee')).toBeTruthy()
+    expect(getByText('5.00%')).toBeTruthy()
+    expect(getByText('Validator')).toBeTruthy()
+    expect(getByText('1')).toBeTruthy()
+    expect(getByText('Activation time')).toBeTruthy()
+    expect(getByText('Rewards')).toBeTruthy()
+    expect(getByText('Approx. every 5 days after activation')).toBeTruthy()
+  })
+
+  it('matches snapshot', () => {
+    const component = render(<StakingDeposit {...mockProps} />)
+    expect(component).toMatchSnapshot()
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Deposit/Deposit.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Deposit/Deposit.tsx
new file mode 100644
index 000000000..862b46926
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Deposit/Deposit.tsx
@@ -0,0 +1,53 @@
+import React, { useMemo } from 'react'
+import { ListTable } from '../../../ListTable'
+import { formatStakingDepositItems, formatStakingValidatorItems } from '../utils'
+import { YStack, Text, XStack } from 'tamagui'
+import { TransactionHeader } from '../../../TransactionHeader'
+import {
+  MultisigExecutionDetails,
+  NativeStakingDepositTransactionInfo,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TokenAmount } from '@/src/components/TokenAmount'
+import { ParametersButton } from '../../../ParametersButton'
+
+interface StakingDepositProps {
+  txInfo: NativeStakingDepositTransactionInfo
+  executionInfo: MultisigExecutionDetails
+  txId: string
+}
+
+export function StakingDeposit({ txInfo, executionInfo, txId }: StakingDepositProps) {
+  const items = useMemo(() => formatStakingDepositItems(txInfo), [txInfo])
+  const validatorItems = useMemo(() => formatStakingValidatorItems(txInfo), [txInfo])
+
+  return (
+    <YStack gap="$4">
+      <TransactionHeader
+        logo={txInfo.tokenInfo.logoUri ?? undefined}
+        badgeIcon="transaction-stake"
+        badgeColor="$textSecondaryLight"
+        title={
+          <XStack gap="$1">
+            <TokenAmount
+              value={txInfo.value}
+              tokenSymbol={txInfo.tokenInfo.symbol}
+              decimals={txInfo.tokenInfo.decimals}
+            />
+          </XStack>
+        }
+        submittedAt={executionInfo.submittedAt}
+      />
+
+      <ListTable items={items}>
+        <ParametersButton txId={txId} />
+      </ListTable>
+
+      <ListTable items={validatorItems}>
+        <Text fontSize="$3" color="$textSecondaryLight" marginTop="$2">
+          Earn ETH rewards with dedicated validators. Rewards must be withdrawn manually, and you can request a
+          withdrawal at any time.
+        </Text>
+      </ListTable>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Deposit/__snapshots__/Deposit.test.tsx.snap b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Deposit/__snapshots__/Deposit.test.tsx.snap
new file mode 100644
index 000000000..faf688358
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Deposit/__snapshots__/Deposit.test.tsx.snap
@@ -0,0 +1,697 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StakingDeposit matches snapshot 1`] = `
+<View>
+  <View
+    style={
+      {
+        "flexDirection": "column",
+        "gap": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+          "marginTop": 16,
+          "position": "relative",
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "width": 40,
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "position": "absolute",
+              "right": -10,
+              "top": -10,
+              "zIndex": 1,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "backgroundColor": "#DDDEE0",
+                "borderBottomColor": "#EEEFF0",
+                "borderBottomLeftRadius": 100000,
+                "borderBottomRightRadius": 100000,
+                "borderBottomWidth": 1,
+                "borderLeftColor": "#EEEFF0",
+                "borderLeftWidth": 1,
+                "borderRightColor": "#EEEFF0",
+                "borderRightWidth": 1,
+                "borderStyle": "solid",
+                "borderTopColor": "#EEEFF0",
+                "borderTopLeftRadius": 100000,
+                "borderTopRightRadius": 100000,
+                "borderTopWidth": 1,
+                "flexDirection": "column",
+                "height": 24,
+                "justifyContent": "center",
+                "maxHeight": 24,
+                "maxWidth": 24,
+                "minHeight": 24,
+                "minWidth": 24,
+                "paddingBottom": 0,
+                "paddingLeft": 0,
+                "paddingRight": 0,
+                "paddingTop": 0,
+                "width": 24,
+              }
+            }
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#A1A3A7",
+                    "fontSize": 12,
+                  },
+                  undefined,
+                  {
+                    "fontFamily": "SafeIcons",
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
+                  },
+                  {},
+                ]
+              }
+            >
+              
+            </Text>
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "borderBottomLeftRadius": 100000,
+              "borderBottomRightRadius": 100000,
+              "borderTopLeftRadius": 100000,
+              "borderTopRightRadius": 100000,
+              "flexDirection": "column",
+              "height": 40,
+              "justifyContent": "center",
+              "maxHeight": 40,
+              "maxWidth": 40,
+              "minHeight": 40,
+              "minWidth": 40,
+              "overflow": "hidden",
+              "paddingBottom": 0,
+              "paddingLeft": 0,
+              "paddingRight": 0,
+              "paddingTop": 0,
+              "position": "relative",
+              "width": 40,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "bottom": 0,
+                "flexDirection": "column",
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+                "zIndex": 1,
+              }
+            }
+          >
+            <Image
+              fullscreen={true}
+              onError={[Function]}
+              onLoad={[Function]}
+              source={
+                {
+                  "uri": "https://safe-transaction-assets.safe.global/chains/1/chain_logo.png",
+                }
+              }
+              style={
+                {
+                  "backgroundColor": "#121312",
+                  "height": 40,
+                  "width": 40,
+                }
+              }
+              testID="logo-image"
+            />
+          </View>
+          <View
+            style={
+              {
+                "backgroundColor": "#EEEFF0",
+                "bottom": 0,
+                "flexDirection": "column",
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+                "zIndex": 0,
+              }
+            }
+          >
+            <View
+              style={
+                {
+                  "alignItems": "center",
+                  "backgroundColor": "#EEEFF0",
+                  "borderBottomLeftRadius": 0,
+                  "borderBottomRightRadius": 0,
+                  "borderTopLeftRadius": 0,
+                  "borderTopRightRadius": 0,
+                  "display": "flex",
+                  "height": 40,
+                  "justifyContent": "center",
+                  "width": 40,
+                }
+              }
+            >
+              <Text
+                allowFontScaling={false}
+                selectable={false}
+                style={
+                  [
+                    {
+                      "color": "#A1A3A7",
+                      "fontSize": 16,
+                    },
+                    undefined,
+                    {
+                      "fontFamily": "SafeIcons",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="logo-fallback-icon"
+              >
+                
+              </Text>
+            </View>
+          </View>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "gap": 8,
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "flexDirection": "row",
+              "gap": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "color": "#121312",
+                "fontFamily": "DMSans-Bold",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            32
+             
+            ETH
+          </Text>
+        </View>
+        <Text
+          style={
+            {
+              "color": "#A1A3A7",
+              "fontFamily": "DM Sans",
+              "fontSize": 12,
+              "lineHeight": 16,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          15 Jan 1970
+          , 
+          06:56 AM
+        </Text>
+      </View>
+    </View>
+    <View
+      style={
+        {
+          "backgroundColor": "#FFFFFF",
+          "borderBottomLeftRadius": 7,
+          "borderBottomRightRadius": 7,
+          "borderTopLeftRadius": 7,
+          "borderTopRightRadius": 7,
+          "flexDirection": "column",
+          "gap": 20,
+          "paddingBottom": 16,
+          "paddingLeft": 16,
+          "paddingRight": 16,
+          "paddingTop": 16,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "flexWrap": "wrap",
+            "gap": 8,
+            "justifyContent": "space-between",
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "color": "#A1A3A7",
+              "flex": 1,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Rewards rate
+        </Text>
+        <Text
+          style={
+            {
+              "color": "#121312",
+              "flex": 2,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+              "textAlign": "right",
+            }
+          }
+          suppressHighlighting={true}
+        >
+          50.400%
+        </Text>
+      </View>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "flexWrap": "wrap",
+            "gap": 8,
+            "justifyContent": "space-between",
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "color": "#A1A3A7",
+              "flex": 1,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Net annual rewards
+        </Text>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
+              "gap": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "color": "#121312",
+                "fontFamily": "DM Sans",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            1.6128
+             
+            ETH
+          </Text>
+          <Text
+            style={
+              {
+                "color": "#A1A3A7",
+                "fontFamily": "DM Sans",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            (
+            $ 4,838
+            )
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "flexWrap": "wrap",
+            "gap": 8,
+            "justifyContent": "space-between",
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "color": "#A1A3A7",
+              "flex": 1,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Net monthly rewards
+        </Text>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
+              "gap": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "color": "#121312",
+                "fontFamily": "DM Sans",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            0.1344
+             
+            ETH
+          </Text>
+          <Text
+            style={
+              {
+                "color": "#A1A3A7",
+                "fontFamily": "DM Sans",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            (
+            $ 403
+            )
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "flexWrap": "wrap",
+            "gap": 8,
+            "justifyContent": "space-between",
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "color": "#A1A3A7",
+              "flex": 1,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Widget fee
+        </Text>
+        <Text
+          style={
+            {
+              "color": "#121312",
+              "flex": 2,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+              "textAlign": "right",
+            }
+          }
+          suppressHighlighting={true}
+        >
+          5.00%
+        </Text>
+      </View>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "height": 40,
+          }
+        }
+      >
+        <View
+          focusVisibleStyle={{}}
+          focusable={true}
+          onBlur={[Function]}
+          onClick={[Function]}
+          onFocus={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
+          role="button"
+          style={
+            {
+              "alignItems": "center",
+              "backgroundColor": "#DCDEE0",
+              "borderBottomColor": "transparent",
+              "borderBottomLeftRadius": 8,
+              "borderBottomRightRadius": 8,
+              "borderBottomWidth": 0,
+              "borderLeftColor": "transparent",
+              "borderLeftWidth": 0,
+              "borderRightColor": "transparent",
+              "borderRightWidth": 0,
+              "borderStyle": "solid",
+              "borderTopColor": "transparent",
+              "borderTopLeftRadius": 8,
+              "borderTopRightRadius": 8,
+              "borderTopWidth": 0,
+              "bottom": 0,
+              "flexDirection": "row",
+              "flexWrap": "nowrap",
+              "fontWeight": "700",
+              "height": 36,
+              "justifyContent": "center",
+              "left": 0,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "position": "absolute",
+              "right": 0,
+              "top": 0,
+            }
+          }
+        >
+          <Text
+            lineBreakMode="clip"
+            numberOfLines={1}
+            style={
+              {
+                "color": "#121312",
+                "flexGrow": 0,
+                "flexShrink": 1,
+                "fontFamily": "DMSans-Bold",
+                "fontSize": 14,
+                "letterSpacing": 0,
+                "lineHeight": 15.400000000000002,
+                "userSelect": "none",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Transaction details
+          </Text>
+        </View>
+      </View>
+    </View>
+    <View
+      style={
+        {
+          "backgroundColor": "#FFFFFF",
+          "borderBottomLeftRadius": 7,
+          "borderBottomRightRadius": 7,
+          "borderTopLeftRadius": 7,
+          "borderTopRightRadius": 7,
+          "flexDirection": "column",
+          "gap": 20,
+          "paddingBottom": 16,
+          "paddingLeft": 16,
+          "paddingRight": 16,
+          "paddingTop": 16,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "flexWrap": "wrap",
+            "gap": 8,
+            "justifyContent": "space-between",
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "color": "#A1A3A7",
+              "flex": 1,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Validator
+        </Text>
+        <Text
+          style={
+            {
+              "color": "#121312",
+              "flex": 2,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+              "textAlign": "right",
+            }
+          }
+          suppressHighlighting={true}
+        >
+          1
+        </Text>
+      </View>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "flexWrap": "wrap",
+            "gap": 8,
+            "justifyContent": "space-between",
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "color": "#A1A3A7",
+              "flex": 1,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Activation time
+        </Text>
+        <Text
+          style={
+            {
+              "color": "#121312",
+              "flex": 2,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+              "textAlign": "right",
+            }
+          }
+          suppressHighlighting={true}
+        />
+      </View>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "flexWrap": "wrap",
+            "gap": 8,
+            "justifyContent": "space-between",
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "color": "#A1A3A7",
+              "flex": 1,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Rewards
+        </Text>
+        <Text
+          style={
+            {
+              "color": "#121312",
+              "flex": 2,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+              "textAlign": "right",
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Approx. every 5 days after activation
+        </Text>
+      </View>
+      <Text
+        style={
+          {
+            "color": "#A1A3A7",
+            "fontFamily": "DM Sans",
+            "fontSize": 13,
+            "marginTop": 8,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        Earn ETH rewards with dedicated validators. Rewards must be withdrawn manually, and you can request a withdrawal at any time.
+      </Text>
+    </View>
+  </View>
+</View>
+`;
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Deposit/index.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Deposit/index.tsx
new file mode 100644
index 000000000..9af0a0592
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Deposit/index.tsx
@@ -0,0 +1 @@
+export { StakingDeposit } from './Deposit'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Exit/Exit.stories.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Exit/Exit.stories.tsx
new file mode 100644
index 000000000..2cb540058
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Exit/Exit.stories.tsx
@@ -0,0 +1,79 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { StakingExit } from './Exit'
+import {
+  NativeStakingWithdrawTransactionInfo,
+  MultisigExecutionDetails,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+// Mock data for NativeStakingWithdrawTransactionInfo
+const mockExitInfo: NativeStakingWithdrawTransactionInfo = {
+  type: 'NativeStakingWithdraw',
+  humanDescription: 'Exit staked tokens',
+  value: '32000000000000000000', // 32 ETH in wei
+  tokenInfo: {
+    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
+    decimals: 18,
+    logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+    name: 'Ethereum',
+    symbol: 'ETH',
+    trusted: true,
+  },
+  validators: ['0x123...abc'],
+}
+
+const mockExecutionInfo: MultisigExecutionDetails = {
+  type: 'MULTISIG',
+  nonce: 42,
+  safeTxGas: '0',
+  baseGas: '0',
+  gasPrice: '0',
+  gasToken: '0x0000000000000000000000000000000000000000',
+  refundReceiver: {
+    value: '0x0000000000000000000000000000000000000000',
+    name: null,
+    logoUri: null,
+  },
+  safeTxHash: '0x123abc456def',
+  submittedAt: Date.now() - 3600000, // 1 hour ago
+  signers: [],
+  confirmationsRequired: 2,
+  confirmations: [],
+  rejectors: [],
+  executor: null,
+  gasTokenInfo: null,
+  trusted: true,
+}
+
+const meta: Meta<typeof StakingExit> = {
+  title: 'ConfirmTx/StakingExit',
+  component: StakingExit,
+  argTypes: {},
+  args: {
+    txInfo: mockExitInfo,
+    executionInfo: mockExecutionInfo,
+    txId: 'test-exit-tx-id',
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof StakingExit>
+
+export const Default: Story = {
+  args: {
+    txInfo: mockExitInfo,
+    executionInfo: mockExecutionInfo,
+    txId: 'test-exit-tx-id',
+  },
+}
+
+export const LargeAmount: Story = {
+  args: {
+    txInfo: {
+      ...mockExitInfo,
+      value: '100000000000000000000', // 100 ETH
+    },
+    executionInfo: mockExecutionInfo,
+    txId: 'test-exit-large-tx-id',
+  },
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Exit/Exit.test.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Exit/Exit.test.tsx
new file mode 100644
index 000000000..ab1d03848
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Exit/Exit.test.tsx
@@ -0,0 +1,61 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { StakingExit } from './Exit'
+import {
+  NativeStakingWithdrawTransactionInfo,
+  MultisigExecutionDetails,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+const mockExitTxInfo: NativeStakingWithdrawTransactionInfo = {
+  type: 'NativeStakingWithdraw',
+  humanDescription: 'Exit staked tokens',
+  value: '32000000000000000000', // 32 ETH in wei
+  tokenInfo: {
+    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
+    decimals: 18,
+    logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+    name: 'Ethereum',
+    symbol: 'ETH',
+    trusted: true,
+  },
+  validators: ['0x123...abc'],
+}
+
+const mockExecutionInfo: MultisigExecutionDetails = {
+  type: 'MULTISIG',
+  submittedAt: 1234567890,
+  nonce: 1,
+  safeTxGas: '0',
+  baseGas: '0',
+  gasPrice: '0',
+  gasToken: '0x0000000000000000000000000000000000000000',
+  refundReceiver: {
+    value: '0x0000000000000000000000000000000000000000',
+  },
+  safeTxHash: '0x123',
+  signers: [],
+  confirmationsRequired: 2,
+  confirmations: [],
+  rejectors: [],
+  trusted: true,
+}
+
+const mockProps = {
+  txInfo: mockExitTxInfo,
+  executionInfo: mockExecutionInfo,
+  txId: 'test-tx-id',
+}
+
+describe('StakingExit', () => {
+  it('renders correctly with exit information', () => {
+    const { getByText, getAllByText } = render(<StakingExit {...mockProps} />)
+
+    expect(getAllByText(/32.*ETH/)).toHaveLength(2) // TokenAmount in header and receive row
+    expect(getByText('Receive')).toBeTruthy() // Receive label
+  })
+
+  it('matches snapshot', () => {
+    const component = render(<StakingExit {...mockProps} />)
+    expect(component).toMatchSnapshot()
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Exit/Exit.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Exit/Exit.tsx
new file mode 100644
index 000000000..229f020f4
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Exit/Exit.tsx
@@ -0,0 +1,56 @@
+import React from 'react'
+import { ListTable } from '../../../ListTable'
+import { YStack, XStack } from 'tamagui'
+import { TransactionHeader } from '../../../TransactionHeader'
+import {
+  MultisigExecutionDetails,
+  NativeStakingWithdrawTransactionInfo,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TokenAmount } from '@/src/components/TokenAmount'
+import { ParametersButton } from '../../../ParametersButton'
+
+interface StakingExitProps {
+  txInfo: NativeStakingWithdrawTransactionInfo
+  executionInfo: MultisigExecutionDetails
+  txId: string
+}
+
+export function StakingExit({ txInfo, executionInfo, txId }: StakingExitProps) {
+  const receiveItems = [
+    {
+      label: 'Receive',
+      render: () => (
+        <TokenAmount
+          value={txInfo.value}
+          tokenSymbol={txInfo.tokenInfo.symbol}
+          decimals={txInfo.tokenInfo.decimals}
+          textProps={{ fontWeight: 600 }}
+        />
+      ),
+    },
+  ]
+
+  return (
+    <YStack gap="$4">
+      <TransactionHeader
+        logo={txInfo.tokenInfo.logoUri ?? undefined}
+        badgeIcon="transaction-stake"
+        badgeColor="$textSecondaryLight"
+        title={
+          <XStack gap="$1">
+            <TokenAmount
+              value={txInfo.value}
+              tokenSymbol={txInfo.tokenInfo.symbol}
+              decimals={txInfo.tokenInfo.decimals}
+            />
+          </XStack>
+        }
+        submittedAt={executionInfo.submittedAt}
+      />
+
+      <ListTable items={receiveItems}>
+        <ParametersButton txId={txId} />
+      </ListTable>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Exit/__snapshots__/Exit.test.tsx.snap b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Exit/__snapshots__/Exit.test.tsx.snap
new file mode 100644
index 000000000..33f981b78
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Exit/__snapshots__/Exit.test.tsx.snap
@@ -0,0 +1,389 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StakingExit matches snapshot 1`] = `
+<View>
+  <View
+    style={
+      {
+        "flexDirection": "column",
+        "gap": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+          "marginTop": 16,
+          "position": "relative",
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "width": 40,
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "position": "absolute",
+              "right": -10,
+              "top": -10,
+              "zIndex": 1,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "backgroundColor": "#DDDEE0",
+                "borderBottomColor": "#EEEFF0",
+                "borderBottomLeftRadius": 100000,
+                "borderBottomRightRadius": 100000,
+                "borderBottomWidth": 1,
+                "borderLeftColor": "#EEEFF0",
+                "borderLeftWidth": 1,
+                "borderRightColor": "#EEEFF0",
+                "borderRightWidth": 1,
+                "borderStyle": "solid",
+                "borderTopColor": "#EEEFF0",
+                "borderTopLeftRadius": 100000,
+                "borderTopRightRadius": 100000,
+                "borderTopWidth": 1,
+                "flexDirection": "column",
+                "height": 24,
+                "justifyContent": "center",
+                "maxHeight": 24,
+                "maxWidth": 24,
+                "minHeight": 24,
+                "minWidth": 24,
+                "paddingBottom": 0,
+                "paddingLeft": 0,
+                "paddingRight": 0,
+                "paddingTop": 0,
+                "width": 24,
+              }
+            }
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#A1A3A7",
+                    "fontSize": 12,
+                  },
+                  undefined,
+                  {
+                    "fontFamily": "SafeIcons",
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
+                  },
+                  {},
+                ]
+              }
+            >
+              
+            </Text>
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "borderBottomLeftRadius": 100000,
+              "borderBottomRightRadius": 100000,
+              "borderTopLeftRadius": 100000,
+              "borderTopRightRadius": 100000,
+              "flexDirection": "column",
+              "height": 40,
+              "justifyContent": "center",
+              "maxHeight": 40,
+              "maxWidth": 40,
+              "minHeight": 40,
+              "minWidth": 40,
+              "overflow": "hidden",
+              "paddingBottom": 0,
+              "paddingLeft": 0,
+              "paddingRight": 0,
+              "paddingTop": 0,
+              "position": "relative",
+              "width": 40,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "bottom": 0,
+                "flexDirection": "column",
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+                "zIndex": 1,
+              }
+            }
+          >
+            <Image
+              fullscreen={true}
+              onError={[Function]}
+              onLoad={[Function]}
+              source={
+                {
+                  "uri": "https://safe-transaction-assets.safe.global/chains/1/chain_logo.png",
+                }
+              }
+              style={
+                {
+                  "backgroundColor": "#121312",
+                  "height": 40,
+                  "width": 40,
+                }
+              }
+              testID="logo-image"
+            />
+          </View>
+          <View
+            style={
+              {
+                "backgroundColor": "#EEEFF0",
+                "bottom": 0,
+                "flexDirection": "column",
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+                "zIndex": 0,
+              }
+            }
+          >
+            <View
+              style={
+                {
+                  "alignItems": "center",
+                  "backgroundColor": "#EEEFF0",
+                  "borderBottomLeftRadius": 0,
+                  "borderBottomRightRadius": 0,
+                  "borderTopLeftRadius": 0,
+                  "borderTopRightRadius": 0,
+                  "display": "flex",
+                  "height": 40,
+                  "justifyContent": "center",
+                  "width": 40,
+                }
+              }
+            >
+              <Text
+                allowFontScaling={false}
+                selectable={false}
+                style={
+                  [
+                    {
+                      "color": "#A1A3A7",
+                      "fontSize": 16,
+                    },
+                    undefined,
+                    {
+                      "fontFamily": "SafeIcons",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="logo-fallback-icon"
+              >
+                
+              </Text>
+            </View>
+          </View>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "gap": 8,
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "flexDirection": "row",
+              "gap": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "color": "#121312",
+                "fontFamily": "DMSans-Bold",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            32
+             
+            ETH
+          </Text>
+        </View>
+        <Text
+          style={
+            {
+              "color": "#A1A3A7",
+              "fontFamily": "DM Sans",
+              "fontSize": 12,
+              "lineHeight": 16,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          15 Jan 1970
+          , 
+          06:56 AM
+        </Text>
+      </View>
+    </View>
+    <View
+      style={
+        {
+          "backgroundColor": "#FFFFFF",
+          "borderBottomLeftRadius": 7,
+          "borderBottomRightRadius": 7,
+          "borderTopLeftRadius": 7,
+          "borderTopRightRadius": 7,
+          "flexDirection": "column",
+          "gap": 20,
+          "paddingBottom": 16,
+          "paddingLeft": 16,
+          "paddingRight": 16,
+          "paddingTop": 16,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "flexWrap": "wrap",
+            "gap": 8,
+            "justifyContent": "space-between",
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "color": "#A1A3A7",
+              "flex": 1,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Receive
+        </Text>
+        <Text
+          style={
+            {
+              "color": "#121312",
+              "fontFamily": "DMSans-SemiBold",
+            }
+          }
+          suppressHighlighting={true}
+        >
+          32
+           
+          ETH
+        </Text>
+      </View>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "height": 40,
+          }
+        }
+      >
+        <View
+          focusVisibleStyle={{}}
+          focusable={true}
+          onBlur={[Function]}
+          onClick={[Function]}
+          onFocus={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
+          role="button"
+          style={
+            {
+              "alignItems": "center",
+              "backgroundColor": "#DCDEE0",
+              "borderBottomColor": "transparent",
+              "borderBottomLeftRadius": 8,
+              "borderBottomRightRadius": 8,
+              "borderBottomWidth": 0,
+              "borderLeftColor": "transparent",
+              "borderLeftWidth": 0,
+              "borderRightColor": "transparent",
+              "borderRightWidth": 0,
+              "borderStyle": "solid",
+              "borderTopColor": "transparent",
+              "borderTopLeftRadius": 8,
+              "borderTopRightRadius": 8,
+              "borderTopWidth": 0,
+              "bottom": 0,
+              "flexDirection": "row",
+              "flexWrap": "nowrap",
+              "fontWeight": "700",
+              "height": 36,
+              "justifyContent": "center",
+              "left": 0,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "position": "absolute",
+              "right": 0,
+              "top": 0,
+            }
+          }
+        >
+          <Text
+            lineBreakMode="clip"
+            numberOfLines={1}
+            style={
+              {
+                "color": "#121312",
+                "flexGrow": 0,
+                "flexShrink": 1,
+                "fontFamily": "DMSans-Bold",
+                "fontSize": 14,
+                "letterSpacing": 0,
+                "lineHeight": 15.400000000000002,
+                "userSelect": "none",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Transaction details
+          </Text>
+        </View>
+      </View>
+    </View>
+  </View>
+</View>
+`;
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Exit/index.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Exit/index.tsx
new file mode 100644
index 000000000..65ea836d3
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/Exit/index.tsx
@@ -0,0 +1 @@
+export { StakingExit } from './Exit'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/WithdrawRequest/WithdrawRequest.stories.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/WithdrawRequest/WithdrawRequest.stories.tsx
new file mode 100644
index 000000000..862ec25ff
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/WithdrawRequest/WithdrawRequest.stories.tsx
@@ -0,0 +1,84 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { StakingWithdrawRequest } from './WithdrawRequest'
+import {
+  NativeStakingValidatorsExitTransactionInfo,
+  MultisigExecutionDetails,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+// Mock data for NativeStakingValidatorsExitTransactionInfo
+const mockWithdrawRequestInfo: NativeStakingValidatorsExitTransactionInfo = {
+  type: 'NativeStakingValidatorsExit',
+  humanDescription: 'Request withdrawal of staked tokens',
+  status: 'ACTIVE',
+  estimatedExitTime: 30 * 86400000, // 30 days in milliseconds
+  estimatedWithdrawalTime: 2 * 86400000, // 2 days in milliseconds
+  value: '32000000000000000000', // 32 ETH in wei
+  numValidators: 1,
+  tokenInfo: {
+    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
+    decimals: 18,
+    logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+    name: 'Ethereum',
+    symbol: 'ETH',
+    trusted: true,
+  },
+  validators: ['0x123...abc'],
+}
+
+const mockExecutionInfo: MultisigExecutionDetails = {
+  type: 'MULTISIG',
+  nonce: 42,
+  safeTxGas: '0',
+  baseGas: '0',
+  gasPrice: '0',
+  gasToken: '0x0000000000000000000000000000000000000000',
+  refundReceiver: {
+    value: '0x0000000000000000000000000000000000000000',
+    name: null,
+    logoUri: null,
+  },
+  safeTxHash: '0x123abc456def',
+  submittedAt: Date.now() - 3600000, // 1 hour ago
+  signers: [],
+  confirmationsRequired: 2,
+  confirmations: [],
+  rejectors: [],
+  executor: null,
+  gasTokenInfo: null,
+  trusted: true,
+}
+
+const meta: Meta<typeof StakingWithdrawRequest> = {
+  title: 'ConfirmTx/StakingWithdrawRequest',
+  component: StakingWithdrawRequest,
+  argTypes: {},
+  args: {
+    txInfo: mockWithdrawRequestInfo,
+    executionInfo: mockExecutionInfo,
+    txId: 'test-withdraw-request-tx-id',
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof StakingWithdrawRequest>
+
+export const Default: Story = {
+  args: {
+    txInfo: mockWithdrawRequestInfo,
+    executionInfo: mockExecutionInfo,
+    txId: 'test-withdraw-request-tx-id',
+  },
+}
+
+export const MultipleValidators: Story = {
+  args: {
+    txInfo: {
+      ...mockWithdrawRequestInfo,
+      numValidators: 5,
+      value: '160000000000000000000', // 160 ETH for 5 validators
+    },
+    executionInfo: mockExecutionInfo,
+    txId: 'test-withdraw-request-multi-tx-id',
+  },
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/WithdrawRequest/WithdrawRequest.test.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/WithdrawRequest/WithdrawRequest.test.tsx
new file mode 100644
index 000000000..c074a49e6
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/WithdrawRequest/WithdrawRequest.test.tsx
@@ -0,0 +1,86 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { StakingWithdrawRequest } from './WithdrawRequest'
+import {
+  NativeStakingValidatorsExitTransactionInfo,
+  MultisigExecutionDetails,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+const mockWithdrawRequestTxInfo: NativeStakingValidatorsExitTransactionInfo = {
+  type: 'NativeStakingValidatorsExit',
+  humanDescription: 'Request withdrawal of staked tokens',
+  status: 'ACTIVE',
+  estimatedExitTime: 30 * 86400000, // 30 days in milliseconds
+  estimatedWithdrawalTime: 2 * 86400000, // 2 days in milliseconds
+  value: '32000000000000000000', // 32 ETH in wei
+  numValidators: 1,
+  tokenInfo: {
+    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
+    decimals: 18,
+    logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+    name: 'Ethereum',
+    symbol: 'ETH',
+    trusted: true,
+  },
+  validators: ['0x123...abc'],
+}
+
+const mockExecutionInfo: MultisigExecutionDetails = {
+  type: 'MULTISIG',
+  submittedAt: 1234567890,
+  nonce: 1,
+  safeTxGas: '0',
+  baseGas: '0',
+  gasPrice: '0',
+  gasToken: '0x0000000000000000000000000000000000000000',
+  refundReceiver: {
+    value: '0x0000000000000000000000000000000000000000',
+  },
+  safeTxHash: '0x123',
+  signers: [],
+  confirmationsRequired: 2,
+  confirmations: [],
+  rejectors: [],
+  trusted: true,
+}
+
+const mockProps = {
+  txInfo: mockWithdrawRequestTxInfo,
+  executionInfo: mockExecutionInfo,
+  txId: 'test-tx-id',
+}
+
+describe('StakingWithdrawRequest', () => {
+  it('renders correctly with withdraw request information', () => {
+    const { getByText, getAllByText } = render(<StakingWithdrawRequest {...mockProps} />)
+
+    expect(getAllByText(/32.*ETH/)).toHaveLength(2) // TokenAmount in header and receive row
+    expect(getByText('Exit')).toBeTruthy() // Exit label
+    expect(getByText('1 Validator')).toBeTruthy() // Validator count
+    expect(getAllByText('Receive')).toHaveLength(2) // Receive label (header and table)
+    expect(getByText('Withdraw in')).toBeTruthy() // Withdraw in label
+    expect(getByText(/Up to/)).toBeTruthy() // Withdraw timing
+    expect(getByText(/withdrawal request/)).toBeTruthy() // Warning message
+    expect(getByText(/Dedicated Staking for ETH/)).toBeTruthy() // Description
+  })
+
+  it('renders multiple validators correctly', () => {
+    const multiValidatorProps = {
+      ...mockProps,
+      txInfo: {
+        ...mockWithdrawRequestTxInfo,
+        numValidators: 3,
+      },
+    }
+
+    const { getByText } = render(<StakingWithdrawRequest {...multiValidatorProps} />)
+
+    expect(getByText('Exit')).toBeTruthy()
+    expect(getByText('3 Validators')).toBeTruthy() // Multiple validators with plural form
+  })
+
+  it('matches snapshot', () => {
+    const component = render(<StakingWithdrawRequest {...mockProps} />)
+    expect(component).toMatchSnapshot()
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/WithdrawRequest/WithdrawRequest.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/WithdrawRequest/WithdrawRequest.tsx
new file mode 100644
index 000000000..011586162
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/WithdrawRequest/WithdrawRequest.tsx
@@ -0,0 +1,57 @@
+import React, { useMemo } from 'react'
+import { ListTable } from '../../../ListTable'
+import { formatStakingWithdrawRequestItems } from '../utils'
+import { YStack, Text, XStack } from 'tamagui'
+import { TransactionHeader } from '../../../TransactionHeader'
+import {
+  MultisigExecutionDetails,
+  NativeStakingValidatorsExitTransactionInfo,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TokenAmount } from '@/src/components/TokenAmount'
+import { ParametersButton } from '../../../ParametersButton'
+import { Alert2 } from '@/src/components/Alert2'
+
+interface StakingWithdrawRequestProps {
+  txInfo: NativeStakingValidatorsExitTransactionInfo
+  executionInfo: MultisigExecutionDetails
+  txId: string
+}
+
+export function StakingWithdrawRequest({ txInfo, executionInfo, txId }: StakingWithdrawRequestProps) {
+  const withdrawRequestItems = useMemo(() => formatStakingWithdrawRequestItems(txInfo), [txInfo])
+
+  return (
+    <YStack gap="$4">
+      <TransactionHeader
+        logo={txInfo.tokenInfo.logoUri ?? undefined}
+        badgeIcon="transaction-stake"
+        badgeColor="$textSecondaryLight"
+        title={
+          <XStack gap="$1">
+            <Text>Receive</Text>
+            <TokenAmount
+              value={txInfo.value}
+              tokenSymbol={txInfo.tokenInfo.symbol}
+              decimals={txInfo.tokenInfo.decimals}
+            />
+          </XStack>
+        }
+        submittedAt={executionInfo.submittedAt}
+      />
+
+      <ListTable items={withdrawRequestItems}>
+        <ParametersButton txId={txId} />
+        <Text fontSize="$3" color="$textSecondaryLight">
+          The selected amount and any rewards will be withdrawn from Dedicated Staking for ETH after the validator exit.
+        </Text>
+      </ListTable>
+
+      <YStack gap="$3">
+        <Alert2
+          type="warning"
+          message="This transaction is a withdrawal request. After it's executed, you'll need to complete a separate withdrawal transaction."
+        />
+      </YStack>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/WithdrawRequest/__snapshots__/WithdrawRequest.test.tsx.snap b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/WithdrawRequest/__snapshots__/WithdrawRequest.test.tsx.snap
new file mode 100644
index 000000000..013931852
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/WithdrawRequest/__snapshots__/WithdrawRequest.test.tsx.snap
@@ -0,0 +1,590 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StakingWithdrawRequest matches snapshot 1`] = `
+<View>
+  <View
+    style={
+      {
+        "flexDirection": "column",
+        "gap": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+          "marginTop": 16,
+          "position": "relative",
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "width": 40,
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "position": "absolute",
+              "right": -10,
+              "top": -10,
+              "zIndex": 1,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "backgroundColor": "#DDDEE0",
+                "borderBottomColor": "#EEEFF0",
+                "borderBottomLeftRadius": 100000,
+                "borderBottomRightRadius": 100000,
+                "borderBottomWidth": 1,
+                "borderLeftColor": "#EEEFF0",
+                "borderLeftWidth": 1,
+                "borderRightColor": "#EEEFF0",
+                "borderRightWidth": 1,
+                "borderStyle": "solid",
+                "borderTopColor": "#EEEFF0",
+                "borderTopLeftRadius": 100000,
+                "borderTopRightRadius": 100000,
+                "borderTopWidth": 1,
+                "flexDirection": "column",
+                "height": 24,
+                "justifyContent": "center",
+                "maxHeight": 24,
+                "maxWidth": 24,
+                "minHeight": 24,
+                "minWidth": 24,
+                "paddingBottom": 0,
+                "paddingLeft": 0,
+                "paddingRight": 0,
+                "paddingTop": 0,
+                "width": 24,
+              }
+            }
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#A1A3A7",
+                    "fontSize": 12,
+                  },
+                  undefined,
+                  {
+                    "fontFamily": "SafeIcons",
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
+                  },
+                  {},
+                ]
+              }
+            >
+              
+            </Text>
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "borderBottomLeftRadius": 100000,
+              "borderBottomRightRadius": 100000,
+              "borderTopLeftRadius": 100000,
+              "borderTopRightRadius": 100000,
+              "flexDirection": "column",
+              "height": 40,
+              "justifyContent": "center",
+              "maxHeight": 40,
+              "maxWidth": 40,
+              "minHeight": 40,
+              "minWidth": 40,
+              "overflow": "hidden",
+              "paddingBottom": 0,
+              "paddingLeft": 0,
+              "paddingRight": 0,
+              "paddingTop": 0,
+              "position": "relative",
+              "width": 40,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "bottom": 0,
+                "flexDirection": "column",
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+                "zIndex": 1,
+              }
+            }
+          >
+            <Image
+              fullscreen={true}
+              onError={[Function]}
+              onLoad={[Function]}
+              source={
+                {
+                  "uri": "https://safe-transaction-assets.safe.global/chains/1/chain_logo.png",
+                }
+              }
+              style={
+                {
+                  "backgroundColor": "#121312",
+                  "height": 40,
+                  "width": 40,
+                }
+              }
+              testID="logo-image"
+            />
+          </View>
+          <View
+            style={
+              {
+                "backgroundColor": "#EEEFF0",
+                "bottom": 0,
+                "flexDirection": "column",
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+                "zIndex": 0,
+              }
+            }
+          >
+            <View
+              style={
+                {
+                  "alignItems": "center",
+                  "backgroundColor": "#EEEFF0",
+                  "borderBottomLeftRadius": 0,
+                  "borderBottomRightRadius": 0,
+                  "borderTopLeftRadius": 0,
+                  "borderTopRightRadius": 0,
+                  "display": "flex",
+                  "height": 40,
+                  "justifyContent": "center",
+                  "width": 40,
+                }
+              }
+            >
+              <Text
+                allowFontScaling={false}
+                selectable={false}
+                style={
+                  [
+                    {
+                      "color": "#A1A3A7",
+                      "fontSize": 16,
+                    },
+                    undefined,
+                    {
+                      "fontFamily": "SafeIcons",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="logo-fallback-icon"
+              >
+                
+              </Text>
+            </View>
+          </View>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "gap": 8,
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "flexDirection": "row",
+              "gap": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "color": "#121312",
+                "fontFamily": "DM Sans",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Receive
+          </Text>
+          <Text
+            style={
+              {
+                "color": "#121312",
+                "fontFamily": "DMSans-Bold",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            32
+             
+            ETH
+          </Text>
+        </View>
+        <Text
+          style={
+            {
+              "color": "#A1A3A7",
+              "fontFamily": "DM Sans",
+              "fontSize": 12,
+              "lineHeight": 16,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          15 Jan 1970
+          , 
+          06:56 AM
+        </Text>
+      </View>
+    </View>
+    <View
+      style={
+        {
+          "backgroundColor": "#FFFFFF",
+          "borderBottomLeftRadius": 7,
+          "borderBottomRightRadius": 7,
+          "borderTopLeftRadius": 7,
+          "borderTopRightRadius": 7,
+          "flexDirection": "column",
+          "gap": 20,
+          "paddingBottom": 16,
+          "paddingLeft": 16,
+          "paddingRight": 16,
+          "paddingTop": 16,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "flexWrap": "wrap",
+            "gap": 8,
+            "justifyContent": "space-between",
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "color": "#A1A3A7",
+              "flex": 1,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Exit
+        </Text>
+        <Text
+          style={
+            {
+              "color": "#121312",
+              "flex": 2,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+              "textAlign": "right",
+            }
+          }
+          suppressHighlighting={true}
+        >
+          1 Validator
+        </Text>
+      </View>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "flexWrap": "wrap",
+            "gap": 8,
+            "justifyContent": "space-between",
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "color": "#A1A3A7",
+              "flex": 1,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Receive
+        </Text>
+        <Text
+          style={
+            {
+              "color": "#121312",
+              "fontFamily": "DMSans-SemiBold",
+            }
+          }
+          suppressHighlighting={true}
+        >
+          32
+           
+          ETH
+        </Text>
+      </View>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "flexWrap": "wrap",
+            "gap": 8,
+            "justifyContent": "space-between",
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "color": "#A1A3A7",
+              "flex": 1,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Withdraw in
+        </Text>
+        <Text
+          style={
+            {
+              "color": "#121312",
+              "flex": 2,
+              "fontFamily": "DM Sans",
+              "fontSize": 14,
+              "textAlign": "right",
+            }
+          }
+          suppressHighlighting={true}
+        >
+          Up to 1 day
+        </Text>
+      </View>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "height": 40,
+          }
+        }
+      >
+        <View
+          focusVisibleStyle={{}}
+          focusable={true}
+          onBlur={[Function]}
+          onClick={[Function]}
+          onFocus={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
+          role="button"
+          style={
+            {
+              "alignItems": "center",
+              "backgroundColor": "#DCDEE0",
+              "borderBottomColor": "transparent",
+              "borderBottomLeftRadius": 8,
+              "borderBottomRightRadius": 8,
+              "borderBottomWidth": 0,
+              "borderLeftColor": "transparent",
+              "borderLeftWidth": 0,
+              "borderRightColor": "transparent",
+              "borderRightWidth": 0,
+              "borderStyle": "solid",
+              "borderTopColor": "transparent",
+              "borderTopLeftRadius": 8,
+              "borderTopRightRadius": 8,
+              "borderTopWidth": 0,
+              "bottom": 0,
+              "flexDirection": "row",
+              "flexWrap": "nowrap",
+              "fontWeight": "700",
+              "height": 36,
+              "justifyContent": "center",
+              "left": 0,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "position": "absolute",
+              "right": 0,
+              "top": 0,
+            }
+          }
+        >
+          <Text
+            lineBreakMode="clip"
+            numberOfLines={1}
+            style={
+              {
+                "color": "#121312",
+                "flexGrow": 0,
+                "flexShrink": 1,
+                "fontFamily": "DMSans-Bold",
+                "fontSize": 14,
+                "letterSpacing": 0,
+                "lineHeight": 15.400000000000002,
+                "userSelect": "none",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Transaction details
+          </Text>
+        </View>
+      </View>
+      <Text
+        style={
+          {
+            "color": "#A1A3A7",
+            "fontFamily": "DM Sans",
+            "fontSize": 13,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        The selected amount and any rewards will be withdrawn from Dedicated Staking for ETH after the validator exit.
+      </Text>
+    </View>
+    <View
+      style={
+        {
+          "flexDirection": "column",
+          "gap": 12,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "flex-start",
+            "backgroundColor": "#FFECC2",
+            "borderBottomLeftRadius": 5,
+            "borderBottomRightRadius": 5,
+            "borderTopLeftRadius": 5,
+            "borderTopRightRadius": 5,
+            "flexDirection": "row",
+            "gap": 12,
+            "paddingBottom": 12,
+            "paddingLeft": 16,
+            "paddingRight": 16,
+            "paddingTop": 12,
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "justifyContent": "center",
+            }
+          }
+          testID="alert-start-icon"
+        >
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "backgroundColor": "#FF8C00",
+                "borderBottomLeftRadius": 34,
+                "borderBottomRightRadius": 34,
+                "borderTopLeftRadius": 34,
+                "borderTopRightRadius": 34,
+                "display": "flex",
+                "justifyContent": "center",
+                "paddingBottom": 4,
+                "paddingLeft": 4,
+                "paddingRight": 4,
+                "paddingTop": 4,
+              }
+            }
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#FFFFFF",
+                    "fontSize": 16,
+                  },
+                  undefined,
+                  {
+                    "fontFamily": "SafeIcons",
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
+                  },
+                  {},
+                ]
+              }
+              testID="warning-icon"
+            >
+              
+            </Text>
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "flex": 1,
+              "gap": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "color": "#6C2D19",
+                "fontFamily": "DM Sans",
+                "fontSize": 13,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            This transaction is a withdrawal request. After it's executed, you'll need to complete a separate withdrawal transaction.
+          </Text>
+        </View>
+      </View>
+    </View>
+  </View>
+</View>
+`;
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/WithdrawRequest/index.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/WithdrawRequest/index.tsx
new file mode 100644
index 000000000..202d6d5dc
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/WithdrawRequest/index.tsx
@@ -0,0 +1 @@
+export { StakingWithdrawRequest } from './WithdrawRequest'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/index.ts b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/index.ts
new file mode 100644
index 000000000..80e090e94
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/index.ts
@@ -0,0 +1,3 @@
+export { StakingDeposit } from './Deposit'
+export { StakingWithdrawRequest } from './WithdrawRequest'
+export { StakingExit } from './Exit'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/utils.test.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/utils.test.tsx
new file mode 100644
index 000000000..fbded177c
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/utils.test.tsx
@@ -0,0 +1,147 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { formatStakingDepositItems, formatStakingValidatorItems, formatStakingWithdrawRequestItems } from './utils'
+import {
+  NativeStakingDepositTransactionInfo,
+  NativeStakingValidatorsExitTransactionInfo,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+const mockDepositTxInfo: NativeStakingDepositTransactionInfo = {
+  type: 'NativeStakingDeposit',
+  humanDescription: 'Deposit tokens for staking',
+  status: 'ACTIVE',
+  estimatedEntryTime: 86400000, // 1 day in milliseconds
+  estimatedExitTime: 30 * 86400000, // 30 days in milliseconds
+  estimatedWithdrawalTime: 32 * 86400000, // 32 days in milliseconds
+  fee: 0.05, // 5% fee
+  monthlyNrr: 4.2,
+  annualNrr: 50.4,
+  value: '32000000000000000000', // 32 ETH in wei
+  numValidators: 1,
+  expectedAnnualReward: '1612800000000000000',
+  expectedMonthlyReward: '134400000000000000',
+  expectedFiatAnnualReward: 4838.4,
+  expectedFiatMonthlyReward: 403.2,
+  tokenInfo: {
+    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
+    decimals: 18,
+    logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+    name: 'Ethereum',
+    symbol: 'ETH',
+    trusted: true,
+  },
+  validators: ['0x123...abc'],
+}
+
+const mockWithdrawRequestTxInfo: NativeStakingValidatorsExitTransactionInfo = {
+  type: 'NativeStakingValidatorsExit',
+  humanDescription: 'Request withdrawal of staked tokens',
+  status: 'ACTIVE',
+  estimatedExitTime: 30 * 86400000, // 30 days in milliseconds
+  estimatedWithdrawalTime: 2 * 86400000, // 2 days in milliseconds
+  value: '32000000000000000000', // 32 ETH in wei
+  numValidators: 1,
+  tokenInfo: {
+    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
+    decimals: 18,
+    logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+    name: 'Ethereum',
+    symbol: 'ETH',
+    trusted: true,
+  },
+  validators: ['0x123...abc'],
+}
+
+describe('Staking Utils', () => {
+  describe('formatStakingDepositItems', () => {
+    it('formats deposit information correctly', () => {
+      const items = formatStakingDepositItems(mockDepositTxInfo)
+
+      expect(items).toHaveLength(4)
+
+      const rewardsRateItem = items[0] as { label: string; value: string }
+      expect(rewardsRateItem.label).toBe('Rewards rate')
+      expect(rewardsRateItem.value).toBe('50.400%')
+
+      const widgetFeeItem = items[3] as { label: string; value: string }
+      expect(widgetFeeItem.label).toBe('Widget fee')
+      expect(widgetFeeItem.value).toBe('5.00%')
+    })
+  })
+
+  describe('formatStakingValidatorItems', () => {
+    it('formats validator information correctly', () => {
+      const items = formatStakingValidatorItems(mockDepositTxInfo)
+
+      expect(items).toHaveLength(3)
+
+      const validatorItem = items[0] as { label: string; value: string }
+      expect(validatorItem.label).toBe('Validator')
+      expect(validatorItem.value).toBe('1')
+
+      const activationTimeItem = items[1] as { label: string }
+      expect(activationTimeItem.label).toBe('Activation time')
+
+      const rewardsItem = items[2] as { label: string; value: string }
+      expect(rewardsItem.label).toBe('Rewards')
+      expect(rewardsItem.value).toBe('Approx. every 5 days after activation')
+    })
+  })
+
+  describe('formatStakingWithdrawRequestItems', () => {
+    it('formats withdraw request information correctly', () => {
+      const items = formatStakingWithdrawRequestItems(mockWithdrawRequestTxInfo)
+
+      expect(items).toHaveLength(3)
+
+      const exitItem = items[0] as { label: string; value: string }
+      expect(exitItem.label).toBe('Exit')
+      expect(exitItem.value).toBe('1 Validator')
+
+      const receiveItem = items[1] as { label: string }
+      expect(receiveItem.label).toBe('Receive')
+
+      const withdrawInItem = items[2] as { label: string; value: string }
+      expect(withdrawInItem.label).toBe('Withdraw in')
+      expect(withdrawInItem.value).toMatch(/Up to.*day/)
+    })
+
+    it('handles multiple validators correctly', () => {
+      const multiValidatorInfo = {
+        ...mockWithdrawRequestTxInfo,
+        numValidators: 5,
+      }
+
+      const items = formatStakingWithdrawRequestItems(multiValidatorInfo)
+      const exitItem = items[0] as { label: string; value: string }
+
+      expect(exitItem.value).toBe('5 Validators')
+    })
+
+    it('handles single validator correctly', () => {
+      const singleValidatorInfo = {
+        ...mockWithdrawRequestTxInfo,
+        numValidators: 1,
+      }
+
+      const items = formatStakingWithdrawRequestItems(singleValidatorInfo)
+      const exitItem = items[0] as { label: string; value: string }
+
+      expect(exitItem.value).toBe('1 Validator')
+    })
+
+    it('renders receive token amount', () => {
+      const items = formatStakingWithdrawRequestItems(mockWithdrawRequestTxInfo)
+      const receiveItem = items.find((_item, index) => index === 1) as { label: string; render?: () => React.ReactNode }
+
+      expect(receiveItem).toBeDefined()
+      expect(receiveItem.label).toBe('Receive')
+      expect(receiveItem.render).toBeDefined()
+
+      if (receiveItem.render) {
+        const { getByText } = render(<>{receiveItem.render()}</>)
+        expect(getByText(/32.*ETH/)).toBeTruthy()
+      }
+    })
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/utils.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/utils.tsx
new file mode 100644
index 000000000..3af7c5fc0
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/Stake/utils.tsx
@@ -0,0 +1,110 @@
+import { TokenAmount } from '@/src/components/TokenAmount'
+
+import { formatCurrency } from '@safe-global/utils/utils/formatNumber'
+import { formatDurationFromMilliseconds } from '@safe-global/utils/utils/formatters'
+import { Text, View } from 'tamagui'
+import {
+  NativeStakingDepositTransactionInfo,
+  NativeStakingValidatorsExitTransactionInfo,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { ListTableItem } from '../../ListTable'
+
+const CURRENCY = 'USD'
+
+export const stakingTypeToLabel = {
+  NativeStakingDeposit: 'Deposit',
+  NativeStakingValidatorsExit: 'Withdraw request',
+  NativeStakingWithdraw: 'Claim',
+} as const
+
+export const formatStakingDepositItems = (txInfo: NativeStakingDepositTransactionInfo): ListTableItem[] => {
+  // Fee is returned in decimal format, multiply by 100 for percentage
+  const fee = (txInfo.fee * 100).toFixed(2)
+
+  return [
+    {
+      label: 'Rewards rate',
+      value: `${txInfo.annualNrr.toFixed(3)}%`,
+    },
+    {
+      label: 'Net annual rewards',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$1">
+          <TokenAmount
+            value={txInfo.expectedAnnualReward}
+            tokenSymbol={txInfo.tokenInfo.symbol}
+            decimals={txInfo.tokenInfo.decimals}
+            textProps={{ fontWeight: 400 }}
+          />
+          <Text color="$textSecondaryLight">({formatCurrency(txInfo.expectedFiatAnnualReward, CURRENCY)})</Text>
+        </View>
+      ),
+    },
+    {
+      label: 'Net monthly rewards',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$1">
+          <TokenAmount
+            value={txInfo.expectedMonthlyReward}
+            tokenSymbol={txInfo.tokenInfo.symbol}
+            decimals={txInfo.tokenInfo.decimals}
+            textProps={{ fontWeight: 400 }}
+          />
+          <Text color="$textSecondaryLight">({formatCurrency(txInfo.expectedFiatMonthlyReward, CURRENCY)})</Text>
+        </View>
+      ),
+    },
+    {
+      label: 'Widget fee',
+      value: `${fee}%`,
+    },
+  ]
+}
+
+export const formatStakingValidatorItems = (txInfo: NativeStakingDepositTransactionInfo): ListTableItem[] => {
+  return [
+    {
+      label: 'Validator',
+      value: `${txInfo.numValidators}`,
+    },
+    {
+      label: 'Activation time',
+      value: formatDurationFromMilliseconds(txInfo.estimatedEntryTime),
+    },
+    {
+      label: 'Rewards',
+      value: 'Approx. every 5 days after activation',
+    },
+  ]
+}
+
+export const formatStakingWithdrawRequestItems = (
+  txInfo: NativeStakingValidatorsExitTransactionInfo,
+): ListTableItem[] => {
+  const withdrawIn = formatDurationFromMilliseconds(txInfo.estimatedExitTime + txInfo.estimatedWithdrawalTime, [
+    'days',
+    'hours',
+  ])
+
+  return [
+    {
+      label: 'Exit',
+      value: `${txInfo.numValidators} Validator${txInfo.numValidators !== 1 ? 's' : ''}`,
+    },
+    {
+      label: 'Receive',
+      render: () => (
+        <TokenAmount
+          value={txInfo.value}
+          tokenSymbol={txInfo.tokenInfo.symbol}
+          decimals={txInfo.tokenInfo.decimals}
+          textProps={{ fontWeight: 600 }}
+        />
+      ),
+    },
+    {
+      label: 'Withdraw in',
+      value: `Up to ${withdrawIn}`,
+    },
+  ]
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/StatusLabel/index.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/StatusLabel/index.tsx
new file mode 100644
index 000000000..2ab947067
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/StatusLabel/index.tsx
@@ -0,0 +1,78 @@
+import React, { ReactElement } from 'react'
+import { View, Text } from 'tamagui'
+import { Badge } from '@/src/components/Badge'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { type BadgeThemeTypes } from '@/src/components/Badge/Badge'
+import { OrderTransactionInfo as Order } from '@safe-global/store/gateway/types'
+
+type CustomOrderStatuses = Order['status'] | 'partiallyFilled'
+type Props = {
+  status: CustomOrderStatuses
+}
+
+type StatusProps = {
+  label: string
+  themeName: BadgeThemeTypes
+  icon: React.ReactElement | null
+}
+
+const statusMap: Record<CustomOrderStatuses, StatusProps> = {
+  presignaturePending: {
+    label: 'Execution needed',
+    themeName: 'badge_warning',
+    icon: <SafeFontIcon name="sign" size={14} color="$color" />,
+  },
+  fulfilled: {
+    label: 'Filled',
+    themeName: 'badge_success',
+    icon: <SafeFontIcon name="check" size={14} color="$color" />,
+  },
+  open: {
+    label: 'Open',
+    themeName: 'badge_warning',
+    icon: <SafeFontIcon name="clock" size={14} color="$color" />,
+  },
+  cancelled: {
+    label: 'Cancelled',
+    themeName: 'badge_error',
+    icon: <SafeFontIcon name="block" size={14} color="$color" />,
+  },
+  expired: {
+    label: 'Expired',
+    themeName: 'badge_background',
+    icon: <SafeFontIcon name="clock" size={14} color="$color" />,
+  },
+  partiallyFilled: {
+    label: 'Partially filled',
+    themeName: 'badge_success',
+    icon: null,
+  },
+  unknown: {
+    label: 'Unknown',
+    themeName: 'badge_background',
+    icon: null,
+  },
+}
+
+export const StatusLabel = (props: Props): ReactElement => {
+  const { status } = props
+  const { label, themeName, icon } = statusMap[status]
+
+  return (
+    <View flexDirection="row" alignItems="center" gap="$2">
+      <Badge
+        circular={false}
+        themeName={themeName}
+        textContentProps={{ fontWeight: 500 }}
+        content={
+          <View flexDirection="row" alignItems="center" gap="$2">
+            {icon}
+            <Text color="$color">{label}</Text>
+          </View>
+        }
+      />
+    </View>
+  )
+}
+
+export default StatusLabel
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/SwapOrder.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/SwapOrder.tsx
new file mode 100644
index 000000000..2fc1d9106
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/SwapOrder.tsx
@@ -0,0 +1,100 @@
+import React, { useMemo } from 'react'
+import { SwapOrderHeader } from './SwapOrderHeader'
+import { View, YStack } from 'tamagui'
+import { formatSwapOrderItems, formatTwapOrderItems } from './utils'
+import { ListTable } from '../../ListTable'
+import { DataDecoded, MultisigExecutionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { OrderTransactionInfo } from '@safe-global/store/gateway/types'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectChainById } from '@/src/store/chains'
+import { isMultiSendData, isTwapOrderTxInfo } from '@/src/utils/transaction-guards'
+import { isSettingTwapFallbackHandler } from '@safe-global/utils/features/swap/helpers/utils'
+import { TwapFallbackHandlerWarning } from '@/src/features/ConfirmTx/components/confirmation-views/SwapOrder/TwapFallbackHandlerWarning'
+import { Alert2 } from '@/src/components/Alert2'
+import { useRecipientItem } from './hooks'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Badge } from '@/src/components/Badge'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { useRouter } from 'expo-router'
+import { ParametersButton } from '@/src/features/ConfirmTx/components/ParametersButton'
+
+interface SwapOrderProps {
+  executionInfo: MultisigExecutionDetails
+  txInfo: OrderTransactionInfo
+  decodedData?: DataDecoded | null
+  txId: string
+}
+
+export function SwapOrder({ executionInfo, txInfo, decodedData, txId }: SwapOrderProps) {
+  const order = txInfo
+  const router = useRouter()
+  const isTwapOrder = isTwapOrderTxInfo(order)
+
+  const activeSafe = useDefinedActiveSafe()
+  const chain = useAppSelector((state) => selectChainById(state, activeSafe.chainId))
+
+  const swapItems = useMemo(() => formatSwapOrderItems(txInfo, chain), [txInfo, chain])
+
+  const twapItems = useMemo(() => {
+    return isTwapOrder ? formatTwapOrderItems(order) : []
+  }, [order, chain])
+
+  const isChangingFallbackHandler = decodedData && isSettingTwapFallbackHandler(decodedData)
+
+  const recipientItems = useRecipientItem(order)
+
+  const showRecipientWarning = order.receiver && order.owner !== order.receiver
+
+  const handleViewActions = () => {
+    router.push({
+      pathname: '/transaction-actions',
+      params: { txId },
+    })
+  }
+
+  return (
+    <YStack gap="$4">
+      {isChangingFallbackHandler && <TwapFallbackHandlerWarning />}
+      <SwapOrderHeader executionInfo={executionInfo} txInfo={txInfo} />
+
+      <ListTable items={swapItems}>
+        <ParametersButton txId={txId} />
+      </ListTable>
+      {recipientItems.length > 0 && <ListTable items={recipientItems} />}
+      {isTwapOrder && <ListTable items={twapItems} />}
+
+      {showRecipientWarning && (
+        <Alert2
+          type="warning"
+          title="Order recipient address differs from order owner."
+          message="Double check the address to prevent fund loss."
+          testID="recipient-warning-alert"
+        />
+      )}
+
+      {decodedData && isMultiSendData(decodedData) && (
+        <SafeListItem
+          label="Actions"
+          rightNode={
+            <View flexDirection="row" alignItems="center" gap="$2">
+              {decodedData.parameters?.[0]?.valueDecoded && (
+                <Badge
+                  themeName="badge_background_inverted"
+                  content={
+                    Array.isArray(decodedData.parameters[0].valueDecoded)
+                      ? decodedData.parameters[0].valueDecoded.length.toString()
+                      : '1'
+                  }
+                />
+              )}
+
+              <SafeFontIcon name={'chevron-right'} />
+            </View>
+          }
+          onPress={handleViewActions}
+        />
+      )}
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/SwapOrderHeader.test.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/SwapOrderHeader.test.tsx
new file mode 100644
index 000000000..55c2eb7e3
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/SwapOrderHeader.test.tsx
@@ -0,0 +1,222 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { SwapOrderHeader } from './SwapOrderHeader'
+import { OrderTransactionInfo } from '@safe-global/store/gateway/types'
+import { MultisigExecutionDetails, TokenInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+// Mock the date utils
+jest.mock('@/src/utils/date', () => ({
+  formatWithSchema: jest.fn((timestamp: number, format: string) => {
+    const date = new Date(timestamp)
+    if (format === 'MMM d yyyy') {
+      return 'Dec 25 2023'
+    }
+    if (format === 'hh:mm a') {
+      return '10:30 AM'
+    }
+    return date.toISOString()
+  }),
+}))
+
+// Mock the formatters
+jest.mock('@/src/utils/formatters', () => ({
+  formatValue: jest.fn((_amount: string, _decimals: number) => '100.5'),
+  ellipsis: jest.fn((text: string, length: number) => (text.length > length ? `${text.slice(0, length)}...` : text)),
+}))
+
+// Mock the TokenIcon component
+jest.mock('@/src/components/TokenIcon', () => ({
+  TokenIcon: ({ accessibilityLabel }: { logoUri: string; accessibilityLabel: string }) => {
+    const React = require('react')
+    const { View, Text } = require('react-native')
+    return React.createElement(
+      View,
+      { testID: `token-icon-${accessibilityLabel}` },
+      React.createElement(Text, null, accessibilityLabel),
+    )
+  },
+}))
+
+// Mock the SafeFontIcon component
+jest.mock('@/src/components/SafeFontIcon', () => ({
+  SafeFontIcon: ({ name }: { name: string }) => {
+    const React = require('react')
+    const { View, Text } = require('react-native')
+    return React.createElement(View, { testID: `safe-font-icon-${name}` }, React.createElement(Text, null, name))
+  },
+}))
+
+describe('SwapOrderHeader', () => {
+  const mockSellToken: TokenInfo = {
+    address: '0x123',
+    decimals: 18,
+    logoUri: 'https://example.com/eth.png',
+    name: 'Ethereum',
+    symbol: 'ETH',
+    trusted: true,
+  }
+
+  const mockBuyToken: TokenInfo = {
+    address: '0x456',
+    decimals: 6,
+    logoUri: 'https://example.com/usdc.png',
+    name: 'USD Coin',
+    symbol: 'USDC',
+    trusted: true,
+  }
+
+  const mockExecutionInfo: MultisigExecutionDetails = {
+    type: 'MULTISIG',
+    submittedAt: 1703505000000, // Dec 25 2023 10:30 AM
+    nonce: 1,
+    safeTxGas: '100000',
+    baseGas: '21000',
+    gasPrice: '20000000000',
+    gasToken: '0x0',
+    refundReceiver: {
+      value: '0x789',
+      name: 'Refund Receiver',
+      logoUri: null,
+    },
+    safeTxHash: '0xabc123',
+    executor: null,
+    signers: [],
+    confirmationsRequired: 2,
+    confirmations: [],
+    rejectors: [],
+    gasTokenInfo: null,
+    trusted: true,
+    proposer: null,
+    proposedByDelegate: null,
+  }
+
+  const createMockTxInfo = (kind: 'sell' | 'buy'): OrderTransactionInfo => ({
+    type: 'SwapOrder' as const,
+    humanDescription: 'Swap order',
+    uid: 'test-uid',
+    status: 'open' as const,
+    kind,
+    orderClass: 'market' as const,
+    validUntil: 1703591400,
+    sellAmount: '1000000000000000000', // 1 ETH in wei
+    buyAmount: '1500000000', // 1500 USDC (6 decimals)
+    executedSellAmount: '0',
+    executedBuyAmount: '0',
+    sellToken: mockSellToken,
+    buyToken: mockBuyToken,
+    explorerUrl: 'https://explorer.com/order/test-uid',
+    executedFee: '0',
+    executedFeeToken: '0x0',
+    receiver: null,
+    owner: '0x123',
+    fullAppData: null,
+  })
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  describe('Sell Order', () => {
+    it('should render sell order with correct labels', () => {
+      const sellOrderTxInfo = createMockTxInfo('sell')
+      const { getByText } = render(<SwapOrderHeader txInfo={sellOrderTxInfo} executionInfo={mockExecutionInfo} />)
+
+      // Check date and time display
+      expect(getByText('Dec 25 2023 at 10:30 AM')).toBeTruthy()
+
+      // Check sell order specific labels
+      expect(getByText('Sell')).toBeTruthy()
+      expect(getByText('For at least')).toBeTruthy()
+
+      // Check token amounts are displayed
+      expect(getByText('100.5 ETH')).toBeTruthy()
+      expect(getByText('100.5 USDC')).toBeTruthy()
+    })
+
+    it('should render token icons with correct accessibility labels', () => {
+      const sellOrderTxInfo = createMockTxInfo('sell')
+      const { getByTestId } = render(<SwapOrderHeader txInfo={sellOrderTxInfo} executionInfo={mockExecutionInfo} />)
+
+      expect(getByTestId('token-icon-ETH')).toBeTruthy()
+      expect(getByTestId('token-icon-USDC')).toBeTruthy()
+    })
+
+    it('should render chevron icon', () => {
+      const sellOrderTxInfo = createMockTxInfo('sell')
+      const { getByTestId } = render(<SwapOrderHeader txInfo={sellOrderTxInfo} executionInfo={mockExecutionInfo} />)
+
+      expect(getByTestId('safe-font-icon-chevron-right')).toBeTruthy()
+    })
+  })
+
+  describe('Buy Order', () => {
+    it('should render buy order with correct labels', () => {
+      const buyOrderTxInfo = createMockTxInfo('buy')
+      const { getByText } = render(<SwapOrderHeader txInfo={buyOrderTxInfo} executionInfo={mockExecutionInfo} />)
+
+      // Check date and time display
+      expect(getByText('Dec 25 2023 at 10:30 AM')).toBeTruthy()
+
+      // Check buy order specific labels
+      expect(getByText('For at most')).toBeTruthy()
+      expect(getByText('Buy exactly')).toBeTruthy()
+
+      // Check token amounts are displayed
+      expect(getByText('100.5 ETH')).toBeTruthy()
+      expect(getByText('100.5 USDC')).toBeTruthy()
+    })
+
+    it('should not show sell order labels for buy orders', () => {
+      const buyOrderTxInfo = createMockTxInfo('buy')
+      const { queryByText } = render(<SwapOrderHeader txInfo={buyOrderTxInfo} executionInfo={mockExecutionInfo} />)
+
+      // Sell order labels should not be present
+      expect(queryByText('Sell')).toBeNull()
+      expect(queryByText('For at least')).toBeNull()
+    })
+  })
+
+  describe('Unknown Order Kind', () => {
+    it('should handle unknown order kind gracefully', () => {
+      const unknownOrderTxInfo = createMockTxInfo('sell')
+      unknownOrderTxInfo.kind = 'unknown' as 'buy' | 'sell' | 'unknown'
+
+      const { getByText } = render(<SwapOrderHeader txInfo={unknownOrderTxInfo} executionInfo={mockExecutionInfo} />)
+
+      // Should default to buy order labels when kind is 'unknown'
+      expect(getByText('For at most')).toBeTruthy()
+      expect(getByText('Buy exactly')).toBeTruthy()
+    })
+  })
+
+  describe('Formatters Integration', () => {
+    it('should call formatValue with correct parameters', () => {
+      const sellOrderTxInfo = createMockTxInfo('sell')
+      const { formatValue } = require('@/src/utils/formatters')
+
+      render(<SwapOrderHeader txInfo={sellOrderTxInfo} executionInfo={mockExecutionInfo} />)
+
+      expect(formatValue).toHaveBeenCalledWith('1000000000000000000', 18) // ETH
+      expect(formatValue).toHaveBeenCalledWith('1500000000', 6) // USDC
+    })
+
+    it('should call ellipsis with correct parameters', () => {
+      const sellOrderTxInfo = createMockTxInfo('sell')
+      const { ellipsis } = require('@/src/utils/formatters')
+
+      render(<SwapOrderHeader txInfo={sellOrderTxInfo} executionInfo={mockExecutionInfo} />)
+
+      expect(ellipsis).toHaveBeenCalledWith('100.5', 9)
+    })
+
+    it('should call formatWithSchema with correct parameters', () => {
+      const sellOrderTxInfo = createMockTxInfo('sell')
+      const { formatWithSchema } = require('@/src/utils/date')
+
+      render(<SwapOrderHeader txInfo={sellOrderTxInfo} executionInfo={mockExecutionInfo} />)
+
+      expect(formatWithSchema).toHaveBeenCalledWith(1703505000000, 'MMM d yyyy')
+      expect(formatWithSchema).toHaveBeenCalledWith(1703505000000, 'hh:mm a')
+    })
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/SwapOrderHeader.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/SwapOrderHeader.tsx
new file mode 100644
index 000000000..a8894513d
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/SwapOrderHeader.tsx
@@ -0,0 +1,35 @@
+import React from 'react'
+import { OrderTransactionInfo } from '@safe-global/store/gateway/types'
+import { MultisigExecutionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { formatWithSchema } from '@/src/utils/date'
+import { formatValue } from '@/src/utils/formatters'
+import { SwapHeader } from '@/src/components/SwapHeader'
+
+interface SwapOrderHeaderProps {
+  txInfo: OrderTransactionInfo
+  executionInfo: MultisigExecutionDetails
+}
+
+export function SwapOrderHeader({ txInfo, executionInfo }: SwapOrderHeaderProps) {
+  const { sellToken, buyToken, sellAmount, buyAmount, kind } = txInfo
+  const date = formatWithSchema(executionInfo.submittedAt, 'MMM d yyyy')
+  const time = formatWithSchema(executionInfo.submittedAt, 'hh:mm a')
+
+  const sellTokenValue = formatValue(sellAmount, sellToken.decimals)
+  const buyTokenValue = formatValue(buyAmount, buyToken.decimals)
+
+  const isSellOrder = kind === 'sell'
+
+  return (
+    <SwapHeader
+      date={date}
+      time={time}
+      fromToken={sellToken}
+      toToken={buyToken}
+      fromAmount={sellTokenValue}
+      toAmount={buyTokenValue}
+      fromLabel={isSellOrder ? 'Sell' : 'For at most'}
+      toLabel={isSellOrder ? 'For at least' : 'Buy exactly'}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/TwapFallbackHandlerWarning.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/TwapFallbackHandlerWarning.tsx
new file mode 100644
index 000000000..bc40277b1
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/TwapFallbackHandlerWarning.tsx
@@ -0,0 +1,15 @@
+import { Alert } from '@/src/components/Alert'
+
+export const TwapFallbackHandlerWarning = () => {
+  return (
+    <Alert
+      message={'Enable TWAPs and submit order.'}
+      iconName={'info'}
+      info={
+        'To enable TWAP orders you need to set a custom fallback handler. This software is developed by CoW Swap and\n' +
+        'Safe will not be responsible for any possible issues with it.'
+      }
+      type="warning"
+    />
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/hooks/index.ts b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/hooks/index.ts
new file mode 100644
index 000000000..1138f2e0e
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/hooks/index.ts
@@ -0,0 +1 @@
+export { useRecipientItem } from './useRecipientItem'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/hooks/useRecipientItem.test.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/hooks/useRecipientItem.test.tsx
new file mode 100644
index 000000000..eb7f53d6c
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/hooks/useRecipientItem.test.tsx
@@ -0,0 +1,204 @@
+import React from 'react'
+import { useRecipientItem } from './useRecipientItem'
+import { OrderTransactionInfo } from '@safe-global/store/gateway/types'
+
+// Mock the useOpenExplorer hook
+const mockViewOnExplorer = jest.fn()
+jest.mock('@/src/features/ConfirmTx/hooks/useOpenExplorer', () => ({
+  useOpenExplorer: jest.fn(() => mockViewOnExplorer),
+}))
+
+// Mock React hooks
+const mockUseMemo = jest.fn()
+jest.mock('react', () => ({
+  ...jest.requireActual('react'),
+  useMemo: (fn: () => unknown, deps: unknown[]) => mockUseMemo(fn, deps),
+}))
+
+// Mock the components used in the hook
+jest.mock('@/src/components/Identicon', () => ({
+  Identicon: 'Identicon',
+}))
+
+jest.mock('@/src/components/EthAddress', () => ({
+  EthAddress: 'EthAddress',
+}))
+
+jest.mock('@/src/components/SafeFontIcon', () => ({
+  SafeFontIcon: 'SafeFontIcon',
+}))
+
+jest.mock('react-native', () => ({
+  TouchableOpacity: 'TouchableOpacity',
+}))
+
+jest.mock('tamagui', () => ({
+  View: 'View',
+}))
+
+const createMockOrder = (
+  receiver?: string,
+  owner = '0x1234567890123456789012345678901234567890',
+): OrderTransactionInfo => ({
+  type: 'SwapOrder',
+  uid: '0x123456789',
+  status: 'open',
+  kind: 'sell',
+  orderClass: 'market',
+  validUntil: Date.now() / 1000 + 3600,
+  sellAmount: '1000000000000000000',
+  buyAmount: '2000000000000000000',
+  executedSellAmount: '0',
+  executedBuyAmount: '0',
+  sellToken: {
+    address: '0xtoken1',
+    name: 'Token1',
+    symbol: 'TK1',
+    decimals: 18,
+    logoUri: 'https://example.com/token1.png',
+    trusted: true,
+  },
+  buyToken: {
+    address: '0xtoken2',
+    name: 'Token2',
+    symbol: 'TK2',
+    decimals: 18,
+    logoUri: 'https://example.com/token2.png',
+    trusted: true,
+  },
+  explorerUrl: 'https://explorer.example.com',
+  executedFee: '0',
+  executedFeeToken: '0xfeetoken',
+  receiver,
+  owner,
+  fullAppData: {
+    metadata: {
+      orderClass: { orderClass: 'market' },
+      quote: { slippageBips: 50 },
+    },
+  },
+})
+
+describe('useRecipientItem', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+    // Mock useMemo to return the result of the callback immediately
+    mockUseMemo.mockImplementation((fn) => fn())
+  })
+
+  it('should return empty array when receiver is undefined', () => {
+    const mockOrder = createMockOrder()
+
+    const result = useRecipientItem(mockOrder)
+
+    expect(result).toEqual([])
+  })
+
+  it('should return empty array when receiver equals owner', () => {
+    const owner = '0x1234567890123456789012345678901234567890'
+    const mockOrder = createMockOrder(owner, owner)
+
+    const result = useRecipientItem(mockOrder)
+
+    expect(result).toEqual([])
+  })
+
+  it('should return recipient items when receiver differs from owner', () => {
+    const owner = '0x1234567890123456789012345678901234567890'
+    const receiver = '0x9876543210987654321098765432109876543210'
+    const mockOrder = createMockOrder(receiver, owner)
+
+    const result = useRecipientItem(mockOrder)
+
+    expect(result).toHaveLength(1)
+    expect(result[0]).toHaveProperty('label')
+    expect(result[0]).toHaveProperty('render')
+    // Check it's a LabelValueItem (has label property)
+    const item = result[0] as { label: string; render: () => React.ReactNode }
+    expect(item.label).toBe('Recipient')
+  })
+
+  it('should call useOpenExplorer with correct receiver address', () => {
+    const owner = '0x1234567890123456789012345678901234567890'
+    const receiver = '0x9876543210987654321098765432109876543210'
+    const mockOrder = createMockOrder(receiver, owner)
+
+    const { useOpenExplorer } = require('@/src/features/ConfirmTx/hooks/useOpenExplorer')
+
+    useRecipientItem(mockOrder)
+
+    expect(useOpenExplorer).toHaveBeenCalledWith(receiver)
+  })
+
+  it('should call useOpenExplorer with empty string when receiver is undefined', () => {
+    const mockOrder = createMockOrder()
+
+    const { useOpenExplorer } = require('@/src/features/ConfirmTx/hooks/useOpenExplorer')
+
+    useRecipientItem(mockOrder)
+
+    expect(useOpenExplorer).toHaveBeenCalledWith('')
+  })
+
+  it('should handle edge case with null receiver', () => {
+    const mockOrder = {
+      ...createMockOrder(),
+      receiver: null,
+    } as OrderTransactionInfo & { receiver: null }
+
+    const result = useRecipientItem(mockOrder)
+
+    expect(result).toEqual([])
+  })
+
+  it('should return proper ListTableItem structure with render function', () => {
+    const owner = '0x1234567890123456789012345678901234567890'
+    const receiver = '0x9876543210987654321098765432109876543210'
+    const mockOrder = createMockOrder(receiver, owner)
+
+    const result = useRecipientItem(mockOrder)
+
+    // Test the actual hook result structure
+    expect(result).toHaveLength(1)
+
+    const item = result[0]
+
+    // Verify it's a LabelValueItem by checking required properties
+    expect(item).toHaveProperty('label')
+    expect(item).toHaveProperty('render')
+
+    // Type guard to verify structure
+    const isLabelValueItem = (obj: unknown): obj is { label: string; render: () => React.ReactNode } => {
+      return (
+        typeof obj === 'object' &&
+        obj !== null &&
+        'label' in obj &&
+        'render' in obj &&
+        typeof (obj as { label: unknown }).label === 'string' &&
+        typeof (obj as { render: unknown }).render === 'function'
+      )
+    }
+
+    expect(isLabelValueItem(item)).toBe(true)
+
+    if (isLabelValueItem(item)) {
+      expect(item.label).toBe('Recipient')
+      expect(() => item.render()).not.toThrow()
+    }
+  })
+
+  it('should use useMemo for optimization', () => {
+    const owner = '0x1234567890123456789012345678901234567890'
+    const receiver = '0x9876543210987654321098765432109876543210'
+    const mockOrder = createMockOrder(receiver, owner)
+
+    useRecipientItem(mockOrder)
+
+    expect(mockUseMemo).toHaveBeenCalled()
+    expect(mockUseMemo).toHaveBeenCalledWith(expect.any(Function), [
+      mockOrder.receiver,
+      mockOrder.owner,
+      expect.any(Function),
+    ])
+  })
+})
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/hooks/useRecipientItem.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/hooks/useRecipientItem.tsx
new file mode 100644
index 000000000..74e51903b
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/hooks/useRecipientItem.tsx
@@ -0,0 +1,42 @@
+import React, { useMemo } from 'react'
+import { View } from 'tamagui'
+import { TouchableOpacity } from 'react-native'
+import { OrderTransactionInfo } from '@safe-global/store/gateway/types'
+import { ListTableItem } from '../../../ListTable'
+import { Identicon } from '@/src/components/Identicon'
+import { EthAddress } from '@/src/components/EthAddress'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { useOpenExplorer } from '@/src/features/ConfirmTx/hooks/useOpenExplorer'
+import { Address } from '@/src/types/address'
+
+export const useRecipientItem = (order: OrderTransactionInfo): ListTableItem[] => {
+  const viewRecipientOnExplorer = useOpenExplorer(order.receiver || '')
+
+  const recipientItem = useMemo(() => {
+    const items: ListTableItem[] = []
+
+    if (order.receiver && order.owner !== order.receiver) {
+      items.push({
+        label: 'Recipient',
+        render: () => (
+          <View flexDirection="row" alignItems="center" gap="$2">
+            <Identicon address={order.receiver as Address} size={24} />
+            <EthAddress
+              address={order.receiver as Address}
+              copy
+              textProps={{ fontSize: '$4' }}
+              copyProps={{ color: '$textSecondaryLight', size: 14 }}
+            />
+            <TouchableOpacity onPress={viewRecipientOnExplorer}>
+              <SafeFontIcon name="external-link" size={14} color="$textSecondaryLight" />
+            </TouchableOpacity>
+          </View>
+        ),
+      })
+    }
+
+    return items
+  }, [order.receiver, order.owner, viewRecipientOnExplorer])
+
+  return recipientItem
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/hooks/useRecipientItems.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/hooks/useRecipientItems.tsx
new file mode 100644
index 000000000..74e51903b
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/hooks/useRecipientItems.tsx
@@ -0,0 +1,42 @@
+import React, { useMemo } from 'react'
+import { View } from 'tamagui'
+import { TouchableOpacity } from 'react-native'
+import { OrderTransactionInfo } from '@safe-global/store/gateway/types'
+import { ListTableItem } from '../../../ListTable'
+import { Identicon } from '@/src/components/Identicon'
+import { EthAddress } from '@/src/components/EthAddress'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { useOpenExplorer } from '@/src/features/ConfirmTx/hooks/useOpenExplorer'
+import { Address } from '@/src/types/address'
+
+export const useRecipientItem = (order: OrderTransactionInfo): ListTableItem[] => {
+  const viewRecipientOnExplorer = useOpenExplorer(order.receiver || '')
+
+  const recipientItem = useMemo(() => {
+    const items: ListTableItem[] = []
+
+    if (order.receiver && order.owner !== order.receiver) {
+      items.push({
+        label: 'Recipient',
+        render: () => (
+          <View flexDirection="row" alignItems="center" gap="$2">
+            <Identicon address={order.receiver as Address} size={24} />
+            <EthAddress
+              address={order.receiver as Address}
+              copy
+              textProps={{ fontSize: '$4' }}
+              copyProps={{ color: '$textSecondaryLight', size: 14 }}
+            />
+            <TouchableOpacity onPress={viewRecipientOnExplorer}>
+              <SafeFontIcon name="external-link" size={14} color="$textSecondaryLight" />
+            </TouchableOpacity>
+          </View>
+        ),
+      })
+    }
+
+    return items
+  }, [order.receiver, order.owner, viewRecipientOnExplorer])
+
+  return recipientItem
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/index.ts b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/index.ts
new file mode 100644
index 000000000..91363b263
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/index.ts
@@ -0,0 +1 @@
+export { SwapOrder } from './SwapOrder'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/utils.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/utils.tsx
new file mode 100644
index 000000000..38e5839de
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/SwapOrder/utils.tsx
@@ -0,0 +1,147 @@
+import React from 'react'
+import { Logo } from '@/src/components/Logo'
+import { View, Text } from 'tamagui'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { OrderTransactionInfo as Order, StartTimeValue } from '@safe-global/store/gateway/types'
+import { formatWithSchema, getPeriod } from '@safe-global/utils/utils/date'
+import { ellipsis, formatValue, getLimitPrice } from '@/src/utils/formatters'
+import { TwapOrderTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { formatAmount } from '@safe-global/utils/utils/formatNumber'
+import { CopyButton } from '@/src/components/CopyButton'
+import { getExecutionPrice, getSlippageInPercent, getOrderClass } from '@safe-global/utils/features/swap/helpers/utils'
+import { getOrderFeeBps } from '@safe-global/utils/features/swap/helpers/utils'
+import StatusLabel from '@/src/features/ConfirmTx/components/confirmation-views/SwapOrder/StatusLabel'
+import { TouchableOpacity, Linking } from 'react-native'
+import { type ListTableItem } from '../../ListTable'
+
+const priceRow = (order: Order) => {
+  const { status, sellToken, buyToken } = order
+  const executionPrice = getExecutionPrice(order)
+  const limitPrice = getLimitPrice(order)
+
+  if (status === 'fulfilled') {
+    return {
+      label: 'Execution price',
+      value: `1 ${buyToken.symbol} = ${formatAmount(executionPrice)} ${sellToken.symbol}`,
+    }
+  }
+
+  return {
+    label: 'Limit price',
+    value: `1 ${buyToken.symbol} = ${formatAmount(limitPrice)} ${sellToken.symbol}`,
+  }
+}
+
+const statusRow = (order: Order) => {
+  const { status } = order
+
+  return {
+    label: 'Status',
+    render: () => <StatusLabel status={status} />,
+  }
+}
+
+export const surplusFee = (order: Pick<Order, 'fullAppData' | 'executedFee' | 'executedFeeToken'>) => {
+  const bps = getOrderFeeBps(order)
+
+  return {
+    label: 'Widget fee',
+    value: `${Number(bps) / 100} %`,
+  }
+}
+
+export const formatSwapOrderItems = (txInfo: Order, chain: Chain): ListTableItem[] => {
+  const expiresAt = formatWithSchema(txInfo.validUntil * 1000, 'dd/MM/yyyy, HH:mm')
+  const orderClass = getOrderClass(txInfo)
+  const slippage = getSlippageInPercent(txInfo)
+
+  const openCowExplorer = () => {
+    if ('uid' in txInfo) {
+      Linking.openURL(txInfo.explorerUrl)
+    }
+  }
+  const items = [
+    priceRow(txInfo),
+    {
+      label: 'Expiry',
+      value: expiresAt,
+    },
+    orderClass !== 'limit'
+      ? {
+          label: 'Slippage',
+          value: `${slippage}%`,
+        }
+      : null,
+    'uid' in txInfo
+      ? {
+          label: 'Order ID',
+          render: () => (
+            <View flexDirection="row" alignItems="center" gap="$2">
+              <Text fontSize="$4">{ellipsis(txInfo.uid, 6)}</Text>
+              <CopyButton value={txInfo.uid} color={'$textSecondaryLight'} />
+              <TouchableOpacity onPress={openCowExplorer}>
+                <SafeFontIcon name="external-link" size={14} color="$textSecondaryLight" />
+              </TouchableOpacity>
+            </View>
+          ),
+        }
+      : null,
+    {
+      label: 'Network',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$2">
+          <Logo logoUri={chain.chainLogoUri} size="$6" />
+          <Text fontSize="$4">{chain.chainName}</Text>
+        </View>
+      ),
+    },
+    statusRow(txInfo),
+    surplusFee(txInfo),
+  ]
+  return items.filter((item) => item !== null) as ListTableItem[]
+}
+
+export const formatTwapOrderItems = (order: TwapOrderTransactionInfo) => {
+  const { timeBetweenParts } = order
+  let startTime = ''
+  if (order.startTime.startType === StartTimeValue.AT_MINING_TIME) {
+    startTime = 'Now'
+  }
+  if (order.startTime.startType === StartTimeValue.AT_EPOCH) {
+    startTime = `At block number: ${order.startTime.epoch}`
+  }
+
+  return [
+    {
+      renderRow: () => (
+        <View flexDirection="row" alignItems="center" gap="$2">
+          <Text fontSize="$4">Order will be split in</Text>
+          <Text fontSize="$4" fontWeight={'700'}>
+            {order.numberOfParts} equal parts
+          </Text>
+        </View>
+      ),
+    },
+    {
+      label: 'Sell amount',
+      value: `${formatValue(order.partSellAmount, order.sellToken.decimals)} ${order.sellToken.symbol} per part`,
+    },
+    {
+      label: 'Buy amount',
+      value: `${formatValue(order.minPartLimit, order.buyToken.decimals)} ${order.buyToken.symbol} per part`,
+    },
+    {
+      label: 'Start time',
+      value: startTime,
+    },
+    {
+      label: 'Part duration',
+      value: getPeriod(+timeBetweenParts),
+    },
+    {
+      label: 'Total duration',
+      value: getPeriod(+order.timeBetweenParts * +order.numberOfParts),
+    },
+  ]
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/TokenTransfer/TokenTransfer.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/TokenTransfer/TokenTransfer.tsx
new file mode 100644
index 000000000..00aa89014
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/TokenTransfer/TokenTransfer.tsx
@@ -0,0 +1,100 @@
+import React from 'react'
+import { Container } from '@/src/components/Container'
+import { View, YStack, Text, Button, H3 } from 'tamagui'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Logo } from '@/src/components/Logo'
+import { EthAddress } from '@/src/components/EthAddress'
+import { Identicon } from '@/src/components/Identicon'
+import { TransactionHeader } from '../../TransactionHeader'
+import {
+  MultisigExecutionDetails,
+  TransferTransactionInfo,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useTokenDetails } from '@/src/hooks/useTokenDetails'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectChainById } from '@/src/store/chains'
+import { RootState } from '@/src/store'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { Address } from '@/src/types/address'
+import { TokenAmount } from '@/src/components/TokenAmount'
+import { useOpenExplorer } from '@/src/features/ConfirmTx/hooks/useOpenExplorer'
+import { ParametersButton } from '../../ParametersButton'
+
+interface TokenTransferProps {
+  txId: string
+  txInfo: TransferTransactionInfo
+  executionInfo: MultisigExecutionDetails
+  executedAt: number
+}
+
+export function TokenTransfer({ txId, txInfo, executionInfo, executedAt }: TokenTransferProps) {
+  const activeSafe = useDefinedActiveSafe()
+  const activeChain = useAppSelector((state: RootState) => selectChainById(state, activeSafe.chainId))
+  const { value, tokenSymbol, logoUri, decimals } = useTokenDetails(txInfo)
+
+  const recipientAddress = txInfo.recipient.value as Address
+
+  const viewOnExplorer = useOpenExplorer(recipientAddress)
+
+  return (
+    <>
+      <TransactionHeader
+        logo={logoUri}
+        badgeIcon="transaction-outgoing"
+        badgeThemeName="badge_error"
+        badgeColor="$error"
+        title={
+          <H3 fontWeight={600}>
+            <TokenAmount
+              value={value}
+              decimals={decimals}
+              tokenSymbol={tokenSymbol}
+              direction={txInfo.direction}
+              preciseAmount
+            />
+          </H3>
+        }
+        submittedAt={executionInfo?.submittedAt || executedAt}
+      />
+
+      <View>
+        <YStack gap="$4" marginTop="$8">
+          <Container padding="$4" gap="$4" borderRadius="$3">
+            <View alignItems="center" flexDirection="row" justifyContent="space-between">
+              <Text color="$textSecondaryLight">To</Text>
+
+              <View flexDirection="row" alignItems="center" gap="$2">
+                <Identicon address={recipientAddress} size={24} />
+                <EthAddress
+                  address={recipientAddress}
+                  copy
+                  copyProps={{ color: '$textSecondaryLight', size: 18 }}
+                  textProps={{ fontSize: '$4' }}
+                />
+                <Button
+                  onPress={viewOnExplorer}
+                  marginLeft={-10}
+                  height={18}
+                  pressStyle={{ backgroundColor: 'transparent' }}
+                >
+                  <SafeFontIcon name="external-link" color="$textSecondaryLight" size={16} />
+                </Button>
+              </View>
+            </View>
+
+            <View alignItems="center" flexDirection="row" justifyContent="space-between">
+              <Text color="$textSecondaryLight">Network</Text>
+
+              <View flexDirection="row" alignItems="center" gap="$2">
+                <Logo logoUri={activeChain?.chainLogoUri} size="$6" />
+                <Text fontSize="$4">{activeChain?.chainName}</Text>
+              </View>
+            </View>
+
+            <ParametersButton txId={txId} />
+          </Container>
+        </YStack>
+      </View>
+    </>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/TokenTransfer/index.ts b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/TokenTransfer/index.ts
new file mode 100644
index 000000000..07082620d
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/TokenTransfer/index.ts
@@ -0,0 +1 @@
+export { TokenTransfer } from './TokenTransfer'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultDeposit/VaultDeposit.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultDeposit/VaultDeposit.tsx
new file mode 100644
index 000000000..177af6a24
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultDeposit/VaultDeposit.tsx
@@ -0,0 +1,134 @@
+import React, { useMemo } from 'react'
+import { YStack, Text, XStack, View } from 'tamagui'
+import {
+  DataDecoded,
+  MultisigExecutionDetails,
+  VaultDepositTransactionInfo,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TransactionHeader } from '../../TransactionHeader'
+import { ListTable } from '../../ListTable'
+import { TokenAmount } from '@/src/components/TokenAmount'
+import { formatPercentage } from '@safe-global/utils/utils/formatters'
+import { ParametersButton } from '../../ParametersButton'
+import { vaultTypeToLabel, formatVaultDepositItems } from './utils'
+import { Container } from '@/src/components/Container'
+import { Image } from 'expo-image'
+import { isMultiSendData } from '@/src/utils/transaction-guards'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { Badge } from '@/src/components/Badge'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { useRouter } from 'expo-router'
+
+const AdditionalRewards = ({ txInfo }: { txInfo: VaultDepositTransactionInfo }) => {
+  const reward = txInfo.additionalRewards[0]
+  if (!reward) {
+    return null
+  }
+
+  return (
+    <Container padding="$4" gap="$2">
+      <Text fontWeight="600" marginBottom="$2">
+        Additional reward
+      </Text>
+      <ListTable
+        padding="0"
+        gap="$4"
+        items={[
+          {
+            label: 'Token',
+            value: `${reward.tokenInfo.name} ${reward.tokenInfo.symbol}`,
+          },
+          {
+            label: 'Earn',
+            value: formatPercentage(txInfo.additionalRewardsNrr / 100),
+          },
+          {
+            label: 'Fee',
+            value: '0%',
+          },
+        ]}
+      />
+      <XStack alignItems="center" gap="$1" marginTop="$2">
+        <Text fontSize={12} color="$colorSecondary">
+          Powered by
+        </Text>
+        <Image source={{ uri: txInfo.vaultInfo.logoUri }} style={{ width: 16, height: 16 }} />
+        <Text fontSize={12} color="$colorSecondary">
+          Morpho
+        </Text>
+      </XStack>
+    </Container>
+  )
+}
+
+interface VaultDepositProps {
+  txInfo: VaultDepositTransactionInfo
+  executionInfo: MultisigExecutionDetails
+  txId: string
+  decodedData?: DataDecoded | null
+}
+
+export function VaultDeposit({ txInfo, executionInfo, txId, decodedData }: VaultDepositProps) {
+  const router = useRouter()
+  const totalNrr = (txInfo.baseNrr + txInfo.additionalRewardsNrr) / 100
+  const items = useMemo(() => formatVaultDepositItems(txInfo), [txInfo])
+
+  const handleViewActions = () => {
+    router.push({
+      pathname: '/transaction-actions',
+      params: { txId },
+    })
+  }
+
+  return (
+    <YStack gap="$4">
+      <TransactionHeader
+        logo={txInfo.tokenInfo.logoUri ?? undefined}
+        badgeIcon="transaction-earn"
+        badgeColor="$textSecondaryLight"
+        title={
+          <XStack gap="$1">
+            <Text fontSize="$4">{vaultTypeToLabel[txInfo.type]}</Text>
+            <TokenAmount
+              value={txInfo.value}
+              tokenSymbol={txInfo.tokenInfo.symbol}
+              decimals={txInfo.tokenInfo.decimals}
+            />
+          </XStack>
+        }
+        submittedAt={executionInfo.submittedAt}
+      />
+
+      <ListTable items={[{ label: 'Earn (after fees)', value: formatPercentage(totalNrr) }, ...items]} gap="$4">
+        <ParametersButton txId={txId} />
+      </ListTable>
+
+      <AdditionalRewards txInfo={txInfo} />
+
+      <Text color="$textSecondaryLight">{txInfo.vaultInfo.description}</Text>
+
+      {decodedData && isMultiSendData(decodedData) && (
+        <SafeListItem
+          label="Actions"
+          rightNode={
+            <View flexDirection="row" alignItems="center" gap="$2">
+              {decodedData.parameters?.[0]?.valueDecoded && (
+                <Badge
+                  themeName="badge_background_inverted"
+                  content={
+                    Array.isArray(decodedData.parameters[0].valueDecoded)
+                      ? decodedData.parameters[0].valueDecoded.length.toString()
+                      : '1'
+                  }
+                />
+              )}
+
+              <SafeFontIcon name={'chevron-right'} />
+            </View>
+          }
+          onPress={handleViewActions}
+        />
+      )}
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultDeposit/index.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultDeposit/index.tsx
new file mode 100644
index 000000000..89c909c50
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultDeposit/index.tsx
@@ -0,0 +1 @@
+export { VaultDeposit } from './VaultDeposit'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultDeposit/utils.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultDeposit/utils.tsx
new file mode 100644
index 000000000..f1bfd21e7
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultDeposit/utils.tsx
@@ -0,0 +1,47 @@
+import React from 'react'
+import { View, Text } from 'tamagui'
+import { VaultDepositTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { formatPercentage } from '@safe-global/utils/utils/formatters'
+import { TokenAmount } from '@/src/components/TokenAmount'
+import { ListTableItem } from '../../ListTable'
+import { Image } from 'expo-image'
+
+export const vaultTypeToLabel = {
+  VaultDeposit: 'Deposit',
+  VaultRedeem: 'Withdraw',
+} as const
+
+export const formatVaultDepositItems = (txInfo: VaultDepositTransactionInfo): ListTableItem[] => {
+  const annualReward = Number(txInfo.expectedAnnualReward).toFixed(0)
+  const monthlyReward = Number(txInfo.expectedMonthlyReward).toFixed(0)
+
+  return [
+    {
+      label: 'Deposit via',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$2">
+          <Image source={{ uri: txInfo.vaultInfo.logoUri }} style={{ width: 24, height: 24 }} />
+          <Text fontWeight="700" fontSize="$4">
+            {txInfo.vaultInfo.name}
+          </Text>
+        </View>
+      ),
+    },
+    {
+      label: 'Exp. annual reward',
+      render: () => (
+        <TokenAmount value={annualReward} tokenSymbol={txInfo.tokenInfo.symbol} decimals={txInfo.tokenInfo.decimals} />
+      ),
+    },
+    {
+      label: 'Exp. monthly reward',
+      render: () => (
+        <TokenAmount value={monthlyReward} tokenSymbol={txInfo.tokenInfo.symbol} decimals={txInfo.tokenInfo.decimals} />
+      ),
+    },
+    {
+      label: 'Performance fee',
+      value: formatPercentage(txInfo.fee, true),
+    },
+  ]
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultRedeem/VaultRedeem.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultRedeem/VaultRedeem.tsx
new file mode 100644
index 000000000..971ee7b85
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultRedeem/VaultRedeem.tsx
@@ -0,0 +1,99 @@
+import React, { useMemo } from 'react'
+import { YStack, Text, XStack } from 'tamagui'
+import {
+  MultisigExecutionDetails,
+  VaultRedeemTransactionInfo,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TransactionHeader } from '../../TransactionHeader'
+import { ListTable } from '../../ListTable'
+import { TokenAmount } from '@/src/components/TokenAmount'
+import { formatPercentage } from '@safe-global/utils/utils/formatters'
+import { ParametersButton } from '../../ParametersButton'
+import { Container } from '@/src/components/Container'
+import { vaultTypeToLabel } from '../VaultDeposit/utils'
+import { formatVaultRedeemItems } from './utils'
+import { Image } from 'expo-image'
+
+const AdditionalRewards = ({ txInfo }: { txInfo: VaultRedeemTransactionInfo }) => {
+  const reward = txInfo.additionalRewards[0]
+  if (!reward) {
+    return null
+  }
+
+  const claimable = Number(reward.claimable) > 0
+  if (!claimable) {
+    return null
+  }
+
+  return (
+    <Container bordered padding="$4" gap="$2">
+      <Text fontWeight="600" marginBottom="$2">
+        Additional reward
+      </Text>
+      <ListTable
+        padding="0"
+        gap="$4"
+        items={[
+          {
+            label: 'Token',
+            value: `${reward.tokenInfo.name} ${reward.tokenInfo.symbol}`,
+          },
+          {
+            label: 'Earn',
+            value: formatPercentage(txInfo.additionalRewardsNrr / 100),
+          },
+        ]}
+      />
+      <XStack alignItems="center" gap="$1" marginTop="$2">
+        <Text fontSize={12} color="$colorSecondary">
+          Powered by
+        </Text>
+        <Image source={{ uri: txInfo.vaultInfo.logoUri }} style={{ width: 16, height: 16 }} />
+        <Text fontSize={12} color="$colorSecondary">
+          Morpho
+        </Text>
+      </XStack>
+    </Container>
+  )
+}
+
+interface VaultRedeemProps {
+  txInfo: VaultRedeemTransactionInfo
+  executionInfo: MultisigExecutionDetails
+  txId: string
+}
+
+export function VaultRedeem({ txInfo, executionInfo, txId }: VaultRedeemProps) {
+  const items = useMemo(() => formatVaultRedeemItems(txInfo), [txInfo])
+
+  return (
+    <YStack gap="$4">
+      <TransactionHeader
+        logo={txInfo.tokenInfo.logoUri ?? undefined}
+        badgeIcon="transaction-earn"
+        badgeColor="$textSecondaryLight"
+        title={
+          <XStack gap="$1">
+            <Text color="$textSecondaryLight" fontSize="$4">
+              {vaultTypeToLabel[txInfo.type]}
+            </Text>
+            <TokenAmount
+              value={txInfo.value}
+              tokenSymbol={txInfo.tokenInfo.symbol}
+              decimals={txInfo.tokenInfo.decimals}
+            />
+          </XStack>
+        }
+        submittedAt={executionInfo.submittedAt}
+      />
+
+      <ListTable items={items} gap="$4">
+        <ParametersButton txId={txId} />
+      </ListTable>
+
+      <AdditionalRewards txInfo={txInfo} />
+
+      <Text color="$textSecondaryLight">{txInfo.vaultInfo.description}</Text>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultRedeem/index.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultRedeem/index.tsx
new file mode 100644
index 000000000..6ff9b5904
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultRedeem/index.tsx
@@ -0,0 +1 @@
+export { VaultRedeem } from './VaultRedeem'
diff --git a/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultRedeem/utils.tsx b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultRedeem/utils.tsx
new file mode 100644
index 000000000..022daff03
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/components/confirmation-views/VaultRedeem/utils.tsx
@@ -0,0 +1,32 @@
+import React from 'react'
+import { View, Text } from 'tamagui'
+import { VaultRedeemTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TokenAmount } from '@/src/components/TokenAmount'
+import { ListTableItem } from '../../ListTable'
+import { Image } from 'expo-image'
+
+export const formatVaultRedeemItems = (txInfo: VaultRedeemTransactionInfo): ListTableItem[] => {
+  return [
+    {
+      label: 'Current reward',
+      render: () => (
+        <TokenAmount
+          value={txInfo.currentReward}
+          tokenSymbol={txInfo.tokenInfo.symbol}
+          decimals={txInfo.tokenInfo.decimals}
+        />
+      ),
+    },
+    {
+      label: 'Withdraw from',
+      render: () => (
+        <View flexDirection="row" alignItems="center" gap="$2">
+          <Image source={{ uri: txInfo.vaultInfo.logoUri }} style={{ width: 24, height: 24 }} />
+          <Text fontWeight="700" fontSize="$4">
+            {txInfo.vaultInfo.name}
+          </Text>
+        </View>
+      ),
+    },
+  ]
+}
diff --git a/apps/mobile/src/features/ConfirmTx/hooks/useOpenExplorer/index.ts b/apps/mobile/src/features/ConfirmTx/hooks/useOpenExplorer/index.ts
new file mode 100644
index 000000000..8de16dcc0
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/hooks/useOpenExplorer/index.ts
@@ -0,0 +1,3 @@
+import useOpenExplorer from './useOpenExplorer'
+
+export { useOpenExplorer }
diff --git a/apps/mobile/src/features/ConfirmTx/hooks/useOpenExplorer/useOpenExplorer.ts b/apps/mobile/src/features/ConfirmTx/hooks/useOpenExplorer/useOpenExplorer.ts
new file mode 100644
index 000000000..52d497dd6
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/hooks/useOpenExplorer/useOpenExplorer.ts
@@ -0,0 +1,20 @@
+import { useAppSelector } from '@/src/store/hooks'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { RootState } from '@/src/store'
+import { selectChainById } from '@/src/store/chains'
+import { getExplorerLink } from '@safe-global/utils/utils/gateway'
+import { Linking } from 'react-native'
+
+function useOpenExplorer(address: string) {
+  const activeSafe = useDefinedActiveSafe()
+  const activeChain = useAppSelector((state: RootState) => selectChainById(state, activeSafe.chainId))
+
+  const viewOnExplorer = () => {
+    const link = getExplorerLink(address, activeChain.blockExplorerUriTemplate)
+    Linking.openURL(link.href)
+  }
+
+  return viewOnExplorer
+}
+
+export default useOpenExplorer
diff --git a/apps/mobile/src/features/ConfirmTx/hooks/useTxSigner/index.ts b/apps/mobile/src/features/ConfirmTx/hooks/useTxSigner/index.ts
new file mode 100644
index 000000000..e13f0094d
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/hooks/useTxSigner/index.ts
@@ -0,0 +1 @@
+export { useTxSigner } from './useTxSigner'
diff --git a/apps/mobile/src/features/ConfirmTx/hooks/useTxSigner/useTxSigner.ts b/apps/mobile/src/features/ConfirmTx/hooks/useTxSigner/useTxSigner.ts
new file mode 100644
index 000000000..ecc81cf5b
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/hooks/useTxSigner/useTxSigner.ts
@@ -0,0 +1,56 @@
+import { useLayoutEffect, useMemo } from 'react'
+import { MultisigExecutionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { selectActiveSigner, setActiveSigner } from '@/src/store/activeSignerSlice'
+import { useAppSelector, useAppDispatch } from '@/src/store/hooks'
+import { RootState } from '@/src/store'
+import { extractAppSigners } from '../../utils'
+import { selectSigners } from '@/src/store/signersSlice'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+
+export const useTxSigner = (detailedExecutionInfo?: MultisigExecutionDetails) => {
+  const activeSafe = useDefinedActiveSafe()
+  const activeSigner = useAppSelector((state: RootState) => selectActiveSigner(state, activeSafe.address))
+  const signers = useAppSelector(selectSigners)
+  const dispatch = useAppDispatch()
+
+  const appSigners = extractAppSigners(signers, detailedExecutionInfo)
+  const activeTxSigner = useMemo(
+    () => appSigners.find((signer) => signer.value === activeSigner?.value),
+    [appSigners, activeSigner],
+  )
+
+  const hasSigned = useMemo(() => {
+    return detailedExecutionInfo?.confirmations?.some(
+      (confirmation) => confirmation.signer.value === activeSigner?.value,
+    )
+  }, [detailedExecutionInfo, activeSigner])
+
+  const proposedSigner = useMemo(() => {
+    const signers = appSigners.filter((signer) => {
+      return !detailedExecutionInfo?.confirmations?.some((confirmation) => confirmation.signer.value === signer?.value)
+    })
+
+    return signers?.find((signer) =>
+      detailedExecutionInfo?.signers?.some((executionSigner) => executionSigner.value === signer?.value),
+    )
+  }, [appSigners, activeSigner, detailedExecutionInfo])
+
+  useLayoutEffect(() => {
+    if (proposedSigner && activeTxSigner?.value !== proposedSigner.value && hasSigned) {
+      dispatch(setActiveSigner({ safeAddress: activeSafe.address, signer: proposedSigner }))
+      return
+    }
+  }, [proposedSigner, activeTxSigner, hasSigned])
+
+  useLayoutEffect(() => {
+    // Changes the active signer if there are app signers and the active signer is not in the app signers
+    // because it can be a signer of that safe but in a different chain
+    if (appSigners.length > 0 && !activeTxSigner) {
+      dispatch(setActiveSigner({ safeAddress: activeSafe.address, signer: appSigners[0] }))
+    }
+  }, [activeTxSigner, appSigners, proposedSigner])
+
+  const canSign = Boolean(proposedSigner) && !hasSigned
+
+  return { activeSigner, hasSigned, canSign }
+}
diff --git a/apps/mobile/src/features/ConfirmTx/index.ts b/apps/mobile/src/features/ConfirmTx/index.ts
new file mode 100644
index 000000000..7bd37f6a4
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/index.ts
@@ -0,0 +1 @@
+export { default as ConfirmTxContainer } from './ConfirmTx.container'
diff --git a/apps/mobile/src/features/ConfirmTx/utils.ts b/apps/mobile/src/features/ConfirmTx/utils.ts
new file mode 100644
index 000000000..e52a762b9
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmTx/utils.ts
@@ -0,0 +1,16 @@
+import { SignerInfo } from '@/src/types/address'
+import { MultisigExecutionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+export const extractAppSigners = (
+  signers: Record<string, SignerInfo>,
+  detailedExecutionInfo?: MultisigExecutionDetails,
+): SignerInfo[] => {
+  if (!detailedExecutionInfo || !('signers' in detailedExecutionInfo)) {
+    return []
+  }
+
+  const { signers: signersList } = detailedExecutionInfo
+
+  // TODO: remove this casting once we fix the cgw type problem
+  return signersList.filter((signer) => signers[signer.value]) as unknown as SignerInfo[]
+}
diff --git a/apps/mobile/src/features/ConfirmationsSheet/ConfirmationsSheet.container.tsx b/apps/mobile/src/features/ConfirmationsSheet/ConfirmationsSheet.container.tsx
new file mode 100644
index 000000000..d574a3c0a
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmationsSheet/ConfirmationsSheet.container.tsx
@@ -0,0 +1,98 @@
+import { SafeBottomSheet } from '@/src/components/SafeBottomSheet'
+import React, { useCallback, useMemo } from 'react'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { RouteProp, useRoute } from '@react-navigation/native'
+import { SignersCard } from '@/src/components/transactions-list/Card/SignersCard'
+import { Badge } from '@/src/components/Badge'
+import { Text, View } from 'tamagui'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Address } from '@/src/types/address'
+import {
+  AddressInfo,
+  MultisigExecutionDetails,
+  useTransactionsGetTransactionByIdV1Query,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { selectSigners } from '@/src/store/signersSlice'
+import { useAppSelector } from '@/src/store/hooks'
+import { ContactDisplayNameContainer } from '../AddressBook'
+
+export const ConfirmationsSheetContainer = () => {
+  const activeSafe = useDefinedActiveSafe()
+  const importedSigners = useAppSelector(selectSigners)
+  const txId = useRoute<RouteProp<{ params: { txId: string } }>>().params.txId
+  const { data, isLoading } = useTransactionsGetTransactionByIdV1Query({
+    chainId: activeSafe.chainId,
+    id: txId,
+  })
+
+  const { confirmations, signers, proposer } = data?.detailedExecutionInfo as MultisigExecutionDetails
+  const confirmationsMapper = useMemo(() => {
+    const mapper = confirmations.reduce((acc, confirmation) => {
+      acc.set(confirmation.signer.value as Address, true)
+
+      return acc
+    }, new Map<Address, boolean>())
+
+    return mapper
+  }, [confirmations])
+
+  const sortedSigners = useMemo(() => {
+    return Array.from(signers.values()).sort((a, b) => a.value.toLowerCase().localeCompare(b.value.toLowerCase()))
+  }, [signers])
+
+  const getSignerTag = useMemo(() => {
+    return (signerAddress: Address): string | undefined => {
+      if (importedSigners[signerAddress]?.value) {
+        return 'You'
+      }
+
+      if (proposer?.value === signerAddress) {
+        return 'Creator'
+      }
+
+      return undefined
+    }
+  }, [proposer, importedSigners])
+
+  const renderItem = useCallback(
+    ({ item }: { item: AddressInfo }) => {
+      const hasSigned = confirmationsMapper.has(item.value as Address)
+
+      return (
+        <View width="100%">
+          <SignersCard
+            name={<ContactDisplayNameContainer address={item.value as Address} />}
+            getSignerTag={getSignerTag}
+            address={item.value as Address}
+            rightNode={
+              <Badge
+                circular={false}
+                content={
+                  <View alignItems="center" flexDirection="row" gap="$1">
+                    {hasSigned && <SafeFontIcon size={12} name="check" />}
+
+                    <Text fontWeight={600} color={'$color'}>
+                      {hasSigned ? 'Signed' : 'Pending'}
+                    </Text>
+                  </View>
+                }
+                themeName={hasSigned ? 'badge_success_variant1' : 'badge_warning'}
+              />
+            }
+          />
+        </View>
+      )
+    },
+    [confirmationsMapper],
+  )
+
+  return (
+    <SafeBottomSheet
+      title="Confirmations"
+      loading={isLoading}
+      items={sortedSigners}
+      keyExtractor={({ item }) => item.value}
+      renderItem={renderItem}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/ConfirmationsSheet/index.ts b/apps/mobile/src/features/ConfirmationsSheet/index.ts
new file mode 100644
index 000000000..e575ac50b
--- /dev/null
+++ b/apps/mobile/src/features/ConfirmationsSheet/index.ts
@@ -0,0 +1 @@
+export { ConfirmationsSheetContainer } from './ConfirmationsSheet.container'
diff --git a/apps/mobile/src/features/ConflictTxSheet/ConflictTxSheet.container.tsx b/apps/mobile/src/features/ConflictTxSheet/ConflictTxSheet.container.tsx
new file mode 100644
index 000000000..72cf43a27
--- /dev/null
+++ b/apps/mobile/src/features/ConflictTxSheet/ConflictTxSheet.container.tsx
@@ -0,0 +1,46 @@
+import { Badge } from '@/src/components/Badge'
+import { SafeBottomSheet } from '@/src/components/SafeBottomSheet'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Link } from 'expo-router'
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+import { H3, H6, Text, View } from 'tamagui'
+
+export const ConflictTxSheetContainer = () => {
+  return (
+    <SafeBottomSheet>
+      <View flex={1} justifyContent="center" alignItems="center">
+        <Badge
+          themeName="badge_error"
+          circleSize={40}
+          content={<SafeFontIcon size={20} color="$error" name="alert" />}
+        />
+
+        <H3 fontWeight={600} marginTop="$6" marginBottom="$4">
+          Conflicting transactions
+        </H3>
+
+        <H6 textAlign="center" fontWeight={300}>
+          Marked transactions have the same nonce (order in the queue). Executing one of them will automatically replace
+          the other(s).
+        </H6>
+
+        <Link href={HelpCenterArticle.CONFLICTING_TRANSACTIONS} asChild>
+          <View
+            marginTop="$2"
+            flexDirection="row"
+            justifyContent="center"
+            alignItems="center"
+            gap="$2"
+            paddingVertical="$3"
+            paddingHorizontal="$10"
+          >
+            <SafeFontIcon color="$textSecondaryLight" name="info" size={16} />
+            <Text fontWeight={600} color="$textSecondaryLight">
+              Why did it happen?
+            </Text>
+          </View>
+        </Link>
+      </View>
+    </SafeBottomSheet>
+  )
+}
diff --git a/apps/mobile/src/features/ConflictTxSheet/index.ts b/apps/mobile/src/features/ConflictTxSheet/index.ts
new file mode 100644
index 000000000..9156ef077
--- /dev/null
+++ b/apps/mobile/src/features/ConflictTxSheet/index.ts
@@ -0,0 +1 @@
+export { ConflictTxSheetContainer } from './ConflictTxSheet.container'
diff --git a/apps/mobile/src/features/DataImport/DataTransfer.container.tsx b/apps/mobile/src/features/DataImport/DataTransfer.container.tsx
new file mode 100644
index 000000000..43c706ab2
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/DataTransfer.container.tsx
@@ -0,0 +1,33 @@
+import React, { useCallback } from 'react'
+import { useRouter } from 'expo-router'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { useColorScheme } from 'react-native'
+import { DataTransferView } from './components/DataTransferView'
+
+export const DataTransfer = () => {
+  const router = useRouter()
+  const insets = useSafeAreaInsets()
+  const colorScheme = useColorScheme()
+
+  const onPressTransferData = useCallback(() => {
+    // Navigate to help import flow
+    router.navigate('/import-data/help-import')
+  }, [router])
+
+  const onPressStartFresh = useCallback(() => {
+    // Go back to previous screen and then navigate to import accounts
+    router.back()
+    setTimeout(() => {
+      router.navigate('/(import-accounts)')
+    }, 100)
+  }, [router])
+
+  return (
+    <DataTransferView
+      colorScheme={colorScheme}
+      bottomInset={insets.bottom}
+      onPressTransferData={onPressTransferData}
+      onPressStartFresh={onPressStartFresh}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/DataImport/EnterPassword.container.tsx b/apps/mobile/src/features/DataImport/EnterPassword.container.tsx
new file mode 100644
index 000000000..a2f6bfa15
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/EnterPassword.container.tsx
@@ -0,0 +1,35 @@
+import React, { useCallback } from 'react'
+import { useRouter } from 'expo-router'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { useDataImportContext } from './context/DataImportProvider'
+import { EnterPasswordView } from './components/EnterPasswordView'
+
+export const EnterPassword = () => {
+  const router = useRouter()
+  const insets = useSafeAreaInsets()
+  const { handlePasswordChange, handleImport, password, isLoading, fileName } = useDataImportContext()
+
+  const handleDecrypt = useCallback(async () => {
+    const result = await handleImport()
+    if (result) {
+      // Navigate to review data screen to show what will be imported
+      router.push('/import-data/review-data')
+    } else {
+      // Navigate to error screen when import fails
+      router.push('/import-data/import-error')
+    }
+    handlePasswordChange('')
+  }, [handleImport, router])
+
+  return (
+    <EnterPasswordView
+      topInset={insets.top}
+      bottomInset={insets.bottom}
+      password={password}
+      isLoading={isLoading}
+      fileName={fileName ?? undefined}
+      onPasswordChange={handlePasswordChange}
+      onDecrypt={handleDecrypt}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/DataImport/FileSelection.container.tsx b/apps/mobile/src/features/DataImport/FileSelection.container.tsx
new file mode 100644
index 000000000..027b8561a
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/FileSelection.container.tsx
@@ -0,0 +1,34 @@
+import React, { useCallback } from 'react'
+import { useRouter } from 'expo-router'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { useColorScheme } from 'react-native'
+import { useDataImportContext } from './context/DataImportProvider'
+import { FileSelectionView } from './components/FileSelectionView'
+
+export const FileSelection = () => {
+  const router = useRouter()
+  const insets = useSafeAreaInsets()
+  const colorScheme = useColorScheme()
+  const { pickFile } = useDataImportContext()
+
+  const handleFileSelect = useCallback(async () => {
+    const fileSelected = await pickFile()
+    // Only navigate if a file was actually selected
+    if (fileSelected) {
+      router.push('/import-data/enter-password')
+    }
+  }, [pickFile, router])
+
+  const handleImagePress = useCallback(() => {
+    handleFileSelect()
+  }, [handleFileSelect])
+
+  return (
+    <FileSelectionView
+      colorScheme={colorScheme}
+      bottomInset={insets.bottom}
+      onFileSelect={handleFileSelect}
+      onImagePress={handleImagePress}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/DataImport/HelpImport.container.tsx b/apps/mobile/src/features/DataImport/HelpImport.container.tsx
new file mode 100644
index 000000000..3ff2eac4b
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/HelpImport.container.tsx
@@ -0,0 +1,28 @@
+import React, { useCallback } from 'react'
+import { useRouter } from 'expo-router'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { Linking } from 'react-native'
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+import { HelpImportView } from './components/HelpImportView'
+
+export const HelpImport = () => {
+  const router = useRouter()
+  const insets = useSafeAreaInsets()
+
+  const onPressProceedToImport = useCallback(() => {
+    // Navigate to file selection screen
+    router.push('/import-data/file-selection')
+  }, [router])
+
+  const onPressNeedHelp = useCallback(() => {
+    Linking.openURL(HelpCenterArticle.BULK_IMPORT_OLD_DATA)
+  }, [])
+
+  return (
+    <HelpImportView
+      bottomInset={insets.bottom}
+      onPressProceedToImport={onPressProceedToImport}
+      onPressNeedHelp={onPressNeedHelp}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/DataImport/ImportError.container.tsx b/apps/mobile/src/features/DataImport/ImportError.container.tsx
new file mode 100644
index 000000000..4b0da4bd7
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/ImportError.container.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { useTheme } from 'tamagui'
+import { router } from 'expo-router'
+import { ImportErrorView } from './components/ImportErrorView'
+
+export default function ImportError() {
+  const theme = useTheme()
+  const colors: [string, string] = [theme.errorDark.get(), 'transparent']
+  const insets = useSafeAreaInsets()
+
+  return <ImportErrorView colors={colors} bottomInset={insets.bottom} onTryAgain={router.back} />
+}
diff --git a/apps/mobile/src/features/DataImport/ImportProgressScreen.container.tsx b/apps/mobile/src/features/DataImport/ImportProgressScreen.container.tsx
new file mode 100644
index 000000000..f2f5613a8
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/ImportProgressScreen.container.tsx
@@ -0,0 +1,134 @@
+import React, { useEffect, useState, useRef } from 'react'
+import { useRouter } from 'expo-router'
+import { useDataImportContext } from './context/DataImportProvider'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { selectCurrency } from '@/src/store/settingsSlice'
+import useDelegate from '@/src/hooks/useDelegate'
+import Logger from '@/src/utils/logger'
+import {
+  fetchAndStoreSafeOverviews,
+  storeSafeContacts,
+  storeContacts,
+  LegacyDataStructure,
+  storeKeysWithValidation,
+  ImportProgressCallback,
+} from './helpers/transforms'
+import { ImportProgressScreenView } from './components/ImportProgressScreenView'
+
+export const ImportProgressScreen = () => {
+  const router = useRouter()
+  const { importedData, updateNotImportedKeys } = useDataImportContext()
+  const dispatch = useAppDispatch()
+  const currency = useAppSelector(selectCurrency)
+  const { createDelegate } = useDelegate()
+
+  const [progress, setProgress] = useState(0)
+  const [progressMessage, setProgressMessage] = useState('Initializing...')
+  const hasImportStarted = useRef(false)
+
+  useEffect(() => {
+    if (!importedData?.data) {
+      router.back()
+      return
+    }
+
+    // Prevent multiple imports
+    if (hasImportStarted.current) {
+      Logger.info('Import already in progress, skipping...')
+      return
+    }
+
+    const performImport = async () => {
+      try {
+        // Set the flag to prevent multiple imports
+        hasImportStarted.current = true
+
+        const data = importedData.data as LegacyDataStructure
+        const totalSteps = 4
+        let currentStep = 0
+
+        // Step 1: Fetch SafeOverview data and store it properly
+        currentStep++
+        setProgress(5)
+        setProgressMessage('Fetching safe information...')
+        Logger.info('Starting SafeOverview data fetch and storage...')
+
+        const safeInfos =
+          data.safes?.map((safe) => ({
+            address: safe.address,
+            chainId: safe.chain,
+          })) || []
+
+        // Create progress callback for safe overview fetching
+        const safeOverviewProgressCallback: ImportProgressCallback = (subProgress, message) => {
+          const stepProgress = ((currentStep - 1) / totalSteps) * 100
+          const currentStepProgress = subProgress * 0.25 // 25% of total progress for this step
+          setProgress(stepProgress + currentStepProgress)
+          setProgressMessage(message)
+        }
+
+        const allOwners = await fetchAndStoreSafeOverviews(safeInfos, currency, dispatch, safeOverviewProgressCallback)
+
+        // Step 2: Store safe contacts (quick operation)
+        currentStep++
+        setProgress(30)
+        setProgressMessage('Storing safe contacts...')
+        Logger.info('Storing safe contacts...')
+        storeSafeContacts(data, dispatch)
+
+        // Step 3: Import and validate signers/private keys with delegate creation
+        currentStep++
+        setProgress(35)
+        setProgressMessage('Processing signers and creating delegates...')
+        Logger.info('Starting key import with validation and delegate creation...')
+
+        // Create progress callback for key validation
+        const keyValidationProgressCallback: ImportProgressCallback = (subProgress, message) => {
+          const stepProgress = ((currentStep - 1) / totalSteps) * 100
+          const currentStepProgress = subProgress * 0.4 // 40% of total progress for this step
+          setProgress(stepProgress + currentStepProgress)
+          setProgressMessage(message)
+        }
+
+        await storeKeysWithValidation(
+          data,
+          allOwners,
+          dispatch,
+          updateNotImportedKeys,
+          createDelegate,
+          keyValidationProgressCallback,
+        )
+
+        // Step 4: Import address book/contacts
+        currentStep++
+        setProgress(80)
+        setProgressMessage('Importing address book...')
+        Logger.info('Starting contacts import...')
+        storeContacts(data, dispatch)
+
+        // Complete
+        setProgress(100)
+        setProgressMessage('Import completed successfully!')
+
+        // Wait a bit to show completion
+        await new Promise((resolve) => setTimeout(resolve, 1000))
+
+        // Navigate to success screen
+        router.push('/import-data/import-success')
+      } catch (error) {
+        Logger.error('Import failed:', error)
+        setProgressMessage('Import failed. Please try again.')
+        // Reset the flag on error so user can retry
+        hasImportStarted.current = false
+        // Wait a bit to show error message
+        await new Promise((resolve) => setTimeout(resolve, 2000))
+        // Navigate back to review screen on error
+        router.back()
+      }
+    }
+
+    performImport()
+  }, [importedData, dispatch, router, currency, createDelegate, updateNotImportedKeys])
+
+  return <ImportProgressScreenView progress={progress} message={progressMessage} />
+}
diff --git a/apps/mobile/src/features/DataImport/ImportSuccessScreen.container.tsx b/apps/mobile/src/features/DataImport/ImportSuccessScreen.container.tsx
new file mode 100644
index 000000000..77708f1bd
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/ImportSuccessScreen.container.tsx
@@ -0,0 +1,59 @@
+import React from 'react'
+import { useRouter } from 'expo-router'
+import { getTokenValue } from 'tamagui'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { selectAllSafes, SafesSlice } from '@/src/store/safesSlice'
+import { setActiveSafe } from '@/src/store/activeSafeSlice'
+import { SafeInfo } from '@/src/types/address'
+import { ImportSuccessScreenView } from './components/ImportSuccessScreenView'
+import { useDataImportContext } from './context/DataImportProvider'
+
+export const ImportSuccessScreen = () => {
+  const router = useRouter()
+  const insets = useSafeAreaInsets()
+  const dispatch = useAppDispatch()
+  const allSafes = useAppSelector(selectAllSafes) as SafesSlice
+  const { notImportedKeys } = useDataImportContext()
+  const colors: [string, string] = [getTokenValue('$color.successBackgroundLight'), 'transparent']
+
+  const handleContinue = () => {
+    const safeAddresses = Object.keys(allSafes)
+
+    if (safeAddresses.length > 0) {
+      const firstSafeAddress = safeAddresses[0] as `0x${string}`
+      const firstSafe = allSafes[firstSafeAddress]
+      const chainIds = Object.keys(firstSafe)
+
+      if (chainIds.length > 0) {
+        const activeChainId = chainIds[0]
+        const activeSafeInfo: SafeInfo = {
+          address: firstSafeAddress,
+          chainId: activeChainId,
+        }
+
+        dispatch(setActiveSafe(activeSafeInfo))
+
+        // Navigates to first screen in stack
+        router.dismissAll()
+        // closes first screen in stack
+        router.back()
+        // Navigate to the main assets screen
+        router.replace('/(tabs)')
+        return
+      }
+    }
+
+    // Fallback: just navigate to main screen
+    router.replace('/(tabs)')
+  }
+
+  return (
+    <ImportSuccessScreenView
+      bottomInset={insets.bottom}
+      gradientColors={colors}
+      onContinue={handleContinue}
+      notImportedKeys={notImportedKeys}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/DataImport/ReviewData.container.tsx b/apps/mobile/src/features/DataImport/ReviewData.container.tsx
new file mode 100644
index 000000000..3dbd50b19
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/ReviewData.container.tsx
@@ -0,0 +1,54 @@
+import React, { useCallback, useMemo } from 'react'
+import { useRouter } from 'expo-router'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { useDataImportContext } from './context/DataImportProvider'
+import { ReviewDataView } from './components/ReviewDataView'
+import { LegacyDataStructure } from './helpers/transforms'
+
+export const ReviewData = () => {
+  const router = useRouter()
+  const insets = useSafeAreaInsets()
+  const { importedData } = useDataImportContext()
+
+  const importSummary = useMemo(() => {
+    if (!importedData?.data) {
+      return { safeAccountsCount: 0, signersCount: 0, addressBookCount: 0 }
+    }
+
+    const data = importedData.data as LegacyDataStructure
+
+    // Count Safe Accounts from addedSafes
+    const safeAccountsCount = data.safes ? data.safes.length : 0
+
+    // Count signers from addedSafes owners
+    const allSigners = new Set<string>()
+    if (data.keys) {
+      data.keys.forEach((key) => {
+        allSigners.add(key.address)
+      })
+    }
+
+    // Count address book entries
+    const addressBookCount = data.contacts ? Object.keys(data.contacts).length : 0
+
+    return {
+      safeAccountsCount,
+      signersCount: allSigners.size,
+      addressBookCount,
+    }
+  }, [importedData])
+
+  const handleContinue = useCallback(() => {
+    // Navigate to import progress screen to start the actual import
+    router.push('/import-data/import-progress')
+  }, [router])
+
+  return (
+    <ReviewDataView
+      bottomInset={insets.bottom}
+      importSummary={importSummary}
+      isImportDataAvailable={!!importedData}
+      onContinue={handleContinue}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/DataImport/__tests__/EnterPassword.test.tsx b/apps/mobile/src/features/DataImport/__tests__/EnterPassword.test.tsx
new file mode 100644
index 000000000..8cbdf89e3
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/__tests__/EnterPassword.test.tsx
@@ -0,0 +1,56 @@
+import React from 'react'
+import { act, fireEvent, render } from '@/src/tests/test-utils'
+import { EnterPassword } from '../EnterPassword.container'
+import { useDataImportContext } from '../context/DataImportProvider'
+import { useRouter } from 'expo-router'
+
+jest.mock('../context/DataImportProvider', () => ({
+  useDataImportContext: jest.fn(),
+}))
+
+jest.mock('expo-router', () => ({
+  useRouter: jest.fn(),
+}))
+
+describe('EnterPassword', () => {
+  const pushMock = jest.fn()
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    jest.mocked(useRouter).mockReturnValue({ push: pushMock } as unknown as ReturnType<typeof useRouter>)
+  })
+
+  it('shows the selected file name', () => {
+    jest.mocked(useDataImportContext).mockReturnValue({
+      handlePasswordChange: jest.fn(),
+      handleImport: jest.fn(),
+      password: '',
+      isLoading: false,
+      fileName: 'export.json',
+    } as unknown as ReturnType<typeof useDataImportContext>)
+
+    const { getByTestId } = render(<EnterPassword />)
+
+    expect(getByTestId('file-name').props.children).toContain('export.json')
+  })
+
+  it('navigates to error screen when import fails', async () => {
+    const importMock = jest.fn().mockResolvedValue(null)
+    jest.mocked(useDataImportContext).mockReturnValue({
+      handlePasswordChange: jest.fn(),
+      handleImport: importMock,
+      password: 'pw',
+      isLoading: false,
+      fileName: 'export.json',
+    } as unknown as ReturnType<typeof useDataImportContext>)
+
+    const { getByTestId } = render(<EnterPassword />)
+
+    await act(async () => {
+      fireEvent.press(getByTestId('decrypt-button'))
+    })
+
+    expect(importMock).toHaveBeenCalled()
+    expect(pushMock).toHaveBeenCalledWith('/import-data/import-error')
+  })
+})
diff --git a/apps/mobile/src/features/DataImport/__tests__/FileSelection.test.tsx b/apps/mobile/src/features/DataImport/__tests__/FileSelection.test.tsx
new file mode 100644
index 000000000..194831936
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/__tests__/FileSelection.test.tsx
@@ -0,0 +1,50 @@
+import React from 'react'
+import { act, fireEvent, render } from '@/src/tests/test-utils'
+import { FileSelection } from '../FileSelection.container'
+import { useDataImportContext } from '../context/DataImportProvider'
+import { useRouter } from 'expo-router'
+
+jest.mock('../context/DataImportProvider', () => ({
+  useDataImportContext: jest.fn(),
+}))
+
+jest.mock('expo-router', () => ({
+  useRouter: jest.fn(),
+}))
+
+describe('FileSelection', () => {
+  const pushMock = jest.fn()
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    jest.mocked(useRouter).mockReturnValue({ push: pushMock } as unknown as ReturnType<typeof useRouter>)
+  })
+
+  it('navigates when a file is selected', async () => {
+    jest.mocked(useDataImportContext).mockReturnValue({
+      pickFile: jest.fn().mockResolvedValue(true),
+    } as unknown as ReturnType<typeof useDataImportContext>)
+
+    const { getByTestId } = render(<FileSelection />)
+
+    await act(async () => {
+      fireEvent.press(getByTestId('select-file-to-import-button'))
+    })
+
+    expect(pushMock).toHaveBeenCalledWith('/import-data/enter-password')
+  })
+
+  it('does not navigate when no file is selected', async () => {
+    jest.mocked(useDataImportContext).mockReturnValue({
+      pickFile: jest.fn().mockResolvedValue(false),
+    } as unknown as ReturnType<typeof useDataImportContext>)
+
+    const { getByTestId } = render(<FileSelection />)
+
+    await act(async () => {
+      fireEvent.press(getByTestId('select-file-to-import-button'))
+    })
+
+    expect(pushMock).not.toHaveBeenCalled()
+  })
+})
diff --git a/apps/mobile/src/features/DataImport/__tests__/ImportProgressScreen.test.tsx b/apps/mobile/src/features/DataImport/__tests__/ImportProgressScreen.test.tsx
new file mode 100644
index 000000000..88feff04a
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/__tests__/ImportProgressScreen.test.tsx
@@ -0,0 +1,111 @@
+import { useRouter } from 'expo-router'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { storePrivateKey } from '@/src/hooks/useSign/useSign'
+import { useDataImportContext } from '../context/DataImportProvider'
+import * as transforms from '../helpers/transforms'
+
+jest.mock('expo-router', () => ({
+  useRouter: jest.fn(),
+}))
+
+jest.mock('@/src/store/hooks', () => ({
+  useAppDispatch: jest.fn(),
+  useAppSelector: jest.fn(),
+}))
+
+jest.mock('@/src/hooks/useSign/useSign', () => ({
+  storePrivateKey: jest.fn(),
+}))
+
+jest.mock('@/src/hooks/useDelegate', () => ({
+  __esModule: true,
+  default: jest.fn(() => ({
+    createDelegate: jest.fn().mockResolvedValue({ success: true, delegateAddress: '0xDelegate' }),
+  })),
+}))
+
+jest.mock('../context/DataImportProvider', () => ({
+  useDataImportContext: jest.fn(),
+}))
+
+jest.mock('../helpers/transforms', () => ({
+  ...jest.requireActual('../helpers/transforms'),
+  fetchSafeOwnersInBatches: jest.fn(),
+  storeKeysWithValidation: jest.fn(),
+  storeSafes: jest.fn(),
+  storeContacts: jest.fn(),
+}))
+
+describe('ImportProgressScreen', () => {
+  const pushMock = jest.fn()
+  const backMock = jest.fn()
+  const dispatchMock = jest.fn()
+  const mockCreateDelegate = jest.fn()
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+
+    jest
+      .mocked(useRouter)
+      .mockReturnValue({ push: pushMock, back: backMock } as unknown as ReturnType<typeof useRouter>)
+    jest.mocked(useAppDispatch).mockReturnValue(dispatchMock)
+    jest.mocked(useAppSelector).mockReturnValue('USD')
+    jest.mocked(storePrivateKey).mockResolvedValue(undefined)
+    mockCreateDelegate.mockResolvedValue({ success: true, delegateAddress: '0xDelegate' })
+
+    // Mock useDelegate hook
+    require('@/src/hooks/useDelegate').default.mockReturnValue({
+      createDelegate: mockCreateDelegate,
+    })
+
+    // Mock transforms functions
+    jest.mocked(transforms.fetchSafeOwnersInBatches).mockResolvedValue(new Set(['0x2']))
+    jest.mocked(transforms.storeKeysWithValidation).mockResolvedValue(undefined)
+    jest.mocked(transforms.storeContacts).mockImplementation(jest.fn())
+  })
+
+  it('calls storeKeysWithValidation with createDelegate parameter', async () => {
+    const updateNotImportedKeys = jest.fn()
+
+    jest.mocked(useDataImportContext).mockReturnValue({
+      importedData: {
+        data: {
+          safes: [{ address: '0x1', chain: '1', name: 'Safe' }],
+          keys: [{ address: '0x2', name: 'Key', key: 'AAAA' }],
+          contacts: [{ address: '0x3', name: 'Contact', chain: '1' }],
+        },
+      },
+      updateNotImportedKeys,
+    } as unknown as ReturnType<typeof useDataImportContext>)
+
+    // Test that the hook integration works by checking the mocks
+    expect(mockCreateDelegate).toBeDefined()
+    expect(transforms.storeKeysWithValidation).toBeDefined()
+
+    // Simulate calling the storeKeysWithValidation with the createDelegate parameter
+    await transforms.storeKeysWithValidation(
+      { keys: [{ address: '0x2', name: 'Key', key: 'AAAA' }] },
+      new Set(['0x2']),
+      dispatchMock,
+      updateNotImportedKeys,
+      mockCreateDelegate,
+    )
+
+    // Verify that the function was called with the correct parameters
+    expect(transforms.storeKeysWithValidation).toHaveBeenCalledWith(
+      { keys: [{ address: '0x2', name: 'Key', key: 'AAAA' }] },
+      new Set(['0x2']),
+      dispatchMock,
+      updateNotImportedKeys,
+      mockCreateDelegate,
+    )
+  })
+
+  it('useDelegate hook returns createDelegate function', () => {
+    const useDelegate = require('@/src/hooks/useDelegate').default
+    const result = useDelegate()
+
+    expect(result.createDelegate).toBeDefined()
+    expect(typeof result.createDelegate).toBe('function')
+  })
+})
diff --git a/apps/mobile/src/features/DataImport/__tests__/ReviewData.test.tsx b/apps/mobile/src/features/DataImport/__tests__/ReviewData.test.tsx
new file mode 100644
index 000000000..20ddae491
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/__tests__/ReviewData.test.tsx
@@ -0,0 +1,58 @@
+import React from 'react'
+import { fireEvent, render, within } from '@/src/tests/test-utils'
+import { ReviewData } from '../ReviewData.container'
+import { useDataImportContext } from '../context/DataImportProvider'
+import { useRouter } from 'expo-router'
+
+jest.mock('../context/DataImportProvider', () => ({
+  useDataImportContext: jest.fn(),
+}))
+
+jest.mock('expo-router', () => ({
+  useRouter: jest.fn(),
+}))
+
+describe('ReviewData', () => {
+  const pushMock = jest.fn()
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    jest.mocked(useRouter).mockReturnValue({ push: pushMock } as unknown as ReturnType<typeof useRouter>)
+  })
+
+  it('summarizes imported counts correctly', () => {
+    jest.mocked(useDataImportContext).mockReturnValue({
+      importedData: {
+        data: {
+          safes: [
+            { address: '0x1', chain: '1', name: 'Safe 1' },
+            { address: '0x2', chain: '1', name: 'Safe 2' },
+          ],
+          contacts: [{ address: '0x3', name: 'Contact', chain: '1' }],
+          keys: [
+            { address: '0x4', name: 'Key 1', key: 'AAA' },
+            { address: '0x4', name: 'Key 1', key: 'BBB' },
+          ],
+        },
+      },
+    } as unknown as ReturnType<typeof useDataImportContext>)
+
+    const { getByTestId } = render(<ReviewData />)
+
+    expect(within(getByTestId('safe-accounts-summary')).getByText('2')).toBeTruthy()
+    expect(within(getByTestId('signers-summary')).getByText('1')).toBeTruthy()
+    expect(within(getByTestId('address-book-summary')).getByText('1')).toBeTruthy()
+  })
+
+  it('navigates to progress screen on continue', () => {
+    jest.mocked(useDataImportContext).mockReturnValue({
+      importedData: { data: {} },
+    } as unknown as ReturnType<typeof useDataImportContext>)
+
+    const { getByTestId } = render(<ReviewData />)
+
+    fireEvent.press(getByTestId('continue-button'))
+
+    expect(pushMock).toHaveBeenCalledWith('/import-data/import-progress')
+  })
+})
diff --git a/apps/mobile/src/features/DataImport/__tests__/useLegacyImport.test.ts b/apps/mobile/src/features/DataImport/__tests__/useLegacyImport.test.ts
new file mode 100644
index 000000000..65ab34289
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/__tests__/useLegacyImport.test.ts
@@ -0,0 +1,205 @@
+import { act, renderHook } from '@/src/tests/test-utils'
+import { useLegacyImport } from '../hooks/useLegacyImport'
+import * as DocumentPicker from 'expo-document-picker'
+import * as FileSystem from 'expo-file-system'
+import {
+  decodeLegacyData,
+  LegacyDataPasswordError,
+  LegacyDataFormatError,
+  LegacyDataCorruptedError,
+} from '@/src/utils/legacyData'
+
+jest.mock('expo-document-picker')
+jest.mock('expo-file-system')
+jest.mock('@/src/utils/legacyData', () => ({
+  decodeLegacyData: jest.fn(),
+  LegacyDataPasswordError: class LegacyDataPasswordError extends Error {
+    constructor() {
+      super('Invalid password for legacy data')
+      this.name = 'LegacyDataPasswordError'
+    }
+  },
+  LegacyDataFormatError: class LegacyDataFormatError extends Error {
+    constructor() {
+      super('Invalid legacy data format')
+      this.name = 'LegacyDataFormatError'
+    }
+  },
+  LegacyDataCorruptedError: class LegacyDataCorruptedError extends Error {
+    constructor() {
+      super('Legacy data appears to be corrupted')
+      this.name = 'LegacyDataCorruptedError'
+    }
+  },
+}))
+
+describe('useLegacyImport', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('imports a valid file', async () => {
+    jest.mocked(DocumentPicker.getDocumentAsync).mockResolvedValue({
+      canceled: false,
+      assets: [{ uri: 'uri', name: 'file.json' }],
+    } as unknown as DocumentPicker.DocumentPickerResult)
+
+    const fileContent = JSON.stringify({ version: '1.0', data: { hello: 'world' } })
+    jest.mocked(FileSystem.readAsStringAsync).mockResolvedValue(fileContent)
+    jest.mocked(decodeLegacyData).mockReturnValue({
+      version: '1.0',
+      data: { hello: 'world' },
+    })
+
+    const { result } = renderHook(() => useLegacyImport())
+
+    await act(async () => {
+      await result.current.pickFile()
+    })
+
+    act(() => {
+      result.current.handlePasswordChange('pw')
+    })
+
+    let data
+    await act(async () => {
+      data = await result.current.handleImport()
+    })
+
+    expect(data).toEqual({ version: '1.0', data: { hello: 'world' } })
+    expect(result.current.importedData).toEqual({ version: '1.0', data: { hello: 'world' } })
+    expect(result.current.error).toBeUndefined()
+  })
+
+  it('sets error on invalid JSON', async () => {
+    jest.mocked(DocumentPicker.getDocumentAsync).mockResolvedValue({
+      canceled: false,
+      assets: [{ uri: 'uri', name: 'file.json' }],
+    } as unknown as DocumentPicker.DocumentPickerResult)
+    jest.mocked(FileSystem.readAsStringAsync).mockResolvedValue('not json')
+
+    const { result } = renderHook(() => useLegacyImport())
+
+    await act(async () => {
+      await result.current.pickFile()
+    })
+
+    act(() => {
+      result.current.handlePasswordChange('pw')
+    })
+
+    await act(async () => {
+      await result.current.handleImport()
+    })
+
+    expect(result.current.error).toBe('Invalid file format. Please select a valid export file.')
+  })
+
+  it('sets error on wrong password', async () => {
+    jest.mocked(DocumentPicker.getDocumentAsync).mockResolvedValue({
+      canceled: false,
+      assets: [{ uri: 'uri', name: 'file.json' }],
+    } as unknown as DocumentPicker.DocumentPickerResult)
+    jest.mocked(FileSystem.readAsStringAsync).mockResolvedValue('{}')
+    jest.mocked(decodeLegacyData).mockImplementation(() => {
+      throw new LegacyDataPasswordError()
+    })
+
+    const { result } = renderHook(() => useLegacyImport())
+
+    await act(async () => {
+      await result.current.pickFile()
+    })
+
+    act(() => {
+      result.current.handlePasswordChange('pw')
+    })
+
+    await act(async () => {
+      await result.current.handleImport()
+    })
+
+    expect(result.current.error).toBe('Incorrect password. Please try again.')
+  })
+
+  it('sets error on format error', async () => {
+    jest.mocked(DocumentPicker.getDocumentAsync).mockResolvedValue({
+      canceled: false,
+      assets: [{ uri: 'uri', name: 'file.json' }],
+    } as unknown as DocumentPicker.DocumentPickerResult)
+    jest.mocked(FileSystem.readAsStringAsync).mockResolvedValue('{}')
+    jest.mocked(decodeLegacyData).mockImplementation(() => {
+      throw new LegacyDataFormatError()
+    })
+
+    const { result } = renderHook(() => useLegacyImport())
+
+    await act(async () => {
+      await result.current.pickFile()
+    })
+
+    act(() => {
+      result.current.handlePasswordChange('pw')
+    })
+
+    await act(async () => {
+      await result.current.handleImport()
+    })
+
+    expect(result.current.error).toBe('Invalid file format. Please select a valid export file.')
+  })
+
+  it('sets error on corrupted data error', async () => {
+    jest.mocked(DocumentPicker.getDocumentAsync).mockResolvedValue({
+      canceled: false,
+      assets: [{ uri: 'uri', name: 'file.json' }],
+    } as unknown as DocumentPicker.DocumentPickerResult)
+    jest.mocked(FileSystem.readAsStringAsync).mockResolvedValue('{}')
+    jest.mocked(decodeLegacyData).mockImplementation(() => {
+      throw new LegacyDataCorruptedError()
+    })
+
+    const { result } = renderHook(() => useLegacyImport())
+
+    await act(async () => {
+      await result.current.pickFile()
+    })
+
+    act(() => {
+      result.current.handlePasswordChange('pw')
+    })
+
+    await act(async () => {
+      await result.current.handleImport()
+    })
+
+    expect(result.current.error).toBe('Invalid file format. Please select a valid export file.')
+  })
+
+  it('sets generic error for unknown errors', async () => {
+    jest.mocked(DocumentPicker.getDocumentAsync).mockResolvedValue({
+      canceled: false,
+      assets: [{ uri: 'uri', name: 'file.json' }],
+    } as unknown as DocumentPicker.DocumentPickerResult)
+    jest.mocked(FileSystem.readAsStringAsync).mockResolvedValue('{}')
+    jest.mocked(decodeLegacyData).mockImplementation(() => {
+      throw new Error('Unknown error')
+    })
+
+    const { result } = renderHook(() => useLegacyImport())
+
+    await act(async () => {
+      await result.current.pickFile()
+    })
+
+    act(() => {
+      result.current.handlePasswordChange('pw')
+    })
+
+    await act(async () => {
+      await result.current.handleImport()
+    })
+
+    expect(result.current.error).toBe('Failed to import data. Please check your file and password.')
+  })
+})
diff --git a/apps/mobile/src/features/DataImport/components/DataTransferView.tsx b/apps/mobile/src/features/DataImport/components/DataTransferView.tsx
new file mode 100644
index 000000000..64e738811
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/components/DataTransferView.tsx
@@ -0,0 +1,73 @@
+import React from 'react'
+import { Text, YStack, Image, styled, H2, H5, getTokenValue } from 'tamagui'
+import { SafeButton } from '@/src/components/SafeButton'
+import TransferOldAppDark from '@/assets/images/transfer-old-app-dark.png'
+import TransferOldAppLight from '@/assets/images/transfer-old-app-light.png'
+import { ColorSchemeName } from 'react-native'
+import { GradientText } from '@/src/components/GradientText'
+
+const StyledText = styled(Text, {
+  fontSize: '$4',
+  textAlign: 'center',
+})
+
+interface DataTransferViewProps {
+  colorScheme: ColorSchemeName
+  bottomInset: number
+  onPressTransferData: () => void
+  onPressStartFresh: () => void
+}
+
+export const DataTransferView = ({
+  colorScheme,
+  bottomInset,
+  onPressTransferData,
+  onPressStartFresh,
+}: DataTransferViewProps) => {
+  return (
+    <YStack flex={1} paddingTop={'$4'} testID="data-transfer-screen">
+      {/* Content */}
+      <YStack flex={1} paddingHorizontal="$4" justifyContent="space-between" marginBottom={'$4'}>
+        <YStack gap="$4" alignItems="center">
+          {colorScheme === 'dark' ? (
+            <GradientText
+              colors={[getTokenValue('$color.infoMainDark'), getTokenValue('$color.primaryMainDark')]}
+              fontWeight={'600'}
+              color="$green9"
+              fontSize="$5"
+              textAlign="center"
+              gradientStart={{ x: 0, y: 0 }}
+              gradientEnd={{ x: 1, y: 0 }}
+            >
+              Still have the old app?
+            </GradientText>
+          ) : (
+            <H5 fontWeight={'600'} color="$colorSecondary">
+              Still have the old app?
+            </H5>
+          )}
+
+          <H2 fontWeight={'600'} textAlign="center">
+            Import old app data
+          </H2>
+
+          <StyledText>Move your Safe accounts, signers, and address book in minutes.</StyledText>
+        </YStack>
+
+        {/* Phone Mockup */}
+        <Image source={colorScheme === 'dark' ? TransferOldAppDark : TransferOldAppLight} />
+      </YStack>
+
+      {/* Bottom Buttons */}
+      <YStack gap="$3" paddingHorizontal="$4" paddingBottom={bottomInset} paddingTop="$4">
+        <SafeButton primary testID="transfer-data-button" onPress={onPressTransferData}>
+          Import data
+        </SafeButton>
+
+        <SafeButton text testID="start-fresh-button" onPress={onPressStartFresh}>
+          Start fresh
+        </SafeButton>
+      </YStack>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/DataImport/components/EnterPasswordView.tsx b/apps/mobile/src/features/DataImport/components/EnterPasswordView.tsx
new file mode 100644
index 000000000..d59e9f9d8
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/components/EnterPasswordView.tsx
@@ -0,0 +1,78 @@
+import React from 'react'
+import { Text, YStack, H2, XStack, ScrollView } from 'tamagui'
+import { SafeButton } from '@/src/components/SafeButton'
+import { KeyboardAvoidingView } from 'react-native'
+import { Alert } from '@/src/components/Alert'
+import { SafeInput } from '@/src/components/SafeInput'
+
+interface EnterPasswordViewProps {
+  topInset: number
+  bottomInset: number
+  password: string
+  isLoading: boolean
+  fileName?: string
+  onPasswordChange: (password: string) => void
+  onDecrypt: () => void
+}
+
+export const EnterPasswordView = ({
+  topInset,
+  bottomInset,
+  password,
+  isLoading,
+  fileName,
+  onPasswordChange,
+  onDecrypt,
+}: EnterPasswordViewProps) => {
+  return (
+    <KeyboardAvoidingView behavior="padding" style={{ flex: 1 }} keyboardVerticalOffset={bottomInset + topInset}>
+      <ScrollView contentContainerStyle={{ flex: 1 }} keyboardShouldPersistTaps="handled">
+        <YStack flex={1} testID="enter-password-screen">
+          <YStack flex={1} paddingHorizontal="$4" justifyContent="space-between" marginTop={'$4'}>
+            <YStack gap="$6">
+              <H2 fontWeight={'600'} textAlign="center" marginHorizontal={'$4'}>
+                Enter password
+              </H2>
+
+              <XStack justifyContent="center">
+                <Alert type="warning" message="Use the password you set to encrypt the file." orientation="left" />
+              </XStack>
+
+              <YStack gap="$4">
+                <SafeInput
+                  placeholder="Enter the file password"
+                  keyboardType="visible-password"
+                  value={password}
+                  onChangeText={onPasswordChange}
+                  autoFocus
+                  secureTextEntry
+                  testID="password-input"
+                />
+
+                <YStack>
+                  {fileName && (
+                    <Text color="$colorSecondary" fontSize="$3" testID="file-name">
+                      File: {fileName}
+                    </Text>
+                  )}
+                </YStack>
+              </YStack>
+            </YStack>
+
+            <YStack gap="$4" paddingBottom={bottomInset}>
+              <SafeButton
+                primary
+                testID="decrypt-button"
+                onPress={onDecrypt}
+                disabled={!password.length || isLoading}
+                opacity={!password.length || isLoading ? 0.5 : 1}
+              >
+                {isLoading ? 'Decrypting...' : 'Continue'}
+              </SafeButton>
+            </YStack>
+          </YStack>
+        </YStack>
+      </ScrollView>
+    </KeyboardAvoidingView>
+  )
+}
diff --git a/apps/mobile/src/features/DataImport/components/FileSelectionView.tsx b/apps/mobile/src/features/DataImport/components/FileSelectionView.tsx
new file mode 100644
index 000000000..fd0d14789
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/components/FileSelectionView.tsx
@@ -0,0 +1,51 @@
+import React from 'react'
+import { Text, YStack, Image, styled, H2 } from 'tamagui'
+import { SafeButton } from '@/src/components/SafeButton'
+import ImportDataSelectFilesDark from '@/assets/images/import-data-select-files-dark.png'
+import ImportDataSelectFilesLight from '@/assets/images/import-data-select-files-light.png'
+import { ColorSchemeName, TouchableOpacity } from 'react-native'
+
+const StyledText = styled(Text, {
+  fontSize: '$4',
+  textAlign: 'center',
+  color: '$colorSecondary',
+})
+
+interface FileSelectionViewProps {
+  colorScheme: ColorSchemeName
+  bottomInset: number
+  onFileSelect: () => void
+  onImagePress: () => void
+}
+
+export const FileSelectionView = ({ colorScheme, bottomInset, onFileSelect, onImagePress }: FileSelectionViewProps) => {
+  return (
+    <YStack flex={1} testID="file-selection-screen" paddingBottom={bottomInset}>
+      <YStack flex={1} paddingHorizontal="$4" justifyContent="space-between" marginTop={'$4'}>
+        <YStack gap="$4" flex={1}>
+          <H2 fontWeight={'600'} textAlign="center" marginHorizontal={'$4'}>
+            Import your file
+          </H2>
+
+          <StyledText>Find the exported file from your old app to continue.</StyledText>
+
+          <YStack flex={1} justifyContent="center" alignItems="center">
+            <TouchableOpacity onPress={onImagePress} activeOpacity={0.8}>
+              <Image
+                source={colorScheme === 'dark' ? ImportDataSelectFilesDark : ImportDataSelectFilesLight}
+                alignSelf="center"
+                marginVertical="$4"
+              />
+            </TouchableOpacity>
+          </YStack>
+        </YStack>
+
+        <YStack gap="$4">
+          <SafeButton primary testID="select-file-to-import-button" onPress={onFileSelect}>
+            Select from files
+          </SafeButton>
+        </YStack>
+      </YStack>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/DataImport/components/HelpImportView.tsx b/apps/mobile/src/features/DataImport/components/HelpImportView.tsx
new file mode 100644
index 000000000..269cfdeed
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/components/HelpImportView.tsx
@@ -0,0 +1,79 @@
+import React from 'react'
+import { Text, YStack, XStack, styled, H2 } from 'tamagui'
+import { SafeButton } from '@/src/components/SafeButton'
+import { TouchableOpacity } from 'react-native'
+import { Badge } from '@/src/components/Badge'
+
+const StepText = styled(Text, {
+  fontSize: '$4',
+  lineHeight: '$5',
+  color: '$color',
+  flex: 1,
+})
+
+const HighlightedText = styled(Text, {
+  color: '$primary',
+  fontWeight: '600',
+})
+
+const StepBadge = ({ step }: { step: string }) => {
+  return <Badge themeName="badge_background" content={step} textContentProps={{ fontWeight: 600 }} />
+}
+
+interface HelpImportViewProps {
+  bottomInset: number
+  onPressProceedToImport: () => void
+  onPressNeedHelp: () => void
+}
+
+export const HelpImportView = ({ bottomInset, onPressProceedToImport, onPressNeedHelp }: HelpImportViewProps) => {
+  return (
+    <YStack flex={1} testID="help-import-screen">
+      <YStack flex={1} paddingHorizontal="$4" justifyContent="space-between" marginTop={'$4'}>
+        <YStack gap="$6">
+          <H2 fontWeight={'600'} textAlign="center" marginHorizontal={'$4'}>
+            How to move your data
+          </H2>
+
+          <YStack gap="$4">
+            <XStack gap="$3" alignItems="center">
+              <StepBadge step="1" />
+              <StepText>
+                Open your old Safe{'{'}Wallet{'}'} app.
+              </StepText>
+            </XStack>
+
+            <XStack gap="$3" alignItems="center">
+              <StepBadge step="2" />
+              <StepText>
+                Go to <HighlightedText>Settings</HighlightedText> → <HighlightedText>Export Data</HighlightedText>.
+              </StepText>
+            </XStack>
+
+            <XStack gap="$3" alignItems="center">
+              <StepBadge step="3" />
+              <StepText>Follow the steps to save the file.</StepText>
+            </XStack>
+
+            <XStack gap="$3" alignItems="center">
+              <StepBadge step="4" />
+              <StepText>Return here to import it.</StepText>
+            </XStack>
+          </YStack>
+        </YStack>
+
+        <YStack gap="$4" paddingBottom={bottomInset}>
+          <SafeButton primary testID="proceed-to-import-button" onPress={onPressProceedToImport}>
+            Proceed to import
+          </SafeButton>
+
+          <TouchableOpacity onPress={onPressNeedHelp} testID="need-help-button">
+            <Text textAlign="center" fontSize="$4">
+              Need help? <HighlightedText>Visit Help Center</HighlightedText>
+            </Text>
+          </TouchableOpacity>
+        </YStack>
+      </YStack>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/DataImport/components/ImportErrorView.tsx b/apps/mobile/src/features/DataImport/components/ImportErrorView.tsx
new file mode 100644
index 000000000..019fc8d17
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/components/ImportErrorView.tsx
@@ -0,0 +1,66 @@
+import { StyleSheet } from 'react-native'
+import { LinearGradient } from 'expo-linear-gradient'
+import React from 'react'
+import { ScrollView, Text, View, YStack } from 'tamagui'
+import { Badge } from '@/src/components/Badge'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { LargeHeaderTitle } from '@/src/components/Title'
+import { SafeButton } from '@/src/components/SafeButton'
+
+interface ImportErrorViewProps {
+  colors: [string, string]
+  bottomInset: number
+  onTryAgain: () => void
+}
+
+export const ImportErrorView = ({ colors, bottomInset, onTryAgain }: ImportErrorViewProps) => {
+  return (
+    <YStack flex={1} testID="import-error-screen" paddingBottom={bottomInset}>
+      <LinearGradient colors={colors} style={styles.background} />
+      <View flex={1} justifyContent="space-between">
+        <View flex={1}>
+          <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
+            <View
+              flex={1}
+              flexGrow={1}
+              alignItems="center"
+              marginTop="$10"
+              justifyContent="center"
+              paddingHorizontal="$3"
+            >
+              <Badge
+                themeName="badge_error"
+                circleSize={64}
+                content={<SafeFontIcon size={32} color="$error" name="close-filled" />}
+              />
+
+              <View margin="$4" width="100%" alignItems="center" gap="$4">
+                <LargeHeaderTitle textAlign="center" size="$8" lineHeight={32} maxWidth={200} fontWeight={600}>
+                  Import failed
+                </LargeHeaderTitle>
+
+                <Text textAlign="center" fontSize="$4" width="80%">
+                  The file could not be processed. Please check the file details and try again.
+                </Text>
+              </View>
+            </View>
+          </ScrollView>
+        </View>
+
+        <View paddingHorizontal="$4" gap="$4">
+          <SafeButton onPress={onTryAgain}>Try again</SafeButton>
+        </View>
+      </View>
+    </YStack>
+  )
+}
+
+const styles = StyleSheet.create({
+  background: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    height: 300,
+  },
+})
diff --git a/apps/mobile/src/features/DataImport/components/ImportProgressScreenView.tsx b/apps/mobile/src/features/DataImport/components/ImportProgressScreenView.tsx
new file mode 100644
index 000000000..45928a3f6
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/components/ImportProgressScreenView.tsx
@@ -0,0 +1,48 @@
+import React from 'react'
+import { Text, YStack, H2, ScrollView, View } from 'tamagui'
+import { Bar } from 'react-native-progress'
+
+interface ImportProgressScreenViewProps {
+  progress: number
+  message?: string
+}
+
+export const ImportProgressScreenView = ({ progress, message }: ImportProgressScreenViewProps) => {
+  return (
+    <ScrollView contentContainerStyle={{ flex: 1 }}>
+      <YStack flex={1} testID="import-progress-screen">
+        {/* Content */}
+        <YStack flex={1} paddingHorizontal="$4" justifyContent="center" alignItems="center">
+          <YStack gap="$6" alignItems="center" maxWidth={300}>
+            {/* Title */}
+            <H2 fontWeight={'600'} textAlign="center">
+              Importing data...
+            </H2>
+
+            {/* Subtitle */}
+            <Text fontSize="$4" textAlign="center" color="$colorSecondary">
+              Hang on, it may take a few seconds
+            </Text>
+
+            {/* Progress Message */}
+            {message && (
+              <Text fontSize="$3" textAlign="center" color="$colorSecondary" marginTop="$4">
+                {message}
+              </Text>
+            )}
+
+            {/* Progress Bar Container */}
+            <View width="100%" height={8} borderRadius="$2" overflow="hidden" marginTop="$8">
+              <Bar progress={progress / 100} borderWidth={0} color="#5FDDFF" useNativeDriver={true} />
+            </View>
+
+            {/* Progress Percentage */}
+            <Text fontSize="$5" fontWeight="600" color="$color">
+              {Math.round(progress)}%
+            </Text>
+          </YStack>
+        </YStack>
+      </YStack>
+    </ScrollView>
+  )
+}
diff --git a/apps/mobile/src/features/DataImport/components/ImportSuccessScreenView.tsx b/apps/mobile/src/features/DataImport/components/ImportSuccessScreenView.tsx
new file mode 100644
index 000000000..a7ac0d680
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/components/ImportSuccessScreenView.tsx
@@ -0,0 +1,113 @@
+import React from 'react'
+import { Text, YStack, H2, ScrollView, View, XStack } from 'tamagui'
+import { SafeButton } from '@/src/components/SafeButton'
+import { StyleSheet } from 'react-native'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Badge } from '@/src/components/Badge'
+import { LinearGradient } from 'expo-linear-gradient'
+import { NotImportedKey } from '../helpers/transforms'
+import { Identicon } from '@/src/components/Identicon'
+import { Container } from '@/src/components/Container'
+import { InfoSheet } from '@/src/components/InfoSheet'
+
+interface ImportSuccessScreenViewProps {
+  bottomInset: number
+  gradientColors: [string, string]
+  onContinue: () => void
+  notImportedKeys: NotImportedKey[]
+}
+
+export const ImportSuccessScreenView = ({
+  bottomInset,
+  gradientColors,
+  onContinue,
+  notImportedKeys,
+}: ImportSuccessScreenViewProps) => {
+  return (
+    <View flex={1} paddingBottom={bottomInset} testID="import-success-screen">
+      <LinearGradient colors={gradientColors} style={styles.background} />
+      <View flex={1} justifyContent="space-between">
+        <View flex={1}>
+          <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
+            <View flex={1} flexGrow={1} alignItems="center" justifyContent="center" paddingHorizontal="$3">
+              <Badge
+                themeName="badge_success_variant1"
+                circleSize={64}
+                content={<SafeFontIcon size={32} name="check-filled" />}
+              />
+
+              <YStack margin="$4" width="100%" alignItems="center" gap="$4">
+                {/* Title */}
+                <H2 fontWeight={'600'} textAlign="center">
+                  Import complete!
+                </H2>
+
+                {/* Subtitle */}
+                <Text fontSize="$4" textAlign="center" marginHorizontal={'$4'} color="$colorSecondary">
+                  {notImportedKeys.length > 0
+                    ? "Your data has been successfully imported. However, some signers are not associated with your Safe accounts and won't be added"
+                    : 'Your accounts, signers, and contacts are ready to use.'}
+                </Text>
+
+                {/* Not Imported Keys Section */}
+                {notImportedKeys.length > 0 && (
+                  <YStack width="100%" gap="$3" marginTop="$4" paddingHorizontal="$2">
+                    <InfoSheet info="Those keys were not associated with any Safe account from your import.">
+                      <XStack alignItems="center" justifyContent="center" gap="$2">
+                        <SafeFontIcon size={16} name={'info'} color="$colorSecondary" />
+                        <Text fontWeight="500" color="$colorSecondary">
+                          Why did it happen?
+                        </Text>
+                      </XStack>
+                    </InfoSheet>
+
+                    <Container gap="$2" backgroundColor="$background" padding="$3" borderRadius="$3">
+                      <Text fontWeight="500" marginBottom="$2">
+                        Not imported:
+                      </Text>
+                      {notImportedKeys.map((key, index) => (
+                        <XStack key={index} alignItems="center" gap="$3" paddingVertical="$1">
+                          <Identicon address={key.address as `0x${string}`} size={32} />
+                          <YStack flex={1}>
+                            <Text fontSize="$3" fontWeight="500">
+                              {key.name}
+                            </Text>
+                            <Text fontSize="$2" color="$colorSecondary">
+                              {key.address.slice(0, 6)}...{key.address.slice(-4)}
+                            </Text>
+                          </YStack>
+                        </XStack>
+                      ))}
+                    </Container>
+                  </YStack>
+                )}
+              </YStack>
+            </View>
+          </ScrollView>
+        </View>
+
+        <View paddingHorizontal="$4">
+          <Text fontSize="$2" color="$colorSecondary" marginBottom="$2" textAlign="center">
+            This does not affect your imported accounts or the security of your data.
+          </Text>
+          <SafeButton primary testID="continue-button" onPress={onContinue}>
+            Continue
+          </SafeButton>
+        </View>
+      </View>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  background: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    height: 300,
+  },
+  notImportedHeader: {
+    alignSelf: 'center',
+  },
+})
diff --git a/apps/mobile/src/features/DataImport/components/ReviewDataView.tsx b/apps/mobile/src/features/DataImport/components/ReviewDataView.tsx
new file mode 100644
index 000000000..5d039830d
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/components/ReviewDataView.tsx
@@ -0,0 +1,158 @@
+import React from 'react'
+import { Text, YStack, H2, XStack, ScrollView } from 'tamagui'
+import { SafeButton } from '@/src/components/SafeButton'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Container } from '@/src/components/Container'
+import { Badge } from '@/src/components/Badge'
+
+interface ImportSummary {
+  safeAccountsCount: number
+  signersCount: number
+  addressBookCount: number
+}
+
+interface ReviewDataViewProps {
+  bottomInset: number
+  importSummary: ImportSummary
+  isImportDataAvailable: boolean
+  onContinue: () => void
+}
+
+export const ReviewDataView = ({
+  bottomInset,
+  importSummary,
+  isImportDataAvailable,
+  onContinue,
+}: ReviewDataViewProps) => {
+  return (
+    <ScrollView contentContainerStyle={{ flex: 1 }}>
+      <YStack flex={1} testID="review-data-screen">
+        <YStack flex={1} paddingHorizontal="$4" justifyContent="space-between" marginTop={'$4'}>
+          <YStack gap="$3">
+            <H2 fontWeight={'600'} textAlign="center" marginHorizontal={'$4'}>
+              Review data
+            </H2>
+
+            <Text fontSize="$4" textAlign="center" marginHorizontal={'$4'}>
+              Check that everything looks correct before importing.
+            </Text>
+
+            <Container gap="$3" marginTop="$4" padding="$4" backgroundColor="$background" borderRadius="$4">
+              <Text color="$colorSecondary" fontSize="$3" fontWeight="500">
+                Importing:
+              </Text>
+
+              <XStack
+                justifyContent="space-between"
+                alignItems="center"
+                paddingVertical="$1"
+                testID="safe-accounts-summary"
+              >
+                <XStack alignItems="center" gap="$3">
+                  <Badge
+                    themeName="badge_background"
+                    circleSize={32}
+                    content={<SafeFontIcon name="wallet" size={16} color="$color" />}
+                  />
+                  <YStack>
+                    <Text fontSize="$4" fontWeight="500">
+                      Safe Accounts
+                    </Text>
+                    <Text fontSize="$2" color="$colorSecondary">
+                      Including read-only
+                    </Text>
+                  </YStack>
+                </XStack>
+                <Text fontSize="$5" fontWeight="600">
+                  <Badge
+                    themeName="badge_background"
+                    content={<Text fontWeight={600}>{importSummary.safeAccountsCount}</Text>}
+                    circular
+                  />
+                </Text>
+              </XStack>
+
+              <XStack justifyContent="space-between" alignItems="center" paddingVertical="$1" testID="signers-summary">
+                <XStack alignItems="center" gap="$3">
+                  <Badge
+                    themeName="badge_background"
+                    circleSize={32}
+                    content={<SafeFontIcon name="key" size={16} color="$color" />}
+                  />
+                  <YStack>
+                    <Text fontSize="$4" fontWeight="500">
+                      Signers
+                    </Text>
+                    <Text fontSize="$2" color="$colorSecondary">
+                      Generated and imported
+                    </Text>
+                  </YStack>
+                </XStack>
+                <Text fontSize="$5" fontWeight="600">
+                  <Badge
+                    themeName="badge_background"
+                    content={<Text fontWeight={600}>{importSummary.signersCount}</Text>}
+                    circular
+                  />
+                </Text>
+              </XStack>
+
+              <XStack
+                justifyContent="space-between"
+                alignItems="center"
+                paddingVertical="$1"
+                testID="address-book-summary"
+              >
+                <XStack alignItems="center" gap="$3">
+                  <Badge
+                    themeName="badge_background"
+                    circleSize={32}
+                    content={<SafeFontIcon name="address-book" size={16} color="$color" />}
+                  />
+                  <YStack>
+                    <Text fontSize="$4" fontWeight="500">
+                      Address Book
+                    </Text>
+                    <Text fontSize="$2" color="$colorSecondary">
+                      All added contacts
+                    </Text>
+                  </YStack>
+                </XStack>
+                <Text fontSize="$5" fontWeight="600">
+                  <Badge
+                    themeName="badge_background"
+                    content={<Text fontWeight={600}>{importSummary.addressBookCount}</Text>}
+                    circular
+                  />
+                </Text>
+              </XStack>
+            </Container>
+          </YStack>
+
+          <YStack gap="$4" paddingBottom={bottomInset}>
+            <Text
+              color="$colorSecondary"
+              fontSize="$3"
+              textAlign="center"
+              marginHorizontal={'$4'}
+              testID="privacy-notice"
+            >
+              Your data stays private and secure during the transfer.
+            </Text>
+
+            {/* Continue button */}
+            <SafeButton
+              primary
+              testID="continue-button"
+              onPress={onContinue}
+              disabled={!isImportDataAvailable}
+              opacity={!isImportDataAvailable ? 0.5 : 1}
+            >
+              Continue
+            </SafeButton>
+          </YStack>
+        </YStack>
+      </YStack>
+    </ScrollView>
+  )
+}
diff --git a/apps/mobile/src/features/DataImport/context/DataImportProvider.tsx b/apps/mobile/src/features/DataImport/context/DataImportProvider.tsx
new file mode 100644
index 000000000..29063c741
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/context/DataImportProvider.tsx
@@ -0,0 +1,24 @@
+import React, { createContext, useContext, ReactNode } from 'react'
+import { useLegacyImport } from '../hooks/useLegacyImport'
+
+type DataImportContextType = ReturnType<typeof useLegacyImport>
+
+const DataImportContext = createContext<DataImportContextType | null>(null)
+
+export const useDataImportContext = () => {
+  const context = useContext(DataImportContext)
+  if (!context) {
+    throw new Error('useDataImportContext must be used within a DataImportProvider')
+  }
+  return context
+}
+
+interface DataImportProviderProps {
+  children: ReactNode
+}
+
+export const DataImportProvider: React.FC<DataImportProviderProps> = ({ children }) => {
+  const importState = useLegacyImport()
+
+  return <DataImportContext.Provider value={importState}>{children}</DataImportContext.Provider>
+}
diff --git a/apps/mobile/src/features/DataImport/helpers/transforms.test.ts b/apps/mobile/src/features/DataImport/helpers/transforms.test.ts
new file mode 100644
index 000000000..74a6e2aa4
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/helpers/transforms.test.ts
@@ -0,0 +1,289 @@
+import {
+  transformSafeData,
+  transformKeyData,
+  transformContactsData,
+  fetchAndStoreSafeOverviews,
+  storeSafeContacts,
+  storeContacts,
+  storeKeysWithValidation,
+  LegacyDataStructure,
+  ImportProgressCallback,
+} from './transforms'
+import { addContact, addContacts } from '@/src/store/addressBookSlice'
+import { addSignerWithEffects } from '@/src/store/signersSlice'
+import { storePrivateKey } from '@/src/hooks/useSign/useSign'
+import { additionalSafesRtkApi } from '@safe-global/store/gateway/safes'
+
+jest.mock('@/src/hooks/useSign/useSign', () => ({
+  storePrivateKey: jest.fn(),
+}))
+
+jest.mock('@/src/store/signersSlice', () => ({
+  addSignerWithEffects: jest.fn(),
+}))
+
+jest.mock('@safe-global/store/gateway/safes', () => ({
+  additionalSafesRtkApi: {
+    endpoints: {
+      safesGetOverviewForMany: {
+        initiate: jest.fn(),
+      },
+    },
+  },
+}))
+
+describe('Data import helpers', () => {
+  const mockCreateDelegate = jest.fn()
+  const mockDispatch = jest.fn()
+  const mockProgressCallback: ImportProgressCallback = jest.fn()
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    jest.useFakeTimers()
+    mockCreateDelegate.mockResolvedValue({ success: true, delegateAddress: '0xDelegate' })
+
+    // Ensure all async mocks return resolved promises
+    ;(storePrivateKey as jest.Mock).mockResolvedValue(undefined)
+    ;(addSignerWithEffects as jest.Mock).mockReturnValue({ type: 'addSignerWithEffects' })
+
+    // Mock the RTK query
+    const mockQueryResult = {
+      unwrap: jest.fn().mockResolvedValue([
+        {
+          address: { value: '0x1', name: 'Test Safe' },
+          chainId: '1',
+          threshold: 2,
+          owners: [
+            { value: '0x2', name: null },
+            { value: '0x3', name: null },
+          ],
+          fiatTotal: '1000.00',
+          queued: 3,
+          awaitingConfirmation: null,
+        },
+      ]),
+    }
+    const mockInitiateAction = { type: 'safesGetOverviewForMany' }
+    ;(additionalSafesRtkApi.endpoints.safesGetOverviewForMany.initiate as jest.Mock).mockReturnValue(mockInitiateAction)
+
+    // Mock dispatch to return the query result only for the RTK query action
+    mockDispatch.mockImplementation((action) => {
+      if (action === mockInitiateAction) {
+        return mockQueryResult
+      }
+      return { type: action.type } // Return action-like object for other dispatches
+    })
+  })
+
+  afterEach(() => {
+    // Only run timer methods if fake timers are active
+    if (jest.isMockFunction(setTimeout)) {
+      jest.runOnlyPendingTimers()
+    }
+    jest.useRealTimers()
+  })
+
+  describe('Pure transformation functions', () => {
+    it('transforms safe data correctly', () => {
+      const safeData = {
+        address: '0x1',
+        chain: '1',
+        name: 'Test Safe',
+        threshold: 2,
+        owners: ['0x2', '0x3'],
+      }
+
+      const result = transformSafeData(safeData)
+
+      expect(result).toEqual({
+        address: { value: '0x1', name: 'Test Safe' },
+        chainId: '1',
+        threshold: 2,
+        owners: [
+          { value: '0x2', name: null },
+          { value: '0x3', name: null },
+        ],
+        fiatTotal: '0',
+        queued: 0,
+        awaitingConfirmation: null,
+      })
+    })
+
+    it('transforms key data correctly', () => {
+      const key = Buffer.from('abcd', 'hex').toString('base64')
+      const keyData = {
+        address: '0x1',
+        name: 'Owner',
+        key,
+      }
+
+      const result = transformKeyData(keyData)
+
+      expect(result).toEqual({
+        address: '0x1',
+        privateKey: '0xabcd',
+        signerInfo: {
+          value: '0x1',
+          name: 'Owner',
+        },
+      })
+    })
+
+    it('transforms contact data correctly', () => {
+      const contactsData = [
+        {
+          address: '0x1',
+          name: 'Contact 1',
+          chain: '1',
+        },
+        {
+          address: '0x2',
+          name: 'Contact 2',
+          chain: '137',
+        },
+      ]
+
+      const result = transformContactsData(contactsData)
+
+      expect(result).toEqual([
+        {
+          value: '0x1',
+          name: 'Contact 1',
+          chainIds: ['1'],
+        },
+        {
+          value: '0x2',
+          name: 'Contact 2',
+          chainIds: ['137'],
+        },
+      ])
+    })
+  })
+
+  describe('Store functions', () => {
+    it('fetchAndStoreSafeOverviews fetches and returns owners', async () => {
+      const safes = [
+        { address: '0x1', chainId: '1' },
+        { address: '0x2', chainId: '137' },
+      ]
+
+      const result = await fetchAndStoreSafeOverviews(safes, 'USD', mockDispatch, mockProgressCallback)
+
+      expect(additionalSafesRtkApi.endpoints.safesGetOverviewForMany.initiate).toHaveBeenCalledWith({
+        safes: ['1:0x1', '137:0x2'],
+        currency: 'USD',
+        trusted: true,
+        excludeSpam: true,
+      })
+
+      expect(result).toEqual(new Set(['0x2', '0x3']))
+      expect(mockProgressCallback).toHaveBeenCalled()
+    })
+
+    it('storeSafeContacts dispatches addContact for each safe', () => {
+      const data: LegacyDataStructure = {
+        safes: [
+          {
+            address: '0x1',
+            chain: '1',
+            name: 'Test Safe',
+            threshold: 2,
+            owners: ['0x2'],
+          },
+          {
+            address: '0x2',
+            chain: '137',
+            name: 'Test Safe 2',
+            threshold: 1,
+            owners: ['0x3'],
+          },
+        ],
+      }
+
+      storeSafeContacts(data, mockDispatch)
+
+      expect(mockDispatch).toHaveBeenCalledWith(addContact({ value: '0x1', name: 'Test Safe', chainIds: [] }))
+      expect(mockDispatch).toHaveBeenCalledWith(addContact({ value: '0x2', name: 'Test Safe 2', chainIds: [] }))
+    })
+
+    it('storeContacts dispatches addContacts', () => {
+      const data: LegacyDataStructure = {
+        contacts: [
+          {
+            address: '0x1',
+            name: 'Contact 1',
+            chain: '1',
+          },
+          {
+            address: '0x2',
+            name: 'Contact 2',
+            chain: '137',
+          },
+        ],
+      }
+
+      storeContacts(data, mockDispatch)
+
+      expect(mockDispatch).toHaveBeenCalledWith(
+        addContacts([
+          { value: '0x1', name: 'Contact 1', chainIds: ['1'] },
+          { value: '0x2', name: 'Contact 2', chainIds: ['137'] },
+        ]),
+      )
+    })
+  })
+
+  describe('storeKeysWithValidation', () => {
+    it('imports keys that are owners and creates delegates', async () => {
+      const data: LegacyDataStructure = {
+        keys: [
+          {
+            address: '0x2',
+            name: 'Owner 1',
+            key: Buffer.from('abcd', 'hex').toString('base64'),
+          },
+          {
+            address: '0x4',
+            name: 'Non-Owner',
+            key: Buffer.from('efgh', 'hex').toString('base64'),
+          },
+        ],
+      }
+
+      const allOwners = new Set(['0x2', '0x3'])
+      const mockUpdateNotImportedKeys = jest.fn()
+
+      // Use runAllTimersAsync to handle the async delay properly
+      const storeKeysPromise = storeKeysWithValidation(
+        data,
+        allOwners,
+        mockDispatch,
+        mockUpdateNotImportedKeys,
+        mockCreateDelegate,
+        mockProgressCallback,
+      )
+
+      await jest.runAllTimersAsync()
+      await storeKeysPromise
+
+      // Should import the owner key
+      expect(storePrivateKey).toHaveBeenCalledWith('0x2', '0xabcd')
+      expect(mockDispatch).toHaveBeenCalledWith(addSignerWithEffects({ value: '0x2', name: 'Owner 1' }))
+      expect(mockCreateDelegate).toHaveBeenCalledWith('0xabcd', null)
+
+      // Should not import the non-owner key
+      expect(storePrivateKey).not.toHaveBeenCalledWith('0x4', '0xefgh')
+
+      // Should update not imported keys
+      expect(mockUpdateNotImportedKeys).toHaveBeenCalledWith([
+        {
+          address: '0x4',
+          name: 'Non-Owner',
+          reason: 'Not an owner of any imported safe',
+        },
+      ])
+
+      expect(mockProgressCallback).toHaveBeenCalled()
+    })
+  })
+})
diff --git a/apps/mobile/src/features/DataImport/helpers/transforms.ts b/apps/mobile/src/features/DataImport/helpers/transforms.ts
new file mode 100644
index 000000000..08b999a52
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/helpers/transforms.ts
@@ -0,0 +1,357 @@
+export interface LegacyDataStructure {
+  safes?: {
+    address: string
+    chain: string
+    name: string
+    threshold?: number
+    owners?: string[]
+  }[]
+  contacts?: {
+    address: string
+    name: string
+    chain: string
+  }[]
+  keys?: {
+    address: string
+    name: string
+    key: string
+  }[]
+}
+
+import { AppDispatch } from '@/src/store'
+import { addSafe as _addSafe } from '@/src/store/safesSlice'
+import { addSignerWithEffects as _addSignerWithEffects } from '@/src/store/signersSlice'
+import { addContact as _addContact, addContacts, Contact } from '@/src/store/addressBookSlice'
+import { storePrivateKey as _storePrivateKey } from '@/src/hooks/useSign/useSign'
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { additionalSafesRtkApi } from '@safe-global/store/gateway/safes'
+import { addSignerWithEffects } from '@/src/store/signersSlice'
+import { storePrivateKey } from '@/src/hooks/useSign/useSign'
+import Logger from '@/src/utils/logger'
+
+export interface NotImportedKey {
+  address: string
+  name: string
+  reason: string
+}
+
+export const transformSafeData = (safe: NonNullable<LegacyDataStructure['safes']>[0]): SafeOverview => {
+  return {
+    address: {
+      value: safe.address,
+      name: safe.name || null,
+    },
+    chainId: safe.chain,
+    threshold: safe.threshold || 1,
+    owners: (safe.owners || []).map((owner: string) => ({
+      value: owner,
+      name: null,
+    })),
+    fiatTotal: '0',
+    queued: 0,
+    awaitingConfirmation: null,
+  }
+}
+
+export const transformKeyData = (
+  key: NonNullable<LegacyDataStructure['keys']>[0],
+): { address: string; privateKey: string; signerInfo: AddressInfo } => {
+  const hexPrivateKey = `0x${Buffer.from(key.key, 'base64').toString('hex')}`
+
+  const signerInfo: AddressInfo = {
+    value: key.address,
+    name: key.name || null,
+  }
+
+  return {
+    address: key.address,
+    privateKey: hexPrivateKey,
+    signerInfo,
+  }
+}
+
+export const transformContactsData = (contacts: NonNullable<LegacyDataStructure['contacts']>): Contact[] => {
+  // Group contacts by address to handle same address on multiple chains
+  const contactsMap = new Map<string, Contact>()
+
+  for (const contact of contacts) {
+    const address = contact.address.toLowerCase() // Normalize address for consistency
+
+    if (contactsMap.has(address)) {
+      // Address already exists, add the chainId if not already present
+      const existingContact = contactsMap.get(address)
+      if (existingContact && !existingContact.chainIds.includes(contact.chain)) {
+        existingContact.chainIds.push(contact.chain)
+      }
+    } else {
+      // New address, create new contact
+      contactsMap.set(address, {
+        value: contact.address, // Keep original casing
+        name: contact.name,
+        chainIds: [contact.chain],
+      })
+    }
+  }
+
+  return Array.from(contactsMap.values())
+}
+
+interface SafeInfo {
+  address: string
+  chainId: string
+}
+
+// Function to create delay for throttling
+const delay = (ms: number): Promise<void> => new Promise((resolve) => setTimeout(resolve, ms))
+
+// Function to chunk array into smaller arrays
+const chunkArray = <T>(array: T[], size: number): T[][] => {
+  const chunks: T[][] = []
+  for (let i = 0; i < array.length; i += size) {
+    chunks.push(array.slice(i, i + size))
+  }
+  return chunks
+}
+
+export type ImportProgressCallback = (progress: number, message: string) => void
+
+// Constants for import delays
+const KEY_IMPORT_DELAY = 1000 // 1 second delay between key imports to throttle delegate creation
+
+/**
+ * Adds safe addresses to the Redux state with minimal data, then fetches complete SafeOverview data.
+ * This two-step process is required because the safesSlice extraReducer only updates existing safes.
+ */
+export const fetchAndStoreSafeOverviews = async (
+  safes: SafeInfo[],
+  currency = 'USD',
+  dispatch: AppDispatch,
+  progressCallback?: ImportProgressCallback,
+): Promise<Set<string>> => {
+  if (safes.length === 0) {
+    return new Set()
+  }
+
+  // Step 1: Add safe addresses to state with minimal data so extraReducer can update them
+  Logger.info(`Pre-populating ${safes.length} safe addresses in Redux state`)
+  progressCallback?.(0, 'Preparing safes for data fetch...')
+
+  for (const safe of safes) {
+    // Add safe with minimal data - the extraReducer will update this with full data
+    const minimalSafeOverview: SafeOverview = {
+      address: { value: safe.address, name: null },
+      chainId: safe.chainId,
+      threshold: 1,
+      owners: [],
+      fiatTotal: '0',
+      queued: 0,
+      awaitingConfirmation: null,
+    }
+
+    dispatch(
+      _addSafe({
+        address: safe.address as `0x${string}`,
+        info: { [safe.chainId]: minimalSafeOverview },
+      }),
+    )
+  }
+
+  // Step 2: Fetch complete SafeOverview data - this will trigger the extraReducer to update the state
+  const allOwners = new Set<string>()
+  const BATCH_SIZE = 10
+  const THROTTLE_DELAY = 300 // 300ms between requests
+
+  // Create safe IDs in the format expected by the API
+  const safeIds = safes.map((safe) => `${safe.chainId}:${safe.address}`)
+  const chunks = chunkArray(safeIds, BATCH_SIZE)
+
+  Logger.info(`Fetching complete SafeOverview data for ${safes.length} safes in ${chunks.length} batches`)
+
+  for (let i = 0; i < chunks.length; i++) {
+    const chunk = chunks[i]
+    const batchProgress = Math.round((i / chunks.length) * 100)
+
+    Logger.info(`Processing batch ${i + 1}/${chunks.length} with ${chunk.length} safes`)
+    progressCallback?.(batchProgress, `Fetching safe data (batch ${i + 1}/${chunks.length})`)
+
+    try {
+      // Make the API call for this batch - this will trigger the extraReducer to update the state
+      const response = await dispatch(
+        additionalSafesRtkApi.endpoints.safesGetOverviewForMany.initiate({
+          safes: chunk,
+          currency,
+          trusted: true,
+          excludeSpam: true,
+        }),
+      ).unwrap()
+
+      // Extract owners from the response
+      for (const safeOverview of response) {
+        if (safeOverview.owners) {
+          safeOverview.owners.forEach((owner: AddressInfo) => {
+            allOwners.add(owner.value.toLowerCase())
+          })
+        }
+      }
+
+      // Add throttling delay between requests (except for the last batch)
+      if (i < chunks.length - 1) {
+        await delay(THROTTLE_DELAY)
+      }
+    } catch (error) {
+      Logger.error(`Failed to fetch safe information for batch ${i + 1}`, {
+        error: error instanceof Error ? error.message : 'Unknown error',
+        chunk,
+      })
+      // Continue with next batch even if one fails
+    }
+  }
+
+  progressCallback?.(100, `Fetched complete data for ${safes.length} safes`)
+  Logger.info(`Extracted ${allOwners.size} unique owners from ${safes.length} safes`)
+  Logger.info(`Complete SafeOverview data has been stored in Redux store via RTK query extraReducer`)
+  return allOwners
+}
+
+/**
+ * Stores safe addresses as contacts in the address book.
+ * This function only handles contact creation and does NOT create SafeOverview data,
+ * as that should be handled by fetchAndStoreSafeOverviews.
+ */
+export const storeSafeContacts = (data: LegacyDataStructure, dispatch: AppDispatch): void => {
+  if (!data.safes) {
+    return
+  }
+
+  Logger.info(`Storing ${data.safes.length} safe addresses as contacts`)
+
+  for (const safe of data.safes) {
+    dispatch(
+      _addContact({
+        value: safe.address,
+        name: safe.name,
+        chainIds: [],
+      }),
+    )
+  }
+
+  Logger.info(`Stored ${data.safes.length} safe contacts`)
+}
+
+export const storeContacts = (data: LegacyDataStructure, dispatch: AppDispatch): void => {
+  if (!data.contacts) {
+    return
+  }
+
+  const contactsToAdd = transformContactsData(data.contacts)
+
+  dispatch(addContacts(contactsToAdd))
+  Logger.info(`Imported ${contactsToAdd.length} contacts from ${data.contacts.length} contact entries`)
+}
+
+export const storeKeysWithValidation = async (
+  data: LegacyDataStructure,
+  allOwners: Set<string>,
+  dispatch: AppDispatch,
+  updateNotImportedKeys: (keys: NotImportedKey[]) => void,
+  createDelegate: (
+    ownerPrivateKey: string,
+    safe?: string | null,
+  ) => Promise<{
+    success: boolean
+    delegateAddress?: string
+    error?: string
+  }>,
+  progressCallback?: ImportProgressCallback,
+): Promise<void> => {
+  if (!data.keys) {
+    return
+  }
+
+  const notImportedKeys: NotImportedKey[] = []
+  let importedCount = 0
+
+  Logger.info(`Validating ${data.keys.length} keys against ${allOwners.size} safe owners`)
+
+  for (let i = 0; i < data.keys.length; i++) {
+    const key = data.keys[i]
+    const keyAddress = key.address.toLowerCase()
+    const keyProgress = Math.round((i / data.keys.length) * 100)
+
+    progressCallback?.(keyProgress, `Processing key ${i + 1}/${data.keys.length}`)
+
+    if (!allOwners.has(keyAddress)) {
+      // Key is not an owner of any safe, don't import it
+      notImportedKeys.push({
+        address: key.address,
+        name: key.name || 'Unknown',
+        reason: 'Not an owner of any imported safe',
+      })
+
+      Logger.info(`Key ${key.address} not imported - not an owner of any safe`)
+      continue
+    }
+
+    // Key is an owner, proceed with import
+    try {
+      const { address, privateKey, signerInfo } = transformKeyData(key)
+
+      await storePrivateKey(address, privateKey)
+      dispatch(addSignerWithEffects(signerInfo))
+
+      // Create delegate for this owner
+      try {
+        progressCallback?.(keyProgress, `Creating delegate for ${key.name || key.address}`)
+
+        // Pass null as safe address to create a delegate for the chain, not for a specific safe
+        const delegateResult = await createDelegate(privateKey, null)
+
+        if (!delegateResult.success) {
+          Logger.error('Failed to create delegate during data import', {
+            address: key.address,
+            error: delegateResult.error,
+          })
+        } else {
+          Logger.info(`Delegate created successfully for key ${key.address}`)
+        }
+      } catch (delegateError) {
+        // Log the error but continue with the import - delegate creation failure shouldn't prevent key import
+        Logger.error('Error creating delegate during data import', {
+          address: key.address,
+          error: delegateError instanceof Error ? delegateError.message : 'Unknown error',
+        })
+      }
+
+      importedCount++
+      Logger.info(`Key ${key.address} successfully imported`)
+
+      // Add delay between key imports to throttle delegate creation requests
+      // Skip delay for the last key to avoid unnecessary waiting
+      if (i < data.keys.length - 1) {
+        Logger.info(`Waiting ${KEY_IMPORT_DELAY}ms before processing next key...`)
+        await delay(KEY_IMPORT_DELAY)
+      }
+    } catch (error) {
+      Logger.error('Failed to import validated key', {
+        error: error instanceof Error ? error.message : 'Unknown error',
+        address: key.address,
+      })
+
+      notImportedKeys.push({
+        address: key.address,
+        name: key.name || 'Unknown',
+        reason: 'Import failed due to technical error',
+      })
+    }
+  }
+
+  // Update the context with not imported keys
+  updateNotImportedKeys(notImportedKeys)
+
+  progressCallback?.(100, `Completed: ${importedCount} keys imported`)
+  Logger.info(`Import validation complete: ${importedCount} keys imported, ${notImportedKeys.length} keys not imported`)
+}
+
+// Legacy function - keeping for backward compatibility
+export const fetchSafeOwnersInBatches = fetchAndStoreSafeOverviews
diff --git a/apps/mobile/src/features/DataImport/hooks/useLegacyImport.ts b/apps/mobile/src/features/DataImport/hooks/useLegacyImport.ts
new file mode 100644
index 000000000..fd8aa0031
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/hooks/useLegacyImport.ts
@@ -0,0 +1,123 @@
+import { useState, useCallback } from 'react'
+import * as DocumentPicker from 'expo-document-picker'
+import * as FileSystem from 'expo-file-system'
+import Logger from '@/src/utils/logger'
+import {
+  decodeLegacyData,
+  SecuredDataFile,
+  SerializedDataFile,
+  LegacyDataPasswordError,
+  LegacyDataFormatError,
+  LegacyDataCorruptedError,
+} from '@/src/utils/legacyData'
+import { NotImportedKey } from '../helpers/transforms'
+
+export function useLegacyImport() {
+  const [fileName, setFileName] = useState<string | null>(null)
+  const [fileUri, setFileUri] = useState<string | null>(null)
+  const [password, setPassword] = useState('')
+  const [error, setError] = useState<string>()
+  const [isLoading, setIsLoading] = useState(false)
+  const [importedData, setImportedData] = useState<SerializedDataFile | null>(null)
+  const [notImportedKeys, setNotImportedKeys] = useState<NotImportedKey[]>([])
+
+  const pickFile = async (): Promise<boolean> => {
+    try {
+      setError(undefined)
+      const res = await DocumentPicker.getDocumentAsync({
+        type: '*/*',
+        copyToCacheDirectory: true,
+      })
+
+      // Check if the result is success type and has assets
+      if (res.canceled === false && res.assets && res.assets.length > 0) {
+        const asset = res.assets[0]
+        setFileName(asset.name)
+        setFileUri(asset.uri)
+        return true
+      }
+      return false
+    } catch (e) {
+      Logger.error('Failed to pick file', e)
+      setError('Failed to select file')
+      return false
+    }
+  }
+
+  const handlePasswordChange = (text: string) => {
+    setPassword(text)
+    setError(undefined) // Clear error when user starts typing
+  }
+
+  const handleImport = async () => {
+    if (!fileUri) {
+      setError('No file selected')
+      return
+    }
+
+    if (!password.trim()) {
+      setError('Password is required')
+      return
+    }
+
+    try {
+      setIsLoading(true)
+      setError(undefined)
+
+      const content = await FileSystem.readAsStringAsync(fileUri)
+      const secured: SecuredDataFile = JSON.parse(content)
+      Logger.trace('Legacy secured data loaded')
+
+      const decoded = decodeLegacyData(secured, password)
+      Logger.trace('Legacy data successfully decoded')
+
+      setImportedData(decoded)
+      return decoded
+    } catch (e) {
+      Logger.error('Failed to import legacy data', {
+        errorType: e instanceof Error ? e.constructor.name : 'Unknown',
+      })
+
+      if (e instanceof LegacyDataPasswordError) {
+        setError('Incorrect password. Please try again.')
+      } else if (e instanceof LegacyDataFormatError || e instanceof LegacyDataCorruptedError) {
+        setError('Invalid file format. Please select a valid export file.')
+      } else if (e instanceof Error && e.message.includes('JSON')) {
+        setError('Invalid file format. Please select a valid export file.')
+      } else {
+        setError('Failed to import data. Please check your file and password.')
+      }
+    } finally {
+      setIsLoading(false)
+    }
+  }
+
+  const updateNotImportedKeys = useCallback((keys: NotImportedKey[]) => {
+    setNotImportedKeys(keys)
+  }, [])
+
+  const reset = () => {
+    setFileName(null)
+    setFileUri(null)
+    setPassword('')
+    setError(undefined)
+    setIsLoading(false)
+    setImportedData(null)
+    setNotImportedKeys([])
+  }
+
+  return {
+    pickFile,
+    handlePasswordChange,
+    handleImport,
+    updateNotImportedKeys,
+    reset,
+    fileName,
+    password,
+    error,
+    isLoading,
+    hasFile: !!fileUri,
+    importedData,
+    notImportedKeys,
+  }
+}
diff --git a/apps/mobile/src/features/DataImport/index.tsx b/apps/mobile/src/features/DataImport/index.tsx
new file mode 100644
index 000000000..5bfa1bccd
--- /dev/null
+++ b/apps/mobile/src/features/DataImport/index.tsx
@@ -0,0 +1,7 @@
+export { DataTransfer } from './DataTransfer.container'
+export { EnterPassword } from './EnterPassword.container'
+export { FileSelection } from './FileSelection.container'
+export { HelpImport } from './HelpImport.container'
+export { ReviewData } from './ReviewData.container'
+
+export { DataImportProvider, useDataImportContext } from './context/DataImportProvider'
diff --git a/apps/mobile/src/features/Developer/Developer.container.tsx b/apps/mobile/src/features/Developer/Developer.container.tsx
new file mode 100644
index 000000000..5d206ec4c
--- /dev/null
+++ b/apps/mobile/src/features/Developer/Developer.container.tsx
@@ -0,0 +1,34 @@
+import { Developer } from '@/src/features/Developer/components/Developer'
+import * as Device from 'expo-device'
+import * as Application from 'expo-application'
+import { GATEWAY_URL } from '@/src/config/constants'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectFCMToken } from '@/src/store/notificationsSlice'
+import { type Info } from '@/src/features/Developer/types'
+
+export const DeveloperContainer = () => {
+  const fcmToken = useAppSelector(selectFCMToken)
+
+  const info: Info = {
+    device: {
+      brand: Device.brand || '',
+      deviceName: Device.deviceName || '',
+      manufacturer: Device.manufacturer || '',
+      modelId: Device.modelId || '',
+      modelName: Device.modelName || '',
+      osBuildId: Device.osBuildId || '',
+      osInternalBuildId: Device.osInternalBuildId || '',
+      osName: Device.osName || '',
+      osVersion: Device.osVersion || '',
+    },
+    application: {
+      applicationName: Application.applicationName || '',
+      applicationId: Application.applicationId || '',
+      applicationVersion: Application.nativeApplicationVersion || '',
+      applicationBuildNumber: Application.nativeBuildVersion || '',
+      gatewayUrl: GATEWAY_URL,
+      fcmToken: fcmToken || '',
+    },
+  }
+  return <Developer info={info} />
+}
diff --git a/apps/mobile/src/features/Developer/components/Developer.tsx b/apps/mobile/src/features/Developer/components/Developer.tsx
new file mode 100644
index 000000000..c3e7df2d6
--- /dev/null
+++ b/apps/mobile/src/features/Developer/components/Developer.tsx
@@ -0,0 +1,53 @@
+import { View, Text, ScrollView, H2 } from 'tamagui'
+import { CopyButton } from '@/src/components/CopyButton'
+import { type Info } from '@/src/features/Developer/types'
+import { getCrashlytics } from '@react-native-firebase/crashlytics'
+import { SafeButton } from '@/src/components/SafeButton'
+
+type DeveloperProps = {
+  info: Info
+}
+
+type InfoProps = {
+  info: Record<string, string>
+}
+const Info = ({ info }: InfoProps) => {
+  return (
+    <View>
+      {Object.keys(info).map((key) => {
+        const value = info[key]
+        return (
+          <View key={key} marginBottom={'$2'}>
+            <Text fontWeight={600}>{key}: </Text>
+            <View padding={'$2'} borderRadius={'$6'} flex={1} flexDirection={'row'} justifyContent={'space-between'}>
+              <Text flex={1}>{value}</Text>
+              <View>
+                <CopyButton value={value} color={'$primary'} />
+              </View>
+            </View>
+          </View>
+        )
+      })}
+    </View>
+  )
+}
+export const Developer = ({ info }: DeveloperProps) => {
+  return (
+    <View flex={1}>
+      <ScrollView paddingHorizontal={'$4'}>
+        <View>
+          <H2>App info</H2>
+          <Info info={info.application} />
+        </View>
+        <View marginTop={'$2'}>
+          <H2>Device Info</H2>
+          <Info info={info.device} />
+        </View>
+        <View marginTop={'$4'}>
+          <Text>The button below will crash the app on purpose. This is for testing purposes only.</Text>
+          <SafeButton onPress={() => getCrashlytics().crash()}>Crash App</SafeButton>
+        </View>
+      </ScrollView>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/Developer/index.tsx b/apps/mobile/src/features/Developer/index.tsx
new file mode 100644
index 000000000..3ce02ca30
--- /dev/null
+++ b/apps/mobile/src/features/Developer/index.tsx
@@ -0,0 +1 @@
+export { DeveloperContainer } from './Developer.container'
diff --git a/apps/mobile/src/features/Developer/types.ts b/apps/mobile/src/features/Developer/types.ts
new file mode 100644
index 000000000..e1a565e34
--- /dev/null
+++ b/apps/mobile/src/features/Developer/types.ts
@@ -0,0 +1,21 @@
+export type Info = {
+  device: {
+    brand: string
+    deviceName: string
+    manufacturer: string
+    modelId: string
+    modelName: string
+    osBuildId: string
+    osInternalBuildId: string
+    osName: string
+    osVersion: string
+  }
+  application: {
+    applicationName: string
+    applicationId: string
+    applicationVersion: string
+    applicationBuildNumber: string
+    gatewayUrl: string
+    fcmToken: string
+  }
+}
diff --git a/apps/mobile/src/features/GetStarted/GetStarted.tsx b/apps/mobile/src/features/GetStarted/GetStarted.tsx
new file mode 100644
index 000000000..519d9f193
--- /dev/null
+++ b/apps/mobile/src/features/GetStarted/GetStarted.tsx
@@ -0,0 +1,100 @@
+import React, { useCallback } from 'react'
+import { Link, useRouter } from 'expo-router'
+import { View, Text, YStack, styled } from 'tamagui'
+import { SafeButton } from '@/src/components/SafeButton'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { BlurView } from 'expo-blur'
+import { getCrashlytics } from '@react-native-firebase/crashlytics'
+import { setAnalyticsCollectionEnabled } from '@/src/services/analytics'
+import { isAndroid } from '@/src/config/constants'
+
+const StyledText = styled(Text, {
+  fontSize: '$3',
+  color: '$colorSecondary',
+})
+
+export const GetStarted = () => {
+  const router = useRouter()
+  const insets = useSafeAreaInsets()
+
+  const enableCrashlytics = async () => {
+    await getCrashlytics().setCrashlyticsCollectionEnabled(true)
+    await setAnalyticsCollectionEnabled(true)
+  }
+
+  const onPressAddAccount = useCallback(async () => {
+    await enableCrashlytics()
+    router.navigate('/(import-accounts)')
+  }, [])
+
+  const onPressImportAccount = useCallback(async () => {
+    await enableCrashlytics()
+    router.navigate('/import-data')
+  }, [router])
+
+  return (
+    <YStack justifyContent={'flex-end'} flex={1} testID={'get-started-screen'}>
+      <BlurView intensity={100} style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>
+        <View
+          flex={1}
+          onPress={() => {
+            router.back()
+          }}
+        ></View>
+      </BlurView>
+      <YStack
+        gap={'$3'}
+        paddingHorizontal={'$4'}
+        backgroundColor={'$background'}
+        paddingBottom={insets.bottom}
+        paddingTop={'$5'}
+        borderTopLeftRadius={'$9'}
+        borderTopRightRadius={'$9'}
+      >
+        <Text
+          fontSize={'$6'}
+          fontWeight={'600'}
+          textAlign={'center'}
+          marginBottom={'$2'}
+          paddingHorizontal={'$10'}
+          lineHeight={'$9'}
+        >
+          How would you like to continue?
+        </Text>
+
+        <SafeButton
+          outlined
+          icon={<SafeFontIcon name={'plus-outlined'} />}
+          testID={'add-account-button'}
+          onPress={onPressAddAccount}
+        >
+          Add account
+        </SafeButton>
+        {!isAndroid && (
+          <SafeButton outlined icon={<SafeFontIcon name={'upload'} />} onPress={onPressImportAccount}>
+            Migrate old app
+          </SafeButton>
+        )}
+        <View
+          paddingHorizontal={'$10'}
+          marginTop={'$2'}
+          flexDirection="row"
+          alignItems="center"
+          flexWrap="wrap"
+          justifyContent="center"
+        >
+          <StyledText>By continuing, you agree to our </StyledText>
+          <Link href={'https://app.safe.global/terms'} target={'_blank'} asChild>
+            <StyledText textDecorationLine={'underline'}>User Terms</StyledText>
+          </Link>
+          <StyledText> and </StyledText>
+          <Link href={'https://app.safe.global/privacy'} target={'_blank'} asChild>
+            <StyledText textDecorationLine={'underline'}>Privacy Policy</StyledText>
+          </Link>
+          <StyledText>.</StyledText>
+        </View>
+      </YStack>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/GetStarted/index.tsx b/apps/mobile/src/features/GetStarted/index.tsx
new file mode 100644
index 000000000..a5a07a7f1
--- /dev/null
+++ b/apps/mobile/src/features/GetStarted/index.tsx
@@ -0,0 +1 @@
+export { GetStarted } from './GetStarted'
diff --git a/apps/mobile/src/features/ImportPrivateKey/ImportPrivateKey.container.tsx b/apps/mobile/src/features/ImportPrivateKey/ImportPrivateKey.container.tsx
new file mode 100644
index 000000000..4a688b9b5
--- /dev/null
+++ b/apps/mobile/src/features/ImportPrivateKey/ImportPrivateKey.container.tsx
@@ -0,0 +1,76 @@
+import React from 'react'
+import { KeyboardAvoidingView, StyleSheet } from 'react-native'
+import { Button, View, YStack, ScrollView } from 'tamagui'
+import { useScrollableHeader } from '@/src/navigation/useScrollableHeader'
+import { NavBarTitle } from '@/src/components/Title'
+import { SectionTitle } from '@/src/components/Title'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { SafeButton } from '@/src/components/SafeButton'
+
+import { SafeInput } from '@/src/components/SafeInput'
+import { useImportPrivateKey } from './hooks/useImportPrivateKey'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+
+const CUSTOM_VERTICAL_OFFSET = 70
+
+export function ImportPrivateKey() {
+  const { top } = useSafeAreaInsets()
+  const { handlePrivateKeyChange, handleImport, onPrivateKeyPaste, wallet, privateKey, error } = useImportPrivateKey()
+  const { handleScroll } = useScrollableHeader({
+    children: <NavBarTitle paddingRight={5}>Import a private key</NavBarTitle>,
+  })
+
+  return (
+    <KeyboardAvoidingView behavior="padding" style={styles.flex1} keyboardVerticalOffset={top + CUSTOM_VERTICAL_OFFSET}>
+      <ScrollView onScroll={handleScroll} flex={1}>
+        <View marginTop="$2">
+          <SectionTitle
+            paddingHorizontal={0}
+            title="Import a private key"
+            description="Enter your private key below. Make sure to do so in a safe and private place."
+          />
+        </View>
+
+        <YStack gap="$3" marginTop="$6" paddingVertical="$1">
+          <View>
+            <SafeInput
+              height={114}
+              value={privateKey}
+              onChangeText={handlePrivateKeyChange}
+              placeholder="Paste here or type..."
+              secureTextEntry={true}
+              success={!!wallet}
+              textAlign="center"
+              error={error}
+            />
+          </View>
+
+          <View alignItems="center">
+            <Button
+              height="$10"
+              paddingHorizontal="$2"
+              borderRadius="$3"
+              backgroundColor="$borderLight"
+              icon={<SafeFontIcon name="paste" />}
+              fontWeight="500"
+              size="$5"
+              onPress={onPrivateKeyPaste}
+            >
+              Paste
+            </Button>
+          </View>
+        </YStack>
+      </ScrollView>
+
+      <SafeButton onPress={handleImport} testID={'import-signer-button'}>
+        Import signer
+      </SafeButton>
+    </KeyboardAvoidingView>
+  )
+}
+
+const styles = StyleSheet.create({
+  flex1: {
+    flex: 1,
+  },
+})
diff --git a/apps/mobile/src/features/ImportPrivateKey/ImportPrivateKey.test.tsx b/apps/mobile/src/features/ImportPrivateKey/ImportPrivateKey.test.tsx
new file mode 100644
index 000000000..3a4f8a96b
--- /dev/null
+++ b/apps/mobile/src/features/ImportPrivateKey/ImportPrivateKey.test.tsx
@@ -0,0 +1,45 @@
+import React from 'react'
+import { render, screen, fireEvent, act, waitFor } from '@/src/tests/test-utils'
+import { ImportPrivateKey } from './ImportPrivateKey.container'
+import { inputTheme } from '@/src/components/SafeInput/theme'
+
+describe('ImportPrivateKey', () => {
+  it('renders the import private key screen', () => {
+    render(<ImportPrivateKey />)
+
+    expect(screen.getByText('Import a private key')).toBeTruthy()
+    expect(
+      screen.getByText('Enter your private key below. Make sure to do so in a safe and private place.'),
+    ).toBeTruthy()
+  })
+
+  it('enables import button when private key is entered', async () => {
+    render(<ImportPrivateKey />)
+
+    const input = screen.getByPlaceholderText('Paste here or type...')
+    const button = screen.getByText('Import signer')
+
+    await act(() => fireEvent.press(button))
+
+    await waitFor(() => {
+      expect(screen.getByTestId('safe-input').props.style.borderTopColor).toBe(
+        inputTheme.light_input_error.borderColor.val,
+      )
+      expect(screen.getByTestId('safe-input').props.style.borderBottomColor).toBe(
+        inputTheme.light_input_error.borderColor.val,
+      )
+      expect(screen.getByTestId('safe-input').props.style.borderLeftColor).toBe(
+        inputTheme.light_input_error.borderColor.val,
+      )
+      expect(screen.getByTestId('safe-input').props.style.borderRightColor).toBe(
+        inputTheme.light_input_error.borderColor.val,
+      )
+    })
+
+    act(() => fireEvent.changeText(input, 'test-private-key'))
+
+    await waitFor(() => {
+      expect(screen.getByDisplayValue('test-private-key')).toBeTruthy()
+    })
+  })
+})
diff --git a/apps/mobile/src/features/ImportPrivateKey/components/ImportError/ImportError.tsx b/apps/mobile/src/features/ImportPrivateKey/components/ImportError/ImportError.tsx
new file mode 100644
index 000000000..0c2e0423e
--- /dev/null
+++ b/apps/mobile/src/features/ImportPrivateKey/components/ImportError/ImportError.tsx
@@ -0,0 +1,56 @@
+import { Badge } from '@/src/components/Badge/Badge'
+import { Identicon } from '@/src/components/Identicon'
+import { SafeButton } from '@/src/components/SafeButton/SafeButton'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { LargeHeaderTitle } from '@/src/components/Title/LargeHeaderTitle'
+import { Link, useLocalSearchParams } from 'expo-router'
+import React from 'react'
+import { ScrollView } from 'react-native'
+import { Text, View } from 'tamagui'
+
+export function ImportError() {
+  const { address } = useLocalSearchParams<{ address: `0x${string}` }>()
+
+  return (
+    <View flex={1} justifyContent="space-between">
+      <View flex={1}>
+        <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
+          <View flex={1} flexGrow={1} alignItems="center" justifyContent="center" paddingHorizontal="$3">
+            <View flexDirection="row" alignItems="center" gap="$3">
+              <Identicon address={address} size={64} />
+
+              <Text fontSize="$4" color="$error">
+                . . . .
+              </Text>
+
+              <Badge
+                themeName="badge_error"
+                circleSize={64}
+                content={<SafeFontIcon size={32} color="$error" name="close-filled" />}
+              />
+            </View>
+
+            <View margin="$10" width="100%" alignItems="center" gap="$4">
+              <LargeHeaderTitle textAlign="center">Private key couldn't be imported</LargeHeaderTitle>
+
+              <Text textAlign="center" fontSize="$4">
+                This private key does not belong to any signer of this Safe Account. Double-check the address and try to
+                import again.
+              </Text>
+
+              <Text textAlign="center" fontSize="$4">
+                Don’t worry, your private key was not stored!
+              </Text>
+            </View>
+          </View>
+        </ScrollView>
+      </View>
+
+      <View paddingHorizontal="$3" gap="$6">
+        <Link href={'../'} asChild>
+          <SafeButton>Import again</SafeButton>
+        </Link>
+      </View>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/ImportPrivateKey/components/ImportError/index.ts b/apps/mobile/src/features/ImportPrivateKey/components/ImportError/index.ts
new file mode 100644
index 000000000..6356c6970
--- /dev/null
+++ b/apps/mobile/src/features/ImportPrivateKey/components/ImportError/index.ts
@@ -0,0 +1 @@
+export { ImportError } from './ImportError'
diff --git a/apps/mobile/src/features/ImportPrivateKey/components/ImportSuccess/ImportSuccess.tsx b/apps/mobile/src/features/ImportPrivateKey/components/ImportSuccess/ImportSuccess.tsx
new file mode 100644
index 000000000..d6311de46
--- /dev/null
+++ b/apps/mobile/src/features/ImportPrivateKey/components/ImportSuccess/ImportSuccess.tsx
@@ -0,0 +1,85 @@
+import React from 'react'
+
+import { Badge } from '@/src/components/Badge'
+import { SafeButton } from '@/src/components/SafeButton'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { LargeHeaderTitle } from '@/src/components/Title'
+import { SignersCard } from '@/src/components/transactions-list/Card/SignersCard'
+import { useLocalSearchParams, useRouter } from 'expo-router'
+import { ScrollView } from 'react-native'
+import { Button, Text, View } from 'tamagui'
+import { ToastViewport } from '@tamagui/toast'
+import { useCopyAndDispatchToast } from '@/src/hooks/useCopyAndDispatchToast'
+import Logger from '@/src/utils/logger'
+
+export function ImportSuccess() {
+  const { address, name } = useLocalSearchParams<{ address: `0x${string}`; name: string }>()
+  const router = useRouter()
+  const copy = useCopyAndDispatchToast()
+
+  const handleContinuePress = async () => {
+    try {
+      router.dismissAll()
+      router.back()
+    } catch (error) {
+      Logger.error('Navigation error:', error)
+    }
+  }
+
+  return (
+    <View flex={1} justifyContent="space-between" testID={'import-success'}>
+      <View flex={1}>
+        <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
+          <View flex={1} flexGrow={1} alignItems="center" justifyContent="center" paddingHorizontal="$3">
+            <Badge
+              circleProps={{ backgroundColor: '$success' }}
+              themeName="badge_success"
+              circleSize={64}
+              content={<SafeFontIcon size={32} color="$primary" name="check-filled" />}
+            />
+
+            <View margin="$10" width="100%" alignItems="center" gap="$4">
+              <LargeHeaderTitle textAlign="center">Your signer is ready!</LargeHeaderTitle>
+
+              <Text textAlign="center" fontSize="$4">
+                You can now use it to interact with your Safe Account — sign and execute transactions seamlessly.
+              </Text>
+            </View>
+
+            <SignersCard
+              transparent={false}
+              rightNode={
+                <View flex={1} alignItems="flex-end">
+                  <Button
+                    maxWidth={120}
+                    height="$10"
+                    paddingHorizontal="$2"
+                    borderRadius="$3"
+                    backgroundColor="$borderLight"
+                    fontWeight="500"
+                    size="$5"
+                    onPress={() => {
+                      copy(address)
+                    }}
+                    icon={<SafeFontIcon name="copy" />}
+                  >
+                    Copy
+                  </Button>
+                </View>
+              }
+              name={name}
+              address={address}
+            />
+          </View>
+        </ScrollView>
+        <ToastViewport multipleToasts={false} left={0} right={0} />
+      </View>
+
+      <View paddingHorizontal="$3">
+        <SafeButton onPress={handleContinuePress} testID={'import-success-continue'}>
+          Continue
+        </SafeButton>
+      </View>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/ImportPrivateKey/components/ImportSuccess/index.ts b/apps/mobile/src/features/ImportPrivateKey/components/ImportSuccess/index.ts
new file mode 100644
index 000000000..58adf9468
--- /dev/null
+++ b/apps/mobile/src/features/ImportPrivateKey/components/ImportSuccess/index.ts
@@ -0,0 +1 @@
+export { ImportSuccess } from './ImportSuccess'
diff --git a/apps/mobile/src/features/ImportPrivateKey/components/LoadingImport/LoadingImport.container.tsx b/apps/mobile/src/features/ImportPrivateKey/components/LoadingImport/LoadingImport.container.tsx
new file mode 100644
index 000000000..e41eed829
--- /dev/null
+++ b/apps/mobile/src/features/ImportPrivateKey/components/LoadingImport/LoadingImport.container.tsx
@@ -0,0 +1,135 @@
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import {
+  SafesGetSafeV1ApiResponse,
+  SafesGetSafeOverviewV1ApiResponse,
+  useLazySafesGetSafeV1Query,
+} from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { useCallback, useEffect } from 'react'
+import { useGlobalSearchParams, useLocalSearchParams, useRouter } from 'expo-router'
+import { addSignerWithEffects } from '@/src/store/signersSlice'
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { useLazySafesGetOverviewForManyQuery } from '@safe-global/store/gateway/safes'
+import { selectAllChainsIds } from '@/src/store/chains'
+import { makeSafeId } from '@/src/utils/formatters'
+import { extractSignersFromSafes } from '@/src/features/ImportReadOnly/helpers/safes'
+import { FetchBaseQueryError } from '@reduxjs/toolkit/query'
+import { SerializedError } from '@reduxjs/toolkit'
+import { LoadingScreen } from '@/src/components/LoadingScreen'
+import { selectCurrency } from '@/src/store/settingsSlice'
+
+const getData = (
+  manySafes: SafesGetSafeOverviewV1ApiResponse | undefined,
+  singleSafe: SafesGetSafeV1ApiResponse | undefined,
+  isImporting: string | undefined,
+) => {
+  if (isImporting) {
+    return manySafes || []
+  }
+
+  return singleSafe ? [singleSafe] : []
+}
+
+const getError = (
+  singleSafeError: FetchBaseQueryError | SerializedError | undefined,
+  manySafesError: FetchBaseQueryError | SerializedError | undefined,
+  isImporting: string | undefined,
+) => {
+  if (isImporting) {
+    return manySafesError
+  }
+  return singleSafeError
+}
+
+export function LoadingImport() {
+  const glob = useGlobalSearchParams<{ safeAddress?: string; chainId?: string; import_safe?: string }>()
+  const { address } = useLocalSearchParams()
+  const chainIds = useAppSelector(selectAllChainsIds)
+  const dispatch = useAppDispatch()
+  const router = useRouter()
+  // we use this screen on the "getting started" and there we don't have an active safe
+  const activeSafe = useAppSelector(selectActiveSafe)
+  const currency = useAppSelector(selectCurrency)
+  let safeAddress = glob.safeAddress
+  let chainId = glob.chainId
+  if (activeSafe) {
+    if (!safeAddress) {
+      safeAddress = activeSafe.address
+    }
+
+    if (!chainId) {
+      chainId = activeSafe.chainId
+    }
+  }
+
+  const [singleSafeTrigger, { data: singleSafeData, error: singleSafeError }] = useLazySafesGetSafeV1Query({})
+  const [manySafesTrigger, { data: manySafesData, error: manySafesError }] = useLazySafesGetOverviewForManyQuery()
+
+  const data = getData(manySafesData, singleSafeData, glob.import_safe)
+  const error = getError(singleSafeError, manySafesError, glob.import_safe)
+
+  const redirectToError = useCallback(() => {
+    router.replace({
+      pathname: '/import-signers/private-key-error',
+      params: {
+        address,
+      },
+    })
+  }, [router])
+
+  useEffect(() => {
+    if (glob.import_safe) {
+      manySafesTrigger(
+        {
+          safes: chainIds.map((chainId: string) => makeSafeId(chainId, safeAddress as string)),
+          currency,
+          trusted: true,
+          excludeSpam: true,
+        },
+        true,
+      )
+    } else {
+      if (safeAddress && chainId) {
+        singleSafeTrigger(
+          {
+            safeAddress,
+            chainId,
+          },
+          true,
+        )
+      }
+    }
+  }, [glob.import_safe, safeAddress, chainId, manySafesTrigger, singleSafeTrigger])
+
+  useEffect(() => {
+    if (!address || error) {
+      redirectToError()
+    }
+  }, [address, error, redirectToError])
+
+  useEffect(() => {
+    if (!data?.length) {
+      return
+    }
+
+    const owner = Object.values(extractSignersFromSafes(data)).find((owner) => owner.value === address)
+
+    if (owner) {
+      dispatch(addSignerWithEffects(owner))
+
+      router.replace({
+        pathname: '/import-signers/private-key-success',
+        params: {
+          name: owner.name,
+          address: owner.value,
+          safeAddress: safeAddress,
+          chainId: chainId,
+          import_safe: glob.import_safe,
+        },
+      })
+    } else {
+      redirectToError()
+    }
+  }, [data, redirectToError])
+
+  return <LoadingScreen title="Creating your signer..." description="Verifying address..." />
+}
diff --git a/apps/mobile/src/features/ImportPrivateKey/components/LoadingImport/index.ts b/apps/mobile/src/features/ImportPrivateKey/components/LoadingImport/index.ts
new file mode 100644
index 000000000..f1be5356a
--- /dev/null
+++ b/apps/mobile/src/features/ImportPrivateKey/components/LoadingImport/index.ts
@@ -0,0 +1 @@
+export { LoadingImport } from './LoadingImport.container'
diff --git a/apps/mobile/src/features/ImportPrivateKey/hooks/useImportPrivateKey.ts b/apps/mobile/src/features/ImportPrivateKey/hooks/useImportPrivateKey.ts
new file mode 100644
index 000000000..4df3bfd81
--- /dev/null
+++ b/apps/mobile/src/features/ImportPrivateKey/hooks/useImportPrivateKey.ts
@@ -0,0 +1,73 @@
+import { ethers } from 'ethers'
+import { useState } from 'react'
+import Clipboard from '@react-native-clipboard/clipboard'
+import { useLocalSearchParams, useRouter } from 'expo-router'
+import { storePrivateKey } from '@/src/hooks/useSign/useSign'
+import useDelegate from '@/src/hooks/useDelegate'
+import Logger from '@/src/utils/logger'
+
+const ERROR_MESSAGE = 'Invalid private key.'
+export const useImportPrivateKey = () => {
+  const [privateKey, setPrivateKey] = useState('')
+  const [wallet, setWallet] = useState<ethers.Wallet>()
+  const local = useLocalSearchParams<{ safeAddress: string; chainId: string; import_safe: string }>()
+  const [error, setError] = useState<string>()
+  const router = useRouter()
+  const { createDelegate } = useDelegate()
+
+  const handlePrivateKeyChange = (text: string) => {
+    setPrivateKey(text)
+    try {
+      const wallet = new ethers.Wallet(text)
+      setWallet(wallet)
+      setError(undefined)
+    } catch {
+      setError(ERROR_MESSAGE)
+    }
+  }
+
+  const handleImport = async () => {
+    if (!wallet) {
+      return setError(ERROR_MESSAGE)
+    }
+
+    try {
+      // Store the private key
+      await storePrivateKey(wallet.address, privateKey)
+
+      // Create a delegate for this owner
+      try {
+        // We don't want to fail the private key import if delegate creation fails
+        // by passing null as the safe address, we are creating a delegate for the chain and not for the safe
+        const delegateResult = await createDelegate(privateKey, null)
+
+        if (!delegateResult.success) {
+          Logger.error('Failed to create delegate during private key import', delegateResult.error)
+        }
+      } catch (delegateError) {
+        // Log the error but continue with the import
+        Logger.error('Error creating delegate during private key import', delegateError)
+      }
+
+      // Continue with normal flow
+      router.push({
+        pathname: '/import-signers/loading',
+        params: {
+          address: wallet.address,
+          safeAddress: local.safeAddress,
+          chainId: local.chainId,
+          import_safe: local.import_safe,
+        },
+      })
+    } catch (err) {
+      setError((err as Error).message)
+    }
+  }
+
+  const onPrivateKeyPaste = async () => {
+    const text = await Clipboard.getString()
+    handlePrivateKeyChange(text.trim())
+  }
+
+  return { handlePrivateKeyChange, handleImport, onPrivateKeyPaste, privateKey, wallet, error }
+}
diff --git a/apps/mobile/src/features/ImportPrivateKey/index.ts b/apps/mobile/src/features/ImportPrivateKey/index.ts
new file mode 100644
index 000000000..4878dd59d
--- /dev/null
+++ b/apps/mobile/src/features/ImportPrivateKey/index.ts
@@ -0,0 +1,3 @@
+import { ImportPrivateKey } from './ImportPrivateKey.container'
+
+export { ImportPrivateKey }
diff --git a/apps/mobile/src/features/ImportReadOnly/AddSignersForm.container.tsx b/apps/mobile/src/features/ImportReadOnly/AddSignersForm.container.tsx
new file mode 100644
index 000000000..98bbd5326
--- /dev/null
+++ b/apps/mobile/src/features/ImportReadOnly/AddSignersForm.container.tsx
@@ -0,0 +1,80 @@
+import { router, useLocalSearchParams } from 'expo-router'
+import React, { useMemo } from 'react'
+import { makeSafeId } from '@/src/utils/formatters'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { selectAllChainsIds } from '@/src/store/chains'
+import { useSafesGetOverviewForManyQuery } from '@safe-global/store/gateway/safes'
+import { addSafe } from '@/src/store/safesSlice'
+import { selectActiveSafe, setActiveSafe } from '@/src/store/activeSafeSlice'
+import { Address } from '@/src/types/address'
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { groupSigners } from '@/src/features/Signers/hooks/useSignersGroupService'
+import { selectSigners } from '@/src/store/signersSlice'
+import { SignerSection } from '@/src/features/Signers/components/SignersList/SignersList'
+import { extractSignersFromSafes } from '@/src/features/ImportReadOnly/helpers/safes'
+import { AddSignersFormView } from '@/src/features/ImportReadOnly/components/AddSignersFormView'
+import { upsertContact } from '@/src/store/addressBookSlice'
+import { selectCurrency } from '@/src/store/settingsSlice'
+
+export const AddSignersFormContainer = () => {
+  const params = useLocalSearchParams<{ safeAddress: string; safeName: string }>()
+  const dispatch = useAppDispatch()
+  const chainIds = useAppSelector(selectAllChainsIds)
+  const appSigners = useAppSelector(selectSigners)
+  const activeSafe = useAppSelector(selectActiveSafe)
+  const currency = useAppSelector(selectCurrency)
+  const { currentData, isFetching } = useSafesGetOverviewForManyQuery({
+    safes: chainIds.map((chainId: string) => makeSafeId(chainId, params.safeAddress)),
+    currency,
+    trusted: true,
+    excludeSpam: true,
+  })
+
+  const signers = extractSignersFromSafes(currentData || [])
+  const signersGroupedBySection = useMemo(() => groupSigners(Object.values(signers), appSigners), [signers, appSigners])
+
+  const signersSections = Object.keys(signersGroupedBySection)
+    .map((group) => {
+      return signersGroupedBySection[group].data.length ? signersGroupedBySection[group] : null
+    })
+    .filter(Boolean) as SignerSection[]
+
+  const handlePress = () => {
+    if (!currentData) {
+      return
+    }
+    const hasActiveSafe = !!activeSafe
+    dispatch(upsertContact({ value: params.safeAddress, name: params.safeName, chainIds: [] }))
+    const info = currentData.reduce<Record<string, SafeOverview>>((acc, safe) => {
+      acc[safe.chainId] = safe
+      return acc
+    }, {})
+    dispatch(addSafe({ address: currentData[0].address.value as Address, info }))
+    dispatch(
+      setActiveSafe({
+        address: currentData[0].address.value as Address,
+        chainId: currentData[0].chainId,
+      }),
+    )
+
+    // Navigates to first screen in stack
+    router.dismissAll()
+    // closes first screen in stack
+    router.back()
+    if (!hasActiveSafe) {
+      router.replace('/(tabs)')
+    } else {
+      // closes the "my accounts" screen modal
+      router.back()
+    }
+  }
+
+  return (
+    <AddSignersFormView
+      isFetching={isFetching}
+      signersGroupedBySection={signersGroupedBySection}
+      signersSections={signersSections}
+      onPress={handlePress}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/ImportReadOnly/ImportAccountForm.container.tsx b/apps/mobile/src/features/ImportReadOnly/ImportAccountForm.container.tsx
new file mode 100644
index 000000000..40ed60199
--- /dev/null
+++ b/apps/mobile/src/features/ImportReadOnly/ImportAccountForm.container.tsx
@@ -0,0 +1,43 @@
+import { useLocalSearchParams, useRouter } from 'expo-router'
+import React, { useCallback } from 'react'
+import { parsePrefixedAddress } from '@safe-global/utils/utils/addresses'
+import { ImportAccountFormView } from '@/src/features/ImportReadOnly/components/ImportAccountFormView'
+import { FormProvider, useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { formSchema } from './schema'
+import { FormValues } from './types'
+
+export const ImportAccountFormContainer = () => {
+  const router = useRouter()
+  const params = useLocalSearchParams<{ safeAddress: string }>()
+  const methods = useForm<FormValues>({
+    resolver: zodResolver(formSchema),
+    mode: 'onChange',
+    defaultValues: {
+      name: '',
+      safeAddress: params.safeAddress || '',
+    },
+  })
+
+  const addressState = methods.getFieldState('safeAddress')
+
+  const handleContinue = useCallback(() => {
+    const inputAddress = methods.getValues('safeAddress')
+    const chainId = methods.getValues('importedSafeResult.data.0.chainId')
+    const safeName = methods.getValues('name')
+    const { address } = parsePrefixedAddress(inputAddress)
+
+    router.push(
+      `/(import-accounts)/signers?safeAddress=${address}&chainId=${chainId}&import_safe=true&safeName=${safeName}`,
+    )
+  }, [router, methods.getValues])
+
+  return (
+    <FormProvider {...methods}>
+      <ImportAccountFormView
+        isEnteredAddressValid={addressState.isTouched && !addressState.invalid}
+        onContinue={handleContinue}
+      />
+    </FormProvider>
+  )
+}
diff --git a/apps/mobile/src/features/ImportReadOnly/NetworkBadge.container.tsx b/apps/mobile/src/features/ImportReadOnly/NetworkBadge.container.tsx
new file mode 100644
index 000000000..1256ed105
--- /dev/null
+++ b/apps/mobile/src/features/ImportReadOnly/NetworkBadge.container.tsx
@@ -0,0 +1,16 @@
+import { useAppSelector } from '@/src/store/hooks'
+import { selectChainById } from '@/src/store/chains'
+import { NetworkBadge } from '@/src/components/NetworkBadge'
+
+type Props = {
+  chainId: string
+  size?: 'small' | 'medium' | 'large'
+}
+export const NetworkBadgeContainer = ({ chainId }: Props) => {
+  const chain = useAppSelector((state) => selectChainById(state, chainId))
+  if (!chain) {
+    return null
+  }
+
+  return <NetworkBadge network={chain} />
+}
diff --git a/apps/mobile/src/features/ImportReadOnly/ScanQrAccount.container.tsx b/apps/mobile/src/features/ImportReadOnly/ScanQrAccount.container.tsx
new file mode 100644
index 000000000..1e1113fc6
--- /dev/null
+++ b/apps/mobile/src/features/ImportReadOnly/ScanQrAccount.container.tsx
@@ -0,0 +1,32 @@
+import { Camera, useCameraPermission } from 'react-native-vision-camera'
+import React, { useCallback } from 'react'
+import { useRouter } from 'expo-router'
+
+import { QrCameraView } from '@/src/features/ImportReadOnly/components/ScanQrAccountView'
+import { useScan } from '@/src/features/ImportReadOnly/hooks/useScan'
+
+export const ScanQrAccountContainer = () => {
+  const router = useRouter()
+  const permission = Camera.getCameraPermissionStatus()
+  const { hasPermission } = useCameraPermission()
+  const { onScan, isCameraActive, setIsCameraActive } = useScan()
+
+  const onEnterManuallyPress = useCallback(async () => {
+    router.push(`/(import-accounts)/form`)
+  }, [router])
+
+  const handleActivateCamera = useCallback(() => {
+    setIsCameraActive(true)
+  }, [])
+
+  return (
+    <QrCameraView
+      permission={permission}
+      hasPermission={hasPermission}
+      isCameraActive={isCameraActive}
+      onScan={onScan}
+      onActivateCamera={handleActivateCamera}
+      onEnterManuallyPress={onEnterManuallyPress}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/ImportReadOnly/components/AddSignersFormView.tsx b/apps/mobile/src/features/ImportReadOnly/components/AddSignersFormView.tsx
new file mode 100644
index 000000000..cbd8a0f13
--- /dev/null
+++ b/apps/mobile/src/features/ImportReadOnly/components/AddSignersFormView.tsx
@@ -0,0 +1,39 @@
+import React from 'react'
+import { SafeButton } from '@/src/components/SafeButton'
+import { SignersList } from '@/src/features/Signers/components/SignersList'
+import { type SignerSection } from '@/src/features/Signers/components/SignersList/SignersList'
+import { ToastViewport } from '@tamagui/toast'
+import { View } from 'tamagui'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+
+type AddSignersFormViewProps = {
+  isFetching: boolean
+  signersGroupedBySection: Record<string, SignerSection>
+  signersSections: SignerSection[]
+  onPress: () => void
+}
+
+export const AddSignersFormView = ({
+  isFetching,
+  signersGroupedBySection,
+  signersSections,
+  onPress,
+}: AddSignersFormViewProps) => {
+  const { bottom } = useSafeAreaInsets()
+  return (
+    <>
+      <SignersList
+        navbarTitle={'Import your signers to unlock account'}
+        isFetching={isFetching}
+        hasLocalSigners={!!signersGroupedBySection.imported?.data.length}
+        signersGroup={signersSections}
+      />
+      <View paddingHorizontal={'$4'} paddingTop={'$2'} paddingBottom={bottom || 60}>
+        <SafeButton onPress={onPress} testID={'continue-button'}>
+          Continue
+        </SafeButton>
+      </View>
+      <ToastViewport multipleToasts={false} left={0} right={0} />
+    </>
+  )
+}
diff --git a/apps/mobile/src/features/ImportReadOnly/components/AvailableNetworks.tsx b/apps/mobile/src/features/ImportReadOnly/components/AvailableNetworks.tsx
new file mode 100644
index 000000000..97003e929
--- /dev/null
+++ b/apps/mobile/src/features/ImportReadOnly/components/AvailableNetworks.tsx
@@ -0,0 +1,15 @@
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { Text, XStack, YStack } from 'tamagui'
+import { NetworkBadgeContainer } from '@/src/features/ImportReadOnly/NetworkBadge.container'
+import React from 'react'
+
+export const AvailableNetworks = ({ networks }: { networks: SafeOverview[] }) => {
+  return (
+    <YStack marginTop={'$5'} gap={'$1'}>
+      <Text fontWeight={'600'}>Available on networks:</Text>
+      <XStack marginTop={'$3'} flexWrap={'wrap'} columnGap={'$1'} rowGap={'$2'}>
+        {networks?.map((safe) => <NetworkBadgeContainer key={safe.chainId} chainId={safe.chainId} />)}
+      </XStack>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/ImportReadOnly/components/ImportAccountFormView.tsx b/apps/mobile/src/features/ImportReadOnly/components/ImportAccountFormView.tsx
new file mode 100644
index 000000000..258a8f83a
--- /dev/null
+++ b/apps/mobile/src/features/ImportReadOnly/components/ImportAccountFormView.tsx
@@ -0,0 +1,90 @@
+import React from 'react'
+import { KeyboardAvoidingView } from 'react-native'
+import { LargeHeaderTitle } from '@/src/components/Title/LargeHeaderTitle'
+import { SafeInput } from '@/src/components/SafeInput/SafeInput'
+import { SafeButton } from '@/src/components/SafeButton'
+import { VerificationStatus } from '@/src/features/ImportReadOnly/components/VerificationStatus'
+import { View, Text, ScrollView, YStack, getTokenValue } from 'tamagui'
+import { useScrollableHeader } from '@/src/navigation/useScrollableHeader'
+import { NavBarTitle } from '@/src/components/Title'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { Controller, useFormContext } from 'react-hook-form'
+import type { FormValues } from '@/src/features/ImportReadOnly/types'
+import SafeAccountInput from '@/src/components/SafeAccountInput'
+
+type ImportAccountFormViewProps = {
+  isEnteredAddressValid: boolean
+  onContinue: () => void
+}
+
+export const ImportAccountFormView: React.FC<ImportAccountFormViewProps> = ({ isEnteredAddressValid, onContinue }) => {
+  const {
+    control,
+    formState: { errors, isValid, dirtyFields },
+    watch,
+  } = useFormContext<FormValues>()
+  const { top, bottom } = useSafeAreaInsets()
+  const result = watch('importedSafeResult')
+
+  const { handleScroll } = useScrollableHeader({
+    children: <NavBarTitle paddingRight={5}>Import Safe account</NavBarTitle>,
+  })
+
+  return (
+    <KeyboardAvoidingView behavior="padding" style={{ flex: 1 }} keyboardVerticalOffset={bottom + top}>
+      <YStack flex={1}>
+        <ScrollView
+          paddingBottom={'$4'}
+          onScroll={handleScroll}
+          flex={1}
+          contentContainerStyle={{ paddingBottom: '$4', paddingHorizontal: '$4' }}
+        >
+          <LargeHeaderTitle marginBottom={'$4'}>Import Safe account</LargeHeaderTitle>
+          <Text>Paste the address of an account you want to import.</Text>
+          <View marginTop={'$4'}>
+            <Controller
+              control={control}
+              name="name"
+              render={({ field: { onChange, value } }) => {
+                return (
+                  <SafeInput
+                    value={value}
+                    onChangeText={onChange}
+                    multiline={true}
+                    autoFocus={true}
+                    placeholder="Enter safe name here"
+                    error={errors.name?.message}
+                    success={dirtyFields.name && !errors.name}
+                  />
+                )
+              }}
+            />
+          </View>
+
+          <View marginTop={'$4'}>
+            <SafeAccountInput />
+          </View>
+
+          {!errors.safeAddress && (
+            <VerificationStatus
+              isLoading={result?.isFetching}
+              data={result?.data}
+              isEnteredAddressValid={isEnteredAddressValid}
+            />
+          )}
+        </ScrollView>
+
+        <View paddingHorizontal={'$4'} paddingTop={'$2'} paddingBottom={bottom || getTokenValue('$4')}>
+          <SafeButton
+            primary
+            onPress={onContinue}
+            disabled={!isValid || result?.isFetching || !result?.data?.length}
+            testID={'continue-button'}
+          >
+            Continue
+          </SafeButton>
+        </View>
+      </YStack>
+    </KeyboardAvoidingView>
+  )
+}
diff --git a/apps/mobile/src/features/ImportReadOnly/components/ScanQrAccountView.tsx b/apps/mobile/src/features/ImportReadOnly/components/ScanQrAccountView.tsx
new file mode 100644
index 000000000..5bf65c08a
--- /dev/null
+++ b/apps/mobile/src/features/ImportReadOnly/components/ScanQrAccountView.tsx
@@ -0,0 +1,57 @@
+import React from 'react'
+import { Text, View } from 'tamagui'
+import { SafeButton } from '@/src/components/SafeButton'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { QrCamera } from '@/src/components/Camera'
+import { ToastViewport } from '@tamagui/toast'
+import { CameraPermissionStatus, Code } from 'react-native-vision-camera'
+
+type QrCameraViewProps = {
+  permission: CameraPermissionStatus
+  isCameraActive: boolean
+  onScan: (codes: Code[]) => void
+  onEnterManuallyPress: () => void
+  hasPermission: boolean
+  onActivateCamera: () => void
+}
+
+export const QrCameraView = ({
+  permission,
+  isCameraActive,
+  onScan,
+  onEnterManuallyPress,
+  hasPermission,
+  onActivateCamera,
+}: QrCameraViewProps) => (
+  <>
+    <QrCamera
+      permission={permission}
+      hasPermission={hasPermission}
+      isCameraActive={isCameraActive}
+      onScan={onScan}
+      onActivateCamera={onActivateCamera}
+      heading={permission === 'denied' ? 'Camera access disabled' : 'Scan a QR code'}
+      footer={
+        <>
+          <Text textAlign={'center'}>
+            {permission === 'denied'
+              ? 'Enabling camera will allow you to scan QR codes to import existing Safe Accounts and join new ones with a mobile signer.'
+              : 'Scan the QR code of the account you want to import. You can find it under Receive or in the sidebar.'}
+          </Text>
+          <View alignItems="center" marginTop="$5">
+            <SafeButton
+              secondary
+              icon={<SafeFontIcon name="copy" size={18} />}
+              onPress={onEnterManuallyPress}
+              testID={'enter-manually'}
+              size="$sm"
+            >
+              Enter manually
+            </SafeButton>
+          </View>
+        </>
+      }
+    />
+    <ToastViewport multipleToasts={false} left={0} right={0} />
+  </>
+)
diff --git a/apps/mobile/src/features/ImportReadOnly/components/VerificationStatus.tsx b/apps/mobile/src/features/ImportReadOnly/components/VerificationStatus.tsx
new file mode 100644
index 000000000..997ab6acf
--- /dev/null
+++ b/apps/mobile/src/features/ImportReadOnly/components/VerificationStatus.tsx
@@ -0,0 +1,31 @@
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import React from 'react'
+import { Text, XStack } from 'tamagui'
+import { AvailableNetworks } from '@/src/features/ImportReadOnly/components/AvailableNetworks'
+import { Loader } from '@/src/components/Loader'
+
+type VerificationStatusProps = {
+  isLoading: boolean
+  data: SafeOverview[] | undefined
+  isEnteredAddressValid: boolean
+}
+export const VerificationStatus: React.FC<VerificationStatusProps> = ({ isLoading, data, isEnteredAddressValid }) => {
+  if (isLoading) {
+    return (
+      <XStack marginTop={'$5'} gap={'$1'}>
+        <Loader size={16} />
+        <Text marginLeft={'$1'}>Verifying address...</Text>
+      </XStack>
+    )
+  }
+
+  if (data?.length) {
+    return <AvailableNetworks networks={data} />
+  }
+
+  return (
+    <XStack marginTop={'$5'} gap={'$1'}>
+      {isEnteredAddressValid && <Text color={'$error'}>No Safe deployment found for this this address</Text>}
+    </XStack>
+  )
+}
diff --git a/apps/mobile/src/features/ImportReadOnly/helpers/safes.test.tsx b/apps/mobile/src/features/ImportReadOnly/helpers/safes.test.tsx
new file mode 100644
index 000000000..9141d867c
--- /dev/null
+++ b/apps/mobile/src/features/ImportReadOnly/helpers/safes.test.tsx
@@ -0,0 +1,56 @@
+import { extractSignersFromSafes, extractChainsFromSafes } from './safes'
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+
+describe('extractSignersFromSafes', () => {
+  it('should extract signers from safes', () => {
+    const safes: SafeOverview[] = [
+      {
+        owners: [
+          { value: '0x1', name: 'Owner 1' },
+          { value: '0x2', name: 'Owner 2' },
+        ],
+        chainId: '1',
+        address: { value: '0xSafe1' },
+      } as SafeOverview,
+      {
+        owners: [
+          { value: '0x1', name: 'Owner 1' },
+          { value: '0x3', name: 'Owner 3' },
+          { value: '0x4', name: 'Owner 4' },
+        ],
+        chainId: '2',
+        address: { value: '0xSafe2' },
+      } as SafeOverview,
+    ]
+
+    const expectedSigners = {
+      '0x1': { value: '0x1', name: 'Owner 1' },
+      '0x2': { value: '0x2', name: 'Owner 2' },
+      '0x3': { value: '0x3', name: 'Owner 3' },
+      '0x4': { value: '0x4', name: 'Owner 4' },
+    }
+
+    expect(extractSignersFromSafes(safes)).toEqual(expectedSigners)
+  })
+})
+
+describe('extractChainsFromSafes', () => {
+  it('should extract chain IDs from safes', () => {
+    const safes: SafeOverview[] = [
+      {
+        owners: [{ value: '0x3', name: 'Owner 3' }],
+        chainId: '1',
+        address: { value: '0xSafe1' },
+      } as SafeOverview,
+      {
+        owners: [{ value: '0x3', name: 'Owner 3' }],
+        chainId: '2',
+        address: { value: '0xSafe2' },
+      } as SafeOverview,
+    ]
+
+    const expectedChainIds = ['1', '2']
+
+    expect(extractChainsFromSafes(safes)).toEqual(expectedChainIds)
+  })
+})
diff --git a/apps/mobile/src/features/ImportReadOnly/helpers/safes.tsx b/apps/mobile/src/features/ImportReadOnly/helpers/safes.tsx
new file mode 100644
index 000000000..5740d5dca
--- /dev/null
+++ b/apps/mobile/src/features/ImportReadOnly/helpers/safes.tsx
@@ -0,0 +1,21 @@
+import { AddressInfo, SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+
+export const extractSignersFromSafes = (safes: { owners: AddressInfo[] }[]): Record<string, AddressInfo> => {
+  return safes.reduce((acc, safe) => {
+    const owners = safe.owners
+      .map((owner) => owner)
+      .reduce((acc, owner) => {
+        return {
+          ...acc,
+          [owner.value]: owner,
+        }
+      }, {})
+    return {
+      ...acc,
+      ...owners,
+    }
+  }, {})
+}
+export const extractChainsFromSafes = (safes: SafeOverview[]) => {
+  return safes.map((safe) => safe.chainId)
+}
diff --git a/apps/mobile/src/features/ImportReadOnly/hooks/useScan/index.ts b/apps/mobile/src/features/ImportReadOnly/hooks/useScan/index.ts
new file mode 100644
index 000000000..679015427
--- /dev/null
+++ b/apps/mobile/src/features/ImportReadOnly/hooks/useScan/index.ts
@@ -0,0 +1,62 @@
+import { Code, useCameraPermission } from 'react-native-vision-camera'
+import { useCallback, useRef, useState } from 'react'
+import { useRouter } from 'expo-router'
+import { useFocusEffect } from '@react-navigation/native'
+
+import { parsePrefixedAddress } from '@safe-global/utils/utils/addresses'
+import { isValidAddress } from '@safe-global/utils/utils/validation'
+import { useToastController } from '@tamagui/toast'
+
+const toastForValueShown: Record<string, boolean> = {}
+
+export const useScan = () => {
+  const router = useRouter()
+  const hasScanned = useRef(false)
+  const [isCameraActive, setIsCameraActive] = useState(false)
+  const toast = useToastController()
+  const { hasPermission } = useCameraPermission()
+
+  const handleFocusEffect = useCallback(() => {
+    if (!hasPermission) {
+      return
+    }
+
+    setIsCameraActive(true)
+    hasScanned.current = false
+
+    return () => {
+      setIsCameraActive(false)
+    }
+  }, [hasPermission])
+
+  useFocusEffect(handleFocusEffect)
+
+  const onScan = useCallback(
+    (codes: Code[]) => {
+      if (codes.length > 0 && isCameraActive && !hasScanned.current) {
+        const code = codes[0].value || ''
+        const { address } = parsePrefixedAddress(code)
+
+        if (isValidAddress(address)) {
+          hasScanned.current = true
+          setIsCameraActive(false)
+          router.push(`/(import-accounts)/form?safeAddress=${address}`)
+        } else {
+          // the camera constantly sends us the qr code value, so we would be sending the toast multiple times
+          // at one point the view was crashing because of this
+          // not sure what the real cause for that is, but this is a workaround
+          if (!toastForValueShown[code]) {
+            toastForValueShown[code] = true
+            toast.show('Not a valid address', {
+              native: false,
+              duration: 2000,
+            })
+          }
+        }
+      }
+    },
+    [isCameraActive, router, toast, setIsCameraActive],
+  )
+
+  return { onScan, isCameraActive, setIsCameraActive }
+}
diff --git a/apps/mobile/src/features/ImportReadOnly/hooks/useScan/useScan.test.tsx b/apps/mobile/src/features/ImportReadOnly/hooks/useScan/useScan.test.tsx
new file mode 100644
index 000000000..343de9034
--- /dev/null
+++ b/apps/mobile/src/features/ImportReadOnly/hooks/useScan/useScan.test.tsx
@@ -0,0 +1,191 @@
+import { act, renderHook } from '@/src/tests/test-utils'
+import { useScan } from './index'
+import { Code } from 'react-native-vision-camera'
+import { parsePrefixedAddress } from '@safe-global/utils/utils/addresses'
+import { isValidAddress } from '@safe-global/utils/utils/validation'
+
+// Store the focus callback for later testing
+let mockFocusCallback: (() => void) | null = null
+
+// Mock react-native-vision-camera
+jest.mock('react-native-vision-camera', () => ({
+  Camera: {
+    getCameraDevice: jest.fn(),
+    requestCameraPermission: jest.fn(),
+  },
+  useCameraPermission: jest.fn(() => ({ hasPermission: true })),
+  useCameraDevice: jest.fn(),
+  useCodeScanner: jest.fn(),
+}))
+
+// Mock React Navigation
+jest.mock('@react-navigation/native', () => ({
+  ...jest.requireActual('@react-navigation/native'),
+  useFocusEffect: jest.fn((callback: () => (() => void) | void) => {
+    mockFocusCallback = callback
+    // Don't call the callback immediately - only store it for manual testing
+  }),
+}))
+
+// Mock the global toastForValueShown object
+const mockToastForValueShown: Record<string, boolean> = {}
+// @ts-expect-error - intentionally extending global
+global.toastForValueShown = mockToastForValueShown
+
+jest.mock('@safe-global/utils/utils/addresses', () => ({
+  parsePrefixedAddress: jest.fn().mockReturnValue({ address: 'mocked-address' }),
+}))
+
+jest.mock('@safe-global/utils/utils/validation', () => ({
+  isValidAddress: jest.fn().mockReturnValue(false),
+}))
+
+const mockPush = jest.fn()
+jest.mock('expo-router', () => ({
+  useRouter: () => ({
+    push: mockPush,
+  }),
+}))
+
+// Mock Toast
+const mockShow = jest.fn()
+jest.mock('@tamagui/toast', () => ({
+  useToastController: () => ({
+    show: mockShow,
+  }),
+}))
+
+describe('useScan', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+
+    // Clear the toast record
+    Object.keys(mockToastForValueShown).forEach((key) => {
+      mockToastForValueShown[key] = false
+    })
+
+    // Reset focus callback
+    mockFocusCallback = null
+  })
+
+  it('should initialize with default values', () => {
+    const { result } = renderHook(() => useScan())
+
+    expect(result.current.isCameraActive).toBe(false) // Now false by default since focus effect isn't called
+    expect(typeof result.current.setIsCameraActive).toBe('function')
+    expect(typeof result.current.onScan).toBe('function')
+  })
+
+  describe('Toast handling', () => {
+    it('should show toast for invalid address and not show duplicate toasts', () => {
+      const invalidCode = 'invalid-code'
+
+      jest.mocked(parsePrefixedAddress).mockReturnValue({ address: 'invalid-address' })
+      jest.mocked(isValidAddress).mockReturnValue(false)
+
+      const { result } = renderHook(() => useScan())
+
+      // Manually trigger the focus effect to activate camera
+      if (mockFocusCallback) {
+        act(() => {
+          const callback = mockFocusCallback as () => void
+          callback()
+        })
+      }
+
+      act(() => {
+        result.current.onScan([{ value: invalidCode } as Code])
+      })
+
+      expect(mockShow).toHaveBeenCalledTimes(1)
+      expect(mockShow).toHaveBeenCalledWith('Not a valid address', {
+        native: false,
+        duration: 2000,
+      })
+
+      mockShow.mockClear()
+
+      act(() => {
+        result.current.onScan([{ value: invalidCode } as Code])
+      })
+
+      expect(mockShow).not.toHaveBeenCalled()
+
+      act(() => {
+        result.current.onScan([{ value: 'another-invalid-code' } as Code])
+      })
+
+      expect(mockShow).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('Focus handling', () => {
+    it('should reset hasScanned when screen gains focus', () => {
+      const validAddress = '0x1234valid'
+      jest.mocked(parsePrefixedAddress).mockReturnValue({ address: validAddress })
+      jest.mocked(isValidAddress).mockReturnValue(true)
+
+      const { result } = renderHook(() => useScan())
+
+      // Manually trigger the focus effect to activate camera and reset hasScanned
+      if (mockFocusCallback) {
+        act(() => {
+          const callback = mockFocusCallback as () => void
+          callback()
+        })
+      }
+
+      // First scan should work (camera is active and hasScanned is false)
+      act(() => {
+        result.current.onScan([{ value: `eth:${validAddress}` } as Code])
+      })
+
+      expect(mockPush).toHaveBeenCalledWith(`/(import-accounts)/form?safeAddress=${validAddress}`)
+
+      // Clear mocks
+      mockPush.mockClear()
+
+      // Second scan should not work (hasScanned is now true)
+      act(() => {
+        result.current.onScan([{ value: `eth:${validAddress}` } as Code])
+      })
+
+      expect(mockPush).not.toHaveBeenCalled()
+
+      // Trigger focus effect again to reset hasScanned
+      if (mockFocusCallback) {
+        act(() => {
+          // We've already checked that mockFocusCallback is not null
+          const callback = mockFocusCallback as () => void
+          callback()
+        })
+      }
+
+      // Now scanning should work again
+      act(() => {
+        result.current.onScan([{ value: `eth:${validAddress}` } as Code])
+      })
+
+      expect(mockPush).toHaveBeenCalledWith(`/(import-accounts)/form?safeAddress=${validAddress}`)
+    })
+
+    it('should handle camera permission properly', () => {
+      // Test with no permission
+      const mockUseCameraPermission = jest.mocked(require('react-native-vision-camera').useCameraPermission)
+      mockUseCameraPermission.mockReturnValue({ hasPermission: false })
+
+      const { result } = renderHook(() => useScan())
+
+      // Try to trigger focus effect
+      if (mockFocusCallback) {
+        act(() => {
+          const callback = mockFocusCallback as () => void
+          callback()
+        })
+      }
+
+      // Camera should not be active when there's no permission
+      expect(result.current.isCameraActive).toBe(false)
+    })
+  })
+})
diff --git a/apps/mobile/src/features/ImportReadOnly/index.tsx b/apps/mobile/src/features/ImportReadOnly/index.tsx
new file mode 100644
index 000000000..effdab935
--- /dev/null
+++ b/apps/mobile/src/features/ImportReadOnly/index.tsx
@@ -0,0 +1,2 @@
+export { ScanQrAccountContainer } from './ScanQrAccount.container'
+export { ImportAccountFormContainer } from './ImportAccountForm.container'
diff --git a/apps/mobile/src/features/ImportReadOnly/schema.ts b/apps/mobile/src/features/ImportReadOnly/schema.ts
new file mode 100644
index 000000000..7e93e7224
--- /dev/null
+++ b/apps/mobile/src/features/ImportReadOnly/schema.ts
@@ -0,0 +1,18 @@
+import { isValidAddress } from '@safe-global/utils/utils/validation'
+import { parsePrefixedAddress } from '@safe-global/utils/utils/addresses'
+import { z } from 'zod'
+
+export const formSchema = z.object({
+  name: z.string().nonempty('Name is required').max(30, 'Name is too long'),
+  safeAddress: z
+    .string()
+    .nonempty('Safe address is required')
+    .refine(
+      (value) => {
+        return isValidAddress(parsePrefixedAddress(value).address)
+      },
+      {
+        message: 'Invalid address format',
+      },
+    ),
+})
diff --git a/apps/mobile/src/features/ImportReadOnly/types.ts b/apps/mobile/src/features/ImportReadOnly/types.ts
new file mode 100644
index 000000000..9945b073c
--- /dev/null
+++ b/apps/mobile/src/features/ImportReadOnly/types.ts
@@ -0,0 +1,13 @@
+import { z } from 'zod'
+import { formSchema } from '@/src/features/ImportReadOnly/schema'
+import { useLazySafesGetOverviewForManyQuery } from '@safe-global/store/gateway/safes'
+
+type LazyQueryResult = ReturnType<typeof useLazySafesGetOverviewForManyQuery>[1]
+
+export type FormValues = z.infer<typeof formSchema> & {
+  importedSafeResult?: {
+    data: LazyQueryResult['data']
+    isFetching: LazyQueryResult['isFetching']
+    error: LazyQueryResult['error']
+  }
+}
diff --git a/apps/mobile/src/features/NetworksSheet/NetworksSheet.container.tsx b/apps/mobile/src/features/NetworksSheet/NetworksSheet.container.tsx
new file mode 100644
index 000000000..1aeabf1fb
--- /dev/null
+++ b/apps/mobile/src/features/NetworksSheet/NetworksSheet.container.tsx
@@ -0,0 +1,64 @@
+import { SafeBottomSheet } from '@/src/components/SafeBottomSheet'
+import React from 'react'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { RootState } from '@/src/store'
+import { selectAllChains, selectChainById } from '@/src/store/chains'
+import { switchActiveChain } from '@/src/store/activeSafeSlice'
+import { ChainItems } from '../Assets/components/Balance/ChainItems'
+import { useSafesGetOverviewForManyQuery } from '@safe-global/store/gateway/safes'
+import { SafeOverviewResult } from '@safe-global/store/gateway/types'
+import { makeSafeId } from '@/src/utils/formatters'
+import { POLLING_INTERVAL } from '@/src/config/constants'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { formatCurrency, formatCurrencyPrecise } from '@safe-global/utils/utils/formatNumber'
+import { shouldDisplayPreciseBalance } from '@/src/utils/balance'
+import { selectCurrency } from '@/src/store/settingsSlice'
+
+export const NetworksSheetContainer = () => {
+  const dispatch = useAppDispatch()
+  const chains = useAppSelector(selectAllChains)
+  const activeSafe = useDefinedActiveSafe()
+  const activeChain = useAppSelector((state: RootState) => selectChainById(state, activeSafe.chainId))
+  const currency = useAppSelector(selectCurrency)
+  const { data } = useSafesGetOverviewForManyQuery<SafeOverviewResult>(
+    {
+      safes: chains.map((chain) => makeSafeId(chain.chainId, activeSafe.address)),
+      currency: currency.toLowerCase(),
+      trusted: true,
+      excludeSpam: true,
+    },
+    {
+      pollingInterval: POLLING_INTERVAL,
+      skip: chains.length === 0,
+    },
+  )
+
+  const handleChainChange = (chainId: string) => {
+    dispatch(switchActiveChain({ chainId }))
+  }
+
+  return (
+    <SafeBottomSheet
+      title="Select network"
+      items={data}
+      keyExtractor={({ item }) => item.chainId}
+      renderItem={({ item, onClose }) => (
+        <ChainItems
+          onSelect={(chainId: string) => {
+            handleChainChange(chainId)
+            onClose()
+          }}
+          activeChain={activeChain}
+          fiatTotal={
+            shouldDisplayPreciseBalance(item.fiatTotal, 8)
+              ? formatCurrencyPrecise(item.fiatTotal, currency)
+              : formatCurrency(item.fiatTotal, currency)
+          }
+          chains={chains}
+          chainId={item.chainId}
+          key={item.chainId}
+        />
+      )}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/NetworksSheet/index.tsx b/apps/mobile/src/features/NetworksSheet/index.tsx
new file mode 100644
index 000000000..699a7eafd
--- /dev/null
+++ b/apps/mobile/src/features/NetworksSheet/index.tsx
@@ -0,0 +1 @@
+export { NetworksSheetContainer } from './NetworksSheet.container'
diff --git a/apps/mobile/src/features/Notifications/NotificationsCenter.container.tsx b/apps/mobile/src/features/Notifications/NotificationsCenter.container.tsx
new file mode 100644
index 000000000..47acf3bd1
--- /dev/null
+++ b/apps/mobile/src/features/Notifications/NotificationsCenter.container.tsx
@@ -0,0 +1,14 @@
+import { COMING_SOON_MESSAGE, COMING_SOON_TITLE } from '@/src/config/constants'
+import React from 'react'
+import { H3, Text, View } from 'tamagui'
+
+export const NotificationsCenterContainer = () => {
+  return (
+    <View flex={1} alignItems="center" justifyContent="center">
+      <H3 fontWeight={600}>{COMING_SOON_TITLE}</H3>
+      <Text textAlign="center" color="$colorSecondary" width="70%" fontSize="$4">
+        {COMING_SOON_MESSAGE}
+      </Text>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/Notifications/NotificationsSettings.container.tsx b/apps/mobile/src/features/Notifications/NotificationsSettings.container.tsx
new file mode 100644
index 000000000..4bdea85a6
--- /dev/null
+++ b/apps/mobile/src/features/Notifications/NotificationsSettings.container.tsx
@@ -0,0 +1,17 @@
+import React from 'react'
+
+import { NotificationsSettingsView } from '@/src/features/Notifications/components/NotificationsSettingsView'
+import { useNotificationManager } from '@/src/hooks/useNotificationManager'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { selectSafeSubscriptionStatus } from '@/src/store/safeSubscriptionsSlice'
+
+export const NotificationsSettingsContainer = () => {
+  const { toggleNotificationState, isLoading } = useNotificationManager()
+  const activeSafe = useAppSelector(selectActiveSafe)
+  const isSubscribed = useAppSelector((state) =>
+    activeSafe ? selectSafeSubscriptionStatus(state, activeSafe.address, activeSafe.chainId) : false,
+  )
+
+  return <NotificationsSettingsView onChange={toggleNotificationState} value={!!isSubscribed} isLoading={isLoading} />
+}
diff --git a/apps/mobile/src/features/Notifications/components/EmptyBell.tsx b/apps/mobile/src/features/Notifications/components/EmptyBell.tsx
new file mode 100644
index 000000000..7a1d60383
--- /dev/null
+++ b/apps/mobile/src/features/Notifications/components/EmptyBell.tsx
@@ -0,0 +1,31 @@
+import React from 'react'
+import Svg, { Circle, Path } from 'react-native-svg'
+
+function EmptyBell() {
+  return (
+    <Svg width="81" height="80" viewBox="0 0 81 80" fill="none">
+      <Circle cx="30.7586" cy="45.9471" r="24.7586" fill="#1C1C1C" />
+      <Path
+        d="M43.8188 51.3497H36.0698C33.198 51.3497 31.7621 51.3497 31.46 51.1204C31.1206 50.8628 31.0376 50.7107 31.0009 50.2788C30.9682 49.8942 31.8482 48.4134 33.6084 45.4522C35.4257 42.3946 36.9688 37.9428 36.9688 31.6399C36.9688 28.155 38.4114 24.8128 40.9792 22.3486C43.5471 19.8844 47.0298 18.5 50.6612 18.5C54.2927 18.5 57.7753 19.8844 60.3431 22.3486C62.9111 24.8128 64.3536 28.155 64.3536 31.6399C64.3536 37.9428 65.8967 42.3946 67.7142 45.4522C69.4741 48.4134 70.3543 49.8942 70.3216 50.2788C70.2849 50.7107 70.2018 50.8628 69.8625 51.1204C69.5603 51.3497 68.1245 51.3497 65.2527 51.3497H57.5074M43.8188 51.3497L43.815 53.6961C43.815 57.5838 46.8803 60.7353 50.6612 60.7353C54.4424 60.7353 57.5074 57.5838 57.5074 53.6961V51.3497M43.8188 51.3497H57.5074"
+        stroke="#636669"
+        strokeWidth="1.33"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M3.36 21.844V20.5H11.664V22.228L4.872 30.004V30.22H11.784V31.588H3V29.86L9.792 22.084V21.844H3.36Z"
+        fill="#636669"
+      />
+      <Path
+        d="M19.36 8.844V7.5H27.664V9.228L20.872 17.004V17.22H27.784V18.588H19V16.86L25.792 9.084V8.844H19.36Z"
+        fill="#636669"
+      />
+      <Path
+        d="M5.36 2.844V1.5H13.664V3.228L6.872 11.004V11.22H13.784V12.588H5V10.86L11.792 3.084V2.844H5.36Z"
+        fill="#636669"
+      />
+    </Svg>
+  )
+}
+
+export default EmptyBell
diff --git a/apps/mobile/src/features/Notifications/components/NotificationPermissions.tsx b/apps/mobile/src/features/Notifications/components/NotificationPermissions.tsx
new file mode 100644
index 000000000..967937d95
--- /dev/null
+++ b/apps/mobile/src/features/Notifications/components/NotificationPermissions.tsx
@@ -0,0 +1,44 @@
+import { Text, View } from 'tamagui'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import React from 'react'
+import { Container } from '@/src/components/Container'
+import { NOTIFICATION_ACCOUNT_TYPE } from '@/src/store/constants'
+
+type Props = {
+  accountType: NOTIFICATION_ACCOUNT_TYPE
+  isNotificationEnabled: boolean
+}
+export const NotificationPermissions = ({ accountType, isNotificationEnabled }: Props) => {
+  const isOwner = accountType === NOTIFICATION_ACCOUNT_TYPE.OWNER
+
+  return (
+    isNotificationEnabled && (
+      <Container position="relative" paddingHorizontal="$4" marginTop={'$4'}>
+        <Text marginBottom="$4" fontWeight={400}>
+          You will receive notifications for:
+        </Text>
+        <View flexDirection="row" alignItems="center" gap={8} marginBottom="$4">
+          <SafeFontIcon name={'check-filled'} size={18} color="$success" />
+          <Text fontWeight={600}>Incoming transactions</Text>
+        </View>
+        <View flexDirection="row" alignItems="center" gap={8} marginBottom="$4">
+          <SafeFontIcon name={'check-filled'} size={18} color="$success" />
+          <Text fontWeight={600}>Outgoing transactions</Text>
+        </View>
+        <View flexDirection="row" alignItems="center" gap={8} marginBottom="$4">
+          <SafeFontIcon name={'check-filled'} size={18} color={isOwner ? '$success' : '$colorSecondary'} />
+          <Text fontWeight={600} color={isOwner ? '$colorPrimmary' : '$colorSecondary'}>
+            Queued transactions
+          </Text>
+        </View>
+        {!isOwner && (
+          <View flexDirection="row" alignItems="center" gap={8} marginBottom="$4">
+            <Text fontWeight={400} color={'$colorSecondary'} fontSize="$3">
+              You need to import at least one signer to receive transaction requests.
+            </Text>
+          </View>
+        )}
+      </Container>
+    )
+  )
+}
diff --git a/apps/mobile/src/features/Notifications/components/NotificationsScreenEmpty.tsx b/apps/mobile/src/features/Notifications/components/NotificationsScreenEmpty.tsx
new file mode 100644
index 000000000..f1e02558a
--- /dev/null
+++ b/apps/mobile/src/features/Notifications/components/NotificationsScreenEmpty.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+
+import { H3, Text, View } from 'tamagui'
+import EmptyBell from './EmptyBell'
+
+export const NotificationsScreenEmpty = () => {
+  return (
+    <View testID="empty-notifications" alignItems="center" gap="$4" marginTop="$6">
+      <EmptyBell />
+      <H3 fontWeight={600}>All caught up!</H3>
+      <Text textAlign="center" color="$colorSecondary" width="70%" fontSize="$4">
+        Nicely done. You have no pending activity.
+      </Text>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/Notifications/components/NotificationsSettingsView.tsx b/apps/mobile/src/features/Notifications/components/NotificationsSettingsView.tsx
new file mode 100644
index 000000000..12145954f
--- /dev/null
+++ b/apps/mobile/src/features/Notifications/components/NotificationsSettingsView.tsx
@@ -0,0 +1,44 @@
+import React from 'react'
+import { Text, View } from 'tamagui'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { NotificationPermissions } from './NotificationPermissions'
+import { useNotificationGTWPermissions } from '@/src/hooks/useNotificationGTWPermissions'
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { useAppSelector } from '@/src/store/hooks'
+import { LoadableSwitch } from '@/src/components/LoadableSwitch/LoadableSwitch'
+
+type Props = {
+  onChange: () => void
+  value: boolean
+  isLoading?: boolean
+}
+
+export const NotificationsSettingsView = ({ onChange, value, isLoading = false }: Props) => {
+  const activeSafe = useAppSelector(selectActiveSafe)
+  const { getAccountType } = useNotificationGTWPermissions(activeSafe?.address as `0x${string}`, activeSafe?.chainId)
+
+  return (
+    <View paddingHorizontal="$4" marginTop="$2" style={{ flex: 1 }} testID={'notifications-popup-screen'}>
+      <Text fontSize="$8" fontWeight={600} marginBottom="$2">
+        Notifications
+      </Text>
+      <Text marginBottom="$4">
+        Stay up-to-date and get notified about activities in your account, based on your needs.
+      </Text>
+      <SafeListItem
+        label={'Allow notifications'}
+        rightNode={
+          <LoadableSwitch
+            testID="toggle-app-notifications"
+            onChange={onChange}
+            value={value}
+            isLoading={isLoading}
+            trackColor={{ true: '$primary' }}
+          />
+        }
+      />
+
+      <NotificationPermissions accountType={getAccountType().accountType} isNotificationEnabled={value} />
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/Notifications/index.tsx b/apps/mobile/src/features/Notifications/index.tsx
new file mode 100644
index 000000000..6baafc0f6
--- /dev/null
+++ b/apps/mobile/src/features/Notifications/index.tsx
@@ -0,0 +1,4 @@
+import { NotificationsSettingsContainer } from './NotificationsSettings.container'
+import { NotificationsCenterContainer } from './NotificationsCenter.container'
+
+export { NotificationsSettingsContainer, NotificationsCenterContainer }
diff --git a/apps/mobile/src/features/Onboarding/Onboarding.container.test.tsx b/apps/mobile/src/features/Onboarding/Onboarding.container.test.tsx
new file mode 100644
index 000000000..012d98c85
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/Onboarding.container.test.tsx
@@ -0,0 +1,26 @@
+import React from 'react'
+import { fireEvent, render } from '@/src/tests/test-utils'
+import { Onboarding } from './Onboarding.container'
+
+const mockNavigate = jest.fn()
+
+jest.mock('expo-router', () => ({
+  useRouter: () => ({
+    navigate: mockNavigate,
+  }),
+}))
+
+describe('Onboarding Component', () => {
+  it('renders correctly', () => {
+    const { getAllByText } = render(<Onboarding />)
+    expect(getAllByText('Get started')).toHaveLength(1)
+  })
+
+  it('navigates on button press', () => {
+    const { getByText } = render(<Onboarding />)
+    const button = getByText('Get started')
+
+    fireEvent.press(button)
+    expect(mockNavigate).toHaveBeenCalledWith('/get-started')
+  })
+})
diff --git a/apps/mobile/src/features/Onboarding/Onboarding.container.tsx b/apps/mobile/src/features/Onboarding/Onboarding.container.tsx
new file mode 100644
index 000000000..95b9c6f63
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/Onboarding.container.tsx
@@ -0,0 +1,7 @@
+import React from 'react'
+import { OnboardingCarousel } from './components/OnboardingCarousel'
+import { items } from './components/OnboardingCarousel/items'
+
+export function Onboarding() {
+  return <OnboardingCarousel items={items} />
+}
diff --git a/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/CarouselFeedback.test.tsx b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/CarouselFeedback.test.tsx
new file mode 100644
index 000000000..56d96abe6
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/CarouselFeedback.test.tsx
@@ -0,0 +1,20 @@
+import React from 'react'
+import { CarouselFeedback } from './CarouselFeedback'
+import { render } from '@/src/tests/test-utils'
+import { getTokenValue } from 'tamagui'
+
+describe('CarouselFeedback', () => {
+  it('renders with active state', () => {
+    const { getByTestId } = render(<CarouselFeedback isActive={true} />)
+    const carouselFeedback = getByTestId('carousel-feedback')
+
+    expect(carouselFeedback.props.style[0]).toHaveProperty('backgroundColor', getTokenValue('$color.textContrastDark'))
+  })
+
+  it('renders with inactive state', () => {
+    const { getByTestId } = render(<CarouselFeedback isActive={false} />)
+    const carouselFeedback = getByTestId('carousel-feedback')
+
+    expect(carouselFeedback.props.style[0]).toHaveProperty('backgroundColor', getTokenValue('$color.primaryLightDark'))
+  })
+})
diff --git a/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/CarouselFeedback.tsx b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/CarouselFeedback.tsx
new file mode 100644
index 000000000..301a89832
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/CarouselFeedback.tsx
@@ -0,0 +1,34 @@
+import React, { useEffect } from 'react'
+import Animated, { useSharedValue, withSpring } from 'react-native-reanimated'
+import { getTokenValue } from 'tamagui'
+
+interface CarouselFeedbackProps {
+  isActive: boolean
+}
+
+const UNACTIVE_WIDTH = 4
+const ACTIVE_WIDTH = 24
+
+export function CarouselFeedback({ isActive }: CarouselFeedbackProps) {
+  const width = useSharedValue(UNACTIVE_WIDTH)
+
+  useEffect(() => {
+    if (isActive) {
+      width.value = withSpring(ACTIVE_WIDTH)
+    } else {
+      width.value = withSpring(UNACTIVE_WIDTH)
+    }
+  }, [isActive])
+
+  return (
+    <Animated.View
+      testID="carousel-feedback"
+      style={{
+        borderRadius: 50,
+        backgroundColor: isActive ? getTokenValue('$color.textContrastDark') : getTokenValue('$color.primaryLightDark'),
+        height: UNACTIVE_WIDTH,
+        width,
+      }}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/CarouselItem.test.tsx b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/CarouselItem.test.tsx
new file mode 100644
index 000000000..16c2db7ce
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/CarouselItem.test.tsx
@@ -0,0 +1,33 @@
+import React from 'react'
+import { CarouselItem } from './CarouselItem' // adjust the import path as necessary
+import { Text } from 'tamagui'
+import { render } from '@/src/tests/test-utils'
+
+describe('CarouselItem Component', () => {
+  it('renders correctly with all props', () => {
+    const item = {
+      title: <Text>Test Title</Text>,
+      description: 'Test Description',
+      image: <Text>Test Image</Text>,
+      name: 'nevinha',
+    }
+
+    const { getByText } = render(<CarouselItem item={item} />)
+
+    expect(getByText('Test Title')).toBeTruthy()
+    expect(getByText('Test Description')).toBeTruthy()
+    expect(getByText('Test Image')).toBeTruthy()
+  })
+
+  it('renders correctly without optional props', () => {
+    const item = {
+      title: <Text>Test Title</Text>,
+      name: 'Test Name',
+    }
+
+    const { getByText, queryByText } = render(<CarouselItem item={item} />)
+
+    expect(getByText('Test Title')).toBeTruthy()
+    expect(queryByText('Test Description')).toBeNull() // Description is optional and not provided
+  })
+})
diff --git a/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/CarouselItem.tsx b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/CarouselItem.tsx
new file mode 100644
index 000000000..6c74606d6
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/CarouselItem.tsx
@@ -0,0 +1,38 @@
+import { getTokenValue, Text, View, YStack } from 'tamagui'
+import React from 'react'
+import { Dimensions } from 'react-native'
+
+export type CarouselItem = {
+  title: string | React.ReactNode
+  name: string
+  description?: string
+  image?: React.ReactNode
+  imagePosition?: 'top' | 'bottom'
+}
+
+const windowHeight = Dimensions.get('window').height
+const maxGoodHeight = 812
+interface CarouselItemProps {
+  item: CarouselItem
+  testID?: string
+}
+
+export const CarouselItem = ({
+  item: { title, description, image, imagePosition = 'top' },
+  testID,
+}: CarouselItemProps) => {
+  const gap = windowHeight <= maxGoodHeight ? '$4' : '$8'
+  return (
+    <View gap={gap} alignItems="center" testID={testID} flex={1}>
+      {imagePosition === 'top' && image}
+      <YStack gap={gap} paddingHorizontal="$5" flex={1}>
+        <YStack>{title}</YStack>
+
+        <Text textAlign="center" maxWidth={331} fontSize={'$5'} color={getTokenValue('$color.textContrastDark')}>
+          {description}
+        </Text>
+      </YStack>
+      {imagePosition === 'bottom' && image}
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/OnboardingCarousel.native.stories.tsx b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/OnboardingCarousel.native.stories.tsx
new file mode 100644
index 000000000..2bcc5428d
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/OnboardingCarousel.native.stories.tsx
@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import React from 'react'
+import { OnboardingCarousel } from './OnboardingCarousel'
+import { items } from './items'
+
+const meta: Meta<typeof OnboardingCarousel> = {
+  title: 'Carousel',
+  component: OnboardingCarousel,
+}
+
+export default meta
+
+type Story = StoryObj<typeof OnboardingCarousel>
+
+export const Default: Story = {
+  render: function Render(args) {
+    return <OnboardingCarousel {...args} items={items} />
+  },
+}
diff --git a/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/OnboardingCarousel.test.tsx b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/OnboardingCarousel.test.tsx
new file mode 100644
index 000000000..c1865c36b
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/OnboardingCarousel.test.tsx
@@ -0,0 +1,20 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { OnboardingCarousel } from './OnboardingCarousel'
+import { Text } from 'tamagui'
+
+describe('OnboardingCarousel', () => {
+  const items = [
+    { name: 'Item1', title: <Text>Item1 Title</Text> },
+    { name: 'Item2', title: <Text>Item2 Title</Text> },
+    { name: 'Item3', title: <Text>Item3 Title</Text> },
+  ]
+
+  // react-native-collapsible-tab-view does not returns any information about the tabs children
+  // that is why we only test the children component here =/
+  it('renders without crashing', () => {
+    const { getByTestId } = render(<OnboardingCarousel items={items} />)
+
+    expect(getByTestId('carrousel')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/OnboardingCarousel.tsx b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/OnboardingCarousel.tsx
new file mode 100644
index 000000000..2dd2116e5
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/OnboardingCarousel.tsx
@@ -0,0 +1,77 @@
+import React, { useState } from 'react'
+import { CarouselItem } from './CarouselItem'
+import { getTokenValue, View } from 'tamagui'
+import { SafeButton } from '@/src/components/SafeButton'
+import { Tabs } from 'react-native-collapsible-tab-view'
+import { CarouselFeedback } from './CarouselFeedback'
+
+import { useRouter } from 'expo-router'
+import { useAppDispatch } from '@/src/store/hooks'
+import { updateSettings } from '@/src/store/settingsSlice'
+import { ONBOARDING_VERSION } from '@/src/config/constants'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+
+interface OnboardingCarouselProps {
+  items: CarouselItem[]
+}
+
+export function OnboardingCarousel({ items }: OnboardingCarouselProps) {
+  const [activeTab, setActiveTab] = useState(items[0].name)
+  const dispatch = useAppDispatch()
+  const router = useRouter()
+
+  const insets = useSafeAreaInsets()
+
+  const onGetStartedPress = () => {
+    dispatch(updateSettings({ onboardingVersionSeen: ONBOARDING_VERSION }))
+    router.navigate('/get-started')
+  }
+
+  return (
+    <View backgroundColor={getTokenValue('$color.textContrastDark')} flex={1}>
+      <View
+        testID="carrousel"
+        flex={1}
+        justifyContent={'space-between'}
+        position="relative"
+        marginBottom={insets.bottom}
+        backgroundColor={'white'}
+        borderBottomLeftRadius="$6"
+        borderBottomRightRadius="$6"
+        paddingBottom={'$4'}
+        paddingTop={'$4'}
+      >
+        <View flex={1}>
+          <Tabs.Container
+            onTabChange={(event) => setActiveTab(event.tabName)}
+            initialTabName={items[0].name}
+            renderTabBar={() => <></>}
+          >
+            {items.map((item, index) => (
+              <Tabs.Tab name={item.name} key={`${item.name}-${index}`}>
+                <CarouselItem key={index} item={item} testID={'carousel-item-' + index} />
+              </Tabs.Tab>
+            ))}
+          </Tabs.Container>
+        </View>
+        <View paddingHorizontal={'$5'}>
+          <View gap="$1" flexDirection="row" alignItems="center" justifyContent="center" marginBottom="$6">
+            {items.map((item) => (
+              <CarouselFeedback key={item.name} isActive={activeTab === item.name} />
+            ))}
+          </View>
+          <View style={{ flexDirection: 'column', justifyContent: 'space-between' }}>
+            <SafeButton
+              onPress={onGetStartedPress}
+              testID={'get-started'}
+              backgroundColor={getTokenValue('$color.textContrastDark')}
+              color={getTokenValue('$color.textPrimaryDark')}
+            >
+              Get started
+            </SafeButton>
+          </View>
+        </View>
+      </View>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/index.ts b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/index.ts
new file mode 100644
index 000000000..cac5baa9a
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/index.ts
@@ -0,0 +1,2 @@
+import { OnboardingCarousel } from './OnboardingCarousel'
+export { OnboardingCarousel }
diff --git a/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/items.tsx b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/items.tsx
new file mode 100644
index 000000000..5607c475a
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/items.tsx
@@ -0,0 +1,99 @@
+import { Dimensions, StyleSheet } from 'react-native'
+import { getTokenValue, H1, Image, View } from 'tamagui'
+import Signing from '@/assets/images/select-signer.png'
+import PersonalisedUpdates from '@/assets/images/personalised-updates.png'
+
+import TrackAnywhere from '@/assets/images/anywhere.png'
+import { CarouselItem } from './CarouselItem'
+import React from 'react'
+
+const windowHeight = Dimensions.get('window').height
+const windowWidth = Dimensions.get('window').width
+const maxGoodWidth = 375
+const styles = StyleSheet.create({
+  image: {
+    width: '100%',
+  },
+  anywhere: {
+    height: Math.abs(windowHeight * 0.32),
+  },
+  signing: {
+    height: Math.abs(windowHeight * 0.3),
+  },
+  notifications: {
+    height: Math.abs(windowHeight * 0.32),
+  },
+  textContainer: {
+    textAlign: 'center',
+    flexDirection: 'column',
+    letterSpacing: -0.1,
+    color: getTokenValue('$color.textContrastDark'),
+  },
+})
+
+export const items: CarouselItem[] = [
+  {
+    name: 'tracking',
+    image: (
+      <View height={300} width={'100%'}>
+        <Image style={[styles.image, styles.anywhere]} source={TrackAnywhere} />
+      </View>
+    ),
+    title: (
+      <>
+        <H1 style={styles.textContainer} fontWeight={600}>
+          Track your
+        </H1>
+        <H1 style={styles.textContainer} fontWeight={600}>
+          accounts.
+        </H1>
+        <H1 style={styles.textContainer} fontWeight={600} color="$primary">
+          Anywhere.
+        </H1>
+      </>
+    ),
+    description: 'Easily track balances and get real-time updates on account activity — anytime.',
+  },
+  {
+    name: 'signing',
+    image: (
+      <View height={300} width={'100%'}>
+        <Image style={[styles.image, styles.signing]} source={Signing} />
+      </View>
+    ),
+    title: (
+      <>
+        <H1 style={styles.textContainer} fontWeight={600} marginHorizontal={windowWidth <= maxGoodWidth ? -10 : 0}>
+          Sign transactions
+        </H1>
+
+        <H1 style={styles.textContainer} fontWeight={600}>
+          on the go
+        </H1>
+      </>
+    ),
+    description: 'Enjoy peace of mind with transaction checks, ensuring secure signing.',
+  },
+  {
+    name: 'update-to-date',
+    image: (
+      <View height={300} width={'100%'}>
+        <Image style={[styles.image, styles.signing]} source={PersonalisedUpdates} />
+      </View>
+    ),
+    title: (
+      <>
+        <H1 style={styles.textContainer} fontWeight={600}>
+          Get
+        </H1>
+        <H1 style={styles.textContainer} fontWeight={600}>
+          personalized
+        </H1>
+        <H1 style={styles.textContainer} fontWeight={600}>
+          updates
+        </H1>
+      </>
+    ),
+    description: 'Stay informed with personalized notifications tailored to your accounts.',
+  },
+]
diff --git a/apps/mobile/src/features/Onboarding/components/OnboardingHeader/OnboardingHeader.test.tsx b/apps/mobile/src/features/Onboarding/components/OnboardingHeader/OnboardingHeader.test.tsx
new file mode 100644
index 000000000..0c47dc3e7
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingHeader/OnboardingHeader.test.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+import { OnboardingHeader } from './OnboardingHeader'
+import { render } from '@/src/tests/test-utils'
+import { screen } from '@testing-library/react-native'
+
+test('renders the OnboardingHeader component with the Safe Wallet image', () => {
+  render(<OnboardingHeader />)
+
+  const safeWalletLogo = screen.getByTestId('safe-wallet-logo')
+  expect(safeWalletLogo).toBeTruthy()
+})
diff --git a/apps/mobile/src/features/Onboarding/components/OnboardingHeader/OnboardingHeader.tsx b/apps/mobile/src/features/Onboarding/components/OnboardingHeader/OnboardingHeader.tsx
new file mode 100644
index 000000000..22a2d4eed
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingHeader/OnboardingHeader.tsx
@@ -0,0 +1,22 @@
+import React from 'react'
+import { getTokenValue, View } from 'tamagui'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { SafeWalletLogo } from '@/src/components/SVGs/SafeWalletLogo'
+
+export function OnboardingHeader() {
+  const insets = useSafeAreaInsets()
+
+  return (
+    <View paddingTop={insets.top} backgroundColor={getTokenValue('$color.textContrastDark')}>
+      <View
+        alignItems={'center'}
+        backgroundColor={getTokenValue('$color.textPrimaryDark')}
+        borderTopLeftRadius={'$6'}
+        borderTopRightRadius={'$6'}
+        paddingVertical={'$6'}
+      >
+        <SafeWalletLogo testID="safe-wallet-logo" />
+      </View>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/Onboarding/components/OnboardingHeader/index.ts b/apps/mobile/src/features/Onboarding/components/OnboardingHeader/index.ts
new file mode 100644
index 000000000..ea4b33e18
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingHeader/index.ts
@@ -0,0 +1,2 @@
+import { OnboardingHeader } from './OnboardingHeader'
+export { OnboardingHeader }
diff --git a/apps/mobile/src/features/Onboarding/index.ts b/apps/mobile/src/features/Onboarding/index.ts
new file mode 100644
index 000000000..68f4aa89d
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/index.ts
@@ -0,0 +1,2 @@
+import { Onboarding } from './Onboarding.container'
+export { Onboarding }
diff --git a/apps/mobile/src/features/PendingTx/PendingTx.container.tsx b/apps/mobile/src/features/PendingTx/PendingTx.container.tsx
new file mode 100644
index 000000000..da1118db1
--- /dev/null
+++ b/apps/mobile/src/features/PendingTx/PendingTx.container.tsx
@@ -0,0 +1,17 @@
+import React from 'react'
+import { PendingTxListContainer } from '@/src/features/PendingTx/components/PendingTxList'
+import usePendingTxs from '@/src/hooks/usePendingTxs'
+
+export function PendingTxContainer() {
+  const { data, isLoading, fetchMoreTx, hasMore, amount } = usePendingTxs()
+
+  return (
+    <PendingTxListContainer
+      transactions={data}
+      onEndReached={fetchMoreTx}
+      isLoading={isLoading}
+      amount={amount}
+      hasMore={!!hasMore}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/PendingTx/components/PendingTxList/PendingTxList.container.tsx b/apps/mobile/src/features/PendingTx/components/PendingTxList/PendingTxList.container.tsx
new file mode 100644
index 000000000..aafc5c5d1
--- /dev/null
+++ b/apps/mobile/src/features/PendingTx/components/PendingTxList/PendingTxList.container.tsx
@@ -0,0 +1,75 @@
+import { SafeListItem } from '@/src/components/SafeListItem'
+import React from 'react'
+import { SectionList } from 'react-native'
+import { View } from 'tamagui'
+import { Badge } from '@/src/components/Badge'
+import { NavBarTitle } from '@/src/components/Title/NavBarTitle'
+import { LargeHeaderTitle } from '@/src/components/Title/LargeHeaderTitle'
+import { useScrollableHeader } from '@/src/navigation/useScrollableHeader'
+import { TransactionQueuedItem } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { PendingTransactionItems } from '@safe-global/store/gateway/types'
+import { keyExtractor, renderItem } from '@/src/features/PendingTx/utils'
+import { Loader } from '@/src/components/Loader'
+
+export interface GroupedPendingTxsWithTitle {
+  title: string
+  data: (PendingTransactionItems | TransactionQueuedItem[])[]
+}
+
+interface PendingTxListContainerProps {
+  transactions: GroupedPendingTxsWithTitle[]
+  onEndReached: (info: { distanceFromEnd: number }) => void
+  isLoading?: boolean
+  amount: number
+  hasMore: boolean
+}
+
+export function PendingTxListContainer({
+  transactions,
+  onEndReached,
+  isLoading,
+  hasMore,
+  amount,
+}: PendingTxListContainerProps) {
+  const { handleScroll } = useScrollableHeader({
+    children: (
+      <>
+        <NavBarTitle paddingRight={5}>Pending transactions</NavBarTitle>
+        <Badge
+          content={`${amount}${hasMore ? '+' : ''}`}
+          circleSize={'$6'}
+          fontSize={10}
+          themeName="badge_warning_variant2"
+        />
+      </>
+    ),
+  })
+
+  const LargeHeader = (
+    <View flexDirection={'row'} alignItems={'flex-start'} paddingTop={'$3'}>
+      <LargeHeaderTitle marginRight={5}>Pending transactions</LargeHeaderTitle>
+      {isLoading ? (
+        <Loader size={24} color="$warning1ContrastTextDark" />
+      ) : (
+        <Badge content={`${amount}${hasMore ? '+' : ''}`} themeName="badge_warning_variant2" />
+      )}
+    </View>
+  )
+
+  return (
+    <SectionList
+      testID={'tx-history-list'}
+      ListHeaderComponent={LargeHeader}
+      sections={transactions}
+      contentInsetAdjustmentBehavior="automatic"
+      keyExtractor={keyExtractor}
+      renderItem={renderItem}
+      onEndReached={onEndReached}
+      ListFooterComponent={isLoading ? <Loader size={24} color={'$color'} /> : undefined}
+      renderSectionHeader={({ section: { title } }) => <SafeListItem.Header title={title} />}
+      onScroll={handleScroll}
+      scrollEventThrottle={16}
+      contentContainerStyle={{ paddingHorizontal: 12 }}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/PendingTx/components/PendingTxList/index.ts b/apps/mobile/src/features/PendingTx/components/PendingTxList/index.ts
new file mode 100644
index 000000000..b3867e5ad
--- /dev/null
+++ b/apps/mobile/src/features/PendingTx/components/PendingTxList/index.ts
@@ -0,0 +1,2 @@
+import { PendingTxListContainer } from './PendingTxList.container'
+export { PendingTxListContainer }
diff --git a/apps/mobile/src/features/PendingTx/index.tsx b/apps/mobile/src/features/PendingTx/index.tsx
new file mode 100644
index 000000000..74ebac85f
--- /dev/null
+++ b/apps/mobile/src/features/PendingTx/index.tsx
@@ -0,0 +1,2 @@
+import { PendingTxContainer } from './PendingTx.container'
+export { PendingTxContainer }
diff --git a/apps/mobile/src/features/PendingTx/utils.tsx b/apps/mobile/src/features/PendingTx/utils.tsx
new file mode 100644
index 000000000..9ab7d1107
--- /dev/null
+++ b/apps/mobile/src/features/PendingTx/utils.tsx
@@ -0,0 +1,171 @@
+import { TransactionQueuedItem } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import {
+  getBulkGroupTxHash,
+  getTxHash,
+  isConflictHeaderListItem,
+  isLabelListItem,
+  isMultisigExecutionInfo,
+  isTransactionListItem,
+} from '@/src/utils/transaction-guards'
+import { groupBulkTxs } from '@/src/utils/transactions'
+import { type PendingTransactionItems, TransactionListItemType } from '@safe-global/store//src/gateway/types'
+import { View } from 'tamagui'
+import { TxGroupedCard } from '@/src/components/transactions-list/Card/TxGroupedCard'
+import { TxConflictingCard } from '@/src/components/transactions-list/Card/TxConflictingCard'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { TxInfo } from '@/src/components/TxInfo'
+import React, { useCallback } from 'react'
+import { GroupedPendingTxsWithTitle } from './components/PendingTxList/PendingTxList.container'
+import { TxCardPress } from '@/src/components/TxInfo/types'
+import { useRouter } from 'expo-router'
+
+type GroupedTxs = (PendingTransactionItems | TransactionQueuedItem[])[]
+
+export const groupTxs = (list: PendingTransactionItems[]) => {
+  const groupedByConflicts = groupConflictingTxs(list)
+  return groupBulkTxs(groupedByConflicts)
+}
+
+export const groupPendingTxs = (list: PendingTransactionItems[]) => {
+  const transactions = groupTxs(list)
+  const sections = ['Next', 'Queued']
+
+  const txSections: {
+    pointer: number
+    amount: number
+    sections: GroupedPendingTxsWithTitle[]
+  } = {
+    pointer: -1,
+    amount: 0,
+    sections: [
+      { title: 'Next', data: [] },
+      { title: 'In queue', data: [] },
+    ],
+  }
+
+  return transactions.reduce((acc, item) => {
+    if ('type' in item && isLabelListItem(item)) {
+      acc.pointer = sections.indexOf(item.label)
+    } else if (
+      acc.sections[acc.pointer] &&
+      (Array.isArray(item) || item.type === TransactionListItemType.TRANSACTION)
+    ) {
+      acc.amount += Array.isArray(item) ? item.length : 1
+
+      acc.sections[acc.pointer].data.push(item as TransactionQueuedItem)
+    }
+
+    return acc
+  }, txSections)
+}
+
+export const groupConflictingTxs = (list: PendingTransactionItems[]): GroupedTxs =>
+  list
+    .reduce<GroupedTxs>((resultItems, item) => {
+      if (isConflictHeaderListItem(item)) {
+        return [...resultItems, []]
+      }
+
+      const prevItem = resultItems[resultItems.length - 1]
+      if (Array.isArray(prevItem) && isTransactionListItem(item) && item.conflictType !== 'None') {
+        const updatedPrevItem = [...prevItem, item]
+        return [...resultItems.slice(0, -1), updatedPrevItem]
+      }
+
+      return [...resultItems, item]
+    }, [])
+    .map((item) => {
+      return Array.isArray(item)
+        ? item.sort((a, b) => {
+            return b.transaction.timestamp - a.transaction.timestamp
+          })
+        : item
+    })
+
+export const renderItem = ({
+  item,
+  index,
+}: {
+  item: PendingTransactionItems | TransactionQueuedItem[]
+  index: number
+}) => {
+  const router = useRouter()
+
+  const onPress = useCallback(
+    async (transaction?: TxCardPress) => {
+      if (transaction) {
+        router.push({
+          pathname: '/confirm-transaction',
+          params: {
+            txId: transaction.tx.id,
+          },
+        })
+      } else {
+        router.push({
+          pathname: '/conflict-transaction-sheet',
+        })
+      }
+    },
+    [router],
+  )
+
+  if (Array.isArray(item)) {
+    // Handle bulk transactions
+    return (
+      <View marginTop={index && '$4'}>
+        {getBulkGroupTxHash(item) ? (
+          <TxGroupedCard transactions={item} inQueue />
+        ) : (
+          <TxConflictingCard inQueue transactions={item} onPress={onPress} />
+        )}
+      </View>
+    )
+  }
+
+  if (isLabelListItem(item)) {
+    return (
+      <View marginTop={index && '$4'}>
+        <SafeListItem.Header title={item.label} />
+      </View>
+    )
+  }
+
+  if (isTransactionListItem(item)) {
+    return (
+      <View marginTop={index && '$4'}>
+        <TxInfo onPress={onPress} inQueue tx={item.transaction} />
+      </View>
+    )
+  }
+
+  return null
+}
+
+export const keyExtractor = (item: PendingTransactionItems | TransactionQueuedItem[], index: number) => {
+  if (Array.isArray(item)) {
+    const txGroupHash = getBulkGroupTxHash(item)
+    if (txGroupHash) {
+      return txGroupHash + index
+    }
+
+    if (isTransactionListItem(item[0]) && isMultisigExecutionInfo(item[0].transaction.executionInfo)) {
+      return getTxHash(item[0]) + item[0].transaction.executionInfo.confirmationsSubmitted + index
+    }
+
+    if (isTransactionListItem(item[0])) {
+      return getTxHash(item[0]) + index
+    }
+
+    return String(index)
+  }
+
+  if (isTransactionListItem(item) && isMultisigExecutionInfo(item.transaction.executionInfo)) {
+    return item.transaction.id + item.transaction.executionInfo.confirmationsSubmitted
+  }
+
+  if (isTransactionListItem(item)) {
+    return item.transaction.id
+  }
+
+  return String(item)
+}
diff --git a/apps/mobile/src/features/PrivateKey/PrivateKey.container.tsx b/apps/mobile/src/features/PrivateKey/PrivateKey.container.tsx
new file mode 100644
index 000000000..1a0108bbe
--- /dev/null
+++ b/apps/mobile/src/features/PrivateKey/PrivateKey.container.tsx
@@ -0,0 +1,118 @@
+import React, { useCallback, useState } from 'react'
+import { Alert } from 'react-native'
+import { useRouter } from 'expo-router'
+import { PrivateKeyView } from './components/PrivateKeyView'
+import { keyStorageService } from '@/src/services/key-storage'
+import { useDelegateCleanup } from '@/src/hooks/useDelegateCleanup'
+import { useAppDispatch } from '@/src/store/hooks'
+import { type Address } from '@/src/types/address'
+import { cleanupSinglePrivateKey } from '@/src/features/AccountsSheet/AccountItem/utils/editAccountHelpers'
+
+type Props = {
+  signerAddress: Address
+}
+
+export const PrivateKeyContainer = ({ signerAddress }: Props) => {
+  const router = useRouter()
+  const dispatch = useAppDispatch()
+  const { removeAllDelegatesForOwner } = useDelegateCleanup()
+
+  const [isKeyVisible, setIsKeyVisible] = useState(false)
+  const [privateKey, setPrivateKey] = useState<string | null>(null)
+  const [isLoading, setIsLoading] = useState(false)
+
+  const executeViewPrivateKey = useCallback(async () => {
+    setIsLoading(true)
+
+    try {
+      const key = await keyStorageService.getPrivateKey(signerAddress)
+
+      if (!key) {
+        Alert.alert('Error', 'Private key not found')
+        return
+      }
+
+      setPrivateKey(key)
+      setIsKeyVisible(true)
+    } catch (error) {
+      console.error('Error retrieving private key:', error)
+      Alert.alert('Error', 'Failed to retrieve private key')
+    } finally {
+      setIsLoading(false)
+    }
+  }, [signerAddress])
+
+  const handleViewPrivateKey = useCallback(() => {
+    Alert.alert(
+      'View private key',
+      'Are you sure you want to display your private key on screen? Make sure no one else can see your screen.',
+      [
+        { text: 'Cancel', style: 'cancel' },
+        {
+          text: 'Yes, show key',
+          style: 'destructive',
+          onPress: executeViewPrivateKey,
+        },
+      ],
+    )
+  }, [executeViewPrivateKey])
+
+  const showDeleteFailureAlert = useCallback((message?: string) => {
+    Alert.alert(
+      'Cannot delete private key',
+      message || 'Failed to unsubscribe from push notifications. Please check your internet connection and try again.',
+      [{ text: 'OK' }],
+    )
+  }, [])
+
+  const executeDeletePrivateKey = useCallback(async () => {
+    setIsLoading(true)
+
+    try {
+      const result = await cleanupSinglePrivateKey(signerAddress, removeAllDelegatesForOwner, dispatch)
+
+      if (!result.success) {
+        showDeleteFailureAlert(result.error?.message)
+        return
+      }
+
+      router.back()
+      Alert.alert('Success', 'Private key has been deleted successfully')
+    } catch (_error) {
+      showDeleteFailureAlert('An unexpected error occurred')
+    } finally {
+      setIsLoading(false)
+    }
+  }, [signerAddress, dispatch, removeAllDelegatesForOwner, router, showDeleteFailureAlert])
+
+  const handleDeletePrivateKey = useCallback(() => {
+    Alert.alert(
+      'Delete private key',
+      'This will make this signer no longer able to sign transactions in this safe and in any other safe on this device that uses this private key. Do you want to proceed?',
+      [
+        { text: 'Cancel', style: 'cancel' },
+        {
+          text: 'Yes, delete',
+          style: 'destructive',
+          onPress: executeDeletePrivateKey,
+        },
+      ],
+    )
+  }, [executeDeletePrivateKey])
+
+  const handleHidePrivateKey = useCallback(() => {
+    setIsKeyVisible(false)
+    setPrivateKey(null)
+  }, [])
+
+  return (
+    <PrivateKeyView
+      isKeyVisible={isKeyVisible}
+      privateKey={privateKey}
+      isLoading={isLoading}
+      onViewPrivateKey={handleViewPrivateKey}
+      onDeletePrivateKey={handleDeletePrivateKey}
+      onHidePrivateKey={handleHidePrivateKey}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/PrivateKey/components/PrivateKeyView.tsx b/apps/mobile/src/features/PrivateKey/components/PrivateKeyView.tsx
new file mode 100644
index 000000000..0afdf30c9
--- /dev/null
+++ b/apps/mobile/src/features/PrivateKey/components/PrivateKeyView.tsx
@@ -0,0 +1,75 @@
+import React from 'react'
+import { ScrollView, View, Text, YStack } from 'tamagui'
+import { Container } from '@/src/components/Container'
+import { CopyButton } from '@/src/components/CopyButton'
+import { SafeButton } from '@/src/components/SafeButton'
+import { KeyboardAvoidingView, ActivityIndicator } from 'react-native'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { SafeInput } from '@/src/components/SafeInput'
+
+type Props = {
+  isKeyVisible: boolean
+  privateKey: string | null
+  isLoading: boolean
+  onViewPrivateKey: () => void
+  onDeletePrivateKey: () => void
+  onHidePrivateKey: () => void
+}
+
+// Generate a fake 64-character hex string for display when key is hidden
+const MASKED_PRIVATE_KEY = '•'.repeat(64)
+
+export const PrivateKeyView = ({
+  isKeyVisible,
+  privateKey,
+  isLoading,
+  onViewPrivateKey,
+  onDeletePrivateKey,
+  onHidePrivateKey,
+}: Props) => {
+  const { bottom, top } = useSafeAreaInsets()
+
+  const displayKey = isKeyVisible && privateKey ? privateKey : MASKED_PRIVATE_KEY
+
+  return (
+    <YStack flex={1}>
+      <ScrollView flex={1} contentContainerStyle={{ paddingHorizontal: '$4' }}>
+        <Container marginTop={'$4'} rowGap={'$1'}>
+          <Text color={'$colorSecondary'}>Private Key</Text>
+          <SafeInput
+            value={displayKey}
+            editable={false}
+            multiline
+            numberOfLines={4}
+            style={{ fontFamily: 'monospace' }}
+            right={
+              isKeyVisible && privateKey ? (
+                <CopyButton value={privateKey} color={'$colorSecondary'} hitSlop={2} text={'Private key copied'} />
+              ) : null
+            }
+          />
+        </Container>
+
+        <View marginTop={'$4'} gap={'$3'}>
+          {isLoading ? (
+            <SafeButton disabled>
+              <ActivityIndicator color="white" />
+            </SafeButton>
+          ) : isKeyVisible ? (
+            <SafeButton onPress={onHidePrivateKey}>Hide private key</SafeButton>
+          ) : (
+            <SafeButton onPress={onViewPrivateKey}>View private key</SafeButton>
+          )}
+        </View>
+      </ScrollView>
+
+      <KeyboardAvoidingView behavior="padding" keyboardVerticalOffset={top + bottom}>
+        <View paddingHorizontal={'$4'} paddingTop={'$2'} paddingBottom={bottom ?? 60}>
+          <SafeButton danger={true} onPress={onDeletePrivateKey} disabled={isLoading}>
+            Delete private key
+          </SafeButton>
+        </View>
+      </KeyboardAvoidingView>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/PrivateKey/components/index.tsx b/apps/mobile/src/features/PrivateKey/components/index.tsx
new file mode 100644
index 000000000..e6c36b2f7
--- /dev/null
+++ b/apps/mobile/src/features/PrivateKey/components/index.tsx
@@ -0,0 +1,2 @@
+import { PrivateKeyView } from './PrivateKeyView'
+export { PrivateKeyView }
diff --git a/apps/mobile/src/features/PrivateKey/index.tsx b/apps/mobile/src/features/PrivateKey/index.tsx
new file mode 100644
index 000000000..ad3831d2c
--- /dev/null
+++ b/apps/mobile/src/features/PrivateKey/index.tsx
@@ -0,0 +1,2 @@
+import { PrivateKeyContainer } from './PrivateKey.container'
+export { PrivateKeyContainer }
diff --git a/apps/mobile/src/features/Settings/Settings.container.tsx b/apps/mobile/src/features/Settings/Settings.container.tsx
new file mode 100644
index 000000000..ca65e51da
--- /dev/null
+++ b/apps/mobile/src/features/Settings/Settings.container.tsx
@@ -0,0 +1,51 @@
+import { useGetSafeQuery } from '@safe-global/store/gateway'
+import { SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { Settings } from './Settings'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { useCallback, useState } from 'react'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectContactByAddress } from '@/src/store/addressBookSlice'
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+import { selectActiveChain } from '@/src/store/chains'
+import { isValidMasterCopy, isMigrationToL2Possible } from '@safe-global/utils/services/contracts/safeContracts'
+
+export const SettingsContainer = () => {
+  const { chainId, address } = useDefinedActiveSafe()
+  const chain = useAppSelector(selectActiveChain)
+  const latestSafeVersion = getLatestSafeVersion(
+    chain ? { chainId, recommendedMasterCopyVersion: chain.recommendedMasterCopyVersion } : undefined,
+  )
+
+  const { data = {} as SafeState } = useGetSafeQuery({
+    chainId: chainId,
+    safeAddress: address,
+  })
+
+  const isUnsupportedMasterCopy = !isValidMasterCopy(data.implementationVersionState) && isMigrationToL2Possible(data)
+
+  const needsUpdate = data.implementationVersionState === 'OUTDATED'
+  const isLatestVersion = data.version && !needsUpdate
+
+  const contact = useAppSelector(selectContactByAddress(address))
+  const [displayDevMenu, setDisplayDevMenu] = useState(false)
+  const [tappedCount, setTappedCount] = useState(0)
+  const onImplementationTap = useCallback(() => {
+    setTappedCount((count) => count + 1)
+    if (tappedCount >= 2) {
+      setDisplayDevMenu(true)
+    }
+  }, [tappedCount, setTappedCount, setDisplayDevMenu])
+
+  return (
+    <Settings
+      address={address}
+      data={data}
+      displayDevMenu={displayDevMenu}
+      onImplementationTap={onImplementationTap}
+      contact={contact}
+      isLatestVersion={!!isLatestVersion}
+      latestSafeVersion={latestSafeVersion}
+      isUnsupportedMasterCopy={isUnsupportedMasterCopy}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/Settings/Settings.tsx b/apps/mobile/src/features/Settings/Settings.tsx
new file mode 100644
index 000000000..4874fc082
--- /dev/null
+++ b/apps/mobile/src/features/Settings/Settings.tsx
@@ -0,0 +1,230 @@
+import React, { useCallback } from 'react'
+import { H2, ScrollView, Text, Theme, View, XStack, YStack } from 'tamagui'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { Skeleton } from 'moti/skeleton'
+import { Pressable, TouchableOpacity, useColorScheme } from 'react-native'
+import { EthAddress } from '@/src/components/EthAddress'
+import { SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { Address } from '@/src/types/address'
+import { router } from 'expo-router'
+import { IdenticonWithBadge } from '@/src/features/Settings/components/IdenticonWithBadge'
+
+import { Navbar } from '@/src/features/Settings/components/Navbar/Navbar'
+import { type Contact } from '@/src/store/addressBookSlice'
+import { Alert2 } from '@/src/components/Alert2'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { useCopyAndDispatchToast } from '@/src/hooks/useCopyAndDispatchToast'
+
+interface SettingsProps {
+  data: SafeState
+  address: `0x${string}`
+  displayDevMenu: boolean
+  onImplementationTap: () => void
+  contact: Contact | null
+  isLatestVersion: boolean
+  latestSafeVersion: string
+  isUnsupportedMasterCopy: boolean
+}
+
+export const Settings = ({
+  address,
+  data,
+  onImplementationTap,
+  displayDevMenu,
+  contact,
+  isLatestVersion,
+  latestSafeVersion,
+  isUnsupportedMasterCopy,
+}: SettingsProps) => {
+  const activeSafe = useDefinedActiveSafe()
+  const copy = useCopyAndDispatchToast()
+  const { owners = [], threshold, implementation } = data
+  const colorScheme = useColorScheme()
+
+  const onPressAddressCopy = useCallback(() => {
+    copy(activeSafe.address)
+  }, [activeSafe.address])
+
+  return (
+    <>
+      <Theme name={'settings'}>
+        <Navbar safeAddress={address} />
+        <ScrollView
+          style={{
+            marginTop: -20,
+            paddingTop: 0,
+          }}
+          contentContainerStyle={{
+            marginTop: -15,
+          }}
+        >
+          <YStack flex={1} padding="$2" paddingTop={'$10'}>
+            <Skeleton.Group show={!owners.length}>
+              <YStack alignItems="center" space="$3" marginBottom="$6">
+                <IdenticonWithBadge
+                  address={address}
+                  badgeContent={owners.length ? `${threshold}/${owners.length}` : ''}
+                />
+                <H2 color="$foreground" fontWeight={600} numberOfLines={1}>
+                  {contact?.name || 'Unnamed Safe'}
+                </H2>
+                <View>
+                  <TouchableOpacity onPress={onPressAddressCopy}>
+                    <EthAddress
+                      address={address as Address}
+                      copy
+                      textProps={{
+                        color: '$colorSecondary',
+                      }}
+                    />
+                  </TouchableOpacity>
+                </View>
+              </YStack>
+
+              <XStack justifyContent="center" marginBottom="$6">
+                <YStack
+                  alignItems="center"
+                  backgroundColor={'$background'}
+                  paddingTop={'$3'}
+                  paddingBottom={'$2'}
+                  borderRadius={'$6'}
+                  width={80}
+                  marginRight={'$2'}
+                >
+                  <View width={30}>
+                    <Skeleton colorMode={colorScheme === 'dark' ? 'dark' : 'light'}>
+                      <Text fontWeight="bold" textAlign="center" fontSize={'$4'}>
+                        {owners.length}
+                      </Text>
+                    </Skeleton>
+                  </View>
+                  <Text color="$colorHover" fontSize={'$3'}>
+                    Signers
+                  </Text>
+                </YStack>
+
+                <YStack
+                  alignItems="center"
+                  backgroundColor={'$background'}
+                  paddingTop={'$3'}
+                  paddingBottom={'$2'}
+                  borderRadius={'$6'}
+                  width={80}
+                >
+                  <View width={30}>
+                    <Skeleton colorMode={colorScheme === 'dark' ? 'dark' : 'light'}>
+                      <Text fontWeight="bold" textAlign="center" fontSize={'$4'}>
+                        {threshold}/{owners.length}
+                      </Text>
+                    </Skeleton>
+                  </View>
+                  <Text color="$colorHover" fontSize={'$3'}>
+                    Threshold
+                  </Text>
+                </YStack>
+              </XStack>
+
+              <YStack space="$4">
+                <View padding="$4" borderRadius="$3" gap={'$2'}>
+                  <Text color="$colorSecondary" fontWeight={500}>
+                    Members
+                  </Text>
+                  <Pressable
+                    style={({ pressed }) => [{ opacity: pressed ? 0.5 : 1.0 }]}
+                    onPress={() => {
+                      router.push('/signers')
+                    }}
+                  >
+                    <SafeListItem
+                      label={'Signers'}
+                      leftNode={<SafeFontIcon name={'owners'} color={'$colorSecondary'} />}
+                      rightNode={
+                        <View flexDirection={'row'} alignItems={'center'} justifyContent={'center'}>
+                          <Skeleton colorMode={colorScheme === 'dark' ? 'dark' : 'light'} height={17}>
+                            <Text minWidth={15} marginRight={'$3'} color={'$colorSecondary'}>
+                              {owners.length}
+                            </Text>
+                          </Skeleton>
+                          <View>
+                            <SafeFontIcon name={'chevron-right'} />
+                          </View>
+                        </View>
+                      }
+                    />
+                  </Pressable>
+                </View>
+
+                <View backgroundColor="$backgroundDark" padding="$4" borderRadius="$3" gap={'$2'}>
+                  <Text color="$colorSecondary">General</Text>
+                  <View backgroundColor={'$background'} borderRadius={'$3'}>
+                    <Pressable
+                      style={({ pressed }) => [{ opacity: pressed ? 0.5 : 1.0 }]}
+                      onPress={() => {
+                        router.push('/notifications-settings')
+                      }}
+                    >
+                      <SafeListItem
+                        label={'Notifications'}
+                        leftNode={<SafeFontIcon name={'bell'} color={'$colorSecondary'} />}
+                        rightNode={<SafeFontIcon name={'chevron-right'} />}
+                      />
+                    </Pressable>
+                  </View>
+                </View>
+
+                {displayDevMenu && (
+                  <View backgroundColor="$backgroundDark" padding="$4" borderRadius="$3" gap={'$2'}>
+                    <Text color="$foreground">Developer</Text>
+                    <View backgroundColor={'$background'} borderRadius={'$3'}>
+                      <Pressable
+                        style={({ pressed }) => [{ opacity: pressed ? 0.5 : 1.0 }]}
+                        onPress={() => {
+                          router.push('/developer')
+                        }}
+                      >
+                        <SafeListItem
+                          label={'Developer'}
+                          leftNode={<SafeFontIcon name={'alert-triangle'} color={'$colorSecondary'} />}
+                          rightNode={<SafeFontIcon name={'chevron-right'} />}
+                        />
+                      </Pressable>
+                    </View>
+                  </View>
+                )}
+              </YStack>
+            </Skeleton.Group>
+
+            {/* Footer */}
+            <Pressable
+              onPress={onImplementationTap}
+              style={{
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'center',
+                gap: '$2',
+                marginTop: 14,
+              }}
+            >
+              {isLatestVersion && <SafeFontIcon testID="check-icon" name={'check-filled'} color={'$success'} />}
+              <Text marginLeft={'$2'} textAlign="center" color="$colorSecondary">
+                {implementation?.name} {isLatestVersion ? `(Latest version)` : `(Latest version: ${latestSafeVersion})`}
+              </Text>
+            </Pressable>
+
+            {isUnsupportedMasterCopy && (
+              <View flex={1} padding="$5">
+                <Alert2
+                  type="warning"
+                  message="Your Safe Account's base contract is not supported. You should migrate it to a compatible
+              version. Use the web app for this."
+                  title="Base contract is not supported"
+                />
+              </View>
+            )}
+          </YStack>
+        </ScrollView>
+      </Theme>
+    </>
+  )
+}
diff --git a/apps/mobile/src/features/Settings/__tests__/Settings.test.tsx b/apps/mobile/src/features/Settings/__tests__/Settings.test.tsx
new file mode 100644
index 000000000..d798d05ce
--- /dev/null
+++ b/apps/mobile/src/features/Settings/__tests__/Settings.test.tsx
@@ -0,0 +1,141 @@
+import React from 'react'
+import { render } from '@/src/tests/test-utils'
+import { Settings } from '../Settings'
+import { SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { RootState } from '@/src/store'
+import { NavigationContainer } from '@react-navigation/native'
+
+// Mock expo-router
+jest.mock('expo-router', () => ({
+  router: {
+    push: jest.fn(),
+  },
+  useRouter: () => ({
+    push: jest.fn(),
+    navigate: jest.fn(),
+    back: jest.fn(),
+    canGoBack: jest.fn(() => true),
+    setParams: jest.fn(),
+  }),
+  useNavigation: () => ({
+    navigate: jest.fn(),
+    dispatch: jest.fn(),
+  }),
+  useSegments: () => ['test'],
+  usePathname: () => '/test-path',
+}))
+
+const mockSafeState: SafeState = {
+  address: { value: '0x123' },
+  chainId: '1',
+  nonce: 0,
+  threshold: 2,
+  owners: [{ value: '0x123' }, { value: '0x456' }],
+  implementation: { value: '0x789', name: 'Safe v1.3.0' },
+  implementationVersionState: 'UP_TO_DATE',
+  modules: null,
+  fallbackHandler: null,
+  guard: null,
+  version: '1.3.0',
+  collectiblesTag: null,
+  txQueuedTag: null,
+  txHistoryTag: null,
+  messagesTag: null,
+}
+
+const mockProps = {
+  address: '0x123' as `0x${string}`,
+  data: mockSafeState,
+  displayDevMenu: false,
+  onImplementationTap: jest.fn(),
+  contact: null,
+  isLatestVersion: false,
+  latestSafeVersion: '1.4.0',
+  isUnsupportedMasterCopy: false,
+}
+
+const initialStore: Partial<RootState> = {
+  activeSafe: {
+    address: '0x123',
+    chainId: '1',
+  },
+}
+
+// Custom wrapper with NavigationContainer
+const wrapper = ({ children }: { children: React.ReactNode }) => <NavigationContainer>{children}</NavigationContainer>
+
+describe('Settings', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  describe('Version Display', () => {
+    it('should display the implementation name and latest version when not on latest version', () => {
+      const { getByText } = render(<Settings {...mockProps} />, {
+        initialStore,
+        wrapper,
+      })
+
+      const versionText = getByText('Safe v1.3.0 (Latest version: 1.4.0)')
+      expect(versionText).toBeTruthy()
+    })
+
+    it('should display the implementation name with "Latest version" text when on latest version', () => {
+      const { getByText } = render(<Settings {...mockProps} isLatestVersion={true} />, {
+        initialStore,
+        wrapper,
+      })
+
+      const versionText = getByText('Safe v1.3.0 (Latest version)')
+      expect(versionText).toBeTruthy()
+    })
+
+    it('should show check icon when on latest version', () => {
+      const { getByTestId } = render(<Settings {...mockProps} isLatestVersion={true} />, {
+        initialStore,
+        wrapper,
+      })
+
+      const checkIcon = getByTestId('check-icon')
+      expect(checkIcon).toBeTruthy()
+    })
+
+    it('should not show check icon when not on latest version', () => {
+      const { queryByTestId } = render(<Settings {...mockProps} isLatestVersion={false} />, {
+        initialStore,
+        wrapper,
+      })
+
+      const checkIcon = queryByTestId('check-icon')
+      expect(checkIcon).toBeNull()
+    })
+  })
+
+  describe('Unsupported Master Copy Warning', () => {
+    it('should display warning when master copy is unsupported', () => {
+      const { getByText } = render(<Settings {...mockProps} isUnsupportedMasterCopy={true} />, {
+        initialStore,
+        wrapper,
+      })
+
+      const warningTitle = getByText('Base contract is not supported')
+      const warningMessage = getByText(/Your Safe Account's base contract is not supported/)
+
+      expect(warningTitle).toBeTruthy()
+      expect(warningMessage).toBeTruthy()
+    })
+
+    it('should not display warning when master copy is supported', () => {
+      const { queryByText } = render(<Settings {...mockProps} isUnsupportedMasterCopy={false} />, {
+        initialStore,
+        wrapper,
+      })
+
+      const warningTitle = queryByText('Base contract is not supported')
+      const warningMessage = queryByText(/Your Safe Account's base contract is not supported/)
+
+      expect(warningTitle).toBeNull()
+      expect(warningMessage).toBeNull()
+    })
+  })
+})
diff --git a/apps/mobile/src/features/Settings/components/AppSettings/AppSettings.container.tsx b/apps/mobile/src/features/Settings/components/AppSettings/AppSettings.container.tsx
new file mode 100644
index 000000000..a1ab318b1
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/AppSettings/AppSettings.container.tsx
@@ -0,0 +1,177 @@
+import React from 'react'
+import { Linking } from 'react-native'
+import { router } from 'expo-router'
+
+import { Text, View } from 'tamagui'
+import { AppSettings } from './AppSettings'
+import { useTheme } from '@/src/theme/hooks/useTheme'
+import { SafeFontIcon as Icon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { FloatingMenu } from '../FloatingMenu'
+import { LoadableSwitch } from '@/src/components/LoadableSwitch'
+import { useBiometrics } from '@/src/hooks/useBiometrics'
+import { useNotificationManager } from '@/src/hooks/useNotificationManager'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectAppNotificationStatus } from '@/src/store/notificationsSlice'
+import { selectCurrency } from '@/src/store/settingsSlice'
+import { capitalize } from '@/src/utils/formatters'
+import { SAFE_WEB_FEEDBACK_URL } from '@/src/config/constants'
+
+export const AppSettingsContainer = () => {
+  const { toggleBiometrics, isBiometricsEnabled, isLoading: isBiometricsLoading, getBiometricsUIInfo } = useBiometrics()
+  const { enableNotification, disableNotification, isLoading: isNotificationsLoading } = useNotificationManager()
+  const isAppNotificationEnabled = useAppSelector(selectAppNotificationStatus)
+  const currency = useAppSelector(selectCurrency)
+  const { themePreference, setThemePreference } = useTheme()
+
+  const handleToggleNotifications = () => {
+    if (isAppNotificationEnabled) {
+      disableNotification()
+    } else {
+      enableNotification()
+    }
+  }
+
+  const settingsSections = [
+    {
+      sectionName: 'Preferences',
+      items: [
+        {
+          label: 'Currency',
+          leftIcon: 'token',
+          onPress: () => router.push('/currency'),
+          disabled: false,
+          rightNode: (
+            <View flexDirection="row" alignItems="center" gap={4}>
+              <Text color="$colorSecondary">{currency.toUpperCase()}</Text>
+              <Icon name={'chevron-right'} />
+            </View>
+          ),
+        },
+        {
+          label: 'Appearance',
+          leftIcon: 'appearance',
+          disabled: false,
+          type: 'floating-menu',
+          rightNode: (
+            <FloatingMenu
+              themeVariant={themePreference}
+              onPressAction={({ nativeEvent }) => {
+                const mode = nativeEvent.event as 'auto' | 'dark' | 'light'
+                setThemePreference(mode)
+              }}
+              actions={[
+                {
+                  id: 'auto',
+                  title: 'Auto',
+                },
+                {
+                  id: 'dark',
+                  title: 'Dark',
+                },
+                {
+                  id: 'light',
+                  title: 'Light',
+                },
+              ]}
+            >
+              <View flexDirection="row" alignItems="center" gap={4}>
+                <Text color="$colorSecondary">{capitalize(themePreference)}</Text>
+                <Icon name={'chevron-down'} />
+              </View>
+            </FloatingMenu>
+          ),
+        },
+      ],
+    },
+    {
+      sectionName: 'Security',
+      items: [
+        {
+          label: getBiometricsUIInfo().label,
+          leftIcon: getBiometricsUIInfo().icon,
+          type: 'switch',
+          rightNode: (
+            <LoadableSwitch
+              testID="toggle-app-biometrics"
+              onChange={() => toggleBiometrics(!isBiometricsEnabled)}
+              value={isBiometricsEnabled}
+              isLoading={isBiometricsLoading}
+              trackColor={{ true: '$primary' }}
+            />
+          ),
+          disabled: false,
+        },
+        {
+          label: 'Change passcode',
+          leftIcon: 'lock',
+          onPress: () => console.log('change passcode'),
+          disabled: true,
+          tag: 'Coming soon',
+        },
+      ],
+    },
+    {
+      sectionName: 'General',
+      items: [
+        {
+          label: 'Address book',
+          leftIcon: 'address-book',
+          type: 'menu',
+          onPress: () => router.push('/address-book'),
+          disabled: false,
+        },
+        {
+          label: 'Allow notifications',
+          leftIcon: 'bell',
+          type: 'switch',
+          rightNode: (
+            <LoadableSwitch
+              testID="toggle-global-notifications"
+              onChange={handleToggleNotifications}
+              value={isAppNotificationEnabled}
+              isLoading={isNotificationsLoading}
+              trackColor={{ true: '$primary' }}
+            />
+          ),
+          disabled: false,
+        },
+      ],
+    },
+    {
+      sectionName: 'About',
+      items: [
+        {
+          label: 'Rate us',
+          leftIcon: 'star',
+          onPress: () => console.log('rate us'),
+          disabled: true,
+          type: 'external-link',
+          tag: 'Coming soon',
+        },
+        {
+          label: 'Follow us on X',
+          leftIcon: 'twitter-x',
+          onPress: () => Linking.openURL('https://x.com/safe?s=21'),
+          disabled: false,
+          type: 'external-link',
+        },
+        {
+          label: 'Leave feedback',
+          leftIcon: 'chat',
+          onPress: () => Linking.openURL(SAFE_WEB_FEEDBACK_URL),
+          disabled: false,
+          type: 'external-link',
+        },
+        {
+          label: 'Help center',
+          leftIcon: 'question',
+          onPress: () => Linking.openURL('https://help.safe.global/en/'),
+          disabled: false,
+          type: 'external-link',
+        },
+      ],
+    },
+  ]
+
+  return <AppSettings sections={settingsSections} />
+}
diff --git a/apps/mobile/src/features/Settings/components/AppSettings/AppSettings.tsx b/apps/mobile/src/features/Settings/components/AppSettings/AppSettings.tsx
new file mode 100644
index 000000000..e52cee7da
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/AppSettings/AppSettings.tsx
@@ -0,0 +1,88 @@
+import { ScrollView, Text, Theme, View, YStack } from 'tamagui'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { SafeFontIcon as Icon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { Pressable } from 'react-native'
+import { type SettingsSection } from './AppSettings.types'
+import { IconName } from '@/src/types/iconTypes'
+import { LargeHeaderTitle, NavBarTitle } from '@/src/components/Title'
+import { useMemo } from 'react'
+import { useScrollableHeader } from '@/src/navigation/useScrollableHeader'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+
+interface AppSettingsProps {
+  sections: SettingsSection[]
+}
+
+export const AppSettings = ({ sections }: AppSettingsProps) => {
+  const memoizedSections = useMemo(() => sections, [sections])
+  const insets = useSafeAreaInsets()
+  const { handleScroll } = useScrollableHeader({
+    children: <NavBarTitle paddingRight={5}>Settings</NavBarTitle>,
+  })
+
+  return (
+    <Theme name={'settings'}>
+      <ScrollView
+        contentContainerStyle={{
+          paddingTop: 10,
+        }}
+        contentInset={{ bottom: insets.bottom }}
+        keyboardShouldPersistTaps="handled"
+        scrollEventThrottle={16}
+        showsVerticalScrollIndicator={false}
+        overScrollMode="never"
+        onScroll={handleScroll}
+      >
+        <LargeHeaderTitle marginLeft={16} marginTop={8}>
+          Settings
+        </LargeHeaderTitle>
+        <YStack flex={1} paddingHorizontal="$3">
+          <YStack space="$4">
+            {memoizedSections.map((section, sectionIndex) => (
+              <View
+                key={`section-${sectionIndex}`}
+                backgroundColor="$backgroundDark"
+                padding="$1"
+                borderRadius="$3"
+                gap={'$2'}
+              >
+                {section.sectionName && <Text color="$colorSecondary">{section.sectionName}</Text>}
+                <View backgroundColor={'$background'} borderRadius={'$3'}>
+                  {section.items.map((item, itemIndex) => {
+                    if (item.type === 'floating-menu') {
+                      return (
+                        <SafeListItem
+                          key={`item-${sectionIndex}-${itemIndex}`}
+                          label={item.label}
+                          leftNode={<Icon name={item.leftIcon as IconName} color={'$colorSecondary'} />}
+                          rightNode={item.rightNode ?? <Icon name={'chevron-right'} />}
+                          tag={item.tag}
+                        />
+                      )
+                    }
+
+                    return (
+                      <Pressable
+                        key={`item-${sectionIndex}-${itemIndex}`}
+                        style={({ pressed }) => [{ opacity: pressed || item.disabled ? 0.5 : 1.0 }]}
+                        onPress={item.onPress}
+                        disabled={item.disabled}
+                      >
+                        <SafeListItem
+                          label={item.label}
+                          leftNode={<Icon name={item.leftIcon as IconName} color={'$colorSecondary'} />}
+                          rightNode={item.rightNode ?? <Icon name={'chevron-right'} />}
+                          tag={item.tag}
+                        />
+                      </Pressable>
+                    )
+                  })}
+                </View>
+              </View>
+            ))}
+          </YStack>
+        </YStack>
+      </ScrollView>
+    </Theme>
+  )
+}
diff --git a/apps/mobile/src/features/Settings/components/AppSettings/AppSettings.types.ts b/apps/mobile/src/features/Settings/components/AppSettings/AppSettings.types.ts
new file mode 100644
index 000000000..b0204d6a2
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/AppSettings/AppSettings.types.ts
@@ -0,0 +1,16 @@
+import { ReactNode } from 'react'
+
+export interface SettingsItem {
+  label: string
+  leftIcon: string
+  rightNode?: ReactNode
+  onPress?: () => void
+  disabled?: boolean
+  type?: string
+  tag?: string
+}
+
+export interface SettingsSection {
+  sectionName?: string
+  items: SettingsItem[]
+}
diff --git a/apps/mobile/src/features/Settings/components/AppSettings/index.ts b/apps/mobile/src/features/Settings/components/AppSettings/index.ts
new file mode 100644
index 000000000..5e68ca415
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/AppSettings/index.ts
@@ -0,0 +1,2 @@
+import { AppSettingsContainer } from './AppSettings.container'
+export { AppSettingsContainer }
diff --git a/apps/mobile/src/features/Settings/components/Currency/Currency.container.tsx b/apps/mobile/src/features/Settings/components/Currency/Currency.container.tsx
new file mode 100644
index 000000000..18b85c484
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/Currency/Currency.container.tsx
@@ -0,0 +1,55 @@
+import React, { useState, useMemo } from 'react'
+import { CurrencyView } from './CurrencyView'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { selectCurrency, setCurrency } from '@/src/store/settingsSlice'
+import useCurrencies from '@/src/hooks/useCurrencies'
+import { useRouter } from 'expo-router'
+import { getCurrencyName, getCurrencySymbol } from '@/src/utils/currency'
+
+const CRYPTO_CURRENCIES = ['BTC', 'ETH']
+
+export const CurrencyContainer = () => {
+  const router = useRouter()
+  const dispatch = useAppDispatch()
+  const selectedCurrency = useAppSelector(selectCurrency)
+  const supportedCurrencies = useCurrencies()
+  const [searchQuery, setSearchQuery] = useState('')
+
+  const handleCurrencySelect = (currency: string) => {
+    dispatch(setCurrency(currency))
+    router.back()
+  }
+
+  // Filter currencies based on search query
+  const filteredCurrencies = useMemo(() => {
+    if (!supportedCurrencies) {
+      return []
+    }
+
+    return supportedCurrencies.filter((currency) => {
+      const currencyCode = currency.toUpperCase()
+      const currencyName = getCurrencyName(currencyCode)
+      const currencySymbol = getCurrencySymbol(currencyCode)
+      const searchLower = searchQuery.toLowerCase()
+      return (
+        currency.toLowerCase().includes(searchLower) ||
+        currencyName.toLowerCase().includes(searchLower) ||
+        currencySymbol.toLowerCase().includes(searchLower)
+      )
+    })
+  }, [supportedCurrencies, searchQuery])
+
+  // Separate crypto and fiat currencies
+  const cryptoCurrencies = filteredCurrencies.filter((currency) => CRYPTO_CURRENCIES.includes(currency.toUpperCase()))
+  const fiatCurrencies = filteredCurrencies.filter((currency) => !CRYPTO_CURRENCIES.includes(currency.toUpperCase()))
+
+  return (
+    <CurrencyView
+      selectedCurrency={selectedCurrency}
+      cryptoCurrencies={cryptoCurrencies}
+      fiatCurrencies={fiatCurrencies}
+      onCurrencySelect={handleCurrencySelect}
+      onSearchQueryChange={setSearchQuery}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/Settings/components/Currency/Currency.types.ts b/apps/mobile/src/features/Settings/components/Currency/Currency.types.ts
new file mode 100644
index 000000000..cab46bbd5
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/Currency/Currency.types.ts
@@ -0,0 +1,30 @@
+import type { FiatCurrencies } from '@safe-global/store/gateway/types'
+
+export interface CurrencyItemProps {
+  code: string
+  symbol: string
+  name: string
+  isSelected: boolean
+  onPress: () => void
+}
+
+export interface CurrencySectionProps {
+  title: string
+  currencies: string[]
+  selectedCurrency: string
+  onCurrencySelect: (currency: string) => void
+}
+
+export interface CurrencyViewProps {
+  selectedCurrency: string
+  cryptoCurrencies: string[]
+  fiatCurrencies: string[]
+  onCurrencySelect: (currency: string) => void
+  onSearchQueryChange: (query: string) => void
+}
+
+export interface CurrencyScreenProps {
+  selectedCurrency: string
+  supportedCurrencies?: FiatCurrencies
+  onCurrencySelect: (currency: string) => void
+}
diff --git a/apps/mobile/src/features/Settings/components/Currency/CurrencyItem/CurrencyItem.tsx b/apps/mobile/src/features/Settings/components/Currency/CurrencyItem/CurrencyItem.tsx
new file mode 100644
index 000000000..61764cd64
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/Currency/CurrencyItem/CurrencyItem.tsx
@@ -0,0 +1,23 @@
+import React from 'react'
+import { View, Text } from 'tamagui'
+import { Pressable } from 'react-native'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import type { CurrencyItemProps } from '../Currency.types'
+
+export const CurrencyItem: React.FC<CurrencyItemProps> = ({ code, symbol, name, isSelected, onPress }) => (
+  <Pressable onPress={onPress}>
+    <View borderRadius="$2">
+      <View flexDirection="row" justifyContent="space-between" alignItems="center">
+        <View flex={1}>
+          <Text fontSize="$5" fontWeight="600" color="$color">
+            {code} {code !== symbol && `- ${symbol}`}
+          </Text>
+          <Text fontSize="$4" color="$colorSecondary">
+            {name}
+          </Text>
+        </View>
+        {isSelected && <SafeFontIcon name="check" size={24} color="$color" />}
+      </View>
+    </View>
+  </Pressable>
+)
diff --git a/apps/mobile/src/features/Settings/components/Currency/CurrencyItem/index.ts b/apps/mobile/src/features/Settings/components/Currency/CurrencyItem/index.ts
new file mode 100644
index 000000000..ed74a690d
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/Currency/CurrencyItem/index.ts
@@ -0,0 +1 @@
+export { CurrencyItem } from './CurrencyItem'
diff --git a/apps/mobile/src/features/Settings/components/Currency/CurrencySection/CurrencySection.tsx b/apps/mobile/src/features/Settings/components/Currency/CurrencySection/CurrencySection.tsx
new file mode 100644
index 000000000..fa94758ac
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/Currency/CurrencySection/CurrencySection.tsx
@@ -0,0 +1,40 @@
+import React from 'react'
+import { View, Text, YStack } from 'tamagui'
+import { CurrencyItem } from '../CurrencyItem'
+import { getCurrencyName, getCurrencySymbol } from '@/src/utils/currency'
+import type { CurrencySectionProps } from '../Currency.types'
+
+export const CurrencySection: React.FC<CurrencySectionProps> = ({
+  title,
+  currencies,
+  selectedCurrency,
+  onCurrencySelect,
+}) => (
+  <YStack marginBottom="$4">
+    <View paddingVertical="$2">
+      <Text fontSize="$4" fontWeight="500" color="$colorSecondary">
+        {title}
+      </Text>
+    </View>
+    <YStack gap="$4">
+      {currencies.map((currency) => {
+        const currencyName = getCurrencyName(currency)
+        const currencySymbol = getCurrencySymbol(currency)
+        if (!currencyName || !currencySymbol) {
+          return null
+        }
+
+        return (
+          <CurrencyItem
+            key={currency}
+            code={currency.toUpperCase()}
+            symbol={currencySymbol}
+            name={currencyName}
+            isSelected={selectedCurrency.toUpperCase() === currency.toUpperCase()}
+            onPress={() => onCurrencySelect(currency.toLowerCase())}
+          />
+        )
+      })}
+    </YStack>
+  </YStack>
+)
diff --git a/apps/mobile/src/features/Settings/components/Currency/CurrencySection/index.ts b/apps/mobile/src/features/Settings/components/Currency/CurrencySection/index.ts
new file mode 100644
index 000000000..6584f1658
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/Currency/CurrencySection/index.ts
@@ -0,0 +1 @@
+export { CurrencySection } from './CurrencySection'
diff --git a/apps/mobile/src/features/Settings/components/Currency/CurrencyView.tsx b/apps/mobile/src/features/Settings/components/Currency/CurrencyView.tsx
new file mode 100644
index 000000000..a44f0f517
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/Currency/CurrencyView.tsx
@@ -0,0 +1,74 @@
+import React from 'react'
+import { ScrollView, YStack, View } from 'tamagui'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { CurrencySection } from './CurrencySection'
+import { NavBarTitle } from '@/src/components/Title/NavBarTitle'
+import { LargeHeaderTitle } from '@/src/components/Title/LargeHeaderTitle'
+import { useScrollableHeader } from '@/src/navigation/useScrollableHeader'
+import SafeSearchBar from '@/src/components/SafeSearchBar/SafeSearchBar'
+import type { CurrencyViewProps } from './Currency.types'
+import { useColorScheme } from 'react-native'
+
+export const CurrencyView: React.FC<CurrencyViewProps> = ({
+  selectedCurrency,
+  cryptoCurrencies,
+  fiatCurrencies,
+  onCurrencySelect,
+  onSearchQueryChange,
+}) => {
+  const insets = useSafeAreaInsets()
+  const colorScheme = useColorScheme()
+  const isDark = colorScheme === 'dark'
+
+  const { handleScroll } = useScrollableHeader({
+    children: <NavBarTitle>Currency</NavBarTitle>,
+  })
+
+  const LargeHeader = (
+    <View paddingTop={'$3'} paddingHorizontal={'$4'}>
+      <LargeHeaderTitle>Currency</LargeHeaderTitle>
+    </View>
+  )
+
+  const SearchBarComponent = (
+    <View paddingHorizontal={'$4'} paddingVertical={'$2'} backgroundColor={isDark ? '$background' : '$backgroundPaper'}>
+      <SafeSearchBar placeholder="Search" onSearch={onSearchQueryChange} />
+    </View>
+  )
+
+  return (
+    <View flex={1}>
+      <ScrollView
+        flex={1}
+        showsVerticalScrollIndicator={false}
+        contentContainerStyle={{ paddingBottom: insets.bottom + 20 }}
+        onScroll={handleScroll}
+        scrollEventThrottle={16}
+        stickyHeaderIndices={[1]}
+      >
+        {LargeHeader}
+        {SearchBarComponent}
+
+        <YStack paddingHorizontal="$4" paddingTop="$2">
+          {cryptoCurrencies.length > 0 && (
+            <CurrencySection
+              title="Crypto"
+              currencies={cryptoCurrencies}
+              selectedCurrency={selectedCurrency}
+              onCurrencySelect={onCurrencySelect}
+            />
+          )}
+
+          {fiatCurrencies.length > 0 && (
+            <CurrencySection
+              title="Fiat"
+              currencies={fiatCurrencies}
+              selectedCurrency={selectedCurrency}
+              onCurrencySelect={onCurrencySelect}
+            />
+          )}
+        </YStack>
+      </ScrollView>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/Settings/components/Currency/index.ts b/apps/mobile/src/features/Settings/components/Currency/index.ts
new file mode 100644
index 000000000..820d1f841
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/Currency/index.ts
@@ -0,0 +1,2 @@
+export { CurrencyContainer as CurrencyScreenContainer } from './Currency.container'
+export { CurrencyView } from './CurrencyView'
diff --git a/apps/mobile/src/features/Settings/components/FloatingMenu.tsx b/apps/mobile/src/features/Settings/components/FloatingMenu.tsx
new file mode 100644
index 000000000..38196c639
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/FloatingMenu.tsx
@@ -0,0 +1,18 @@
+import React from 'react'
+import { Pressable } from 'react-native'
+import { MenuAction, MenuView, NativeActionEvent } from '@react-native-menu/menu'
+import { ThemePreference } from '@/src/types/theme'
+
+type FloatingMenuProps = {
+  onPressAction: (event: NativeActionEvent) => void
+  actions: MenuAction[]
+  children: React.ReactNode
+  themeVariant?: ThemePreference
+}
+export const FloatingMenu = ({ onPressAction, actions, children, themeVariant }: FloatingMenuProps) => {
+  return (
+    <MenuView themeVariant={themeVariant} onPressAction={onPressAction} actions={actions} shouldOpenOnLongPress={false}>
+      <Pressable testID={'settings-screen-header-more-settings-button'}>{children}</Pressable>
+    </MenuView>
+  )
+}
diff --git a/apps/mobile/src/features/Settings/components/IdenticonWithBadge/IdenticonWithBadge.tsx b/apps/mobile/src/features/Settings/components/IdenticonWithBadge/IdenticonWithBadge.tsx
new file mode 100644
index 000000000..6a100c5dd
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/IdenticonWithBadge/IdenticonWithBadge.tsx
@@ -0,0 +1,65 @@
+import { View } from 'tamagui'
+import { Identicon } from '@/src/components/Identicon'
+import { Skeleton } from 'moti/skeleton'
+import { Badge } from '@/src/components/Badge'
+import React from 'react'
+import { StyleSheet } from 'react-native'
+import { Address } from '@/src/types/address'
+
+type IdenticonWithBadgeProps = {
+  address: Address
+  badgeContent?: string
+  badgeSize?: number
+  size?: number
+  testID?: string
+  fontSize?: number
+  variant?: 'sm' | 'md'
+}
+
+export const IdenticonWithBadge = ({
+  address,
+  testID,
+  badgeContent,
+  fontSize = 12,
+  size = 56,
+  badgeSize = 28,
+  variant = 'md',
+}: IdenticonWithBadgeProps) => {
+  return (
+    <View style={styles.container} testID={testID}>
+      <Identicon address={address} size={size} />
+      <View style={[variant === 'sm' ? styles.badgeSm : styles.badge]}>
+        <Skeleton colorMode={'dark'} radius="round" height={badgeSize} width={badgeSize}>
+          {badgeContent && (
+            <Badge
+              content={badgeContent}
+              textContentProps={{
+                fontSize,
+                fontWeight: 500,
+              }}
+              circleSize={badgeSize}
+              themeName={'badge_success_variant2'}
+              circleProps={{ bordered: true, borderColor: '$colorContrast' }}
+            />
+          )}
+        </Skeleton>
+      </View>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    position: 'relative',
+  },
+  badge: {
+    position: 'absolute',
+    top: -5,
+    right: -10,
+  },
+  badgeSm: {
+    position: 'absolute',
+    top: -5,
+    right: -5,
+  },
+})
diff --git a/apps/mobile/src/features/Settings/components/IdenticonWithBadge/index.ts b/apps/mobile/src/features/Settings/components/IdenticonWithBadge/index.ts
new file mode 100644
index 000000000..709c911ee
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/IdenticonWithBadge/index.ts
@@ -0,0 +1,2 @@
+import { IdenticonWithBadge } from './IdenticonWithBadge'
+export { IdenticonWithBadge }
diff --git a/apps/mobile/src/features/Settings/components/Navbar/Navbar.tsx b/apps/mobile/src/features/Settings/components/Navbar/Navbar.tsx
new file mode 100644
index 000000000..81d7656f0
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/Navbar/Navbar.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import { SettingsMenu } from '@/src/features/Settings/components/Navbar/SettingsMenu'
+import { Address } from '@/src/types/address'
+
+export const Navbar = (props: { safeAddress: Address }) => {
+  const { safeAddress } = props
+
+  return <SettingsMenu safeAddress={safeAddress} />
+}
diff --git a/apps/mobile/src/features/Settings/components/Navbar/SettingsButton.tsx b/apps/mobile/src/features/Settings/components/Navbar/SettingsButton.tsx
new file mode 100644
index 000000000..927a388d7
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/Navbar/SettingsButton.tsx
@@ -0,0 +1,21 @@
+import { Button } from 'tamagui'
+import { router } from 'expo-router'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import React from 'react'
+
+export const SettingsButton = () => {
+  return (
+    <Button
+      testID={'settings-screen-header-settings-button'}
+      size={'$8'}
+      circular={true}
+      scaleSpace={1.5}
+      backgroundColor={'$backgroundSkeleton'}
+      onPress={() => {
+        router.push('/app-settings')
+      }}
+    >
+      <SafeFontIcon name={'settings'} size={16} />
+    </Button>
+  )
+}
diff --git a/apps/mobile/src/features/Settings/components/Navbar/SettingsMenu.tsx b/apps/mobile/src/features/Settings/components/Navbar/SettingsMenu.tsx
new file mode 100644
index 000000000..b0b8d5d82
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/Navbar/SettingsMenu.tsx
@@ -0,0 +1,210 @@
+import { getTokenValue, Theme, useTheme, View } from 'tamagui'
+import { Linking, Platform, Pressable, Alert } from 'react-native'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import React from 'react'
+import { getExplorerLink } from '@safe-global/utils/utils/gateway'
+import { useCopyAndDispatchToast } from '@/src/hooks/useCopyAndDispatchToast'
+import { useToastController } from '@tamagui/toast'
+import { selectChainById } from '@/src/store/chains'
+import { RootState } from '@/src/store'
+import { useAppSelector } from '@/src/store/hooks'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { useEditAccountItem } from '@/src/features/AccountsSheet/AccountItem/hooks/useEditAccountItem'
+import { type Address } from '@/src/types/address'
+import { router } from 'expo-router'
+import { FloatingMenu } from '../FloatingMenu'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { trackEvent } from '@/src/services/analytics/firebaseAnalytics'
+import { createAppSettingsOpenEvent, createSettingsMenuActionEvent } from '@/src/services/analytics/events/settings'
+type Props = {
+  safeAddress: string | undefined
+}
+export const SettingsMenu = ({ safeAddress }: Props) => {
+  const toast = useToastController()
+  const insets = useSafeAreaInsets()
+  const activeSafe = useDefinedActiveSafe()
+  const { deleteSafe } = useEditAccountItem()
+  const activeChain = useAppSelector((state: RootState) => selectChainById(state, activeSafe.chainId))
+  const copyAndDispatchToast = useCopyAndDispatchToast()
+  const theme = useTheme()
+  const color = theme.color?.get()
+  const colorError = 'red'
+
+  if (!safeAddress) {
+    return null
+  }
+
+  return (
+    <Theme name="navbar">
+      <View
+        style={{
+          flexDirection: 'row',
+          paddingTop: getTokenValue('$3') + insets.top,
+          paddingHorizontal: 16,
+          paddingBottom: getTokenValue('$2'),
+          backgroundColor: '$background',
+          marginRight: 4,
+          alignItems: 'center',
+          justifyContent: 'flex-end',
+          gap: 10,
+          zIndex: 1,
+        }}
+      >
+        <Pressable
+          testID={'settings-screen-header-app-settings-button'}
+          hitSlop={6}
+          onPressIn={() => {
+            try {
+              const event = createAppSettingsOpenEvent()
+              trackEvent(event)
+            } catch (error) {
+              console.error('Error tracking app settings open event:', error)
+            }
+            router.push('/app-settings')
+          }}
+        >
+          <View
+            backgroundColor={'$backgroundSkeleton'}
+            alignItems={'center'}
+            justifyContent={'center'}
+            borderRadius={16}
+            height={32}
+            width={32}
+          >
+            <SafeFontIcon name={'settings'} size={20} color={'$color'} />
+          </View>
+        </Pressable>
+
+        <FloatingMenu
+          onPressAction={({ nativeEvent }) => {
+            const action = nativeEvent.event as 'rename' | 'explorer' | 'copy' | 'share' | 'remove'
+
+            // Track analytics for supported actions (copy is already tracked via useCopyAndDispatchToast)
+            if (action !== 'copy') {
+              try {
+                const event = createSettingsMenuActionEvent(action)
+                trackEvent(event)
+              } catch (error) {
+                console.error('Error tracking settings menu action:', error)
+              }
+            }
+
+            if (nativeEvent.event === 'rename') {
+              router.push({
+                pathname: '/signers/[address]',
+                params: { address: safeAddress, editMode: 'true', title: 'Rename safe' },
+              })
+            }
+
+            if (nativeEvent.event === 'explorer') {
+              const link = getExplorerLink(safeAddress, activeChain.blockExplorerUriTemplate)
+              Linking.openURL(link.href)
+            }
+
+            if (nativeEvent.event === 'copy') {
+              copyAndDispatchToast(safeAddress)
+            }
+
+            if (nativeEvent.event === 'remove') {
+              Alert.alert('Remove account', 'Are you sure you want to remove this account?', [
+                {
+                  text: 'Cancel',
+                  style: 'cancel',
+                },
+                {
+                  text: 'Remove',
+                  onPress: async () => {
+                    try {
+                      await deleteSafe(safeAddress as Address)
+                      toast.show(`The safe with address ${safeAddress} was deleted.`, {
+                        native: true,
+                        duration: 2000,
+                      })
+                    } catch (error) {
+                      if (error instanceof Error && error.message === 'User cancelled deletion') {
+                        return
+                      }
+                      console.error('Error deleting safe:', error)
+                      toast.show('Failed to delete safe. Please try again.', {
+                        native: true,
+                        duration: 3000,
+                      })
+                    }
+                  },
+                  style: 'destructive',
+                },
+              ])
+            }
+
+            if (nativeEvent.event === 'share') {
+              router.push('/share')
+            }
+          }}
+          actions={[
+            {
+              id: 'rename',
+              title: 'Rename',
+              image: Platform.select({
+                ios: 'pencil',
+                android: 'baseline_create_24',
+              }),
+              imageColor: Platform.select({ ios: color, android: '#000' }),
+            },
+            {
+              id: 'explorer',
+              title: 'View on explorer',
+              image: Platform.select({
+                ios: 'link',
+                android: 'baseline_explore_24',
+              }),
+              imageColor: Platform.select({ ios: color, android: '#000' }),
+            },
+            {
+              id: 'copy',
+              title: 'Copy address',
+              image: Platform.select({
+                ios: 'doc.on.doc',
+                android: 'baseline_auto_awesome_motion_24',
+              }),
+              imageColor: Platform.select({ ios: color, android: '#000' }),
+            },
+            {
+              id: 'share',
+              title: 'Share account',
+              image: Platform.select({
+                ios: 'square.and.arrow.up.on.square',
+                android: 'baseline_arrow_outward_24',
+              }),
+              imageColor: Platform.select({ ios: color, android: '#000' }),
+            },
+            {
+              id: 'remove',
+              title: 'Remove account',
+              attributes: {
+                destructive: true,
+              },
+              image: Platform.select({
+                ios: 'trash',
+                android: 'baseline_delete_24',
+              }),
+              imageColor: colorError,
+            },
+          ]}
+        >
+          <Pressable hitSlop={6} testID={'settings-screen-header-more-settings-button'}>
+            <View
+              backgroundColor={'$backgroundSkeleton'}
+              alignItems={'center'}
+              justifyContent={'center'}
+              borderRadius={16}
+              height={32}
+              width={32}
+            >
+              <SafeFontIcon name={'options-horizontal'} size={20} color={'$color'} />
+            </View>
+          </Pressable>
+        </FloatingMenu>
+      </View>
+    </Theme>
+  )
+}
diff --git a/apps/mobile/src/features/Settings/components/Navbar/index.ts b/apps/mobile/src/features/Settings/components/Navbar/index.ts
new file mode 100644
index 000000000..a87e58336
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/Navbar/index.ts
@@ -0,0 +1,2 @@
+import { Navbar } from './Navbar'
+export { Navbar }
diff --git a/apps/mobile/src/features/Settings/index.tsx b/apps/mobile/src/features/Settings/index.tsx
new file mode 100644
index 000000000..1d77d701b
--- /dev/null
+++ b/apps/mobile/src/features/Settings/index.tsx
@@ -0,0 +1,2 @@
+import { SettingsContainer } from './Settings.container'
+export { SettingsContainer }
diff --git a/apps/mobile/src/features/Share/Share.container.tsx b/apps/mobile/src/features/Share/Share.container.tsx
new file mode 100644
index 000000000..28b9a6a03
--- /dev/null
+++ b/apps/mobile/src/features/Share/Share.container.tsx
@@ -0,0 +1,13 @@
+import { ShareView } from '@/src/features/Share/components'
+import { selectSafeChains } from '@/src/store/safesSlice'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { useAppSelector } from '@/src/store/hooks'
+import { RootState } from '@/src/store'
+import { getChainsByIds } from '@/src/store/chains'
+
+export const ShareContainer = () => {
+  const activeSafe = useDefinedActiveSafe()
+  const chainsIds = useAppSelector((state: RootState) => selectSafeChains(state, activeSafe.address))
+  const safeAvailableOnChains = useAppSelector((state: RootState) => getChainsByIds(state, chainsIds))
+  return <ShareView activeSafe={activeSafe} availableChains={safeAvailableOnChains} />
+}
diff --git a/apps/mobile/src/features/Share/components/ShareView.test.tsx b/apps/mobile/src/features/Share/components/ShareView.test.tsx
new file mode 100644
index 000000000..c1673bfbd
--- /dev/null
+++ b/apps/mobile/src/features/Share/components/ShareView.test.tsx
@@ -0,0 +1,79 @@
+import React from 'react'
+import { render, fireEvent, waitFor } from '@/src/tests/test-utils'
+import { ShareView } from './ShareView'
+import Share from 'react-native-share'
+import { useCopyAndDispatchToast } from '@/src/hooks/useCopyAndDispatchToast'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { SafeInfo } from '@/src/types/address'
+
+// Mock react-native-share
+jest.mock('react-native-share', () => ({
+  open: jest.fn().mockResolvedValue({}),
+}))
+
+// Mock the copy hook
+jest.mock('@/src/hooks/useCopyAndDispatchToast', () => ({
+  useCopyAndDispatchToast: jest.fn(),
+}))
+
+// Mock chain names util to return a fixed string
+jest.mock('@/src/utils/chains', () => ({
+  getAvailableChainsNames: jest.fn(() => 'Ethereum and Polygon'),
+}))
+
+jest.mock('@tamagui/toast', () => ({
+  ToastViewport: () => null,
+}))
+
+const mockCopyAndDispatchToast = jest.fn()
+
+describe('ShareView', () => {
+  beforeEach(() => {
+    ;(useCopyAndDispatchToast as jest.Mock).mockReturnValue(mockCopyAndDispatchToast)
+  })
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('renders safe address and chain names when activeSafe is provided', () => {
+    const activeSafe = { address: '0x123', chainId: '1' } as SafeInfo
+    const availableChains = [{ chainName: 'Ethereum' }, { chainName: 'Polygon' }] as Chain[]
+    const { getByText } = render(<ShareView activeSafe={activeSafe} availableChains={availableChains} />, {
+      initialStore: {
+        addressBook: {
+          contacts: {
+            [activeSafe.address]: { name: 'Test Safe', value: activeSafe.address, chainIds: [] },
+          },
+          selectedContact: null,
+        },
+      },
+    })
+    expect(getByText(activeSafe.address)).toBeTruthy()
+    // Check that the chains text is rendered as expected.
+    expect(getByText(/Ethereum and Polygon/)).toBeTruthy()
+  })
+
+  it('calls Share.open with the correct parameters when share button is pressed', async () => {
+    const activeSafe = { address: '0x123', chainId: '1' } as SafeInfo
+    const availableChains = [{ chainName: 'Ethereum' }] as Chain[]
+    const { getByText } = render(<ShareView activeSafe={activeSafe} availableChains={availableChains} />)
+    const shareButton = getByText('Share')
+    fireEvent.press(shareButton)
+    await waitFor(() => {
+      expect(Share.open).toHaveBeenCalledWith({
+        title: 'Your safe Address',
+        message: activeSafe.address,
+      })
+    })
+  })
+
+  it('calls copyAndDispatchToast with safe address when copy button is pressed', () => {
+    const activeSafe = { address: '0x123', chainId: '1' } as SafeInfo
+    const availableChains = [{ chainName: 'Ethereum' }] as Chain[]
+    const { getByText } = render(<ShareView activeSafe={activeSafe} availableChains={availableChains} />)
+    const copyButton = getByText('Copy')
+    fireEvent.press(copyButton)
+    expect(mockCopyAndDispatchToast).toHaveBeenCalledWith(activeSafe.address)
+  })
+})
diff --git a/apps/mobile/src/features/Share/components/ShareView.tsx b/apps/mobile/src/features/Share/components/ShareView.tsx
new file mode 100644
index 000000000..a5ff82917
--- /dev/null
+++ b/apps/mobile/src/features/Share/components/ShareView.tsx
@@ -0,0 +1,143 @@
+import { H3, Text, View, XStack, YStack } from 'tamagui'
+import { SafeInfo } from '@/src/types/address'
+import { Container } from '@/src/components/Container'
+import Share from 'react-native-share'
+import { SafeButton } from '@/src/components/SafeButton'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { Identicon } from '@/src/components/Identicon'
+import QRCodeStyled from 'react-native-qrcode-styled'
+import { StyleSheet } from 'react-native'
+import { useCopyAndDispatchToast } from '@/src/hooks/useCopyAndDispatchToast'
+import React, { useCallback } from 'react'
+import { ToastViewport } from '@tamagui/toast'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { ChainsDisplay } from '@/src/components/ChainsDisplay'
+import { getAvailableChainsNames } from '@/src/utils/chains'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectContactByAddress } from '@/src/store/addressBookSlice'
+
+type ShareViewProps = {
+  activeSafe: SafeInfo
+  availableChains: Chain[]
+}
+
+export const ShareView = ({ activeSafe, availableChains }: ShareViewProps) => {
+  const copyAndDispatchToast = useCopyAndDispatchToast()
+  const contact = useAppSelector(selectContactByAddress(activeSafe.address))
+
+  const safeAddress = activeSafe.address
+
+  const onPressShare = async () => {
+    Share.open({
+      title: 'Your safe Address',
+      message: safeAddress,
+    }).then((res) => {
+      // what to do with the result?
+      console.log(res)
+    })
+  }
+
+  const onPressCopy = useCallback(() => {
+    copyAndDispatchToast(safeAddress)
+  }, [safeAddress])
+
+  return (
+    <>
+      <YStack flex={1}>
+        <YStack flex={1} justifyContent={'flex-end'} alignItems={'center'} marginBottom={'$6'}>
+          <H3 fontWeight={600}>{contact ? contact.name : 'Unnamed safe'}</H3>
+        </YStack>
+        <YStack flex={3} alignItems={'center'}>
+          <Container marginHorizontal={'$10'}>
+            <View>
+              <View style={styles.root}>
+                <QRCodeStyled
+                  data={safeAddress}
+                  style={styles.svg}
+                  padding={22}
+                  pieceSize={6}
+                  pieceCornerType={'rounded'}
+                  pieceBorderRadius={3}
+                  isPiecesGlued
+                  color={'#000'}
+                  errorCorrectionLevel={'H'}
+                  innerEyesOptions={styles.innerEyesOptions}
+                  outerEyesOptions={styles.outerEyesOptions}
+                />
+
+                <View style={styles.logoContainer}>
+                  <Identicon address={safeAddress} size={56} />
+                </View>
+              </View>
+            </View>
+            <Text
+              marginTop={'$4'}
+              fontSize={16}
+              lineHeight={22}
+              letterSpacing={0.2}
+              color={'$colorLight'}
+              textAlign={'center'}
+            >
+              {activeSafe.address}
+            </Text>
+            <View alignItems={'center'} marginTop={'$4'}>
+              <ChainsDisplay activeChainId={activeSafe.chainId} chains={availableChains} max={5} />
+            </View>
+          </Container>
+          <XStack gap={'$3'} marginTop={'$6'}>
+            <SafeButton size={'$sm'} onPress={onPressShare} icon={<SafeFontIcon name={'export'} size={16} />} secondary>
+              Share
+            </SafeButton>
+            <SafeButton size={'$sm'} onPress={onPressCopy} icon={<SafeFontIcon name={'copy'} size={16} />} secondary>
+              Copy
+            </SafeButton>
+          </XStack>
+        </YStack>
+        <YStack flex={1} justifyContent={'flex-end'} alignItems={'center'}>
+          <Text color={'$colorLight'} textAlign={'center'} fontSize={'$3'}>
+            This account is only available on
+            <Text color={'$color'} fontWeight={600}>
+              {' '}
+              {getAvailableChainsNames(availableChains)}.
+            </Text>
+          </Text>
+        </YStack>
+      </YStack>
+      <ToastViewport multipleToasts={false} left={0} right={0} />
+    </>
+  )
+}
+
+const styles = StyleSheet.create({
+  root: {
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  svg: {
+    backgroundColor: '#fff',
+    borderRadius: 20,
+    overflow: 'hidden',
+    flex: 1,
+  },
+  logoContainer: {
+    position: 'absolute',
+    width: 64,
+    height: 64,
+    backgroundColor: '#fff',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 32,
+  },
+  logo: {
+    width: '90%',
+    height: '90%',
+    top: -2,
+  },
+  innerEyesOptions: {
+    borderRadius: 0,
+    color: '#000',
+  },
+  outerEyesOptions: {
+    borderRadius: 15,
+  },
+})
diff --git a/apps/mobile/src/features/Share/components/index.ts b/apps/mobile/src/features/Share/components/index.ts
new file mode 100644
index 000000000..e3db93936
--- /dev/null
+++ b/apps/mobile/src/features/Share/components/index.ts
@@ -0,0 +1 @@
+export { ShareView } from './ShareView'
diff --git a/apps/mobile/src/features/Share/index.ts b/apps/mobile/src/features/Share/index.ts
new file mode 100644
index 000000000..63d884fb5
--- /dev/null
+++ b/apps/mobile/src/features/Share/index.ts
@@ -0,0 +1 @@
+export { ShareContainer } from './Share.container'
diff --git a/apps/mobile/src/features/Signer/Signer.container.tsx b/apps/mobile/src/features/Signer/Signer.container.tsx
new file mode 100644
index 000000000..04ffe7bda
--- /dev/null
+++ b/apps/mobile/src/features/Signer/Signer.container.tsx
@@ -0,0 +1,104 @@
+import { SignerView } from '@/src/features/Signer/components/SignerView'
+import { useLocalSearchParams, useRouter } from 'expo-router'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { selectContactByAddress, upsertContact } from '@/src/store/addressBookSlice'
+import { selectSignerHasPrivateKey } from '@/src/store/signersSlice'
+import React, { useCallback, useState } from 'react'
+import { Alert, Linking } from 'react-native'
+import { selectActiveChain } from '@/src/store/chains'
+import { getHashedExplorerUrl } from '@safe-global/utils/utils/gateway'
+import { usePreventLeaveScreen } from '@/src/hooks/usePreventLeaveScreen'
+import { SubmitHandler, useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { FormValues } from '@/src/features/Signer/types'
+import { formSchema } from '@/src/features/Signer/schema'
+
+export const SignerContainer = () => {
+  const { address } = useLocalSearchParams<{ address: string }>()
+  const router = useRouter()
+  const dispatch = useAppDispatch()
+  const activeChain = useAppSelector(selectActiveChain)
+  const local = useLocalSearchParams<{ editMode: string }>()
+  const contact = useAppSelector(selectContactByAddress(address))
+  const hasPrivateKey = useAppSelector(selectSignerHasPrivateKey(address))
+  const [editMode, setEditMode] = useState(Boolean(local.editMode))
+
+  usePreventLeaveScreen(editMode)
+
+  const onPressExplorer = useCallback(() => {
+    if (!activeChain) {
+      return
+    }
+    const url = getHashedExplorerUrl(address, activeChain.blockExplorerUriTemplate)
+    Linking.openURL(url)
+  }, [address, activeChain])
+
+  const onPressViewPrivateKey = useCallback(() => {
+    router.push(`/signers/${address}/private-key`)
+  }, [address, router])
+
+  // Initialize the form with React Hook Form and Zod schema resolver
+  const {
+    control,
+    handleSubmit,
+    watch,
+    formState: { errors, dirtyFields, isValid },
+    reset,
+    clearErrors,
+  } = useForm<FormValues>({
+    resolver: zodResolver(formSchema),
+    mode: 'onChange',
+    defaultValues: {
+      name: contact?.name || '',
+    },
+  })
+
+  const onSubmit: SubmitHandler<FormValues> = (data) => {
+    dispatch(upsertContact({ ...contact, value: address, name: data.name, chainIds: contact?.chainIds || [] }))
+
+    clearErrors()
+    reset(data, { keepValues: true })
+  }
+
+  const onPressEdit = useCallback(() => {
+    if (editMode) {
+      if (!isValid) {
+        Alert.alert('Cancel edit', 'Your form contains errors. Do you want to cancel the edit?', [
+          {
+            text: 'No',
+            onPress: () => console.log('Cancel Pressed'),
+          },
+          {
+            text: 'Yes',
+            onPress: () => {
+              clearErrors()
+              reset()
+              setEditMode(() => !editMode)
+            },
+          },
+        ])
+
+        return
+      }
+      handleSubmit(onSubmit)()
+    }
+    setEditMode(() => !editMode)
+  }, [editMode, handleSubmit, onSubmit, isValid])
+
+  const formName = watch('name')
+
+  return (
+    <SignerView
+      signerAddress={address}
+      onPressExplorer={onPressExplorer}
+      onPressEdit={onPressEdit}
+      onPressViewPrivateKey={hasPrivateKey ? onPressViewPrivateKey : undefined}
+      editMode={editMode}
+      hasPrivateKey={hasPrivateKey}
+      control={control}
+      dirtyFields={dirtyFields}
+      errors={errors}
+      name={formName || contact?.name || ''}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/Signer/components/SignerHeader.tsx b/apps/mobile/src/features/Signer/components/SignerHeader.tsx
new file mode 100644
index 000000000..3637b2b75
--- /dev/null
+++ b/apps/mobile/src/features/Signer/components/SignerHeader.tsx
@@ -0,0 +1,7 @@
+import { useLocalSearchParams } from 'expo-router'
+import { Text } from 'tamagui'
+
+export const SignerHeader = () => {
+  const { title = 'Signer' } = useLocalSearchParams<{ title: string }>()
+  return <Text>{title}</Text>
+}
diff --git a/apps/mobile/src/features/Signer/components/SignerView.tsx b/apps/mobile/src/features/Signer/components/SignerView.tsx
new file mode 100644
index 000000000..90cd9f1ac
--- /dev/null
+++ b/apps/mobile/src/features/Signer/components/SignerView.tsx
@@ -0,0 +1,114 @@
+import { ScrollView, View, Text, H2, XStack, YStack } from 'tamagui'
+import { Identicon } from '@/src/components/Identicon'
+import { type Address } from '@/src/types/address'
+import React from 'react'
+import { Container } from '@/src/components/Container'
+import { CopyButton } from '@/src/components/CopyButton'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { KeyboardAvoidingView, Pressable, TouchableOpacity } from 'react-native'
+import { SafeButton } from '@/src/components/SafeButton'
+import { SafeInputWithLabel } from '@/src/components/SafeInput/SafeInputWithLabel'
+import { Controller, FieldNamesMarkedBoolean, type Control, type FieldErrors } from 'react-hook-form'
+import { type FormValues } from '@/src/features/Signer/types'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { SafeListItem } from '@/src/components/SafeListItem'
+type Props = {
+  signerAddress: string
+  onPressExplorer: () => void
+  onPressEdit: () => void
+  onPressViewPrivateKey?: () => void
+  editMode: boolean
+  name: string
+  hasPrivateKey: boolean
+  control: Control<FormValues>
+  errors: FieldErrors<FormValues>
+  dirtyFields: FieldNamesMarkedBoolean<FormValues>
+}
+
+export const SignerView = ({
+  control,
+  errors,
+  dirtyFields,
+  signerAddress,
+  onPressExplorer,
+  onPressEdit,
+  onPressViewPrivateKey,
+  editMode,
+  name,
+  hasPrivateKey,
+}: Props) => {
+  const { bottom, top } = useSafeAreaInsets()
+
+  return (
+    <YStack flex={1}>
+      <ScrollView flex={1}>
+        <View justifyContent={'center'} alignItems={'center'}>
+          <Identicon address={signerAddress as Address} size={56} />
+        </View>
+        <View justifyContent={'center'} alignItems={'center'} marginTop={'$4'}>
+          <H2 numberOfLines={1} maxWidth={300} marginTop={'$2'} textAlign={'center'}>
+            {name || 'Unnamed signer'}
+          </H2>
+        </View>
+
+        <View marginTop={'$4'}>
+          <Controller
+            control={control}
+            name="name"
+            render={({ field: { onChange, onBlur, value } }) => {
+              return (
+                <SafeInputWithLabel
+                  label={'Name'}
+                  value={editMode ? value : value || (!dirtyFields.name ? 'Unnamed signer' : '')}
+                  onBlur={onBlur}
+                  disabled={!editMode}
+                  onChangeText={onChange}
+                  placeholder={'Enter signer name'}
+                  error={dirtyFields.name && !!errors.name}
+                  success={dirtyFields.name && !errors.name}
+                  right={
+                    <TouchableOpacity onPress={onPressEdit} hitSlop={8}>
+                      <SafeFontIcon name={editMode ? 'close' : 'edit'} color="$textSecondaryLight" size={16} />
+                    </TouchableOpacity>
+                  }
+                />
+              )
+            }}
+          />
+          {errors.name && <Text color={'$error'}>{errors.name.message}</Text>}
+        </View>
+
+        <Container marginTop={'$4'} rowGap={'$1'}>
+          <Text color={'$colorSecondary'}>Address</Text>
+          <XStack columnGap={'$3'}>
+            <Text flex={1}>{signerAddress}</Text>
+            <YStack justifyContent={'flex-start'}>
+              <XStack alignItems={'center'} gap="$1">
+                <CopyButton value={signerAddress} color={'$colorSecondary'} hitSlop={2} />
+                <Pressable onPress={onPressExplorer} hitSlop={2}>
+                  <SafeFontIcon name={'external-link'} size={14} color={'$colorSecondary'} />
+                </Pressable>
+              </XStack>
+            </YStack>
+          </XStack>
+        </Container>
+
+        {hasPrivateKey && !editMode && (
+          <View marginTop={'$4'} borderTopWidth={1} borderColor={'$borderLight'} paddingTop={'$4'}>
+            <SafeListItem
+              label="View private key"
+              rightNode={<SafeFontIcon name="chevron-right" />}
+              onPress={onPressViewPrivateKey}
+              pressStyle={{ opacity: 0.2 }}
+            />
+          </View>
+        )}
+      </ScrollView>
+      <KeyboardAvoidingView behavior="padding" keyboardVerticalOffset={top + bottom}>
+        <View paddingHorizontal={'$4'} paddingTop={'$2'} paddingBottom={bottom ?? 60}>
+          {editMode ? <SafeButton onPress={onPressEdit}>Save</SafeButton> : null}
+        </View>
+      </KeyboardAvoidingView>
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/Signer/index.ts b/apps/mobile/src/features/Signer/index.ts
new file mode 100644
index 000000000..d53f00702
--- /dev/null
+++ b/apps/mobile/src/features/Signer/index.ts
@@ -0,0 +1 @@
+export { SignerContainer } from './Signer.container'
diff --git a/apps/mobile/src/features/Signer/schema.ts b/apps/mobile/src/features/Signer/schema.ts
new file mode 100644
index 000000000..33323025e
--- /dev/null
+++ b/apps/mobile/src/features/Signer/schema.ts
@@ -0,0 +1,8 @@
+import { z } from 'zod'
+
+export const formSchema = z.object({
+  name: z
+    .string()
+    .min(1, { message: 'Name must be at least 1 characters long' })
+    .max(20, { message: 'Name must be at most 20 characters long' }),
+})
diff --git a/apps/mobile/src/features/Signer/types.ts b/apps/mobile/src/features/Signer/types.ts
new file mode 100644
index 000000000..31f9f89b5
--- /dev/null
+++ b/apps/mobile/src/features/Signer/types.ts
@@ -0,0 +1,4 @@
+import { z } from 'zod'
+import { formSchema } from '@/src/features/Signer/schema'
+
+export type FormValues = z.infer<typeof formSchema>
diff --git a/apps/mobile/src/features/Signers/Signers.container.tsx b/apps/mobile/src/features/Signers/Signers.container.tsx
new file mode 100644
index 000000000..0c7d2d3b8
--- /dev/null
+++ b/apps/mobile/src/features/Signers/Signers.container.tsx
@@ -0,0 +1,41 @@
+import { View } from 'tamagui'
+import React, { useMemo } from 'react'
+
+import { SafeButton } from '@/src/components/SafeButton'
+
+import { SignersList } from './components/SignersList'
+import { useSignersGroupService } from './hooks/useSignersGroupService'
+import { useRouter } from 'expo-router'
+
+export const SignersContainer = () => {
+  const { group, isFetching } = useSignersGroupService()
+  const router = useRouter()
+
+  const onImportSigner = () => {
+    router.push('/import-signers')
+  }
+
+  const signersSections = useMemo(() => {
+    if (!group.imported) {
+      return []
+    }
+
+    return group.imported?.data.length ? Object.values(group) : [group.notImported]
+  }, [group])
+
+  return (
+    <View gap="$6" testID={'signers-screen'} flex={1}>
+      <View flex={1}>
+        <SignersList
+          isFetching={isFetching}
+          hasLocalSigners={!!group.imported?.data.length}
+          signersGroup={signersSections}
+        />
+      </View>
+
+      <SafeButton onPress={onImportSigner} testID={'import-signer-button'}>
+        Import signer
+      </SafeButton>
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/Signers/components/SignersList/SignersList.tsx b/apps/mobile/src/features/Signers/components/SignersList/SignersList.tsx
new file mode 100644
index 000000000..5f50e1086
--- /dev/null
+++ b/apps/mobile/src/features/Signers/components/SignersList/SignersList.tsx
@@ -0,0 +1,62 @@
+import React from 'react'
+
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { Loader } from '@/src/components/Loader'
+import { SectionList } from 'react-native'
+import { useCallback } from 'react'
+import { useScrollableHeader } from '@/src/navigation/useScrollableHeader'
+import { NavBarTitle } from '@/src/components/Title'
+import { SignersListHeader } from './SignersListHeader'
+import { SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import SignersListItem from './SignersListItem'
+
+export type SignerSection = {
+  id: string
+  title: string
+  data: SafeState['owners']
+}
+
+const keyExtractor = (item: AddressInfo, index: number) => item.value + index
+
+interface SignersListProps {
+  signersGroup: SignerSection[]
+  isFetching: boolean
+  hasLocalSigners: boolean
+  navbarTitle?: string
+}
+
+export function SignersList({ signersGroup, isFetching, hasLocalSigners, navbarTitle }: SignersListProps) {
+  const title = navbarTitle || 'Signers'
+  const { handleScroll } = useScrollableHeader({
+    children: <NavBarTitle>{title}</NavBarTitle>,
+  })
+
+  const renderItem = useCallback(
+    ({ item, index }: { item: AddressInfo; index: number }) => {
+      return <SignersListItem item={item} index={index} signersGroup={signersGroup} />
+    },
+    [signersGroup],
+  )
+
+  const ListHeaderComponent = useCallback(
+    () => <SignersListHeader sectionTitle={title} withAlert={!hasLocalSigners} />,
+    [hasLocalSigners],
+  )
+
+  return (
+    <SectionList<AddressInfo, SignerSection>
+      testID="tx-history-list"
+      onScroll={handleScroll}
+      ListHeaderComponent={ListHeaderComponent}
+      stickySectionHeadersEnabled
+      contentInsetAdjustmentBehavior="automatic"
+      sections={signersGroup}
+      ListFooterComponent={isFetching ? <Loader size={24} color="$color" /> : undefined}
+      keyExtractor={keyExtractor}
+      renderItem={renderItem}
+      scrollEventThrottle={16}
+      renderSectionHeader={({ section: { title } }) => <SafeListItem.Header title={title} />}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/Signers/components/SignersList/SignersListHeader.tsx b/apps/mobile/src/features/Signers/components/SignersList/SignersListHeader.tsx
new file mode 100644
index 000000000..007e7baa9
--- /dev/null
+++ b/apps/mobile/src/features/Signers/components/SignersList/SignersListHeader.tsx
@@ -0,0 +1,32 @@
+import React from 'react'
+import { View } from 'tamagui'
+import { Alert } from '@/src/components/Alert'
+import { SectionTitle } from '@/src/components/Title'
+
+interface SignersListHeaderProps {
+  withAlert: boolean
+  sectionTitle?: string
+}
+
+export function SignersListHeader({ withAlert, sectionTitle }: SignersListHeaderProps) {
+  return (
+    <View gap="$6">
+      <SectionTitle
+        paddingHorizontal={'$0'}
+        title={sectionTitle || 'Signers'}
+        description="Signers have full control over the account, they can propose, sign and execute the transactions, as well as reject them."
+      />
+
+      {withAlert && (
+        <View marginBottom={'$2'}>
+          <Alert
+            type="warning"
+            message="Before you import signers..."
+            info={`Make sure to import signers from this list only.\nOthers will not be imported.`}
+            orientation="left"
+          />
+        </View>
+      )}
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/Signers/components/SignersList/SignersListItem.tsx b/apps/mobile/src/features/Signers/components/SignersList/SignersListItem.tsx
new file mode 100644
index 000000000..45307433d
--- /dev/null
+++ b/apps/mobile/src/features/Signers/components/SignersList/SignersListItem.tsx
@@ -0,0 +1,125 @@
+import React from 'react'
+import { MenuView, NativeActionEvent, MenuAction } from '@react-native-menu/menu'
+import { useSignersActions } from './hooks/useSignersActions'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { SignersCard } from '@/src/components/transactions-list/Card/SignersCard'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { SignerSection } from './SignersList'
+import { View } from 'tamagui'
+import { TouchableOpacity } from 'react-native-gesture-handler'
+import { useColorScheme } from 'react-native'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectContactByAddress } from '@/src/store/addressBookSlice'
+import { useCopyAndDispatchToast } from '@/src/hooks/useCopyAndDispatchToast'
+import { router, useLocalSearchParams } from 'expo-router'
+import logger from '@/src/utils/logger'
+
+interface SignersListItemProps {
+  item: AddressInfo
+  index: number
+  signersGroup: SignerSection[]
+}
+
+function SignersListItem({ item, index, signersGroup }: SignersListItemProps) {
+  const colorScheme = useColorScheme()
+  const contact = useAppSelector(selectContactByAddress(item.value))
+  const local = useLocalSearchParams<{ safeAddress: string; chainId: string; import_safe: string }>()
+
+  // Check if the current item belongs to the 'Imported signers' section
+  const isMySigner = signersGroup.some(
+    (section) => section.id === 'imported_signers' && section.data.some((signer) => signer.value === item.value),
+  )
+
+  const fullActions = useSignersActions(isMySigner) // This was necessary to prevent typescript from complaining about the actions array
+  // Filter out any false values to ensure the array type matches MenuAction[]
+  const actions = fullActions.filter(Boolean) as MenuAction[]
+  const isLastItem = signersGroup.some((section) => section.data.length === index + 1)
+  const copy = useCopyAndDispatchToast()
+
+  const redirectToDetails = (editMode?: boolean) => {
+    router.push({
+      pathname: '/signers/[address]',
+      params: { address: item.value, editMode: editMode?.toString() },
+    })
+  }
+
+  const redirectToImport = () => {
+    router.push({
+      pathname: '/import-signers',
+      params: {
+        safeAddress: local.safeAddress,
+        chainId: local.chainId,
+        import_safe: local.import_safe,
+      },
+    })
+  }
+
+  const handleItemPress = () => {
+    if (local.import_safe && !isMySigner) {
+      return redirectToImport()
+    }
+
+    return redirectToDetails()
+  }
+
+  const onPressMenuAction = ({ nativeEvent }: NativeActionEvent) => {
+    if (nativeEvent.event === 'rename') {
+      return redirectToDetails(true)
+    }
+
+    if (nativeEvent.event === 'copy') {
+      return copy(item.value as string)
+    }
+
+    if (nativeEvent.event === 'import' && !isMySigner) {
+      return redirectToImport()
+    }
+
+    logger.error('No action found for nativeEvent', nativeEvent)
+  }
+
+  return (
+    <View position="relative">
+      <TouchableOpacity onPress={handleItemPress} testID={`signer-${item.value}`}>
+        <View
+          backgroundColor={colorScheme === 'dark' ? '$backgroundPaper' : '$background'}
+          borderTopRightRadius={index === 0 ? '$4' : undefined}
+          borderTopLeftRadius={index === 0 ? '$4' : undefined}
+          borderBottomRightRadius={isLastItem ? '$4' : undefined}
+          borderBottomLeftRadius={isLastItem ? '$4' : undefined}
+        >
+          <SignersCard
+            name={contact ? (contact.name as string) : (item.name as string)}
+            address={item.value as `0x${string}`}
+          />
+        </View>
+      </TouchableOpacity>
+
+      <View
+        position="absolute"
+        right={0}
+        top={0}
+        height={'100%'}
+        display="flex"
+        alignItems="center"
+        justifyContent="center"
+      >
+        <MenuView
+          onPressAction={onPressMenuAction}
+          actions={actions}
+          style={{
+            height: '100%',
+            justifyContent: 'center',
+            alignItems: 'center',
+            paddingRight: 16,
+            paddingLeft: 16,
+          }}
+        >
+          <SafeFontIcon name="options-horizontal" />
+        </MenuView>
+      </View>
+    </View>
+  )
+}
+
+export default SignersListItem
diff --git a/apps/mobile/src/features/Signers/components/SignersList/hooks/useSignersActions.ts b/apps/mobile/src/features/Signers/components/SignersList/hooks/useSignersActions.ts
new file mode 100644
index 000000000..4334467b2
--- /dev/null
+++ b/apps/mobile/src/features/Signers/components/SignersList/hooks/useSignersActions.ts
@@ -0,0 +1,42 @@
+import { useMemo } from 'react'
+import { Platform } from 'react-native'
+import { useTheme } from 'tamagui'
+
+export const useSignersActions = (disableImport: boolean) => {
+  const theme = useTheme()
+  const color = theme.color?.get()
+  const actions = useMemo(
+    () => [
+      {
+        id: 'rename',
+        title: 'Rename',
+        image: Platform.select({
+          ios: 'pencil',
+          android: 'baseline_create_24',
+        }),
+        imageColor: Platform.select({ ios: color, android: '#000' }),
+      },
+      {
+        id: 'copy',
+        title: 'Copy address',
+        image: Platform.select({
+          ios: 'doc.on.doc',
+          android: 'baseline_content_copy_24',
+        }),
+        imageColor: Platform.select({ ios: color, android: '#000' }),
+      },
+      !disableImport && {
+        id: 'import',
+        title: 'Import signer',
+        image: Platform.select({
+          ios: 'square.and.arrow.up.on.square',
+          android: 'baseline_arrow_outward_24',
+        }),
+        imageColor: Platform.select({ ios: color, android: '#000' }),
+      },
+    ],
+    [color, disableImport],
+  )
+
+  return actions
+}
diff --git a/apps/mobile/src/features/Signers/components/SignersList/index.ts b/apps/mobile/src/features/Signers/components/SignersList/index.ts
new file mode 100644
index 000000000..79c4f1da2
--- /dev/null
+++ b/apps/mobile/src/features/Signers/components/SignersList/index.ts
@@ -0,0 +1,2 @@
+import { SignersList } from './SignersList'
+export { SignersList }
diff --git a/apps/mobile/src/features/Signers/constants.ts b/apps/mobile/src/features/Signers/constants.ts
new file mode 100644
index 000000000..cd3365572
--- /dev/null
+++ b/apps/mobile/src/features/Signers/constants.ts
@@ -0,0 +1,14 @@
+import { SignerSection } from './components/SignersList/SignersList'
+
+export const groupedSigners: Record<string, SignerSection> = {
+  imported: {
+    id: 'imported_signers',
+    title: 'My signers',
+    data: [],
+  },
+  notImported: {
+    id: 'not_imported_signers',
+    title: 'Not imported signers',
+    data: [],
+  },
+}
diff --git a/apps/mobile/src/features/Signers/hooks/useSignersGroupService.ts b/apps/mobile/src/features/Signers/hooks/useSignersGroupService.ts
new file mode 100644
index 000000000..07121eab7
--- /dev/null
+++ b/apps/mobile/src/features/Signers/hooks/useSignersGroupService.ts
@@ -0,0 +1,39 @@
+import { useMemo } from 'react'
+
+import { AddressInfo, useSafesGetSafeV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { useAppSelector } from '@/src/store/hooks'
+
+import { groupedSigners } from '../constants'
+import { selectSigners } from '@/src/store/signersSlice'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { extractSignersFromSafes } from '../../ImportReadOnly/helpers/safes'
+
+export const useSignersGroupService = () => {
+  const activeSafe = useDefinedActiveSafe()
+  const appSigners = useAppSelector(selectSigners)
+  const { data, isFetching } = useSafesGetSafeV1Query({
+    safeAddress: activeSafe.address,
+    chainId: activeSafe.chainId,
+  })
+
+  const signers = extractSignersFromSafes(data ? [data] : [])
+  const group = useMemo(() => groupSigners(Object.values(signers), appSigners), [signers, appSigners])
+
+  return { group, isFetching }
+}
+
+export const groupSigners = (owners: AddressInfo[] | undefined, appSigners: Record<string, AddressInfo>) => {
+  return (
+    owners?.reduce<typeof groupedSigners>(
+      (acc, owner) => {
+        if (appSigners[owner.value]) {
+          acc.imported.data.push(owner)
+        } else {
+          acc.notImported.data.push(owner)
+        }
+        return acc
+      },
+      JSON.parse(JSON.stringify(groupedSigners)),
+    ) || {}
+  )
+}
diff --git a/apps/mobile/src/features/Signers/index.tsx b/apps/mobile/src/features/Signers/index.tsx
new file mode 100644
index 000000000..7a56ad945
--- /dev/null
+++ b/apps/mobile/src/features/Signers/index.tsx
@@ -0,0 +1,2 @@
+import { SignersContainer } from './Signers.container'
+export { SignersContainer }
diff --git a/apps/mobile/src/features/TransactionActions/TransactionActions.container.tsx b/apps/mobile/src/features/TransactionActions/TransactionActions.container.tsx
new file mode 100644
index 000000000..4bdb62178
--- /dev/null
+++ b/apps/mobile/src/features/TransactionActions/TransactionActions.container.tsx
@@ -0,0 +1,42 @@
+import { useLocalSearchParams } from 'expo-router'
+import React from 'react'
+import { ScrollView, View } from 'tamagui'
+import { useTransactionsGetTransactionByIdV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+import { LargeHeaderTitle, NavBarTitle } from '@/src/components/Title'
+import { useScrollableHeader } from '@/src/navigation/useScrollableHeader'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { Alert } from '@/src/components/Alert'
+
+import { LoadingTx } from '../ConfirmTx/components/LoadingTx'
+import { TxActionsList } from './components/TxActionsList'
+
+export function TransactionActionsContainer() {
+  const { txId } = useLocalSearchParams<{ txId: string }>()
+  const activeSafe = useDefinedActiveSafe()
+
+  const { data, isFetching, isError } = useTransactionsGetTransactionByIdV1Query({
+    chainId: activeSafe.chainId,
+    id: txId,
+  })
+
+  const { handleScroll } = useScrollableHeader({
+    children: <NavBarTitle>Actions</NavBarTitle>,
+  })
+
+  if (isError) {
+    return (
+      <View margin="$4">
+        <Alert type="error" message="Error fetching transaction actions" />
+      </View>
+    )
+  }
+
+  return (
+    <ScrollView onScroll={handleScroll}>
+      <LargeHeaderTitle paddingHorizontal="$4">Actions</LargeHeaderTitle>
+
+      {isFetching || !data ? <LoadingTx /> : <TxActionsList txDetails={data} />}
+    </ScrollView>
+  )
+}
diff --git a/apps/mobile/src/features/TransactionActions/components/TxActionsList.tsx b/apps/mobile/src/features/TransactionActions/components/TxActionsList.tsx
new file mode 100644
index 000000000..6e847e72e
--- /dev/null
+++ b/apps/mobile/src/features/TransactionActions/components/TxActionsList.tsx
@@ -0,0 +1,126 @@
+import React, { useMemo } from 'react'
+import { Text, View, YStack } from 'tamagui'
+import { TransactionDetails, MultiSend, NativeToken } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { ActionValueDecoded, AddressInfoIndex } from '@safe-global/store/gateway/types'
+import { formatVisualAmount, shortenAddress } from '@safe-global/utils/utils/formatters'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { router } from 'expo-router'
+import { useLocalSearchParams } from 'expo-router'
+import { Container } from '@/src/components/Container'
+import { useTxTokenInfo } from '@safe-global/utils/hooks/useTxTokenInfo'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectActiveChainCurrency } from '@/src/store/chains'
+import { Identicon } from '@/src/components/Identicon'
+
+interface TxActionsListProps {
+  txDetails: TransactionDetails
+}
+
+export const getActionName = (action: ActionValueDecoded | MultiSend, addressInfoIndex?: AddressInfoIndex): string => {
+  const contractName = (addressInfoIndex as AddressInfoIndex)?.[action.to]?.name
+  let name = shortenAddress(action.to)
+
+  if (action.dataDecoded) {
+    name = action.dataDecoded.method
+  }
+
+  return contractName ? `${contractName}: ${name}` : action.dataDecoded?.method || 'contract interaction'
+}
+
+interface TxActionItemProps {
+  action: ActionValueDecoded | MultiSend
+  index: number
+  addressInfoIndex?: AddressInfoIndex
+  txData: TransactionDetails['txData']
+}
+
+const TxActionItem = ({ action, index, addressInfoIndex, txData }: TxActionItemProps) => {
+  const valueDecoded = txData?.dataDecoded?.parameters?.[0].valueDecoded
+  const tx = Array.isArray(valueDecoded) ? valueDecoded[index] : undefined
+  const nativeCurrency = useAppSelector(selectActiveChainCurrency)
+
+  const transferTokenInfo = useTxTokenInfo(
+    tx?.data?.toString() || undefined,
+    tx?.value || undefined,
+    tx?.to || '',
+    nativeCurrency as NativeToken,
+    txData?.tokenInfoIndex ?? {},
+  )
+
+  if (!tx) {
+    return null
+  }
+
+  return (
+    <>
+      <View alignItems="center" flexDirection="row" justifyContent="space-between" gap={'$2'} flexWrap="wrap">
+        <View flexDirection="row" alignItems="center" gap={'$2'} maxWidth="80%">
+          <SafeFontIcon name="transaction-contract" color="$colorSecondary" size={18} />
+          <Text>{index + 1}</Text>
+
+          {transferTokenInfo?.tokenInfo?.symbol ? (
+            <View flexDirection="row" alignItems="center" gap={'$2'}>
+              <Text fontSize="$4" flex={1} numberOfLines={1} ellipsizeMode="tail">
+                Send {formatVisualAmount(transferTokenInfo.transferValue, transferTokenInfo?.tokenInfo?.decimals, 6)}{' '}
+                {transferTokenInfo.tokenInfo.symbol} to
+              </Text>
+              <Identicon address={tx.to as `0x${string}`} size={20} />{' '}
+              <Text fontSize="$4" numberOfLines={1} ellipsizeMode="tail" flexShrink={1}>
+                {shortenAddress(tx.to)}
+              </Text>
+            </View>
+          ) : (
+            <Text fontSize="$4" flexShrink={1} flexWrap="wrap">
+              {getActionName(action, addressInfoIndex as AddressInfoIndex)}
+            </Text>
+          )}
+        </View>
+
+        <SafeFontIcon name="chevron-right" size={18} />
+      </View>
+    </>
+  )
+}
+
+export function TxActionsList({ txDetails }: TxActionsListProps) {
+  const { txId } = useLocalSearchParams<{ txId: string }>()
+
+  const { dataDecoded, addressInfoIndex } = txDetails.txData || {}
+
+  const onActionPress = (action: MultiSend) => {
+    router.push({
+      pathname: '/action-details',
+      params: {
+        txId,
+        actionName: getActionName(action, addressInfoIndex as AddressInfoIndex),
+        action: JSON.stringify(action),
+      },
+    })
+  }
+
+  const transaction = dataDecoded?.parameters?.find((action) => action.name === 'transactions' && action.valueDecoded)
+  const actions = useMemo(() => {
+    return Array.isArray(transaction?.valueDecoded) ? transaction?.valueDecoded : [transaction?.valueDecoded]
+  }, [transaction])
+
+  return (
+    <YStack gap="$2" padding="$4">
+      {actions?.map((action, index) => {
+        if (!action || !('operation' in action)) {
+          return null
+        }
+        return (
+          <Container
+            key={`${getActionName(action, addressInfoIndex as AddressInfoIndex)}-${index}`}
+            padding="$42"
+            gap="$5"
+            borderRadius="$3"
+            onPress={() => onActionPress(action)}
+          >
+            <TxActionItem txData={txDetails.txData} action={action} index={index} />
+          </Container>
+        )
+      })}
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/TransactionActions/index.ts b/apps/mobile/src/features/TransactionActions/index.ts
new file mode 100644
index 000000000..efe996db3
--- /dev/null
+++ b/apps/mobile/src/features/TransactionActions/index.ts
@@ -0,0 +1 @@
+export { TransactionActionsContainer } from './TransactionActions.container'
diff --git a/apps/mobile/src/features/TransactionChecks/TransactionChecks.container.tsx b/apps/mobile/src/features/TransactionChecks/TransactionChecks.container.tsx
new file mode 100644
index 000000000..133dd3021
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/TransactionChecks.container.tsx
@@ -0,0 +1,78 @@
+import { useSimulation } from '@/src/features/TransactionChecks/tenderly/useSimulation'
+import { useBlockaid } from '@/src/features/TransactionChecks/blockaid/useBlockaid'
+import { createExistingTx } from '@/src/services/tx/tx-sender'
+import extractTxInfo from '@/src/services/tx/extractTx'
+import { useSafeInfo } from '@/src/hooks/useSafeInfo'
+import { useEffect } from 'react'
+import { RouteProp, useRoute } from '@react-navigation/native'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import {
+  MultisigExecutionDetails,
+  useTransactionsGetTransactionByIdV1Query,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import React from 'react'
+import { TransactionChecksView } from './components/TransactionChecksView'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectActiveChain } from '@/src/store/chains'
+import { isTxSimulationEnabled } from '@safe-global/utils/components/tx/security/tenderly/utils'
+import { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { useTxSigner } from '@/src/features/ConfirmTx/hooks/useTxSigner'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import { useHasFeature } from '@/src/hooks/useHasFeature'
+
+export const TransactionChecksContainer = () => {
+  const { simulation, simulateTransaction, simulationLink, _simulationRequestStatus } = useSimulation()
+  const { scanTransaction, blockaidPayload, error: blockaidError, loading: blockaidLoading } = useBlockaid()
+  const activeSafe = useDefinedActiveSafe()
+  const safeInfo = useSafeInfo()
+  const chain = useAppSelector(selectActiveChain)
+  const simulationEnabled = chain ? isTxSimulationEnabled(chain) : false
+  const blockaidEnabled = useHasFeature(FEATURES.RISK_MITIGATION) ?? false
+  const txId = useRoute<RouteProp<{ params: { txId: string } }>>().params.txId
+
+  const { data } = useTransactionsGetTransactionByIdV1Query({
+    chainId: activeSafe.chainId,
+    id: txId,
+  })
+
+  const { activeSigner } = useTxSigner(data?.detailedExecutionInfo as MultisigExecutionDetails)
+
+  useEffect(() => {
+    const getSafeTx = async () => {
+      if (!data) {
+        return
+      }
+
+      const { txParams, signatures } = extractTxInfo(data, activeSafe.address)
+
+      const safeTx = await createExistingTx(txParams, signatures)
+      const executionOwner = activeSigner ? activeSigner.value : safeInfo.safe.owners[0].value
+
+      // Simulate with Tenderly if enabled
+      await Promise.all(
+        [
+          simulationEnabled &&
+            simulateTransaction({
+              safe: safeInfo.safe as SafeInfo,
+              executionOwner,
+              transactions: safeTx,
+            }),
+          blockaidEnabled &&
+            scanTransaction({
+              data: safeTx,
+              signer: executionOwner,
+            }),
+        ].filter(Boolean),
+      )
+    }
+
+    getSafeTx()
+  }, [data])
+
+  return (
+    <TransactionChecksView
+      tenderly={{ enabled: simulationEnabled, fetchStatus: _simulationRequestStatus, simulationLink, simulation }}
+      blockaid={{ enabled: blockaidEnabled, loading: blockaidLoading, error: blockaidError, payload: blockaidPayload }}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/TransactionChecks/blockaid/useBlockaid.ts b/apps/mobile/src/features/TransactionChecks/blockaid/useBlockaid.ts
new file mode 100644
index 000000000..b3a6dad6a
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/blockaid/useBlockaid.ts
@@ -0,0 +1,85 @@
+import type { TypedData } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { useHasFeature } from '@/src/hooks/useHasFeature'
+import useSafeInfo from '@/src/hooks/useSafeInfo'
+import type { SecurityResponse } from '@safe-global/utils/services/security/modules/types'
+import type { SafeTransaction } from '@safe-global/types-kit'
+
+import { useCallback, useState } from 'react'
+import {
+  BlockaidModule,
+  type BlockaidModuleResponse,
+} from '@safe-global/utils/services/security/modules/BlockaidModule'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import Logger from '@/src/utils/logger'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+
+const BlockaidModuleInstance = new BlockaidModule()
+
+const DEFAULT_ERROR_MESSAGE = 'Unavailable'
+
+export type BlockaidScanParams = {
+  data: SafeTransaction | TypedData
+  signer: string
+  origin?: string
+}
+
+export type UseBlockaidReturn = {
+  scanTransaction: (params: BlockaidScanParams) => Promise<void>
+  blockaidPayload: SecurityResponse<BlockaidModuleResponse> | undefined
+  error: Error | undefined
+  loading: boolean
+  resetBlockaid: () => void
+}
+
+export const useBlockaid = (): UseBlockaidReturn => {
+  const { safe, safeAddress } = useSafeInfo()
+  const isFeatureEnabled = useHasFeature(FEATURES.RISK_MITIGATION)
+
+  const [blockaidPayload, setBlockaidPayload] = useState<SecurityResponse<BlockaidModuleResponse> | undefined>()
+  const [error, setError] = useState<Error | undefined>()
+  const [loading, setLoading] = useState<boolean>(false)
+
+  const resetBlockaid = useCallback(() => {
+    setBlockaidPayload(undefined)
+    setError(undefined)
+    setLoading(false)
+  }, [])
+
+  const scanTransaction = useCallback(
+    async (params: BlockaidScanParams) => {
+      if (!isFeatureEnabled || !safeAddress) {
+        return
+      }
+
+      setLoading(true)
+      setError(undefined)
+
+      try {
+        const result = await BlockaidModuleInstance.scanTransaction({
+          chainId: Number(safe.chainId),
+          data: params.data,
+          safeAddress,
+          walletAddress: params.signer,
+          threshold: safe.threshold,
+          origin: params.origin,
+        })
+
+        setBlockaidPayload(result)
+      } catch (err) {
+        Logger.error(asError(err).message)
+        setError(new Error(DEFAULT_ERROR_MESSAGE))
+      } finally {
+        setLoading(false)
+      }
+    },
+    [safe.chainId, safe.threshold, safeAddress, isFeatureEnabled],
+  )
+
+  return {
+    scanTransaction,
+    blockaidPayload,
+    error,
+    loading,
+    resetBlockaid,
+  }
+}
diff --git a/apps/mobile/src/features/TransactionChecks/components/TransactionChecksView.tsx b/apps/mobile/src/features/TransactionChecks/components/TransactionChecksView.tsx
new file mode 100644
index 000000000..2b6edce2c
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/components/TransactionChecksView.tsx
@@ -0,0 +1,117 @@
+import React from 'react'
+import { LargeHeaderTitle, NavBarTitle } from '@/src/components/Title'
+import { SafeButton } from '@/src/components/SafeButton'
+import { Container } from '@/src/components/Container'
+import { FETCH_STATUS, TenderlySimulation } from '@safe-global/utils/components/tx/security/tenderly/types'
+import { Linking } from 'react-native'
+import { View, ScrollView, Text, XStack, YStack } from 'tamagui'
+import { useScrollableHeader } from '@/src/navigation/useScrollableHeader'
+import { CircleSnail } from 'react-native-progress'
+import { Badge } from '@/src/components/Badge'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { SecurityResponse } from '@safe-global/utils/services/security/modules/types'
+import { BlockaidModuleResponse } from '@safe-global/utils/services/security/modules/BlockaidModule'
+import { BlockaidBalanceChanges } from './blockaid/balance/BlockaidBalanceChanges'
+import { BlockaidWarning } from './blockaid/scans/BlockaidWarning'
+import { InfoSheet } from '@/src/components/InfoSheet'
+
+type Props = {
+  tenderly: {
+    enabled: boolean
+    fetchStatus: FETCH_STATUS
+    simulationLink: string
+    simulation?: TenderlySimulation
+  }
+  blockaid: {
+    enabled: boolean
+    loading: boolean
+    error?: Error
+    payload?: SecurityResponse<BlockaidModuleResponse>
+  }
+}
+
+export const TransactionChecksView = ({ tenderly, blockaid }: Props) => {
+  const { enabled, fetchStatus } = tenderly
+  const { handleScroll } = useScrollableHeader({
+    children: <NavBarTitle>Transaction checks</NavBarTitle>,
+  })
+
+  return (
+    <ScrollView contentContainerStyle={{ paddingHorizontal: '$4', paddingTop: '$3' }} onScroll={handleScroll}>
+      <View>
+        <LargeHeaderTitle marginBottom={'$5'}>Transaction checks</LargeHeaderTitle>
+      </View>
+      <YStack gap={'$4'}>
+        <Container gap={'$3'}>
+          {blockaid.enabled ? (
+            <BlockaidBalanceChanges blockaidResponse={blockaid.payload} fetchStatusLoading={blockaid.loading} />
+          ) : (
+            <Text>Security check is disabled</Text>
+          )}
+        </Container>
+        <Container gap={'$3'}>
+          {enabled ? (
+            <>
+              <XStack justifyContent="space-between">
+                <XStack gap={'$2'}>
+                  <Text fontWeight={600}>Transaction simulation</Text>
+                  <InfoSheet
+                    title="Simulation"
+                    info="The transaction can be simulated before execution to ensure that it will succeed. You can view a full detailed report on Tenderly."
+                  />
+                </XStack>
+
+                {fetchStatus === FETCH_STATUS.LOADING ? (
+                  <Badge
+                    circular={false}
+                    content={
+                      <XStack gap={'$2'} justifyContent="center" alignItems="center">
+                        <CircleSnail size={12} borderWidth={0} thickness={1} />
+                        <Text fontSize={12}>Loading</Text>
+                      </XStack>
+                    }
+                  />
+                ) : tenderly.simulation?.simulation.status ? (
+                  <Badge
+                    circular={false}
+                    themeName="badge_success_variant1"
+                    content={
+                      <XStack gap={'$2'} justifyContent="center" alignItems="center">
+                        <SafeFontIcon name="check-filled" size={12} />
+                        <Text fontSize={12}>Success</Text>
+                      </XStack>
+                    }
+                  />
+                ) : (
+                  <Badge circular={false} themeName="badge_error" content={<Text fontSize={12}>Failed</Text>} />
+                )}
+              </XStack>
+              {tenderly.fetchStatus === FETCH_STATUS.SUCCESS && (
+                <SafeButton
+                  size="$sm"
+                  secondary
+                  onPress={() => {
+                    Linking.openURL(tenderly.simulationLink)
+                  }}
+                >
+                  View details on Tenderly
+                </SafeButton>
+              )}
+              {tenderly.fetchStatus === FETCH_STATUS.LOADING && (
+                <XStack gap={'$2'}>
+                  <CircleSnail size={16} borderWidth={0} thickness={1} />
+                  <Text>Simulating with Tenderly...</Text>
+                </XStack>
+              )}
+              {tenderly.fetchStatus === FETCH_STATUS.ERROR && <Text>Error</Text>}
+            </>
+          ) : (
+            <Text>Transaction simulation is disabled</Text>
+          )}
+        </Container>
+
+        {blockaid.enabled && <BlockaidWarning blockaidResponse={blockaid.payload} />}
+      </YStack>
+    </ScrollView>
+  )
+}
diff --git a/apps/mobile/src/features/TransactionChecks/components/blockaid/PoweredByBlockaid.tsx b/apps/mobile/src/features/TransactionChecks/components/blockaid/PoweredByBlockaid.tsx
new file mode 100644
index 000000000..c686b26d8
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/components/blockaid/PoweredByBlockaid.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+import { XStack, Text } from 'tamagui'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+
+export const PoweredByBlockaid = () => (
+  <XStack gap="$1" alignItems="center" marginTop="$2">
+    <Text fontSize={12} color="$colorSecondary">
+      Powered by
+    </Text>
+    <SafeFontIcon name="shield" size={14} color="$colorSecondary" />
+    <Text fontSize={12} color="$colorSecondary">
+      Blockaid
+    </Text>
+  </XStack>
+)
diff --git a/apps/mobile/src/features/TransactionChecks/components/blockaid/ResultDescription.tsx b/apps/mobile/src/features/TransactionChecks/components/blockaid/ResultDescription.tsx
new file mode 100644
index 000000000..24b074cb5
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/components/blockaid/ResultDescription.tsx
@@ -0,0 +1,22 @@
+import { CLASSIFICATION_MAPPING, REASON_MAPPING } from '@safe-global/utils/components/tx/security/blockaid/utils'
+import { AlertTitleStyled } from '@/src/components/Alert'
+import React from 'react'
+
+export const ResultDescription = ({
+  description,
+  reason,
+  classification,
+}: {
+  description: string | undefined
+  reason: string | undefined
+  classification: string | undefined
+}) => {
+  let text: string | undefined = ''
+  if (reason && classification && REASON_MAPPING[reason] && CLASSIFICATION_MAPPING[classification]) {
+    text = `The transaction ${REASON_MAPPING[reason]} ${CLASSIFICATION_MAPPING[classification]}.`
+  } else {
+    text = description
+  }
+
+  return <AlertTitleStyled message={text ?? 'The transaction is malicious.'} />
+}
diff --git a/apps/mobile/src/features/TransactionChecks/components/blockaid/balance/BalanceChange.tsx b/apps/mobile/src/features/TransactionChecks/components/blockaid/balance/BalanceChange.tsx
new file mode 100644
index 000000000..9d2a078bc
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/components/blockaid/balance/BalanceChange.tsx
@@ -0,0 +1,32 @@
+import type {
+  AssetDiff,
+  Erc1155Diff,
+  Erc20Diff,
+  Erc721Diff,
+  GeneralAssetDiff,
+  NativeDiff,
+} from '@safe-global/utils/services/security/modules/BlockaidModule/types'
+import { XStack } from 'tamagui'
+import React from 'react'
+import { NFTBalanceChange } from '@/src/features/TransactionChecks/components/blockaid/balance/NFTBalanceChange'
+import { FungibleBalanceChange } from '@/src/features/TransactionChecks/components/blockaid/balance/FungibleBalanceChange'
+
+export const BalanceChange = ({
+  asset,
+  positive = false,
+  diff,
+}: {
+  asset: NonNullable<AssetDiff['asset']>
+  positive?: boolean
+  diff: GeneralAssetDiff
+}) => {
+  return (
+    <XStack alignItems="center" paddingVertical="$1">
+      {asset.type === 'ERC721' || asset.type === 'ERC1155' ? (
+        <NFTBalanceChange asset={asset} change={diff as Erc721Diff | Erc1155Diff} />
+      ) : (
+        <FungibleBalanceChange asset={asset} change={diff as NativeDiff | Erc20Diff} positive={positive} />
+      )}
+    </XStack>
+  )
+}
diff --git a/apps/mobile/src/features/TransactionChecks/components/blockaid/balance/BlockaidBalanceChanges.tsx b/apps/mobile/src/features/TransactionChecks/components/blockaid/balance/BlockaidBalanceChanges.tsx
new file mode 100644
index 000000000..7efb6c4cc
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/components/blockaid/balance/BlockaidBalanceChanges.tsx
@@ -0,0 +1,92 @@
+import React from 'react'
+import { Text, XStack, YStack } from 'tamagui'
+import { BlockaidModuleResponse } from '@safe-global/utils/services/security/modules/BlockaidModule'
+import { CircleSnail } from 'react-native-progress'
+import { InfoSheet } from '@/src/components/InfoSheet'
+import { PoweredByBlockaid } from '../PoweredByBlockaid'
+import { BalanceChange } from '@/src/features/TransactionChecks/components/blockaid/balance/BalanceChange'
+
+type BlockaidBalanceChangesProps = {
+  blockaidResponse?: {
+    severity?: number
+    isLoading?: boolean
+    error?: Error
+    payload?: BlockaidModuleResponse
+  }
+  fetchStatusLoading?: boolean
+}
+
+const BalanceChanges = ({ blockaidResponse }: BlockaidBalanceChangesProps) => {
+  const { isLoading, error, payload } = blockaidResponse ?? {}
+
+  const totalBalanceChanges = payload?.balanceChange
+    ? payload.balanceChange.reduce((prev, current) => prev + current.in.length + current.out.length, 0)
+    : 0
+
+  if (isLoading) {
+    return (
+      <XStack gap="$2" alignItems="center">
+        <CircleSnail size={16} borderWidth={0} thickness={1} />
+        <Text fontSize={14} color="$textSecondary">
+          Calculating...
+        </Text>
+      </XStack>
+    )
+  }
+  if (error) {
+    return (
+      <Text fontSize={14} color="$textSecondary">
+        Could not calculate balance changes.
+      </Text>
+    )
+  }
+  if (totalBalanceChanges === 0) {
+    return (
+      <Text fontSize={14} color="$textSecondary">
+        No balance change detected
+      </Text>
+    )
+  }
+
+  return (
+    <YStack>
+      {payload?.balanceChange?.map((change, assetIdx) => (
+        <React.Fragment key={assetIdx}>
+          {change.in.map((diff, changeIdx) => (
+            <BalanceChange key={`${assetIdx}-in-${changeIdx}`} asset={change.asset} positive diff={diff} />
+          ))}
+          {change.out.map((diff, changeIdx) => (
+            <BalanceChange key={`${assetIdx}-out-${changeIdx}`} asset={change.asset} diff={diff} />
+          ))}
+        </React.Fragment>
+      ))}
+    </YStack>
+  )
+}
+
+export const BlockaidBalanceChanges = ({ blockaidResponse, fetchStatusLoading }: BlockaidBalanceChangesProps) => {
+  return (
+    <YStack>
+      <XStack gap="$2">
+        <Text fontWeight="700" marginBottom="$2">
+          Balance change
+        </Text>
+        <InfoSheet
+          title="Balance change"
+          info="The balance change gives an overview of the implications of a transaction. You can see which assets will be sent and received after the transaction is executed."
+        />
+      </XStack>
+      {fetchStatusLoading ? (
+        <XStack gap={'$2'}>
+          <CircleSnail size={16} borderWidth={0} thickness={1} />
+          <Text>Checking balance with Blockaid...</Text>
+        </XStack>
+      ) : (
+        <>
+          <BalanceChanges blockaidResponse={blockaidResponse} />
+          <PoweredByBlockaid />
+        </>
+      )}
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/TransactionChecks/components/blockaid/balance/FungibleBalanceChange.tsx b/apps/mobile/src/features/TransactionChecks/components/blockaid/balance/FungibleBalanceChange.tsx
new file mode 100644
index 000000000..654318c9a
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/components/blockaid/balance/FungibleBalanceChange.tsx
@@ -0,0 +1,52 @@
+import type {
+  AssetDiff,
+  Erc20Diff,
+  NativeDiff,
+} from '@safe-global/utils/services/security/modules/BlockaidModule/types'
+import { useBalances } from '@/src/hooks/useBalances'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { Text, View, XStack } from 'tamagui'
+import { Logo } from '@/src/components/Logo'
+import { Badge } from '@/src/components/Badge'
+import { formatAmount } from '@safe-global/utils/utils/formatNumber'
+import React from 'react'
+
+export const FungibleBalanceChange = ({
+  change,
+  asset,
+  positive,
+}: {
+  asset: AssetDiff['asset']
+  change: Erc20Diff | NativeDiff
+  positive?: boolean
+}) => {
+  const { balances } = useBalances()
+  const logoUri =
+    asset.logo_url ??
+    balances?.items.find((item) => {
+      return asset.type === 'NATIVE'
+        ? item.tokenInfo.type === TokenType.NATIVE_TOKEN
+        : sameAddress(item.tokenInfo.address, asset.address)
+    })?.tokenInfo.logoUri
+
+  return (
+    <XStack alignItems="center" gap="$2">
+      <Logo size={'$5'} logoUri={logoUri} imageBackground="$background" />
+      <Text fontSize={14} fontWeight="700" marginLeft="$1">
+        {asset.symbol}
+      </Text>
+      <Badge
+        themeName={positive ? 'badge_success_variant1' : 'badge_error'}
+        circular={false}
+        content={
+          <Text fontSize={12}>
+            {positive ? '+' : '-'} {change.value ? formatAmount(change.value) : 'unknown'}
+          </Text>
+        }
+      />
+      <View flex={1} />
+      <Badge themeName="badge_background" circular={false} content={<Text fontSize={12}>{asset.type}</Text>} />
+    </XStack>
+  )
+}
diff --git a/apps/mobile/src/features/TransactionChecks/components/blockaid/balance/NFTBalanceChange.tsx b/apps/mobile/src/features/TransactionChecks/components/blockaid/balance/NFTBalanceChange.tsx
new file mode 100644
index 000000000..ddc1b84c2
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/components/blockaid/balance/NFTBalanceChange.tsx
@@ -0,0 +1,43 @@
+import type {
+  Erc1155Diff,
+  Erc1155TokenDetails,
+  Erc721Diff,
+  Erc721TokenDetails,
+} from '@safe-global/utils/services/security/modules/BlockaidModule/types'
+import { Text, View, XStack } from 'tamagui'
+import React from 'react'
+import { EthAddress } from '@/src/components/EthAddress'
+import { Logo } from '@/src/components/Logo'
+import { Address } from '@/src/types/address'
+import { Badge } from '@/src/components/Badge'
+
+export const NFTBalanceChange = ({
+  change,
+  asset,
+}: {
+  asset: Erc721TokenDetails | Erc1155TokenDetails
+  change: Erc721Diff | Erc1155Diff
+}) => {
+  return (
+    <>
+      {asset.symbol ? (
+        <XStack alignItems="center" gap="$2">
+          <Logo size={'$5'} logoUri={asset.logo_url} />
+          <Text fontSize={14} fontWeight="700" marginLeft="$1">
+            {asset.symbol}
+          </Text>
+        </XStack>
+      ) : (
+        <Text fontSize={14} marginLeft="$1">
+          <Logo size={'$5'} logoUri={asset.logo_url} />
+          <EthAddress address={asset.address as Address} copy={true} />
+        </Text>
+      )}
+      <Text fontSize={14} marginLeft="$1">
+        #{Number(change.token_id)}
+      </Text>
+      <View flex={1} />
+      <Badge themeName="badge_background" circular={false} content={<Text fontSize={12}>NFT</Text>} />
+    </>
+  )
+}
diff --git a/apps/mobile/src/features/TransactionChecks/components/blockaid/scans/BlockaidError.tsx b/apps/mobile/src/features/TransactionChecks/components/blockaid/scans/BlockaidError.tsx
new file mode 100644
index 000000000..add3d074d
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/components/blockaid/scans/BlockaidError.tsx
@@ -0,0 +1,17 @@
+import { Text, View } from 'tamagui'
+import { BlockaidMessage } from '@/src/features/TransactionChecks/components/blockaid/scans/BlockaidMessage'
+import React from 'react'
+
+export const BlockaidError = () => {
+  return (
+    <View backgroundColor="$backgroundSecondary" padding="$3" borderRadius="$2">
+      <Text fontWeight="700" fontSize={16} marginBottom="$2">
+        Proceed with caution
+      </Text>
+      <Text fontSize={14}>
+        The transaction could not be checked for security alerts. Verify the details and addresses before proceeding.
+      </Text>
+      <BlockaidMessage />
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/TransactionChecks/components/blockaid/scans/BlockaidHint.tsx b/apps/mobile/src/features/TransactionChecks/components/blockaid/scans/BlockaidHint.tsx
new file mode 100644
index 000000000..019cced12
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/components/blockaid/scans/BlockaidHint.tsx
@@ -0,0 +1,14 @@
+import React from 'react'
+import { YStack, Text } from 'tamagui'
+
+export const BlockaidHint = ({ warnings }: { warnings: string[] }) => {
+  return (
+    <YStack gap="$1">
+      {warnings.map((warning, index) => (
+        <Text key={index} fontSize={'$3'} fontFamily={'$body'}>
+          • {warning}
+        </Text>
+      ))}
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/TransactionChecks/components/blockaid/scans/BlockaidMessage.tsx b/apps/mobile/src/features/TransactionChecks/components/blockaid/scans/BlockaidMessage.tsx
new file mode 100644
index 000000000..2e40cb852
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/components/blockaid/scans/BlockaidMessage.tsx
@@ -0,0 +1,38 @@
+import React from 'react'
+import { YStack } from 'tamagui'
+import { BlockaidModuleResponse } from '@safe-global/utils/services/security/modules/BlockaidModule'
+import { BlockaidHint } from './BlockaidHint'
+import groupBy from 'lodash/groupBy'
+
+type BlockaidMessageProps = {
+  blockaidResponse?: {
+    severity?: number
+    isLoading?: boolean
+    error?: Error
+    payload?: BlockaidModuleResponse
+  }
+}
+
+export const BlockaidMessage = ({ blockaidResponse }: BlockaidMessageProps) => {
+  if (!blockaidResponse) {
+    return null
+  }
+
+  const { issues } = blockaidResponse.payload ?? {}
+
+  /* Evaluate security warnings */
+  const groupedShownWarnings = groupBy(issues, (warning) => warning.severity)
+  const sortedSeverities = Object.keys(groupedShownWarnings).sort((a, b) => (Number(a) < Number(b) ? 1 : -1))
+
+  if (sortedSeverities.length === 0) {
+    return null
+  }
+
+  return (
+    <YStack gap="$2">
+      {sortedSeverities.map((key) => (
+        <BlockaidHint key={key} warnings={groupedShownWarnings[key].map((warning) => warning.description)} />
+      ))}
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/TransactionChecks/components/blockaid/scans/BlockaidWarning.tsx b/apps/mobile/src/features/TransactionChecks/components/blockaid/scans/BlockaidWarning.tsx
new file mode 100644
index 000000000..27c0dde3c
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/components/blockaid/scans/BlockaidWarning.tsx
@@ -0,0 +1,70 @@
+import React from 'react'
+import { View, YStack } from 'tamagui'
+import { SecuritySeverity } from '@safe-global/utils/services/security/modules/types'
+import { BlockaidModuleResponse } from '@safe-global/utils/services/security/modules/BlockaidModule'
+import { BlockaidMessage } from './BlockaidMessage'
+import { ContractChangeWarning } from './ContractChangeWarning'
+import { PoweredByBlockaid } from '../PoweredByBlockaid'
+import { AlertType } from '@/src/components/Alert'
+import { BlockaidError } from '@/src/features/TransactionChecks/components/blockaid/scans/BlockaidError'
+import { ResultDescription } from '@/src/features/TransactionChecks/components/blockaid/ResultDescription'
+import { Alert2 } from '@/src/components/Alert2'
+
+type BlockaidWarningProps = {
+  blockaidResponse?: {
+    severity?: SecuritySeverity
+    isLoading?: boolean
+    error?: Error
+    payload?: BlockaidModuleResponse
+  }
+}
+
+export const BlockaidWarning = ({ blockaidResponse }: BlockaidWarningProps) => {
+  const { severity, isLoading, error, payload } = blockaidResponse ?? {}
+
+  if (error) {
+    return <BlockaidError />
+  }
+
+  if (isLoading || !blockaidResponse) {
+    return null
+  }
+  let type = 'success'
+
+  if (severity === SecuritySeverity.HIGH) {
+    type = 'error'
+  } else if (severity === SecuritySeverity.MEDIUM) {
+    type = 'warning'
+  }
+  return (
+    <YStack gap="$3">
+      {blockaidResponse.severity ? (
+        <View>
+          <Alert2
+            type={type as AlertType}
+            message={
+              <>
+                <ResultDescription
+                  classification={payload?.classification}
+                  reason={payload?.reason}
+                  description={payload?.description}
+                />
+                <BlockaidMessage blockaidResponse={blockaidResponse} />
+                <PoweredByBlockaid />
+              </>
+            }
+          />
+        </View>
+      ) : payload?.contractManagement && payload.contractManagement.length > 0 ? (
+        <View>
+          <YStack gap="$2">
+            {payload.contractManagement.map((contractChange) => (
+              <ContractChangeWarning key={contractChange.type} contractChange={contractChange} />
+            ))}
+          </YStack>
+          <PoweredByBlockaid />
+        </View>
+      ) : null}
+    </YStack>
+  )
+}
diff --git a/apps/mobile/src/features/TransactionChecks/components/blockaid/scans/ContractChangeWarning.tsx b/apps/mobile/src/features/TransactionChecks/components/blockaid/scans/ContractChangeWarning.tsx
new file mode 100644
index 000000000..44b444b15
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/components/blockaid/scans/ContractChangeWarning.tsx
@@ -0,0 +1,56 @@
+import React from 'react'
+import { View, YStack, Text } from 'tamagui'
+import type {
+  ModulesChangeManagement,
+  OwnershipChangeManagement,
+  ProxyUpgradeManagement,
+} from '@safe-global/utils/services/security/modules/BlockaidModule/types'
+import { EthAddress } from '@/src/components/EthAddress'
+import { Address } from '@/src/types/address'
+import { CONTRACT_CHANGE_TITLES_MAPPING } from '@safe-global/utils/components/tx/security/blockaid/utils'
+import { Alert2 } from '@/src/components/Alert2'
+
+const ProxyUpgradeSummary = ({ beforeAddress, afterAddress }: { beforeAddress: string; afterAddress: string }) => {
+  return (
+    <YStack gap="$1">
+      <Text fontSize={14} marginBottom="$2">
+        Please verify that this change is intended and correct as it may overwrite the ownership of your account
+      </Text>
+      <Text fontSize={12} textTransform="uppercase">
+        Current mastercopy:
+      </Text>
+      <View padding="$2" borderRadius="$2" backgroundColor="$backgroundSecondary">
+        <EthAddress address={beforeAddress as Address} copy={true} />
+      </View>
+
+      <Text fontSize={12} textTransform="uppercase">
+        New mastercopy:
+      </Text>
+      <View padding="$2" borderRadius="$2" backgroundColor="$backgroundSecondary">
+        <EthAddress address={afterAddress as Address} copy={true} />
+      </View>
+    </YStack>
+  )
+}
+
+export const ContractChangeWarning = ({
+  contractChange,
+}: {
+  contractChange: ProxyUpgradeManagement | OwnershipChangeManagement | ModulesChangeManagement
+}) => {
+  const title = CONTRACT_CHANGE_TITLES_MAPPING[contractChange.type]
+  const { before, after, type } = contractChange
+  const isProxyUpgrade = type === 'PROXY_UPGRADE'
+
+  const warningContent = (
+    <>
+      {isProxyUpgrade && 'address' in before && 'address' in after ? (
+        <ProxyUpgradeSummary beforeAddress={before.address} afterAddress={after.address} />
+      ) : (
+        <Text>Please verify that this change is intended and correct.</Text>
+      )}
+    </>
+  )
+
+  return <Alert2 type="warning" title={title} message={warningContent} />
+}
diff --git a/apps/mobile/src/features/TransactionChecks/index.ts b/apps/mobile/src/features/TransactionChecks/index.ts
new file mode 100644
index 000000000..53e61389a
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/index.ts
@@ -0,0 +1 @@
+export { TransactionChecksContainer } from './TransactionChecks.container'
diff --git a/apps/mobile/src/features/TransactionChecks/tenderly/useSimulation.ts b/apps/mobile/src/features/TransactionChecks/tenderly/useSimulation.ts
new file mode 100644
index 000000000..86435fff5
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/tenderly/useSimulation.ts
@@ -0,0 +1,60 @@
+import { useCallback, useMemo, useState } from 'react'
+import { getSimulationPayload } from '@/src/features/TransactionChecks/tenderly/utils'
+import { FETCH_STATUS, type TenderlySimulation } from '@safe-global/utils/components/tx/security/tenderly/types'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { type UseSimulationReturn } from '@safe-global/utils/components/tx/security/tenderly/useSimulation'
+import {
+  getSimulation,
+  getSimulationLink,
+  type SimulationTxParams,
+} from '@safe-global/utils/components/tx/security/tenderly/utils'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectTenderly } from '@/src/store/settingsSlice'
+import Logger from '@/src/utils/logger'
+
+export const useSimulation = (): UseSimulationReturn => {
+  const [simulation, setSimulation] = useState<TenderlySimulation | undefined>()
+  const [simulationRequestStatus, setSimulationRequestStatus] = useState<FETCH_STATUS>(FETCH_STATUS.NOT_ASKED)
+  const [requestError, setRequestError] = useState<string | undefined>(undefined)
+  const tenderly = useAppSelector(selectTenderly)
+
+  const simulationLink = useMemo(() => getSimulationLink(simulation?.simulation.id || ''), [simulation])
+
+  const resetSimulation = useCallback(() => {
+    setSimulationRequestStatus(FETCH_STATUS.NOT_ASKED)
+    setRequestError(undefined)
+    setSimulation(undefined)
+  }, [])
+
+  const simulateTransaction = useCallback(
+    async (params: SimulationTxParams) => {
+      setSimulationRequestStatus(FETCH_STATUS.LOADING)
+      setRequestError(undefined)
+
+      try {
+        const simulationPayload = await getSimulationPayload(params)
+
+        const data = await getSimulation(simulationPayload, tenderly)
+
+        setSimulation(data)
+        setSimulationRequestStatus(FETCH_STATUS.SUCCESS)
+      } catch (error) {
+        Logger.error(asError(error).message)
+
+        setRequestError(asError(error).message)
+        setSimulationRequestStatus(FETCH_STATUS.ERROR)
+      }
+    },
+    [tenderly],
+  )
+
+  return {
+    simulateTransaction,
+    // This is only used by the provider
+    _simulationRequestStatus: simulationRequestStatus,
+    simulation,
+    simulationLink,
+    requestError,
+    resetSimulation,
+  } as UseSimulationReturn
+}
diff --git a/apps/mobile/src/features/TransactionChecks/tenderly/utils.ts b/apps/mobile/src/features/TransactionChecks/tenderly/utils.ts
new file mode 100644
index 000000000..0695d5bae
--- /dev/null
+++ b/apps/mobile/src/features/TransactionChecks/tenderly/utils.ts
@@ -0,0 +1,109 @@
+import { generatePreValidatedSignature } from '@safe-global/protocol-kit/dist/src/utils/signatures'
+import EthSafeTransaction from '@safe-global/protocol-kit/dist/src/utils/transactions/SafeTransaction'
+import { encodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils/transactions/utils'
+
+import {
+  getReadOnlyCurrentGnosisSafeContract,
+  getReadOnlyMultiSendCallOnlyContract,
+} from '@/src/services/contracts/safeContracts'
+import type { TenderlySimulatePayload } from '@safe-global/utils/components/tx/security/tenderly/types'
+import { getWeb3ReadOnly } from '@/src/hooks/wallets/web3'
+
+import type {
+  MultiSendTransactionSimulationParams,
+  SimulationTxParams,
+  SingleTransactionSimulationParams,
+} from '@safe-global/utils/components/tx/security/tenderly/utils'
+import {
+  _getStateOverride,
+  getStateOverwrites,
+  isSingleTransactionSimulation,
+} from '@safe-global/utils/components/tx/security/tenderly/utils'
+
+export const _getSingleTransactionPayload = async (
+  params: SingleTransactionSimulationParams,
+): Promise<Pick<TenderlySimulatePayload, 'to' | 'input'>> => {
+  console.log('single transaction payload', params)
+  // If a transaction is executable we simulate with the proposed/selected gasLimit and the actual signatures
+  let transaction = params.transactions
+  const hasOwnerSignature = transaction.signatures.has(params.executionOwner)
+  // If the owner's sig is missing and the tx threshold is not reached we add the owner's preValidated signature
+  const needsOwnerSignature = !hasOwnerSignature && transaction.signatures.size < params.safe.threshold
+  if (needsOwnerSignature) {
+    const simulatedTransaction = new EthSafeTransaction(transaction.data)
+
+    transaction.signatures.forEach((signature) => {
+      simulatedTransaction.addSignature(signature)
+    })
+    simulatedTransaction.addSignature(generatePreValidatedSignature(params.executionOwner))
+
+    transaction = simulatedTransaction
+  }
+
+  const readOnlySafeContract = await getReadOnlyCurrentGnosisSafeContract(params.safe)
+
+  const input = readOnlySafeContract.encode('execTransaction', [
+    transaction.data.to,
+    transaction.data.value,
+    transaction.data.data,
+    transaction.data.operation,
+    transaction.data.safeTxGas,
+    transaction.data.baseGas,
+    transaction.data.gasPrice,
+    transaction.data.gasToken,
+    transaction.data.refundReceiver,
+    transaction.encodedSignatures(),
+  ])
+
+  return {
+    to: await readOnlySafeContract.getAddress(),
+    input,
+  }
+}
+
+export const _getMultiSendCallOnlyPayload = async (
+  params: MultiSendTransactionSimulationParams,
+): Promise<Pick<TenderlySimulatePayload, 'to' | 'input'>> => {
+  const data = encodeMultiSendData(params.transactions) as `0x${string}`
+  const readOnlyMultiSendContract = await getReadOnlyMultiSendCallOnlyContract(params.safe.version)
+
+  return {
+    to: await readOnlyMultiSendContract.getAddress(),
+    input: readOnlyMultiSendContract.encode('multiSend', [data]),
+  }
+}
+
+const getLatestBlockGasLimit = async (): Promise<number> => {
+  const web3ReadOnly = getWeb3ReadOnly()
+  const latestBlock = await web3ReadOnly?.getBlock('latest')
+  if (!latestBlock) {
+    throw Error('Could not determine block gas limit')
+  }
+  return Number(latestBlock.gasLimit)
+}
+
+export const getSimulationPayload = async (params: SimulationTxParams): Promise<TenderlySimulatePayload> => {
+  const gasLimit = params.gasLimit ?? (await getLatestBlockGasLimit())
+
+  const payload = isSingleTransactionSimulation(params)
+    ? await _getSingleTransactionPayload(params)
+    : await _getMultiSendCallOnlyPayload(params)
+
+  const stateOverwrites = getStateOverwrites(params)
+  const stateOverwritesLength = Object.keys(stateOverwrites).length
+
+  return {
+    ...payload,
+    network_id: params.safe.chainId,
+    from: params.executionOwner,
+    gas: gasLimit,
+    // With gas price 0 account don't need token for gas
+    gas_price: '0',
+    state_objects:
+      stateOverwritesLength > 0
+        ? _getStateOverride(params.safe.address.value, undefined, undefined, stateOverwrites)
+        : undefined,
+    save: true,
+    save_if_fails: true,
+  }
+}
diff --git a/apps/mobile/src/features/TxHistory/TxHistory.container.test.tsx b/apps/mobile/src/features/TxHistory/TxHistory.container.test.tsx
new file mode 100644
index 000000000..d84d350db
--- /dev/null
+++ b/apps/mobile/src/features/TxHistory/TxHistory.container.test.tsx
@@ -0,0 +1,475 @@
+import React from 'react'
+import { render, screen, fireEvent, waitFor, act } from '@/src/tests/test-utils'
+import { TxHistoryContainer } from './TxHistory.container'
+import { server } from '@/src/tests/server'
+import { http, HttpResponse } from 'msw'
+import { GATEWAY_URL } from '@/src/config/constants'
+import { faker } from '@faker-js/faker'
+
+// Create a mutable object for the mock
+const mockSafeState = {
+  safe: { chainId: '1', address: faker.finance.ethereumAddress() as `0x${string}` },
+}
+
+// Mock active safe selector to use the mutable state
+jest.mock('@/src/store/hooks/activeSafe', () => ({
+  useDefinedActiveSafe: () => mockSafeState.safe,
+}))
+
+jest.mock('react-native-collapsible-tab-view', () => {
+  const { SectionList } = require('react-native')
+  return { Tabs: { SectionList } }
+})
+
+const sender = faker.finance.ethereumAddress()
+const recipient = faker.finance.ethereumAddress()
+const tokenAddress = faker.finance.ethereumAddress()
+const txHash = faker.string.hexadecimal({ length: 66 })
+const txHash1 = faker.string.hexadecimal({ length: 66 })
+const mockTransactions = [
+  { type: 'DATE_LABEL', timestamp: 1742830570000 },
+  {
+    type: 'TRANSACTION',
+    transaction: {
+      txInfo: {
+        type: 'Transfer',
+        humanDescription: null,
+        sender: { value: sender, name: null, logoUri: null },
+        recipient: { value: recipient, name: null, logoUri: null },
+        direction: 'INCOMING',
+        transferInfo: { type: 'NATIVE_COIN', value: '10000000000000' },
+      },
+      id: `transfer_${recipient}_${txHash}`,
+      timestamp: 1742830570000,
+      txStatus: 'SUCCESS',
+      executionInfo: null,
+      safeAppInfo: null,
+      txHash,
+    },
+    conflictType: 'None',
+  },
+]
+
+const nextPageTransactions = [
+  {
+    type: 'TRANSACTION',
+    transaction: {
+      txInfo: {
+        type: 'Transfer',
+        humanDescription: null,
+        sender: {
+          value: sender,
+          name: null,
+          logoUri: null,
+        },
+        recipient: {
+          value: recipient,
+          name: null,
+          logoUri: null,
+        },
+        direction: 'INCOMING',
+        transferInfo: {
+          type: 'ERC721',
+          tokenAddress,
+          tokenId: '0',
+          tokenName: null,
+          tokenSymbol: null,
+          logoUri: null,
+          trusted: null,
+        },
+      },
+      id: `transfer_${recipient}_${txHash1}`,
+      timestamp: 1737029389000,
+      txStatus: 'SUCCESS',
+      executionInfo: null,
+      safeAppInfo: null,
+      txHash: txHash1,
+    },
+    conflictType: 'None',
+  },
+]
+
+describe('TxHistoryContainer', () => {
+  beforeEach(() => {
+    // Reset the mock state before each test
+    mockSafeState.safe = { chainId: '1', address: faker.finance.ethereumAddress() as `0x${string}` }
+
+    server.use(
+      http.get(`${GATEWAY_URL}/v1/chains/:chainId/safes/:safeAddress/transactions/history`, ({ request }) => {
+        if (request.url.includes('cursor=next_page')) {
+          return HttpResponse.json({
+            count: 3,
+            next: null,
+            previous: `${GATEWAY_URL}/v1/chains/1/safes/0x123/transactions/history`,
+            results: nextPageTransactions,
+          })
+        }
+
+        // if safe address is 0x456, return mockTransactions
+        if (request.url.includes('0x456')) {
+          return HttpResponse.json({
+            count: 3,
+            next: `${GATEWAY_URL}/v1/chains/1/safes/0x456/transactions/history?cursor=next_page`,
+            previous: null,
+            results: [...mockTransactions, ...nextPageTransactions],
+          })
+        }
+
+        return HttpResponse.json({
+          next: `${GATEWAY_URL}/v1/chains/1/safes/0x123/transactions/history?cursor=next_page`,
+          previous: null,
+          results: mockTransactions,
+        })
+      }),
+    )
+  })
+
+  it('renders transaction history list', async () => {
+    render(<TxHistoryContainer />)
+
+    // Wait for the transactions to be loaded
+    await waitFor(() => {
+      expect(screen.getByText('Received')).toBeTruthy()
+    })
+
+    // Check if both transactions are rendered
+    const transfers = screen.getAllByText('Received')
+    expect(transfers).toHaveLength(1)
+  })
+
+  it('loads more transactions when scrolling to the bottom', async () => {
+    render(<TxHistoryContainer />)
+
+    // Wait for initial transactions to load
+    await waitFor(() => {
+      const transfers = screen.getAllByText('Received')
+      expect(transfers).toHaveLength(1)
+    })
+
+    // Simulate scrolling to the bottom
+    const list = screen.getByTestId('tx-history-list')
+
+    // I'm failing to simulate the onScroll event, so going to use the onEndReached prop which then triggers the loading of the next page
+    await act(async () => {
+      fireEvent(list, 'onEndReached')
+    })
+
+    // Wait for additional transactions to load
+    await waitFor(() => {
+      const transfers = screen.getAllByText('Received')
+      expect(transfers).toHaveLength(2)
+    })
+  })
+
+  it('shows initial loading skeleton when first loading transactions', async () => {
+    // Mock server to return delayed response to capture loading state
+    server.use(
+      http.get(`${GATEWAY_URL}/v1/chains/:chainId/safes/:safeAddress/transactions/history`, async () => {
+        // Add short delay to capture loading state
+        await new Promise((resolve) => setTimeout(resolve, 50))
+        return HttpResponse.json({
+          next: null,
+          previous: null,
+          results: mockTransactions,
+        })
+      }),
+    )
+
+    render(<TxHistoryContainer />)
+
+    // Check if initial loading skeleton is shown
+    expect(screen.getByTestId('tx-history-initial-loader')).toBeTruthy()
+
+    // Wait for transactions to load and loading skeleton to disappear
+    await waitFor(
+      () => {
+        expect(screen.queryByTestId('tx-history-initial-loader')).toBeNull()
+        expect(screen.getByText('Received')).toBeTruthy()
+      },
+      { timeout: 3000 },
+    )
+  }, 10000)
+
+  it('shows pagination loading skeleton when loading more transactions', async () => {
+    render(<TxHistoryContainer />)
+
+    // Wait for initial transactions to load
+    await waitFor(() => {
+      expect(screen.getByText('Received')).toBeTruthy()
+    })
+
+    // Mock server to return delayed response for next page
+    server.use(
+      http.get(`${GATEWAY_URL}/v1/chains/:chainId/safes/:safeAddress/transactions/history`, async ({ request }) => {
+        if (request.url.includes('cursor=next_page')) {
+          // Add delay to capture loading state
+          await new Promise((resolve) => setTimeout(resolve, 80))
+          return HttpResponse.json({
+            count: 3,
+            next: null,
+            previous: `${GATEWAY_URL}/v1/chains/1/safes/0x123/transactions/history`,
+            results: nextPageTransactions,
+          })
+        }
+        return HttpResponse.json({
+          next: `${GATEWAY_URL}/v1/chains/1/safes/0x123/transactions/history?cursor=next_page`,
+          previous: null,
+          results: mockTransactions,
+        })
+      }),
+    )
+
+    // Trigger loading more transactions
+    const list = screen.getByTestId('tx-history-list')
+
+    await act(async () => {
+      fireEvent(list, 'onEndReached')
+    })
+
+    // Check if pagination loading skeleton is shown
+    await waitFor(
+      () => {
+        expect(screen.getByTestId('tx-history-pagination-loader')).toBeTruthy()
+      },
+      { timeout: 2000 },
+    )
+
+    // Wait for additional transactions to load
+    await waitFor(
+      () => {
+        const transfers = screen.getAllByText('Received')
+        expect(transfers).toHaveLength(2)
+        expect(screen.queryByTestId('tx-history-pagination-loader')).toBeNull()
+      },
+      { timeout: 3000 },
+    )
+  }, 10000)
+
+  it('resets list when active safe changes', async () => {
+    const { rerender } = render(<TxHistoryContainer />)
+
+    // Wait for initial transactions to load
+    await waitFor(() => {
+      const transfers = screen.getAllByText('Received')
+      expect(transfers).toHaveLength(1)
+    })
+
+    // Update the mock state with a new safe address
+    mockSafeState.safe = { chainId: '1', address: faker.finance.ethereumAddress() as `0x${string}` }
+
+    // Rerender to trigger the new mock state
+    rerender(<TxHistoryContainer />)
+
+    // Wait for list to reset and new transactions to load
+    await waitFor(() => {
+      const transfers = screen.getAllByText('Received')
+      expect(transfers).toHaveLength(1)
+    })
+  })
+
+  describe('refresh functionality', () => {
+    it('triggers refresh functionality when onRefresh is called', async () => {
+      render(<TxHistoryContainer />)
+
+      // Wait for initial transactions to load
+      await waitFor(() => {
+        expect(screen.getByText('Received')).toBeTruthy()
+      })
+
+      const list = screen.getByTestId('tx-history-list')
+
+      // Verify refresh control is properly configured
+      expect(list).toBeTruthy()
+
+      // Trigger refresh and verify it works without errors
+      await act(async () => {
+        fireEvent(list, 'onRefresh')
+      })
+
+      // The refresh should complete successfully (no errors)
+      await waitFor(() => {
+        expect(screen.getByText('Received')).toBeTruthy()
+      })
+
+      // Verify the list is still rendered after refresh
+      expect(screen.getByTestId('tx-history-list')).toBeTruthy()
+    })
+
+    it('shows progress indicator when refreshing', async () => {
+      render(<TxHistoryContainer />)
+
+      // Wait for initial transactions to load
+      await waitFor(() => {
+        expect(screen.getByText('Received')).toBeTruthy()
+      })
+
+      // Reset server to use delayed response for refresh, so we can capture the refreshing state
+      server.use(
+        http.get(`${GATEWAY_URL}/v1/chains/:chainId/safes/:safeAddress/transactions/history`, async () => {
+          // Add delay to capture refreshing state
+          await new Promise((resolve) => setTimeout(resolve, 100))
+          return HttpResponse.json({
+            next: null,
+            previous: null,
+            results: mockTransactions,
+          })
+        }),
+      )
+
+      const list = screen.getByTestId('tx-history-list')
+
+      // Trigger refresh
+      await act(async () => {
+        fireEvent(list, 'onRefresh')
+      })
+
+      // Check if custom progress indicator is shown during refresh
+      await waitFor(
+        () => {
+          expect(screen.getByTestId('tx-history-progress-indicator')).toBeTruthy()
+        },
+        { timeout: 500 },
+      )
+
+      // Wait for refresh to complete and progress indicator to disappear
+      await waitFor(
+        () => {
+          expect(screen.queryByTestId('tx-history-progress-indicator')).toBeNull()
+        },
+        { timeout: 2000 },
+      )
+
+      // Verify the list is still functional after refresh
+      expect(screen.getByText('Received')).toBeTruthy()
+    }, 10000)
+
+    it('does not show initial skeleton when refreshing', async () => {
+      render(<TxHistoryContainer />)
+
+      // Wait for initial transactions to load
+      await waitFor(() => {
+        expect(screen.getByText('Received')).toBeTruthy()
+      })
+
+      // Trigger refresh
+      const list = screen.getByTestId('tx-history-list')
+
+      await act(async () => {
+        fireEvent(list, 'onRefresh')
+      })
+
+      // Should not show initial skeleton during refresh
+      expect(screen.queryByTestId('tx-history-initial-loader')).toBeNull()
+    })
+  })
+
+  it('handles empty state when no transactions exist', async () => {
+    server.use(
+      http.get(`${GATEWAY_URL}/v1/chains/:chainId/safes/:safeAddress/transactions/history`, () => {
+        return HttpResponse.json({
+          next: null,
+          previous: null,
+          results: [],
+        })
+      }),
+    )
+
+    render(<TxHistoryContainer />)
+
+    // Wait for loading to complete
+    await waitFor(
+      () => {
+        expect(screen.queryByTestId('tx-history-initial-loader')).toBeNull()
+      },
+      { timeout: 3000 },
+    )
+
+    // Should not show any transaction items
+    expect(screen.queryByText('Received')).toBeNull()
+
+    // List should still be rendered but empty
+    expect(screen.getByTestId('tx-history-list')).toBeTruthy()
+  }, 10000)
+
+  it('renders section headers for date grouping', async () => {
+    // Mock with transactions on different dates
+    const multiDateTransactions = [
+      { type: 'DATE_LABEL', timestamp: 1742830570000 }, // Jan 21, 2025
+      {
+        type: 'TRANSACTION',
+        transaction: {
+          ...mockTransactions[1].transaction,
+          id: 'tx1',
+          timestamp: 1742830570000,
+        },
+        conflictType: 'None',
+      },
+      { type: 'DATE_LABEL', timestamp: 1737029389000 }, // Jan 15, 2025
+      {
+        type: 'TRANSACTION',
+        transaction: {
+          ...mockTransactions[1].transaction,
+          id: 'tx2',
+          timestamp: 1737029389000,
+        },
+        conflictType: 'None',
+      },
+    ]
+
+    server.use(
+      http.get(`${GATEWAY_URL}/v1/chains/:chainId/safes/:safeAddress/transactions/history`, () => {
+        return HttpResponse.json({
+          next: null,
+          previous: null,
+          results: multiDateTransactions,
+        })
+      }),
+    )
+
+    render(<TxHistoryContainer />)
+
+    // Wait for transactions to load
+    await waitFor(
+      () => {
+        const transfers = screen.getAllByText('Received')
+        expect(transfers).toHaveLength(2)
+      },
+      { timeout: 3000 },
+    )
+
+    // Should render the SectionList which handles section headers
+    expect(screen.getByTestId('tx-history-list')).toBeTruthy()
+  }, 10000)
+
+  it('handles multiple rapid interactions gracefully', async () => {
+    render(<TxHistoryContainer />)
+
+    // Wait for initial transactions to load
+    await waitFor(
+      () => {
+        expect(screen.getByText('Received')).toBeTruthy()
+      },
+      { timeout: 3000 },
+    )
+
+    const list = screen.getByTestId('tx-history-list')
+
+    // Trigger multiple rapid interactions
+    await act(async () => {
+      fireEvent(list, 'onRefresh')
+      fireEvent(list, 'onEndReached')
+      fireEvent(list, 'onRefresh')
+    })
+
+    // Should handle gracefully without errors
+    await waitFor(
+      () => {
+        expect(screen.getByText('Received')).toBeTruthy()
+      },
+      { timeout: 3000 },
+    )
+
+    // List should still be functional
+    expect(screen.getByTestId('tx-history-list')).toBeTruthy()
+  }, 10000)
+})
diff --git a/apps/mobile/src/features/TxHistory/TxHistory.container.tsx b/apps/mobile/src/features/TxHistory/TxHistory.container.tsx
new file mode 100644
index 000000000..342916ee1
--- /dev/null
+++ b/apps/mobile/src/features/TxHistory/TxHistory.container.tsx
@@ -0,0 +1,61 @@
+import React from 'react'
+
+import { useGetTxsHistoryInfiniteQuery } from '@safe-global/store/gateway'
+import type { TransactionItemPage } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { TxHistoryList } from '@/src/features/TxHistory/components/TxHistoryList'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import Logger from '@/src/utils/logger'
+
+export function TxHistoryContainer() {
+  const activeSafe = useDefinedActiveSafe()
+  const [isRefreshing, setIsRefreshing] = React.useState(false)
+
+  // Using the infinite query hook
+  const { currentData, fetchNextPage, hasNextPage, isFetching, isLoading, isUninitialized, refetch } =
+    useGetTxsHistoryInfiniteQuery({
+      chainId: activeSafe.chainId,
+      safeAddress: activeSafe.address,
+    })
+
+  // Flatten all pages into a single transactions array
+  const transactions = React.useMemo(() => {
+    if (!currentData?.pages) {
+      return []
+    }
+
+    // Combine results from all pages
+    return currentData.pages.flatMap((page: TransactionItemPage) => page.results || [])
+  }, [currentData?.pages])
+
+  const onEndReached = () => {
+    if (hasNextPage && !isFetching) {
+      fetchNextPage()
+    }
+  }
+
+  // Handle pull-to-refresh - reset the data and fetch from the beginning
+  const onRefresh = React.useCallback(async () => {
+    setIsRefreshing(true)
+    try {
+      // Refetch will reset the data and start fresh with page 1
+      await refetch()
+    } catch (error) {
+      Logger.error('Error refreshing transaction history:', error)
+    } finally {
+      setIsRefreshing(false)
+    }
+  }, [refetch])
+
+  // Combine loading states, but don't show loader when refreshing
+  const isLoadingState = (isFetching && !isRefreshing) || isLoading || isUninitialized
+
+  return (
+    <TxHistoryList
+      transactions={transactions}
+      onEndReached={onEndReached}
+      isLoading={isLoadingState}
+      onRefresh={onRefresh}
+      refreshing={isRefreshing}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/TxHistory/components/TransactionHeader/index.tsx b/apps/mobile/src/features/TxHistory/components/TransactionHeader/index.tsx
new file mode 100644
index 000000000..57ef61a9e
--- /dev/null
+++ b/apps/mobile/src/features/TxHistory/components/TransactionHeader/index.tsx
@@ -0,0 +1,13 @@
+import { H2, View } from 'tamagui'
+
+const TransactionHeader = ({ title = 'Transactions' }: { title?: string }) => {
+  return (
+    <View>
+      <H2 fontWeight={600} alignSelf="flex-start" width="100%" textAlign="left">
+        {title}
+      </H2>
+    </View>
+  )
+}
+
+export default TransactionHeader
diff --git a/apps/mobile/src/features/TxHistory/components/TxHistoryList/TxHistoryList.tsx b/apps/mobile/src/features/TxHistory/components/TxHistoryList/TxHistoryList.tsx
new file mode 100644
index 000000000..0fe42b4d3
--- /dev/null
+++ b/apps/mobile/src/features/TxHistory/components/TxHistoryList/TxHistoryList.tsx
@@ -0,0 +1,109 @@
+import React, { useMemo } from 'react'
+import { Tabs } from 'react-native-collapsible-tab-view'
+import { View, useTheme } from 'tamagui'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { TransactionItem } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { getTxHash, GroupedTxsWithTitle, groupTxsByDate } from '@/src/features/TxHistory/utils'
+import { HistoryTransactionItems } from '@safe-global/store/gateway/types'
+import { renderItem } from '@/src/features/TxHistory/utils'
+import { TxHistorySkeleton, TxHistorySkeletonItem } from '../TxHistorySkeleton'
+import { RefreshControl } from 'react-native'
+import { CircleSnail } from 'react-native-progress'
+
+interface TxHistoryList {
+  transactions?: HistoryTransactionItems[]
+  onEndReached: (info: { distanceFromEnd: number }) => void
+  isLoading?: boolean
+  refreshing?: boolean
+  onRefresh?: () => void
+}
+
+export function TxHistoryList({ transactions, onEndReached, isLoading, refreshing, onRefresh }: TxHistoryList) {
+  const theme = useTheme()
+
+  const groupedList: GroupedTxsWithTitle<TransactionItem>[] = useMemo(() => {
+    return groupTxsByDate(transactions || [])
+  }, [transactions])
+
+  const hasTransactions = transactions && transactions.length > 0
+  const isInitialLoading = isLoading && !hasTransactions && !refreshing
+
+  // ListEmptyComponent for initial loading state
+  const renderEmptyComponent = useMemo(() => {
+    if (isInitialLoading) {
+      return (
+        <View
+          flex={1}
+          alignItems="flex-start"
+          justifyContent="flex-start"
+          paddingTop="$4"
+          testID="tx-history-initial-loader"
+        >
+          <TxHistorySkeleton />
+        </View>
+      )
+    }
+    return null
+  }, [isInitialLoading])
+
+  // ListFooterComponent for pagination loading (bottom loading)
+  const renderFooterComponent = useMemo(() => {
+    if (isLoading && hasTransactions) {
+      return (
+        <View testID="tx-history-pagination-loader" marginTop="$4">
+          <TxHistorySkeletonItem />
+        </View>
+      )
+    }
+    return null
+  }, [isLoading, hasTransactions])
+
+  return (
+    <View position="relative" flex={1}>
+      {!!refreshing && (
+        <View
+          position="absolute"
+          top={64}
+          alignSelf="center"
+          zIndex={1000}
+          backgroundColor="$background"
+          borderRadius={20}
+          padding="$2"
+          testID="tx-history-progress-indicator"
+        >
+          <CircleSnail size={24} color={theme.color.get()} thickness={2} duration={600} spinDuration={1500} />
+        </View>
+      )}
+
+      <Tabs.SectionList
+        testID="tx-history-list"
+        stickySectionHeadersEnabled
+        contentInsetAdjustmentBehavior="automatic"
+        sections={groupedList}
+        keyExtractor={(item, index) => (Array.isArray(item) ? getTxHash(item[0]) + index : getTxHash(item) + index)}
+        renderItem={renderItem}
+        onEndReached={onEndReached}
+        onEndReachedThreshold={0.1}
+        refreshControl={
+          <RefreshControl
+            refreshing={!!refreshing}
+            onRefresh={onRefresh}
+            tintColor="transparent" // Hide default spinner
+            colors={['transparent']} // Hide default spinner on Android
+            progressBackgroundColor="transparent"
+            style={{ backgroundColor: 'transparent' }}
+          />
+        }
+        style={{ marginTop: -16 }} // Compensate for SafeTab container marginTop
+        contentContainerStyle={{
+          paddingHorizontal: 16,
+          paddingTop: 8,
+          marginTop: 16,
+        }}
+        ListEmptyComponent={renderEmptyComponent}
+        ListFooterComponent={renderFooterComponent}
+        renderSectionHeader={({ section: { title } }) => <SafeListItem.Header title={title} />}
+      />
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/TxHistory/components/TxHistoryList/index.ts b/apps/mobile/src/features/TxHistory/components/TxHistoryList/index.ts
new file mode 100644
index 000000000..86e3dcfe6
--- /dev/null
+++ b/apps/mobile/src/features/TxHistory/components/TxHistoryList/index.ts
@@ -0,0 +1,2 @@
+import { TxHistoryList } from './TxHistoryList'
+export { TxHistoryList }
diff --git a/apps/mobile/src/features/TxHistory/components/TxHistorySkeleton/TxHistorySkeleton.tsx b/apps/mobile/src/features/TxHistory/components/TxHistorySkeleton/TxHistorySkeleton.tsx
new file mode 100644
index 000000000..ff5c1c200
--- /dev/null
+++ b/apps/mobile/src/features/TxHistory/components/TxHistorySkeleton/TxHistorySkeleton.tsx
@@ -0,0 +1,68 @@
+import React from 'react'
+import { View } from 'tamagui'
+import { useColorScheme } from 'react-native'
+import { Skeleton } from 'moti/skeleton'
+import { Container } from '@/src/components/Container'
+import random from 'lodash/random'
+
+interface TxHistorySkeletonProps {
+  count?: number
+}
+
+export const TxHistorySkeletonItem = () => {
+  const colorScheme = useColorScheme() || undefined
+
+  // Memoize random widths to prevent re-renders and maintain consistent skeleton appearance
+  const widths = React.useMemo(
+    () => ({
+      transactionType: random(60, 100),
+      transactionLabel: random(60, 180),
+      rightSide: random(60, 100),
+    }),
+    [],
+  )
+
+  return (
+    <Container spaced paddingVertical="$5" bordered={false}>
+      <View flexDirection="row" width="100%" alignItems="center" justifyContent="space-between">
+        <View flexDirection="row" maxWidth="55%" alignItems="center" gap="$3">
+          {/* Left icon skeleton */}
+          <Skeleton colorMode={colorScheme} radius="round" height={32} width={32} />
+
+          <View flex={1} gap="$2">
+            {/* Transaction type skeleton */}
+            <Skeleton colorMode={colorScheme} height={10} width={widths.transactionType} />
+
+            {/* Transaction label skeleton */}
+            <Skeleton colorMode={colorScheme} height={18} width={widths.transactionLabel} />
+          </View>
+        </View>
+
+        {/* Right side skeleton */}
+        <View alignItems="flex-end" gap="$2">
+          <Skeleton colorMode={colorScheme} height={16} width={widths.rightSide} />
+        </View>
+      </View>
+    </Container>
+  )
+}
+
+export const TxHistorySkeleton = ({ count = 6 }: TxHistorySkeletonProps) => {
+  const colorScheme = useColorScheme() || undefined
+
+  return (
+    <Skeleton.Group show={true}>
+      <View gap="$4">
+        {/* Date header skeleton */}
+        <View>
+          <Skeleton colorMode={colorScheme} height={20} width={100} />
+        </View>
+
+        {/* Transaction items skeleton */}
+        {Array.from({ length: count }).map((_, index) => (
+          <TxHistorySkeletonItem key={index} />
+        ))}
+      </View>
+    </Skeleton.Group>
+  )
+}
diff --git a/apps/mobile/src/features/TxHistory/components/TxHistorySkeleton/index.tsx b/apps/mobile/src/features/TxHistory/components/TxHistorySkeleton/index.tsx
new file mode 100644
index 000000000..6d9786fd6
--- /dev/null
+++ b/apps/mobile/src/features/TxHistory/components/TxHistorySkeleton/index.tsx
@@ -0,0 +1 @@
+export { TxHistorySkeleton, TxHistorySkeletonItem } from './TxHistorySkeleton'
diff --git a/apps/mobile/src/features/TxHistory/index.tsx b/apps/mobile/src/features/TxHistory/index.tsx
new file mode 100644
index 000000000..e136d042e
--- /dev/null
+++ b/apps/mobile/src/features/TxHistory/index.tsx
@@ -0,0 +1,4 @@
+import { TxHistoryContainer } from './TxHistory.container'
+
+export { TxHistoryContainer }
+export { TxHistorySkeleton, TxHistorySkeletonItem } from './components/TxHistorySkeleton'
diff --git a/apps/mobile/src/features/TxHistory/utils.tsx b/apps/mobile/src/features/TxHistory/utils.tsx
new file mode 100644
index 000000000..a29e92f8a
--- /dev/null
+++ b/apps/mobile/src/features/TxHistory/utils.tsx
@@ -0,0 +1,63 @@
+import { DateLabel, TransactionItem } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { groupBulkTxs } from '@/src/utils/transactions'
+import { formatWithSchema } from '@/src/utils/date'
+import { isDateLabel } from '@/src/utils/transaction-guards'
+import { HistoryTransactionItems } from '@safe-global/store/gateway/types'
+import { View } from 'tamagui'
+import { TxGroupedCard } from '@/src/components/transactions-list/Card/TxGroupedCard'
+import { TxInfo } from '@/src/components/TxInfo'
+import React from 'react'
+
+export type GroupedTxs<T> = (T | T[])[]
+
+export interface GroupedTxsWithTitle<T> {
+  title: string
+  data: (T | T[])[]
+}
+
+export const groupTxsByDate = (list: HistoryTransactionItems[]) => {
+  return groupByDateLabel(groupBulkTxs(list))
+}
+
+const getDateLabel = (item: HistoryTransactionItems) => {
+  if (isDateLabel(item)) {
+    return formatWithSchema(item.timestamp, 'MMM d, yyyy')
+  }
+  return undefined
+}
+
+const groupByDateLabel = (
+  list: GroupedTxs<HistoryTransactionItems>,
+): GroupedTxsWithTitle<Exclude<HistoryTransactionItems, DateLabel>>[] => {
+  const groupedTx: GroupedTxsWithTitle<Exclude<HistoryTransactionItems, DateLabel>>[] = []
+
+  list.forEach((item) => {
+    if (Array.isArray(item) || item.type === 'TRANSACTION') {
+      if (groupedTx.length === 0) {
+        groupedTx.push({ title: 'Unknown Date', data: [] })
+      }
+      groupedTx[groupedTx.length - 1].data.push(item as Exclude<HistoryTransactionItems, DateLabel>)
+    } else {
+      const title = getDateLabel(item)
+      if (title) {
+        groupedTx.push({ title, data: [] })
+      }
+    }
+  })
+
+  return groupedTx
+}
+export const getTxHash = (item: HistoryTransactionItems): string => {
+  if (item.type !== 'TRANSACTION') {
+    return ''
+  }
+
+  return item.transaction.txHash as unknown as string
+}
+export const renderItem = ({ item, index }: { item: TransactionItem | TransactionItem[]; index: number }) => {
+  return (
+    <View marginTop={index && '$4'}>
+      {Array.isArray(item) ? <TxGroupedCard transactions={item} /> : <TxInfo tx={item.transaction} />}
+    </View>
+  )
+}
diff --git a/apps/mobile/src/hooks/__tests__/useNotificationHandler.test.ts b/apps/mobile/src/hooks/__tests__/useNotificationHandler.test.ts
new file mode 100644
index 000000000..4d34fd1db
--- /dev/null
+++ b/apps/mobile/src/hooks/__tests__/useNotificationHandler.test.ts
@@ -0,0 +1,328 @@
+/**
+ * Unit tests for useNotificationHandler hook
+ */
+import { renderHook } from '@testing-library/react-native'
+import { EventType, EventDetail } from '@notifee/react-native'
+import { useNotificationHandler } from '../useNotificationHandler'
+import NotificationsService from '@/src/services/notifications/NotificationService'
+import Logger from '@/src/utils/logger'
+
+// Define types for test events
+interface TestNotificationEvent {
+  type: EventType
+  detail: EventDetail | undefined
+}
+
+// Mock dependencies
+jest.mock('@/src/services/notifications/NotificationService', () => ({
+  onForegroundEvent: jest.fn(),
+  handleNotificationPress: jest.fn(),
+  incrementBadgeCount: jest.fn(),
+}))
+
+jest.mock('@/src/utils/logger', () => ({
+  info: jest.fn(),
+  error: jest.fn(),
+}))
+
+// Mock Notifee EventType
+jest.mock('@notifee/react-native', () => ({
+  EventType: {
+    PRESS: 'press',
+    DELIVERED: 'delivered',
+    DISMISSED: 'dismissed',
+  },
+}))
+
+const mockNotificationsService = jest.mocked(NotificationsService)
+const mockLogger = jest.mocked(Logger)
+
+describe('useNotificationHandler', () => {
+  const mockUnsubscribe = jest.fn()
+  let mockEventHandler: ((event: TestNotificationEvent) => Promise<void>) | undefined
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+
+    // Mock onForegroundEvent to capture the event handler
+    mockNotificationsService.onForegroundEvent.mockImplementation((handler) => {
+      mockEventHandler = handler as (event: TestNotificationEvent) => Promise<void>
+      return mockUnsubscribe
+    })
+
+    mockNotificationsService.handleNotificationPress.mockResolvedValue()
+    mockNotificationsService.incrementBadgeCount.mockResolvedValue()
+  })
+
+  describe('hook initialization', () => {
+    it('should set up foreground event listener on mount', () => {
+      renderHook(() => useNotificationHandler())
+
+      expect(mockNotificationsService.onForegroundEvent).toHaveBeenCalledWith(expect.any(Function))
+      expect(mockNotificationsService.onForegroundEvent).toHaveBeenCalledTimes(1)
+    })
+
+    it('should return cleanup function that calls unsubscribe', () => {
+      const { unmount } = renderHook(() => useNotificationHandler())
+
+      unmount()
+
+      expect(mockUnsubscribe).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('event handling', () => {
+    it('should handle PRESS event correctly', async () => {
+      renderHook(() => useNotificationHandler())
+
+      const mockEvent: TestNotificationEvent = {
+        type: EventType.PRESS,
+        detail: {
+          notification: {
+            id: 'test-notification-id',
+            data: { key: 'value' },
+          },
+        },
+      }
+
+      await mockEventHandler?.(mockEvent)
+
+      expect(mockNotificationsService.handleNotificationPress).toHaveBeenCalledWith({
+        detail: mockEvent.detail,
+      })
+      expect(mockNotificationsService.handleNotificationPress).toHaveBeenCalledTimes(1)
+    })
+
+    it('should handle DELIVERED event correctly', async () => {
+      renderHook(() => useNotificationHandler())
+
+      const mockEvent: TestNotificationEvent = {
+        type: EventType.DELIVERED,
+        detail: {
+          notification: {
+            id: 'test-notification-id',
+          },
+        },
+      }
+
+      await mockEventHandler?.(mockEvent)
+
+      expect(mockNotificationsService.incrementBadgeCount).toHaveBeenCalledWith(1)
+      expect(mockNotificationsService.incrementBadgeCount).toHaveBeenCalledTimes(1)
+    })
+
+    it('should handle DISMISSED event correctly', async () => {
+      renderHook(() => useNotificationHandler())
+
+      const mockEvent: TestNotificationEvent = {
+        type: EventType.DISMISSED,
+        detail: {
+          notification: {
+            id: 'test-notification-id',
+          },
+        },
+      }
+
+      await mockEventHandler?.(mockEvent)
+
+      expect(mockLogger.info).toHaveBeenCalledWith('User dismissed notification:', 'test-notification-id')
+      expect(mockLogger.info).toHaveBeenCalledTimes(1)
+    })
+
+    it('should handle DISMISSED event with missing notification id', async () => {
+      renderHook(() => useNotificationHandler())
+
+      const mockEvent: TestNotificationEvent = {
+        type: EventType.DISMISSED,
+        detail: {
+          notification: undefined,
+        },
+      }
+
+      await mockEventHandler?.(mockEvent)
+
+      expect(mockLogger.info).toHaveBeenCalledWith('User dismissed notification:', undefined)
+      expect(mockLogger.info).toHaveBeenCalledTimes(1)
+    })
+
+    it('should handle unknown event types gracefully', async () => {
+      renderHook(() => useNotificationHandler())
+
+      const mockEvent = {
+        type: 'UNKNOWN_EVENT_TYPE' as unknown as EventType,
+        detail: {
+          notification: {
+            id: 'test-notification-id',
+          },
+        },
+      } as TestNotificationEvent
+
+      await mockEventHandler?.(mockEvent)
+
+      // Should not call any notification service methods for unknown events
+      expect(mockNotificationsService.handleNotificationPress).not.toHaveBeenCalled()
+      expect(mockNotificationsService.incrementBadgeCount).not.toHaveBeenCalled()
+      expect(mockLogger.info).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('error handling', () => {
+    it('should handle errors in PRESS event processing', async () => {
+      renderHook(() => useNotificationHandler())
+
+      const mockError = new Error('Press handling failed')
+      mockNotificationsService.handleNotificationPress.mockRejectedValue(mockError)
+
+      const mockEvent: TestNotificationEvent = {
+        type: EventType.PRESS,
+        detail: {
+          notification: {
+            id: 'test-notification-id',
+          },
+        },
+      }
+
+      await mockEventHandler?.(mockEvent)
+
+      expect(mockLogger.error).toHaveBeenCalledWith(
+        'useNotificationHandler: Error handling foreground notification event',
+        mockError,
+      )
+      expect(mockLogger.error).toHaveBeenCalledTimes(1)
+    })
+
+    it('should handle errors in DELIVERED event processing', async () => {
+      renderHook(() => useNotificationHandler())
+
+      const mockError = new Error('Badge increment failed')
+      mockNotificationsService.incrementBadgeCount.mockRejectedValue(mockError)
+
+      const mockEvent: TestNotificationEvent = {
+        type: EventType.DELIVERED,
+        detail: {
+          notification: {
+            id: 'test-notification-id',
+          },
+        },
+      }
+
+      await mockEventHandler?.(mockEvent)
+
+      expect(mockLogger.error).toHaveBeenCalledWith(
+        'useNotificationHandler: Error handling foreground notification event',
+        mockError,
+      )
+      expect(mockLogger.error).toHaveBeenCalledTimes(1)
+    })
+
+    it('should handle errors in DISMISSED event processing', async () => {
+      renderHook(() => useNotificationHandler())
+
+      // Mock Logger.info to throw an error
+      mockLogger.info.mockImplementation(() => {
+        throw new Error('Logging failed')
+      })
+
+      const mockEvent: TestNotificationEvent = {
+        type: EventType.DISMISSED,
+        detail: {
+          notification: {
+            id: 'test-notification-id',
+          },
+        },
+      }
+
+      await mockEventHandler?.(mockEvent)
+
+      expect(mockLogger.error).toHaveBeenCalledWith(
+        'useNotificationHandler: Error handling foreground notification event',
+        expect.any(Error),
+      )
+      expect(mockLogger.error).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('hook lifecycle', () => {
+    it('should only set up event listener once', () => {
+      const { rerender } = renderHook(() => useNotificationHandler())
+
+      expect(mockNotificationsService.onForegroundEvent).toHaveBeenCalledTimes(1)
+
+      // Rerender the hook
+      rerender({})
+
+      // Should still only be called once due to empty dependency array
+      expect(mockNotificationsService.onForegroundEvent).toHaveBeenCalledTimes(1)
+    })
+
+    it('should clean up event listener on unmount', () => {
+      const { unmount } = renderHook(() => useNotificationHandler())
+
+      expect(mockUnsubscribe).not.toHaveBeenCalled()
+
+      unmount()
+
+      expect(mockUnsubscribe).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('edge cases', () => {
+    it('should handle event with undefined detail', async () => {
+      renderHook(() => useNotificationHandler())
+
+      const mockEvent: TestNotificationEvent = {
+        type: EventType.PRESS,
+        detail: undefined,
+      }
+
+      await mockEventHandler?.(mockEvent)
+
+      expect(mockNotificationsService.handleNotificationPress).toHaveBeenCalledWith({
+        detail: undefined,
+      })
+    })
+
+    it('should handle event with missing notification in detail', async () => {
+      renderHook(() => useNotificationHandler())
+
+      const mockEvent: TestNotificationEvent = {
+        type: EventType.DISMISSED,
+        detail: {
+          notification: undefined,
+        },
+      }
+
+      await mockEventHandler?.(mockEvent)
+
+      expect(mockLogger.info).toHaveBeenCalledWith('User dismissed notification:', undefined)
+    })
+
+    it('should handle multiple rapid events', async () => {
+      renderHook(() => useNotificationHandler())
+
+      const events: TestNotificationEvent[] = [
+        {
+          type: EventType.DELIVERED,
+          detail: { notification: { id: 'notification-1' } },
+        },
+        {
+          type: EventType.PRESS,
+          detail: { notification: { id: 'notification-2' } },
+        },
+        {
+          type: EventType.DISMISSED,
+          detail: { notification: { id: 'notification-3' } },
+        },
+      ]
+
+      // Process all events
+      for (const event of events) {
+        await mockEventHandler?.(event)
+      }
+
+      expect(mockNotificationsService.incrementBadgeCount).toHaveBeenCalledTimes(1)
+      expect(mockNotificationsService.handleNotificationPress).toHaveBeenCalledTimes(1)
+      expect(mockLogger.info).toHaveBeenCalledTimes(1)
+    })
+  })
+})
diff --git a/apps/mobile/src/hooks/__tests__/useScreenProtection.test.ts b/apps/mobile/src/hooks/__tests__/useScreenProtection.test.ts
new file mode 100644
index 000000000..f62c54359
--- /dev/null
+++ b/apps/mobile/src/hooks/__tests__/useScreenProtection.test.ts
@@ -0,0 +1,81 @@
+import { renderHook } from '@testing-library/react-native'
+import { useScreenProtection } from '../useScreenProtection'
+
+// Mock dependencies
+jest.mock('expo-router', () => ({
+  useFocusEffect: jest.fn(),
+}))
+
+jest.mock('react-native-capture-protection', () => ({
+  CaptureProtection: {
+    prevent: jest.fn(),
+    allow: jest.fn(),
+  },
+}))
+
+const mockUseFocusEffect = jest.requireMock('expo-router').useFocusEffect
+const mockCaptureProtection = jest.requireMock('react-native-capture-protection').CaptureProtection
+
+describe('useScreenProtection', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should call useFocusEffect with correct parameters', () => {
+    renderHook(() => useScreenProtection())
+
+    expect(mockUseFocusEffect).toHaveBeenCalledTimes(1)
+    expect(mockUseFocusEffect).toHaveBeenCalledWith(expect.any(Function))
+  })
+
+  it('should prevent screen capture when focused', () => {
+    renderHook(() => useScreenProtection())
+
+    // Get the focus effect callback
+    const focusEffectCallback = mockUseFocusEffect.mock.calls[0][0]
+
+    // Execute the focus effect callback
+    focusEffectCallback()
+
+    expect(mockCaptureProtection.prevent).toHaveBeenCalledTimes(1)
+    expect(mockCaptureProtection.prevent).toHaveBeenCalledWith({
+      screenshot: true,
+      record: true,
+      appSwitcher: true,
+    })
+  })
+
+  it('should allow screen capture when cleanup is called', () => {
+    renderHook(() => useScreenProtection())
+
+    // Get the focus effect callback
+    const focusEffectCallback = mockUseFocusEffect.mock.calls[0][0]
+
+    // Execute the focus effect callback and get cleanup function
+    const cleanup = focusEffectCallback()
+
+    // Execute cleanup
+    cleanup()
+
+    expect(mockCaptureProtection.allow).toHaveBeenCalledTimes(1)
+  })
+
+  it('should use custom options when provided', () => {
+    const customOptions = {
+      screenshot: false,
+      record: true,
+      appSwitcher: false,
+    }
+
+    renderHook(() => useScreenProtection(customOptions))
+
+    // Get the focus effect callback
+    const focusEffectCallback = mockUseFocusEffect.mock.calls[0][0]
+
+    // Execute the focus effect callback
+    focusEffectCallback()
+
+    expect(mockCaptureProtection.prevent).toHaveBeenCalledTimes(1)
+    expect(mockCaptureProtection.prevent).toHaveBeenCalledWith(customOptions)
+  })
+})
diff --git a/apps/mobile/src/hooks/coreSDK/safeCoreSDK.ts b/apps/mobile/src/hooks/coreSDK/safeCoreSDK.ts
new file mode 100644
index 000000000..3bebe6bee
--- /dev/null
+++ b/apps/mobile/src/hooks/coreSDK/safeCoreSDK.ts
@@ -0,0 +1,59 @@
+import chains from '@safe-global/utils/config/chains'
+import { getSafeSingletonDeployments, getSafeL2SingletonDeployments } from '@safe-global/safe-deployments'
+import ExternalStore from '@safe-global/utils/services/ExternalStore'
+import { Gnosis_safe__factory } from '@safe-global/utils/types/contracts'
+import Safe from '@safe-global/protocol-kit'
+import { isLegacyVersion } from '@safe-global/utils/services/contracts/utils'
+import { isValidMasterCopy } from '@safe-global/utils/services/contracts/safeContracts'
+import type { SafeCoreSDKProps } from '@safe-global/utils/hooks/coreSDK/types'
+import { isInDeployments } from '@safe-global/utils/hooks/coreSDK/utils'
+
+// Safe Core SDK
+export const initSafeSDK = async ({
+  provider,
+  chainId,
+  address,
+  version,
+  implementationVersionState,
+  implementation,
+}: SafeCoreSDKProps): Promise<Safe | undefined> => {
+  const providerNetwork = (await provider.getNetwork()).chainId
+  if (providerNetwork !== BigInt(chainId)) {
+    return
+  }
+
+  const safeVersion = version ?? (await Gnosis_safe__factory.connect(address, provider).VERSION())
+  let isL1SafeSingleton = chainId === chains.eth
+
+  // If it is an official deployment we should still initiate the safeSDK
+  if (!isValidMasterCopy(implementationVersionState)) {
+    const masterCopy = implementation
+
+    const safeL1Deployment = getSafeSingletonDeployments({ network: chainId, version: safeVersion })
+    const safeL2Deployment = getSafeL2SingletonDeployments({ network: chainId, version: safeVersion })
+
+    isL1SafeSingleton = isInDeployments(masterCopy, safeL1Deployment?.networkAddresses[chainId])
+    const isL2SafeMasterCopy = isInDeployments(masterCopy, safeL2Deployment?.networkAddresses[chainId])
+
+    // Unknown deployment, which we do not want to support
+    if (!isL1SafeSingleton && !isL2SafeMasterCopy) {
+      return Promise.resolve(undefined)
+    }
+  }
+  // Legacy Safe contracts
+  if (isLegacyVersion(safeVersion)) {
+    isL1SafeSingleton = true
+  }
+
+  return Safe.init({
+    provider: provider._getConnection().url,
+    safeAddress: address,
+    isL1SafeSingleton,
+  })
+}
+
+export const {
+  getStore: getSafeSDK,
+  setStore: setSafeSDK,
+  useStore: useSafeSDK,
+} = new ExternalStore<Safe | undefined>()
diff --git a/apps/mobile/src/hooks/coreSDK/useInitSafeCoreSDK.ts b/apps/mobile/src/hooks/coreSDK/useInitSafeCoreSDK.ts
new file mode 100644
index 000000000..2d1288026
--- /dev/null
+++ b/apps/mobile/src/hooks/coreSDK/useInitSafeCoreSDK.ts
@@ -0,0 +1,42 @@
+import { useEffect } from 'react'
+import useSafeInfo from '@/src/hooks/useSafeInfo'
+import { initSafeSDK, setSafeSDK } from '@/src/hooks/coreSDK/safeCoreSDK'
+import { useWeb3ReadOnly } from '@/src/hooks/wallets/web3'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import Logger from '@/src/utils/logger'
+
+export const useInitSafeCoreSDK = () => {
+  const { safe, safeLoaded } = useSafeInfo()
+  const web3ReadOnly = useWeb3ReadOnly()
+
+  useEffect(() => {
+    if (!safeLoaded || !web3ReadOnly) {
+      // If we don't reset the SDK, a previous Safe could remain in the store
+      setSafeSDK(undefined)
+      return
+    }
+
+    // Read-only for now
+    initSafeSDK({
+      provider: web3ReadOnly,
+      chainId: safe.chainId,
+      address: safe.address.value,
+      version: safe.version,
+      implementationVersionState: safe.implementationVersionState,
+      implementation: safe.implementation.value,
+    })
+      .then(setSafeSDK)
+      .catch((_e) => {
+        const e = asError(_e)
+        Logger.error('error init', e)
+      })
+  }, [
+    safe?.address?.value,
+    safe?.chainId,
+    safe?.implementation?.value,
+    safe?.implementationVersionState,
+    safe?.version,
+    safeLoaded,
+    web3ReadOnly,
+  ])
+}
diff --git a/apps/mobile/src/hooks/services/useSafeOverviewService.ts b/apps/mobile/src/hooks/services/useSafeOverviewService.ts
new file mode 100644
index 000000000..b425e5a22
--- /dev/null
+++ b/apps/mobile/src/hooks/services/useSafeOverviewService.ts
@@ -0,0 +1,30 @@
+import { SafeOverviewResult } from '@safe-global/store/gateway/types'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectAllChainsIds } from '@/src/store/chains'
+import { useMemo } from 'react'
+import { makeSafeId } from '@/src/utils/formatters'
+import { useSafesGetOverviewForManyQuery } from '@safe-global/store/gateway/safes'
+import { selectCurrency } from '@/src/store/settingsSlice'
+
+export const useSafeOverviewService = (safeAddress?: string) => {
+  const chainIds = useAppSelector(selectAllChainsIds)
+  const currency = useAppSelector(selectCurrency)
+  const safes = useMemo(
+    () => (safeAddress ? chainIds.map((chainId: string) => makeSafeId(chainId, safeAddress)) : []),
+    [chainIds, safeAddress],
+  )
+
+  const { data } = useSafesGetOverviewForManyQuery<SafeOverviewResult>(
+    {
+      safes,
+      currency,
+      trusted: true,
+      excludeSpam: true,
+    },
+    {
+      skip: !safeAddress,
+    },
+  )
+
+  return data
+}
diff --git a/apps/mobile/src/hooks/useAnalytics.ts b/apps/mobile/src/hooks/useAnalytics.ts
new file mode 100644
index 000000000..a980c2080
--- /dev/null
+++ b/apps/mobile/src/hooks/useAnalytics.ts
@@ -0,0 +1,37 @@
+import { useEffect } from 'react'
+import { useLocalSearchParams } from 'expo-router'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { setChainId, setSafeAddress } from '@/src/services/analytics'
+
+export const useAnalytics = () => {
+  const activeSafe = useAppSelector(selectActiveSafe)
+  const params = useLocalSearchParams<{
+    safeAddress?: string
+    chainId?: string
+  }>()
+
+  // Determine which safe to use - route params override activeSafe
+  const currentSafeAddress = params.safeAddress || activeSafe?.address
+  const currentChainId = params.chainId || activeSafe?.chainId
+
+  // Set chain ID when it changes
+  useEffect(() => {
+    if (currentChainId) {
+      setChainId(currentChainId)
+    }
+  }, [currentChainId])
+
+  // Set safe address when it changes
+  useEffect(() => {
+    if (currentSafeAddress) {
+      setSafeAddress(currentSafeAddress)
+    }
+  }, [currentSafeAddress])
+
+  return {
+    safeAddress: currentSafeAddress,
+    chainId: currentChainId,
+    isUsingRouteParams: !!(params.safeAddress || params.chainId),
+  }
+}
diff --git a/apps/mobile/src/hooks/useBalances.ts b/apps/mobile/src/hooks/useBalances.ts
new file mode 100644
index 000000000..74285802d
--- /dev/null
+++ b/apps/mobile/src/hooks/useBalances.ts
@@ -0,0 +1,31 @@
+import { skipToken } from '@reduxjs/toolkit/query'
+import { useBalancesGetBalancesV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+import { useSelector } from 'react-redux'
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { selectCurrency } from '@/src/store/settingsSlice'
+import { POLLING_INTERVAL } from '@/src/config/constants'
+
+export const useBalances = (poll = false, pollingInterval = POLLING_INTERVAL) => {
+  const activeSafe = useSelector(selectActiveSafe)
+  const currency = useSelector(selectCurrency)
+
+  const { data, error, isLoading } = useBalancesGetBalancesV1Query(
+    !activeSafe
+      ? skipToken
+      : {
+          chainId: activeSafe.chainId,
+          fiatCode: currency.toUpperCase(),
+          safeAddress: activeSafe.address,
+          trusted: true,
+        },
+    {
+      pollingInterval: poll ? pollingInterval : undefined,
+    },
+  )
+
+  return {
+    balances: data,
+    loading: isLoading,
+    error,
+  }
+}
diff --git a/apps/mobile/src/hooks/useBiometrics.ts b/apps/mobile/src/hooks/useBiometrics.ts
new file mode 100644
index 000000000..8514197ba
--- /dev/null
+++ b/apps/mobile/src/hooks/useBiometrics.ts
@@ -0,0 +1,213 @@
+import { useState, useCallback, useLayoutEffect } from 'react'
+import * as Keychain from 'react-native-keychain'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import {
+  setBiometricsEnabled,
+  setBiometricsSupported,
+  setBiometricsType,
+  setUserAttempts,
+} from '@/src/store/biometricsSlice'
+import { Platform, Linking } from 'react-native'
+import Logger from '@/src/utils/logger'
+import { RootState } from '../store'
+
+const BIOMETRICS_KEY = 'SAFE_WALLET_BIOMETRICS'
+
+export function useBiometrics() {
+  const dispatch = useAppDispatch()
+  const [isLoading, setIsLoading] = useState(false)
+
+  // This hasInteracted ref is used to prevent the biometrics from being enabled/disabled
+  // even when the app is in background then comes back to foreground
+  // with biometrics enabled and the app settings was disabled
+  // and the user has not interacted with config
+  const isEnabled = useAppSelector((state: RootState) => state.biometrics.isEnabled)
+  const biometricsType = useAppSelector((state: RootState) => state.biometrics.type)
+  const userAttempts = useAppSelector((state: RootState) => state.biometrics.userAttempts)
+
+  const openBiometricSettings = () => {
+    if (Platform.OS === 'ios') {
+      Linking.openURL('app-settings:')
+    } else {
+      Linking.openSettings()
+    }
+  }
+
+  const checkBiometricsSupport = useCallback(async () => {
+    try {
+      const supportedBiometrics = await Keychain.getSupportedBiometryType()
+
+      if (supportedBiometrics) {
+        let type: 'FACE_ID' | 'TOUCH_ID' | 'FINGERPRINT' | 'NONE' = 'NONE'
+
+        switch (supportedBiometrics) {
+          case Keychain.BIOMETRY_TYPE.FACE_ID:
+            type = 'FACE_ID'
+            break
+          case Keychain.BIOMETRY_TYPE.TOUCH_ID:
+            type = 'TOUCH_ID'
+            break
+          case Keychain.BIOMETRY_TYPE.FINGERPRINT:
+            type = 'FINGERPRINT'
+            break
+        }
+
+        dispatch(setBiometricsType(type))
+        dispatch(setBiometricsSupported(true))
+        return true
+      }
+
+      return false
+    } catch (error) {
+      Logger.error('Error checking biometrics support:', error)
+      return false
+    }
+  }, [])
+
+  const checkBiometricsOSSettingsStatus = useCallback(async () => {
+    try {
+      // This checks if biometrics is available at system level
+      const result = await Keychain.getSupportedBiometryType()
+      // If biometrics is not set up at OS level, this will return null
+      // If Face ID is available, it returns 'FaceID'
+      // If Touch ID is available, it returns 'TouchID'
+      return {
+        biometricsEnabled: result !== null,
+        biometryType: result, // 'FaceID', 'TouchID', or null
+      }
+    } catch (error) {
+      Logger.error('Error checking biometrics:', error)
+      return {
+        biometricsEnabled: false,
+        biometryType: null,
+      }
+    }
+  }, [])
+
+  const disableBiometrics = useCallback(async () => {
+    setIsLoading(true)
+    try {
+      await Keychain.resetGenericPassword()
+      dispatch(setBiometricsEnabled(false))
+    } catch (error) {
+      Logger.error('Error disabling biometrics:', error)
+    } finally {
+      setIsLoading(false)
+    }
+  }, [])
+
+  const enableBiometrics = useCallback(
+    async (fromInteraction?: boolean) => {
+      setIsLoading(true)
+
+      try {
+        const isSupported = await checkBiometricsSupport()
+        const { biometricsEnabled: isEnabledAtOSLevel } = await checkBiometricsOSSettingsStatus()
+
+        if (!isSupported || !isEnabledAtOSLevel) {
+          dispatch(setBiometricsEnabled(false))
+
+          if (fromInteraction) {
+            return openBiometricSettings()
+          }
+        }
+
+        try {
+          // Wrap the biometrics operations in a nested try-catch to allow for user cancellation
+          const setGenericPasswordResult = await Keychain.setGenericPassword(BIOMETRICS_KEY, 'biometrics-enabled', {
+            accessControl: Keychain.ACCESS_CONTROL.BIOMETRY_ANY,
+            accessible: Keychain.ACCESSIBLE.WHEN_UNLOCKED,
+          })
+
+          if (setGenericPasswordResult) {
+            const getGenericPasswordResult = await Keychain.getGenericPassword({
+              accessControl: Keychain.ACCESS_CONTROL.BIOMETRY_ANY,
+            })
+
+            if (getGenericPasswordResult) {
+              dispatch(setBiometricsEnabled(true))
+              dispatch(setUserAttempts(0))
+              return true
+            }
+          }
+
+          // If we get here, something went wrong with setting or getting the password
+          throw new Error('Failed to verify biometrics setup')
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        } catch (biometricsError: any) {
+          // Handle user cancellation specifically
+          if (
+            biometricsError.code === '-128' || // User pressed Cancel
+            biometricsError.code === 'AuthenticationFailed' ||
+            biometricsError.message.includes('cancel') ||
+            biometricsError.message.includes('user name or passphrase')
+          ) {
+            Keychain.resetGenericPassword().then(() => {
+              dispatch(setUserAttempts(userAttempts + 1))
+            })
+            dispatch(setBiometricsEnabled(false))
+            return false
+          }
+          // Re-throw other errors
+          throw biometricsError
+        }
+      } catch (error) {
+        Logger.error('Unexpected error in biometrics setup:', error)
+        await Keychain.resetGenericPassword()
+        dispatch(setBiometricsEnabled(false))
+        return false
+      } finally {
+        setIsLoading(false)
+      }
+    },
+    [checkBiometricsSupport, userAttempts],
+  )
+
+  const toggleBiometrics = useCallback(
+    async (newValue: boolean, fromInteraction: boolean) => {
+      return newValue ? enableBiometrics(fromInteraction) : disableBiometrics()
+    },
+    [enableBiometrics, disableBiometrics],
+  )
+
+  const toggleBiometricsFromUser = useCallback(
+    async (newValue: boolean) => {
+      return toggleBiometrics(newValue, true)
+    },
+    [toggleBiometrics],
+  )
+
+  const getBiometricsUIInfo = useCallback(() => {
+    switch (biometricsType) {
+      case 'FACE_ID':
+        return { label: 'Enable biometrics', icon: 'face-id' }
+      case 'TOUCH_ID':
+        return { label: 'Enable biometrics', icon: 'fingerprint' }
+      case 'FINGERPRINT':
+        return { label: 'Enable biometrics', icon: 'fingerprint' }
+      default:
+        return { label: 'Enable biometrics', icon: 'face-id' }
+    }
+  }, [biometricsType])
+
+  useLayoutEffect(() => {
+    const checkBiometrics = async () => {
+      const { biometricsEnabled: isEnabledAtOSLevel } = await checkBiometricsOSSettingsStatus()
+
+      if (!isEnabledAtOSLevel) {
+        disableBiometrics()
+      }
+    }
+    checkBiometrics()
+  }, [])
+
+  return {
+    toggleBiometrics: toggleBiometricsFromUser,
+    openBiometricSettings,
+    isBiometricsEnabled: isEnabled,
+    biometricsType,
+    isLoading,
+    getBiometricsUIInfo,
+    checkBiometricsOSSettingsStatus,
+  }
+}
diff --git a/apps/mobile/src/hooks/useCopyAndDispatchToast/index.ts b/apps/mobile/src/hooks/useCopyAndDispatchToast/index.ts
new file mode 100644
index 000000000..402392e47
--- /dev/null
+++ b/apps/mobile/src/hooks/useCopyAndDispatchToast/index.ts
@@ -0,0 +1,25 @@
+import { useToastController } from '@tamagui/toast'
+import Clipboard from '@react-native-clipboard/clipboard'
+import { usePathname } from 'expo-router'
+import { trackEvent } from '@/src/services/analytics/firebaseAnalytics'
+import { createAddressCopyEvent } from '@/src/services/analytics/events/copy'
+
+export const useCopyAndDispatchToast = (text = 'Address copied.') => {
+  const toast = useToastController()
+  const pathname = usePathname()
+
+  return (value: string) => {
+    Clipboard.setString(value)
+    toast.show(text, {
+      native: false,
+      duration: 2000,
+    })
+
+    try {
+      const event = createAddressCopyEvent(pathname)
+      trackEvent(event)
+    } catch (error) {
+      console.error('Error tracking address copy event:', error)
+    }
+  }
+}
diff --git a/apps/mobile/src/hooks/useCopyAndDispatchToast/useCopyAndDisptachToast.test.tsx b/apps/mobile/src/hooks/useCopyAndDispatchToast/useCopyAndDisptachToast.test.tsx
new file mode 100644
index 000000000..20126ff75
--- /dev/null
+++ b/apps/mobile/src/hooks/useCopyAndDispatchToast/useCopyAndDisptachToast.test.tsx
@@ -0,0 +1,50 @@
+import { renderHook, act } from '@/src/tests/test-utils'
+import Clipboard from '@react-native-clipboard/clipboard'
+import { useToastController } from '@tamagui/toast'
+import { useCopyAndDispatchToast } from './index'
+
+jest.mock('@react-native-clipboard/clipboard', () => ({
+  setString: jest.fn(),
+}))
+
+jest.mock('@tamagui/toast', () => ({
+  useToastController: jest.fn(),
+}))
+
+describe('useCopyAndDispatchToast', () => {
+  const mockShow = jest.fn()
+
+  beforeEach(() => {
+    ;(useToastController as jest.Mock).mockReturnValue({
+      show: mockShow,
+    })
+  })
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('copies the provided value to the clipboard', () => {
+    const { result } = renderHook(() => useCopyAndDispatchToast())
+    const testValue = 'Test Clipboard Value'
+
+    act(() => {
+      result.current(testValue)
+    })
+
+    expect(Clipboard.setString).toHaveBeenCalledWith(testValue)
+  })
+
+  it('displays a toast message after copying', () => {
+    const { result } = renderHook(() => useCopyAndDispatchToast())
+
+    act(() => {
+      result.current('Any Value')
+    })
+
+    expect(mockShow).toHaveBeenCalledWith('Address copied.', {
+      native: false,
+      duration: 2000,
+    })
+  })
+})
diff --git a/apps/mobile/src/hooks/useCurrencies.ts b/apps/mobile/src/hooks/useCurrencies.ts
new file mode 100644
index 000000000..5996c1784
--- /dev/null
+++ b/apps/mobile/src/hooks/useCurrencies.ts
@@ -0,0 +1,10 @@
+import type { FiatCurrencies } from '@safe-global/store/gateway/types'
+import { useBalancesGetSupportedFiatCodesV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+
+const useCurrencies = (): FiatCurrencies | undefined => {
+  const { data } = useBalancesGetSupportedFiatCodesV1Query()
+
+  return data
+}
+
+export default useCurrencies
diff --git a/apps/mobile/src/hooks/useDelegate.test.ts b/apps/mobile/src/hooks/useDelegate.test.ts
new file mode 100644
index 000000000..38604b987
--- /dev/null
+++ b/apps/mobile/src/hooks/useDelegate.test.ts
@@ -0,0 +1,229 @@
+import { renderHook, act } from '@/src/tests/test-utils'
+import { useDelegate } from './useDelegate'
+import { selectAllChains } from '@/src/store/chains'
+
+const TEST_PRIVATE_KEY = '0xdd503e13625fa99fdea1e1dfb180dd3de94ee4d16c858bb04128b46225f92f84'
+// The address corresponding to the test private key
+const OWNER_ADDRESS = '0x82E92d643B9B4e767Bd95a85C5e83D248Cb40548'
+// Test safe address
+const TEST_SAFE_ADDRESS = '0x1234567890123456789012345678901234567890'
+
+const mockDispatch = jest.fn()
+const mockUseAppSelector = jest.fn()
+const mockStorePrivateKey = jest.fn()
+const mockRegisterDelegate = jest.fn()
+
+// Mock ethers Wallet
+jest.mock('ethers', () => {
+  return {
+    Wallet: class {
+      address = OWNER_ADDRESS
+      privateKey = TEST_PRIVATE_KEY
+
+      static createRandom() {
+        return {
+          address: '0xDelegateAddress123',
+          privateKey: '0xDelegatePrivateKey123',
+        }
+      }
+
+      signTypedData() {
+        return 'mockedSignature'
+      }
+    },
+    verifyMessage: () => 'mockedVerification',
+  }
+})
+
+// Explicitly mock siwe to avoid the verifyMessage dependency
+jest.mock('siwe', () => ({
+  SiweMessage: class {
+    constructor(props: {
+      address: string
+      chainId: number
+      domain: string
+      statement: string
+      nonce: string
+      uri: string
+      version: string
+      issuedAt: string
+    }) {
+      Object.assign(this, props)
+    }
+
+    prepareMessage() {
+      return 'mockedSiweMessage'
+    }
+  },
+}))
+
+jest.mock('@/src/store/hooks', () => ({
+  useAppDispatch: () => mockDispatch,
+  useAppSelector: (selector: unknown) => mockUseAppSelector(selector),
+}))
+
+jest.mock('@/src/store/chains', () => ({
+  selectAllChains: jest.fn(),
+}))
+
+// Import the real addDelegate, no need to mock it
+jest.mock('@safe-global/store/gateway/AUTO_GENERATED/delegates', () => ({
+  cgwApi: {
+    useDelegatesPostDelegateV2Mutation: () => [mockRegisterDelegate],
+  },
+}))
+
+jest.mock('./useSign/useSign', () => ({
+  useSign: () => ({
+    storePrivateKey: mockStorePrivateKey,
+  }),
+}))
+
+jest.mock('@/src/utils/logger', () => ({
+  __esModule: true,
+  default: {
+    error: jest.fn(),
+  },
+}))
+
+describe('useDelegate', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+
+    // Mock chains data
+    mockUseAppSelector.mockImplementation((selector: unknown) => {
+      if (selector === selectAllChains) {
+        return [
+          { chainId: '1', name: 'Ethereum' },
+          { chainId: '137', name: 'Polygon' },
+        ]
+      }
+      return null
+    })
+
+    // Mock successful key storage
+    mockStorePrivateKey.mockResolvedValue(true)
+
+    // Mock successful delegate registration
+    mockRegisterDelegate.mockResolvedValue({ data: 'success' })
+
+    // Mock setTimeout to execute immediately in tests
+    jest.useFakeTimers()
+  })
+
+  afterEach(() => {
+    jest.useRealTimers()
+  })
+
+  it('should create a delegate successfully', async () => {
+    const { result } = renderHook(() => useDelegate())
+
+    // Store the initial state before calling the function
+    const initialState = { ...result.current }
+    expect(initialState.isLoading).toBe(false)
+    expect(initialState.error).toBeNull()
+
+    // Call the createDelegate function
+    let delegateResult = { success: false } as {
+      success: boolean
+      delegateAddress?: string
+      error?: string
+    }
+
+    await act(async () => {
+      delegateResult = await result.current.createDelegate(TEST_PRIVATE_KEY)
+    })
+
+    // We need to manually trigger the async operations since we can't wait for them
+    // Run all pending promises
+    await act(async () => {
+      jest.runAllTimers()
+    })
+
+    // Check the result of the operation
+    expect(delegateResult).toBeDefined()
+    expect(delegateResult.success).toBe(true)
+    expect(delegateResult.delegateAddress).toBeTruthy()
+    expect(delegateResult.error).toBeUndefined()
+
+    // Verify the private key was stored in the keychain
+    expect(mockStorePrivateKey).toHaveBeenCalledWith(expect.stringContaining('delegate_'), expect.any(String), {
+      requireAuthentication: false,
+    })
+
+    // Verify the delegate was registered on all chains
+    expect(mockRegisterDelegate).toHaveBeenCalledTimes(2) // Once for each chain
+
+    // Verify the delegate was added to the Redux store
+    expect(mockDispatch).toHaveBeenCalled()
+    expect(mockDispatch.mock.calls.length).toBeGreaterThan(0)
+
+    // Check that the hook's state was updated correctly
+    expect(result.current.isLoading).toBe(false)
+    expect(result.current.error).toBeNull()
+  })
+
+  it('should handle error when private key storage fails', async () => {
+    // Mock failed key storage
+    mockStorePrivateKey.mockResolvedValue(false)
+
+    const { result } = renderHook(() => useDelegate())
+
+    let delegateResult = { success: false } as {
+      success: boolean
+      delegateAddress?: string
+      error?: string
+    }
+
+    await act(async () => {
+      delegateResult = await result.current.createDelegate(TEST_PRIVATE_KEY)
+    })
+
+    // Check the result of the operation
+    expect(delegateResult.success).toBe(false)
+    expect(delegateResult.delegateAddress).toBeUndefined()
+    expect(delegateResult.error).toBe('Failed to securely store delegate key')
+
+    // Check that delegate registration was not attempted
+    expect(mockRegisterDelegate).not.toHaveBeenCalled()
+
+    // Check that the hook's state was updated correctly
+    expect(result.current.isLoading).toBe(false)
+    expect(result.current.error).toBe('Failed to securely store delegate key')
+  })
+
+  it('should create a delegate for a specific safe address', async () => {
+    const { result } = renderHook(() => useDelegate())
+
+    let delegateResult = { success: false } as {
+      success: boolean
+      delegateAddress?: string
+      error?: string
+    }
+
+    await act(async () => {
+      delegateResult = await result.current.createDelegate(TEST_PRIVATE_KEY, TEST_SAFE_ADDRESS)
+    })
+
+    // We need to manually trigger the async operations
+    await act(async () => {
+      jest.runAllTimers()
+    })
+
+    // Check the result of the operation
+    expect(delegateResult.success).toBe(true)
+    expect(delegateResult.delegateAddress).toBeTruthy()
+
+    // Verify the delegate was registered with the safe address
+    expect(mockRegisterDelegate).toHaveBeenCalledWith(
+      expect.objectContaining({
+        createDelegateDto: expect.objectContaining({
+          safe: TEST_SAFE_ADDRESS,
+        }),
+      }),
+    )
+
+    // Just verify that dispatch was called - we'll trust that the real addDelegate implementation works
+    expect(mockDispatch.mock.calls[0][0].payload.delegateInfo.safe).toBe(TEST_SAFE_ADDRESS)
+  })
+})
diff --git a/apps/mobile/src/hooks/useDelegate.ts b/apps/mobile/src/hooks/useDelegate.ts
new file mode 100644
index 000000000..efcab9e38
--- /dev/null
+++ b/apps/mobile/src/hooks/useDelegate.ts
@@ -0,0 +1,139 @@
+import { useCallback, useState } from 'react'
+import { Wallet } from 'ethers'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { useSign } from './useSign/useSign'
+import { selectAllChains } from '@/src/store/chains'
+import { addDelegate } from '@/src/store/delegatesSlice'
+import { cgwApi } from '@safe-global/store/gateway/AUTO_GENERATED/delegates'
+import Logger from '@/src/utils/logger'
+import { getDelegateTypedData } from '@safe-global/utils/services/delegates'
+import { getDelegateKeyId } from '@/src/utils/delegate'
+
+interface UseDelegateProps {
+  createDelegate: (
+    ownerPrivateKey: string,
+    safe?: string | null,
+  ) => Promise<{
+    success: boolean
+    delegateAddress?: string
+    error?: string
+  }>
+  isLoading: boolean
+  error: string | null
+}
+
+export const useDelegate = (): UseDelegateProps => {
+  const [isLoading, setIsLoading] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+  const dispatch = useAppDispatch()
+  const { storePrivateKey } = useSign()
+
+  // Get all available chains
+  const allChains = useAppSelector(selectAllChains)
+
+  // Access API endpoints
+  const [registerDelegate] = cgwApi.useDelegatesPostDelegateV2Mutation()
+
+  const createDelegate = useCallback(
+    async (ownerPrivateKey: string, safe: string | null = null) => {
+      try {
+        setIsLoading(true)
+        setError(null)
+
+        // Create the owner wallet from the provided private key
+        const ownerWallet = new Wallet(ownerPrivateKey)
+        const ownerAddress = ownerWallet.address
+
+        // Create a random delegate wallet
+        const delegateWallet = Wallet.createRandom()
+        if (!delegateWallet) {
+          setIsLoading(false)
+          const errorMsg = 'Failed to create delegate wallet'
+          setError(errorMsg)
+          return { success: false, error: errorMsg }
+        }
+
+        // Store delegate private key in keychain with default protection (no biometrics)
+        const delegateKeyId = getDelegateKeyId(ownerAddress, delegateWallet.address)
+        const storeSuccess = await storePrivateKey(delegateKeyId, delegateWallet.privateKey, {
+          requireAuthentication: false,
+        })
+
+        if (!storeSuccess) {
+          setIsLoading(false)
+          const errorMsg = 'Failed to securely store delegate key'
+          setError(errorMsg)
+          return { success: false, error: errorMsg }
+        }
+
+        // Register on all chains and wait for completion
+        const registrationPromises = allChains.map(async (chain, index) => {
+          try {
+            // Add a delay to avoid 429 rate limiting, staggered by index
+            if (index > 0) {
+              await new Promise((resolve) => setTimeout(resolve, 300 * index))
+            }
+
+            // Generate typed data for this chain
+            const typedData = getDelegateTypedData(chain.chainId, delegateWallet.address)
+
+            // Sign the message with the owner's wallet
+            const signature = await ownerWallet.signTypedData(typedData.domain, typedData.types, typedData.message)
+
+            // Register delegate on the backend
+            await registerDelegate({
+              chainId: chain.chainId,
+              createDelegateDto: {
+                safe,
+                delegate: delegateWallet.address,
+                delegator: ownerAddress,
+                signature,
+                label: 'Mobile App Delegate',
+              },
+            })
+
+            return true
+          } catch (error) {
+            Logger.error(`Failed to register delegate for chain ${chain.chainId}`, error)
+            return false
+          }
+        })
+
+        // We are not awaiting this as we don't want to block the user from using the app
+        Promise.all(registrationPromises)
+
+        // Add to redux store once after all chains are processed
+        dispatch(
+          addDelegate({
+            ownerAddress,
+            delegateAddress: delegateWallet.address,
+            delegateInfo: {
+              safe,
+              delegate: delegateWallet.address,
+              delegator: ownerAddress,
+              label: 'Mobile App Delegate',
+            },
+          }),
+        )
+
+        setIsLoading(false)
+        return { success: true, delegateAddress: delegateWallet.address }
+      } catch (error) {
+        Logger.error('Delegate creation failed', error)
+        setIsLoading(false)
+        const errorMsg = error instanceof Error ? error.message : String(error)
+        setError(errorMsg)
+        return { success: false, error: errorMsg }
+      }
+    },
+    [allChains, dispatch, storePrivateKey, registerDelegate],
+  )
+
+  return {
+    createDelegate,
+    isLoading,
+    error,
+  }
+}
+
+export default useDelegate
diff --git a/apps/mobile/src/hooks/useDelegateCleanup.ts b/apps/mobile/src/hooks/useDelegateCleanup.ts
new file mode 100644
index 000000000..8e3f34026
--- /dev/null
+++ b/apps/mobile/src/hooks/useDelegateCleanup.ts
@@ -0,0 +1,108 @@
+import { useCallback, useState, useMemo } from 'react'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { selectAllChains } from '@/src/store/chains'
+import { selectDelegates } from '@/src/store/delegatesSlice'
+import { cgwApi } from '@safe-global/store/gateway/AUTO_GENERATED/delegates'
+import { useNotificationCleanup } from '@/src/hooks/useNotificationCleanup'
+import { type Address } from '@/src/types/address'
+import {
+  DelegateCleanupService,
+  DelegateCleanupPhase,
+  DelegateCleanupProgress,
+  DelegateCleanupError,
+  DelegateCleanupErrorType,
+} from '@/src/services/delegate-cleanup'
+import { StandardErrorResult, ErrorType } from '@/src/utils/errors'
+
+// Re-export types for backward compatibility
+export type { DelegateCleanupError, DelegateCleanupProgress } from '@/src/services/delegate-cleanup'
+export { DelegateCleanupPhase, DelegateCleanupErrorType } from '@/src/services/delegate-cleanup'
+
+// Helper function to map standard error types to cleanup error types
+const mapErrorTypeToCleanupErrorType = (errorType?: ErrorType): DelegateCleanupErrorType => {
+  switch (errorType) {
+    case ErrorType.VALIDATION_ERROR:
+      return DelegateCleanupErrorType.INVALID_PARAMETERS
+    case ErrorType.CLEANUP_ERROR:
+      return DelegateCleanupErrorType.ORCHESTRATION_FAILED
+    case ErrorType.NETWORK_ERROR:
+      return DelegateCleanupErrorType.BACKEND_REMOVAL_FAILED
+    case ErrorType.SYSTEM_ERROR:
+    default:
+      return DelegateCleanupErrorType.ORCHESTRATION_FAILED
+  }
+}
+
+interface UseDelegateCleanupProps {
+  removeAllDelegatesForOwner: (
+    ownerAddress: Address,
+    ownerPrivateKey: string,
+  ) => Promise<StandardErrorResult<{ processedCount: number }>>
+  isLoading: boolean
+  error: DelegateCleanupError | null
+  progress: DelegateCleanupProgress
+}
+
+export const useDelegateCleanup = (): UseDelegateCleanupProps => {
+  const [isLoading, setIsLoading] = useState(false)
+  const [error, setError] = useState<DelegateCleanupError | null>(null)
+  const [progress, setProgress] = useState<DelegateCleanupProgress>({
+    phase: DelegateCleanupPhase.IDLE,
+    message: 'Ready to clean up delegates',
+  })
+  const dispatch = useAppDispatch()
+
+  const allChains = useAppSelector(selectAllChains)
+  const allDelegates = useAppSelector(selectDelegates)
+
+  const { cleanupNotificationsForDelegate } = useNotificationCleanup()
+
+  const [deleteDelegate] = cgwApi.useDelegatesDeleteDelegateV2Mutation()
+
+  const cleanupService = useMemo(() => {
+    return new DelegateCleanupService({
+      allChains,
+      allDelegates,
+      cleanupNotificationsForDelegate,
+      deleteDelegate,
+      dispatch,
+      onProgress: (progress) => {
+        setProgress(progress)
+      },
+    })
+  }, [allChains, allDelegates, cleanupNotificationsForDelegate, deleteDelegate, dispatch])
+
+  const removeAllDelegatesForOwner = useCallback(
+    async (ownerAddress: Address, ownerPrivateKey: string) => {
+      try {
+        setIsLoading(true)
+        setError(null)
+
+        const result = await cleanupService.removeAllDelegatesForOwner(ownerAddress, ownerPrivateKey)
+
+        if (!result.success) {
+          const cleanupError: DelegateCleanupError = {
+            type: mapErrorTypeToCleanupErrorType(result.error?.type),
+            message: result.error?.message || 'Unknown error',
+            details: result.error?.details,
+          }
+          setError(cleanupError)
+        }
+
+        return result
+      } finally {
+        setIsLoading(false)
+      }
+    },
+    [cleanupService],
+  )
+
+  return {
+    removeAllDelegatesForOwner,
+    isLoading,
+    error,
+    progress,
+  }
+}
+
+export default useDelegateCleanup
diff --git a/apps/mobile/src/hooks/useDelegateCleanup/index.ts b/apps/mobile/src/hooks/useDelegateCleanup/index.ts
new file mode 100644
index 000000000..9c56149ef
--- /dev/null
+++ b/apps/mobile/src/hooks/useDelegateCleanup/index.ts
@@ -0,0 +1 @@
+export * from './utils'
diff --git a/apps/mobile/src/hooks/useDelegateCleanup/utils.test.ts b/apps/mobile/src/hooks/useDelegateCleanup/utils.test.ts
new file mode 100644
index 000000000..3d2581ac5
--- /dev/null
+++ b/apps/mobile/src/hooks/useDelegateCleanup/utils.test.ts
@@ -0,0 +1,256 @@
+import { cleanupDelegateNotifications, removeDelegatesFromBackend, cleanupDelegateKeychain } from './utils'
+import { Wallet } from 'ethers'
+import { keyStorageService } from '@/src/services/key-storage'
+import { getDelegateKeyId } from '@/src/utils/delegate'
+import { type Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { type Address } from '@/src/types/address'
+import Logger from '@/src/utils/logger'
+
+// Mock dependencies
+jest.mock('@/src/services/key-storage')
+jest.mock('@/src/utils/delegate')
+jest.mock('@/src/utils/logger')
+jest.mock('ethers')
+
+const mockKeyStorageService = keyStorageService as jest.Mocked<typeof keyStorageService>
+const mockGetDelegateKeyId = getDelegateKeyId as jest.MockedFunction<typeof getDelegateKeyId>
+const mockLogger = Logger as jest.Mocked<typeof Logger>
+
+describe('useDelegateCleanup utils', () => {
+  const mockOwnerAddress = '0x123456789abcdef' as Address
+  const mockDelegateAddress1 = '0xabcdef123456789' as Address
+  const mockDelegateAddress2 = '0xfedcba987654321' as Address
+  const mockDelegateAddresses = [mockDelegateAddress1, mockDelegateAddress2]
+  const mockChains: Chain[] = [
+    {
+      chainId: '1',
+      chainName: 'Ethereum',
+      description: 'Ethereum Mainnet',
+      l2: false,
+      isTestnet: false,
+      zk: false,
+      nativeCurrency: { name: 'ETH', symbol: 'ETH', decimals: 18, logoUri: '' },
+      transactionService: 'https://safe-transaction-mainnet.safe.global',
+      blockExplorerUriTemplate: { address: '', txHash: '', api: '' },
+      ensRegistryAddress: '',
+      recommendedMasterCopyVersion: '',
+      disabledWallets: [],
+      features: [],
+      gasPrice: [],
+      publicRpcUri: { authentication: 'NO_AUTHENTICATION', value: '' },
+      rpcUri: { authentication: 'NO_AUTHENTICATION', value: '' },
+      safeAppsRpcUri: { authentication: 'NO_AUTHENTICATION', value: '' },
+      shortName: 'eth',
+      theme: { textColor: '', backgroundColor: '' },
+    } as unknown as Chain,
+    {
+      chainId: '137',
+      chainName: 'Polygon',
+      description: 'Polygon Mainnet',
+      l2: true,
+      isTestnet: false,
+      zk: false,
+      nativeCurrency: { name: 'MATIC', symbol: 'MATIC', decimals: 18, logoUri: '' },
+      transactionService: 'https://safe-transaction-polygon.safe.global',
+      blockExplorerUriTemplate: { address: '', txHash: '', api: '' },
+      ensRegistryAddress: '',
+      recommendedMasterCopyVersion: '',
+      disabledWallets: [],
+      features: [],
+      gasPrice: [],
+      publicRpcUri: { authentication: 'NO_AUTHENTICATION', value: '' },
+      rpcUri: { authentication: 'NO_AUTHENTICATION', value: '' },
+      safeAppsRpcUri: { authentication: 'NO_AUTHENTICATION', value: '' },
+      shortName: 'matic',
+      theme: { textColor: '', backgroundColor: '' },
+    } as unknown as Chain,
+  ]
+  beforeEach(() => {
+    jest.clearAllMocks()
+    mockLogger.info = jest.fn()
+    mockLogger.warn = jest.fn()
+    mockLogger.error = jest.fn()
+  })
+
+  describe('cleanupDelegateNotifications', () => {
+    const mockCleanupNotificationsForDelegate = jest.fn()
+
+    it('should return success when no delegates provided', async () => {
+      const result = await cleanupDelegateNotifications(mockOwnerAddress, [], mockCleanupNotificationsForDelegate)
+
+      expect(result.success).toBe(true)
+      expect(mockCleanupNotificationsForDelegate).not.toHaveBeenCalled()
+    })
+
+    it('should successfully cleanup notifications for all delegates', async () => {
+      mockCleanupNotificationsForDelegate.mockResolvedValue({ success: true })
+
+      const result = await cleanupDelegateNotifications(
+        mockOwnerAddress,
+        mockDelegateAddresses,
+        mockCleanupNotificationsForDelegate,
+      )
+
+      expect(result.success).toBe(true)
+      expect(mockCleanupNotificationsForDelegate).toHaveBeenCalledTimes(2)
+      expect(mockCleanupNotificationsForDelegate).toHaveBeenCalledWith(mockOwnerAddress, mockDelegateAddress1)
+      expect(mockCleanupNotificationsForDelegate).toHaveBeenCalledWith(mockOwnerAddress, mockDelegateAddress2)
+    })
+
+    it('should handle notification cleanup failures', async () => {
+      mockCleanupNotificationsForDelegate
+        .mockResolvedValueOnce({ success: true })
+        .mockResolvedValueOnce({ success: false, error: { message: 'Network error' } })
+
+      const result = await cleanupDelegateNotifications(
+        mockOwnerAddress,
+        mockDelegateAddresses,
+        mockCleanupNotificationsForDelegate,
+      )
+
+      expect(result.success).toBe(false)
+      expect(result.error).toContain('Network error')
+      expect(result.failedDelegates).toContain(mockDelegateAddress2)
+    })
+
+    it('should handle exceptions during notification cleanup', async () => {
+      mockCleanupNotificationsForDelegate.mockRejectedValue(new Error('API error'))
+
+      const result = await cleanupDelegateNotifications(
+        mockOwnerAddress,
+        mockDelegateAddresses,
+        mockCleanupNotificationsForDelegate,
+      )
+
+      expect(result.success).toBe(false)
+      expect(result.error).toContain('API error')
+      expect(result.failedDelegates).toEqual(mockDelegateAddresses)
+    })
+  })
+
+  describe('removeDelegatesFromBackend', () => {
+    const mockOwnerWallet = new Wallet('0x123')
+    const mockDeleteDelegate = jest.fn()
+    const mockSignTypedData = jest.fn()
+
+    beforeEach(() => {
+      mockOwnerWallet.signTypedData = mockSignTypedData
+      mockSignTypedData.mockResolvedValue('0xsignature')
+      mockDeleteDelegate.mockResolvedValue({})
+    })
+
+    it('should return success when no delegates provided', async () => {
+      const result = await removeDelegatesFromBackend(
+        mockOwnerAddress,
+        [],
+        mockOwnerWallet,
+        mockChains,
+        mockDeleteDelegate,
+      )
+
+      expect(result.success).toBe(true)
+      expect(mockDeleteDelegate).not.toHaveBeenCalled()
+    })
+
+    it('should successfully remove delegates from all chains', async () => {
+      const resultPromise = removeDelegatesFromBackend(
+        mockOwnerAddress,
+        mockDelegateAddresses,
+        mockOwnerWallet,
+        mockChains,
+        mockDeleteDelegate,
+      )
+
+      // Fast-forward through all timers (delays between delegates and chains)
+      await jest.advanceTimersByTimeAsync(10000)
+
+      const result = await resultPromise
+
+      expect(result.success).toBe(true)
+      // 2 delegates * 2 chains = 4 calls
+      expect(mockDeleteDelegate).toHaveBeenCalledTimes(4)
+    })
+
+    it('should handle API failures and retry', async () => {
+      mockDeleteDelegate.mockRejectedValueOnce(new Error('429 rate limit')).mockResolvedValue({})
+
+      const resultPromise = removeDelegatesFromBackend(
+        mockOwnerAddress,
+        [mockDelegateAddress1],
+        mockOwnerWallet,
+        [mockChains[0]],
+        mockDeleteDelegate,
+      )
+
+      // Fast-forward through all timers (retry delays and delegation delays)
+      await jest.advanceTimersByTimeAsync(10000)
+
+      const result = await resultPromise
+
+      expect(result.success).toBe(true)
+      expect(mockDeleteDelegate).toHaveBeenCalledTimes(2) // First call fails, second succeeds
+    })
+
+    it('should handle persistent API failures', async () => {
+      mockDeleteDelegate.mockReset().mockRejectedValue(new Error('Persistent error'))
+
+      const resultPromise = removeDelegatesFromBackend(
+        mockOwnerAddress,
+        [mockDelegateAddress1],
+        mockOwnerWallet,
+        [mockChains[0]],
+        mockDeleteDelegate,
+      )
+
+      // Fast-forward through all timers (retry delays and delegation delays)
+      await jest.advanceTimersByTimeAsync(10000)
+
+      const result = await resultPromise
+
+      expect(result.success).toBe(false)
+      expect(result.error).toContain('Failed to remove 1 out of 1 delegates')
+      expect(result.failedDelegates).toContain(mockDelegateAddress1)
+    })
+  })
+
+  describe('cleanupDelegateKeychain', () => {
+    beforeEach(() => {
+      mockGetDelegateKeyId.mockReturnValue('mock-key-id')
+      mockKeyStorageService.removePrivateKey.mockResolvedValue()
+    })
+
+    it('should return success when no delegates provided', async () => {
+      const result = await cleanupDelegateKeychain(mockOwnerAddress, [])
+
+      expect(result.success).toBe(true)
+      expect(mockKeyStorageService.removePrivateKey).not.toHaveBeenCalled()
+    })
+
+    it('should successfully remove all delegate keys from keychain', async () => {
+      const result = await cleanupDelegateKeychain(mockOwnerAddress, mockDelegateAddresses)
+
+      expect(result.success).toBe(true)
+      expect(mockKeyStorageService.removePrivateKey).toHaveBeenCalledTimes(2)
+      expect(mockGetDelegateKeyId).toHaveBeenCalledWith(mockOwnerAddress, mockDelegateAddress1)
+      expect(mockGetDelegateKeyId).toHaveBeenCalledWith(mockOwnerAddress, mockDelegateAddress2)
+    })
+
+    it('should handle keychain removal failures gracefully', async () => {
+      mockKeyStorageService.removePrivateKey.mockResolvedValueOnce().mockRejectedValueOnce(new Error('Keychain error'))
+
+      const result = await cleanupDelegateKeychain(mockOwnerAddress, mockDelegateAddresses)
+
+      expect(result.success).toBe(true) // Should still succeed as keychain cleanup is not critical
+      expect(result.failedDelegates).toContain(mockDelegateAddress2)
+    })
+
+    it('should handle unexpected errors during keychain cleanup', async () => {
+      mockKeyStorageService.removePrivateKey.mockRejectedValue(new Error('Unexpected error'))
+
+      const result = await cleanupDelegateKeychain(mockOwnerAddress, mockDelegateAddresses)
+
+      expect(result.success).toBe(true) // Should still succeed as keychain cleanup is not critical
+      expect(result.failedDelegates).toEqual(mockDelegateAddresses)
+    })
+  })
+})
diff --git a/apps/mobile/src/hooks/useDelegateCleanup/utils.ts b/apps/mobile/src/hooks/useDelegateCleanup/utils.ts
new file mode 100644
index 000000000..2f4f67e35
--- /dev/null
+++ b/apps/mobile/src/hooks/useDelegateCleanup/utils.ts
@@ -0,0 +1,255 @@
+import Logger from '@/src/utils/logger'
+import { type Address } from '@/src/types/address'
+import { Wallet } from 'ethers'
+import { getDelegateTypedData } from '@safe-global/utils/services/delegates'
+import { type Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { type DelegatesDeleteDelegateV2ApiArg } from '@safe-global/store/gateway/AUTO_GENERATED/delegates'
+import { keyStorageService } from '@/src/services/key-storage'
+import { getDelegateKeyId } from '@/src/utils/delegate'
+import { withGeneralRetry } from '@/src/utils/retry'
+
+// Types for cleanup results
+interface CleanupResult {
+  success: boolean
+  error?: {
+    message: string
+    code?: string
+  }
+}
+
+interface NotificationCleanupResult {
+  success: boolean
+  error?: string
+  failedDelegates?: Address[]
+}
+
+interface DelegateRemovalResult {
+  success: boolean
+  error?: string
+  failedDelegates?: Address[]
+}
+
+interface KeychainCleanupResult {
+  success: boolean
+  error?: string
+  failedDelegates?: Address[]
+}
+
+/**
+ * Cleans up notifications for all delegates of a given owner
+ * This is a critical step that must succeed before proceeding with delegate removal
+ *
+ * If we don't manage to unsubscribe the user, but just proceed and delete the key
+ * the user is going to receive push notifications for this safe, which can get quite annoying
+ */
+export const cleanupDelegateNotifications = async (
+  ownerAddress: Address,
+  delegateAddresses: Address[],
+  cleanupNotificationsForDelegate: (ownerAddress: Address, delegateAddress: Address) => Promise<CleanupResult>,
+): Promise<NotificationCleanupResult> => {
+  if (!delegateAddresses || delegateAddresses.length === 0) {
+    return { success: true }
+  }
+
+  try {
+    const notificationCleanupResults = await Promise.allSettled(
+      delegateAddresses.map(async (delegateAddress) => {
+        try {
+          const result = await cleanupNotificationsForDelegate(ownerAddress, delegateAddress)
+          if (!result.success && result.error) {
+            throw new Error(`Notification cleanup failed for ${delegateAddress}: ${result.error.message}`)
+          }
+          return result
+        } catch (error) {
+          Logger.error(`Failed to cleanup notifications for delegate ${delegateAddress}`, error)
+          throw error
+        }
+      }),
+    )
+
+    // Check if any notification cleanup failed with blocking errors
+    const failedCleanups = notificationCleanupResults
+      .filter((result) => result.status === 'rejected')
+      .map((result) => result.reason)
+
+    if (failedCleanups.length > 0) {
+      const failedDelegates = delegateAddresses.filter(
+        (_, index) => notificationCleanupResults[index].status === 'rejected',
+      )
+
+      const errorMsg = `Cannot delete private key: ${failedCleanups.join(', ')}. Please check your internet connection and try again.`
+
+      return {
+        success: false,
+        error: errorMsg,
+        failedDelegates,
+      }
+    }
+
+    return { success: true }
+  } catch (error) {
+    Logger.error('Delegate notification cleanup failed', error)
+    const errorMsg = error instanceof Error ? error.message : String(error)
+    return {
+      success: false,
+      error: errorMsg,
+      failedDelegates: delegateAddresses,
+    }
+  }
+}
+
+export const removeDelegatesFromBackend = async (
+  ownerAddress: Address,
+  delegateAddresses: Address[],
+  ownerWallet: Wallet,
+  allChains: Chain[],
+  deleteDelegate: (params: DelegatesDeleteDelegateV2ApiArg) => Promise<unknown>,
+): Promise<DelegateRemovalResult> => {
+  if (!delegateAddresses || delegateAddresses.length === 0) {
+    return { success: true }
+  }
+
+  const sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms))
+
+  try {
+    const removalPromises = delegateAddresses.map(async (delegateAddress, delegateIndex) => {
+      try {
+        // Stagger delegate processing to avoid overwhelming the backend
+        if (delegateIndex > 0) {
+          await sleep(500 * delegateIndex)
+        }
+
+        const chainRemovalPromises = allChains.map(async (chain, chainIndex) => {
+          try {
+            const baseDelay = 300 * chainIndex + 100 * delegateIndex
+            if (baseDelay > 0) {
+              await sleep(baseDelay)
+            }
+
+            const result = await withGeneralRetry(async () => {
+              const typedData = getDelegateTypedData(chain.chainId, delegateAddress)
+
+              const signature = await ownerWallet.signTypedData(typedData.domain, typedData.types, typedData.message)
+
+              await deleteDelegate({
+                chainId: chain.chainId,
+                delegateAddress,
+                deleteDelegateV2Dto: {
+                  delegator: ownerAddress,
+                  signature,
+                },
+              })
+
+              return { success: true, chainId: chain.chainId }
+            }, 3)
+
+            return result
+          } catch (error) {
+            Logger.error(`Failed to remove delegate from chain ${chain.chainId} after retries`, error)
+            return { success: false, chainId: chain.chainId, error }
+          }
+        })
+
+        const chainResults = await Promise.all(chainRemovalPromises)
+
+        const failedChains = chainResults.filter((result) => !result.success)
+        const successfulChains = chainResults.filter((result) => result.success).length
+
+        if (failedChains.length > 0) {
+          Logger.warn(`Some chains failed for delegate ${delegateAddress}`, {
+            delegateAddress,
+            failedChains: failedChains.map((r) => r.chainId),
+            totalChains: allChains.length,
+          })
+        }
+
+        Logger.info(`Delegate ${delegateAddress} removed from ${successfulChains}/${allChains.length} chains`)
+
+        // If all chains failed, consider the delegate removal failed
+        if (successfulChains === 0) {
+          return { success: false, delegateAddress, error: new Error('Failed to remove delegate from all chains') }
+        }
+
+        return { success: true, delegateAddress }
+      } catch (error) {
+        Logger.error(`Failed to remove delegate ${delegateAddress}`, error)
+        return { success: false, delegateAddress, error }
+      }
+    })
+
+    const delegateResults = await Promise.all(removalPromises)
+
+    const failedDelegates = delegateResults
+      .filter((result) => !result.success)
+      .map((result) => result.delegateAddress)
+      .filter(Boolean) as Address[]
+
+    if (failedDelegates.length > 0) {
+      Logger.warn(`Some delegates failed to be removed from backend`, {
+        failedDelegates,
+        totalDelegates: delegateAddresses.length,
+      })
+      return {
+        success: false,
+        error: `Failed to remove ${failedDelegates.length} out of ${delegateAddresses.length} delegates from backend`,
+        failedDelegates,
+      }
+    }
+
+    Logger.info(`Successfully removed all ${delegateAddresses.length} delegates from backend`)
+    return { success: true }
+  } catch (error) {
+    Logger.error('Delegate backend removal failed', error)
+    const errorMsg = error instanceof Error ? error.message : String(error)
+    return {
+      success: false,
+      error: errorMsg,
+      failedDelegates: delegateAddresses,
+    }
+  }
+}
+
+export const cleanupDelegateKeychain = async (
+  ownerAddress: Address,
+  delegateAddresses: Address[],
+): Promise<KeychainCleanupResult> => {
+  if (!delegateAddresses || delegateAddresses.length === 0) {
+    return { success: true }
+  }
+
+  try {
+    const keychainCleanupPromises = delegateAddresses.map(async (delegateAddress) => {
+      try {
+        const delegateKeyId = getDelegateKeyId(ownerAddress, delegateAddress)
+        await keyStorageService.removePrivateKey(delegateKeyId, { requireAuthentication: false })
+        return { success: true, delegateAddress }
+      } catch (error) {
+        Logger.warn(`Failed to remove delegate key from keychain: ${delegateAddress}`, error)
+        return { success: false, delegateAddress, error }
+      }
+    })
+
+    const keychainResults = await Promise.all(keychainCleanupPromises)
+
+    const failedDelegates = keychainResults
+      .filter((result) => !result.success)
+      .map((result) => result.delegateAddress)
+      .filter(Boolean) as Address[]
+
+    if (failedDelegates.length > 0) {
+      Logger.warn(`Some delegate keys failed to be removed from keychain`, failedDelegates)
+      // Note: We don't fail the entire process for keychain cleanup failures
+      // as delegate remove on the backend is not critical for the user experience
+    }
+
+    return { success: true, failedDelegates }
+  } catch (error) {
+    Logger.error('Delegate keychain cleanup failed', error)
+    const errorMsg = error instanceof Error ? error.message : String(error)
+    return {
+      success: true, // Still return success as delegate removal on the backend is not critical
+      error: errorMsg,
+      failedDelegates: delegateAddresses,
+    }
+  }
+}
diff --git a/apps/mobile/src/hooks/useHasFeature.ts b/apps/mobile/src/hooks/useHasFeature.ts
new file mode 100644
index 000000000..e92ea4cbc
--- /dev/null
+++ b/apps/mobile/src/hooks/useHasFeature.ts
@@ -0,0 +1,8 @@
+import { FEATURES, hasFeature } from '@safe-global/utils/utils/chains'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectActiveChain } from '@/src/store/chains'
+
+export const useHasFeature = (feature: FEATURES): boolean | undefined => {
+  const chain = useAppSelector(selectActiveChain)
+  return chain ? hasFeature(chain, feature) : undefined
+}
diff --git a/apps/mobile/src/hooks/useInfiniteScroll/index.ts b/apps/mobile/src/hooks/useInfiniteScroll/index.ts
new file mode 100644
index 000000000..02e13ff6f
--- /dev/null
+++ b/apps/mobile/src/hooks/useInfiniteScroll/index.ts
@@ -0,0 +1 @@
+export { useInfiniteScroll } from './useInfiniteScroll'
diff --git a/apps/mobile/src/hooks/useInfiniteScroll/useInfiniteScroll.ts b/apps/mobile/src/hooks/useInfiniteScroll/useInfiniteScroll.ts
new file mode 100644
index 000000000..fec6985da
--- /dev/null
+++ b/apps/mobile/src/hooks/useInfiniteScroll/useInfiniteScroll.ts
@@ -0,0 +1,48 @@
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { useCallback, useEffect, useState } from 'react'
+import { useSelector } from 'react-redux'
+
+type TUseInfiniteScrollData<J> = { results: J[]; previous?: string | null; next?: string | null }
+
+type TUseInfiniteScrollConfig<T, J> = {
+  refetch: () => void
+  setPageUrl: (nextUrl?: string) => void
+  data: (T & TUseInfiniteScrollData<J>) | undefined
+}
+
+export const useInfiniteScroll = <T, J>({ refetch, setPageUrl, data }: TUseInfiniteScrollConfig<T, J>) => {
+  const activeSafe = useSelector(selectActiveSafe)
+  const [list, setList] = useState<T & TUseInfiniteScrollData<J>>()
+
+  useEffect(() => {
+    setList(undefined)
+  }, [activeSafe])
+
+  useEffect(() => {
+    if (!data?.results) {
+      return
+    }
+
+    setList((prev) => {
+      if (prev?.previous === data.previous) {
+        return data
+      }
+
+      return {
+        ...data,
+        results: [...(prev?.results || []), ...data.results],
+      }
+    })
+  }, [data])
+
+  const onEndReached = useCallback(() => {
+    if (!data?.next) {
+      return
+    }
+
+    setPageUrl(data.next)
+    refetch()
+  }, [data, refetch, setPageUrl])
+
+  return { list, onEndReached }
+}
diff --git a/apps/mobile/src/hooks/useInitWeb3.ts b/apps/mobile/src/hooks/useInitWeb3.ts
new file mode 100644
index 000000000..70449993c
--- /dev/null
+++ b/apps/mobile/src/hooks/useInitWeb3.ts
@@ -0,0 +1,20 @@
+import { useEffect } from 'react'
+import { createWeb3ReadOnly, setWeb3ReadOnly } from '@/src/hooks/wallets/web3'
+import { selectRpc } from '@/src/store/settingsSlice'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectActiveChain } from '@/src/store/chains'
+
+export const useInitWeb3 = () => {
+  const chain = useAppSelector(selectActiveChain)
+  const customRpc = useAppSelector(selectRpc)
+  const customRpcUrl = chain ? customRpc?.[chain.chainId] : undefined
+
+  useEffect(() => {
+    if (!chain) {
+      setWeb3ReadOnly(undefined)
+      return
+    }
+    const web3ReadOnly = createWeb3ReadOnly(chain, customRpcUrl)
+    setWeb3ReadOnly(web3ReadOnly)
+  }, [chain, customRpcUrl])
+}
diff --git a/apps/mobile/src/hooks/useMakeSafesWithChainId/useMakeSafesWithChainId.ts b/apps/mobile/src/hooks/useMakeSafesWithChainId/useMakeSafesWithChainId.ts
new file mode 100644
index 000000000..d564e82a4
--- /dev/null
+++ b/apps/mobile/src/hooks/useMakeSafesWithChainId/useMakeSafesWithChainId.ts
@@ -0,0 +1,13 @@
+import { useAppSelector } from '@/src/store/hooks'
+import { selectAllChainsIds } from '@/src/store/chains'
+import { useMemo } from 'react'
+import { makeSafeId } from '@/src/utils/formatters'
+
+export function useMakeSafesWithChainId(safeAddress: string) {
+  const chainIds = useAppSelector(selectAllChainsIds)
+  const safes = useMemo(
+    () => chainIds.map((chainId: string) => makeSafeId(chainId, safeAddress)).join(','),
+    [chainIds, safeAddress],
+  )
+  return safes
+}
diff --git a/apps/mobile/src/hooks/useNotificationCleanup.ts b/apps/mobile/src/hooks/useNotificationCleanup.ts
new file mode 100644
index 000000000..e75373f56
--- /dev/null
+++ b/apps/mobile/src/hooks/useNotificationCleanup.ts
@@ -0,0 +1,99 @@
+import { useCallback, useState } from 'react'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectAllChains } from '@/src/store/chains'
+import { selectAllSafes } from '@/src/store/safesSlice'
+import { selectDelegates } from '@/src/store/delegatesSlice'
+import { type Address } from '@/src/types/address'
+import {
+  classifyNotificationError,
+  getAffectedSafes,
+  hasOtherDelegates,
+  type NotificationCleanupError,
+} from '@/src/utils/notifications/cleanup'
+import { cleanupSafeNotifications } from '@/src/services/notifications/operations'
+import Logger from '@/src/utils/logger'
+
+interface NotificationCleanupResult {
+  success: boolean
+  error?: NotificationCleanupError
+}
+
+interface UseNotificationCleanupProps {
+  cleanupNotificationsForDelegate: (
+    ownerAddress: Address,
+    delegateAddress: Address,
+  ) => Promise<NotificationCleanupResult>
+  isLoading: boolean
+  error: string | null
+}
+
+export const useNotificationCleanup = (): UseNotificationCleanupProps => {
+  const [isLoading, setIsLoading] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+
+  const allChains = useAppSelector(selectAllChains)
+  const allSafes = useAppSelector(selectAllSafes)
+  const safeSubscriptions = useAppSelector((state) => state.safeSubscriptions)
+  const delegates = useAppSelector(selectDelegates)
+
+  const cleanupNotificationsForDelegate = useCallback(
+    async (ownerAddress: Address, delegateAddress: Address): Promise<NotificationCleanupResult> => {
+      try {
+        setIsLoading(true)
+        setError(null)
+
+        const affectedSafes = getAffectedSafes(ownerAddress, allSafes, allChains, safeSubscriptions)
+
+        if (affectedSafes.length === 0) {
+          Logger.info('No safes with notification subscriptions found for delegate cleanup')
+          setIsLoading(false)
+          return { success: true }
+        }
+
+        const cleanupPromises = affectedSafes.map(async (safe) => {
+          try {
+            const hasOthers = hasOtherDelegates(safe.address as Address, delegateAddress, {
+              safes: allSafes,
+              delegates,
+            })
+
+            await cleanupSafeNotifications(safe.address, safe.chainIds, delegateAddress, hasOthers)
+
+            return { success: true }
+          } catch (error) {
+            Logger.error(`Failed to cleanup notifications for safe ${safe.address}`, error)
+            throw error
+          }
+        })
+
+        await Promise.all(cleanupPromises)
+
+        setIsLoading(false)
+        return { success: true }
+      } catch (error) {
+        Logger.error('Notification cleanup failed', error)
+        setIsLoading(false)
+
+        const classifiedError = classifyNotificationError(error)
+
+        if (classifiedError.type === 'safe') {
+          Logger.info(`Safe error during notification cleanup: ${classifiedError.message}`, error)
+          return { success: true } // Don't block deletion for safe errors
+        } else {
+          const errorMsg = classifiedError.message
+          setError(errorMsg)
+          return { success: false, error: classifiedError }
+        }
+      }
+    },
+    [allChains, allSafes, safeSubscriptions, delegates],
+  )
+
+  return {
+    cleanupNotificationsForDelegate,
+    isLoading,
+    error,
+  }
+}
+
+export default useNotificationCleanup
diff --git a/apps/mobile/src/hooks/useNotificationGTWPermissions.test.ts b/apps/mobile/src/hooks/useNotificationGTWPermissions.test.ts
new file mode 100644
index 000000000..e9e88957e
--- /dev/null
+++ b/apps/mobile/src/hooks/useNotificationGTWPermissions.test.ts
@@ -0,0 +1,71 @@
+import { renderHook, RootState } from '@/src/tests/test-utils'
+import { useNotificationGTWPermissions } from './useNotificationGTWPermissions'
+import { selectSigners } from '@/src/store/signersSlice'
+
+const mockUseAppSelector = jest.fn()
+
+const mockedSafeInfo = {
+  address: { value: '0x123' as `0x${string}`, name: 'Test Safe' },
+  threshold: 1,
+  owners: [{ value: '0x456' as `0x${string}` }],
+  fiatTotal: '1000',
+  chainId: '1',
+  queued: 0,
+}
+const mockState = {
+  safes: {
+    [mockedSafeInfo.address.value]: {
+      [mockedSafeInfo.chainId]: {
+        ...mockedSafeInfo,
+      },
+    },
+  },
+  signers: {
+    [mockedSafeInfo.owners[0].value]: {
+      address: mockedSafeInfo.owners[0].value,
+      name: 'Test Safe',
+    },
+  },
+  settings: {
+    themePreference: 'auto',
+  },
+  notifications: {
+    isAppNotificationsEnabled: true,
+    isDeviceNotificationsEnabled: true,
+  },
+  activeSafe: {
+    address: mockedSafeInfo.address.value,
+    chainId: mockedSafeInfo.chainId,
+  },
+} as unknown as RootState
+describe('useNotificationGTWPermissions', () => {
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('returns the correct account type for an owner', () => {
+    const { result } = renderHook(() => useNotificationGTWPermissions('0x123', '1'), mockState)
+    const { ownerFound, accountType } = result.current.getAccountType()
+    expect(ownerFound).toEqual({ value: '0x456' })
+    expect(accountType).toBe('OWNER')
+  })
+
+  it('returns the correct account type for a regular user', () => {
+    mockUseAppSelector.mockImplementation((selector: unknown) => {
+      if (selector === selectSigners) {
+        return {} // No signers
+      }
+      return {
+        SafeInfo: {
+          ...mockedSafeInfo,
+          owners: [{ value: '0x789' }], // Owner that isn't a signer
+        },
+      }
+    })
+
+    const { result } = renderHook(() => useNotificationGTWPermissions('0x123'))
+    const { ownerFound, accountType } = result.current.getAccountType()
+    expect(ownerFound).toBeNull()
+    expect(accountType).toBe('REGULAR')
+  })
+})
diff --git a/apps/mobile/src/hooks/useNotificationGTWPermissions.ts b/apps/mobile/src/hooks/useNotificationGTWPermissions.ts
new file mode 100644
index 000000000..a21b97984
--- /dev/null
+++ b/apps/mobile/src/hooks/useNotificationGTWPermissions.ts
@@ -0,0 +1,18 @@
+import { useCallback } from 'react'
+import { useAppSelector } from '../store/hooks'
+import { RootState } from '../store'
+import { selectSigners } from '../store/signersSlice'
+import { selectSafeInfo } from '../store/safesSlice'
+import { getAccountType } from '@/src/utils/notifications/accountType'
+
+export function useNotificationGTWPermissions(safeAddress: string, chainId?: string) {
+  const appSigners = useAppSelector(selectSigners)
+
+  const activeSafeInfo = useAppSelector((state: RootState) => selectSafeInfo(state, safeAddress as `0x${string}`))
+
+  const safe = chainId ? activeSafeInfo?.[chainId] : undefined
+
+  const getAccountTypeFn = useCallback(() => getAccountType(safe, appSigners), [safe, appSigners])
+
+  return { getAccountType: getAccountTypeFn }
+}
diff --git a/apps/mobile/src/hooks/useNotificationHandler.ts b/apps/mobile/src/hooks/useNotificationHandler.ts
new file mode 100644
index 000000000..cc284ab64
--- /dev/null
+++ b/apps/mobile/src/hooks/useNotificationHandler.ts
@@ -0,0 +1,31 @@
+import { useEffect } from 'react'
+import { EventType } from '@notifee/react-native'
+import NotificationsService from '@/src/services/notifications/NotificationService'
+import Logger from '@/src/utils/logger'
+
+/**
+ * Hook to handle notification events when the app is in the foreground
+ */
+export const useNotificationHandler = () => {
+  useEffect(() => {
+    // Set up foreground event listener
+    const unsubscribe = NotificationsService.onForegroundEvent(async ({ type, detail }) => {
+      try {
+        if (type === EventType.PRESS) {
+          await NotificationsService.handleNotificationPress({ detail })
+        } else if (type === EventType.DELIVERED) {
+          await NotificationsService.incrementBadgeCount(1)
+        } else if (type === EventType.DISMISSED) {
+          Logger.info('User dismissed notification:', detail.notification?.id)
+        }
+      } catch (error) {
+        Logger.error('useNotificationHandler: Error handling foreground notification event', error)
+      }
+    })
+
+    // Cleanup
+    return () => {
+      unsubscribe()
+    }
+  }, [])
+}
diff --git a/apps/mobile/src/hooks/useNotificationManager.test.ts b/apps/mobile/src/hooks/useNotificationManager.test.ts
new file mode 100644
index 000000000..c11968673
--- /dev/null
+++ b/apps/mobile/src/hooks/useNotificationManager.test.ts
@@ -0,0 +1,71 @@
+import { renderHook, act, RootState } from '@/src/tests/test-utils'
+import { useNotificationManager } from './useNotificationManager'
+import NotificationsService from '@/src/services/notifications/NotificationService'
+const mockRegisterForNotifications = jest.fn()
+const mockUnregisterForNotifications = jest.fn()
+jest.mock('@/src/services/notifications/NotificationService', () => ({
+  isDeviceNotificationEnabled: jest.fn(),
+  getAllPermissions: jest.fn(),
+  requestPushNotificationsPermission: jest.fn(),
+}))
+jest.mock('@/src/hooks/useRegisterForNotifications', () => ({
+  __esModule: true,
+  default: () => ({
+    registerForNotifications: mockRegisterForNotifications,
+    unregisterForNotifications: mockUnregisterForNotifications,
+    isLoading: false,
+    error: null,
+  }),
+}))
+const mockedSafeInfo = {
+  address: { value: '0x123' as `0x${string}`, name: 'Test Safe' },
+  threshold: 1,
+  owners: [{ value: '0x456' as `0x${string}` }],
+  fiatTotal: '1000',
+  chainId: '1',
+  queued: 0,
+}
+const mockState = {
+  safes: {
+    [mockedSafeInfo.address.value]: {
+      [mockedSafeInfo.chainId]: {
+        ...mockedSafeInfo,
+      },
+    },
+  },
+  signers: {
+    [mockedSafeInfo.owners[0].value]: {
+      address: mockedSafeInfo.owners[0].value,
+      name: 'Test Safe',
+    },
+  },
+  settings: {
+    themePreference: 'auto',
+  },
+  notifications: {
+    isAppNotificationsEnabled: true,
+    isDeviceNotificationsEnabled: true,
+  },
+  activeSafe: {
+    address: mockedSafeInfo.address.value,
+    chainId: mockedSafeInfo.chainId,
+  },
+} as unknown as RootState
+describe('useNotificationManager', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('returns the correct notification status', () => {
+    const { result } = renderHook(() => useNotificationManager(), mockState)
+    expect(result.current.isAppNotificationEnabled).toBe(true)
+  })
+  it('handles errors when enabling notifications', async () => {
+    jest.mocked(NotificationsService.isDeviceNotificationEnabled).mockRejectedValueOnce(new Error('Test error'))
+    const { result } = renderHook(() => useNotificationManager())
+    await act(async () => {
+      const success = await result.current.enableNotification()
+      expect(success).toBe(false)
+    })
+  })
+})
diff --git a/apps/mobile/src/hooks/useNotificationManager.ts b/apps/mobile/src/hooks/useNotificationManager.ts
new file mode 100644
index 000000000..9e9940909
--- /dev/null
+++ b/apps/mobile/src/hooks/useNotificationManager.ts
@@ -0,0 +1,174 @@
+import { useCallback, useEffect, useRef } from 'react'
+import { AppState, Platform } from 'react-native'
+import NotificationsService from '@/src/services/notifications/NotificationService'
+import useRegisterForNotifications from '@/src/hooks/useRegisterForNotifications'
+import Logger from '@/src/utils/logger'
+import { useAppDispatch, useAppSelector } from '../store/hooks'
+import {
+  selectAppNotificationStatus,
+  selectPromptAttempts,
+  toggleDeviceNotifications,
+  updatePromptAttempts,
+} from '../store/notificationsSlice'
+import { selectActiveSafe } from '../store/activeSafeSlice'
+import { selectSafeSubscriptionStatus } from '../store/safeSubscriptionsSlice'
+
+export const useNotificationManager = () => {
+  const dispatch = useAppDispatch()
+  const promptAttempts = useAppSelector(selectPromptAttempts)
+  const isAppNotificationEnabled = useAppSelector(selectAppNotificationStatus)
+  const activeSafe = useAppSelector(selectActiveSafe)
+  const isSubscribed = useAppSelector((state) =>
+    activeSafe ? selectSafeSubscriptionStatus(state, activeSafe.address, activeSafe.chainId) : false,
+  )
+  const isAndroid = Platform.OS === 'android'
+  const promptThreshold = isAndroid ? 3 : 2
+  const { registerForNotifications, unregisterForNotifications, updatePermissionsForNotifications, isLoading } =
+    useRegisterForNotifications()
+
+  const appState = useRef(AppState.currentState)
+
+  // Using a ref instead of state to ensure the value persists across app background/foreground cycles
+  const pendingPermissionRequestRef = useRef(false)
+
+  const requestAndRegister = useCallback(
+    async (updateNotificationSettings = true, openSettingsOnDenied = false) => {
+      const { permission } = await NotificationsService.getAllPermissions()
+
+      if (permission === 'granted') {
+        const { loading, error } = await registerForNotifications(updateNotificationSettings)
+
+        pendingPermissionRequestRef.current = false
+
+        if (!loading && !error) {
+          dispatch(toggleDeviceNotifications(true))
+          return true
+        }
+      } else if (openSettingsOnDenied) {
+        pendingPermissionRequestRef.current = true
+        await NotificationsService.getAllPermissions(true)
+      }
+
+      return false
+    },
+    [dispatch, registerForNotifications],
+  )
+
+  const enableNotification = useCallback(async () => {
+    try {
+      Logger.info('enableNotification :: STARTED', { promptAttempts })
+      // Check if device notifications are enabled
+      const deviceNotificationStatus = await NotificationsService.isDeviceNotificationEnabled()
+
+      if (deviceNotificationStatus) {
+        const { loading, error } = await registerForNotifications()
+
+        if (!loading && !error) {
+          dispatch(toggleDeviceNotifications(true))
+          return true
+        }
+        return false
+      } else if (promptAttempts < promptThreshold) {
+        dispatch(updatePromptAttempts(promptAttempts + 1))
+        return await requestAndRegister()
+      } else {
+        pendingPermissionRequestRef.current = true
+        await NotificationsService.getAllPermissions(true)
+      }
+    } catch (error) {
+      pendingPermissionRequestRef.current = false
+      Logger.error('Error enabling push notifications', error)
+      return false
+    }
+  }, [dispatch, registerForNotifications, promptAttempts, requestAndRegister, promptThreshold])
+
+  const disableNotification = useCallback(async () => {
+    try {
+      const { loading, error } = await unregisterForNotifications()
+      if (!loading && !error) {
+        return true
+      }
+      return false
+    } catch (error) {
+      Logger.error('Error disabling push notifications', error)
+      return false
+    }
+  }, [unregisterForNotifications])
+
+  const toggleNotificationState = useCallback(async () => {
+    if (!activeSafe) {
+      return
+    }
+    try {
+      const deviceNotificationStatus = await NotificationsService.isDeviceNotificationEnabled()
+
+      if (!isSubscribed) {
+        if (!deviceNotificationStatus) {
+          const success = await requestAndRegister(false, true)
+          if (success) {
+            return true
+          }
+          // Don't clear the flag here if not granted immediately
+        } else {
+          await registerForNotifications(false)
+        }
+      } else {
+        await unregisterForNotifications(false)
+      }
+    } catch (error) {
+      pendingPermissionRequestRef.current = false
+      Logger.error('Error toggling notifications', error)
+    }
+  }, [isSubscribed, registerForNotifications, unregisterForNotifications, dispatch, activeSafe, requestAndRegister])
+
+  const updateNotificationPermissions = useCallback(async () => {
+    try {
+      const { loading, error } = await updatePermissionsForNotifications()
+
+      if (!loading && !error) {
+        return true
+      }
+    } catch (error) {
+      Logger.error('Error updating push notifications permissions', error)
+      return false
+    }
+  }, [updatePermissionsForNotifications])
+
+  useEffect(() => {
+    const subscription = AppState.addEventListener('change', async (nextAppState) => {
+      if (appState.current.match(/inactive|background/) && nextAppState === 'active') {
+        // App has come to the foreground
+        const deviceNotificationStatus = await NotificationsService.isDeviceNotificationEnabled()
+
+        // CASE 1: App notifications enabled but device notifications disabled
+        // Action: Disable app notifications to keep in sync
+        if (!deviceNotificationStatus && isAppNotificationEnabled) {
+          await disableNotification()
+        }
+
+        // CASE 2: Device notifications enabled but app notifications disabled
+        // Action: Only enable app notifications if we were waiting for the user to return from settings
+        else if (deviceNotificationStatus && !isAppNotificationEnabled && pendingPermissionRequestRef.current) {
+          await registerForNotifications()
+          // Clear the pending flag after handling
+          pendingPermissionRequestRef.current = false
+        }
+      }
+
+      appState.current = nextAppState
+    })
+
+    return () => {
+      subscription.remove()
+    }
+  }, [isAppNotificationEnabled, registerForNotifications, disableNotification])
+
+  return {
+    isAppNotificationEnabled,
+    enableNotification,
+    disableNotification,
+    toggleNotificationState,
+    updateNotificationPermissions,
+    isLoading,
+  }
+}
diff --git a/apps/mobile/src/hooks/useNotificationPayload.test.ts b/apps/mobile/src/hooks/useNotificationPayload.test.ts
new file mode 100644
index 000000000..62c085ec2
--- /dev/null
+++ b/apps/mobile/src/hooks/useNotificationPayload.test.ts
@@ -0,0 +1,82 @@
+import { act, renderHook } from '@/src/tests/test-utils'
+import { useNotificationPayload } from './useNotificationPayload'
+import { useSiwe } from '@/src/hooks/useSiwe'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+import { Wallet } from 'ethers'
+import { RootState } from '@/src/store'
+
+// Keep these mocks as they're not part of the store
+jest.mock('@/src/hooks/useSiwe')
+jest.mock('@/src/store/hooks/activeSafe')
+jest.mock('@/src/utils/logger')
+
+describe('useNotificationPayload', () => {
+  const mockCreateSiweMessage = jest.fn()
+  const mockUseSiwe = useSiwe as jest.Mock
+  const mockUseDefinedActiveSafe = useDefinedActiveSafe as jest.Mock
+
+  // Create a proper initial store state for testing
+  const initialStoreState: Partial<RootState> = {
+    notifications: {
+      isAppNotificationsEnabled: true,
+      isDeviceNotificationsEnabled: false,
+      fcmToken: null,
+      remoteMessages: [],
+      promptAttempts: 0,
+      lastTimePromptAttempted: null,
+    },
+    settings: {
+      themePreference: 'light',
+      onboardingVersionSeen: '1.0.0',
+      currency: 'usd',
+      env: {
+        rpc: {},
+        tenderly: {
+          url: '',
+          accessToken: '',
+        },
+      },
+    },
+    safes: {},
+  }
+
+  beforeEach(() => {
+    mockUseSiwe.mockReturnValue({ createSiweMessage: mockCreateSiweMessage })
+    mockUseDefinedActiveSafe.mockReturnValue({ address: 'mockAddress', chainId: '1' })
+  })
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('throws an error if signer is missing', async () => {
+    const { result } = renderHook(() => useNotificationPayload(), initialStoreState)
+
+    await act(async () => {
+      await expect(
+        result.current.getNotificationRegisterPayload({
+          signer: null as unknown as Wallet,
+          chainId: '1',
+        }),
+      ).rejects.toThrow('registerForNotifications: Signer account not found')
+    })
+  })
+
+  it('returns the correct payload', async () => {
+    const mockSigner = Wallet.createRandom()
+    mockCreateSiweMessage.mockReturnValue('mockSiweMessage')
+
+    const { result } = renderHook(() => useNotificationPayload(), initialStoreState)
+    let payload
+    await act(async () => {
+      payload = await result.current.getNotificationRegisterPayload({
+        signer: mockSigner,
+        chainId: '1',
+      })
+    })
+    expect(payload).toEqual({
+      siweMessage: 'mockSiweMessage',
+    })
+    expect(mockCreateSiweMessage).toHaveBeenCalled()
+  })
+})
diff --git a/apps/mobile/src/hooks/useNotificationPayload.ts b/apps/mobile/src/hooks/useNotificationPayload.ts
new file mode 100644
index 000000000..5727a410d
--- /dev/null
+++ b/apps/mobile/src/hooks/useNotificationPayload.ts
@@ -0,0 +1,42 @@
+import { ERROR_MSG } from '@/src/store/constants'
+import { useLazyAuthGetNonceV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/auth'
+import { useCallback } from 'react'
+import { useSiwe } from '@/src/hooks/useSiwe'
+
+import Logger from '@/src/utils/logger'
+import { HDNodeWallet, Wallet } from 'ethers'
+
+export function useNotificationPayload() {
+  const [getNonce] = useLazyAuthGetNonceV1Query()
+  const { createSiweMessage } = useSiwe()
+
+  const getNotificationRegisterPayload = useCallback(
+    async ({ signer, chainId }: { signer: Wallet | HDNodeWallet; chainId: string }) => {
+      const { data: nonceData } = await getNonce()
+      if (!nonceData) {
+        Logger.error('registerForNotifications: Failed to get nonce')
+        throw new Error(ERROR_MSG)
+      }
+
+      if (!signer) {
+        throw new Error('registerForNotifications: Signer account not found')
+      }
+
+      const siweMessage = createSiweMessage({
+        address: signer.address,
+        chainId: Number(chainId),
+        nonce: nonceData.nonce,
+        statement: 'Safe Wallet wants you to sign in with your Ethereum account',
+      })
+
+      return {
+        siweMessage,
+      }
+    },
+    [getNonce],
+  )
+
+  return {
+    getNotificationRegisterPayload,
+  }
+}
diff --git a/apps/mobile/src/hooks/usePendingTxs/index.ts b/apps/mobile/src/hooks/usePendingTxs/index.ts
new file mode 100644
index 000000000..06119aeed
--- /dev/null
+++ b/apps/mobile/src/hooks/usePendingTxs/index.ts
@@ -0,0 +1,51 @@
+import { useGetPendingTxsQuery } from '@safe-global/store/gateway'
+import { useMemo, useState } from 'react'
+import {
+  ConflictHeaderQueuedItem,
+  LabelQueuedItem,
+  QueuedItemPage,
+  TransactionQueuedItem,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { groupPendingTxs } from '@/src/features/PendingTx/utils'
+import { safelyDecodeURIComponent } from 'expo-router/build/fork/getStateFromPath-forks'
+import { useInfiniteScroll } from '../useInfiniteScroll'
+import { useDefinedActiveSafe } from '@/src/store/hooks/activeSafe'
+
+const usePendingTxs = () => {
+  const activeSafe = useDefinedActiveSafe()
+  const [pageUrl, setPageUrl] = useState<string>()
+
+  const { data, isLoading, isFetching, refetch, isUninitialized } = useGetPendingTxsQuery(
+    {
+      chainId: activeSafe.chainId,
+      safeAddress: activeSafe.address,
+      cursor: pageUrl && safelyDecodeURIComponent(pageUrl?.split('cursor=')[1]),
+    },
+    {
+      skip: !activeSafe.chainId,
+      pollingInterval: 10000,
+    },
+  )
+
+  const { list, onEndReached: fetchMoreTx } = useInfiniteScroll<
+    QueuedItemPage,
+    ConflictHeaderQueuedItem | LabelQueuedItem | TransactionQueuedItem
+  >({
+    refetch,
+    setPageUrl,
+    data,
+  })
+
+  const pendingTxs = useMemo(() => groupPendingTxs(list?.results || []), [list])
+
+  return {
+    hasMore: Boolean(data?.next),
+    amount: pendingTxs.amount,
+    data: pendingTxs.sections,
+    fetchMoreTx,
+    isLoading: isLoading || isUninitialized,
+    isFetching: isFetching,
+  }
+}
+
+export default usePendingTxs
diff --git a/apps/mobile/src/hooks/usePreventLeaveScreen/index.ts b/apps/mobile/src/hooks/usePreventLeaveScreen/index.ts
new file mode 100644
index 000000000..85eefabf2
--- /dev/null
+++ b/apps/mobile/src/hooks/usePreventLeaveScreen/index.ts
@@ -0,0 +1,21 @@
+import { usePreventRemove } from '@react-navigation/native'
+import { Alert } from 'react-native'
+import { useNavigation } from 'expo-router'
+
+export const usePreventLeaveScreen = (preventRemove: boolean) => {
+  const navigation = useNavigation()
+  usePreventRemove(preventRemove, ({ data }) => {
+    Alert.alert('Discard changes?', 'You have unsaved changes. Discard them and leave the screen?', [
+      {
+        text: "Don't leave",
+        style: 'cancel',
+        onPress: () => null,
+      },
+      {
+        text: 'Discard',
+        style: 'destructive',
+        onPress: () => navigation.dispatch(data.action),
+      },
+    ])
+  })
+}
diff --git a/apps/mobile/src/hooks/useRegisterForNotifications.ts b/apps/mobile/src/hooks/useRegisterForNotifications.ts
new file mode 100644
index 000000000..babacdb52
--- /dev/null
+++ b/apps/mobile/src/hooks/useRegisterForNotifications.ts
@@ -0,0 +1,143 @@
+import { useCallback, useState } from 'react'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import {
+  toggleAppNotifications,
+  updateLastTimePromptAttempted,
+  updatePromptAttempts,
+} from '@/src/store/notificationsSlice'
+import Logger from '@/src/utils/logger'
+import { ERROR_MSG } from '../store/constants'
+import { selectActiveSafe } from '../store/activeSafeSlice'
+import '@safe-global/store/gateway/AUTO_GENERATED/notifications'
+
+import { registerSafe, unregisterSafe } from '@/src/services/notifications/registration'
+import { store } from '@/src/store'
+import { selectAllChainsIds } from '../store/chains'
+import FCMService from '@/src/services/notifications/FCMService'
+import NotificationService from '@/src/services/notifications/NotificationService'
+import { notificationChannels, withTimeout } from '@/src/utils/notifications'
+
+export type RegisterForNotificationsProps = {
+  loading: boolean
+  error: string | null
+}
+
+interface NotificationsProps {
+  registerForNotifications: (updateNotificationSettings?: boolean) => Promise<RegisterForNotificationsProps>
+  unregisterForNotifications: (updateNotificationSettings?: boolean) => Promise<RegisterForNotificationsProps>
+  updatePermissionsForNotifications: () => Promise<RegisterForNotificationsProps>
+  isLoading: boolean
+  error: string | null
+}
+
+const useRegisterForNotifications = (): NotificationsProps => {
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+
+  const dispatch = useAppDispatch()
+  const activeSafe = useAppSelector(selectActiveSafe)
+  const allChainIds = useAppSelector(selectAllChainsIds)
+
+  const registerForNotifications = useCallback(
+    async (updateNotificationSettings = true) => {
+      try {
+        setLoading(true)
+        setError(null)
+
+        // For the initial opt-in, we perform global FCM setup and let the middleware handle all safe registrations
+        if (updateNotificationSettings) {
+          // Initialize FCM and create notification channels (global setup)
+          await FCMService.initNotification()
+          await withTimeout(NotificationService.createChannel(notificationChannels[0]), 5000)
+
+          // Dispatch the global toggle - this will trigger the middleware to register all safes
+          dispatch(toggleAppNotifications(true))
+          dispatch(updatePromptAttempts(0))
+          dispatch(updateLastTimePromptAttempted(0))
+        } else {
+          // For individual safe registration (used by toggle notification state), register only the active safe
+          if (!activeSafe) {
+            setLoading(false)
+            setError(ERROR_MSG)
+            return { loading, error }
+          }
+
+          await registerSafe(store, activeSafe.address, allChainIds)
+        }
+
+        setLoading(false)
+        setError(null)
+      } catch (err) {
+        Logger.error('FCM Registration failed', err)
+        setLoading(false)
+        setError((err as Error).toString())
+      }
+      return { loading, error }
+    },
+    [activeSafe, dispatch, allChainIds],
+  )
+
+  const unregisterForNotifications = useCallback(
+    async (updateNotificationSettings = true) => {
+      try {
+        setLoading(true)
+        setError(null)
+
+        if (!activeSafe) {
+          setLoading(false)
+          setError(ERROR_MSG)
+          return { loading, error }
+        }
+
+        await unregisterSafe(store, activeSafe.address, allChainIds)
+
+        if (updateNotificationSettings) {
+          dispatch(toggleAppNotifications(false))
+          dispatch(updatePromptAttempts(0))
+          dispatch(updateLastTimePromptAttempted(0))
+        }
+        setLoading(false)
+        setError(null)
+      } catch (err) {
+        Logger.error('FCM Unregistration failed', err)
+        setLoading(false)
+        setError((err as Error).toString())
+      }
+      return { loading, error }
+    },
+    [activeSafe, dispatch],
+  )
+
+  const updatePermissionsForNotifications = useCallback(async () => {
+    try {
+      setLoading(true)
+      setError(null)
+
+      if (!activeSafe) {
+        setLoading(false)
+        setError(ERROR_MSG)
+        return { loading, error }
+      }
+
+      await registerSafe(store, activeSafe.address, [activeSafe.chainId])
+
+      setLoading(false)
+      setError(null)
+    } catch (err) {
+      Logger.error('Notification permission update failed', err)
+      setLoading(false)
+      setError((err as Error).toString())
+    }
+    return { loading, error }
+  }, [activeSafe])
+
+  return {
+    registerForNotifications,
+    unregisterForNotifications,
+    updatePermissionsForNotifications,
+    isLoading: loading,
+    error,
+  }
+}
+
+export default useRegisterForNotifications
diff --git a/apps/mobile/src/hooks/useSafeInfo.ts b/apps/mobile/src/hooks/useSafeInfo.ts
new file mode 100644
index 000000000..b710d5e8d
--- /dev/null
+++ b/apps/mobile/src/hooks/useSafeInfo.ts
@@ -0,0 +1,33 @@
+import { useGetSafeQuery } from '@safe-global/store/gateway'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { defaultSafeInfo } from '@safe-global/store/slices/SafeInfo/utils'
+
+export const useSafeInfo = () => {
+  const activeSafe = useAppSelector(selectActiveSafe)
+
+  const {
+    data = defaultSafeInfo,
+    error,
+    isLoading,
+    isSuccess,
+  } = useGetSafeQuery(
+    {
+      chainId: activeSafe?.chainId ?? '',
+      safeAddress: activeSafe?.address ?? '',
+    },
+    {
+      skip: !activeSafe,
+    },
+  )
+
+  return {
+    safe: data,
+    safeAddress: activeSafe?.address,
+    safeLoaded: isSuccess,
+    safeError: error,
+    safeLoading: isLoading,
+  }
+}
+
+export default useSafeInfo
diff --git a/apps/mobile/src/hooks/useScreenProtection.ts b/apps/mobile/src/hooks/useScreenProtection.ts
new file mode 100644
index 000000000..419f7becf
--- /dev/null
+++ b/apps/mobile/src/hooks/useScreenProtection.ts
@@ -0,0 +1,33 @@
+import { useFocusEffect } from 'expo-router'
+import { useCallback } from 'react'
+import { CaptureProtection } from 'react-native-capture-protection'
+
+export interface ScreenProtectionOptions {
+  screenshot?: boolean
+  record?: boolean
+  appSwitcher?: boolean
+}
+
+/**
+ * Custom hook to enable screen protection when the screen is focused
+ * and disable it when the screen is unfocused.
+ *
+ * @param options - Configuration options for what to protect against
+ */
+export const useScreenProtection = (
+  options: ScreenProtectionOptions = {
+    screenshot: true,
+    record: true,
+    appSwitcher: true,
+  },
+) => {
+  useFocusEffect(
+    useCallback(() => {
+      CaptureProtection.prevent(options)
+
+      return () => {
+        CaptureProtection.allow()
+      }
+    }, [options]),
+  )
+}
diff --git a/apps/mobile/src/hooks/useScreenTracking.ts b/apps/mobile/src/hooks/useScreenTracking.ts
new file mode 100644
index 000000000..84279478a
--- /dev/null
+++ b/apps/mobile/src/hooks/useScreenTracking.ts
@@ -0,0 +1,15 @@
+import { useEffect } from 'react'
+import { usePathname, useGlobalSearchParams } from 'expo-router'
+import { trackScreenView } from '@/src/services/analytics'
+
+export const useScreenTracking = () => {
+  const pathname = usePathname()
+  const params = useGlobalSearchParams()
+
+  useEffect(() => {
+    const logScreenView = async () => {
+      await trackScreenView(pathname, pathname)
+    }
+    logScreenView()
+  }, [pathname, params])
+}
diff --git a/apps/mobile/src/hooks/useSign/index.ts b/apps/mobile/src/hooks/useSign/index.ts
new file mode 100644
index 000000000..29e17d7b2
--- /dev/null
+++ b/apps/mobile/src/hooks/useSign/index.ts
@@ -0,0 +1 @@
+export { storePrivateKey, getPrivateKey, createMnemonicAccount } from './useSign'
diff --git a/apps/mobile/src/hooks/useSign/useSign.test.ts b/apps/mobile/src/hooks/useSign/useSign.test.ts
new file mode 100644
index 000000000..be4ed3dce
--- /dev/null
+++ b/apps/mobile/src/hooks/useSign/useSign.test.ts
@@ -0,0 +1,167 @@
+import { act, renderHook } from '@/src/tests/test-utils'
+import { useSign, storePrivateKey, getPrivateKey, createMnemonicAccount } from './useSign'
+import { HDNodeWallet, Wallet } from 'ethers'
+import { keyStorageService, walletService } from '@/src/services/key-storage'
+
+jest.mock('@/src/services/key-storage', () => ({
+  keyStorageService: {
+    storePrivateKey: jest.fn(),
+    getPrivateKey: jest.fn(),
+  },
+  walletService: {
+    createMnemonicAccount: jest.fn(),
+  },
+  PrivateKeyStorageOptions: {},
+}))
+
+describe('useSign', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  describe('Direct function exports', () => {
+    it('call the keyStorageService to store the private key', async () => {
+      const { privateKey } = Wallet.createRandom()
+      const userId = 'userId'
+      const options = { requireAuthentication: true }
+
+      await storePrivateKey(userId, privateKey, options)
+
+      expect(keyStorageService.storePrivateKey).toHaveBeenCalledWith(userId, privateKey, options)
+    })
+
+    it('call the keyStorageService to get the private key', async () => {
+      const userId = 'userId'
+      const options = { requireAuthentication: true }
+      const mockPrivateKey = '0x123456'
+
+      jest.mocked(keyStorageService.getPrivateKey).mockResolvedValueOnce(mockPrivateKey)
+
+      const result = await getPrivateKey(userId, options)
+
+      expect(keyStorageService.getPrivateKey).toHaveBeenCalledWith(userId, options)
+      expect(result).toBe(mockPrivateKey)
+    })
+
+    it('call the walletService to create a mnemonic account', async () => {
+      const { mnemonic, privateKey } = Wallet.createRandom()
+      const mockWallet = { privateKey } as HDNodeWallet
+
+      jest.mocked(walletService.createMnemonicAccount).mockResolvedValueOnce(mockWallet)
+
+      const wallet = await createMnemonicAccount(mnemonic?.phrase as string)
+
+      expect(walletService.createMnemonicAccount).toHaveBeenCalledWith(mnemonic?.phrase)
+      expect(wallet).toBe(mockWallet)
+    })
+  })
+
+  describe('useSign hook', () => {
+    it('returns loading state and handle successful key storage', async () => {
+      const { privateKey } = Wallet.createRandom()
+      const userId = 'userId'
+      const options = { requireAuthentication: true }
+
+      jest.mocked(keyStorageService.storePrivateKey).mockImplementation(async () => {
+        return Promise.resolve()
+      })
+
+      const { result } = renderHook(() => useSign())
+
+      expect(result.current.isLoading).toBe(false)
+      expect(result.current.error).toBe(null)
+
+      let success
+      await act(async () => {
+        success = await result.current.storePrivateKey(userId, privateKey, options)
+      })
+
+      expect(keyStorageService.storePrivateKey).toHaveBeenCalledWith(userId, privateKey, options)
+      expect(success).toBe(true)
+      expect(result.current.isLoading).toBe(false)
+      expect(result.current.error).toBe(null)
+    })
+
+    it('handles errors when storing private key', async () => {
+      const { privateKey } = Wallet.createRandom()
+      const userId = 'userId'
+      const options = { requireAuthentication: true }
+      const errorMessage = 'Storage error'
+
+      jest.mocked(keyStorageService.storePrivateKey).mockImplementation(async () => {
+        throw new Error(errorMessage)
+      })
+
+      const { result } = renderHook(() => useSign())
+
+      let success
+      await act(async () => {
+        success = await result.current.storePrivateKey(userId, privateKey, options)
+      })
+
+      expect(keyStorageService.storePrivateKey).toHaveBeenCalledWith(userId, privateKey, options)
+      expect(success).toBe(false)
+      expect(result.current.isLoading).toBe(false)
+      expect(result.current.error).toBe(errorMessage)
+    })
+
+    it('handles successful private key retrieval', async () => {
+      const userId = 'userId'
+      const options = { requireAuthentication: true }
+      const mockPrivateKey = '0x123456'
+
+      jest.mocked(keyStorageService.getPrivateKey).mockResolvedValueOnce(mockPrivateKey)
+
+      const { result } = renderHook(() => useSign())
+
+      let returnedKey
+      await act(async () => {
+        returnedKey = await result.current.getPrivateKey(userId, options)
+      })
+
+      expect(keyStorageService.getPrivateKey).toHaveBeenCalledWith(userId, options)
+      expect(returnedKey).toBe(mockPrivateKey)
+      expect(result.current.isLoading).toBe(false)
+      expect(result.current.error).toBe(null)
+    })
+
+    it('handles successful mnemonic account creation', async () => {
+      const { mnemonic, privateKey } = Wallet.createRandom()
+      const mockWallet = { privateKey } as HDNodeWallet
+
+      jest.mocked(walletService.createMnemonicAccount).mockResolvedValueOnce(mockWallet)
+
+      const { result } = renderHook(() => useSign())
+
+      let wallet
+      await act(async () => {
+        wallet = await result.current.createMnemonicAccount(mnemonic?.phrase as string)
+      })
+
+      expect(walletService.createMnemonicAccount).toHaveBeenCalledWith(mnemonic?.phrase)
+      expect(wallet).toBe(mockWallet)
+      expect(result.current.isLoading).toBe(false)
+      expect(result.current.error).toBe(null)
+    })
+  })
+
+  describe('KeyStorageService integration', () => {
+    it('stores and retrieves a private key', async () => {
+      const mockStoreImpl = jest.spyOn(keyStorageService, 'storePrivateKey')
+      const mockGetImpl = jest.spyOn(keyStorageService, 'getPrivateKey')
+
+      mockStoreImpl.mockResolvedValue(undefined)
+      mockGetImpl.mockResolvedValue('decryptedKey')
+
+      const userId = 'testUser'
+      const privateKey = 'privateKey123'
+
+      await keyStorageService.storePrivateKey(userId, privateKey, { requireAuthentication: true })
+      const retrievedKey = await keyStorageService.getPrivateKey(userId, { requireAuthentication: true })
+
+      expect(mockStoreImpl).toHaveBeenCalledWith(userId, privateKey, { requireAuthentication: true })
+      expect(mockGetImpl).toHaveBeenCalledWith(userId, { requireAuthentication: true })
+      expect(retrievedKey).toBe('decryptedKey')
+    })
+  })
+})
diff --git a/apps/mobile/src/hooks/useSign/useSign.ts b/apps/mobile/src/hooks/useSign/useSign.ts
new file mode 100644
index 000000000..78ec6b534
--- /dev/null
+++ b/apps/mobile/src/hooks/useSign/useSign.ts
@@ -0,0 +1,81 @@
+import { useState, useCallback } from 'react'
+import { HDNodeWallet } from 'ethers'
+import { keyStorageService, walletService, PrivateKeyStorageOptions } from '@/src/services/key-storage'
+import Logger from '@/src/utils/logger'
+
+export const useSign = () => {
+  const [isLoading, setIsLoading] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+
+  const storePrivateKey = useCallback(
+    async (
+      userId: string,
+      privateKey: string,
+      options: PrivateKeyStorageOptions = { requireAuthentication: true },
+    ): Promise<boolean> => {
+      setIsLoading(true)
+      setError(null)
+      try {
+        await keyStorageService.storePrivateKey(userId, privateKey, options)
+        return true
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : 'Failed to store private key'
+        setError(errorMessage)
+        Logger.error('storePrivateKey', { userId, error: errorMessage })
+        return false
+      } finally {
+        setIsLoading(false)
+      }
+    },
+    [],
+  )
+
+  const getPrivateKey = useCallback(
+    async (
+      userId: string,
+      options: PrivateKeyStorageOptions = { requireAuthentication: true },
+    ): Promise<string | undefined> => {
+      setIsLoading(true)
+      setError(null)
+      try {
+        return await keyStorageService.getPrivateKey(userId, options)
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : 'Failed to get private key'
+        setError(errorMessage)
+        Logger.error('getPrivateKey', { userId, error: errorMessage })
+        return undefined
+      } finally {
+        setIsLoading(false)
+      }
+    },
+    [],
+  )
+
+  const createMnemonicAccount = useCallback(async (mnemonic: string): Promise<HDNodeWallet | undefined> => {
+    setIsLoading(true)
+    setError(null)
+    try {
+      return await walletService.createMnemonicAccount(mnemonic)
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : 'Failed to create mnemonic account'
+      setError(errorMessage)
+      Logger.error('createMnemonicAccount', { error: errorMessage })
+      return undefined
+    } finally {
+      setIsLoading(false)
+    }
+  }, [])
+
+  return {
+    storePrivateKey,
+    getPrivateKey,
+    createMnemonicAccount,
+    isLoading,
+    error,
+  }
+}
+
+// For backward compatibility, also export the functions directly (for now)
+export const storePrivateKey = keyStorageService.storePrivateKey.bind(keyStorageService)
+export const getPrivateKey = keyStorageService.getPrivateKey.bind(keyStorageService)
+export const createMnemonicAccount = walletService.createMnemonicAccount.bind(walletService)
diff --git a/apps/mobile/src/hooks/useSiwe.ts b/apps/mobile/src/hooks/useSiwe.ts
new file mode 100644
index 000000000..e085030e0
--- /dev/null
+++ b/apps/mobile/src/hooks/useSiwe.ts
@@ -0,0 +1,36 @@
+import { useCallback } from 'react'
+import { SiweMessage } from 'siwe'
+import { HDNodeWallet, Wallet } from 'ethers'
+
+interface SiweMessageProps {
+  address: string
+  chainId: number
+  nonce: string
+  statement: string
+}
+
+export function useSiwe() {
+  const createSiweMessage = useCallback(({ address, chainId, nonce, statement }: SiweMessageProps) => {
+    const message = new SiweMessage({
+      address,
+      chainId,
+      domain: 'global.safe.mobileapp',
+      statement,
+      nonce,
+      uri: 'https://safe.global',
+      version: '1',
+      issuedAt: new Date().toISOString(),
+    })
+    return message.prepareMessage()
+  }, [])
+
+  const signMessage = useCallback(async ({ signer, message }: { signer: Wallet | HDNodeWallet; message: string }) => {
+    const signature = await signer.signMessage(message)
+    return signature
+  }, [])
+
+  return {
+    createSiweMessage,
+    signMessage,
+  }
+}
diff --git a/apps/mobile/src/hooks/useTokenDetails/index.ts b/apps/mobile/src/hooks/useTokenDetails/index.ts
new file mode 100644
index 000000000..90dea20df
--- /dev/null
+++ b/apps/mobile/src/hooks/useTokenDetails/index.ts
@@ -0,0 +1 @@
+export { useTokenDetails } from './useTokenDetails'
diff --git a/apps/mobile/src/hooks/useTokenDetails/useTokenDetails.ts b/apps/mobile/src/hooks/useTokenDetails/useTokenDetails.ts
new file mode 100644
index 000000000..459f17b14
--- /dev/null
+++ b/apps/mobile/src/hooks/useTokenDetails/useTokenDetails.ts
@@ -0,0 +1,55 @@
+import { selectActiveChainCurrency } from '@/src/store/chains'
+import { useAppSelector } from '@/src/store/hooks'
+import { isERC20Transfer, isERC721Transfer, isNativeTokenTransfer } from '@/src/utils/transaction-guards'
+import { TransferTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { ellipsis } from '@safe-global/utils/utils/formatters'
+
+interface tokenDetails {
+  value: string
+  decimals?: number
+  tokenSymbol?: string
+  name: string
+  logoUri?: string
+}
+
+export const useTokenDetails = (txInfo: TransferTransactionInfo): tokenDetails => {
+  const transfer = txInfo.transferInfo
+  const unnamedToken = 'Unnamed token'
+  const nativeCurrency = useAppSelector(selectActiveChainCurrency)
+
+  if (isNativeTokenTransfer(transfer) && nativeCurrency) {
+    return {
+      value: transfer.value || '0',
+      // take it from the native currency slice
+      decimals: nativeCurrency.decimals,
+      tokenSymbol: nativeCurrency.symbol,
+      name: nativeCurrency.name,
+      logoUri: nativeCurrency.logoUri,
+    }
+  }
+
+  if (isERC20Transfer(transfer)) {
+    return {
+      value: transfer.value || '0',
+      decimals: transfer.decimals || undefined,
+      logoUri: transfer.logoUri || undefined,
+      tokenSymbol: ellipsis((transfer.tokenSymbol || 'Unknown Token').trim(), 6),
+      name: transfer.tokenName || unnamedToken,
+    }
+  }
+
+  if (isERC721Transfer(transfer)) {
+    return {
+      name: transfer.tokenName || unnamedToken,
+      tokenSymbol: ellipsis(`${transfer.tokenSymbol || 'Unknown NFT'} #${transfer.tokenId}`, 8),
+      value: '1',
+      decimals: 0,
+      logoUri: transfer?.logoUri || undefined,
+    }
+  }
+
+  return {
+    name: unnamedToken,
+    value: '',
+  }
+}
diff --git a/apps/mobile/src/hooks/useTransactionType/index.tsx b/apps/mobile/src/hooks/useTransactionType/index.tsx
new file mode 100644
index 000000000..71459e2d3
--- /dev/null
+++ b/apps/mobile/src/hooks/useTransactionType/index.tsx
@@ -0,0 +1,170 @@
+import { useMemo } from 'react'
+import type { AnyAppDataDocVersion, latest } from '@cowprotocol/app-data'
+import { SettingsInfoType, TransactionInfoType } from '@safe-global/store/gateway/types'
+import type { Transaction, AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import {
+  isCancellationTxInfo,
+  isModuleExecutionInfo,
+  isMultiSendTxInfo,
+  isOutgoingTransfer,
+  isTxQueued,
+} from '@/src/utils/transaction-guards'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { SwapOrderTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+const getTxTo = ({ txInfo }: Pick<Transaction, 'txInfo'>): AddressInfo | undefined => {
+  switch (txInfo.type) {
+    case TransactionInfoType.CREATION: {
+      return txInfo.factory
+    }
+    case TransactionInfoType.TRANSFER: {
+      return txInfo.recipient
+    }
+    case TransactionInfoType.SETTINGS_CHANGE: {
+      return undefined
+    }
+    case TransactionInfoType.CUSTOM: {
+      return txInfo.to
+    }
+  }
+}
+
+export interface TxType {
+  text: string
+  icon?: string | React.ReactElement
+  image: string | React.ReactElement
+}
+
+export const getOrderClass = (order: Pick<SwapOrderTransactionInfo, 'fullAppData'>): latest.OrderClass1 => {
+  const fullAppData = order.fullAppData as AnyAppDataDocVersion
+  const orderClass = (fullAppData?.metadata?.orderClass as latest.OrderClass)?.orderClass
+
+  return orderClass || 'market'
+}
+
+export const getTransactionType = (tx: Transaction): TxType => {
+  const toAddress = getTxTo(tx)
+
+  switch (tx.txInfo.type) {
+    case TransactionInfoType.CREATION: {
+      return {
+        image: toAddress?.logoUri || <SafeFontIcon name={'settings'} />,
+        icon: toAddress?.logoUri || <SafeFontIcon name={'settings'} />,
+        text: 'Safe Account created',
+      }
+    }
+    case TransactionInfoType.SWAP_TRANSFER:
+    case TransactionInfoType.TRANSFER: {
+      const isSendTx = isOutgoingTransfer(tx.txInfo)
+      const icon = isSendTx ? (
+        <SafeFontIcon name={'transaction-outgoing'} />
+      ) : (
+        <SafeFontIcon name={'transaction-incoming'} />
+      )
+      return {
+        icon,
+        image: 'https://safe-transaction-assets.safe.global/chains/1/currency_logo.png',
+        text: isSendTx ? (isTxQueued(tx.txStatus) ? 'Send' : 'Sent') : 'Received',
+      }
+    }
+    case TransactionInfoType.SETTINGS_CHANGE: {
+      // deleteGuard doesn't exist in Solidity
+      // It is decoded as 'setGuard' with a settingsInfo.type of 'DELETE_GUARD'
+      const isDeleteGuard = tx.txInfo.settingsInfo?.type === SettingsInfoType.DELETE_GUARD
+
+      return {
+        image: <SafeFontIcon name={'settings'} />,
+        icon: <SafeFontIcon name={'settings'} />,
+        text: isDeleteGuard ? 'deleteGuard' : tx.txInfo.dataDecoded.method,
+      }
+    }
+
+    case TransactionInfoType.SWAP_ORDER: {
+      const orderClass = getOrderClass(tx.txInfo)
+      const altText = orderClass === 'limit' ? 'Limit order' : 'Swap order'
+
+      return {
+        image: <SafeFontIcon name={'transaction-swap'} />,
+        icon: <SafeFontIcon name={'transaction-swap'} />,
+        text: altText,
+      }
+    }
+    case TransactionInfoType.TWAP_ORDER: {
+      return {
+        image: <SafeFontIcon name={'transaction-swap'} />,
+        icon: <SafeFontIcon name={'transaction-swap'} />,
+        text: 'TWAP order',
+      }
+    }
+    case 'SwapAndBridge': {
+      return {
+        image: <SafeFontIcon name={'transaction-swap'} />,
+        icon: <SafeFontIcon name={'transaction-swap'} />,
+        text: 'Bridge transaction',
+      }
+    }
+    case 'Swap': {
+      return {
+        image: <SafeFontIcon name={'transaction-swap'} />,
+        icon: <SafeFontIcon name={'transaction-swap'} />,
+        text: 'LiFi swap',
+      }
+    }
+    case TransactionInfoType.CUSTOM: {
+      if (isMultiSendTxInfo(tx.txInfo) && !tx.safeAppInfo) {
+        return {
+          image: <SafeFontIcon name={'safe'} />,
+          icon: <SafeFontIcon name={'transaction-batch'} />,
+          text: 'Batch',
+        }
+      }
+
+      if (isModuleExecutionInfo(tx.executionInfo)) {
+        return {
+          image: toAddress?.logoUri || <SafeFontIcon name={'transaction-contract'} />,
+          icon: <SafeFontIcon name={'transaction-contract'} />,
+          text: toAddress?.name || 'Contract interaction',
+        }
+      }
+
+      if (isCancellationTxInfo(tx.txInfo)) {
+        return {
+          image: <SafeFontIcon name={'close'} />,
+          icon: <SafeFontIcon name={'close'} />,
+          text: 'On-chain rejection',
+        }
+      }
+
+      return {
+        image: toAddress?.logoUri || <SafeFontIcon name={'transaction-contract'} />,
+        icon: <SafeFontIcon name={'transaction-contract'} />,
+        text: toAddress?.name || 'Contract interaction',
+      }
+    }
+    default: {
+      if (tx.safeAppInfo) {
+        return {
+          image: tx.safeAppInfo.logoUri || '',
+          icon: <SafeFontIcon name={'safe'} />,
+          text: tx.safeAppInfo.name,
+        }
+      }
+
+      return {
+        icon: <SafeFontIcon name={'transaction-contract'} />,
+        image: <SafeFontIcon name={'transaction-contract'} />,
+        text: 'Contract interaction',
+      }
+    }
+  }
+}
+
+// We're going to need the address book in the future
+// rename it to useTransactionNormalizer
+export const useTransactionType = (tx: Transaction): TxType => {
+  // addressBook = useAddressBook
+
+  return useMemo(() => {
+    return getTransactionType(tx)
+  }, [tx])
+}
diff --git a/apps/mobile/src/hooks/useTransactionType/useTransactionType.test.tsx b/apps/mobile/src/hooks/useTransactionType/useTransactionType.test.tsx
new file mode 100644
index 000000000..429fb848c
--- /dev/null
+++ b/apps/mobile/src/hooks/useTransactionType/useTransactionType.test.tsx
@@ -0,0 +1,161 @@
+import { renderHook } from '@/src/tests/test-utils'
+import { useTransactionType } from '.'
+import { mockTransactionSummary, mockTransferWithInfo } from '@/src/tests/mocks'
+import { TransactionInfoType, TransactionStatus, TransferDirection } from '@safe-global/store/gateway/types'
+
+describe('useTransactionType', () => {
+  it('should be a Received transaction', () => {
+    const { result } = renderHook(() => useTransactionType(mockTransactionSummary))
+
+    expect(result.current.text).toBe('Received')
+  })
+
+  it('should be a Creation transaction', () => {
+    const { result } = renderHook(() =>
+      useTransactionType({
+        ...mockTransactionSummary,
+        txInfo: mockTransferWithInfo({
+          type: TransactionInfoType.CREATION,
+        }),
+      }),
+    )
+
+    expect(result.current.text).toBe('Safe Account created')
+  })
+
+  it('should be a outgoing transfer transaction', () => {
+    const { result } = renderHook(() =>
+      useTransactionType({
+        ...mockTransactionSummary,
+        txInfo: mockTransferWithInfo({
+          type: TransactionInfoType.TRANSFER,
+          direction: TransferDirection.OUTGOING,
+        }),
+      }),
+    )
+
+    expect(result.current.text).toBe('Sent')
+  })
+
+  it('should be a outgoing transfer transaction awaiting for execution', () => {
+    const { result } = renderHook(() =>
+      useTransactionType({
+        ...mockTransactionSummary,
+        txStatus: TransactionStatus.AWAITING_EXECUTION,
+        txInfo: mockTransferWithInfo({
+          type: TransactionInfoType.TRANSFER,
+          direction: TransferDirection.OUTGOING,
+        }),
+      }),
+    )
+
+    expect(result.current.text).toBe('Send')
+  })
+
+  it('should return the type for a SETTINGS_CHANGE transaction', () => {
+    const { result } = renderHook(() =>
+      useTransactionType({
+        ...mockTransactionSummary,
+        txStatus: TransactionStatus.SUCCESS,
+        txInfo: mockTransferWithInfo({
+          type: TransactionInfoType.SETTINGS_CHANGE,
+        }),
+      }),
+    )
+
+    expect(result.current.text).toBe('mockMethod')
+  })
+
+  it('should return the type for a SWAP_ORDER transaction', () => {
+    const { result } = renderHook(() =>
+      useTransactionType({
+        ...mockTransactionSummary,
+        txStatus: TransactionStatus.SUCCESS,
+        txInfo: mockTransferWithInfo({
+          type: TransactionInfoType.SWAP_ORDER,
+        }),
+      }),
+    )
+
+    expect(result.current.text).toBe('Swap order')
+  })
+
+  it('should return the type for a TWAP_ORDER transaction', () => {
+    const { result } = renderHook(() =>
+      useTransactionType({
+        ...mockTransactionSummary,
+        txStatus: TransactionStatus.SUCCESS,
+        txInfo: mockTransferWithInfo({
+          type: TransactionInfoType.TWAP_ORDER,
+        }),
+      }),
+    )
+
+    expect(result.current.text).toBe('TWAP order')
+  })
+
+  it('should return the type for a CUSTOM transaction', () => {
+    const { result } = renderHook(() =>
+      useTransactionType({
+        ...mockTransactionSummary,
+        txStatus: TransactionStatus.SUCCESS,
+        txInfo: mockTransferWithInfo({
+          type: TransactionInfoType.CUSTOM,
+        }),
+      }),
+    )
+
+    expect(result.current.text).toBe('Contract interaction')
+  })
+
+  it('should return a `Batch` text for a CUSTOM batch transaction', () => {
+    const { result } = renderHook(() =>
+      useTransactionType({
+        ...mockTransactionSummary,
+        txStatus: TransactionStatus.SUCCESS,
+        txInfo: mockTransferWithInfo({
+          type: TransactionInfoType.CUSTOM,
+          methodName: 'multiSend',
+          actionCount: 2,
+        }),
+        safeAppInfo: undefined,
+      }),
+    )
+
+    expect(result.current.text).toBe('Batch')
+  })
+
+  it('should return the default transaction information', () => {
+    const { result } = renderHook(() =>
+      useTransactionType({
+        ...mockTransactionSummary,
+        txStatus: TransactionStatus.SUCCESS,
+        txInfo: mockTransferWithInfo({
+          type: 'something else' as TransactionInfoType,
+        }),
+        safeAppInfo: undefined,
+      }),
+    )
+
+    expect(result.current.text).toBe('Contract interaction')
+  })
+
+  it('should return the default transaction information with safe information', () => {
+    const { result } = renderHook(() =>
+      useTransactionType({
+        ...mockTransactionSummary,
+        txStatus: TransactionStatus.SUCCESS,
+        txInfo: mockTransferWithInfo({
+          type: 'something else' as TransactionInfoType,
+        }),
+        safeAppInfo: {
+          name: 'somename',
+          url: 'http://google.com',
+          logoUri: 'myurl.com',
+        },
+      }),
+    )
+
+    expect(result.current.text).toBe('somename')
+  })
+})
diff --git a/apps/mobile/src/hooks/useValidLogoUri.ts b/apps/mobile/src/hooks/useValidLogoUri.ts
new file mode 100644
index 000000000..94a2537f4
--- /dev/null
+++ b/apps/mobile/src/hooks/useValidLogoUri.ts
@@ -0,0 +1,22 @@
+import { useEffect, useState } from 'react'
+import { Image } from 'react-native'
+
+const useValidLogoUri = (logoUri?: string | null) => {
+  const [validUri, setValidUri] = useState<string | null>(null)
+
+  useEffect(() => {
+    if (!logoUri) {
+      return
+    }
+
+    Image.getSize(
+      logoUri,
+      () => setValidUri(logoUri),
+      () => setValidUri(null),
+    )
+  }, [logoUri])
+
+  return validUri
+}
+
+export default useValidLogoUri
diff --git a/apps/mobile/src/hooks/wallets/web3.ts b/apps/mobile/src/hooks/wallets/web3.ts
new file mode 100644
index 000000000..e7fae1ae3
--- /dev/null
+++ b/apps/mobile/src/hooks/wallets/web3.ts
@@ -0,0 +1,75 @@
+import type { Chain, RpcUri } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { RPC_AUTHENTICATION } from '@safe-global/store/gateway/types'
+import { INFURA_TOKEN, SAFE_APPS_INFURA_TOKEN } from '@safe-global/utils/config/constants'
+import { JsonRpcProvider, BrowserProvider, type Eip1193Provider } from 'ethers'
+import ExternalStore from '@safe-global/utils/services/ExternalStore'
+
+/**
+ * Infura and other RPC providers limit the max amount included in a batch RPC call.
+ * Ethers uses 100 by default which is too high for i.e. Infura.
+ *
+ * Some networks like Scroll only support a batch size of 3.
+ */
+const BATCH_MAX_COUNT = 3
+
+// RPC helpers
+const formatRpcServiceUrl = ({ authentication, value }: RpcUri, token: string): string => {
+  const needsToken = authentication === RPC_AUTHENTICATION.API_KEY_PATH
+
+  if (needsToken && !token) {
+    console.warn('Infura token not set in .env')
+    return ''
+  }
+
+  return needsToken ? `${value}${token}` : value
+}
+
+export const getRpcServiceUrl = (rpcUri: RpcUri): string => {
+  return formatRpcServiceUrl(rpcUri, INFURA_TOKEN)
+}
+
+export const createWeb3ReadOnly = (chain: Chain, customRpc?: string): JsonRpcProvider | undefined => {
+  const url = customRpc || getRpcServiceUrl(chain.rpcUri)
+  if (!url) {
+    return
+  }
+  return new JsonRpcProvider(url, Number(chain.chainId), {
+    staticNetwork: true,
+    batchMaxCount: BATCH_MAX_COUNT,
+  })
+}
+
+export const createWeb3 = (walletProvider: Eip1193Provider): BrowserProvider => {
+  return new BrowserProvider(walletProvider)
+}
+
+export const createSafeAppsWeb3Provider = (chain: Chain, customRpc?: string): JsonRpcProvider | undefined => {
+  const url = customRpc || formatRpcServiceUrl(chain.rpcUri, SAFE_APPS_INFURA_TOKEN)
+  if (!url) {
+    return
+  }
+  return new JsonRpcProvider(url, undefined, {
+    staticNetwork: true,
+    batchMaxCount: BATCH_MAX_COUNT,
+  })
+}
+
+export const { setStore: setWeb3, useStore: useWeb3 } = new ExternalStore<BrowserProvider>()
+
+export const {
+  getStore: getWeb3ReadOnly,
+  setStore: setWeb3ReadOnly,
+  useStore: useWeb3ReadOnly,
+} = new ExternalStore<JsonRpcProvider>()
+
+export const getUserNonce = async (userAddress: string): Promise<number> => {
+  const web3 = getWeb3ReadOnly()
+  if (!web3) {
+    return -1
+  }
+  try {
+    return await web3.getTransactionCount(userAddress, 'pending')
+  } catch (error) {
+    return Promise.reject(error)
+  }
+}
diff --git a/apps/mobile/src/navigation/NavigationGuardHOC.tsx b/apps/mobile/src/navigation/NavigationGuardHOC.tsx
new file mode 100644
index 000000000..06ee0ec98
--- /dev/null
+++ b/apps/mobile/src/navigation/NavigationGuardHOC.tsx
@@ -0,0 +1,71 @@
+import { useRouter, useSegments } from 'expo-router'
+import React, { useEffect, useState } from 'react'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { selectSettings } from '@/src/store/settingsSlice'
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { selectAppNotificationStatus, updatePromptAttempts, selectPromptAttempts } from '@/src/store/notificationsSlice'
+import { ONBOARDING_VERSION } from '@/src/config/constants'
+import { useBiometrics } from '../hooks/useBiometrics'
+let navigated = false
+
+function useInitialNavigationScreen() {
+  const onboardingVersionSeen = useAppSelector((state) => selectSettings(state, 'onboardingVersionSeen'))
+  const isAppNotificationEnabled = useAppSelector(selectAppNotificationStatus)
+  const activeSafe = useAppSelector(selectActiveSafe)
+  const promptAttempts = useAppSelector(selectPromptAttempts)
+  const dispatch = useAppDispatch()
+  const router = useRouter()
+  const segments = useSegments()
+
+  /*
+   * If the user has not enabled notifications and has not been prompted to enable them,
+   * show him the opt-in screen, but only if he is in a navigator that has (tabs) as the first screen
+   * */
+  const [hasShownNotifications, setHasShownNotifications] = useState(false)
+  const shouldShowOptIn = !isAppNotificationEnabled && !promptAttempts && segments[0] === '(tabs)'
+
+  useEffect(() => {
+    if (shouldShowOptIn && !hasShownNotifications) {
+      dispatch(updatePromptAttempts(1))
+      setHasShownNotifications(true)
+      setTimeout(() => {
+        router.navigate('/notifications-opt-in')
+      }, 500)
+    }
+  }, [shouldShowOptIn, hasShownNotifications, dispatch])
+
+  React.useEffect(() => {
+    // We will navigate only on startup. Any other navigation should not happen here
+    if (navigated) {
+      return
+    }
+
+    // We first check whether the user has seen the current version of the onboarding
+    if (onboardingVersionSeen !== ONBOARDING_VERSION) {
+      router.replace('/onboarding')
+    } else {
+      // If the user has seen the onboarding, we check if they have an active safe
+      // and redirect him to it
+      if (activeSafe) {
+        router.replace('/(tabs)')
+      } else {
+        // if the user doesn't have an active safe what he most probably did is to close
+        // the app on the onboarding screen and started it again. In this case, we show him
+        // again the onboarding, but also on top of it open the "get started" screen
+        router.replace('/onboarding')
+        // It makes it a bit nicer if we wait a bit before navigating to the get started screen
+        setTimeout(() => {
+          router.push('/get-started')
+        }, 500)
+      }
+    }
+
+    navigated = true
+  }, [onboardingVersionSeen, activeSafe])
+}
+
+export function NavigationGuardHOC({ children }: { children: React.ReactNode }) {
+  useInitialNavigationScreen()
+  useBiometrics()
+  return children
+}
diff --git a/apps/mobile/src/navigation/hooks/utils.tsx b/apps/mobile/src/navigation/hooks/utils.tsx
new file mode 100644
index 000000000..4bdf9d709
--- /dev/null
+++ b/apps/mobile/src/navigation/hooks/utils.tsx
@@ -0,0 +1,36 @@
+import { HeaderBackButton } from '@react-navigation/elements'
+import { type NativeStackHeaderLeftProps } from '@react-navigation/native-stack'
+import { View } from 'tamagui'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+
+export const getDefaultScreenOptions = (goBack: () => void) => {
+  return {
+    headerBackButtonDisplayMode: 'minimal' as const,
+    headerShadowVisible: false,
+    headerLeft: (props: NativeStackHeaderLeftProps) => {
+      return (
+        <HeaderBackButton
+          {...props}
+          style={{ marginLeft: -8 }}
+          testID={'go-back'}
+          onPress={goBack}
+          backImage={() => {
+            return (
+              <View
+                backgroundColor={'$backgroundSkeleton'}
+                alignItems={'center'}
+                justifyContent={'center'}
+                borderRadius={16}
+                height={32}
+                width={32}
+              >
+                <SafeFontIcon name={'arrow-left'} size={16} color={'$color'} />
+              </View>
+            )
+          }}
+          displayMode={'minimal'}
+        />
+      )
+    },
+  }
+}
diff --git a/apps/mobile/src/navigation/useScrollableHeader.tsx b/apps/mobile/src/navigation/useScrollableHeader.tsx
new file mode 100644
index 000000000..b5153afcd
--- /dev/null
+++ b/apps/mobile/src/navigation/useScrollableHeader.tsx
@@ -0,0 +1,56 @@
+// useScrollableHeader.ts
+import { useEffect } from 'react'
+import { NativeSyntheticEvent, NativeScrollEvent } from 'react-native'
+import { useNavigation } from '@react-navigation/native'
+import Animated, { useSharedValue, useAnimatedStyle, withTiming } from 'react-native-reanimated'
+
+interface UseScrollableHeaderProps {
+  children: React.ReactNode
+  scrollYThreshold?: number // Default threshold for opacity change
+  alwaysVisible?: boolean
+}
+
+/**
+ * https://reactnavigation.org/docs/native-stack-navigator/#headerlargetitle
+ * HeaderLargeTitle only works when the header title is a string.
+ * If one tries to pass a component as a header title, the LargeHeaderTitle will not work.
+ *
+ * This hook is a workaround to use a custom component as a header title and update the opacity of the header dynamically.
+ *
+ * @param children
+ * @param scrollYThreshold
+ */
+export const useScrollableHeader = ({ children, alwaysVisible, scrollYThreshold = 37 }: UseScrollableHeaderProps) => {
+  const navigation = useNavigation()
+  const opacity = useSharedValue(alwaysVisible ? 1 : 0)
+
+  // Update navigation header title dynamically
+  useEffect(() => {
+    navigation.setOptions({
+      headerTitle: () => (
+        <Animated.View
+          style={[
+            { flex: 1, justifyContent: 'center', flexDirection: 'row', alignItems: 'center' },
+            animatedHeaderStyle,
+          ]}
+        >
+          {children}
+        </Animated.View>
+      ),
+    })
+  }, [navigation, children])
+
+  const animatedHeaderStyle = useAnimatedStyle(() => ({
+    opacity: withTiming(opacity.value, { duration: 300 }),
+  }))
+
+  // Scroll event handler for updating opacity
+  const handleScroll = (event: NativeSyntheticEvent<NativeScrollEvent>) => {
+    const scrollY = event.nativeEvent.contentOffset.y
+    opacity.value = scrollY > scrollYThreshold ? 1 : alwaysVisible ? 1 : 0
+  }
+
+  return {
+    handleScroll,
+  }
+}
diff --git a/apps/mobile/src/platform/__tests__/fetch.test.ts b/apps/mobile/src/platform/__tests__/fetch.test.ts
new file mode 100644
index 000000000..23c127612
--- /dev/null
+++ b/apps/mobile/src/platform/__tests__/fetch.test.ts
@@ -0,0 +1,331 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Platform } from 'react-native'
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import * as Application from 'expo-application'
+
+// Mock the required dependencies
+jest.mock('react-native', () => ({
+  Platform: {
+    OS: 'ios',
+  },
+}))
+
+jest.mock('expo-application', () => ({
+  nativeApplicationVersion: '1.0.0',
+  nativeBuildVersion: '100',
+}))
+
+describe('fetch global override', () => {
+  // Store the original fetch implementation
+  const originalFetch = global.fetch
+
+  // Restore original fetch after tests
+  afterAll(() => {
+    global.fetch = originalFetch
+  })
+
+  beforeEach(() => {
+    // Clear all mocks before each test
+    jest.clearAllMocks()
+
+    // Reset the fetch override before each test by re-importing
+    jest.resetModules()
+    require('../fetch')
+  })
+
+  it('should add User-Agent and Origin headers for domain URL', async () => {
+    // Setup a mock implementation that captures the Request for inspection
+    let capturedRequest: unknown = null
+
+    const mockFetch = jest.fn((input: RequestInfo | URL, init?: RequestInit) => {
+      if (typeof input === 'string') {
+        capturedRequest = new Request(input, init)
+      } else if (input instanceof URL) {
+        capturedRequest = new Request(input.toString(), init)
+      } else {
+        capturedRequest = input
+      }
+      return Promise.resolve(new Response())
+    })
+
+    global.fetch = mockFetch
+
+    // Re-import to override fetch again with our mock
+    jest.resetModules()
+    require('../fetch')
+
+    // Perform the fetch
+    const url = 'https://example.com/api'
+    await global.fetch(url)
+
+    // Check that fetch was called
+    expect(mockFetch).toHaveBeenCalled()
+
+    // Verify headers
+    expect(capturedRequest).not.toBeNull()
+    if (capturedRequest) {
+      const req = capturedRequest as Request
+      expect(req.headers.get('User-Agent')).toBe('SafeMobile/iOS/1.0.0/100')
+      expect(req.headers.get('Origin')).toBe('https://app.safe.global')
+    }
+  })
+
+  it('should not add Origin header for localhost URL', async () => {
+    // Setup a mock implementation that captures the Request for inspection
+    let capturedRequest: unknown = null
+
+    const mockFetch = jest.fn((input: RequestInfo | URL, init?: RequestInit) => {
+      if (typeof input === 'string') {
+        capturedRequest = new Request(input, init)
+      } else if (input instanceof URL) {
+        capturedRequest = new Request(input.toString(), init)
+      } else {
+        capturedRequest = input
+      }
+      return Promise.resolve(new Response())
+    })
+
+    global.fetch = mockFetch
+
+    // Re-import to override fetch again with our mock
+    jest.resetModules()
+    require('../fetch')
+
+    // Perform the fetch
+    const url = 'http://localhost:8081/symbolicate'
+    await global.fetch(url)
+
+    // Check that fetch was called
+    expect(mockFetch).toHaveBeenCalled()
+
+    // Verify headers
+    expect(capturedRequest).not.toBeNull()
+    if (capturedRequest) {
+      const req = capturedRequest as Request
+      expect(req.headers.get('User-Agent')).toBe('SafeMobile/iOS/1.0.0/100')
+      expect(req.headers.get('Origin')).toBeFalsy()
+    }
+  })
+
+  it('should not add Origin header for IP address URL', async () => {
+    // Setup a mock implementation that captures the Request for inspection
+    let capturedRequest: unknown = null
+
+    const mockFetch = jest.fn((input: RequestInfo | URL, init?: RequestInit) => {
+      if (typeof input === 'string') {
+        capturedRequest = new Request(input, init)
+      } else if (input instanceof URL) {
+        capturedRequest = new Request(input.toString(), init)
+      } else {
+        capturedRequest = input
+      }
+      return Promise.resolve(new Response())
+    })
+
+    global.fetch = mockFetch
+
+    // Re-import to override fetch again with our mock
+    jest.resetModules()
+    require('../fetch')
+
+    // Perform the fetch
+    const url = 'http://192.168.0.252:8081/symbolicate'
+    await global.fetch(url)
+
+    // Check that fetch was called
+    expect(mockFetch).toHaveBeenCalled()
+
+    // Verify headers
+    expect(capturedRequest).not.toBeNull()
+    if (capturedRequest) {
+      const req = capturedRequest as Request
+      expect(req.headers.get('User-Agent')).toBe('SafeMobile/iOS/1.0.0/100')
+      expect(req.headers.get('Origin')).toBeFalsy()
+    }
+  })
+
+  it('should merge existing headers with User-Agent and Origin', async () => {
+    // Setup a mock implementation that captures the Request for inspection
+    let capturedRequest: unknown = null
+
+    const mockFetch = jest.fn((input: RequestInfo | URL, init?: RequestInit) => {
+      if (typeof input === 'string') {
+        capturedRequest = new Request(input, init)
+      } else if (input instanceof URL) {
+        capturedRequest = new Request(input.toString(), init)
+      } else {
+        capturedRequest = input
+      }
+      return Promise.resolve(new Response())
+    })
+
+    global.fetch = mockFetch
+
+    // Re-import to override fetch again with our mock
+    jest.resetModules()
+    require('../fetch')
+
+    // Perform the fetch
+    const url = 'https://example.com/api'
+    const init = {
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    }
+
+    await global.fetch(url, init)
+
+    // Check that fetch was called
+    expect(mockFetch).toHaveBeenCalled()
+
+    // Verify headers
+    expect(capturedRequest).not.toBeNull()
+    if (capturedRequest) {
+      const req = capturedRequest as Request
+      expect(req.headers.get('Content-Type')).toBe('application/json')
+      expect(req.headers.get('User-Agent')).toBe('SafeMobile/iOS/1.0.0/100')
+      expect(req.headers.get('Origin')).toBe('https://app.safe.global')
+    }
+  })
+
+  it('should preserve existing init options and not add Origin for IP URL', async () => {
+    // Setup a mock implementation that captures the Request for inspection
+    let capturedRequest: unknown = null
+
+    const mockFetch = jest.fn((input: RequestInfo | URL, init?: RequestInit) => {
+      if (typeof input === 'string') {
+        capturedRequest = new Request(input, init)
+      } else if (input instanceof URL) {
+        capturedRequest = new Request(input.toString(), init)
+      } else {
+        capturedRequest = input
+      }
+      return Promise.resolve(new Response())
+    })
+
+    global.fetch = mockFetch
+
+    // Re-import to override fetch again with our mock
+    jest.resetModules()
+    require('../fetch')
+
+    // Perform the fetch
+    const url = 'http://192.168.1.1:8081/api'
+    const init = {
+      method: 'POST',
+      body: JSON.stringify({ test: true }),
+      mode: 'cors' as RequestMode,
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    }
+
+    await global.fetch(url, init)
+
+    // Check that fetch was called
+    expect(mockFetch).toHaveBeenCalled()
+
+    // Verify request details
+    expect(capturedRequest).not.toBeNull()
+    if (capturedRequest) {
+      const req = capturedRequest as Request
+      expect(req.method).toBe('POST')
+      expect(req.headers.get('Content-Type')).toBe('application/json')
+      expect(req.headers.get('User-Agent')).toBe('SafeMobile/iOS/1.0.0/100')
+      expect(req.headers.get('Origin')).toBeFalsy()
+    }
+  })
+
+  it('should use Android in User-Agent when on Android', async () => {
+    // Mock Platform.OS as Android before importing fetch
+    jest.resetModules()
+
+    // Mock the modules with Android OS
+    jest.doMock('react-native', () => ({
+      Platform: {
+        OS: 'android',
+      },
+    }))
+
+    // Setup a mock implementation that captures the Request for inspection
+    let capturedRequest: unknown = null
+
+    const mockFetch = jest.fn((input: RequestInfo | URL, init?: RequestInit) => {
+      if (typeof input === 'string') {
+        capturedRequest = new Request(input, init)
+      } else if (input instanceof URL) {
+        capturedRequest = new Request(input.toString(), init)
+      } else {
+        capturedRequest = input
+      }
+      return Promise.resolve(new Response())
+    })
+
+    global.fetch = mockFetch
+
+    // Now import fetch with the mocked Platform
+    require('../fetch')
+
+    // Make a fetch call
+    const url = 'https://example.com/api'
+    await global.fetch(url)
+
+    // Check that fetch was called
+    expect(mockFetch).toHaveBeenCalled()
+
+    // Verify headers
+    expect(capturedRequest).not.toBeNull()
+    if (capturedRequest) {
+      const req = capturedRequest as Request
+      expect(req.headers.get('User-Agent')).toBe('SafeMobile/Android/1.0.0/100')
+      expect(req.headers.get('Origin')).toBe('https://app.safe.global')
+    }
+
+    // Reset modules and mock for subsequent tests
+    jest.resetModules()
+    jest.dontMock('react-native')
+  })
+
+  it('should correctly handle Headers instances in init', async () => {
+    // Setup a mock implementation that captures the Request for inspection
+    let capturedRequest: unknown = null
+
+    const mockFetch = jest.fn((input: RequestInfo | URL, init?: RequestInit) => {
+      if (typeof input === 'string') {
+        capturedRequest = new Request(input, init)
+      } else if (input instanceof URL) {
+        capturedRequest = new Request(input.toString(), init)
+      } else {
+        capturedRequest = input
+      }
+      return Promise.resolve(new Response())
+    })
+
+    global.fetch = mockFetch
+
+    // Re-import to override fetch again with our mock
+    jest.resetModules()
+    require('../fetch')
+
+    // Perform the fetch
+    const url = 'https://example.com/api'
+    const headers = new Headers()
+    headers.append('Content-Type', 'application/json')
+
+    const init = { headers }
+
+    await global.fetch(url, init)
+
+    // Check that fetch was called
+    expect(mockFetch).toHaveBeenCalled()
+
+    // Verify headers
+    expect(capturedRequest).not.toBeNull()
+    if (capturedRequest) {
+      const req = capturedRequest as Request
+      expect(req.headers.get('Content-Type')).toBe('application/json')
+      expect(req.headers.get('User-Agent')).toBe('SafeMobile/iOS/1.0.0/100')
+      expect(req.headers.get('Origin')).toBe('https://app.safe.global')
+    }
+  })
+})
diff --git a/apps/mobile/src/platform/crypto-shims.ts b/apps/mobile/src/platform/crypto-shims.ts
new file mode 100644
index 000000000..35daba3d4
--- /dev/null
+++ b/apps/mobile/src/platform/crypto-shims.ts
@@ -0,0 +1,33 @@
+import { install } from 'react-native-quick-crypto'
+install()
+
+/**
+ * Override crypto functions in ethers.js to use react-native-quick-crypto
+ * https://docs.ethers.org/v6/cookbook/react-native/
+ */
+import { ethers } from 'ethers'
+
+import crypto from 'react-native-quick-crypto'
+
+ethers.randomBytes.register((length) => {
+  return new Uint8Array(crypto.randomBytes(length))
+})
+
+ethers.computeHmac.register((algo, key, data) => {
+  return crypto.createHmac(algo, key).update(data).digest()
+})
+
+// @ts-ignore
+ethers.pbkdf2.register((passwd, salt, iter, keylen, algo) => {
+  return crypto.pbkdf2Sync(passwd, salt, iter, keylen, algo)
+})
+
+ethers.sha256.register((data) => {
+  // @ts-ignore
+  return crypto.createHash('sha256').update(data).digest()
+})
+
+ethers.sha512.register((data) => {
+  // @ts-ignore
+  return crypto.createHash('sha512').update(data).digest()
+})
diff --git a/apps/mobile/src/platform/fetch.ts b/apps/mobile/src/platform/fetch.ts
new file mode 100644
index 000000000..cc6c4571b
--- /dev/null
+++ b/apps/mobile/src/platform/fetch.ts
@@ -0,0 +1,74 @@
+import { Platform } from 'react-native'
+import * as Application from 'expo-application'
+import { isIpOrLocalhostUrl } from '@/src/utils/url'
+
+const originalFetch = global.fetch
+/**
+ * Override the global fetch function to add User-Agent and Origin headers.
+ * @param url - The URL to fetch
+ * @param init - The request init object
+ * @returns The response from the fetch
+ */
+global.fetch = (url: RequestInfo | URL, init?: RequestInit | undefined) => {
+  const userAgent = `SafeMobile/${Platform.OS === 'ios' ? 'iOS' : 'Android'}/${Application.nativeApplicationVersion}/${
+    Application.nativeBuildVersion
+  }`
+  const origin = 'https://app.safe.global'
+  if (url instanceof Request && !init) {
+    // If url is a Request object and no init is provided, modify its headers directly
+    const headers = new Headers(url.headers)
+    headers.set('User-Agent', userAgent)
+
+    // Check hostname for Request objects
+    const isIpOrLocalhost = isIpOrLocalhostUrl(url.url)
+    if (!isIpOrLocalhost) {
+      headers.set('Origin', origin)
+    }
+
+    return originalFetch(new Request(url, { headers }))
+  }
+
+  const options: RequestInit = init ? { ...init } : {}
+
+  // Properly handle headers from Request object
+  if (url instanceof Request) {
+    const requestHeaders = new Headers(url.headers)
+    if (!options.headers) {
+      options.headers = requestHeaders
+    } else if (options.headers instanceof Headers) {
+      // Merge headers if options.headers is already a Headers object
+      requestHeaders.forEach((value, key) => {
+        ;(options.headers as Headers).append(key, value)
+      })
+    } else {
+      // Convert to Headers object for proper merging
+      const newHeaders = new Headers(options.headers)
+      requestHeaders.forEach((value, key) => {
+        newHeaders.append(key, value)
+      })
+      options.headers = newHeaders
+    }
+  }
+
+  // If headers don't exist yet, create them
+  if (!options.headers) {
+    options.headers = new Headers()
+  }
+
+  // Convert to Headers object if it's not already
+  if (!(options.headers instanceof Headers)) {
+    options.headers = new Headers(options.headers)
+  }
+
+  // Add custom headers
+  const headers = options.headers as Headers
+  headers.set('User-Agent', userAgent)
+
+  // Only add Origin header for actual domain requests, not for IP addresses or localhost
+  const isIpOrLocalhost = isIpOrLocalhostUrl(url instanceof URL ? url.toString() : url.toString())
+  if (!isIpOrLocalhost) {
+    headers.set('Origin', origin)
+  }
+
+  return originalFetch(url, options)
+}
diff --git a/apps/mobile/src/platform/intl-polyfills.ts b/apps/mobile/src/platform/intl-polyfills.ts
new file mode 100644
index 000000000..5158e8d57
--- /dev/null
+++ b/apps/mobile/src/platform/intl-polyfills.ts
@@ -0,0 +1,26 @@
+/**
+ * Hermes's implementation of Intl is not up to date and is missing some features. We rely mainly on `notation: "compact"`
+ * to properly format currency values, but it is not supported in Hermes.
+ * https://github.com/facebook/hermes/blob/5911e8180796d3ccb2669237ca441da717ad00b2/doc/IntlAPIs.md#limited-ios-property-support
+ *
+ * We need to polyfill some Intl APIs to make it work, and it seems that formatjs is doing the trick for us
+ */
+
+// Don't remove -force from these because detection is VERY slow on low-end Android.
+// https://github.com/formatjs/formatjs/issues/4463#issuecomment-2176070577
+
+// https://github.com/formatjs/formatjs/blob/main/packages/intl-getcanonicallocales/polyfill-force.ts
+import '@formatjs/intl-getcanonicallocales/polyfill-force'
+// https://github.com/formatjs/formatjs/blob/main/packages/intl-locale/polyfill-force.ts
+import '@formatjs/intl-locale/polyfill-force'
+// https://github.com/formatjs/formatjs/blob/main/packages/intl-pluralrules/polyfill-force.ts
+import '@formatjs/intl-pluralrules/polyfill-force'
+// https://github.com/formatjs/formatjs/blob/main/packages/intl-numberformat/polyfill-force.ts
+import '@formatjs/intl-numberformat/polyfill-force'
+
+// https://github.com/formatjs/formatjs/blob/main/packages/intl-displaynames/polyfill-force.ts
+import '@formatjs/intl-displaynames/polyfill-force'
+
+import '@formatjs/intl-pluralrules/locale-data/en'
+import '@formatjs/intl-numberformat/locale-data/en'
+import '@formatjs/intl-displaynames/locale-data/en'
diff --git a/apps/mobile/src/platform/security.ts b/apps/mobile/src/platform/security.ts
new file mode 100644
index 000000000..45fa84ce6
--- /dev/null
+++ b/apps/mobile/src/platform/security.ts
@@ -0,0 +1,71 @@
+import Constants from 'expo-constants'
+import { NativeEventEmitterActions, TalsecConfig } from 'freerasp-react-native'
+import { Alert } from 'react-native'
+import { SECURITY_CERTIFICATE_HASH_BASE64, SECURITY_WATCHER_MAIL, SECURITY_RASP_ENABLED } from '../config/constants'
+
+// @ts-expect-error
+const { android, ios } = Constants.expoConfig
+
+// app configuration
+const config: TalsecConfig = {
+  androidConfig: {
+    packageName: android.package as string,
+    certificateHashes: [SECURITY_CERTIFICATE_HASH_BASE64 as string],
+    supportedAlternativeStores: [],
+  },
+  iosConfig: {
+    appBundleId: ios.bundleIdentifier as string,
+    appTeamId: ios.appleTeamId as string,
+  },
+  watcherMail: SECURITY_WATCHER_MAIL as string,
+  isProd: SECURITY_RASP_ENABLED as boolean,
+}
+
+// Security threat messages
+const SECURITY_MESSAGES = {
+  privilegedAccess:
+    'Your device appears to be jailbroken or rooted. For security reasons, this app cannot run on compromised devices.',
+  hooks:
+    'Runtime manipulation or hooking framework detected (e.g., Frida). This app cannot run with active hooks for security reasons.',
+  appIntegrity: 'App tampering detected! The application has been modified and cannot be trusted.',
+  unofficialStore:
+    'Unofficial installation detected! This app was not installed from an official app store and cannot be trusted.',
+} as const
+
+// Generic security alert handler
+const handleSecurityThreat = (threatType: keyof typeof SECURITY_MESSAGES, killApp = true) => {
+  console.log(`${threatType} detected - security threat identified`)
+
+  Alert.alert(
+    'Security Alert',
+    SECURITY_MESSAGES[threatType],
+    [
+      {
+        text: 'OK',
+        onPress: () => {
+          if (killApp) {
+            throw new Error(`App terminated due to ${threatType} detection`)
+          }
+        },
+      },
+    ],
+    { cancelable: false },
+  )
+}
+
+// reactions for detected threats
+const actions: NativeEventEmitterActions = {
+  // https://docs.talsec.app/freerasp/wiki/threat-detection/detecting-rooted-or-jailbroken-devices
+  privilegedAccess: () => handleSecurityThreat('privilegedAccess'),
+
+  // https://docs.talsec.app/freerasp/wiki/threat-detection/hook-detection
+  hooks: () => handleSecurityThreat('hooks'),
+
+  // https://docs.talsec.app/freerasp/wiki/threat-detection/app-tampering-detection
+  appIntegrity: () => handleSecurityThreat('appIntegrity'),
+
+  // https://docs.talsec.app/freerasp/wiki/threat-detection/detecting-unofficial-installation
+  unofficialStore: () => handleSecurityThreat('unofficialStore', false),
+}
+
+export { config, actions }
diff --git a/apps/mobile/src/react-app-env.d.ts b/apps/mobile/src/react-app-env.d.ts
new file mode 100644
index 000000000..be0fb4f82
--- /dev/null
+++ b/apps/mobile/src/react-app-env.d.ts
@@ -0,0 +1,5 @@
+declare module '*.png'
+declare module '*.svg'
+declare module '*.jpeg'
+declare module '*.jpg'
+declare module '*.ttf'
diff --git a/apps/mobile/src/services/analytics/constants.ts b/apps/mobile/src/services/analytics/constants.ts
new file mode 100644
index 000000000..ba6203a35
--- /dev/null
+++ b/apps/mobile/src/services/analytics/constants.ts
@@ -0,0 +1,50 @@
+import type { TransactionInfoType, TransferInfoType, SettingsInfoType } from './types'
+
+export const ANALYTICS_LABELS = {
+  BASE_TYPES: {
+    Creation: 'safe_creation',
+    Custom: 'custom',
+    Transfer: 'transfer',
+    SettingsChange: 'settings_change',
+    SwapOrder: 'swap_order',
+    SwapTransfer: 'swap_transfer',
+    TwapOrder: 'twap_order',
+    NativeStakingDeposit: 'native_staking_deposit',
+    NativeStakingValidatorsExit: 'native_staking_exit',
+    NativeStakingWithdraw: 'native_staking_withdraw',
+    VaultDeposit: 'vault_deposit',
+    VaultRedeem: 'vault_redeem',
+    SwapAndBridge: 'swap_and_bridge',
+    Swap: 'swap',
+  } as const satisfies Record<TransactionInfoType, string>,
+
+  TRANSFER_TYPES: {
+    ERC20: 'transfer_token',
+    ERC721: 'transfer_nft',
+    NATIVE_COIN: 'transfer_native',
+  } as const satisfies Record<TransferInfoType, string>,
+
+  SETTINGS_TYPES: {
+    ADD_OWNER: 'owner_add',
+    REMOVE_OWNER: 'owner_remove',
+    SWAP_OWNER: 'owner_swap',
+    CHANGE_THRESHOLD: 'owner_threshold_change',
+    DELETE_GUARD: 'guard_remove',
+    DISABLE_MODULE: 'module_remove',
+    ENABLE_MODULE: 'module_enable',
+    SET_FALLBACK_HANDLER: 'fallback_handler_set',
+    SET_GUARD: 'guard_set',
+    CHANGE_MASTER_COPY: 'safe_update',
+  } as const satisfies Record<SettingsInfoType, string>,
+
+  ENHANCED: {
+    batch_transfer_token: 'batch_transfer_token',
+    batch: 'batch',
+    rejection: 'rejection',
+    typed_message: 'typed_message',
+    safeapps: 'safeapps',
+    walletconnect: 'walletconnect',
+    activate_without_tx: 'activate_without_tx',
+    activate_with_tx: 'activate_with_tx',
+  } as const,
+} as const
diff --git a/apps/mobile/src/services/analytics/events/__tests__/copy.test.ts b/apps/mobile/src/services/analytics/events/__tests__/copy.test.ts
new file mode 100644
index 000000000..9fc907bc9
--- /dev/null
+++ b/apps/mobile/src/services/analytics/events/__tests__/copy.test.ts
@@ -0,0 +1,38 @@
+import { createAddressCopyEvent } from '../copy'
+import { EventType } from '../../types'
+
+describe('Copy Analytics Events', () => {
+  describe('createAddressCopyEvent', () => {
+    it('should create correct event structure with pathname', () => {
+      const pathname = '/(tabs)/index'
+      const event = createAddressCopyEvent(pathname)
+
+      expect(event).toEqual({
+        eventName: EventType.META,
+        eventCategory: 'copy',
+        eventAction: 'Address copied',
+        eventLabel: pathname,
+      })
+    })
+
+    it('should handle different pathnames', () => {
+      const pathnames = ['/signers', '/accounts-sheet', '/confirm-transaction']
+
+      pathnames.forEach((pathname) => {
+        const event = createAddressCopyEvent(pathname)
+        expect(event.eventLabel).toBe(pathname)
+        expect(event.eventName).toBe(EventType.META)
+        expect(event.eventCategory).toBe('copy')
+        expect(event.eventAction).toBe('Address copied')
+      })
+    })
+
+    it('should handle dynamic routes', () => {
+      const dynamicPath = '/transactions/123'
+      const event = createAddressCopyEvent(dynamicPath)
+
+      expect(event.eventLabel).toBe(dynamicPath)
+      expect(event.eventName).toBe(EventType.META)
+    })
+  })
+})
diff --git a/apps/mobile/src/services/analytics/events/__tests__/overview.test.ts b/apps/mobile/src/services/analytics/events/__tests__/overview.test.ts
new file mode 100644
index 000000000..6bb0faaf4
--- /dev/null
+++ b/apps/mobile/src/services/analytics/events/__tests__/overview.test.ts
@@ -0,0 +1,133 @@
+import { createMyAccountsScreenViewEvent, createMyAccountsEditModeEvent, createSafeReorderEvent } from '../overview'
+import { EventType } from '../../types'
+
+describe('overview events', () => {
+  describe('createMyAccountsScreenViewEvent', () => {
+    it('should create correct event structure with safe count', () => {
+      const totalSafeCount = 5
+      const event = createMyAccountsScreenViewEvent(totalSafeCount)
+
+      expect(event).toEqual({
+        eventName: EventType.SCREEN_VIEW,
+        eventCategory: 'overview',
+        eventAction: 'My accounts screen viewed',
+        eventLabel: 5,
+      })
+    })
+
+    it('should handle zero safe count', () => {
+      const totalSafeCount = 0
+      const event = createMyAccountsScreenViewEvent(totalSafeCount)
+
+      expect(event).toEqual({
+        eventName: EventType.SCREEN_VIEW,
+        eventCategory: 'overview',
+        eventAction: 'My accounts screen viewed',
+        eventLabel: 0,
+      })
+    })
+
+    it('should handle large safe counts', () => {
+      const totalSafeCount = 100
+      const event = createMyAccountsScreenViewEvent(totalSafeCount)
+
+      expect(event).toEqual({
+        eventName: EventType.SCREEN_VIEW,
+        eventCategory: 'overview',
+        eventAction: 'My accounts screen viewed',
+        eventLabel: 100,
+      })
+    })
+  })
+
+  describe('createMyAccountsEditModeEvent', () => {
+    it('should create correct event for entering edit mode', () => {
+      const totalSafeCount = 3
+      const event = createMyAccountsEditModeEvent(true, totalSafeCount)
+
+      expect(event).toEqual({
+        eventName: EventType.META,
+        eventCategory: 'overview',
+        eventAction: 'Edit mode entered',
+        eventLabel: 3,
+      })
+    })
+
+    it('should create correct event for exiting edit mode', () => {
+      const totalSafeCount = 7
+      const event = createMyAccountsEditModeEvent(false, totalSafeCount)
+
+      expect(event).toEqual({
+        eventName: EventType.META,
+        eventCategory: 'overview',
+        eventAction: 'Edit mode exited',
+        eventLabel: 7,
+      })
+    })
+
+    it('should handle zero safe count for edit mode changes', () => {
+      const totalSafeCount = 0
+      const enterEvent = createMyAccountsEditModeEvent(true, totalSafeCount)
+      const exitEvent = createMyAccountsEditModeEvent(false, totalSafeCount)
+
+      expect(enterEvent.eventLabel).toBe(0)
+      expect(exitEvent.eventLabel).toBe(0)
+    })
+
+    it('should handle different safe counts for edit mode tracking', () => {
+      const enterEvent = createMyAccountsEditModeEvent(true, 50)
+      const exitEvent = createMyAccountsEditModeEvent(false, 50)
+
+      expect(enterEvent.eventAction).toBe('Edit mode entered')
+      expect(exitEvent.eventAction).toBe('Edit mode exited')
+      expect(enterEvent.eventLabel).toBe(50)
+      expect(exitEvent.eventLabel).toBe(50)
+    })
+  })
+
+  describe('createSafeReorderEvent', () => {
+    it('should create correct event for safe reordering', () => {
+      const totalSafeCount = 5
+      const event = createSafeReorderEvent(totalSafeCount)
+
+      expect(event).toEqual({
+        eventName: EventType.META,
+        eventCategory: 'overview',
+        eventAction: 'Safe reordered',
+        eventLabel: 5,
+      })
+    })
+
+    it('should handle zero safe count for reordering', () => {
+      const totalSafeCount = 0
+      const event = createSafeReorderEvent(totalSafeCount)
+
+      expect(event).toEqual({
+        eventName: EventType.META,
+        eventCategory: 'overview',
+        eventAction: 'Safe reordered',
+        eventLabel: 0,
+      })
+    })
+
+    it('should handle large safe counts for reordering', () => {
+      const totalSafeCount = 100
+      const event = createSafeReorderEvent(totalSafeCount)
+
+      expect(event).toEqual({
+        eventName: EventType.META,
+        eventCategory: 'overview',
+        eventAction: 'Safe reordered',
+        eventLabel: 100,
+      })
+    })
+
+    it('should use META event type for reordering tracking', () => {
+      const event = createSafeReorderEvent(10)
+
+      expect(event.eventName).toBe(EventType.META)
+      expect(event.eventCategory).toBe('overview')
+      expect(event.eventAction).toBe('Safe reordered')
+    })
+  })
+})
diff --git a/apps/mobile/src/services/analytics/events/addressBook.ts b/apps/mobile/src/services/analytics/events/addressBook.ts
new file mode 100644
index 000000000..6ded72fe3
--- /dev/null
+++ b/apps/mobile/src/services/analytics/events/addressBook.ts
@@ -0,0 +1,29 @@
+import { EventType } from '../types'
+
+export const createContactAddedEvent = (totalContactCount: number) => ({
+  eventName: EventType.META,
+  eventCategory: 'address-book',
+  eventAction: 'Contact added',
+  eventLabel: totalContactCount.toString(),
+})
+
+export const createContactEditedEvent = (totalContactCount: number) => ({
+  eventName: EventType.META,
+  eventCategory: 'address-book',
+  eventAction: 'Contact edited',
+  eventLabel: totalContactCount.toString(),
+})
+
+export const createContactRemovedEvent = (totalContactCount: number) => ({
+  eventName: EventType.META,
+  eventCategory: 'address-book',
+  eventAction: 'Contact removed',
+  eventLabel: totalContactCount.toString(),
+})
+
+export const createAddressBookScreenVisitEvent = (totalContactCount: number) => ({
+  eventName: EventType.META,
+  eventCategory: 'address-book',
+  eventAction: 'Screen visited',
+  eventLabel: totalContactCount.toString(),
+})
diff --git a/apps/mobile/src/services/analytics/events/copy.ts b/apps/mobile/src/services/analytics/events/copy.ts
new file mode 100644
index 000000000..7129c97e7
--- /dev/null
+++ b/apps/mobile/src/services/analytics/events/copy.ts
@@ -0,0 +1,14 @@
+import { EventType } from '../types'
+
+const COPY_CATEGORY = 'copy'
+
+/**
+ * Creates an analytics event for when the user copies an address
+ * @param screenPath - The pathname where the copy action occurred
+ */
+export const createAddressCopyEvent = (screenPath: string) => ({
+  eventName: EventType.META,
+  eventCategory: COPY_CATEGORY,
+  eventAction: 'Address copied',
+  eventLabel: screenPath,
+})
diff --git a/apps/mobile/src/services/analytics/events/index.ts b/apps/mobile/src/services/analytics/events/index.ts
new file mode 100644
index 000000000..c59a00976
--- /dev/null
+++ b/apps/mobile/src/services/analytics/events/index.ts
@@ -0,0 +1,6 @@
+export * from './transactions'
+export * from './overview'
+export * from './settings'
+export * from './safes'
+export * from './addressBook'
+export * from './nativeIntent'
diff --git a/apps/mobile/src/services/analytics/events/nativeIntent.ts b/apps/mobile/src/services/analytics/events/nativeIntent.ts
new file mode 100644
index 000000000..fce5bdc36
--- /dev/null
+++ b/apps/mobile/src/services/analytics/events/nativeIntent.ts
@@ -0,0 +1,17 @@
+import { EventType } from '../types'
+
+const NATIVE_INTENT_CATEGORY = 'native-intent'
+
+export const NATIVE_INTENT_EVENTS = {
+  PROTECTED_ROUTE_ATTEMPT: {
+    eventName: EventType.META,
+    eventCategory: NATIVE_INTENT_CATEGORY,
+    eventAction: 'Attempted access to protected route',
+    // eventLabel will be the route path
+  },
+}
+
+export const createProtectedRouteAttemptEvent = (path: string) => ({
+  ...NATIVE_INTENT_EVENTS.PROTECTED_ROUTE_ATTEMPT,
+  eventLabel: path,
+})
diff --git a/apps/mobile/src/services/analytics/events/overview.ts b/apps/mobile/src/services/analytics/events/overview.ts
new file mode 100644
index 000000000..a1b5a34b9
--- /dev/null
+++ b/apps/mobile/src/services/analytics/events/overview.ts
@@ -0,0 +1,42 @@
+import { EventType } from '../types'
+
+const OVERVIEW_CATEGORY = 'overview'
+
+export const OVERVIEW_EVENTS = {
+  SAFE_VIEWED: {
+    eventName: EventType.SAFE_OPENED,
+    eventCategory: 'safe',
+    eventAction: 'opened',
+    eventLabel: 'safe_viewed',
+  },
+}
+
+/**
+ * Creates an analytics event for when the My accounts screen is viewed
+ */
+export const createMyAccountsScreenViewEvent = (totalSafeCount: number) => ({
+  eventName: EventType.SCREEN_VIEW,
+  eventCategory: OVERVIEW_CATEGORY,
+  eventAction: 'My accounts screen viewed',
+  eventLabel: totalSafeCount,
+})
+
+/**
+ * Creates an analytics event for when the user enters or exits edit mode on My accounts screen
+ */
+export const createMyAccountsEditModeEvent = (isEnteringEditMode: boolean, totalSafeCount: number) => ({
+  eventName: EventType.META,
+  eventCategory: OVERVIEW_CATEGORY,
+  eventAction: isEnteringEditMode ? 'Edit mode entered' : 'Edit mode exited',
+  eventLabel: totalSafeCount,
+})
+
+/**
+ * Creates an analytics event for when the user reorders safes using drag-and-drop
+ */
+export const createSafeReorderEvent = (totalSafeCount: number) => ({
+  eventName: EventType.META,
+  eventCategory: OVERVIEW_CATEGORY,
+  eventAction: 'Safe reordered',
+  eventLabel: totalSafeCount,
+})
diff --git a/apps/mobile/src/services/analytics/events/safes.ts b/apps/mobile/src/services/analytics/events/safes.ts
new file mode 100644
index 000000000..4ca297be6
--- /dev/null
+++ b/apps/mobile/src/services/analytics/events/safes.ts
@@ -0,0 +1,23 @@
+import { AnalyticsEvent, EventType } from '../types'
+
+const SAFES_CATEGORY = 'safes'
+
+/**
+ * Creates an analytics event for when a safe is added to the app
+ */
+export const createSafeAddedEvent = (totalSafeCount: number): AnalyticsEvent => ({
+  eventName: EventType.META,
+  eventCategory: SAFES_CATEGORY,
+  eventAction: 'Safe added',
+  eventLabel: totalSafeCount,
+})
+
+/**
+ * Creates an analytics event for when a safe is removed from the app
+ */
+export const createSafeRemovedEvent = (totalSafeCount: number): AnalyticsEvent => ({
+  eventName: EventType.META,
+  eventCategory: SAFES_CATEGORY,
+  eventAction: 'Safe removed',
+  eventLabel: totalSafeCount,
+})
diff --git a/apps/mobile/src/services/analytics/events/settings.ts b/apps/mobile/src/services/analytics/events/settings.ts
new file mode 100644
index 000000000..acb81f73c
--- /dev/null
+++ b/apps/mobile/src/services/analytics/events/settings.ts
@@ -0,0 +1,77 @@
+import { EventType } from '../types'
+
+const SETTINGS_CATEGORY = 'settings'
+
+export const SETTINGS_EVENTS = {
+  APPEARANCE: {
+    THEME_CHANGE: {
+      eventName: EventType.META,
+      eventCategory: SETTINGS_CATEGORY,
+      eventAction: 'Theme preference changed',
+      // eventLabel will be the theme value: 'light', 'dark', or 'auto'
+    },
+  },
+  NOTIFICATIONS: {
+    TOGGLE: {
+      eventName: EventType.META,
+      eventCategory: SETTINGS_CATEGORY,
+      eventAction: 'Notifications toggled',
+      // eventLabel will be boolean: true/false
+    },
+  },
+  BIOMETRICS: {
+    TOGGLE: {
+      eventName: EventType.META,
+      eventCategory: SETTINGS_CATEGORY,
+      eventAction: 'Biometrics toggled',
+      // eventLabel will be boolean: true/false
+    },
+  },
+}
+
+/**
+ * Helper function to create theme change event
+ * @param themePreference - The new theme preference: 'light' | 'dark' | 'auto'
+ */
+export const createThemeChangeEvent = (themePreference: string) => ({
+  ...SETTINGS_EVENTS.APPEARANCE.THEME_CHANGE,
+  eventLabel: themePreference,
+})
+
+/**
+ * Helper function to create notification toggle event
+ * @param enabled - Whether notifications are enabled
+ */
+export const createNotificationToggleEvent = (enabled: boolean) => ({
+  ...SETTINGS_EVENTS.NOTIFICATIONS.TOGGLE,
+  eventLabel: enabled,
+})
+
+/**
+ * Helper function to create biometrics toggle event
+ * @param enabled - Whether biometrics are enabled
+ */
+export const createBiometricsToggleEvent = (enabled: boolean) => ({
+  ...SETTINGS_EVENTS.BIOMETRICS.TOGGLE,
+  eventLabel: enabled,
+})
+
+/**
+ * Track when user opens app settings from the settings menu
+ */
+export const createAppSettingsOpenEvent = () => ({
+  eventName: EventType.META,
+  eventCategory: SETTINGS_CATEGORY,
+  eventAction: 'Safe settings opened',
+  eventLabel: 'Settings menu button pressed',
+})
+
+/**
+ * Track when user selects an action from the settings menu
+ */
+export const createSettingsMenuActionEvent = (action: 'rename' | 'explorer' | 'share' | 'remove') => ({
+  eventName: EventType.META,
+  eventCategory: SETTINGS_CATEGORY,
+  eventAction: 'Settings menu action',
+  eventLabel: action,
+})
diff --git a/apps/mobile/src/services/analytics/events/signers.ts b/apps/mobile/src/services/analytics/events/signers.ts
new file mode 100644
index 000000000..cda7f1765
--- /dev/null
+++ b/apps/mobile/src/services/analytics/events/signers.ts
@@ -0,0 +1,14 @@
+import { EventType } from '../types'
+
+const SIGNERS_CATEGORY = 'signers'
+
+/**
+ * Track when a new signer is added to the app
+ * @param totalSignerCount - The total number of signers after addition
+ */
+export const createSignerAddedEvent = (totalSignerCount: number) => ({
+  eventName: EventType.META,
+  eventCategory: SIGNERS_CATEGORY,
+  eventAction: 'Signer added',
+  eventLabel: totalSignerCount.toString(),
+})
diff --git a/apps/mobile/src/services/analytics/events/transactions.ts b/apps/mobile/src/services/analytics/events/transactions.ts
new file mode 100644
index 000000000..0c1d4ac97
--- /dev/null
+++ b/apps/mobile/src/services/analytics/events/transactions.ts
@@ -0,0 +1,42 @@
+import { EventType, type AnalyticsLabel } from '../types'
+
+const TRANSACTIONS_CATEGORY = 'transactions'
+
+export const TRANSACTIONS_EVENTS = {
+  CONFIRM: {
+    eventName: EventType.TX_CONFIRMED,
+    eventCategory: TRANSACTIONS_CATEGORY,
+    eventAction: 'Confirm transaction',
+    // eventLabel can be set when tracking the event using AnalyticsLabel
+  },
+  CREATE: {
+    eventName: EventType.TX_CREATED,
+    eventCategory: TRANSACTIONS_CATEGORY,
+    eventAction: 'Create transaction',
+    // eventLabel can be set when tracking the event using AnalyticsLabel
+  },
+  EXECUTE: {
+    eventName: EventType.TX_EXECUTED,
+    eventCategory: TRANSACTIONS_CATEGORY,
+    eventAction: 'Execute transaction',
+    // eventLabel can be set when tracking the event using AnalyticsLabel
+  },
+}
+
+// Helper function to create a transaction confirm event with a specific label
+export const createTxConfirmEvent = (label: AnalyticsLabel) => ({
+  ...TRANSACTIONS_EVENTS.CONFIRM,
+  eventLabel: label,
+})
+
+// Helper function to create a transaction create event with a specific label
+export const createTxCreateEvent = (label: AnalyticsLabel) => ({
+  ...TRANSACTIONS_EVENTS.CREATE,
+  eventLabel: label,
+})
+
+// Helper function to create a transaction execute event with a specific label
+export const createTxExecuteEvent = (label: AnalyticsLabel) => ({
+  ...TRANSACTIONS_EVENTS.EXECUTE,
+  eventLabel: label,
+})
diff --git a/apps/mobile/src/services/analytics/firebaseAnalytics.ts b/apps/mobile/src/services/analytics/firebaseAnalytics.ts
new file mode 100644
index 000000000..29ce69445
--- /dev/null
+++ b/apps/mobile/src/services/analytics/firebaseAnalytics.ts
@@ -0,0 +1,142 @@
+/**
+ * Firebase Analytics Service
+ *
+ * This service handles all analytics events for the mobile app using Firebase Analytics.
+ * It automatically includes common parameters with every event and manages user properties.
+ *
+ */
+
+import { getAnalytics } from '@react-native-firebase/analytics'
+import type { AnalyticsEvent } from './types'
+import { AnalyticsUserProperties } from './types'
+import { nativeApplicationVersion, nativeBuildVersion } from 'expo-application'
+
+// Common parameters that are sent with every event
+const commonEventParams = {
+  appVersion: `${nativeApplicationVersion}-${nativeBuildVersion}`,
+  chainId: '',
+  safeAddress: '',
+}
+
+/**
+ * Set the chain ID for all subsequent events
+ */
+export const setChainId = (chainId: string): void => {
+  commonEventParams.chainId = chainId
+}
+
+/**
+ * Set the safe address for all subsequent events
+ */
+export const setSafeAddress = (safeAddress: string): void => {
+  // Remove 0x prefix to match web app behavior
+  commonEventParams.safeAddress = safeAddress.startsWith('0x') ? safeAddress.slice(2) : safeAddress
+}
+
+/**
+ * Set user properties for Firebase Analytics
+ */
+export const setUserProperty = async (name: AnalyticsUserProperties, value: string): Promise<void> => {
+  try {
+    await getAnalytics().setUserProperty(name, value)
+
+    if (__DEV__) {
+      console.info('[Firebase Analytics] - Set user property:', name, '=', value)
+    }
+  } catch (error) {
+    console.error('[Firebase Analytics] - Error setting user property:', error)
+  }
+}
+
+/**
+ * Set user ID for Firebase Analytics
+ */
+export const setUserId = async (userId: string): Promise<void> => {
+  try {
+    await getAnalytics().setUserId(userId)
+
+    if (__DEV__) {
+      console.info('[Firebase Analytics] - Set user ID:', userId)
+    }
+  } catch (error) {
+    console.error('[Firebase Analytics] - Error setting user ID:', error)
+  }
+}
+
+/**
+ * Track a custom event with common parameters
+ */
+export const trackEvent = async (eventData: AnalyticsEvent): Promise<void> => {
+  try {
+    const analytics = getAnalytics()
+
+    // Prepare event parameters
+    const eventParams: Record<string, string | number | boolean> = {
+      ...commonEventParams,
+      eventCategory: truncateParam(eventData.eventCategory) ?? '',
+      eventAction: truncateParam(eventData.eventAction) ?? '',
+      chainId: eventData.chainId || commonEventParams.chainId,
+    }
+
+    // Add event label if provided
+    if (eventData.eventLabel !== undefined) {
+      eventParams.eventLabel = truncateParam(String(eventData.eventLabel)) ?? ''
+    }
+
+    // Log the event
+    await analytics.logEvent(eventData.eventName, eventParams)
+
+    if (__DEV__) {
+      console.info('[Firebase Analytics] - Event tracked:', {
+        eventName: eventData.eventName,
+        ...eventParams,
+      })
+    }
+  } catch (error) {
+    console.error('[Firebase Analytics] - Error tracking event:', error)
+  }
+}
+
+// Helper to truncate parameter values to 100 characters
+function truncateParam(value: string | undefined): string | undefined {
+  if (typeof value === 'string' && value.length > 100) {
+    return value.slice(0, 100)
+  }
+  return value
+}
+
+/**
+ * Track screen views
+ */
+export const trackScreenView = async (screenName: string, screenClass?: string): Promise<void> => {
+  try {
+    const analytics = getAnalytics()
+
+    await analytics.logScreenView({
+      screen_name: screenName,
+      screen_class: screenClass || screenName,
+      ...commonEventParams,
+    })
+
+    if (__DEV__) {
+      console.info('[Firebase Analytics] - Screen view tracked:', screenName)
+    }
+  } catch (error) {
+    console.error('[Firebase Analytics] - Error tracking screen view:', error)
+  }
+}
+
+/**
+ * Enable/disable analytics collection
+ */
+export const setAnalyticsCollectionEnabled = async (enabled: boolean): Promise<void> => {
+  try {
+    await getAnalytics().setAnalyticsCollectionEnabled(enabled)
+
+    if (__DEV__) {
+      console.info('[Firebase Analytics] - Analytics collection enabled:', enabled)
+    }
+  } catch (error) {
+    console.error('[Firebase Analytics] - Error setting analytics collection:', error)
+  }
+}
diff --git a/apps/mobile/src/services/analytics/index.ts b/apps/mobile/src/services/analytics/index.ts
new file mode 100644
index 000000000..ece3fec7e
--- /dev/null
+++ b/apps/mobile/src/services/analytics/index.ts
@@ -0,0 +1,5 @@
+export * from './events'
+export * from './types'
+export * from './constants'
+export * from './utils'
+export * from './firebaseAnalytics'
diff --git a/apps/mobile/src/services/analytics/types.ts b/apps/mobile/src/services/analytics/types.ts
new file mode 100644
index 000000000..bff856bb3
--- /dev/null
+++ b/apps/mobile/src/services/analytics/types.ts
@@ -0,0 +1,58 @@
+import type {
+  Transaction,
+  TransferTransactionInfo,
+  SettingsChangeTransaction,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+export type {
+  Transaction,
+  TransferTransactionInfo,
+  SettingsChangeTransaction,
+  CustomTransactionInfo,
+  SwapTransferTransactionInfo,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import type { ANALYTICS_LABELS } from './constants'
+
+/**
+ * Firebase Analytics Event Types
+ * These event names are passed directly to Firebase Analytics
+ */
+export enum EventType {
+  SCREEN_VIEW = 'screen_view',
+  CLICK = 'customClick',
+  META = 'metadata',
+  SAFE_APP = 'safeApp',
+  SAFE_CREATED = 'safe_created',
+  SAFE_ACTIVATED = 'safe_activated',
+  SAFE_OPENED = 'safe_opened',
+  WALLET_CONNECTED = 'wallet_connected',
+  TX_CREATED = 'tx_created',
+  TX_CONFIRMED = 'tx_confirmed',
+  TX_EXECUTED = 'tx_executed',
+}
+
+export type EventLabel = string | number | boolean | null
+
+export type AnalyticsEvent = {
+  eventName: string
+  eventCategory: string
+  eventAction: string
+  eventLabel?: EventLabel
+  chainId?: string
+}
+
+export enum AnalyticsUserProperties {
+  WALLET_LABEL = 'walletLabel',
+  WALLET_ADDRESS = 'walletAddress',
+}
+
+// Extract precise types from the source of truth
+export type TransactionInfoType = Transaction['txInfo']['type']
+export type TransferInfoType = TransferTransactionInfo['transferInfo']['type']
+export type SettingsInfoType = SettingsChangeTransaction['settingsInfo']['type']
+
+// Union of all possible analytics labels
+export type AnalyticsLabel =
+  | (typeof ANALYTICS_LABELS.BASE_TYPES)[TransactionInfoType]
+  | (typeof ANALYTICS_LABELS.TRANSFER_TYPES)[TransferInfoType]
+  | (typeof ANALYTICS_LABELS.SETTINGS_TYPES)[SettingsInfoType]
+  | (typeof ANALYTICS_LABELS.ENHANCED)[keyof typeof ANALYTICS_LABELS.ENHANCED]
diff --git a/apps/mobile/src/services/analytics/utils.ts b/apps/mobile/src/services/analytics/utils.ts
new file mode 100644
index 000000000..d988cd727
--- /dev/null
+++ b/apps/mobile/src/services/analytics/utils.ts
@@ -0,0 +1,48 @@
+import type {
+  Transaction,
+  TransferTransactionInfo,
+  SettingsChangeTransaction,
+  CustomTransactionInfo,
+  SwapTransferTransactionInfo,
+} from './types'
+import type { AnalyticsLabel, TransactionInfoType } from './types'
+import { ANALYTICS_LABELS } from './constants'
+
+export const getTransactionAnalyticsLabel = (txInfo: Transaction['txInfo']): AnalyticsLabel => {
+  const baseType = txInfo.type as TransactionInfoType
+
+  switch (baseType) {
+    case 'Transfer': {
+      const transferTx = txInfo as TransferTransactionInfo
+      return ANALYTICS_LABELS.TRANSFER_TYPES[transferTx.transferInfo.type]
+    }
+
+    case 'SwapTransfer': {
+      const swapTransferTx = txInfo as SwapTransferTransactionInfo
+      return ANALYTICS_LABELS.TRANSFER_TYPES[swapTransferTx.transferInfo.type]
+    }
+
+    case 'SettingsChange': {
+      const settingsTx = txInfo as SettingsChangeTransaction
+      return ANALYTICS_LABELS.SETTINGS_TYPES[settingsTx.settingsInfo.type]
+    }
+
+    case 'Custom': {
+      const customTx = txInfo as CustomTransactionInfo
+
+      if (customTx.isCancellation) {
+        return ANALYTICS_LABELS.ENHANCED.rejection
+      }
+
+      if (customTx.actionCount && customTx.actionCount > 1) {
+        return ANALYTICS_LABELS.ENHANCED.batch
+      }
+
+      return ANALYTICS_LABELS.BASE_TYPES.Custom
+    }
+
+    default: {
+      return ANALYTICS_LABELS.BASE_TYPES[baseType]
+    }
+  }
+}
diff --git a/apps/mobile/src/services/contracts/safeContracts.ts b/apps/mobile/src/services/contracts/safeContracts.ts
new file mode 100644
index 000000000..9d66d793f
--- /dev/null
+++ b/apps/mobile/src/services/contracts/safeContracts.ts
@@ -0,0 +1,40 @@
+import { SafeProvider } from '@safe-global/protocol-kit'
+import {
+  getMultiSendCallOnlyContractInstance,
+  getSafeContractInstance,
+} from '@safe-global/protocol-kit/dist/src/contracts/contractInstances'
+import type SafeBaseContract from '@safe-global/protocol-kit/dist/src/contracts/Safe/SafeBaseContract'
+import type { SafeState as SafeInfo } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { getSafeSDK } from '@/src/hooks/coreSDK/safeCoreSDK'
+import { _getValidatedGetContractProps } from '@safe-global/utils/services/contracts/safeContracts'
+
+const getGnosisSafeContract = async (safe: SafeInfo, safeProvider: SafeProvider) => {
+  return getSafeContractInstance(
+    _getValidatedGetContractProps(safe.version).safeVersion,
+    safeProvider,
+    safe.address.value,
+  )
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const getReadOnlyCurrentGnosisSafeContract = async (safe: SafeInfo): Promise<SafeBaseContract<any>> => {
+  const safeSDK = getSafeSDK()
+  if (!safeSDK) {
+    throw new Error('Safe SDK not found.')
+  }
+
+  const safeProvider = safeSDK.getSafeProvider()
+
+  return getGnosisSafeContract(safe, safeProvider)
+}
+
+export const getReadOnlyMultiSendCallOnlyContract = async (safeVersion: SafeInfo['version']) => {
+  const safeSDK = getSafeSDK()
+  if (!safeSDK) {
+    throw new Error('Safe SDK not found.')
+  }
+
+  const safeProvider = safeSDK.getSafeProvider()
+
+  return getMultiSendCallOnlyContractInstance(_getValidatedGetContractProps(safeVersion).safeVersion, safeProvider)
+}
diff --git a/apps/mobile/src/services/delegate-cleanup/DelegateCleanupService.test.ts b/apps/mobile/src/services/delegate-cleanup/DelegateCleanupService.test.ts
new file mode 100644
index 000000000..d36a2ba07
--- /dev/null
+++ b/apps/mobile/src/services/delegate-cleanup/DelegateCleanupService.test.ts
@@ -0,0 +1,319 @@
+import {
+  DelegateCleanupService,
+  DelegateCleanupPhase,
+  DelegateCleanupErrorType,
+  type DelegateCleanupError,
+} from './DelegateCleanupService'
+import {
+  cleanupDelegateNotifications,
+  removeDelegatesFromBackend,
+  cleanupDelegateKeychain,
+} from '@/src/hooks/useDelegateCleanup/utils'
+import { removeDelegate } from '@/src/store/delegatesSlice'
+import { Wallet } from 'ethers'
+import Logger from '@/src/utils/logger'
+import { type Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { type Address } from '@/src/types/address'
+import { type DelegateInfo } from '@/src/store/delegatesSlice'
+import { ErrorType } from '@/src/utils/errors'
+
+// Mock dependencies
+jest.mock('@/src/hooks/useDelegateCleanup/utils')
+jest.mock('@/src/store/delegatesSlice')
+jest.mock('@/src/utils/logger')
+jest.mock('ethers')
+
+const mockCleanupDelegateNotifications = cleanupDelegateNotifications as jest.MockedFunction<
+  typeof cleanupDelegateNotifications
+>
+const mockRemoveDelegatesFromBackend = removeDelegatesFromBackend as jest.MockedFunction<
+  typeof removeDelegatesFromBackend
+>
+const mockCleanupDelegateKeychain = cleanupDelegateKeychain as jest.MockedFunction<typeof cleanupDelegateKeychain>
+const mockRemoveDelegate = removeDelegate as jest.MockedFunction<typeof removeDelegate>
+const mockLogger = Logger as jest.Mocked<typeof Logger>
+
+describe('DelegateCleanupService', () => {
+  const mockOwnerAddress = '0x123456789abcdef' as Address
+  const mockOwnerPrivateKey = '0xprivatekey123456789abcdef'
+  const mockDelegateAddress1 = '0xabcdef123456789' as Address
+  const mockDelegateAddress2 = '0xfedcba987654321' as Address
+  const mockDelegateAddresses = [mockDelegateAddress1, mockDelegateAddress2]
+
+  const mockChains: Chain[] = [
+    {
+      chainId: '1',
+      chainName: 'Ethereum',
+      description: 'Ethereum Mainnet',
+      l2: false,
+      isTestnet: false,
+      zk: false,
+      nativeCurrency: { name: 'ETH', symbol: 'ETH', decimals: 18, logoUri: '' },
+      transactionService: 'https://safe-transaction-mainnet.safe.global',
+      blockExplorerUriTemplate: { address: '', txHash: '', api: '' },
+      ensRegistryAddress: '',
+      recommendedMasterCopyVersion: '',
+      disabledWallets: [],
+      features: [],
+      gasPrice: [],
+      publicRpcUri: { authentication: 'NO_AUTHENTICATION', value: '' },
+      rpcUri: { authentication: 'NO_AUTHENTICATION', value: '' },
+      safeAppsRpcUri: { authentication: 'NO_AUTHENTICATION', value: '' },
+      shortName: 'eth',
+      theme: { textColor: '', backgroundColor: '' },
+    } as unknown as Chain,
+  ]
+
+  const mockDelegates: Record<Address, Record<string, DelegateInfo>> = {
+    [mockOwnerAddress]: {
+      [mockDelegateAddress1]: {
+        safe: '0xsafe1',
+        delegate: mockDelegateAddress1,
+        delegator: mockOwnerAddress,
+        label: 'Delegate 1',
+      },
+      [mockDelegateAddress2]: {
+        safe: '0xsafe2',
+        delegate: mockDelegateAddress2,
+        delegator: mockOwnerAddress,
+        label: 'Delegate 2',
+      },
+    },
+  }
+
+  const mockConfig = {
+    allChains: mockChains,
+    allDelegates: mockDelegates,
+    cleanupNotificationsForDelegate: jest.fn(),
+    deleteDelegate: jest.fn(),
+    dispatch: jest.fn(),
+    onProgress: jest.fn(),
+  }
+
+  let service: DelegateCleanupService
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    service = new DelegateCleanupService(mockConfig)
+
+    // Mock Wallet constructor
+    ;(Wallet as unknown as jest.Mock).mockImplementation(() => ({
+      signTypedData: jest.fn().mockResolvedValue('0xmockedsignature'),
+    }))
+
+    // Default mock implementations
+    mockCleanupDelegateNotifications.mockResolvedValue({ success: true })
+    mockRemoveDelegatesFromBackend.mockResolvedValue({ success: true })
+    mockCleanupDelegateKeychain.mockResolvedValue({ success: true })
+    mockRemoveDelegate.mockReturnValue({
+      type: 'delegates/removeDelegate' as const,
+      payload: { ownerAddress: mockOwnerAddress, delegateAddress: mockDelegateAddress1 },
+    })
+  })
+
+  describe('removeAllDelegatesForOwner', () => {
+    it('should return validation error when owner address is missing', async () => {
+      const result = await service.removeAllDelegatesForOwner('' as Address, mockOwnerPrivateKey)
+
+      expect(result.success).toBe(false)
+      expect(result.error?.type).toBe(ErrorType.VALIDATION_ERROR)
+      expect(result.error?.message).toBe('Owner address and private key are required')
+    })
+
+    it('should return validation error when private key is missing', async () => {
+      const result = await service.removeAllDelegatesForOwner(mockOwnerAddress, '')
+
+      expect(result.success).toBe(false)
+      expect(result.error?.type).toBe(ErrorType.VALIDATION_ERROR)
+      expect(result.error?.message).toBe('Owner address and private key are required')
+    })
+
+    it('should return success with 0 processed when no delegates found', async () => {
+      const emptyConfig = {
+        ...mockConfig,
+        allDelegates: {},
+      }
+      const emptyService = new DelegateCleanupService(emptyConfig)
+
+      const result = await emptyService.removeAllDelegatesForOwner(mockOwnerAddress, mockOwnerPrivateKey)
+
+      expect(result.success).toBe(true)
+      expect(result.data?.processedCount).toBe(0)
+      expect(mockConfig.onProgress).toHaveBeenCalledWith({
+        phase: DelegateCleanupPhase.COMPLETED,
+        message: 'No delegates to clean up',
+        completedDelegates: undefined,
+        totalDelegates: undefined,
+      })
+    })
+
+    it('should successfully orchestrate all cleanup phases', async () => {
+      const result = await service.removeAllDelegatesForOwner(mockOwnerAddress, mockOwnerPrivateKey)
+
+      expect(result.success).toBe(true)
+      expect(result.data?.processedCount).toBe(2)
+
+      // Verify progress callbacks
+      expect(mockConfig.onProgress).toHaveBeenCalledWith({
+        phase: DelegateCleanupPhase.CLEANING_NOTIFICATIONS,
+        message: expect.any(String),
+        completedDelegates: 0,
+        totalDelegates: 2,
+      })
+      expect(mockConfig.onProgress).toHaveBeenCalledWith({
+        phase: DelegateCleanupPhase.REMOVING_FROM_BACKEND,
+        message: expect.any(String),
+        completedDelegates: 0,
+        totalDelegates: 2,
+      })
+      expect(mockConfig.onProgress).toHaveBeenCalledWith({
+        phase: DelegateCleanupPhase.CLEANING_KEYCHAIN,
+        message: expect.any(String),
+        completedDelegates: 0,
+        totalDelegates: 2,
+      })
+      expect(mockConfig.onProgress).toHaveBeenCalledWith({
+        phase: DelegateCleanupPhase.UPDATING_STORE,
+        message: expect.any(String),
+        completedDelegates: 0,
+        totalDelegates: 2,
+      })
+      expect(mockConfig.onProgress).toHaveBeenCalledWith({
+        phase: DelegateCleanupPhase.COMPLETED,
+        message: expect.any(String),
+        completedDelegates: 2,
+        totalDelegates: 2,
+      })
+
+      // Verify cleanup functions were called
+      expect(mockCleanupDelegateNotifications).toHaveBeenCalledWith(
+        mockOwnerAddress,
+        mockDelegateAddresses,
+        mockConfig.cleanupNotificationsForDelegate,
+      )
+      expect(mockRemoveDelegatesFromBackend).toHaveBeenCalledWith(
+        mockOwnerAddress,
+        mockDelegateAddresses,
+        expect.objectContaining({ signTypedData: expect.any(Function) }),
+        mockChains,
+        mockConfig.deleteDelegate,
+      )
+      expect(mockCleanupDelegateKeychain).toHaveBeenCalledWith(mockOwnerAddress, mockDelegateAddresses)
+
+      // Verify Redux store updates
+      expect(mockConfig.dispatch).toHaveBeenCalledTimes(2)
+      expect(mockRemoveDelegate).toHaveBeenCalledWith({
+        ownerAddress: mockOwnerAddress,
+        delegateAddress: mockDelegateAddress1,
+      })
+      expect(mockRemoveDelegate).toHaveBeenCalledWith({
+        ownerAddress: mockOwnerAddress,
+        delegateAddress: mockDelegateAddress2,
+      })
+    })
+
+    it('should fail if notification cleanup fails', async () => {
+      mockCleanupDelegateNotifications.mockResolvedValue({
+        success: false,
+        error: 'Network error during notification cleanup',
+        failedDelegates: [mockDelegateAddress1],
+      })
+
+      const result = await service.removeAllDelegatesForOwner(mockOwnerAddress, mockOwnerPrivateKey)
+
+      expect(result.success).toBe(false)
+      expect(result.error?.type).toBe(ErrorType.CLEANUP_ERROR)
+      expect(result.error?.message).toBe('Network error during notification cleanup')
+      expect(result.error?.details?.failedDelegates).toEqual([mockDelegateAddress1])
+      // Check the original error is a DelegateCleanupError
+      const originalError = result.error?.originalError as DelegateCleanupError
+      expect(originalError?.type).toBe(DelegateCleanupErrorType.NOTIFICATION_CLEANUP_FAILED)
+
+      // Verify that subsequent phases were not executed
+      expect(mockRemoveDelegatesFromBackend).not.toHaveBeenCalled()
+      expect(mockCleanupDelegateKeychain).not.toHaveBeenCalled()
+      expect(mockConfig.dispatch).not.toHaveBeenCalled()
+    })
+
+    it('should continue with keychain cleanup even if backend removal fails', async () => {
+      mockRemoveDelegatesFromBackend.mockResolvedValue({
+        success: false,
+        error: 'API error during backend removal',
+        failedDelegates: [mockDelegateAddress2],
+      })
+
+      const result = await service.removeAllDelegatesForOwner(mockOwnerAddress, mockOwnerPrivateKey)
+
+      expect(result.success).toBe(false)
+      expect(result.error?.type).toBe(ErrorType.CLEANUP_ERROR)
+      expect(result.error?.message).toBe('API error during backend removal')
+      expect(result.error?.details?.failedDelegates).toEqual([mockDelegateAddress2])
+      // Check the original error is a DelegateCleanupError
+      const originalError = result.error?.originalError as DelegateCleanupError
+      expect(originalError?.type).toBe(DelegateCleanupErrorType.BACKEND_REMOVAL_FAILED)
+
+      // Verify that notification cleanup succeeded
+      expect(mockCleanupDelegateNotifications).toHaveBeenCalled()
+
+      // Verify that keychain cleanup was still attempted
+      expect(mockCleanupDelegateKeychain).toHaveBeenCalledWith(mockOwnerAddress, mockDelegateAddresses)
+
+      // Verify Redux store was still updated
+      expect(mockConfig.dispatch).toHaveBeenCalledTimes(2)
+    })
+
+    it('should update Redux store for all delegates', async () => {
+      await service.removeAllDelegatesForOwner(mockOwnerAddress, mockOwnerPrivateKey)
+
+      expect(mockConfig.dispatch).toHaveBeenCalledTimes(2)
+      expect(mockRemoveDelegate).toHaveBeenCalledWith({
+        ownerAddress: mockOwnerAddress,
+        delegateAddress: mockDelegateAddress1,
+      })
+      expect(mockRemoveDelegate).toHaveBeenCalledWith({
+        ownerAddress: mockOwnerAddress,
+        delegateAddress: mockDelegateAddress2,
+      })
+    })
+
+    it('should handle unexpected errors during cleanup', async () => {
+      mockCleanupDelegateNotifications.mockRejectedValue(new Error('Unexpected error'))
+
+      const result = await service.removeAllDelegatesForOwner(mockOwnerAddress, mockOwnerPrivateKey)
+
+      expect(result.success).toBe(false)
+      expect(result.error?.type).toBe(ErrorType.SYSTEM_ERROR)
+      expect(result.error?.message).toBe('An unexpected error occurred during delegate cleanup')
+      expect(mockLogger.error).toHaveBeenCalledWith('Unexpected error during delegate cleanup', expect.any(Error))
+    })
+
+    it('should create wallet with correct private key', async () => {
+      await service.removeAllDelegatesForOwner(mockOwnerAddress, mockOwnerPrivateKey)
+
+      expect(Wallet).toHaveBeenCalledWith(mockOwnerPrivateKey)
+    })
+
+    it('should pass correct parameters to cleanup functions', async () => {
+      await service.removeAllDelegatesForOwner(mockOwnerAddress, mockOwnerPrivateKey)
+
+      // Verify cleanup notifications
+      expect(mockCleanupDelegateNotifications).toHaveBeenCalledWith(
+        mockOwnerAddress,
+        mockDelegateAddresses,
+        mockConfig.cleanupNotificationsForDelegate,
+      )
+
+      // Verify backend removal
+      expect(mockRemoveDelegatesFromBackend).toHaveBeenCalledWith(
+        mockOwnerAddress,
+        mockDelegateAddresses,
+        expect.objectContaining({ signTypedData: expect.any(Function) }),
+        mockConfig.allChains,
+        mockConfig.deleteDelegate,
+      )
+
+      // Verify keychain cleanup
+      expect(mockCleanupDelegateKeychain).toHaveBeenCalledWith(mockOwnerAddress, mockDelegateAddresses)
+    })
+  })
+})
diff --git a/apps/mobile/src/services/delegate-cleanup/DelegateCleanupService.ts b/apps/mobile/src/services/delegate-cleanup/DelegateCleanupService.ts
new file mode 100644
index 000000000..6518f4a99
--- /dev/null
+++ b/apps/mobile/src/services/delegate-cleanup/DelegateCleanupService.ts
@@ -0,0 +1,233 @@
+import { Address } from '@/src/types/address'
+import { AppDispatch } from '@/src/store'
+import { cgwApi } from '@safe-global/store/gateway/AUTO_GENERATED/delegates'
+import { useNotificationCleanup } from '@/src/hooks/useNotificationCleanup'
+import {
+  cleanupDelegateNotifications,
+  removeDelegatesFromBackend,
+  cleanupDelegateKeychain,
+} from '@/src/hooks/useDelegateCleanup/utils'
+import Logger from '@/src/utils/logger'
+import { StandardErrorResult, ErrorType, createErrorResult, createSuccessResult } from '@/src/utils/errors'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { DelegateInfo, removeDelegate } from '@/src/store/delegatesSlice'
+import { Wallet } from 'ethers'
+
+// Enhanced error types for better error handling
+export enum DelegateCleanupErrorType {
+  NOTIFICATION_CLEANUP_FAILED = 'NOTIFICATION_CLEANUP_FAILED',
+  BACKEND_REMOVAL_FAILED = 'BACKEND_REMOVAL_FAILED',
+  KEYCHAIN_CLEANUP_FAILED = 'KEYCHAIN_CLEANUP_FAILED',
+  ORCHESTRATION_FAILED = 'ORCHESTRATION_FAILED',
+  NO_DELEGATES_FOUND = 'NO_DELEGATES_FOUND',
+  INVALID_PARAMETERS = 'INVALID_PARAMETERS',
+}
+
+export interface DelegateCleanupError {
+  type: DelegateCleanupErrorType
+  message: string
+  details?: {
+    failedDelegates?: Address[]
+    phase?: string
+  }
+}
+
+// Progress tracking types
+export enum DelegateCleanupPhase {
+  IDLE = 'IDLE',
+  VALIDATING = 'VALIDATING',
+  CLEANING_NOTIFICATIONS = 'CLEANING_NOTIFICATIONS',
+  REMOVING_FROM_BACKEND = 'REMOVING_FROM_BACKEND',
+  CLEANING_KEYCHAIN = 'CLEANING_KEYCHAIN',
+  UPDATING_STORE = 'UPDATING_STORE',
+  COMPLETED = 'COMPLETED',
+}
+
+export interface DelegateCleanupProgress {
+  phase: DelegateCleanupPhase
+  message: string
+  completedDelegates?: number
+  totalDelegates?: number
+}
+
+// Configuration interface for dependency injection
+export interface DelegateCleanupConfig {
+  allChains: Chain[]
+  allDelegates: Record<Address, Record<string, DelegateInfo>>
+  cleanupNotificationsForDelegate: ReturnType<typeof useNotificationCleanup>['cleanupNotificationsForDelegate']
+  deleteDelegate: ReturnType<typeof cgwApi.useDelegatesDeleteDelegateV2Mutation>[0]
+  dispatch: AppDispatch
+  onProgress?: (progress: DelegateCleanupProgress) => void
+}
+
+export class DelegateCleanupService {
+  private config: DelegateCleanupConfig
+
+  constructor(config: DelegateCleanupConfig) {
+    this.config = config
+  }
+
+  async removeAllDelegatesForOwner(
+    ownerAddress: Address,
+    ownerPrivateKey: string,
+  ): Promise<StandardErrorResult<{ processedCount: number }>> {
+    try {
+      this.reportProgress(DelegateCleanupPhase.VALIDATING, 'Validating parameters and checking delegates...')
+
+      // Validate parameters
+      if (!ownerAddress || !ownerPrivateKey) {
+        return createErrorResult(ErrorType.VALIDATION_ERROR, 'Owner address and private key are required', null, {
+          ownerAddress,
+        })
+      }
+
+      const delegates = this.config.allDelegates[ownerAddress]
+
+      if (!delegates || Object.keys(delegates).length === 0) {
+        Logger.info('No delegates found for owner', { ownerAddress })
+        this.reportProgress(DelegateCleanupPhase.COMPLETED, 'No delegates to clean up')
+        return createSuccessResult({ processedCount: 0 })
+      }
+
+      const delegateAddresses = Object.keys(delegates) as Address[]
+      Logger.info('Starting delegate cleanup process', {
+        ownerAddress,
+        delegateCount: delegateAddresses.length,
+        delegateAddresses,
+      })
+
+      // Create owner wallet for signing
+      const ownerWallet = new Wallet(ownerPrivateKey)
+
+      // PHASE 1: Clean up notifications for all delegates
+      // This is critical and must succeed before we proceed
+      this.reportProgress(
+        DelegateCleanupPhase.CLEANING_NOTIFICATIONS,
+        'Cleaning up notifications...',
+        0,
+        delegateAddresses.length,
+      )
+      Logger.info('Starting notification cleanup for delegates', { delegateAddresses })
+
+      const notificationCleanupResult = await cleanupDelegateNotifications(
+        ownerAddress,
+        delegateAddresses,
+        this.config.cleanupNotificationsForDelegate,
+      )
+
+      if (!notificationCleanupResult.success) {
+        Logger.error('Notification cleanup failed, aborting delegate removal', notificationCleanupResult.error)
+
+        const cleanupError: DelegateCleanupError = {
+          type: DelegateCleanupErrorType.NOTIFICATION_CLEANUP_FAILED,
+          message: notificationCleanupResult.error || 'Failed to cleanup notifications',
+          details: {
+            failedDelegates: notificationCleanupResult.failedDelegates,
+            phase: 'notification',
+          },
+        }
+
+        return createErrorResult(ErrorType.CLEANUP_ERROR, cleanupError.message, cleanupError, {
+          ownerAddress,
+          failedDelegates: cleanupError.details?.failedDelegates,
+        })
+      }
+
+      // PHASE 2: Remove delegates from backend transaction service
+      this.reportProgress(
+        DelegateCleanupPhase.REMOVING_FROM_BACKEND,
+        'Removing delegates from backend...',
+        0,
+        delegateAddresses.length,
+      )
+      Logger.info('Starting backend delegate removal', { delegateAddresses })
+
+      const backendRemovalResult = await removeDelegatesFromBackend(
+        ownerAddress,
+        delegateAddresses,
+        ownerWallet,
+        this.config.allChains,
+        this.config.deleteDelegate,
+      )
+
+      // PHASE 3: Clean up keychain (always attempt, even if backend removal failed)
+      this.reportProgress(
+        DelegateCleanupPhase.CLEANING_KEYCHAIN,
+        'Cleaning up keychain...',
+        0,
+        delegateAddresses.length,
+      )
+      Logger.info('Starting keychain cleanup', { delegateAddresses })
+
+      await cleanupDelegateKeychain(ownerAddress, delegateAddresses)
+
+      // PHASE 4: Update Redux store (remove delegates that were successfully processed)
+      this.reportProgress(
+        DelegateCleanupPhase.UPDATING_STORE,
+        'Updating application state...',
+        0,
+        delegateAddresses.length,
+      )
+      Logger.info('Updating Redux store', { delegateAddresses })
+
+      delegateAddresses.forEach((delegateAddress) => {
+        this.config.dispatch(removeDelegate({ ownerAddress, delegateAddress }))
+      })
+
+      // Check if any critical errors occurred
+      if (!backendRemovalResult.success) {
+        const cleanupError: DelegateCleanupError = {
+          type: DelegateCleanupErrorType.BACKEND_REMOVAL_FAILED,
+          message: backendRemovalResult.error || 'Failed to remove delegates from backend',
+          details: {
+            failedDelegates: backendRemovalResult.failedDelegates,
+            phase: 'backend',
+          },
+        }
+
+        return createErrorResult(ErrorType.CLEANUP_ERROR, cleanupError.message, cleanupError, {
+          ownerAddress,
+          failedDelegates: cleanupError.details?.failedDelegates,
+        })
+      }
+
+      Logger.info('Delegate cleanup completed successfully', {
+        ownerAddress,
+        delegateCount: delegateAddresses.length,
+      })
+
+      this.reportProgress(
+        DelegateCleanupPhase.COMPLETED,
+        `Successfully cleaned up ${delegateAddresses.length} delegates`,
+        delegateAddresses.length,
+        delegateAddresses.length,
+      )
+
+      return createSuccessResult({ processedCount: delegateAddresses.length })
+    } catch (error) {
+      Logger.error('Unexpected error during delegate cleanup', error)
+
+      return createErrorResult(ErrorType.SYSTEM_ERROR, 'An unexpected error occurred during delegate cleanup', error, {
+        ownerAddress,
+      })
+    }
+  }
+
+  private reportProgress(
+    phase: DelegateCleanupPhase,
+    message: string,
+    completedDelegates?: number,
+    totalDelegates?: number,
+  ) {
+    const progress: DelegateCleanupProgress = {
+      phase,
+      message,
+      completedDelegates,
+      totalDelegates,
+    }
+
+    if (this.config.onProgress) {
+      this.config.onProgress(progress)
+    }
+  }
+}
diff --git a/apps/mobile/src/services/delegate-cleanup/index.ts b/apps/mobile/src/services/delegate-cleanup/index.ts
new file mode 100644
index 000000000..9be478428
--- /dev/null
+++ b/apps/mobile/src/services/delegate-cleanup/index.ts
@@ -0,0 +1 @@
+export * from './DelegateCleanupService'
diff --git a/apps/mobile/src/services/exceptions/utils.test.ts b/apps/mobile/src/services/exceptions/utils.test.ts
new file mode 100644
index 000000000..0c6b91f76
--- /dev/null
+++ b/apps/mobile/src/services/exceptions/utils.test.ts
@@ -0,0 +1,33 @@
+import { asError } from './utils'
+
+describe('Exceptions Utils', () => {
+  it('should throw an error from an Error instance', () => {
+    const message = 'This is an error message'
+    const errorFn = () => {
+      throw asError(new Error(message))
+    }
+
+    expect(errorFn).toThrow(Error)
+    expect(errorFn).toThrow(message)
+  })
+
+  it('should throw an Error from a json string', () => {
+    const message = { myError: 'something', nested: { id: 1 } }
+    const errorFn = () => {
+      throw asError(message)
+    }
+
+    expect(errorFn).toThrow(Error)
+    expect(errorFn).toThrow(JSON.stringify(message))
+  })
+
+  it('should throw an Error from a string', () => {
+    const message = 'some error'
+    const errorFn = () => {
+      throw asError(message)
+    }
+
+    expect(errorFn).toThrow(Error)
+    expect(errorFn).toThrow(message)
+  })
+})
diff --git a/src/services/exceptions/utils.ts b/apps/mobile/src/services/exceptions/utils.ts
similarity index 100%
rename from src/services/exceptions/utils.ts
rename to apps/mobile/src/services/exceptions/utils.ts
diff --git a/apps/mobile/src/services/key-storage/index.ts b/apps/mobile/src/services/key-storage/index.ts
new file mode 100644
index 000000000..0628f42f1
--- /dev/null
+++ b/apps/mobile/src/services/key-storage/index.ts
@@ -0,0 +1,9 @@
+import { KeyStorageService } from './key-storage.service'
+import { WalletService } from './wallet.service'
+import { IKeyStorageService, PrivateKeyStorageOptions } from './types'
+import { IWalletService } from './wallet.service'
+
+export { KeyStorageService, WalletService, type IKeyStorageService, type IWalletService, type PrivateKeyStorageOptions }
+
+export const keyStorageService = new KeyStorageService()
+export const walletService = new WalletService()
diff --git a/apps/mobile/src/services/key-storage/key-storage.service.ts b/apps/mobile/src/services/key-storage/key-storage.service.ts
new file mode 100644
index 000000000..0ad807675
--- /dev/null
+++ b/apps/mobile/src/services/key-storage/key-storage.service.ts
@@ -0,0 +1,174 @@
+import DeviceCrypto from 'react-native-device-crypto'
+import * as Keychain from 'react-native-keychain'
+import DeviceInfo from 'react-native-device-info'
+import { IKeyStorageService, PrivateKeyStorageOptions } from './types'
+import Logger from '@/src/utils/logger'
+import { Platform } from 'react-native'
+
+export class KeyStorageService implements IKeyStorageService {
+  private readonly BIOMETRIC_PROMPTS = {
+    SKIP: {
+      biometryTitle: '',
+      biometrySubTitle: '',
+      biometryDescription: '',
+    },
+    STANDARD: {
+      biometryTitle: 'Authenticate',
+      biometrySubTitle: 'Signing',
+      biometryDescription: 'Authenticate yourself to sign the transactions',
+    },
+    SAVE: {
+      biometryTitle: 'Authenticate',
+      biometrySubTitle: 'Saving key',
+      biometryDescription: 'Please authenticate yourself',
+    },
+  }
+
+  async storePrivateKey(
+    userId: string,
+    privateKey: string,
+    options: PrivateKeyStorageOptions = { requireAuthentication: true },
+  ): Promise<void> {
+    try {
+      const { requireAuthentication = true } = options
+      const isEmulator = await DeviceInfo.isEmulator()
+      await this.storeKey(userId, privateKey, requireAuthentication, isEmulator)
+    } catch (err) {
+      Logger.error('Error storing private key:', err)
+      throw new Error('Failed to store private key')
+    }
+  }
+
+  async getPrivateKey(
+    userId: string,
+    options: PrivateKeyStorageOptions = { requireAuthentication: true },
+  ): Promise<string | undefined> {
+    try {
+      return await this.getKey(userId, options.requireAuthentication ?? true)
+    } catch (err) {
+      Logger.error('Error getting private key:', err)
+      return undefined
+    }
+  }
+
+  async removePrivateKey(
+    userId: string,
+    options: PrivateKeyStorageOptions = { requireAuthentication: true },
+  ): Promise<void> {
+    try {
+      const { requireAuthentication = true } = options
+      await this.removeKey(userId, requireAuthentication)
+    } catch (err) {
+      Logger.error('Error removing private key:', err instanceof Error ? err.message : 'Unknown error')
+      throw new Error('Failed to remove private key')
+    }
+  }
+
+  private getKeyNameDeviceCrypto(userId: string): string {
+    return `signer_address_${userId}`
+  }
+
+  private getKeyService(userId: string): string {
+    return `${this.getKeyNameDeviceCrypto(userId)}_encrypted_storage`
+  }
+
+  private async getOrCreateKeyIOS(keyName: string, requireAuth: boolean, isEmulator: boolean): Promise<string> {
+    try {
+      await DeviceCrypto.getOrCreateAsymmetricKey(keyName, {
+        accessLevel: requireAuth ? (isEmulator ? 1 : 2) : 1,
+        invalidateOnNewBiometry: requireAuth,
+      })
+
+      return keyName
+    } catch (error) {
+      Logger.error('Error creating key:', error instanceof Error ? error.message : 'Unknown error')
+      throw new Error('Failed to create encryption key')
+    }
+  }
+
+  /**
+   * The android implementation of the device-crypto diverges from the iOS implementation
+   * On Android, the encrypt function expects a symmetric key, while on iOS it expects an asymmetric key.
+   */
+  private async getOrCreateKeyAndroid(keyName: string, requireAuth: boolean, isEmulator: boolean): Promise<void> {
+    try {
+      await DeviceCrypto.getOrCreateSymmetricKey(keyName, {
+        accessLevel: requireAuth ? (isEmulator ? 1 : 2) : 1,
+        invalidateOnNewBiometry: requireAuth,
+      })
+    } catch (error) {
+      Logger.error('Error creating symmetric encryption key:', error instanceof Error ? error.message : 'Unknown error')
+      throw new Error('Failed to create symmetric key')
+    }
+  }
+
+  private async storeKey(userId: string, privateKey: string, requireAuth: boolean, isEmulator: boolean): Promise<void> {
+    const keyName = this.getKeyNameDeviceCrypto(userId)
+
+    if (Platform.OS === 'android') {
+      await this.getOrCreateKeyAndroid(keyName, requireAuth, isEmulator)
+    } else {
+      await this.getOrCreateKeyIOS(keyName, requireAuth, isEmulator)
+    }
+
+    const encryptedPrivateKey = await DeviceCrypto.encrypt(keyName, privateKey, this.BIOMETRIC_PROMPTS.SAVE)
+
+    await Keychain.setGenericPassword(
+      'signer_address',
+      JSON.stringify({
+        encryptedPassword: encryptedPrivateKey.encryptedText,
+        iv: encryptedPrivateKey.iv,
+      }),
+      { accessible: Keychain.ACCESSIBLE.WHEN_UNLOCKED_THIS_DEVICE_ONLY, service: this.getKeyService(userId) },
+    )
+  }
+
+  private async getKey(userId: string, requireAuth: boolean): Promise<string> {
+    const keyName = this.getKeyNameDeviceCrypto(userId)
+
+    const keychainOptions: Keychain.GetOptions = { service: this.getKeyService(userId) }
+    if (requireAuth) {
+      keychainOptions.accessControl = Keychain.ACCESS_CONTROL.BIOMETRY_CURRENT_SET_OR_DEVICE_PASSCODE
+    }
+
+    const result = await Keychain.getGenericPassword(keychainOptions)
+    if (!result) {
+      throw 'user password not found'
+    }
+
+    const { encryptedPassword, iv } = JSON.parse(result.password)
+
+    return DeviceCrypto.decrypt(keyName, encryptedPassword, iv, this.BIOMETRIC_PROMPTS.STANDARD)
+  }
+
+  private async removeKey(userId: string, requireAuth: boolean): Promise<void> {
+    const keyName = this.getKeyNameDeviceCrypto(userId)
+    const service = this.getKeyService(userId)
+
+    // First, try to delete from keychain (requires authentication if enabled)
+    const keychainOptions: Keychain.GetOptions = { service }
+    if (requireAuth) {
+      keychainOptions.accessControl = Keychain.ACCESS_CONTROL.BIOMETRY_CURRENT_SET_OR_DEVICE_PASSCODE
+    }
+
+    try {
+      // Check if the key exists in keychain
+      const result = await Keychain.getGenericPassword(keychainOptions)
+      if (result) {
+        // Delete from keychain
+        await Keychain.resetGenericPassword({ service })
+      }
+    } catch (error) {
+      // If key doesn't exist, that's fine - we still want to try to remove from device crypto
+      Logger.warn('Key not found in keychain or authentication failed:', error)
+    }
+
+    // Try to remove the encryption key from device crypto
+    try {
+      await DeviceCrypto.deleteKey(keyName)
+    } catch (error) {
+      // If the key doesn't exist in device crypto, that's acceptable
+      Logger.warn('Key not found in device crypto:', error)
+    }
+  }
+}
diff --git a/apps/mobile/src/services/key-storage/types.ts b/apps/mobile/src/services/key-storage/types.ts
new file mode 100644
index 000000000..62882d4c6
--- /dev/null
+++ b/apps/mobile/src/services/key-storage/types.ts
@@ -0,0 +1,9 @@
+export type PrivateKeyStorageOptions = {
+  requireAuthentication?: boolean
+}
+
+export interface IKeyStorageService {
+  storePrivateKey(userId: string, privateKey: string, options?: PrivateKeyStorageOptions): Promise<void>
+  getPrivateKey(userId: string, options?: PrivateKeyStorageOptions): Promise<string | undefined>
+  removePrivateKey(userId: string, options?: PrivateKeyStorageOptions): Promise<void>
+}
diff --git a/apps/mobile/src/services/key-storage/wallet.service.ts b/apps/mobile/src/services/key-storage/wallet.service.ts
new file mode 100644
index 000000000..54aa6c018
--- /dev/null
+++ b/apps/mobile/src/services/key-storage/wallet.service.ts
@@ -0,0 +1,21 @@
+import { Wallet, HDNodeWallet } from 'ethers'
+import Logger from '@/src/utils/logger'
+
+export interface IWalletService {
+  createMnemonicAccount(mnemonic: string): Promise<HDNodeWallet | undefined>
+}
+
+export class WalletService implements IWalletService {
+  async createMnemonicAccount(mnemonic: string): Promise<HDNodeWallet | undefined> {
+    try {
+      if (!mnemonic) {
+        return
+      }
+
+      return Wallet.fromPhrase(mnemonic)
+    } catch (err) {
+      Logger.error('CreateMnemonicAccountFailed', err)
+      return undefined
+    }
+  }
+}
diff --git a/apps/mobile/src/services/notifications/FCMService.ts b/apps/mobile/src/services/notifications/FCMService.ts
new file mode 100644
index 000000000..2cb1b55a4
--- /dev/null
+++ b/apps/mobile/src/services/notifications/FCMService.ts
@@ -0,0 +1,39 @@
+import { getMessaging } from '@react-native-firebase/messaging'
+import Logger from '@/src/utils/logger'
+import { savePushToken } from '@/src/store/notificationsSlice'
+import { getStore } from '@/src/store/utils/singletonStore'
+
+class FCMService {
+  async getFCMToken(): Promise<string | undefined> {
+    const { fcmToken } = getStore().getState().notifications
+    const token = fcmToken || undefined
+    if (!token) {
+      Logger.info('getFCMToken: No FCM token found')
+    }
+    return token
+  }
+
+  async saveFCMToken(): Promise<void> {
+    try {
+      const fcmToken = await getMessaging().getToken()
+      Logger.info('FCMService :: fcmToken', fcmToken)
+      if (fcmToken) {
+        getStore().dispatch(savePushToken(fcmToken))
+      }
+    } catch (error) {
+      Logger.info('FCMService :: error saving', error)
+    }
+  }
+
+  async initNotification(): Promise<string | undefined> {
+    try {
+      await this.saveFCMToken()
+      const fcmToken = await this.getFCMToken()
+      return fcmToken
+    } catch (error) {
+      Logger.error('initNotification: Something went wrong', error)
+      return undefined
+    }
+  }
+}
+export default new FCMService()
diff --git a/apps/mobile/src/services/notifications/NotificationService.ts b/apps/mobile/src/services/notifications/NotificationService.ts
new file mode 100644
index 000000000..033d57613
--- /dev/null
+++ b/apps/mobile/src/services/notifications/NotificationService.ts
@@ -0,0 +1,404 @@
+import notifee, {
+  Event as NotifeeEvent,
+  EventType,
+  EventDetail,
+  AndroidChannel,
+  AuthorizationStatus,
+  AndroidImportance,
+  AndroidVisibility,
+} from '@notifee/react-native'
+import { parseNotification } from './notificationParser'
+import { FirebaseMessagingTypes } from '@react-native-firebase/messaging'
+import { Linking, Platform, Alert as NativeAlert } from 'react-native'
+import { updatePromptAttempts, updateLastTimePromptAttempted } from '@/src/store/notificationsSlice'
+import { toggleAppNotifications, toggleDeviceNotifications } from '@/src/store/notificationsSlice'
+import { HandleNotificationCallback, LAUNCH_ACTIVITY, PressActionId } from '@/src/store/constants'
+import { getMessaging } from '@react-native-firebase/messaging'
+import { NotificationNavigationHandler } from './notificationNavigationHandler'
+
+import { ChannelId, notificationChannels, withTimeout } from '@/src/utils/notifications'
+import Logger from '@/src/utils/logger'
+import { getStore } from '@/src/store/utils/singletonStore'
+
+interface AlertButton {
+  text: string
+  onPress: () => void | Promise<void>
+}
+
+type UnsubscribeFunc = () => void
+
+class NotificationsService {
+  async getBlockedNotifications(): Promise<Map<ChannelId, boolean>> {
+    try {
+      const settings = await notifee.getNotificationSettings()
+      const channels = await notifee.getChannels()
+
+      switch (settings.authorizationStatus) {
+        case AuthorizationStatus.NOT_DETERMINED:
+        case AuthorizationStatus.DENIED:
+          return notificationChannels.reduce((map, next) => {
+            map.set(next.id as ChannelId, true)
+            return map
+          }, new Map<ChannelId, boolean>())
+      }
+
+      return channels.reduce((map, next) => {
+        if (next.blocked) {
+          map.set(next.id as ChannelId, true)
+        }
+        return map
+      }, new Map<ChannelId, boolean>())
+    } catch (error) {
+      Logger.error('Error checking if a user has push notifications permission', error)
+      return new Map<ChannelId, boolean>()
+    }
+  }
+
+  enableNotifications() {
+    try {
+      getStore().dispatch(toggleDeviceNotifications(true))
+      getStore().dispatch(toggleAppNotifications(true))
+      getStore().dispatch(updatePromptAttempts(0))
+      getStore().dispatch(updateLastTimePromptAttempted(0))
+    } catch (error) {
+      Logger.error('Error checking if a user has push notifications permission', error)
+    }
+  }
+
+  async getAllPermissions(shouldOpenSettings = false) {
+    try {
+      const promises: Promise<string>[] = notificationChannels.map((channel: AndroidChannel) =>
+        withTimeout(this.createChannel(channel), 5000),
+      )
+      // 1 - Creates android's notifications channel
+      await Promise.allSettled(promises)
+      const { authorizationStatus } = await notifee.requestPermission()
+      // 2 - Verifies blocked notifications
+      const blockedNotifications = await withTimeout(this.getBlockedNotifications(), 5000)
+      /**
+       * 3 - If permission has not being granted already or blocked notifications are found, open device's settings
+       * so that user can enable DEVICE notifications, but ONLY if explicitly requested via shouldOpenSettings
+       **/
+      if (shouldOpenSettings && authorizationStatus === AuthorizationStatus.DENIED) {
+        const settings = await notifee.getNotificationSettings()
+
+        if (
+          settings.authorizationStatus === AuthorizationStatus.NOT_DETERMINED ||
+          settings.authorizationStatus === AuthorizationStatus.DENIED
+        ) {
+          await this.openDeviceSettings()
+        }
+      }
+
+      // 4 - Check if the user has enabled device notifications
+      const permission = await withTimeout(this.checkCurrentPermissions(), 5000)
+
+      return {
+        permission,
+        blockedNotifications,
+      }
+    } catch (error) {
+      Logger.error('Error checking if a user has push notifications permission', error)
+      return {
+        permission: 'denied',
+        blockedNotifications: new Map<ChannelId, boolean>(),
+      }
+    }
+  }
+
+  async isDeviceNotificationEnabled() {
+    const settings = await notifee.getNotificationSettings()
+
+    const isAuthorized =
+      settings.authorizationStatus === AuthorizationStatus.AUTHORIZED ||
+      settings.authorizationStatus === AuthorizationStatus.PROVISIONAL
+
+    return isAuthorized
+  }
+
+  async getAuthorizationStatus() {
+    const settings = await notifee.getNotificationSettings()
+    return settings.authorizationStatus
+  }
+
+  async isAuthorizationDenied() {
+    const status = await this.getAuthorizationStatus()
+    return status === AuthorizationStatus.DENIED
+  }
+
+  async openDeviceSettings() {
+    await notifee.requestPermission()
+    try {
+      if (Platform.OS === 'ios') {
+        Linking.openURL('app-settings:')
+      } else {
+        Linking.openSettings()
+      }
+    } catch (error) {
+      Logger.error('Error checking if a user has push notifications permission', error)
+    }
+  }
+
+  defaultButtons = (resolve: (value: boolean) => void): AlertButton[] => [
+    {
+      text: 'Maybe later',
+      onPress: () => {
+        /**
+         * When user decides to NOT enable notifications, we should register the number of attempts and its dates
+         * so we avoid to prompt the user again within a month given a maximum of 3 attempts
+         */
+        getStore().dispatch(updatePromptAttempts(1))
+        getStore().dispatch(updateLastTimePromptAttempted(Date.now()))
+        resolve(false)
+      },
+    },
+    {
+      text: 'Turn on',
+      onPress: async () => {
+        await this.openDeviceSettings()
+        resolve(true)
+      },
+    },
+  ]
+
+  asyncAlert = (
+    title: string,
+    msg: string,
+    getButtons: (resolve: (value: boolean) => void) => AlertButton[] = this.defaultButtons,
+  ): Promise<boolean> =>
+    new Promise<boolean>((resolve) => {
+      NativeAlert.alert(title, msg, getButtons(resolve), {
+        cancelable: false,
+      })
+    })
+
+  async requestPushNotificationsPermission(): Promise<void> {
+    try {
+      await this.asyncAlert(
+        'Enable Push Notifications',
+        'Turn on notifications from Settings to get important alerts on wallet activity and more.',
+      )
+    } catch (error) {
+      Logger.error('Error checking if a user has push notifications permission', error)
+    }
+  }
+
+  async checkCurrentPermissions() {
+    const settings = await notifee.getNotificationSettings()
+
+    const isAuthorized =
+      settings.authorizationStatus === AuthorizationStatus.AUTHORIZED ||
+      settings.authorizationStatus === AuthorizationStatus.PROVISIONAL
+        ? 'granted'
+        : 'denied'
+
+    return isAuthorized
+  }
+
+  onForegroundEvent(observer: (event: NotifeeEvent) => Promise<void>): () => void {
+    return notifee.onForegroundEvent(observer)
+  }
+
+  onBackgroundEvent(observer: (event: NotifeeEvent) => Promise<void>) {
+    return notifee.onBackgroundEvent(observer)
+  }
+
+  async incrementBadgeCount(incrementBy?: number) {
+    await notifee.incrementBadgeCount(incrementBy)
+    const newCount = await notifee.getBadgeCount()
+    Logger.info(`Badge incremented by ${incrementBy || 1}, new count: ${newCount}`)
+  }
+
+  async decrementBadgeCount(decrementBy?: number) {
+    await notifee.decrementBadgeCount(decrementBy)
+    const newCount = await notifee.getBadgeCount()
+    Logger.info(`Badge decremented by ${decrementBy || 1}, new count: ${newCount}`)
+  }
+
+  async setBadgeCount(count: number) {
+    await notifee.setBadgeCount(count)
+    Logger.info(`Badge count set to: ${count}`)
+  }
+
+  async getBadgeCount() {
+    const count = await notifee.getBadgeCount()
+    Logger.info(`Current badge count: ${count}`)
+    return count
+  }
+
+  async clearAllBadges() {
+    try {
+      await this.setBadgeCount(0)
+      Logger.info('All badges cleared manually')
+    } catch (error) {
+      Logger.error('Failed to clear badges manually', error)
+    }
+  }
+
+  async handleNotificationPress({
+    detail,
+    callback,
+  }: {
+    detail: EventDetail
+    callback?: (remoteMessage: FirebaseMessagingTypes.RemoteMessage) => void
+  }) {
+    await this.clearAllBadges()
+
+    if (detail?.notification?.id) {
+      await this.cancelTriggerNotification(detail.notification.id)
+    }
+
+    if (detail?.notification?.data) {
+      await NotificationNavigationHandler.handleNotificationPress(
+        detail.notification.data as FirebaseMessagingTypes.RemoteMessage['data'],
+      )
+
+      callback?.(detail.notification as FirebaseMessagingTypes.RemoteMessage)
+    }
+  }
+
+  async handleNotificationEvent({
+    type,
+    detail,
+    callback,
+  }: NotifeeEvent & {
+    callback?: (remoteMessage: FirebaseMessagingTypes.RemoteMessage) => void
+  }) {
+    switch (type as unknown as EventType) {
+      case EventType.DELIVERED:
+        this.incrementBadgeCount(1)
+        break
+      case EventType.PRESS:
+        this.handleNotificationPress({
+          detail,
+          callback,
+        })
+        break
+    }
+  }
+
+  async cancelTriggerNotification(id?: string) {
+    if (!id) {
+      return
+    }
+    await notifee.cancelTriggerNotification(id)
+  }
+
+  async getInitialNotification(callback: HandleNotificationCallback): Promise<void> {
+    const event = await notifee.getInitialNotification()
+    if (event) {
+      callback(event.notification.data as Notification['data'])
+    }
+  }
+
+  async cancelAllNotifications() {
+    await notifee.cancelAllNotifications()
+  }
+
+  async createChannel(channel: AndroidChannel): Promise<string> {
+    return await notifee.createChannel(channel)
+  }
+
+  async displayNotification({
+    channelId,
+    title,
+    body,
+    data,
+  }: {
+    channelId: ChannelId
+    title: string
+    body?: string
+    data?: FirebaseMessagingTypes.RemoteMessage['data']
+  }): Promise<void> {
+    try {
+      await notifee.displayNotification({
+        title,
+        body,
+        data,
+        android: {
+          channelId: channelId ?? ChannelId.DEFAULT_NOTIFICATION_CHANNEL_ID,
+          importance: AndroidImportance.HIGH,
+          visibility: AndroidVisibility.PUBLIC,
+          smallIcon: 'ic_notification',
+          pressAction: {
+            id: PressActionId.OPEN_NOTIFICATIONS_VIEW,
+            launchActivity: LAUNCH_ACTIVITY,
+          },
+        },
+        ios: {
+          launchImageName: 'Default',
+          sound: 'default',
+          interruptionLevel: 'critical',
+          foregroundPresentationOptions: {
+            alert: true,
+            sound: true,
+            badge: true,
+            banner: true,
+            list: true,
+          },
+        },
+      })
+    } catch (error) {
+      Logger.info('NotificationService.displayNotification :: error', error)
+    }
+  }
+
+  /**
+   * Initializes all notification handlers
+   */
+  initializeNotificationHandlers(): void {
+    // Core Firebase handlers
+    this.listenForMessagesForeground() // FCM foreground messages
+    this.registerFirebaseNotificationOpenedHandler() // App opened from notification
+
+    Logger.info('NotificationService: Successfully initialized simplified notification handlers')
+  }
+
+  private listenForMessagesForeground = (): UnsubscribeFunc => {
+    return getMessaging().onMessage(async (remoteMessage: FirebaseMessagingTypes.RemoteMessage) => {
+      const parsed = parseNotification(remoteMessage.data)
+      this.displayNotification({
+        channelId: ChannelId.DEFAULT_NOTIFICATION_CHANNEL_ID,
+        title: parsed?.title || remoteMessage.notification?.title || '',
+        body: parsed?.body || remoteMessage.notification?.body || '',
+        data: remoteMessage.data,
+      })
+      Logger.info('listenForMessagesForeground: listening for messages in Foreground', remoteMessage)
+    })
+  }
+
+  /**
+   * Registers Firebase messaging handlers for when app is opened from notification
+   */
+  private registerFirebaseNotificationOpenedHandler(): void {
+    // Handle notification opened app when app is in background
+    getMessaging().onNotificationOpenedApp(async (remoteMessage: FirebaseMessagingTypes.RemoteMessage) => {
+      Logger.info('Notification caused app to open from background state:', remoteMessage)
+
+      await this.clearAllBadges()
+
+      if (remoteMessage.data) {
+        await NotificationNavigationHandler.handleNotificationPress(remoteMessage.data)
+      }
+    })
+
+    // Handle notification opened app when app was quit
+    getMessaging()
+      .getInitialNotification()
+      .then(async (remoteMessage: FirebaseMessagingTypes.RemoteMessage | null) => {
+        if (remoteMessage) {
+          Logger.info('Notification caused app to open from quit state:', remoteMessage)
+          if (remoteMessage.data) {
+            // Add extra delay for app startup from killed state
+            setTimeout(async () => {
+              // Clear badge when app is opened from notification
+              await this.clearAllBadges()
+              await NotificationNavigationHandler.handleNotificationPress(remoteMessage.data)
+            }, 1000) // Wait 1 second for app to fully initialize
+          }
+        }
+      })
+  }
+}
+
+export default new NotificationsService()
diff --git a/apps/mobile/src/services/notifications/SubscriptionManager.ts b/apps/mobile/src/services/notifications/SubscriptionManager.ts
new file mode 100644
index 000000000..79da0acca
--- /dev/null
+++ b/apps/mobile/src/services/notifications/SubscriptionManager.ts
@@ -0,0 +1 @@
+export { registerSafe as subscribeSafe, unregisterSafe as unsubscribeSafe } from './registration'
diff --git a/apps/mobile/src/services/notifications/__tests__/backend.test.ts b/apps/mobile/src/services/notifications/__tests__/backend.test.ts
new file mode 100644
index 000000000..d7731c666
--- /dev/null
+++ b/apps/mobile/src/services/notifications/__tests__/backend.test.ts
@@ -0,0 +1,274 @@
+import { Wallet } from 'ethers'
+import { SiweMessage } from 'siwe'
+import DeviceInfo from 'react-native-device-info'
+
+import { NOTIFICATION_ACCOUNT_TYPE } from '@/src/store/constants'
+import {
+  authenticateSigner,
+  registerForNotificationsOnBackEnd,
+  unregisterForNotificationsOnBackEnd,
+  getDeviceUuid,
+} from '../backend'
+
+// Mock modules
+jest.mock('react-native-device-info')
+jest.mock('@/src/utils/uuid')
+jest.mock('@/src/config/constants', () => ({
+  isAndroid: false,
+  GATEWAY_URL: 'https://safe-client.staging.5afe.dev',
+}))
+jest.mock('@/src/utils/logger')
+
+// Add MSW handlers for the API endpoints
+import { server } from '@/src/tests/server'
+import { http, HttpResponse } from 'msw'
+
+// Mock the store
+const mockStore = {
+  dispatch: jest.fn(),
+}
+
+jest.mock('@/src/store/utils/singletonStore', () => ({
+  getStore: () => mockStore,
+}))
+
+// Mock SiweMessage
+jest.mock('siwe', () => {
+  return {
+    SiweMessage: jest.fn().mockImplementation(function (
+      this: { prepareMessage: () => string },
+      params: Record<string, unknown>,
+    ) {
+      this.prepareMessage = () => 'prepared-siwe-message'
+      Object.assign(this, params)
+    }),
+  }
+})
+
+// Mock dependencies
+const mockDeviceInfo = DeviceInfo as jest.Mocked<typeof DeviceInfo>
+const mockConvertToUuid = require('@/src/utils/uuid').convertToUuid as jest.MockedFunction<
+  typeof import('@/src/utils/uuid').convertToUuid
+>
+const mockLogger = require('@/src/utils/logger').default as jest.Mocked<typeof import('@/src/utils/logger').default>
+
+describe('backend notification functions', () => {
+  const mockSigner = {
+    address: '0x1234567890123456789012345678901234567890',
+    signMessage: jest.fn().mockResolvedValue('signed-message'),
+  } as unknown as Wallet
+
+  const mockChainId = '1'
+  const mockDeviceId = 'test-device-id'
+  const mockDeviceUuid = 'test-device-uuid'
+  const mockSafeAddress = '0xabcdefabcdefabcdefabcdefabcdefabcdefabcdef'
+  const mockFcmToken = 'test-fcm-token'
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+
+    // Setup default mocks
+    mockDeviceInfo.getUniqueId.mockResolvedValue(mockDeviceId)
+    mockConvertToUuid.mockReturnValue(mockDeviceUuid)
+
+    // Add MSW handlers for auth and notification endpoints
+    server.use(
+      http.post('https://safe-client.staging.5afe.dev/v1/auth/verify', () => {
+        return HttpResponse.json({}, { status: 200 })
+      }),
+      http.post('https://safe-client.staging.5afe.dev/v2/register/notifications', () => {
+        return HttpResponse.json({}, { status: 201 })
+      }),
+      http.delete('https://safe-client.staging.5afe.dev/v2/notifications/subscriptions', () => {
+        return HttpResponse.json({}, { status: 200 })
+      }),
+    )
+
+    // Mock store dispatch to verify calls
+    const mockUnwrap = jest.fn().mockResolvedValue({})
+    mockStore.dispatch.mockImplementation((action) => ({
+      unwrap: mockUnwrap,
+      ...action,
+    }))
+  })
+
+  describe('getDeviceUuid', () => {
+    it('should get device UUID', async () => {
+      const result = await getDeviceUuid()
+
+      expect(mockDeviceInfo.getUniqueId).toHaveBeenCalled()
+      expect(mockConvertToUuid).toHaveBeenCalledWith(mockDeviceId)
+      expect(result).toBe(mockDeviceUuid)
+    })
+  })
+
+  describe('authenticateSigner', () => {
+    it('should authenticate a signer successfully', async () => {
+      await authenticateSigner(mockSigner, mockChainId)
+
+      // Check the signature was requested with the prepared message
+      expect(mockSigner.signMessage).toHaveBeenCalledWith('prepared-siwe-message')
+
+      // Check that store.dispatch was called for verification
+      expect(mockStore.dispatch).toHaveBeenCalledTimes(1)
+
+      // Check that SiweMessage constructor was called with the correct parameters
+      expect(SiweMessage).toHaveBeenCalledWith({
+        address: mockSigner.address,
+        chainId: Number(mockChainId),
+        domain: 'global.safe.mobileapp',
+        statement: 'Safe Wallet wants you to sign in with your Ethereum account',
+        nonce: expect.any(String), // Nonce is dynamic
+        uri: 'https://safe.global',
+        version: '1',
+        issuedAt: expect.any(String),
+      })
+
+      expect(mockLogger.info).toHaveBeenCalledWith('Authenticated signer', { signerAddress: mockSigner.address })
+    })
+
+    it('should return early if signer is null', async () => {
+      await authenticateSigner(null, mockChainId)
+
+      expect(mockStore.dispatch).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('registerForNotificationsOnBackEnd', () => {
+    it('should register for notifications as owner', async () => {
+      await registerForNotificationsOnBackEnd({
+        safeAddress: mockSafeAddress,
+        signer: mockSigner,
+        chainIds: [mockChainId],
+        fcmToken: mockFcmToken,
+        notificationAccountType: NOTIFICATION_ACCOUNT_TYPE.OWNER,
+      })
+
+      // Verify authentication was called
+      expect(mockSigner.signMessage).toHaveBeenCalled()
+
+      // Verify registration dispatch was called
+      expect(mockStore.dispatch).toHaveBeenCalled()
+    })
+
+    it('should register for notifications as regular user', async () => {
+      await registerForNotificationsOnBackEnd({
+        safeAddress: mockSafeAddress,
+        signer: mockSigner,
+        chainIds: [mockChainId],
+        fcmToken: mockFcmToken,
+        notificationAccountType: NOTIFICATION_ACCOUNT_TYPE.REGULAR,
+      })
+
+      expect(mockStore.dispatch).toHaveBeenCalled()
+    })
+  })
+
+  describe('unregisterForNotificationsOnBackEnd', () => {
+    it('should unregister notifications successfully', async () => {
+      const chainIds = ['1', '5']
+
+      await unregisterForNotificationsOnBackEnd({
+        signer: mockSigner,
+        safeAddress: mockSafeAddress,
+        chainIds,
+      })
+
+      // Verify authentication was called
+      expect(mockSigner.signMessage).toHaveBeenCalled()
+
+      // Verify unregistration dispatch was called
+      expect(mockStore.dispatch).toHaveBeenCalled()
+
+      expect(mockLogger.info).toHaveBeenCalledWith(
+        'Unregistering notifications for subscriptions',
+        expect.objectContaining({
+          deleteAllSubscriptionsDto: {
+            subscriptions: chainIds.map((chainId) => ({
+              chainId,
+              deviceUuid: mockDeviceUuid,
+              safeAddress: mockSafeAddress,
+            })),
+          },
+        }),
+      )
+    })
+
+    it('should return early if no chainIds provided', async () => {
+      await unregisterForNotificationsOnBackEnd({
+        signer: mockSigner,
+        safeAddress: mockSafeAddress,
+        chainIds: [],
+      })
+
+      expect(mockLogger.warn).toHaveBeenCalledWith('No chainIds provided for unregistering notifications', {
+        safeAddress: mockSafeAddress,
+      })
+    })
+
+    it('should handle 404 errors gracefully', async () => {
+      // Mock the store dispatch to simulate RTK Query 404 error for unregister call
+      const error404 = { status: 404 }
+      const mockUnwrap = jest
+        .fn()
+        .mockResolvedValueOnce({}) // First call for auth succeeds
+        .mockRejectedValue(error404) // Second call returns 404
+
+      mockStore.dispatch.mockImplementation((action) => ({
+        unwrap: mockUnwrap,
+        ...action,
+      }))
+
+      await unregisterForNotificationsOnBackEnd({
+        signer: mockSigner,
+        safeAddress: mockSafeAddress,
+        chainIds: [mockChainId],
+      })
+
+      expect(mockLogger.info).toHaveBeenCalledWith('Safe was already unsubscribed from notifications', {
+        safeAddress: mockSafeAddress,
+        chainIds: [mockChainId],
+      })
+    })
+
+    it('should throw other errors', async () => {
+      // Mock the store dispatch to simulate RTK Query error for unregister call
+      const error = new Error('Network error')
+      const mockUnwrap = jest
+        .fn()
+        .mockResolvedValueOnce({}) // First call for auth succeeds
+        .mockRejectedValue(error) // Second call throws error
+
+      mockStore.dispatch.mockImplementation((action) => ({
+        unwrap: mockUnwrap,
+        ...action,
+      }))
+
+      await expect(
+        unregisterForNotificationsOnBackEnd({
+          signer: mockSigner,
+          safeAddress: mockSafeAddress,
+          chainIds: [mockChainId],
+        }),
+      ).rejects.toThrow('Network error')
+
+      expect(mockLogger.error).toHaveBeenCalledWith('Failed to unregister notifications', {
+        error,
+        safeAddress: mockSafeAddress,
+        chainIds: [mockChainId],
+      })
+    })
+
+    it('should throw error if deviceUuid is missing', async () => {
+      mockConvertToUuid.mockReturnValue('')
+
+      await expect(
+        unregisterForNotificationsOnBackEnd({
+          signer: mockSigner,
+          safeAddress: mockSafeAddress,
+          chainIds: [mockChainId],
+        }),
+      ).rejects.toThrow('Missing required parameters for unregistering notifications')
+    })
+  })
+})
diff --git a/apps/mobile/src/services/notifications/__tests__/notificationNavigationHandler.test.ts b/apps/mobile/src/services/notifications/__tests__/notificationNavigationHandler.test.ts
new file mode 100644
index 000000000..f367e439f
--- /dev/null
+++ b/apps/mobile/src/services/notifications/__tests__/notificationNavigationHandler.test.ts
@@ -0,0 +1,270 @@
+/**
+ * Unit tests for NotificationNavigationHandler
+ * This test file is isolated and mocks all dependencies to avoid complex setup issues
+ */
+import { NotificationType } from '@safe-global/store/gateway/AUTO_GENERATED/notifications'
+import { Address } from '@/src/types/address'
+
+// Define types for test data
+interface MockActiveSafeAction {
+  type: string
+  payload: {
+    address: Address
+    chainId: string
+  }
+}
+
+interface TestNotificationData {
+  type: NotificationType | string
+  chainId: string
+  address: string
+  safeTxHash?: string
+}
+
+describe('NotificationNavigationHandler', () => {
+  // Mock all external dependencies
+  const mockRouter = {
+    push: jest.fn(),
+    canGoBack: jest.fn().mockReturnValue(true),
+    dismissAll: jest.fn(),
+  }
+
+  const mockLogger = {
+    info: jest.fn(),
+    warn: jest.fn(),
+    error: jest.fn(),
+  }
+
+  const mockStore = {
+    getState: jest.fn(),
+    dispatch: jest.fn(),
+  }
+
+  const mockSelectAllSafes = jest.fn()
+  const mockSetActiveSafe = jest.fn(
+    (payload: { address: Address; chainId: string }): MockActiveSafeAction => ({
+      type: 'activeSafe/setActiveSafe',
+      payload,
+    }),
+  )
+
+  // Set up mocks before importing the module
+  beforeAll(() => {
+    jest.doMock('expo-router', () => ({
+      router: mockRouter,
+    }))
+
+    jest.doMock('@/src/utils/logger', () => ({
+      __esModule: true,
+      default: mockLogger,
+    }))
+
+    jest.doMock('@/src/store/utils/singletonStore', () => ({
+      getStore: () => mockStore,
+    }))
+
+    jest.doMock('@/src/store/activeSafeSlice', () => ({
+      setActiveSafe: mockSetActiveSafe,
+    }))
+
+    jest.doMock('@/src/store/safesSlice', () => ({
+      selectAllSafes: mockSelectAllSafes,
+    }))
+
+    // Mock the setTimeout to resolve immediately in tests
+    global.setTimeout = jest.fn((callback: () => void) => {
+      callback()
+      return 1 as unknown as NodeJS.Timeout
+    }) as unknown as typeof global.setTimeout
+  })
+
+  const mockAddress = '0x1234567890123456789012345678901234567890' as Address
+  const mockChainId = '1'
+  const mockSafeTxHash = 'tx-hash-123'
+
+  const mockSafesState = {
+    [mockAddress]: {
+      [mockChainId]: {
+        address: { value: mockAddress },
+        chainId: mockChainId,
+        threshold: 1,
+        owners: [],
+        fiatTotal: '0',
+        queued: 0,
+      },
+    },
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    mockStore.getState.mockReturnValue({})
+    mockSelectAllSafes.mockReturnValue(mockSafesState)
+    mockRouter.canGoBack.mockReturnValue(true)
+  })
+
+  // Import the handler after mocks are set up
+  let NotificationNavigationHandler: typeof import('../notificationNavigationHandler').NotificationNavigationHandler
+  beforeAll(() => {
+    NotificationNavigationHandler = require('../notificationNavigationHandler').NotificationNavigationHandler
+  })
+
+
+  describe('switchToSafe', () => {
+    it('should switch to the correct safe successfully', async () => {
+      await NotificationNavigationHandler.switchToSafe(mockAddress, mockChainId)
+
+      expect(mockStore.dispatch).toHaveBeenCalled()
+    })
+
+    it('should throw error when safe does not exist in user wallet', async () => {
+      mockSelectAllSafes.mockReturnValue({})
+
+      await expect(NotificationNavigationHandler.switchToSafe(mockAddress, mockChainId)).rejects.toThrow(
+        'Safe not found in user wallet',
+      )
+
+      expect(mockStore.dispatch).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('handleNotificationPress edge cases', () => {
+    it('should handle missing notification data gracefully', async () => {
+      await NotificationNavigationHandler.handleNotificationPress(undefined)
+    })
+
+    it('should handle missing required fields gracefully', async () => {
+      const incompleteData = {
+        type: 'INCOMING_ETHER' as NotificationType,
+        // Missing chainId and address
+      }
+
+      await NotificationNavigationHandler.handleNotificationPress(incompleteData)
+    })
+  })
+
+  describe('navigation methods', () => {
+    it('should test navigateToTransactionHistory calls safeNavigate with correct path', async () => {
+      // Mock safeNavigate to track calls
+      const originalSafeNavigate = NotificationNavigationHandler.safeNavigate
+      const safeNavigateMock = jest.fn().mockResolvedValue(undefined)
+      NotificationNavigationHandler.safeNavigate = safeNavigateMock
+
+      await NotificationNavigationHandler.navigateToTransactionHistory()
+
+      expect(safeNavigateMock).toHaveBeenCalledWith('/transactions')
+
+      // Restore original
+      NotificationNavigationHandler.safeNavigate = originalSafeNavigate
+    })
+
+    it('should test navigateToConfirmTransaction with safeTxHash', async () => {
+      const originalSafeNavigate = NotificationNavigationHandler.safeNavigate
+      const safeNavigateMock = jest.fn().mockResolvedValue(undefined)
+      NotificationNavigationHandler.safeNavigate = safeNavigateMock
+
+      await NotificationNavigationHandler.navigateToConfirmTransaction(mockSafeTxHash)
+
+      expect(safeNavigateMock).toHaveBeenCalledWith({
+        pathname: '/confirm-transaction',
+        params: { txId: mockSafeTxHash },
+      })
+
+      NotificationNavigationHandler.safeNavigate = originalSafeNavigate
+    })
+
+    it('should test navigateToConfirmTransaction without safeTxHash', async () => {
+      const originalSafeNavigate = NotificationNavigationHandler.safeNavigate
+      const safeNavigateMock = jest.fn().mockResolvedValue(undefined)
+      NotificationNavigationHandler.safeNavigate = safeNavigateMock
+
+      await NotificationNavigationHandler.navigateToConfirmTransaction()
+
+      expect(safeNavigateMock).toHaveBeenCalledWith('/pending-transactions')
+
+      NotificationNavigationHandler.safeNavigate = originalSafeNavigate
+    })
+  })
+
+  describe('handleNotificationPress with various notification types', () => {
+    it('should handle INCOMING_ETHER notification correctly', async () => {
+      // Mock the internal methods
+      const switchToSafeMock = jest.fn().mockResolvedValue(undefined)
+      const navigateToTransactionHistoryMock = jest.fn().mockResolvedValue(undefined)
+      NotificationNavigationHandler.switchToSafe = switchToSafeMock
+      NotificationNavigationHandler.navigateToTransactionHistory = navigateToTransactionHistoryMock
+
+      const notificationData: TestNotificationData = {
+        type: 'INCOMING_ETHER' as NotificationType,
+        chainId: mockChainId,
+        address: mockAddress,
+      }
+
+      await NotificationNavigationHandler.handleNotificationPress(
+        notificationData as unknown as Record<string, string | object>,
+      )
+
+      expect(switchToSafeMock).toHaveBeenCalledWith(mockAddress, mockChainId)
+      expect(navigateToTransactionHistoryMock).toHaveBeenCalled()
+    })
+
+    it('should handle CONFIRMATION_REQUEST notification correctly', async () => {
+      const switchToSafeMock = jest.fn().mockResolvedValue(undefined)
+      const navigateToConfirmTransactionMock = jest.fn().mockResolvedValue(undefined)
+      NotificationNavigationHandler.switchToSafe = switchToSafeMock
+      NotificationNavigationHandler.navigateToConfirmTransaction = navigateToConfirmTransactionMock
+
+      const notificationData: TestNotificationData = {
+        type: 'CONFIRMATION_REQUEST' as NotificationType,
+        chainId: mockChainId,
+        address: mockAddress,
+        safeTxHash: mockSafeTxHash,
+      }
+
+      await NotificationNavigationHandler.handleNotificationPress(
+        notificationData as unknown as Record<string, string | object>,
+      )
+
+      expect(switchToSafeMock).toHaveBeenCalledWith(mockAddress, mockChainId)
+      expect(navigateToConfirmTransactionMock).toHaveBeenCalledWith(mockSafeTxHash)
+    })
+
+    it('should handle unknown notification type with fallback navigation', async () => {
+      const switchToSafeMock = jest.fn().mockResolvedValue(undefined)
+      const safeNavigateMock = jest.fn().mockResolvedValue(undefined)
+      NotificationNavigationHandler.switchToSafe = switchToSafeMock
+      NotificationNavigationHandler.safeNavigate = safeNavigateMock
+
+      const notificationData: TestNotificationData = {
+        type: 'UNKNOWN_TYPE',
+        chainId: mockChainId,
+        address: mockAddress,
+      }
+
+      await NotificationNavigationHandler.handleNotificationPress(
+        notificationData as unknown as Record<string, string | object>,
+      )
+
+      expect(switchToSafeMock).toHaveBeenCalledWith(mockAddress, mockChainId)
+      expect(safeNavigateMock).toHaveBeenCalledWith('/')
+    })
+
+    it('should handle errors during navigation and fallback to home', async () => {
+      const switchToSafeMock = jest.fn().mockRejectedValue(new Error('Switch failed'))
+      const safeNavigateMock = jest.fn().mockResolvedValue(undefined)
+      NotificationNavigationHandler.switchToSafe = switchToSafeMock
+      NotificationNavigationHandler.safeNavigate = safeNavigateMock
+
+      const notificationData: TestNotificationData = {
+        type: 'INCOMING_ETHER' as NotificationType,
+        chainId: mockChainId,
+        address: mockAddress,
+      }
+
+      await NotificationNavigationHandler.handleNotificationPress(
+        notificationData as unknown as Record<string, string | object>,
+      )
+
+      expect(safeNavigateMock).toHaveBeenCalledWith('/')
+    })
+  })
+})
diff --git a/apps/mobile/src/services/notifications/backend.ts b/apps/mobile/src/services/notifications/backend.ts
new file mode 100644
index 000000000..ea8340666
--- /dev/null
+++ b/apps/mobile/src/services/notifications/backend.ts
@@ -0,0 +1,188 @@
+import DeviceInfo from 'react-native-device-info'
+import { SiweMessage } from 'siwe'
+import { Wallet, HDNodeWallet } from 'ethers'
+
+import { NOTIFICATION_ACCOUNT_TYPE, ERROR_MSG } from '@/src/store/constants'
+import { REGULAR_NOTIFICATIONS, OWNER_NOTIFICATIONS } from '@/src/utils/notifications'
+import { cgwApi as authApi } from '@safe-global/store/gateway/AUTO_GENERATED/auth'
+import { cgwApi as notificationsApi } from '@safe-global/store/gateway/AUTO_GENERATED/notifications'
+import { convertToUuid } from '@/src/utils/uuid'
+import { isAndroid, GATEWAY_URL } from '@/src/config/constants'
+import Logger from '@/src/utils/logger'
+import { getStore } from '@/src/store/utils/singletonStore'
+
+// Type for RTK Query options with our custom property
+interface CustomRTKQueryOptions {
+  track?: boolean
+  fixedCacheKey?: string
+  forceOmitCredentials?: boolean
+}
+
+export const getDeviceUuid = async () => {
+  const deviceId = await DeviceInfo.getUniqueId()
+  return convertToUuid(deviceId)
+}
+
+const getNotificationRegisterPayload = async ({
+  signer,
+  chainId,
+}: {
+  signer: Wallet | HDNodeWallet
+  chainId: string
+}) => {
+  const nonceResponse = await fetch(`${GATEWAY_URL}/v1/auth/nonce`, {
+    method: 'GET',
+    headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
+  })
+
+  if (!nonceResponse.ok) {
+    throw new Error(`Failed to get nonce: ${nonceResponse.status} ${nonceResponse.statusText}`)
+  }
+
+  const { nonce } = await nonceResponse.json()
+
+  if (!nonce) {
+    throw new Error(ERROR_MSG)
+  }
+
+  const message = new SiweMessage({
+    address: signer.address,
+    chainId: Number(chainId),
+    domain: 'global.safe.mobileapp',
+    statement: 'Safe Wallet wants you to sign in with your Ethereum account',
+    nonce,
+    uri: 'https://safe.global',
+    version: '1',
+    issuedAt: new Date().toISOString(),
+  })
+
+  return { siweMessage: message.prepareMessage() }
+}
+
+export const authenticateSigner = async (signer: Wallet | HDNodeWallet | null, chainId: string) => {
+  if (!signer) {
+    return
+  }
+
+  const signerAddress = signer.address
+
+  const { siweMessage } = await getNotificationRegisterPayload({ signer, chainId })
+  const signature = await signer.signMessage(siweMessage)
+
+  await getStore()
+    .dispatch(
+      authApi.endpoints.authVerifyV1.initiate({
+        siweDto: { message: siweMessage, signature },
+      }),
+    )
+    .unwrap()
+
+  Logger.info('Authenticated signer', { signerAddress })
+}
+
+export const registerForNotificationsOnBackEnd = async ({
+  safeAddress,
+  signer,
+  chainIds,
+  fcmToken,
+  notificationAccountType,
+  noAuth = false,
+}: {
+  safeAddress: string
+  signer: Wallet | HDNodeWallet | null
+  chainIds: string[]
+  fcmToken: string
+  notificationAccountType: NOTIFICATION_ACCOUNT_TYPE
+  noAuth?: boolean
+}) => {
+  const isOwner = notificationAccountType === NOTIFICATION_ACCOUNT_TYPE.OWNER
+  const deviceUuid = await getDeviceUuid()
+
+  if (!noAuth) {
+    await authenticateSigner(signer, chainIds[0])
+  }
+
+  const NOTIFICATIONS_GRANTED = isOwner ? OWNER_NOTIFICATIONS : REGULAR_NOTIFICATIONS
+
+  await getStore()
+    .dispatch(
+      notificationsApi.endpoints.notificationsUpsertSubscriptionsV2.initiate(
+        {
+          upsertSubscriptionsDto: {
+            cloudMessagingToken: fcmToken,
+            safes: chainIds.map((chainId) => ({
+              chainId,
+              address: safeAddress,
+              notificationTypes: NOTIFICATIONS_GRANTED,
+            })),
+            deviceType: isAndroid ? 'ANDROID' : 'IOS',
+            deviceUuid,
+          },
+        },
+        {
+          forceOmitCredentials: noAuth,
+        } as CustomRTKQueryOptions,
+      ),
+    )
+    .unwrap()
+}
+
+export const unregisterForNotificationsOnBackEnd = async ({
+  signer,
+  safeAddress,
+  chainIds,
+}: {
+  signer: Wallet | HDNodeWallet | null
+  safeAddress: string
+  chainIds: string[]
+}) => {
+  // Validate input parameters
+  if (!chainIds || chainIds.length === 0) {
+    Logger.warn('No chainIds provided for unregistering notifications', { safeAddress })
+    return
+  }
+
+  await authenticateSigner(signer, chainIds[0])
+  const deviceUuid = await getDeviceUuid()
+
+  // Ensure we have all required data
+  if (!deviceUuid || !safeAddress) {
+    throw new Error('Missing required parameters for unregistering notifications')
+  }
+
+  // Use the new bulk delete endpoint for better efficiency
+  const subscriptions = chainIds.map((chainId) => ({
+    chainId: chainId,
+    deviceUuid: deviceUuid,
+    safeAddress: safeAddress,
+  }))
+
+  // Ensure we have valid subscriptions array
+  if (!Array.isArray(subscriptions) || subscriptions.length === 0) {
+    throw new Error('No valid subscriptions to delete')
+  }
+
+  const deleteAllSubscriptionsDto = {
+    subscriptions: subscriptions,
+  }
+
+  Logger.info('Unregistering notifications for subscriptions', { deleteAllSubscriptionsDto })
+
+  try {
+    await getStore()
+      .dispatch(
+        notificationsApi.endpoints.notificationsDeleteAllSubscriptionsV2.initiate({
+          deleteAllSubscriptionsDto,
+        }),
+      )
+      .unwrap()
+  } catch (error: unknown) {
+    // Treat 404 errors as successful unregistration since the safe was already unsubscribed
+    if (error && typeof error === 'object' && 'status' in error && error.status === 404) {
+      Logger.info('Safe was already unsubscribed from notifications', { safeAddress, chainIds })
+    } else {
+      Logger.error('Failed to unregister notifications', { error, safeAddress, chainIds })
+      throw error
+    }
+  }
+}
diff --git a/apps/mobile/src/services/notifications/backgroundHandlers.ts b/apps/mobile/src/services/notifications/backgroundHandlers.ts
new file mode 100644
index 000000000..e64bd5da7
--- /dev/null
+++ b/apps/mobile/src/services/notifications/backgroundHandlers.ts
@@ -0,0 +1,59 @@
+import { getMessaging } from '@react-native-firebase/messaging'
+import notifee from '@notifee/react-native'
+
+/**
+ * The background handlers here are only used by the Android version of the app.
+ * On iOS, the Notification Service Extension is intercepting the notifications and those
+ * functions here never get called.
+ */
+getMessaging().setBackgroundMessageHandler(async (remoteMessage) => {
+  const messageId = remoteMessage.messageId || `${remoteMessage.data?.type}-${Date.now()}`
+  console.log('[Firebase Background] Processing message:', messageId)
+
+  try {
+    // Check for message deduplication and mark as processed
+    const { checkAndMarkMessageProcessed } = await import('@/src/services/notifications/utils/messageDeduplication')
+
+    if (checkAndMarkMessageProcessed(messageId)) {
+      console.log('[Firebase Background] Message already processed, acknowledging:', messageId)
+      return // Already processed - acknowledge and skip
+    }
+
+    console.log('[Firebase Background] Displaying notification for message:', messageId)
+
+    // Use regular parser with automatic fallback to extension MMKV storage
+    const { parseNotification } = await import('./notificationParser')
+    const NotificationsService = (await import('./NotificationService')).default
+    const { ChannelId } = await import('@/src/utils/notifications')
+
+    const parsed = parseNotification(remoteMessage.data)
+
+    // Add timeout to prevent hanging
+    await NotificationsService.displayNotification({
+      channelId: ChannelId.DEFAULT_NOTIFICATION_CHANNEL_ID,
+      title: parsed?.title || remoteMessage.notification?.title || '',
+      body: parsed?.body || remoteMessage.notification?.body || '',
+      data: remoteMessage.data,
+    })
+
+    console.log('[Firebase Background] Successfully processed message:', messageId)
+  } catch (error) {
+    console.error('[Firebase Background] Error processing message:', messageId, error)
+  }
+
+  return Promise.resolve()
+})
+
+notifee.onBackgroundEvent(async ({ type, detail }) => {
+  console.log('[Notifee Background] Event received:', type)
+
+  try {
+    // Delegate to NotificationService for consistent logic
+    const NotificationsService = (await import('./NotificationService')).default
+    await NotificationsService.handleNotificationEvent({ type, detail })
+
+    console.log('[Notifee Background] Event processed successfully')
+  } catch (error) {
+    console.error('[Notifee Background] Error processing event:', error)
+  }
+})
diff --git a/apps/mobile/src/services/notifications/notificationNavigationHandler.ts b/apps/mobile/src/services/notifications/notificationNavigationHandler.ts
new file mode 100644
index 000000000..93f2e8864
--- /dev/null
+++ b/apps/mobile/src/services/notifications/notificationNavigationHandler.ts
@@ -0,0 +1,171 @@
+import { router } from 'expo-router'
+import { getStore } from '@/src/store/utils/singletonStore'
+import { setActiveSafe } from '@/src/store/activeSafeSlice'
+import { selectAllSafes } from '@/src/store/safesSlice'
+import { NotificationType } from '@safe-global/store/gateway/AUTO_GENERATED/notifications'
+import { FirebaseMessagingTypes } from '@react-native-firebase/messaging'
+import { Address } from '@/src/types/address'
+import Logger from '@/src/utils/logger'
+
+// Helper function to wait for router to be ready
+const waitForRouter = async (maxAttempts = 50, delayMs = 100): Promise<boolean> => {
+  for (let i = 0; i < maxAttempts; i++) {
+    try {
+      // Test if router is ready by checking if we can access navigation state
+      if (router.canGoBack !== undefined) {
+        // Additional check to ensure router is truly ready
+        await new Promise((resolve) => setTimeout(resolve, 50))
+        return true
+      }
+    } catch (_error) {
+      // Router not ready yet
+      Logger.info(`Router not ready, attempt ${i + 1}/${maxAttempts}`)
+    }
+    await new Promise((resolve) => setTimeout(resolve, delayMs))
+  }
+  Logger.error('Router failed to become ready within timeout')
+  return false
+}
+
+export interface NotificationNavigationData {
+  type: NotificationType
+  chainId: string
+  address: string
+  safeTxHash?: string
+  _txHash?: string
+  value?: string
+  failed?: string
+}
+
+export const NotificationNavigationHandler = {
+  async handleNotificationPress(data: FirebaseMessagingTypes.RemoteMessage['data']): Promise<void> {
+    Logger.info('NotificationNavigationHandler: handleNotificationPress called with data:', data)
+
+    if (!data) {
+      Logger.warn('NotificationNavigationHandler: No data provided')
+      return
+    }
+
+    try {
+      // Wait for router to be ready before attempting navigation
+      Logger.info('NotificationNavigationHandler: Waiting for router to be ready...')
+      const isRouterReady = await waitForRouter()
+
+      if (!isRouterReady) {
+        Logger.error('NotificationNavigationHandler: Router not ready after waiting, aborting navigation')
+        return
+      }
+
+      Logger.info('NotificationNavigationHandler: Router is ready, proceeding with navigation')
+
+      const notificationData = data as unknown as NotificationNavigationData
+      const { type, chainId, address, safeTxHash } = notificationData
+
+      Logger.info('NotificationNavigationHandler: Parsed notification data:', { type, chainId, address, safeTxHash })
+
+      if (!type || !chainId || !address) {
+        Logger.warn('NotificationNavigationHandler: Missing required notification data', { type, chainId, address })
+        return
+      }
+
+      // Switch to the correct safe and chain
+      await this.switchToSafe(address as Address, chainId)
+
+      // Navigate based on notification type
+      switch (type) {
+        case 'INCOMING_ETHER':
+        case 'INCOMING_TOKEN':
+        case 'EXECUTED_MULTISIG_TRANSACTION':
+          Logger.info('NotificationNavigationHandler: Navigating to transaction history')
+          await this.navigateToTransactionHistory()
+          break
+        case 'CONFIRMATION_REQUEST':
+          Logger.info('NotificationNavigationHandler: Navigating to confirm transaction')
+          await this.navigateToConfirmTransaction(safeTxHash)
+          break
+        default:
+          Logger.warn('NotificationNavigationHandler: Unknown notification type', { type })
+          // Fallback to home screen with correct safe
+          await this.safeNavigate('/')
+          break
+      }
+    } catch (error) {
+      Logger.error('NotificationNavigationHandler: Error handling notification press', error)
+      // Fallback to home screen
+      await this.safeNavigate('/')
+    }
+  },
+
+  async switchToSafe(address: Address, chainId: string): Promise<void> {
+    const currentState = getStore().getState()
+    const allSafes = selectAllSafes(currentState)
+
+    // Check if the safe exists in the user's wallet
+    const safeExists = allSafes[address] && allSafes[address][chainId]
+
+    if (!safeExists) {
+      Logger.warn('NotificationNavigationHandler: Safe not found in user wallet', { address, chainId })
+      throw new Error('Safe not found in user wallet')
+    }
+
+    // This is a bit of a hack, but for now we need to make it.
+    // if the user is in a different safe and he is in the confirm tx screen
+    // if we just switch the safe and try to push the new confirm tx screen from the notification
+    // the app is going to crash (because we have a tx for a safe that is not the active safe)
+    // so we need to dismiss all the screens and then switch the safe
+    await this.safeDismissAll()
+
+    // Switch to the safe
+    getStore().dispatch(
+      setActiveSafe({
+        address,
+        chainId,
+      }),
+    )
+
+    Logger.info('NotificationNavigationHandler: Switched to safe', { address, chainId })
+  },
+
+  /**
+   * Safe navigation wrapper that handles router readiness
+   */
+  async safeNavigate(path: string | { pathname: string; params?: Record<string, string> }): Promise<void> {
+    try {
+      const isRouterReady = await waitForRouter()
+      if (!isRouterReady) {
+        Logger.error('NotificationNavigationHandler: Router not ready for navigation')
+        return
+      }
+
+      if (typeof path === 'string') {
+        router.push(path as never)
+      } else {
+        router.push(path as never)
+      }
+    } catch (error) {
+      Logger.error('NotificationNavigationHandler: Error during safe navigation', error)
+    }
+  },
+
+  async safeDismissAll(): Promise<void> {
+    const isRouterReady = await waitForRouter()
+    if (isRouterReady && router.canGoBack()) {
+      router.dismissAll()
+    }
+  },
+
+  async navigateToTransactionHistory(): Promise<void> {
+    await this.safeNavigate('/transactions')
+  },
+
+  async navigateToConfirmTransaction(safeTxHash?: string): Promise<void> {
+    if (safeTxHash) {
+      await this.safeNavigate({
+        pathname: '/confirm-transaction',
+        params: { txId: safeTxHash },
+      })
+    } else {
+      await this.safeNavigate('/pending-transactions')
+    }
+  },
+}
diff --git a/apps/mobile/src/services/notifications/notificationParser.ts b/apps/mobile/src/services/notifications/notificationParser.ts
new file mode 100644
index 000000000..35a140070
--- /dev/null
+++ b/apps/mobile/src/services/notifications/notificationParser.ts
@@ -0,0 +1,105 @@
+import { formatUnits } from 'ethers'
+import { NotificationType } from '@safe-global/store/gateway/AUTO_GENERATED/notifications'
+import { selectChainById } from '@/src/store/chains'
+import { shortenAddress } from '@/src/utils/formatters'
+import { selectContactByAddress } from '@/src/store/addressBookSlice'
+import { getStore } from '@/src/store/utils/singletonStore'
+import { getExtensionData } from './store-sync/read'
+import Logger from '@/src/utils/logger'
+
+export interface ParsedNotification {
+  title: string
+  body: string
+}
+
+interface NotificationMetadata {
+  chainName: string
+  chainSymbol: string
+  chainDecimals: number
+  safeName: string
+}
+
+const getNotificationMetadata = (chainId?: string, address?: string): NotificationMetadata => {
+  let chainData: { name?: string; symbol?: string; decimals?: number } | null = null
+  let contactName: string | undefined = undefined
+
+  try {
+    // Try to use Redux store first (foreground mode)
+    const state = getStore().getState()
+    const chain = chainId ? selectChainById(state, chainId) : null
+    chainData = chain
+      ? {
+          name: chain.chainName,
+          symbol: chain.nativeCurrency?.symbol,
+          decimals: chain.nativeCurrency?.decimals,
+        }
+      : null
+    contactName = selectContactByAddress(address as `0x${string}`)(state)?.name
+  } catch (_error) {
+    // Fallback to extension MMKV storage (background|quit mode)
+    Logger.info('parseNotification: Redux store not available, using extension storage fallback')
+    const extensionData = getExtensionData()
+    const extChainData = chainId ? extensionData?.chains[chainId] : undefined
+    chainData = extChainData
+      ? {
+          name: extChainData.name,
+          symbol: extChainData.symbol,
+          decimals: extChainData.decimals,
+        }
+      : null
+    contactName = address && extensionData?.contacts[address]
+  }
+
+  // Set variables based on fetched data
+  return {
+    chainName: chainData?.name ?? `Chain Id ${chainId}`,
+    chainSymbol: chainData?.symbol ?? 'ETH',
+    chainDecimals: chainData?.decimals ?? 18,
+    safeName: contactName ?? (address ? shortenAddress(address) : ''),
+  }
+}
+
+export const parseNotification = (data?: Record<string, unknown>): ParsedNotification | null => {
+  if (!data || !data.type) {
+    return null
+  }
+
+  const strData = data as Record<string, string>
+
+  const type = strData.type as NotificationType
+  const chainId = strData.chainId
+  const address = strData.address
+
+  const { chainName, chainSymbol, chainDecimals, safeName } = getNotificationMetadata(chainId, address)
+
+  switch (type) {
+    case 'INCOMING_ETHER': {
+      const value = strData.value ? formatUnits(strData.value, chainDecimals) : ''
+      return {
+        title: `Incoming ${chainSymbol} (${chainName})`,
+        body: `${safeName}: ${value} ${chainSymbol} received`,
+      }
+    }
+    case 'INCOMING_TOKEN': {
+      return {
+        title: `Incoming token (${chainName})`,
+        body: `${safeName}: tokens received`,
+      }
+    }
+    case 'EXECUTED_MULTISIG_TRANSACTION': {
+      const status = strData.failed === 'true' ? 'failed' : 'successful'
+      return {
+        title: `Transaction ${status} (${chainName})`,
+        body: `${safeName}: Transaction ${status}`,
+      }
+    }
+    case 'CONFIRMATION_REQUEST': {
+      return {
+        title: `Confirmation required (${chainName})`,
+        body: `${safeName}: A transaction requires your confirmation!`,
+      }
+    }
+    default:
+      return null
+  }
+}
diff --git a/apps/mobile/src/services/notifications/operations.ts b/apps/mobile/src/services/notifications/operations.ts
new file mode 100644
index 000000000..100dc0a8c
--- /dev/null
+++ b/apps/mobile/src/services/notifications/operations.ts
@@ -0,0 +1,74 @@
+import { cgwApi as notificationsApi } from '@safe-global/store/gateway/AUTO_GENERATED/notifications'
+import { getDeviceUuid, registerForNotificationsOnBackEnd } from '@/src/services/notifications/backend'
+import FCMService from '@/src/services/notifications/FCMService'
+import { NOTIFICATION_ACCOUNT_TYPE } from '@/src/store/constants'
+import { getStore } from '@/src/store/utils/singletonStore'
+import { createSubscriptionData, clearAuthBeforeUnauthenticatedCall } from '@/src/utils/notifications/cleanup'
+import { withRateLimitRetry } from '@/src/utils/retry'
+import Logger from '@/src/utils/logger'
+
+export const unsubscribeDelegateFromNotifications = async (
+  safeAddress: string,
+  delegateAddress: string,
+  chainIds: string[],
+): Promise<void> => {
+  const deviceUuid = await getDeviceUuid()
+  const subscriptions = await createSubscriptionData(safeAddress, chainIds, deviceUuid, delegateAddress)
+
+  await withRateLimitRetry(async () => {
+    await getStore()
+      .dispatch(
+        notificationsApi.endpoints.notificationsDeleteAllSubscriptionsV2.initiate({
+          deleteAllSubscriptionsDto: { subscriptions },
+        }),
+      )
+      .unwrap()
+  })
+
+  Logger.info(`Unsubscribed delegate ${delegateAddress} from safe ${safeAddress}`, {
+    safeAddress,
+    delegateAddress,
+    chainIds,
+  })
+}
+
+export const subscribeToRegularNotifications = async (safeAddress: string, chainIds: string[]): Promise<void> => {
+  const fcmToken = await FCMService.getFCMToken()
+
+  if (!fcmToken) {
+    Logger.warn('No FCM token available for regular notification subscription')
+    return
+  }
+
+  // Clear authentication cookies first to prevent React Native bug where credentials: 'omit' is ignored
+  await clearAuthBeforeUnauthenticatedCall()
+
+  await registerForNotificationsOnBackEnd({
+    safeAddress,
+    signer: null, // No signer for regular notifications
+    chainIds,
+    fcmToken,
+    notificationAccountType: NOTIFICATION_ACCOUNT_TYPE.OWNER,
+    noAuth: true, // Don't send credentials to avoid automatic delegate subscription
+  })
+
+  Logger.info(`Subscribed to regular notifications for safe ${safeAddress}`, {
+    safeAddress,
+    chainIds,
+  })
+}
+
+export const cleanupSafeNotifications = async (
+  safeAddress: string,
+  chainIds: string[],
+  delegateAddress: string,
+  hasOtherDelegates: boolean,
+): Promise<void> => {
+  // Unsubscribe the specific delegate
+  await unsubscribeDelegateFromNotifications(safeAddress, delegateAddress, chainIds)
+
+  // If no other delegates remain, subscribe to regular notifications
+  if (!hasOtherDelegates) {
+    await subscribeToRegularNotifications(safeAddress, chainIds)
+  }
+}
diff --git a/apps/mobile/src/services/notifications/registration.ts b/apps/mobile/src/services/notifications/registration.ts
new file mode 100644
index 000000000..466366095
--- /dev/null
+++ b/apps/mobile/src/services/notifications/registration.ts
@@ -0,0 +1,104 @@
+import { Wallet, HDNodeWallet } from 'ethers'
+
+import type { Store } from '@reduxjs/toolkit'
+import type { RootState } from '@/src/store'
+
+type StoreLike = Pick<Store<RootState>, 'dispatch' | 'getState'>
+import { selectSafeInfo } from '@/src/store/safesSlice'
+import { selectSigners } from '@/src/store/signersSlice'
+import { selectAllDelegatesForSafeOwners, selectFirstDelegateForAnySafeOwner } from '@/src/store/delegatesSlice'
+import { notificationChannels, withTimeout, getSigner } from '@/src/utils/notifications'
+import { getAccountType } from '@/src/utils/notifications/accountType'
+import FCMService from './FCMService'
+import NotificationService from './NotificationService'
+import { setSafeSubscriptionStatus } from '@/src/store/safeSubscriptionsSlice'
+import Logger from '@/src/utils/logger'
+import { getPrivateKey } from '@/src/hooks/useSign/useSign'
+import { registerForNotificationsOnBackEnd, unregisterForNotificationsOnBackEnd } from './backend'
+import { getDelegateKeyId } from '@/src/utils/delegate'
+import { getStore } from '@/src/store/utils/singletonStore'
+
+type DelegateInfo = { owner: string; delegateAddress: string } | null
+
+export const getDelegateSigner = async (delegate: DelegateInfo) => {
+  if (!delegate) {
+    return { signer: null as Wallet | HDNodeWallet | null }
+  }
+  const { owner, delegateAddress } = delegate
+  const delegateKeyId = getDelegateKeyId(owner, delegateAddress)
+  const privateKey = await getPrivateKey(delegateKeyId, { requireAuthentication: false })
+  const signer = privateKey ? getSigner(privateKey) : null
+  return { signer }
+}
+
+export const getNotificationAccountType = (safeAddress: string) => {
+  const state = getStore().getState()
+  const safeInfoItem = selectSafeInfo(state, safeAddress as `0x${string}`)
+  const signers = selectSigners(state)
+  return getAccountType(safeInfoItem?.SafeInfo, signers)
+}
+
+export async function registerSafe(store: StoreLike, address: string, chainIds: string[]): Promise<void> {
+  try {
+    const allDelegates = selectAllDelegatesForSafeOwners(store.getState(), address as `0x${string}`)
+    const { accountType } = getNotificationAccountType(address)
+
+    const fcmToken = await FCMService.initNotification()
+    await withTimeout(NotificationService.createChannel(notificationChannels[0]), 5000)
+
+    // If no delegates found, try to register without a signer (for owner-based notifications)
+    if (allDelegates.length === 0) {
+      Logger.warn(`No delegates found for Safe ${address}, registering without delegate signer`)
+      await registerForNotificationsOnBackEnd({
+        safeAddress: address,
+        signer: null,
+        chainIds,
+        fcmToken: fcmToken || '',
+        notificationAccountType: accountType,
+      })
+    } else {
+      // Register each delegate for notifications
+      const registrationPromises = allDelegates.map(async (delegate) => {
+        try {
+          const { signer } = await getDelegateSigner(delegate)
+          await registerForNotificationsOnBackEnd({
+            safeAddress: address,
+            signer,
+            chainIds,
+            fcmToken: fcmToken || '',
+            notificationAccountType: accountType,
+          })
+          Logger.info(`Successfully registered delegate ${delegate.delegateAddress} for Safe ${address}`)
+        } catch (err) {
+          Logger.error(`Failed to register delegate ${delegate.delegateAddress} for Safe ${address}`, err)
+          // Don't throw here - we want to continue with other delegates
+        }
+      })
+
+      // Wait for all registrations to complete
+      await Promise.allSettled(registrationPromises)
+    }
+
+    // Update subscription status for all chains
+    chainIds.forEach((chainId) =>
+      store.dispatch(setSafeSubscriptionStatus({ safeAddress: address, chainId, subscribed: true })),
+    )
+  } catch (err) {
+    Logger.error('registerSafe failed', err)
+  }
+}
+
+export async function unregisterSafe(store: StoreLike, address: string, chainIds: string[]): Promise<void> {
+  try {
+    const delegate = selectFirstDelegateForAnySafeOwner(store.getState(), address as `0x${string}`)
+    const { signer } = await getDelegateSigner(delegate)
+
+    await unregisterForNotificationsOnBackEnd({ signer, safeAddress: address, chainIds })
+
+    chainIds.forEach((chainId) =>
+      store.dispatch(setSafeSubscriptionStatus({ safeAddress: address, chainId, subscribed: false })),
+    )
+  } catch (err) {
+    Logger.error('unregisterSafe failed', err)
+  }
+}
diff --git a/apps/mobile/src/services/notifications/store-sync/const.ts b/apps/mobile/src/services/notifications/store-sync/const.ts
new file mode 100644
index 000000000..b20d993fc
--- /dev/null
+++ b/apps/mobile/src/services/notifications/store-sync/const.ts
@@ -0,0 +1,9 @@
+import { MMKV } from 'react-native-mmkv'
+
+/**
+ * Shared MMKV instance for extension storage
+ *
+ * Fun fact: it's named extensionStorage, because it was supposed to be used only in
+ * ios's service extension. Now it is also used on Android, but in headless mode.
+ */
+export const extensionStorage = new MMKV({ id: 'extension' })
diff --git a/apps/mobile/src/services/notifications/store-sync/read.ts b/apps/mobile/src/services/notifications/store-sync/read.ts
new file mode 100644
index 000000000..cedaec7d9
--- /dev/null
+++ b/apps/mobile/src/services/notifications/store-sync/read.ts
@@ -0,0 +1,25 @@
+import { STORAGE_IDS } from '@/src/store/constants'
+import { extensionStorage } from './const'
+
+interface ExtensionStore {
+  chains: Record<string, { name: string; symbol: string; decimals: number }>
+  contacts: Record<string, string>
+}
+
+/**
+ * Read extension data from MMKV storage
+ * This function is separate from extensionSync.ts to avoid require cycles
+ * It only reads data and has no dependencies on the Redux store
+ */
+export function getExtensionData(): ExtensionStore | null {
+  try {
+    const data = extensionStorage.getString(STORAGE_IDS.NOTIFICATION_EXTENSION_DATA)
+    if (!data) {
+      return null
+    }
+    return JSON.parse(data) as ExtensionStore
+  } catch (error) {
+    console.error('extensionDataReader: Failed to get extension data', error)
+    return null
+  }
+}
diff --git a/apps/mobile/src/services/notifications/store-sync/sync.ts b/apps/mobile/src/services/notifications/store-sync/sync.ts
new file mode 100644
index 000000000..651b61007
--- /dev/null
+++ b/apps/mobile/src/services/notifications/store-sync/sync.ts
@@ -0,0 +1,38 @@
+import { selectAllContacts } from '@/src/store/addressBookSlice'
+import { selectAllChains } from '@/src/store/chains'
+import { STORAGE_IDS } from '@/src/store/constants'
+import { extensionStorage } from './const'
+import type { AppStore } from '@/src/store'
+
+/**
+ * On iOS we need to intercept the push notification payload and
+ * modify the title and body withing the ExtensionService. This happens
+ * on the native side. We need to sync the data to the extension storage
+ * so that the ExtensionService can use it on the native side.
+ *
+ * On Android we run in a Headless service, we could theoretically init the redux store,
+ * but using MMKV directly for the push notifications is easier.
+ */
+export function syncNotificationExtensionData(store: AppStore) {
+  const state = store.getState()
+  const contacts = selectAllContacts(state)
+  const chains = selectAllChains(state)
+
+  // Store enhanced chain data including native currency info for proper symbol handling
+  const chainMap: Record<string, { name: string; symbol: string; decimals: number }> = {}
+  chains.forEach((c) => {
+    chainMap[c.chainId] = {
+      name: c.chainName,
+      symbol: c.nativeCurrency?.symbol ?? 'ETH',
+      decimals: c.nativeCurrency?.decimals ?? 18,
+    }
+  })
+
+  const contactMap: Record<string, string> = {}
+  contacts.forEach((c) => {
+    contactMap[c.value] = c.name
+  })
+
+  const data = JSON.stringify({ chains: chainMap, contacts: contactMap })
+  extensionStorage.set(STORAGE_IDS.NOTIFICATION_EXTENSION_DATA, data)
+}
diff --git a/apps/mobile/src/services/notifications/utils/messageDeduplication.ts b/apps/mobile/src/services/notifications/utils/messageDeduplication.ts
new file mode 100644
index 000000000..057b30c5c
--- /dev/null
+++ b/apps/mobile/src/services/notifications/utils/messageDeduplication.ts
@@ -0,0 +1,51 @@
+import { MMKV } from 'react-native-mmkv'
+
+let processedMessagesStorage: MMKV | null = null
+
+const getProcessedMessagesStorage = (): MMKV => {
+  if (!processedMessagesStorage) {
+    processedMessagesStorage = new MMKV({ id: 'processed-messages' })
+  }
+  return processedMessagesStorage
+}
+
+/**
+ * Check if a Firebase message has already been processed and mark it as processed
+ * @param messageId - The Firebase message ID or fallback identifier
+ * @param maxStoredMessages - Maximum number of processed messages to keep (default: 50)
+ * @returns true if message was already processed (should skip), false if new (should process)
+ */
+export const checkAndMarkMessageProcessed = (messageId: string, maxStoredMessages = 50): boolean => {
+  const storage = getProcessedMessagesStorage()
+  const processedKey = `processed_${messageId}`
+
+  // Check if message was already processed
+  if (storage.getBoolean(processedKey)) {
+    console.log('[MessageDeduplication] Message already processed, skipping:', messageId)
+    return true // Already processed - should skip
+  }
+
+  // Mark message as processed IMMEDIATELY to prevent redelivery
+  storage.set(processedKey, true)
+  console.log('[MessageDeduplication] Message marked as processed:', messageId)
+
+  // Cleanup old processed messages to avoid memory bloat
+  const allKeys = storage.getAllKeys().filter((key) => key.startsWith('processed_'))
+  if (allKeys.length > maxStoredMessages) {
+    const oldKeys = allKeys.slice(0, allKeys.length - maxStoredMessages)
+    oldKeys.forEach((key) => storage.delete(key))
+    console.log('[MessageDeduplication] Cleaned up', oldKeys.length, 'old processed messages')
+  }
+
+  return false // New message - should process
+}
+
+/**
+ * Clear all processed message records (useful for testing or reset)
+ */
+export const clearProcessedMessages = (): void => {
+  const storage = getProcessedMessagesStorage()
+  const allKeys = storage.getAllKeys().filter((key) => key.startsWith('processed_'))
+  allKeys.forEach((key) => storage.delete(key))
+  console.log('[MessageDeduplication] Cleared all processed messages:', allKeys.length, 'records')
+}
diff --git a/apps/mobile/src/services/tx/extractTx.ts b/apps/mobile/src/services/tx/extractTx.ts
new file mode 100644
index 000000000..46aa8d8fd
--- /dev/null
+++ b/apps/mobile/src/services/tx/extractTx.ts
@@ -0,0 +1,139 @@
+import type { OperationType, SafeTransactionData } from '@safe-global/types-kit'
+import { Operation } from '@safe-global/safe-gateway-typescript-sdk'
+import { isMultisigDetailedExecutionInfo, isNativeTokenTransfer } from '@/src/utils/transaction-guards'
+import { TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+const ZERO_ADDRESS = '0x0000000000000000000000000000000000000000'
+const EMPTY_DATA = '0x'
+
+/**
+ * Convert the CGW tx type to a Safe Core SDK tx
+ */
+const extractTxInfo = (
+  txDetails: TransactionDetails,
+  safeAddress: string,
+): { txParams: SafeTransactionData; signatures: Record<string, string> } => {
+  // Format signatures into a map
+  let signatures: Record<string, string> = {}
+  if (isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)) {
+    signatures = txDetails.detailedExecutionInfo.confirmations.reduce((result, item) => {
+      result[item.signer.value] = item.signature ?? ''
+      return result
+    }, signatures)
+  }
+
+  const data = txDetails.txData?.hexData ?? EMPTY_DATA
+
+  const baseGas = isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)
+    ? txDetails.detailedExecutionInfo.baseGas
+    : '0'
+
+  const gasPrice = isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)
+    ? txDetails.detailedExecutionInfo.gasPrice
+    : '0'
+
+  const safeTxGas = isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)
+    ? txDetails.detailedExecutionInfo.safeTxGas
+    : '0'
+
+  const gasToken = isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)
+    ? txDetails.detailedExecutionInfo.gasToken
+    : ZERO_ADDRESS
+
+  const nonce = isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)
+    ? txDetails.detailedExecutionInfo.nonce
+    : 0
+
+  const refundReceiver = isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)
+    ? txDetails.detailedExecutionInfo.refundReceiver.value
+    : ZERO_ADDRESS
+
+  const value = (() => {
+    switch (txDetails.txInfo.type) {
+      case 'Transfer':
+        if (isNativeTokenTransfer(txDetails.txInfo.transferInfo)) {
+          return txDetails.txInfo.transferInfo.value
+        } else {
+          return txDetails.txData?.value ?? '0'
+        }
+      case 'TwapOrder':
+        return txDetails.txData?.value ?? '0'
+      case 'SwapOrder':
+        return txDetails.txData?.value ?? '0'
+      case 'SwapAndBridge':
+      case 'Swap':
+        return txDetails.txData?.value ?? '0'
+      case 'NativeStakingDeposit':
+      case 'NativeStakingValidatorsExit':
+      case 'NativeStakingWithdraw':
+        return txDetails.txData?.value ?? '0'
+      case 'VaultDeposit':
+      case 'VaultRedeem':
+        return txDetails.txInfo?.value ?? '0'
+      case 'Custom':
+        return txDetails.txInfo.value
+      case 'Creation':
+      case 'SettingsChange':
+        return '0'
+      default: {
+        throw new Error(`Unknown transaction type: ${txDetails.txInfo.type}`)
+      }
+    }
+  })()
+
+  const to = (() => {
+    const type = txDetails.txInfo.type
+    switch (type) {
+      case 'Transfer':
+        if (isNativeTokenTransfer(txDetails.txInfo.transferInfo)) {
+          return txDetails.txInfo.recipient.value
+        } else {
+          return txDetails.txInfo.transferInfo.tokenAddress
+        }
+      case 'SwapOrder':
+      case 'TwapOrder':
+      case 'SwapAndBridge':
+      case 'Swap':
+      case 'NativeStakingDeposit':
+      case 'NativeStakingValidatorsExit':
+      case 'NativeStakingWithdraw':
+      case 'VaultDeposit':
+      case 'VaultRedeem': {
+        const toValue = txDetails.txData?.to.value
+        if (!toValue) {
+          throw new Error('Tx data does not have a `to` field')
+        }
+        return toValue
+      }
+      case 'Custom':
+        return txDetails.txInfo.to.value
+      case 'Creation':
+      case 'SettingsChange':
+        return safeAddress
+      default: {
+        // This should never happen as we've handled all possible cases
+        throw new Error(`Unexpected transaction type: ${type}`)
+      }
+    }
+  })()
+
+  const operation = (txDetails.txData?.operation ?? Operation.CALL) as unknown as OperationType
+
+  return {
+    txParams: {
+      data,
+      baseGas,
+      gasPrice,
+      safeTxGas,
+      gasToken,
+      nonce,
+      refundReceiver,
+      value: value ?? '0',
+      to,
+      operation,
+    },
+    signatures,
+  }
+}
+
+export default extractTxInfo
diff --git a/apps/mobile/src/services/tx/tx-sender/create.ts b/apps/mobile/src/services/tx/tx-sender/create.ts
new file mode 100644
index 000000000..0dce8f527
--- /dev/null
+++ b/apps/mobile/src/services/tx/tx-sender/create.ts
@@ -0,0 +1,63 @@
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+import { getTransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import extractTxInfo from '@/src/services/tx/extractTx'
+import { createConnectedWallet } from '../../web3'
+import { SafeInfo } from '@/src/types/address'
+import type { SafeTransaction, SafeTransactionDataPartial } from '@safe-global/types-kit'
+import { getSafeSDK } from '@/src/hooks/coreSDK/safeCoreSDK'
+import { TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+interface CreateTxParams {
+  activeSafe: SafeInfo
+  txId: string
+  privateKey: string
+  txDetails?: TransactionDetails
+  chain: ChainInfo
+}
+
+export const createTx = async (txParams: SafeTransactionDataPartial, nonce?: number): Promise<SafeTransaction> => {
+  if (nonce !== undefined) {
+    txParams = { ...txParams, nonce }
+  }
+  const safeSDK = getSafeSDK()
+  if (!safeSDK) {
+    console.log('failed to init sdk')
+    throw new Error(
+      'The Safe SDK could not be initialized. Please be aware that we only support v1.0.0 Safe Accounts and up.',
+    )
+  }
+  return safeSDK.createTransaction({ transactions: [txParams] })
+}
+
+export const createExistingTx = async (
+  txParams: SafeTransactionDataPartial,
+  signatures: Record<string, string>,
+): Promise<SafeTransaction> => {
+  // Create a tx and add pre-approved signatures
+  const safeTx = await createTx(txParams, txParams.nonce)
+  Object.entries(signatures).forEach(([signer, data]) => {
+    safeTx.addSignature({
+      signer,
+      data,
+      staticPart: () => data,
+      dynamicPart: () => '',
+      isContractSignature: false,
+    })
+  })
+
+  return safeTx
+}
+
+export const proposeTx = async ({ activeSafe, txId, privateKey, txDetails, chain }: CreateTxParams) => {
+  // Get the tx details from the backend if not provided
+  // TODO: fix type - we should use rtk query to get the tx details
+  txDetails = txDetails || ((await getTransactionDetails(activeSafe.chainId, txId)) as TransactionDetails)
+
+  const { txParams, signatures } = extractTxInfo(txDetails, activeSafe.address)
+
+  const { protocolKit } = await createConnectedWallet(privateKey, activeSafe, chain)
+
+  const safeTx = await protocolKit.createTransaction({ transactions: [txParams] }).catch(console.log)
+
+  return { safeTx, signatures }
+}
diff --git a/apps/mobile/src/services/tx/tx-sender/index.ts b/apps/mobile/src/services/tx/tx-sender/index.ts
new file mode 100644
index 000000000..f756a8bb3
--- /dev/null
+++ b/apps/mobile/src/services/tx/tx-sender/index.ts
@@ -0,0 +1 @@
+export * from './create'
diff --git a/apps/mobile/src/services/tx/tx-sender/sign.ts b/apps/mobile/src/services/tx/tx-sender/sign.ts
new file mode 100644
index 000000000..a2d4d6944
--- /dev/null
+++ b/apps/mobile/src/services/tx/tx-sender/sign.ts
@@ -0,0 +1,56 @@
+import { SigningMethod } from '@safe-global/protocol-kit'
+import { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { createConnectedWallet } from '@/src/services/web3'
+import { proposeTx } from '@/src/services/tx/tx-sender'
+import { SafeInfo } from '@/src/types/address'
+
+export type signTxParams = {
+  chain: ChainInfo
+  activeSafe: SafeInfo
+  txId: string
+  privateKey?: string
+}
+
+export const signTx = async ({
+  chain,
+  activeSafe,
+  txId,
+  privateKey,
+}: signTxParams): Promise<{
+  signature: string
+  safeTransactionHash: string
+}> => {
+  if (!chain) {
+    throw new Error('Active chain not found')
+  }
+  if (!privateKey) {
+    throw new Error('Private key not found')
+  }
+
+  const { protocolKit, wallet } = await createConnectedWallet(privateKey, activeSafe, chain)
+  const { safeTx } = await proposeTx({
+    activeSafe,
+    txId,
+    chain,
+    privateKey,
+  })
+
+  if (!safeTx) {
+    throw new Error('Safe transaction not found')
+  }
+
+  const signedSafeTx = await protocolKit.signTransaction(safeTx, SigningMethod.ETH_SIGN_TYPED_DATA_V4)
+
+  const safeTransactionHash = await protocolKit.getTransactionHash(signedSafeTx)
+
+  const signature = signedSafeTx.getSignature(wallet.address)?.data
+
+  if (!signature) {
+    throw new Error('Signature not found')
+  }
+
+  return {
+    signature,
+    safeTransactionHash,
+  }
+}
diff --git a/apps/mobile/src/services/web3/index.ts b/apps/mobile/src/services/web3/index.ts
new file mode 100644
index 000000000..4c9009d0f
--- /dev/null
+++ b/apps/mobile/src/services/web3/index.ts
@@ -0,0 +1,64 @@
+import { ethers, JsonRpcProvider } from 'ethers'
+import { ChainInfo, RPC_AUTHENTICATION, RpcUri } from '@safe-global/safe-gateway-typescript-sdk'
+import Safe from '@safe-global/protocol-kit'
+import { SafeInfo } from '@/src/types/address'
+import { INFURA_TOKEN } from '@safe-global/utils/config/constants'
+
+export const createWeb3ReadOnly = (chain: ChainInfo, customRpc?: string): JsonRpcProvider | undefined => {
+  const url = customRpc || getRpcServiceUrl(chain.rpcUri)
+  if (!url) {
+    return
+  }
+
+  return new JsonRpcProvider(url, Number(chain.chainId), {
+    staticNetwork: true,
+    batchMaxCount: 3,
+  })
+}
+
+// RPC helpers
+const formatRpcServiceUrl = ({ authentication, value }: RpcUri, token?: string): string => {
+  const needsToken = authentication === RPC_AUTHENTICATION.API_KEY_PATH
+
+  if (needsToken && !token) {
+    console.warn('Infura token not set in .env')
+    return ''
+  }
+
+  return needsToken ? `${value}${token}` : value
+}
+
+export const getRpcServiceUrl = (rpcUri: RpcUri): string => {
+  return formatRpcServiceUrl(rpcUri, INFURA_TOKEN)
+}
+
+export const createConnectedWallet = async (
+  privateKey: string,
+  activeSafe: SafeInfo,
+  chain: ChainInfo,
+): Promise<{
+  wallet: ethers.Wallet
+  protocolKit: Safe
+}> => {
+  const wallet = new ethers.Wallet(privateKey)
+  const provider = createWeb3ReadOnly(chain)
+
+  if (!provider) {
+    throw new Error('Provider not found')
+  }
+
+  const RPC_URL = provider._getConnection().url
+
+  let protocolKit = await Safe.init({
+    provider: RPC_URL,
+    signer: privateKey,
+    safeAddress: activeSafe.address,
+  })
+
+  protocolKit = await protocolKit.connect({
+    provider: RPC_URL,
+    signer: privateKey,
+  })
+
+  return { wallet, protocolKit }
+}
diff --git a/apps/mobile/src/store/__tests__/activeSafeSlice.test.ts b/apps/mobile/src/store/__tests__/activeSafeSlice.test.ts
new file mode 100644
index 000000000..970da1dd1
--- /dev/null
+++ b/apps/mobile/src/store/__tests__/activeSafeSlice.test.ts
@@ -0,0 +1,29 @@
+import activeSafeReducer, { setActiveSafe, switchActiveChain, clearActiveSafe } from '../activeSafeSlice'
+import type { SafeInfo } from '../../types/address'
+
+describe('activeSafeSlice', () => {
+  const safe: SafeInfo = {
+    address: '0x1234567890abcdef1234567890abcdef12345678',
+    chainId: '1',
+  }
+
+  it('should set the active safe', () => {
+    const state = activeSafeReducer(undefined, setActiveSafe(safe))
+    expect(state).toEqual(safe)
+  })
+
+  it('should switch chain if a safe is active', () => {
+    const state = activeSafeReducer(safe, switchActiveChain({ chainId: '5' }))
+    expect(state).toEqual({ ...safe, chainId: '5' })
+  })
+
+  it('should ignore chain switch if no safe is active', () => {
+    const state = activeSafeReducer(null, switchActiveChain({ chainId: '5' }))
+    expect(state).toBeNull()
+  })
+
+  it('should clear the active safe', () => {
+    const state = activeSafeReducer(safe, clearActiveSafe())
+    expect(state).toBeNull()
+  })
+})
diff --git a/apps/mobile/src/store/__tests__/addressBookSlice.selector.test.ts b/apps/mobile/src/store/__tests__/addressBookSlice.selector.test.ts
new file mode 100644
index 000000000..ceb7df679
--- /dev/null
+++ b/apps/mobile/src/store/__tests__/addressBookSlice.selector.test.ts
@@ -0,0 +1,65 @@
+import { selectTotalContactCount } from '../addressBookSlice'
+import { RootState } from '../index'
+
+describe('addressBookSlice selectors', () => {
+  describe('selectTotalContactCount', () => {
+    it('should return 0 when no contacts exist', () => {
+      const state = {
+        addressBook: {
+          contacts: {},
+          selectedContact: null,
+        },
+      } as unknown as RootState
+
+      const result = selectTotalContactCount(state)
+      expect(result).toBe(0)
+    })
+
+    it('should return correct count when contacts exist', () => {
+      const state = {
+        addressBook: {
+          contacts: {
+            '0x1': { value: '0x1', name: 'Alice', chainIds: ['1'] },
+            '0x2': { value: '0x2', name: 'Bob', chainIds: ['137'] },
+            '0x3': { value: '0x3', name: 'Charlie', chainIds: ['1', '137'] },
+          },
+          selectedContact: null,
+        },
+      } as unknown as RootState
+
+      const result = selectTotalContactCount(state)
+      expect(result).toBe(3)
+    })
+
+    it('should return 1 when only one contact exists', () => {
+      const state = {
+        addressBook: {
+          contacts: {
+            '0x1': { value: '0x1', name: 'Alice', chainIds: ['1'] },
+          },
+          selectedContact: null,
+        },
+      } as unknown as RootState
+
+      const result = selectTotalContactCount(state)
+      expect(result).toBe(1)
+    })
+
+    it('should handle large number of contacts', () => {
+      const contacts: Record<string, { value: string; name: string; chainIds: string[] }> = {}
+      for (let i = 0; i < 100; i++) {
+        contacts[`0x${i}`] = { value: `0x${i}`, name: `Contact ${i}`, chainIds: ['1'] }
+      }
+
+      const state = {
+        addressBook: {
+          contacts,
+          selectedContact: null,
+        },
+      } as unknown as RootState
+
+      const result = selectTotalContactCount(state)
+      expect(result).toBe(100)
+    })
+  })
+})
diff --git a/apps/mobile/src/store/__tests__/addressBookSlice.test.ts b/apps/mobile/src/store/__tests__/addressBookSlice.test.ts
new file mode 100644
index 000000000..7db7dd1f2
--- /dev/null
+++ b/apps/mobile/src/store/__tests__/addressBookSlice.test.ts
@@ -0,0 +1,135 @@
+import {
+  addressBookSlice,
+  upsertContact,
+  removeContact,
+  addContact,
+  selectContact,
+  updateContact,
+  addContacts,
+} from '../addressBookSlice'
+import type { Contact } from '../addressBookSlice'
+
+describe('addressBookSlice', () => {
+  it('upserts a contact', () => {
+    const contact: Contact = { value: '0x1', name: 'Alice', chainIds: [] }
+    const state = addressBookSlice.reducer(undefined, upsertContact(contact))
+
+    expect(state.contacts['0x1']).toEqual(contact)
+  })
+
+  it('updates an existing contact', () => {
+    const initial = {
+      contacts: { '0x1': { value: '0x1', name: 'Alice', chainIds: [] } },
+      selectedContact: null,
+    }
+    const updated: Contact = { value: '0x1', name: 'Alice B', chainIds: [] }
+    const state = addressBookSlice.reducer(initial, upsertContact(updated))
+
+    expect(state.contacts['0x1']).toEqual(updated)
+  })
+
+  it('removes a contact', () => {
+    const initial = {
+      contacts: { '0x1': { value: '0x1', name: 'Alice', chainIds: [] } },
+      selectedContact: null,
+    }
+    const state = addressBookSlice.reducer(initial, removeContact('0x1'))
+
+    expect(state.contacts['0x1']).toBeUndefined()
+  })
+
+  it('clears selectedContact when removed', () => {
+    const contact: Contact = { value: '0x1', name: 'Alice', chainIds: [] }
+    const initial = { contacts: { '0x1': contact }, selectedContact: contact }
+    const state = addressBookSlice.reducer(initial, removeContact('0x1'))
+
+    expect(state.selectedContact).toBeNull()
+  })
+
+  it('adds a contact', () => {
+    const contact: Contact = { value: '0x1', name: 'Alice', chainIds: [] }
+    const state = addressBookSlice.reducer(undefined, addContact(contact))
+
+    expect(state.contacts['0x1']).toEqual(contact)
+  })
+
+  it('adds multiple contacts', () => {
+    const contacts: Contact[] = [
+      { value: '0x1', name: 'Alice', chainIds: [] },
+      { value: '0x2', name: 'Bob', chainIds: ['1'] },
+      { value: '0x3', name: 'Charlie', chainIds: ['1', '137'] },
+    ]
+    const state = addressBookSlice.reducer(undefined, addContacts(contacts))
+
+    expect(state.contacts['0x1']).toEqual(contacts[0])
+    expect(state.contacts['0x2']).toEqual(contacts[1])
+    expect(state.contacts['0x3']).toEqual(contacts[2])
+  })
+
+  it('selects a contact by address', () => {
+    const contact: Contact = { value: '0x1', name: 'Alice', chainIds: [] }
+    const initial = {
+      contacts: { '0x1': contact },
+      selectedContact: null,
+    }
+    const state = addressBookSlice.reducer(initial, selectContact('0x1'))
+
+    expect(state.selectedContact).toEqual(contact)
+  })
+
+  it('selects null when contact does not exist', () => {
+    const initial = {
+      contacts: {},
+      selectedContact: null,
+    }
+    const state = addressBookSlice.reducer(initial, selectContact('0x1'))
+
+    expect(state.selectedContact).toBeNull()
+  })
+
+  it('deselects contact when selecting null', () => {
+    const contact: Contact = { value: '0x1', name: 'Alice', chainIds: [] }
+    const initial = {
+      contacts: { '0x1': contact },
+      selectedContact: contact,
+    }
+    const state = addressBookSlice.reducer(initial, selectContact(null))
+
+    expect(state.selectedContact).toBeNull()
+  })
+
+  it('updates an existing contact', () => {
+    const original: Contact = { value: '0x1', name: 'Alice', chainIds: [] }
+    const initial = {
+      contacts: { '0x1': original },
+      selectedContact: null,
+    }
+    const updated: Contact = { value: '0x1', name: 'Alice Updated', chainIds: ['1'] }
+    const state = addressBookSlice.reducer(initial, updateContact(updated))
+
+    expect(state.contacts['0x1']).toEqual({ ...original, ...updated })
+  })
+
+  it('updates selectedContact when updating the selected contact', () => {
+    const original: Contact = { value: '0x1', name: 'Alice', chainIds: [] }
+    const initial = {
+      contacts: { '0x1': original },
+      selectedContact: original,
+    }
+    const updated: Contact = { value: '0x1', name: 'Alice Updated', chainIds: ['1'] }
+    const state = addressBookSlice.reducer(initial, updateContact(updated))
+
+    expect(state.selectedContact).toEqual({ ...original, ...updated })
+  })
+
+  it('does not update non-existing contact', () => {
+    const initial = {
+      contacts: {},
+      selectedContact: null,
+    }
+    const contact: Contact = { value: '0x1', name: 'Alice', chainIds: [] }
+    const state = addressBookSlice.reducer(initial, updateContact(contact))
+
+    expect(state.contacts['0x1']).toBeUndefined()
+  })
+})
diff --git a/apps/mobile/src/store/__tests__/safesSlice.test.ts b/apps/mobile/src/store/__tests__/safesSlice.test.ts
new file mode 100644
index 000000000..ce71b8800
--- /dev/null
+++ b/apps/mobile/src/store/__tests__/safesSlice.test.ts
@@ -0,0 +1,51 @@
+import reducer, { addSafe, updateSafeInfo, removeSafe } from '../safesSlice'
+import { Address } from '@/src/types/address'
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+
+const safe1: SafeOverview = {
+  address: { value: '0x123', name: null, logoUri: null },
+  chainId: '1',
+  threshold: 1,
+  owners: [{ value: '0xowner1', name: null, logoUri: null }],
+  fiatTotal: '100',
+  queued: 0,
+  awaitingConfirmation: null,
+}
+
+const safe2: SafeOverview = {
+  address: { value: '0x123', name: null, logoUri: null },
+  chainId: '1',
+  threshold: 2,
+  owners: [{ value: '0xowner2', name: null, logoUri: null }],
+  fiatTotal: '200',
+  queued: 1,
+  awaitingConfirmation: 1,
+}
+
+describe('safesSlice reducer', () => {
+  it('adds a safe', () => {
+    const state = reducer({}, addSafe({ address: '0x123' as Address, info: { [safe1.chainId]: safe1 } }))
+    expect(state['0x123']).toEqual({ [safe1.chainId]: safe1 })
+  })
+
+  it('updates a safe info for existing safe', () => {
+    const initialState = {
+      '0x123': { [safe1.chainId]: safe1 },
+    }
+    const state = reducer(initialState, updateSafeInfo({ address: '0x123' as Address, chainId: '1', info: safe2 }))
+    expect(state['0x123']['1']).toEqual(safe2)
+  })
+
+  it('creates a safe when updating non-existent safe', () => {
+    const state = reducer({}, updateSafeInfo({ address: '0xabc' as Address, chainId: '1', info: safe1 }))
+    expect(state['0xabc']).toEqual({ [safe1.chainId]: safe1 })
+  })
+
+  it('removes a safe', () => {
+    const initialState = {
+      '0x123': { [safe1.chainId]: safe1 },
+    }
+    const state = reducer(initialState, removeSafe('0x123' as Address))
+    expect(state['0x123']).toBeUndefined()
+  })
+})
diff --git a/apps/mobile/src/store/__tests__/signersSlice.test.ts b/apps/mobile/src/store/__tests__/signersSlice.test.ts
new file mode 100644
index 000000000..16d099f93
--- /dev/null
+++ b/apps/mobile/src/store/__tests__/signersSlice.test.ts
@@ -0,0 +1,247 @@
+import signersReducer, { addSigner, addSignerWithEffects, selectSigners, selectTotalSignerCount } from '../signersSlice'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { selectActiveSigner } from '../activeSignerSlice'
+import { configureStore } from '@reduxjs/toolkit'
+import { rootReducer } from '../index'
+import type { RootState } from '../index'
+import { faker } from '@faker-js/faker'
+
+// Helper function to create a test store with proper typing for thunks
+const createTestStore = (initialState?: Partial<RootState>) => {
+  const store = configureStore({
+    reducer: rootReducer,
+    preloadedState: initialState,
+    middleware: (getDefaultMiddleware) =>
+      getDefaultMiddleware({
+        serializableCheck: false, // Disable for testing
+      }),
+  })
+
+  // Return store with proper dispatch typing
+  return store as typeof store & {
+    dispatch: typeof store.dispatch
+  }
+}
+
+// Helper function to generate a valid Ethereum address
+const generateEthereumAddress = (): `0x${string}` => {
+  return faker.finance.ethereumAddress() as `0x${string}`
+}
+
+// Helper function to generate AddressInfo
+const generateAddressInfo = (overrides?: Partial<AddressInfo>): AddressInfo => ({
+  value: generateEthereumAddress(),
+  name: faker.person.firstName(),
+  ...overrides,
+})
+
+describe('signersSlice', () => {
+  beforeEach(() => {
+    // Set a seed for consistent test results
+    faker.seed(123)
+  })
+
+  it('adds a signer', () => {
+    const signer = generateAddressInfo()
+    const state = signersReducer(undefined, addSigner(signer))
+    expect(state[signer.value]).toEqual(signer)
+  })
+
+  describe('addSignerWithEffects', () => {
+    const mockSigner = generateAddressInfo({ name: 'Test Signer' })
+
+    it('should add signer to the store', async () => {
+      const store = createTestStore()
+
+      // @ts-ignore: Allow thunk dispatch in test
+      await store.dispatch(addSignerWithEffects(mockSigner))
+
+      const state = store.getState()
+      const signers = selectSigners(state)
+
+      expect(signers[mockSigner.value]).toEqual(mockSigner)
+    })
+
+    it('should set active signer when activeSafe exists and no active signer for that safe', async () => {
+      const safeAddress = generateEthereumAddress()
+      const mockActiveSafe = {
+        address: safeAddress,
+        chainId: faker.number.int({ min: 1, max: 100 }).toString(),
+      }
+
+      const initialState: Partial<RootState> = {
+        activeSafe: mockActiveSafe,
+        activeSigner: {}, // No active signer for this safe
+      }
+
+      const store = createTestStore(initialState)
+
+      // @ts-ignore: Allow thunk dispatch in test
+      await store.dispatch(addSignerWithEffects(mockSigner))
+
+      const state = store.getState()
+
+      // Check that signer was added
+      const signers = selectSigners(state)
+      expect(signers[mockSigner.value]).toEqual(mockSigner)
+
+      // Check that active signer was set
+      const activeSigner = selectActiveSigner(state, safeAddress)
+      expect(activeSigner).toEqual(mockSigner)
+    })
+
+    it('should not set active signer when activeSafe exists but already has an active signer', async () => {
+      const safeAddress = generateEthereumAddress()
+      const mockActiveSafe = {
+        address: safeAddress,
+        chainId: faker.number.int({ min: 1, max: 100 }).toString(),
+      }
+
+      const existingActiveSigner = generateAddressInfo({ name: 'Existing Signer' })
+
+      const initialState: Partial<RootState> = {
+        activeSafe: mockActiveSafe,
+        activeSigner: {
+          [safeAddress]: existingActiveSigner, // Already has an active signer
+        },
+      }
+
+      const store = createTestStore(initialState)
+
+      // @ts-ignore: Allow thunk dispatch in test
+      await store.dispatch(addSignerWithEffects(mockSigner))
+
+      const state = store.getState()
+
+      // Check that signer was added
+      const signers = selectSigners(state)
+      expect(signers[mockSigner.value]).toEqual(mockSigner)
+
+      // Check that active signer was NOT changed
+      const activeSigner = selectActiveSigner(state, safeAddress)
+      expect(activeSigner).toEqual(existingActiveSigner)
+      expect(activeSigner).not.toEqual(mockSigner)
+    })
+
+    it('should not set active signer when activeSafe is null', async () => {
+      const initialState: Partial<RootState> = {
+        activeSafe: null,
+        activeSigner: {},
+      }
+
+      const store = createTestStore(initialState)
+
+      // @ts-ignore: Allow thunk dispatch in test
+      await store.dispatch(addSignerWithEffects(mockSigner))
+
+      const state = store.getState()
+
+      // Check that signer was added
+      const signers = selectSigners(state)
+      expect(signers[mockSigner.value]).toEqual(mockSigner)
+
+      // Check that no active signer was set (activeSigner should remain empty)
+      expect(state.activeSigner).toEqual({})
+    })
+
+    it('should not set active signer when activeSafe is undefined', async () => {
+      const initialState: Partial<RootState> = {
+        activeSafe: undefined,
+        activeSigner: {},
+      }
+
+      const store = createTestStore(initialState)
+
+      // @ts-ignore: Allow thunk dispatch in test
+      await store.dispatch(addSignerWithEffects(mockSigner))
+
+      const state = store.getState()
+
+      // Check that signer was added
+      const signers = selectSigners(state)
+      expect(signers[mockSigner.value]).toEqual(mockSigner)
+
+      // Check that no active signer was set (activeSigner should remain empty)
+      expect(state.activeSigner).toEqual({})
+    })
+
+    it('should work correctly with multiple signers and safes', async () => {
+      const safeAddress1 = generateEthereumAddress()
+      const safeAddress2 = generateEthereumAddress()
+
+      const mockSafe1 = {
+        address: safeAddress1,
+        chainId: faker.number.int({ min: 1, max: 100 }).toString(),
+      }
+
+      const signer1 = generateAddressInfo({ name: 'Signer 1' })
+      const signer2 = generateAddressInfo({ name: 'Signer 2' })
+
+      const initialState: Partial<RootState> = {
+        activeSafe: mockSafe1,
+        activeSigner: {},
+      }
+
+      const store = createTestStore(initialState)
+
+      // Add first signer - should become active signer for safe 1
+      // @ts-ignore: Allow thunk dispatch in test
+      await store.dispatch(addSignerWithEffects(signer1))
+
+      let state = store.getState()
+      expect(selectSigners(state)[signer1.value]).toEqual(signer1)
+      expect(selectActiveSigner(state, safeAddress1)).toEqual(signer1)
+
+      // Add second signer - should NOT change active signer for safe 1
+      // @ts-ignore: Allow thunk dispatch in test
+      await store.dispatch(addSignerWithEffects(signer2))
+
+      state = store.getState()
+      expect(selectSigners(state)[signer2.value]).toEqual(signer2)
+      expect(selectActiveSigner(state, safeAddress1)).toEqual(signer1) // Still the first signer
+      expect(selectActiveSigner(state, safeAddress2)).toBeUndefined() // No active signer for safe 2
+    })
+  })
+
+  describe('selectTotalSignerCount', () => {
+    it('should return 0 for empty signers state', () => {
+      const state = { signers: {} } as RootState
+      expect(selectTotalSignerCount(state)).toBe(0)
+    })
+
+    it('should return correct count for single signer', () => {
+      const signer = generateAddressInfo()
+      const state = { signers: { [signer.value]: signer } } as RootState
+      expect(selectTotalSignerCount(state)).toBe(1)
+    })
+
+    it('should return correct count for multiple signers', () => {
+      const signer1 = generateAddressInfo()
+      const signer2 = generateAddressInfo()
+      const signer3 = generateAddressInfo()
+
+      const state = {
+        signers: {
+          [signer1.value]: signer1,
+          [signer2.value]: signer2,
+          [signer3.value]: signer3,
+        },
+      } as RootState
+
+      expect(selectTotalSignerCount(state)).toBe(3)
+    })
+
+    it('should update count when signers are added via reducer', () => {
+      let state = signersReducer(undefined, { type: 'INIT' })
+      expect(selectTotalSignerCount({ signers: state } as RootState)).toBe(0)
+
+      const signer1 = generateAddressInfo()
+      state = signersReducer(state, addSigner(signer1))
+      expect(selectTotalSignerCount({ signers: state } as RootState)).toBe(1)
+
+      const signer2 = generateAddressInfo()
+      state = signersReducer(state, addSigner(signer2))
+      expect(selectTotalSignerCount({ signers: state } as RootState)).toBe(2)
+    })
+  })
+})
diff --git a/apps/mobile/src/store/activeSafeSlice.ts b/apps/mobile/src/store/activeSafeSlice.ts
new file mode 100644
index 000000000..019c45e76
--- /dev/null
+++ b/apps/mobile/src/store/activeSafeSlice.ts
@@ -0,0 +1,33 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { RootState } from '.'
+import { SafeInfo } from '../types/address'
+
+const initialState = null as SafeInfo | null
+
+const activeSafeSlice = createSlice({
+  name: 'activeSafe',
+  initialState,
+  reducers: {
+    setActiveSafe: (_, action: PayloadAction<SafeInfo | null>) => {
+      return action.payload
+    },
+    clearActiveSafe: () => {
+      return initialState
+    },
+    switchActiveChain: (state, action: PayloadAction<{ chainId: string }>) => {
+      if (state !== null) {
+        return {
+          ...state,
+          chainId: action.payload.chainId,
+        }
+      }
+      return state
+    },
+  },
+})
+
+export const { setActiveSafe, switchActiveChain, clearActiveSafe } = activeSafeSlice.actions
+
+export const selectActiveSafe = (state: RootState) => state.activeSafe
+
+export default activeSafeSlice.reducer
diff --git a/apps/mobile/src/store/activeSignerSlice.ts b/apps/mobile/src/store/activeSignerSlice.ts
new file mode 100644
index 000000000..3cb42b6f8
--- /dev/null
+++ b/apps/mobile/src/store/activeSignerSlice.ts
@@ -0,0 +1,32 @@
+import { createSelector, createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { RootState } from '.'
+import { Address, SignerInfo } from '../types/address'
+
+type ActiveSignerState = Record<Address, SignerInfo>
+
+const initialState: ActiveSignerState = {}
+
+const activeSignerSlice = createSlice({
+  name: 'activeSigner',
+  initialState,
+  reducers: {
+    setActiveSigner: (state, action: PayloadAction<{ safeAddress: Address; signer: SignerInfo }>) => {
+      state[action.payload.safeAddress] = action.payload.signer
+      return state
+    },
+    removeActiveSigner: (state, action: PayloadAction<{ safeAddress: Address }>) => {
+      const { [action.payload.safeAddress]: _, ...rest } = state
+
+      return rest
+    },
+  },
+})
+
+export const { setActiveSigner, removeActiveSigner } = activeSignerSlice.actions
+
+export const selectActiveSigner = createSelector(
+  [(state: RootState) => state.activeSigner, (_state: RootState, safeAddress: Address) => safeAddress],
+  (activeSigner, safeAddress: Address) => activeSigner[safeAddress],
+)
+
+export default activeSignerSlice.reducer
diff --git a/apps/mobile/src/store/addressBookSlice.ts b/apps/mobile/src/store/addressBookSlice.ts
new file mode 100644
index 000000000..8086abeb2
--- /dev/null
+++ b/apps/mobile/src/store/addressBookSlice.ts
@@ -0,0 +1,89 @@
+import { createSelector, createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+import { RootState } from '.'
+
+export type Contact = Omit<AddressInfo, 'name'> & {
+  name: string
+  chainIds: string[]
+}
+
+interface AddressBookState {
+  contacts: Record<string, Contact>
+  selectedContact: Contact | null
+}
+
+const initialState: AddressBookState = {
+  contacts: {},
+  selectedContact: null,
+}
+
+export const addressBookSlice = createSlice({
+  name: 'addressBook',
+  initialState,
+  reducers: {
+    addContact: (state, action: PayloadAction<Contact>) => {
+      const contact = action.payload
+      state.contacts[contact.value] = contact
+    },
+
+    removeContact: (state, action: PayloadAction<string>) => {
+      const addressValue = action.payload
+      // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+      delete state.contacts[addressValue]
+
+      if (state.selectedContact?.value === addressValue) {
+        state.selectedContact = null
+      }
+    },
+
+    selectContact: (state, action: PayloadAction<string | null>) => {
+      const addressValue = action.payload
+      state.selectedContact = addressValue ? state.contacts[addressValue] || null : null
+    },
+
+    updateContact: (state, action: PayloadAction<Contact>) => {
+      const contact = action.payload
+      if (state.contacts[contact.value]) {
+        state.contacts[contact.value] = {
+          ...state.contacts[contact.value],
+          ...contact,
+        }
+
+        if (state.selectedContact?.value === contact.value) {
+          state.selectedContact = state.contacts[contact.value]
+        }
+      }
+    },
+
+    upsertContact: (state, action: PayloadAction<Contact>) => {
+      const contact = action.payload
+      state.contacts[contact.value] = contact
+    },
+
+    addContacts: (state, action: PayloadAction<Contact[]>) => {
+      action.payload.forEach((contact) => {
+        state.contacts[contact.value] = contact
+      })
+    },
+  },
+})
+
+export const { addContact, removeContact, selectContact, updateContact, addContacts, upsertContact } =
+  addressBookSlice.actions
+
+export const selectAddressBookState = (state: RootState) => state.addressBook
+
+export const selectAllContacts = createSelector(selectAddressBookState, (addressBook) => {
+  if (!addressBook || !addressBook.contacts) {
+    return []
+  }
+  return Object.values(addressBook.contacts)
+})
+
+export const selectContactByAddress = (address: string) =>
+  createSelector(selectAddressBookState, (addressBook): Contact | null => addressBook.contacts[address] || null)
+
+export const selectTotalContactCount = (state: RootState) => Object.keys(state.addressBook.contacts).length
+
+export default addressBookSlice.reducer
diff --git a/apps/mobile/src/store/biometricsSlice.ts b/apps/mobile/src/store/biometricsSlice.ts
new file mode 100644
index 000000000..8d52fc011
--- /dev/null
+++ b/apps/mobile/src/store/biometricsSlice.ts
@@ -0,0 +1,44 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { RootState } from '.'
+
+interface BiometricsState {
+  isEnabled: boolean
+  type: 'FACE_ID' | 'TOUCH_ID' | 'FINGERPRINT' | 'NONE'
+  isSupported: boolean
+  userAttempts: number
+}
+
+const initialState: BiometricsState = {
+  isEnabled: false,
+  type: 'NONE',
+  isSupported: false,
+  userAttempts: 0,
+}
+
+const biometricsSlice = createSlice({
+  name: 'biometrics',
+  initialState,
+  reducers: {
+    setBiometricsEnabled: (state, action: PayloadAction<boolean>) => {
+      state.isEnabled = action.payload
+    },
+    setBiometricsType: (state, action: PayloadAction<BiometricsState['type']>) => {
+      state.type = action.payload
+    },
+    setBiometricsSupported: (state, action: PayloadAction<boolean>) => {
+      state.isSupported = action.payload
+    },
+    setUserAttempts: (state, action: PayloadAction<number>) => {
+      state.userAttempts = action.payload
+    },
+  },
+})
+
+export const { setBiometricsEnabled, setBiometricsType, setBiometricsSupported, setUserAttempts } =
+  biometricsSlice.actions
+
+export const selectBiometricsEnabled = (state: RootState) => state.biometrics.isEnabled
+export const selectBiometricsType = (state: RootState) => state.biometrics.type
+export const selectBiometricsSupported = (state: RootState) => state.biometrics.isSupported
+export const selectUserAttempts = (state: RootState) => state.biometrics.userAttempts
+export default biometricsSlice.reducer
diff --git a/apps/mobile/src/store/chains/index.ts b/apps/mobile/src/store/chains/index.ts
new file mode 100644
index 000000000..a406d354c
--- /dev/null
+++ b/apps/mobile/src/store/chains/index.ts
@@ -0,0 +1,50 @@
+import { apiSliceWithChainsConfig, chainsAdapter, initialState } from '@safe-global/store/gateway/chains'
+import { createSelector } from '@reduxjs/toolkit'
+import { RootState } from '..'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { selectActiveSafe } from '../activeSafeSlice'
+
+const selectChainsResult = apiSliceWithChainsConfig.endpoints.getChainsConfig.select()
+
+const selectChainsData = createSelector(selectChainsResult, (result) => {
+  return result.data ?? initialState
+})
+
+const { selectAll: selectAllChains, selectById } = chainsAdapter.getSelectors(selectChainsData)
+
+export const selectChainById = (state: RootState, chainId: string) => selectById(state, chainId)
+
+export const selectActiveChain = createSelector(
+  [selectActiveSafe, (state: RootState) => state],
+  (activeSafe, state) => {
+    if (!activeSafe) {
+      return null
+    }
+    return selectChainById(state, activeSafe.chainId)
+  },
+)
+
+export const selectAllChainsIds = createSelector([selectAllChains], (chains: Chain[]) =>
+  (chains || []).map((chain) => chain.chainId),
+)
+
+export const selectActiveChainCurrency = createSelector(
+  [selectActiveChain, (state: RootState) => state],
+  (activeChain) => {
+    return activeChain?.nativeCurrency
+  },
+)
+
+export const getChainsByIds = createSelector(
+  [
+    // Pass the root state and chainIds array as dependencies
+    (state: RootState) => state,
+    (_state: RootState, chainIds: string[]) => chainIds,
+  ],
+  (state, chainIds) => {
+    return (chainIds || []).map((chainId) => selectById(state, chainId)).filter(Boolean)
+  },
+)
+
+export const { useGetChainsConfigQuery } = apiSliceWithChainsConfig
+export { selectAllChains }
diff --git a/apps/mobile/src/store/constants.ts b/apps/mobile/src/store/constants.ts
new file mode 100644
index 000000000..67b483914
--- /dev/null
+++ b/apps/mobile/src/store/constants.ts
@@ -0,0 +1,385 @@
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { SafeInfo } from '../types/address'
+import { FirebaseMessagingTypes } from '@react-native-firebase/messaging'
+import { Dimensions } from 'react-native'
+
+export const WINDOW_HEIGHT = Dimensions.get('window').height
+export const WINDOW_WIDTH = Dimensions.get('window').width
+export const Layout = {
+  window: {
+    width: WINDOW_WIDTH,
+    height: WINDOW_HEIGHT,
+  },
+  isSmallDevice: WINDOW_WIDTH < 375,
+}
+
+export const mockedActiveAccount: SafeInfo = {
+  address: '0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6',
+  chainId: '1',
+}
+
+export const mockedActiveSafeInfo: SafeOverview = {
+  address: { value: '0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6', name: null, logoUri: null },
+  awaitingConfirmation: null,
+  chainId: mockedActiveAccount.chainId,
+  fiatTotal: '758.926',
+  owners: [{ value: '0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6', name: null, logoUri: null }],
+  queued: 1,
+  threshold: 1,
+}
+
+export const mockedAccounts = [
+  mockedActiveSafeInfo,
+  {
+    address: { value: '0xc7c2E116A3027D0BFd9817781c717A81a8bC5518', name: null, logoUri: null },
+    awaitingConfirmation: null,
+    chainId: '42161',
+    fiatTotal: '0',
+    owners: [{ value: '0xc7c2E116A3027D0BFd9817781c717A81a8bC5518', name: null, logoUri: null }],
+    queued: 1,
+    threshold: 1,
+  },
+  {
+    address: { value: '0xF7a47Bf5705572B7EB9cb0F7007C66B770Ea120f', name: null, logoUri: null },
+    awaitingConfirmation: null,
+    chainId: '100',
+    fiatTotal: '0',
+    owners: [{ value: '0xF7a47Bf5705572B7EB9cb0F7007C66B770Ea120f', name: null, logoUri: null }],
+    queued: 1,
+    threshold: 1,
+  },
+  {
+    address: { value: '0x7bF7cF1D8375ad2B25B9050FeF93181ec3E15f08', name: null, logoUri: null },
+    awaitingConfirmation: null,
+    chainId: '1',
+    fiatTotal: '0',
+    owners: [{ value: '0x7bF7cF1D8375ad2B25B9050FeF93181ec3E15f08', name: null, logoUri: null }],
+    queued: 1,
+    threshold: 1,
+  },
+  {
+    address: {
+      value: '0xF7a47Bf5705572B7EB9cb0F7007C66B770Ea120f',
+      name: null,
+      logoUri: null,
+    },
+    chainId: '11155111',
+    threshold: 2,
+    owners: [
+      {
+        value: '0x79964FA459D36EbFfc2a2cA66321B689F6E4aC52',
+        name: null,
+        logoUri: null,
+      },
+      {
+        value: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+        name: null,
+        logoUri: null,
+      },
+      {
+        value: '0x4cF25c77De50baBAB44c6BcC76D88624DDb3EbBE',
+        name: null,
+        logoUri: null,
+      },
+    ],
+    fiatTotal: '138.558',
+    queued: 0,
+    awaitingConfirmation: 0,
+  },
+]
+
+export const mockedChains = [
+  {
+    balancesProvider: { chainName: 'xdai', enabled: true },
+    beaconChainExplorerUriTemplate: { publicKey: null },
+    blockExplorerUriTemplate: {
+      address: 'https://gnosisscan.io/address/{{address}}',
+      api: 'https://api.gnosisscan.io/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
+      txHash: 'https://gnosisscan.io/tx/{{txHash}}/',
+    },
+    chainId: '100',
+    chainLogoUri: 'https://safe-transaction-assets.safe.global/chains/100/chain_logo.png',
+    chainName: 'Gnosis Chain',
+    contractAddresses: {
+      createCallAddress: null,
+      fallbackHandlerAddress: null,
+      multiSendAddress: null,
+      multiSendCallOnlyAddress: null,
+      safeProxyFactoryAddress: null,
+      safeSingletonAddress: null,
+      safeWebAuthnSignerFactoryAddress: null,
+      signMessageLibAddress: null,
+      simulateTxAccessorAddress: null,
+    },
+    description: '',
+    disabledWallets: [
+      'keystone',
+      'ledger_v2',
+      'NONE',
+      'opera',
+      'operaTouch',
+      'pk',
+      'safeMobile',
+      'tally',
+      'trust',
+      'walletConnect',
+    ],
+    ensRegistryAddress: null,
+    features: [
+      'COUNTERFACTUAL',
+      'DEFAULT_TOKENLIST',
+      'DELETE_TX',
+      'EIP1271',
+      'EIP1559',
+      'ERC721',
+      'MULTI_CHAIN_SAFE_ADD_NETWORK',
+      'MULTI_CHAIN_SAFE_CREATION',
+      'NATIVE_SWAPS',
+      'NATIVE_SWAPS_FEE_ENABLED',
+      'NATIVE_WALLETCONNECT',
+      'PROPOSERS',
+      'PUSH_NOTIFICATIONS',
+      'RECOVERY',
+      'RELAYING',
+      'RELAYING_MOBILE',
+      'RISK_MITIGATION',
+      'SAFE_141',
+      'SAFE_APPS',
+      'SPEED_UP_TX',
+      'SPENDING_LIMIT',
+      'TX_SIMULATION',
+      'ZODIAC_ROLES',
+    ],
+    gasPrice: [],
+    isTestnet: false,
+    l2: true,
+    nativeCurrency: {
+      decimals: 18,
+      logoUri: 'https://safe-transaction-assets.safe.global/chains/100/currency_logo.png',
+      name: 'xDai',
+      symbol: 'XDAI',
+    },
+    publicRpcUri: { authentication: 'NO_AUTHENTICATION', value: 'https://rpc.gnosischain.com/' },
+    rpcUri: { authentication: 'NO_AUTHENTICATION', value: 'https://rpc.gnosischain.com/' },
+    safeAppsRpcUri: { authentication: 'NO_AUTHENTICATION', value: 'https://rpc.gnosischain.com/' },
+    shortName: 'gno',
+    theme: { backgroundColor: '#48A9A6', textColor: '#ffffff' },
+    transactionService: 'https://safe-transaction-gnosis-chain.safe.global',
+  },
+  {
+    balancesProvider: { chainName: 'polygon', enabled: true },
+    beaconChainExplorerUriTemplate: { publicKey: null },
+    blockExplorerUriTemplate: {
+      address: 'https://polygonscan.com/address/{{address}}',
+      api: 'https://api.polygonscan.com/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
+      txHash: 'https://polygonscan.com/tx/{{txHash}}',
+    },
+    chainId: '137',
+    chainLogoUri: 'https://safe-transaction-assets.safe.global/chains/137/chain_logo.png',
+    chainName: 'Polygon',
+    contractAddresses: {
+      createCallAddress: null,
+      fallbackHandlerAddress: null,
+      multiSendAddress: null,
+      multiSendCallOnlyAddress: null,
+      safeProxyFactoryAddress: null,
+      safeSingletonAddress: null,
+      safeWebAuthnSignerFactoryAddress: null,
+      signMessageLibAddress: null,
+      simulateTxAccessorAddress: null,
+    },
+    description: 'L2 chain',
+    disabledWallets: [
+      'keystone',
+      'ledger_v2',
+      'NONE',
+      'opera',
+      'operaTouch',
+      'pk',
+      'safeMobile',
+      'socialSigner',
+      'tally',
+      'trezor',
+      'trust',
+      'walletConnect',
+    ],
+    ensRegistryAddress: null,
+    features: [
+      'COUNTERFACTUAL',
+      'DEFAULT_TOKENLIST',
+      'DELETE_TX',
+      'EIP1271',
+      'EIP1559',
+      'ERC721',
+      'MOONPAY_MOBILE',
+      'MULTI_CHAIN_SAFE_ADD_NETWORK',
+      'MULTI_CHAIN_SAFE_CREATION',
+      'NATIVE_WALLETCONNECT',
+      'PROPOSERS',
+      'PUSH_NOTIFICATIONS',
+      'RECOVERY',
+      'RELAYING',
+      'RISK_MITIGATION',
+      'SAFE_141',
+      'SAFE_APPS',
+      'SPEED_UP_TX',
+      'SPENDING_LIMIT',
+      'TX_SIMULATION',
+      'ZODIAC_ROLES',
+    ],
+    gasPrice: [],
+    isTestnet: false,
+    l2: true,
+    nativeCurrency: {
+      decimals: 18,
+      logoUri: 'https://safe-transaction-assets.safe.global/chains/137/currency_logo.png',
+      name: 'POL (ex-MATIC)',
+      symbol: 'POL',
+    },
+    publicRpcUri: { authentication: 'NO_AUTHENTICATION', value: 'https://polygon-rpc.com' },
+    rpcUri: { authentication: 'API_KEY_PATH', value: 'https://polygon-mainnet.infura.io/v3/' },
+    safeAppsRpcUri: { authentication: 'API_KEY_PATH', value: 'https://polygon-mainnet.infura.io/v3/' },
+    shortName: 'matic',
+    theme: { backgroundColor: '#8248E5', textColor: '#ffffff' },
+    transactionService: 'https://safe-transaction-polygon.safe.global',
+  },
+  {
+    balancesProvider: { chainName: 'arbitrum', enabled: true },
+    beaconChainExplorerUriTemplate: { publicKey: null },
+    blockExplorerUriTemplate: {
+      address: 'https://arbiscan.io/address/{{address}}',
+      api: 'https://api.arbiscan.io/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
+      txHash: 'https://arbiscan.io/tx/{{txHash}}',
+    },
+    chainId: '42161',
+    chainLogoUri: 'https://safe-transaction-assets.safe.global/chains/42161/chain_logo.png',
+    chainName: 'Arbitrum',
+    contractAddresses: {
+      createCallAddress: null,
+      fallbackHandlerAddress: null,
+      multiSendAddress: null,
+      multiSendCallOnlyAddress: null,
+      safeProxyFactoryAddress: null,
+      safeSingletonAddress: null,
+      safeWebAuthnSignerFactoryAddress: null,
+      signMessageLibAddress: null,
+      simulateTxAccessorAddress: null,
+    },
+    description: '',
+    disabledWallets: [
+      'keystone',
+      'ledger_v2',
+      'NONE',
+      'opera',
+      'operaTouch',
+      'pk',
+      'safeMobile',
+      'socialSigner',
+      'tally',
+      'trust',
+      'walletConnect',
+    ],
+    ensRegistryAddress: null,
+    features: [
+      'COUNTERFACTUAL',
+      'DEFAULT_TOKENLIST',
+      'DELETE_TX',
+      'EIP1271',
+      'ERC721',
+      'MOONPAY_MOBILE',
+      'MULTI_CHAIN_SAFE_ADD_NETWORK',
+      'MULTI_CHAIN_SAFE_CREATION',
+      'NATIVE_SWAPS',
+      'NATIVE_SWAPS_FEE_ENABLED',
+      'NATIVE_WALLETCONNECT',
+      'PROPOSERS',
+      'PUSH_NOTIFICATIONS',
+      'RECOVERY',
+      'RISK_MITIGATION',
+      'SAFE_141',
+      'SAFE_APPS',
+      'SPEED_UP_TX',
+      'TX_SIMULATION',
+      'ZODIAC_ROLES',
+    ],
+    gasPrice: [],
+    isTestnet: false,
+    l2: true,
+    nativeCurrency: {
+      decimals: 18,
+      logoUri: 'https://safe-transaction-assets.safe.global/chains/42161/currency_logo.png',
+      name: 'AETH',
+      symbol: 'AETH',
+    },
+    publicRpcUri: { authentication: 'NO_AUTHENTICATION', value: 'https://arb1.arbitrum.io/rpc' },
+    rpcUri: { authentication: 'NO_AUTHENTICATION', value: 'https://arb1.arbitrum.io/rpc' },
+    safeAppsRpcUri: { authentication: 'NO_AUTHENTICATION', value: 'https://arb1.arbitrum.io/rpc' },
+    shortName: 'arb1',
+    theme: { backgroundColor: '#28A0F0', textColor: '#ffffff' },
+    transactionService: 'https://safe-transaction-arbitrum.safe.global',
+  },
+]
+
+export enum STORAGE_IDS {
+  SAFE = 'safe',
+  NOTIFICATIONS = 'notifications',
+  GLOBAL_PUSH_NOTIFICATION_SETTINGS = 'globalNotificationSettings',
+  SAFE_FCM_TOKEN = 'safeFcmToken',
+  PUSH_NOTIFICATIONS_PROMPT_COUNT = 'pushNotificationsPromptCount',
+  PUSH_NOTIFICATIONS_PROMPT_TIME = 'pushNotificationsPromptTime',
+  DEVICE_ID_STORAGE_KEY = 'pns=deviceId',
+  DEFAULT_NOTIFICATION_CHANNEL_ID = 'DEFAULT_NOTIFICATION_CHANNEL_ID',
+  ANNOUNCEMENT_NOTIFICATION_CHANNEL_ID = 'ANNOUNCEMENT_NOTIFICATION_CHANNEL_ID',
+  DEFAULT_PUSH_NOTIFICATION_CHANNEL_PRIORITY = 'high',
+  REQUEST_PERMISSION_ASKED = 'REQUEST_PERMISSION_ASKED',
+  REQUEST_PERMISSION_GRANTED = 'REQUEST_PERMISSION_GRANTED',
+  NOTIFICATION_DATE_FORMAT = 'DD/MM/YYYY HH:mm:ss',
+  NOTIFICATIONS_SETTINGS = 'notifications-settings',
+  PN_USER_STORAGE = 'safePnUserStorage',
+  NOTIFICATION_EXTENSION_DATA = 'notification-extension-data',
+}
+
+export enum STORAGE_TYPES {
+  STRING = 'string',
+  BOOLEAN = 'boolean',
+  NUMBER = 'number',
+  OBJECT = 'object',
+}
+
+// Map all non string storage ids to their respective types
+export const mapStorageTypeToIds = (id: STORAGE_IDS): STORAGE_TYPES => {
+  switch (id) {
+    case STORAGE_IDS.NOTIFICATIONS:
+    case STORAGE_IDS.GLOBAL_PUSH_NOTIFICATION_SETTINGS:
+    case STORAGE_IDS.SAFE_FCM_TOKEN:
+    case STORAGE_IDS.NOTIFICATIONS_SETTINGS:
+    case STORAGE_IDS.PN_USER_STORAGE:
+    case STORAGE_IDS.NOTIFICATION_EXTENSION_DATA:
+      return STORAGE_TYPES.OBJECT
+    case STORAGE_IDS.PUSH_NOTIFICATIONS_PROMPT_COUNT:
+      return STORAGE_TYPES.NUMBER
+    case STORAGE_IDS.REQUEST_PERMISSION_ASKED:
+    case STORAGE_IDS.REQUEST_PERMISSION_GRANTED:
+      return STORAGE_TYPES.BOOLEAN
+    default:
+      return STORAGE_TYPES.STRING
+  }
+}
+
+export type HandleNotificationCallback = (data: FirebaseMessagingTypes.RemoteMessage['data'] | undefined) => void
+
+export enum PressActionId {
+  OPEN_NOTIFICATIONS_VIEW = 'open-notifications-view-press-action-id',
+  OPEN_TRANSACTION_VIEW = 'open-transactions-view-press-action-id',
+}
+
+const IS_DEV = process.env.EXPO_PUBLIC_APP_VARIANT === 'development'
+
+export const LAUNCH_ACTIVITY = IS_DEV ? 'global.safe.mobileapp.dev.MainActivity' : 'global.safe.mobileapp.MainActivity'
+
+export const ERROR_MSG = 'useDelegateKey: Something went wrong'
+
+export enum NOTIFICATION_ACCOUNT_TYPE {
+  REGULAR = 'REGULAR',
+  OWNER = 'OWNER',
+}
diff --git a/apps/mobile/src/store/delegatesSlice.ts b/apps/mobile/src/store/delegatesSlice.ts
new file mode 100644
index 000000000..e032a788f
--- /dev/null
+++ b/apps/mobile/src/store/delegatesSlice.ts
@@ -0,0 +1,136 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { RootState } from '.'
+import { selectSafeInfo } from './safesSlice'
+import { Address } from '@/src/types/address'
+
+export interface DelegateInfo {
+  safe: string | null
+  delegate: string
+  delegator: string
+  label: string
+}
+
+export type DelegatesSliceState = Record<string, Record<string, DelegateInfo>>
+
+const initialState: DelegatesSliceState = {}
+
+const delegatesSlice = createSlice({
+  name: 'delegates',
+  initialState,
+  reducers: {
+    addDelegate: (
+      state,
+      action: PayloadAction<{
+        ownerAddress: string
+        delegateAddress: string
+        delegateInfo: DelegateInfo
+      }>,
+    ) => {
+      const { ownerAddress, delegateAddress, delegateInfo } = action.payload
+
+      if (!state[ownerAddress]) {
+        state[ownerAddress] = {}
+      }
+
+      state[ownerAddress][delegateAddress] = delegateInfo
+    },
+
+    removeDelegate: (
+      state,
+      action: PayloadAction<{
+        ownerAddress: string
+        delegateAddress: string
+      }>,
+    ) => {
+      const { ownerAddress, delegateAddress } = action.payload
+
+      if (state[ownerAddress] && state[ownerAddress][delegateAddress]) {
+        // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+        delete state[ownerAddress][delegateAddress]
+
+        // Clean up empty owner entries
+        if (Object.keys(state[ownerAddress]).length === 0) {
+          // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+          delete state[ownerAddress]
+        }
+      }
+    },
+  },
+})
+
+export const { addDelegate, removeDelegate } = delegatesSlice.actions
+
+export const selectDelegates = (state: RootState): DelegatesSliceState => state.delegates
+export const selectDelegatesByOwner = (state: Pick<RootState, 'delegates'>, ownerAddress: string) =>
+  state.delegates[ownerAddress] || {}
+
+/**
+ * Gets all delegates for all owners of a Safe
+ * @param state - partial redux state with safes and delegates
+ * @param safeAddress Safe address to check owners for
+ * @returns Array of all delegates found for all owners
+ */
+export const selectAllDelegatesForSafeOwners = (
+  state: Pick<RootState, 'safes' | 'delegates'>,
+  safeAddress: Address,
+) => {
+  const safeInfoItem = selectSafeInfo(state, safeAddress)
+  if (!safeInfoItem) {
+    return []
+  }
+
+  // Collect all unique owners across all chain deployments
+  const allOwners = new Set<string>()
+  Object.values(safeInfoItem).forEach((deployment) => {
+    deployment.owners.forEach((owner) => allOwners.add(owner.value))
+  })
+
+  // Collect all delegates for all owners
+  const allDelegates: { owner: string; delegateAddress: string }[] = []
+  for (const ownerAddress of allOwners) {
+    const delegates = selectDelegatesByOwner(state, ownerAddress)
+    const delegateAddresses = Object.keys(delegates)
+
+    for (const delegateAddress of delegateAddresses) {
+      allDelegates.push({ owner: ownerAddress, delegateAddress })
+    }
+  }
+
+  return allDelegates
+}
+
+/**
+ * Finds the first delegate for any owner of a safe
+ * @param state Redux state (only needs safes and delegates)
+ * @param safeAddress Safe address to check owners for
+ * @returns First delegate found for any owner, or null if none found
+ */
+export const selectFirstDelegateForAnySafeOwner = (
+  state: Pick<RootState, 'safes' | 'delegates'>,
+  safeAddress: Address,
+) => {
+  const safeInfoItem = selectSafeInfo(state, safeAddress)
+  if (!safeInfoItem) {
+    return null
+  }
+
+  // Collect all unique owners across all chain deployments
+  const allOwners = new Set<string>()
+  Object.values(safeInfoItem).forEach((deployment) => {
+    deployment.owners.forEach((owner) => allOwners.add(owner.value))
+  })
+
+  // Check each owner for delegates
+  for (const ownerAddress of allOwners) {
+    const delegates = selectDelegatesByOwner(state, ownerAddress)
+    const delegateAddresses = Object.keys(delegates)
+
+    if (delegateAddresses.length > 0) {
+      return { owner: ownerAddress, delegateAddress: delegateAddresses[0] }
+    }
+  }
+
+  return null
+}
+
+export default delegatesSlice.reducer
diff --git a/apps/mobile/src/store/hooks/activeSafe.ts b/apps/mobile/src/store/hooks/activeSafe.ts
new file mode 100644
index 000000000..7cbdd286a
--- /dev/null
+++ b/apps/mobile/src/store/hooks/activeSafe.ts
@@ -0,0 +1,11 @@
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { useAppSelector } from '@/src/store/hooks/index'
+
+export const useDefinedActiveSafe = () => {
+  const activeSafe = useAppSelector(selectActiveSafe)
+
+  if (activeSafe === null) {
+    throw new Error('No active safe selected')
+  }
+  return activeSafe
+}
diff --git a/apps/mobile/src/store/hooks/index.ts b/apps/mobile/src/store/hooks/index.ts
new file mode 100644
index 000000000..66442f10f
--- /dev/null
+++ b/apps/mobile/src/store/hooks/index.ts
@@ -0,0 +1,7 @@
+import { useDispatch, useSelector } from 'react-redux'
+import { AppDispatch, RootState } from '../index'
+
+// It's recommended to extend the default redux hooks
+// https://redux-toolkit.js.org/tutorials/typescript#define-typed-hooks
+export const useAppDispatch = useDispatch.withTypes<AppDispatch>()
+export const useAppSelector = useSelector.withTypes<RootState>()
diff --git a/apps/mobile/src/store/hooks/storeHooks.test.ts b/apps/mobile/src/store/hooks/storeHooks.test.ts
new file mode 100644
index 000000000..8a80d5977
--- /dev/null
+++ b/apps/mobile/src/store/hooks/storeHooks.test.ts
@@ -0,0 +1,30 @@
+import { renderHook, act } from '@/src/tests/test-utils'
+import { useAppSelector, useAppDispatch } from '.'
+import { addTx, txHistorySelector } from '../txHistorySlice'
+import { mockHistoryPageItem } from '@/src/tests/mocks'
+import { TransactionListItemType } from '@safe-global/store/gateway/types'
+
+const mockHook = () => {
+  const dispatch = useAppDispatch()
+  const historyList = useAppSelector(txHistorySelector)
+
+  return { dispatch, historyList }
+}
+
+describe('React Redux Hooks', () => {
+  it(`should dispatch an action to a slice`, () => {
+    const { result } = renderHook(() => mockHook())
+
+    expect(result.current.historyList.results).toHaveLength(0)
+
+    act(() => {
+      result.current.dispatch(
+        addTx({
+          item: mockHistoryPageItem(TransactionListItemType.TRANSACTION),
+        }),
+      )
+    })
+
+    expect(result.current.historyList.results).toHaveLength(1)
+  })
+})
diff --git a/apps/mobile/src/store/index.ts b/apps/mobile/src/store/index.ts
new file mode 100644
index 000000000..86d79bd37
--- /dev/null
+++ b/apps/mobile/src/store/index.ts
@@ -0,0 +1,104 @@
+import { combineReducers, configureStore } from '@reduxjs/toolkit'
+import { persistStore, persistReducer, FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER } from 'redux-persist'
+import { reduxStorage } from './storage'
+import txHistory from './txHistorySlice'
+import activeSafe from './activeSafeSlice'
+import activeSigner from './activeSignerSlice'
+import signers from './signersSlice'
+import delegates from './delegatesSlice'
+import myAccounts from './myAccountsSlice'
+import notifications from './notificationsSlice'
+import addressBook from './addressBookSlice'
+import settings from './settingsSlice'
+import safes from './safesSlice'
+import safeSubscriptions from './safeSubscriptionsSlice'
+import biometrics from './biometricsSlice'
+import { cgwClient, setBaseUrl } from '@safe-global/store/gateway/cgwClient'
+import devToolsEnhancer from 'redux-devtools-expo-dev-plugin'
+import { GATEWAY_URL, isTestingEnv } from '../config/constants'
+import { web3API } from './signersBalance'
+import { setBaseUrl as setSDKBaseURL } from '@safe-global/safe-gateway-typescript-sdk'
+import { createFilter } from '@safe-global/store/utils/persistTransformFilter'
+import { setupMobileCookieHandling } from './utils/cookieHandling'
+import notificationsMiddleware from './middleware/notifications'
+import analyticsMiddleware from './middleware/analytics'
+import notificationSyncMiddleware from './middleware/notificationSync'
+import { setBackendStore } from '@/src/store/utils/singletonStore'
+
+setSDKBaseURL(GATEWAY_URL)
+setBaseUrl(GATEWAY_URL)
+
+// Set up mobile-specific cookie handling
+setupMobileCookieHandling()
+
+const cgwClientFilter = createFilter(
+  cgwClient.reducerPath,
+  ['queries.getChainsConfig(undefined)', 'config'],
+  ['queries.getChainsConfig(undefined)', 'config'],
+)
+
+const persistConfig = {
+  key: 'root',
+  version: 1,
+  storage: reduxStorage,
+  blacklist: [web3API.reducerPath, 'myAccounts'],
+  transforms: [cgwClientFilter],
+}
+
+export const rootReducer = combineReducers({
+  txHistory,
+  safes,
+  activeSigner,
+  activeSafe,
+  notifications,
+  addressBook,
+  myAccounts,
+  signers,
+  delegates,
+  settings,
+  safeSubscriptions,
+  biometrics,
+  [web3API.reducerPath]: web3API.reducer,
+  [cgwClient.reducerPath]: cgwClient.reducer,
+})
+
+// Define the type for the root reducer
+export type RootReducerState = ReturnType<typeof rootReducer>
+
+// Use the persistReducer with the correct types
+const persistedReducer = persistReducer<RootReducerState>(persistConfig, rootReducer)
+
+export const makeStore = () =>
+  configureStore({
+    reducer: persistedReducer,
+    devTools: false,
+    middleware: (getDefaultMiddleware) =>
+      getDefaultMiddleware({
+        serializableCheck: {
+          ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
+        },
+      }).concat(
+        cgwClient.middleware,
+        web3API.middleware,
+        notificationsMiddleware,
+        analyticsMiddleware,
+        notificationSyncMiddleware,
+      ),
+    enhancers: (getDefaultEnhancers) => {
+      if (isTestingEnv) {
+        return getDefaultEnhancers()
+      }
+
+      return getDefaultEnhancers().concat(devToolsEnhancer())
+    },
+  })
+
+export const store = makeStore()
+// we are going around a circular dependency here
+setBackendStore(store)
+
+export const persistor = persistStore(store)
+
+export type RootState = ReturnType<typeof rootReducer>
+export type AppDispatch = typeof store.dispatch
+export type AppStore = typeof store
diff --git a/apps/mobile/src/store/middleware/__tests__/notificationSync.test.ts b/apps/mobile/src/store/middleware/__tests__/notificationSync.test.ts
new file mode 100644
index 000000000..f2b449c5a
--- /dev/null
+++ b/apps/mobile/src/store/middleware/__tests__/notificationSync.test.ts
@@ -0,0 +1,325 @@
+import notificationSyncMiddleware from '../notificationSync'
+import { addressBookSlice } from '@/src/store/addressBookSlice'
+import { apiSliceWithChainsConfig } from '@safe-global/store/gateway/chains'
+import { configureStore, Action } from '@reduxjs/toolkit'
+import { server } from '@/src/tests/server'
+import { http, HttpResponse } from 'msw'
+import { setBaseUrl } from '@safe-global/store/gateway/cgwClient'
+
+jest.mock('@/src/services/notifications/store-sync/sync', () => ({
+  syncNotificationExtensionData: jest.fn(),
+}))
+
+import { syncNotificationExtensionData } from '@/src/services/notifications/store-sync/sync'
+
+const mockSyncNotificationExtensionData = syncNotificationExtensionData as jest.MockedFunction<
+  typeof syncNotificationExtensionData
+>
+
+// Define test gateway URL
+const TEST_GATEWAY_URL = 'https://safe-client.staging.5afe.dev'
+
+describe('notificationSyncMiddleware', () => {
+  let store: { getState: jest.Mock; dispatch: jest.Mock }
+  let next: jest.Mock
+  let middleware: (action: unknown) => unknown
+
+  beforeAll(() => {
+    // Set up the base URL like the real app does
+    setBaseUrl(TEST_GATEWAY_URL)
+  })
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    store = {
+      getState: jest.fn(),
+      dispatch: jest.fn(),
+    }
+    next = jest.fn((action) => action)
+    middleware = notificationSyncMiddleware(store)(next)
+  })
+
+  describe('addressBook actions', () => {
+    it('should sync when addContact action is dispatched', () => {
+      const action = addressBookSlice.actions.addContact({
+        value: '0x123',
+        name: 'Test Contact',
+        chainIds: ['1'],
+      })
+
+      middleware(action)
+
+      expect(next).toHaveBeenCalledWith(action)
+      expect(mockSyncNotificationExtensionData).toHaveBeenCalledTimes(1)
+      expect(mockSyncNotificationExtensionData).toHaveBeenCalledWith(store)
+    })
+
+    it('should sync when removeContact action is dispatched', () => {
+      const action = addressBookSlice.actions.removeContact('0x123')
+
+      middleware(action)
+
+      expect(next).toHaveBeenCalledWith(action)
+      expect(mockSyncNotificationExtensionData).toHaveBeenCalledTimes(1)
+      expect(mockSyncNotificationExtensionData).toHaveBeenCalledWith(store)
+    })
+
+    it('should sync when updateContact action is dispatched', () => {
+      const action = addressBookSlice.actions.updateContact({
+        value: '0x123',
+        name: 'Updated Contact',
+        chainIds: ['1'],
+      })
+
+      middleware(action)
+
+      expect(next).toHaveBeenCalledWith(action)
+      expect(mockSyncNotificationExtensionData).toHaveBeenCalledTimes(1)
+      expect(mockSyncNotificationExtensionData).toHaveBeenCalledWith(store)
+    })
+
+    it('should NOT sync when selectContact action is dispatched', () => {
+      const action = addressBookSlice.actions.selectContact('0x123')
+
+      middleware(action)
+
+      expect(next).toHaveBeenCalledWith(action)
+      expect(mockSyncNotificationExtensionData).not.toHaveBeenCalled()
+    })
+
+    it('should sync when addContacts action is dispatched', () => {
+      const action = addressBookSlice.actions.addContacts([
+        { value: '0x123', name: 'Contact 1', chainIds: ['1'] },
+        { value: '0x456', name: 'Contact 2', chainIds: ['1'] },
+      ])
+
+      middleware(action)
+
+      expect(next).toHaveBeenCalledWith(action)
+      expect(mockSyncNotificationExtensionData).toHaveBeenCalledTimes(1)
+      expect(mockSyncNotificationExtensionData).toHaveBeenCalledWith(store)
+    })
+
+    it('should sync when upsertContact action is dispatched', () => {
+      const action = addressBookSlice.actions.upsertContact({
+        value: '0x123',
+        name: 'Upserted Contact',
+        chainIds: ['1'],
+      })
+
+      middleware(action)
+
+      expect(next).toHaveBeenCalledWith(action)
+      expect(mockSyncNotificationExtensionData).toHaveBeenCalledTimes(1)
+      expect(mockSyncNotificationExtensionData).toHaveBeenCalledWith(store)
+    })
+  })
+
+  describe('chain configuration actions', () => {
+    let testStore: ReturnType<typeof configureStore>
+
+    beforeEach(() => {
+      // Ensure base URL is set for RTK Query
+      setBaseUrl(TEST_GATEWAY_URL)
+
+      // Create a test store with the middleware and RTK Query
+      testStore = configureStore({
+        reducer: {
+          addressBook: addressBookSlice.reducer,
+          [apiSliceWithChainsConfig.reducerPath]: apiSliceWithChainsConfig.reducer,
+        },
+        middleware: (getDefaultMiddleware) =>
+          getDefaultMiddleware().concat(apiSliceWithChainsConfig.middleware).concat(notificationSyncMiddleware),
+      })
+    })
+
+    it('should sync when real getChainsConfig fulfilled action is dispatched', async () => {
+      // Mock the chains endpoint to return test data
+      server.use(
+        http.get(`${TEST_GATEWAY_URL}/v1/chains`, () => {
+          return HttpResponse.json({
+            count: 1,
+            next: null,
+            previous: null,
+            results: [
+              {
+                chainId: '1',
+                chainName: 'Ethereum',
+                shortName: 'eth',
+                l2: false,
+                description: 'Ethereum Mainnet',
+                chainLogoUri: null,
+                rpcUri: { authentication: 'API_KEY_PATH', value: 'https://mainnet.infura.io' },
+                safeAppsRpcUri: { authentication: 'API_KEY_PATH', value: 'https://mainnet.infura.io' },
+                publicRpcUri: { authentication: 'NO_AUTHENTICATION', value: 'https://rpc.ankr.com/eth' },
+                blockExplorerUriTemplate: {
+                  address: 'https://etherscan.io/address/{{address}}',
+                  txHash: 'https://etherscan.io/tx/{{txHash}}',
+                  api: 'https://api.etherscan.io/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
+                },
+                nativeCurrency: {
+                  name: 'Ether',
+                  symbol: 'ETH',
+                  decimals: 18,
+                  logoUri: 'https://safe-transaction-assets.staging.5afe.dev/chains/1/currency_logo.png',
+                },
+                transactionService: 'https://safe-transaction-mainnet.staging.5afe.dev',
+                vpcTransactionService: 'https://safe-transaction-mainnet.staging.5afe.dev',
+                theme: { textColor: '#001428', backgroundColor: '#DDDDDD' },
+                ensRegistryAddress: '0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e',
+                gasPrice: [
+                  {
+                    type: 'ORACLE',
+                    uri: 'https://api.etherscan.io/api?module=gastracker&action=gasoracle&apikey=YourApiKeyToken',
+                    gasParameter: 'SafeGasPrice',
+                    gweiFactor: '1000000000.000000000',
+                  },
+                ],
+                disabledWallets: [],
+                features: [],
+              },
+            ],
+          })
+        }),
+      )
+
+      // Dispatch the real RTK Query thunk
+      await testStore.dispatch(apiSliceWithChainsConfig.endpoints.getChainsConfig.initiate() as unknown as Action)
+
+      // The middleware should have been triggered by the fulfilled action
+      expect(mockSyncNotificationExtensionData).toHaveBeenCalledTimes(1)
+    })
+
+    it('should NOT sync when getChainsConfig fails', async () => {
+      // Mock the chains endpoint to return an error
+      server.use(
+        http.get(`${TEST_GATEWAY_URL}/v1/chains`, () => {
+          return HttpResponse.json({ error: 'Internal Server Error' }, { status: 500 })
+        }),
+      )
+
+      // Dispatch the real RTK Query thunk
+      await testStore.dispatch(apiSliceWithChainsConfig.endpoints.getChainsConfig.initiate() as unknown as Action)
+
+      // The middleware should NOT have been triggered by the rejected action
+      expect(mockSyncNotificationExtensionData).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('unrelated actions', () => {
+    it('should NOT sync for txHistory actions', () => {
+      const action = {
+        type: 'txHistory/addTransaction',
+        payload: { txId: '0x456' },
+      }
+
+      middleware(action)
+
+      expect(next).toHaveBeenCalledWith(action)
+      expect(mockSyncNotificationExtensionData).not.toHaveBeenCalled()
+    })
+
+    it('should NOT sync for activeSafe actions', () => {
+      const action = {
+        type: 'activeSafe/setActiveSafe',
+        payload: { address: '0x789', chainId: '1' },
+      }
+
+      middleware(action)
+
+      expect(next).toHaveBeenCalledWith(action)
+      expect(mockSyncNotificationExtensionData).not.toHaveBeenCalled()
+    })
+
+    it('should NOT sync for signers actions', () => {
+      const action = {
+        type: 'signers/addSigner',
+        payload: { address: '0xabc' },
+      }
+
+      middleware(action)
+
+      expect(next).toHaveBeenCalledWith(action)
+      expect(mockSyncNotificationExtensionData).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('middleware flow', () => {
+    it('should always call next() regardless of sync decision', () => {
+      const relevantAction = { type: 'addressBook/addContact' }
+      const irrelevantAction = { type: 'unrelated/action' }
+
+      middleware(relevantAction)
+      middleware(irrelevantAction)
+
+      expect(next).toHaveBeenCalledTimes(2)
+      expect(next).toHaveBeenNthCalledWith(1, relevantAction)
+      expect(next).toHaveBeenNthCalledWith(2, irrelevantAction)
+    })
+
+    it('should return the result from next()', () => {
+      const action = { type: 'test/action' }
+      const expectedResult = { ...action, processed: true }
+      next.mockReturnValue(expectedResult)
+
+      const result = middleware(action)
+
+      expect(result).toBe(expectedResult)
+    })
+
+    it('should handle actions without type property gracefully', () => {
+      const action = { payload: 'test' }
+
+      expect(() => middleware(action)).not.toThrow()
+      expect(next).toHaveBeenCalledWith(action)
+      expect(mockSyncNotificationExtensionData).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('performance considerations', () => {
+    it('should only call syncNotificationExtensionData once per relevant action', () => {
+      const action = addressBookSlice.actions.addContact({ value: '0x123', name: 'Contact', chainIds: ['1'] })
+
+      middleware(action)
+
+      expect(mockSyncNotificationExtensionData).toHaveBeenCalledTimes(1)
+      expect(mockSyncNotificationExtensionData).toHaveBeenCalledWith(store)
+    })
+
+    it('should process multiple relevant actions independently', async () => {
+      // Mock a successful chains response for this test
+      server.use(
+        http.get(`${TEST_GATEWAY_URL}/v1/chains`, () => {
+          return HttpResponse.json({
+            count: 1,
+            next: null,
+            previous: null,
+            results: [{ chainId: '1', chainName: 'Ethereum', nativeCurrency: { symbol: 'ETH', decimals: 18 } }],
+          })
+        }),
+      )
+
+      // Ensure base URL is set
+      setBaseUrl(TEST_GATEWAY_URL)
+
+      // Create a test store
+      const testStore = configureStore({
+        reducer: {
+          addressBook: addressBookSlice.reducer,
+          [apiSliceWithChainsConfig.reducerPath]: apiSliceWithChainsConfig.reducer,
+        },
+        middleware: (getDefaultMiddleware) =>
+          getDefaultMiddleware().concat(apiSliceWithChainsConfig.middleware).concat(notificationSyncMiddleware),
+      })
+
+      // Dispatch addressBook actions (these will be processed by our original middleware)
+      testStore.dispatch(addressBookSlice.actions.addContact({ value: '0x123', name: 'Contact', chainIds: ['1'] }))
+      testStore.dispatch(addressBookSlice.actions.removeContact('0x456'))
+
+      // Dispatch RTK Query action
+      await testStore.dispatch(apiSliceWithChainsConfig.endpoints.getChainsConfig.initiate() as unknown as Action)
+
+      expect(mockSyncNotificationExtensionData).toHaveBeenCalledTimes(3)
+    })
+  })
+})
diff --git a/apps/mobile/src/store/middleware/analytics.ts b/apps/mobile/src/store/middleware/analytics.ts
new file mode 100644
index 000000000..d8120ad12
--- /dev/null
+++ b/apps/mobile/src/store/middleware/analytics.ts
@@ -0,0 +1,19 @@
+import type { Middleware } from '@reduxjs/toolkit'
+import type { RootState } from '@/src/store'
+import { AnalyticsStrategyManager } from '@/src/store/middleware/analytics/AnalyticsStrategyManager'
+import { ActionWithPayload } from '@/src/store/utils/strategy/Strategy'
+const strategyManager = new AnalyticsStrategyManager()
+
+const analyticsMiddleware: Middleware = (store) => (next) => (action) => {
+  const typedAction = action as ActionWithPayload
+  const prevState = store.getState() as RootState
+
+  const result = next(typedAction)
+
+  // Execute analytics strategies after the action has been processed
+  strategyManager.executeStrategy(store, typedAction, prevState)
+
+  return result
+}
+
+export default analyticsMiddleware
diff --git a/apps/mobile/src/store/middleware/analytics/AnalyticsStrategyManager.ts b/apps/mobile/src/store/middleware/analytics/AnalyticsStrategyManager.ts
new file mode 100644
index 000000000..e0c8d6d02
--- /dev/null
+++ b/apps/mobile/src/store/middleware/analytics/AnalyticsStrategyManager.ts
@@ -0,0 +1,40 @@
+import { MiddlewareAPI, Dispatch } from 'redux'
+import { RootState } from '@/src/store'
+import { StrategyManager } from '@/src/store/utils/strategy/StrategyManager'
+import { TransactionConfirmationStrategy } from '@/src/store/middleware/analytics/strategies/TransactionConfirmationStrategy'
+import { SafeViewedStrategy } from '@/src/store/middleware/analytics/strategies/SafeViewedStrategy'
+import { SettingsStrategy } from '@/src/store/middleware/analytics/strategies/SettingsStrategy'
+import { SafeManagementStrategy } from '@/src/store/middleware/analytics/strategies/SafeManagementStrategy'
+import { SignerTrackingStrategy } from '@/src/store/middleware/analytics/strategies/SignerTrackingStrategy'
+import { AddressBookTrackingStrategy } from '@/src/store/middleware/analytics/strategies/AddressBookTrackingStrategy'
+
+export class AnalyticsStrategyManager extends StrategyManager<RootState, MiddlewareAPI<Dispatch, RootState>> {
+  constructor() {
+    super()
+    this.registerDefaultStrategies()
+  }
+
+  private registerDefaultStrategies(): void {
+    // Intercept successful addConfirmation mutations
+    this.registerStrategy('gateway/transactionsAddConfirmationV1/fulfilled', new TransactionConfirmationStrategy())
+
+    // Intercept activeSafe changes for safe_viewed tracking
+    this.registerStrategy('activeSafe/setActiveSafe', new SafeViewedStrategy())
+    this.registerStrategy('activeSafe/switchActiveChain', new SafeViewedStrategy())
+
+    // Intercept settings changes for comprehensive settings tracking
+    this.registerStrategy('settings/updateSettings', new SettingsStrategy())
+
+    // Intercept safe management actions for safe creation/removal tracking
+    this.registerStrategy('safes/addSafe', new SafeManagementStrategy())
+    this.registerStrategy('safes/removeSafe', new SafeManagementStrategy())
+
+    // Intercept signer addition actions for signer tracking
+    this.registerStrategy('signers/addSigner', new SignerTrackingStrategy())
+
+    // Intercept address book actions for contact tracking
+    this.registerStrategy('addressBook/addContact', new AddressBookTrackingStrategy())
+    this.registerStrategy('addressBook/updateContact', new AddressBookTrackingStrategy())
+    this.registerStrategy('addressBook/removeContact', new AddressBookTrackingStrategy())
+  }
+}
diff --git a/apps/mobile/src/store/middleware/analytics/strategies/AddressBookTrackingStrategy.ts b/apps/mobile/src/store/middleware/analytics/strategies/AddressBookTrackingStrategy.ts
new file mode 100644
index 000000000..27487b22b
--- /dev/null
+++ b/apps/mobile/src/store/middleware/analytics/strategies/AddressBookTrackingStrategy.ts
@@ -0,0 +1,61 @@
+import { RootState } from '@/src/store'
+import { MiddlewareAPI, Dispatch } from 'redux'
+import { Strategy, ActionWithPayload } from '@/src/store/utils/strategy/Strategy'
+import { trackEvent } from '@/src/services/analytics'
+import { selectTotalContactCount } from '@/src/store/addressBookSlice'
+import {
+  createContactAddedEvent,
+  createContactEditedEvent,
+  createContactRemovedEvent,
+} from '@/src/services/analytics/events/addressBook'
+
+/**
+ * Strategy to track address book CRUD operations
+ * Tracks when contacts are added, edited, or removed with total contact counts
+ */
+export class AddressBookTrackingStrategy implements Strategy<RootState, MiddlewareAPI<Dispatch, RootState>> {
+  execute(store: MiddlewareAPI<Dispatch, RootState>, action: ActionWithPayload): void {
+    const actionType = action.type
+
+    if (actionType === 'addressBook/addContact') {
+      this.trackContactAdded(store.getState())
+    } else if (actionType === 'addressBook/updateContact') {
+      this.trackContactEdited(store.getState())
+    } else if (actionType === 'addressBook/removeContact') {
+      this.trackContactRemoved(store.getState())
+    }
+  }
+
+  private trackContactAdded(state: RootState): void {
+    try {
+      const totalContactCount = selectTotalContactCount(state)
+      trackEvent(createContactAddedEvent(totalContactCount)).catch((error) => {
+        console.error('[AddressBookTrackingStrategy] Error tracking contact added event:', error)
+      })
+    } catch (error) {
+      console.error('[AddressBookTrackingStrategy] Error in trackContactAdded:', error)
+    }
+  }
+
+  private trackContactEdited(state: RootState): void {
+    try {
+      const totalContactCount = selectTotalContactCount(state)
+      trackEvent(createContactEditedEvent(totalContactCount)).catch((error) => {
+        console.error('[AddressBookTrackingStrategy] Error tracking contact edited event:', error)
+      })
+    } catch (error) {
+      console.error('[AddressBookTrackingStrategy] Error in trackContactEdited:', error)
+    }
+  }
+
+  private trackContactRemoved(state: RootState): void {
+    try {
+      const totalContactCount = selectTotalContactCount(state)
+      trackEvent(createContactRemovedEvent(totalContactCount)).catch((error) => {
+        console.error('[AddressBookTrackingStrategy] Error tracking contact removed event:', error)
+      })
+    } catch (error) {
+      console.error('[AddressBookTrackingStrategy] Error in trackContactRemoved:', error)
+    }
+  }
+}
diff --git a/apps/mobile/src/store/middleware/analytics/strategies/SafeManagementStrategy.ts b/apps/mobile/src/store/middleware/analytics/strategies/SafeManagementStrategy.ts
new file mode 100644
index 000000000..8d063fe40
--- /dev/null
+++ b/apps/mobile/src/store/middleware/analytics/strategies/SafeManagementStrategy.ts
@@ -0,0 +1,31 @@
+import { AnyAction } from '@reduxjs/toolkit'
+import { RootState } from '@/src/store'
+import { MiddlewareAPI, Dispatch } from 'redux'
+import { Strategy } from '@/src/store/utils/strategy/Strategy'
+import { createSafeAddedEvent, createSafeRemovedEvent } from '@/src/services/analytics/events/safes'
+import { trackEvent } from '@/src/services/analytics/firebaseAnalytics'
+import { selectTotalSafeCount } from '@/src/store/safesSlice'
+
+export class SafeManagementStrategy implements Strategy<RootState, MiddlewareAPI<Dispatch, RootState>> {
+  execute(store: MiddlewareAPI<Dispatch, RootState>, action: AnyAction, _prevState: RootState): void {
+    try {
+      if (action.type === 'safes/addSafe') {
+        // Calculate total safe count after the action is applied
+        const currentState = store.getState()
+        const totalSafeCount = selectTotalSafeCount(currentState)
+
+        const event = createSafeAddedEvent(totalSafeCount)
+        trackEvent(event)
+      } else if (action.type === 'safes/removeSafe') {
+        // Calculate total safe count after the action is applied
+        const currentState = store.getState()
+        const totalSafeCount = selectTotalSafeCount(currentState)
+
+        const event = createSafeRemovedEvent(totalSafeCount)
+        trackEvent(event)
+      }
+    } catch (error) {
+      console.error('Error tracking safe management event:', error)
+    }
+  }
+}
diff --git a/apps/mobile/src/store/middleware/analytics/strategies/SafeViewedStrategy.ts b/apps/mobile/src/store/middleware/analytics/strategies/SafeViewedStrategy.ts
new file mode 100644
index 000000000..734cc2d6f
--- /dev/null
+++ b/apps/mobile/src/store/middleware/analytics/strategies/SafeViewedStrategy.ts
@@ -0,0 +1,44 @@
+import { MiddlewareAPI, Dispatch } from '@reduxjs/toolkit'
+import { SafeInfo } from '@/src/types/address'
+import { trackEvent } from '@/src/services/analytics'
+import { EventType } from '@/src/services/analytics/types'
+import type { RootState } from '@/src/store'
+import { Strategy, ActionWithPayload } from '@/src/store/utils/strategy/Strategy'
+
+export class SafeViewedStrategy implements Strategy<RootState> {
+  execute(store: MiddlewareAPI<Dispatch, RootState>, action: ActionWithPayload, _prevState: RootState): void {
+    // Track safe_viewed when activeSafe is set with a safe (not null/cleared)
+    if (action.type === 'activeSafe/setActiveSafe' && action.payload !== null) {
+      const safeInfo = action.payload as SafeInfo
+
+      trackEvent({
+        eventName: EventType.SAFE_OPENED,
+        eventCategory: 'safe',
+        eventAction: 'opened',
+        eventLabel: 'safe_viewed',
+        chainId: safeInfo.chainId,
+      }).catch((error) => {
+        console.error('[SafeViewedStrategy] Error tracking safe_viewed event:', error)
+      })
+    }
+
+    // Track safe_viewed when switching chains (since this changes the safe context)
+    if (action.type === 'activeSafe/switchActiveChain') {
+      // Get the current state (after the action has been applied)
+      const currentState = store.getState()
+      const safeInfo = currentState.activeSafe
+
+      if (safeInfo) {
+        trackEvent({
+          eventName: EventType.SAFE_OPENED,
+          eventCategory: 'safe',
+          eventAction: 'opened',
+          eventLabel: 'safe_viewed',
+          chainId: safeInfo.chainId,
+        }).catch((error) => {
+          console.error('[SafeViewedStrategy] Error tracking safe_viewed event on chain switch:', error)
+        })
+      }
+    }
+  }
+}
diff --git a/apps/mobile/src/store/middleware/analytics/strategies/SettingsStrategy.ts b/apps/mobile/src/store/middleware/analytics/strategies/SettingsStrategy.ts
new file mode 100644
index 000000000..ad1813179
--- /dev/null
+++ b/apps/mobile/src/store/middleware/analytics/strategies/SettingsStrategy.ts
@@ -0,0 +1,43 @@
+import { RootState } from '@/src/store'
+import { MiddlewareAPI, Dispatch } from 'redux'
+import { Strategy, ActionWithPayload } from '@/src/store/utils/strategy/Strategy'
+import { trackEvent } from '@/src/services/analytics'
+import {
+  createThemeChangeEvent,
+  createNotificationToggleEvent,
+  createBiometricsToggleEvent,
+} from '@/src/services/analytics/events/settings'
+import { ThemePreference } from '@/src/types/theme'
+
+export class SettingsStrategy implements Strategy<RootState, MiddlewareAPI<Dispatch, RootState>> {
+  execute(_store: MiddlewareAPI<Dispatch, RootState>, action: ActionWithPayload): void {
+    // Check if this is a settings update action
+    if (action.type === 'settings/updateSettings' && action.payload && typeof action.payload === 'object') {
+      this.trackSettingsChanges(action.payload as Record<string, unknown>)
+    }
+  }
+
+  private trackSettingsChanges(payload: Record<string, unknown>): void {
+    // Track theme preference changes
+    if ('themePreference' in payload && payload.themePreference) {
+      const themePreference = payload.themePreference as ThemePreference
+      trackEvent(createThemeChangeEvent(themePreference)).catch((error) => {
+        console.error('[SettingsStrategy] Error tracking theme change event:', error)
+      })
+    }
+
+    // Track notification settings changes
+    if ('notificationsEnabled' in payload && typeof payload.notificationsEnabled === 'boolean') {
+      trackEvent(createNotificationToggleEvent(payload.notificationsEnabled)).catch((error) => {
+        console.error('[SettingsStrategy] Error tracking notification toggle event:', error)
+      })
+    }
+
+    // Track biometrics settings changes
+    if ('biometricsEnabled' in payload && typeof payload.biometricsEnabled === 'boolean') {
+      trackEvent(createBiometricsToggleEvent(payload.biometricsEnabled)).catch((error) => {
+        console.error('[SettingsStrategy] Error tracking biometrics toggle event:', error)
+      })
+    }
+  }
+}
diff --git a/apps/mobile/src/store/middleware/analytics/strategies/SignerTrackingStrategy.ts b/apps/mobile/src/store/middleware/analytics/strategies/SignerTrackingStrategy.ts
new file mode 100644
index 000000000..0f775424a
--- /dev/null
+++ b/apps/mobile/src/store/middleware/analytics/strategies/SignerTrackingStrategy.ts
@@ -0,0 +1,30 @@
+import { RootState } from '@/src/store'
+import { MiddlewareAPI, Dispatch } from 'redux'
+import { Strategy, ActionWithPayload } from '@/src/store/utils/strategy/Strategy'
+import { trackEvent } from '@/src/services/analytics'
+import { createSignerAddedEvent } from '@/src/services/analytics/events/signers'
+import { selectTotalSignerCount } from '@/src/store/signersSlice'
+
+/**
+ * Strategy to track signer addition events
+ * Tracks when signers are added to the app and includes total signer count
+ */
+export class SignerTrackingStrategy implements Strategy<RootState, MiddlewareAPI<Dispatch, RootState>> {
+  execute(store: MiddlewareAPI<Dispatch, RootState>, action: ActionWithPayload): void {
+    // Check if this is a signer addition action
+    if (action.type === 'signers/addSigner') {
+      this.trackSignerAddition(store.getState())
+    }
+  }
+
+  private trackSignerAddition(state: RootState): void {
+    try {
+      const totalSignerCount = selectTotalSignerCount(state)
+      trackEvent(createSignerAddedEvent(totalSignerCount)).catch((error) => {
+        console.error('[SignerTrackingStrategy] Error tracking signer addition event:', error)
+      })
+    } catch (error) {
+      console.error('[SignerTrackingStrategy] Error in trackSignerAddition:', error)
+    }
+  }
+}
diff --git a/apps/mobile/src/store/middleware/analytics/strategies/TransactionConfirmationStrategy.ts b/apps/mobile/src/store/middleware/analytics/strategies/TransactionConfirmationStrategy.ts
new file mode 100644
index 000000000..a979b045e
--- /dev/null
+++ b/apps/mobile/src/store/middleware/analytics/strategies/TransactionConfirmationStrategy.ts
@@ -0,0 +1,23 @@
+import { RootState } from '@/src/store'
+import { MiddlewareAPI, Dispatch } from 'redux'
+import { Strategy, ActionWithPayload } from '@/src/store/utils/strategy/Strategy'
+import { trackEvent } from '@/src/services/analytics'
+import { getTransactionAnalyticsLabel } from '@/src/services/analytics/utils'
+import { createTxConfirmEvent } from '@/src/services/analytics/events/transactions'
+import type { Transaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+export class TransactionConfirmationStrategy implements Strategy<RootState, MiddlewareAPI<Dispatch, RootState>> {
+  execute(_store: MiddlewareAPI<Dispatch, RootState>, action: ActionWithPayload): void {
+    const confirmedTransaction = action.payload
+
+    if (
+      confirmedTransaction &&
+      typeof confirmedTransaction === 'object' &&
+      'txInfo' in confirmedTransaction &&
+      confirmedTransaction.txInfo
+    ) {
+      const analyticsLabel = getTransactionAnalyticsLabel(confirmedTransaction.txInfo as Transaction['txInfo'])
+      trackEvent(createTxConfirmEvent(analyticsLabel))
+    }
+  }
+}
diff --git a/apps/mobile/src/store/middleware/analytics/strategies/__tests__/AddressBookTrackingStrategy.test.ts b/apps/mobile/src/store/middleware/analytics/strategies/__tests__/AddressBookTrackingStrategy.test.ts
new file mode 100644
index 000000000..28659cab4
--- /dev/null
+++ b/apps/mobile/src/store/middleware/analytics/strategies/__tests__/AddressBookTrackingStrategy.test.ts
@@ -0,0 +1,100 @@
+import { AddressBookTrackingStrategy } from '../AddressBookTrackingStrategy'
+import { trackEvent } from '@/src/services/analytics'
+import { selectTotalContactCount } from '@/src/store/addressBookSlice'
+import { RootState } from '@/src/store'
+
+jest.mock('@/src/services/analytics', () => ({
+  trackEvent: jest.fn(),
+}))
+
+jest.mock('@/src/store/addressBookSlice', () => ({
+  selectTotalContactCount: jest.fn(),
+}))
+
+const mockTrackEvent = trackEvent as jest.MockedFunction<typeof trackEvent>
+const mockSelectTotalContactCount = selectTotalContactCount as jest.MockedFunction<typeof selectTotalContactCount>
+
+describe('AddressBookTrackingStrategy', () => {
+  let strategy: AddressBookTrackingStrategy
+  let mockStore: { getState: jest.Mock; dispatch: jest.Mock }
+  let mockState: RootState
+
+  beforeEach(() => {
+    strategy = new AddressBookTrackingStrategy()
+    mockState = {
+      addressBook: {
+        contacts: {
+          '0x1': { value: '0x1', name: 'Alice', chainIds: ['1'] },
+          '0x2': { value: '0x2', name: 'Bob', chainIds: ['1'] },
+        },
+        selectedContact: null,
+      },
+    } as unknown as RootState
+
+    mockStore = {
+      getState: jest.fn().mockReturnValue(mockState),
+      dispatch: jest.fn(),
+    }
+
+    jest.clearAllMocks()
+    mockSelectTotalContactCount.mockReturnValue(2)
+    mockTrackEvent.mockResolvedValue(undefined)
+  })
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should track contact added event', () => {
+    const action = { type: 'addressBook/addContact', payload: { value: '0x3', name: 'Charlie', chainIds: ['1'] } }
+
+    strategy.execute(mockStore, action)
+
+    expect(mockSelectTotalContactCount).toHaveBeenCalledWith(mockState)
+    expect(mockTrackEvent).toHaveBeenCalled()
+  })
+
+  it('should track contact edited event', () => {
+    const action = {
+      type: 'addressBook/updateContact',
+      payload: { value: '0x1', name: 'Alice Updated', chainIds: ['1'] },
+    }
+
+    strategy.execute(mockStore, action)
+
+    expect(mockSelectTotalContactCount).toHaveBeenCalledWith(mockState)
+    expect(mockTrackEvent).toHaveBeenCalled()
+  })
+
+  it('should track contact removed event', () => {
+    const action = { type: 'addressBook/removeContact', payload: '0x1' }
+
+    strategy.execute(mockStore, action)
+
+    expect(mockSelectTotalContactCount).toHaveBeenCalledWith(mockState)
+    expect(mockTrackEvent).toHaveBeenCalled()
+  })
+
+  it('should not track events for unrelated actions', () => {
+    const action = { type: 'some/otherAction', payload: {} }
+
+    strategy.execute(mockStore, action)
+
+    expect(mockSelectTotalContactCount).not.toHaveBeenCalled()
+    expect(mockTrackEvent).not.toHaveBeenCalled()
+  })
+
+  it('should handle errors gracefully', () => {
+    const consoleSpy = jest.spyOn(console, 'error').mockImplementation()
+    mockSelectTotalContactCount.mockImplementation(() => {
+      throw new Error('Selector error')
+    })
+
+    const action = { type: 'addressBook/addContact', payload: { value: '0x3', name: 'Charlie', chainIds: ['1'] } }
+
+    expect(() => strategy.execute(mockStore, action)).not.toThrow()
+    expect(consoleSpy).toHaveBeenCalled()
+
+    consoleSpy.mockRestore()
+  })
+})
diff --git a/apps/mobile/src/store/middleware/analytics/strategies/__tests__/SafeManagementStrategy.test.ts b/apps/mobile/src/store/middleware/analytics/strategies/__tests__/SafeManagementStrategy.test.ts
new file mode 100644
index 000000000..669732620
--- /dev/null
+++ b/apps/mobile/src/store/middleware/analytics/strategies/__tests__/SafeManagementStrategy.test.ts
@@ -0,0 +1,310 @@
+import { SafeManagementStrategy } from '../SafeManagementStrategy'
+import { RootState } from '@/src/store'
+import { MiddlewareAPI, Dispatch } from 'redux'
+import * as firebaseAnalytics from '@/src/services/analytics/firebaseAnalytics'
+import { createSafeAddedEvent, createSafeRemovedEvent } from '@/src/services/analytics/events/safes'
+import { Address } from '@/src/types/address'
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+
+// Mock Firebase Analytics
+jest.mock('@/src/services/analytics/firebaseAnalytics')
+const mockTrackEvent = firebaseAnalytics.trackEvent as jest.MockedFunction<typeof firebaseAnalytics.trackEvent>
+
+// Mock the event creation functions
+jest.mock('@/src/services/analytics/events/safes')
+const mockCreateSafeAddedEvent = createSafeAddedEvent as jest.MockedFunction<typeof createSafeAddedEvent>
+const mockCreateSafeRemovedEvent = createSafeRemovedEvent as jest.MockedFunction<typeof createSafeRemovedEvent>
+
+describe('SafeManagementStrategy', () => {
+  let strategy: SafeManagementStrategy
+  let mockStore: MiddlewareAPI<Dispatch, RootState>
+  let mockGetState: jest.Mock
+
+  const mockSafeOverview: SafeOverview = {
+    address: { value: '0x123', name: null, logoUri: null },
+    chainId: '1',
+    threshold: 1,
+    owners: [{ value: '0xowner1', name: null, logoUri: null }],
+    fiatTotal: '100',
+    queued: 0,
+    awaitingConfirmation: null,
+  }
+
+  beforeEach(() => {
+    strategy = new SafeManagementStrategy()
+    mockGetState = jest.fn()
+    mockStore = {
+      getState: mockGetState,
+      dispatch: jest.fn(),
+    }
+
+    // Reset all mocks
+    jest.clearAllMocks()
+  })
+
+  describe('addSafe action tracking', () => {
+    it('should track safe addition with correct total count', () => {
+      const mockState: Partial<RootState> = {
+        safes: {
+          '0x123': { '1': mockSafeOverview },
+          '0x456': { '1': mockSafeOverview },
+        },
+      }
+      mockGetState.mockReturnValue(mockState)
+
+      const mockEvent = { eventName: 'metadata', eventCategory: 'safes', eventAction: 'Safe added', eventLabel: 2 }
+      mockCreateSafeAddedEvent.mockReturnValue(mockEvent)
+
+      const action = {
+        type: 'safes/addSafe',
+        payload: { address: '0x789' as Address, info: { '1': mockSafeOverview } },
+      }
+
+      strategy.execute(mockStore, action, {} as RootState)
+
+      expect(mockCreateSafeAddedEvent).toHaveBeenCalledWith(2)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockEvent)
+    })
+
+    it('should track safe addition with count 1 when first safe is added', () => {
+      const mockState: Partial<RootState> = {
+        safes: {
+          '0x123': { '1': mockSafeOverview },
+        },
+      }
+      mockGetState.mockReturnValue(mockState)
+
+      const mockEvent = { eventName: 'metadata', eventCategory: 'safes', eventAction: 'Safe added', eventLabel: 1 }
+      mockCreateSafeAddedEvent.mockReturnValue(mockEvent)
+
+      const action = {
+        type: 'safes/addSafe',
+        payload: { address: '0x123' as Address, info: { '1': mockSafeOverview } },
+      }
+
+      strategy.execute(mockStore, action, {} as RootState)
+
+      expect(mockCreateSafeAddedEvent).toHaveBeenCalledWith(1)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockEvent)
+    })
+
+    it('should track safe addition with count 0 when state is empty', () => {
+      const mockState: Partial<RootState> = {
+        safes: {},
+      }
+      mockGetState.mockReturnValue(mockState)
+
+      const mockEvent = { eventName: 'metadata', eventCategory: 'safes', eventAction: 'Safe added', eventLabel: 0 }
+      mockCreateSafeAddedEvent.mockReturnValue(mockEvent)
+
+      const action = {
+        type: 'safes/addSafe',
+        payload: { address: '0x123' as Address, info: { '1': mockSafeOverview } },
+      }
+
+      strategy.execute(mockStore, action, {} as RootState)
+
+      expect(mockCreateSafeAddedEvent).toHaveBeenCalledWith(0)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockEvent)
+    })
+  })
+
+  describe('removeSafe action tracking', () => {
+    it('should track safe removal with correct total count', () => {
+      const mockState: Partial<RootState> = {
+        safes: {
+          '0x456': { '1': mockSafeOverview },
+        },
+      }
+      mockGetState.mockReturnValue(mockState)
+
+      const mockEvent = { eventName: 'metadata', eventCategory: 'safes', eventAction: 'Safe removed', eventLabel: 1 }
+      mockCreateSafeRemovedEvent.mockReturnValue(mockEvent)
+
+      const action = {
+        type: 'safes/removeSafe',
+        payload: '0x123' as Address,
+      }
+
+      strategy.execute(mockStore, action, {} as RootState)
+
+      expect(mockCreateSafeRemovedEvent).toHaveBeenCalledWith(1)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockEvent)
+    })
+
+    it('should track safe removal with count 0 when all safes are removed', () => {
+      const mockState: Partial<RootState> = {
+        safes: {},
+      }
+      mockGetState.mockReturnValue(mockState)
+
+      const mockEvent = { eventName: 'metadata', eventCategory: 'safes', eventAction: 'Safe removed', eventLabel: 0 }
+      mockCreateSafeRemovedEvent.mockReturnValue(mockEvent)
+
+      const action = {
+        type: 'safes/removeSafe',
+        payload: '0x123' as Address,
+      }
+
+      strategy.execute(mockStore, action, {} as RootState)
+
+      expect(mockCreateSafeRemovedEvent).toHaveBeenCalledWith(0)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockEvent)
+    })
+
+    it('should track safe removal correctly with multiple remaining safes', () => {
+      const mockState: Partial<RootState> = {
+        safes: {
+          '0x123': { '1': mockSafeOverview },
+          '0x456': { '1': mockSafeOverview },
+          '0x789': { '1': mockSafeOverview },
+        },
+      }
+      mockGetState.mockReturnValue(mockState)
+
+      const mockEvent = { eventName: 'metadata', eventCategory: 'safes', eventAction: 'Safe removed', eventLabel: 3 }
+      mockCreateSafeRemovedEvent.mockReturnValue(mockEvent)
+
+      const action = {
+        type: 'safes/removeSafe',
+        payload: '0xabc' as Address,
+      }
+
+      strategy.execute(mockStore, action, {} as RootState)
+
+      expect(mockCreateSafeRemovedEvent).toHaveBeenCalledWith(3)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockEvent)
+    })
+  })
+
+  describe('irrelevant action handling', () => {
+    it('should not track events for unrelated actions', () => {
+      const mockState: Partial<RootState> = {
+        safes: { '0x123': { '1': mockSafeOverview } },
+      }
+      mockGetState.mockReturnValue(mockState)
+
+      const action = {
+        type: 'some/other/action',
+        payload: {},
+      }
+
+      strategy.execute(mockStore, action, {} as RootState)
+
+      expect(mockCreateSafeAddedEvent).not.toHaveBeenCalled()
+      expect(mockCreateSafeRemovedEvent).not.toHaveBeenCalled()
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+    })
+
+    it('should not track events for updateSafeInfo actions', () => {
+      const mockState: Partial<RootState> = {
+        safes: { '0x123': { '1': mockSafeOverview } },
+      }
+      mockGetState.mockReturnValue(mockState)
+
+      const action = {
+        type: 'safes/updateSafeInfo',
+        payload: { address: '0x123' as Address, chainId: '1', info: mockSafeOverview },
+      }
+
+      strategy.execute(mockStore, action, {} as RootState)
+
+      expect(mockCreateSafeAddedEvent).not.toHaveBeenCalled()
+      expect(mockCreateSafeRemovedEvent).not.toHaveBeenCalled()
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+    })
+
+    it('should not track events for setSafes actions', () => {
+      const mockState: Partial<RootState> = {
+        safes: { '0x123': { '1': mockSafeOverview } },
+      }
+      mockGetState.mockReturnValue(mockState)
+
+      const action = {
+        type: 'safes/setSafes',
+        payload: { '0x123': { '1': mockSafeOverview } },
+      }
+
+      strategy.execute(mockStore, action, {} as RootState)
+
+      expect(mockCreateSafeAddedEvent).not.toHaveBeenCalled()
+      expect(mockCreateSafeRemovedEvent).not.toHaveBeenCalled()
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('error handling', () => {
+    it('should handle errors gracefully and not throw', () => {
+      const mockState: Partial<RootState> = {
+        safes: { '0x123': { '1': mockSafeOverview } },
+      }
+      mockGetState.mockReturnValue(mockState)
+
+      // Mock trackEvent to throw an error
+      mockTrackEvent.mockImplementation(() => {
+        throw new Error('Firebase error')
+      })
+
+      const mockEvent = { eventName: 'metadata', eventCategory: 'safes', eventAction: 'Safe added', eventLabel: 1 }
+      mockCreateSafeAddedEvent.mockReturnValue(mockEvent)
+
+      const action = {
+        type: 'safes/addSafe',
+        payload: { address: '0x789' as Address, info: { '1': mockSafeOverview } },
+      }
+
+      // Should not throw
+      expect(() => {
+        strategy.execute(mockStore, action, {} as RootState)
+      }).not.toThrow()
+
+      expect(mockCreateSafeAddedEvent).toHaveBeenCalled()
+      expect(mockTrackEvent).toHaveBeenCalled()
+    })
+
+    it('should handle errors when event creation fails', () => {
+      const mockState: Partial<RootState> = {
+        safes: { '0x123': { '1': mockSafeOverview } },
+      }
+      mockGetState.mockReturnValue(mockState)
+
+      // Mock event creation to throw an error
+      mockCreateSafeAddedEvent.mockImplementation(() => {
+        throw new Error('Event creation error')
+      })
+
+      const action = {
+        type: 'safes/addSafe',
+        payload: { address: '0x789' as Address, info: { '1': mockSafeOverview } },
+      }
+
+      // Should not throw
+      expect(() => {
+        strategy.execute(mockStore, action, {} as RootState)
+      }).not.toThrow()
+
+      expect(mockCreateSafeAddedEvent).toHaveBeenCalled()
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+    })
+
+    it('should handle errors when getState fails', () => {
+      // Mock getState to throw an error
+      mockGetState.mockImplementation(() => {
+        throw new Error('State access error')
+      })
+
+      const action = {
+        type: 'safes/addSafe',
+        payload: { address: '0x789' as Address, info: { '1': mockSafeOverview } },
+      }
+
+      // Should not throw
+      expect(() => {
+        strategy.execute(mockStore, action, {} as RootState)
+      }).not.toThrow()
+
+      expect(mockCreateSafeAddedEvent).not.toHaveBeenCalled()
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+    })
+  })
+})
diff --git a/apps/mobile/src/store/middleware/analytics/strategies/__tests__/SafeViewedStrategy.test.ts b/apps/mobile/src/store/middleware/analytics/strategies/__tests__/SafeViewedStrategy.test.ts
new file mode 100644
index 000000000..7b3f2f30b
--- /dev/null
+++ b/apps/mobile/src/store/middleware/analytics/strategies/__tests__/SafeViewedStrategy.test.ts
@@ -0,0 +1,186 @@
+import { SafeViewedStrategy } from '../SafeViewedStrategy'
+import { trackEvent } from '@/src/services/analytics'
+import { EventType } from '@/src/services/analytics/types'
+import type { RootState } from '@/src/store'
+import type { ActionWithPayload } from '@/src/store/utils/strategy/Strategy'
+import type { SafeInfo } from '@/src/types/address'
+import { MiddlewareAPI, Dispatch } from '@reduxjs/toolkit'
+
+jest.mock('@/src/services/analytics', () => ({
+  trackEvent: jest.fn(),
+}))
+
+const mockTrackEvent = jest.mocked(trackEvent)
+
+describe('SafeViewedStrategy', () => {
+  let strategy: SafeViewedStrategy
+  let mockStore: MiddlewareAPI<Dispatch, RootState>
+  let mockGetState: jest.Mock
+  let prevState: RootState
+
+  beforeEach(() => {
+    strategy = new SafeViewedStrategy()
+    mockGetState = jest.fn()
+    mockStore = {
+      dispatch: jest.fn(),
+      getState: mockGetState,
+    } as unknown as MiddlewareAPI<Dispatch, RootState>
+
+    prevState = {} as RootState
+
+    mockTrackEvent.mockResolvedValue(undefined)
+    jest.clearAllMocks()
+  })
+
+  describe('setActiveSafe action', () => {
+    it('should track safe_viewed event when activeSafe is set with a safe', () => {
+      const mockSafeInfo: SafeInfo = {
+        address: '0x123',
+        chainId: '1',
+      }
+
+      const action: ActionWithPayload = {
+        type: 'activeSafe/setActiveSafe',
+        payload: mockSafeInfo,
+      }
+
+      strategy.execute(mockStore, action, prevState)
+
+      expect(mockTrackEvent).toHaveBeenCalledWith({
+        eventName: EventType.SAFE_OPENED,
+        eventCategory: 'safe',
+        eventAction: 'opened',
+        eventLabel: 'safe_viewed',
+        chainId: '1',
+      })
+    })
+
+    it('should not track event when activeSafe is set to null', () => {
+      const action: ActionWithPayload = {
+        type: 'activeSafe/setActiveSafe',
+        payload: null,
+      }
+
+      strategy.execute(mockStore, action, prevState)
+
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+    })
+
+    it('should handle tracking errors gracefully', () => {
+      const trackingError = new Error('Analytics service unavailable')
+      mockTrackEvent.mockRejectedValueOnce(trackingError)
+
+      const mockSafeInfo: SafeInfo = {
+        address: '0x123',
+        chainId: '1',
+      }
+
+      const action: ActionWithPayload = {
+        type: 'activeSafe/setActiveSafe',
+        payload: mockSafeInfo,
+      }
+
+      // Should not throw even if trackEvent rejects
+      expect(() => strategy.execute(mockStore, action, prevState)).not.toThrow()
+
+      expect(mockTrackEvent).toHaveBeenCalledWith({
+        eventName: EventType.SAFE_OPENED,
+        eventCategory: 'safe',
+        eventAction: 'opened',
+        eventLabel: 'safe_viewed',
+        chainId: '1',
+      })
+    })
+  })
+
+  describe('switchActiveChain action', () => {
+    it('should track safe_viewed event when switching chains with active safe', () => {
+      const mockSafeInfo: SafeInfo = {
+        address: '0x456',
+        chainId: '137',
+      }
+
+      const mockState = {
+        activeSafe: mockSafeInfo,
+      } as RootState
+
+      mockGetState.mockReturnValue(mockState)
+
+      const action: ActionWithPayload = {
+        type: 'activeSafe/switchActiveChain',
+        payload: '137',
+      }
+
+      strategy.execute(mockStore, action, prevState)
+
+      expect(mockTrackEvent).toHaveBeenCalledWith({
+        eventName: EventType.SAFE_OPENED,
+        eventCategory: 'safe',
+        eventAction: 'opened',
+        eventLabel: 'safe_viewed',
+        chainId: '137',
+      })
+    })
+
+    it('should not track event when switching chains with no active safe', () => {
+      const mockState = {
+        activeSafe: null,
+      } as RootState
+
+      mockGetState.mockReturnValue(mockState)
+
+      const action: ActionWithPayload = {
+        type: 'activeSafe/switchActiveChain',
+        payload: '137',
+      }
+
+      strategy.execute(mockStore, action, prevState)
+
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+    })
+
+    it('should handle tracking errors gracefully on chain switch', () => {
+      const trackingError = new Error('Network error')
+      mockTrackEvent.mockRejectedValueOnce(trackingError)
+
+      const mockSafeInfo: SafeInfo = {
+        address: '0x789',
+        chainId: '100',
+      }
+
+      const mockState = {
+        activeSafe: mockSafeInfo,
+      } as RootState
+
+      mockGetState.mockReturnValue(mockState)
+
+      const action: ActionWithPayload = {
+        type: 'activeSafe/switchActiveChain',
+        payload: '100',
+      }
+
+      expect(() => strategy.execute(mockStore, action, prevState)).not.toThrow()
+
+      expect(mockTrackEvent).toHaveBeenCalledWith({
+        eventName: EventType.SAFE_OPENED,
+        eventCategory: 'safe',
+        eventAction: 'opened',
+        eventLabel: 'safe_viewed',
+        chainId: '100',
+      })
+    })
+  })
+
+  describe('unrelated actions', () => {
+    it('should not track events for unrelated actions', () => {
+      const action: ActionWithPayload = {
+        type: 'someOther/action',
+        payload: { data: 'test' },
+      }
+
+      strategy.execute(mockStore, action, prevState)
+
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+    })
+  })
+})
diff --git a/apps/mobile/src/store/middleware/analytics/strategies/__tests__/SettingsStrategy.test.ts b/apps/mobile/src/store/middleware/analytics/strategies/__tests__/SettingsStrategy.test.ts
new file mode 100644
index 000000000..1ba052f0c
--- /dev/null
+++ b/apps/mobile/src/store/middleware/analytics/strategies/__tests__/SettingsStrategy.test.ts
@@ -0,0 +1,383 @@
+import { SettingsStrategy } from '../SettingsStrategy'
+import { trackEvent } from '@/src/services/analytics'
+import {
+  createThemeChangeEvent,
+  createNotificationToggleEvent,
+  createBiometricsToggleEvent,
+} from '@/src/services/analytics/events/settings'
+import { EventType } from '@/src/services/analytics/types'
+import type { RootState } from '@/src/store'
+import type { ActionWithPayload } from '@/src/store/utils/strategy/Strategy'
+import { MiddlewareAPI, Dispatch } from '@reduxjs/toolkit'
+
+// Mock the dependencies
+jest.mock('@/src/services/analytics', () => ({
+  trackEvent: jest.fn(),
+}))
+
+jest.mock('@/src/services/analytics/events/settings', () => ({
+  createThemeChangeEvent: jest.fn(),
+  createNotificationToggleEvent: jest.fn(),
+  createBiometricsToggleEvent: jest.fn(),
+}))
+
+const mockTrackEvent = jest.mocked(trackEvent)
+const mockCreateThemeChangeEvent = jest.mocked(createThemeChangeEvent)
+const mockCreateNotificationToggleEvent = jest.mocked(createNotificationToggleEvent)
+const mockCreateBiometricsToggleEvent = jest.mocked(createBiometricsToggleEvent)
+
+describe('SettingsStrategy', () => {
+  let strategy: SettingsStrategy
+  let mockStore: MiddlewareAPI<Dispatch, RootState>
+
+  beforeEach(() => {
+    strategy = new SettingsStrategy()
+    mockStore = {
+      dispatch: jest.fn(),
+      getState: jest.fn(),
+    }
+
+    jest.clearAllMocks()
+  })
+
+  describe('theme change tracking', () => {
+    it('should track theme change event when themePreference is updated', () => {
+      const action: ActionWithPayload = {
+        type: 'settings/updateSettings',
+        payload: {
+          themePreference: 'dark',
+        },
+      }
+
+      const mockEventData = {
+        eventName: EventType.META,
+        eventCategory: 'settings',
+        eventAction: 'Theme preference changed',
+        eventLabel: 'dark',
+      }
+
+      mockCreateThemeChangeEvent.mockReturnValue(mockEventData)
+      mockTrackEvent.mockResolvedValue(undefined)
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateThemeChangeEvent).toHaveBeenCalledWith('dark')
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockEventData)
+    })
+
+    it('should track all theme preferences', () => {
+      const themes = ['light', 'dark', 'auto']
+
+      themes.forEach((theme) => {
+        const action: ActionWithPayload = {
+          type: 'settings/updateSettings',
+          payload: {
+            themePreference: theme,
+          },
+        }
+
+        const mockEventData = {
+          eventName: EventType.META,
+          eventCategory: 'settings',
+          eventAction: 'Theme preference changed',
+          eventLabel: theme,
+        }
+
+        mockCreateThemeChangeEvent.mockReturnValue(mockEventData)
+
+        strategy.execute(mockStore, action)
+
+        expect(mockCreateThemeChangeEvent).toHaveBeenCalledWith(theme)
+        expect(mockTrackEvent).toHaveBeenCalledWith(mockEventData)
+      })
+    })
+  })
+
+  describe('notification tracking', () => {
+    it('should track notification enable event', () => {
+      const action: ActionWithPayload = {
+        type: 'settings/updateSettings',
+        payload: {
+          notificationsEnabled: true,
+        },
+      }
+
+      const mockEventData = {
+        eventName: EventType.META,
+        eventCategory: 'settings',
+        eventAction: 'Notifications toggled',
+        eventLabel: true,
+      }
+
+      mockCreateNotificationToggleEvent.mockReturnValue(mockEventData)
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateNotificationToggleEvent).toHaveBeenCalledWith(true)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockEventData)
+    })
+
+    it('should track notification disable event', () => {
+      const action: ActionWithPayload = {
+        type: 'settings/updateSettings',
+        payload: {
+          notificationsEnabled: false,
+        },
+      }
+
+      const mockEventData = {
+        eventName: EventType.META,
+        eventCategory: 'settings',
+        eventAction: 'Notifications toggled',
+        eventLabel: false,
+      }
+
+      mockCreateNotificationToggleEvent.mockReturnValue(mockEventData)
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateNotificationToggleEvent).toHaveBeenCalledWith(false)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockEventData)
+    })
+  })
+
+  describe('biometrics tracking', () => {
+    it('should track biometrics enable event', () => {
+      const action: ActionWithPayload = {
+        type: 'settings/updateSettings',
+        payload: {
+          biometricsEnabled: true,
+        },
+      }
+
+      const mockEventData = {
+        eventName: EventType.META,
+        eventCategory: 'settings',
+        eventAction: 'Biometrics toggled',
+        eventLabel: true,
+      }
+
+      mockCreateBiometricsToggleEvent.mockReturnValue(mockEventData)
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateBiometricsToggleEvent).toHaveBeenCalledWith(true)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockEventData)
+    })
+
+    it('should track biometrics disable event', () => {
+      const action: ActionWithPayload = {
+        type: 'settings/updateSettings',
+        payload: {
+          biometricsEnabled: false,
+        },
+      }
+
+      const mockEventData = {
+        eventName: EventType.META,
+        eventCategory: 'settings',
+        eventAction: 'Biometrics toggled',
+        eventLabel: false,
+      }
+
+      mockCreateBiometricsToggleEvent.mockReturnValue(mockEventData)
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateBiometricsToggleEvent).toHaveBeenCalledWith(false)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockEventData)
+    })
+  })
+
+  describe('multiple settings tracking', () => {
+    it('should track multiple settings changes in one action', () => {
+      const action: ActionWithPayload = {
+        type: 'settings/updateSettings',
+        payload: {
+          themePreference: 'dark',
+          notificationsEnabled: true,
+          biometricsEnabled: false,
+        },
+      }
+
+      const mockThemeEvent = {
+        eventName: EventType.META,
+        eventCategory: 'settings',
+        eventAction: 'Theme preference changed',
+        eventLabel: 'dark',
+      }
+
+      const mockNotificationEvent = {
+        eventName: EventType.META,
+        eventCategory: 'settings',
+        eventAction: 'Notifications toggled',
+        eventLabel: true,
+      }
+
+      const mockBiometricsEvent = {
+        eventName: EventType.META,
+        eventCategory: 'settings',
+        eventAction: 'Biometrics toggled',
+        eventLabel: false,
+      }
+
+      mockCreateThemeChangeEvent.mockReturnValue(mockThemeEvent)
+      mockCreateNotificationToggleEvent.mockReturnValue(mockNotificationEvent)
+      mockCreateBiometricsToggleEvent.mockReturnValue(mockBiometricsEvent)
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateThemeChangeEvent).toHaveBeenCalledWith('dark')
+      expect(mockCreateNotificationToggleEvent).toHaveBeenCalledWith(true)
+      expect(mockCreateBiometricsToggleEvent).toHaveBeenCalledWith(false)
+      expect(mockTrackEvent).toHaveBeenCalledTimes(3)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockThemeEvent)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockNotificationEvent)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockBiometricsEvent)
+    })
+
+    it('should handle settings update with non-tracked properties without tracking', () => {
+      const action: ActionWithPayload = {
+        type: 'settings/updateSettings',
+        payload: {
+          onboardingVersionSeen: '1.0.0',
+          someOtherSetting: 'value',
+        },
+      }
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateThemeChangeEvent).not.toHaveBeenCalled()
+      expect(mockCreateNotificationToggleEvent).not.toHaveBeenCalled()
+      expect(mockCreateBiometricsToggleEvent).not.toHaveBeenCalled()
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+    })
+
+    it('should handle mixed tracked and non-tracked settings', () => {
+      const action: ActionWithPayload = {
+        type: 'settings/updateSettings',
+        payload: {
+          themePreference: 'light',
+          onboardingVersionSeen: '1.0.0',
+          notificationsEnabled: true,
+          someOtherSetting: 'value',
+        },
+      }
+
+      const mockThemeEvent = {
+        eventName: EventType.META,
+        eventCategory: 'settings',
+        eventAction: 'Theme preference changed',
+        eventLabel: 'light',
+      }
+
+      const mockNotificationEvent = {
+        eventName: EventType.META,
+        eventCategory: 'settings',
+        eventAction: 'Notifications toggled',
+        eventLabel: true,
+      }
+
+      mockCreateThemeChangeEvent.mockReturnValue(mockThemeEvent)
+      mockCreateNotificationToggleEvent.mockReturnValue(mockNotificationEvent)
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateThemeChangeEvent).toHaveBeenCalledWith('light')
+      expect(mockCreateNotificationToggleEvent).toHaveBeenCalledWith(true)
+      expect(mockCreateBiometricsToggleEvent).not.toHaveBeenCalled()
+      expect(mockTrackEvent).toHaveBeenCalledTimes(2)
+    })
+  })
+
+  describe('edge cases', () => {
+    it('should not track event for non-settings actions', () => {
+      const action: ActionWithPayload = {
+        type: 'some/other/action',
+        payload: {
+          themePreference: 'dark',
+        },
+      }
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateThemeChangeEvent).not.toHaveBeenCalled()
+      expect(mockCreateNotificationToggleEvent).not.toHaveBeenCalled()
+      expect(mockCreateBiometricsToggleEvent).not.toHaveBeenCalled()
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+    })
+
+    it('should not track event when payload is null', () => {
+      const action: ActionWithPayload = {
+        type: 'settings/updateSettings',
+        payload: null,
+      }
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateThemeChangeEvent).not.toHaveBeenCalled()
+      expect(mockCreateNotificationToggleEvent).not.toHaveBeenCalled()
+      expect(mockCreateBiometricsToggleEvent).not.toHaveBeenCalled()
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+    })
+
+    it('should not track event when payload is not an object', () => {
+      const action: ActionWithPayload = {
+        type: 'settings/updateSettings',
+        payload: 'invalid payload',
+      }
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateThemeChangeEvent).not.toHaveBeenCalled()
+      expect(mockCreateNotificationToggleEvent).not.toHaveBeenCalled()
+      expect(mockCreateBiometricsToggleEvent).not.toHaveBeenCalled()
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+    })
+
+    it('should handle trackEvent errors gracefully', () => {
+      const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation()
+
+      const action: ActionWithPayload = {
+        type: 'settings/updateSettings',
+        payload: {
+          themePreference: 'dark',
+          notificationsEnabled: true,
+          biometricsEnabled: false,
+        },
+      }
+
+      mockCreateThemeChangeEvent.mockReturnValue({
+        eventName: EventType.META,
+        eventCategory: 'settings',
+        eventAction: 'Theme preference changed',
+        eventLabel: 'dark',
+      })
+
+      mockCreateNotificationToggleEvent.mockReturnValue({
+        eventName: EventType.META,
+        eventCategory: 'settings',
+        eventAction: 'Notifications toggled',
+        eventLabel: true,
+      })
+
+      mockCreateBiometricsToggleEvent.mockReturnValue({
+        eventName: EventType.META,
+        eventCategory: 'settings',
+        eventAction: 'Biometrics toggled',
+        eventLabel: false,
+      })
+
+      mockTrackEvent.mockRejectedValue(new Error('Analytics service unavailable'))
+
+      // Should not throw even if trackEvent fails
+      expect(() => {
+        strategy.execute(mockStore, action)
+      }).not.toThrow()
+
+      expect(mockTrackEvent).toHaveBeenCalledTimes(3)
+
+      consoleErrorSpy.mockRestore()
+    })
+  })
+})
diff --git a/apps/mobile/src/store/middleware/analytics/strategies/__tests__/SignerTrackingStrategy.test.ts b/apps/mobile/src/store/middleware/analytics/strategies/__tests__/SignerTrackingStrategy.test.ts
new file mode 100644
index 000000000..4017a41c7
--- /dev/null
+++ b/apps/mobile/src/store/middleware/analytics/strategies/__tests__/SignerTrackingStrategy.test.ts
@@ -0,0 +1,210 @@
+import { SignerTrackingStrategy } from '../SignerTrackingStrategy'
+import { trackEvent } from '@/src/services/analytics'
+import { createSignerAddedEvent } from '@/src/services/analytics/events/signers'
+import { selectTotalSignerCount } from '@/src/store/signersSlice'
+import { EventType } from '@/src/services/analytics/types'
+import { ActionWithPayload } from '@/src/store/utils/strategy/Strategy'
+import { MiddlewareAPI, Dispatch } from 'redux'
+import { RootState } from '@/src/store'
+
+jest.mock('@/src/services/analytics', () => ({
+  trackEvent: jest.fn(),
+}))
+
+jest.mock('@/src/services/analytics/events/signers', () => ({
+  createSignerAddedEvent: jest.fn(),
+}))
+
+jest.mock('@/src/store/signersSlice', () => ({
+  selectTotalSignerCount: jest.fn(),
+}))
+
+describe('SignerTrackingStrategy', () => {
+  let strategy: SignerTrackingStrategy
+  let mockStore: MiddlewareAPI<Dispatch, RootState>
+  let mockTrackEvent: jest.MockedFunction<typeof trackEvent>
+  let mockCreateSignerAddedEvent: jest.MockedFunction<typeof createSignerAddedEvent>
+  let mockSelectTotalSignerCount: jest.MockedFunction<typeof selectTotalSignerCount>
+
+  const mockState = {
+    signers: {
+      '0x123': { value: '0x123', name: 'Signer 1' },
+      '0x456': { value: '0x456', name: 'Signer 2' },
+    },
+  } as unknown as RootState
+
+  beforeEach(() => {
+    strategy = new SignerTrackingStrategy()
+    mockStore = {
+      getState: jest.fn().mockReturnValue(mockState),
+      dispatch: jest.fn(),
+    }
+    mockTrackEvent = trackEvent as jest.MockedFunction<typeof trackEvent>
+    mockCreateSignerAddedEvent = createSignerAddedEvent as jest.MockedFunction<typeof createSignerAddedEvent>
+    mockSelectTotalSignerCount = selectTotalSignerCount as jest.MockedFunction<typeof selectTotalSignerCount>
+
+    jest.clearAllMocks()
+
+    // Setup default mock returns
+    mockSelectTotalSignerCount.mockReturnValue(2)
+    mockCreateSignerAddedEvent.mockReturnValue({
+      eventName: EventType.META,
+      eventCategory: 'signers',
+      eventAction: 'Signer added',
+      eventLabel: '2',
+    })
+    mockTrackEvent.mockResolvedValue(undefined)
+  })
+
+  describe('execute', () => {
+    it('should track signer addition when action type is signers/addSigner', () => {
+      const action: ActionWithPayload = {
+        type: 'signers/addSigner',
+        payload: { value: '0x789', name: 'New Signer' },
+      }
+
+      strategy.execute(mockStore, action)
+
+      expect(mockSelectTotalSignerCount).toHaveBeenCalledWith(mockState)
+      expect(mockCreateSignerAddedEvent).toHaveBeenCalledWith(2)
+      expect(mockTrackEvent).toHaveBeenCalledWith({
+        eventName: EventType.META,
+        eventCategory: 'signers',
+        eventAction: 'Signer added',
+        eventLabel: '2',
+      })
+    })
+
+    it('should not track when action type is not signers/addSigner', () => {
+      const action: ActionWithPayload = {
+        type: 'some/otherAction',
+        payload: {},
+      }
+
+      strategy.execute(mockStore, action)
+
+      expect(mockSelectTotalSignerCount).not.toHaveBeenCalled()
+      expect(mockCreateSignerAddedEvent).not.toHaveBeenCalled()
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+    })
+
+    it('should handle different signer counts correctly', () => {
+      // Test with 1 signer
+      mockSelectTotalSignerCount.mockReturnValue(1)
+      mockCreateSignerAddedEvent.mockReturnValue({
+        eventName: EventType.META,
+        eventCategory: 'signers',
+        eventAction: 'Signer added',
+        eventLabel: '1',
+      })
+
+      const action: ActionWithPayload = {
+        type: 'signers/addSigner',
+        payload: { value: '0x123', name: 'First Signer' },
+      }
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateSignerAddedEvent).toHaveBeenCalledWith(1)
+      expect(mockTrackEvent).toHaveBeenCalledWith(
+        expect.objectContaining({
+          eventLabel: '1',
+        }),
+      )
+    })
+
+    it('should handle tracking errors gracefully', () => {
+      const consoleSpy = jest.spyOn(console, 'error').mockImplementation()
+      mockTrackEvent.mockRejectedValue(new Error('Tracking failed'))
+
+      const action: ActionWithPayload = {
+        type: 'signers/addSigner',
+        payload: { value: '0x789', name: 'New Signer' },
+      }
+
+      strategy.execute(mockStore, action)
+
+      expect(mockTrackEvent).toHaveBeenCalled()
+      // Wait for the async error handling
+      setImmediate(() => {
+        expect(consoleSpy).toHaveBeenCalledWith(
+          '[SignerTrackingStrategy] Error tracking signer addition event:',
+          expect.any(Error),
+        )
+      })
+
+      consoleSpy.mockRestore()
+    })
+
+    it('should handle selector errors gracefully', () => {
+      const consoleSpy = jest.spyOn(console, 'error').mockImplementation()
+      mockSelectTotalSignerCount.mockImplementation(() => {
+        throw new Error('Selector failed')
+      })
+
+      const action: ActionWithPayload = {
+        type: 'signers/addSigner',
+        payload: { value: '0x789', name: 'New Signer' },
+      }
+
+      strategy.execute(mockStore, action)
+
+      expect(consoleSpy).toHaveBeenCalledWith(
+        '[SignerTrackingStrategy] Error in trackSignerAddition:',
+        expect.any(Error),
+      )
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+
+      consoleSpy.mockRestore()
+    })
+
+    it('should handle zero signers correctly', () => {
+      mockSelectTotalSignerCount.mockReturnValue(0)
+      mockCreateSignerAddedEvent.mockReturnValue({
+        eventName: EventType.META,
+        eventCategory: 'signers',
+        eventAction: 'Signer added',
+        eventLabel: '0',
+      })
+
+      const action: ActionWithPayload = {
+        type: 'signers/addSigner',
+        payload: { value: '0x123', name: 'First Signer' },
+      }
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateSignerAddedEvent).toHaveBeenCalledWith(0)
+      expect(mockTrackEvent).toHaveBeenCalledWith(
+        expect.objectContaining({
+          eventLabel: '0',
+        }),
+      )
+    })
+
+    it('should handle large signer counts correctly', () => {
+      const largeCount = 150
+      mockSelectTotalSignerCount.mockReturnValue(largeCount)
+      mockCreateSignerAddedEvent.mockReturnValue({
+        eventName: EventType.META,
+        eventCategory: 'signers',
+        eventAction: 'Signer added',
+        eventLabel: largeCount.toString(),
+      })
+
+      const action: ActionWithPayload = {
+        type: 'signers/addSigner',
+        payload: { value: '0x789', name: 'Signer 150' },
+      }
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateSignerAddedEvent).toHaveBeenCalledWith(largeCount)
+      expect(mockTrackEvent).toHaveBeenCalledWith(
+        expect.objectContaining({
+          eventLabel: largeCount.toString(),
+        }),
+      )
+    })
+  })
+})
diff --git a/apps/mobile/src/store/middleware/analytics/strategies/__tests__/TransactionConfirmationStrategy.test.ts b/apps/mobile/src/store/middleware/analytics/strategies/__tests__/TransactionConfirmationStrategy.test.ts
new file mode 100644
index 000000000..29d3bab7a
--- /dev/null
+++ b/apps/mobile/src/store/middleware/analytics/strategies/__tests__/TransactionConfirmationStrategy.test.ts
@@ -0,0 +1,265 @@
+import { TransactionConfirmationStrategy } from '../TransactionConfirmationStrategy'
+import { trackEvent } from '@/src/services/analytics'
+import { createTxConfirmEvent } from '@/src/services/analytics/events/transactions'
+import { ANALYTICS_LABELS } from '@/src/services/analytics/constants'
+import { EventType } from '@/src/services/analytics/types'
+import type { RootState } from '@/src/store'
+import type { ActionWithPayload } from '@/src/store/utils/strategy/Strategy'
+import { MiddlewareAPI, Dispatch } from '@reduxjs/toolkit'
+
+jest.mock('@/src/services/analytics', () => ({
+  trackEvent: jest.fn(),
+}))
+
+jest.mock('@/src/services/analytics/events/transactions', () => ({
+  createTxConfirmEvent: jest.fn(),
+}))
+
+jest.mock('@/src/services/analytics/types', () => ({
+  ...jest.requireActual('@/src/services/analytics/types'),
+}))
+
+const mockTrackEvent = jest.mocked(trackEvent)
+const mockCreateTxConfirmEvent = jest.mocked(createTxConfirmEvent)
+
+describe('TransactionConfirmationStrategy', () => {
+  let strategy: TransactionConfirmationStrategy
+  let mockStore: MiddlewareAPI<Dispatch, RootState>
+
+  beforeEach(() => {
+    strategy = new TransactionConfirmationStrategy()
+    mockStore = {
+      dispatch: jest.fn(),
+      getState: jest.fn(),
+    } as unknown as MiddlewareAPI<Dispatch, RootState>
+
+    jest.clearAllMocks()
+  })
+
+  describe('transaction confirmation', () => {
+    it('should track transaction confirmation event with correct transaction type', () => {
+      const mockTransaction = {
+        txInfo: {
+          type: 'Transfer',
+          sender: { value: '0xSender' },
+          recipient: { value: '0xRecipient' },
+          direction: 'OUTGOING',
+          transferInfo: {
+            type: 'ERC20',
+            tokenAddress: '0xToken',
+            value: '1000000000000000000',
+            imitation: false,
+          },
+        },
+        id: 'tx123',
+        timestamp: Date.now(),
+        txStatus: 'SUCCESS',
+      }
+
+      const action: ActionWithPayload = {
+        type: 'someAction/fulfilled',
+        payload: mockTransaction,
+      }
+
+      const mockEventData = {
+        eventName: EventType.TX_CONFIRMED,
+        eventCategory: 'transactions',
+        eventAction: 'Confirm transaction',
+        eventLabel: ANALYTICS_LABELS.TRANSFER_TYPES.ERC20,
+      }
+
+      // Mock the function calls
+      mockCreateTxConfirmEvent.mockReturnValue(mockEventData)
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateTxConfirmEvent).toHaveBeenCalledWith(ANALYTICS_LABELS.TRANSFER_TYPES.ERC20)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockEventData)
+    })
+
+    it('should handle custom transaction types', () => {
+      const mockTransaction = {
+        txInfo: {
+          type: 'Custom',
+          to: { value: '0xContract' },
+          dataSize: '68',
+          value: '0',
+          isCancellation: false,
+        },
+        id: 'tx456',
+        timestamp: Date.now(),
+        txStatus: 'SUCCESS',
+      }
+
+      const action: ActionWithPayload = {
+        type: 'transactions/confirm/fulfilled',
+        payload: mockTransaction,
+      }
+
+      const mockEventData = {
+        eventName: EventType.TX_CONFIRMED,
+        eventCategory: 'transactions',
+        eventAction: 'Confirm transaction',
+        eventLabel: ANALYTICS_LABELS.BASE_TYPES.Custom,
+      }
+
+      mockCreateTxConfirmEvent.mockReturnValue(mockEventData)
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateTxConfirmEvent).toHaveBeenCalledWith(ANALYTICS_LABELS.BASE_TYPES.Custom)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockEventData)
+    })
+
+    it('should not track event when payload does not have txInfo', () => {
+      const action: ActionWithPayload = {
+        type: 'someAction/fulfilled',
+        payload: {
+          id: 'tx789',
+          timestamp: Date.now(),
+          // missing txInfo
+        },
+      }
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateTxConfirmEvent).not.toHaveBeenCalled()
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+    })
+
+    it('should not track event when payload is null', () => {
+      const action: ActionWithPayload = {
+        type: 'someAction/fulfilled',
+        payload: null,
+      }
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateTxConfirmEvent).not.toHaveBeenCalled()
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+    })
+
+    it('should not track event when payload is not an object', () => {
+      const action: ActionWithPayload = {
+        type: 'someAction/fulfilled',
+        payload: 'string payload',
+      }
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateTxConfirmEvent).not.toHaveBeenCalled()
+      expect(mockTrackEvent).not.toHaveBeenCalled()
+    })
+
+    it('should handle NFT transfer transactions', () => {
+      const mockTransaction = {
+        txInfo: {
+          type: 'Transfer',
+          sender: { value: '0xSender' },
+          recipient: { value: '0xRecipient' },
+          direction: 'OUTGOING',
+          transferInfo: {
+            type: 'ERC721',
+            tokenAddress: '0xNFTContract',
+            tokenId: '123',
+          },
+        },
+        id: 'nft_tx',
+        timestamp: Date.now(),
+        txStatus: 'SUCCESS',
+      }
+
+      const action: ActionWithPayload = {
+        type: 'nft/transfer/fulfilled',
+        payload: mockTransaction,
+      }
+
+      const mockEventData = {
+        eventName: EventType.TX_CONFIRMED,
+        eventCategory: 'transactions',
+        eventAction: 'Confirm transaction',
+        eventLabel: ANALYTICS_LABELS.TRANSFER_TYPES.ERC721,
+      }
+
+      mockCreateTxConfirmEvent.mockReturnValue(mockEventData)
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateTxConfirmEvent).toHaveBeenCalledWith(ANALYTICS_LABELS.TRANSFER_TYPES.ERC721)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockEventData)
+    })
+
+    it('should handle settings change transactions', () => {
+      const mockTransaction = {
+        txInfo: {
+          type: 'SettingsChange',
+          dataDecoded: {
+            method: 'addOwnerWithThreshold',
+            parameters: [],
+          },
+          settingsInfo: {
+            type: 'ADD_OWNER',
+            owner: { value: '0xNewOwner' },
+            threshold: 2,
+          },
+        },
+        id: 'settings_tx',
+        timestamp: Date.now(),
+        txStatus: 'SUCCESS',
+      }
+
+      const action: ActionWithPayload = {
+        type: 'settings/change/fulfilled',
+        payload: mockTransaction,
+      }
+
+      const mockEventData = {
+        eventName: EventType.TX_CONFIRMED,
+        eventCategory: 'transactions',
+        eventAction: 'Confirm transaction',
+        eventLabel: ANALYTICS_LABELS.SETTINGS_TYPES.ADD_OWNER,
+      }
+
+      mockCreateTxConfirmEvent.mockReturnValue(mockEventData)
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateTxConfirmEvent).toHaveBeenCalledWith(ANALYTICS_LABELS.SETTINGS_TYPES.ADD_OWNER)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockEventData)
+    })
+
+    it('should handle rejection transactions', () => {
+      const mockTransaction = {
+        txInfo: {
+          type: 'Custom',
+          to: { value: '0xContract' },
+          dataSize: '0',
+          value: '0',
+          isCancellation: true,
+        },
+        id: 'rejection_tx',
+        timestamp: Date.now(),
+        txStatus: 'SUCCESS',
+      }
+
+      const action: ActionWithPayload = {
+        type: 'rejection/fulfilled',
+        payload: mockTransaction,
+      }
+
+      const mockEventData = {
+        eventName: EventType.TX_CONFIRMED,
+        eventCategory: 'transactions',
+        eventAction: 'Confirm transaction',
+        eventLabel: ANALYTICS_LABELS.ENHANCED.rejection,
+      }
+
+      mockCreateTxConfirmEvent.mockReturnValue(mockEventData)
+
+      strategy.execute(mockStore, action)
+
+      expect(mockCreateTxConfirmEvent).toHaveBeenCalledWith(ANALYTICS_LABELS.ENHANCED.rejection)
+      expect(mockTrackEvent).toHaveBeenCalledWith(mockEventData)
+    })
+  })
+})
diff --git a/apps/mobile/src/store/middleware/analytics/strategies/index.ts b/apps/mobile/src/store/middleware/analytics/strategies/index.ts
new file mode 100644
index 000000000..65447c4b4
--- /dev/null
+++ b/apps/mobile/src/store/middleware/analytics/strategies/index.ts
@@ -0,0 +1,2 @@
+export * from '@/src/store/middleware/analytics/strategies/TransactionConfirmationStrategy'
+export * from '@/src/store/middleware/analytics/strategies/SafeViewedStrategy'
diff --git a/apps/mobile/src/store/middleware/notificationSync.ts b/apps/mobile/src/store/middleware/notificationSync.ts
new file mode 100644
index 000000000..f46a3a2c8
--- /dev/null
+++ b/apps/mobile/src/store/middleware/notificationSync.ts
@@ -0,0 +1,30 @@
+import type { Middleware } from '@reduxjs/toolkit'
+import { syncNotificationExtensionData } from '@/src/services/notifications/store-sync/sync'
+import { apiSliceWithChainsConfig } from '@safe-global/store/gateway/chains'
+import { addressBookSlice } from '@/src/store/addressBookSlice'
+import type { AppStore } from '@/src/store'
+
+const notificationSyncMiddleware: Middleware = (store) => (next) => (action) => {
+  const result = next(action)
+
+  if (shouldSyncNotificationData(action)) {
+    syncNotificationExtensionData(store as AppStore)
+  }
+
+  return result
+}
+
+function shouldSyncNotificationData(action: unknown): boolean {
+  return (
+    // AddressBook slice actions that modify contacts data
+    addressBookSlice.actions.addContact.match(action) ||
+    addressBookSlice.actions.removeContact.match(action) ||
+    addressBookSlice.actions.updateContact.match(action) ||
+    addressBookSlice.actions.addContacts.match(action) ||
+    addressBookSlice.actions.upsertContact.match(action) ||
+    // Chain configuration from RTK Query
+    apiSliceWithChainsConfig.endpoints.getChainsConfig.matchFulfilled(action)
+  )
+}
+
+export default notificationSyncMiddleware
diff --git a/apps/mobile/src/store/middleware/notifications.ts b/apps/mobile/src/store/middleware/notifications.ts
new file mode 100644
index 000000000..bdd0a8ec4
--- /dev/null
+++ b/apps/mobile/src/store/middleware/notifications.ts
@@ -0,0 +1,18 @@
+import type { Middleware, AnyAction } from '@reduxjs/toolkit'
+import type { RootState } from '@/src/store'
+import { NotificationStrategyManager } from '@/src/store/middleware/notifications/NotificationStrategyManager'
+
+const strategyManager = new NotificationStrategyManager()
+
+const notificationsMiddleware: Middleware = (store) => (next) => (action) => {
+  const typedAction = action as AnyAction
+  const prevState = store.getState() as RootState
+
+  const result = next(typedAction)
+
+  strategyManager.executeStrategy(store, typedAction, prevState)
+
+  return result
+}
+
+export default notificationsMiddleware
diff --git a/apps/mobile/src/store/middleware/notifications/NotificationStrategyManager.ts b/apps/mobile/src/store/middleware/notifications/NotificationStrategyManager.ts
new file mode 100644
index 000000000..45ab7e6e4
--- /dev/null
+++ b/apps/mobile/src/store/middleware/notifications/NotificationStrategyManager.ts
@@ -0,0 +1,26 @@
+import { MiddlewareAPI, Dispatch } from 'redux'
+import { RootState } from '@/src/store'
+import { addSafe, removeSafe } from '@/src/store/safesSlice'
+import { addDelegate } from '@/src/store/delegatesSlice'
+import { toggleAppNotifications } from '@/src/store/notificationsSlice'
+import { StrategyManager } from '@/src/store/utils/strategy/StrategyManager'
+import {
+  AddSafeStrategy,
+  RemoveSafeStrategy,
+  AddDelegateStrategy,
+  ToggleAppNotificationsStrategy,
+} from '@/src/store/middleware/notifications/strategies'
+
+export class NotificationStrategyManager extends StrategyManager<RootState, MiddlewareAPI<Dispatch, RootState>> {
+  constructor() {
+    super()
+    this.registerDefaultStrategies()
+  }
+
+  private registerDefaultStrategies(): void {
+    this.registerStrategy(addSafe.type, new AddSafeStrategy())
+    this.registerStrategy(removeSafe.type, new RemoveSafeStrategy())
+    this.registerStrategy(addDelegate.type, new AddDelegateStrategy())
+    this.registerStrategy(toggleAppNotifications.type, new ToggleAppNotificationsStrategy())
+  }
+}
diff --git a/apps/mobile/src/store/middleware/notifications/strategies/AddDelegateStrategy.ts b/apps/mobile/src/store/middleware/notifications/strategies/AddDelegateStrategy.ts
new file mode 100644
index 000000000..b378452a5
--- /dev/null
+++ b/apps/mobile/src/store/middleware/notifications/strategies/AddDelegateStrategy.ts
@@ -0,0 +1,42 @@
+import { AnyAction } from '@reduxjs/toolkit'
+import { RootState } from '@/src/store'
+import { MiddlewareAPI, Dispatch } from 'redux'
+import { subscribeSafe } from '@/src/services/notifications/SubscriptionManager'
+import { selectAllChainsIds } from '@/src/store/chains'
+import { selectAllSafes } from '@/src/store/safesSlice'
+import { selectSafeSubscriptionStatus } from '@/src/store/safeSubscriptionsSlice'
+import { Strategy } from '@/src/store/utils/strategy/Strategy'
+
+export class AddDelegateStrategy implements Strategy<RootState, MiddlewareAPI<Dispatch, RootState>> {
+  execute(store: MiddlewareAPI<Dispatch, RootState>, action: AnyAction): void {
+    const { ownerAddress, delegateInfo } = action.payload
+    const notificationsEnabled = store.getState().notifications.isAppNotificationsEnabled
+
+    if (notificationsEnabled) {
+      const chainIds = selectAllChainsIds(store.getState())
+      const safes = selectAllSafes(store.getState())
+      const state = store.getState()
+
+      Object.entries(safes).forEach(([safeAddress, chainDeployments]) => {
+        // Get all owners across all chain deployments
+        const allOwners = new Set<string>()
+        Object.values(chainDeployments).forEach((deployment) => {
+          deployment.owners.forEach((owner) => allOwners.add(owner.value))
+        })
+
+        const isTargetSafe = delegateInfo.safe ? delegateInfo.safe === safeAddress : allOwners.has(ownerAddress)
+
+        if (isTargetSafe) {
+          // Only subscribe if the Safe is already subscribed for notifications on at least one chain
+          const isSafeSubscribedOnAnyChain = chainIds.some(
+            (chainId) => selectSafeSubscriptionStatus(state, safeAddress, chainId) !== false,
+          )
+
+          if (isSafeSubscribedOnAnyChain) {
+            subscribeSafe(store, safeAddress, chainIds)
+          }
+        }
+      })
+    }
+  }
+}
diff --git a/apps/mobile/src/store/middleware/notifications/strategies/AddSafeStrategy.ts b/apps/mobile/src/store/middleware/notifications/strategies/AddSafeStrategy.ts
new file mode 100644
index 000000000..788259ce7
--- /dev/null
+++ b/apps/mobile/src/store/middleware/notifications/strategies/AddSafeStrategy.ts
@@ -0,0 +1,17 @@
+import { AnyAction } from '@reduxjs/toolkit'
+import { RootState } from '@/src/store'
+import { MiddlewareAPI, Dispatch } from 'redux'
+import { subscribeSafe } from '@/src/services/notifications/SubscriptionManager'
+import { selectAllChainsIds } from '@/src/store/chains'
+import { Strategy } from '@/src/store/utils/strategy/Strategy'
+
+export class AddSafeStrategy implements Strategy<RootState, MiddlewareAPI<Dispatch, RootState>> {
+  execute(store: MiddlewareAPI<Dispatch, RootState>, action: AnyAction): void {
+    const { address } = action.payload
+    const notificationsEnabled = store.getState().notifications.isAppNotificationsEnabled
+    if (notificationsEnabled) {
+      const chainIds = selectAllChainsIds(store.getState())
+      subscribeSafe(store, address, chainIds)
+    }
+  }
+}
diff --git a/apps/mobile/src/store/middleware/notifications/strategies/RemoveSafeStrategy.ts b/apps/mobile/src/store/middleware/notifications/strategies/RemoveSafeStrategy.ts
new file mode 100644
index 000000000..dd13abc44
--- /dev/null
+++ b/apps/mobile/src/store/middleware/notifications/strategies/RemoveSafeStrategy.ts
@@ -0,0 +1,18 @@
+import { AnyAction } from '@reduxjs/toolkit'
+import { RootState } from '@/src/store'
+import { MiddlewareAPI, Dispatch } from 'redux'
+import { unsubscribeSafe } from '@/src/services/notifications/SubscriptionManager'
+import { selectAllChainsIds } from '@/src/store/chains'
+import { Strategy } from '@/src/store/utils/strategy/Strategy'
+
+export class RemoveSafeStrategy implements Strategy<RootState, MiddlewareAPI<Dispatch, RootState>> {
+  execute(store: MiddlewareAPI<Dispatch, RootState>, action: AnyAction, prevState: RootState): void {
+    const address = action.payload
+    const safeInfo = prevState.safes[address]
+    const chainIds = selectAllChainsIds(store.getState())
+
+    if (safeInfo) {
+      unsubscribeSafe(store, address, chainIds)
+    }
+  }
+}
diff --git a/apps/mobile/src/store/middleware/notifications/strategies/ToggleAppNotificationsStrategy.ts b/apps/mobile/src/store/middleware/notifications/strategies/ToggleAppNotificationsStrategy.ts
new file mode 100644
index 000000000..d628db140
--- /dev/null
+++ b/apps/mobile/src/store/middleware/notifications/strategies/ToggleAppNotificationsStrategy.ts
@@ -0,0 +1,30 @@
+import { AnyAction } from '@reduxjs/toolkit'
+import { RootState } from '@/src/store'
+import { MiddlewareAPI, Dispatch } from 'redux'
+import { subscribeSafe, unsubscribeSafe } from '@/src/services/notifications/SubscriptionManager'
+import { selectAllChainsIds } from '@/src/store/chains'
+import { selectAllSafes } from '@/src/store/safesSlice'
+import { Strategy } from '@/src/store/utils/strategy/Strategy'
+
+export class ToggleAppNotificationsStrategy implements Strategy<RootState, MiddlewareAPI<Dispatch, RootState>> {
+  execute(store: MiddlewareAPI<Dispatch, RootState>, _action: AnyAction, prevState: RootState): void {
+    const prevEnabled = prevState.notifications.isAppNotificationsEnabled
+    const nextEnabled = store.getState().notifications.isAppNotificationsEnabled
+
+    if (prevEnabled === nextEnabled) {
+      return
+    }
+
+    const safes = Object.values(selectAllSafes(store.getState()))
+    const chainIds = selectAllChainsIds(store.getState())
+
+    safes.forEach((safe) => {
+      const safeAddress = Object.values(safe)[0].address.value
+      if (nextEnabled) {
+        subscribeSafe(store, safeAddress, chainIds)
+      } else {
+        unsubscribeSafe(store, safeAddress, chainIds)
+      }
+    })
+  }
+}
diff --git a/apps/mobile/src/store/middleware/notifications/strategies/index.ts b/apps/mobile/src/store/middleware/notifications/strategies/index.ts
new file mode 100644
index 000000000..c9acf1df1
--- /dev/null
+++ b/apps/mobile/src/store/middleware/notifications/strategies/index.ts
@@ -0,0 +1,4 @@
+export * from './AddSafeStrategy'
+export * from './RemoveSafeStrategy'
+export * from './AddDelegateStrategy'
+export * from './ToggleAppNotificationsStrategy'
diff --git a/apps/mobile/src/store/myAccountsSlice.ts b/apps/mobile/src/store/myAccountsSlice.ts
new file mode 100644
index 000000000..9253acc50
--- /dev/null
+++ b/apps/mobile/src/store/myAccountsSlice.ts
@@ -0,0 +1,25 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { RootState } from '.'
+
+const initialState = {
+  isEdit: false,
+}
+
+const myAccountsSlice = createSlice({
+  name: 'myAccounts',
+  initialState,
+  reducers: {
+    toggleMode: (state) => {
+      state.isEdit = !state.isEdit
+    },
+    setEditMode: (state, action: PayloadAction<boolean>) => {
+      state.isEdit = action.payload
+    },
+  },
+})
+
+export const { toggleMode, setEditMode } = myAccountsSlice.actions
+
+export const selectMyAccountsMode = (state: RootState) => state.myAccounts.isEdit
+
+export default myAccountsSlice.reducer
diff --git a/apps/mobile/src/store/notificationsSlice.ts b/apps/mobile/src/store/notificationsSlice.ts
new file mode 100644
index 000000000..a81aca2af
--- /dev/null
+++ b/apps/mobile/src/store/notificationsSlice.ts
@@ -0,0 +1,66 @@
+import { createSlice } from '@reduxjs/toolkit'
+import { RootState } from '.'
+
+export interface NotificationsSliceItem {
+  isDeviceNotificationsEnabled: boolean
+  isAppNotificationsEnabled: boolean
+  fcmToken: string | null
+  remoteMessages: string[]
+  promptAttempts: number
+  lastTimePromptAttempted: number | null
+}
+
+const initialState: NotificationsSliceItem = {
+  isDeviceNotificationsEnabled: false,
+  isAppNotificationsEnabled: false,
+  fcmToken: null,
+  remoteMessages: [],
+  promptAttempts: 0,
+  lastTimePromptAttempted: null,
+}
+
+const notificationsSlice = createSlice({
+  name: 'notifications',
+  initialState,
+  reducers: {
+    toggleAppNotifications: (state, action) => {
+      state.isAppNotificationsEnabled = action.payload
+    },
+    toggleDeviceNotifications: (state, action) => {
+      state.isDeviceNotificationsEnabled = action.payload
+    },
+    savePushToken: (state, action) => {
+      state.fcmToken = action.payload
+    },
+    updateRemoteMessages: (state, action) => {
+      state.remoteMessages = action.payload
+    },
+    updatePromptAttempts: (state, action) => {
+      if (action.payload === 0) {
+        state.promptAttempts = 0
+      }
+      state.promptAttempts += 1
+    },
+    updateLastTimePromptAttempted: (state, action) => {
+      state.lastTimePromptAttempted = action.payload
+    },
+  },
+})
+
+export const {
+  toggleAppNotifications,
+  toggleDeviceNotifications,
+  savePushToken,
+  updateRemoteMessages,
+  updatePromptAttempts,
+  updateLastTimePromptAttempted,
+} = notificationsSlice.actions
+
+export const selectAppNotificationStatus = (state: RootState) => state.notifications.isAppNotificationsEnabled
+export const selectDeviceNotificationStatus = (state: RootState) => state.notifications.isDeviceNotificationsEnabled
+export const selectFCMToken = (state: RootState) => state.notifications.fcmToken
+export const selectRemoteMessages = (state: RootState) => state.notifications.remoteMessages
+export const selectPromptAttempts = (state: RootState) => state.notifications.promptAttempts
+export const selectLastTimePromptAttempted = (state: RootState) => state.notifications.lastTimePromptAttempted
+
+export default notificationsSlice.reducer
diff --git a/apps/mobile/src/store/safeSubscriptionsSlice.ts b/apps/mobile/src/store/safeSubscriptionsSlice.ts
new file mode 100644
index 000000000..2e5a631ea
--- /dev/null
+++ b/apps/mobile/src/store/safeSubscriptionsSlice.ts
@@ -0,0 +1,36 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { RootState } from '.'
+
+type SafeAddress = string
+type ChainId = string
+
+export type SafeSubscriptionsState = Record<SafeAddress, Record<ChainId, boolean>>
+
+const initialState: SafeSubscriptionsState = {}
+
+const safeSubscriptionsSlice = createSlice({
+  name: 'safeSubscriptions',
+  initialState,
+  reducers: {
+    setSafeSubscriptionStatus: (
+      state,
+      action: PayloadAction<{ safeAddress: string; chainId: string; subscribed: boolean }>,
+    ) => {
+      const { safeAddress, chainId, subscribed } = action.payload
+      if (!state[safeAddress]) {
+        state[safeAddress] = {}
+      }
+      state[safeAddress][chainId] = subscribed
+    },
+  },
+})
+
+export const { setSafeSubscriptionStatus } = safeSubscriptionsSlice.actions
+
+export const selectSafeSubscriptionStatus = (
+  state: RootState,
+  safeAddress: string,
+  chainId: string,
+): boolean | undefined => state.safeSubscriptions[safeAddress]?.[chainId]
+
+export default safeSubscriptionsSlice.reducer
diff --git a/apps/mobile/src/store/safesSlice.ts b/apps/mobile/src/store/safesSlice.ts
new file mode 100644
index 000000000..a7af2d6b0
--- /dev/null
+++ b/apps/mobile/src/store/safesSlice.ts
@@ -0,0 +1,81 @@
+import { createSelector, createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { RootState } from '.'
+import { Address } from '@/src/types/address'
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { additionalSafesRtkApi } from '@safe-global/store/gateway/safes'
+
+export type SafesSliceItem = Record<string, SafeOverview>
+export type SafesSlice = Record<Address, SafesSliceItem>
+
+const initialState: SafesSlice = {}
+
+const safesSlice = createSlice({
+  name: 'safes',
+  initialState,
+  reducers: {
+    addSafe: (state, action: PayloadAction<{ address: Address; info: SafesSliceItem }>) => {
+      state[action.payload.address] = action.payload.info
+    },
+    updateSafeInfo: (state, action: PayloadAction<{ address: Address; chainId: string; info: SafeOverview }>) => {
+      if (!state[action.payload.address]) {
+        state[action.payload.address] = {}
+      }
+      state[action.payload.address][action.payload.chainId] = action.payload.info
+    },
+    setSafes: (_state, action: PayloadAction<SafesSlice>) => {
+      return action.payload
+    },
+    removeSafe: (state, action: PayloadAction<Address>) => {
+      // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+      delete state[action.payload]
+    },
+  },
+  extraReducers: (builder) => {
+    builder.addMatcher(additionalSafesRtkApi.endpoints.safesGetOverviewForMany.matchFulfilled, (state, action) => {
+      const data = action.payload
+      if (!data?.length) {
+        return
+      }
+
+      // Process each safe in the response individually
+      for (const safeOverview of data) {
+        const address = safeOverview.address.value as Address
+
+        if (!state[address]) {
+          continue // Skip if safe doesn't exist in state
+        }
+
+        const current = state[address] || {}
+        // Update the specific chain for this safe
+        state[address] = {
+          ...current,
+          [safeOverview.chainId]: safeOverview,
+        }
+      }
+    })
+  },
+})
+
+export const { addSafe, updateSafeInfo, setSafes, removeSafe } = safesSlice.actions
+
+export const selectAllSafes = (state: RootState) => state.safes
+export const selectSafeInfo = createSelector(
+  [selectAllSafes, (_state, address: Address) => address],
+  (safes: SafesSlice, address: Address): SafesSliceItem | undefined => safes[address],
+)
+
+export const selectSafeChains = createSelector([selectSafeInfo], (safe): string[] => (safe ? Object.keys(safe) : []))
+
+export const selectSafeFiatTotal = createSelector([selectSafeInfo], (safe) => {
+  if (!safe) {
+    return '0'
+  }
+  const total = Object.values(safe).reduce((sum, info) => sum + parseFloat(info.fiatTotal), 0)
+  return total.toString()
+})
+
+export const selectTotalSafeCount = createSelector([selectAllSafes], (safes): number => {
+  return Object.keys(safes).length
+})
+
+export default safesSlice.reducer
diff --git a/apps/mobile/src/store/settingsSlice.ts b/apps/mobile/src/store/settingsSlice.ts
new file mode 100644
index 000000000..2fc8f212d
--- /dev/null
+++ b/apps/mobile/src/store/settingsSlice.ts
@@ -0,0 +1,72 @@
+import { ThemePreference } from '@/src/types/theme'
+import { createSelector, createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { RootState } from '.'
+import merge from 'lodash/merge'
+
+import type { EnvState } from '@safe-global/store/settingsSlice'
+
+export interface SettingsState {
+  onboardingVersionSeen: string
+  themePreference: ThemePreference
+  currency: string
+  env: EnvState
+}
+
+const initialState: SettingsState = {
+  onboardingVersionSeen: '',
+  themePreference: 'auto' as ThemePreference,
+  currency: 'usd',
+  env: {
+    rpc: {},
+    tenderly: {
+      url: '',
+      accessToken: '',
+    },
+  },
+}
+
+const settingsSlice = createSlice({
+  name: 'settings',
+  initialState,
+  reducers: {
+    updateSettings(state, action: PayloadAction<Partial<SettingsState>>) {
+      return { ...state, ...action.payload }
+    },
+    resetSettings() {
+      return initialState
+    },
+    setCurrency: (state, { payload }: PayloadAction<SettingsState['currency']>) => {
+      state.currency = payload
+    },
+    setRpc: (state, { payload }: PayloadAction<{ chainId: string; rpc: string }>) => {
+      const { chainId, rpc } = payload
+      if (rpc) {
+        state.env.rpc[chainId] = rpc
+      } else {
+        const { [chainId]: _, ...rest } = state.env.rpc
+        state.env.rpc = rest
+      }
+    },
+    setTenderly: (state, { payload }: PayloadAction<EnvState['tenderly']>) => {
+      state.env.tenderly = merge({}, state.env.tenderly, payload)
+    },
+  },
+})
+
+export const selectSettings = (state: RootState, setting: keyof SettingsState) => state.settings[setting]
+
+export const selectSettingsState = (state: RootState) => state.settings
+
+export const selectCurrency = createSelector(
+  selectSettingsState,
+  (settings) => settings.currency || initialState.currency,
+)
+
+export const selectRpc = createSelector(selectSettingsState, (settings) => {
+  return settings?.env?.rpc
+})
+
+export const selectTenderly = createSelector(selectSettingsState, (settings) => settings?.env?.tenderly)
+
+export const { updateSettings, resetSettings, setCurrency } = settingsSlice.actions
+export default settingsSlice.reducer
diff --git a/apps/mobile/src/store/signersBalance.ts b/apps/mobile/src/store/signersBalance.ts
new file mode 100644
index 000000000..b7e3b5e8b
--- /dev/null
+++ b/apps/mobile/src/store/signersBalance.ts
@@ -0,0 +1,44 @@
+import { createApi } from '@reduxjs/toolkit/query/react'
+import { createWeb3ReadOnly } from '../services/web3'
+import { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+const noopBaseQuery = async () => ({ data: null })
+
+const createBadRequestError = (message: string) => ({
+  error: { status: 400, statusText: 'Bad Request', data: message },
+})
+
+export const web3API = createApi({
+  reducerPath: 'web3API',
+  baseQuery: noopBaseQuery,
+  endpoints: (builder) => ({
+    getBalances: builder.query<Record<string, string>, { addresses: string[]; chain: ChainInfo }>({
+      async queryFn({ addresses, chain }) {
+        try {
+          const provider = createWeb3ReadOnly(chain)
+
+          if (!provider) {
+            return createBadRequestError('Failed to create web3 provider')
+          }
+
+          const balances = await Promise.all(
+            addresses.map(async (address) => {
+              const balance = await provider.getBalance(address)
+              return [address, balance.toString()]
+            }),
+          )
+
+          return { data: Object.fromEntries(balances) }
+        } catch (error) {
+          return createBadRequestError(
+            `Failed to fetch balances: ${error instanceof Error ? error.message : 'Unknown error'}`,
+          )
+        }
+      },
+    }),
+  }),
+})
+
+// Export hooks for usage in functional components, which are
+// auto-generated based on the defined endpoints
+export const { useGetBalancesQuery } = web3API
diff --git a/apps/mobile/src/store/signersSlice.ts b/apps/mobile/src/store/signersSlice.ts
new file mode 100644
index 000000000..f6c2b4009
--- /dev/null
+++ b/apps/mobile/src/store/signersSlice.ts
@@ -0,0 +1,48 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+import { AppDispatch, RootState } from '.'
+import { setActiveSigner } from './activeSignerSlice'
+
+const initialState: Record<string, AddressInfo> = {}
+
+const signersSlice = createSlice({
+  name: 'signers',
+  initialState,
+  reducers: {
+    addSigner: (state, action: PayloadAction<AddressInfo>) => {
+      state[action.payload.value] = action.payload
+
+      return state
+    },
+    removeSigner: (state, action: PayloadAction<string>) => {
+      const { [action.payload]: _, ...newState } = state
+      return newState
+    },
+  },
+})
+
+export const addSignerWithEffects =
+  (signerInfo: AddressInfo) => async (dispatch: AppDispatch, getState: () => RootState) => {
+    const { activeSafe, activeSigner } = getState()
+
+    dispatch(addSigner(signerInfo))
+
+    if (activeSafe && !activeSigner[activeSafe.address]) {
+      dispatch(setActiveSigner({ safeAddress: activeSafe.address, signer: signerInfo }))
+    }
+  }
+
+export const { addSigner, removeSigner } = signersSlice.actions
+
+export const selectSigners = (state: RootState) => state.signers
+
+export const selectSignersByAddress = (state: RootState) => state.signers
+
+export const selectSignerHasPrivateKey = (address: string) => (state: RootState) => {
+  return !!state.signers[address]
+}
+
+export const selectTotalSignerCount = (state: RootState) => Object.keys(state.signers).length
+
+export default signersSlice.reducer
diff --git a/apps/mobile/src/store/storage.ts b/apps/mobile/src/store/storage.ts
new file mode 100644
index 000000000..46355f55c
--- /dev/null
+++ b/apps/mobile/src/store/storage.ts
@@ -0,0 +1,69 @@
+/* eslint-disable @typescript-eslint/no-extraneous-class */
+import { Storage } from 'redux-persist'
+import { MMKV } from 'react-native-mmkv'
+import { mapStorageTypeToIds, STORAGE_IDS, STORAGE_TYPES } from './constants'
+
+const safeStorage = new MMKV({
+  id: STORAGE_IDS.SAFE,
+})
+
+export const reduxStorage: Storage = {
+  setItem: (key, value) => {
+    safeStorage.set(key, value)
+    return Promise.resolve(true)
+  },
+  getItem: (key) => {
+    const value = safeStorage.getString(key)
+    return Promise.resolve(value)
+  },
+  removeItem: (key) => {
+    safeStorage.delete(key)
+    return Promise.resolve()
+  },
+}
+
+export class safeMMKVStorage {
+  static getLocal(key: STORAGE_IDS) {
+    if (!key) {
+      return
+    }
+
+    const keyType = mapStorageTypeToIds(key)
+
+    switch (keyType) {
+      case STORAGE_TYPES.STRING:
+        return safeStorage.getString(key)
+      case STORAGE_TYPES.NUMBER:
+        return safeStorage.getNumber(key)
+      case STORAGE_TYPES.BOOLEAN:
+        return safeStorage.getBoolean(key)
+      case STORAGE_TYPES.OBJECT:
+        return JSON.parse(safeStorage.getString(key) || '{}')
+      default:
+        return safeStorage.getString(key)
+    }
+  }
+
+  static saveLocal(key: string, value: string | number | boolean | ArrayBuffer) {
+    if (!key) {
+      return
+    }
+    const valueType = typeof value
+
+    if (valueType === 'object') {
+      return safeStorage.set(key, JSON.stringify(value))
+    }
+
+    return safeStorage.set(key, value)
+  }
+
+  static clearAllStorages() {
+    Object.keys(STORAGE_IDS).forEach((id) => {
+      const storage = new MMKV({ id })
+      storage.clearAll()
+    })
+
+    const defaultStorage = new MMKV()
+    defaultStorage.clearAll()
+  }
+}
diff --git a/apps/mobile/src/store/txHistorySlice.ts b/apps/mobile/src/store/txHistorySlice.ts
new file mode 100644
index 000000000..f64b20408
--- /dev/null
+++ b/apps/mobile/src/store/txHistorySlice.ts
@@ -0,0 +1,23 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { RootState } from '.'
+import { TransactionItemPage } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+const initialState: TransactionItemPage = { results: [] }
+
+const txHistorySlice = createSlice({
+  name: 'txHistory',
+  initialState,
+  reducers: {
+    // TODO: this will be removed in the next task
+    // it is here just to test the action
+    addTx: (state, action: PayloadAction<{ item: TransactionItemPage['results'][number] }>) => {
+      state.results.push(action.payload.item)
+    },
+  },
+})
+
+export const { addTx } = txHistorySlice.actions
+
+export const txHistorySelector = (state: RootState) => state.txHistory
+
+export default txHistorySlice.reducer
diff --git a/apps/mobile/src/store/utils/cookieHandling.test.ts b/apps/mobile/src/store/utils/cookieHandling.test.ts
new file mode 100644
index 000000000..16adf1dad
--- /dev/null
+++ b/apps/mobile/src/store/utils/cookieHandling.test.ts
@@ -0,0 +1,253 @@
+import { isAuthVerifyEndpoint, parseCookies, formatCookieHeader } from './cookieHandling'
+
+describe('isAuthVerifyEndpoint', () => {
+  it('returns true for URLs containing /v1/auth/verify', () => {
+    expect(isAuthVerifyEndpoint('https://example.com/v1/auth/verify')).toBe(true)
+    expect(isAuthVerifyEndpoint('/v1/auth/verify')).toBe(true)
+    expect(isAuthVerifyEndpoint('/v1/auth/verify?token=abc123')).toBe(true)
+  })
+
+  it('returns false for URLs not containing /v1/auth/verify', () => {
+    expect(isAuthVerifyEndpoint('https://example.com/v1/auth')).toBe(false)
+    expect(isAuthVerifyEndpoint('/v1/auth/verified')).toBe(false)
+    expect(isAuthVerifyEndpoint('/auth/verify')).toBe(false)
+    expect(isAuthVerifyEndpoint('')).toBe(false)
+  })
+})
+
+describe('parseCookies', () => {
+  it('parses a single cookie correctly', () => {
+    const cookieString = 'sessionId=abc123'
+    expect(parseCookies(cookieString)).toEqual({ sessionId: 'abc123' })
+  })
+
+  it('parses a cookie with attributes correctly', () => {
+    const cookieString = 'sessionId=abc123; Path=/; HttpOnly'
+    expect(parseCookies(cookieString)).toEqual({ sessionId: 'abc123' })
+  })
+
+  it('parses multiple cookies correctly', () => {
+    const cookieString = 'sessionId=abc123, token=xyz456'
+    expect(parseCookies(cookieString)).toEqual({
+      sessionId: 'abc123',
+      token: 'xyz456',
+    })
+  })
+
+  it('parses multiple cookies with attributes correctly', () => {
+    const cookieString = 'sessionId=abc123; Path=/; HttpOnly, token=xyz456; Secure; SameSite=Strict'
+    expect(parseCookies(cookieString)).toEqual({
+      sessionId: 'abc123',
+      token: 'xyz456',
+    })
+  })
+
+  it('returns an empty object for invalid cookies', () => {
+    expect(parseCookies('')).toEqual({})
+    expect(parseCookies('invalid')).toEqual({})
+    expect(parseCookies('invalid=;')).toEqual({})
+  })
+})
+
+describe('formatCookieHeader', () => {
+  it('formats a single cookie correctly', () => {
+    const cookies = { sessionId: 'abc123' }
+    expect(formatCookieHeader(cookies)).toBe('sessionId=abc123')
+  })
+
+  it('formats multiple cookies correctly', () => {
+    const cookies = { sessionId: 'abc123', token: 'xyz456' }
+    expect(formatCookieHeader(cookies)).toBe('sessionId=abc123; token=xyz456')
+  })
+
+  it('returns empty string for empty cookie object', () => {
+    expect(formatCookieHeader({})).toBe('')
+  })
+})
+
+describe('Cookie Handling', () => {
+  beforeEach(() => {
+    jest.resetModules()
+    jest.doMock('@safe-global/store/gateway/cgwClient', () => {
+      const originalModule = jest.requireActual('@safe-global/store/gateway/cgwClient')
+      return {
+        __esModule: true,
+        ...originalModule,
+        isCredentialRoute: (url: string) => {
+          return url.includes('/api/')
+        },
+      }
+    })
+  })
+  describe('prepareCookieHeaders', () => {
+    it('adds cookies to credential routes', () => {
+      const { prepareCookieHeaders } = require('./cookieHandling')
+
+      const headers = new Headers()
+      const url = 'https://example.com/api/endpoint'
+      const cookieStorage = { sessionId: 'abc123', token: 'xyz456' }
+
+      const result = prepareCookieHeaders(headers, url, cookieStorage)
+      expect(result.get('Cookie')).toBe('sessionId=abc123; token=xyz456')
+    })
+
+    it('does not add cookies to non-credential routes', () => {
+      const { prepareCookieHeaders } = require('./cookieHandling')
+
+      const headers = new Headers()
+      const url = 'https://example.com/public'
+      const cookieStorage = { sessionId: 'abc123', token: 'xyz456' }
+
+      const result = prepareCookieHeaders(headers, url, cookieStorage)
+
+      expect(result.has('Cookie')).toBe(false)
+    })
+
+    it('does not add cookies to auth/verify endpoint even if it is a credential route', () => {
+      const { prepareCookieHeaders } = require('./cookieHandling')
+
+      const headers = new Headers()
+      const url = 'https://example.com/api/v1/auth/verify'
+      const cookieStorage = { sessionId: 'abc123', token: 'xyz456' }
+
+      const result = prepareCookieHeaders(headers, url, cookieStorage)
+
+      expect(result.has('Cookie')).toBe(false)
+    })
+
+    it('does not add cookies when cookie storage is empty', () => {
+      const { prepareCookieHeaders } = require('./cookieHandling')
+
+      const headers = new Headers()
+      const url = 'https://example.com/api/endpoint'
+      const cookieStorage = {}
+
+      const result = prepareCookieHeaders(headers, url, cookieStorage)
+
+      expect(result.has('Cookie')).toBe(false)
+    })
+
+    it('preserves existing headers', () => {
+      const { prepareCookieHeaders } = require('./cookieHandling')
+
+      const headers = new Headers()
+      headers.set('Content-Type', 'application/json')
+      headers.set('Authorization', 'Bearer token123')
+
+      const url = 'https://example.com/api/endpoint'
+      const cookieStorage = { sessionId: 'abc123' }
+
+      const result = prepareCookieHeaders(headers, url, cookieStorage)
+
+      expect(result.get('Content-Type')).toBe('application/json')
+      expect(result.get('Authorization')).toBe('Bearer token123')
+      expect(result.get('Cookie')).toBe('sessionId=abc123')
+    })
+  })
+
+  describe('handleCookieResponse', () => {
+    it('updates cookieStorage with cookies from credential routes', () => {
+      const { handleCookieResponse } = require('./cookieHandling')
+
+      const responseHeaders = new Headers()
+      responseHeaders.set('set-cookie', 'sessionId=abc123; Path=/; HttpOnly')
+      const response = { headers: responseHeaders } as Response
+
+      const url = 'https://example.com/api/endpoint'
+      const cookieStorage = {}
+
+      const result = handleCookieResponse(response, url, cookieStorage)
+
+      expect(result).toEqual({ sessionId: 'abc123' })
+    })
+
+    it('merges new cookies with existing ones from credential routes', () => {
+      const { handleCookieResponse } = require('./cookieHandling')
+
+      const responseHeaders = new Headers()
+      responseHeaders.set('set-cookie', 'token=xyz456; Path=/; HttpOnly')
+      const response = { headers: responseHeaders } as Response
+
+      const url = 'https://example.com/api/endpoint'
+      const cookieStorage = { sessionId: 'abc123' }
+
+      const result = handleCookieResponse(response, url, cookieStorage)
+
+      expect(result).toEqual({ sessionId: 'abc123', token: 'xyz456' })
+    })
+
+    it('updates existing cookies with new values from credential routes', () => {
+      const { handleCookieResponse } = require('./cookieHandling')
+
+      const responseHeaders = new Headers()
+      responseHeaders.set('set-cookie', 'sessionId=newvalue; Path=/; HttpOnly')
+      const response = { headers: responseHeaders } as Response
+
+      const url = 'https://example.com/api/endpoint'
+      const cookieStorage = { sessionId: 'oldvalue', token: 'xyz456' }
+
+      const result = handleCookieResponse(response, url, cookieStorage)
+
+      expect(result).toEqual({ sessionId: 'newvalue', token: 'xyz456' })
+    })
+
+    it('does not update cookieStorage from non-credential routes', () => {
+      const { handleCookieResponse } = require('./cookieHandling')
+
+      const responseHeaders = new Headers()
+      responseHeaders.set('set-cookie', 'sessionId=abc123; Path=/; HttpOnly')
+      const response = { headers: responseHeaders } as Response
+
+      const url = 'https://example.com/public'
+      const cookieStorage = { token: 'xyz456' }
+
+      const result = handleCookieResponse(response, url, cookieStorage)
+
+      expect(result).toEqual({ token: 'xyz456' })
+    })
+
+    it('handles responses without set-cookie headers', () => {
+      const { handleCookieResponse } = require('./cookieHandling')
+
+      const responseHeaders = new Headers()
+      const response = { headers: responseHeaders } as Response
+
+      const url = 'https://example.com/api/endpoint'
+      const cookieStorage = { sessionId: 'abc123', token: 'xyz456' }
+
+      const result = handleCookieResponse(response, url, cookieStorage)
+
+      expect(result).toEqual({ sessionId: 'abc123', token: 'xyz456' })
+    })
+
+    it('works with multiple cookies in set-cookie header', () => {
+      const { handleCookieResponse } = require('./cookieHandling')
+
+      const responseHeaders = new Headers()
+      responseHeaders.set('set-cookie', 'sessionId=abc123; Path=/; HttpOnly, token=xyz456; Secure; SameSite=Strict')
+      const response = { headers: responseHeaders } as Response
+
+      const url = 'https://example.com/api/endpoint'
+      const cookieStorage = {}
+
+      const result = handleCookieResponse(response, url, cookieStorage)
+
+      expect(result).toEqual({ sessionId: 'abc123', token: 'xyz456' })
+    })
+
+    it('handles empty cookieStorage correctly', () => {
+      const { handleCookieResponse } = require('./cookieHandling')
+
+      const responseHeaders = new Headers()
+      responseHeaders.set('set-cookie', 'sessionId=abc123; Path=/; HttpOnly')
+      const response = { headers: responseHeaders } as Response
+
+      const url = 'https://example.com/api/endpoint'
+      const cookieStorage = {}
+
+      const result = handleCookieResponse(response, url, cookieStorage)
+
+      expect(result).toEqual({ sessionId: 'abc123' })
+    })
+  })
+})
diff --git a/apps/mobile/src/store/utils/cookieHandling.ts b/apps/mobile/src/store/utils/cookieHandling.ts
new file mode 100644
index 000000000..084814d5c
--- /dev/null
+++ b/apps/mobile/src/store/utils/cookieHandling.ts
@@ -0,0 +1,103 @@
+import { setPrepareHeadersHook, setHandleResponseHook, isCredentialRoute } from '@safe-global/store/gateway/cgwClient'
+import { GATEWAY_URL } from '@/src/config/constants'
+import { isIpOrLocalhostUrl, isHttpsUrl } from '@/src/utils/url'
+// Store for parsed cookies
+export let cookies: Record<string, string> = {}
+
+// Check if the URL is the auth/verify endpoint
+// it's part of the auth endpoints, but it is the one that generates the cookie
+export function isAuthVerifyEndpoint(url: string): boolean {
+  return url.includes('/v1/auth/verify')
+}
+
+// Parse Set-Cookie header to extract cookie name-value pairs
+export const parseCookies = (cookieString: string): Record<string, string> => {
+  const result: Record<string, string> = {}
+  // Split multiple cookies if present
+  const cookieParts = cookieString.split(',').map((part) => part.trim())
+
+  for (const cookiePart of cookieParts) {
+    // The first part of the cookie string is the name=value, followed by attributes
+    const [nameValuePair] = cookiePart.split(';')
+
+    if (nameValuePair) {
+      const [name, value] = nameValuePair.split('=').map((part) => part.trim())
+      if (name && value) {
+        result[name] = value
+      }
+    }
+  }
+
+  return result
+}
+
+// Format cookies for the Cookie header
+export const formatCookieHeader = (cookieObj: Record<string, string>): string => {
+  return Object.entries(cookieObj)
+    .map(([name, value]) => `${name}=${value}`)
+    .join('; ')
+}
+
+// Prepare headers hook implementation - exported for testing
+export const prepareCookieHeaders = (
+  headers: Headers,
+  url: string,
+  cookieStorage: Record<string, string> = cookies,
+): Headers => {
+  // Add cookies to credential routes, but NOT to auth/verify endpoint
+  if (Object.keys(cookieStorage).length > 0 && isCredentialRoute(url) && !isAuthVerifyEndpoint(url)) {
+    const cookieHeader = formatCookieHeader(cookieStorage)
+    headers.set('Cookie', cookieHeader)
+  }
+  return headers
+}
+
+// Handle response hook implementation - exported for testing
+export const handleCookieResponse = (
+  response: Response,
+  url: string,
+  cookieStorage: Record<string, string> = cookies,
+): Record<string, string> => {
+  let updatedCookies = { ...cookieStorage }
+
+  // Save cookies from credential routes
+  if (isCredentialRoute(url)) {
+    const setCookieHeader = response.headers.get('set-cookie')
+    if (setCookieHeader) {
+      // Parse and store the cookies
+      const parsedCookies = parseCookies(setCookieHeader)
+      updatedCookies = { ...updatedCookies, ...parsedCookies }
+    }
+  }
+
+  return updatedCookies
+}
+
+/**
+ * Sets up mobile-specific cookie handling for API requests.
+ * This ensures cookies are properly stored and forwarded for credential routes.
+ */
+export const setupMobileCookieHandling = () => {
+  // When working locally, we sometimes run CGW and connect to it.
+  // This connection is not done over https and because of this
+  // we need to manually forward the cookie to our local server.
+  // In production, we don't need to do this because the connection is over https
+  // and the cookie is automatically attached to the request.
+  //
+  if (!isIpOrLocalhostUrl(GATEWAY_URL) || isHttpsUrl(GATEWAY_URL)) {
+    return
+  }
+
+  // Reset cookies object
+  cookies = {}
+
+  // Set up the custom header hook
+  setPrepareHeadersHook((headers, url) => {
+    return prepareCookieHeaders(headers, url, cookies)
+  })
+
+  // Set up the custom response hook
+  setHandleResponseHook((response, url) => {
+    cookies = handleCookieResponse(response, url, cookies)
+  })
+}
diff --git a/apps/mobile/src/store/utils/singletonStore.ts b/apps/mobile/src/store/utils/singletonStore.ts
new file mode 100644
index 000000000..4ad1f1651
--- /dev/null
+++ b/apps/mobile/src/store/utils/singletonStore.ts
@@ -0,0 +1,15 @@
+import { RootState, AppDispatch } from '@/src/store'
+
+type StoreLike = { dispatch: AppDispatch; getState: () => RootState }
+let store: StoreLike | undefined
+
+export const setBackendStore = (newStore: StoreLike): void => {
+  store = newStore
+}
+
+export const getStore = () => {
+  if (!store) {
+    throw new Error('Backend notification store not initialized')
+  }
+  return store
+}
diff --git a/apps/mobile/src/store/utils/strategy/Strategy.ts b/apps/mobile/src/store/utils/strategy/Strategy.ts
new file mode 100644
index 000000000..0715009c0
--- /dev/null
+++ b/apps/mobile/src/store/utils/strategy/Strategy.ts
@@ -0,0 +1,10 @@
+import { Action } from '@reduxjs/toolkit'
+import { MiddlewareAPI, Dispatch } from 'redux'
+
+export interface ActionWithPayload extends Action<string> {
+  payload?: unknown
+}
+
+export interface Strategy<TState, TStore extends MiddlewareAPI<Dispatch, TState> = MiddlewareAPI<Dispatch, TState>> {
+  execute(store: TStore, action: ActionWithPayload, prevState: TState): void
+}
diff --git a/apps/mobile/src/store/utils/strategy/StrategyManager.ts b/apps/mobile/src/store/utils/strategy/StrategyManager.ts
new file mode 100644
index 000000000..908560359
--- /dev/null
+++ b/apps/mobile/src/store/utils/strategy/StrategyManager.ts
@@ -0,0 +1,22 @@
+import { AnyAction } from '@reduxjs/toolkit'
+import { MiddlewareAPI, Dispatch } from 'redux'
+import { Strategy } from '@/src/store/utils/strategy/Strategy'
+
+export class StrategyManager<TState, TStore extends MiddlewareAPI<Dispatch, TState> = MiddlewareAPI<Dispatch, TState>> {
+  private strategies: Map<string, Strategy<TState, TStore>>
+
+  constructor() {
+    this.strategies = new Map()
+  }
+
+  protected registerStrategy(actionType: string, strategy: Strategy<TState, TStore>): void {
+    this.strategies.set(actionType, strategy)
+  }
+
+  public executeStrategy(store: TStore, action: AnyAction, prevState: TState): void {
+    const strategy = this.strategies.get(action.type)
+    if (strategy) {
+      strategy.execute(store, action, prevState)
+    }
+  }
+}
diff --git a/apps/mobile/src/tests/e2e-maestro/components/TestCtrls.e2e.tsx b/apps/mobile/src/tests/e2e-maestro/components/TestCtrls.e2e.tsx
new file mode 100644
index 000000000..a0e15472e
--- /dev/null
+++ b/apps/mobile/src/tests/e2e-maestro/components/TestCtrls.e2e.tsx
@@ -0,0 +1,66 @@
+import { LogBox, Pressable } from 'react-native'
+import { View } from 'tamagui'
+import { useDispatch } from 'react-redux'
+import { addSafe } from '@/src/store/safesSlice'
+import { setActiveSafe } from '@/src/store/activeSafeSlice'
+import { useRouter } from 'expo-router'
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { SafeInfo, Address } from '@/src/types/address'
+
+LogBox.ignoreAllLogs()
+
+const mockedActiveAccount: SafeInfo = {
+  address: '0x2f3e600a3F38b66aDcbe6530B191F2BE55c2Fbb6',
+  chainId: '11155111',
+}
+const mockedActiveSafeInfo: SafeOverview = {
+  address: { value: '0x2f3e600a3F38b66aDcbe6530B191F2BE55c2Fbb6', name: null, logoUri: null },
+  awaitingConfirmation: null,
+  chainId: mockedActiveAccount.chainId,
+  fiatTotal: '0',
+  owners: [
+    { value: '0x3336745b7EA628F5134Bd9d08aa68b4979fA3472', name: null, logoUri: null },
+    { value: '0x81BdB0a66065363F704A105D67D53d090aD14fec', name: null, logoUri: null },
+    { value: '0x4d5CF9E6df9a95F4c1F5398706cA27218add5949', name: null, logoUri: null },
+  ],
+  queued: 1,
+  threshold: 1,
+}
+
+/**
+ * This utility component is only included in the test simulator
+ * build. It gives some quick triggers which help improve the pace
+ * of the tests dramatically.
+ */
+
+const BTN = { height: 1, width: 1, backgroundColor: 'red' }
+
+export function TestCtrls() {
+  const dispatch = useDispatch()
+  const router = useRouter()
+  const onPressOnboardedAccount = async () => {
+    dispatch(
+      addSafe({
+        address: mockedActiveSafeInfo.address.value as Address,
+        info: { [mockedActiveSafeInfo.chainId]: mockedActiveSafeInfo },
+      }),
+    )
+    dispatch(setActiveSafe(mockedActiveAccount))
+    router.replace('/(tabs)')
+  }
+  const onPressTestOnboarding = async () => {
+    router.replace('/onboarding')
+  }
+
+  return (
+    <View position={'absolute'} top={100} right={0} zIndex={99999}>
+      <Pressable
+        testID="e2eOnboardedAccount"
+        onPress={onPressOnboardedAccount}
+        accessibilityRole="button"
+        style={BTN}
+      />
+      <Pressable testID="e2eTestOnboarding" onPress={onPressTestOnboarding} accessibilityRole="button" style={BTN} />
+    </View>
+  )
+}
diff --git a/apps/mobile/src/tests/e2e-maestro/components/TestCtrls.tsx b/apps/mobile/src/tests/e2e-maestro/components/TestCtrls.tsx
new file mode 100644
index 000000000..36fc48327
--- /dev/null
+++ b/apps/mobile/src/tests/e2e-maestro/components/TestCtrls.tsx
@@ -0,0 +1,3 @@
+export function TestCtrls() {
+  return null
+}
diff --git a/apps/mobile/src/tests/jest.setup.tsx b/apps/mobile/src/tests/jest.setup.tsx
new file mode 100644
index 000000000..b2ebe2d31
--- /dev/null
+++ b/apps/mobile/src/tests/jest.setup.tsx
@@ -0,0 +1,308 @@
+import React from 'react'
+
+import '@testing-library/react-native'
+import mockRNDeviceInfo from 'react-native-device-info/jest/react-native-device-info-mock'
+import mockSafeAreaContext from 'react-native-safe-area-context/jest/mock'
+
+import { server } from './server'
+
+jest.useFakeTimers()
+
+/**
+ *  This mock is necessary because useFonts is async and we get an error
+ *  Warning: An update to FontProvider inside a test was not wrapped in act(...)
+ */
+jest.mock('expo-font', () => ({
+  useFonts: () => [true],
+  isLoaded: () => true,
+}))
+
+jest.mock('@/src/navigation/useScrollableHeader', () => ({
+  useScrollableHeader: () => ({
+    handleScroll: jest.fn(),
+  }),
+}))
+
+jest.mock('react-native-mmkv', () => ({
+  MMKV: function () {
+    // @ts-ignore
+    this.getString = jest.fn()
+    // @ts-ignore
+    this.delete = jest.fn()
+    // @ts-ignore
+    this.set = jest.fn()
+  },
+}))
+
+// Mock Image.getSize globally as it's used by `useValidLogoUri`
+import { Image } from 'react-native'
+jest.spyOn(Image, 'getSize').mockImplementation((_uri, success) => {
+  if (typeof success === 'function') {
+    success(1, 1)
+  }
+})
+
+jest.mock('react-native-device-info', () => mockRNDeviceInfo)
+jest.mock('react-native-device-crypto', () => {
+  return {
+    getOrCreateAsymmetricKey: jest.fn(),
+    encrypt: jest.fn((_asymmetricKey: string, privateKey: string) => {
+      return Promise.resolve({
+        encryptedText: 'encryptedText',
+        iv: privateKey + '000',
+      })
+    }),
+    decrypt: jest.fn((_name, _password, iv) => Promise.resolve(iv.slice(0, -3))),
+  }
+})
+
+jest.mock('react-native-keychain', () => {
+  let password: string | null = null
+  return {
+    setGenericPassword: jest.fn((_user, newPassword: string) => {
+      password = newPassword
+
+      return Promise.resolve(password)
+    }),
+    getGenericPassword: jest.fn(() =>
+      Promise.resolve({
+        password,
+      }),
+    ),
+    resetGenericPassword: jest.fn(() => {
+      password = null
+      Promise.resolve(null)
+    }),
+    ACCESS_CONTROL: {
+      BIOMETRY_CURRENT_SET_OR_DEVICE_PASSCODE: 'BIOMETRY_CURRENT_SET_OR_DEVICE_PASSCODE',
+    },
+    ACCESSIBLE: {
+      WHEN_UNLOCKED_THIS_DEVICE_ONLY: 'WHEN_UNLOCKED_THIS_DEVICE_ONLY',
+    },
+  }
+})
+
+jest.mock('expo-splash-screen', () => ({
+  preventAutoHideAsync: jest.fn(),
+  setOptions: jest.fn(),
+  hideAsync: jest.fn(),
+}))
+
+jest.mock('redux-persist', () => {
+  const real = jest.requireActual('redux-persist')
+  return {
+    ...real,
+    persistReducer: jest.fn().mockImplementation((_, reducers) => reducers),
+  }
+})
+jest.mock('redux-devtools-expo-dev-plugin', () => ({
+  default: () => jest.fn(),
+}))
+
+jest.mock('@react-native-firebase/messaging', () => {
+  const module = () => {
+    return {
+      getToken: jest.fn(() => Promise.resolve('fcmToken')),
+      deleteToken: jest.fn(() => Promise.resolve()),
+      subscribeToTopic: jest.fn(),
+      unsubscribeFromTopic: jest.fn(),
+      hasPermission: jest.fn(() => Promise.resolve(module.AuthorizationStatus.AUTHORIZED)),
+      requestPermission: jest.fn(() => Promise.resolve(module.AuthorizationStatus.AUTHORIZED)),
+      setBackgroundMessageHandler: jest.fn(() => Promise.resolve()),
+      isDeviceRegisteredForRemoteMessages: jest.fn(() => Promise.resolve(false)),
+      registerDeviceForRemoteMessages: jest.fn(() => Promise.resolve('registered')),
+      unregisterDeviceForRemoteMessages: jest.fn(() => Promise.resolve('unregistered')),
+      onMessage: jest.fn(),
+      onTokenRefresh: jest.fn(),
+    }
+  }
+
+  module.AuthorizationStatus = {
+    NOT_DETERMINED: -1,
+    DENIED: 0,
+    AUTHORIZED: 1,
+    PROVISIONAL: 2,
+  }
+
+  return module
+})
+
+jest.mock('@notifee/react-native', () => {
+  const notifee = {
+    getInitialNotification: jest.fn().mockResolvedValue(null),
+    displayNotification: jest.fn().mockResolvedValue({}),
+    onForegroundEvent: jest.fn().mockReturnValue(jest.fn()),
+    onBackgroundEvent: jest.fn(),
+    createChannelGroup: jest.fn().mockResolvedValue('channel-group-id'),
+    createChannel: jest.fn().mockResolvedValue({}),
+  }
+
+  return {
+    ...jest.requireActual('@notifee/react-native/dist/types/Notification'),
+    __esModule: true,
+    default: notifee,
+    AndroidImportance: {
+      NONE: 0,
+      MIN: 1,
+      LOW: 2,
+      DEFAULT: 3,
+      HIGH: 4,
+    },
+    AndroidVisibility: {
+      SECRET: -1,
+      PRIVATE: 0,
+      PUBLIC: 1,
+    },
+  }
+})
+
+jest.mock('@gorhom/bottom-sheet', () => {
+  const reactNative = jest.requireActual('react-native')
+  const { useState, forwardRef, useImperativeHandle } = jest.requireActual('react')
+  const { View } = reactNative
+  const MockBottomSheetComponent = forwardRef(
+    (
+      {
+        children,
+        backdropComponent: Backdrop,
+        backgroundComponent: Background,
+      }: { backgroundComponent: React.FC<unknown>; backdropComponent: React.FC<unknown>; children: React.ReactNode },
+      ref: React.ForwardedRef<unknown>,
+    ) => {
+      const [isOpened, setIsOpened] = useState()
+
+      // Exposing some imperative methods to the parent.
+      useImperativeHandle(ref, () => ({
+        // Add methods here that can be accessed using the ref from parent
+        present: () => {
+          setIsOpened(true)
+        },
+        dismiss: () => {
+          setIsOpened(false)
+        },
+      }))
+
+      return isOpened ? (
+        <>
+          <Backdrop /> <Background />
+          {children}
+        </>
+      ) : null
+    },
+  )
+
+  MockBottomSheetComponent.displayName = 'MockBottomSheetComponent'
+
+  return {
+    __esModule: true,
+    default: View,
+    BottomSheetFooter: View,
+    BottomSheetFooterContainer: View,
+    BottomSheetModal: MockBottomSheetComponent,
+    BottomSheetModalProvider: View,
+    BottomSheetView: View,
+    useBottomSheetModal: () => ({
+      dismiss: () => {
+        return null
+      },
+    }),
+  }
+})
+
+jest.mock('@react-native-clipboard/clipboard', () => ({
+  setString: jest.fn(),
+  getString: jest.fn(),
+}))
+
+jest.mock('react-native-quick-crypto', () => ({
+  default: {
+    randomBytes: jest.fn((size) => Buffer.alloc(size)),
+    createHash: jest.fn(() => ({
+      update: jest.fn().mockReturnThis(),
+      digest: jest.fn(() => Buffer.from('mockedHash')),
+    })),
+    pbkdf2Sync: jest.fn(() => Buffer.alloc(32)),
+    createCipheriv: jest.fn(() => ({
+      update: jest.fn(() => Buffer.from([])),
+      final: jest.fn(() => Buffer.from([])),
+      getAuthTag: jest.fn(() => Buffer.alloc(16)),
+      setAuthTag: jest.fn(),
+    })),
+    createDecipheriv: jest.fn(() => ({
+      update: jest.fn(() => Buffer.from([])),
+      final: jest.fn(() => Buffer.from([])),
+      setAuthTag: jest.fn(),
+    })),
+  },
+  randomBytes: jest.fn((size) => Buffer.alloc(size)),
+  createHash: jest.fn(() => ({
+    update: jest.fn().mockReturnThis(),
+    digest: jest.fn(() => Buffer.from('mockedHash')),
+  })),
+  pbkdf2Sync: jest.fn(() => Buffer.alloc(32)),
+  createCipheriv: jest.fn(() => ({
+    update: jest.fn(() => Buffer.from([])),
+    final: jest.fn(() => Buffer.from([])),
+    getAuthTag: jest.fn(() => Buffer.alloc(16)),
+    setAuthTag: jest.fn(),
+  })),
+  createDecipheriv: jest.fn(() => ({
+    update: jest.fn(() => Buffer.from([])),
+    final: jest.fn(() => Buffer.from([])),
+    setAuthTag: jest.fn(),
+  })),
+}))
+
+jest.mock('react-native-safe-area-context', () => mockSafeAreaContext)
+
+jest.mock('@react-native-firebase/analytics', () => {
+  const mockAnalytics = {
+    logEvent: jest.fn(() => Promise.resolve()),
+    setAnalyticsCollectionEnabled: jest.fn(() => Promise.resolve()),
+    setUserId: jest.fn(() => Promise.resolve()),
+    setUserProperty: jest.fn(() => Promise.resolve()),
+    setUserProperties: jest.fn(() => Promise.resolve()),
+    resetAnalyticsData: jest.fn(() => Promise.resolve()),
+    setDefaultEventParameters: jest.fn(() => Promise.resolve()),
+    setSessionTimeoutDuration: jest.fn(() => Promise.resolve()),
+  }
+
+  return {
+    __esModule: true,
+    default: () => mockAnalytics,
+    getAnalytics: jest.fn(() => mockAnalytics),
+    firebase: {
+      analytics: jest.fn(() => mockAnalytics),
+    },
+  }
+})
+
+jest.mock('@react-native-firebase/crashlytics', () => {
+  const mockCrashlytics = {
+    crash: jest.fn(() => Promise.resolve()),
+    log: jest.fn(() => Promise.resolve()),
+    recordError: jest.fn(() => Promise.resolve()),
+    setAttribute: jest.fn(() => Promise.resolve()),
+    setAttributes: jest.fn(() => Promise.resolve()),
+    setUserId: jest.fn(() => Promise.resolve()),
+    setCrashlyticsCollectionEnabled: jest.fn(() => Promise.resolve()),
+    checkForUnsentReports: jest.fn(() => Promise.resolve(false)),
+    deleteUnsentReports: jest.fn(() => Promise.resolve()),
+    didCrashOnPreviousExecution: jest.fn(() => Promise.resolve(false)),
+    sendUnsentReports: jest.fn(() => Promise.resolve()),
+    setCustomKey: jest.fn(() => Promise.resolve()),
+  }
+
+  return {
+    __esModule: true,
+    default: () => mockCrashlytics,
+    getCrashlytics: jest.fn(() => mockCrashlytics),
+    firebase: {
+      crashlytics: jest.fn(() => mockCrashlytics),
+    },
+  }
+})
+
+beforeAll(() => server.listen())
+afterEach(() => server.resetHandlers())
+afterAll(() => server.close())
diff --git a/apps/mobile/src/tests/mocks.ts b/apps/mobile/src/tests/mocks.ts
new file mode 100644
index 000000000..26f60d3c3
--- /dev/null
+++ b/apps/mobile/src/tests/mocks.ts
@@ -0,0 +1,356 @@
+import {
+  PendingTransactionItems,
+  DetailedExecutionInfoType,
+  TransactionTokenType,
+  TransactionStatus,
+  TransactionInfoType,
+  TransferDirection,
+  ConflictType,
+  TransactionListItemType,
+  HistoryTransactionItems,
+} from '@safe-global/store/gateway/types'
+import {
+  TransferTransactionInfo,
+  SwapTransferTransactionInfo,
+  DateLabel,
+  TransactionQueuedItem,
+  LabelQueuedItem,
+  ConflictHeaderQueuedItem,
+  AddressInfo,
+  Transaction,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+export const mockBalanceData = {
+  items: [
+    {
+      tokenInfo: {
+        name: 'Ethereum',
+        symbol: 'ETH',
+        decimals: 18,
+        logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+      },
+      balance: '1000000000000000000',
+      fiatBalance: '2000',
+    },
+  ],
+}
+
+export const mockNFTData = {
+  count: 2,
+  next: null,
+  previous: null,
+  results: [
+    {
+      id: '1',
+      address: '0x123',
+      tokenName: 'Cool NFT',
+      tokenSymbol: 'CNFT',
+      logoUri: 'https://example.com/nft1.png',
+      name: 'NFT #1',
+      description: 'A cool NFT',
+      tokenId: '1',
+      uri: 'https://example.com/nft1.json',
+      imageUri: 'https://example.com/nft1.png',
+    },
+    {
+      id: '2',
+      address: '0x456',
+      tokenName: 'Another NFT',
+      tokenSymbol: 'ANFT',
+      logoUri: 'https://example.com/nft2.png',
+      name: 'NFT #2',
+      description: 'Another cool NFT',
+      tokenId: '2',
+      uri: 'https://example.com/nft2.json',
+      imageUri: 'https://example.com/nft2.png',
+    },
+  ],
+}
+export const fakeToken = {
+  address: '0x1111111111',
+  decimals: 18,
+  name: 'Ether',
+  logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+  symbol: 'ETH',
+  trusted: false,
+}
+export const fakeToken2 = {
+  address: '0x1111111111',
+  decimals: 18,
+  name: 'SafeToken',
+  logoUri: 'https://safe-transaction-assets.safe.global/tokens/logos/0x5aFE3855358E112B5647B952709E6165e1c1eEEe.png',
+  symbol: 'SAFE',
+  trusted: false,
+}
+export const mockERC20Transfer: TransferTransactionInfo = {
+  type: TransactionInfoType.TRANSFER,
+  sender: {
+    value: '0x000000',
+    name: 'something',
+  },
+  recipient: {
+    value: '0x0ab',
+    name: 'something',
+  },
+  transferInfo: {
+    type: TransactionTokenType.ERC20,
+    tokenAddress: '0x000000',
+    value: '50000000000000000',
+    tokenName: 'Nevinha',
+    logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+    tokenSymbol: 'NEV',
+    trusted: false,
+    decimals: 18,
+    imitation: true,
+  },
+  direction: TransferDirection.INCOMING,
+  humanDescription: 'a simple incoming transaction',
+}
+export const mockNFTTransfer: TransferTransactionInfo = {
+  type: TransactionInfoType.TRANSFER,
+  sender: {
+    value: '0x000000',
+    name: 'something',
+  },
+  recipient: {
+    value: '0x0ab',
+    name: 'something',
+  },
+  transferInfo: {
+    tokenId: '1',
+    type: TransactionTokenType.ERC721,
+    tokenAddress: '0x000000',
+    tokenName: 'My NFT',
+    tokenSymbol: 'NEV',
+  },
+  direction: TransferDirection.OUTGOING,
+  humanDescription: 'a simple incoming transaction',
+}
+export const mockSwapTransfer: SwapTransferTransactionInfo = {
+  type: TransactionInfoType.SWAP_TRANSFER,
+  sender: {
+    value: '0x000000',
+    name: 'something',
+  },
+  direction: TransferDirection.INCOMING,
+  recipient: {
+    value: '0x0ab',
+    name: 'something',
+  },
+  transferInfo: {
+    type: TransactionTokenType.ERC20,
+    tokenAddress: '0x000000',
+    value: '50000000000000000',
+    trusted: false,
+    imitation: true,
+  },
+  uid: '231',
+  humanDescription: 'here a human description',
+  status: 'fulfilled',
+  kind: 'buy',
+  orderClass: 'limit',
+  validUntil: 11902381293,
+  sellAmount: '50000000000000000',
+  buyAmount: '50000000000000000',
+  executedSellAmount: '50000000000000000',
+  executedBuyAmount: '50000000000000000',
+  executedFee: '1000000000000000',
+  executedFeeToken: fakeToken,
+  sellToken: fakeToken2,
+  buyToken: fakeToken,
+  explorerUrl: 'http://google.com',
+  receiver: '0xbob',
+  owner: '0xalice',
+}
+
+interface mockTransferWithInfoArgs {
+  type?: TransactionInfoType
+  direction?: TransferDirection
+  methodName?: string
+  actionCount?: number
+  isCancellation?: boolean
+  to?: AddressInfo
+  creator?: AddressInfo
+}
+
+export const mockTransferWithInfo = ({
+  type = TransactionInfoType.TRANSFER,
+  direction = TransferDirection.INCOMING,
+  methodName,
+  actionCount,
+  isCancellation,
+  to,
+  creator,
+}: mockTransferWithInfoArgs): Transaction['txInfo'] =>
+  ({
+    type,
+    sender: {
+      value: '0x000000',
+      name: 'something',
+    },
+    to,
+    creator,
+    methodName,
+    actionCount,
+    recipient: {
+      value: '0x0ab',
+      name: 'something',
+    },
+    transferInfo: {
+      type: TransactionTokenType.ERC20,
+      tokenAddress: '0x000000',
+      value: '100000',
+      trusted: false,
+      imitation: true,
+    },
+    dataDecoded: {
+      method: 'mockMethod',
+    },
+    isCancellation,
+    direction,
+    humanDescription: 'a simple incoming transaction',
+  }) as Transaction['txInfo']
+
+export const mockTransactionSummary: Transaction = {
+  id: 'id',
+  timestamp: 123123,
+  txStatus: TransactionStatus.SUCCESS,
+  txInfo: mockTransferWithInfo({ type: TransactionInfoType.TRANSFER }),
+  txHash: '0x0000000',
+  executionInfo: {
+    type: DetailedExecutionInfoType.MODULE,
+    address: {
+      value: '0x000000',
+      name: 'something',
+    },
+  },
+}
+
+export const mockHistoryPageItem = (type: 'TRANSACTION'): HistoryTransactionItems => {
+  return {
+    type,
+    transaction: mockTransactionSummary,
+    conflictType: ConflictType.NONE,
+  }
+}
+
+export const mockListItemByType = (type: TransactionListItemType): PendingTransactionItems | DateLabel => {
+  if (type === TransactionListItemType.DATE_LABEL) {
+    return {
+      type: TransactionListItemType.DATE_LABEL,
+      timestamp: 123123,
+    } as DateLabel
+  }
+
+  if (type === TransactionListItemType.LABEL) {
+    return {
+      type: TransactionListItemType.LABEL,
+      label: 'label',
+    } as LabelQueuedItem
+  }
+
+  if (type === TransactionListItemType.CONFLICT_HEADER) {
+    return {
+      type: TransactionListItemType.CONFLICT_HEADER,
+      nonce: 123,
+    } as ConflictHeaderQueuedItem
+  }
+
+  return {
+    type: TransactionListItemType.TRANSACTION,
+    transaction: mockTransactionSummary,
+    conflictType: ConflictType.NONE,
+  } as TransactionQueuedItem
+}
+
+export const mockTwapOrder = {
+  type: TransactionInfoType.TWAP_ORDER,
+  sender: {
+    value: '0x000000',
+    name: 'something',
+  },
+  direction: TransferDirection.INCOMING,
+  recipient: {
+    value: '0x0ab',
+    name: 'something',
+  },
+  transferInfo: {
+    type: TransactionTokenType.ERC20,
+    tokenAddress: '0x000000',
+    value: '50000000000000000',
+    trusted: false,
+    imitation: true,
+  },
+  uid: '232',
+  humanDescription: 'a twap order',
+  status: 'fulfilled',
+  kind: 'buy',
+  validUntil: 11902381293,
+  sellAmount: '50000000000000000',
+  buyAmount: '50000000000000000',
+  executedSellAmount: '50000000000000000',
+  executedBuyAmount: '50000000000000000',
+  executedFee: '1000000000000000',
+  executedFeeToken: fakeToken,
+  sellToken: fakeToken2,
+  buyToken: fakeToken,
+  explorerUrl: 'http://google.com',
+  receiver: '0xbob',
+  owner: '0xalice',
+}
+
+export const mockSwapOrder = {
+  type: TransactionInfoType.SWAP_ORDER,
+  sender: {
+    value: '0x000000',
+    name: 'something',
+  },
+  direction: TransferDirection.INCOMING,
+  recipient: {
+    value: '0x0ab',
+    name: 'something',
+  },
+  transferInfo: {
+    type: TransactionTokenType.ERC20,
+    tokenAddress: '0x000000',
+    value: '50000000000000000',
+    trusted: false,
+    imitation: true,
+  },
+  uid: '233',
+  humanDescription: 'a swap order',
+  status: 'fulfilled',
+  kind: 'buy',
+  fullAppData: {
+    metadata: {
+      orderClass: {
+        orderClass: 'market',
+      },
+    },
+  },
+  validUntil: 11902381293,
+  sellAmount: '50000000000000000',
+  buyAmount: '50000000000000000',
+  executedSellAmount: '50000000000000000',
+  executedBuyAmount: '50000000000000000',
+  executedFee: '1000000000000000',
+  executedFeeToken: fakeToken,
+  sellToken: fakeToken2,
+  buyToken: fakeToken,
+  explorerUrl: 'http://google.com',
+  receiver: '0xbob',
+  owner: '0xalice',
+}
+
+export const mockLimitOrder = {
+  ...mockSwapOrder,
+  uid: '234',
+  humanDescription: 'a limit order',
+  fullAppData: {
+    metadata: {
+      orderClass: {
+        orderClass: 'limit',
+      },
+    },
+  },
+}
diff --git a/apps/mobile/src/tests/server.ts b/apps/mobile/src/tests/server.ts
new file mode 100644
index 000000000..809d23562
--- /dev/null
+++ b/apps/mobile/src/tests/server.ts
@@ -0,0 +1,5 @@
+import { setupServer } from 'msw/node'
+import { handlers } from '@safe-global/test/msw/handlers'
+import { GATEWAY_URL } from '@/src/config/constants'
+
+export const server = setupServer(...handlers(GATEWAY_URL))
diff --git a/apps/mobile/src/tests/test-utils.tsx b/apps/mobile/src/tests/test-utils.tsx
new file mode 100644
index 000000000..cc1662489
--- /dev/null
+++ b/apps/mobile/src/tests/test-utils.tsx
@@ -0,0 +1,96 @@
+import { render as nativeRender, renderHook } from '@testing-library/react-native'
+import { SafeThemeProvider } from '@/src/theme/provider/safeTheme'
+import { Provider } from 'react-redux'
+import { makeStore, rootReducer } from '../store'
+import { PortalProvider } from 'tamagui'
+import { BottomSheetModalProvider } from '@gorhom/bottom-sheet'
+import { configureStore } from '@reduxjs/toolkit'
+import { FLUSH, PAUSE, PERSIST, PURGE, REGISTER, REHYDRATE } from 'redux-persist'
+import { cgwClient } from '@safe-global/store/gateway/cgwClient'
+import { web3API } from '@/src/store/signersBalance'
+import type { SettingsState } from '@/src/store/settingsSlice'
+
+export type RootState = ReturnType<typeof rootReducer>
+type getProvidersArgs = (initialStoreState?: Partial<RootState>) => React.FC<{ children: React.ReactNode }>
+
+// Default settings slice for tests
+const defaultSettings: SettingsState = {
+  onboardingVersionSeen: '',
+  themePreference: 'auto',
+  currency: 'usd',
+  env: {
+    rpc: {},
+    tenderly: {
+      url: '',
+      accessToken: '',
+    },
+  },
+}
+
+const getProviders: getProvidersArgs = (initialStoreState) =>
+  function ProviderComponent({ children }: { children: React.ReactNode }) {
+    // Inject default settings if not provided
+    const storeWithDefaults = initialStoreState
+      ? ({
+          ...initialStoreState,
+          settings: {
+            ...defaultSettings,
+            ...(initialStoreState.settings || {}),
+          },
+        } as Partial<RootState>)
+      : undefined
+    const store = storeWithDefaults
+      ? configureStore({
+          reducer: rootReducer,
+          middleware: (getDefaultMiddleware) =>
+            getDefaultMiddleware({
+              serializableCheck: {
+                ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
+              },
+            }).concat(cgwClient.middleware, web3API.middleware),
+          preloadedState: storeWithDefaults,
+        })
+      : makeStore()
+
+    return (
+      <BottomSheetModalProvider>
+        <PortalProvider shouldAddRootHost>
+          <Provider store={store}>
+            <SafeThemeProvider>{children}</SafeThemeProvider>
+          </Provider>
+        </PortalProvider>
+      </BottomSheetModalProvider>
+    )
+  }
+
+const customRender = (
+  ui: React.ReactElement,
+  {
+    initialStore,
+    wrapper: CustomWrapper,
+  }: {
+    initialStore?: Partial<RootState>
+    wrapper?: React.ComponentType<{ children: React.ReactNode }>
+  } = {},
+) => {
+  const Wrapper = getProviders(initialStore)
+
+  function WrapperWithCustom({ children }: { children: React.ReactNode }) {
+    return <Wrapper>{CustomWrapper ? <CustomWrapper>{children}</CustomWrapper> : children}</Wrapper>
+  }
+
+  return nativeRender(ui, { wrapper: WrapperWithCustom })
+}
+
+function customRenderHook<Result, Props>(render: (initialProps: Props) => Result, initialStore?: Partial<RootState>) {
+  const wrapper = getProviders(initialStore)
+
+  return renderHook(render, { wrapper })
+}
+
+// re-export everything
+export * from '@testing-library/react-native'
+
+// override render method
+export { customRender as render }
+export { customRenderHook as renderHook }
diff --git a/apps/mobile/src/theme/SafeStatusBar.tsx b/apps/mobile/src/theme/SafeStatusBar.tsx
new file mode 100644
index 000000000..1a9c16401
--- /dev/null
+++ b/apps/mobile/src/theme/SafeStatusBar.tsx
@@ -0,0 +1,29 @@
+import { StatusBar } from 'expo-status-bar'
+import { useSegments } from 'expo-router'
+import { useTheme } from '@/src/theme/hooks/useTheme'
+
+const DARK_SCREENS = [
+  'onboarding',
+  'enter-password',
+  'file-selection',
+  'help-import',
+  'import-error',
+  'import-progress',
+  'import-success',
+  'import-data',
+  'review-data',
+]
+
+export const SafeStatusBar = () => {
+  const { currentTheme } = useTheme()
+  const segments = useSegments()
+  const currentRoute = segments[segments.length - 1]
+
+  const isDarkScreen = DARK_SCREENS.includes(currentRoute)
+
+  if (isDarkScreen) {
+    return <StatusBar style="light" />
+  }
+
+  return <StatusBar style={currentTheme === 'dark' ? 'light' : 'dark'} />
+}
diff --git a/apps/mobile/src/theme/__tests__/SafeStatusBar.test.tsx b/apps/mobile/src/theme/__tests__/SafeStatusBar.test.tsx
new file mode 100644
index 000000000..c9286229a
--- /dev/null
+++ b/apps/mobile/src/theme/__tests__/SafeStatusBar.test.tsx
@@ -0,0 +1,44 @@
+import React from 'react'
+import { render } from '@testing-library/react-native'
+import { StatusBar } from 'expo-status-bar'
+import { SafeStatusBar } from '../SafeStatusBar'
+
+const mockUseTheme = jest.fn()
+jest.mock('@/src/theme/hooks/useTheme', () => ({
+  useTheme: () => ({ currentTheme: mockUseTheme() }),
+}))
+
+const mockUseSegments = jest.fn()
+jest.mock('expo-router', () => ({
+  useSegments: () => mockUseSegments(),
+}))
+
+describe('SafeStatusBar', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('renders light style for dark screens regardless of theme', () => {
+    mockUseTheme.mockReturnValue('dark')
+    mockUseSegments.mockReturnValue(['root', 'onboarding'])
+    const { UNSAFE_getByType } = render(<SafeStatusBar />)
+
+    expect(UNSAFE_getByType(StatusBar).props.style).toBe('light')
+  })
+
+  it('renders light style when theme is dark and not dark screen', () => {
+    mockUseTheme.mockReturnValue('dark')
+    mockUseSegments.mockReturnValue(['home'])
+    const { UNSAFE_getByType } = render(<SafeStatusBar />)
+
+    expect(UNSAFE_getByType(StatusBar).props.style).toBe('light')
+  })
+
+  it('renders dark style when theme is light and not dark screen', () => {
+    mockUseTheme.mockReturnValue('light')
+    mockUseSegments.mockReturnValue(['home'])
+    const { UNSAFE_getByType } = render(<SafeStatusBar />)
+
+    expect(UNSAFE_getByType(StatusBar).props.style).toBe('dark')
+  })
+})
diff --git a/apps/mobile/src/theme/helpers/tabBarStyles.ts b/apps/mobile/src/theme/helpers/tabBarStyles.ts
new file mode 100644
index 000000000..50487b5b6
--- /dev/null
+++ b/apps/mobile/src/theme/helpers/tabBarStyles.ts
@@ -0,0 +1,45 @@
+import { useTheme } from 'tamagui'
+import { TextStyle } from 'react-native'
+
+export interface TabBarStylesOptions {
+  theme: ReturnType<typeof useTheme>
+  tabBarItemWidth?: number
+  tabBarIndicatorWidth?: number
+  tabBarLabelFontSize?: number
+  tabBarLabelFontWeight?: TextStyle['fontWeight']
+  tabBarItemLeft?: number
+}
+
+export const getMaterialTopTabBarScreenOptions = ({
+  theme,
+  tabBarItemWidth = 104,
+  tabBarIndicatorWidth = 78,
+  tabBarLabelFontSize = 14,
+  tabBarLabelFontWeight = '600',
+  tabBarItemLeft = -6,
+}: TabBarStylesOptions) => ({
+  tabBarButtonTestID: 'tab-bar-buttons',
+  tabBarStyle: {
+    backgroundColor: 'transparent',
+    shadowColor: 'transparent',
+  },
+  tabBarItemStyle: {
+    backgroundColor: 'transparent',
+    shadowColor: 'transparent',
+    width: tabBarItemWidth,
+    alignSelf: 'center' as const,
+    borderBottomWidth: 0,
+    left: tabBarItemLeft,
+  },
+  tabBarIndicatorStyle: {
+    backgroundColor: theme?.color?.get(),
+    width: tabBarIndicatorWidth,
+    marginLeft: 16,
+    alignItems: 'center' as const,
+  },
+  tabBarLabelStyle: {
+    color: theme?.color?.get(),
+    fontSize: tabBarLabelFontSize,
+    fontWeight: tabBarLabelFontWeight,
+  } as TextStyle,
+})
diff --git a/apps/mobile/src/theme/helpers/utils.ts b/apps/mobile/src/theme/helpers/utils.ts
new file mode 100644
index 000000000..e7e6404e8
--- /dev/null
+++ b/apps/mobile/src/theme/helpers/utils.ts
@@ -0,0 +1,61 @@
+interface Palette {
+  [key: string]: string | Palette
+}
+
+type Flatten<
+  T extends Palette,
+  Prefix extends string = '',
+  Suffix extends string = '',
+  Depth extends number = 5, // Limit recursion depth
+> = [Depth] extends [never]
+  ? object
+  : T extends object
+    ? {
+        [K in keyof T as T[K] extends object
+          ? never
+          : Prefix extends ''
+            ? `${K & string}${Suffix}`
+            : `${Prefix}${Capitalize<K & string>}${Suffix}`]: T[K]
+      } & UnionToIntersection<
+        {
+          [K in keyof T]: T[K] extends object
+            ? Flatten<T[K], Prefix extends '' ? K & string : `${Prefix}${Capitalize<K & string>}`, Suffix, Prev[Depth]>
+            : object
+        }[keyof T]
+      >
+    : object
+
+type Prev = [never, 0, 1, 2, 3, 4, 5]
+
+type UnionToIntersection<U> = (U extends unknown ? (k: U) => void : never) extends (k: infer I) => void ? I : never
+
+export function flattenPalette<T extends Palette, Suffix extends string = ''>(
+  palette: T,
+  options?: { suffix?: Suffix },
+): Flatten<T, '', Suffix> {
+  const result = {} as Flatten<T, '', Suffix>
+  const suffix = (options?.suffix ?? '') as Suffix
+
+  function flatten(current: Palette, parentKey = ''): void {
+    for (const key in current) {
+      if (Object.prototype.hasOwnProperty.call(current, key)) {
+        const value = current[key]
+
+        const newKey = parentKey ? parentKey + key.charAt(0).toUpperCase() + key.slice(1) : key
+
+        if (typeof value === 'object' && value !== null) {
+          flatten(value as Palette, newKey)
+        } else {
+          ;(result as Flatten<T, '', Suffix>)[(newKey + suffix) as keyof Flatten<T, '', Suffix>] = value as Flatten<
+            T,
+            '',
+            Suffix
+          >[keyof Flatten<T, '', Suffix>]
+        }
+      }
+    }
+  }
+
+  flatten(palette)
+  return result
+}
diff --git a/apps/mobile/src/theme/hooks/useSafeAreaPaddingBottom.tsx b/apps/mobile/src/theme/hooks/useSafeAreaPaddingBottom.tsx
new file mode 100644
index 000000000..828dbda8a
--- /dev/null
+++ b/apps/mobile/src/theme/hooks/useSafeAreaPaddingBottom.tsx
@@ -0,0 +1,7 @@
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { getVariable } from 'tamagui'
+
+export const useSafeAreaPaddingBottom = (): number => {
+  const insets = useSafeAreaInsets()
+  return insets.bottom + insets.top + Number(getVariable('$4'))
+}
diff --git a/apps/mobile/src/theme/hooks/useTheme.tsx b/apps/mobile/src/theme/hooks/useTheme.tsx
new file mode 100644
index 000000000..555927d02
--- /dev/null
+++ b/apps/mobile/src/theme/hooks/useTheme.tsx
@@ -0,0 +1,43 @@
+import { useCallback, useEffect } from 'react'
+import { AppState, useColorScheme } from 'react-native'
+import { updateSettings } from '@/src/store/settingsSlice'
+import { selectSettings } from '@/src/store/settingsSlice'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { ThemePreference } from '@/src/types/theme'
+
+export const useTheme = () => {
+  const dispatch = useAppDispatch()
+  const colorScheme = useColorScheme()
+
+  const themePreference = useAppSelector(
+    (state) => selectSettings(state, 'themePreference') ?? 'auto',
+  ) as ThemePreference
+
+  const setThemePreference = useCallback(
+    (theme: ThemePreference) => {
+      dispatch(updateSettings({ themePreference: theme }))
+    },
+    [dispatch],
+  )
+
+  // Prevent theme from changing when the app is in the background
+  // Issue: https://github.com/facebook/react-native/issues/35972
+  // They closed but issue still exists. Check the link for more details.
+  useEffect(() => {
+    const subscription = AppState.addEventListener('change', (nextAppState) => {
+      if (nextAppState === 'active') {
+        dispatch(updateSettings({ themePreference }))
+      }
+    })
+
+    return () => {
+      subscription.remove()
+    }
+  }, [themePreference])
+
+  return {
+    themePreference,
+    setThemePreference,
+    currentTheme: themePreference === 'auto' ? colorScheme : themePreference,
+  }
+}
diff --git a/apps/mobile/src/theme/navigation.ts b/apps/mobile/src/theme/navigation.ts
new file mode 100644
index 000000000..4c69163ea
--- /dev/null
+++ b/apps/mobile/src/theme/navigation.ts
@@ -0,0 +1,28 @@
+import { getTokenValue } from 'tamagui'
+import type { Theme } from '@react-navigation/native'
+import { DarkTheme, DefaultTheme } from '@react-navigation/native'
+export const NavDarkTheme: Theme = {
+  ...DarkTheme,
+  dark: true,
+  colors: {
+    primary: getTokenValue('$color.primaryMainDark'),
+    background: getTokenValue('$color.backgroundMainDark'),
+    card: getTokenValue('$color.backgroundMainDark'),
+    text: getTokenValue('$color.textPrimaryDark'),
+    border: getTokenValue('$color.borderLightDark'),
+    notification: getTokenValue('$color.warningBackgroundDark'),
+  },
+}
+
+export const NavLightTheme: Theme = {
+  ...DefaultTheme,
+  dark: false,
+  colors: {
+    primary: getTokenValue('$color.primaryMainLight'),
+    background: getTokenValue('$color.backgroundMainLight'),
+    card: getTokenValue('$color.backgroundMainLight'),
+    text: getTokenValue('$color.textPrimaryLight'),
+    border: getTokenValue('$color.borderLightLight'),
+    notification: getTokenValue('$color.warningBackgroundLight'),
+  },
+}
diff --git a/apps/mobile/src/theme/palettes/darkPalette.ts b/apps/mobile/src/theme/palettes/darkPalette.ts
new file mode 100644
index 000000000..b601bece3
--- /dev/null
+++ b/apps/mobile/src/theme/palettes/darkPalette.ts
@@ -0,0 +1,78 @@
+const darkPalette = {
+  text: {
+    primary: '#FFFFFF',
+    secondary: '#636669',
+    disabled: '#636669',
+    contrast: '#000000',
+  },
+  primary: {
+    dark: '#0cb259',
+    main: '#12FF80',
+    light: '#A1A3A7',
+  },
+  secondary: {
+    dark: '#636669',
+    main: '#FFFFFF',
+    light: '#B0FFC9',
+    background: '#1B2A22',
+  },
+  border: {
+    main: '#636669',
+    light: '#303033',
+    background: '#121312',
+  },
+  error: {
+    dark: '#FFE0E6',
+    main: '#FF5F72',
+    light: '#4A2125',
+    background: '#4A2125',
+  },
+  error1: {
+    main: '#4A2125',
+    contrastText: '#FFE0E6',
+  },
+  success: {
+    dark: '#DEFDEA',
+    main: '#00B460',
+    light: '#3B7A54',
+    background: '#173026',
+  },
+  info: {
+    dark: '#D9F4FB',
+    main: '#00BFE5',
+    light: '#458898',
+    background: '#203339',
+  },
+  warning: {
+    dark: '#FFE4CB',
+    main: '#FF8C00',
+    light: '#A65F34',
+    background: '#4A3621',
+  },
+  warning1: {
+    main: '#4A3621',
+    text: '#FFE4CB',
+    contrastText: '#FF8C00',
+  },
+  background: {
+    default: '#121312',
+    main: '#121312',
+    paper: '#1C1C1C',
+    light: '#1B2A22',
+    secondary: '#303033',
+    skeleton: 'rgba(255, 255, 255, 0.04)',
+    disabled: '#7878801F',
+  },
+  backdrop: {
+    main: '#636669',
+  },
+  logo: {
+    main: '#FFFFFF',
+    background: '#303033',
+  },
+  static: {
+    main: '#121312',
+  },
+}
+
+export default darkPalette
diff --git a/apps/mobile/src/theme/palettes/lightPalette.ts b/apps/mobile/src/theme/palettes/lightPalette.ts
new file mode 100644
index 000000000..3c7f24549
--- /dev/null
+++ b/apps/mobile/src/theme/palettes/lightPalette.ts
@@ -0,0 +1,78 @@
+const lightPalette = {
+  text: {
+    primary: '#121312',
+    secondary: '#A1A3A7',
+    disabled: '#DDDEE0',
+    contrast: '#FFFFFF',
+  },
+  primary: {
+    dark: '#3c3c3c',
+    main: '#121312',
+    light: '#636669',
+  },
+  secondary: {
+    dark: '#0FDA6D',
+    main: '#12FF80',
+    light: '#B0FFC9',
+    background: '#EFFFF4',
+  },
+  border: {
+    main: '#A1A3A7',
+    light: '#DCDEE0',
+    background: '#F4F4F4',
+  },
+  error: {
+    dark: '#8A1C27',
+    main: '#FF5F72',
+    light: '#F79BA7',
+    background: '#FFE0E6',
+  },
+  error1: {
+    main: '#FFE0E6',
+    contrastText: '#8A1C27',
+  },
+  success: {
+    dark: '#1C5538',
+    main: '#00B460',
+    light: '#84D9A0',
+    background: '#CBF2DB',
+  },
+  info: {
+    dark: '#15566A',
+    main: '#00BFE5',
+    light: '#78D2E7',
+    background: '#CEF0FD',
+  },
+  warning: {
+    dark: '#6C2D19',
+    main: '#FF8C00',
+    light: '#F9B37C',
+    background: '#FFECC2',
+  },
+  warning1: {
+    main: '#FFECC2',
+    text: '#6C2D19',
+    contrastText: '#FF8C00',
+  },
+  background: {
+    default: '#FFFFFF',
+    main: '#F4F4F4',
+    paper: '#F4F4F4',
+    light: '#EFFFF4',
+    secondary: '#DDDEE0',
+    skeleton: 'rgba(0, 0, 0, 0.04)',
+    disabled: '#7878801F',
+  },
+  backdrop: {
+    main: '#636669',
+  },
+  logo: {
+    main: '#121312',
+    background: '#EEEFF0',
+  },
+  static: {
+    main: '#121312',
+  },
+}
+
+export default lightPalette
diff --git a/apps/mobile/src/theme/provider/DataFetchProvider.tsx b/apps/mobile/src/theme/provider/DataFetchProvider.tsx
new file mode 100644
index 000000000..617de0777
--- /dev/null
+++ b/apps/mobile/src/theme/provider/DataFetchProvider.tsx
@@ -0,0 +1,27 @@
+import React from 'react'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectAllChains } from '@/src/store/chains'
+import { makeSafeId } from '@/src/utils/formatters'
+import { useSafesGetOverviewForManyQuery } from '@safe-global/store/gateway/safes'
+import { SafeOverviewResult } from '@safe-global/store/gateway/types'
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { selectCurrency } from '@/src/store/settingsSlice'
+
+export const DataFetchProvider = ({ children }: { children: React.ReactNode }) => {
+  const chains = useAppSelector(selectAllChains)
+  const activeSafe = useAppSelector(selectActiveSafe)
+  const currency = useAppSelector(selectCurrency)
+  useSafesGetOverviewForManyQuery<SafeOverviewResult>(
+    {
+      safes: activeSafe ? chains.map((chain) => makeSafeId(chain.chainId, activeSafe.address)) : [],
+      currency,
+      trusted: true,
+      excludeSpam: true,
+    },
+    {
+      skip: chains.length === 0 && !!activeSafe,
+    },
+  )
+
+  return children
+}
diff --git a/apps/mobile/src/theme/provider/font.tsx b/apps/mobile/src/theme/provider/font.tsx
new file mode 100644
index 000000000..4a831f6b9
--- /dev/null
+++ b/apps/mobile/src/theme/provider/font.tsx
@@ -0,0 +1,89 @@
+import React, { useEffect, useState } from 'react'
+import { useFonts } from 'expo-font'
+import DmSansSemiBold from '@tamagui/font-dm-sans/fonts/static/DMSans-SemiBold.ttf'
+import DmSansRegular from '@tamagui/font-dm-sans/fonts/static/DMSans-Regular.ttf'
+import DmSansMedium from '@tamagui/font-dm-sans/fonts/static/DMSans-Medium.ttf'
+import DmSansMediumItalic from '@tamagui/font-dm-sans/fonts/static/DMSans-MediumItalic.ttf'
+import DmSansSemiBoldItalic from '@tamagui/font-dm-sans/fonts/static/DMSans-SemiBoldItalic.ttf'
+import DmSansBold from '@tamagui/font-dm-sans/fonts/static/DMSans-Bold.ttf'
+import DmSansBoldItalic from '@tamagui/font-dm-sans/fonts/static/DMSans-BoldItalic.ttf'
+import * as SplashScreen from 'expo-splash-screen'
+import { Animated, StyleSheet, Image, Platform } from 'react-native'
+
+interface SafeThemeProviderProps {
+  children: React.ReactNode
+}
+
+// Prevent the splash screen from auto-hiding before asset loading is complete.
+SplashScreen.preventAutoHideAsync()
+
+SplashScreen.setOptions({
+  duration: 1000,
+  fade: true,
+})
+
+export const FontProvider = ({ children }: SafeThemeProviderProps) => {
+  const [loaded] = useFonts({
+    'DMSans-SemiBold': DmSansSemiBold,
+    'DMSans-Regular': DmSansRegular,
+    'DMSans-Medium': DmSansMedium,
+    'DMSans-MediumItalic': DmSansMediumItalic,
+    'DMSans-SemiBoldItalic': DmSansSemiBoldItalic,
+    'DMSans-Bold': DmSansBold,
+    'DMSans-BoldItalic': DmSansBoldItalic,
+  })
+
+  const [showCustomSplash, setShowCustomSplash] = useState(true)
+  const fadeAnim = React.useRef(new Animated.Value(1)).current
+
+  useEffect(() => {
+    if (loaded) {
+      if (Platform.OS === 'android') {
+        // On Android, fade out our custom splash and then hide the native one
+        Animated.timing(fadeAnim, {
+          toValue: 0,
+          duration: 500,
+          useNativeDriver: true,
+        }).start(() => {
+          setShowCustomSplash(false)
+          SplashScreen.hideAsync()
+        })
+      } else {
+        // On iOS, just hide the native splash screen
+        SplashScreen.hideAsync()
+      }
+    }
+  }, [loaded, fadeAnim])
+
+  if (!loaded) {
+    return null
+  }
+
+  return (
+    <>
+      {Platform.OS === 'android' && showCustomSplash && (
+        <Animated.View style={[StyleSheet.absoluteFill, styles.customSplash, { opacity: fadeAnim }]}>
+          <Image
+            source={require('../../../assets/images/splash.png')}
+            style={styles.splashImage}
+            resizeMode="contain"
+          />
+        </Animated.View>
+      )}
+      {children}
+    </>
+  )
+}
+
+const styles = StyleSheet.create({
+  customSplash: {
+    backgroundColor: '#000000',
+    justifyContent: 'center',
+    alignItems: 'center',
+    zIndex: 999,
+  },
+  splashImage: {
+    width: '100%',
+    height: '100%',
+  },
+})
diff --git a/apps/mobile/src/theme/provider/safeTheme.tsx b/apps/mobile/src/theme/provider/safeTheme.tsx
new file mode 100644
index 000000000..9c5c369d0
--- /dev/null
+++ b/apps/mobile/src/theme/provider/safeTheme.tsx
@@ -0,0 +1,37 @@
+import React from 'react'
+import { ThemeProvider } from '@react-navigation/native'
+import { TamaguiProvider } from '@tamagui/core'
+
+import { config } from '@/src/theme/tamagui.config'
+import { NavDarkTheme, NavLightTheme } from '@/src/theme/navigation'
+import { FontProvider } from '@/src/theme/provider/font'
+import { isStorybookEnv } from '@/src/config/constants'
+import { View } from 'tamagui'
+import { useTheme } from '../hooks/useTheme'
+
+interface SafeThemeProviderProps {
+  children: React.ReactNode
+}
+
+export const SafeThemeProvider = ({ children }: SafeThemeProviderProps) => {
+  const { currentTheme } = useTheme()
+
+  const themeProvider = isStorybookEnv ? (
+    <View
+      backgroundColor={currentTheme === 'dark' ? NavDarkTheme.colors.background : NavLightTheme.colors.background}
+      style={{ flex: 1 }}
+    >
+      {children}
+    </View>
+  ) : (
+    <ThemeProvider value={currentTheme === 'dark' ? NavDarkTheme : NavLightTheme}>{children}</ThemeProvider>
+  )
+
+  return (
+    <FontProvider>
+      <TamaguiProvider config={config} defaultTheme={currentTheme ?? 'light'}>
+        {themeProvider}
+      </TamaguiProvider>
+    </FontProvider>
+  )
+}
diff --git a/apps/mobile/src/theme/provider/storybookTheme.tsx b/apps/mobile/src/theme/provider/storybookTheme.tsx
new file mode 100644
index 000000000..84890f42a
--- /dev/null
+++ b/apps/mobile/src/theme/provider/storybookTheme.tsx
@@ -0,0 +1,31 @@
+import React from 'react'
+import { ThemeProvider } from '@react-navigation/native'
+import { TamaguiProvider } from '@tamagui/core'
+import { config } from '@/src/theme/tamagui.config'
+import { NavDarkTheme, NavLightTheme } from '@/src/theme/navigation'
+import { FontProvider } from '@/src/theme/provider/font'
+import { View } from 'tamagui'
+import { useColorScheme } from 'react-native'
+
+interface StorybookThemeProviderProps {
+  children: React.ReactNode
+}
+
+export const StorybookThemeProvider = ({ children }: StorybookThemeProviderProps) => {
+  const colorScheme = useColorScheme()
+
+  return (
+    <FontProvider>
+      <TamaguiProvider config={config} defaultTheme={colorScheme ?? 'light'}>
+        <ThemeProvider value={colorScheme === 'dark' ? NavDarkTheme : NavLightTheme}>
+          <View
+            backgroundColor={colorScheme === 'dark' ? NavDarkTheme.colors.background : NavLightTheme.colors.background}
+            style={{ flex: 1 }}
+          >
+            {children}
+          </View>
+        </ThemeProvider>
+      </TamaguiProvider>
+    </FontProvider>
+  )
+}
diff --git a/apps/mobile/src/theme/provider/toastProvider.tsx b/apps/mobile/src/theme/provider/toastProvider.tsx
new file mode 100644
index 000000000..acde0f2fb
--- /dev/null
+++ b/apps/mobile/src/theme/provider/toastProvider.tsx
@@ -0,0 +1,48 @@
+import React from 'react'
+import { Toast, ToastProvider, ToastViewport, useToastState } from '@tamagui/toast'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { YStack } from 'tamagui'
+
+interface SafeThemeProviderProps {
+  children: React.ReactNode
+}
+
+export const SafeToastProvider = ({ children }: SafeThemeProviderProps) => {
+  const { top } = useSafeAreaInsets()
+
+  return (
+    <ToastProvider>
+      {children}
+      <CurrentToast />
+      <ToastViewport multipleToasts={false} top={top + 60} left={0} right={0} />
+    </ToastProvider>
+  )
+}
+
+const CurrentToast = () => {
+  const currentToast = useToastState()
+
+  if (!currentToast || currentToast.isHandledNatively) {
+    return null
+  }
+
+  return (
+    <Toast
+      key={currentToast.id}
+      duration={currentToast.duration}
+      enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}
+      exitStyle={{ opacity: 0, scale: 1, y: -20 }}
+      y={0}
+      opacity={1}
+      scale={1}
+      animation="100ms"
+      backgroundColor={'$backgroundPaper'}
+      viewportName={currentToast.viewportName}
+    >
+      <YStack style={{ alignItems: 'center', justifyContent: 'center' }}>
+        <Toast.Title>{currentToast.title}</Toast.Title>
+        {!!currentToast.message && <Toast.Description>{currentToast.message}</Toast.Description>}
+      </YStack>
+    </Toast>
+  )
+}
diff --git a/apps/mobile/src/theme/tamagui.config.ts b/apps/mobile/src/theme/tamagui.config.ts
new file mode 100644
index 000000000..720c46472
--- /dev/null
+++ b/apps/mobile/src/theme/tamagui.config.ts
@@ -0,0 +1,186 @@
+import { createTamagui } from 'tamagui'
+import { createDmSansFont } from '@tamagui/font-dm-sans'
+import { badgeTheme } from '@/src/components/Badge/theme'
+import { badgeTheme as NetworkBadgeTheme } from '@/src/components/NetworkBadge/theme'
+import { navbarTheme } from '@/src/features/Assets/components/Navbar/theme'
+import { fontSizes, tokens } from '@/src/theme/tokens'
+import { createAnimations } from '@tamagui/animations-moti'
+import { inputTheme, inputWithLabelTheme } from '../components/SafeInput/theme'
+import { safeTabTheme } from '@/src/components/SafeTab/theme'
+import { SafeListItemTheme } from '@/src/components/SafeListItem/theme'
+import { alertTheme } from '@/src/components/Alert/theme'
+
+const DmSansFont = createDmSansFont({
+  face: {
+    500: { normal: 'DMSans-Medium', italic: 'DMSans-MediumItalic' },
+    600: { normal: 'DMSans-SemiBold', italic: 'DMSans-SemiBoldItalic' },
+    700: { normal: 'DMSans-Bold', italic: 'DMSans-BoldItalic' },
+  },
+  size: fontSizes,
+})
+export const config = createTamagui({
+  fonts: {
+    body: DmSansFont,
+    heading: DmSansFont,
+    button: DmSansFont,
+  },
+  themes: {
+    light: {
+      background: tokens.color.backgroundDefaultLight,
+      backgroundSecondary: tokens.color.backgroundSecondaryLight,
+      backgroundPaper: tokens.color.backgroundPaperLight,
+      backgroundHover: tokens.color.backgroundLightLight,
+      backgroundPress: tokens.color.primaryLightLight,
+      backgroundFocus: tokens.color.backgroundMainLight,
+      backgroundStrong: tokens.color.primaryDarkLight,
+      backgroundDisabled: tokens.color.backgroundDisabledLight,
+      backgroundSuccess: tokens.color.successBackgroundLight,
+      backgroundWarning: tokens.color.warningBackgroundLight,
+      backgroundError: tokens.color.errorBackgroundLight,
+      backgroundTransparent: 'transparent',
+      backgroundSkeleton: tokens.color.backgroundSkeletonLight,
+      color: tokens.color.textPrimaryLight,
+      primary: tokens.color.primaryMainLight,
+      colorHover: tokens.color.textSecondaryLight,
+      colorSecondary: tokens.color.textSecondaryLight,
+      colorLight: tokens.color.primaryLightLight,
+      colorContrast: tokens.color.textContrastLight,
+      colorOutline: tokens.color.textSecondaryLight,
+      borderMain: tokens.color.borderMainLight,
+      borderLight: tokens.color.borderLightLight,
+      error: tokens.color.errorMainLight,
+      success: tokens.color.successMainLight,
+      warning: tokens.color.warningMainLight,
+      errorDark: tokens.color.errorDarkDark,
+      errorLight: tokens.color.errorLightLight,
+      errorBackground: tokens.color.errorBackgroundLight,
+      contrast: tokens.color.textContrastLight,
+    },
+    light_label: {
+      color: tokens.color.textSecondaryLight,
+    },
+    dark_label: {
+      color: tokens.color.textSecondaryDark,
+    },
+    ...badgeTheme,
+    ...alertTheme,
+    ...inputTheme,
+    ...NetworkBadgeTheme,
+    ...navbarTheme,
+    ...safeTabTheme,
+    ...inputWithLabelTheme,
+    dark_success_light: {},
+    light_logo: {
+      background: tokens.color.logoBackgroundLight,
+    },
+    dark_logo: {
+      background: tokens.color.logoBackgroundDark,
+    },
+    light_container: {
+      background: tokens.color.backgroundDefaultLight,
+    },
+    dark_container: {
+      background: tokens.color.backgroundPaperDark,
+    },
+    light_settings: {
+      background: tokens.color.backgroundDefaultLight,
+    },
+    dark_settings: {
+      background: tokens.color.backgroundPaperDark,
+    },
+    ...SafeListItemTheme,
+    dark: {
+      background: tokens.color.backgroundDefaultDark,
+      backgroundSecondary: tokens.color.backgroundSecondaryDark,
+      backgroundPaper: tokens.color.backgroundPaperDark,
+      backgroundHover: tokens.color.backgroundLightDark,
+      backgroundPress: tokens.color.primaryLightDark,
+      backgroundFocus: tokens.color.backgroundMainDark,
+      backgroundStrong: tokens.color.primaryDarkDark,
+      backgroundTransparent: 'transparent',
+      backgroundDisabled: tokens.color.backgroundDisabledDark,
+      backgroundSkeleton: tokens.color.backgroundSkeletonDark,
+      backgroundSuccess: tokens.color.successBackgroundDark,
+      backgroundWarning: tokens.color.warningBackgroundDark,
+      backgroundError: tokens.color.errorBackgroundDark,
+      color: tokens.color.textPrimaryDark,
+      colorLight: tokens.color.primaryLightDark,
+      colorOutline: tokens.color.primaryLightDark,
+      primary: tokens.color.primaryMainDark,
+      borderMain: tokens.color.borderMainDark,
+      borderLight: tokens.color.borderLightDark,
+      colorHover: tokens.color.textSecondaryDark,
+      colorSecondary: tokens.color.primaryLightDark,
+      error: tokens.color.errorMainDark,
+      errorDark: tokens.color.errorDarkDark,
+      errorLight: tokens.color.errorLightDark,
+      errorBackground: tokens.color.errorBackgroundDark,
+      success: tokens.color.successMainLight,
+      warning: tokens.color.warningMainDark,
+      contrast: tokens.color.textContrastDark,
+    },
+  },
+  tokens,
+  settings: {
+    defaultFont: 'body',
+  },
+  animations: createAnimations({
+    fast: {
+      type: 'spring',
+      damping: 20,
+      mass: 1.2,
+      stiffness: 250,
+    },
+    medium: {
+      type: 'spring',
+      damping: 10,
+      mass: 0.9,
+      stiffness: 100,
+    },
+    slow: {
+      type: 'spring',
+      damping: 20,
+      stiffness: 60,
+    },
+    '100ms': {
+      type: 'timing',
+      duration: 100,
+    },
+    '200ms': {
+      type: 'timing',
+      duration: 200,
+    },
+    bouncy: {
+      type: 'spring',
+      damping: 10,
+      mass: 0.9,
+      stiffness: 100,
+    },
+    lazy: {
+      type: 'spring',
+      damping: 20,
+      stiffness: 60,
+    },
+    quick: {
+      type: 'spring',
+      damping: 20,
+      mass: 1.2,
+      stiffness: 250,
+    },
+    tooltip: {
+      damping: 10,
+      mass: 0.9,
+      stiffness: 100,
+    },
+  }),
+})
+
+export type Conf = typeof config
+
+declare module 'tamagui' {
+  interface TamaguiCustomConfig extends Conf {
+    tokens: typeof tokens
+  }
+}
+
+export default config
diff --git a/apps/mobile/src/theme/tokens.ts b/apps/mobile/src/theme/tokens.ts
new file mode 100644
index 000000000..d2de6f0a4
--- /dev/null
+++ b/apps/mobile/src/theme/tokens.ts
@@ -0,0 +1,85 @@
+import { createTokens } from 'tamagui'
+import { zIndex } from '@tamagui/themes'
+import { flattenPalette } from '@/src/theme/helpers/utils'
+import lightPalette from '@/src/theme/palettes/lightPalette'
+import darkPalette from '@/src/theme/palettes/darkPalette'
+const colors = {
+  ...flattenPalette(lightPalette, { suffix: 'Light' }),
+  ...flattenPalette(darkPalette, { suffix: 'Dark' }),
+}
+
+export const radius = {
+  0: 0,
+  1: 3,
+  2: 5,
+  3: 7,
+  4: 9,
+  true: 9,
+  5: 10,
+  6: 16,
+  7: 19,
+  8: 22,
+  9: 24,
+  10: 34,
+  11: 42,
+  12: 50,
+}
+
+export const fontSizes = {
+  1: 11,
+  2: 12,
+  3: 13,
+  4: 14,
+  true: 14,
+  $sm: 14,
+  $md: 14,
+  $xl: 14,
+  5: 16,
+  6: 18,
+  7: 20,
+  8: 23,
+  9: 30,
+  10: 44,
+  11: 55,
+  12: 62,
+  13: 72,
+  14: 92,
+  15: 114,
+  16: 134,
+}
+
+export const tokens = createTokens({
+  color: colors,
+  space: {
+    $1: 4,
+    $2: 8,
+    true: 8,
+    $3: 12,
+    $4: 16,
+    $5: 20,
+    $6: 24,
+    $7: 28,
+    $8: 32,
+    $9: 36,
+    $10: 40,
+  },
+  // space,
+  size: {
+    $1: 4,
+    $2: 8,
+    true: 8,
+    $3: 12,
+    $4: 16,
+    $5: 20,
+    $6: 24,
+    $7: 28,
+    $8: 32,
+    $9: 36,
+    $10: 40,
+    $xl: 14,
+    $md: 14,
+    $sm: 14,
+  },
+  zIndex,
+  radius,
+})
diff --git a/apps/mobile/src/types/address.ts b/apps/mobile/src/types/address.ts
new file mode 100644
index 000000000..0498bccb1
--- /dev/null
+++ b/apps/mobile/src/types/address.ts
@@ -0,0 +1,10 @@
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+export interface SafeInfo {
+  address: Address
+  chainId: string
+}
+
+export type SignerInfo = AddressInfo
+
+export type Address = `0x${string}`
diff --git a/apps/mobile/src/types/iconTypes.ts b/apps/mobile/src/types/iconTypes.ts
new file mode 100644
index 000000000..7721cc287
--- /dev/null
+++ b/apps/mobile/src/types/iconTypes.ts
@@ -0,0 +1,240 @@
+export type IconName =
+  | 'add-owner'
+  | 'address-book'
+  | 'address-book-empty-list'
+  | 'alert'
+  | 'alert-triangle'
+  | 'appearance'
+  | 'apps'
+  | 'arrow-down'
+  | 'arrow-down-1'
+  | 'arrow-left'
+  | 'arrow-right'
+  | 'arrow-sort'
+  | 'arrow-up'
+  | 'arrrow-right'
+  | 'batch'
+  | 'bell'
+  | 'block'
+  | 'blocks'
+  | 'blocks-1'
+  | 'bookmark'
+  | 'bookmark-filled'
+  | 'camera'
+  | 'chat'
+  | 'check'
+  | 'check-filled'
+  | 'check-notifications'
+  | 'check-oulined'
+  | 'chevron-down'
+  | 'chevron-left'
+  | 'chevron-right'
+  | 'chevron-up'
+  | 'clock'
+  | 'close'
+  | 'close-filled'
+  | 'close-outlined'
+  | 'code-blocks'
+  | 'copy'
+  | 'dapp-logo'
+  | 'delete'
+  | 'desktop'
+  | 'document'
+  | 'double-arrow'
+  | 'download'
+  | 'dropdown-arrow-small'
+  | 'edit'
+  | 'edit-owner'
+  | 'element-drag'
+  | 'experimental'
+  | 'export'
+  | 'external-link'
+  | 'eye-n'
+  | 'eye-off'
+  | 'eye-on'
+  | 'face-id'
+  | 'file'
+  | 'filter'
+  | 'fingerprint'
+  | 'hardware'
+  | 'home'
+  | 'info'
+  | 'key'
+  | 'keystone'
+  | 'ledger'
+  | 'lightbulb'
+  | 'link'
+  | 'lock'
+  | 'magic'
+  | 'mobile'
+  | 'nft'
+  | 'options-horizontal'
+  | 'options-vertical'
+  | 'owners'
+  | 'paste'
+  | 'plus'
+  | 'plus-filled'
+  | 'plus-outlined'
+  | 'points'
+  | 'qr-code'
+  | 'qr-code-1'
+  | 'question'
+  | 'repeat'
+  | 'replace-owner'
+  | 'rows'
+  | 'rows-1'
+  | 'rows-2'
+  | 'safe'
+  | 'scan'
+  | 'scan-1'
+  | 'search'
+  | 'seed'
+  | 'send-to'
+  | 'settings'
+  | 'share'
+  | 'shield'
+  | 'shield-crossed'
+  | 'sign'
+  | 'signature'
+  | 'star'
+  | 'tag'
+  | 'token'
+  | 'transaction-batch'
+  | 'transaction-change-settings'
+  | 'transaction-contract'
+  | 'transaction-earn'
+  | 'transaction-execute'
+  | 'transaction-incoming'
+  | 'transaction-outgoing'
+  | 'transaction-partial-fill'
+  | 'transaction-recovery'
+  | 'transaction-stake'
+  | 'transaction-swap'
+  | 'transactions'
+  | 'twitter-x'
+  | 'unlock'
+  | 'update'
+  | 'upload'
+  | 'wallet'
+  | 'what-is-new'
+
+export const iconNames: IconName[] = [
+  'add-owner',
+  'address-book',
+  'address-book-empty-list',
+  'alert',
+  'alert-triangle',
+  'appearance',
+  'apps',
+  'arrow-down',
+  'arrow-down-1',
+  'arrow-left',
+  'arrow-right',
+  'arrow-sort',
+  'arrow-up',
+  'arrrow-right',
+  'batch',
+  'bell',
+  'block',
+  'blocks',
+  'blocks-1',
+  'bookmark',
+  'bookmark-filled',
+  'camera',
+  'chat',
+  'check',
+  'check-filled',
+  'check-notifications',
+  'check-oulined',
+  'chevron-down',
+  'chevron-left',
+  'chevron-right',
+  'chevron-up',
+  'clock',
+  'close',
+  'close-filled',
+  'close-outlined',
+  'code-blocks',
+  'copy',
+  'dapp-logo',
+  'delete',
+  'desktop',
+  'document',
+  'double-arrow',
+  'download',
+  'dropdown-arrow-small',
+  'edit',
+  'edit-owner',
+  'element-drag',
+  'experimental',
+  'export',
+  'external-link',
+  'eye-n',
+  'eye-off',
+  'eye-on',
+  'face-id',
+  'file',
+  'filter',
+  'fingerprint',
+  'hardware',
+  'home',
+  'info',
+  'key',
+  'keystone',
+  'ledger',
+  'lightbulb',
+  'link',
+  'lock',
+  'magic',
+  'mobile',
+  'nft',
+  'options-horizontal',
+  'options-vertical',
+  'owners',
+  'paste',
+  'plus',
+  'plus-filled',
+  'plus-outlined',
+  'points',
+  'qr-code',
+  'qr-code-1',
+  'question',
+  'repeat',
+  'replace-owner',
+  'rows',
+  'rows-1',
+  'rows-2',
+  'safe',
+  'scan',
+  'scan-1',
+  'search',
+  'seed',
+  'send-to',
+  'settings',
+  'share',
+  'shield',
+  'shield-crossed',
+  'sign',
+  'signature',
+  'star',
+  'tag',
+  'token',
+  'transaction-batch',
+  'transaction-change-settings',
+  'transaction-contract',
+  'transaction-earn',
+  'transaction-execute',
+  'transaction-incoming',
+  'transaction-outgoing',
+  'transaction-partial-fill',
+  'transaction-recovery',
+  'transaction-stake',
+  'transaction-swap',
+  'transactions',
+  'twitter-x',
+  'unlock',
+  'update',
+  'upload',
+  'wallet',
+  'what-is-new',
+]
diff --git a/apps/mobile/src/types/navigation.d.ts b/apps/mobile/src/types/navigation.d.ts
new file mode 100644
index 000000000..a35d3214c
--- /dev/null
+++ b/apps/mobile/src/types/navigation.d.ts
@@ -0,0 +1,11 @@
+// navigation.d.ts
+
+export interface Screens {}
+
+export declare global {
+  namespace ReactNavigation {
+    interface RootParamList extends Screens {
+      settings: { safeAddress?: string }
+    }
+  }
+}
diff --git a/apps/mobile/src/types/notifee.d.ts b/apps/mobile/src/types/notifee.d.ts
new file mode 100644
index 000000000..e399310d5
--- /dev/null
+++ b/apps/mobile/src/types/notifee.d.ts
@@ -0,0 +1 @@
+declare module '@notifee/react-native/jest-mock'
diff --git a/apps/mobile/src/types/react-native-device-info.d.ts b/apps/mobile/src/types/react-native-device-info.d.ts
new file mode 100644
index 000000000..f474fd9a6
--- /dev/null
+++ b/apps/mobile/src/types/react-native-device-info.d.ts
@@ -0,0 +1 @@
+declare module 'react-native-device-info/jest/react-native-device-info-mock'
diff --git a/apps/mobile/src/types/theme.ts b/apps/mobile/src/types/theme.ts
new file mode 100644
index 000000000..c111cdd4f
--- /dev/null
+++ b/apps/mobile/src/types/theme.ts
@@ -0,0 +1 @@
+export type ThemePreference = 'light' | 'dark' | 'auto'
diff --git a/apps/mobile/src/types/txType.ts b/apps/mobile/src/types/txType.ts
new file mode 100644
index 000000000..9ee923f22
--- /dev/null
+++ b/apps/mobile/src/types/txType.ts
@@ -0,0 +1,16 @@
+export enum ETxType {
+  ADD_SIGNER = 'ADD_SIGNER',
+  REMOVE_SIGNER = 'REMOVE_SIGNER',
+  STAKE_DEPOSIT = 'STAKE_DEPOSIT',
+  STAKE_WITHDRAW_REQUEST = 'STAKE_WITHDRAW_REQUEST',
+  STAKE_EXIT = 'STAKE_EXIT',
+  CONTRACT_INTERACTION = 'CONTRACT_INTERACTION',
+  SWAP_ORDER = 'SWAP_ORDER',
+  BRIDGE_ORDER = 'BRIDGE_ORDER',
+  LIFI_SWAP = 'LIFI_SWAP',
+  NFT_TRANSFER = 'NFT_TRANSFER',
+  TOKEN_TRANSFER = 'TOKEN_TRANSFER',
+  VAULT_DEPOSIT = 'VAULT_DEPOSIT',
+  VAULT_REDEEM = 'VAULT_REDEEM',
+  CANCEL_TX = 'CANCEL_TX',
+}
diff --git a/apps/mobile/src/utils/balance.test.ts b/apps/mobile/src/utils/balance.test.ts
new file mode 100644
index 000000000..6ad16aa3f
--- /dev/null
+++ b/apps/mobile/src/utils/balance.test.ts
@@ -0,0 +1,20 @@
+import { shouldDisplayPreciseBalance } from './balance'
+
+describe('shouldDisplayPreciseBalance', () => {
+  it('returns true for balance amounts with less than 8 digits before the decimal point', () => {
+    expect(shouldDisplayPreciseBalance('210.2122')).toBe(true)
+    expect(shouldDisplayPreciseBalance('5.2213')).toBe(true)
+    expect(shouldDisplayPreciseBalance('1234567.89')).toBe(true)
+  })
+
+  it('returns false for balance amounts with 8 or more digits before the decimal point', () => {
+    expect(shouldDisplayPreciseBalance('83892893298.3838')).toBe(false)
+    expect(shouldDisplayPreciseBalance('12345678.1234')).toBe(false)
+    expect(shouldDisplayPreciseBalance('10000000.00')).toBe(false)
+  })
+
+  it('handles balance amounts without a decimal point', () => {
+    expect(shouldDisplayPreciseBalance('1234567')).toBe(true)
+    expect(shouldDisplayPreciseBalance('12345678')).toBe(false)
+  })
+})
diff --git a/apps/mobile/src/utils/balance.ts b/apps/mobile/src/utils/balance.ts
new file mode 100644
index 000000000..ca2a435c9
--- /dev/null
+++ b/apps/mobile/src/utils/balance.ts
@@ -0,0 +1,3 @@
+export const shouldDisplayPreciseBalance = (balanceAmount: string, integerPartLength = 8) => {
+  return balanceAmount.split('.')[0].length < integerPartLength
+}
diff --git a/apps/mobile/src/utils/chains.test.ts b/apps/mobile/src/utils/chains.test.ts
new file mode 100644
index 000000000..18158ea78
--- /dev/null
+++ b/apps/mobile/src/utils/chains.test.ts
@@ -0,0 +1,27 @@
+import { getAvailableChainsNames } from './chains'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+
+describe('getAvailableChainsNames', () => {
+  it('returns an empty string when the chains array is empty', () => {
+    expect(getAvailableChainsNames([])).toBe('')
+  })
+
+  it('returns the single chain name when only one chain is provided', () => {
+    const chains = [{ chainName: 'Ethereum' }] as Chain[]
+    expect(getAvailableChainsNames(chains)).toBe('Ethereum')
+  })
+
+  it('returns a properly formatted string for two chains', () => {
+    const chains = [{ chainName: 'Ethereum' }, { chainName: 'Polygon' }] as Chain[]
+    expect(getAvailableChainsNames(chains)).toBe('Ethereum and Polygon')
+  })
+
+  it('returns a properly formatted string for multiple chains', () => {
+    const chains = [
+      { chainName: 'Ethereum' },
+      { chainName: 'Polygon' },
+      { chainName: 'Binance Smart Chain' },
+    ] as Chain[]
+    expect(getAvailableChainsNames(chains)).toBe('Ethereum, Polygon and Binance Smart Chain')
+  })
+})
diff --git a/apps/mobile/src/utils/chains.ts b/apps/mobile/src/utils/chains.ts
new file mode 100644
index 000000000..797e9b079
--- /dev/null
+++ b/apps/mobile/src/utils/chains.ts
@@ -0,0 +1,20 @@
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+
+export const getAvailableChainsNames = (chains: Chain[]) => {
+  if (chains.length === 0) {
+    return ''
+  }
+
+  if (chains.length === 1) {
+    return chains[0].chainName
+  }
+
+  return (
+    chains
+      .slice(0, -1)
+      .map((chain) => chain.chainName)
+      .join(', ') +
+    ' and ' +
+    chains[chains.length - 1].chainName
+  )
+}
diff --git a/apps/mobile/src/utils/currency.test.ts b/apps/mobile/src/utils/currency.test.ts
new file mode 100644
index 000000000..4a6a0691d
--- /dev/null
+++ b/apps/mobile/src/utils/currency.test.ts
@@ -0,0 +1,40 @@
+import { getCurrencyName, getCurrencySymbol } from './currency'
+
+describe('currency utils', () => {
+  describe('getCurrencyName', () => {
+    it('returns the correct name for USD', () => {
+      const name = getCurrencyName('USD', 'en')
+      // Accept either "US Dollar" or "USD" as fallback
+      expect(['US Dollar', 'USD']).toContain(name)
+    })
+
+    it('returns the correct name for EUR', () => {
+      const name = getCurrencyName('EUR', 'en')
+      expect(['Euro', 'EUR']).toContain(name)
+    })
+
+    it('falls back to code for unknown currency', () => {
+      const name = getCurrencyName('FOO', 'en')
+      expect(name).toBe('FOO')
+    })
+  })
+
+  describe('getCurrencySymbol', () => {
+    it('returns the correct symbol for USD', () => {
+      const symbol = getCurrencySymbol('USD', 'en')
+      // Accept $ or USD as fallback
+      expect(['$', 'USD']).toContain(symbol)
+    })
+
+    it('returns the correct symbol for EUR', () => {
+      const symbol = getCurrencySymbol('EUR', 'en')
+      // Accept € or EUR as fallback
+      expect(['€', 'EUR']).toContain(symbol)
+    })
+
+    it('falls back to code for unknown currency', () => {
+      const symbol = getCurrencySymbol('FOO', 'en')
+      expect(symbol).toBe('FOO')
+    })
+  })
+})
diff --git a/apps/mobile/src/utils/currency.ts b/apps/mobile/src/utils/currency.ts
new file mode 100644
index 000000000..8153c7e3f
--- /dev/null
+++ b/apps/mobile/src/utils/currency.ts
@@ -0,0 +1,38 @@
+const cryptoFallBackNames = {
+  BTC: 'Bitcoin',
+  ETH: 'Ethereum',
+}
+
+export const getCurrencyName = (currency: string, locale = 'en') => {
+  try {
+    if (typeof Intl.DisplayNames === 'function') {
+      const displayNames = new Intl.DisplayNames([locale], { type: 'currency' })
+      const name = displayNames.of(currency)
+      if (cryptoFallBackNames[name as keyof typeof cryptoFallBackNames]) {
+        return cryptoFallBackNames[name as keyof typeof cryptoFallBackNames]
+      }
+      return name || currency
+    }
+  } catch (_e) {
+    // Fallback to code if Intl.DisplayNames fails
+  }
+  return currency
+}
+
+export const getCurrencySymbol = (currency: string, locale = 'en') => {
+  try {
+    const formatted = new Intl.NumberFormat(locale, {
+      style: 'currency',
+      currency,
+      currencyDisplay: 'symbol',
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 0,
+    }).format(1)
+    // Remove all digits, spaces, and punctuation, leaving the symbol
+    const symbol = formatted.replace(/[\d\s.,]/g, '')
+    return symbol || currency
+  } catch (_e) {
+    // Fallback to code if Intl.NumberFormat fails
+  }
+  return currency
+}
diff --git a/apps/mobile/src/utils/date.test.ts b/apps/mobile/src/utils/date.test.ts
new file mode 100644
index 000000000..121de73fc
--- /dev/null
+++ b/apps/mobile/src/utils/date.test.ts
@@ -0,0 +1,43 @@
+import timezoneMock from 'timezone-mock'
+import { currentMinutes, formatDateTime, formatTime, getCountdown, getPeriod } from './date'
+
+const MOCKED_TIMESTAMP = 1729506116962
+
+describe('Date utils', () => {
+  beforeAll(() => {
+    timezoneMock.register('Etc/GMT-2')
+    jest.spyOn(Date, 'now').mockImplementation(() => MOCKED_TIMESTAMP)
+  })
+
+  it('should show the date in minutes', () => {
+    expect(currentMinutes()).toBe(28825101)
+  })
+
+  it('should format the date time based in a timestamp', () => {
+    expect(formatTime(MOCKED_TIMESTAMP)).toBe('12:21 PM')
+  })
+
+  it('should format the date based in a timestamp', () => {
+    expect(formatDateTime(MOCKED_TIMESTAMP)).toBe('Oct 21, 2024 - 12:21:56 PM')
+  })
+
+  it('should return a countdown object', () => {
+    expect(getCountdown(20000)).toStrictEqual({
+      days: 0,
+      hours: 5,
+      minutes: 33,
+    })
+  })
+
+  it('should get the time period in hours from seconds', () => {
+    expect(getPeriod(20000)).toBe('5 hours')
+  })
+
+  it('should get the time period in minutes from seconds', () => {
+    expect(getPeriod(2000)).toBe('33 minutes')
+  })
+
+  it('should get the time period in days from seconds', () => {
+    expect(getPeriod(2000000)).toBe('23 days')
+  })
+})
diff --git a/apps/mobile/src/utils/date.ts b/apps/mobile/src/utils/date.ts
new file mode 100644
index 000000000..6b24c8f6d
--- /dev/null
+++ b/apps/mobile/src/utils/date.ts
@@ -0,0 +1,41 @@
+import { format, formatDistanceToNow } from 'date-fns'
+
+export const currentMinutes = (): number => Math.floor(Date.now() / (1000 * 60))
+
+export const formatWithSchema = (timestamp: number, schema: string): string => format(timestamp, schema)
+
+export const formatTime = (timestamp: number): string => formatWithSchema(timestamp, 'h:mm a')
+
+export const formatDateTime = (timestamp: number): string => formatWithSchema(timestamp, 'MMM d, yyyy - h:mm:ss a')
+
+export const formatTimeInWords = (timestamp: number): string => formatDistanceToNow(timestamp, { addSuffix: true })
+
+export function getCountdown(seconds: number): { days: number; hours: number; minutes: number } {
+  const MINUTE_IN_SECONDS = 60
+  const HOUR_IN_SECONDS = 60 * MINUTE_IN_SECONDS
+  const DAY_IN_SECONDS = 24 * HOUR_IN_SECONDS
+
+  const days = Math.floor(seconds / DAY_IN_SECONDS)
+
+  const remainingSeconds = seconds % DAY_IN_SECONDS
+  const hours = Math.floor(remainingSeconds / HOUR_IN_SECONDS)
+  const minutes = Math.floor((remainingSeconds % HOUR_IN_SECONDS) / MINUTE_IN_SECONDS)
+
+  return { days, hours, minutes }
+}
+
+export function getPeriod(seconds: number): string | undefined {
+  const { days, hours, minutes } = getCountdown(seconds)
+
+  if (days > 0) {
+    return `${days} day${days === 1 ? '' : 's'}`
+  }
+
+  if (hours > 0) {
+    return `${hours} hour${hours === 1 ? '' : 's'}`
+  }
+
+  if (minutes > 0) {
+    return `${minutes} minute${minutes === 1 ? '' : 's'}`
+  }
+}
diff --git a/apps/mobile/src/utils/delegate.ts b/apps/mobile/src/utils/delegate.ts
new file mode 100644
index 000000000..ad99f69f2
--- /dev/null
+++ b/apps/mobile/src/utils/delegate.ts
@@ -0,0 +1,3 @@
+export const getDelegateKeyId = (ownerAddress: string, delegateAddress: string): string => {
+  return `delegate_${ownerAddress}_${delegateAddress}`
+}
diff --git a/apps/mobile/src/utils/errors/index.ts b/apps/mobile/src/utils/errors/index.ts
new file mode 100644
index 000000000..aada7e890
--- /dev/null
+++ b/apps/mobile/src/utils/errors/index.ts
@@ -0,0 +1 @@
+export * from './standardErrors'
diff --git a/apps/mobile/src/utils/errors/standardErrors.ts b/apps/mobile/src/utils/errors/standardErrors.ts
new file mode 100644
index 000000000..e9f054bf9
--- /dev/null
+++ b/apps/mobile/src/utils/errors/standardErrors.ts
@@ -0,0 +1,66 @@
+export enum ErrorType {
+  VALIDATION_ERROR = 'VALIDATION_ERROR',
+  NETWORK_ERROR = 'NETWORK_ERROR',
+  AUTHENTICATION_ERROR = 'AUTHENTICATION_ERROR',
+  STORAGE_ERROR = 'STORAGE_ERROR',
+  CLEANUP_ERROR = 'CLEANUP_ERROR',
+  USER_CANCELLED = 'USER_CANCELLED',
+  SYSTEM_ERROR = 'SYSTEM_ERROR',
+}
+
+export interface StandardErrorResult<T = unknown> {
+  success: boolean
+  data?: T
+  error?: {
+    type: ErrorType
+    message: string
+    code?: string
+    details?: Record<string, unknown>
+    originalError?: unknown
+  }
+}
+
+export function createStandardError(
+  type: ErrorType,
+  message: string,
+  originalError?: unknown,
+  details?: Record<string, unknown>,
+): StandardErrorResult['error'] {
+  return {
+    type,
+    message,
+    code: type,
+    details,
+    originalError,
+  }
+}
+
+export function standardizeError(
+  error: unknown,
+  fallbackType: ErrorType = ErrorType.SYSTEM_ERROR,
+  fallbackMessage = 'An unexpected error occurred',
+  details?: Record<string, unknown>,
+): StandardErrorResult['error'] {
+  if (error instanceof Error) {
+    return createStandardError(fallbackType, error.message, error, details)
+  }
+
+  const message = typeof error === 'string' ? error : fallbackMessage
+  return createStandardError(fallbackType, message, error, details)
+}
+
+export function createSuccessResult<T>(data?: T): StandardErrorResult<T> {
+  return { success: true, data }
+}
+
+export function createErrorResult<T>(
+  type: ErrorType,
+  message: string,
+  originalError?: unknown,
+  details?: Record<string, unknown>,
+): StandardErrorResult<T> {
+  return {
+    success: false,
+    error: createStandardError(type, message, originalError, details),
+  }
+}
diff --git a/apps/mobile/src/utils/formatters.ts b/apps/mobile/src/utils/formatters.ts
new file mode 100644
index 000000000..7d0433b2e
--- /dev/null
+++ b/apps/mobile/src/utils/formatters.ts
@@ -0,0 +1,51 @@
+import { SwapOrderTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { formatUnits } from 'ethers'
+
+type Quantity = {
+  amount: string | number | bigint
+  decimals: number
+}
+
+function asDecimal(amount: number | bigint, decimals: number): number {
+  return Number(formatUnits(amount, decimals))
+}
+
+export const ellipsis = (str: string, length: number): string => {
+  return str.length > length ? `${str.slice(0, length)}...` : str
+}
+
+export const makeSafeId = (chainId: string, address: string) => `${chainId}:${address}` as `${number}:0x${string}`
+
+export const shortenAddress = (address: string, length = 4): string => {
+  if (!address) {
+    return ''
+  }
+
+  return `${address.slice(0, length + 2)}...${address.slice(-length)}`
+}
+
+export const formatValue = (value: string, decimals: number): string => {
+  return (parseInt(value) / 10 ** decimals).toString().substring(0, 8)
+}
+
+export const getLimitPrice = (
+  order: Pick<SwapOrderTransactionInfo, 'sellAmount' | 'buyAmount' | 'buyToken' | 'sellToken'>,
+): number => {
+  const { sellAmount, buyAmount, buyToken, sellToken } = order
+
+  const ratio = calculateRatio(
+    { amount: sellAmount, decimals: sellToken.decimals },
+    { amount: buyAmount, decimals: buyToken.decimals },
+  )
+
+  return ratio
+}
+
+const calculateRatio = (a: Quantity, b: Quantity) => {
+  if (BigInt(b.amount) === 0n) {
+    return 0
+  }
+  return asDecimal(BigInt(a.amount), a.decimals) / asDecimal(BigInt(b.amount), b.decimals)
+}
+
+export const capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1)
diff --git a/apps/mobile/src/utils/legacyData.test.ts b/apps/mobile/src/utils/legacyData.test.ts
new file mode 100644
index 000000000..6df747123
--- /dev/null
+++ b/apps/mobile/src/utils/legacyData.test.ts
@@ -0,0 +1,113 @@
+import crypto from 'crypto'
+jest.mock('react-native-quick-crypto', () => require('crypto'))
+import {
+  decodeLegacyData,
+  SecuredDataFile,
+  SerializedDataFile,
+  LegacyDataPasswordError,
+  LegacyDataFormatError,
+  LegacyDataCorruptedError,
+} from './legacyData'
+
+describe('decodeLegacyData', () => {
+  it('decodes encrypted file', () => {
+    const password = 'test-password'
+    const data: SerializedDataFile = { version: '1.0', data: { hello: 'world' } }
+    const salt = crypto.randomBytes(32)
+    const key = crypto.pbkdf2Sync(Buffer.from(password, 'utf8'), salt, 100000, 32, 'sha256')
+    const iv = crypto.randomBytes(12)
+    const cipher = crypto.createCipheriv('aes-256-gcm', key, iv)
+    const encrypted = Buffer.concat([cipher.update(JSON.stringify(data), 'utf8'), cipher.final()])
+    const tag = cipher.getAuthTag()
+    const combined = Buffer.concat([iv, encrypted, tag])
+    const file: SecuredDataFile = {
+      version: '1.0',
+      algo: 'aes-256-gcm',
+      salt: salt.toString('base64'),
+      rounds: 100000,
+      data: combined.toString('base64'),
+    }
+
+    const decoded = decodeLegacyData(file, password)
+    expect(decoded).toEqual(data)
+  })
+
+  it('throws LegacyDataFormatError for unsupported version', () => {
+    const file = {
+      version: '2.0',
+      algo: 'aes-256-gcm',
+      salt: 'dGVzdC1zYWx0',
+      rounds: 100000,
+      data: 'dGVzdC1kYXRh',
+    } as unknown as SecuredDataFile
+
+    expect(() => decodeLegacyData(file, 'password')).toThrow(LegacyDataFormatError)
+  })
+
+  it('throws LegacyDataFormatError for unsupported algorithm', () => {
+    const file = {
+      version: '1.0',
+      algo: 'aes-128-cbc',
+      salt: 'dGVzdC1zYWx0',
+      rounds: 100000,
+      data: 'dGVzdC1kYXRh',
+    } as unknown as SecuredDataFile
+
+    expect(() => decodeLegacyData(file, 'password')).toThrow(LegacyDataFormatError)
+  })
+
+  it('throws LegacyDataPasswordError for wrong password', () => {
+    const password = 'correct-password'
+    const wrongPassword = 'wrong-password'
+    const data: SerializedDataFile = { version: '1.0', data: { hello: 'world' } }
+    const salt = crypto.randomBytes(32)
+    const key = crypto.pbkdf2Sync(Buffer.from(password, 'utf8'), salt, 100000, 32, 'sha256')
+    const iv = crypto.randomBytes(12)
+    const cipher = crypto.createCipheriv('aes-256-gcm', key, iv)
+    const encrypted = Buffer.concat([cipher.update(JSON.stringify(data), 'utf8'), cipher.final()])
+    const tag = cipher.getAuthTag()
+    const combined = Buffer.concat([iv, encrypted, tag])
+    const file: SecuredDataFile = {
+      version: '1.0',
+      algo: 'aes-256-gcm',
+      salt: salt.toString('base64'),
+      rounds: 100000,
+      data: combined.toString('base64'),
+    }
+
+    expect(() => decodeLegacyData(file, wrongPassword)).toThrow(LegacyDataPasswordError)
+  })
+
+  it('throws LegacyDataCorruptedError for invalid JSON after successful decryption', () => {
+    const password = 'test-password'
+    const invalidJsonData = 'invalid json content'
+    const salt = crypto.randomBytes(32)
+    const key = crypto.pbkdf2Sync(Buffer.from(password, 'utf8'), salt, 100000, 32, 'sha256')
+    const iv = crypto.randomBytes(12)
+    const cipher = crypto.createCipheriv('aes-256-gcm', key, iv)
+    const encrypted = Buffer.concat([cipher.update(invalidJsonData, 'utf8'), cipher.final()])
+    const tag = cipher.getAuthTag()
+    const combined = Buffer.concat([iv, encrypted, tag])
+    const file: SecuredDataFile = {
+      version: '1.0',
+      algo: 'aes-256-gcm',
+      salt: salt.toString('base64'),
+      rounds: 100000,
+      data: combined.toString('base64'),
+    }
+
+    expect(() => decodeLegacyData(file, password)).toThrow(LegacyDataCorruptedError)
+  })
+
+  it('throws LegacyDataFormatError for invalid base64 data', () => {
+    const file: SecuredDataFile = {
+      version: '1.0',
+      algo: 'aes-256-gcm',
+      salt: 'dGVzdC1zYWx0',
+      rounds: 100000,
+      data: 'invalid base64!@#$%',
+    }
+
+    expect(() => decodeLegacyData(file, 'password')).toThrow(LegacyDataFormatError)
+  })
+})
diff --git a/apps/mobile/src/utils/legacyData.ts b/apps/mobile/src/utils/legacyData.ts
new file mode 100644
index 000000000..e4237ec30
--- /dev/null
+++ b/apps/mobile/src/utils/legacyData.ts
@@ -0,0 +1,78 @@
+import crypto from 'react-native-quick-crypto'
+
+export type SecuredDataFile = {
+  version: '1.0'
+  algo: 'aes-256-gcm'
+  salt: string
+  rounds: number
+  data: string
+}
+
+export type SerializedDataFile = {
+  version: '1.0'
+  data: unknown
+}
+
+// Custom error classes for safe error categorization
+export class LegacyDataPasswordError extends Error {
+  constructor() {
+    super('Invalid password for legacy data')
+    this.name = 'LegacyDataPasswordError'
+  }
+}
+
+export class LegacyDataFormatError extends Error {
+  constructor() {
+    super('Invalid legacy data format')
+    this.name = 'LegacyDataFormatError'
+  }
+}
+
+export class LegacyDataCorruptedError extends Error {
+  constructor() {
+    super('Legacy data appears to be corrupted')
+    this.name = 'LegacyDataCorruptedError'
+  }
+}
+
+export function decodeLegacyData(file: SecuredDataFile, password: string): SerializedDataFile {
+  if (file.version !== '1.0' || file.algo !== 'aes-256-gcm') {
+    throw new LegacyDataFormatError()
+  }
+
+  try {
+    const salt = Buffer.from(file.salt, 'base64')
+    const key = crypto.pbkdf2Sync(Buffer.from(password, 'utf8'), salt, file.rounds, 32, 'sha256')
+    const combined = Buffer.from(file.data, 'base64')
+    const iv = combined.subarray(0, 12)
+    const tag = combined.subarray(combined.length - 16)
+    const ciphertext = combined.subarray(12, combined.length - 16)
+
+    const decipher = crypto.createDecipheriv('aes-256-gcm', key, iv)
+    decipher.setAuthTag(tag)
+
+    let decrypted: Buffer
+    try {
+      decrypted = Buffer.concat([decipher.update(ciphertext), decipher.final()])
+    } catch (_cryptoError) {
+      // Authentication tag verification failure or decryption error = wrong password
+      throw new LegacyDataPasswordError()
+    }
+
+    try {
+      return JSON.parse(decrypted.toString('utf8'))
+    } catch (_jsonError) {
+      // Successfully decrypted but invalid JSON = corrupted data
+      throw new LegacyDataCorruptedError()
+    }
+  } catch (error) {
+    // Re-throw our custom errors
+    if (error instanceof LegacyDataPasswordError || error instanceof LegacyDataCorruptedError) {
+      throw error
+    }
+
+    // For any other errors (base64 decode, buffer operations, etc.)
+    // assume it's a format/corruption issue
+    throw new LegacyDataFormatError()
+  }
+}
diff --git a/apps/mobile/src/utils/logger.ts b/apps/mobile/src/utils/logger.ts
new file mode 100644
index 000000000..dd2f5251f
--- /dev/null
+++ b/apps/mobile/src/utils/logger.ts
@@ -0,0 +1,89 @@
+import { format } from 'date-fns'
+
+export enum LogLevel {
+  TRACE = 0,
+  INFO = 1,
+  WARN = 2,
+  ERROR = 3,
+}
+
+const style = (color: string, bold = true): string => {
+  return `color:${color};font-weight:${bold ? '600' : '300'};font-size:11px`
+}
+
+const now = (): string => format(new Date(), '[HH:mm:ss.SS]')
+
+const formatMessage = (
+  message: string,
+  color?: string,
+): [string, string, string, string] | [string, string, string] => {
+  if (color) {
+    return ['%c%s %s', style(color), now(), message]
+  }
+
+  return ['%s %s', now(), message]
+}
+
+class Logger {
+  private level: LogLevel = LogLevel.ERROR
+  private shouldLogErrorToSentry = false
+
+  setLevel = (level: LogLevel): void => {
+    this.level = level
+  }
+
+  shouldLog = (level: LogLevel): boolean => {
+    return level >= this.level
+  }
+
+  trace = (message: string, value?: unknown): void => {
+    if (this.shouldLog(LogLevel.TRACE)) {
+      console.groupCollapsed(...formatMessage(message, 'grey'))
+      if (value) {
+        console.trace(value)
+      }
+      console.groupEnd()
+    }
+  }
+
+  info = (message: string, value?: unknown): void => {
+    if (this.shouldLog(LogLevel.INFO)) {
+      if (message) {
+        console.info(...formatMessage(message))
+      }
+      if (value) {
+        console.info(value)
+      }
+    }
+  }
+
+  warn = (message: string, value?: unknown): void => {
+    if (this.shouldLog(LogLevel.WARN)) {
+      console.groupCollapsed(...formatMessage(message, 'yellow'))
+      if (value) {
+        console.warn(value)
+      }
+      console.groupEnd()
+    }
+  }
+
+  error = (message: string, value?: unknown): void => {
+    if (this.shouldLog(LogLevel.ERROR)) {
+      console.groupCollapsed(...formatMessage(message, 'red'))
+      if (value) {
+        console.error(value)
+      }
+      console.groupEnd()
+
+      if (this.shouldLogErrorToSentry) {
+        // TODO: implement Sentry error logging
+      }
+    }
+  }
+
+  setShouldLogErrorToSentry = (shouldLogErrorToSentry: boolean): void => {
+    this.shouldLogErrorToSentry = shouldLogErrorToSentry
+  }
+}
+
+export default new Logger()
diff --git a/apps/mobile/src/utils/notifications/__tests__/cleanup.test.ts b/apps/mobile/src/utils/notifications/__tests__/cleanup.test.ts
new file mode 100644
index 000000000..329f80620
--- /dev/null
+++ b/apps/mobile/src/utils/notifications/__tests__/cleanup.test.ts
@@ -0,0 +1,77 @@
+import { classifyNotificationError, createSubscriptionData } from '../cleanup'
+
+describe('notification cleanup utilities', () => {
+  describe('classifyNotificationError', () => {
+    it('should classify 404 errors as safe', () => {
+      const error = { status: 404, message: 'Not found' }
+      const result = classifyNotificationError(error)
+
+      expect(result.type).toBe('safe')
+      expect(result.message).toBe('Subscription already removed')
+    })
+
+    it('should classify server errors as blocking', () => {
+      const error = { status: 500, message: 'Internal server error' }
+      const result = classifyNotificationError(error)
+
+      expect(result.type).toBe('blocking')
+      expect(result.message).toContain('Server error (500)')
+    })
+
+    it('should classify rate limiting as blocking', () => {
+      const error = { status: 429, message: 'Too many requests' }
+      const result = classifyNotificationError(error)
+
+      expect(result.type).toBe('blocking')
+      expect(result.message).toContain('Rate limited')
+    })
+
+    it('should classify network errors as blocking', () => {
+      const error = new Error('Network timeout')
+      const result = classifyNotificationError(error)
+
+      expect(result.type).toBe('blocking')
+      expect(result.message).toBe('Network error: Cannot verify subscription removal')
+    })
+  })
+
+  describe('createSubscriptionData', () => {
+    it('should create subscription data without delegate address', async () => {
+      const result = await createSubscriptionData('0xSafe1', ['1', '137'], 'device123')
+
+      expect(result).toEqual([
+        {
+          chainId: '1',
+          deviceUuid: 'device123',
+          safeAddress: '0xSafe1',
+        },
+        {
+          chainId: '137',
+          deviceUuid: 'device123',
+          safeAddress: '0xSafe1',
+        },
+      ])
+    })
+
+    it('should create subscription data with delegate address', async () => {
+      const result = await createSubscriptionData('0xSafe1', ['1'], 'device123', '0xDelegate1')
+
+      expect(result).toEqual([
+        {
+          chainId: '1',
+          deviceUuid: 'device123',
+          safeAddress: '0xSafe1',
+          signerAddress: '0xDelegate1',
+        },
+      ])
+    })
+
+    it('should handle multiple chains with delegate', async () => {
+      const result = await createSubscriptionData('0xSafe1', ['1', '137', '10'], 'device123', '0xDelegate1')
+
+      expect(result).toHaveLength(3)
+      expect(result.every((item) => item.signerAddress === '0xDelegate1')).toBe(true)
+      expect(result.map((item) => item.chainId)).toEqual(['1', '137', '10'])
+    })
+  })
+})
diff --git a/apps/mobile/src/utils/notifications/accountType.test.ts b/apps/mobile/src/utils/notifications/accountType.test.ts
new file mode 100644
index 000000000..88acd129f
--- /dev/null
+++ b/apps/mobile/src/utils/notifications/accountType.test.ts
@@ -0,0 +1,34 @@
+import { getAccountType } from './accountType'
+import { NOTIFICATION_ACCOUNT_TYPE } from '@/src/store/constants'
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+const mockSafeInfo: SafeOverview = {
+  owners: [{ value: '0x123' }],
+  address: { value: '0x123' },
+  chainId: '1',
+  threshold: 1,
+  fiatTotal: '0',
+  queued: 0,
+} as SafeOverview
+
+const signers: Record<string, AddressInfo> = {
+  '0x123': { value: '0x123' },
+}
+
+describe('getAccountType', () => {
+  it('returns REGULAR when safeInfo is undefined', () => {
+    const result = getAccountType(undefined, signers)
+    expect(result).toEqual({ ownerFound: null, accountType: NOTIFICATION_ACCOUNT_TYPE.REGULAR })
+  })
+
+  it('returns OWNER when owner matches a signer', () => {
+    const result = getAccountType(mockSafeInfo, signers)
+    expect(result).toEqual({ ownerFound: { value: '0x123' }, accountType: NOTIFICATION_ACCOUNT_TYPE.OWNER })
+  })
+
+  it('returns REGULAR when no owners match signers', () => {
+    const result = getAccountType(mockSafeInfo, {})
+    expect(result).toEqual({ ownerFound: null, accountType: NOTIFICATION_ACCOUNT_TYPE.REGULAR })
+  })
+})
diff --git a/apps/mobile/src/utils/notifications/accountType.ts b/apps/mobile/src/utils/notifications/accountType.ts
new file mode 100644
index 000000000..60a3beb64
--- /dev/null
+++ b/apps/mobile/src/utils/notifications/accountType.ts
@@ -0,0 +1,16 @@
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { NOTIFICATION_ACCOUNT_TYPE } from '@/src/store/constants'
+
+export const getAccountType = (safeInfo: SafeOverview | undefined, signers: Record<string, AddressInfo>) => {
+  if (!safeInfo) {
+    return { ownerFound: null, accountType: NOTIFICATION_ACCOUNT_TYPE.REGULAR }
+  }
+
+  const ownerFound = safeInfo.owners.find((owner) => signers[owner.value]) ?? null
+
+  return {
+    ownerFound,
+    accountType: ownerFound ? NOTIFICATION_ACCOUNT_TYPE.OWNER : NOTIFICATION_ACCOUNT_TYPE.REGULAR,
+  }
+}
diff --git a/apps/mobile/src/utils/notifications/cleanup.ts b/apps/mobile/src/utils/notifications/cleanup.ts
new file mode 100644
index 000000000..3ec91c042
--- /dev/null
+++ b/apps/mobile/src/utils/notifications/cleanup.ts
@@ -0,0 +1,139 @@
+import { type Address } from '@/src/types/address'
+import { type RootState } from '@/src/store'
+import { selectAllDelegatesForSafeOwners } from '@/src/store/delegatesSlice'
+import Logger from '@/src/utils/logger'
+
+export interface NotificationCleanupError {
+  type: 'safe' | 'blocking'
+  message: string
+  originalError: unknown
+}
+
+export interface SafeNotificationInfo {
+  address: string
+  chainIds: string[]
+}
+
+/**
+ * Classifies errors to determine if they should block private key deletion
+ */
+export const classifyNotificationError = (error: unknown): NotificationCleanupError => {
+  if (error && typeof error === 'object' && 'status' in error) {
+    const status = (error as { status: number }).status
+
+    // Safe errors - don't block deletion
+    if (status === 404 || status === 410) {
+      return {
+        type: 'safe',
+        message: 'Subscription already removed',
+        originalError: error,
+      }
+    }
+
+    // Blocking errors - prevent deletion
+    if (status >= 500 || status === 401 || status === 403) {
+      return {
+        type: 'blocking',
+        message: `Server error (${status}): Cannot verify subscription removal`,
+        originalError: error,
+      }
+    }
+
+    // Rate limiting - blocking but with retry suggestion
+    if (status === 429) {
+      return {
+        type: 'blocking',
+        message: 'Rate limited: Too many requests. Please try again in a moment.',
+        originalError: error,
+      }
+    }
+  }
+
+  // Network errors, timeouts, etc. - blocking by default
+  return {
+    type: 'blocking',
+    message: 'Network error: Cannot verify subscription removal',
+    originalError: error,
+  }
+}
+
+export const getAffectedSafes = (
+  ownerAddress: Address,
+  allSafes: RootState['safes'],
+  allChains: { chainId: string }[],
+  safeSubscriptions: RootState['safeSubscriptions'],
+): SafeNotificationInfo[] => {
+  const affectedSafes: SafeNotificationInfo[] = []
+
+  Object.entries(allSafes).forEach(([safeAddress, chainDeployments]) => {
+    // Check if this owner is part of this safe
+    const isOwner = Object.values(chainDeployments).some((deployment) =>
+      deployment.owners.some((owner) => owner.value === ownerAddress),
+    )
+
+    if (isOwner) {
+      // Get chains where this safe is subscribed to notifications
+      const subscribedChains = allChains
+        .map((chain) => chain.chainId)
+        .filter((chainId) => {
+          const subscriptionStatus = safeSubscriptions[safeAddress]?.[chainId]
+          return subscriptionStatus === true
+        })
+
+      if (subscribedChains.length > 0) {
+        affectedSafes.push({
+          address: safeAddress,
+          chainIds: subscribedChains,
+        })
+      }
+    }
+  })
+
+  return affectedSafes
+}
+
+export const hasOtherDelegates = (
+  safeAddress: Address,
+  excludeDelegateAddress: Address,
+  state: Pick<RootState, 'safes' | 'delegates'>,
+): boolean => {
+  const allSafeDelegates = selectAllDelegatesForSafeOwners(state, safeAddress)
+  return allSafeDelegates.some((delegate) => delegate.delegateAddress !== excludeDelegateAddress)
+}
+
+export const createSubscriptionData = async (
+  safeAddress: string,
+  chainIds: string[],
+  deviceUuid: string,
+  delegateAddress?: string,
+) => {
+  return chainIds.map((chainId) => ({
+    chainId,
+    deviceUuid,
+    safeAddress,
+    ...(delegateAddress && { signerAddress: delegateAddress }),
+  }))
+}
+
+/**
+ * Clears authentication cookies before making non-authenticated API calls.
+ * This is a workaround for the React Native bug where credentials: 'omit' is ignored
+ * on Android and cookies are always sent.
+ *
+ * We do inline import to avoid circular dependency.
+ *
+ * @see https://github.com/facebook/react-native/issues/12956
+ */
+export const clearAuthBeforeUnauthenticatedCall = async (): Promise<void> => {
+  try {
+    const { cgwApi: authApi } = await import('@safe-global/store/gateway/AUTO_GENERATED/auth')
+    const { getStore } = await import('@/src/store/utils/singletonStore')
+
+    await getStore().dispatch(authApi.endpoints.authLogoutV1.initiate()).unwrap()
+
+    Logger.info('Cleared authentication cookies for unauthenticated API call')
+  } catch (error) {
+    // Logout failure shouldn't block the main operation
+    Logger.warn('Failed to clear authentication cookies', { error })
+  }
+}
diff --git a/apps/mobile/src/utils/notifications/index.ts b/apps/mobile/src/utils/notifications/index.ts
new file mode 100644
index 000000000..161b7ff9a
--- /dev/null
+++ b/apps/mobile/src/utils/notifications/index.ts
@@ -0,0 +1,61 @@
+import { AndroidChannel, AndroidImportance, AndroidVisibility } from '@notifee/react-native'
+import { NotificationType } from '@safe-global/store/gateway/AUTO_GENERATED/notifications'
+import { HDNodeWallet, Wallet } from 'ethers'
+
+export enum ChannelId {
+  DEFAULT_NOTIFICATION_CHANNEL_ID = 'DEFAULT_NOTIFICATION_CHANNEL_ID',
+  ANNOUNCEMENT_NOTIFICATION_CHANNEL_ID = 'ANNOUNCEMENT_NOTIFICATION_CHANNEL_ID',
+}
+
+export interface SafeAndroidChannel extends AndroidChannel {
+  id: ChannelId
+  title: string
+  subtitle: string
+}
+
+export const notificationChannels = [
+  {
+    id: ChannelId.DEFAULT_NOTIFICATION_CHANNEL_ID,
+    name: 'Transaction Complete',
+    lights: true,
+    vibration: true,
+    importance: AndroidImportance.HIGH,
+    visibility: AndroidVisibility.PUBLIC,
+    title: 'Transaction',
+    subtitle: 'Transaction Complete',
+  } as SafeAndroidChannel,
+  {
+    id: ChannelId.ANNOUNCEMENT_NOTIFICATION_CHANNEL_ID,
+    name: 'Safe Announcement',
+    lights: true,
+    vibration: true,
+    importance: AndroidImportance.HIGH,
+    visibility: AndroidVisibility.PUBLIC,
+    title: 'Announcement',
+    subtitle: 'Safe Announcement',
+  } as SafeAndroidChannel,
+]
+
+export function withTimeout<T>(promise: Promise<T>, ms: number): Promise<T> {
+  const timeout = new Promise<never>((_, reject) => setTimeout(() => reject(new Error('Timeout')), ms))
+  return Promise.race([promise, timeout])
+}
+
+export function getSigner(signerPK: string): Wallet | HDNodeWallet {
+  const signerAccount = new Wallet(signerPK)
+
+  return signerAccount
+}
+
+export const REGULAR_NOTIFICATIONS: NotificationType[] = [
+  'DELETED_MULTISIG_TRANSACTION',
+  'INCOMING_ETHER',
+  'INCOMING_TOKEN',
+  'MODULE_TRANSACTION',
+  'EXECUTED_MULTISIG_TRANSACTION',
+]
+export const OWNER_NOTIFICATIONS: NotificationType[] = [
+  ...REGULAR_NOTIFICATIONS,
+  'MESSAGE_CONFIRMATION_REQUEST',
+  'CONFIRMATION_REQUEST',
+]
diff --git a/apps/mobile/src/utils/retry.ts b/apps/mobile/src/utils/retry.ts
new file mode 100644
index 000000000..0d224a0d9
--- /dev/null
+++ b/apps/mobile/src/utils/retry.ts
@@ -0,0 +1,86 @@
+import Logger from '@/src/utils/logger'
+
+export interface RetryOptions {
+  maxRetries?: number
+  baseDelay?: number
+  enableJitter?: boolean
+  retryAllErrors?: boolean
+}
+
+/**
+ * Utility for retrying operations with configurable backoff strategies
+ */
+export const withRetry = async <T>(operation: () => Promise<T>, options: RetryOptions = {}): Promise<T> => {
+  const { maxRetries = 3, baseDelay = 1000, enableJitter = false, retryAllErrors = false } = options
+
+  let lastError: Error | null = null
+
+  for (let attempt = 0; attempt <= maxRetries; attempt++) {
+    try {
+      return await operation()
+    } catch (error) {
+      lastError = error as Error
+
+      if (attempt === maxRetries) {
+        throw lastError
+      }
+
+      // Determine if we should retry this error
+      const shouldRetry = retryAllErrors || isRetryableError(error)
+
+      if (!shouldRetry) {
+        throw lastError
+      }
+
+      // Calculate delay with appropriate strategy
+      const delay = calculateDelay(attempt, baseDelay, enableJitter, isRateLimitError(error))
+
+      Logger.warn(`Operation failed, retrying in ${delay}ms (attempt ${attempt + 1}/${maxRetries + 1})`, {
+        error: lastError.message,
+        attempt: attempt + 1,
+        maxRetries: maxRetries + 1,
+      })
+
+      await new Promise((resolve) => setTimeout(resolve, delay))
+    }
+  }
+
+  throw lastError
+}
+
+function isRateLimitError(error: unknown): boolean {
+  if (error && typeof error === 'object') {
+    if ('status' in error && (error as { status: number }).status === 429) {
+      return true
+    }
+
+    if ('message' in error) {
+      const message = (error as { message: string }).message.toLowerCase()
+      return message.includes('429') || message.includes('rate limit') || message.includes('too many requests')
+    }
+  }
+
+  return false
+}
+
+function isRetryableError(error: unknown): boolean {
+  return isRateLimitError(error)
+}
+
+function calculateDelay(attempt: number, baseDelay: number, enableJitter: boolean, isRateLimit: boolean): number {
+  if (isRateLimit) {
+    // Exponential backoff for rate limits
+    const exponentialDelay = baseDelay * Math.pow(2, attempt)
+    const jitter = enableJitter ? Math.random() * 1000 : 0
+    return exponentialDelay + jitter
+  } else {
+    // Linear backoff for other errors
+    return baseDelay * (attempt + 1)
+  }
+}
+
+export const withRateLimitRetry = <T>(operation: () => Promise<T>, maxRetries = 3) =>
+  withRetry(operation, { maxRetries, enableJitter: true })
+
+export const withGeneralRetry = <T>(operation: () => Promise<T>, maxRetries = 3) =>
+  withRetry(operation, { maxRetries, retryAllErrors: true })
diff --git a/apps/mobile/src/utils/signer.test.ts b/apps/mobile/src/utils/signer.test.ts
new file mode 100644
index 000000000..df8b76d7c
--- /dev/null
+++ b/apps/mobile/src/utils/signer.test.ts
@@ -0,0 +1,40 @@
+import { getSafeSigners } from './signer'
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+describe('getSafeSigners', () => {
+  const mockSafeInfo: SafeOverview = {
+    owners: [{ value: '0x123' }, { value: '0x456' }, { value: '0x789' }],
+    address: { value: '0x123' },
+    chainId: '1',
+    threshold: 2,
+    fiatTotal: '0',
+    queued: 0,
+  } as SafeOverview
+
+  const mockSigners: Record<string, AddressInfo> = {
+    '0x123': { value: '0x123' },
+    '0x789': { value: '0x789' },
+  }
+
+  it('should return only the owners that exist in signers', () => {
+    const result = getSafeSigners(mockSafeInfo, mockSigners)
+    expect(result).toEqual(['0x123', '0x789'])
+  })
+
+  it('should return empty array when no owners match signers', () => {
+    const emptySigners: Record<string, AddressInfo> = {}
+    const result = getSafeSigners(mockSafeInfo, emptySigners)
+    expect(result).toEqual([])
+  })
+
+  it('should handle case when all owners are signers', () => {
+    const allSigners: Record<string, AddressInfo> = {
+      '0x123': { value: '0x123' },
+      '0x456': { value: '0x456' },
+      '0x789': { value: '0x789' },
+    }
+    const result = getSafeSigners(mockSafeInfo, allSigners)
+    expect(result).toEqual(['0x123', '0x456', '0x789'])
+  })
+})
diff --git a/apps/mobile/src/utils/signer.ts b/apps/mobile/src/utils/signer.ts
new file mode 100644
index 000000000..a6ef9bc92
--- /dev/null
+++ b/apps/mobile/src/utils/signer.ts
@@ -0,0 +1,7 @@
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+export const getSafeSigners = (SafeInfo: SafeOverview, signers: Record<string, AddressInfo>) => {
+  const owners = SafeInfo.owners.map((owner) => owner.value)
+  return owners.filter((owner) => signers[owner])
+}
diff --git a/apps/mobile/src/utils/transaction-guards.test.ts b/apps/mobile/src/utils/transaction-guards.test.ts
new file mode 100644
index 000000000..aab64ad88
--- /dev/null
+++ b/apps/mobile/src/utils/transaction-guards.test.ts
@@ -0,0 +1,153 @@
+import {
+  DetailedExecutionInfoType,
+  ExecutionInfo,
+  TransactionInfoType,
+  TransactionListItemType,
+  TransactionStatus,
+  TransferDirection,
+} from '@safe-global/store/gateway/types'
+import {
+  isCancellationTxInfo,
+  isCreationTxInfo,
+  isCustomTxInfo,
+  isDateLabel,
+  isLabelListItem,
+  isModuleExecutionInfo,
+  isMultiSendTxInfo,
+  isMultisigExecutionInfo,
+  isOutgoingTransfer,
+  isSwapOrderTxInfo,
+  isTransactionListItem,
+  isTransferTxInfo,
+  isTxQueued,
+} from './transaction-guards'
+import { mockERC20Transfer, mockListItemByType, mockSwapTransfer, mockTransferWithInfo } from '../tests/mocks'
+
+const multisigTx: ExecutionInfo = {
+  type: DetailedExecutionInfoType.MULTISIG,
+  nonce: 1,
+  confirmationsRequired: 2,
+  confirmationsSubmitted: 1,
+  missingSigners: [
+    {
+      value: '0x000000',
+      name: 'alice',
+    },
+    {
+      value: '0x00asd0',
+      name: 'bob',
+    },
+  ],
+}
+
+const moduleTx: ExecutionInfo = {
+  type: DetailedExecutionInfoType.MODULE,
+  address: {
+    value: '0x000000',
+    name: 'alice',
+  },
+}
+
+describe('Transaction Guards', () => {
+  it('should check if isTxQueued', () => {
+    expect(isTxQueued(TransactionStatus.AWAITING_CONFIRMATIONS)).toBe(true)
+    expect(isTxQueued(TransactionStatus.AWAITING_EXECUTION)).toBe(true)
+    expect(isTxQueued(TransactionStatus.CANCELLED)).toBe(false)
+  })
+
+  it('should check a txInfo transfer', () => {
+    expect(isTransferTxInfo(mockERC20Transfer)).toBe(true)
+    expect(isTransferTxInfo(mockSwapTransfer)).toBe(true)
+  })
+
+  it('should check an outGoing transfer', () => {
+    const incomingTx = mockTransferWithInfo({
+      direction: TransferDirection.INCOMING,
+    })
+    const outGoingTx = mockTransferWithInfo({
+      direction: TransferDirection.OUTGOING,
+    })
+
+    expect(isOutgoingTransfer(outGoingTx)).toBe(true)
+    expect(isOutgoingTransfer(incomingTx)).toBe(false)
+  })
+
+  it('should check if a transaction is a custom transaction', () => {
+    const customTx = mockTransferWithInfo({
+      type: TransactionInfoType.CUSTOM,
+    })
+    const swapTx = mockTransferWithInfo({
+      type: TransactionInfoType.SWAP_ORDER,
+    })
+
+    expect(isCustomTxInfo(customTx)).toBe(true)
+    expect(isCustomTxInfo(swapTx)).toBe(false)
+  })
+
+  it('should check if a transaction is a multi send transaction', () => {
+    const multiSend = mockTransferWithInfo({
+      type: TransactionInfoType.CUSTOM,
+      methodName: 'multiSend',
+      actionCount: 2,
+    })
+    const swapTx = mockTransferWithInfo({
+      type: TransactionInfoType.SWAP_ORDER,
+    })
+
+    expect(isMultiSendTxInfo(multiSend)).toBe(true)
+    expect(isMultiSendTxInfo(swapTx)).toBe(false)
+  })
+
+  it('should check if it is possible to cancel a transaction', () => {
+    const multiSend = mockTransferWithInfo({
+      type: TransactionInfoType.CUSTOM,
+      methodName: 'multiSend',
+      actionCount: 2,
+      isCancellation: true,
+    })
+    const customTx = mockTransferWithInfo({
+      type: TransactionInfoType.CUSTOM,
+    })
+
+    expect(isCancellationTxInfo(multiSend)).toBe(true)
+    expect(isCancellationTxInfo(customTx)).toBeFalsy()
+  })
+
+  it('should check if it is a transaction list item', () => {
+    expect(isTransactionListItem(mockListItemByType(TransactionListItemType.TRANSACTION))).toBe(true)
+    expect(isTransactionListItem(mockListItemByType(TransactionListItemType.DATE_LABEL))).toBe(false)
+    expect(isTransactionListItem(mockListItemByType(TransactionListItemType.LABEL))).toBe(false)
+  })
+
+  it('should check if it is a DateLabel transaction', () => {
+    expect(isDateLabel(mockListItemByType(TransactionListItemType.TRANSACTION))).toBe(false)
+    expect(isDateLabel(mockListItemByType(TransactionListItemType.DATE_LABEL))).toBe(true)
+    expect(isDateLabel(mockListItemByType(TransactionListItemType.LABEL))).toBe(false)
+  })
+
+  it('should check if it is a Label list item', () => {
+    expect(isLabelListItem(mockListItemByType(TransactionListItemType.TRANSACTION))).toBe(false)
+    expect(isLabelListItem(mockListItemByType(TransactionListItemType.DATE_LABEL))).toBe(false)
+    expect(isLabelListItem(mockListItemByType(TransactionListItemType.LABEL))).toBe(true)
+  })
+
+  it('should check if it is a creation transaction type', () => {
+    expect(isCreationTxInfo(mockTransferWithInfo({ type: TransactionInfoType.CREATION }))).toBe(true)
+    expect(isCreationTxInfo(mockTransferWithInfo({ type: TransactionInfoType.CUSTOM }))).toBe(false)
+  })
+
+  it('should check if it is a multisig execution', () => {
+    expect(isMultisigExecutionInfo(multisigTx)).toBe(true)
+    expect(isMultisigExecutionInfo(moduleTx)).toBe(false)
+  })
+
+  it('should check if it is a multisig execution', () => {
+    expect(isModuleExecutionInfo(moduleTx)).toBe(true)
+    expect(isModuleExecutionInfo(multisigTx)).toBe(false)
+  })
+
+  it('should check if it is a swap order', () => {
+    expect(isSwapOrderTxInfo(mockTransferWithInfo({ type: TransactionInfoType.SWAP_ORDER }))).toBe(true)
+    expect(isSwapOrderTxInfo(mockTransferWithInfo({ type: TransactionInfoType.CUSTOM }))).toBe(false)
+  })
+})
diff --git a/apps/mobile/src/utils/transaction-guards.ts b/apps/mobile/src/utils/transaction-guards.ts
new file mode 100644
index 000000000..cd9b0a11a
--- /dev/null
+++ b/apps/mobile/src/utils/transaction-guards.ts
@@ -0,0 +1,229 @@
+import uniq from 'lodash/uniq'
+import {
+  type Cancellation,
+  type MultiSend,
+  ConflictType,
+  DetailedExecutionInfoType,
+  TransactionInfoType,
+  TransactionListItemType,
+  TransactionTokenType,
+  TransferDirection,
+} from '@safe-global/store/gateway/types'
+
+import type {
+  ModuleExecutionInfo,
+  TransactionDetails,
+  SwapTransferTransactionInfo,
+  TwapOrderTransactionInfo,
+  ConflictHeaderQueuedItem,
+  TransactionQueuedItem,
+  DateLabel,
+  TransferTransactionInfo,
+  SettingsChangeTransaction,
+  LabelQueuedItem,
+  MultisigExecutionInfo,
+  SwapOrderTransactionInfo,
+  Erc20Transfer,
+  Erc721Transfer,
+  NativeCoinTransfer,
+  Transaction,
+  CreationTransactionInfo,
+  CustomTransactionInfo,
+  MultisigExecutionDetails,
+  NativeStakingDepositTransactionInfo,
+  NativeStakingValidatorsExitTransactionInfo,
+  NativeStakingWithdrawTransactionInfo,
+  VaultDepositTransactionInfo,
+  VaultRedeemTransactionInfo,
+  DataDecoded,
+  BridgeAndSwapTransactionInfo,
+  SwapTransactionInfo,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+import { HistoryTransactionItems, PendingTransactionItems } from '@safe-global/store/gateway/types'
+
+type TransactionInfo = Transaction['txInfo']
+
+const TransactionStatus = {
+  AWAITING_CONFIRMATIONS: 'AWAITING_CONFIRMATIONS',
+  AWAITING_EXECUTION: 'AWAITING_EXECUTION',
+  CANCELLED: 'CANCELLED',
+  FAILED: 'FAILED',
+  SUCCESS: 'SUCCESS',
+}
+
+export const isTxQueued = (value: Transaction['txStatus']): boolean => {
+  return [TransactionStatus.AWAITING_CONFIRMATIONS as string, TransactionStatus.AWAITING_EXECUTION as string].includes(
+    value,
+  )
+}
+
+export const isMultisigDetailedExecutionInfo = (
+  value?: TransactionDetails['detailedExecutionInfo'],
+): value is MultisigExecutionDetails => {
+  return value?.type === DetailedExecutionInfoType.MULTISIG
+}
+
+export const getBulkGroupTxHash = (group: PendingTransactionItems[]) => {
+  const hashList = group.map((item) => {
+    if (isTransactionListItem(item)) {
+      return item.transaction.txHash
+    }
+    return null
+  })
+  return uniq(hashList).length === 1 ? hashList[0] : undefined
+}
+
+export const isArrayParameter = (parameter: string): boolean => /(\[\d*?])+$/.test(parameter)
+export const getTxHash = (item: TransactionQueuedItem): string => item.transaction.txHash as unknown as string
+
+export const isTransferTxInfo = (value: Transaction['txInfo']): value is TransferTransactionInfo => {
+  return value.type === TransactionInfoType.TRANSFER || isSwapTransferOrderTxInfo(value)
+}
+
+export const isSettingsChangeTxInfo = (value: Transaction['txInfo']): value is SettingsChangeTransaction => {
+  return value.type === TransactionInfoType.SETTINGS_CHANGE
+}
+
+export const isAddSignerTxInfo = (value: Transaction['txInfo']): value is SettingsChangeTransaction => {
+  return isSettingsChangeTxInfo(value) && value.settingsInfo?.type === 'ADD_OWNER'
+}
+
+export const isRemoveSignerTxInfo = (value: Transaction['txInfo']): value is SettingsChangeTransaction => {
+  return isSettingsChangeTxInfo(value) && value.settingsInfo?.type === 'REMOVE_OWNER'
+}
+
+/**
+ * A fulfillment transaction for swap, limit or twap order is always a SwapOrder
+ * It cannot be a TWAP order
+ *
+ * @param value
+ */
+export const isSwapTransferOrderTxInfo = (value: Transaction['txInfo']): value is SwapTransferTransactionInfo => {
+  return value.type === TransactionInfoType.SWAP_TRANSFER
+}
+
+export const isOutgoingTransfer = (txInfo: Transaction['txInfo']): boolean => {
+  return isTransferTxInfo(txInfo) && txInfo.direction.toUpperCase() === TransferDirection.OUTGOING
+}
+
+export const isCustomTxInfo = (value: Transaction['txInfo']): value is CustomTransactionInfo => {
+  return value.type === TransactionInfoType.CUSTOM
+}
+
+export const isChangeThresholdTxInfo = (value: Transaction['txInfo']): value is SettingsChangeTransaction => {
+  return value.type === TransactionInfoType.SETTINGS_CHANGE && value.settingsInfo?.type === 'CHANGE_THRESHOLD'
+}
+
+export const isMultiSendTxInfo = (value: Transaction['txInfo']): value is MultiSend => {
+  return (
+    value.type === TransactionInfoType.CUSTOM &&
+    value.methodName === 'multiSend' &&
+    typeof value.actionCount === 'number'
+  )
+}
+
+export const isMultiSendData = (value: DataDecoded) => {
+  return value.method === 'multiSend'
+}
+
+export const isSwapOrderTxInfo = (value: TransactionInfo): value is SwapOrderTransactionInfo => {
+  return value.type === TransactionInfoType.SWAP_ORDER
+}
+export const isTwapOrderTxInfo = (value: Transaction['txInfo']): value is TwapOrderTransactionInfo => {
+  return value.type === TransactionInfoType.TWAP_ORDER
+}
+
+export const isOrderTxInfo = (value: Transaction['txInfo']): value is SwapOrderTransactionInfo => {
+  return isSwapOrderTxInfo(value) || isTwapOrderTxInfo(value)
+}
+
+export const isCancellationTxInfo = (value: Transaction['txInfo']): value is Cancellation => {
+  return isCustomTxInfo(value) && value.isCancellation
+}
+
+export const isStakingTxDepositInfo = (value: Transaction['txInfo']): value is NativeStakingDepositTransactionInfo => {
+  return value.type === TransactionInfoType.NATIVE_STAKING_DEPOSIT
+}
+
+export const isStakingTxExitInfo = (
+  value: Transaction['txInfo'],
+): value is NativeStakingValidatorsExitTransactionInfo => {
+  return value.type === TransactionInfoType.NATIVE_STAKING_VALIDATORS_EXIT
+}
+
+export const isStakingTxWithdrawInfo = (
+  value: Transaction['txInfo'],
+): value is NativeStakingWithdrawTransactionInfo => {
+  return value.type === TransactionInfoType.NATIVE_STAKING_WITHDRAW
+}
+
+export const isTransactionListItem = (
+  value: HistoryTransactionItems | PendingTransactionItems,
+): value is TransactionQueuedItem => {
+  return value.type === TransactionListItemType.TRANSACTION
+}
+
+export const isConflictHeaderListItem = (value: PendingTransactionItems): value is ConflictHeaderQueuedItem => {
+  return value.type === TransactionListItemType.CONFLICT_HEADER
+}
+
+export const isNoneConflictType = (transaction: TransactionQueuedItem) => {
+  return transaction.conflictType === ConflictType.NONE
+}
+
+export const isDateLabel = (value: HistoryTransactionItems | PendingTransactionItems): value is DateLabel => {
+  return value.type === TransactionListItemType.DATE_LABEL
+}
+
+export const isLabelListItem = (value: PendingTransactionItems | DateLabel): value is LabelQueuedItem => {
+  return value.type === TransactionListItemType.LABEL
+}
+
+export const isCreationTxInfo = (value: TransactionInfo): value is CreationTransactionInfo => {
+  return value.type === TransactionInfoType.CREATION
+}
+
+export const isMultisigExecutionInfo = (
+  value?: Transaction['executionInfo'] | TransactionDetails['detailedExecutionInfo'],
+): value is MultisigExecutionInfo => {
+  return value?.type === 'MULTISIG'
+}
+
+export const isModuleExecutionInfo = (
+  value?: Transaction['executionInfo'] | TransactionDetails['detailedExecutionInfo'],
+): value is ModuleExecutionInfo => value?.type === 'MODULE'
+
+export const isNativeTokenTransfer = (value: TransferTransactionInfo['transferInfo']): value is NativeCoinTransfer => {
+  return value.type === TransactionTokenType.NATIVE_COIN
+}
+
+export const isERC20Transfer = (value: TransferTransactionInfo['transferInfo']): value is Erc20Transfer => {
+  return value.type === TransactionTokenType.ERC20
+}
+
+export const isERC721Transfer = (value: TransferTransactionInfo['transferInfo']): value is Erc721Transfer => {
+  return value.type === TransactionTokenType.ERC721
+}
+
+export const isVaultDepositTxInfo = (value: TransactionDetails['txInfo']): value is VaultDepositTransactionInfo => {
+  return value.type === 'VaultDeposit'
+}
+
+export const isVaultRedeemTxInfo = (value: TransactionDetails['txInfo']): value is VaultRedeemTransactionInfo => {
+  return value.type === 'VaultRedeem'
+}
+
+export const isAnyEarnTxInfo = (
+  value: TransactionDetails['txInfo'],
+): value is VaultDepositTransactionInfo | VaultRedeemTransactionInfo => {
+  return isVaultDepositTxInfo(value) || isVaultRedeemTxInfo(value)
+}
+
+export const isBridgeOrderTxInfo = (value: Transaction['txInfo']): value is BridgeAndSwapTransactionInfo => {
+  return value.type === 'SwapAndBridge'
+}
+
+export const isLifiSwapTxInfo = (value: Transaction['txInfo']): value is SwapTransactionInfo => {
+  return value.type === 'Swap'
+}
diff --git a/apps/mobile/src/utils/transactions.test.tsx b/apps/mobile/src/utils/transactions.test.tsx
new file mode 100644
index 000000000..f1e13072b
--- /dev/null
+++ b/apps/mobile/src/utils/transactions.test.tsx
@@ -0,0 +1,47 @@
+import { getTransactionType } from './transactions'
+import { ETxType } from '../types/txType'
+import { NativeStakingDepositTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+describe('getTransactionType', () => {
+  it('should return STAKE_DEPOSIT for NativeStakingDeposit transactions', () => {
+    const stakingDepositTxInfo: NativeStakingDepositTransactionInfo = {
+      type: 'NativeStakingDeposit',
+      humanDescription: 'Deposit ETH for staking',
+      status: 'ACTIVE',
+      estimatedEntryTime: 86400000,
+      estimatedExitTime: 30 * 86400000,
+      estimatedWithdrawalTime: 32 * 86400000,
+      fee: 0.05,
+      monthlyNrr: 4.2,
+      annualNrr: 50.4,
+      value: '32000000000000000000',
+      numValidators: 1,
+      expectedAnnualReward: '1612800000000000000',
+      expectedMonthlyReward: '134400000000000000',
+      expectedFiatAnnualReward: 4838.4,
+      expectedFiatMonthlyReward: 403.2,
+      tokenInfo: {
+        address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
+        decimals: 18,
+        logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+        name: 'Ethereum',
+        symbol: 'ETH',
+        trusted: true,
+      },
+      validators: ['0x123...abc'],
+    }
+
+    const result = getTransactionType({ txInfo: stakingDepositTxInfo })
+    expect(result).toBe(ETxType.STAKE_DEPOSIT)
+  })
+
+  it('should return null for unknown transaction types', () => {
+    const unknownTxInfo = {
+      type: 'UnknownType',
+    }
+
+    // @ts-expect-error - Testing with invalid transaction type for completeness
+    const result = getTransactionType({ txInfo: unknownTxInfo })
+    expect(result).toBe(null)
+  })
+})
diff --git a/apps/mobile/src/utils/transactions.tsx b/apps/mobile/src/utils/transactions.tsx
new file mode 100644
index 000000000..0bae59a57
--- /dev/null
+++ b/apps/mobile/src/utils/transactions.tsx
@@ -0,0 +1,108 @@
+import { GroupedTxs } from '@/src/features/TxHistory/utils'
+import {
+  isTransferTxInfo,
+  isAddSignerTxInfo,
+  isMultiSendTxInfo,
+  isCustomTxInfo,
+  isERC721Transfer,
+  isRemoveSignerTxInfo,
+  isOrderTxInfo,
+  isVaultDepositTxInfo,
+  isVaultRedeemTxInfo,
+  isStakingTxDepositInfo,
+  isStakingTxExitInfo,
+  isStakingTxWithdrawInfo,
+  isCancellationTxInfo,
+  isBridgeOrderTxInfo,
+  isLifiSwapTxInfo,
+} from '@/src/utils/transaction-guards'
+import { Transaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { ETxType } from '../types/txType'
+
+export const getTransactionType = ({ txInfo }: { txInfo: Transaction['txInfo'] }) => {
+  if (isTransferTxInfo(txInfo)) {
+    return ETxType.TOKEN_TRANSFER
+  }
+
+  if (isTransferTxInfo(txInfo) && isERC721Transfer(txInfo)) {
+    return ETxType.NFT_TRANSFER
+  }
+
+  if (isAddSignerTxInfo(txInfo)) {
+    return ETxType.ADD_SIGNER
+  }
+
+  if (isRemoveSignerTxInfo(txInfo)) {
+    return ETxType.REMOVE_SIGNER
+  }
+
+  if (isCancellationTxInfo(txInfo)) {
+    return ETxType.CANCEL_TX
+  }
+
+  if (isMultiSendTxInfo(txInfo) || isCustomTxInfo(txInfo)) {
+    return ETxType.CONTRACT_INTERACTION
+  }
+
+  if (isOrderTxInfo(txInfo)) {
+    return ETxType.SWAP_ORDER
+  }
+
+  if (isBridgeOrderTxInfo(txInfo)) {
+    return ETxType.BRIDGE_ORDER
+  }
+
+  if (isLifiSwapTxInfo(txInfo)) {
+    return ETxType.LIFI_SWAP
+  }
+
+  if (isStakingTxDepositInfo(txInfo)) {
+    return ETxType.STAKE_DEPOSIT
+  }
+
+  if (isStakingTxExitInfo(txInfo)) {
+    return ETxType.STAKE_WITHDRAW_REQUEST
+  }
+
+  if (isStakingTxWithdrawInfo(txInfo)) {
+    return ETxType.STAKE_EXIT
+  }
+
+  if (isVaultDepositTxInfo(txInfo)) {
+    return ETxType.VAULT_DEPOSIT
+  }
+
+  if (isVaultRedeemTxInfo(txInfo)) {
+    return ETxType.VAULT_REDEEM
+  }
+
+  return null
+}
+
+export const groupBulkTxs = <T extends { type: string; transaction?: Transaction }>(
+  list: GroupedTxs<T>,
+): GroupedTxs<T> => {
+  const grouped = list
+    .reduce<GroupedTxs<T>>((resultItems, item) => {
+      if (Array.isArray(item) || item.type !== 'TRANSACTION') {
+        return resultItems.concat([item])
+      }
+      const currentTxHash = item.transaction?.txHash
+
+      const prevItem = resultItems[resultItems.length - 1]
+      if (!Array.isArray(prevItem)) {
+        return resultItems.concat([[item]])
+      }
+      const prevTxHash = prevItem[0]?.transaction?.txHash
+
+      if (currentTxHash && currentTxHash === prevTxHash) {
+        prevItem.push(item)
+        return resultItems
+      }
+
+      return resultItems.concat([[item]])
+    }, [])
+    .map((item) => (Array.isArray(item) && item.length === 1 ? item[0] : item))
+
+  return grouped
+}
diff --git a/apps/mobile/src/utils/url.test.ts b/apps/mobile/src/utils/url.test.ts
new file mode 100644
index 000000000..50d33fd67
--- /dev/null
+++ b/apps/mobile/src/utils/url.test.ts
@@ -0,0 +1,64 @@
+import { isIpOrLocalhostUrl, isHttpsUrl } from './url'
+
+describe('url utilities', () => {
+  describe('isIpOrLocalhostUrl', () => {
+    it('should return true for localhost', () => {
+      expect(isIpOrLocalhostUrl('http://localhost:3000')).toBe(true)
+      expect(isIpOrLocalhostUrl('https://localhost')).toBe(true)
+    })
+
+    it('should return true for 127.0.0.1', () => {
+      expect(isIpOrLocalhostUrl('http://127.0.0.1:8080')).toBe(true)
+      expect(isIpOrLocalhostUrl('https://127.0.0.1')).toBe(true)
+    })
+
+    it('should return true for private IP ranges', () => {
+      expect(isIpOrLocalhostUrl('http://192.168.1.1')).toBe(true)
+      expect(isIpOrLocalhostUrl('http://10.0.0.1')).toBe(true)
+      expect(isIpOrLocalhostUrl('http://172.16.0.1')).toBe(true)
+    })
+
+    it('should return false for public domains', () => {
+      expect(isIpOrLocalhostUrl('https://safe.global')).toBe(false)
+      expect(isIpOrLocalhostUrl('https://app.safe.global')).toBe(false)
+      expect(isIpOrLocalhostUrl('https://google.com')).toBe(false)
+    })
+
+    it('should return false for invalid URLs', () => {
+      expect(isIpOrLocalhostUrl('not-a-url')).toBe(false)
+      expect(isIpOrLocalhostUrl('')).toBe(false)
+    })
+
+    it('should return false for public IP addresses', () => {
+      expect(isIpOrLocalhostUrl('http://8.8.8.8')).toBe(false)
+      expect(isIpOrLocalhostUrl('http://1.1.1.1')).toBe(false)
+    })
+  })
+
+  describe('isHttpsUrl', () => {
+    it('should return true for HTTPS URLs', () => {
+      expect(isHttpsUrl('https://safe.global')).toBe(true)
+      expect(isHttpsUrl('https://app.safe.global')).toBe(true)
+      expect(isHttpsUrl('https://localhost:3000')).toBe(true)
+      expect(isHttpsUrl('https://192.168.1.1')).toBe(true)
+    })
+
+    it('should return false for HTTP URLs', () => {
+      expect(isHttpsUrl('http://safe.global')).toBe(false)
+      expect(isHttpsUrl('http://localhost:3000')).toBe(false)
+      expect(isHttpsUrl('http://192.168.1.1')).toBe(false)
+    })
+
+    it('should return false for other protocols', () => {
+      expect(isHttpsUrl('ftp://example.com')).toBe(false)
+      expect(isHttpsUrl('ws://example.com')).toBe(false)
+      expect(isHttpsUrl('file:///path/to/file')).toBe(false)
+    })
+
+    it('should return false for invalid URLs', () => {
+      expect(isHttpsUrl('not-a-url')).toBe(false)
+      expect(isHttpsUrl('')).toBe(false)
+      expect(isHttpsUrl('just-text')).toBe(false)
+    })
+  })
+})
diff --git a/apps/mobile/src/utils/url.ts b/apps/mobile/src/utils/url.ts
new file mode 100644
index 000000000..80ceb07e6
--- /dev/null
+++ b/apps/mobile/src/utils/url.ts
@@ -0,0 +1,40 @@
+/**
+ * Determines if a URL string is for an IP address or localhost
+ * @param urlString - URL as string
+ * @returns true if the URL is for an IP address or localhost
+ */
+export function isIpOrLocalhostUrl(urlString: string): boolean {
+  try {
+    const urlObj = new URL(urlString)
+    const hostname = urlObj.hostname
+
+    // Check if this is an IP address or localhost
+    return (
+      hostname === 'localhost' ||
+      hostname === '127.0.0.1' ||
+      /^192\.168\.\d+\.\d+$/.test(hostname) ||
+      /^10\.\d+\.\d+\.\d+$/.test(hostname) ||
+      /^172\.(1[6-9]|2\d|3[0-1])\.\d+\.\d+$/.test(hostname)
+    )
+  } catch (error) {
+    // If we can't parse the URL, better to be safe and assume it's not an IP/localhost
+    console.error('Error parsing URL:', error)
+    return false
+  }
+}
+
+/**
+ * Determines if a URL string uses the HTTPS protocol
+ * @param urlString - URL as string
+ * @returns true if the URL uses HTTPS protocol, false otherwise
+ */
+export function isHttpsUrl(urlString: string): boolean {
+  try {
+    const urlObj = new URL(urlString)
+    return urlObj.protocol === 'https:'
+  } catch (error) {
+    // If we can't parse the URL, assume it's not HTTPS for safety
+    console.error('Error parsing URL:', error)
+    return false
+  }
+}
diff --git a/apps/mobile/src/utils/uuid.test.ts b/apps/mobile/src/utils/uuid.test.ts
new file mode 100644
index 000000000..13400a4b0
--- /dev/null
+++ b/apps/mobile/src/utils/uuid.test.ts
@@ -0,0 +1,60 @@
+import { convertToUuid, isValidUuid } from './uuid'
+
+// Mock react-native-quick-crypto
+jest.mock('react-native-quick-crypto', () => ({
+  createHash: jest.fn().mockReturnValue({
+    update: jest.fn().mockReturnThis(),
+    digest: jest.fn().mockReturnValue('abcdef1234567890abcdef1234567890'),
+  }),
+}))
+
+describe('UUID Utilities', () => {
+  describe('convertToUuid', () => {
+    it('should return the same string if it already contains hyphens', () => {
+      const uuid = '123e4567-e89b-12d3-a456-426614174000'
+      expect(convertToUuid(uuid)).toBe(uuid)
+    })
+
+    it('should convert a device ID to a valid UUID v4 format', () => {
+      const deviceId = '1234567890abcdef'
+      const uuid = convertToUuid(deviceId)
+
+      // Check the format using regex
+      expect(uuid).toMatch(/^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i)
+
+      // Verify parts of the UUID
+      const parts = uuid.split('-')
+      expect(parts.length).toBe(5)
+      expect(parts[0].length).toBe(8)
+      expect(parts[1].length).toBe(4)
+      expect(parts[2].length).toBe(4)
+      expect(parts[2][0]).toBe('4') // Version 4
+      expect(['8', '9', 'a', 'b'].includes(parts[3][0].toLowerCase())).toBeTruthy() // Variant
+      expect(parts[3].length).toBe(4)
+      expect(parts[4].length).toBe(12)
+    })
+
+    it('should generate the same UUID for the same device ID', () => {
+      const deviceId = '1234567890abcdef'
+      const uuid1 = convertToUuid(deviceId)
+      const uuid2 = convertToUuid(deviceId)
+
+      expect(uuid1).toBe(uuid2)
+    })
+  })
+
+  describe('isValidUuid', () => {
+    it('should return true for valid UUIDs', () => {
+      expect(isValidUuid('123e4567-e89b-42d3-a456-426614174000')).toBe(true)
+      expect(isValidUuid('a8098c1a-f86e-4538-8B2F-ABB9770C8BDE')).toBe(true) // Case insensitive
+    })
+
+    it('should return false for invalid UUIDs', () => {
+      expect(isValidUuid('not-a-uuid')).toBe(false)
+      expect(isValidUuid('123e4567-e89b-12d3-a456-426614174000')).toBe(false) // Wrong version (not 4)
+      expect(isValidUuid('123e4567-e89b-42d3-e456-426614174000')).toBe(false) // Wrong variant (not 8-b)
+      expect(isValidUuid('123e4567-e89b42d3-a456-426614174000')).toBe(false) // Wrong format
+      expect(isValidUuid('')).toBe(false)
+    })
+  })
+})
diff --git a/apps/mobile/src/utils/uuid.ts b/apps/mobile/src/utils/uuid.ts
new file mode 100644
index 000000000..cee3bcbb4
--- /dev/null
+++ b/apps/mobile/src/utils/uuid.ts
@@ -0,0 +1,44 @@
+import crypto from 'react-native-quick-crypto'
+
+/**
+ * Converts a device ID to a proper RFC4122-compliant UUID v4
+ * @param deviceId The device ID to convert
+ * @returns A valid UUID v4 string in format xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
+ */
+export const convertToUuid = (deviceId: string): string => {
+  // If already in UUID format, return as is
+  if (deviceId.includes('-')) {
+    return deviceId
+  }
+
+  // Generate deterministic "random" bytes based on the device ID
+  const randomBytes = crypto.createHash('md5').update(deviceId).digest('hex')
+
+  // Format as UUID v4
+  return (
+    randomBytes.substring(0, 8) +
+    '-' +
+    randomBytes.substring(8, 12) +
+    '-' +
+    // Set version bits (bits 12-15 of time_hi_and_version) to 0100 (version 4)
+    '4' +
+    randomBytes.substring(13, 16) +
+    '-' +
+    // Set variant bits (bits 6-7 of clock_seq_hi_and_reserved) to 10
+    // (8, 9, a, or b) followed by the rest
+    ((parseInt(randomBytes.charAt(16), 16) & 0x3) | 0x8).toString(16) +
+    randomBytes.substring(17, 20) +
+    '-' +
+    randomBytes.substring(20, 32)
+  )
+}
+
+/**
+ * Validates if a string is a valid UUID
+ * @param uuid String to validate
+ * @returns True if the string is a valid UUID
+ */
+export const isValidUuid = (uuid: string): boolean => {
+  const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i
+  return uuidRegex.test(uuid)
+}
diff --git a/apps/mobile/tsconfig.json b/apps/mobile/tsconfig.json
new file mode 100644
index 000000000..a2e2cde7d
--- /dev/null
+++ b/apps/mobile/tsconfig.json
@@ -0,0 +1,16 @@
+{
+  "extends": "expo/tsconfig.base",
+  "compilerOptions": {
+    "strict": true,
+    "paths": {
+      "@/*": ["./*"],
+      "@safe-global/store/*": ["../../packages/store/src/*"],
+      "@safe-global/utils/*": ["../../packages/utils/src/*"],
+      "@safe-global/test/*": ["../../config/test/*"],
+      "@cowprotocol/app-data": ["../../node_modules/@cowprotocol/app-data/dist/index.d.ts"]
+    },
+    "types": ["jest", "node"]
+  },
+  "include": ["**/*.ts", "**/*.tsx", ".expo/types/**/*.ts", "expo-env.d.ts"],
+  "exclude": ["./__mocks__/**/*"]
+}
diff --git a/.dockerignore b/apps/web/.dockerignore
similarity index 100%
rename from .dockerignore
rename to apps/web/.dockerignore
diff --git a/apps/web/.env.example b/apps/web/.env.example
new file mode 100644
index 000000000..4a4f66bdc
--- /dev/null
+++ b/apps/web/.env.example
@@ -0,0 +1,3 @@
+NEXT_PUBLIC_INFURA_TOKEN=1234567890
+NEXT_PUBLIC_WC_PROJECT_ID=0987654321
+NEXT_PUBLIC_IS_OFFICIAL_HOST=false
\ No newline at end of file
diff --git a/apps/web/.gitignore b/apps/web/.gitignore
new file mode 100644
index 000000000..e546c7c7e
--- /dev/null
+++ b/apps/web/.gitignore
@@ -0,0 +1,3 @@
+# Auto-generated service workers
+public/*.js
+public/*.map
diff --git a/apps/web/.storybook/main.ts b/apps/web/.storybook/main.ts
new file mode 100644
index 000000000..053c2f568
--- /dev/null
+++ b/apps/web/.storybook/main.ts
@@ -0,0 +1,83 @@
+import type { StorybookConfig } from '@storybook/nextjs'
+import path from 'path'
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-onboarding',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@chromatic-com/storybook',
+    '@storybook/addon-interactions',
+    '@storybook/addon-themes',
+    '@storybook/addon-designs',
+  ],
+  /**
+   * In our monorepo setup, if we just specify the name,
+   * we end up with the wrong path to webpack5 preset. We need to
+   * resolve the path:
+   *
+   * https://github.com/storybookjs/storybook/issues/21216#issuecomment-2187481646
+   */
+  framework: path.resolve(require.resolve('@storybook/nextjs/preset'), '..'),
+  webpackFinal: async (config) => {
+    config.module = config.module || {}
+    config.module.rules = config.module.rules || []
+
+    // This modifies the existing image rule to exclude .svg files
+    // since you want to handle those files with @svgr/webpack
+    const imageRule = config.module.rules.find((rule) => rule?.['test']?.test('.svg'))
+    if (imageRule) {
+      imageRule['exclude'] = /\.svg$/
+    }
+
+    config.module.rules.push({
+      test: /\.svg$/i,
+      issuer: { and: [/\.(js|ts|md)x?$/] },
+      use: [
+        {
+          loader: '@svgr/webpack',
+          options: {
+            prettier: false,
+            svgo: false,
+            svgoConfig: {
+              plugins: [
+                {
+                  name: 'preset-default',
+                  params: {
+                    overrides: { removeViewBox: false },
+                  },
+                },
+              ],
+            },
+            titleProp: true,
+          },
+        },
+      ],
+    })
+
+    return config
+  },
+  docs: {
+    autodocs: 'tag',
+  },
+  staticDirs: ['../public'],
+
+  typescript: {
+    reactDocgen: 'react-docgen-typescript',
+    reactDocgenTypescriptOptions: {
+      // Speeds up Storybook build time
+      compilerOptions: {
+        allowSyntheticDefaultImports: false,
+        esModuleInterop: false,
+      },
+      // Makes union prop types like variant and size appear as select controls
+      shouldExtractLiteralValuesFromEnum: true,
+      // Makes string and boolean types that can be undefined appear as inputs and switches
+      shouldRemoveUndefinedFromOptional: true,
+      // Filter out third-party props from node_modules except @mui packages
+      propFilter: (prop) => (prop.parent ? !/node_modules\/(?!@mui)/.test(prop.parent.fileName) : true),
+    },
+  },
+}
+export default config
diff --git a/.storybook/preview.ts b/apps/web/.storybook/preview.ts
similarity index 100%
rename from .storybook/preview.ts
rename to apps/web/.storybook/preview.ts
diff --git a/apps/web/Dockerfile b/apps/web/Dockerfile
new file mode 100644
index 000000000..897e454b6
--- /dev/null
+++ b/apps/web/Dockerfile
@@ -0,0 +1,30 @@
+FROM node:18-alpine
+RUN apk add --no-cache libc6-compat git python3 py3-pip make g++ libusb-dev eudev-dev linux-headers
+
+# Set working directory
+WORKDIR /app
+
+# Copy root
+COPY . .
+
+# Set working directory to the web app
+WORKDIR apps/web
+
+# Enable corepack and configure yarn
+RUN corepack enable
+RUN yarn config set httpTimeout 300000
+
+# Run any custom post-install scripts
+RUN yarn install --immutable
+RUN yarn after-install
+
+# Set environment variables
+ENV NODE_ENV production
+ENV NEXT_TELEMETRY_DISABLED 1
+ENV PORT 3000
+
+# Expose the port
+EXPOSE 3000
+
+# Command to start the application
+CMD ["yarn", "static-serve"]
\ No newline at end of file
diff --git a/apps/web/LICENSE b/apps/web/LICENSE
new file mode 100644
index 000000000..e72bfddab
--- /dev/null
+++ b/apps/web/LICENSE
@@ -0,0 +1,674 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU General Public License is a free, copyleft license for
+software and other kinds of works.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+the GNU General Public License is intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.  We, the Free Software Foundation, use the
+GNU General Public License for most of our software; it applies also to
+any other work released this way by its authors.  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  To protect your rights, we need to prevent others from denying you
+these rights or asking you to surrender the rights.  Therefore, you have
+certain responsibilities if you distribute copies of the software, or if
+you modify it: responsibilities to respect the freedom of others.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must pass on to the recipients the same
+freedoms that you received.  You must make sure that they, too, receive
+or can get the source code.  And you must show them these terms so they
+know their rights.
+
+  Developers that use the GNU GPL protect your rights with two steps:
+(1) assert copyright on the software, and (2) offer you this License
+giving you legal permission to copy, distribute and/or modify it.
+
+  For the developers' and authors' protection, the GPL clearly explains
+that there is no warranty for this free software.  For both users' and
+authors' sake, the GPL requires that modified versions be marked as
+changed, so that their problems will not be attributed erroneously to
+authors of previous versions.
+
+  Some devices are designed to deny users access to install or run
+modified versions of the software inside them, although the manufacturer
+can do so.  This is fundamentally incompatible with the aim of
+protecting users' freedom to change the software.  The systematic
+pattern of such abuse occurs in the area of products for individuals to
+use, which is precisely where it is most unacceptable.  Therefore, we
+have designed this version of the GPL to prohibit the practice for those
+products.  If such problems arise substantially in other domains, we
+stand ready to extend this provision to those domains in future versions
+of the GPL, as needed to protect the freedom of users.
+
+  Finally, every program is threatened constantly by software patents.
+States should not allow patents to restrict development and use of
+software on general-purpose computers, but in those that do, we wish to
+avoid the special danger that patents applied to a free program could
+make it effectively proprietary.  To prevent this, the GPL assures that
+patents cannot be used to render the program non-free.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Use with the GNU Affero General Public License.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU Affero General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the special requirements of the GNU Affero General Public License,
+section 13, concerning interaction through a network will apply to the
+combination as such.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If the program does terminal interaction, make it output a short
+notice like this when it starts in an interactive mode:
+
+    <program>  Copyright (C) <year>  <name of author>
+    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, your program's commands
+might be different; for a GUI interface, you would use an "about box".
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU GPL, see
+<https://www.gnu.org/licenses/>.
+
+  The GNU General Public License does not permit incorporating your program
+into proprietary programs.  If your program is a subroutine library, you
+may consider it more useful to permit linking proprietary applications with
+the library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.  But first, please read
+<https://www.gnu.org/licenses/why-not-lgpl.html>.
\ No newline at end of file
diff --git a/apps/web/README.md b/apps/web/README.md
new file mode 100644
index 000000000..969b0a815
--- /dev/null
+++ b/apps/web/README.md
@@ -0,0 +1,167 @@
+# <img src="https://github.com/user-attachments/assets/b8249113-d515-4c91-a12a-f134813614e8" height="60" valign="middle" alt="Safe{Wallet}" style="background: #fff; padding: 20px; margin: 0 -20px" />
+
+[![License](https://img.shields.io/github/license/safe-global/safe-wallet-web)](https://github.com/safe-global/safe-wallet-web/blob/main/LICENSE)
+![Tests](https://img.shields.io/github/actions/workflow/status/safe-global/safe-wallet-web/test.yml?branch=main&label=tests)
+![GitHub package.json version (branch)](https://img.shields.io/github/package-json/v/safe-global/safe-wallet-web)
+[![GitPOAP Badge](https://public-api.gitpoap.io/v1/repo/safe-global/safe-wallet-web/badge)](https://www.gitpoap.io/gh/safe-global/safe-wallet-web)
+
+# Safe{Wallet} web app
+
+This project is now part of the **@safe-global/safe-wallet** monorepo! The monorepo setup allows centralized management
+of multiple
+applications and shared libraries. This workspace (`apps/web`) is the frontend of the Safe{Wallet} web app.
+
+Safe{Wallet} is a smart contract wallet for Ethereum and other EVM chains. Based on Gnosis Safe multisig contracts.
+
+You can run commands for this workspace in two ways:
+
+1. **From the root of the monorepo using `yarn workspace` commands**
+2. **From within the `apps/web` directory**
+
+## Prerequisites
+
+Except for the main monorepo prerequisites, no additional prerequisites are required for this workspace.
+
+## Setup the Project
+
+1. Install all dependencies from the **root of the monorepo**:
+
+```bash
+yarn install
+```
+
+## Contributing
+
+Contributions, be it a bug report or a pull request, are very welcome. Please check
+our [contribution guidelines](CONTRIBUTING.md) beforehand.
+
+## Getting started with local development
+
+### Environment variables
+
+Create a `.env` file with environment variables. You can use the `.env.example` file as a reference.
+
+Here's the list of all the environment variables:
+
+| Env variable                                 | Description                                                                                                                                                                                   |
+| -------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `NEXT_PUBLIC_BRAND_NAME`                     | The name of the app, defaults to "Wallet fork"                                                                                                                                                |
+| `NEXT_PUBLIC_BRAND_LOGO`                     | The URL of the app logo displayed in the header                                                                                                                                               |
+| `NEXT_PUBLIC_INFURA_TOKEN` ❕                | [Infura](https://docs.infura.io/infura/networks/ethereum/how-to/secure-a-project/project-id) RPC API token. **Required for wallet connection and transacting!**                               |
+| `NEXT_PUBLIC_SAFE_APPS_INFURA_TOKEN`         | Infura token for Safe Apps, falls back to `NEXT_PUBLIC_INFURA_TOKEN`                                                                                                                          |
+| `NEXT_PUBLIC_IS_PRODUCTION`                  | Set to `true` to build a minified production app                                                                                                                                              |
+| `NEXT_PUBLIC_DEFAULT_TESTNET_CHAIN_ID`       | The default chain ID used when `NEXT_PUBLIC_IS_PRODUCTION` is set to `false`. Defaults to 11155111 (sepolia)                                                                                  |
+| `NEXT_PUBLIC_DEFAULT_MAINNET_CHAIN_ID`       | The default chain ID used when `NEXT_PUBLIC_IS_PRODUCTION` is set to `true`. Defaults to 1 (mainnet). Must be set to another value if mainnet isn't configured in the chain configs from CGW. |
+| `NEXT_PUBLIC_GATEWAY_URL_PRODUCTION`         | The base URL for the [Safe Client Gateway](https://github.com/safe-global/safe-client-gateway)                                                                                                |
+| `NEXT_PUBLIC_GATEWAY_URL_STAGING`            | The base CGW URL on staging                                                                                                                                                                   |
+| `NEXT_PUBLIC_SAFE_VERSION`                   | The latest version of the Safe contract, defaults to 1.4.1                                                                                                                                    |
+| `NEXT_PUBLIC_WC_PROJECT_ID`                  | [WalletConnect v2](https://docs.walletconnect.com/2.0/cloud/relay) project ID                                                                                                                 |
+| `NEXT_PUBLIC_TENDERLY_ORG_NAME`              | [Tenderly](https://tenderly.co) org name for Transaction Simulation                                                                                                                           |
+| `NEXT_PUBLIC_TENDERLY_PROJECT_NAME`          | Tenderly project name                                                                                                                                                                         |
+| `NEXT_PUBLIC_TENDERLY_SIMULATE_ENDPOINT_URL` | Tenderly simulation URL                                                                                                                                                                       |
+| `NEXT_PUBLIC_BEAMER_ID`                      | [Beamer](https://www.getbeamer.com) is a news feed for in-app announcements                                                                                                                   |
+| `NEXT_PUBLIC_PROD_GA_TRACKING_ID`            | Prod GA property id                                                                                                                                                                           |
+| `NEXT_PUBLIC_TEST_GA_TRACKING_ID`            | Test GA property id                                                                                                                                                                           |
+| `NEXT_PUBLIC_SAFE_APPS_GA_TRACKING_ID`       | Safe Apps GA property id                                                                                                                                                                      |
+| `NEXT_PUBLIC_SENTRY_DSN`                     | [Sentry](https://sentry.io) id for tracking runtime errors                                                                                                                                    |
+| `NEXT_PUBLIC_IS_OFFICIAL_HOST`               | Whether it's the official distribution of the app, or a fork; has legal implications. Set to true only if you also update the legal pages like Imprint and Terms of use                       |
+| `NEXT_PUBLIC_BLOCKAID_CLIENT_ID`             | Blockaid client id                                                                                                                                                                            |
+| `NEXT_PUBLIC_FIREBASE_OPTIONS_PRODUCTION`    | Firebase Cloud Messaging (FCM) `initializeApp` options on production                                                                                                                          |
+| `NEXT_PUBLIC_FIREBASE_VAPID_KEY_PRODUCTION`  | FCM vapid key on production                                                                                                                                                                   |
+| `NEXT_PUBLIC_FIREBASE_OPTIONS_STAGING`       | FCM `initializeApp` options on staging                                                                                                                                                        |
+| `NEXT_PUBLIC_FIREBASE_VAPID_KEY_STAGING`     | FCM vapid key on staging                                                                                                                                                                      |
+| `NEXT_PUBLIC_SPINDL_SDK_KEY`                 | [Spindl](http://spindl.xyz) SDK key                                                                                                                                                           |
+
+If you don't provide some of the variables, the corresponding features will be disabled in the UI.
+
+### Running the app locally
+
+From the root of the monorepo:
+
+```bash
+yarn workspace @safe-global/web start
+```
+
+Or directly from the `apps/web` directory:
+
+```bash
+yarn start
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the app.
+
+> [!NOTE]
+>
+> From now on for brevity we will only show the command to run from the root of the monorepo. You can always run the command from the `apps/web` directory you just need to omit the `workspace @safe-global/web`.
+
+## Lint
+
+ESLint:
+
+```
+yarn workspace @safe-global/web lint --fix
+```
+
+Prettier:
+
+```
+yarn workspace @safe-global/web prettier
+```
+
+## Tests
+
+Unit tests:
+
+```
+yarn workspace @safe-global/web test --watch
+```
+
+### Cypress tests
+
+Build a static site:
+
+```
+yarn workspace @safe-global/web build
+```
+
+Serve the static files:
+
+```
+yarn workspace @safe-global/web serve
+```
+
+Launch the Cypress UI:
+
+```
+yarn workspace @safe-global/web cypress:open
+```
+
+You can then choose which e2e tests to run.
+Some tests will require signer private keys, please include them in your .env file
+
+## Component template
+
+To create a new component from a template:
+
+```
+yarn workspace @safe-global/web cmp MyNewComponent
+```
+
+## Pre-push hooks
+
+This repo has a pre-push hook that runs the linter (always) and the tests (if the `RUN_TESTS_ON_PUSH` env variable is
+set to true)
+before pushing. If you want to skip the hooks, you can use the `--no-verify` flag.
+
+## Frameworks
+
+This app is built using the following frameworks:
+
+- [Safe Core SDK](https://github.com/safe-global/safe-core-sdk)
+- [Safe Gateway SDK](https://github.com/safe-global/safe-gateway-typescript-sdk)
+- Next.js
+- React
+- Redux
+- MUI
+- ethers.js
+- web3-onboard
diff --git a/apps/web/cypress.config.js b/apps/web/cypress.config.js
new file mode 100644
index 000000000..5d71882ae
--- /dev/null
+++ b/apps/web/cypress.config.js
@@ -0,0 +1,59 @@
+import { defineConfig } from 'cypress'
+import 'dotenv/config'
+import * as fs from 'fs'
+import { configureVisualRegression } from 'cypress-visual-regression'
+import { version } from './src/markdown/terms/version.js'
+
+export default defineConfig({
+  projectId: 'exhdra',
+  trashAssetsBeforeRuns: true,
+  reporter: 'junit',
+  reporterOptions: {
+    mochaFile: 'reports/junit-[hash].xml',
+  },
+  retries: {
+    runMode: 3,
+    openMode: 0,
+  },
+  e2e: {
+    screenshotsFolder: './cypress/snapshots/actual',
+    setupNodeEvents(on, config) {
+      // Set Cookie term version on the cypress env - this way we can access it in the tests
+      config.env.CURRENT_COOKIE_TERMS_VERSION = version
+
+      configureVisualRegression(on),
+        on('task', {
+          log(message) {
+            console.log(message)
+            return null
+          },
+        })
+
+      on('after:spec', (spec, results) => {
+        if (results && results.video) {
+          const failures = results.tests.some((test) => test.attempts.some((attempt) => attempt.state === 'failed'))
+          if (!failures) {
+            fs.unlinkSync(results.video)
+          }
+        }
+      })
+
+      return config
+    },
+    env: {
+      ...process.env,
+      visualRegressionType: 'regression',
+      visualRegressionBaseDirectory: 'cypress/snapshots/actual',
+      visualRegressionDiffDirectory: 'cypress/snapshots/diff',
+      visualRegressionGenerateDiff: 'fail',
+    },
+    baseUrl: 'http://localhost:3000',
+    testIsolation: false,
+    hideXHR: true,
+    defaultCommandTimeout: 10000,
+    pageLoadTimeout: 60000,
+    numTestsKeptInMemory: 20,
+  },
+
+  chromeWebSecurity: false,
+})
diff --git a/cypress/ci.json b/apps/web/cypress/ci.json
similarity index 100%
rename from cypress/ci.json
rename to apps/web/cypress/ci.json
diff --git a/cypress/e2e/happypath/recovery_hp_1.cy.js b/apps/web/cypress/e2e/happypath/recovery_hp_1.cy.js
similarity index 91%
rename from cypress/e2e/happypath/recovery_hp_1.cy.js
rename to apps/web/cypress/e2e/happypath/recovery_hp_1.cy.js
index bb036e11f..09698e6ec 100644
--- a/cypress/e2e/happypath/recovery_hp_1.cy.js
+++ b/apps/web/cypress/e2e/happypath/recovery_hp_1.cy.js
@@ -5,6 +5,7 @@ import * as recovery from '../pages/recovery.pages'
 import * as tx from '../pages/transactions.page'
 import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
 import * as wallet from '../../support/utils/wallet.js'
+import * as createtx from '../pages/create_tx.pages.js'
 
 let recoverySafes = []
 const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
@@ -32,15 +33,10 @@ describe('Recovery happy path tests 1', () => {
     recovery.enterRecovererAddress(constants.SEPOLIA_OWNER_2)
     recovery.agreeToTerms()
     recovery.clickOnNextBtn()
+    main.verifyElementsCount(createtx.noteTextField, 1)
     tx.executeFlow_1()
     recovery.verifyRecovererAdded([constants.SEPOLIA_OWNER_2_SHORT])
-
     recovery.clearRecoverers()
-
-    // recovery.removeRecoverer(0, constants.SEPOLIA_OWNER_2)
-    // recovery.clickOnNextBtn()
-    // tx.executeFlow_1()
-
     recovery.getSetupRecoveryBtn()
   })
 })
diff --git a/cypress/e2e/happypath/recovery_hp_2.cy.js b/apps/web/cypress/e2e/happypath/recovery_hp_2.cy.js
similarity index 100%
rename from cypress/e2e/happypath/recovery_hp_2.cy.js
rename to apps/web/cypress/e2e/happypath/recovery_hp_2.cy.js
diff --git a/cypress/e2e/happypath/recovery_hp_3.cy.js b/apps/web/cypress/e2e/happypath/recovery_hp_3.cy.js
similarity index 100%
rename from cypress/e2e/happypath/recovery_hp_3.cy.js
rename to apps/web/cypress/e2e/happypath/recovery_hp_3.cy.js
diff --git a/apps/web/cypress/e2e/happypath/recovery_hp_4.cy.js b/apps/web/cypress/e2e/happypath/recovery_hp_4.cy.js
new file mode 100644
index 000000000..74961e82f
--- /dev/null
+++ b/apps/web/cypress/e2e/happypath/recovery_hp_4.cy.js
@@ -0,0 +1,42 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as owner from '../pages/owners.pages.js'
+import * as recovery from '../pages/recovery.pages.js'
+import * as tx from '../pages/transactions.page.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let recoverySafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Recovery happy path tests 4', () => {
+  before(async () => {
+    recoverySafes = await getSafes(CATEGORIES.recovery)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.securityUrl + recoverySafes.SEP_RECOVERY_SAFE_5)
+    cy.clearLocalStorage()
+    main.acceptCookies()
+  })
+
+  // Check that recovery can be setup and removed from modules
+  it('Recovery setup happy path 4', () => {
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    recovery.clearRecoverers()
+    recovery.clickOnSetupRecoveryBtn()
+    recovery.clickOnSetupRecoveryModalBtn()
+    recovery.clickOnNextBtn()
+    recovery.enterRecovererAddress(constants.SEPOLIA_OWNER_2)
+    recovery.agreeToTerms()
+    recovery.clickOnNextBtn()
+    tx.executeFlow_1()
+    recovery.verifyRecovererAdded([constants.SEPOLIA_OWNER_2_SHORT])
+    cy.visit(constants.modulesUrl + recoverySafes.SEP_RECOVERY_SAFE_5)
+    recovery.deleteRecoveryModule()
+    cy.visit(constants.securityUrl + recoverySafes.SEP_RECOVERY_SAFE_5)
+    recovery.getSetupRecoveryBtn()
+  })
+})
diff --git a/cypress/e2e/happypath/sendfunds_connected_wallet.cy.js b/apps/web/cypress/e2e/happypath/sendfunds_connected_wallet.cy.js
similarity index 88%
rename from cypress/e2e/happypath/sendfunds_connected_wallet.cy.js
rename to apps/web/cypress/e2e/happypath/sendfunds_connected_wallet.cy.js
index 532b72cce..402ad6de5 100644
--- a/cypress/e2e/happypath/sendfunds_connected_wallet.cy.js
+++ b/apps/web/cypress/e2e/happypath/sendfunds_connected_wallet.cy.js
@@ -8,11 +8,11 @@ import * as nfts from '../pages/nfts.pages'
 import * as ls from '../../support/localstorage_data.js'
 import { ethers } from 'ethers'
 import SafeApiKit from '@safe-global/api-kit'
-import { createEthersAdapter, createSigners } from '../../support/api/utils_ether'
+import { createSigners } from '../../support/api/utils_ether'
 import { createSafes } from '../../support/api/utils_protocolkit'
 import { contracts, abi_qtrust, abi_nft_pc2 } from '../../support/api/contracts'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
 import * as wallet from '../../support/utils/wallet.js'
+import * as fundSafes from '../../fixtures/safes/funds.json'
 
 const transferAmount = '1'
 
@@ -40,10 +40,6 @@ const tokenContract = new ethers.Contract(contractAddress, abi_qtrust, provider)
 const nftContract = new ethers.Contract(nftContractAddress, abi_nft_pc2, provider)
 
 const owner1Signer = signers[0]
-const owner2Signer = signers[1]
-
-const ethAdapterOwner1 = createEthersAdapter(owner1Signer)
-const ethAdapterOwner2 = createEthersAdapter(owner2Signer)
 
 function visit(url) {
   cy.visit(url)
@@ -51,12 +47,14 @@ function visit(url) {
 
 describe('Send funds with connected signer happy path tests', { defaultCommandTimeout: 60000 }, () => {
   before(async () => {
-    safesData = await getSafes(CATEGORIES.funds)
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__cookies, ls.cookies.acceptedCookies)
-    main.addToLocalStorage(
-      constants.localStorageKeys.SAFE_v2__tokenlist_onboarding,
-      ls.cookies.acceptedTokenListOnboarding,
-    )
+    cy.clearLocalStorage().then(() => {
+      main.addToLocalStorage(constants.localStorageKeys.SAFE_v2_cookies, ls.cookies.acceptedCookies)
+      main.addToLocalStorage(
+        constants.localStorageKeys.SAFE_v2__tokenlist_onboarding,
+        ls.cookies.acceptedTokenListOnboarding,
+      )
+    })
+    safesData = fundSafes
     apiKit = new SafeApiKit({
       chainId: BigInt(1),
       txServiceUrl: constants.stagingTxServiceUrl,
@@ -65,8 +63,8 @@ describe('Send funds with connected signer happy path tests', { defaultCommandTi
     outgoingSafeAddress = safesData.SEP_FUNDS_SAFE_6.substring(4)
 
     const safeConfigurations = [
-      { ethAdapter: ethAdapterOwner1, safeAddress: outgoingSafeAddress },
-      { ethAdapter: ethAdapterOwner2, safeAddress: outgoingSafeAddress },
+      { signer: walletCredentials.OWNER_1_PRIVATE_KEY, safeAddress: outgoingSafeAddress, provider },
+      { signer: walletCredentials.OWNER_2_PRIVATE_KEY, safeAddress: outgoingSafeAddress, provider },
     ]
 
     safes = await createSafes(safeConfigurations)
@@ -104,6 +102,8 @@ describe('Send funds with connected signer happy path tests', { defaultCommandTi
           })
           await tx.wait()
           main.verifyNonceChange(network_pref + originatingSafe, currentNonce + 1)
+          navigation.clickOnWalletExpandMoreIcon()
+          navigation.clickOnDisconnectBtn()
         })
       })
   })
@@ -157,6 +157,8 @@ describe('Send funds with connected signer happy path tests', { defaultCommandTi
         const safeTx = await apiKit.getTransaction(safeTxHashofExistingTx)
         await protocolKitOwner2_S3.executeTransaction(safeTx)
         main.verifyNonceChange(network_pref + targetSafe, currentNonce + 1)
+        navigation.clickOnWalletExpandMoreIcon()
+        navigation.clickOnDisconnectBtn()
       })
   })
 
@@ -190,6 +192,8 @@ describe('Send funds with connected signer happy path tests', { defaultCommandTi
 
         await tx.wait()
         main.verifyNonceChange(network_pref + originatingSafe, currentNonce + 1)
+        navigation.clickOnWalletExpandMoreIcon()
+        navigation.clickOnDisconnectBtn()
       })
   })
 })
diff --git a/apps/web/cypress/e2e/happypath/sendfunds_queue_1.cy.js b/apps/web/cypress/e2e/happypath/sendfunds_queue_1.cy.js
new file mode 100644
index 000000000..315af1406
--- /dev/null
+++ b/apps/web/cypress/e2e/happypath/sendfunds_queue_1.cy.js
@@ -0,0 +1,209 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as assets from '../pages/assets.pages'
+import * as tx from '../pages/transactions.page'
+import { ethers } from 'ethers'
+import SafeApiKit from '@safe-global/api-kit'
+import { createSigners } from '../../support/api/utils_ether'
+import { createSafes } from '../../support/api/utils_protocolkit'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as ls from '../../support/localstorage_data.js'
+import * as navigation from '../pages/navigation.page.js'
+import * as fundSafes from '../../fixtures/safes/funds.json'
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const receiver = walletCredentials.OWNER_2_WALLET_ADDRESS
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+const tokenAmount = '0.0001'
+const netwrok = 'sepolia'
+const network_pref = 'sep:'
+const unit_eth = 'ether'
+let apiKit,
+  protocolKitOwnerS1,
+  protocolKitOwnerS2,
+  protocolKitOwner1_S3,
+  protocolKitOwner2_S3,
+  existingSafeAddress1,
+  existingSafeAddress2,
+  existingSafeAddress3
+
+let safes = []
+let safesData = []
+
+const provider = new ethers.InfuraProvider(netwrok, Cypress.env('INFURA_API_KEY'))
+const privateKeys = [walletCredentials.OWNER_1_PRIVATE_KEY, walletCredentials.OWNER_2_PRIVATE_KEY]
+
+const signers = createSigners(privateKeys, provider)
+
+const owner1Signer = signers[0]
+const owner2Signer = signers[1]
+
+function visit(url) {
+  cy.visit(url)
+}
+
+function executeTransactionFlow(fromSafe) {
+  visit(constants.transactionQueueUrl + fromSafe)
+  wallet.connectSigner(signer)
+  assets.clickOnConfirmBtn(0)
+  tx.executeFlow_1()
+  cy.wait(5000)
+}
+
+describe('Send funds from queue happy path tests 1', () => {
+  before(async () => {
+    cy.clearLocalStorage().then(() => {
+      main.addToLocalStorage(constants.localStorageKeys.SAFE_v2_cookies, ls.cookies.acceptedCookies)
+      main.addToLocalStorage(
+        constants.localStorageKeys.SAFE_v2__tokenlist_onboarding,
+        ls.cookies.acceptedTokenListOnboarding,
+      )
+    })
+
+    safesData = fundSafes
+    apiKit = new SafeApiKit({
+      chainId: BigInt(1),
+      txServiceUrl: constants.stagingTxServiceUrl,
+    })
+
+    existingSafeAddress1 = safesData.SEP_FUNDS_SAFE_3.substring(4)
+    existingSafeAddress2 = safesData.SEP_FUNDS_SAFE_4.substring(4)
+    existingSafeAddress3 = safesData.SEP_FUNDS_SAFE_5.substring(4)
+
+    const safeConfigurations = [
+      { signer: privateKeys[0], safeAddress: existingSafeAddress1, provider },
+      { signer: privateKeys[0], safeAddress: existingSafeAddress2, provider },
+      { signer: privateKeys[0], safeAddress: existingSafeAddress3, provider },
+      { signer: privateKeys[1], safeAddress: existingSafeAddress3, provider },
+    ]
+
+    safes = await createSafes(safeConfigurations)
+
+    protocolKitOwnerS1 = safes[0]
+    protocolKitOwnerS2 = safes[1]
+    protocolKitOwner1_S3 = safes[2]
+    protocolKitOwner2_S3 = safes[3]
+  })
+
+  it('Verify confirmation and execution of native token queued tx by second signer with connected wallet', () => {
+    cy.wrap(null)
+      .then(() => {
+        return main.fetchCurrentNonce(network_pref + existingSafeAddress1)
+      })
+      .then(async (currentNonce) => {
+        const amount = ethers.parseUnits(tokenAmount, unit_eth).toString()
+        const safeTransactionData = {
+          to: receiver,
+          data: '0x',
+          value: amount.toString(),
+        }
+
+        const safeTransaction = await protocolKitOwnerS1.createTransaction({ transactions: [safeTransactionData] })
+        const safeTxHash = await protocolKitOwnerS1.getTransactionHash(safeTransaction)
+        const senderSignature = await protocolKitOwnerS1.signHash(safeTxHash)
+        const safeAddress = existingSafeAddress1
+
+        await apiKit.proposeTransaction({
+          safeAddress,
+          safeTransactionData: safeTransaction.data,
+          safeTxHash,
+          senderAddress: await owner1Signer.getAddress(),
+          senderSignature: senderSignature.data,
+        })
+
+        executeTransactionFlow(safeAddress)
+        cy.wait(5000)
+        main.verifyNonceChange(network_pref + safeAddress, currentNonce + 1)
+        navigation.clickOnWalletExpandMoreIcon()
+        navigation.clickOnDisconnectBtn()
+      })
+  })
+
+  it.skip('Verify confirmation and execution of native token queued tx by second signer with relayer', () => {
+    function executeTransactionFlow(fromSafe) {
+      visit(constants.transactionQueueUrl + fromSafe)
+      wallet.connectSigner(signer)
+      assets.clickOnConfirmBtn(0)
+      tx.executeFlow_2()
+      cy.wait(5000)
+    }
+    cy.wrap(null)
+      .then(() => {
+        return main.fetchCurrentNonce(network_pref + existingSafeAddress2)
+      })
+      .then(async (currentNonce) => {
+        const amount = ethers.parseUnits(tokenAmount, unit_eth).toString()
+        const safeTransactionData = {
+          to: receiver,
+          data: '0x',
+          value: amount.toString(),
+        }
+
+        const safeTransaction = await protocolKitOwnerS2.createTransaction({ transactions: [safeTransactionData] })
+        const safeTxHash = await protocolKitOwnerS2.getTransactionHash(safeTransaction)
+        const senderSignature = await protocolKitOwnerS2.signHash(safeTxHash)
+        const safeAddress = existingSafeAddress2
+
+        await apiKit.proposeTransaction({
+          safeAddress,
+          safeTransactionData: safeTransaction.data,
+          safeTxHash,
+          senderAddress: await owner1Signer.getAddress(),
+          senderSignature: senderSignature.data,
+        })
+
+        executeTransactionFlow(safeAddress)
+        cy.wait(5000)
+        main.verifyNonceChange(network_pref + safeAddress, currentNonce + 1)
+      })
+  })
+
+  it('Verify 1 signer can execute a tx confirmed by 2 signers', { defaultCommandTimeout: 300000 }, () => {
+    function executeTransaction(fromSafe) {
+      visit(constants.transactionQueueUrl + fromSafe)
+      wallet.connectSigner(signer)
+      assets.clickOnExecuteBtn(0)
+      tx.executeFlow_3()
+      cy.wait(5000)
+    }
+    cy.wrap(null)
+      .then(() => {
+        return main.fetchCurrentNonce(network_pref + existingSafeAddress3)
+      })
+      .then(async (currentNonce) => {
+        const amount = ethers.parseUnits(tokenAmount, unit_eth).toString()
+        const safeTransactionData = {
+          to: receiver,
+          data: '0x',
+          value: amount.toString(),
+        }
+
+        const safeTransaction = await protocolKitOwner1_S3.createTransaction({ transactions: [safeTransactionData] })
+        const safeTxHash = await protocolKitOwner1_S3.getTransactionHash(safeTransaction)
+        const senderSignature = await protocolKitOwner1_S3.signHash(safeTxHash)
+        const safeAddress = existingSafeAddress3
+
+        await apiKit.proposeTransaction({
+          safeAddress,
+          safeTransactionData: safeTransaction.data,
+          safeTxHash,
+          senderAddress: await owner1Signer.getAddress(),
+          senderSignature: senderSignature.data,
+        })
+
+        const pendingTransactions = await apiKit.getPendingTransactions(safeAddress)
+        const safeTxHashofExistingTx = pendingTransactions.results[0].safeTxHash
+
+        const signature = await protocolKitOwner2_S3.signHash(safeTxHashofExistingTx)
+        await apiKit.confirmTransaction(safeTxHashofExistingTx, signature.data)
+
+        executeTransaction(safeAddress)
+        cy.wait(5000)
+        main.verifyNonceChange(network_pref + safeAddress, currentNonce + 1)
+        navigation.clickOnWalletExpandMoreIcon()
+        navigation.clickOnDisconnectBtn()
+      })
+  })
+})
diff --git a/cypress/e2e/happypath/sendfunds_relay.cy.js b/apps/web/cypress/e2e/happypath/sendfunds_relay.cy.js
similarity index 88%
rename from cypress/e2e/happypath/sendfunds_relay.cy.js
rename to apps/web/cypress/e2e/happypath/sendfunds_relay.cy.js
index 1f4a65bb5..8e6f96800 100644
--- a/cypress/e2e/happypath/sendfunds_relay.cy.js
+++ b/apps/web/cypress/e2e/happypath/sendfunds_relay.cy.js
@@ -8,11 +8,11 @@ import * as nfts from '../pages/nfts.pages'
 import * as ls from '../../support/localstorage_data.js'
 import { ethers } from 'ethers'
 import SafeApiKit from '@safe-global/api-kit'
-import { createEthersAdapter, createSigners } from '../../support/api/utils_ether'
+import { createSigners } from '../../support/api/utils_ether'
 import { createSafes } from '../../support/api/utils_protocolkit'
 import { contracts, abi_qtrust, abi_nft_pc2 } from '../../support/api/contracts'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
 import * as wallet from '../../support/utils/wallet.js'
+import * as fundSafes from '../../fixtures/safes/funds.json'
 
 const transferAmount = '1'
 
@@ -41,22 +41,21 @@ const nftContract = new ethers.Contract(nftContractAddress, abi_nft_pc2, provide
 const owner1Signer = signers[0]
 const owner2Signer = signers[1]
 
-const ethAdapterOwner1 = createEthersAdapter(owner1Signer)
-const ethAdapterOwner2 = createEthersAdapter(owner2Signer)
-
 function visit(url) {
   cy.visit(url)
 }
 
-// TODO: Relay only allows 5 txs per hour.
+// TODO: Relay only allows 5 txs per day.
 describe('Send funds with relay happy path tests', { defaultCommandTimeout: 300000 }, () => {
   before(async () => {
-    safesData = await getSafes(CATEGORIES.funds)
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__cookies, ls.cookies.acceptedCookies)
-    main.addToLocalStorage(
-      constants.localStorageKeys.SAFE_v2__tokenlist_onboarding,
-      ls.cookies.acceptedTokenListOnboarding,
-    )
+    cy.clearLocalStorage().then(() => {
+      main.addToLocalStorage(constants.localStorageKeys.SAFE_v2_cookies, ls.cookies.acceptedCookies)
+      main.addToLocalStorage(
+        constants.localStorageKeys.SAFE_v2__tokenlist_onboarding,
+        ls.cookies.acceptedTokenListOnboarding,
+      )
+    })
+    safesData = fundSafes
     apiKit = new SafeApiKit({
       chainId: BigInt(1),
       txServiceUrl: constants.stagingTxServiceUrl,
@@ -65,8 +64,8 @@ describe('Send funds with relay happy path tests', { defaultCommandTimeout: 3000
     outgoingSafeAddress = safesData.SEP_FUNDS_SAFE_8.substring(4)
 
     const safeConfigurations = [
-      { ethAdapter: ethAdapterOwner1, safeAddress: outgoingSafeAddress },
-      { ethAdapter: ethAdapterOwner2, safeAddress: outgoingSafeAddress },
+      { signer: privateKeys[0], safeAddress: outgoingSafeAddress, provider },
+      { signer: privateKeys[1], safeAddress: outgoingSafeAddress, provider },
     ]
 
     safes = await createSafes(safeConfigurations)
@@ -100,13 +99,14 @@ describe('Send funds with relay happy path tests', { defaultCommandTimeout: 3000
             throw new Error(main.noRelayAttemptsError)
           }
           executeTransactionFlow(originatingSafe, walletAddress.toString(), transferAmount).then(async () => {
-            main.checkTokenBalanceIsNull(network_pref + originatingSafe, constants.tokenAbbreviation.tpcc)
             const contractWithWallet = nftContract.connect(owner1Signer)
             const tx = await contractWithWallet.safeTransferFrom(walletAddress.toString(), originatingSafe, 2, {
               gasLimit: 200000,
             })
             await tx.wait()
             main.verifyNonceChange(network_pref + originatingSafe, currentNonce + 1)
+            navigation.clickOnWalletExpandMoreIcon()
+            navigation.clickOnDisconnectBtn()
           })
         })
       })
@@ -165,6 +165,8 @@ describe('Send funds with relay happy path tests', { defaultCommandTimeout: 3000
           const safeTx = await apiKit.getTransaction(safeTxHashofExistingTx)
           await protocolKitOwner2_S3.executeTransaction(safeTx)
           main.verifyNonceChange(network_pref + targetSafe, currentNonce + 1)
+          navigation.clickOnWalletExpandMoreIcon()
+          navigation.clickOnDisconnectBtn()
         })
       })
   })
@@ -205,6 +207,8 @@ describe('Send funds with relay happy path tests', { defaultCommandTimeout: 3000
 
           await tx.wait()
           main.verifyNonceChange(network_pref + originatingSafe, currentNonce + 1)
+          navigation.clickOnWalletExpandMoreIcon()
+          navigation.clickOnDisconnectBtn()
         })
       })
   })
diff --git a/cypress/e2e/happypath/tx_history_filter_hp_1.cy.js b/apps/web/cypress/e2e/happypath/tx_history_filter_hp_1.cy.js
similarity index 100%
rename from cypress/e2e/happypath/tx_history_filter_hp_1.cy.js
rename to apps/web/cypress/e2e/happypath/tx_history_filter_hp_1.cy.js
diff --git a/apps/web/cypress/e2e/happypath/tx_history_filter_hp_2.cy.js b/apps/web/cypress/e2e/happypath/tx_history_filter_hp_2.cy.js
new file mode 100644
index 000000000..39c322cce
--- /dev/null
+++ b/apps/web/cypress/e2e/happypath/tx_history_filter_hp_2.cy.js
@@ -0,0 +1,36 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as createTx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as ls from '../../support/localstorage_data.js'
+
+let staticSafes = []
+
+describe('Tx history happy path tests 2', () => {
+  before(async () => {
+    cy.clearLocalStorage().then(() => {
+      main.addToLocalStorage(constants.localStorageKeys.SAFE_v2_cookies, ls.cookies.acceptedCookies)
+      main.addToLocalStorage(
+        constants.localStorageKeys.SAFE_v2__tokenlist_onboarding,
+        ls.cookies.acceptedTokenListOnboarding,
+      )
+    })
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_8)
+  })
+
+  it('Verify a user can filter outgoing transactions by module', () => {
+    const moduleAddress = 'sep:0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134'
+    const uiDate = 'Jan 30, 2024 - 10:53:48 AM'
+
+    createTx.clickOnFilterBtn()
+    createTx.setTxType(createTx.filterTypes.module)
+    createTx.fillFilterForm({ address: moduleAddress })
+    createTx.clickOnApplyBtn()
+    createTx.verifyNumberOfTransactions(1)
+    createTx.checkTxItemDate(1, uiDate)
+  })
+})
diff --git a/apps/web/cypress/e2e/happypath_2/add_owner.cy.js b/apps/web/cypress/e2e/happypath_2/add_owner.cy.js
new file mode 100644
index 000000000..c791886fa
--- /dev/null
+++ b/apps/web/cypress/e2e/happypath_2/add_owner.cy.js
@@ -0,0 +1,107 @@
+import * as constants from '../../support/constants'
+import * as main from '../../e2e/pages/main.page'
+import * as owner from '../pages/owners.pages'
+import * as addressBook from '../pages/address_book.page'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as createTx from '../pages/create_tx.pages.js'
+import * as navigation from '../pages/navigation.page'
+import { getEvents, events, checkDataLayerEvents } from '../../support/utils/gtag.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const signer2 = walletCredentials.OWNER_1_PRIVATE_KEY
+
+describe('Happy path Add Owners tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
+    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
+  })
+
+  it(
+    'Verify creation, confirmation and deletion of Add owner tx. GA tx_confirm',
+    { defaultCommandTimeout: 30000 },
+    () => {
+      const tx_confirmed = [
+        {
+          eventLabel: events.txConfirmedAddOwner.eventLabel,
+          eventCategory: events.txConfirmedAddOwner.category,
+          eventType: events.txConfirmedAddOwner.eventType,
+          safeAddress: staticSafes.SEP_STATIC_SAFE_24.slice(6),
+        },
+      ]
+      function step1() {
+        // Clean txs in the queue
+        cy.visit(constants.transactionQueueUrl + staticSafes.SEP_STATIC_SAFE_24)
+        wallet.connectSigner(signer2)
+        cy.wait(5000)
+        createTx.deleteAllTx()
+        navigation.clickOnWalletExpandMoreIcon()
+        navigation.clickOnDisconnectBtn()
+
+        cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_24)
+        wallet.connectSigner(signer2)
+        owner.waitForConnectionStatus()
+        owner.openManageSignersWindow()
+        owner.clickOnAddSignerBtn()
+        owner.typeOwnerAddress(constants.SEPOLIA_OWNER_2)
+        createTx.changeNonce(1)
+        owner.clickOnNextBtn()
+        createTx.clickOnContinueSignTransactionBtn()
+        createTx.clickOnAcknowledgement()
+        createTx.clickOnSignTransactionBtn()
+        createTx.clickViewTransaction()
+
+        navigation.clickOnWalletExpandMoreIcon()
+        navigation.clickOnDisconnectBtn()
+        wallet.connectSigner(signer)
+      }
+
+      function step2() {
+        createTx.clickOnConfirmTransactionBtn()
+        createTx.clickOnNoLaterOption()
+        createTx.clickOnContinueSignTransactionBtn()
+        createTx.clickOnAcknowledgement()
+        createTx.clickOnSignTransactionBtn()
+
+        navigation.clickOnWalletExpandMoreIcon()
+        navigation.clickOnDisconnectBtn()
+        getEvents()
+        checkDataLayerEvents(tx_confirmed)
+        wallet.connectSigner(signer2)
+        createTx.deleteTx()
+      }
+
+      step1()
+      cy.get('body').then(($body) => {
+        if ($body.find(`button:contains("${createTx.executeStr}")`).length > 0) {
+          navigation.clickOnWalletExpandMoreIcon()
+          navigation.clickOnDisconnectBtn()
+          wallet.connectSigner(signer2)
+          createTx.deleteTx()
+          cy.wait(5000)
+          step1()
+          step2()
+        } else {
+          createTx.clickOnConfirmTransactionBtn()
+          createTx.clickOnNoLaterOption()
+          createTx.clickOnContinueSignTransactionBtn()
+          createTx.clickOnAcknowledgement()
+          createTx.clickOnSignTransactionBtn()
+
+          navigation.clickOnWalletExpandMoreIcon()
+          navigation.clickOnDisconnectBtn()
+          getEvents()
+          checkDataLayerEvents(tx_confirmed)
+          wallet.connectSigner(signer2)
+          createTx.deleteTx()
+        }
+      })
+    },
+  )
+})
diff --git a/apps/web/cypress/e2e/happypath_2/create_safe_cf.cy.js b/apps/web/cypress/e2e/happypath_2/create_safe_cf.cy.js
new file mode 100644
index 000000000..6247ff767
--- /dev/null
+++ b/apps/web/cypress/e2e/happypath_2/create_safe_cf.cy.js
@@ -0,0 +1,47 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as createwallet from '../pages/create_wallet.pages'
+import * as owner from '../pages/owners.pages'
+import * as wallet from '../../support/utils/wallet.js'
+import { getEvents, events, checkDataLayerEvents } from '../../support/utils/gtag.js'
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+// DO NOT use OWNER_2_PRIVATE_KEY for safe creation. Used for CF safes.
+const signer = walletCredentials.OWNER_2_PRIVATE_KEY
+
+describe('CF Safe creation happy path tests', () => {
+  beforeEach(() => {
+    cy.visit(constants.welcomeUrl + '?chain=sep')
+    // Required for data layer
+    cy.clearLocalStorage()
+    main.acceptCookies()
+    getEvents()
+  })
+
+  it('CF creation happy path. GA safe_created', () => {
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnNextBtn()
+    createwallet.selectPayNowOption()
+    createwallet.clickOnReviewStepNextBtn()
+    cy.wait(1000)
+    main.getAddedSafeAddressFromLocalStorage(constants.networkKeys.sepolia, 0).then((address) => {
+      const safe_created = [
+        {
+          eventLabel: events.safeCreatedCF.eventLabel,
+          eventCategory: events.safeCreatedCF.category,
+          eventAction: events.safeCreatedCF.action,
+          eventType: events.safeCreatedCF.eventType,
+          event: events.safeCreatedCF.eventName,
+          safeAddress: address.slice(2),
+        },
+      ]
+      checkDataLayerEvents(safe_created)
+      createwallet.clickOnLetsGoBtn()
+      createwallet.verifyCFSafeCreated()
+    })
+  })
+})
diff --git a/apps/web/cypress/e2e/happypath_2/mass_payouts.cy.js b/apps/web/cypress/e2e/happypath_2/mass_payouts.cy.js
new file mode 100644
index 000000000..8779f2dd5
--- /dev/null
+++ b/apps/web/cypress/e2e/happypath_2/mass_payouts.cy.js
@@ -0,0 +1,43 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as createtx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
+
+let staticSafes = []
+
+const sendValue2 = 0.0001
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer2 = walletCredentials.OWNER_1_PRIVATE_KEY
+
+describe('Mass payouts happy path tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify that proposer can create a mass payout tx', () => {
+    const address1 = getMockAddress()
+    const address2 = getMockAddress()
+
+    cy.visit(constants.transactionQueueUrl + staticSafes.SEP_STATIC_SAFE_42)
+    wallet.connectSigner(signer2)
+    cy.wait(5000)
+    createtx.deleteAllTx()
+
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_42)
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+    createtx.clickOnAddRecipientBtn()
+    createtx.typeRecipientAddress_(0, address1)
+    createtx.typeRecipientAddress_(1, address2)
+    createtx.setSendValue_(0, sendValue2)
+    createtx.setSendValue_(1, sendValue2)
+    createtx.clickOnNextBtn()
+    createtx.clickOnContinueSignTransactionBtn()
+    createtx.clickOnProposeTransactionBtn()
+    createtx.clickViewTransaction()
+    main.verifyValuesExist(createtx.transactionItem, [createtx.tx_status.proposal])
+  })
+})
diff --git a/apps/web/cypress/e2e/happypath_2/multichain_create_safe.cy.js b/apps/web/cypress/e2e/happypath_2/multichain_create_safe.cy.js
new file mode 100644
index 000000000..7a1fc6e29
--- /dev/null
+++ b/apps/web/cypress/e2e/happypath_2/multichain_create_safe.cy.js
@@ -0,0 +1,50 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as createwallet from '../pages/create_wallet.pages'
+import * as createtx from '../pages/create_tx.pages.js'
+import * as tx from '../pages/transactions.page.js'
+import * as owner from '../pages/owners.pages'
+import * as navigation from '../pages/navigation.page.js'
+
+let staticSafes = []
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Happy path Multichain safe creation tests', { defaultCommandTimeout: 60000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.welcomeUrl + '?chain=sep')
+    cy.wait(2000)
+    wallet.connectSigner(signer)
+  })
+
+  it('Verify that L2 safe created during multichain safe creation has 1.4.1 L2 contract after deployment', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.clickOnNetwrokRemoveIcon()
+    createwallet.selectMultiNetwork(1, constants.networks.ethereum.toLowerCase())
+    createwallet.selectMultiNetwork(1, constants.networks.sepolia.toLowerCase())
+    createwallet.selectMultiNetwork(1, constants.networks.polygon.toLowerCase())
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnReviewStepNextBtn()
+    createwallet.clickOnLetsGoBtn()
+
+    cy.url().then((currentUrl) => {
+      const safe = `sep:${main.getSafeAddressFromUrl(currentUrl)}`
+      cy.visit(constants.homeUrl + safe)
+      createwallet.clickOnActivateAccountBtn(0)
+      createwallet.selectPayNowOption()
+      createwallet.clickOnFinalActivateAccountBtn()
+      createwallet.clickOnLetsGoBtn()
+      cy.visit(constants.setupUrl + safe)
+      main.verifyValuesExist(navigation.setupSection, [constants.safeContractVersions.v1_4_1_L2])
+    })
+  })
+})
diff --git a/apps/web/cypress/e2e/happypath_2/nested_safes.cy.js b/apps/web/cypress/e2e/happypath_2/nested_safes.cy.js
new file mode 100644
index 000000000..d3cf0d6a5
--- /dev/null
+++ b/apps/web/cypress/e2e/happypath_2/nested_safes.cy.js
@@ -0,0 +1,53 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import * as nsafes from '../pages/nestedsafes.pages.js'
+import * as txs from '../pages/transactions.page.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as createTx from '../pages/create_tx.pages.js'
+import * as owner from '../pages/owners.pages'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+const nestedSafe1Short = '0x22e5...Cf9d'
+
+describe('Nested safes happy path tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify that batch tx appears in the Queue with create proxy action', () => {
+    const safe = 'Created safe'
+
+    cy.visit(constants.transactionQueueUrl + staticSafes.SEP_STATIC_SAFE_39)
+    wallet.connectSigner(signer)
+    cy.wait(5000)
+    createTx.deleteAllTx()
+
+    sideBar.clickOnOpenNestedSafeListBtn()
+    nsafes.clickOnAddNestedSafeBtn()
+    createTx.hasNonce()
+    createTx.changeNonce(3)
+    nsafes.nameInputHasPlaceholder()
+    nsafes.typeName(main.generateRandomString(51))
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.exceedChars)
+    nsafes.typeName(safe)
+    nsafes.clickOnAddNextBtn()
+    txs.selectExecuteLater()
+    createTx.clickOnContinueSignTransactionBtn()
+    createTx.clickOnAcknowledgement()
+    createTx.clickOnSignTransactionBtn()
+    createTx.clickViewTransaction()
+    main.verifyValuesExist(createTx.transactionItem, [
+      createTx.tx_status.execute,
+      nsafes.nonfundAssetsActions[0],
+      nsafes.nonfundAssetsActions[1],
+    ])
+    sideBar.clickOnOpenNestedSafeListBtn()
+    sideBar.checkSafesCountInPopverList(1)
+    sideBar.clickOnSafeInPopover(nestedSafe1Short)
+  })
+})
diff --git a/apps/web/cypress/e2e/happypath_2/proposers.cy.js b/apps/web/cypress/e2e/happypath_2/proposers.cy.js
new file mode 100644
index 000000000..5fb69c725
--- /dev/null
+++ b/apps/web/cypress/e2e/happypath_2/proposers.cy.js
@@ -0,0 +1,56 @@
+import * as constants from '../../support/constants.js'
+import * as owner from '../pages/owners.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as proposer from '../pages/proposers.pages.js'
+import * as navigation from '../pages/navigation.page.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const signer3 = walletCredentials.OWNER_3_PRIVATE_KEY
+const addedProposer = walletCredentials.OWNER_3_WALLET_ADDRESS
+const proposerAddress = 'sep:0xC16D...6fED'
+const proposerAddress2 = '0x8eeC...2a3b'
+const proposerName2 = 'Proposer 2'
+const proposerName = 'Proposer 1'
+const changedProposerName = 'Changed proposer name'
+
+describe('Happy path Proposers tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify that editing a proposer is only possible for the proposer created by the creator', () => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_31)
+    wallet.connectSigner(signer3)
+    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
+    proposer.verifyEditProposerBtnDisabled(proposerAddress)
+
+    proposer.clickOnEditProposerBtn(proposerAddress2)
+    proposer.enterProposerName(changedProposerName)
+    proposer.clickOnSubmitProposerBtn()
+    cy.reload()
+    proposer.checkProposerData([changedProposerName])
+
+    proposer.clickOnEditProposerBtn(proposerAddress2)
+    proposer.enterProposerName(proposerName2)
+    proposer.clickOnSubmitProposerBtn()
+    cy.reload()
+    proposer.checkProposerData([proposerName2])
+  })
+
+  it('Verify a proposer can be added', () => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_32)
+    wallet.connectSigner(signer)
+    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
+    navigation.verifyTxBtnStatus(constants.enabledStates.enabled)
+    proposer.deleteAllProposers()
+    proposer.clickOnAddProposerBtn()
+    proposer.enterProposerData(addedProposer, proposerName)
+    proposer.clickOnSubmitProposerBtn()
+    proposer.verifyProposerSuccessMsgDisplayed()
+    cy.reload()
+    proposer.checkProposerData([proposerName])
+  })
+})
diff --git a/apps/web/cypress/e2e/happypath_2/swaps.cy.js b/apps/web/cypress/e2e/happypath_2/swaps.cy.js
new file mode 100644
index 000000000..b9961b1f5
--- /dev/null
+++ b/apps/web/cypress/e2e/happypath_2/swaps.cy.js
@@ -0,0 +1,107 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as swaps from '../pages/swaps.pages.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as swaps_data from '../../fixtures/swaps_data.json'
+import * as navigation from '../pages/navigation.page'
+import { dataRow } from '../pages/tables.page'
+import { getEvents, events, checkDataLayerEvents } from '../../support/utils/gtag.js'
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const signer3 = walletCredentials.OWNER_1_PRIVATE_KEY
+
+let staticSafes = []
+
+let iframeSelector
+
+describe('Happy path Swaps tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.swapUrl + staticSafes.SEP_STATIC_SAFE_1)
+    main.waitForHistoryCallToComplete()
+    wallet.connectSigner(signer)
+    iframeSelector = `iframe[src*="${constants.swapWidget}"]`
+  })
+
+  it(
+    'Verify an order can be created, signed by second signer and deleted. GA tx_confirm, tx_created',
+    { defaultCommandTimeout: 60000 },
+    () => {
+      const tx_created = [
+        {
+          eventLabel: events.txCreatedSwap.eventLabel,
+          eventCategory: events.txCreatedSwap.category,
+          eventType: events.txCreatedSwap.eventType,
+          safeAddress: staticSafes.SEP_STATIC_SAFE_30.slice(6),
+        },
+      ]
+      const tx_confirmed = [
+        {
+          eventLabel: events.txConfirmedSwap.eventLabel,
+          eventCategory: events.txConfirmedSwap.category,
+          eventType: events.txConfirmedSwap.eventType,
+          safeAddress: staticSafes.SEP_STATIC_SAFE_30.slice(6),
+        },
+      ]
+      // Clean txs in the queue
+      cy.visit(constants.transactionQueueUrl + staticSafes.SEP_STATIC_SAFE_30)
+      navigation.verifyTxBtnStatus(constants.enabledStates.enabled)
+      cy.wait(5000)
+      create_tx.deleteAllTx()
+
+      cy.visit(constants.swapUrl + staticSafes.SEP_STATIC_SAFE_30)
+      navigation.verifyTxBtnStatus(constants.enabledStates.enabled)
+      swaps.getMockQuoteResponse(swaps.quoteResponse.quote1)
+      swaps.acceptLegalDisclaimer()
+      cy.wait(4000)
+      main.getIframeBody(iframeSelector).within(() => {
+        swaps.clickOnSettingsBtn()
+        swaps.setSlippage('0.30')
+        swaps.setExpiry('2')
+        swaps.clickOnSettingsBtn()
+        swaps.selectInputCurrency(swaps.swapTokens.cow)
+        swaps.setInputValue(200)
+        swaps.selectOutputCurrency(swaps.swapTokens.dai)
+        swaps.clickOnExceeFeeChkbox()
+        swaps.clickOnSwapBtn()
+        swaps.clickOnSwapBtn()
+        swaps.confirmPriceImpact()
+      })
+      create_tx.changeNonce(0)
+      create_tx.clickOnContinueSignTransactionBtn()
+      create_tx.clickOnAcknowledgement()
+      create_tx.clickOnSignTransactionBtn()
+      create_tx.clickViewTransaction()
+      main.verifyValuesExist(dataRow, [create_tx.tx_status.execution_needed])
+      cy.wait(1000) // Give it some time to logout properly on UI
+      navigation.clickOnWalletExpandMoreIcon()
+      navigation.clickOnDisconnectBtn()
+      wallet.connectSigner(signer3)
+      navigation.verifyTxBtnStatus(constants.enabledStates.enabled)
+      cy.wait(5000)
+      create_tx.verifyConfirmTransactionBtnIsVisible()
+      create_tx.clickOnConfirmTransactionBtn()
+      create_tx.clickOnNoLaterOption()
+
+      create_tx.clickOnContinueSignTransactionBtn()
+      create_tx.clickOnAcknowledgement()
+      create_tx.clickOnSignTransactionBtn()
+      navigation.clickOnWalletExpandMoreIcon()
+      navigation.clickOnDisconnectBtn()
+      wallet.connectSigner(signer)
+      navigation.verifyTxBtnStatus(constants.enabledStates.enabled)
+      main.verifyValuesExist(dataRow, [create_tx.tx_status.execution_needed])
+      create_tx.deleteTx()
+
+      getEvents()
+      checkDataLayerEvents(tx_created)
+      checkDataLayerEvents(tx_confirmed)
+    },
+  )
+})
diff --git a/apps/web/cypress/e2e/happypath_2/tx-builder.cy.js b/apps/web/cypress/e2e/happypath_2/tx-builder.cy.js
new file mode 100644
index 000000000..3494e2bb4
--- /dev/null
+++ b/apps/web/cypress/e2e/happypath_2/tx-builder.cy.js
@@ -0,0 +1,91 @@
+import 'cypress-file-upload'
+import * as constants from '../../support/constants.js'
+import * as safeapps from '../pages/safeapps.pages.js'
+import * as createtx from '../pages/create_tx.pages.js'
+import * as navigation from '../pages/navigation.page.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import { getEvents, events, checkDataLayerEvents } from '../../support/utils/gtag.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let safeAppSafes = []
+let iframeSelector
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const signer2 = walletCredentials.OWNER_1_PRIVATE_KEY
+
+describe('Transaction Builder happy path tests', { defaultCommandTimeout: 20000 }, () => {
+  before(async () => {
+    safeAppSafes = await getSafes(CATEGORIES.safeapps)
+  })
+
+  it(
+    'Verify a simple batch can be created, signed by second signer and deleted. GA tx_confirm, tx_created',
+    { defaultCommandTimeout: 50000 },
+    () => {
+      const tx_created = [
+        {
+          eventLabel: events.txCreatedTxBuilder.eventLabel,
+          eventCategory: events.txCreatedTxBuilder.category,
+          eventType: events.txCreatedTxBuilder.eventType,
+          event: events.txCreatedTxBuilder.event,
+          safeAddress: safeAppSafes.SEP_SAFEAPP_SAFE_1.slice(6),
+        },
+      ]
+      const tx_confirmed = [
+        {
+          eventLabel: events.txConfirmedTxBuilder.eventLabel,
+          eventCategory: events.txConfirmedTxBuilder.category,
+          eventType: events.txConfirmedTxBuilder.eventType,
+          safeAddress: safeAppSafes.SEP_SAFEAPP_SAFE_1.slice(6),
+        },
+      ]
+
+      const appUrl = constants.TX_Builder_url
+      iframeSelector = `iframe[id="iframe-${encodeURIComponent(appUrl)}"]`
+      const visitUrl = `/apps/open?safe=${safeAppSafes.SEP_SAFEAPP_SAFE_1}&appUrl=${encodeURIComponent(appUrl)}`
+
+      cy.visit(constants.transactionQueueUrl + safeAppSafes.SEP_SAFEAPP_SAFE_1)
+      wallet.connectSigner(signer)
+      cy.wait(5000)
+      createtx.deleteAllTx()
+      cy.visit(visitUrl)
+      navigation.verifyTxBtnStatus(constants.enabledStates.enabled)
+      cy.enter(iframeSelector).then((getBody) => {
+        getBody().findByLabelText(safeapps.enterAddressStr).type(constants.SAFE_APP_ADDRESS)
+        getBody().find(safeapps.contractMethodIndex).parent().click()
+        getBody().findByRole('option', { name: safeapps.testAddressValue2 }).click()
+        getBody().findByLabelText(safeapps.newAddressValueStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
+        getBody().findByText(safeapps.addTransactionStr).click()
+        getBody().findAllByText(constants.SEPOLIA_CONTRACT_SHORT).should('have.length', 1)
+        getBody().findByText(safeapps.testAddressValueStr).should('exist')
+        getBody().findByText(safeapps.createBatchStr).click()
+        getBody().findByText(safeapps.sendBatchStr).click()
+      })
+
+      createtx.clickOnContinueSignTransactionBtn()
+      createtx.clickOnAcknowledgement()
+      createtx.clickOnSignTransactionBtn()
+      createtx.clickViewTransaction()
+      navigation.clickOnWalletExpandMoreIcon()
+      navigation.clickOnDisconnectBtn()
+
+      wallet.connectSigner(signer2)
+      navigation.verifyTxBtnStatus(constants.enabledStates.enabled)
+      createtx.clickOnConfirmTransactionBtn()
+      createtx.clickOnNoLaterOption()
+      createtx.clickOnContinueSignTransactionBtn()
+      createtx.clickOnAcknowledgement()
+      createtx.clickOnSignTransactionBtn()
+      navigation.clickOnWalletExpandMoreIcon()
+      navigation.clickOnDisconnectBtn()
+      wallet.connectSigner(signer)
+      navigation.verifyTxBtnStatus(constants.enabledStates.enabled)
+      createtx.deleteTx()
+      createtx.verifyNumberOfTransactions(0)
+      getEvents()
+      checkDataLayerEvents(tx_created)
+      checkDataLayerEvents(tx_confirmed)
+    },
+  )
+})
diff --git a/cypress/e2e/pages/address_book.page.js b/apps/web/cypress/e2e/pages/address_book.page.js
similarity index 99%
rename from cypress/e2e/pages/address_book.page.js
rename to apps/web/cypress/e2e/pages/address_book.page.js
index 8f998797e..4efcd976f 100644
--- a/cypress/e2e/pages/address_book.page.js
+++ b/apps/web/cypress/e2e/pages/address_book.page.js
@@ -23,6 +23,7 @@ const exportSummary = '[data-testid="export-summary"]'
 const sendBtn = '[data-testid="send-btn"]'
 const nextPageBtn = 'button[aria-label="Go to next page"]'
 const previousPageBtn = 'button[aria-label="Go to previous page"]'
+export const entryDialog = '[data-testid="entry-dialog"]'
 
 //TODO Move to specific component
 const moreActionIcon = '[data-testid="MoreHorizIcon"]'
diff --git a/cypress/e2e/pages/assets.pages.js b/apps/web/cypress/e2e/pages/assets.pages.js
similarity index 88%
rename from cypress/e2e/pages/assets.pages.js
rename to apps/web/cypress/e2e/pages/assets.pages.js
index b92af57eb..c495bf2d4 100644
--- a/cypress/e2e/pages/assets.pages.js
+++ b/apps/web/cypress/e2e/pages/assets.pages.js
@@ -2,6 +2,8 @@ import * as main from './main.page'
 import * as addressbook from '../pages/address_book.page'
 import * as createTx from '../pages/create_tx.pages'
 import { tableRow } from '../pages/address_book.page'
+import { assetsSwapBtn } from '../pages/swaps.pages'
+import { nftsRow } from '../pages/nfts.pages'
 
 let etherscanLinkSepolia = 'a[aria-label="View on sepolia.etherscan.io"]'
 export const balanceSingleRow = '[aria-labelledby="tableTitle"] > tbody tr'
@@ -15,6 +17,7 @@ const paginationPageList = 'ul[role="listbox"]'
 const currencyDropDown = 'div[id="currency"]'
 export const tokenListTable = 'table[aria-labelledby="tableTitle"]'
 const tokenListDropdown = 'div[id="tokenlist-select"]'
+export const tablePaginationContainer = '[data-testid="table-pagination"]'
 
 const hiddenTokenSaveBtn = 'span[data-track="assets: Save hide dialog"]'
 const hiddenTokenCancelBtn = 'span[data-track="assets: Cancel hide dialog"]'
@@ -25,6 +28,7 @@ const currencyItem = '[data-testid="currency-item"]'
 const tokenAmountFld = '[data-testid="token-amount-field"]'
 const tokenBalance = '[data-testid="token-balance"]'
 const tokenItem = '[data-testid="token-item"]'
+const sendBtn = '[data-testid="send-button"]'
 
 const hideTokenDefaultString = 'Hide tokens'
 const assetNameSortBtnStr = 'Asset'
@@ -110,6 +114,33 @@ export const currentcyGnosisFormat = '< 0.00001 GNO'
 export const currencyOx = /^0x$/
 export const currentcyOxFormat = '1.003 ZRX'
 
+export function checkNftAddressFormat() {
+  cy.get(nftsRow).each(($el) => {
+    cy.wrap($el)
+      .invoke('text')
+      .should('match', /0x[a-fA-F0-9]{4}\.\.\.[a-fA-F0-9]{4}/)
+  })
+}
+
+export function checkNftCopyIconAndLink() {
+  cy.get(nftsRow).each(($el) => {
+    cy.wrap($el).within(() => {
+      cy.get(createTx.copyIcon, { timeout: 5000 }).should('exist')
+    })
+    cy.wrap($el).within(() => {
+      cy.get(createTx.explorerBtn, { timeout: 5000 }).should('exist')
+    })
+  })
+}
+
+export function showSendBtn() {
+  return cy.get(sendBtn).invoke('css', 'opacity', '1').should('have.css', 'opacity', '1')
+}
+
+export function showSwapBtn() {
+  return cy.get(assetsSwapBtn).invoke('css', 'opacity', '1').should('have.css', 'opacity', '1')
+}
+
 export function enterAmount(amount) {
   cy.get(tokenAmountFld).find('input').clear().type(amount)
 }
@@ -118,6 +149,15 @@ export function checkSelectedToken(token) {
   cy.get(tokenBalance).contains(token)
 }
 
+function clickOnTokenSelector(index) {
+  cy.get(tokenBalance).eq(index).click()
+}
+
+export function selectToken(index, token) {
+  clickOnTokenSelector(index)
+  cy.get(tokenItem).contains(token).click()
+}
+
 function clickOnCurrencySelector() {
   cy.get(currencySelector).click()
 }
@@ -166,14 +206,6 @@ export function clickOnExecuteBtn(index) {
     })
 }
 
-export function showSendBtn(index) {
-  cy.get('button')
-    .contains(sendBtnStr)
-    .then((elements) => {
-      cy.wrap(elements[index]).invoke('css', 'opacity', 100).trigger('mouseover', { force: true })
-    })
-}
-
 export function VerifySendButtonIsDisabled() {
   cy.get('button').contains(sendBtnStr).should('be.disabled')
 }
@@ -234,6 +266,14 @@ export function checkTokenCounter(value) {
     })
 }
 
+export function checkNFTCounter(value) {
+  cy.get(hiddenTokenIcon)
+    .parent()
+    .within(() => {
+      cy.get('p').should('include.text', value)
+    })
+}
+
 export function checkHiddenTokenBtnCounter(value) {
   cy.get(hiddeTokensBtn).within(() => {
     cy.get('p').should('include.text', value)
@@ -241,14 +281,16 @@ export function checkHiddenTokenBtnCounter(value) {
 }
 
 export function verifyEachRowHasCheckbox(state) {
+  const tokens = [currencyTestTokenB, currencyTestTokenA]
+  main.verifyTextVisibility(tokens)
   cy.get(tokenListTable).within(() => {
     cy.get('tbody').within(() => {
       cy.get('tr').each(($row) => {
         if (state) {
-          cy.wrap($row).find('td').eq(3).find(hiddenTokenCheckbox).should('exist').should(state)
+          cy.wrap($row).find('td').eq(4).find(hiddenTokenCheckbox).should('exist').should(state)
           return
         }
-        cy.wrap($row).find('td').eq(3).find(hiddenTokenCheckbox).should('exist')
+        cy.wrap($row).find('td').eq(4).find(hiddenTokenCheckbox).should('exist')
       })
     })
   })
diff --git a/apps/web/cypress/e2e/pages/batches.pages.js b/apps/web/cypress/e2e/pages/batches.pages.js
new file mode 100644
index 000000000..110abb806
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/batches.pages.js
@@ -0,0 +1,131 @@
+import * as constants from '../../support/constants'
+import { clickOnContinueSignTransactionBtn, selectComboButtonOption } from './create_tx.pages'
+
+const tokenSelectorText = 'G(ö|oe)rli Ether'
+const noLaterString = 'No, later'
+const yesExecuteString = 'Yes, execute'
+export const newTransactionBtnStr = 'New transaction'
+const sendTokensButn = 'Send tokens'
+const nextBtn = 'Next'
+const executeBtn = 'Execute'
+export const addToBatchBtn = 'Add to batch'
+const confirmBatchBtn = 'Confirm batch'
+export const batchedTxs = 'Batched transactions'
+
+export const closeModalBtnBtn = '[data-testid="CloseIcon"]'
+export const deleteTransactionbtn = '[title="Delete transaction"]'
+export const batchTxTopBar = '[data-track="batching: Batch sidebar open"]'
+export const batchTxCounter = '[data-track="batching: Batch sidebar open"] span > span'
+export const addNewTxBatch = '[data-track="batching: Add new tx to batch"]'
+export const batchedTransactionsStr = 'Batched transactions'
+export const addInitialTransactionStr = 'Add an initial transaction to the batch'
+export const transactionAddedToBatchStr = 'Transaction is added to batch'
+export const addNewStransactionStr = 'Add new transaction'
+
+const recipientInput = 'input[name^="recipients."][name$=".recipient"]'
+const tokenBalance = '[data-testid="token-balance"]'
+const tokenAddressInput = 'input[name="tokenAddress"]'
+const listBox = 'ul[role="listbox"]'
+const amountInput = 'input[name^="recipients."][name$=".amount"]'
+const nonceInput = 'input[name="nonce"]'
+const executeOptionsContainer = 'div[role="radiogroup"]'
+const expandedItem = 'div[class*="MuiCollapse-entered"]'
+const collapsedItem = 'div[class*="MuiCollapse-hidden"]'
+
+export function addToBatch(EOA, currentNonce, amount) {
+  fillTransactionData(EOA, amount)
+  setNonceAndProceed(currentNonce)
+  clickOnContinueSignTransactionBtn()
+
+  selectComboButtonOption('addToBatch')
+
+  addToBatchButton()
+  cy.contains(transactionAddedToBatchStr).click().should('not.be.visible')
+}
+
+function fillTransactionData(EOA, amount) {
+  cy.get(recipientInput).type(EOA, { delay: 1 })
+  // Click on the Token selector
+  cy.get(tokenBalance).click()
+  cy.get(listBox).contains(constants.tokenNames.sepoliaEther).click()
+  cy.get(amountInput).type(amount)
+  cy.contains(nextBtn).click()
+}
+
+function setNonceAndProceed(currentNonce) {
+  cy.get(nonceInput).clear().type(currentNonce, { force: true }).blur()
+  cy.contains(executeBtn).scrollIntoView()
+}
+
+function executeTransaction() {
+  cy.waitForSelector(() => {
+    return cy.get(executeOptionsContainer).then(() => {
+      cy.contains(yesExecuteString, { timeout: 4000 }).click()
+      cy.contains(addToBatchBtn).should('not.exist')
+    })
+  })
+}
+
+function addToBatchButton() {
+  cy.get('button').contains(addToBatchBtn).click()
+}
+
+export function checkAddToBatchBtnDisabled() {
+  cy.get('button').contains(addToBatchBtn).should('be.disabled')
+}
+
+export function openBatchtransactionsModal() {
+  cy.get(batchTxTopBar).should('be.visible').click()
+  cy.contains(batchedTransactionsStr).should('be.visible')
+}
+
+export function openNewTransactionModal() {
+  cy.get(addNewTxBatch).click()
+  cy.contains(sendTokensButn).click()
+}
+
+export function addNewTransactionToBatch(EOA, currentNonce, funds_first_tx) {
+  openBatchtransactionsModal()
+  openNewTransactionModal()
+  addToBatch(EOA, currentNonce, funds_first_tx)
+}
+
+export function verifyAmountTransactionsInBatch(count) {
+  cy.contains(batchedTransactionsStr, { timeout: 7000 })
+    .should('be.visible')
+    .parents('aside')
+    .find('ul > li')
+    .should('have.length', count)
+}
+
+export function clickOnConfirmBatchBtn() {
+  cy.get('button').contains(confirmBatchBtn).should('be.visible').should('be.enabled').click()
+}
+
+export function verifyBatchTransactionsCount(count) {
+  cy.contains(`This batch contains ${count} transactions`).should('be.visible')
+}
+
+export function clickOnBatchCounter() {
+  cy.get(batchTxCounter).click()
+}
+export function verifyTransactionAdded() {
+  cy.contains(transactionAddedToBatchStr).should('be.visible')
+}
+
+export function verifyBatchIconCount(count) {
+  cy.get(batchTxCounter).contains(count)
+}
+
+export function verifyNewTxButtonStatus(param) {
+  cy.get('button').contains(newTransactionBtnStr).should(param)
+}
+
+export function isTxExpanded(index, option) {
+  let item = option ? expandedItem : collapsedItem
+  cy.contains(batchedTxs)
+    .parent()
+    .within(() => {
+      cy.get('li').eq(index).find(item)
+    })
+}
diff --git a/apps/web/cypress/e2e/pages/bridge.pages.js b/apps/web/cypress/e2e/pages/bridge.pages.js
new file mode 100644
index 000000000..67af952a7
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/bridge.pages.js
@@ -0,0 +1,8 @@
+export const exchangeStr = 'Bridge'
+
+const bridgleLink = 'a[href*="/bridge"]'
+
+export function clickOnBridgeOption() {
+  cy.get(bridgleLink).should('be.visible').click()
+  cy.wait(1000)
+}
diff --git a/apps/web/cypress/e2e/pages/create_tx.pages.js b/apps/web/cypress/e2e/pages/create_tx.pages.js
new file mode 100644
index 000000000..db5a4a02d
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/create_tx.pages.js
@@ -0,0 +1,1044 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as wallet from '../pages/create_wallet.pages'
+import * as modal from '../pages/modals.page'
+import { dataRow } from '../pages/tables.page'
+
+export const delegateCallWarning = '[data-testid="delegate-call-warning"]'
+export const policyChangeWarning = '[data-testid="threshold-warning"]'
+const newTransactionBtnStr = 'New transaction'
+const recepientInput = 'input[name="recipients.0.recipient"]'
+const recepientInput_ = (index) => `input[name="recipients.${index}.recipient"]`
+const tokenAddressInput = 'input[name="recipients.0.tokenAddress"]'
+const amountInput = 'input[name="recipients.0.amount"]'
+const amountInput_ = (index) => `input[name="recipients.${index}.amount"]`
+const nonceInput = 'input[name="nonce"]'
+const walletNonceInput = '[name="userNonce"]'
+const gasLimitInput = '[name="gasLimit"]'
+const maxPriorityFee = '[name="maxPriorityFeePerGas"]'
+const maxFee = '[name="maxFeePerGas"]'
+const rotateLeftIcon = '[data-testid="RotateLeftIcon"]'
+export const transactionItem = '[data-testid="transaction-item"]'
+export const connectedWalletExecMethod = '[data-testid="connected-wallet-execution-method"]'
+export const relayExecMethod = '[data-testid="relay-execution-method"]'
+export const connectedWalletMethod = '[data-testid="connected-wallet-execution-method"]'
+export const payNowExecMethod = '[data-testid="pay-now-execution-method"]'
+export const addToBatchBtn = '[data-track="batching: Add to batch"]'
+const accordionDetails = '[data-testid="accordion-details"]'
+export const copyIcon = '[data-testid="copy-btn-icon"]'
+export const explorerBtn = '[data-testid="explorer-btn"]'
+const transactionSideList = '[data-testid="transaction-actions-list"]'
+const confirmationVisibilityBtn = '[data-testid="confirmation-visibility-btn"]'
+const expandAllBtn = '[data-testid="expande-all-btn"]'
+const collapseAllBtn = '[data-testid="collapse-all-btn"]'
+export const txRowTitle = '[data-testid="tx-row-title"]'
+const advancedDetails = '[data-testid="tx-advanced-details"]'
+const baseGas = '[data-testid="tx-base-gas"]'
+const requiredConfirmation = '[data-testid="required-confirmations"]'
+export const txDate = '[data-testid="tx-date"]'
+export const proposalStatus = '[data-testid="proposal-status"]'
+export const txSigner = '[data-testid="signer"]'
+const spamTokenWarningIcon = '[data-testid="warning"]'
+const untrustedTokenWarningModal = '[data-testid="untrusted-token-warning"]'
+const sendTokensBtn = '[data-testid="send-tokens-btn"]'
+export const replacementNewSigner = '[data-testid="new-owner"]'
+export const messageItem = '[data-testid="message-item"]'
+const filterStartDateInput = '[data-testid="start-date"]'
+const filterEndDateInput = '[data-testid="end-date"]'
+const filterAmountInput = '[data-testid="amount-input"]'
+const filterTokenInput = '[data-testid="token-input"]'
+const filterNonceInput = '[data-testid="nonce-input"]'
+const filterApplyBtn = '[data-testid="apply-btn"]'
+const filterClearBtn = '[data-testid="clear-btn"]'
+export const addressItem = '[data-testid="address-item"]'
+const radioSelector = 'div[role="radiogroup"]'
+const rejectTxBtn = '[data-testid="reject-btn"]'
+const rejectChoiceBtn = '[data-track="reject-tx: Reject onchain button"]'
+const replaceChoiceBtn = '[data-track="reject-tx: Replace tx button"]'
+export const deleteChoiceBtn = '[data-track="reject-tx: Delete offchain button"]'
+const deleteTxModalBtn = '[data-testid="delete-tx-btn"]'
+const toggleUntrustedBtn = '[data-testid="toggle-untrusted"]'
+const simulateTxBtn = '[data-testid="simulate-btn"]'
+const simulateSuccess = '[data-testid="simulation-success-msg"]'
+const signBtn = '[data-testid="combo-submit-sign"]'
+const continueSignBtn = '[data-testid="continue-sign-btn"]'
+export const altImgDai = 'img[alt="DAI"]'
+export const altImgCow = 'img[alt="COW"]'
+export const altImgWeth = 'img[alt="WETH"]'
+export const altImgUsdc = 'img[alt="USDC"]'
+export const altImgUsdt = 'img[alt="USDT"]'
+export const altImgSwaps = 'svg[alt="Swap order"]'
+export const altImgLimitOrder = 'svg[alt="Limit order"]'
+export const altImgTwapOrder = 'svg[alt="Twap Order"]'
+export const txShareBlock = '[data-testid="share-block"]'
+export const txShareBlockDetails = '[data-testid="share-block-details"]'
+const copyLinkBtn = '[data-testid="copy-link-btn"]'
+export const noteTextField = '[data-testid="tx-note-textfield"]'
+const noteAlert = "[data-testid='tx-note-alert']"
+const recoredTxNote = '[data-testid="tx-note"]'
+const txNoteTooltip = '[data-testid="tx-note-tooltip"]'
+const noteCreator = '[data-testid="note-creator"]'
+const tableViewBtn = '[data-testid="table-view-btn"]'
+const gridViewBtn = '[data-testid="grid-view-btn"]'
+const txHexData = '[data-testid="tx-hex-data"]'
+const txStack = '[data-testid="tx-stack"]'
+const txOperation = '[data-testid="tx-operation"]'
+const nonceFld = '[data-testid="nonce-fld"]'
+const txHexDataRow = '[data-testid="tx-hexData"]'
+const addrecipientBtn = '[data-testid="add-recipient-btn"]'
+const removeRecipientBtn = '[data-testid="remove-recipient-btn"]'
+const maxRecipientsReachedMsg = '[data-testid="max-recipients-reached"]'
+const recipientsCount = '[data-testid="recipients-count"]'
+const maxBtn = '[data-testid="max-btn"]'
+const tokenAmountSection = '[data-testid="token-amount-section"]'
+const insufficientBalanceError = '[data-testid="insufficient-balance-error"]'
+const proposeTransactionBtn = '[data-testid="sign-btn"]'
+
+const insufficientFundsErrorStr = 'Insufficient funds'
+const viewTransactionBtn = 'View transaction'
+const transactionDetailsTitle = 'Transaction details'
+const QueueLabel = 'needs to be executed first'
+const TransactionSummary = 'Send '
+const transactionsPerHrStr = 'free transactions left today'
+const txHashesStr = 'Transaction hashes'
+const txAcknowledgementStr = 'I understand what'
+const maxAmountBtnStr = 'Max'
+const nextBtnStr = 'Next'
+const nativeTokenTransferStr = 'ETH'
+const yesStr = 'Yes, '
+const estimatedFeeStr = 'Estimated fee'
+export const executeStr = 'Execute'
+const editBtnStr = 'Edit'
+const executionParamsStr = 'Execution parameters'
+const noLaterStr = 'No, later'
+const confirmBtnStr = 'Confirm'
+const expandAllBtnStr = 'Expand all'
+const collapseAllBtnStr = 'Collapse all'
+export const messageNestedStr = `"nestedString": "Test message 3 off-chain"`
+const noTxFoundStr = (type) => `0 ${type} transactions found`
+const deleteFromQueueStr = 'Delete from the queue'
+const bulkExecuteBtn = (tx) => `Bulk execute ${tx} transactions`
+const bulkConfirmationText = (tx) =>
+  `This transaction batches a total of ${tx} transactions from your queue into a single Ethereum transaction`
+
+const disabledBultExecuteBtnTooltip =
+  'Batch execution is only available for transactions that have been fully signed and are strictly sequential in Safe Account nonce'
+const enabledBulkExecuteBtnTooltip = 'All highlighted transactions will be included in the batch execution'
+
+const bulkExecuteBtnStr = 'Bulk execute'
+
+const batchModalTitle = 'Batch'
+const gasLimit21000 = 'Gas limit must be at least 21000'
+export const swapOrder = 'Swap order settlement'
+export const bulkTxs = 'Bulk transactions'
+export const txStr = 'Transactions'
+export const txDetailsStr = 'Transaction details'
+export const settingsStr = 'Settings'
+export const assetsStr = 'Assets'
+export const topAssetsStr = 'Top assets'
+export const getStartedStr = 'Get started'
+export const txNoteWarningMessage = 'Notes are publicly visible.Do not share any private or sensitive details'
+export const recordedTxNote = 'Tx note one'
+
+const comboButton = '[data-testid="combo-submit-dropdown"]'
+const comboButtonPopover = '[data-testid="combo-submit-popover"]'
+export const comboButtonOptions = {
+  sign: 'Sign',
+  execute: 'Execute',
+  addToBatch: 'Add to batch',
+}
+
+const advancedParametersValues = {
+  walletNonce: '5500',
+  maxPriorityFee: '0.1234',
+  maxFee: '0.5678',
+  gasLimit: '300001',
+}
+const advancedParametersInputNames = {
+  walletNonce: 'Wallet nonce',
+  maxPriorityFee: 'Max priority fee (Gwei)',
+  maxFee: 'Max fee (Gwei)',
+  gasLimit: 'Gas limit',
+}
+
+// Transaction details on Tx creation
+export const txAccordionDetails = '[data-testid="decoded-tx-details"]'
+
+//Arrays for the Transaction Details on Tx creation for different type of txs
+export const MultisendData = ['Call', 'multiSend', 'on', 'Safe: MultiSendCallOnly 1.4.1']
+
+export const tx_status = {
+  execution_needed: 'Execution needed',
+  execute: 'Execute',
+  proposal: 'Proposal',
+}
+export const filterTypes = {
+  incoming: 'Incoming',
+  outgoing: 'Outgoing',
+  module: 'Module-based',
+}
+
+export const txActions = {
+  setFallbackHandler: 'setFallbackHandler',
+}
+
+export const advancedDetailsViewOptions = {
+  table: 'table',
+  grid: 'grid',
+}
+
+export function checkHashesExist(count) {
+  cy.contains(txHashesStr)
+    .next()
+    .within(() => {
+      main.verifyElementsCount(txHexDataRow, count)
+      cy.get(txHexDataRow).each(($el) => {
+        cy.wrap($el)
+          .invoke('text')
+          .should('match', /0x[a-fA-F0-9]{64}/)
+      })
+    })
+}
+export function clickOnReplaceTxOption() {
+  cy.get(replaceChoiceBtn).find('button').click()
+}
+
+export function verifyReplaceChoiceBtnVisible() {
+  cy.get(replaceChoiceBtn).find('button').should('be.visible')
+}
+
+export function getRejectButton() {
+  return cy.get(rejectTxBtn)
+}
+
+export function clickOnRejectBtn() {
+  getRejectButton().click()
+}
+
+export function hoverOverRejectBtnBtn() {
+  getRejectButton().trigger('mouseover', { force: true })
+}
+
+export function verifyRejectBtnDisabled() {
+  getRejectButton().should('be.disabled')
+}
+
+export function verifyTxRejectModalVisible() {
+  main.verifyMinimumElementsCount(wallet.choiceBtn, 2)
+}
+
+export function clickOnRejectionChoiceBtn(choice) {
+  cy.get(wallet.choiceBtn).eq(choice).click()
+}
+
+export function verifyTxNonceDisplayed(nonce) {
+  cy.get(nonceFld).should('include.text', nonce)
+}
+
+export function checkNonceIsReadOnly() {
+  cy.get(nonceFld).then(($el) => {
+    expect($el[0].nodeName).to.equal('DIV')
+  })
+}
+
+export function verifyRejecChoiceBtnStatus(option) {
+  cy.get(rejectChoiceBtn).find('button').should(option)
+}
+
+export function verifyDeleteChoiceBtnStatus(option) {
+  cy.get(deleteChoiceBtn).find('button').should(option)
+}
+
+export function typeNoteText(text) {
+  cy.get(noteTextField).find('input').clear().type(text)
+}
+
+export function checkMaxNoteLength() {
+  typeNoteText(main.generateRandomString(61))
+  cy.get(noteTextField).should('exist').contains('60/60').should('be.visible')
+}
+
+export function checkNoteWarningMsg() {
+  cy.get(noteAlert).invoke('text').should('include', txNoteWarningMessage)
+}
+
+export function checkNoteRecordedNote(note) {
+  cy.get(recoredTxNote).should('be.visible').invoke('text').should('include', note)
+}
+
+export function checkNoteCreator(creator) {
+  cy.get(txNoteTooltip).trigger('mouseover', { force: true })
+  cy.get(noteCreator).should('be.visible').invoke('text').should('include', creator)
+}
+
+export function checkNoteRecordedNoteReadOnly() {
+  cy.get(recoredTxNote).then(($p) => {
+    expect($p.prop('tagName')).to.equal('P')
+  })
+}
+
+export function clickOnCopyLinkBtn() {
+  cy.get(copyLinkBtn).click()
+}
+
+export function verifyCopiedURL() {
+  cy.window().then((win) => {
+    cy.stub(win.navigator.clipboard, 'writeText').as('clipboardWrite')
+  })
+
+  cy.url().then((currentUrl) => {
+    clickOnCopyLinkBtn()
+
+    cy.get('@clipboardWrite').should('have.been.calledWith', currentUrl)
+  })
+}
+
+export function expandTxShareBlock() {
+  cy.get(txShareBlock).click()
+  cy.get(txShareBlockDetails).should('be.visible')
+}
+
+export function checkCopyBtnExistsInShareblock() {
+  cy.get(txShareBlock).within(() => {
+    cy.get(copyLinkBtn).should('exist')
+  })
+}
+
+export function verifyBulkExecuteBtnIsEnabled(txs) {
+  return cy.get('button').contains(bulkExecuteBtn(txs)).should('be.enabled')
+}
+
+export function verifyEnabledBulkExecuteBtnTooltip() {
+  cy.get('button').contains(bulkExecuteBtnStr).trigger('mouseover', { force: true })
+  cy.contains(enabledBulkExecuteBtnTooltip).should('exist')
+}
+
+export function deleteTx() {
+  clickOnRejectBtn()
+  cy.get(wallet.choiceBtn).contains(deleteFromQueueStr).click()
+  cy.get(deleteTxModalBtn).click()
+}
+
+export function deleteAllTx() {
+  cy.get('body').then(($body) => {
+    if ($body.find(transactionItem).length > 0) {
+      cy.get(transactionItem).then(($items) => {
+        for (let i = $items.length - 1; i >= 0; i--) {
+          cy.wrap($items[i]).click({ force: true })
+          deleteTx()
+        }
+      })
+    }
+  })
+}
+
+export function setTxType(type) {
+  cy.get(radioSelector).find('label').contains(type).click()
+}
+
+export function verifyNoTxDisplayed(type) {
+  cy.get(transactionItem)
+    .should('have.length', 0)
+    .then(($items) => {
+      main.verifyElementsCount($items, 0)
+    })
+
+  cy.contains(noTxFoundStr(type)).should('be.visible')
+}
+
+export function clickOnApplyBtn() {
+  cy.get(filterApplyBtn).click()
+}
+
+export function checkApplyBtnEnabled() {
+  cy.get(filterApplyBtn).should('not.be', 'disabled')
+}
+
+export function clickOnClearBtn() {
+  cy.get(filterClearBtn).click()
+}
+
+export function fillFilterForm({ address, startDate, endDate, amount, token, nonce, recipient } = {}) {
+  checkApplyBtnEnabled()
+  cy.wait(2000)
+  const inputMap = {
+    address: { selector: addressItem, findInput: true },
+    startDate: { selector: filterStartDateInput, findInput: true },
+    endDate: { selector: filterEndDateInput, findInput: true },
+    amount: { selector: filterAmountInput, findInput: true },
+    token: { selector: filterTokenInput, findInput: true },
+    nonce: { selector: filterNonceInput, findInput: true },
+    recipient: { selector: addressItem, findInput: true },
+  }
+
+  Object.entries({ address, startDate, endDate, amount, token, nonce, recipient }).forEach(([key, value]) => {
+    if (value !== undefined) {
+      const { selector, findInput } = inputMap[key]
+      const element = findInput ? cy.get(selector).find('input') : cy.get(selector)
+      element.then(($el) => {
+        cy.wrap($el).invoke('removeAttr', 'readonly').clear().type(value, { force: true })
+      })
+    }
+  })
+}
+
+export function clickOnFilterBtn() {
+  cy.get('button').then((buttons) => {
+    const filterButton = [...buttons].find((button) => {
+      return ['Filter', 'Incoming', 'Outgoing', 'Module-based'].includes(button.innerText)
+    })
+
+    if (filterButton) {
+      cy.wrap(filterButton).click()
+    } else {
+      throw new Error('No filter button found')
+    }
+  })
+}
+
+export function checkTxItemDate(index, date) {
+  cy.get(txDate).eq(index).should('contain', date)
+}
+
+export function clickOnSendTokensBtn() {
+  cy.get(sendTokensBtn).click()
+}
+export function verifyNumberOfTransactions(count) {
+  cy.get(txDate).should('have.length.at.least', count)
+  cy.get(transactionItem).should('have.length.at.least', count)
+}
+
+export function checkRequiredThreshold(count) {
+  cy.get(requiredConfirmation).should('be.visible').and('include.text', count)
+}
+
+export function verifyAddressNotCopied(index, data) {
+  cy.get(copyIcon)
+    .parent()
+    .eq(index)
+    .trigger('click')
+    .wait(1000)
+    .then(() =>
+      cy.window().then((win) => {
+        win.navigator.clipboard.readText().then((text) => {
+          expect(text).not.to.contain(data)
+        })
+      }),
+    )
+  cy.get(untrustedTokenWarningModal).should('be.visible')
+}
+
+export function verifyWarningModalVisible() {
+  cy.get(untrustedTokenWarningModal).should('be.visible')
+}
+
+export function clickOnCopyBtn(index) {
+  cy.get(copyIcon).parent().eq(index).trigger('click')
+}
+
+export function verifyCopyIconWorks(index, data) {
+  cy.get(copyIcon)
+    .parent()
+    .eq(index)
+    .trigger('click')
+    .wait(1000)
+    .then(() =>
+      cy.window().then((win) => {
+        win.navigator.clipboard.readText().then((text) => {
+          expect(text).to.contain(data)
+        })
+      }),
+    )
+}
+
+export function verifyNumberOfCopyIcons(number) {
+  main.verifyElementsCount(copyIcon, number)
+}
+
+export function verifyNumberOfExternalLinks(number) {
+  cy.get('main')
+    .find(explorerBtn)
+    //.parent()
+    // .parent()
+    // .next()
+    //.children('a')
+    .then(($links) => {
+      expect($links.length).to.be.at.least(number)
+      for (let i = 0; i < number; i++) {
+        cy.wrap($links[i]).should('have.attr', 'href').and('include', constants.etherscanlLink)
+      }
+    })
+}
+
+export function clickOnTransactionItemByName(name, token) {
+  cy.get(transactionItem)
+    .filter(':contains("' + name + '")')
+    .then(($elements) => {
+      if (token) {
+        $elements = $elements.filter(':contains("' + token + '")')
+      }
+      cy.wrap($elements.first()).click({ force: true })
+    })
+}
+
+export function clickOnTransactionItemByIndex(index) {
+  cy.get(messageItem)
+    .eq(index)
+    .then(($elements) => {
+      cy.wrap($elements).click({ force: true })
+    })
+}
+
+export function verifyExpandedDetails(data, warning) {
+  main.checkTextsExistWithinElement(accordionDetails, data)
+  if (warning) cy.get(warning).should('be.visible')
+}
+
+export function verifyTxHeaderDetails(data) {
+  main.checkTextsExistWithinElement(transactionItem, data)
+}
+
+export function verifyAdvancedDetails(data) {
+  main.checkTextsExistWithinElement(accordionDetails, data)
+}
+
+export function verifyActions(data) {
+  main.checkTextsExistWithinElement(accordionDetails, data)
+}
+
+export function clickOnExpandableAction(data) {
+  cy.get(accordionDetails).within(() => {
+    cy.get('div').contains(data).click()
+  })
+}
+
+export function clickOnAdvancedDetails() {
+  cy.get(advancedDetails).click()
+  //({ force: true })
+}
+
+export function expandAdvancedDetails(data) {
+  clickOnAdvancedDetails()
+  data.forEach((row) => {
+    cy.get('div').contains(row).should('be.visible')
+  })
+}
+//The whole block inside Transaction details accordion: data-root and advanced details together
+export function verifytxAccordionDetails(data) {
+  main.checkTextsExistWithinElement(txAccordionDetails, data)
+}
+// Function to check elements inside Transaction details/DecodedDataRoot
+export function checkDataDecodingRoot(data) {
+  main.checkTextsExistWithinElement(decodedDataTop, data)
+}
+
+export function switchView(view) {
+  if (view === advancedDetailsViewOptions.table) {
+    cy.get(tableViewBtn).click()
+    cy.get(txHexData).should('be.visible')
+  } else {
+    cy.get(gridViewBtn).click()
+    cy.get(txOperation).should('be.visible')
+  }
+}
+
+export function clickOnCopyDataBtn(expectedData) {
+  cy.window().then((win) => {
+    cy.stub(win.navigator.clipboard, 'writeText').as('clipboardWrite')
+  })
+
+  cy.get(txStack).find('button').click()
+  cy.get('@clipboardWrite').should('have.been.calledWith', expectedData)
+}
+
+export function switchToGridView() {
+  cy.get(gridViewBtn).click()
+}
+
+export function collapseAdvancedDetails() {
+  clickOnAdvancedDetails()
+  cy.get(baseGas).should('not.exist')
+}
+
+export function expandAllActions(actions) {
+  cy.get(expandAllBtn).click()
+  main.checkTextsExistWithinElement(accordionDetails, actions)
+}
+
+export function clickOnExpandAllActionsBtn() {
+  cy.get(expandAllBtn).click()
+}
+
+export function collapseAllActions(data) {
+  cy.get(collapseAllBtn).click()
+  data.forEach((action) => {
+    cy.get(txRowTitle).contains(action).should('have.css', 'visibility', 'hidden')
+  })
+}
+
+export function verifyActionListExists(data) {
+  main.checkTextsExistWithinElement(transactionSideList, data)
+  main.verifyElementsIsVisible([confirmationVisibilityBtn])
+}
+
+export function verifySpamIconIsDisplayed(name, token) {
+  cy.get(transactionItem)
+    .filter(':contains("' + name + '")')
+    .filter(':contains("' + token + '")')
+    .then(($elements) => {
+      cy.wrap($elements.first()).then(($element) => {
+        cy.wrap($element).find(spamTokenWarningIcon).should('be.visible')
+      })
+    })
+}
+
+export function verifySummaryByName(name, token, data, alt, altToken) {
+  if (!name) {
+    throw new Error('Name parameter is required for verification')
+  }
+
+  let selector = `${transactionItem}:contains("${name}")`
+  if (token) {
+    selector += `:contains("${token}")`
+  }
+
+  cy.get(selector).then(($elements) => {
+    expect($elements.length, `Transaction items found for name: ${name}`).to.be.greaterThan(0)
+
+    const $element = $elements.first()
+
+    if (Array.isArray(data)) {
+      data.forEach((text) => {
+        expect($element.text()).to.include(text)
+      })
+    } else if (data) {
+      expect($element.text()).to.include(data)
+    }
+
+    if (alt) {
+      const firstImg = $element.find('img')
+      const firstSvg = $element.find('svg')
+
+      if (firstImg.length > 0) {
+        const targetImg = firstImg.first()
+        expect(targetImg.attr('alt')).to.equal(alt)
+      } else if (firstSvg.length > 0) {
+        const targetSvg = firstSvg.first()
+        expect(targetSvg.attr('alt')).to.equal(alt)
+      }
+    }
+
+    if (altToken) {
+      const secondImg = $element.find('img').eq(1)
+      expect(secondImg.attr('alt')).to.equal(altToken)
+    }
+  })
+}
+export function verifySummaryByIndex(index, data, alt) {
+  cy.get(messageItem)
+    .eq(index)
+    .then(($elements) => {
+      cy.wrap($elements).then(($element) => {
+        if (Array.isArray(data)) {
+          data.forEach((text) => {
+            cy.wrap($element).contains(text).should('be.visible')
+          })
+        } else {
+          cy.wrap($element).contains(data).should('be.visible')
+        }
+        if (alt) cy.wrap($element).find('img').eq(0).should('have.attr', 'alt', alt).should('be.visible')
+      })
+    })
+}
+
+export function clickOnTransactionItem(item) {
+  cy.get(transactionItem).eq(item).scrollIntoView().click({ force: true })
+}
+
+export function verifyTransactionActionsVisibility(option) {
+  cy.get(transactionSideList).should(option)
+}
+
+export function clickOnNewtransactionBtn() {
+  // Assert that "New transaction" button is visible
+  cy.contains(newTransactionBtnStr, {
+    timeout: 60_000, // `lastWallet` takes a while initialize in CI
+  })
+    .should('be.visible')
+    .and('not.be.disabled')
+
+  // Open the new transaction modal
+  cy.contains(newTransactionBtnStr).click()
+  cy.contains('h1', newTransactionBtnStr).should('be.visible')
+}
+
+export function typeRecipientAddress(address) {
+  cy.get(recepientInput).clear().type(address).should('have.value', address)
+}
+
+export function typeRecipientAddress_(index, address) {
+  cy.get(recepientInput_(index)).clear().type(address).should('have.value', address)
+}
+
+export function verifyENSResolves(fullAddress) {
+  let split = fullAddress.split(':')
+  let noPrefixAddress = split[1]
+  cy.get(recepientInput).should('have.value', noPrefixAddress)
+}
+
+export function verifyRandomStringAddress(randomAddressString) {
+  typeRecipientAddress(randomAddressString)
+  cy.contains(constants.addressBookErrrMsg.invalidFormat).should('be.visible')
+}
+
+export function verifyWrongChecksum(wronglyChecksummedAddress) {
+  typeRecipientAddress(wronglyChecksummedAddress)
+  cy.contains(constants.addressBookErrrMsg.invalidChecksum).should('be.visible')
+}
+
+export function verifyAmountLargerThanCurrentBalance() {
+  setSendValue(9999)
+  cy.contains(constants.amountErrorMsg.largerThanCurrentBalance).should('be.visible')
+}
+
+export function verifyTooltipMessage(message) {
+  cy.get('div[role="tooltip"]').contains(message).should('be.visible')
+}
+
+export function selectCurrentWallet() {
+  cy.get(connectedWalletExecMethod).click()
+}
+
+export function verifyRelayerAttemptsAvailable() {
+  cy.contains(transactionsPerHrStr).should('exist')
+}
+
+export function clickOnTokenselectorAndSelectSepoliaEth() {
+  cy.get(tokenAddressInput).prev().click()
+  cy.get('ul[role="listbox"]').contains(constants.tokenNames.sepoliaEther).click()
+}
+
+export function setMaxAmount() {
+  cy.contains(maxAmountBtnStr).click()
+}
+
+export function verifyMaxAmount(token, tokenAbbreviation) {
+  cy.get(tokenAddressInput)
+    .prev()
+    .find('p')
+    .contains(token)
+    .next()
+    .then((element) => {
+      const maxBalance = parseFloat(element.text().replace(tokenAbbreviation, '').trim())
+      cy.get(amountInput).should(($input) => {
+        const actualValue = parseFloat($input.val())
+        expect(actualValue).to.be.closeTo(maxBalance, 0.1)
+      })
+      console.log(maxBalance)
+    })
+}
+
+export function setSendValue(value) {
+  cy.get(amountInput).clear().type(value)
+}
+
+export function setSendValue_(index, value) {
+  cy.get(amountInput_(index)).clear().type(value)
+}
+
+export function clickOnNextBtn() {
+  cy.contains(nextBtnStr).click()
+}
+
+export function verifySubmitBtnIsEnabled() {
+  cy.get('button[type="submit"]').should('not.be.disabled')
+}
+
+export function verifyAddToBatchBtnIsEnabled() {
+  return cy.get(addToBatchBtn).should('not.be.disabled')
+}
+
+export function verifyNativeTokenTransfer() {
+  cy.contains(nativeTokenTransferStr).should('be.visible')
+}
+
+export function changeNonce(value) {
+  cy.get(nonceInput).clear().type(value, { force: true })
+}
+
+export function hasNonce() {
+  cy.get(nonceInput).invoke('val').should('match', /^\d+$/)
+}
+
+export function verifyNonceInputValue(value) {
+  cy.get(nonceInput).should('have.value', value)
+}
+
+export function clickOnYesOption() {
+  cy.contains(yesStr).should('exist').click()
+}
+
+export function displayAdvancedDetails() {
+  cy.contains(estimatedFeeStr).click()
+}
+
+export function openExecutionParamsModal() {
+  displayAdvancedDetails()
+  cy.contains(editBtnStr).click()
+}
+
+export function verifyAndSubmitExecutionParams() {
+  cy.contains(executionParamsStr).parents('form').as('Paramsform')
+  const arrayNames = [
+    advancedParametersInputNames.walletNonce,
+    advancedParametersInputNames.maxPriorityFee,
+    advancedParametersInputNames.maxFee,
+    advancedParametersInputNames.gasLimit,
+  ]
+  arrayNames.forEach((element) => {
+    cy.get('@Paramsform').find('label').contains(`${element}`).next().find('input').should('not.be.disabled')
+  })
+
+  cy.get('@Paramsform').find(gasLimitInput).clear().type('100').invoke('prop', 'value').should('equal', '100')
+  cy.contains(gasLimit21000).should('be.visible')
+  cy.get('@Paramsform').find(gasLimitInput).clear().type('300000').invoke('prop', 'value').should('equal', '300000')
+  cy.get('@Paramsform').find(gasLimitInput).parent('div').find(rotateLeftIcon).click()
+  cy.get('@Paramsform').submit()
+}
+
+export function setAdvancedExecutionParams() {
+  cy.contains(executionParamsStr).parents('form').as('Paramsform')
+  cy.get('@Paramsform').find(gasLimitInput).clear().type(advancedParametersValues.gasLimit)
+  cy.get('@Paramsform').find(maxPriorityFee).clear().type(advancedParametersValues.maxPriorityFee)
+  cy.get('@Paramsform').find(maxFee).clear().type(advancedParametersValues.maxFee)
+  cy.get('@Paramsform').find(walletNonceInput).clear().type(advancedParametersValues.walletNonce)
+  cy.get('@Paramsform').submit()
+}
+
+export function verifyEditedExcutionParams() {
+  cy.contains(advancedParametersInputNames.walletNonce).next().should('contain', advancedParametersValues.walletNonce)
+  cy.contains(advancedParametersInputNames.gasLimit).next().should('contain', advancedParametersValues.gasLimit)
+  cy.contains(advancedParametersInputNames.maxPriorityFee)
+    .next()
+    .should('contain', advancedParametersValues.maxPriorityFee)
+  cy.contains(advancedParametersInputNames.maxFee).next().should('contain', advancedParametersValues.maxFee)
+}
+
+export function clickOnNoLaterOption() {
+  cy.contains(noLaterStr).click()
+}
+
+export function clickOnSignTransactionBtn() {
+  cy.get(signBtn).click()
+}
+
+export function clickOnProposeTransactionBtn() {
+  cy.get(proposeTransactionBtn).click()
+}
+
+export function clickOnContinueSignTransactionBtn() {
+  cy.get(continueSignBtn).click()
+}
+
+export function clickOnAcknowledgement() {
+  cy.contains(txAcknowledgementStr).click()
+}
+
+export function clickOnConfirmTransactionBtn() {
+  cy.get('button').contains(confirmBtnStr).click()
+}
+
+export function verifyConfirmTransactionBtnIsVisible() {
+  cy.get('button').contains(confirmBtnStr).should('be.visible')
+}
+
+export function waitForProposeRequest() {
+  cy.intercept('POST', constants.proposeEndpoint).as('ProposeTx')
+  cy.wait('@ProposeTx')
+}
+
+export function clickViewTransaction() {
+  cy.contains(viewTransactionBtn).click()
+}
+
+export function verifySingleTxPage() {
+  cy.get('h3').contains(transactionDetailsTitle).should('be.visible')
+}
+
+export function verifyQueueLabel() {
+  cy.contains(QueueLabel).should('be.visible')
+}
+
+export function verifyTransactionSummary(sendValue) {
+  cy.contains(TransactionSummary + `${sendValue} ${constants.tokenAbbreviation.sep}`).should('exist')
+}
+
+export function verifyDateExists(date) {
+  cy.contains('div', date).should('exist')
+}
+
+export function verifyImageAltTxt(index, text) {
+  cy.get('img').eq(index).should('have.attr', 'alt', text).should('be.visible')
+}
+
+export function verifyStatus(status) {
+  cy.contains('div', status).should('exist')
+}
+
+export function verifyTransactionStrExists(str) {
+  cy.contains(str).should('exist')
+}
+
+export function verifyTransactionStrNotVible(str) {
+  cy.contains(str).should('not.be.visible')
+}
+
+export function clickOnExpandAllBtn() {
+  cy.contains(expandAllBtnStr).click()
+}
+
+export function clickOnCollapseAllBtn() {
+  cy.contains(collapseAllBtnStr).click()
+}
+
+export function verifyTxDestinationAddress(receivedAddress) {
+  cy.get(receivedAddress).then((address) => {
+    cy.contains(address).should('exist')
+  })
+}
+
+export function verifyReplacedSigner(newSignerName) {
+  cy.get(replacementNewSigner).should('exist').contains(newSignerName)
+}
+
+function verifyBulkActions(actions) {
+  actions.forEach((action) => {
+    cy.contains(action).should('exist')
+  })
+}
+
+export function verifyBulkConfirmationScreen(tx, actions) {
+  cy.contains(bulkConfirmationText(tx))
+  verifyBulkActions(actions)
+  cy.get(modal.modalHeader).within(() => {
+    cy.contains(batchModalTitle).should('exist')
+    cy.get('svg').should('exist')
+  })
+}
+
+export function verifyBulkTxHistoryBlock(order, tx, actions) {
+  cy.contains(order)
+    .parent('div')
+    .parent()
+    .eq(0)
+    .within(() => {
+      cy.contains(tx)
+      verifyBulkActions(actions)
+    })
+}
+
+export function verifyBulkExecuteBtnIsDisabled() {
+  cy.get('button').contains(bulkExecuteBtnStr).should('be.disabled')
+  cy.get('button').contains(bulkExecuteBtnStr).trigger('mouseover', { force: true })
+  cy.contains(disabledBultExecuteBtnTooltip).should('exist')
+}
+
+export function toggleUntrustedTxs() {
+  cy.get(toggleUntrustedBtn).click()
+}
+
+export function clickOnSimulateTxBtn() {
+  cy.get(simulateTxBtn).click()
+}
+
+export function verifySuccessfulSimulation() {
+  cy.get(simulateSuccess).should('exist')
+}
+
+export function insufficientBalanceErrorExists() {
+  cy.get(insufficientBalanceError).should('exist')
+}
+
+export function recipientAddress(index, address) {
+  cy.contains(`Recipient ${index}`)
+    .parents(dataRow)
+    .within(() => {
+      cy.contains(address).should('exist')
+    })
+}
+
+export function insufficientFundsErrorExists(index) {
+  cy.get(tokenAmountSection)
+    .eq(index)
+    .within(() => {
+      cy.get('label').should('contain.text', insufficientFundsErrorStr)
+    })
+}
+
+export function checkTokenValue(index, value) {
+  cy.get(amountInput_(index)).should('have.value', value)
+}
+export function clickOnMaxBtn(index) {
+  cy.get(maxBtn).eq(index).click()
+}
+
+export function verifyAddRecipientBtnIsVisible() {
+  cy.get(addrecipientBtn).should('be.visible')
+}
+
+export function verifyAddRecipientBtnDoesNotExist() {
+  main.verifyElementsCount(addrecipientBtn, 0)
+}
+
+export function clickOnAddRecipientBtn() {
+  cy.get(addrecipientBtn).click()
+}
+
+export function clickOnRemoveRecipientBtn(index) {
+  cy.get(removeRecipientBtn).eq(index).click()
+}
+
+export function checkNumberOfRecipients(count) {
+  cy.get(recipientsCount).should('have.text', `${count}`)
+}
+
+export function checkMaxRecipientReached(attempt = 0) {
+  const maxAttempts = 4
+
+  cy.get('body').then(($body) => {
+    if ($body.find(maxRecipientsReachedMsg).length > 0) {
+      cy.get(maxRecipientsReachedMsg).should('exist')
+      cy.get(addrecipientBtn).should('be.disabled')
+      checkNumberOfRecipients('5/5')
+      return
+    }
+
+    if (attempt >= maxAttempts) {
+      throw new Error('Max attempts reached but message did not appear')
+    }
+
+    clickOnAddRecipientBtn()
+    checkNumberOfRecipients(`${attempt + 2}/5`)
+    checkMaxRecipientReached(attempt + 1)
+  })
+}
+
+export function selectComboButtonOption(option) {
+  cy.get(comboButton).click()
+  cy.get(comboButtonPopover).findByText(comboButtonOptions[option]).click()
+}
+
+export function checkThatComboButtonOptionIsNotPresent(option) {
+  cy.get('body').then(($body) => {
+    if ($body.find(comboButton).length > 0) {
+      cy.get(comboButton).then(($dropdown) => {
+        if ($dropdown.is(':visible')) {
+          cy.get(comboButton).click()
+          cy.get(comboButtonPopover).should('be.visible')
+          cy.get(comboButtonPopover).should('not.contain.text', option)
+          cy.get('body').click(0, 0)
+        }
+      })
+    }
+  })
+}
diff --git a/apps/web/cypress/e2e/pages/create_wallet.pages.js b/apps/web/cypress/e2e/pages/create_wallet.pages.js
new file mode 100644
index 000000000..b6bbab4d8
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/create_wallet.pages.js
@@ -0,0 +1,395 @@
+import * as main from '../pages/main.page'
+import { connectedWalletExecMethod, relayExecMethod, connectedWalletMethod } from '../pages/create_tx.pages'
+import * as sidebar from '../pages/sidebar.pages'
+import * as constants from '../../support/constants'
+
+const welcomeLoginScreen = '[data-testid="welcome-login"]'
+const expandMoreIcon = 'svg[data-testid="ExpandMoreIcon"]'
+const newtworkSelectorDiv = 'div[class*="networkSelector"]'
+const nameInput = 'input[name="name"]'
+const ownerInput = 'input[name^="owners"][name$="name"]'
+const ownerAddress = 'input[name^="owners"][name$="address"]'
+const thresholdInput = 'input[name="threshold"]'
+export const removeOwnerBtn = 'button[aria-label="Remove signer"]'
+const connectingContainer = 'div[class*="connecting-container"]'
+const createNewSafeBtn = '[data-testid="create-safe-btn"]'
+const continueWithWalletBtn = 'Continue with Private key'
+const googleConnectBtn = '[data-testid="google-connect-btn"]'
+const googleSignedinBtn = '[data-testid="signed-in-account-btn"]'
+export const accountInfoHeader = '[data-testid="open-account-center"]'
+export const reviewStepOwnerInfo = '[data-testid="review-step-owner-info"]'
+export const reviewStepNextBtn = '[data-testid="review-step-next-btn"]'
+const creationModalLetsGoBtn = '[data-testid="cf-creation-lets-go-btn"]'
+const safeCreationStatusInfo = '[data-testid="safe-status-info"]'
+const startUsingSafeBtn = '[data-testid="start-using-safe-btn"]'
+const sponsorIcon = '[data-testid="sponsor-icon"]'
+const networkFeeSection = '[data-tetid="network-fee-section"]'
+const nextBtn = '[data-testid="next-btn"]'
+const backBtn = '[data-testid="back-btn"]'
+const cancelBtn = '[data-testid="cancel-btn"]'
+const safeActivationSection = '[data-testid="activation-section"]'
+export const addressAutocompleteOptions = '[data-testid="address-item"]'
+export const qrCode = '[data-testid="qr-code"]'
+export const addressInfo = '[data-testid="address-info"]'
+export const choiceBtn = '[data-testid="choice-btn"]'
+const addFundsBtn = '[data-testid="add-funds-btn"]'
+const createTxBtn = '[data-testid="create-tx-btn"]'
+const qrCodeSwitch = '[data-testid="qr-code-switch"]'
+export const activateAccountBtn = '[data-testid="activate-account-btn-cf"]'
+export const activateFlowAccountBtn = '[data-testid="activate-account-flow-btn"]'
+const notificationsSwitch = '[data-testid="notifications-switch"]'
+export const addFundsSection = '[data-testid="add-funds-section"]'
+export const noTokensAlert = '[data-testid="no-tokens-alert"]'
+const networkCheckbox = '[data-testid="network-checkbox"]'
+const cancelIcon = '[data-testid="CancelIcon"]'
+const thresholdItem = '[data-testid="threshold-item"]'
+export const payNowLaterMessageBox = '[data-testid="pay-now-later-message-box"]'
+export const safeSetupOverview = '[data-testid="safe-setup-overview"]'
+export const networksLogoList = '[data-testid="network-list"]'
+export const reviewStepSafeName = '[data-testid="review-step-safe-name"]'
+export const reviewStepThreshold = '[data-testid="review-step-threshold"]'
+export const cfSafeCreationSuccessMsg = '[data-testid="account-success-message"]'
+export const cfSafeActivationMsg = '[data-testid="safe-activation-message"]'
+export const cfSafeInfo = '[data-testid="safe-info"]'
+const connectWalletBtn = '[data-testid="connect-wallet-btn"]'
+const networkSelectorItem = '[data-testid="network-selector-item"]'
+
+const sponsorStr = 'Your account is sponsored by Goerli'
+const safeCreationProcessing = 'Transaction is being executed'
+const safeCreationComplete = 'Your Safe Account is being indexed'
+const changeNetworkWarningStr = 'Change your wallet network'
+const policy1_2 = '1/1 policy'
+export const walletName = 'test1-sepolia-safe'
+export const defaultSepoliaPlaceholder = 'Sepolia Safe'
+const welcomeToSafeStr = 'Welcome to Safe'
+const initialSteps = '0 of 2 steps completed'
+export const addSignerStr = 'Add signer'
+export const accountRecoveryStr = 'Account recovery'
+export const sendTokensStr = 'Send tokens'
+const noWalletConnectedMsg = 'No wallet connected'
+export const deployWalletStr = 'about to deploy this Safe Account'
+const showAllNetworksStr = 'Show all networks'
+
+export function waitForConnectionMsgDisappear() {
+  cy.contains(noWalletConnectedMsg).should('not.exist')
+}
+export function checkNotificationsSwitchIs(status) {
+  cy.get(notificationsSwitch).find('input').should(`be.${status}`)
+}
+
+export function clickOnActivateAccountBtn(index) {
+  cy.get(activateAccountBtn).eq(index).click()
+}
+
+export function clickOnFinalActivateAccountBtn(index) {
+  cy.get(activateFlowAccountBtn).click()
+}
+
+export function clickOnQRCodeSwitch() {
+  cy.get(qrCodeSwitch).click()
+}
+
+export function checkQRCodeSwitchStatus(state) {
+  cy.get(qrCodeSwitch).find('input').should(state)
+}
+
+export function checkInitialStepsDisplayed() {
+  cy.contains(initialSteps).should('be.visible')
+}
+
+export function clickOnAddFundsBtn() {
+  cy.get(addFundsBtn).click()
+}
+
+export function clickOnCreateTxBtn() {
+  cy.get(createTxBtn).click()
+  main.verifyElementsCount(choiceBtn, 6)
+}
+
+export function checkAllTxTypesOrder(expectedOrder) {
+  main.checkTextOrder(choiceBtn, expectedOrder)
+}
+
+export function clickOnTxType(tx) {
+  cy.get(choiceBtn).contains(tx).click()
+}
+
+export function verifyCFSafeCreated() {
+  main.verifyElementsIsVisible([sidebar.pendingActivationIcon, safeActivationSection])
+}
+
+export function selectPayNowOption() {
+  cy.get(connectedWalletMethod).click()
+}
+
+export function selectRelayOption() {
+  cy.get(relayExecMethod).click()
+}
+
+export function cancelWalletCreation() {
+  cy.get(cancelBtn).click()
+  cy.get('button').contains(continueWithWalletBtn).should('be.visible')
+}
+
+export function clickOnBackBtn() {
+  cy.get(backBtn).should('be.enabled').click()
+}
+export function verifySafeIsBeingCreated() {
+  cy.get(safeCreationStatusInfo).should('have.text', safeCreationProcessing)
+}
+
+export function verifySafeCreationIsComplete() {
+  cy.get(safeCreationStatusInfo).should('exist').and('have.text', safeCreationComplete)
+  cy.get(startUsingSafeBtn).should('exist').click()
+  cy.get(welcomeToSafeStr).should('exist')
+}
+
+export function clickOnReviewStepNextBtn() {
+  cy.get(reviewStepNextBtn).click()
+  cy.get(reviewStepNextBtn, { timeout: 60000 }).should('not.exist')
+}
+
+export function clickOnLetsGoBtn() {
+  cy.get(creationModalLetsGoBtn).click()
+  return cy.get(creationModalLetsGoBtn, { timeout: 60000 }).should('not.exist')
+}
+
+export function verifyOwnerInfoIsPresent() {
+  return cy.get(reviewStepOwnerInfo).shoul('exist')
+}
+
+export function verifySponsorMessageIsPresent() {
+  main.verifyElementsExist([sponsorIcon, networkFeeSection])
+  // Goerli is generated
+  cy.get(networkFeeSection).contains(sponsorStr).should('exist')
+}
+
+export function verifyPolicy1_1() {
+  cy.contains(policy1_2).should('exist')
+  // TOD: Need data-cy for containers
+}
+
+export function verifyDefaultWalletName(name) {
+  cy.get(nameInput).invoke('attr', 'placeholder').should('include', name)
+}
+
+export function verifyNextBtnIsDisabled() {
+  cy.get('button').contains('Next').should('be.disabled')
+}
+
+export function verifyNextBtnIsEnabled() {
+  cy.get('button').contains('Next').should('not.be.disabled')
+}
+
+export function checkNetworkChangeWarningMsg() {
+  cy.get('div').contains(changeNetworkWarningStr).should('exist')
+}
+
+export function clickOnCreateNewSafeBtn() {
+  cy.get(createNewSafeBtn).click().wait(1000)
+}
+
+export function clickOnContinueWithWalletBtn() {
+  cy.get('button').contains(continueWithWalletBtn).click().wait(1000)
+}
+
+export function verifyConnectWalletBtnDisplayed() {
+  return cy.get(connectWalletBtn).should('be.visible')
+}
+export function clickOnConnectWalletBtn() {
+  cy.get(welcomeLoginScreen).within(() => {
+    verifyConnectWalletBtnDisplayed().should('be.enabled').click().wait(1000)
+  })
+}
+
+export function typeWalletName(name) {
+  cy.get(nameInput).type(name).should('have.value', name)
+}
+
+export function clearWalletName() {
+  cy.get(nameInput).clear()
+}
+
+export function openNetworkSelector() {
+  cy.get(networkSelectorItem).should('be.visible').click({ force: true })
+}
+export function selectNetwork(network) {
+  cy.wait(1000)
+  openNetworkSelector()
+  cy.wait(1000)
+  let regex = new RegExp(`^${network}$`)
+  cy.get('li').parents('ul').contains(regex).click()
+}
+
+export function selectMultiNetwork(index, network) {
+  clickOnMultiNetworkInput(index)
+  enterNetwork(index, network)
+  clickOnNetwrokCheckbox()
+}
+
+export function clickOnNetwrokCheckbox() {
+  cy.get(networkCheckbox).eq(0).click()
+}
+export function enterNetwork(index, network) {
+  cy.get('input').eq(index).type(network)
+}
+export function clickOnMultiNetworkInput(index) {
+  cy.get('input').eq(index).click()
+}
+
+export function clearNetworkInput(index) {
+  cy.get('input').eq(index).click()
+  cy.get(cancelIcon).click()
+}
+
+export function clickOnNetwrokRemoveIcon() {
+  cy.get(cancelIcon).click()
+}
+
+export function clickOnNextBtn() {
+  cy.get(nextBtn).should('be.enabled').click()
+}
+
+export function verifyOwnerName(name, index) {
+  cy.get(ownerInput).eq(index).should('have.value', name)
+}
+
+export function verifyOwnerAddress(address, index) {
+  cy.get(ownerAddress).eq(index).should('have.value', address)
+}
+
+export function verifyThreshold(number) {
+  cy.get(thresholdInput).should('have.value', number)
+}
+
+export function clickOnSignerAddressInput(index) {
+  cy.get(getOwnerAddressInput(index)).clear()
+}
+
+export function selectSignerOnAutocomplete(index) {
+  cy.wait(500)
+  cy.get(addressAutocompleteOptions).eq(index).click()
+}
+
+export function typeOwnerName(name, index) {
+  cy.get(getOwnerNameInput(index)).type(name).should('have.value', name)
+}
+
+export function typeOwnerAddress(address, index, clearOnly = false) {
+  if (clearOnly) {
+    cy.get(getOwnerAddressInput(index)).clear()
+    cy.get('body').click()
+    return
+  }
+  cy.get(getOwnerAddressInput(index)).clear().type(address).should('have.value', address)
+}
+
+export function clickOnAddNewOwnerBtn() {
+  cy.contains('button', 'Add new signer').click().wait(700)
+}
+
+export function addNewOwner(name, address, index) {
+  clickOnAddNewOwnerBtn()
+  typeOwnerName(name, index)
+  typeOwnerAddress(address, index)
+}
+
+export function updateThreshold(number) {
+  cy.get(thresholdInput).parent().click()
+  cy.get(thresholdItem).contains(number).click()
+}
+
+export function removeOwner(index) {
+  // Index for remove owner btn which does not equal to number of owners
+  cy.get(removeOwnerBtn).eq(index).click()
+}
+
+export function verifySafeNameInSummaryStep(name) {
+  cy.contains(name)
+}
+
+export function verifyOwnerNameInSummaryStep(name) {
+  cy.contains(name)
+}
+
+export function verifyOwnerAddressInSummaryStep(address) {
+  cy.contains(address)
+}
+
+export function verifyThresholdStringInSummaryStep(startThreshold, endThreshold) {
+  cy.contains(`${startThreshold} out of ${endThreshold}`)
+}
+
+export function verifySafeNetworkNameInSummaryStep(name) {
+  cy.get('div').contains('Name').parent().parent().contains(name)
+}
+
+export function verifyEstimatedFeeInSummaryStep() {
+  cy.get('b')
+    .contains('ETH')
+    .parent()
+    .should(($element) => {
+      const text = 'a' + $element.text()
+      const pattern = /\d/
+      expect(/\d/.test(text)).to.equal(true)
+    })
+}
+
+function getOwnerNameInput(index) {
+  return `input[name="owners.${index}.name"]`
+}
+
+function getOwnerAddressInput(index) {
+  return `input[name="owners.${index}.address"]`
+}
+
+export function assertCFSafeThresholdAndSigners(chainId, threshold, expectedOwnersCount, lsdata) {
+  const localStorageData = lsdata
+  const data = JSON.parse(localStorageData)
+  let thresholdFound = false
+
+  for (const address in data[chainId]) {
+    const safe = data[chainId][address]
+
+    if (safe.props.safeAccountConfig.threshold === threshold) {
+      thresholdFound = true
+
+      const ownersCount = safe.props.safeAccountConfig.owners.length
+      if (ownersCount !== expectedOwnersCount) {
+        throw new Error(
+          `Safe at address ${address} on chain ID ${chainId} has ${ownersCount} owners, expected ${expectedOwnersCount}.`,
+        )
+      }
+
+      console.log(`Safe with threshold ${threshold} and ${expectedOwnersCount} owners exists on chain ID ${chainId}.`)
+      break
+    }
+  }
+
+  if (!thresholdFound) {
+    throw new Error(`No safe found with threshold ${threshold} on chain ID ${chainId}.`)
+  }
+}
+
+function checkNetworkLogo(network) {
+  cy.get('img').then((logos) => {
+    const isLogoPresent = [...logos].some((img) => img.getAttribute('src').includes(network))
+    expect(isLogoPresent).to.be.true
+  })
+}
+
+export function checkNetworkLogoInReviewStep(networks) {
+  cy.get(networksLogoList).within(() => {
+    networks.forEach((network) => {
+      checkNetworkLogo(network)
+    })
+  })
+}
+
+export function checkNetworkLogoInSafeCreationModal(networks) {
+  cy.get(cfSafeInfo).within(() => {
+    networks.forEach((network) => {
+      checkNetworkLogo(network)
+    })
+  })
+}
diff --git a/apps/web/cypress/e2e/pages/dashboard.pages.js b/apps/web/cypress/e2e/pages/dashboard.pages.js
new file mode 100644
index 000000000..63ec9eb32
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/dashboard.pages.js
@@ -0,0 +1,144 @@
+import * as constants from '../../support/constants.js'
+import * as safeapps from './safeapps.pages.js'
+import * as main from './main.page.js'
+import * as createtx from './create_tx.pages.js'
+import staticSafes from '../../fixtures/safes/static.json'
+
+const transactionQueueStr = 'Pending transactions'
+const noTransactionStr = 'This Safe has no queued transactions'
+const overviewStr = 'Total asset value'
+const sendStr = 'Send'
+const receiveStr = 'Receive'
+const viewAllStr = 'View all'
+const safeAppStr = 'Featured Apps'
+const oneInchSafeApp = '1inch Network'
+export const copiedAppUrl = 'share/safe-app?appUrl'
+
+const copyShareBtn = '[data-testid="copy-btn-icon"]'
+const exploreAppsBtn = '[data-testid="explore-apps-btn"]'
+const viewAllLink = '[data-testid="view-all-link"][href^="/transactions/queue"]'
+const noTxIcon = '[data-testid="no-tx-icon"]'
+const noTxText = '[data-testid="no-tx-text"]'
+export const pendingTxWidget = '[data-testid="pending-tx-widget"]'
+export const pendingTxItem = '[data-testid="tx-pending-item"]'
+const singleTxDetailsHeader = '[data-testid="tx-details"]'
+
+export function clickOnTxByIndex(index) {
+  cy.get(pendingTxItem).eq(index).click()
+  cy.get(singleTxDetailsHeader).should('be.visible')
+}
+
+export function verifySingleTxItem(data) {
+  main.checkTextsExistWithinElement(createtx.transactionItem, data)
+}
+
+export function verifyDataInPendingTx(data) {
+  main.checkTextsExistWithinElement(pendingTxWidget, data)
+}
+
+export function verifyTxItemInPendingTx(data) {
+  let matchFound = false
+
+  cy.get(pendingTxItem)
+    .each(($item) => {
+      const itemText = $item.text()
+      const isMatch = data.every((tx) => itemText.includes(tx))
+
+      if (isMatch) {
+        matchFound = true
+        return false
+      }
+    })
+    .then(() => {
+      expect(matchFound).to.be.true
+    })
+}
+
+export function verifyEmptyTxSection() {
+  main.verifyElementsIsVisible([noTxIcon, noTxText])
+}
+
+export function clickOnViewAllBtn() {
+  cy.get(viewAllLink).click()
+}
+
+export function pinAppByIndex(index) {
+  return cy
+    .get('[aria-label*="Pin"]')
+    .eq(index)
+    .click()
+    .then(() => {
+      cy.wait(1000)
+      return cy.get('[aria-label*="Unpin"]').eq(0).invoke('attr', 'aria-label')
+    })
+}
+
+export function clickOnPinBtnByName(name) {
+  cy.get(`[aria-label="${name}"]`).click()
+}
+
+export function verifyPinnedAppsCount(count) {
+  cy.get(`[aria-label*="Unpin"]`).should('have.length', count)
+}
+
+export function clickOnExploreAppsBtn() {
+  cy.get(exploreAppsBtn).click()
+  cy.get(safeapps.safeAppsList)
+    .should('exist')
+    .within(() => {
+      cy.get('li').should('have.length.at.least', 1)
+    })
+}
+
+export function verifyShareBtnWorks(index, data) {
+  cy.get(copyShareBtn)
+    .eq(index)
+    .click()
+    .wait(1000)
+    .then(() =>
+      cy.window().then((win) => {
+        win.navigator.clipboard.readText().then((text) => {
+          expect(text).to.contain(data)
+        })
+      }),
+    )
+}
+
+export function verifyOverviewWidgetData() {
+  // Alias for the Overview section
+  cy.contains('div', overviewStr).parents('section').as('overviewSection')
+
+  cy.get('@overviewSection').within(() => {
+    // Prefix is separated across elements in EthHashInfo
+    cy.get('button').contains(sendStr)
+    cy.get('button').contains(receiveStr)
+  })
+}
+
+export function verifyTxQueueWidget() {
+  // Alias for the Transaction queue section
+  cy.contains('p', transactionQueueStr).parents('section').as('txQueueSection')
+
+  cy.get('@txQueueSection').within(() => {
+    // There should be queued transactions
+    cy.contains(noTransactionStr).should('not.exist')
+
+    // Queued txns
+    cy.contains(
+      `a[href^="/transactions/tx?id=multisig_0x"]`,
+      'Send' + `-0.00002 ${constants.tokenAbbreviation.sep}`,
+    ).should('exist')
+
+    cy.contains(`a[href^="/transactions/tx?id=multisig_0x"]`, '1 out of 1').should('exist')
+
+    cy.contains(
+      `a[href="${constants.transactionQueueUrl}${encodeURIComponent(staticSafes.SEP_STATIC_SAFE_2)}"]`,
+      viewAllStr,
+    )
+  })
+}
+
+export function verifySafeAppsSection() {
+  cy.contains('p', safeAppStr).parents('section').as('safeAppsSection')
+  cy.get('@safeAppsSection').contains(oneInchSafeApp)
+}
diff --git a/apps/web/cypress/e2e/pages/header.page.js b/apps/web/cypress/e2e/pages/header.page.js
new file mode 100644
index 000000000..676bdc250
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/header.page.js
@@ -0,0 +1,5 @@
+export const notificationsBtn = '[data-testid="notifications-center"]'
+
+export function openNotificationCenter() {
+  cy.get(notificationsBtn).click()
+}
diff --git a/cypress/e2e/pages/import_export.pages.js b/apps/web/cypress/e2e/pages/import_export.pages.js
similarity index 100%
rename from cypress/e2e/pages/import_export.pages.js
rename to apps/web/cypress/e2e/pages/import_export.pages.js
diff --git a/cypress/e2e/pages/load_safe.pages.js b/apps/web/cypress/e2e/pages/load_safe.pages.js
similarity index 96%
rename from cypress/e2e/pages/load_safe.pages.js
rename to apps/web/cypress/e2e/pages/load_safe.pages.js
index 45626eebf..d25d46723 100644
--- a/cypress/e2e/pages/load_safe.pages.js
+++ b/apps/web/cypress/e2e/pages/load_safe.pages.js
@@ -10,7 +10,7 @@ const invalidAddressNameLengthErrorMsg = 'Maximum 50 symbols'
 
 const safeDataForm = '[data-testid=load-safe-form]'
 const removeOwnerBtn = '[data-testid="remove-owner-btn"]'
-const addOwnerBtn = '[data-testid="add-owner-btn"]'
+const addOwnerBtn = '[data-testid="add-new-signer"]'
 const ownerPolicyStepForm = '[data-testid="owner-policy-step-form"]'
 const addressItem = '[data-testid="address-item"]'
 const nameInput = 'input[name="name"]'
@@ -29,6 +29,7 @@ const transactionStr = 'Transactions'
 const qrErrorMsg = 'The QR could not be read'
 const safeAddressError = 'Address given is not a valid Safe Account address'
 const ownerNameLabel = 'Signer name'
+export const addSafeStr = 'Add existing Safe Account'
 
 const mandatoryNetworks = [constants.networks.sepolia, constants.networks.polygon, constants.networks.ethereum]
 
@@ -192,7 +193,7 @@ export function verifyNameLengthErrorMessage() {
 }
 
 export function inputAddress(address) {
-  cy.get(addressInput).clear().type(address)
+  cy.get(addressInput).should('be.visible').clear().should('exist').type(address, { delay: 50 })
 }
 
 export function verifyAddressInputValue(safeAddress) {
@@ -210,7 +211,7 @@ export function verifyDataInReviewSection(safeName, ownerName, threshold = null,
   cy.findByText(ownerName).should('be.visible')
   if (ownerAddress !== null) cy.get(safeDataForm).contains(ownerAddress).should('be.visible')
   if (threshold !== null) cy.get(safeDataForm).contains(threshold).should('be.visible')
-  if (network !== null) cy.get(sidebar.chainLogo).eq(1).contains(network).should('be.visible')
+  if (network !== null) cy.get(sidebar.chainLogo).eq(0).contains(network).should('be.visible')
 }
 
 export function clickOnAddBtn() {
diff --git a/cypress/e2e/pages/main.page.js b/apps/web/cypress/e2e/pages/main.page.js
similarity index 75%
rename from cypress/e2e/pages/main.page.js
rename to apps/web/cypress/e2e/pages/main.page.js
index 5643720ef..3b9c332dd 100644
--- a/cypress/e2e/pages/main.page.js
+++ b/apps/web/cypress/e2e/pages/main.page.js
@@ -4,6 +4,8 @@ const acceptSelection = 'Save settings'
 const executeStr = 'Execute'
 const connectedOwnerBlock = '[data-testid="open-account-center"]'
 export const modalDialogCloseBtn = '[data-testid="modal-dialog-close-btn"]'
+const closeOutreachPopupBtn = 'button[aria-label="close outreach popup"]'
+
 export const noRelayAttemptsError = 'Not enough relay attempts remaining'
 
 export function checkElementBackgroundColor(element, color) {
@@ -19,7 +21,7 @@ export function clickOnSideMenuItem(item) {
 
 export function waitForHistoryCallToComplete() {
   cy.intercept('GET', constants.transactionHistoryEndpoint).as('History')
-  cy.wait('@History')
+  cy.wait('@History', { timeout: 20000 })
 }
 
 export const fetchSafeData = (safeAddress) => {
@@ -35,6 +37,21 @@ export const fetchSafeData = (safeAddress) => {
       expect(response.status).to.eq(200)
     })
 }
+export const getSafe = (safeAddress, chain) => {
+  return cy
+    .request({
+      method: 'GET',
+      url: `${constants.stagingCGWUrlv1}${constants.stagingCGWChains}${chain}${constants.stagingCGWSafes}${safeAddress}`,
+      headers: {
+        accept: 'application/json',
+      },
+    })
+    .then((response) => {
+      expect(response.status).to.eq(200)
+      console.log('********* RESPONSE ' + JSON.stringify(response.body))
+      return response.body
+    })
+}
 
 export const getSafeBalance = (safeAddress, chain) => {
   return cy
@@ -102,10 +119,32 @@ export const getRelayRemainingAttempts = (safeAddress) => {
     })
 }
 
-export function verifyNonceChange(safeAddress, expectedNonce) {
-  fetchCurrentNonce(safeAddress).then((newNonce) => {
-    expect(newNonce).to.equal(expectedNonce)
-  })
+export function verifyNonceChange(safeAddress, expectedNonce, retries = 30, delay = 10000) {
+  let attempts = 0
+
+  function checkNonce() {
+    return fetchCurrentNonce(safeAddress).then((newNonce) => {
+      console.log(`Attempt ${attempts + 1}: newNonce = ${newNonce}, expectedNonce = ${expectedNonce}`)
+
+      if (newNonce === expectedNonce) {
+        console.log('Nonce matches the expected value')
+        expect(newNonce).to.equal(expectedNonce)
+        return
+      }
+
+      attempts += 1
+      if (attempts < retries) {
+        return new Promise((resolve) => {
+          setTimeout(resolve, delay)
+        }).then(checkNonce)
+      } else {
+        console.error(`Nonce did not change to expected value after ${retries} attempts`)
+        return Promise.reject(new Error(`Nonce did not change to expected value after ${retries} attempts`))
+      }
+    })
+  }
+
+  return checkNonce()
 }
 
 export function checkTokenBalance(safeAddress, tokenSymbol, expectedBalance) {
@@ -139,13 +178,13 @@ export function checkTokenBalanceIsNull(safeAddress, tokenSymbol) {
       if (targetToken === undefined) {
         console.log('Token is undefined as expected. Stopping polling.')
         return true
-      } else if (pollCount < 9) {
+      } else if (pollCount < 10) {
         pollCount++
         console.log('Token is not undefined, retrying...')
-        cy.wait(1000)
+        cy.wait(5000)
         poll()
       } else {
-        throw new Error('Failed to validate token status -undefined- within the allowed polling attempts.')
+        throw new Error('Failed to validate token status within the allowed polling attempts.')
       }
     })
   }
@@ -172,6 +211,37 @@ export function acceptCookies(index = 0) {
     })
 }
 
+export function acceptCookies2() {
+  cy.wait(2000)
+  cy.get('body').then(($body) => {
+    if ($body.find('button:contains(' + acceptSelection + ')').length > 0) {
+      cy.contains('button', acceptSelection).click()
+      cy.wait(500)
+    }
+  })
+}
+
+export function closeOutreachPopup() {
+  cy.wait(1000)
+  cy.get('body').then(($body) => {
+    if ($body.find(closeOutreachPopupBtn).length > 0) {
+      cy.get(closeOutreachPopupBtn).click()
+      cy.wait(500)
+    }
+  })
+}
+
+export function closeSecurityNotice() {
+  const value = 'I understand'
+  cy.wait(2000)
+  cy.get('body').then(($body) => {
+    if ($body.find('button:contains(' + value + ')').length > 0) {
+      cy.contains('button', value).click()
+      cy.wait(500)
+    }
+  })
+}
+
 export function verifyOwnerConnected(prefix = 'sep:') {
   cy.get(connectedOwnerBlock).should('contain', prefix)
 }
@@ -333,3 +403,26 @@ export function getIframeBody(iframe) {
 export const checkButtonByTextExists = (buttonText) => {
   cy.get('button').contains(buttonText).should('exist')
 }
+
+export function getAddedSafeAddressFromLocalStorage(chainId, index) {
+  return cy.window().then((win) => {
+    const addedSafes = win.localStorage.getItem(constants.localStorageKeys.SAFE_v2__addedSafes)
+    const addedSafesObj = JSON.parse(addedSafes)
+    const safeAddress = Object.keys(addedSafesObj[chainId])[index]
+    return safeAddress
+  })
+}
+
+export function changeSafeChainName(originalChain, newChain) {
+  return originalChain.replace(/^[^:]+:/, newChain + ':')
+}
+
+export function getSafeAddressFromUrl(url) {
+  const addressPattern = /0x[a-fA-F0-9]{40}/
+  const match = url.match(addressPattern)
+  return match ? match[0] : null
+}
+
+export function shortenAddress(address) {
+  return `${address.slice(0, 6)}...${address.slice(-4)}`
+}
diff --git a/cypress/e2e/pages/messages.pages.js b/apps/web/cypress/e2e/pages/messages.pages.js
similarity index 85%
rename from cypress/e2e/pages/messages.pages.js
rename to apps/web/cypress/e2e/pages/messages.pages.js
index bc6052b32..9990c0c06 100644
--- a/cypress/e2e/pages/messages.pages.js
+++ b/apps/web/cypress/e2e/pages/messages.pages.js
@@ -1,6 +1,8 @@
 import { messageItem } from './create_tx.pages'
 const onchainMsgInput = 'input[placeholder*="Message"]'
 
+export const offchainMessage = 'Test message 2 off-chain'
+
 export function enterOnchainMessage(msg) {
   cy.get(onchainMsgInput).type(msg)
 }
diff --git a/apps/web/cypress/e2e/pages/modals.page.js b/apps/web/cypress/e2e/pages/modals.page.js
new file mode 100644
index 000000000..d66562320
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/modals.page.js
@@ -0,0 +1,31 @@
+export const modalTitle = '[data-testid="modal-title"]'
+export const modal = '[data-testid="modal-view"]'
+export const modalHeader = '[data-testid="modal-header"]'
+export const cardContent = '[data-testid="card-content"]'
+const askMeLaterOutreachBtn = 'Ask me later'
+
+export const modalTitiles = {
+  editEntry: 'Edit entry',
+  deleteEntry: 'Delete entry',
+  dataImport: 'Data import',
+  confirmTx: 'Confirm transaction',
+  confirmMsg: 'Confirm message',
+}
+
+export function verifyModalTitle(title) {
+  cy.get(modalTitle).should('contain', title)
+}
+
+export function suspendOutreachModal() {
+  cy.get('button')
+    .contains(askMeLaterOutreachBtn)
+    .should(() => {})
+    .then(($button) => {
+      if (!$button.length) {
+        return
+      }
+      cy.wrap($button).click()
+      cy.contains(askMeLaterOutreachBtn).should('not.exist')
+      cy.wait(500)
+    })
+}
diff --git a/cypress/e2e/pages/modals/message_confirmation.pages.js b/apps/web/cypress/e2e/pages/modals/message_confirmation.pages.js
similarity index 100%
rename from cypress/e2e/pages/modals/message_confirmation.pages.js
rename to apps/web/cypress/e2e/pages/modals/message_confirmation.pages.js
diff --git a/apps/web/cypress/e2e/pages/modules.page.js b/apps/web/cypress/e2e/pages/modules.page.js
new file mode 100644
index 000000000..d886f5987
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/modules.page.js
@@ -0,0 +1 @@
+export const moduleRemoveIcon = '[data-testid="module-remove-btn"]'
diff --git a/cypress/e2e/pages/navigation.page.js b/apps/web/cypress/e2e/pages/navigation.page.js
similarity index 82%
rename from cypress/e2e/pages/navigation.page.js
rename to apps/web/cypress/e2e/pages/navigation.page.js
index ff672497e..98d31f892 100644
--- a/cypress/e2e/pages/navigation.page.js
+++ b/apps/web/cypress/e2e/pages/navigation.page.js
@@ -3,7 +3,7 @@ export const setupSection = '[data-testid="setup-section"]'
 export const modalBackBtn = '[data-testid="modal-back-btn"]'
 export const newTxBtn = '[data-testid="new-tx-btn"]'
 const modalCloseIcon = '[data-testid="CloseIcon"]'
-const expandMoreIcon = 'svg[data-testid="ExpandMoreIcon"]'
+export const expandMoreIcon = 'svg[data-testid="ExpandMoreIcon"]'
 const sentinelStart = 'div[data-testid="sentinelStart"]'
 
 const disconnectBtnStr = 'Disconnect'
@@ -16,8 +16,8 @@ export function clickOnSideNavigation(option) {
   cy.get(option).should('exist').click()
 }
 
-export function clickOnModalCloseBtn() {
-  cy.get(modalCloseIcon).eq(0).trigger('click')
+export function clickOnModalCloseBtn(index) {
+  cy.get(modalCloseIcon).eq(index).trigger('click')
 }
 
 export function clickOnNewTxBtn() {
@@ -29,7 +29,7 @@ export function clickOnNewTxBtnS() {
 }
 
 export function clickOnWalletExpandMoreIcon() {
-  cy.get(expandMoreIcon).eq(0).click()
+  cy.get(expandMoreIcon).eq(0).click({ force: true })
   cy.get(sentinelStart).next().should('exist')
 }
 
diff --git a/apps/web/cypress/e2e/pages/nestedsafes.pages.js b/apps/web/cypress/e2e/pages/nestedsafes.pages.js
new file mode 100644
index 000000000..ba3ac7143
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/nestedsafes.pages.js
@@ -0,0 +1,109 @@
+import { setMaxAmount } from '../pages/create_tx.pages.js'
+import { cardContent } from '../pages/modals.page.js'
+import { addToBatchBtn } from '../pages/create_tx.pages.js'
+
+const addNestedSafeBtn = '[data-testid="add-nested-safe-button"]'
+const nestedSafeNameInput = '[data-testid="nested-safe-name-input"]'
+const nextBtn = '[data-testid="next-button"]'
+const fundAssetBtn = '[data-testid="fund-asset-button"]'
+const assetData = '[data-testid="asset-data"]'
+const amountInput = '[data-testid="amount-input"]'
+const assetsInput = (index) => `input[name="assets.${index}.amount"]`
+const tokenSelector = '[data-testid="token-selector"]'
+const tokenItem = '[data-testid="token-item"]'
+const removeAssetIcon = '[data-testid="remove-asset-icon"]'
+const advancedDetailsSummary = '[data-testid="decoded-tx-summary"]'
+
+export const fundAssetsActions = ['SafeProxyFactory 1.4.1: createProxyWithNonce', /2\s*Send.*0\.00002\s*ETH.*to/]
+export const nonfundAssetsActions = ['createProxyWithNonce', 'SafeProxyFactory 1.4.1']
+
+export function clickOnAdvancedDetails() {
+  cy.get(advancedDetailsSummary).click()
+}
+
+export function checkAddTobatchBtnStatus(option) {
+  cy.get(addToBatchBtn)
+    .find('button')
+    .should(option === 'be.disabled' ? 'have.attr' : 'not.have.attr', 'disabled')
+}
+
+export function actionsExist(actions) {
+  actions.forEach((action) => {
+    cy.get(cardContent).contains(action).should('exist')
+  })
+}
+
+export function getAssetCount() {
+  return cy.get(assetData).its('length')
+}
+
+export function removeAsset(index) {
+  cy.get(removeAssetIcon).eq(index).click()
+}
+
+export function selectToken(index, token) {
+  cy.get(tokenSelector).eq(index).click()
+  cy.get('li').contains(token).click()
+}
+
+export function getTokenList(index) {
+  cy.get(tokenSelector).eq(index).click()
+  return cy
+    .get(tokenSelector)
+    .eq(index)
+    .find(tokenItem)
+    .find('p:first')
+    .then(($tokens) => {
+      return Cypress._.map($tokens, (token) => token.innerText.trim())
+    })
+}
+
+export function setSendValue(index, value) {
+  cy.get(assetsInput(index)).clear().type(value)
+}
+
+export function verifyMaxAmount(index, token, tokenAbbreviation) {
+  cy.get(assetData)
+    .eq(index)
+    .within(() => {
+      cy.get(assetsInput(index))
+        .get('p')
+        .contains(token)
+        .next()
+        .then((element) => {
+          const maxBalance = parseFloat(element.text().replace(tokenAbbreviation, '').trim())
+          cy.get(assetsInput(index)).should(($input) => {
+            const actualValue = parseFloat($input.val())
+            expect(actualValue).to.be.closeTo(maxBalance, 0.1)
+          })
+          console.log(maxBalance)
+        })
+    })
+}
+
+export function setMaxAmountValue(index) {
+  cy.get(assetData)
+    .eq(index)
+    .within(() => {
+      setMaxAmount()
+    })
+}
+export function clickOnFundAssetBtn() {
+  cy.get(fundAssetBtn).click()
+}
+
+export function clickOnAddNextBtn() {
+  cy.get(nextBtn).click()
+}
+
+export function clickOnAddNestedSafeBtn() {
+  cy.get(addNestedSafeBtn).click()
+}
+
+export function typeName(name) {
+  cy.get(`${nestedSafeNameInput} input`).clear().type(name).should('have.value', name)
+}
+
+export function nameInputHasPlaceholder() {
+  cy.get(`${nestedSafeNameInput} input`).should('have.attr', 'placeholder').and('not.be.empty')
+}
diff --git a/cypress/e2e/pages/nfts.pages.js b/apps/web/cypress/e2e/pages/nfts.pages.js
similarity index 90%
rename from cypress/e2e/pages/nfts.pages.js
rename to apps/web/cypress/e2e/pages/nfts.pages.js
index 42620f3b6..4f5ca9ffa 100644
--- a/cypress/e2e/pages/nfts.pages.js
+++ b/apps/web/cypress/e2e/pages/nfts.pages.js
@@ -7,10 +7,11 @@ const nftModal = modal.modal
 
 const nftModalCloseBtn = main.modalDialogCloseBtn
 const recipientInput = 'input[name="recipient"]'
-const nftsRow = '[data-testid^="nfts-table-row"]'
+export const nftsRow = '[data-testid^="nfts-table-row"]'
 const inactiveNftIcon = '[data-testid="nft-icon-border"]'
 const activeNftIcon = '[data-testid="nft-icon-primary"]'
 const nftCheckBox = (index) => `[data-testid="nft-checkbox-${index}"] > input`
+const selectAllNFTsCheckbox = 'span[title="Select all"] > input'
 const activeSendNFTBtn = '[data-testid="nft-send-btn-false"]'
 const disabledSendNFTBtn = '[data-testid="nft-send-btn-true"]'
 const modalTitle = '[data-testid="modal-title"]'
@@ -18,12 +19,11 @@ const modalHeader = '[data-testid="modal-header"]'
 const modalSelectedNFTs = '[data-testid="selected-nfts"]'
 const nftItemList = '[data-testid="nft-item-list"]'
 const nftItemNane = '[data-testid="nft-item-name"]'
-const signBtn = '[data-testid="sign-btn"]'
 const txDetailsSummary = '[data-testid="decoded-tx-summary"]'
 const txAccordionDetails = '[data-testid="decoded-tx-details"]'
-const accordionActionItem = '[data-testid="action-item"]'
+export const accordionActionItem = '[data-testid="action-item"]'
 
-const noneNFTSelected = '0 NFTs selected'
+const noneNFTSelected = /0 NFT[s]? selected/
 const sendNFTStr = 'Send NFTs'
 const recipientAddressStr = 'Recipient address or ENS'
 const selectedNFTStr = 'Selected NFTs'
@@ -106,6 +106,14 @@ export function selectNFTs(numberOfNFTs) {
     cy.get(nftCheckBox(i)).click()
     cy.contains(`${i} NFT${i > 1 ? 's' : ''} selected`)
   }
+  checkSelectedNFTsNumberIs(numberOfNFTs)
+}
+
+export function selectAllNFTs() {
+  cy.get(selectAllNFTsCheckbox).click()
+}
+
+export function checkSelectedNFTsNumberIs(numberOfNFTs) {
   cy.contains('button', `Send ${numberOfNFTs} NFT${numberOfNFTs > 1 ? 's' : ''}`)
 }
 
@@ -146,12 +154,4 @@ export function clikOnNextBtn() {
 export function verifyReviewModalData(NFTcount) {
   main.verifyElementsExist([nftItemList])
   main.verifyElementsCount(nftItemNane, NFTcount)
-  cy.get(signBtn).should('not.be.disabled')
-
-  if (NFTcount > 1) {
-    const numbersArr = Array.from({ length: NFTcount }, (_, index) => index + 1)
-    numbersArr.forEach((number) => {
-      cy.contains(number.toString()).should('be.visible')
-    })
-  }
 }
diff --git a/apps/web/cypress/e2e/pages/notifications.page.js b/apps/web/cypress/e2e/pages/notifications.page.js
new file mode 100644
index 000000000..5a6a76977
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/notifications.page.js
@@ -0,0 +1,9 @@
+import * as main from './main.page.js'
+
+export const notificationsTitle = '[data-testid="notifications-title"]'
+export const notificationsLogo = '[data-testid="notifications-icon"]'
+export const pushNotificationsBtn = '[data-testid="notifications-button"]'
+
+export function checkCoreElementsVisible() {
+  main.verifyElementsIsVisible([notificationsLogo, notificationsTitle, pushNotificationsBtn])
+}
diff --git a/apps/web/cypress/e2e/pages/owners.pages.js b/apps/web/cypress/e2e/pages/owners.pages.js
new file mode 100644
index 000000000..cebe1650f
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/owners.pages.js
@@ -0,0 +1,303 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as createWallet from '../pages/create_wallet.pages'
+import * as navigation from '../pages/navigation.page'
+import * as addressBook from '../pages/address_book.page'
+
+const tooltipLabel = (label) => `span[aria-label="${label}"]`
+export const removeOwnerBtn = 'span[data-track="settings: Remove owner"] > span > button'
+const replaceOwnerBtn = 'span[data-track="settings: Replace owner"] > span > button'
+const changeThresholdBtn = 'span[data-track="settings: Change threshold"] > button'
+const tooltip = 'div[role="tooltip"]'
+const expandMoreIcon = 'svg[data-testid="ExpandMoreIcon"]'
+const sentinelStart = 'div[data-testid="sentinelStart"]'
+const addNewSigner = '[data-testid="add-new-signer"]'
+const newOwnerName = 'input[name="newOwner.name"]'
+const newOwnerAddress = 'input[name="newOwner.address"]'
+const newOwnerNonceInput = 'input[name="nonce"]'
+const signerNameField = '[data-testid="owner-name"]'
+const signerAddressField = '[data-testid="address-item"]'
+const thresholdInput = 'input[name="threshold"]'
+const thresHoldDropDownIcon = 'svg[data-testid="ArrowDropDownIcon"]'
+const thresholdList = 'ul[role="listbox"]'
+const thresholdDropdown = '[data-testid="threshold-selector"]'
+const thresholdOption = 'li[role="option"]'
+const existingOwnerAddressInput = (index) => `input[name="owners.${index}.address"]`
+const existingOwnerNameInput = (index) => `input[name="owners.${index}.name"]`
+const singleOwnerNameInput = 'input[name="name"]'
+const finishTransactionBtn = '[data-testid="finish-transaction-btn"]'
+const manageSignersBtn = '[data-testid="manage-signers-btn"]'
+const submitNextBt = '[data-testid="submit-next"]'
+const addOwnerNextBtn = '[data-testid="add-owner-next-btn"]'
+const modalHeader = '[data-testid="modal-header"]'
+const addressToBeRemoved = '[aria-label="Copy to clipboard"] span'
+const thresholdNextBtn = '[data-testid="threshold-next-btn"]'
+const signerList = '[data-testid="signer-list"]'
+
+const disconnectBtnStr = 'Disconnect'
+const notConnectedStatus = 'Connect'
+const e2eWalletStr = 'E2E Wallet'
+const max50charsLimitStr = 'Maximum 50 symbols'
+const executeBtnStr = 'Execute'
+const continueBtnStr = 'Continue'
+const backbtnStr = 'Back'
+const removeOwnerStr = 'Remove signer'
+const selectedOwnerStr = 'Signers'
+const addNewOwnerStr = 'Add new signer'
+const processedTransactionStr = 'Transaction was successful'
+const changeThresholdStr = 'Change threshold'
+
+export const safeAccountNonceStr = 'Safe Account nonce'
+export const nonOwnerErrorMsg = 'Your connected wallet is not a signer of this Safe Account'
+export const disconnectedUserErrorMsg = 'Please connect your wallet'
+
+export function checkExistingSignerCount(count) {
+  cy.get(signerList).find(addressBook.tableRow).should('have.length', count)
+}
+
+export function checkExistingSignerAddress(index, address) {
+  cy.get(signerList).find(addressBook.tableRow).eq(index).should('contain.text', address)
+}
+
+export function verifyOwnerTransactionComplted() {
+  cy.get(processedTransactionStr).should('exist')
+  cy.get(finishTransactionBtn).should('exist')
+}
+export function verifyNumberOfOwners(count) {
+  const indices = Array.from({ length: count }, (_, index) => index)
+  const names = indices.map(existingOwnerNameInput)
+  const addresses = indices.map(existingOwnerAddressInput)
+
+  names.forEach((selector) => {
+    cy.get(selector).should('have.length', 1)
+  })
+
+  addresses.forEach((selector) => {
+    cy.get(selector).should('have.length', 1)
+  })
+}
+
+export function verifyExistingOwnerAddress(index, address) {
+  cy.get(existingOwnerAddressInput(index)).should('have.value', address)
+}
+
+export function typeOwnerAddressCreateSafeStep(index, address) {
+  cy.get(existingOwnerAddressInput(index)).clear().type(address)
+}
+
+export function verifyExistingOwnerName(index, name) {
+  cy.get(existingOwnerNameInput(index)).should('have.value', name)
+}
+
+export function typeExistingOwnerName(name) {
+  cy.get(singleOwnerNameInput).clear().type(name)
+  main.verifyInputValue(singleOwnerNameInput, name)
+}
+
+export function verifyOwnerDeletionWindowDisplayed() {
+  cy.get('div').contains(constants.transactionStatus.confirm).should('exist')
+  cy.get('button').contains(backbtnStr).should('exist')
+  cy.get('p').contains(selectedOwnerStr)
+}
+
+export function clickOnThresholdDropdown() {
+  cy.get(thresholdDropdown).eq(0).click()
+}
+
+export function getThresholdOptions() {
+  return cy.get('ul').find(thresholdOption)
+}
+
+export function verifyThresholdLimit(startValue, endValue) {
+  cy.get('p').contains(`out of ${endValue} signer${endValue > 1 ? 's' : ''}`)
+  clickOnThresholdDropdown()
+  getThresholdOptions().eq(0).should('have.text', startValue).click()
+}
+
+export function verifyRemoveBtnIsEnabled() {
+  return cy.get(removeOwnerBtn).should('exist')
+}
+
+export function verifyRemoveBtnIsDisabled() {
+  return cy.get(removeOwnerBtn).should('exist').and('be.disabled')
+}
+
+export function hoverOverDeleteOwnerBtn(index) {
+  cy.get(removeOwnerBtn).eq(index).trigger('mouseover', { force: true })
+}
+
+export function openRemoveOwnerWindow(btn) {
+  const minimumCount = btn === 0 ? 1 : btn
+  main.verifyMinimumElementsCount(removeOwnerBtn, minimumCount)
+  cy.get(removeOwnerBtn).eq(btn).should('be.enabled').click({ force: true })
+  cy.get('div').contains(removeOwnerStr).should('exist')
+}
+
+export function getAddressToBeRemoved() {
+  let removedAddress
+  cy.get(modalHeader)
+    .next()
+    .should('exist')
+    .find(addressToBeRemoved)
+    .first()
+    .invoke('text')
+    .then((value) => {
+      removedAddress = value
+      cy.wrap(removedAddress).as('removedAddress')
+    })
+  return removedAddress
+}
+
+export function openReplaceOwnerWindow(index) {
+  const minimumCount = index === 0 ? 1 : index
+  main.verifyMinimumElementsCount(replaceOwnerBtn, minimumCount)
+  cy.get(replaceOwnerBtn).eq(index).should('be.enabled').click({ force: true })
+  cy.get(newOwnerName).should('be.visible')
+  cy.get(newOwnerAddress).should('be.visible')
+}
+export function verifyTooltipLabel(label) {
+  cy.get(tooltipLabel(label)).should('be.visible')
+}
+export function verifyReplaceBtnIsEnabled() {
+  cy.get(replaceOwnerBtn).should('exist').and('not.be.disabled')
+}
+
+export function verifyReplaceBtnIsDisabled() {
+  cy.get(replaceOwnerBtn).should('exist').and('be.disabled')
+}
+
+export function hoverOverReplaceOwnerBtn() {
+  cy.get(replaceOwnerBtn).trigger('mouseover', { force: true })
+}
+
+export function verifyManageSignersBtnIsEnabled() {
+  cy.get(manageSignersBtn).should('exist').and('not.be.disabled')
+}
+
+export function verifyManageSignersBtnIsDisabled() {
+  cy.get(manageSignersBtn).should('exist').and('be.disabled')
+}
+
+export function hoverOverManageSignersBtn() {
+  cy.get(manageSignersBtn).trigger('mouseover')
+}
+
+export function verifyTooltiptext(text) {
+  cy.get(tooltip).should('have.text', text)
+}
+
+export function clickOnWalletExpandMoreIcon() {
+  cy.get(expandMoreIcon).eq(0).click({ force: true })
+  cy.get(sentinelStart).next().should('be.visible')
+}
+
+export function clickOnDisconnectBtn() {
+  cy.get('button').contains(disconnectBtnStr).click()
+  cy.get('button').contains(notConnectedStatus)
+}
+
+export function clickOnConnectBtn() {
+  cy.get('button').contains(notConnectedStatus).click().wait(1000)
+}
+
+export function waitForConnectionStatus() {
+  cy.get(createWallet.accountInfoHeader).should('exist')
+}
+
+export function clickOnManageSignersBtn() {
+  cy.get(manageSignersBtn).should('be.enabled').click()
+}
+export function openManageSignersWindow() {
+  clickOnManageSignersBtn()
+  cy.get(signerNameField).should('be.visible')
+  cy.get(signerAddressField).should('be.visible')
+}
+export function clickOnAddSignerBtn() {
+  cy.get(addNewSigner).should('be.enabled').click()
+}
+export function verifyNonceInputValue(value) {
+  cy.get(newOwnerNonceInput).should('not.be.disabled')
+  main.verifyInputValue(newOwnerNonceInput, value)
+}
+
+export function verifyErrorMsgInvalidAddress(errorMsg) {
+  cy.get('label').contains(errorMsg).should('exist')
+}
+
+export function verifyValidWalletName(errorMsg) {
+  cy.get('label').contains(errorMsg).should('not.exist')
+}
+//Type owner address on the manage signers form
+export function typeOwnerAddress(address) {
+  cy.get(newOwnerAddress)
+    .clear()
+    .type(address)
+    .then(($input) => {
+      const typedValue = $input.val()
+      expect(address).to.contain(typedValue)
+    })
+  cy.wait(1000)
+}
+//Type the signer address into the 'Signer Address' field on the Manage Signers page, defined by the index (owners.index.address)
+export function typeOwnerAddressManage(index, address) {
+  cy.get(existingOwnerAddressInput(index)).clear().type(address)
+}
+//Type the signer name for one field pages
+export function typeOwnerName(name) {
+  cy.get(newOwnerName).clear().type(name)
+  main.verifyInputValue(newOwnerName, name)
+}
+
+//Type the signer name into the "Signer Name" field for manage signers
+export function typeOwnerNameManage(index, name) {
+  cy.get(existingOwnerNameInput(index)).clear().type(name)
+  main.verifyInputValue(existingOwnerNameInput(index), name)
+}
+
+export function selectNewOwner(name) {
+  cy.contains(name).click()
+}
+
+export function verifyNewOwnerName(name) {
+  cy.get(addressBook.addressBookRecipient).should('include.text', name)
+}
+//next button on Manage signers
+export function clickOnNextBtnManage() {
+  cy.get(submitNextBt).should('be.enabled').click()
+}
+//Next button for usual tx flow
+export function clickOnNextBtn() {
+  cy.get(addOwnerNextBtn).should('be.enabled').click()
+}
+
+export function clickOnBackBtn() {
+  cy.get(navigation.modalBackBtn).should('be.enabled').click()
+}
+
+export function verifyConfirmTransactionWindowDisplayed() {
+  cy.get('div').contains(constants.transactionStatus.confirm).should('exist')
+  cy.get('button').contains(continueBtnStr).should('exist')
+  cy.get('button').contains(backbtnStr).should('exist')
+}
+
+export function verifyThreshold(startValue, endValue) {
+  main.verifyInputValue(thresholdInput, startValue)
+  cy.get('p')
+    .contains(`out of ${endValue} signer${endValue > 1 ? 's' : ''}`)
+    .should('be.visible')
+  cy.get(thresholdInput).parent().click()
+  cy.get(thresholdList).contains(endValue).should('be.visible')
+  cy.get(thresholdList).find('li').should('have.length', endValue)
+  cy.get('body').click(0, 0)
+}
+
+export function clickOnChangeThresholdBtn() {
+  cy.get(changeThresholdBtn).click({ force: true })
+  cy.get('div').contains(changeThresholdStr).should('exist')
+}
+
+export function clickOnThresholdNextBtn() {
+  //TODO: Remove extra wait when init sdk is merged
+  cy.wait(3000)
+  cy.get(thresholdNextBtn).click()
+}
diff --git a/apps/web/cypress/e2e/pages/proposers.pages.js b/apps/web/cypress/e2e/pages/proposers.pages.js
new file mode 100644
index 000000000..7db70bec1
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/proposers.pages.js
@@ -0,0 +1,152 @@
+import * as main from './main.page'
+import * as addressBook from './address_book.page'
+import * as batch from './batches.pages'
+import * as create_tx from './create_tx.pages'
+
+export const proposersSection = '[data-testid="proposer-section"]'
+const addProposerBtn = '[data-testid="add-proposer-btn"]'
+
+const deleteProposerBtn = '[data-testid="delete-proposer-btn"]'
+const editProposerBtn = '[data-testid="edit-proposer-btn"]'
+const confrimDeleteProposerBtn = '[data-testid="confirm-delete-proposer-btn"]'
+const rejectDeleteProposerBtn = '[data-testid="reject-delete-proposer-btn"]'
+const submitProposerBtn = '[data-testid="submit-proposer-btn"]'
+
+const safeAsProposerMessage = 'Cannot add Safe Account itself as proposer'
+const proposedTxMessage =
+  'This transaction was created by a Proposer. Please review and either confirm or reject it. Once confirmed, it can be finalized and executed'
+const proposerAddedMsg = 'Proposer added successfully!'
+
+export function verifyPropsalStatusExists() {
+  cy.get(create_tx.proposalStatus).should('exist')
+}
+
+export function verifyProposerInTxActionList(address) {
+  cy.get(create_tx.txSigner).within(() => {
+    cy.contains(address)
+    cy.get('div[style]')
+      .filter((index, element) => {
+        return element.style.backgroundImage.includes('url')
+      })
+      .should('exist')
+  })
+}
+export function verifyProposedTxMsgVisible() {
+  cy.contains(proposedTxMessage).should('be.visible')
+}
+
+export function clickOnAddProposerBtn() {
+  cy.get(addProposerBtn).click()
+}
+
+export function enterProposerName(name) {
+  addressBook.typeInNameInput(name)
+}
+export function enterProposerData(address, name) {
+  addressBook.typeInAddress(address)
+  enterProposerName(name)
+}
+
+export function clickOnSubmitProposerBtn() {
+  cy.get(submitProposerBtn).click()
+  verifyProposerSuccessMsgDisplayed()
+}
+
+export function checkCreatorAddress(data) {
+  cy.get(proposersSection).within(() => {
+    Object.entries(data).forEach(([key, value]) => {
+      let found = false
+      cy.get(addressBook.tableRow)
+        .each(($row) => {
+          cy.wrap($row)
+            .find('td')
+            .eq(1)
+            .then(($cell) => {
+              if ($cell.text().includes(value)) {
+                found = true
+              }
+            })
+        })
+        .then(() => {
+          expect(found, `Value "${value}" should be found in td:eq(1) within proposersSection`).to.be.true
+        })
+    })
+  })
+}
+
+export function checkProposerData(data) {
+  cy.get(proposersSection).within(() => {
+    Object.entries(data).forEach(([key, value]) => {
+      let found = false
+
+      cy.get(addressBook.tableRow)
+        .each(($row) => {
+          cy.wrap($row)
+            .find('td')
+            .eq(0)
+            .then(($cell) => {
+              if ($cell.text().includes(value)) {
+                found = true
+              }
+            })
+        })
+        .then(() => {
+          expect(found, `Value "${value}" should be found in td:eq(0) within proposersSection`).to.be.true
+        })
+    })
+  })
+}
+
+export function clickOnEditProposerBtn(address) {
+  cy.get(proposersSection).within(() => {
+    cy.get(addressBook.tableRow).contains(address).parents('tr').find(editProposerBtn).click()
+  })
+}
+
+export function confirmProposerDeletion(index) {
+  cy.get(confrimDeleteProposerBtn).eq(index).click()
+}
+
+export function deleteAllProposers() {
+  cy.get('body').then(($body) => {
+    if ($body.find(deleteProposerBtn).length > 0) {
+      cy.get(deleteProposerBtn)
+        .should('be.enabled')
+        .then(($items) => {
+          for (let i = 0; i < $items.length; i++) {
+            cy.wrap($items[i]).click({ force: true })
+            confirmProposerDeletion(0)
+          }
+        })
+    }
+    main.verifyElementsCount(deleteProposerBtn, 0)
+  })
+}
+
+export function verifyAddProposerBtnIsDisabled() {
+  cy.get(addProposerBtn).should('exist').and('be.disabled')
+}
+
+export function checkSafeAsProposerErrorMessage() {
+  cy.contains('label', safeAsProposerMessage).should('exist')
+}
+
+export function verifyBatchDoesNotExist() {
+  main.verifyElementsCount(batch.batchTxTopBar, 0)
+}
+
+export function verifyProposerSuccessMsgDisplayed() {
+  cy.contains(proposerAddedMsg).should('exist')
+}
+
+export function verifyEditProposerBtnDisabled(address) {
+  cy.get(proposersSection).within(() => {
+    cy.get(addressBook.tableRow).contains(address).parents('tr').find(editProposerBtn).should('be.disabled')
+  })
+}
+
+export function verifyDeleteProposerBtnIsDisabled(address) {
+  cy.get(proposersSection).within(() => {
+    cy.get(addressBook.tableRow).contains(address).parents('tr').find(deleteProposerBtn).should('be.disabled')
+  })
+}
diff --git a/apps/web/cypress/e2e/pages/recovery.pages.js b/apps/web/cypress/e2e/pages/recovery.pages.js
new file mode 100644
index 000000000..5cb4d5648
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/recovery.pages.js
@@ -0,0 +1,203 @@
+import * as constants from '../../support/constants'
+import * as main from './main.page'
+import * as safe from '../pages/load_safe.pages'
+import * as tx from '../pages/transactions.page'
+import { tableContainer } from '../pages/address_book.page'
+import { txDate } from '../pages/create_tx.pages'
+import { modalHeader } from '../pages/modals.page'
+import { moduleRemoveIcon } from '../pages/modules.page'
+
+export const setupRecoveryBtn = '[data-testid="setup-recovery-btn"]'
+export const setupRecoveryModalBtn = '[data-testid="setup-btn"]'
+const recoveryNextBtn = '[data-testid="next-btn"]'
+const warningSection = '[data-testid="warning-section"]'
+const termsCheckbox = 'input[type="checkbox"]'
+export const removeRecovererBtn = '[data-testid="remove-recoverer-btn"]'
+export const editRecovererBtn = '[data-testid="edit-recoverer-btn"]'
+const removeRecovererSection = '[data-testid="remove-recoverer-section"]'
+const startRecoveryBtn = '[data-testid="start-recovery-btn"]'
+const recoveryDelaySelect = '[data-testid="recovery-delay-select"]'
+const recoveryExpirySelect = '[data-testid="recovery-expiry-select"]'
+const postponeRecoveryBtn = '[data-testid="postpone-recovery-btn"]'
+const goToQueueBtn = '[data-testid="queue-btn"]'
+const executeBtn = '[data-testid="execute-btn"]'
+const cancelRecoveryBtn = '[data-testid="cancel-recovery-btn"]'
+const cancelProposalBtn = '[data-testid="cancel-proposal-btn"]'
+const executeFormBtn = '[data-testid="execute-form-btn"]'
+const advancedBtn = '[data-testid="advanced-btn"]'
+const recoveryProposalModal = '[data-testid="recovery-proposal"]'
+const recoveryProposalHorizontal = '[data-testid="recovery-proposal-hr"]'
+const recoveryModalTitle = 'How does recovery work'
+
+export const recoveryOptions = {
+  customPeriod: 'Custom period',
+  oneMin: '1 minute',
+  fiveMin: '5 minutes',
+  oneHr: '1 hour',
+  twoDays: '2 days',
+  sevenDays: '7 days',
+  fourteenDays: '14 days',
+  twentyEightDays: '28 days',
+  fiveSixDays: '56 days',
+  never: 'never',
+}
+export function clickOnEditRecoverer() {
+  cy.get(editRecovererBtn).click()
+}
+export function verifyRecovererSettings(data) {
+  main.checkTextsExistWithinElement(tableContainer, data)
+}
+
+export function verifyRecovererConfirmationData(data) {
+  data.forEach((item) => {
+    cy.get(modalHeader).next('div').contains(item)
+  })
+}
+
+export function verifyRecoveryTableDisplayed() {
+  cy.get(tableContainer).should('be.visible')
+}
+export function clickOnExecuteRecoveryCancelBtn() {
+  cy.get(executeFormBtn).click()
+}
+export function cancelRecoveryTx() {
+  cy.get(txDate).click()
+  cy.get(cancelRecoveryBtn).scrollIntoView().click()
+  cy.get(cancelProposalBtn).scrollIntoView().click()
+}
+export function clickOnRecoveryExecuteBtn() {
+  cy.get(executeBtn).eq(0).should('be.enabled', { timeout: 300000 })
+  cy.wait(1000)
+  cy.get(executeBtn).eq(0).click()
+}
+export function verifyTxNotInQueue() {
+  cy.get(txDate).should('have.length', 0)
+}
+export const recoveryDelayOptions = {
+  one_minute: '1 minute',
+}
+
+export function setRecoveryDelay(option) {
+  cy.get(recoveryDelaySelect).click()
+  cy.contains(option).click()
+}
+
+export function verifyRecoveryDelayOptions(options) {
+  cy.get(recoveryDelaySelect).click()
+  options.forEach((item) => {
+    cy.contains(item)
+  })
+}
+
+export function setRecoveryExpiry(option) {
+  cy.get(advancedBtn).click()
+  cy.get(recoveryExpirySelect).click()
+  cy.contains(option).click()
+}
+
+export function verifyRecoveryExpiryOptions(options) {
+  cy.get(advancedBtn).click()
+  cy.get(recoveryExpirySelect).click()
+  options.forEach((item) => {
+    cy.contains(item)
+  })
+}
+
+export function getSetupRecoveryBtn() {
+  return cy.get(setupRecoveryBtn)
+}
+
+export function clickOnSetupRecoveryBtn() {
+  getSetupRecoveryBtn().click()
+}
+
+export function clickOnSetupRecoveryModalBtn() {
+  cy.get(setupRecoveryModalBtn).click()
+}
+
+export function clickOnNextBtn() {
+  cy.get(recoveryNextBtn).click()
+}
+
+export function clickOnGoToQueueBtn() {
+  cy.get(goToQueueBtn).click()
+  cy.get(goToQueueBtn).should('not.exist')
+}
+
+export function enterRecovererAddress(address) {
+  safe.inputOwnerAddress(0, address)
+}
+
+export function agreeToTerms() {
+  cy.get(warningSection).within(() => {
+    main.verifyCheckboxeState(termsCheckbox, 0, constants.checkboxStates.unchecked)
+    cy.get(termsCheckbox).click()
+    main.verifyCheckboxeState(termsCheckbox, 0, constants.checkboxStates.checked)
+  })
+}
+
+export function verifyRecovererAdded(address) {
+  main.verifyValuesExist(tableContainer, address)
+}
+
+export function clearRecoverers() {
+  cy.get('body').then(($body) => {
+    if ($body.find(removeRecovererBtn).length) {
+      cy.get(removeRecovererBtn).each(($btn) => {
+        cy.wrap($btn).click()
+        clickOnNextBtn()
+        tx.executeFlow_1()
+      })
+    }
+  })
+}
+
+export function clickOnStartRecoveryBtn() {
+  cy.get(startRecoveryBtn).click()
+}
+
+export function enterOwnerAddress(address) {
+  safe.inputOwnerAddress(0, address)
+}
+
+export function postponeRecovery() {
+  cy.wait(7000)
+  cy.get(postponeRecoveryBtn)
+    .should(() => {})
+    .then(($button) => {
+      if (!$button.length) {
+        return
+      }
+      cy.wrap($button).click()
+      cy.get(postponeRecoveryBtn).should('not.exist')
+    })
+}
+
+export function clickOnRecoverLaterBtn() {
+  cy.get(postponeRecoveryBtn).click()
+  cy.get(postponeRecoveryBtn).should('not.exist')
+}
+
+export function verifyNonceState(state) {
+  if (state === constants.elementExistanceStates.exist) {
+    cy.get(nonceFld).should(constants.elementExistanceStates.exist)
+  }
+  cy.get(nonceFld).should(constants.elementExistanceStates.not_exist)
+}
+
+export function verifyRecoveryProposalModalState(option, horizontal = false) {
+  let modal = recoveryProposalModal
+  if (horizontal) modal = recoveryProposalHorizontal
+  cy.get(modal).should(option)
+}
+
+export function verifyRecoveryModalDisplayed() {
+  cy.contains(recoveryModalTitle).should('be.visible')
+}
+
+export function deleteRecoveryModule() {
+  cy.get(moduleRemoveIcon).click()
+  main.acceptCookies()
+  clickOnNextBtn()
+  tx.executeFlow_1()
+}
diff --git a/apps/web/cypress/e2e/pages/safeapps.pages.js b/apps/web/cypress/e2e/pages/safeapps.pages.js
new file mode 100644
index 000000000..a6944c350
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/safeapps.pages.js
@@ -0,0 +1,372 @@
+import * as constants from '../../support/constants'
+import { accordionActionItem } from '../pages/nfts.pages'
+
+const searchAppInput = 'input[id="search-by-name"]'
+const appUrlInput = 'input[name="appUrl"]'
+const closePreviewWindowBtn = 'button[aria-label*="Close"][aria-label*="preview"]'
+export const contractMethodIndex = '[name="contractMethodIndex"]'
+export const saveToLibraryBtn = 'button[title="Save to Library"]'
+export const downloadBatchBtn = 'button[title="Download batch"]'
+export const deleteBatchBtn = 'button[title="Delete Batch"]'
+const appModal = '[data-testid="app-info-modal"]'
+export const safeAppsList = '[data-testid="apps-list"]'
+const openSafeAppBtn = '[data-testid="open-safe-app-btn"]'
+const appMessageInput = 'input[placeholder="Message"]'
+const txBuilderUntrustedFallbackAlert = '[data-testid="untrusted-fallback-handler-alert"]'
+export const handlerInput = 'input[id="contract-field-handler"]'
+const decodedTxSummary = '[data-testid="decoded-tx-summary"]'
+export const cowFallBackHandlerTitle = 'div[title="CowSwapFallbackHandler"]'
+
+const addBtnStr = /add/i
+const noAppsStr = /no Safe Apps found/i
+const bookmarkedAppsStr = /bookmarked Apps/i
+const customAppsStr = /my custom Apps/i
+const addCustomAppBtnStr = /add custom Safe App/i
+const openSafeAppBtnStr = /open Safe App/i
+const disclaimerTtle = /disclaimer/i
+const continueBtnStr = /continue/i
+const cameraCheckBoxStr = /camera/i
+const microfoneCheckBoxStr = /microphone/i
+const permissionRequestStr = /permissions request/i
+const accessToAddressBookStr = /access to your address book/i
+const acceptBtnStr = /accept/i
+const clearAllBtnStr = /clear all/i
+const allowAllPermissions = /allow all/i
+export const enterAddressStr = /enter address or ens name/i
+export const addTransactionStr = /add new transaction/i
+export const createBatchStr = /create batch/i
+export const sendBatchStr = /send batch/i
+export const transactionDetailsStr = /transaction details/i
+export const addOwnerWithThreshold = /add signer with threshold/i
+export const enterABIStr = /Enter ABI/i
+export const toAddressStr = /to address/i
+export const tokenAmount = /ETH value */i
+export const dataStr = /data */i
+export const clearTransactionListStr = /Clear transaction list?/i
+export const confirmClearTransactionListStr = /Yes, clear/i
+export const cancelBtnStr = 'Cancel'
+export const confirmDeleteBtnStr = 'Yes, delete'
+export const backBtnStr = /Back/i
+export const simulateBtnStr = /Simulate/i
+export const reviewAndConfirmStr = /Review and confirm/i
+export const backToTransactionStr = /Back to Transaction Creation/i
+export const batchNameStr = /Batch name/i
+export const transactionLibraryStr = /Your transaction library/i
+export const noSavedBatchesStr = /You don't have any saved batches./i
+export const keepProxiABIStr = /Keep Proxy ABI/i
+export const selectAllRowsChbxStr = /Select All Rows checkbox/i
+export const selectRowChbxStr = /Select Row checkbox/i
+export const recipientStr = /recipient/i
+export const validRecipientAddressStr = /please enter a valid recipient address/i
+export const contractMethodSelector = 'input[id="contract-method-selector"]'
+export const testAddressValue2 = 'testAddressValue'
+export const testBooleanValue = 'testBooleanValue'
+export const testFallback = 'fallback'
+export const cowFallback = 'setFallbackHandler'
+export const customData = 'Custom hex data'
+export const testBooleanValue1 = '1 testBooleanValue'
+export const testBooleanValue2 = '2 testBooleanValue'
+export const testBooleanValue3 = '3 testBooleanValue'
+export const transfer2AssetsStr = 'Transfer 2 assets'
+
+export const testTransfer1 = '1 transfer'
+export const testTransfer2 = '2 MetaMultiSigWallet: transfer'
+export const nativeTransfer2 = /2 Send.*ETH to.*/
+export const nativeTransfer1 = /1 Send.*ETH to.*/
+
+export const testNativeTransfer = 'native transfer'
+
+export const newValueBool = 'newValue(bool):'
+export const ownerAddressStr = 'signer (address)'
+export const ownerAddressStr2 = 'signer(address)'
+export const thresholdStr = '_threshold (uint256) *'
+export const thresholdStr2 = '_threshold(uint256):'
+
+const appNotSupportedMsg = "The app doesn't support Safe App functionality"
+export const changedPropertiesStr = 'This batch contains some changed properties since you saved or downloaded it'
+export const anotherChainStr = 'This batch is from another Chain (1)!'
+export const useImplementationABI = 'Use Implementation ABI'
+export const addressNotValidStr = 'The address is not valid'
+export const transferEverythingStr = 'Transfer everything'
+export const noTokensSelectedStr = 'No tokens selected'
+export const reviewConfirmStr = 'Review and Confirm'
+export const requiredStr = 'Required'
+export const e3eTestStr = 'E2E test'
+export const createBtnStr = 'Create'
+export const warningStr = 'Warning'
+export const transferStr = 'Transfer'
+export const successStr = 'Success'
+export const failedStr = 'Failed'
+const blindSigningStr = 'This request involves blind signing'
+const enableBlindSigningStr = 'Enable blind signing'
+const blindSigningStr2 = 'blind signing'
+const signBtnStr = 'Sign'
+
+export const dummyTxStr = 'Trigger dummy tx (safe.txs.send)'
+export const signOnchainMsgStr = 'Sign message (on-chain)'
+export const pinWalletConnectStr = /pin walletconnect/i
+export const transactionBuilderStr = 'Transaction Builder'
+export const cowswapStr = 'CowSwap'
+export const basicTypesTestContractStr = 'BasicTypesTestContract'
+export const testAddressValueStr = 'testAddressValue'
+
+export function checkActions(count, action) {
+  cy.get(accordionActionItem).filter(`:contains("${action}")`).should('have.length', count)
+}
+
+export const logoWalletConnect = /logo.*walletconnect/i
+export const walletConnectHeadlinePreview = /walletconnect/i
+export const newAddressValueStr = 'newValue (address)'
+export const newAddressValueStr2 = 'newValue(address)'
+export const transactiobUilderHeadlinePreview = 'Transaction Builder'
+export const availableNetworksPreview = 'Available networks'
+export const connecttextPreview = 'Compose custom contract interactions and batch them into a single transaction'
+export const AddressEmptyCodeStr = 'AddressEmptyCode'
+export const gridItem = 'main .MuiPaper-root > .MuiGrid-item'
+export const linkNames = {
+  wcLogo: /WalletConnect logo/i,
+  txBuilderLogo: /Transaction Builder logo/i,
+}
+const featuredAppsStr = /featured apps/i
+const pinnedAppsStr = 'My pinned apps'
+const pinnedAppsStrR = /my pinned apps/i
+
+export const abi =
+  '[{"inputs":[{"internalType":"address","name":"_singleton","type":"address"}],"stateMutability":"nonpayable","type":"constructor"},{"stateMutability":"payable","type":"fallback"},{"inputs":[{"internalType":"address","name":"target","type":"address"}],"name":"AddressEmptyCode","type":"error"},{"inputs":[{"internalType":"address","name":"account","type":"address"}],"name":"balanceOf","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"address","name":"spender","type":"address"},{"internalType":"uint256","name":"value","type":"uint256"}],"name":"approve","outputs":[{"internalType":"bool","name":"","type":"bool"}],"stateMutability":"nonpayable","type":"function"}]'
+
+export const permissionCheckboxes = {
+  camera: 'input[name="camera"]',
+  addressbook: 'input[name="requestAddressBook"]',
+  microphone: 'input[name="microphone"]',
+  geolocation: 'input[name="geolocation"]',
+  fullscreen: 'input[name="fullscreen"]',
+}
+
+export const permissionCheckboxNames = {
+  camera: 'Camera',
+  addressbook: 'Address Book',
+  microphone: 'Microphone',
+  geolocation: 'Geolocation',
+  fullscreen: 'Fullscreen',
+}
+
+export const cowFallbackHandler = 'sep:0x2f55e8b20D0B9FEFA187AA7d00B6Cbe563605bF5'
+
+export function verifyUntrustedHandllerWarningVisible() {
+  cy.get(txBuilderUntrustedFallbackAlert).should('be.visible')
+}
+
+export function verifyUntrustedHandllerWarningDoesNotExist() {
+  cy.get(txBuilderUntrustedFallbackAlert).should('not.exist')
+}
+
+export function clickOnAdvancedDetails() {
+  cy.get(decodedTxSummary).click({ force: true })
+}
+
+export function triggetOffChainTx() {
+  cy.contains(dummyTxStr).click()
+}
+
+export function verifyBlindSigningEnabled(option) {
+  if (option) {
+    cy.contains(blindSigningStr).should('be.visible')
+  } else {
+    cy.contains(blindSigningStr).should('not.exist')
+  }
+}
+
+export function clickOnBlindSigningOption() {
+  cy.contains(blindSigningStr2).click()
+  cy.contains(enableBlindSigningStr).click()
+}
+
+export function triggetSignMsg() {
+  cy.contains(signOnchainMsgStr).click()
+}
+
+export function enterMessage(msg) {
+  cy.get(appMessageInput).type(msg)
+}
+
+export function verifySignBtnDisabled() {
+  cy.get('button').contains(signBtnStr).should('be.disabled')
+}
+
+export function triggetOnChainTx() {
+  cy.contains(signOnchainMsgStr).click()
+}
+
+export function typeAppName(name) {
+  cy.get(searchAppInput).clear().type(name)
+}
+
+export function clearSearchAppInput() {
+  cy.get(searchAppInput).clear()
+}
+
+export function verifyLinkName(name) {
+  cy.findAllByRole('link', { name }).should('have.length', 1)
+}
+
+export function clickOnApp(app) {
+  cy.contains(app).click()
+  cy.wait(2000)
+}
+
+export function verifyNoAppsTextPresent() {
+  cy.contains(noAppsStr).should('exist')
+}
+
+export function pinApp(index, app, pin = true) {
+  const option = pin ? 'Pin' : 'Unpin'
+  const option_ = pin ? 'Unpin' : 'Pin'
+  cy.get(`[aria-label="${option} ${app}"]`).eq(index).click()
+  cy.get(`[aria-label="${option_} ${app}"]`).should('exist')
+}
+
+export function clickOnBookmarkedAppsTab() {
+  cy.findByText(bookmarkedAppsStr).click()
+}
+
+export function verifyAppCount(count) {
+  cy.findByText(`All apps (${count})`).should('be.visible')
+}
+
+export function verifyCustomAppCount(count) {
+  cy.findByText(`Custom apps (${count})`).should('be.visible')
+}
+
+export function verifyPinnedAppCount(count) {
+  cy.findByText(`${pinnedAppsStr} (${count})`).should(count ? 'be.visible' : 'not.exist')
+}
+
+export function verifyAppInFeaturedList(app) {
+  cy.findByText(featuredAppsStr)
+    .next('ul')
+    .within(() => {
+      cy.findByText(app).should('exist')
+    })
+}
+
+export function verifyAppInPinnedList(app) {
+  cy.findByText(pinnedAppsStrR)
+    .next('ul')
+    .within(() => {
+      cy.findByText(app).should('exist')
+    })
+}
+
+export function clickOnCustomAppsTab() {
+  cy.findByText(customAppsStr).click()
+}
+
+export function clickOnAddCustomApp() {
+  cy.findByText(addCustomAppBtnStr).click()
+}
+
+export function typeCustomAppUrl(url) {
+  cy.get(appUrlInput).clear().type(url)
+}
+
+export function verifyAppNotSupportedMsg() {
+  cy.contains(appNotSupportedMsg).should('be.visible')
+}
+
+export function verifyAppTitle(title) {
+  cy.findByRole('heading', { name: title }).should('exist')
+}
+
+export function acceptTC() {
+  cy.findByRole('checkbox').click()
+}
+
+export function clickOnAddBtn() {
+  cy.findByRole('button', { name: addBtnStr }).click()
+}
+
+export function verifyAppDescription(descr) {
+  cy.findByText(descr).should('exist')
+}
+
+export function clickOnOpenSafeAppBtn() {
+  cy.get(openSafeAppBtn).click()
+}
+
+export function verifyDisclaimerIsDisplayed() {
+  verifyDisclaimerIsVisible()
+}
+
+function verifyDisclaimerIsVisible() {
+  cy.findByRole('heading', { name: disclaimerTtle }).should('be.visible')
+}
+
+export function clickOnContinueBtn() {
+  cy.get(appModal).should('exist')
+  return cy.findByRole('button', { name: continueBtnStr }).click().wait(1000)
+}
+
+export function checkLocalStorage() {
+  clickOnContinueBtn().should(() => {
+    const storedItem = window.localStorage.getItem(constants.BROWSER_PERMISSIONS_KEY)
+    expect(storedItem).to.include('"feature":"camera","status":"granted"')
+    expect(storedItem).to.include('"feature":"microphone","status":"denied"')
+  })
+}
+
+export function verifyCameraCheckBoxExists() {
+  cy.findByRole('checkbox', { name: cameraCheckBoxStr }).should('exist')
+}
+
+export function verifyMicrofoneCheckBoxExists() {
+  return cy.findByRole('checkbox', { name: microfoneCheckBoxStr }).should('exist')
+}
+
+export function verifyInfoModalAcceptance() {
+  cy.waitForSelector(() => {
+    return cy
+      .findByRole('button', { name: continueBtnStr })
+      .click()
+      .wait(2000)
+      .should(() => {
+        const storedInfoModal = JSON.parse(
+          localStorage.getItem(constants.localStorageKeys.SAFE_v2__SafeApps__infoModal),
+        )
+        expect(storedInfoModal[constants.networkKeys.sepolia].consentsAccepted).to.eq(true)
+      })
+  })
+}
+
+export function verifyPreviewWindow(str1, str2, str3) {
+  cy.findByRole('heading', { name: str1 }).should('exist')
+  cy.findByText(str2).should('exist')
+  cy.findByText(str3).should('exist')
+}
+
+export function closePreviewWindow() {
+  cy.get(closePreviewWindowBtn).click()
+}
+
+export function verifyPermissionsRequestExists() {
+  cy.findByRole('heading', { name: permissionRequestStr }).should('exist')
+}
+
+export function verifyAccessToAddressBookExists() {
+  cy.findByText(accessToAddressBookStr).should('exist')
+}
+
+export function clickOnAcceptBtn() {
+  cy.findByRole('button', { name: acceptBtnStr }).click()
+}
+
+export function uncheckAllPermissions(element) {
+  cy.wrap(element).findByText(clearAllBtnStr).click()
+}
+
+export function checkAllPermissions(element) {
+  cy.wrap(element).findByText(allowAllPermissions).click()
+}
+
+export function verifyPinnedApp(name) {
+  cy.get(`[aria-label="${name}"]`)
+}
diff --git a/apps/web/cypress/e2e/pages/sidebar.pages.js b/apps/web/cypress/e2e/pages/sidebar.pages.js
new file mode 100644
index 000000000..136521f20
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/sidebar.pages.js
@@ -0,0 +1,724 @@
+import * as constants from '../../support/constants.js'
+import * as main from './main.page.js'
+import * as modal from './modals.page.js'
+import * as navigation from './navigation.page.js'
+import { safeHeaderInfo } from './import_export.pages.js'
+import * as file from './import_export.pages.js'
+import safes from '../../fixtures/safes/static.json'
+import * as address_book from './address_book.page.js'
+import * as create_wallet from '../pages/create_wallet.pages.js'
+
+export const chainLogo = '[data-testid="chain-logo"]'
+const safeIcon = '[data-testid="safe-icon"]'
+const sidebarContainer = '[data-testid="sidebar-container"]'
+const openSafesIcon = '[data-testid="open-safes-icon"]'
+const qrModalBtn = '[data-testid="qr-modal-btn"]'
+export const copyAddressBtn = '[data-testid="copy-address-btn"]'
+const explorerBtn = '[data-testid="explorer-btn"]'
+export const sideBarListItem = '[data-testid="sidebar-list-item"]'
+const sideBarListItemWhatsNew = '[data-testid="list-item-whats-new"]'
+const sideBarListItemNeedHelp = '[data-testid="list-item-need-help"]'
+const sideSafeListItem = '[data-testid="safe-list-item"]'
+const sidebarSafeHeader = '[data-testid="safe-header-info"]'
+const sidebarSafeContainer = '[data-testid="sidebar-safe-container"]'
+const safeItemOptionsBtn = '[data-testid="safe-options-btn"]'
+export const safeItemOptionsRenameBtn = '[data-testid="rename-btn"]'
+export const safeItemOptionsRemoveBtn = '[data-testid="remove-btn"]'
+export const safeItemOptionsAddChainBtn = '[data-testid="add-chain-btn"]'
+const nameInput = '[data-testid="name-input"]'
+const saveBtn = '[data-testid="save-btn"]'
+const deleteBtn = '[data-testid="delete-btn"]'
+const readOnlyVisibility = '[data-testid="read-only-visibility"]'
+const currencySection = '[data-testid="currency-section"]'
+const missingSignatureInfo = '[data-testid="missing-signature-info"]'
+const queuedTxInfo = '[data-testid="queued-tx-info"]'
+const expandSafesList = '[data-testid="expand-safes-list"]'
+export const importBtn = '[data-testid="import-btn"]'
+export const pendingActivationIcon = '[data-testid="pending-activation-icon"]'
+const safeItemMenuIcon = '[data-testid="MoreVertIcon"]'
+const multichainItemSummary = '[data-testid="multichain-item-summary"]'
+const addChainDialog = "[data-testid='add-chain-dialog']"
+export const addNetworkBtn = "[data-testid='add-network-btn']"
+const modalAddNetworkBtn = "[data-testid='modal-add-network-btn']"
+const subAccountContainer = '[data-testid="subacounts-container"]'
+const groupBalance = '[data-testid="group-balance"]'
+const groupAddress = '[data-testid="group-address"]'
+const groupSafeIcon = '[data-testid="group-safe-icon"]'
+const multichainTooltip = '[data-testid="multichain-tooltip"]'
+const networkInput = '[id="network-input"]'
+const networkOption = 'li[role="option"]'
+const showAllNetworks = '[data-testid="show-all-networks"]'
+const showAllNetworksStr = 'Show all networks'
+export const addNetworkOption = 'li[aria-label="Add network"]'
+export const addedNetworkOption = 'li[role="option"]'
+const modalAddNetworkName = '[data-testid="added-network"]'
+const networkSeperator = 'div[role="separator"]'
+export const addNetworkTooltip = '[data-testid="add-network-tooltip"]'
+const pinnedAccountsContainer = '[data-testid="pinned-accounts"]'
+const emptyPinnedList = '[data-testid="empty-pinned-list"]'
+const boomarkIcon = '[data-testid="bookmark-icon"]'
+const emptyAccountList = '[data-testid="empty-account-list"]'
+const searchInput = '[id="search-by-name"]'
+const accountsList = '[data-testid="accounts-list"]'
+const sortbyBtn = '[data-testid="sortby-button"]'
+export const currentSafeSection = '[data-testid="current-safe-section"]'
+const readOnlyChip = '[data-testid="read-only-chip"]'
+const addSafeBtn = '[data-testid="add-safe-button"]'
+const indexStatusSection = '[data-testid="index-status"]'
+const needHelpBtn = '[data-testid="list-item-need-help"]'
+const openNestedSafeListBtn = '[data-track="nested-safes: Open nested Safe list"]'
+const nestedSafeListPopover = '[data-testid="nested-safe-list"]'
+const breadcrumpContainer = '[data-testid="safe-breadcrumb-container"]'
+const parentSafeItem = 'div[aria-label="Parent Safe"]'
+const nestedSafeItem = 'div[aria-label="Nested Safe"]'
+const safeIconItem = '[data-testid="safe-icon"]'
+
+export function clickOnOpenNestedSafeListBtn() {
+  cy.get(openNestedSafeListBtn).click()
+}
+
+export function checkSafesInPopverList(safes) {
+  main.verifyValuesExist(nestedSafeListPopover, safes)
+}
+
+export function checkSafesCountInPopverList(number) {
+  main.verifyElementsCount(nestedSafeListPopover, number)
+}
+
+export function clickOnSafeInPopover(safe) {
+  cy.get(nestedSafeListPopover).within(() => {
+    cy.contains(safe).click()
+  })
+}
+
+export function clickOnParentSafeInBreadcrumb() {
+  cy.wait(1000) // Needs time to render
+  cy.get(breadcrumpContainer).within(() => {
+    cy.get(parentSafeItem).within(() => {
+      cy.get('a').click()
+    })
+  })
+}
+
+export function checkParentSafeInBreadcrumb(name, address) {
+  cy.get(breadcrumpContainer).within(() => {
+    cy.get(parentSafeItem).within(() => {
+      cy.get(`a[href*="${address}"]`).should('contain', name)
+    })
+  })
+}
+
+export function checkNestedSafeInBreadcrumb(name) {
+  cy.get(breadcrumpContainer).within(() => {
+    cy.get(nestedSafeItem).within(() => {
+      cy.get('p').should('contain', name)
+    })
+  })
+}
+
+export const importBtnStr = 'Import'
+export const exportBtnStr = 'Export'
+export const undeployedSafe = 'Undeployed Sepolia'
+export const notActivatedStr = 'Not activated'
+export const addingNetworkNotPossibleStr = 'Adding another network is not possible for this Safe.'
+export const createSafeMsg = (network) => `Successfully added your account on ${network}`
+const signersNotConsistentMsg = 'Signers are not consistent'
+const signersNotConsistentMsg2 = (network) => `Signers are different on these networks of this account:${network}`
+const signersNotConsistentMsg3 =
+  'To manage your account easier and to prevent lose of funds, we recommend keeping the same signers'
+const signersNotConsistentConfirmTxViewMsg = (network) =>
+  `Signers are not consistent across networks on this account. Changing signers will only affect the account on ${network}`
+const activateStr = 'You need to activate your Safe first'
+const emptyPinnedMessage = 'Personalize your account list by clicking theicon on the accounts most important to you.'
+
+export const addedSafesEth = ['0x8675...a19b']
+export const addedSafesSepolia = ['0x6d0b...6dC1', '0x5912...fFdb', '0x0637...708e', '0xD157...DE9a']
+export const sideBarListItems = ['Home', 'Assets', 'Transactions', 'Address book', 'Apps', 'Settings', 'Swap']
+export const sideBarSafes = {
+  safe1: '0xBb26E3717172d5000F87DeFd391994f789D80aEB',
+  safe2: '0x905934aA8758c06B2422F0C90D97d2fbb6677811',
+  safe3: '0xC96ee38f5A73C8A70b565CB8EA938D2aF913ee3B',
+  safe1short: '0xBb26...0aEB',
+  safe1short_: '0xBb26',
+  safe2short: '0x9059...7811',
+  safe3short: '0x86Cb...2C27',
+  safe4short: '0x9261...7E00',
+  multichain_short_: '0xC96e',
+}
+
+// 0x926186108f74dB20BFeb2b6c888E523C78cb7E00
+export const sideBarSafesPendingActions = {
+  safe1: '0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb',
+  safe1short: '0x5912...fFdb',
+}
+export const testSafeHeaderDetails = ['2/2', safes.SEP_STATIC_SAFE_9_SHORT]
+const receiveAssetsStr = 'Receive assets'
+const emptyPinnedListStr = 'Watch any Safe Account to keep an eye on its activity'
+const emptySafeListStr = "You don't have any safes yet"
+const accountsRegex = /(My accounts|Accounts) \((\d+)\)/
+const confirmTxStr = (number) => `${number} to confirm`
+const pedningTxStr = (n) => `${n} pending`
+export const confirmGenStr = 'to confirm'
+const searchResults = (number) => `Found ${number} result${number === 1 ? '' : 's'}`
+const needHelpLink = 'https://help.safe.global'
+
+export const sortOptions = {
+  lastVisited: '[data-testid="last-visited-option"]',
+  name: '[data-testid="name-option"]',
+}
+
+export function whatsNewBtnIsVisible() {
+  cy.get(sideBarListItemWhatsNew).should('be.visible')
+}
+
+export function checkSearchResults(number) {
+  cy.contains(searchResults(number)).should('exist')
+}
+
+export function checkNeedHelpBtnLink() {
+  cy.get(needHelpBtn).should('have.attr', 'href', needHelpLink)
+}
+
+export const multichainSafes = {
+  polygon: 'Multichain polygon',
+  sepolia: 'Multichain Sepolia',
+}
+
+export function searchSafe(safe) {
+  cy.get(searchInput).clear().type(safe, { force: true })
+}
+
+export function openSortOptionsMenu() {
+  cy.get(sortbyBtn).click()
+}
+
+export function selectSortOption(option) {
+  cy.get(option).click()
+}
+
+export function clearSearchInput() {
+  cy.get(searchInput).scrollIntoView().clear({ force: true })
+}
+
+export function verifySearchInputPosition() {
+  cy.get(searchInput).then(($searchInput) => {
+    cy.get(pinnedAccountsContainer).then(($pinnedList) => {
+      const searchInputPosition = $searchInput[0].compareDocumentPosition($pinnedList[0])
+      expect(searchInputPosition & Node.DOCUMENT_POSITION_FOLLOWING).to.equal(Node.DOCUMENT_POSITION_FOLLOWING)
+    })
+  })
+}
+
+export function verifyNumberOfPendingTxTag(tx) {
+  cy.get(pinnedAccountsContainer).within(() => {
+    cy.get('span').contains(pedningTxStr(tx))
+  })
+}
+
+export function verifyPinnedSafe(safe) {
+  cy.get(pinnedAccountsContainer).within(() => {
+    cy.get(sideSafeListItem).contains(safe)
+  })
+}
+
+export function verifyCurrentSafe(safe) {
+  cy.get(currentSafeSection).within(() => {
+    cy.get(sideSafeListItem).contains(safe)
+  })
+}
+
+export function verifyCurrentSafeReadOnly(number) {
+  cy.get(currentSafeSection).within(() => {
+    cy.get(readOnlyChip).should('have.length', number)
+  })
+}
+
+export function verifyIndexStatusPresent() {
+  cy.get(indexStatusSection).should('have.attr', 'href', constants.indexStatusUrl)
+}
+
+export function clickOnAddSafeBtn() {
+  cy.get(addSafeBtn).click()
+  cy.url().should('include', constants.loadNewSafeUrl)
+}
+
+export function verifyCurrentSafeDoesNotExist() {
+  cy.get(currentSafeSection).should('not.exist')
+}
+
+export function getImportBtn() {
+  return cy.get(importBtn).scrollIntoView().should('be.visible')
+}
+export function clickOnSidebarImportBtn() {
+  getImportBtn().click()
+  modal.verifyModalTitle(modal.modalTitiles.dataImport)
+  file.verifyValidImportInputExists()
+}
+
+export function clickOnCopyAddressBtn(expectedData) {
+  cy.window().then((win) => {
+    cy.stub(win.navigator.clipboard, 'writeText').as('clipboardWrite')
+  })
+  cy.get(copyAddressBtn).click()
+  cy.get('@clipboardWrite', { timeout: 10000 }).should('have.been.called')
+  cy.get('@clipboardWrite').then((stub) => {
+    const actualCallArgs = stub.args[0][0]
+    expect(actualCallArgs).to.include(expectedData)
+  })
+}
+
+export function showAllSafes() {
+  cy.wait(500)
+  cy.get('body').then(($body) => {
+    if ($body.find(expandSafesList).length > 0) {
+      cy.get(expandSafesList).click()
+      cy.wait(500)
+    }
+  })
+}
+
+export function verifyAccountsCollapsed() {
+  cy.get(expandSafesList).should('have.attr', 'aria-expanded', 'false')
+}
+
+export function verifyConnectBtnDisplayed() {
+  cy.get(emptyAccountList).within(() => {
+    create_wallet.verifyConnectWalletBtnDisplayed()
+  })
+}
+
+export function verifyNetworkIsDisplayed(netwrok) {
+  cy.get(sidebarContainer)
+    .should('be.visible')
+    .within(() => {
+      cy.get(chainLogo).should('contain', netwrok)
+    })
+}
+
+export function verifySafeHeaderDetails(details) {
+  main.checkTextsExistWithinElement(safeHeaderInfo, details)
+  main.verifyElementsExist([safeIcon, currencySection])
+}
+
+export function clickOnQRCodeBtn() {
+  cy.get(qrModalBtn).should('be.visible').click()
+}
+
+export function verifyQRModalDisplayed() {
+  cy.get(modal.modal).should('be.visible')
+  cy.get(modal.modalTitle).should('contain', receiveAssetsStr)
+}
+
+export function verifyCopyAddressBtn(data) {
+  cy.wait(1000)
+  cy.get(sidebarContainer)
+    .should('be.visible')
+    .within(() => {
+      cy.get(copyAddressBtn)
+        .click()
+        .wait(1000)
+        .then(() =>
+          cy.window().then((win) => {
+            win.navigator.clipboard.readText().then((text) => {
+              expect(text).to.contain(data)
+            })
+          }),
+        )
+    })
+}
+
+export function verifyEtherscanLinkExists() {
+  main.verifyMinimumElementsCount(explorerBtn, 1)
+  cy.get(sidebarContainer)
+    .should('be.visible')
+    .within(() => {
+      cy.get(explorerBtn).should('have.attr', 'href').and('include', constants.etherscanlLink)
+    })
+}
+
+export function verifyNewTxBtnStatus(status) {
+  main.verifyElementsStatus([navigation.newTxBtn], status)
+}
+
+export function verifySideListItems() {
+  main.verifyValuesExist(sideBarListItem, sideBarListItems)
+  main.verifyElementsExist([sideBarListItemWhatsNew, sideBarListItemNeedHelp])
+}
+
+export function verifyTxCounter(counter) {
+  cy.get(sideBarListItem).contains(sideBarListItems[2]).should('contain', counter)
+}
+
+export function verifyNavItemDisabled(item) {
+  cy.get(`div[aria-label*="${activateStr}"]`).contains(item).should('exist')
+}
+
+export function verifySafeCount(count) {
+  main.verifyMinimumElementsCount(sideSafeListItem, count)
+}
+
+export function verifyAccountListSafeCount(count) {
+  cy.get(accountsList).within(() => {
+    cy.get(sideSafeListItem).should('have.length', count)
+  })
+}
+
+export function verifyAccountListSafeData(data) {
+  cy.get(accountsList).within(() => {
+    main.verifyValuesExist(sideSafeListItem, [data])
+  })
+}
+
+export function clickOnOpenSidebarBtn() {
+  cy.get(openSafesIcon).click()
+}
+
+// Expands all safes in the sidebar
+export function openSidebar() {
+  clickOnOpenSidebarBtn()
+  cy.wait(500)
+  showAllSafes()
+  main.verifyElementsExist([sidebarSafeContainer])
+}
+
+export function verifyAddedSafesExist(safes) {
+  main.verifyValuesExist(sideSafeListItem, safes)
+}
+
+export function verifySafesDoNotExist(safes) {
+  main.verifyValuesDoNotExist(sidebarSafeContainer, safes)
+}
+
+export function verifyAddedSafesExistByIndex(index, safe) {
+  cy.get(sideSafeListItem).eq(index).should('contain', safe)
+}
+
+export function verifySafesByNetwork(netwrok, safes) {
+  cy.get(sidebarSafeContainer).within(() => {
+    cy.get(chainLogo)
+      .contains(netwrok)
+      .parent()
+      .next()
+      .within(() => {
+        main.verifyValuesExist(sideSafeListItem, safes)
+      })
+  })
+}
+
+function getSafeByName(safe) {
+  return cy.get(sidebarSafeContainer).find(sideSafeListItem).contains(safe).parents('span').parent().should('exist')
+}
+
+function getSafeItemOptions(name) {
+  return getSafeByName(name).within(() => {
+    cy.get(safeItemOptionsBtn)
+  })
+}
+
+export function verifySafeReadOnlyState(safe) {
+  getSafeItemOptions(safe).find(readOnlyVisibility).should('exist')
+}
+
+export function verifyMissingSignature(safe) {
+  getSafeItemOptions(safe).find(missingSignatureInfo).should('exist')
+}
+
+export function verifyQueuedTx(safe) {
+  return getSafeItemOptions(safe).find(queuedTxInfo).should('exist')
+}
+
+export function verifySafeIconData(safe) {
+  return getSafeByName(safe).find(safeIconItem).should('be.visible')
+}
+
+export function clickOnSafeItemOptionsBtn(name) {
+  getSafeItemOptions(name).find(safeItemOptionsBtn).click()
+}
+
+export function clickOnSafeItemOptionsBtnByIndex(index) {
+  cy.get(safeItemOptionsBtn).eq(index).click()
+}
+
+export function expandGroupSafes(index) {
+  cy.get(multichainItemSummary).eq(index).click()
+}
+
+export function clickOnMultichainItemOptionsBtn(index) {
+  cy.get(multichainItemSummary).eq(index).find(safeItemOptionsBtn).click()
+}
+
+export function checkMultichainTooltipExists(index) {
+  cy.get(multichainItemSummary).eq(index).find(chainLogo).eq(0).trigger('mouseover', { force: true })
+  cy.get(multichainTooltip).should('exist')
+}
+
+export function checkSafeGroupBalance(index) {
+  cy.get(multichainItemSummary)
+    .eq(index)
+    .find(groupBalance)
+    .invoke('text')
+    .should('include', '$')
+    .and('match', /\$?\s?\d+(\.\d{1,3})?/)
+}
+
+export function checkSafeGroupAddress(index, address) {
+  cy.get(multichainItemSummary)
+    .eq(index)
+    .find(groupAddress)
+    .invoke('text')
+    .then((text) => {
+      expect(text).to.include(address)
+    })
+}
+export function checkSafeGroupIconsExist(index, icons) {
+  cy.get(multichainItemSummary).eq(index).find(groupSafeIcon).should('have.length', 1)
+  cy.get(multichainItemSummary).eq(index).find(safeIcon).should('have.length', icons)
+}
+
+export function getSubAccountContainer(index) {
+  return cy.get(subAccountContainer).eq(index)
+}
+
+export function checkThereIsNoOptionsMenu(index) {
+  getSubAccountContainer(index).find(safeItemOptionsBtn).should('not.exist')
+}
+
+export function checkUndeployedSafeExists(index) {
+  return getSubAccountContainer(index).contains(notActivatedStr).should('exist')
+}
+
+export function checkMultichainSubSafeExists(safes) {
+  main.verifyValuesExist(subAccountContainer, safes)
+}
+
+export function checkAddNetworkBtnPosition(index) {
+  cy.get(multichainItemSummary)
+    .eq(index)
+    .should('exist')
+    .within(() => {
+      cy.get(addNetworkBtn)
+        .should('exist')
+        .should('be.visible')
+        .then(($btn) => {
+          expect($btn.parent().children().last()[0]).to.equal($btn[0])
+        })
+    })
+}
+export function clickOnAddNetworkBtn() {
+  cy.get(addNetworkBtn).eq(0).click()
+  cy.get(addChainDialog).should('be.visible')
+}
+
+export function getModalAddNetworkBtn() {
+  return cy.get(modalAddNetworkBtn)
+}
+
+export function clickOnNetworkInput() {
+  cy.get(networkInput).click()
+}
+
+export function getNetworkOptions() {
+  return cy.get(networkOption)
+}
+
+export function addNetwork(network) {
+  clickOnAddNetworkBtn()
+  clickOnNetworkInput()
+  getNetworkOptions().contains(network).click()
+  getModalAddNetworkBtn().click()
+}
+
+export function renameSafeItem(oldName, newName) {
+  clickOnSafeItemOptionsBtn(oldName)
+  clickOnRenameBtn()
+  typeSafeName(newName)
+}
+
+export function removeSafeItem(name) {
+  clickOnSafeItemOptionsBtn(name)
+  cy.wait(1000)
+  clickOnRemoveBtn()
+  confirmSafeItemRemoval()
+  verifyModalRemoved()
+}
+
+function typeSafeName(name) {
+  cy.get(nameInput).find('input').clear().type(name)
+}
+
+export function clickOnRenameBtn() {
+  cy.get(safeItemOptionsRenameBtn).click()
+  cy.get(address_book.entryDialog).should('exist')
+}
+
+function clickOnRemoveBtn() {
+  cy.get(safeItemOptionsRemoveBtn).click()
+}
+
+function confirmSafeItemRemoval() {
+  cy.get(deleteBtn).click()
+}
+
+export function verifySafeNameExists(name) {
+  cy.get(sidebarSafeContainer).within(() => {
+    cy.get(sideSafeListItem).contains(name)
+  })
+}
+
+export function verifySafeRemoved(name) {
+  main.verifyValuesDoNotExist(sidebarSafeContainer, [name])
+}
+
+export function clickOnSaveBtn() {
+  cy.get(saveBtn).click()
+  verifyModalRemoved()
+}
+
+function verifyModalRemoved() {
+  main.verifyElementsCount(modal.modalTitle, 0)
+}
+
+export function checkCurrencyInHeader(currency) {
+  cy.get(sidebarSafeHeader).within(() => {
+    cy.get(currencySection).contains(currency)
+  })
+}
+
+export function checkSafeAddressInHeader(address) {
+  main.verifyValuesExist(sidebarSafeHeader, address)
+}
+
+export function verifyPinnedListIsEmpty() {
+  cy.get(emptyPinnedList).should('contain.text', emptyPinnedMessage).find('svg').should('exist')
+}
+
+export function verifySafeListIsEmpty() {
+  main.verifyValuesExist(sidebarSafeContainer, [emptySafeListStr])
+}
+
+export function verifySafeBookmarkBtnExists(safe) {
+  getSafeByName(safe).within(() => {
+    cy.get(boomarkIcon).should('exist')
+  })
+}
+
+export function clickOnBookmarkBtn(safe) {
+  getSafeByName(safe).within(() => {
+    cy.get(boomarkIcon).click()
+    cy.wait(500)
+  })
+}
+
+export function verifySafeGiveNameOptionExists(index) {
+  cy.get(safeItemMenuIcon).eq(index).click()
+  clickOnRenameBtn()
+}
+
+export function checkAccountsCounter(value) {
+  verifySafeCount(2)
+  cy.get(sidebarSafeContainer)
+    .should('exist')
+    .then(($el) => {
+      const text = $el.text()
+      const match = text.match(accountsRegex)
+      expect(match).not.to.be.null
+      expect(match[0]).to.exist
+    })
+}
+
+export function checkTxToConfirm(numberOfTx) {
+  const str = confirmTxStr(numberOfTx)
+  main.verifyValuesExist(sideSafeListItem, [str])
+}
+
+export function verifyTxToConfirmDoesNotExist() {
+  main.verifyValuesDoNotExist(sideSafeListItem, [confirmGenStr])
+}
+
+export function checkBalanceExists() {
+  const balance = new RegExp(`\\s*\\d*\\.?\\d*\\s*`, 'i')
+  const element = cy.get(chainLogo).prev().contains(balance)
+}
+
+export function clickOnAddOptionsBtn() {
+  cy.get(safeItemOptionsAddChainBtn).click()
+}
+
+export function checkAddChainDialogDisplayed() {
+  clickOnAddOptionsBtn()
+  cy.get(addChainDialog).should('be.visible')
+}
+
+export function clickOnShowAllNetworksBtn() {
+  cy.get(showAllNetworks).click()
+}
+
+// TODO: Remove after next release due to data-testid availability
+export function clickOnShowAllNetworksStrBtn() {
+  cy.contains(showAllNetworksStr).click()
+}
+
+export function checkNetworkPresence(networks, optionSelector) {
+  return cy.get(optionSelector).then((options) => {
+    const optionTexts = [...options].map((option) => option.innerText)
+    networks.forEach((network) => {
+      const isNetworkPresent = optionTexts.some((text) => text.includes(network))
+      expect(isNetworkPresent).to.be.true
+    })
+    cy.wrap([...options].filter((option) => networks.some((network) => option.innerText.includes(network))))
+  })
+}
+
+export function checkNetworkIsNotEditable() {
+  cy.get(addChainDialog).within(() => {
+    cy.get(modalAddNetworkName).should('exist')
+  })
+  cy.get(addChainDialog).find(networkInput).should('not.exist')
+}
+
+export function checkNetworksInRange(expectedString, expectedCount, direction = 'below') {
+  const networkSeparator = networkSeperator
+  const startSelector = networkSeparator
+  const endSelector = direction === 'below' ? showAllNetworks : 'ul'
+
+  const traversalMethod = direction === 'below' ? 'nextUntil' : 'prevUntil'
+
+  return cy
+    .get(startSelector)
+    [traversalMethod](endSelector, 'li')
+    .then((liElements) => {
+      expect(liElements.length).to.equal(expectedCount)
+      const optionTexts = [...liElements].map((li) => li.innerText)
+      const isStringPresent = optionTexts.some((text) => text.includes(expectedString))
+      expect(isStringPresent).to.be.true
+      return cy.wrap(liElements)
+    })
+}
+
+export function checkInconsistentSignersMsgDisplayed(network) {
+  cy.contains(signersNotConsistentMsg).should('exist')
+  cy.contains(signersNotConsistentMsg2(network)).should('exist')
+  cy.contains(signersNotConsistentMsg3).should('exist')
+}
+
+export function checkInconsistentSignersMsgDisplayedConfirmTxView(network) {
+  cy.contains(signersNotConsistentConfirmTxViewMsg(network)).should('exist')
+}
+
+function getNetworkElements() {
+  return cy.get('span[data-track="overview: Add new network"] > li')
+}
+
+export function checkNetworkDisabled(networks) {
+  getNetworkElements().should('have.length.gte', 20)
+  getNetworkElements().each(($el) => {
+    const text = $el[0].innerText.trim()
+    console.log(`Element text: ${text}`)
+    const isDisabledNetwork = networks.some((network) => text.includes(network))
+    if (isDisabledNetwork) {
+      expect($el).to.have.attr('aria-disabled', 'true')
+    } else {
+      expect($el).not.to.have.attr('aria-disabled')
+    }
+  })
+}
diff --git a/apps/web/cypress/e2e/pages/spaces.page.js b/apps/web/cypress/e2e/pages/spaces.page.js
new file mode 100644
index 000000000..c89cba7bd
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/spaces.page.js
@@ -0,0 +1,216 @@
+import * as constants from '../../support/constants.js'
+import * as main from './main.page.js'
+import staticSafes from '../../fixtures/safes/static.json'
+import { tableContainer } from './address_book.page.js'
+
+export const orgList = '[data-testid="org-list"]'
+export const createSpaceBtn = '[data-testid="create-space-button"]'
+export const createSpaceModalBtn = '[data-testid="create-space-modal-button"]'
+export const orgSpaceInput = '[data-testid="space-name-input"]'
+export const orgName = '[data-testid="org-name"]'
+const spaceSelectorBtn = '[data-testid="space-selector-button"]'
+const spaceSelectorMenu = '[data-testid="space-selector-menu"]'
+const spaceEditInput = 'input[name="name"]'
+const spaceSaveBtn = '[data-testid="space-save-button"]'
+const updateSuccessMsg = 'Updated space name'
+const spaceDeleteBtn = '[data-testid="space-delete-button"]'
+const spaceConfirmDeleteBtn = '[data-testid="space-confirm-delete-button"]'
+// const orgAddManuallyBtn = '[data-testid="add-manually-button"]'
+const addSpaceAccountBtn = '[data-testid="add-space-account-button"]'
+const addSpaceAccountManuallyBtn = '[data-testid="add-space-account-manually-button"]'
+const addSpaceAccountManuallyModalBtn = '[data-testid="add-manually-button"]'
+
+const contectMenuRemoveBtn = '[data-testid="remove-button"]'
+const spaceCard = '[data-testid="space-card"]'
+const spaceVertMenuIcon = '[data-testid="MoreVertIcon"]'
+const addAddressInput = '[data-testid="add-address-input"]'
+const netwrokSelector = '[data-testid="network-selector"]'
+const netwrokItem = '[data-testid="network-item"]'
+const dashboardSafeList = '[data-testid="dashboard-safe-list"]'
+const addAccountsBtn = '[data-testid="add-accounts-button"]'
+const addMemberBtn = '[data-testid="add-member-button"]'
+const addMemberModalBtn = '[data-testid="add-member-modal-button"]'
+const memberAddressInput = '[data-testid="member-address-input"]'
+const memberNameInput = '[data-testid="member-name-input"]'
+const acceptInviteBtn = '[data-testid="accept-invite-button"]'
+const inviteNameInput = '[data-testid="invite-name-input"]'
+const confirmAcceptInviteBtn = '[data-testid="confirm-accept-invite-button"]'
+
+// export const createSpaceBtn = '[data-testid="create-space-button"]'
+
+export function confirmAcceptInvite() {
+  cy.get(confirmAcceptInviteBtn).click()
+}
+
+export function typeInviteName(name) {
+  cy.get(inviteNameInput).find('input').clear().type(name)
+}
+
+export function acceptInvite(name) {
+  cy.get(acceptInviteBtn).click()
+  typeInviteName(name)
+  confirmAcceptInvite()
+  cy.contains(name).should('be.visible')
+}
+
+export function clickOnSignInBtn() {
+  cy.contains('Sign in with').click()
+}
+
+export function clickOnCreateSpaceBtn() {
+  cy.get(createSpaceBtn).should('be.enabled').click()
+}
+
+export function clickOnCreateSpaceModalBtn() {
+  cy.get(createSpaceModalBtn).should('be.enabled').click()
+}
+
+export function typeSpaceName(name) {
+  cy.get(orgSpaceInput).find('input').clear().type(name)
+}
+
+export function clickOnSpaceSelector() {
+  cy.get(spaceSelectorBtn).click()
+}
+
+export function spaceExists(name) {
+  cy.get(spaceSelectorMenu).contains(name).should('be.visible')
+}
+
+export function createSpace(name) {
+  clickOnCreateSpaceBtn()
+  typeSpaceName(name)
+  clickOnCreateSpaceModalBtn()
+}
+
+export function getSpaceId() {
+  return cy.url().then((url) => {
+    const match = url.match(/spaceId=(\d+)/)
+    if (!match) {
+      throw new Error('spaceId not found in the URL')
+    }
+    return match[1]
+  })
+}
+
+export function goToSpaceSettings() {
+  getSpaceId().then((spaceId) => {
+    cy.visit(constants.spaceUrl + spaceId)
+  })
+}
+
+export function goToSpaceMembers() {
+  cy.wait(1000)
+  getSpaceId().then((spaceId) => {
+    cy.visit(constants.spaceMembersUrl + spaceId)
+  })
+}
+
+export function clickOnSaveSpaceNameBtn() {
+  cy.get(spaceSaveBtn).click()
+}
+
+export function editSpace(newName) {
+  cy.get(spaceEditInput).clear().type(newName)
+  clickOnSaveSpaceNameBtn()
+  cy.contains(updateSuccessMsg).should('be.visible')
+}
+
+export const deleteSpaceConfirmationMsg = (name) => `Deleted space ${name}`
+const noSpacesStr = 'No spaces found'
+
+export function deleteAllSpaces() {
+  cy.wait(2000)
+  cy.get('body').then(($body) => {
+    if ($body.find(spaceCard).length > 0) {
+      cy.get(spaceCard).then(($items) => {
+        for (let i = $items.length - 1; i >= 0; i--) {
+          cy.wrap($items[i]).within(() => {
+            cy.get(spaceVertMenuIcon).click({ force: true })
+          })
+          cy.get(contectMenuRemoveBtn).click({ force: true })
+          cy.get(spaceConfirmDeleteBtn).click()
+          deleteAllSpaces()
+        }
+      })
+    }
+  })
+}
+
+export function deleteSpace(name) {
+  cy.get(spaceDeleteBtn).click({ force: true })
+  cy.get(spaceConfirmDeleteBtn).click()
+  cy.contains(noSpacesStr).should('be.visible')
+}
+
+export function clickOnAddAccountBtn() {
+  cy.get(addSpaceAccountBtn).should('be.enabled').click()
+}
+
+export function clickOnAddAccountsBtn() {
+  cy.get(addAccountsBtn).should('be.enabled').click()
+}
+
+export function clickOnAddAccountManuallyBtn() {
+  cy.get(addSpaceAccountManuallyBtn).should('be.enabled').click()
+}
+
+export function clickOnAddAccountManuallyModalBtn() {
+  cy.get(addSpaceAccountManuallyModalBtn).should('be.visible').click()
+}
+
+export function selectNetwork(network) {
+  cy.get(netwrokSelector).click()
+  cy.get(netwrokItem).contains(network).click()
+}
+
+export function setAddress(address) {
+  cy.get(addAddressInput).find('input').clear().type(address)
+  cy.get(addAddressInput).find('input').should('have.value', address)
+}
+
+export function accountIsOndashboard(address) {
+  const shortAddress = main.shortenAddress(address)
+  cy.get(dashboardSafeList).contains(shortAddress).should('be.visible')
+}
+
+export function addAccountManually(address, network) {
+  const shortAddress = main.shortenAddress(address)
+  clickOnAddAccountBtn()
+  clickOnAddAccountManuallyModalBtn()
+  selectNetwork(network)
+  setAddress(address)
+  clickOnAddAccountManuallyBtn()
+  clickOnAddAccountsBtn()
+  accountIsOndashboard(address)
+}
+
+export function clickOnAddMemberBtn() {
+  cy.get(addMemberBtn).should('be.enabled').click()
+}
+
+export function clickOnAddMemberModalBtn() {
+  cy.get(addMemberModalBtn).should('be.enabled').click()
+}
+
+export function typeMemberAddress(address) {
+  cy.get(memberAddressInput).find('input').clear().type(address)
+}
+
+export function typeMemberName(name) {
+  cy.get(memberNameInput).find('input').clear().type(name)
+}
+
+const pendingInvitationsList = '[data-testid="pending-invitations-list"]'
+
+export function memberIsInList(name) {
+  cy.contains(name).should('be.visible')
+}
+
+export function addMember(name, address) {
+  clickOnAddMemberBtn()
+  typeMemberAddress(address)
+  typeMemberName(name)
+  clickOnAddMemberModalBtn()
+  memberIsInList(name)
+}
diff --git a/cypress/e2e/pages/spending_limits.pages.js b/apps/web/cypress/e2e/pages/spending_limits.pages.js
similarity index 84%
rename from cypress/e2e/pages/spending_limits.pages.js
rename to apps/web/cypress/e2e/pages/spending_limits.pages.js
index d6178686b..9572e774b 100644
--- a/cypress/e2e/pages/spending_limits.pages.js
+++ b/apps/web/cypress/e2e/pages/spending_limits.pages.js
@@ -33,6 +33,9 @@ const oldTokenAmount = '[data-testid="old-token-amount"]'
 const oldResetTime = '[data-testid="old-reset-time"]'
 const slimitReplacementWarning = '[data-testid="limit-replacement-warning"]'
 const addressItem = '[data-testid="address-item"]'
+const allActionsSection = '[data-testid="all-actions"]'
+const actionItem = '[data-testid="action-item"]'
+const decodedTxSummary = '[data-testid="decoded-tx-summary"]'
 
 const actionSectionItem = () => {
   return cy.get('[data-testid="CodeIcon"]').parent()
@@ -48,7 +51,12 @@ export const timePeriodOptions = {
 const getBeneficiaryInput = () => cy.get(beneficiarySection).find('input').should('be.enabled')
 const automationOwner = ls.addressBookData.sepoliaAddress2[11155111]['0xC16Db0251654C0a72E91B190d81eAD367d2C6fED']
 
-const expectedSpendOptions = ['0 of 0.17 ETH', '0.00001 of 0.05 ETH', '0 of 0.01 ETH']
+export const actionNames = {
+  resetAllowance: 'resetAllowance',
+  setAllowance: 'setAllowance',
+}
+
+const expectedSpendOptions = ['0.02 of 0.17 ETH', '0.00001 of 0.05 ETH', '0 of 0.01 ETH']
 const expectedResetOptions = new Array(3).fill('One-time')
 
 const newTransactionStr = 'New transaction'
@@ -86,7 +94,7 @@ export function verifyMandatoryTokensExist() {
 
 export function selectToken(token) {
   clickOnTokenDropdown()
-  cy.get(tokenItem).contains(token).click()
+  cy.get(tokenItem).contains(token).click({ force: true })
   main.verifyValuesExist(tokenBalance, [token])
 }
 
@@ -114,12 +122,13 @@ export function clickOnMaxBtn() {
 }
 
 export function selectSpendingLimitOption() {
-  const input = () => {
-    return cy.get(spendingLimitTxOption).find('input')
-  }
-
   cy.get(spendingLimitTxOption).click()
-  main.checkRadioButtonState(input, constants.checkboxStates.checked)
+  cy.get(spendingLimitTxOption).find('input').should('be.checked')
+}
+
+export function selectStandardOption() {
+  cy.get(standardTx).click()
+  cy.get(standardTx).find('input').should('be.checked')
 }
 
 export function verifyTxOptionExist(options) {
@@ -163,7 +172,7 @@ export function checkTimeDropdownOptions() {
 }
 
 export function verifyDefaultTimeIsSet() {
-  cy.get(timePeriodSection).find('div').contains(timePeriodOptions.oneTime).should('be.visible')
+  cy.get(timePeriodSection).scrollIntoView().find('div').contains(timePeriodOptions.oneTime).should('be.visible')
 }
 
 export function clickOnNewSpendingLimitBtn() {
@@ -176,7 +185,7 @@ export function enterSpendingLimitAmount(amount) {
 }
 
 export function enterBeneficiaryAddress(address) {
-  getBeneficiaryInput().clear().type(address)
+  getBeneficiaryInput().clear({ force: true }).type(address, { force: true })
 }
 
 export function checkBeneficiaryInputValue(value) {
@@ -205,3 +214,25 @@ export function verifyCharErrorValidation() {
 export function verifyNumberAmountEntered(amount) {
   cy.get(tokenAmountFld).find('input').should('have.value', amount)
 }
+
+export function verifyActionCount(count) {
+  main.verifyElementsCount(actionItem, count)
+}
+
+export function verifyActionNames(names) {
+  cy.get(allActionsSection)
+    .parent()
+    .within(() => {
+      names.forEach((item) => {
+        cy.contains(item)
+      })
+    })
+}
+
+export function verifyDecodedTxSummary(names) {
+  cy.get(decodedTxSummary).within(() => {
+    names.forEach((item) => {
+      cy.contains(item)
+    })
+  })
+}
diff --git a/apps/web/cypress/e2e/pages/staking.page.js b/apps/web/cypress/e2e/pages/staking.page.js
new file mode 100644
index 000000000..d40345101
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/staking.page.js
@@ -0,0 +1,73 @@
+import * as main from './main.page.js'
+import * as create_tx from './create_tx.pages.js'
+
+const existStr = 'Exit'
+const validatorStatusStr = 'Validator status'
+
+export const dataFields = {
+  deposit: 'Deposit',
+  netRewardRate: 'Net reward rate',
+  netAnnualRewards: 'Net annual rewards',
+  netMonthlyRewards: 'Net monthly rewards',
+  fee: 'Fee',
+  validators: 'Validators',
+  activationTime: 'Activation time',
+  rewards: 'Rewards',
+}
+
+export const validatorStatusOptions = {
+  withdrwal: 'Withdrawn',
+}
+
+export const stakingTxs = {
+  claim:
+    '&id=multisig_0xAD1Cf279D18f34a13c3Bf9b79F4D427D5CD9505B_0xa763d9d136df5efc17e9825f4cca58033cd86a078b3e56500ccd1b53a2362e3b',
+  withdrawal:
+    '&id=multisig_0xAD1Cf279D18f34a13c3Bf9b79F4D427D5CD9505B_0x84f2ec635b73eaaea60ba813b12deaa370f413651ba08861cc0e9f080bffbecc',
+  stake:
+    '&id=multisig_0xAD1Cf279D18f34a13c3Bf9b79F4D427D5CD9505B_0xd1699838071a472d26963f2b823a4c835e9acd449d0376ca1d468a666903130d',
+}
+
+export function getPercentageRegex() {
+  return new RegExp('^\\d+(\\.\\d+)?\\s?%$')
+}
+
+export function getRewardRegex() {
+  return new RegExp('^\\d+(\\.\\d+)? ETH \\(\\$\\s?\\d{1,3}(,\\d{3})*\\)$')
+}
+
+export function getActivationTimeRegex() {
+  return new RegExp('^\\d+\\s+hour(s)?\\s+\\d+\\s+minute(s)?$')
+}
+
+export function checkActivationTimeNonEmpty() {
+  return new RegExp('.+')
+}
+
+export function checkTxHeaderData(data) {
+  main.verifyValuesExist(create_tx.transactionItem, data)
+}
+
+export function verifyValidatorCount(count) {
+  cy.get(create_tx.txRowTitle).contains(existStr).parent().next().contains(`Validator ${count}`).should('exist')
+}
+
+export function verifyValidatorStatus(status) {
+  cy.get(create_tx.txRowTitle).contains(validatorStatusStr).parent().next().contains(status).should('exist')
+}
+
+export function checkDataFields(field, value) {
+  cy.get(create_tx.txRowTitle)
+    .contains(field)
+    .parent()
+    .next()
+    .invoke('text')
+    .then((text) => {
+      const trimmedText = text.trim()
+      if (value instanceof RegExp) {
+        expect(trimmedText).to.match(value)
+      } else {
+        expect(trimmedText).to.include(value)
+      }
+    })
+}
diff --git a/apps/web/cypress/e2e/pages/swaps.pages.js b/apps/web/cypress/e2e/pages/swaps.pages.js
new file mode 100644
index 000000000..7561a43d7
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/swaps.pages.js
@@ -0,0 +1,809 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import * as table from '../pages/tables.page.js'
+import * as modals from '../pages/modals.page.js'
+import * as swaps_data from '../../fixtures/swaps_data.json'
+
+export const inputCurrencyInput = '[id="input-currency-input"]'
+export const outputCurrencyInput = '[id="output-currency-input"]'
+const tokenList = '[id="tokens-list"]'
+export const swapBtn = '[id="swap-button"]'
+const exceedFeesChkbox = 'input[id="fees-exceed-checkbox"]'
+const settingsBtn = 'button[id="open-settings-dialog-button"]'
+const settingsBtnTwap = 'button[id^="menu-button--menu"]'
+export const assetsSwapBtn = '[data-testid="swap-btn"]'
+export const dashboardSwapBtn = '[data-testid="overview-swap-btn"]'
+export const customRecipient = 'div[id="recipient"]'
+const recipientToggle = 'button[id="toggle-recipient-mode-button"]'
+const twapsAddressToggle = 'button[class*="Toggle__Wrapper"]'
+const orderTypeMenuItem = 'div[class*="MenuItem"]'
+const explorerBtn = '[data-testid="explorer-btn"]'
+const limitPriceFld = '[data-testid="limit-price"]'
+const expiryFld = '[data-testid="expiry"]'
+const slippageFld = '[data-testid="slippage"]'
+const orderIDFld = '[data-testid="order-id"]'
+const widgetFeeFld = '[data-testid="widget-fee"]'
+const interactWithFld = '[data-testid="interact-wth"]'
+const groupedItems = '[data-testid="grouped-items"]'
+const inputCurrencyPreview = '[id="input-currency-preview"]'
+const outputCurrencyPreview = '[id="output-currency-preview"]'
+const outputCurrencyTitle = (title) => `span[title*='${title}']`
+const reviewTwapBtn = '[id="do-trade-button"]'
+const placeTwapOrderStrBtn = 'Place TWAP order'
+const placeLimitOrderStrBtn = 'Place limit order'
+export const unlockOrdersBtn = '[id="unlock-advanced-orders-btn"]'
+const limitOrderExpiryItem = (item) => `div[data-valuetext="${item}"]`
+const tokenBlock = '[data-testid="block-label"]'
+const confirmPriceImpactInput = '[id="confirm-modal-input"]'
+const confirmPriceImpactBtn = '[id="confirm-modal-button"]'
+const tokenBalance = 'span[class*="TokenBalance"]'
+const tokenItem = 'div[class*="TokenDetails"]'
+
+const limitStrBtn = 'Limit'
+const swapStrBtn = 'Swap'
+const twapStrBtn = 'TWAP'
+const confirmSwapStr = 'Confirm Swap'
+const swapAnywayStrBtn = 'Swap anyway'
+const acceptStrBtn = 'Accept'
+const maxStrBtn = 'Max'
+const numberOfPartsStr = /No\.? of parts/
+const sellAmountStr = 'Sell amount'
+const buyAmountStr = 'Buy amount'
+const filledStr = 'Filled'
+const partDuration = 'Part duration'
+const totalDurationStr = 'Total duration'
+const oneHr = '1 Hour'
+const halfHr = '30m'
+const sellperPartStr = 'Sell per part'
+const sellperPartStr2 = 'Sell amount'
+const buyperPartStr = 'Buy per part'
+const priceProtectionStr = 'Price protection'
+const orderSplit = 'Order will be split in'
+const orderDetailsStr = 'Order details'
+const unlockTwapOrdersStrBtn = 'Unlock TWAP orders'
+const settingsModalTitle = 'Advanced Order Settings'
+const customRecipientStr = 'Custom Recipient'
+const recipientWarningMsg = 'Order recipient address differs from order owner!'
+const selectTokenStr = 'Select a token'
+
+export const quoteResponse = {
+  quote1: 'swaps/quoteresponse1.json',
+  quote2: 'swaps/quoteresponse2.json',
+}
+const getInsufficientBalanceStr = (token) => `Insufficient ${token} balance`
+const sellAmountIsSmallStr = 'Sell amount too small'
+
+const swapBtnStr = /Confirm Swap|Swap|Confirm (Approve COW and Swap)|Confirm/
+const orderSubmittedStr = 'Order Submitted'
+const orderIdStr = 'Order ID'
+const cowOrdersUrl = 'https://explorer.cow.fi/orders'
+
+export const blockedAddress = '0x8576acc5c05d6ce88f4e49bf65bdf0c62f91353c'
+export const blockedAddressStr = 'Blocked address'
+
+const swapStr = 'Swap'
+const limitStr = 'Limit'
+
+const swapsHistory = swaps_data.type.history
+
+export const swapTokens = {
+  cow: 'COW',
+  dai: 'DAI',
+  eth: 'ETH',
+}
+
+export const limitOrderExpiryOptions = {
+  five_minutes: '5 Minutes',
+}
+
+export const swapTokenNames = {
+  eth: 'Ether',
+  cow: 'CoW Protocol Token',
+  daiTest: 'DAI (test)',
+  gnoTest: 'GNO (test)',
+  uni: 'Uniswap',
+  usdcTest: 'USDC (test)',
+  usdt: 'Tether USD',
+  weth: 'Wrapped Ether',
+}
+
+export const orderTypes = {
+  swap: 'Swap',
+  limit: 'Limit',
+}
+
+const swapOrders = '**/api/v1/orders/*'
+const surplus = '**/users/*/total_surplus'
+const nativePrice = '**/native_price'
+const quote = '**/quote/*'
+
+export const limitOrderSafe = 'sep:0x8f4A19C85b39032A37f7a6dCc65234f966F72551'
+
+export const swapTxs = {
+  sell1Action:
+    '&id=multisig_0x03042B890b99552b60A073F808100517fb148F60_0xd033466000a40227fba7a7deb1a668371c213fec90bac9f2583096be2e0fd959',
+  buy2actions:
+    '&id=multisig_0x03042B890b99552b60A073F808100517fb148F60_0x135ff0282653d4c2a62c76cd247764b1abd4c0daa9201a72964feac2acaa7b44',
+  sellCancelled:
+    '&id=multisig_0x2a73e61bd15b25B6958b4DA3bfc759ca4db249b9_0xbe159adaa7fb0f7e80ad4bab33a2bb341043818478c96916cfa3877303d22a3d',
+  sell3Actions:
+    '&id=multisig_0x140663Cb76e4c4e97621395fc118912fa674150B_0x9f3d2c9c9879fb7eee7005d57b2b5c9006d7c8b98241aa49a0b9e769411c58ef',
+  sellLimitOrder:
+    '&id=multisig_0x03042B890b99552b60A073F808100517fb148F60_0xf7093c3e87e3b703a0df4d9360cd38254ed69d0dc4f7ff5399a194bd92e9014c',
+  sellQLimitOrder:
+    '&id=multisig_0xD8b85a669413b25a8BE7D7698f88b7bFA20889d2_0x4a699a1a0fe8dcf0bb2f1ccd550bd403dad6b93ca9b1f146aeed90f0a6de6c0c',
+  sellSwapQLimitOrder:
+    '&id=multisig_0xD8b85a669413b25a8BE7D7698f88b7bFA20889d2_0xc2a59a93e1cbaeab5fde7a5d4cc63938e1b1e4597c7e203146a6e6e07b43a92f',
+  sellTwapQLimitOrder:
+    '&id=multisig_0xD8b85a669413b25a8BE7D7698f88b7bFA20889d2_0x0f9fb46e5d85bdb11f85bdf356078bb2caaf5508504b5ddb8aba2ce5e3aa58ae',
+  sellLimitOrderFilled:
+    '&id=multisig_0x8f4A19C85b39032A37f7a6dCc65234f966F72551_0xd3d13db9fc438d0674819f81be62fcd9c74a8ed7c101a8249b8895e55ee80d76',
+  safeAppSwapOrder:
+    '&id=multisig_0x03042B890b99552b60A073F808100517fb148F60_0x5f08e05edb210a8990791e9df2f287a5311a8137815ec85856a2477a36552f1e',
+  wrapSwap:
+    '&id=multisig_0xF184a243925Bf7fb1D64487339FF4F177Fb75644_0x06d7e5920bb59a38cf46436b146c33e7307d690875f7d64bca32a0b0c3394deb',
+  swapQueue:
+    '&id=multisig_0xD8b85a669413b25a8BE7D7698f88b7bFA20889d2_0xc2a59a93e1cbaeab5fde7a5d4cc63938e1b1e4597c7e203146a6e6e07b43a92f',
+}
+
+export const tokenBlockLabels = {
+  sell: 'Sell',
+  buy: 'Buy exactly',
+}
+
+export function verifySwapBtnIsVisible() {
+  cy.get(assetsSwapBtn).should('be.visible')
+}
+
+export function checkInputCurrencyPreviewValue(value) {
+  cy.get(inputCurrencyPreview).should('contain.text', value)
+}
+
+export function checkOutputCurrencyPreviewValue(value) {
+  cy.get(outputCurrencyPreview).contains(value)
+}
+//
+export function checkTokenBlockValue(index, value) {
+  // cy.get(tokenBlock).eq(index).contains(value)
+  cy.get(tokenBlock).eq(index).should('contain.text', value)
+}
+
+export function unlockTwapOrders(iframeSelector) {
+  main.getIframeBody(iframeSelector).then(($iframeBody) => {
+    if ($iframeBody.find(unlockOrdersBtn).length > 0) {
+      cy.wrap($iframeBody).find(unlockOrdersBtn).click()
+      cy.wait(500)
+    }
+  })
+}
+
+export function clickOnAssetSwapBtn(index) {
+  cy.get(assetsSwapBtn).eq(index).as('btn')
+  cy.get('@btn').click()
+}
+
+export function verifyOrderSubmittedConfirmation() {
+  cy.get('div').contains(orderSubmittedStr).should('exist')
+}
+
+export function clickOnSettingsBtn() {
+  cy.get(settingsBtn).click()
+}
+
+export function clickOnSettingsBtnTwaps() {
+  cy.get(settingsBtnTwap).eq(0).click()
+}
+
+export function setExpiry(value) {
+  cy.get('div').contains('Swap deadline').parent().next().find('input').clear().type(value)
+}
+
+export function setLimitExpiry(value) {
+  cy.get('div').contains('Order expires in').parent().find('button').click()
+  cy.get(limitOrderExpiryItem(value)).dblclick()
+}
+
+export function enterRecipient(address) {
+  cy.get(customRecipient).find('input').clear().type(address)
+}
+
+export function setSlippage(value) {
+  cy.contains('button', 'Auto').next('button').find('input').clear().type(value)
+}
+export function waitForOrdersCallToComplete() {
+  cy.intercept('GET', swapOrders).as('Orders')
+  cy.wait('@Orders')
+}
+
+export function waitForSurplusCallToComplete() {
+  cy.intercept('GET', surplus).as('Surplus')
+  cy.wait('@Surplus')
+}
+
+export function waitFornativePriceCallToComplete() {
+  cy.intercept('GET', nativePrice).as('Price')
+  cy.wait('@Price')
+}
+
+export function waitForQuoteCallToComplete() {
+  cy.intercept('GET', quote).as('Quote')
+  cy.wait('@Quote')
+}
+
+export function clickOnConfirmSwapBtn() {
+  cy.get('button').contains(confirmSwapStr).click()
+}
+
+export function clickOnExceeFeeChkbox() {
+  cy.wait(1000)
+  cy.get(exceedFeesChkbox)
+    .should(() => {})
+    .then(($button) => {
+      if (!$button.length) {
+        return
+      }
+      cy.wrap($button).click()
+    })
+}
+
+export function clickOnSwapBtn() {
+  cy.get('button').contains(swapBtnStr).should('be.enabled').as('swapBtn')
+  cy.get('@swapBtn').should('exist').click({ force: true })
+}
+
+export function verifyReviewOrderBtnIsVisible() {
+  return cy.get(reviewTwapBtn).should('be.visible')
+}
+
+export function clickOnReviewOrderBtn() {
+  cy.get('button')
+    .contains(swapAnywayStrBtn)
+    .should(() => {})
+    .then(($button) => {
+      if (!$button.length) {
+        return
+      }
+      cy.wrap($button).click()
+    })
+  cy.get(reviewTwapBtn).should('be.enabled').click()
+}
+
+export function placeTwapOrder() {
+  cy.wait(3000)
+  cy.get('button')
+    .contains(acceptStrBtn)
+    .should(() => {})
+    .then(($button) => {
+      if (!$button.length) {
+        return
+      }
+      cy.wrap($button).click()
+    })
+  cy.get('button').contains(placeTwapOrderStrBtn).should('be.enabled').click()
+}
+
+export function confirmPriceImpact() {
+  cy.wait(3000)
+  cy.get('span')
+    .contains('Swap anyway')
+    .should(() => {})
+    .then(($checkbox) => {
+      if ($checkbox.length) {
+        cy.wrap($checkbox).click()
+      }
+    })
+}
+
+export function placeLimitOrder() {
+  cy.contains(placeLimitOrderStrBtn).click()
+}
+
+export function checkSwapBtnIsVisible() {
+  cy.get('button').contains(swapBtnStr).should('be.visible')
+}
+
+export const currencyDirectionOptions = {
+  input: 'input',
+  output: 'output',
+}
+
+export function acceptLegalDisclaimer() {
+  cy.get('button').contains('Continue').click()
+}
+
+export function checkTokenBalance(safe, tokenSymbol) {
+  cy.get(inputCurrencyInput)
+    .invoke('text')
+    .then((text) => {
+      main.getSafeBalance(safe, constants.networkKeys.sepolia).then((response) => {
+        const targetToken = response.body.items.find((token) => token.tokenInfo.symbol === tokenSymbol)
+        const tokenBalance = targetToken.balance.toString()
+        let formattedBalance
+
+        if (tokenBalance.length > 4) {
+          formattedBalance = `${tokenBalance[0]},${tokenBalance.slice(1, 4)}`
+        } else {
+          formattedBalance = tokenBalance
+        }
+
+        expect(text).to.include(`${formattedBalance} ${tokenSymbol}`)
+      })
+    })
+}
+
+export function verifySelectedInputCurrancy(option) {
+  cy.get(inputCurrencyInput).within(() => {
+    cy.get('span').contains(option).should('be.visible')
+  })
+}
+
+function selectCurrency(inputSelector, option) {
+  cy.get(inputSelector).within(() => {
+    cy.get('button')
+      .eq(0)
+      .invoke('text')
+      .then(($value) => {
+        cy.log('*** Currency value ' + $value)
+        if (!$value.includes(option)) {
+          cy.log('*** Currency value is different from specified')
+          cy.get('button').eq(0).trigger('mouseover').trigger('click')
+          cy.wrap(true).as('isAction')
+        } else {
+          cy.wrap(false).as('isAction')
+        }
+      })
+  })
+
+  cy.get('@isAction').then((isAction) => {
+    if (isAction) {
+      cy.log('*** Clicking on token option')
+      cy.get(tokenList).find('span').contains(option).click()
+    }
+  })
+}
+
+export function selectInputCurrency(option) {
+  selectCurrency(inputCurrencyInput, option)
+}
+
+export function selectOutputCurrency(option) {
+  selectCurrency(outputCurrencyInput, option)
+}
+
+export function setInputValue(value) {
+  cy.get(inputCurrencyInput).within(() => {
+    cy.get('input')
+      .should('be.visible')
+      .should('not.be.disabled')
+      .clear()
+      .wait(3000)
+      .invoke('val', '')
+      .trigger('input')
+      .then(($input) => {
+        if ($input.val() !== '') {
+          cy.wrap($input).clear().invoke('val', '').trigger('input')
+        }
+      })
+      .should('have.value', '')
+      .type(value, { force: true })
+  })
+}
+
+export function setOutputValue(value) {
+  cy.get(outputCurrencyInput).within(() => {
+    cy.get('input').type(value)
+  })
+}
+
+export function outputInputIsNotEmpty() {
+  cy.get(outputCurrencyInput).find('input').invoke('val').should('not.be.empty')
+}
+
+export function enableCustomRecipient(option) {
+  if (!option) cy.get(recipientToggle).click()
+}
+
+export function enableTwapCustomRecipient(option) {
+  main.verifyMinimumElementsCount(twapsAddressToggle, 1)
+  if (!option) cy.get(twapsAddressToggle).eq(0).click()
+}
+
+export function disableCustomRecipient(option) {
+  if (option) cy.get(recipientToggle).click()
+}
+
+export function isInputGreaterZero(inputSelector) {
+  return cy
+    .get(inputSelector)
+    .find('input')
+    .invoke('val')
+    .then((val) => {
+      const n = parseFloat(val)
+      return n > 0
+    })
+}
+
+export function selectOrderType(type) {
+  cy.get('a').contains(swapStr).click()
+  cy.get(orderTypeMenuItem).contains(type).click()
+}
+
+export function createRegex(pattern, placeholder) {
+  const pattern_ = pattern.replace(placeholder, `\\s*\\d*\\.?\\d*\\s*${placeholder}`)
+  return new RegExp(pattern_, 'i')
+}
+
+export function getTokenPrice(token) {
+  return new RegExp(`\\d+(\\.\\d+)?\\s*${token}`, 'i')
+}
+
+export function getOrderID() {
+  return new RegExp(`[a-fA-F0-9]{8}`, 'i')
+}
+
+export function getWidgetFee() {
+  return new RegExp(`\\s*\\d*\\.?\\d+\\s*%\\s*`, 'i')
+}
+
+export function getTokenValue() {
+  return new RegExp(`\\$\\d+`, 'i')
+}
+
+export function checkTokenOrder(regexPattern, option) {
+  cy.get(create_tx.txRowTitle)
+    .filter(`:contains("${option}")`)
+    .parent('div')
+    .then(($div) => {
+      const text = $div.text()
+      const regex = new RegExp(regexPattern, 'i')
+
+      cy.wrap($div).should(($div) => {
+        expect(text).to.match(regex)
+      })
+    })
+}
+
+export function verifyOrderIDUrl() {
+  cy.get(create_tx.txRowTitle)
+    .contains(orderIdStr)
+    .parent()
+    .parent()
+    .within(() => {
+      cy.get(explorerBtn).should('have.attr', 'href').and('include', cowOrdersUrl)
+    })
+}
+
+export function verifyOrderDetails(limitPrice, slippage, interactWith, oderID, widgetFee) {
+  cy.contains(limitPrice)
+  cy.contains(slippage)
+  cy.contains(oderID)
+  cy.contains(widgetFee)
+  cy.contains(interactWith)
+}
+
+export function verifyRecipientAlertIsDisplayed() {
+  cy.contains(recipientWarningMsg)
+}
+
+export function closeIntroTwapModal() {
+  cy.get('button')
+    .contains(unlockTwapOrdersStrBtn)
+    .should(() => {})
+    .then(($button) => {
+      if (!$button.length) {
+        return
+      }
+      cy.wrap($button).click()
+      cy.contains(unlockTwapOrdersStrBtn).should('not.exist')
+      cy.wait(500)
+    })
+}
+
+export function switchToTwap() {
+  cy.get('button').contains(selectTokenStr).should('be.visible')
+  cy.get('div').contains(swapStrBtn).should('be.visible').click()
+  cy.wait(1000)
+  cy.get('div').contains(twapStrBtn).should('be.visible').click()
+  cy.wait(1000)
+  closeIntroTwapModal()
+}
+
+export function switchToLimit() {
+  cy.get('button').contains(selectTokenStr).should('be.visible')
+  cy.get('div').contains(swapStrBtn).click()
+  cy.wait(1000)
+  cy.get('div').contains(limitStrBtn).click()
+  cy.wait(1000)
+  closeIntroTwapModal()
+}
+
+export function checkTokenBalanceAndValue(tokenDirection, balance, value) {
+  let direction = inputCurrencyInput
+  if (tokenDirection === 'output') direction = outputCurrencyInput
+  cy.get(direction).within(() => {
+    cy.contains(balance).should('be.visible')
+    cy.contains(value).should('be.visible')
+  })
+}
+
+export function checkSellAmount(amount) {
+  cy.contains(sellAmountStr)
+    .parent()
+    .parent()
+    .within(() => {
+      cy.contains(amount).should('exist')
+    })
+}
+
+export function checkBuyAmount(amount) {
+  cy.contains(buyAmountStr)
+    .parent()
+    .parent()
+    .within(() => {
+      cy.contains(amount).should('exist')
+    })
+}
+
+export function checkPartDuration(time) {
+  cy.contains(partDuration)
+    .parent()
+    .parent()
+    .within(() => {
+      cy.contains(time).should('exist')
+    })
+}
+
+export function checkPercentageFilled(percentage, str) {
+  cy.contains(filledStr)
+    .parent()
+    .parent()
+    .within(() => {
+      cy.contains(percentage)
+      cy.contains(str).should('exist')
+      cy.contains('sold').should('exist')
+    })
+}
+
+export function clickOnTokenSelctor(direction) {
+  let selector = inputCurrencyInput
+  if (direction === 'output') selector = outputCurrencyInput
+  cy.get(selector).find('button').eq(0).click()
+}
+
+export function checkTokenList(tokens) {
+  cy.get(tokenList).within(() => {
+    tokens.forEach(({ name, balance }) => {
+      cy.get(tokenItem).contains(name).should('exist')
+      cy.get(tokenBalance).contains(balance).should('exist')
+    })
+  })
+}
+
+export function clickOnMaxBtn() {
+  cy.get('button').contains(maxStrBtn).click()
+}
+
+export function checkInputValue(direction, value) {
+  let selector = inputCurrencyInput
+  if (direction === 'output') selector = outputCurrencyInput
+  cy.get(selector).find('input').invoke('val').should('eq', value)
+}
+
+export function checkInsufficientBalanceMessageDisplayed(token) {
+  const text = getInsufficientBalanceStr(token)
+  cy.get('button').contains(text).should('be.disabled')
+}
+
+export function checkSmallSellAmountMessageDisplayed() {
+  cy.get('button').contains(sellAmountIsSmallStr).should('be.disabled')
+}
+
+export function checkNumberOfParts(parts) {
+  cy.contains(numberOfPartsStr)
+    .parent()
+    .parent()
+    .within(() => {
+      cy.get(table.dataRow)
+        .invoke('text')
+        .then((text) => {
+          const partsInt = parseInt(text, 10)
+          expect(partsInt).to.eq(parts)
+        })
+    })
+}
+
+export function checkTwapSettlement(index, sentValue, receivedValue) {
+  cy.get(groupedItems)
+    .eq(index)
+    .within(() => {
+      cy.get(create_tx.transactionItem).eq(0).contains(sentValue).should('exist')
+      cy.get(create_tx.transactionItem).eq(1).contains(receivedValue).should('exist')
+    })
+}
+
+export function getTwapInitialData() {
+  cy.wait(5000)
+  let formData = {}
+
+  return cy
+    .wrap(null)
+    .then(() => {
+      cy.get(inputCurrencyInput).within(() => {
+        cy.get('input', { timeout: 10000 })
+          .should(($input) => {
+            const value = parseFloat($input.val())
+            if (isNaN(value)) {
+              throw new Error('Input token value is invalid')
+            }
+            expect(value).to.be.greaterThan(0)
+          })
+          .invoke('val')
+          .should('not.be.empty')
+          .then((value) => {
+            formData.inputToken = value
+          })
+      })
+
+      cy.get(outputCurrencyInput).within(() => {
+        cy.get('input', { timeout: 10000 })
+          .should(($input) => {
+            const value = parseFloat($input.val())
+            if (isNaN(value)) {
+              throw new Error('Output token value is invalid')
+            }
+            expect(value).to.be.greaterThan(0)
+          })
+          .invoke('val')
+          .should('not.be.empty')
+          .then((value) => {
+            formData.outputToken = value
+          })
+      })
+
+      cy.get(inputCurrencyInput).within(() => {
+        cy.get('button')
+          .find('span')
+          .filter((index, button) => Cypress.$(button).text().trim().length > 0)
+          .invoke('text')
+          .should('not.be.empty')
+          .then((text) => {
+            formData.inputTokenName = text
+          })
+      })
+
+      cy.get(outputCurrencyInput).within(() => {
+        cy.get('button')
+          .filter((index, button) => Cypress.$(button).text().trim().length > 0)
+          .invoke('text')
+          .should('not.be.empty')
+          .then((text) => {
+            formData.outputTokenName = text
+          })
+      })
+
+      cy.get('span')
+        .contains(totalDurationStr)
+        .next()
+        .invoke('text')
+        .should('not.be.empty')
+        .then((value) => {
+          formData.totalDuration = value
+            .toLowerCase()
+            .replace(/\bhours?\b/, 'hour')
+            .trim()
+        })
+
+      cy.get('span')
+        .contains(partDuration)
+        .next()
+        .invoke('text')
+        .should('not.be.empty')
+        .then((value) => {
+          formData.partDuration = value
+            .toLowerCase()
+            .replace(/(\d+)m\b/, '$1 minutes')
+            .trim()
+        })
+
+      cy.get(outputCurrencyInput).within(() => {
+        cy.get('input', { timeout: 10000 })
+          .should(($input) => {
+            const value = parseFloat($input.val())
+            expect(value).to.be.greaterThan(0)
+          })
+          .invoke('val')
+          .should('not.be.empty')
+          .then((value) => {
+            formData.outputToken = value
+          })
+      })
+
+      cy.get('span')
+        .contains(sellperPartStr)
+        .next()
+        .invoke('text')
+        .should('not.be.empty')
+        .then((value) => {
+          formData.sellPart = value
+        })
+
+      cy.get('span')
+        .contains(numberOfPartsStr)
+        .next()
+        .find('input')
+        .invoke('val')
+        .should('not.be.empty')
+        .then((value) => {
+          formData.numberOfParts = value
+        })
+    })
+    .then(() => {
+      console.log('****************** Collected FormData:', formData)
+      return cy.wrap(formData)
+    })
+}
+
+export function checkTwapValuesInReviewScreen(formData) {
+  main.verifyValuesExist(modals.cardContent, [
+    orderDetailsStr,
+    formData.inputToken,
+    formData.inputTokenName,
+    formData.outputTokenName,
+    formData.sellPart,
+    swapsHistory.interactWith,
+    swapsHistory.widget_fee,
+    swapsHistory.slippage,
+    swapsHistory.expiry,
+    swapsHistory.limitPrice,
+  ])
+
+  cy.get(create_tx.txRowTitle)
+    .contains(totalDurationStr)
+    .parent()
+    .next()
+    .invoke('text')
+    .then((displayedValue) => {
+      const normalizedDisplayedValue = displayedValue
+        .toLowerCase()
+        .replace(/\bhours?\b/, 'hour')
+        .trim()
+      expect(normalizedDisplayedValue).to.eq(formData.totalDuration)
+    })
+
+  cy.get(create_tx.txRowTitle)
+    .contains(partDuration)
+    .parent()
+    .next()
+    .invoke('text')
+    .then((displayedValue) => {
+      const normalizedDisplayedValue = displayedValue
+        .toLowerCase()
+        .replace(/\b(m|minutes?)\b/, 'minutes')
+        .trim()
+      expect(normalizedDisplayedValue).to.eq(formData.partDuration)
+    })
+
+  cy.get(create_tx.txRowTitle).contains(sellperPartStr2).parent().next().should('contain', formData.sellPart)
+
+  cy.get('p')
+    .contains(orderSplit)
+    .invoke('text')
+    .then((text) => {
+      expect(text).to.include(formData.numberOfParts)
+    })
+}
+
+export function getMockQuoteResponse(response) {
+  cy.fixture(response).then((mockQuote) => {
+    const validTo = Math.floor(Date.now() / 1000) + 60 * 60 * 24
+    const expiration = new Date(validTo * 1000).toISOString()
+    mockQuote.quote.validTo = validTo
+    mockQuote.expiration = expiration
+
+    cy.intercept('POST', '**/quote', {
+      statusCode: 200,
+      body: mockQuote,
+    }).as('mockedQuote')
+  })
+}
diff --git a/apps/web/cypress/e2e/pages/tables.page.js b/apps/web/cypress/e2e/pages/tables.page.js
new file mode 100644
index 000000000..de71b5632
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/tables.page.js
@@ -0,0 +1 @@
+export const dataRow = '[data-testid="tx-data-row"]'
diff --git a/apps/web/cypress/e2e/pages/transactions.page.js b/apps/web/cypress/e2e/pages/transactions.page.js
new file mode 100644
index 000000000..f0ddee360
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/transactions.page.js
@@ -0,0 +1,93 @@
+const executeNowOption = '[data-testid="execute-checkbox"]'
+const executeLaterOption = '[data-testid="sign-checkbox"]'
+const connectedWalletExecutionMethod = '[data-testid="connected-wallet-execution-method"]'
+const txStatus = '[data-testid="transaction-status"]'
+const finishTransactionBtn = '[data-testid="finish-transaction-btn"]'
+const executeFormBtn = '[data-testid="execute-form-btn"]'
+const signBtn = '[data-testid="sign-btn"]'
+const txConfirmBtn = '[data-track="tx-list: Confirm transaction"] > button'
+const untrustedFallbackHandlerWarning = '[data-testid="untrusted-fallback-handler-warning"]'
+
+const executeBtnStr = 'Execute'
+const txCompletedStr = 'Transaction was successful'
+export const relayRemainingAttemptsStr = 'free transactions left today'
+const confirmTx = 'Confirm transaction'
+
+export const fallbackhandlerTx = {
+  illegalContract:
+    '&id=multisig_0xc36A530ccD728d36a654ccedEB7994473474C018_0xceccff6539d75da107014e1a4ae9ccb864a6a4bf10b4e0dd38431ac80148f2f5',
+}
+
+export function verifyUntrustedHandllerWarningVisible() {
+  cy.get(untrustedFallbackHandlerWarning).should('be.visible')
+}
+
+export function verifyUntrustedHandllerWarningDoesNotExist() {
+  cy.get(untrustedFallbackHandlerWarning).should('not.exist')
+}
+
+export function verifyTxConfirmBtnDisabled() {
+  cy.get(txConfirmBtn).should('be.disabled')
+}
+
+export function verifySignBtnEnabled() {
+  cy.get(signBtn).should('be.enabled')
+}
+
+export function selectExecuteNow() {
+  cy.get(executeNowOption).click()
+}
+
+export function selectExecuteLater() {
+  cy.get(executeLaterOption).click()
+}
+
+export function selectConnectedWalletOption() {
+  cy.get(connectedWalletExecutionMethod).click()
+}
+
+export function selectRelayOtion() {
+  cy.get(connectedWalletExecutionMethod).prev().click()
+}
+
+export function clickOnExecuteBtn() {
+  cy.get(executeFormBtn).click()
+}
+
+export function verifyExecuteBtnIsVisible() {
+  cy.get(executeFormBtn).scrollIntoView().should('be.visible')
+}
+
+export function clickOnFinishBtn() {
+  cy.get(finishTransactionBtn).click()
+}
+
+export function waitForTxToComplete() {
+  cy.get(txStatus, { timeout: 240000 }).should('contain', txCompletedStr)
+}
+
+export function executeFlow_1() {
+  selectExecuteNow()
+  selectConnectedWalletOption()
+  clickOnExecuteBtn()
+  // Wait for tx to be processed
+  cy.wait(60000)
+  clickOnFinishBtn()
+}
+
+export function executeFlow_2() {
+  selectExecuteNow()
+  selectRelayOtion()
+  clickOnExecuteBtn()
+  // Wait for tx to be processed
+  cy.wait(60000)
+  clickOnFinishBtn()
+}
+
+export function executeFlow_3() {
+  selectConnectedWalletOption()
+  clickOnExecuteBtn()
+  // Wait for tx to be processed
+  cy.wait(60000)
+  clickOnFinishBtn()
+}
diff --git a/apps/web/cypress/e2e/pages/walletconnect.page.js b/apps/web/cypress/e2e/pages/walletconnect.page.js
new file mode 100644
index 000000000..32e633912
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/walletconnect.page.js
@@ -0,0 +1,16 @@
+import * as main from './main.page.js'
+
+export const wcInput = '[data-testid="wc-input"]'
+export const wcLogo = '[data-testid="wc-icon"]'
+export const wcTitle = '[data-testid="wc-title"]'
+const wcButton = 'span[data-track="walletconnect: WC popup"]'
+const wcHintsBtn = '[data-track="walletconnect: WC hide hints"] > button'
+
+export const connectWCStr = 'Please open one of your Safe Accounts to connect to via WalletConnect'
+export function checkBasicElementsVisible() {
+  main.verifyElementsIsVisible([wcLogo, wcTitle, wcHintsBtn])
+}
+
+export function clickOnWCBtn() {
+  cy.get(wcButton).click()
+}
diff --git a/apps/web/cypress/e2e/prodhealthcheck/add_owner.cy.js b/apps/web/cypress/e2e/prodhealthcheck/add_owner.cy.js
new file mode 100644
index 000000000..2675e1ccd
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/add_owner.cy.js
@@ -0,0 +1,31 @@
+import * as constants from '../../support/constants'
+import * as owner from '../pages/owners.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import { acceptCookies2, closeSecurityNotice } from '../pages/main.page.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('[PROD] Add Owners tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.prodbaseUrl + constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
+    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
+    closeSecurityNotice()
+    acceptCookies2()
+  })
+
+  it('Verify add owner button is disabled for disconnected user', () => {
+    owner.verifyManageSignersBtnIsDisabled()
+  })
+
+  it('Verify the Manage Signers Form can be opened', () => {
+    wallet.connectSigner(signer)
+    owner.openManageSignersWindow()
+  })
+})
diff --git a/apps/web/cypress/e2e/prodhealthcheck/create_tx.cy.js b/apps/web/cypress/e2e/prodhealthcheck/create_tx.cy.js
new file mode 100644
index 000000000..ca23272e3
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/create_tx.cy.js
@@ -0,0 +1,48 @@
+import * as constants from '../../support/constants'
+import * as createtx from '../../e2e/pages/create_tx.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import { acceptCookies2 } from '../pages/main.page.js'
+
+let staticSafes = []
+
+const sendValue = 0.00002
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+function happyPathToStepTwo() {
+  createtx.typeRecipientAddress(constants.EOA)
+  createtx.clickOnTokenselectorAndSelectSepoliaEth()
+  createtx.setSendValue(sendValue)
+  createtx.clickOnNextBtn()
+}
+
+describe('[PROD] Create transactions tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.prodbaseUrl + constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_6)
+    wallet.connectSigner(signer)
+    acceptCookies2()
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+  })
+
+  // Unskip when sign method is released
+  it.skip('Verify submitting a tx and that clicking on notification shows the transaction in queue', () => {
+    happyPathToStepTwo()
+    createtx.verifySubmitBtnIsEnabled()
+    createtx.changeNonce(3)
+    cy.wait(1000)
+    createtx.clickOnContinueSignTransactionBtn()
+    createtx.clickOnAcknowledgement()
+    createtx.clickOnSignTransactionBtn()
+    createtx.clickViewTransaction()
+    createtx.verifySingleTxPage()
+    createtx.verifyQueueLabel()
+    createtx.verifyTransactionSummary(sendValue)
+  })
+})
diff --git a/apps/web/cypress/e2e/prodhealthcheck/load_safe.cy.js b/apps/web/cypress/e2e/prodhealthcheck/load_safe.cy.js
new file mode 100644
index 000000000..2ba455c13
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/load_safe.cy.js
@@ -0,0 +1,33 @@
+import 'cypress-file-upload'
+import * as constants from '../../support/constants'
+import * as safe from '../pages/load_safe.pages'
+import * as createwallet from '../pages/create_wallet.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import { acceptCookies2, closeSecurityNotice } from '../pages/main.page.js'
+
+let staticSafes = []
+
+const testSafeName = 'Test safe name'
+const testOwnerName = 'Test Owner Name'
+
+describe('[PROD] Load Safe tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.prodbaseUrl + constants.loadNewSafeSepoliaUrl)
+    cy.contains(safe.addSafeStr, { timeout: 10000 })
+    closeSecurityNotice()
+    acceptCookies2()
+  })
+
+  it('Verify Safe and owner names are displayed in the Review step', () => {
+    safe.inputNameAndAddress(testSafeName, staticSafes.SEP_STATIC_SAFE_4)
+    safe.clickOnNextBtn()
+    createwallet.typeOwnerName(testOwnerName, 0)
+    safe.clickOnNextBtn()
+    safe.verifyDataInReviewSection(testSafeName, testOwnerName)
+    safe.clickOnAddBtn()
+  })
+})
diff --git a/apps/web/cypress/e2e/prodhealthcheck/messages_onchain.cy.js b/apps/web/cypress/e2e/prodhealthcheck/messages_onchain.cy.js
new file mode 100644
index 000000000..ce0b18ae5
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/messages_onchain.cy.js
@@ -0,0 +1,31 @@
+import * as constants from '../../support/constants.js'
+import * as createTx from '../pages/create_tx.pages.js'
+import * as msg_data from '../../fixtures/txmessages_data.json'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import { acceptCookies2, closeSecurityNotice } from '../pages/main.page.js'
+
+let staticSafes = []
+
+const typeMessagesOnchain = msg_data.type.onChain
+
+describe('[PROD] Onchain Messages tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.prodbaseUrl + constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_10)
+    cy.contains(createTx.txStr, { timeout: 10000 })
+    closeSecurityNotice()
+    acceptCookies2()
+  })
+
+  it('Verify summary for signed on-chain message', () => {
+    createTx.verifySummaryByName(
+      typeMessagesOnchain.contractName,
+      null,
+      [typeMessagesOnchain.success, typeMessagesOnchain.signMessage],
+      typeMessagesOnchain.altImage,
+    )
+  })
+})
diff --git a/apps/web/cypress/e2e/prodhealthcheck/multichain_network.cy.js b/apps/web/cypress/e2e/prodhealthcheck/multichain_network.cy.js
new file mode 100644
index 000000000..54b87d616
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/multichain_network.cy.js
@@ -0,0 +1,85 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import * as ls from '../../support/localstorage_data.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as create_wallet from '../pages/create_wallet.pages.js'
+import { acceptCookies2, closeSecurityNotice } from '../pages/main.page.js'
+import * as createTx from '../pages/create_tx.pages.js'
+
+let staticSafes = []
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('[PROD] Multichain add network tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  // TODO: Unskip after next release
+  it.skip('Verify that zkSync network is not available as add network option for safes from other networks', () => {
+    cy.visit(constants.prodbaseUrl + constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.clickOnSafeItemOptionsBtnByIndex(0)
+    sideBar.clickOnAddNetworkBtn()
+    sideBar.clickOnNetworkInput()
+    sideBar.getNetworkOptions().contains(constants.networks.zkSync).parent().should('include', 'Not available')
+  })
+
+  // Limitation: zkSync network does not support private key. Test might be flaky.
+  // Unskip after networkSelectorItem is released
+  it.skip('Verify that it is not possible to add networks for the zkSync safes', () => {
+    cy.visit(constants.prodbaseUrl + constants.setupUrl + staticSafes.ZKSYNC_STATIC_SAFE_29)
+    cy.contains(createTx.settingsStr, { timeout: 10000 })
+    closeSecurityNotice()
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    create_wallet.openNetworkSelector()
+    cy.contains(sideBar.addingNetworkNotPossibleStr)
+  })
+
+  it('Verify that zkSync network is not available during multichain safe creation', () => {
+    cy.visit(constants.prodbaseUrl + constants.welcomeUrl + '?chain=sep')
+    cy.contains(createTx.getStartedStr, { timeout: 10000 })
+    closeSecurityNotice()
+    wallet.connectSigner(signer)
+    create_wallet.clickOnContinueWithWalletBtn()
+    create_wallet.clickOnCreateNewSafeBtn()
+    create_wallet.selectMultiNetwork(1, constants.networks.polygon.toLowerCase())
+    cy.contains('li', constants.networks.zkSync).should('have.attr', 'aria-disabled', 'true')
+  })
+
+  it('Verify that zkSync network is available as part of single safe creation flow ', () => {
+    cy.visit(constants.prodbaseUrl + constants.welcomeUrl + '?chain=sep')
+    cy.contains(createTx.getStartedStr, { timeout: 10000 })
+    closeSecurityNotice()
+    wallet.connectSigner(signer)
+    create_wallet.clickOnContinueWithWalletBtn()
+    create_wallet.clickOnCreateNewSafeBtn()
+    create_wallet.clearNetworkInput(1)
+    create_wallet.enterNetwork(1, 'zkSync')
+    cy.contains('li', constants.networks.zkSync).should('not.have.attr', 'aria-disabled', 'true')
+  })
+
+  // Unskip after networkSelectorItem is released
+  it.skip('Verify list of available networks for the safe deployed on one network with mastercopy 1.3.0', () => {
+    const safe = 'eth:0x55d93DF21332615D48EA0c0144c7b1D176F3e7cb'
+    cy.visit(constants.prodbaseUrl + constants.setupUrl + safe)
+    cy.contains(createTx.settingsStr, { timeout: 10000 })
+    closeSecurityNotice()
+    create_wallet.openNetworkSelector()
+    sideBar.clickOnShowAllNetworksStrBtn()
+    sideBar.checkNetworkDisabled([constants.networks.zkSync, constants.networks.gnosisChiado])
+  })
+
+  // Unskip after networkSelectorItem is released
+  it.skip('Verify list of available networks for the safe deployed on one network with mastercopy 1.4.1', () => {
+    cy.visit(constants.prodbaseUrl + constants.setupUrl + staticSafes.MATIC_STATIC_SAFE_28)
+    create_wallet.openNetworkSelector()
+    sideBar.clickOnShowAllNetworksStrBtn()
+    sideBar.checkNetworkDisabled([constants.networks.zkSync, constants.networks.gnosisChiado])
+  })
+})
diff --git a/apps/web/cypress/e2e/prodhealthcheck/nfts.cy.js b/apps/web/cypress/e2e/prodhealthcheck/nfts.cy.js
new file mode 100644
index 000000000..fada13ac2
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/nfts.cy.js
@@ -0,0 +1,93 @@
+import * as constants from '../../support/constants'
+import * as nfts from '../pages/nfts.pages'
+import * as createTx from '../pages/create_tx.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
+import { acceptCookies2 } from '../pages/main.page.js'
+import { suspendOutreachModal } from '../pages/modals.page.js'
+
+const multipleNFT = ['multiSend']
+const multipleNFTAction = 'safeTransferFrom'
+const NFTSentName = 'GTT #22'
+
+let nftsSafes,
+  staticSafes = []
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('[PROD] NFTs tests', () => {
+  before(() => {
+    getSafes(CATEGORIES.nfts)
+      .then((nfts) => {
+        nftsSafes = nfts
+        return getSafes(CATEGORIES.static)
+      })
+      .then((statics) => {
+        staticSafes = statics
+      })
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.prodbaseUrl + constants.balanceNftsUrl + staticSafes.SEP_STATIC_SAFE_2)
+    wallet.connectSigner(signer)
+    acceptCookies2()
+    nfts.waitForNftItems(2)
+    suspendOutreachModal()
+  })
+
+  it('Verify multipls NFTs can be selected and reviewed', () => {
+    nfts.verifyInitialNFTData()
+    nfts.selectNFTs(3)
+    nfts.deselectNFTs([2], 3)
+    nfts.sendNFT()
+    nfts.verifyNFTModalData()
+    nfts.typeRecipientAddress(getMockAddress())
+    nfts.clikOnNextBtn()
+    nfts.verifyReviewModalData(2)
+  })
+
+  it('Verify that when 2 NFTs are selected, actions and tx details are correct in Review step', () => {
+    nfts.verifyInitialNFTData()
+    nfts.selectNFTs(2)
+    nfts.sendNFT()
+    nfts.typeRecipientAddress(getMockAddress())
+    nfts.clikOnNextBtn()
+    nfts.verifyTxDetails(multipleNFT)
+    nfts.verifyCountOfActions(2)
+    nfts.verifyActionName(0, multipleNFTAction)
+    nfts.verifyActionName(1, multipleNFTAction)
+  })
+
+  it('Verify Send button is disabled for non-owner', () => {
+    cy.visit(constants.prodbaseUrl + constants.balanceNftsUrl + nftsSafes.SEP_NFT_SAFE_2)
+    nfts.verifyInitialNFTData()
+    acceptCookies2()
+    suspendOutreachModal()
+    nfts.selectNFTs(1)
+    nfts.verifySendNFTBtnDisabled()
+  })
+
+  it('Verify Send NFT transaction has been created', () => {
+    cy.visit(constants.prodbaseUrl + constants.balanceNftsUrl + nftsSafes.SEP_NFT_SAFE_1)
+    wallet.connectSigner(signer)
+    nfts.verifyInitialNFTData()
+    acceptCookies2()
+    suspendOutreachModal()
+    nfts.selectNFTs(1)
+    nfts.sendNFT()
+    nfts.typeRecipientAddress(staticSafes.SEP_STATIC_SAFE_1)
+    createTx.changeNonce(1)
+    nfts.clikOnNextBtn()
+    createTx.clickOnNoLaterOption()
+    createTx.clickOnContinueSignTransactionBtn()
+    createTx.clickOnAcknowledgement()
+    createTx.clickOnSignTransactionBtn()
+    createTx.waitForProposeRequest()
+    createTx.clickViewTransaction()
+    createTx.verifySingleTxPage()
+    createTx.verifyQueueLabel()
+    createTx.verifyTransactionStrExists(NFTSentName)
+  })
+})
diff --git a/apps/web/cypress/e2e/prodhealthcheck/recovery.cy.js b/apps/web/cypress/e2e/prodhealthcheck/recovery.cy.js
new file mode 100644
index 000000000..ee7c2dea3
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/recovery.cy.js
@@ -0,0 +1,55 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as recovery from '../pages/recovery.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import { closeSecurityNotice } from '../pages/main.page.js'
+import * as createTx from '../pages/create_tx.pages.js'
+
+let recoverySafes,
+  staticSafes = []
+
+describe('[PROD] Production recovery health check tests', { defaultCommandTimeout: 50000 }, () => {
+  before(() => {
+    getSafes(CATEGORIES.recovery)
+      .then((recoveries) => {
+        recoverySafes = recoveries
+        return getSafes(CATEGORIES.static)
+      })
+      .then((statics) => {
+        staticSafes = statics
+      })
+  })
+
+  it.skip('Verify that the Security section contains Account recovery block on supported netwroks', () => {
+    const safes = [
+      staticSafes.ETH_STATIC_SAFE_15,
+      staticSafes.GNO_STATIC_SAFE_16,
+      staticSafes.MATIC_STATIC_SAFE_17,
+      staticSafes.SEP_STATIC_SAFE_13,
+    ]
+
+    safes.forEach((safe) => {
+      cy.visit(constants.prodbaseUrl + constants.securityUrl + safe)
+      cy.contains(createTx.settingsStr, { timeout: 10000 })
+      closeSecurityNotice()
+      recovery.getSetupRecoveryBtn()
+    })
+  })
+
+  it('Verify that the Security and Login section does not contain Account recovery block on unsupported networks', () => {
+    const safes = [
+      staticSafes.BNB_STATIC_SAFE_18,
+      staticSafes.AURORA_STATIC_SAFE_19,
+      staticSafes.AVAX_STATIC_SAFE_20,
+      staticSafes.LINEA_STATIC_SAFE_21,
+      staticSafes.ZKSYNC_STATIC_SAFE_22,
+    ]
+
+    safes.forEach((safe) => {
+      cy.visit(constants.prodbaseUrl + constants.securityUrl + safe)
+      cy.contains(createTx.settingsStr, { timeout: 10000 })
+      closeSecurityNotice()
+      main.verifyElementsCount(recovery.setupRecoveryBtn, 0)
+    })
+  })
+})
diff --git a/apps/web/cypress/e2e/prodhealthcheck/remove_owner.cy.js b/apps/web/cypress/e2e/prodhealthcheck/remove_owner.cy.js
new file mode 100644
index 000000000..025c9bee3
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/remove_owner.cy.js
@@ -0,0 +1,44 @@
+import * as constants from '../../support/constants'
+import * as main from '../../e2e/pages/main.page'
+import * as owner from '../pages/owners.pages'
+import * as createwallet from '../pages/create_wallet.pages'
+import * as createTx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import { acceptCookies2 } from '../pages/main.page.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('[PROD] Remove Owners tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.prodbaseUrl + constants.setupUrl + staticSafes.SEP_STATIC_SAFE_13)
+    main.waitForHistoryCallToComplete()
+    acceptCookies2()
+    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
+  })
+
+  it('Verify owner deletion transaction has been created', () => {
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    owner.openRemoveOwnerWindow(1)
+    cy.wait(3000)
+    createwallet.clickOnNextBtn()
+    //This method creates the @removedAddress alias
+    owner.getAddressToBeRemoved()
+    owner.verifyOwnerDeletionWindowDisplayed()
+    createTx.changeNonce(10)
+    createTx.clickOnContinueSignTransactionBtn()
+    createTx.clickOnAcknowledgement()
+    createTx.clickOnSignTransactionBtn()
+    createTx.waitForProposeRequest()
+    createTx.clickViewTransaction()
+    createTx.clickOnTransactionItemByName('removeOwner')
+    createTx.verifyTxDestinationAddress('@removedAddress')
+  })
+})
diff --git a/apps/web/cypress/e2e/prodhealthcheck/sidebar.cy.js b/apps/web/cypress/e2e/prodhealthcheck/sidebar.cy.js
new file mode 100644
index 000000000..c170315b5
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/sidebar.cy.js
@@ -0,0 +1,45 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as sideBar from '../pages/sidebar.pages'
+import * as navigation from '../pages/navigation.page'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import { acceptCookies2, closeSecurityNotice } from '../pages/main.page.js'
+import * as createTx from '../pages/create_tx.pages.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('[PROD] Sidebar tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.prodbaseUrl + constants.homeUrl + staticSafes.SEP_STATIC_SAFE_9)
+    cy.contains(createTx.topAssetsStr, { timeout: 10000 })
+    closeSecurityNotice()
+    acceptCookies2()
+  })
+
+  it('Verify current safe details', () => {
+    wallet.connectSigner(signer)
+    sideBar.verifySafeHeaderDetails(sideBar.testSafeHeaderDetails)
+  })
+
+  it('Verify New transaction button enabled for owners', () => {
+    wallet.connectSigner(signer)
+    sideBar.verifyNewTxBtnStatus(constants.enabledStates.enabled)
+  })
+
+  it('Verify New transaction button enabled for beneficiaries who are non-owners', () => {
+    cy.visit(constants.prodbaseUrl + constants.homeUrl + staticSafes.SEP_STATIC_SAFE_11)
+    wallet.connectSigner(signer)
+    sideBar.verifyNewTxBtnStatus(constants.enabledStates.enabled)
+  })
+
+  it('Verify New Transaction button disabled for non-owners', () => {
+    sideBar.verifyNewTxBtnStatus(constants.enabledStates.disabled)
+  })
+})
diff --git a/apps/web/cypress/e2e/prodhealthcheck/sidebar_3.cy.js b/apps/web/cypress/e2e/prodhealthcheck/sidebar_3.cy.js
new file mode 100644
index 000000000..46321c736
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/sidebar_3.cy.js
@@ -0,0 +1,64 @@
+import * as constants from '../../support/constants.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as navigation from '../pages/navigation.page.js'
+import * as owner from '../pages/owners.pages.js'
+import { acceptCookies2, closeSecurityNotice } from '../pages/main.page.js'
+import * as createTx from '../pages/create_tx.pages.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const signer2 = walletCredentials.OWNER_3_PRIVATE_KEY
+
+describe('[PROD] Sidebar tests 3', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify the "Accounts" counter at the top is counting all safes the user owns', () => {
+    cy.visit(constants.prodbaseUrl + constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.contains(createTx.assetsStr, { timeout: 10000 })
+    closeSecurityNotice()
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafes.safe1, sideBar.sideBarSafes.safe2],
+    })
+    wallet.connectSigner(signer)
+    acceptCookies2()
+    sideBar.openSidebar()
+    sideBar.checkAccountsCounter('2')
+  })
+
+  it('Verify pending signature is displayed in sidebar for unsigned tx', () => {
+    cy.visit(constants.prodbaseUrl + constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_44)
+    cy.contains(createTx.assetsStr, { timeout: 10000 })
+    closeSecurityNotice()
+    wallet.connectSigner(signer)
+    acceptCookies2()
+    sideBar.openSidebar()
+    sideBar.verifyTxToConfirmDoesNotExist()
+    owner.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+    wallet.connectSigner(signer2)
+    sideBar.verifyAddedSafesExist([sideBar.sideBarSafesPendingActions.safe1short])
+    sideBar.checkTxToConfirm(1)
+  })
+
+  it('Verify balance exists in a tx in sidebar', () => {
+    cy.visit(constants.prodbaseUrl + constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_7)
+    cy.contains(createTx.assetsStr, { timeout: 10000 })
+    closeSecurityNotice()
+    wallet.connectSigner(signer)
+    acceptCookies2()
+    owner.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+    wallet.connectSigner(signer)
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafesPendingActions.safe1],
+    })
+    sideBar.openSidebar()
+    sideBar.verifyTxToConfirmDoesNotExist()
+    sideBar.checkBalanceExists()
+  })
+})
diff --git a/apps/web/cypress/e2e/prodhealthcheck/spending_limits.cy.js b/apps/web/cypress/e2e/prodhealthcheck/spending_limits.cy.js
new file mode 100644
index 000000000..6e135a9e8
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/spending_limits.cy.js
@@ -0,0 +1,53 @@
+import * as constants from '../../support/constants'
+import * as spendinglimit from '../pages/spending_limits.pages'
+import * as navigation from '../pages/navigation.page'
+import * as tx from '../pages/create_tx.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
+import { acceptCookies2, closeSecurityNotice } from '../pages/main.page.js'
+import * as createTx from '../pages/create_tx.pages.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const tokenAmount = 0.1
+
+describe('[PROD] Spending limits tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.prodbaseUrl + constants.setupUrl + staticSafes.SEP_STATIC_SAFE_8)
+    cy.contains(createTx.settingsStr, { timeout: 10000 })
+    closeSecurityNotice()
+    cy.get(spendinglimit.spendingLimitsSection).should('be.visible')
+    acceptCookies2()
+  })
+
+  it('Verify that the Review step shows beneficiary, amount allowed, reset time', () => {
+    //Assume that default reset time is set to One time
+    wallet.connectSigner(signer)
+    spendinglimit.clickOnNewSpendingLimitBtn()
+    spendinglimit.enterBeneficiaryAddress(getMockAddress())
+    spendinglimit.enterSpendingLimitAmount(0.1)
+    spendinglimit.clickOnNextBtn()
+    spendinglimit.checkReviewData(
+      tokenAmount,
+      getMockAddress(),
+      spendinglimit.timePeriodOptions.oneTime.split(' ').join('-'),
+    )
+  })
+
+  it('Verify values and trash icons are displayed in Beneficiary table', () => {
+    spendinglimit.verifyBeneficiaryTable()
+  })
+
+  it('Verify Spending limit option is available when selecting the corresponding token', () => {
+    wallet.connectSigner(signer)
+    navigation.clickOnNewTxBtn()
+    tx.clickOnSendTokensBtn()
+    spendinglimit.verifyTxOptionExist([spendinglimit.spendingLimitTxOption])
+  })
+})
diff --git a/apps/web/cypress/e2e/prodhealthcheck/swaps_history_2.cy.js b/apps/web/cypress/e2e/prodhealthcheck/swaps_history_2.cy.js
new file mode 100644
index 000000000..3fc73352e
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/swaps_history_2.cy.js
@@ -0,0 +1,64 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import * as swaps_data from '../../fixtures/swaps_data.json'
+import * as data from '../../fixtures/txhistory_data_data.json'
+import * as swaps from '../pages/swaps.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import { acceptCookies2, closeSecurityNotice } from '../pages/main.page.js'
+import * as createTx from '../pages/create_tx.pages.js'
+
+let staticSafes = []
+
+const swapsHistory = swaps_data.type.history
+const typeGeneral = data.type.general
+
+describe('[PROD] Swaps history tests 2', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify swap buy operation with 2 actions: approve & swap', { defaultCommandTimeout: 30000 }, () => {
+    cy.visit(
+      constants.prodbaseUrl + constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_1 + swaps.swapTxs.buy2actions,
+    )
+    cy.contains(createTx.txDetailsStr, { timeout: 10000 })
+    closeSecurityNotice()
+    acceptCookies2()
+    const eq = swaps.createRegex(swapsHistory.oneGNOFull, 'COW')
+    const atMost = swaps.createRegex(swapsHistory.forAtMostCow, 'COW')
+
+    create_tx.verifyExpandedDetails([
+      swapsHistory.buyOrder,
+      swapsHistory.buy,
+      eq,
+      atMost,
+      swapsHistory.cow,
+      swapsHistory.expired,
+      swapsHistory.actionApprove,
+      swapsHistory.actionPreSignature,
+    ])
+  })
+
+  it(
+    'Verify there is decoding for a tx created by CowSwap safe-app in the history',
+    { defaultCommandTimeout: 30000 },
+    () => {
+      cy.visit(
+        constants.prodbaseUrl +
+          constants.transactionUrl +
+          staticSafes.SEP_STATIC_SAFE_1 +
+          swaps.swapTxs.safeAppSwapOrder,
+      )
+      const dai = swaps.createRegex(swapsHistory.forAtLeastFullDai, 'DAI')
+      const eq = swaps.createRegex(swapsHistory.DAIeqCOW, 'COW')
+      cy.contains(createTx.txDetailsStr, { timeout: 10000 })
+      closeSecurityNotice()
+      acceptCookies2()
+      main.verifyValuesExist(create_tx.transactionItem, [swapsHistory.title])
+      create_tx.verifySummaryByName(swapsHistory.title, null, [typeGeneral.statusOk])
+      main.verifyElementsExist([create_tx.altImgDai, create_tx.altImgCow], create_tx.altImgSwaps)
+      create_tx.verifyExpandedDetails([swapsHistory.sell10Cow, dai, eq, swapsHistory.dai, swapsHistory.filled])
+    },
+  )
+})
diff --git a/apps/web/cypress/e2e/prodhealthcheck/swaps_tokens.cy.js b/apps/web/cypress/e2e/prodhealthcheck/swaps_tokens.cy.js
new file mode 100644
index 000000000..f0c42b1ed
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/swaps_tokens.cy.js
@@ -0,0 +1,43 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as swaps from '../pages/swaps.pages.js'
+import * as assets from '../pages/assets.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import { acceptCookies2, closeSecurityNotice } from '../pages/main.page.js'
+import * as createTx from '../pages/create_tx.pages.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+let iframeSelector = `iframe[src*="${constants.swapWidget}"]`
+
+describe('[PROD] Swaps token tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.prodbaseUrl + constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_1)
+    cy.contains(createTx.assetsStr, { timeout: 10000 })
+    closeSecurityNotice()
+    acceptCookies2()
+  })
+
+  it(
+    'Verify that clicking the swap from assets tab, autofills that token automatically in the form',
+    { defaultCommandTimeout: 30000 },
+    () => {
+      wallet.connectSigner(signer)
+      assets.selectTokenList(assets.tokenListOptions.allTokens)
+
+      swaps.clickOnAssetSwapBtn(0)
+      swaps.acceptLegalDisclaimer()
+      cy.wait(2000)
+      main.getIframeBody(iframeSelector).within(() => {
+        swaps.verifySelectedInputCurrancy(swaps.swapTokens.eth)
+      })
+    },
+  )
+})
diff --git a/apps/web/cypress/e2e/prodhealthcheck/tokens.cy.js b/apps/web/cypress/e2e/prodhealthcheck/tokens.cy.js
new file mode 100644
index 000000000..2c91e42e4
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/tokens.cy.js
@@ -0,0 +1,94 @@
+import * as constants from '../../support/constants'
+import * as assets from '../pages/assets.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import { acceptCookies2, closeSecurityNotice } from '../pages/main.page.js'
+import * as createTx from '../pages/create_tx.pages.js'
+
+const TOKEN_AMOUNT_COLUMN = 1
+const FIAT_AMOUNT_COLUMN = 2
+
+let staticSafes = []
+
+describe('[PROD] Prod tokens tests', () => {
+  const value = '--'
+
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+  beforeEach(() => {
+    cy.visit(constants.prodbaseUrl + constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_2)
+    cy.contains(createTx.assetsStr, { timeout: 10000 })
+    closeSecurityNotice()
+    acceptCookies2()
+  })
+
+  it('Verify that non-native tokens are present and have balance', () => {
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.verifyBalance(assets.currencyDaiCap, TOKEN_AMOUNT_COLUMN, assets.currencyDaiAlttext)
+    assets.verifyTokenBalanceFormat(
+      assets.currencyDaiCap,
+      assets.currencyDaiFormat_2,
+      TOKEN_AMOUNT_COLUMN,
+      FIAT_AMOUNT_COLUMN,
+      value,
+    )
+
+    assets.verifyBalance(assets.currencyAave, TOKEN_AMOUNT_COLUMN, assets.currencyAaveAlttext)
+    assets.verifyTokenBalanceFormat(
+      assets.currencyAave,
+      assets.currentcyAaveFormat,
+      TOKEN_AMOUNT_COLUMN,
+      FIAT_AMOUNT_COLUMN,
+      value,
+    )
+
+    assets.verifyBalance(assets.currencyLink, TOKEN_AMOUNT_COLUMN, assets.currencyLinkAlttext)
+    assets.verifyTokenBalanceFormat(
+      assets.currencyLink,
+      assets.currentcyLinkFormat,
+      TOKEN_AMOUNT_COLUMN,
+      FIAT_AMOUNT_COLUMN,
+      value,
+    )
+
+    assets.verifyBalance(assets.currencyTestTokenA, TOKEN_AMOUNT_COLUMN, assets.currencyTestTokenAAlttext)
+    assets.verifyTokenBalanceFormat(
+      assets.currencyTestTokenA,
+      assets.currentcyTestTokenAFormat,
+      TOKEN_AMOUNT_COLUMN,
+      FIAT_AMOUNT_COLUMN,
+      value,
+    )
+
+    assets.verifyBalance(assets.currencyTestTokenB, TOKEN_AMOUNT_COLUMN, assets.currencyTestTokenBAlttext)
+    assets.verifyTokenBalanceFormat(
+      assets.currencyTestTokenB,
+      assets.currentcyTestTokenBFormat,
+      TOKEN_AMOUNT_COLUMN,
+      FIAT_AMOUNT_COLUMN,
+      value,
+    )
+
+    assets.verifyBalance(assets.currencyUSDC, TOKEN_AMOUNT_COLUMN, assets.currencyTestUSDCAlttext)
+    assets.verifyTokenBalanceFormat(
+      assets.currencyUSDC,
+      assets.currentcyTestUSDCFormat,
+      TOKEN_AMOUNT_COLUMN,
+      FIAT_AMOUNT_COLUMN,
+      value,
+    )
+  })
+
+  it('Verify that when owner is disconnected, Send button is disabled', () => {
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.showSendBtn(0)
+    assets.VerifySendButtonIsDisabled()
+  })
+
+  it('Verify that when connected user is not owner, Send button is disabled', () => {
+    cy.visit(constants.prodbaseUrl + constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_3)
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.showSendBtn(0)
+    assets.VerifySendButtonIsDisabled()
+  })
+})
diff --git a/apps/web/cypress/e2e/prodhealthcheck/tx_history.cy.js b/apps/web/cypress/e2e/prodhealthcheck/tx_history.cy.js
new file mode 100644
index 000000000..daabd9400
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/tx_history.cy.js
@@ -0,0 +1,127 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as createTx from '../pages/create_tx.pages'
+import * as data from '../../fixtures/txhistory_data_data.json'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import { acceptCookies2, closeSecurityNotice } from '../pages/main.page.js'
+
+let staticSafes = []
+
+const typeCreateAccount = data.type.accountCreation
+const typeReceive = data.type.receive
+const typeSend = data.type.send
+const typeSpendingLimits = data.type.spendingLimits
+const typeDeleteAllowance = data.type.deleteSpendingLimit
+const typeSideActions = data.type.sideActions
+const typeGeneral = data.type.general
+
+describe('[PROD] Tx history tests 1', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.intercept(
+      'GET',
+      `**${constants.stagingCGWChains}${constants.networkKeys.sepolia}/${
+        constants.stagingCGWSafes
+      }${staticSafes.SEP_STATIC_SAFE_7.substring(4)}/transactions/history**`,
+      (req) => {
+        req.url = `https://safe-client.safe.global/v1/chains/11155111/safes/0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb/transactions/history?timezone=Europe/Berlin&trusted=false&cursor=limit=100&offset=1`
+        req.continue()
+      },
+    ).as('allTransactions')
+
+    cy.visit(constants.prodbaseUrl + constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_7)
+    cy.wait('@allTransactions')
+    cy.contains(createTx.txStr, { timeout: 10000 })
+    closeSecurityNotice()
+    acceptCookies2()
+  })
+
+  // Account creation
+  it('Verify summary for account creation', () => {
+    createTx.verifySummaryByName(
+      typeCreateAccount.title,
+      null,
+      [typeCreateAccount.actionsSummary, typeGeneral.statusOk],
+      typeCreateAccount.altImage,
+    )
+  })
+
+  it('Verify exapanded details for account creation', () => {
+    createTx.clickOnTransactionItemByName(typeCreateAccount.title)
+    createTx.verifyExpandedDetails([
+      typeCreateAccount.creator.actionTitle,
+      typeCreateAccount.creator.address,
+      typeCreateAccount.factory.actionTitle,
+      typeCreateAccount.factory.name,
+      typeCreateAccount.factory.address,
+      typeCreateAccount.masterCopy.actionTitle,
+      typeCreateAccount.masterCopy.name,
+      typeCreateAccount.masterCopy.address,
+      typeCreateAccount.transactionHash,
+    ])
+  })
+
+  // Token send
+  it('Verify exapanded details for token send', () => {
+    createTx.clickOnTransactionItemByName(typeSend.title, typeSend.summaryTxInfo)
+    createTx.verifyExpandedDetails([typeSend.sentTo, typeSend.recipientAddress, typeSend.transactionHash])
+    createTx.verifyActionListExists([
+      typeSideActions.created,
+      typeSideActions.confirmations,
+      typeSideActions.executedBy,
+    ])
+  })
+
+  // Spending limits
+  it('Verify summary for setting spend limits', () => {
+    createTx.verifySummaryByName(
+      typeSpendingLimits.title,
+      typeSpendingLimits.summaryTxInfo,
+      [typeGeneral.statusOk],
+      typeSpendingLimits.altImage,
+    )
+  })
+
+  it('Verify exapanded details for initial spending limits setup', () => {
+    createTx.clickOnTransactionItemByName(typeSpendingLimits.title, typeSpendingLimits.summaryTxInfo)
+    createTx.verifyExpandedDetails(
+      [typeSpendingLimits.contractTitle, typeSpendingLimits.call_multiSend, typeSpendingLimits.transactionHash],
+      createTx.delegateCallWarning,
+    )
+  })
+
+  it('Verify that 3 actions exist in initial spending limits setup', () => {
+    createTx.clickOnTransactionItemByName(typeSpendingLimits.title, typeSpendingLimits.summaryTxInfo)
+    createTx.verifyActions([
+      typeSpendingLimits.enableModule.title,
+      typeSpendingLimits.addDelegate.title,
+      typeSpendingLimits.setAllowance.title,
+    ])
+  })
+
+  // Spending limit deletion
+  it('Verify exapanded details for allowance deletion', () => {
+    createTx.clickOnTransactionItemByName(typeDeleteAllowance.title, typeDeleteAllowance.summaryTxInfo)
+    createTx.verifyExpandedDetails([
+      typeDeleteAllowance.description,
+      typeDeleteAllowance.beneficiary,
+      typeDeleteAllowance.beneficiaryAddress,
+      typeDeleteAllowance.transactionHash,
+      typeDeleteAllowance.token,
+      typeDeleteAllowance.tokenName,
+    ])
+  })
+
+  it('Verify advanced details displayed in exapanded details for allowance deletion', () => {
+    createTx.clickOnTransactionItemByName(typeDeleteAllowance.title, typeDeleteAllowance.summaryTxInfo)
+    createTx.expandAdvancedDetails([
+      typeDeleteAllowance.baseGas,
+      typeDeleteAllowance.operation,
+      typeDeleteAllowance.zero_call,
+    ])
+    createTx.collapseAdvancedDetails([typeDeleteAllowance.baseGas])
+  })
+})
diff --git a/apps/web/cypress/e2e/prodhealthcheck/tx_history_2.cy.js b/apps/web/cypress/e2e/prodhealthcheck/tx_history_2.cy.js
new file mode 100644
index 000000000..8c5748f18
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/tx_history_2.cy.js
@@ -0,0 +1,117 @@
+import * as constants from '../../support/constants'
+import * as createTx from '../pages/create_tx.pages'
+import * as data from '../../fixtures/txhistory_data_data.json'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import { acceptCookies2, closeSecurityNotice } from '../pages/main.page.js'
+
+let staticSafes = []
+
+const typeOnchainRejection = data.type.onchainRejection
+const typeBatch = data.type.batchNativeTransfer
+const typeAddOwner = data.type.addOwner
+const typeChangeOwner = data.type.swapOwner
+const typeRemoveOwner = data.type.removeOwner
+const typeDisableOwner = data.type.disableModule
+const typeChangeThreshold = data.type.changeThreshold
+const typeSideActions = data.type.sideActions
+const typeGeneral = data.type.general
+const typeUntrustedToken = data.type.untrustedReceivedToken
+
+describe('[PROD] Tx history tests 2', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.intercept(
+      'GET',
+      `**${constants.stagingCGWChains}${constants.networkKeys.sepolia}/${
+        constants.stagingCGWSafes
+      }${staticSafes.SEP_STATIC_SAFE_7.substring(4)}/transactions/history**`,
+      (req) => {
+        req.url = `https://safe-client.safe.global/v1/chains/11155111/safes/0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb/transactions/history?timezone=Europe/Berlin&trusted=false&cursor=limit=100&offset=1`
+        req.continue()
+      },
+    ).as('allTransactions')
+
+    cy.visit(constants.prodbaseUrl + constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_7)
+    cy.wait('@allTransactions', { timeout: 30000 })
+    cy.contains(createTx.txStr)
+    closeSecurityNotice()
+    acceptCookies2()
+  })
+
+  it('Verify number of transactions is correct', () => {
+    createTx.verifyNumberOfTransactions(20)
+  })
+
+  // On-chain rejection
+  it('Verify exapanded details for on-chain rejection', () => {
+    createTx.clickOnTransactionItemByName(typeOnchainRejection.title)
+    createTx.verifyExpandedDetails([typeOnchainRejection.description, typeOnchainRejection.transactionHash2])
+    createTx.verifyActionListExists([
+      typeSideActions.rejectionCreated,
+      typeSideActions.confirmations,
+      typeSideActions.executedBy,
+    ])
+  })
+
+  // Batch transaction
+  it('Verify exapanded details for batch', () => {
+    createTx.clickOnTransactionItemByName(typeBatch.title, typeBatch.summaryTxInfo)
+    createTx.verifyExpandedDetails([typeBatch.contractTitle, typeBatch.transactionHash], createTx.delegateCallWarning)
+    createTx.verifyActions([typeBatch.nativeTransfer.title])
+  })
+
+  // Add owner
+  it('Verify summary for adding owner', () => {
+    createTx.verifySummaryByName(typeAddOwner.title, null, [typeGeneral.statusOk], typeAddOwner.altImage)
+  })
+
+  // Change owner
+  it('Verify summary for changing owner', () => {
+    createTx.verifySummaryByName(typeChangeOwner.title, null, [typeGeneral.statusOk], typeChangeOwner.altImage)
+  })
+
+  it('Verify exapanded details for changing owner', () => {
+    createTx.clickOnTransactionItemByName(typeChangeOwner.title)
+    createTx.verifyExpandedDetails([
+      typeChangeOwner.description,
+      typeChangeOwner.newOwner.actionTitile,
+      typeChangeOwner.newOwner.ownerAddress,
+      typeChangeOwner.oldOwner.actionTitile,
+      typeChangeOwner.oldOwner.ownerAddress,
+
+      typeChangeOwner.transactionHash,
+    ])
+  })
+
+  // Remove owner
+  it('Verify summary for removing owner', () => {
+    createTx.verifySummaryByName(typeRemoveOwner.title, null, [typeGeneral.statusOk], typeRemoveOwner.altImage)
+  })
+
+  // Disbale module
+  it('Verify summary for disable module', () => {
+    createTx.verifySummaryByName(typeDisableOwner.title, null, [typeGeneral.statusOk], typeDisableOwner.altImage)
+  })
+
+  // Change threshold
+  it('Verify summary for changing threshold', () => {
+    createTx.verifySummaryByName(typeChangeThreshold.title, null, [typeGeneral.statusOk], typeChangeThreshold.altImage)
+  })
+
+  it('Verify exapanded details for changing threshold', () => {
+    createTx.clickOnTransactionItemByName(typeChangeThreshold.title)
+    createTx.verifyExpandedDetails(
+      [typeChangeThreshold.requiredConfirmationsTitle, typeChangeThreshold.transactionHash],
+      createTx.policyChangeWarning,
+    )
+    createTx.checkRequiredThreshold(2)
+  })
+
+  it('Verify that sender address of untrusted token will not be copied until agreed in warning popup', () => {
+    createTx.clickOnTransactionItemByName(typeUntrustedToken.summaryTitle, typeUntrustedToken.summaryTxInfo)
+    createTx.verifyAddressNotCopied(0, typeUntrustedToken.senderAddress)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/add_owner.cy.js b/apps/web/cypress/e2e/regression/add_owner.cy.js
new file mode 100644
index 000000000..2ef361d3d
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/add_owner.cy.js
@@ -0,0 +1,86 @@
+import * as constants from '../../support/constants'
+import * as main from '../../e2e/pages/main.page'
+import * as owner from '../pages/owners.pages'
+import * as addressBook from '../pages/address_book.page'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Add Owners tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
+    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
+  })
+
+  // Added to prod
+  it('Verify add owner button is disabled for disconnected user', () => {
+    owner.verifyManageSignersBtnIsDisabled()
+  })
+
+  // Added to prod
+  it('Verify the Add New Owner Form can be opened', () => {
+    wallet.connectSigner(signer)
+    owner.openManageSignersWindow()
+  })
+
+  it('Verify error message displayed if character limit is exceeded in Name input', () => {
+    wallet.connectSigner(signer)
+    owner.openManageSignersWindow()
+    owner.clickOnAddSignerBtn()
+    owner.typeOwnerNameManage(1, main.generateRandomString(51))
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.exceedChars)
+  })
+
+  it('Verify that the "Name" field is auto-filled with the relevant name from Address Book', () => {
+    cy.visit(constants.addressBookUrl + staticSafes.SEP_STATIC_SAFE_4)
+    addressBook.clickOnCreateEntryBtn()
+    addressBook.typeInName(constants.addresBookContacts.user1.name)
+    addressBook.typeInAddress(constants.addresBookContacts.user1.address)
+    addressBook.clickOnSaveEntryBtn()
+    addressBook.verifyNewEntryAdded(constants.addresBookContacts.user1.name, constants.addresBookContacts.user1.address)
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
+    wallet.connectSigner(signer)
+    owner.openManageSignersWindow()
+    owner.clickOnAddSignerBtn()
+    owner.typeOwnerAddressManage(1, constants.addresBookContacts.user1.address)
+    owner.verifyNewOwnerName(1, constants.addresBookContacts.user1.name)
+  })
+  //The case should be updated with review "Add owner" field on next page and other options
+  it('Verify that Name field not mandatory', () => {
+    wallet.connectSigner(signer)
+    owner.openManageSignersWindow()
+    owner.clickOnAddSignerBtn()
+    owner.typeOwnerAddressManage(1, getMockAddress())
+    owner.clickOnNextBtnManage()
+    owner.verifyConfirmTransactionWindowDisplayed()
+  })
+
+  it('Verify default threshold value. Verify correct threshold calculation', () => {
+    wallet.connectSigner(signer)
+    owner.openManageSignersWindow()
+    owner.clickOnAddSignerBtn()
+    owner.typeOwnerAddressManage(1, constants.DEFAULT_OWNER_ADDRESS)
+    owner.verifyThreshold(1, 2)
+  })
+  //TBD the case should be updated with additional steps to verify a new owner address and name
+  it('Verify valid Address validation', () => {
+    wallet.connectSigner(signer)
+    owner.openManageSignersWindow()
+    owner.clickOnAddSignerBtn()
+    owner.typeOwnerAddressManage(1, constants.SEPOLIA_OWNER_2)
+    owner.clickOnNextBtnManage()
+    owner.verifyConfirmTransactionWindowDisplayed()
+    owner.clickOnBackBtn()
+    owner.typeOwnerAddressManage(1, staticSafes.SEP_STATIC_SAFE_3)
+    owner.clickOnNextBtnManage()
+    owner.verifyConfirmTransactionWindowDisplayed()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/address_book.cy.js b/apps/web/cypress/e2e/regression/address_book.cy.js
new file mode 100644
index 000000000..b9a6391af
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/address_book.cy.js
@@ -0,0 +1,131 @@
+import 'cypress-file-upload'
+const path = require('path')
+import { format } from 'date-fns'
+import * as constants from '../../support/constants'
+import * as addressBook from '../../e2e/pages/address_book.page'
+import * as main from '../../e2e/pages/main.page'
+import * as ls from '../../support/localstorage_data.js'
+import * as sidebar from '../pages/sidebar.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+const NAME = 'Owner1'
+const EDITED_NAME = 'Edited Owner1'
+const importedSafe = 'imported-safe'
+
+describe('Address book tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.addressBookUrl + staticSafes.SEP_STATIC_SAFE_4)
+  })
+
+  it('Verify owners name can be edited', () => {
+    cy.wrap(null)
+      .then(() =>
+        main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress1),
+      )
+      .then(() =>
+        main.isItemInLocalstorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress1),
+      )
+      .then(() => {
+        cy.reload()
+        addressBook.clickOnEditEntryBtn()
+        addressBook.typeInNameInput(EDITED_NAME)
+        addressBook.clickOnSaveEntryBtn()
+        addressBook.verifyNameWasChanged(NAME, EDITED_NAME)
+      })
+  })
+
+  it('Verify the address book file can be exported', () => {
+    cy.wrap(null)
+      .then(() => main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.dataSet))
+      .then(() =>
+        main.isItemInLocalstorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.dataSet),
+      )
+      .then(() => {
+        cy.reload()
+        cy.contains(ls.addressBookData.dataSet[11155111]['0xf405BC611F4a4c89CCB3E4d083099f9C36D966f8'])
+        const date = format(new Date(), 'yyyy-MM-dd', { timeZone: 'UTC' })
+        const fileName = `safe-address-book-${date}.csv`
+        addressBook.clickOnExportFileBtn()
+        addressBook.verifyExportMessage(12)
+        addressBook.confirmExport()
+        const downloadsFolder = Cypress.config('downloadsFolder')
+
+        cy.readFile(path.join(downloadsFolder, fileName), 'utf-8').then((content) => {
+          const lines = content
+            .replace(/^\uFEFF/, '')
+            .trim()
+            .split('\r\n')
+
+          const [header, ...dataLines] = lines
+          const actualData = dataLines.reduce((acc, line) => {
+            const [address, name, chainId] = line.split(',')
+            acc[chainId] = acc[chainId] || {}
+            acc[chainId][address] = name
+            return acc
+          }, {})
+
+          Object.keys(ls.addressBookData.dataSet).forEach((chainId) => {
+            cy.log(`Checking chainId: ${chainId}`)
+
+            const actualChainData = actualData[chainId] || {}
+            const expectedChainData = ls.addressBookData.dataSet[chainId]
+
+            Object.keys(expectedChainData).forEach((address) => {
+              const actualName = actualChainData[address]
+              const expectedName = expectedChainData[address]
+
+              cy.log(
+                `ChainId: ${chainId}, Address: ${address}, Actual Name: ${actualName}, Expected Name: ${expectedName}`,
+              )
+              expect(actualName).to.equal(expectedName)
+            })
+          })
+        })
+      })
+  })
+
+  it('Verify that importing a csv file does not alter addresses in the Address book not present in the file', () => {
+    cy.wrap(null)
+      .then(() =>
+        main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress1),
+      )
+      .then(() =>
+        main.isItemInLocalstorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress1),
+      )
+      .then(() => {
+        cy.wait(1000)
+        cy.reload()
+        addressBook.clickOnImportFileBtn()
+        addressBook.importCSVFile(addressBook.validCSVFile)
+        addressBook.clickOnImportBtn()
+        addressBook.verifyDataImported([constants.RECIPIENT_ADDRESS])
+      })
+  })
+
+  it('Verify Safe name changes after uploading a csv file', () => {
+    cy.wrap(null)
+      .then(() => main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addedSafes, ls.addedSafes.set2))
+      .then(() =>
+        main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.addedSafesImport),
+      )
+      .then(() => {
+        cy.wait(1000)
+        cy.reload()
+        addressBook.clickOnImportFileBtn()
+        addressBook.importCSVFile(addressBook.addedSafesCSVFile)
+        addressBook.clickOnImportBtn()
+        wallet.connectSigner(signer)
+        sidebar.openSidebar()
+        sidebar.verifyAddedSafesExist([importedSafe])
+      })
+  })
+})
diff --git a/cypress/e2e/regression/address_book_2.cy.js b/apps/web/cypress/e2e/regression/address_book_2.cy.js
similarity index 89%
rename from cypress/e2e/regression/address_book_2.cy.js
rename to apps/web/cypress/e2e/regression/address_book_2.cy.js
index 9f49706fa..39859b85f 100644
--- a/cypress/e2e/regression/address_book_2.cy.js
+++ b/apps/web/cypress/e2e/regression/address_book_2.cy.js
@@ -21,9 +21,6 @@ describe('Address book tests - 2', () => {
 
   beforeEach(() => {
     cy.visit(constants.addressBookUrl + staticSafes.SEP_STATIC_SAFE_4)
-    cy.clearLocalStorage()
-    cy.wait(1000)
-    main.acceptCookies()
   })
 
   it('Verify Name and Address columns sorting works', () => {
@@ -67,14 +64,6 @@ describe('Address book tests - 2', () => {
     addressBook.verifyNameWasChanged(owner1, onwer3)
   })
 
-  it.skip('Verify copy to clipboard/Etherscan work as expected', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress1)
-    cy.wait(1000)
-    cy.reload()
-    createtx.verifyCopyIconWorks(0, constants.RECIPIENT_ADDRESS)
-    createtx.verifyNumberOfExternalLinks(1)
-  })
-
   it('Verify by default there 25 rows shown per page', () => {
     main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.pagination)
     cy.wait(1000)
diff --git a/apps/web/cypress/e2e/regression/address_book_3.cy.js b/apps/web/cypress/e2e/regression/address_book_3.cy.js
new file mode 100644
index 000000000..a2c12bde6
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/address_book_3.cy.js
@@ -0,0 +1,102 @@
+import 'cypress-file-upload'
+import * as constants from '../../support/constants.js'
+import * as addressBook from '../pages/address_book.page.js'
+import * as main from '../pages/main.page.js'
+import * as ls from '../../support/localstorage_data.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+
+const NAME = 'Owner1'
+const NAME_2 = 'Owner2'
+const EDITED_NAME = 'Edited Owner1'
+const duplicateEntry = 'test-sepolia-90'
+const owner1 = 'Automation owner'
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const recipientData = [owner1, constants.DEFAULT_OWNER_ADDRESS]
+
+describe('Address book tests - 3', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.addressBookUrl + staticSafes.SEP_STATIC_SAFE_4)
+  })
+
+  it('Verify entry can be added', () => {
+    addressBook.clickOnCreateEntryBtn()
+    addressBook.addEntry(NAME, constants.RECIPIENT_ADDRESS)
+  })
+
+  it('Verify entry can be deleted', () => {
+    cy.wrap(null)
+      .then(() =>
+        main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress1),
+      )
+      .then(() =>
+        main.isItemInLocalstorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress1),
+      )
+      .then(() => {
+        cy.reload()
+        addressBook.clickDeleteEntryButton()
+        addressBook.clickDeleteEntryModalDeleteButton()
+        addressBook.verifyEditedNameNotExists(EDITED_NAME)
+      })
+  })
+
+  it('Verify csv file can be imported', () => {
+    addressBook.clickOnImportFileBtn()
+    addressBook.importCSVFile(addressBook.validCSVFile)
+    addressBook.verifyImportBtnStatus(constants.enabledStates.enabled)
+    addressBook.clickOnImportBtn()
+    addressBook.verifyDataImported(addressBook.entries)
+    addressBook.verifyNumberOfRows(4)
+  })
+
+  it('Import a csv file with an empty address/name/network in one row', () => {
+    addressBook.clickOnImportFileBtn()
+    addressBook.importCSVFile(addressBook.emptyCSVFile)
+    addressBook.verifyImportBtnStatus(constants.enabledStates.disabled)
+    addressBook.verifyUploadExportMessage([addressBook.uploadErrorMessages.emptyFile])
+  })
+
+  it('Import a non-csv file', () => {
+    addressBook.clickOnImportFileBtn()
+    addressBook.importCSVFile(addressBook.nonCSVFile)
+    addressBook.verifyImportBtnStatus(constants.enabledStates.disabled)
+    addressBook.verifyUploadExportMessage([addressBook.uploadErrorMessages.fileType])
+  })
+
+  it('Import a csv file with a repeated address and same network', () => {
+    addressBook.clickOnImportFileBtn()
+    addressBook.importCSVFile(addressBook.duplicatedCSVFile)
+    addressBook.verifyImportBtnStatus(constants.enabledStates.enabled)
+    addressBook.clickOnImportBtn()
+    addressBook.verifyDataImported([duplicateEntry])
+    addressBook.verifyNumberOfRows(1)
+  })
+
+  it('Verify modal shows the amount of entries and networks detected', () => {
+    addressBook.clickOnImportFileBtn()
+    addressBook.importCSVFile(addressBook.networksCSVFile)
+    addressBook.verifyImportBtnStatus(constants.enabledStates.enabled)
+    addressBook.verifyModalSummaryMessage(4, 3)
+  })
+
+  it('Verify an entry can be added by ENS name', () => {
+    addressBook.clickOnCreateEntryBtn()
+    addressBook.addEntryByENS(NAME_2, constants.ENS_TEST_SEPOLIA)
+  })
+
+  it('Verify clicking on Send button autofills the recipient filed with correct value', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress2)
+    cy.wait(1000)
+    cy.reload()
+    wallet.connectSigner(signer)
+    addressBook.clickOnSendBtn()
+    addressBook.verifyRecipientData(recipientData)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/assets.cy.js b/apps/web/cypress/e2e/regression/assets.cy.js
new file mode 100644
index 000000000..0cb4ca881
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/assets.cy.js
@@ -0,0 +1,51 @@
+import * as constants from '../../support/constants'
+import * as assets from '../pages/assets.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as main from '../pages/main.page'
+
+let staticSafes = []
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Assets tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_2)
+  })
+
+  it('Verify that "Hide token" button is present and opens the "Hide tokens menu"', () => {
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.openHideTokenMenu()
+    assets.verifyEachRowHasCheckbox()
+  })
+
+  it('Verify that clicking the button with an owner opens the Send funds form', () => {
+    wallet.connectSigner(signer)
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.clickOnSendBtn(0)
+  })
+
+  it('Verify that Token list dropdown shows options "Default tokens" and "All tokens"', () => {
+    let spamTokens = [
+      assets.currencyAave,
+      assets.currencyTestTokenA,
+      assets.currencyTestTokenB,
+      assets.currencyUSDC,
+      assets.currencyLink,
+      assets.currencyDaiCap,
+    ]
+
+    assets.selectTokenList(assets.tokenListOptions.default)
+    main.verifyValuesExist(assets.tokenListTable, [constants.tokenNames.sepoliaEther])
+    main.verifyValuesDoNotExist(assets.tokenListTable, spamTokens)
+
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    spamTokens.push(constants.tokenNames.sepoliaEther)
+    main.verifyValuesExist(assets.tokenListTable, spamTokens)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/assets_2.cy.js b/apps/web/cypress/e2e/regression/assets_2.cy.js
new file mode 100644
index 000000000..d8f8df01b
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/assets_2.cy.js
@@ -0,0 +1,83 @@
+import * as constants from '../../support/constants.js'
+import * as assets from '../pages/assets.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as main from '../pages/main.page.js'
+import * as navigation from '../pages/navigation.page'
+import * as nfts from '../pages/nfts.pages.js'
+import { clickOnAssetSwapBtn } from '../pages/swaps.pages.js'
+
+let staticSafes = []
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_1_PRIVATE_KEY
+const signer2 = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Assets 2 tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify no pagination shows at the bottom if there are less than 25 rows', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_2)
+    let spamTokens = [
+      assets.currencyAave,
+      assets.currencyTestTokenA,
+      assets.currencyTestTokenB,
+      assets.currencyUSDC,
+      assets.currencyLink,
+      assets.currencyDaiCap,
+    ]
+
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    main.verifyValuesExist(assets.tokenListTable, spamTokens)
+    main.verifyElementsCount(assets.tablePaginationContainer, 0)
+  })
+
+  it('Verify Proposers have the Send and Swap buttons enabled', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_31)
+    wallet.connectSigner(signer)
+    assets.selectTokenList(assets.tokenListOptions.default)
+    main.verifyValuesExist(assets.tokenListTable, [constants.tokenNames.sepoliaEther])
+    assets.showSendBtn().should('be.enabled')
+    assets.showSwapBtn().should('be.enabled')
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify that Send and Swap buttons are enabled for spending limit users', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_8)
+    wallet.connectSigner(signer2)
+    assets.selectTokenList(assets.tokenListOptions.default)
+    main.verifyValuesExist(assets.tokenListTable, [constants.tokenNames.sepoliaEther])
+    assets.showSendBtn().should('be.enabled')
+    assets.showSwapBtn().should('be.enabled')
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify the counter at the top is updated for every selected token', () => {
+    cy.visit(constants.balanceNftsUrl + staticSafes.SEP_STATIC_SAFE_2)
+    nfts.waitForNftItems(5)
+    nfts.selectNFTs(1)
+  })
+
+  it('Verify the "select all" checkbox does checks all the nfts', () => {
+    cy.visit(constants.balanceNftsUrl + staticSafes.SEP_STATIC_SAFE_2)
+    nfts.waitForNftItems(5)
+    nfts.selectAllNFTs()
+    nfts.checkSelectedNFTsNumberIs(10)
+  })
+
+  it('Verify every NFT has its shorten address', () => {
+    cy.visit(constants.balanceNftsUrl + staticSafes.SEP_STATIC_SAFE_2)
+    nfts.waitForNftItems(5)
+    assets.checkNftAddressFormat()
+  })
+
+  it('Verify every NFT has the copy-to-clipboard and blockexplorer button', () => {
+    cy.visit(constants.balanceNftsUrl + staticSafes.SEP_STATIC_SAFE_2)
+    nfts.waitForNftItems(5)
+    assets.checkNftCopyIconAndLink()
+  })
+})
diff --git a/cypress/e2e/regression/balances_pagination.cy.js b/apps/web/cypress/e2e/regression/balances_pagination.cy.js
similarity index 90%
rename from cypress/e2e/regression/balances_pagination.cy.js
rename to apps/web/cypress/e2e/regression/balances_pagination.cy.js
index b110310b9..fdc658657 100644
--- a/cypress/e2e/regression/balances_pagination.cy.js
+++ b/apps/web/cypress/e2e/regression/balances_pagination.cy.js
@@ -5,14 +5,9 @@ import * as main from '../../e2e/pages/main.page'
 const ASSETS_LENGTH = 8
 
 describe('Balance pagination tests', () => {
-  before(() => {
-    cy.clearLocalStorage()
+  it('Verify a user can change rows per page and navigate to next and previous page', () => {
     cy.visit(constants.BALANCE_URL + constants.SEPOLIA_TEST_SAFE_6)
-    main.acceptCookies()
     assets.selectTokenList(assets.tokenListOptions.allTokens)
-  })
-
-  it('Verify a user can change rows per page and navigate to next and previous page', () => {
     assets.verifyInitialTableState()
     assets.changeTo10RowsPerPage()
     assets.verifyTableHas10Rows()
diff --git a/apps/web/cypress/e2e/regression/batch_tx.cy.js b/apps/web/cypress/e2e/regression/batch_tx.cy.js
new file mode 100644
index 000000000..a8055fcef
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/batch_tx.cy.js
@@ -0,0 +1,114 @@
+import * as batch from '../pages/batches.pages'
+import * as constants from '../../support/constants'
+import * as main from '../../e2e/pages/main.page'
+import * as owner from '../../e2e/pages/owners.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as ls from '../../support/localstorage_data.js'
+import * as navigation from '../pages/navigation.page.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
+
+const currentNonce = 3
+const funds_first_tx = '0.001'
+const funds_second_tx = '0.002'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const signer2 = walletCredentials.OWNER_3_PRIVATE_KEY
+
+describe('Batch transaction tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_2)
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+  })
+
+  it('Verify the Add batch button is present in a transaction form', () => {
+    //The "true" is to validate that the add to batch button is not visible if "Yes, execute" is selected
+    batch.addNewTransactionToBatch(getMockAddress(), currentNonce, funds_first_tx)
+  })
+
+  it('Verify a second transaction can be added to the batch', () => {
+    batch.addNewTransactionToBatch(getMockAddress(), currentNonce, funds_first_tx)
+    cy.wait(1000)
+    batch.addNewTransactionToBatch(getMockAddress(), currentNonce, funds_first_tx)
+    batch.verifyBatchIconCount(2)
+    batch.clickOnBatchCounter()
+    batch.verifyAmountTransactionsInBatch(2)
+  })
+
+  it('Verify that clicking on "Confirm batch" button opens confirm batch modal with listed transactions', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__batch, ls.batchData.entry0)
+    cy.reload()
+    batch.clickOnBatchCounter()
+    batch.clickOnConfirmBatchBtn()
+    cy.contains(funds_first_tx).parents('ul').as('TransactionList')
+    cy.get('@TransactionList').find('li').eq(0).contains(funds_first_tx)
+    cy.get('@TransactionList').find('li').eq(1).contains(funds_second_tx)
+    cy.contains(batch.addToBatchBtn).should('have.length', 0)
+  })
+
+  it('Verify the "New transaction" button in Add batch modal is enabled/disabled for different users types', () => {
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+    wallet.connectSigner(signer)
+    batch.openBatchtransactionsModal()
+    batch.verifyNewTxButtonStatus(constants.enabledStates.enabled)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+    wallet.connectSigner(signer2)
+    owner.waitForConnectionStatus()
+    batch.verifyNewTxButtonStatus(constants.enabledStates.disabled)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+    batch.verifyNewTxButtonStatus(constants.enabledStates.disabled)
+  })
+
+  it('Verify a batched tx can be expanded and collapsed', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__batch, ls.batchData.entry0)
+    cy.reload()
+    batch.clickOnBatchCounter()
+    cy.contains(funds_first_tx).parents('ul').as('TransactionList')
+    cy.get('@TransactionList').find('li').eq(0).contains(funds_first_tx).click()
+    batch.isTxExpanded(0, true)
+    cy.get('@TransactionList').find('li').eq(0).contains(funds_first_tx).click()
+    batch.isTxExpanded(0, false)
+  })
+
+  it('Verify that the Add batch button is not present on non-safe pages', () => {
+    const urls = [constants.welcomeUrl, constants.appSettingsUrl, constants.appsUrl]
+
+    urls.forEach((url) => {
+      cy.visit(url)
+      cy.get(batch.batchTxTopBar).should('not.exist')
+    })
+  })
+
+  it('Verify a transaction can be added to the batch', () => {
+    wallet.connectSigner(signer)
+    batch.addNewTransactionToBatch(constants.EOA, currentNonce, funds_first_tx)
+    batch.verifyBatchIconCount(1)
+    batch.clickOnBatchCounter()
+    batch.verifyAmountTransactionsInBatch(1)
+  })
+
+  it('Verify a transaction can be removed from the batch', () => {
+    cy.wrap(null)
+      .then(() => main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__batch, ls.batchData.entry0))
+      .then(() => main.isItemInLocalstorage(constants.localStorageKeys.SAFE_v2__batch, ls.batchData.entry0))
+      .then(() => {
+        cy.reload()
+        wallet.connectSigner(signer)
+        batch.clickOnBatchCounter()
+        cy.contains(batch.batchedTransactionsStr).should('be.visible').parents('aside').find('ul > li').as('BatchList')
+        cy.get('@BatchList').find(batch.deleteTransactionbtn).eq(0).click()
+        cy.get('@BatchList').should('have.length', 1)
+        cy.get('@BatchList').contains(funds_first_tx).should('not.exist')
+      })
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/bulk_execution.cy.js b/apps/web/cypress/e2e/regression/bulk_execution.cy.js
new file mode 100644
index 000000000..848c435cf
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/bulk_execution.cy.js
@@ -0,0 +1,86 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as data from '../../fixtures/txhistory_data_data.json'
+
+let staticSafes,
+  fundsSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+const typeBulkTx = data.type.bulkTransaction
+
+describe('Bulk execution', () => {
+  before(() => {
+    getSafes(CATEGORIES.funds)
+      .then((funds) => {
+        fundsSafes = funds
+        return getSafes(CATEGORIES.static)
+      })
+      .then((statics) => {
+        staticSafes = statics
+      })
+  })
+
+  it('Verify that Bulk Execution is available for a few fully signed txs located one by one', () => {
+    cy.visit(constants.transactionQueueUrl + fundsSafes.SEP_FUNDS_SAFE_14)
+    main.acceptCookies()
+    wallet.connectSigner(signer)
+    create_tx.verifyBulkExecuteBtnIsEnabled(2)
+    create_tx.verifyEnabledBulkExecuteBtnTooltip()
+  })
+
+  it(
+    'Verify that "Confirm bulk execution" screen contains only available for execution txs in the actions list',
+    { defaultCommandTimeout: 30000 },
+    () => {
+      const actions = ['1Send', '2removeOwner']
+
+      cy.visit(constants.transactionQueueUrl + fundsSafes.SEP_FUNDS_SAFE_14)
+      wallet.connectSigner(signer)
+      main.acceptCookies()
+      create_tx.verifyBulkExecuteBtnIsEnabled(2).click()
+      create_tx.verifyBulkConfirmationScreen(2, actions)
+    },
+  )
+
+  it(
+    'Verify bulk view for the txs with the same tx hash in the History (tx executed via bulk feature)',
+    { defaultCommandTimeout: 30000 },
+    () => {
+      const actions = ['Wrapped Ether', 'addOwnerWithThreshold', 'Sent']
+      const tx = '3 transactions'
+
+      cy.visit(constants.transactionsHistoryUrl + fundsSafes.SEP_FUNDS_SAFE_14)
+      wallet.connectSigner(signer)
+      main.acceptCookies()
+      create_tx.verifyBulkTxHistoryBlock(create_tx.bulkTxs, tx, actions)
+    },
+  )
+
+  it(
+    'Verify bulk view for the outgoing and incoming txs in the History after swap',
+    { defaultCommandTimeout: 30000 },
+    () => {
+      const data = [typeBulkTx.receive, typeBulkTx.send, typeBulkTx.COW, typeBulkTx.DAI]
+      const tx = typeBulkTx.twoTx
+
+      cy.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_1)
+      main.acceptCookies()
+      create_tx.toggleUntrustedTxs()
+      create_tx.verifyBulkTxHistoryBlock(create_tx.swapOrder, tx, data)
+    },
+  )
+
+  it(
+    'Verify that Bulk Execution button is disabled if the tx in Next is not fully signed',
+    { defaultCommandTimeout: 30000 },
+    () => {
+      cy.visit(constants.transactionQueueUrl + fundsSafes.SEP_FUNDS_SAFE_15)
+      main.acceptCookies()
+      create_tx.verifyBulkExecuteBtnIsDisabled()
+    },
+  )
+})
diff --git a/apps/web/cypress/e2e/regression/create_safe_cf.cy.js b/apps/web/cypress/e2e/regression/create_safe_cf.cy.js
new file mode 100644
index 000000000..bca5f989a
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/create_safe_cf.cy.js
@@ -0,0 +1,71 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as createwallet from '../pages/create_wallet.pages'
+import * as owner from '../pages/owners.pages'
+import * as ls from '../../support/localstorage_data.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+// DO NOT use OWNER_2_PRIVATE_KEY for safe creation. Used for CF safes.
+const signer = walletCredentials.OWNER_2_PRIVATE_KEY
+
+describe('CF Safe regression tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_0)
+  })
+
+  it('Verify "0 out of 2 step completed" is shown in the dashboard', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
+    cy.reload()
+    createwallet.checkInitialStepsDisplayed()
+  })
+
+  it('Verify "Add native assets" button opens a modal with a QR code and the safe address', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
+    cy.reload()
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    createwallet.clickOnAddFundsBtn()
+    main.verifyElementsIsVisible([createwallet.qrCode, createwallet.addressInfo])
+  })
+
+  it('Verify QR code switch status change works in "Add native assets" modal', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
+    cy.reload()
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    createwallet.clickOnAddFundsBtn()
+    createwallet.checkQRCodeSwitchStatus(constants.checkboxStates.checked)
+    createwallet.clickOnQRCodeSwitch()
+    createwallet.checkQRCodeSwitchStatus(constants.checkboxStates.unchecked)
+  })
+
+  it('Verify "Notifications" in the settings are disabled', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
+    cy.reload()
+    cy.visit(constants.notificationsUrl + staticSafes.SEP_STATIC_SAFE_0)
+    createwallet.checkNotificationsSwitchIs(constants.enabledStates.disabled)
+  })
+
+  it('Verify in assets, that a "Add funds" block is present', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
+    cy.reload()
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_0)
+    main.verifyElementsIsVisible([createwallet.addFundsSection, createwallet.noTokensAlert])
+  })
+
+  it('Verify clicking on "Activate now" button opens safe activation flow', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_0)
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    createwallet.clickOnActivateAccountBtn(1)
+    cy.contains(createwallet.deployWalletStr)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/create_safe_simple.cy.js b/apps/web/cypress/e2e/regression/create_safe_simple.cy.js
new file mode 100644
index 000000000..60385b4af
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/create_safe_simple.cy.js
@@ -0,0 +1,144 @@
+import * as constants from '../../support/constants'
+import * as main from '../../e2e/pages/main.page'
+import * as createwallet from '../pages/create_wallet.pages'
+import * as owner from '../pages/owners.pages'
+import * as ls from '../../support/localstorage_data.js'
+import * as wallet from '../../support/utils/wallet.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Safe creation tests', () => {
+  beforeEach(() => {
+    cy.visit(constants.welcomeUrl + '?chain=sep')
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+  })
+
+  // TODO: Check unit tests
+  it('Verify error message is displayed if wallet name input exceeds 50 characters', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.typeWalletName(main.generateRandomString(51))
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.exceedChars)
+    createwallet.clearWalletName()
+  })
+
+  // TODO: Replace wallet with Safe
+  // TODO: Check unit tests
+  it('Verify there is no error message is displayed if wallet name input contains less than 50 characters', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.typeWalletName(main.generateRandomString(50))
+    owner.verifyValidWalletName(constants.addressBookErrrMsg.exceedChars)
+  })
+
+  it('Verify current connected account is shown as default owner', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.clickOnNextBtn()
+    owner.verifyExistingOwnerAddress(0, constants.DEFAULT_OWNER_ADDRESS)
+  })
+
+  // TODO: Check unit tests
+  it('Verify error message is displayed if owner name input exceeds 50 characters', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    owner.typeExistingOwnerName(main.generateRandomString(51))
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.exceedChars)
+  })
+
+  // TODO: Check unit tests
+  it('Verify there is no error message is displayed if owner name input contains less than 50 characters', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    owner.typeExistingOwnerName(main.generateRandomString(50))
+    owner.verifyValidWalletName(constants.addressBookErrrMsg.exceedChars)
+  })
+
+  it('Verify data persistence', () => {
+    const ownerName = 'David'
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnAddNewOwnerBtn()
+    createwallet.typeOwnerName(ownerName, 1)
+    createwallet.typeOwnerAddress(constants.SEPOLIA_OWNER_2, 1)
+    createwallet.clickOnBackBtn()
+    createwallet.clearWalletName()
+    createwallet.typeWalletName(createwallet.walletName)
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnNextBtn()
+    createwallet.verifySafeNameInSummaryStep(createwallet.walletName)
+    createwallet.verifyOwnerNameInSummaryStep(ownerName)
+    createwallet.verifyOwnerAddressInSummaryStep(constants.DEFAULT_OWNER_ADDRESS)
+    createwallet.verifyOwnerAddressInSummaryStep(constants.DEFAULT_OWNER_ADDRESS)
+    createwallet.verifyThresholdStringInSummaryStep(1, 2)
+    createwallet.verifySafeNetworkNameInSummaryStep(constants.networks.sepolia.toLowerCase())
+    createwallet.clickOnBackBtn()
+    createwallet.clickOnBackBtn()
+    cy.wait(1000)
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnNextBtn()
+    createwallet.verifySafeNameInSummaryStep(createwallet.walletName)
+    createwallet.verifyOwnerNameInSummaryStep(ownerName)
+    createwallet.verifyOwnerAddressInSummaryStep(constants.DEFAULT_OWNER_ADDRESS)
+    createwallet.verifyOwnerAddressInSummaryStep(constants.DEFAULT_OWNER_ADDRESS)
+    createwallet.verifyThresholdStringInSummaryStep(1, 2)
+    createwallet.verifySafeNetworkNameInSummaryStep(constants.networks.sepolia.toLowerCase())
+  })
+
+  it('Verify tip is displayed on right side for threshold 1/1', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.clickOnNextBtn()
+    createwallet.verifyPolicy1_1()
+  })
+
+  // TODO: Check unit tests
+  it('Verify address input validation rules', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnAddNewOwnerBtn()
+    createwallet.typeOwnerAddress(main.generateRandomString(10), 1)
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidFormat)
+
+    createwallet.typeOwnerAddress(constants.DEFAULT_OWNER_ADDRESS, 1)
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.ownerAdded)
+
+    createwallet.typeOwnerAddress(getMockAddress().replace('A', 'a'), 1)
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidChecksum)
+
+    createwallet.typeOwnerAddress(constants.ENS_TEST_SEPOLIA_INVALID, 1)
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.failedResolve)
+  })
+
+  it('Verify duplicated signer error using the autocomplete feature', () => {
+    cy.visit(constants.createNewSafeSepoliaUrl + '?chain=sep')
+    cy.wrap(null)
+      .then(() =>
+        main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sameOwnerName),
+      )
+      .then(() => {
+        cy.reload()
+        createwallet.waitForConnectionMsgDisappear()
+        createwallet.selectMultiNetwork(1, constants.networks.sepolia.toLowerCase())
+        createwallet.clickOnNextBtn()
+        createwallet.clickOnAddNewOwnerBtn()
+        createwallet.clickOnSignerAddressInput(1)
+        main.verifyMinimumElementsCount(createwallet.addressAutocompleteOptions, 2)
+        createwallet.selectSignerOnAutocomplete(2)
+        owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.ownerAdded)
+      })
+  })
+
+  it('Verify Next button is disabled until switching to network is done', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.verifyNextBtnIsEnabled()
+    createwallet.clearNetworkInput(1)
+    createwallet.verifyNextBtnIsDisabled()
+  })
+})
diff --git a/cypress/e2e/regression/create_safe_simple_2.cy.js b/apps/web/cypress/e2e/regression/create_safe_simple_2.cy.js
similarity index 99%
rename from cypress/e2e/regression/create_safe_simple_2.cy.js
rename to apps/web/cypress/e2e/regression/create_safe_simple_2.cy.js
index f0ad5bf2b..0a10dda33 100644
--- a/cypress/e2e/regression/create_safe_simple_2.cy.js
+++ b/apps/web/cypress/e2e/regression/create_safe_simple_2.cy.js
@@ -15,8 +15,6 @@ const signer = walletCredentials.OWNER_4_PRIVATE_KEY
 describe('Safe creation tests 2', () => {
   beforeEach(() => {
     cy.visit(constants.welcomeUrl + '?chain=sep')
-    cy.clearLocalStorage()
-    main.acceptCookies()
   })
 
   it('Cancel button cancels safe creation', () => {
diff --git a/apps/web/cypress/e2e/regression/create_safe_simple_3.cy.js b/apps/web/cypress/e2e/regression/create_safe_simple_3.cy.js
new file mode 100644
index 000000000..1b1314087
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/create_safe_simple_3.cy.js
@@ -0,0 +1,68 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as createwallet from '../pages/create_wallet.pages.js'
+import * as owner from '../pages/owners.pages.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Safe creation tests 3', () => {
+  beforeEach(() => {
+    cy.visit(constants.welcomeUrl + '?chain=sep')
+  })
+  it('Verify a Wallet can be connected', () => {
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    owner.clickOnWalletExpandMoreIcon()
+    owner.clickOnDisconnectBtn()
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+  })
+
+  it('Verify that a new Wallet has default name related to the selected network', () => {
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.verifyDefaultWalletName(createwallet.defaultSepoliaPlaceholder)
+  })
+
+  it('Verify Add and Remove Owner Row works as expected', () => {
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnAddNewOwnerBtn()
+    owner.verifyNumberOfOwners(2)
+    owner.verifyExistingOwnerAddress(1, '')
+    owner.verifyExistingOwnerName(1, '')
+    createwallet.removeOwner(0)
+    main.verifyElementsCount(createwallet.removeOwnerBtn, 0)
+    createwallet.clickOnAddNewOwnerBtn()
+    owner.verifyNumberOfOwners(2)
+  })
+
+  it('Verify Threshold Setup', () => {
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnAddNewOwnerBtn()
+    createwallet.clickOnAddNewOwnerBtn()
+    owner.verifyNumberOfOwners(3)
+    createwallet.clickOnAddNewOwnerBtn()
+    owner.verifyNumberOfOwners(4)
+    owner.verifyThresholdLimit(1, 4)
+    createwallet.updateThreshold(3)
+    createwallet.removeOwner(1)
+    owner.verifyThresholdLimit(1, 3)
+    createwallet.removeOwner(1)
+    owner.verifyThresholdLimit(1, 2)
+    createwallet.updateThreshold(1)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/create_tx.cy.js b/apps/web/cypress/e2e/regression/create_tx.cy.js
new file mode 100644
index 000000000..947322f7b
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/create_tx.cy.js
@@ -0,0 +1,57 @@
+import * as constants from '../../support/constants'
+import * as main from '../../e2e/pages/main.page'
+import * as createtx from '../../e2e/pages/create_tx.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as tx from '../../e2e/pages/transactions.page'
+
+let staticSafes = []
+
+const sendValue = 0.00002
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+function happyPathToStepTwo() {
+  createtx.typeRecipientAddress(constants.EOA)
+  createtx.clickOnTokenselectorAndSelectSepoliaEth()
+  createtx.setSendValue(sendValue)
+  createtx.clickOnNextBtn()
+}
+
+describe('Create transactions tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  // Added to prod
+  it('Verify submitting a tx and that clicking on notification shows the transaction in queue', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_6)
+    wallet.connectSigner(signer)
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+    happyPathToStepTwo()
+    createtx.verifySubmitBtnIsEnabled()
+    createtx.changeNonce(14)
+    cy.wait(1000)
+    createtx.clickOnContinueSignTransactionBtn()
+    createtx.selectComboButtonOption('sign')
+    createtx.clickOnSignTransactionBtn()
+    createtx.clickViewTransaction()
+    createtx.verifySingleTxPage()
+    createtx.verifyQueueLabel()
+    createtx.verifyTransactionSummary(sendValue)
+  })
+
+  it('Verify relay is available on tx execution', () => {
+    let safe = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'sep')
+    cy.visit(constants.BALANCE_URL + safe)
+    wallet.connectSigner(signer)
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+    happyPathToStepTwo()
+    createtx.clickOnContinueSignTransactionBtn()
+    createtx.selectComboButtonOption('execute')
+    cy.contains(tx.relayRemainingAttemptsStr).should('exist')
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/create_tx_2.cy.js b/apps/web/cypress/e2e/regression/create_tx_2.cy.js
new file mode 100644
index 000000000..80d951217
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/create_tx_2.cy.js
@@ -0,0 +1,63 @@
+import * as constants from '../../support/constants.js'
+import * as createtx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+
+const sendValue = 0.00002
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+function happyPathToStepTwo() {
+  createtx.typeRecipientAddress(constants.EOA)
+  createtx.clickOnTokenselectorAndSelectSepoliaEth()
+  createtx.setSendValue(sendValue)
+  createtx.clickOnNextBtn()
+}
+
+describe('Create transactions tests 2', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_6)
+    wallet.connectSigner(signer)
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+  })
+
+  it('Verify advance parameters are saved after editing', () => {
+    happyPathToStepTwo()
+    createtx.changeNonce('5')
+    createtx.clickOnContinueSignTransactionBtn()
+    createtx.selectComboButtonOption('execute')
+    createtx.selectCurrentWallet()
+    createtx.openExecutionParamsModal()
+    createtx.setAdvncedExecutionParams()
+    createtx.displayAdvncedDetails()
+    createtx.verifyEditedExutionParams()
+  })
+
+  it('Verify advance parameters gas limit input', () => {
+    happyPathToStepTwo()
+    createtx.changeNonce('5')
+    createtx.clickOnContinueSignTransactionBtn()
+    createtx.selectComboButtonOption('execute')
+    createtx.selectCurrentWallet()
+    createtx.openExecutionParamsModal()
+    createtx.verifyAndSubmitExecutionParams()
+  })
+
+  it('Verify a transaction shows relayer attempts', () => {
+    happyPathToStepTwo()
+    createtx.verifySubmitBtnIsEnabled()
+    createtx.verifyNativeTokenTransfer()
+    createtx.changeNonce('5')
+    createtx.clickOnContinueSignTransactionBtn()
+    createtx.selectComboButtonOption('execute')
+    createtx.verifyRelayerAttemptsAvailable()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/dashboard.cy.js b/apps/web/cypress/e2e/regression/dashboard.cy.js
new file mode 100644
index 000000000..faf078798
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/dashboard.cy.js
@@ -0,0 +1,52 @@
+import * as constants from '../../support/constants'
+import * as dashboard from '../pages/dashboard.pages'
+import * as safeapps from '../pages/safeapps.pages'
+import * as createTx from '../pages/create_tx.pages'
+import * as main from '../pages/main.page.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const txData = ['Send', '-0.00002 ETH', '1 out of 1']
+const txaddOwner = ['addOwnerWithThreshold', '1 out of 2']
+const txMultiSendCall3 = ['Batch', '3 actions', '1 out of 2']
+const txMultiSendCall2 = ['Batch', '2 actions', '1 out of 2']
+
+describe('Dashboard tests', { defaultCommandTimeout: 20000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_2)
+  })
+
+  it('Verify clicking on View All button directs to list of all queued txs', () => {
+    dashboard.clickOnViewAllBtn()
+    createTx.verifyNumberOfTransactions(2)
+  })
+
+  it('Verify clicking on any tx takes the user to Transactions > Queue tab', () => {
+    dashboard.clickOnTxByIndex(0)
+    dashboard.verifySingleTxItem(txData)
+  })
+
+  it('Verify there is empty tx string and image when there are no tx queued', () => {
+    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_13)
+    dashboard.verifyEmptyTxSection()
+  })
+
+  it('[SMOKE] Verify that the last created tx in conflicting tx is showed in the widget', () => {
+    cy.get(dashboard.pendingTxWidget, { timeout: 30000 }).should('be.visible')
+    main.verifyElementsCount(dashboard.pendingTxItem, 1)
+    dashboard.verifyDataInPendingTx(txData)
+  })
+
+  it('[SMOKE] Verify that tx are displayed correctly in Pending tx section', () => {
+    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_12)
+    cy.wait(1000)
+    dashboard.verifyTxItemInPendingTx(txMultiSendCall3)
+    dashboard.verifyTxItemInPendingTx(txaddOwner)
+    dashboard.verifyTxItemInPendingTx(txMultiSendCall2)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/import_export_data_2.cy.js b/apps/web/cypress/e2e/regression/import_export_data_2.cy.js
new file mode 100644
index 000000000..8366ac240
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/import_export_data_2.cy.js
@@ -0,0 +1,62 @@
+import 'cypress-file-upload'
+import * as file from '../pages/import_export.pages.js'
+import * as constants from '../../support/constants.js'
+import * as sidebar from '../pages/sidebar.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const validJsonPath = 'cypress/fixtures/data_import.json'
+const invalidJsonPath = 'cypress/fixtures/address_book_test.csv'
+const invalidJsonPath_2 = 'cypress/fixtures/balances.json'
+const invalidJsonPath_3 = 'cypress/fixtures/test-empty-batch.json'
+
+const appNames = ['Transaction Builder']
+
+describe('Import Export Data tests 2', { defaultCommandTimeout: 20000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_13)
+  })
+
+  it('Verify that the Sidebar Import button opens an import modal', () => {
+    sidebar.openSidebar()
+    sidebar.clickOnSidebarImportBtn()
+  })
+
+  it('Verify that correctly formatted json file can be uploaded and shows data', () => {
+    sidebar.openSidebar()
+    sidebar.clickOnSidebarImportBtn()
+    file.dragAndDropFile(validJsonPath)
+    file.verifyImportMessages()
+    file.verifyImportBtnStatus(constants.enabledStates.enabled)
+    file.clickOnImportBtn()
+    cy.visit(constants.addressBookUrl + staticSafes.SEP_STATIC_SAFE_13)
+    file.verifyImportedAddressBookData()
+    cy.visit(constants.appsUrlGeneral + staticSafes.SEP_STATIC_SAFE_13)
+    file.verifyPinnedApps(appNames)
+  })
+
+  it('Verify that only json files can be imported', () => {
+    sidebar.openSidebar()
+    sidebar.clickOnSidebarImportBtn()
+    file.dragAndDropFile(invalidJsonPath)
+    file.verifyErrorOnUpload()
+    file.verifyImportBtnStatus(constants.enabledStates.disabled)
+  })
+
+  it('Verify that json files with wrong information are rejected', () => {
+    sidebar.openSidebar()
+    sidebar.clickOnSidebarImportBtn()
+    file.dragAndDropFile(invalidJsonPath_3)
+    file.verifyUploadErrorMessage(file.importErrorMessages.noImportableData)
+    file.clickOnCancelBtn()
+    sidebar.clickOnSidebarImportBtn()
+    file.dragAndDropFile(invalidJsonPath_2)
+    file.verifyUploadErrorMessage(file.importErrorMessages.noImportableData)
+    file.clickOnCancelBtn()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/limit_order.cy.js b/apps/web/cypress/e2e/regression/limit_order.cy.js
new file mode 100644
index 000000000..b7893b5ef
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/limit_order.cy.js
@@ -0,0 +1,47 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as swaps from '../pages/swaps.pages.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as swaps_data from '../../fixtures/swaps_data.json'
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+let staticSafes = []
+
+let iframeSelector
+
+const swapsHistory = swaps_data.type.history
+const swapOrder = swaps_data.type.orderDetails
+
+describe('Limit order tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify limit order confirmation details', { defaultCommandTimeout: 60000 }, () => {
+    const limitPrice = swaps.createRegex(swapOrder.DAIeqCOW, 'COW')
+    const widgetFee = swaps.getWidgetFee()
+    const orderID = swaps.getOrderID()
+
+    cy.visit(constants.swapUrl + staticSafes.SEP_STATIC_SAFE_27)
+    main.waitForHistoryCallToComplete()
+    wallet.connectSigner(signer)
+    iframeSelector = `iframe[src*="${constants.swapWidget}"]`
+    swaps.acceptLegalDisclaimer()
+    main.getIframeBody(iframeSelector).within(() => {
+      cy.wait(20000) // Need more time to load UI
+      swaps.switchToLimit()
+      swaps.selectInputCurrency(swaps.swapTokens.cow)
+      swaps.setInputValue(500)
+      swaps.selectOutputCurrency(swaps.swapTokens.dai)
+      swaps.setLimitExpiry(swaps.limitOrderExpiryOptions.five_minutes)
+      swaps.clickOnReviewOrderBtn()
+      swaps.placeLimitOrder()
+    })
+
+    swaps.verifyOrderDetails(limitPrice, swapOrder.expiry5Mins, 'i', swapOrder.interactWith, orderID, widgetFee)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/limit_order_history.cy.js b/apps/web/cypress/e2e/regression/limit_order_history.cy.js
new file mode 100644
index 000000000..fbcbfd7f9
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/limit_order_history.cy.js
@@ -0,0 +1,54 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as swaps from '../pages/swaps.pages.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as swaps_data from '../../fixtures/swaps_data.json'
+import * as data from '../../fixtures/txhistory_data_data.json'
+
+let staticSafes = []
+
+const swapsHistory = swaps_data.type.history
+const typeGeneral = data.type.general
+
+describe('Limit order history tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify "Expired" field in the tx details for limit orders', { defaultCommandTimeout: 30000 }, () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_1 + swaps.swapTxs.sellLimitOrder)
+    const dai = swaps.createRegex(swapsHistory.forAtLeastFullDai, 'DAI')
+    const eq = swaps.createRegex(swapsHistory.DAIeqCOW, 'COW')
+
+    create_tx.verifyExpandedDetails([swapsHistory.sellOrder, swapsHistory.sell, dai, eq, swapsHistory.expired])
+    create_tx.clickOnAdvancedDetails()
+    create_tx.verifyAdvancedDetails([swapsHistory.gGpV2, swapsHistory.actionPreSignatureG])
+  })
+
+  it('Verify "Filled" field in the tx details for limit orders', { defaultCommandTimeout: 30000 }, () => {
+    cy.visit(constants.transactionUrl + swaps.limitOrderSafe + swaps.swapTxs.sellLimitOrderFilled)
+    const usdc = swaps.createRegex(swapsHistory.forAtLeastFullUSDT, 'USDT')
+    const eq = swaps.createRegex(swapsHistory.USDTeqUSDC, 'USDC')
+
+    create_tx.verifyExpandedDetails([swapsHistory.sellOrder, swapsHistory.sell, usdc, eq, swapsHistory.filled])
+    create_tx.clickOnAdvancedDetails()
+    create_tx.verifyAdvancedDetails([swapsHistory.gGpV2, swapsHistory.actionPreSignatureG])
+  })
+
+  it(
+    'Verify that limit order tx created via CowSwap safe app has decoding in the history',
+    { defaultCommandTimeout: 30000 },
+    () => {
+      cy.visit(constants.transactionUrl + swaps.limitOrderSafe + swaps.swapTxs.sellLimitOrderFilled)
+      const usdc = swaps.createRegex(swapsHistory.forAtLeastFullUSDT, 'USDT')
+      const eq = swaps.createRegex(swapsHistory.USDTeqUSDC, 'USDC')
+
+      create_tx.verifySummaryByName(swapsHistory.limitorder_title, null, [typeGeneral.statusOk])
+      main.verifyElementsExist([create_tx.altImgUsdc, create_tx.altImgUsdt], create_tx.altImgLimitOrder)
+      create_tx.verifyExpandedDetails([swapsHistory.sellOrder, swapsHistory.sell, usdc, eq, swapsHistory.filled])
+      create_tx.clickOnAdvancedDetails()
+      create_tx.verifyAdvancedDetails([swapsHistory.gGpV2, swapsHistory.actionPreSignatureG])
+    },
+  )
+})
diff --git a/apps/web/cypress/e2e/regression/limit_order_queue.cy.js b/apps/web/cypress/e2e/regression/limit_order_queue.cy.js
new file mode 100644
index 000000000..7cf8375fd
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/limit_order_queue.cy.js
@@ -0,0 +1,38 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as swaps from '../pages/swaps.pages.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as swaps_data from '../../fixtures/swaps_data.json'
+
+let staticSafes = []
+
+const swapsHistory = swaps_data.type.history
+
+describe('Limit order queue tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it(
+    'Verify that limit order tx created via CowSwap safe app has decoding in the history',
+    { defaultCommandTimeout: 30000 },
+    () => {
+      cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_34 + swaps.swapTxs.sellQLimitOrder)
+      const dai = swaps.createRegex(swapsHistory.forAtLeastFullDai, 'DAI')
+      const eq = swaps.createRegex(swapsHistory.DAIeqCOW, 'COW')
+
+      create_tx.verifySummaryByName(swapsHistory.limitorder_title)
+      main.verifyElementsExist([create_tx.altImgCow, create_tx.altImgDai], create_tx.altImgLimitOrder)
+      create_tx.verifyExpandedDetails([
+        swapsHistory.sellOrder,
+        swapsHistory.sell,
+        dai,
+        eq,
+        swapsHistory.executionNeeded,
+      ])
+      create_tx.clickOnAdvancedDetails()
+      create_tx.verifyAdvancedDetails([swapsHistory.gGpV2, swapsHistory.actionPreSignatureG])
+    },
+  )
+})
diff --git a/apps/web/cypress/e2e/regression/load_safe.cy.js b/apps/web/cypress/e2e/regression/load_safe.cy.js
new file mode 100644
index 000000000..f766da9a2
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/load_safe.cy.js
@@ -0,0 +1,38 @@
+import 'cypress-file-upload'
+import * as constants from '../../support/constants'
+import * as safe from '../pages/load_safe.pages'
+import * as createwallet from '../pages/create_wallet.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const testSafeName = 'Test safe name'
+const testOwnerName = 'Test Owner Name'
+
+describe('Load Safe tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.loadNewSafeSepoliaUrl)
+    cy.wait(2000)
+  })
+
+  it('Verify custom name in the first owner can be set', () => {
+    safe.inputNameAndAddress(testSafeName, staticSafes.SEP_STATIC_SAFE_4)
+    safe.clickOnNextBtn()
+    createwallet.typeOwnerName(testOwnerName, 0)
+    safe.clickOnNextBtn()
+  })
+
+  // Added to prod
+  it('Verify Safe and owner names are displayed in the Review step', () => {
+    safe.inputNameAndAddress(testSafeName, staticSafes.SEP_STATIC_SAFE_4)
+    safe.clickOnNextBtn()
+    createwallet.typeOwnerName(testOwnerName, 0)
+    safe.clickOnNextBtn()
+    safe.verifyDataInReviewSection(testSafeName, testOwnerName)
+    safe.clickOnAddBtn()
+  })
+})
diff --git a/cypress/e2e/regression/load_safe_2.cy.js b/apps/web/cypress/e2e/regression/load_safe_2.cy.js
similarity index 96%
rename from cypress/e2e/regression/load_safe_2.cy.js
rename to apps/web/cypress/e2e/regression/load_safe_2.cy.js
index 0cd807c43..e49afa6d1 100644
--- a/cypress/e2e/regression/load_safe_2.cy.js
+++ b/apps/web/cypress/e2e/regression/load_safe_2.cy.js
@@ -5,6 +5,7 @@ import * as safe from '../pages/load_safe.pages'
 import * as ls from '../../support/localstorage_data.js'
 import * as owner from '../pages/owners.pages'
 import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
 
 let staticSafes,
   fundSafes = []
@@ -26,9 +27,7 @@ describe('Load Safe tests 2', () => {
   })
 
   beforeEach(() => {
-    cy.clearLocalStorage()
     cy.visit(constants.loadNewSafeSepoliaUrl)
-    main.acceptCookies()
     cy.wait(2000)
   })
 
@@ -93,7 +92,7 @@ describe('Load Safe tests 2', () => {
   })
 
   it('Verify a valid address can be entered', () => {
-    safe.inputAddress(staticSafes.SEP_STATIC_SAFE_13)
+    safe.inputAddress(getMockAddress())
     safe.verifyAddresFormatIsValid()
   })
 
@@ -109,7 +108,7 @@ describe('Load Safe tests 2', () => {
   })
 
   it('Verify that the wrong prefix is not allowed', () => {
-    safe.inputAddress(fundSafes.ETH_FUNDS_SAFE_13)
+    safe.inputAddress(`eth:${getMockAddress()}`)
     owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.prefixMismatch)
     safe.verifyNextButtonStatus(constants.enabledStates.disabled)
   })
diff --git a/apps/web/cypress/e2e/regression/load_safe_3.cy.js b/apps/web/cypress/e2e/regression/load_safe_3.cy.js
new file mode 100644
index 000000000..d00bed828
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/load_safe_3.cy.js
@@ -0,0 +1,65 @@
+import 'cypress-file-upload'
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as safe from '../pages/load_safe.pages.js'
+import * as createwallet from '../pages/create_wallet.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const testSafeName = 'Test safe name'
+const testOwnerName = 'Test Owner Name'
+
+describe('Load Safe tests - 3', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.loadNewSafeSepoliaUrl)
+  })
+
+  it('Verify that after loading existing Safe, its name input is not empty', () => {
+    safe.inputNameAndAddress(testSafeName, staticSafes.SEP_STATIC_SAFE_4)
+    safe.clickOnNextBtn()
+    safe.verifyOnwerInputIsNotEmpty(0)
+  })
+
+  it('Verify that when changing a network in dropdown, the same network is displayed in right top corner', () => {
+    safe.clickNetworkSelector(constants.networks.sepolia)
+    safe.selectPolygon()
+    cy.wait(1000)
+    safe.checkMainNetworkSelected(constants.networks.polygon)
+  })
+
+  it('Verify the custom Safe name is successfully loaded', () => {
+    safe.inputNameAndAddress(testSafeName, staticSafes.SEP_STATIC_SAFE_3)
+    safe.clickOnNextBtn()
+    createwallet.typeOwnerName(testOwnerName, 0)
+    safe.clickOnNextBtn()
+    safe.verifyDataInReviewSection(
+      testSafeName,
+      testOwnerName,
+      constants.commonThresholds.oneOfOne,
+      constants.networks.sepolia,
+      constants.SEPOLIA_OWNER_2,
+    )
+    safe.clickOnAddBtn()
+    main.verifyHomeSafeUrl(staticSafes.SEP_STATIC_SAFE_3)
+    safe.veriySidebarSafeNameIsVisible(testSafeName)
+    safe.verifyOwnerNamePresentInSettings(testOwnerName)
+  })
+
+  it('Verify a network can be selected in the Safe', () => {
+    safe.clickNetworkSelector(constants.networks.sepolia)
+    safe.selectPolygon()
+    cy.wait(2000)
+    safe.clickNetworkSelector(constants.networks.polygon)
+    safe.selectSepolia()
+  })
+
+  it('Verify there are mandatory networks in dropdown: Eth, Polygon, Sepolia', () => {
+    safe.clickNetworkSelector(constants.networks.sepolia)
+    safe.verifyMandatoryNetworksExist()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/mass_payouts.cy.js b/apps/web/cypress/e2e/regression/mass_payouts.cy.js
new file mode 100644
index 000000000..371777113
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/mass_payouts.cy.js
@@ -0,0 +1,103 @@
+import * as constants from '../../support/constants.js'
+import * as createtx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as spendinglimit from '../pages/spending_limits.pages'
+import * as navigation from '../pages/navigation.page'
+import { getMockAddress } from '../../support/utils/ethers.js'
+import { selectToken, selectTokenList, tokenListOptions } from '../pages/assets.pages.js'
+
+let staticSafes = []
+
+const sendValue = 0.00998
+const sendValue2 = 0.0001
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Mass payouts tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify that the "Add recipient" button is displayed for the targeted safes on New Tx form', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_6)
+    wallet.connectSigner(signer)
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+    createtx.verifyAddRecipientBtnIsVisible()
+  })
+
+  it('Verify that users can add up to 5 recipients', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_6)
+    wallet.connectSigner(signer)
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+    createtx.checkMaxRecipientReached()
+  })
+
+  it('Verify that "Remove recipient" deletes the recipient field', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_6)
+    wallet.connectSigner(signer)
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+    createtx.clickOnAddRecipientBtn()
+    createtx.checkNumberOfRecipients('2/5')
+    createtx.clickOnRemoveRecipientBtn(0)
+    createtx.checkNumberOfRecipients('1/5')
+  })
+
+  it('Verify that "Remove recipient" deletes the recipient field', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_8)
+    wallet.connectSigner(signer)
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+    spendinglimit.selectSpendingLimitOption()
+    createtx.verifyAddRecipientBtnDoesNotExist()
+  })
+
+  it('Verify the "Max" button sets the full amount', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_6)
+    wallet.connectSigner(signer)
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+    createtx.clickOnAddRecipientBtn()
+    createtx.checkNumberOfRecipients('2/5')
+    createtx.clickOnMaxBtn(1)
+    createtx.checkTokenValue(1, sendValue)
+  })
+
+  it('Verify "insufficient amount" error for the same token during send to a few recipients', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_6)
+    wallet.connectSigner(signer)
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+    createtx.clickOnAddRecipientBtn()
+    createtx.clickOnMaxBtn(0)
+    createtx.clickOnMaxBtn(1)
+    createtx.checkTokenValue(1, sendValue)
+    createtx.insufficientFundsErrorExists(0)
+    createtx.insufficientFundsErrorExists(1)
+    createtx.insufficientBalanceErrorExists()
+  })
+
+  it('Verify recipients are displayed in review tx screen', () => {
+    const address1 = getMockAddress()
+    const address2 = getMockAddress()
+
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_6)
+    wallet.connectSigner(signer)
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+    createtx.clickOnAddRecipientBtn()
+    createtx.typeRecipientAddress_(0, address1)
+    createtx.typeRecipientAddress_(1, address2)
+    createtx.setSendValue_(0, sendValue2)
+    createtx.setSendValue_(1, sendValue2)
+    createtx.clickOnNextBtn()
+    createtx.recipientAddress(1, address1)
+    createtx.recipientAddress(2, address2)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/messages_offchain.cy.js b/apps/web/cypress/e2e/regression/messages_offchain.cy.js
new file mode 100644
index 000000000..d25b5adbb
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/messages_offchain.cy.js
@@ -0,0 +1,91 @@
+import * as constants from '../../support/constants.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as modal from '../pages/modals.page'
+import * as messages from '../pages/messages.pages.js'
+import * as createTx from '../pages/create_tx.pages.js'
+import * as msg_confirmation_modal from '../pages/modals/message_confirmation.pages.js'
+import * as msg_data from '../../fixtures/txmessages_data.json'
+import * as main from '../pages/main.page.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+
+const typeMessagesGeneral = msg_data.type.general
+const typeMessagesOffchain = msg_data.type.offChain
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer2 = walletCredentials.OWNER_1_PRIVATE_KEY
+
+describe('Offchain Messages tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify confirmation window is displayed for unsigned message', () => {
+    cy.visit(constants.transactionsMessagesUrl + staticSafes.SEP_STATIC_SAFE_26)
+    wallet.connectSigner(signer2)
+    messages.clickOnMessageSignBtn(0)
+    msg_confirmation_modal.verifyConfirmationWindowTitle(modal.modalTitiles.confirmMsg)
+    msg_confirmation_modal.verifyMessagePresent(messages.offchainMessage)
+    msg_confirmation_modal.clickOnMessageDetails()
+    msg_confirmation_modal.verifyOffchainMessageHash(0)
+    msg_confirmation_modal.verifyOffchainMessageHash(1)
+    msg_confirmation_modal.checkMessageInfobox()
+  })
+
+  it('Verify summary for off-chain unsigned messages', () => {
+    cy.visit(constants.transactionsMessagesUrl + staticSafes.SEP_STATIC_SAFE_10)
+    createTx.verifySummaryByIndex(0, [
+      typeMessagesGeneral.sign,
+      typeMessagesGeneral.oneOftwo,
+      typeMessagesOffchain.testMessage1,
+    ])
+    createTx.verifySummaryByIndex(2, [
+      typeMessagesGeneral.sign,
+      typeMessagesGeneral.oneOftwo,
+      typeMessagesOffchain.testMessage2,
+    ])
+  })
+
+  it('Verify summary for off-chain signed messages', () => {
+    cy.visit(constants.transactionsMessagesUrl + staticSafes.SEP_STATIC_SAFE_10)
+    createTx.verifySummaryByIndex(1, [
+      typeMessagesGeneral.sign,
+      typeMessagesGeneral.oneOftwo,
+      typeMessagesOffchain.name,
+    ])
+    createTx.verifySummaryByIndex(3, [
+      typeMessagesGeneral.sign,
+      typeMessagesGeneral.oneOftwo,
+      typeMessagesOffchain.testMessage3,
+    ])
+  })
+
+  it('Verify exapanded details for EIP 191 off-chain message', () => {
+    cy.visit(constants.transactionsMessagesUrl + staticSafes.SEP_STATIC_SAFE_10)
+    createTx.clickOnTransactionItemByIndex(2)
+    cy.contains(typeMessagesOffchain.message2).should('be.visible')
+  })
+
+  it('Verify exapanded details for EIP 712 off-chain message', () => {
+    cy.visit(constants.transactionsMessagesUrl + staticSafes.SEP_STATIC_SAFE_10)
+    const jsonString = createTx.messageNestedStr
+    const values = [
+      typeMessagesOffchain.name,
+      typeMessagesOffchain.testStringNested,
+      typeMessagesOffchain.EIP712Domain,
+      typeMessagesOffchain.message3,
+    ]
+
+    createTx.clickOnTransactionItemByIndex(1)
+    cy.get(createTx.txRowTitle)
+      .next()
+      .then(($section) => {
+        expect($section.text()).to.include(jsonString)
+        const count = $section.text().split(jsonString).length - 1
+        expect(count).to.eq(3)
+      })
+
+    main.verifyTextVisibility(values)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/messages_onchain.cy.js b/apps/web/cypress/e2e/regression/messages_onchain.cy.js
new file mode 100644
index 000000000..1d65df2a0
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/messages_onchain.cy.js
@@ -0,0 +1,50 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as createTx from '../pages/create_tx.pages.js'
+import * as msg_data from '../../fixtures/txmessages_data.json'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const typeMessagesOnchain = msg_data.type.onChain
+
+describe('Onchain Messages tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_10)
+  })
+
+  it('Verify exapanded details for signed on-chain message', () => {
+    createTx.clickOnTransactionItemByName(typeMessagesOnchain.contractName)
+    createTx.verifyExpandedDetails([typeMessagesOnchain.contractName, typeMessagesOnchain.delegateCall])
+  })
+
+  it('Verify exapanded details for unsigned on-chain message', () => {
+    cy.visit(constants.transactionQueueUrl + staticSafes.SEP_STATIC_SAFE_10)
+    createTx.clickOnTransactionItemByName(typeMessagesOnchain.contractName)
+    createTx.verifyExpandedDetails([typeMessagesOnchain.contractName, typeMessagesOnchain.delegateCall])
+  })
+
+  it('Verify summary for unsigned on-chain message', () => {
+    cy.visit(constants.transactionQueueUrl + staticSafes.SEP_STATIC_SAFE_10)
+    createTx.verifySummaryByName(
+      typeMessagesOnchain.contractName,
+      null,
+      [typeMessagesOnchain.oneOftwo, typeMessagesOnchain.signMessage],
+      typeMessagesOnchain.altImage,
+    )
+  })
+
+  // Added to prod
+  it('Verify summary for signed on-chain message', () => {
+    createTx.verifySummaryByName(
+      typeMessagesOnchain.contractName,
+      null,
+      [(typeMessagesOnchain.success, typeMessagesOnchain.signMessage)],
+      typeMessagesOnchain.altImage,
+    )
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/messages_popup.cy.js b/apps/web/cypress/e2e/regression/messages_popup.cy.js
new file mode 100644
index 000000000..4aebaa410
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/messages_popup.cy.js
@@ -0,0 +1,96 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as modal from '../pages/modals.page.js'
+import * as apps from '../pages/safeapps.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as ls from '../../support/localstorage_data.js'
+import * as messages from '../pages/messages.pages.js'
+import * as msg_confirmation_modal from '../pages/modals/message_confirmation.pages.js'
+
+let staticSafes = []
+const safeApp = 'Safe Test App'
+const onchainMessage = 'Message 1'
+let iframeSelector
+
+describe('Messages popup window tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.appsCustomUrl + staticSafes.SEP_STATIC_SAFE_10)
+    iframeSelector = `iframe[id="iframe-${encodeURIComponent(constants.safeTestAppurl)}"]`
+  })
+
+  it('Verify off-chain message popup window can be triggered', () => {
+    main.addToLocalStorage(
+      constants.localStorageKeys.SAFE_v2__customSafeApps_11155111,
+      ls.customApps(constants.safeTestAppurl).safeTestApp,
+    )
+    main.addToLocalStorage(
+      constants.localStorageKeys.SAFE_v2__SafeApps__browserPermissions,
+      ls.appPermissions(constants.safeTestAppurl).grantedPermissions,
+    )
+    cy.reload()
+    apps.clickOnApp(safeApp)
+    apps.clickOnOpenSafeAppBtn()
+    main.getIframeBody(iframeSelector).within(() => {
+      apps.triggetOffChainTx()
+    })
+    msg_confirmation_modal.verifyConfirmationWindowTitle(modal.modalTitiles.confirmTx)
+    msg_confirmation_modal.verifySafeAppInPopupWindow(safeApp)
+  })
+
+  it('Verify on-chain message popup window can be triggered', () => {
+    main.addToLocalStorage(
+      constants.localStorageKeys.SAFE_v2__customSafeApps_11155111,
+      ls.customApps(constants.safeTestAppurl).safeTestApp,
+    )
+    main.addToLocalStorage(
+      constants.localStorageKeys.SAFE_v2__SafeApps__browserPermissions,
+      ls.appPermissions(constants.safeTestAppurl).grantedPermissions,
+    )
+
+    cy.reload()
+    apps.clickOnApp(safeApp)
+    apps.clickOnOpenSafeAppBtn()
+    main.getIframeBody(iframeSelector).within(() => {
+      apps.enterMessage(onchainMessage)
+      //messages.enterOnchainMessage(onchainMessage)
+      apps.triggetOnChainTx()
+    })
+    msg_confirmation_modal.verifyConfirmationWindowTitle(modal.modalTitiles.confirmMsg)
+    msg_confirmation_modal.verifySafeAppInPopupWindow(safeApp)
+    msg_confirmation_modal.verifyMessagePresent(onchainMessage)
+  })
+
+  it('Verify warning message is displayed when 0x0000000 is used as a message', () => {
+    const msgHash = '0x0000000'
+    main.addToLocalStorage(
+      constants.localStorageKeys.SAFE_v2__customSafeApps_11155111,
+      ls.customApps(constants.safeTestAppurl).safeTestApp,
+    )
+    main.addToLocalStorage(
+      constants.localStorageKeys.SAFE_v2__SafeApps__browserPermissions,
+      ls.appPermissions(constants.safeTestAppurl).grantedPermissions,
+    )
+    cy.reload()
+    apps.clickOnApp(safeApp)
+    apps.clickOnOpenSafeAppBtn()
+    main.getIframeBody(iframeSelector).within(() => {
+      apps.enterMessage(msgHash)
+      apps.triggetSignMsg()
+    })
+    apps.verifyBlindSigningEnabled(true)
+    apps.clickOnBlindSigningOption()
+    cy.visit(constants.appsCustomUrl + staticSafes.SEP_STATIC_SAFE_10)
+    apps.clickOnApp(safeApp)
+    apps.clickOnOpenSafeAppBtn()
+    main.getIframeBody(iframeSelector).within(() => {
+      apps.enterMessage(msgHash)
+      apps.triggetSignMsg()
+    })
+    apps.verifyBlindSigningEnabled(false)
+    apps.verifySignBtnDisabled()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/multichain_create_safe.cy.js b/apps/web/cypress/e2e/regression/multichain_create_safe.cy.js
new file mode 100644
index 000000000..87432dc61
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/multichain_create_safe.cy.js
@@ -0,0 +1,87 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as createwallet from '../pages/create_wallet.pages'
+import * as createtx from '../pages/create_tx.pages.js'
+import * as tx from '../pages/transactions.page.js'
+import * as owner from '../pages/owners.pages'
+import { getMockAddress } from '../../support/utils/ethers.js'
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Multichain safe creation tests', () => {
+  beforeEach(() => {
+    cy.visit(constants.welcomeUrl + '?chain=sep')
+    cy.wait(2000)
+    wallet.connectSigner(signer)
+  })
+
+  it('Verify that Pay now is not available for the multichain safe creation', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.selectMultiNetwork(1, constants.networks.polygon.toLowerCase())
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnNextBtn()
+    main.verifyElementsCount(createtx.payNowExecMethod, 0)
+  })
+
+  it('Verify that Pay now is available for single safe creation', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.clearNetworkInput(1)
+    createwallet.enterNetwork(1, constants.networks.polygon)
+    createwallet.clickOnNetwrokCheckbox()
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnNextBtn()
+    main.verifyElementsCount(createtx.payNowExecMethod, 1)
+  })
+
+  it('Verify that Relay is available for one safe creation', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.clearNetworkInput(1)
+    createwallet.enterNetwork(1, constants.networks.polygon)
+    createwallet.clickOnNetwrokCheckbox()
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnNextBtn()
+    tx.selectRelayOtion()
+    cy.contains(tx.relayRemainingAttemptsStr).should('exist')
+  })
+
+  it('Verify that multichain safe creation is available with 2/2 setup', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.selectMultiNetwork(1, constants.networks.polygon.toLowerCase())
+    createwallet.clickOnNextBtn()
+    owner.clickOnAddSignerBtn()
+    owner.typeOwnerAddressCreateSafeStep(1, getMockAddress())
+    owner.clickOnThresholdDropdown()
+    owner.getThresholdOptions().eq(1).click()
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnReviewStepNextBtn()
+    createwallet.clickOnLetsGoBtn().then(() => {
+      let data = localStorage.getItem(constants.localStorageKeys.SAFE_v2__undeployedSafes)
+      createwallet.assertCFSafeThresholdAndSigners(constants.networkKeys.polygon, 2, 2, data)
+      createwallet.assertCFSafeThresholdAndSigners(constants.networkKeys.sepolia, 2, 2, data)
+    })
+  })
+
+  it('Verify that multichain safe creation is available for 1/2 set up', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.selectMultiNetwork(1, constants.networks.polygon.toLowerCase())
+    createwallet.clickOnNextBtn()
+    owner.clickOnAddSignerBtn()
+    owner.typeOwnerAddressCreateSafeStep(1, getMockAddress())
+    owner.clickOnThresholdDropdown()
+    owner.getThresholdOptions().eq(0).click()
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnReviewStepNextBtn()
+    createwallet.clickOnLetsGoBtn().then(() => {
+      let data = localStorage.getItem(constants.localStorageKeys.SAFE_v2__undeployedSafes)
+      createwallet.assertCFSafeThresholdAndSigners(constants.networkKeys.polygon, 1, 2, data)
+      createwallet.assertCFSafeThresholdAndSigners(constants.networkKeys.sepolia, 1, 2, data)
+    })
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/multichain_create_safe_flow.cy.js b/apps/web/cypress/e2e/regression/multichain_create_safe_flow.cy.js
new file mode 100644
index 000000000..6af934a15
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/multichain_create_safe_flow.cy.js
@@ -0,0 +1,58 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as createwallet from '../pages/create_wallet.pages.js'
+import * as owner from '../pages/owners.pages.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Multichain safe creation flow tests', () => {
+  beforeEach(() => {
+    cy.visit(constants.welcomeUrl + '?chain=sep')
+    cy.wait(2000)
+    wallet.connectSigner(signer)
+  })
+
+  it('Verify Review screen for multichain safe creation flow', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.selectMultiNetwork(1, constants.networks.polygon.toLowerCase())
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnNextBtn()
+    main.verifyElementsExist([
+      createwallet.payNowLaterMessageBox,
+      createwallet.safeSetupOverview,
+      createwallet.networksLogoList,
+      createwallet.reviewStepOwnerInfo,
+      createwallet.reviewStepSafeName,
+      createwallet.reviewStepThreshold,
+      createwallet.reviewStepNextBtn,
+    ])
+    createwallet.checkNetworkLogoInReviewStep([constants.networkKeys.polygon, constants.networkKeys.sepolia])
+  })
+
+  it('Verify that selected networks are displayed in preview multichain safe', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.selectMultiNetwork(1, constants.networks.polygon.toLowerCase())
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnNextBtn()
+    createwallet.checkNetworkLogoInReviewStep([constants.networkKeys.polygon, constants.networkKeys.sepolia])
+  })
+
+  it('Verify Success safe creation screen for multichain creation', () => {
+    createwallet.clickOnContinueWithWalletBtn()
+    createwallet.clickOnCreateNewSafeBtn()
+    createwallet.selectMultiNetwork(1, constants.networks.polygon.toLowerCase())
+    createwallet.clickOnNextBtn()
+    owner.clickOnAddSignerBtn()
+    owner.typeOwnerAddressCreateSafeStep(1, getMockAddress())
+    createwallet.clickOnNextBtn()
+    createwallet.clickOnReviewStepNextBtn()
+    main.verifyElementsExist([createwallet.cfSafeActivationMsg, createwallet.cfSafeCreationSuccessMsg])
+    createwallet.checkNetworkLogoInSafeCreationModal([constants.networkKeys.polygon, constants.networkKeys.sepolia])
+    createwallet.clickOnLetsGoBtn()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/multichain_network.cy.js b/apps/web/cypress/e2e/regression/multichain_network.cy.js
new file mode 100644
index 000000000..8a1409209
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/multichain_network.cy.js
@@ -0,0 +1,75 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import * as ls from '../../support/localstorage_data.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Multichain add network tests', { defaultCommandTimeout: 60000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.BALANCE_URL + staticSafes.MATIC_STATIC_SAFE_28)
+    cy.wait(2000)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addedSafes, ls.addedSafes.set5)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.multichain)
+    wallet.connectSigner(signer)
+  })
+
+  it('Verify CF safe can be created when adding a new network from more options menu', () => {
+    let safe = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'eth')
+    sideBar.openSidebar()
+    sideBar.addNetwork(constants.networks.ethereum)
+    cy.contains(sideBar.createSafeMsg(constants.networks.ethereum))
+    cy.url().should('include', safe)
+    sideBar.checkUndeployedSafeExists(0)
+    cy.wrap(null, { timeout: 10000 }).then(() => {
+      cy.window().then((window) => {
+        const addressBook = JSON.parse(window.localStorage.getItem(constants.localStorageKeys.SAFE_v2__addressBook))
+
+        expect(addressBook).to.have.property('1')
+        expect(addressBook['1']).to.have.property(
+          staticSafes.MATIC_STATIC_SAFE_28.substring(6),
+          sideBar.multichainSafes.polygon,
+        )
+      })
+    })
+  })
+
+  it('Verify that CF safe can be removed and re-added using "Add Network"', () => {
+    let safe = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'sep')
+    cy.visit(constants.BALANCE_URL + safe)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addedSafes, ls.addedSafes.set6_undeployed_safe)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.undeployed)
+    sideBar.openSidebar()
+    sideBar.removeSafeItem(sideBar.undeployedSafe)
+    cy.wrap(null, { timeout: 10000 }).should(() => {
+      expect(localStorage.getItem(constants.localStorageKeys.SAFE_v2__addressBook) === '{}').to.be.true
+    })
+    sideBar.addNetwork(constants.networks.ethereum)
+    cy.contains(sideBar.createSafeMsg(constants.networks.ethereum))
+    sideBar.checkUndeployedSafeExists(0)
+  })
+
+  it('Verify that "Add network" button in Add another network modal is disabled when network is not selected', () => {
+    sideBar.openSidebar()
+    sideBar.clickOnAddNetworkBtn()
+    sideBar.getModalAddNetworkBtn().should('be.disabled')
+  })
+
+  it('Verify that already added network can not be selected', () => {
+    sideBar.openSidebar()
+    sideBar.clickOnAddNetworkBtn()
+    sideBar.clickOnNetworkInput()
+    sideBar.getNetworkOptions().should('not.contain', constants.networks.sepolia)
+    sideBar.getModalAddNetworkBtn().should('be.disabled')
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/multichain_networkswitch.cy.js b/apps/web/cypress/e2e/regression/multichain_networkswitch.cy.js
new file mode 100644
index 000000000..d387b8f8e
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/multichain_networkswitch.cy.js
@@ -0,0 +1,97 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import * as ls from '../../support/localstorage_data.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as navigation from '../pages/navigation.page.js'
+import * as create_wallet from '../pages/create_wallet.pages.js'
+
+let staticSafes = []
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+// DO NOT use OWNER_2_PRIVATE_KEY for safe creation. Used for CF safes.
+const signer2 = walletCredentials.OWNER_2_PRIVATE_KEY
+
+describe('Multichain header network switch tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.BALANCE_URL + staticSafes.MATIC_STATIC_SAFE_28)
+    cy.wait(2000)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addedSafes, ls.addedSafes.set5)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.multichain)
+  })
+
+  it('Verify the list of networks where the safe is already deployed with the same address when all networks added', () => {
+    let safe = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'sep')
+    cy.visit(constants.BALANCE_URL + safe)
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.addNetwork(constants.networks.ethereum)
+    cy.contains(sideBar.createSafeMsg(constants.networks.ethereum))
+    sideBar.checkUndeployedSafeExists(0)
+    navigation.clickOnModalCloseBtn(0)
+    create_wallet.openNetworkSelector()
+    sideBar.checkNetworkPresence(
+      [constants.networks.ethereum, constants.networks.polygon, constants.networks.sepolia],
+      sideBar.addedNetworkOption,
+    )
+  })
+
+  it('Verify that the selected network is already pre-selected in the "Add Another Network" pop-up and cannot be modified', () => {
+    let safe = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'sep')
+    cy.visit(constants.BALANCE_URL + safe)
+    create_wallet.openNetworkSelector()
+    sideBar.clickOnShowAllNetworksBtn()
+    sideBar.checkNetworkPresence([constants.networks.ethereum], sideBar.addNetworkOption).click()
+    sideBar.checkNetworkIsNotEditable()
+  })
+
+  it('Verify Show all networks displays the full list of not added networks', () => {
+    let safe = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'sep')
+    cy.visit(constants.BALANCE_URL + safe)
+    create_wallet.openNetworkSelector()
+    sideBar.clickOnShowAllNetworksBtn()
+    sideBar.checkNetworkPresence([constants.networks.ethereum], sideBar.addNetworkOption)
+    main.verifyMinimumElementsCount(sideBar.addNetworkOption, 1)
+  })
+
+  it('Verify that test networks and main networks are splitted', () => {
+    create_wallet.openNetworkSelector()
+    sideBar.checkNetworksInRange(constants.networks.sepolia, 1, 'below')
+    sideBar.checkNetworksInRange(constants.networks.polygon, 1, 'above')
+  })
+
+  it('Verify Add network tooltip on hover for available networks in "Show all networks"', () => {
+    create_wallet.openNetworkSelector()
+    sideBar.clickOnShowAllNetworksBtn()
+    sideBar.checkNetworkPresence([constants.networks.ethereum], sideBar.addNetworkOption).trigger('mouseover')
+    main.verifyElementsExist([sideBar.addNetworkTooltip])
+  })
+
+  it('Verify that CF safe is created if other available network is selected from the "Show all networks"', () => {
+    let safe = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'sep')
+    cy.visit(constants.BALANCE_URL + safe)
+    create_wallet.openNetworkSelector()
+    sideBar.clickOnShowAllNetworksBtn()
+    sideBar.checkNetworkPresence([constants.networks.ethereum], sideBar.addNetworkOption).click()
+    sideBar.getModalAddNetworkBtn().click()
+    sideBar.openSidebar()
+    sideBar.checkUndeployedSafeExists(0)
+    cy.wrap(null, { timeout: 10000 }).then(() => {
+      cy.window().then((window) => {
+        const addressBook = JSON.parse(window.localStorage.getItem(constants.localStorageKeys.SAFE_v2__addressBook))
+
+        expect(addressBook).to.have.property('1')
+        expect(addressBook['1']).to.have.property(
+          staticSafes.MATIC_STATIC_SAFE_28.substring(6),
+          sideBar.multichainSafes.sepolia,
+        )
+      })
+    })
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/multichain_setup.cy.js b/apps/web/cypress/e2e/regression/multichain_setup.cy.js
new file mode 100644
index 000000000..9d761ea9e
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/multichain_setup.cy.js
@@ -0,0 +1,101 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import * as ls from '../../support/localstorage_data.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as navigation from '../pages/navigation.page.js'
+import * as create_wallet from '../pages/create_wallet.pages.js'
+import * as owner from '../pages/owners.pages.js'
+
+import { suspendOutreachModal } from '../pages/modals.page.js'
+
+let staticSafes = []
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+// DO NOT use OWNER_2_PRIVATE_KEY for safe creation. Used for CF safes.
+const signer2 = walletCredentials.OWNER_2_PRIVATE_KEY
+
+describe('Multichain setup tests', { defaultCommandTimeout: 60000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.BALANCE_URL + staticSafes.MATIC_STATIC_SAFE_28)
+    cy.wait(2000)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addedSafes, ls.addedSafes.set5)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.multichain)
+    wallet.connectSigner(signer)
+  })
+
+  it('Verify that batch tx with safe activation is not allowed for the CF safes', () => {
+    let safe = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'eth')
+    sideBar.openSidebar()
+    sideBar.addNetwork(constants.networks.ethereum)
+    cy.contains(sideBar.createSafeMsg(constants.networks.ethereum))
+    sideBar.checkUndeployedSafeExists(0).click()
+    main.verifyElementsCount(navigation.newTxBtn, 0)
+    main.verifyElementsCount(create_wallet.activateAccountBtn, 2)
+    cy.visit(constants.setupUrl + safe)
+    owner.verifyManageSignersBtnIsDisabled()
+    sideBar.verifyNavItemDisabled(sideBar.sideBarListItems[4])
+    sideBar.verifyNavItemDisabled(sideBar.sideBarListItems[6])
+  })
+
+  it('Verify notification if the owner set up was changed in original safe', () => {
+    sideBar.openSidebar()
+    sideBar.addNetwork(constants.networks.ethereum)
+    cy.contains(sideBar.createSafeMsg(constants.networks.ethereum))
+    cy.visit(constants.homeUrl + staticSafes.MATIC_STATIC_SAFE_28)
+    sideBar.checkInconsistentSignersMsgDisplayed(constants.networks.ethereum)
+  })
+
+  it('Verify warning on add owner for one safe in the group', () => {
+    cy.visit(constants.setupUrl + staticSafes.MATIC_STATIC_SAFE_28)
+    owner.openManageSignersWindow()
+    owner.clickOnAddSignerBtn()
+    owner.typeOwnerAddressManage(1, constants.SEPOLIA_OWNER_2)
+    owner.clickOnNextBtnManage()
+    sideBar.checkInconsistentSignersMsgDisplayedConfirmTxView(constants.networks.polygon)
+  })
+
+  it('Verify warning on remove owner for one safe in the group', () => {
+    let safe = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'sep')
+    cy.visit(constants.setupUrl + safe)
+
+    owner.waitForConnectionStatus()
+    navigation.verifyTxBtnStatus(constants.enabledStates.enabled)
+    suspendOutreachModal()
+    owner.openRemoveOwnerWindow(1)
+    cy.wait(1000)
+    create_wallet.clickOnNextBtn()
+    sideBar.checkInconsistentSignersMsgDisplayedConfirmTxView(constants.networks.sepolia)
+  })
+
+  it('Verify warning on change policy for one safe in the group', () => {
+    let safe = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'sep')
+    cy.visit(constants.setupUrl + safe)
+    owner.waitForConnectionStatus()
+    navigation.verifyTxBtnStatus(constants.enabledStates.enabled)
+    suspendOutreachModal()
+    owner.clickOnChangeThresholdBtn()
+    create_wallet.updateThreshold(2)
+    owner.clickOnThresholdNextBtn()
+    sideBar.checkInconsistentSignersMsgDisplayedConfirmTxView(constants.networks.sepolia)
+  })
+
+  it('Verify warning on swap owner for one safe in the group', () => {
+    let safe = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'sep')
+    cy.visit(constants.setupUrl + safe)
+    owner.waitForConnectionStatus()
+    navigation.verifyTxBtnStatus(constants.enabledStates.enabled)
+    suspendOutreachModal()
+    owner.openReplaceOwnerWindow(1)
+    owner.typeOwnerAddress(constants.SEPOLIA_OWNER_2)
+    cy.wait(2000)
+    owner.clickOnNextBtn()
+    sideBar.checkInconsistentSignersMsgDisplayedConfirmTxView(constants.networks.sepolia)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/multichain_sidebar.cy.js b/apps/web/cypress/e2e/regression/multichain_sidebar.cy.js
new file mode 100644
index 000000000..4bfba0ff3
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/multichain_sidebar.cy.js
@@ -0,0 +1,143 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import * as ls from '../../support/localstorage_data.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+// DO NOT use OWNER_2_PRIVATE_KEY for safe creation. Used for CF safes.
+const signer2 = walletCredentials.OWNER_2_PRIVATE_KEY
+
+describe('Multichain sidebar tests', { defaultCommandTimeout: 20000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.BALANCE_URL + staticSafes.MATIC_STATIC_SAFE_28)
+    cy.wait(2000)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addedSafes, ls.addedSafes.set5)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.multichain)
+  })
+
+  it('Verify Rename and Add network options are available for Group of safes', () => {
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.clickOnMultichainItemOptionsBtn(0)
+    main.verifyElementsIsVisible([sideBar.safeItemOptionsAddChainBtn, sideBar.safeItemOptionsRenameBtn])
+  })
+
+  it('Verify Give name and Add network options are available for a deployed safe', () => {
+    let safe = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'sep')
+    wallet.connectSigner(signer)
+    cy.visit(constants.BALANCE_URL + safe)
+
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafes.safe1, sideBar.sideBarSafes.safe2],
+    })
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+
+    sideBar.clickOnMultichainItemOptionsBtn(0)
+    main.verifyElementsIsVisible([sideBar.safeItemOptionsAddChainBtn, sideBar.safeItemOptionsRenameBtn])
+  })
+
+  it('Verify Give name and Add network options are available for a CF safe', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_0)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addedSafes, ls.addedSafes.set6_undeployed_safe)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
+    wallet.connectSigner(signer2)
+    cy.intercept('GET', constants.safeListEndpoint, {})
+    sideBar.openSidebar()
+    sideBar.clickOnSafeItemOptionsBtnByIndex(0)
+    main.verifyElementsIsVisible([sideBar.safeItemOptionsRemoveBtn, sideBar.safeItemOptionsRenameBtn])
+  })
+
+  it('Verify that removed from side bar CF safe is removed from the address book', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_0)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addedSafes, ls.addedSafes.set6_undeployed_safe)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.undeployed)
+    wallet.connectSigner(signer2)
+    cy.intercept('GET', constants.safeListEndpoint, {})
+    sideBar.openSidebar()
+    sideBar.removeSafeItem(sideBar.undeployedSafe)
+    cy.wrap(null, { timeout: 10000 }).should(() => {
+      expect(localStorage.getItem(constants.localStorageKeys.SAFE_v2__addressBook) === '{}').to.be.true
+    })
+  })
+
+  it('Verify "Add network" in more options menu for the single safe', () => {
+    let safe = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'sep')
+    wallet.connectSigner(signer)
+    cy.visit(constants.BALANCE_URL + safe)
+
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafes.safe1, sideBar.sideBarSafes.safe2],
+    })
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.clickOnSafeItemOptionsBtnByIndex(1)
+    sideBar.checkAddChainDialogDisplayed()
+  })
+
+  it('Verify "Add Networks" option for the group of safes with multi-chain safe', () => {
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.clickOnSafeItemOptionsBtnByIndex(0)
+    sideBar.checkAddChainDialogDisplayed()
+  })
+
+  it('Verify "Add another network" button in safe group', () => {
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    main.verifyElementsExist([sideBar.addNetworkBtn])
+  })
+
+  it('Verify there is no Rename option for a safe in the group', () => {
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.checkThereIsNoOptionsMenu(0)
+  })
+
+  it('Verify Rename option in the group of safes opens a new edit entry modal', () => {
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.clickOnMultichainItemOptionsBtn(0)
+    sideBar.clickOnRenameBtn()
+  })
+  it('Verify "Add another network" at the end of the group list', () => {
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.checkAddNetworkBtnPosition(0)
+  })
+
+  it('Verify balance of the safe group', () => {
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.checkSafeGroupBalance(0, '0.73')
+  })
+
+  it('Verify address of the safe group', () => {
+    const address = '0xC96e...ee3B'
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.checkSafeGroupAddress(0, address)
+  })
+
+  it('Verify network logo for safes in the group', () => {
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.checkSafeGroupIconsExist(0, 3)
+  })
+
+  it('Verify tooltip with networks for multichain safe', () => {
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.checkMultichainTooltipExists(0)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/nested_safes.cy.js b/apps/web/cypress/e2e/regression/nested_safes.cy.js
new file mode 100644
index 000000000..aef12af1e
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/nested_safes.cy.js
@@ -0,0 +1,63 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import * as nsafes from '../pages/nestedsafes.pages.js'
+import * as ls from '../../support/localstorage_data.js'
+import * as txs from '../pages/transactions.page.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as createTx from '../pages/create_tx.pages.js'
+import { checkExistingSignerCount, checkExistingSignerAddress } from '../pages/owners.pages.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+const mainSafe = 'Main nested safe'
+const nestedSafe1 = 'Nested safe1'
+const nestedSafe2 = 'Nested safe2'
+const nestedSafe1Short = '0x22e5...Cf9d'
+const nestedSafe2Short = '0xE557...2208'
+
+describe('Nested safes basic flow tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify nested safes preserve correct structure', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.nestedsafes)
+
+    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_39)
+    // Check nested safe 1
+    sideBar.clickOnOpenNestedSafeListBtn()
+    sideBar.checkSafesInPopverList([nestedSafe1Short])
+    sideBar.clickOnSafeInPopover(nestedSafe1Short)
+    cy.url().should('include', staticSafes.SEP_STATIC_SAFE_40.substring(4))
+    sideBar.checkParentSafeInBreadcrumb(mainSafe, staticSafes.SEP_STATIC_SAFE_39.substring(4))
+    sideBar.checkNestedSafeInBreadcrumb(nestedSafe1)
+
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_40)
+    checkExistingSignerCount(1)
+    checkExistingSignerAddress(0, staticSafes.SEP_STATIC_SAFE_39.substring(4))
+
+    // Check nested safe 2
+    sideBar.clickOnOpenNestedSafeListBtn()
+    sideBar.checkSafesInPopverList([nestedSafe2Short])
+    sideBar.clickOnSafeInPopover(nestedSafe2Short)
+    cy.url().should('include', staticSafes.SEP_STATIC_SAFE_41.substring(4))
+    sideBar.checkParentSafeInBreadcrumb(nestedSafe1, staticSafes.SEP_STATIC_SAFE_40.substring(4))
+    sideBar.checkNestedSafeInBreadcrumb(nestedSafe2)
+
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_41)
+    checkExistingSignerCount(1)
+    checkExistingSignerAddress(0, staticSafes.SEP_STATIC_SAFE_40.substring(4))
+
+    // Go to nested safe 1
+    sideBar.clickOnParentSafeInBreadcrumb()
+    cy.url().should('include', staticSafes.SEP_STATIC_SAFE_40.substring(4))
+
+    // Go to main safe
+    sideBar.clickOnParentSafeInBreadcrumb()
+    cy.url().should('include', staticSafes.SEP_STATIC_SAFE_39.substring(4))
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/nested_safes_fund_asset.cy.js b/apps/web/cypress/e2e/regression/nested_safes_fund_asset.cy.js
new file mode 100644
index 000000000..9d0f90131
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/nested_safes_fund_asset.cy.js
@@ -0,0 +1,67 @@
+import * as constants from '../../support/constants.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import * as nsafes from '../pages/nestedsafes.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as owner from '../pages/owners.pages.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Nested safes fund asset tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.transactionQueueUrl + staticSafes.SEP_STATIC_SAFE_45)
+    wallet.connectSigner(signer)
+    sideBar.clickOnOpenNestedSafeListBtn()
+    nsafes.clickOnAddNestedSafeBtn()
+  })
+
+  it('Verify that the token can be selected from the drop-down', () => {
+    nsafes.clickOnFundAssetBtn()
+    nsafes.setMaxAmountValue(0)
+    nsafes.clickOnFundAssetBtn()
+    nsafes.selectToken(1, constants.tokenNames.cow)
+    nsafes.setMaxAmountValue(1)
+    nsafes.verifyMaxAmount(1, constants.tokenNames.cow, constants.tokenAbbreviation.cow)
+  })
+
+  it('Verify that the same token can not be selected a few times', () => {
+    nsafes.clickOnFundAssetBtn()
+    nsafes.selectToken(0, constants.tokenNames.sepoliaEther)
+    nsafes.clickOnFundAssetBtn()
+    nsafes.getTokenList(1).then((tokens) => {
+      expect(tokens).to.not.include(constants.tokenNames.sepoliaEther)
+    })
+  })
+
+  it('Verify that the erorr appears if entered amount> available amount of the token', () => {
+    nsafes.clickOnFundAssetBtn()
+    nsafes.setSendValue(0, 0.1)
+    owner.verifyErrorMsgInvalidAddress(constants.amountErrorMsg.largerThanCurrentBalance)
+  })
+
+  it('Verify that click on Max adds all available token amount', () => {
+    nsafes.clickOnFundAssetBtn()
+    nsafes.setMaxAmountValue(0)
+    nsafes.verifyMaxAmount(0, constants.tokenNames.sepoliaEther, constants.tokenAbbreviation.sep)
+  })
+
+  it('Verify that delete icon removes one line of Fund new asset', () => {
+    nsafes.clickOnFundAssetBtn()
+    nsafes.setMaxAmountValue(0)
+    nsafes.clickOnFundAssetBtn()
+    nsafes.getAssetCount().then((count) => {
+      expect(count).to.equal(2)
+    })
+
+    nsafes.removeAsset(1)
+    nsafes.getAssetCount().then((count) => {
+      expect(count).to.equal(1)
+    })
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/nested_safes_review.cy.js b/apps/web/cypress/e2e/regression/nested_safes_review.cy.js
new file mode 100644
index 000000000..3848845f5
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/nested_safes_review.cy.js
@@ -0,0 +1,40 @@
+import * as constants from '../../support/constants.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import * as nsafes from '../pages/nestedsafes.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as createTx from '../pages/create_tx.pages.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Nested safes review step tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.transactionQueueUrl + staticSafes.SEP_STATIC_SAFE_45)
+    wallet.connectSigner(signer)
+    sideBar.clickOnOpenNestedSafeListBtn()
+    nsafes.clickOnAddNestedSafeBtn()
+  })
+
+  it('Verify middle step with Fund new assets in create nestedsafe tx flow', () => {
+    nsafes.clickOnFundAssetBtn()
+    nsafes.setMaxAmountValue(0)
+    nsafes.clickOnAddNextBtn()
+    nsafes.actionsExist(nsafes.fundAssetsActions)
+    createTx.clickOnAdvancedDetails()
+    createTx.verifytxAccordionDetails(createTx.MultisendData)
+  })
+
+  it('Verify review step without Fund new assets in create nestedsafe tx flow', () => {
+    nsafes.clickOnAddNextBtn()
+    nsafes.clickOnAdvancedDetails()
+    createTx.clickOnNoLaterOption()
+    nsafes.actionsExist(nsafes.nonfundAssetsActions)
+    //nsafes.checkAddTobatchBtnStatus(constants.enabledStates.enabled) - The button is commented out until we have a final decision about its position.
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/nfts.cy.js b/apps/web/cypress/e2e/regression/nfts.cy.js
new file mode 100644
index 000000000..09d2ac173
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/nfts.cy.js
@@ -0,0 +1,107 @@
+import * as constants from '../../support/constants'
+import * as nfts from '../pages/nfts.pages'
+import * as navigation from '../pages/navigation.page'
+import * as createTx from '../pages/create_tx.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
+
+const singleNFT = ['safeTransferFrom']
+const multipleNFT = ['multiSend']
+const multipleNFTAction = 'safeTransferFrom'
+const NFTSentName = 'GTT #22'
+
+let nftsSafes,
+  staticSafes = []
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('NFTs tests', () => {
+  before(() => {
+    getSafes(CATEGORIES.nfts)
+      .then((nfts) => {
+        nftsSafes = nfts
+        return getSafes(CATEGORIES.static)
+      })
+      .then((statics) => {
+        staticSafes = statics
+      })
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.balanceNftsUrl + staticSafes.SEP_STATIC_SAFE_2)
+    wallet.connectSigner(signer)
+    nfts.waitForNftItems(2)
+  })
+
+  // Added to prod
+  it('Verify multipls NFTs can be selected and reviewed', () => {
+    nfts.verifyInitialNFTData()
+    nfts.selectNFTs(3)
+    nfts.deselectNFTs([2], 3)
+    nfts.sendNFT()
+    nfts.verifyNFTModalData()
+    nfts.typeRecipientAddress(getMockAddress())
+    nfts.clikOnNextBtn()
+    nfts.verifyReviewModalData(2)
+  })
+
+  it('Verify that when 1 NFTs is selected, there is no Actions block in Review step', () => {
+    nfts.verifyInitialNFTData()
+    nfts.selectNFTs(1)
+    nfts.sendNFT()
+    nfts.typeRecipientAddress(getMockAddress())
+    nfts.clikOnNextBtn()
+    nfts.verifyTxDetails(singleNFT)
+    nfts.verifyCountOfActions(0)
+  })
+
+  // Added to prod
+  it('Verify that when 2 NFTs are selected, actions and tx details are correct in Review step', () => {
+    nfts.verifyInitialNFTData()
+    nfts.selectNFTs(2)
+    nfts.sendNFT()
+    nfts.typeRecipientAddress(getMockAddress())
+    nfts.clikOnNextBtn()
+    nfts.verifyTxDetails(multipleNFT)
+    nfts.verifyCountOfActions(2)
+    nfts.verifyActionName(0, multipleNFTAction)
+    nfts.verifyActionName(1, multipleNFTAction)
+  })
+
+  // Added to prod
+  it('Verify Send button is disabled for non-owner', () => {
+    cy.visit(constants.balanceNftsUrl + nftsSafes.SEP_NFT_SAFE_2)
+    nfts.verifyInitialNFTData()
+    nfts.selectNFTs(1)
+    nfts.verifySendNFTBtnDisabled()
+  })
+
+  it('Verify Send button is disabled for disconnected wallet', () => {
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+    nfts.selectNFTs(1)
+    nfts.verifySendNFTBtnDisabled()
+  })
+
+  // Added to prod
+  it('Verify Send NFT transaction has been created', () => {
+    cy.visit(constants.balanceNftsUrl + nftsSafes.SEP_NFT_SAFE_1)
+    wallet.connectSigner(signer)
+    nfts.verifyInitialNFTData()
+    nfts.selectNFTs(1)
+    nfts.sendNFT()
+    nfts.typeRecipientAddress(staticSafes.SEP_STATIC_SAFE_1)
+    createTx.changeNonce(2)
+    nfts.clikOnNextBtn()
+    createTx.clickOnContinueSignTransactionBtn()
+    createTx.clickOnAcknowledgement()
+    createTx.clickOnSignTransactionBtn()
+    createTx.waitForProposeRequest()
+    createTx.clickViewTransaction()
+    createTx.verifySingleTxPage()
+    createTx.verifyQueueLabel()
+    createTx.verifyTransactionStrExists(NFTSentName)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/nfts_2.cy.js b/apps/web/cypress/e2e/regression/nfts_2.cy.js
new file mode 100644
index 000000000..88488ca35
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/nfts_2.cy.js
@@ -0,0 +1,34 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as nfts from '../pages/nfts.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const nftsName = 'CatFactory'
+const nftsAddress = '0x373B...866c'
+const nftsTokenID = 'CF'
+
+describe('NFTs 2 tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.balanceNftsUrl + staticSafes.SEP_STATIC_SAFE_2)
+    nfts.waitForNftItems(2)
+  })
+
+  it('Verify that NFTs exist in the table', () => {
+    nfts.verifyNFTNumber(10)
+  })
+
+  it('Verify NFT row contains data', () => {
+    nfts.verifyDataInTable(nftsName, nftsAddress, nftsTokenID)
+  })
+
+  it('Verify NFT open does not open if no NFT exits', () => {
+    nfts.clickOnInactiveNFT()
+    nfts.verifyNFTModalDoesNotExist()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/notifications.cy.js b/apps/web/cypress/e2e/regression/notifications.cy.js
new file mode 100644
index 000000000..2902f7428
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/notifications.cy.js
@@ -0,0 +1,46 @@
+import * as constants from '../../support/constants.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as header from '../pages/header.page.js'
+import * as notifications from '../pages/notifications.page.js'
+
+let staticSafes = []
+
+describe('Notifications UI tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  const views = [
+    constants.BALANCE_URL,
+    constants.setupUrl,
+    constants.swapUrl,
+    constants.createNewSafeSepoliaUrl,
+    constants.loadNewSafeSepoliaUrl,
+    constants.transactionUrl,
+    constants.transactionsHistoryUrl,
+    constants.securityUrl,
+    constants.homeUrl,
+
+    constants.balanceNftsUrl,
+    constants.welcomeAccountsSepoliaUrl,
+    constants.addressBookUrl,
+    constants.appsUrlGeneral,
+    constants.welcomeSepoliaUrl,
+    constants.transactionQueueUrl,
+    constants.transactionsMessagesUrl,
+    constants.modulesUrl,
+    constants.appsCustomUrl,
+    constants.securityUrl,
+    constants.appearanceSettingsUrl,
+    constants.dataSettingsUrl,
+    constants.notificationsUrl,
+  ]
+
+  views.forEach((link) => {
+    it(`Verify clicking on notifications center opens notifications modal in view: ${link}`, () => {
+      cy.visit(link + staticSafes.SEP_STATIC_SAFE_4)
+      header.openNotificationCenter()
+      notifications.checkCoreElementsVisible()
+    })
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/proposers.cy.js b/apps/web/cypress/e2e/regression/proposers.cy.js
new file mode 100644
index 000000000..fb966b083
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/proposers.cy.js
@@ -0,0 +1,98 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as owner from '../pages/owners.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as navigation from '../pages/navigation.page.js'
+import * as ls from '../../support/localstorage_data.js'
+import * as proposer from '../pages/proposers.pages.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const signer2 = walletCredentials.OWNER_1_PRIVATE_KEY
+const proposerAddress = 'sep:0xC16D...6fED'
+const proposerAddress2 = '0x8eeC...2a3b'
+const creatorAddress = 'sep:0xC16D...6fED'
+const proposerName = 'Proposer 1'
+const proposerNameAD = 'AD Proposer1'
+const proposedTx =
+  '&id=multisig_0x09725D3c2f9bE905F8f9f1b11a771122cf9C9f35_0xd70f2f8b31ae98a7e3064f6cdb437e71d3df083a0709fb82c915fa82767a19eb'
+
+describe('Proposers tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_31)
+    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
+    wallet.connectSigner(signer)
+  })
+
+  it('Verify the proposers section on the Set up in the settings when there are no proposers', () => {
+    main.verifyElementsCount(proposer.proposersSection, 1)
+  })
+
+  it('Verify the "Add proposers" button is disabled for non-owner/disconnected users', () => {
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+    proposer.verifyAddProposerBtnIsDisabled()
+    wallet.connectSigner(signer2)
+    proposer.verifyAddProposerBtnIsDisabled()
+  })
+
+  it('Verify that a proposer cannot be the safe itself', () => {
+    proposer.clickOnAddProposerBtn()
+    proposer.enterProposerData(staticSafes.SEP_STATIC_SAFE_31.substring(4), main.generateRandomString(5))
+    proposer.checkSafeAsProposerErrorMessage()
+  })
+
+  it('Verify that a proposer address must be checksummed', () => {
+    proposer.clickOnAddProposerBtn()
+    proposer.enterProposerData(getMockAddress().replace('A', 'a'), main.generateRandomString(5))
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidChecksum)
+  })
+
+  it('Verify a proposer Creator is shown in the table', () => {
+    proposer.checkCreatorAddress([creatorAddress])
+  })
+
+  it('Verify non-creators of a proposers cannot edit or delete it', () => {
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+    wallet.connectSigner(signer2)
+    proposer.verifyDeleteProposerBtnIsDisabled(proposerAddress)
+    proposer.verifyEditProposerBtnDisabled(proposerAddress)
+  })
+
+  it('Verify that the address book name of the proposers overwrites the name given during its creation', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.proposers)
+    cy.reload()
+    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
+    proposer.checkProposerData([proposerNameAD])
+  })
+
+  it('Verify if the address book entry of propers name is removed, then the name given during its creation shows again', () => {
+    proposer.checkProposerData([proposerName])
+  })
+
+  it('Verify Proposers cannot see the "Batched tx" button in the header', () => {
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+    wallet.connectSigner(signer2)
+    proposer.verifyBatchDoesNotExist()
+  })
+
+  it('Verify a tx with the "proposal" status shows a message about being created by a proposer', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_31 + proposedTx)
+    proposer.verifyPropsalStatusExists()
+    proposer.verifyProposedTxMsgVisible()
+  })
+
+  it('Verify a tx with the "proposal" status shows the details of a proposer', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_31 + proposedTx)
+    proposer.verifyProposerInTxActionList(proposerAddress2)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/proposers_2.cy.js b/apps/web/cypress/e2e/regression/proposers_2.cy.js
new file mode 100644
index 000000000..4af9a877a
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/proposers_2.cy.js
@@ -0,0 +1,74 @@
+import * as constants from '../../support/constants.js'
+import * as owner from '../pages/owners.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as proposer from '../pages/proposers.pages.js'
+import * as createtx from '../pages/create_tx.pages.js'
+import * as tx from '../pages/transactions.page.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const signer2 = walletCredentials.OWNER_1_PRIVATE_KEY
+const signer3 = walletCredentials.OWNER_3_PRIVATE_KEY
+const proposerAddress = '0x8eeC...2a3b'
+const proposerAddress_2 = '0x0972...9f35'
+const sendValue = 0.000001
+
+describe('Proposers 2 tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify a proposers is capable of propose transactions', () => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_33)
+    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
+    wallet.connectSigner(signer2)
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+    createtx.typeRecipientAddress(getMockAddress())
+    createtx.setSendValue(sendValue)
+    createtx.clickOnNextBtn()
+    createtx.verifySubmitBtnIsEnabled()
+  })
+
+  it('Verify a proposers cannot confirm a transaction', () => {
+    cy.visit(constants.transactionQueueUrl + staticSafes.SEP_STATIC_SAFE_31)
+    wallet.connectSigner(signer2)
+    tx.verifyTxConfirmBtnDisabled()
+  })
+
+  it('Verify a proposer cannot edit himself', () => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_31)
+    wallet.connectSigner(signer2)
+    proposer.verifyEditProposerBtnDisabled(proposerAddress)
+  })
+
+  it('Verify a proposer cannot edit or remove other proposers', () => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_33)
+    wallet.connectSigner(signer2)
+    proposer.verifyEditProposerBtnDisabled(proposerAddress_2)
+    proposer.verifyDeleteProposerBtnIsDisabled(proposerAddress_2)
+  })
+
+  it('Verify that deleting a proposer is only possible by creator', () => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_33)
+    wallet.connectSigner(signer3)
+    proposer.verifyEditProposerBtnDisabled(proposerAddress_2)
+    proposer.verifyDeleteProposerBtnIsDisabled(proposerAddress_2)
+    proposer.verifyEditProposerBtnDisabled(proposerAddress)
+    proposer.verifyDeleteProposerBtnIsDisabled(proposerAddress)
+  })
+
+  //TODO: Unskip when tenderly visibilty bug is solved
+  it.skip('Verify a Tenderly simulation can be performed while proposing a tx', () => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_33)
+    wallet.connectSigner(signer2)
+    owner.openAddOwnerWindow()
+    owner.typeOwnerAddress(constants.SEPOLIA_OWNER_2)
+    owner.clickOnNextBtn()
+    createtx.clickOnSimulateTxBtn()
+    createtx.verifySuccessfulSimulation()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/recovery.cy.js b/apps/web/cypress/e2e/regression/recovery.cy.js
new file mode 100644
index 000000000..5b80fd9d0
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/recovery.cy.js
@@ -0,0 +1,226 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as owner from '../pages/owners.pages.js'
+import * as recovery from '../pages/recovery.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as modules from '../pages/modules.page.js'
+import * as navigation from '../pages/navigation.page.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
+
+let recoverySafes,
+  staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const guardian = walletCredentials.OWNER_2_PRIVATE_KEY
+
+describe('Recovery regression tests', { defaultCommandTimeout: 50000 }, () => {
+  before(() => {
+    getSafes(CATEGORIES.recovery)
+      .then((recoveries) => {
+        recoverySafes = recoveries
+        return getSafes(CATEGORIES.static)
+      })
+      .then((statics) => {
+        staticSafes = statics
+      })
+  })
+
+  it('Verify there is no account recovery section in the global settings', () => {
+    cy.visit(constants.setupUrl + recoverySafes.SEP_RECOVERY_SAFE_1)
+    cy.clearLocalStorage()
+    main.acceptCookies()
+    main.verifyElementsCount(recovery.setupRecoveryModalBtn, 0)
+  })
+
+  it('Verify that non-owner can not edit and delete recovery set up on Security and Login', () => {
+    cy.visit(constants.securityUrl + recoverySafes.SEP_RECOVERY_SAFE_4)
+    cy.clearLocalStorage()
+    main.acceptCookies()
+    recovery.verifyRecoveryTableDisplayed()
+    main.verifyElementsCount(recovery.removeRecovererBtn, 0)
+    main.verifyElementsCount(recovery.editRecovererBtn, 0)
+  })
+
+  it('Verify that non-owner can not delete recovery set up on Modules', () => {
+    cy.visit(constants.modulesUrl + recoverySafes.SEP_RECOVERY_SAFE_4)
+    cy.clearLocalStorage()
+    main.acceptCookies()
+    main.verifyElementsStatus([modules.moduleRemoveIcon], constants.enabledStates.disabled)
+  })
+
+  it('Verify that guardian can not delete or edit recovery set up on Security and Login', () => {
+    cy.visit(constants.securityUrl + recoverySafes.SEP_RECOVERY_SAFE_4)
+    cy.clearLocalStorage()
+    wallet.connectSigner(guardian)
+    main.acceptCookies()
+    recovery.postponeRecovery()
+    recovery.verifyRecoveryTableDisplayed()
+    main.verifyElementsCount(recovery.removeRecovererBtn, 0)
+    main.verifyElementsCount(recovery.editRecovererBtn, 0)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify that during the first connection to the safe "Proposal to recover account" modal is displayed for the guardian', () => {
+    cy.visit(constants.securityUrl + recoverySafes.SEP_RECOVERY_SAFE_4)
+    cy.clearLocalStorage()
+    wallet.connectSigner(guardian)
+    main.acceptCookies()
+    recovery.verifyRecoveryProposalModalState(constants.elementExistanceStates.exist)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify that "Account recovery" widget is displayed in the header for the Guardian', () => {
+    cy.visit(constants.homeUrl + recoverySafes.SEP_RECOVERY_SAFE_4)
+    cy.clearLocalStorage()
+    wallet.connectSigner(guardian)
+    main.acceptCookies()
+    recovery.clickOnRecoverLaterBtn()
+    recovery.verifyRecoveryProposalModalState(constants.elementExistanceStates.exist, true)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify that recover later option is cached and "Proposal to account recovery" modal is not displayed on next safe opening', () => {
+    cy.visit(constants.securityUrl + recoverySafes.SEP_RECOVERY_SAFE_4)
+    cy.clearLocalStorage()
+    wallet.connectSigner(guardian)
+    main.acceptCookies()
+    recovery.clickOnRecoverLaterBtn()
+    cy.reload()
+    owner.waitForConnectionStatus()
+    recovery.verifyRecoveryProposalModalState(constants.elementExistanceStates.not_exist)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify that "Proposal to account recovery" modal is not displayed if the user is not guardian', () => {
+    cy.visit(constants.securityUrl + recoverySafes.SEP_RECOVERY_SAFE_4)
+    cy.clearLocalStorage()
+    wallet.connectSigner(signer)
+    main.acceptCookies()
+    recovery.verifyRecoveryProposalModalState(constants.elementExistanceStates.not_exist)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify that the guardian can not delete recovery set up on Modules', () => {
+    cy.visit(constants.modulesUrl + recoverySafes.SEP_RECOVERY_SAFE_4)
+    cy.clearLocalStorage()
+    wallet.connectSigner(guardian)
+    main.acceptCookies()
+    recovery.postponeRecovery()
+    main.verifyElementsStatus([modules.moduleRemoveIcon], constants.enabledStates.disabled)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify initial and edited recovery settings', () => {
+    const address = '0x9445...F1BA'
+    const settings = [address, recovery.recoveryOptions.fiveSixDays, recovery.recoveryOptions.never]
+    const confirmationData = [recovery.recoveryOptions.fiveMin, recovery.recoveryOptions.oneHr]
+    cy.visit(constants.securityUrl + recoverySafes.SEP_RECOVERY_SAFE_4)
+    cy.clearLocalStorage()
+    wallet.connectSigner(signer)
+    main.acceptCookies()
+    recovery.verifyRecoveryTableDisplayed()
+    recovery.verifyRecovererSettings(settings)
+    recovery.clickOnEditRecoverer()
+    recovery.clickOnNextBtn()
+    recovery.setRecoveryDelay(recovery.recoveryOptions.fiveMin)
+    recovery.setRecoveryExpiry(recovery.recoveryOptions.oneHr)
+    recovery.agreeToTerms()
+    recovery.clickOnNextBtn()
+    recovery.verifyRecovererConfirmationData(confirmationData)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify that set up recovery flow can be canceled before submitting tx', () => {
+    cy.visit(constants.securityUrl + staticSafes.SEP_STATIC_SAFE_13)
+    cy.clearLocalStorage()
+    wallet.connectSigner(signer)
+    main.acceptCookies()
+    recovery.clickOnSetupRecoveryBtn()
+    recovery.clickOnSetupRecoveryModalBtn()
+    recovery.clickOnNextBtn()
+    recovery.enterRecovererAddress(getMockAddress())
+    recovery.agreeToTerms()
+    recovery.clickOnNextBtn()
+    navigation.clickOnModalCloseBtn(0)
+    recovery.getSetupRecoveryBtn()
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify Recovery delay and Expiry options are present during recovery setup', () => {
+    const options = [
+      recovery.recoveryOptions.customPeriod,
+      recovery.recoveryOptions.oneMin,
+      recovery.recoveryOptions.fiveMin,
+      recovery.recoveryOptions.oneHr,
+      recovery.recoveryOptions.twoDays,
+      recovery.recoveryOptions.sevenDays,
+      recovery.recoveryOptions.fourteenDays,
+      recovery.recoveryOptions.twentyEightDays,
+      recovery.recoveryOptions.fiveSixDays,
+    ]
+    cy.visit(constants.securityUrl + recoverySafes.SEP_RECOVERY_SAFE_4)
+    cy.clearLocalStorage()
+    wallet.connectSigner(signer)
+    main.acceptCookies()
+    recovery.verifyRecoveryTableDisplayed()
+    recovery.clickOnEditRecoverer()
+    recovery.clickOnNextBtn()
+    recovery.verifyRecoveryDelayOptions(options)
+    cy.get('body').click()
+    recovery.verifyRecoveryExpiryOptions(options.slice(1))
+    cy.get('body').click()
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify that recovery tx is opened after clicking on "Start recovery" button in the widget', () => {
+    cy.visit(constants.securityUrl + recoverySafes.SEP_RECOVERY_SAFE_4)
+    cy.clearLocalStorage()
+    wallet.connectSigner(guardian)
+    main.acceptCookies()
+    recovery.clickOnRecoverLaterBtn()
+    cy.visit(constants.homeUrl + recoverySafes.SEP_RECOVERY_SAFE_4)
+    recovery.clickOnStartRecoveryBtn()
+    recovery.enterRecovererAddress(getMockAddress())
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify that the Security section contains Account recovery block on supported netwroks', () => {
+    const safes = [
+      staticSafes.ETH_STATIC_SAFE_15,
+      staticSafes.GNO_STATIC_SAFE_16,
+      staticSafes.MATIC_STATIC_SAFE_17,
+      staticSafes.SEP_STATIC_SAFE_13,
+    ]
+
+    safes.forEach((safe) => {
+      cy.visit(constants.prodbaseUrl + constants.securityUrl + safe)
+      recovery.getSetupRecoveryBtn()
+    })
+  })
+
+  it('Verify that the Security and Login section does not contain Account recovery block on unsupported networks', () => {
+    const safes = [
+      staticSafes.BNB_STATIC_SAFE_18,
+      staticSafes.AURORA_STATIC_SAFE_19,
+      staticSafes.AVAX_STATIC_SAFE_20,
+      staticSafes.LINEA_STATIC_SAFE_21,
+      staticSafes.ZKSYNC_STATIC_SAFE_22,
+    ]
+
+    safes.forEach((safe) => {
+      cy.visit(constants.prodbaseUrl + constants.securityUrl + safe)
+      main.verifyElementsCount(recovery.setupRecoveryBtn, 0)
+    })
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/recovery_2.cy.js b/apps/web/cypress/e2e/regression/recovery_2.cy.js
new file mode 100644
index 000000000..9482c80dc
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/recovery_2.cy.js
@@ -0,0 +1,81 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as owner from '../pages/owners.pages.js'
+import * as recovery from '../pages/recovery.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as modules from '../pages/modules.page.js'
+import * as navigation from '../pages/navigation.page.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
+
+let recoverySafes,
+  staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const guardian = walletCredentials.OWNER_2_PRIVATE_KEY
+
+describe('Recovery regression tests 2', { defaultCommandTimeout: 50000 }, () => {
+  before(() => {
+    getSafes(CATEGORIES.recovery)
+      .then((recoveries) => {
+        recoverySafes = recoveries
+        return getSafes(CATEGORIES.static)
+      })
+      .then((statics) => {
+        staticSafes = statics
+      })
+  })
+
+  it('Verify "Edit Recovery" flow start from the Recovery widget', () => {
+    cy.visit(constants.securityUrl + recoverySafes.SEP_RECOVERY_SAFE_4)
+    cy.clearLocalStorage()
+    wallet.connectSigner(signer)
+    main.acceptCookies()
+    recovery.verifyRecoveryTableDisplayed()
+    recovery.clickOnEditRecoverer()
+    recovery.verifyRecoveryModalDisplayed()
+  })
+
+  it('Verify that Recovery widget has "Edit recovery" button when the recovery module is enabled', () => {
+    cy.visit(constants.securityUrl + recoverySafes.SEP_RECOVERY_SAFE_4)
+    cy.clearLocalStorage()
+    wallet.connectSigner(signer)
+    main.acceptCookies()
+    recovery.verifyRecoveryTableDisplayed()
+    main.verifyElementsCount(recovery.editRecovererBtn, 1)
+  })
+
+  it('Verify that the "Set up recovery" button starts the set up recovery flow when no enabled recovery module in the safe', () => {
+    cy.visit(constants.securityUrl + staticSafes.SEP_STATIC_SAFE_13)
+    cy.clearLocalStorage()
+    wallet.connectSigner(signer)
+    main.acceptCookies()
+    recovery.clickOnSetupRecoveryBtn()
+    recovery.clickOnSetupRecoveryModalBtn()
+    recovery.verifyRecoveryModalDisplayed()
+  })
+
+  it('Verify that there is validation for the Guardian address field', () => {
+    cy.visit(constants.securityUrl + staticSafes.SEP_STATIC_SAFE_13)
+    cy.clearLocalStorage()
+    wallet.connectSigner(signer)
+    main.acceptCookies()
+    recovery.clickOnSetupRecoveryBtn()
+    recovery.clickOnSetupRecoveryModalBtn()
+    recovery.clickOnNextBtn()
+
+    recovery.enterRecovererAddress(main.generateRandomString(10), 1)
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidFormat)
+
+    recovery.enterRecovererAddress(getMockAddress().replace('A', 'a'), 1)
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidChecksum)
+
+    recovery.enterRecovererAddress(constants.ENS_TEST_SEPOLIA_INVALID, 1)
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.failedResolve)
+
+    recovery.enterRecovererAddress(staticSafes.SEP_STATIC_SAFE_13, 1)
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.ownSafeGuardian)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/remove_owner.cy.js b/apps/web/cypress/e2e/regression/remove_owner.cy.js
new file mode 100644
index 000000000..02b0b051b
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/remove_owner.cy.js
@@ -0,0 +1,68 @@
+import * as constants from '../../support/constants'
+import * as main from '../../e2e/pages/main.page'
+import * as owner from '../pages/owners.pages'
+import * as createwallet from '../pages/create_wallet.pages'
+import * as createTx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Remove Owners tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_13)
+    main.waitForHistoryCallToComplete()
+    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
+  })
+
+  it('Verify that "Remove" icon is visible', () => {
+    owner.verifyRemoveBtnIsEnabled().should('have.length', 2)
+  })
+
+  it('Verify remove button does not exist for Non-Owner when there is only 1 owner in the safe', () => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_3)
+    main.waitForHistoryCallToComplete()
+    main.verifyElementsCount(owner.removeOwnerBtn, 0)
+  })
+
+  it('Verify remove owner button is disabled for disconnected user', () => {
+    owner.verifyRemoveBtnIsDisabled()
+  })
+
+  it('Verify owner removal form can be opened', () => {
+    wallet.connectSigner(signer)
+    owner.openRemoveOwnerWindow(1)
+  })
+
+  it('Verify threshold input displays the upper limit as the current safe number of owners minus one', () => {
+    wallet.connectSigner(signer)
+    owner.openRemoveOwnerWindow(1)
+    owner.verifyThresholdLimit(1, 1)
+    owner.getThresholdOptions().should('have.length', 1)
+  })
+
+  // Added to prod
+  it('Verify owner deletion transaction has been created', () => {
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    owner.openRemoveOwnerWindow(1)
+    cy.wait(3000)
+    createwallet.clickOnNextBtn()
+    //This method creates the @removedAddress alias
+    owner.getAddressToBeRemoved()
+    owner.verifyOwnerDeletionWindowDisplayed()
+    createTx.changeNonce(10)
+    createTx.clickOnContinueSignTransactionBtn()
+    createTx.clickOnSignTransactionBtn()
+    createTx.waitForProposeRequest()
+    createTx.clickViewTransaction()
+    createTx.clickOnTransactionItemByName('removeOwner')
+    createTx.verifyTxDestinationAddress('@removedAddress')
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/replace_owner.cy.js b/apps/web/cypress/e2e/regression/replace_owner.cy.js
new file mode 100644
index 000000000..3f60e92a0
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/replace_owner.cy.js
@@ -0,0 +1,105 @@
+import * as constants from '../../support/constants'
+import * as main from '../../e2e/pages/main.page'
+import * as owner from '../pages/owners.pages'
+import * as createTx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as ls from '../../support/localstorage_data.js'
+import { getEvents, events, checkDataLayerEvents } from '../../support/utils/gtag.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+const ownerName = 'Replacement Signer Name'
+
+describe('Replace Owners tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
+    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
+  })
+
+  it('Verify Tooltip displays correct message for disconnected user', () => {
+    owner.verifyReplaceBtnIsDisabled()
+  })
+
+  // TODO: Check unit tests
+  it('Verify max characters in name field', () => {
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    owner.openReplaceOwnerWindow(0)
+    owner.typeOwnerName(main.generateRandomString(51))
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.exceedChars)
+  })
+
+  it('Verify that Address input auto-fills with related value', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.autofillData)
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    owner.openReplaceOwnerWindow(0)
+    owner.typeOwnerAddress(constants.addresBookContacts.user1.address)
+    owner.verifyNewOwnerName(constants.addresBookContacts.user1.name)
+  })
+
+  it('Verify that Name field not mandatory. Verify confirmation for owner replacement is displayed', () => {
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    owner.openReplaceOwnerWindow(0)
+    owner.typeOwnerAddress(getMockAddress())
+    owner.clickOnNextBtn()
+    owner.verifyConfirmTransactionWindowDisplayed()
+  })
+
+  it('Verify relevant error messages are displayed in Address input', () => {
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    owner.openReplaceOwnerWindow(0)
+    owner.typeOwnerAddress(main.generateRandomString(10))
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidFormat)
+
+    owner.typeOwnerAddress(getMockAddress().toUpperCase())
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidChecksum)
+
+    owner.typeOwnerAddress(staticSafes.SEP_STATIC_SAFE_4)
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.ownSafe)
+
+    owner.typeOwnerAddress(getMockAddress().replace('A', 'a'))
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidChecksum)
+
+    owner.typeOwnerAddress(constants.DEFAULT_OWNER_ADDRESS)
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.alreadyAdded)
+  })
+
+  it("Verify 'Replace' tx is created. GA tx_created", () => {
+    const tx_created = [
+      {
+        eventLabel: events.txCreatedSwapOwner.eventLabel,
+        eventCategory: events.txCreatedSwapOwner.category,
+        eventAction: events.txCreatedSwapOwner.action,
+        event: events.txCreatedSwapOwner.eventName,
+        safeAddress: staticSafes.SEP_STATIC_SAFE_25.slice(6),
+      },
+    ]
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_25)
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    owner.openReplaceOwnerWindow(1)
+    cy.wait(1000)
+    owner.typeOwnerName(ownerName)
+    owner.typeOwnerAddress(constants.SEPOLIA_OWNER_2)
+    createTx.changeNonce(0)
+    owner.clickOnNextBtn()
+    createTx.clickOnContinueSignTransactionBtn()
+    createTx.clickOnSignTransactionBtn()
+    createTx.clickViewTransaction()
+    createTx.verifyReplacedSigner(ownerName)
+    getEvents()
+    checkDataLayerEvents(tx_created)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/sidebar.cy.js b/apps/web/cypress/e2e/regression/sidebar.cy.js
new file mode 100644
index 000000000..3f89ed1c7
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/sidebar.cy.js
@@ -0,0 +1,64 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as sideBar from '../pages/sidebar.pages'
+import * as navigation from '../pages/navigation.page'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Sidebar tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_9)
+  })
+
+  it('Verify Current network is displayed at the top', () => {
+    sideBar.verifyNetworkIsDisplayed(constants.networks.sepolia)
+  })
+
+  // Added to prod
+  it('Verify current safe details', () => {
+    sideBar.verifySafeHeaderDetails(sideBar.testSafeHeaderDetails)
+  })
+
+  it('Verify QR button opens the QR code modal', () => {
+    sideBar.clickOnQRCodeBtn()
+    sideBar.verifyQRModalDisplayed()
+  })
+
+  it('Verify Open blockexplorer button contain etherscan link', () => {
+    sideBar.verifyEtherscanLinkExists()
+  })
+
+  // Added to prod
+  it('Verify New transaction button enabled for owners', () => {
+    wallet.connectSigner(signer)
+    sideBar.verifyNewTxBtnStatus(constants.enabledStates.enabled)
+  })
+
+  // Added to prod
+  it('Verify New transaction button enabled for beneficiaries who are non-owners', () => {
+    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_11)
+    wallet.connectSigner(signer)
+    sideBar.verifyNewTxBtnStatus(constants.enabledStates.enabled)
+  })
+
+  // Added to prod
+  it('Verify New Transaction button disabled for non-owners', () => {
+    sideBar.verifyNewTxBtnStatus(constants.enabledStates.disabled)
+  })
+
+  it('Verify the side menu buttons exist', () => {
+    sideBar.verifySideListItems()
+  })
+
+  it('Verify counter in the "Transaction" menu item if there are tx in the queue tab', () => {
+    sideBar.verifyTxCounter(1)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/sidebar_2.cy.js b/apps/web/cypress/e2e/regression/sidebar_2.cy.js
new file mode 100644
index 000000000..1fb5ac39f
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/sidebar_2.cy.js
@@ -0,0 +1,51 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as sideBar from '../pages/sidebar.pages'
+import * as ls from '../../support/localstorage_data.js'
+import * as assets from '../pages/assets.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+const newSafeName = 'Added safe 3'
+const addedSafe900 = 'Added safe 900'
+const staticSafe200 = 'Added safe 200'
+
+describe('Sidebar added sidebar tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.wait(2000)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addedSafes, ls.addedSafes.set2)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.addedSafes)
+  })
+
+  it('Verify the safe added are listed in the sidebar', () => {
+    sideBar.openSidebar()
+    sideBar.verifyAddedSafesExist(sideBar.addedSafesSepolia)
+  })
+
+  it('Verify a safe can be renamed', () => {
+    sideBar.openSidebar()
+    sideBar.renameSafeItem(addedSafe900, newSafeName)
+    sideBar.clickOnSaveBtn()
+    sideBar.verifySafeNameExists(newSafeName)
+  })
+
+  it('Verify Fiat currency changes when edited in the assets tab', () => {
+    assets.changeCurrency(assets.currencyCAD)
+    sideBar.checkCurrencyInHeader(assets.currency$)
+  })
+
+  it('Verify "wallet" tag counter if the safe has tx ready for execution', () => {
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.verifyNumberOfPendingTxTag(1)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/sidebar_3.cy.js b/apps/web/cypress/e2e/regression/sidebar_3.cy.js
new file mode 100644
index 000000000..c76b27b04
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/sidebar_3.cy.js
@@ -0,0 +1,61 @@
+import * as constants from '../../support/constants.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as create_wallet from '../pages/create_wallet.pages.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Sidebar tests 3', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify the empty state of the "All accounts" list', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, { 1: [], 100: [], 137: [], 11155111: [] })
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.verifySafeListIsEmpty()
+  })
+
+  it('Verify the empty state of the pinned safes list', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, {})
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.verifyPinnedListIsEmpty()
+  })
+
+  it('Verify connected user is redirected from welcome page to accounts page', () => {
+    cy.visit(constants.welcomeUrl + '?chain=sep')
+    wallet.connectSigner(signer)
+    create_wallet.clickOnContinueWithWalletBtn()
+
+    cy.location().should((loc) => {
+      expect(loc.pathname).to.eq('/welcome/accounts')
+    })
+  })
+
+  it('Verify that the user see safes that he owns in the list', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafes.safe1, sideBar.sideBarSafes.safe2],
+    })
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.verifyAddedSafesExist([sideBar.sideBarSafes.safe1short, sideBar.sideBarSafes.safe2short])
+  })
+
+  it('Verify there is an option to name an unnamed safe', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafes.safe1, sideBar.sideBarSafes.safe2],
+    })
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.verifySafeGiveNameOptionExists(0)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/sidebar_4.cy.js b/apps/web/cypress/e2e/regression/sidebar_4.cy.js
new file mode 100644
index 000000000..7d022a1e4
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/sidebar_4.cy.js
@@ -0,0 +1,67 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import * as ls from '../../support/localstorage_data.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Sidebar tests 4', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify that safes in the sidebar show the "bookmark" icon', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafes.safe1],
+    })
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.verifySafeBookmarkBtnExists(sideBar.sideBarSafes.safe1short)
+  })
+
+  it('Verify a safe can be added and removed from the pinned list', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafes.safe1],
+    })
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.clickOnBookmarkBtn(sideBar.sideBarSafes.safe1short)
+    sideBar.verifyPinnedSafe(sideBar.sideBarSafes.safe1short)
+    sideBar.clickOnBookmarkBtn(sideBar.sideBarSafes.safe1short)
+    sideBar.verifyPinnedListIsEmpty()
+  })
+
+  it('Verify CF safe can be added and removed from the pinned list', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, { 1: [], 100: [], 137: [], 11155111: [] })
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.clickOnBookmarkBtn(sideBar.sideBarSafes.safe4short)
+    sideBar.verifyPinnedSafe(sideBar.sideBarSafes.safe4short)
+    sideBar.clickOnBookmarkBtn(sideBar.sideBarSafes.safe4short)
+    sideBar.verifyPinnedListIsEmpty()
+  })
+
+  it('Verify the "All account" list is always closed by whenever you open the sidebar', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafes.safe1],
+    })
+    wallet.connectSigner(signer)
+    sideBar.clickOnOpenSidebarBtn()
+    sideBar.verifyAccountsCollapsed()
+  })
+
+  it('Verify the empty state of Accounts shows "Connect" for a disconnected user', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    sideBar.openSidebar()
+    sideBar.verifyConnectBtnDisplayed()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/sidebar_5.cy.js b/apps/web/cypress/e2e/regression/sidebar_5.cy.js
new file mode 100644
index 000000000..650827cdb
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/sidebar_5.cy.js
@@ -0,0 +1,93 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import * as ls from '../../support/localstorage_data.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Sidebar search tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify the search input shows at the top above the pinned safes list', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, { 1: [], 100: [], 137: [], 11155111: [] })
+    sideBar.openSidebar()
+    sideBar.verifySearchInputPosition()
+  })
+
+  it('Verify the search find safes in both pinned and unpinned safes', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafes.safe1, sideBar.sideBarSafes.safe2],
+    })
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.clickOnBookmarkBtn(sideBar.sideBarSafes.safe1short)
+    sideBar.searchSafe(sideBar.sideBarSafes.safe1short_)
+    sideBar.verifyAddedSafesExist([sideBar.sideBarSafes.safe1short])
+    sideBar.verifySafeCount(1)
+  })
+
+  it("Verify searching for a safe name filters out those who don't match", () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafes.safe1, sideBar.sideBarSafes.safe2],
+    })
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.searchSafe(sideBar.sideBarSafes.safe1short_)
+    sideBar.verifyAddedSafesExist([sideBar.sideBarSafes.safe1short])
+    sideBar.verifySafesDoNotExist([sideBar.sideBarSafes.safe2short])
+  })
+
+  it('Verify searching for a safe also finds safes in different networks', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafes.safe3],
+    })
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safes2)
+    wallet.connectSigner(signer)
+    sideBar.clickOnOpenSidebarBtn()
+    sideBar.searchSafe(sideBar.sideBarSafes.multichain_short_)
+    sideBar.checkMultichainSubSafeExists([
+      // constants.networks.gnosis,
+      constants.networks.ethereum,
+      constants.networks.sepolia,
+    ])
+  })
+
+  it('Verify search shows number of results found', () => {
+    const safe = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'eth')
+    cy.visit(constants.BALANCE_URL + safe)
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafes.safe1, sideBar.sideBarSafes.safe2, sideBar.sideBarSafes.safe3],
+    })
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safes2)
+    wallet.connectSigner(signer)
+    sideBar.clickOnOpenSidebarBtn()
+    sideBar.searchSafe('0x')
+    sideBar.checkSearchResults(3)
+  })
+
+  it('Verify clearing the search input returns back to the previous lists', () => {
+    const safe = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'eth')
+    cy.visit(constants.BALANCE_URL + safe)
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafes.safe1, sideBar.sideBarSafes.safe2, sideBar.sideBarSafes.safe3],
+    })
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safes2)
+    wallet.connectSigner(signer)
+    sideBar.clickOnOpenSidebarBtn()
+    sideBar.searchSafe('0xC')
+    sideBar.checkSearchResults(1)
+    sideBar.clearSearchInput()
+    sideBar.showAllSafes()
+    sideBar.verifyAccountListSafeCount(5)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/sidebar_6.cy.js b/apps/web/cypress/e2e/regression/sidebar_6.cy.js
new file mode 100644
index 000000000..fadf44f50
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/sidebar_6.cy.js
@@ -0,0 +1,88 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import * as ls from '../../support/localstorage_data.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+const aSafe = 'Safe A'
+const bSafe = 'Safe B'
+const safe14 = 'Safe 14'
+const safe15 = 'Safe 15'
+
+describe('Sidebar sorting tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  // Unskip when chains are available
+  it.skip('Verify the same safe of the different networks is ordered by most recent', () => {
+    let safe_eth = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'eth')
+    let safe_gno = main.changeSafeChainName(staticSafes.MATIC_STATIC_SAFE_28, 'gno')
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, { 1: [], 100: [], 137: [], 11155111: [] })
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safes2)
+    wallet.connectSigner(signer)
+    cy.visit(constants.BALANCE_URL + safe_eth)
+    cy.visit(constants.BALANCE_URL + safe_gno)
+
+    sideBar.clickOnOpenSidebarBtn()
+    sideBar.searchSafe('96')
+    sideBar.checkSearchResults(1)
+    sideBar.verifySafeCount(3)
+    sideBar.verifyAddedSafesExistByIndex(1, constants.networks.gnosis)
+    sideBar.verifyAddedSafesExistByIndex(2, constants.networks.ethereum)
+  })
+
+  // Unskip when chains are available
+  it.skip('Verify the same safe of the different networks is ordered by name', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.undeployedSet)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safes2)
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, { 1: [], 100: [], 137: [], 11155111: [] })
+    wallet.connectSigner(signer)
+
+    sideBar.clickOnOpenSidebarBtn()
+    sideBar.searchSafe('96')
+    sideBar.verifySafeCount(1)
+    sideBar.expandGroupSafes(0)
+    sideBar.openSortOptionsMenu()
+    sideBar.selectSortOption(sideBar.sortOptions.name)
+    sideBar.verifyAddedSafesExistByIndex(1, aSafe)
+    sideBar.verifyAddedSafesExistByIndex(2, bSafe)
+  })
+
+  it('Verify that a pinned safe can be sorted by name and last visited', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.pagination)
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__visitedSafes, ls.visitedSafes.set1)
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafes.safe1, sideBar.sideBarSafes.safe2],
+    })
+    wallet.connectSigner(signer)
+    sideBar.clickOnOpenSidebarBtn()
+    sideBar.searchSafe('15')
+    cy.wait(1000)
+    sideBar.clickOnBookmarkBtn(sideBar.sideBarSafes.safe2short)
+    sideBar.clearSearchInput()
+    sideBar.searchSafe('14')
+    cy.wait(1000)
+    sideBar.clickOnBookmarkBtn(sideBar.sideBarSafes.safe1short)
+    sideBar.clearSearchInput()
+
+    sideBar.verifyPinnedSafe(sideBar.sideBarSafes.safe2short)
+    sideBar.verifyPinnedSafe(sideBar.sideBarSafes.safe1short)
+
+    sideBar.openSortOptionsMenu()
+    sideBar.selectSortOption(sideBar.sortOptions.name)
+    sideBar.verifyAddedSafesExistByIndex(1, safe14)
+    sideBar.verifyAddedSafesExistByIndex(2, safe15)
+    sideBar.selectSortOption(sideBar.sortOptions.lastVisited)
+    sideBar.verifyAddedSafesExistByIndex(1, safe15)
+    sideBar.verifyAddedSafesExistByIndex(2, safe14)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/sidebar_7.cy.js b/apps/web/cypress/e2e/regression/sidebar_7.cy.js
new file mode 100644
index 000000000..1ff05d695
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/sidebar_7.cy.js
@@ -0,0 +1,93 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import * as ls from '../../support/localstorage_data.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as navigation from '../pages/navigation.page.js'
+import * as owner from '../pages/owners.pages.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const signer1 = walletCredentials.OWNER_1_PRIVATE_KEY
+const signer2 = walletCredentials.OWNER_3_PRIVATE_KEY
+
+describe('Sidebar tests 7', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify Import/export buttons are present', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.addedSafes)
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafes.safe1, sideBar.sideBarSafes.safe2],
+    })
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    main.checkButtonByTextExists(sideBar.importBtnStr)
+    main.checkButtonByTextExists(sideBar.exportBtnStr)
+  })
+
+  // Added to prod
+  it('Verify the "Accounts" counter at the top is counting all safes the user owns', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafes.safe1, sideBar.sideBarSafes.safe2],
+    })
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.checkAccountsCounter('2')
+  })
+
+  it('Verify that safes the user do not owns show in the watchlist after adding them', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addedSafes, ls.addedSafes.set4)
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    wallet.connectSigner(signer1)
+    sideBar.openSidebar()
+    sideBar.verifyAddedSafesExist([sideBar.sideBarSafes.safe3short])
+  })
+
+  it('Verify that safes that the user owns do show in the watchlist after adding them', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addedSafes, ls.addedSafes.set4)
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    wallet.connectSigner(signer1)
+    sideBar.openSidebar()
+    sideBar.verifyAddedSafesExist([sideBar.sideBarSafes.safe3short])
+  })
+
+  // Added to prod
+  it('Verify pending signature is displayed in sidebar for unsigned tx', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_7)
+    wallet.connectSigner(signer)
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafesPendingActions.safe1],
+    })
+    sideBar.openSidebar()
+    sideBar.verifyTxToConfirmDoesNotExist()
+    owner.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafesPendingActions.safe1],
+    })
+    wallet.connectSigner(signer2)
+    sideBar.verifyAddedSafesExist([sideBar.sideBarSafesPendingActions.safe1short])
+    sideBar.checkTxToConfirm(1)
+  })
+
+  // Added to prod
+  it('Verify balance exists in a tx in sidebar', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_7)
+    wallet.connectSigner(signer)
+    owner.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+    wallet.connectSigner(signer)
+    cy.intercept('GET', constants.safeListEndpoint, {
+      11155111: [sideBar.sideBarSafesPendingActions.safe1],
+    })
+    sideBar.openSidebar()
+    sideBar.verifyTxToConfirmDoesNotExist()
+    sideBar.checkBalanceExists()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/sidebar_8.cy.js b/apps/web/cypress/e2e/regression/sidebar_8.cy.js
new file mode 100644
index 000000000..86ea7b522
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/sidebar_8.cy.js
@@ -0,0 +1,117 @@
+import * as constants from '../../support/constants.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as main from '../pages/main.page.js'
+import * as ls from '../../support/localstorage_data.js'
+import * as owner from '../pages/owners.pages.js'
+import * as navigation from '../pages/navigation.page.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const signer2 = walletCredentials.OWNER_3_PRIVATE_KEY
+const signer3 = walletCredentials.OWNER_1_PRIVATE_KEY
+
+const currentSafe = '0x9870...fec0'
+const currentSafe2 = '0x5912...fFdb'
+const multiChainSafe = 'matic:0xC96e...ee3B'
+
+describe('Sidebar tests 8', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify that the current safe is under the "Current safe account" section', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, { 1: [], 100: [], 137: [], 11155111: [] })
+    sideBar.openSidebar()
+    sideBar.verifyCurrentSafe(currentSafe)
+  })
+
+  it('Verify that for multichain safes, only the safe of the current network is listed in "Current safe acount"', () => {
+    wallet.connectSigner(signer)
+    cy.visit(constants.BALANCE_URL + staticSafes.MATIC_STATIC_SAFE_28)
+    cy.intercept('GET', constants.safeListEndpoint, { 1: [], 100: [], 137: [], 11155111: [] })
+    sideBar.openSidebar()
+    sideBar.verifyCurrentSafe(multiChainSafe)
+  })
+
+  it('Verify that pinning a safe removes "Current safe account" section', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, { 1: [], 100: [], 137: [], 11155111: [] })
+    sideBar.openSidebar()
+    sideBar.clickOnBookmarkBtn(currentSafe)
+    sideBar.verifyCurrentSafeDoesNotExist()
+  })
+
+  it('Verify the "Not activated" tag for Counterfactual safes', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
+    cy.intercept('GET', constants.safeListEndpoint, { 1: [], 100: [], 137: [], 11155111: [] })
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
+    wallet.connectSigner(signer)
+    sideBar.openSidebar()
+    sideBar.verifyAccountListSafeData([sideBar.notActivatedStr])
+  })
+
+  it('Verify the "Add another network" shows only for owners of a safe', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_7)
+    wallet.connectSigner(signer2)
+    sideBar.openSidebar()
+    sideBar.clickOnSafeItemOptionsBtn(currentSafe2)
+    sideBar.checkAddChainDialogDisplayed()
+    owner.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify the "Add another network" is not displated for non-owners', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_7)
+    wallet.connectSigner(signer3)
+    cy.intercept('GET', constants.safeListEndpoint, { 1: [], 100: [], 137: [], 11155111: [] })
+    sideBar.openSidebar()
+    sideBar.clickOnSafeItemOptionsBtn(currentSafe2)
+    main.verifyElementsCount(sideBar.safeItemOptionsAddChainBtn, 0)
+    owner.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify New Transaction button is enabled for proposers', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_31)
+    wallet.connectSigner(signer3)
+    navigation.verifyTxBtnStatus(constants.enabledStates.enabled)
+    owner.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify "Add read-only" button replaces the "New transaction" button for disconnected users', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_7)
+    navigation.verifyTxBtnStatus(constants.enabledStates.disabled)
+    cy.intercept('GET', constants.safeListEndpoint, { 1: [], 100: [], 137: [], 11155111: [] })
+    sideBar.openSidebar()
+    sideBar.verifyCurrentSafeReadOnly(1)
+  })
+
+  it('Verify "Add read-only" button replaces the "New transaction" button for connected non-owners', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_7)
+    wallet.connectSigner(signer3)
+    navigation.verifyTxBtnStatus(constants.enabledStates.disabled)
+    cy.intercept('GET', constants.safeListEndpoint, { 1: [], 100: [], 137: [], 11155111: [] })
+    sideBar.openSidebar()
+    sideBar.verifyCurrentSafeReadOnly(1)
+    owner.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify Add safe button takes the user to the "Safe load" flow', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_7)
+    navigation.verifyTxBtnStatus(constants.enabledStates.disabled)
+    cy.intercept('GET', constants.safeListEndpoint, { 1: [], 100: [], 137: [], 11155111: [] })
+    sideBar.openSidebar()
+    sideBar.clickOnAddSafeBtn()
+  })
+
+  it.only('Verify "blockchain sync" status is shown at the bottom pointing to the network statuses', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_7)
+    sideBar.verifyIndexStatusPresent()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/sidebar_9.cy.js b/apps/web/cypress/e2e/regression/sidebar_9.cy.js
new file mode 100644
index 000000000..18b1e2723
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/sidebar_9.cy.js
@@ -0,0 +1,74 @@
+import * as constants from '../../support/constants.js'
+import * as sideBar from '../pages/sidebar.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as swaps from '../pages/swaps.pages.js'
+import * as main from '../pages/main.page.js'
+import { exchangeStr, clickOnBridgeOption } from '../pages/bridge.pages.js'
+
+let staticSafes = []
+
+describe('Sidebar UI tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  const views = [
+    constants.appsUrlGeneral,
+    constants.homeUrl,
+    constants.appsCustomUrl,
+    constants.securityUrl,
+    constants.transactionUrl,
+    constants.transactionQueueUrl,
+    constants.transactionsMessagesUrl,
+    constants.transactionsHistoryUrl,
+    constants.swapUrl,
+    constants.setupUrl,
+    constants.notificationsUrl,
+    constants.modulesUrl,
+    constants.dataSettingsUrl,
+    constants.appearanceSettingsUrl,
+    constants.balanceNftsUrl,
+    constants.BALANCE_URL,
+  ]
+  views.forEach((link) => {
+    it(`Verify sidebar copy address button copies address in view: ${link}`, () => {
+      cy.visit(link + staticSafes.SEP_STATIC_SAFE_4)
+      cy.get(sideBar.copyAddressBtn).should('be.visible').should('be.enabled')
+      cy.wait(2000)
+      sideBar.clickOnCopyAddressBtn(staticSafes.SEP_STATIC_SAFE_4.substring(4))
+    })
+  })
+
+  views.forEach((link) => {
+    it(`Verify that what's new button is present in view: ${link}`, () => {
+      cy.visit(link + staticSafes.SEP_STATIC_SAFE_4)
+      sideBar.whatsNewBtnIsVisible()
+    })
+  })
+
+  views.forEach((link) => {
+    it(`Verify that Need Help button contains help link in view: ${link}`, () => {
+      cy.visit(link + staticSafes.SEP_STATIC_SAFE_4)
+      sideBar.checkNeedHelpBtnLink()
+    })
+  })
+
+  views.forEach((link) => {
+    it(`Verify that clicking on Bridge opens exchange modal in view: ${link}`, () => {
+      let iframeSelector = `iframe[src*="${constants.bridgeWidget}"]`
+      cy.visit(link + staticSafes.SEP_STATIC_SAFE_4)
+      clickOnBridgeOption()
+      swaps.acceptLegalDisclaimer()
+      // Wait for iframe to be present and visible
+      cy.get(iframeSelector).should('be.visible')
+      cy.wait(2000) // Add delay for iframe to load
+
+      // Try to access iframe content
+      cy.get(iframeSelector).then(($iframe) => {
+        const $body = $iframe.contents().find('body')
+        cy.wrap($body).should('exist')
+        cy.wrap($body).contains(exchangeStr).should('be.visible')
+      })
+    })
+  })
+})
diff --git a/cypress/e2e/regression/sidebar_nonowner.cy.js b/apps/web/cypress/e2e/regression/sidebar_nonowner.cy.js
similarity index 82%
rename from cypress/e2e/regression/sidebar_nonowner.cy.js
rename to apps/web/cypress/e2e/regression/sidebar_nonowner.cy.js
index 629bbbea4..e26c65b50 100644
--- a/cypress/e2e/regression/sidebar_nonowner.cy.js
+++ b/apps/web/cypress/e2e/regression/sidebar_nonowner.cy.js
@@ -21,8 +21,6 @@ describe('Sidebar non-owner tests', () => {
   beforeEach(() => {
     cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_11)
     cy.wait(2000)
-    cy.clearLocalStorage()
-    main.acceptCookies()
     main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addedSafes, ls.addedSafes.set3)
     main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.addedSafes)
   })
@@ -32,10 +30,9 @@ describe('Sidebar non-owner tests', () => {
     navigation.verifyTxBtnStatus(constants.enabledStates.enabled)
   })
 
-  // TODOD: Waiting for endpoint from CGW
-  it.skip('Verify tag counting queue tx show for owners and non-owners', () => {
+  it('Verify tag counting queue tx show for owners and non-owners', () => {
     sideBar.openSidebar()
-    sideBar.verifyQueuedTx(addedOwner).contains(2)
-    sideBar.verifyQueuedTx(addedNonowner).contains(2)
+    sideBar.verifySafeIconData(addedOwner).contains('2/2')
+    sideBar.verifySafeIconData(addedNonowner).contains('2/2')
   })
 })
diff --git a/apps/web/cypress/e2e/regression/spaces_basicflow.cy.js b/apps/web/cypress/e2e/regression/spaces_basicflow.cy.js
new file mode 100644
index 000000000..a49f6f825
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/spaces_basicflow.cy.js
@@ -0,0 +1,71 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as space from '../pages/spaces.page.js'
+import * as navigation from '../pages/navigation.page'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const admin = walletCredentials.OWNER_4_PRIVATE_KEY
+const user = walletCredentials.OWNER_3_PRIVATE_KEY
+const user_address = walletCredentials.OWNER_3_WALLET_ADDRESS
+
+describe('Spaces basic flow tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.spacesUrl)
+  })
+
+  it('Verify a user can sign in, create, rename and delete an organisation', () => {
+    const spaceName = 'Space_' + Math.random().toString(36).substring(2, 12)
+    const newSpaceName = 'Renamed Space'
+
+    wallet.connectSigner(admin)
+    space.clickOnSignInBtn()
+    space.deleteAllSpaces()
+    main.verifyElementsIsVisible([space.createSpaceBtn])
+    space.createSpace(spaceName)
+    space.clickOnSpaceSelector(spaceName)
+    space.spaceExists(spaceName)
+    space.goToSpaceSettings()
+    space.editSpace(newSpaceName)
+    space.clickOnSpaceSelector(newSpaceName)
+    space.spaceExists(newSpaceName)
+    space.deleteSpace(newSpaceName)
+    cy.contains(space.deleteSpaceConfirmationMsg(newSpaceName)).should('be.visible')
+    main.verifyElementsIsVisible([space.createSpaceBtn])
+  })
+
+  it('Verify an account can be added manually', () => {
+    const spaceName = 'Space_' + Math.random().toString(36).substring(2, 12)
+
+    wallet.connectSigner(admin)
+    space.clickOnSignInBtn()
+    space.deleteAllSpaces()
+    space.createSpace(spaceName)
+    space.addAccountManually(staticSafes.SEP_STATIC_SAFE_35.substring(4), constants.networks.sepolia)
+  })
+
+  it('Verify a new member can be invited and accept the invite', () => {
+    const spaceName = 'Space_' + Math.random().toString(36).substring(2, 12)
+    const memberName = 'Member_' + Math.random().toString(36).substring(2, 12)
+    const newInviteName = 'Invited_memeber_' + Math.random().toString(36).substring(2, 12)
+
+    wallet.connectSigner(admin)
+    space.clickOnSignInBtn()
+    space.deleteAllSpaces()
+    space.createSpace(spaceName)
+    space.goToSpaceMembers()
+    space.addMember(memberName, user_address)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+    wallet.connectSigner(user)
+    space.clickOnSignInBtn()
+    cy.reload() // Required to trigger the invite
+    space.acceptInvite(newInviteName)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/spending_limits.cy.js b/apps/web/cypress/e2e/regression/spending_limits.cy.js
new file mode 100644
index 000000000..7b8a33c71
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/spending_limits.cy.js
@@ -0,0 +1,177 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as spendinglimit from '../pages/spending_limits.pages'
+import * as navigation from '../pages/navigation.page'
+import * as tx from '../pages/create_tx.pages'
+import * as ls from '../../support/localstorage_data.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const signerAddress = walletCredentials.OWNER_4_WALLET_ADDRESS
+
+const tokenAmount = 0.1
+const newTokenAmount = 0.001
+const spendingLimitBalance = '(0.15 ETH)'
+
+describe('Spending limits tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_8)
+    cy.get(spendinglimit.spendingLimitsSection).should('be.visible')
+  })
+
+  it('Verify resetAllowance and setAllowance actions are shown if a part of allowance was used', () => {
+    wallet.connectSigner(signer)
+    spendinglimit.clickOnNewSpendingLimitBtn()
+    spendinglimit.enterBeneficiaryAddress(signerAddress)
+    spendinglimit.enterSpendingLimitAmount(0.1)
+    spendinglimit.clickOnNextBtn()
+    spendinglimit.verifyActionCount(2)
+    spendinglimit.verifyActionNames([spendinglimit.actionNames.resetAllowance, spendinglimit.actionNames.setAllowance])
+  })
+
+  it('Verify only setAllowance action is shown if allowance was not used', () => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_23)
+    wallet.connectSigner(signer)
+    spendinglimit.clickOnNewSpendingLimitBtn()
+    spendinglimit.enterBeneficiaryAddress(signerAddress)
+    spendinglimit.enterSpendingLimitAmount(0.1)
+    spendinglimit.clickOnNextBtn()
+    spendinglimit.verifyActionCount(0)
+    spendinglimit.verifyDecodedTxSummary([spendinglimit.actionNames.setAllowance])
+  })
+
+  // Added to prod
+  it('Verify that the Review step shows beneficiary, amount allowed, reset time', () => {
+    //Assume that default reset time is set to One time
+    wallet.connectSigner(signer)
+    spendinglimit.clickOnNewSpendingLimitBtn()
+    spendinglimit.enterBeneficiaryAddress(getMockAddress())
+    spendinglimit.enterSpendingLimitAmount(0.1)
+    spendinglimit.clickOnNextBtn()
+    spendinglimit.checkReviewData(
+      tokenAmount,
+      getMockAddress(),
+      spendinglimit.timePeriodOptions.oneTime.split(' ').join('-'),
+    )
+  })
+
+  // Added to prod
+  it('Verify values and trash icons are displayed in Beneficiary table', () => {
+    spendinglimit.verifyBeneficiaryTable()
+  })
+
+  // Added to prod
+  it('Verify Spending limit option is available when selecting the corresponding token', () => {
+    wallet.connectSigner(signer)
+    navigation.clickOnNewTxBtn()
+    tx.clickOnSendTokensBtn()
+    spendinglimit.verifyTxOptionExist([spendinglimit.spendingLimitTxOption])
+  })
+
+  it('Verify spending limit option shows available amount', () => {
+    wallet.connectSigner(signer)
+    navigation.clickOnNewTxBtn()
+    tx.clickOnSendTokensBtn()
+    spendinglimit.verifySpendingOptionShowsBalance([spendingLimitBalance])
+  })
+
+  it('Verify when owner is a delegate, standard tx and spending limit tx are present', () => {
+    wallet.connectSigner(signer)
+    navigation.clickOnNewTxBtn()
+    tx.clickOnSendTokensBtn()
+    spendinglimit.verifyTxOptionExist([spendinglimit.spendingLimitTxOption, spendinglimit.standardTx])
+  })
+
+  it('Verify when spending limit is selected the nonce field is removed', () => {
+    wallet.connectSigner(signer)
+    navigation.clickOnNewTxBtn()
+    tx.clickOnSendTokensBtn()
+    spendinglimit.selectSpendingLimitOption()
+    spendinglimit.verifyNonceState(constants.elementExistanceStates.not_exist)
+  })
+
+  it('Verify "Max" button value set to be no more than the allowed amount', () => {
+    wallet.connectSigner(signer)
+    navigation.clickOnNewTxBtn()
+    tx.clickOnSendTokensBtn()
+    spendinglimit.clickOnMaxBtn()
+    spendinglimit.checkMaxValue()
+  })
+
+  it('Verify selecting a native token from the dropdown in new tx', () => {
+    wallet.connectSigner(signer)
+    navigation.clickOnNewTxBtn()
+    tx.clickOnSendTokensBtn()
+    spendinglimit.selectToken(constants.tokenNames.sepoliaEther)
+  })
+
+  it('Verify that when replacing spending limit for the same owner, previous values are displayed in red', () => {
+    wallet.connectSigner(signer)
+    spendinglimit.clickOnNewSpendingLimitBtn()
+    spendinglimit.enterBeneficiaryAddress(constants.DEFAULT_OWNER_ADDRESS)
+    spendinglimit.enterSpendingLimitAmount(newTokenAmount)
+    spendinglimit.clickOnTimePeriodDropdown()
+    spendinglimit.selectTimePeriod(spendinglimit.timePeriodOptions.fiveMin)
+    tx.clickOnNextBtn()
+    spendinglimit.verifyOldValuesAreDisplayed()
+  })
+
+  it('Verify that when editing spending limit for owner who used some of it, relevant actions are displayed', () => {
+    wallet.connectSigner(signer)
+    spendinglimit.clickOnNewSpendingLimitBtn()
+    spendinglimit.enterBeneficiaryAddress(constants.SPENDING_LIMIT_ADDRESS_2)
+    spendinglimit.enterSpendingLimitAmount(newTokenAmount)
+    spendinglimit.clickOnTimePeriodDropdown()
+    spendinglimit.selectTimePeriod(spendinglimit.timePeriodOptions.oneTime)
+    tx.clickOnNextBtn()
+    spendinglimit.verifyActionNamesAreDisplayed([
+      constants.TXActionNames.resetAllowance,
+      constants.TXActionNames.setAllowance,
+    ])
+  })
+
+  it('Verify that when multiple assets are available, they are displayed in token dropdown', () => {
+    cy.wrap(null)
+      .then(() => main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__settings, ls.safeSettings.slimitSettings))
+      .then(() =>
+        main.isItemInLocalstorage(constants.localStorageKeys.SAFE_v2__settings, ls.safeSettings.slimitSettings),
+      )
+      .then(() => {
+        cy.reload()
+        wallet.connectSigner(signer)
+        navigation.clickOnNewTxBtn()
+        tx.clickOnSendTokensBtn()
+        spendinglimit.clickOnTokenDropdown()
+        spendinglimit.verifyMandatoryTokensExist()
+      })
+  })
+
+  it('Verify that beneficiary can be retried from address book', () => {
+    cy.wrap(null)
+      .then(() =>
+        main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress2),
+      )
+      .then(() =>
+        main.isItemInLocalstorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress2),
+      )
+      .then(() => {
+        cy.reload()
+        wallet.connectSigner(signer)
+        spendinglimit.clickOnNewSpendingLimitBtn()
+        spendinglimit.enterBeneficiaryAddress(constants.DEFAULT_OWNER_ADDRESS.substring(30))
+        spendinglimit.selectRecipient(constants.DEFAULT_OWNER_ADDRESS)
+      })
+  })
+
+  it('Verify explorer links contain Sepolia link', () => {
+    tx.verifyNumberOfExternalLinks(3)
+  })
+})
diff --git a/cypress/e2e/regression/spending_limits_nonowner.cy.js b/apps/web/cypress/e2e/regression/spending_limits_nonowner.cy.js
similarity index 89%
rename from cypress/e2e/regression/spending_limits_nonowner.cy.js
rename to apps/web/cypress/e2e/regression/spending_limits_nonowner.cy.js
index e64bda33f..6eb487c65 100644
--- a/cypress/e2e/regression/spending_limits_nonowner.cy.js
+++ b/apps/web/cypress/e2e/regression/spending_limits_nonowner.cy.js
@@ -12,13 +12,11 @@ describe('Spending limits non-owner tests', () => {
 
   beforeEach(() => {
     cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_3)
-    cy.clearLocalStorage()
-    main.acceptCookies()
     cy.get(spendinglimit.spendingLimitsSection).should('be.visible')
   })
 
   it('Verify that where there are no spending limits setup, information images are displayed', () => {
-    spendinglimit.verifySpendingLimitsIcons
+    spendinglimit.verifySpendingLimitsIcons()
   })
 
   it('Verify "New spending limit" button only available for owners', () => {
diff --git a/apps/web/cypress/e2e/regression/staking_history.cy.js b/apps/web/cypress/e2e/regression/staking_history.cy.js
new file mode 100644
index 000000000..358f9c3b5
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/staking_history.cy.js
@@ -0,0 +1,39 @@
+import * as constants from '../../support/constants.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import * as staking from '../pages/staking.page.js'
+import * as staking_data from '../../fixtures/staking_data.json'
+
+const safe = 'eth:0xAD1Cf279D18f34a13c3Bf9b79F4D427D5CD9505B'
+const historyData = staking_data.type.history
+
+describe('Staking history tests', { defaultCommandTimeout: 30000 }, () => {
+  it('Verify Claim tx shows amount received', () => {
+    cy.visit(constants.transactionUrl + safe + staking.stakingTxs.claim)
+    staking.checkTxHeaderData([historyData.ETH_3205184, historyData.claim])
+    create_tx.verifyExpandedDetails([historyData.ETH_3205184, historyData.received])
+    create_tx.clickOnAdvancedDetails()
+    create_tx.verifyAdvancedDetails([historyData.call_batchWithdrawCLFee, historyData.StakingContract])
+  })
+
+  it('Verify Withdraw request shows amount of validators and Validator status', () => {
+    cy.visit(constants.transactionUrl + safe + staking.stakingTxs.withdrawal)
+    staking.checkTxHeaderData([historyData.withdrawal, historyData.validator_1])
+    staking.verifyValidatorCount(1)
+    staking.verifyValidatorStatus(staking.validatorStatusOptions.withdrwal)
+    create_tx.clickOnAdvancedDetails()
+    create_tx.verifyAdvancedDetails([historyData.call_requestValidatorsExit, historyData.StakingContract])
+  })
+
+  it('Verify Stake tx show the amount staked and proper fields', () => {
+    cy.visit(constants.transactionUrl + safe + staking.stakingTxs.stake)
+    staking.checkTxHeaderData([historyData.ETH32_2, historyData.stake])
+    staking.checkDataFields(staking.dataFields.deposit, historyData.ETH_32)
+    staking.checkDataFields(staking.dataFields.netRewardRate, staking.getPercentageRegex())
+    staking.checkDataFields(staking.dataFields.netAnnualRewards, staking.getRewardRegex())
+    staking.checkDataFields(staking.dataFields.netMonthlyRewards, staking.getRewardRegex())
+    staking.checkDataFields(staking.dataFields.fee, staking.getPercentageRegex())
+    staking.checkDataFields(staking.dataFields.validators, '1')
+    staking.checkDataFields(staking.dataFields.activationTime, staking.checkActivationTimeNonEmpty())
+    staking.checkDataFields(staking.dataFields.rewards, historyData.rewardsValue)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/swaps.cy.js b/apps/web/cypress/e2e/regression/swaps.cy.js
new file mode 100644
index 000000000..09a45e2de
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/swaps.cy.js
@@ -0,0 +1,195 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as swaps from '../pages/swaps.pages.js'
+import * as tx from '../pages/transactions.page.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as owner from '../pages/owners.pages'
+import * as wallet from '../../support/utils/wallet.js'
+import * as swaps_data from '../../fixtures/swaps_data.json'
+import * as navigation from '../pages/navigation.page'
+import { getEvents, events, checkDataLayerEvents } from '../../support/utils/gtag.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
+import { add } from 'lodash'
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const signer2 = walletCredentials.OWNER_3_WALLET_ADDRESS
+const signer3 = walletCredentials.OWNER_1_PRIVATE_KEY
+
+let staticSafes = []
+
+let iframeSelector
+
+const swapOrder = swaps_data.type.orderDetails
+
+describe('Swaps tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.swapUrl + staticSafes.SEP_STATIC_SAFE_1)
+    main.waitForHistoryCallToComplete()
+    wallet.connectSigner(signer)
+    iframeSelector = `iframe[src*="${constants.swapWidget}"]`
+  })
+
+  it(
+    'Verify entering a blocked address in the custom recipient input blocks the form',
+    { defaultCommandTimeout: 30000 },
+    () => {
+      let isCustomRecipientFound
+      swaps.getMockQuoteResponse(swaps.quoteResponse.quote1)
+      swaps.acceptLegalDisclaimer()
+      cy.wait(4000)
+      main
+        .getIframeBody(iframeSelector)
+        .then(($frame) => {
+          isCustomRecipientFound = (customRecipient) => {
+            const element = $frame.find(customRecipient)
+            return element.length > 0
+          }
+        })
+        .within(() => {
+          swaps.selectInputCurrency(swaps.swapTokens.cow)
+          swaps.clickOnSettingsBtn()
+          swaps.enableCustomRecipient(isCustomRecipientFound(swaps.customRecipient))
+          swaps.clickOnSettingsBtn()
+          swaps.enterRecipient(swaps.blockedAddress)
+          swaps.selectOutputCurrency(swaps.swapTokens.dai)
+          cy.wait('@mockedQuote').then((interception) => {
+            expect(interception.response.statusCode).to.eq(200)
+            cy.log('Intercepted response:', JSON.stringify(interception.response.body))
+          })
+        })
+      cy.contains(swaps.blockedAddressStr)
+    },
+  )
+
+  it('Verify enabling custom recipient adds that field to the form', { defaultCommandTimeout: 30000 }, () => {
+    const address = getMockAddress()
+    const address_ = '0x1234...5678'
+
+    swaps.getMockQuoteResponse(swaps.quoteResponse.quote1)
+    swaps.acceptLegalDisclaimer()
+
+    cy.wait(4000)
+
+    const isCustomRecipientFound = ($frame, customRecipient) => {
+      const element = $frame.find(customRecipient)
+      return element.length > 0
+    }
+
+    main.getIframeBody(iframeSelector).then(($frame) => {
+      cy.wrap($frame).within(() => {
+        swaps.selectInputCurrency(swaps.swapTokens.cow)
+        swaps.clickOnSettingsBtn()
+
+        if (isCustomRecipientFound($frame, swaps.customRecipient)) {
+          swaps.disableCustomRecipient(true)
+          cy.wait(1000)
+          swaps.enableCustomRecipient(!isCustomRecipientFound($frame, swaps.customRecipient))
+        } else {
+          swaps.enableCustomRecipient(isCustomRecipientFound($frame, swaps.customRecipient))
+          cy.wait(1000)
+        }
+
+        swaps.clickOnSettingsBtn()
+        swaps.selectOutputCurrency(swaps.swapTokens.dai)
+        cy.wait('@mockedQuote').then((interception) => {
+          expect(interception.response.statusCode).to.eq(200)
+          cy.log('Intercepted response:', JSON.stringify(interception.response.body))
+        })
+        swaps.enterRecipient(address)
+        swaps.checkSwapBtnIsVisible()
+        swaps.isInputGreaterZero(swaps.outputCurrencyInput).then((isGreaterThanZero) => {
+          cy.wrap(isGreaterThanZero).should('be.true')
+        })
+        swaps.clickOnExceeFeeChkbox()
+        swaps.clickOnSwapBtn()
+        swaps.clickOnSwapBtn()
+        swaps.confirmPriceImpact()
+      })
+      cy.contains(address_)
+    })
+  })
+
+  it('Verify order details are displayed in swap confirmation', { defaultCommandTimeout: 30000 }, () => {
+    const limitPrice = swaps.createRegex(swapOrder.DAIeqCOW, 'COW')
+    const widgetFee = swaps.getWidgetFee()
+    const orderID = swaps.getOrderID()
+    const slippage = swaps.getWidgetFee()
+
+    swaps.getMockQuoteResponse(swaps.quoteResponse.quote1)
+    swaps.acceptLegalDisclaimer()
+    cy.wait(4000)
+    main.getIframeBody(iframeSelector).within(() => {
+      swaps.selectInputCurrency(swaps.swapTokens.cow)
+      swaps.setInputValue(200)
+      swaps.selectOutputCurrency(swaps.swapTokens.dai)
+
+      cy.wait('@mockedQuote').then((interception) => {
+        expect(interception.response.statusCode).to.eq(200)
+        cy.log('Intercepted response:', JSON.stringify(interception.response.body))
+      })
+
+      swaps.checkSwapBtnIsVisible()
+      swaps.isInputGreaterZero(swaps.outputCurrencyInput).then((isGreaterThanZero) => {
+        cy.wrap(isGreaterThanZero).should('be.true')
+      })
+      swaps.clickOnExceeFeeChkbox()
+      swaps.clickOnSwapBtn()
+      swaps.clickOnSwapBtn()
+      swaps.confirmPriceImpact()
+    })
+
+    swaps.verifyOrderDetails(limitPrice, slippage, swapOrder.interactWith, orderID, widgetFee)
+  })
+
+  it(
+    'Verify recipient address alert is displayed in order details if the recipient is not owner of the order',
+    { defaultCommandTimeout: 30000 },
+    () => {
+      const limitPrice = swaps.createRegex(swapOrder.DAIeqCOW, 'COW')
+      const widgetFee = swaps.getWidgetFee()
+      const orderID = swaps.getOrderID()
+
+      const isCustomRecipientFound = ($frame, customRecipient) => {
+        const element = $frame.find(customRecipient)
+        return element.length > 0
+      }
+      swaps.getMockQuoteResponse(swaps.quoteResponse.quote1)
+      swaps.acceptLegalDisclaimer()
+      cy.wait(4000)
+      main.getIframeBody(iframeSelector).then(($frame) => {
+        cy.wrap($frame).within(() => {
+          swaps.selectInputCurrency(swaps.swapTokens.cow)
+          swaps.setInputValue(1000)
+          swaps.selectOutputCurrency(swaps.swapTokens.dai)
+          cy.wait('@mockedQuote').then((interception) => {
+            expect(interception.response.statusCode).to.eq(200)
+            cy.log('Intercepted response:', JSON.stringify(interception.response.body))
+          })
+          swaps.checkSwapBtnIsVisible()
+          swaps.clickOnSettingsBtn()
+
+          if (isCustomRecipientFound($frame, swaps.customRecipient)) {
+            swaps.disableCustomRecipient(true)
+            cy.wait(1000)
+            swaps.enableCustomRecipient(!isCustomRecipientFound($frame, swaps.customRecipient))
+          } else {
+            swaps.enableCustomRecipient(isCustomRecipientFound($frame, swaps.customRecipient))
+            cy.wait(1000)
+          }
+
+          swaps.clickOnSettingsBtn()
+          swaps.enterRecipient(signer2)
+          swaps.clickOnExceeFeeChkbox()
+          swaps.clickOnSwapBtn()
+          swaps.verifyRecipientAlertIsDisplayed()
+        })
+      })
+    },
+  )
+})
diff --git a/apps/web/cypress/e2e/regression/swaps_2.cy.js b/apps/web/cypress/e2e/regression/swaps_2.cy.js
new file mode 100644
index 000000000..1a8b26a4d
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/swaps_2.cy.js
@@ -0,0 +1,81 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as swaps from '../pages/swaps.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+let staticSafes = []
+let iframeSelector
+
+describe('Swaps 2 tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.swapUrl + staticSafes.SEP_STATIC_SAFE_1)
+    main.waitForHistoryCallToComplete()
+    wallet.connectSigner(signer)
+    iframeSelector = `iframe[src*="${constants.swapWidget}"]`
+  })
+
+  it('Verify Setting the top token first in a swap creates a "Sell order" tx', { defaultCommandTimeout: 30000 }, () => {
+    const value = '200 COW'
+    swaps.getMockQuoteResponse(swaps.quoteResponse.quote1)
+    swaps.acceptLegalDisclaimer()
+    cy.wait(4000)
+    main.getIframeBody(iframeSelector).within(() => {
+      swaps.selectInputCurrency(swaps.swapTokens.cow)
+      swaps.setInputValue(200)
+
+      swaps.selectOutputCurrency(swaps.swapTokens.dai)
+      cy.wait('@mockedQuote').then((interception) => {
+        expect(interception.response.statusCode).to.eq(200)
+        cy.log('Intercepted response:', JSON.stringify(interception.response.body))
+      })
+      swaps.checkSwapBtnIsVisible()
+      swaps.isInputGreaterZero(swaps.outputCurrencyInput).then((isGreaterThanZero) => {
+        cy.wrap(isGreaterThanZero).should('be.true')
+      })
+      swaps.clickOnExceeFeeChkbox()
+      swaps.clickOnSwapBtn()
+      swaps.checkInputCurrencyPreviewValue(value)
+      swaps.clickOnSwapBtn()
+    })
+    swaps.checkTokenBlockValue(0, value)
+  })
+
+  it(
+    'Verify Setting the bottom token first in a swap creates a "Buy order" tx',
+    { defaultCommandTimeout: 30000 },
+    () => {
+      const value = swaps.getTokenValue()
+      const tokenValue = '600'
+      swaps.getMockQuoteResponse(swaps.quoteResponse.quote2)
+      swaps.acceptLegalDisclaimer()
+      cy.wait(4000)
+      main.getIframeBody(iframeSelector).within(() => {
+        swaps.selectOutputCurrency(swaps.swapTokens.dai)
+        swaps.setOutputValue(tokenValue)
+        swaps.selectInputCurrency(swaps.swapTokens.cow)
+        cy.wait('@mockedQuote').then((interception) => {
+          expect(interception.response.statusCode).to.eq(200)
+          cy.log('Intercepted response:', JSON.stringify(interception.response.body))
+        })
+        swaps.checkSwapBtnIsVisible()
+        swaps.isInputGreaterZero(swaps.outputCurrencyInput).then((isGreaterThanZero) => {
+          cy.wrap(isGreaterThanZero).should('be.true')
+        })
+
+        swaps.clickOnSwapBtn()
+        swaps.checkOutputCurrencyPreviewValue(value)
+        swaps.clickOnSwapBtn()
+        swaps.confirmPriceImpact()
+      })
+      swaps.checkTokenBlockValue(1, tokenValue)
+    },
+  )
+})
diff --git a/cypress/e2e/regression/swaps_history.cy.js b/apps/web/cypress/e2e/regression/swaps_history.cy.js
similarity index 96%
rename from cypress/e2e/regression/swaps_history.cy.js
rename to apps/web/cypress/e2e/regression/swaps_history.cy.js
index 95d4ffb52..9d743e254 100644
--- a/cypress/e2e/regression/swaps_history.cy.js
+++ b/apps/web/cypress/e2e/regression/swaps_history.cy.js
@@ -17,9 +17,7 @@ describe('Swaps history tests', () => {
   })
 
   beforeEach(() => {
-    cy.clearLocalStorage()
     cy.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_1)
-    main.acceptCookies()
   })
 
   it('Verify swap selling operation with one action', { defaultCommandTimeout: 30000 }, () => {
diff --git a/apps/web/cypress/e2e/regression/swaps_history_2.cy.js b/apps/web/cypress/e2e/regression/swaps_history_2.cy.js
new file mode 100644
index 000000000..b92664e3a
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/swaps_history_2.cy.js
@@ -0,0 +1,137 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import * as swaps_data from '../../fixtures/swaps_data.json'
+import * as data from '../../fixtures/txhistory_data_data.json'
+import * as swaps from '../pages/swaps.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const swapsHistory = swaps_data.type.history
+const typeGeneral = data.type.general
+
+const safe = 'sep:0xF184a243925Bf7fb1D64487339FF4F177Fb75644'
+
+describe('Swaps history tests 2', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify swap sell order with one action', { defaultCommandTimeout: 30000 }, () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_1 + swaps.swapTxs.sell1Action)
+    const dai = swaps.createRegex(swapsHistory.forAtLeastFullDai, 'DAI')
+    const eq = swaps.createRegex(swapsHistory.DAIeqCOW, 'COW')
+
+    create_tx.verifyExpandedDetails([swapsHistory.sellFull, dai, eq, swapsHistory.dai, swapsHistory.filled])
+    create_tx.clickOnAdvancedDetails()
+    create_tx.verifyAdvancedDetails([swapsHistory.gGpV2, swapsHistory.actionPreSignatureG])
+  })
+
+  // Added to prod
+  it('Verify swap buy operation with 2 actions: approve & swap', { defaultCommandTimeout: 30000 }, () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_1 + swaps.swapTxs.buy2actions)
+    const eq = swaps.createRegex(swapsHistory.oneGNOFull, 'COW')
+    const atMost = swaps.createRegex(swapsHistory.forAtMostCow, 'COW')
+
+    create_tx.verifyExpandedDetails([
+      swapsHistory.buyOrder,
+      swapsHistory.buy,
+      eq,
+      atMost,
+      swapsHistory.cow,
+      swapsHistory.expired,
+      swapsHistory.actionApprove,
+      swapsHistory.actionPreSignature,
+    ])
+    create_tx.clickOnAdvancedDetails()
+    create_tx.verifyAdvancedDetails([swapsHistory.multiSend, swapsHistory.multiSendCallOnly1_3_0])
+  })
+
+  it('Verify swap operation with 2 actions: wrap & swap', { defaultCommandTimeout: 30000 }, () => {
+    cy.visit(constants.transactionUrl + safe + swaps.swapTxs.wrapSwap)
+    const eq = swaps.createRegex(swapsHistory.COWeqWETH, 'COW')
+    const atLeast = swaps.createRegex(swapsHistory.forAtLeastFullCow, 'COW')
+
+    create_tx.verifyExpandedDetails([
+      swapsHistory.sellOrder,
+      swapsHistory.sell,
+      eq,
+      atLeast,
+      swapsHistory.cow,
+      swapsHistory.filled,
+      swapsHistory.actionDepositEth,
+      swapsHistory.actionApproveEth,
+      swapsHistory.actionPreSignature,
+    ])
+    create_tx.clickOnAdvancedDetails()
+    create_tx.verifyAdvancedDetails([swapsHistory.multiSend, swapsHistory.multiSendCallOnly1_3_0])
+  })
+
+  it('Verify "Cancelled" status for manually cancelled limit orders', { defaultCommandTimeout: 30000 }, () => {
+    const safe = '0x2a73e61bd15b25B6958b4DA3bfc759ca4db249b9'
+    cy.visit(constants.transactionUrl + safe + swaps.swapTxs.sellCancelled)
+    const uni = swaps.createRegex(swapsHistory.forAtLeastFullUni, 'UNI')
+    const eq = swaps.createRegex(swapsHistory.UNIeqCOW, 'K COW')
+
+    create_tx.verifyExpandedDetails([
+      swapsHistory.sellOrder,
+      swapsHistory.sell,
+      uni,
+      eq,
+      swapsHistory.cow,
+      swapsHistory.cancelled,
+    ])
+    create_tx.clickOnAdvancedDetails()
+    create_tx.verifyAdvancedDetails([swapsHistory.gGpV2, swapsHistory.actionPreSignatureG])
+  })
+
+  it('Verify swap operation with 3 actions: wrap & approve & swap', { defaultCommandTimeout: 30000 }, () => {
+    const safe = '0x140663Cb76e4c4e97621395fc118912fa674150B'
+    cy.visit(constants.transactionUrl + safe + swaps.swapTxs.sell3Actions)
+    const dai = swaps.createRegex(swapsHistory.forAtLeastFullDai, 'DAI')
+    const eq = swaps.createRegex(swapsHistory.DAIeqWETH, 'WETH')
+
+    create_tx.verifyExpandedDetails([
+      swapsHistory.sellOrder,
+      swapsHistory.sell,
+      dai,
+      eq,
+      swapsHistory.actionApproveEth,
+      swapsHistory.actionPreSignature,
+      swapsHistory.actionDepositEth,
+    ])
+    create_tx.clickOnAdvancedDetails()
+    create_tx.verifyAdvancedDetails([swapsHistory.multiSend, swapsHistory.multiSendCallOnly1_3_0])
+  })
+
+  // Added to prod
+  it(
+    'Verify there is decoding for a tx created by CowSwap safe-app in the history',
+    { defaultCommandTimeout: 30000 },
+    () => {
+      cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_1 + swaps.swapTxs.safeAppSwapOrder)
+      const dai = swaps.createRegex(swapsHistory.forAtLeastFullDai, 'DAI')
+      const eq = swaps.createRegex(swapsHistory.DAIeqCOW, 'COW')
+      main.verifyValuesExist(create_tx.transactionItem, [swapsHistory.title])
+      create_tx.verifySummaryByName(swapsHistory.title, null, [typeGeneral.statusOk])
+      main.verifyElementsExist([create_tx.altImgDai, create_tx.altImgCow], create_tx.altImgSwaps)
+      create_tx.verifyExpandedDetails([swapsHistory.sell10Cow, dai, eq, swapsHistory.dai, swapsHistory.filled])
+    },
+  )
+
+  it('Verify token order in sell and buy operations', { defaultCommandTimeout: 30000 }, () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_1 + swaps.swapTxs.sell1Action)
+    const eq = swaps.createRegex(swapsHistory.DAIeqCOW, 'COW')
+    swaps.checkTokenOrder(eq, swapsHistory.executionPrice)
+
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_1 + swaps.swapTxs.buy2actions)
+    const eq2 = swaps.createRegex(swapsHistory.oneGNOFull, 'COW')
+    swaps.checkTokenOrder(eq2, swapsHistory.limitPrice)
+  })
+
+  it('Verify OrderID url on cowswap explorer', { defaultCommandTimeout: 30000 }, () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_1 + swaps.swapTxs.sell1Action)
+    swaps.verifyOrderIDUrl()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/swaps_queue.cy.js b/apps/web/cypress/e2e/regression/swaps_queue.cy.js
new file mode 100644
index 000000000..51a088328
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/swaps_queue.cy.js
@@ -0,0 +1,28 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import * as swaps_data from '../../fixtures/swaps_data.json'
+import * as data from '../../fixtures/txhistory_data_data.json'
+import * as swaps from '../pages/swaps.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const swapsHistory = swaps_data.type.history
+const typeGeneral = data.type.general
+
+describe('Swaps queue tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify that the swap tx created via Cowswap safe app has decoding in the queue', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_34 + swaps.swapTxs.swapQueue)
+    const dai = swaps.createRegex(swapsHistory.forAtLeastFullDai, 'DAI')
+    const eq = swaps.createRegex(swapsHistory.DAIeqCOW, 'COW')
+    main.verifyValuesExist(create_tx.transactionItem, [swapsHistory.title])
+    create_tx.verifySummaryByName(swapsHistory.title, null, [typeGeneral.statusExpired])
+    main.verifyElementsExist([create_tx.altImgDai, create_tx.altImgCow], create_tx.altImgSwaps)
+    create_tx.verifyExpandedDetails([swapsHistory.sell100Cow, dai, eq, swapsHistory.dai, swapsHistory.expired])
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/swaps_tokens.cy.js b/apps/web/cypress/e2e/regression/swaps_tokens.cy.js
new file mode 100644
index 000000000..08791f1bf
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/swaps_tokens.cy.js
@@ -0,0 +1,54 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as swaps from '../pages/swaps.pages.js'
+import * as assets from '../pages/assets.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as ls from '../../support/localstorage_data.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+let iframeSelector = `iframe[src*="${constants.swapWidget}"]`
+
+describe('Swaps token tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_1)
+  })
+
+  // Added to prod
+  it(
+    'Verify that clicking the swap from assets tab, autofills that token automatically in the form',
+    { defaultCommandTimeout: 30000 },
+    () => {
+      wallet.connectSigner(signer)
+      assets.selectTokenList(assets.tokenListOptions.allTokens)
+
+      swaps.clickOnAssetSwapBtn(0)
+      swaps.acceptLegalDisclaimer()
+      cy.wait(2000)
+      main.getIframeBody(iframeSelector).within(() => {
+        swaps.verifySelectedInputCurrancy(swaps.swapTokens.eth)
+      })
+    },
+  )
+
+  it('Verify swap button are displayed in assets table and dashboard', () => {
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    main.verifyElementsCount(swaps.assetsSwapBtn, 4)
+    cy.window().then((window) => {
+      window.localStorage.setItem(
+        constants.localStorageKeys.SAFE_v2__settings,
+        JSON.stringify(ls.safeSettings.slimitSettings),
+      )
+    })
+    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_1)
+    main.verifyElementsCount(swaps.assetsSwapBtn, 4)
+    main.verifyElementsCount(swaps.dashboardSwapBtn, 1)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/tokens.cy.js b/apps/web/cypress/e2e/regression/tokens.cy.js
new file mode 100644
index 000000000..3c97ea0f9
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tokens.cy.js
@@ -0,0 +1,184 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as assets from '../pages/assets.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as ls from '../../support/localstorage_data.js'
+
+const ASSET_NAME_COLUMN = 0
+const TOKEN_AMOUNT_COLUMN = 1
+const FIAT_AMOUNT_COLUMN = 2
+
+let staticSafes = []
+
+describe('Tokens tests', () => {
+  const value = '--'
+
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+  beforeEach(() => {
+    main.addToLocalStorage(
+      constants.localStorageKeys.SAFE_v2__tokenlist_onboarding,
+      ls.cookies.acceptedTokenListOnboarding,
+    )
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_2)
+  })
+
+  // Added to prod
+  it('Verify that non-native tokens are present and have balance', () => {
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.verifyBalance(assets.currencyDaiCap, TOKEN_AMOUNT_COLUMN, assets.currencyDaiAlttext)
+    assets.verifyTokenBalanceFormat(
+      assets.currencyDaiCap,
+      assets.currencyDaiFormat_2,
+      TOKEN_AMOUNT_COLUMN,
+      FIAT_AMOUNT_COLUMN,
+      value,
+    )
+
+    assets.verifyBalance(assets.currencyAave, TOKEN_AMOUNT_COLUMN, assets.currencyAaveAlttext)
+    assets.verifyTokenBalanceFormat(
+      assets.currencyAave,
+      assets.currentcyAaveFormat,
+      TOKEN_AMOUNT_COLUMN,
+      FIAT_AMOUNT_COLUMN,
+      value,
+    )
+
+    assets.verifyBalance(assets.currencyLink, TOKEN_AMOUNT_COLUMN, assets.currencyLinkAlttext)
+    assets.verifyTokenBalanceFormat(
+      assets.currencyLink,
+      assets.currentcyLinkFormat,
+      TOKEN_AMOUNT_COLUMN,
+      FIAT_AMOUNT_COLUMN,
+      value,
+    )
+
+    assets.verifyBalance(assets.currencyTestTokenA, TOKEN_AMOUNT_COLUMN, assets.currencyTestTokenAAlttext)
+    assets.verifyTokenBalanceFormat(
+      assets.currencyTestTokenA,
+      assets.currentcyTestTokenAFormat,
+      TOKEN_AMOUNT_COLUMN,
+      FIAT_AMOUNT_COLUMN,
+      value,
+    )
+
+    assets.verifyBalance(assets.currencyTestTokenB, TOKEN_AMOUNT_COLUMN, assets.currencyTestTokenBAlttext)
+    assets.verifyTokenBalanceFormat(
+      assets.currencyTestTokenB,
+      assets.currentcyTestTokenBFormat,
+      TOKEN_AMOUNT_COLUMN,
+      FIAT_AMOUNT_COLUMN,
+      value,
+    )
+
+    assets.verifyBalance(assets.currencyUSDC, TOKEN_AMOUNT_COLUMN, assets.currencyTestUSDCAlttext)
+    assets.verifyTokenBalanceFormat(
+      assets.currencyUSDC,
+      assets.currentcyTestUSDCFormat,
+      TOKEN_AMOUNT_COLUMN,
+      FIAT_AMOUNT_COLUMN,
+      value,
+    )
+  })
+
+  it('Verify that every token except the native token has a "go to blockexplorer link"', () => {
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.verifyAssetNameHasExplorerLink(assets.currencyUSDC, ASSET_NAME_COLUMN)
+    assets.verifyAssetNameHasExplorerLink(assets.currencyTestTokenB, ASSET_NAME_COLUMN)
+    assets.verifyAssetNameHasExplorerLink(assets.currencyTestTokenA, ASSET_NAME_COLUMN)
+    assets.verifyAssetNameHasExplorerLink(assets.currencyLink, ASSET_NAME_COLUMN)
+    assets.verifyAssetNameHasExplorerLink(assets.currencyAave, ASSET_NAME_COLUMN)
+    assets.verifyAssetNameHasExplorerLink(assets.currencyDaiCap, ASSET_NAME_COLUMN)
+    assets.verifyAssetExplorerLinkNotAvailable(constants.tokenNames.sepoliaEther, ASSET_NAME_COLUMN)
+  })
+
+  it('Verify the default Fiat currency and the effects after changing it', () => {
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.verifyFirstRowDoesNotContainCurrency(assets.currencyEUR, FIAT_AMOUNT_COLUMN)
+    assets.verifyFirstRowContainsCurrency(assets.currency$, FIAT_AMOUNT_COLUMN)
+    assets.clickOnCurrencyDropdown()
+    assets.selectCurrency(assets.currencyOptionEUR)
+    assets.verifyFirstRowDoesNotContainCurrency(assets.currency$, FIAT_AMOUNT_COLUMN)
+    assets.verifyFirstRowContainsCurrency(assets.currencyEUR, FIAT_AMOUNT_COLUMN)
+  })
+
+  it('Verify that checking the checkboxes increases the token selected counter', () => {
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.openHideTokenMenu()
+    assets.clickOnTokenCheckbox(assets.currencyLink)
+    assets.checkTokenCounter(1)
+  })
+
+  it('Verify that selecting tokens and saving hides them from the table', () => {
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.openHideTokenMenu()
+    assets.clickOnTokenCheckbox(assets.currencyLink)
+    assets.saveHiddenTokenSelection()
+    main.verifyValuesDoNotExist(assets.tokenListTable, [assets.currencyLink])
+  })
+
+  it('Verify that Cancel closes the menu and does not change the table status', () => {
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.openHideTokenMenu()
+    assets.clickOnTokenCheckbox(assets.currencyLink)
+    assets.clickOnTokenCheckbox(assets.currencyAave)
+    assets.saveHiddenTokenSelection()
+    main.verifyValuesDoNotExist(assets.tokenListTable, [assets.currencyLink, assets.currencyAave])
+    assets.openHideTokenMenu()
+    assets.clickOnTokenCheckbox(assets.currencyLink)
+    assets.clickOnTokenCheckbox(assets.currencyAave)
+    assets.cancelSaveHiddenTokenSelection()
+    main.verifyValuesDoNotExist(assets.tokenListTable, [assets.currencyLink, assets.currencyAave])
+  })
+
+  it('Verify that Deselect All unchecks all tokens from the list', () => {
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.openHideTokenMenu()
+    assets.clickOnTokenCheckbox(assets.currencyLink)
+    assets.clickOnTokenCheckbox(assets.currencyAave)
+    assets.deselecAlltHiddenTokenSelection()
+    assets.verifyEachRowHasCheckbox(constants.checkboxStates.unchecked)
+  })
+
+  it('Verify the Hidden tokens counter works for spam tokens', () => {
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.openHideTokenMenu()
+    assets.clickOnTokenCheckbox(assets.currencyLink)
+    assets.saveHiddenTokenSelection()
+    assets.checkHiddenTokenBtnCounter(1)
+  })
+
+  it('Verify the Hidden tokens counter works for native tokens', () => {
+    assets.openHideTokenMenu()
+    assets.clickOnTokenCheckbox(constants.tokenNames.sepoliaEther)
+    assets.saveHiddenTokenSelection()
+    assets.checkHiddenTokenBtnCounter(1)
+  })
+
+  it('Verify you can hide tokens from the eye icon in the table rows', () => {
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.hideAsset(assets.currencyLink)
+  })
+
+  it('Verify the sorting of "Assets" and "Balance" in the table', () => {
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.verifyTableRows(7)
+    assets.clickOnTokenNameSortBtn()
+    assets.verifyTokenNamesOrder()
+    assets.clickOnTokenNameSortBtn()
+    assets.verifyTokenNamesOrder('descending')
+    assets.clickOnTokenBalanceSortBtn()
+    assets.verifyTokenBalanceOrder()
+    assets.clickOnTokenBalanceSortBtn()
+    assets.verifyTokenBalanceOrder('descending')
+  })
+
+  // Added to prod
+  it('Verify that when connected user is not owner, Send button is disabled', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_3)
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.showSendBtn(0)
+    assets.VerifySendButtonIsDisabled()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/twaps.cy.js b/apps/web/cypress/e2e/regression/twaps.cy.js
new file mode 100644
index 000000000..4b931e217
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/twaps.cy.js
@@ -0,0 +1,79 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as swaps from '../pages/swaps.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+let staticSafes = []
+let iframeSelector
+
+describe('Twaps tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.swapUrl + staticSafes.SEP_STATIC_SAFE_27)
+    wallet.connectSigner(signer)
+    iframeSelector = `iframe[src*="${constants.swapWidget}"]`
+  })
+
+  it('Verify list of tokens with balances is displayed in the token selector', () => {
+    const tokens = [
+      { name: swaps.swapTokenNames.eth, balance: '0' },
+      { name: swaps.swapTokenNames.cow, balance: '749' },
+      { name: swaps.swapTokenNames.daiTest, balance: '0' },
+      { name: swaps.swapTokenNames.gnoTest, balance: '0' },
+      { name: swaps.swapTokenNames.uni, balance: '0' },
+      { name: swaps.swapTokenNames.usdcTest, balance: '0' },
+      { name: swaps.swapTokenNames.usdt, balance: '0' },
+      { name: swaps.swapTokenNames.weth, balance: '0' },
+    ]
+
+    swaps.acceptLegalDisclaimer()
+    cy.wait(4000)
+
+    main.getIframeBody(iframeSelector).within(() => {
+      swaps.switchToTwap()
+    })
+    swaps.unlockTwapOrders(iframeSelector)
+    main.getIframeBody(iframeSelector).within(() => {
+      swaps.clickOnTokenSelctor('input')
+      swaps.checkTokenList(tokens)
+    })
+  })
+
+  it('Verify "Balances" tag and value is present for selected token', () => {
+    const tokenValue = swaps.getTokenValue()
+
+    swaps.acceptLegalDisclaimer()
+    cy.wait(4000)
+    main.getIframeBody(iframeSelector).within(() => {
+      swaps.switchToTwap()
+    })
+    swaps.unlockTwapOrders(iframeSelector)
+    main.getIframeBody(iframeSelector).within(() => {
+      swaps.selectInputCurrency(swaps.swapTokens.cow)
+      swaps.setInputValue(500)
+      swaps.selectOutputCurrency(swaps.swapTokens.dai)
+      swaps.checkTokenBalanceAndValue('input', '749 COW', tokenValue)
+    })
+  })
+
+  it('Verify that the "Max" button sets the value as the max balance', () => {
+    swaps.acceptLegalDisclaimer()
+    cy.wait(4000)
+    main.getIframeBody(iframeSelector).within(() => {
+      swaps.switchToTwap()
+    })
+    swaps.unlockTwapOrders(iframeSelector)
+    main.getIframeBody(iframeSelector).within(() => {
+      swaps.selectInputCurrency(swaps.swapTokens.cow)
+      swaps.clickOnMaxBtn()
+      swaps.checkInputValue('input', '749')
+    })
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/twaps_2.cy.js b/apps/web/cypress/e2e/regression/twaps_2.cy.js
new file mode 100644
index 000000000..99d613a7d
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/twaps_2.cy.js
@@ -0,0 +1,95 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as swaps from '../pages/swaps.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+let staticSafes = []
+let iframeSelector
+
+describe('Twaps 2 tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.swapUrl + staticSafes.SEP_STATIC_SAFE_27)
+    main.waitForHistoryCallToComplete()
+    wallet.connectSigner(signer)
+    iframeSelector = `iframe[src*="${constants.swapWidget}"]`
+  })
+
+  it(
+    'Verify "Insufficient balance" message appears when the entered token amount exceeds "Max" balance',
+    { defaultCommandTimeout: 30000 },
+    () => {
+      wallet.connectSigner(signer)
+      swaps.acceptLegalDisclaimer()
+      cy.wait(4000)
+      main.getIframeBody(iframeSelector).within(() => {
+        swaps.switchToTwap()
+      })
+      swaps.unlockTwapOrders(iframeSelector)
+      main.getIframeBody(iframeSelector).within(() => {
+        swaps.selectInputCurrency(swaps.swapTokens.cow)
+        swaps.setInputValue(2000)
+        swaps.selectOutputCurrency(swaps.swapTokens.dai)
+        swaps.checkInsufficientBalanceMessageDisplayed(swaps.swapTokens.cow)
+      })
+    },
+  )
+
+  it(
+    'Verify "Sell amount too low" if the amount of tokens is worth less than 200 USD',
+    { defaultCommandTimeout: 30000 },
+    () => {
+      wallet.connectSigner(signer)
+      swaps.acceptLegalDisclaimer()
+      cy.wait(4000)
+      main.getIframeBody(iframeSelector).within(() => {
+        swaps.switchToTwap()
+      })
+      swaps.unlockTwapOrders(iframeSelector)
+      main.getIframeBody(iframeSelector).within(() => {
+        swaps.selectInputCurrency(swaps.swapTokens.cow)
+        swaps.setInputValue(100)
+        swaps.selectOutputCurrency(swaps.swapTokens.dai)
+        swaps.checkSmallSellAmountMessageDisplayed()
+      })
+    },
+  )
+
+  it(
+    'Verify entering a blocked address in the custom recipient input blocks the form',
+    { defaultCommandTimeout: 60000 },
+    () => {
+      let isCustomRecipientFound
+      swaps.acceptLegalDisclaimer()
+      cy.wait(4000)
+      main
+        .getIframeBody(iframeSelector)
+        .then(($frame) => {
+          isCustomRecipientFound = (customRecipient) => {
+            const element = $frame.find(customRecipient)
+            return element.length > 0
+          }
+        })
+        .within(() => {
+          swaps.switchToTwap()
+        })
+      swaps.unlockTwapOrders(iframeSelector)
+      main.getIframeBody(iframeSelector).within(() => {
+        swaps.selectInputCurrency(swaps.swapTokens.cow)
+        swaps.clickOnSettingsBtnTwaps()
+        swaps.enableTwapCustomRecipient(isCustomRecipientFound(swaps.customRecipient))
+        swaps.clickOnSettingsBtnTwaps()
+        swaps.enterRecipient(swaps.blockedAddress)
+        swaps.selectOutputCurrency(swaps.swapTokens.dai)
+      })
+      cy.contains(swaps.blockedAddressStr)
+    },
+  )
+})
diff --git a/apps/web/cypress/e2e/regression/twaps_history.cy.js b/apps/web/cypress/e2e/regression/twaps_history.cy.js
new file mode 100644
index 000000000..0b3f1a1ea
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/twaps_history.cy.js
@@ -0,0 +1,114 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as swaps from '../pages/swaps.pages.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as swaps_data from '../../fixtures/swaps_data.json'
+import * as data from '../../fixtures/txhistory_data_data.json'
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+let staticSafes = []
+
+let iframeSelector
+
+const swapsHistory = swaps_data.type.history
+const swapOrder = swaps_data.type.orderDetails
+const typeGeneral = data.type.general
+
+describe('Twaps history tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify order details', { defaultCommandTimeout: 60000 }, () => {
+    const limitPrice = swaps.createRegex(swapOrder.DAIeqCOW, 'COW')
+    const widgetFee = swaps.getWidgetFee()
+    const slippage = swaps.getWidgetFee()
+
+    cy.visit(constants.swapUrl + staticSafes.SEP_STATIC_SAFE_27)
+    main.waitForHistoryCallToComplete()
+    wallet.connectSigner(signer)
+    iframeSelector = `iframe[src*="${constants.swapWidget}"]`
+    swaps.acceptLegalDisclaimer()
+    main.getIframeBody(iframeSelector).within(() => {
+      cy.wait(20000) // Need more time to load UI
+      swaps.switchToTwap()
+      swaps.selectInputCurrency(swaps.swapTokens.cow)
+      swaps.setInputValue(500)
+      swaps.selectOutputCurrency(swaps.swapTokens.dai)
+      swaps.outputInputIsNotEmpty()
+      swaps.confirmPriceImpact()
+      swaps.verifyReviewOrderBtnIsVisible()
+      swaps.getTwapInitialData().then((formData) => {
+        cy.wrap(formData).as('twapFormData')
+        cy.wait(5000)
+        swaps.clickOnReviewOrderBtn()
+        swaps.placeTwapOrder()
+        swaps.confirmPriceImpact()
+      })
+    })
+
+    cy.get('@twapFormData').then((formData) => {
+      swaps.checkTwapValuesInReviewScreen(formData)
+      cy.get('[data-testid="slippage"] [data-testid="tx-data-row"]').invoke('text').should('match', slippage)
+      cy.get('[data-testid="widget-fee"] [data-testid="tx-data-row"]').invoke('text').should('match', widgetFee)
+      cy.get('[data-testid="limit-price"] [data-testid="tx-data-row"]').invoke('text').should('match', limitPrice)
+    })
+  })
+
+  it('Verify partially filled sell order', () => {
+    const tx =
+      'sep:0x8f4A19C85b39032A37f7a6dCc65234f966F72551&id=multisig_0x8f4A19C85b39032A37f7a6dCc65234f966F72551_0x2fdf5e5d94306de5f7285fd74ca014067b090338b3ff15e3f66d6c02ef81e4a4'
+    cy.visit(constants.transactionUrl + tx)
+    const weth = swaps.createRegex(swapsHistory.forAtLeastFullWETH, 'WETH')
+    const eq = swaps.createRegex(swapsHistory.WETHeqDAI, 'DAI')
+    const sellAmount = swaps.getTokenPrice('DAI')
+    const buyAmount = swaps.getTokenPrice('WETH')
+    const tokenSoldPrice = swaps.getTokenPrice('DAI')
+
+    create_tx.verifyExpandedDetails([swapsHistory.sell, weth, eq, swapsHistory.dai, swapsHistory.partiallyFilled])
+    swaps.checkNumberOfParts(2)
+    swaps.checkSellAmount(sellAmount)
+    swaps.checkBuyAmount(buyAmount)
+    swaps.checkPercentageFilled(50, tokenSoldPrice)
+    swaps.checkPartDuration('30 minutes')
+
+    create_tx.clickOnAdvancedDetails()
+    create_tx.verifyAdvancedDetails([swapsHistory.createWithContext, swapsHistory.composableCoW])
+  })
+
+  it('Verify that an order has the received and sent txs', () => {
+    const sentValue = '-250 COW'
+    const receivedValue = '303.16951 DAI'
+
+    cy.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_27)
+    create_tx.toggleUntrustedTxs()
+    swaps.checkTwapSettlement(0, sentValue, receivedValue)
+  })
+
+  it('Verify fully filled sell order', () => {
+    const tx =
+      'sep:0x8f4A19C85b39032A37f7a6dCc65234f966F72551&id=multisig_0x8f4A19C85b39032A37f7a6dCc65234f966F72551_0xc8a9399afbba45e82a0645770db38386cbe10bec77dd8b6395f7d24e19a45c9a'
+    cy.visit(constants.transactionUrl + tx)
+    const weth = swaps.createRegex(swapsHistory.forAtLeastFullDai, 'DAI')
+    const eq = swaps.createRegex(swapsHistory.DAIeqWETH, 'WETH')
+    const sellAmount = swaps.getTokenPrice('WETH')
+    const buyAmount = swaps.getTokenPrice('DAI')
+    const tokenSoldPrice = swaps.getTokenPrice('WETH')
+
+    create_tx.verifySummaryByName(swapsHistory.twaporder_title, null, [typeGeneral.statusOk])
+    main.verifyElementsExist([create_tx.altImgDai, create_tx.altImgWeth], create_tx.altImgTwapOrder)
+    create_tx.verifyExpandedDetails([swapsHistory.sell, weth, eq, swapsHistory.dai, swapsHistory.filled])
+    swaps.checkNumberOfParts(2)
+    swaps.checkSellAmount(sellAmount)
+    swaps.checkBuyAmount(buyAmount)
+    swaps.checkPercentageFilled(100, tokenSoldPrice)
+    swaps.checkPartDuration('30 minutes')
+
+    create_tx.clickOnAdvancedDetails()
+    create_tx.verifyAdvancedDetails([swapsHistory.createWithContext, swapsHistory.composableCoW])
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/twaps_queue.cy.js b/apps/web/cypress/e2e/regression/twaps_queue.cy.js
new file mode 100644
index 000000000..d7ac39b13
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/twaps_queue.cy.js
@@ -0,0 +1,37 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as swaps from '../pages/swaps.pages.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as swaps_data from '../../fixtures/swaps_data.json'
+
+let staticSafes = []
+
+const swapsHistory = swaps_data.type.history
+
+describe('Twaps queue tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify that Twap Tx create via CowSwap safe app has decoding in the queue', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_34 + swaps.swapTxs.sellTwapQLimitOrder)
+    const dai = swaps.createRegex(swapsHistory.forAtLeastFullDai, 'DAI')
+    const eq = swaps.createRegex(swapsHistory.DAIeqCOW, 'COW')
+    const sellAmount = swaps.getTokenPrice('COW')
+    const buyAmount = swaps.getTokenPrice('DAI')
+    const tokenSoldPrice = swaps.getTokenPrice('COW')
+
+    create_tx.verifySummaryByName(swapsHistory.twaporder_title)
+    main.verifyElementsExist([create_tx.altImgDai, create_tx.altImgCow], create_tx.altImgTwapOrder)
+
+    create_tx.verifyExpandedDetails([swapsHistory.sell, dai, eq, swapsHistory.dai, swapsHistory.filled])
+    swaps.checkNumberOfParts(2)
+    swaps.checkSellAmount(sellAmount)
+    swaps.checkBuyAmount(buyAmount)
+    swaps.checkPercentageFilled(0, tokenSoldPrice)
+
+    create_tx.clickOnAdvancedDetails()
+    create_tx.verifyAdvancedDetails([swapsHistory.multiSend, swapsHistory.multiSendCallOnly1_4_1])
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/tx_decoding.cy.js b/apps/web/cypress/e2e/regression/tx_decoding.cy.js
new file mode 100644
index 000000000..9bf12f199
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_decoding.cy.js
@@ -0,0 +1,17 @@
+import * as main from '../pages/main.page.js'
+import * as createTx from '../pages/create_tx.pages.js'
+import * as constants from '../../support/constants.js'
+
+const safe = 'sep:0x2a73e61bd15b25B6958b4DA3bfc759ca4db249b9'
+const decodedTx =
+  '&id=multisig_0x2a73e61bd15b25B6958b4DA3bfc759ca4db249b9_0xa3e73a212d7025c08048a05dcd829a88d1bf8a7c0d9eaf453b3b6039ad6156f3'
+
+//TODO: Check file error
+describe('Tx decoding tests', () => {
+  it.skip('Check visual tx', () => {
+    cy.visit(constants.transactionUrl + safe + decodedTx)
+    createTx.clickOnExpandAllActionsBtn()
+    cy.wait(1000)
+    cy.compareSnapshot('tx_decoding', { errorThreshold: 0, failSilently: false })
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/tx_details_createtx.cy.js b/apps/web/cypress/e2e/regression/tx_details_createtx.cy.js
new file mode 100644
index 000000000..709e88317
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_details_createtx.cy.js
@@ -0,0 +1,59 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as swaps from '../pages/swaps.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as txs from '../pages/transactions.page.js'
+import * as createtx from '../pages/create_tx.pages.js'
+import * as safeapps from '../pages/safeapps.pages'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+const contracts = {
+  illegal: '0xF184a243925Bf7fb1D64487339FF4F177Fb75644',
+  '1_4_1': '0xfd0732dc9e303f09fcef3a7388ad10a83459ec99',
+}
+const appUrl = constants.TX_Builder_url
+const iframeSelector = `iframe[id="iframe-${encodeURIComponent(appUrl)}"]`
+//iframeSelector = `iframe[id="iframe-${encodeURIComponent(constants.safeTestAppurl)}"]`
+
+describe('Transaction details create tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify that there is an error if tx contain unofficial fallbackhandler on tx confirmation screen', () => {
+    cy.visit(`/apps/open?safe=${staticSafes.SEP_STATIC_SAFE_36}&appUrl=${encodeURIComponent(appUrl)}`)
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findByLabelText(safeapps.enterAddressStr).type(staticSafes.SEP_STATIC_SAFE_36)
+      getBody().findByRole('button', { name: safeapps.useImplementationABI }).click()
+      getBody().find(safeapps.contractMethodIndex).parent().click()
+      getBody().findByRole('option', { name: 'setFallbackHandler' }).click()
+      getBody().find(safeapps.handlerInput).type(contracts.illegal)
+      getBody().findByText(safeapps.addTransactionStr).click()
+      getBody().findByText(safeapps.createBatchStr).click()
+      getBody().findByText(safeapps.sendBatchStr).click()
+    })
+    safeapps.verifyUntrustedHandllerWarningVisible()
+  })
+
+  it('Verify that when the tx contains the action with an official 1.4.1 fallbackhandler contract there is no error', () => {
+    cy.visit(`/apps/open?safe=${staticSafes.SEP_STATIC_SAFE_36}&appUrl=${encodeURIComponent(appUrl)}`)
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findByLabelText(safeapps.enterAddressStr).type(staticSafes.SEP_STATIC_SAFE_36)
+      getBody().findByRole('button', { name: safeapps.useImplementationABI }).click()
+      getBody().find(safeapps.contractMethodIndex).parent().click()
+      getBody().findByRole('option', { name: 'setFallbackHandler' }).click()
+      getBody().find(safeapps.handlerInput).type(contracts['1_4_1'])
+      getBody().findByText(safeapps.addTransactionStr).click()
+      getBody().findByText(safeapps.createBatchStr).click()
+      getBody().findByText(safeapps.sendBatchStr).click()
+    })
+    cy.wait(2000)
+    safeapps.clickOnAdvancedDetails()
+    safeapps.verifyUntrustedHandllerWarningDoesNotExist()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/tx_details_queue.cy.js b/apps/web/cypress/e2e/regression/tx_details_queue.cy.js
new file mode 100644
index 000000000..42b034776
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_details_queue.cy.js
@@ -0,0 +1,37 @@
+import * as constants from '../../support/constants.js'
+import * as swaps from '../pages/swaps.pages.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as txs from '../pages/transactions.page.js'
+
+let staticSafes = []
+
+const txUrls = {
+  '1_4_1':
+    '&id=multisig_0xc36A530ccD728d36a654ccedEB7994473474C018_0x2b68245cc89c3e2c602f8c426d987ec535f2cd7362d5cac20deb9703dc714a0e',
+}
+
+describe('Transaction details queue tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify that when the tx contains action with unofficial fallbackhandler the warning is displayed', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_35 + txs.fallbackhandlerTx.illegalContract)
+    txs.verifyUntrustedHandllerWarningVisible()
+  })
+
+  it('Verify that no error for the COWSwap fallbackhandler on tx details screen', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_34 + swaps.swapTxs.sellTwapQLimitOrder)
+    create_tx.clickOnExpandAllActionsBtn()
+    create_tx.verifyExpandedDetails([create_tx.txActions.setFallbackHandler])
+    txs.verifyUntrustedHandllerWarningDoesNotExist()
+  })
+
+  it('Verify that when the tx contains the action with an official 1.4.1 fallbackhandler contract there is no error', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_35 + txUrls['1_4_1'])
+    create_tx.clickOnAdvancedDetails()
+    create_tx.verifyExpandedDetails([create_tx.txActions.setFallbackHandler])
+    txs.verifyUntrustedHandllerWarningDoesNotExist()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/tx_history.cy.js b/apps/web/cypress/e2e/regression/tx_history.cy.js
new file mode 100644
index 000000000..87ccc5b30
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_history.cy.js
@@ -0,0 +1,166 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as createTx from '../pages/create_tx.pages'
+import * as data from '../../fixtures/txhistory_data_data.json'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const typeCreateAccount = data.type.accountCreation
+const typeReceive = data.type.receive
+const typeSend = data.type.send
+const typeSpendingLimits = data.type.spendingLimits
+const typeDeleteAllowance = data.type.deleteSpendingLimit
+const typeSideActions = data.type.sideActions
+const typeGeneral = data.type.general
+
+describe('Tx history tests 1', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.intercept(
+      'GET',
+      `**${constants.stagingCGWChains}${constants.networkKeys.sepolia}/${
+        constants.stagingCGWSafes
+      }${staticSafes.SEP_STATIC_SAFE_7.substring(4)}/transactions/history**`,
+      (req) => {
+        req.url = `https://safe-client.staging.5afe.dev/v1/chains/11155111/safes/0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb/transactions/history?timezone=Europe/Berlin&trusted=false&cursor=limit=100&offset=1`
+        req.continue()
+      },
+    ).as('allTransactions')
+
+    cy.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_7)
+    cy.wait('@allTransactions')
+  })
+
+  // Added to prod
+  // Account creation
+  it('Verify summary for account creation', () => {
+    createTx.verifySummaryByName(
+      typeCreateAccount.title,
+      null,
+      [typeCreateAccount.actionsSummary, typeGeneral.statusOk],
+      typeCreateAccount.altTmage,
+      null,
+    )
+  })
+
+  // Added to prod
+  it('Verify exapanded details for account creation', () => {
+    createTx.clickOnTransactionItemByName(typeCreateAccount.title)
+    createTx.verifyExpandedDetails([
+      typeCreateAccount.creator.actionTitle,
+      typeCreateAccount.creator.address,
+      typeCreateAccount.factory.actionTitle,
+      typeCreateAccount.factory.name,
+      typeCreateAccount.factory.address,
+      typeCreateAccount.masterCopy.actionTitle,
+      typeCreateAccount.masterCopy.name,
+      typeCreateAccount.masterCopy.address,
+      typeCreateAccount.transactionHash,
+    ])
+  })
+
+  it('Verify external links exist for account creation', () => {
+    createTx.clickOnTransactionItemByName(typeCreateAccount.title)
+    createTx.verifyNumberOfExternalLinks(4)
+  })
+
+  // Added to prod
+  // Token send
+  it('Verify exapanded details for token send', () => {
+    createTx.clickOnTransactionItemByName(typeSend.title, typeSend.summaryTxInfo)
+    createTx.verifyExpandedDetails([typeSend.sentTo, typeSend.recipientAddress, typeSend.transactionHash])
+    createTx.verifyActionListExists([
+      typeSideActions.created,
+      typeSideActions.confirmations,
+      typeSideActions.executedBy,
+    ])
+  })
+
+  // Added to prod
+  // Spending limits
+  it('Verify summary for setting spend limits', () => {
+    // name, token, data, alt, altToken
+    createTx.verifySummaryByName(
+      typeSpendingLimits.title,
+      typeSpendingLimits.summaryTxInfo,
+      [typeGeneral.statusOk],
+      typeSpendingLimits.altImage,
+    )
+  })
+
+  // Added to prod
+  it('Verify exapanded details for initial spending limits setup', () => {
+    createTx.clickOnTransactionItemByName(typeSpendingLimits.title, typeSpendingLimits.summaryTxInfo)
+    createTx.verifyExpandedDetails(
+      [typeSpendingLimits.contractTitle, typeSpendingLimits.call_multiSend, typeSpendingLimits.transactionHash],
+      createTx.delegateCallWarning,
+    )
+  })
+
+  // Added to prod
+  it('Verify that 3 actions exist in initial spending limits setup', () => {
+    createTx.clickOnTransactionItemByName(typeSpendingLimits.title, typeSpendingLimits.summaryTxInfo)
+    createTx.verifyActions([
+      typeSpendingLimits.enableModule.title,
+      typeSpendingLimits.addDelegate.title,
+      typeSpendingLimits.setAllowance.title,
+    ])
+  })
+
+  it('Verify that all 3 actions can be expanded and collapsed in initial spending limits setup', () => {
+    createTx.clickOnTransactionItemByName(typeSpendingLimits.title, typeSpendingLimits.summaryTxInfo)
+    createTx.expandAllActions([
+      typeSpendingLimits.enableModule.title,
+      typeSpendingLimits.addDelegate.title,
+      typeSpendingLimits.setAllowance.title,
+    ])
+    createTx.collapseAllActions([
+      typeSpendingLimits.enableModule.moduleAddressTitle,
+      typeSpendingLimits.addDelegate.delegateAddressTitle,
+      typeSpendingLimits.setAllowance.delegateAddressTitle,
+    ])
+  })
+
+  it('Verify that addDelegate action can be expanded and collapsed in spending limits', () => {
+    createTx.clickOnTransactionItemByName(typeSpendingLimits.title, typeSpendingLimits.summaryTxInfo)
+    createTx.clickOnExpandableAction(typeSpendingLimits.addDelegate.title)
+    createTx.verifyActions([typeSpendingLimits.addDelegate.delegateAddressTitle])
+    createTx.collapseAllActions([typeSpendingLimits.addDelegate.delegateAddressTitle])
+  })
+
+  // Spending limit deletion
+  it('Verify exapanded details for allowance deletion', () => {
+    createTx.clickOnTransactionItemByName(typeDeleteAllowance.title, typeDeleteAllowance.summaryTxInfo)
+    createTx.verifyExpandedDetails([
+      typeDeleteAllowance.description,
+      typeDeleteAllowance.beneficiary,
+      typeDeleteAllowance.beneficiaryAddress,
+      typeDeleteAllowance.transactionHash,
+      typeDeleteAllowance.token,
+      typeDeleteAllowance.tokenName,
+    ])
+  })
+
+  // Added to prod
+  it('Verify advanced details displayed in exapanded details for allowance deletion', () => {
+    createTx.clickOnTransactionItemByName(typeDeleteAllowance.title, typeDeleteAllowance.summaryTxInfo)
+    createTx.expandAdvancedDetails([
+      typeDeleteAllowance.baseGas,
+      typeDeleteAllowance.operation,
+      typeDeleteAllowance.zero_call,
+    ])
+    createTx.collapseAdvancedDetails([typeDeleteAllowance.baseGas])
+  })
+
+  it.skip('Verify address can be copied in advanced details', () => {
+    const data =
+      '0x885133e3000000000000000000000000c16db0251654c0a72e91b190d81ead367d2c6fed0000000000000000000000000000000000000000000000000000000000000000'
+    createTx.clickOnTransactionItemByName(typeDeleteAllowance.title, typeDeleteAllowance.summaryTxInfo)
+    createTx.expandAdvancedDetails([typeDeleteAllowance.baseGas])
+    createTx.clickOnCopyDataBtn(data)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/tx_history_2.cy.js b/apps/web/cypress/e2e/regression/tx_history_2.cy.js
new file mode 100644
index 000000000..170748a22
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_history_2.cy.js
@@ -0,0 +1,169 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as createTx from '../pages/create_tx.pages'
+import * as data from '../../fixtures/txhistory_data_data.json'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const typeOnchainRejection = data.type.onchainRejection
+const typeBatch = data.type.batchNativeTransfer
+const typeAddOwner = data.type.addOwner
+const typeChangeOwner = data.type.swapOwner
+const typeRemoveOwner = data.type.removeOwner
+const typeDisableOwner = data.type.disableModule
+const typeChangeThreshold = data.type.changeThreshold
+const typeSideActions = data.type.sideActions
+const typeGeneral = data.type.general
+const typeUntrustedToken = data.type.untrustedReceivedToken
+
+describe('Tx history tests 2', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.intercept(
+      'GET',
+      `**${constants.stagingCGWChains}${constants.networkKeys.sepolia}/${
+        constants.stagingCGWSafes
+      }${staticSafes.SEP_STATIC_SAFE_7.substring(4)}/transactions/history**`,
+      (req) => {
+        req.url = `https://safe-client.staging.5afe.dev/v1/chains/11155111/safes/0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb/transactions/history?timezone=Europe/Berlin&trusted=false&cursor=limit=100&offset=1`
+        req.continue()
+      },
+    ).as('allTransactions')
+
+    cy.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_7)
+  })
+
+  it('Verify number of transactions is correct', () => {
+    createTx.verifyNumberOfTransactions(20)
+  })
+
+  // Added to prod
+  // On-chain rejection
+  it('Verify exapanded details for on-chain rejection', () => {
+    createTx.clickOnTransactionItemByName(typeOnchainRejection.title)
+    createTx.verifyExpandedDetails([typeOnchainRejection.description, typeOnchainRejection.transactionHash2])
+    createTx.verifyActionListExists([
+      typeSideActions.rejectionCreated,
+      typeSideActions.confirmations,
+      typeSideActions.executedBy,
+    ])
+  })
+
+  // Added to prod
+  // Batch transaction
+  it('Verify exapanded details for batch', () => {
+    createTx.clickOnTransactionItemByName(typeBatch.title, typeBatch.summaryTxInfo)
+    createTx.verifyExpandedDetails([typeBatch.contractTitle, typeBatch.transactionHash], createTx.delegateCallWarning)
+    createTx.verifyActions([typeBatch.nativeTransfer.title])
+  })
+
+  // Added to prod
+  // Add owner
+  it('Verify summary for adding owner', () => {
+    createTx.verifySummaryByName(typeAddOwner.title, null, [typeGeneral.statusOk], typeAddOwner.altImage)
+  })
+
+  it('Verify exapanded details for adding owner', () => {
+    createTx.clickOnTransactionItemByName(typeAddOwner.title)
+    createTx.verifyExpandedDetails(
+      [
+        typeAddOwner.description,
+        typeAddOwner.requiredConfirmationsTitle,
+        typeAddOwner.ownerAddress,
+        typeAddOwner.transactionHash,
+      ],
+      createTx.policyChangeWarning,
+    )
+  })
+
+  // Added to prod
+  // Change owner
+  it('Verify summary for changing owner', () => {
+    createTx.verifySummaryByName(typeChangeOwner.title, null, [typeGeneral.statusOk], typeChangeOwner.altImage)
+  })
+
+  // Added to prod
+  it('Verify exapanded details for changing owner', () => {
+    createTx.clickOnTransactionItemByName(typeChangeOwner.title)
+    createTx.verifyExpandedDetails([
+      typeChangeOwner.description,
+      typeChangeOwner.newOwner.actionTitile,
+      typeChangeOwner.newOwner.ownerAddress,
+      typeChangeOwner.oldOwner.actionTitile,
+      typeChangeOwner.oldOwner.ownerAddress,
+      typeChangeOwner.transactionHash,
+    ])
+  })
+
+  // Added to prod
+  // Remove owner
+  it('Verify summary for removing owner', () => {
+    createTx.verifySummaryByName(typeRemoveOwner.title, null, [typeGeneral.statusOk], typeRemoveOwner.altImage)
+  })
+
+  it('Verify exapanded details for removing owner', () => {
+    createTx.clickOnTransactionItemByName(typeRemoveOwner.title)
+    createTx.verifyExpandedDetails(
+      [
+        typeRemoveOwner.description,
+        typeRemoveOwner.requiredConfirmationsTitle,
+        typeRemoveOwner.ownerAddress,
+        typeRemoveOwner.transactionHash,
+      ],
+      createTx.policyChangeWarning,
+    )
+    createTx.checkRequiredThreshold(1)
+  })
+
+  // Added to prod
+  // Disbale module
+  it('Verify summary for disable module', () => {
+    createTx.verifySummaryByName(typeDisableOwner.title, null, [typeGeneral.statusOk], typeDisableOwner.altImage)
+  })
+
+  it('Verify exapanded details for disable module', () => {
+    createTx.clickOnTransactionItemByName(typeDisableOwner.title)
+    createTx.verifyExpandedDetails([
+      typeDisableOwner.description,
+      typeDisableOwner.address,
+      typeDisableOwner.transactionHash,
+    ])
+  })
+
+  // Added to prod
+  // Change threshold
+  it('Verify summary for changing threshold', () => {
+    createTx.verifySummaryByName(typeChangeThreshold.title, null, [typeGeneral.statusOk], typeChangeThreshold.altImage)
+  })
+
+  // Added to prod
+  it('Verify exapanded details for changing threshold', () => {
+    createTx.clickOnTransactionItemByName(typeChangeThreshold.title)
+    createTx.verifyExpandedDetails(
+      [typeChangeThreshold.requiredConfirmationsTitle, typeChangeThreshold.transactionHash],
+      createTx.policyChangeWarning,
+    )
+    createTx.checkRequiredThreshold(2)
+  })
+
+  // Added to prod
+  it('Verify that sender address of untrusted token will not be copied until agreed in warning popup', () => {
+    createTx.clickOnTransactionItemByName(typeUntrustedToken.summaryTitle, typeUntrustedToken.summaryTxInfo)
+    createTx.verifyAddressNotCopied(0, typeUntrustedToken.senderAddress)
+  })
+
+  it('Verify tx hashes are grouped in advanced details', () => {
+    createTx.clickOnTransactionItemByName(typeDisableOwner.title)
+    createTx.verifyExpandedDetails([
+      typeDisableOwner.description,
+      typeDisableOwner.address,
+      typeDisableOwner.transactionHash,
+    ])
+    createTx.clickOnAdvancedDetails()
+    createTx.checkHashesExist(3)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/tx_history_3.cy.js b/apps/web/cypress/e2e/regression/tx_history_3.cy.js
new file mode 100644
index 000000000..933dd1c83
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_history_3.cy.js
@@ -0,0 +1,68 @@
+import * as constants from '../../support/constants.js'
+import * as createTx from '../pages/create_tx.pages.js'
+import * as data from '../../fixtures/txhistory_data_data.json'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const typeReceive = data.type.receive
+const typeGeneral = data.type.general
+
+describe('Incoming tx history tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.intercept(
+      'GET',
+      `**${constants.stagingCGWChains}${constants.networkKeys.sepolia}/${
+        constants.stagingCGWSafes
+      }${staticSafes.SEP_STATIC_SAFE_7.substring(4)}/transactions/history**`,
+      { fixture: 'txhistory_incoming_data.json' },
+    ).as('txHistory')
+
+    cy.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_7)
+    cy.wait('@txHistory')
+  })
+
+  it('Verify Incoming ERC20 with logo in the history', () => {
+    createTx.verifySummaryByName(
+      typeReceive.summaryTxInfoDAI,
+      null,
+      [typeReceive.summaryTitle, typeGeneral.statusOk],
+      typeReceive.altImage,
+      typeReceive.altImageDAI,
+    )
+  })
+
+  it('Verify Incoming ERC20 without logo in the history', () => {
+    createTx.verifySummaryByName(
+      typeReceive.summaryTxInfoETH35,
+      null,
+      [typeReceive.summaryTitle, typeGeneral.statusOk],
+      typeReceive.altImage,
+      typeReceive.altTokenETH35,
+    )
+  })
+
+  it('Verify Incoming native token in the history', () => {
+    createTx.verifySummaryByName(
+      typeReceive.summaryTxInfoETH,
+      null,
+      [typeReceive.summaryTitle, typeGeneral.statusOk],
+      typeReceive.altImage,
+      typeReceive.altToken,
+    )
+  })
+
+  it('Verify Incoming NFT in the history', () => {
+    createTx.verifySummaryByName(
+      typeReceive.summaryTxInfoNFT,
+      null,
+      [typeReceive.summaryTitle, typeGeneral.statusOk],
+      typeReceive.altImage,
+      typeReceive.altTokenNFT,
+    )
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/tx_history_4.cy.js b/apps/web/cypress/e2e/regression/tx_history_4.cy.js
new file mode 100644
index 000000000..2d8521104
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_history_4.cy.js
@@ -0,0 +1,85 @@
+import * as constants from '../../support/constants.js'
+import * as createTx from '../pages/create_tx.pages.js'
+import * as data from '../../fixtures/txhistory_data_data.json'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as address_book from '../pages/address_book.page.js'
+
+let staticSafes = []
+
+const typeReceive = data.type.receive
+const typeGeneral = data.type.general
+
+const safe = 'eth:0x8675B754342754A30A2AeF474D114d8460bca19b'
+const dai =
+  '&id=transfer_0x8675B754342754A30A2AeF474D114d8460bca19b_e715646c00d8c513b16de213dbdcfea16f58aa1294306fdd5866a4d1fab643e4794'
+const nft =
+  '&id=transfer_0x8675B754342754A30A2AeF474D114d8460bca19b_e3873b1a1310fd4acd00249456b9700ea7fbe1e61261c3efd08a288abf8756d0b138'
+const eth =
+  '&id=transfer_0x8675B754342754A30A2AeF474D114d8460bca19b_idc6b8280a40b5979908bc7a116b38ac6b7ae22feea09fbc1dc1373421ff4f250'
+
+describe('Incoming tx history details tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify Incoming details ERC20', () => {
+    cy.visit(constants.transactionUrl + safe + dai)
+    createTx.verifySummaryByName(
+      typeReceive.summaryTxInfoDAI,
+      null,
+      [typeReceive.summaryTitle, typeGeneral.statusOk],
+      typeReceive.altImage,
+      typeReceive.altImageDAI,
+    )
+    createTx.verifyExpandedDetails([
+      typeReceive.GPv2Settlement,
+      typeReceive.GPv2SettlementAddress,
+      typeReceive.txHashDAI,
+      typeReceive.executionDateDAI,
+    ])
+    createTx.verifyNumberOfExternalLinks(2)
+  })
+
+  it('Verify Incoming details ERC721', () => {
+    cy.visit(constants.transactionUrl + safe + nft)
+    createTx.verifySummaryByName(
+      typeReceive.summaryTxInfoNFT,
+      null,
+      [typeReceive.summaryTitle, typeGeneral.statusOk],
+      typeReceive.altImage,
+      typeReceive.altTokenNFT,
+    )
+    createTx.verifyExpandedDetails([
+      typeReceive.Proxy,
+      typeReceive.ProxyAddress,
+      typeReceive.nftHash,
+      typeReceive.executionDateNFT,
+    ])
+    createTx.verifyNumberOfExternalLinks(2)
+  })
+
+  it('Verify Incoming details Native token', () => {
+    cy.visit(constants.transactionUrl + safe + eth)
+    createTx.verifySummaryByName(
+      typeReceive.summaryTxInfoETH_2,
+      null,
+      [typeReceive.summaryTitle, typeGeneral.statusOk],
+      typeReceive.altImage,
+      typeReceive.altToken,
+    )
+    createTx.verifyExpandedDetails([typeReceive.senderAddressEth, typeReceive.txHashEth, typeReceive.executionDateEth])
+    createTx.verifyNumberOfExternalLinks(2)
+  })
+
+  it('Verify add to the address book for the sender in the incoming tx', () => {
+    const senderName = 'Sender100'
+    cy.visit(constants.transactionUrl + safe + eth)
+    address_book.clickOnMoreActionsBtn()
+    address_book.clickOnAddToAddressBookBtn()
+    address_book.typeInName(senderName)
+    address_book.clickOnSaveEntryBtn()
+    cy.visit(constants.addressBookUrl + safe)
+    cy.get('body').should('be.visible')
+    cy.contains(senderName)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/tx_history_5.cy.js b/apps/web/cypress/e2e/regression/tx_history_5.cy.js
new file mode 100644
index 000000000..657d5cb1b
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_history_5.cy.js
@@ -0,0 +1,35 @@
+import * as constants from '../../support/constants.js'
+import * as createTx from '../pages/create_tx.pages.js'
+import * as data from '../../fixtures/txhistory_data_data.json'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as main from '../pages/main.page.js'
+
+let staticSafes = []
+
+const typeSend = data.type.send
+const typeGeneral = data.type.general
+const typeUntrustedToken = data.type.untrustedReceivedToken
+
+const safe = 'sep:0x8f4A19C85b39032A37f7a6dCc65234f966F72551'
+const txbuilder =
+  '&id=multisig_0x8f4A19C85b39032A37f7a6dCc65234f966F72551_0x97d4c1b3149853c0d8ca71bd700faae628f0a833bdb4bd9c6b14c171117703d4'
+
+describe('Safe app tx history tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify tx builder has icon and app name', () => {
+    cy.visit(constants.transactionUrl + safe + txbuilder)
+    createTx.verifySummaryByName(typeSend.txBuilderTitle, null, [typeGeneral.statusOk], typeSend.txBuilderAltImage)
+    main.verifyValuesExist(createTx.transactionItem, [typeSend.txBuilderTitle])
+  })
+
+  it('Verify that copying sender address of untrusted token shows warning popup', () => {
+    cy.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_7)
+    createTx.toggleUntrustedTxs()
+    createTx.clickOnTransactionItemByName(typeUntrustedToken.summaryTitle, typeUntrustedToken.summaryTxInfo)
+    createTx.clickOnCopyBtn(0)
+    createTx.verifyWarningModalVisible()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/tx_history_6.cy.js b/apps/web/cypress/e2e/regression/tx_history_6.cy.js
new file mode 100644
index 000000000..5b8e915e7
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_history_6.cy.js
@@ -0,0 +1,91 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as createTx from '../pages/create_tx.pages.js'
+import * as data from '../../fixtures/txhistory_data_data.json'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const typeOnchainRejection = data.type.onchainRejection
+const typeBatch = data.type.batchNativeTransfer
+const typeReceive = data.type.receive
+const typeSend = data.type.send
+const typeDeleteAllowance = data.type.deleteSpendingLimit
+const typeGeneral = data.type.general
+const typeUntrustedToken = data.type.untrustedReceivedToken
+
+describe('Tx history tests 6', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_7)
+  })
+
+  // Token receipt
+  it('Verify summary for token receipt', () => {
+    createTx.verifySummaryByName(
+      typeReceive.summaryTitle,
+      typeReceive.summaryTxInfo,
+      [typeReceive.summaryTxInfo, typeGeneral.statusOk],
+      typeReceive.altImage,
+    )
+  })
+
+  it('Verify exapanded details for token receipt', () => {
+    createTx.clickOnTransactionItemByName(typeReceive.summaryTitle, typeReceive.summaryTxInfo)
+    createTx.verifyExpandedDetails([
+      typeReceive.title,
+      typeReceive.receivedFrom,
+      typeReceive.senderAddress,
+      typeReceive.transactionHash,
+    ])
+  })
+
+  it('Verify summary for token send', () => {
+    createTx.verifySummaryByName(
+      typeSend.title,
+      null,
+      [typeSend.summaryTxInfo2, typeGeneral.statusOk],
+      typeSend.altImage,
+      typeSend.altToken,
+    )
+  })
+
+  it('Verify summary for on-chain rejection', () => {
+    createTx.verifySummaryByName(
+      typeOnchainRejection.title,
+      null,
+      [typeGeneral.statusOk],
+      typeOnchainRejection.altImage,
+    )
+  })
+
+  it('Verify summary for batch', () => {
+    createTx.verifySummaryByName(typeBatch.title, typeBatch.summaryTxInfo, [
+      typeBatch.summaryTxInfo,
+      typeGeneral.statusOk,
+    ])
+  })
+
+  it('Verify summary for allowance deletion', () => {
+    createTx.verifySummaryByName(
+      typeDeleteAllowance.title,
+      typeDeleteAllowance.summaryTxInfo,
+      [typeDeleteAllowance.summaryTxInfo, typeGeneral.statusOk],
+      typeDeleteAllowance.altImage,
+    )
+  })
+
+  it('Verify summary for untrusted token', () => {
+    createTx.toggleUntrustedTxs()
+    createTx.verifySummaryByName(
+      typeUntrustedToken.summaryTitle,
+      typeUntrustedToken.summaryTxInfo,
+      [typeUntrustedToken.summaryTxInfo, typeGeneral.statusOk],
+      typeUntrustedToken.altImage,
+    )
+    createTx.verifySpamIconIsDisplayed(typeUntrustedToken.title, typeUntrustedToken.summaryTxInfo)
+  })
+})
diff --git a/cypress/e2e/smoke/tx_history_filter.cy.js b/apps/web/cypress/e2e/regression/tx_history_filter.cy.js
similarity index 98%
rename from cypress/e2e/smoke/tx_history_filter.cy.js
rename to apps/web/cypress/e2e/regression/tx_history_filter.cy.js
index 44d5b3dd1..575953145 100644
--- a/cypress/e2e/smoke/tx_history_filter.cy.js
+++ b/apps/web/cypress/e2e/regression/tx_history_filter.cy.js
@@ -9,7 +9,7 @@ const success = constants.transactionStatus.success.toUpperCase()
 const txType_outgoing = 'multisig'
 const txType_incoming = 'incoming'
 
-describe('[SMOKE] API Tx history filter tests', () => {
+describe('API Tx history filter tests', () => {
   before(async () => {
     staticSafes = await getSafes(CATEGORIES.static)
   })
@@ -183,7 +183,8 @@ describe('[SMOKE] API Tx history filter tests', () => {
   it('Verify that when the outgoing date range filter is set to only one day with no transactions, it returns no results', () => {
     const params = {
       transactionType: txType_outgoing,
-      startDate: '2024-07-16T23:00:00.000Z',
+      startDate: '2024-07-16T00:00:00.000Z',
+      endDate: '2024-07-16T23:00:00.000Z',
       token_address: constants.RECIPIENT_ADDRESS,
     }
     const url = buildQueryUrl({ chainId, safeAddress, ...params })
diff --git a/apps/web/cypress/e2e/regression/tx_history_filter_2.cy.js b/apps/web/cypress/e2e/regression/tx_history_filter_2.cy.js
new file mode 100644
index 000000000..ebc6baffb
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_history_filter_2.cy.js
@@ -0,0 +1,58 @@
+/* eslint-disable */
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import { buildQueryUrl } from '../../support/utils/txquery.js'
+import * as constants from '../../support/constants.js'
+
+let staticSafes = []
+let safeAddress
+
+const txType_incoming = 'incoming'
+
+describe('API Tx history decimals filter tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    safeAddress = staticSafes.SEP_STATIC_SAFE_38.substring(4)
+  })
+
+  const chainId = constants.networkKeys.sepolia
+
+  // incoming tx
+  it('Verify incoming USDC can be filtered with decimals', () => {
+    const params = {
+      transactionType: txType_incoming,
+      value: '12.087258546746105003',
+    }
+    const url = buildQueryUrl({ chainId, safeAddress, ...params })
+    console.log('*****. Generated URL:', url)
+
+    cy.request({
+      url: url,
+      failOnStatusCode: false,
+    }).then((response) => {
+      console.log(JSON.stringify(response.body))
+      expect(response.body).to.have.property('results').and.to.be.an('array')
+      expect(response.body.results).to.not.be.empty
+    })
+  })
+
+  it('Verify incoming ETH can be filtered with decimals', () => {
+    const params = {
+      transactionType: txType_incoming,
+      value: '0.05',
+    }
+    const url = buildQueryUrl({ chainId, safeAddress, ...params })
+    console.log('*****. Generated URL:', url)
+
+    cy.request({
+      url: url,
+      failOnStatusCode: false,
+    }).then((response) => {
+      console.log(JSON.stringify(response.body))
+      expect(response.body).to.have.property('results').and.to.be.an('array')
+      expect(response.body.results).to.not.be.empty
+    })
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/tx_notes.cy.js b/apps/web/cypress/e2e/regression/tx_notes.cy.js
new file mode 100644
index 000000000..206410b76
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_notes.cy.js
@@ -0,0 +1,116 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as createtx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as messages from '../pages/messages.pages.js'
+import * as msg_confirmation_modal from '../pages/modals/message_confirmation.pages.js'
+import * as navigation from '../pages/navigation.page'
+import * as spendinglimit from '../pages/spending_limits.pages'
+
+let staticSafes = []
+
+const sendValue = 0.00002
+const safe = 'sep:0xF184a243925Bf7fb1D64487339FF4F177Fb75644'
+
+const txs = {
+  oneOfoneTx:
+    '&id=multisig_0xF184a243925Bf7fb1D64487339FF4F177Fb75644_0xccc6945d0d674ceb45f856841bfc3991b4da27ea578ffe9652bbc6835944b323',
+}
+
+const noteCreator = 'sep:0x96D4...5aC5'
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+const signer2 = walletCredentials.OWNER_1_PRIVATE_KEY
+const signerAddress = walletCredentials.OWNER_4_WALLET_ADDRESS
+
+function happyPathToStepTwo() {
+  createtx.typeRecipientAddress(constants.EOA)
+  createtx.clickOnTokenselectorAndSelectSepoliaEth()
+  createtx.setSendValue(sendValue)
+  createtx.clickOnNextBtn()
+}
+
+describe('Transaction notes tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify the tx notes field only allows 60 characters', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_6)
+    wallet.connectSigner(signer)
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+    happyPathToStepTwo()
+    createtx.checkMaxNoteLength()
+  })
+
+  it('Verify the tx note information message', () => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_6)
+    wallet.connectSigner(signer)
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+    happyPathToStepTwo()
+    createtx.checkNoteWarningMsg()
+  })
+
+  it('Verify in the transaction details the note is visible', () => {
+    cy.visit(constants.transactionUrl + safe + txs.oneOfoneTx)
+    createtx.checkNoteRecordedNote(createtx.recordedTxNote)
+  })
+
+  it('Verify hovering over the note tooltip shows note originator', () => {
+    cy.visit(constants.transactionUrl + safe + txs.oneOfoneTx)
+    createtx.checkNoteCreator(noteCreator)
+  })
+
+  it('Verify that after a tx was executed, the tx note is not editable', () => {
+    cy.visit(constants.transactionUrl + safe + txs.oneOfoneTx)
+    createtx.checkNoteRecordedNoteReadOnly()
+  })
+
+  it('Verify no tx note field is present when signing a message', () => {
+    cy.visit(constants.transactionsMessagesUrl + staticSafes.SEP_STATIC_SAFE_26)
+    wallet.connectSigner(signer2)
+    messages.clickOnMessageSignBtn(0)
+    msg_confirmation_modal.verifyMessagePresent(messages.offchainMessage)
+    main.verifyElementsCount(createtx.noteTextField, 0)
+  })
+
+  it('Verify no tx note field is present during the use of a spending limit', () => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_8)
+    wallet.connectSigner(signer)
+    navigation.clickOnNewTxBtn()
+    createtx.clickOnSendTokensBtn()
+    createtx.typeRecipientAddress(constants.EOA)
+    spendinglimit.enterSpendingLimitAmount(0.00001)
+    spendinglimit.selectSpendingLimitOption()
+    createtx.clickOnNextBtn()
+    main.verifyElementsCount(createtx.noteTextField, 0)
+  })
+
+  it('Verify that in a send funds tx the note field shows up in the execution part of the form', () => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_8)
+    wallet.connectSigner(signer)
+    navigation.clickOnNewTxBtn()
+    createtx.clickOnSendTokensBtn()
+    createtx.typeRecipientAddress(constants.EOA)
+    spendinglimit.enterSpendingLimitAmount(0.00001)
+    spendinglimit.selectStandardOption()
+    createtx.clickOnNextBtn()
+    main.verifyElementsCount(createtx.noteTextField, 1)
+  })
+
+  it('Verify no tx note is present during a recovery tx', () => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_8)
+    wallet.connectSigner(signer)
+    navigation.clickOnNewTxBtn()
+    createtx.clickOnSendTokensBtn()
+    createtx.typeRecipientAddress(constants.EOA)
+    spendinglimit.enterSpendingLimitAmount(0.00001)
+    spendinglimit.selectStandardOption()
+    createtx.clickOnNextBtn()
+    main.verifyElementsCount(createtx.noteTextField, 1)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/tx_queue.cy.js b/apps/web/cypress/e2e/regression/tx_queue.cy.js
new file mode 100644
index 000000000..454bca61f
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_queue.cy.js
@@ -0,0 +1,94 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as swaps from '../pages/swaps.pages.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as swaps_data from '../../fixtures/swaps_data.json'
+
+let staticSafes = []
+
+const swapsHistory = swaps_data.type.history
+const swapsQueue = swaps_data.type.queue
+const orderDetails = swaps_data.type.orderDetails
+
+describe('Transaction queue tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify sell Limit order in queue', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_34 + swaps.swapTxs.sellQLimitOrder)
+    const dai = swaps.createRegex(swapsHistory.forAtLeastFullDai, 'DAI')
+    const eq = swaps.createRegex(swapsHistory.DAIeqCOW, 'COW')
+
+    create_tx.verifyTxHeaderDetails([swapsQueue.oneOfTwo, swapsHistory.limitorder_title])
+    create_tx.verifyExpandedDetails([
+      swapsHistory.filled,
+      swapsHistory.status,
+      swapsHistory.oderId,
+      swapsHistory.limitPrice,
+      swapsHistory.sellOrder,
+      swapsHistory.sell,
+      dai,
+      eq,
+      swapsHistory.executionNeeded,
+    ])
+    create_tx.clickOnAdvancedDetails()
+    create_tx.verifyExpandedDetails(
+      [swapsHistory.multiSend, swapsHistory.multiSend, swapsHistory.multiSendCallOnly1_4_1],
+      create_tx.delegateCallWarning,
+    )
+    main.verifyElementsExist([create_tx.altImgDai, create_tx.altImgCow])
+  })
+
+  it('Verify sell Swap order in queue', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_34 + swaps.swapTxs.sellSwapQLimitOrder)
+    const dai = swaps.createRegex(swapsHistory.forAtLeastFullDai, 'DAI')
+    const eq = swaps.createRegex(swapsHistory.DAIeqCOW, 'COW')
+
+    create_tx.verifyTxHeaderDetails([swapsQueue.oneOfTwo, swapsHistory.title])
+    create_tx.verifyExpandedDetails([
+      swapsHistory.status,
+      swapsHistory.oderId,
+      swapsHistory.limitPrice,
+      swapsHistory.sellOrder,
+      swapsHistory.sell,
+      swapsHistory.expired,
+
+      dai,
+      eq,
+    ])
+    create_tx.clickOnAdvancedDetails()
+    create_tx.verifyExpandedDetails(
+      [swapsHistory.multiSend, swapsHistory.multiSend, swapsHistory.multiSendCallOnly1_4_1],
+      create_tx.delegateCallWarning,
+    )
+    main.verifyElementsExist([create_tx.altImgDai, create_tx.altImgCow])
+  })
+
+  it('Verify sell TWAP order in queue', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_34 + swaps.swapTxs.sellTwapQLimitOrder)
+    const dai = swaps.createRegex(swapsHistory.forAtLeastFullDai, 'DAI')
+    const eq = swaps.createRegex(swapsHistory.DAIeqCOW, 'COW')
+    const sellAmount = swaps.getTokenPrice('COW')
+    const buyAmount = swaps.getTokenPrice('DAI')
+    const tokenSoldPrice = swaps.getTokenPrice('COW')
+
+    create_tx.verifyTxHeaderDetails([swapsQueue.oneOfTwo, swapsHistory.twaporder_title])
+    create_tx.verifyExpandedDetails([
+      swapsHistory.filled,
+      swapsHistory.limitPrice,
+      swapsHistory.sellOrder,
+      swapsHistory.sell,
+      swapsHistory.executionNeeded,
+      dai,
+      eq,
+    ])
+    swaps.checkNumberOfParts(2)
+    swaps.checkSellAmount(sellAmount)
+    swaps.checkBuyAmount(buyAmount)
+    swaps.checkPercentageFilled(0, tokenSoldPrice)
+    swaps.checkPartDuration('182 days')
+    main.verifyElementsExist([create_tx.altImgDai, create_tx.altImgCow])
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/tx_queue_delete_btn.cy.js b/apps/web/cypress/e2e/regression/tx_queue_delete_btn.cy.js
new file mode 100644
index 000000000..9b33f46f6
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_queue_delete_btn.cy.js
@@ -0,0 +1,54 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as navigation from '../pages/navigation.page.js'
+
+let staticSafes = []
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_3_PRIVATE_KEY
+const signer2 = walletCredentials.OWNER_4_PRIVATE_KEY
+
+const nextTxToBeExecuted =
+  '&id=multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0x539c9c2cd63bae1e4f84f71ef9aa7aea1fd8edb82b089c741cffad99843d0884'
+
+const previousTx =
+  '&id=multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0x539c9c2cd63bae1e4f84f71ef9aa7aea1fd8edb82b089c741cffad99843d0884'
+
+describe('Transaction queue Delete button tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify the option to Delete tx is available in the Reject tx modal for the next tx to be executed', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_7 + nextTxToBeExecuted)
+    wallet.connectSigner(signer2)
+    create_tx.clickOnRejectBtn()
+    create_tx.verifyTxRejectModalVisible()
+    create_tx.verifyDeleteChoiceBtnStatus(constants.enabledStates.enabled)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify the option of Delete tx is disabled for a tx that is not next to be executed', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_7 + previousTx)
+    wallet.connectSigner(signer2)
+    create_tx.clickOnRejectBtn()
+    create_tx.verifyTxRejectModalVisible()
+    create_tx.verifyDeleteChoiceBtnStatus(constants.enabledStates.disabled)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify that only the owner that proposed the tx has the option to delete it', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_7 + previousTx)
+    wallet.connectSigner(signer)
+    create_tx.clickOnRejectBtn()
+    create_tx.verifyTxRejectModalVisible()
+    main.verifyElementsCount(create_tx.deleteChoiceBtn, 0)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/tx_queue_reject_btn.cy.js b/apps/web/cypress/e2e/regression/tx_queue_reject_btn.cy.js
new file mode 100644
index 000000000..a2e2a787e
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_queue_reject_btn.cy.js
@@ -0,0 +1,98 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as swaps from '../pages/swaps.pages.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as data from '../../fixtures/txhistory_data_data.json'
+import * as wallet from '../../support/utils/wallet.js'
+import * as navigation from '../pages/navigation.page'
+import { disconnectedUserErrorMsg } from '../pages/owners.pages'
+import { comboButtonOptions } from '../pages/create_tx.pages'
+
+let staticSafes = []
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_3_PRIVATE_KEY
+const signer2 = walletCredentials.OWNER_4_PRIVATE_KEY
+
+const typeOnchainRejection = data.type.onchainRejection
+
+const onchainRejectionTx =
+  '&id=multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0x13037f442aa430867c6f50799382fe42ae788896e2d032a6849bf07bc87d0fe2'
+
+const onchainRejectionTx2 =
+  '&id=multisig_0x4B8A8Ca9F0002a850CB2c81b205a6D7429a22DEe_0x66460c1f56c55fc2101565cb968a0cf393be0fe84528d7507a81be7125160034'
+
+describe('Transaction queue Reject button tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify a tx in queue shows the Reject button', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_34 + swaps.swapTxs.sellQLimitOrder)
+    create_tx.getRejectButton().should('be.visible')
+  })
+
+  it('Verify that Reject button is disabled out for non-owners and disconnected users', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_34 + swaps.swapTxs.sellQLimitOrder)
+    create_tx.verifyRejectBtnDisabled()
+    wallet.connectSigner(signer)
+    create_tx.verifyRejectBtnDisabled()
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify that clicking a disabled Reject button when not connected opens the Onboard modal', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_34 + swaps.swapTxs.sellQLimitOrder)
+    create_tx.hoverOverRejectBtnBtn()
+    main.verifyTextVisibility([disconnectedUserErrorMsg])
+  })
+
+  it('Verify that clicking rejection with an owner opens a modal with the Reject option', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_34 + swaps.swapTxs.sellQLimitOrder)
+    wallet.connectSigner(signer2)
+    create_tx.clickOnRejectBtn()
+    create_tx.verifyTxRejectModalVisible()
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify that using the Reject option opens a tx modal showing the nonce that will be rejected', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_34 + swaps.swapTxs.sellQLimitOrder)
+    wallet.connectSigner(signer2)
+    create_tx.clickOnRejectBtn()
+    create_tx.verifyTxRejectModalVisible()
+    create_tx.clickOnRejectionChoiceBtn(1)
+    create_tx.verifyTxNonceDisplayed(0)
+    create_tx.checkNonceIsReadOnly()
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify a Reject tx name is "On-Chain rejection" in history', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_7 + onchainRejectionTx)
+    create_tx.verifyTxHeaderDetails([typeOnchainRejection.title])
+  })
+
+  it('Verify a Reject tx cannot be "Added as batch"', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_34 + swaps.swapTxs.sellQLimitOrder)
+    wallet.connectSigner(signer2)
+    create_tx.clickOnRejectBtn()
+    create_tx.verifyTxRejectModalVisible()
+    create_tx.clickOnRejectionChoiceBtn(1)
+    create_tx.clickOnContinueSignTransactionBtn()
+    create_tx.checkThatComboButtonOptionIsNotPresent(create_tx.comboButtonOptions.addToBatch)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify 2 Reject tx cannot be created with the same nonce', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_37 + onchainRejectionTx2)
+    wallet.connectSigner(signer2)
+    create_tx.clickOnRejectBtn()
+    create_tx.verifyTxRejectModalVisible()
+    create_tx.verifyRejecChoiceBtnStatus(constants.enabledStates.disabled)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/tx_queue_replace_btn.cy.js b/apps/web/cypress/e2e/regression/tx_queue_replace_btn.cy.js
new file mode 100644
index 000000000..821a140c9
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_queue_replace_btn.cy.js
@@ -0,0 +1,65 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as swaps from '../pages/swaps.pages.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as navigation from '../pages/navigation.page.js'
+import { spendingLimitTxOption } from '../pages/spending_limits.pages'
+
+let staticSafes = []
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer2 = walletCredentials.OWNER_4_PRIVATE_KEY
+
+const sendQueueTx =
+  '&id=multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0x539c9c2cd63bae1e4f84f71ef9aa7aea1fd8edb82b089c741cffad99843d0884'
+
+describe('Transaction queue Replace button tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify "Reject tx" modal has the Replace tx option', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_34 + swaps.swapTxs.sellQLimitOrder)
+    wallet.connectSigner(signer2)
+    create_tx.clickOnRejectBtn()
+    create_tx.verifyTxRejectModalVisible()
+    create_tx.verifyReplaceChoiceBtnVisible()
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify Replace tx takes to a "Send funds" form with the same nonce as the tx being replaced', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_34 + swaps.swapTxs.sellQLimitOrder)
+    wallet.connectSigner(signer2)
+    create_tx.clickOnRejectBtn()
+    create_tx.verifyTxRejectModalVisible()
+    create_tx.clickOnReplaceTxOption()
+    create_tx.verifyNonceInputValue('0')
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify there is no "Add to batch" option in a Send funds screen via replace tx', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_34 + swaps.swapTxs.sellQLimitOrder)
+    wallet.connectSigner(signer2)
+    create_tx.clickOnRejectBtn()
+    create_tx.verifyTxRejectModalVisible()
+    create_tx.clickOnReplaceTxOption()
+    main.verifyElementsCount(create_tx.addToBatchBtn, 0)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+
+  it('Verify there is no spending limit option in Send funds form when replacing a tx', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_7 + sendQueueTx)
+    wallet.connectSigner(signer2)
+    create_tx.clickOnRejectBtn()
+    create_tx.verifyTxRejectModalVisible()
+    create_tx.clickOnReplaceTxOption()
+    main.verifyElementsCount(spendingLimitTxOption, 0)
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/tx_share_block.cy.js b/apps/web/cypress/e2e/regression/tx_share_block.cy.js
new file mode 100644
index 000000000..769405e18
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_share_block.cy.js
@@ -0,0 +1,72 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as create_tx from '../pages/create_tx.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import { getEvents, events, checkDataLayerEvents } from '../../support/utils/gtag.js'
+
+let staticSafes = []
+
+const txs = {
+  tx1: '&id=multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0x539c9c2cd63bae1e4f84f71ef9aa7aea1fd8edb82b089c741cffad99843d0884',
+  tx2: '&id=multisig_0xBf30F749FC027a5d79c4710D988F0D3C8e217A4F_0x329f5c9429ec366e99b4f7c981417267b6718e4896182d614fbc86673e0dd39c',
+  tx3: '&id=multisig_0x09725D3c2f9bE905F8f9f1b11a771122cf9C9f35_0xd70f2f8b31ae98a7e3064f6cdb437e71d3df083a0709fb82c915fa82767a19eb',
+  tx4: '&id=multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0x35aa6e1de3ebc7c5aebe461b4b16adf28a258c9e78d4eb1a48121f1a0a8a58aa',
+}
+
+describe('Transaction share block tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify share tx block URL exists on Tx details in Queued list when additional signature is required', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_7 + txs.tx1)
+    main.verifyElementsExist([create_tx.txShareBlock])
+    create_tx.expandTxShareBlock()
+  })
+
+  it('Verify that share block exists in the executed tx', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_7 + txs.tx4)
+    main.verifyElementsExist([create_tx.txShareBlock])
+    create_tx.checkCopyBtnExistsInShareblock()
+  })
+
+  it('Verify that share block is displayed for the proposed for signing txs', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_31 + txs.tx3)
+    main.verifyElementsExist([create_tx.txShareBlock])
+    create_tx.expandTxShareBlock()
+  })
+
+  it('Verify click on the Copy link, copies the correct URL', () => {
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_31 + txs.tx3)
+    main.verifyElementsExist([create_tx.txShareBlock])
+    create_tx.expandTxShareBlock()
+    create_tx.verifyCopiedURL()
+  })
+
+  it('Verify the tracking for the Share block. GA: Open share block, Copy deeplink', () => {
+    const shareBlockExpanded = [
+      {
+        eventAction: events.txOpenShareBlock.action,
+        eventCategory: events.txOpenShareBlock.category,
+        event: events.txOpenShareBlock.event,
+        safeAddress: staticSafes.SEP_STATIC_SAFE_31.slice(6),
+      },
+    ]
+    const shareBlockCopiedLink = [
+      {
+        eventAction: events.txCopyShareBlockLink.action,
+        eventCategory: events.txCopyShareBlockLink.category,
+        event: events.txCopyShareBlockLink.event,
+        safeAddress: staticSafes.SEP_STATIC_SAFE_31.slice(6),
+      },
+    ]
+    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_31 + txs.tx3)
+    main.verifyElementsExist([create_tx.txShareBlock])
+    create_tx.expandTxShareBlock()
+    create_tx.verifyCopiedURL()
+
+    getEvents()
+    checkDataLayerEvents(shareBlockExpanded)
+    checkDataLayerEvents(shareBlockCopiedLink)
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/walletconnect.cy.js b/apps/web/cypress/e2e/regression/walletconnect.cy.js
new file mode 100644
index 000000000..2112ea6e6
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/walletconnect.cy.js
@@ -0,0 +1,44 @@
+import * as constants from '../../support/constants.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wc from '../pages/walletconnect.page.js'
+
+let staticSafes = []
+
+describe('Walletconnect UI tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  const views = [
+    constants.BALANCE_URL,
+    constants.setupUrl,
+    constants.swapUrl,
+    constants.createNewSafeSepoliaUrl,
+    constants.transactionUrl,
+    constants.transactionsHistoryUrl,
+    constants.loadNewSafeSepoliaUrl,
+    constants.securityUrl,
+    constants.homeUrl,
+    constants.balanceNftsUrl,
+    constants.welcomeAccountsSepoliaUrl,
+    constants.addressBookUrl,
+    constants.appsUrlGeneral,
+    constants.welcomeSepoliaUrl,
+    constants.transactionQueueUrl,
+    constants.transactionsMessagesUrl,
+    constants.modulesUrl,
+    constants.appsCustomUrl,
+    constants.securityUrl,
+    constants.appearanceSettingsUrl,
+    constants.dataSettingsUrl,
+    constants.notificationsUrl,
+  ]
+
+  views.forEach((link) => {
+    it(`Verify clicking on WC icon shows basic elements in view: ${link}`, () => {
+      cy.visit(link + staticSafes.SEP_STATIC_SAFE_4)
+      wc.clickOnWCBtn()
+      wc.checkBasicElementsVisible()
+    })
+  })
+})
diff --git a/apps/web/cypress/e2e/regression/walletconnect_2.cy.js b/apps/web/cypress/e2e/regression/walletconnect_2.cy.js
new file mode 100644
index 000000000..941749557
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/walletconnect_2.cy.js
@@ -0,0 +1,19 @@
+import * as constants from '../../support/constants.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wc from '../pages/walletconnect.page.js'
+import * as main from '../pages/main.page.js'
+
+let staticSafes = []
+
+describe('Walletconnect tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  it('Verify that connection via WC is not allowed when no selected safe in URL', () => {
+    cy.visit(constants.homeUrl)
+    wc.clickOnWCBtn()
+    cy.contains(wc.connectWCStr).should('be.visible')
+    main.verifyElementsCount(wc.wcInput, 0)
+  })
+})
diff --git a/apps/web/cypress/e2e/safe-apps/apps_list.cy.js b/apps/web/cypress/e2e/safe-apps/apps_list.cy.js
new file mode 100644
index 000000000..070b03e3f
--- /dev/null
+++ b/apps/web/cypress/e2e/safe-apps/apps_list.cy.js
@@ -0,0 +1,89 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as safeapps from '../pages/safeapps.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as ls from '../../support/localstorage_data.js'
+
+const myCustomAppTitle = 'Cypress Test App'
+const myCustomAppDescrAdded = 'Cypress Test App Description'
+
+let staticSafes = []
+
+describe('Safe Apps list tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(`${constants.appsUrl}?safe=${staticSafes.SEP_STATIC_SAFE_1}`, {
+      failOnStatusCode: false,
+    })
+  })
+
+  it('Verify app list can be filtered by app name', () => {
+    // Wait for /safe-apps response
+    cy.intercept('GET', constants.appsEndpoint).then(() => {
+      safeapps.typeAppName(constants.appNames.txbuilder)
+      safeapps.verifyLinkName(safeapps.linkNames.txBuilderLogo)
+    })
+  })
+
+  it('Verify app list can be filtered by app description', () => {
+    safeapps.typeAppName(constants.appNames.customContract)
+    safeapps.verifyLinkName(safeapps.linkNames.txBuilderLogo)
+  })
+
+  it('Verify error message is displayed when no app found', () => {
+    safeapps.typeAppName(constants.appNames.noResults)
+    safeapps.verifyNoAppsTextPresent()
+  })
+
+  it('Verify apps can be pinned', () => {
+    safeapps.clearSearchAppInput()
+    safeapps.pinApp(0, safeapps.transactionBuilderStr)
+    safeapps.verifyPinnedAppCount(1)
+  })
+
+  it('Verify apps can be unpinned', () => {
+    safeapps.pinApp(0, safeapps.transactionBuilderStr)
+    safeapps.pinApp(0, safeapps.transactionBuilderStr, false)
+    safeapps.verifyPinnedAppCount(0)
+  })
+
+  it('Verify there is an error when the app manifest is invalid', () => {
+    safeapps.clickOnCustomAppsTab()
+    safeapps.clickOnAddCustomApp()
+    safeapps.typeCustomAppUrl(`https://manifest${Math.random()}.tow`)
+    safeapps.verifyAppNotSupportedMsg()
+  })
+
+  it('Verify an app can be added to the list within the custom apps section', () => {
+    const url = `https://manifest${Math.random()}.com`
+    const manifest = url + '/manifest.json'
+    cy.intercept('GET', manifest, {
+      name: constants.testAppData.name,
+      description: constants.testAppData.descr,
+      icons: [{ src: 'logo.svg', sizes: 'any', type: 'image/svg+xml' }],
+    })
+
+    safeapps.clickOnCustomAppsTab()
+    safeapps.clickOnAddCustomApp()
+    safeapps.typeCustomAppUrl(url)
+    safeapps.verifyAppTitle(myCustomAppTitle)
+    safeapps.acceptTC()
+    safeapps.clickOnAddBtn()
+    safeapps.verifyCustomAppCount(1)
+    safeapps.verifyAppDescription(myCustomAppDescrAdded)
+  })
+
+  it('Verify the featured apps list', () => {
+    safeapps.verifyAppInFeaturedList(safeapps.transactionBuilderStr)
+    safeapps.verifyAppInFeaturedList(safeapps.cowswapStr)
+  })
+
+  it('Verify that pinned app can be in pinned section and in featured at the same time', () => {
+    safeapps.pinApp(0, safeapps.transactionBuilderStr)
+    safeapps.verifyAppInFeaturedList(safeapps.transactionBuilderStr)
+    safeapps.verifyAppInPinnedList(safeapps.transactionBuilderStr)
+  })
+})
diff --git a/apps/web/cypress/e2e/safe-apps/browser_permissions.cy.js b/apps/web/cypress/e2e/safe-apps/browser_permissions.cy.js
new file mode 100644
index 000000000..1ff7e747b
--- /dev/null
+++ b/apps/web/cypress/e2e/safe-apps/browser_permissions.cy.js
@@ -0,0 +1,28 @@
+import * as constants from '../../support/constants'
+import * as safeapps from '../pages/safeapps.pages'
+
+describe('Browser permissions tests', () => {
+  beforeEach(() => {
+    cy.fixture('safe-app').then((html) => {
+      cy.intercept('GET', `${constants.TX_Builder_url}/*`, html)
+      cy.intercept('GET', `*/manifest.json`, {
+        name: constants.testAppData.name,
+        description: constants.testAppData.descr,
+        icons: [{ src: 'logo.svg', sizes: 'any', type: 'image/svg+xml' }],
+        safe_apps_permissions: ['camera', 'microphone'],
+      })
+    })
+    cy.visitSafeApp(`${constants.TX_Builder_url}`)
+  })
+
+  it('Verify a permissions slide to the user is displayed', () => {
+    safeapps.verifyCameraCheckBoxExists()
+    safeapps.verifyMicrofoneCheckBoxExists()
+  })
+
+  it('Verify the selection can be changed, accepted and stored', () => {
+    safeapps.verifyMicrofoneCheckBoxExists().click()
+    safeapps.verifyCameraCheckBoxExists()
+    safeapps.checkLocalStorage()
+  })
+})
diff --git a/cypress/e2e/safe-apps/constants.js b/apps/web/cypress/e2e/safe-apps/constants.js
similarity index 100%
rename from cypress/e2e/safe-apps/constants.js
rename to apps/web/cypress/e2e/safe-apps/constants.js
diff --git a/cypress/e2e/safe-apps/drain_account.spec.cy.js b/apps/web/cypress/e2e/safe-apps/drain_account.spec.cy.js
similarity index 76%
rename from cypress/e2e/safe-apps/drain_account.spec.cy.js
rename to apps/web/cypress/e2e/safe-apps/drain_account.spec.cy.js
index 032e75157..d7f643a84 100644
--- a/cypress/e2e/safe-apps/drain_account.spec.cy.js
+++ b/apps/web/cypress/e2e/safe-apps/drain_account.spec.cy.js
@@ -1,55 +1,61 @@
 import 'cypress-file-upload'
 import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
 import * as safeapps from '../pages/safeapps.pages'
 import * as navigation from '../pages/navigation.page'
 import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
 
 let safeAppSafes = []
 let iframeSelector
 
-describe('Drain Account tests', { defaultCommandTimeout: 12000 }, () => {
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('Drain Account tests', { defaultCommandTimeout: 40000 }, () => {
   before(async () => {
     safeAppSafes = await getSafes(CATEGORIES.safeapps)
   })
 
   beforeEach(() => {
     const appUrl = constants.drainAccount_url
-    iframeSelector = `iframe[id="iframe-${appUrl}"]`
+    iframeSelector = `iframe[id="iframe-${encodeURIComponent(appUrl)}"]`
     const visitUrl = `/apps/open?safe=${safeAppSafes.SEP_SAFEAPP_SAFE_1}&appUrl=${encodeURIComponent(appUrl)}`
-
     cy.intercept(`**//v1/chains/11155111/safes/${safeAppSafes.SEP_SAFEAPP_SAFE_1.substring(4)}/balances/**`, {
       fixture: 'balances.json',
     })
-
-    cy.clearLocalStorage()
     cy.visit(visitUrl)
-    main.acceptCookies()
-    safeapps.clickOnContinueBtn()
+    cy.get(iframeSelector, { timeout: 30000 }).should('be.visible')
   })
 
   it('Verify drain can be created', () => {
+    wallet.connectSigner(signer)
     cy.enter(iframeSelector).then((getBody) => {
-      getBody().findByLabelText(safeapps.recipientStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
+      getBody().findByLabelText(safeapps.recipientStr).type(getMockAddress())
       getBody().findAllByText(safeapps.transferEverythingStr).click()
     })
     cy.findByRole('button', { name: safeapps.testTransfer1 })
     cy.findByRole('button', { name: safeapps.nativeTransfer2 })
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
   })
 
   it('Verify partial drain can be created', () => {
+    wallet.connectSigner(signer)
     cy.enter(iframeSelector).then((getBody) => {
       getBody().findByLabelText(safeapps.selectAllRowsChbxStr).click()
       getBody().findAllByLabelText(safeapps.selectRowChbxStr).eq(1).click()
       getBody().findAllByLabelText(safeapps.selectRowChbxStr).eq(2).click()
-      getBody().findByLabelText(safeapps.recipientStr).clear().type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
+      getBody().findByLabelText(safeapps.recipientStr).clear().type(getMockAddress())
       getBody().findAllByText(safeapps.transfer2AssetsStr).click()
     })
     cy.findByRole('button', { name: safeapps.testTransfer2 })
     cy.findByRole('button', { name: safeapps.nativeTransfer1 })
+    navigation.clickOnWalletExpandMoreIcon()
+    navigation.clickOnDisconnectBtn()
   })
 
-  // TODO: ENS does not resolve
+  // Skip until ENS resolve bug is fixed
   it.skip('Verify a drain can be created when a ENS is specified', () => {
     cy.enter(iframeSelector).then((getBody) => {
       getBody().findByLabelText(safeapps.recipientStr).type(constants.ENS_TEST_SEPOLIA).wait(2000)
@@ -61,10 +67,10 @@ describe('Drain Account tests', { defaultCommandTimeout: 12000 }, () => {
 
   it('Verify when cancelling a drain, previous data is preserved', () => {
     cy.enter(iframeSelector).then((getBody) => {
-      getBody().findByLabelText(safeapps.recipientStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
+      getBody().findByLabelText(safeapps.recipientStr).type(getMockAddress())
       getBody().findAllByText(safeapps.transferEverythingStr).click()
     })
-    navigation.clickOnModalCloseBtn()
+    navigation.clickOnModalCloseBtn(0)
     cy.enter(iframeSelector).then((getBody) => {
       getBody().findAllByText(safeapps.transferEverythingStr).should('be.visible')
     })
@@ -79,7 +85,7 @@ describe('Drain Account tests', { defaultCommandTimeout: 12000 }, () => {
 
   it('Verify a drain cannot be created with invalid recipient selected', () => {
     cy.enter(iframeSelector).then((getBody) => {
-      getBody().findByLabelText(safeapps.recipientStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2.substring(1))
+      getBody().findByLabelText(safeapps.recipientStr).type(getMockAddress().substring(1))
       getBody().findAllByText(safeapps.transferEverythingStr).click()
       getBody().findByText(safeapps.validRecipientAddressStr)
     })
@@ -88,7 +94,7 @@ describe('Drain Account tests', { defaultCommandTimeout: 12000 }, () => {
   it('Verify a drain cannot be created when no assets are selected', () => {
     cy.enter(iframeSelector).then((getBody) => {
       getBody().findByLabelText(safeapps.selectAllRowsChbxStr).click()
-      getBody().findByLabelText(safeapps.recipientStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
+      getBody().findByLabelText(safeapps.recipientStr).type(getMockAddress())
       getBody().findAllByText(safeapps.noTokensSelectedStr).should('be.visible')
     })
   })
diff --git a/apps/web/cypress/e2e/safe-apps/info_modal.cy.js b/apps/web/cypress/e2e/safe-apps/info_modal.cy.js
new file mode 100644
index 000000000..fbd93cb3c
--- /dev/null
+++ b/apps/web/cypress/e2e/safe-apps/info_modal.cy.js
@@ -0,0 +1,27 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as safeapps from '../pages/safeapps.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+describe('Info modal tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(`${constants.appsUrl}?safe=${staticSafes.SEP_STATIC_SAFE_2}`, {
+      failOnStatusCode: false,
+    })
+  })
+
+  it('Verify the disclaimer is displayed when a Safe App is opened', () => {
+    // Required to show disclaimer
+    cy.clearLocalStorage()
+    main.acceptCookies()
+    safeapps.clickOnApp(safeapps.transactionBuilderStr)
+    safeapps.clickOnOpenSafeAppBtn()
+    safeapps.verifyDisclaimerIsDisplayed()
+  })
+})
diff --git a/cypress/e2e/safe-apps/permissions_settings.cy.js b/apps/web/cypress/e2e/safe-apps/permissions_settings.cy.js
similarity index 97%
rename from cypress/e2e/safe-apps/permissions_settings.cy.js
rename to apps/web/cypress/e2e/safe-apps/permissions_settings.cy.js
index 53df8b6ce..41f29b596 100644
--- a/cypress/e2e/safe-apps/permissions_settings.cy.js
+++ b/apps/web/cypress/e2e/safe-apps/permissions_settings.cy.js
@@ -8,12 +8,10 @@ let $dapps,
 const app1 = 'https://app1.com'
 const app3 = 'https://app3.com'
 
-// TODO: Skip until connection error is resolved
-describe.skip('Permissions settings tests', () => {
+describe('Permissions settings tests', () => {
   before(() => {
     getSafes(CATEGORIES.static).then((statics) => {
       staticSafes = statics
-      cy.clearLocalStorage()
       cy.on('window:before:load', (window) => {
         window.localStorage.setItem(
           constants.BROWSER_PERMISSIONS_KEY,
@@ -52,7 +50,7 @@ describe.skip('Permissions settings tests', () => {
       cy.visit(`${constants.appSettingsUrl}?safe=${staticSafes.SEP_STATIC_SAFE_2}`, {
         failOnStatusCode: false,
       })
-      main.acceptCookies()
+      main.acceptCookies2()
     })
   })
 
diff --git a/cypress/e2e/safe-apps/preview_drawer.cy.js b/apps/web/cypress/e2e/safe-apps/preview_drawer.cy.js
similarity index 94%
rename from cypress/e2e/safe-apps/preview_drawer.cy.js
rename to apps/web/cypress/e2e/safe-apps/preview_drawer.cy.js
index e24c590fa..d20ee5fca 100644
--- a/cypress/e2e/safe-apps/preview_drawer.cy.js
+++ b/apps/web/cypress/e2e/safe-apps/preview_drawer.cy.js
@@ -2,6 +2,7 @@ import * as constants from '../../support/constants'
 import * as main from '../pages/main.page'
 import * as safeapps from '../pages/safeapps.pages'
 import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as ls from '../../support/localstorage_data.js'
 
 let staticSafes = []
 
@@ -11,11 +12,9 @@ describe('Preview drawer tests', () => {
   })
 
   beforeEach(() => {
-    cy.clearLocalStorage()
     cy.visit(`${constants.appsUrl}?safe=${staticSafes.SEP_STATIC_SAFE_2}`, {
       failOnStatusCode: false,
     })
-    main.acceptCookies()
   })
 
   it('Verify the preview drawer is displayed when opening a Safe App from the app list', () => {
diff --git a/cypress/e2e/safe-apps/safe_permissions.cy.js b/apps/web/cypress/e2e/safe-apps/safe_permissions.cy.js
similarity index 86%
rename from cypress/e2e/safe-apps/safe_permissions.cy.js
rename to apps/web/cypress/e2e/safe-apps/safe_permissions.cy.js
index 0b64e41ad..d91082cbf 100644
--- a/cypress/e2e/safe-apps/safe_permissions.cy.js
+++ b/apps/web/cypress/e2e/safe-apps/safe_permissions.cy.js
@@ -1,10 +1,10 @@
 import * as constants from '../../support/constants'
 import * as safeapps from '../pages/safeapps.pages'
 import * as main from '../pages/main.page'
+import * as ls from '../../support/localstorage_data.js'
 
 describe('Safe permissions system tests', () => {
   beforeEach(() => {
-    cy.clearLocalStorage()
     cy.fixture('safe-app').then((html) => {
       cy.intercept('GET', `${constants.testAppUrl}/*`, html)
       cy.intercept('GET', `*/manifest.json`, {
@@ -17,11 +17,6 @@ describe('Safe permissions system tests', () => {
 
   it('Verify that requesting permissions with wallet_requestPermissions shows the permissions prompt and return the permissions on accept', () => {
     cy.visitSafeApp(constants.testAppUrl + constants.requestPermissionsUrl)
-    main.acceptCookies()
-    safeapps.clickOnContinueBtn()
-    safeapps.verifyWarningDefaultAppMsgIsDisplayed()
-    safeapps.clickOnContinueBtn()
-
     safeapps.verifyPermissionsRequestExists()
     safeapps.verifyAccessToAddressBookExists()
     safeapps.clickOnAcceptBtn()
@@ -56,11 +51,6 @@ describe('Safe permissions system tests', () => {
     })
 
     cy.visitSafeApp(constants.testAppUrl + constants.getPermissionsUrl)
-    main.acceptCookies()
-    safeapps.clickOnContinueBtn()
-    safeapps.verifyWarningDefaultAppMsgIsDisplayed()
-    safeapps.clickOnContinueBtn()
-
     cy.get('@safeAppsMessage').should('have.been.calledWithMatch', {
       data: [
         {
diff --git a/apps/web/cypress/e2e/safe-apps/tx-builder.cy.js b/apps/web/cypress/e2e/safe-apps/tx-builder.cy.js
new file mode 100644
index 000000000..b127034d0
--- /dev/null
+++ b/apps/web/cypress/e2e/safe-apps/tx-builder.cy.js
@@ -0,0 +1,224 @@
+import 'cypress-file-upload'
+import * as constants from '../../support/constants.js'
+import * as safeapps from '../pages/safeapps.pages.js'
+import * as navigation from '../pages/navigation.page.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as utils from '../../support/utils/checkers.js'
+
+let safeAppSafes = []
+let iframeSelector
+
+describe('Transaction Builder tests', { defaultCommandTimeout: 20000 }, () => {
+  before(async () => {
+    safeAppSafes = await getSafes(CATEGORIES.safeapps)
+  })
+
+  beforeEach(() => {
+    const appUrl = constants.TX_Builder_url
+    iframeSelector = `iframe[id="iframe-${encodeURIComponent(appUrl)}"]`
+    const visitUrl = `/apps/open?safe=${safeAppSafes.SEP_SAFEAPP_SAFE_1}&appUrl=${encodeURIComponent(appUrl)}`
+    cy.visit(visitUrl)
+    cy.get(iframeSelector, { timeout: 30000 }).should('be.visible')
+  })
+
+  it('Verify a simple batch can be created', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.SAFE_APP_ADDRESS)
+      getBody().find(safeapps.contractMethodIndex).parent().click()
+      getBody().findByRole('option', { name: safeapps.testAddressValue2 }).click()
+      getBody().findByLabelText(safeapps.newAddressValueStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
+      getBody().findByText(safeapps.addTransactionStr).click()
+      getBody().findAllByText(constants.SEPOLIA_CONTRACT_SHORT).should('have.length', 1)
+      getBody().findByText(safeapps.createBatchStr).click()
+      getBody().findByText(safeapps.sendBatchStr).click()
+    })
+
+    cy.get('h4').contains(safeapps.transactionBuilderStr).should('be.visible')
+    navigation.clickOnModalCloseBtn(0)
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findAllByText(constants.SEPOLIA_CONTRACT_SHORT).should('have.length', 1)
+      getBody().findByText(safeapps.testAddressValueStr).should('exist')
+    })
+  })
+
+  it('Verify a complex batch can be created', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.SAFE_APP_ADDRESS)
+      getBody().find(safeapps.contractMethodIndex).parent().click()
+      getBody().findByRole('option', { name: safeapps.testBooleanValue }).click()
+      getBody().findByText(safeapps.addTransactionStr).click()
+
+      getBody().find(safeapps.contractMethodIndex).parent().click()
+      getBody().findByRole('option', { name: safeapps.testBooleanValue }).click()
+      getBody().findByText(safeapps.addTransactionStr).click()
+
+      getBody().find(safeapps.contractMethodIndex).parent().click()
+      getBody().findByRole('option', { name: safeapps.testBooleanValue }).click()
+      getBody().findByText(safeapps.addTransactionStr).click()
+
+      getBody().findAllByText(constants.SEPOLIA_CONTRACT_SHORT).should('have.length', 3)
+      getBody().findAllByText(safeapps.testBooleanValue).should('have.length', 3)
+
+      getBody().findByText(safeapps.createBatchStr).click()
+      getBody().findByText(safeapps.sendBatchStr).click()
+    })
+    cy.get('h4').contains(safeapps.transactionBuilderStr).should('be.visible')
+    navigation.clickOnModalCloseBtn(0)
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findAllByText(constants.SEPOLIA_CONTRACT_SHORT).should('have.length', 3)
+      getBody().findAllByText(safeapps.testBooleanValue).should('have.length', 3)
+    })
+  })
+
+  // TODO: Fix this test once Sepolia ENS works in tx builder
+  it.skip('Verify a batch can be created using ENS name', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.ENS_TEST_SEPOLIA)
+      getBody().findByRole('button', { name: safeapps.useImplementationABI }).click()
+      getBody().findByLabelText(safeapps.ownerAddressStr).type(constants.SAFE_APP_ADDRESS_2)
+      getBody().findByLabelText(safeapps.thresholdStr).type('1')
+      getBody().findByText(safeapps.addTransactionStr).click()
+      getBody().findByText(safeapps.createBatchStr).click()
+      getBody().findByText(safeapps.sendBatchStr).click()
+    })
+    cy.findByRole('button', { name: safeapps.transactionDetailsStr }).click()
+    cy.findByRole('region').should('exist')
+    cy.findByText(safeapps.addOwnerWithThreshold).should('exist')
+    cy.contains(safeapps.ownerAddressStr2).should('exist')
+    cy.findAllByText(constants.SAFE_APP_ADDRESS_2_SHORT).should('have.length', 1)
+    cy.findByText(safeapps.thresholdStr2).should('exist')
+  })
+
+  it('Verify a batch can be created from an ABI', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findByLabelText(safeapps.enterABIStr).type(safeapps.abi, { parseSpecialCharSequences: false })
+      getBody().findByLabelText(safeapps.toAddressStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
+      getBody().findByLabelText(safeapps.tokenAmount).type('0')
+      getBody().findByText(safeapps.addTransactionStr).click()
+
+      getBody().findAllByText(constants.SEPOLIA_RECIPIENT_ADDR_SHORT).should('have.length', 1)
+      getBody().findAllByText(safeapps.testFallback).should('have.length', 1)
+
+      getBody().findByText(safeapps.createBatchStr).click()
+      getBody().findByText(safeapps.sendBatchStr).click()
+    })
+    cy.get('h4').contains(safeapps.transactionBuilderStr).should('be.visible')
+    navigation.clickOnModalCloseBtn(0)
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findAllByText(constants.SEPOLIA_RECIPIENT_ADDR_SHORT).should('have.length', 1)
+      getBody().findAllByText(safeapps.testFallback).should('have.length', 1)
+    })
+  })
+
+  it('Verify a batch with custom data can be created', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().find('.MuiSwitch-root').click()
+      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.SAFE_APP_ADDRESS)
+      getBody().findByLabelText(safeapps.tokenAmount).type('0')
+      getBody().findByLabelText(safeapps.dataStr).type('0x')
+      getBody().findByText(safeapps.addTransactionStr).click()
+
+      getBody().findAllByText(constants.SEPOLIA_CONTRACT_SHORT).should('have.length', 1)
+      getBody().findAllByText(safeapps.customData).should('have.length', 1)
+
+      getBody().findByText(safeapps.createBatchStr).click()
+      getBody().findByText(safeapps.sendBatchStr).click()
+    })
+    cy.get('h4').contains(safeapps.transactionBuilderStr).should('be.visible')
+    navigation.clickOnModalCloseBtn(0)
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findAllByText(constants.SEPOLIA_CONTRACT_SHORT).should('have.length', 1)
+      getBody().findAllByText(safeapps.customData).should('have.length', 1)
+    })
+  })
+
+  it('Verify a batch can be cancelled', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.SAFE_APP_ADDRESS)
+      getBody().find(safeapps.contractMethodIndex).parent().click()
+      getBody().findByRole('option', { name: safeapps.testAddressValue2 }).click()
+      getBody().findByLabelText(safeapps.newAddressValueStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
+      getBody().findByText(safeapps.addTransactionStr).click()
+      getBody().findByText(safeapps.createBatchStr).click()
+      getBody().findByRole('button', { name: safeapps.cancelBtnStr }).click()
+      getBody().findByText(safeapps.clearTransactionListStr)
+      getBody().findByRole('button', { name: safeapps.confirmClearTransactionListStr }).click()
+      getBody().findAllByText('choose a file').should('be.visible')
+    })
+  })
+
+  it('Verify cancel operation can be reverted', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.SAFE_APP_ADDRESS)
+      getBody().find(safeapps.contractMethodIndex).parent().click()
+      getBody().findByRole('option', { name: safeapps.testAddressValue2 }).click()
+      getBody().findByLabelText(safeapps.newAddressValueStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
+      getBody().findByText(safeapps.addTransactionStr).click()
+      getBody().findByText(safeapps.createBatchStr).click()
+      getBody().findByRole('button', { name: safeapps.cancelBtnStr }).click()
+      getBody().findByText(safeapps.clearTransactionListStr)
+      getBody().findByRole('button', { name: safeapps.backBtnStr }).click()
+      getBody().findByText(safeapps.reviewAndConfirmStr).should('be.visible')
+    })
+  })
+
+  it('Verify it is allowed to go back without removing data and add more transactions to the batch', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.SAFE_APP_ADDRESS)
+      getBody().find(safeapps.contractMethodIndex).parent().click()
+      getBody().findByRole('option', { name: safeapps.testAddressValue2 }).click()
+      getBody().findByLabelText(safeapps.newAddressValueStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
+      getBody().findByText(safeapps.addTransactionStr).click()
+      getBody().findByText(safeapps.createBatchStr).click()
+      getBody().findByText(safeapps.backToTransactionStr).click()
+      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.SAFE_APP_ADDRESS)
+      getBody().find(safeapps.contractMethodIndex).parent().click()
+      getBody().findByRole('option', { name: safeapps.testAddressValue2 }).click()
+      getBody().findByLabelText(safeapps.newAddressValueStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
+      getBody().findByText(safeapps.addTransactionStr).click()
+      getBody().findByText(safeapps.createBatchStr).click()
+      getBody().findByText(safeapps.sendBatchStr).click()
+    })
+    cy.get('h4').contains(safeapps.transactionBuilderStr).should('be.visible')
+    safeapps.checkActions(2, safeapps.basicTypesTestContractStr)
+    navigation.clickOnModalCloseBtn(0)
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findAllByText(constants.SEPOLIA_CONTRACT_SHORT).should('have.length', 2)
+      getBody().findAllByText(safeapps.testAddressValue2).should('have.length', 2)
+    })
+  })
+
+  it('Verify a batch cannot be created with invalid address', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findByLabelText(safeapps.enterAddressStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2.substring(5))
+      getBody()
+        .findAllByText(safeapps.addressNotValidStr)
+        .then(($element) => {
+          const color = $element.css('color')
+          expect(utils.isInRedRange(color), 'Element color is ').to.be.true
+        })
+    })
+  })
+
+  it('Verify a batch cannot be created without asset amount', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findByLabelText(safeapps.enterAddressStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
+      getBody().findByText(safeapps.keepProxiABIStr).click()
+      getBody().findByText(safeapps.addTransactionStr).click()
+      getBody()
+        .findAllByText(safeapps.requiredStr)
+        .then(($element) => {
+          const color = $element.css('color')
+          expect(utils.isInRedRange(color), 'Element color is ').to.be.true
+        })
+    })
+  })
+
+  it('Verify that error types are not displayed in ABI methods', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findByLabelText(safeapps.enterABIStr).type(safeapps.abi, { parseSpecialCharSequences: false })
+      getBody().find(safeapps.contractMethodSelector).click()
+      getBody().find(safeapps.AddressEmptyCodeStr).should('not.exist')
+    })
+  })
+})
diff --git a/apps/web/cypress/e2e/safe-apps/tx-builder_2.cy.js b/apps/web/cypress/e2e/safe-apps/tx-builder_2.cy.js
new file mode 100644
index 000000000..38b84f401
--- /dev/null
+++ b/apps/web/cypress/e2e/safe-apps/tx-builder_2.cy.js
@@ -0,0 +1,113 @@
+import 'cypress-file-upload'
+import * as constants from '../../support/constants.js'
+import * as safeapps from '../pages/safeapps.pages.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as utils from '../../support/utils/checkers.js'
+import { getMockAddress } from '../../support/utils/ethers.js'
+
+let safeAppSafes = []
+let iframeSelector
+
+describe('Transaction Builder 2 tests', { defaultCommandTimeout: 20000 }, () => {
+  before(async () => {
+    safeAppSafes = await getSafes(CATEGORIES.safeapps)
+  })
+
+  beforeEach(() => {
+    const appUrl = constants.TX_Builder_url
+    iframeSelector = `iframe[id="iframe-${encodeURIComponent(appUrl)}"]`
+    const visitUrl = `/apps/open?safe=${safeAppSafes.SEP_SAFEAPP_SAFE_1}&appUrl=${encodeURIComponent(appUrl)}`
+    cy.visit(visitUrl)
+  })
+
+  it('Verify a batch cannot be created without method data', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findByLabelText(safeapps.enterAddressStr).type(getMockAddress())
+      getBody().findByText(safeapps.addTransactionStr).click()
+      getBody()
+        .findAllByText(safeapps.requiredStr)
+        .then(($element) => {
+          const color = $element.css('color')
+          expect(utils.isInRedRange(color), 'Element color is ').to.be.true
+        })
+    })
+  })
+
+  it('Verify a batch can be uploaded, saved to library, downloaded and removed', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findAllByText('choose a file').attachFile('test-working-batch.json', { subjectType: 'drag-n-drop' })
+      getBody().findAllByText('uploaded').wait(300)
+      getBody().find(safeapps.saveToLibraryBtn).click()
+      getBody().findByLabelText(safeapps.batchNameStr).type(safeapps.e3eTestStr)
+      getBody().findAllByText(safeapps.createBtnStr).should('not.be.disabled').click()
+      getBody().findByText(safeapps.transactionLibraryStr).click()
+      getBody().find(safeapps.downloadBatchBtn).click()
+      getBody().find(safeapps.deleteBatchBtn).click()
+      getBody().findAllByText(safeapps.confirmDeleteBtnStr).should('not.be.disabled').click()
+      getBody().findByText(safeapps.noSavedBatchesStr).should('be.visible')
+      getBody().findByText(safeapps.backToTransactionStr).should('be.visible')
+    })
+    cy.readFile('cypress/downloads/E2E test.json').should('exist')
+  })
+
+  it('Verify there is notification if uploaded batch is from a different chain', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findAllByText('choose a file').attachFile('test-mainnet-batch.json', { subjectType: 'drag-n-drop' })
+      getBody().findAllByText(safeapps.warningStr).should('be.visible')
+      getBody().findAllByText(safeapps.anotherChainStr).should('be.visible')
+    })
+  })
+
+  it('Verify there is error message when a modified batch is uploaded', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findAllByText('choose a file').attachFile('test-modified-batch.json', { subjectType: 'drag-n-drop' })
+      getBody().findAllByText(safeapps.changedPropertiesStr)
+      getBody().findAllByText('choose a file').should('be.visible')
+    })
+  })
+
+  it('Verify an invalid batch cannot be uploaded', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody()
+        .findAllByText('choose a file')
+        .attachFile('test-invalid-batch.json', { subjectType: 'drag-n-drop' })
+        .findAllByText('choose a file')
+        .should('be.visible')
+    })
+  })
+
+  it('Verify an empty batch cannot be uploaded', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody()
+        .findAllByText('choose a file')
+        .attachFile('test-empty-batch.json', { subjectType: 'drag-n-drop' })
+        .findAllByText('choose a file')
+        .should('be.visible')
+    })
+  })
+
+  it('Verify a valid batch as successful can be simulated', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findByLabelText(safeapps.enterAddressStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
+      getBody().findByText(safeapps.keepProxiABIStr).click()
+      getBody().findByLabelText(safeapps.tokenAmount).type('0')
+      getBody().findByText(safeapps.addTransactionStr).click()
+      getBody().findByText(safeapps.createBatchStr).click()
+      getBody().findByText(safeapps.simulateBtnStr).click()
+      getBody().findByText(safeapps.transferStr).should('be.visible')
+      getBody().findByText(safeapps.successStr).should('be.visible')
+    })
+  })
+
+  it('Verify an invalid batch as failed can be simulated', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findByLabelText(safeapps.enterAddressStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
+      getBody().findByText(safeapps.keepProxiABIStr).click()
+      getBody().findByLabelText(safeapps.tokenAmount).type('100')
+      getBody().findByText(safeapps.addTransactionStr).click()
+      getBody().findByText(safeapps.createBatchStr).click()
+      getBody().findByText(safeapps.simulateBtnStr).click()
+      getBody().findByText(safeapps.failedStr).should('be.visible')
+    })
+  })
+})
diff --git a/apps/web/cypress/e2e/safe-apps/tx-builder_3.cy.js b/apps/web/cypress/e2e/safe-apps/tx-builder_3.cy.js
new file mode 100644
index 000000000..0b4f1d0d9
--- /dev/null
+++ b/apps/web/cypress/e2e/safe-apps/tx-builder_3.cy.js
@@ -0,0 +1,38 @@
+import 'cypress-file-upload'
+import * as constants from '../../support/constants.js'
+import * as safeapps from '../pages/safeapps.pages.js'
+import * as main from '../pages/main.page.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import { txAccordionDetails } from '../pages/create_tx.pages'
+let staticSafes = []
+let iframeSelector
+
+describe('Transaction Builder 3 tests', { defaultCommandTimeout: 20000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    const appUrl = constants.TX_Builder_url
+    iframeSelector = `iframe[id="iframe-${encodeURIComponent(appUrl)}"]`
+    const visitUrl = `/apps/open?safe=${staticSafes.SEP_STATIC_SAFE_43}&appUrl=${encodeURIComponent(appUrl)}`
+    cy.visit(visitUrl)
+  })
+
+  it('Verify that no error for the COWSwap fallbackhandler on confirm tx screen', () => {
+    cy.enter(iframeSelector).then((getBody) => {
+      getBody().findByLabelText(safeapps.enterAddressStr).type(staticSafes.SEP_STATIC_SAFE_43)
+      getBody().findByRole('button', { name: safeapps.useImplementationABI }).click()
+      getBody().find(safeapps.contractMethodSelector).click()
+      getBody().find(safeapps.contractMethodIndex).parent().click()
+      getBody().findByRole('option', { name: safeapps.cowFallback }).click()
+      getBody().find(safeapps.handlerInput).type(safeapps.cowFallbackHandler)
+      getBody().findByText(safeapps.addTransactionStr).click()
+      getBody().findByText(safeapps.createBatchStr).click()
+      getBody().findByText(safeapps.sendBatchStr).click()
+    })
+    safeapps.clickOnAdvancedDetails()
+    main.verifyElementsIsVisible([`${txAccordionDetails} ${safeapps.cowFallBackHandlerTitle}`])
+    safeapps.verifyUntrustedHandllerWarningDoesNotExist()
+  })
+})
diff --git a/apps/web/cypress/e2e/smoke/add_owner.cy.js b/apps/web/cypress/e2e/smoke/add_owner.cy.js
new file mode 100644
index 000000000..056951c52
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/add_owner.cy.js
@@ -0,0 +1,56 @@
+import * as constants from '../../support/constants'
+import * as main from '../../e2e/pages/main.page'
+import * as owner from '../pages/owners.pages'
+import * as navigation from '../pages/navigation.page'
+import * as wallet from '../../support/utils/wallet.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('[SMOKE] Add Owners tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
+    main.waitForHistoryCallToComplete()
+    main.verifyElementsExist([navigation.setupSection])
+  })
+
+  // TODO: Check if this test is covered with unit tests
+  it('[SMOKE] Verify relevant error messages are displayed in Address input', () => {
+    wallet.connectSigner(signer)
+    owner.openManageSignersWindow()
+    owner.clickOnAddSignerBtn()
+
+    owner.typeOwnerAddressManage(1, main.generateRandomString(10))
+
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidFormat)
+
+    owner.typeOwnerAddressManage(1, constants.addresBookContacts.user1.address.toUpperCase())
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidChecksum)
+
+    owner.typeOwnerAddressManage(1, staticSafes.SEP_STATIC_SAFE_4)
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.ownSafeManage)
+
+    owner.typeOwnerAddressManage(1, constants.addresBookContacts.user1.address.replace('F', 'f'))
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidChecksum)
+
+    owner.typeOwnerAddressManage(1, constants.DEFAULT_OWNER_ADDRESS)
+    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.ownerAdded)
+  })
+
+  it('[SMOKE] Verify the presence of "Manage Signers" button', () => {
+    wallet.connectSigner(signer)
+    owner.verifyManageSignersBtnIsEnabled()
+  })
+
+  it('[SMOKE] Verify "Manage Signers" button is disabled for Non-Owner', () => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_3)
+    main.waitForHistoryCallToComplete()
+    owner.verifyManageSignersBtnIsDisabled()
+  })
+})
diff --git a/apps/web/cypress/e2e/smoke/address_book.cy.js b/apps/web/cypress/e2e/smoke/address_book.cy.js
new file mode 100644
index 000000000..0255458fe
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/address_book.cy.js
@@ -0,0 +1,27 @@
+import 'cypress-file-upload'
+import * as constants from '../../support/constants'
+import * as addressBook from '../../e2e/pages/address_book.page'
+import * as main from '../../e2e/pages/main.page'
+import * as ls from '../../support/localstorage_data.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+describe('[SMOKE] Address book tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.addressBookUrl + staticSafes.SEP_STATIC_SAFE_4)
+    main.waitForHistoryCallToComplete()
+  })
+
+  it('[SMOKE] Verify empty name is not allowed when editing', () => {
+    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress1)
+    cy.wait(1000)
+    cy.reload()
+    addressBook.clickOnEditEntryBtn()
+    addressBook.verifyEmptyOwnerNameNotAllowed()
+  })
+})
diff --git a/apps/web/cypress/e2e/smoke/assets.cy.js b/apps/web/cypress/e2e/smoke/assets.cy.js
new file mode 100644
index 000000000..a3f3aa7b0
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/assets.cy.js
@@ -0,0 +1,46 @@
+import * as constants from '../../support/constants'
+import * as main from '../../e2e/pages/main.page'
+import * as assets from '../pages/assets.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as ls from '../../support/localstorage_data.js'
+
+let staticSafes = []
+
+describe('[SMOKE] Assets tests', () => {
+  const fiatRegex = assets.fiatRegex
+
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_2)
+  })
+
+  it('[SMOKE] Verify that the native token is visible', () => {
+    assets.verifyTokenIsPresent(constants.tokenNames.sepoliaEther)
+  })
+
+  it('[SMOKE] Verify that the token tab is selected by default and the table is visible', () => {
+    assets.verifyTokensTabIsSelected('true')
+  })
+
+  it('[SMOKE] Verify that Token list dropdown shows options "Default tokens" and "All tokens"', () => {
+    let spamTokens = [
+      assets.currencyAave,
+      assets.currencyTestTokenA,
+      assets.currencyTestTokenB,
+      assets.currencyUSDC,
+      assets.currencyLink,
+      assets.currencyDaiCap,
+    ]
+
+    assets.selectTokenList(assets.tokenListOptions.default)
+    main.verifyValuesExist(assets.tokenListTable, [constants.tokenNames.sepoliaEther])
+    main.verifyValuesDoNotExist(assets.tokenListTable, spamTokens)
+
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    spamTokens.push(constants.tokenNames.sepoliaEther)
+    main.verifyValuesExist(assets.tokenListTable, spamTokens)
+  })
+})
diff --git a/apps/web/cypress/e2e/smoke/batch_tx.cy.js b/apps/web/cypress/e2e/smoke/batch_tx.cy.js
new file mode 100644
index 000000000..12e455ecd
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/batch_tx.cy.js
@@ -0,0 +1,58 @@
+import * as batch from '../pages/batches.pages'
+import * as constants from '../../support/constants'
+import * as main from '../../e2e/pages/main.page'
+import * as ls from '../../support/localstorage_data.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+
+const currentNonce = 3
+const funds_first_tx = '0.001'
+const funds_second_tx = '0.002'
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('[SMOKE] Batch transaction tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_2)
+  })
+
+  it('[SMOKE] Verify empty batch list can be opened', () => {
+    batch.openBatchtransactionsModal()
+    cy.contains(batch.addInitialTransactionStr).should('be.visible')
+  })
+
+  it('[SMOKE] Verify a transaction is visible in a batch', () => {
+    cy.wrap(null)
+      .then(() => main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__batch, ls.batchData.entry1))
+      .then(() => {
+        cy.reload()
+        batch.verifyBatchIconCount(1)
+        batch.clickOnBatchCounter()
+        batch.verifyAmountTransactionsInBatch(1)
+      })
+  })
+
+  it('[SMOKE] Verify the batch can be confirmed and related transactions exist in the form', () => {
+    cy.wrap(null)
+      .then(() => main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__batch, ls.batchData.entry0))
+      .then(() => main.isItemInLocalstorage(constants.localStorageKeys.SAFE_v2__batch, ls.batchData.entry0))
+      .then(() => {
+        cy.reload()
+        wallet.connectSigner(signer)
+        batch.clickOnBatchCounter()
+        batch.clickOnConfirmBatchBtn()
+        batch.verifyBatchTransactionsCount(2)
+        batch.clickOnBatchCounter()
+        cy.contains(funds_first_tx).parents('ul').as('TransactionList')
+        cy.get('@TransactionList').find('li').eq(0).contains(funds_first_tx)
+        cy.get('@TransactionList').find('li').eq(1).contains(funds_second_tx)
+      })
+  })
+})
diff --git a/apps/web/cypress/e2e/smoke/create_tx.cy.js b/apps/web/cypress/e2e/smoke/create_tx.cy.js
new file mode 100644
index 000000000..af0b9ba05
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/create_tx.cy.js
@@ -0,0 +1,54 @@
+import * as constants from '../../support/constants'
+import * as main from '../../e2e/pages/main.page'
+import * as createtx from '../../e2e/pages/create_tx.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+
+const currentNonce = 5
+
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('[SMOKE] Create transactions tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_10)
+    wallet.connectSigner(signer)
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+  })
+
+  it('[SMOKE] Verify MaxAmount button', () => {
+    createtx.setMaxAmount()
+    createtx.verifyMaxAmount(constants.tokenNames.sepoliaEther, constants.tokenAbbreviation.sep)
+  })
+
+  it('[SMOKE] Verify error messages for invalid address input', () => {
+    createtx.verifyRandomStringAddress('Lorem Ipsum')
+    createtx.verifyWrongChecksum(constants.WRONGLY_CHECKSUMMED_ADDRESS)
+  })
+
+  it('[SMOKE] Verify address input resolves a valid ENS name', () => {
+    createtx.typeRecipientAddress(constants.ENS_TEST_SEPOLIA)
+    createtx.verifyENSResolves(staticSafes.SEP_STATIC_SAFE_6)
+  })
+
+  it('[SMOKE] Verify error message for invalid amount input', () => {
+    createtx.clickOnTokenselectorAndSelectSepoliaEth()
+    createtx.verifyAmountLargerThanCurrentBalance()
+  })
+
+  it('[SMOKE] Verify nonce tooltip warning messages', () => {
+    createtx.changeNonce(0)
+    createtx.verifyTooltipMessage(constants.nonceTooltipMsg.lowerThanCurrent + currentNonce.toString())
+    createtx.changeNonce(currentNonce + 53)
+    createtx.verifyTooltipMessage(constants.nonceTooltipMsg.higherThanRecommended)
+    createtx.changeNonce(currentNonce + 150)
+    createtx.verifyTooltipMessage(constants.nonceTooltipMsg.muchHigherThanRecommended)
+  })
+})
diff --git a/apps/web/cypress/e2e/smoke/dashboard.cy.js b/apps/web/cypress/e2e/smoke/dashboard.cy.js
new file mode 100644
index 000000000..76b6913e2
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/dashboard.cy.js
@@ -0,0 +1,55 @@
+import * as constants from '../../support/constants'
+import * as dashboard from '../pages/dashboard.pages'
+import * as main from '../pages/main.page.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const txData = ['Send', '-0.00002 ETH', '1 out of 1']
+const txaddOwner = ['addOwnerWithThreshold', '1 out of 2']
+const txMultiSendCall3 = ['Batch', '3 actions', '1 out of 2']
+const txMultiSendCall2 = ['Batch', '2 actions', '1 out of 2']
+
+describe('[SMOKE] Dashboard tests', { defaultCommandTimeout: 60000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_2)
+  })
+
+  it('[SMOKE] Verify the overview widget is displayed', () => {
+    dashboard.verifyOverviewWidgetData()
+  })
+
+  it('[SMOKE] Verify the transaction queue widget is displayed', () => {
+    dashboard.verifyTxQueueWidget()
+  })
+
+  it('[SMOKE] Verify the Safe Apps Section is displayed', () => {
+    dashboard.verifySafeAppsSection()
+  })
+
+  // mock
+  it('[SMOKE] Verify that the last created tx in conflicting tx is showed in the widget', () => {
+    cy.fixture('pending_tx/pending_tx.json').then((mockData) => {
+      cy.intercept('GET', constants.queuedEndpoint, mockData).as('getQueuedTransactions')
+    })
+    cy.wait('@getQueuedTransactions')
+    cy.get(dashboard.pendingTxWidget, { timeout: 30000 }).should('be.visible')
+    main.verifyElementsCount(dashboard.pendingTxItem, 1)
+    dashboard.verifyDataInPendingTx(txData)
+  })
+
+  // mock
+  it('[SMOKE] Verify that tx are displayed correctly in Pending tx section', () => {
+    cy.fixture('pending_tx/pending_tx_order.json').then((mockData) => {
+      cy.intercept('GET', constants.queuedEndpoint, mockData).as('getQueuedTransactions')
+    })
+    cy.wait('@getQueuedTransactions')
+    dashboard.verifyTxItemInPendingTx(txMultiSendCall3)
+    dashboard.verifyTxItemInPendingTx(txaddOwner)
+    dashboard.verifyTxItemInPendingTx(txMultiSendCall2)
+  })
+})
diff --git a/cypress/e2e/smoke/import_export_data.cy.js b/apps/web/cypress/e2e/smoke/import_export_data.cy.js
similarity index 93%
rename from cypress/e2e/smoke/import_export_data.cy.js
rename to apps/web/cypress/e2e/smoke/import_export_data.cy.js
index 6ecc9d6dd..cfeda752e 100644
--- a/cypress/e2e/smoke/import_export_data.cy.js
+++ b/apps/web/cypress/e2e/smoke/import_export_data.cy.js
@@ -3,23 +3,18 @@ import * as file from '../pages/import_export.pages'
 import * as main from '../pages/main.page'
 import * as constants from '../../support/constants'
 import * as ls from '../../support/localstorage_data.js'
-import * as createwallet from '../pages/create_wallet.pages'
 import * as sideBar from '../pages/sidebar.pages'
 import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
 
 let staticSafes = []
 
-describe('[SMOKE] Import Export Data tests', () => {
+describe('[SMOKE] Import Export Data tests', { defaultCommandTimeout: 20000 }, () => {
   before(async () => {
     staticSafes = await getSafes(CATEGORIES.static)
   })
 
   beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.dataSettingsUrl).then(() => {
-      main.acceptCookies()
-      createwallet.selectNetwork(constants.networks.sepolia)
-    })
+    cy.visit(constants.dataSettingsUrl)
   })
 
   it('[SMOKE] Verify Safe can be accessed after test file upload', () => {
diff --git a/apps/web/cypress/e2e/smoke/import_export_data_2.cy.js b/apps/web/cypress/e2e/smoke/import_export_data_2.cy.js
new file mode 100644
index 000000000..33e7a2975
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/import_export_data_2.cy.js
@@ -0,0 +1,27 @@
+import 'cypress-file-upload'
+import * as file from '../pages/import_export.pages.js'
+import * as constants from '../../support/constants.js'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+describe('[SMOKE] Import Export Data tests 2', { defaultCommandTimeout: 20000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_13)
+  })
+
+  it('[SMOKE] Verify the Import section is on the Global settings', () => {
+    cy.visit(constants.dataSettingsUrl + staticSafes.SEP_STATIC_SAFE_13)
+    file.verifyImportSectionVisible()
+    file.verifyValidImportInputExists()
+  })
+
+  it('[SMOKE] Verify that the Export section is present in the safe settings', () => {
+    cy.visit(constants.dataSettingsUrl + staticSafes.SEP_STATIC_SAFE_13)
+    file.verifyExportFileSectionIsVisible()
+  })
+})
diff --git a/cypress/e2e/smoke/landing.cy.js b/apps/web/cypress/e2e/smoke/landing.cy.js
similarity index 90%
rename from cypress/e2e/smoke/landing.cy.js
rename to apps/web/cypress/e2e/smoke/landing.cy.js
index f56883364..fe61ffea7 100644
--- a/cypress/e2e/smoke/landing.cy.js
+++ b/apps/web/cypress/e2e/smoke/landing.cy.js
@@ -1,7 +1,6 @@
 import * as constants from '../../support/constants'
 describe('[SMOKE] Landing page tests', () => {
   it('[SMOKE] Verify a user will be redirected to welcome page', () => {
-    cy.clearLocalStorage()
     cy.visit('/')
     cy.url().should('include', constants.welcomeUrl)
   })
diff --git a/apps/web/cypress/e2e/smoke/load_safe.cy.js b/apps/web/cypress/e2e/smoke/load_safe.cy.js
new file mode 100644
index 000000000..630889b52
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/load_safe.cy.js
@@ -0,0 +1,56 @@
+import 'cypress-file-upload'
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as safe from '../pages/load_safe.pages'
+import * as createwallet from '../pages/create_wallet.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const testSafeName = 'Test safe name'
+
+describe('[SMOKE] Load Safe tests', { defaultCommandTimeout: 30000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.loadNewSafeSepoliaUrl)
+  })
+
+  it('[SMOKE] Verify only valid Safe name can be accepted', () => {
+    // alias the address input label
+    cy.get('input[name="address"]').parent().prev('label').as('addressLabel')
+
+    createwallet.verifyDefaultWalletName(createwallet.defaultSepoliaPlaceholder)
+    safe.verifyIncorrectAddressErrorMessage()
+    safe.inputNameAndAddress(testSafeName, staticSafes.SEP_STATIC_SAFE_4)
+
+    safe.verifyAddressInputValue(staticSafes.SEP_STATIC_SAFE_4)
+    safe.verifyNextButtonStatus('be.enabled')
+  })
+
+  it('[SMOKE] Verify names cannot have more than 50 characters', () => {
+    // Wait due to re-render issues of the element
+    cy.wait(5000)
+    safe.inputName(main.generateRandomString(51))
+    safe.verifyNameLengthErrorMessage()
+  })
+
+  it('[SMOKE] Verify ENS name is translated to a valid address', () => {
+    safe.inputAddress(constants.ENS_TEST_SEPOLIA)
+    safe.verifyAddressInputValue(staticSafes.SEP_STATIC_SAFE_6)
+    safe.verifyNextButtonStatus('be.enabled')
+  })
+
+  it('[SMOKE] Verify safe name has a default name', () => {
+    createwallet.verifyDefaultWalletName(createwallet.defaultSepoliaPlaceholder)
+    cy.reload()
+    createwallet.verifyDefaultWalletName(createwallet.defaultSepoliaPlaceholder)
+  })
+
+  it('[SMOKE] Verify non-smart contract address is not allowed in safe address', () => {
+    safe.inputAddress(constants.DEFAULT_OWNER_ADDRESS)
+    safe.verifyAddressError()
+  })
+})
diff --git a/apps/web/cypress/e2e/smoke/messages_offchain.cy.js b/apps/web/cypress/e2e/smoke/messages_offchain.cy.js
new file mode 100644
index 000000000..e132705c9
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/messages_offchain.cy.js
@@ -0,0 +1,81 @@
+import * as constants from '../../support/constants.js'
+import * as main from '../pages/main.page.js'
+import * as createTx from '../pages/create_tx.pages.js'
+import * as msg_data from '../../fixtures/txmessages_data.json'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const typeMessagesGeneral = msg_data.type.general
+const typeMessagesOffchain = msg_data.type.offChain
+
+describe('[SMOKE] Offchain Messages tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.fixture('messages/messages.json').then((mockData) => {
+      cy.intercept('GET', constants.messagesEndpoint, mockData).as('getMessages')
+    })
+    cy.visit(constants.transactionsMessagesUrl + staticSafes.SEP_STATIC_SAFE_23)
+
+    cy.wait('@getMessages')
+  })
+
+  // mock
+  it('[SMOKE] Verify summary for off-chain unsigned messages', () => {
+    createTx.verifySummaryByIndex(0, [
+      typeMessagesGeneral.sign,
+      typeMessagesGeneral.oneOftwo,
+      typeMessagesOffchain.testMessage1,
+    ])
+    createTx.verifySummaryByIndex(2, [
+      typeMessagesGeneral.sign,
+      typeMessagesGeneral.oneOftwo,
+      typeMessagesOffchain.testMessage2,
+    ])
+  })
+
+  // mock
+  it('[SMOKE] Verify summary for off-chain signed messages', () => {
+    createTx.verifySummaryByIndex(1, [
+      typeMessagesGeneral.sign,
+      typeMessagesGeneral.oneOftwo,
+      typeMessagesOffchain.name,
+    ])
+    createTx.verifySummaryByIndex(3, [
+      typeMessagesGeneral.sign,
+      typeMessagesGeneral.oneOftwo,
+      typeMessagesOffchain.testMessage3,
+    ])
+  })
+
+  // mock
+  it('[SMOKE] Verify exapanded details for EIP 191 off-chain message', () => {
+    createTx.clickOnTransactionItemByIndex(2)
+    cy.contains(typeMessagesOffchain.message2).should('be.visible')
+  })
+
+  // mock
+  it('[SMOKE] Verify exapanded details for EIP 712 off-chain message', () => {
+    const jsonString = createTx.messageNestedStr
+    const values = [
+      typeMessagesOffchain.name,
+      typeMessagesOffchain.testStringNested,
+      typeMessagesOffchain.EIP712Domain,
+      typeMessagesOffchain.message3,
+    ]
+
+    createTx.clickOnTransactionItemByIndex(1)
+    cy.get(createTx.txRowTitle)
+      .next()
+      .then(($section) => {
+        expect($section.text()).to.include(jsonString)
+        const count = $section.text().split(jsonString).length - 1
+        expect(count).to.eq(3)
+      })
+
+    main.verifyTextVisibility(values)
+  })
+})
diff --git a/apps/web/cypress/e2e/smoke/nfts.cy.js b/apps/web/cypress/e2e/smoke/nfts.cy.js
new file mode 100644
index 000000000..ec908b86f
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/nfts.cy.js
@@ -0,0 +1,40 @@
+import * as constants from '../../support/constants'
+import * as nfts from '../pages/nfts.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const nftsName = 'CatFactory'
+const nftsAddress = '0x373B...866c'
+const nftsTokenID = 'CF'
+
+describe('[SMOKE] NFTs tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.fixture('nfts/nfts.json').then((mockData) => {
+      cy.intercept('GET', constants.collectiblesEndpoint, mockData).as('getNfts')
+    })
+    cy.visit(constants.balanceNftsUrl + staticSafes.SEP_STATIC_SAFE_23)
+    cy.wait('@getNfts')
+    nfts.waitForNftItems(2)
+  })
+
+  // mock
+  it('[SMOKE] Verify that NFTs exist in the table', () => {
+    nfts.verifyNFTNumber(10)
+  })
+
+  // mock
+  it('[SMOKE] Verify NFT row contains data', () => {
+    nfts.verifyDataInTable(nftsName, nftsAddress, nftsTokenID)
+  })
+
+  // mock
+  it('[SMOKE] Verify NFT open does not open if no NFT exits', () => {
+    nfts.clickOnInactiveNFT()
+    nfts.verifyNFTModalDoesNotExist()
+  })
+})
diff --git a/apps/web/cypress/e2e/smoke/replace_owner.cy.js b/apps/web/cypress/e2e/smoke/replace_owner.cy.js
new file mode 100644
index 000000000..b05e400da
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/replace_owner.cy.js
@@ -0,0 +1,36 @@
+import * as constants from '../../support/constants'
+import * as main from '../../e2e/pages/main.page'
+import * as owner from '../pages/owners.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('[SMOKE] Replace Owners tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
+    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
+  })
+
+  it('[SMOKE] Verify that "Replace" icon is visible', () => {
+    wallet.connectSigner(signer)
+    owner.verifyReplaceBtnIsEnabled()
+  })
+
+  it('[SMOKE] Verify owner replace button is disabled for Non-Owner', () => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_3)
+    owner.verifyReplaceBtnIsDisabled()
+  })
+
+  it('[SMOKE] Verify that the owner replacement form is opened', () => {
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    owner.openReplaceOwnerWindow(0)
+  })
+})
diff --git a/apps/web/cypress/e2e/smoke/spending_limits.cy.js b/apps/web/cypress/e2e/smoke/spending_limits.cy.js
new file mode 100644
index 000000000..ac080d65d
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/spending_limits.cy.js
@@ -0,0 +1,63 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as spendinglimit from '../pages/spending_limits.pages'
+import * as owner from '../pages/owners.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as wallet from '../../support/utils/wallet.js'
+
+let staticSafes = []
+const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
+const signer = walletCredentials.OWNER_4_PRIVATE_KEY
+
+describe('[SMOKE] Spending limits tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_8)
+    wallet.connectSigner(signer)
+    owner.waitForConnectionStatus()
+    cy.get(spendinglimit.spendingLimitsSection).should('be.visible')
+    spendinglimit.clickOnNewSpendingLimitBtn()
+  })
+
+  it('Verify A valid ENS name is resolved successfully', () => {
+    spendinglimit.enterBeneficiaryAddress(constants.ENS_TEST_SEPOLIA)
+    spendinglimit.checkBeneficiaryENS(staticSafes.SEP_STATIC_SAFE_6)
+  })
+
+  it('Verify writing a valid address shows no errors', () => {
+    spendinglimit.enterBeneficiaryAddress(staticSafes.SEP_STATIC_SAFE_6)
+    spendinglimit.verifyValidAddressShowsNoErrors()
+  })
+
+  it('Verify Amount input cannot be 0', () => {
+    spendinglimit.enterSpendingLimitAmount('0')
+    spendinglimit.verifyNumberErrorValidation()
+  })
+
+  it('Verify Amount input cannot be a negative number', () => {
+    spendinglimit.enterSpendingLimitAmount('-1')
+    spendinglimit.verifyNumberAmountEntered('1')
+  })
+
+  it('Verify Amount input cannot be characters', () => {
+    spendinglimit.enterSpendingLimitAmount('abc')
+    spendinglimit.verifyNumberAmountEntered('')
+  })
+
+  it('Verify any positive number can be set in the amount input', () => {
+    spendinglimit.enterSpendingLimitAmount(1)
+    spendinglimit.verifyValidAddressShowsNoErrors()
+  })
+
+  it('Verify the reset time is "One time" by default', () => {
+    spendinglimit.verifyDefaultTimeIsSet()
+  })
+
+  it('Validate Reset values present in dropdown: One time, 5 minutes, 30 minutes, 1 hr', () => {
+    spendinglimit.clickOnTimePeriodDropdown()
+    spendinglimit.checkTimeDropdownOptions()
+  })
+})
diff --git a/apps/web/cypress/e2e/smoke/tokens.cy.js b/apps/web/cypress/e2e/smoke/tokens.cy.js
new file mode 100644
index 000000000..1c5957ea5
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/tokens.cy.js
@@ -0,0 +1,27 @@
+import * as constants from '../../support/constants'
+import * as main from '../pages/main.page'
+import * as assets from '../pages/assets.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import * as ls from '../../support/localstorage_data.js'
+
+let staticSafes = []
+
+describe('[SMOKE] Tokens tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+  beforeEach(() => {
+    main.addToLocalStorage(
+      constants.localStorageKeys.SAFE_v2__tokenlist_onboarding,
+      ls.cookies.acceptedTokenListOnboarding,
+    )
+    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_2)
+  })
+
+  // Added to prod
+  it('Verify that when owner is disconnected, Send button is disabled', () => {
+    assets.selectTokenList(assets.tokenListOptions.allTokens)
+    assets.showSendBtn(0)
+    assets.VerifySendButtonIsDisabled()
+  })
+})
diff --git a/apps/web/cypress/e2e/smoke/tx_history.cy.js b/apps/web/cypress/e2e/smoke/tx_history.cy.js
new file mode 100644
index 000000000..30eeb90f7
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/tx_history.cy.js
@@ -0,0 +1,102 @@
+import * as constants from '../../support/constants'
+import * as createTx from '../pages/create_tx.pages'
+import * as data from '../../fixtures/txhistory_data_data.json'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const typeOnchainRejection = data.type.onchainRejection
+const typeBatch = data.type.batchNativeTransfer
+const typeReceive = data.type.receive
+const typeSend = data.type.send
+const typeDeleteAllowance = data.type.deleteSpendingLimit
+const typeGeneral = data.type.general
+const typeUntrustedToken = data.type.untrustedReceivedToken
+
+// TODO: Replace this test with jest (EN-141)
+describe('[SMOKE] Tx history tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_23)
+    cy.fixture('history/history_tx_1.json').then((mockData) => {
+      cy.intercept('GET', constants.transactionHistoryEndpoint, mockData).as('getHistory')
+    })
+    cy.wait('@getHistory')
+  })
+
+  // mock
+  // Token receipt
+  it('[SMOKE] Verify summary for token receipt', () => {
+    createTx.verifySummaryByName(
+      typeReceive.summaryTitle,
+      typeReceive.summaryTxInfo,
+      [typeReceive.summaryTxInfo, typeGeneral.statusOk],
+      typeReceive.altImage,
+    )
+  })
+
+  // mock
+  it('[SMOKE] Verify exapanded details for token receipt', () => {
+    createTx.clickOnTransactionItemByName(typeReceive.summaryTitle, typeReceive.summaryTxInfo)
+    createTx.verifyExpandedDetails([
+      typeReceive.title,
+      typeReceive.receivedFrom,
+      typeReceive.senderAddress,
+      typeReceive.transactionHash,
+    ])
+  })
+
+  // mock
+  it('[SMOKE] Verify summary for token send', () => {
+    createTx.verifySummaryByName(
+      typeSend.title,
+      null,
+      [typeSend.summaryTxInfo2, typeGeneral.statusOk],
+      typeSend.altImage,
+      typeSend.altToken,
+    )
+  })
+
+  // mock
+  it('[SMOKE] Verify summary for on-chain rejection', () => {
+    createTx.verifySummaryByName(
+      typeOnchainRejection.title,
+      null,
+      [typeGeneral.statusOk],
+      typeOnchainRejection.altImage,
+    )
+  })
+
+  // mock
+  it('[SMOKE] Verify summary for batch', () => {
+    createTx.verifySummaryByName(typeBatch.title, typeBatch.summaryTxInfo, [
+      typeBatch.summaryTxInfo,
+      typeGeneral.statusOk,
+    ])
+  })
+
+  // mock
+  it('[SMOKE] Verify summary for allowance deletion', () => {
+    createTx.verifySummaryByName(
+      typeDeleteAllowance.title,
+      typeDeleteAllowance.summaryTxInfo,
+      [typeDeleteAllowance.summaryTxInfo, typeGeneral.statusOk],
+      typeDeleteAllowance.altImage,
+    )
+  })
+
+  // mock
+  it('[SMOKE] Verify summary for untrusted token', () => {
+    createTx.toggleUntrustedTxs()
+    createTx.verifySummaryByName(
+      typeUntrustedToken.summaryTitle,
+      typeUntrustedToken.summaryTxInfo,
+      [typeUntrustedToken.summaryTxInfo, typeGeneral.statusOk],
+      typeUntrustedToken.altImage,
+    )
+    createTx.verifySpamIconIsDisplayed(typeUntrustedToken.title, typeUntrustedToken.summaryTxInfo)
+  })
+})
diff --git a/cypress/fixtures/address_book_addedsafes.csv b/apps/web/cypress/fixtures/address_book_addedsafes.csv
similarity index 100%
rename from cypress/fixtures/address_book_addedsafes.csv
rename to apps/web/cypress/fixtures/address_book_addedsafes.csv
diff --git a/cypress/fixtures/address_book_duplicated.csv b/apps/web/cypress/fixtures/address_book_duplicated.csv
similarity index 100%
rename from cypress/fixtures/address_book_duplicated.csv
rename to apps/web/cypress/fixtures/address_book_duplicated.csv
diff --git a/cypress/fixtures/address_book_empty_test.csv b/apps/web/cypress/fixtures/address_book_empty_test.csv
similarity index 100%
rename from cypress/fixtures/address_book_empty_test.csv
rename to apps/web/cypress/fixtures/address_book_empty_test.csv
diff --git a/cypress/fixtures/address_book_networks.csv b/apps/web/cypress/fixtures/address_book_networks.csv
similarity index 100%
rename from cypress/fixtures/address_book_networks.csv
rename to apps/web/cypress/fixtures/address_book_networks.csv
diff --git a/cypress/fixtures/address_book_test.csv b/apps/web/cypress/fixtures/address_book_test.csv
similarity index 100%
rename from cypress/fixtures/address_book_test.csv
rename to apps/web/cypress/fixtures/address_book_test.csv
diff --git a/cypress/fixtures/balances.json b/apps/web/cypress/fixtures/balances.json
similarity index 100%
rename from cypress/fixtures/balances.json
rename to apps/web/cypress/fixtures/balances.json
diff --git a/cypress/fixtures/data_import.json b/apps/web/cypress/fixtures/data_import.json
similarity index 100%
rename from cypress/fixtures/data_import.json
rename to apps/web/cypress/fixtures/data_import.json
diff --git a/apps/web/cypress/fixtures/history/history_tx_1.json b/apps/web/cypress/fixtures/history/history_tx_1.json
new file mode 100644
index 000000000..5e2274eed
--- /dev/null
+++ b/apps/web/cypress/fixtures/history/history_tx_1.json
@@ -0,0 +1,811 @@
+{
+  "count": 23,
+  "next": "https://safe-client.staging.5afe.dev/v1/chains/11155111/safes/0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb/transactions/history?timezone=Europe%2FBerlin&trusted=false&imitation=true&cursor=limit%3D20%26offset%3D20",
+  "previous": null,
+  "results": [
+    { "type": "DATE_LABEL", "timestamp": 1742302260000 },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Custom",
+          "humanDescription": null,
+          "to": { "value": "0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb", "name": "GnosisSafeProxy", "logoUri": null },
+          "dataSize": "0",
+          "value": "0",
+          "methodName": null,
+          "actionCount": null,
+          "isCancellation": true
+        },
+        "id": "multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0x9b4ee6ef9271fa2f2a4e97c3b5165dc7844a124accbf02cddaf91393ef2687da",
+        "timestamp": 1742302260000,
+        "txStatus": "SUCCESS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 16,
+          "confirmationsRequired": 2,
+          "confirmationsSubmitted": 2,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": "0x636e46b37283725b92f878cc504275f0254a627901c416ec6c0fe21304bf0524"
+      },
+      "conflictType": "None"
+    },
+    { "type": "DATE_LABEL", "timestamp": 1742204292000 },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Transfer",
+          "humanDescription": null,
+          "sender": { "value": "0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb", "name": null, "logoUri": null },
+          "recipient": { "value": "0x96D4c6fFC338912322813a77655fCC926b9A5aC5", "name": null, "logoUri": null },
+          "direction": "OUTGOING",
+          "transferInfo": { "type": "NATIVE_COIN", "value": "100000000000000" }
+        },
+        "id": "multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0xcfbe040521dd80d43f408c7fd3ce7d80f21e8916a04a56ff0fe5cd14eb1a508f",
+        "timestamp": 1742204292000,
+        "txStatus": "SUCCESS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 15,
+          "confirmationsRequired": 2,
+          "confirmationsSubmitted": 2,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": "0x2a4abc4b31e339fd170b6b482c4c1b605fac1a0ffddb8259fe4c0552ba996d66"
+      },
+      "conflictType": "None"
+    },
+    { "type": "DATE_LABEL", "timestamp": 1720167780000 },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "SettingsChange",
+          "humanDescription": "Add new owner 0x4fe7...dC90 with threshold 2",
+          "dataDecoded": {
+            "method": "addOwnerWithThreshold",
+            "parameters": [
+              {
+                "name": "owner",
+                "type": "address",
+                "value": "0x4fe7164d7cA511Ab35520bb14065F1693240dC90",
+                "valueDecoded": null
+              },
+              { "name": "_threshold", "type": "uint256", "value": "2", "valueDecoded": null }
+            ]
+          },
+          "settingsInfo": {
+            "type": "ADD_OWNER",
+            "owner": { "value": "0x4fe7164d7cA511Ab35520bb14065F1693240dC90", "name": null, "logoUri": null },
+            "threshold": 2
+          }
+        },
+        "id": "multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0x85835820c4119ea7e44537dd4a447264cc08d80ea1467b545b500670573c3d2d",
+        "timestamp": 1720167780000,
+        "txStatus": "SUCCESS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 14,
+          "confirmationsRequired": 2,
+          "confirmationsSubmitted": 2,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": "0xfcad9959d5f194c129d16f91f61a28719287e9beefb39cc5fe81a368f400ab35"
+      },
+      "conflictType": "None"
+    },
+    { "type": "DATE_LABEL", "timestamp": 1702636380000 },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Transfer",
+          "humanDescription": null,
+          "sender": { "value": "0x96D4c6fFC338912322813a77655fCC926b9A5aC5", "name": null, "logoUri": null },
+          "recipient": {
+            "value": "0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb",
+            "name": "GnosisSafeProxy",
+            "logoUri": null
+          },
+          "direction": "INCOMING",
+          "transferInfo": {
+            "type": "ERC20",
+            "tokenAddress": "0x7CB180dE9BE0d8935EbAAc9b4fc533952Df128Ae",
+            "value": "1000000000000000000000",
+            "tokenName": "QATRUSTED",
+            "tokenSymbol": "QTRUST",
+            "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0x7CB180dE9BE0d8935EbAAc9b4fc533952Df128Ae.png",
+            "decimals": 18,
+            "trusted": true,
+            "imitation": false
+          }
+        },
+        "id": "transfer_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_ed89d768d24991bca3a9eed93f369a3fa10727accc3d02aacb5c38794ba5b9136119",
+        "timestamp": 1702636380000,
+        "txStatus": "SUCCESS",
+        "executionInfo": null,
+        "safeAppInfo": null,
+        "txHash": "0xd89d768d24991bca3a9eed93f369a3fa10727accc3d02aacb5c38794ba5b9136"
+      },
+      "conflictType": "None"
+    },
+    { "type": "DATE_LABEL", "timestamp": 1701851760000 },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "SettingsChange",
+          "humanDescription": "Change threshold to 2",
+          "dataDecoded": {
+            "method": "changeThreshold",
+            "parameters": [{ "name": "_threshold", "type": "uint256", "value": "2", "valueDecoded": null }]
+          },
+          "settingsInfo": { "type": "CHANGE_THRESHOLD", "threshold": 2 }
+        },
+        "id": "multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0x46eb9b5370d38a676d0bc895dbd8e7e3c9544f121c7019bfb0e632597d7be7d5",
+        "timestamp": 1701851760000,
+        "txStatus": "SUCCESS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 13,
+          "confirmationsRequired": 1,
+          "confirmationsSubmitted": 1,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": "0xf3d2062541580f5f1b2a0c9e587d4696bdeecbaaa8d92a413c750ea86aed26df"
+      },
+      "conflictType": "None"
+    },
+    { "type": "DATE_LABEL", "timestamp": 1701418524000 },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Transfer",
+          "humanDescription": null,
+          "sender": {
+            "value": "0x06373d5e45AD31BD354CeBfA8dB4eD2c75B8708e",
+            "name": "GnosisSafeProxy",
+            "logoUri": null
+          },
+          "recipient": {
+            "value": "0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb",
+            "name": "GnosisSafeProxy",
+            "logoUri": null
+          },
+          "direction": "INCOMING",
+          "transferInfo": {
+            "type": "ERC20",
+            "tokenAddress": "0x4463F6662be2fdb319Dc3C491A004DEAe39Dc70a",
+            "value": "5000000000000000000",
+            "tokenName": "test-token-type-one",
+            "tokenSymbol": "TTONE",
+            "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0x4463F6662be2fdb319Dc3C491A004DEAe39Dc70a.png",
+            "decimals": 18,
+            "trusted": false,
+            "imitation": false
+          }
+        },
+        "id": "transfer_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_e54e7e766b08d4210bc1cfcc84d84ca4782a0cc1efe9e7d9c032d305060ed2a7c3044",
+        "timestamp": 1701418524000,
+        "txStatus": "SUCCESS",
+        "executionInfo": null,
+        "safeAppInfo": null,
+        "txHash": "0x54e7e766b08d4210bc1cfcc84d84ca4782a0cc1efe9e7d9c032d305060ed2a7c"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Transfer",
+          "humanDescription": null,
+          "sender": {
+            "value": "0x06373d5e45AD31BD354CeBfA8dB4eD2c75B8708e",
+            "name": "GnosisSafeProxy",
+            "logoUri": null
+          },
+          "recipient": {
+            "value": "0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb",
+            "name": "GnosisSafeProxy",
+            "logoUri": null
+          },
+          "direction": "INCOMING",
+          "transferInfo": {
+            "type": "ERC20",
+            "tokenAddress": "0x4463F6662be2fdb319Dc3C491A004DEAe39Dc70a",
+            "value": "19000000000000000000",
+            "tokenName": "test-token-type-one",
+            "tokenSymbol": "TTONE",
+            "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0x4463F6662be2fdb319Dc3C491A004DEAe39Dc70a.png",
+            "decimals": 18,
+            "trusted": false,
+            "imitation": false
+          }
+        },
+        "id": "transfer_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_e54e7e766b08d4210bc1cfcc84d84ca4782a0cc1efe9e7d9c032d305060ed2a7c3043",
+        "timestamp": 1701418524000,
+        "txStatus": "SUCCESS",
+        "executionInfo": null,
+        "safeAppInfo": null,
+        "txHash": "0x54e7e766b08d4210bc1cfcc84d84ca4782a0cc1efe9e7d9c032d305060ed2a7c"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Transfer",
+          "humanDescription": null,
+          "sender": {
+            "value": "0x06373d5e45AD31BD354CeBfA8dB4eD2c75B8708e",
+            "name": "GnosisSafeProxy",
+            "logoUri": null
+          },
+          "recipient": {
+            "value": "0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb",
+            "name": "GnosisSafeProxy",
+            "logoUri": null
+          },
+          "direction": "INCOMING",
+          "transferInfo": {
+            "type": "ERC20",
+            "tokenAddress": "0x4463F6662be2fdb319Dc3C491A004DEAe39Dc70a",
+            "value": "12000000000000000000",
+            "tokenName": "test-token-type-one",
+            "tokenSymbol": "TTONE",
+            "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0x4463F6662be2fdb319Dc3C491A004DEAe39Dc70a.png",
+            "decimals": 18,
+            "trusted": false,
+            "imitation": false
+          }
+        },
+        "id": "transfer_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_e54e7e766b08d4210bc1cfcc84d84ca4782a0cc1efe9e7d9c032d305060ed2a7c3042",
+        "timestamp": 1701418524000,
+        "txStatus": "SUCCESS",
+        "executionInfo": null,
+        "safeAppInfo": null,
+        "txHash": "0x54e7e766b08d4210bc1cfcc84d84ca4782a0cc1efe9e7d9c032d305060ed2a7c"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Transfer",
+          "humanDescription": null,
+          "sender": {
+            "value": "0x06373d5e45AD31BD354CeBfA8dB4eD2c75B8708e",
+            "name": "GnosisSafeProxy",
+            "logoUri": null
+          },
+          "recipient": {
+            "value": "0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb",
+            "name": "GnosisSafeProxy",
+            "logoUri": null
+          },
+          "direction": "INCOMING",
+          "transferInfo": {
+            "type": "ERC20",
+            "tokenAddress": "0x4463F6662be2fdb319Dc3C491A004DEAe39Dc70a",
+            "value": "10000000000000000000",
+            "tokenName": "test-token-type-one",
+            "tokenSymbol": "TTONE",
+            "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0x4463F6662be2fdb319Dc3C491A004DEAe39Dc70a.png",
+            "decimals": 18,
+            "trusted": false,
+            "imitation": false
+          }
+        },
+        "id": "transfer_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_e54e7e766b08d4210bc1cfcc84d84ca4782a0cc1efe9e7d9c032d305060ed2a7c3041",
+        "timestamp": 1701418524000,
+        "txStatus": "SUCCESS",
+        "executionInfo": null,
+        "safeAppInfo": null,
+        "txHash": "0x54e7e766b08d4210bc1cfcc84d84ca4782a0cc1efe9e7d9c032d305060ed2a7c"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Transfer",
+          "humanDescription": null,
+          "sender": {
+            "value": "0x06373d5e45AD31BD354CeBfA8dB4eD2c75B8708e",
+            "name": "GnosisSafeProxy",
+            "logoUri": null
+          },
+          "recipient": {
+            "value": "0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb",
+            "name": "GnosisSafeProxy",
+            "logoUri": null
+          },
+          "direction": "INCOMING",
+          "transferInfo": { "type": "NATIVE_COIN", "value": "1000000000000000" }
+        },
+        "id": "transfer_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_i1f54e48bccaa3d304908eee98e2d6ba3258c841bd39a84fedc112d5c6f049d910,0,0,0,0,0,1",
+        "timestamp": 1701417900000,
+        "txStatus": "SUCCESS",
+        "executionInfo": null,
+        "safeAppInfo": null,
+        "txHash": "0x1f54e48bccaa3d304908eee98e2d6ba3258c841bd39a84fedc112d5c6f049d91"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Transfer",
+          "humanDescription": null,
+          "sender": {
+            "value": "0x06373d5e45AD31BD354CeBfA8dB4eD2c75B8708e",
+            "name": "GnosisSafeProxy",
+            "logoUri": null
+          },
+          "recipient": {
+            "value": "0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb",
+            "name": "GnosisSafeProxy",
+            "logoUri": null
+          },
+          "direction": "INCOMING",
+          "transferInfo": { "type": "NATIVE_COIN", "value": "1000000000000000" }
+        },
+        "id": "transfer_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_i1f54e48bccaa3d304908eee98e2d6ba3258c841bd39a84fedc112d5c6f049d910,0,0,0,0,0,0",
+        "timestamp": 1701417900000,
+        "txStatus": "SUCCESS",
+        "executionInfo": null,
+        "safeAppInfo": null,
+        "txHash": "0x1f54e48bccaa3d304908eee98e2d6ba3258c841bd39a84fedc112d5c6f049d91"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Custom",
+          "humanDescription": null,
+          "to": {
+            "value": "0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B",
+            "name": "Safe: MultiSendCallOnly 1.3.0",
+            "logoUri": "https://safe-transaction-assets.staging.5afe.dev/contracts/logos/0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B.png"
+          },
+          "dataSize": "260",
+          "value": "0",
+          "methodName": "multiSend",
+          "actionCount": 2,
+          "isCancellation": false
+        },
+        "id": "multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0x4dd0916d9fea51b6b724ff8155c3e7cd616f2c54634c0769b9dc0edfd4f6b2b8",
+        "timestamp": 1701417276000,
+        "txStatus": "SUCCESS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 12,
+          "confirmationsRequired": 1,
+          "confirmationsSubmitted": 1,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": "0xa5dd2ebff8c270268f218c70e3aaae29f9570cf2a29fb4bdb17638653852b064"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Transfer",
+          "humanDescription": null,
+          "sender": { "value": "0x96D4c6fFC338912322813a77655fCC926b9A5aC5", "name": null, "logoUri": null },
+          "recipient": {
+            "value": "0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb",
+            "name": "GnosisSafeProxy",
+            "logoUri": null
+          },
+          "direction": "INCOMING",
+          "transferInfo": { "type": "NATIVE_COIN", "value": "500000000000000000" }
+        },
+        "id": "transfer_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_i9cf7595977c9087f31aedc68c2554c7c898486aa132aa6bd063906a5d8564110",
+        "timestamp": 1701417156000,
+        "txStatus": "SUCCESS",
+        "executionInfo": null,
+        "safeAppInfo": null,
+        "txHash": "0x9cf7595977c9087f31aedc68c2554c7c898486aa132aa6bd063906a5d8564110"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "SettingsChange",
+          "humanDescription": null,
+          "dataDecoded": {
+            "method": "disableModule",
+            "parameters": [
+              {
+                "name": "prevModule",
+                "type": "address",
+                "value": "0x0000000000000000000000000000000000000001",
+                "valueDecoded": null
+              },
+              {
+                "name": "module",
+                "type": "address",
+                "value": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+                "valueDecoded": null
+              }
+            ]
+          },
+          "settingsInfo": {
+            "type": "DISABLE_MODULE",
+            "module": {
+              "value": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+              "name": "AllowanceModule",
+              "logoUri": null
+            }
+          }
+        },
+        "id": "multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0xb82070c01297392754b4b972c064f48f4ab944c5979813c01b871c8f8d57bc4a",
+        "timestamp": 1701416244000,
+        "txStatus": "SUCCESS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 11,
+          "confirmationsRequired": 1,
+          "confirmationsSubmitted": 1,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": "0x8b3972a18cdba64348961ecd7d04f98fa155cd471e7a6fd981653177d049adeb"
+      },
+      "conflictType": "None"
+    },
+    { "type": "DATE_LABEL", "timestamp": 1701345096000 },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "SettingsChange",
+          "humanDescription": "Change threshold to 1",
+          "dataDecoded": {
+            "method": "changeThreshold",
+            "parameters": [{ "name": "_threshold", "type": "uint256", "value": "1", "valueDecoded": null }]
+          },
+          "settingsInfo": { "type": "CHANGE_THRESHOLD", "threshold": 1 }
+        },
+        "id": "multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0x94d7f35334ef6f52f442ed2b498b085bd2a4d5b3b66d7878a5d2bb85e384b88e",
+        "timestamp": 1701345096000,
+        "txStatus": "SUCCESS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 10,
+          "confirmationsRequired": 2,
+          "confirmationsSubmitted": 2,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": "0x34280fafb7edd2ea9ca09a7a35d14c8fb01a4f915e958572fcbc94f09876972e"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "SettingsChange",
+          "humanDescription": "Change threshold to 2",
+          "dataDecoded": {
+            "method": "changeThreshold",
+            "parameters": [{ "name": "_threshold", "type": "uint256", "value": "2", "valueDecoded": null }]
+          },
+          "settingsInfo": { "type": "CHANGE_THRESHOLD", "threshold": 2 }
+        },
+        "id": "multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0x87163acb6b21520a00b70f7d42bdbdf92b7970d3672e0d97d1072dbb6e13c85e",
+        "timestamp": 1701344928000,
+        "txStatus": "SUCCESS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 9,
+          "confirmationsRequired": 1,
+          "confirmationsSubmitted": 1,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": "0x8d1bb1a8cb53dcfebf58fa53fdea131bc8233fd1e7900e4dc7c3780ff437a8f9"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "SettingsChange",
+          "humanDescription": "Remove owner 0x8a39...8E4E with threshold 1",
+          "dataDecoded": {
+            "method": "removeOwner",
+            "parameters": [
+              {
+                "name": "prevOwner",
+                "type": "address",
+                "value": "0x0000000000000000000000000000000000000001",
+                "valueDecoded": null
+              },
+              {
+                "name": "owner",
+                "type": "address",
+                "value": "0x8a39cE4E27C326B87B75AaFf820D442311CD8E4E",
+                "valueDecoded": null
+              },
+              { "name": "_threshold", "type": "uint256", "value": "1", "valueDecoded": null }
+            ]
+          },
+          "settingsInfo": {
+            "type": "REMOVE_OWNER",
+            "owner": { "value": "0x8a39cE4E27C326B87B75AaFf820D442311CD8E4E", "name": null, "logoUri": null },
+            "threshold": 1
+          }
+        },
+        "id": "multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0xafd58598ec10f89395d57c4d914480e50a568416e3226bc4d1853fae06697929",
+        "timestamp": 1701344808000,
+        "txStatus": "SUCCESS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 8,
+          "confirmationsRequired": 1,
+          "confirmationsSubmitted": 1,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": "0xac665db3053c6e0ef0b0bba8d508117be28667aa96fee858cbc514c57371a4b8"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "SettingsChange",
+          "humanDescription": "Swap owner 0x01A9...C46f with 0x8a39...8E4E",
+          "dataDecoded": {
+            "method": "swapOwner",
+            "parameters": [
+              {
+                "name": "prevOwner",
+                "type": "address",
+                "value": "0x0000000000000000000000000000000000000001",
+                "valueDecoded": null
+              },
+              {
+                "name": "oldOwner",
+                "type": "address",
+                "value": "0x01A9F68e339da12565cfBc47fe7D6EdEcB11C46f",
+                "valueDecoded": null
+              },
+              {
+                "name": "newOwner",
+                "type": "address",
+                "value": "0x8a39cE4E27C326B87B75AaFf820D442311CD8E4E",
+                "valueDecoded": null
+              }
+            ]
+          },
+          "settingsInfo": {
+            "type": "SWAP_OWNER",
+            "oldOwner": { "value": "0x01A9F68e339da12565cfBc47fe7D6EdEcB11C46f", "name": null, "logoUri": null },
+            "newOwner": { "value": "0x8a39cE4E27C326B87B75AaFf820D442311CD8E4E", "name": null, "logoUri": null }
+          }
+        },
+        "id": "multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0xd7a2578ba2e610959961ad9816115d33521d7e7904797cece08051c38fa3af6f",
+        "timestamp": 1701344748000,
+        "txStatus": "SUCCESS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 7,
+          "confirmationsRequired": 1,
+          "confirmationsSubmitted": 1,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": "0x8cf95d03bcf824b5251636bfb827c8e97f5f17fd4932b6ff343553c449472f17"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Transfer",
+          "humanDescription": null,
+          "sender": { "value": "0x96D4c6fFC338912322813a77655fCC926b9A5aC5", "name": null, "logoUri": null },
+          "recipient": {
+            "value": "0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb",
+            "name": "GnosisSafeProxy",
+            "logoUri": null
+          },
+          "direction": "INCOMING",
+          "transferInfo": { "type": "NATIVE_COIN", "value": "500000000000000" }
+        },
+        "id": "transfer_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_i2339acf27d3ed017e8b25bb4d9f83439a11a37a4b1a121ecb46284c5143c058a",
+        "timestamp": 1701344064000,
+        "txStatus": "SUCCESS",
+        "executionInfo": null,
+        "safeAppInfo": null,
+        "txHash": "0x2339acf27d3ed017e8b25bb4d9f83439a11a37a4b1a121ecb46284c5143c058a"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Custom",
+          "humanDescription": null,
+          "to": {
+            "value": "0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B",
+            "name": "Safe: MultiSendCallOnly 1.3.0",
+            "logoUri": "https://safe-transaction-assets.staging.5afe.dev/contracts/logos/0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B.png"
+          },
+          "dataSize": "452",
+          "value": "0",
+          "methodName": "multiSend",
+          "actionCount": 2,
+          "isCancellation": false
+        },
+        "id": "multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0xfac5d6ee5e07a48c5313e059da5828f9f16cdbb3bcacfd479ac8c121eb6cc86e",
+        "timestamp": 1701343740000,
+        "txStatus": "SUCCESS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 6,
+          "confirmationsRequired": 1,
+          "confirmationsSubmitted": 1,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": "0x580a9ee45b5a3e15691e283f7cec0df95f4f7b60da64bb35420595f484d9005d"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "SettingsChange",
+          "humanDescription": "Add new owner 0x01A9...C46f with threshold 1",
+          "dataDecoded": {
+            "method": "addOwnerWithThreshold",
+            "parameters": [
+              {
+                "name": "owner",
+                "type": "address",
+                "value": "0x01A9F68e339da12565cfBc47fe7D6EdEcB11C46f",
+                "valueDecoded": null
+              },
+              { "name": "_threshold", "type": "uint256", "value": "1", "valueDecoded": null }
+            ]
+          },
+          "settingsInfo": {
+            "type": "ADD_OWNER",
+            "owner": { "value": "0x01A9F68e339da12565cfBc47fe7D6EdEcB11C46f", "name": null, "logoUri": null },
+            "threshold": 1
+          }
+        },
+        "id": "multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0xdcc572db274bb0dbf704ec0dc173c484726709fda240a453a2477db973f6e1b2",
+        "timestamp": 1701343644000,
+        "txStatus": "SUCCESS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 5,
+          "confirmationsRequired": 1,
+          "confirmationsSubmitted": 1,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": "0x51d526bb4588b06106d39f28e51bb32f8473fcea127c2b1ad4ad71336ddeda62"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Custom",
+          "humanDescription": null,
+          "to": {
+            "value": "0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B",
+            "name": "Safe: MultiSendCallOnly 1.3.0",
+            "logoUri": "https://safe-transaction-assets.staging.5afe.dev/contracts/logos/0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B.png"
+          },
+          "dataSize": "260",
+          "value": "0",
+          "methodName": "multiSend",
+          "actionCount": 2,
+          "isCancellation": false
+        },
+        "id": "multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0x417227c10599d67ed82ffd8424979991fd4b5185ace6256e9a1157570d9c665d",
+        "timestamp": 1701343440000,
+        "txStatus": "SUCCESS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 4,
+          "confirmationsRequired": 1,
+          "confirmationsSubmitted": 1,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": "0x833ee631f939f149b3fe7f30beec0fb89b40ee327f84a22cc7d86eac5793b88c"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Custom",
+          "humanDescription": null,
+          "to": { "value": "0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb", "name": "GnosisSafeProxy", "logoUri": null },
+          "dataSize": "0",
+          "value": "0",
+          "methodName": null,
+          "actionCount": null,
+          "isCancellation": true
+        },
+        "id": "multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0x13037f442aa430867c6f50799382fe42ae788896e2d032a6849bf07bc87d0fe2",
+        "timestamp": 1701343044000,
+        "txStatus": "SUCCESS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 3,
+          "confirmationsRequired": 1,
+          "confirmationsSubmitted": 1,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": "0x4fbfb61f83380aa165155f87ef49407a109a922bbdb8bebd8cb6539f78e0067d"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Custom",
+          "humanDescription": null,
+          "to": { "value": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134", "name": "AllowanceModule", "logoUri": null },
+          "dataSize": "68",
+          "value": "0",
+          "methodName": "deleteAllowance",
+          "actionCount": null,
+          "isCancellation": false
+        },
+        "id": "multisig_0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb_0x4380e4deadbd29fb0d098bdfe80572bc22985586e0b400732af8371a5595b84c",
+        "timestamp": 1701342528000,
+        "txStatus": "SUCCESS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 2,
+          "confirmationsRequired": 1,
+          "confirmationsSubmitted": 1,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": "0xd6e886cc910a9aceb57f9e55c20b9f8edf4442527336df2b8b4328cad4f5de8b"
+      },
+      "conflictType": "None"
+    }
+  ]
+}
diff --git a/cypress/fixtures/invalid_image_QR_test.png b/apps/web/cypress/fixtures/invalid_image_QR_test.png
similarity index 100%
rename from cypress/fixtures/invalid_image_QR_test.png
rename to apps/web/cypress/fixtures/invalid_image_QR_test.png
diff --git a/apps/web/cypress/fixtures/messages/messages.json b/apps/web/cypress/fixtures/messages/messages.json
new file mode 100644
index 000000000..bc0830f6e
--- /dev/null
+++ b/apps/web/cypress/fixtures/messages/messages.json
@@ -0,0 +1,160 @@
+{
+  "count": 4,
+  "next": null,
+  "previous": null,
+  "results": [
+    { "type": "DATE_LABEL", "timestamp": 1715040000000 },
+    {
+      "messageHash": "0x8909de146d538c1fb7822986a159867c463e9608400e16b11b805d9d22179941",
+      "status": "NEEDS_CONFIRMATION",
+      "logoUri": null,
+      "name": null,
+      "message": "Test message 1 on-chain",
+      "creationTimestamp": 1715086753709,
+      "modifiedTimestamp": 1727866579699,
+      "confirmationsSubmitted": 1,
+      "confirmationsRequired": 2,
+      "proposedBy": { "value": "0x96D4c6fFC338912322813a77655fCC926b9A5aC5", "name": null, "logoUri": null },
+      "confirmations": [
+        {
+          "owner": { "value": "0xC16Db0251654C0a72E91B190d81eAD367d2C6fED", "name": null, "logoUri": null },
+          "signature": "0xdded1fdbea1db9bf2945c57d4b537084a46d654f31d30b5a0d46a4347f60d4f05f2d4af4b022bf55fefd46a6c72a0d133be5064eea5ff1374c0c542e223cd2d01c"
+        }
+      ],
+      "preparedSignature": null,
+      "origin": "{}",
+      "type": "MESSAGE"
+    },
+    {
+      "messageHash": "0x02ad2289c179a65032e675f2f927b792ff3cff72b2e19465ccac24cce0b26f3b",
+      "status": "NEEDS_CONFIRMATION",
+      "logoUri": null,
+      "name": null,
+      "message": {
+        "domain": {
+          "name": "EIP-1271 Example DApp",
+          "version": "1.0",
+          "chainId": 11155111,
+          "verifyingContract": "0xc2F3645bfd395516d1a18CA6ad9298299d328C01"
+        },
+        "primaryType": "Example",
+        "types": {
+          "Nested": [
+            { "name": "nestedString", "type": "string" },
+            { "name": "nestedAddress", "type": "address" },
+            { "name": "nestedUint256", "type": "uint256" },
+            { "name": "nestedUint32", "type": "uint32" },
+            { "name": "nestedBytes32", "type": "bytes32" },
+            { "name": "nestedBoolean", "type": "bool" }
+          ],
+          "Example": [
+            { "name": "testString", "type": "string" },
+            { "name": "testAddress", "type": "address" },
+            { "name": "testUint256", "type": "uint256" },
+            { "name": "testUint32", "type": "uint32" },
+            { "name": "testBytes32", "type": "bytes32" },
+            { "name": "testBoolean", "type": "bool" },
+            { "name": "testNested", "type": "Nested" },
+            { "name": "testNestedArray", "type": "Nested[]" }
+          ],
+          "EIP712Domain": [
+            { "name": "name", "type": "string" },
+            { "name": "version", "type": "string" },
+            { "name": "chainId", "type": "uint256" },
+            { "name": "verifyingContract", "type": "address" }
+          ]
+        },
+        "message": {
+          "testNested": {
+            "nestedString": "Test message 3 off-chain",
+            "nestedUint32": "1",
+            "nestedAddress": "0x0000000000000000000000000000000000000002",
+            "nestedBoolean": false,
+            "nestedBytes32": "0x000000000000000000000000000000000000000000000000000000000000da7a",
+            "nestedUint256": "0"
+          },
+          "testString": "Test message 3 off-chain",
+          "testUint32": "123",
+          "testAddress": "0xc2f3645bfd395516d1a18ca6ad9298299d328c01",
+          "testBoolean": true,
+          "testBytes32": "0x00000000000000000000000000000000000000000000000000000000deadbeef",
+          "testUint256": "115792089237316195423570985008687907853269984665640564039457584007908834671663",
+          "testNestedArray": [
+            {
+              "nestedString": "Test message 3 off-chain",
+              "nestedUint32": "1",
+              "nestedAddress": "0x0000000000000000000000000000000000000002",
+              "nestedBoolean": false,
+              "nestedBytes32": "0x000000000000000000000000000000000000000000000000000000000000da7a",
+              "nestedUint256": "0"
+            },
+            {
+              "nestedString": "Test message 3 off-chain",
+              "nestedUint32": "1",
+              "nestedAddress": "0x0000000000000000000000000000000000000002",
+              "nestedBoolean": false,
+              "nestedBytes32": "0x000000000000000000000000000000000000000000000000000000000000da7a",
+              "nestedUint256": "0"
+            }
+          ]
+        }
+      },
+      "creationTimestamp": 1715086486401,
+      "modifiedTimestamp": 1715086524391,
+      "confirmationsSubmitted": 1,
+      "confirmationsRequired": 2,
+      "proposedBy": { "value": "0x96D4c6fFC338912322813a77655fCC926b9A5aC5", "name": null, "logoUri": null },
+      "confirmations": [
+        {
+          "owner": { "value": "0xC16Db0251654C0a72E91B190d81eAD367d2C6fED", "name": null, "logoUri": null },
+          "signature": "0x8a6d033296d4c0838a39e6fe9f7020868f20615250e0769ae6cf1da89759e7f96d19c8e46dd3faca50a031e1ba3ec5abe5e8096ef6e5c211a306ec7a79ef381e1c"
+        }
+      ],
+      "preparedSignature": null,
+      "origin": "{}",
+      "type": "MESSAGE"
+    },
+    {
+      "messageHash": "0x387087299d66f4a1b04a46cfce054d7e3fa11a9d9b73233faced1770bab7cf26",
+      "status": "NEEDS_CONFIRMATION",
+      "logoUri": null,
+      "name": null,
+      "message": "Test message 2 off-chain",
+      "creationTimestamp": 1715086431411,
+      "modifiedTimestamp": 1727866596492,
+      "confirmationsSubmitted": 1,
+      "confirmationsRequired": 2,
+      "proposedBy": { "value": "0x96D4c6fFC338912322813a77655fCC926b9A5aC5", "name": null, "logoUri": null },
+      "confirmations": [
+        {
+          "owner": { "value": "0xC16Db0251654C0a72E91B190d81eAD367d2C6fED", "name": null, "logoUri": null },
+          "signature": "0x211db8b4cfcbd1e482977f19db209fbd037b7c2daee28114caa79cfae4884695453a91148b4323496f00287dc16c3411331e919cb4835f57980845ea3cd0aea61c"
+        }
+      ],
+      "preparedSignature": null,
+      "origin": "{}",
+      "type": "MESSAGE"
+    },
+    {
+      "messageHash": "0x43b54447554ef2646387eacae03776108dbb67455d5a487a383006412206723f",
+      "status": "NEEDS_CONFIRMATION",
+      "logoUri": null,
+      "name": null,
+      "message": "Test message 1 off-chain",
+      "creationTimestamp": 1715086361111,
+      "modifiedTimestamp": 1715086404022,
+      "confirmationsSubmitted": 1,
+      "confirmationsRequired": 2,
+      "proposedBy": { "value": "0xC16Db0251654C0a72E91B190d81eAD367d2C6fED", "name": null, "logoUri": null },
+      "confirmations": [
+        {
+          "owner": { "value": "0xC16Db0251654C0a72E91B190d81eAD367d2C6fED", "name": null, "logoUri": null },
+          "signature": "0x5d51bafda8a9fb51f3ff25ae6c792b5739228945b133b4f2cbf4dd707a76a08978c84662f35705a5e5f8403f797a78cbe920e9fd0a17c2ed22aacff357a4a3181b"
+        }
+      ],
+      "preparedSignature": null,
+      "origin": "{}",
+      "type": "MESSAGE"
+    }
+  ]
+}
diff --git a/apps/web/cypress/fixtures/nfts/nfts.json b/apps/web/cypress/fixtures/nfts/nfts.json
new file mode 100644
index 000000000..362d03186
--- /dev/null
+++ b/apps/web/cypress/fixtures/nfts/nfts.json
@@ -0,0 +1,127 @@
+{
+  "count": 16,
+  "next": "https://safe-client.staging.5afe.dev/v2/chains/11155111/safes/0xBd69b0a9DC90eB6F9bAc3E4a5875f437348b6415/collectibles?cursor=limit%3D10%26offset%3D10",
+  "previous": null,
+  "results": [
+    {
+      "address": "0x373Ba1E9E2fe272B4Ee3144198Fe2994ac9e866c",
+      "tokenName": "CatFactory",
+      "tokenSymbol": "CF",
+      "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0x373Ba1E9E2fe272B4Ee3144198Fe2994ac9e866c.png",
+      "id": "0",
+      "uri": "ipfs://QmdmA3gwGukA8QDPH7Ypq1WAoVfX82nx7SaXFvh1T7UmvZ/0",
+      "name": null,
+      "description": null,
+      "imageUri": null,
+      "metadata": {}
+    },
+    {
+      "address": "0x373Ba1E9E2fe272B4Ee3144198Fe2994ac9e866c",
+      "tokenName": "CatFactory",
+      "tokenSymbol": "CF",
+      "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0x373Ba1E9E2fe272B4Ee3144198Fe2994ac9e866c.png",
+      "id": "1",
+      "uri": "ipfs://QmdmA3gwGukA8QDPH7Ypq1WAoVfX82nx7SaXFvh1T7UmvZ/1",
+      "name": null,
+      "description": null,
+      "imageUri": null,
+      "metadata": {}
+    },
+    {
+      "address": "0xC2B7414eAc24D98a38F5Bebdb4CCb59b6b0a3334",
+      "tokenName": "CatTestImages",
+      "tokenSymbol": "CTI",
+      "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0xC2B7414eAc24D98a38F5Bebdb4CCb59b6b0a3334.png",
+      "id": "0",
+      "uri": "ipfs://QmQdYF6ntmjdE8vSSTbDPjVaRd7zk98Wm3HbQdGyFWMXVF/0",
+      "name": null,
+      "description": null,
+      "imageUri": null,
+      "metadata": {}
+    },
+    {
+      "address": "0xC2B7414eAc24D98a38F5Bebdb4CCb59b6b0a3334",
+      "tokenName": "CatTestImages",
+      "tokenSymbol": "CTI",
+      "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0xC2B7414eAc24D98a38F5Bebdb4CCb59b6b0a3334.png",
+      "id": "1",
+      "uri": "ipfs://QmQdYF6ntmjdE8vSSTbDPjVaRd7zk98Wm3HbQdGyFWMXVF/1",
+      "name": null,
+      "description": null,
+      "imageUri": null,
+      "metadata": {}
+    },
+    {
+      "address": "0xC2B7414eAc24D98a38F5Bebdb4CCb59b6b0a3334",
+      "tokenName": "CatTestImages",
+      "tokenSymbol": "CTI",
+      "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0xC2B7414eAc24D98a38F5Bebdb4CCb59b6b0a3334.png",
+      "id": "2",
+      "uri": "ipfs://QmQdYF6ntmjdE8vSSTbDPjVaRd7zk98Wm3HbQdGyFWMXVF/2",
+      "name": null,
+      "description": null,
+      "imageUri": null,
+      "metadata": {}
+    },
+    {
+      "address": "0xC2B7414eAc24D98a38F5Bebdb4CCb59b6b0a3334",
+      "tokenName": "CatTestImages",
+      "tokenSymbol": "CTI",
+      "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0xC2B7414eAc24D98a38F5Bebdb4CCb59b6b0a3334.png",
+      "id": "3",
+      "uri": "ipfs://QmQdYF6ntmjdE8vSSTbDPjVaRd7zk98Wm3HbQdGyFWMXVF/3",
+      "name": null,
+      "description": null,
+      "imageUri": null,
+      "metadata": {}
+    },
+    {
+      "address": "0xC2B7414eAc24D98a38F5Bebdb4CCb59b6b0a3334",
+      "tokenName": "CatTestImages",
+      "tokenSymbol": "CTI",
+      "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0xC2B7414eAc24D98a38F5Bebdb4CCb59b6b0a3334.png",
+      "id": "4",
+      "uri": "ipfs://QmQdYF6ntmjdE8vSSTbDPjVaRd7zk98Wm3HbQdGyFWMXVF/4",
+      "name": null,
+      "description": null,
+      "imageUri": null,
+      "metadata": {}
+    },
+    {
+      "address": "0xC2B7414eAc24D98a38F5Bebdb4CCb59b6b0a3334",
+      "tokenName": "CatTestImages",
+      "tokenSymbol": "CTI",
+      "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0xC2B7414eAc24D98a38F5Bebdb4CCb59b6b0a3334.png",
+      "id": "5",
+      "uri": "ipfs://QmQdYF6ntmjdE8vSSTbDPjVaRd7zk98Wm3HbQdGyFWMXVF/5",
+      "name": null,
+      "description": null,
+      "imageUri": null,
+      "metadata": {}
+    },
+    {
+      "address": "0xC2B7414eAc24D98a38F5Bebdb4CCb59b6b0a3334",
+      "tokenName": "CatTestImages",
+      "tokenSymbol": "CTI",
+      "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0xC2B7414eAc24D98a38F5Bebdb4CCb59b6b0a3334.png",
+      "id": "6",
+      "uri": "ipfs://QmQdYF6ntmjdE8vSSTbDPjVaRd7zk98Wm3HbQdGyFWMXVF/6",
+      "name": null,
+      "description": null,
+      "imageUri": null,
+      "metadata": {}
+    },
+    {
+      "address": "0xD13F683CE031B66fe19D4765B932B21F1Bf76c10",
+      "tokenName": "NFTSafeTest",
+      "tokenSymbol": "NFTST",
+      "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0xD13F683CE031B66fe19D4765B932B21F1Bf76c10.png",
+      "id": "0",
+      "uri": "https://example.com/nft/0",
+      "name": null,
+      "description": null,
+      "imageUri": null,
+      "metadata": {}
+    }
+  ]
+}
diff --git a/apps/web/cypress/fixtures/pending_tx/pending_tx.json b/apps/web/cypress/fixtures/pending_tx/pending_tx.json
new file mode 100644
index 000000000..1be39441d
--- /dev/null
+++ b/apps/web/cypress/fixtures/pending_tx/pending_tx.json
@@ -0,0 +1,100 @@
+{
+  "count": 4,
+  "next": null,
+  "previous": null,
+  "results": [
+    {
+      "type": "LABEL",
+      "label": "Next"
+    },
+    {
+      "type": "CONFLICT_HEADER",
+      "nonce": 14
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "SettingsChange",
+          "humanDescription": "Add new owner 0x0D65...1b2e with threshold 1",
+          "dataDecoded": {
+            "method": "addOwnerWithThreshold",
+            "parameters": [
+              {
+                "name": "owner",
+                "type": "address",
+                "value": "0x0D65139Da4B36a8A39BF1b63e950038D42231b2e",
+                "valueDecoded": null
+              },
+              {
+                "name": "_threshold",
+                "type": "uint256",
+                "value": "1",
+                "valueDecoded": null
+              }
+            ]
+          },
+          "settingsInfo": {
+            "type": "ADD_OWNER",
+            "owner": {
+              "value": "0x0D65139Da4B36a8A39BF1b63e950038D42231b2e",
+              "name": null,
+              "logoUri": null
+            },
+            "threshold": 1
+          }
+        },
+        "id": "multisig_0xBd69b0a9DC90eB6F9bAc3E4a5875f437348b6415_0xedb578c125c7872f817e38500f19ef5bf7f3c0ba75cde9ae86b56d4986e842fb",
+        "timestamp": 1698618050333,
+        "txStatus": "AWAITING_EXECUTION",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 14,
+          "confirmationsRequired": 1,
+          "confirmationsSubmitted": 1,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": null
+      },
+      "conflictType": "HasNext"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Transfer",
+          "humanDescription": null,
+          "sender": {
+            "value": "0xBd69b0a9DC90eB6F9bAc3E4a5875f437348b6415",
+            "name": null,
+            "logoUri": null
+          },
+          "recipient": {
+            "value": "0x0D65139Da4B36a8A39BF1b63e950038D42231b2e",
+            "name": "MetaMultiSigWallet",
+            "logoUri": null
+          },
+          "direction": "OUTGOING",
+          "transferInfo": {
+            "type": "NATIVE_COIN",
+            "value": "20000000000000"
+          }
+        },
+        "id": "multisig_0xBd69b0a9DC90eB6F9bAc3E4a5875f437348b6415_0xad3609798810096b53b4515e1e68b93265ab1db76632c73f1fd36278e77f1e5e",
+        "timestamp": 1700820219720,
+        "txStatus": "AWAITING_EXECUTION",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 14,
+          "confirmationsRequired": 1,
+          "confirmationsSubmitted": 1,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": null
+      },
+      "conflictType": "End"
+    }
+  ]
+}
diff --git a/apps/web/cypress/fixtures/pending_tx/pending_tx_order.json b/apps/web/cypress/fixtures/pending_tx/pending_tx_order.json
new file mode 100644
index 000000000..9bad2e3ef
--- /dev/null
+++ b/apps/web/cypress/fixtures/pending_tx/pending_tx_order.json
@@ -0,0 +1,112 @@
+{
+  "count": 5,
+  "next": null,
+  "previous": null,
+  "results": [
+    { "type": "LABEL", "label": "Next" },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Custom",
+          "humanDescription": null,
+          "to": {
+            "value": "0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B",
+            "name": "Safe: MultiSendCallOnly 1.3.0",
+            "logoUri": "https://safe-transaction-assets.staging.5afe.dev/contracts/logos/0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B.png"
+          },
+          "dataSize": "580",
+          "value": "0",
+          "methodName": "multiSend",
+          "actionCount": 3,
+          "isCancellation": false
+        },
+        "id": "multisig_0xFFfaC243A24EecE6553f0Da278322aCF1Fb6CeF1_0xdd83250c3ba9add601062d9750504f37a89ef27b134cc185cdc044ec70213075",
+        "timestamp": 1707916165884,
+        "txStatus": "AWAITING_CONFIRMATIONS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 4,
+          "confirmationsRequired": 2,
+          "confirmationsSubmitted": 1,
+          "missingSigners": [{ "value": "0xC16Db0251654C0a72E91B190d81eAD367d2C6fED", "name": null, "logoUri": null }]
+        },
+        "safeAppInfo": null,
+        "txHash": null
+      },
+      "conflictType": "None"
+    },
+    { "type": "LABEL", "label": "Queued" },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "SettingsChange",
+          "humanDescription": "Add new owner 0x4c8b...5F4a with threshold 2",
+          "dataDecoded": {
+            "method": "addOwnerWithThreshold",
+            "parameters": [
+              {
+                "name": "owner",
+                "type": "address",
+                "value": "0x4c8bF5541D21288836F5B7AdE01E102F074c5F4a",
+                "valueDecoded": null
+              },
+              { "name": "_threshold", "type": "uint256", "value": "2", "valueDecoded": null }
+            ]
+          },
+          "settingsInfo": {
+            "type": "ADD_OWNER",
+            "owner": { "value": "0x4c8bF5541D21288836F5B7AdE01E102F074c5F4a", "name": null, "logoUri": null },
+            "threshold": 2
+          }
+        },
+        "id": "multisig_0xFFfaC243A24EecE6553f0Da278322aCF1Fb6CeF1_0xdffd24c0107e9c10e2542ca14b7f6aca35363d442f7af3609cd99b79fb4d045b",
+        "timestamp": 1707916293395,
+        "txStatus": "AWAITING_CONFIRMATIONS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 5,
+          "confirmationsRequired": 2,
+          "confirmationsSubmitted": 1,
+          "missingSigners": [{ "value": "0xC16Db0251654C0a72E91B190d81eAD367d2C6fED", "name": null, "logoUri": null }]
+        },
+        "safeAppInfo": null,
+        "txHash": null
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "txInfo": {
+          "type": "Custom",
+          "humanDescription": null,
+          "to": {
+            "value": "0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B",
+            "name": "Safe: MultiSendCallOnly 1.3.0",
+            "logoUri": "https://safe-transaction-assets.staging.5afe.dev/contracts/logos/0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B.png"
+          },
+          "dataSize": "388",
+          "value": "0",
+          "methodName": "multiSend",
+          "actionCount": 2,
+          "isCancellation": false
+        },
+        "id": "multisig_0xFFfaC243A24EecE6553f0Da278322aCF1Fb6CeF1_0x03e5f606fe1d1015eb621ba1a80f7ab24819290edb4a9cbd20c14b2783ee7243",
+        "timestamp": 1707916363084,
+        "txStatus": "AWAITING_CONFIRMATIONS",
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 6,
+          "confirmationsRequired": 2,
+          "confirmationsSubmitted": 1,
+          "missingSigners": [{ "value": "0xC16Db0251654C0a72E91B190d81eAD367d2C6fED", "name": null, "logoUri": null }]
+        },
+        "safeAppInfo": null,
+        "txHash": null
+      },
+      "conflictType": "None"
+    }
+  ]
+}
diff --git a/cypress/fixtures/safe-app.html b/apps/web/cypress/fixtures/safe-app.html
similarity index 100%
rename from cypress/fixtures/safe-app.html
rename to apps/web/cypress/fixtures/safe-app.html
diff --git a/cypress/fixtures/safes/funds.json b/apps/web/cypress/fixtures/safes/funds.json
similarity index 85%
rename from cypress/fixtures/safes/funds.json
rename to apps/web/cypress/fixtures/safes/funds.json
index 66cda0772..2d51a4d13 100644
--- a/cypress/fixtures/safes/funds.json
+++ b/apps/web/cypress/fixtures/safes/funds.json
@@ -11,5 +11,7 @@
   "SEP_FUNDS_SAFE_10": "sep:0xE72d4D7E87672c14Df3d449C6b79f20151c18fC1",
   "SEP_FUNDS_SAFE_11": "sep:0x74D5228112a9652a9825a6A285Fb39e290269172",
   "SEP_FUNDS_SAFE_12": "sep:0xe5DC58EfDA6ebe93014AaE7A5a673C5F80118171",
-  "ETH_FUNDS_SAFE_13": "eth:0x8675B754342754A30A2AeF474D114d8460bca19b"
+  "ETH_FUNDS_SAFE_13": "eth:0x8675B754342754A30A2AeF474D114d8460bca19b",
+  "SEP_FUNDS_SAFE_14": "sep:0xF9e21491A1FccD40c9B658b8cA5e25018BA9105b",
+  "SEP_FUNDS_SAFE_15": "sep:0x1b412E4E47e3199c96d4544FD15875eA6886D4F0"
 }
diff --git a/cypress/fixtures/safes/nfts.json b/apps/web/cypress/fixtures/safes/nfts.json
similarity index 100%
rename from cypress/fixtures/safes/nfts.json
rename to apps/web/cypress/fixtures/safes/nfts.json
diff --git a/apps/web/cypress/fixtures/safes/recovery.json b/apps/web/cypress/fixtures/safes/recovery.json
new file mode 100644
index 000000000..b3bee0be7
--- /dev/null
+++ b/apps/web/cypress/fixtures/safes/recovery.json
@@ -0,0 +1,7 @@
+{
+  "SEP_RECOVERY_SAFE_1": "sep:0x702E067A0015F1b835d9c631Cb28A9F617314F27",
+  "SEP_RECOVERY_SAFE_2": "sep:0xb791302040DB5Ab4Ade0b5295cecCaeF07AF07a1",
+  "SEP_RECOVERY_SAFE_3": "sep:0xAE1E3f93fda95eEbb857Ee06325f6F1e45EF3CBE",
+  "SEP_RECOVERY_SAFE_4": "sep:0xe41D568F5040FD9adeE8B64200c6B7C363C68c41",
+  "SEP_RECOVERY_SAFE_5": "sep:0xd366dc7Edf036eDeB7C69c808DE18480a4bAbB82"
+}
diff --git a/cypress/fixtures/safes/safeapps.json b/apps/web/cypress/fixtures/safes/safeapps.json
similarity index 100%
rename from cypress/fixtures/safes/safeapps.json
rename to apps/web/cypress/fixtures/safes/safeapps.json
diff --git a/apps/web/cypress/fixtures/safes/static.json b/apps/web/cypress/fixtures/safes/static.json
new file mode 100644
index 000000000..e1f45ccb3
--- /dev/null
+++ b/apps/web/cypress/fixtures/safes/static.json
@@ -0,0 +1,50 @@
+{
+  "SEP_STATIC_SAFE_0": "sep:0x926186108f74dB20BFeb2b6c888E523C78cb7E00",
+  "SEP_STATIC_SAFE_1": "sep:0x03042B890b99552b60A073F808100517fb148F60",
+  "SEP_STATIC_SAFE_2": "sep:0xBd69b0a9DC90eB6F9bAc3E4a5875f437348b6415",
+  "SEP_STATIC_SAFE_3": "sep:0x33C4AA5729D91FfB3B87AEf8a324bb6304Fb905c",
+  "SEP_STATIC_SAFE_4": "sep:0xBb26E3717172d5000F87DeFd391994f789D80aEB",
+  "SEP_STATIC_SAFE_5": "sep:0x6E834E9D04ad6b26e1525dE1a37BFd9b215f40B7",
+  "SEP_STATIC_SAFE_6": "sep:0xBf30F749FC027a5d79c4710D988F0D3C8e217A4F",
+  "SEP_STATIC_SAFE_7": "sep:0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb",
+  "SEP_STATIC_SAFE_8": "sep:0x9190cc22D592dDcf396Fa616ce84a9978fD96Fc9",
+  "SEP_STATIC_SAFE_9": "sep:0x98705770aF3b18db0a64597F6d4DCe825915fec0",
+  "SEP_STATIC_SAFE_9_SHORT": "0x9870...fec0",
+  "SEP_STATIC_SAFE_10": "sep:0xc2F3645bfd395516d1a18CA6ad9298299d328C01",
+  "SEP_STATIC_SAFE_11": "sep:0x10B45a24640E2170B6AA63ea3A289D723a0C9cba",
+  "SEP_STATIC_SAFE_12": "sep:0xFFfaC243A24EecE6553f0Da278322aCF1Fb6CeF1",
+  "SEP_STATIC_SAFE_13": "sep:0x027bBe128174F0e5e5d22ECe9623698E01cd3970",
+  "SEP_STATIC_SAFE_14": "sep:0xe41D568F5040FD9adeE8B64200c6B7C363C68c41",
+  "ETH_STATIC_SAFE_15": "eth:0xfF501B324DC6d78dC9F983f140B9211c3EdB4dc7",
+  "GNO_STATIC_SAFE_16": "gno:0xB8d760a90a5ed54D3c2b3EFC231277e99188642A",
+  "MATIC_STATIC_SAFE_17": "matic:0x6D04edC44F7C88faa670683036edC2F6FC10b86e",
+  "BNB_STATIC_SAFE_18": "bnb:0x1D28a316431bAFf410Fe53398c6C5BD566032Eec",
+  "AURORA_STATIC_SAFE_19": "aurora:0xCEA454dD3d76Da856E72C3CBaDa8ee6A789aD167",
+  "AVAX_STATIC_SAFE_20": "avax:0x480e5A3E90a3fF4a16AECCB5d638fAba96a15c28",
+  "LINEA_STATIC_SAFE_21": "linea:0x95934e67299E0B3DD277907acABB512802f3536E",
+  "ZKSYNC_STATIC_SAFE_22": "zksync:0x49136c0270c5682FFbb38Cb29Ecf0563b2E1F9f6",
+  "SEP_STATIC_SAFE_23": "sep:0x589d862CE2d519d5A862066bB923da0564c3D2EA",
+  "SEP_STATIC_SAFE_24": "sep:0x49DC5764961DA4864DC5469f16BC68a0F765f2F2",
+  "SEP_STATIC_SAFE_25": "sep:0x4ECFAa2E8cb4697bCD27bdC9Ce3E16f03F73124F",
+  "SEP_STATIC_SAFE_26": "sep:0x755428b02A458eD17fa93c86F6C3a2046F2c4C3C",
+  "SEP_STATIC_SAFE_27": "sep:0xC97FCf0B8890a5a7b1a1490d44Dc9EbE3cE04884",
+  "MATIC_STATIC_SAFE_28": "matic:0xC96ee38f5A73C8A70b565CB8EA938D2aF913ee3B",
+  "ZKSYNC_STATIC_SAFE_29": "zksync:0x950e07c80d7Bb754CcD84afE2b7751dc7Fd65D1f",
+  "SEP_STATIC_SAFE_30": "sep:0x2687E6643E189c1245EA8419e5e427809136021F",
+  "SEP_STATIC_SAFE_31": "sep:0x09725D3c2f9bE905F8f9f1b11a771122cf9C9f35",
+  "SEP_STATIC_SAFE_32": "sep:0x698C8D95D7B6b0B50338c2885d9583737546768f",
+  "SEP_STATIC_SAFE_33": "sep:0x597D644b1F2b66B84F2C56f0D40D0314E8D5895b",
+  "SEP_STATIC_SAFE_34": "sep:0xD8b85a669413b25a8BE7D7698f88b7bFA20889d2",
+  "SEP_STATIC_SAFE_35": "sep:0xc36A530ccD728d36a654ccedEB7994473474C018",
+  "SEP_STATIC_SAFE_36": "sep:0xD9BD8a5F97A003f948d684695667BB8Ff9F3d61E",
+  "SEP_STATIC_SAFE_37": "sep:0x4B8A8Ca9F0002a850CB2c81b205a6D7429a22DEe",
+  "SEP_STATIC_SAFE_38": "sep:0x30aeC11779d29dB096C434D4e72E77276EB01BdE",
+  "SEP_STATIC_SAFE_39": "sep:0xAD5e4a366cc840120701384fca4Ec9b8bEb47cAD",
+  "SEP_STATIC_SAFE_40": "sep:0x22e5093F4A75c2E99A8EcabfBF8c5c7fDcaDCf9d",
+  "SEP_STATIC_SAFE_41": "sep:0xE5577b9E75F94C4a900E74F63F79A7968e812208",
+  "SEP_STATIC_SAFE_42": "sep:0x7AaE77F475E718AdD032C7665427C6d4e6104D3c",
+  "SEP_STATIC_SAFE_43": "sep:0xC5AaBf061f2412F9D84585755dc517EF040becF9",
+  "SEP_STATIC_SAFE_44": "sep:0x8A3faB996b721d68357B42eD0D6328eBE6113e00",
+  "SEP_STATIC_SAFE_45": "sep:0x5958B92f412408bF12Bbc8638d524ebe5878E795",
+  "MATIC_STATIC_SAFE_29": "matic:0x5E9242FD52c4c4A60d874E8ff4Ba25657dd6e551"
+}
diff --git a/cypress/fixtures/sepolia_test_safe_QR.png b/apps/web/cypress/fixtures/sepolia_test_safe_QR.png
similarity index 100%
rename from cypress/fixtures/sepolia_test_safe_QR.png
rename to apps/web/cypress/fixtures/sepolia_test_safe_QR.png
diff --git a/apps/web/cypress/fixtures/staking_data.json b/apps/web/cypress/fixtures/staking_data.json
new file mode 100644
index 000000000..b424f7016
--- /dev/null
+++ b/apps/web/cypress/fixtures/staking_data.json
@@ -0,0 +1,18 @@
+{
+  "type": {
+    "history": {
+      "ETH_3205184": "32.05184 ETH",
+      "ETH32_2": "32 ETH",
+      "ETH_32": "ETH32",
+      "received": "Receive",
+      "call_batchWithdrawCLFee": "batchWithdrawCLFee",
+      "call_requestValidatorsExit": "requestValidatorsExit",
+      "StakingContract": "StakingContract",
+      "claim": "Claim",
+      "stake": "Stake",
+      "withdrawal": "Withdraw request",
+      "validator_1": "1 Validator",
+      "rewardsValue": "Approx. every 5 days after activation"
+    }
+  }
+}
diff --git a/apps/web/cypress/fixtures/swaps/quoteresponse1.json b/apps/web/cypress/fixtures/swaps/quoteresponse1.json
new file mode 100644
index 000000000..0f561b92c
--- /dev/null
+++ b/apps/web/cypress/fixtures/swaps/quoteresponse1.json
@@ -0,0 +1,22 @@
+{
+  "quote": {
+    "sellToken": "0x0625afb445c3b6b7b929342a04a22599fd5dbb59",
+    "buyToken": "0xb4f1737af37711e9a5890d9510c9bb60e170cb0d",
+    "receiver": "0x03042b890b99552b60a073f808100517fb148f60",
+    "sellAmount": "199466511674735744576",
+    "buyAmount": "695718540364483621176",
+    "validTo": 1743602782,
+    "appData": "{\"appCode\":\"Safe Wallet Swaps\",\"metadata\":{\"orderClass\":{\"orderClass\":\"market\"},\"partnerFee\":{\"bps\":35,\"recipient\":\"0x63695Eee2c3141BDE314C5a6f89B98E62808d716\"},\"quote\":{\"slippageBips\":30,\"smartSlippage\":false},\"widget\":{\"appCode\":\"CoW Swap-SafeApp\",\"environment\":\"production\"}},\"version\":\"1.3.0\"}",
+    "appDataHash": "0x08f06654c9e374ad6c8bf316b9eba772bd2cc9e54503e0fce31890b109446f0c",
+    "feeAmount": "533488325264255424",
+    "kind": "sell",
+    "partiallyFillable": false,
+    "sellTokenBalance": "erc20",
+    "buyTokenBalance": "erc20",
+    "signingScheme": "eip712"
+  },
+  "from": "0x03042b890b99552b60a073f808100517fb148f60",
+  "expiration": "1970-01-01T00:00:00Z",
+  "id": null,
+  "verified": false
+}
diff --git a/apps/web/cypress/fixtures/swaps/quoteresponse2.json b/apps/web/cypress/fixtures/swaps/quoteresponse2.json
new file mode 100644
index 000000000..46ae85e12
--- /dev/null
+++ b/apps/web/cypress/fixtures/swaps/quoteresponse2.json
@@ -0,0 +1,22 @@
+{
+  "quote": {
+    "sellToken": "0x0625afb445c3b6b7b929342a04a22599fd5dbb59",
+    "buyToken": "0xb4f1737af37711e9a5890d9510c9bb60e170cb0d",
+    "receiver": "0x03042b890b99552b60a073f808100517fb148f60",
+    "sellAmount": "108978992606022873342",
+    "buyAmount": "600000000000000000000",
+    "validTo": 1743756219,
+    "appData": "{\"appCode\":\"Safe Wallet Swaps\",\"metadata\":{\"orderClass\":{\"orderClass\":\"market\"},\"partnerFee\":{\"bps\":35,\"recipient\":\"0xE344241493D573428076c022835856a221dB3E26\"},\"quote\":{\"slippageBips\":30,\"smartSlippage\":false},\"widget\":{\"appCode\":\"CoW Swap-SafeApp\",\"environment\":\"production\"}},\"version\":\"1.3.0\"}",
+    "appDataHash": "0xaf770d59f29b652477aeccb4e40f703b9fb615374b77fa61095b32e0723302bd",
+    "feeAmount": "103301303449504384",
+    "kind": "buy",
+    "partiallyFillable": false,
+    "sellTokenBalance": "erc20",
+    "buyTokenBalance": "erc20",
+    "signingScheme": "eip712"
+  },
+  "from": "0x03042b890b99552b60a073f808100517fb148f60",
+  "expiration": "2025-04-04T08:15:39.117769292Z",
+  "id": 720106,
+  "verified": true
+}
diff --git a/apps/web/cypress/fixtures/swaps_data.json b/apps/web/cypress/fixtures/swaps_data.json
new file mode 100644
index 000000000..c3b8d8a29
--- /dev/null
+++ b/apps/web/cypress/fixtures/swaps_data.json
@@ -0,0 +1,80 @@
+{
+  "type": {
+    "queue": {
+      "contractName": "GPv2Settlement",
+      "action": "setPreSignature",
+      "oneOfOne": "1 out of 1",
+      "oneOfTwo": "1 out of 2",
+      "title": "Swap order"
+    },
+    "orderDetails": {
+      "expiry2Mins": "in 2 minutes",
+      "expiry5Mins": "in 5 minutes",
+      "expiry12Months": "in 12 months",
+      "interactWith": "GPv2Settlement",
+      "DAIeqCOW": "1 DAI = COW"
+    },
+    "history": {
+      "buyOrder": "Buy order",
+      "buy": "Buy",
+      "oneGNO": "1 GNO",
+      "oneGNOFull": "1 GNO = 8.4747 COW",
+      "forAtMost": "For at most",
+      "forAtMostCow": "For at most COW",
+      "cow": "COW",
+      "expired": "Expired",
+      "executionNeeded": "Execution needed",
+      "cancelled": "Cancelled",
+      "actionApprove": "CoW Protocol Token: approve",
+      "actionPreSignature": "GPv2Settlement: setPreSignature",
+      "actionApproveEth": "Wrapped Ether: approve",
+      "actionDepositEth": "Wrapped Ether: deposit",
+      "sellOrder": "Sell order",
+      "actionApproveG": "approve",
+      "actionPreSignatureG": "setPreSignature",
+      "composableCoW": "ComposableCoW",
+      "actionDepositG": "deposit",
+      "amount": "Amount",
+      "executionPrice": "Execution price",
+      "limitPrice": "Limit price",
+      "surplus": "Surplus",
+      "expiry": "Expiry",
+      "oderId": "Order ID",
+      "status": "Status",
+      "sellFull": "Sell 1 COW",
+      "sell10Cow": "Sell 10 COW",
+      "sell100Cow": "Sell 100 COW",
+      "sell": "Sell",
+      "oneCOW": "1 COW",
+      "forAtLeast": "for at least",
+      "forAtLeastFullCow": "for at least COW",
+      "forAtLeastFullDai": "for at least DAI",
+      "forAtLeastFullUni": "for at least UNI",
+      "forAtLeastFullUSDT": "for at least USDT",
+      "forAtLeastFullWETH": "for at least WETH",
+      "daiSold": "DAI sold",
+      "WETHeqDAI": "1 WETH = 1.32K DAI",
+      "COWeqWETH": "1 COW = 0.003 WETH",
+      "DAIeqCOW": "1 DAI = COW",
+      "UNIeqCOW": "1 UNI = K COW",
+      "DAIeqWETH": "1 DAI = WETH",
+      "USDTeqUSDC": "1 USDT = 0.19342 USDC",
+      "dai": "DAI",
+      "filled": "Filled",
+      "partiallyFilled": "Partially filled",
+      "gGpV2": "GPv2Settlement",
+      "createWithContext": "createWithContext",
+      "safeAppTitile": "CowSwap",
+      "slippage": "Slippage",
+      "widget_fee": "Widget fee",
+      "interactWith": "Interact with",
+      "title": "Swap order",
+      "limitorder_title": "Limit order",
+      "twaporder_title": "TWAP order",
+      "multiSend": "multiSend",
+      "multiSendCallOnly1_3_0": "Safe: MultiSendCallOnly 1.3.0",
+      "multiSendCallOnly1_4_1": "Safe: MultiSendCallOnly 1.4.1",
+      "altImage": "Swap order"
+    }
+  }
+}
diff --git a/cypress/fixtures/test-empty-batch.json b/apps/web/cypress/fixtures/test-empty-batch.json
similarity index 100%
rename from cypress/fixtures/test-empty-batch.json
rename to apps/web/cypress/fixtures/test-empty-batch.json
diff --git a/cypress/fixtures/test-invalid-batch.json b/apps/web/cypress/fixtures/test-invalid-batch.json
similarity index 100%
rename from cypress/fixtures/test-invalid-batch.json
rename to apps/web/cypress/fixtures/test-invalid-batch.json
diff --git a/cypress/fixtures/test-mainnet-batch.json b/apps/web/cypress/fixtures/test-mainnet-batch.json
similarity index 100%
rename from cypress/fixtures/test-mainnet-batch.json
rename to apps/web/cypress/fixtures/test-mainnet-batch.json
diff --git a/cypress/fixtures/test-modified-batch.json b/apps/web/cypress/fixtures/test-modified-batch.json
similarity index 100%
rename from cypress/fixtures/test-modified-batch.json
rename to apps/web/cypress/fixtures/test-modified-batch.json
diff --git a/apps/web/cypress/fixtures/test-working-batch.json b/apps/web/cypress/fixtures/test-working-batch.json
new file mode 100644
index 000000000..309e5af6e
--- /dev/null
+++ b/apps/web/cypress/fixtures/test-working-batch.json
@@ -0,0 +1,53 @@
+{
+  "version": "1.0",
+  "chainId": "11155111",
+  "createdAt": 1702396600164,
+  "meta": {
+    "name": "Transactions Batch",
+    "description": "",
+    "txBuilderVersion": "1.16.4",
+    "createdFromSafeAddress": "0x4DD4cB2299E491E1B469245DB589ccB2B16d7bde",
+    "createdFromOwnerAddress": "",
+    "checksum": "0x5117b795c64424440e9fccaac343a93606b405852a4b28809c909f9c805839f5"
+  },
+  "transactions": [
+    {
+      "to": "0x11AB70A4564C62F567B92868Cb5e69b50c5434aF",
+      "value": "0",
+      "data": null,
+      "contractMethod": {
+        "inputs": [
+          {
+            "internalType": "address",
+            "name": "newValue",
+            "type": "address"
+          }
+        ],
+        "name": "testAddressValue",
+        "payable": false
+      },
+      "contractInputsValues": {
+        "newValue": "0x4DD4cB2299E491E1B469245DB589ccB2B16d7bde"
+      }
+    },
+    {
+      "to": "0x11AB70A4564C62F567B92868Cb5e69b50c5434aF",
+      "value": "0",
+      "data": null,
+      "contractMethod": {
+        "inputs": [
+          {
+            "internalType": "address",
+            "name": "newValue",
+            "type": "address"
+          }
+        ],
+        "name": "testAddressValue",
+        "payable": false
+      },
+      "contractInputsValues": {
+        "newValue": "0xc6b82bA149CFA113f8f48d5E3b1F78e933e16DfD"
+      }
+    }
+  ]
+}
diff --git a/apps/web/cypress/fixtures/txhistory_data_data.json b/apps/web/cypress/fixtures/txhistory_data_data.json
new file mode 100644
index 000000000..f896e975c
--- /dev/null
+++ b/apps/web/cypress/fixtures/txhistory_data_data.json
@@ -0,0 +1,232 @@
+{
+  "type": {
+    "general": {
+      "statusOk": "Success",
+      "statusExpired": "Expired"
+    },
+    "sideActions": {
+      "created": "Created",
+      "rejectionCreated": "On-chain rejection created",
+      "confirmations": "Confirmations",
+      "executedBy": "Executed"
+    },
+    "accountCreation": {
+      "actionsSummary": "Created by 0xC16D...6fED",
+      "transactionSafehash": {},
+      "summaryTime": "10:30 AM",
+      "title": "Safe Account created",
+      "creator": {
+        "actionTitle": "Creator",
+        "address": "sep:0xC16Db0251654C0a72E91B190d81eAD367d2C6fED"
+      },
+      "factory": {
+        "name": "SafeProxyFactory 1.3.0",
+        "actionTitle": "Factory",
+        "address": "sep:0xC22834581EbC8527d974F8a1c97E1bEA4EF910BC"
+      },
+      "masterCopy": {
+        "name": "SafeL2 1.3.0",
+        "actionTitle": "Mastercopy",
+        "address": "sep:0xfb1bffC9d739B8D520DaF37dF666da4C687191EA"
+      },
+      "transactionHash": "0x05d4...7979",
+      "altTmage": "Safe Account created"
+    },
+    "receive": {
+      "title": "Receive",
+      "summaryTitle": "Received",
+      "summaryTxInfoDAI": "25.50103 DAI",
+      "summaryTxInfoETH35": "ETH35.com",
+      "summaryTxInfoETH": "0.018 ETH",
+      "summaryTxInfoETH_2": "1 ETH",
+      "summaryTxInfoNFT": "1 FLOWER #6188",
+      "summaryTxInfo": "1,000 QTRUST",
+      "summaryTime": "11:00 AM",
+      "receivedFrom": "Received 1,000 QTRUST from",
+      "senderAddress": "sep:0x96D4c6fFC338912322813a77655fCC926b9A5aC5",
+      "senderAddressEth": "eth:0x5c4378Be60a8Af15d7d1Eeb61Dbc637aD56f2D23",
+      "transactionHash": "0xd89d...9136",
+      "transactionHashCopied": "0x415977f4e4912e22a5cabc4116f7e8f8984996e00a641dcccf8cbe1eb3db3e7d",
+      "altImage": "Received",
+      "altImageDAI": "DAI",
+      "altToken": "ETH",
+      "altTokenNFT": "FLOWER #6188",
+      "altTokenETH35": "$ ETH35.com",
+      "GPv2Settlement": "GPv2Settlement",
+      "GPv2SettlementAddress": "eth:0x9008D19f58AAbD9eD0D60971565",
+      "Proxy": "Proxy",
+      "ProxyAddress": "eth:0xeF6d82f75E0429fC9261583108542B87089CC47B",
+      "txHashDAI": "0x7156...3e47",
+      "nftHash": "0x3873...6d0b",
+      "txHashEth": "0xdc6b...f250",
+      "executionDateDAI": "10/30/2023",
+      "executionDateNFT": "9/28/2023",
+      "executionDateEth": "8/19/2020"
+    },
+    "send": {
+      "title": "Sent",
+      "summaryTxInfo": "-< 0.00001 ETH",
+      "summaryTxInfo2": "-0.0001 ETH",
+      "summaryTime": "11:02 AM",
+      "sentTo": "Sent 0.000000000001 ETH to",
+      "recipientAddress": "sep:0x06373d5e45AD31BD354CeBfA8dB4eD2c75B8708e",
+      "transactionHash": "0x6a59...6a98",
+      "altImage": "Sent",
+      "altToken": "ETH",
+      "txBuilderTitle": "Transaction Builder",
+      "txBuilderAltImage": "Transaction Builder"
+    },
+    "onchainRejection": {
+      "title": "On-chain rejection",
+      "summaryTime": "11:17 AM",
+      "altImage": "On-chain rejection",
+      "description": "This is an on-chain rejection that didn't send any funds. This on-chain rejection replaced all transactions with nonce 16.",
+      "transactionHash": "0x4fbf...067d",
+      "transactionHash2": "0x636e...0524",
+      "safeTxHash": "0x1303...0fe2"
+    },
+    "batchNativeTransfer": {
+      "title": "Batch",
+      "summaryTxInfo": "2 actions",
+      "summaryTime": "11:24 AM",
+      "description": "Batch transaction with 2 actions",
+      "altImage": "Batch",
+      "contractTitle": "Safe: MultiSendCallOnly 1.3.0",
+      "contractAddress": "sep:0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B",
+      "transactionHash": "0xa5dd...b064",
+      "safeTxHash": "0x4dd0...b2b8",
+      "nativeTransfer": {
+        "title": "native transfer",
+        "description": "Interact with (and send < 0.00001 ETH to)"
+      }
+    },
+    "addOwner": {
+      "title": "addOwnerWithThreshold",
+      "summaryTime": "11:27 AM",
+      "description": "Add signer",
+      "altImage": "addOwnerWithThreshold",
+      "requiredConfirmationsTitle": "Required confirmations for new transactions",
+      "ownerAddress": "sep:0x4fe7164d7cA511Ab35520bb14065F1693240dC90",
+      "transactionHash": "0xfcad...ab35",
+      "safeTxHash": "0x8583...3d2d"
+    },
+    "removeOwner": {
+      "title": "removeOwner",
+      "summaryTime": "11:46 AM",
+      "description": "Remove signer",
+      "altImage": "removeOwner",
+      "requiredConfirmationsTitle": "Required confirmations for new transactions",
+      "ownerAddress": "sep:0x8a39cE4E27C326B87B75AaFf820D442311CD8E4E",
+      "transactionHash": "0xac66...a4b8",
+      "safeTxHash": "0xafd5...7929"
+    },
+    "disableModule": {
+      "title": "disableModule",
+      "summaryTime": "7:37 AM",
+      "description": "Disable module",
+      "altImage": "disableModule",
+      "address": "sep:0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+      "transactionHash": "0x8b39...adeb",
+      "safeTxHash": "0xb820...bc4a"
+    },
+    "changeThreshold": {
+      "title": "changeThreshold",
+      "summaryTime": "8:36 AM",
+      "altImage": "changeThreshold",
+      "requiredConfirmationsTitle": "Required confirmations for new transactions",
+      "transactionHash": "0xf3d2...26df",
+      "safeTxHash": "0x46eb...e7d5"
+    },
+    "swapOwner": {
+      "title": "swapOwner",
+      "summaryTime": "11:45 AM",
+      "description": "Swap signer",
+      "altImage": "swapOwner",
+      "transactionHash": "0x8cf9...2f17",
+      "safeTxHash": "0xd7a2...af6f",
+      "newOwner": {
+        "actionTitile": "New signer",
+        "ownerAddress": "sep:0x8a39cE4E27C326B87B75AaFf820D442311CD8E4E"
+      },
+      "oldOwner": {
+        "actionTitile": "Old signer",
+        "ownerAddress": "sep:0x01A9F68e339da12565cfBc47fe7D6EdEcB11C46f"
+      }
+    },
+    "deleteSpendingLimit": {
+      "title": "AllowanceModule",
+      "summaryTxInfo": "deleteAllowance",
+      "summaryTime": "11:08 AM",
+      "description": "Delete spending limit",
+      "altImage": "AllowanceModule",
+      "beneficiary": "Beneficiary",
+      "beneficiaryAddress": "sep:0xC16Db0251654C0a72E91B190d81eAD367d2C6fED",
+      "transactionHash": "0xd6e8...de8b",
+      "safeTxHash": "0x4380...b84c",
+      "token": "Token",
+      "tokenName": "ETH",
+      "tokenAlt": "ETH",
+      "baseGas": "BaseGas",
+      "operation": "Operation",
+      "zero_call": "0 (call)"
+    },
+    "spendingLimits": {
+      "title": "Batch",
+      "summaryTxInfo": "3 actions",
+      "summaryTime": "11:06 AM",
+      "description": "Batch transaction with 3 actions",
+      "altImage": "Batch",
+      "contractTitle": "Safe: MultiSendCallOnly 1.3.0",
+      "contractAddress": "sep:0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B",
+      "transactionHash": "0x69c3...bc37",
+      "safeTxHash": "0xf81c...243e",
+      "call_multiSend": "CallmultiSend",
+      "enableModule": {
+        "title": "enableModule",
+        "description": "Interact with",
+        "interactionAddress": "sep:0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb",
+        "moduleAddress": "sep:0xCFbF...3134",
+        "moduleAddressTitle": "module address"
+      },
+      "addDelegate": {
+        "title": "addDelegate",
+        "description": "Interact with",
+        "interactionAddress": "sep:0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+        "delegateAddress": "sep:0xC16D...6fED",
+        "delegateAddressTitle": "delegate address"
+      },
+      "setAllowance": {
+        "title": "setAllowance",
+        "delegateAddress": "sep:0xC16D...6fED",
+        "tokenAddress": "sep:0x0000...0000",
+        "allowanceAmount": "100000000000",
+        "resetTimeMin": "0",
+        "resetBaseMin": "0",
+        "delegateAddressTitle": "delegate address"
+      }
+    },
+    "untrustedReceivedToken": {
+      "title": "Receive",
+      "summaryTitle": "Received",
+      "summaryTxInfo": "5 TTONE",
+      "receivedFrom": "",
+      "senderAddress": "sep:0x06373d5e45AD31BD354CeBfA8dB4eD2c75B8708e",
+      "transactionHash": "0x54e7...2a7c",
+      "transactionHashCopied": "0x54e7e766b08d4210bc1cfcc84d84ca4782a0cc1efe9e7d9c032d305060ed2a7c",
+      "altImage": "Received",
+      "altToken": ""
+    },
+    "bulkTransaction": {
+      "send": "Sent",
+      "receive": "Received",
+      "twoTx": "2 transactions",
+      "threeTx": "3 transactions",
+      "wrappedEther": "Wrapped Ether",
+      "addOwnerWithThreshold": "addOwnerWithThreshold",
+      "1transfer": "1transfer",
+      "2removeOwner": "2removeOwner",
+      "COW": "-10 COW",
+      "DAI": "363.19846 DAI"
+    }
+  }
+}
diff --git a/apps/web/cypress/fixtures/txhistory_incoming_data.json b/apps/web/cypress/fixtures/txhistory_incoming_data.json
new file mode 100644
index 000000000..d1836018e
--- /dev/null
+++ b/apps/web/cypress/fixtures/txhistory_incoming_data.json
@@ -0,0 +1,154 @@
+{
+  "results": [
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "id": "transfer_0x8675B754342754A30A2AeF474D114d8460bca19b_e715646c00d8c513b16de213dbdcfea16f58aa1294306fdd5866a4d1fab643e4794",
+        "timestamp": 1698633431000,
+        "txStatus": "SUCCESS",
+        "txInfo": {
+          "type": "Transfer",
+          "humanDescription": null,
+          "sender": {
+            "value": "0x9008D19f58AAbD9eD0D60971565AA8510560ab41",
+            "name": "GPv2Settlement",
+            "logoUri": null
+          },
+          "recipient": {
+            "value": "0x8675B754342754A30A2AeF474D114d8460bca19b",
+            "name": "Proxy",
+            "logoUri": null
+          },
+          "direction": "INCOMING",
+          "transferInfo": {
+            "type": "ERC20",
+            "tokenAddress": "0x6B175474E89094C44Da98b954EedeAC495271d0F",
+            "value": "25501028934092566738",
+            "tokenName": "Dai Stablecoin",
+            "tokenSymbol": "DAI",
+            "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0x6B175474E89094C44Da98b954EedeAC495271d0F.png",
+            "decimals": 18,
+            "trusted": true,
+            "imitation": false
+          }
+        },
+        "executionInfo": null,
+        "safeAppInfo": null,
+        "txHash": "0x715646c00d8c513b16de213dbdcfea16f58aa1294306fdd5866a4d1fab643e47"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "id": "transfer_0x8675B754342754A30A2AeF474D114d8460bca19b_e3873b1a1310fd4acd00249456b9700ea7fbe1e61261c3efd08a288abf8756d0b138",
+        "timestamp": 1695869291000,
+        "txStatus": "SUCCESS",
+        "txInfo": {
+          "type": "Transfer",
+          "humanDescription": null,
+          "sender": {
+            "value": "0xeF6d82f75E0429fC9261583108542B87089CC47B",
+            "name": "Proxy",
+            "logoUri": null
+          },
+          "recipient": {
+            "value": "0x8675B754342754A30A2AeF474D114d8460bca19b",
+            "name": "Proxy",
+            "logoUri": null
+          },
+          "direction": "INCOMING",
+          "transferInfo": {
+            "type": "ERC721",
+            "tokenAddress": "0x4F41d10F7E67fD16bDe916b4A6DC3Dd101C57394",
+            "tokenId": "6188",
+            "tokenName": "Flower",
+            "tokenSymbol": "FLOWER",
+            "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0x4F41d10F7E67fD16bDe916b4A6DC3Dd101C57394.png",
+            "trusted": false
+          }
+        },
+        "executionInfo": null,
+        "safeAppInfo": null,
+        "txHash": "0x3873b1a1310fd4acd00249456b9700ea7fbe1e61261c3efd08a288abf8756d0b"
+      },
+      "conflictType": "None"
+    },
+
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "id": "transfer_0x8675B754342754A30A2AeF474D114d8460bca19b_e698326275adfeeb7bfbf0fbb05a547c569934392caaa69ad6c1ebb1d960cca8f497",
+        "timestamp": 1725733523000,
+        "txStatus": "SUCCESS",
+        "txInfo": {
+          "type": "Transfer",
+          "humanDescription": null,
+          "sender": {
+            "value": "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2",
+            "name": "Wrapped Ether",
+            "logoUri": "https://assets.coingecko.com/coins/images/2518/thumb/weth.png?1696503332"
+          },
+          "recipient": {
+            "value": "0x8675B754342754A30A2AeF474D114d8460bca19b",
+            "name": "Proxy",
+            "logoUri": null
+          },
+          "direction": "INCOMING",
+          "transferInfo": {
+            "type": "ERC20",
+            "tokenAddress": "0xC6d3D201530a6D4aD9dFbAAd39C5f68A9A470a69",
+            "value": "9283",
+            "tokenName": "$ ETH35.com - Visit to claim bonus rewards",
+            "tokenSymbol": "$ ETH35.com",
+            "logoUri": "https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0xC6d3D201530a6D4aD9dFbAAd39C5f68A9A470a69.png",
+            "decimals": 0,
+            "trusted": false,
+            "imitation": false
+          }
+        },
+        "executionInfo": null,
+        "safeAppInfo": null,
+        "txHash": "0x698326275adfeeb7bfbf0fbb05a547c569934392caaa69ad6c1ebb1d960cca8f"
+      },
+      "conflictType": "None"
+    },
+    {
+      "type": "TRANSACTION",
+      "transaction": {
+        "id": "multisig_0x8675B754342754A30A2AeF474D114d8460bca19b_0x36248faa2973e04d2d2a78916d417ff32e4e558b587923268f6c4f928d30b730",
+        "timestamp": 1722806183000,
+        "txStatus": "SUCCESS",
+        "txInfo": {
+          "type": "Transfer",
+          "humanDescription": null,
+          "sender": {
+            "value": "0x8675B754342754A30A2AeF474D114d8460bca19b",
+            "name": null,
+            "logoUri": null
+          },
+          "recipient": {
+            "value": "0xF616fA313Cc2E9C517DFe87D80ab280d16aBbc26",
+            "name": null,
+            "logoUri": null
+          },
+          "direction": "INCOMING",
+          "transferInfo": {
+            "type": "NATIVE_COIN",
+            "value": "18000000000000000"
+          }
+        },
+        "executionInfo": {
+          "type": "MULTISIG",
+          "nonce": 378,
+          "confirmationsRequired": 1,
+          "confirmationsSubmitted": 1,
+          "missingSigners": null
+        },
+        "safeAppInfo": null,
+        "txHash": "0x91b501fe122ae0b76e53b09b8f033f2520109ceb85c177d20b3030fb1902bebe"
+      },
+      "conflictType": "None"
+    }
+  ]
+}
diff --git a/cypress/fixtures/txmessages_data.json b/apps/web/cypress/fixtures/txmessages_data.json
similarity index 97%
rename from cypress/fixtures/txmessages_data.json
rename to apps/web/cypress/fixtures/txmessages_data.json
index fdd609947..71816eddf 100644
--- a/cypress/fixtures/txmessages_data.json
+++ b/apps/web/cypress/fixtures/txmessages_data.json
@@ -3,6 +3,7 @@
     "general": {
       "confirmed": "Confirmed",
       "sign": "Sign",
+      "zeroOftwo": "0 out of 2",
       "oneOftwo": "1 out of 2",
       "twoOftwo": "2 out of 2"
     },
diff --git a/cypress/plugins/index.js b/apps/web/cypress/plugins/index.js
similarity index 100%
rename from cypress/plugins/index.js
rename to apps/web/cypress/plugins/index.js
diff --git a/apps/web/cypress/snapshots/actual/cypress/e2e/regression/tx_decoding.cy.js/tx_decoding.png b/apps/web/cypress/snapshots/actual/cypress/e2e/regression/tx_decoding.cy.js/tx_decoding.png
new file mode 100644
index 000000000..08188e23a
Binary files /dev/null and b/apps/web/cypress/snapshots/actual/cypress/e2e/regression/tx_decoding.cy.js/tx_decoding.png differ
diff --git a/cypress/support/api/contracts.js b/apps/web/cypress/support/api/contracts.js
similarity index 100%
rename from cypress/support/api/contracts.js
rename to apps/web/cypress/support/api/contracts.js
diff --git a/apps/web/cypress/support/api/utils_ether.js b/apps/web/cypress/support/api/utils_ether.js
new file mode 100644
index 000000000..367b675fb
--- /dev/null
+++ b/apps/web/cypress/support/api/utils_ether.js
@@ -0,0 +1,5 @@
+import { ethers } from 'ethers'
+
+export function createSigners(privateKeys, provider) {
+  return privateKeys.map((privateKey) => new ethers.Wallet(privateKey, provider))
+}
diff --git a/apps/web/cypress/support/api/utils_protocolkit.js b/apps/web/cypress/support/api/utils_protocolkit.js
new file mode 100644
index 000000000..61b56e5ab
--- /dev/null
+++ b/apps/web/cypress/support/api/utils_protocolkit.js
@@ -0,0 +1,16 @@
+import Safe from '@safe-global/protocol-kit'
+
+export async function createSafes(safeConfigurations) {
+  const safes = []
+  for (const config of safeConfigurations) {
+    const providerUrl = config.provider._getConnection().url
+
+    const safe = await Safe.init({
+      provider: providerUrl,
+      signer: config.signer,
+      safeAddress: config.safeAddress,
+    })
+    safes.push(safe)
+  }
+  return safes
+}
diff --git a/cypress/support/commands.js b/apps/web/cypress/support/commands.js
similarity index 88%
rename from cypress/support/commands.js
rename to apps/web/cypress/support/commands.js
index d30653b33..e5be41210 100644
--- a/cypress/support/commands.js
+++ b/apps/web/cypress/support/commands.js
@@ -219,3 +219,33 @@ Cypress.Commands.add('setupInterceptors', () => {
     req.continue()
   }).as('headers')
 })
+
+Cypress.Commands.overwrite('visit', (originalFn, url, options = {}) => {
+  const maxRetries = 3
+  let attempt = 0
+
+  function attemptVisit(resolve, reject) {
+    originalFn(url, options)
+      .then((response) => {
+        if (response && response.status === 429) {
+          if (attempt < maxRetries) {
+            attempt++
+            const waitTime = 6000
+            console.warn(
+              `Rate limit (429) detected! Retrying in ${waitTime / 1000} seconds... Attempt ${attempt}/${maxRetries}`,
+            )
+            cy.wait(waitTime).then(() => attemptVisit(resolve, reject))
+          } else {
+            reject(new Error(`cy.visit failed after ${maxRetries + 1} attempts due to 429 rate limit.`))
+          }
+        } else {
+          resolve(response)
+        }
+      })
+      .catch(reject)
+  }
+
+  return new Cypress.Promise((resolve, reject) => {
+    attemptVisit(resolve, reject)
+  })
+})
diff --git a/cypress/support/constants.js b/apps/web/cypress/support/constants.js
similarity index 81%
rename from cypress/support/constants.js
rename to apps/web/cypress/support/constants.js
index 0bba9e43a..977565c11 100644
--- a/cypress/support/constants.js
+++ b/apps/web/cypress/support/constants.js
@@ -37,27 +37,38 @@ export const goerlySafeName = /g(ö|oe)rli-safe/
 export const sepoliaSafeName = 'sepolia-safe'
 export const goerliToken = /G(ö|oe)rli Ether/
 
+export const spaceUrl = '/spaces/settings?spaceId='
+export const spaceMembersUrl = '/spaces/members?spaceId='
+export const prodbaseUrl = 'https://app.safe.global'
 export const swapWidget = 'https://swap.cow.fi/#/11155111/widget/swap/'
+export const bridgeWidget = 'https://iframe.jumper.exchange/bridge?fromChain=11155111&theme=light'
 export const safeTestAppurl = 'https://safe-apps-test-app.pages.dev'
-export const TX_Builder_url = 'https://safe-apps.dev.5afe.dev/tx-builder'
-export const drainAccount_url = 'https://safe-apps.dev.5afe.dev/drain-safe'
-export const testAppUrl = 'https://safe-test-app.com'
+export const TX_Builder_url = 'https://safe-apps.dev.5afe.dev/tx-builder/'
+export const drainAccount_url = 'https://safe-apps.dev.5afe.dev/drain-safe/'
+export const testAppUrl = 'https://safe-test-app.com/'
 export const swapUrl = '/swap?safe='
 export const addressBookUrl = '/address-book?safe='
-export const appsUrlGeneral = '/apps?=safe='
+export const appsUrlGeneral = '/apps?safe='
+export const stakingUrl = '/stake?safe='
 export const appsCustomUrl = 'apps/custom?safe='
 export const BALANCE_URL = '/balances?safe='
 export const balanceNftsUrl = '/balances/nfts?safe='
 export const transactionQueueUrl = '/transactions/queue?safe='
 export const transactionsHistoryUrl = '/transactions/history?safe='
 export const transactionsMessagesUrl = '/transactions/messages?safe='
+export const transactionsQueued = 'transactions/queued'
 export const transactionUrl = '/transactions/tx?safe='
 export const openAppsUrl = '/apps/open?safe='
 export const homeUrl = '/home?safe='
+export const spacesUrl = '/welcome/spaces'
 export const welcomeUrl = '/welcome'
+export const welcomeAccountUrl = 'welcome/accounts'
+export const welcomeAccountsSepoliaUrl = 'welcome/accounts?chain=sep'
+export const welcomeSepoliaUrl = '/welcome?chain=sep'
 export const chainMaticUrl = '/welcome?chain=matic'
 export const createNewSafeSepoliaUrl = '/new-safe/create?chain=sep'
 export const loadNewSafeSepoliaUrl = '/new-safe/load?chain=sep'
+export const loadNewSafeUrl = '/new-safe/load'
 export const appsUrl = '/apps'
 export const requestPermissionsUrl = '/request-permissions'
 export const getPermissionsUrl = '/get-permissions'
@@ -65,15 +76,14 @@ export const appSettingsUrl = '/settings/safe-apps'
 export const setupUrl = '/settings/setup?safe='
 export const dataSettingsUrl = '/settings/data?safe='
 export const securityUrl = '/settings/security?safe='
+export const modulesUrl = '/settings/modules?safe='
 export const notificationsUrl = '/settings/notifications?safe='
-export const invalidAppUrl = 'https://my-invalid-custom-app.com/manifest.json'
-export const validAppUrlJson = 'https://my-valid-custom-app.com/manifest.json'
 export const validAppUrl = 'https://my-valid-custom-app.com'
-export const sepoliaEtherscanlLink = 'https://sepolia.etherscan.io/address'
+export const etherscanlLink = 'etherscan.io'
 export const stagingTxServiceUrl = 'https://safe-transaction-sepolia.staging.5afe.dev/api'
 export const stagingTxServiceSafesUrl = '/safes/'
 export const stagingTxServiceBalancesUrl = '/balances/'
-
+export const appearanceSettingsUrl = '/settings/appearance?safe='
 export const stagingCGWUrl = 'https://safe-client.staging.5afe.dev/'
 export const stagingCGWUrlv1 = 'https://safe-client.staging.5afe.dev/v1'
 export const stagingCGWUrlv2 = 'https://safe-client.staging.5afe.dev/v2'
@@ -81,19 +91,30 @@ export const stagingCGWChains = '/chains/'
 export const stagingCGWSafes = '/safes/'
 export const stagingCGWNone = '/nonces/'
 export const stagingCGWCollectibles = '/collectibles/'
+export const stagingCGWDelegatesUrl = '/delegates?safe='
 export const relayPath = '/relay/'
 export const stagingCGWAllTokensBalances = '/balances/USD?trusted=false&exclude_spam=false'
 
+export const spacesEndpoint = '**/**/spaces'
 export const proposeEndpoint = '/**/propose'
 export const appsEndpoint = '/**/safe-apps'
-export const transactionHistoryEndpoint = '**/history*'
+export const transactionHistoryEndpoint = '**/history**'
 export const safeListEndpoint = '**/safes'
+export const queuedEndpoint = '**/queued'
+export const messagesEndpoint = '**/messages'
+export const collectiblesEndpoint = '**/collectibles'
+
+export const indexStatusUrl = 'https://status.safe.global'
 
 export const VALID_QR_CODE_PATH = '../fixtures/sepolia_test_safe_QR.png'
 export const INVALID_QR_CODE_PATH = '../fixtures/invalid_image_QR_test.png'
 
+export const safeContractVersions = {
+  v1_4_1_L2: '1.4.1+L2',
+}
+
 export const commonThresholds = {
-  oneOfOne: '1 out of 1 signer(s)',
+  oneOfOne: '1 out of 1 signer',
 }
 export const TXActionNames = {
   resetAllowance: 'resetAllowance',
@@ -102,6 +123,7 @@ export const TXActionNames = {
 
 export const networkKeys = {
   sepolia: '11155111',
+  polygon: '137',
 }
 export const mainSideMenuOptions = {
   home: 'Home',
@@ -122,6 +144,11 @@ export const networks = {
   sepolia: 'Sepolia',
   polygon: 'Polygon',
   gnosis: 'Gnosis',
+  berachain: 'Berachain',
+  zkSync: 'zkSync Era',
+  base: 'Base',
+  optimism: 'Optimism',
+  gnosisChiado: 'Gnosis Chiado',
 }
 
 export const tokenAbbreviation = {
@@ -183,12 +210,14 @@ export const tokenNames = {
   wrappedEther: 'Wrapped Ether',
   sepoliaEther: 'Sepolia Ether',
   qaToken: 'QAtest10',
+  cow: 'CoW Protocol Token',
 }
 
 export const addressBookErrrMsg = {
   invalidFormat: 'Invalid address format',
   invalidChecksum: 'Invalid address checksum',
   exceedChars: 'Maximum 50 symbols',
+  ownSafeManage: 'The Safe Account cannot own itself',
   ownSafe: 'Cannot use Safe Account itself as signer',
   alreadyAdded: 'Address already added',
   ownerAdded: 'Signer is already added',
@@ -196,6 +225,7 @@ export const addressBookErrrMsg = {
   emptyAddress: 'Owner',
   safeAlreadyAdded: 'Safe Account is already added',
   prefixMismatch: "doesn't match the current chain",
+  ownSafeGuardian: 'The Safe Account cannot be a Recoverer of itself',
   invalidPrefix(prefix) {
     return `"${prefix}" doesn't match the current chain`
   },
@@ -225,16 +255,20 @@ export const addresBookContacts = {
   },
 }
 
+export const CURRENT_COOKIE_TERMS_VERSION = Cypress.env('CURRENT_COOKIE_TERMS_VERSION')
+
 export const localStorageKeys = {
   SAFE_v2__addressBook: 'SAFE_v2__addressBook',
   SAFE_v2__batch: 'SAFE_v2__batch',
   SAFE_v2__settings: 'SAFE_v2__settings',
   SAFE_v2__addedSafes: 'SAFE_v2__addedSafes',
   SAFE_v2__safeApps: 'SAFE_v2__safeApps',
-  SAFE_v2__cookies: 'SAFE_v2__cookies',
+  SAFE_v2_cookies: 'SAFE_v2__cookies_terms',
   SAFE_v2__tokenlist_onboarding: 'SAFE_v2__tokenlist_onboarding',
   SAFE_v2__customSafeApps_11155111: 'SAFE_v2__customSafeApps-11155111',
   SAFE_v2__SafeApps__browserPermissions: 'SAFE_v2__SafeApps__browserPermissions',
   SAFE_v2__SafeApps__infoModal: 'SAFE_v2__SafeApps__infoModal',
   SAFE_v2__undeployedSafes: 'SAFE_v2__undeployedSafes',
+  SAFE_v2__batch: 'SAFE_v2__batch',
+  SAFE_v2__visitedSafes: 'SAFE_v2__visitedSafes',
 }
diff --git a/apps/web/cypress/support/e2e.js b/apps/web/cypress/support/e2e.js
new file mode 100644
index 000000000..64640078b
--- /dev/null
+++ b/apps/web/cypress/support/e2e.js
@@ -0,0 +1,90 @@
+// ***********************************************************
+// This example support/e2e.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import '@testing-library/cypress/add-commands'
+import './commands'
+import './safe-apps-commands'
+import * as constants from './constants'
+import * as ls from './localstorage_data'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
+
+/*
+ FIXME: The terms banner is being displayed depending on the cookie banner local storage state.
+  However, in cypress the cookie banner state is evaluated after the banner has been dismissed not before
+  which displays the terms banner even though it shouldn't so we need to globally hide it in our tests.
+ */
+const { addCompareSnapshotCommand } = require('cypress-visual-regression/dist/command')
+addCompareSnapshotCommand()
+
+const beamer = JSON.parse(Cypress.env('BEAMER_DATA_E2E') || '{}')
+const productID = beamer.PRODUCT_ID
+
+Cypress.on('test:before:run', () => {
+  Cypress.automation('remote:debugger:protocol', {
+    command: 'Emulation.setLocaleOverride',
+    params: {
+      locale: 'en-US',
+    },
+  })
+})
+
+before(() => {
+  Cypress.on('uncaught:exception', (err, runnable) => {
+    return false
+  })
+  cy.on('log:added', (ev) => {
+    if (Cypress.config('hideXHR')) {
+      const app = window.top
+      if (app && !app.document.head.querySelector('[data-hide-command-log-request]')) {
+        const style = app.document.createElement('style')
+        style.innerHTML = '.command-name-request, .command-name-xhr { display: none }'
+        style.setAttribute('data-hide-command-log-request', '')
+        app.document.head.appendChild(style)
+      }
+    }
+    const originalConsoleLog = console.log
+    console.log = (...args) => {
+      if (typeof args[0] === 'string' && !args[0].includes('Intercepted request with headers')) {
+        originalConsoleLog(...args)
+      }
+    }
+  })
+})
+
+beforeEach(() => {
+  cy.setupInterceptors()
+  cy.clearAllSessionStorage()
+  cy.clearLocalStorage()
+  cy.clearCookies()
+  cy.window().then((window) => {
+    const getDate = () => new Date().toISOString()
+    const beamerKey1 = `_BEAMER_FIRST_VISIT_${productID}`
+    const beamerKey2 = `_BEAMER_BOOSTED_ANNOUNCEMENT_DATE_${productID}`
+    const cookiesKey = 'SAFE_v2__cookies_terms'
+    const outreachWindowKey = 'SAFE_v2__outreachPopup_session_v2'
+    window.localStorage.setItem(beamerKey1, getDate())
+    window.localStorage.setItem(beamerKey2, getDate())
+    window.localStorage.setItem(cookiesKey, ls.cookies.acceptedCookies)
+    window.localStorage.setItem(
+      constants.localStorageKeys.SAFE_v2__SafeApps__infoModal,
+      ls.appPermissions(constants.safeTestAppurl).infoModalAccepted,
+    )
+    window.sessionStorage.setItem(outreachWindowKey, Date.now())
+    cy.wrap(window.localStorage).invoke('getItem', cookiesKey).should('equal', ls.cookies.acceptedCookies)
+  })
+})
diff --git a/cypress/support/localstorage_data.js b/apps/web/cypress/support/localstorage_data.js
similarity index 84%
rename from cypress/support/localstorage_data.js
rename to apps/web/cypress/support/localstorage_data.js
index 65add7561..7c2644647 100644
--- a/cypress/support/localstorage_data.js
+++ b/apps/web/cypress/support/localstorage_data.js
@@ -1,4 +1,15 @@
 /* eslint-disable */
+
+import { CURRENT_COOKIE_TERMS_VERSION } from './constants.js'
+
+const cookieState = {
+  necessary: true,
+  updates: true,
+  analytics: true,
+  terms: true,
+  termsVersion: CURRENT_COOKIE_TERMS_VERSION,
+}
+
 export const batchData = {
   entry0: {
     11155111: {
@@ -111,7 +122,7 @@ export const batchData = {
                 logoUri: null,
               },
               direction: 'OUTGOING',
-              transferInfo: { type: 'NATIVE_COIN', value: '1000000000000000' },
+              transferInfo: { type: 'NATIVE_COIN', value: '2000000000000000' },
             },
             txData: {
               hexData: null,
@@ -268,7 +279,29 @@ export const batchData = {
     },
   },
 }
+export const visitedSafes = {
+  set1: {
+    11155111: {
+      '0x905934aA8758c06B2422F0C90D97d2fbb6677811': {
+        lastVisited: 1732794651004,
+      },
+    },
+  },
+}
 export const addressBookData = {
+  proposers: {
+    11155111: { '0xC16Db0251654C0a72E91B190d81eAD367d2C6fED': 'AD Proposer1' },
+  },
+  nestedsafes: {
+    11155111: {
+      '0xAD5e4a366cc840120701384fca4Ec9b8bEb47cAD': 'Main nested safe',
+      '0x22e5093F4A75c2E99A8EcabfBF8c5c7fDcaDCf9d': 'Nested safe1',
+      '0xE5577b9E75F94C4a900E74F63F79A7968e812208': 'Nested safe2',
+    },
+  },
+  addedSafesImport: {
+    11155111: { '0x6d0b6F96f665Bb4490f9ddb2e450Da2f7e546dC1': 'imported-safe' },
+  },
   sepoliaAddress1: {
     11155111: { '0x6a5602335a878ADDCa4BF63a050E34946B56B5bC': 'Owner1' },
   },
@@ -329,12 +362,43 @@ export const addressBookData = {
       '0x9E6DAfe829431e1892EcF8461FDAd02665170c31': 'Added non-owner',
     },
   },
+  multichain: {
+    137: {
+      '0xC96ee38f5A73C8A70b565CB8EA938D2aF913ee3B': 'Multichain polygon',
+    },
+    11155111: {
+      '0xC96ee38f5A73C8A70b565CB8EA938D2aF913ee3B': 'Multichain Sepolia',
+    },
+  },
+  undeployed: {
+    11155111: {
+      '0x926186108f74dB20BFeb2b6c888E523C78cb7E00': 'Undeployed Sepolia',
+    },
+  },
+  undeployedSet: {
+    100: {
+      '0xC96ee38f5A73C8A70b565CB8EA938D2aF913ee3B': 'Safe A',
+    },
+    1: {
+      '0xC96ee38f5A73C8A70b565CB8EA938D2aF913ee3B': 'Safe B',
+    },
+  },
+  undeployedEth: {
+    1: {
+      '0x926186108f74dB20BFeb2b6c888E523C78cb7E00': 'Undeployed Sepolia',
+    },
+  },
   sortingData: {
     11155111: {
       '0xC16Db0251654C0a72E91B190d81eAD367d2C6fED': 'AA Safe',
       '0x6a5602335a878ADDCa4BF63a050E34946B56B5bC': 'BB Safe',
     },
   },
+  autofillData: {
+    11155111: {
+      '0x01A9F68e339da12565cfBc47fe7D6EdEcB11C46f': 'David',
+    },
+  },
   sameOwnerName: {
     11155111: {
       '0xC16Db0251654C0a72E91B190d81eAD367d2C6fED': 'Automation owner Sepolia',
@@ -374,7 +438,7 @@ export const addressBookData = {
       '0xc2F3645bfd395516d1a18CA6ad9298299d328C01': 'Safe 27',
     },
   },
-  cookies: { necessary: true, updates: true, analytics: true },
+  cookies: cookieState,
 }
 
 export const safeSettings = {
@@ -641,6 +705,40 @@ export const addedSafes = {
       },
     },
   },
+  set5: {
+    137: {
+      '0xC96ee38f5A73C8A70b565CB8EA938D2aF913ee3B': {
+        owners: [
+          {
+            value: '0xC16Db0251654C0a72E91B190d81eAD367d2C6fED',
+          },
+        ],
+        threshold: 1,
+      },
+    },
+    11155111: {
+      '0xC96ee38f5A73C8A70b565CB8EA938D2aF913ee3B': {
+        owners: [
+          {
+            value: '0xC16Db0251654C0a72E91B190d81eAD367d2C6fED',
+          },
+        ],
+        threshold: 1,
+      },
+    },
+  },
+  set6_undeployed_safe: {
+    11155111: {
+      '0x926186108f74dB20BFeb2b6c888E523C78cb7E00': {
+        owners: [
+          {
+            value: '0x9445deb174C1eCbbfce8d31D33F438B8e7a0F1BA',
+          },
+        ],
+        threshold: 1,
+      },
+    },
+  },
 }
 
 export const pinnedApps = {
@@ -657,6 +755,13 @@ export const customApps = (url) => ({
   },
 })
 
+const infoModalAccepted = {
+  11155111: {
+    consentsAccepted: true,
+    warningCheckedCustomApps: [],
+  },
+}
+
 export const appPermissions = (url) => ({
   grantedPermissions: {
     [url]: [
@@ -664,27 +769,73 @@ export const appPermissions = (url) => ({
       { feature: 'microphone', status: 'granted' },
     ],
   },
-  infoModalAccepted: { 11155111: { consentsAccepted: true, warningCheckedCustomApps: [] } },
+  infoModalAccepted: JSON.stringify(infoModalAccepted),
 })
 
 export const cookies = {
-  acceptedCookies: { necessary: true, updates: true, analytics: true },
+  acceptedCookies: JSON.stringify(cookieState),
   acceptedTokenListOnboarding: true,
 }
 
 export const undeployedSafe = {
   safe1: {
     11155111: {
-      '0xe41D568F5040FD9adeE8B64200c6B7C363C68c41': {
+      '0x926186108f74dB20BFeb2b6c888E523C78cb7E00': {
         props: {
           safeAccountConfig: {
             threshold: 1,
-            owners: ['0xC16Db0251654C0a72E91B190d81eAD367d2C6fED'],
+            owners: ['0x9445deb174C1eCbbfce8d31D33F438B8e7a0F1BA'],
             fallbackHandler: '0x017062a1dE2FE6b99BE3d9d37841FeD19F573804',
           },
-          safeDeploymentConfig: { saltNonce: '20', safeVersion: '1.3.0' },
+          safeDeploymentConfig: {
+            saltNonce: '21',
+            safeVersion: '1.3.0',
+          },
+        },
+        status: {
+          status: 'AWAITING_EXECUTION',
+          type: 'PayLater',
+        },
+      },
+    },
+  },
+  safes2: {
+    1: {
+      '0xC96ee38f5A73C8A70b565CB8EA938D2aF913ee3B': {
+        props: {
+          safeAccountConfig: {
+            threshold: 1,
+            owners: ['0x3ba5d9a6d6169429Adb278768D9681A125C01Af6'],
+            fallbackHandler: '0xfd0732Dc9E303f09fCEf3a7388Ad10A83459Ec99',
+          },
+          safeDeploymentConfig: {
+            saltNonce: '0',
+            safeVersion: '1.4.1',
+          },
+        },
+        status: {
+          status: 'AWAITING_EXECUTION',
+          type: 'PayLater',
+        },
+      },
+    },
+    100: {
+      '0xC96ee38f5A73C8A70b565CB8EA938D2aF913ee3B': {
+        props: {
+          safeAccountConfig: {
+            threshold: 1,
+            owners: ['0x3ba5d9a6d6169429Adb278768D9681A125C01Af6'],
+            fallbackHandler: '0xfd0732Dc9E303f09fCEf3a7388Ad10A83459Ec99',
+          },
+          safeDeploymentConfig: {
+            saltNonce: '0',
+            safeVersion: '1.4.1',
+          },
+        },
+        status: {
+          status: 'AWAITING_EXECUTION',
+          type: 'PayLater',
         },
-        status: { status: 'AWAITING_EXECUTION' },
       },
     },
   },
diff --git a/cypress/support/safe-apps-commands.js b/apps/web/cypress/support/safe-apps-commands.js
similarity index 87%
rename from cypress/support/safe-apps-commands.js
rename to apps/web/cypress/support/safe-apps-commands.js
index ddbf3d826..798eb50d3 100644
--- a/cypress/support/safe-apps-commands.js
+++ b/apps/web/cypress/support/safe-apps-commands.js
@@ -8,7 +8,7 @@ Cypress.Commands.add('visitSafeApp', (appUrl) => {
     window.localStorage.setItem(
       INFO_MODAL_KEY,
       JSON.stringify({
-        5: { consentsAccepted: true, warningCheckedCustomApps: allowedApps },
+        11155111: { consentsAccepted: true, warningCheckedCustomApps: allowedApps },
       }),
     )
   })
diff --git a/cypress/support/safes/safesHandler.js b/apps/web/cypress/support/safes/safesHandler.js
similarity index 100%
rename from cypress/support/safes/safesHandler.js
rename to apps/web/cypress/support/safes/safesHandler.js
diff --git a/apps/web/cypress/support/utils/checkers.js b/apps/web/cypress/support/utils/checkers.js
new file mode 100644
index 000000000..492071bb6
--- /dev/null
+++ b/apps/web/cypress/support/utils/checkers.js
@@ -0,0 +1,9 @@
+export function startsWith0x(str) {
+  const pattern = /^0x/
+  return pattern.test(str)
+}
+
+export const isInRedRange = (rgbColor) => {
+  const [r, g, b] = rgbColor.match(/\d+/g).map(Number)
+  return r >= 200 && r <= 255 && g >= 0 && g <= 95 && b >= 0 && b <= 120
+}
diff --git a/apps/web/cypress/support/utils/ethers.js b/apps/web/cypress/support/utils/ethers.js
new file mode 100644
index 000000000..1e56b8634
--- /dev/null
+++ b/apps/web/cypress/support/utils/ethers.js
@@ -0,0 +1,5 @@
+import { ethers } from 'ethers'
+
+export const getMockAddress = () => {
+  return ethers.getAddress('0x1234567890abcdef1234567890abcdef12345678')
+}
diff --git a/apps/web/cypress/support/utils/gtag.js b/apps/web/cypress/support/utils/gtag.js
new file mode 100644
index 000000000..b4671144f
--- /dev/null
+++ b/apps/web/cypress/support/utils/gtag.js
@@ -0,0 +1,89 @@
+export function getEvents() {
+  cy.window().then((win) => {
+    cy.wrap(win.dataLayer)
+      .as('dataLayer')
+      .then((dataLayer) => {
+        console.log('DataLayer:', dataLayer)
+        cy.task('log', JSON.stringify(dataLayer, null, 2))
+      })
+  })
+}
+
+export const checkDataLayerEvents = (expectedEvents) => {
+  cy.get('@dataLayer').should((dataLayer) => {
+    expectedEvents.forEach((expectedEvent) => {
+      const eventExists = dataLayer.some((event) => {
+        return Object.keys(expectedEvent).every((key) => {
+          return event[2]?.[key] === expectedEvent[key]
+        })
+      })
+      expect(eventExists, `Expected event matching fields: ${JSON.stringify(expectedEvent)} not found`).to.be.true
+    })
+  })
+}
+
+export const events = {
+  safeCreatedCF: {
+    category: 'create-safe',
+    action: 'Created Safe',
+    eventName: 'safe_created',
+    eventLabel: 'counterfactual',
+    eventType: 'safe_created',
+  },
+
+  txCreatedSwapOwner: {
+    category: 'transactions',
+    action: 'Create transaction',
+    eventName: 'tx_created',
+    eventLabel: 'owner_swap',
+  },
+
+  txConfirmedAddOwner: {
+    category: 'transactions',
+    action: 'Confirm transaction',
+    eventLabel: 'owner_add',
+    eventType: 'tx_confirmed',
+    event: 'tx_confirmed',
+  },
+  txCreatedSwap: {
+    category: 'transactions',
+    action: 'Confirm transaction',
+    eventLabel: 'native_swap',
+    eventType: 'tx_created',
+  },
+
+  txConfirmedSwap: {
+    category: 'transactions',
+    action: 'Confirm transaction',
+    eventLabel: 'native_swap',
+    eventType: 'tx_confirmed',
+  },
+
+  txCreatedTxBuilder: {
+    category: 'transactions',
+    action: 'Confirm transaction',
+    eventLabel: 'https://safe-apps.dev.5afe.dev/tx-builder',
+    eventType: 'tx_created',
+    event: 'tx_created',
+  },
+
+  txConfirmedTxBuilder: {
+    category: 'transactions',
+    action: 'Confirm transaction',
+    eventLabel: 'https://safe-apps.dev.5afe.dev/tx-builder',
+    eventType: 'tx_confirmed',
+    event: 'tx_confirmed',
+  },
+
+  txOpenShareBlock: {
+    action: 'Open share block',
+    event: 'customClick',
+    category: 'tx-list',
+  },
+
+  txCopyShareBlockLink: {
+    action: 'Copy deeplink',
+    event: 'customClick',
+    category: 'tx-list',
+  },
+}
diff --git a/cypress/support/utils/txquery.js b/apps/web/cypress/support/utils/txquery.js
similarity index 97%
rename from cypress/support/utils/txquery.js
rename to apps/web/cypress/support/utils/txquery.js
index c4845de5f..844501610 100644
--- a/cypress/support/utils/txquery.js
+++ b/apps/web/cypress/support/utils/txquery.js
@@ -9,7 +9,7 @@ function buildQueryUrl({ chainId, safeAddress, transactionType, ...params }) {
 
   const defaultParams = {
     safe: `sep:${safeAddress}`,
-    timezone_offset: '7200000',
+    timezone: 'Europe/Berlin',
     trusted: 'false',
   }
 
diff --git a/apps/web/cypress/support/utils/wallet.js b/apps/web/cypress/support/utils/wallet.js
new file mode 100644
index 000000000..b0e511d27
--- /dev/null
+++ b/apps/web/cypress/support/utils/wallet.js
@@ -0,0 +1,79 @@
+import * as main from '../../e2e/pages/main.page'
+
+const onboardv2 = 'onboard-v2'
+const pkInput = '[data-testid="private-key-input"]'
+const pkConnectBtn = '[data-testid="pk-connect-btn"]'
+const connectWalletBtn = '[data-testid="connect-wallet-btn"]'
+
+const privateKeyStr = 'Private key'
+
+export function connectSigner(signer) {
+  let retryCount = 0
+
+  const actions = {
+    privateKey: () => {
+      cy.wait(2000)
+      cy.get('body').then(($body) => {
+        if ($body.find(onboardv2).length > 0) {
+          cy.get(onboardv2)
+            .shadow()
+            .find('button')
+            .contains(privateKeyStr)
+            .click()
+            .then(() => handlePkConnect())
+        }
+      })
+    },
+    retry: () => {
+      retryCount++
+      if (retryCount > 20) {
+        throw new Error('Failed to connect after 20 retries')
+      }
+      cy.wait(1000).then(enterPrivateKey)
+    },
+  }
+
+  function handlePkConnect() {
+    cy.get('body').then(($body) => {
+      if ($body.find(pkInput).length > 0) {
+        cy.get(pkInput)
+          .find('input')
+          .then(($input) => {
+            $input.val(signer)
+            cy.wrap($input).trigger('input').trigger('change')
+          })
+        cy.get(pkConnectBtn).click()
+        cy.wait(2000)
+      }
+    })
+  }
+
+  function enterPrivateKey() {
+    cy.wait(3000)
+    return cy.get('body').then(($body) => {
+      if ($body.find(pkInput).length > 0) {
+        cy.get(pkInput)
+          .find('input')
+          .then(($input) => {
+            $input.val(signer)
+            cy.wrap($input).trigger('input').trigger('change')
+          })
+
+        cy.get(pkConnectBtn).click()
+      } else if ($body.find(connectWalletBtn).length > 0) {
+        cy.get(connectWalletBtn)
+          .eq(0)
+          .should('be.enabled')
+          .click({ force: true })
+          .then(() => {
+            const actionKey = $body.find(onboardv2).length > 0 ? 'privateKey' : 'retry'
+            actions[actionKey]()
+          })
+      }
+    })
+  }
+
+  enterPrivateKey().then(() => {
+    main.closeOutreachPopup()
+  })
+}
diff --git a/apps/web/docs/code-style.md b/apps/web/docs/code-style.md
new file mode 100644
index 000000000..82429ac9f
--- /dev/null
+++ b/apps/web/docs/code-style.md
@@ -0,0 +1,39 @@
+# 💝 Code Style Guidelines
+
+## Principles
+
+- Rely on automation/IDE
+- Strive for pragmatism
+- Don’t add bells and whistles (newlines, spaces for “beauty”, ordering imports etc.)
+- Avoid unnecessary stylistic changes
+  - They increase the chance of git conflicts (esp. in imports)
+  - They make it harder to review the PR
+  - Ultimately, a waste of time
+
+## Functional code style
+
+- Write small functions that do one thing with no side-effects
+- Compose small functions to do more things
+- Same with components: don’t write giant components, write small composable components
+- Prefer `map`/`filter` over `reduce`/`forEach`
+- Watch out when using destructive methods like `pop` or `sort` (yes, `sort` is destructive!)
+- Avoid initializing things on the module level, prefer to export an init function instead
+
+## Reactive programming
+
+- Keep in mind the React component life-cycle, avoid excessive re-renders
+- Glue regular JS functions and events with React using hooks
+- Write small `useEffect` hooks that do just one thing and have only necessary dependencies
+
+## Variable/function naming
+
+Infamously, the hardest problem in computer science.
+
+- Components are classes, so their names should be in PascalCase
+- Config-like constants should be in UPPER_CASE, e.g. `INFURA_URL`
+- Regular `const` variables should be in camelCase
+- Avoid prepositions in variable names:
+  - ~`restoreFromLocalStorage`~ 🙅
+  - `restoreStoredValue` 👍
+- Try to name boolean vars with `is`, e.g. `isLoading` vs `loading`
+- If something needs to be exported just for unit tests, export it with a `_` prefix, e.g. `_getOnboardConfig`
diff --git a/apps/web/docs/environments.md b/apps/web/docs/environments.md
new file mode 100644
index 000000000..176c6bb9b
--- /dev/null
+++ b/apps/web/docs/environments.md
@@ -0,0 +1,34 @@
+# Environments
+
+We have several environments where the app can be deployed:
+
+| Env        | URL                                             | Purpose                              | How it's deployed                                                      | Backend env                  |
+| ---------- | ----------------------------------------------- | ------------------------------------ | ---------------------------------------------------------------------- | ---------------------------- |
+| local      | http://localhost:3000/app                       | local development                    | `yarn start`                                                           | staging                      |
+| PRs        | `https://<PR_NAME>--walletweb.review.5afe.dev/` | peer review & feature QA             | for all PRs on push                                                    | staging                      |
+| dev        | https://safe-wallet-web.dev.5afe.dev/           | preview of all WIP features          | on push to the `dev` branch                                            | staging                      |
+| staging    | https://safe-wallet-web.staging.5afe.dev/       | preview of features before a release | on push to `main`                                                      | **production** (for testing) |
+| production | https://app.safe.global/                        | live app                             | deployed by DevOps (see the [Release Procedure](release-procedure.md)) | **production**               |
+
+## Lifecycle of a feature
+
+After a feature enters the development cycle (i.e. is in a sprint), it goes through the following steps:
+
+### Development & QA
+
+1. Developer starts working on the feature
+2. Developer creates a Pull Request and assigns a reviewer
+3. Reviewer leaves feedback until the PR is approved
+4. QA engineer starts testing the branch on a deployed site (each PR has one, see the table above)
+5. Once QA gives a green light, the branch is merged to the `dev` branch
+
+### Release
+
+1. All merged branches sit on `dev`, which is occasionally reviewed on the [dev site](https://safe-wallet-web.dev.5afe.dev/).
+2. In case some regression is noticed, it's fixed on dev.
+3. Once a sufficient amount of features are ready for a release (at least once in a sprint), a release branch is made (normally from the HEAD of `dev`) and a PR to `main` is created.
+4. QA does regression testing on the release branch. The backend APIs are pointing to production on this branch so that all chains can be tested.
+5. Once QA passes, the branch is merged to `main` and is automatically deployed to the [staging site](https://safe-wallet-web.staging.5afe.dev/).
+6. It sits on staging for a short while where QA and the release manager briefly do a final check before going live.
+7. DevOps are requested to deploy the code from `main` to the production env.
+8. Once it's done, brief sanity checks are done on the [production site](https://app.safe.global/).
diff --git a/apps/web/docs/release-procedure.md b/apps/web/docs/release-procedure.md
new file mode 100644
index 000000000..ff630b7a5
--- /dev/null
+++ b/apps/web/docs/release-procedure.md
@@ -0,0 +1,81 @@
+# Releasing to production
+
+The code is being actively developed on the `dev` branch. Pull requests are made against this branch.
+
+We prepare at least one release every sprint. Sprints are two weeks long.
+
+When it's time to make a release, we "freeze" the code by creating a release branch off of the `dev` branch. A release PR is created from that branch, and sent to QA.
+
+### Preparing a release branch
+
+- Create a code-freeze branch named `release`
+  - If it's a regular release, this branch is typically based off of `dev`
+  - For hot fixes, it would be `main` + cherry-picked commits
+- Bump the version in the `package.json` as a separate commit with the commit message equal to the exact version
+- Create a PR with the list of changes
+
+  > 💡 To generate a quick changelog:
+  >
+  > ```bash
+  > git log origin/main..origin/dev --pretty=format:'* %s'
+  > ```
+
+```bash
+git checkout release # switch to the release branch
+git fetch --all; git reset --hard origin/dev # sync it with dev
+```
+
+Change the version in `app/web/package.json` to the new version.
+
+```bash
+git add .
+git commit -m '1.54.0' # where 1.54.0 is the new version
+git push
+```
+
+Once pushed:
+
+- Create a PR from `release` to `main`.
+- Add the PR to the Wallet project and set the status to `Ready for QA`
+
+### QA
+
+- The QA team do regression testing on this branch
+- If issues are found, bugfixes are merged into this branch
+- Once the QA is done, proceed to the next step
+
+### Releasing to production
+
+After the PR is tested and approved by QA:
+
+- Switch to the main branch and make sure it's up to date:
+
+```
+git checkout main
+git fetch --all
+git reset --hard origin/main
+```
+
+- Pull from the release branch:
+
+```
+git pull origin release
+```
+
+- Push:
+
+```
+git push
+```
+
+A deployment workflow will be triggered and it will do the following things:
+
+- Deploy the build to [staging](https://safe-wallet-web.staging.5afe.dev/)
+- Create a new git tag from the version in `package.json`
+- Create a draft [GitHub release](https://github.com/safe-global/safe-wallet-web/releases) linked to this tag, with a changelog taken from the release PR
+
+After that, the release manager should:
+
+- Publish the draft release. This will trigger a build and upload the code to an S3 bucket – wait for the job to finish
+- Notify devops on Slack and send them the release link to deploy to production
+- Back-merge `main` into the `dev` branch to keep them in sync unless the release branch was based on `dev`
diff --git a/apps/web/docs/update-patch.md b/apps/web/docs/update-patch.md
new file mode 100644
index 000000000..9eec12e50
--- /dev/null
+++ b/apps/web/docs/update-patch.md
@@ -0,0 +1,26 @@
+# Update yarn patches
+
+You can find all patches that are currently applied inside the `.yarn/patches` directory. The name of the package that the patch applies to can be found in the file name of the patch.
+
+Following are the steps to update a patch in case an update to the dependency needs to be done.
+
+1. Run `yarn add <package-name>@<version>` to update the dependency
+
+### If the file you are patching hasn't changed after the update:
+
+1. Update the patch file name inside `.yarn/patches` to reflect the new version
+   1. e.g. `next-npm-15.2.3-06a6671f62.patch` -> `next-npm-15.2.4-06a6671f62.patch`
+2. Update the dependency inside `package.json` again to apply the patch
+   1. e.g. `"next": "15.2.4"` -> `"next": "patch:next@15.2.4#../../.yarn/patches/next-npm-15.2.4-06a6671f62.patch"`
+3. Run `yarn install` to update lock file
+4. Go to the package directory inside `node_modules` and check that the patch is applied
+
+### If the file you are patching has changed after the update:
+
+1. Run `yarn patch <package-name>` e.g. `yarn patch next@npm:15.2.4`
+2. Follow the instructions from your CLI
+3. Check the generated patch file inside `.yarn/patches` and make sure it contains the expected changes
+4. Update the dependency inside `package.json`
+   1. e.g. `"next": "15.2.4"` -> `"next": "patch:next@15.2.4#../../.yarn/patches/next-npm-15.2.4-06a6671f62.patch"`
+5. Run `yarn install` to update lock file
+6. Go to the package directory inside `node_modules` and check that the patch is applied
diff --git a/apps/web/docs/update-terms.md b/apps/web/docs/update-terms.md
new file mode 100644
index 000000000..0e7d95832
--- /dev/null
+++ b/apps/web/docs/update-terms.md
@@ -0,0 +1,28 @@
+# How to update Terms & Conditions
+
+To update the terms and conditions, follow these steps:
+
+1. Export the terms and conditions from Google Docs as a Markdown file.
+2. Replace the content of the src/markdown/terms/terms.md file with the exported content.
+3. If significant changes were made, update the version and last updated date in `version.ts` in the same folder.
+
+That’s it!
+
+The updated terms and conditions will be displayed in the app with the correct version number and date. A popup banner
+will automatically appear for users who haven’t accepted the new terms.
+
+## How does this work?
+
+We rely on the version number from `version.ts`. When the Redux store is rehydrated, we check the version stored in
+the store against the version in the frontmatter. If they differ, we reset the accepted terms, forcing the user to
+accept the new version.
+
+The Markdown file is automatically converted to HTML and displayed in the app. Note that because the Markdown was
+generated
+from Google Docs, we require the remark-heading-id plugin. Additionally, since Google Docs uses {# ...} syntax, it will
+fail in an MDX file.
+
+For Cypress, we follow a similar process. We read the version from the frontmatter and pass it as an environment
+variable.
+
+For Jest tests, we mock the file and read the version from the mock.
diff --git a/apps/web/eslint.config.mjs b/apps/web/eslint.config.mjs
new file mode 100644
index 000000000..8e65ad8ad
--- /dev/null
+++ b/apps/web/eslint.config.mjs
@@ -0,0 +1,77 @@
+import unusedImports from 'eslint-plugin-unused-imports'
+import typescriptEslint from '@typescript-eslint/eslint-plugin'
+import noOnlyTests from 'eslint-plugin-no-only-tests'
+import tsParser from '@typescript-eslint/parser'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import js from '@eslint/js'
+import { FlatCompat } from '@eslint/eslintrc'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+})
+
+export default [
+  {
+    ignores: ['**/node_modules/', '**/.next/', '**/.github/', '**/cypress/', '**/src/types/contracts/'],
+  },
+  ...compat.extends('next', 'prettier', 'plugin:prettier/recommended', 'plugin:storybook/recommended'),
+  {
+    plugins: {
+      'unused-imports': unusedImports,
+      '@typescript-eslint': typescriptEslint,
+      'no-only-tests': noOnlyTests,
+    },
+
+    languageOptions: {
+      parser: tsParser,
+      ecmaVersion: 5,
+      sourceType: 'script',
+
+      parserOptions: {
+        project: ['./tsconfig.json'],
+      },
+    },
+
+    rules: {
+      '@next/next/no-img-element': 'off',
+      '@next/next/google-font-display': 'off',
+      '@next/next/google-font-preconnect': 'off',
+      '@next/next/no-page-custom-font': 'off',
+      'unused-imports/no-unused-imports': 'error',
+      '@typescript-eslint/consistent-type-imports': 'error',
+      '@typescript-eslint/await-thenable': 'error',
+      'no-constant-condition': 'warn',
+
+      'unused-imports/no-unused-vars': [
+        'error',
+        {
+          varsIgnorePattern: '^_',
+        },
+      ],
+
+      'react-hooks/exhaustive-deps': [
+        'warn',
+        {
+          additionalHooks: 'useAsync',
+        },
+      ],
+
+      'no-only-tests/no-only-tests': 'error',
+      'object-shorthand': ['error', 'properties'],
+      'jsx-quotes': ['error', 'prefer-double'],
+
+      'react/jsx-curly-brace-presence': [
+        'error',
+        {
+          props: 'never',
+          children: 'never',
+        },
+      ],
+    },
+  },
+]
diff --git a/apps/web/jest.config.cjs b/apps/web/jest.config.cjs
new file mode 100644
index 000000000..6bc183901
--- /dev/null
+++ b/apps/web/jest.config.cjs
@@ -0,0 +1,39 @@
+const nextJest = require('next/jest')
+const createJestConfig = nextJest({
+  // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
+  dir: './',
+})
+
+// Add any custom config to be passed to Jest
+const customJestConfig = {
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+
+  moduleNameMapper: {
+    // Handle module aliases (this will be automatically configured for you soon)
+    '^@/(.*)$': '<rootDir>/src/$1',
+    '^react-dom$': '<rootDir>/node_modules/react-dom',
+    '^.+\\.(svg)$': '<rootDir>/mocks/svg.js',
+    '^.+/markdown/terms/terms\\.md$': '<rootDir>/mocks/terms.md.js',
+    isows: '<rootDir>/node_modules/isows/_cjs/index.js',
+    '^@safe-global/utils/(.*)$': '<rootDir>/../../packages/utils/src/$1',
+  },
+  // https://github.com/mswjs/jest-fixed-jsdom
+  // without this environment it is basically impossible to run tests with msw
+  testEnvironment: 'jest-fixed-jsdom',
+
+  testEnvironmentOptions: {
+    url: 'http://localhost/balances?safe=rin:0xb3b83bf204C458B461de9B0CD2739DB152b4fa5A',
+    // https://github.com/mswjs/msw/issues/1786#issuecomment-2426900455
+    // without this line 4 tests related to firefox fail
+    customExportConditions: ['node'],
+  },
+  coveragePathIgnorePatterns: ['/node_modules/', '/src/tests/', '/src/types/contracts/'],
+}
+
+// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
+module.exports = async () => ({
+  ...(await createJestConfig(customJestConfig)()),
+  transformIgnorePatterns: [
+    'node_modules/(?!(uint8arrays|multiformats|@web3-onboard/common|@walletconnect/(.*)/uint8arrays)/)',
+  ],
+})
diff --git a/apps/web/jest.setup.js b/apps/web/jest.setup.js
new file mode 100644
index 000000000..9877ee23e
--- /dev/null
+++ b/apps/web/jest.setup.js
@@ -0,0 +1,52 @@
+// Used for __tests__/testing-library.js
+// Learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom'
+import { server } from '@/tests/server'
+
+jest.mock('@web3-onboard/coinbase', () => jest.fn())
+jest.mock('@web3-onboard/injected-wallets', () => ({ ProviderLabel: { MetaMask: 'MetaMask' } }))
+jest.mock('@web3-onboard/walletconnect', () => jest.fn())
+jest.mock('@safe-global/safe-client-gateway-sdk')
+
+const mockOnboardState = {
+  chains: [],
+  walletModules: [],
+  wallets: [],
+  accountCenter: {},
+}
+
+jest.mock('@web3-onboard/core', () => () => ({
+  connectWallet: jest.fn(),
+  disconnectWallet: jest.fn(),
+  setChain: jest.fn(),
+  state: {
+    select: (key) => ({
+      subscribe: (next) => {
+        next(mockOnboardState[key])
+
+        return {
+          unsubscribe: jest.fn(),
+        }
+      },
+    }),
+    get: () => mockOnboardState,
+  },
+}))
+
+// This is required for jest.spyOn to work with imported modules.
+// After Next 13, imported modules have `configurable: false` for named exports,
+// which means that `jest.spyOn` cannot modify the exported function.
+const defineProperty = Object.defineProperty
+Object.defineProperty = (obj, prop, desc) => {
+  if (prop !== 'prototype') {
+    desc.configurable = true
+  }
+  return defineProperty(obj, prop, desc)
+}
+
+beforeAll(() => {
+  server.listen()
+})
+
+afterEach(() => server.resetHandlers())
+afterAll(() => server.close())
diff --git a/mocks/svg.js b/apps/web/mocks/svg.js
similarity index 100%
rename from mocks/svg.js
rename to apps/web/mocks/svg.js
diff --git a/apps/web/next-env.d.ts b/apps/web/next-env.d.ts
new file mode 100644
index 000000000..52e831b43
--- /dev/null
+++ b/apps/web/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.
diff --git a/apps/web/next.config.mjs b/apps/web/next.config.mjs
new file mode 100644
index 000000000..32e7cb09a
--- /dev/null
+++ b/apps/web/next.config.mjs
@@ -0,0 +1,136 @@
+import path from 'path'
+import withBundleAnalyzer from '@next/bundle-analyzer'
+import withPWAInit from '@ducanh2912/next-pwa'
+import remarkGfm from 'remark-gfm'
+import remarkHeadingId from 'remark-heading-id'
+import createMDX from '@next/mdx'
+import remarkFrontmatter from 'remark-frontmatter'
+import remarkMdxFrontmatter from 'remark-mdx-frontmatter'
+import { readFile } from 'fs/promises'
+import { fileURLToPath } from 'url'
+
+const SERVICE_WORKERS_PATH = './src/service-workers'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+const pkgPath = path.join(__dirname, 'package.json')
+const data = await readFile(pkgPath, 'utf-8')
+const pkg = JSON.parse(data)
+
+const withPWA = withPWAInit({
+  dest: 'public',
+  workboxOptions: {
+    mode: 'production',
+  },
+  reloadOnOnline: false,
+  publicExcludes: [],
+  buildExcludes: [/./],
+  customWorkerSrc: SERVICE_WORKERS_PATH,
+  // Prefer InjectManifest for Web Push
+  swSrc: `${SERVICE_WORKERS_PATH}/index.ts`,
+
+  runtimeCaching: [
+    {
+      urlPattern: /\.(js|css|png|jpg|jpeg|gif|webp|svg|ico|ttf|woff|woff2|eot)$/,
+      handler: 'CacheFirst',
+      options: {
+        cacheName: 'static-assets',
+        expiration: {
+          maxEntries: 1000,
+          maxAgeSeconds: 60 * 60 * 24 * 365, // 1 year
+        },
+      },
+    },
+  ],
+
+  cacheId: pkg.version,
+})
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  output: 'export', // static site export
+
+  transpilePackages: ['@safe-global/store'],
+  images: {
+    unoptimized: true,
+  },
+
+  pageExtensions: ['js', 'jsx', 'md', 'mdx', 'ts', 'tsx'],
+  reactStrictMode: false,
+  productionBrowserSourceMaps: true,
+  eslint: {
+    dirs: ['src', 'cypress'],
+  },
+  experimental: {
+    optimizePackageImports: [
+      '@mui/material',
+      '@mui/icons-material',
+      'lodash',
+      'date-fns',
+      '@sentry/react',
+      '@gnosis.pm/zodiac',
+    ],
+  },
+  webpack(config, { dev }) {
+    config.module.rules.push({
+      test: /\.svg$/i,
+      issuer: { and: [/\.(js|ts|md)x?$/] },
+      use: [
+        {
+          loader: '@svgr/webpack',
+          options: {
+            prettier: false,
+            svgo: false,
+            svgoConfig: {
+              plugins: [
+                {
+                  name: 'preset-default',
+                  params: {
+                    overrides: { removeViewBox: false },
+                  },
+                },
+              ],
+            },
+            titleProp: true,
+          },
+        },
+      ],
+    })
+
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      'bn.js': path.resolve('../../node_modules/bn.js/lib/bn.js'),
+      'mainnet.json': path.resolve('../..node_modules/@ethereumjs/common/dist.browser/genesisStates/mainnet.json'),
+      '@mui/material$': path.resolve('./src/components/common/Mui'),
+      'react-dom': path.resolve('./node_modules/react-dom'),
+    }
+
+    if (dev) {
+      config.optimization.splitChunks = {
+        ...config.optimization.splitChunks,
+        cacheGroups: {
+          ...config.optimization.splitChunks.cacheGroups,
+          customModule: {
+            test: /[\\/]..[\\/]..[\\/]node_modules[\\/](@safe-global|ethers)[\\/]/,
+            name: 'protocol-kit-ethers',
+            chunks: 'all',
+          },
+        },
+      }
+      config.optimization.minimize = false
+    }
+
+    return config
+  },
+}
+const withMDX = createMDX({
+  extension: /\.(md|mdx)?$/,
+  jsx: true,
+  options: {
+    remarkPlugins: [remarkFrontmatter, [remarkMdxFrontmatter, { name: 'metadata' }], remarkHeadingId, remarkGfm],
+    rehypePlugins: [],
+  },
+})
+
+export default withBundleAnalyzer({
+  enabled: process.env.ANALYZE === 'true',
+})(withPWA(withMDX(nextConfig)))
diff --git a/apps/web/package.json b/apps/web/package.json
new file mode 100644
index 000000000..716ae5418
--- /dev/null
+++ b/apps/web/package.json
@@ -0,0 +1,176 @@
+{
+  "name": "@safe-global/web",
+  "homepage": "https://github.com/safe-global/safe-wallet-web",
+  "license": "GPL-3.0",
+  "version": "1.66.0",
+  "type": "module",
+  "scripts": {
+    "dev": "next dev",
+    "start": "next dev",
+    "build": "next build",
+    "lint": "tsc && next lint",
+    "lint:fix": "next lint --fix",
+    "prettier": "prettier -w \"{src,cypress,mocks,scripts}/**/*.{ts,tsx,css,js}\"",
+    "fix": "yarn lint:fix && ts-prune && yarn prettier",
+    "test": "cross-env TZ=CET DEBUG_PRINT_LIMIT=30000 jest",
+    "test:ci": "yarn test --ci --silent --coverage --json --watchAll=false --testLocationInResults --outputFile=report.json",
+    "test:coverage": "yarn test --coverage --watchAll=false",
+    "cmp": "./scripts/cmp.sh",
+    "routes": "node scripts/generate-routes.js > src/config/routes.ts && prettier -w src/config/routes.ts && cat src/config/routes.ts",
+    "css-vars": "npx -y tsx ./scripts/css-vars.ts > ./src/styles/vars.css && prettier -w src/styles/vars.css",
+    "generate-types": "typechain --target ethers-v6 --out-dir ../../packages/utils/src/types/contracts ../../node_modules/@safe-global/safe-deployments/dist/assets/**/*.json ../../node_modules/@safe-global/safe-modules-deployments/dist/assets/**/*.json ../../node_modules/@openzeppelin/contracts/build/contracts/ERC20.json ../../node_modules/@openzeppelin/contracts/build/contracts/ERC721.json",
+    "after-install": "yarn generate-types",
+    "postinstall": "yarn after-install",
+    "analyze": "cross-env ANALYZE=true yarn build",
+    "cypress:open": "cross-env TZ=UTC cypress open --e2e",
+    "cypress:canary": "cross-env TZ=UTC cypress open --e2e -b chrome:canary",
+    "cypress:run": "cypress run",
+    "cypress:ci": "yarn cypress:run --config baseUrl=http://localhost:8080 --spec cypress/e2e/smoke/*.cy.js",
+    "serve": "sh -c 'npx -y serve out -p ${REVERSE_PROXY_UI_PORT:=8080}'",
+    "static-serve": "yarn build && yarn serve",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build --quiet",
+    "integrity": "node scripts/integrity-hashes.cjs"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "dependencies": {
+    "@cowprotocol/widget-react": "^0.13.0",
+    "@datadog/browser-logs": "^6.6.3",
+    "@ducanh2912/next-pwa": "^10.2.9",
+    "@emotion/cache": "^11.13.5",
+    "@emotion/react": "^11.13.5",
+    "@emotion/server": "^11.11.0",
+    "@emotion/styled": "^11.13.5",
+    "@gnosis.pm/zodiac": "^4.0.3",
+    "@ledgerhq/context-module": "^1.3.1",
+    "@ledgerhq/device-management-kit": "^0.6.5",
+    "@ledgerhq/device-signer-kit-ethereum": "^1.3.3",
+    "@ledgerhq/device-transport-kit-web-hid": "^1.1.0",
+    "@mui/icons-material": "^6.1.6",
+    "@mui/material": "^6.3.0",
+    "@mui/x-date-pickers": "^7.23.3",
+    "@next/third-parties": "^15.2.0",
+    "@reduxjs/toolkit": "^2.8.2",
+    "@reown/walletkit": "^1.2.7",
+    "@safe-global/api-kit": "^2.4.6",
+    "@safe-global/protocol-kit": "^5.2.12",
+    "@safe-global/safe-apps-sdk": "^9.1.0",
+    "@safe-global/safe-client-gateway-sdk": "v1.60.1",
+    "@safe-global/safe-deployments": "^1.37.40",
+    "@safe-global/safe-gateway-typescript-sdk": "3.23.1",
+    "@safe-global/safe-modules-deployments": "patch:@safe-global/safe-modules-deployments@npm%3A2.2.12#~/.yarn/patches/@safe-global-safe-modules-deployments-npm-2.2.12-c30bb15dee.patch",
+    "@safe-global/store": "workspace:^",
+    "@sentry/react": "^7.91.0",
+    "@spindl-xyz/attribution-lite": "^1.8.1",
+    "@walletconnect/core": "^2.20.2",
+    "@walletconnect/utils": "^2.17.3",
+    "@web3-onboard/coinbase": "^2.4.2",
+    "@web3-onboard/core": "2.24.0",
+    "@web3-onboard/injected-wallets": "^2.11.3",
+    "@web3-onboard/ledger": "patch:@web3-onboard/ledger@npm%3A2.3.2#~/.yarn/patches/@web3-onboard-ledger-npm-2.3.2-d2260df52b.patch",
+    "@web3-onboard/trezor": "patch:@web3-onboard/trezor@npm%3A2.4.3#~/.yarn/patches/@web3-onboard-trezor-npm-2.4.3-fdd09231e7.patch",
+    "@web3-onboard/walletconnect": "^2.6.1",
+    "blo": "^1.1.1",
+    "classnames": "^2.5.1",
+    "date-fns": "^2.30.0",
+    "ethers": "6.14.3",
+    "exponential-backoff": "^3.1.0",
+    "firebase": "^11.1.0",
+    "fuse.js": "^7.1.0",
+    "idb-keyval": "^6.2.1",
+    "js-cookie": "^3.0.1",
+    "lodash": "^4.17.21",
+    "mixpanel-browser": "^2.66.0",
+    "next": "patch:next@15.2.4#../../.yarn/patches/next-npm-15.2.4-06a6671f62.patch",
+    "papaparse": "^5.3.2",
+    "qrcode.react": "^3.1.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-dropzone": "^14.2.3",
+    "react-hook-form": "7.41.1",
+    "react-papaparse": "^4.0.2",
+    "react-redux": "^9.1.2",
+    "semver": "^7.7.1",
+    "zodiac-roles-deployments": "^2.3.4"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.3.1",
+    "@cowprotocol/app-data": "^3.1.0",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.18.0",
+    "@faker-js/faker": "^9.0.3",
+    "@mdx-js/loader": "^3.0.1",
+    "@mdx-js/react": "^3.0.1",
+    "@next/bundle-analyzer": "^15.0.4",
+    "@next/mdx": "^15.0.4",
+    "@openzeppelin/contracts": "^4.9.6",
+    "@safe-global/test": "workspace:^",
+    "@safe-global/types-kit": "^1.0.5",
+    "@sentry/types": "^7.74.0",
+    "@storybook/addon-designs": "^8.0.3",
+    "@storybook/addon-essentials": "^8.0.6",
+    "@storybook/addon-interactions": "^8.0.6",
+    "@storybook/addon-links": "^8.3.4",
+    "@storybook/addon-onboarding": "^8.0.6",
+    "@storybook/addon-themes": "^8.0.6",
+    "@storybook/blocks": "^8.0.6",
+    "@storybook/nextjs": "^8.0.6",
+    "@storybook/react": "^8.0.6",
+    "@storybook/test": "^8.0.6",
+    "@svgr/webpack": "^8.1.0",
+    "@testing-library/cypress": "^10.0.2",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.5.2",
+    "@typechain/ethers-v6": "^0.5.1",
+    "@types/jest": "^29.5.14",
+    "@types/js-cookie": "^3.0.6",
+    "@types/lodash": "^4.14.182",
+    "@types/mdx": "^2.0.13",
+    "@types/node": "22.13.1",
+    "@types/qrcode": "^1.5.5",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@types/semver": "^7.3.10",
+    "@typescript-eslint/eslint-plugin": "^7.6.0",
+    "@typescript-eslint/parser": "^8.18.1",
+    "cheerio": "^1.0.0",
+    "cross-env": "^7.0.3",
+    "cypress": "^13.15.2",
+    "cypress-file-upload": "^5.0.8",
+    "cypress-visual-regression": "^5.2.2",
+    "eslint": "^9.29.0",
+    "eslint-config-next": "^15.0.4",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-no-only-tests": "^3.3.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-storybook": "^0.11.0",
+    "eslint-plugin-unused-imports": "^4.1.4",
+    "fake-indexeddb": "^4.0.2",
+    "husky": "^9.0.11",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-fixed-jsdom": "^0.0.9",
+    "mockdate": "^3.0.5",
+    "msw": "^2.7.3",
+    "prettier": "^3.4.2",
+    "remark-frontmatter": "^5.0.0",
+    "remark-gfm": "^4.0.0",
+    "remark-heading-id": "^1.0.1",
+    "remark-mdx-frontmatter": "^5.2.0",
+    "storybook": "^8.3.4",
+    "ts-prune": "^0.10.3",
+    "typechain": "^8.3.2",
+    "typescript": "5.8.3",
+    "typescript-plugin-css-modules": "^4.2.2"
+  },
+  "nextBundleAnalysis": {
+    "budget": null,
+    "budgetPercentIncreaseRed": 20,
+    "minimumChangeThreshold": 0,
+    "showDetails": true
+  },
+  "packageManager": "yarn@4.5.3"
+}
diff --git a/public/.well-known/apple-app-site-association b/apps/web/public/.well-known/apple-app-site-association
similarity index 100%
rename from public/.well-known/apple-app-site-association
rename to apps/web/public/.well-known/apple-app-site-association
diff --git a/public/favicon.ico b/apps/web/public/favicon.ico
similarity index 100%
rename from public/favicon.ico
rename to apps/web/public/favicon.ico
diff --git a/public/favicons/android-chrome-192x192.png b/apps/web/public/favicons/android-chrome-192x192.png
similarity index 100%
rename from public/favicons/android-chrome-192x192.png
rename to apps/web/public/favicons/android-chrome-192x192.png
diff --git a/public/favicons/android-chrome-512x512.png b/apps/web/public/favicons/android-chrome-512x512.png
similarity index 100%
rename from public/favicons/android-chrome-512x512.png
rename to apps/web/public/favicons/android-chrome-512x512.png
diff --git a/public/favicons/apple-touch-icon.png b/apps/web/public/favicons/apple-touch-icon.png
similarity index 100%
rename from public/favicons/apple-touch-icon.png
rename to apps/web/public/favicons/apple-touch-icon.png
diff --git a/public/favicons/favicon-16x16.png b/apps/web/public/favicons/favicon-16x16.png
similarity index 100%
rename from public/favicons/favicon-16x16.png
rename to apps/web/public/favicons/favicon-16x16.png
diff --git a/public/favicons/favicon-32x32.png b/apps/web/public/favicons/favicon-32x32.png
similarity index 100%
rename from public/favicons/favicon-32x32.png
rename to apps/web/public/favicons/favicon-32x32.png
diff --git a/public/favicons/favicon-dot.ico b/apps/web/public/favicons/favicon-dot.ico
similarity index 100%
rename from public/favicons/favicon-dot.ico
rename to apps/web/public/favicons/favicon-dot.ico
diff --git a/public/favicons/favicon.ico b/apps/web/public/favicons/favicon.ico
similarity index 100%
rename from public/favicons/favicon.ico
rename to apps/web/public/favicons/favicon.ico
diff --git a/public/favicons/logo_120x120.png b/apps/web/public/favicons/logo_120x120.png
similarity index 100%
rename from public/favicons/logo_120x120.png
rename to apps/web/public/favicons/logo_120x120.png
diff --git a/public/favicons/mstile-144x144.png b/apps/web/public/favicons/mstile-144x144.png
similarity index 100%
rename from public/favicons/mstile-144x144.png
rename to apps/web/public/favicons/mstile-144x144.png
diff --git a/public/favicons/mstile-150x150.png b/apps/web/public/favicons/mstile-150x150.png
similarity index 100%
rename from public/favicons/mstile-150x150.png
rename to apps/web/public/favicons/mstile-150x150.png
diff --git a/public/favicons/mstile-310x150.png b/apps/web/public/favicons/mstile-310x150.png
similarity index 100%
rename from public/favicons/mstile-310x150.png
rename to apps/web/public/favicons/mstile-310x150.png
diff --git a/public/favicons/mstile-310x310.png b/apps/web/public/favicons/mstile-310x310.png
similarity index 100%
rename from public/favicons/mstile-310x310.png
rename to apps/web/public/favicons/mstile-310x310.png
diff --git a/public/favicons/mstile-70x70.png b/apps/web/public/favicons/mstile-70x70.png
similarity index 100%
rename from public/favicons/mstile-70x70.png
rename to apps/web/public/favicons/mstile-70x70.png
diff --git a/public/favicons/safari-pinned-tab.svg b/apps/web/public/favicons/safari-pinned-tab.svg
similarity index 100%
rename from public/favicons/safari-pinned-tab.svg
rename to apps/web/public/favicons/safari-pinned-tab.svg
diff --git a/src/components/common/PairingDetails/PairingDescription.tsx b/apps/web/public/firebase-messaging-sw.js
similarity index 100%
rename from src/components/common/PairingDetails/PairingDescription.tsx
rename to apps/web/public/firebase-messaging-sw.js
diff --git a/apps/web/public/fonts/DMSans600.woff2 b/apps/web/public/fonts/DMSans600.woff2
new file mode 100644
index 000000000..e1904ebd6
Binary files /dev/null and b/apps/web/public/fonts/DMSans600.woff2 differ
diff --git a/public/fonts/DMSans700.woff2 b/apps/web/public/fonts/DMSans700.woff2
similarity index 100%
rename from public/fonts/DMSans700.woff2
rename to apps/web/public/fonts/DMSans700.woff2
diff --git a/public/fonts/DMSansRegular.woff2 b/apps/web/public/fonts/DMSansRegular.woff2
similarity index 100%
rename from public/fonts/DMSansRegular.woff2
rename to apps/web/public/fonts/DMSansRegular.woff2
diff --git a/apps/web/public/fonts/fonts.css b/apps/web/public/fonts/fonts.css
new file mode 100644
index 000000000..faaae2f77
--- /dev/null
+++ b/apps/web/public/fonts/fonts.css
@@ -0,0 +1,23 @@
+@font-face {
+  font-family: 'DM Sans';
+  font-display: swap;
+  font-weight: 400;
+  /** check that the font is loaded on the website. IDEs fail to find the file */
+  src: url('/fonts/DMSansRegular.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'DM Sans';
+  font-display: swap;
+  font-weight: bold;
+  /** check that the font is loaded on the website. IDEs fail to find the file */
+  src: url('/fonts/DMSans700.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'DM Sans';
+  font-display: swap;
+  font-weight: 600;
+  /** check that the font is loaded on the website. IDEs fail to find the file */
+  src: url('/fonts/DMSans600.woff2') format('woff2');
+}
diff --git a/public/images/address-book/address-book.svg b/apps/web/public/images/address-book/address-book.svg
similarity index 100%
rename from public/images/address-book/address-book.svg
rename to apps/web/public/images/address-book/address-book.svg
diff --git a/public/images/address-book/no-entries.svg b/apps/web/public/images/address-book/no-entries.svg
similarity index 100%
rename from public/images/address-book/no-entries.svg
rename to apps/web/public/images/address-book/no-entries.svg
diff --git a/public/images/apps/add-custom-app.svg b/apps/web/public/images/apps/add-custom-app.svg
similarity index 100%
rename from public/images/apps/add-custom-app.svg
rename to apps/web/public/images/apps/add-custom-app.svg
diff --git a/public/images/apps/app-placeholder.svg b/apps/web/public/images/apps/app-placeholder.svg
similarity index 100%
rename from public/images/apps/app-placeholder.svg
rename to apps/web/public/images/apps/app-placeholder.svg
diff --git a/public/images/apps/apps-demo.svg b/apps/web/public/images/apps/apps-demo.svg
similarity index 100%
rename from public/images/apps/apps-demo.svg
rename to apps/web/public/images/apps/apps-demo.svg
diff --git a/public/images/apps/apps-icon.svg b/apps/web/public/images/apps/apps-icon.svg
similarity index 100%
rename from public/images/apps/apps-icon.svg
rename to apps/web/public/images/apps/apps-icon.svg
diff --git a/public/images/apps/batch-icon.svg b/apps/web/public/images/apps/batch-icon.svg
similarity index 100%
rename from public/images/apps/batch-icon.svg
rename to apps/web/public/images/apps/batch-icon.svg
diff --git a/public/images/apps/bookmark.svg b/apps/web/public/images/apps/bookmark.svg
similarity index 100%
rename from public/images/apps/bookmark.svg
rename to apps/web/public/images/apps/bookmark.svg
diff --git a/public/images/apps/bookmarked.svg b/apps/web/public/images/apps/bookmarked.svg
similarity index 100%
rename from public/images/apps/bookmarked.svg
rename to apps/web/public/images/apps/bookmarked.svg
diff --git a/public/images/apps/code-icon.svg b/apps/web/public/images/apps/code-icon.svg
similarity index 100%
rename from public/images/apps/code-icon.svg
rename to apps/web/public/images/apps/code-icon.svg
diff --git a/apps/web/public/images/apps/csv-airdrop-app-logo.svg b/apps/web/public/images/apps/csv-airdrop-app-logo.svg
new file mode 100644
index 000000000..5c75c1cc3
--- /dev/null
+++ b/apps/web/public/images/apps/csv-airdrop-app-logo.svg
@@ -0,0 +1,15 @@
+<svg width="141" height="141" viewBox="0 0 141 141" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_13672_21587)">
+<path opacity="0.997" d="M70.9392 140.132C109.458 140.132 140.683 108.907 140.683 70.3885C140.683 31.87 109.458 0.644531 70.9392 0.644531C32.4207 0.644531 1.19531 31.87 1.19531 70.3885C1.19531 108.907 32.4207 140.132 70.9392 140.132Z" fill="#7293A0"/>
+<path opacity="0.997" d="M70.9078 40.3106C62.936 40.319 55.2936 43.4917 49.6597 49.1315C44.0258 54.7714 40.8613 62.417 40.8613 70.3887C40.8613 74.3386 41.6393 78.2499 43.1509 81.8991C44.6624 85.5484 46.878 88.8642 49.6711 91.6572C52.4641 94.4502 55.78 96.6657 59.4293 98.1773C63.0786 99.6889 66.9899 100.467 70.9399 100.467C78.9171 100.467 86.5675 97.2976 92.2082 91.6569C97.8488 86.0161 101.018 78.3657 101.018 70.3887C101.018 62.4116 97.8488 54.7612 92.2082 49.1205C86.5675 43.4798 78.9171 40.3107 70.9399 40.3106C70.9292 40.3105 70.9185 40.3105 70.9078 40.3106ZM70.94 42.8607C78.2409 42.8608 85.2428 45.7611 90.4054 50.9236C95.5679 56.086 98.4683 63.0878 98.4684 70.3887C98.4685 74.0038 97.7565 77.5835 96.3731 80.9234C94.9897 84.2634 92.962 87.2981 90.4057 89.8544C87.8494 92.4107 84.8147 94.4385 81.4748 95.822C78.1348 97.2055 74.5551 97.9176 70.9399 97.9176C67.3247 97.9177 63.7449 97.2057 60.4048 95.8223C57.0647 94.4388 54.0299 92.4111 51.4735 89.8548C48.9172 87.2984 46.8894 84.2636 45.5059 80.9236C44.1225 77.5836 43.4105 74.0038 43.4105 70.3887C43.4106 66.7736 44.1227 63.1939 45.5062 59.854C46.8897 56.5141 48.9175 53.4794 51.4739 50.9232C54.0302 48.367 57.065 46.3393 60.405 44.9559C63.745 43.5726 67.3248 42.8606 70.94 42.8607Z" fill="white"/>
+<path opacity="0.997" d="M70.8991 32.1074C60.7532 32.1182 51.0265 36.1562 43.8561 43.3341C36.6857 50.5121 32.6581 60.2429 32.6582 70.3887C32.6582 75.4158 33.6483 80.3938 35.5722 85.0383C37.496 89.6828 40.3158 93.9029 43.8706 97.4577C47.4254 101.012 51.6456 103.832 56.2902 105.756C60.9348 107.68 65.9128 108.67 70.9401 108.67C81.0929 108.67 90.8297 104.636 98.0087 97.4573C105.188 90.2782 109.221 80.5413 109.221 70.3887C109.221 60.236 105.188 50.4992 98.0087 43.3201C90.8297 36.141 81.0929 32.1077 70.9401 32.1074C70.9264 32.1074 70.9128 32.1074 70.8991 32.1074ZM70.9401 35.353C80.2323 35.3532 89.1438 39.0445 95.7143 45.6149C102.285 52.1853 105.976 61.0967 105.976 70.3887C105.976 74.9897 105.07 79.5457 103.31 83.7965C101.549 88.0474 98.9681 91.9098 95.7147 95.1632C92.4613 98.4167 88.5989 100.998 84.348 102.758C80.0972 104.519 75.5412 105.425 70.9401 105.426C66.3389 105.426 61.7827 104.519 57.5317 102.759C53.2807 100.998 49.4182 98.4172 46.1647 95.1637C42.9111 91.9102 40.3303 88.0477 38.5695 83.7968C36.8088 79.5459 35.9026 74.9898 35.9027 70.3887C35.9027 65.7876 36.809 61.2317 38.5699 56.9809C40.3307 52.7301 42.9116 48.8678 46.1651 45.6144C49.4186 42.3611 53.2811 39.7804 57.532 38.0197C61.7829 36.2591 66.339 35.3529 70.9401 35.353Z" fill="white"/>
+<path opacity="0.997" d="M70.8904 23.9043C58.5704 23.9174 46.7595 28.8206 38.0526 37.5367C29.3457 46.2528 24.455 58.0688 24.4551 70.3887C24.455 76.4931 25.6574 82.5378 27.9935 88.1775C30.3295 93.8173 33.7536 98.9417 38.0702 103.258C42.3867 107.575 47.5112 110.999 53.1511 113.335C58.7909 115.671 64.8357 116.873 70.9402 116.873C83.2686 116.873 95.0919 111.975 103.809 103.258C112.527 94.5402 117.424 82.7169 117.424 70.3887C117.424 58.0605 112.527 46.2372 103.809 37.5197C95.0919 28.8022 83.2686 23.9046 70.9402 23.9043C70.9236 23.9043 70.9071 23.9043 70.8904 23.9043ZM70.9403 27.8454C82.2236 27.8456 93.0447 32.3279 101.023 40.3062C109.002 48.2846 113.484 59.1056 113.484 70.3887C113.484 75.9756 112.384 81.5079 110.246 86.6696C108.108 91.8314 104.974 96.5214 101.024 100.472C97.0731 104.423 92.383 107.557 87.2213 109.695C82.0596 111.833 76.5273 112.933 70.9402 112.933C65.353 112.934 59.8205 111.833 54.6586 109.695C49.4967 107.557 44.8065 104.423 40.8558 100.473C36.9051 96.522 33.7712 91.8318 31.6331 86.67C29.4951 81.5082 28.3947 75.9758 28.3948 70.3887C28.3949 64.8017 29.4954 59.2695 31.6335 54.1078C33.7717 48.9462 36.9056 44.2562 40.8563 40.3057C44.807 36.3552 49.4972 33.2215 54.659 31.0835C59.8208 28.9456 65.3532 27.8453 70.9403 27.8454Z" fill="white"/>
+<path opacity="0.997" d="M95.1309 58.418V82.3604H127.937V82.2022C128.072 82.307 128.208 82.3599 128.345 82.3604C128.677 82.3604 129.006 82.0508 129.313 81.4492C129.62 80.8476 129.899 79.9658 130.134 78.8541C130.369 77.7425 130.556 76.4228 130.683 74.9704C130.81 73.518 130.875 71.9613 130.875 70.3892C130.875 67.2142 130.609 64.1693 130.134 61.9243C129.66 59.6792 129.016 58.418 128.345 58.418C128.208 58.4185 128.072 58.4714 127.937 58.5762V58.418H95.1309Z" fill="#7293A0"/>
+<path opacity="0.997" d="M70.9394 92.2637C83.0207 92.2637 92.8144 82.4699 92.8144 70.3887C92.8144 58.3074 83.0207 48.5137 70.9394 48.5137C58.8582 48.5137 49.0645 58.3074 49.0645 70.3887C49.0645 82.4699 58.8582 92.2637 70.9394 92.2637Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_13672_21587">
+<rect width="140" height="140" fill="white" transform="translate(0.75 0.75)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/images/apps/explore.svg b/apps/web/public/images/apps/explore.svg
similarity index 100%
rename from public/images/apps/explore.svg
rename to apps/web/public/images/apps/explore.svg
diff --git a/public/images/apps/grid-view-icon.svg b/apps/web/public/images/apps/grid-view-icon.svg
similarity index 100%
rename from public/images/apps/grid-view-icon.svg
rename to apps/web/public/images/apps/grid-view-icon.svg
diff --git a/public/images/apps/list-view-icon.svg b/apps/web/public/images/apps/list-view-icon.svg
similarity index 100%
rename from public/images/apps/list-view-icon.svg
rename to apps/web/public/images/apps/list-view-icon.svg
diff --git a/public/images/apps/network-error.svg b/apps/web/public/images/apps/network-error.svg
similarity index 100%
rename from public/images/apps/network-error.svg
rename to apps/web/public/images/apps/network-error.svg
diff --git a/apps/web/public/images/balances/change-down.svg b/apps/web/public/images/balances/change-down.svg
new file mode 100644
index 000000000..1ff1f09a1
--- /dev/null
+++ b/apps/web/public/images/balances/change-down.svg
@@ -0,0 +1,3 @@
+<svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M3.85758 5.25361C4.21287 5.58213 4.78798 5.58213 5.14242 5.25361L8.73198 1.9346C9.30454 1.40519 8.89897 0.5 8.08956 0.5L0.910442 0.500788C0.10103 0.500788 -0.304537 1.40598 0.268021 1.9346L3.85758 5.25361Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/apps/web/public/images/balances/change-up.svg b/apps/web/public/images/balances/change-up.svg
new file mode 100644
index 000000000..516705172
--- /dev/null
+++ b/apps/web/public/images/balances/change-up.svg
@@ -0,0 +1,3 @@
+<svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M5.14242 0.746385C4.78713 0.417871 4.21202 0.417871 3.85758 0.746385L0.268022 4.0654C-0.304537 4.59481 0.101027 5.5 0.910443 5.5L8.08956 5.49921C8.89897 5.49921 9.30454 4.59402 8.73198 4.0654L5.14242 0.746385Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/balances/no-assets.svg b/apps/web/public/images/balances/no-assets.svg
similarity index 100%
rename from public/images/balances/no-assets.svg
rename to apps/web/public/images/balances/no-assets.svg
diff --git a/public/images/common/add-outlined.svg b/apps/web/public/images/common/add-outlined.svg
similarity index 100%
rename from public/images/common/add-outlined.svg
rename to apps/web/public/images/common/add-outlined.svg
diff --git a/public/images/common/add.svg b/apps/web/public/images/common/add.svg
similarity index 100%
rename from public/images/common/add.svg
rename to apps/web/public/images/common/add.svg
diff --git a/public/images/common/alert.svg b/apps/web/public/images/common/alert.svg
similarity index 100%
rename from public/images/common/alert.svg
rename to apps/web/public/images/common/alert.svg
diff --git a/apps/web/public/images/common/arrow-down.svg b/apps/web/public/images/common/arrow-down.svg
new file mode 100644
index 000000000..8e0969f57
--- /dev/null
+++ b/apps/web/public/images/common/arrow-down.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7664 9.11708C11.455 8.78255 10.9458 8.78255 10.6344 9.11708L8.801 11.0814V2.85779C8.801 2.38601 8.44073 2 8.0004 2C7.55927 2 7.1998 2.38601 7.1998 2.85779V11.0814L5.36562 9.11708C5.05419 8.7834 4.54501 8.7834 4.23358 9.11708C3.92214 9.45076 3.92214 9.99632 4.23358 10.33L7.43438 13.7586C7.48081 13.8101 7.54005 13.8375 7.5945 13.8727C7.62812 13.8941 7.65534 13.925 7.69217 13.9422C7.72499 13.9576 7.76182 13.9576 7.79625 13.9662C7.96597 14.0151 8.14531 14.0142 8.30863 13.9422C8.34386 13.9259 8.37028 13.8958 8.4031 13.8744C8.45914 13.8392 8.51759 13.8109 8.56642 13.7586L11.7664 10.33C12.0779 9.99632 12.0779 9.45076 11.7664 9.11708Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/common/arrow-nw.svg b/apps/web/public/images/common/arrow-nw.svg
similarity index 100%
rename from public/images/common/arrow-nw.svg
rename to apps/web/public/images/common/arrow-nw.svg
diff --git a/public/images/common/arrow-se.svg b/apps/web/public/images/common/arrow-se.svg
similarity index 100%
rename from public/images/common/arrow-se.svg
rename to apps/web/public/images/common/arrow-se.svg
diff --git a/public/images/common/arrow-top-right.svg b/apps/web/public/images/common/arrow-top-right.svg
similarity index 100%
rename from public/images/common/arrow-top-right.svg
rename to apps/web/public/images/common/arrow-top-right.svg
diff --git a/public/images/common/asterix.svg b/apps/web/public/images/common/asterix.svg
similarity index 100%
rename from public/images/common/asterix.svg
rename to apps/web/public/images/common/asterix.svg
diff --git a/public/images/common/bar-chart.svg b/apps/web/public/images/common/bar-chart.svg
similarity index 100%
rename from public/images/common/bar-chart.svg
rename to apps/web/public/images/common/bar-chart.svg
diff --git a/public/images/common/batch.svg b/apps/web/public/images/common/batch.svg
similarity index 100%
rename from public/images/common/batch.svg
rename to apps/web/public/images/common/batch.svg
diff --git a/public/images/common/block.svg b/apps/web/public/images/common/block.svg
similarity index 100%
rename from public/images/common/block.svg
rename to apps/web/public/images/common/block.svg
diff --git a/apps/web/public/images/common/bridge.svg b/apps/web/public/images/common/bridge.svg
new file mode 100644
index 000000000..c1bf4e43b
--- /dev/null
+++ b/apps/web/public/images/common/bridge.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.90039 1C6.67341 1.00021 7.2998 1.62732 7.2998 2.40039V5.90039C7.29959 6.67328 6.67328 7.29959 5.90039 7.2998H2.40039C1.62732 7.2998 1.00021 6.67341 1 5.90039V2.40039C1 1.62719 1.62719 1 2.40039 1H5.90039ZM2.40039 5.90039H5.90039V2.40039H2.40039V5.90039Z" fill="currentColor"/>
+<path d="M4.6001 9.00513C4.26951 9.0023 4 9.26952 4 9.60012V10.7661C4 11.4476 4.53279 12 5.19002 12H6.37815C6.71695 12 6.99236 11.7268 6.99506 11.388C6.99778 11.0454 6.72079 10.7661 6.37815 10.7661H5.79751H5.49376H5.48753L5.19002 10.4814V10.1966V9.60012C5.19002 9.27349 4.92672 9.00792 4.6001 9.00513Z" fill="currentColor"/>
+<path d="M11.3999 6.99487C11.7305 6.9977 12 6.73048 12 6.39988V5.23385C12 4.55241 11.4672 4 10.81 4H9.62185C9.28305 4 9.00764 4.27323 9.00494 4.61202C9.00222 4.95465 9.27921 5.23385 9.62185 5.23385H10.2025H10.5062H10.5125L10.81 5.51861V5.80338V6.39988C10.81 6.72651 11.0733 6.99208 11.3999 6.99487Z" fill="currentColor"/>
+<path d="M13.6004 8.70001C14.3734 8.70022 14.9998 9.32733 14.9998 10.1004V13.6004C14.9996 14.3733 14.3733 14.9996 13.6004 14.9998H10.1004C9.32733 14.9998 8.70022 14.3734 8.70001 13.6004V10.1004C8.70001 9.3272 9.3272 8.70001 10.1004 8.70001H13.6004ZM10.1004 13.6004H13.6004V10.1004H10.1004V13.6004Z" fill="currentColor"/>
+</svg>
diff --git a/public/images/common/cancel.svg b/apps/web/public/images/common/cancel.svg
similarity index 100%
rename from public/images/common/cancel.svg
rename to apps/web/public/images/common/cancel.svg
diff --git a/public/images/common/caret-down.svg b/apps/web/public/images/common/caret-down.svg
similarity index 100%
rename from public/images/common/caret-down.svg
rename to apps/web/public/images/common/caret-down.svg
diff --git a/public/images/common/check-filled.svg b/apps/web/public/images/common/check-filled.svg
similarity index 100%
rename from public/images/common/check-filled.svg
rename to apps/web/public/images/common/check-filled.svg
diff --git a/public/images/common/check.svg b/apps/web/public/images/common/check.svg
similarity index 100%
rename from public/images/common/check.svg
rename to apps/web/public/images/common/check.svg
diff --git a/public/images/common/circle-check.svg b/apps/web/public/images/common/circle-check.svg
similarity index 100%
rename from public/images/common/circle-check.svg
rename to apps/web/public/images/common/circle-check.svg
diff --git a/public/images/common/circle-partial-fill.svg b/apps/web/public/images/common/circle-partial-fill.svg
similarity index 100%
rename from public/images/common/circle-partial-fill.svg
rename to apps/web/public/images/common/circle-partial-fill.svg
diff --git a/public/images/common/circle.svg b/apps/web/public/images/common/circle.svg
similarity index 100%
rename from public/images/common/circle.svg
rename to apps/web/public/images/common/circle.svg
diff --git a/public/images/common/clock.svg b/apps/web/public/images/common/clock.svg
similarity index 100%
rename from public/images/common/clock.svg
rename to apps/web/public/images/common/clock.svg
diff --git a/public/images/common/close.svg b/apps/web/public/images/common/close.svg
similarity index 100%
rename from public/images/common/close.svg
rename to apps/web/public/images/common/close.svg
diff --git a/public/images/common/connection-dots.svg b/apps/web/public/images/common/connection-dots.svg
similarity index 100%
rename from public/images/common/connection-dots.svg
rename to apps/web/public/images/common/connection-dots.svg
diff --git a/public/images/common/copy.svg b/apps/web/public/images/common/copy.svg
similarity index 100%
rename from public/images/common/copy.svg
rename to apps/web/public/images/common/copy.svg
diff --git a/public/images/common/created.svg b/apps/web/public/images/common/created.svg
similarity index 100%
rename from public/images/common/created.svg
rename to apps/web/public/images/common/created.svg
diff --git a/apps/web/public/images/common/cross.svg b/apps/web/public/images/common/cross.svg
new file mode 100644
index 000000000..16817ca06
--- /dev/null
+++ b/apps/web/public/images/common/cross.svg
@@ -0,0 +1,4 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.13099 0.64564C9.4393 0.953949 9.4393 1.45382 9.13099 1.76212L1.7622 9.13092C1.45389 9.43923 0.954019 9.43923 0.64571 9.13092C0.337402 8.82261 0.337402 8.32274 0.645711 8.01444L8.01451 0.64564C8.32282 0.337332 8.82268 0.337332 9.13099 0.64564Z" fill="#A1A3A7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.35429 9.13092C9.04598 9.43923 8.54611 9.43923 8.2378 9.13092L0.869008 1.76212C0.5607 1.45382 0.5607 0.953948 0.869009 0.64564C1.17732 0.337331 1.67718 0.337331 1.98549 0.64564L9.35429 8.01444C9.6626 8.32275 9.6626 8.82261 9.35429 9.13092Z" fill="#A1A3A7"/>
+</svg>
diff --git a/public/images/common/delete.svg b/apps/web/public/images/common/delete.svg
similarity index 100%
rename from public/images/common/delete.svg
rename to apps/web/public/images/common/delete.svg
diff --git a/public/images/common/discord-icon.svg b/apps/web/public/images/common/discord-icon.svg
similarity index 100%
rename from public/images/common/discord-icon.svg
rename to apps/web/public/images/common/discord-icon.svg
diff --git a/public/images/common/document_signature.svg b/apps/web/public/images/common/document_signature.svg
similarity index 100%
rename from public/images/common/document_signature.svg
rename to apps/web/public/images/common/document_signature.svg
diff --git a/public/images/common/dot.svg b/apps/web/public/images/common/dot.svg
similarity index 100%
rename from public/images/common/dot.svg
rename to apps/web/public/images/common/dot.svg
diff --git a/apps/web/public/images/common/download-cloud.svg b/apps/web/public/images/common/download-cloud.svg
new file mode 100644
index 000000000..b6dd6403c
--- /dev/null
+++ b/apps/web/public/images/common/download-cloud.svg
@@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1211_18350)">
+<path d="M5.3335 11.333L8.00016 13.9997L10.6668 11.333" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 8V14" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.92 12.06C14.4996 11.6524 14.9342 11.0707 15.1608 10.3994C15.3874 9.72805 15.3942 9.00197 15.1802 8.32651C14.9662 7.65104 14.5425 7.06135 13.9707 6.643C13.3988 6.22464 12.7085 5.9994 12 5.99996H11.16C10.9594 5.21854 10.5843 4.49279 10.0627 3.87734C9.54112 3.2619 8.88672 2.7728 8.14876 2.44686C7.4108 2.12092 6.60852 1.96664 5.80231 1.99563C4.99609 2.02463 4.20696 2.23614 3.49432 2.61424C2.78168 2.99234 2.16411 3.52719 1.68808 4.17851C1.21206 4.82983 0.88999 5.58065 0.746129 6.37446C0.602269 7.16826 0.640362 7.98435 0.857542 8.7613C1.07472 9.53825 1.46533 10.2558 1.99996 10.86" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1211_18350">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/images/common/drag.svg b/apps/web/public/images/common/drag.svg
similarity index 100%
rename from public/images/common/drag.svg
rename to apps/web/public/images/common/drag.svg
diff --git a/apps/web/public/images/common/earn-illustration-light.png b/apps/web/public/images/common/earn-illustration-light.png
new file mode 100644
index 000000000..d4f3326c5
Binary files /dev/null and b/apps/web/public/images/common/earn-illustration-light.png differ
diff --git a/apps/web/public/images/common/earn-light.svg b/apps/web/public/images/common/earn-light.svg
new file mode 100644
index 000000000..10288ec26
--- /dev/null
+++ b/apps/web/public/images/common/earn-light.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.45644 0.849363C12.2123 1.06813 15.184 4.16134 15.184 7.98511V8.15991H15.1771C15.0828 11.9886 11.9067 15.1246 8.07266 15.1248C4.26935 15.1246 1.07581 12.1258 0.846093 8.4812L0.833398 8.12671C0.791374 3.90931 4.15076 0.805885 8.09023 0.837644L8.45644 0.849363ZM12.2484 3.8562C10.0046 1.56277 6.29855 1.50324 3.95547 3.69409L3.73281 3.91382C1.52188 6.20661 1.82396 9.50534 3.13906 11.2605C3.87522 10.2471 4.60992 9.23559 5.34414 8.22632L5.47109 8.06225C5.51287 8.01273 5.55517 7.96903 5.59707 7.93139C5.6823 7.85488 5.77828 7.79673 5.89199 7.77807C6.00593 7.75949 6.11545 7.78394 6.22012 7.82983C6.32278 7.8749 6.43135 7.94525 6.54922 8.031L8.00723 9.09643C8.77393 8.08941 9.53879 7.08576 10.3334 6.04272C9.90879 6.13109 9.51523 6.21381 9.12148 6.29077L9.12246 6.29175C8.94049 6.32778 8.76429 6.30326 8.62051 6.21557C8.47612 6.1273 8.37807 5.98393 8.33828 5.81225L8.3373 5.81128C8.26363 5.48294 8.45352 5.15575 8.81289 5.08178L10.2006 4.79565C10.6633 4.70178 11.1273 4.61041 11.5912 4.52221C11.7787 4.4874 11.9614 4.49358 12.1049 4.6062C12.2429 4.71471 12.3017 4.88879 12.3324 5.073L12.5346 6.29175C12.6021 6.69747 12.6702 7.10317 12.7377 7.50952L12.7533 7.65893C12.7598 7.80491 12.7367 7.94076 12.6723 8.05542C12.5817 8.21621 12.4262 8.30739 12.2406 8.33276C12.0557 8.35696 11.8821 8.30569 11.7484 8.18725C11.6177 8.07119 11.536 7.90184 11.5033 7.70776C11.4527 7.4024 11.4024 7.09597 11.349 6.77417C10.4995 7.88211 9.65022 8.99027 8.80312 10.1003C8.70375 10.23 8.61281 10.3399 8.5248 10.4197C8.43554 10.5005 8.33543 10.564 8.21426 10.5808C8.09333 10.5974 7.97869 10.5639 7.86953 10.5105C7.81571 10.4841 7.75845 10.4509 7.69863 10.4119L7.50723 10.2781C7.0516 9.94292 6.59368 9.60984 6.12637 9.26928C5.39622 10.2652 4.67377 11.253 3.95156 12.239C6.0355 14.2154 9.6022 14.5768 12.1059 12.2185L12.3207 12.0056C14.3939 9.83289 14.4567 6.35076 12.4555 4.07983L12.2484 3.8562ZM3.92422 12.4539C3.95123 12.4784 3.97977 12.5011 4.00723 12.5251C3.97769 12.4993 3.94738 12.4744 3.91836 12.448L3.92422 12.4539ZM2.83535 11.1287C2.89181 11.2151 2.94942 11.2993 3.01016 11.3796L3.1459 11.5505L3.01504 11.3855C2.95267 11.3033 2.89323 11.2172 2.83535 11.1287ZM8.69668 5.31323C8.74097 5.28629 8.79174 5.26537 8.84902 5.25366L8.75723 5.28198C8.73575 5.29093 8.7157 5.30166 8.69668 5.31323Z" fill="white"/>
+</svg>
diff --git a/apps/web/public/images/common/earn.svg b/apps/web/public/images/common/earn.svg
new file mode 100644
index 000000000..6551d236f
--- /dev/null
+++ b/apps/web/public/images/common/earn.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.45644 0.849363C12.2123 1.06813 15.184 4.16134 15.184 7.98511V8.15991H15.1771C15.0828 11.9886 11.9067 15.1246 8.07266 15.1248C4.26935 15.1246 1.07581 12.1258 0.846093 8.4812L0.833398 8.12671C0.791374 3.90931 4.15076 0.805885 8.09023 0.837644L8.45644 0.849363ZM12.2484 3.8562C10.0046 1.56277 6.29855 1.50324 3.95547 3.69409L3.73281 3.91382C1.52188 6.20661 1.82396 9.50534 3.13906 11.2605C3.87522 10.2471 4.60992 9.23559 5.34414 8.22632L5.47109 8.06225C5.51287 8.01273 5.55517 7.96903 5.59707 7.93139C5.6823 7.85488 5.77828 7.79673 5.89199 7.77807C6.00593 7.75949 6.11545 7.78394 6.22012 7.82983C6.32278 7.8749 6.43135 7.94525 6.54922 8.031L8.00723 9.09643C8.77393 8.08941 9.53879 7.08576 10.3334 6.04272C9.90879 6.13109 9.51523 6.21381 9.12148 6.29077L9.12246 6.29175C8.94049 6.32778 8.76429 6.30326 8.62051 6.21557C8.47612 6.1273 8.37807 5.98393 8.33828 5.81225L8.3373 5.81128C8.26363 5.48294 8.45352 5.15575 8.81289 5.08178L10.2006 4.79565C10.6633 4.70178 11.1273 4.61041 11.5912 4.52221C11.7787 4.4874 11.9614 4.49358 12.1049 4.6062C12.2429 4.71471 12.3017 4.88879 12.3324 5.073L12.5346 6.29175C12.6021 6.69747 12.6702 7.10317 12.7377 7.50952L12.7533 7.65893C12.7598 7.80491 12.7367 7.94076 12.6723 8.05542C12.5817 8.21621 12.4262 8.30739 12.2406 8.33276C12.0557 8.35696 11.8821 8.30569 11.7484 8.18725C11.6177 8.07119 11.536 7.90184 11.5033 7.70776C11.4527 7.4024 11.4024 7.09597 11.349 6.77417C10.4995 7.88211 9.65022 8.99027 8.80312 10.1003C8.70375 10.23 8.61281 10.3399 8.5248 10.4197C8.43554 10.5005 8.33543 10.564 8.21426 10.5808C8.09333 10.5974 7.97869 10.5639 7.86953 10.5105C7.81571 10.4841 7.75845 10.4509 7.69863 10.4119L7.50723 10.2781C7.0516 9.94292 6.59368 9.60984 6.12637 9.26928C5.39622 10.2652 4.67377 11.253 3.95156 12.239C6.0355 14.2154 9.6022 14.5768 12.1059 12.2185L12.3207 12.0056C14.3939 9.83289 14.4567 6.35076 12.4555 4.07983L12.2484 3.8562ZM3.92422 12.4539C3.95123 12.4784 3.97977 12.5011 4.00723 12.5251C3.97769 12.4993 3.94738 12.4744 3.91836 12.448L3.92422 12.4539ZM2.83535 11.1287C2.89181 11.2151 2.94942 11.2993 3.01016 11.3796L3.1459 11.5505L3.01504 11.3855C2.95267 11.3033 2.89323 11.2172 2.83535 11.1287ZM8.69668 5.31323C8.74097 5.28629 8.79174 5.26537 8.84902 5.25366L8.75723 5.28198C8.73575 5.29093 8.7157 5.30166 8.69668 5.31323Z" fill="currentColor"/>
+</svg>
diff --git a/apps/web/public/images/common/edit-owner.svg b/apps/web/public/images/common/edit-owner.svg
new file mode 100644
index 000000000..7ab775218
--- /dev/null
+++ b/apps/web/public/images/common/edit-owner.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.003 4C13.657 4 15.003 5.345 15.003 7C15.003 8.654 13.657 10 12.003 10C10.349 10 9.00302 8.654 9.00302 7C9.00302 5.345 10.349 4 12.003 4ZM16.314 12.069C15.734 11.746 15.112 11.504 14.459 11.328C15.97 10.467 17.003 8.86 17.003 7C17.003 4.243 14.76 2 12.003 2C9.24602 2 7.00302 4.243 7.00302 7C7.00302 8.853 8.02802 10.455 9.53002 11.319C5.04702 12.491 3.17002 16.848 2.04002 20.725C1.88602 21.255 2.19002 21.811 2.72002 21.965C2.81402 21.993 2.90802 22.005 3.00002 22.005C3.43402 22.005 3.83302 21.722 3.96002 21.286C5.65202 15.482 8.05702 13.005 12 13.005C13.272 13.005 14.363 13.27 15.337 13.815C15.818 14.083 16.428 13.911 16.698 13.43C16.968 12.948 16.795 12.338 16.314 12.069Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3987 20.3853L13.4067 21.7273C13.4067 21.8783 13.5297 22.0003 13.6807 22.0003H15.0137C15.0867 22.0003 15.1567 21.9713 15.2087 21.9193L19.2367 17.8913C19.3947 17.7333 19.3947 17.4773 19.2367 17.3193L18.0547 16.1363C17.9107 15.9923 17.6767 15.9923 17.5327 16.1363L13.4797 20.1903C13.4277 20.2413 13.3987 20.3123 13.3987 20.3853Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.4414 16.6861L21.9204 15.2071C22.0314 15.0971 22.0314 14.9161 21.9204 14.8051L20.5924 13.4791C20.4824 13.3681 20.3014 13.3681 20.1904 13.4791L18.7124 14.9571C18.6004 15.0681 18.6004 15.2491 18.7124 15.3601L20.0384 16.6861C20.1494 16.7971 20.3304 16.7971 20.4414 16.6861Z" fill="currentColor"/>
+</svg>
diff --git a/public/images/common/edit.svg b/apps/web/public/images/common/edit.svg
similarity index 100%
rename from public/images/common/edit.svg
rename to apps/web/public/images/common/edit.svg
diff --git a/public/images/common/empty-batch.svg b/apps/web/public/images/common/empty-batch.svg
similarity index 100%
rename from public/images/common/empty-batch.svg
rename to apps/web/public/images/common/empty-batch.svg
diff --git a/public/images/common/error.png b/apps/web/public/images/common/error.png
similarity index 100%
rename from public/images/common/error.png
rename to apps/web/public/images/common/error.png
diff --git a/public/images/common/export.svg b/apps/web/public/images/common/export.svg
similarity index 100%
rename from public/images/common/export.svg
rename to apps/web/public/images/common/export.svg
diff --git a/apps/web/public/images/common/eye.svg b/apps/web/public/images/common/eye.svg
new file mode 100644
index 000000000..c10c9866a
--- /dev/null
+++ b/apps/web/public/images/common/eye.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0002 4.00024C6.80485 4.00024 2.36833 7.31678 0.571777 12.0002C2.36833 16.6835 6.80485 20.0001 12.0002 20.0001C17.1944 20.0001 21.631 16.6835 23.4287 12.0002C21.631 7.31678 17.1944 4.00024 12.0002 4.00024ZM12.0002 6.28593C15.8322 6.28593 19.2539 8.50076 20.9407 12.0002C19.2539 15.4995 15.8322 17.7144 12.0002 17.7144C8.16715 17.7144 4.74547 15.4995 3.05978 12.0002C4.74547 8.50076 8.16715 6.28593 12.0002 6.28593Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0016 7.41089C9.47587 7.41089 7.43018 9.45772 7.43018 11.9823C7.43018 14.508 9.47587 16.5536 12.0016 16.5536C14.5261 16.5536 16.5729 14.508 16.5729 11.9823C16.5729 9.45772 14.5261 7.41089 12.0016 7.41089ZM12.0016 9.69658C13.2622 9.69658 14.2873 10.7217 14.2873 11.9823C14.2873 13.244 13.2622 14.268 12.0016 14.268C10.741 14.268 9.71592 13.244 9.71592 11.9823C9.71592 10.7217 10.741 9.69658 12.0016 9.69658Z" fill="currentColor"/>
+</svg>
diff --git a/apps/web/public/images/common/fiat.svg b/apps/web/public/images/common/fiat.svg
new file mode 100644
index 000000000..110d02a14
--- /dev/null
+++ b/apps/web/public/images/common/fiat.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9995 18V17H7.99854V15H13.9995V12.999H8.99854C8.44654 12.999 7.99854 12.552 7.99854 11.999V7.99902C7.99854 7.44602 8.44654 6.99902 8.99854 6.99902H10.9995V5.99902H12.9995V6.99902H15.9995V8.99902H9.99854V10.999H14.9995C15.5525 10.999 15.9995 11.447 15.9995 11.999V16C15.9995 16.553 15.5525 17 14.9995 17H12.9995V18H10.9995Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9995 2C6.47751 2 1.99951 6.478 1.99951 12C1.99951 17.522 6.47751 22 11.9995 22C17.5225 22 21.9995 17.522 21.9995 12C21.9995 6.478 17.5225 2 11.9995 2ZM11.9995 4C16.4105 4 19.9995 7.589 19.9995 12C19.9995 16.411 16.4105 20 11.9995 20C7.58851 20 3.99951 16.411 3.99951 12C3.99951 7.589 7.58851 4 11.9995 4Z" fill="currentColor"/>
+</svg>
diff --git a/apps/web/public/images/common/fiat2.svg b/apps/web/public/images/common/fiat2.svg
new file mode 100644
index 000000000..96707aae5
--- /dev/null
+++ b/apps/web/public/images/common/fiat2.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.001 15.0025V14.0025H4V12.0025H10.002V9.00149H5C4.448 9.00149 4 8.55349 4 8.00149V3.00049C4 2.44749 4.448 2.00049 5 2.00049H7.001V1.00049H9.001V2.00049H12.002V4.00049H6V7.00149H11.002C11.554 7.00149 12.002 7.44849 12.002 8.00149V13.0025C12.002 13.5555 11.554 14.0025 11.002 14.0025H9.001V15.0025H7.001Z" fill="currentColor"/>
+</svg>
diff --git a/public/images/common/gas-station.svg b/apps/web/public/images/common/gas-station.svg
similarity index 100%
rename from public/images/common/gas-station.svg
rename to apps/web/public/images/common/gas-station.svg
diff --git a/public/images/common/gnosis-chain-logo.png b/apps/web/public/images/common/gnosis-chain-logo.png
similarity index 100%
rename from public/images/common/gnosis-chain-logo.png
rename to apps/web/public/images/common/gnosis-chain-logo.png
diff --git a/public/images/common/ic-rocket-speedup.svg b/apps/web/public/images/common/ic-rocket-speedup.svg
similarity index 100%
rename from public/images/common/ic-rocket-speedup.svg
rename to apps/web/public/images/common/ic-rocket-speedup.svg
diff --git a/public/images/common/ic-swaps.svg b/apps/web/public/images/common/ic-swaps.svg
similarity index 100%
rename from public/images/common/ic-swaps.svg
rename to apps/web/public/images/common/ic-swaps.svg
diff --git a/public/images/common/import.svg b/apps/web/public/images/common/import.svg
similarity index 100%
rename from public/images/common/import.svg
rename to apps/web/public/images/common/import.svg
diff --git a/apps/web/public/images/common/kiln-symbol.svg b/apps/web/public/images/common/kiln-symbol.svg
new file mode 100644
index 000000000..abaf2c03f
--- /dev/null
+++ b/apps/web/public/images/common/kiln-symbol.svg
@@ -0,0 +1,4 @@
+<svg width="850" height="850" viewBox="0 0 850 850" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M98.1725 314.383C104.283 308.273 114.193 308.281 120.293 314.402L414.383 609.467C420.491 615.595 430.414 615.595 436.522 609.467L730.606 314.41C736.706 308.29 746.616 308.281 752.726 314.392L819.58 381.245C843.994 405.659 843.994 445.242 819.58 469.655L469.65 819.585C445.236 843.999 405.654 843.999 381.24 819.585L31.3103 469.655C6.89655 445.242 6.89656 405.659 31.3103 381.245L98.1725 314.383Z" fill="black"/>
+<path d="M290.738 365.58C284.63 371.708 274.706 371.708 268.598 365.58L168.995 265.646C162.909 259.54 162.917 249.658 169.014 243.562L381.265 31.3103C405.679 6.89655 445.261 6.89656 469.675 31.3103L681.935 243.57C688.032 249.667 688.04 259.548 681.954 265.655L582.358 365.58C576.25 371.708 566.326 371.708 560.219 365.58L436.547 241.499C430.439 235.371 420.516 235.371 414.408 241.499L290.738 365.58Z" fill="#FF6521"/>
+</svg>
diff --git a/apps/web/public/images/common/kiln.svg b/apps/web/public/images/common/kiln.svg
new file mode 100644
index 000000000..865f20655
--- /dev/null
+++ b/apps/web/public/images/common/kiln.svg
@@ -0,0 +1,9 @@
+<svg width="403" height="139" viewBox="0 0 403 139" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M267.306 38.501H247.13C245.102 38.501 243.462 40.1322 243.462 42.1507V133.391C243.462 135.41 245.102 137.041 247.13 137.041H267.306C269.334 137.041 270.973 135.41 270.973 133.391V42.1507C270.973 40.1322 269.334 38.501 267.306 38.501Z" fill="#202020"/>
+<path d="M320.494 62.0024V133.391C320.494 135.41 322.134 137.041 324.162 137.041H344.337C346.365 137.041 348.005 135.41 348.005 133.391V72.0942C348.005 68.652 350.798 65.8732 354.258 65.8732H369.237C372.696 65.8732 375.488 68.652 375.488 72.0942V133.391C375.488 135.41 377.129 137.041 379.157 137.041H399.331C401.361 137.041 403 135.41 403 133.391V62.0024C403 49.0213 392.427 38.501 379.379 38.501H344.115C331.067 38.501 320.494 49.0213 320.494 62.0024Z" fill="#202020"/>
+<path d="M257.217 0C248.866 0 242.086 6.74628 242.086 15.0548C242.086 23.3631 248.866 30.1094 257.217 30.1094C265.568 30.1094 272.349 23.3631 272.349 15.0548C272.349 6.74628 265.582 0 257.217 0Z" fill="#202020"/>
+<path d="M305.821 5.65381H285.645C283.617 5.65381 281.978 7.28508 281.978 9.30344V133.391C281.978 135.409 283.617 137.041 285.645 137.041H305.821C307.849 137.041 309.489 135.409 309.489 133.391V9.30344C309.489 7.28508 307.849 5.65381 305.821 5.65381Z" fill="#202020"/>
+<path d="M237.348 131.359L209.434 89.7059C208.641 88.5308 208.614 86.9963 209.35 85.7798L234.958 44.0441C236.459 41.6111 234.694 38.4868 231.833 38.4868H210.142C208.864 38.4868 207.683 39.1502 207.016 40.2286L190.384 67.3243C189.676 68.4718 188.425 69.2736 186.967 69.2736C184.743 69.2736 182.937 67.4763 182.937 65.2645V13.4232C182.937 11.4048 181.298 9.77356 179.268 9.77356H159.094C157.065 9.77356 155.425 11.4048 155.425 13.4232V133.391C155.425 135.409 157.065 137.041 159.094 137.041H179.268C181.298 137.041 182.937 135.409 182.937 133.391V108.604C182.937 106.392 184.743 104.595 186.967 104.595C188.356 104.595 189.565 105.286 190.301 106.35L209.782 135.423C210.461 136.432 211.602 137.054 212.838 137.054H234.306C237.237 137.054 238.987 133.806 237.362 131.386" fill="#202020"/>
+<path d="M61.0667 45.316C61.8031 44.5694 62.8173 44.1132 63.9429 44.1132C65.0683 44.1132 66.0687 44.5556 66.7913 45.2883L84.6598 63.0664C86.1048 64.5041 88.453 64.5041 89.898 63.0664L104.112 48.9241C105.557 47.4864 105.557 45.1501 104.112 43.7124L74.336 14.0453C68.6114 8.34966 59.3159 8.34966 53.5913 14.0453L23.7735 43.7124C22.3284 45.1501 22.3284 47.4864 23.7735 48.9241L37.9877 63.0664C39.4327 64.5041 41.7808 64.5041 43.226 63.0664L61.0667 45.316Z" fill="#FF6521"/>
+<path d="M123.607 63.0802L117.146 56.6519C115.701 55.2142 113.352 55.2142 111.907 56.6519L66.7915 101.54C66.0689 102.258 65.0547 102.715 63.9431 102.715C62.8315 102.715 61.8311 102.272 61.0947 101.553L15.9927 56.6519C14.5476 55.2142 12.1995 55.2142 10.7544 56.6519L4.29344 63.0802C-1.43115 68.7758 -1.43115 78.0243 4.29344 83.72L53.5776 132.755C59.3023 138.451 68.5977 138.451 74.3223 132.755L123.607 83.72C129.331 78.0243 129.331 68.7758 123.607 63.0802Z" fill="#202020"/>
+</svg>
diff --git a/public/images/common/lightbulb.svg b/apps/web/public/images/common/lightbulb.svg
similarity index 100%
rename from public/images/common/lightbulb.svg
rename to apps/web/public/images/common/lightbulb.svg
diff --git a/public/images/common/link.svg b/apps/web/public/images/common/link.svg
similarity index 100%
rename from public/images/common/link.svg
rename to apps/web/public/images/common/link.svg
diff --git a/public/images/common/loading.svg b/apps/web/public/images/common/loading.svg
similarity index 100%
rename from public/images/common/loading.svg
rename to apps/web/public/images/common/loading.svg
diff --git a/public/images/common/lock-small.svg b/apps/web/public/images/common/lock-small.svg
similarity index 100%
rename from public/images/common/lock-small.svg
rename to apps/web/public/images/common/lock-small.svg
diff --git a/public/images/common/lock-warning.svg b/apps/web/public/images/common/lock-warning.svg
similarity index 100%
rename from public/images/common/lock-warning.svg
rename to apps/web/public/images/common/lock-warning.svg
diff --git a/public/images/common/lock.svg b/apps/web/public/images/common/lock.svg
similarity index 100%
rename from public/images/common/lock.svg
rename to apps/web/public/images/common/lock.svg
diff --git a/public/images/common/minus.svg b/apps/web/public/images/common/minus.svg
similarity index 100%
rename from public/images/common/minus.svg
rename to apps/web/public/images/common/minus.svg
diff --git a/apps/web/public/images/common/morpho-symbol.svg b/apps/web/public/images/common/morpho-symbol.svg
new file mode 100644
index 000000000..6ec9a0852
--- /dev/null
+++ b/apps/web/public/images/common/morpho-symbol.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="74" height="69" viewBox="0 0 74 69" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1345_521)">
+<path d="M8.64069 46.6257V66.4908C8.64069 67.7137 9.67564 68.2213 9.99762 68.3366C10.3196 68.4751 11.4005 68.775 12.3664 67.8752L27.3944 53.4333C28.6742 52.2036 29.9093 50.9109 30.8375 49.3984C31.2744 48.6874 31.4555 48.2869 31.4555 48.2869C32.3755 46.418 32.3755 44.6184 31.4782 42.8187C30.1448 40.1424 26.7407 37.4198 21.6118 34.8357L12.8494 39.7271C10.2506 41.2037 8.64069 43.8109 8.64069 46.6257Z" fill="#004EC3"/>
+<path d="M0 2.44212V23.2764C0 25.8835 1.74794 28.1907 4.23184 28.929C12.6954 31.3747 27.4375 36.6351 31.0024 44.3644C31.462 45.3795 31.7381 46.3717 31.8307 47.4099C34.1994 43.0954 35.2803 38.1348 34.7744 33.1051C34.0841 25.9758 30.3122 19.4925 24.4248 15.3626L3.42686 0.66555C3.05883 0.388682 2.62187 0.250244 2.1849 0.250244C1.81688 0.250244 1.4949 0.319463 1.14994 0.504042C0.459945 0.896269 0 1.61152 0 2.44212Z" fill="#2470FF"/>
+<path d="M64.5352 46.6257V66.4908C64.5352 67.7137 63.5006 68.2213 63.1782 68.3366C62.8567 68.4751 61.775 68.775 60.8095 67.8752L45.4317 53.0975C44.3849 52.0913 43.3853 51.0273 42.5968 49.808C41.9723 48.843 41.7206 48.2869 41.7206 48.2869C40.8005 46.418 40.8005 44.6184 41.697 42.8187C43.0312 40.1424 46.4354 37.4198 51.5635 34.8357L60.3263 39.7271C62.9484 41.2037 64.5352 43.8109 64.5352 46.6257Z" fill="#004EC3"/>
+<path d="M73.19 2.44065V23.2749C73.19 25.882 71.4416 28.1892 68.9576 28.9276C60.4944 31.3732 45.7524 36.6337 42.1875 44.3629C41.7271 45.3781 41.451 46.3702 41.3592 47.4085C38.9905 43.094 37.9096 38.1334 38.4155 33.1037C39.1049 25.9743 42.8769 19.4911 48.7651 15.3611L69.7631 0.664077C70.131 0.387209 70.5679 0.248779 71.0047 0.248779C71.3726 0.248779 71.695 0.317998 72.0393 0.502577C72.7295 0.894804 73.19 1.61005 73.19 2.44065Z" fill="#2470FF"/>
+</g>
+<defs>
+<clipPath id="clip0_1345_521">
+<rect width="74" height="69" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/web/public/images/common/multisend.svg b/apps/web/public/images/common/multisend.svg
new file mode 100644
index 000000000..17a4cd2b8
--- /dev/null
+++ b/apps/web/public/images/common/multisend.svg
@@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="4 4 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.7154 5.06718C11.8946 4.97761 12.1054 4.97761 12.2846 5.06718L18.6481 8.249C18.8637 8.3568 18.9999 8.57714 18.9999 8.81818C18.9999 9.05922 18.8637 9.27957 18.6481 9.38736L12.2846 12.5692C12.1054 12.6588 11.8946 12.6588 11.7154 12.5692L5.35191 9.38736C5.13632 9.27957 5.00014 9.05922 5.00014 8.81818C5.00014 8.57714 5.13632 8.3568 5.35191 8.249L11.7154 5.06718ZM7.05941 8.81818L12 11.2885L16.9406 8.81818L12 6.34784L7.05941 8.81818ZM5.06732 11.7154C5.22449 11.4011 5.60673 11.2736 5.92108 11.4308L12 14.4703L18.0789 11.4308C18.3933 11.2736 18.7755 11.4011 18.9327 11.7154C19.0899 12.0298 18.9624 12.412 18.6481 12.5692L12.2846 15.751C12.1054 15.8406 11.8946 15.8406 11.7154 15.751L5.35191 12.5692C5.03756 12.412 4.91015 12.0298 5.06732 11.7154ZM5.06732 14.8972C5.22449 14.5829 5.60673 14.4555 5.92108 14.6126L12 17.6522L18.0789 14.6126C18.3933 14.4555 18.7755 14.5829 18.9327 14.8972C19.0899 15.2116 18.9624 15.5938 18.6481 15.751L12.2846 18.9328C12.1054 19.0224 11.8946 19.0224 11.7154 18.9328L5.35191 15.751C5.03756 15.5938 4.91015 15.2116 5.06732 14.8972Z" fill="currentColor" stroke="#currentColor" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/>
+<g clip-path="url(#clip0_8730_20180)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.7154 5.06718C11.8946 4.97761 12.1054 4.97761 12.2846 5.06718L18.6481 8.249C18.8637 8.3568 18.9999 8.57714 18.9999 8.81818C18.9999 9.05922 18.8637 9.27957 18.6481 9.38736L12.2846 12.5692C12.1054 12.6588 11.8946 12.6588 11.7154 12.5692L5.35191 9.38736C5.13632 9.27957 5.00014 9.05922 5.00014 8.81818C5.00014 8.57714 5.13632 8.3568 5.35191 8.249L11.7154 5.06718ZM7.05941 8.81818L12 11.2885L16.9406 8.81818L12 6.34784L7.05941 8.81818ZM5.06732 11.7154C5.22449 11.4011 5.60673 11.2736 5.92108 11.4308L12 14.4703L18.0789 11.4308C18.3933 11.2736 18.7755 11.4011 18.9327 11.7154C19.0899 12.0298 18.9624 12.412 18.6481 12.5692L12.2846 15.751C12.1054 15.8406 11.8946 15.8406 11.7154 15.751L5.35191 12.5692C5.03756 12.412 4.91015 12.0298 5.06732 11.7154ZM5.06732 14.8972C5.22449 14.5829 5.60673 14.4555 5.92108 14.6126L12 17.6522L18.0789 14.6126C18.3933 14.4555 18.7755 14.5829 18.9327 14.8972C19.0899 15.2116 18.9624 15.5938 18.6481 15.751L12.2846 18.9328C12.1054 19.0224 11.8946 19.0224 11.7154 18.9328L5.35191 15.751C5.03756 15.5938 4.91015 15.2116 5.06732 14.8972Z" fill="currentColor" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_8730_20180">
+<rect width="16" height="16" fill="white" transform="translate(4 4)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/images/common/network-error.svg b/apps/web/public/images/common/network-error.svg
similarity index 100%
rename from public/images/common/network-error.svg
rename to apps/web/public/images/common/network-error.svg
diff --git a/public/images/common/nft-atomic0.svg b/apps/web/public/images/common/nft-atomic0.svg
similarity index 100%
rename from public/images/common/nft-atomic0.svg
rename to apps/web/public/images/common/nft-atomic0.svg
diff --git a/public/images/common/nft-blur.svg b/apps/web/public/images/common/nft-blur.svg
similarity index 100%
rename from public/images/common/nft-blur.svg
rename to apps/web/public/images/common/nft-blur.svg
diff --git a/public/images/common/nft-etherscan.svg b/apps/web/public/images/common/nft-etherscan.svg
similarity index 100%
rename from public/images/common/nft-etherscan.svg
rename to apps/web/public/images/common/nft-etherscan.svg
diff --git a/public/images/common/nft-gnosisscan.svg b/apps/web/public/images/common/nft-gnosisscan.svg
similarity index 100%
rename from public/images/common/nft-gnosisscan.svg
rename to apps/web/public/images/common/nft-gnosisscan.svg
diff --git a/public/images/common/nft-opensea.svg b/apps/web/public/images/common/nft-opensea.svg
similarity index 100%
rename from public/images/common/nft-opensea.svg
rename to apps/web/public/images/common/nft-opensea.svg
diff --git a/public/images/common/nft-placeholder.png b/apps/web/public/images/common/nft-placeholder.png
similarity index 100%
rename from public/images/common/nft-placeholder.png
rename to apps/web/public/images/common/nft-placeholder.png
diff --git a/public/images/common/nft-polygonscan.svg b/apps/web/public/images/common/nft-polygonscan.svg
similarity index 100%
rename from public/images/common/nft-polygonscan.svg
rename to apps/web/public/images/common/nft-polygonscan.svg
diff --git a/public/images/common/nft-zapper.svg b/apps/web/public/images/common/nft-zapper.svg
similarity index 100%
rename from public/images/common/nft-zapper.svg
rename to apps/web/public/images/common/nft-zapper.svg
diff --git a/public/images/common/nft-zerion.svg b/apps/web/public/images/common/nft-zerion.svg
similarity index 100%
rename from public/images/common/nft-zerion.svg
rename to apps/web/public/images/common/nft-zerion.svg
diff --git a/public/images/common/nft.svg b/apps/web/public/images/common/nft.svg
similarity index 100%
rename from public/images/common/nft.svg
rename to apps/web/public/images/common/nft.svg
diff --git a/apps/web/public/images/common/no-assets.svg b/apps/web/public/images/common/no-assets.svg
new file mode 100644
index 000000000..95e05110d
--- /dev/null
+++ b/apps/web/public/images/common/no-assets.svg
@@ -0,0 +1,13 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.7256 57.1451C60.2124 57.1451 71.1456 46.2119 71.1456 32.7251C71.1456 19.2383 60.2124 8.30514 46.7256 8.30514C33.2388 8.30514 22.3056 19.2383 22.3056 32.7251C22.3056 46.2119 33.2388 57.1451 46.7256 57.1451ZM71.8106 32.7251C71.8106 46.5792 60.5797 57.8101 46.7256 57.8101C32.8716 57.8101 21.6406 46.5792 21.6406 32.7251C21.6406 18.8711 32.8716 7.64014 46.7256 7.64014C60.5797 7.64014 71.8106 18.8711 71.8106 32.7251Z" fill="#A1A3A7"/>
+<path d="M32.9098 71.9401C46.4545 71.9401 57.4348 60.9599 57.4348 47.4151C57.4348 33.8704 46.4545 22.8901 32.9098 22.8901C19.365 22.8901 8.38477 33.8704 8.38477 47.4151C8.38477 60.9599 19.365 71.9401 32.9098 71.9401Z" fill="#F4F4F4"/>
+<path d="M33.0256 72.0752H32.9056C32.7256 72.0752 32.5806 71.9252 32.5806 71.7502C32.5806 71.5702 32.7106 71.4452 32.9056 71.4252H33.0106C33.0106 71.4252 33.0106 71.4252 33.0156 71.4252C33.7956 71.4252 34.5856 71.3852 35.3656 71.3102C35.5406 71.2902 35.7006 71.4252 35.7206 71.6002C35.7406 71.7802 35.6056 71.9402 35.4306 71.9552C34.6356 72.0302 33.8206 72.0702 33.0206 72.0702L33.0256 72.0752ZM30.9156 71.9852C30.9156 71.9852 30.8956 71.9852 30.8856 71.9852C30.0456 71.9152 29.2006 71.8002 28.3756 71.6402C28.2006 71.6052 28.0856 71.4352 28.1156 71.2602C28.1506 71.0852 28.3206 70.9652 28.4956 71.0002C29.3006 71.1502 30.1206 71.2652 30.9356 71.3352C31.1156 71.3502 31.2456 71.5102 31.2306 71.6852C31.2156 71.8552 31.0756 71.9802 30.9056 71.9802L30.9156 71.9852ZM37.3856 71.6852C37.2306 71.6852 37.0956 71.5752 37.0656 71.4202C37.0356 71.2452 37.1506 71.0752 37.3256 71.0402C38.1306 70.8952 38.9406 70.7052 39.7256 70.4802C39.9006 70.4302 40.0806 70.5302 40.1256 70.7002C40.1756 70.8752 40.0756 71.0552 39.9056 71.1052C39.1006 71.3402 38.2706 71.5302 37.4406 71.6802C37.4206 71.6802 37.4006 71.6852 37.3806 71.6852H37.3856ZM26.4906 71.1952C26.4606 71.1952 26.4306 71.1952 26.4056 71.1852C25.5956 70.9602 24.7856 70.6902 24.0056 70.3852C23.8406 70.3202 23.7556 70.1302 23.8206 69.9652C23.8856 69.8002 24.0756 69.7152 24.2406 69.7802C25.0056 70.0802 25.7906 70.3402 26.5806 70.5602C26.7556 70.6102 26.8556 70.7852 26.8056 70.9602C26.7656 71.1052 26.6356 71.2002 26.4906 71.2002V71.1952ZM41.7106 70.4852C41.5806 70.4852 41.4556 70.4052 41.4056 70.2752C41.3406 70.1052 41.4256 69.9202 41.5956 69.8552C42.3606 69.5652 43.1206 69.2302 43.8506 68.8602C44.0156 68.7802 44.2056 68.8452 44.2856 69.0052C44.3656 69.1652 44.3006 69.3602 44.1406 69.4402C43.3906 69.8202 42.6106 70.1652 41.8256 70.4602C41.7856 70.4752 41.7506 70.4802 41.7106 70.4802V70.4852ZM22.2856 69.6002C22.2356 69.6002 22.1906 69.5902 22.1406 69.5652C21.3856 69.1952 20.6406 68.7802 19.9256 68.3352C19.7756 68.2402 19.7256 68.0402 19.8206 67.8852C19.9156 67.7352 20.1156 67.6852 20.2706 67.7802C20.9656 68.2152 21.6906 68.6152 22.4256 68.9752C22.5856 69.0552 22.6556 69.2502 22.5756 69.4102C22.5206 69.5252 22.4056 69.5902 22.2856 69.5902V69.6002ZM45.7406 68.5052C45.6306 68.5052 45.5256 68.4502 45.4606 68.3502C45.3656 68.1952 45.4156 67.9952 45.5706 67.9052C46.2656 67.4802 46.9506 67.0102 47.6056 66.5152C47.7456 66.4052 47.9506 66.4352 48.0606 66.5752C48.1706 66.7202 48.1406 66.9202 48.0006 67.0302C47.3306 67.5402 46.6256 68.0202 45.9106 68.4602C45.8556 68.4902 45.8006 68.5102 45.7406 68.5102V68.5052ZM18.4506 67.2652C18.3856 67.2652 18.3156 67.2452 18.2556 67.2002C17.5806 66.7002 16.9206 66.1552 16.3056 65.5902C16.1756 65.4702 16.1656 65.2652 16.2856 65.1302C16.4056 64.9952 16.6106 64.9902 16.7456 65.1102C17.3506 65.6652 17.9906 66.1902 18.6456 66.6802C18.7906 66.7852 18.8206 66.9902 18.7106 67.1352C18.6456 67.2202 18.5506 67.2652 18.4506 67.2652ZM49.3456 65.8202C49.2556 65.8202 49.1656 65.7852 49.1056 65.7102C48.9856 65.5752 48.9956 65.3702 49.1306 65.2502C49.7406 64.7052 50.3256 64.1202 50.8756 63.5102C50.9956 63.3752 51.2006 63.3702 51.3356 63.4902C51.4706 63.6102 51.4806 63.8152 51.3556 63.9502C50.7906 64.5752 50.1856 65.1752 49.5606 65.7352C49.5006 65.7902 49.4206 65.8202 49.3456 65.8202ZM15.1056 64.2652C15.0206 64.2652 14.9306 64.2302 14.8656 64.1602C14.2956 63.5452 13.7456 62.8902 13.2406 62.2202C13.1306 62.0752 13.1606 61.8752 13.3056 61.7652C13.4506 61.6552 13.6556 61.6852 13.7606 61.8302C14.2556 62.4852 14.7856 63.1202 15.3456 63.7202C15.4656 63.8502 15.4606 64.0552 15.3306 64.1802C15.2706 64.2402 15.1906 64.2652 15.1106 64.2652H15.1056ZM52.3956 62.5252C52.3256 62.5252 52.2556 62.5052 52.1956 62.4602C52.0556 62.3502 52.0256 62.1452 52.1356 62.0052C52.6356 61.3552 53.1056 60.6702 53.5356 59.9752C53.6306 59.8252 53.8306 59.7752 53.9806 59.8702C54.1356 59.9652 54.1806 60.1652 54.0856 60.3152C53.6456 61.0302 53.1606 61.7302 52.6456 62.4002C52.5806 62.4852 52.4856 62.5252 52.3856 62.5252H52.3956ZM12.3656 60.7052C12.2556 60.7052 12.1506 60.6502 12.0906 60.5552C11.6406 59.8452 11.2206 59.1052 10.8456 58.3502C10.7656 58.1902 10.8306 57.9952 10.9906 57.9152C11.1556 57.8352 11.3456 57.9002 11.4256 58.0602C11.7906 58.7952 12.1956 59.5152 12.6356 60.2052C12.7306 60.3552 12.6856 60.5602 12.5356 60.6552C12.4806 60.6902 12.4206 60.7052 12.3606 60.7052H12.3656ZM54.7956 58.7252C54.7456 58.7252 54.6956 58.7152 54.6506 58.6902C54.4906 58.6102 54.4256 58.4152 54.5106 58.2552C54.8806 57.5252 55.2206 56.7652 55.5156 56.0052C55.5806 55.8352 55.7706 55.7552 55.9356 55.8202C56.1006 55.8852 56.1856 56.0752 56.1206 56.2402C55.8156 57.0252 55.4706 57.8002 55.0906 58.5502C55.0306 58.6652 54.9206 58.7252 54.8006 58.7252H54.7956ZM10.3206 56.7052C10.1906 56.7052 10.0706 56.6302 10.0206 56.5002C9.70563 55.7152 9.43563 54.9102 9.20563 54.1052C9.15563 53.9302 9.25562 53.7552 9.43062 53.7052C9.60562 53.6552 9.78563 53.7552 9.83063 53.9302C10.0556 54.7152 10.3206 55.5002 10.6256 56.2652C10.6906 56.4302 10.6106 56.6202 10.4456 56.6852C10.4056 56.7002 10.3656 56.7102 10.3256 56.7102L10.3206 56.7052ZM56.4606 54.5502C56.4306 54.5502 56.4006 54.5502 56.3706 54.5352C56.2006 54.4852 56.1006 54.3052 56.1506 54.1302C56.3806 53.3452 56.5756 52.5352 56.7256 51.7352C56.7556 51.5602 56.9256 51.4402 57.1056 51.4752C57.2806 51.5102 57.4006 51.6752 57.3656 51.8552C57.2106 52.6802 57.0156 53.5102 56.7806 54.3152C56.7406 54.4552 56.6106 54.5502 56.4706 54.5502H56.4606ZM9.05063 52.4002C8.90063 52.4002 8.76063 52.2952 8.73063 52.1402C8.57063 51.3152 8.44563 50.4752 8.37063 49.6352C8.35563 49.4552 8.48563 49.3002 8.66563 49.2802C8.83563 49.2702 9.00063 49.3952 9.02063 49.5752C9.09563 50.3902 9.21563 51.2152 9.37063 52.0152C9.40562 52.1902 9.29062 52.3602 9.11562 52.3952C9.09562 52.3952 9.07563 52.4002 9.05063 52.4002ZM57.3256 50.1452C57.3256 50.1452 57.3056 50.1452 57.2906 50.1452C57.1106 50.1252 56.9806 49.9702 57.0006 49.7902C57.0856 48.9802 57.1256 48.1502 57.1256 47.3302C57.1256 47.1452 57.1256 46.9602 57.1206 46.7752C57.1206 46.5952 57.2606 46.4452 57.4356 46.4402C57.6356 46.4402 57.7656 46.5802 57.7706 46.7552C57.7706 46.9452 57.7756 47.1352 57.7756 47.3302C57.7756 48.1752 57.7306 49.0252 57.6456 49.8602C57.6306 50.0252 57.4856 50.1502 57.3206 50.1502L57.3256 50.1452ZM8.59063 47.9352C8.41063 47.9352 8.26562 47.7902 8.26562 47.6152V47.3302C8.26562 46.5802 8.29562 45.8252 8.36562 45.0902C8.38062 44.9102 8.54562 44.7802 8.72062 44.7952C8.90062 44.8102 9.03062 44.9702 9.01562 45.1502C8.95063 45.8702 8.92063 46.6052 8.92063 47.3352V47.6152C8.92063 47.7952 8.78063 47.9402 8.60063 47.9452L8.59063 47.9352ZM57.3156 45.0952C57.1506 45.0952 57.0106 44.9702 56.9906 44.8052C56.9056 43.9902 56.7806 43.1702 56.6106 42.3702C56.5756 42.1952 56.6856 42.0202 56.8606 41.9852C57.0406 41.9502 57.2106 42.0602 57.2456 42.2352C57.4156 43.0602 57.5506 43.9002 57.6356 44.7352C57.6556 44.9152 57.5256 45.0752 57.3456 45.0902C57.3356 45.0902 57.3206 45.0902 57.3106 45.0902L57.3156 45.0952ZM8.94563 43.4602C8.94563 43.4602 8.91062 43.4602 8.89062 43.4602C8.71562 43.4302 8.59563 43.2602 8.62563 43.0852C8.77063 42.2552 8.95563 41.4252 9.18563 40.6152C9.23563 40.4452 9.41063 40.3402 9.58563 40.3902C9.76063 40.4402 9.86063 40.6202 9.81063 40.7902C9.59063 41.5752 9.40562 42.3852 9.26562 43.1952C9.24063 43.3552 9.10063 43.4652 8.94563 43.4652V43.4602ZM56.4406 40.6902C56.3006 40.6902 56.1706 40.6002 56.1306 40.4552C55.9006 39.6752 55.6206 38.8902 55.3106 38.1302C55.2406 37.9652 55.3206 37.7752 55.4856 37.7052C55.6506 37.6352 55.8406 37.7152 55.9106 37.8802C56.2306 38.6602 56.5156 39.4652 56.7556 40.2652C56.8056 40.4352 56.7106 40.6202 56.5356 40.6702C56.5056 40.6802 56.4756 40.6852 56.4456 40.6852L56.4406 40.6902ZM10.1156 39.1252C10.0756 39.1252 10.0406 39.1202 10.0006 39.1052C9.83063 39.0402 9.74563 38.8552 9.81063 38.6852C10.1056 37.9002 10.4406 37.1152 10.8156 36.3602C10.8956 36.2002 11.0906 36.1352 11.2506 36.2152C11.4106 36.2952 11.4756 36.4902 11.3956 36.6502C11.0306 37.3852 10.7006 38.1502 10.4156 38.9152C10.3656 39.0452 10.2406 39.1252 10.1106 39.1252H10.1156ZM54.7656 36.5202C54.6456 36.5202 54.5356 36.4552 54.4756 36.3452C54.1006 35.6202 53.6856 34.9002 53.2406 34.2102C53.1406 34.0602 53.1856 33.8602 53.3356 33.7602C53.4856 33.6602 53.6906 33.7052 53.7856 33.8552C54.2456 34.5602 54.6706 35.3002 55.0556 36.0452C55.1356 36.2052 55.0756 36.4002 54.9156 36.4852C54.8706 36.5102 54.8156 36.5202 54.7656 36.5202ZM12.0656 35.0752C12.0106 35.0752 11.9506 35.0602 11.9006 35.0302C11.7456 34.9352 11.6956 34.7402 11.7906 34.5852C12.2256 33.8652 12.7006 33.1602 13.2056 32.4852C13.3106 32.3402 13.5156 32.3102 13.6606 32.4202C13.8056 32.5302 13.8356 32.7302 13.7256 32.8752C13.2356 33.5302 12.7706 34.2202 12.3506 34.9202C12.2906 35.0202 12.1806 35.0752 12.0706 35.0752H12.0656ZM52.3556 32.7302C52.2606 32.7302 52.1606 32.6852 52.1006 32.6052C51.6006 31.9602 51.0606 31.3302 50.4956 30.7352C50.3706 30.6052 50.3756 30.4002 50.5056 30.2752C50.6356 30.1502 50.8406 30.1552 50.9656 30.2852C51.5456 30.8952 52.1006 31.5452 52.6106 32.2052C52.7206 32.3452 52.6956 32.5502 52.5506 32.6602C52.4906 32.7052 52.4206 32.7302 52.3506 32.7302H52.3556ZM14.7256 31.4552C14.6506 31.4552 14.5706 31.4302 14.5106 31.3752C14.3756 31.2552 14.3656 31.0502 14.4856 30.9152C15.0456 30.2852 15.6406 29.6802 16.2606 29.1102C16.3956 28.9902 16.6006 28.9952 16.7206 29.1302C16.8406 29.2602 16.8356 29.4702 16.7006 29.5902C16.0956 30.1452 15.5156 30.7352 14.9706 31.3502C14.9056 31.4252 14.8156 31.4602 14.7256 31.4602V31.4552ZM49.2956 29.4402C49.2206 29.4402 49.1406 29.4152 49.0806 29.3552C48.4706 28.8052 47.8206 28.2852 47.1606 27.8052C47.0156 27.7002 46.9806 27.4952 47.0906 27.3502C47.1956 27.2052 47.4006 27.1702 47.5456 27.2802C48.2256 27.7702 48.8856 28.3052 49.5156 28.8702C49.6506 28.9902 49.6606 29.1952 49.5406 29.3302C49.4756 29.4002 49.3856 29.4402 49.3006 29.4402H49.2956ZM18.0006 28.3802C17.9056 28.3802 17.8106 28.3352 17.7456 28.2552C17.6356 28.1152 17.6606 27.9102 17.8006 27.8002C18.4656 27.2852 19.1606 26.7952 19.8756 26.3452C20.0306 26.2502 20.2306 26.2952 20.3256 26.4502C20.4206 26.6002 20.3756 26.8052 20.2206 26.9002C19.5256 27.3352 18.8456 27.8102 18.2006 28.3152C18.1406 28.3602 18.0706 28.3852 18.0006 28.3852V28.3802ZM45.6856 26.7652C45.6306 26.7652 45.5706 26.7502 45.5156 26.7202C44.8156 26.2952 44.0856 25.9002 43.3456 25.5502C43.1856 25.4752 43.1156 25.2802 43.1906 25.1152C43.2706 24.9552 43.4656 24.8852 43.6256 24.9602C44.3856 25.3202 45.1356 25.7252 45.8556 26.1652C46.0106 26.2602 46.0556 26.4602 45.9656 26.6102C45.9056 26.7102 45.7956 26.7652 45.6856 26.7652ZM21.7806 25.9552C21.6606 25.9552 21.5506 25.8902 21.4906 25.7802C21.4056 25.6202 21.4706 25.4252 21.6306 25.3402C22.3756 24.9552 23.1506 24.6002 23.9356 24.2902C24.1006 24.2252 24.2906 24.3052 24.3556 24.4752C24.4206 24.6452 24.3406 24.8302 24.1706 24.8952C23.4106 25.1952 22.6556 25.5402 21.9256 25.9152C21.8756 25.9402 21.8256 25.9502 21.7756 25.9502L21.7806 25.9552ZM41.6456 24.7952C41.6056 24.7952 41.5706 24.7902 41.5306 24.7752C40.7656 24.4852 39.9756 24.2352 39.1806 24.0252C39.0056 23.9802 38.9056 23.8002 38.9506 23.6302C38.9956 23.4552 39.1756 23.3552 39.3456 23.4002C40.1606 23.6152 40.9706 23.8752 41.7556 24.1702C41.9256 24.2352 42.0106 24.4202 41.9456 24.5902C41.8956 24.7202 41.7706 24.8002 41.6406 24.8002L41.6456 24.7952ZM25.9406 24.2652C25.8006 24.2652 25.6706 24.1752 25.6306 24.0352C25.5806 23.8652 25.6756 23.6802 25.8456 23.6302C26.6506 23.3852 27.4756 23.1852 28.3056 23.0252C28.4806 22.9902 28.6506 23.1052 28.6856 23.2852C28.7206 23.4602 28.6056 23.6302 28.4256 23.6652C27.6206 23.8202 26.8156 24.0202 26.0306 24.2552C26.0006 24.2652 25.9656 24.2702 25.9356 24.2702L25.9406 24.2652ZM37.3156 23.6052C37.3156 23.6052 37.2756 23.6052 37.2606 23.6052C36.4556 23.4602 35.6306 23.3602 34.8156 23.3002C34.6356 23.2852 34.5006 23.1302 34.5156 22.9502C34.5306 22.7702 34.6856 22.6402 34.8656 22.6502C35.7056 22.7102 36.5506 22.8202 37.3756 22.9652C37.5506 22.9952 37.6706 23.1652 37.6406 23.3402C37.6106 23.4952 37.4756 23.6102 37.3206 23.6102L37.3156 23.6052ZM30.3456 23.3702C30.1806 23.3702 30.0406 23.2452 30.0206 23.0802C30.0006 22.9002 30.1306 22.7402 30.3106 22.7202C31.1456 22.6302 31.9956 22.5802 32.8356 22.5752C33.0156 22.5752 33.1606 22.7202 33.1606 22.9002C33.1606 23.0802 33.0156 23.2252 32.8356 23.2252C32.0156 23.2302 31.1856 23.2802 30.3756 23.3652C30.3656 23.3652 30.3506 23.3652 30.3406 23.3652L30.3456 23.3702Z" fill="#A1A3A7"/>
+<path d="M28.9552 58.755C35.1932 58.755 40.2502 53.6981 40.2502 47.46C40.2502 41.222 35.1932 36.165 28.9552 36.165C22.7171 36.165 17.6602 41.222 17.6602 47.46C17.6602 53.6981 22.7171 58.755 28.9552 58.755Z" fill="#F4F4F4"/>
+<path d="M28.955 59.0798C22.545 59.0798 17.335 53.8648 17.335 47.4598C17.335 41.0548 22.55 35.8398 28.955 35.8398C35.36 35.8398 40.575 41.0548 40.575 47.4598C40.575 53.8648 35.36 59.0798 28.955 59.0798ZM28.955 36.4898C22.905 36.4898 17.985 41.4098 17.985 47.4598C17.985 53.5098 22.905 58.4298 28.955 58.4298C35.005 58.4298 39.925 53.5098 39.925 47.4598C39.925 41.4098 35.005 36.4898 28.955 36.4898Z" fill="#A1A3A7"/>
+<path d="M28.9548 54.8247C33.0224 54.8247 36.3198 51.5273 36.3198 47.4597C36.3198 43.3921 33.0224 40.0947 28.9548 40.0947C24.8873 40.0947 21.5898 43.3921 21.5898 47.4597C21.5898 51.5273 24.8873 54.8247 28.9548 54.8247Z" fill="#F4F4F4"/>
+<path d="M28.9556 55.1549C24.7156 55.1549 21.2656 51.7049 21.2656 47.4649C21.2656 43.2249 24.7156 39.7749 28.9556 39.7749C33.1956 39.7749 36.6456 43.2249 36.6456 47.4649C36.6456 51.7049 33.1956 55.1549 28.9556 55.1549ZM28.9556 40.4199C25.0706 40.4199 21.9156 43.5799 21.9156 47.4599C21.9156 51.3399 25.0756 54.4999 28.9556 54.4999C32.8356 54.4999 35.9956 51.3399 35.9956 47.4599C35.9956 43.5799 32.8356 40.4199 28.9556 40.4199Z" fill="#A1A3A7"/>
+<path d="M36.9552 58.755C43.1932 58.755 48.2502 53.6981 48.2502 47.46C48.2502 41.222 43.1932 36.165 36.9552 36.165C30.7171 36.165 25.6602 41.222 25.6602 47.46C25.6602 53.6981 30.7171 58.755 36.9552 58.755Z" fill="#F4F4F4"/>
+<path d="M36.955 59.0798C30.545 59.0798 25.335 53.8648 25.335 47.4598C25.335 41.0548 30.55 35.8398 36.955 35.8398C43.36 35.8398 48.575 41.0548 48.575 47.4598C48.575 53.8648 43.36 59.0798 36.955 59.0798ZM36.955 36.4898C30.905 36.4898 25.985 41.4098 25.985 47.4598C25.985 53.5098 30.905 58.4298 36.955 58.4298C43.005 58.4298 47.925 53.5098 47.925 47.4598C47.925 41.4098 43.005 36.4898 36.955 36.4898Z" fill="#A1A3A7"/>
+<path d="M36.9548 54.8247C41.0224 54.8247 44.3198 51.5273 44.3198 47.4597C44.3198 43.3921 41.0224 40.0947 36.9548 40.0947C32.8873 40.0947 29.5898 43.3921 29.5898 47.4597C29.5898 51.5273 32.8873 54.8247 36.9548 54.8247Z" fill="#F4F4F4"/>
+<path d="M36.9556 55.1549C32.7156 55.1549 29.2656 51.7049 29.2656 47.4649C29.2656 43.2249 32.7156 39.7749 36.9556 39.7749C41.1956 39.7749 44.6456 43.2249 44.6456 47.4649C44.6456 51.7049 41.1956 55.1549 36.9556 55.1549ZM36.9556 40.4199C33.0706 40.4199 29.9156 43.5799 29.9156 47.4599C29.9156 51.3399 33.0756 54.4999 36.9556 54.4999C40.8356 54.4999 43.9956 51.3399 43.9956 47.4599C43.9956 43.5799 40.8356 40.4199 36.9556 40.4199Z" fill="#A1A3A7"/>
+</svg>
diff --git a/apps/web/public/images/common/no-txs.svg b/apps/web/public/images/common/no-txs.svg
new file mode 100644
index 000000000..ae459d7e8
--- /dev/null
+++ b/apps/web/public/images/common/no-txs.svg
@@ -0,0 +1,22 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31.1006 6.47168C44.771 6.47168 55.8535 17.5542 55.8535 31.2246C55.8535 44.8951 44.7711 55.9775 31.1006 55.9775C17.4302 55.9775 6.34766 44.8951 6.34766 31.2246C6.34768 17.5542 17.4302 6.4717 31.1006 6.47168Z" stroke="#A1A3A7" stroke-width="0.665"/>
+<path d="M38.7754 69.5302C52.0304 69.5302 62.7754 58.7852 62.7754 45.5303C62.7754 32.2754 52.0304 21.5303 38.7754 21.5303C25.5206 21.5303 14.7754 32.2754 14.7754 45.5303C14.7754 58.7852 25.5206 69.5302 38.7754 69.5302Z" fill="white"/>
+<path d="M38.7756 20.645C25.0306 20.645 13.8906 31.785 13.8906 45.53C13.8906 59.275 25.0306 70.415 38.7756 70.415C52.5206 70.415 63.6606 59.275 63.6606 45.53C63.6606 31.785 52.5206 20.645 38.7756 20.645ZM38.7756 69.53C25.5456 69.53 14.7756 58.765 14.7756 45.53C14.7756 32.295 25.5406 21.53 38.7756 21.53C52.0106 21.53 62.7756 32.295 62.7756 45.53C62.7756 58.765 52.0106 69.53 38.7756 69.53Z" fill="#A1A3A7"/>
+<path d="M38.7748 69.9002C25.9298 69.9002 15.6098 59.3702 14.0298 45.5303C13.9348 46.4903 13.8848 47.4653 13.8848 48.4553C13.8848 63.5302 25.0998 74.0002 38.8398 74.0002C52.5798 74.0002 62.9348 63.6752 63.6548 48.4553C63.6998 47.4703 63.6048 46.4903 63.5098 45.5303C62.1798 59.2302 51.6098 69.9002 38.7648 69.9002H38.7748Z" fill="#A1A3A7"/>
+<path d="M39.1648 27.0802C38.9848 27.0802 38.8398 26.9352 38.8398 26.7552V21.1102C38.8398 20.9302 38.9848 20.7852 39.1648 20.7852C39.3448 20.7852 39.4898 20.9302 39.4898 21.1102V26.7552C39.4898 26.9352 39.3448 27.0802 39.1648 27.0802Z" fill="#A1A3A7"/>
+<path d="M39.1648 69.9649C38.9848 69.9649 38.8398 69.8199 38.8398 69.6399V63.9949C38.8398 63.8149 38.9848 63.6699 39.1648 63.6699C39.3448 63.6699 39.4898 63.8149 39.4898 63.9949V69.6399C39.4898 69.8199 39.3448 69.9649 39.1648 69.9649Z" fill="#A1A3A7"/>
+<path d="M39.1648 45.6102C38.9848 45.6102 38.8398 45.4652 38.8398 45.2852V31.6102C38.8398 31.4302 38.9848 31.2852 39.1648 31.2852C39.3448 31.2852 39.4898 31.4302 39.4898 31.6102V45.2852C39.4898 45.4652 39.3448 45.6102 39.1648 45.6102Z" fill="#A1A3A7"/>
+<path d="M62.8645 45.6353H57.2195C57.0395 45.6353 56.8945 45.4904 56.8945 45.3104C56.8945 45.1304 57.0395 44.9854 57.2195 44.9854H62.8645C63.0445 44.9854 63.1895 45.1304 63.1895 45.3104C63.1895 45.4904 63.0445 45.6353 62.8645 45.6353Z" fill="#A1A3A7"/>
+<path d="M19.9798 45.6353H14.3348C14.1548 45.6353 14.0098 45.4904 14.0098 45.3104C14.0098 45.1304 14.1548 44.9854 14.3348 44.9854H19.9798C20.1598 44.9854 20.3048 45.1304 20.3048 45.3104C20.3048 45.4904 20.1598 45.6353 19.9798 45.6353Z" fill="#A1A3A7"/>
+<path d="M51.77 31.9698C51.685 31.9698 51.605 31.9398 51.54 31.8748C51.415 31.7498 51.415 31.5398 51.54 31.4148L55.53 27.4248C55.655 27.2998 55.865 27.2998 55.99 27.4248C56.115 27.5498 56.115 27.7598 55.99 27.8848L52 31.8748C51.935 31.9398 51.855 31.9698 51.77 31.9698Z" fill="#A1A3A7"/>
+<path d="M21.4455 63.8049C21.3805 63.8049 21.3105 63.7849 21.2555 63.7449C21.1105 63.6399 21.0805 63.4349 21.1855 63.2899L25.1755 57.7899C25.2805 57.6449 25.4855 57.6099 25.6305 57.7199C25.7755 57.8249 25.8105 58.0299 25.7005 58.1749L21.7105 63.6749C21.6455 63.7649 21.5455 63.8099 21.4455 63.8099V63.8049Z" fill="#A1A3A7"/>
+<path d="M25.3802 33.4801C25.2952 33.4801 25.2152 33.4501 25.1502 33.3851L21.1602 29.3951C21.0352 29.2701 21.0352 29.0601 21.1602 28.9351C21.2852 28.8101 21.4952 28.8101 21.6202 28.9351L25.6102 32.9251C25.7352 33.0501 25.7352 33.2601 25.6102 33.3851C25.5452 33.4501 25.4652 33.4801 25.3802 33.4801Z" fill="#A1A3A7"/>
+<path d="M55.7044 63.8048C55.6194 63.8048 55.5394 63.7748 55.4744 63.7098L51.4844 59.7198C51.3594 59.5948 51.3594 59.3848 51.4844 59.2598C51.6094 59.1348 51.8194 59.1348 51.9444 59.2598L55.9344 63.2498C56.0594 63.3748 56.0594 63.5848 55.9344 63.7098C55.8694 63.7748 55.7894 63.8048 55.7044 63.8048Z" fill="#A1A3A7"/>
+<path d="M58.1505 40.1549C66.7355 40.1549 73.6955 33.1952 73.6955 24.6099C73.6955 16.0247 66.7355 9.06494 58.1505 9.06494C49.5652 9.06494 42.6055 16.0247 42.6055 24.6099C42.6055 33.1952 49.5652 40.1549 58.1505 40.1549Z" fill="white"/>
+<path d="M58.1494 40.4854C57.9544 40.4854 57.7594 40.4853 57.5694 40.4753C57.3894 40.4703 57.2494 40.3203 57.2544 40.1403C57.2594 39.9603 57.4194 39.8204 57.5894 39.8254C58.3994 39.8554 59.2294 39.8204 60.0294 39.7204C60.2094 39.7004 60.3694 39.8254 60.3944 40.0054C60.4144 40.1854 60.2894 40.3454 60.1094 40.3654C59.4644 40.4454 58.7994 40.4854 58.1444 40.4854H58.1494ZM55.5944 40.2754C55.5944 40.2754 55.5594 40.2754 55.5394 40.2754C54.7044 40.1354 53.8694 39.9303 53.0644 39.6553C52.8944 39.6003 52.8044 39.4153 52.8594 39.2453C52.9194 39.0753 53.0994 38.9854 53.2694 39.0404C54.0394 39.3004 54.8394 39.5003 55.6394 39.6353C55.8144 39.6653 55.9344 39.8303 55.9094 40.0103C55.8844 40.1703 55.7444 40.2803 55.5894 40.2803L55.5944 40.2754ZM62.0394 39.9953C61.8944 39.9953 61.7644 39.9003 61.7244 39.7503C61.6794 39.5753 61.7844 39.4003 61.9594 39.3553C62.7494 39.1503 63.5244 38.8854 64.2694 38.5554C64.4344 38.4854 64.6244 38.5554 64.6994 38.7204C64.7694 38.8854 64.6994 39.0754 64.5344 39.1504C63.7594 39.4904 62.9494 39.7704 62.1244 39.9854C62.0994 39.9904 62.0694 39.9953 62.0444 39.9953H62.0394ZM51.3244 38.9103C51.2744 38.9103 51.2294 38.9003 51.1794 38.8753C50.4194 38.5003 49.6793 38.0654 48.9843 37.5754C48.8393 37.4704 48.8043 37.2703 48.9093 37.1203C49.0143 36.9753 49.2143 36.9404 49.3643 37.0404C50.0294 37.5104 50.7394 37.9304 51.4694 38.2904C51.6294 38.3704 51.6994 38.5653 51.6194 38.7253C51.5644 38.8403 51.4494 38.9053 51.3294 38.9053L51.3244 38.9103ZM66.1744 38.2603C66.0644 38.2603 65.9544 38.2053 65.8944 38.1053C65.7994 37.9503 65.8494 37.7503 66.0044 37.6603C66.6994 37.2403 67.3694 36.7604 67.9894 36.2354C68.1244 36.1204 68.3294 36.1354 68.4494 36.2754C68.5644 36.4104 68.5494 36.6154 68.4094 36.7354C67.7644 37.2854 67.0644 37.7854 66.3394 38.2204C66.2844 38.2504 66.2294 38.2653 66.1744 38.2653V38.2603ZM47.6243 36.3804C47.5443 36.3804 47.4643 36.3503 47.4043 36.2953C46.7793 35.7203 46.1993 35.0903 45.6743 34.4253C45.5643 34.2853 45.5893 34.0804 45.7293 33.9704C45.8693 33.8604 46.0743 33.8854 46.1843 34.0254C46.6843 34.6654 47.2443 35.2703 47.8443 35.8203C47.9743 35.9403 47.9843 36.1453 47.8643 36.2803C47.7993 36.3503 47.7143 36.3853 47.6243 36.3853V36.3804ZM69.6394 35.4203C69.5594 35.4203 69.4844 35.3903 69.4194 35.3353C69.2894 35.2153 69.2794 35.0103 69.3994 34.8753C69.9494 34.2753 70.4544 33.6253 70.8994 32.9453C70.9994 32.7953 71.1994 32.7553 71.3494 32.8503C71.4994 32.9503 71.5394 33.1503 71.4444 33.3003C70.9794 34.0103 70.4544 34.6853 69.8844 35.3153C69.8194 35.3853 69.7344 35.4203 69.6444 35.4203H69.6394ZM44.7993 32.9053C44.6893 32.9053 44.5793 32.8503 44.5193 32.7453C44.0843 32.0153 43.7043 31.2453 43.3943 30.4603C43.3293 30.2953 43.4093 30.1054 43.5793 30.0404C43.7443 29.9754 43.9343 30.0554 43.9993 30.2254C44.2993 30.9804 44.6643 31.7154 45.0793 32.4154C45.1693 32.5704 45.1193 32.7704 44.9693 32.8604C44.9193 32.8904 44.8593 32.9053 44.8043 32.9053H44.7993ZM72.1594 31.7103C72.1094 31.7103 72.0644 31.7003 72.0194 31.6753C71.8594 31.5953 71.7894 31.4003 71.8694 31.2403C72.2244 30.5103 72.5194 29.7403 72.7544 28.9603C72.8044 28.7903 72.9844 28.6903 73.1594 28.7403C73.3294 28.7903 73.4294 28.9704 73.3794 29.1454C73.1394 29.9604 72.8294 30.7603 72.4594 31.5253C72.4044 31.6403 72.2894 31.7103 72.1694 31.7103H72.1594ZM43.0843 28.7653C42.9393 28.7653 42.8043 28.6654 42.7693 28.5204C42.5593 27.7004 42.4193 26.8553 42.3443 26.0053C42.3293 25.8253 42.4593 25.6704 42.6393 25.6554C42.8143 25.6354 42.9743 25.7704 42.9893 25.9504C43.0593 26.7604 43.1943 27.5704 43.3943 28.3604C43.4393 28.5354 43.3343 28.7103 43.1593 28.7553C43.1343 28.7603 43.1043 28.7653 43.0793 28.7653H43.0843ZM73.5094 27.4304C73.5094 27.4304 73.4744 27.4304 73.4594 27.4304C73.2844 27.4004 73.1594 27.2353 73.1894 27.0603C73.3194 26.2603 73.3844 25.4403 73.3844 24.6253C73.3844 24.4453 73.5294 24.3003 73.7094 24.3003C73.8894 24.3003 74.0344 24.4453 74.0344 24.6253C74.0344 25.4753 73.9644 26.3304 73.8294 27.1654C73.8044 27.3254 73.6644 27.4404 73.5094 27.4404V27.4304ZM42.6243 24.3054C42.6243 24.3054 42.6143 24.3054 42.6093 24.3054C42.4293 24.3004 42.2893 24.1453 42.2993 23.9653C42.3343 23.1153 42.4343 22.2653 42.6043 21.4353C42.6393 21.2603 42.8093 21.1454 42.9893 21.1804C43.1643 21.2154 43.2793 21.3854 43.2443 21.5654C43.0843 22.3604 42.9843 23.1753 42.9493 23.9903C42.9443 24.1653 42.7993 24.3003 42.6243 24.3003V24.3054ZM73.6894 24.2203C73.5194 24.2203 73.3744 24.0853 73.3644 23.9103C73.3294 23.0953 73.2244 22.2804 73.0594 21.4854C73.0244 21.3104 73.1344 21.1354 73.3094 21.1004C73.4844 21.0654 73.6594 21.1754 73.6944 21.3504C73.8694 22.1804 73.9744 23.0303 74.0144 23.8803C74.0244 24.0603 73.8844 24.2103 73.7044 24.2203C73.7044 24.2203 73.6944 24.2203 73.6894 24.2203ZM43.4493 19.8954C43.4143 19.8954 43.3793 19.8903 43.3443 19.8753C43.1743 19.8153 43.0843 19.6303 43.1443 19.4603C43.4193 18.6603 43.7643 17.8703 44.1643 17.1253C44.2493 16.9653 44.4443 16.9053 44.6043 16.9903C44.7643 17.0753 44.8243 17.2704 44.7393 17.4304C44.3543 18.1504 44.0243 18.9003 43.7593 19.6703C43.7143 19.8053 43.5893 19.8903 43.4493 19.8903V19.8954ZM72.8444 19.8203C72.7094 19.8203 72.5844 19.7354 72.5394 19.6004C72.2694 18.8304 71.9394 18.0803 71.5494 17.3653C71.4644 17.2053 71.5244 17.0103 71.6794 16.9253C71.8394 16.8403 72.0344 16.9004 72.1194 17.0554C72.5244 17.8004 72.8694 18.5854 73.1494 19.3854C73.2094 19.5554 73.1194 19.7403 72.9494 19.8003C72.9144 19.8103 72.8794 19.8203 72.8444 19.8203ZM45.5043 15.9103C45.4393 15.9103 45.3743 15.8904 45.3143 15.8504C45.1693 15.7454 45.1343 15.5454 45.2393 15.3954C45.7343 14.7054 46.2843 14.0503 46.8843 13.4453C47.0093 13.3153 47.2193 13.3153 47.3443 13.4453C47.4743 13.5703 47.4743 13.7753 47.3443 13.9053C46.7693 14.4853 46.2393 15.1103 45.7693 15.7753C45.7043 15.8653 45.6043 15.9103 45.5043 15.9103ZM70.7694 15.8454C70.6694 15.8454 70.5694 15.8003 70.5044 15.7103C70.0294 15.0503 69.4944 14.4254 68.9194 13.8504C68.7944 13.7254 68.7944 13.5154 68.9194 13.3904C69.0444 13.2654 69.2544 13.2654 69.3794 13.3904C69.9794 13.9904 70.5394 14.6453 71.0344 15.3303C71.1394 15.4753 71.1044 15.6803 70.9594 15.7853C70.9044 15.8253 70.8344 15.8454 70.7694 15.8454ZM48.6093 12.6753C48.5143 12.6753 48.4193 12.6303 48.3543 12.5503C48.2443 12.4103 48.2693 12.2053 48.4093 12.0953C49.0793 11.5703 49.7943 11.1003 50.5394 10.6953C50.6994 10.6103 50.8944 10.6653 50.9794 10.8253C51.0644 10.9803 51.0094 11.1803 50.8494 11.2653C50.1394 11.6553 49.4493 12.1053 48.8093 12.6103C48.7493 12.6553 48.6793 12.6803 48.6093 12.6803V12.6753ZM67.6494 12.6253C67.5794 12.6253 67.5094 12.6053 67.4494 12.5553C66.8044 12.0603 66.1144 11.6103 65.3994 11.2203C65.2394 11.1353 65.1844 10.9353 65.2694 10.7803C65.3544 10.6253 65.5494 10.5653 65.7094 10.6503C66.4544 11.0553 67.1744 11.5253 67.8444 12.0403C67.9844 12.1503 68.0144 12.3553 67.9044 12.4953C67.8394 12.5803 67.7444 12.6203 67.6494 12.6203V12.6253ZM52.5044 10.4553C52.3744 10.4553 52.2544 10.3753 52.1994 10.2503C52.1344 10.0853 52.2144 9.89533 52.3844 9.83033C53.1744 9.52033 53.9944 9.27533 54.8244 9.09533C54.9994 9.06033 55.1744 9.17033 55.2094 9.34533C55.2444 9.52033 55.1344 9.69533 54.9594 9.73033C54.1644 9.90033 53.3744 10.1354 52.6194 10.4354C52.5794 10.4504 52.5394 10.4553 52.4994 10.4553H52.5044ZM63.7444 10.4253C63.7044 10.4253 63.6644 10.4203 63.6294 10.4053C62.8694 10.1153 62.0794 9.88033 61.2844 9.71533C61.1094 9.68033 60.9944 9.50533 61.0344 9.33033C61.0744 9.15533 61.2444 9.04033 61.4194 9.08033C62.2494 9.25533 63.0744 9.49533 63.8644 9.80033C64.0294 9.86533 64.1144 10.0503 64.0494 10.2203C63.9994 10.3503 63.8744 10.4303 63.7444 10.4303V10.4253ZM56.8744 9.44533C56.7094 9.44533 56.5644 9.31538 56.5494 9.14538C56.5344 8.96538 56.6694 8.81033 56.8444 8.79533C57.6844 8.72533 58.5494 8.72533 59.3944 8.79033C59.5744 8.80533 59.7094 8.96038 59.6944 9.14038C59.6794 9.32038 59.5244 9.46033 59.3444 9.44033C58.5344 9.38033 57.7044 9.38033 56.8994 9.44533C56.8894 9.44533 56.8794 9.44533 56.8744 9.44533Z" fill="#A1A3A7"/>
+<path d="M45.805 52.1602C45.72 52.1602 45.64 52.1302 45.575 52.0652L38.96 45.4502C38.835 45.3252 38.835 45.1152 38.96 44.9902C39.085 44.8652 39.295 44.8652 39.42 44.9902L46.035 51.6052C46.16 51.7302 46.16 51.9402 46.035 52.0652C45.97 52.1302 45.89 52.1602 45.805 52.1602Z" fill="#A1A3A7"/>
+<path d="M55.0301 30.0849C54.8501 30.0849 54.7051 29.9399 54.7051 29.7599V18.9549C54.7051 18.7749 54.8501 18.6299 55.0301 18.6299C55.2101 18.6299 55.3551 18.7749 55.3551 18.9549V29.7599C55.3551 29.9399 55.2101 30.0849 55.0301 30.0849Z" fill="#A1A3A7"/>
+<path d="M52.1602 27.4351L52.6702 26.9551L55.0302 29.4901L57.3902 26.9551L57.9002 27.4351L55.0302 30.5251L52.1602 27.4351Z" fill="#A1A3A7"/>
+<path d="M61.5145 30.3549C61.3345 30.3549 61.1895 30.21 61.1895 30.03V19.225C61.1895 19.045 61.3345 18.8999 61.5145 18.8999C61.6945 18.8999 61.8395 19.045 61.8395 19.225V30.03C61.8395 30.21 61.6945 30.3549 61.5145 30.3549Z" fill="#A1A3A7"/>
+<path d="M64.3856 21.5548L63.8706 22.0348L61.5156 19.4948L59.1556 22.0348L58.6406 21.5548L61.5156 18.4648L64.3856 21.5548Z" fill="#A1A3A7"/>
+</svg>
diff --git a/public/images/common/notifications.svg b/apps/web/public/images/common/notifications.svg
similarity index 100%
rename from public/images/common/notifications.svg
rename to apps/web/public/images/common/notifications.svg
diff --git a/apps/web/public/images/common/outreach-popup-avatar.png b/apps/web/public/images/common/outreach-popup-avatar.png
new file mode 100644
index 000000000..100db4a0c
Binary files /dev/null and b/apps/web/public/images/common/outreach-popup-avatar.png differ
diff --git a/public/images/common/owners.svg b/apps/web/public/images/common/owners.svg
similarity index 100%
rename from public/images/common/owners.svg
rename to apps/web/public/images/common/owners.svg
diff --git a/public/images/common/plus.svg b/apps/web/public/images/common/plus.svg
similarity index 100%
rename from public/images/common/plus.svg
rename to apps/web/public/images/common/plus.svg
diff --git a/public/images/common/propose-recovery-dark.svg b/apps/web/public/images/common/propose-recovery-dark.svg
similarity index 100%
rename from public/images/common/propose-recovery-dark.svg
rename to apps/web/public/images/common/propose-recovery-dark.svg
diff --git a/public/images/common/propose-recovery-light.svg b/apps/web/public/images/common/propose-recovery-light.svg
similarity index 100%
rename from public/images/common/propose-recovery-light.svg
rename to apps/web/public/images/common/propose-recovery-light.svg
diff --git a/public/images/common/qr.svg b/apps/web/public/images/common/qr.svg
similarity index 100%
rename from public/images/common/qr.svg
rename to apps/web/public/images/common/qr.svg
diff --git a/public/images/common/question.svg b/apps/web/public/images/common/question.svg
similarity index 100%
rename from public/images/common/question.svg
rename to apps/web/public/images/common/question.svg
diff --git a/public/images/common/ramp_logo.svg b/apps/web/public/images/common/ramp_logo.svg
similarity index 100%
rename from public/images/common/ramp_logo.svg
rename to apps/web/public/images/common/ramp_logo.svg
diff --git a/public/images/common/recovery-pending.svg b/apps/web/public/images/common/recovery-pending.svg
similarity index 100%
rename from public/images/common/recovery-pending.svg
rename to apps/web/public/images/common/recovery-pending.svg
diff --git a/public/images/common/recovery-plus.svg b/apps/web/public/images/common/recovery-plus.svg
similarity index 100%
rename from public/images/common/recovery-plus.svg
rename to apps/web/public/images/common/recovery-plus.svg
diff --git a/public/images/common/recovery.svg b/apps/web/public/images/common/recovery.svg
similarity index 100%
rename from public/images/common/recovery.svg
rename to apps/web/public/images/common/recovery.svg
diff --git a/public/images/common/recovery_custom.svg b/apps/web/public/images/common/recovery_custom.svg
similarity index 100%
rename from public/images/common/recovery_custom.svg
rename to apps/web/public/images/common/recovery_custom.svg
diff --git a/apps/web/public/images/common/recovery_sygnum.svg b/apps/web/public/images/common/recovery_sygnum.svg
new file mode 100644
index 000000000..2644602e5
--- /dev/null
+++ b/apps/web/public/images/common/recovery_sygnum.svg
@@ -0,0 +1 @@
+<svg width="45" height="45" viewBox="0 0 188 188" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><g transform="translate(-546 -266)"><path d="M283.205 211.997C299.052 211.997 307.787 205.192 307.787 194.119L307.787 180.609C307.787 169.435 298.95 162.833 283.205 162.833 267.359 162.833 258.623 169.537 258.623 180.609L258.623 194.018C258.623 194.83 258.724 195.745 258.826 196.557L198.894 235.462C194.729 231.501 188.025 229.368 178.984 229.368 163.137 229.368 154.402 236.072 154.402 247.144L154.402 260.654C154.402 271.828 163.239 278.532 178.984 278.532 188.532 278.532 195.542 276.094 199.605 271.625L259.029 310.124C258.826 311.241 258.724 312.46 258.724 313.679L258.724 327.189C258.724 338.363 267.562 345.067 283.307 345.067 299.153 345.067 307.889 338.261 307.889 327.189L307.889 313.679C307.889 302.505 299.052 295.903 283.307 295.903 274.063 295.903 267.257 298.137 263.194 302.302L203.465 263.6C203.566 262.686 203.668 261.67 203.668 260.654L203.668 247.144C203.668 245.722 203.566 244.401 203.262 243.183L262.483 204.684C266.343 209.356 273.453 211.997 283.205 211.997Z" fill="#E94362" transform="matrix(1 0 0 1.00003 408.721 105.864)"/></g></svg>
diff --git a/public/images/common/relayer.svg b/apps/web/public/images/common/relayer.svg
similarity index 100%
rename from public/images/common/relayer.svg
rename to apps/web/public/images/common/relayer.svg
diff --git a/public/images/common/rocket.svg b/apps/web/public/images/common/rocket.svg
similarity index 100%
rename from public/images/common/rocket.svg
rename to apps/web/public/images/common/rocket.svg
diff --git a/apps/web/public/images/common/safe-bridge-dark.svg b/apps/web/public/images/common/safe-bridge-dark.svg
new file mode 100644
index 000000000..cd340da05
--- /dev/null
+++ b/apps/web/public/images/common/safe-bridge-dark.svg
@@ -0,0 +1,19 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4138_11022)">
+<rect x="0.5" y="0.5" width="31" height="31" rx="5.5" stroke="#DCDEE0"/>
+<g clip-path="url(#clip1_4138_11022)">
+<path d="M13.9004 9C14.6734 9.00021 15.2998 9.62732 15.2998 10.4004V13.9004C15.2996 14.6733 14.6733 15.2996 13.9004 15.2998H10.4004C9.62732 15.2998 9.00021 14.6734 9 13.9004V10.4004C9 9.62719 9.62719 9 10.4004 9H13.9004ZM10.4004 13.9004H13.9004V10.4004H10.4004V13.9004Z" fill="white"/>
+<path d="M12.6001 17.0051C12.2695 17.0023 12 17.2695 12 17.6001V18.7661C12 19.4476 12.5328 20 13.19 20H14.3781C14.717 20 14.9924 19.7268 14.9951 19.388V19.388C14.9978 19.0454 14.7208 18.7661 14.3781 18.7661H13.7975H13.4938H13.4875L13.19 18.4814V18.1966V17.6001C13.19 17.2735 12.9267 17.0079 12.6001 17.0051V17.0051Z" fill="white"/>
+<path d="M19.3999 14.9949C19.7305 14.9977 20 14.7305 20 14.3999V13.2339C20 12.5524 19.4672 12 18.81 12H17.6219C17.283 12 17.0076 12.2732 17.0049 12.612V12.612C17.0022 12.9546 17.2792 13.2339 17.6219 13.2339H18.2025H18.5062H18.5125L18.81 13.5186V13.8034V14.3999C18.81 14.7265 19.0733 14.9921 19.3999 14.9949V14.9949Z" fill="white"/>
+<path d="M21.6006 16.7002C22.3736 16.7004 23 17.3275 23 18.1006V21.6006C22.9998 22.3735 22.3735 22.9998 21.6006 23H18.1006C17.3275 23 16.7004 22.3736 16.7002 21.6006V18.1006C16.7002 17.3274 17.3274 16.7002 18.1006 16.7002H21.6006ZM18.1006 21.6006H21.6006V18.1006H18.1006V21.6006Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_4138_11022">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+<clipPath id="clip1_4138_11022">
+<rect width="16" height="16" fill="white" transform="translate(8 8)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/web/public/images/common/safe-bridge.svg b/apps/web/public/images/common/safe-bridge.svg
new file mode 100644
index 000000000..55de3869f
--- /dev/null
+++ b/apps/web/public/images/common/safe-bridge.svg
@@ -0,0 +1,19 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4138_11018)">
+<rect x="0.5" y="0.5" width="31" height="31" rx="5.5" stroke="#DCDEE0"/>
+<g clip-path="url(#clip1_4138_11018)">
+<path d="M13.9004 9C14.6734 9.00021 15.2998 9.62732 15.2998 10.4004V13.9004C15.2996 14.6733 14.6733 15.2996 13.9004 15.2998H10.4004C9.62732 15.2998 9.00021 14.6734 9 13.9004V10.4004C9 9.62719 9.62719 9 10.4004 9H13.9004ZM10.4004 13.9004H13.9004V10.4004H10.4004V13.9004Z" fill="#121312"/>
+<path d="M12.6001 17.0051C12.2695 17.0023 12 17.2695 12 17.6001V18.7661C12 19.4476 12.5328 20 13.19 20H14.3781C14.717 20 14.9924 19.7268 14.9951 19.388V19.388C14.9978 19.0454 14.7208 18.7661 14.3781 18.7661H13.7975H13.4938H13.4875L13.19 18.4814V18.1966V17.6001C13.19 17.2735 12.9267 17.0079 12.6001 17.0051V17.0051Z" fill="#121312"/>
+<path d="M19.3999 14.9949C19.7305 14.9977 20 14.7305 20 14.3999V13.2339C20 12.5524 19.4672 12 18.81 12H17.6219C17.283 12 17.0076 12.2732 17.0049 12.612V12.612C17.0022 12.9546 17.2792 13.2339 17.6219 13.2339H18.2025H18.5062H18.5125L18.81 13.5186V13.8034V14.3999C18.81 14.7265 19.0733 14.9921 19.3999 14.9949V14.9949Z" fill="#121312"/>
+<path d="M21.6006 16.7002C22.3736 16.7004 23 17.3275 23 18.1006V21.6006C22.9998 22.3735 22.3735 22.9998 21.6006 23H18.1006C17.3275 23 16.7004 22.3736 16.7002 21.6006V18.1006C16.7002 17.3274 17.3274 16.7002 18.1006 16.7002H21.6006ZM18.1006 21.6006H21.6006V18.1006H18.1006V21.6006Z" fill="#121312"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_4138_11018">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+<clipPath id="clip1_4138_11018">
+<rect width="16" height="16" fill="white" transform="translate(8 8)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/images/common/safe-pass-logo.svg b/apps/web/public/images/common/safe-pass-logo.svg
similarity index 100%
rename from public/images/common/safe-pass-logo.svg
rename to apps/web/public/images/common/safe-pass-logo.svg
diff --git a/apps/web/public/images/common/safe-pass-star.svg b/apps/web/public/images/common/safe-pass-star.svg
new file mode 100644
index 000000000..2cff53958
--- /dev/null
+++ b/apps/web/public/images/common/safe-pass-star.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3000_3341)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.4525 13.0157L15.2232 12.6279C15.7105 12.3827 16.2446 12.1754 16.7996 12C16.2446 11.8246 15.7105 11.6173 15.2232 11.3721L14.4525 10.9843L14.7232 10.1651C14.8944 9.64697 15.1255 9.12258 15.394 8.60604C14.8774 8.87447 14.353 9.10563 13.8349 9.27682L13.0157 9.54747L12.6279 8.77681C12.3826 8.28948 12.1754 7.75536 12 7.20044C11.8246 7.75536 11.6173 8.28948 11.3721 8.77681L10.9843 9.54747L10.1651 9.27682C9.64697 9.10563 9.12259 8.87447 8.60604 8.60605C8.87447 9.12259 9.10563 9.64698 9.27682 10.1651L9.54747 10.9843L8.77681 11.3721C8.28948 11.6173 7.75536 11.8246 7.20043 12C7.75536 12.1754 8.28948 12.3827 8.77681 12.6279L9.54747 13.0157L9.27682 13.8349C9.10563 14.353 8.87447 14.8774 8.60604 15.394C9.12259 15.1255 9.64697 14.8944 10.1651 14.7232L10.9843 14.4525L11.3721 15.2232C11.6173 15.7105 11.8246 16.2446 12 16.7996C12.1754 16.2446 12.3826 15.7105 12.6279 15.2232L13.0157 14.4525L13.8349 14.7232C14.353 14.8944 14.8774 15.1255 15.394 15.394C15.1255 14.8774 14.8944 14.353 14.7232 13.8349L14.4525 13.0157ZM17.2174 16.4971C18.6778 18.6769 20.4851 20.4851 20.4851 20.4851C20.4851 20.4851 18.6769 18.6778 16.4971 17.2174C15.5363 16.5736 14.5033 15.9972 13.5212 15.6727C13.0562 16.5966 12.7334 17.7346 12.5093 18.8692C12.0007 21.4433 12 24 12 24C12 24 11.9993 21.4433 11.4907 18.8692C11.2666 17.7346 10.9437 16.5966 10.4788 15.6727C9.49672 15.9972 8.46371 16.5736 7.50287 17.2173C5.32314 18.6778 3.51485 20.4851 3.51485 20.4851C3.51485 20.4851 5.32218 18.6769 6.78265 16.4971C7.42644 15.5363 8.00283 14.5033 8.3273 13.5212C7.40342 13.0562 6.26544 12.7334 5.13084 12.5093C2.55674 12.0007 0 12 0 12C0 12 2.55674 11.9993 5.13084 11.4907C6.26544 11.2666 7.40342 10.9438 8.3273 10.4788C8.00283 9.49672 7.42644 8.46372 6.78266 7.50288C5.32218 5.32315 3.51485 3.51485 3.51485 3.51485C3.51485 3.51485 5.32314 5.32218 7.50288 6.78266C8.46371 7.42644 9.49672 8.00283 10.4788 8.3273C10.9437 7.40342 11.2666 6.26545 11.4907 5.13085C11.9993 2.55675 12 0 12 0C12 0 12.0007 2.55675 12.5093 5.13085C12.7334 6.26545 13.0562 7.40342 13.5212 8.3273C14.5033 8.00282 15.5363 7.42643 16.4971 6.78264C18.6769 5.32217 20.4851 3.51485 20.4851 3.51485C20.4851 3.51485 18.6778 5.32314 17.2174 7.50287C16.5736 8.46371 15.9972 9.49672 15.6727 10.4788C16.5966 10.9438 17.7346 11.2666 18.8692 11.4907C21.4433 11.9993 24 12 24 12C24 12 21.4433 12.0007 18.8692 12.5093C17.7346 12.7334 16.5966 13.0562 15.6727 13.5212C15.9972 14.5033 16.5736 15.5363 17.2174 16.4971Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_3000_3341">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/images/common/safe-swap-dark.svg b/apps/web/public/images/common/safe-swap-dark.svg
similarity index 100%
rename from public/images/common/safe-swap-dark.svg
rename to apps/web/public/images/common/safe-swap-dark.svg
diff --git a/public/images/common/safe-swap.svg b/apps/web/public/images/common/safe-swap.svg
similarity index 100%
rename from public/images/common/safe-swap.svg
rename to apps/web/public/images/common/safe-swap.svg
diff --git a/public/images/common/safe-token.svg b/apps/web/public/images/common/safe-token.svg
similarity index 100%
rename from public/images/common/safe-token.svg
rename to apps/web/public/images/common/safe-token.svg
diff --git a/public/images/common/save-address.svg b/apps/web/public/images/common/save-address.svg
similarity index 100%
rename from public/images/common/save-address.svg
rename to apps/web/public/images/common/save-address.svg
diff --git a/public/images/common/search.svg b/apps/web/public/images/common/search.svg
similarity index 100%
rename from public/images/common/search.svg
rename to apps/web/public/images/common/search.svg
diff --git a/public/images/common/share.svg b/apps/web/public/images/common/share.svg
similarity index 100%
rename from public/images/common/share.svg
rename to apps/web/public/images/common/share.svg
diff --git a/public/images/common/shield-off.svg b/apps/web/public/images/common/shield-off.svg
similarity index 100%
rename from public/images/common/shield-off.svg
rename to apps/web/public/images/common/shield-off.svg
diff --git a/public/images/common/shield.svg b/apps/web/public/images/common/shield.svg
similarity index 100%
rename from public/images/common/shield.svg
rename to apps/web/public/images/common/shield.svg
diff --git a/apps/web/public/images/common/spaces-illustration.png b/apps/web/public/images/common/spaces-illustration.png
new file mode 100644
index 000000000..beccc52bf
Binary files /dev/null and b/apps/web/public/images/common/spaces-illustration.png differ
diff --git a/apps/web/public/images/common/stake-illustration-dark.svg b/apps/web/public/images/common/stake-illustration-dark.svg
new file mode 100644
index 000000000..e651e9c83
--- /dev/null
+++ b/apps/web/public/images/common/stake-illustration-dark.svg
@@ -0,0 +1,24 @@
+<svg width="400" height="243" viewBox="0 0 400 243" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M232.639 193.773H222.82C216.281 193.773 189.55 188.909 189.55 171.963V107.074H264.8L265.343 171.963C265.886 193.773 222.808 193.773 232.628 193.773H232.639Z" fill="white"/>
+<path d="M227.446 146.6C206.258 146.6 189.018 137.539 189.018 126.407H190.104C190.104 136.758 207.208 145.503 227.446 145.503C247.684 145.503 264.789 136.758 264.789 126.407H265.875C265.875 137.539 248.635 146.6 227.446 146.6Z" class="line" fill="black"/>
+<path d="M227.446 170.458C206.258 170.458 189.018 161.397 189.018 150.266H190.104C190.104 160.616 207.208 169.361 227.446 169.361C247.684 169.361 264.789 160.616 264.789 150.266H265.875C265.875 161.397 248.635 170.458 227.446 170.458Z" class="line" fill="black"/>
+<path d="M227.446 194.316C206.258 194.316 189.018 185.255 189.018 174.124H190.104C190.104 184.474 207.208 193.219 227.446 193.219C247.684 193.219 264.789 184.474 264.789 174.124H265.875C265.875 185.255 248.635 194.316 227.446 194.316Z" class="line" fill="black"/>
+<path d="M265.332 103.262C265.332 108.488 261.305 113.398 254.404 117.029C247.537 120.649 238.012 122.912 227.446 122.912C216.881 122.912 207.356 120.649 200.489 117.029C193.588 113.398 189.561 108.488 189.561 103.262C189.561 98.0356 193.588 93.126 200.489 89.4946C207.356 85.8746 216.881 83.6121 227.446 83.6121C238.012 83.6121 247.537 85.8746 254.404 89.4946C261.305 93.126 265.332 98.0356 265.332 103.262Z" fill="white"/>
+<path d="M227.446 123.455C217.163 123.455 207.503 121.339 200.229 117.516C192.989 113.703 189.007 108.635 189.007 103.262C189.007 97.8885 192.989 92.8318 200.229 89.0082C207.491 85.1733 217.163 83.0691 227.446 83.0691C237.729 83.0691 247.39 85.1846 254.664 89.0082C261.904 92.8205 265.886 97.8885 265.886 103.262C265.886 108.635 261.904 113.692 254.664 117.516C247.402 121.351 237.729 123.455 227.446 123.455ZM227.446 84.1664C217.333 84.1664 207.853 86.2366 200.738 89.9811C193.882 93.6011 190.104 98.3184 190.104 103.262C190.104 108.206 193.882 112.934 200.738 116.543C207.853 120.299 217.333 122.357 227.446 122.357C237.56 122.357 247.04 120.287 254.155 116.543C261.011 112.923 264.789 108.206 264.789 103.262C264.789 98.3184 261.011 93.5898 254.155 89.9811C247.04 86.2253 237.56 84.1664 227.446 84.1664Z" fill="black"/>
+<path d="M265.332 103.115C265.332 108.387 261.271 113.319 254.325 116.984C247.413 120.627 237.809 122.9 227.175 122.9C216.541 122.9 206.937 120.627 200.025 116.984C193.079 113.319 189.018 108.387 189.018 103.115C189.018 97.8433 193.079 92.911 200.025 89.2458C206.937 85.6031 216.541 83.3293 227.175 83.3293C237.809 83.3293 247.413 85.6031 254.325 89.2458C261.271 92.911 265.332 97.8433 265.332 103.115Z" fill="black"/>
+<path d="M227.175 123.455C216.824 123.455 207.084 121.328 199.765 117.47C192.48 113.624 188.464 108.534 188.464 103.126C188.464 97.7188 192.48 92.6169 199.765 88.782C207.084 84.9244 216.813 82.7976 227.175 82.7976C237.537 82.7976 247.266 84.9244 254.585 88.782C261.87 92.6282 265.886 97.7188 265.886 103.126C265.886 108.534 261.87 113.636 254.585 117.47C247.266 121.328 237.537 123.455 227.175 123.455ZM227.175 83.8836C216.994 83.8836 207.435 85.9651 200.274 89.7435C193.362 93.3861 189.561 98.1374 189.561 103.126C189.561 108.115 193.362 112.866 200.274 116.509C207.435 120.287 216.994 122.369 227.175 122.369C237.356 122.369 246.915 120.287 254.076 116.509C260.988 112.866 264.789 108.115 264.789 103.126C264.789 98.1374 260.988 93.3861 254.076 89.7435C246.915 85.9651 237.356 83.8836 227.175 83.8836Z" fill="black"/>
+<path d="M265.875 103.251H264.789V175.538H265.875V103.251Z" fill="black"/>
+<path d="M189.527 102.153H188.441V175.526H189.527V102.153Z" fill="black"/>
+<path d="M126.562 98.7823C126.392 98.7823 126.222 98.7144 126.098 98.59C125.838 98.3298 125.838 97.9226 126.098 97.6624L129.955 93.8048C130.216 93.5446 130.623 93.5446 130.883 93.8048C131.143 94.065 131.143 94.4722 130.883 94.7324L127.025 98.59C126.901 98.7144 126.731 98.7823 126.562 98.7823ZM133.508 91.8364C133.338 91.8364 133.168 91.7686 133.044 91.6441C132.784 91.3839 132.784 90.9767 133.044 90.7165L136.901 86.8589C137.161 86.5987 137.569 86.5987 137.829 86.8589C138.089 87.1191 138.089 87.5264 137.829 87.7866L133.971 91.6441C133.847 91.7686 133.677 91.8364 133.508 91.8364ZM140.453 84.8906C140.284 84.8906 140.114 84.8227 139.99 84.6982C139.729 84.4381 139.729 84.0308 139.99 83.7706L143.847 79.9131C144.107 79.6529 144.515 79.6529 144.775 79.9131C145.035 80.1732 145.035 80.5805 144.775 80.8407L140.917 84.6982C140.793 84.8227 140.623 84.8906 140.453 84.8906ZM171.212 81.7344L167.75 78.2727C167.49 78.0126 167.49 77.6053 167.75 77.3451C168.011 77.0849 168.418 77.0849 168.678 77.3451L171.212 79.8791L171.608 79.4832C171.868 79.223 172.275 79.223 172.536 79.4832C172.796 79.7434 172.796 80.1506 172.536 80.4108L171.212 81.7344ZM147.399 77.956C147.23 77.956 147.06 77.8881 146.935 77.7637C146.675 77.5035 146.675 77.0962 146.935 76.8361L150.793 72.9785C151.053 72.7183 151.46 72.7183 151.721 72.9785C151.981 73.2387 151.981 73.6459 151.721 73.9061L147.863 77.7637C147.739 77.8881 147.569 77.956 147.399 77.956ZM175.16 77.5148C174.99 77.5148 174.821 77.4469 174.696 77.3225C174.436 77.0623 174.436 76.6551 174.696 76.3949L178.554 72.5373C178.814 72.2771 179.221 72.2771 179.482 72.5373C179.742 72.7975 179.742 73.2047 179.482 73.4649L175.624 77.3225C175.5 77.4469 175.33 77.5148 175.16 77.5148ZM165.137 75.3881C164.968 75.3881 164.798 75.3202 164.673 75.1957L160.816 71.3382C160.556 71.078 160.556 70.6707 160.816 70.4106C161.076 70.1504 161.483 70.1504 161.744 70.4106L165.601 74.2681C165.861 74.5283 165.861 74.9356 165.601 75.1957C165.477 75.3202 165.307 75.3881 165.137 75.3881ZM154.345 71.0214C154.175 71.0214 154.006 70.9536 153.881 70.8291C153.621 70.5689 153.621 70.1617 153.881 69.9015L157.558 66.2249L158.667 67.3336C158.927 67.5937 158.927 68.001 158.667 68.2612C158.406 68.5214 157.999 68.5214 157.739 68.2612L157.558 68.0802L154.809 70.8291C154.685 70.9536 154.515 71.0214 154.345 71.0214ZM182.106 70.5802C181.936 70.5802 181.767 70.5124 181.642 70.3879C181.382 70.1277 181.382 69.7205 181.642 69.4603L185.5 65.6027C185.76 65.3426 186.167 65.3426 186.427 65.6027C186.688 65.8629 186.688 66.2702 186.427 66.5304L182.57 70.3879C182.445 70.5124 182.276 70.5802 182.106 70.5802ZM189.052 63.6344C188.882 63.6344 188.713 63.5665 188.588 63.4421C188.328 63.1819 188.328 62.7746 188.588 62.5144L192.446 58.6569C192.706 58.3967 193.113 58.3967 193.373 58.6569C193.633 58.9171 193.633 59.3243 193.373 59.5845L189.516 63.4421C189.391 63.5665 189.222 63.6344 189.052 63.6344ZM195.998 56.6885C195.828 56.6885 195.658 56.6206 195.534 56.4962C195.274 56.236 195.274 55.8287 195.534 55.5686L199.392 51.711C199.652 51.4508 200.059 51.4508 200.319 51.711C200.579 51.9712 200.579 52.3784 200.319 52.6386L196.462 56.4962C196.337 56.6206 196.167 56.6885 195.998 56.6885ZM202.944 49.7426C202.774 49.7426 202.604 49.6747 202.48 49.5503C202.22 49.2901 202.22 48.8829 202.48 48.6227L206.337 44.7651C206.598 44.5049 207.005 44.5049 207.265 44.7651C207.525 45.0253 207.525 45.4326 207.265 45.6927L203.407 49.5503C203.283 49.6747 203.113 49.7426 202.944 49.7426ZM209.89 42.7968C209.72 42.7968 209.55 42.7289 209.426 42.6044C209.166 42.3443 209.166 41.937 209.426 41.6768L213.283 37.8193C213.543 37.5591 213.951 37.5591 214.211 37.8193C214.471 38.0794 214.471 38.4867 214.211 38.7469L210.353 42.6044C210.229 42.7289 210.059 42.7968 209.89 42.7968ZM216.835 35.8509C216.666 35.8509 216.496 35.783 216.372 35.6586C216.111 35.3984 216.111 34.9911 216.372 34.7309L220.229 30.8734C220.489 30.6132 220.897 30.6132 221.157 30.8734C221.417 31.1336 221.417 31.5408 221.157 31.801L217.299 35.6586C217.175 35.783 217.005 35.8509 216.835 35.8509Z" fill="black"/>
+<path d="M162.026 187.416C182.481 187.416 199.063 170.834 199.063 150.379C199.063 129.923 182.481 113.341 162.026 113.341C141.571 113.341 124.989 129.923 124.989 150.379C124.989 170.834 141.571 187.416 162.026 187.416Z" fill="white"/>
+<path d="M162.026 111.973C140.815 111.973 123.62 129.168 123.62 150.379C123.62 171.59 140.815 188.785 162.026 188.785C183.237 188.785 200.432 171.59 200.432 150.379C200.432 129.168 183.237 111.973 162.026 111.973ZM162.026 187.416C141.607 187.416 124.989 170.798 124.989 150.379C124.989 129.96 141.607 113.341 162.026 113.341C182.445 113.341 199.063 129.96 199.063 150.379C199.063 170.798 182.445 187.416 162.026 187.416Z" fill="black"/>
+<path d="M162.026 187.993C142.207 187.993 126.267 171.737 123.835 150.379C123.688 151.861 123.609 153.365 123.609 154.892C123.609 178.162 140.917 194.316 162.128 194.316C183.339 194.316 199.324 178.377 200.432 154.892C200.5 153.365 200.353 151.861 200.206 150.379C198.147 171.522 181.846 187.993 162.015 187.993H162.026Z" fill="black"/>
+<path d="M162.026 174.531C148.711 174.531 137.885 163.693 137.885 150.39C137.885 137.087 148.723 126.238 162.026 126.238C175.33 126.238 186.178 137.075 186.178 150.39C186.178 163.705 175.341 174.531 162.026 174.531Z" fill="white"/>
+<path d="M162.026 126.781C175.035 126.781 185.624 137.369 185.624 150.379C185.624 163.388 175.035 173.976 162.026 173.976C149.017 173.976 138.428 163.388 138.428 150.379C138.428 137.369 149.017 126.781 162.026 126.781ZM162.026 125.695C148.394 125.695 137.331 136.747 137.331 150.39C137.331 164.033 148.383 175.085 162.026 175.085C175.669 175.085 186.721 164.033 186.721 150.39C186.721 136.747 175.669 125.695 162.026 125.695Z" fill="black"/>
+<path d="M162.026 133.919C174.255 133.919 184.38 142.822 186.348 154.496C186.574 153.15 186.721 151.781 186.721 150.379C186.721 136.747 175.669 125.684 162.026 125.684C148.383 125.684 137.331 136.736 137.331 150.379C137.331 151.781 137.478 153.15 137.704 154.496C139.673 142.822 149.797 133.919 162.026 133.919Z" fill="black"/>
+<path opacity="0.600006" d="M161.632 149.85L154.286 153.19L161.632 157.532L168.979 153.19L161.632 149.85Z" fill="#121312"/>
+<path opacity="0.449997" d="M154.286 153.19L161.632 157.532V149.85V141L154.286 153.19Z" fill="#121312"/>
+<path opacity="0.800003" d="M161.632 141V149.85V157.532L168.979 153.19L161.632 141Z" fill="#121312"/>
+<path opacity="0.449997" d="M154.286 154.583L161.632 164.935V158.923L154.286 154.583Z" fill="#121312"/>
+<path opacity="0.800003" d="M161.632 158.923V164.935L168.983 154.583L161.632 158.923Z" fill="#121312"/>
+</svg>
diff --git a/apps/web/public/images/common/stake-illustration-light.svg b/apps/web/public/images/common/stake-illustration-light.svg
new file mode 100644
index 000000000..d32614efe
--- /dev/null
+++ b/apps/web/public/images/common/stake-illustration-light.svg
@@ -0,0 +1,24 @@
+<svg width="400" height="243" viewBox="0 0 400 243" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M232.639 193.773H222.82C216.281 193.773 189.55 188.909 189.55 171.963V107.074H264.8L265.343 171.963C265.886 193.773 222.808 193.773 232.628 193.773H232.639Z" fill="black"/>
+<path d="M227.446 146.6C206.258 146.6 189.018 137.539 189.018 126.407H190.104C190.104 136.758 207.208 145.503 227.446 145.503C247.684 145.503 264.789 136.758 264.789 126.407H265.875C265.875 137.539 248.635 146.6 227.446 146.6Z" class="line" fill="white"/>
+<path d="M227.446 170.458C206.258 170.458 189.018 161.397 189.018 150.266H190.104C190.104 160.616 207.208 169.361 227.446 169.361C247.684 169.361 264.789 160.616 264.789 150.266H265.875C265.875 161.397 248.635 170.458 227.446 170.458Z" class="line" fill="white"/>
+<path d="M227.446 194.316C206.258 194.316 189.018 185.255 189.018 174.124H190.104C190.104 184.474 207.208 193.219 227.446 193.219C247.684 193.219 264.789 184.474 264.789 174.124H265.875C265.875 185.255 248.635 194.316 227.446 194.316Z" class="line" fill="white"/>
+<path d="M265.332 103.262C265.332 108.488 261.305 113.398 254.404 117.029C247.537 120.649 238.012 122.912 227.446 122.912C216.881 122.912 207.356 120.649 200.489 117.029C193.588 113.398 189.561 108.488 189.561 103.262C189.561 98.0356 193.588 93.126 200.489 89.4946C207.356 85.8746 216.881 83.6121 227.446 83.6121C238.012 83.6121 247.537 85.8746 254.404 89.4946C261.305 93.126 265.332 98.0356 265.332 103.262Z" fill="black"/>
+<path d="M227.446 123.455C217.163 123.455 207.503 121.339 200.229 117.516C192.989 113.703 189.007 108.635 189.007 103.262C189.007 97.8885 192.989 92.8318 200.229 89.0082C207.491 85.1733 217.163 83.0691 227.446 83.0691C237.729 83.0691 247.39 85.1846 254.664 89.0082C261.904 92.8205 265.886 97.8885 265.886 103.262C265.886 108.635 261.904 113.692 254.664 117.516C247.402 121.351 237.729 123.455 227.446 123.455ZM227.446 84.1664C217.333 84.1664 207.853 86.2366 200.738 89.9811C193.882 93.6011 190.104 98.3184 190.104 103.262C190.104 108.206 193.882 112.934 200.738 116.543C207.853 120.299 217.333 122.357 227.446 122.357C237.56 122.357 247.04 120.287 254.155 116.543C261.011 112.923 264.789 108.206 264.789 103.262C264.789 98.3184 261.011 93.5898 254.155 89.9811C247.04 86.2253 237.56 84.1664 227.446 84.1664Z" fill="white"/>
+<path d="M265.332 103.115C265.332 108.387 261.271 113.319 254.325 116.984C247.413 120.627 237.809 122.9 227.175 122.9C216.541 122.9 206.937 120.627 200.025 116.984C193.079 113.319 189.018 108.387 189.018 103.115C189.018 97.8433 193.079 92.911 200.025 89.2458C206.937 85.6031 216.541 83.3293 227.175 83.3293C237.809 83.3293 247.413 85.6031 254.325 89.2458C261.271 92.911 265.332 97.8433 265.332 103.115Z" fill="white"/>
+<path d="M227.175 123.455C216.824 123.455 207.084 121.328 199.765 117.47C192.48 113.624 188.464 108.534 188.464 103.126C188.464 97.7188 192.48 92.6169 199.765 88.782C207.084 84.9244 216.813 82.7976 227.175 82.7976C237.537 82.7976 247.266 84.9244 254.585 88.782C261.87 92.6282 265.886 97.7188 265.886 103.126C265.886 108.534 261.87 113.636 254.585 117.47C247.266 121.328 237.537 123.455 227.175 123.455ZM227.175 83.8836C216.994 83.8836 207.435 85.9651 200.274 89.7435C193.362 93.3861 189.561 98.1374 189.561 103.126C189.561 108.115 193.362 112.866 200.274 116.509C207.435 120.287 216.994 122.369 227.175 122.369C237.356 122.369 246.915 120.287 254.076 116.509C260.988 112.866 264.789 108.115 264.789 103.126C264.789 98.1374 260.988 93.3861 254.076 89.7435C246.915 85.9651 237.356 83.8836 227.175 83.8836Z" fill="white"/>
+<path d="M265.875 103.251H264.789V175.538H265.875V103.251Z" fill="white"/>
+<path d="M189.527 102.153H188.441V175.526H189.527V102.153Z" fill="white"/>
+<path d="M126.562 98.7823C126.392 98.7823 126.222 98.7144 126.098 98.59C125.838 98.3298 125.838 97.9226 126.098 97.6624L129.955 93.8048C130.216 93.5446 130.623 93.5446 130.883 93.8048C131.143 94.065 131.143 94.4722 130.883 94.7324L127.025 98.59C126.901 98.7144 126.731 98.7823 126.562 98.7823ZM133.508 91.8364C133.338 91.8364 133.168 91.7686 133.044 91.6441C132.784 91.3839 132.784 90.9767 133.044 90.7165L136.901 86.8589C137.161 86.5987 137.569 86.5987 137.829 86.8589C138.089 87.1191 138.089 87.5264 137.829 87.7866L133.971 91.6441C133.847 91.7686 133.677 91.8364 133.508 91.8364ZM140.453 84.8906C140.284 84.8906 140.114 84.8227 139.99 84.6982C139.729 84.4381 139.729 84.0308 139.99 83.7706L143.847 79.9131C144.107 79.6529 144.515 79.6529 144.775 79.9131C145.035 80.1732 145.035 80.5805 144.775 80.8407L140.917 84.6982C140.793 84.8227 140.623 84.8906 140.453 84.8906ZM171.212 81.7344L167.75 78.2727C167.49 78.0126 167.49 77.6053 167.75 77.3451C168.011 77.0849 168.418 77.0849 168.678 77.3451L171.212 79.8791L171.608 79.4832C171.868 79.223 172.275 79.223 172.536 79.4832C172.796 79.7434 172.796 80.1506 172.536 80.4108L171.212 81.7344ZM147.399 77.956C147.23 77.956 147.06 77.8881 146.935 77.7637C146.675 77.5035 146.675 77.0962 146.935 76.8361L150.793 72.9785C151.053 72.7183 151.46 72.7183 151.721 72.9785C151.981 73.2387 151.981 73.6459 151.721 73.9061L147.863 77.7637C147.739 77.8881 147.569 77.956 147.399 77.956ZM175.16 77.5148C174.99 77.5148 174.821 77.4469 174.696 77.3225C174.436 77.0623 174.436 76.6551 174.696 76.3949L178.554 72.5373C178.814 72.2771 179.221 72.2771 179.482 72.5373C179.742 72.7975 179.742 73.2047 179.482 73.4649L175.624 77.3225C175.5 77.4469 175.33 77.5148 175.16 77.5148ZM165.137 75.3881C164.968 75.3881 164.798 75.3202 164.673 75.1957L160.816 71.3382C160.556 71.078 160.556 70.6707 160.816 70.4106C161.076 70.1504 161.483 70.1504 161.744 70.4106L165.601 74.2681C165.861 74.5283 165.861 74.9356 165.601 75.1957C165.477 75.3202 165.307 75.3881 165.137 75.3881ZM154.345 71.0214C154.175 71.0214 154.006 70.9536 153.881 70.8291C153.621 70.5689 153.621 70.1617 153.881 69.9015L157.558 66.2249L158.667 67.3336C158.927 67.5937 158.927 68.001 158.667 68.2612C158.406 68.5214 157.999 68.5214 157.739 68.2612L157.558 68.0802L154.809 70.8291C154.685 70.9536 154.515 71.0214 154.345 71.0214ZM182.106 70.5802C181.936 70.5802 181.767 70.5124 181.642 70.3879C181.382 70.1277 181.382 69.7205 181.642 69.4603L185.5 65.6027C185.76 65.3426 186.167 65.3426 186.427 65.6027C186.688 65.8629 186.688 66.2702 186.427 66.5304L182.57 70.3879C182.445 70.5124 182.276 70.5802 182.106 70.5802ZM189.052 63.6344C188.882 63.6344 188.713 63.5665 188.588 63.4421C188.328 63.1819 188.328 62.7746 188.588 62.5144L192.446 58.6569C192.706 58.3967 193.113 58.3967 193.373 58.6569C193.633 58.9171 193.633 59.3243 193.373 59.5845L189.516 63.4421C189.391 63.5665 189.222 63.6344 189.052 63.6344ZM195.998 56.6885C195.828 56.6885 195.658 56.6206 195.534 56.4962C195.274 56.236 195.274 55.8287 195.534 55.5686L199.392 51.711C199.652 51.4508 200.059 51.4508 200.319 51.711C200.579 51.9712 200.579 52.3784 200.319 52.6386L196.462 56.4962C196.337 56.6206 196.167 56.6885 195.998 56.6885ZM202.944 49.7426C202.774 49.7426 202.604 49.6747 202.48 49.5503C202.22 49.2901 202.22 48.8829 202.48 48.6227L206.337 44.7651C206.598 44.5049 207.005 44.5049 207.265 44.7651C207.525 45.0253 207.525 45.4326 207.265 45.6927L203.407 49.5503C203.283 49.6747 203.113 49.7426 202.944 49.7426ZM209.89 42.7968C209.72 42.7968 209.55 42.7289 209.426 42.6044C209.166 42.3443 209.166 41.937 209.426 41.6768L213.283 37.8193C213.543 37.5591 213.951 37.5591 214.211 37.8193C214.471 38.0794 214.471 38.4867 214.211 38.7469L210.353 42.6044C210.229 42.7289 210.059 42.7968 209.89 42.7968ZM216.835 35.8509C216.666 35.8509 216.496 35.783 216.372 35.6586C216.111 35.3984 216.111 34.9911 216.372 34.7309L220.229 30.8734C220.489 30.6132 220.897 30.6132 221.157 30.8734C221.417 31.1336 221.417 31.5408 221.157 31.801L217.299 35.6586C217.175 35.783 217.005 35.8509 216.835 35.8509Z" fill="white"/>
+<path d="M162.026 187.416C182.481 187.416 199.063 170.834 199.063 150.379C199.063 129.923 182.481 113.341 162.026 113.341C141.571 113.341 124.989 129.923 124.989 150.379C124.989 170.834 141.571 187.416 162.026 187.416Z" fill="black"/>
+<path d="M162.026 111.973C140.815 111.973 123.62 129.168 123.62 150.379C123.62 171.59 140.815 188.785 162.026 188.785C183.237 188.785 200.432 171.59 200.432 150.379C200.432 129.168 183.237 111.973 162.026 111.973ZM162.026 187.416C141.607 187.416 124.989 170.798 124.989 150.379C124.989 129.96 141.607 113.341 162.026 113.341C182.445 113.341 199.063 129.96 199.063 150.379C199.063 170.798 182.445 187.416 162.026 187.416Z" fill="white"/>
+<path d="M162.026 187.993C142.207 187.993 126.267 171.737 123.835 150.379C123.688 151.861 123.609 153.365 123.609 154.892C123.609 178.162 140.917 194.316 162.128 194.316C183.339 194.316 199.324 178.377 200.432 154.892C200.5 153.365 200.353 151.861 200.206 150.379C198.147 171.522 181.846 187.993 162.015 187.993H162.026Z" fill="white"/>
+<path d="M162.026 174.531C148.711 174.531 137.885 163.693 137.885 150.39C137.885 137.087 148.723 126.238 162.026 126.238C175.33 126.238 186.178 137.075 186.178 150.39C186.178 163.705 175.341 174.531 162.026 174.531Z" fill="black"/>
+<path d="M162.026 126.781C175.035 126.781 185.624 137.369 185.624 150.379C185.624 163.388 175.035 173.976 162.026 173.976C149.017 173.976 138.428 163.388 138.428 150.379C138.428 137.369 149.017 126.781 162.026 126.781ZM162.026 125.695C148.394 125.695 137.331 136.747 137.331 150.39C137.331 164.033 148.383 175.085 162.026 175.085C175.669 175.085 186.721 164.033 186.721 150.39C186.721 136.747 175.669 125.695 162.026 125.695Z" fill="white"/>
+<path d="M162.026 133.919C174.255 133.919 184.38 142.822 186.348 154.496C186.574 153.15 186.721 151.781 186.721 150.379C186.721 136.747 175.669 125.684 162.026 125.684C148.383 125.684 137.331 136.736 137.331 150.379C137.331 151.781 137.478 153.15 137.704 154.496C139.673 142.822 149.797 133.919 162.026 133.919Z" fill="white"/>
+<path opacity="0.600006" d="M161.632 149.85L154.286 153.19L161.632 157.532L168.979 153.19L161.632 149.85Z" fill="#edeeed"/>
+<path opacity="0.449997" d="M154.286 153.19L161.632 157.532V149.85V141L154.286 153.19Z" fill="#edeeed"/>
+<path opacity="0.800003" d="M161.632 141V149.85V157.532L168.979 153.19L161.632 141Z" fill="#edeeed"/>
+<path opacity="0.449997" d="M154.286 154.583L161.632 164.935V158.923L154.286 154.583Z" fill="#edeeed"/>
+<path opacity="0.800003" d="M161.632 158.923V164.935L168.983 154.583L161.632 158.923Z" fill="#edeeed"/>
+</svg>
diff --git a/apps/web/public/images/common/stake-light.svg b/apps/web/public/images/common/stake-light.svg
new file mode 100644
index 000000000..7e2457639
--- /dev/null
+++ b/apps/web/public/images/common/stake-light.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.3165 2.41478C15.3744 2.08835 15.3743 2.08834 15.3742 2.08832L15.6311 2.12657L15.6728 2.36196C15.6728 2.36184 15.6728 2.36173 15.3165 2.41478Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.09638 2.3622L1.45267 2.41502C1.0967 2.36202 1.0964 2.36208 1.09638 2.3622L1.13813 2.12681L1.39505 2.08856C1.39492 2.08858 1.39482 2.08887 1.45267 2.41502L1.39505 2.08856L1.39631 2.08837L1.3992 2.08795L1.40906 2.08655L1.44465 2.08174C1.47526 2.07774 1.51942 2.07225 1.57576 2.06599C1.6884 2.05349 1.84997 2.03791 2.04938 2.02506C2.44756 1.99939 3.00004 1.98436 3.6172 2.0274C4.83698 2.11246 6.37906 2.4291 7.44866 3.40909C7.85842 3.78452 8.16125 4.22302 8.38423 4.68218C8.60723 4.22299 8.91009 3.78445 9.31988 3.409C10.3896 2.4289 11.9318 2.11223 13.1518 2.02716C13.769 1.98411 14.3215 1.99914 14.7198 2.02481C14.9192 2.03767 15.0808 2.05325 15.1934 2.06575C15.2498 2.07201 15.294 2.0775 15.3246 2.0815L15.3602 2.08631L15.37 2.08771L15.3729 2.08813L15.3742 2.08832L15.3165 2.41478L15.6728 2.36196L15.673 2.36312L15.6735 2.36577L15.675 2.3748L15.6803 2.40741C15.6846 2.43546 15.6906 2.47593 15.6975 2.52755C15.7111 2.63077 15.7281 2.77882 15.7422 2.96154C15.7702 3.3264 15.7866 3.83266 15.7396 4.39817C15.6467 5.51589 15.3011 6.92893 14.2314 7.90902C13.4157 8.65635 12.3268 9.01629 11.3246 9.18328C10.5184 9.31762 9.74554 9.3309 9.16986 9.31017V13.2494C9.16986 13.6639 8.80306 14 8.35058 14C7.89811 14 7.53131 13.6639 7.53131 13.2494V9.31187C6.94958 9.32958 6.182 9.31107 5.38555 9.1728C4.40028 9.00173 3.33759 8.64154 2.53767 7.90864C1.46807 6.92865 1.12247 5.51577 1.02963 4.39818C0.982662 3.83273 0.99906 3.32653 1.02707 2.96172C1.04111 2.77901 1.05811 2.63098 1.07176 2.52777C1.07858 2.47615 1.08457 2.43569 1.08894 2.40765L1.09419 2.37504L1.09572 2.36601L1.09618 2.36336L1.09638 2.3622ZM13.2761 3.52409C13.5829 3.5027 13.8727 3.49834 14.1289 3.5029C14.1339 3.73763 14.1291 4.0032 14.1058 4.28424C14.023 5.28119 13.7252 6.24968 13.0728 6.84746C12.4203 7.44525 11.3633 7.71804 10.2752 7.79392C9.96842 7.81532 9.67856 7.81968 9.42237 7.81512C9.41739 7.58039 9.42216 7.31482 9.4455 7.03378C9.52832 6.03682 9.82606 5.06834 10.4785 4.47055C11.131 3.87277 12.188 3.59997 13.2761 3.52409ZM2.66345 4.28425C2.64012 4.0033 2.63535 3.73781 2.64032 3.50315C2.89644 3.49859 3.18621 3.50295 3.49285 3.52434C4.58082 3.60021 5.6377 3.87297 6.29003 4.47064C6.94236 5.06832 7.24006 6.03665 7.32287 7.03348C7.34621 7.31443 7.35097 7.57992 7.346 7.81458C7.08988 7.81914 6.80011 7.81477 6.49347 7.79339C5.4055 7.71752 4.34862 7.44476 3.69629 6.84708C3.04396 6.2494 2.74626 5.28107 2.66345 4.28425Z" fill="white"/>
+</svg>
diff --git a/apps/web/public/images/common/stake.svg b/apps/web/public/images/common/stake.svg
new file mode 100644
index 000000000..41469d1e8
--- /dev/null
+++ b/apps/web/public/images/common/stake.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.3165 2.41478C15.3744 2.08835 15.3743 2.08834 15.3742 2.08832L15.6311 2.12657L15.6728 2.36196C15.6728 2.36184 15.6728 2.36173 15.3165 2.41478Z" fill="#121312"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.09638 2.3622L1.45267 2.41502C1.0967 2.36202 1.0964 2.36208 1.09638 2.3622L1.13813 2.12681L1.39505 2.08856C1.39492 2.08858 1.39482 2.08887 1.45267 2.41502L1.39505 2.08856L1.39631 2.08837L1.3992 2.08795L1.40906 2.08655L1.44465 2.08174C1.47526 2.07774 1.51942 2.07225 1.57576 2.06599C1.6884 2.05349 1.84997 2.03791 2.04938 2.02506C2.44756 1.99939 3.00004 1.98436 3.6172 2.0274C4.83698 2.11246 6.37906 2.4291 7.44866 3.40909C7.85842 3.78452 8.16125 4.22302 8.38423 4.68218C8.60723 4.22299 8.91009 3.78445 9.31988 3.409C10.3896 2.4289 11.9318 2.11223 13.1518 2.02716C13.769 1.98411 14.3215 1.99914 14.7198 2.02481C14.9192 2.03767 15.0808 2.05325 15.1934 2.06575C15.2498 2.07201 15.294 2.0775 15.3246 2.0815L15.3602 2.08631L15.37 2.08771L15.3729 2.08813L15.3742 2.08832L15.3165 2.41478L15.6728 2.36196L15.673 2.36312L15.6735 2.36577L15.675 2.3748L15.6803 2.40741C15.6846 2.43546 15.6906 2.47593 15.6975 2.52755C15.7111 2.63077 15.7281 2.77882 15.7422 2.96154C15.7702 3.3264 15.7866 3.83266 15.7396 4.39817C15.6467 5.51589 15.3011 6.92893 14.2314 7.90902C13.4157 8.65635 12.3268 9.01629 11.3246 9.18328C10.5184 9.31762 9.74554 9.3309 9.16986 9.31017V13.2494C9.16986 13.6639 8.80306 14 8.35058 14C7.89811 14 7.53131 13.6639 7.53131 13.2494V9.31187C6.94958 9.32958 6.182 9.31107 5.38555 9.1728C4.40028 9.00173 3.33759 8.64154 2.53767 7.90864C1.46807 6.92865 1.12247 5.51577 1.02963 4.39818C0.982662 3.83273 0.99906 3.32653 1.02707 2.96172C1.04111 2.77901 1.05811 2.63098 1.07176 2.52777C1.07858 2.47615 1.08457 2.43569 1.08894 2.40765L1.09419 2.37504L1.09572 2.36601L1.09618 2.36336L1.09638 2.3622ZM13.2761 3.52409C13.5829 3.5027 13.8727 3.49834 14.1289 3.5029C14.1339 3.73763 14.1291 4.0032 14.1058 4.28424C14.023 5.28119 13.7252 6.24968 13.0728 6.84746C12.4203 7.44525 11.3633 7.71804 10.2752 7.79392C9.96842 7.81532 9.67856 7.81968 9.42237 7.81512C9.41739 7.58039 9.42216 7.31482 9.4455 7.03378C9.52832 6.03682 9.82606 5.06834 10.4785 4.47055C11.131 3.87277 12.188 3.59997 13.2761 3.52409ZM2.66345 4.28425C2.64012 4.0033 2.63535 3.73781 2.64032 3.50315C2.89644 3.49859 3.18621 3.50295 3.49285 3.52434C4.58082 3.60021 5.6377 3.87297 6.29003 4.47064C6.94236 5.06832 7.24006 6.03665 7.32287 7.03348C7.34621 7.31443 7.35097 7.57992 7.346 7.81458C7.08988 7.81914 6.80011 7.81477 6.49347 7.79339C5.4055 7.71752 4.34862 7.44476 3.69629 6.84708C3.04396 6.2494 2.74626 5.28107 2.66345 4.28425Z" fill="currentColor"/>
+</svg>
diff --git a/apps/web/public/images/common/star.svg b/apps/web/public/images/common/star.svg
new file mode 100644
index 000000000..f891511c2
--- /dev/null
+++ b/apps/web/public/images/common/star.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0004 2C11.6314 2 11.2624 2.195 11.0804 2.586L8.80544 7.851C8.66144 8.157 8.37444 8.372 8.03944 8.424L2.86144 9.219C2.04744 9.344 1.71344 10.337 2.28744 10.929L6.10444 14.455C6.32744 14.685 6.42844 15.007 6.37744 15.323L5.07344 20.823C4.96744 21.478 5.48844 22.003 6.07544 22.003C6.23844 22.003 6.40644 21.962 6.56744 21.873L11.5064 19.358C11.6604 19.273 11.8304 19.23 12.0004 19.23C12.1704 19.23 12.3404 19.273 12.4934 19.358L17.3444 21.873C17.5064 21.962 17.6744 22.003 17.8364 22.003C18.4244 22.003 18.9444 21.478 18.8384 20.823L17.6234 15.323C17.5714 15.007 17.6724 14.685 17.8964 14.455L21.7124 10.929C22.2864 10.337 21.9534 9.344 21.1394 9.219L15.9604 8.424C15.6254 8.372 15.3384 8.157 15.1954 7.851L12.9204 2.586C12.7374 2.195 12.3694 2 12.0004 2ZM12.0004 5.499L13.3594 8.644C13.3664 8.661 13.3754 8.679 13.3834 8.696C13.8104 9.61 14.6594 10.248 15.6564 10.4L18.8124 10.885L16.5384 12.986C16.5124 13.011 16.4864 13.036 16.4614 13.062C15.8004 13.742 15.4964 14.708 15.6484 15.645C15.6544 15.682 15.6624 15.719 15.6704 15.755L16.4184 19.14L13.4334 17.593C12.9934 17.355 12.4994 17.23 12.0004 17.23C11.5044 17.23 11.0124 17.354 10.5754 17.588L7.52744 19.14L8.32344 15.785C8.33444 15.738 8.34444 15.691 8.35244 15.644C8.50344 14.707 8.19944 13.742 7.53844 13.062C7.51444 13.036 7.48744 13.011 7.46144 12.986L5.18844 10.885L8.34344 10.4C9.34044 10.248 10.1894 9.611 10.6164 8.697C10.6254 8.68 10.6334 8.662 10.6414 8.644L12.0004 5.499Z" fill="currentColor"/>
+</svg>
diff --git a/public/images/common/success.svg b/apps/web/public/images/common/success.svg
similarity index 100%
rename from public/images/common/success.svg
rename to apps/web/public/images/common/success.svg
diff --git a/public/images/common/swap-empty-dark.svg b/apps/web/public/images/common/swap-empty-dark.svg
similarity index 100%
rename from public/images/common/swap-empty-dark.svg
rename to apps/web/public/images/common/swap-empty-dark.svg
diff --git a/public/images/common/swap-empty-light.svg b/apps/web/public/images/common/swap-empty-light.svg
similarity index 100%
rename from public/images/common/swap-empty-light.svg
rename to apps/web/public/images/common/swap-empty-light.svg
diff --git a/public/images/common/swap.svg b/apps/web/public/images/common/swap.svg
similarity index 100%
rename from public/images/common/swap.svg
rename to apps/web/public/images/common/swap.svg
diff --git a/public/images/common/token-placeholder.svg b/apps/web/public/images/common/token-placeholder.svg
similarity index 100%
rename from public/images/common/token-placeholder.svg
rename to apps/web/public/images/common/token-placeholder.svg
diff --git a/public/images/common/tx-failed.svg b/apps/web/public/images/common/tx-failed.svg
similarity index 100%
rename from public/images/common/tx-failed.svg
rename to apps/web/public/images/common/tx-failed.svg
diff --git a/apps/web/public/images/common/unknown.svg b/apps/web/public/images/common/unknown.svg
new file mode 100644
index 000000000..19351160f
--- /dev/null
+++ b/apps/web/public/images/common/unknown.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="7" y="10" width="2" height="2" rx="1" fill="#A1A3A7"/>
+<path d="M7.38526 5.93278C7.38526 5.63364 7.64362 5.38526 7.96968 5.38526C8.29476 5.38526 8.55296 5.63377 8.55296 5.93278C8.55635 6.15507 8.52747 6.19852 8.18716 6.44691L8.16039 6.46644C7.38594 7.03156 7.11124 7.50234 7.15311 8.32328L7.15205 8.42076C7.15205 8.87398 7.51811 9.24004 7.96968 9.24004C8.42124 9.24004 8.78731 8.87398 8.78731 8.42241V8.28164C8.77652 8.05395 8.79194 8.02993 9.12429 7.78742L9.15119 7.76779C9.91824 7.20793 10.2009 6.73722 10.1881 5.92004C10.1882 4.72356 9.19123 3.75 7.96968 3.75C6.74572 3.75 5.75 4.72482 5.75 5.93278C5.75 6.38435 6.11607 6.75041 6.56763 6.75041C7.0192 6.75041 7.38526 6.38435 7.38526 5.93278Z" fill="#A1A3A7"/>
+</svg>
diff --git a/public/images/common/walletconnect.svg b/apps/web/public/images/common/walletconnect.svg
similarity index 100%
rename from public/images/common/walletconnect.svg
rename to apps/web/public/images/common/walletconnect.svg
diff --git a/apps/web/public/images/common/whatsnew.svg b/apps/web/public/images/common/whatsnew.svg
new file mode 100644
index 000000000..6b36d1a46
--- /dev/null
+++ b/apps/web/public/images/common/whatsnew.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M8.01153 3.90476C7.61862 3.90476 7.2418 4.05527 6.96396 4.32318C6.68613 4.59109 6.53005 4.95445 6.53005 5.33333C6.53005 5.71221 6.68613 6.07558 6.96396 6.34349C7.2418 6.6114 7.61862 6.7619 8.01153 6.7619H11.1266C11.006 6.45773 10.8534 6.12325 10.6646 5.7923C10.0434 4.70318 9.19069 3.90476 8.01153 3.90476ZM12.3325 4.76599C11.5818 3.49577 10.2258 2 8.01153 2C7.09473 2 6.21548 2.35119 5.56721 2.97631C4.91894 3.60143 4.55474 4.44928 4.55474 5.33333C4.55474 6.15536 4.86963 6.94609 5.43499 7.55556H3.24161C2.73953 7.55556 2.33252 7.91088 2.33252 8.34921V12.3175C2.33252 12.7558 2.73953 13.1111 3.24161 13.1111H3.44363V21.1667C3.44363 21.6269 3.88582 22 4.43128 22L12.3325 22L20.2338 22C20.7792 22 21.2214 21.6269 21.2214 21.1667V13.1111H21.4234C21.9255 13.1111 22.3325 12.7558 22.3325 12.3175V8.34921C22.3325 7.91088 21.9255 7.55556 21.4234 7.55556H19.2301C19.7954 6.94609 20.1103 6.15536 20.1103 5.33333C20.1103 4.44928 19.7461 3.60143 19.0978 2.97631C18.4496 2.35119 17.5703 2 16.6535 2C14.4392 2 13.0833 3.49577 12.3325 4.76599ZM13.4436 20.3333H19.2461V13.1111H13.4436V20.3333ZM11.2214 13.1111V20.3333H5.41894V13.1111H11.2214ZM13.4436 11.5238H20.5143V9.14286H13.4436V11.5238ZM11.2214 9.14286V11.5238H4.1507V9.14286H11.2214ZM16.6535 6.7619H13.5384C13.659 6.45773 13.8116 6.12325 14.0004 5.7923C14.6216 4.70318 15.4744 3.90476 16.6535 3.90476C17.0464 3.90476 17.4232 4.05527 17.7011 4.32318C17.9789 4.59109 18.135 4.95445 18.135 5.33333C18.135 5.71221 17.9789 6.07558 17.7011 6.34349C17.4232 6.6114 17.0464 6.7619 16.6535 6.7619Z" fill="currentColor"/>
+</svg>
diff --git a/apps/web/public/images/common/zkemail-logo.svg b/apps/web/public/images/common/zkemail-logo.svg
new file mode 100644
index 000000000..8b30a8693
--- /dev/null
+++ b/apps/web/public/images/common/zkemail-logo.svg
@@ -0,0 +1,7 @@
+<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="160" cy="160" r="160" fill="black" />
+
+    <path fill-rule="evenodd" clip-rule="evenodd" fill="white" transform="translate(-44.68594, -43.68594) scale(17, 17)"
+        d="M4.89087 9.9569C3.76033 11.0875 3.76033 12.9205 4.89088 14.0511L9.99561 19.156C11.1261 20.2865 12.9591 20.2865 14.0897 19.156L19.1951 14.0504C20.3256 12.9198 20.3256 11.0868 19.1951 9.95624L14.0903 4.85135C12.9598 3.72077 11.1268 3.72077 9.99627 4.85135L4.89087 9.9569ZM8.05263 10.4862C7.85046 11.0216 7.74937 11.5945 7.74937 12.2048H8.53561C8.53561 11.7031 8.61611 11.2332 8.7771 10.7951C8.93809 10.3571 9.16648 9.97141 9.46226 9.63818C9.75804 9.30496 10.11 9.04474 10.5181 8.85753C10.9299 8.67032 11.3867 8.57672 11.8884 8.57672C12.3901 8.57672 12.86 8.67032 13.298 8.85753C13.7361 9.04848 14.1198 9.31057 14.4493 9.6438C14.7825 9.97703 15.0427 10.3627 15.2299 10.8007C15.4171 11.2388 15.5107 11.7068 15.5107 12.2048C15.5107 12.7028 15.4171 13.1689 15.2299 13.6032C15.0427 14.0413 14.7825 14.4269 14.4493 14.7602C14.1198 15.0934 13.7361 15.3536 13.298 15.5408C12.86 15.7318 12.3901 15.8272 11.8884 15.8272C11.6188 15.8272 11.3436 15.7935 11.0628 15.7261C10.7858 15.6588 10.5518 15.5539 10.3608 15.4116C10.1736 15.2694 10.08 15.0859 10.08 14.8613C10.08 14.6853 10.1399 14.5262 10.2597 14.3839C10.3795 14.2416 10.5293 14.1705 10.709 14.1705H13.9102L14.0056 13.5358H13.3654C13.5938 13.3861 13.7754 13.1783 13.9102 12.9124C14.0487 12.6466 14.118 12.3527 14.118 12.0307C14.118 11.6226 14.0169 11.2482 13.8147 10.9074C13.6163 10.5705 13.3486 10.3009 13.0116 10.0987C12.6746 9.90027 12.3002 9.80105 11.8884 9.80105C11.4765 9.80105 11.1003 9.90027 10.7596 10.0987C10.4226 10.3009 10.153 10.5705 9.95085 10.9074C9.75242 11.2482 9.6532 11.6226 9.6532 12.0307C9.6532 12.3602 9.72247 12.6503 9.861 12.9012C10.0033 13.1521 10.1923 13.3542 10.4282 13.5077C10.2148 13.5265 10.022 13.6051 9.84976 13.7436C9.67754 13.8822 9.54088 14.0544 9.43979 14.2603C9.34245 14.47 9.29378 14.6834 9.29378 14.9006C9.29378 15.1739 9.36866 15.4154 9.51842 15.6251C9.67192 15.8385 9.8741 16.0182 10.1249 16.1642C10.3795 16.3102 10.6603 16.4207 10.9674 16.4956C11.2744 16.5742 11.5814 16.6135 11.8884 16.6135C12.4949 16.6135 13.064 16.4993 13.5957 16.2709C14.1273 16.0463 14.5953 15.7318 14.9997 15.3274C15.404 14.9268 15.7204 14.4588 15.9488 13.9233C16.1809 13.3917 16.297 12.8188 16.297 12.2048C16.297 11.5945 16.1828 11.0216 15.9544 10.4862C15.726 9.95456 15.4096 9.48655 15.0053 9.08218C14.6009 8.67781 14.1311 8.36143 13.5957 8.13304C13.064 7.90465 12.4949 7.79045 11.8884 7.79045C11.2819 7.79045 10.7259 7.90465 10.2204 8.13304C9.71498 8.36143 9.27693 8.67781 8.90627 9.08218C8.53936 9.48655 8.25481 9.95456 8.05263 10.4862ZM10.5293 12.845C10.3683 12.6316 10.2878 12.377 10.2878 12.0812C10.2878 11.7929 10.359 11.5271 10.5012 11.2837C10.6435 11.0404 10.8344 10.8457 11.0741 10.6996C11.3174 10.5536 11.5889 10.4806 11.8884 10.4806C12.1842 10.4806 12.4519 10.5518 12.6915 10.694C12.9348 10.8401 13.1277 11.0329 13.2699 11.2725C13.4122 11.5159 13.4833 11.7854 13.4833 12.0812C13.4833 12.3957 13.4103 12.6597 13.2643 12.8731C13.122 13.0865 12.9348 13.2457 12.7027 13.3505C12.4706 13.4591 12.2216 13.5134 11.9558 13.5134C11.6787 13.5134 11.411 13.4553 11.1527 13.3393C10.8981 13.2232 10.6903 13.0585 10.5293 12.845Z"
+    />
+</svg>
\ No newline at end of file
diff --git a/public/images/logo-no-text.svg b/apps/web/public/images/logo-no-text.svg
similarity index 100%
rename from public/images/logo-no-text.svg
rename to apps/web/public/images/logo-no-text.svg
diff --git a/public/images/logo-round.svg b/apps/web/public/images/logo-round.svg
similarity index 96%
rename from public/images/logo-round.svg
rename to apps/web/public/images/logo-round.svg
index a5198b557..55197aa07 100644
--- a/public/images/logo-round.svg
+++ b/apps/web/public/images/logo-round.svg
@@ -1,5 +1,6 @@
 <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
-     width="1000.000000pt" height="1000.000000pt" viewBox="0 0 1000.000000 1000.000000"
+      viewBox="0 0 1000 1000"
+      width="40px" height="40px"
      preserveAspectRatio="xMidYMid meet">
     <g transform="translate(0.000000,1000.000000) scale(0.100000,-0.100000)"
        fill="#000000" stroke="none">
diff --git a/public/images/logo-text.svg b/apps/web/public/images/logo-text.svg
similarity index 100%
rename from public/images/logo-text.svg
rename to apps/web/public/images/logo-text.svg
diff --git a/public/images/logo.svg b/apps/web/public/images/logo.svg
similarity index 100%
rename from public/images/logo.svg
rename to apps/web/public/images/logo.svg
diff --git a/public/images/messages/created.svg b/apps/web/public/images/messages/created.svg
similarity index 100%
rename from public/images/messages/created.svg
rename to apps/web/public/images/messages/created.svg
diff --git a/public/images/messages/dot.svg b/apps/web/public/images/messages/dot.svg
similarity index 100%
rename from public/images/messages/dot.svg
rename to apps/web/public/images/messages/dot.svg
diff --git a/apps/web/public/images/messages/link.svg b/apps/web/public/images/messages/link.svg
new file mode 100644
index 000000000..e8fd9ac33
--- /dev/null
+++ b/apps/web/public/images/messages/link.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.7947 4.22853L12.3936 3.64844C14.5921 1.45114 18.1551 1.45114 20.3526 3.64863C22.4917 5.78774 22.5495 9.21871 20.5262 11.4275L20.3527 11.6087L17.3344 14.628C15.1369 16.8243 11.5731 16.8243 9.37541 14.6278C9.16318 14.4156 8.96942 14.1883 8.79617 13.9487C8.47256 13.5011 8.57303 12.876 9.02057 12.5524C9.46812 12.2288 10.0933 12.3292 10.4169 12.7768C10.5278 12.9302 10.6525 13.0765 10.7894 13.2134C12.1554 14.5786 14.3411 14.6274 15.7653 13.36L15.9203 13.2137L18.9384 10.1946C20.3559 8.77716 20.3559 6.48032 18.9384 5.06284C17.5725 3.69693 15.3879 3.64814 13.9527 4.92645L13.7964 5.07394L13.1864 5.66494C12.7897 6.04924 12.1566 6.03922 11.7723 5.64257C11.4176 5.27643 11.3988 4.70883 11.71 4.32141L11.7947 4.22853Z" fill="currentColor"/>
+<path d="M6.6671 9.37566C8.8646 7.17817 12.4286 7.17817 14.6273 9.37566C14.7826 9.53091 14.9274 9.69368 15.0624 9.86421C15.4051 10.2973 15.3318 10.9262 14.8988 11.2689C14.4657 11.6116 13.8368 11.5384 13.4941 11.1053C13.407 10.9953 13.3136 10.8904 13.2133 10.7901C11.8464 9.42396 9.66084 9.37517 8.23627 10.6436L8.0812 10.79L5.06251 13.8077C3.64578 15.2252 3.64578 17.5223 5.06232 18.9397C6.42917 20.3065 8.61369 20.3553 10.0348 19.0903L10.1895 18.9443L10.9425 18.1813C11.3304 17.7882 11.9635 17.7841 12.3566 18.172C12.7195 18.5301 12.751 19.0971 12.4485 19.4914L12.366 19.5862L11.6083 20.3539C9.40979 22.5524 5.84663 22.5524 3.64791 20.3537C1.51003 18.2146 1.45225 14.7839 3.47486 12.5748L3.64822 12.3935L6.6671 9.37566Z" fill="currentColor"/>
+</svg>
diff --git a/public/images/messages/no-messages.svg b/apps/web/public/images/messages/no-messages.svg
similarity index 100%
rename from public/images/messages/no-messages.svg
rename to apps/web/public/images/messages/no-messages.svg
diff --git a/public/images/messages/required.svg b/apps/web/public/images/messages/required.svg
similarity index 100%
rename from public/images/messages/required.svg
rename to apps/web/public/images/messages/required.svg
diff --git a/public/images/messages/signed.svg b/apps/web/public/images/messages/signed.svg
similarity index 100%
rename from public/images/messages/signed.svg
rename to apps/web/public/images/messages/signed.svg
diff --git a/public/images/networks/rsk.png b/apps/web/public/images/networks/rsk.png
similarity index 100%
rename from public/images/networks/rsk.png
rename to apps/web/public/images/networks/rsk.png
diff --git a/public/images/networks/trsk.png b/apps/web/public/images/networks/trsk.png
similarity index 100%
rename from public/images/networks/trsk.png
rename to apps/web/public/images/networks/trsk.png
diff --git a/public/images/notifications/alert.svg b/apps/web/public/images/notifications/alert.svg
similarity index 100%
rename from public/images/notifications/alert.svg
rename to apps/web/public/images/notifications/alert.svg
diff --git a/public/images/notifications/error.svg b/apps/web/public/images/notifications/error.svg
similarity index 100%
rename from public/images/notifications/error.svg
rename to apps/web/public/images/notifications/error.svg
diff --git a/public/images/notifications/info.svg b/apps/web/public/images/notifications/info.svg
similarity index 100%
rename from public/images/notifications/info.svg
rename to apps/web/public/images/notifications/info.svg
diff --git a/public/images/notifications/no-notifications.svg b/apps/web/public/images/notifications/no-notifications.svg
similarity index 100%
rename from public/images/notifications/no-notifications.svg
rename to apps/web/public/images/notifications/no-notifications.svg
diff --git a/public/images/notifications/push-notification.svg b/apps/web/public/images/notifications/push-notification.svg
similarity index 100%
rename from public/images/notifications/push-notification.svg
rename to apps/web/public/images/notifications/push-notification.svg
diff --git a/public/images/notifications/success.svg b/apps/web/public/images/notifications/success.svg
similarity index 100%
rename from public/images/notifications/success.svg
rename to apps/web/public/images/notifications/success.svg
diff --git a/public/images/notifications/warning.svg b/apps/web/public/images/notifications/warning.svg
similarity index 100%
rename from public/images/notifications/warning.svg
rename to apps/web/public/images/notifications/warning.svg
diff --git a/public/images/open/safe-creation-error.svg b/apps/web/public/images/open/safe-creation-error.svg
similarity index 100%
rename from public/images/open/safe-creation-error.svg
rename to apps/web/public/images/open/safe-creation-error.svg
diff --git a/public/images/open/safe-creation-process.gif b/apps/web/public/images/open/safe-creation-process.gif
similarity index 100%
rename from public/images/open/safe-creation-process.gif
rename to apps/web/public/images/open/safe-creation-process.gif
diff --git a/public/images/open/safe-creation.svg b/apps/web/public/images/open/safe-creation.svg
similarity index 100%
rename from public/images/open/safe-creation.svg
rename to apps/web/public/images/open/safe-creation.svg
diff --git a/apps/web/public/images/protofire-logo.svg b/apps/web/public/images/protofire-logo.svg
new file mode 100644
index 000000000..928d8dbaa
--- /dev/null
+++ b/apps/web/public/images/protofire-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1080" zoomAndPan="magnify" viewBox="0 0 810 809.999993" height="1080" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><filter x="0%" y="0%" width="100%" height="100%" id="924b584d02"><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" color-interpolation-filters="sRGB"/></filter><filter x="0%" y="0%" width="100%" height="100%" id="bde9a07ce0"><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0.2126 0.7152 0.0722 0 0" color-interpolation-filters="sRGB"/></filter><image x="0" y="0" width="128" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAAAAADmVT4XAAAAAmJLR0QA/4ePzL8AAAaOSURBVHic7VtrbFRFFL53d7vtsrSlltLSUqC0UKQ8LEgVAbEgEl80BIyPqIlGExUxkIDwQyFgwGCEBJRHQrTRYjCSkBgQFAQDIq/QVMBaXm2asm1Zlz623d1ud++d4w8EdvfM3Nm9dxb/3O/n2Zn5vnmdOXPmriSZMGHChAkTJv5nyPqrpgwsnVg6oihzgJX09XjaGv+60NZP7pcAS/qYOZVTsiyRNgg1nvz5nFvR12JCsI9f+YePAAVK07bKDAOjGhfSZu5qU2nsAABAvAdfGJRMemtFzS1q5+/B/8s8e9L4B3/u4dADAPHuKkoKuzx6ezufHgCAeKrHiV8Ktqor8dEDAJCmBTbB/KnLeJMfjc4lDqH8jvX+ROgBSM9qp0D+tE3BxPgBwL82TRh/6qfBhMb/NvpWpgjiT1kRSJweAHxvWPiNxwF5UYcufgD3TCECyq7pGP/bODNCAL/jgG5+UL4UsBmX9OvmB9K1wLBLHNuiMQBK0O/vC2kUIGcLtBqPw12mLCtg9AGCN+qOtnpVR05J+UPDUuml5MmvbFb5LBp47Caja+6aqrz/OiDb8hft7WKMQ0OJIX77Lnr0EaipiPZzjsof6c5SWWXIGUxspXWMNL6IV3fGO/TT+lKeAX7LOoXSpPob9biXp12kKVBeNSAg+yKN/8BwRvGxtTQF+wfoF/A07RA4yY64pjZQFLgn6BfwBaU911R2eXmhB1cIv6fbGdnrKc29r7Wq0zaHUQ3yvW5/PL4Xt3bsAc0qxfVo0EgD0xvyduhkLD24rUuzSuO34ViTnDdar4ByXKDuBGjX2edCBZxj9QooQ6tHPdTJqdN0CplsxaxDhyPAMQyZek/wjhb1MJoDaSTrssYRkD0Qmdqvcfgl6c/eWIucx4pOOQIycVzd3M0V4PIgU1aqPgFOJBxc/AxETwcy2VmOgCPAbkUmLz8No/Ygk03nFFA8aDzRDR4kmUXEEaDiLe+Iw63j8SYs3RwBfbgvQ/jhTRrO0YT79QnoRfXkEfwLZ3YOMgX79AnoCiBTYT5XQHE2MnlC+gR043Nn8CSugBloDUArdo5xCVCx20udx/Ipd5A+F7UKzToFSBfRNpBn8a6bj+AxCl3RuQukWqx8+HTtjeh4MxMV6L7MKs0dAbwIrLO10x5PPkWZgRa9Av65gOegLFOrRuFyHLHBOeyc4xQAh/Dk5WvFhM4Vj+IZ6j/GWoN8jMdRdv/D7OK2lb2UOL6B7zuYsG7EV7MnWIXl8t9pN1nlLf38klThRkH2dEZR58t/U2/SV1gXubjg2B3baKCcWtBe8VUn9XKsrsNRRSKYE7sKbhTjQpacuTtbaPdoALg+zhC/5KiJGYJTsaetnFe15UynwkiQKGuMpksnu6KaJlujY3zruPX1AZWZpiLnDT9eWFaHopbA/Khf8z9uYr8gAYD3NePZ2uwTkf07PzTytxlHtZOISnWGYX5JmhExCaEVkWu64DoniVr3oAB+ybr47i2d1EVO6dB9HP5bz4p5OnJuuvNc4Hs9YkozqkPa/L6loh6Osr+5nY5Vd0Tkm2wfcl4RAhsMZKdikL83DADqkcgVOK1ZewICW7KE8UtSwW6v6jtYGmEZgJx0FIhvM46OjWDQ84sX5kYaZt3S7L93TVLfkCXJsl1zAFrfFvdkRkduo8bwh44/Lua5SgPz2FuAtH8WbwhgYJtOYV5Q/Me3Hg8mX0AJ3cdBX+3X+3GKJAkCqLki6D773WEPJ5EoCNNvRrshQsJd5zdOS/DB2sBRYX3pgyKnzSbJkgSghvzuq7Wn6zsS7XycAiwZuUPTlc7Wjsg8gyV3ZOGwQmeqpAS8bldLe2e8Cy9hAdbSqsox6Smk31P7068xiVqL1SKBauxdjoecj5rC5I5/P5LEL2QYKDsU+TBKPKtw+japmHQu5swNbLivCvIOoyPH966xm05CkD+hBF03DDyCJYqSdtpZs1PUpyF8rKae+e1jhBFwDu20+dQCg2cL+06LI2BUIdVsnSrsMy2OgIJ0qlkuErYIOAIGMogy7tcIEMbhxrILF8A44MAj7NNVjoBmxivtZVb2XbSA1nrqWIdOCjt/eWvgB+pYXz8tip+LrEuU+6e6POmXjnuY34YUKAfEXjo5mNsUE/yG9mh/wCAalmcuRWYAia/aQOZZF+SJe7x3FSjXlib50k2D87k9roBCSMhbt7ZUcDQU57FqHzJhVKZys+Fqb+L/IDBhwoQJEyZMmNDGvw3CVMGEIDxRAAAAAElFTkSuQmCC" id="182ccb98a9" height="128" preserveAspectRatio="xMidYMid meet"/><mask id="1d33690840"><g filter="url(#924b584d02)"><g filter="url(#bde9a07ce0)" transform="matrix(6.328125, 0, 0, 6.328125, 0.0000035, 0.00002)"><image x="0" y="0" width="128" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAAAAADmVT4XAAAAAmJLR0QA/4ePzL8AAAaOSURBVHic7VtrbFRFFL53d7vtsrSlltLSUqC0UKQ8LEgVAbEgEl80BIyPqIlGExUxkIDwQyFgwGCEBJRHQrTRYjCSkBgQFAQDIq/QVMBaXm2asm1Zlz623d1ud++d4w8EdvfM3Nm9dxb/3O/n2Zn5vnmdOXPmriSZMGHChAkTJv5nyPqrpgwsnVg6oihzgJX09XjaGv+60NZP7pcAS/qYOZVTsiyRNgg1nvz5nFvR12JCsI9f+YePAAVK07bKDAOjGhfSZu5qU2nsAABAvAdfGJRMemtFzS1q5+/B/8s8e9L4B3/u4dADAPHuKkoKuzx6ezufHgCAeKrHiV8Ktqor8dEDAJCmBTbB/KnLeJMfjc4lDqH8jvX+ROgBSM9qp0D+tE3BxPgBwL82TRh/6qfBhMb/NvpWpgjiT1kRSJweAHxvWPiNxwF5UYcufgD3TCECyq7pGP/bODNCAL/jgG5+UL4UsBmX9OvmB9K1wLBLHNuiMQBK0O/vC2kUIGcLtBqPw12mLCtg9AGCN+qOtnpVR05J+UPDUuml5MmvbFb5LBp47Caja+6aqrz/OiDb8hft7WKMQ0OJIX77Lnr0EaipiPZzjsof6c5SWWXIGUxspXWMNL6IV3fGO/TT+lKeAX7LOoXSpPob9biXp12kKVBeNSAg+yKN/8BwRvGxtTQF+wfoF/A07RA4yY64pjZQFLgn6BfwBaU911R2eXmhB1cIv6fbGdnrKc29r7Wq0zaHUQ3yvW5/PL4Xt3bsAc0qxfVo0EgD0xvyduhkLD24rUuzSuO34ViTnDdar4ByXKDuBGjX2edCBZxj9QooQ6tHPdTJqdN0CplsxaxDhyPAMQyZek/wjhb1MJoDaSTrssYRkD0Qmdqvcfgl6c/eWIucx4pOOQIycVzd3M0V4PIgU1aqPgFOJBxc/AxETwcy2VmOgCPAbkUmLz8No/Ygk03nFFA8aDzRDR4kmUXEEaDiLe+Iw63j8SYs3RwBfbgvQ/jhTRrO0YT79QnoRfXkEfwLZ3YOMgX79AnoCiBTYT5XQHE2MnlC+gR043Nn8CSugBloDUArdo5xCVCx20udx/Ipd5A+F7UKzToFSBfRNpBn8a6bj+AxCl3RuQukWqx8+HTtjeh4MxMV6L7MKs0dAbwIrLO10x5PPkWZgRa9Av65gOegLFOrRuFyHLHBOeyc4xQAh/Dk5WvFhM4Vj+IZ6j/GWoN8jMdRdv/D7OK2lb2UOL6B7zuYsG7EV7MnWIXl8t9pN1nlLf38klThRkH2dEZR58t/U2/SV1gXubjg2B3baKCcWtBe8VUn9XKsrsNRRSKYE7sKbhTjQpacuTtbaPdoALg+zhC/5KiJGYJTsaetnFe15UynwkiQKGuMpksnu6KaJlujY3zruPX1AZWZpiLnDT9eWFaHopbA/Khf8z9uYr8gAYD3NePZ2uwTkf07PzTytxlHtZOISnWGYX5JmhExCaEVkWu64DoniVr3oAB+ybr47i2d1EVO6dB9HP5bz4p5OnJuuvNc4Hs9YkozqkPa/L6loh6Osr+5nY5Vd0Tkm2wfcl4RAhsMZKdikL83DADqkcgVOK1ZewICW7KE8UtSwW6v6jtYGmEZgJx0FIhvM46OjWDQ84sX5kYaZt3S7L93TVLfkCXJsl1zAFrfFvdkRkduo8bwh44/Lua5SgPz2FuAtH8WbwhgYJtOYV5Q/Me3Hg8mX0AJ3cdBX+3X+3GKJAkCqLki6D773WEPJ5EoCNNvRrshQsJd5zdOS/DB2sBRYX3pgyKnzSbJkgSghvzuq7Wn6zsS7XycAiwZuUPTlc7Wjsg8gyV3ZOGwQmeqpAS8bldLe2e8Cy9hAdbSqsox6Smk31P7068xiVqL1SKBauxdjoecj5rC5I5/P5LEL2QYKDsU+TBKPKtw+japmHQu5swNbLivCvIOoyPH966xm05CkD+hBF03DDyCJYqSdtpZs1PUpyF8rKae+e1jhBFwDu20+dQCg2cL+06LI2BUIdVsnSrsMy2OgIJ0qlkuErYIOAIGMogy7tcIEMbhxrILF8A44MAj7NNVjoBmxivtZVb2XbSA1nrqWIdOCjt/eWvgB+pYXz8tip+LrEuU+6e6POmXjnuY34YUKAfEXjo5mNsUE/yG9mh/wCAalmcuRWYAia/aQOZZF+SJe7x3FSjXlib50k2D87k9roBCSMhbt7ZUcDQU57FqHzJhVKZys+Fqb+L/IDBhwoQJEyZMmNDGvw3CVMGEIDxRAAAAAElFTkSuQmCC" height="128" preserveAspectRatio="xMidYMid meet"/></g></g></mask><image x="0" y="0" width="128" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAIAAABMXPacAAAABmJLR0QA/wD/AP+gvaeTAAAQsklEQVR4nO2dXYhs2VXHf2vvc05Vdd/P+biJQ2ZMMirq6KDEMeTjIUpkiMQHH2YiUSJRiIIGFHzwsUFfRAkYUMiLEYWIcx8CSRQ0SCa+BEkeEkzQmI+ZyRAzDM7cufd2d32cs9ffh6rqruquqq7qPqe6b1J/+uHsU1X7rLPWXmuvtfbau2GDDTbYYIMNNthggw022GCDDTbYYIMNNtjgBwF23gSsAH0JdnHHS5QZjMhXOLzGZIbADJkwDMJLxD34FrZzXrTPxUUXgHbgYaoOfh9kFNfgJcoWxACYS5lJEDCQYYAJQ1gI7oaclsG/Uj4BV8HJE/YL5/xeB7i4AtAzpBz2iN+Ed7BfkYEwOxjvBobZ4fVYCWY1haKnRKdPVWAPEjvwBuy8GXDez58FfY6qByVZj8EWOIQokzHN3CHtAUYDfwkxIMwS3gbein+bcAf72XN5yxEulgD0DAkoiFfp3cYIZhqN0gX8PdCGxV8bN4UwMBUFlUMgK7DHzuWNL5IA9Ak8EAIlKAujuycyNBy9v0gM0x/JJNS6RNkjVXTeutb3ZUzOOUOi/2W4Ay/SCpQxuAkzW46JM+/bAit0RBtMZpZwE/E+rENc78QQTv5Kk9Dn8C9a62fofxtiGJjJMTdzGP4lSONrn74+aB77jhLy0d+MHiaaloyEuRnBXyW+Af8v9Ln1ceA8NUAfJd1PfIjBd6KC5g75E5tLfGfZ6UFe9PGcELC3r4MJ5yYAPUO6S9yje4kYg1Zh01wxnHTnxP5lMlMuvCT0sCcb58P5CEAfJwVih97dYNOz6PLm+3SiOrF/IcyKu+45wRoP2c5BAPooqSC26KcwIuEMs+iy35n+6KgqTH9BBqIo3XNCG/u5BrmRNdj3LOhjpIo4oGdhZPQ1zQWNWWAANuvTqWaY3cOM5sS1xgNvZv9DwqqMrI1fQWrQL1qrFyThbyRm9LNgGrsiAk14KdNNCc3/dHS9sIepplboX1jZJfwo/nyDPFmrCar+g/jzDP4aV7Cwmu2eO4UeCcRW6XCZ/s1d10m7dN7RCE/WJwB9hOoR/CV8mD6ui01n5vsJ/aOUKYq8Gcd0fXNAJcu+o3600RuytO0+Zr7tyKcr9rBi/xYry3P3ayap9slgTQLo/wWS+gpHRxynYdNh0LDSJHy6/g1Mg24s3pbK5+rnzDpMkD5GuY8SwjCr22jIQGGoWMM0p9XY/9ghViXll8hewJ6ukznr0ICyS75F//Z4+M/yC5dqHvktEgYCoiRIwynZTdlo+aAubQDLzbIXvGrVzJzG3VDtQJ/uLXTEd1zCBz3adBBC5pi8ktrPeegCuMbce5Di/d66oUqOG0jH3dBTPd1F/wrso506+dO4BgxCLLop5YGAJsIcOHGAH21KCmZuKqIGIt9jcJXie1NL7RI8T3WZ7DWj74Wpp2hKwk6O6RYTk7AYsq/74KE6+dOsALRDKe3lRSThw5eRmIg/OebPMJc1Cir2VG1RGkXAfn/GEye8FOkZKoVMKatU5iYt6nwpYqS9J8hv1cmiZk1QP5LLY+UTlscO4k/NtzPHTIEseOd3SV8l26f4beyDJz/dniZ/n2eV/I3kT3twPx4JH70z7wvj6zzAdfTp2ljUsAa43S2UDxyfcH40vh4OSk0YJWYOSUmyb5DeS/yblf02+w0k/D/hBrzsyAi28HELmgYUrrQqEfPRrAYkWexFsDljynBjUhtm5IKkIAx/E9lnVub+EGbEx/GXsRvY0GGa6RHMm4cnNMBgENB9jAzamdGgALRDljCNlwDnqvZYDH5UDHJiUuhBoPMHZ6Wn9X7C68jfhyVblOA7LpWJO3IksrfB1+rgUaMCSCm2opvPG/7HxKCj2mAi3yWWdD5cD0nxp/DPW1Gl03nAQzpNgZukvXpIalAA7gwGhVyrvO2hUcLV2nP/DnFQG0lmhOdUZpD7UMNmT8InWaRuh/TdekhqUgCVeUrmS4+yCTHIcQV2CN+uuaLWPojnMLBRWDfT7JygDbIKr4lzTc4BkslOcOzmNM0tKQ0+DM/WT1j71wgmuQ8D6KMO8TyXdHwtJ4oY6qleacoN1R/ST9KpUpUyWeDSjzC475Ruz4kwo7VNb9/wkRM85RDbsYhsommYzIrLTh22sSkBlIGW+76Ga4/AdGR/QhrAIPVfpPVwQ9SRFQx6IDfZRFwyXv49kU7ELrWMjsZMkEI3x6R5IeUCK2QuN+x2zYnfSdjT2IAAIydtgrCpVeJ5VkiBLtVF1oAki2WRPJ00lGaHvlv/RxUbIm2EGAldevnsxJTGzTlGSbsZuddARmOpiCqkoV1dkP6cJwYZe8pqTToeRzB4AHtNoxlgjuWZmSwxkUW8DgE0ZYKUZEkHrt7svNsco2TAu6HbEGljbDG4c2KUPmGXph1W28fKGqhobg6YeA2tJgYX3IR2U6QNYU/jA/PFDvF0EDP1Co5VNZDRYDZUQ6diyraM17sXGyXgMbjdHGkA+jj9nvCxZVlgHqebGvtBB+V1Z0FjAnDJgh2s2k6/mw586pliGNrWhjWg7NLq0Lu72CGeLQkZnqFUAxmNBWJ4LJPHMK6zmRdzMaNC1IxXhhvpGoSc7i1CnBjVM8Uwh/gKcs3pehU0JYA40GCL2B+XYc1/k0OjxOiOoUGBlUOxNIU0wAK4DstYFgz/o06qLleUdUygDU7Cl19eIb84Nb9hSdFBNWWhZ1D3Z0SHKiyqmZg1D4/vGIG8jkilKQ1o7dHrBNPSGYihJdBIGwQtV9WYAlQWiuT9oOm10vnW/wipDleoJRfUlAbYTWTm0snD/9gQk2NS3+G7jdggfQRQP2TI5gzwOQnqYR7CJXn/DhQ1ENNkOjopq8LRdMqyYjDFmH0SfrJ+wsrSskxe+XB9cZHZmfWpySSqQT2pqgYFkD2vKlXL8v2YnOTwFNWNmqna/1M8sb8fkY1qZOYl3eY05ZYSdWWqmqyKeE3b/4CG1TgrWiEcXLuvJz1aJ0X6c6KZu4Kwsarhy0XpBxZSupzXkoqGRiPh4qv03o1h+BKTMEfvyMgrUlGbM6odUo+ire5+lE2G6CMHYJkoXUbE+9DKayGqSQ0wsAdJwU8e/rMcQUskz0k1UCgYvJPym8RE927gcPhPPnpclrFYG6QqIMd+5+x0QdOVcQaXenTDeG/JwWhaHGeOB6ZLEzVsp4T+iPQ/ln9K++8kldGOp0amiLED/RvGhEfJRpbwOvyfIZoVQFFRYniFhcmVPzjJHAmMOE4LnQ7aoSwpE/mPqfvHMQQ7rGdb4ulD0ySGO7dhuDaQiJdozaoLPh0a1oCbDJ5SB7qMdlMs9+bjuMwsrL7qoR0G+0jW36O1rW5JGeNocZQVnn4ohnENK0b7zVS1Vkc3vj8ghxJzD+auYLPTnzOnO4iU1dK74gSDJ9D91rtN+6p2X1FeZL1dR4QRH1fiO9ikDAAFvHqZrFbPuPEdMnYTybatslEYOeF3L5ycTXSNuHeyC6SnqD5A9R6KL1K9WZ5C91bIQsSlZKPapMUR77zm5EQtivuxsuZSgXXslC/Myw4yP3gZjatcFzPi2vNw0rLf3m8x2CJ28UfY/71gw0UINwl3bF7nK4nBh+UdXt0ibtXMnHUIwG7CNluPw7E60QXaINF70NqvLer5zodQoIr0rocUgrnZOL4d9b84xF1aDHJrJ+jX5n0eYE37hPPX0XueFDx4PFIGMrUeMP5IJnDLzJ6d2+f+B/AKz8jMBKPFxWOR3cz+l58MhktGbVLCsro2BUxgTYd12A7lbSLmYXZt/pG5Qc5WnzD/hfc+hKKFipgCHkajfv4AP+x/ZSukkFL1CBE1cfDu+k5LufJJYrDLWaXhntL5bJIU3ctt8jmLrq/8Oqlv5FKMh6Vti1k5tniz05/zfyu34k+wH27q2OO1HlfTCl71uDRwSbOt/4hH1n4M28JuzuhE76LdpaxEN1pa0Z+ZEIOOi+FYU9JWkap/tPiLTfFkrQKwm2R9ejmeu81MuQiJO/20+7zNc7fLS2y9Sotw+MNV3cqJKXr+XiUhdVqeEtl/139GxyFPmup4Pu78KqFvVorCRiPgcOpzMg3cukkPzdoKql+hDFRbYHH0w1OfFzRxfeyENMkYZN4KtItmz1w/h3NDr3wSK0WGmczFuIJa7hFZogizuQ9UWcgdPE4N2NXdyplG6cDsyKm6Hgb0vfET789BA4bYfy8JqoyiHzEZ5lkyEY32p2b/RDuU37LUi246NmZX14BZTRkB9YJHh8SVv2qUB3COJ+dufYYqI1bmwREyNzfN5z4w+B75o3L3qSG8ONSa2fTZnw5rMtp3vD0ghXVwn3PUgFOg+5uWbsmyeDBgj/7zgNPOAeOZILUfpLpl2W3Z367ppdZ9bOVZkG4ZFnEdsEwHI2j1EHdkcwBhJpNbm2qP7LrsL9f3UveSAJCZnDDW2nGq4CyZBgyZbQ3SIMN75B9d9zvdWwKQMPMJPmp0ZtyyYpi4diNCVaYs2iCEovK1mZ1J3FMCGBofpncU+SGjlxHDcGewLEip/ffYu2zwiLb+rv4s25K4lwSQRXklWTwylo8w+nDzAZN2Zii3YCF1RFduL9jgcbWeVcNl8Ce91Jqfpx16L+F7VK9YSDb6r1+mrJSJvId9Ye5vQ6B1ib3dqZsLJmENwwWZBZl5KS5/wstfsvL16iD798ZechWszw3VUwy6sE3xE7z2ZWIPIwsuwEhEOq/R3bKU4ejqv8zuodqy7E3a/wKWZ7g8CAWz8cw8SkvIjYgpJiJbbfp9S1J8EW7T+urFcr3XRMzd95BF2h12X8ViMEmE4Vr30IZLwghmJSkPFqMVHT+eDdUO5Yt4z9KrRrBwWe0fdz4Nw8zdJYBesiQjyAIxU4jkGecywS6DdQjg7pMFJEIKKWhsnBdAbtvXq7277Pe48ezCb+7A16GEV+ASZCObOjOPfTHRuAB2n8yHXoctedKaACTtVx7NkrRYBvc6ms0F7f4ykDALvvQ5d0MHJth2niVpq42eapLE80aTGzQg/i9ER34qTdN2FrYvM+g2fGrEuaJBAVSPxvaXURVOaeYMjL1bBT3pLfWSdoHQ5JFll+g/2TpTebOZQlXc8v75BktNorHDOt6FbihRnnGWN7h7Ddvl3HIFDaMpAQwyWqXXwraYheIr8EM1dHUB0ZQA3Njt1NCPyUjwFrheQ28XEE0JIJmNinbOCMOCeIjBRgNWgsmCYi1xnmSvVuf+f1+bQmMCGG4rqWMOEHbfnXrOBbiAaG5cKUSzOirKDMcp7qWVixXQlADiA5Kqs5dzCykYb7i3lo5WQGMmaEudt4P5WfuB4NbbM67UQteFQ1PjKn+Y7tdMB/+18NQQnqfsu2ZfqYu0i4XGNGCH6i5VcVZXVGL7n7H979dAuNFcUFSsDqpBVodA7vLeT1N8o27iLgwaFMC1fyJ4CFelUz1FpiqIQHnjYq3i1otmw5vtz6Zwle23V8NiHC3vFZlstOTOlX9rksTzRuPxZfGwV5+3rc8m3GHitIZ5EOYa9N1FEDPLI76fsA7lFgzeBPdR3M8+cXgwj47+X2EhIKQYL1/ud+/S73H92TVQd85Yy0ZtaD1HcT8llkXfvuZWjv/P5tAuOQTvy7feUbWulf1+7Fz+geA+698foKco93BZNWBUTSUwOWQPiA6dRxrfFbTBBhtssMEGG2ywwQYbbLDBBhtssMEGG2ywwQY/aPh/Hu2SdKjWEcAAAAAASUVORK5CYII=" id="25b9f64cf9" height="128" preserveAspectRatio="xMidYMid meet"/></defs><g mask="url(#1d33690840)"><g transform="matrix(6.328125, 0, 0, 6.328125, 0.0000035, 0.00002)"><image x="0" y="0" width="128" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAIAAABMXPacAAAABmJLR0QA/wD/AP+gvaeTAAAQsklEQVR4nO2dXYhs2VXHf2vvc05Vdd/P+biJQ2ZMMirq6KDEMeTjIUpkiMQHH2YiUSJRiIIGFHzwsUFfRAkYUMiLEYWIcx8CSRQ0SCa+BEkeEkzQmI+ZyRAzDM7cufd2d32cs9ffh6rqruquqq7qPqe6b1J/+uHsU1X7rLPWXmuvtfbau2GDDTbYYIMNNthggw022GCDDTbYYIMNNtjgBwF23gSsAH0JdnHHS5QZjMhXOLzGZIbADJkwDMJLxD34FrZzXrTPxUUXgHbgYaoOfh9kFNfgJcoWxACYS5lJEDCQYYAJQ1gI7oaclsG/Uj4BV8HJE/YL5/xeB7i4AtAzpBz2iN+Ed7BfkYEwOxjvBobZ4fVYCWY1haKnRKdPVWAPEjvwBuy8GXDez58FfY6qByVZj8EWOIQokzHN3CHtAUYDfwkxIMwS3gbein+bcAf72XN5yxEulgD0DAkoiFfp3cYIZhqN0gX8PdCGxV8bN4UwMBUFlUMgK7DHzuWNL5IA9Ak8EAIlKAujuycyNBy9v0gM0x/JJNS6RNkjVXTeutb3ZUzOOUOi/2W4Ay/SCpQxuAkzW46JM+/bAit0RBtMZpZwE/E+rENc78QQTv5Kk9Dn8C9a62fofxtiGJjJMTdzGP4lSONrn74+aB77jhLy0d+MHiaaloyEuRnBXyW+Af8v9Ln1ceA8NUAfJd1PfIjBd6KC5g75E5tLfGfZ6UFe9PGcELC3r4MJ5yYAPUO6S9yje4kYg1Zh01wxnHTnxP5lMlMuvCT0sCcb58P5CEAfJwVih97dYNOz6PLm+3SiOrF/IcyKu+45wRoP2c5BAPooqSC26KcwIuEMs+iy35n+6KgqTH9BBqIo3XNCG/u5BrmRNdj3LOhjpIo4oGdhZPQ1zQWNWWAANuvTqWaY3cOM5sS1xgNvZv9DwqqMrI1fQWrQL1qrFyThbyRm9LNgGrsiAk14KdNNCc3/dHS9sIepplboX1jZJfwo/nyDPFmrCar+g/jzDP4aV7Cwmu2eO4UeCcRW6XCZ/s1d10m7dN7RCE/WJwB9hOoR/CV8mD6ui01n5vsJ/aOUKYq8Gcd0fXNAJcu+o3600RuytO0+Zr7tyKcr9rBi/xYry3P3ayap9slgTQLo/wWS+gpHRxynYdNh0LDSJHy6/g1Mg24s3pbK5+rnzDpMkD5GuY8SwjCr22jIQGGoWMM0p9XY/9ghViXll8hewJ6ukznr0ICyS75F//Z4+M/yC5dqHvktEgYCoiRIwynZTdlo+aAubQDLzbIXvGrVzJzG3VDtQJ/uLXTEd1zCBz3adBBC5pi8ktrPeegCuMbce5Di/d66oUqOG0jH3dBTPd1F/wrso506+dO4BgxCLLop5YGAJsIcOHGAH21KCmZuKqIGIt9jcJXie1NL7RI8T3WZ7DWj74Wpp2hKwk6O6RYTk7AYsq/74KE6+dOsALRDKe3lRSThw5eRmIg/OebPMJc1Cir2VG1RGkXAfn/GEye8FOkZKoVMKatU5iYt6nwpYqS9J8hv1cmiZk1QP5LLY+UTlscO4k/NtzPHTIEseOd3SV8l26f4beyDJz/dniZ/n2eV/I3kT3twPx4JH70z7wvj6zzAdfTp2ljUsAa43S2UDxyfcH40vh4OSk0YJWYOSUmyb5DeS/yblf02+w0k/D/hBrzsyAi28HELmgYUrrQqEfPRrAYkWexFsDljynBjUhtm5IKkIAx/E9lnVub+EGbEx/GXsRvY0GGa6RHMm4cnNMBgENB9jAzamdGgALRDljCNlwDnqvZYDH5UDHJiUuhBoPMHZ6Wn9X7C68jfhyVblOA7LpWJO3IksrfB1+rgUaMCSCm2opvPG/7HxKCj2mAi3yWWdD5cD0nxp/DPW1Gl03nAQzpNgZukvXpIalAA7gwGhVyrvO2hUcLV2nP/DnFQG0lmhOdUZpD7UMNmT8InWaRuh/TdekhqUgCVeUrmS4+yCTHIcQV2CN+uuaLWPojnMLBRWDfT7JygDbIKr4lzTc4BkslOcOzmNM0tKQ0+DM/WT1j71wgmuQ8D6KMO8TyXdHwtJ4oY6qleacoN1R/ST9KpUpUyWeDSjzC475Ruz4kwo7VNb9/wkRM85RDbsYhsommYzIrLTh22sSkBlIGW+76Ga4/AdGR/QhrAIPVfpPVwQ9SRFQx6IDfZRFwyXv49kU7ELrWMjsZMkEI3x6R5IeUCK2QuN+x2zYnfSdjT2IAAIydtgrCpVeJ5VkiBLtVF1oAki2WRPJ00lGaHvlv/RxUbIm2EGAldevnsxJTGzTlGSbsZuddARmOpiCqkoV1dkP6cJwYZe8pqTToeRzB4AHtNoxlgjuWZmSwxkUW8DgE0ZYKUZEkHrt7svNsco2TAu6HbEGljbDG4c2KUPmGXph1W28fKGqhobg6YeA2tJgYX3IR2U6QNYU/jA/PFDvF0EDP1Co5VNZDRYDZUQ6diyraM17sXGyXgMbjdHGkA+jj9nvCxZVlgHqebGvtBB+V1Z0FjAnDJgh2s2k6/mw586pliGNrWhjWg7NLq0Lu72CGeLQkZnqFUAxmNBWJ4LJPHMK6zmRdzMaNC1IxXhhvpGoSc7i1CnBjVM8Uwh/gKcs3pehU0JYA40GCL2B+XYc1/k0OjxOiOoUGBlUOxNIU0wAK4DstYFgz/o06qLleUdUygDU7Cl19eIb84Nb9hSdFBNWWhZ1D3Z0SHKiyqmZg1D4/vGIG8jkilKQ1o7dHrBNPSGYihJdBIGwQtV9WYAlQWiuT9oOm10vnW/wipDleoJRfUlAbYTWTm0snD/9gQk2NS3+G7jdggfQRQP2TI5gzwOQnqYR7CJXn/DhQ1ENNkOjopq8LRdMqyYjDFmH0SfrJ+wsrSskxe+XB9cZHZmfWpySSqQT2pqgYFkD2vKlXL8v2YnOTwFNWNmqna/1M8sb8fkY1qZOYl3eY05ZYSdWWqmqyKeE3b/4CG1TgrWiEcXLuvJz1aJ0X6c6KZu4Kwsarhy0XpBxZSupzXkoqGRiPh4qv03o1h+BKTMEfvyMgrUlGbM6odUo+ire5+lE2G6CMHYJkoXUbE+9DKayGqSQ0wsAdJwU8e/rMcQUskz0k1UCgYvJPym8RE927gcPhPPnpclrFYG6QqIMd+5+x0QdOVcQaXenTDeG/JwWhaHGeOB6ZLEzVsp4T+iPQ/ln9K++8kldGOp0amiLED/RvGhEfJRpbwOvyfIZoVQFFRYniFhcmVPzjJHAmMOE4LnQ7aoSwpE/mPqfvHMQQ7rGdb4ulD0ySGO7dhuDaQiJdozaoLPh0a1oCbDJ5SB7qMdlMs9+bjuMwsrL7qoR0G+0jW36O1rW5JGeNocZQVnn4ohnENK0b7zVS1Vkc3vj8ghxJzD+auYLPTnzOnO4iU1dK74gSDJ9D91rtN+6p2X1FeZL1dR4QRH1fiO9ikDAAFvHqZrFbPuPEdMnYTybatslEYOeF3L5ycTXSNuHeyC6SnqD5A9R6KL1K9WZ5C91bIQsSlZKPapMUR77zm5EQtivuxsuZSgXXslC/Myw4yP3gZjatcFzPi2vNw0rLf3m8x2CJ28UfY/71gw0UINwl3bF7nK4nBh+UdXt0ibtXMnHUIwG7CNluPw7E60QXaINF70NqvLer5zodQoIr0rocUgrnZOL4d9b84xF1aDHJrJ+jX5n0eYE37hPPX0XueFDx4PFIGMrUeMP5IJnDLzJ6d2+f+B/AKz8jMBKPFxWOR3cz+l58MhktGbVLCsro2BUxgTYd12A7lbSLmYXZt/pG5Qc5WnzD/hfc+hKKFipgCHkajfv4AP+x/ZSukkFL1CBE1cfDu+k5LufJJYrDLWaXhntL5bJIU3ctt8jmLrq/8Oqlv5FKMh6Vti1k5tniz05/zfyu34k+wH27q2OO1HlfTCl71uDRwSbOt/4hH1n4M28JuzuhE76LdpaxEN1pa0Z+ZEIOOi+FYU9JWkap/tPiLTfFkrQKwm2R9ejmeu81MuQiJO/20+7zNc7fLS2y9Sotw+MNV3cqJKXr+XiUhdVqeEtl/139GxyFPmup4Pu78KqFvVorCRiPgcOpzMg3cukkPzdoKql+hDFRbYHH0w1OfFzRxfeyENMkYZN4KtItmz1w/h3NDr3wSK0WGmczFuIJa7hFZogizuQ9UWcgdPE4N2NXdyplG6cDsyKm6Hgb0vfET789BA4bYfy8JqoyiHzEZ5lkyEY32p2b/RDuU37LUi246NmZX14BZTRkB9YJHh8SVv2qUB3COJ+dufYYqI1bmwREyNzfN5z4w+B75o3L3qSG8ONSa2fTZnw5rMtp3vD0ghXVwn3PUgFOg+5uWbsmyeDBgj/7zgNPOAeOZILUfpLpl2W3Z367ppdZ9bOVZkG4ZFnEdsEwHI2j1EHdkcwBhJpNbm2qP7LrsL9f3UveSAJCZnDDW2nGq4CyZBgyZbQ3SIMN75B9d9zvdWwKQMPMJPmp0ZtyyYpi4diNCVaYs2iCEovK1mZ1J3FMCGBofpncU+SGjlxHDcGewLEip/ffYu2zwiLb+rv4s25K4lwSQRXklWTwylo8w+nDzAZN2Zii3YCF1RFduL9jgcbWeVcNl8Ce91Jqfpx16L+F7VK9YSDb6r1+mrJSJvId9Ye5vQ6B1ib3dqZsLJmENwwWZBZl5KS5/wstfsvL16iD798ZechWszw3VUwy6sE3xE7z2ZWIPIwsuwEhEOq/R3bKU4ejqv8zuodqy7E3a/wKWZ7g8CAWz8cw8SkvIjYgpJiJbbfp9S1J8EW7T+urFcr3XRMzd95BF2h12X8ViMEmE4Vr30IZLwghmJSkPFqMVHT+eDdUO5Yt4z9KrRrBwWe0fdz4Nw8zdJYBesiQjyAIxU4jkGecywS6DdQjg7pMFJEIKKWhsnBdAbtvXq7277Pe48ezCb+7A16GEV+ASZCObOjOPfTHRuAB2n8yHXoctedKaACTtVx7NkrRYBvc6ms0F7f4ykDALvvQ5d0MHJth2niVpq42eapLE80aTGzQg/i9ER34qTdN2FrYvM+g2fGrEuaJBAVSPxvaXURVOaeYMjL1bBT3pLfWSdoHQ5JFll+g/2TpTebOZQlXc8v75BktNorHDOt6FbihRnnGWN7h7Ddvl3HIFDaMpAQwyWqXXwraYheIr8EM1dHUB0ZQA3Njt1NCPyUjwFrheQ28XEE0JIJmNinbOCMOCeIjBRgNWgsmCYi1xnmSvVuf+f1+bQmMCGG4rqWMOEHbfnXrOBbiAaG5cKUSzOirKDMcp7qWVixXQlADiA5Kqs5dzCykYb7i3lo5WQGMmaEudt4P5WfuB4NbbM67UQteFQ1PjKn+Y7tdMB/+18NQQnqfsu2ZfqYu0i4XGNGCH6i5VcVZXVGL7n7H979dAuNFcUFSsDqpBVodA7vLeT1N8o27iLgwaFMC1fyJ4CFelUz1FpiqIQHnjYq3i1otmw5vtz6Zwle23V8NiHC3vFZlstOTOlX9rksTzRuPxZfGwV5+3rc8m3GHitIZ5EOYa9N1FEDPLI76fsA7lFgzeBPdR3M8+cXgwj47+X2EhIKQYL1/ud+/S73H92TVQd85Yy0ZtaD1HcT8llkXfvuZWjv/P5tAuOQTvy7feUbWulf1+7Fz+geA+698foKco93BZNWBUTSUwOWQPiA6dRxrfFbTBBhtssMEGG2ywwQYbbLDBBhtssMEGG2ywwQY/aPh/Hu2SdKjWEcAAAAAASUVORK5CYII=" height="128" preserveAspectRatio="xMidYMid meet"/></g></g></svg>
\ No newline at end of file
diff --git a/public/images/safe-logo-green.png b/apps/web/public/images/safe-logo-green.png
similarity index 100%
rename from public/images/safe-logo-green.png
rename to apps/web/public/images/safe-logo-green.png
diff --git a/public/images/settings/data/file.svg b/apps/web/public/images/settings/data/file.svg
similarity index 100%
rename from public/images/settings/data/file.svg
rename to apps/web/public/images/settings/data/file.svg
diff --git a/public/images/settings/permissions/shield.svg b/apps/web/public/images/settings/permissions/shield.svg
similarity index 100%
rename from public/images/settings/permissions/shield.svg
rename to apps/web/public/images/settings/permissions/shield.svg
diff --git a/public/images/settings/setup/replace-owner.svg b/apps/web/public/images/settings/setup/replace-owner.svg
similarity index 100%
rename from public/images/settings/setup/replace-owner.svg
rename to apps/web/public/images/settings/setup/replace-owner.svg
diff --git a/public/images/settings/spending-limit/asset-amount.svg b/apps/web/public/images/settings/spending-limit/asset-amount.svg
similarity index 100%
rename from public/images/settings/spending-limit/asset-amount.svg
rename to apps/web/public/images/settings/spending-limit/asset-amount.svg
diff --git a/public/images/settings/spending-limit/beneficiary.svg b/apps/web/public/images/settings/spending-limit/beneficiary.svg
similarity index 100%
rename from public/images/settings/spending-limit/beneficiary.svg
rename to apps/web/public/images/settings/spending-limit/beneficiary.svg
diff --git a/public/images/settings/spending-limit/speed.svg b/apps/web/public/images/settings/spending-limit/speed.svg
similarity index 100%
rename from public/images/settings/spending-limit/speed.svg
rename to apps/web/public/images/settings/spending-limit/speed.svg
diff --git a/public/images/settings/spending-limit/time.svg b/apps/web/public/images/settings/spending-limit/time.svg
similarity index 100%
rename from public/images/settings/spending-limit/time.svg
rename to apps/web/public/images/settings/spending-limit/time.svg
diff --git a/public/images/sidebar/address-book.svg b/apps/web/public/images/sidebar/address-book.svg
similarity index 100%
rename from public/images/sidebar/address-book.svg
rename to apps/web/public/images/sidebar/address-book.svg
diff --git a/public/images/sidebar/apps.svg b/apps/web/public/images/sidebar/apps.svg
similarity index 100%
rename from public/images/sidebar/apps.svg
rename to apps/web/public/images/sidebar/apps.svg
diff --git a/public/images/sidebar/assets.svg b/apps/web/public/images/sidebar/assets.svg
similarity index 100%
rename from public/images/sidebar/assets.svg
rename to apps/web/public/images/sidebar/assets.svg
diff --git a/public/images/sidebar/copy-bold.svg b/apps/web/public/images/sidebar/copy-bold.svg
similarity index 100%
rename from public/images/sidebar/copy-bold.svg
rename to apps/web/public/images/sidebar/copy-bold.svg
diff --git a/public/images/sidebar/help-center.svg b/apps/web/public/images/sidebar/help-center.svg
similarity index 100%
rename from public/images/sidebar/help-center.svg
rename to apps/web/public/images/sidebar/help-center.svg
diff --git a/public/images/sidebar/home.svg b/apps/web/public/images/sidebar/home.svg
similarity index 100%
rename from public/images/sidebar/home.svg
rename to apps/web/public/images/sidebar/home.svg
diff --git a/apps/web/public/images/sidebar/lightbulb_icon.svg b/apps/web/public/images/sidebar/lightbulb_icon.svg
new file mode 100644
index 000000000..717dd8c3e
--- /dev/null
+++ b/apps/web/public/images/sidebar/lightbulb_icon.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" ?><svg id="Layer_1" fill="black" version="1.1" viewBox="0 0 100.353 100.352" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<path style="fill: #000000" d="M69.294,11.442c-6.788-5.594-15.724-7.82-24.512-6.109C32.951,7.636,23.449,17.623,21.675,29.62  c-1.447,9.79,2.031,19.567,9.304,26.155c3.277,2.968,5.254,7.243,5.568,12.039c0.006,0.087,0.023,0.171,0.042,0.254v15.039  c0,0.828,0.671,1.5,1.5,1.5h1.495c0.609,4.359,3.813,7.697,7.672,7.697h6.81c3.859,0,7.062-3.338,7.671-7.697h1.495  c0.828,0,1.5-0.672,1.5-1.5V67.828c0-0.003,0.001-0.006,0.001-0.01c0-4.462,2.026-8.771,5.706-12.133  c6.062-5.538,9.538-13.415,9.538-21.61C79.978,25.287,76.084,17.037,69.294,11.442z M45.357,39.91h-2.305  c-1.271,0-2.305-1.034-2.305-2.305s1.034-2.305,2.305-2.305s2.305,1.034,2.305,2.305V39.91z M55.966,37.605  c0-1.271,1.034-2.305,2.306-2.305c1.271,0,2.305,1.034,2.305,2.305s-1.034,2.305-2.305,2.305h-2.303L55.966,37.605z M55.063,69.211  h6.67v12.396H60.36c-0.003,0-0.006-0.001-0.01-0.001s-0.006,0.001-0.01,0.001H40.982c-0.003,0-0.006-0.001-0.01-0.001  s-0.006,0.001-0.01,0.001H39.59V69.211h14.366 M48.357,66.211V42.91h4.617l0.034,23.301H48.357z M54.066,89.304h-6.81  c-2.238,0-4.117-2.004-4.637-4.697h16.083C58.183,87.3,56.304,89.304,54.066,89.304z M68.416,53.471  c-3.872,3.537-6.164,8.013-6.593,12.74h-5.816L55.974,42.91h2.298c2.925,0,5.305-2.38,5.305-5.305c0-2.925-2.38-5.305-5.305-5.305  c-2.926,0-5.306,2.38-5.306,5.307l0.003,2.303h-4.612v-2.305c0-2.925-2.38-5.305-5.305-5.305c-2.925,0-5.305,2.38-5.305,5.305  c0,2.925,2.38,5.305,5.305,5.305h2.305v23.301h-5.972c-0.636-5.005-2.864-9.465-6.393-12.66c-6.528-5.914-9.65-14.696-8.35-23.493  c1.591-10.76,10.108-19.716,20.712-21.781c7.908-1.538,15.938,0.458,22.03,5.48c6.096,5.023,9.592,12.429,9.592,20.319  C76.978,41.43,73.857,48.5,68.416,53.471z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/sidebar/link-bold.svg b/apps/web/public/images/sidebar/link-bold.svg
similarity index 100%
rename from public/images/sidebar/link-bold.svg
rename to apps/web/public/images/sidebar/link-bold.svg
diff --git a/public/images/sidebar/link.svg b/apps/web/public/images/sidebar/link.svg
similarity index 100%
rename from public/images/sidebar/link.svg
rename to apps/web/public/images/sidebar/link.svg
diff --git a/apps/web/public/images/sidebar/members.svg b/apps/web/public/images/sidebar/members.svg
new file mode 100644
index 000000000..350ff08df
--- /dev/null
+++ b/apps/web/public/images/sidebar/members.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6666 5.9995C11.4019 5.9995 11.9999 6.5975 11.9999 7.33283C11.9999 8.06816 11.4019 8.66616 10.6666 8.66616C9.93123 8.66616 9.33323 8.06816 9.33323 7.33283C9.33323 6.5975 9.93123 5.9995 10.6666 5.9995ZM5.3319 2.66683C6.06723 2.66683 6.66523 3.26483 6.66523 4.00016C6.66523 4.7355 6.06723 5.3335 5.3319 5.3335C4.59723 5.3335 3.99857 4.7355 3.99857 4.00016C3.99857 3.26483 4.59723 2.66683 5.3319 2.66683ZM15.3046 13.8128C14.8459 12.2382 14.0292 10.2422 12.1106 9.56883C12.8446 9.0935 13.3332 8.27083 13.3332 7.33283C13.3332 5.86216 12.1372 4.66616 10.6666 4.66616C9.3179 4.66616 8.21123 5.67616 8.0359 6.9775C7.6839 6.67216 7.2639 6.4155 6.76723 6.24016C7.5059 5.7655 7.99857 4.9415 7.99857 4.00016C7.99857 2.5295 6.80257 1.3335 5.3319 1.3335C3.86123 1.3335 2.66523 2.5295 2.66523 4.00016C2.66523 4.93816 3.15457 5.7615 3.88923 6.23616C1.96923 6.9095 1.15257 8.90616 0.693232 10.4815C0.590566 10.8348 0.792566 11.2055 1.14657 11.3082C1.20857 11.3262 1.27123 11.3348 1.33323 11.3348C1.62257 11.3348 1.88857 11.1462 1.97323 10.8548C2.69323 8.3875 3.6979 7.33483 5.33323 7.33483C6.77523 7.33483 7.70123 8.1375 8.39523 9.97416C7.0519 10.8555 6.4119 12.4848 6.02457 13.8128C5.9219 14.1662 6.12523 14.5368 6.4779 14.6395C6.54057 14.6575 6.60323 14.6662 6.66457 14.6662C6.9539 14.6662 7.2199 14.4775 7.30457 14.1862C8.0239 11.7188 9.02857 10.6662 10.6646 10.6662C12.2999 10.6662 13.3046 11.7188 14.0246 14.1862C14.1272 14.5388 14.4926 14.7422 14.8512 14.6395C15.2052 14.5368 15.4072 14.1662 15.3046 13.8128Z" fill="currentColor"/>
+</svg>
diff --git a/apps/web/public/images/sidebar/multichain-account.svg b/apps/web/public/images/sidebar/multichain-account.svg
new file mode 100644
index 000000000..bb6ebeafd
--- /dev/null
+++ b/apps/web/public/images/sidebar/multichain-account.svg
@@ -0,0 +1,8 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 0.5C6.09644 0.5 0.5 6.09644 0.5 13C0.5 19.9036 6.09644 25.5 13 25.5C19.9036 25.5 25.5 19.9036 25.5 13C25.5 6.09644 19.9036 0.5 13 0.5Z" fill="#B0FFC9"/>
+<path d="M13 0.5C6.09644 0.5 0.5 6.09644 0.5 13C0.5 19.9036 6.09644 25.5 13 25.5C19.9036 25.5 25.5 19.9036 25.5 13C25.5 6.09644 19.9036 0.5 13 0.5Z" stroke="white"/>
+<rect x="8" y="8" width="4" height="4" rx="0.666667" fill="black"/>
+<rect x="8" y="14" width="4" height="4" rx="0.666667" fill="black"/>
+<rect x="14" y="8" width="4" height="4" rx="0.666667" fill="black"/>
+<rect x="14" y="14" width="4" height="4" rx="0.666667" fill="black"/>
+</svg>
diff --git a/apps/web/public/images/sidebar/nested-safes-icon.svg b/apps/web/public/images/sidebar/nested-safes-icon.svg
new file mode 100644
index 000000000..d4d0ffaea
--- /dev/null
+++ b/apps/web/public/images/sidebar/nested-safes-icon.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 6.05281C9.95372 5.65955 10.625 4.72067 10.625 3.625C10.625 2.17525 9.44975 1 8 1C6.55025 1 5.375 2.17525 5.375 3.625C5.375 4.72067 6.04628 5.65955 7 6.05281V7.125H4.85C3.6902 7.125 2.75 8.0652 2.75 9.225V9.89937C1.73046 10.2597 1 11.2321 1 12.375C1 13.8247 2.17525 15 3.625 15C5.07475 15 6.25 13.8247 6.25 12.375C6.25 11.2321 5.51954 10.2597 4.5 9.89937V9.575C4.5 9.1884 4.8134 8.875 5.2 8.875H10.8C11.1866 8.875 11.5 9.1884 11.5 9.575V9.89937C10.4805 10.2597 9.75 11.2321 9.75 12.375C9.75 13.8247 10.9253 15 12.375 15C13.8247 15 15 13.8247 15 12.375C15 11.2321 14.2695 10.2597 13.25 9.89937V9.225C13.25 8.0652 12.3098 7.125 11.15 7.125H9V6.05281ZM8 4.5C8.48325 4.5 8.875 4.10825 8.875 3.625C8.875 3.14175 8.48325 2.75 8 2.75C7.51675 2.75 7.125 3.14175 7.125 3.625C7.125 4.10825 7.51675 4.5 8 4.5ZM11.5 12.375C11.5 11.8918 11.8918 11.5 12.375 11.5C12.8582 11.5 13.25 11.8918 13.25 12.375C13.25 12.8582 12.8582 13.25 12.375 13.25C11.8918 13.25 11.5 12.8582 11.5 12.375ZM2.75 12.375C2.75 11.8918 3.14175 11.5 3.625 11.5C4.10825 11.5 4.5 11.8918 4.5 12.375C4.5 12.8582 4.10825 13.25 3.625 13.25C3.14175 13.25 2.75 12.8582 2.75 12.375Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/apps/web/public/images/sidebar/nested-safes.svg b/apps/web/public/images/sidebar/nested-safes.svg
new file mode 100644
index 000000000..90203adb6
--- /dev/null
+++ b/apps/web/public/images/sidebar/nested-safes.svg
@@ -0,0 +1,10 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M50 4C75.405 4 96 24.595 96 50C96 75.404 75.405 96 50 96C24.596 96 4 75.404 4 50C4 24.595 24.596 4 50 4Z" class="illustration-background-fill"/>
+<path d="M50 46L50 33.1429" stroke="#A1A3A7" class="illustration-light-stroke" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M50 46L40.3265 46C36.2119 46 34.1545 46 32.5829 46.8297C31.2005 47.5596 30.0766 48.7242 29.3722 50.1566C28.5714 51.7851 28.5714 54.5936 28.5714 58.8571" stroke="#A1A3A7" class="illustration-light-stroke" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M37.1429 67.4289C37.1429 72.1627 33.3053 76.0003 28.5714 76.0003C23.8376 76.0003 20 72.1627 20 67.4289C20 62.695 23.8376 58.8574 28.5714 58.8574C33.3053 58.8574 37.1429 62.695 37.1429 67.4289Z" stroke="#A1A3A7" class="illustration-light-stroke" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M50 46L59.6735 46C63.7881 46 65.8455 46 67.4171 46.8297C68.7995 47.5596 69.9234 48.7242 70.6278 50.1566C71.4286 51.7851 71.4286 54.5936 71.4286 58.8571" stroke="#A1A3A7" class="illustration-light-stroke" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M62.8571 67.4289C62.8571 72.1627 66.6947 76.0003 71.4286 76.0003C76.1624 76.0003 80 72.1627 80 67.4289C80 62.695 76.1624 58.8574 71.4286 58.8574C66.6947 58.8574 62.8571 62.695 62.8571 67.4289Z" stroke="#A1A3A7" class="illustration-light-stroke" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M58.5714 24.5714C58.5714 29.3053 54.7339 33.1429 50 33.1429C45.2661 33.1429 41.4286 29.3053 41.4286 24.5714C41.4286 19.8376 45.2661 16 50 16C54.7339 16 58.5714 19.8376 58.5714 24.5714Z" stroke="#A1A3A7" class="illustration-light-stroke" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M77.204 9C78.2174 9 79.1098 9.6699 79.3913 10.647L79.4704 10.9201L79.7 11.6825L79.8863 12.256L79.9234 12.3643L80.072 12.7772L80.147 12.972L80.2227 13.1592L80.3773 13.5121C81.0512 14.9651 81.8869 15.6706 83.5658 16.3116L83.8241 16.4073L84.2521 16.5555L84.714 16.7046L85.2115 16.8564L85.7467 17.0129C86.7333 17.2888 87.407 18.1887 87.407 19.204C87.407 20.1629 86.8078 21.01 85.9203 21.3377L85.7607 21.3901L85.2238 21.5471L84.7247 21.6994L84.1509 21.886L83.6294 22.072C81.9265 22.7131 81.078 23.41 80.3998 24.8471L80.2993 25.0683L80.1468 25.4357L79.9973 25.8331L79.9231 26.0437L79.7745 26.4898L79.6241 26.9707L79.3908 27.7617C79.1098 28.7371 78.2174 29.407 77.204 29.407C76.1925 29.407 75.3075 28.7409 75.0168 27.7603L74.9376 27.4871L74.7078 26.7245L74.5585 26.2613L74.4101 25.8321C73.6977 23.8532 72.9482 22.9752 71.2052 22.2418L70.9721 22.1468L70.5746 21.9972L70.1451 21.8486L69.6816 21.6991L69.1823 21.5468L68.6453 21.3898C67.6717 21.1093 67 20.2193 67 19.204C67 18.1887 67.6737 17.2888 68.6464 17.0169L68.9197 16.9377L69.4375 16.7833L69.9185 16.6327L70.471 16.4467L70.5752 16.4096L70.9727 16.2599C72.6784 15.5863 73.4863 14.8223 74.1703 13.1919L74.2629 12.9641L74.4129 12.5654L74.5617 12.1346L74.6364 11.9066L74.7874 11.424L75.0216 10.6303C75.3075 9.66611 76.1925 9 77.204 9Z" class="illustration-main-fill"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/sidebar/qr-bold.svg b/apps/web/public/images/sidebar/qr-bold.svg
similarity index 100%
rename from public/images/sidebar/qr-bold.svg
rename to apps/web/public/images/sidebar/qr-bold.svg
diff --git a/public/images/sidebar/settings.svg b/apps/web/public/images/sidebar/settings.svg
similarity index 100%
rename from public/images/sidebar/settings.svg
rename to apps/web/public/images/sidebar/settings.svg
diff --git a/public/images/sidebar/transactions.svg b/apps/web/public/images/sidebar/transactions.svg
similarity index 100%
rename from public/images/sidebar/transactions.svg
rename to apps/web/public/images/sidebar/transactions.svg
diff --git a/apps/web/public/images/sidebar/wallet.svg b/apps/web/public/images/sidebar/wallet.svg
new file mode 100644
index 000000000..0339007b7
--- /dev/null
+++ b/apps/web/public/images/sidebar/wallet.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 10.0002V11.3335C14 12.0699 13.403 12.6668 12.6667 12.6668H2.66667C1.93029 12.6668 1.33333 12.0699 1.33333 11.3335V4.66683C1.33333 3.93045 1.93029 3.3335 2.66667 3.3335H12.6667C13.403 3.3335 14 3.93045 14 4.66683V6.00016C14.3682 6.00016 14.6667 6.29864 14.6667 6.66683V9.3335C14.6667 9.70169 14.3682 10.0002 14 10.0002ZM12.6667 6.00016V4.66683H2.66667V11.3335H12.6667V10.0002H10.6667C10.2985 10.0002 10 9.70169 10 9.3335V6.66683C10 6.29864 10.2985 6.00016 10.6667 6.00016H12.6667ZM11.3333 8.66683V7.3335H13.3333V8.66683H11.3333Z" fill="currentColor"/>
+</svg>
diff --git a/public/images/sidebar/whats-new.svg b/apps/web/public/images/sidebar/whats-new.svg
similarity index 100%
rename from public/images/sidebar/whats-new.svg
rename to apps/web/public/images/sidebar/whats-new.svg
diff --git a/public/images/social-share.png b/apps/web/public/images/social-share.png
similarity index 100%
rename from public/images/social-share.png
rename to apps/web/public/images/social-share.png
diff --git a/apps/web/public/images/spaces/admin.svg b/apps/web/public/images/spaces/admin.svg
new file mode 100644
index 000000000..e910bec2f
--- /dev/null
+++ b/apps/web/public/images/spaces/admin.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.00217 2.66634C9.10484 2.66634 10.0022 3.56301 10.0022 4.66634C10.0022 5.76901 9.10484 6.66634 8.00217 6.66634C6.89951 6.66634 6.00217 5.76901 6.00217 4.66634C6.00217 3.56301 6.89951 2.66634 8.00217 2.66634ZM10.8762 8.04567C10.4895 7.83034 10.0748 7.66901 9.63951 7.55167C10.6468 6.97767 11.3355 5.90634 11.3355 4.66634C11.3355 2.82834 9.84017 1.33301 8.00217 1.33301C6.16417 1.33301 4.66884 2.82834 4.66884 4.66634C4.66884 5.90167 5.35217 6.96967 6.35351 7.54567C3.36484 8.32701 2.11351 11.2317 1.36017 13.8163C1.25751 14.1697 1.46017 14.5403 1.81351 14.643C1.87617 14.6617 1.93884 14.6697 2.00017 14.6697C2.28951 14.6697 2.55551 14.481 2.64017 14.1903C3.76817 10.321 5.37151 8.66967 8.00017 8.66967C8.84817 8.66967 9.57551 8.84634 10.2248 9.20967C10.5455 9.38834 10.9522 9.27367 11.1322 8.95301C11.3122 8.63167 11.1968 8.22501 10.8762 8.04567Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.93237 13.5902L8.93771 14.4849C8.93771 14.5855 9.01971 14.6669 9.12037 14.6669H10.009C10.0577 14.6669 10.1044 14.6475 10.139 14.6129L12.8244 11.9275C12.9297 11.8222 12.9297 11.6515 12.8244 11.5462L12.0364 10.7575C11.9404 10.6615 11.7844 10.6615 11.6884 10.7575L8.98637 13.4602C8.95171 13.4942 8.93237 13.5415 8.93237 13.5902Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6276 11.1242L14.6136 10.1382C14.6876 10.0648 14.6876 9.94416 14.6136 9.87016L13.7283 8.98616C13.6549 8.91216 13.5343 8.91216 13.4603 8.98616L12.4749 9.9715C12.4003 10.0455 12.4003 10.1662 12.4749 10.2402L13.3589 11.1242C13.4329 11.1982 13.5536 11.1982 13.6276 11.1242Z" fill="currentColor"/>
+</svg>
diff --git a/apps/web/public/images/spaces/create_space_info.png b/apps/web/public/images/spaces/create_space_info.png
new file mode 100644
index 000000000..f05a68f22
Binary files /dev/null and b/apps/web/public/images/spaces/create_space_info.png differ
diff --git a/apps/web/public/images/spaces/empty_dashboard.png b/apps/web/public/images/spaces/empty_dashboard.png
new file mode 100644
index 000000000..c86602582
Binary files /dev/null and b/apps/web/public/images/spaces/empty_dashboard.png differ
diff --git a/apps/web/public/images/spaces/empty_dashboard_dark.png b/apps/web/public/images/spaces/empty_dashboard_dark.png
new file mode 100644
index 000000000..3f837e39c
Binary files /dev/null and b/apps/web/public/images/spaces/empty_dashboard_dark.png differ
diff --git a/apps/web/public/images/spaces/member.svg b/apps/web/public/images/spaces/member.svg
new file mode 100644
index 000000000..6393e22b5
--- /dev/null
+++ b/apps/web/public/images/spaces/member.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.005 4.00061C13.659 4.00061 15.005 5.34561 15.005 7.00061C15.005 8.65461 13.659 10.0006 12.005 10.0006C10.351 10.0006 9.005 8.65461 9.005 7.00061C9.005 5.34561 10.351 4.00061 12.005 4.00061ZM16.316 12.0694C15.736 11.7464 15.114 11.5044 14.461 11.3284C15.972 10.4674 17.005 8.86037 17.005 7.00037C17.005 4.24337 14.762 2.00037 12.005 2.00037C9.24797 2.00037 7.00497 4.24337 7.00497 7.00037C7.00497 8.85337 8.02997 10.4554 9.53197 11.3194C5.04897 12.4914 3.17197 16.8484 2.04197 20.7254C1.88797 21.2554 2.19197 21.8114 2.72197 21.9654C2.81597 21.9934 2.90997 22.0054 3.00197 22.0054C3.43597 22.0054 3.83497 21.7224 3.96197 21.2864C5.65397 15.4824 8.05897 13.0054 12.002 13.0054C13.274 13.0054 14.365 13.2704 15.339 13.8154C15.82 14.0834 16.43 13.9114 16.7 13.4304C16.97 12.9484 16.797 12.3384 16.316 12.0694Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0017 4.00061C10.3477 4.00061 9.00167 5.34561 9.00167 7.00061C9.00167 8.65461 10.3477 10.0006 12.0017 10.0006C13.6557 10.0006 15.0017 8.65461 15.0017 7.00061C15.0017 5.34561 13.6557 4.00061 12.0017 4.00061ZM7.69071 12.0694C8.27071 11.7464 8.89271 11.5044 9.54571 11.3284C8.03471 10.4674 7.00171 8.86037 7.00171 7.00037C7.00171 4.24337 9.24471 2.00037 12.0017 2.00037C14.7587 2.00037 17.0017 4.24337 17.0017 7.00037C17.0017 8.85337 15.9767 10.4554 14.4747 11.3194C18.9577 12.4914 20.8347 16.8484 21.9647 20.7254C22.1187 21.2554 21.8147 21.8114 21.2847 21.9654C21.1907 21.9934 21.0967 22.0054 21.0047 22.0054C20.5707 22.0054 20.1717 21.7224 20.0447 21.2864C18.3527 15.4824 15.9477 13.0054 12.0047 13.0054C10.7327 13.0054 9.64171 13.2704 8.66771 13.8154C8.18671 14.0834 7.57671 13.9114 7.30671 13.4304C7.03671 12.9484 7.20971 12.3384 7.69071 12.0694Z" fill="currentColor"/>
+</svg>
diff --git a/apps/web/public/images/spaces/safe-accounts.svg b/apps/web/public/images/spaces/safe-accounts.svg
new file mode 100644
index 000000000..fd97d51b2
--- /dev/null
+++ b/apps/web/public/images/spaces/safe-accounts.svg
@@ -0,0 +1,18 @@
+<svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M66.29 146.58C92.9598 146.58 114.58 124.96 114.58 98.29C114.58 71.6202 92.9598 50 66.29 50C39.6202 50 18 71.6202 18 98.29C18 124.96 39.6202 146.58 66.29 146.58Z" fill="#B0FFC9"/>
+<path d="M99.35 125.7C125.501 125.7 146.7 104.501 146.7 78.35C146.7 52.1993 125.501 31 99.35 31C73.1993 31 52 52.1993 52 78.35C52 104.501 73.1993 125.7 99.35 125.7Z" fill="white"/>
+<path d="M99.35 125.7C125.501 125.7 146.7 104.501 146.7 78.35C146.7 52.1993 125.501 31 99.35 31C73.1993 31 52 52.1993 52 78.35C52 104.501 73.1993 125.7 99.35 125.7Z" fill="white" stroke="#121312" stroke-width="1.33" stroke-miterlimit="10" stroke-linecap="round" stroke-dasharray="6 6"/>
+<path d="M43.57 74.4899C60.0944 74.4899 73.49 61.0943 73.49 44.5699C73.49 28.0455 60.0944 14.6499 43.57 14.6499C27.0457 14.6499 13.65 28.0455 13.65 44.5699C13.65 61.0943 27.0457 74.4899 43.57 74.4899Z" fill="white"/>
+<path d="M46.1344 47.5343L45.5344 47.5343L45.5344 48.1343L45.5344 57.5376C45.5344 58.9374 44.3997 60.0721 43 60.0721C41.6003 60.0721 40.4656 58.9374 40.4656 57.5376L40.4656 48.1343L40.4656 47.5343L39.8656 47.5343L30.4622 47.5343C29.0625 47.5343 27.9278 46.3996 27.9278 44.9999C27.9278 43.6001 29.0625 42.4654 30.4622 42.4654L39.8656 42.4654L40.4656 42.4654L40.4656 41.8654L40.4656 32.4621C40.4656 31.0623 41.6003 29.9276 43 29.9276C44.3997 29.9276 45.5344 31.0623 45.5344 32.4621L45.5344 41.8654L45.5344 42.4654L46.1344 42.4654L55.5378 42.4654C56.9375 42.4654 58.0722 43.6001 58.0722 44.9999C58.0722 46.3996 56.9375 47.5343 55.5378 47.5343L46.1344 47.5343Z" stroke="#121312" stroke-width="1.2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M43.57 15.3C27.4046 15.3 14.3 28.4046 14.3 44.57C14.3 60.7354 27.4046 73.84 43.57 73.84C59.7354 73.84 72.84 60.7354 72.84 44.57C72.84 28.4046 59.7354 15.3 43.57 15.3ZM13 44.57C13 27.6867 26.6867 14 43.57 14C60.4533 14 74.14 27.6867 74.14 44.57C74.14 61.4533 60.4533 75.14 43.57 75.14C26.6867 75.14 13 61.4533 13 44.57Z" fill="#121312"/>
+<g clip-path="url(#clip0_3756_17645)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M79.25 67C79.25 64.9289 80.9289 63.25 83 63.25H117C119.071 63.25 120.75 64.9289 120.75 67V89C120.75 91.0711 119.071 92.75 117 92.75H83C80.9289 92.75 79.25 91.0711 79.25 89V67ZM83 64.75C81.7574 64.75 80.75 65.7574 80.75 67V89C80.75 90.2426 81.7574 91.25 83 91.25H117C118.243 91.25 119.25 90.2426 119.25 89V67C119.25 65.7574 118.243 64.75 117 64.75H83Z" fill="black"/>
+<path d="M109 74C109 73.4477 109.448 73 110 73H121C121.552 73 122 73.4477 122 74V82C122 82.5523 121.552 83 121 83H110C109.448 83 109 82.5523 109 82V74Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M108.25 74C108.25 73.0335 109.034 72.25 110 72.25H121C121.966 72.25 122.75 73.0335 122.75 74V82C122.75 82.9665 121.966 83.75 121 83.75H110C109.034 83.75 108.25 82.9665 108.25 82V74ZM110 73.75C109.862 73.75 109.75 73.8619 109.75 74V82C109.75 82.1381 109.862 82.25 110 82.25H121C121.138 82.25 121.25 82.1381 121.25 82V74C121.25 73.8619 121.138 73.75 121 73.75H110Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_3756_17645">
+<rect width="43.5" height="29.5" fill="white" transform="translate(79.25 63.25)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/web/public/images/spaces/skeleton_bg.png b/apps/web/public/images/spaces/skeleton_bg.png
new file mode 100644
index 000000000..5fd9f6915
Binary files /dev/null and b/apps/web/public/images/spaces/skeleton_bg.png differ
diff --git a/apps/web/public/images/spaces/space.svg b/apps/web/public/images/spaces/space.svg
new file mode 100644
index 000000000..59be65925
--- /dev/null
+++ b/apps/web/public/images/spaces/space.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.33333 5.99997V11.3333M6.33333 5.99997V11.3333M9.66667 5.99997V11.3333M12.6667 5.99997V11.3333M2 12.4L2 12.9333C2 13.3067 2 13.4934 2.07266 13.636C2.13658 13.7614 2.23856 13.8634 2.36401 13.9273C2.50661 14 2.6933 14 3.06667 14H12.9333C13.3067 14 13.4934 14 13.636 13.9273C13.7614 13.8634 13.8634 13.7614 13.9273 13.636C14 13.4934 14 13.3067 14 12.9333V12.4C14 12.0266 14 11.8399 13.9273 11.6973C13.8634 11.5719 13.7614 11.4699 13.636 11.406C13.4934 11.3333 13.3067 11.3333 12.9333 11.3333H3.06667C2.6933 11.3333 2.50661 11.3333 2.36401 11.406C2.23857 11.4699 2.13658 11.5719 2.07266 11.6973C2 11.8399 2 12.0266 2 12.4ZM7.76861 2.05139L2.83527 3.14769C2.53723 3.21392 2.38821 3.24704 2.27698 3.32717C2.17886 3.39786 2.10182 3.4939 2.0541 3.60502C2 3.73099 2 3.88364 2 4.18896L2 4.93331C2 5.30667 2 5.49336 2.07266 5.63597C2.13658 5.76141 2.23856 5.86339 2.36401 5.92731C2.50661 5.99997 2.6933 5.99997 3.06667 5.99997H12.9333C13.3067 5.99997 13.4934 5.99997 13.636 5.92731C13.7614 5.86339 13.8634 5.76141 13.9273 5.63597C14 5.49336 14 5.30667 14 4.93331V4.18896C14 3.88365 14 3.73099 13.9459 3.60502C13.8982 3.4939 13.8211 3.39786 13.723 3.32718C13.6118 3.24704 13.4628 3.21392 13.1647 3.14769L8.23139 2.05139C8.14504 2.0322 8.10187 2.02261 8.05824 2.01878C8.01949 2.01539 7.98051 2.01539 7.94176 2.01878C7.89813 2.02261 7.85496 2.0322 7.76861 2.05139Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/web/public/images/spaces/spaces.svg b/apps/web/public/images/spaces/spaces.svg
new file mode 100644
index 000000000..ea9c4c334
--- /dev/null
+++ b/apps/web/public/images/spaces/spaces.svg
@@ -0,0 +1,14 @@
+<svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M66.29 146.58C92.9598 146.58 114.58 124.96 114.58 98.29C114.58 71.6202 92.9598 50 66.29 50C39.6202 50 18 71.6202 18 98.29C18 124.96 39.6202 146.58 66.29 146.58Z" fill="#B0FFC9"/>
+<path d="M99.35 125.7C125.501 125.7 146.7 104.501 146.7 78.35C146.7 52.1993 125.501 31 99.35 31C73.1993 31 52 52.1993 52 78.35C52 104.501 73.1993 125.7 99.35 125.7Z" fill="white"/>
+<path d="M99.35 125.7C125.501 125.7 146.7 104.501 146.7 78.35C146.7 52.1993 125.501 31 99.35 31C73.1993 31 52 52.1993 52 78.35C52 104.501 73.1993 125.7 99.35 125.7Z" fill="white" stroke="#121312" stroke-width="1.33" stroke-miterlimit="10" stroke-linecap="round" stroke-dasharray="6 6"/>
+<path d="M43.5699 74.4904C60.0943 74.4904 73.4899 61.0947 73.4899 44.5704C73.4899 28.046 60.0943 14.6504 43.5699 14.6504C27.0455 14.6504 13.6499 28.046 13.6499 44.5704C13.6499 61.0947 27.0455 74.4904 43.5699 74.4904Z" fill="white"/>
+<path d="M46.1344 47.5343L45.5344 47.5343L45.5344 48.1343L45.5344 57.5376C45.5344 58.9374 44.3997 60.0721 43 60.0721C41.6003 60.0721 40.4656 58.9374 40.4656 57.5376L40.4656 48.1343L40.4656 47.5343L39.8656 47.5343L30.4622 47.5343C29.0625 47.5343 27.9278 46.3996 27.9278 44.9999C27.9278 43.6001 29.0625 42.4654 30.4622 42.4654L39.8656 42.4654L40.4656 42.4654L40.4656 41.8654L40.4656 32.4621C40.4656 31.0623 41.6003 29.9276 43 29.9276C44.3997 29.9276 45.5344 31.0623 45.5344 32.4621L45.5344 41.8654L45.5344 42.4654L46.1344 42.4654L55.5378 42.4654C56.9375 42.4654 58.0722 43.6001 58.0722 44.9999C58.0722 46.3996 56.9375 47.5343 55.5378 47.5343L46.1344 47.5343Z" stroke="#121312" stroke-width="1.2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M43.57 15.3C27.4046 15.3 14.3 28.4046 14.3 44.57C14.3 60.7354 27.4046 73.84 43.57 73.84C59.7354 73.84 72.84 60.7354 72.84 44.57C72.84 28.4046 59.7354 15.3 43.57 15.3ZM13 44.57C13 27.6867 26.6867 14 43.57 14C60.4533 14 74.14 27.6867 74.14 44.57C74.14 61.4533 60.4533 75.14 43.57 75.14C26.6867 75.14 13 61.4533 13 44.57Z" fill="#121312"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M81.7364 80.156C79.7214 82.8744 78.6744 86.1542 78.3343 88.3308C78.2789 88.6855 77.9464 88.9281 77.5917 88.8727C77.2371 88.8172 76.9945 88.4848 77.0499 88.1301C77.4149 85.7939 78.5256 82.3045 80.692 79.3818C82.8703 76.4432 86.1492 74.042 90.8075 74.042C95.4795 74.042 98.6959 76.6532 100.713 79.1915C101.722 80.4624 102.445 81.73 102.915 82.6786C103.15 83.1537 103.323 83.551 103.438 83.8316C103.496 83.972 103.539 84.0833 103.568 84.1608C103.583 84.1996 103.594 84.2299 103.601 84.2511L103.61 84.2761L103.613 84.2834L103.614 84.2857L103.614 84.2865C103.614 84.2869 103.614 84.2871 103 84.4996L103.614 84.2871C103.731 84.6264 103.552 84.9966 103.212 85.1139C102.873 85.2312 102.503 85.0515 102.386 84.7125L102.386 84.7122L102.386 84.7121L102.384 84.7089L102.378 84.6918C102.373 84.676 102.364 84.6512 102.351 84.6181C102.326 84.5519 102.288 84.4526 102.235 84.3248C102.131 84.069 101.97 83.7001 101.75 83.2557C101.309 82.3655 100.633 81.1811 99.6947 80.0002C97.8152 77.6346 94.9354 75.342 90.8075 75.342C86.6658 75.342 83.7395 77.4536 81.7364 80.156Z" fill="#121312"/>
+<path d="M100.115 65.8077C100.115 70.9482 95.9482 75.1154 90.8077 75.1154C85.6672 75.1154 81.5 70.9482 81.5 65.8077C81.5 60.6672 85.6672 56.5 90.8077 56.5C95.9482 56.5 100.115 60.6672 100.115 65.8077Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.8077 73.7854C95.2137 73.7854 98.7854 70.2137 98.7854 65.8077C98.7854 61.4017 95.2137 57.83 90.8077 57.83C86.4017 57.83 82.83 61.4017 82.83 65.8077C82.83 70.2137 86.4017 73.7854 90.8077 73.7854ZM90.8077 75.1154C95.9482 75.1154 100.115 70.9482 100.115 65.8077C100.115 60.6672 95.9482 56.5 90.8077 56.5C85.6672 56.5 81.5 60.6672 81.5 65.8077C81.5 70.9482 85.6672 75.1154 90.8077 75.1154Z" fill="#121312"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M101.544 87.656C99.5295 90.3744 98.4825 93.6542 98.1424 95.8308C98.087 96.1855 97.7545 96.4281 97.3998 96.3727C97.0452 96.3172 96.8026 95.9848 96.858 95.6301C97.223 93.2939 98.3337 89.8045 100.5 86.8818C102.678 83.9432 105.957 81.542 110.616 81.542C115.271 81.542 118.617 83.9399 120.882 86.8715C123.136 89.7897 124.355 93.2755 124.793 95.6107C124.859 95.9635 124.627 96.3032 124.274 96.3693C123.921 96.4355 123.581 96.2031 123.515 95.8502C123.107 93.6726 121.957 90.3892 119.853 87.6663C117.76 84.9569 114.76 82.842 110.616 82.842C106.474 82.842 103.548 84.9536 101.544 87.656Z" fill="#121312"/>
+<path d="M119.923 73.3077C119.923 78.4482 115.756 82.6154 110.616 82.6154C105.475 82.6154 101.308 78.4482 101.308 73.3077C101.308 68.1672 105.475 64 110.616 64C115.756 64 119.923 68.1672 119.923 73.3077Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M110.616 81.2854C115.022 81.2854 118.593 77.7137 118.593 73.3077C118.593 68.9017 115.022 65.33 110.616 65.33C106.21 65.33 102.638 68.9017 102.638 73.3077C102.638 77.7137 106.21 81.2854 110.616 81.2854ZM110.616 82.6154C115.756 82.6154 119.923 78.4482 119.923 73.3077C119.923 68.1672 115.756 64 110.616 64C105.475 64 101.308 68.1672 101.308 73.3077C101.308 78.4482 105.475 82.6154 110.616 82.6154Z" fill="#121312"/>
+</svg>
diff --git a/apps/web/public/images/transactions/blockaid-icon.svg b/apps/web/public/images/transactions/blockaid-icon.svg
new file mode 100644
index 000000000..aade85804
--- /dev/null
+++ b/apps/web/public/images/transactions/blockaid-icon.svg
@@ -0,0 +1,12 @@
+<svg width="46" height="10" viewBox="0 0 46 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <path d="M8.86914 9.34756V0.460938H10.5625V9.34756H8.86914Z" fill="currentColor"/>
+    <path d="M14.455 9.53526C12.4753 9.53526 11.1182 8.06869 11.1182 6.16707C11.1182 4.26543 12.4753 2.79883 14.455 2.79883C16.4347 2.79883 17.7919 4.26543 17.7919 6.16707C17.7919 8.06869 16.4347 9.53526 14.455 9.53526ZM14.455 8.24269C15.4885 8.24269 16.0737 7.40992 16.0737 6.16707C16.0737 4.92416 15.4885 4.079 14.455 4.079C13.4092 4.079 12.8364 4.92416 12.8364 6.16707C12.8364 7.40992 13.4092 8.24269 14.455 8.24269Z" fill="currentColor"/>
+    <path d="M21.2932 9.53526C19.2761 9.53526 18.0186 8.06869 18.0186 6.16707C18.0186 4.26543 19.2637 2.79883 21.206 2.79883C22.862 2.79883 23.883 3.75585 24.1071 5.13545H22.4511C22.3391 4.57616 21.9033 4.15358 21.2807 4.15358C20.2597 4.15358 19.7368 4.93659 19.7368 6.16707C19.7368 7.37264 20.2224 8.18054 21.2558 8.18054C21.9407 8.18054 22.4262 7.82007 22.5383 7.09921H24.1694C24.0573 8.45397 22.999 9.53526 21.2932 9.53526Z" fill="currentColor"/>
+    <path d="M28.8677 9.34756L27.0747 6.43923L26.3401 7.19737V9.34756H24.6592V0.460938H26.3401V5.38275L28.6062 2.97157H30.6357L28.2824 5.39518L30.922 9.34756H28.8677Z" fill="currentColor"/>
+    <path d="M35.0468 9.35007C34.9472 9.22579 34.885 8.9275 34.8476 8.64164H34.8227C34.499 9.12636 34.0383 9.49921 32.9426 9.49921C31.6352 9.49921 30.7139 8.81564 30.7139 7.54788C30.7139 6.14345 31.8593 5.69598 33.2788 5.49712C34.3371 5.34798 34.8227 5.26098 34.8227 4.77626C34.8227 4.31639 34.4616 4.0181 33.7519 4.0181C32.955 4.0181 32.5691 4.30396 32.5193 4.91298H31.0127C31.0625 3.79438 31.8967 2.8125 33.7643 2.8125C35.6818 2.8125 36.4538 3.67009 36.4538 5.16155V8.4055C36.4538 8.89021 36.5285 9.17607 36.6779 9.28793V9.35007H35.0468ZM33.3535 8.3185C34.3246 8.3185 34.8601 7.72188 34.8601 7.10045V6.14345C34.5612 6.31745 34.1005 6.41688 33.6772 6.51631C32.7932 6.71517 32.3574 6.91402 32.3574 7.51059C32.3574 8.10721 32.7558 8.3185 33.3535 8.3185Z" fill="currentColor"/>
+    <path d="M37.2803 9.34756V2.97157H38.9736V9.34756H37.2803ZM37.2803 1.97726V0.460938H38.9736V1.97726H37.2803Z" fill="currentColor"/>
+    <path d="M42.2058 9.53399C40.5996 9.53399 39.5039 8.22899 39.5039 6.1658C39.5039 4.17717 40.637 2.79756 42.2307 2.79756C43.1271 2.79756 43.6874 3.20771 44.036 3.74216H44.0734V0.460938H45.7668V9.34756H44.1357V8.51485H44.1108C43.7372 9.12385 43.1022 9.53399 42.2058 9.53399ZM42.5793 8.11713C43.5879 8.11713 44.1108 7.37137 44.1108 6.20309C44.1108 4.98504 43.7123 4.16474 42.6291 4.16474C41.6953 4.16474 41.2221 4.98504 41.2221 6.1658C41.2221 7.39623 41.7077 8.11713 42.5793 8.11713Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.22285 1.9113H0.137496V0.462891H6.22285C7.362 0.462891 8.28547 1.38501 8.28547 2.52252C8.28547 3.66002 7.362 4.58214 6.22285 4.58214H1.80974C1.64101 4.58214 1.50423 4.71873 1.50423 4.88719C1.50423 5.05571 1.64101 5.19229 1.80974 5.19229H6.22304C7.36209 5.19229 8.28547 6.11433 8.28547 7.25171C8.28547 8.38914 7.36209 9.31119 6.22304 9.31119H0.137496V7.86276H6.22304C6.561 7.86276 6.835 7.58919 6.835 7.25171C6.835 6.91424 6.561 6.64067 6.22304 6.64067H1.80974C0.839911 6.64067 0.0537109 5.85562 0.0537109 4.88719C0.0537109 3.91879 0.839911 3.13374 1.80974 3.13374H6.22285C6.5609 3.13374 6.835 2.86009 6.835 2.52252C6.835 2.18495 6.5609 1.9113 6.22285 1.9113Z" fill="currentColor"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/images/transactions/circle-cross-red.svg b/apps/web/public/images/transactions/circle-cross-red.svg
similarity index 100%
rename from public/images/transactions/circle-cross-red.svg
rename to apps/web/public/images/transactions/circle-cross-red.svg
diff --git a/public/images/transactions/custom.svg b/apps/web/public/images/transactions/custom.svg
similarity index 100%
rename from public/images/transactions/custom.svg
rename to apps/web/public/images/transactions/custom.svg
diff --git a/public/images/transactions/ghost.svg b/apps/web/public/images/transactions/ghost.svg
similarity index 100%
rename from public/images/transactions/ghost.svg
rename to apps/web/public/images/transactions/ghost.svg
diff --git a/public/images/transactions/incoming.svg b/apps/web/public/images/transactions/incoming.svg
similarity index 100%
rename from public/images/transactions/incoming.svg
rename to apps/web/public/images/transactions/incoming.svg
diff --git a/apps/web/public/images/transactions/nestedTx.svg b/apps/web/public/images/transactions/nestedTx.svg
new file mode 100644
index 000000000..fa50e1633
--- /dev/null
+++ b/apps/web/public/images/transactions/nestedTx.svg
@@ -0,0 +1,5 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.99666 0C4.78406 0 5.42237 0.64045 5.42237 1.43049V4.01005C5.42237 4.80009 4.78406 5.44054 3.99666 5.44054H1.42571C0.638312 5.44054 0 4.80009 0 4.01005V1.43049C0 0.64045 0.638312 0 1.42571 0H3.99666ZM3.8798 1.54774H1.54257V3.8928H3.8798V1.54774Z" fill="currentColor"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5743 8.55946C13.3617 8.55946 14 9.19991 14 9.98995V12.5695C14 13.3595 13.3617 14 12.5743 14H10.0033C9.21594 14 8.57763 13.3596 8.57763 12.5695V9.98995C8.57763 9.19991 9.21594 8.55946 10.0033 8.55946H12.5743ZM12.4574 10.1072H10.1202V12.4523H12.4574V10.1072Z" fill="currentColor"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.86978 4.49079H3.41235V8.06488C3.45517 8.47668 3.63052 9.09522 4.00277 9.59644C4.36242 10.0807 4.90185 10.459 5.76127 10.459H9.3606V12.0067H5.76127C4.3489 12.0067 3.37498 11.3414 2.76585 10.5212C2.17908 9.73117 1.92953 8.80376 1.87288 8.17146L1.86978 8.13689V4.49079Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/transactions/new-tx.svg b/apps/web/public/images/transactions/new-tx.svg
similarity index 100%
rename from public/images/transactions/new-tx.svg
rename to apps/web/public/images/transactions/new-tx.svg
diff --git a/public/images/transactions/no-transactions.svg b/apps/web/public/images/transactions/no-transactions.svg
similarity index 100%
rename from public/images/transactions/no-transactions.svg
rename to apps/web/public/images/transactions/no-transactions.svg
diff --git a/public/images/transactions/outgoing.svg b/apps/web/public/images/transactions/outgoing.svg
similarity index 100%
rename from public/images/transactions/outgoing.svg
rename to apps/web/public/images/transactions/outgoing.svg
diff --git a/public/images/transactions/recovery-execution.svg b/apps/web/public/images/transactions/recovery-execution.svg
similarity index 100%
rename from public/images/transactions/recovery-execution.svg
rename to apps/web/public/images/transactions/recovery-execution.svg
diff --git a/public/images/transactions/recovery-recoverer.svg b/apps/web/public/images/transactions/recovery-recoverer.svg
similarity index 100%
rename from public/images/transactions/recovery-recoverer.svg
rename to apps/web/public/images/transactions/recovery-recoverer.svg
diff --git a/public/images/transactions/redefine-dark-mode.png b/apps/web/public/images/transactions/redefine-dark-mode.png
similarity index 100%
rename from public/images/transactions/redefine-dark-mode.png
rename to apps/web/public/images/transactions/redefine-dark-mode.png
diff --git a/public/images/transactions/redefine.png b/apps/web/public/images/transactions/redefine.png
similarity index 100%
rename from public/images/transactions/redefine.png
rename to apps/web/public/images/transactions/redefine.png
diff --git a/public/images/transactions/replace-tx.svg b/apps/web/public/images/transactions/replace-tx.svg
similarity index 100%
rename from public/images/transactions/replace-tx.svg
rename to apps/web/public/images/transactions/replace-tx.svg
diff --git a/public/images/transactions/rocket.svg b/apps/web/public/images/transactions/rocket.svg
similarity index 100%
rename from public/images/transactions/rocket.svg
rename to apps/web/public/images/transactions/rocket.svg
diff --git a/public/images/transactions/settings.svg b/apps/web/public/images/transactions/settings.svg
similarity index 100%
rename from public/images/transactions/settings.svg
rename to apps/web/public/images/transactions/settings.svg
diff --git a/apps/web/public/images/transactions/signature.svg b/apps/web/public/images/transactions/signature.svg
new file mode 100644
index 000000000..79aa58d5a
--- /dev/null
+++ b/apps/web/public/images/transactions/signature.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M3.85378 11.9828C3.46711 12.4528 3.09378 12.9162 2.70711 13.3728C2.55378 13.5562 2.37711 13.7195 2.20711 13.8895C2.00711 14.0895 1.79378 14.1062 1.63044 13.9428C1.47044 13.7828 1.49044 13.5595 1.68711 13.3662C2.31378 12.7562 2.86044 12.0862 3.33711 11.3528C3.40378 11.2495 3.40044 11.1762 3.34378 11.0728C2.72711 9.92618 2.11711 8.77951 1.64044 7.56618C1.34044 6.79951 1.07044 6.01951 1.01711 5.18951C0.997109 4.85284 1.01044 4.49618 1.08711 4.16951C1.23378 3.53618 1.62711 3.09618 2.28378 2.97618C2.97378 2.84951 3.56044 3.07951 3.96711 3.65618C4.62378 4.59284 5.01378 5.63951 5.15378 6.77618C5.34711 8.31951 5.06044 9.76951 4.32378 11.1362C4.29711 11.1862 4.30711 11.2728 4.33044 11.3295C4.38711 11.4528 4.46044 11.5662 4.53044 11.6828C4.76044 12.0662 5.18378 12.1262 5.50378 11.8062C5.88378 11.4228 6.27044 11.0395 6.62378 10.6295C7.32044 9.81951 8.43044 10.0495 8.89378 10.8962C9.10044 11.2728 9.50044 11.3428 9.82711 11.0628C10.0138 10.9028 10.1938 10.7395 10.3804 10.5795C11.1271 9.93284 12.1904 10.2028 12.5371 11.1262C12.6571 11.4428 12.8304 11.5662 13.1771 11.5662C13.6504 11.5662 14.1238 11.5662 14.6004 11.5662C14.9004 11.5662 15.0804 11.8362 14.9638 12.0895C14.9004 12.2228 14.7871 12.3028 14.6438 12.3028C14.0904 12.3062 13.5371 12.3262 12.9871 12.2895C12.4171 12.2528 12.0438 11.9195 11.8504 11.3828C11.7371 11.0728 11.5071 10.9162 11.2038 10.9695C11.0938 10.9895 10.9771 11.0495 10.8871 11.1228C10.6971 11.2695 10.5204 11.4328 10.3438 11.5962C9.61044 12.2695 8.63378 11.9662 8.22044 11.2295C8.12044 11.0528 7.99378 10.9162 7.78711 10.8795C7.55711 10.8395 7.37044 10.9162 7.21378 11.0862C6.84044 11.4862 6.45378 11.8728 6.08378 12.2762C5.40378 13.0162 4.31378 12.8362 3.88044 12.0295C3.87044 12.0128 3.85711 11.9962 3.85044 11.9862L3.85378 11.9828ZM3.81711 10.4295C3.84044 10.4095 3.85044 10.4028 3.85378 10.3962C3.86378 10.3795 3.87378 10.3595 3.88044 10.3395C4.81044 8.17284 4.64711 6.09284 3.38378 4.10618C3.16711 3.76618 2.83044 3.63284 2.43711 3.69951C2.04378 3.76284 1.86378 4.05618 1.78044 4.40951C1.66711 4.88951 1.74378 5.36284 1.86044 5.82951C2.26711 7.46284 3.05044 8.93951 3.81711 10.4328V10.4295Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/transactions/tenderly-dark.svg b/apps/web/public/images/transactions/tenderly-dark.svg
similarity index 100%
rename from public/images/transactions/tenderly-dark.svg
rename to apps/web/public/images/transactions/tenderly-dark.svg
diff --git a/public/images/transactions/tenderly-light.svg b/apps/web/public/images/transactions/tenderly-light.svg
similarity index 100%
rename from public/images/transactions/tenderly-light.svg
rename to apps/web/public/images/transactions/tenderly-light.svg
diff --git a/apps/web/public/images/transactions/tenderly-small.svg b/apps/web/public/images/transactions/tenderly-small.svg
new file mode 100644
index 000000000..5a94e316e
--- /dev/null
+++ b/apps/web/public/images/transactions/tenderly-small.svg
@@ -0,0 +1,9 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.393555" width="17" height="15.2128" fill="url(#pattern0_6059_15659)"/>
+<defs>
+<pattern id="pattern0_6059_15659" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_6059_15659" transform="matrix(0.0248575 0 0 0.0277778 -0.0271173 0)"/>
+</pattern>
+<image id="image0_6059_15659" width="156" height="36" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAAAkCAYAAAB8IVNVAAAMPmlDQ1BJQ0MgUHJvZmlsZQAASImVVwdYU8kWnluSkEBoAQSkhN4EkRpASggt9N5shCRAKDEGgoodXVRw7SICNnRVRMFKsyN2FsXeFwsqyrpYsCtvUkDXfeV7831z57//nPnPmXNn7r0DgNpxjkiUi6oDkCcsEMcG+9OTU1LppKeAAHBAASZAmcPNFzGjo8MBLEPt38u76wCRtlfspVr/7P+vRYPHz+cCgERDnM7L5+ZBfAAAvJorEhcAQJTyZlMLRFIMK9ASwwAhXiTFmXJcLcXpcrxHZhMfy4K4HQAlFQ5HnAmA6iXI0wu5mVBDtR9iRyFPIARAjQ6xT17eZB7EaRBbQxsRxFJ9RvoPOpl/00wf1uRwMoexfC6yohQgyBflcqb/n+n43yUvVzLkwxJWlSxxSKx0zjBvN3Mmh0mxCsR9wvTIKIg1If4g4MnsIUYpWZKQBLk9asDNZ8GcAR2IHXmcgDCIDSAOEuZGhiv49AxBEBtiuELQaYICdjzEuhAv4ucHxilsNoknxyp8oY0ZYhZTwZ/liGV+pb7uS3ISmAr911l8tkIfUy3Kik+CmAKxeaEgMRJiVYgd8nPiwhQ2Y4uyWJFDNmJJrDR+c4hj+cJgf7k+VpghDopV2Jfm5Q/NF9uUJWBHKvC+gqz4EHl+sHYuRxY/nAt2iS9kJgzp8POTw4fmwuMHBMrnjj3jCxPiFDofRAX+sfKxOEWUG62wx035ucFS3hRil/zCOMVYPLEALki5Pp4hKoiOl8eJF2VzQqPl8eDLQThggQBABxJY08FkkA0EnX1NffBO3hMEOEAMMgEf2CuYoRFJsh4hvMaBIvAnRHyQPzzOX9bLB4WQ/zrMyq/2IEPWWygbkQOeQJwHwkAuvJfIRgmHvSWCx5AR/MM7B1YujDcXVmn/v+eH2O8MEzLhCkYy5JGuNmRJDCQGEEOIQUQbXB/3wb3wcHj1g9UJZ+AeQ/P4bk94QugiPCRcI3QTbk0SFIt/ijICdEP9IEUu0n/MBW4JNV1xf9wbqkNlXAfXB/a4C/TDxH2hZ1fIshRxS7NC/0n7bzP44Wko7MiOZJQ8guxHtv55pKqtquuwijTXP+ZHHmv6cL5Zwz0/+2f9kH0ebMN+tsQWYfuxM9gJ7Bx2GGsCdOwY1ox1YEekeHh1PZatriFvsbJ4cqCO4B/+hp6sNJP5jnWOvY5f5H0F/GnSdzRgTRZNFwsyswroTPhF4NPZQq7DKLqTo5MzANLvi/z19SZG9t1AdDq+c/P/AMD72ODg4KHvXOgxAPa6w+3f8p2zZsBPhzIAZ1u4EnGhnMOlFwJ8S6jBnaYHjIAZsIbzcQJuwAv4gUAQCqJAPEgBE2H0WXCdi8FUMBPMAyWgDCwHa0Al2Ai2gB1gN9gHmsBhcAKcBhfAJXAN3IGrpwe8AP3gHfiMIAgJoSI0RA8xRiwQO8QJYSA+SCASjsQiKUgakokIEQkyE5mPlCErkUpkM1KL7EVakBPIOaQLuYU8QHqR18gnFENVUC3UELVER6MMlImGofHoBDQTnYIWoQvQpWgFWoPuQhvRE+gF9Brajb5ABzCAKWM6mAlmjzEwFhaFpWIZmBibjZVi5VgNVo+1wud8BevG+rCPOBGn4XTcHq7gEDwB5+JT8Nn4ErwS34E34u34FfwB3o9/I1AJBgQ7gieBTUgmZBKmEkoI5YRthIOEU3Av9RDeEYlEHaIV0R3uxRRiNnEGcQlxPbGBeJzYRXxEHCCRSHokO5I3KYrEIRWQSkjrSLtIx0iXST2kD0rKSsZKTkpBSqlKQqVipXKlnUpHlS4rPVX6TFYnW5A9yVFkHnk6eRl5K7mVfJHcQ/5M0aBYUbwp8ZRsyjxKBaWecopyl/JGWVnZVNlDOUZZoDxXuUJ5j/JZ5QfKH1U0VWxVWCrjVSQqS1W2qxxXuaXyhkqlWlL9qKnUAupSai31JPU+9YMqTdVBla3KU52jWqXaqHpZ9aUaWc1Cjak2Ua1IrVxtv9pFtT51srqlOkudoz5bvUq9Rf2G+oAGTWOMRpRGnsYSjZ0a5zSeaZI0LTUDNXmaCzS3aJ7UfETDaGY0Fo1Lm0/bSjtF69EiallpsbWytcq0dmt1avVra2q7aCdqT9Ou0j6i3a2D6VjqsHVydZbp7NO5rvNphOEI5gj+iMUj6kdcHvFed6Suny5ft1S3Qfea7ic9ul6gXo7eCr0mvXv6uL6tfoz+VP0N+qf0+0ZqjfQayR1ZOnLfyNsGqIGtQazBDIMtBh0GA4ZGhsGGIsN1hicN+4x0jPyMso1WGx016jWmGfsYC4xXGx8zfk7XpjPpufQKeju938TAJMREYrLZpNPks6mVaYJpsWmD6T0zihnDLMNstVmbWb+5sXmE+UzzOvPbFmQLhkWWxVqLMxbvLa0skywXWjZZPrPStWJbFVnVWd21plr7Wk+xrrG+akO0Ydjk2Ky3uWSL2rraZtlW2V60Q+3c7AR26+26RhFGeYwSjqoZdcNexZ5pX2hfZ//AQcch3KHYocnh5Wjz0amjV4w+M/qbo6tjruNWxztjNMeEjike0zrmtZOtE9epyumqM9U5yHmOc7PzKxc7F77LBpebrjTXCNeFrm2uX93c3cRu9W697ubuae7V7jcYWoxoxhLGWQ+Ch7/HHI/DHh893TwLPPd5/uVl75XjtdPr2VirsfyxW8c+8jb15nhv9u72ofuk+Wzy6fY18eX41vg+9DPz4/lt83vKtGFmM3cxX/o7+ov9D/q/Z3myZrGOB2ABwQGlAZ2BmoEJgZWB94NMgzKD6oL6g12DZwQfDyGEhIWsCLnBNmRz2bXs/lD30Fmh7WEqYXFhlWEPw23DxeGtEWhEaMSqiLuRFpHCyKYoEMWOWhV1L9oqekr0oRhiTHRMVcyT2DGxM2PPxNHiJsXtjHsX7x+/LP5OgnWCJKEtUS1xfGJt4vukgKSVSd3Jo5NnJV9I0U8RpDSnklITU7elDowLHLdmXM941/El469PsJowbcK5ifoTcycemaQ2iTNpfxohLSltZ9oXThSnhjOQzk6vTu/nsrhruS94frzVvF6+N38l/2mGd8bKjGeZ3pmrMnuzfLPKs/oELEGl4FV2SPbG7Pc5UTnbcwZzk3Ib8pTy0vJahJrCHGH7ZKPJ0yZ3iexEJaLuKZ5T1kzpF4eJt+Uj+RPymwu04I98h8Ra8ovkQaFPYVXhh6mJU/dP05gmnNYx3Xb64ulPi4KKfpuBz+DOaJtpMnPezAezmLM2z0Zmp89um2M2Z8GcnrnBc3fMo8zLmfd7sWPxyuK385Pmty4wXDB3waNfgn+pK1EtEZfcWOi1cOMifJFgUedi58XrFn8r5ZWeL3MsKy/7soS75PyvY36t+HVwacbSzmVuyzYsJy4XLr++wnfFjpUaK4tWPloVsapxNX116eq3ayatOVfuUr5xLWWtZG13RXhF8zrzdcvXfanMqrxW5V/VUG1Qvbj6/Xre+ssb/DbUbzTcWLbx0ybBppubgzc31ljWlG8hbinc8mRr4tYzvzF+q92mv61s29ftwu3dO2J3tNe619buNNi5rA6tk9T17hq/69LugN3N9fb1mxt0Gsr2gD2SPc/3pu29vi9sX9t+xv76AxYHqg/SDpY2Io3TG/ubspq6m1Oau1pCW9pavVoPHnI4tP2wyeGqI9pHlh2lHF1wdPBY0bGB46LjfScyTzxqm9R252TyyavtMe2dp8JOnT0ddPrkGeaZY2e9zx4+53mu5TzjfNMFtwuNHa4dB393/f1gp1tn40X3i82XPC61do3tOnrZ9/KJKwFXTl9lX71wLfJa1/WE6zdvjL/RfZN389mt3Fuvbhfe/nxn7l3C3dJ76vfK7xvcr/nD5o+GbrfuIw8CHnQ8jHt45xH30YvH+Y+/9Cx4Qn1S/tT4ae0zp2eHe4N6Lz0f97znhejF576SPzX+rH5p/fLAX35/dfQn9/e8Er8afL3kjd6b7W9d3rYNRA/cf5f37vP70g96H3Z8ZHw88ynp09PPU7+QvlR8tfna+i3s293BvMFBEUfMkf0KYLCiGRkAvN4OADUFABo8n1HGyc9/soLIz6wyBP4Tlp8RZcUNgHr4/x7TB/9ubgCwZys8fkF9tfEARFMBiPcAqLPzcB06q8nOldJChOeATTFf0/PSwb8p8jPnD3H/3AKpqgv4uf0XTIh8SnYVtqgAAAA4ZVhJZk1NACoAAAAIAAGHaQAEAAAAAQAAABoAAAAAAAKgAgAEAAAAAQAAAJygAwAEAAAAAQAAACQAAAAAbKjuNwAAC55JREFUeAHtW01sG8cVniEpwfKfWBj+SwqI7s8haF0xSN2iP6npoGmOYoH+oIdCq0MBu05gKkXPoq51Y1EHF24vXqE9FD3U1LkHUY6BBm4AU02KtEbqUCkSG/5pSEeJLJHc6fdWO+vZ4e6Sktc0VOwCq3l/896bN2/fzOxSnIVc1xZEOplszgjOsgnGJ48+P1AJEY9ZcQS6RoAHSbz1enPKEqzAOUu7MkKY7fbA5LMneN2lxUAcgU1EoCPhlq60xpllFTnnGT89QrA646I4+vzgrB8/psURCIuAm3CoaDnB2BSEc2EdFF4lmUhNfulbvKrQYjCOQGgE+Dt/FZlmsznFODdCJYOY8TIbFJmY7hMBvnRlvSAsPp3gbK8PvycSLbPoX2q1UrNb3d/NFER6MPHpGZYU86fP7o6rZk+R335C9pJ69tTaV775EvvVnn2JlyIYQllwXh5MJhef+QavhenbqK7t0Q9uWC8sv9Mcb7fYsMUTJ1759VAlrN//O+/QoUMGxjiijHPu1q1bNQXvCwg/iqoh+ODBVV6vsLuHM7Ii/VRm5U8v/mRgaN9TyW/3qiBMjiofTrlUreowZFctIUQGy3eG2laTNZYut/atrojPSj1bTbjDhw+XoHNU6kFLk2Qq+LYBMdEVHNqOS4cxrhMYS0XifWoTiGlbtdVqtfbcuXNnRaVtFk7JDmaV1w0mfvTH1xqVzx9NVY//cJAP7eLqBErRnlvnlUqOOuBAkrc7gthuW9f/9Wa7fu+myNq0CP5gUrLaJC1GoDZWEXEE3IQjvXbSZUXu3281ajfebg9/7svJ6gs/HmwPDvHnorBrWeyD//xTvPf+9VYkFTQKn2Id/Y2AJ+HINCXdya9+nGdJawFJl73x9io79t3BK8+9mDqSSLKnt+IeltbGvQ/FtevXms9inxZpsmH5sZceVLdhzbcRyWu32w0sBfaSrsqkce3YsWMMtAzuHHRULcuqoZ332zM58m7VV/XC1rijh6HaYivhrwMy9gV52laMQS7tkGoPHjyYr+Ny8K7NZv0nhTImUjnGaa8Eqv/g0XbkfSmjtnoMiCd1qHIE67ZWV1f/znUhiZ/8WsNknFEQ7YuC+L2f7vz9F7PsO4z1utSKpfv3+J//8UbrB62mdVTqCms3u4fDPgOrdfgF3xcRlJyUoqANDQ1NAS9Imk9bQoCm1QRAACkpF6Qs6UXSFVKp1EXQspIuW/AnYNeUuGyhZwp6ihJX2jr6TAI3wD8u6aB17OFCdNjd0MdEAk+q/hNDjxfG+BnEgsbk+u/Yu+y3h8MrtBTkP7KNOH8Qg+/fvn27rNLgXwZjeE+loe/TCZXggRODRRVH5/Rf/rD6ym9+sXppIJU6wgSfEIxNQ4aeEPcGbZZ4JPP6pfVS9fLaZK/Jptp7nLAT4LBkI/MFRy7QFcRkOJlMXoKAO1mqMPgzFHiVBrwIelGlKXAavIu43Sqq8FwQOhZCdNhy4BvkPz1cbkcfADIXQfb130ecOQk8r/IQg5yKEwz7eZWGJF6+e/fuhx1LqhS68MZQDVVuTq1yNo+z4uyZ+/zC1eGilPVrz7+6YsDqRe7HfII0PLUlmNcDvISA0DKYBk+d7CzJ37x5sxDgMh1UAlg2mfQZuIu4aYmhp36KYPWC7QboNdCkbernezn+5zRmoP9IqCKSJMh/UpPXdHVFUdFMJNmYFIT/BHtsgJZXYwO4RPLBFQ5Mi/EyCXVcnE2dPHbf6KA7hPO/XMmi0s0E8aOkIxk43RggVVn3Aj4teXI5dZ72M64QAEcuSzKQzwKfUPmAx7tUCZrsI44PJwA3tP45iSPonkkhOtmD7TTZpuUNpCUpr7eOH+MqHf3nqK/0n5Y3lQ/4TBf/yYcG7mnnnoOOuqbDg9LySX0kEePK7N+/PytxsgfacYlTC3k7l0IT7ndX99pCakcJC27N/OzYimtE0u3WspeFtIfWEyIaCR4+2J7UBAjhaTc01hImqqjSgJvA1Umng0VelVFhBDKPPjWioa2gKRDsd0HWEy/gc449W5yWK9Ln15dojh9pyYfsMvobEqfW2UvNqzSfcbts0oG9XgZ6is5t+B2w3A4OgIQyVRr2sYbEfeLlHsICl1TZGam5iKXRk63Eg8F0kreoip1wZQGcf/WTIhpPYFV+EIyKOJdsJ4unXhuqBck8Kh3BpSfPVQP8IyxzUy7BAYiuyoGc0WUIh1wDk1TTeDrusqFTj6PpMh2A9MGnRR9Zksg4YnYDmSD/h8FzRWncLqIBOJUXKNE1clcUL4FNJJm6Wrhjg+28qgD2yxLvnnCMVyDsKpMdN1qeo6X1wt/2moTT91DBPjnDsfHr+aKETrLCy/35fppT/UJgCPfQVL6EIRc0YVUpE3Fbg76AmHss0R4y66H4IGEy+unSp7sviaog9pO0Eow6Alnao6Ja1oGPyU7OQ2lKPHRJtYWsREUK+7VYWt0sH0isGiGT4+kuGFumVyCnz+3O9fFjfc3jRO9IpnfRSCQjtRdW4R7RW1Ptj7nP+yynZVWmhwqninfC9PTgRXHuwpt7KpwJN/k6JSUFm038kvjlc7tNSeljW1NtYSJoD2WotMcMqxWBTGUC7I0E0HXyPA4MeZ3YLxyHHBP7wxnF3jhgGqN74QBSchEA3SucKh0Ai6SVp5MpVtJMgMgGWbD59fauDKqaGSq3BSYSv6p1y2g4fshseWTQZ4yWAV0OS8Ul0BfkrZ7AdNnN4Ehwj330pQnyXAcOHKDXCRkP0UEweWWN7us//L4ofXfanNYvEtTZ+80rymiJV5fTZf0A0rXCUeU6+fWGotMHFOK4aCdqnGOh9L3wnolx4+fndukB85XeChGTWcdg3a6AxxFscqiGm05zJu1XQFsGb8QRTAO+dPDgweLa2triwMBABhvhKfBo0m0R6PX9LOb032xTQYdx2Qk2cpQQsFECTP7nwStIvt767JtIZAH+F3T/ZV/yH/uqqsSjbvEQeN7JQX9a2sB4ShKWbdeEk4JhLRSjuglPKZXy+I661LR25SZLj/0fb0zYpGRxL/hlEIKgL6IxCaZTmfN1gFC6solEooylYQPT/kJHUSNtGaWkR/WkhBqVSqA/R7fEu7U4HRp4KK5JOfTN4A70H3KlrZxCpf5urfMQ04vrYV0WcS/rtEiWVFLaWudf0JXTK5WmtbMfyUbvwGqwP9vhg0agACEQExo5CJ3FHqnjKQ0S7oVOCUNVJ0SWHlzfh5f6UJUj/7vosNVDhvaoRRt5jH+QbKaPevfdm8qLpMKRwtWPrd0D+zaWIcIF3qvhYGAQ3K8LyVHAElWHPTotj0i7gInmXlRpsC+rolIUQRxzGQ6AiaKKSC9CKyqP3sCjOhLPvqC3KmHZdpOhhIHtHPQU0N9dXp0EKmP5o2+4ReCuz6RT6qdW+k86gNLy76kuQf5TX4dHYLfLgmxFFYLvnh9kSp7POzmyU5Z8tX2YISpVg7GHQ/6EXyPPJJf27tv46LyxjPansgV5RZ9XaE9GExwkI+lI0hzBNLG9yMt+UbR0IEHipPXk3oxuqeNJ+E9+kn11mUey0QvxtN8YIqtwD5XjgJBkxuQ5b1V5yO8P5OxbuiYbefMok/2oo4kiwaPQ8SjjcCqtqsK3upFA9AkneOn02V09TbTqYQxvzwhgdaBDi7s1oFGg0paCRhPZoWHDgGisWzsDjQU5EdO3dQQM1Xsspx3v3lR+tBUO1a0Prz9U/2P4CUcA1S2LJHMPUnDHDHMp0oRLWIlQY2GOxLztGYHNflrrbUnlg/hJuSeLO6LTbvF3T5Ue30+LOgzGhG0ZgZ4Sjn5ufuFqOsfaCfpFq+9LybVPN/7ReVtGIXa6bxHoKeGkN/Rd9bdX01lm8Qm8QlyWdGpXV6x3VTyG4wj4RWBTCScV0A8uH6wNZ/E5gX4Hb3+mWfkvuyX5cRtHICgCW0o4Ukb/ME3/ubW2PpxB4s0FGYjpcQTUCPwPioM0XXAoKPAAAAAASUVORK5CYII="/>
+</defs>
+</svg>
diff --git a/public/images/transactions/transactions.svg b/apps/web/public/images/transactions/transactions.svg
similarity index 100%
rename from public/images/transactions/transactions.svg
rename to apps/web/public/images/transactions/transactions.svg
diff --git a/apps/web/public/images/transactions/zodiac-roles.svg b/apps/web/public/images/transactions/zodiac-roles.svg
new file mode 100644
index 000000000..5eeb888df
--- /dev/null
+++ b/apps/web/public/images/transactions/zodiac-roles.svg
@@ -0,0 +1,64 @@
+<svg width="360" height="360" viewBox="0 0 360 360" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_3240)">
+<path d="M179.311 333.974C264.708 333.974 333.937 264.745 333.937 179.348C333.937 93.9508 264.708 24.7227 179.311 24.7227C93.914 24.7227 24.6858 93.9508 24.6858 179.348C24.6858 264.745 93.914 333.974 179.311 333.974Z" fill="url(#paint0_linear_1_3240)"/>
+<path d="M179.311 333.974C264.708 333.974 333.937 264.745 333.937 179.348C333.937 93.9508 264.708 24.7227 179.311 24.7227C93.914 24.7227 24.6858 93.9508 24.6858 179.348C24.6858 264.745 93.914 333.974 179.311 333.974Z" fill="url(#paint1_radial_1_3240)"/>
+<circle cx="179.433" cy="179.47" r="37.2475" fill="black" stroke="#2B344D"/>
+<g filter="url(#filter0_d_1_3240)">
+<path d="M179.311 333.974C264.708 333.974 333.937 264.745 333.937 179.348C333.937 93.9508 264.708 24.7227 179.311 24.7227C93.914 24.7227 24.6858 93.9508 24.6858 179.348C24.6858 264.745 93.914 333.974 179.311 333.974Z" fill="url(#paint2_linear_1_3240)" fill-opacity="0.75" shape-rendering="crispEdges"/>
+</g>
+<path d="M265.17 232.953C256.442 246.126 245.262 245.689 231.63 231.641C245.684 245.266 246.127 256.446 232.959 265.182L225.611 269.327L233.872 285.53C238.932 282.95 243.819 279.997 248.455 276.716C259.786 269.221 271.328 271.338 283.082 283.067C271.346 271.32 269.223 259.778 276.712 248.443C279.991 243.805 282.942 238.917 285.519 233.855L269.312 225.603L265.17 232.953Z" fill="#F7262B"/>
+<path d="M127.44 265.209C114.267 256.481 114.704 245.301 128.752 231.668C115.127 245.723 103.947 246.166 95.2114 232.998L91.0657 225.65L74.8635 233.91C77.4431 238.971 80.3964 243.857 83.6775 248.494C91.1725 259.825 89.0553 271.367 77.3259 283.121C89.0735 271.385 100.615 269.262 111.95 276.751C116.588 280.03 121.476 282.981 126.538 285.557L134.79 269.351L127.44 265.209Z" fill="#F7262B"/>
+<path d="M113.288 50.8603C126.79 76.5881 129.389 92.6959 121.085 99.1835C112.494 105.285 97.8021 98.1884 77.01 77.8924C87.5355 67.0911 99.9273 57.8574 113.288 50.8603Z" fill="#E1727F" stroke="#E1727F" stroke-width="0.75"/>
+<path d="M245.993 50.8603C232.49 76.5881 229.891 92.6959 238.195 99.1835C246.786 105.285 261.478 98.1884 282.27 77.8924C271.744 67.0911 259.353 57.8574 245.993 50.8603Z" fill="#E1727F" stroke="#E1727F" stroke-width="0.75"/>
+<path d="M202.641 36.6067C197.926 65.2774 190.3 79.7018 179.763 79.8797C169.23 79.577 161.776 65.0633 157.4 36.3387C172.308 34.0549 187.761 34.1464 202.641 36.6067Z" fill="#E1727F" stroke="#E1727F" stroke-width="0.75"/>
+<path d="M202.641 36.6067C197.926 65.2774 190.3 79.7018 179.764 79.8797C169.23 79.577 161.776 65.0633 157.4 36.3387C172.308 34.0549 187.762 34.1464 202.641 36.6067Z" fill="#E1727F" stroke="#E1727F" stroke-width="0.75"/>
+<path d="M156.859 36.5091C161.451 65.1999 158.777 81.2954 148.837 84.7956C138.749 87.839 127.088 76.4269 113.854 50.5593C127.275 43.6791 141.965 38.8798 156.859 36.5091Z" fill="#E1727F" stroke="#E1727F" stroke-width="0.75"/>
+<path d="M245.906 50.8504C232.572 76.6658 220.866 88.0321 210.789 84.9492C200.864 81.41 198.253 65.3041 202.957 36.6316C217.842 39.0607 232.513 43.9176 245.906 50.8504Z" fill="#E1727F" stroke="#E1727F" stroke-width="0.75"/>
+<path d="M35.6858 179.912C64.6586 179.912 80.0852 174.743 81.9652 164.404C81.2733 174.604 95.886 179.773 125.804 179.912C95.886 180.05 81.2733 185.219 81.9652 195.419C80.0852 185.081 64.6586 179.912 35.6858 179.912Z" fill="#8BA0A5" stroke="#8BA0A5" stroke-width="0.75"/>
+<path d="M179.875 35.7227C179.875 64.6954 185.044 80.122 195.383 82.002C185.183 81.3102 180.014 95.9233 179.875 125.841C179.737 95.9233 174.568 81.3102 164.368 82.002C174.706 80.122 179.875 64.6954 179.875 35.7227Z" fill="#8BA0A5" stroke="#8BA0A5" stroke-width="0.75"/>
+<path d="M135.318 317.044C144.271 289.489 144.122 273.22 134.871 268.237C144.358 272.047 153.789 259.746 163.166 231.336C154.053 259.832 154.454 275.328 164.368 277.821C153.954 276.414 144.271 289.489 135.318 317.044Z" fill="#8BA0A5" stroke="#8BA0A5" stroke-width="0.75"/>
+<path d="M179.875 324.101C179.875 295.128 174.706 279.701 164.368 277.821C174.568 278.513 179.737 263.9 179.875 233.982C180.014 263.9 185.183 278.513 195.383 277.821C185.044 279.701 179.875 295.128 179.875 324.101Z" fill="#8BA0A5" stroke="#8BA0A5" stroke-width="0.75"/>
+<path d="M224.431 317.044C215.478 289.489 205.794 276.414 195.381 277.821C205.295 275.328 205.696 259.832 196.583 231.336C205.96 259.746 215.391 272.047 224.878 268.237C215.627 273.22 215.478 289.489 224.431 317.044Z" fill="#8BA0A5" stroke="#8BA0A5" stroke-width="0.75"/>
+<path d="M324.065 179.912C295.091 179.912 279.665 185.081 277.785 195.419C278.477 185.219 263.864 180.05 233.946 179.912C263.864 179.773 278.477 174.604 277.785 164.404C279.665 174.743 295.091 179.912 324.065 179.912Z" fill="#8BA0A5" stroke="#8BA0A5" stroke-width="0.75"/>
+<path d="M42.8363 135.068C70.3723 144.079 86.6415 143.964 91.6435 134.723C87.814 144.201 100.094 153.659 128.485 163.095C100.008 153.923 84.5124 154.291 81.9978 164.2C83.4263 153.79 70.3723 144.079 42.8363 135.068Z" fill="#8BA0A5" stroke="#8BA0A5" stroke-width="0.75"/>
+<path d="M316.981 135.278C289.431 144.247 276.362 153.937 277.775 164.35C275.276 154.437 259.78 154.045 231.289 163.174C259.694 153.781 271.99 144.343 268.174 134.859C273.162 144.107 289.431 144.247 316.981 135.278Z" fill="#8BA0A5" stroke="#8BA0A5" stroke-width="0.75"/>
+<path d="M27.4743 203.867C22.2754 172.609 27.692 138.215 42.2462 110.068L58.3585 118.26C55.8967 123.102 53.7227 128.101 51.86 133.203C46.0715 150.22 52.8081 160.095 72.07 162.828C52.9005 159.508 43.4549 166.835 43.7331 184.807C43.9375 190.235 44.4699 195.66 45.3245 201.023L27.4743 203.867Z" fill="#584974" stroke="#584974" stroke-width="0.75"/>
+<path d="M316.313 110.261C330.828 138.427 336.197 172.83 330.955 204.08L313.109 201.211C313.971 195.849 314.511 190.424 314.723 184.997C315.026 167.025 305.59 159.686 286.416 162.978C305.682 160.272 312.432 150.407 306.667 133.382C304.812 128.277 302.645 123.275 300.19 118.43L316.313 110.261Z" fill="#584974" stroke="#584974" stroke-width="0.75"/>
+<path d="M270.442 303.55C245.066 322.527 212.026 333.515 180.34 333.516L180.215 315.441C185.646 315.404 191.085 315.039 196.473 314.35C214.247 311.675 219.924 301.155 213.503 282.79C219.361 301.342 230.207 306.367 246.043 297.864C250.771 295.189 255.345 292.224 259.717 289.001L270.442 303.55Z" fill="#584974" stroke="#584974" stroke-width="0.75"/>
+<path d="M179.752 333.52C148.067 333.839 114.918 323.186 89.3514 304.468L99.9287 289.811C104.333 292.989 108.937 295.908 113.691 298.534C129.612 306.877 140.408 301.742 146.077 283.132C139.843 301.561 145.625 312.023 163.426 314.518C168.82 315.152 174.263 315.463 179.694 315.445L179.752 333.52Z" fill="#584974" stroke="#584974" stroke-width="0.75"/>
+<path d="M196.282 212.233C204.601 229.028 205.647 238.397 199.42 240.34C193.237 242.421 188.586 234.221 185.466 215.74L198.21 296.513C193.623 267.042 194.961 251.198 202.222 248.983C209.402 246.516 219.782 258.56 233.363 285.115L196.282 212.233Z" fill="#EFCA82" stroke="#EFCA82" stroke-width="0.75"/>
+<path d="M212.194 163.36C228.99 155.041 238.359 153.995 240.302 160.222C242.383 166.405 234.183 171.056 215.701 174.176L296.475 161.432C267.003 166.019 251.16 164.681 248.945 157.42C246.477 150.24 258.521 139.86 285.076 126.279L212.194 163.36Z" fill="#EFCA82" stroke="#EFCA82" stroke-width="0.75"/>
+<path d="M174.096 215.734C170.954 234.211 166.293 242.406 160.113 240.317C153.888 238.367 154.945 228.999 163.284 212.213L126.116 285.051C139.729 258.512 150.123 246.481 157.3 248.957C164.558 251.181 165.877 267.026 161.256 296.492L174.096 215.734Z" fill="#EFCA82" stroke="#EFCA82" stroke-width="0.75"/>
+<path d="M174.045 142.907C171.323 124.363 173.224 115.129 179.747 115.205C186.27 115.137 188.159 124.373 185.416 142.914L198.256 62.1553C193.511 91.6016 187.343 106.256 179.752 106.119C172.162 106.247 166.011 91.5853 161.301 62.1333L174.045 142.907Z" fill="#EFCA82" stroke="#EFCA82" stroke-width="0.75"/>
+<path d="M215.72 174.297C234.274 171.638 243.501 173.57 243.403 180.093C243.449 186.616 234.207 188.474 215.675 185.668L296.39 198.781C266.959 193.936 252.326 187.719 252.488 180.129C252.386 172.538 267.069 166.437 296.537 161.827L215.72 174.297Z" fill="#EFCA82" stroke="#EFCA82" stroke-width="0.75"/>
+<path d="M143.361 185.147C124.839 188.016 115.59 186.19 115.615 179.666C115.494 173.144 124.715 171.181 143.277 173.776L62.4185 161.582C91.9019 166.092 106.605 172.142 106.529 179.734C106.718 187.323 92.1053 193.59 62.6918 198.536L143.361 185.147Z" fill="#EFCA82" stroke="#EFCA82" stroke-width="0.75"/>
+<path d="M143.294 173.654C124.802 170.597 116.586 165.974 118.646 159.784C120.568 153.55 129.941 154.564 146.764 162.826L73.7558 125.995C100.357 139.485 112.436 149.824 109.994 157.011C107.803 164.28 91.9645 165.672 62.4774 161.186L143.294 173.654Z" fill="#EFCA82" stroke="#EFCA82" stroke-width="0.75"/>
+</g>
+<defs>
+<filter id="filter0_d_1_3240" x="9.68579" y="12.7227" width="339.251" height="339.251" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="3"/>
+<feGaussianBlur stdDeviation="7.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.160784 0 0 0 0 0.231373 0 0 0 0 0.447059 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_3240"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_3240" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1_3240" x1="333.686" y1="77.8399" x2="24.6858" y2="290.34" gradientUnits="userSpaceOnUse">
+<stop stop-color="#293B72"/>
+<stop offset="1" stop-color="#0D100F"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1_3240" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(358.186 207.84) rotate(134.617) scale(158.749 212.663)">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-opacity="0.34"/>
+</radialGradient>
+<linearGradient id="paint2_linear_1_3240" x1="15.1858" y1="338.34" x2="309.686" y2="59.8398" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-opacity="0"/>
+</linearGradient>
+<clipPath id="clip0_1_3240">
+<rect width="360" height="360" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/images/welcome/load-safe.svg b/apps/web/public/images/welcome/load-safe.svg
similarity index 100%
rename from public/images/welcome/load-safe.svg
rename to apps/web/public/images/welcome/load-safe.svg
diff --git a/public/images/welcome/logo-google.svg b/apps/web/public/images/welcome/logo-google.svg
similarity index 100%
rename from public/images/welcome/logo-google.svg
rename to apps/web/public/images/welcome/logo-google.svg
diff --git a/public/images/welcome/new-safe.svg b/apps/web/public/images/welcome/new-safe.svg
similarity index 100%
rename from public/images/welcome/new-safe.svg
rename to apps/web/public/images/welcome/new-safe.svg
diff --git a/public/safe.webmanifest b/apps/web/public/safe.webmanifest
similarity index 99%
rename from public/safe.webmanifest
rename to apps/web/public/safe.webmanifest
index 47f9eccd9..67e685059 100644
--- a/public/safe.webmanifest
+++ b/apps/web/public/safe.webmanifest
@@ -16,4 +16,4 @@
   ],
   "start_url": "/",
   "display": "standalone"
-}
+}
\ No newline at end of file
diff --git a/scripts/cmp.sh b/apps/web/scripts/cmp.sh
similarity index 100%
rename from scripts/cmp.sh
rename to apps/web/scripts/cmp.sh
diff --git a/scripts/css-vars.ts b/apps/web/scripts/css-vars.ts
similarity index 100%
rename from scripts/css-vars.ts
rename to apps/web/scripts/css-vars.ts
diff --git a/scripts/generate-routes.js b/apps/web/scripts/generate-routes.js
similarity index 100%
rename from scripts/generate-routes.js
rename to apps/web/scripts/generate-routes.js
diff --git a/scripts/github/prepare_production_deployment.sh b/apps/web/scripts/github/prepare_production_deployment.sh
similarity index 100%
rename from scripts/github/prepare_production_deployment.sh
rename to apps/web/scripts/github/prepare_production_deployment.sh
diff --git a/apps/web/scripts/github/s3_upload.sh b/apps/web/scripts/github/s3_upload.sh
new file mode 100755
index 000000000..00dd6da89
--- /dev/null
+++ b/apps/web/scripts/github/s3_upload.sh
@@ -0,0 +1,39 @@
+#!/bin/bash
+
+set -ev
+
+if [[ -f $CHECKSUM_FILE ]]; then
+  cp ./$CHECKSUM_FILE ./out/$CHECKSUM_FILE
+fi
+
+cd out
+
+# Upload the build to S3
+aws s3 sync . $BUCKET --delete
+
+function parallel_limit {
+    local max="$1"
+    while (( $(jobs -rp | wc -l) >= max )); do
+        sleep 0.1
+    done
+}
+
+export BUCKET
+
+MAX_JOBS=10
+
+# Upload all HTML files again but w/o an extention so that URLs like /welcome open the right page
+find . -name '*.html' -print0 | while IFS= read -r -d '' file; do
+    filepath="${file#./}"
+    noext="${filepath%.html}"
+
+    # Throttle jobs when max limit is hit
+    parallel_limit "$MAX_JOBS"
+
+    # Upload files to S3 using parallel threads
+    aws s3 cp "$filepath" "$BUCKET/$noext" --content-type 'text/html' &
+done
+
+wait
+
+cd -
\ No newline at end of file
diff --git a/apps/web/scripts/integrity-hashes.cjs b/apps/web/scripts/integrity-hashes.cjs
new file mode 100644
index 000000000..bcc87dc4e
--- /dev/null
+++ b/apps/web/scripts/integrity-hashes.cjs
@@ -0,0 +1,171 @@
+const fs = require('fs')
+const path = require('path')
+const crypto = require('crypto')
+const cheerio = require('cheerio')
+
+const OUT_DIR = 'out'
+const CHUNKS_DIR = path.join(OUT_DIR, '_next', 'static', 'chunks')
+const MANIFEST_JS_FILENAME = 'chunks-sri-manifest.js'
+
+/**
+ * Recursively find all JS files in `out/_next/static/chunks`
+ */
+function getAllChunkFiles(dir = CHUNKS_DIR) {
+  let results = []
+  const entries = fs.readdirSync(dir, { withFileTypes: true })
+  for (const entry of entries) {
+    const entryPath = path.join(dir, entry.name)
+    if (entry.isDirectory()) {
+      results = results.concat(getAllChunkFiles(entryPath))
+    } else if (entry.isFile() && entry.name.endsWith('.js')) {
+      results.push(entryPath)
+    }
+  }
+  return results
+}
+
+/**
+ * Compute the SHA-384 SRI hash for a given file
+ */
+function computeSriHash(filePath) {
+  const content = fs.readFileSync(filePath)
+  const hash = crypto.createHash('sha384').update(content).digest('base64')
+  return `sha384-${hash}`
+}
+
+/**
+ * Build a mapping from each chunk's public path to its integrity hash
+ * e.g.: { "/_next/static/chunks/foo.js": "sha384-abc..." }
+ */
+function buildSriManifest() {
+  const allJsFiles = getAllChunkFiles(CHUNKS_DIR)
+  const manifest = {}
+
+  for (const filePath of allJsFiles) {
+    // filePath is absolute, e.g. /path/to/out/_next/static/chunks/foo.js
+    // We want to create a key like "/_next/static/chunks/foo.js"
+    const relPath = path.relative(OUT_DIR, filePath).replace(/\\/g, '/')
+    // On Windows, ensure forward slashes
+    const publicPath = `/${relPath}`
+    manifest[publicPath] = computeSriHash(filePath)
+  }
+
+  return manifest
+}
+
+/**
+ * Write the manifest file in `out/_next/static/`.
+ * The script sets the global window.__CHUNK_SRI_MANIFEST
+ */
+function writeExternalManifest(manifestObj) {
+  const manifestJson = JSON.stringify(manifestObj, null, 2)
+
+  const fileContents = `
+/**
+ * Auto-generated chunk SRI manifest.
+ * DO NOT EDIT.
+ */
+window.__CHUNK_SRI_MANIFEST = ${manifestJson};
+`
+  const manifestJsPath = path.join(OUT_DIR, '_next', 'static', MANIFEST_JS_FILENAME)
+  fs.writeFileSync(manifestJsPath, fileContents, 'utf8')
+
+  return `/_next/static/${MANIFEST_JS_FILENAME}`
+}
+
+/**
+ * Insert a single <script src="..."> reference into each .html file
+ */
+function insertManifestScriptIntoHtml(manifestScriptPath) {
+  function processDir(dir) {
+    const entries = fs.readdirSync(dir, { withFileTypes: true })
+
+    for (const entry of entries) {
+      const entryPath = path.join(dir, entry.name)
+
+      if (entry.isDirectory()) {
+        processDir(entryPath)
+      } else if (entry.isFile() && entry.name.endsWith('.html')) {
+        const html = fs.readFileSync(entryPath, 'utf8')
+        const $ = cheerio.load(html)
+
+        // Ideally, put it in <head> so it loads early
+        // so the manifest is available by the time Next tries dynamic chunks
+        const container = $('head').length ? $('head') : $('body')
+        container.append(`\n<script src="${manifestScriptPath}"></script>\n`)
+
+        fs.writeFileSync(entryPath, $.html(), 'utf8')
+      }
+    }
+  }
+
+  processDir(OUT_DIR)
+}
+
+/**
+ * Process a single .html file to add SRI attributes to local script tags.
+ */
+function processHtmlFile(htmlFilePath) {
+  const html = fs.readFileSync(htmlFilePath, 'utf8')
+  const $ = cheerio.load(html)
+
+  $('script[src]').each((_, scriptEl) => {
+    const scriptSrc = $(scriptEl).attr('src')
+    /**
+     * Skip external or protocol-based (http/https) scripts. Currently, no external scripts
+     * are loaded but if that is the case we should fetch those scripts here e.g. via curl
+     */
+    if (!scriptSrc || scriptSrc.startsWith('http')) {
+      console.log('Skipping external script', scriptSrc)
+      return
+    }
+
+    // Build an absolute path to the script
+    const scriptFilePath = path.join(path.dirname(htmlFilePath), scriptSrc)
+
+    // Ensure the file actually exists before hashing
+    if (fs.existsSync(scriptFilePath) && fs.lstatSync(scriptFilePath).isFile()) {
+      const integrityVal = computeSriHash(scriptFilePath)
+      $(scriptEl).attr('integrity', integrityVal)
+
+      console.log('Added integrity hash', integrityVal, scriptSrc)
+    }
+  })
+
+  // Write the updated HTML back to disk
+  fs.writeFileSync(htmlFilePath, $.html(), 'utf8')
+}
+
+/**
+ * Recursively traverse a directory, processing .html files.
+ */
+function addSRIToAllHtmlFiles(dirPath) {
+  const entries = fs.readdirSync(dirPath, { withFileTypes: true })
+
+  for (const entry of entries) {
+    const entryPath = path.join(dirPath, entry.name)
+
+    if (entry.isDirectory()) {
+      addSRIToAllHtmlFiles(entryPath)
+    } else if (entry.isFile() && entry.name.endsWith('.html')) {
+      processHtmlFile(entryPath)
+    }
+  }
+}
+
+/**
+ * Main
+ */
+function main() {
+  const sriManifest = buildSriManifest()
+  // 1) Write the external JS file
+  const manifestScriptPublicPath = writeExternalManifest(sriManifest)
+  // 2) Insert <script src="..."> references in each .html
+  insertManifestScriptIntoHtml(manifestScriptPublicPath)
+  // 3) Insert integrity hashes for all static html files
+  addSRIToAllHtmlFiles(OUT_DIR)
+
+  console.log(`Added SRI manifest script to all .html files.`)
+}
+
+main()
diff --git a/apps/web/src/components/address-book/AddressBookHeader/index.tsx b/apps/web/src/components/address-book/AddressBookHeader/index.tsx
new file mode 100644
index 000000000..13e389dbb
--- /dev/null
+++ b/apps/web/src/components/address-book/AddressBookHeader/index.tsx
@@ -0,0 +1,124 @@
+import { Button, SvgIcon, Grid } from '@mui/material'
+import type { ReactElement, ElementType } from 'react'
+import InputAdornment from '@mui/material/InputAdornment'
+import SearchIcon from '@/public/images/common/search.svg'
+import TextField from '@mui/material/TextField'
+
+import Track from '@/components/common/Track'
+import { ADDRESS_BOOK_EVENTS } from '@/services/analytics/events/addressBook'
+import PageHeader from '@/components/common/PageHeader'
+import { ModalType } from '../AddressBookTable'
+import { useAppSelector } from '@/store'
+import { type AddressBookState, selectAllAddressBooks } from '@/store/addressBookSlice'
+import ImportIcon from '@/public/images/common/import.svg'
+import ExportIcon from '@/public/images/common/export.svg'
+import AddCircleIcon from '@/public/images/common/add-outlined.svg'
+import mapProps from '@/utils/mad-props'
+
+const HeaderButton = ({
+  icon,
+  onClick,
+  disabled,
+  children,
+}: {
+  icon: ElementType
+  onClick: () => void
+  disabled?: boolean
+  children: string
+}): ReactElement => {
+  const svg = <SvgIcon component={icon} inheritViewBox fontSize="small" />
+
+  return (
+    <Button onClick={onClick} disabled={disabled} variant="text" color="primary" size="small" startIcon={svg}>
+      {children}
+    </Button>
+  )
+}
+
+type Props = {
+  allAddressBooks: AddressBookState
+  handleOpenModal: (type: ModalType) => () => void
+  searchQuery: string
+  onSearchQueryChange: (searchQuery: string) => void
+}
+
+function AddressBookHeader({
+  allAddressBooks,
+  handleOpenModal,
+  searchQuery,
+  onSearchQueryChange,
+}: Props): ReactElement {
+  const canExport = Object.values(allAddressBooks).some((addressBook) => Object.keys(addressBook || {}).length > 0)
+
+  return (
+    <PageHeader
+      title="Address book"
+      noBorder
+      action={
+        <Grid
+          container
+          spacing={1}
+          sx={{
+            pb: 1,
+          }}
+        >
+          <Grid item xs={12} md={5} xl={4.5}>
+            <TextField
+              placeholder="Search"
+              variant="filled"
+              hiddenLabel
+              value={searchQuery}
+              onChange={(e) => {
+                onSearchQueryChange(e.target.value)
+              }}
+              InputProps={{
+                startAdornment: (
+                  <InputAdornment position="start">
+                    <SvgIcon component={SearchIcon} inheritViewBox color="border" />
+                  </InputAdornment>
+                ),
+                disableUnderline: true,
+              }}
+              fullWidth
+              size="small"
+            />
+          </Grid>
+          <Grid
+            item
+            xs={12}
+            md={7}
+            sx={{
+              display: 'flex',
+              justifyContent: ['space-between', , 'flex-end'],
+              alignItems: 'center',
+            }}
+          >
+            <Track {...ADDRESS_BOOK_EVENTS.IMPORT_BUTTON}>
+              <HeaderButton onClick={handleOpenModal(ModalType.IMPORT)} icon={ImportIcon}>
+                Import
+              </HeaderButton>
+            </Track>
+
+            <Track {...ADDRESS_BOOK_EVENTS.DOWNLOAD_BUTTON}>
+              <HeaderButton onClick={handleOpenModal(ModalType.EXPORT)} icon={ExportIcon} disabled={!canExport}>
+                Export
+              </HeaderButton>
+            </Track>
+
+            <Track {...ADDRESS_BOOK_EVENTS.CREATE_ENTRY}>
+              <HeaderButton onClick={handleOpenModal(ModalType.ENTRY)} icon={AddCircleIcon}>
+                Create entry
+              </HeaderButton>
+            </Track>
+          </Grid>
+        </Grid>
+      }
+    />
+  )
+}
+
+const useAllAddressBooks = () => useAppSelector(selectAllAddressBooks)
+
+export default mapProps(AddressBookHeader, {
+  allAddressBooks: useAllAddressBooks,
+})
diff --git a/apps/web/src/components/address-book/AddressBookTable/index.tsx b/apps/web/src/components/address-book/AddressBookTable/index.tsx
new file mode 100644
index 000000000..9718f4453
--- /dev/null
+++ b/apps/web/src/components/address-book/AddressBookTable/index.tsx
@@ -0,0 +1,184 @@
+import { useContext, useMemo, useState } from 'react'
+import { Box } from '@mui/material'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+import EnhancedTable from '@/components/common/EnhancedTable'
+import type { AddressEntry } from '@/components/address-book/EntryDialog'
+import EntryDialog from '@/components/address-book/EntryDialog'
+import ExportDialog from '@/components/address-book/ExportDialog'
+import ImportDialog from '@/components/address-book/ImportDialog'
+import EditIcon from '@/public/images/common/edit.svg'
+import DeleteIcon from '@/public/images/common/delete.svg'
+import Button from '@mui/material/Button'
+import IconButton from '@mui/material/IconButton'
+import Tooltip from '@mui/material/Tooltip'
+import RemoveDialog from '@/components/address-book/RemoveDialog'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import AddressBookHeader from '../AddressBookHeader'
+import useAddressBook from '@/hooks/useAddressBook'
+import Track from '@/components/common/Track'
+import { ADDRESS_BOOK_EVENTS } from '@/services/analytics/events/addressBook'
+import SvgIcon from '@mui/material/SvgIcon'
+import PagePlaceholder from '@/components/common/PagePlaceholder'
+import NoEntriesIcon from '@/public/images/address-book/no-entries.svg'
+import { useCurrentChain } from '@/hooks/useChains'
+import tableCss from '@/components/common/EnhancedTable/styles.module.css'
+import { TxModalContext, type TxModalContextType } from '@/components/tx-flow'
+import { TokenTransferFlow } from '@/components/tx-flow/flows'
+import CheckWallet from '@/components/common/CheckWallet'
+import madProps from '@/utils/mad-props'
+
+const headCells = [
+  { id: 'name', label: 'Name' },
+  { id: 'address', label: 'Address' },
+  { id: 'actions', label: '' },
+]
+
+export enum ModalType {
+  EXPORT = 'export',
+  IMPORT = 'import',
+  ENTRY = 'entry',
+  REMOVE = 'remove',
+}
+
+const defaultOpen = {
+  [ModalType.EXPORT]: false,
+  [ModalType.IMPORT]: false,
+  [ModalType.ENTRY]: false,
+  [ModalType.REMOVE]: false,
+}
+
+type AddressBookTableProps = {
+  chain?: ChainInfo
+  setTxFlow: TxModalContextType['setTxFlow']
+}
+
+function AddressBookTable({ chain, setTxFlow }: AddressBookTableProps) {
+  const [open, setOpen] = useState<typeof defaultOpen>(defaultOpen)
+  const [searchQuery, setSearchQuery] = useState('')
+  const [defaultValues, setDefaultValues] = useState<AddressEntry | undefined>(undefined)
+
+  const handleOpenModal = (type: keyof typeof open) => () => {
+    setOpen((prev) => ({ ...prev, [type]: true }))
+  }
+
+  const handleOpenModalWithValues = (modal: ModalType, address: string, name: string) => {
+    setDefaultValues({ address, name })
+    handleOpenModal(modal)()
+  }
+
+  const handleClose = () => {
+    setOpen(defaultOpen)
+    setDefaultValues(undefined)
+  }
+
+  const addressBook = useAddressBook()
+  const addressBookEntries = Object.entries(addressBook)
+  const filteredEntries = useMemo(() => {
+    if (!searchQuery) {
+      return addressBookEntries
+    }
+
+    const query = searchQuery.toLowerCase()
+    return addressBookEntries.filter(([address, name]) => {
+      return address.toLowerCase().includes(query) || name.toLowerCase().includes(query)
+    })
+  }, [addressBookEntries, searchQuery])
+
+  const rows = filteredEntries.map(([address, name]) => ({
+    cells: {
+      name: {
+        rawValue: name,
+        content: name,
+      },
+      address: {
+        rawValue: address,
+        content: <EthHashInfo address={address} showName={false} shortAddress={false} hasExplorer showCopyButton />,
+      },
+      actions: {
+        rawValue: '',
+        sticky: true,
+        content: (
+          <div className={tableCss.actions}>
+            <Track {...ADDRESS_BOOK_EVENTS.EDIT_ENTRY}>
+              <Tooltip title="Edit entry" placement="top">
+                <IconButton onClick={() => handleOpenModalWithValues(ModalType.ENTRY, address, name)} size="small">
+                  <SvgIcon component={EditIcon} inheritViewBox color="border" fontSize="small" />
+                </IconButton>
+              </Tooltip>
+            </Track>
+
+            <Track {...ADDRESS_BOOK_EVENTS.DELETE_ENTRY}>
+              <Tooltip title="Delete entry" placement="top">
+                <IconButton onClick={() => handleOpenModalWithValues(ModalType.REMOVE, address, name)} size="small">
+                  <SvgIcon component={DeleteIcon} inheritViewBox color="error" fontSize="small" />
+                </IconButton>
+              </Tooltip>
+            </Track>
+
+            <CheckWallet>
+              {(isOk) => (
+                <Track {...ADDRESS_BOOK_EVENTS.SEND}>
+                  <Button
+                    data-testid="send-btn"
+                    variant="contained"
+                    color="primary"
+                    size="small"
+                    onClick={() => setTxFlow(<TokenTransferFlow recipients={[{ recipient: address }]} />)}
+                    disabled={!isOk}
+                  >
+                    Send
+                  </Button>
+                </Track>
+              )}
+            </CheckWallet>
+          </div>
+        ),
+      },
+    },
+  }))
+
+  return (
+    <>
+      <AddressBookHeader
+        handleOpenModal={handleOpenModal}
+        searchQuery={searchQuery}
+        onSearchQueryChange={setSearchQuery}
+      />
+
+      <main>
+        {filteredEntries.length > 0 ? (
+          <EnhancedTable rows={rows} headCells={headCells} mobileVariant />
+        ) : (
+          <Box bgcolor="background.paper" borderRadius={1}>
+            <PagePlaceholder
+              img={<NoEntriesIcon />}
+              text={`No entries found${chain ? ` on ${chain.chainName}` : ''}`}
+            />
+          </Box>
+        )}
+      </main>
+
+      {open[ModalType.EXPORT] && <ExportDialog handleClose={handleClose} />}
+
+      {open[ModalType.IMPORT] && <ImportDialog handleClose={handleClose} />}
+
+      {open[ModalType.ENTRY] && (
+        <EntryDialog
+          handleClose={handleClose}
+          defaultValues={defaultValues}
+          disableAddressInput={Boolean(defaultValues?.name)}
+        />
+      )}
+
+      {open[ModalType.REMOVE] && <RemoveDialog handleClose={handleClose} address={defaultValues?.address || ''} />}
+    </>
+  )
+}
+
+const useSetTxFlow = () => useContext(TxModalContext).setTxFlow
+
+export default madProps(AddressBookTable, {
+  chain: useCurrentChain,
+  setTxFlow: useSetTxFlow,
+})
diff --git a/src/components/address-book/AddressBookTable/styles.module.css b/apps/web/src/components/address-book/AddressBookTable/styles.module.css
similarity index 100%
rename from src/components/address-book/AddressBookTable/styles.module.css
rename to apps/web/src/components/address-book/AddressBookTable/styles.module.css
diff --git a/apps/web/src/components/address-book/EntryDialog/index.tsx b/apps/web/src/components/address-book/EntryDialog/index.tsx
new file mode 100644
index 000000000..90fbbf078
--- /dev/null
+++ b/apps/web/src/components/address-book/EntryDialog/index.tsx
@@ -0,0 +1,106 @@
+import type { ReactElement, BaseSyntheticEvent } from 'react'
+import { Box, Button, DialogActions, DialogContent } from '@mui/material'
+import { FormProvider, useForm } from 'react-hook-form'
+
+import AddressInput from '@/components/common/AddressInput'
+import ModalDialog from '@/components/common/ModalDialog'
+import NameInput from '@/components/common/NameInput'
+import useChainId from '@/hooks/useChainId'
+import { useAppDispatch } from '@/store'
+import { upsertAddressBookEntries } from '@/store/addressBookSlice'
+import { useChain } from '@/hooks/useChains'
+
+export type AddressEntry = {
+  name: string
+  address: string
+}
+
+function EntryDialog({
+  handleClose,
+  defaultValues = {
+    name: '',
+    address: '',
+  },
+  disableAddressInput = false,
+  chainIds,
+  currentChainId,
+}: {
+  handleClose: () => void
+  defaultValues?: AddressEntry
+  disableAddressInput?: boolean
+  chainIds?: string[]
+  currentChainId?: string
+}): ReactElement {
+  const chainId = useChainId()
+  const actualChainId = currentChainId ?? chainId
+  const currentChain = useChain(actualChainId)
+  const dispatch = useAppDispatch()
+
+  const methods = useForm<AddressEntry>({
+    defaultValues,
+    mode: 'onChange',
+  })
+
+  const { handleSubmit, formState } = methods
+
+  const submitCallback = handleSubmit((data: AddressEntry) => {
+    dispatch(upsertAddressBookEntries({ ...data, chainIds: chainIds ?? [actualChainId] }))
+    handleClose()
+  })
+
+  const onSubmit = (e: BaseSyntheticEvent) => {
+    e.stopPropagation()
+    submitCallback(e)
+  }
+
+  return (
+    <ModalDialog
+      data-testid="entry-dialog"
+      open
+      onClose={handleClose}
+      dialogTitle={defaultValues.name ? 'Edit entry' : 'Create entry'}
+      hideChainIndicator={chainIds && chainIds.length > 1}
+      chainId={chainIds?.[0]}
+    >
+      <FormProvider {...methods}>
+        <form onSubmit={onSubmit}>
+          <DialogContent>
+            <Box mb={2}>
+              <NameInput data-testid="name-input" label="Name" autoFocus name="name" required />
+            </Box>
+
+            <Box>
+              <AddressInput
+                name="address"
+                label="Address"
+                variant="outlined"
+                fullWidth
+                required
+                disabled={disableAddressInput}
+                chain={currentChain}
+                showPrefix={!!currentChainId}
+              />
+            </Box>
+          </DialogContent>
+
+          <DialogActions>
+            <Button data-testid="cancel-btn" onClick={handleClose}>
+              Cancel
+            </Button>
+            <Button
+              data-testid="save-btn"
+              type="submit"
+              variant="contained"
+              disabled={!formState.isValid}
+              disableElevation
+            >
+              Save
+            </Button>
+          </DialogActions>
+        </form>
+      </FormProvider>
+    </ModalDialog>
+  )
+}
+
+export default EntryDialog
diff --git a/src/components/address-book/ExportDialog/index.test.tsx b/apps/web/src/components/address-book/ExportDialog/index.test.tsx
similarity index 100%
rename from src/components/address-book/ExportDialog/index.test.tsx
rename to apps/web/src/components/address-book/ExportDialog/index.test.tsx
diff --git a/apps/web/src/components/address-book/ExportDialog/index.tsx b/apps/web/src/components/address-book/ExportDialog/index.tsx
new file mode 100644
index 000000000..af479bbba
--- /dev/null
+++ b/apps/web/src/components/address-book/ExportDialog/index.tsx
@@ -0,0 +1,100 @@
+import DialogContent from '@mui/material/DialogContent'
+import DialogActions from '@mui/material/DialogActions'
+import Button from '@mui/material/Button'
+import Typography from '@mui/material/Typography'
+import { useCSVDownloader } from 'react-papaparse'
+import type { SyntheticEvent } from 'react'
+import { useMemo, type ReactElement } from 'react'
+
+import ModalDialog from '@/components/common/ModalDialog'
+import { type AddressBookState, selectAllAddressBooks } from '@/store/addressBookSlice'
+import { useAppSelector } from '@/store'
+import { trackEvent, ADDRESS_BOOK_EVENTS } from '@/services/analytics'
+import ExternalLink from '@/components/common/ExternalLink'
+import madProps from '@/utils/mad-props'
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+const COL_1 = 'address'
+const COL_2 = 'name'
+const COL_3 = 'chainId'
+
+type CsvData = { [COL_1]: string; [COL_2]: string; [COL_3]: string }[]
+
+export const _getCsvData = (addressBooks: AddressBookState): CsvData => {
+  const csvData = Object.entries(addressBooks).reduce<CsvData>((acc, [chainId, entries]) => {
+    Object.entries(entries).forEach(([address, name]) => {
+      acc.push({
+        [COL_1]: address,
+        [COL_2]: name,
+        [COL_3]: chainId,
+      })
+    })
+
+    return acc
+  }, [])
+
+  return csvData
+}
+
+function ExportDialog({
+  allAddressBooks,
+  handleClose,
+}: {
+  allAddressBooks: AddressBookState
+  handleClose: () => void
+}): ReactElement {
+  const length = Object.values(allAddressBooks).reduce<number>((acc, entries) => acc + Object.keys(entries).length, 0)
+  const { CSVDownloader } = useCSVDownloader()
+  // safe-address-book-1970-01-01
+  const filename = `safe-address-book-${new Date().toISOString().slice(0, 10)}`
+
+  const csvData = useMemo(() => _getCsvData(allAddressBooks), [allAddressBooks])
+
+  const onSubmit = (e: SyntheticEvent) => {
+    e.preventDefault()
+
+    trackEvent(ADDRESS_BOOK_EVENTS.EXPORT)
+
+    setTimeout(() => {
+      handleClose()
+    }, 300)
+  }
+
+  return (
+    <ModalDialog open onClose={handleClose} dialogTitle="Export address book" hideChainIndicator>
+      <DialogContent sx={{ p: '24px !important' }}>
+        <Typography data-testid="export-summary">
+          You&apos;re about to export a CSV file with{' '}
+          <b>
+            {length} address book {length === 1 ? 'entry' : 'entries'}
+          </b>
+          .
+        </Typography>
+
+        <Typography mt={1}>
+          <ExternalLink
+            href={HelpCenterArticle.ADDRESS_BOOK_DATA}
+            title="Learn about the address book import and export"
+          >
+            Learn about the address book import and export
+          </ExternalLink>
+        </Typography>
+      </DialogContent>
+
+      <DialogActions>
+        <Button onClick={handleClose}>Cancel</Button>
+        <CSVDownloader filename={filename} bom config={{ delimiter: ',' }} data={csvData} style={{ order: 2 }}>
+          <Button data-testid="export-modal-btn" variant="contained" disableElevation onClick={onSubmit}>
+            Export
+          </Button>
+        </CSVDownloader>
+      </DialogActions>
+    </ModalDialog>
+  )
+}
+
+const useAllAddressBooks = () => useAppSelector(selectAllAddressBooks)
+
+export default madProps(ExportDialog, {
+  allAddressBooks: useAllAddressBooks,
+})
diff --git a/src/components/address-book/ImportDialog/__tests__/validation.test.ts b/apps/web/src/components/address-book/ImportDialog/__tests__/validation.test.ts
similarity index 100%
rename from src/components/address-book/ImportDialog/__tests__/validation.test.ts
rename to apps/web/src/components/address-book/ImportDialog/__tests__/validation.test.ts
diff --git a/apps/web/src/components/address-book/ImportDialog/index.tsx b/apps/web/src/components/address-book/ImportDialog/index.tsx
new file mode 100644
index 000000000..eedb59ad9
--- /dev/null
+++ b/apps/web/src/components/address-book/ImportDialog/index.tsx
@@ -0,0 +1,184 @@
+import DialogContent from '@mui/material/DialogContent'
+import DialogActions from '@mui/material/DialogActions'
+import Button from '@mui/material/Button'
+import Typography from '@mui/material/Typography'
+import { useCSVReader, formatFileSize } from 'react-papaparse'
+import type { ParseResult } from 'papaparse'
+import { type ReactElement, useState, type MouseEvent, useMemo } from 'react'
+
+import ModalDialog from '@/components/common/ModalDialog'
+import { upsertAddressBookEntries } from '@/store/addressBookSlice'
+import { useAppDispatch } from '@/store'
+
+import css from './styles.module.css'
+import { trackEvent, ADDRESS_BOOK_EVENTS } from '@/services/analytics'
+import { abCsvReaderValidator, abOnUploadValidator } from './validation'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import { Errors, logError } from '@/services/exceptions'
+import FileUpload, { FileTypes, type FileInfo } from '@/components/common/FileUpload'
+import ExternalLink from '@/components/common/ExternalLink'
+import { BRAND_NAME } from '@/config/constants'
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+type AddressBookCSVRow = ['address', 'name', 'chainId']
+
+// https://react-papaparse.js.org/docs#errors
+type PapaparseErrorType = {
+  type: 'Quotes' | 'Delimiter' | 'FieldMismatch'
+  code: 'MissingQuotes' | 'UndetectableDelimiter' | 'TooFewFields' | 'TooManyFields'
+  message: string
+  row?: number
+  index?: number
+}
+
+const hasEntry = (entry: string[]) => {
+  return entry.length === 3 && entry[0] && entry[1] && entry[2]
+}
+
+const ImportDialog = ({ handleClose }: { handleClose: () => void }): ReactElement => {
+  const [zoneHover, setZoneHover] = useState<boolean>(false)
+  const [csvData, setCsvData] = useState<ParseResult<AddressBookCSVRow>>()
+  const [error, setError] = useState<string>()
+
+  // Count how many entries are in the CSV file
+  const [entryCount, chainCount] = useMemo(() => {
+    if (!csvData) return [0, 0]
+    const entries = csvData.data.slice(1).filter(hasEntry)
+    const entryLen = entries.length
+    const chainLen = new Set(entries.map((entry) => entry[2].trim())).size
+    return [entryLen, chainLen]
+  }, [csvData])
+
+  const dispatch = useAppDispatch()
+  const { CSVReader } = useCSVReader()
+
+  const handleImport = () => {
+    if (!csvData) {
+      return
+    }
+
+    const [, ...entries] = csvData.data
+
+    for (const entry of entries) {
+      const [address, name, chainId] = entry
+      dispatch(upsertAddressBookEntries({ address, name, chainIds: [chainId.trim()] }))
+    }
+
+    trackEvent({ ...ADDRESS_BOOK_EVENTS.IMPORT, label: entries.length })
+
+    handleClose()
+  }
+
+  return (
+    <ModalDialog open onClose={handleClose} dialogTitle="Import address book" hideChainIndicator>
+      <DialogContent>
+        <CSVReader
+          accept="text/csv"
+          multiple={false}
+          onDragOver={() => {
+            setZoneHover(true)
+          }}
+          onDragLeave={() => {
+            setZoneHover(false)
+          }}
+          validator={abCsvReaderValidator}
+          onUploadRejected={(result: { file: File; errors?: Array<Error | string | PapaparseErrorType> }[]) => {
+            setZoneHover(false)
+            setError(undefined)
+
+            // csvReaderValidator error
+            const error = result?.[0].errors?.pop()
+
+            if (error) {
+              const errorDescription = typeof error === 'string' ? error.toString() : error.message
+              setError(errorDescription)
+              logError(Errors._703, errorDescription)
+            }
+          }}
+          onUploadAccepted={(result: ParseResult<['address', 'name', 'chainId']>) => {
+            setZoneHover(false)
+            setError(undefined)
+
+            // Remove empty rows
+            const cleanResult = {
+              ...result,
+              data: result.data.filter(hasEntry),
+            }
+
+            const message = abOnUploadValidator(cleanResult)
+
+            if (message) {
+              setError(message)
+            } else {
+              setCsvData(cleanResult)
+            }
+          }}
+        >
+          {/* https://github.com/Bunlong/react-papaparse/blob/master/src/useCSVReader.tsx */}
+          {({ getRootProps, acceptedFile, getRemoveFileProps }: any) => {
+            const { onClick } = getRemoveFileProps()
+
+            const onRemove = (e: MouseEvent<HTMLSpanElement>) => {
+              setCsvData(undefined)
+              setError(undefined)
+              onClick(e)
+            }
+
+            const fileInfo: FileInfo | undefined = acceptedFile
+              ? {
+                  name: acceptedFile.name,
+                  additionalInfo: formatFileSize(acceptedFile.size),
+                  summary: [
+                    <Typography data-testid="summary-message" key="abSummary">
+                      {`Found ${entryCount} entries on ${chainCount} ${chainCount > 1 ? 'chains' : 'chain'}`}
+                    </Typography>,
+                  ],
+                }
+              : undefined
+
+            return (
+              <FileUpload
+                fileInfo={fileInfo}
+                fileType={FileTypes.CSV}
+                getRootProps={getRootProps}
+                isDragActive={zoneHover}
+                onRemove={onRemove}
+              />
+            )
+          }}
+        </CSVReader>
+
+        <div className={css.horizontalDivider} />
+
+        {error && <ErrorMessage>{error}</ErrorMessage>}
+
+        <Typography>
+          Only CSV files exported from a {BRAND_NAME} can be imported.
+          <br />
+          <ExternalLink
+            href={HelpCenterArticle.ADDRESS_BOOK_DATA}
+            title="Learn about the address book import and export"
+          >
+            Learn about the address book import and export
+          </ExternalLink>
+        </Typography>
+      </DialogContent>
+      <DialogActions>
+        <Button data-testid="cancel-btn" onClick={handleClose}>
+          Cancel
+        </Button>
+        <Button
+          data-testid="import-btn"
+          onClick={handleImport}
+          variant="contained"
+          disableElevation
+          disabled={!csvData || !!error}
+        >
+          Import
+        </Button>
+      </DialogActions>
+    </ModalDialog>
+  )
+}
+
+export default ImportDialog
diff --git a/src/components/address-book/ImportDialog/styles.module.css b/apps/web/src/components/address-book/ImportDialog/styles.module.css
similarity index 100%
rename from src/components/address-book/ImportDialog/styles.module.css
rename to apps/web/src/components/address-book/ImportDialog/styles.module.css
diff --git a/apps/web/src/components/address-book/ImportDialog/validation.ts b/apps/web/src/components/address-book/ImportDialog/validation.ts
new file mode 100644
index 000000000..0f7289a56
--- /dev/null
+++ b/apps/web/src/components/address-book/ImportDialog/validation.ts
@@ -0,0 +1,59 @@
+import type { ParseResult } from 'papaparse'
+
+import { validateAddress } from '@safe-global/utils/utils/validation'
+
+export const abCsvReaderValidator = ({ size }: File): string[] | undefined => {
+  if (size > 1_000_000) {
+    return ['Address book cannot be larger than 1MB']
+  }
+}
+
+export const hasValidAbHeader = (header: string[]) => {
+  return header.length === 3 && header[0] === 'address' && header[1] === 'name' && header[2] === 'chainId'
+}
+
+export const hasValidAbEntryAddresses = (entries: string[][]) => {
+  return entries.every((entry) => entry.length >= 1 && !validateAddress(entry[0], entry[2]))
+}
+
+export const hasValidAbNames = (entries: string[][]) => {
+  return entries.every((entry) => entry.length >= 2 && !!entry[1])
+}
+
+export const abOnUploadValidator = ({ data, errors }: ParseResult<string[]>): string | undefined => {
+  const [header, ...entries] = data
+
+  // papaparse error
+  if (errors.length > 0) {
+    return errors[0].message
+  }
+
+  // Empty CSV
+  if (data.length === 0) {
+    return 'CSV file is empty'
+  }
+
+  // Wrong header
+  if (!hasValidAbHeader(header)) {
+    return 'Invalid or corrupt address book header'
+  }
+
+  // No entries
+  if (entries.length === 0) {
+    return 'No entries found in address book'
+  }
+
+  // We + 2 to each row to make up for header and index
+
+  // An entry has invalid address
+  if (!hasValidAbEntryAddresses(entries)) {
+    const i = entries.findIndex((entry) => (entry.length >= 1 ? validateAddress(entry[0], entry[2]) : true))
+    return `Address book contains an invalid address on row ${i + 2}`
+  }
+
+  // An entry has invalid name
+  if (!hasValidAbNames(entries)) {
+    const i = entries.findIndex((entry) => (entry.length >= 2 ? !entry[1] : true))
+    return `Address book contains an invalid name on row ${i + 2}`
+  }
+}
diff --git a/src/components/address-book/RemoveDialog/index.tsx b/apps/web/src/components/address-book/RemoveDialog/index.tsx
similarity index 100%
rename from src/components/address-book/RemoveDialog/index.tsx
rename to apps/web/src/components/address-book/RemoveDialog/index.tsx
diff --git a/src/components/balances/AssetsHeader/index.tsx b/apps/web/src/components/balances/AssetsHeader/index.tsx
similarity index 100%
rename from src/components/balances/AssetsHeader/index.tsx
rename to apps/web/src/components/balances/AssetsHeader/index.tsx
diff --git a/apps/web/src/components/balances/AssetsTable/FiatBalance.tsx b/apps/web/src/components/balances/AssetsTable/FiatBalance.tsx
new file mode 100644
index 000000000..1dc99cc1d
--- /dev/null
+++ b/apps/web/src/components/balances/AssetsTable/FiatBalance.tsx
@@ -0,0 +1,24 @@
+import FiatValue from '@/components/common/FiatValue'
+import { Stack, SvgIcon, Tooltip } from '@mui/material'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import type { Balance } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+
+export const FiatBalance = ({ balanceItem }: { balanceItem: Balance }) => {
+  const isMissingFiatConversion = balanceItem.fiatConversion === '0' && balanceItem.fiatBalance === '0'
+
+  return (
+    <Stack direction="row" spacing={0.5} alignItems="center" justifyContent="flex-end">
+      <FiatValue value={isMissingFiatConversion ? null : balanceItem.fiatBalance} />
+
+      {isMissingFiatConversion && (
+        <Tooltip
+          title="Provided values are indicative and we are unable to accommodate pricing requests for individual assets"
+          placement="top"
+          arrow
+        >
+          <SvgIcon component={InfoIcon} inheritViewBox color="error" fontSize="small" />
+        </Tooltip>
+      )}
+    </Stack>
+  )
+}
diff --git a/apps/web/src/components/balances/AssetsTable/FiatChange.test.tsx b/apps/web/src/components/balances/AssetsTable/FiatChange.test.tsx
new file mode 100644
index 000000000..b562c52c3
--- /dev/null
+++ b/apps/web/src/components/balances/AssetsTable/FiatChange.test.tsx
@@ -0,0 +1,74 @@
+import { render, screen } from '@testing-library/react'
+import { FiatChange } from './FiatChange'
+import { type Balance } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+
+describe('FiatChange', () => {
+  it('renders "n/a" when fiatBalance24hChange is not present', () => {
+    const mockBalance: Balance = {
+      fiatBalance24hChange: undefined,
+    } as Balance
+
+    render(<FiatChange balanceItem={mockBalance} />)
+    expect(screen.getByText('n/a')).toBeInTheDocument()
+  })
+
+  it('renders positive change with green chip and up arrow', () => {
+    const mockBalance: Balance = {
+      fiatBalance24hChange: '5.00', // 5% increase
+    } as Balance
+
+    render(<FiatChange balanceItem={mockBalance} />)
+
+    const chip = screen.getByText('5.00%')
+    expect(chip).toBeInTheDocument()
+    expect(chip).toHaveStyle({ backgroundColor: 'success.background', color: 'success.main' })
+  })
+
+  it('renders negative change with red chip and down arrow', () => {
+    const mockBalance: Balance = {
+      fiatBalance24hChange: '-3.00', // 3% decrease
+    } as Balance
+
+    render(<FiatChange balanceItem={mockBalance} />)
+
+    const chip = screen.getByText('3.00%')
+    expect(chip).toBeInTheDocument()
+    expect(chip).toHaveStyle({ backgroundColor: 'error.background', color: 'error.main' })
+  })
+
+  it('renders zero change with default styling', () => {
+    const mockBalance: Balance = {
+      fiatBalance24hChange: '0',
+    } as Balance
+
+    render(<FiatChange balanceItem={mockBalance} />)
+
+    const chip = screen.getByText('0.00%')
+    expect(chip).toBeInTheDocument()
+    expect(chip).toHaveStyle({ backgroundColor: 'default', color: 'default' })
+  })
+
+  it('renders up to 2 decimal places', () => {
+    const mockBalance: Balance = {
+      fiatBalance24hChange: '5.12345', // 5% increase
+    } as Balance
+
+    render(<FiatChange balanceItem={mockBalance} />)
+
+    const chip = screen.getByText('5.12%')
+    expect(chip).toBeInTheDocument()
+    expect(chip).toHaveStyle({ backgroundColor: 'success.background', color: 'success.main' })
+  })
+
+  it('rounds correctly', () => {
+    const mockBalance: Balance = {
+      fiatBalance24hChange: '4.269', // 5% increase
+    } as Balance
+
+    render(<FiatChange balanceItem={mockBalance} />)
+
+    const chip = screen.getByText('4.27%')
+    expect(chip).toBeInTheDocument()
+    expect(chip).toHaveStyle({ backgroundColor: 'success.background', color: 'success.main' })
+  })
+})
diff --git a/apps/web/src/components/balances/AssetsTable/FiatChange.tsx b/apps/web/src/components/balances/AssetsTable/FiatChange.tsx
new file mode 100644
index 000000000..3de886457
--- /dev/null
+++ b/apps/web/src/components/balances/AssetsTable/FiatChange.tsx
@@ -0,0 +1,48 @@
+import { Chip, SvgIcon, Tooltip, Typography } from '@mui/material'
+import { type Balance } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+import { formatPercentage } from '@safe-global/utils/utils/formatters'
+import ArrowDown from '@/public/images/balances/change-down.svg'
+import ArrowUp from '@/public/images/balances/change-up.svg'
+
+export const FiatChange = ({ balanceItem, inline = false }: { balanceItem: Balance; inline?: boolean }) => {
+  if (!balanceItem.fiatBalance24hChange) {
+    return (
+      <Typography variant="caption" color="text.secondary" paddingLeft={3} display="block">
+        n/a
+      </Typography>
+    )
+  }
+
+  const changeAsNumber = Number(balanceItem.fiatBalance24hChange) / 100
+  const changeLabel = formatPercentage(changeAsNumber)
+  const direction = changeAsNumber < 0 ? 'down' : changeAsNumber > 0 ? 'up' : 'none'
+
+  const backgroundColor =
+    direction === 'down' ? 'error.background' : direction === 'up' ? 'success.background' : 'default'
+  const color = direction === 'down' ? 'error.main' : direction === 'up' ? 'success.main' : 'default'
+
+  return (
+    <Tooltip title="24h change">
+      <Chip
+        size="small"
+        sx={{
+          backgroundColor: inline ? 'transparent' : backgroundColor,
+          color,
+          padding: inline ? '0' : '2px 8px',
+          height: inline ? '20px' : 'inherit',
+          '& .MuiChip-label': { pr: inline ? 0 : 1 },
+        }}
+        label={changeLabel}
+        icon={
+          direction === 'down' ? (
+            <SvgIcon color="error" inheritViewBox component={ArrowDown} sx={{ width: '9px', height: '6px' }} />
+          ) : direction === 'up' ? (
+            <SvgIcon color="success" inheritViewBox component={ArrowUp} sx={{ width: '9px', height: '6px' }} />
+          ) : (
+            <>-</>
+          )
+        }
+      />
+    </Tooltip>
+  )
+}
diff --git a/apps/web/src/components/balances/AssetsTable/SendButton.tsx b/apps/web/src/components/balances/AssetsTable/SendButton.tsx
new file mode 100644
index 000000000..34dcdcbb5
--- /dev/null
+++ b/apps/web/src/components/balances/AssetsTable/SendButton.tsx
@@ -0,0 +1,42 @@
+import { useContext } from 'react'
+import type { TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { Button } from '@mui/material'
+import ArrowIconNW from '@/public/images/common/arrow-top-right.svg'
+import CheckWallet from '@/components/common/CheckWallet'
+import useSpendingLimit from '@/hooks/useSpendingLimit'
+import Track from '@/components/common/Track'
+import { ASSETS_EVENTS } from '@/services/analytics/events/assets'
+import { TokenTransferFlow } from '@/components/tx-flow/flows'
+import { TxModalContext } from '@/components/tx-flow'
+
+const SendButton = ({ tokenInfo, light }: { tokenInfo: TokenInfo; light?: boolean }) => {
+  const spendingLimit = useSpendingLimit(tokenInfo)
+  const { setTxFlow } = useContext(TxModalContext)
+
+  const onSendClick = () => {
+    setTxFlow(<TokenTransferFlow recipients={[{ tokenAddress: tokenInfo.address }]} />)
+  }
+
+  return (
+    <CheckWallet allowSpendingLimit={!!spendingLimit}>
+      {(isOk) => (
+        <Track {...ASSETS_EVENTS.SEND}>
+          <Button
+            data-testid="send-button"
+            variant="contained"
+            color={light ? 'background.paper' : 'primary'}
+            size="compact"
+            startIcon={<ArrowIconNW />}
+            onClick={onSendClick}
+            disabled={!isOk}
+            sx={{ height: 32, px: 2 }}
+          >
+            Send
+          </Button>
+        </Track>
+      )}
+    </CheckWallet>
+  )
+}
+
+export default SendButton
diff --git a/apps/web/src/components/balances/AssetsTable/index.test.tsx b/apps/web/src/components/balances/AssetsTable/index.test.tsx
new file mode 100644
index 000000000..0068565f6
--- /dev/null
+++ b/apps/web/src/components/balances/AssetsTable/index.test.tsx
@@ -0,0 +1,477 @@
+import * as useChainId from '@/hooks/useChainId'
+import useHiddenTokens from '@/hooks/useHiddenTokens'
+import { TOKEN_LISTS } from '@/store/settingsSlice'
+import { act, fireEvent, getByRole, getByTestId, render, waitFor } from '@/tests/test-utils'
+import { safeParseUnits } from '@safe-global/utils/utils/formatters'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+import { toBeHex } from 'ethers'
+import { useState } from 'react'
+import AssetsTable from '.'
+import { COLLAPSE_TIMEOUT_MS } from './useHideAssets'
+import { type Balances } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+
+const getParentRow = (element: HTMLElement | null) => {
+  while (element !== null) {
+    if (element.tagName.toLowerCase() === 'tr') {
+      return element
+    }
+    element = element.parentElement
+  }
+  return null
+}
+
+const TestComponent = () => {
+  const [showHidden, setShowHidden] = useState(false)
+  const hiddenTokens = useHiddenTokens()
+  return (
+    <>
+      <AssetsTable showHiddenAssets={showHidden} setShowHiddenAssets={setShowHidden} />
+      <button data-testid="showHidden" onClick={() => setShowHidden((prev) => !prev)} />
+      <ul>
+        {hiddenTokens.map((token) => (
+          <li key={token}>{token}</li>
+        ))}
+      </ul>
+    </>
+  )
+}
+
+describe('AssetsTable', () => {
+  beforeEach(() => {
+    window.localStorage.clear()
+    jest.clearAllMocks()
+    jest.spyOn(useChainId, 'default').mockReturnValue('5')
+    jest.useFakeTimers()
+  })
+
+  test('select and deselect hidden assets', async () => {
+    const mockHiddenAssets = {
+      '5': [toBeHex('0x2', 20), toBeHex('0x3', 20)],
+    }
+    const mockBalances: Balances = {
+      fiatTotal: '300',
+      items: [
+        {
+          balance: safeParseUnits('100', 18)!.toString(),
+          fiatBalance: '100',
+          fiatConversion: '1',
+          tokenInfo: {
+            address: toBeHex('0x2', 20),
+            decimals: 18,
+            logoUri: '',
+            name: 'DAI',
+            symbol: 'DAI',
+            type: TokenType.ERC20,
+          },
+        },
+        {
+          balance: safeParseUnits('200', 18)!.toString(),
+          fiatBalance: '200',
+          fiatConversion: '1',
+          tokenInfo: {
+            address: toBeHex('0x3', 20),
+            decimals: 18,
+            logoUri: '',
+            name: 'SPAM',
+            symbol: 'SPM',
+            type: TokenType.ERC20,
+          },
+        },
+      ],
+    }
+
+    const result = render(<TestComponent />, {
+      initialReduxState: {
+        balances: {
+          data: mockBalances,
+          loading: false,
+        },
+        settings: {
+          currency: 'usd',
+          hiddenTokens: mockHiddenAssets,
+          tokenList: TOKEN_LISTS.ALL,
+          shortName: {
+            copy: true,
+            qr: true,
+          },
+          theme: {
+            darkMode: true,
+          },
+          env: {
+            tenderly: {
+              url: '',
+              accessToken: '',
+            },
+            rpc: {},
+          },
+          signing: {
+            onChainSigning: false,
+            blindSigning: false,
+          },
+          transactionExecution: true,
+        },
+      },
+    })
+
+    const toggleHiddenButton = result.getByTestId('showHidden')
+
+    // Show only hidden assets
+    fireEvent.click(toggleHiddenButton)
+
+    await waitFor(() => {
+      expect(result.queryByText('100 DAI')).not.toBeNull()
+      expect(result.queryByText('200 SPM')).not.toBeNull()
+    })
+
+    // unhide both tokens
+    let tableRow = getParentRow(result.getByText('100 DAI'))
+    expect(tableRow).not.toBeNull()
+    fireEvent.click(getByRole(tableRow!, 'checkbox'))
+
+    tableRow = getParentRow(result.getByText('200 SPM'))
+    expect(tableRow).not.toBeNull()
+    fireEvent.click(getByRole(tableRow!, 'checkbox'))
+
+    // hide them again
+    tableRow = getParentRow(result.getByText('100 DAI'))
+    expect(tableRow).not.toBeNull()
+    fireEvent.click(getByRole(tableRow!, 'checkbox'))
+
+    tableRow = getParentRow(result.getByText('200 SPM'))
+    expect(tableRow).not.toBeNull()
+    fireEvent.click(getByRole(tableRow!, 'checkbox'))
+
+    const saveButton = result.getByText('Save')
+    fireEvent.click(saveButton)
+
+    // Both tokens should still be hidden
+    expect(result.queryByText('100 DAI')).toBeNull()
+    expect(result.queryByText('200 SPM')).toBeNull()
+  })
+
+  test('Deselect all and save', async () => {
+    const mockHiddenAssets = {
+      '5': [toBeHex('0x2', 20), toBeHex('0x3', 20), toBeHex('0xdead', 20)],
+    }
+    const mockBalances: Balances = {
+      fiatTotal: '300',
+      items: [
+        {
+          balance: safeParseUnits('100', 18)!.toString(),
+          fiatBalance: '100',
+          fiatConversion: '1',
+          tokenInfo: {
+            address: toBeHex('0x2', 20),
+            decimals: 18,
+            logoUri: '',
+            name: 'DAI',
+            symbol: 'DAI',
+            type: TokenType.ERC20,
+          },
+        },
+        {
+          balance: safeParseUnits('200', 18)!.toString(),
+          fiatBalance: '200',
+          fiatConversion: '1',
+          tokenInfo: {
+            address: toBeHex('0x3', 20),
+            decimals: 18,
+            logoUri: '',
+            name: 'SPAM',
+            symbol: 'SPM',
+            type: TokenType.ERC20,
+          },
+        },
+      ],
+    }
+
+    const result = render(<TestComponent />, {
+      initialReduxState: {
+        balances: {
+          data: mockBalances,
+          loading: false,
+        },
+        settings: {
+          currency: 'usd',
+          hiddenTokens: mockHiddenAssets,
+          tokenList: TOKEN_LISTS.ALL,
+          shortName: {
+            copy: true,
+            qr: true,
+          },
+          theme: {
+            darkMode: true,
+          },
+          env: {
+            tenderly: {
+              url: '',
+              accessToken: '',
+            },
+            rpc: {},
+          },
+          signing: {
+            onChainSigning: false,
+            blindSigning: false,
+          },
+          transactionExecution: true,
+        },
+      },
+    })
+
+    const toggleHiddenButton = result.getByTestId('showHidden')
+
+    // Show only hidden assets
+    fireEvent.click(toggleHiddenButton)
+
+    await waitFor(() => {
+      expect(result.queryByText('100 DAI')).not.toBeNull()
+      expect(result.queryByText('200 SPM')).not.toBeNull()
+    })
+
+    // Expect 3 hidden token addresses
+    expect(result.queryByText(toBeHex('0x2', 20))).not.toBeNull()
+    expect(result.queryByText(toBeHex('0x3', 20))).not.toBeNull()
+    expect(result.queryByText(toBeHex('0xdead', 20))).not.toBeNull()
+
+    fireEvent.click(result.getByText('Deselect all'))
+    fireEvent.click(result.getByText('Save'))
+
+    await waitFor(() => {
+      // Menu should disappear
+      expect(result.queryByText('Save')).toBeNull()
+      // Assets should still be visible (unhidden)
+      expect(result.queryByText('100 DAI')).not.toBeNull()
+      expect(result.queryByText('200 SPM')).not.toBeNull()
+    })
+
+    // Expect one hidden token, which was not part of the current balance
+    expect(result.queryByText(toBeHex('0x2', 20))).toBeNull()
+    expect(result.queryByText(toBeHex('0x3', 20))).toBeNull()
+    expect(result.queryByText(toBeHex('0xdead', 20))).not.toBeNull()
+  })
+
+  test('immediately hide visible assets', async () => {
+    const mockHiddenAssets = {
+      '5': [],
+    }
+    const mockBalances: Balances = {
+      fiatTotal: '300',
+      items: [
+        {
+          balance: safeParseUnits('100', 18)!.toString(),
+          fiatBalance: '100',
+          fiatConversion: '1',
+          tokenInfo: {
+            address: toBeHex('0x2', 20),
+            decimals: 18,
+            logoUri: '',
+            name: 'DAI',
+            symbol: 'DAI',
+            type: TokenType.ERC20,
+          },
+        },
+        {
+          balance: safeParseUnits('200', 18)!.toString(),
+          fiatBalance: '200',
+          fiatConversion: '1',
+          tokenInfo: {
+            address: toBeHex('0x3', 20),
+            decimals: 18,
+            logoUri: '',
+            name: 'SPAM',
+            symbol: 'SPM',
+            type: TokenType.ERC20,
+          },
+        },
+      ],
+    }
+
+    const result = render(<TestComponent />, {
+      initialReduxState: {
+        balances: {
+          data: mockBalances,
+          loading: false,
+        },
+        settings: {
+          currency: 'usd',
+          hiddenTokens: mockHiddenAssets,
+          tokenList: TOKEN_LISTS.ALL,
+          shortName: {
+            copy: true,
+            qr: true,
+          },
+          theme: {
+            darkMode: true,
+          },
+          env: {
+            tenderly: {
+              url: '',
+              accessToken: '',
+            },
+            rpc: {},
+          },
+          signing: {
+            onChainSigning: false,
+            blindSigning: false,
+          },
+          transactionExecution: true,
+        },
+      },
+    })
+
+    // Initially we see all tokens
+    expect(result.queryByText('100 DAI')).not.toBeNull()
+    expect(result.queryByText('200 SPM')).not.toBeNull()
+
+    // hide one token
+    let tableRow = getParentRow(result.getByText('200 SPM'))
+    expect(tableRow).not.toBeNull()
+    fireEvent.click(getByTestId(tableRow!, 'VisibilityOutlinedIcon'))
+
+    // As the animation runs for 300ms it is still visible in the first 299 ms
+    jest.advanceTimersByTime(COLLAPSE_TIMEOUT_MS - 1)
+    expect(result.queryByText('200 SPM')).not.toBeNull()
+
+    act(() => jest.advanceTimersByTime(1))
+    // We only see DAI
+    expect(result.queryByText('100 DAI')).not.toBeNull()
+    expect(result.queryByText('200 SPM')).toBeNull()
+
+    // Hide 2nd token
+    tableRow = getParentRow(result.getByText('100 DAI'))
+    expect(tableRow).not.toBeNull()
+    fireEvent.click(getByTestId(tableRow!, 'VisibilityOutlinedIcon'))
+
+    act(() => jest.advanceTimersByTime(COLLAPSE_TIMEOUT_MS))
+
+    expect(result.queryByText('100 DAI')).toBeNull()
+    expect(result.queryByText('200 SPM')).toBeNull()
+  })
+
+  test('hideAndUnhideAssets', async () => {
+    const mockHiddenAssets = {
+      '5': [],
+    }
+    const mockBalances: Balances = {
+      fiatTotal: '300',
+      items: [
+        {
+          balance: safeParseUnits('100', 18)!.toString(),
+          fiatBalance: '100',
+          fiatConversion: '1',
+          tokenInfo: {
+            address: toBeHex('0x2', 20),
+            decimals: 18,
+            logoUri: '',
+            name: 'DAI',
+            symbol: 'DAI',
+            type: TokenType.ERC20,
+          },
+        },
+        {
+          balance: safeParseUnits('200', 18)!.toString(),
+          fiatBalance: '200',
+          fiatConversion: '1',
+          tokenInfo: {
+            address: toBeHex('0x3', 20),
+            decimals: 18,
+            logoUri: '',
+            name: 'SPAM',
+            symbol: 'SPM',
+            type: TokenType.ERC20,
+          },
+        },
+      ],
+    }
+
+    const result = render(<TestComponent />, {
+      initialReduxState: {
+        balances: {
+          data: mockBalances,
+          loading: false,
+        },
+        settings: {
+          currency: 'usd',
+          hiddenTokens: mockHiddenAssets,
+          tokenList: TOKEN_LISTS.ALL,
+          shortName: {
+            copy: true,
+            qr: true,
+          },
+          theme: {
+            darkMode: true,
+          },
+          env: {
+            tenderly: {
+              url: '',
+              accessToken: '',
+            },
+            rpc: {},
+          },
+          signing: {
+            onChainSigning: false,
+            blindSigning: false,
+          },
+          transactionExecution: true,
+        },
+      },
+    })
+
+    const toggleHiddenButton = result.getByTestId('showHidden')
+
+    // Initially we see all tokens (as none are hidden)
+    expect(result.queryByText('100 DAI')).not.toBeNull()
+    expect(result.queryByText('200 SPM')).not.toBeNull()
+
+    // toggle spam token
+    let tableRow = getParentRow(result.getByText('200 SPM'))
+    expect(tableRow).not.toBeNull()
+
+    // hide button
+    fireEvent.click(getByTestId(tableRow!, 'VisibilityOutlinedIcon'))
+
+    // SPAM token is hidden now
+    await waitFor(() => {
+      expect(result.queryByText('100 DAI')).not.toBeNull()
+      expect(result.queryByText('200 SPM')).toBeNull()
+    })
+
+    // show hidden tokens
+    fireEvent.click(toggleHiddenButton)
+
+    // All assets are visible
+    await waitFor(() => {
+      expect(result.queryByText('100 DAI')).not.toBeNull()
+      expect(result.queryByText('200 SPM')).not.toBeNull()
+    })
+
+    // Unhide token & reset (make no changes)
+    tableRow = getParentRow(result.getByText('200 SPM'))
+    expect(tableRow).not.toBeNull()
+    fireEvent.click(getByRole(tableRow!, 'checkbox'))
+    const resetButton = result.getByText('Cancel')
+    fireEvent.click(resetButton)
+
+    // SPAM token is hidden again
+    await waitFor(() => {
+      expect(result.queryByText('100 DAI')).not.toBeNull()
+      expect(result.queryByText('200 SPM')).toBeNull()
+    })
+
+    // show hidden tokens
+    fireEvent.click(toggleHiddenButton)
+
+    // Unhide token & apply
+    tableRow = getParentRow(result.getByText('200 SPM'))
+    expect(tableRow).not.toBeNull()
+    fireEvent.click(getByRole(tableRow!, 'checkbox'))
+    const saveButton = result.getByText('Save')
+    fireEvent.click(saveButton)
+
+    // Both tokens are visible again
+    await waitFor(() => {
+      expect(result.queryByText('100 DAI')).not.toBeNull()
+      expect(result.queryByText('200 SPM')).not.toBeNull()
+    })
+  })
+})
diff --git a/apps/web/src/components/balances/AssetsTable/index.tsx b/apps/web/src/components/balances/AssetsTable/index.tsx
new file mode 100644
index 000000000..6cc0aeada
--- /dev/null
+++ b/apps/web/src/components/balances/AssetsTable/index.tsx
@@ -0,0 +1,250 @@
+import CheckBalance from '@/features/counterfactual/CheckBalance'
+import { type ReactElement } from 'react'
+import { Box, Checkbox, IconButton, Skeleton, Tooltip, Typography } from '@mui/material'
+import css from './styles.module.css'
+import TokenAmount from '@/components/common/TokenAmount'
+import TokenIcon from '@/components/common/TokenIcon'
+import EnhancedTable, { type EnhancedTableProps } from '@/components/common/EnhancedTable'
+import TokenExplorerLink from '@/components/common/TokenExplorerLink'
+import Track from '@/components/common/Track'
+import { ASSETS_EVENTS } from '@/services/analytics/events/assets'
+import { VisibilityOutlined } from '@mui/icons-material'
+import TokenMenu from '../TokenMenu'
+import useBalances from '@/hooks/useBalances'
+import { useHideAssets, useVisibleAssets } from './useHideAssets'
+import AddFundsCTA from '@/components/common/AddFunds'
+import SwapButton from '@/features/swap/components/SwapButton'
+import { SWAP_LABELS } from '@/services/analytics/events/swaps'
+import SendButton from './SendButton'
+import useIsSwapFeatureEnabled from '@/features/swap/hooks/useIsSwapFeatureEnabled'
+import useIsStakingFeatureEnabled from '@/features/stake/hooks/useIsStakingFeatureEnabled'
+import { STAKE_LABELS } from '@/services/analytics/events/stake'
+import StakeButton from '@/features/stake/components/StakeButton'
+import { FiatBalance } from './FiatBalance'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+import { type Balance } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+import { FiatChange } from './FiatChange'
+import useIsEarnFeatureEnabled from '@/features/earn/hooks/useIsEarnFeatureEnabled'
+import EarnButton from '@/features/earn/components/EarnButton'
+import { EARN_LABELS } from '@/services/analytics/events/earn'
+import { isEligibleEarnToken } from '@/features/earn/utils'
+import useChainId from '@/hooks/useChainId'
+
+const skeletonCells: EnhancedTableProps['rows'][0]['cells'] = {
+  asset: {
+    rawValue: '0x0',
+    content: (
+      <div className={css.token}>
+        <Skeleton variant="rounded" width="26px" height="26px" />
+        <Typography>
+          <Skeleton width="80px" />
+        </Typography>
+      </div>
+    ),
+  },
+  balance: {
+    rawValue: '0',
+    content: (
+      <Typography>
+        <Skeleton width="32px" />
+      </Typography>
+    ),
+  },
+  value: {
+    rawValue: '0',
+    content: (
+      <Typography>
+        <Skeleton width="32px" />
+      </Typography>
+    ),
+  },
+  change: {
+    rawValue: '0',
+    content: (
+      <Typography>
+        <Skeleton width="32px" />
+      </Typography>
+    ),
+  },
+  actions: {
+    rawValue: '',
+    sticky: true,
+    content: <div></div>,
+  },
+}
+
+const skeletonRows: EnhancedTableProps['rows'] = Array(3).fill({ cells: skeletonCells })
+
+const isNativeToken = (tokenInfo: Balance['tokenInfo']) => {
+  return tokenInfo.type === TokenType.NATIVE_TOKEN
+}
+
+const headCells = [
+  {
+    id: 'asset',
+    label: 'Asset',
+    width: '44%',
+  },
+  {
+    id: 'balance',
+    label: 'Balance',
+    width: '14%',
+  },
+  {
+    id: 'value',
+    label: 'Value',
+    width: '14%',
+    align: 'right',
+  },
+  {
+    id: 'change',
+    label: '24h change',
+    width: '14%',
+    align: 'left',
+  },
+  {
+    id: 'actions',
+    label: '',
+    width: '14%',
+    sticky: true,
+  },
+]
+
+const AssetsTable = ({
+  showHiddenAssets,
+  setShowHiddenAssets,
+}: {
+  showHiddenAssets: boolean
+  setShowHiddenAssets: (hidden: boolean) => void
+}): ReactElement => {
+  const { balances, loading } = useBalances()
+  const chainId = useChainId()
+  const isSwapFeatureEnabled = useIsSwapFeatureEnabled()
+  const isStakingFeatureEnabled = useIsStakingFeatureEnabled()
+  const isEarnFeatureEnabled = useIsEarnFeatureEnabled()
+
+  const { isAssetSelected, toggleAsset, hidingAsset, hideAsset, cancel, deselectAll, saveChanges } = useHideAssets(() =>
+    setShowHiddenAssets(false),
+  )
+
+  const visible = useVisibleAssets()
+  const visibleAssets = showHiddenAssets ? balances.items : visible
+
+  const hasNoAssets = !loading && balances.items.length === 1 && balances.items[0].balance === '0'
+
+  const selectedAssetCount = visibleAssets?.filter((item) => isAssetSelected(item.tokenInfo.address)).length || 0
+
+  const rows = loading
+    ? skeletonRows
+    : (visibleAssets || []).map((item) => {
+        const rawFiatValue = parseFloat(item.fiatBalance)
+        const isNative = isNativeToken(item.tokenInfo)
+        const isSelected = isAssetSelected(item.tokenInfo.address)
+
+        return {
+          key: item.tokenInfo.address,
+          selected: isSelected,
+          collapsed: item.tokenInfo.address === hidingAsset,
+          cells: {
+            asset: {
+              rawValue: item.tokenInfo.name,
+              collapsed: item.tokenInfo.address === hidingAsset,
+              content: (
+                <div className={css.token}>
+                  <TokenIcon logoUri={item.tokenInfo.logoUri} tokenSymbol={item.tokenInfo.symbol} />
+
+                  <Typography>{item.tokenInfo.name}</Typography>
+
+                  {isStakingFeatureEnabled && item.tokenInfo.type === TokenType.NATIVE_TOKEN && (
+                    <StakeButton tokenInfo={item.tokenInfo} trackingLabel={STAKE_LABELS.asset} />
+                  )}
+
+                  {isEarnFeatureEnabled && isEligibleEarnToken(chainId, item.tokenInfo.address) && (
+                    <EarnButton tokenInfo={item.tokenInfo} trackingLabel={EARN_LABELS.asset} />
+                  )}
+
+                  {!isNative && <TokenExplorerLink address={item.tokenInfo.address} />}
+                </div>
+              ),
+            },
+            balance: {
+              rawValue: Number(item.balance) / 10 ** (item.tokenInfo.decimals ?? 0),
+              collapsed: item.tokenInfo.address === hidingAsset,
+              content: (
+                <TokenAmount
+                  value={item.balance}
+                  decimals={item.tokenInfo.decimals}
+                  tokenSymbol={item.tokenInfo.symbol}
+                />
+              ),
+            },
+            value: {
+              rawValue: rawFiatValue,
+              collapsed: item.tokenInfo.address === hidingAsset,
+              content: <FiatBalance balanceItem={item} />,
+            },
+            change: {
+              rawValue: item.fiatBalance24hChange ? Number(item.fiatBalance24hChange) : null,
+              collapsed: item.tokenInfo.address === hidingAsset,
+              content: <FiatChange balanceItem={item} />,
+            },
+            actions: {
+              rawValue: Number(item.fiatBalance24hChange),
+              sticky: true,
+              collapsed: item.tokenInfo.address === hidingAsset,
+              content: (
+                <Box display="flex" flexDirection="row" gap={1} alignItems="center">
+                  <>
+                    <SendButton tokenInfo={item.tokenInfo} />
+
+                    {isSwapFeatureEnabled && (
+                      <SwapButton tokenInfo={item.tokenInfo} amount="0" trackingLabel={SWAP_LABELS.asset} />
+                    )}
+
+                    {showHiddenAssets ? (
+                      <Checkbox size="small" checked={isSelected} onClick={() => toggleAsset(item.tokenInfo.address)} />
+                    ) : (
+                      <Track {...ASSETS_EVENTS.HIDE_TOKEN}>
+                        <Tooltip title="Hide asset" arrow disableInteractive>
+                          <IconButton
+                            disabled={hidingAsset !== undefined}
+                            size="medium"
+                            onClick={() => hideAsset(item.tokenInfo.address)}
+                          >
+                            <VisibilityOutlined fontSize="small" />
+                          </IconButton>
+                        </Tooltip>
+                      </Track>
+                    )}
+                  </>
+                </Box>
+              ),
+            },
+          },
+        }
+      })
+
+  return (
+    <>
+      <TokenMenu
+        saveChanges={saveChanges}
+        cancel={cancel}
+        deselectAll={deselectAll}
+        selectedAssetCount={selectedAssetCount}
+        showHiddenAssets={showHiddenAssets}
+      />
+
+      {hasNoAssets ? (
+        <AddFundsCTA />
+      ) : (
+        <div className={css.container}>
+          <EnhancedTable rows={rows} headCells={headCells} />
+        </div>
+      )}
+
+      <CheckBalance />
+    </>
+  )
+}
+
+export default AssetsTable
diff --git a/src/components/balances/AssetsTable/styles.module.css b/apps/web/src/components/balances/AssetsTable/styles.module.css
similarity index 100%
rename from src/components/balances/AssetsTable/styles.module.css
rename to apps/web/src/components/balances/AssetsTable/styles.module.css
diff --git a/src/components/balances/AssetsTable/useHideAssets.ts b/apps/web/src/components/balances/AssetsTable/useHideAssets.ts
similarity index 100%
rename from src/components/balances/AssetsTable/useHideAssets.ts
rename to apps/web/src/components/balances/AssetsTable/useHideAssets.ts
diff --git a/apps/web/src/components/balances/CurrencySelect/__tests__/index.test.tsx b/apps/web/src/components/balances/CurrencySelect/__tests__/index.test.tsx
new file mode 100644
index 000000000..c6c9ff29f
--- /dev/null
+++ b/apps/web/src/components/balances/CurrencySelect/__tests__/index.test.tsx
@@ -0,0 +1,20 @@
+import { renderWithUserEvent } from '@/tests/test-utils'
+import CurrencySelect from '@/components/balances/CurrencySelect'
+
+describe('useCurrencies', () => {
+  it('Should render the fetched', async () => {
+    const { user, getByRole, findAllByTestId, getByLabelText } = renderWithUserEvent(<CurrencySelect />)
+    const select = getByRole('combobox')
+
+    expect(getByLabelText('USD')).toBeTruthy()
+
+    await user.click(select)
+
+    const menuItems = await findAllByTestId('currency-item')
+
+    expect(menuItems.length).toBe(3)
+    expect(menuItems[0]).toHaveTextContent('USD')
+    expect(menuItems[1]).toHaveTextContent('EUR')
+    expect(menuItems[2]).toHaveTextContent('GBP')
+  })
+})
diff --git a/src/components/balances/CurrencySelect/index.tsx b/apps/web/src/components/balances/CurrencySelect/index.tsx
similarity index 100%
rename from src/components/balances/CurrencySelect/index.tsx
rename to apps/web/src/components/balances/CurrencySelect/index.tsx
diff --git a/apps/web/src/components/balances/CurrencySelect/useCurrencies.ts b/apps/web/src/components/balances/CurrencySelect/useCurrencies.ts
new file mode 100644
index 000000000..d0a413124
--- /dev/null
+++ b/apps/web/src/components/balances/CurrencySelect/useCurrencies.ts
@@ -0,0 +1,11 @@
+import type { FiatCurrencies } from '@safe-global/store/gateway/types'
+
+import { useBalancesGetSupportedFiatCodesV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+
+const useCurrencies = (): FiatCurrencies | undefined => {
+  const { data } = useBalancesGetSupportedFiatCodesV1Query()
+
+  return data
+}
+
+export default useCurrencies
diff --git a/apps/web/src/components/balances/HiddenTokenButton/index.test.tsx b/apps/web/src/components/balances/HiddenTokenButton/index.test.tsx
new file mode 100644
index 000000000..cb8f5d63d
--- /dev/null
+++ b/apps/web/src/components/balances/HiddenTokenButton/index.test.tsx
@@ -0,0 +1,100 @@
+import * as useChainId from '@/hooks/useChainId'
+import { fireEvent, render } from '@/tests/test-utils'
+import { toBeHex } from 'ethers'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+import { safeParseUnits } from '@safe-global/utils/utils/formatters'
+import HiddenTokenButton from '.'
+import { useState } from 'react'
+import { TOKEN_LISTS } from '@/store/settingsSlice'
+import { type Balances } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+import { type Loadable } from '@/store/common'
+
+const TestComponent = () => {
+  const [showHidden, setShowHidden] = useState(false)
+  return (
+    <HiddenTokenButton showHiddenAssets={showHidden} toggleShowHiddenAssets={() => setShowHidden((prev) => !prev)} />
+  )
+}
+
+describe('HiddenTokenToggle', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+    window.localStorage.clear()
+    jest.spyOn(useChainId, 'default').mockReturnValue('5')
+  })
+
+  test('button disabled if hidden assets are visible', async () => {
+    const mockHiddenAssets = {
+      '5': [toBeHex('0x3', 20)],
+    }
+    const mockBalances: Loadable<Balances> = {
+      data: {
+        fiatTotal: '300',
+        items: [
+          {
+            balance: safeParseUnits('100', 18)!.toString(),
+            fiatBalance: '100',
+            fiatConversion: '1',
+            tokenInfo: {
+              address: toBeHex('0x2', 20),
+              decimals: 18,
+              logoUri: '',
+              name: 'DAI',
+              symbol: 'DAI',
+              type: TokenType.ERC20,
+            },
+          },
+          {
+            balance: safeParseUnits('200', 18)!.toString(),
+            fiatBalance: '200',
+            fiatConversion: '1',
+            tokenInfo: {
+              address: toBeHex('0x3', 20),
+              decimals: 18,
+              logoUri: '',
+              name: 'SPAM',
+              symbol: 'SPM',
+              type: TokenType.ERC20,
+            },
+          },
+        ],
+      },
+      loading: false,
+      error: undefined,
+    }
+
+    const result = render(<TestComponent />, {
+      initialReduxState: {
+        balances: mockBalances,
+        settings: {
+          currency: 'usd',
+          hiddenTokens: mockHiddenAssets,
+          tokenList: TOKEN_LISTS.ALL,
+          shortName: {
+            copy: true,
+            qr: true,
+          },
+          theme: {
+            darkMode: true,
+          },
+          env: {
+            tenderly: {
+              url: '',
+              accessToken: '',
+            },
+            rpc: {},
+          },
+          signing: {
+            onChainSigning: false,
+            blindSigning: false,
+          },
+          transactionExecution: true,
+        },
+      },
+    })
+    fireEvent.click(result.getByTestId('toggle-hidden-assets'))
+
+    // Now it is disabled
+    expect(result.getByTestId('toggle-hidden-assets')).toBeDisabled()
+  })
+})
diff --git a/apps/web/src/components/balances/HiddenTokenButton/index.tsx b/apps/web/src/components/balances/HiddenTokenButton/index.tsx
new file mode 100644
index 000000000..43f26e0f8
--- /dev/null
+++ b/apps/web/src/components/balances/HiddenTokenButton/index.tsx
@@ -0,0 +1,54 @@
+import { type ReactElement } from 'react'
+import { Typography, Button } from '@mui/material'
+import { ASSETS_EVENTS } from '@/services/analytics'
+import useHiddenTokens from '@/hooks/useHiddenTokens'
+import useBalances from '@/hooks/useBalances'
+import VisibilityOutlined from '@mui/icons-material/VisibilityOutlined'
+import Track from '@/components/common/Track'
+
+import css from './styles.module.css'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+
+const HiddenTokenButton = ({
+  toggleShowHiddenAssets,
+  showHiddenAssets,
+}: {
+  toggleShowHiddenAssets?: () => void
+  showHiddenAssets?: boolean
+}): ReactElement | null => {
+  const { balances } = useBalances()
+  const currentHiddenAssets = useHiddenTokens()
+
+  const hiddenAssetCount =
+    balances.items?.filter((item) => currentHiddenAssets.includes(item.tokenInfo.address)).length || 0
+
+  return (
+    <div className={css.hiddenTokenButton}>
+      <Track {...ASSETS_EVENTS.SHOW_HIDDEN_ASSETS}>
+        <Button
+          sx={{
+            gap: 1,
+            padding: 1,
+            borderWidth: '1px !important',
+            borderColor: ({ palette }) => palette.border.main,
+          }}
+          disabled={showHiddenAssets}
+          onClick={toggleShowHiddenAssets}
+          data-testid="toggle-hidden-assets"
+          variant="outlined"
+        >
+          <>
+            <VisibilityOutlined fontSize="small" />
+            <Typography fontSize="medium">
+              {hiddenAssetCount === 0
+                ? 'Hide tokens'
+                : `${hiddenAssetCount} hidden token${maybePlural(hiddenAssetCount)}`}{' '}
+            </Typography>
+          </>
+        </Button>
+      </Track>
+    </div>
+  )
+}
+
+export default HiddenTokenButton
diff --git a/src/components/balances/HiddenTokenButton/styles.module.css b/apps/web/src/components/balances/HiddenTokenButton/styles.module.css
similarity index 100%
rename from src/components/balances/HiddenTokenButton/styles.module.css
rename to apps/web/src/components/balances/HiddenTokenButton/styles.module.css
diff --git a/apps/web/src/components/balances/TokenListSelect/index.tsx b/apps/web/src/components/balances/TokenListSelect/index.tsx
new file mode 100644
index 000000000..d31d6de06
--- /dev/null
+++ b/apps/web/src/components/balances/TokenListSelect/index.tsx
@@ -0,0 +1,90 @@
+import { useAppDispatch, useAppSelector } from '@/store'
+import { selectSettings, setTokenList, TOKEN_LISTS } from '@/store/settingsSlice'
+import type { SelectChangeEvent } from '@mui/material'
+import { Box, SvgIcon, Tooltip, Typography, FormControl, InputLabel, Select, MenuItem } from '@mui/material'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import ExternalLink from '@/components/common/ExternalLink'
+import { OnboardingTooltip } from '@/components/common/OnboardingTooltip'
+import Track from '@/components/common/Track'
+import { ASSETS_EVENTS, trackEvent } from '@/services/analytics'
+import { useHasFeature } from '@/hooks/useChains'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+const LS_TOKENLIST_ONBOARDING = 'tokenlist_onboarding'
+
+const TokenListLabel = {
+  [TOKEN_LISTS.TRUSTED]: 'Default tokens',
+  [TOKEN_LISTS.ALL]: 'All tokens',
+}
+
+const TokenListSelect = () => {
+  const dispatch = useAppDispatch()
+  const settings = useAppSelector(selectSettings)
+  const hasDefaultTokenlist = useHasFeature(FEATURES.DEFAULT_TOKENLIST)
+
+  const handleSelectTokenList = (event: SelectChangeEvent<TOKEN_LISTS>) => {
+    const selectedString = event.target.value as TOKEN_LISTS
+    dispatch(setTokenList(selectedString))
+  }
+
+  if (!hasDefaultTokenlist) {
+    return null
+  }
+
+  return (
+    <FormControl size="small">
+      <InputLabel id="tokenlist-select-label">Token list</InputLabel>
+
+      <OnboardingTooltip
+        widgetLocalStorageId={LS_TOKENLIST_ONBOARDING}
+        text={
+          <>
+            Spam filter on!
+            <br />
+            Switch to &quot;All tokens&quot; to see all of your tokens.
+          </>
+        }
+      >
+        <Select
+          labelId="tokenlist-select-label"
+          id="tokenlist-select"
+          value={settings.tokenList}
+          label="Tokenlist"
+          onChange={handleSelectTokenList}
+          renderValue={(value) => TokenListLabel[value]}
+          onOpen={() => trackEvent(ASSETS_EVENTS.OPEN_TOKEN_LIST_MENU)}
+          sx={{ minWidth: '152px' }}
+        >
+          <MenuItem value={TOKEN_LISTS.TRUSTED}>
+            <Track {...ASSETS_EVENTS.SHOW_DEFAULT_TOKENS}>
+              <Box display="flex" flexDirection="row" gap="4px" alignItems="center" minWidth={155}>
+                {TokenListLabel.TRUSTED}
+                <Tooltip
+                  arrow
+                  title={
+                    <Typography>
+                      Learn more about <ExternalLink href={HelpCenterArticle.SPAM_TOKENS}>default tokens</ExternalLink>
+                    </Typography>
+                  }
+                >
+                  <span>
+                    <SvgIcon sx={{ display: 'block' }} color="border" fontSize="small" component={InfoIcon} />
+                  </span>
+                </Tooltip>
+              </Box>
+            </Track>
+          </MenuItem>
+
+          <MenuItem value={TOKEN_LISTS.ALL}>
+            <Track {...ASSETS_EVENTS.SHOW_ALL_TOKENS}>
+              <span>{TokenListLabel.ALL}</span>
+            </Track>
+          </MenuItem>
+        </Select>
+      </OnboardingTooltip>
+    </FormControl>
+  )
+}
+
+export default TokenListSelect
diff --git a/src/components/balances/TokenMenu/index.tsx b/apps/web/src/components/balances/TokenMenu/index.tsx
similarity index 100%
rename from src/components/balances/TokenMenu/index.tsx
rename to apps/web/src/components/balances/TokenMenu/index.tsx
diff --git a/src/components/balances/TokenMenu/styles.module.css b/apps/web/src/components/balances/TokenMenu/styles.module.css
similarity index 100%
rename from src/components/balances/TokenMenu/styles.module.css
rename to apps/web/src/components/balances/TokenMenu/styles.module.css
diff --git a/src/components/batch/BatchIndicator/BatchTooltip.tsx b/apps/web/src/components/batch/BatchIndicator/BatchTooltip.tsx
similarity index 100%
rename from src/components/batch/BatchIndicator/BatchTooltip.tsx
rename to apps/web/src/components/batch/BatchIndicator/BatchTooltip.tsx
diff --git a/src/components/batch/BatchIndicator/index.tsx b/apps/web/src/components/batch/BatchIndicator/index.tsx
similarity index 100%
rename from src/components/batch/BatchIndicator/index.tsx
rename to apps/web/src/components/batch/BatchIndicator/index.tsx
diff --git a/src/components/batch/BatchSidebar/BatchTxItem.tsx b/apps/web/src/components/batch/BatchSidebar/BatchTxItem.tsx
similarity index 85%
rename from src/components/batch/BatchSidebar/BatchTxItem.tsx
rename to apps/web/src/components/batch/BatchSidebar/BatchTxItem.tsx
index 8ab81c8dc..0b6b4a9b9 100644
--- a/src/components/batch/BatchSidebar/BatchTxItem.tsx
+++ b/apps/web/src/components/batch/BatchSidebar/BatchTxItem.tsx
@@ -9,7 +9,7 @@ import DeleteIcon from '@/public/images/common/delete.svg'
 import TxData from '@/components/transactions/TxDetails/TxData'
 import { MethodDetails } from '@/components/transactions/TxDetails/TxData/DecodedData/MethodDetails'
 import { TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
-import { dateString } from '@/utils/formatters'
+import { dateString } from '@safe-global/utils/utils/formatters'
 import { BATCH_EVENTS, trackEvent } from '@/services/analytics'
 
 type BatchTxItemProps = DraftBatchItem & {
@@ -49,10 +49,18 @@ const BatchTxItem = ({ id, count, timestamp, txDetails, onDelete }: BatchTxItemP
   return (
     <ListItem disablePadding sx={{ gap: 2, alignItems: 'flex-start' }}>
       <div className={css.number}>{count}</div>
-
       <Accordion elevation={0} sx={{ flex: 1 }} onChange={handleExpand}>
         <AccordionSummary expandIcon={<ExpandMoreIcon />} className={css.accordion}>
-          <Box flex={1} display="flex" alignItems="center" gap={2} py={0.4} width="100%">
+          <Box
+            sx={{
+              flex: 1,
+              display: 'flex',
+              alignItems: 'center',
+              gap: 2,
+              py: 0.4,
+              width: '100%',
+            }}
+          >
             <TxType tx={txSummary} />
 
             <Box flex={1}>
@@ -75,7 +83,13 @@ const BatchTxItem = ({ id, count, timestamp, txDetails, onDelete }: BatchTxItemP
 
         <AccordionDetails>
           <div className={css.details}>
-            <TxData txDetails={txDetails} trusted imitation={false} />
+            <TxData
+              txInfo={txDetails.txInfo}
+              txData={txDetails.txData}
+              txDetails={txDetails}
+              trusted
+              imitation={false}
+            />
 
             <TxDataRow title="Created:">{timestamp ? dateString(timestamp) : null}</TxDataRow>
 
diff --git a/src/components/batch/BatchSidebar/BatchTxList.tsx b/apps/web/src/components/batch/BatchSidebar/BatchTxList.tsx
similarity index 100%
rename from src/components/batch/BatchSidebar/BatchTxList.tsx
rename to apps/web/src/components/batch/BatchSidebar/BatchTxList.tsx
diff --git a/src/components/batch/BatchSidebar/EmptyBatch.tsx b/apps/web/src/components/batch/BatchSidebar/EmptyBatch.tsx
similarity index 100%
rename from src/components/batch/BatchSidebar/EmptyBatch.tsx
rename to apps/web/src/components/batch/BatchSidebar/EmptyBatch.tsx
diff --git a/src/components/batch/BatchSidebar/index.tsx b/apps/web/src/components/batch/BatchSidebar/index.tsx
similarity index 100%
rename from src/components/batch/BatchSidebar/index.tsx
rename to apps/web/src/components/batch/BatchSidebar/index.tsx
diff --git a/src/components/batch/BatchSidebar/styles.module.css b/apps/web/src/components/batch/BatchSidebar/styles.module.css
similarity index 100%
rename from src/components/batch/BatchSidebar/styles.module.css
rename to apps/web/src/components/batch/BatchSidebar/styles.module.css
diff --git a/apps/web/src/components/common/AddFunds/index.tsx b/apps/web/src/components/common/AddFunds/index.tsx
new file mode 100644
index 000000000..a5742489f
--- /dev/null
+++ b/apps/web/src/components/common/AddFunds/index.tsx
@@ -0,0 +1,100 @@
+import { Box, FormControlLabel, Grid, Paper, Switch, Typography } from '@mui/material'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import QRCode from '@/components/common/QRCode'
+import { useCurrentChain } from '@/hooks/useChains'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import { useAppDispatch, useAppSelector } from '@/store'
+import { selectSettings, setQrShortName } from '@/store/settingsSlice'
+import BuyCryptoButton from '@/components/common/BuyCryptoButton'
+
+const AddFundsCTA = () => {
+  const safeAddress = useSafeAddress()
+  const chain = useCurrentChain()
+  const dispatch = useAppDispatch()
+  const settings = useAppSelector(selectSettings)
+  const qrPrefix = settings.shortName.qr ? `${chain?.shortName}:` : ''
+  const qrCode = `${qrPrefix}${safeAddress}`
+
+  return (
+    <Paper data-testid="add-funds-section">
+      <Grid
+        container
+        sx={{
+          gap: 3,
+          alignItems: 'center',
+          justifyContent: 'center',
+          p: 4,
+        }}
+      >
+        <Grid item>
+          <div>
+            <Box
+              sx={{
+                p: 2,
+                border: '1px solid',
+                borderColor: 'border.light',
+                borderRadius: 1,
+                display: 'inline-block',
+              }}
+            >
+              <QRCode value={qrCode} size={195} />
+            </Box>
+          </div>
+
+          <FormControlLabel
+            control={
+              <Switch checked={settings.shortName.qr} onChange={(e) => dispatch(setQrShortName(e.target.checked))} />
+            }
+            label={<>QR code with chain prefix</>}
+          />
+        </Grid>
+
+        <Grid
+          item
+          container
+          xs={12}
+          md={6}
+          sx={{
+            gap: 2,
+            flexDirection: 'column',
+          }}
+        >
+          <Typography
+            variant="h3"
+            sx={{
+              fontWeight: 'bold',
+            }}
+          >
+            Add funds to get started
+          </Typography>
+
+          <Typography>
+            Add funds directly from your bank account or copy your address to send tokens from a different account.
+          </Typography>
+
+          <Box
+            sx={{
+              bgcolor: 'background.main',
+              p: 2,
+              borderRadius: '6px',
+              alignSelf: 'flex-start',
+              fontSize: '14px',
+            }}
+          >
+            <EthHashInfo address={safeAddress} shortAddress={false} showCopyButton hasExplorer avatarSize={24} />
+          </Box>
+
+          <Box
+            sx={{
+              alignSelf: 'flex-start',
+            }}
+          >
+            <BuyCryptoButton />
+          </Box>
+        </Grid>
+      </Grid>
+    </Paper>
+  )
+}
+
+export default AddFundsCTA
diff --git a/apps/web/src/components/common/AddressBookInput/index.test.tsx b/apps/web/src/components/common/AddressBookInput/index.test.tsx
new file mode 100644
index 000000000..7e0baf567
--- /dev/null
+++ b/apps/web/src/components/common/AddressBookInput/index.test.tsx
@@ -0,0 +1,277 @@
+import { act } from 'react'
+import { fireEvent, render, waitFor } from '@/tests/test-utils'
+import { FormProvider, useForm } from 'react-hook-form'
+import AddressBookInput from '.'
+import type { AddressInputProps } from '../AddressInput'
+import { useCurrentChain } from '@/hooks/useChains'
+import { faker } from '@faker-js/faker'
+import { chainBuilder } from '@/tests/builders/chains'
+import { FEATURES } from '@safe-global/safe-gateway-typescript-sdk'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+import type { AddressBook } from '@/store/addressBookSlice'
+
+// We use Rinkeby and chainId 4 here as this is our default url chain (see jest.setup.js)
+const mockChain = chainBuilder()
+  .with({ features: [FEATURES.DOMAIN_LOOKUP] })
+  .with({ chainId: '4' })
+  .with({ shortName: 'rin' })
+  .build()
+
+// mock useCurrentChain
+jest.mock('@/hooks/useChains', () => ({
+  ...jest.requireActual('@/hooks/useChains'),
+  useCurrentChain: jest.fn(() => mockChain),
+  __esModule: true,
+}))
+
+// mock useNameResolver
+jest.mock('@/components/common/AddressInput/useNameResolver', () => ({
+  __esModule: true,
+  default: jest.fn((val: string) => ({
+    address: val === 'zero.eth' ? '0x0000000000000000000000000000000000000000' : undefined,
+    resolverError: val === 'bogus.eth' ? new Error('Failed to resolve') : undefined,
+    resolving: false,
+  })),
+}))
+
+const testId = 'recipientAutocomplete'
+const TestForm = ({
+  address,
+  validate,
+  canAdd,
+}: {
+  address: string
+  validate?: AddressInputProps['validate']
+  canAdd?: boolean
+}) => {
+  const name = 'recipient'
+
+  const methods = useForm<{
+    [name]: string
+  }>({
+    defaultValues: {
+      [name]: address,
+    },
+    mode: 'all',
+  })
+
+  return (
+    <FormProvider {...methods}>
+      <form onSubmit={methods.handleSubmit(() => null)}>
+        <AddressBookInput
+          data-testid={testId}
+          name={name}
+          label="Recipient address"
+          validate={validate}
+          canAdd={canAdd}
+        />
+        <button type="submit">Submit</button>
+      </form>
+    </FormProvider>
+  )
+}
+
+const setup = (
+  address: string,
+  initialAddressBook: AddressBook,
+  validate?: AddressInputProps['validate'],
+  canAdd?: boolean,
+) => {
+  const utils = render(<TestForm address={address} validate={validate} canAdd={canAdd} />, {
+    initialReduxState: {
+      addressBook: {
+        [mockChain.chainId]: initialAddressBook,
+      },
+      chains: { data: [mockChain], loading: false },
+    },
+  })
+  const input = utils.getByLabelText('Recipient address', { exact: false })
+
+  return {
+    input: input as HTMLInputElement,
+    utils,
+  }
+}
+
+describe('AddressBookInput', () => {
+  beforeAll(() => {
+    jest.useFakeTimers()
+  })
+
+  afterAll(() => {
+    jest.useRealTimers()
+  })
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    ;(useCurrentChain as jest.Mock).mockImplementation(() => mockChain)
+  })
+
+  it('should not open autocomplete without entries', () => {
+    const { input } = setup('', {})
+
+    expect(input).toHaveAttribute('aria-expanded', 'false')
+
+    act(() => {
+      fireEvent.mouseDown(input)
+    })
+
+    expect(input).toHaveAttribute('aria-expanded', 'false')
+  })
+
+  it('should open autocomplete with entries', () => {
+    const { input } = setup('', {
+      [checksumAddress(faker.finance.ethereumAddress())]: 'Tim Testermann',
+    })
+
+    expect(input).toHaveAttribute('aria-expanded', 'false')
+
+    act(() => {
+      fireEvent.mouseDown(input)
+    })
+
+    expect(input).toHaveAttribute('aria-expanded', 'true')
+  })
+
+  it('should allow to input and validate an address by typing an address', async () => {
+    const invalidAddress = checksumAddress(faker.finance.ethereumAddress())
+    const validationError = 'You cannot use this address'
+    const validation = (value: string) => (value === invalidAddress ? validationError : undefined)
+
+    const { input, utils } = setup(
+      '',
+      {
+        [checksumAddress(faker.finance.ethereumAddress())]: 'Tim Testermann',
+      },
+      validation,
+    )
+
+    expect(input).toHaveAttribute('aria-expanded', 'false')
+
+    act(() => {
+      fireEvent.mouseDown(input)
+      fireEvent.mouseUp(input)
+    })
+
+    act(() => {
+      fireEvent.change(input, { target: { value: invalidAddress } })
+      jest.advanceTimersByTime(1000)
+    })
+
+    await waitFor(() => expect(utils.getByLabelText(validationError, { exact: false })).toBeDefined())
+
+    const address = checksumAddress(faker.finance.ethereumAddress())
+
+    act(() => {
+      fireEvent.change(input, { target: { value: address } })
+      jest.advanceTimersByTime(1000)
+    })
+
+    expect(input.value).toBe(address)
+    await waitFor(() => expect(utils.queryByLabelText(validationError, { exact: false })).toBeNull())
+  })
+
+  it('should allow to input an address from addressbook suggestions', async () => {
+    const invalidAddress = checksumAddress(faker.finance.ethereumAddress())
+    const validAddress = checksumAddress(faker.finance.ethereumAddress())
+
+    const validationError = 'You cannot use this address'
+    const validation = (value: string) => (value === invalidAddress ? validationError : undefined)
+
+    const { input, utils } = setup(
+      '',
+      {
+        [invalidAddress]: 'InvalidAddress',
+        [validAddress]: 'ValidAddress',
+      },
+      validation,
+    )
+
+    expect(input).toHaveAttribute('aria-expanded', 'false')
+
+    act(() => {
+      fireEvent.mouseDown(input)
+      fireEvent.mouseUp(input)
+    })
+
+    expect(input).toHaveAttribute('aria-expanded', 'true')
+
+    act(() => {
+      fireEvent.click(utils.getByText('InvalidAddress'))
+      fireEvent.blur(input)
+      jest.advanceTimersByTime(1000)
+    })
+
+    // Should close auto completion and hide validation error
+    await waitFor(() => {
+      expect(utils.getByLabelText(validationError, { exact: false })).toBeDefined()
+    })
+
+    // Clear the input by clicking on the readonly input
+    act(() => {
+      // first click clears input
+      fireEvent.click(utils.getByLabelText(validationError, { exact: false }))
+    })
+
+    await waitFor(() => expect(utils.getByLabelText(validationError, { exact: false })).toHaveValue(''))
+    const newInput = utils.getByLabelText(validationError, { exact: false })
+    expect(newInput).toBeVisible()
+
+    act(() => {
+      // mousedown opens autocompletion again
+      fireEvent.mouseDown(newInput)
+      fireEvent.mouseUp(newInput)
+    })
+
+    act(() => {
+      fireEvent.click(utils.getByText('ValidAddress'))
+      fireEvent.blur(newInput)
+
+      jest.advanceTimersByTime(1000)
+    })
+
+    await waitFor(() => expect(utils.queryByLabelText(validationError, { exact: false })).toBeNull())
+
+    // should display name of address as well as address
+    await waitFor(() => expect(utils.getByText('ValidAddress', { exact: false })).toBeDefined())
+    await waitFor(() => expect(utils.getByText(validAddress, { exact: false })).toBeDefined())
+  })
+
+  it('should offer to add unknown addresses if canAdd is true', async () => {
+    const { input, utils } = setup('', {}, undefined, true)
+
+    const newAddress = checksumAddress(faker.finance.ethereumAddress())
+    act(() => {
+      fireEvent.change(input, { target: { value: newAddress } })
+      jest.advanceTimersByTime(1000)
+    })
+
+    await waitFor(() => expect(utils.getByText('add it to your address book', { exact: false })).toBeDefined())
+
+    await act(async () => {
+      fireEvent.click(utils.getByText('add it to your address book', { exact: false }))
+      // Wait for dialog to pop up to have it wrapped in the act
+      await Promise.resolve()
+    })
+
+    const nameInput = utils.getByLabelText('Name', { exact: false })
+    act(() => {
+      fireEvent.change(nameInput, { target: { value: 'Tim Testermann' } })
+      fireEvent.submit(nameInput)
+    })
+
+    await waitFor(() => expect(utils.getByText('Tim Testermann', { exact: false })).toBeDefined())
+  })
+
+  it('should not offer to add unknown addresses if canAdd is false', async () => {
+    const { input, utils } = setup('', {}, undefined, false)
+
+    const newAddress = checksumAddress(faker.finance.ethereumAddress())
+    act(() => {
+      fireEvent.change(input, { target: { value: newAddress } })
+      jest.advanceTimersByTime(1000)
+    })
+
+    await waitFor(() => expect(utils.queryByText('add it to your address book', { exact: false })).toBeNull())
+  })
+})
diff --git a/apps/web/src/components/common/AddressBookInput/index.tsx b/apps/web/src/components/common/AddressBookInput/index.tsx
new file mode 100644
index 000000000..734112040
--- /dev/null
+++ b/apps/web/src/components/common/AddressBookInput/index.tsx
@@ -0,0 +1,143 @@
+import { type ReactElement, useState, useMemo } from 'react'
+import { Controller, useFormContext, useWatch } from 'react-hook-form'
+import { SvgIcon, Typography } from '@mui/material'
+import Autocomplete, { createFilterOptions } from '@mui/material/Autocomplete'
+import useAddressBook from '@/hooks/useAddressBook'
+import AddressInput, { type AddressInputProps } from '../AddressInput'
+import EthHashInfo from '../EthHashInfo'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import EntryDialog from '@/components/address-book/EntryDialog'
+import css from './styles.module.css'
+import inputCss from '@/styles/inputs.module.css'
+import { toChecksumAddress } from '@/utils/rsk-utils'
+import useChainId from '@/hooks/useChainId'
+import { isValidAddress } from '@safe-global/utils/utils/validation'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+
+const abFilterOptions = createFilterOptions({
+  stringify: (option: { label: string; name: string }) => option.name + ' ' + option.label,
+})
+
+/**
+ *  Temporary component until revamped safe components are done
+ */
+const AddressBookInput = ({ name, canAdd, ...props }: AddressInputProps & { canAdd?: boolean }): ReactElement => {
+  const addressBook = useAddressBook()
+  const { setValue, control } = useFormContext()
+  const addressValue = useWatch({ name, control })
+  const [open, setOpen] = useState(false)
+  const [openAddressBook, setOpenAddressBook] = useState<boolean>(false)
+  const chainId = useChainId()
+
+  const addressBookEntries = Object.entries(addressBook).map(([address, name]) => ({
+    label: address,
+    name,
+  }))
+
+  const hasVisibleOptions = useMemo(
+    () => !!addressBookEntries.filter((entry) => entry.label.includes(addressValue)).length,
+    [addressBookEntries, addressValue],
+  )
+
+  const isInAddressBook = useMemo(
+    () => addressBookEntries.some((entry) => sameAddress(entry.label, addressValue)),
+    [addressBookEntries, addressValue],
+  )
+
+  const customFilterOptions = (options: any, state: any) => {
+    // Don't show suggestions from the address book once a valid address has been entered.
+    if (isValidAddress(addressValue)) return []
+    return abFilterOptions(options, state)
+  }
+
+  const handleOpenAutocomplete = () => {
+    setOpen((value) => !value)
+  }
+
+  const onAddressBookClick = canAdd
+    ? () => {
+        setOpenAddressBook(true)
+      }
+    : undefined
+
+  const handleAddressChange = (value: string) => {
+    if (isValidAddress(value)) {
+      setValue(name, toChecksumAddress(value, chainId), { shouldValidate: true })
+    } else {
+      setValue(name, value, { shouldValidate: true })
+    }
+  }
+
+  return (
+    <>
+      <Controller
+        name={name}
+        control={control}
+        // eslint-disable-next-line
+        render={({ field: { ref, ...field } }) => (
+          <Autocomplete
+            {...field}
+            className={inputCss.input}
+            disableClearable
+            disabled={props.disabled}
+            readOnly={props.InputProps?.readOnly}
+            freeSolo
+            options={addressBookEntries}
+            onChange={(_, value) =>
+              typeof value === 'string' ? handleAddressChange(value) : handleAddressChange(value.label)
+            }
+            onInputChange={(_, value) => handleAddressChange(value)}
+            filterOptions={customFilterOptions}
+            componentsProps={{
+              paper: {
+                elevation: 2,
+              },
+            }}
+            renderOption={(props, option) => {
+              const { key, ...rest } = props
+              return (
+                <Typography data-testid="address-item" component="li" variant="body2" {...rest} key={key}>
+                  <EthHashInfo address={option.label} name={option.name} shortAddress={false} copyAddress={false} />
+                </Typography>
+              )
+            }}
+            renderInput={(params) => (
+              <AddressInput
+                data-testid="address-item"
+                {...params}
+                {...props}
+                focused={props.focused || !addressValue}
+                name={name}
+                onOpenListClick={hasVisibleOptions ? handleOpenAutocomplete : undefined}
+                isAutocompleteOpen={open}
+                onAddressBookClick={canAdd && !isInAddressBook ? onAddressBookClick : undefined}
+              />
+            )}
+          />
+        )}
+      />
+
+      {canAdd && !isInAddressBook ? (
+        <Typography variant="body2" className={css.unknownAddress}>
+          <SvgIcon component={InfoIcon} fontSize="small" />
+          <span>
+            This is an unknown address. You can{' '}
+            <a role="button" onClick={onAddressBookClick}>
+              add it to your address book
+            </a>
+            .
+          </span>
+        </Typography>
+      ) : null}
+
+      {openAddressBook && (
+        <EntryDialog
+          handleClose={() => setOpenAddressBook(false)}
+          defaultValues={{ name: '', address: addressValue }}
+        />
+      )}
+    </>
+  )
+}
+
+export default AddressBookInput
diff --git a/src/components/common/AddressBookInput/styles.module.css b/apps/web/src/components/common/AddressBookInput/styles.module.css
similarity index 100%
rename from src/components/common/AddressBookInput/styles.module.css
rename to apps/web/src/components/common/AddressBookInput/styles.module.css
diff --git a/apps/web/src/components/common/AddressInput/index.test.tsx b/apps/web/src/components/common/AddressInput/index.test.tsx
new file mode 100644
index 000000000..3553072eb
--- /dev/null
+++ b/apps/web/src/components/common/AddressInput/index.test.tsx
@@ -0,0 +1,365 @@
+import * as addressBook from '@/hooks/useAddressBook'
+import * as allAddressBooks from '@/hooks/useAllAddressBooks'
+import * as urlChainId from '@/hooks/useChainId'
+import { act, fireEvent, waitFor } from '@testing-library/react'
+import { render } from '@/tests/test-utils'
+import { useForm, FormProvider } from 'react-hook-form'
+import AddressInput, { type AddressInputProps } from '.'
+import { useCurrentChain } from '@/hooks/useChains'
+import useNameResolver from '@/components/common/AddressInput/useNameResolver'
+import { chainBuilder } from '@/tests/builders/chains'
+import { FEATURES } from '@safe-global/safe-gateway-typescript-sdk'
+import userEvent from '@testing-library/user-event'
+
+const mockChain = chainBuilder()
+  .with({ features: [FEATURES.DOMAIN_LOOKUP] })
+  .with({ chainId: '11155111' })
+  .build()
+
+// mock useCurrentChain
+jest.mock('@/hooks/useChains', () => ({
+  useCurrentChain: jest.fn(() => mockChain),
+  useChain: jest.fn(() => mockChain),
+}))
+
+// mock useNameResolver
+jest.mock('@/components/common/AddressInput/useNameResolver', () => ({
+  __esModule: true,
+  default: jest.fn((val: string) => ({
+    address: val === 'zero.eth' ? '0x0000000000000000000000000000000000000000' : undefined,
+    resolverError: val === 'bogus.eth' ? new Error('Failed to resolve') : undefined,
+    resolving: false,
+  })),
+}))
+
+const TestForm = ({
+  address,
+  validate,
+  disabled,
+}: {
+  address: string
+  validate?: AddressInputProps['validate']
+  disabled?: boolean
+}) => {
+  const name = 'recipient'
+
+  const methods = useForm<{
+    [name]: string
+  }>({
+    defaultValues: {
+      [name]: address,
+    },
+    mode: 'all',
+  })
+
+  return (
+    <FormProvider {...methods}>
+      <form onSubmit={methods.handleSubmit(() => null)}>
+        <AddressInput name={name} label="Recipient address" validate={validate} disabled={disabled} />
+        <button type="submit">Submit</button>
+      </form>
+    </FormProvider>
+  )
+}
+
+const setup = (address: string, validate?: AddressInputProps['validate'], disabled?: boolean) => {
+  const utils = render(<TestForm address={address} validate={validate} disabled={disabled} />)
+  const input = utils.getByLabelText('Recipient address', { exact: false })
+
+  return {
+    input: input as HTMLInputElement,
+    utils,
+  }
+}
+
+const TEST_ADDRESS_A = '0x0000000000000000000000000000000000000000'
+const TEST_ADDRESS_B = '0x0000000000000000000000000000000000000001'
+
+describe('AddressInput tests', () => {
+  beforeAll(() => {
+    jest.useFakeTimers()
+  })
+
+  afterAll(() => {
+    jest.useRealTimers()
+  })
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    ;(useCurrentChain as jest.Mock).mockImplementation(() => mockChain)
+    jest.spyOn(addressBook, 'default').mockReturnValue({})
+  })
+
+  it('should render with a default address value', () => {
+    const { input } = setup(TEST_ADDRESS_A)
+    expect(input.value).toBe(TEST_ADDRESS_A)
+  })
+
+  it('should render with a default prefixed address value', () => {
+    const { input } = setup(`eth:${TEST_ADDRESS_A}`)
+    expect(input.value).toBe(`eth:${TEST_ADDRESS_A}`)
+  })
+
+  // TODO: This test is flaky and regularly times out after 5000ms
+  it('should validate the address on input', async () => {
+    const { input, utils } = setup('')
+
+    act(() => {
+      fireEvent.change(input, { target: { value: `eth:${TEST_ADDRESS_A}` } })
+      jest.advanceTimersByTime(1000)
+    })
+
+    await waitFor(() =>
+      expect(utils.getByLabelText(`"eth" doesn't match the current chain`, { exact: false })).toBeDefined(),
+    )
+
+    // The validation error should persist on blur
+    await act(async () => {
+      fireEvent.blur(input)
+      jest.advanceTimersByTime(1000)
+      await Promise.resolve()
+    })
+
+    await waitFor(() =>
+      expect(utils.getByLabelText(`"eth" doesn't match the current chain`, { exact: false })).toBeDefined(),
+    )
+
+    act(() => {
+      fireEvent.change(input, { target: { value: `${mockChain.shortName}:0x123` } })
+      jest.advanceTimersByTime(1000)
+    })
+
+    await waitFor(() => expect(utils.getByLabelText(`Invalid address format`, { exact: false })).toBeDefined())
+  })
+
+  it('should accept a custom validate function', async () => {
+    const { input, utils } = setup('', (val) => `${val} is wrong`)
+
+    act(() => {
+      fireEvent.change(input, { target: { value: `${mockChain.shortName}:${TEST_ADDRESS_A}` } })
+      jest.advanceTimersByTime(1000)
+    })
+
+    await waitFor(() => expect(utils.getByLabelText(`${TEST_ADDRESS_A} is wrong`, { exact: false })).toBeDefined())
+
+    act(() => {
+      fireEvent.change(input, { target: { value: `${mockChain.shortName}:${TEST_ADDRESS_B}` } })
+      jest.advanceTimersByTime(1000)
+    })
+
+    await waitFor(() => expect(utils.getByLabelText(`${TEST_ADDRESS_B} is wrong`, { exact: false })).toBeDefined())
+  })
+
+  // TODO: This test is flaky and regularly times out after 5000ms
+  it('should show a spinner when validation is in progress', async () => {
+    const sleep = (ms: number) => new Promise((r) => setTimeout(r, ms))
+
+    const { input, utils } = setup('', async (val) => {
+      await sleep(2000)
+      return `${val} is wrong`
+    })
+
+    act(() => {
+      fireEvent.change(input, { target: { value: `${mockChain.shortName}:${TEST_ADDRESS_A}` } })
+      jest.advanceTimersByTime(1000)
+    })
+
+    await waitFor(() => {
+      expect(utils.getByRole('progressbar')).toBeDefined()
+      expect(utils.queryByLabelText(`${TEST_ADDRESS_A} is wrong`, { exact: false })).toBeNull()
+    })
+
+    act(() => {
+      jest.advanceTimersByTime(1000)
+    })
+
+    await waitFor(() => expect(utils.getByLabelText(`${TEST_ADDRESS_A} is wrong`, { exact: false })).toBeDefined())
+  })
+
+  it('should resolve ENS names', async () => {
+    const { input } = setup('')
+
+    act(() => {
+      fireEvent.change(input, { target: { value: 'zero.eth' } })
+    })
+
+    await waitFor(() => {
+      expect(input.value).toBe('0x0000000000000000000000000000000000000000')
+      expect(useNameResolver).toHaveBeenCalledWith('zero.eth')
+    })
+  })
+
+  it('should show an error if ENS resolution has failed', async () => {
+    const { input, utils } = setup('')
+
+    act(() => {
+      fireEvent.change(input, { target: { value: 'bogus.eth' } })
+      jest.advanceTimersByTime(1000)
+    })
+
+    expect(useNameResolver).toHaveBeenCalledWith('bogus.eth')
+    await waitFor(() => expect(utils.getByLabelText(`Failed to resolve`, { exact: false })).toBeDefined())
+  })
+
+  it('should not resolve ENS names if this feature is disabled', async () => {
+    ;(useCurrentChain as jest.Mock).mockImplementation(() => ({
+      shortName: 'gor',
+      chainId: '5',
+      chainName: 'Goerli',
+      features: [],
+    }))
+
+    const { input, utils } = setup('')
+
+    act(() => {
+      fireEvent.change(input, { target: { value: 'zero.eth' } })
+      jest.advanceTimersByTime(1000)
+    })
+
+    expect(useNameResolver).toHaveBeenCalledWith('')
+    await waitFor(() => expect(input.value).toBe('zero.eth'))
+    await waitFor(() => expect(utils.getByLabelText('Invalid address format', { exact: false })).toBeDefined())
+  })
+
+  it('should show chain prefix in an adornment', async () => {
+    const { input } = setup(TEST_ADDRESS_A)
+
+    await waitFor(() => expect(input.value).toBe(TEST_ADDRESS_A))
+
+    expect(input.previousElementSibling?.textContent).toBe(`${mockChain.shortName}:`)
+  })
+
+  // TODO: Fix this test
+  it.skip('should not show the adornment prefix when the value contains correct prefix', async () => {
+    const mockChain = chainBuilder().with({ features: [] }).build()
+    ;(useCurrentChain as jest.Mock).mockImplementation(() => mockChain)
+
+    const { input } = setup(`${mockChain.shortName}:${TEST_ADDRESS_A}`)
+
+    fireEvent.change(input, { target: { value: `${mockChain.shortName}:${TEST_ADDRESS_B}` } })
+
+    await waitFor(() => expect(input.previousElementSibling?.textContent).toBe(''))
+  })
+
+  it('should keep a bare address in the form state', async () => {
+    let methods: any
+
+    const Form = () => {
+      const name = 'recipient'
+
+      methods = useForm<{
+        [name]: string
+      }>({
+        defaultValues: {
+          [name]: '',
+        },
+      })
+
+      return (
+        <FormProvider {...methods}>
+          <form onSubmit={methods.handleSubmit(() => null)}>
+            <AddressInput name={name} label="Recipient" />
+          </form>
+        </FormProvider>
+      )
+    }
+
+    const utils = render(<Form />)
+    const input = utils.getByLabelText('Recipient', { exact: false }) as HTMLInputElement
+
+    act(() => {
+      fireEvent.change(input, { target: { value: `${mockChain.shortName}:${TEST_ADDRESS_A}` } })
+    })
+
+    expect(methods.getValues().recipient).toBe(TEST_ADDRESS_A)
+  })
+
+  it('should clean up the input value if it contains a valid address', async () => {
+    ;(useCurrentChain as jest.Mock).mockImplementation(() => ({
+      shortName: 'gor',
+      chainId: '5',
+      chainName: 'Goerli',
+      features: [],
+    }))
+
+    const { input } = setup(``)
+
+    act(() => {
+      fireEvent.change(input, { target: { value: `Here's my address: ${TEST_ADDRESS_A}` } })
+    })
+
+    await waitFor(() => expect(input.value).toBe(TEST_ADDRESS_A))
+  })
+
+  it('should display a read-only input if the address is in the address book', async () => {
+    const mockChainId = '11155111'
+    const mockSafeName = 'Test Safe'
+    const mockAB = { [TEST_ADDRESS_A]: mockSafeName }
+
+    jest.spyOn(urlChainId, 'default').mockImplementation(() => mockChainId)
+    jest.spyOn(allAddressBooks, 'default').mockReturnValue({ [mockChainId]: mockAB })
+    jest.spyOn(addressBook, 'default').mockImplementation(() => mockAB)
+
+    const { input, utils } = setup(TEST_ADDRESS_A)
+
+    act(() => {
+      fireEvent.change(input, { target: { value: TEST_ADDRESS_A } })
+    })
+
+    await waitFor(() => expect(utils.getByText(mockSafeName)).toBeInTheDocument())
+  })
+
+  it('should clear the input on click if the address is in the address book and not disabled', async () => {
+    const mockChainId = '11155111'
+    const mockSafeName = 'Test Safe'
+    const mockAB = { [TEST_ADDRESS_A]: mockSafeName }
+
+    jest.spyOn(urlChainId, 'default').mockImplementation(() => mockChainId)
+    jest.spyOn(allAddressBooks, 'default').mockReturnValue({ [mockChainId]: mockAB })
+    jest.spyOn(addressBook, 'default').mockImplementation(() => mockAB)
+
+    const { input, utils } = setup(TEST_ADDRESS_A)
+
+    act(() => {
+      fireEvent.change(input, { target: { value: TEST_ADDRESS_A } })
+    })
+
+    await waitFor(() => {
+      expect(utils.getByText(mockSafeName)).toBeInTheDocument()
+      expect(utils.getByRole('textbox')).toHaveValue(TEST_ADDRESS_A)
+    })
+
+    act(() => {
+      userEvent.click(input)
+    })
+
+    await waitFor(() => expect(utils.getByRole('textbox')).toHaveValue(''))
+  })
+
+  it('should not clear the input on click if the address is in the address book and the input is disabled', async () => {
+    const mockChainId = '11155111'
+    const mockSafeName = 'Test Safe'
+    const mockAB = { [TEST_ADDRESS_A]: mockSafeName }
+
+    jest.spyOn(urlChainId, 'default').mockImplementation(() => mockChainId)
+    jest.spyOn(allAddressBooks, 'default').mockReturnValue({ [mockChainId]: mockAB })
+    jest.spyOn(addressBook, 'default').mockImplementation(() => mockAB)
+
+    const { input, utils } = setup(TEST_ADDRESS_A, undefined, true)
+
+    act(() => {
+      fireEvent.change(input, { target: { value: TEST_ADDRESS_A } })
+    })
+
+    await waitFor(() => {
+      expect(utils.getByText(mockSafeName)).toBeInTheDocument()
+      expect(utils.getByRole('textbox')).toHaveValue(TEST_ADDRESS_A)
+    })
+
+    act(() => {
+      userEvent.click(input)
+    })
+
+    await waitFor(() => expect(utils.getByRole('textbox')).toHaveValue(TEST_ADDRESS_A))
+  })
+})
diff --git a/apps/web/src/components/common/AddressInput/index.tsx b/apps/web/src/components/common/AddressInput/index.tsx
new file mode 100644
index 000000000..0c4ce8c7c
--- /dev/null
+++ b/apps/web/src/components/common/AddressInput/index.tsx
@@ -0,0 +1,226 @@
+import AddressInputReadOnly from '@/components/common/AddressInputReadOnly'
+import useAddressBook from '@/hooks/useAddressBook'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import type { ReactElement } from 'react'
+import { useEffect, useCallback, useRef, useMemo } from 'react'
+import {
+  InputAdornment,
+  TextField,
+  type TextFieldProps,
+  CircularProgress,
+  IconButton,
+  SvgIcon,
+  Skeleton,
+  Box,
+} from '@mui/material'
+import { useFormContext, useWatch, type Validate, get } from 'react-hook-form'
+import { validatePrefixedAddress } from '@safe-global/utils/utils/validation'
+import { useCurrentChain } from '@/hooks/useChains'
+import useNameResolver from './useNameResolver'
+import { cleanInputValue, parsePrefixedAddress } from '@safe-global/utils/utils/addresses'
+import useDebounce from '@/hooks/useDebounce'
+import CaretDownIcon from '@/public/images/common/caret-down.svg'
+import SaveAddressIcon from '@/public/images/common/save-address.svg'
+import classnames from 'classnames'
+import css from './styles.module.css'
+import inputCss from '@/styles/inputs.module.css'
+import Identicon from '../Identicon'
+import { FEATURES, hasFeature } from '@safe-global/utils/utils/chains'
+
+export type AddressInputProps = TextFieldProps & {
+  name: string
+  address?: string
+  onOpenListClick?: () => void
+  isAutocompleteOpen?: boolean
+  validate?: Validate<string>
+  deps?: string | string[]
+  onAddressBookClick?: () => void
+  chain?: ChainInfo
+  showPrefix?: boolean
+  onReset?: () => void
+}
+
+const AddressInput = ({
+  name,
+  validate,
+  required = true,
+  onOpenListClick,
+  isAutocompleteOpen,
+  onAddressBookClick,
+  deps,
+  chain,
+  showPrefix = true,
+  onReset,
+  ...props
+}: AddressInputProps): ReactElement => {
+  const {
+    register,
+    setValue,
+    control,
+    formState: { errors, isValidating },
+    trigger,
+  } = useFormContext()
+
+  const currentChain = useCurrentChain()
+  const rawValueRef = useRef<string>('')
+  const watchedValue = useWatch({ name, control })
+  const currentShortName = chain?.shortName || currentChain?.shortName || ''
+
+  const addressBook = useAddressBook()
+
+  // Fetch an ENS resolution for the current address
+  const isDomainLookupEnabled = !!currentChain && hasFeature(currentChain, FEATURES.DOMAIN_LOOKUP)
+  const { address, resolverError, resolving } = useNameResolver(isDomainLookupEnabled ? watchedValue : '')
+
+  // errors[name] doesn't work with nested field names like 'safe.address', need to use the lodash get
+  const fieldError = resolverError || get(errors, name)
+
+  // Debounce the field error unless there's no error or it's resolving a domain
+  let error = useDebounce(fieldError, 500)
+  if (resolverError) error = resolverError
+  if (!fieldError || resolving) error = undefined
+
+  // Validation function based on the current chain prefix
+  const validatePrefixed = useMemo(() => validatePrefixedAddress(currentShortName), [currentShortName])
+
+  const transformAddressValue = useCallback(
+    (value: string): string => {
+      // Clean the input value
+      const cleanValue = cleanInputValue(value)
+      rawValueRef.current = cleanValue
+      // This also checksums the address
+      if (validatePrefixed(cleanValue) === undefined) {
+        // if the prefix is correct we remove it from the value
+        return parsePrefixedAddress(cleanValue).address
+      } else {
+        // we keep invalid prefixes such that the validation error is persistent
+        return cleanValue
+      }
+    },
+    [validatePrefixed],
+  )
+
+  // Update the input value
+  const setAddressValue = useCallback(
+    (value: string) => setValue(name, value, { shouldValidate: true }),
+    [setValue, name],
+  )
+
+  // On ENS resolution, update the input value
+  useEffect(() => {
+    if (address) {
+      setAddressValue(`${currentShortName}:${address}`)
+    }
+  }, [address, currentShortName, setAddressValue])
+
+  // Retransform the value when chain changes
+  useEffect(() => {
+    if (address) return
+
+    if (watchedValue) {
+      const transformedValue = transformAddressValue(watchedValue)
+      setAddressValue(transformedValue)
+    }
+  }, [address, currentShortName, setAddressValue, transformAddressValue, watchedValue])
+
+  const endAdornment = (
+    <InputAdornment position="end">
+      {resolving || isValidating ? (
+        <CircularProgress size={20} />
+      ) : !props.disabled ? (
+        <>
+          {onAddressBookClick && (
+            <IconButton onClick={onAddressBookClick}>
+              <SvgIcon component={SaveAddressIcon} inheritViewBox fontSize="small" color="primary" />
+            </IconButton>
+          )}
+
+          {onOpenListClick && (
+            <IconButton
+              onClick={onOpenListClick}
+              className={classnames(css.openButton, { [css.rotated]: isAutocompleteOpen })}
+              color="primary"
+            >
+              <SvgIcon component={CaretDownIcon} inheritViewBox fontSize="small" />
+            </IconButton>
+          )}
+        </>
+      ) : null}
+    </InputAdornment>
+  )
+
+  const resetName = () => {
+    if (!props.disabled && addressBook[watchedValue]) {
+      setValue(name, '')
+      onReset?.()
+    }
+  }
+
+  return (
+    <>
+      <TextField
+        {...props}
+        className={inputCss.input}
+        autoComplete="off"
+        autoFocus={props.focused}
+        label={<>{error?.message || props.label || `Recipient address${isDomainLookupEnabled ? ' or ENS' : ''}`}</>}
+        error={!!error}
+        fullWidth
+        onClick={resetName}
+        spellCheck={false}
+        InputProps={{
+          ...(props.InputProps || {}),
+          className: addressBook[watchedValue] ? css.readOnly : undefined,
+
+          startAdornment: addressBook[watchedValue] ? (
+            <AddressInputReadOnly address={watchedValue} showPrefix={showPrefix} chainId={chain?.chainId} />
+          ) : (
+            // Display the current short name in the adornment, unless the value contains the same prefix
+            <InputAdornment position="end" sx={{ ml: 0 }}>
+              <Box mr={1}>
+                {watchedValue && !fieldError ? (
+                  <Identicon address={watchedValue} size={32} />
+                ) : (
+                  <Skeleton variant="circular" width={32} height={32} animation={false} />
+                )}
+              </Box>
+
+              {showPrefix && !rawValueRef.current.startsWith(`${currentShortName}:`) && <Box>{currentShortName}:</Box>}
+            </InputAdornment>
+          ),
+
+          endAdornment,
+        }}
+        InputLabelProps={{
+          ...(props.InputLabelProps || {}),
+          shrink: true,
+        }}
+        {...register(name, {
+          deps,
+
+          required,
+
+          setValueAs: transformAddressValue,
+
+          validate: async () => {
+            const value = rawValueRef.current
+            if (value) {
+              return (
+                validatePrefixed(value) ||
+                (await validate?.(parsePrefixedAddress(value, currentChain?.chainId).address))
+              )
+            }
+          },
+
+          // Workaround for a bug in react-hook-form that it restores a cached error state on blur
+          onBlur: () => setTimeout(() => trigger(name), 100),
+        })}
+        // Workaround for a bug in react-hook-form when `register().value` is cached after `setValueAs`
+        // Only seems to occur on the `/load` route
+        value={watchedValue}
+      />
+    </>
+  )
+}
+
+export default AddressInput
diff --git a/apps/web/src/components/common/AddressInput/styles.module.css b/apps/web/src/components/common/AddressInput/styles.module.css
new file mode 100644
index 000000000..bd88bff8c
--- /dev/null
+++ b/apps/web/src/components/common/AddressInput/styles.module.css
@@ -0,0 +1,19 @@
+.wrapper :global .MuiInputLabel-root.Mui-error[data-shrink='false'] {
+  padding: 5px 4px;
+}
+
+.wrapper :global .MuiInputAdornment-root {
+  margin-left: 0;
+}
+
+.openButton svg {
+  transition: transform 0.3s ease-in-out;
+}
+
+.rotated svg {
+  transform: rotate(180deg);
+}
+
+.readOnly :global .MuiInputBase-input {
+  visibility: hidden;
+}
diff --git a/src/components/common/AddressInput/useNameResolver.ts b/apps/web/src/components/common/AddressInput/useNameResolver.ts
similarity index 95%
rename from src/components/common/AddressInput/useNameResolver.ts
rename to apps/web/src/components/common/AddressInput/useNameResolver.ts
index ddd4f8a6f..e69ddca61 100644
--- a/src/components/common/AddressInput/useNameResolver.ts
+++ b/apps/web/src/components/common/AddressInput/useNameResolver.ts
@@ -1,6 +1,6 @@
 import { useMemo } from 'react'
 import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
-import useAsync from '@/hooks/useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import { isDomain, resolveName } from '@/services/ens'
 import useDebounce from '@/hooks/useDebounce'
 
diff --git a/apps/web/src/components/common/AddressInputReadOnly/index.tsx b/apps/web/src/components/common/AddressInputReadOnly/index.tsx
new file mode 100644
index 000000000..88d1cc24d
--- /dev/null
+++ b/apps/web/src/components/common/AddressInputReadOnly/index.tsx
@@ -0,0 +1,33 @@
+import { type ReactElement } from 'react'
+import { InputAdornment, Typography } from '@mui/material'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import css from './styles.module.css'
+
+const AddressInputReadOnly = ({
+  address,
+  showPrefix,
+  chainId,
+}: {
+  address: string
+  showPrefix?: boolean
+  chainId?: string
+}): ReactElement => {
+  return (
+    <div className={css.input} data-testid="address-book-recipient">
+      <InputAdornment position="start">
+        <Typography variant="body2" component="div" width={1}>
+          <EthHashInfo
+            address={address}
+            shortAddress={false}
+            copyAddress={false}
+            chainId={chainId}
+            showPrefix={showPrefix}
+            avatarSize={32}
+          />
+        </Typography>
+      </InputAdornment>
+    </div>
+  )
+}
+
+export default AddressInputReadOnly
diff --git a/src/components/common/AddressInputReadOnly/styles.module.css b/apps/web/src/components/common/AddressInputReadOnly/styles.module.css
similarity index 100%
rename from src/components/common/AddressInputReadOnly/styles.module.css
rename to apps/web/src/components/common/AddressInputReadOnly/styles.module.css
diff --git a/apps/web/src/components/common/BlockedAddress/index.tsx b/apps/web/src/components/common/BlockedAddress/index.tsx
new file mode 100644
index 000000000..ee8df7b5b
--- /dev/null
+++ b/apps/web/src/components/common/BlockedAddress/index.tsx
@@ -0,0 +1,36 @@
+import type { ReactElement } from 'react'
+import { useMediaQuery, useTheme } from '@mui/material'
+import { shortenAddress } from '@safe-global/utils/utils/formatters'
+import { useRouter } from 'next/router'
+import Disclaimer from '@/components/common/Disclaimer'
+import { AppRoutes } from '@/config/routes'
+
+export const BlockedAddress = ({
+  address,
+  featureTitle,
+  onClose,
+}: {
+  address: string
+  featureTitle: string
+  onClose?: () => void
+}): ReactElement => {
+  const theme = useTheme()
+  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))
+  const displayAddress = address && isMobile ? shortenAddress(address) : address
+  const router = useRouter()
+
+  const handleAccept = () => {
+    router.push({ pathname: AppRoutes.home, query: router.query })
+  }
+
+  return (
+    <Disclaimer
+      title="Blocked address"
+      subtitle={displayAddress}
+      content={`The above address is part of the OFAC SDN list and the ${featureTitle} is unavailable for sanctioned addresses.`}
+      onAccept={onClose ?? handleAccept}
+    />
+  )
+}
+
+export default BlockedAddress
diff --git a/src/components/common/BlockedAddress/styles.module.css b/apps/web/src/components/common/BlockedAddress/styles.module.css
similarity index 100%
rename from src/components/common/BlockedAddress/styles.module.css
rename to apps/web/src/components/common/BlockedAddress/styles.module.css
diff --git a/apps/web/src/components/common/Breadcrumbs/BreadcrumbItem.tsx b/apps/web/src/components/common/Breadcrumbs/BreadcrumbItem.tsx
new file mode 100644
index 000000000..0365864ce
--- /dev/null
+++ b/apps/web/src/components/common/Breadcrumbs/BreadcrumbItem.tsx
@@ -0,0 +1,31 @@
+import Link from 'next/link'
+import type { UrlObject } from 'url'
+import { Tooltip, Typography, useMediaQuery, useTheme } from '@mui/material'
+import useAddressBook from '@/hooks/useAddressBook'
+import { shortenAddress } from '@safe-global/utils/utils/formatters'
+import css from './styles.module.css'
+import Identicon from '@/components/common/Identicon'
+
+export const BreadcrumbItem = ({ title, address, href }: { title: string; address: string; href?: UrlObject }) => {
+  const theme = useTheme()
+  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))
+  const addressBook = useAddressBook()
+  const name = addressBook[address] ?? (isMobile ? shortenAddress(address) : address)
+
+  return (
+    <Tooltip title={title}>
+      <div className={css.breadcrumb}>
+        <Identicon address={address} size={20} />
+        {href ? (
+          <Link href={href}>
+            <Typography variant="body2" color="text.secondary">
+              {name}
+            </Typography>
+          </Link>
+        ) : (
+          <Typography variant="body2">{name}</Typography>
+        )}
+      </div>
+    </Tooltip>
+  )
+}
diff --git a/apps/web/src/components/common/Breadcrumbs/index.tsx b/apps/web/src/components/common/Breadcrumbs/index.tsx
new file mode 100644
index 000000000..bf64f65fc
--- /dev/null
+++ b/apps/web/src/components/common/Breadcrumbs/index.tsx
@@ -0,0 +1,14 @@
+import css from './styles.module.css'
+import SpaceBreadcrumbs from '@/features/spaces/components/SpaceBreadcrumbs'
+import { NestedSafeBreadcrumbs } from '@/components/common/NestedSafeBreadcrumbs'
+
+const Breadcrumbs = () => {
+  return (
+    <div className={css.container} data-testid="safe-breadcrumb-container">
+      <SpaceBreadcrumbs />
+      <NestedSafeBreadcrumbs />
+    </div>
+  )
+}
+
+export default Breadcrumbs
diff --git a/apps/web/src/components/common/Breadcrumbs/styles.module.css b/apps/web/src/components/common/Breadcrumbs/styles.module.css
new file mode 100644
index 000000000..f53b53fd4
--- /dev/null
+++ b/apps/web/src/components/common/Breadcrumbs/styles.module.css
@@ -0,0 +1,19 @@
+.container {
+  height: 36px;
+  display: flex;
+  align-items: center;
+  background-color: var(--color-background-paper);
+  border-bottom: 1px solid var(--color-border-light);
+  padding: var(--space-1) var(--space-3);
+  gap: var(--space-1);
+}
+
+.container:empty {
+  display: none;
+}
+
+.breadcrumb {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--space-1) / 2);
+}
diff --git a/apps/web/src/components/common/BuyCryptoButton/index.tsx b/apps/web/src/components/common/BuyCryptoButton/index.tsx
new file mode 100644
index 000000000..e06fdba30
--- /dev/null
+++ b/apps/web/src/components/common/BuyCryptoButton/index.tsx
@@ -0,0 +1,104 @@
+import { usePathname, useSearchParams } from 'next/navigation'
+import Link, { type LinkProps } from 'next/link'
+import { Alert, Box, Button, ButtonBase, Typography } from '@mui/material'
+import AddIcon from '@mui/icons-material/Add'
+import { SafeAppsTag } from '@/config/constants'
+import { AppRoutes } from '@/config/routes'
+import { useRemoteSafeApps } from '@/hooks/safe-apps/useRemoteSafeApps'
+import madProps from '@/utils/mad-props'
+import { type ReactNode, useMemo } from 'react'
+import Track from '../Track'
+import { OVERVIEW_EVENTS } from '@/services/analytics'
+import RampLogo from '@/public/images/common/ramp_logo.svg'
+import css from './styles.module.css'
+import ChevronRightRoundedIcon from '@mui/icons-material/ChevronRightRounded'
+
+const useOnrampAppUrl = (): string | undefined => {
+  const [onrampApps] = useRemoteSafeApps({ tag: SafeAppsTag.ONRAMP })
+  return onrampApps?.[0]?.url
+}
+
+const useBuyCryptoHref = (): LinkProps['href'] | undefined => {
+  const query = useSearchParams()
+  const safe = query?.get('safe')
+  const appUrl = useOnrampAppUrl()
+
+  return useMemo(() => {
+    if (!safe || !appUrl) return undefined
+    return { pathname: AppRoutes.apps.open, query: { safe, appUrl } }
+  }, [safe, appUrl])
+}
+
+const buttonStyles = {
+  height: '42px',
+}
+
+const BuyCryptoOption = ({ name, children }: { name: string; children: ReactNode }) => {
+  return (
+    <ButtonBase className={css.button}>
+      <Typography display="flex" alignItems="center" fontWeight="bold" fontSize="18px" gap={1}>
+        {children}
+        {name}
+      </Typography>
+      <ChevronRightRoundedIcon color="border" />
+    </ButtonBase>
+  )
+}
+
+const _BuyCryptoOptions = ({ rampLink }: { rampLink?: LinkProps['href'] }) => {
+  if (rampLink) {
+    return (
+      <Box position="relative">
+        <Track {...OVERVIEW_EVENTS.BUY_CRYPTO_BUTTON} label="onboarding">
+          <Link href={rampLink} passHref>
+            <BuyCryptoOption name="Ramp">
+              <RampLogo />
+            </BuyCryptoOption>
+          </Link>
+        </Track>
+      </Box>
+    )
+  }
+
+  return (
+    <Alert severity="info">
+      Find an on-ramp provider that supports your region and on-ramp funds to your Safe Account address.
+    </Alert>
+  )
+}
+
+const InternalBuyCryptoButton = ({ href, pagePath }: { href?: LinkProps['href']; pagePath: string }) => {
+  if (!href) return null
+
+  return (
+    <>
+      <Track {...OVERVIEW_EVENTS.BUY_CRYPTO_BUTTON} label={pagePath}>
+        <Link href={href} passHref>
+          <Button
+            variant="contained"
+            size="compact"
+            color="background"
+            sx={buttonStyles}
+            startIcon={<AddIcon fontSize="small" />}
+            className={css.buyCryptoButton}
+            fullWidth
+            disableElevation
+          >
+            Buy crypto
+          </Button>
+        </Link>
+      </Track>
+    </>
+  )
+}
+
+const BuyCryptoButton = madProps(InternalBuyCryptoButton, {
+  href: useBuyCryptoHref,
+  pagePath: usePathname,
+})
+
+export const BuyCryptoOptions = madProps(_BuyCryptoOptions, {
+  rampLink: useBuyCryptoHref,
+})
+
+export default BuyCryptoButton
diff --git a/src/components/common/BuyCryptoButton/styles.module.css b/apps/web/src/components/common/BuyCryptoButton/styles.module.css
similarity index 100%
rename from src/components/common/BuyCryptoButton/styles.module.css
rename to apps/web/src/components/common/BuyCryptoButton/styles.module.css
diff --git a/apps/web/src/components/common/ChainIndicator/index.tsx b/apps/web/src/components/common/ChainIndicator/index.tsx
new file mode 100644
index 000000000..a39ad3cc2
--- /dev/null
+++ b/apps/web/src/components/common/ChainIndicator/index.tsx
@@ -0,0 +1,113 @@
+import type { ReactElement } from 'react'
+import { useMemo } from 'react'
+import classnames from 'classnames'
+import { useAppSelector } from '@/store'
+import { selectChainById, selectChains } from '@/store/chainsSlice'
+import css from './styles.module.css'
+import useChainId from '@/hooks/useChainId'
+import { Skeleton, Stack, SvgIcon, Typography } from '@mui/material'
+import isEmpty from 'lodash/isEmpty'
+import FiatValue from '../FiatValue'
+import UnknownChainIcon from '@/public/images/common/unknown.svg'
+
+type ChainIndicatorProps = {
+  chainId?: string
+  inline?: boolean
+  className?: string
+  showUnknown?: boolean
+  showLogo?: boolean
+  onlyLogo?: boolean
+  responsive?: boolean
+  fiatValue?: string
+  imageSize?: number
+}
+
+const fallbackChainConfig = {
+  chainName: 'Unknown network',
+  chainId: '-1',
+  theme: {
+    backgroundColor: '#ddd',
+    textColor: '#000',
+  },
+  chainLogoUri: null,
+}
+
+const ChainIndicator = ({
+  chainId,
+  fiatValue,
+  className,
+  inline = false,
+  showUnknown = true,
+  showLogo = true,
+  responsive = false,
+  onlyLogo = false,
+  imageSize = 24,
+}: ChainIndicatorProps): ReactElement | null => {
+  const currentChainId = useChainId()
+  const id = chainId || currentChainId
+  const chains = useAppSelector(selectChains)
+  const chainConfig =
+    useAppSelector((state) => selectChainById(state, id)) || (showUnknown ? fallbackChainConfig : null)
+  const noChains = isEmpty(chains.data)
+
+  const style = useMemo(() => {
+    if (!chainConfig) return
+    const { theme } = chainConfig
+
+    return {
+      backgroundColor: theme.backgroundColor,
+      color: theme.textColor,
+    }
+  }, [chainConfig])
+
+  const logoComponent = chainConfig?.chainLogoUri ? (
+    <img
+      src={chainConfig.chainLogoUri ?? undefined}
+      alt={`${chainConfig.chainName} Logo`}
+      width={imageSize}
+      height={imageSize}
+      loading="lazy"
+    />
+  ) : (
+    <SvgIcon
+      component={UnknownChainIcon}
+      inheritViewBox
+      sx={{
+        height: imageSize,
+        width: imageSize,
+        backgroundColor: (theme) => theme.palette.background.main,
+        borderRadius: '100%',
+      }}
+    />
+  )
+
+  return noChains ? (
+    <Skeleton width="100%" height="22px" variant="rectangular" sx={{ flexShrink: 0 }} />
+  ) : chainConfig ? (
+    <span
+      data-testid="chain-logo"
+      style={showLogo ? undefined : style}
+      className={classnames(className || '', {
+        [css.inlineIndicator]: inline,
+        [css.indicator]: !inline,
+        [css.withLogo]: showLogo,
+        [css.responsive]: responsive,
+        [css.onlyLogo]: onlyLogo,
+      })}
+    >
+      {showLogo && logoComponent}
+      {!onlyLogo && (
+        <Stack>
+          <span className={css.name}>{chainConfig.chainName}</span>
+          {fiatValue && (
+            <Typography fontWeight={700} textAlign="left" fontSize="14px">
+              <FiatValue value={fiatValue} />
+            </Typography>
+          )}
+        </Stack>
+      )}
+    </span>
+  ) : null
+}
+
+export default ChainIndicator
diff --git a/apps/web/src/components/common/ChainIndicator/styles.module.css b/apps/web/src/components/common/ChainIndicator/styles.module.css
new file mode 100644
index 000000000..bf05c7ff1
--- /dev/null
+++ b/apps/web/src/components/common/ChainIndicator/styles.module.css
@@ -0,0 +1,52 @@
+.indicator {
+  display: flex;
+  align-items: center;
+  min-width: 70px;
+  font-size: 12px;
+  justify-content: center;
+}
+
+.inlineIndicator {
+  display: inline-block;
+  min-width: 70px;
+  font-size: 11px;
+  line-height: normal;
+  text-align: center;
+  border-radius: 4px;
+  padding: 4px 8px;
+}
+
+.withLogo {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+  padding: 0;
+  min-width: 115px;
+  font-size: 14px;
+  justify-content: flex-start;
+}
+
+.onlyLogo {
+  min-width: 0;
+}
+
+@media (max-width: 899.95px) {
+  .indicator {
+    min-width: 35px;
+  }
+  .responsive {
+    min-width: 0;
+  }
+  .responsive .name {
+    display: none;
+  }
+}
+
+@container my-accounts-container (max-width: 500px) {
+  .responsive {
+    min-width: 0;
+  }
+  .responsive .name {
+    display: none;
+  }
+}
diff --git a/apps/web/src/components/common/ChainSwitcher/index.tsx b/apps/web/src/components/common/ChainSwitcher/index.tsx
new file mode 100644
index 000000000..f0955d13c
--- /dev/null
+++ b/apps/web/src/components/common/ChainSwitcher/index.tsx
@@ -0,0 +1,59 @@
+import type { ReactElement } from 'react'
+import { useCallback, useState } from 'react'
+import { Button, CircularProgress, Typography } from '@mui/material'
+import { useCurrentChain } from '@/hooks/useChains'
+import useOnboard from '@/hooks/wallets/useOnboard'
+import useIsWrongChain from '@/hooks/useIsWrongChain'
+import { switchWalletChain } from '@/services/tx/tx-sender/sdk'
+
+const ChainSwitcher = ({
+  fullWidth,
+  primaryCta = false,
+}: {
+  fullWidth?: boolean
+  primaryCta?: boolean
+}): ReactElement | null => {
+  const chain = useCurrentChain()
+  const onboard = useOnboard()
+  const isWrongChain = useIsWrongChain()
+  const [loading, setIsLoading] = useState<boolean>(false)
+
+  const handleChainSwitch = useCallback(async () => {
+    if (!onboard || !chain) return
+    setIsLoading(true)
+    await switchWalletChain(onboard, chain.chainId)
+    setIsLoading(false)
+  }, [chain, onboard])
+
+  if (!isWrongChain) return null
+
+  return (
+    <Button
+      onClick={handleChainSwitch}
+      variant={primaryCta ? 'contained' : 'outlined'}
+      sx={{ minWidth: '200px' }}
+      size={primaryCta ? 'medium' : 'small'}
+      fullWidth={fullWidth}
+      color="primary"
+      disabled={loading}
+    >
+      {loading ? (
+        <CircularProgress size={20} />
+      ) : (
+        <>
+          <Typography noWrap>Switch to&nbsp;</Typography>
+          <img
+            src={chain?.chainLogoUri ?? undefined}
+            alt={`${chain?.chainName} Logo`}
+            width={24}
+            height={24}
+            loading="lazy"
+          />
+          <Typography noWrap>&nbsp;{chain?.chainName}</Typography>
+        </>
+      )}
+    </Button>
+  )
+}
+
+export default ChainSwitcher
diff --git a/src/components/common/ChainSwitcher/styles.module.css b/apps/web/src/components/common/ChainSwitcher/styles.module.css
similarity index 100%
rename from src/components/common/ChainSwitcher/styles.module.css
rename to apps/web/src/components/common/ChainSwitcher/styles.module.css
diff --git a/apps/web/src/components/common/CheckWallet/index.test.tsx b/apps/web/src/components/common/CheckWallet/index.test.tsx
new file mode 100644
index 000000000..bfa0a64bd
--- /dev/null
+++ b/apps/web/src/components/common/CheckWallet/index.test.tsx
@@ -0,0 +1,284 @@
+import { useSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
+import { render } from '@/tests/test-utils'
+import CheckWallet from '.'
+import useIsOnlySpendingLimitBeneficiary from '@/hooks/useIsOnlySpendingLimitBeneficiary'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import useIsWrongChain from '@/hooks/useIsWrongChain'
+import useWallet from '@/hooks/wallets/useWallet'
+import { chainBuilder } from '@/tests/builders/chains'
+import { useIsWalletProposer } from '@/hooks/useProposers'
+import { faker } from '@faker-js/faker'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useNestedSafeOwners } from '@/hooks/useNestedSafeOwners'
+import type Safe from '@safe-global/protocol-kit'
+
+const mockWalletAddress = faker.finance.ethereumAddress()
+// mock useWallet
+jest.mock('@/hooks/wallets/useWallet', () => ({
+  __esModule: true,
+  default: jest.fn(() => ({
+    address: mockWalletAddress,
+  })),
+}))
+
+// mock useIsSafeOwner
+jest.mock('@/hooks/useIsSafeOwner', () => ({
+  __esModule: true,
+  default: jest.fn(() => true),
+}))
+
+// mock useIsOnlySpendingLimitBeneficiary
+jest.mock('@/hooks/useIsOnlySpendingLimitBeneficiary', () => ({
+  __esModule: true,
+  default: jest.fn(() => false),
+}))
+
+// mock useCurrentChain
+jest.mock('@/hooks/useChains', () => ({
+  __esModule: true,
+  useCurrentChain: jest.fn(() => chainBuilder().build()),
+}))
+
+// mock useIsWrongChain
+jest.mock('@/hooks/useIsWrongChain', () => ({
+  __esModule: true,
+  default: jest.fn(() => false),
+}))
+
+jest.mock('@/hooks/useProposers', () => ({
+  __esModule: true,
+  useIsWalletProposer: jest.fn(() => false),
+}))
+
+jest.mock('@/hooks/useSafeInfo', () => ({
+  __esModule: true,
+  default: jest.fn(() => {
+    const safeAddress = faker.finance.ethereumAddress()
+    return {
+      safeAddress,
+      safe: extendedSafeInfoBuilder()
+        .with({ address: { value: safeAddress } })
+        .with({ deployed: true })
+        .build(),
+    }
+  }),
+}))
+
+jest.mock('@/hooks/useNestedSafeOwners')
+const mockUseNestedSafeOwners = useNestedSafeOwners as jest.MockedFunction<typeof useNestedSafeOwners>
+
+jest.mock('@/hooks/coreSDK/safeCoreSDK')
+const mockUseSafeSdk = useSafeSDK as jest.MockedFunction<typeof useSafeSDK>
+
+const renderButton = () =>
+  render(<CheckWallet checkNetwork={false}>{(isOk) => <button disabled={!isOk}>Continue</button>}</CheckWallet>)
+
+describe('CheckWallet', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+    mockUseSafeSdk.mockReturnValue({} as unknown as Safe)
+    mockUseNestedSafeOwners.mockReturnValue([])
+  })
+
+  it('renders correctly when the wallet is connected to the right chain and is an owner', () => {
+    const { getByText } = renderButton()
+
+    // Check that the button is enabled
+    expect(getByText('Continue')).not.toBeDisabled()
+  })
+
+  it('should disable the button when the wallet is not connected', () => {
+    ;(useWallet as jest.MockedFunction<typeof useWallet>).mockReturnValueOnce(null)
+
+    const { getByText, getByLabelText } = renderButton()
+
+    // Check that the button is disabled
+    expect(getByText('Continue')).toBeDisabled()
+
+    // Check the tooltip text
+    expect(getByLabelText('Please connect your wallet')).toBeInTheDocument()
+  })
+
+  it('should disable the button when the wallet is connected to the right chain but is not an owner', () => {
+    ;(useIsSafeOwner as jest.MockedFunction<typeof useIsSafeOwner>).mockReturnValueOnce(false)
+
+    const { getByText, getByLabelText } = renderButton()
+
+    expect(getByText('Continue')).toBeDisabled()
+    expect(getByLabelText('Your connected wallet is not a signer of this Safe Account')).toBeInTheDocument()
+  })
+
+  it('should be disabled when connected to the wrong network', () => {
+    ;(useIsWrongChain as jest.MockedFunction<typeof useIsWrongChain>).mockReturnValue(true)
+    ;(useIsSafeOwner as jest.MockedFunction<typeof useIsSafeOwner>).mockReturnValueOnce(true)
+
+    const renderButtonWithNetworkCheck = () =>
+      render(<CheckWallet checkNetwork={true}>{(isOk) => <button disabled={!isOk}>Continue</button>}</CheckWallet>)
+
+    const { getByText } = renderButtonWithNetworkCheck()
+
+    expect(getByText('Continue')).toBeDisabled()
+  })
+
+  it('should not disable the button for non-owner spending limit benificiaries', () => {
+    ;(useIsSafeOwner as jest.MockedFunction<typeof useIsSafeOwner>).mockReturnValueOnce(false)
+    ;(
+      useIsOnlySpendingLimitBeneficiary as jest.MockedFunction<typeof useIsOnlySpendingLimitBeneficiary>
+    ).mockReturnValueOnce(true)
+
+    const { getByText } = render(
+      <CheckWallet allowSpendingLimit>{(isOk) => <button disabled={!isOk}>Continue</button>}</CheckWallet>,
+    )
+
+    expect(getByText('Continue')).not.toBeDisabled()
+  })
+
+  it('should not disable the button for proposers', () => {
+    ;(useIsSafeOwner as jest.MockedFunction<typeof useIsSafeOwner>).mockReturnValueOnce(false)
+    ;(useIsWalletProposer as jest.MockedFunction<typeof useIsWalletProposer>).mockReturnValueOnce(true)
+
+    const { getByText } = renderButton()
+
+    expect(getByText('Continue')).not.toBeDisabled()
+  })
+
+  it('should disable the button for proposers if specified via flag', () => {
+    ;(useIsSafeOwner as jest.MockedFunction<typeof useIsSafeOwner>).mockReturnValueOnce(false)
+    ;(useIsWalletProposer as jest.MockedFunction<typeof useIsWalletProposer>).mockReturnValueOnce(true)
+
+    const { getByText } = render(
+      <CheckWallet allowProposer={false}>{(isOk) => <button disabled={!isOk}>Continue</button>}</CheckWallet>,
+    )
+
+    expect(getByText('Continue')).toBeDisabled()
+  })
+
+  it('should not disable the button for proposers that are also owners', () => {
+    ;(useIsSafeOwner as jest.MockedFunction<typeof useIsSafeOwner>).mockReturnValueOnce(true)
+    ;(useIsWalletProposer as jest.MockedFunction<typeof useIsWalletProposer>).mockReturnValueOnce(true)
+
+    const { getByText } = render(
+      <CheckWallet allowProposer={false}>{(isOk) => <button disabled={!isOk}>Continue</button>}</CheckWallet>,
+    )
+
+    expect(getByText('Continue')).not.toBeDisabled()
+  })
+
+  it('should disable the button for counterfactual Safes', () => {
+    ;(useIsSafeOwner as jest.MockedFunction<typeof useIsSafeOwner>).mockReturnValueOnce(true)
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const mockSafeInfo = {
+      safeAddress,
+      safe: extendedSafeInfoBuilder()
+        .with({ address: { value: safeAddress } })
+        .with({ deployed: false })
+        .build(),
+    }
+
+    ;(useSafeInfo as jest.MockedFunction<typeof useSafeInfo>).mockReturnValueOnce(
+      mockSafeInfo as unknown as ReturnType<typeof useSafeInfo>,
+    )
+
+    const { getByText, getByLabelText } = renderButton()
+
+    expect(getByText('Continue')).toBeDisabled()
+    expect(getByLabelText('You need to activate the Safe before transacting')).toBeInTheDocument()
+  })
+
+  it('should enable the button for counterfactual Safes if allowed', () => {
+    ;(useIsSafeOwner as jest.MockedFunction<typeof useIsSafeOwner>).mockReturnValueOnce(true)
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const mockSafeInfo = {
+      safeAddress,
+      safe: extendedSafeInfoBuilder()
+        .with({ address: { value: safeAddress } })
+        .with({ deployed: false })
+        .build(),
+    }
+
+    ;(useSafeInfo as jest.MockedFunction<typeof useSafeInfo>).mockReturnValueOnce(
+      mockSafeInfo as unknown as ReturnType<typeof useSafeInfo>,
+    )
+
+    const { getByText } = render(
+      <CheckWallet allowUndeployedSafe>{(isOk) => <button disabled={!isOk}>Continue</button>}</CheckWallet>,
+    )
+
+    expect(getByText('Continue')).toBeEnabled()
+  })
+
+  it('should allow non-owners if specified', () => {
+    ;(useIsSafeOwner as jest.MockedFunction<typeof useIsSafeOwner>).mockReturnValueOnce(false)
+
+    const { getByText } = render(
+      <CheckWallet allowNonOwner>{(isOk) => <button disabled={!isOk}>Continue</button>}</CheckWallet>,
+    )
+
+    expect(getByText('Continue')).not.toBeDisabled()
+  })
+
+  it('should not allow non-owners that have a spending limit without allowing spending limits', () => {
+    ;(useIsSafeOwner as jest.MockedFunction<typeof useIsSafeOwner>).mockReturnValueOnce(false)
+    ;(
+      useIsOnlySpendingLimitBeneficiary as jest.MockedFunction<typeof useIsOnlySpendingLimitBeneficiary>
+    ).mockReturnValueOnce(true)
+
+    const { getByText } = render(<CheckWallet>{(isOk) => <button disabled={!isOk}>Continue</button>}</CheckWallet>)
+
+    expect(getByText('Continue')).toBeDisabled()
+  })
+
+  it('should disable the button if SDK is not initialized and safe is loaded', () => {
+    mockUseSafeSdk.mockReturnValue(undefined)
+
+    const mockSafeInfo = {
+      safeLoaded: true,
+      safe: extendedSafeInfoBuilder(),
+    }
+
+    ;(useSafeInfo as jest.MockedFunction<typeof useSafeInfo>).mockReturnValueOnce(
+      mockSafeInfo as unknown as ReturnType<typeof useSafeInfo>,
+    )
+
+    const { getByText, getByLabelText } = render(
+      <CheckWallet>{(isOk) => <button disabled={!isOk}>Continue</button>}</CheckWallet>,
+    )
+
+    expect(getByText('Continue')).toBeDisabled()
+    expect(getByLabelText('SDK is not initialized yet'))
+  })
+
+  it('should not disable the button if SDK is not initialized and safe is not loaded', () => {
+    mockUseSafeSdk.mockReturnValue(undefined)
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const mockSafeInfo = {
+      safeAddress,
+      safe: extendedSafeInfoBuilder()
+        .with({ address: { value: safeAddress } })
+        .with({ deployed: true })
+        .build(),
+      safeLoaded: false,
+    }
+
+    ;(useSafeInfo as jest.MockedFunction<typeof useSafeInfo>).mockReturnValueOnce(
+      mockSafeInfo as unknown as ReturnType<typeof useSafeInfo>,
+    )
+
+    const { queryByText } = render(<CheckWallet>{(isOk) => <button disabled={!isOk}>Continue</button>}</CheckWallet>)
+
+    expect(queryByText('Continue')).not.toBeDisabled()
+  })
+
+  it('should allow nested Safe owners', () => {
+    ;(useIsSafeOwner as jest.MockedFunction<typeof useIsSafeOwner>).mockReturnValueOnce(false)
+    mockUseNestedSafeOwners.mockReturnValue([faker.finance.ethereumAddress()])
+
+    const { container } = render(<CheckWallet>{(isOk) => <button disabled={!isOk}>Continue</button>}</CheckWallet>)
+    console.log(container.innerHTML)
+    expect(container.querySelector('button')).not.toBeDisabled()
+  })
+})
diff --git a/apps/web/src/components/common/CheckWallet/index.tsx b/apps/web/src/components/common/CheckWallet/index.tsx
new file mode 100644
index 000000000..16794ea8a
--- /dev/null
+++ b/apps/web/src/components/common/CheckWallet/index.tsx
@@ -0,0 +1,104 @@
+import { useSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
+import { useIsWalletProposer } from '@/hooks/useProposers'
+import { useMemo, type ReactElement } from 'react'
+import useIsOnlySpendingLimitBeneficiary from '@/hooks/useIsOnlySpendingLimitBeneficiary'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import useWallet from '@/hooks/wallets/useWallet'
+import useConnectWallet from '../ConnectWallet/useConnectWallet'
+import useIsWrongChain from '@/hooks/useIsWrongChain'
+import { Tooltip } from '@mui/material'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useIsNestedSafeOwner } from '@/hooks/useIsNestedSafeOwner'
+
+type CheckWalletProps = {
+  children: (ok: boolean) => ReactElement
+  allowSpendingLimit?: boolean
+  allowNonOwner?: boolean
+  noTooltip?: boolean
+  checkNetwork?: boolean
+  allowUndeployedSafe?: boolean
+  allowProposer?: boolean
+}
+
+enum Message {
+  WalletNotConnected = 'Please connect your wallet',
+  SDKNotInitialized = 'SDK is not initialized yet',
+  NotSafeOwner = 'Your connected wallet is not a signer of this Safe Account',
+  SafeNotActivated = 'You need to activate the Safe before transacting',
+}
+
+const CheckWallet = ({
+  children,
+  allowSpendingLimit,
+  allowNonOwner,
+  noTooltip,
+  checkNetwork = false,
+  allowUndeployedSafe = false,
+  allowProposer = true,
+}: CheckWalletProps): ReactElement => {
+  const wallet = useWallet()
+  const isSafeOwner = useIsSafeOwner()
+  const isOnlySpendingLimit = useIsOnlySpendingLimitBeneficiary()
+  const connectWallet = useConnectWallet()
+  const isWrongChain = useIsWrongChain()
+  const sdk = useSafeSDK()
+  const isProposer = useIsWalletProposer()
+
+  const { safe, safeLoaded } = useSafeInfo()
+
+  const isNestedSafeOwner = useIsNestedSafeOwner()
+
+  const isUndeployedSafe = !safe.deployed
+
+  const message = useMemo(() => {
+    if (!wallet) {
+      return Message.WalletNotConnected
+    }
+    if (!sdk && safeLoaded) {
+      return Message.SDKNotInitialized
+    }
+
+    if (isUndeployedSafe && !allowUndeployedSafe) {
+      return Message.SafeNotActivated
+    }
+
+    if (
+      !allowNonOwner &&
+      !isSafeOwner &&
+      !isProposer &&
+      !isNestedSafeOwner &&
+      (!isOnlySpendingLimit || !allowSpendingLimit)
+    ) {
+      return Message.NotSafeOwner
+    }
+
+    if (!allowProposer && isProposer && !isSafeOwner) {
+      return Message.NotSafeOwner
+    }
+  }, [
+    allowNonOwner,
+    allowProposer,
+    allowSpendingLimit,
+    allowUndeployedSafe,
+    isProposer,
+    isNestedSafeOwner,
+    isOnlySpendingLimit,
+    isSafeOwner,
+    isUndeployedSafe,
+    sdk,
+    wallet,
+    safeLoaded,
+  ])
+
+  if (checkNetwork && isWrongChain) return children(false)
+  if (!message) return children(true)
+  if (noTooltip) return children(false)
+
+  return (
+    <Tooltip title={message}>
+      <span onClick={wallet ? undefined : connectWallet}>{children(false)}</span>
+    </Tooltip>
+  )
+}
+
+export default CheckWallet
diff --git a/apps/web/src/components/common/CheckWalletWithPermission/index.test.tsx b/apps/web/src/components/common/CheckWalletWithPermission/index.test.tsx
new file mode 100644
index 000000000..634184819
--- /dev/null
+++ b/apps/web/src/components/common/CheckWalletWithPermission/index.test.tsx
@@ -0,0 +1,204 @@
+import { useSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
+import { render } from '@/tests/test-utils'
+import CheckWalletWithPermission from './index'
+import useIsWrongChain from '@/hooks/useIsWrongChain'
+import useWallet from '@/hooks/wallets/useWallet'
+import { chainBuilder } from '@/tests/builders/chains'
+import { faker } from '@faker-js/faker'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import type Safe from '@safe-global/protocol-kit'
+import * as useHasPermission from '@/permissions/hooks/useHasPermission'
+import { Permission } from '@/permissions/config'
+
+const mockWalletAddress = faker.finance.ethereumAddress()
+// mock useWallet
+jest.mock('@/hooks/wallets/useWallet', () => ({
+  __esModule: true,
+  default: jest.fn(() => ({
+    address: mockWalletAddress,
+  })),
+}))
+
+// mock useCurrentChain
+jest.mock('@/hooks/useChains', () => ({
+  __esModule: true,
+  useCurrentChain: jest.fn(() => chainBuilder().build()),
+}))
+
+// mock useIsWrongChain
+jest.mock('@/hooks/useIsWrongChain', () => ({
+  __esModule: true,
+  default: jest.fn(() => false),
+}))
+
+jest.mock('@/hooks/useSafeInfo', () => ({
+  __esModule: true,
+  default: jest.fn(() => {
+    const safeAddress = faker.finance.ethereumAddress()
+    return {
+      safeAddress,
+      safe: extendedSafeInfoBuilder()
+        .with({ address: { value: safeAddress } })
+        .with({ deployed: true })
+        .build(),
+    }
+  }),
+}))
+
+jest.mock('@/hooks/coreSDK/safeCoreSDK')
+const mockUseSafeSdk = useSafeSDK as jest.MockedFunction<typeof useSafeSDK>
+
+const renderButton = () =>
+  render(
+    <CheckWalletWithPermission permission={Permission.SignTransaction} checkNetwork={false}>
+      {(isOk) => <button disabled={!isOk}>Continue</button>}
+    </CheckWalletWithPermission>,
+  )
+
+describe('CheckWalletWithPermission', () => {
+  const useHasPermissionSpy = jest.spyOn(useHasPermission, 'useHasPermission')
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    mockUseSafeSdk.mockReturnValue({} as unknown as Safe)
+    useHasPermissionSpy.mockReturnValue(true)
+  })
+
+  it('renders correctly when the wallet is connected to the right chain and is an owner', () => {
+    const { getByText } = renderButton()
+
+    // Check that the button is enabled
+    expect(getByText('Continue')).not.toBeDisabled()
+  })
+
+  it('should disable the button when the wallet is not connected', () => {
+    ;(useWallet as jest.MockedFunction<typeof useWallet>).mockReturnValueOnce(null)
+
+    const { getByText, getByLabelText } = renderButton()
+
+    // Check that the button is disabled
+    expect(getByText('Continue')).toBeDisabled()
+
+    // Check the tooltip text
+    expect(getByLabelText('Please connect your wallet')).toBeInTheDocument()
+  })
+
+  it('should disable the button when the current user does not have the specified permission', () => {
+    useHasPermissionSpy.mockReturnValue(false)
+
+    const { getByText, getByLabelText } = renderButton()
+
+    expect(getByText('Continue')).toBeDisabled()
+    expect(getByLabelText('Your connected wallet is not a signer of this Safe Account')).toBeInTheDocument()
+
+    expect(useHasPermissionSpy).toHaveBeenCalledTimes(1)
+    expect(useHasPermissionSpy).toHaveBeenCalledWith(Permission.SignTransaction)
+  })
+
+  it('should be disabled when connected to the wrong network', () => {
+    ;(useIsWrongChain as jest.MockedFunction<typeof useIsWrongChain>).mockReturnValue(true)
+
+    const renderButtonWithNetworkCheck = () =>
+      render(
+        <CheckWalletWithPermission permission={Permission.SignTransaction} checkNetwork={true}>
+          {(isOk) => <button disabled={!isOk}>Continue</button>}
+        </CheckWalletWithPermission>,
+      )
+
+    const { getByText } = renderButtonWithNetworkCheck()
+
+    expect(getByText('Continue')).toBeDisabled()
+  })
+
+  it('should disable the button for counterfactual Safes', () => {
+    const safeAddress = faker.finance.ethereumAddress()
+    const mockSafeInfo = {
+      safeAddress,
+      safe: extendedSafeInfoBuilder()
+        .with({ address: { value: safeAddress } })
+        .with({ deployed: false })
+        .build(),
+    }
+
+    ;(useSafeInfo as jest.MockedFunction<typeof useSafeInfo>).mockReturnValueOnce(
+      mockSafeInfo as unknown as ReturnType<typeof useSafeInfo>,
+    )
+
+    const { getByText, getByLabelText } = renderButton()
+
+    expect(getByText('Continue')).toBeDisabled()
+    expect(getByLabelText('You need to activate the Safe before transacting')).toBeInTheDocument()
+  })
+
+  it('should enable the button for counterfactual Safes if allowed', () => {
+    const safeAddress = faker.finance.ethereumAddress()
+    const mockSafeInfo = {
+      safeAddress,
+      safe: extendedSafeInfoBuilder()
+        .with({ address: { value: safeAddress } })
+        .with({ deployed: false })
+        .build(),
+    }
+
+    ;(useSafeInfo as jest.MockedFunction<typeof useSafeInfo>).mockReturnValueOnce(
+      mockSafeInfo as unknown as ReturnType<typeof useSafeInfo>,
+    )
+
+    const { getByText } = render(
+      <CheckWalletWithPermission permission={Permission.SignTransaction} allowUndeployedSafe>
+        {(isOk) => <button disabled={!isOk}>Continue</button>}
+      </CheckWalletWithPermission>,
+    )
+
+    expect(getByText('Continue')).toBeEnabled()
+  })
+
+  it('should disable the button if SDK is not initialized and safe is loaded', () => {
+    mockUseSafeSdk.mockReturnValue(undefined)
+
+    const mockSafeInfo = {
+      safeLoaded: true,
+      safe: extendedSafeInfoBuilder(),
+    }
+
+    ;(useSafeInfo as jest.MockedFunction<typeof useSafeInfo>).mockReturnValueOnce(
+      mockSafeInfo as unknown as ReturnType<typeof useSafeInfo>,
+    )
+
+    const { getByText, getByLabelText } = render(
+      <CheckWalletWithPermission permission={Permission.SignTransaction}>
+        {(isOk) => <button disabled={!isOk}>Continue</button>}
+      </CheckWalletWithPermission>,
+    )
+
+    expect(getByText('Continue')).toBeDisabled()
+    expect(getByLabelText('SDK is not initialized yet'))
+  })
+
+  it('should not disable the button if SDK is not initialized and safe is not loaded', () => {
+    mockUseSafeSdk.mockReturnValue(undefined)
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const mockSafeInfo = {
+      safeAddress,
+      safe: extendedSafeInfoBuilder()
+        .with({ address: { value: safeAddress } })
+        .with({ deployed: true })
+        .build(),
+      safeLoaded: false,
+    }
+
+    ;(useSafeInfo as jest.MockedFunction<typeof useSafeInfo>).mockReturnValueOnce(
+      mockSafeInfo as unknown as ReturnType<typeof useSafeInfo>,
+    )
+
+    const { queryByText } = render(
+      <CheckWalletWithPermission permission={Permission.SignTransaction}>
+        {(isOk) => <button disabled={!isOk}>Continue</button>}
+      </CheckWalletWithPermission>,
+    )
+
+    expect(queryByText('Continue')).not.toBeDisabled()
+  })
+})
diff --git a/apps/web/src/components/common/CheckWalletWithPermission/index.tsx b/apps/web/src/components/common/CheckWalletWithPermission/index.tsx
new file mode 100644
index 000000000..595a6d5c9
--- /dev/null
+++ b/apps/web/src/components/common/CheckWalletWithPermission/index.tsx
@@ -0,0 +1,81 @@
+import { useSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
+import { useMemo, type ReactElement } from 'react'
+import useWallet from '@/hooks/wallets/useWallet'
+import useConnectWallet from '../ConnectWallet/useConnectWallet'
+import useIsWrongChain from '@/hooks/useIsWrongChain'
+import { Tooltip } from '@mui/material'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import type { Permission, PermissionProps } from '@/permissions/config'
+import { useHasPermission } from '@/permissions/hooks/useHasPermission'
+
+type CheckWalletWithPermissionProps<
+  P extends Permission,
+  PProps = PermissionProps<P> extends undefined ? { permissionProps?: never } : { permissionProps: PermissionProps<P> },
+> = {
+  children: (ok: boolean) => ReactElement
+  permission: P
+  noTooltip?: boolean
+  checkNetwork?: boolean
+  allowUndeployedSafe?: boolean
+} & PProps
+
+enum Message {
+  WalletNotConnected = 'Please connect your wallet',
+  SDKNotInitialized = 'SDK is not initialized yet',
+  NotSafeOwner = 'Your connected wallet is not a signer of this Safe Account',
+  SafeNotActivated = 'You need to activate the Safe before transacting',
+}
+
+const CheckWalletWithPermission = <P extends Permission>({
+  children,
+  permission,
+  permissionProps,
+  noTooltip,
+  checkNetwork = false,
+  allowUndeployedSafe = false,
+}: CheckWalletWithPermissionProps<P>): ReactElement => {
+  const wallet = useWallet()
+  const connectWallet = useConnectWallet()
+  const isWrongChain = useIsWrongChain()
+  const sdk = useSafeSDK()
+  const hasPermission = useHasPermission(
+    permission,
+    ...((permissionProps ? [permissionProps] : []) as PermissionProps<P> extends undefined
+      ? []
+      : [props: PermissionProps<P>]),
+  )
+
+  const { safe, safeLoaded } = useSafeInfo()
+
+  const isUndeployedSafe = !safe.deployed
+
+  const message = useMemo(() => {
+    if (!wallet) {
+      return Message.WalletNotConnected
+    }
+
+    if (!sdk && safeLoaded) {
+      return Message.SDKNotInitialized
+    }
+
+    if (isUndeployedSafe && !allowUndeployedSafe) {
+      return Message.SafeNotActivated
+    }
+
+    if (!hasPermission) {
+      return Message.NotSafeOwner
+    }
+  }, [allowUndeployedSafe, hasPermission, isUndeployedSafe, sdk, wallet, safeLoaded])
+
+  if (checkNetwork && isWrongChain) return children(false)
+  if (!message) return children(true)
+  if (noTooltip) return children(false)
+
+  return (
+    <Tooltip title={message}>
+      <span onClick={wallet ? undefined : connectWallet}>{children(false)}</span>
+    </Tooltip>
+  )
+}
+
+export default CheckWalletWithPermission
diff --git a/apps/web/src/components/common/Chip/index.tsx b/apps/web/src/components/common/Chip/index.tsx
new file mode 100644
index 000000000..f87237f24
--- /dev/null
+++ b/apps/web/src/components/common/Chip/index.tsx
@@ -0,0 +1,32 @@
+import { Typography, Chip as MuiChip, type ChipProps } from '@mui/material'
+
+type Props = {
+  label?: string
+  sx?: ChipProps['sx']
+}
+
+export function Chip({ sx, label = 'New' }: Props) {
+  return (
+    <MuiChip
+      size="small"
+      component="span"
+      sx={{
+        ...sx,
+        mt: '-2px',
+      }}
+      label={
+        <Typography
+          variant="caption"
+          fontWeight="bold"
+          display="flex"
+          alignItems="center"
+          gap={1}
+          letterSpacing="1px"
+          component="span"
+        >
+          {label}
+        </Typography>
+      }
+    />
+  )
+}
diff --git a/apps/web/src/components/common/ChoiceButton/index.tsx b/apps/web/src/components/common/ChoiceButton/index.tsx
new file mode 100644
index 000000000..c9b72e428
--- /dev/null
+++ b/apps/web/src/components/common/ChoiceButton/index.tsx
@@ -0,0 +1,61 @@
+import { type ElementType } from 'react'
+import { Box, ButtonBase, SvgIcon, type SvgIconOwnProps, Typography } from '@mui/material'
+import ChevronRightRoundedIcon from '@mui/icons-material/ChevronRightRounded'
+import css from './styles.module.css'
+
+const ChoiceButton = ({
+  title,
+  description,
+  icon,
+  iconColor,
+  onClick,
+  disabled,
+  chip,
+}: {
+  title: string
+  description?: string
+  icon: ElementType
+  iconColor?: SvgIconOwnProps['color']
+  onClick: () => void
+  disabled?: boolean
+  chip?: string
+}) => {
+  return (
+    <ButtonBase data-testid="choice-btn" className={css.txButton} onClick={onClick} disabled={disabled}>
+      <Box
+        className={css.iconBg}
+        sx={{ backgroundColor: iconColor ? `var(--color-${iconColor}-background) !important` : '' }}
+      >
+        <SvgIcon component={icon} fontSize="small" inheritViewBox color={iconColor} />
+      </Box>
+      <Box
+        sx={{
+          py: 0.2,
+        }}
+      >
+        <Typography
+          sx={{
+            fontWeight: 'bold',
+          }}
+        >
+          {title}
+        </Typography>
+
+        {description && (
+          <Typography
+            variant="body2"
+            sx={{
+              color: 'primary.light',
+            }}
+          >
+            {description}
+          </Typography>
+        )}
+      </Box>
+      <SvgIcon component={ChevronRightRoundedIcon} color="border" sx={{ ml: 'auto' }} />
+      {chip && <Box className={css.chip}>{chip}</Box>}
+    </ButtonBase>
+  )
+}
+
+export default ChoiceButton
diff --git a/src/components/common/ChoiceButton/styles.module.css b/apps/web/src/components/common/ChoiceButton/styles.module.css
similarity index 100%
rename from src/components/common/ChoiceButton/styles.module.css
rename to apps/web/src/components/common/ChoiceButton/styles.module.css
diff --git a/src/components/common/ConnectWallet/AccountCenter.tsx b/apps/web/src/components/common/ConnectWallet/AccountCenter.tsx
similarity index 98%
rename from src/components/common/ConnectWallet/AccountCenter.tsx
rename to apps/web/src/components/common/ConnectWallet/AccountCenter.tsx
index e38c84434..b625c5c5c 100644
--- a/src/components/common/ConnectWallet/AccountCenter.tsx
+++ b/apps/web/src/components/common/ConnectWallet/AccountCenter.tsx
@@ -35,7 +35,7 @@ export const AccountCenter = ({ wallet }: { wallet: ConnectedWallet }) => {
         <Box className={css.buttonContainer}>
           <WalletOverview wallet={wallet} balance={balance} showBalance />
 
-          <Box display="flex" alignItems="center" justifyContent="flex-end" marginLeft="auto">
+          <Box display="flex" alignItems="center" justifyContent="flex-end" ml="auto">
             {open ? <ExpandLessIcon color="border" /> : <ExpandMoreIcon color="border" />}
           </Box>
         </Box>
diff --git a/src/components/common/ConnectWallet/ConnectWalletButton.tsx b/apps/web/src/components/common/ConnectWallet/ConnectWalletButton.tsx
similarity index 100%
rename from src/components/common/ConnectWallet/ConnectWalletButton.tsx
rename to apps/web/src/components/common/ConnectWallet/ConnectWalletButton.tsx
diff --git a/src/components/common/ConnectWallet/ConnectionCenter.tsx b/apps/web/src/components/common/ConnectWallet/ConnectionCenter.tsx
similarity index 100%
rename from src/components/common/ConnectWallet/ConnectionCenter.tsx
rename to apps/web/src/components/common/ConnectWallet/ConnectionCenter.tsx
diff --git a/src/components/common/ConnectWallet/__tests__/AccountCenter.test.tsx b/apps/web/src/components/common/ConnectWallet/__tests__/AccountCenter.test.tsx
similarity index 100%
rename from src/components/common/ConnectWallet/__tests__/AccountCenter.test.tsx
rename to apps/web/src/components/common/ConnectWallet/__tests__/AccountCenter.test.tsx
diff --git a/src/components/common/ConnectWallet/__tests__/ConnectionCenter.test.tsx b/apps/web/src/components/common/ConnectWallet/__tests__/ConnectionCenter.test.tsx
similarity index 100%
rename from src/components/common/ConnectWallet/__tests__/ConnectionCenter.test.tsx
rename to apps/web/src/components/common/ConnectWallet/__tests__/ConnectionCenter.test.tsx
diff --git a/src/components/common/ConnectWallet/index.tsx b/apps/web/src/components/common/ConnectWallet/index.tsx
similarity index 100%
rename from src/components/common/ConnectWallet/index.tsx
rename to apps/web/src/components/common/ConnectWallet/index.tsx
diff --git a/src/components/common/ConnectWallet/styles.module.css b/apps/web/src/components/common/ConnectWallet/styles.module.css
similarity index 100%
rename from src/components/common/ConnectWallet/styles.module.css
rename to apps/web/src/components/common/ConnectWallet/styles.module.css
diff --git a/src/components/common/ConnectWallet/useConnectWallet.ts b/apps/web/src/components/common/ConnectWallet/useConnectWallet.ts
similarity index 100%
rename from src/components/common/ConnectWallet/useConnectWallet.ts
rename to apps/web/src/components/common/ConnectWallet/useConnectWallet.ts
diff --git a/src/components/common/ContextMenu/index.tsx b/apps/web/src/components/common/ContextMenu/index.tsx
similarity index 100%
rename from src/components/common/ContextMenu/index.tsx
rename to apps/web/src/components/common/ContextMenu/index.tsx
diff --git a/src/components/common/ContextMenu/styles.module.css b/apps/web/src/components/common/ContextMenu/styles.module.css
similarity index 100%
rename from src/components/common/ContextMenu/styles.module.css
rename to apps/web/src/components/common/ContextMenu/styles.module.css
diff --git a/apps/web/src/components/common/CookieAndTermBanner/index.tsx b/apps/web/src/components/common/CookieAndTermBanner/index.tsx
new file mode 100644
index 000000000..3d289969f
--- /dev/null
+++ b/apps/web/src/components/common/CookieAndTermBanner/index.tsx
@@ -0,0 +1,201 @@
+import { useEffect, type ReactElement } from 'react'
+import classnames from 'classnames'
+import type { CheckboxProps } from '@mui/material'
+import { Grid, Button, Checkbox, FormControlLabel, Typography, Paper, SvgIcon, Box } from '@mui/material'
+import WarningIcon from '@/public/images/notifications/warning.svg'
+import { useForm } from 'react-hook-form'
+import * as metadata from '@/markdown/terms/version'
+
+import { useAppDispatch, useAppSelector } from '@/store'
+import {
+  selectCookies,
+  CookieAndTermType,
+  saveCookieAndTermConsent,
+  hasAcceptedTerms,
+} from '@/store/cookiesAndTermsSlice'
+import { selectCookieBanner, openCookieBanner, closeCookieBanner } from '@/store/popupSlice'
+
+import css from './styles.module.css'
+import { AppRoutes } from '@/config/routes'
+import Link from 'next/link'
+
+const COOKIE_AND_TERM_WARNING: Record<CookieAndTermType, string> = {
+  [CookieAndTermType.TERMS]: '',
+  [CookieAndTermType.NECESSARY]: '',
+  [CookieAndTermType.UPDATES]: ``,
+  [CookieAndTermType.ANALYTICS]: '',
+}
+
+const CookieCheckbox = ({
+  checkboxProps,
+  label,
+  checked,
+}: {
+  label: string
+  checked: boolean
+  checkboxProps: CheckboxProps
+}) => <FormControlLabel label={label} checked={checked} control={<Checkbox {...checkboxProps} />} sx={{ mt: '-9px' }} />
+
+export const CookieAndTermBanner = ({
+  warningKey,
+  inverted,
+}: {
+  warningKey?: CookieAndTermType
+  inverted?: boolean
+}): ReactElement => {
+  const warning = warningKey ? COOKIE_AND_TERM_WARNING[warningKey] : undefined
+  const dispatch = useAppDispatch()
+  const cookies = useAppSelector(selectCookies)
+
+  const { getValues, setValue } = useForm({
+    defaultValues: {
+      [CookieAndTermType.TERMS]: true,
+      [CookieAndTermType.NECESSARY]: true,
+      [CookieAndTermType.UPDATES]: cookies[CookieAndTermType.UPDATES] ?? false,
+      [CookieAndTermType.ANALYTICS]: cookies[CookieAndTermType.ANALYTICS] ?? false,
+      ...(warningKey ? { [warningKey]: true } : {}),
+    },
+  })
+
+  const handleAccept = () => {
+    const values = getValues()
+    dispatch(
+      saveCookieAndTermConsent({
+        ...values,
+        termsVersion: metadata.version,
+      }),
+    )
+    dispatch(closeCookieBanner())
+  }
+
+  const handleAcceptAll = () => {
+    setValue(CookieAndTermType.UPDATES, true)
+    setValue(CookieAndTermType.ANALYTICS, true)
+    setTimeout(handleAccept, 300)
+  }
+
+  return (
+    <Paper data-testid="cookies-popup" className={classnames(css.container, { [css.inverted]: inverted })}>
+      {warning && (
+        <Typography
+          align="center"
+          variant="body2"
+          sx={{
+            mb: 2,
+            color: 'warning.background',
+          }}
+        >
+          <SvgIcon component={WarningIcon} inheritViewBox fontSize="small" color="error" sx={{ mb: -0.4 }} /> {warning}
+        </Typography>
+      )}
+      <form>
+        <Grid
+          container
+          sx={{
+            alignItems: 'center',
+          }}
+        >
+          <Grid item xs>
+            <Typography
+              variant="body2"
+              sx={{
+                mb: 2,
+              }}
+            >
+              By browsing this page, you accept our{' '}
+              <Link href={AppRoutes.terms} style={{ textDecoration: 'underline' }}>
+                Terms & Conditions
+              </Link>{' '}
+              and the use of necessary cookies.{' '}
+              <Link href={AppRoutes.cookie} style={{ textDecoration: 'underline' }}>
+                Cookie policy
+              </Link>
+              .
+            </Typography>
+
+            <Grid
+              container
+              sx={{
+                alignItems: 'center',
+                gap: 4,
+              }}
+            >
+              <Grid item xs={12} sm>
+                <Box
+                  sx={{
+                    mb: 2,
+                  }}
+                >
+                  <CookieCheckbox checkboxProps={{ id: 'necessary', disabled: true }} label="Necessary" checked />
+                  <br />
+                  <Typography variant="body2">Locally stored data for core functionality</Typography>
+                </Box>
+                {/* 
+                <Box mb={2}>
+                  <CookieCheckbox
+                    checkboxProps={{ ...register(CookieAndTermType.UPDATES), id: 'beamer' }}
+                    label="Beamer"
+                    checked={watch(CookieAndTermType.UPDATES)}
+                  />
+                  <br />
+                  <Typography variant="body2">New features and product announcements</Typography>
+                </Box>
+
+                <Box>
+                  <CookieCheckbox
+                    checkboxProps={{ ...register(CookieAndTermType.ANALYTICS), id: 'ga' }}
+                    label="Analytics"
+                    checked={watch(CookieAndTermType.ANALYTICS)}
+                  />
+                  <br />
+                  <Typography variant="body2">
+                    Opt in for Google Analytics cookies to help us analyze app usage patterns.
+                  </Typography>
+                </Box> */}
+              </Grid>
+            </Grid>
+
+            <Grid
+              container
+              sx={{
+                alignItems: 'center',
+                justifyContent: 'center',
+                mt: 4,
+                gap: 2,
+              }}
+            >
+              <Grid item>
+                <Button onClick={handleAcceptAll} variant="contained" color="secondary" size="small" disableElevation>
+                  Save settings
+                </Button>
+              </Grid>
+            </Grid>
+          </Grid>
+        </Grid>
+      </form>
+    </Paper>
+  )
+}
+
+const CookieBannerPopup = (): ReactElement | null => {
+  const cookiePopup = useAppSelector(selectCookieBanner)
+  const dispatch = useAppDispatch()
+
+  const hasAccepted = useAppSelector(hasAcceptedTerms)
+  const shouldOpen = !hasAccepted
+
+  useEffect(() => {
+    if (shouldOpen) {
+      dispatch(openCookieBanner({}))
+    } else {
+      dispatch(closeCookieBanner())
+    }
+  }, [dispatch, shouldOpen])
+
+  return cookiePopup.open ? (
+    <div className={css.popup}>
+      <CookieAndTermBanner warningKey={cookiePopup.warningKey} inverted />
+    </div>
+  ) : null
+}
+export default CookieBannerPopup
diff --git a/apps/web/src/components/common/CookieAndTermBanner/styles.module.css b/apps/web/src/components/common/CookieAndTermBanner/styles.module.css
new file mode 100644
index 000000000..aa540b514
--- /dev/null
+++ b/apps/web/src/components/common/CookieAndTermBanner/styles.module.css
@@ -0,0 +1,42 @@
+.popup {
+  position: fixed;
+  z-index: 1300;
+  bottom: var(--space-2);
+  right: var(--space-2);
+  max-width: 400px;
+}
+
+.container {
+  padding: var(--space-2);
+  border-radius: 0 !important;
+}
+
+.container label,
+.container input {
+  user-select: none;
+}
+
+@media (max-width: 599.95px) {
+  .popup {
+    right: 0;
+    bottom: 0;
+  }
+}
+
+.container.inverted {
+  background: var(--color-text-primary);
+}
+
+.container.inverted,
+.container.inverted :global(.MuiCheckbox-root),
+.container.inverted a {
+  color: var(--color-background-paper);
+}
+
+.container.inverted :global(.Mui-checked) {
+  color: var(--color-background-paper);
+}
+
+.container.inverted :global(.Mui-checked.Mui-disabled) {
+  opacity: 0.5;
+}
diff --git a/src/components/common/CooldownButton/index.test.tsx b/apps/web/src/components/common/CooldownButton/index.test.tsx
similarity index 100%
rename from src/components/common/CooldownButton/index.test.tsx
rename to apps/web/src/components/common/CooldownButton/index.test.tsx
diff --git a/src/components/common/CooldownButton/index.tsx b/apps/web/src/components/common/CooldownButton/index.tsx
similarity index 100%
rename from src/components/common/CooldownButton/index.tsx
rename to apps/web/src/components/common/CooldownButton/index.tsx
diff --git a/apps/web/src/components/common/CopyAddressButton/__tests__/index.test.tsx b/apps/web/src/components/common/CopyAddressButton/__tests__/index.test.tsx
new file mode 100644
index 000000000..397ab8d55
--- /dev/null
+++ b/apps/web/src/components/common/CopyAddressButton/__tests__/index.test.tsx
@@ -0,0 +1,86 @@
+import { act, render, waitFor } from '@/tests/test-utils'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+import { faker } from '@faker-js/faker'
+import CopyAddressButton from '..'
+
+const originalClipboard = { ...global.navigator.clipboard }
+
+class FakeClipboard {
+  private text = ''
+  readText() {
+    return Promise.resolve(this.text)
+  }
+
+  writeText(text: string) {
+    this.text = text
+  }
+}
+
+describe('CopyAddressButton', () => {
+  beforeAll(() => {
+    //@ts-ignore
+    navigator.clipboard = new FakeClipboard()
+  })
+
+  beforeEach(() => {
+    navigator.clipboard.writeText('')
+  })
+
+  afterAll(() => {
+    //@ts-ignore
+    navigator.clipboard = originalClipboard
+  })
+  it('should copy a trusted address', async () => {
+    const address = faker.finance.ethereumAddress()
+    const result = render(<CopyAddressButton address={address} trusted />)
+
+    act(() => {
+      result.getByRole('button').click()
+    })
+
+    await waitFor(async () => {
+      const copiedText = await navigator.clipboard.readText()
+      expect(copiedText).toEqual(address)
+    })
+  })
+
+  it('should show a confirmation modal when copying an untrusted address', async () => {
+    const address = checksumAddress(faker.finance.ethereumAddress())
+    const result = render(<CopyAddressButton address={address} trusted={false} />)
+
+    act(() => {
+      result.getByRole('button').click()
+    })
+
+    expect(result.getByText(address)).toBeVisible()
+    expect(navigator.clipboard.readText()).resolves.toEqual('')
+
+    act(() => {
+      result.getByText('Proceed and copy').click()
+    })
+
+    await waitFor(async () => {
+      const copiedText = await navigator.clipboard.readText()
+      expect(copiedText).toEqual(address)
+    })
+  })
+
+  it('should not copy an untrusted address if the modal gets closed', async () => {
+    const address = checksumAddress(faker.finance.ethereumAddress())
+    const result = render(<CopyAddressButton address={address} trusted={false} />)
+
+    act(() => {
+      result.getByRole('button').click()
+    })
+
+    expect(result.getByText(address)).toBeVisible()
+    expect(navigator.clipboard.readText()).resolves.toEqual('')
+
+    result.getByLabelText('close').click()
+
+    await waitFor(async () => {
+      expect(navigator.clipboard.readText()).resolves.toEqual('')
+      expect(result.queryByText(address)).not.toBeVisible()
+    })
+  })
+})
diff --git a/apps/web/src/components/common/CopyAddressButton/index.tsx b/apps/web/src/components/common/CopyAddressButton/index.tsx
new file mode 100644
index 000000000..5b3f8be9e
--- /dev/null
+++ b/apps/web/src/components/common/CopyAddressButton/index.tsx
@@ -0,0 +1,38 @@
+import { Box, Typography } from '@mui/material'
+import type { ReactNode, ReactElement } from 'react'
+import CopyButton from '../CopyButton'
+import EthHashInfo from '../EthHashInfo'
+
+const CopyAddressButton = ({
+  prefix,
+  address,
+  copyPrefix,
+  children,
+  trusted = true,
+}: {
+  prefix?: string
+  address: string
+  copyPrefix?: boolean
+  children?: ReactNode
+  trusted?: boolean
+}): ReactElement => {
+  const addressText = copyPrefix && prefix ? `${prefix}:${address}` : address
+
+  const dialogContent = trusted ? undefined : (
+    <Box display="flex" flexDirection="column" gap={2}>
+      <EthHashInfo address={address} shortAddress={false} copyAddress={false} showCopyButton={false} hasExplorer />
+      <Typography>
+        The copied address is linked to a transaction with an untrusted token. Make sure you are interacting with the
+        right address.
+      </Typography>
+    </Box>
+  )
+
+  return (
+    <CopyButton text={addressText} dialogContent={dialogContent}>
+      {children}
+    </CopyButton>
+  )
+}
+
+export default CopyAddressButton
diff --git a/src/components/common/CopyButton/index.stories.tsx b/apps/web/src/components/common/CopyButton/index.stories.tsx
similarity index 100%
rename from src/components/common/CopyButton/index.stories.tsx
rename to apps/web/src/components/common/CopyButton/index.stories.tsx
diff --git a/src/components/common/CopyButton/index.tsx b/apps/web/src/components/common/CopyButton/index.tsx
similarity index 100%
rename from src/components/common/CopyButton/index.tsx
rename to apps/web/src/components/common/CopyButton/index.tsx
diff --git a/apps/web/src/components/common/CopyTooltip/ConfirmCopyModal.tsx b/apps/web/src/components/common/CopyTooltip/ConfirmCopyModal.tsx
new file mode 100644
index 000000000..d659346f0
--- /dev/null
+++ b/apps/web/src/components/common/CopyTooltip/ConfirmCopyModal.tsx
@@ -0,0 +1,69 @@
+import { Close } from '@mui/icons-material'
+import {
+  Dialog,
+  DialogTitle,
+  SvgIcon,
+  Typography,
+  IconButton,
+  Divider,
+  DialogContent,
+  DialogActions,
+  Button,
+  Box,
+} from '@mui/material'
+import WarningIcon from '@/public/images/notifications/warning.svg'
+import { type ReactElement, useEffect, type SyntheticEvent } from 'react'
+import { trackEvent, TX_LIST_EVENTS } from '@/services/analytics'
+import Track from '../Track'
+
+import css from './styles.module.css'
+
+export type ConfirmCopyModalProps = {
+  open: boolean
+  onClose: () => void
+  onCopy: { (e: SyntheticEvent): void }
+  children: ReactElement
+}
+
+const ConfirmCopyModal = ({ open, onClose, onCopy, children }: ConfirmCopyModalProps) => {
+  useEffect(() => {
+    if (open) {
+      trackEvent(TX_LIST_EVENTS.COPY_WARNING_SHOWN)
+    }
+  }, [open])
+
+  return (
+    <Dialog open={open} onClose={onClose}>
+      <DialogTitle>
+        <Box data-testid="untrusted-token-warning" display="flex" flexDirection="row" alignItems="center" gap={1}>
+          <SvgIcon component={WarningIcon} inheritViewBox color="warning" sx={{ mb: -0.4 }} />
+          <Typography variant="h6" fontWeight={700}>
+            Before you copy
+          </Typography>
+          <IconButton aria-label="close" onClick={onClose} sx={{ marginLeft: 'auto' }}>
+            <Close />
+          </IconButton>
+        </Box>
+      </DialogTitle>
+      <Divider />
+      <DialogContent>{children}</DialogContent>
+      <Divider />
+      <DialogActions sx={{ padding: 3 }}>
+        <Box className={css.dialogActions} gap={1}>
+          <Track {...TX_LIST_EVENTS.COPY_WARNING_PROCEED}>
+            <Button size="small" variant="text" color="primary" onClick={onCopy} fullWidth>
+              Proceed and copy
+            </Button>
+          </Track>
+          <Track {...TX_LIST_EVENTS.COPY_WARNING_CLOSE}>
+            <Button size="small" variant="contained" color="primary" onClick={onClose} fullWidth>
+              Do not copy
+            </Button>
+          </Track>
+        </Box>
+      </DialogActions>
+    </Dialog>
+  )
+}
+
+export default ConfirmCopyModal
diff --git a/src/components/common/CopyTooltip/index.tsx b/apps/web/src/components/common/CopyTooltip/index.tsx
similarity index 100%
rename from src/components/common/CopyTooltip/index.tsx
rename to apps/web/src/components/common/CopyTooltip/index.tsx
diff --git a/apps/web/src/components/common/CopyTooltip/styles.module.css b/apps/web/src/components/common/CopyTooltip/styles.module.css
new file mode 100644
index 000000000..6edc2a146
--- /dev/null
+++ b/apps/web/src/components/common/CopyTooltip/styles.module.css
@@ -0,0 +1,15 @@
+.dialogActions {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+@media (max-width: 599.95px) {
+  .dialogActions {
+    flex-direction: column;
+    width: 100%;
+  }
+  .dialogActions > span {
+    width: 100%;
+  }
+}
diff --git a/src/components/common/Countdown/index.test.tsx b/apps/web/src/components/common/Countdown/index.test.tsx
similarity index 100%
rename from src/components/common/Countdown/index.test.tsx
rename to apps/web/src/components/common/Countdown/index.test.tsx
diff --git a/src/components/common/Countdown/index.tsx b/apps/web/src/components/common/Countdown/index.tsx
similarity index 100%
rename from src/components/common/Countdown/index.tsx
rename to apps/web/src/components/common/Countdown/index.tsx
diff --git a/apps/web/src/components/common/CustomLink/index.tsx b/apps/web/src/components/common/CustomLink/index.tsx
new file mode 100644
index 000000000..ef3507966
--- /dev/null
+++ b/apps/web/src/components/common/CustomLink/index.tsx
@@ -0,0 +1,19 @@
+import MUILink from '@mui/material/Link'
+import type { LinkProps as MUILinkProps } from '@mui/material/Link/Link'
+import type { LinkProps as NextLinkProps } from 'next/dist/client/link'
+import NextLink from 'next/link'
+
+const CustomLink: React.FC<
+  React.PropsWithChildren<Omit<MUILinkProps, 'href'> & Pick<NextLinkProps, 'href' | 'as'>>
+> = ({ href = '', as, children, ...other }) => {
+  const isExternal = href.toString().startsWith('http')
+  return (
+    <NextLink href={href} as={as} passHref legacyBehavior>
+      <MUILink target={isExternal ? '_blank' : ''} rel="noreferrer" {...other}>
+        {children}
+      </MUILink>
+    </NextLink>
+  )
+}
+
+export default CustomLink
diff --git a/src/components/common/CustomTooltip/index.tsx b/apps/web/src/components/common/CustomTooltip/index.tsx
similarity index 100%
rename from src/components/common/CustomTooltip/index.tsx
rename to apps/web/src/components/common/CustomTooltip/index.tsx
diff --git a/apps/web/src/components/common/DatePickerInput/index.tsx b/apps/web/src/components/common/DatePickerInput/index.tsx
new file mode 100644
index 000000000..4ee9be8a3
--- /dev/null
+++ b/apps/web/src/components/common/DatePickerInput/index.tsx
@@ -0,0 +1,65 @@
+import { useFormContext, Controller } from 'react-hook-form'
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'
+import { DatePicker } from '@mui/x-date-pickers/DatePicker'
+import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns'
+import { isFuture, isValid, startOfDay } from 'date-fns'
+
+import inputCss from '@/styles/inputs.module.css'
+
+const DatePickerInput = ({
+  name,
+  label,
+  deps,
+  disableFuture = true,
+  validate,
+}: {
+  name: string
+  label: string
+  deps?: string[]
+  disableFuture?: boolean
+  validate?: (value: Date | null) => string | undefined
+}) => {
+  const { control } = useFormContext()
+
+  return (
+    <Controller
+      name={name}
+      control={control}
+      rules={{
+        deps,
+        validate: (val) => {
+          if (!val) {
+            return
+          }
+
+          if (!isValid(val)) {
+            return 'Invalid date'
+          }
+
+          // Compare days using `startOfDay` to ignore timezone offset
+          if (disableFuture && isFuture(startOfDay(val))) {
+            return 'Date cannot be in the future'
+          }
+
+          return validate?.(val)
+        },
+      }}
+      render={({ field, fieldState }) => (
+        <LocalizationProvider dateAdapter={AdapterDateFns}>
+          <DatePicker
+            className={inputCss.input}
+            label={label}
+            format="dd/MM/yyyy"
+            {...field}
+            disableFuture={disableFuture}
+            slotProps={{
+              textField: { fullWidth: true, label: fieldState.error?.message || label, error: !!fieldState.error },
+            }}
+          />
+        </LocalizationProvider>
+      )}
+    />
+  )
+}
+
+export default DatePickerInput
diff --git a/src/components/common/DateTime/DateTime.stories.tsx b/apps/web/src/components/common/DateTime/DateTime.stories.tsx
similarity index 100%
rename from src/components/common/DateTime/DateTime.stories.tsx
rename to apps/web/src/components/common/DateTime/DateTime.stories.tsx
diff --git a/src/components/common/DateTime/DateTime.tsx b/apps/web/src/components/common/DateTime/DateTime.tsx
similarity index 75%
rename from src/components/common/DateTime/DateTime.tsx
rename to apps/web/src/components/common/DateTime/DateTime.tsx
index 6ce5776e2..5a0fde8d8 100644
--- a/src/components/common/DateTime/DateTime.tsx
+++ b/apps/web/src/components/common/DateTime/DateTime.tsx
@@ -1,6 +1,6 @@
 import type { ReactElement } from 'react'
 import { Tooltip } from '@mui/material'
-import { formatDateTime, formatTime, formatTimeInWords } from '@/utils/date'
+import { formatDateTime, formatTime, formatTimeInWords } from '@safe-global/utils/utils/date'
 
 type DateTimeProps = {
   value: number
@@ -9,8 +9,10 @@ type DateTimeProps = {
 }
 
 export const DateTime = ({ value, showDateTime, showTime }: DateTimeProps): ReactElement => {
+  const showTooltip = !showDateTime || showTime
+
   return (
-    <Tooltip title={showDateTime ? '' : formatDateTime(value)} placement="top">
+    <Tooltip title={showTooltip && formatDateTime(value)} placement="top">
       <span>{showTime ? formatTime(value) : showDateTime ? formatDateTime(value) : formatTimeInWords(value)}</span>
     </Tooltip>
   )
diff --git a/src/components/common/DateTime/DateTimeContainer.tsx b/apps/web/src/components/common/DateTime/DateTimeContainer.tsx
similarity index 100%
rename from src/components/common/DateTime/DateTimeContainer.tsx
rename to apps/web/src/components/common/DateTime/DateTimeContainer.tsx
diff --git a/apps/web/src/components/common/DateTime/index.test.tsx b/apps/web/src/components/common/DateTime/index.test.tsx
new file mode 100644
index 000000000..779e25d23
--- /dev/null
+++ b/apps/web/src/components/common/DateTime/index.test.tsx
@@ -0,0 +1,96 @@
+import { render } from '@/tests/test-utils'
+
+import DateTime from '.'
+import { formatDateTime, formatTime } from '@safe-global/utils/utils/date'
+import { useTxFilter } from '@/utils/tx-history-filter'
+
+jest.mock('@/utils/tx-history-filter', () => ({
+  useTxFilter: jest.fn(() => [null, jest.fn()]),
+}))
+
+describe('DateTime', () => {
+  beforeAll(() => {
+    // If we do not use a fixed date, this test will fail once a year (in some timezones) due to daylight saving time.
+    jest.useFakeTimers()
+    jest.setSystemTime(Date.parse('01.01.2023'))
+  })
+
+  afterAll(() => {
+    jest.useRealTimers()
+  })
+
+  it('should render the relative time before threshold on the queue', () => {
+    const date = new Date()
+    const days = 3
+
+    date.setDate(date.getDate() - days)
+
+    const { queryByText } = render(<DateTime value={date.getTime()} />, {
+      routerProps: { pathname: '/transactions/queue' },
+    })
+
+    expect(queryByText('3 days ago')).toBeInTheDocument()
+  })
+
+  it('should render the full date and time after threshold on the queue', () => {
+    const date = new Date()
+    const days = 61
+
+    date.setDate(date.getDate() - days)
+
+    const { queryByText } = render(<DateTime value={date.getTime()} />, {
+      routerProps: { pathname: '/transactions/queue' },
+    })
+
+    const expected = formatDateTime(date.getTime())
+
+    expect(queryByText(expected)).toBeInTheDocument()
+  })
+
+  it('should render the time on the history', () => {
+    const date = new Date()
+    const days = 1
+
+    date.setDate(date.getDate() - days)
+
+    const { queryByText } = render(<DateTime value={date.getTime()} />, {
+      routerProps: { pathname: '/transactions/history' },
+    })
+
+    const expected = formatTime(date.getTime())
+
+    expect(queryByText(expected)).toBeInTheDocument()
+  })
+
+  it('should render the relative time before threshold on the filter', () => {
+    ;(useTxFilter as jest.Mock).mockImplementation(() => [{ type: 'Incoming', filter: {} }])
+
+    const date = new Date()
+    const days = 3
+
+    date.setDate(date.getDate() - days)
+
+    const { getByText } = render(<DateTime value={date.getTime()} />, {
+      routerProps: { pathname: '/transactions/history' },
+    })
+
+    expect(getByText('3 days ago')).toBeInTheDocument()
+  })
+
+  it('should render the full date and time after threshold on the filter', () => {
+    ;(useTxFilter as jest.Mock).mockImplementation(() => [{ type: 'Incoming', filter: {} }])
+
+    const date = new Date()
+    const days = 61
+
+    date.setDate(date.getDate() - days)
+
+    const { queryByText } = render(<DateTime value={date.getTime()} />, {
+      routerProps: { pathname: '/transactions/history' },
+    })
+
+    const expected = formatDateTime(date.getTime())
+
+    expect(queryByText(expected)).toBeInTheDocument()
+  })
+})
diff --git a/src/components/common/DateTime/index.tsx b/apps/web/src/components/common/DateTime/index.tsx
similarity index 100%
rename from src/components/common/DateTime/index.tsx
rename to apps/web/src/components/common/DateTime/index.tsx
diff --git a/src/components/common/Disclaimer/index.stories.tsx b/apps/web/src/components/common/Disclaimer/index.stories.tsx
similarity index 100%
rename from src/components/common/Disclaimer/index.stories.tsx
rename to apps/web/src/components/common/Disclaimer/index.stories.tsx
diff --git a/apps/web/src/components/common/Disclaimer/index.tsx b/apps/web/src/components/common/Disclaimer/index.tsx
new file mode 100644
index 000000000..c2c01d4ed
--- /dev/null
+++ b/apps/web/src/components/common/Disclaimer/index.tsx
@@ -0,0 +1,74 @@
+import type { ReactElement, ReactNode } from 'react'
+import { Box, Button, Divider, Paper, Stack, SvgIcon, Typography } from '@mui/material'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import css from './styles.module.css'
+
+export const Disclaimer = ({
+  title,
+  subtitle,
+  buttonText,
+  content,
+  onAccept,
+}: {
+  title: string
+  subtitle?: string
+  buttonText?: string
+  content: ReactNode
+  onAccept: () => void
+}): ReactElement => {
+  return (
+    <div className={css.container}>
+      <Paper sx={{ maxWidth: '500px' }}>
+        <Stack
+          sx={[
+            {
+              padding: 'var(--space-3)',
+              gap: 2,
+              display: 'flex',
+              alignItems: 'center',
+            },
+            ({ palette }) => ({ borderBottom: `1px solid ${palette.border.light}` }),
+          ]}
+        >
+          {subtitle && (
+            <Typography
+              sx={{
+                color: 'var(--color-text-secondary)',
+              }}
+            >
+              {subtitle}
+            </Typography>
+          )}
+
+          <Box className={css.iconCircle}>
+            <SvgIcon component={InfoIcon} inheritViewBox fontSize="medium" />
+          </Box>
+          <Typography
+            variant="h3"
+            sx={{
+              fontWeight: 700,
+            }}
+          >
+            {title}
+          </Typography>
+          <Typography variant="body2">{content}</Typography>
+          <Divider />
+        </Stack>
+        <Box
+          sx={{
+            display: 'flex',
+            justifyContent: 'center',
+            pt: 3,
+            pb: 2,
+          }}
+        >
+          <Button variant="contained" size="small" sx={{ px: '16px' }} onClick={onAccept}>
+            {buttonText || 'Got it'}
+          </Button>
+        </Box>
+      </Paper>
+    </div>
+  )
+}
+
+export default Disclaimer
diff --git a/src/components/common/Disclaimer/styles.module.css b/apps/web/src/components/common/Disclaimer/styles.module.css
similarity index 100%
rename from src/components/common/Disclaimer/styles.module.css
rename to apps/web/src/components/common/Disclaimer/styles.module.css
diff --git a/apps/web/src/components/common/EnhancedTable/index.tsx b/apps/web/src/components/common/EnhancedTable/index.tsx
new file mode 100644
index 000000000..684176fe2
--- /dev/null
+++ b/apps/web/src/components/common/EnhancedTable/index.tsx
@@ -0,0 +1,206 @@
+import type { ChangeEvent, ReactNode } from 'react'
+import React, { useState } from 'react'
+import Box from '@mui/material/Box'
+import Table from '@mui/material/Table'
+import TableBody from '@mui/material/TableBody'
+import type { SortDirection } from '@mui/material/TableCell'
+import TableCell from '@mui/material/TableCell'
+import TableContainer from '@mui/material/TableContainer'
+import TableHead from '@mui/material/TableHead'
+import TablePagination from '@mui/material/TablePagination'
+import TableRow from '@mui/material/TableRow'
+import TableSortLabel from '@mui/material/TableSortLabel'
+import Paper from '@mui/material/Paper'
+import { visuallyHidden } from '@mui/utils'
+import classNames from 'classnames'
+
+import css from './styles.module.css'
+import { Collapse } from '@mui/material'
+
+type EnhancedCell = {
+  content: ReactNode
+  rawValue: string | number | null
+  sticky?: boolean
+}
+
+type EnhancedRow = {
+  selected?: boolean
+  collapsed?: boolean
+  key?: string
+  cells: Record<string, EnhancedCell>
+}
+
+type EnhancedHeadCell = {
+  id: string
+  label: ReactNode
+  width?: string
+  align?: string
+  sticky?: boolean
+}
+
+function descendingComparator(a: string | number, b: string | number) {
+  if (b < a) {
+    return -1
+  }
+  if (b > a) {
+    return 1
+  }
+  return 0
+}
+
+function getComparator(order: SortDirection, orderBy: string) {
+  return (a: EnhancedRow, b: EnhancedRow) => {
+    const aValue = a.cells[orderBy].rawValue
+    const bValue = b.cells[orderBy].rawValue
+
+    // Handle null/undefined values - always sort to end
+    if (aValue == null) return 1
+    if (bValue == null) return -1
+    if (aValue == null && bValue == null) return 0
+
+    // Use existing comparator for non-null values
+    return order === 'desc' ? descendingComparator(aValue, bValue) : -descendingComparator(aValue, bValue)
+  }
+}
+
+type EnhancedTableHeadProps = {
+  headCells: EnhancedHeadCell[]
+  onRequestSort: (property: string) => void
+  order: 'asc' | 'desc'
+  orderBy: string
+}
+
+function EnhancedTableHead(props: EnhancedTableHeadProps) {
+  const { headCells, order, orderBy, onRequestSort } = props
+  const createSortHandler = (property: string) => () => {
+    onRequestSort(property)
+  }
+
+  return (
+    <TableHead>
+      <TableRow>
+        {headCells.map((headCell) => (
+          <TableCell
+            key={headCell.id}
+            align="left"
+            padding="normal"
+            sortDirection={orderBy === headCell.id ? order : false}
+            sx={{
+              width: headCell.width ? headCell.width : '',
+              textAlign: headCell.align ? headCell.align : '',
+            }}
+            className={classNames({ sticky: headCell.sticky })}
+          >
+            {headCell.label && (
+              <>
+                <TableSortLabel
+                  active={orderBy === headCell.id}
+                  direction={orderBy === headCell.id ? order : 'asc'}
+                  onClick={createSortHandler(headCell.id)}
+                  sx={{ mr: [0, '-26px'], textWrap: 'nowrap' }}
+                >
+                  {headCell.label}
+                  {orderBy === headCell.id ? (
+                    <Box component="span" sx={visuallyHidden}>
+                      {order === 'desc' ? 'sorted descending' : 'sorted ascending'}
+                    </Box>
+                  ) : null}
+                </TableSortLabel>
+              </>
+            )}
+          </TableCell>
+        ))}
+      </TableRow>
+    </TableHead>
+  )
+}
+
+export type EnhancedTableProps = {
+  rows: EnhancedRow[]
+  headCells: EnhancedHeadCell[]
+  mobileVariant?: boolean
+}
+
+const pageSizes = [10, 25, 100]
+
+function EnhancedTable({ rows, headCells, mobileVariant }: EnhancedTableProps) {
+  const [order, setOrder] = useState<'asc' | 'desc'>('asc')
+  const [orderBy, setOrderBy] = useState<string>('')
+  const [page, setPage] = useState<number>(0)
+  const [rowsPerPage, setRowsPerPage] = useState<number>(pageSizes[1])
+
+  const handleRequestSort = (property: string) => {
+    const isAsc = orderBy === property && order === 'asc'
+    setOrder(isAsc ? 'desc' : 'asc')
+    setOrderBy(property)
+  }
+
+  const handleChangePage = (_: any, newPage: number) => {
+    setPage(newPage)
+  }
+
+  const handleChangeRowsPerPage = (event: ChangeEvent<HTMLInputElement>) => {
+    setRowsPerPage(parseInt(event.target.value, 10))
+    setPage(0)
+  }
+
+  const orderedRows = orderBy ? rows.slice().sort(getComparator(order, orderBy)) : rows
+  const pagedRows = orderedRows.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)
+
+  return (
+    <Box sx={{ width: '100%' }}>
+      <TableContainer data-testid="table-container" component={Paper} sx={{ width: '100%', mb: 2 }}>
+        <Table aria-labelledby="tableTitle" className={mobileVariant ? css.mobileColumn : undefined}>
+          <EnhancedTableHead headCells={headCells} order={order} orderBy={orderBy} onRequestSort={handleRequestSort} />
+          <TableBody>
+            {pagedRows.length > 0 ? (
+              pagedRows.map((row, index) => (
+                <TableRow
+                  data-testid="table-row"
+                  tabIndex={-1}
+                  key={row.key ?? index}
+                  selected={row.selected}
+                  className={row.collapsed ? css.collapsedRow : undefined}
+                >
+                  {Object.entries(row.cells).map(([key, cell]) => (
+                    <TableCell
+                      key={key}
+                      className={classNames({
+                        sticky: cell.sticky,
+                        [css.collapsedCell]: row.collapsed,
+                      })}
+                    >
+                      <Collapse key={index} in={!row.collapsed} enter={false}>
+                        {cell.content}
+                      </Collapse>
+                    </TableCell>
+                  ))}
+                </TableRow>
+              ))
+            ) : (
+              // Prevent no `tbody` rows hydration error
+              <TableRow>
+                <TableCell />
+              </TableRow>
+            )}
+          </TableBody>
+        </Table>
+      </TableContainer>
+
+      {(rows.length > pageSizes[0] || rowsPerPage !== pageSizes[1]) && (
+        <TablePagination
+          data-testid="table-pagination"
+          rowsPerPageOptions={pageSizes}
+          component="div"
+          count={rows.length}
+          rowsPerPage={rowsPerPage}
+          page={page}
+          onPageChange={handleChangePage}
+          onRowsPerPageChange={handleChangeRowsPerPage}
+        />
+      )}
+    </Box>
+  )
+}
+
+export default EnhancedTable
diff --git a/src/components/common/EnhancedTable/styles.module.css b/apps/web/src/components/common/EnhancedTable/styles.module.css
similarity index 100%
rename from src/components/common/EnhancedTable/styles.module.css
rename to apps/web/src/components/common/EnhancedTable/styles.module.css
diff --git a/apps/web/src/components/common/ErrorBoundary/index.tsx b/apps/web/src/components/common/ErrorBoundary/index.tsx
new file mode 100644
index 000000000..8a2b017f6
--- /dev/null
+++ b/apps/web/src/components/common/ErrorBoundary/index.tsx
@@ -0,0 +1,63 @@
+import { Typography, Link } from '@mui/material'
+
+import { IS_PRODUCTION } from '@/config/constants'
+import { AppRoutes } from '@/config/routes'
+import WarningIcon from '@/public/images/notifications/warning.svg'
+
+import css from '@/components/common/ErrorBoundary/styles.module.css'
+import CircularIcon from '../icons/CircularIcon'
+import ExternalLink from '../ExternalLink'
+import { HELP_CENTER_URL } from '@/config/constants'
+interface ErrorBoundaryProps {
+  error: Error
+  componentStack: string
+}
+
+const ErrorBoundary = ({ error, componentStack }: ErrorBoundaryProps) => {
+  return (
+    <div className={css.container}>
+      <div className={css.wrapper}>
+        <Typography
+          variant="h3"
+          sx={{
+            color: 'text.primary',
+          }}
+        >
+          Something went wrong,
+          <br />
+          please try again.
+        </Typography>
+
+        <CircularIcon icon={WarningIcon} badgeColor="warning" />
+
+        {IS_PRODUCTION ? (
+          <Typography
+            sx={{
+              color: 'text.primary',
+            }}
+          >
+            In case the problem persists, please reach out to us via our{' '}
+            <ExternalLink href={HELP_CENTER_URL}>Help Center</ExternalLink>
+          </Typography>
+        ) : (
+          <>
+            {/* Error may be undefined despite what the type says */}
+            <Typography color="error">{error?.toString()}</Typography>
+            <Typography color="error">{componentStack}</Typography>
+          </>
+        )}
+        <Link
+          href={AppRoutes.welcome.index}
+          color="primary"
+          sx={{
+            mt: 2,
+          }}
+        >
+          Go home
+        </Link>
+      </div>
+    </div>
+  )
+}
+
+export default ErrorBoundary
diff --git a/src/components/common/ErrorBoundary/styles.module.css b/apps/web/src/components/common/ErrorBoundary/styles.module.css
similarity index 100%
rename from src/components/common/ErrorBoundary/styles.module.css
rename to apps/web/src/components/common/ErrorBoundary/styles.module.css
diff --git a/src/components/common/EthHashInfo/SrcEthHashInfo/index.stories.tsx b/apps/web/src/components/common/EthHashInfo/SrcEthHashInfo/index.stories.tsx
similarity index 100%
rename from src/components/common/EthHashInfo/SrcEthHashInfo/index.stories.tsx
rename to apps/web/src/components/common/EthHashInfo/SrcEthHashInfo/index.stories.tsx
diff --git a/apps/web/src/components/common/EthHashInfo/SrcEthHashInfo/index.tsx b/apps/web/src/components/common/EthHashInfo/SrcEthHashInfo/index.tsx
new file mode 100644
index 000000000..79e422354
--- /dev/null
+++ b/apps/web/src/components/common/EthHashInfo/SrcEthHashInfo/index.tsx
@@ -0,0 +1,145 @@
+import classnames from 'classnames'
+import type { ReactNode, ReactElement, SyntheticEvent } from 'react'
+import { isAddress } from '@/utils/rsk-utils'
+import { useTheme } from '@mui/material/styles'
+import { Box, SvgIcon, Tooltip } from '@mui/material'
+import AddressBookIcon from '@/public/images/sidebar/address-book.svg'
+import useMediaQuery from '@mui/material/useMediaQuery'
+import Identicon from '../../Identicon'
+import CopyAddressButton from '../../CopyAddressButton'
+import ExplorerButton, { type ExplorerButtonProps } from '../../ExplorerButton'
+import { shortenAddress } from '@safe-global/utils/utils/formatters'
+import ImageFallback from '../../ImageFallback'
+import css from './styles.module.css'
+
+export type EthHashInfoProps = {
+  address: string
+  chainId?: string
+  name?: string | null
+  showAvatar?: boolean
+  onlyName?: boolean
+  showCopyButton?: boolean
+  prefix?: string
+  showPrefix?: boolean
+  copyPrefix?: boolean
+  shortAddress?: boolean
+  copyAddress?: boolean
+  customAvatar?: string
+  hasExplorer?: boolean
+  avatarSize?: number
+  children?: ReactNode
+  trusted?: boolean
+  ExplorerButtonProps?: ExplorerButtonProps
+  isAddressBookName?: boolean
+  highlight4bytes?: boolean
+}
+
+const stopPropagation = (e: SyntheticEvent) => e.stopPropagation()
+
+const SrcEthHashInfo = ({
+  address,
+  customAvatar,
+  prefix = '',
+  copyPrefix = true,
+  showPrefix = true,
+  shortAddress = true,
+  copyAddress = true,
+  showAvatar = true,
+  onlyName = false,
+  avatarSize,
+  name,
+  showCopyButton,
+  hasExplorer,
+  ExplorerButtonProps,
+  children,
+  trusted = true,
+  isAddressBookName = false,
+  highlight4bytes = false,
+}: EthHashInfoProps): ReactElement => {
+  const shouldPrefix = isAddress(address)
+  const theme = useTheme()
+  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))
+  const identicon = <Identicon address={address} size={avatarSize} />
+  const shouldCopyPrefix = shouldPrefix && copyPrefix
+
+  const highlightedAddress = highlight4bytes ? (
+    <>
+      {address.slice(0, 2)}
+      <b>{address.slice(2, 6)}</b>
+      {address.slice(6, -4)}
+      <b>{address.slice(-4)}</b>
+    </>
+  ) : (
+    address
+  )
+
+  const addressElement = (
+    <>
+      {showPrefix && shouldPrefix && prefix && <b>{prefix}:</b>}
+      <span>{shortAddress || isMobile ? shortenAddress(address) : highlightedAddress}</span>
+    </>
+  )
+
+  return (
+    <div className={css.container}>
+      {showAvatar && (
+        <div
+          className={css.avatarContainer}
+          style={avatarSize !== undefined ? { width: `${avatarSize}px`, height: `${avatarSize}px` } : undefined}
+        >
+          {customAvatar ? (
+            <ImageFallback src={customAvatar} fallbackComponent={identicon} width={avatarSize} height={avatarSize} />
+          ) : (
+            identicon
+          )}
+        </div>
+      )}
+
+      <Box overflow="hidden" className={onlyName ? css.inline : undefined} gap={0.5}>
+        {name && (
+          <Box title={name} className="ethHashInfo-name" display="flex" alignItems="center" gap={0.5}>
+            <Box overflow="hidden" textOverflow="ellipsis">
+              {name}
+            </Box>
+
+            {isAddressBookName && (
+              <Tooltip title="From your address book" placement="top">
+                <span style={{ lineHeight: 0 }}>
+                  <SvgIcon component={AddressBookIcon} inheritViewBox color="border" fontSize="small" />
+                </span>
+              </Tooltip>
+            )}
+          </Box>
+        )}
+
+        <div className={classnames(css.addressContainer, { [css.inline]: onlyName })}>
+          {(!onlyName || !name) && (
+            <Box fontWeight="inherit" fontSize="inherit" overflow="hidden" textOverflow="ellipsis">
+              {copyAddress ? (
+                <CopyAddressButton prefix={prefix} address={address} copyPrefix={shouldCopyPrefix} trusted={trusted}>
+                  {addressElement}
+                </CopyAddressButton>
+              ) : (
+                addressElement
+              )}
+            </Box>
+          )}
+
+          {showCopyButton && (
+            <CopyAddressButton prefix={prefix} address={address} copyPrefix={shouldCopyPrefix} trusted={trusted} />
+          )}
+
+          {hasExplorer && ExplorerButtonProps && (
+            <Box color="border.main">
+              <ExplorerButton {...ExplorerButtonProps} onClick={stopPropagation} />
+            </Box>
+          )}
+
+          {children}
+        </div>
+      </Box>
+    </div>
+  )
+}
+
+export default SrcEthHashInfo
diff --git a/apps/web/src/components/common/EthHashInfo/SrcEthHashInfo/styles.module.css b/apps/web/src/components/common/EthHashInfo/SrcEthHashInfo/styles.module.css
new file mode 100644
index 000000000..1f755478a
--- /dev/null
+++ b/apps/web/src/components/common/EthHashInfo/SrcEthHashInfo/styles.module.css
@@ -0,0 +1,28 @@
+.container {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+  line-height: 1.4;
+  width: 100%;
+}
+
+.avatarContainer {
+  flex-shrink: 0;
+  position: relative;
+}
+
+.avatarContainer > * {
+  width: 100% !important;
+  height: 100% !important;
+}
+
+.addressContainer {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+}
+
+.inline {
+  display: flex;
+  align-items: center;
+}
diff --git a/src/components/common/EthHashInfo/index.stories.tsx b/apps/web/src/components/common/EthHashInfo/index.stories.tsx
similarity index 100%
rename from src/components/common/EthHashInfo/index.stories.tsx
rename to apps/web/src/components/common/EthHashInfo/index.stories.tsx
diff --git a/apps/web/src/components/common/EthHashInfo/index.test.tsx b/apps/web/src/components/common/EthHashInfo/index.test.tsx
new file mode 100644
index 000000000..3ae9e9282
--- /dev/null
+++ b/apps/web/src/components/common/EthHashInfo/index.test.tsx
@@ -0,0 +1,417 @@
+import { blo } from 'blo'
+import { act } from 'react'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+import { fireEvent, render, waitFor } from '@/tests/test-utils'
+import * as useAllAddressBooks from '@/hooks/useAllAddressBooks'
+import * as useChainId from '@/hooks/useChainId'
+import * as store from '@/store'
+import EthHashInfo from '.'
+
+const originalClipboard = { ...global.navigator.clipboard }
+
+const MOCK_SAFE_ADDRESS = '0x0000000000000000000000000000000000005AFE'
+const MOCK_CHAIN_ID = '4'
+
+jest.mock('@/hooks/useAllAddressBooks')
+jest.mock('@/hooks/useChainId')
+
+describe('EthHashInfo', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+
+    jest.spyOn(useAllAddressBooks, 'default').mockImplementation(() => ({
+      [MOCK_CHAIN_ID]: {
+        [MOCK_SAFE_ADDRESS]: 'Address book name',
+      },
+    }))
+
+    //@ts-ignore
+    global.navigator.clipboard = {
+      writeText: jest.fn(() => Promise.resolve()),
+    }
+  })
+
+  afterEach(() => {
+    //@ts-ignore
+    global.navigator.clipboard = originalClipboard
+  })
+
+  describe('address', () => {
+    it('renders a shortened address by default', () => {
+      const { queryAllByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} />)
+
+      expect(queryAllByText('0x0000...5AFE')[0]).toBeInTheDocument()
+    })
+
+    it('renders a full address', () => {
+      const { queryByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} shortAddress={false} />)
+
+      expect(queryByText(MOCK_SAFE_ADDRESS)).toBeInTheDocument()
+    })
+  })
+
+  describe('prefix', () => {
+    it('renders the current chain prefix by default', () => {
+      jest.spyOn(useChainId, 'default').mockReturnValue('4')
+
+      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
+        selector({
+          session: {},
+          settings: {
+            shortName: {
+              copy: true,
+            },
+          },
+          chains: {
+            data: [{ chainId: '4', shortName: 'rin' }],
+          },
+        } as store.RootState),
+      )
+
+      const { queryByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} />)
+
+      expect(queryByText('rin:')).toBeInTheDocument()
+    })
+
+    it('renders the chain prefix associated with the given chainId', () => {
+      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
+        selector({
+          session: {},
+          settings: {
+            shortName: {
+              copy: true,
+            },
+          },
+          chains: {
+            data: [
+              { chainId: '4', shortName: 'rin' },
+              { chainId: '100', shortName: 'gno' },
+            ],
+          },
+        } as store.RootState),
+      )
+
+      const { queryByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} chainId="100" />)
+
+      expect(queryByText('gno:')).toBeInTheDocument()
+    })
+
+    it('renders a custom prefix', () => {
+      jest.spyOn(store, 'useAppSelector').mockReturnValue({
+        shortName: {
+          copy: true,
+        },
+      })
+
+      const { queryByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} prefix="test" />)
+
+      expect(queryByText('test:')).toBeInTheDocument()
+    })
+
+    it("doesn't prefix non-addresses", () => {
+      jest.spyOn(useChainId, 'default').mockReturnValue('4')
+
+      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
+        selector({
+          session: {},
+          settings: {
+            shortName: {
+              copy: true,
+            },
+          },
+          chains: {
+            data: [{ chainId: '4', shortName: 'rin' }],
+          },
+        } as store.RootState),
+      )
+
+      const result1 = render(
+        <EthHashInfo address="0xe26920604f9a02c5a877d449faa71b7504f0c2508dcc7c0384078a024b8e592f" />,
+      )
+
+      expect(result1.queryByText('rin:')).not.toBeInTheDocument()
+
+      const result2 = render(<EthHashInfo address="0x123" />)
+
+      expect(result2.queryByText('rin:')).not.toBeInTheDocument()
+    })
+
+    it('should not render the prefix when disabled in the props', () => {
+      const { queryByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} showPrefix={false} />)
+
+      expect(queryByText('rin:')).not.toBeInTheDocument()
+    })
+  })
+
+  describe('name', () => {
+    it('renders a name by default', () => {
+      const { queryByText } = render(<EthHashInfo address="0x1234" name="Test name" />)
+
+      expect(queryByText('Test name')).toBeInTheDocument()
+    })
+
+    it('renders a name from the address book even if a name is passed', () => {
+      const { queryByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} name="Fallback name" />)
+
+      expect(queryByText('Address book name')).toBeInTheDocument()
+    })
+
+    it('renders a name from the address book', () => {
+      const { queryByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} />)
+
+      expect(queryByText('Address book name')).toBeInTheDocument()
+    })
+
+    it('hides a name', () => {
+      const { queryByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} name="Test" showName={false} />)
+
+      expect(queryByText('Test')).not.toBeInTheDocument()
+      expect(queryByText('Address book name')).not.toBeInTheDocument()
+    })
+  })
+
+  describe('avatar', () => {
+    it('renders an avatar by default', () => {
+      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} />)
+
+      expect(container.querySelector('.icon')).toHaveAttribute(
+        'style',
+        `background-image: url(${blo(MOCK_SAFE_ADDRESS)}); width: 40px; height: 40px;`,
+      )
+    })
+
+    it('allows for sizing of avatars', () => {
+      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} avatarSize={100} />)
+
+      expect(container.querySelector('.icon')).toHaveAttribute(
+        'style',
+        `background-image: url(${blo(MOCK_SAFE_ADDRESS)}); width: 100px; height: 100px;`,
+      )
+    })
+
+    it('renders a custom avatar', () => {
+      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} customAvatar="./test.jpg" />)
+
+      expect(container.querySelector('img')).toHaveAttribute('src', './test.jpg')
+    })
+
+    it('allows for sizing of custom avatars', () => {
+      const { container } = render(
+        <EthHashInfo address={MOCK_SAFE_ADDRESS} customAvatar="./test.jpg" avatarSize={100} />,
+      )
+
+      const avatar = container.querySelector('img')
+
+      expect(avatar).toHaveAttribute('src', './test.jpg')
+      expect(avatar).toHaveAttribute('width', '100')
+      expect(avatar).toHaveAttribute('height', '100')
+    })
+
+    it('falls back to an identicon', async () => {
+      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} customAvatar="" />)
+
+      await waitFor(() => {
+        expect(container.querySelector('.icon')).toBeInTheDocument()
+      })
+    })
+
+    it('hides the avatar', () => {
+      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} showAvatar={false} />)
+
+      expect(container.querySelector('.icon')).not.toBeInTheDocument()
+    })
+  })
+
+  describe('copy button', () => {
+    it("doesn't show the copy button by default", () => {
+      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} />)
+
+      expect(container.querySelector('button')).not.toBeInTheDocument()
+    })
+
+    it('shows the copy button', () => {
+      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} showCopyButton />)
+
+      expect(container.querySelector('button')).toBeInTheDocument()
+    })
+
+    it("doesn't copy the prefix with non-addresses", async () => {
+      jest.spyOn(useChainId, 'default').mockReturnValue('4')
+
+      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
+        selector({
+          session: {},
+          settings: {
+            shortName: {
+              copy: true,
+            },
+          },
+          chains: {
+            data: [{ chainId: '4', shortName: 'rin' }],
+          },
+        } as store.RootState),
+      )
+
+      const { container } = render(
+        <EthHashInfo address="0xe26920604f9a02c5a877d449faa71b7504f0c2508dcc7c0384078a024b8e592f" showCopyButton />,
+      )
+
+      const button = container.querySelector('button')
+
+      act(() => {
+        fireEvent.click(button!)
+      })
+
+      expect(navigator.clipboard.writeText).toHaveBeenCalledWith(
+        '0xe26920604f9a02c5a877d449faa71b7504f0c2508dcc7c0384078a024b8e592f',
+      )
+    })
+
+    it('copies the default prefixed address', async () => {
+      jest.spyOn(useChainId, 'default').mockReturnValue('4')
+
+      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
+        selector({
+          session: {},
+          settings: {
+            shortName: {
+              copy: true,
+            },
+          },
+          chains: {
+            data: [{ chainId: '4', shortName: 'rin' }],
+          },
+        } as store.RootState),
+      )
+
+      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} showCopyButton />)
+
+      const button = container.querySelector('button')
+
+      act(() => {
+        fireEvent.click(button!)
+      })
+
+      expect(navigator.clipboard.writeText).toHaveBeenCalledWith(`rin:${MOCK_SAFE_ADDRESS}`)
+    })
+
+    it('copies the prefix even if it is hidden', async () => {
+      jest.spyOn(useChainId, 'default').mockReturnValue('4')
+
+      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
+        selector({
+          session: {},
+          settings: {
+            shortName: {
+              copy: true,
+            },
+          },
+          chains: {
+            data: [{ chainId: '4', shortName: 'rin' }],
+          },
+        } as store.RootState),
+      )
+
+      const { container, queryByText } = render(
+        <EthHashInfo address={MOCK_SAFE_ADDRESS} showCopyButton showPrefix={false} />,
+      )
+
+      expect(queryByText('rin:')).not.toBeInTheDocument()
+
+      const button = container.querySelector('button')
+
+      act(() => {
+        fireEvent.click(button!)
+      })
+
+      expect(navigator.clipboard.writeText).toHaveBeenCalledWith(`rin:${MOCK_SAFE_ADDRESS}`)
+    })
+
+    it('copies the selected chainId prefix', async () => {
+      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
+        selector({
+          session: {},
+          settings: {
+            shortName: {
+              copy: true,
+            },
+          },
+          chains: {
+            data: [
+              { chainId: '4', shortName: 'rin' },
+              { chainId: '100', shortName: 'gno' },
+            ],
+          },
+        } as store.RootState),
+      )
+
+      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} showCopyButton chainId="100" />)
+
+      const button = container.querySelector('button')
+
+      act(() => {
+        fireEvent.click(button!)
+      })
+
+      expect(navigator.clipboard.writeText).toHaveBeenCalledWith(`gno:${MOCK_SAFE_ADDRESS}`)
+    })
+
+    it('copies the raw address', async () => {
+      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
+        selector({
+          session: {},
+          settings: {
+            shortName: {
+              copy: false,
+            },
+          },
+          chains: {
+            data: [] as ChainInfo[],
+          },
+        } as store.RootState),
+      )
+
+      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} showCopyButton />)
+
+      const button = container.querySelector('button')
+
+      act(() => {
+        fireEvent.click(button!)
+      })
+
+      expect(navigator.clipboard.writeText).toHaveBeenCalledWith(MOCK_SAFE_ADDRESS)
+    })
+  })
+
+  describe('block explorer', () => {
+    it("doesn't render the block explorer link by default", () => {
+      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} />)
+
+      expect(container.querySelector('a')).not.toBeInTheDocument()
+    })
+    it('renders the block explorer link', () => {
+      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
+        selector({
+          session: {},
+          settings: { shortName: {} },
+          chains: {
+            data: [
+              {
+                chainId: '4',
+                blockExplorerUriTemplate: { address: 'https://rinkeby.etherscan.io/address/{{address}}' },
+              },
+            ],
+          },
+        } as store.RootState),
+      )
+
+      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} hasExplorer />)
+
+      expect(container.querySelector('a')).toHaveAttribute(
+        'href',
+        'https://rinkeby.etherscan.io/address/0x0000000000000000000000000000000000005AFE',
+      )
+    })
+  })
+})
diff --git a/apps/web/src/components/common/EthHashInfo/index.tsx b/apps/web/src/components/common/EthHashInfo/index.tsx
new file mode 100644
index 000000000..1a2546c2f
--- /dev/null
+++ b/apps/web/src/components/common/EthHashInfo/index.tsx
@@ -0,0 +1,43 @@
+import { type ReactElement } from 'react'
+import { useChain } from '@/hooks/useChains'
+import useAllAddressBooks from '@/hooks/useAllAddressBooks'
+import useChainId from '@/hooks/useChainId'
+import { useAppSelector } from '@/store'
+import { selectSettings } from '@/store/settingsSlice'
+import { getBlockExplorerLink } from '@safe-global/utils/utils/chains'
+import SrcEthHashInfo, { type EthHashInfoProps } from './SrcEthHashInfo'
+
+const EthHashInfo = ({
+  showName = true,
+  avatarSize = 40,
+  ...props
+}: EthHashInfoProps & { showName?: boolean }): ReactElement => {
+  const settings = useAppSelector(selectSettings)
+  const currentChainId = useChainId()
+  const chain = useChain(props.chainId || currentChainId)
+  const addressBooks = useAllAddressBooks()
+
+  const link = chain && props.hasExplorer ? getBlockExplorerLink(chain, props.address) : undefined
+  const name = showName && chain ? addressBooks?.[chain.chainId]?.[props.address] || props.name : undefined
+  // const link = chain && props.hasExplorer ? getBlockExplorerLink(chain, props.address) : undefined
+  // const addressBookName = chain ? addressBooks?.[chain.chainId]?.[props.address] : undefined
+  // const name = showName ? addressBookName || props.name : undefined
+
+  return (
+    <SrcEthHashInfo
+      prefix={chain?.shortName}
+      copyPrefix={settings.shortName.copy}
+      {...props}
+      address={props.address}
+      name={name}
+      isAddressBookName={!!name}
+      customAvatar={props.customAvatar}
+      ExplorerButtonProps={{ title: link?.title || '', href: link?.href || '' }}
+      avatarSize={avatarSize}
+    >
+      {props.children}
+    </SrcEthHashInfo>
+  )
+}
+
+export default EthHashInfo
diff --git a/apps/web/src/components/common/ExplorerButton/index.tsx b/apps/web/src/components/common/ExplorerButton/index.tsx
new file mode 100644
index 000000000..54abf3a06
--- /dev/null
+++ b/apps/web/src/components/common/ExplorerButton/index.tsx
@@ -0,0 +1,62 @@
+import type { ReactElement, ComponentType, SyntheticEvent } from 'react'
+import { Box, IconButton, SvgIcon, Tooltip, Typography, type TypographyProps } from '@mui/material'
+import LinkIcon from '@/public/images/common/link.svg'
+import Link from 'next/link'
+
+export type ExplorerButtonProps = {
+  title?: string
+  href?: string
+  className?: string
+  icon?: ComponentType
+  onClick?: (e: SyntheticEvent) => void
+  isCompact?: boolean
+  fontSize?: TypographyProps['fontSize']
+}
+
+const ExplorerButton = ({
+  title = '',
+  href = '',
+  icon = LinkIcon,
+  className,
+  onClick,
+  isCompact = true,
+  fontSize = 'small',
+}: ExplorerButtonProps): ReactElement | null => {
+  if (!href) return null
+
+  return isCompact ? (
+    <Tooltip title={title} placement="top">
+      <IconButton
+        data-testid="explorer-btn"
+        className={className}
+        target="_blank"
+        rel="noreferrer"
+        href={href}
+        size="small"
+        sx={{ color: 'inherit' }}
+        onClick={onClick}
+      >
+        <SvgIcon component={icon} inheritViewBox fontSize="small" />
+      </IconButton>
+    </Tooltip>
+  ) : (
+    <Link
+      data-testid="explorer-btn"
+      className={className}
+      target="_blank"
+      rel="noreferrer"
+      href={href}
+      onClick={onClick}
+    >
+      <Box display="flex" alignItems="center">
+        <Typography fontWeight={700} fontSize={fontSize} mr="var(--space-1)" noWrap>
+          View on explorer
+        </Typography>
+
+        <SvgIcon component={icon} inheritViewBox fontSize="small" />
+      </Box>
+    </Link>
+  )
+}
+
+export default ExplorerButton
diff --git a/apps/web/src/components/common/ExternalLink/index.tsx b/apps/web/src/components/common/ExternalLink/index.tsx
new file mode 100644
index 000000000..85676dc23
--- /dev/null
+++ b/apps/web/src/components/common/ExternalLink/index.tsx
@@ -0,0 +1,43 @@
+import type { ReactElement } from 'react'
+import { OpenInNewRounded } from '@mui/icons-material'
+import { Box, Button, Link, type LinkProps } from '@mui/material'
+
+/**
+ * Renders an external Link which always sets the noopener and noreferrer rel attribute and the target to _blank.
+ * It also always adds the external link icon as end adornment.
+ */
+const ExternalLink = ({
+  noIcon = false,
+  children,
+  href,
+  mode = 'link',
+  ...props
+}: Omit<LinkProps, 'target' | 'rel'> & { noIcon?: boolean; mode?: 'button' | 'link' }): ReactElement => {
+  if (!href) return <>{children}</>
+
+  const linkContent = (
+    <Box
+      component="span"
+      sx={{
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: 0.5,
+        cursor: 'pointer',
+      }}
+    >
+      {children ?? href}
+      {!noIcon && <OpenInNewRounded fontSize="small" />}
+    </Box>
+  )
+  return mode === 'link' ? (
+    <Link href={href} rel="noreferrer noopener" target="_blank" {...props}>
+      {linkContent}
+    </Link>
+  ) : (
+    <Button variant="outlined" href={href} rel="noreferrer noopener" target="_blank" sx={props.sx}>
+      {linkContent}
+    </Button>
+  )
+}
+
+export default ExternalLink
diff --git a/apps/web/src/components/common/FiatValue/FiatValue.test.tsx b/apps/web/src/components/common/FiatValue/FiatValue.test.tsx
new file mode 100644
index 000000000..663fe88c6
--- /dev/null
+++ b/apps/web/src/components/common/FiatValue/FiatValue.test.tsx
@@ -0,0 +1,55 @@
+import { render } from '@/tests/test-utils'
+
+const normalizer = (text: string) => text.replace(/\u200A/g, ' ')
+
+describe('FiatValue', () => {
+  beforeEach(() => {
+    Object.defineProperty(window, 'navigator', {
+      value: {
+        language: 'en-US',
+      },
+      writable: true,
+    })
+  })
+
+  it('should render fiat value', () => {
+    const FiatValue = require('.').default
+    const { getByText } = render(<FiatValue value={100} />)
+    const span = getByText((content) => normalizer(content) === '$ 100', { normalizer })
+    expect(span).toBeInTheDocument()
+    expect(span).toHaveAttribute('aria-label', '$ 100.00')
+  })
+
+  it('should render a big fiat value', () => {
+    const FiatValue = require('.').default
+    const { getByText } = render(<FiatValue value={100_285_367} />)
+    const span = getByText((content) => normalizer(content) === '$ 100.29M', { normalizer })
+    expect(span).toBeInTheDocument()
+    expect(span).toHaveAttribute('aria-label', '$ 100,285,367.00')
+  })
+
+  it('should render fiat value with precise=true', () => {
+    const FiatValue = require('.').default
+    const { getByText } = render(<FiatValue value={100.35} precise />)
+    expect(getByText((content) => normalizer(content) === '$ 100', { normalizer })).toBeInTheDocument()
+    expect(getByText('.35')).toBeInTheDocument()
+  })
+
+  it('should render fiat value with maxLength=3', () => {
+    const FiatValue = require('.').default
+    const { getByText } = render(<FiatValue value={100.35} maxLength={3} />)
+    expect(getByText((content) => normalizer(content) === '$ 100', { normalizer })).toBeInTheDocument()
+  })
+
+  it('should render fiat value with maxLength=3 and precise=true', () => {
+    const FiatValue = require('.').default
+    const { getByText } = render(<FiatValue value={100.35} maxLength={3} precise />)
+    expect(getByText((content) => normalizer(content) === '$ 100', { normalizer })).toBeInTheDocument()
+  })
+
+  it('should render `--` if passed value is null', () => {
+    const FiatValue = require('.').default
+    const { getByText } = render(<FiatValue value={null} />)
+    expect(getByText('--')).toBeInTheDocument()
+  })
+})
diff --git a/apps/web/src/components/common/FiatValue/index.tsx b/apps/web/src/components/common/FiatValue/index.tsx
new file mode 100644
index 000000000..86ef88329
--- /dev/null
+++ b/apps/web/src/components/common/FiatValue/index.tsx
@@ -0,0 +1,63 @@
+import type { CSSProperties, ReactElement } from 'react'
+import { useMemo } from 'react'
+import { Tooltip, Typography } from '@mui/material'
+import { useAppSelector } from '@/store'
+import { selectCurrency } from '@/store/settingsSlice'
+import { formatCurrency, formatCurrencyPrecise } from '@safe-global/utils/utils/formatNumber'
+
+const style = { whiteSpace: 'nowrap' } as CSSProperties
+
+const FiatValue = ({
+  value,
+  maxLength,
+  precise,
+}: {
+  value: string | number | null
+  maxLength?: number
+  precise?: boolean
+}): ReactElement => {
+  const currency = useAppSelector(selectCurrency)
+
+  const fiat = useMemo(() => {
+    return value != null ? formatCurrency(value, currency, maxLength) : null
+  }, [value, currency, maxLength])
+
+  const preciseFiat = useMemo(() => {
+    return value != null ? formatCurrencyPrecise(value, currency) : null
+  }, [value, currency])
+
+  const [whole, decimals, endCurrency] = useMemo(() => {
+    const match = (preciseFiat ?? '').match(/(.+)(\D\d+)(\D+)?$/)
+    return match ? match.slice(1) : ['', preciseFiat, '', '']
+  }, [preciseFiat])
+
+  if (fiat == null) {
+    return (
+      <Typography component="span" color="text.secondary">
+        --
+      </Typography>
+    )
+  }
+
+  return (
+    <Tooltip title={precise ? undefined : preciseFiat}>
+      <span suppressHydrationWarning style={style}>
+        {precise ? (
+          <>
+            {whole}
+            {decimals && (
+              <Typography component="span" color="text.secondary" fontSize="inherit" fontWeight="inherit">
+                {decimals}
+              </Typography>
+            )}
+            {endCurrency}
+          </>
+        ) : (
+          fiat
+        )}
+      </span>
+    </Tooltip>
+  )
+}
+
+export default FiatValue
diff --git a/apps/web/src/components/common/FileUpload/index.tsx b/apps/web/src/components/common/FileUpload/index.tsx
new file mode 100644
index 000000000..7ccd6315b
--- /dev/null
+++ b/apps/web/src/components/common/FileUpload/index.tsx
@@ -0,0 +1,172 @@
+import css from './styles.module.css'
+import { Box, Grid, IconButton, Link, SvgIcon, type SvgIconTypeMap, Typography } from '@mui/material'
+import HighlightOffIcon from '@mui/icons-material/HighlightOff'
+import FileIcon from '@/public/images/settings/data/file.svg'
+import type { MouseEventHandler, ReactElement } from 'react'
+import type { DropzoneInputProps, DropzoneRootProps } from 'react-dropzone'
+
+export type FileInfo = {
+  name: string
+  additionalInfo?: string
+  summary: ReactElement[]
+  error?: string
+}
+
+export enum FileTypes {
+  JSON = 'JSON',
+  CSV = 'CSV',
+}
+
+const ColoredFileIcon = ({ color }: { color: SvgIconTypeMap['props']['color'] }) => (
+  <SvgIcon component={FileIcon} inheritViewBox fontSize="small" color={color} sx={{ fill: 'none' }} />
+)
+
+const UploadSummary = ({ fileInfo, onRemove }: { fileInfo: FileInfo; onRemove: (() => void) | MouseEventHandler }) => {
+  return (
+    <Grid
+      container
+      direction="column"
+      sx={{
+        gap: 1,
+        mt: 3,
+      }}
+    >
+      <Grid
+        container
+        sx={{
+          gap: 1,
+          display: 'flex',
+          alignItems: 'center',
+        }}
+      >
+        <Grid item xs={1}>
+          <ColoredFileIcon color="primary" />
+        </Grid>
+        <Grid item xs={7}>
+          {fileInfo.name}
+          {fileInfo.additionalInfo && ` - ${fileInfo.additionalInfo}`}
+        </Grid>
+
+        <Grid
+          item
+          xs
+          sx={{
+            display: 'flex',
+            justifyContent: 'flex-end',
+          }}
+        >
+          <IconButton onClick={onRemove} size="small">
+            <HighlightOffIcon color="primary" />
+          </IconButton>
+        </Grid>
+      </Grid>
+      <Grid
+        item
+        xs={12}
+        sx={{
+          display: 'flex',
+          justifyContent: 'flex-start',
+        }}
+      >
+        <div className={css.verticalLine} />
+      </Grid>
+      <>
+        {fileInfo.summary.map((summaryItem, idx) => (
+          <Grid
+            key={`${fileInfo.name}${idx}`}
+            container
+            sx={{
+              display: 'flex',
+              gap: 1,
+              alignItems: 'center',
+            }}
+          >
+            <Grid item xs={1}>
+              <ColoredFileIcon color="border" />
+            </Grid>
+            <Grid item xs>
+              <Typography>{summaryItem}</Typography>
+            </Grid>
+          </Grid>
+        ))}
+        {fileInfo.error && (
+          <Grid
+            container
+            sx={{
+              display: 'flex',
+              gap: 1,
+              alignItems: 'center',
+            }}
+          >
+            <Grid item xs={1}>
+              <ColoredFileIcon color="border" />
+            </Grid>
+            <Grid item xs>
+              <Typography color="error">
+                <strong>{fileInfo.error}</strong>
+              </Typography>
+            </Grid>
+          </Grid>
+        )}
+      </>
+    </Grid>
+  )
+}
+
+const FileUpload = ({
+  getRootProps,
+  getInputProps,
+  isDragReject = false,
+  isDragActive = false,
+  fileType,
+  fileInfo,
+  onRemove,
+}: {
+  isDragReject?: boolean
+  isDragActive?: boolean
+  fileType: FileTypes
+  getInputProps?: <T extends DropzoneInputProps>(props?: T | undefined) => T
+  getRootProps: <T extends DropzoneRootProps>(props?: T | undefined) => T
+  fileInfo?: FileInfo
+  onRemove: (() => void) | MouseEventHandler
+}) => {
+  if (fileInfo) {
+    return <UploadSummary fileInfo={fileInfo} onRemove={onRemove} />
+  }
+  return (
+    <Box
+      data-testid="file-upload-section"
+      {...getRootProps()}
+      className={css.dropbox}
+      sx={{
+        cursor: isDragReject ? 'not-allowed' : undefined,
+        background: ({ palette }) => `${isDragReject ? palette.error.light : undefined} !important`,
+        border: ({ palette }) =>
+          `1px dashed ${
+            isDragReject ? palette.error.dark : isDragActive ? palette.primary.main : palette.secondary.dark
+          }`,
+      }}
+    >
+      {getInputProps && <input {...getInputProps()} />}
+      <Box
+        sx={{
+          display: 'flex',
+          alignItems: 'center',
+          gap: 1,
+        }}
+      >
+        <SvgIcon
+          component={FileIcon}
+          inheritViewBox
+          fontSize="small"
+          sx={{ fill: 'none', color: ({ palette }) => palette.primary.light }}
+        />
+        <Typography>
+          Drag and drop a {fileType} file or <Link color="secondary">choose a file</Link>
+        </Typography>
+      </Box>
+    </Box>
+  )
+}
+
+export default FileUpload
diff --git a/apps/web/src/components/common/FileUpload/styles.module.css b/apps/web/src/components/common/FileUpload/styles.module.css
new file mode 100644
index 000000000..2189462c0
--- /dev/null
+++ b/apps/web/src/components/common/FileUpload/styles.module.css
@@ -0,0 +1,23 @@
+.dropbox {
+  align-items: center;
+  border-radius: 8px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  cursor: pointer;
+  padding: var(--space-3) var(--space-5);
+  margin: var(--space-3) 0;
+  background: var(--color-secondary-background);
+  color: var(--color-primary-light);
+  transition:
+    border 0.5s,
+    background 0.5s;
+}
+
+.verticalLine {
+  display: flex;
+  height: 18px;
+  border-right: 1px solid var(--color-primary-main);
+  margin-left: 7px;
+  margin-top: -8px;
+}
diff --git a/apps/web/src/components/common/Footer/index.tsx b/apps/web/src/components/common/Footer/index.tsx
new file mode 100644
index 000000000..c33692346
--- /dev/null
+++ b/apps/web/src/components/common/Footer/index.tsx
@@ -0,0 +1,95 @@
+import type { ReactElement, ReactNode } from 'react'
+import { SvgIcon, Typography } from '@mui/material'
+import GitHubIcon from '@mui/icons-material/GitHub'
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+import css from './styles.module.css'
+import { AppRoutes } from '@/config/routes'
+import packageJson from '../../../../package.json'
+//import AppstoreButton from '../AppStoreButton'
+import ExternalLink from '../ExternalLink'
+import MUILink from '@mui/material/Link'
+import darkPalette from '@/components/theme/darkPalette'
+import ProtofireLogo from '@/public/images/protofire-logo.svg'
+import { HELP_CENTER_URL } from '@/config/constants'
+
+const footerPages = [
+  AppRoutes.welcome.index,
+  AppRoutes.settings.index,
+  AppRoutes.imprint,
+  AppRoutes.privacy,
+  AppRoutes.cookie,
+  AppRoutes.terms,
+  AppRoutes.licenses,
+]
+
+const FooterLink = ({ children, href }: { children: ReactNode; href: string }): ReactElement => {
+  return href ? (
+    <Link href={href} passHref legacyBehavior>
+      <MUILink>{children}</MUILink>
+    </Link>
+  ) : (
+    <MUILink>{children}</MUILink>
+  )
+}
+
+const Footer = (): ReactElement | null => {
+  const router = useRouter()
+
+  if (!footerPages.some((path) => router.pathname.startsWith(path))) {
+    return null
+  }
+
+  const getHref = (path: string): string => {
+    return router.pathname === path ? '' : path
+  }
+
+  return (
+    <footer className={css.container}>
+      <ul>
+        <li>
+          <Typography variant="caption" sx={{ mb: 1 }}>
+            <span>© {new Date().getFullYear()} </span>
+            <span>Rootstock Safe</span>
+          </Typography>
+        </li>
+        <li>
+          <FooterLink href={getHref(AppRoutes.terms)}>Terms</FooterLink>
+        </li>
+        <li>
+          <FooterLink href={getHref(AppRoutes.cookie)}>Cookie policy</FooterLink>
+        </li>
+        <li>
+          <FooterLink href={getHref(AppRoutes.settings.index)}>Preferences</FooterLink>
+        </li>
+        <li>
+          <ExternalLink href={HELP_CENTER_URL} noIcon sx={{ span: { textDecoration: 'underline' } }}>
+            Help
+          </ExternalLink>
+        </li>
+
+        <li>
+          <ExternalLink href={`${packageJson.homepage}/releases/tag/v${packageJson.version}`} noIcon>
+            <SvgIcon component={GitHubIcon} inheritViewBox fontSize="inherit" sx={{ mr: 0.5 }} /> v{packageJson.version}
+          </ExternalLink>
+        </li>
+        <li>
+          <Typography variant="caption">
+            Supported by{' '}
+            <SvgIcon
+              component={ProtofireLogo}
+              inheritViewBox
+              fontSize="small"
+              sx={{ verticalAlign: 'middle', mx: 0.5 }}
+            />
+            <MUILink href="https://protofire.io" sx={{ color: darkPalette.primary.main, textDecoration: 'none' }}>
+              Protofire
+            </MUILink>
+          </Typography>
+        </li>
+      </ul>
+    </footer>
+  )
+}
+
+export default Footer
diff --git a/src/components/common/Footer/styles.module.css b/apps/web/src/components/common/Footer/styles.module.css
similarity index 100%
rename from src/components/common/Footer/styles.module.css
rename to apps/web/src/components/common/Footer/styles.module.css
diff --git a/apps/web/src/components/common/GeoblockingProvider/index.tsx b/apps/web/src/components/common/GeoblockingProvider/index.tsx
new file mode 100644
index 000000000..a4421887f
--- /dev/null
+++ b/apps/web/src/components/common/GeoblockingProvider/index.tsx
@@ -0,0 +1,21 @@
+import { AppRoutes } from '@/config/routes'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { createContext, type ReactElement, type ReactNode } from 'react'
+
+export const GeoblockingContext = createContext<boolean | null>(null)
+
+const checkBlocked = async () => {
+  const res = await fetch(AppRoutes.swap, { method: 'HEAD' })
+  return res.status === 403
+}
+
+/**
+ * Endpoint returns a 403 if the requesting user is from one of the OFAC sanctioned countries
+ */
+const GeoblockingProvider = ({ children }: { children: ReactNode }): ReactElement => {
+  const [isBlockedCountry = null] = useAsync(checkBlocked, [])
+
+  return <GeoblockingContext.Provider value={isBlockedCountry}>{children}</GeoblockingContext.Provider>
+}
+
+export default GeoblockingProvider
diff --git a/apps/web/src/components/common/Header/index.test.tsx b/apps/web/src/components/common/Header/index.test.tsx
new file mode 100644
index 000000000..53da98fbd
--- /dev/null
+++ b/apps/web/src/components/common/Header/index.test.tsx
@@ -0,0 +1,133 @@
+import Header from '@/components/common/Header/index'
+import * as useChains from '@/hooks/useChains'
+import * as useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import * as useProposers from '@/hooks/useProposers'
+import * as useSafeAddress from '@/hooks/useSafeAddress'
+import * as useSafeTokenEnabled from '@/hooks/useSafeTokenEnabled'
+import { render } from '@/tests/test-utils'
+import { faker } from '@faker-js/faker'
+import { screen, fireEvent } from '@testing-library/react'
+
+jest.mock(
+  '@/components/common/SafeTokenWidget',
+  () =>
+    function SafeTokenWidget() {
+      return <div>SafeTokenWidget</div>
+    },
+)
+
+jest.mock(
+  '@/features/walletconnect/components',
+  () =>
+    function WalletConnect() {
+      return <div>WalletConnect</div>
+    },
+)
+
+jest.mock(
+  '@/components/common/NetworkSelector',
+  () =>
+    function NetworkSelector() {
+      return <div>NetworkSelector</div>
+    },
+)
+
+jest.mock('@/hooks/useIsOfficialHost', () => ({
+  useIsOfficialHost: () => true,
+}))
+
+describe('Header', () => {
+  beforeEach(() => {
+    jest.resetAllMocks()
+  })
+
+  it('renders the menu button when onMenuToggle is provided', () => {
+    render(<Header onMenuToggle={jest.fn()} />)
+    expect(screen.getByLabelText('menu')).toBeInTheDocument()
+  })
+
+  it('does not render the menu button when onMenuToggle is not provided', () => {
+    render(<Header />)
+    expect(screen.queryByLabelText('menu')).not.toBeInTheDocument()
+  })
+
+  it('calls onMenuToggle when menu button is clicked', () => {
+    const onMenuToggle = jest.fn()
+    render(<Header onMenuToggle={onMenuToggle} />)
+
+    const menuButton = screen.getByLabelText('menu')
+    fireEvent.click(menuButton)
+
+    expect(onMenuToggle).toHaveBeenCalled()
+  })
+
+  it('renders the SafeTokenWidget when showSafeToken is true', () => {
+    jest.spyOn(useSafeTokenEnabled, 'useSafeTokenEnabled').mockReturnValue(true)
+
+    render(<Header />)
+    expect(screen.getByText('SafeTokenWidget')).toBeInTheDocument()
+  })
+
+  it('does not render the SafeTokenWidget when showSafeToken is false', () => {
+    jest.spyOn(useSafeTokenEnabled, 'useSafeTokenEnabled').mockReturnValue(false)
+
+    render(<Header />)
+    expect(screen.queryByText('SafeTokenWidget')).not.toBeInTheDocument()
+  })
+
+  it('displays the safe logo', () => {
+    render(<Header />)
+    expect(screen.getAllByAltText('Safe logo')[0]).toBeInTheDocument()
+  })
+
+  it('renders the BatchIndicator when showBatchButton is true', () => {
+    jest.spyOn(useSafeAddress, 'default').mockReturnValue(faker.finance.ethereumAddress())
+    jest.spyOn(useProposers, 'useIsWalletProposer').mockReturnValue(false)
+    jest.spyOn(useIsSafeOwner, 'default').mockReturnValue(false)
+
+    render(<Header />)
+    expect(screen.getByTitle('Batch')).toBeInTheDocument()
+  })
+
+  it('does not render the BatchIndicator when there is no safe address', () => {
+    jest.spyOn(useSafeAddress, 'default').mockReturnValue('')
+
+    render(<Header />)
+    expect(screen.queryByTitle('Batch')).not.toBeInTheDocument()
+  })
+
+  it('does not render the BatchIndicator when connected wallet is a proposer', () => {
+    jest.spyOn(useProposers, 'useIsWalletProposer').mockReturnValue(true)
+
+    render(<Header />)
+    expect(screen.queryByTitle('Batch')).not.toBeInTheDocument()
+  })
+
+  it('renders the WalletConnect component when enableWc is true', () => {
+    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
+
+    render(<Header />)
+    expect(screen.getByText('WalletConnect')).toBeInTheDocument()
+  })
+
+  it('does not render the WalletConnect component when enableWc is false', () => {
+    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(false)
+
+    render(<Header />)
+    expect(screen.queryByText('WalletConnect')).not.toBeInTheDocument()
+  })
+
+  it('renders the NetworkSelector when safeAddress exists', () => {
+    jest.spyOn(useSafeAddress, 'default').mockReturnValue(faker.finance.ethereumAddress())
+
+    render(<Header />)
+    expect(screen.getByText('NetworkSelector')).toBeInTheDocument()
+  })
+
+  it('does not render the NetworkSelector when safeAddress is falsy', () => {
+    jest.spyOn(useSafeAddress, 'default').mockReturnValue('')
+
+    render(<Header />)
+    expect(screen.queryByText('NetworkSelector')).not.toBeInTheDocument()
+  })
+})
diff --git a/apps/web/src/components/common/Header/index.tsx b/apps/web/src/components/common/Header/index.tsx
new file mode 100644
index 000000000..1b1c38c2d
--- /dev/null
+++ b/apps/web/src/components/common/Header/index.tsx
@@ -0,0 +1,129 @@
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import { useIsWalletProposer } from '@/hooks/useProposers'
+import type { Dispatch, SetStateAction } from 'react'
+import { type ReactElement } from 'react'
+import { useRouter } from 'next/router'
+import type { Url } from 'next/dist/shared/lib/router/router'
+import { IconButton, Paper } from '@mui/material'
+import MenuIcon from '@mui/icons-material/Menu'
+import classnames from 'classnames'
+import css from './styles.module.css'
+import ConnectWallet from '@/components/common/ConnectWallet'
+import NetworkSelector from '@/components/common/NetworkSelector'
+import SafeTokenWidget from '@/components/common/SafeTokenWidget'
+import NotificationCenter from '@/components/notification-center/NotificationCenter'
+import { AppRoutes } from '@/config/routes'
+import SafeLogo from '@/public/images/logo.svg'
+import SafeLogoMobile from '@/public/images/logo-no-text.svg'
+import Link from 'next/link'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import BatchIndicator from '@/components/batch/BatchIndicator'
+import WalletConnect from '@/features/walletconnect/components'
+import { useHasFeature } from '@/hooks/useChains'
+import Track from '@/components/common/Track'
+import { OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
+import { useSafeTokenEnabled } from '@/hooks/useSafeTokenEnabled'
+import { BRAND_NAME } from '@/config/constants'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+type HeaderProps = {
+  onMenuToggle?: Dispatch<SetStateAction<boolean>>
+  onBatchToggle?: Dispatch<SetStateAction<boolean>>
+}
+
+function getLogoLink(router: ReturnType<typeof useRouter>): Url {
+  return router.pathname === AppRoutes.home || !router.query.safe
+    ? router.pathname === AppRoutes.welcome.accounts
+      ? AppRoutes.welcome.index
+      : AppRoutes.welcome.accounts
+    : { pathname: AppRoutes.home, query: { safe: router.query.safe } }
+}
+
+const Header = ({ onMenuToggle, onBatchToggle }: HeaderProps): ReactElement => {
+  const safeAddress = useSafeAddress()
+  const showSafeToken = useSafeTokenEnabled()
+  const isProposer = useIsWalletProposer()
+  const isSafeOwner = useIsSafeOwner()
+  const router = useRouter()
+  const enableWc = useHasFeature(FEATURES.NATIVE_WALLETCONNECT)
+  //const isOfficialHost = useIsOfficialHost()
+
+  // If on the home page, the logo should link to the Accounts or Welcome page, otherwise to the home page
+  const logoHref = getLogoLink(router)
+
+  const handleMenuToggle = () => {
+    if (onMenuToggle) {
+      onMenuToggle((isOpen) => !isOpen)
+    } else {
+      router.push(logoHref)
+    }
+  }
+
+  const handleBatchToggle = () => {
+    if (onBatchToggle) {
+      onBatchToggle((isOpen) => !isOpen)
+    }
+  }
+
+  const showBatchButton = safeAddress && (!isProposer || isSafeOwner)
+
+  return (
+    <Paper className={css.container}>
+      <div className={classnames(css.element, css.menuButton)}>
+        {onMenuToggle && (
+          <IconButton onClick={handleMenuToggle} size="large" color="default" aria-label="menu">
+            <MenuIcon />
+          </IconButton>
+        )}
+      </div>
+
+      <div className={classnames(css.element, css.logoMobile)}>
+        <Link href={logoHref} passHref>
+          <SafeLogoMobile alt="Safe logo" />
+        </Link>
+      </div>
+
+      <div className={classnames(css.element, css.hideMobile, css.logo)}>
+        <Link href={logoHref} passHref>
+          <SafeLogo alt={BRAND_NAME} />
+        </Link>
+      </div>
+
+      {showSafeToken && (
+        <div className={classnames(css.element, css.hideMobile)}>
+          <SafeTokenWidget />
+        </div>
+      )}
+
+      <div data-testid="notifications-center" className={css.element}>
+        <NotificationCenter />
+      </div>
+
+      {showBatchButton && (
+        <div className={classnames(css.element, css.hideMobile)}>
+          <BatchIndicator onClick={handleBatchToggle} />
+        </div>
+      )}
+
+      {enableWc && (
+        <div className={classnames(css.element, css.hideMobile)}>
+          <WalletConnect />
+        </div>
+      )}
+
+      <div className={classnames(css.element, css.connectWallet)}>
+        <Track label={OVERVIEW_LABELS.top_bar} {...OVERVIEW_EVENTS.OPEN_ONBOARD}>
+          <ConnectWallet />
+        </Track>
+      </div>
+
+      {safeAddress && (
+        <div className={classnames(css.element, css.networkSelector)}>
+          <NetworkSelector offerSafeCreation />
+        </div>
+      )}
+    </Paper>
+  )
+}
+
+export default Header
diff --git a/apps/web/src/components/common/Header/styles.module.css b/apps/web/src/components/common/Header/styles.module.css
new file mode 100644
index 000000000..47f1fda35
--- /dev/null
+++ b/apps/web/src/components/common/Header/styles.module.css
@@ -0,0 +1,91 @@
+.container {
+  height: var(--header-height);
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  position: relative;
+  border-radius: 0 !important;
+  background-color: var(--color-background-paper);
+  border-bottom: 1px solid var(--color-border-light);
+}
+
+.element {
+  height: 100%;
+  border-right: 1px solid var(--color-border-light);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.element :global(.MuiBadge-standard) {
+  font-size: 12px;
+  width: 18px;
+  height: 18px;
+  min-width: 18px;
+}
+
+[data-theme='dark'] .element :global(.MuiBadge-standard) {
+  background-color: var(--color-primary-main);
+}
+
+.menuButton,
+.logo {
+  flex: 1;
+  border: none;
+  align-items: flex-start;
+}
+
+.logoMobile {
+  display: none;
+}
+
+.logo img,
+.logo svg,
+.logoMobile svg {
+  width: auto;
+  display: block;
+  color: var(--color-logo-main);
+  height: 30px;
+}
+
+.logo {
+  padding: var(--space-2);
+}
+
+.menuButton {
+  display: none;
+}
+
+.networkSelector {
+  border-right: none;
+}
+
+.connectWallet {
+  flex-shrink: 0;
+}
+
+@media (max-width: 899.95px) {
+  .logo {
+    display: none;
+  }
+
+  .logoMobile {
+    display: flex;
+    flex: 1;
+    border: none;
+    align-items: flex-start;
+    margin-left: var(--space-2);
+  }
+
+  .menuButton {
+    display: flex;
+    flex: 0;
+  }
+}
+
+@media (max-width: 599.95px) {
+  .hideMobile {
+    display: none;
+  }
+}
diff --git a/apps/web/src/components/common/Identicon/index.tsx b/apps/web/src/components/common/Identicon/index.tsx
new file mode 100644
index 000000000..16ed8428f
--- /dev/null
+++ b/apps/web/src/components/common/Identicon/index.tsx
@@ -0,0 +1,40 @@
+import type { ReactElement, CSSProperties } from 'react'
+import { useMemo } from 'react'
+import { blo } from 'blo'
+import Skeleton from '@mui/material/Skeleton'
+
+import css from './styles.module.css'
+import { isAddress } from 'ethers'
+import { toChecksumAddress } from '@/utils/rsk-utils'
+
+export interface IdenticonProps {
+  address: string
+  size?: number
+}
+
+const Identicon = ({ address, size = 40 }: IdenticonProps): ReactElement => {
+  const style = useMemo<CSSProperties | null>(() => {
+    const checksumAddress = toChecksumAddress(address)
+    try {
+      if (!isAddress(checksumAddress)) {
+        return null
+      }
+      const blockie = blo(address as `0x${string}`)
+      return {
+        backgroundImage: `url(${blockie})`,
+        width: `${size}px`,
+        height: `${size}px`,
+      }
+    } catch (e) {
+      return null
+    }
+  }, [address, size])
+
+  return !style ? (
+    <Skeleton variant="circular" width={size} height={size} />
+  ) : (
+    <div className={css.icon} style={style} />
+  )
+}
+
+export default Identicon
diff --git a/src/components/common/Identicon/styles.module.css b/apps/web/src/components/common/Identicon/styles.module.css
similarity index 100%
rename from src/components/common/Identicon/styles.module.css
rename to apps/web/src/components/common/Identicon/styles.module.css
diff --git a/apps/web/src/components/common/IframeIcon/index.tsx b/apps/web/src/components/common/IframeIcon/index.tsx
new file mode 100644
index 000000000..4276d0f86
--- /dev/null
+++ b/apps/web/src/components/common/IframeIcon/index.tsx
@@ -0,0 +1,43 @@
+import type { ReactElement } from 'react'
+
+const getIframeContent = (url: string, width: number, height: number): string => {
+  return `
+     <body style="margin: 0; overflow: hidden; display: flex;">
+       <img src="${encodeURI(url)}" alt="Safe App logo" width="${width}" height="${height}" />
+       <script>
+          document.querySelector('img').onerror = (e) => {
+           e.target.onerror = null
+           e.target.src = ""
+         }
+       </script>
+     </body>
+  `
+}
+
+const IframeIcon = ({
+  src,
+  alt,
+  width = 48,
+  height = 48,
+}: {
+  src: string
+  alt: string
+  width?: number
+  height?: number
+}): ReactElement => {
+  return (
+    <iframe
+      title={alt}
+      srcDoc={getIframeContent(src, width, height)}
+      sandbox="allow-scripts"
+      referrerPolicy="strict-origin"
+      width={width}
+      height={height}
+      style={{ pointerEvents: 'none', border: 0 }}
+      tabIndex={-1}
+      loading="lazy"
+    />
+  )
+}
+
+export default IframeIcon
diff --git a/src/components/common/ImageFallback/index.tsx b/apps/web/src/components/common/ImageFallback/index.tsx
similarity index 100%
rename from src/components/common/ImageFallback/index.tsx
rename to apps/web/src/components/common/ImageFallback/index.tsx
diff --git a/src/components/common/InfiniteScroll/index.tsx b/apps/web/src/components/common/InfiniteScroll/index.tsx
similarity index 100%
rename from src/components/common/InfiniteScroll/index.tsx
rename to apps/web/src/components/common/InfiniteScroll/index.tsx
diff --git a/src/components/common/InputValueHelper/index.tsx b/apps/web/src/components/common/InputValueHelper/index.tsx
similarity index 100%
rename from src/components/common/InputValueHelper/index.tsx
rename to apps/web/src/components/common/InputValueHelper/index.tsx
diff --git a/apps/web/src/components/common/LegalDisclaimerContent/index.tsx b/apps/web/src/components/common/LegalDisclaimerContent/index.tsx
new file mode 100644
index 000000000..0fed91389
--- /dev/null
+++ b/apps/web/src/components/common/LegalDisclaimerContent/index.tsx
@@ -0,0 +1,43 @@
+import ExternalLink from '@/components/common/ExternalLink'
+import { AppRoutes } from '@/config/routes'
+import { Typography } from '@mui/material'
+import { type ReactElement } from 'react'
+import css from './styles.module.css'
+
+const LegalDisclaimerContent = ({
+  withTitle = true,
+  isSafeApps = true,
+}: {
+  withTitle?: boolean
+  isSafeApps?: boolean
+}): ReactElement => (
+  <div className={css.disclaimerContainer}>
+    {withTitle && (
+      <Typography variant="h3" fontWeight={700} my={3}>
+        Disclaimer
+      </Typography>
+    )}
+    <div className={css.disclaimerInner}>
+      <Typography mb={4}>
+        You are now accessing {isSafeApps ? 'third-party apps' : 'a third-party app'}, which we do not own, control,
+        maintain or audit. We are not liable for any loss you may suffer in connection with interacting with the{' '}
+        {isSafeApps ? 'apps' : 'app'}, which is at your own risk.
+      </Typography>
+
+      <Typography mb={4}>
+        You must read our Terms, which contain more detailed provisions binding on you relating to the{' '}
+        {isSafeApps ? 'apps' : 'app'}.
+      </Typography>
+
+      <Typography>
+        I have read and understood the{' '}
+        <ExternalLink href={AppRoutes.terms} sx={{ textDecoration: 'none' }}>
+          Terms
+        </ExternalLink>{' '}
+        and this Disclaimer, and agree to be bound by them.
+      </Typography>
+    </div>
+  </div>
+)
+
+export default LegalDisclaimerContent
diff --git a/src/components/common/LegalDisclaimerContent/styles.module.css b/apps/web/src/components/common/LegalDisclaimerContent/styles.module.css
similarity index 100%
rename from src/components/common/LegalDisclaimerContent/styles.module.css
rename to apps/web/src/components/common/LegalDisclaimerContent/styles.module.css
diff --git a/apps/web/src/components/common/MetaTags/index.tsx b/apps/web/src/components/common/MetaTags/index.tsx
new file mode 100644
index 000000000..2885cfbaa
--- /dev/null
+++ b/apps/web/src/components/common/MetaTags/index.tsx
@@ -0,0 +1,50 @@
+import { IS_PRODUCTION } from '@/config/constants'
+import { ContentSecurityPolicy, StrictTransportSecurity } from '@/config/securityHeaders'
+import lightPalette from '@/components/theme/lightPalette'
+import darkPalette from '@/components/theme/darkPalette'
+
+const descriptionText = `Rootstock Safe is the most trusted smart account wallet on chain.`
+const titleText = `Rootstock Safe`
+
+const MetaTags = ({ prefetchUrl }: { prefetchUrl: string }) => (
+  <>
+    <meta name="description" content={descriptionText} />
+    {!IS_PRODUCTION && <meta name="robots" content="noindex" />}
+
+    {/* Social sharing */}
+    <meta name="og:image" content="https://app.safe.global/images/social-share.png" />
+    <meta name="og:description" content={descriptionText} />
+    <meta name="og:title" content={titleText} />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@safe" />
+    <meta name="twitter:title" content={titleText} />
+    <meta name="twitter:description" content={descriptionText} />
+    <meta name="twitter:image" content="https://app.safe.global/images/social-share.png" />
+
+    {/* CSP */}
+    <meta httpEquiv="Content-Security-Policy" content={ContentSecurityPolicy} />
+    {IS_PRODUCTION && <meta httpEquiv="Strict-Transport-Security" content={StrictTransportSecurity} />}
+
+    {/* Prefetch the backend domain */}
+    <link rel="dns-prefetch" href={prefetchUrl} />
+    <link rel="preconnect" href={prefetchUrl} crossOrigin="" />
+
+    {/* Mobile tags */}
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+
+    {/* PWA primary color and manifest */}
+    <meta name="theme-color" content={lightPalette.background.main} media="(prefers-color-scheme: light)" />
+    <meta name="theme-color" content={darkPalette.background.main} media="(prefers-color-scheme: dark)" />
+    <link rel="manifest" href="/safe.webmanifest" />
+
+    {/* Favicons */}
+    <link rel="shortcut icon" href="/favicons/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png" />
+    <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#000" />
+  </>
+)
+
+export default MetaTags
diff --git a/apps/web/src/components/common/ModalDialog/index.tsx b/apps/web/src/components/common/ModalDialog/index.tsx
new file mode 100644
index 000000000..469eb180a
--- /dev/null
+++ b/apps/web/src/components/common/ModalDialog/index.tsx
@@ -0,0 +1,99 @@
+import { type ReactElement, type ReactNode } from 'react'
+import { IconButton, type ModalProps } from '@mui/material'
+import {
+  Dialog,
+  DialogTitle,
+  type DialogProps,
+  type DialogTitleProps as MuiDialogTitleProps,
+  useMediaQuery,
+} from '@mui/material'
+import { useTheme } from '@mui/material/styles'
+import ChainIndicator from '@/components/common/ChainIndicator'
+import CloseIcon from '@mui/icons-material/Close'
+
+import css from './styles.module.css'
+
+interface ModalDialogProps extends DialogProps {
+  dialogTitle?: React.ReactNode
+  hideChainIndicator?: boolean
+  chainId?: string
+}
+
+interface DialogTitleProps {
+  children: ReactNode
+  onClose?: ModalProps['onClose']
+  hideChainIndicator?: boolean
+  chainId?: string
+  sx?: MuiDialogTitleProps['sx']
+}
+
+export const ModalDialogTitle = ({
+  children,
+  onClose,
+  hideChainIndicator = false,
+  chainId,
+  sx = {},
+  ...other
+}: DialogTitleProps) => {
+  return (
+    <DialogTitle
+      data-testid="modal-title"
+      sx={{ m: 0, px: 3, pt: 3, pb: 2, display: 'flex', alignItems: 'center', fontWeight: 'bold', ...sx }}
+      {...other}
+    >
+      {children}
+      <span style={{ flex: 1 }} />
+      {!hideChainIndicator && <ChainIndicator chainId={chainId} inline />}
+      {onClose ? (
+        <IconButton
+          data-testid="modal-dialog-close-btn"
+          aria-label="close"
+          onClick={(e) => {
+            onClose(e, 'backdropClick')
+          }}
+          size="small"
+          sx={{
+            ml: 2,
+            color: 'border.main',
+          }}
+        >
+          <CloseIcon />
+        </IconButton>
+      ) : null}
+    </DialogTitle>
+  )
+}
+
+const ModalDialog = ({
+  dialogTitle,
+  hideChainIndicator,
+  children,
+  fullScreen = false,
+  chainId,
+  ...restProps
+}: ModalDialogProps): ReactElement => {
+  const theme = useTheme()
+  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))
+  const isFullScreen = fullScreen || isSmallScreen
+
+  return (
+    <Dialog
+      data-testid="modal-view"
+      {...restProps}
+      fullScreen={isFullScreen}
+      scroll={fullScreen ? 'paper' : 'body'}
+      className={css.dialog}
+      onClick={(e) => e.stopPropagation()}
+    >
+      {dialogTitle && (
+        <ModalDialogTitle onClose={restProps.onClose} hideChainIndicator={hideChainIndicator} chainId={chainId}>
+          {dialogTitle}
+        </ModalDialogTitle>
+      )}
+
+      {children}
+    </Dialog>
+  )
+}
+
+export default ModalDialog
diff --git a/apps/web/src/components/common/ModalDialog/styles.module.css b/apps/web/src/components/common/ModalDialog/styles.module.css
new file mode 100644
index 000000000..2b230f6bf
--- /dev/null
+++ b/apps/web/src/components/common/ModalDialog/styles.module.css
@@ -0,0 +1,25 @@
+.dialog :global .MuiDialogActions-root {
+  border-top: 1px solid var(--color-border-light);
+  padding: var(--space-2) var(--space-3);
+}
+
+.dialog :global .MuiDialogActions-root > :last-of-type:not(:first-of-type) {
+  order: 2;
+}
+
+.dialog :global .MuiDialogActions-root:after {
+  content: '';
+  order: 1;
+  flex: 1;
+}
+
+.dialog :global .MuiDialogTitle-root {
+  border-bottom: 1px solid var(--color-border-light);
+}
+
+@media (min-width: 600px) {
+  .dialog :global .MuiDialog-paper {
+    min-width: 600px;
+    margin: 0;
+  }
+}
diff --git a/apps/web/src/components/common/Mui/index.test.tsx b/apps/web/src/components/common/Mui/index.test.tsx
new file mode 100644
index 000000000..73ab5b759
--- /dev/null
+++ b/apps/web/src/components/common/Mui/index.test.tsx
@@ -0,0 +1,39 @@
+import React from 'react'
+import { render } from '@/tests/test-utils'
+import { Box } from './index'
+
+jest.mock('@mui/material/index.js', () => ({}))
+
+describe('Box Component', () => {
+  it('renders without crashing', () => {
+    const { container } = render(<Box />)
+    expect(container).toBeInTheDocument()
+  })
+
+  it('applies margin and padding props correctly', () => {
+    const { getByTestId } = render(<Box m={2} p={3} data-testid="box" />)
+    const box = getByTestId('box')
+    expect(box).toHaveStyle('margin: 16px')
+    expect(box).toHaveStyle('padding: 24px')
+  })
+
+  it('applies flex props correctly', () => {
+    const { getByTestId } = render(<Box display="flex" flexDirection="column" data-testid="box" />)
+    const box = getByTestId('box')
+    expect(box).toHaveStyle('display: flex')
+    expect(box).toHaveStyle('flex-direction: column')
+  })
+
+  it('applies text alignment props correctly', () => {
+    const { getByTestId } = render(<Box color="primary.main" textAlign="center" data-testid="box" />)
+    const box = getByTestId('box')
+    expect(box).toHaveStyle('text-align: center')
+  })
+
+  it('should pass the sx prop to the MuiBox component', () => {
+    const { getByTestId } = render(<Box p={1} sx={{ p: 3, fontSize: '14px' }} data-testid="box" />)
+    const box = getByTestId('box')
+    expect(box).toHaveStyle('padding: 24px')
+    expect(box).toHaveStyle('font-size: 14px')
+  })
+})
diff --git a/apps/web/src/components/common/Mui/index.tsx b/apps/web/src/components/common/Mui/index.tsx
new file mode 100644
index 000000000..0ca0798ec
--- /dev/null
+++ b/apps/web/src/components/common/Mui/index.tsx
@@ -0,0 +1,195 @@
+import { memo } from 'react'
+import { default as MuiBox, type BoxProps } from '@mui/material/Box'
+import { default as MuiTypograpahy, type TypographyProps } from '@mui/material/Typography'
+import omitBy from 'lodash/omitBy'
+import isUndefined from 'lodash/isUndefined'
+
+export * from '@mui/material/index'
+
+export const Box = memo(function Box({
+  m,
+  mt,
+  mr,
+  mb,
+  ml,
+  mx,
+  my,
+  p,
+  pt,
+  pr,
+  pb,
+  pl,
+  px,
+  py,
+  width,
+  height,
+  minWidth,
+  minHeight,
+  maxWidth,
+  maxHeight,
+  display,
+  flex,
+  flexWrap,
+  flexGrow,
+  flexShrink,
+  flexDirection,
+  alignItems,
+  justifyItems,
+  alignContent,
+  justifyContent,
+  gap,
+  color,
+  textAlign,
+  position,
+  overflow,
+  textOverflow,
+  border,
+  borderRadius,
+  borderBottom,
+  borderColor,
+  bgcolor,
+  gridArea,
+  lineHeight,
+  sx,
+  ...props
+}: BoxProps['sx'] & BoxProps) {
+  return (
+    <MuiBox
+      sx={omitBy(
+        {
+          m,
+          mt,
+          mr,
+          mb,
+          ml,
+          mx,
+          my,
+          p,
+          pt,
+          pr,
+          pb,
+          pl,
+          px,
+          py,
+          width,
+          height,
+          minWidth,
+          minHeight,
+          maxWidth,
+          maxHeight,
+          display,
+          flex,
+          flexWrap,
+          flexGrow,
+          flexShrink,
+          flexDirection,
+          alignItems,
+          justifyItems,
+          alignContent,
+          justifyContent,
+          gap,
+          color,
+          textAlign,
+          position,
+          overflow,
+          textOverflow,
+          border,
+          borderRadius,
+          borderBottom,
+          borderColor,
+          bgcolor,
+          gridArea,
+          lineHeight,
+          ...sx,
+        },
+        isUndefined,
+      )}
+      {...props}
+    />
+  )
+})
+
+export const Typography = memo(function Typography({
+  m,
+  mt,
+  mr,
+  mb,
+  ml,
+  mx,
+  my,
+  p,
+  pt,
+  pr,
+  pb,
+  pl,
+  px,
+  py,
+  display,
+  flex,
+  flexWrap,
+  flexGrow,
+  flexShrink,
+  flexDirection,
+  alignItems,
+  justifyItems,
+  alignContent,
+  justifyContent,
+  gap,
+  color,
+  textAlign,
+  fontSize,
+  fontWeight,
+  fontStyle,
+  lineHeight,
+  letterSpacing,
+  whiteSpace,
+  width,
+  sx,
+  ...props
+}: TypographyProps['sx'] & TypographyProps) {
+  return (
+    <MuiTypograpahy
+      sx={omitBy(
+        {
+          m,
+          mt,
+          mr,
+          mb,
+          ml,
+          mx,
+          my,
+          p,
+          pt,
+          pr,
+          pb,
+          pl,
+          px,
+          py,
+          display,
+          flex,
+          flexWrap,
+          flexGrow,
+          flexShrink,
+          flexDirection,
+          alignItems,
+          justifyItems,
+          alignContent,
+          justifyContent,
+          gap,
+          color,
+          textAlign,
+          fontSize,
+          fontWeight,
+          fontStyle,
+          lineHeight,
+          letterSpacing,
+          whiteSpace,
+          width,
+          ...sx,
+        },
+        isUndefined,
+      )}
+      {...props}
+    />
+  )
+})
diff --git a/apps/web/src/components/common/NameInput/index.tsx b/apps/web/src/components/common/NameInput/index.tsx
new file mode 100644
index 000000000..307d6f824
--- /dev/null
+++ b/apps/web/src/components/common/NameInput/index.tsx
@@ -0,0 +1,38 @@
+import type { TextFieldProps } from '@mui/material'
+import { TextField } from '@mui/material'
+import get from 'lodash/get'
+import { type FieldError, useFormContext } from 'react-hook-form'
+import inputCss from '@/styles/inputs.module.css'
+
+const NameInput = ({
+  name,
+  required = false,
+  ...props
+}: Omit<TextFieldProps, 'error' | 'variant' | 'ref' | 'fullWidth'> & {
+  name: string
+  required?: boolean
+}) => {
+  const { register, formState } = useFormContext() || {}
+  // the name can be a path: e.g. "owner.3.name"
+  const fieldError = get(formState.errors, name) as FieldError | undefined
+
+  return (
+    <TextField
+      {...props}
+      variant="outlined"
+      label={<>{fieldError?.type === 'maxLength' ? 'Maximum 50 symbols' : fieldError?.message || props.label}</>}
+      error={Boolean(fieldError)}
+      fullWidth
+      required={required}
+      className={inputCss.input}
+      onKeyDown={(e) => e.stopPropagation()}
+      {...register(name, {
+        maxLength: 50,
+        required,
+        setValueAs: (value) => value.trim(),
+      })}
+    />
+  )
+}
+
+export default NameInput
diff --git a/apps/web/src/components/common/NamedAddressInfo/index.test.tsx b/apps/web/src/components/common/NamedAddressInfo/index.test.tsx
new file mode 100644
index 000000000..468085e5e
--- /dev/null
+++ b/apps/web/src/components/common/NamedAddressInfo/index.test.tsx
@@ -0,0 +1,253 @@
+import { render, waitFor, renderHook } from '@/tests/test-utils'
+import NamedAddressInfo, { useAddressName } from '.'
+import { faker } from '@faker-js/faker'
+import { getContract, type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { shortenAddress } from '@safe-global/utils/utils/formatters'
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import useSafeAddress from '@/hooks/useSafeAddress'
+
+const mockChainInfo = {
+  chainId: '4',
+  shortName: 'tst',
+  blockExplorerUriTemplate: {
+    address: 'https://test.scan.eth/{address}',
+    api: 'https://test.scan.eth/',
+    txHash: 'https://test.scan.eth/{txHash}',
+  },
+} as ChainInfo
+
+jest.mock('@safe-global/safe-gateway-typescript-sdk', () => ({
+  ...jest.requireActual('@safe-global/safe-gateway-typescript-sdk'),
+  getContract: jest.fn(),
+  __esModule: true,
+}))
+
+jest.mock('@/hooks/wallets/web3', () => ({
+  useWeb3ReadOnly: jest.fn(),
+}))
+
+jest.mock('@/hooks/useSafeAddress', () => ({
+  __esModule: true,
+  default: jest.fn(),
+}))
+
+const mockWeb3ReadOnly = useWeb3ReadOnly as jest.Mock
+const getContractMock = getContract as jest.Mock
+const useSafeAddressMock = useSafeAddress as jest.Mock
+
+const safeAddress = faker.finance.ethereumAddress()
+
+describe('NamedAddressInfo', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+    useSafeAddressMock.mockReturnValue(safeAddress)
+  })
+
+  it('should not fetch contract info if name / logo is given', async () => {
+    const result = render(
+      <NamedAddressInfo
+        address={faker.finance.ethereumAddress()}
+        name="TestAddressName"
+        customAvatar="https://img.test.safe.global"
+      />,
+      {
+        initialReduxState: {
+          chains: {
+            loading: false,
+            data: [mockChainInfo],
+          },
+        },
+      },
+    )
+
+    expect(result.getByText('TestAddressName')).toBeVisible()
+    expect(getContractMock).not.toHaveBeenCalled()
+  })
+
+  it('should not fetch contract info if the address is not a valid address', async () => {
+    const address = faker.string.hexadecimal({ length: 64 })
+    const result = render(<NamedAddressInfo address={address} />)
+    expect(result.getByText(shortenAddress(address))).toBeVisible()
+    expect(getContractMock).not.toHaveBeenCalled()
+  })
+
+  it('should fetch contract info if name / logo is not given', async () => {
+    const address = faker.finance.ethereumAddress()
+    getContractMock.mockResolvedValue({
+      displayName: 'Resolved Test Name',
+      name: 'ResolvedTestName',
+      logoUri: 'https://img-resolved.test.safe.global',
+    })
+    const result = render(<NamedAddressInfo address={address} />, {
+      initialReduxState: {
+        chains: {
+          loading: false,
+          data: [mockChainInfo],
+        },
+      },
+    })
+
+    await waitFor(() => {
+      expect(result.getByText('Resolved Test Name')).toBeVisible()
+    })
+
+    expect(getContractMock).toHaveBeenCalledWith('4', address)
+  })
+
+  it('should show "This Safe Account" when address matches Safe address', async () => {
+    useSafeAddressMock.mockReturnValue(safeAddress)
+
+    const result = render(<NamedAddressInfo address={safeAddress} />, {
+      initialReduxState: {
+        chains: {
+          loading: false,
+          data: [mockChainInfo],
+        },
+      },
+    })
+
+    expect(result.getByText('This Safe Account')).toBeVisible()
+    expect(getContractMock).not.toHaveBeenCalled()
+  })
+
+  it('should not show "This Safe Account" for different addresses', async () => {
+    const differentAddress = faker.finance.ethereumAddress()
+    useSafeAddressMock.mockReturnValue(safeAddress)
+
+    const result = render(<NamedAddressInfo address={differentAddress} />, {
+      initialReduxState: {
+        chains: {
+          loading: false,
+          data: [mockChainInfo],
+        },
+      },
+    })
+
+    expect(result.queryByText('This Safe Account')).not.toBeInTheDocument()
+  })
+})
+
+describe('useAddressName', () => {
+  const address = faker.finance.ethereumAddress()
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    mockWeb3ReadOnly.mockReturnValue({
+      getCode: jest.fn().mockResolvedValue('0x'),
+    })
+    useSafeAddressMock.mockReturnValue(safeAddress)
+  })
+
+  it('should return name and logo from props if provided', async () => {
+    const { result } = renderHook(() => useAddressName(address, 'Custom Name', 'custom-avatar.png'))
+
+    expect(result.current).toEqual({
+      name: 'Custom Name',
+      logoUri: 'custom-avatar.png',
+      isUnverifiedContract: false,
+    })
+    expect(getContractMock).not.toHaveBeenCalled()
+  })
+
+  it('should fetch and return contract info if no name provided', async () => {
+    getContractMock.mockResolvedValue({
+      displayName: 'Contract Display Name',
+      name: 'ContractName',
+      logoUri: 'contract-logo.png',
+    })
+
+    const { result } = renderHook(() => useAddressName(address))
+
+    await waitFor(() => {
+      expect(result.current).toEqual({
+        name: 'Contract Display Name',
+        logoUri: 'contract-logo.png',
+        isUnverifiedContract: false,
+      })
+    })
+
+    expect(getContractMock).toHaveBeenCalledWith('4', address)
+  })
+
+  it('should handle unverified contracts', async () => {
+    getContractMock.mockRejectedValue(new Error('Contract not found'))
+    mockWeb3ReadOnly.mockReturnValue({
+      getCode: jest.fn().mockResolvedValue('0x123'), // Non-empty bytecode indicates a contract
+    })
+
+    const { result } = renderHook(() => useAddressName(address))
+
+    await waitFor(() => {
+      expect(result.current).toEqual({
+        name: 'Unverified contract',
+        logoUri: undefined,
+        isUnverifiedContract: true,
+      })
+    })
+  })
+
+  it('should handle EOA addresses (not contracts)', async () => {
+    getContractMock.mockRejectedValue(new Error('Contract not found'))
+    mockWeb3ReadOnly.mockReturnValue({
+      getCode: jest.fn().mockResolvedValue('0x'), // Empty bytecode indicates EOA
+    })
+
+    const { result } = renderHook(() => useAddressName(address))
+
+    await waitFor(() => {
+      expect(result.current).toEqual({
+        name: undefined,
+        logoUri: undefined,
+        isUnverifiedContract: false,
+      })
+    })
+  })
+
+  it('should handle undefined address', () => {
+    const { result } = renderHook(() => useAddressName(undefined))
+
+    expect(result.current).toEqual({
+      name: undefined,
+      logoUri: undefined,
+      isUnverifiedContract: false,
+    })
+    expect(getContractMock).not.toHaveBeenCalled()
+  })
+
+  it('should prioritize display name over contract name', async () => {
+    getContractMock.mockResolvedValue({
+      displayName: 'Display Name',
+      name: 'Contract Name',
+      logoUri: 'logo.png',
+    })
+
+    const { result } = renderHook(() => useAddressName(address))
+
+    await waitFor(() => {
+      expect(result.current.name).toBe('Display Name')
+    })
+  })
+
+  it('should fallback to contract name if display name is not available', async () => {
+    getContractMock.mockResolvedValue({
+      name: 'Contract Name',
+      logoUri: 'logo.png',
+    })
+
+    const { result } = renderHook(() => useAddressName(address))
+
+    await waitFor(() => {
+      expect(result.current.name).toBe('Contract Name')
+    })
+  })
+
+  it('should return "This Safe Account" when address matches Safe address', async () => {
+    const { result } = renderHook(() => useAddressName(safeAddress))
+
+    expect(result.current).toEqual({
+      name: 'This Safe Account',
+      logoUri: undefined,
+      isUnverifiedContract: false,
+    })
+  })
+})
diff --git a/apps/web/src/components/common/NamedAddressInfo/index.tsx b/apps/web/src/components/common/NamedAddressInfo/index.tsx
new file mode 100644
index 000000000..5074553d9
--- /dev/null
+++ b/apps/web/src/components/common/NamedAddressInfo/index.tsx
@@ -0,0 +1,57 @@
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import useChainId from '@/hooks/useChainId'
+import { getContract } from '@safe-global/safe-gateway-typescript-sdk'
+import EthHashInfo from '../EthHashInfo'
+import type { EthHashInfoProps } from '../EthHashInfo/SrcEthHashInfo'
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { memo, useMemo } from 'react'
+import { isAddress } from 'ethers'
+
+const useIsUnverifiedContract = (address?: string, error?: Error): boolean => {
+  const web3 = useWeb3ReadOnly()
+
+  const [isUnverifiedContract] = useAsync<boolean>(async () => {
+    if (!error || !address) return false // Only check via RPC if getContract returned an error
+    const code = await web3?.getCode(address)
+    return code !== '0x'
+  }, [address, web3, error])
+
+  return isUnverifiedContract ?? false
+}
+
+export function useAddressName(address?: string, name?: string | null, customAvatar?: string) {
+  const chainId = useChainId()
+  const safeAddress = useSafeAddress()
+  const displayName = sameAddress(address, safeAddress) ? 'This Safe Account' : name
+
+  const [contract, error] = useAsync(
+    () => (!displayName && address && isAddress(address) ? getContract(chainId, address) : undefined),
+    [address, chainId, displayName],
+    false,
+  )
+
+  const isUnverifiedContract = useIsUnverifiedContract(address, error)
+
+  return useMemo(
+    () => ({
+      name:
+        displayName ||
+        contract?.displayName ||
+        contract?.name ||
+        (isUnverifiedContract ? 'Unverified contract' : undefined),
+      logoUri: customAvatar || contract?.logoUri,
+      isUnverifiedContract,
+    }),
+    [displayName, contract, customAvatar, isUnverifiedContract],
+  )
+}
+
+const NamedAddressInfo = ({ address, name, customAvatar, ...props }: EthHashInfoProps) => {
+  const { name: finalName, logoUri: finalAvatar } = useAddressName(address, name, customAvatar)
+
+  return <EthHashInfo address={address} name={finalName} customAvatar={finalAvatar} {...props} />
+}
+
+export default memo(NamedAddressInfo)
diff --git a/apps/web/src/components/common/NavTabs/index.tsx b/apps/web/src/components/common/NavTabs/index.tsx
new file mode 100644
index 000000000..2d498ea7b
--- /dev/null
+++ b/apps/web/src/components/common/NavTabs/index.tsx
@@ -0,0 +1,38 @@
+import React from 'react'
+import NextLink from 'next/link'
+import { Tab, Tabs, Typography } from '@mui/material'
+import { useRouter } from 'next/router'
+import type { NavItem } from '@/components/sidebar/SidebarNavigation/config'
+import css from './styles.module.css'
+
+const NavTabs = ({ tabs }: { tabs: NavItem[] }) => {
+  const router = useRouter()
+  const activeTab = Math.max(0, tabs.map((tab) => tab.href).indexOf(router.pathname))
+  const query = router.query.safe ? { safe: router.query.safe } : undefined
+
+  return (
+    <Tabs value={activeTab} variant="scrollable" allowScrollButtonsMobile className={css.tabs}>
+      {tabs.map((tab, idx) => (
+        <Tab
+          key={tab.href}
+          href={{ pathname: tab.href, query }}
+          component={NextLink}
+          tabIndex={0}
+          className={css.tab}
+          label={
+            <Typography
+              variant="body2"
+              fontWeight={700}
+              color={activeTab === idx ? 'primary' : 'primary.light'}
+              className={css.label}
+            >
+              {tab.label}
+            </Typography>
+          }
+        />
+      ))}
+    </Tabs>
+  )
+}
+
+export default NavTabs
diff --git a/src/components/common/NavTabs/styles.module.css b/apps/web/src/components/common/NavTabs/styles.module.css
similarity index 100%
rename from src/components/common/NavTabs/styles.module.css
rename to apps/web/src/components/common/NavTabs/styles.module.css
diff --git a/apps/web/src/components/common/Navigate/index.test.tsx b/apps/web/src/components/common/Navigate/index.test.tsx
new file mode 100644
index 000000000..c8b14db7c
--- /dev/null
+++ b/apps/web/src/components/common/Navigate/index.test.tsx
@@ -0,0 +1,29 @@
+import { render } from '@testing-library/react'
+import type { NextRouter } from 'next/router'
+
+import { Navigate } from '@/components/common/Navigate'
+
+const mockRouter = {
+  replace: jest.fn(),
+  push: jest.fn(),
+} as jest.MockedObjectDeep<NextRouter>
+
+describe('Navigate', () => {
+  beforeEach(() => {
+    jest.resetAllMocks()
+
+    jest.spyOn(require('next/navigation'), 'useRouter').mockReturnValue(mockRouter)
+  })
+
+  it('should navigate to the specified route', () => {
+    render(<Navigate to="/test" />)
+
+    expect(mockRouter.push).toHaveBeenCalledWith('/test')
+  })
+
+  it('should replace the current route', () => {
+    render(<Navigate to="/test" replace />)
+
+    expect(mockRouter.replace).toHaveBeenCalledWith('/test')
+  })
+})
diff --git a/apps/web/src/components/common/Navigate/index.tsx b/apps/web/src/components/common/Navigate/index.tsx
new file mode 100644
index 000000000..a5cf8f27e
--- /dev/null
+++ b/apps/web/src/components/common/Navigate/index.tsx
@@ -0,0 +1,16 @@
+import { useRouter } from 'next/navigation'
+import { useEffect } from 'react'
+
+export function Navigate({ to, replace = false }: { to: string; replace?: boolean }): null {
+  const router = useRouter()
+
+  useEffect(() => {
+    if (replace) {
+      router.replace(to)
+    } else {
+      router.push(to)
+    }
+  }, [replace, router, to])
+
+  return null
+}
diff --git a/apps/web/src/components/common/NestedSafeBreadcrumbs/index.tsx b/apps/web/src/components/common/NestedSafeBreadcrumbs/index.tsx
new file mode 100644
index 000000000..d562eac1c
--- /dev/null
+++ b/apps/web/src/components/common/NestedSafeBreadcrumbs/index.tsx
@@ -0,0 +1,37 @@
+import { useRouter } from 'next/router'
+import { Typography } from '@mui/material'
+import type { ReactElement } from 'react'
+
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useParentSafe } from '@/hooks/useParentSafe'
+import { BreadcrumbItem } from '@/components/common/Breadcrumbs/BreadcrumbItem'
+import { formatPrefixedAddress } from '@safe-global/utils/utils/addresses'
+import { useChain } from '@/hooks/useChains'
+
+export function NestedSafeBreadcrumbs(): ReactElement | null {
+  const { pathname, query } = useRouter()
+  const { safeAddress } = useSafeInfo()
+  const parentSafe = useParentSafe()
+  const currentChain = useChain(parentSafe?.chainId || '')
+
+  if (!parentSafe) {
+    return null
+  }
+
+  const prefixedAddress = formatPrefixedAddress(parentSafe.address.value, currentChain?.shortName)
+
+  return (
+    <>
+      <BreadcrumbItem
+        title="Parent Safe"
+        address={parentSafe.address.value}
+        href={{
+          pathname,
+          query: { ...query, safe: prefixedAddress },
+        }}
+      />
+      <Typography variant="body2">/</Typography>
+      <BreadcrumbItem title="Nested Safe" address={safeAddress} />
+    </>
+  )
+}
diff --git a/apps/web/src/components/common/NetworkInput/index.tsx b/apps/web/src/components/common/NetworkInput/index.tsx
new file mode 100644
index 000000000..2e070cfac
--- /dev/null
+++ b/apps/web/src/components/common/NetworkInput/index.tsx
@@ -0,0 +1,93 @@
+import ChainIndicator from '@/components/common/ChainIndicator'
+import { useDarkMode } from '@/hooks/useDarkMode'
+import { useTheme } from '@mui/material/styles'
+import { FormControl, InputLabel, ListSubheader, MenuItem, Select, Typography } from '@mui/material'
+import partition from 'lodash/partition'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import css from './styles.module.css'
+import { type ReactElement, useCallback, useMemo } from 'react'
+import { Controller, useFormContext } from 'react-hook-form'
+import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+const NetworkInput = ({
+  name,
+  required = false,
+  chainConfigs,
+}: {
+  name: string
+  required?: boolean
+  chainConfigs: (ChainInfo & { available: boolean })[]
+}): ReactElement => {
+  const isDarkMode = useDarkMode()
+  const theme = useTheme()
+  const [testNets, prodNets] = useMemo(() => partition(chainConfigs, (config) => config.isTestnet), [chainConfigs])
+  const { control } = useFormContext() || {}
+
+  const renderMenuItem = useCallback(
+    (chainId: string, isDisabled: boolean) => {
+      const chain = chainConfigs.find((chain) => chain.chainId === chainId)
+      if (!chain) return null
+      return (
+        <MenuItem
+          disabled={isDisabled}
+          key={chainId}
+          value={chainId}
+          sx={{ '&:hover': { backgroundColor: 'inherit' } }}
+        >
+          <ChainIndicator chainId={chain.chainId} />
+          {isDisabled && (
+            <Typography variant="caption" component="span" className={css.disabledChip}>
+              Not available
+            </Typography>
+          )}
+        </MenuItem>
+      )
+    },
+    [chainConfigs],
+  )
+
+  return (
+    <Controller
+      name={name}
+      rules={{ required }}
+      control={control}
+      // eslint-disable-next-line
+      render={({ field: { ref, ...field } }) => (
+        <FormControl fullWidth>
+          <InputLabel id="network-input-label">Network</InputLabel>
+          <Select
+            {...field}
+            labelId="network-input-label"
+            id="network-input"
+            fullWidth
+            label="Network"
+            IconComponent={ExpandMoreIcon}
+            renderValue={(value) => renderMenuItem(value, false)}
+            MenuProps={{
+              sx: {
+                '& .MuiPaper-root': {
+                  overflow: 'auto',
+                },
+                ...(isDarkMode
+                  ? {
+                      '& .Mui-selected, & .Mui-selected:hover': {
+                        backgroundColor: `${theme.palette.secondary.background} !important`,
+                      },
+                    }
+                  : {}),
+              },
+            }}
+          >
+            {prodNets.map((chain) => renderMenuItem(chain.chainId, !chain.available))}
+
+            {testNets.length > 0 && <ListSubheader className={css.listSubHeader}>Testnets</ListSubheader>}
+
+            {testNets.map((chain) => renderMenuItem(chain.chainId, !chain.available))}
+          </Select>
+        </FormControl>
+      )}
+    />
+  )
+}
+
+export default NetworkInput
diff --git a/apps/web/src/components/common/NetworkInput/styles.module.css b/apps/web/src/components/common/NetworkInput/styles.module.css
new file mode 100644
index 000000000..d0c269ffb
--- /dev/null
+++ b/apps/web/src/components/common/NetworkInput/styles.module.css
@@ -0,0 +1,62 @@
+.select {
+  height: 100%;
+}
+
+.select:after,
+.select:before {
+  display: none;
+}
+
+.select *:focus-visible {
+  outline: 5px auto Highlight;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+.select :global .MuiSelect-select {
+  padding-right: 40px !important;
+  padding-left: 16px;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.select :global .MuiSelect-icon {
+  margin-right: var(--space-2);
+}
+
+.select :global .Mui-disabled {
+  pointer-events: none;
+}
+
+.select :global .MuiMenuItem-root {
+  padding: 0;
+}
+
+.listSubHeader {
+  text-transform: uppercase;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 32px;
+}
+
+.newChip {
+  font-weight: bold;
+  letter-spacing: -0.1px;
+  margin-top: -18px;
+  margin-left: -14px;
+  transform: scale(0.7);
+}
+
+.item {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+}
+
+.disabledChip {
+  background-color: var(--color-border-light);
+  border-radius: 4px;
+  color: var(--color-text-primary);
+  padding: 4px 8px;
+  margin-left: auto;
+}
diff --git a/apps/web/src/components/common/NetworkSelector/NetworkMultiSelector.tsx b/apps/web/src/components/common/NetworkSelector/NetworkMultiSelector.tsx
new file mode 100644
index 000000000..2366e47cd
--- /dev/null
+++ b/apps/web/src/components/common/NetworkSelector/NetworkMultiSelector.tsx
@@ -0,0 +1,176 @@
+import useChains, { useCurrentChain } from '@/hooks/useChains'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import { useCallback, useEffect, type ReactElement } from 'react'
+import { Checkbox, Autocomplete, TextField, Chip, Box } from '@mui/material'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import ChainIndicator from '../ChainIndicator'
+import css from './styles.module.css'
+import { Controller, useFormContext, useWatch } from 'react-hook-form'
+import { useRouter } from 'next/router'
+import { getNetworkLink } from '.'
+import { SetNameStepFields } from '@/components/new-safe/create/steps/SetNameStep'
+import { getSafeSingletonDeployments, getSafeToL2SetupDeployments } from '@safe-global/safe-deployments'
+import { hasCanonicalDeployment } from '@safe-global/utils/services/contracts/deployments'
+import { hasMultiChainCreationFeatures } from '@/features/multichain/utils/utils'
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+
+const NetworkMultiSelector = ({
+  name,
+  isAdvancedFlow = false,
+}: {
+  name: string
+  isAdvancedFlow?: boolean
+}): ReactElement => {
+  const { configs } = useChains()
+  const router = useRouter()
+  const safeAddress = useSafeAddress()
+  const currentChain = useCurrentChain()
+
+  const {
+    formState: { errors },
+    control,
+    getValues,
+    setValue,
+  } = useFormContext()
+
+  const selectedNetworks: ChainInfo[] = useWatch({ control, name: SetNameStepFields.networks })
+
+  const updateCurrentNetwork = useCallback(
+    (chains: ChainInfo[]) => {
+      if (chains.length !== 1) return
+      const shortName = chains[0].shortName
+      const networkLink = getNetworkLink(router, safeAddress, shortName)
+      router.replace(networkLink)
+    },
+    [router, safeAddress],
+  )
+
+  const handleDelete = useCallback(
+    (deletedChainId: string) => {
+      const currentValues: ChainInfo[] = getValues(name) || []
+      const updatedValues = currentValues.filter((chain) => chain.chainId !== deletedChainId)
+      updateCurrentNetwork(updatedValues)
+      setValue(name, updatedValues, { shouldValidate: true })
+    },
+    [getValues, name, setValue, updateCurrentNetwork],
+  )
+
+  const isOptionDisabled = useCallback(
+    (optionNetwork: ChainInfo) => {
+      // Initially all networks are always available
+      if (selectedNetworks.length === 0) {
+        return false
+      }
+
+      const firstSelectedNetwork = selectedNetworks[0]
+
+      // do not allow multi chain safes for advanced setup flow.
+      if (isAdvancedFlow) return optionNetwork.chainId != firstSelectedNetwork.chainId
+
+      // Check required feature toggles
+      const optionIsSelectedNetwork = firstSelectedNetwork.chainId === optionNetwork.chainId
+      if (!hasMultiChainCreationFeatures(optionNetwork) || !hasMultiChainCreationFeatures(firstSelectedNetwork)) {
+        return !optionIsSelectedNetwork
+      }
+
+      // Check if required deployments are available
+      const optionHasCanonicalSingletonDeployment =
+        hasCanonicalDeployment(
+          getSafeSingletonDeployments({
+            network: optionNetwork.chainId,
+            version: getLatestSafeVersion(firstSelectedNetwork),
+          }),
+          optionNetwork.chainId,
+        ) &&
+        hasCanonicalDeployment(
+          getSafeToL2SetupDeployments({ network: optionNetwork.chainId, version: '1.4.1' }),
+          optionNetwork.chainId,
+        )
+
+      const selectedHasCanonicalSingletonDeployment =
+        hasCanonicalDeployment(
+          getSafeSingletonDeployments({
+            network: firstSelectedNetwork.chainId,
+            version: getLatestSafeVersion(firstSelectedNetwork),
+          }),
+          firstSelectedNetwork.chainId,
+        ) &&
+        hasCanonicalDeployment(
+          getSafeToL2SetupDeployments({ network: firstSelectedNetwork.chainId, version: '1.4.1' }),
+          firstSelectedNetwork.chainId,
+        )
+
+      // Only 1.4.1 safes with canonical deployment addresses and SafeToL2Setup can be deployed as part of a multichain group
+      if (!selectedHasCanonicalSingletonDeployment) return !optionIsSelectedNetwork
+      return !optionHasCanonicalSingletonDeployment
+    },
+    [isAdvancedFlow, selectedNetworks],
+  )
+
+  useEffect(() => {
+    if (selectedNetworks.length === 1 && selectedNetworks[0].chainId !== currentChain?.chainId) {
+      updateCurrentNetwork([selectedNetworks[0]])
+    }
+  }, [selectedNetworks, currentChain, updateCurrentNetwork])
+
+  return (
+    <>
+      <Controller
+        name={name}
+        control={control}
+        defaultValue={[]}
+        render={({ field }) => (
+          <Autocomplete
+            {...field}
+            multiple
+            value={field.value || []}
+            disableCloseOnSelect
+            options={configs}
+            renderTags={(selectedOptions) =>
+              selectedOptions.map((chain) => (
+                <Chip
+                  variant="outlined"
+                  key={chain.chainId}
+                  avatar={<ChainIndicator chainId={chain.chainId} onlyLogo inline />}
+                  label={chain.chainName}
+                  onDelete={() => handleDelete(chain.chainId)}
+                  className={css.multiChainChip}
+                ></Chip>
+              ))
+            }
+            renderOption={(props, chain, { selected }) => {
+              const { key, ...rest } = props
+
+              return (
+                <Box component="li" key={key} {...rest}>
+                  <Checkbox data-testid="network-checkbox" size="small" checked={selected} />
+                  <ChainIndicator chainId={chain.chainId} inline />
+                </Box>
+              )
+            }}
+            getOptionLabel={(option) => option.chainName}
+            getOptionDisabled={isOptionDisabled}
+            renderInput={(params) => (
+              <TextField
+                {...params}
+                error={!!errors.networks}
+                helperText={errors.networks ? 'Select at least one network' : ''}
+              />
+            )}
+            filterOptions={(options, { inputValue }) =>
+              options.filter((option) => option.chainName.toLowerCase().includes(inputValue.toLowerCase()))
+            }
+            isOptionEqualToValue={(option, value) => option.chainId === value.chainId}
+            onChange={(_, data) => {
+              updateCurrentNetwork(data)
+              return field.onChange(data)
+            }}
+          />
+        )}
+        rules={{ required: true }}
+      />
+    </>
+  )
+}
+
+export default NetworkMultiSelector
diff --git a/apps/web/src/components/common/NetworkSelector/__tests__/ChainIndicatorWithFiatBalance.test.tsx b/apps/web/src/components/common/NetworkSelector/__tests__/ChainIndicatorWithFiatBalance.test.tsx
new file mode 100644
index 000000000..c77b22d93
--- /dev/null
+++ b/apps/web/src/components/common/NetworkSelector/__tests__/ChainIndicatorWithFiatBalance.test.tsx
@@ -0,0 +1,49 @@
+import { ChainIndicatorWithFiatBalance } from '../index'
+import { render } from '@/tests/test-utils'
+import { chainBuilder } from '@/tests/builders/chains'
+import * as useChainId from '@/hooks/useChainId'
+import * as gatewayApi from '@/store/api/gateway'
+import * as useBalances from '@/hooks/useBalances'
+import { skipToken } from '@reduxjs/toolkit/query'
+
+const SAFE_ADDRESS = '0x123'
+
+describe('ChainIndicatorWithFiatBalance', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('uses balances for the current chain', () => {
+    const chain = chainBuilder().with({ chainId: '1', chainName: 'Ethereum', shortName: 'eth' }).build()
+    jest.spyOn(useChainId, 'default').mockReturnValue('1')
+    jest.spyOn(useBalances, 'default').mockReturnValue({ balances: { fiatTotal: '100', items: [] }, loading: false })
+    const getOverview = jest
+      .spyOn(gatewayApi, 'useGetSafeOverviewQuery')
+      .mockReturnValue({ data: { fiatTotal: '200' } } as any)
+
+    const { getByText } = render(
+      <ChainIndicatorWithFiatBalance isSelected={false} chain={chain} safeAddress={SAFE_ADDRESS} />,
+      { initialReduxState: { chains: { data: [chain], loading: false } } },
+    )
+
+    expect(getOverview).toHaveBeenCalledWith(skipToken)
+    expect(getByText(/100/)).toBeInTheDocument()
+  })
+
+  it('fetches overview for inactive chains', () => {
+    const chain = chainBuilder().with({ chainId: '10', chainName: 'Optimism', shortName: 'oeth' }).build()
+    jest.spyOn(useChainId, 'default').mockReturnValue('1')
+    jest.spyOn(useBalances, 'default').mockReturnValue({ balances: { fiatTotal: '100', items: [] }, loading: false })
+    const getOverview = jest
+      .spyOn(gatewayApi, 'useGetSafeOverviewQuery')
+      .mockReturnValue({ data: { fiatTotal: '50' } } as any)
+
+    const { getByText } = render(
+      <ChainIndicatorWithFiatBalance isSelected={false} chain={chain} safeAddress={SAFE_ADDRESS} />,
+      { initialReduxState: { chains: { data: [chain], loading: false } } },
+    )
+
+    expect(getOverview).toHaveBeenCalledWith({ safeAddress: SAFE_ADDRESS, chainId: chain.chainId })
+    expect(getByText(/50/)).toBeInTheDocument()
+  })
+})
diff --git a/apps/web/src/components/common/NetworkSelector/__tests__/NetworkMultiSelector.test.tsx b/apps/web/src/components/common/NetworkSelector/__tests__/NetworkMultiSelector.test.tsx
new file mode 100644
index 000000000..84e71f9e1
--- /dev/null
+++ b/apps/web/src/components/common/NetworkSelector/__tests__/NetworkMultiSelector.test.tsx
@@ -0,0 +1,322 @@
+import * as useChains from '@/hooks/useChains'
+import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { FormProvider, useForm } from 'react-hook-form'
+import NetworkMultiSelector from '../NetworkMultiSelector'
+import { chainBuilder } from '@/tests/builders/chains'
+import { render, waitFor } from '@/tests/test-utils'
+import { act } from 'react'
+import userEvent from '@testing-library/user-event'
+import * as router from 'next/router'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const TestForm = ({ isAdvancedFlow = false }: { isAdvancedFlow?: boolean }) => {
+  const formMethods = useForm<{ networks: ChainInfo[] }>({
+    mode: 'all',
+    defaultValues: {
+      networks: [],
+    },
+  })
+
+  return (
+    <FormProvider {...formMethods}>
+      <form>
+        <NetworkMultiSelector name="networks" isAdvancedFlow={isAdvancedFlow} />
+      </form>
+    </FormProvider>
+  )
+}
+
+describe('NetworkMultiSelector', () => {
+  const mockChains = [
+    chainBuilder()
+      .with({ chainId: '1' })
+      .with({ chainName: 'Ethereum' })
+      .with({ shortName: 'eth' })
+      .with({ features: [FEATURES.COUNTERFACTUAL, FEATURES.MULTI_CHAIN_SAFE_CREATION] as any })
+      .with({ recommendedMasterCopyVersion: '1.4.1' })
+      .build(),
+    chainBuilder()
+      .with({ chainId: '10' })
+      .with({ chainName: 'Optimism' })
+      .with({ shortName: 'oeth' })
+      .with({ features: [FEATURES.COUNTERFACTUAL, FEATURES.MULTI_CHAIN_SAFE_CREATION] as any })
+      .with({ recommendedMasterCopyVersion: '1.4.1' })
+      .build(),
+    chainBuilder()
+      .with({ chainId: '100' })
+      .with({ chainName: 'Gnosis Chain' })
+      .with({ shortName: 'gno' })
+      .with({ features: [FEATURES.COUNTERFACTUAL, FEATURES.MULTI_CHAIN_SAFE_CREATION] as any })
+      .with({ recommendedMasterCopyVersion: '1.4.1' })
+      .build(),
+    chainBuilder()
+      .with({ chainId: '324' })
+      .with({ chainName: 'ZkSync Era' })
+      .with({ shortName: 'zksync' })
+      .with({ features: [FEATURES.COUNTERFACTUAL] as any })
+      .with({ recommendedMasterCopyVersion: '1.4.1' })
+      .build(),
+    chainBuilder()
+      .with({ chainId: '480' })
+      .with({ chainName: 'Worldchain' })
+      .with({ shortName: 'wc' })
+      .with({ features: [FEATURES.COUNTERFACTUAL, FEATURES.MULTI_CHAIN_SAFE_CREATION] as any })
+      .with({ recommendedMasterCopyVersion: '1.4.1' })
+      .build(),
+  ]
+
+  it('should be possible to select and deselect networks', async () => {
+    jest.spyOn(useChains, 'useCurrentChain').mockReturnValue(mockChains[0])
+    const { getByRole, queryByText, getByText, getByTestId, getAllByRole } = render(<TestForm />, {
+      initialReduxState: {
+        chains: {
+          data: mockChains,
+          loading: false,
+        },
+      },
+    })
+    const input = getByRole('combobox')
+
+    act(() => {
+      userEvent.click(input)
+    })
+
+    // All options are visible and enabled initially
+    await waitFor(() => {
+      const allOptions = getAllByRole('option')
+      expect(allOptions).toHaveLength(5)
+      allOptions.forEach((option) => expect(option).toHaveAttribute('aria-disabled', 'false'))
+      expect(queryByText('Ethereum')).toBeVisible()
+      expect(queryByText('Optimism')).toBeVisible()
+      expect(queryByText('Gnosis Chain')).toBeVisible()
+      expect(queryByText('ZkSync Era')).toBeVisible()
+      expect(queryByText('Worldchain')).toBeVisible()
+    })
+
+    // Select Ethereum => zkSync Era should be disabled
+    act(() => {
+      userEvent.click(getByText('Ethereum'))
+    })
+
+    await waitFor(() => {
+      const allOptions = getAllByRole('option')
+      expect(allOptions).toHaveLength(5)
+      expect(allOptions[0]).toHaveAttribute('aria-disabled', 'false')
+      expect(allOptions[1]).toHaveAttribute('aria-disabled', 'false')
+      expect(allOptions[2]).toHaveAttribute('aria-disabled', 'false')
+      // ZkSync era is now disabled
+      expect(allOptions[3]).toHaveAttribute('aria-disabled', 'true')
+      expect(allOptions[3]).toHaveTextContent('ZkSync Era')
+      expect(allOptions[4]).toHaveAttribute('aria-disabled', 'false')
+    })
+
+    // Unselect Ethereum by clicking the x icon => zkSync Era should be enabled again
+    act(() => {
+      userEvent.click(getByTestId('CancelIcon'))
+    })
+
+    await waitFor(() => {
+      const allOptions = getAllByRole('option')
+      expect(allOptions).toHaveLength(5)
+      allOptions.forEach((option) => expect(option).toHaveAttribute('aria-disabled', 'false'))
+    })
+
+    // Select Multiple
+    act(() => {
+      const allOptions = getAllByRole('option')
+      userEvent.click(allOptions[0])
+      userEvent.click(allOptions[1])
+      userEvent.click(allOptions[2])
+    })
+
+    await waitFor(() => {
+      const allOptions = getAllByRole('option')
+      expect(allOptions).toHaveLength(5)
+      expect(allOptions[0]).toHaveAttribute('aria-selected', 'true')
+      expect(allOptions[1]).toHaveAttribute('aria-selected', 'true')
+      expect(allOptions[2]).toHaveAttribute('aria-selected', 'true')
+      // ZkSync era is now disabled
+      expect(allOptions[3]).toHaveAttribute('aria-selected', 'false')
+      expect(allOptions[4]).toHaveAttribute('aria-selected', 'false')
+    })
+
+    // Close input
+    act(() => {
+      userEvent.click(input)
+    })
+
+    // Only the selected chains remain visible
+    await waitFor(() => {
+      expect(getByText('Ethereum')).toBeVisible()
+      expect(getByText('Optimism')).toBeVisible()
+      expect(getByText('Gnosis Chain')).toBeVisible()
+      expect(queryByText('Worldchain')).toBeNull()
+    })
+
+    // remove all
+    act(() => {
+      userEvent.click(getByTestId('CloseIcon'))
+    })
+
+    // No more chains are visible
+    await waitFor(() => {
+      expect(queryByText('Ethereum')).toBeNull()
+      expect(queryByText('Optimism')).toBeNull()
+      expect(queryByText('Gnosis Chain')).toBeNull()
+      expect(queryByText('Worldchain')).toBeNull()
+      expect(queryByText('Select at least one network')).toBeVisible()
+    })
+  })
+
+  it('should disable all other chains when zkSync gets selected first', async () => {
+    jest.spyOn(useChains, 'useCurrentChain').mockReturnValue(mockChains[0])
+    const { getByRole, queryByText, getByText, getAllByRole } = render(<TestForm />, {
+      initialReduxState: {
+        chains: {
+          data: mockChains,
+          loading: false,
+        },
+      },
+    })
+    const input = getByRole('combobox')
+
+    act(() => {
+      userEvent.click(input)
+    })
+
+    // All options are visible and enabled initially
+    await waitFor(() => {
+      const allOptions = getAllByRole('option')
+      expect(allOptions).toHaveLength(5)
+      allOptions.forEach((option) => expect(option).toHaveAttribute('aria-disabled', 'false'))
+      expect(queryByText('Ethereum')).toBeVisible()
+      expect(queryByText('Optimism')).toBeVisible()
+      expect(queryByText('Gnosis Chain')).toBeVisible()
+      expect(queryByText('ZkSync Era')).toBeVisible()
+      expect(queryByText('Worldchain')).toBeVisible()
+    })
+
+    // Select zkSync
+    act(() => {
+      userEvent.click(getByText('ZkSync Era'))
+    })
+
+    // All other networks get disabled
+    await waitFor(() => {
+      const allOptions = getAllByRole('option')
+      expect(allOptions).toHaveLength(5)
+      expect(allOptions[0]).toHaveAttribute('aria-disabled', 'true')
+      expect(allOptions[1]).toHaveAttribute('aria-disabled', 'true')
+      expect(allOptions[2]).toHaveAttribute('aria-disabled', 'true')
+      expect(allOptions[3]).toHaveAttribute('aria-disabled', 'false')
+      expect(allOptions[4]).toHaveAttribute('aria-disabled', 'true')
+    })
+  })
+
+  it('should switch the router chain if a new network is selected', async () => {
+    const mockRouterReplace = jest.fn()
+    jest.spyOn(router, 'useRouter').mockReturnValue({
+      replace: mockRouterReplace,
+      query: { chain: 'eth' },
+      pathname: '/new-safe/create',
+    } as unknown as router.NextRouter)
+
+    jest.spyOn(useChains, 'useCurrentChain').mockReturnValue(mockChains[0])
+    const { getByRole, queryByText, getByText, getAllByRole } = render(<TestForm />, {
+      initialReduxState: {
+        chains: {
+          data: mockChains,
+          loading: false,
+        },
+      },
+    })
+    const input = getByRole('combobox')
+
+    act(() => {
+      userEvent.click(input)
+    })
+
+    // All options are visible and enabled initially
+    await waitFor(() => {
+      const allOptions = getAllByRole('option')
+      expect(allOptions).toHaveLength(5)
+      allOptions.forEach((option) => expect(option).toHaveAttribute('aria-disabled', 'false'))
+      expect(queryByText('Ethereum')).toBeVisible()
+      expect(queryByText('Optimism')).toBeVisible()
+      expect(queryByText('Gnosis Chain')).toBeVisible()
+      expect(queryByText('ZkSync Era')).toBeVisible()
+      expect(queryByText('Worldchain')).toBeVisible()
+    })
+
+    // Select first Optimism and Gnosis Chain
+    act(() => {
+      userEvent.click(getByText('Optimism'))
+      userEvent.click(getByText('Gnosis Chain'))
+    })
+
+    // As we were connected to Ethereum and had only one selected network different from Ethereum, we should switch the chain to Optimism
+    await waitFor(() => {
+      expect(mockRouterReplace).toHaveBeenCalledWith({
+        pathname: '/new-safe/create',
+        query: {
+          chain: 'oeth',
+        },
+      })
+    })
+  })
+
+  it('should only allow single chain selection if advanced flow', async () => {
+    jest.spyOn(useChains, 'useCurrentChain').mockReturnValue(mockChains[0])
+    const { getByRole, queryByText, getByText, getByTestId, getAllByRole } = render(<TestForm isAdvancedFlow />, {
+      initialReduxState: {
+        chains: {
+          data: mockChains,
+          loading: false,
+        },
+      },
+    })
+    const input = getByRole('combobox')
+
+    act(() => {
+      userEvent.click(input)
+    })
+
+    // All options are visible and enabled initially
+    await waitFor(() => {
+      const allOptions = getAllByRole('option')
+      expect(allOptions).toHaveLength(5)
+      allOptions.forEach((option) => expect(option).toHaveAttribute('aria-disabled', 'false'))
+      expect(queryByText('Ethereum')).toBeVisible()
+      expect(queryByText('Optimism')).toBeVisible()
+      expect(queryByText('Gnosis Chain')).toBeVisible()
+      expect(queryByText('ZkSync Era')).toBeVisible()
+      expect(queryByText('Worldchain')).toBeVisible()
+    })
+
+    // Select Ethereum => all other options get disabled
+    act(() => {
+      userEvent.click(getByText('Ethereum'))
+    })
+
+    await waitFor(() => {
+      const allOptions = getAllByRole('option')
+      expect(allOptions).toHaveLength(5)
+      expect(allOptions[0]).toHaveAttribute('aria-disabled', 'false')
+      expect(allOptions[1]).toHaveAttribute('aria-disabled', 'true')
+      expect(allOptions[2]).toHaveAttribute('aria-disabled', 'true')
+      expect(allOptions[3]).toHaveAttribute('aria-disabled', 'true')
+      expect(allOptions[4]).toHaveAttribute('aria-disabled', 'true')
+    })
+
+    // Unselect Ethereum by clicking the x icon => all are enabled again
+    act(() => {
+      userEvent.click(getByTestId('CancelIcon'))
+    })
+
+    await waitFor(() => {
+      const allOptions = getAllByRole('option')
+      expect(allOptions).toHaveLength(5)
+      allOptions.forEach((option) => expect(option).toHaveAttribute('aria-disabled', 'false'))
+    })
+  })
+})
diff --git a/apps/web/src/components/common/NetworkSelector/index.tsx b/apps/web/src/components/common/NetworkSelector/index.tsx
new file mode 100644
index 000000000..fe7926f4d
--- /dev/null
+++ b/apps/web/src/components/common/NetworkSelector/index.tsx
@@ -0,0 +1,468 @@
+import ChainIndicator from '@/components/common/ChainIndicator'
+import Track from '@/components/common/Track'
+import { useDarkMode } from '@/hooks/useDarkMode'
+import { useAppSelector } from '@/store'
+import { selectChains } from '@/store/chainsSlice'
+import { useTheme } from '@mui/material/styles'
+import Link from 'next/link'
+import {
+  Box,
+  ButtonBase,
+  CircularProgress,
+  Collapse,
+  Divider,
+  MenuItem,
+  Select,
+  Skeleton,
+  Stack,
+  Tooltip,
+  Typography,
+} from '@mui/material'
+import partition from 'lodash/partition'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import useChains, { useCurrentChain } from '@/hooks/useChains'
+import type { NextRouter } from 'next/router'
+import { useRouter } from 'next/router'
+import css from './styles.module.css'
+import { type ReactElement, useCallback, useMemo, useState } from 'react'
+import { OVERVIEW_EVENTS, OVERVIEW_LABELS, trackEvent } from '@/services/analytics'
+import { useAllSafesGrouped } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import uniq from 'lodash/uniq'
+import { useCompatibleNetworks } from '@/features/multichain/hooks/useCompatibleNetworks'
+import { useSafeCreationData } from '@/features/multichain/hooks/useSafeCreationData'
+import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import PlusIcon from '@/public/images/common/plus.svg'
+import useAddressBook from '@/hooks/useAddressBook'
+import { CreateSafeOnSpecificChain } from '@/features/multichain/components/CreateSafeOnNewChain'
+import { useGetSafeOverviewQuery } from '@/store/api/gateway'
+import useChainId from '@/hooks/useChainId'
+import useBalances from '@/hooks/useBalances'
+import { skipToken } from '@reduxjs/toolkit/query'
+import { InfoOutlined } from '@mui/icons-material'
+import { selectUndeployedSafe } from '@/store/slices'
+import { hasMultiChainAddNetworkFeature } from '@/features/multichain/utils/utils'
+
+export const ChainIndicatorWithFiatBalance = ({
+  isSelected,
+  chain,
+  safeAddress,
+}: {
+  isSelected: boolean
+  chain: ChainInfo
+  safeAddress: string
+}) => {
+  const undeployedSafe = useAppSelector((state) => selectUndeployedSafe(state, chain.chainId, safeAddress))
+  const currentChainId = useChainId()
+  const isCurrentChain = currentChainId === chain.chainId
+
+  const { balances } = useBalances()
+  const { data: safeOverview } = useGetSafeOverviewQuery(
+    !isCurrentChain && !undeployedSafe ? { safeAddress, chainId: chain.chainId } : skipToken,
+  )
+  const fiatValue = isCurrentChain ? balances.fiatTotal : safeOverview?.fiatTotal
+
+  return <ChainIndicator responsive={isSelected} chainId={chain.chainId} fiatValue={fiatValue} inline />
+}
+
+export const getNetworkLink = (router: NextRouter, safeAddress: string, networkShortName: string) => {
+  const isSafeOpened = safeAddress !== ''
+
+  const query = (
+    isSafeOpened
+      ? {
+          safe: `${networkShortName}:${safeAddress}`,
+        }
+      : { chain: networkShortName }
+  ) as {
+    safe?: string
+    chain?: string
+    safeViewRedirectURL?: string
+  }
+
+  const route = {
+    pathname: router.pathname,
+    query,
+  }
+
+  if (router.query?.safeViewRedirectURL) {
+    route.query.safeViewRedirectURL = router.query?.safeViewRedirectURL.toString()
+  }
+
+  return route
+}
+
+const UndeployedNetworkMenuItem = ({
+  chain,
+  isSelected = false,
+  onSelect,
+}: {
+  chain: ChainInfo & { available: boolean }
+  isSelected?: boolean
+  onSelect: (chain: ChainInfo) => void
+}) => {
+  const isDisabled = !chain.available
+
+  return (
+    <Track {...OVERVIEW_EVENTS.ADD_NEW_NETWORK} label={OVERVIEW_LABELS.top_bar}>
+      <Tooltip data-testid="add-network-tooltip" title="Add network" arrow placement="left">
+        <MenuItem
+          value={chain.chainId}
+          sx={{ '&:hover': { backgroundColor: 'inherit' } }}
+          onClick={() => onSelect(chain)}
+          disabled={isDisabled}
+        >
+          <Box className={css.item}>
+            <ChainIndicator responsive={isSelected} chainId={chain.chainId} inline />
+            {isDisabled ? (
+              <Typography variant="caption" component="span" className={css.comingSoon}>
+                Not available
+              </Typography>
+            ) : (
+              <PlusIcon className={css.plusIcon} />
+            )}
+          </Box>
+        </MenuItem>
+      </Tooltip>
+    </Track>
+  )
+}
+
+const NetworkSkeleton = () => {
+  return (
+    <Stack
+      direction="row"
+      spacing={1}
+      sx={{
+        alignItems: 'center',
+        p: '4px 0px',
+      }}
+    >
+      <Skeleton variant="circular" width="24px" height="24px" />
+      <Skeleton variant="rounded" sx={{ flexGrow: 1 }} />
+    </Stack>
+  )
+}
+
+const TestnetDivider = () => {
+  return (
+    <Divider sx={{ m: '0px !important', '& .MuiDivider-wrapper': { p: '0px 16px' } }}>
+      <Typography
+        variant="overline"
+        sx={{
+          color: 'border.main',
+        }}
+      >
+        Testnets
+      </Typography>
+    </Divider>
+  )
+}
+
+const UndeployedNetworks = ({
+  deployedChains,
+  chains,
+  safeAddress,
+  closeNetworkSelect,
+}: {
+  deployedChains: string[]
+  chains: ChainInfo[]
+  safeAddress: string
+  closeNetworkSelect: () => void
+}) => {
+  const [open, setOpen] = useState(false)
+  const [replayOnChain, setReplayOnChain] = useState<ChainInfo>()
+  const addressBook = useAddressBook()
+  const safeName = addressBook[safeAddress]
+  const deployedChainInfos = useMemo(
+    () => chains.filter((chain) => deployedChains.includes(chain.chainId)),
+    [chains, deployedChains],
+  )
+  const safeCreationResult = useSafeCreationData(safeAddress, deployedChainInfos)
+  const [safeCreationData, safeCreationDataError, safeCreationLoading] = safeCreationResult
+
+  const allCompatibleChains = useCompatibleNetworks(safeCreationData)
+  const isUnsupportedSafeCreationVersion = Boolean(!allCompatibleChains?.length)
+
+  const availableNetworks = useMemo(
+    () =>
+      allCompatibleChains?.filter(
+        (config) => !deployedChains.includes(config.chainId) && hasMultiChainAddNetworkFeature(config),
+      ) || [],
+    [allCompatibleChains, deployedChains],
+  )
+
+  const [testNets, prodNets] = useMemo(
+    () => partition(availableNetworks, (config) => config.isTestnet),
+    [availableNetworks],
+  )
+
+  const noAvailableNetworks = useMemo(() => availableNetworks.every((config) => !config.available), [availableNetworks])
+
+  const onSelect = (chain: ChainInfo) => {
+    setReplayOnChain(chain)
+  }
+
+  if (safeCreationLoading) {
+    return (
+      <Box
+        sx={{
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          my: 1,
+        }}
+      >
+        <CircularProgress size={18} />
+      </Box>
+    )
+  }
+
+  const errorMessage =
+    safeCreationDataError || (safeCreationData && noAvailableNetworks) ? (
+      <Stack
+        direction="row"
+        spacing={1}
+        sx={{
+          alignItems: 'center',
+        }}
+      >
+        {safeCreationDataError?.message && (
+          <Tooltip title={safeCreationDataError?.message}>
+            <InfoOutlined color="info" fontSize="medium" />
+          </Tooltip>
+        )}
+        <Typography>Adding another network is not possible for this Safe. </Typography>
+      </Stack>
+    ) : isUnsupportedSafeCreationVersion ? (
+      'This account was created from an outdated mastercopy. Adding another network is not possible.'
+    ) : (
+      ''
+    )
+
+  if (errorMessage) {
+    return (
+      <Box
+        sx={{
+          px: 2,
+          py: 1,
+        }}
+      >
+        <Typography
+          sx={{
+            color: 'text.secondary',
+            fontSize: '14px',
+            maxWidth: 300,
+          }}
+        >
+          {errorMessage}
+        </Typography>
+      </Box>
+    )
+  }
+
+  const onFormClose = () => {
+    setReplayOnChain(undefined)
+    closeNetworkSelect()
+  }
+
+  const onShowAllNetworks = () => {
+    !open && trackEvent(OVERVIEW_EVENTS.SHOW_ALL_NETWORKS)
+    setOpen((prev) => !prev)
+  }
+
+  return (
+    <>
+      <ButtonBase className={css.listSubHeader} onClick={onShowAllNetworks} tabIndex={-1}>
+        <Stack
+          direction="row"
+          spacing={1}
+          sx={{
+            alignItems: 'center',
+          }}
+        >
+          <div data-testid="show-all-networks">Show all networks</div>
+
+          <ExpandMoreIcon
+            fontSize="small"
+            sx={{
+              transform: open ? 'rotate(180deg)' : undefined,
+            }}
+          />
+        </Stack>
+      </ButtonBase>
+      <Collapse in={open} timeout="auto" unmountOnExit>
+        {!safeCreationData ? (
+          <Box
+            sx={{
+              p: '0px 16px',
+            }}
+          >
+            <NetworkSkeleton />
+            <NetworkSkeleton />
+          </Box>
+        ) : (
+          <>
+            {prodNets.map((chain) => (
+              <UndeployedNetworkMenuItem chain={chain} onSelect={onSelect} key={chain.chainId} />
+            ))}
+            {testNets.length > 0 && <TestnetDivider />}
+            {testNets.map((chain) => (
+              <UndeployedNetworkMenuItem chain={chain} onSelect={onSelect} key={chain.chainId} />
+            ))}
+          </>
+        )}
+      </Collapse>
+      {replayOnChain && safeCreationData && (
+        <CreateSafeOnSpecificChain
+          chain={replayOnChain}
+          safeAddress={safeAddress}
+          open
+          onClose={onFormClose}
+          currentName={safeName ?? ''}
+          safeCreationResult={safeCreationResult}
+        />
+      )}
+    </>
+  )
+}
+
+const NetworkSelector = ({
+  onChainSelect,
+  offerSafeCreation = false,
+}: {
+  onChainSelect?: () => void
+  offerSafeCreation?: boolean
+}): ReactElement => {
+  const [open, setOpen] = useState<boolean>(false)
+  const isDarkMode = useDarkMode()
+  const theme = useTheme()
+  const { configs } = useChains()
+  const chainId = useChainId()
+  const router = useRouter()
+  const safeAddress = useSafeAddress()
+  const currentChain = useCurrentChain()
+  const chains = useAppSelector(selectChains)
+
+  const isSafeOpened = safeAddress !== ''
+
+  const addNetworkFeatureEnabled = hasMultiChainAddNetworkFeature(currentChain)
+
+  const safesGrouped = useAllSafesGrouped()
+  const availableChainIds = useMemo(() => {
+    if (!isSafeOpened) {
+      // Offer all chains
+      return configs.map((config) => config.chainId)
+    }
+    return uniq([
+      chainId,
+      ...(safesGrouped.allMultiChainSafes
+        ?.find((item) => sameAddress(item.address, safeAddress))
+        ?.safes.map((safe) => safe.chainId) ?? []),
+    ])
+  }, [chainId, configs, isSafeOpened, safeAddress, safesGrouped.allMultiChainSafes])
+
+  const [testNets, prodNets] = useMemo(
+    () =>
+      partition(
+        configs.filter((config) => availableChainIds.includes(config.chainId)),
+        (config) => config.isTestnet,
+      ),
+    [availableChainIds, configs],
+  )
+
+  const renderMenuItem = useCallback(
+    (chainId: string, isSelected: boolean) => {
+      const chain = chains.data.find((chain) => chain.chainId === chainId)
+      if (!chain) return null
+
+      const onSwitchNetwork = () => {
+        trackEvent({ ...OVERVIEW_EVENTS.SWITCH_NETWORK, label: chainId })
+      }
+
+      return (
+        <MenuItem
+          data-testid="network-selector-item"
+          key={chainId}
+          value={chainId}
+          sx={{ '&:hover': { backgroundColor: isSelected ? 'transparent' : 'inherit' } }}
+          disableRipple={isSelected}
+          onClick={onSwitchNetwork}
+        >
+          <Link
+            href={getNetworkLink(router, safeAddress, chain.shortName)}
+            onClick={onChainSelect}
+            className={css.item}
+          >
+            <ChainIndicatorWithFiatBalance chain={chain} safeAddress={safeAddress} isSelected={isSelected} />
+          </Link>
+        </MenuItem>
+      )
+    },
+    [chains.data, onChainSelect, router, safeAddress],
+  )
+
+  const handleClose = () => {
+    setOpen(false)
+  }
+
+  const handleOpen = () => {
+    setOpen(true)
+    offerSafeCreation && trackEvent({ ...OVERVIEW_EVENTS.EXPAND_MULTI_SAFE, label: OVERVIEW_LABELS.top_bar })
+  }
+
+  return configs.length ? (
+    <Select
+      open={open}
+      onClose={handleClose}
+      onOpen={handleOpen}
+      value={chainId}
+      size="small"
+      className={css.select}
+      variant="standard"
+      IconComponent={ExpandMoreIcon}
+      renderValue={(value) => renderMenuItem(value, true)}
+      MenuProps={{
+        transitionDuration: 0,
+        sx: {
+          '& .MuiPaper-root': {
+            overflow: 'auto',
+            minWidth: '260px !important',
+          },
+          ...(isDarkMode
+            ? {
+                '& .Mui-selected, & .Mui-selected:hover': {
+                  backgroundColor: `${theme.palette.secondary.background} !important`,
+                },
+              }
+            : {}),
+        },
+      }}
+      sx={{
+        '& .MuiSelect-select': {
+          py: 0,
+        },
+      }}
+    >
+      {prodNets.map((chain) => renderMenuItem(chain.chainId, false))}
+
+      {testNets.length > 0 && <TestnetDivider />}
+
+      {testNets.map((chain) => renderMenuItem(chain.chainId, false))}
+
+      {offerSafeCreation && isSafeOpened && addNetworkFeatureEnabled && (
+        <UndeployedNetworks
+          chains={configs}
+          deployedChains={availableChainIds}
+          safeAddress={safeAddress}
+          closeNetworkSelect={handleClose}
+        />
+      )}
+    </Select>
+  ) : (
+    <Skeleton width={94} height={31} sx={{ mx: 2 }} />
+  )
+}
+
+export default NetworkSelector
diff --git a/apps/web/src/components/common/NetworkSelector/styles.module.css b/apps/web/src/components/common/NetworkSelector/styles.module.css
new file mode 100644
index 000000000..f53b932c4
--- /dev/null
+++ b/apps/web/src/components/common/NetworkSelector/styles.module.css
@@ -0,0 +1,88 @@
+.select {
+  height: 100%;
+}
+
+.select:after,
+.select:before {
+  display: none;
+}
+
+.select *:focus-visible {
+  outline: 5px auto Highlight;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+.select :global .MuiSelect-select {
+  padding-right: 40px !important;
+  padding-left: 16px;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.select :global .MuiSelect-icon {
+  margin-right: var(--space-2);
+}
+
+.select :global .Mui-disabled {
+  pointer-events: none;
+}
+
+.select :global .MuiMenuItem-root {
+  padding: 0;
+}
+
+.listSubHeader {
+  background-color: var(--color-background-main);
+  text-transform: uppercase;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 32px;
+  text-align: center;
+  letter-spacing: 1px;
+  width: 100%;
+  margin-top: var(--space-1);
+}
+
+[data-theme='dark'] .undeployedNetworksHeader {
+  background-color: var(--color-secondary-background);
+}
+
+.plusIcon {
+  background-color: var(--color-background-main);
+  color: var(--color-border-main);
+  border-radius: 100%;
+  height: 20px;
+  width: 20px;
+  padding: 4px;
+  margin-left: auto;
+}
+
+.newChip {
+  font-weight: bold;
+  letter-spacing: -0.1px;
+  margin-top: -18px;
+  margin-left: -14px;
+  transform: scale(0.7);
+}
+
+.item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-1);
+  width: 100%;
+}
+
+.multiChainChip {
+  padding: var(--space-2) 0;
+  margin: 2px;
+  border-color: var(--color-border-main);
+}
+
+.comingSoon {
+  background-color: var(--color-border-light);
+  border-radius: 4px;
+  color: var(--color-text-primary);
+  padding: 4px 8px;
+}
diff --git a/apps/web/src/components/common/NetworkSelector/useChangeNetworkLink.ts b/apps/web/src/components/common/NetworkSelector/useChangeNetworkLink.ts
new file mode 100644
index 000000000..be1a7368e
--- /dev/null
+++ b/apps/web/src/components/common/NetworkSelector/useChangeNetworkLink.ts
@@ -0,0 +1,27 @@
+import { AppRoutes } from '@/config/routes'
+import useWallet from '@/hooks/wallets/useWallet'
+import { useRouter } from 'next/router'
+
+export const useChangeNetworkLink = (networkShortName: string) => {
+  const router = useRouter()
+  const isWalletConnected = !!useWallet()
+  const pathname = router.pathname
+
+  const shouldKeepPath = !router.query.safe
+
+  const route = {
+    pathname: shouldKeepPath ? pathname : isWalletConnected ? AppRoutes.welcome.accounts : AppRoutes.welcome.index,
+    query: {
+      chain: networkShortName,
+    } as {
+      chain: string
+      safeViewRedirectURL?: string
+    },
+  }
+
+  if (router.query?.safeViewRedirectURL) {
+    route.query.safeViewRedirectURL = router.query?.safeViewRedirectURL.toString()
+  }
+
+  return route
+}
diff --git a/apps/web/src/components/common/Notifications/index.tsx b/apps/web/src/components/common/Notifications/index.tsx
new file mode 100644
index 000000000..bc2940102
--- /dev/null
+++ b/apps/web/src/components/common/Notifications/index.tsx
@@ -0,0 +1,161 @@
+import type { ReactElement, SyntheticEvent } from 'react'
+import React, { useCallback, useEffect } from 'react'
+import groupBy from 'lodash/groupBy'
+import { useAppDispatch, useAppSelector } from '@/store'
+import type { Notification } from '@/store/notificationsSlice'
+import { closeNotification, readNotification, selectNotifications } from '@/store/notificationsSlice'
+import type { AlertColor, SnackbarCloseReason } from '@mui/material'
+import { Alert, Box, Link, Snackbar, Typography } from '@mui/material'
+import css from './styles.module.css'
+import NextLink from 'next/link'
+import ChevronRightIcon from '@mui/icons-material/ChevronRight'
+import { OVERVIEW_EVENTS } from '@/services/analytics/events/overview'
+import Track from '../Track'
+import { isRelativeUrl } from '@/utils/url'
+
+const toastStyle = { position: 'static', margin: 1 }
+
+export const NotificationLink = ({
+  link,
+  onClick,
+}: {
+  link: Notification['link']
+  onClick: (_: Event | SyntheticEvent) => void
+}): ReactElement | null => {
+  if (!link) {
+    return null
+  }
+
+  const LinkWrapper = ({ children }: React.PropsWithChildren) =>
+    'href' in link ? (
+      <NextLink href={link.href} passHref legacyBehavior>
+        {children}
+      </NextLink>
+    ) : (
+      <Box display="flex">{children}</Box>
+    )
+
+  const handleClick = (event: SyntheticEvent) => {
+    if ('onClick' in link) {
+      link.onClick()
+    }
+    onClick(event)
+  }
+
+  const isExternal =
+    'href' in link &&
+    (typeof link.href === 'string' ? !isRelativeUrl(link.href) : !!(link.href.host || link.href.hostname))
+
+  return (
+    <Track {...OVERVIEW_EVENTS.NOTIFICATION_INTERACTION} label={link.title} as="span">
+      <LinkWrapper>
+        <Link
+          className={css.link}
+          onClick={handleClick}
+          sx={{ cursor: 'pointer' }}
+          {...(isExternal && { target: '_blank', rel: 'noopener noreferrer' })}
+        >
+          {link.title}
+          <ChevronRightIcon />
+        </Link>
+      </LinkWrapper>
+    </Track>
+  )
+}
+
+const Toast = ({
+  title,
+  message,
+  detailedMessage,
+  variant,
+  link,
+  onClose,
+  id,
+}: {
+  variant: AlertColor
+  onClose: () => void
+} & Notification) => {
+  const dispatch = useAppDispatch()
+
+  const handleClose = (_: Event | SyntheticEvent, reason?: SnackbarCloseReason) => {
+    if (reason === 'clickaway') return
+
+    // Manually closed
+    if (!reason) {
+      dispatch(readNotification({ id }))
+    }
+
+    onClose()
+  }
+
+  const autoHideDuration = variant === 'info' || variant === 'success' ? 5000 : undefined
+
+  return (
+    <Snackbar open onClose={handleClose} sx={toastStyle} autoHideDuration={autoHideDuration}>
+      <Alert severity={variant} onClose={handleClose} elevation={3} sx={{ width: '340px' }}>
+        {title && (
+          <Typography variant="body2" fontWeight="700">
+            {title}
+          </Typography>
+        )}
+
+        {message}
+
+        {detailedMessage && (
+          <details>
+            <Link component="summary">Details</Link>
+            <pre>{detailedMessage}</pre>
+          </details>
+        )}
+        <NotificationLink link={link} onClick={handleClose} />
+      </Alert>
+    </Snackbar>
+  )
+}
+
+const getVisibleNotifications = (notifications: Notification[]) => {
+  return notifications.filter((notification) => !notification.isDismissed)
+}
+
+const Notifications = (): ReactElement | null => {
+  const notifications = useAppSelector(selectNotifications)
+  const dispatch = useAppDispatch()
+
+  const visible = getVisibleNotifications(notifications)
+
+  const visibleItems = visible.length
+
+  const handleClose = useCallback(
+    (item: Notification) => {
+      dispatch(closeNotification(item))
+      item.onClose?.()
+    },
+    [dispatch],
+  )
+
+  // Close previous notifications in the same group
+  useEffect(() => {
+    const groups: Record<string, Notification[]> = groupBy(notifications, 'groupKey')
+
+    Object.values(groups).forEach((items) => {
+      const previous = getVisibleNotifications(items).slice(0, -1)
+      previous.forEach(handleClose)
+    })
+  }, [notifications, handleClose])
+
+  if (visibleItems === 0) {
+    return null
+  }
+
+  return (
+    <div className={css.container}>
+      {visible.map((item) => (
+        <div className={css.row} key={item.id}>
+          <Toast {...item} onClose={() => handleClose(item)} />
+        </div>
+      ))}
+    </div>
+  )
+}
+
+export default Notifications
diff --git a/src/components/common/Notifications/styles.module.css b/apps/web/src/components/common/Notifications/styles.module.css
similarity index 100%
rename from src/components/common/Notifications/styles.module.css
rename to apps/web/src/components/common/Notifications/styles.module.css
diff --git a/src/components/common/Notifications/useCounter.ts b/apps/web/src/components/common/Notifications/useCounter.ts
similarity index 100%
rename from src/components/common/Notifications/useCounter.ts
rename to apps/web/src/components/common/Notifications/useCounter.ts
diff --git a/src/components/common/NumberField/index.test.ts b/apps/web/src/components/common/NumberField/index.test.ts
similarity index 100%
rename from src/components/common/NumberField/index.test.ts
rename to apps/web/src/components/common/NumberField/index.test.ts
diff --git a/src/components/common/NumberField/index.tsx b/apps/web/src/components/common/NumberField/index.tsx
similarity index 100%
rename from src/components/common/NumberField/index.tsx
rename to apps/web/src/components/common/NumberField/index.tsx
diff --git a/src/components/common/OnboardingTooltip/__tests__/OnboardingTooltip.test.tsx b/apps/web/src/components/common/OnboardingTooltip/__tests__/OnboardingTooltip.test.tsx
similarity index 100%
rename from src/components/common/OnboardingTooltip/__tests__/OnboardingTooltip.test.tsx
rename to apps/web/src/components/common/OnboardingTooltip/__tests__/OnboardingTooltip.test.tsx
diff --git a/apps/web/src/components/common/OnboardingTooltip/index.tsx b/apps/web/src/components/common/OnboardingTooltip/index.tsx
new file mode 100644
index 000000000..459ff786a
--- /dev/null
+++ b/apps/web/src/components/common/OnboardingTooltip/index.tsx
@@ -0,0 +1,60 @@
+import type { ReactElement } from 'react'
+import useLocalStorage from '@/services/local-storage/useLocalStorage'
+import type { TooltipProps } from '@mui/material'
+import { Box, Button, SvgIcon, Tooltip } from '@mui/material'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import { useDarkMode } from '@/hooks/useDarkMode'
+
+/**
+ * The OnboardingTooltip renders a sticky Tooltip with an arrow pointing towards the wrapped component.
+ * This Tooltip contains a button to hide it. This decision will be stored in the local storage such that the OnboardingTooltip will only popup until clicked away once.
+ */
+export const OnboardingTooltip = ({
+  children,
+  widgetLocalStorageId,
+  text,
+  initiallyShown = true,
+  className,
+  placement,
+}: {
+  children: ReactElement // NB: this has to be an actual HTML element, otherwise the Tooltip will not work
+  widgetLocalStorageId: string
+  text: string | ReactElement
+  initiallyShown?: boolean
+  className?: string
+  placement?: TooltipProps['placement']
+}): ReactElement => {
+  const [widgetHidden = !initiallyShown, setWidgetHidden] = useLocalStorage<boolean>(widgetLocalStorageId)
+  const isDarkMode = useDarkMode()
+
+  return widgetHidden || !text ? (
+    children
+  ) : (
+    <Tooltip
+      PopperProps={{
+        className,
+        disablePortal: true,
+      }}
+      open
+      placement={placement}
+      arrow
+      title={
+        <Box display="flex" alignItems="center" gap={1} p={1}>
+          <SvgIcon component={InfoIcon} inheritViewBox fontSize="small" />
+          <div style={{ minWidth: '150px' }}>{text}</div>
+          <Button
+            size="small"
+            color={isDarkMode ? 'background' : 'secondary'}
+            variant="text"
+            sx={{ whiteSpace: 'nowrap' }}
+            onClick={() => setWidgetHidden(true)}
+          >
+            Got it!
+          </Button>
+        </Box>
+      }
+    >
+      {children}
+    </Tooltip>
+  )
+}
diff --git a/apps/web/src/components/common/OnlyOwner/index.tsx b/apps/web/src/components/common/OnlyOwner/index.tsx
new file mode 100644
index 000000000..fdc122688
--- /dev/null
+++ b/apps/web/src/components/common/OnlyOwner/index.tsx
@@ -0,0 +1,40 @@
+import { useMemo, type ReactElement } from 'react'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import useWallet from '@/hooks/wallets/useWallet'
+import useConnectWallet from '../ConnectWallet/useConnectWallet'
+import { Tooltip } from '@mui/material'
+
+type CheckWalletProps = {
+  children: (ok: boolean) => ReactElement
+}
+
+enum Message {
+  WalletNotConnected = 'Please connect your wallet',
+  NotSafeOwner = 'Your connected wallet is not a signer of this Safe Account',
+}
+
+const OnlyOwner = ({ children }: CheckWalletProps): ReactElement => {
+  const wallet = useWallet()
+  const isSafeOwner = useIsSafeOwner()
+  const connectWallet = useConnectWallet()
+
+  const message = useMemo(() => {
+    if (!wallet) {
+      return Message.WalletNotConnected
+    }
+
+    if (!isSafeOwner) {
+      return Message.NotSafeOwner
+    }
+  }, [isSafeOwner, wallet])
+
+  if (!message) return children(true)
+
+  return (
+    <Tooltip title={message}>
+      <span onClick={wallet ? undefined : connectWallet}>{children(false)}</span>
+    </Tooltip>
+  )
+}
+
+export default OnlyOwner
diff --git a/src/components/common/PageHeader/index.tsx b/apps/web/src/components/common/PageHeader/index.tsx
similarity index 100%
rename from src/components/common/PageHeader/index.tsx
rename to apps/web/src/components/common/PageHeader/index.tsx
diff --git a/src/components/common/PageHeader/styles.module.css b/apps/web/src/components/common/PageHeader/styles.module.css
similarity index 100%
rename from src/components/common/PageHeader/styles.module.css
rename to apps/web/src/components/common/PageHeader/styles.module.css
diff --git a/src/components/common/PageLayout/SideDrawer.tsx b/apps/web/src/components/common/PageLayout/SideDrawer.tsx
similarity index 84%
rename from src/components/common/PageLayout/SideDrawer.tsx
rename to apps/web/src/components/common/PageLayout/SideDrawer.tsx
index b96686f19..b89589b7e 100644
--- a/src/components/common/PageLayout/SideDrawer.tsx
+++ b/apps/web/src/components/common/PageLayout/SideDrawer.tsx
@@ -1,3 +1,5 @@
+import SpaceSidebar from 'src/features/spaces/components/SpaceSidebar'
+import { useIsSpaceRoute } from '@/hooks/useIsSpaceRoute'
 import { useRouter } from 'next/router'
 import { useEffect, type ReactElement } from 'react'
 import { IconButton, Drawer, useMediaQuery } from '@mui/material'
@@ -20,6 +22,8 @@ const SideDrawer = ({ isOpen, onToggle }: SideDrawerProps): ReactElement => {
   const { breakpoints } = useTheme()
   const isSmallScreen = useMediaQuery(breakpoints.down('md'))
   const [, isSafeAppRoute] = useIsSidebarRoute()
+  const isSpaceRoute = useIsSpaceRoute()
+
   const showSidebarToggle = isSafeAppRoute && !isSmallScreen
   // Keep the sidebar hidden on small screens via CSS until we collapse it via JS.
   // With a small delay to avoid flickering.
@@ -41,6 +45,8 @@ const SideDrawer = ({ isOpen, onToggle }: SideDrawerProps): ReactElement => {
     }
   }, [onToggle, router, isSmallScreen])
 
+  const SidebarComponent = isSpaceRoute ? SpaceSidebar : Sidebar
+
   return (
     <>
       <Drawer
@@ -48,10 +54,15 @@ const SideDrawer = ({ isOpen, onToggle }: SideDrawerProps): ReactElement => {
         anchor="left"
         open={isOpen}
         onClose={() => onToggle(false)}
+        sx={{
+          // fixes a bug on small screens where the drawer is not visible,
+          // but it steals all the events from the rest of the page
+          position: 'relative',
+        }}
         className={smDrawerHidden ? css.smDrawerHidden : undefined}
       >
         <aside>
-          <Sidebar />
+          <SidebarComponent />
         </aside>
       </Drawer>
 
diff --git a/apps/web/src/components/common/PageLayout/index.tsx b/apps/web/src/components/common/PageLayout/index.tsx
new file mode 100644
index 000000000..b89b5ecdd
--- /dev/null
+++ b/apps/web/src/components/common/PageLayout/index.tsx
@@ -0,0 +1,53 @@
+import { useContext, useEffect, useState, type ReactElement } from 'react'
+import classnames from 'classnames'
+
+import Header from '@/components/common/Header'
+import css from './styles.module.css'
+import SafeLoadingError from '../SafeLoadingError'
+import Footer from '../Footer'
+import SideDrawer from './SideDrawer'
+import { useIsSidebarRoute } from '@/hooks/useIsSidebarRoute'
+import { TxModalContext } from '@/components/tx-flow'
+import BatchSidebar from '@/components/batch/BatchSidebar'
+import Breadcrumbs from '@/components/common/Breadcrumbs'
+
+const PageLayout = ({ pathname, children }: { pathname: string; children: ReactElement }): ReactElement => {
+  const [isSidebarRoute, isAnimated] = useIsSidebarRoute(pathname)
+  const [isSidebarOpen, setSidebarOpen] = useState<boolean>(true)
+  const [isBatchOpen, setBatchOpen] = useState<boolean>(false)
+  const { setFullWidth } = useContext(TxModalContext)
+
+  useEffect(() => {
+    setFullWidth(!isSidebarOpen)
+  }, [isSidebarOpen, setFullWidth])
+
+  return (
+    <>
+      <header className={css.header}>
+        <Header onMenuToggle={isSidebarRoute ? setSidebarOpen : undefined} onBatchToggle={setBatchOpen} />
+      </header>
+
+      {isSidebarRoute ? <SideDrawer isOpen={isSidebarOpen} onToggle={setSidebarOpen} /> : null}
+
+      <div
+        className={classnames(css.main, {
+          [css.mainNoSidebar]: !isSidebarOpen || !isSidebarRoute,
+          [css.mainAnimated]: isSidebarRoute && isAnimated,
+        })}
+      >
+        <div className={css.content}>
+          <SafeLoadingError>
+            <Breadcrumbs />
+            {children}
+          </SafeLoadingError>
+        </div>
+
+        <BatchSidebar isOpen={isBatchOpen} onToggle={setBatchOpen} />
+
+        <Footer />
+      </div>
+    </>
+  )
+}
+
+export default PageLayout
diff --git a/apps/web/src/components/common/PageLayout/styles.module.css b/apps/web/src/components/common/PageLayout/styles.module.css
new file mode 100644
index 000000000..06e20ab76
--- /dev/null
+++ b/apps/web/src/components/common/PageLayout/styles.module.css
@@ -0,0 +1,91 @@
+.header {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1201;
+  background: var(--color-background-paper);
+  padding-top: env(safe-area-inset-top);
+}
+
+.main {
+  background-color: var(--color-background-main);
+  padding-left: 230px;
+  padding-top: calc(var(--header-height) + env(safe-area-inset-top));
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.mainAnimated {
+  transition: padding 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
+}
+
+.mainNoSidebar {
+  padding-left: 0;
+}
+
+.content {
+  flex: 1;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+}
+
+.content main {
+  padding: var(--space-3);
+}
+
+.sidebarTogglePosition {
+  position: fixed;
+  z-index: 4;
+  left: 0;
+  top: 0;
+  /* mimics MUI drawer animation */
+  transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
+}
+
+.sidebarTogglePosition.sidebarOpen {
+  transform: translateX(230px);
+}
+
+.sidebarToggle {
+  height: 100vh;
+  width: var(--space-1);
+  background-color: var(--color-border-light);
+  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  cursor: pointer;
+}
+
+.sidebarToggle button {
+  position: absolute;
+  z-index: 1;
+  top: 50%;
+  left: -3px;
+  transform: translateY(-50%);
+  background-color: var(--color-border-light);
+  clip-path: inset(0 -14px 0 0);
+  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.sidebarToggle:hover,
+.sidebarToggle:hover button {
+  background-color: var(--color-background-light);
+}
+
+@media (max-width: 899.95px) {
+  .main {
+    padding-left: 0;
+  }
+
+  .smDrawerHidden {
+    display: none;
+  }
+}
+
+@media (max-width: 599.95px) {
+  .main main {
+    padding: var(--space-2);
+  }
+}
diff --git a/src/components/common/PagePlaceholder/index.tsx b/apps/web/src/components/common/PagePlaceholder/index.tsx
similarity index 100%
rename from src/components/common/PagePlaceholder/index.tsx
rename to apps/web/src/components/common/PagePlaceholder/index.tsx
diff --git a/src/components/common/PagePlaceholder/styles.module.css b/apps/web/src/components/common/PagePlaceholder/styles.module.css
similarity index 100%
rename from src/components/common/PagePlaceholder/styles.module.css
rename to apps/web/src/components/common/PagePlaceholder/styles.module.css
diff --git a/src/components/common/PaginatedTxns/SkeletonTxList.tsx b/apps/web/src/components/common/PaginatedTxns/SkeletonTxList.tsx
similarity index 100%
rename from src/components/common/PaginatedTxns/SkeletonTxList.tsx
rename to apps/web/src/components/common/PaginatedTxns/SkeletonTxList.tsx
diff --git a/src/components/common/PaginatedTxns/index.tsx b/apps/web/src/components/common/PaginatedTxns/index.tsx
similarity index 100%
rename from src/components/common/PaginatedTxns/index.tsx
rename to apps/web/src/components/common/PaginatedTxns/index.tsx
diff --git a/apps/web/src/components/common/PaperViewToggle/index.tsx b/apps/web/src/components/common/PaperViewToggle/index.tsx
new file mode 100644
index 000000000..05894ff34
--- /dev/null
+++ b/apps/web/src/components/common/PaperViewToggle/index.tsx
@@ -0,0 +1,55 @@
+import type { ReactNode } from 'react'
+import React, { useCallback, useRef, useState } from 'react'
+import { Paper, Stack } from '@mui/material'
+import { ToggleButtonGroup } from '@/components/common/ToggleButtonGroup'
+
+type PaperViewToggleProps = {
+  children: {
+    title: ReactNode
+    content: ReactNode
+  }[]
+  activeView?: number
+  leftAlign?: boolean
+}
+
+export const PaperViewToggle = ({ children, leftAlign, activeView = 0 }: PaperViewToggleProps) => {
+  const [active, setActive] = useState(activeView)
+  // Intentionally using undefined to prevent rendering a 0px height on initial render
+  const [minHeight, setMinHeight] = useState<number>()
+  const stackRef = useRef<HTMLDivElement>(null)
+
+  const onChangeView = useCallback(
+    (index: number) => {
+      // Avoid height change when switching between views
+      setMinHeight((prev) => {
+        if (!prev && stackRef.current) {
+          return stackRef.current.offsetHeight
+        }
+        return prev
+      })
+
+      setActive(index)
+    },
+    [stackRef],
+  )
+
+  const Content = ({ index }: { index: number }) => children?.[index]?.content || null
+
+  return (
+    <Paper
+      sx={{
+        backgroundColor: 'background.main',
+        pt: 1,
+        pb: 1.5,
+      }}
+    >
+      <Stack spacing={2} height={minHeight ? `${minHeight}px` : undefined} ref={stackRef}>
+        <Stack direction={leftAlign ? 'row' : 'row-reverse'} justifyContent="space-between" px={2} py={1}>
+          <ToggleButtonGroup onChange={onChangeView}>{children}</ToggleButtonGroup>
+        </Stack>
+
+        <Content index={active} />
+      </Stack>
+    </Paper>
+  )
+}
diff --git a/src/components/common/Popup/index.tsx b/apps/web/src/components/common/Popup/index.tsx
similarity index 100%
rename from src/components/common/Popup/index.tsx
rename to apps/web/src/components/common/Popup/index.tsx
diff --git a/src/components/common/ProgressBar/index.tsx b/apps/web/src/components/common/ProgressBar/index.tsx
similarity index 100%
rename from src/components/common/ProgressBar/index.tsx
rename to apps/web/src/components/common/ProgressBar/index.tsx
diff --git a/apps/web/src/components/common/ProgressBar/styles.module.css b/apps/web/src/components/common/ProgressBar/styles.module.css
new file mode 100644
index 000000000..ae10c5281
--- /dev/null
+++ b/apps/web/src/components/common/ProgressBar/styles.module.css
@@ -0,0 +1,20 @@
+.progressBar {
+  height: 6px;
+  border-radius: 6px;
+  background-color: var(--color-border-light);
+}
+
+.progressBar :global .MuiLinearProgress-bar {
+  background: var(--color-primary-main);
+  border-radius: 6px;
+}
+
+[data-theme='light'] .progressBar :global .MuiLinearProgress-bar {
+  background: var(--color-secondary-main);
+}
+
+@media (max-width: 599.95px) {
+  .progressBar {
+    border-radius: 0;
+  }
+}
diff --git a/src/components/common/QRCode/index.tsx b/apps/web/src/components/common/QRCode/index.tsx
similarity index 100%
rename from src/components/common/QRCode/index.tsx
rename to apps/web/src/components/common/QRCode/index.tsx
diff --git a/apps/web/src/components/common/SafeIcon/index.tsx b/apps/web/src/components/common/SafeIcon/index.tsx
new file mode 100644
index 000000000..752041a58
--- /dev/null
+++ b/apps/web/src/components/common/SafeIcon/index.tsx
@@ -0,0 +1,60 @@
+import type { ReactElement } from 'react'
+import { Box, Skeleton } from '@mui/material'
+
+import css from './styles.module.css'
+import Identicon, { type IdenticonProps } from '../Identicon'
+import { useChain } from '@/hooks/useChains'
+
+interface ThresholdProps {
+  threshold: number | string
+  owners: number | string
+}
+const Threshold = ({ threshold, owners }: ThresholdProps): ReactElement => (
+  <Box className={css.threshold} sx={{ color: ({ palette }) => palette.static.main }}>
+    {threshold}/{owners}
+  </Box>
+)
+
+interface SafeIconProps extends IdenticonProps {
+  threshold?: ThresholdProps['threshold']
+  owners?: ThresholdProps['owners']
+  size?: number
+  chainId?: string
+  isMultiChainItem?: boolean
+}
+
+export const ChainIcon = ({ chainId }: { chainId: string }) => {
+  const chainConfig = useChain(chainId)
+
+  if (!chainConfig) {
+    return <Skeleton variant="circular" width={40} height={40} />
+  }
+
+  return (
+    <img
+      src={chainConfig.chainLogoUri ?? undefined}
+      alt={`${chainConfig.chainName} Logo`}
+      width={40}
+      height={40}
+      loading="lazy"
+    />
+  )
+}
+
+const SafeIcon = ({
+  address,
+  threshold,
+  owners,
+  size,
+  chainId,
+  isMultiChainItem = false,
+}: SafeIconProps): ReactElement => {
+  return (
+    <div data-testid="safe-icon" className={css.container}>
+      {threshold && owners ? <Threshold threshold={threshold} owners={owners} /> : null}
+      {isMultiChainItem && chainId ? <ChainIcon chainId={chainId} /> : <Identicon address={address} size={size} />}
+    </div>
+  )
+}
+
+export default SafeIcon
diff --git a/src/components/common/SafeIcon/styles.module.css b/apps/web/src/components/common/SafeIcon/styles.module.css
similarity index 100%
rename from src/components/common/SafeIcon/styles.module.css
rename to apps/web/src/components/common/SafeIcon/styles.module.css
diff --git a/src/components/common/SafeLoadingError/index.tsx b/apps/web/src/components/common/SafeLoadingError/index.tsx
similarity index 100%
rename from src/components/common/SafeLoadingError/index.tsx
rename to apps/web/src/components/common/SafeLoadingError/index.tsx
diff --git a/apps/web/src/components/common/SafeTokenWidget/__tests__/SafeTokenWidget.test.tsx b/apps/web/src/components/common/SafeTokenWidget/__tests__/SafeTokenWidget.test.tsx
new file mode 100644
index 000000000..7c8392819
--- /dev/null
+++ b/apps/web/src/components/common/SafeTokenWidget/__tests__/SafeTokenWidget.test.tsx
@@ -0,0 +1,74 @@
+import * as nextNav from 'next/navigation'
+import useChainId from '@/hooks/useChainId'
+import { render, waitFor } from '@/tests/test-utils'
+import SafeTokenWidget from '..'
+import { toBeHex } from 'ethers'
+import { AppRoutes } from '@/config/routes'
+import useSafeTokenAllocation, { useSafeVotingPower } from '@/hooks/useSafeTokenAllocation'
+import * as safePass from '@/store/api/safePass'
+
+jest.mock('@/hooks/useChainId')
+
+jest.mock('@/hooks/useSafeTokenAllocation')
+
+describe('SafeTokenWidget', () => {
+  const fakeSafeAddress = toBeHex('0x1', 20)
+  beforeEach(() => {
+    jest.restoreAllMocks()
+    jest.spyOn(nextNav, 'useSearchParams').mockImplementation(
+      () =>
+        ({
+          get: () => fakeSafeAddress,
+        }) as any,
+    )
+
+    jest.spyOn(safePass, 'useGetOwnGlobalCampaignRankQuery').mockReturnValue({
+      data: undefined,
+      isLoading: false,
+      refetch: jest.fn(),
+    })
+    ;(useChainId as jest.Mock).mockImplementation(jest.fn(() => '1'))
+  })
+
+  it('Should render nothing for unsupported chains', () => {
+    ;(useChainId as jest.Mock).mockImplementation(jest.fn(() => '100'))
+    ;(useSafeTokenAllocation as jest.Mock).mockImplementation(() => [[], , false])
+    ;(useSafeVotingPower as jest.Mock).mockImplementation(() => [BigInt(0), , false])
+
+    const result = render(<SafeTokenWidget />)
+    expect(result.baseElement).toContainHTML('<body><div /></body>')
+  })
+
+  it('Should display 0 if Safe has no SAFE token', async () => {
+    ;(useSafeTokenAllocation as jest.Mock).mockImplementation(() => [[], , false])
+    ;(useSafeVotingPower as jest.Mock).mockImplementation(() => [BigInt(0), , false])
+
+    const result = render(<SafeTokenWidget />)
+    await waitFor(() => expect(result.baseElement).toHaveTextContent('0'))
+  })
+
+  it('Should display the value formatted correctly', async () => {
+    ;(useSafeTokenAllocation as jest.Mock).mockImplementation(() => [[], , false])
+    ;(useSafeVotingPower as jest.Mock).mockImplementation(() => [BigInt('472238796133701648384'), , false])
+
+    const result = render(<SafeTokenWidget />)
+    await waitFor(() => {
+      expect(result.baseElement).toHaveTextContent('472')
+      expect(result.baseElement).not.toHaveTextContent('472.2')
+    })
+  })
+
+  it('Should render a link to the governance app', async () => {
+    ;(useSafeTokenAllocation as jest.Mock).mockImplementation(() => [[], , false])
+    ;(useSafeVotingPower as jest.Mock).mockImplementation(() => [BigInt(420000), , false])
+
+    const result = render(<SafeTokenWidget />)
+    await waitFor(() => {
+      expect(result.baseElement).toContainHTML(
+        `href="${AppRoutes.apps.open}?safe=${fakeSafeAddress}&appUrl=${encodeURIComponent(
+          'https://safe-dao-governance.dev.5afe.dev',
+        )}`,
+      )
+    })
+  })
+})
diff --git a/apps/web/src/components/common/SafeTokenWidget/index.tsx b/apps/web/src/components/common/SafeTokenWidget/index.tsx
new file mode 100644
index 000000000..9427be0b0
--- /dev/null
+++ b/apps/web/src/components/common/SafeTokenWidget/index.tsx
@@ -0,0 +1,111 @@
+import UnreadBadge from '@/components/common/UnreadBadge'
+import { IS_PRODUCTION, SAFE_TOKEN_ADDRESSES, SAFE_LOCKING_ADDRESS } from '@/config/constants'
+import { AppRoutes } from '@/config/routes'
+import useChainId from '@/hooks/useChainId'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import type { Vesting } from '@/hooks/useSafeTokenAllocation'
+import useSafeTokenAllocation, { useSafeVotingPower } from '@/hooks/useSafeTokenAllocation'
+import { OVERVIEW_EVENTS } from '@/services/analytics'
+import { formatVisualAmount } from '@safe-global/utils/utils/formatters'
+import { Box, ButtonBase, Skeleton, Tooltip, Typography } from '@mui/material'
+import Link from 'next/link'
+import { useSearchParams } from 'next/navigation'
+import Track from '../Track'
+import SafeTokenIcon from '@/public/images/common/safe-token.svg'
+import css from './styles.module.css'
+import { useSanctionedAddress } from '@/hooks/useSanctionedAddress'
+
+const TOKEN_DECIMALS = 18
+
+const canRedeemSAPUnboostedAllocation = (allocation?: Vesting[]): boolean => {
+  const sapUnboostedAllocation = allocation?.find(({ tag }) => tag === 'sap_unboosted')
+
+  if (!sapUnboostedAllocation) {
+    return false
+  }
+
+  return !sapUnboostedAllocation.isRedeemed && !sapUnboostedAllocation.isExpired
+}
+
+const SAP_REDEEM_DEADLINE = '06.12.2025'
+
+export const getSafeTokenAddress = (chainId: string): string | undefined => {
+  return SAFE_TOKEN_ADDRESSES[chainId]
+}
+
+export const getSafeLockingAddress = (chainId: string): string | undefined => {
+  return SAFE_LOCKING_ADDRESS[chainId]
+}
+
+const GOVERNANCE_APP_URL = IS_PRODUCTION ? 'https://community.safe.global' : 'https://safe-dao-governance.dev.5afe.dev'
+
+const SafeTokenWidget = () => {
+  const chainId = useChainId()
+  const query = useSearchParams()
+  const isSafeOwner = useIsSafeOwner()
+
+  const [allocationData, , allocationDataLoading] = useSafeTokenAllocation()
+  const [allocation, , allocationLoading] = useSafeVotingPower(allocationData)
+
+  const sanctionedAddress = useSanctionedAddress()
+
+  const tokenAddress = getSafeTokenAddress(chainId)
+  if (!tokenAddress || Boolean(sanctionedAddress)) {
+    return null
+  }
+
+  const url = {
+    pathname: AppRoutes.apps.open,
+    query: { safe: query?.get('safe'), appUrl: GOVERNANCE_APP_URL },
+  }
+
+  const flooredSafeBalance = formatVisualAmount(allocation || BigInt(0), TOKEN_DECIMALS, 0)
+  const canRedeemSAPUnboosted = canRedeemSAPUnboostedAllocation(allocationData) && isSafeOwner
+
+  return (
+    <Box className={css.container}>
+      <Tooltip
+        title={
+          url
+            ? canRedeemSAPUnboosted
+              ? `Redeem your allocation before ${SAP_REDEEM_DEADLINE} to be eligible!`
+              : 'Go to Safe{DAO} Governance'
+            : ''
+        }
+      >
+        <span>
+          <Track {...OVERVIEW_EVENTS.SAFE_TOKEN_WIDGET}>
+            <Link href={url} passHref legacyBehavior>
+              <ButtonBase aria-describedby="safe-token-widget" className={css.tokenButton} disabled={url === undefined}>
+                <SafeTokenIcon width={24} height={24} />
+                <Typography
+                  component="div"
+                  variant="body2"
+                  lineHeight={1}
+                  // Badge does not accept className so must be here
+                  className={css.allocationBadge}
+                >
+                  <UnreadBadge
+                    invisible={!canRedeemSAPUnboosted}
+                    anchorOrigin={{
+                      vertical: 'bottom',
+                      horizontal: 'right',
+                    }}
+                  >
+                    {allocationDataLoading || allocationLoading ? (
+                      <Skeleton width="16px" animation="wave" />
+                    ) : (
+                      flooredSafeBalance
+                    )}
+                  </UnreadBadge>
+                </Typography>
+              </ButtonBase>
+            </Link>
+          </Track>
+        </span>
+      </Tooltip>
+    </Box>
+  )
+}
+
+export default SafeTokenWidget
diff --git a/src/components/common/SafeTokenWidget/styles.module.css b/apps/web/src/components/common/SafeTokenWidget/styles.module.css
similarity index 100%
rename from src/components/common/SafeTokenWidget/styles.module.css
rename to apps/web/src/components/common/SafeTokenWidget/styles.module.css
diff --git a/src/components/common/SpendingLimitLabel/index.tsx b/apps/web/src/components/common/SpendingLimitLabel/index.tsx
similarity index 100%
rename from src/components/common/SpendingLimitLabel/index.tsx
rename to apps/web/src/components/common/SpendingLimitLabel/index.tsx
diff --git a/apps/web/src/components/common/SplitMenuButton/index.tsx b/apps/web/src/components/common/SplitMenuButton/index.tsx
new file mode 100644
index 000000000..35e6f93cc
--- /dev/null
+++ b/apps/web/src/components/common/SplitMenuButton/index.tsx
@@ -0,0 +1,141 @@
+import { useEffect, useMemo, useRef, useState, type SyntheticEvent } from 'react'
+import Button from '@mui/material/Button'
+import ButtonGroup from '@mui/material/ButtonGroup'
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown'
+import MenuItem from '@mui/material/MenuItem'
+import MenuList from '@mui/material/MenuList'
+import { Box, CircularProgress, ListItemText, Popover, Tooltip } from '@mui/material'
+import CheckIcon from '@mui/icons-material/Check'
+
+type Option = {
+  id: string
+  label?: string
+}
+
+export default function SplitMenuButton({
+  options,
+  disabled = false,
+  tooltip,
+  onClick,
+  onChange,
+  selected,
+  disabledIndex,
+  loading = false,
+}: {
+  options: Option[]
+  disabled?: boolean
+  tooltip?: string
+  onClick?: (option: Option, e: SyntheticEvent) => void
+  onChange?: (option: Option) => void
+  selected?: Option['id']
+  disabledIndex?: number
+  loading?: boolean
+}) {
+  const [open, setOpen] = useState(false)
+  const anchorRef = useRef<HTMLDivElement>(null)
+  const [selectedIndex, setSelectedIndex] = useState(0)
+
+  useEffect(() => {
+    if (selected) {
+      const index = options.findIndex((option) => option.id === selected)
+      if (index !== -1) {
+        setSelectedIndex(index)
+      }
+    }
+  }, [selected, options])
+
+  const handleClick = (e: SyntheticEvent) => {
+    onClick?.(options[selectedIndex], e)
+  }
+
+  const handleMenuItemClick = (e: React.MouseEvent<HTMLLIElement, MouseEvent>, index: number) => {
+    e.preventDefault()
+
+    if (index !== selectedIndex) {
+      setSelectedIndex(index)
+      onChange?.(options[index])
+    }
+
+    setOpen(false)
+  }
+
+  const handleToggle = () => {
+    setOpen((prevOpen) => !prevOpen)
+  }
+
+  const handleClose = (event: Event) => {
+    if (anchorRef.current && anchorRef.current.contains(event.target as HTMLElement)) {
+      return
+    }
+
+    setOpen(false)
+  }
+
+  const { label, id } = useMemo(() => options[selectedIndex] || {}, [options, selectedIndex])
+  const maxCharLen = Math.max(...options.map(({ id, label }) => (label || id).length)) + 2
+
+  return (
+    <>
+      <ButtonGroup variant="contained" ref={anchorRef} aria-label="Button group with a nested menu" fullWidth>
+        <Tooltip title={tooltip} placement="top">
+          <Box flex={1}>
+            <Button
+              data-testid={`combo-submit-${id}`}
+              onClick={handleClick}
+              type="submit"
+              disabled={disabled}
+              sx={{ minWidth: `${maxCharLen}ch !important` }}
+            >
+              {loading ? <CircularProgress size={20} /> : label || id}
+            </Button>
+          </Box>
+        </Tooltip>
+
+        {options.length > 1 && (
+          <Button
+            size="small"
+            aria-expanded={open ? 'true' : undefined}
+            aria-label="select action"
+            aria-haspopup="menu"
+            onClick={handleToggle}
+            disabled={loading}
+            data-testid="combo-submit-dropdown"
+            sx={{ minWidth: '0 !important', maxWidth: 48, px: 1.5 }}
+          >
+            <ArrowDropDownIcon />
+          </Button>
+        )}
+      </ButtonGroup>
+
+      <Popover
+        open={open}
+        anchorEl={anchorRef.current}
+        onClose={handleClose}
+        anchorOrigin={{
+          vertical: 'bottom',
+          horizontal: 'right',
+        }}
+        transformOrigin={{ horizontal: 'right', vertical: -2 }}
+        slotProps={{
+          root: { slotProps: { backdrop: { sx: { backgroundColor: 'transparent' } } } },
+        }}
+        data-testid="combo-submit-popover"
+      >
+        <MenuList autoFocusItem>
+          {options.map((option, index) => (
+            <MenuItem
+              key={option.id}
+              selected={index === selectedIndex}
+              disabled={disabledIndex === index}
+              onClick={(event) => handleMenuItemClick(event, index)}
+              sx={{ gap: 2 }}
+            >
+              <ListItemText>{option.label || option.id}</ListItemText>
+              {index === selectedIndex ? <CheckIcon /> : <Box sx={{ width: 24 }} />}
+            </MenuItem>
+          ))}
+        </MenuList>
+      </Popover>
+    </>
+  )
+}
diff --git a/apps/web/src/components/common/Sticky/index.tsx b/apps/web/src/components/common/Sticky/index.tsx
new file mode 100644
index 000000000..8f8433d5c
--- /dev/null
+++ b/apps/web/src/components/common/Sticky/index.tsx
@@ -0,0 +1,19 @@
+import { Box } from '@mui/material'
+import type { ReactElement } from 'react'
+
+const stickyTop = { xs: '103px', md: '111px' }
+export const Sticky = ({ children }: { children: ReactElement }): ReactElement => (
+  <Box
+    sx={{
+      position: 'sticky',
+      zIndex: '1',
+      top: stickyTop,
+      py: 1,
+      bgcolor: 'background.main',
+      mt: -1,
+      mb: 1,
+    }}
+  >
+    {children}
+  </Box>
+)
diff --git a/src/components/common/Table/DataRow.stories.tsx b/apps/web/src/components/common/Table/DataRow.stories.tsx
similarity index 100%
rename from src/components/common/Table/DataRow.stories.tsx
rename to apps/web/src/components/common/Table/DataRow.stories.tsx
diff --git a/apps/web/src/components/common/Table/DataRow.tsx b/apps/web/src/components/common/Table/DataRow.tsx
new file mode 100644
index 000000000..f1e68b208
--- /dev/null
+++ b/apps/web/src/components/common/Table/DataRow.tsx
@@ -0,0 +1,21 @@
+import type { ReactElement, ReactNode } from 'react'
+import { Typography } from '@mui/material'
+import FieldsGrid from '@/components/tx/FieldsGrid'
+
+type DataRowProps = {
+  datatestid?: string
+  title: ReactNode
+  children?: ReactNode
+}
+
+export const DataRow = ({ datatestid, title, children }: DataRowProps): ReactElement | null => {
+  if (children == undefined) return null
+
+  return (
+    <FieldsGrid testId={datatestid || ''} title={title}>
+      <Typography variant="body1" component="div">
+        {children}
+      </Typography>
+    </FieldsGrid>
+  )
+}
diff --git a/src/components/common/Table/DataTable.stories.tsx b/apps/web/src/components/common/Table/DataTable.stories.tsx
similarity index 100%
rename from src/components/common/Table/DataTable.stories.tsx
rename to apps/web/src/components/common/Table/DataTable.stories.tsx
diff --git a/src/components/common/Table/DataTable.tsx b/apps/web/src/components/common/Table/DataTable.tsx
similarity index 90%
rename from src/components/common/Table/DataTable.tsx
rename to apps/web/src/components/common/Table/DataTable.tsx
index 8d06bfb3f..33b3781c7 100644
--- a/src/components/common/Table/DataTable.tsx
+++ b/apps/web/src/components/common/Table/DataTable.tsx
@@ -9,7 +9,11 @@ type DataTableProps = {
 
 export const DataTable = ({ header, rows }: DataTableProps): ReactElement | null => {
   return (
-    <Stack gap="4px">
+    <Stack
+      sx={{
+        gap: '4px',
+      }}
+    >
       {header && (
         <Typography variant="body1">
           <b>{header}</b>
diff --git a/src/components/common/Table/EmptyRow.tsx b/apps/web/src/components/common/Table/EmptyRow.tsx
similarity index 100%
rename from src/components/common/Table/EmptyRow.tsx
rename to apps/web/src/components/common/Table/EmptyRow.tsx
diff --git a/apps/web/src/components/common/Table/styles.module.css b/apps/web/src/components/common/Table/styles.module.css
new file mode 100644
index 000000000..33e2c2fd9
--- /dev/null
+++ b/apps/web/src/components/common/Table/styles.module.css
@@ -0,0 +1,56 @@
+.gridRow {
+  display: grid;
+  grid-template-columns: 25% auto;
+  gap: var(--space-1);
+  justify-content: flex-start;
+  max-width: 900px;
+  overflow-x: auto;
+  margin-top: 4px;
+}
+
+.gridRow:first-of-type {
+  margin-bottom: 0;
+}
+
+.gridEmptyRow {
+  display: grid;
+  grid-template-columns: 35% auto;
+  gap: var(--space-1);
+  justify-content: flex-start;
+  max-width: 900px;
+  margin-top: var(--space-1);
+  margin-bottom: var(--space-1);
+  border-top: 1px solid var(--color-border-light);
+}
+
+.title {
+  color: var(--color-primary-light);
+  font-weight: 400;
+  word-break: break-all;
+}
+
+.title span:nth-child(2) {
+  word-break: normal;
+}
+
+.gridRow > * {
+  flex-shrink: 0;
+}
+
+.valueWrapper {
+  min-width: 50%;
+  flex-shrink: 0;
+}
+
+.rawData {
+  display: flex;
+  align-items: center;
+}
+
+@media (max-width: 599.95px) {
+  .gridRow {
+    grid-template-columns: 1fr;
+    gap: 0;
+    margin-top: var(--space-1);
+  }
+}
diff --git a/apps/web/src/components/common/ToggleButtonGroup/index.tsx b/apps/web/src/components/common/ToggleButtonGroup/index.tsx
new file mode 100644
index 000000000..364050123
--- /dev/null
+++ b/apps/web/src/components/common/ToggleButtonGroup/index.tsx
@@ -0,0 +1,70 @@
+import type { ReactNode, ReactElement } from 'react'
+import React from 'react'
+import {
+  ToggleButtonGroup as MuiToggleButtonGroup,
+  ToggleButton,
+  toggleButtonGroupClasses,
+  styled,
+  svgIconClasses,
+  Box,
+} from '@mui/material'
+
+// @ts-ignore
+const StyledMuiToggleButtonGroup = styled(MuiToggleButtonGroup)(({ theme }) => ({
+  '&': {
+    backgroundColor: theme.palette.background.paper,
+  },
+  [`& .${toggleButtonGroupClasses.grouped}`]: {
+    margin: theme.spacing(0.5),
+    padding: theme.spacing(0.5),
+    border: 0,
+    borderRadius: theme.shape.borderRadius,
+    [`&.${toggleButtonGroupClasses.disabled}`]: {
+      border: 0,
+    },
+  },
+  [`& .${toggleButtonGroupClasses.middleButton},& .${toggleButtonGroupClasses.lastButton}`]: {
+    marginLeft: -1,
+    borderLeft: '1px solid transparent',
+  },
+  [`& .${svgIconClasses.root}`]: {
+    width: 16,
+    height: 16,
+  },
+}))
+
+interface ToggleButtonGroupProps {
+  value?: number
+  children: {
+    title: ReactNode
+    content: ReactNode
+  }[]
+  onChange?: (newValue: number) => void
+}
+
+export const ToggleButtonGroup = ({ value = 0, children, onChange }: ToggleButtonGroupProps): ReactElement | null => {
+  const [currentValue, setCurrentValue] = React.useState(value)
+
+  const changeView = (_: React.MouseEvent, newValue: number) => {
+    if (newValue != null) {
+      setCurrentValue(newValue)
+      onChange?.(newValue)
+    }
+  }
+
+  return (
+    <StyledMuiToggleButtonGroup
+      size="small"
+      value={currentValue}
+      exclusive
+      onChange={changeView}
+      aria-label="text alignment"
+    >
+      {children.map(({ title }, index) => (
+        <ToggleButton key={index} value={index}>
+          <Box px={1}>{title}</Box>
+        </ToggleButton>
+      ))}
+    </StyledMuiToggleButtonGroup>
+  )
+}
diff --git a/src/components/common/TokenAmount/index.stories.tsx b/apps/web/src/components/common/TokenAmount/index.stories.tsx
similarity index 100%
rename from src/components/common/TokenAmount/index.stories.tsx
rename to apps/web/src/components/common/TokenAmount/index.stories.tsx
diff --git a/src/components/common/TokenAmount/index.test.tsx b/apps/web/src/components/common/TokenAmount/index.test.tsx
similarity index 100%
rename from src/components/common/TokenAmount/index.test.tsx
rename to apps/web/src/components/common/TokenAmount/index.test.tsx
diff --git a/apps/web/src/components/common/TokenAmount/index.tsx b/apps/web/src/components/common/TokenAmount/index.tsx
new file mode 100644
index 000000000..1185a0d2c
--- /dev/null
+++ b/apps/web/src/components/common/TokenAmount/index.tsx
@@ -0,0 +1,60 @@
+import { type ReactElement } from 'react'
+import { Tooltip } from '@mui/material'
+import { TransferDirection } from '@safe-global/safe-gateway-typescript-sdk'
+import css from './styles.module.css'
+import { formatVisualAmount } from '@safe-global/utils/utils/formatters'
+import TokenIcon from '../TokenIcon'
+import classNames from 'classnames'
+
+const PRECISION = 20
+
+const TokenAmount = ({
+  value,
+  decimals,
+  logoUri,
+  tokenSymbol,
+  direction,
+  fallbackSrc,
+  preciseAmount,
+  iconSize,
+  chainId,
+}: {
+  value: string
+  decimals?: number | null
+  logoUri?: string
+  tokenSymbol?: string
+  direction?: TransferDirection
+  fallbackSrc?: string
+  preciseAmount?: boolean
+  iconSize?: number
+  chainId?: string
+}): ReactElement => {
+  const sign = direction === TransferDirection.OUTGOING ? '-' : ''
+  const amount =
+    decimals !== undefined ? formatVisualAmount(value, decimals, preciseAmount ? PRECISION : undefined) : value
+
+  const fullAmount =
+    decimals !== undefined ? sign + formatVisualAmount(value, decimals, PRECISION) + ' ' + tokenSymbol : value
+
+  return (
+    <Tooltip title={fullAmount}>
+      <span className={classNames(css.container, { [css.verticalAlign]: logoUri })}>
+        {logoUri && (
+          <TokenIcon
+            logoUri={logoUri}
+            tokenSymbol={tokenSymbol}
+            fallbackSrc={fallbackSrc}
+            size={iconSize}
+            chainId={chainId}
+          />
+        )}
+        <b className={css.tokenText}>
+          {sign}
+          {amount} {tokenSymbol}
+        </b>
+      </span>
+    </Tooltip>
+  )
+}
+
+export default TokenAmount
diff --git a/apps/web/src/components/common/TokenAmount/styles.module.css b/apps/web/src/components/common/TokenAmount/styles.module.css
new file mode 100644
index 000000000..0d83ef9bf
--- /dev/null
+++ b/apps/web/src/components/common/TokenAmount/styles.module.css
@@ -0,0 +1,17 @@
+.container {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-1);
+  color: var(--color-text-primary);
+  max-width: 100%;
+}
+
+.verticalAlign {
+  vertical-align: middle;
+}
+
+.tokenText {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
diff --git a/apps/web/src/components/common/TokenAmountInput/index.tsx b/apps/web/src/components/common/TokenAmountInput/index.tsx
new file mode 100644
index 000000000..27cc46e7a
--- /dev/null
+++ b/apps/web/src/components/common/TokenAmountInput/index.tsx
@@ -0,0 +1,164 @@
+import NumberField from '@/components/common/NumberField'
+import { AutocompleteItem } from '@/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer'
+import { safeFormatUnits, safeParseUnits } from '@safe-global/utils/utils/formatters'
+import { validateDecimalLength, validateLimitedAmount } from '@safe-global/utils/utils/validation'
+import { Button, Divider, FormControl, InputLabel, MenuItem, TextField } from '@mui/material'
+import { type SafeBalanceResponse } from '@safe-global/safe-gateway-typescript-sdk'
+import classNames from 'classnames'
+import { useCallback } from 'react'
+import { get, useFormContext } from 'react-hook-form'
+import type { FieldArrayPath, FieldValues } from 'react-hook-form'
+import css from './styles.module.css'
+import { MultiTokenTransferFields, type MultiTokenTransferParams } from '@/components/tx-flow/flows/TokenTransfer'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+
+export enum TokenAmountFields {
+  tokenAddress = 'tokenAddress',
+  amount = 'amount',
+}
+
+export const InsufficientFundsValidationError = 'Insufficient funds'
+
+const getFieldName = (field: TokenAmountFields, fieldArray?: TokenAmountInputProps['fieldArray']) =>
+  fieldArray ? `${fieldArray.name}.${fieldArray.index}.${field}` : field
+
+type TokenAmountInputProps = {
+  balances: SafeBalanceResponse['items']
+  selectedToken: SafeBalanceResponse['items'][number] | undefined
+  maxAmount?: bigint
+  validate?: (value: string) => string | undefined
+  fieldArray?: { name: FieldArrayPath<FieldValues>; index: number }
+  deps?: string[]
+}
+
+const TokenAmountInput = ({
+  balances,
+  selectedToken,
+  maxAmount,
+  validate,
+  fieldArray,
+  deps,
+}: TokenAmountInputProps) => {
+  const {
+    formState: { errors, defaultValues },
+    register,
+    resetField,
+    watch,
+    setValue,
+    trigger,
+  } = useFormContext()
+
+  const { getValues } = useFormContext<MultiTokenTransferParams>()
+
+  const tokenAddressField = getFieldName(TokenAmountFields.tokenAddress, fieldArray)
+  const amountField = getFieldName(TokenAmountFields.amount, fieldArray)
+
+  const tokenAddress = watch(tokenAddressField)
+
+  const isAmountError = !!get(errors, tokenAddressField) || !!get(errors, amountField)
+
+  const validateAmount = useCallback(
+    (value: string) => {
+      const decimals = selectedToken?.tokenInfo.decimals
+      const maxAmountString = maxAmount?.toString()
+
+      const valueValidationError =
+        validateLimitedAmount(value, decimals, maxAmountString) || validateDecimalLength(value, decimals)
+
+      if (valueValidationError) {
+        return valueValidationError
+      }
+
+      // Validate the total amount of the selected token in the multi transfer
+      const recipients = getValues(MultiTokenTransferFields.recipients)
+      const sumAmount = recipients.reduce<bigint>((acc, item) => {
+        const value = safeParseUnits(item.amount || '0', decimals) || 0n
+        return acc + (sameAddress(item.tokenAddress, tokenAddress) ? value : 0n)
+      }, 0n)
+
+      return validateLimitedAmount(sumAmount.toString(), 0, maxAmountString, InsufficientFundsValidationError)
+    },
+    [maxAmount, selectedToken?.tokenInfo.decimals, getValues, tokenAddress],
+  )
+
+  const onMaxAmountClick = useCallback(() => {
+    if (!selectedToken || maxAmount === undefined) return
+
+    setValue(amountField, safeFormatUnits(maxAmount.toString(), selectedToken.tokenInfo.decimals), {
+      shouldValidate: true,
+    })
+
+    trigger(deps)
+  }, [maxAmount, selectedToken, setValue, amountField, trigger, deps])
+
+  const onChangeToken = useCallback(() => {
+    const amountDefaultValue = get(
+      defaultValues,
+      getFieldName(TokenAmountFields.amount, fieldArray ? { ...fieldArray, index: 0 } : undefined),
+    )
+
+    resetField(amountField, amountDefaultValue)
+
+    trigger(deps)
+  }, [resetField, amountField, trigger, deps, defaultValues, fieldArray])
+
+  return (
+    <FormControl
+      data-testid="token-amount-section"
+      className={classNames(css.outline, { [css.error]: isAmountError })}
+      fullWidth
+    >
+      <InputLabel shrink required className={css.label}>
+        {get(errors, tokenAddressField)?.message?.toString() ||
+          get(errors, amountField)?.message?.toString() ||
+          'Amount'}
+      </InputLabel>
+      <div className={css.inputs}>
+        <NumberField
+          data-testid="token-amount-field"
+          variant="standard"
+          InputProps={{
+            disableUnderline: true,
+            endAdornment: maxAmount !== undefined && (
+              <Button data-testid="max-btn" className={css.max} onClick={onMaxAmountClick}>
+                Max
+              </Button>
+            ),
+          }}
+          className={css.amount}
+          required
+          placeholder="0"
+          {...register(amountField, {
+            required: true,
+            validate: validate ?? validateAmount,
+            deps,
+          })}
+        />
+        <Divider orientation="vertical" flexItem />
+        <TextField
+          data-testid="token-balance"
+          select
+          variant="standard"
+          InputProps={{
+            disableUnderline: true,
+          }}
+          className={css.select}
+          {...register(tokenAddressField, {
+            required: true,
+            onChange: onChangeToken,
+          })}
+          value={tokenAddress}
+          required
+        >
+          {balances.map((item) => (
+            <MenuItem data-testid="token-item" key={item.tokenInfo.address} value={item.tokenInfo.address}>
+              <AutocompleteItem {...item} />
+            </MenuItem>
+          ))}
+        </TextField>
+      </div>
+    </FormControl>
+  )
+}
+
+export default TokenAmountInput
diff --git a/src/components/common/TokenAmountInput/styles.module.css b/apps/web/src/components/common/TokenAmountInput/styles.module.css
similarity index 100%
rename from src/components/common/TokenAmountInput/styles.module.css
rename to apps/web/src/components/common/TokenAmountInput/styles.module.css
diff --git a/apps/web/src/components/common/TokenExplorerLink/index.tsx b/apps/web/src/components/common/TokenExplorerLink/index.tsx
new file mode 100644
index 000000000..9ee2859d7
--- /dev/null
+++ b/apps/web/src/components/common/TokenExplorerLink/index.tsx
@@ -0,0 +1,23 @@
+import { type ReactElement } from 'react'
+import ExplorerButton from '@/components/common/ExplorerButton'
+import { useCurrentChain } from '@/hooks/useChains'
+import { getBlockExplorerLink } from '@safe-global/utils/utils/chains'
+import { Typography } from '@mui/material'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+
+const ExplorerLink = ({ address }: { address: string }): ReactElement | null => {
+  const currentChain = useCurrentChain()
+  const link = currentChain
+    ? getBlockExplorerLink(currentChain, checksumAddress(address, currentChain.chainId))
+    : undefined
+
+  if (!link) return null
+
+  return (
+    <Typography component="span" color="border.main">
+      <ExplorerButton href={link.href} title={link.title} />
+    </Typography>
+  )
+}
+
+export default ExplorerLink
diff --git a/apps/web/src/components/common/TokenIcon/index.tsx b/apps/web/src/components/common/TokenIcon/index.tsx
new file mode 100644
index 000000000..a02170380
--- /dev/null
+++ b/apps/web/src/components/common/TokenIcon/index.tsx
@@ -0,0 +1,47 @@
+import { useMemo, type ReactElement } from 'react'
+import ImageFallback from '../ImageFallback'
+import css from './styles.module.css'
+import { upgradeCoinGeckoThumbToQuality } from '@safe-global/utils/utils/image'
+import { Box } from '@mui/material'
+import ChainIndicator from '../ChainIndicator'
+
+const FALLBACK_ICON = '/images/common/token-placeholder.svg'
+
+const TokenIcon = ({
+  logoUri,
+  tokenSymbol,
+  size = 26,
+  fallbackSrc,
+  chainId,
+}: {
+  logoUri?: string
+  tokenSymbol?: string
+  size?: number
+  fallbackSrc?: string
+  chainId?: string
+}): ReactElement => {
+  const src = useMemo(() => {
+    return upgradeCoinGeckoThumbToQuality(logoUri, 'small')
+  }, [logoUri])
+
+  return (
+    <Box position="relative" marginRight={chainId ? '8px' : '0px'}>
+      <ImageFallback
+        src={src}
+        alt={tokenSymbol}
+        fallbackSrc={fallbackSrc || FALLBACK_ICON}
+        height={size}
+        className={css.image}
+        referrerPolicy="no-referrer"
+        loading="lazy"
+      />
+      {chainId && (
+        <div className={css.chainIcon}>
+          <ChainIndicator chainId={chainId} onlyLogo showLogo showUnknown imageSize={size * 0.666667} />
+        </div>
+      )}
+    </Box>
+  )
+}
+
+export default TokenIcon
diff --git a/apps/web/src/components/common/TokenIcon/styles.module.css b/apps/web/src/components/common/TokenIcon/styles.module.css
new file mode 100644
index 000000000..f32ea1cec
--- /dev/null
+++ b/apps/web/src/components/common/TokenIcon/styles.module.css
@@ -0,0 +1,22 @@
+.image {
+  display: block;
+  width: auto;
+}
+
+[data-theme='dark'] .image {
+  background: var(--color-secondary-main);
+  border-radius: 4px;
+  padding: 2px;
+}
+
+.chainIcon {
+  position: absolute;
+  bottom: 0px;
+  right: -8px;
+  background-color: var(--color-background-paper);
+  border: 1px solid var(--color-border-background);
+  border-radius: 100%;
+  width: 20px;
+  height: 20px;
+  padding: 0;
+}
diff --git a/src/components/common/Track/index.tsx b/apps/web/src/components/common/Track/index.tsx
similarity index 100%
rename from src/components/common/Track/index.tsx
rename to apps/web/src/components/common/Track/index.tsx
diff --git a/apps/web/src/components/common/TxModalDialog/index.tsx b/apps/web/src/components/common/TxModalDialog/index.tsx
new file mode 100644
index 000000000..62f597867
--- /dev/null
+++ b/apps/web/src/components/common/TxModalDialog/index.tsx
@@ -0,0 +1,47 @@
+import { Dialog, DialogContent, DialogContentText, DialogTitle, IconButton, type DialogProps } from '@mui/material'
+import classnames from 'classnames'
+import type { ReactElement } from 'react'
+import CloseIcon from '@mui/icons-material/Close'
+import css from './styles.module.css'
+
+const TxModalDialog = ({
+  children,
+  onClose,
+  fullScreen = false,
+  fullWidth = false,
+  ...restProps
+}: DialogProps): ReactElement => {
+  return (
+    <Dialog
+      {...restProps}
+      fullScreen={true}
+      scroll={fullScreen ? 'paper' : 'body'}
+      className={classnames(css.dialog, { [css.fullWidth]: fullWidth })}
+      onClick={(e) => e.stopPropagation()}
+      hideBackdrop
+      PaperProps={{
+        className: css.paper,
+      }}
+    >
+      <DialogTitle className={css.title}>
+        <div className={css.buttons}>
+          <IconButton
+            className={css.close}
+            aria-label="close"
+            onClick={(e) => onClose?.(e, 'backdropClick')}
+            size="small"
+          >
+            <CloseIcon fontSize="large" />
+          </IconButton>
+        </div>
+      </DialogTitle>
+      <DialogContent dividers={false}>
+        <DialogContentText component="div" tabIndex={-1} color="text.primary">
+          {children}
+        </DialogContentText>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+export default TxModalDialog
diff --git a/src/components/common/TxModalDialog/styles.module.css b/apps/web/src/components/common/TxModalDialog/styles.module.css
similarity index 100%
rename from src/components/common/TxModalDialog/styles.module.css
rename to apps/web/src/components/common/TxModalDialog/styles.module.css
diff --git a/src/components/common/UnreadBadge/index.tsx b/apps/web/src/components/common/UnreadBadge/index.tsx
similarity index 100%
rename from src/components/common/UnreadBadge/index.tsx
rename to apps/web/src/components/common/UnreadBadge/index.tsx
diff --git a/src/components/common/WalletBalance/index.test.tsx b/apps/web/src/components/common/WalletBalance/index.test.tsx
similarity index 100%
rename from src/components/common/WalletBalance/index.test.tsx
rename to apps/web/src/components/common/WalletBalance/index.test.tsx
diff --git a/apps/web/src/components/common/WalletBalance/index.tsx b/apps/web/src/components/common/WalletBalance/index.tsx
new file mode 100644
index 000000000..a2550574f
--- /dev/null
+++ b/apps/web/src/components/common/WalletBalance/index.tsx
@@ -0,0 +1,24 @@
+import { formatVisualAmount } from '@safe-global/utils/utils/formatters'
+import { Skeleton } from '@mui/material'
+import { useCurrentChain } from '@/hooks/useChains'
+
+const WalletBalance = ({ balance }: { balance: string | bigint | undefined }) => {
+  const currentChain = useCurrentChain()
+
+  if (balance === undefined) {
+    return <Skeleton width={30} variant="text" sx={{ display: 'inline-block' }} />
+  }
+
+  if (typeof balance === 'string') {
+    return <>{balance}</>
+  }
+
+  return (
+    <>
+      {formatVisualAmount(balance, currentChain?.nativeCurrency.decimals ?? 18)}{' '}
+      {currentChain?.nativeCurrency.symbol ?? 'ETH'}
+    </>
+  )
+}
+
+export default WalletBalance
diff --git a/src/components/common/WalletIcon/index.tsx b/apps/web/src/components/common/WalletIcon/index.tsx
similarity index 100%
rename from src/components/common/WalletIcon/index.tsx
rename to apps/web/src/components/common/WalletIcon/index.tsx
diff --git a/src/components/common/WalletInfo/index.test.tsx b/apps/web/src/components/common/WalletInfo/index.test.tsx
similarity index 100%
rename from src/components/common/WalletInfo/index.test.tsx
rename to apps/web/src/components/common/WalletInfo/index.test.tsx
diff --git a/apps/web/src/components/common/WalletInfo/index.tsx b/apps/web/src/components/common/WalletInfo/index.tsx
new file mode 100644
index 000000000..1379d443c
--- /dev/null
+++ b/apps/web/src/components/common/WalletInfo/index.tsx
@@ -0,0 +1,124 @@
+import WalletBalance from '@/components/common/WalletBalance'
+import { WalletIdenticon } from '@/components/common/WalletOverview'
+import { Box, Button, Typography } from '@mui/material'
+import css from './styles.module.css'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import ChainSwitcher from '@/components/common/ChainSwitcher'
+import useOnboard, { type ConnectedWallet, switchWallet } from '@/hooks/wallets/useOnboard'
+import useAddressBook from '@/hooks/useAddressBook'
+import { useAppDispatch, useAppSelector } from '@/store'
+import { selectChainById } from '@/store/chainsSlice'
+import madProps from '@/utils/mad-props'
+import PowerSettingsNewIcon from '@mui/icons-material/PowerSettingsNew'
+import useChainId from '@/hooks/useChainId'
+import { useAuthLogoutV1Mutation } from '@safe-global/store/gateway/AUTO_GENERATED/auth'
+import { setUnauthenticated } from '@/store/authSlice'
+import { logError, Errors } from '@/services/exceptions'
+
+type WalletInfoProps = {
+  wallet: ConnectedWallet
+  balance?: string | bigint
+  currentChainId: ReturnType<typeof useChainId>
+  onboard: ReturnType<typeof useOnboard>
+  addressBook: ReturnType<typeof useAddressBook>
+  handleClose: () => void
+}
+
+export const WalletInfo = ({ wallet, balance, currentChainId, onboard, addressBook, handleClose }: WalletInfoProps) => {
+  const [authLogout] = useAuthLogoutV1Mutation()
+  const dispatch = useAppDispatch()
+  const chainInfo = useAppSelector((state) => selectChainById(state, wallet.chainId))
+  const prefix = chainInfo?.shortName
+
+  const handleSwitchWallet = () => {
+    if (onboard) {
+      handleClose()
+      switchWallet(onboard)
+    }
+  }
+
+  const handleDisconnect = async () => {
+    onboard?.disconnectWallet({
+      label: wallet.label,
+    })
+    try {
+      await authLogout()
+      dispatch(setUnauthenticated())
+    } catch (error) {
+      logError(Errors._108, error)
+    }
+
+    handleClose()
+  }
+
+  return (
+    <>
+      <Box display="flex" gap="12px">
+        <WalletIdenticon wallet={wallet} size={36} />
+
+        <Typography variant="body2" className={css.address} component="div">
+          <EthHashInfo
+            address={wallet.address}
+            name={addressBook[wallet.address] || wallet.ens || wallet.label}
+            showAvatar={false}
+            showPrefix={false}
+            hasExplorer
+            showCopyButton
+            prefix={prefix}
+          />
+        </Typography>
+      </Box>
+
+      <Box className={css.rowContainer}>
+        <Box className={css.row}>
+          <Typography variant="body2" color="primary.light">
+            Wallet
+          </Typography>
+          <Typography variant="body2">{wallet.label}</Typography>
+        </Box>
+
+        <Box className={css.row}>
+          <Typography variant="body2" color="primary.light">
+            Balance
+          </Typography>
+          <Typography variant="body2" textAlign="right">
+            <WalletBalance balance={balance} />
+
+            {currentChainId !== chainInfo?.chainId && (
+              <>
+                <Typography variant="body2" color="primary.light">
+                  ({chainInfo?.chainName || 'Unknown chain'})
+                </Typography>
+              </>
+            )}
+          </Typography>
+        </Box>
+      </Box>
+
+      <Box display="flex" flexDirection="column" gap={2} width={1}>
+        <ChainSwitcher fullWidth />
+
+        <Button variant="contained" size="small" onClick={handleSwitchWallet} fullWidth>
+          Switch wallet
+        </Button>
+
+        <Button
+          onClick={handleDisconnect}
+          variant="danger"
+          size="small"
+          fullWidth
+          disableElevation
+          startIcon={<PowerSettingsNewIcon />}
+        >
+          Disconnect
+        </Button>
+      </Box>
+    </>
+  )
+}
+
+export default madProps(WalletInfo, {
+  onboard: useOnboard,
+  addressBook: useAddressBook,
+  currentChainId: useChainId,
+})
diff --git a/src/components/common/WalletInfo/styles.module.css b/apps/web/src/components/common/WalletInfo/styles.module.css
similarity index 100%
rename from src/components/common/WalletInfo/styles.module.css
rename to apps/web/src/components/common/WalletInfo/styles.module.css
diff --git a/src/components/common/WalletOverview/index.tsx b/apps/web/src/components/common/WalletOverview/index.tsx
similarity index 100%
rename from src/components/common/WalletOverview/index.tsx
rename to apps/web/src/components/common/WalletOverview/index.tsx
diff --git a/apps/web/src/components/common/WalletOverview/styles.module.css b/apps/web/src/components/common/WalletOverview/styles.module.css
new file mode 100644
index 000000000..46f6e86b0
--- /dev/null
+++ b/apps/web/src/components/common/WalletOverview/styles.module.css
@@ -0,0 +1,50 @@
+.container {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+  justify-content: center;
+}
+
+.imageContainer {
+  display: flex;
+  justify-content: center;
+  position: relative;
+}
+
+.walletIcon {
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  bottom: -6px;
+  right: -6px;
+  border-radius: 50%;
+  border: 2px solid var(--color-background-paper);
+  background-color: var(--color-background-main);
+  overflow: hidden;
+}
+
+.walletIcon img {
+  padding: 2px;
+}
+
+[data-theme='dark'] .imageContainer img[alt*='Ledger'] {
+  filter: invert(100%);
+}
+
+@media (max-width: 599.95px) {
+  .buttonContainer button {
+    font-size: 12px;
+  }
+
+  .imageContainer img {
+    width: 22px;
+    height: auto;
+  }
+}
+
+@media (max-width: 899.95px) {
+  .walletDetails {
+    display: none;
+  }
+}
diff --git a/apps/web/src/components/common/WalletProvider/index.tsx b/apps/web/src/components/common/WalletProvider/index.tsx
new file mode 100644
index 000000000..7fb41ee12
--- /dev/null
+++ b/apps/web/src/components/common/WalletProvider/index.tsx
@@ -0,0 +1,77 @@
+import { createContext, type ReactElement, type ReactNode, useEffect, useState, useMemo } from 'react'
+import useOnboard, { type ConnectedWallet, getConnectedWallet } from '@/hooks/wallets/useOnboard'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { getSafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { useCurrentChain } from '@/hooks/useChains'
+import { useRouter } from 'next/router'
+import { type Eip1193Provider } from 'ethers'
+import { getNestedWallet } from '@/utils/nested-safe-wallet'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+
+export type SignerWallet = {
+  provider: Eip1193Provider | null
+  address: string
+  chainId: string
+  isSafe?: boolean
+}
+
+export type WalletContextType = {
+  connectedWallet: ConnectedWallet | null
+  signer: SignerWallet | null
+  setSignerAddress: (address: string | undefined) => void
+}
+
+export const WalletContext = createContext<WalletContextType | null>(null)
+
+const WalletProvider = ({ children }: { children: ReactNode }): ReactElement => {
+  const onboard = useOnboard()
+  const currentChain = useCurrentChain()
+  const web3ReadOnly = useWeb3ReadOnly()
+  const router = useRouter()
+  const onboardWallets = onboard?.state.get().wallets || []
+  const [wallet, setWallet] = useState<ConnectedWallet | null>(getConnectedWallet(onboardWallets))
+
+  const [signerAddress, setSignerAddress] = useState<string>()
+
+  const [nestedSafeInfo] = useAsync(() => {
+    if (signerAddress && !sameAddress(signerAddress, wallet?.address) && currentChain) {
+      return getSafeInfo(currentChain.chainId, signerAddress)
+    }
+  }, [currentChain, signerAddress, wallet?.address])
+
+  useEffect(() => {
+    if (!onboard) return
+
+    const walletSubscription = onboard.state.select('wallets').subscribe((wallets) => {
+      const newWallet = getConnectedWallet(wallets)
+
+      setWallet(newWallet)
+    })
+
+    return () => {
+      walletSubscription.unsubscribe()
+    }
+  }, [onboard])
+
+  const signer = useMemo(() => {
+    if (wallet && nestedSafeInfo && web3ReadOnly) {
+      return getNestedWallet(wallet, nestedSafeInfo, web3ReadOnly, router)
+    }
+    return wallet
+  }, [wallet, nestedSafeInfo, web3ReadOnly, router])
+
+  return (
+    <WalletContext.Provider
+      value={{
+        connectedWallet: wallet,
+        signer,
+        setSignerAddress,
+      }}
+    >
+      {children}
+    </WalletContext.Provider>
+  )
+}
+
+export default WalletProvider
diff --git a/apps/web/src/components/common/WidgetDisclaimer/index.tsx b/apps/web/src/components/common/WidgetDisclaimer/index.tsx
new file mode 100644
index 000000000..3c5969d78
--- /dev/null
+++ b/apps/web/src/components/common/WidgetDisclaimer/index.tsx
@@ -0,0 +1,42 @@
+import ExternalLink from '@/components/common/ExternalLink'
+import { AppRoutes } from '@/config/routes'
+import { Typography } from '@mui/material'
+
+import css from './styles.module.css'
+
+const linkSx = {
+  textDecoration: 'none',
+}
+
+const WidgetDisclaimer = ({ widgetName }: { widgetName: string }) => (
+  <div className={css.disclaimerContainer}>
+    <div className={css.disclaimerInner}>
+      <Typography mb={4} mt={4}>
+        You are now accessing a third party widget.
+      </Typography>
+
+      <Typography mb={4}>
+        Please note that we do not own, control, maintain or audit the {widgetName}. Use of the widget is subject to
+        third party terms & conditions. We are not liable for any loss you may suffer in connection with interacting
+        with the widget, which is at your own risk.
+      </Typography>
+
+      <Typography mb={4}>
+        Our{' '}
+        <ExternalLink href={AppRoutes.terms} sx={linkSx}>
+          terms
+        </ExternalLink>{' '}
+        contain more detailed provisions binding on you relating to such third party content.
+      </Typography>
+      <Typography>
+        By clicking &quot;continue&quot; you re-confirm to have read and understood our{' '}
+        <ExternalLink href={AppRoutes.terms} sx={linkSx}>
+          terms
+        </ExternalLink>{' '}
+        and this message, and agree to them.
+      </Typography>
+    </div>
+  </div>
+)
+
+export default WidgetDisclaimer
diff --git a/src/features/swap/components/LegalDisclaimer/styles.module.css b/apps/web/src/components/common/WidgetDisclaimer/styles.module.css
similarity index 100%
rename from src/features/swap/components/LegalDisclaimer/styles.module.css
rename to apps/web/src/components/common/WidgetDisclaimer/styles.module.css
diff --git a/src/components/common/icons/CircularIcon/index.tsx b/apps/web/src/components/common/icons/CircularIcon/index.tsx
similarity index 100%
rename from src/components/common/icons/CircularIcon/index.tsx
rename to apps/web/src/components/common/icons/CircularIcon/index.tsx
diff --git a/src/components/common/icons/CircularIcon/styles.module.css b/apps/web/src/components/common/icons/CircularIcon/styles.module.css
similarity index 100%
rename from src/components/common/icons/CircularIcon/styles.module.css
rename to apps/web/src/components/common/icons/CircularIcon/styles.module.css
diff --git a/src/components/common/icons/KeyholeIcon/index.tsx b/apps/web/src/components/common/icons/KeyholeIcon/index.tsx
similarity index 100%
rename from src/components/common/icons/KeyholeIcon/index.tsx
rename to apps/web/src/components/common/icons/KeyholeIcon/index.tsx
diff --git a/src/components/common/icons/KeyholeIcon/keyhole.svg b/apps/web/src/components/common/icons/KeyholeIcon/keyhole.svg
similarity index 100%
rename from src/components/common/icons/KeyholeIcon/keyhole.svg
rename to apps/web/src/components/common/icons/KeyholeIcon/keyhole.svg
diff --git a/apps/web/src/components/dashboard/Assets/index.tsx b/apps/web/src/components/dashboard/Assets/index.tsx
new file mode 100644
index 000000000..de692c510
--- /dev/null
+++ b/apps/web/src/components/dashboard/Assets/index.tsx
@@ -0,0 +1,153 @@
+import { useMemo } from 'react'
+import { Box, Skeleton, Typography, Paper, Card, Stack } from '@mui/material'
+import useBalances from '@/hooks/useBalances'
+import TokenAmount from '@/components/common/TokenAmount'
+import SwapButton from '@/features/swap/components/SwapButton'
+import { AppRoutes } from '@/config/routes'
+import { ViewAllLink } from '../styled'
+import css from './styles.module.css'
+import { useRouter } from 'next/router'
+import { SWAP_LABELS } from '@/services/analytics/events/swaps'
+import { useVisibleAssets } from '@/components/balances/AssetsTable/useHideAssets'
+import SendButton from '@/components/balances/AssetsTable/SendButton'
+import useIsSwapFeatureEnabled from '@/features/swap/hooks/useIsSwapFeatureEnabled'
+import { FiatBalance } from '@/components/balances/AssetsTable/FiatBalance'
+import { type Balances } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+import { FiatChange } from '@/components/balances/AssetsTable/FiatChange'
+import { isEligibleEarnToken } from '@/features/earn/utils'
+import EarnButton from '@/features/earn/components/EarnButton'
+import { EARN_LABELS } from '@/services/analytics/events/earn'
+import useIsEarnFeatureEnabled from '@/features/earn/hooks/useIsEarnFeatureEnabled'
+import useChainId from '@/hooks/useChainId'
+import TokenIcon from '@/components/common/TokenIcon'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+import StakeButton from '@/features/stake/components/StakeButton'
+import { STAKE_LABELS } from '@/services/analytics/events/stake'
+import useIsStakingFeatureEnabled from '@/features/stake/hooks/useIsStakingFeatureEnabled'
+import NoAssetsIcon from '@/public/images/common/no-assets.svg'
+
+const MAX_ASSETS = 4
+
+const NoAssets = () => (
+  <Paper elevation={0} sx={{ p: 5, textAlign: 'center' }}>
+    <NoAssetsIcon />
+
+    <Typography mb={0.5} mt={3}>
+      No assets yet
+    </Typography>
+
+    <Typography color="primary.light">Onramp crypto or deposit from another wallet to get started.</Typography>
+  </Paper>
+)
+
+const AssetRow = ({
+  item,
+  chainId,
+  showSwap,
+  showEarn,
+  showStake,
+}: {
+  item: Balances['items'][number]
+  chainId: string
+  showSwap?: boolean
+  showEarn?: boolean
+  showStake?: boolean
+}) => {
+  return (
+    <Box className={css.container} key={item.tokenInfo.address}>
+      <Stack direction="row" gap={1.5} alignItems="center">
+        <TokenIcon tokenSymbol={item.tokenInfo.symbol} logoUri={item.tokenInfo.logoUri ?? undefined} size={32} />
+        <Box>
+          <Typography fontWeight="600">{item.tokenInfo.name}</Typography>
+          <Typography variant="body2">{item.tokenInfo.symbol}</Typography>
+        </Box>
+      </Stack>
+
+      <Stack display={['none', 'flex']} direction="row" alignItems="center" gap={1}>
+        <Typography className={css.tokenAmount}>
+          <TokenAmount value={item.balance} decimals={item.tokenInfo.decimals} tokenSymbol={item.tokenInfo.symbol} />
+        </Typography>
+      </Stack>
+
+      <Box flex={1} display="block" textAlign="right" height="44px">
+        <FiatBalance balanceItem={item} />
+        <FiatChange balanceItem={item} inline />
+      </Box>
+
+      <Box className={css.assetButtons}>
+        {showSwap ? (
+          <SwapButton tokenInfo={item.tokenInfo} amount="0" trackingLabel={SWAP_LABELS.dashboard_assets} light />
+        ) : (
+          <SendButton tokenInfo={item.tokenInfo} light />
+        )}
+
+        {showEarn && isEligibleEarnToken(chainId, item.tokenInfo.address) && (
+          <EarnButton tokenInfo={item.tokenInfo} trackingLabel={EARN_LABELS.dashboard_asset} compact={false} />
+        )}
+
+        {showStake && item.tokenInfo.type === TokenType.NATIVE_TOKEN && (
+          <StakeButton tokenInfo={item.tokenInfo} trackingLabel={STAKE_LABELS.asset} compact={false} />
+        )}
+      </Box>
+    </Box>
+  )
+}
+
+const AssetList = ({ items }: { items: Balances['items'] }) => {
+  const isSwapFeatureEnabled = useIsSwapFeatureEnabled()
+  const isEarnFeatureEnabled = useIsEarnFeatureEnabled()
+  const isStakingFeatureEnabled = useIsStakingFeatureEnabled()
+  const chainId = useChainId()
+
+  return (
+    <Box display="flex" flexDirection="column">
+      {items.map((item) => (
+        <AssetRow
+          item={item}
+          key={item.tokenInfo.address}
+          chainId={chainId}
+          showSwap={isSwapFeatureEnabled}
+          showEarn={isEarnFeatureEnabled}
+          showStake={isStakingFeatureEnabled}
+        />
+      ))}
+    </Box>
+  )
+}
+
+export const isNonZeroBalance = (item: Balances['items'][number]) => item.balance !== '0'
+
+const AssetsWidget = () => {
+  const router = useRouter()
+  const { safe } = router.query
+  const { loading } = useBalances()
+  const visibleAssets = useVisibleAssets()
+
+  const items = useMemo(() => {
+    return visibleAssets.filter(isNonZeroBalance).slice(0, MAX_ASSETS)
+  }, [visibleAssets])
+
+  const viewAllUrl = useMemo(
+    () => ({
+      pathname: AppRoutes.balances.index,
+      query: { safe },
+    }),
+    [safe],
+  )
+
+  if (loading) return <Skeleton height={338} variant="rounded" />
+
+  return (
+    <Card data-testid="assets-widget" sx={{ px: 1.5, py: 2.5 }}>
+      <Stack direction="row" justifyContent="space-between" sx={{ px: 1.5, mb: 1 }}>
+        <Typography fontWeight={700}>Top assets</Typography>
+
+        {items.length > 0 && <ViewAllLink url={viewAllUrl} text="View all" />}
+      </Stack>
+
+      <Box>{items.length > 0 ? <AssetList items={items} /> : <NoAssets />}</Box>
+    </Card>
+  )
+}
+
+export default AssetsWidget
diff --git a/apps/web/src/components/dashboard/Assets/styles.module.css b/apps/web/src/components/dashboard/Assets/styles.module.css
new file mode 100644
index 000000000..93b74b4e4
--- /dev/null
+++ b/apps/web/src/components/dashboard/Assets/styles.module.css
@@ -0,0 +1,65 @@
+.container {
+  width: 100%;
+  padding: 11px 16px;
+  background-color: var(--color-background-paper);
+  border-radius: 8px;
+  flex-wrap: nowrap;
+  display: grid;
+  grid-template-columns: 200px 1fr 1fr;
+  align-items: center;
+  gap: var(--space-2);
+  min-height: 50px;
+  position: relative;
+}
+
+.container:hover {
+  background-color: var(--color-background-main);
+}
+
+.bar {
+  height: 4px;
+  border-radius: 4px;
+  background-color: var(--color-border-light);
+  width: 100px;
+}
+
+.tokenAmount * {
+  font-weight: normal;
+}
+
+.barPercentage {
+  display: block;
+  border-radius: 4px;
+  height: 100%;
+  background: linear-gradient(225deg, #5fddff 12.5%, #12ff80 88.07%);
+}
+
+.assetButtons {
+  position: absolute;
+  right: 16px;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.2s;
+  background-color: var(--color-background-main);
+  border-radius: var(--space-1);
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  width: calc(100% - 200px);
+}
+
+.container:hover .assetButtons {
+  opacity: 1;
+  visibility: visible;
+}
+
+@media (max-width: 600px) {
+  .container {
+    flex-direction: column;
+    align-items: start;
+    flex-wrap: wrap;
+    grid-template-columns: 1fr 1fr;
+  }
+}
diff --git a/apps/web/src/components/dashboard/FirstSteps/index.tsx b/apps/web/src/components/dashboard/FirstSteps/index.tsx
new file mode 100644
index 000000000..f1c26a994
--- /dev/null
+++ b/apps/web/src/components/dashboard/FirstSteps/index.tsx
@@ -0,0 +1,503 @@
+import { BuyCryptoOptions } from '@/components/common/BuyCryptoButton'
+import CheckWallet from '@/components/common/CheckWallet'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import ExternalLink from '@/components/common/ExternalLink'
+import ModalDialog from '@/components/common/ModalDialog'
+import QRCode from '@/components/common/QRCode'
+import Track from '@/components/common/Track'
+import FirstTxFlow from '@/features/counterfactual/FirstTxFlow'
+import { selectUndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
+import useBalances from '@/hooks/useBalances'
+import { useCurrentChain } from '@/hooks/useChains'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { OVERVIEW_EVENTS } from '@/services/analytics'
+import { useAppDispatch, useAppSelector } from '@/store'
+import { selectSettings, setQrShortName } from '@/store/settingsSlice'
+import { selectOutgoingTransactions } from '@/store/txHistorySlice'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import classnames from 'classnames'
+import { type ReactNode, useState } from 'react'
+import { Card, WidgetBody, WidgetContainer } from '@/components/dashboard/styled'
+import { Box, Button, CircularProgress, Divider, FormControlLabel, Grid, Switch, Typography } from '@mui/material'
+import CircleOutlinedIcon from '@mui/icons-material/CircleOutlined'
+import CheckCircleRoundedIcon from '@mui/icons-material/CheckCircleRounded'
+import CheckCircleOutlineRoundedIcon from '@mui/icons-material/CheckCircleOutlineRounded'
+import LightbulbOutlinedIcon from '@mui/icons-material/LightbulbOutlined'
+import css from './styles.module.css'
+import ActivateAccountButton from '@/features/counterfactual/ActivateAccountButton'
+import { isReplayedSafeProps } from '@/features/counterfactual/utils'
+import { getExplorerLink } from '@safe-global/utils/utils/gateway'
+
+const calculateProgress = (items: boolean[]) => {
+  const totalNumberOfItems = items.length
+  const completedItems = items.filter((item) => item)
+  return Math.round((completedItems.length / totalNumberOfItems) * 100)
+}
+
+const StatusCard = ({
+  badge,
+  title,
+  content,
+  completed,
+  children,
+}: {
+  badge: ReactNode
+  title: string
+  content: string
+  completed: boolean
+  children?: ReactNode
+}) => {
+  return (
+    <Card className={css.card}>
+      <div className={css.topBadge}>{badge}</div>
+      <div className={css.status}>
+        {completed ? (
+          <CheckCircleRoundedIcon color="success" fontSize="medium" />
+        ) : (
+          <CircleOutlinedIcon color="inherit" fontSize="medium" />
+        )}
+      </div>
+      <Typography
+        variant="h4"
+        sx={{
+          fontWeight: 'bold',
+          mb: 2,
+        }}
+      >
+        {title}
+      </Typography>
+      <Typography
+        variant="body2"
+        sx={{
+          color: 'primary.light',
+        }}
+      >
+        {content}
+      </Typography>
+      {children}
+    </Card>
+  )
+}
+
+const ActivationStatusWidget = ({ explorerLink }: { explorerLink?: string }) => {
+  return (
+    <StatusCard
+      badge={
+        <Typography
+          variant="body2"
+          sx={{ backgroundColor: 'border.light', borderRadius: '0 0 4px 4px', padding: '4px 8px' }}
+        >
+          Just submitted
+        </Typography>
+      }
+      title="Transaction pending"
+      content="Depending on network usage, it can take some time until the transaction is successfully processed and executed."
+      completed={false}
+    >
+      {explorerLink && (
+        <ExternalLink href={explorerLink} sx={{ mt: 2 }}>
+          View Explorer
+        </ExternalLink>
+      )}
+    </StatusCard>
+  )
+}
+
+const UsefulHintsWidget = () => {
+  return (
+    <StatusCard
+      badge={
+        <Typography variant="body2" className={classnames(css.badgeText, css.badgeTextInfo)}>
+          <LightbulbOutlinedIcon fontSize="small" sx={{ mr: 0.5 }} />
+          Did you know
+        </Typography>
+      }
+      title="Explore over Web3 dApps"
+      content="In our Safe App section you can connect your Safe to over Web3 dApps directly or via Wallet Connect to interact with any application."
+      completed={false}
+    />
+  )
+}
+
+const AddFundsWidget = ({ completed }: { completed: boolean }) => {
+  const [open, setOpen] = useState<boolean>(false)
+  const { safeAddress } = useSafeInfo()
+  const chain = useCurrentChain()
+  const dispatch = useAppDispatch()
+  const settings = useAppSelector(selectSettings)
+  const qrPrefix = settings.shortName.qr ? `${chain?.shortName}:` : ''
+  const qrCode = `${qrPrefix}${safeAddress}`
+
+  const title = 'Add native assets'
+  const content = `Receive ${chain?.nativeCurrency.name} to start interacting with your account.`
+
+  const toggleDialog = () => {
+    setOpen((prev) => !prev)
+  }
+
+  return (
+    <StatusCard
+      badge={
+        <Typography variant="body2" className={css.badgeText}>
+          First interaction
+        </Typography>
+      }
+      title={title}
+      content={content}
+      completed={completed}
+    >
+      {!completed && (
+        <>
+          <Box
+            sx={{
+              mt: 2,
+            }}
+          >
+            <Track {...OVERVIEW_EVENTS.ADD_FUNDS}>
+              <Button
+                data-testid="add-funds-btn"
+                onClick={toggleDialog}
+                variant="contained"
+                size="small"
+                sx={{ minHeight: '40px' }}
+              >
+                Add funds
+              </Button>
+            </Track>
+          </Box>
+          <ModalDialog
+            open={open}
+            onClose={toggleDialog}
+            dialogTitle="Add funds to your Safe Account"
+            hideChainIndicator
+          >
+            <Box
+              sx={{
+                px: 4,
+                pb: 5,
+                pt: 4,
+              }}
+            >
+              <Grid
+                container
+                spacing={2}
+                sx={{
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  mb: 4,
+                }}
+              >
+                <Grid
+                  data-testid="qr-code"
+                  item
+                  sx={{
+                    textAlign: 'center',
+                  }}
+                >
+                  <Box
+                    sx={{
+                      p: 1,
+                      border: 1,
+                      borderRadius: '6px',
+                      borderColor: 'border.light',
+                      display: 'inline-flex',
+                    }}
+                  >
+                    <QRCode value={qrCode} size={132} />
+                  </Box>
+                  <Box>
+                    <FormControlLabel
+                      control={
+                        <Switch
+                          data-testid="qr-code-switch"
+                          checked={settings.shortName.qr}
+                          onChange={(e) => dispatch(setQrShortName(e.target.checked))}
+                        />
+                      }
+                      label={
+                        <>
+                          QR code with chain prefix (<b>{chain?.shortName}:</b>)
+                        </>
+                      }
+                    />
+                  </Box>
+                </Grid>
+                <Grid item xs>
+                  <Typography
+                    sx={{
+                      mb: 2,
+                    }}
+                  >
+                    Add funds directly from your bank account or copy your address to send tokens from a different
+                    account.
+                  </Typography>
+
+                  <Box
+                    data-testid="address-info"
+                    sx={{
+                      bgcolor: 'background.main',
+                      p: 2,
+                      borderRadius: '6px',
+                      alignSelf: 'flex-start',
+                      fontSize: '14px',
+                    }}
+                  >
+                    <EthHashInfo
+                      address={safeAddress}
+                      showName={false}
+                      shortAddress={false}
+                      showCopyButton
+                      hasExplorer
+                      avatarSize={24}
+                    />
+                  </Box>
+                </Grid>
+              </Grid>
+
+              <Box
+                sx={{
+                  mb: 4,
+                  position: 'relative',
+                  textAlign: 'center',
+                }}
+              >
+                <Typography className={css.orDivider}>or</Typography>
+                <Divider />
+              </Box>
+
+              <Typography
+                sx={{
+                  mb: 2,
+                }}
+              >
+                Buy crypto with fiat:
+              </Typography>
+              <BuyCryptoOptions />
+            </Box>
+          </ModalDialog>
+        </>
+      )}
+    </StatusCard>
+  )
+}
+
+const FirstTransactionWidget = ({ completed }: { completed: boolean }) => {
+  const [open, setOpen] = useState<boolean>(false)
+
+  const title = 'Create your first transaction'
+  const content = 'Simply send funds, add a new signer or swap tokens through a safe app.'
+
+  return (
+    <>
+      <StatusCard
+        badge={
+          <Typography variant="body2" className={css.badgeText}>
+            First interaction
+          </Typography>
+        }
+        title={title}
+        content={content}
+        completed={completed}
+      >
+        {!completed && (
+          <CheckWallet>
+            {(isOk) => (
+              <Track {...OVERVIEW_EVENTS.NEW_TRANSACTION} label="onboarding">
+                <Button
+                  data-testid="create-tx-btn"
+                  onClick={() => setOpen(true)}
+                  variant="outlined"
+                  size="small"
+                  sx={{ mt: 2, minHeight: '40px' }}
+                  disabled={!isOk}
+                >
+                  Create transaction
+                </Button>
+              </Track>
+            )}
+          </CheckWallet>
+        )}
+      </StatusCard>
+      <FirstTxFlow open={open} onClose={() => setOpen(false)} />
+    </>
+  )
+}
+
+const ActivateSafeWidget = ({ chain }: { chain: ChainInfo | undefined }) => {
+  const [open, setOpen] = useState<boolean>(false)
+
+  const title = `Activate account ${chain ? 'on ' + chain.chainName : ''}`
+  const content = 'Activate your account to start using all benefits of Safe'
+
+  return (
+    <>
+      <StatusCard
+        badge={
+          <Typography variant="body2" className={css.badgeText}>
+            First interaction
+          </Typography>
+        }
+        title={title}
+        completed={false}
+        content={content}
+      >
+        <Box
+          sx={{
+            mt: 2,
+          }}
+        >
+          <ActivateAccountButton />
+        </Box>
+      </StatusCard>
+      <FirstTxFlow open={open} onClose={() => setOpen(false)} />
+    </>
+  )
+}
+
+const AccountReadyWidget = () => {
+  return (
+    <Card className={classnames(css.card, css.accountReady)}>
+      <div className={classnames(css.checkIcon)}>
+        <CheckCircleOutlineRoundedIcon sx={{ width: '60px', height: '60px' }} />
+      </div>
+      <Typography
+        variant="h4"
+        sx={{
+          fontWeight: 'bold',
+          mb: 2,
+          mt: 2,
+        }}
+      >
+        Safe Account is ready!
+      </Typography>
+      <Typography>Continue to improve your account security and unlock more features</Typography>
+    </Card>
+  )
+}
+
+const FirstSteps = () => {
+  const { balances } = useBalances()
+  const { safe, safeAddress } = useSafeInfo()
+  const outgoingTransactions = useAppSelector(selectOutgoingTransactions)
+  const chain = useCurrentChain()
+  const undeployedSafe = useAppSelector((state) => selectUndeployedSafe(state, safe.chainId, safeAddress))
+
+  const isMultiSig = safe.threshold > 1
+  const isReplayedSafe = undeployedSafe && isReplayedSafeProps(undeployedSafe?.props)
+
+  const hasNonZeroBalance = balances && (balances.items.length > 1 || BigInt(balances.items[0]?.balance || 0) > 0)
+  const hasOutgoingTransactions = !!outgoingTransactions && outgoingTransactions.length > 0
+  const completedItems = [hasNonZeroBalance, hasOutgoingTransactions]
+
+  const progress = calculateProgress(completedItems)
+  const stepsCompleted = completedItems.filter((item) => item).length
+
+  if (safe.deployed) return null
+
+  const isActivating = undeployedSafe?.status.status !== 'AWAITING_EXECUTION'
+
+  return (
+    <WidgetContainer>
+      <WidgetBody data-testid="activation-section">
+        <Grid
+          container
+          sx={{
+            gap: 3,
+            mb: 2,
+            flexWrap: 'nowrap',
+            alignItems: 'center',
+          }}
+        >
+          <Grid
+            item
+            sx={{
+              position: 'relative',
+              display: 'inline-flex',
+            }}
+          >
+            <svg className={css.gradient}>
+              <defs>
+                <linearGradient
+                  id="progress_gradient"
+                  x1="21.1648"
+                  y1="8.21591"
+                  x2="-9.95028"
+                  y2="22.621"
+                  gradientUnits="userSpaceOnUse"
+                >
+                  <stop stopColor="#5FDDFF" />
+                  <stop offset="1" stopColor="#12FF80" />
+                </linearGradient>
+              </defs>
+            </svg>
+            <CircularProgress variant="determinate" value={100} className={css.circleBg} size={60} thickness={5} />
+            <CircularProgress
+              variant={isActivating ? 'indeterminate' : 'determinate'}
+              value={progress === 0 ? 3 : progress} // Just to give an indication of the progress even at 0%
+              className={css.circleProgress}
+              size={60}
+              thickness={5}
+              sx={{ 'svg circle': { stroke: 'url(#progress_gradient)', strokeLinecap: 'round' } }}
+            />
+          </Grid>
+          <Grid item>
+            <Typography
+              component="div"
+              variant="h2"
+              sx={{
+                fontWeight: 700,
+                mb: 1,
+              }}
+            >
+              {isActivating ? 'Account is being activated...' : 'Activate your Safe Account'}
+            </Typography>
+
+            {isActivating ? (
+              <Typography variant="body2">
+                <strong>This may take a few minutes.</strong> Once activated, your account will be up and running.
+              </Typography>
+            ) : (
+              <Typography variant="body2">
+                <strong>
+                  {stepsCompleted} of {completedItems.length} steps completed.
+                </strong>{' '}
+                Finish the next steps to start using all Safe Account features:
+              </Typography>
+            )}
+          </Grid>
+        </Grid>
+        <Grid container spacing={3}>
+          <Grid item xs={12} md={4}>
+            {isActivating && chain ? (
+              <ActivationStatusWidget
+                explorerLink={
+                  undeployedSafe?.status.txHash
+                    ? getExplorerLink(undeployedSafe.status.txHash, chain.blockExplorerUriTemplate).href
+                    : undefined
+                }
+              />
+            ) : (
+              <AddFundsWidget completed={hasNonZeroBalance} />
+            )}
+          </Grid>
+
+          <Grid item xs={12} md={4}>
+            {isActivating ? (
+              <UsefulHintsWidget />
+            ) : isMultiSig || isReplayedSafe ? (
+              <ActivateSafeWidget chain={chain} />
+            ) : (
+              <FirstTransactionWidget completed={hasOutgoingTransactions} />
+            )}
+          </Grid>
+
+          <Grid item xs={12} md={4}>
+            <AccountReadyWidget />
+          </Grid>
+        </Grid>
+      </WidgetBody>
+    </WidgetContainer>
+  )
+}
+
+export default FirstSteps
diff --git a/src/components/dashboard/FirstSteps/styles.module.css b/apps/web/src/components/dashboard/FirstSteps/styles.module.css
similarity index 100%
rename from src/components/dashboard/FirstSteps/styles.module.css
rename to apps/web/src/components/dashboard/FirstSteps/styles.module.css
diff --git a/apps/web/src/components/dashboard/NewsCarousel/NewsDisclaimers.tsx b/apps/web/src/components/dashboard/NewsCarousel/NewsDisclaimers.tsx
new file mode 100644
index 000000000..580262710
--- /dev/null
+++ b/apps/web/src/components/dashboard/NewsCarousel/NewsDisclaimers.tsx
@@ -0,0 +1,39 @@
+import useLocalStorage from '@/services/local-storage/useLocalStorage'
+import { NEWS_BANNER_STORAGE_KEY } from '@/components/dashboard/NewsCarousel/utils'
+import { useMemo } from 'react'
+import { Typography } from '@mui/material'
+import { earnBannerDisclaimer, earnBannerID } from '@/components/dashboard/NewsCarousel/banners/EarnBanner'
+import { useVisibleBalances } from '@/hooks/useVisibleBalances'
+
+const disclaimers = [
+  {
+    id: earnBannerID,
+    element: earnBannerDisclaimer,
+  },
+]
+
+const NewsDisclaimers = () => {
+  const [dismissed = []] = useLocalStorage<string[]>(NEWS_BANNER_STORAGE_KEY)
+  const { balances, loading: balancesLoading } = useVisibleBalances()
+  const nonZeroBalances = useMemo(() => {
+    return balances.items.filter((item) => item.balance !== '0')
+  }, [balances.items])
+
+  const noAssets = !balancesLoading && nonZeroBalances.length === 0
+
+  const items = useMemo(() => disclaimers.filter((b) => !dismissed.includes(b.id)), [dismissed])
+
+  if (noAssets) return null
+
+  return (
+    <>
+      {items.map((item) => (
+        <Typography component="p" key={item.id} variant="caption" color="text.secondary" mb={1}>
+          {item.element}
+        </Typography>
+      ))}
+    </>
+  )
+}
+
+export default NewsDisclaimers
diff --git a/apps/web/src/components/dashboard/NewsCarousel/__tests__/utils.test.ts b/apps/web/src/components/dashboard/NewsCarousel/__tests__/utils.test.ts
new file mode 100644
index 000000000..a057b0044
--- /dev/null
+++ b/apps/web/src/components/dashboard/NewsCarousel/__tests__/utils.test.ts
@@ -0,0 +1,29 @@
+import { getSlidePosition } from '@/components/dashboard/NewsCarousel/utils'
+
+describe('getSlidePosition', () => {
+  const itemWidth = 100 // slide is 100px wide
+
+  it('keeps the same slide when drag right is below the threshold', () => {
+    expect(getSlidePosition(0, 9, itemWidth)).toBe(0)
+  })
+
+  it('moves to the next slide when drag right exceeds the threshold', () => {
+    expect(getSlidePosition(0, 40, itemWidth)).toBe(100)
+  })
+
+  it('keeps the same slide when drag left is below the threshold', () => {
+    expect(getSlidePosition(100, 91, itemWidth)).toBe(100)
+  })
+
+  it('moves to the previous slide when drag left exceeds the threshold', () => {
+    expect(getSlidePosition(100, 60, itemWidth)).toBe(0)
+  })
+
+  it('respects a custom ratio', () => {
+    expect(getSlidePosition(0, 26, itemWidth, 0.25)).toBe(100)
+  })
+
+  it('falls back to the start value when swipe width cannot be measured', () => {
+    expect(getSlidePosition(0, 40, undefined)).toBe(0)
+  })
+})
diff --git a/apps/web/src/components/dashboard/NewsCarousel/banners/EarnBanner.tsx b/apps/web/src/components/dashboard/NewsCarousel/banners/EarnBanner.tsx
new file mode 100644
index 000000000..f287ab86f
--- /dev/null
+++ b/apps/web/src/components/dashboard/NewsCarousel/banners/EarnBanner.tsx
@@ -0,0 +1,59 @@
+import { Box, Button, Card, IconButton, Stack, Typography } from '@mui/material'
+import EarnIllustrationLight from '@/public/images/common/earn-illustration-light.png'
+import Image from 'next/image'
+import css from './styles.module.css'
+import CloseIcon from '@mui/icons-material/Close'
+import Track from '@/components/common/Track'
+import { EARN_EVENTS, EARN_LABELS } from '@/services/analytics/events/earn'
+import Link from 'next/link'
+import { AppRoutes } from '@/config/routes'
+import ChevronRightIcon from '@mui/icons-material/ChevronRight'
+import { useRouter } from 'next/router'
+
+export const earnBannerID = 'earnBanner'
+
+export const earnBannerDisclaimer =
+  '* based on historic averages of USD stablecoin and ETH Morpho vaults. Yields are variable and subject to change. Past performance is not a guarantee of future returns. The Kiln DeFi, Morpho Borrow and Vault products and features described herein are not offered or controlled by Core Contributors GmbH, Safe Ecosystem Foundation, and/or its affiliates.'
+
+const EarnBanner = ({ onDismiss }: { onDismiss: () => void }) => {
+  const router = useRouter()
+
+  return (
+    <Card className={css.banner}>
+      <Stack direction={{ xs: 'column', md: 'row' }} alignItems={{ xs: 'flex-start', md: 'center' }} spacing={2}>
+        <Image className={css.bannerImage} src={EarnIllustrationLight} alt="Earn illustration" width={95} height={95} />
+        <Box>
+          <Typography variant="h4" fontWeight="bold" color="static.main" className={css.bannerText}>
+            Try enterprise-grade yields with up to 8.10% APY*
+          </Typography>
+
+          <Typography variant="body2" color="static.light" className={css.bannerText}>
+            Deposit stablecoins, wstETH, ETH, and WBTC and let your assets compound in minutes.
+          </Typography>
+
+          <Track {...EARN_EVENTS.OPEN_EARN_PAGE} label={EARN_LABELS.safe_dashboard_banner}>
+            <Link href={AppRoutes.earn && { pathname: AppRoutes.earn, query: { safe: router.query.safe } }} passHref>
+              <Button
+                endIcon={<ChevronRightIcon fontSize="small" />}
+                variant="text"
+                size="compact"
+                sx={{ mt: 1, p: 0.5 }}
+                color="static"
+              >
+                Try now
+              </Button>
+            </Link>
+          </Track>
+        </Box>
+      </Stack>
+
+      <Track {...EARN_EVENTS.HIDE_EARN_BANNER}>
+        <IconButton className={css.closeButton} aria-label="close" onClick={onDismiss}>
+          <CloseIcon fontSize="small" color="border" />
+        </IconButton>
+      </Track>
+    </Card>
+  )
+}
+
+export default EarnBanner
diff --git a/apps/web/src/components/dashboard/NewsCarousel/banners/SpacesBanner.tsx b/apps/web/src/components/dashboard/NewsCarousel/banners/SpacesBanner.tsx
new file mode 100644
index 000000000..a7f666162
--- /dev/null
+++ b/apps/web/src/components/dashboard/NewsCarousel/banners/SpacesBanner.tsx
@@ -0,0 +1,53 @@
+import { Box, Button, Card, IconButton, Stack, Typography } from '@mui/material'
+import SpacesIllustration from '@/public/images/common/spaces-illustration.png'
+import Image from 'next/image'
+import { SPACE_EVENTS, SPACE_LABELS } from '@/services/analytics/events/spaces'
+import CloseIcon from '@mui/icons-material/Close'
+import Track from '@/components/common/Track'
+import css from './styles.module.css'
+import ChevronRightIcon from '@mui/icons-material/ChevronRight'
+import { AppRoutes } from '@/config/routes'
+import Link from 'next/link'
+
+export const spacesBannerID = 'spacesBanner'
+
+const SpacesBanner = ({ onDismiss }: { onDismiss: () => void }) => {
+  return (
+    <Card className={css.banner}>
+      <Stack direction={{ xs: 'column', md: 'row' }} alignItems={{ xs: 'flex-start', md: 'center' }} spacing={2}>
+        <Image className={css.bannerImage} src={SpacesIllustration} alt="Spaces illustration" width={95} height={95} />
+        <Box>
+          <Typography variant="h4" fontWeight="bold" color="static.main" className={css.bannerText}>
+            New! Improved Spaces.
+          </Typography>
+
+          <Typography variant="body2" color="static.light" className={css.bannerText}>
+            All your Safe Accounts, finally organized. Streamlined for teams and solo users alike
+          </Typography>
+
+          <Track {...SPACE_EVENTS.OPEN_SPACE_LIST_PAGE} label={SPACE_LABELS.safe_dashboard_banner}>
+            <Link href={AppRoutes.welcome.spaces} passHref>
+              <Button
+                endIcon={<ChevronRightIcon fontSize="small" />}
+                variant="text"
+                size="compact"
+                sx={{ mt: 1, p: 0.5 }}
+                color="static"
+              >
+                Try now
+              </Button>
+            </Link>
+          </Track>
+        </Box>
+      </Stack>
+
+      <Track {...SPACE_EVENTS.HIDE_DASHBOARD_WIDGET}>
+        <IconButton className={css.closeButton} aria-label="close" onClick={onDismiss}>
+          <CloseIcon fontSize="small" color="border" />
+        </IconButton>
+      </Track>
+    </Card>
+  )
+}
+
+export default SpacesBanner
diff --git a/apps/web/src/components/dashboard/NewsCarousel/banners/StakeBanner.tsx b/apps/web/src/components/dashboard/NewsCarousel/banners/StakeBanner.tsx
new file mode 100644
index 000000000..686248b28
--- /dev/null
+++ b/apps/web/src/components/dashboard/NewsCarousel/banners/StakeBanner.tsx
@@ -0,0 +1,57 @@
+import css from '@/components/dashboard/NewsCarousel/banners/styles.module.css'
+import { Box, Button, Card, IconButton, Stack, Typography } from '@mui/material'
+import Image from 'next/image'
+import EarnIllustrationLight from '@/public/images/common/earn-illustration-light.png'
+import Track from '@/components/common/Track'
+import Link from 'next/link'
+import { AppRoutes } from '@/config/routes'
+import ChevronRightIcon from '@mui/icons-material/ChevronRight'
+import CloseIcon from '@mui/icons-material/Close'
+import { OVERVIEW_EVENTS } from '@/services/analytics'
+import { useRouter } from 'next/router'
+
+export const stakeBannerID = 'stakeBanner'
+
+const StakeBanner = ({ onDismiss }: { onDismiss: () => void }) => {
+  const router = useRouter()
+
+  return (
+    <Card className={css.banner}>
+      <Stack direction={{ xs: 'column', md: 'row' }} alignItems={{ xs: 'flex-start', md: 'center' }} spacing={2}>
+        <Image className={css.bannerImage} src={EarnIllustrationLight} alt="Earn illustration" width={95} height={95} />
+        <Box>
+          <Typography variant="h4" fontWeight="bold" color="static.main" className={css.bannerText}>
+            Stake your ETH and earn rewards
+          </Typography>
+
+          <Typography variant="body2" color="static.light" className={css.bannerText}>
+            Lock 32 ETH and become a validator easily with the Kiln widget. You can also explore Safe Apps or home
+            staking for other options. Staking involves risks like slashing.
+          </Typography>
+
+          <Track {...OVERVIEW_EVENTS.OPEN_STAKING_WIDGET}>
+            <Link href={AppRoutes.stake && { pathname: AppRoutes.stake, query: { safe: router.query.safe } }} passHref>
+              <Button
+                endIcon={<ChevronRightIcon fontSize="small" />}
+                variant="text"
+                size="compact"
+                sx={{ mt: 1, p: 0.5 }}
+                color="static"
+              >
+                Stake ETH
+              </Button>
+            </Link>
+          </Track>
+        </Box>
+      </Stack>
+
+      <Track {...OVERVIEW_EVENTS.HIDE_STAKING_BANNER}>
+        <IconButton className={css.closeButton} aria-label="close" onClick={onDismiss}>
+          <CloseIcon fontSize="small" color="border" />
+        </IconButton>
+      </Track>
+    </Card>
+  )
+}
+
+export default StakeBanner
diff --git a/apps/web/src/components/dashboard/NewsCarousel/banners/styles.module.css b/apps/web/src/components/dashboard/NewsCarousel/banners/styles.module.css
new file mode 100644
index 000000000..2523baa05
--- /dev/null
+++ b/apps/web/src/components/dashboard/NewsCarousel/banners/styles.module.css
@@ -0,0 +1,27 @@
+.banner {
+  position: relative;
+  padding: var(--space-2) var(--space-8) var(--space-2) var(--space-2);
+  background: linear-gradient(90deg, #b0ffc9, #d7f6ff);
+  border: 0;
+  border-radius: 12px;
+  height: 100%;
+}
+
+.closeButton {
+  color: var(--color-static-main);
+  position: absolute;
+  top: var(--space-2);
+  right: var(--space-2);
+}
+
+.bannerImage,
+.bannerText {
+  pointer-events: none;
+  user-select: none;
+}
+
+@media (max-width: 599.95px) {
+  .banner {
+    padding: var(--space-2);
+  }
+}
diff --git a/apps/web/src/components/dashboard/NewsCarousel/index.tsx b/apps/web/src/components/dashboard/NewsCarousel/index.tsx
new file mode 100644
index 000000000..bfc53de82
--- /dev/null
+++ b/apps/web/src/components/dashboard/NewsCarousel/index.tsx
@@ -0,0 +1,181 @@
+import React, { createElement, type MouseEvent, useEffect, useMemo, useRef, useState } from 'react'
+import classnames from 'classnames'
+import { Box, IconButton, Stack } from '@mui/material'
+import KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeftRounded'
+import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRightRounded'
+import useLocalStorage from '@/services/local-storage/useLocalStorage'
+import css from './styles.module.css'
+import { getSlidePosition, NEWS_BANNER_STORAGE_KEY } from '@/components/dashboard/NewsCarousel/utils'
+
+export interface NewsBannerProps {
+  onDismiss: (e: MouseEvent<HTMLButtonElement>) => void
+}
+
+export interface BannerItem {
+  id: string
+  element: React.ComponentType<NewsBannerProps>
+}
+
+export interface NewsCarouselProps {
+  banners: BannerItem[]
+}
+
+const isInteractive = (element: HTMLElement | null) =>
+  !!element?.closest('button, a, input, textarea, select, #carousel-overlay')
+
+const NewsCarousel = ({ banners }: NewsCarouselProps) => {
+  const [dismissed = [], setDismissed] = useLocalStorage<string[]>(NEWS_BANNER_STORAGE_KEY)
+
+  const [isDragging, setIsDragging] = useState(false)
+  const [prevScrollLeft, setPrevScrollLeft] = useState(0)
+  const [prevClientX, setPrevClientX] = useState(0)
+  const [activeIndex, setActiveIndex] = useState(0)
+  const [canScrollLeft, setCanScrollLeft] = useState(false)
+  const [canScrollRight, setCanScrollRight] = useState(false)
+  const sliderRef = useRef<HTMLDivElement>(null)
+
+  const handleDragStart = (e: React.PointerEvent<HTMLDivElement>) => {
+    if (!sliderRef.current) return
+    if (isInteractive(e.target as HTMLElement)) return
+
+    setIsDragging(true)
+    setPrevScrollLeft(sliderRef.current.scrollLeft)
+    setPrevClientX(e.clientX)
+
+    sliderRef.current.setPointerCapture(e.pointerId)
+  }
+
+  const handleDragEnd = (e: React.PointerEvent<HTMLDivElement>) => {
+    if (!sliderRef.current) return
+    if (!isDragging) return
+
+    const { scrollLeft } = sliderRef.current
+    const itemWidth = getItemWidth()
+    const adjustedScrollLeft = getSlidePosition(prevScrollLeft, scrollLeft, itemWidth) ?? scrollLeft
+
+    setIsDragging(false)
+    setPrevClientX(e.pageX)
+    setPrevScrollLeft(adjustedScrollLeft)
+
+    sliderRef.current.scrollTo({
+      left: adjustedScrollLeft,
+      behavior: 'smooth',
+    })
+
+    // This helps with dragging slides on mobile via touch
+    if (sliderRef.current.hasPointerCapture(e.pointerId)) {
+      sliderRef.current.releasePointerCapture(e.pointerId)
+    }
+
+    if (itemWidth) {
+      setActiveIndex(Math.round(adjustedScrollLeft / itemWidth))
+    }
+  }
+
+  const handleDrag = (e: React.PointerEvent<HTMLDivElement>) => {
+    e.preventDefault()
+
+    if (!isDragging) return
+    if (!sliderRef.current) return
+
+    const change = e.clientX - prevClientX
+    const newScrollLeft = prevScrollLeft - change
+
+    sliderRef.current.scrollLeft = newScrollLeft
+  }
+
+  const goToSlide = (index: number) => {
+    const width = getItemWidth()
+    if (!sliderRef.current || !width) return
+
+    const position = width * index
+    sliderRef.current.scrollTo({ left: position, behavior: 'smooth' })
+    setActiveIndex(index)
+  }
+
+  const scrollSlides = (direction: 'left' | 'right') => {
+    const newIndex = direction === 'left' ? Math.max(0, activeIndex - 1) : Math.min(items.length - 1, activeIndex + 1)
+    goToSlide(newIndex)
+  }
+
+  const getItemWidth = () => {
+    if (!sliderRef.current) return
+    return sliderRef.current.clientWidth * (ITEM_WIDTH_PERCENT / 100)
+  }
+
+  const items = useMemo(() => banners.filter((b) => !dismissed.includes(b.id)), [banners, dismissed])
+  const ITEM_WIDTH_PERCENT = items.length === 1 ? 100 : 80
+
+  const dismissItem = (id: string) => {
+    setDismissed((prev = []) => Array.from(new Set([...prev, id])))
+  }
+
+  useEffect(() => {
+    setCanScrollLeft(activeIndex > 0)
+    setCanScrollRight(activeIndex < items.length - 1)
+  }, [activeIndex, items.length])
+
+  if (!items.length) return null
+
+  return (
+    <Stack spacing={1} alignItems="center" mt={3} position="relative">
+      <div
+        className={classnames(css.slider, { [css.grabbing]: isDragging })}
+        ref={sliderRef}
+        onPointerDown={handleDragStart}
+        onPointerMove={handleDrag}
+        onPointerUp={handleDragEnd}
+        onPointerLeave={handleDragEnd}
+        onPointerCancel={handleDragEnd}
+      >
+        {items.map((item, index) => (
+          <>
+            <Box width={`${ITEM_WIDTH_PERCENT}%`} flexShrink={0} key={item.id}>
+              {createElement(item.element, {
+                onDismiss: () => dismissItem(item.id),
+              })}
+            </Box>
+
+            {activeIndex !== items.length - 1 && (
+              <Box id="carousel-overlay" className={css.overlay} onClick={() => goToSlide(index)} />
+            )}
+          </>
+        ))}
+      </div>
+
+      {items.length > 1 && (
+        <div className={css.dots}>
+          <IconButton
+            aria-label="previous banner"
+            onClick={() => scrollSlides('left')}
+            disabled={!canScrollLeft}
+            size="medium"
+          >
+            <KeyboardArrowLeftIcon fontSize="small" />
+          </IconButton>
+
+          {items.map((item, index) => (
+            <button
+              key={item.id}
+              type="button"
+              className={classnames(css.dot, { [css.active]: index === activeIndex })}
+              aria-label={`Go to slide ${index + 1}`}
+              onClick={() => goToSlide(index)}
+            />
+          ))}
+
+          <IconButton
+            aria-label="next banner"
+            onClick={() => scrollSlides('right')}
+            disabled={!canScrollRight}
+            size="medium"
+          >
+            <KeyboardArrowRightIcon fontSize="small" />
+          </IconButton>
+        </div>
+      )}
+    </Stack>
+  )
+}
+
+export default NewsCarousel
diff --git a/apps/web/src/components/dashboard/NewsCarousel/styles.module.css b/apps/web/src/components/dashboard/NewsCarousel/styles.module.css
new file mode 100644
index 000000000..558c28c61
--- /dev/null
+++ b/apps/web/src/components/dashboard/NewsCarousel/styles.module.css
@@ -0,0 +1,45 @@
+.overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  background: linear-gradient(270deg, var(--color-background-paper) 0%, rgba(255, 255, 255, 0) 100%);
+  height: 100%;
+  width: 15%;
+  margin: 0 !important;
+  z-index: 0;
+  cursor: pointer;
+}
+
+.slider {
+  overflow: hidden;
+  width: 100%;
+  touch-action: pan-y;
+  display: flex;
+  gap: var(--space-2);
+  cursor: grab;
+}
+
+.grabbing {
+  cursor: grabbing;
+}
+
+.dots {
+  display: flex;
+  gap: var(--space-1);
+  margin-top: var(--space-2) !important;
+  align-items: center;
+}
+
+.dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background-color: var(--color-border-light);
+  border: none;
+  padding: 0;
+  cursor: pointer;
+}
+
+.active {
+  background-color: var(--color-primary-main);
+}
diff --git a/apps/web/src/components/dashboard/NewsCarousel/utils.ts b/apps/web/src/components/dashboard/NewsCarousel/utils.ts
new file mode 100644
index 000000000..8375c1e5c
--- /dev/null
+++ b/apps/web/src/components/dashboard/NewsCarousel/utils.ts
@@ -0,0 +1,21 @@
+export const NEWS_BANNER_STORAGE_KEY = 'dismissedNewsBanners'
+
+export const getSlidePosition = (start: number, end: number, width: number | undefined, threshold = 0.1) => {
+  if (!width) return start
+
+  const delta = end - start
+  if (delta === 0) return start
+
+  const direction = Math.sign(delta) // +1 next slide, –1 previous slide
+  const distance = Math.abs(delta) // pixels actually dragged
+
+  // If we dragged far enough, jump one slide in the drag direction,
+  // otherwise snap back to where we started.
+  if (distance >= width * threshold) {
+    const targetIndex = Math.abs(Math.round((start + direction * width) / width))
+    return targetIndex * width
+  }
+
+  // Not enough distance: stay on the original slide
+  return Math.round(start / width) * width
+}
diff --git a/apps/web/src/components/dashboard/Overview/Overview.tsx b/apps/web/src/components/dashboard/Overview/Overview.tsx
new file mode 100644
index 000000000..7d6c73256
--- /dev/null
+++ b/apps/web/src/components/dashboard/Overview/Overview.tsx
@@ -0,0 +1,227 @@
+import BuyCryptoButton from '@/components/common/BuyCryptoButton'
+import TokenAmount from '@/components/common/TokenAmount'
+import Track from '@/components/common/Track'
+import QrCodeButton from '@/components/sidebar/QrCodeButton'
+import { TxModalContext } from '@/components/tx-flow'
+import { NewTxFlow } from '@/components/tx-flow/flows'
+import SwapIcon from '@/public/images/common/swap.svg'
+import { OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
+import Link from 'next/link'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useVisibleBalances } from '@/hooks/useVisibleBalances'
+import ArrowIconNW from '@/public/images/common/arrow-top-right.svg'
+import ArrowIconSE from '@/public/images/common/arrow-se.svg'
+import FiatValue from '@/components/common/FiatValue'
+import { AppRoutes } from '@/config/routes'
+import { Button, Card, Box, Skeleton, Typography, Stack, SvgIcon } from '@mui/material'
+import { useRouter } from 'next/router'
+import { type ReactElement, useContext, useMemo } from 'react'
+import { SWAP_EVENTS, SWAP_LABELS } from '@/services/analytics/events/swaps'
+import useIsSwapFeatureEnabled from '@/features/swap/hooks/useIsSwapFeatureEnabled'
+import NewsCarousel, { type BannerItem } from '@/components/dashboard/NewsCarousel'
+import EarnBanner, { earnBannerID } from '@/components/dashboard/NewsCarousel/banners/EarnBanner'
+import SpacesBanner, { spacesBannerID } from '@/components/dashboard/NewsCarousel/banners/SpacesBanner'
+import useIsEarnFeatureEnabled from '@/features/earn/hooks/useIsEarnFeatureEnabled'
+import { useCurrentChain, useHasFeature } from '@/hooks/useChains'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import FiatIcon from '@/public/images/common/fiat2.svg'
+import CopyIcon from '@/public/images/common/copy.svg'
+import CopyTooltip from '@/components/common/CopyTooltip'
+import { useAppSelector } from '@/store'
+import { selectSettings } from '@/store/settingsSlice'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import StakeBanner, { stakeBannerID } from '@/components/dashboard/NewsCarousel/banners/StakeBanner'
+import useIsStakingBannerVisible from '@/components/dashboard/StakingBanner/useIsStakingBannerVisible'
+
+const AddFundsToGetStarted = () => {
+  const { safe } = useSafeInfo()
+  const safeAddress = useSafeAddress()
+  const settings = useAppSelector(selectSettings)
+  const chain = useCurrentChain()
+
+  const addressCopyText = settings.shortName.copy && chain ? `${chain.shortName}:${safeAddress}` : safeAddress
+
+  if (!safe.deployed) return null
+
+  return (
+    <Stack
+      direction={{ xs: 'column', md: 'row' }}
+      sx={{ backgroundColor: 'info.light' }}
+      p={2}
+      gap={2}
+      alignItems={{ xs: 'flex-start', md: 'center' }}
+      borderRadius={1}
+      mt={3}
+    >
+      <Box
+        width="40px"
+        height="40px"
+        bgcolor="background.paper"
+        display="flex"
+        alignItems="center"
+        justifyContent="center"
+        borderRadius="6px"
+        flexShrink="0"
+      >
+        <SvgIcon component={FiatIcon} inheritViewBox fontSize="small" />
+      </Box>
+      <Box>
+        <Typography fontWeight="bold" color="static.main">
+          Add funds to get started
+        </Typography>
+        <Typography variant="body2" color="primary.light">
+          Onramp crypto or send tokens directly to your address from a different wallet.{' '}
+        </Typography>
+      </Box>
+      <Box ml={{ xs: 0, md: 'auto' }}>
+        <CopyTooltip text={addressCopyText}>
+          <Button
+            variant="contained"
+            color="background.paper"
+            startIcon={<SvgIcon component={CopyIcon} inheritViewBox fontSize="small" />}
+            size="small"
+            disableElevation
+          >
+            Copy address
+          </Button>
+        </CopyTooltip>
+      </Box>
+    </Stack>
+  )
+}
+
+const Overview = (): ReactElement => {
+  const { safe, safeLoading, safeLoaded } = useSafeInfo()
+  const { balances, loading: balancesLoading } = useVisibleBalances()
+  const { setTxFlow } = useContext(TxModalContext)
+  const router = useRouter()
+  const isSwapFeatureEnabled = useIsSwapFeatureEnabled()
+  const isEarnFeatureEnabled = useIsEarnFeatureEnabled()
+  const isSpacesFeatureEnabled = useHasFeature(FEATURES.SPACES)
+  const isStakingBannerVisible = useIsStakingBannerVisible()
+
+  const banners = [
+    isEarnFeatureEnabled && { id: earnBannerID, element: EarnBanner },
+    isSpacesFeatureEnabled && { id: spacesBannerID, element: SpacesBanner },
+    isStakingBannerVisible && { id: stakeBannerID, element: StakeBanner },
+  ].filter(Boolean) as BannerItem[]
+
+  const isInitialState = !safeLoaded && !safeLoading
+  const isLoading = safeLoading || balancesLoading || isInitialState
+
+  const handleOnSend = () => {
+    setTxFlow(<NewTxFlow />, undefined, false)
+    trackEvent(OVERVIEW_EVENTS.NEW_TRANSACTION)
+  }
+
+  const items = useMemo(() => {
+    return balances.items.filter((item) => item.balance !== '0')
+  }, [balances.items])
+
+  const noAssets = !balancesLoading && items.length === 0
+
+  if (isLoading) return <Skeleton height={269} variant="rounded" />
+
+  return (
+    <Card sx={{ border: 0, p: 3 }} component="section">
+      <Box>
+        <Stack
+          direction={{ xs: 'column', md: 'row' }}
+          alignItems={{ xs: 'flex-start', md: 'center' }}
+          justifyContent="space-between"
+        >
+          <Box>
+            <Typography color="primary.light" fontWeight="bold" mb={1}>
+              Total asset value
+            </Typography>
+            <Typography component="div" variant="h1" fontSize="44px" lineHeight="40px">
+              {safe.deployed ? (
+                <FiatValue value={balances.fiatTotal} maxLength={20} precise />
+              ) : (
+                <TokenAmount
+                  value={balances.items[0]?.balance}
+                  decimals={balances.items[0]?.tokenInfo.decimals}
+                  tokenSymbol={balances.items[0]?.tokenInfo.symbol}
+                />
+              )}
+            </Typography>
+          </Box>
+
+          {safe.deployed && (
+            <Stack
+              direction="row"
+              alignItems={{ xs: 'flex-start', md: 'center' }}
+              flexWrap={{ xs: 'wrap', md: 'nowrap' }}
+              gap={1}
+              width={{ xs: 1, md: 'auto' }}
+              mt={{ xs: 2, md: 0 }}
+            >
+              {!noAssets && (
+                <Box flex={1}>
+                  <Button
+                    onClick={handleOnSend}
+                    size="compact"
+                    variant="contained"
+                    disableElevation
+                    startIcon={<ArrowIconNW fontSize="small" />}
+                    sx={{ height: '42px' }}
+                    fullWidth
+                  >
+                    Send
+                  </Button>
+                </Box>
+              )}
+
+              {isSwapFeatureEnabled && !noAssets && (
+                <Box flex={1}>
+                  <Track {...SWAP_EVENTS.OPEN_SWAPS} label={SWAP_LABELS.dashboard}>
+                    <Link href={{ pathname: AppRoutes.swap, query: router.query }} passHref type="button">
+                      <Button
+                        data-testid="overview-swap-btn"
+                        size="compact"
+                        variant="contained"
+                        color="background"
+                        disableElevation
+                        startIcon={<SwapIcon fontSize="small" />}
+                        sx={{ height: '42px' }}
+                        fullWidth
+                      >
+                        Swap
+                      </Button>
+                    </Link>
+                  </Track>
+                </Box>
+              )}
+
+              <Box flexShrink="0" width={{ xs: 1, md: 'auto' }}>
+                <BuyCryptoButton />
+              </Box>
+
+              <Box flex={1}>
+                <Track {...OVERVIEW_EVENTS.SHOW_QR} label="dashboard">
+                  <QrCodeButton>
+                    <Button
+                      size="compact"
+                      variant="contained"
+                      color="background"
+                      disableElevation
+                      startIcon={<ArrowIconSE fontSize="small" />}
+                      sx={{ height: '42px' }}
+                      fullWidth
+                    >
+                      Receive
+                    </Button>
+                  </QrCodeButton>
+                </Track>
+              </Box>
+            </Stack>
+          )}
+        </Stack>
+      </Box>
+
+      {noAssets ? <AddFundsToGetStarted /> : <NewsCarousel banners={banners} />}
+    </Card>
+  )
+}
+
+export default Overview
diff --git a/apps/web/src/components/dashboard/PendingTxs/PendingRecoveryListItem.tsx b/apps/web/src/components/dashboard/PendingTxs/PendingRecoveryListItem.tsx
new file mode 100644
index 000000000..682d9ecdc
--- /dev/null
+++ b/apps/web/src/components/dashboard/PendingTxs/PendingRecoveryListItem.tsx
@@ -0,0 +1,45 @@
+import Link from 'next/link'
+import { useMemo } from 'react'
+import { useRouter } from 'next/router'
+import { ChevronRight } from '@mui/icons-material'
+import { Box, Stack } from '@mui/material'
+import type { ReactElement } from 'react'
+
+import { RecoveryInfo } from '@/features/recovery/components/RecoveryInfo'
+import { RecoveryStatus } from '@/features/recovery/components/RecoveryStatus'
+import { RecoveryType } from '@/features/recovery/components/RecoveryType'
+import { AppRoutes } from '@/config/routes'
+import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
+
+import css from './styles.module.css'
+import classnames from 'classnames'
+
+function PendingRecoveryListItem({ transaction }: { transaction: RecoveryQueueItem }): ReactElement {
+  const router = useRouter()
+  const { isMalicious } = transaction
+
+  const url = useMemo(
+    () => ({
+      pathname: AppRoutes.transactions.queue,
+      query: router.query,
+    }),
+    [router.query],
+  )
+
+  return (
+    <Link href={url} passHref>
+      <Box className={classnames(css.container, css.recoveryContainer)} sx={{ minHeight: 50 }}>
+        <RecoveryType isMalicious={isMalicious} date={transaction.timestamp} isDashboard />
+
+        <RecoveryInfo isMalicious={isMalicious} />
+
+        <Stack direction="row" gap={1.5} alignItems="center" ml="auto">
+          <RecoveryStatus recovery={transaction} />
+          <ChevronRight color="border" fontSize="small" />
+        </Stack>
+      </Box>
+    </Link>
+  )
+}
+
+export default PendingRecoveryListItem
diff --git a/src/components/dashboard/PendingTxs/PendingTxList.test.ts b/apps/web/src/components/dashboard/PendingTxs/PendingTxList.test.ts
similarity index 100%
rename from src/components/dashboard/PendingTxs/PendingTxList.test.ts
rename to apps/web/src/components/dashboard/PendingTxs/PendingTxList.test.ts
diff --git a/apps/web/src/components/dashboard/PendingTxs/PendingTxListItem.tsx b/apps/web/src/components/dashboard/PendingTxs/PendingTxListItem.tsx
new file mode 100644
index 000000000..cf532e6e6
--- /dev/null
+++ b/apps/web/src/components/dashboard/PendingTxs/PendingTxListItem.tsx
@@ -0,0 +1,68 @@
+import NextLink from 'next/link'
+import { useRouter } from 'next/router'
+import type { ReactElement } from 'react'
+import { useMemo } from 'react'
+import ChevronRight from '@mui/icons-material/ChevronRight'
+import type { TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
+import { Box, Stack, Typography } from '@mui/material'
+import { isMultisigExecutionInfo } from '@/utils/transaction-guards'
+import TxInfo from '@/components/transactions/TxInfo'
+import { TxTypeIcon, TxTypeText } from '@/components/transactions/TxType'
+import css from './styles.module.css'
+import { AppRoutes } from '@/config/routes'
+import TxConfirmations from '@/components/transactions/TxConfirmations'
+import { DateTime } from '@/components/common/DateTime/DateTime'
+
+type PendingTxType = {
+  transaction: TransactionSummary
+}
+
+const PendingTx = ({ transaction }: PendingTxType): ReactElement => {
+  const router = useRouter()
+  const { id } = transaction
+
+  const url = useMemo(
+    () => ({
+      pathname: AppRoutes.transactions.tx,
+      query: {
+        id,
+        safe: router.query.safe,
+      },
+    }),
+    [router, id],
+  )
+
+  return (
+    <NextLink data-testid="tx-pending-item" href={url} passHref>
+      <Box className={css.container}>
+        <Stack direction="row" gap={1.5} alignItems="center">
+          <Box className={css.iconWrapper}>
+            <TxTypeIcon tx={transaction} />
+          </Box>
+          <Box>
+            <Typography className={css.txDescription}>
+              <TxTypeText tx={transaction} />
+              <TxInfo info={transaction.txInfo} />
+            </Typography>
+            <Typography variant="body2" color="primary.light">
+              <DateTime value={transaction.timestamp} showDateTime={false} showTime={false} />
+            </Typography>
+          </Box>
+        </Stack>
+
+        <Box className={css.confirmations}>
+          {isMultisigExecutionInfo(transaction.executionInfo) && (
+            <TxConfirmations
+              submittedConfirmations={transaction.executionInfo.confirmationsSubmitted}
+              requiredConfirmations={transaction.executionInfo.confirmationsRequired}
+            />
+          )}
+
+          <ChevronRight color="border" fontSize="small" />
+        </Box>
+      </Box>
+    </NextLink>
+  )
+}
+
+export default PendingTx
diff --git a/apps/web/src/components/dashboard/PendingTxs/PendingTxsList.tsx b/apps/web/src/components/dashboard/PendingTxs/PendingTxsList.tsx
new file mode 100644
index 000000000..3893075e7
--- /dev/null
+++ b/apps/web/src/components/dashboard/PendingTxs/PendingTxsList.tsx
@@ -0,0 +1,132 @@
+import React, { type ReactElement } from 'react'
+import { useMemo } from 'react'
+import { useRouter } from 'next/router'
+import dynamic from 'next/dynamic'
+import { getLatestTransactions } from '@/utils/tx-list'
+import { Box, Typography, Card, Stack, Paper, Skeleton } from '@mui/material'
+import { ViewAllLink } from '../styled'
+import PendingTxListItem from './PendingTxListItem'
+import useTxQueue, { useQueuedTxsLength } from '@/hooks/useTxQueue'
+import { AppRoutes } from '@/config/routes'
+import css from './styles.module.css'
+import { isSignableBy, isExecutable } from '@/utils/transaction-guards'
+import useWallet from '@/hooks/wallets/useWallet'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useRecoveryQueue } from '@/features/recovery/hooks/useRecoveryQueue'
+import type { Transaction } from '@safe-global/safe-gateway-typescript-sdk'
+import type { SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
+import NoTxsIcon from '@/public/images/common/no-txs.svg'
+import { SidebarListItemCounter } from '@/components/sidebar/SidebarList'
+
+const PendingRecoveryListItem = dynamic(() => import('./PendingRecoveryListItem'))
+
+const MAX_TXS = 4
+
+const EmptyState = () => {
+  return (
+    <Paper elevation={0} sx={{ p: 5, textAlign: 'center' }}>
+      <NoTxsIcon data-testid="no-tx-icon" />
+
+      <Typography mb={0.5} mt={3}>
+        No transactions to sign
+      </Typography>
+
+      <Typography data-testid="no-tx-text" variant="body1" color="primary.light">
+        Once you create pending transactions, they will appear here
+      </Typography>
+    </Paper>
+  )
+}
+
+function getActionableTransactions(txs: Transaction[], safe: SafeState, walletAddress?: string): Transaction[] {
+  if (!walletAddress) {
+    return txs
+  }
+
+  return txs.filter((tx) => {
+    return isSignableBy(tx.transaction, walletAddress) || isExecutable(tx.transaction, walletAddress, safe)
+  })
+}
+
+export function _getTransactionsToDisplay({
+  recoveryQueue,
+  queue,
+  walletAddress,
+  safe,
+}: {
+  recoveryQueue: RecoveryQueueItem[]
+  queue: Transaction[]
+  walletAddress?: string
+  safe: SafeState
+}): [RecoveryQueueItem[], Transaction[]] {
+  if (recoveryQueue.length >= MAX_TXS) {
+    return [recoveryQueue.slice(0, MAX_TXS), []]
+  }
+
+  const actionableQueue = getActionableTransactions(queue, safe, walletAddress)
+  const _queue = actionableQueue.length > 0 ? actionableQueue : queue
+  const queueToDisplay = _queue.slice(0, MAX_TXS - recoveryQueue.length)
+
+  return [recoveryQueue, queueToDisplay]
+}
+
+const PendingTxsList = (): ReactElement | null => {
+  const router = useRouter()
+  const { page, loading } = useTxQueue()
+  const { safe } = useSafeInfo()
+  const wallet = useWallet()
+  const queuedTxns = useMemo(() => getLatestTransactions(page?.results), [page?.results])
+  const recoveryQueue = useRecoveryQueue()
+  const queueSize = useQueuedTxsLength()
+
+  const [recoveryTxs, queuedTxs] = useMemo(() => {
+    return _getTransactionsToDisplay({
+      recoveryQueue,
+      queue: queuedTxns,
+      walletAddress: wallet?.address,
+      safe,
+    })
+  }, [recoveryQueue, queuedTxns, wallet?.address, safe])
+
+  const totalTxs = recoveryTxs.length + queuedTxs.length
+
+  const queueUrl = useMemo(
+    () => ({
+      pathname: AppRoutes.transactions.queue,
+      query: { safe: router.query.safe },
+    }),
+    [router.query.safe],
+  )
+
+  if (loading) return <Skeleton variant="rounded" height={338} />
+
+  return (
+    <Card data-testid="pending-tx-widget" sx={{ px: 1.5, py: 2.5, height: 1 }} component="section">
+      <Stack direction="row" justifyContent="space-between" sx={{ px: 1.5, mb: 1 }}>
+        <Typography fontWeight={700} className={css.pendingTxHeader}>
+          Pending transactions <SidebarListItemCounter count={queueSize} />
+        </Typography>
+        {totalTxs > 0 && <ViewAllLink url={queueUrl} />}
+      </Stack>
+
+      <Box>
+        {totalTxs > 0 ? (
+          <div className={css.list}>
+            {recoveryTxs.map((tx) => (
+              <PendingRecoveryListItem transaction={tx} key={tx.transactionHash} />
+            ))}
+
+            {queuedTxs.map((tx) => (
+              <PendingTxListItem transaction={tx.transaction} key={tx.transaction.id} />
+            ))}
+          </div>
+        ) : (
+          <EmptyState />
+        )}
+      </Box>
+    </Card>
+  )
+}
+
+export default PendingTxsList
diff --git a/apps/web/src/components/dashboard/PendingTxs/styles.module.css b/apps/web/src/components/dashboard/PendingTxs/styles.module.css
new file mode 100644
index 000000000..3b0dd092d
--- /dev/null
+++ b/apps/web/src/components/dashboard/PendingTxs/styles.module.css
@@ -0,0 +1,142 @@
+.container {
+  width: 100%;
+  padding: 11px 16px;
+  background-color: var(--color-background-paper);
+  border-radius: 8px;
+  flex-wrap: nowrap;
+  display: grid;
+  grid-template-columns: 1fr 150px;
+  align-items: center;
+  gap: var(--space-2);
+  min-height: 50px;
+  position: relative;
+}
+
+.recoveryContainer {
+  grid-template-columns: 1fr 170px;
+}
+
+.pendingTxHeader :global .MuiBadge-root {
+  margin-left: var(--space-1);
+}
+
+.pendingTxHeader :global .MuiBadge-badge {
+  position: relative;
+}
+
+.innerContainer {
+  min-width: 0;
+  flex-grow: 1;
+  width: 100%;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.container:hover {
+  background-color: var(--color-background-main);
+}
+
+.tokenAmount * {
+  font-weight: normal;
+  color: var(--color-primary-light);
+}
+
+.list {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+.skeleton {
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.title {
+  display: flex;
+  justify-content: space-between;
+}
+
+.assetButtons {
+  position: absolute;
+  right: 16px;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.2s;
+  background-color: var(--color-background-main);
+  border-radius: var(--space-1);
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  width: calc(100% - 200px);
+}
+
+.container:hover .assetButtons {
+  opacity: 1;
+  visibility: visible;
+}
+
+.bar {
+  height: 4px;
+  border-radius: 4px;
+  background-color: var(--color-border-light);
+  width: 100px;
+}
+
+.barPercentage {
+  display: block;
+  border-radius: 4px;
+  height: 100%;
+  background: linear-gradient(225deg, #5fddff 12.5%, #12ff80 88.07%);
+}
+
+.iconWrapper {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background-color: var(--color-background-main);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.txDescription {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+
+.txDescription img {
+  width: 24px;
+  height: 24px;
+  object-fit: contain;
+}
+
+.confirmations {
+  align-self: center;
+  margin-left: auto;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  gap: 12px;
+}
+
+@media (max-width: 600px) {
+  .container {
+    flex-direction: column;
+    align-items: flex-start;
+    flex-wrap: wrap;
+    grid-template-columns: 1fr;
+    gap: var(--space-1);
+  }
+
+  .confirmations {
+    margin-left: 40px;
+  }
+}
diff --git a/apps/web/src/components/dashboard/SafeAppsDashboardSection/SafeAppsDashboardSection.tsx b/apps/web/src/components/dashboard/SafeAppsDashboardSection/SafeAppsDashboardSection.tsx
new file mode 100644
index 000000000..8bc56cf8c
--- /dev/null
+++ b/apps/web/src/components/dashboard/SafeAppsDashboardSection/SafeAppsDashboardSection.tsx
@@ -0,0 +1,113 @@
+import { Typography, Card, Stack } from '@mui/material'
+import { useSafeApps } from '@/hooks/safe-apps/useSafeApps'
+import useSafeAppPreviewDrawer from '@/hooks/safe-apps/useSafeAppPreviewDrawer'
+import SafeAppPreviewDrawer from '@/components/safe-apps/SafeAppPreviewDrawer'
+import SafeAppCard from '@/components/safe-apps/SafeAppCard'
+import { SAFE_APPS_LABELS } from '@/services/analytics'
+import css from './styles.module.css'
+import IconButton from '@mui/material/IconButton'
+import KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeftRounded'
+import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRightRounded'
+import { useEffect, useRef, useState } from 'react'
+
+const ITEM_GAP = 16
+
+const SafeAppsDashboardSection = () => {
+  const { rankedSafeApps, togglePin, pinnedSafeAppIds } = useSafeApps()
+  const { isPreviewDrawerOpen, previewDrawerApp, openPreviewDrawer, closePreviewDrawer } = useSafeAppPreviewDrawer()
+  const listRef = useRef<HTMLUListElement>(null)
+  const [canScrollLeft, setCanScrollLeft] = useState(false)
+  const [canScrollRight, setCanScrollRight] = useState(false)
+
+  useEffect(() => {
+    const list = listRef.current
+    if (!list) return
+
+    setCanScrollLeft(list.scrollLeft > 0)
+    setCanScrollRight(list.scrollLeft + list.clientWidth < list.scrollWidth)
+  }, [rankedSafeApps.length])
+
+  const scrollList = (direction: 'left' | 'right') => {
+    const list = listRef.current
+    if (!list) return
+
+    const firstItem = list.firstElementChild as HTMLElement | null
+    if (!firstItem) return
+
+    const itemWidth = firstItem.offsetWidth + ITEM_GAP
+    const itemsInView = Math.max(1, Math.floor(list.clientWidth / itemWidth))
+    const scrollAmount = itemWidth * itemsInView
+    const newScrollLeft =
+      direction === 'left'
+        ? Math.max(0, list.scrollLeft - scrollAmount)
+        : Math.min(list.scrollWidth - list.clientWidth, list.scrollLeft + scrollAmount)
+
+    list.scrollBy({ left: direction === 'left' ? -scrollAmount : scrollAmount, behavior: 'smooth' })
+    setCanScrollLeft(newScrollLeft > 0)
+    setCanScrollRight(newScrollLeft + list.clientWidth < list.scrollWidth)
+  }
+
+  if (rankedSafeApps.length === 0) return null
+
+  const showNav = canScrollLeft || canScrollRight
+
+  return (
+    <Card sx={{ px: 3, py: 2.5 }} component="section">
+      <Stack direction="row" justifyContent="space-between" mb={2}>
+        <Typography fontWeight={700}>Featured Apps</Typography>
+        {showNav && (
+          <>
+            <div className={css.carouselNav}>
+              <IconButton
+                aria-label="previous apps"
+                onClick={() => scrollList('left')}
+                disabled={!canScrollLeft}
+                size="medium"
+              >
+                <KeyboardArrowLeftIcon fontSize="small" />
+              </IconButton>
+              <IconButton
+                aria-label="next apps"
+                onClick={() => scrollList('right')}
+                disabled={!canScrollRight}
+                size="medium"
+              >
+                <KeyboardArrowRightIcon fontSize="small" />
+              </IconButton>
+            </div>
+          </>
+        )}
+      </Stack>
+
+      <div className={css.carouselWrapper}>
+        <ul className={css.carouselList} ref={listRef} style={{ gap: ITEM_GAP }}>
+          {rankedSafeApps.map((rankedSafeApp) => (
+            <li key={rankedSafeApp.id}>
+              <SafeAppCard
+                safeApp={rankedSafeApp}
+                onBookmarkSafeApp={(appId) => togglePin(appId, SAFE_APPS_LABELS.dashboard)}
+                isBookmarked={pinnedSafeAppIds.has(rankedSafeApp.id)}
+                onClickSafeApp={(e) => {
+                  e.preventDefault()
+                  openPreviewDrawer(rankedSafeApp)
+                }}
+                openPreviewDrawer={openPreviewDrawer}
+                compact
+              />
+            </li>
+          ))}
+        </ul>
+      </div>
+
+      <SafeAppPreviewDrawer
+        isOpen={isPreviewDrawerOpen}
+        safeApp={previewDrawerApp}
+        isBookmarked={previewDrawerApp && pinnedSafeAppIds.has(previewDrawerApp.id)}
+        onClose={closePreviewDrawer}
+        onBookmark={(appId) => togglePin(appId, SAFE_APPS_LABELS.apps_sidebar)}
+      />
+    </Card>
+  )
+}
+
+export default SafeAppsDashboardSection
diff --git a/src/components/dashboard/SafeAppsDashboardSection/__tests__/SafeAppsDashboardSection.test.tsx b/apps/web/src/components/dashboard/SafeAppsDashboardSection/__tests__/SafeAppsDashboardSection.test.tsx
similarity index 81%
rename from src/components/dashboard/SafeAppsDashboardSection/__tests__/SafeAppsDashboardSection.test.tsx
rename to apps/web/src/components/dashboard/SafeAppsDashboardSection/__tests__/SafeAppsDashboardSection.test.tsx
index 66b758eac..7873fb34b 100644
--- a/src/components/dashboard/SafeAppsDashboardSection/__tests__/SafeAppsDashboardSection.test.tsx
+++ b/apps/web/src/components/dashboard/SafeAppsDashboardSection/__tests__/SafeAppsDashboardSection.test.tsx
@@ -6,7 +6,7 @@ import { LS_NAMESPACE } from '@/config/constants'
 
 jest.mock('@safe-global/safe-gateway-typescript-sdk', () => ({
   ...jest.requireActual('@safe-global/safe-gateway-typescript-sdk'),
-  getSafeApps: (chainId: string): Promise<SafeAppData[]> =>
+  getSafeApps: (): Promise<SafeAppData[]> =>
     Promise.resolve([
       {
         id: 13,
@@ -23,6 +23,7 @@ jest.mock('@safe-global/safe-gateway-typescript-sdk', () => ({
         features: [],
         socialProfiles: [],
         developerWebsite: '',
+        featured: true,
       },
       {
         id: 3,
@@ -40,6 +41,7 @@ jest.mock('@safe-global/safe-gateway-typescript-sdk', () => ({
         features: [],
         socialProfiles: [],
         developerWebsite: '',
+        featured: true,
       },
       {
         id: 14,
@@ -56,6 +58,7 @@ jest.mock('@safe-global/safe-gateway-typescript-sdk', () => ({
         features: [],
         socialProfiles: [],
         developerWebsite: '',
+        featured: false,
       },
       {
         id: 24,
@@ -73,6 +76,7 @@ jest.mock('@safe-global/safe-gateway-typescript-sdk', () => ({
         features: [],
         socialProfiles: [],
         developerWebsite: '',
+        featured: true,
       },
     ]),
 }))
@@ -102,30 +106,14 @@ describe('Safe Apps Dashboard Section', () => {
   it('should display the Safe Apps Section', async () => {
     render(<SafeAppsDashboardSection />)
 
-    await waitFor(() => expect(screen.getByText('Safe Apps')).toBeInTheDocument())
+    await waitFor(() => expect(screen.getByText('Featured Apps')).toBeInTheDocument())
   })
 
   it('should display Safe Apps Cards (Name & Description)', async () => {
     render(<SafeAppsDashboardSection />)
 
     await waitFor(() => expect(screen.getByText('Compound')).toBeInTheDocument())
-    await waitFor(() => expect(screen.getByText('Money markets on the Ethereum blockchain')).toBeInTheDocument())
-
     await waitFor(() => expect(screen.getByText('ENS App')).toBeInTheDocument())
-    await waitFor(() =>
-      expect(screen.getByText('Decentralised naming for wallets, websites, & more.')).toBeInTheDocument(),
-    )
-
-    await waitFor(() => expect(screen.getByText('Synthetix')).toBeInTheDocument())
-    await waitFor(() => expect(screen.getByText('Trade synthetic assets on Ethereum')).toBeInTheDocument())
-
     await waitFor(() => expect(screen.getByText('Transaction Builder')).toBeInTheDocument())
-    await waitFor(() => expect(screen.getByText('A Safe app to compose custom transactions')).toBeInTheDocument())
-  })
-
-  it('should show the Explore Safe Apps Link', async () => {
-    render(<SafeAppsDashboardSection />)
-
-    await waitFor(() => expect(screen.getByText('Explore Safe Apps')).toBeInTheDocument())
   })
 })
diff --git a/apps/web/src/components/dashboard/SafeAppsDashboardSection/styles.module.css b/apps/web/src/components/dashboard/SafeAppsDashboardSection/styles.module.css
new file mode 100644
index 000000000..b150a7823
--- /dev/null
+++ b/apps/web/src/components/dashboard/SafeAppsDashboardSection/styles.module.css
@@ -0,0 +1,33 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  gap: var(--space-1);
+  padding: var(--space-2);
+}
+
+.carouselWrapper {
+  position: relative;
+}
+
+.carouselNav {
+  display: flex;
+  justify-content: flex-end;
+  gap: 4px;
+}
+
+.carouselList {
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: 250px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+}
+
+.carouselList::-webkit-scrollbar {
+  display: none;
+}
diff --git a/apps/web/src/components/dashboard/StakingBanner/index.tsx b/apps/web/src/components/dashboard/StakingBanner/index.tsx
new file mode 100644
index 000000000..67c817e2c
--- /dev/null
+++ b/apps/web/src/components/dashboard/StakingBanner/index.tsx
@@ -0,0 +1,116 @@
+import { Typography, Card, SvgIcon, Button, Box, Stack, Link } from '@mui/material'
+import css from './styles.module.css'
+import StakeIcon from '@/public/images/common/stake.svg'
+import classNames from 'classnames'
+import { useDarkMode } from '@/hooks/useDarkMode'
+import { useRouter } from 'next/router'
+import NextLink from 'next/link'
+import { OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
+import useLocalStorage from '@/services/local-storage/useLocalStorage'
+import ExternalLink from '@/components/common/ExternalLink'
+import { AppRoutes } from '@/config/routes'
+import useIsStakingBannerVisible from '@/components/dashboard/StakingBanner/useIsStakingBannerVisible'
+
+const LEARN_MORE_LINK = 'https://help.safe.global/en/articles/222615-safe-staking'
+
+const StakingBanner = ({
+  hideLocalStorageKey = 'hideStakingBanner',
+}: { large?: boolean; hideLocalStorageKey?: string } = {}) => {
+  const isDarkMode = useDarkMode()
+  const router = useRouter()
+  const isStakingBannerVisible = useIsStakingBannerVisible()
+
+  const [_, setWidgetHidden] = useLocalStorage<boolean>(hideLocalStorageKey)
+
+  if (!isStakingBannerVisible) return null
+
+  const onClick = () => {
+    trackEvent(OVERVIEW_EVENTS.OPEN_STAKING_WIDGET)
+  }
+
+  const onHide = () => {
+    setWidgetHidden(true)
+    trackEvent(OVERVIEW_EVENTS.HIDE_STAKING_BANNER)
+  }
+
+  const onLearnMore = () => {
+    trackEvent(OVERVIEW_EVENTS.OPEN_LEARN_MORE_STAKING_BANNER)
+  }
+
+  return (
+    <>
+      <Card className={css.bannerWrapper}>
+        {!isDarkMode && <Box className={classNames(css.gradientBackground)} />}
+
+        <Stack
+          direction={{ xs: 'column', md: 'row' }}
+          spacing={2}
+          sx={{
+            alignItems: { xs: 'initial', md: 'center' },
+            justifyContent: 'space-between',
+          }}
+        >
+          <Stack
+            direction="row"
+            spacing={2}
+            sx={{
+              alignItems: 'center',
+              justifyContent: 'center',
+              zIndex: 1,
+            }}
+          >
+            <SvgIcon component={StakeIcon} sx={{ width: '16px', height: '16px' }} inheritViewBox />
+
+            <Typography variant="body2">
+              <strong>Stake ETH and earn rewards up to 5% APY.</strong> Lock 32 ETH to become a validator via the Kiln
+              widget. You can also{' '}
+              <NextLink
+                href={{ pathname: AppRoutes.apps.index, query: { ...router.query, categories: ['Staking'] } }}
+                passHref
+                type="link"
+              >
+                <Link>explore Safe Apps</Link>
+              </NextLink>{' '}
+              and home staking for other options. Staking involves risks like slashing.
+              {LEARN_MORE_LINK && (
+                <>
+                  {' '}
+                  <ExternalLink onClick={onLearnMore} href={LEARN_MORE_LINK}>
+                    Learn more
+                  </ExternalLink>
+                </>
+              )}
+            </Typography>
+          </Stack>
+
+          <Stack
+            direction={{ xs: 'column', md: 'row' }}
+            spacing={2}
+            sx={{
+              alignItems: { xs: 'center', md: 'flex-end' },
+            }}
+          >
+            <Box>
+              <Button variant="text" onClick={onHide} size="small" sx={{ whiteSpace: 'nowrap' }}>
+                Don&apos;t show again
+              </Button>
+            </Box>
+            <NextLink
+              href={AppRoutes.stake && { pathname: AppRoutes.stake, query: { safe: router.query.safe } }}
+              passHref
+              rel="noreferrer"
+              onClick={onClick}
+              className={classNames(css.stakeButton)}
+            >
+              <Button fullWidth size="small" variant="contained">
+                Stake
+              </Button>
+            </NextLink>
+          </Stack>
+        </Stack>
+      </Card>
+    </>
+  )
+}
+
+export default StakingBanner
diff --git a/apps/web/src/components/dashboard/StakingBanner/styles.module.css b/apps/web/src/components/dashboard/StakingBanner/styles.module.css
new file mode 100644
index 000000000..2d1693662
--- /dev/null
+++ b/apps/web/src/components/dashboard/StakingBanner/styles.module.css
@@ -0,0 +1,75 @@
+.bannerWrapper {
+  position: relative;
+  border: none;
+  margin: 0;
+  padding: var(--space-2);
+}
+
+.bannerWrapperLarge {
+  padding: var(--space-4);
+}
+
+.stakeIllustration {
+  position: absolute;
+  width: 400px;
+  height: inherit;
+  right: 0;
+}
+
+.gradientShadow {
+  width: 400px;
+  height: 243px;
+  background: linear-gradient(#b0ffc9, #5fddff);
+  filter: blur(40px);
+  position: absolute;
+  right: 0;
+  top: var(--space-8);
+  border-radius: 50%;
+}
+
+.gradientShadowDarkMode {
+  background: linear-gradient(#04491a, #087796);
+}
+
+.gradientBackground {
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(225deg, #d7f6ff, #b0ffc9);
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.kilnIcon {
+  height: 14px;
+  width: inherit;
+  margin-top: -1px;
+}
+
+.kilnIconDarkMode path {
+  fill: var(--color-primary-light);
+}
+
+.gradientText {
+  background: linear-gradient(225deg, #5fddff 12.5%, #12ff80 88.07%);
+  background-clip: text;
+  color: transparent;
+}
+
+.header {
+  padding-right: var(--space-8);
+}
+
+.stakeButton {
+  width: 100%;
+}
+
+@media (max-width: 899.99px) {
+  .header {
+    padding: 0;
+  }
+
+  .widgetWrapper {
+    padding: var(--space-4);
+  }
+}
diff --git a/apps/web/src/components/dashboard/StakingBanner/useIsStakingBannerVisible.test.ts b/apps/web/src/components/dashboard/StakingBanner/useIsStakingBannerVisible.test.ts
new file mode 100644
index 000000000..8aa57bc7f
--- /dev/null
+++ b/apps/web/src/components/dashboard/StakingBanner/useIsStakingBannerVisible.test.ts
@@ -0,0 +1,91 @@
+import { renderHook } from '@testing-library/react'
+import useIsStakingBannerVisible from './useIsStakingBannerVisible'
+
+jest.mock('@safe-global/safe-gateway-typescript-sdk', () => ({
+  __esModule: true,
+  TokenType: { NATIVE_TOKEN: 'NATIVE_TOKEN', ERC20: 'ERC20' },
+}))
+
+jest.mock('@/features/stake/hooks/useIsStakingBannerEnabled', () => ({
+  __esModule: true,
+  default: jest.fn(),
+}))
+import useIsStakingBannerEnabled from '@/features/stake/hooks/useIsStakingBannerEnabled'
+
+jest.mock('@/hooks/useBalances', () => ({
+  __esModule: true,
+  default: jest.fn(),
+}))
+import useBalances from '@/hooks/useBalances'
+
+jest.mock('@/hooks/useSanctionedAddress', () => ({
+  __esModule: true,
+  useSanctionedAddress: jest.fn(),
+}))
+import { useSanctionedAddress } from '@/hooks/useSanctionedAddress'
+
+// `ethers/formatUnits` is used unchanged – we just re‑export it so Jest can spy if you ever need to
+jest.mock('ethers', () => {
+  const real = jest.requireActual('ethers')
+  return { ...real }
+})
+
+const nativeBalance = (
+  etherAmount: number, // human‑readable ETH
+  decimals = 18,
+) => ({
+  balance: (BigInt(etherAmount) * 10n ** BigInt(decimals)).toString(),
+  tokenInfo: { type: 'NATIVE_TOKEN', decimals },
+})
+
+const mockIsEnabled = useIsStakingBannerEnabled as jest.MockedFunction<() => boolean>
+const mockBalances = useBalances as jest.MockedFunction<any>
+const mockSanctions = useSanctionedAddress as jest.MockedFunction<(f: boolean) => string | undefined>
+
+describe('useIsStakingBannerVisible', () => {
+  beforeEach(() => {
+    jest.resetAllMocks()
+
+    // sensible happy‑path defaults for every test
+    mockIsEnabled.mockReturnValue(true)
+    mockSanctions.mockReturnValue(undefined)
+    mockBalances.mockReturnValue({
+      balances: { items: [nativeBalance(32)] }, // exactly the min
+    })
+  })
+
+  it('returns TRUE when the feature is enabled, wallet is not sanctioned, and balance ≥ 32 ETH', () => {
+    const { result } = renderHook(() => useIsStakingBannerVisible())
+    expect(result.current).toBe(true)
+  })
+
+  it('returns FALSE when the feature‑flag is off', () => {
+    mockIsEnabled.mockReturnValue(false)
+
+    const { result } = renderHook(() => useIsStakingBannerVisible())
+    expect(result.current).toBe(false)
+  })
+
+  it('returns FALSE for a sanctioned wallet', () => {
+    mockSanctions.mockReturnValue('0xDEADbeEf')
+
+    const { result } = renderHook(() => useIsStakingBannerVisible())
+    expect(result.current).toBe(false)
+  })
+
+  it('returns FALSE when the wallet has no native‑token entry at all', () => {
+    mockBalances.mockReturnValue({ balances: { items: [] } })
+
+    const { result } = renderHook(() => useIsStakingBannerVisible())
+    expect(result.current).toBe(false)
+  })
+
+  it('returns FALSE when the native‑token balance is below the 32 ETH threshold', () => {
+    mockBalances.mockReturnValue({
+      balances: { items: [nativeBalance(31)] },
+    })
+
+    const { result } = renderHook(() => useIsStakingBannerVisible())
+    expect(result.current).toBe(false)
+  })
+})
diff --git a/apps/web/src/components/dashboard/StakingBanner/useIsStakingBannerVisible.ts b/apps/web/src/components/dashboard/StakingBanner/useIsStakingBannerVisible.ts
new file mode 100644
index 000000000..5e3e6cad7
--- /dev/null
+++ b/apps/web/src/components/dashboard/StakingBanner/useIsStakingBannerVisible.ts
@@ -0,0 +1,28 @@
+import useBalances from '@/hooks/useBalances'
+import useIsStakingBannerEnabled from '@/features/stake/hooks/useIsStakingBannerEnabled'
+import { useSanctionedAddress } from '@/hooks/useSanctionedAddress'
+import { useMemo } from 'react'
+import { formatUnits } from 'ethers'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+
+const MIN_NATIVE_TOKEN_BALANCE = 32
+
+const useIsStakingBannerVisible = () => {
+  const { balances } = useBalances()
+  const isStakingBannerEnabled = useIsStakingBannerEnabled()
+  const sanctionedAddress = useSanctionedAddress(isStakingBannerEnabled)
+
+  const nativeTokenBalance = useMemo(
+    () => balances.items.find((balance) => balance.tokenInfo.type === TokenType.NATIVE_TOKEN),
+    [balances.items],
+  )
+
+  const hasSufficientFunds =
+    nativeTokenBalance != null &&
+    Number(formatUnits(nativeTokenBalance.balance, nativeTokenBalance.tokenInfo.decimals ?? 0)) >=
+      MIN_NATIVE_TOKEN_BALANCE
+
+  return isStakingBannerEnabled && !Boolean(sanctionedAddress) && hasSufficientFunds
+}
+
+export default useIsStakingBannerVisible
diff --git a/apps/web/src/components/dashboard/index.tsx b/apps/web/src/components/dashboard/index.tsx
new file mode 100644
index 000000000..53b9c320b
--- /dev/null
+++ b/apps/web/src/components/dashboard/index.tsx
@@ -0,0 +1,72 @@
+import FirstSteps from '@/components/dashboard/FirstSteps'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { type ReactElement } from 'react'
+import dynamic from 'next/dynamic'
+import { Grid } from '@mui/material'
+import PendingTxsList from '@/components/dashboard/PendingTxs/PendingTxsList'
+import AssetsWidget from '@/components/dashboard/Assets'
+import Overview from '@/components/dashboard/Overview/Overview'
+import SafeAppsDashboardSection from '@/components/dashboard/SafeAppsDashboardSection/SafeAppsDashboardSection'
+import { useIsRecoverySupported } from '@/features/recovery/hooks/useIsRecoverySupported'
+import { useHasFeature } from '@/hooks/useChains'
+import css from './styles.module.css'
+import { InconsistentSignerSetupWarning } from '@/features/multichain/components/SignerSetupWarning/InconsistentSignerSetupWarning'
+import { UnsupportedMastercopyWarning } from '@/features/multichain/components/UnsupportedMastercopyWarning/UnsupportedMasterCopyWarning'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import NewsDisclaimers from '@/components/dashboard/NewsCarousel/NewsDisclaimers'
+
+const RecoveryHeader = dynamic(() => import('@/features/recovery/components/RecoveryHeader'))
+
+const Dashboard = (): ReactElement => {
+  const { safe } = useSafeInfo()
+  const showSafeApps = useHasFeature(FEATURES.SAFE_APPS)
+  const supportsRecovery = useIsRecoverySupported()
+
+  return (
+    <>
+      <Grid container spacing={3}>
+        {supportsRecovery && <RecoveryHeader />}
+
+        <Grid item xs={12} className={css.hideIfEmpty} sx={{ '& > div': { m: 0 } }}>
+          <InconsistentSignerSetupWarning />
+        </Grid>
+
+        <Grid item xs={12} className={css.hideIfEmpty}>
+          <UnsupportedMastercopyWarning />
+        </Grid>
+
+        <Grid item xs={12}>
+          <Overview />
+        </Grid>
+
+        <Grid item xs={12} className={css.hideIfEmpty}>
+          <FirstSteps />
+        </Grid>
+
+        {safe.deployed && (
+          <>
+            <Grid item xs={12} lg={6}>
+              <AssetsWidget />
+            </Grid>
+
+            <Grid item xs={12} lg={6}>
+              <PendingTxsList />
+            </Grid>
+
+            {showSafeApps && (
+              <Grid item xs={12}>
+                <SafeAppsDashboardSection />
+              </Grid>
+            )}
+
+            <Grid item xs={12}>
+              <NewsDisclaimers />
+            </Grid>
+          </>
+        )}
+      </Grid>
+    </>
+  )
+}
+
+export default Dashboard
diff --git a/apps/web/src/components/dashboard/styled.tsx b/apps/web/src/components/dashboard/styled.tsx
new file mode 100644
index 000000000..381a5a4d5
--- /dev/null
+++ b/apps/web/src/components/dashboard/styled.tsx
@@ -0,0 +1,54 @@
+import type { ReactElement } from 'react'
+import styled from '@emotion/styled'
+import NextLink from 'next/link'
+import type { LinkProps } from 'next/link'
+import { Link } from '@mui/material'
+import ChevronRightIcon from '@mui/icons-material/ChevronRight'
+
+export const WidgetContainer = styled.section`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+`
+
+export const WidgetBody = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  height: 100%;
+`
+
+export const Card = styled.div`
+  background: var(--color-background-paper);
+  padding: var(--space-3);
+  border-radius: 6px;
+  flex-grow: 1;
+  position: relative;
+  box-sizing: border-box;
+  height: 100%;
+  overflow: hidden;
+
+  & h2 {
+    margin-top: 0;
+  }
+`
+
+export const ViewAllLink = ({ url, text }: { url: LinkProps['href']; text?: string }): ReactElement => (
+  <NextLink href={url} passHref legacyBehavior>
+    <Link
+      data-testid="view-all-link"
+      sx={{
+        textDecoration: 'none',
+        fontWeight: 'bold',
+        display: 'flex',
+        alignItems: 'center',
+        gap: '4px',
+        color: 'primary.light',
+        fontSize: '14px',
+        '&:hover': { color: 'primary.main' },
+      }}
+    >
+      {text || 'View all'} <ChevronRightIcon fontSize="small" />
+    </Link>
+  </NextLink>
+)
diff --git a/apps/web/src/components/dashboard/styles.module.css b/apps/web/src/components/dashboard/styles.module.css
new file mode 100644
index 000000000..10d1d8d04
--- /dev/null
+++ b/apps/web/src/components/dashboard/styles.module.css
@@ -0,0 +1,17 @@
+.hideIfEmpty:empty {
+  display: none;
+}
+
+.topBanner {
+  margin-left: calc(var(--space-3) * -1);
+  margin-right: calc(var(--space-3) * -1);
+  margin-top: calc(var(--space-3) * -1);
+}
+
+@media (max-width: 599.95px) {
+  .topBanner {
+    margin-left: calc(var(--space-2) * -1);
+    margin-right: calc(var(--space-2) * -1);
+    margin-top: calc(var(--space-2) * -1);
+  }
+}
diff --git a/src/components/new-safe/CardStepper/index.tsx b/apps/web/src/components/new-safe/CardStepper/index.tsx
similarity index 100%
rename from src/components/new-safe/CardStepper/index.tsx
rename to apps/web/src/components/new-safe/CardStepper/index.tsx
diff --git a/src/components/new-safe/CardStepper/styles.module.css b/apps/web/src/components/new-safe/CardStepper/styles.module.css
similarity index 100%
rename from src/components/new-safe/CardStepper/styles.module.css
rename to apps/web/src/components/new-safe/CardStepper/styles.module.css
diff --git a/src/components/new-safe/CardStepper/useCardStepper.ts b/apps/web/src/components/new-safe/CardStepper/useCardStepper.ts
similarity index 100%
rename from src/components/new-safe/CardStepper/useCardStepper.ts
rename to apps/web/src/components/new-safe/CardStepper/useCardStepper.ts
diff --git a/apps/web/src/components/new-safe/OwnerRow/index.tsx b/apps/web/src/components/new-safe/OwnerRow/index.tsx
new file mode 100644
index 000000000..3e43f0948
--- /dev/null
+++ b/apps/web/src/components/new-safe/OwnerRow/index.tsx
@@ -0,0 +1,148 @@
+import { useCallback, useEffect, useMemo } from 'react'
+import { CircularProgress, FormControl, Grid, IconButton, SvgIcon, Typography } from '@mui/material'
+import NameInput from '@/components/common/NameInput'
+import InputAdornment from '@mui/material/InputAdornment'
+import AddressBookInput from '@/components/common/AddressBookInput'
+import DeleteIcon from '@/public/images/common/delete.svg'
+import { useFormContext, useWatch } from 'react-hook-form'
+import { useAddressResolver } from '@/hooks/useAddressResolver'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import type { NamedAddress } from '@/components/new-safe/create/types'
+import useWallet from '@/hooks/wallets/useWallet'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import css from './styles.module.css'
+import classNames from 'classnames'
+import useSafeInfo from '@/hooks/useSafeInfo'
+
+export const OwnerRow = ({
+  index,
+  groupName,
+  removable = true,
+  remove,
+  readOnly = false,
+}: {
+  index: number
+  removable?: boolean
+  groupName: string
+  remove?: (index: number) => void
+  readOnly?: boolean
+}) => {
+  const { safeAddress } = useSafeInfo()
+  const wallet = useWallet()
+  const fieldName = `${groupName}.${index}`
+  const { control, getValues, setValue } = useFormContext()
+  const owners = useWatch({
+    control,
+    name: groupName,
+  })
+  const owner = useWatch({
+    control,
+    name: fieldName,
+  })
+
+  const deps = useMemo(() => {
+    return Array.from({ length: owners.length }, (_, i) => `${groupName}.${i}`)
+  }, [owners, groupName])
+
+  const validateOwnerAddress = useCallback(
+    async (address: string) => {
+      if (sameAddress(address, safeAddress)) {
+        return 'The Safe Account cannot own itself'
+      }
+      const owners = getValues('owners')
+      if (owners.filter((owner: NamedAddress) => sameAddress(owner.address, address)).length > 1) {
+        return 'Signer is already added'
+      }
+    },
+    [getValues, safeAddress],
+  )
+
+  const { name, ens, resolving } = useAddressResolver(owner.address)
+
+  useEffect(() => {
+    if (name && !getValues(`${fieldName}.name`)) {
+      setValue(`${fieldName}.name`, name)
+    }
+  }, [setValue, getValues, name, fieldName])
+
+  useEffect(() => {
+    if (ens) {
+      setValue(`${fieldName}.ens`, ens)
+    }
+  }, [ens, setValue, fieldName])
+
+  const walletIsOwner = owner.address === wallet?.address
+
+  return (
+    <Grid
+      container
+      spacing={3}
+      className={classNames({ [css.helper]: walletIsOwner })}
+      sx={{
+        alignItems: 'center',
+        marginBottom: 3,
+        flexWrap: ['wrap', undefined, 'nowrap'],
+      }}
+    >
+      <Grid item xs={12} md={readOnly ? 5 : 4}>
+        <FormControl fullWidth>
+          <NameInput
+            data-testid="owner-name"
+            name={`${fieldName}.name`}
+            label="Signer name"
+            InputLabelProps={{ shrink: true }}
+            placeholder={ens || `Signer ${index + 1}`}
+            helperText={walletIsOwner && 'Your connected wallet'}
+            InputProps={{
+              endAdornment: resolving ? (
+                <InputAdornment position="end">
+                  <CircularProgress size={20} />
+                </InputAdornment>
+              ) : null,
+            }}
+          />
+        </FormControl>
+      </Grid>
+      <Grid item xs={11} md={7}>
+        {readOnly ? (
+          <Typography variant="body2" component="div">
+            <EthHashInfo address={owner.address} shortAddress hasExplorer showCopyButton />
+          </Typography>
+        ) : (
+          <FormControl fullWidth>
+            <AddressBookInput
+              name={`${fieldName}.address`}
+              label="Signer"
+              validate={validateOwnerAddress}
+              deps={deps}
+              onReset={() => setValue(`${fieldName}.name`, '')}
+            />
+          </FormControl>
+        )}
+      </Grid>
+      {!readOnly && (
+        <Grid
+          item
+          xs={1}
+          sx={{
+            ml: -2,
+            alignSelf: 'stretch',
+            display: 'flex',
+            alignItems: 'center',
+            flexShrink: 0,
+          }}
+        >
+          {removable && (
+            <>
+              <IconButton data-testid="remove-owner-btn" onClick={() => remove?.(index)} aria-label="Remove signer">
+                <SvgIcon component={DeleteIcon} inheritViewBox />
+              </IconButton>
+            </>
+          )}
+        </Grid>
+      )}
+    </Grid>
+  )
+}
+
+export default OwnerRow
diff --git a/src/components/new-safe/OwnerRow/styles.module.css b/apps/web/src/components/new-safe/OwnerRow/styles.module.css
similarity index 100%
rename from src/components/new-safe/OwnerRow/styles.module.css
rename to apps/web/src/components/new-safe/OwnerRow/styles.module.css
diff --git a/src/components/new-safe/ReviewRow/index.tsx b/apps/web/src/components/new-safe/ReviewRow/index.tsx
similarity index 100%
rename from src/components/new-safe/ReviewRow/index.tsx
rename to apps/web/src/components/new-safe/ReviewRow/index.tsx
diff --git a/apps/web/src/components/new-safe/create/AdvancedCreateSafe.tsx b/apps/web/src/components/new-safe/create/AdvancedCreateSafe.tsx
new file mode 100644
index 000000000..11074f467
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/AdvancedCreateSafe.tsx
@@ -0,0 +1,166 @@
+import { ECOSYSTEM_ID_ADDRESS } from '@/config/constants'
+import { Container, Typography, Grid } from '@mui/material'
+import { useRouter } from 'next/router'
+
+import useWallet from '@/hooks/wallets/useWallet'
+import OverviewWidget from '@/components/new-safe/create/OverviewWidget'
+import type { TxStepperProps } from '@/components/new-safe/CardStepper/useCardStepper'
+import SetNameStep from '@/components/new-safe/create/steps/SetNameStep'
+import OwnerPolicyStep from '@/components/new-safe/create/steps/OwnerPolicyStep'
+import ReviewStep from '@/components/new-safe/create/steps/ReviewStep'
+import { CreateSafeStatus } from '@/components/new-safe/create/steps/StatusStep'
+import { CardStepper } from '@/components/new-safe/CardStepper'
+import { AppRoutes } from '@/config/routes'
+import { CREATE_SAFE_CATEGORY } from '@/services/analytics'
+import type { CreateSafeInfoItem } from '@/components/new-safe/create/CreateSafeInfos'
+import CreateSafeInfos from '@/components/new-safe/create/CreateSafeInfos'
+import { useState } from 'react'
+import { type NewSafeFormData } from '.'
+import AdvancedOptionsStep from './steps/AdvancedOptionsStep'
+import { useCurrentChain } from '@/hooks/useChains'
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+
+const AdvancedCreateSafe = () => {
+  const router = useRouter()
+  const wallet = useWallet()
+  const chain = useCurrentChain()
+
+  const [safeName, setSafeName] = useState('')
+  const [dynamicHint, setDynamicHint] = useState<CreateSafeInfoItem>()
+  const [activeStep, setActiveStep] = useState(0)
+
+  const CreateSafeSteps: TxStepperProps<NewSafeFormData>['steps'] = [
+    {
+      title: 'Select network and name of your Safe Account',
+      subtitle: 'Select the network on which to create your Safe Account',
+      render: (data, onSubmit, onBack, setStep) => (
+        <SetNameStep
+          isAdvancedFlow
+          setSafeName={setSafeName}
+          data={data}
+          onSubmit={onSubmit}
+          onBack={onBack}
+          setStep={setStep}
+          setOverviewNetworks={() => {}}
+          setDynamicHint={() => {}}
+        />
+      ),
+    },
+    {
+      title: 'Signers and confirmations',
+      subtitle:
+        'Set the signer wallets of your Safe Account and how many need to confirm to execute a valid transaction.',
+      render: (data, onSubmit, onBack, setStep) => (
+        <OwnerPolicyStep
+          setDynamicHint={setDynamicHint}
+          data={data}
+          onSubmit={onSubmit}
+          onBack={onBack}
+          setStep={setStep}
+        />
+      ),
+    },
+    {
+      title: 'Advanced settings',
+      subtitle: 'Choose the Safe version and optionally a specific salt nonce',
+      render: (data, onSubmit, onBack, setStep) => (
+        <AdvancedOptionsStep data={data} onSubmit={onSubmit} onBack={onBack} setStep={setStep} />
+      ),
+    },
+    {
+      title: 'Review',
+      subtitle:
+        "You're about to create a new Safe Account and will have to confirm the transaction with your connected wallet.",
+      render: (data, onSubmit, onBack, setStep) => (
+        <ReviewStep data={data} onSubmit={onSubmit} onBack={onBack} setStep={setStep} />
+      ),
+    },
+    {
+      title: '',
+      subtitle: '',
+      render: (data, onSubmit, onBack, setStep, setProgressColor, setStepData) => (
+        <CreateSafeStatus
+          data={data}
+          onSubmit={onSubmit}
+          onBack={onBack}
+          setStep={setStep}
+          setProgressColor={setProgressColor}
+          setStepData={setStepData}
+        />
+      ),
+    },
+  ]
+
+  const initialStep = 0
+  const initialData: NewSafeFormData = {
+    name: '',
+    networks: [],
+    owners: [],
+    threshold: 1,
+    saltNonce: 0,
+    safeVersion: getLatestSafeVersion(chain),
+    paymentReceiver: ECOSYSTEM_ID_ADDRESS,
+  }
+
+  const onClose = () => {
+    router.push(AppRoutes.welcome.index)
+  }
+
+  return (
+    <Container>
+      <Grid
+        container
+        columnSpacing={3}
+        sx={{
+          justifyContent: 'center',
+          mt: [2, null, 7],
+        }}
+      >
+        <Grid item xs={12}>
+          <Typography
+            variant="h2"
+            sx={{
+              pb: 2,
+            }}
+          >
+            Create new Safe Account
+          </Typography>
+        </Grid>
+        <Grid
+          item
+          xs={12}
+          md={8}
+          sx={{
+            order: [1, null, 0],
+          }}
+        >
+          <CardStepper
+            initialData={initialData}
+            initialStep={initialStep}
+            onClose={onClose}
+            steps={CreateSafeSteps}
+            eventCategory={CREATE_SAFE_CATEGORY}
+            setWidgetStep={setActiveStep}
+          />
+        </Grid>
+
+        <Grid
+          item
+          xs={12}
+          md={4}
+          sx={{
+            mb: [3, null, 0],
+            order: [0, null, 1],
+          }}
+        >
+          <Grid container spacing={3}>
+            {activeStep < 2 && <OverviewWidget safeName={safeName} networks={[]} />}
+            {wallet?.address && <CreateSafeInfos dynamicHint={dynamicHint} />}
+          </Grid>
+        </Grid>
+      </Grid>
+    </Container>
+  )
+}
+
+export default AdvancedCreateSafe
diff --git a/apps/web/src/components/new-safe/create/CreateSafeInfos/index.tsx b/apps/web/src/components/new-safe/create/CreateSafeInfos/index.tsx
new file mode 100644
index 000000000..3dc1d690f
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/CreateSafeInfos/index.tsx
@@ -0,0 +1,52 @@
+import InfoWidget from '@/components/new-safe/create/InfoWidget'
+import { Grid } from '@mui/material'
+import type { AlertColor } from '@mui/material'
+import { type ReactElement } from 'react'
+
+export type CreateSafeInfoItem = {
+  title: string
+  variant: AlertColor
+  steps: { title: string; text: string | ReactElement }[]
+}
+
+const CreateSafeInfos = ({
+  staticHint,
+  dynamicHint,
+}: {
+  staticHint?: CreateSafeInfoItem
+  dynamicHint?: CreateSafeInfoItem
+}) => {
+  if (!staticHint && !dynamicHint) {
+    return null
+  }
+
+  return (
+    <Grid item xs={12}>
+      <Grid
+        container
+        direction="column"
+        sx={{
+          gap: 3,
+        }}
+      >
+        {staticHint && (
+          <Grid item>
+            <InfoWidget title={staticHint.title} variant={staticHint.variant} steps={staticHint.steps} />
+          </Grid>
+        )}
+        {dynamicHint && (
+          <Grid item>
+            <InfoWidget
+              title={dynamicHint.title}
+              variant={dynamicHint.variant}
+              steps={dynamicHint.steps}
+              startExpanded
+            />
+          </Grid>
+        )}
+      </Grid>
+    </Grid>
+  )
+}
+
+export default CreateSafeInfos
diff --git a/src/components/new-safe/create/InfoWidget/index.tsx b/apps/web/src/components/new-safe/create/InfoWidget/index.tsx
similarity index 100%
rename from src/components/new-safe/create/InfoWidget/index.tsx
rename to apps/web/src/components/new-safe/create/InfoWidget/index.tsx
diff --git a/src/components/new-safe/create/InfoWidget/styles.module.css b/apps/web/src/components/new-safe/create/InfoWidget/styles.module.css
similarity index 100%
rename from src/components/new-safe/create/InfoWidget/styles.module.css
rename to apps/web/src/components/new-safe/create/InfoWidget/styles.module.css
diff --git a/apps/web/src/components/new-safe/create/NetworkWarning/index.tsx b/apps/web/src/components/new-safe/create/NetworkWarning/index.tsx
new file mode 100644
index 000000000..2d99a38f0
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/NetworkWarning/index.tsx
@@ -0,0 +1,28 @@
+import { Alert, AlertTitle, Box } from '@mui/material'
+import { useCurrentChain } from '@/hooks/useChains'
+import ChainSwitcher from '@/components/common/ChainSwitcher'
+import useIsWrongChain from '@/hooks/useIsWrongChain'
+
+const NetworkWarning = ({ action }: { action?: string }) => {
+  const chain = useCurrentChain()
+  const isWrongChain = useIsWrongChain()
+
+  if (!chain || !isWrongChain) return null
+
+  return (
+    <Alert severity="warning">
+      <AlertTitle sx={{ fontWeight: 700 }}>Change your wallet network</AlertTitle>You are trying to{' '}
+      {action || 'sign or execute a transaction'} on {chain.chainName}. Make sure that your wallet is set to the same
+      network.
+      <Box
+        sx={{
+          mt: 2,
+        }}
+      >
+        <ChainSwitcher />
+      </Box>
+    </Alert>
+  )
+}
+
+export default NetworkWarning
diff --git a/apps/web/src/components/new-safe/create/NoWalletConnectedWarning/index.tsx b/apps/web/src/components/new-safe/create/NoWalletConnectedWarning/index.tsx
new file mode 100644
index 000000000..1475ae894
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/NoWalletConnectedWarning/index.tsx
@@ -0,0 +1,27 @@
+import { Alert, AlertTitle, Box } from '@mui/material'
+import useWallet from '@/hooks/wallets/useWallet'
+import ConnectWalletButton from '@/components/common/ConnectWallet/ConnectWalletButton'
+
+const NoWalletConnectedWarning = () => {
+  const wallet = useWallet()
+
+  if (wallet) {
+    return null
+  }
+
+  return (
+    <Alert severity="warning" sx={{ mt: 3 }}>
+      <AlertTitle sx={{ fontWeight: 700 }}>No wallet connected</AlertTitle>You need to connect a wallet to create a Safe
+      account.
+      <Box
+        sx={{
+          mt: 2,
+        }}
+      >
+        <ConnectWalletButton />
+      </Box>
+    </Alert>
+  )
+}
+
+export default NoWalletConnectedWarning
diff --git a/apps/web/src/components/new-safe/create/OverviewWidget/index.tsx b/apps/web/src/components/new-safe/create/OverviewWidget/index.tsx
new file mode 100644
index 000000000..a6119321e
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/OverviewWidget/index.tsx
@@ -0,0 +1,56 @@
+import WalletOverview from 'src/components/common/WalletOverview'
+import useWallet from '@/hooks/wallets/useWallet'
+import { Box, Card, Grid, Typography } from '@mui/material'
+import type { ReactElement } from 'react'
+import SafeLogo from '@/public/images/logo-no-text.svg'
+
+import css from '@/components/new-safe/create/OverviewWidget/styles.module.css'
+import ConnectWalletButton from '@/components/common/ConnectWallet/ConnectWalletButton'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import NetworkLogosList from '@/features/multichain/components/NetworkLogosList'
+
+const LOGO_DIMENSIONS = '22px'
+
+const OverviewWidget = ({ safeName, networks }: { safeName: string; networks: ChainInfo[] }): ReactElement | null => {
+  const wallet = useWallet()
+  const rows = [
+    ...(wallet ? [{ title: 'Wallet', component: <WalletOverview wallet={wallet} /> }] : []),
+    ...(safeName !== '' ? [{ title: 'Name', component: <Typography>{safeName}</Typography> }] : []),
+    ...(networks.length
+      ? [
+          {
+            title: 'Network(s)',
+            component: <NetworkLogosList networks={networks} />,
+          },
+        ]
+      : []),
+  ]
+
+  return (
+    <Grid item xs={12}>
+      <Card className={css.card}>
+        <div className={css.header}>
+          <SafeLogo alt="Safe logo" width={LOGO_DIMENSIONS} height={LOGO_DIMENSIONS} />
+          <Typography variant="h4">Your Safe Account preview</Typography>
+        </div>
+        {wallet ? (
+          rows.map((row) => (
+            <div key={row.title} className={css.row}>
+              <Typography variant="body2">{row.title}</Typography>
+              {row.component}
+            </div>
+          ))
+        ) : (
+          <Box p={2}>
+            <Typography variant="body2" color="border.main" textAlign="center" width={1} mb={1}>
+              Connect your wallet to continue
+            </Typography>
+            <ConnectWalletButton />
+          </Box>
+        )}
+      </Card>
+    </Grid>
+  )
+}
+
+export default OverviewWidget
diff --git a/apps/web/src/components/new-safe/create/OverviewWidget/styles.module.css b/apps/web/src/components/new-safe/create/OverviewWidget/styles.module.css
new file mode 100644
index 000000000..6119485d8
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/OverviewWidget/styles.module.css
@@ -0,0 +1,23 @@
+.card {
+  border: 1px solid var(--color-border-light);
+  width: 100%;
+}
+
+.header {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--space-2);
+}
+
+.row {
+  padding: var(--space-2);
+  display: flex;
+  flex-grow: 1;
+  justify-content: space-between;
+  align-items: center;
+  border-top: 1px solid var(--color-border-light);
+  gap: var(--space-1);
+}
diff --git a/src/components/new-safe/create/__tests__/useEstimateSafeCreationGas.test.ts b/apps/web/src/components/new-safe/create/__tests__/useEstimateSafeCreationGas.test.ts
similarity index 78%
rename from src/components/new-safe/create/__tests__/useEstimateSafeCreationGas.test.ts
rename to apps/web/src/components/new-safe/create/__tests__/useEstimateSafeCreationGas.test.ts
index 6acc65087..a9b497089 100644
--- a/src/components/new-safe/create/__tests__/useEstimateSafeCreationGas.test.ts
+++ b/apps/web/src/components/new-safe/create/__tests__/useEstimateSafeCreationGas.test.ts
@@ -7,16 +7,27 @@ import * as web3 from '@/hooks/wallets/web3'
 import * as safeContracts from '@/services/contracts/safeContracts'
 import * as store from '@/store'
 import { renderHook } from '@/tests/test-utils'
+import type { SafeProxyFactoryContractImplementationType } from '@safe-global/protocol-kit/dist/src/types/contracts'
 import { JsonRpcProvider } from 'ethers'
 import { EMPTY_DATA, ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-import type { SafeProxyFactoryEthersContract } from '@safe-global/protocol-kit'
 import { waitFor } from '@testing-library/react'
 import { type EIP1193Provider } from '@web3-onboard/core'
+import { type ReplayedSafeProps } from '@safe-global/utils/features/counterfactual/store/types'
+import { faker } from '@faker-js/faker'
 
-const mockProps = {
-  owners: [],
-  threshold: 1,
-  saltNonce: 1,
+const mockProps: ReplayedSafeProps = {
+  safeAccountConfig: {
+    owners: [faker.finance.ethereumAddress()],
+    threshold: 1,
+    data: EMPTY_DATA,
+    to: ZERO_ADDRESS,
+    fallbackHandler: faker.finance.ethereumAddress(),
+    paymentReceiver: ZERO_ADDRESS,
+  },
+  factoryAddress: faker.finance.ethereumAddress(),
+  masterCopy: faker.finance.ethereumAddress(),
+  saltNonce: '0',
+  safeVersion: '1.3.0',
 }
 
 describe('useEstimateSafeCreationGas', () => {
@@ -27,8 +38,8 @@ describe('useEstimateSafeCreationGas', () => {
     jest.spyOn(chainIdModule, 'useChainId').mockReturnValue('4')
     jest
       .spyOn(safeContracts, 'getReadOnlyProxyFactoryContract')
-      .mockResolvedValue({ getAddress: () => ZERO_ADDRESS } as unknown as SafeProxyFactoryEthersContract)
-    jest.spyOn(sender, 'encodeSafeCreationTx').mockReturnValue(Promise.resolve(EMPTY_DATA))
+      .mockResolvedValue({ getAddress: () => ZERO_ADDRESS } as unknown as SafeProxyFactoryContractImplementationType)
+    jest.spyOn(sender, 'encodeSafeCreationTx').mockReturnValue(EMPTY_DATA)
     jest.spyOn(wallet, 'default').mockReturnValue({} as ConnectedWallet)
   })
 
diff --git a/apps/web/src/components/new-safe/create/__tests__/useSyncSafeCreationStep.test.ts b/apps/web/src/components/new-safe/create/__tests__/useSyncSafeCreationStep.test.ts
new file mode 100644
index 000000000..5cd131720
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/__tests__/useSyncSafeCreationStep.test.ts
@@ -0,0 +1,53 @@
+import { renderHook } from '@/tests/test-utils'
+import useSyncSafeCreationStep from '@/components/new-safe/create/useSyncSafeCreationStep'
+import * as wallet from '@/hooks/wallets/useWallet'
+import * as currentChain from '@/hooks/useChains'
+import * as localStorage from '@/services/local-storage/useLocalStorage'
+import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import * as useIsWrongChain from '@/hooks/useIsWrongChain'
+import * as useRouter from 'next/router'
+import { type NextRouter } from 'next/router'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+describe('useSyncSafeCreationStep', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should go to the first step if no wallet is connected and there is no pending safe', async () => {
+    const mockPushRoute = jest.fn()
+    jest.spyOn(wallet, 'default').mockReturnValue(null)
+    jest.spyOn(useRouter, 'useRouter').mockReturnValue({
+      push: mockPushRoute,
+    } as unknown as NextRouter)
+    const mockSetStep = jest.fn()
+
+    renderHook(() => useSyncSafeCreationStep(mockSetStep, []))
+
+    expect(mockSetStep).toHaveBeenCalledWith(0)
+  })
+
+  it('should go to the first step if the wrong chain is connected', async () => {
+    jest.spyOn(localStorage, 'default').mockReturnValue([{}, jest.fn()])
+    jest.spyOn(wallet, 'default').mockReturnValue({ address: '0x1' } as ConnectedWallet)
+    jest.spyOn(currentChain, 'useCurrentChain').mockReturnValue({ chainId: '100' } as ChainInfo)
+
+    const mockSetStep = jest.fn()
+
+    renderHook(() => useSyncSafeCreationStep(mockSetStep, [{ chainId: '4' } as ChainInfo]))
+
+    expect(mockSetStep).toHaveBeenCalledWith(0)
+  })
+
+  it('should not do anything if wallet is connected and there is no pending safe', async () => {
+    jest.spyOn(localStorage, 'default').mockReturnValue([undefined, jest.fn()])
+    jest.spyOn(wallet, 'default').mockReturnValue({ address: '0x1' } as ConnectedWallet)
+    jest.spyOn(useIsWrongChain, 'default').mockReturnValue(false)
+
+    const mockSetStep = jest.fn()
+
+    renderHook(() => useSyncSafeCreationStep(mockSetStep, []))
+
+    expect(mockSetStep).not.toHaveBeenCalled()
+  })
+})
diff --git a/apps/web/src/components/new-safe/create/index.tsx b/apps/web/src/components/new-safe/create/index.tsx
new file mode 100644
index 000000000..50d5142b9
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/index.tsx
@@ -0,0 +1,241 @@
+import { Container, Typography, Grid } from '@mui/material'
+import { useRouter } from 'next/router'
+
+import useWallet from '@/hooks/wallets/useWallet'
+import OverviewWidget from '@/components/new-safe/create/OverviewWidget'
+import type { NamedAddress } from '@/components/new-safe/create/types'
+import type { TxStepperProps } from '@/components/new-safe/CardStepper/useCardStepper'
+import SetNameStep from '@/components/new-safe/create/steps/SetNameStep'
+import OwnerPolicyStep from '@/components/new-safe/create/steps/OwnerPolicyStep'
+import ReviewStep from '@/components/new-safe/create/steps/ReviewStep'
+import { CreateSafeStatus } from '@/components/new-safe/create/steps/StatusStep'
+import { CardStepper } from '@/components/new-safe/CardStepper'
+import { AppRoutes } from '@/config/routes'
+import { CREATE_SAFE_CATEGORY } from '@/services/analytics'
+import type { AlertColor } from '@mui/material'
+import type { CreateSafeInfoItem } from '@/components/new-safe/create/CreateSafeInfos'
+import CreateSafeInfos from '@/components/new-safe/create/CreateSafeInfos'
+import { type ReactElement, useMemo, useState } from 'react'
+import ExternalLink from '@/components/common/ExternalLink'
+import { type SafeVersion } from '@safe-global/types-kit'
+import { useCurrentChain } from '@/hooks/useChains'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+export type NewSafeFormData = {
+  name: string
+  networks: ChainInfo[]
+  threshold: number
+  owners: NamedAddress[]
+  saltNonce?: number
+  safeVersion: SafeVersion
+  safeAddress?: string
+  willRelay?: boolean
+  paymentReceiver?: string
+}
+
+const staticHints: Record<
+  number,
+  { title: string; variant: AlertColor; steps: { title: string; text: string | ReactElement }[] }
+> = {
+  1: {
+    title: 'Safe Account creation',
+    variant: 'info',
+    steps: [
+      {
+        title: 'Network fee',
+        text: 'Deploying your Safe Account requires the payment of the associated network fee with your connected wallet. An estimation will be provided in the last step.',
+      },
+      {
+        title: 'Address book privacy',
+        text: 'The name of your Safe Account will be stored in a local address book on your device and can be changed at a later stage. It will not be shared with us or any third party.',
+      },
+    ],
+  },
+  2: {
+    title: 'Safe Account creation',
+    variant: 'info',
+    steps: [
+      {
+        title: 'Flat hierarchy',
+        text: 'Every signer has the same rights within the Safe Account and can propose, sign and execute transactions that have the required confirmations.',
+      },
+      {
+        title: 'Managing Signers',
+        text: 'You can always change the number of signers and required confirmations in your Safe Account after creation.',
+      },
+      {
+        title: 'Safe Account setup',
+        text: (
+          <>
+            Not sure how many signers and confirmations you need for your Safe Account?
+            <br />
+            <ExternalLink href={HelpCenterArticle.SAFE_SETUP} fontWeight="bold">
+              Learn more about setting up your Safe Account.
+            </ExternalLink>
+          </>
+        ),
+      },
+    ],
+  },
+  3: {
+    title: 'Safe Account creation',
+    variant: 'info',
+    steps: [
+      {
+        title: 'Wait for the creation',
+        text: 'Depending on network usage, it can take some time until the transaction is successfully added to the blockchain and picked up by our services.',
+      },
+    ],
+  },
+  4: {
+    title: 'Safe Account usage',
+    variant: 'success',
+    steps: [
+      {
+        title: 'Connect your Safe Account',
+        text: 'In our Safe Apps section you can connect your Safe Account to over 70 dApps directly or via Wallet Connect to interact with any application.',
+      },
+    ],
+  },
+}
+
+const CreateSafe = () => {
+  const router = useRouter()
+  const wallet = useWallet()
+  const chain = useCurrentChain()
+
+  const [safeName, setSafeName] = useState('')
+  const [overviewNetworks, setOverviewNetworks] = useState<ChainInfo[]>()
+
+  const [dynamicHint, setDynamicHint] = useState<CreateSafeInfoItem>()
+  const [activeStep, setActiveStep] = useState(0)
+
+  const CreateSafeSteps: TxStepperProps<NewSafeFormData>['steps'] = [
+    {
+      title: 'Set up the basics',
+      subtitle: 'Give a name to your account and select which networks to deploy it on.',
+      render: (data, onSubmit, onBack, setStep) => (
+        <SetNameStep
+          setOverviewNetworks={setOverviewNetworks}
+          setDynamicHint={setDynamicHint}
+          setSafeName={setSafeName}
+          data={data}
+          onSubmit={onSubmit}
+          onBack={onBack}
+          setStep={setStep}
+        />
+      ),
+    },
+    {
+      title: 'Signers and confirmations',
+      subtitle:
+        'Set the signer wallets of your Safe Account and how many need to confirm to execute a valid transaction.',
+      render: (data, onSubmit, onBack, setStep) => (
+        <OwnerPolicyStep
+          setDynamicHint={setDynamicHint}
+          data={data}
+          onSubmit={onSubmit}
+          onBack={onBack}
+          setStep={setStep}
+        />
+      ),
+    },
+    {
+      title: 'Review',
+      subtitle:
+        "You're about to create a new Safe Account and will have to confirm the transaction with your connected wallet.",
+      render: (data, onSubmit, onBack, setStep) => (
+        <ReviewStep data={data} onSubmit={onSubmit} onBack={onBack} setStep={setStep} />
+      ),
+    },
+    {
+      title: '',
+      subtitle: '',
+      render: (data, onSubmit, onBack, setStep, setProgressColor, setStepData) => (
+        <CreateSafeStatus
+          data={data}
+          onSubmit={onSubmit}
+          onBack={onBack}
+          setStep={setStep}
+          setProgressColor={setProgressColor}
+          setStepData={setStepData}
+        />
+      ),
+    },
+  ]
+
+  const staticHint = useMemo(() => staticHints[activeStep], [activeStep])
+
+  const initialStep = 0
+  const initialData: NewSafeFormData = {
+    name: '',
+    networks: [],
+    owners: [],
+    threshold: 1,
+    safeVersion: getLatestSafeVersion(chain) as SafeVersion,
+  }
+
+  const onClose = () => {
+    router.push(AppRoutes.welcome.index)
+  }
+
+  return (
+    <Container>
+      <Grid
+        container
+        columnSpacing={3}
+        sx={{
+          justifyContent: 'center',
+          mt: [2, null, 7],
+        }}
+      >
+        <Grid item xs={12}>
+          <Typography
+            variant="h2"
+            sx={{
+              pb: 2,
+            }}
+          >
+            Create new Safe Account
+          </Typography>
+        </Grid>
+        <Grid
+          item
+          xs={12}
+          md={8}
+          sx={{
+            order: [1, null, 0],
+          }}
+        >
+          <CardStepper
+            initialData={initialData}
+            initialStep={initialStep}
+            onClose={onClose}
+            steps={CreateSafeSteps}
+            eventCategory={CREATE_SAFE_CATEGORY}
+            setWidgetStep={setActiveStep}
+          />
+        </Grid>
+
+        <Grid
+          item
+          xs={12}
+          md={4}
+          sx={{
+            mb: [3, null, 0],
+            order: [0, null, 1],
+          }}
+        >
+          <Grid container spacing={3}>
+            {activeStep < 2 && <OverviewWidget safeName={safeName} networks={overviewNetworks || []} />}
+            {wallet?.address && <CreateSafeInfos staticHint={staticHint} dynamicHint={dynamicHint} />}
+          </Grid>
+        </Grid>
+      </Grid>
+    </Container>
+  )
+}
+
+export default CreateSafe
diff --git a/apps/web/src/components/new-safe/create/logic/address-book.ts b/apps/web/src/components/new-safe/create/logic/address-book.ts
new file mode 100644
index 000000000..af4a02df7
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/logic/address-book.ts
@@ -0,0 +1,48 @@
+import type { AppThunk } from '@/store'
+import { addOrUpdateSafe } from '@/store/addedSafesSlice'
+import { upsertAddressBookEntries } from '@/store/addressBookSlice'
+import { defaultSafeInfo } from '@safe-global/store/slices/SafeInfo/utils'
+import type { NamedAddress } from '@/components/new-safe/create/types'
+
+export const updateAddressBook = (
+  chainIds: string[],
+  address: string,
+  name: string,
+  owners: NamedAddress[],
+  threshold: number,
+): AppThunk => {
+  return (dispatch) => {
+    dispatch(
+      upsertAddressBookEntries({
+        chainIds,
+        address,
+        name,
+      }),
+    )
+
+    owners.forEach((owner) => {
+      const entryName = owner.name || owner.ens
+      if (entryName) {
+        dispatch(upsertAddressBookEntries({ chainIds, address: owner.address, name: entryName }))
+      }
+    })
+
+    chainIds.forEach((chainId) => {
+      dispatch(
+        addOrUpdateSafe({
+          safe: {
+            ...defaultSafeInfo,
+            address: { value: address, name },
+            threshold,
+            owners: owners.map((owner) => ({
+              value: owner.address,
+              name: owner.name || owner.ens,
+            })),
+            chainId,
+            nonce: 0,
+          },
+        }),
+      )
+    })
+  }
+}
diff --git a/apps/web/src/components/new-safe/create/logic/index.test.ts b/apps/web/src/components/new-safe/create/logic/index.test.ts
new file mode 100644
index 000000000..1f407db97
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/logic/index.test.ts
@@ -0,0 +1,350 @@
+import { JsonRpcProvider } from 'ethers'
+import * as contracts from '@/services/contracts/safeContracts'
+import type { SafeProvider } from '@safe-global/protocol-kit'
+import type { CompatibilityFallbackHandlerContractImplementationType } from '@safe-global/protocol-kit/dist/src/types'
+import { EMPTY_DATA, ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import * as web3 from '@/hooks/wallets/web3'
+import * as sdkHelpers from '@/services/tx/tx-sender/sdk'
+import {
+  relaySafeCreation,
+  getRedirect,
+  createNewUndeployedSafeWithoutSalt,
+} from '@/components/new-safe/create/logic/index'
+import { relayTransaction } from '@safe-global/safe-gateway-typescript-sdk'
+import { toBeHex } from 'ethers'
+import {
+  Gnosis_safe__factory,
+  Proxy_factory__factory,
+} from '@safe-global/utils/types/contracts/factories/@safe-global/safe-deployments/dist/assets/v1.3.0'
+import {
+  getReadOnlyFallbackHandlerContract,
+  getReadOnlyGnosisSafeContract,
+  getReadOnlyProxyFactoryContract,
+} from '@/services/contracts/safeContracts'
+import * as gateway from '@safe-global/safe-gateway-typescript-sdk'
+import { chainBuilder } from '@/tests/builders/chains'
+import { type ReplayedSafeProps } from '@safe-global/utils/features/counterfactual/store/types'
+import { faker } from '@faker-js/faker'
+import { ECOSYSTEM_ID_ADDRESS } from '@/config/constants'
+import {
+  getFallbackHandlerDeployment,
+  getProxyFactoryDeployment,
+  getSafeL2SingletonDeployment,
+  getSafeSingletonDeployment,
+  getSafeToL2SetupDeployment,
+} from '@safe-global/safe-deployments'
+import { Safe_to_l2_setup__factory } from '@safe-global/utils/types/contracts'
+import { FEATURES, getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+
+const provider = new JsonRpcProvider(undefined, { name: 'ethereum', chainId: 1 })
+
+const latestSafeVersion = getLatestSafeVersion(
+  chainBuilder().with({ chainId: '1', recommendedMasterCopyVersion: '1.4.1' }).build(),
+)
+
+describe('create/logic', () => {
+  describe('createNewSafeViaRelayer', () => {
+    const owner1 = toBeHex('0x1', 20)
+    const owner2 = toBeHex('0x2', 20)
+
+    const mockChainInfo = chainBuilder()
+      .with({
+        chainId: '1',
+        l2: false,
+        recommendedMasterCopyVersion: '1.4.1',
+      })
+      .build()
+
+    beforeAll(() => {
+      jest.resetAllMocks()
+      jest.spyOn(web3, 'getWeb3ReadOnly').mockImplementation(() => provider)
+    })
+
+    it('returns taskId if create Safe successfully relayed', async () => {
+      const mockSafeProvider = {
+        getExternalProvider: jest.fn(),
+        getExternalSigner: jest.fn(),
+        getChainId: jest.fn().mockReturnValue(BigInt(1)),
+      } as unknown as SafeProvider
+
+      jest.spyOn(gateway, 'relayTransaction').mockResolvedValue({ taskId: '0x123' })
+      jest.spyOn(sdkHelpers, 'getSafeProvider').mockImplementation(() => mockSafeProvider)
+
+      jest.spyOn(contracts, 'getReadOnlyFallbackHandlerContract').mockResolvedValue({
+        getAddress: () => '0xf48f2B2d2a534e402487b3ee7C18c33Aec0Fe5e4',
+      } as unknown as CompatibilityFallbackHandlerContractImplementationType)
+
+      const expectedSaltNonce = 69
+      const expectedThreshold = 1
+      const proxyFactoryAddress = (await getReadOnlyProxyFactoryContract(latestSafeVersion)).getAddress()
+      const readOnlyFallbackHandlerContract = await getReadOnlyFallbackHandlerContract(latestSafeVersion)
+      const safeContractAddress = (await getReadOnlyGnosisSafeContract(mockChainInfo, latestSafeVersion)).getAddress()
+
+      const undeployedSafeProps: ReplayedSafeProps = {
+        safeAccountConfig: {
+          owners: [owner1, owner2],
+          threshold: 1,
+          data: EMPTY_DATA,
+          to: ZERO_ADDRESS,
+          fallbackHandler: readOnlyFallbackHandlerContract.getAddress(),
+          paymentReceiver: ZERO_ADDRESS,
+          payment: 0,
+          paymentToken: ZERO_ADDRESS,
+        },
+        safeVersion: latestSafeVersion,
+        factoryAddress: proxyFactoryAddress,
+        masterCopy: safeContractAddress,
+        saltNonce: '69',
+      }
+
+      const expectedInitializer = Gnosis_safe__factory.createInterface().encodeFunctionData('setup', [
+        [owner1, owner2],
+        expectedThreshold,
+        ZERO_ADDRESS,
+        EMPTY_DATA,
+        readOnlyFallbackHandlerContract.getAddress(),
+        ZERO_ADDRESS,
+        0,
+        ZERO_ADDRESS,
+      ])
+
+      const expectedCallData = Proxy_factory__factory.createInterface().encodeFunctionData('createProxyWithNonce', [
+        safeContractAddress,
+        expectedInitializer,
+        expectedSaltNonce,
+      ])
+
+      const taskId = await relaySafeCreation(mockChainInfo, undeployedSafeProps)
+
+      expect(taskId).toEqual('0x123')
+      expect(relayTransaction).toHaveBeenCalledTimes(1)
+      expect(relayTransaction).toHaveBeenCalledWith('1', {
+        to: proxyFactoryAddress,
+        data: expectedCallData,
+        version: latestSafeVersion,
+      })
+    })
+
+    it('should throw an error if relaying fails', () => {
+      const relayFailedError = new Error('Relay failed')
+      jest.spyOn(gateway, 'relayTransaction').mockRejectedValue(relayFailedError)
+
+      const undeployedSafeProps: ReplayedSafeProps = {
+        safeAccountConfig: {
+          owners: [owner1, owner2],
+          threshold: 1,
+          data: EMPTY_DATA,
+          to: ZERO_ADDRESS,
+          fallbackHandler: faker.finance.ethereumAddress(),
+          paymentReceiver: ZERO_ADDRESS,
+          payment: 0,
+          paymentToken: ZERO_ADDRESS,
+        },
+        safeVersion: latestSafeVersion,
+        factoryAddress: faker.finance.ethereumAddress(),
+        masterCopy: faker.finance.ethereumAddress(),
+        saltNonce: '69',
+      }
+
+      expect(relaySafeCreation(mockChainInfo, undeployedSafeProps)).rejects.toEqual(relayFailedError)
+    })
+  })
+  describe('getRedirect', () => {
+    it("should redirect to home for any redirect that doesn't start with /apps", () => {
+      const expected = {
+        pathname: '/home',
+        query: {
+          safe: 'sep:0x1234',
+        },
+      }
+      expect(getRedirect('sep', '0x1234', 'https://google.com')).toEqual(expected)
+      expect(getRedirect('sep', '0x1234', '/queue')).toEqual(expected)
+    })
+
+    it('should redirect to an app if an app URL is passed', () => {
+      expect(getRedirect('sep', '0x1234', '/apps?appUrl=https://safe-eth.everstake.one/?chain=eth')).toEqual(
+        '/apps?appUrl=https://safe-eth.everstake.one/?chain=eth&safe=sep:0x1234',
+      )
+
+      expect(getRedirect('sep', '0x1234', '/apps?appUrl=https://safe-eth.everstake.one')).toEqual(
+        '/apps?appUrl=https://safe-eth.everstake.one&safe=sep:0x1234',
+      )
+    })
+  })
+
+  describe('createNewUndeployedSafeWithoutSalt', () => {
+    it('should throw errors if no deployments are found', () => {
+      expect(() =>
+        createNewUndeployedSafeWithoutSalt(
+          '1.4.1',
+          {
+            owners: [faker.finance.ethereumAddress()],
+            threshold: 1,
+          },
+          chainBuilder().with({ chainId: 'NON_EXISTING' }).build(),
+        ),
+      ).toThrowError(new Error('No Safe deployment found'))
+    })
+
+    it('should use l1 masterCopy and no migration on l1s without multichain feature', () => {
+      const safeSetup = {
+        owners: [faker.finance.ethereumAddress()],
+        threshold: 1,
+      }
+      expect(
+        createNewUndeployedSafeWithoutSalt(
+          '1.4.1',
+          safeSetup,
+          chainBuilder()
+            .with({ chainId: '1' })
+            // Multichain creation is toggled off
+            .with({ features: [FEATURES.COUNTERFACTUAL] as any })
+            .with({ l2: false })
+            .build(),
+        ),
+      ).toEqual({
+        safeAccountConfig: {
+          ...safeSetup,
+          fallbackHandler: getFallbackHandlerDeployment({ version: '1.4.1', network: '1' })?.defaultAddress,
+          to: ZERO_ADDRESS,
+          data: EMPTY_DATA,
+          paymentReceiver: ECOSYSTEM_ID_ADDRESS,
+        },
+        safeVersion: '1.4.1',
+        masterCopy: getSafeSingletonDeployment({ version: '1.4.1', network: '1' })?.defaultAddress,
+        factoryAddress: getProxyFactoryDeployment({ version: '1.4.1', network: '1' })?.defaultAddress,
+      })
+    })
+
+    it('should use l2 masterCopy and no migration on l2s without multichain feature', () => {
+      const safeSetup = {
+        owners: [faker.finance.ethereumAddress()],
+        threshold: 1,
+      }
+      expect(
+        createNewUndeployedSafeWithoutSalt(
+          '1.4.1',
+          safeSetup,
+          chainBuilder()
+            .with({ chainId: '137' })
+            // Multichain creation is toggled off
+            .with({ features: [FEATURES.COUNTERFACTUAL] as any })
+            .with({ recommendedMasterCopyVersion: '1.4.1' })
+            .with({ l2: true })
+            .build(),
+        ),
+      ).toEqual({
+        safeAccountConfig: {
+          ...safeSetup,
+          fallbackHandler: getFallbackHandlerDeployment({ version: '1.4.1', network: '137' })?.defaultAddress,
+          to: ZERO_ADDRESS,
+          data: EMPTY_DATA,
+          paymentReceiver: ECOSYSTEM_ID_ADDRESS,
+        },
+        safeVersion: '1.4.1',
+        masterCopy: getSafeL2SingletonDeployment({ version: '1.4.1', network: '137' })?.defaultAddress,
+        factoryAddress: getProxyFactoryDeployment({ version: '1.4.1', network: '137' })?.defaultAddress,
+      })
+    })
+
+    it('should use l2 masterCopy and no migration on l2s with multichain feature but on old version', () => {
+      const safeSetup = {
+        owners: [faker.finance.ethereumAddress()],
+        threshold: 1,
+      }
+      expect(
+        createNewUndeployedSafeWithoutSalt(
+          '1.3.0',
+          safeSetup,
+          chainBuilder()
+            .with({ chainId: '137' })
+            // Multichain creation is toggled on
+            .with({ features: [FEATURES.COUNTERFACTUAL, FEATURES.MULTI_CHAIN_SAFE_CREATION] as any })
+            .with({ recommendedMasterCopyVersion: '1.3.0' })
+            .with({ l2: true })
+            .build(),
+        ),
+      ).toEqual({
+        safeAccountConfig: {
+          ...safeSetup,
+          fallbackHandler: getFallbackHandlerDeployment({ version: '1.3.0', network: '137' })?.defaultAddress,
+          to: ZERO_ADDRESS,
+          data: EMPTY_DATA,
+          paymentReceiver: ECOSYSTEM_ID_ADDRESS,
+        },
+        safeVersion: '1.3.0',
+        masterCopy: getSafeL2SingletonDeployment({ version: '1.3.0', network: '137' })?.defaultAddress,
+        factoryAddress: getProxyFactoryDeployment({ version: '1.3.0', network: '137' })?.defaultAddress,
+      })
+    })
+
+    it('should use l1 masterCopy and migration on l2s with multichain feature', () => {
+      const safeSetup = {
+        owners: [faker.finance.ethereumAddress()],
+        threshold: 1,
+      }
+      const chainSetup = chainBuilder()
+        .with({ chainId: '137' })
+        // Multichain creation is toggled on
+        .with({ features: [FEATURES.COUNTERFACTUAL, FEATURES.MULTI_CHAIN_SAFE_CREATION] as any })
+        .with({ recommendedMasterCopyVersion: '1.4.1' })
+        .with({ l2: true })
+        .build()
+
+      const safeL2SingletonDeployment = getSafeL2SingletonDeployment({
+        version: '1.4.1',
+        network: '137',
+      })?.defaultAddress
+
+      const safeToL2SetupDeployment = getSafeToL2SetupDeployment({ version: '1.4.1', network: chainSetup.chainId })
+      const safeToL2SetupAddress = safeToL2SetupDeployment?.networkAddresses[chainSetup.chainId]
+      const safeToL2SetupInterface = Safe_to_l2_setup__factory.createInterface()
+
+      expect(createNewUndeployedSafeWithoutSalt('1.4.1', safeSetup, chainSetup)).toEqual({
+        safeAccountConfig: {
+          ...safeSetup,
+          fallbackHandler: getFallbackHandlerDeployment({ version: '1.4.1', network: '137' })?.defaultAddress,
+          to: safeToL2SetupAddress,
+          data:
+            safeL2SingletonDeployment &&
+            safeToL2SetupInterface.encodeFunctionData('setupToL2', [safeL2SingletonDeployment]),
+          paymentReceiver: ECOSYSTEM_ID_ADDRESS,
+        },
+        safeVersion: '1.4.1',
+        masterCopy: getSafeSingletonDeployment({ version: '1.4.1', network: '137' })?.defaultAddress,
+        factoryAddress: getProxyFactoryDeployment({ version: '1.4.1', network: '137' })?.defaultAddress,
+      })
+    })
+
+    it('should use l2 masterCopy and no migration on zkSync', () => {
+      const safeSetup = {
+        owners: [faker.finance.ethereumAddress()],
+        threshold: 1,
+      }
+      expect(
+        createNewUndeployedSafeWithoutSalt(
+          '1.3.0',
+          safeSetup,
+          chainBuilder()
+            .with({ chainId: '324' })
+            // Multichain and 1.4.1 creation is toggled off
+            .with({ features: [FEATURES.COUNTERFACTUAL] as any })
+            .with({ recommendedMasterCopyVersion: '1.3.0' })
+            .with({ l2: true })
+            .build(),
+        ),
+      ).toEqual({
+        safeAccountConfig: {
+          ...safeSetup,
+          fallbackHandler: getFallbackHandlerDeployment({ version: '1.3.0', network: '324' })?.networkAddresses['324'],
+          to: ZERO_ADDRESS,
+          data: EMPTY_DATA,
+          paymentReceiver: ECOSYSTEM_ID_ADDRESS,
+        },
+        safeVersion: '1.3.0',
+        masterCopy: getSafeL2SingletonDeployment({ version: '1.3.0', network: '324' })?.networkAddresses['324'],
+        factoryAddress: getProxyFactoryDeployment({ version: '1.3.0', network: '324' })?.networkAddresses['324'],
+      })
+    })
+  })
+})
diff --git a/apps/web/src/components/new-safe/create/logic/index.ts b/apps/web/src/components/new-safe/create/logic/index.ts
new file mode 100644
index 000000000..3382fb48f
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/logic/index.ts
@@ -0,0 +1,309 @@
+import type { SafeVersion, TransactionOptions } from '@safe-global/types-kit'
+import { type TransactionResponse, type Eip1193Provider, type Provider } from 'ethers'
+import semverSatisfies from 'semver/functions/satisfies'
+
+import { getSafeInfo, type SafeInfo, type ChainInfo, relayTransaction } from '@safe-global/safe-gateway-typescript-sdk'
+import { getReadOnlyProxyFactoryContract } from '@/services/contracts/safeContracts'
+import type { UrlObject } from 'url'
+import { AppRoutes } from '@/config/routes'
+import { SAFE_APPS_EVENTS, trackEvent } from '@/services/analytics'
+import Safe, { predictSafeAddress, SafeProvider } from '@safe-global/protocol-kit'
+import type { PredictedSafeProps } from '@safe-global/protocol-kit'
+
+import { backOff } from 'exponential-backoff'
+import { EMPTY_DATA, ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+// import { sponsoredCall } from '@/services/tx/relaying'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+import {
+  getCompatibilityFallbackHandlerDeployment,
+  getProxyFactoryDeployment,
+  getSafeL2SingletonDeployment,
+  getSafeSingletonDeployment,
+  getSafeToL2SetupDeployment,
+} from '@safe-global/safe-deployments'
+import { ECOSYSTEM_ID_ADDRESS } from '@/config/constants'
+import type { ReplayedSafeProps, UndeployedSafeProps } from '@safe-global/utils/features/counterfactual/store/types'
+import { activateReplayedSafe, isPredictedSafeProps } from '@/features/counterfactual/utils'
+import { getSafeContractDeployment } from '@safe-global/utils/services/contracts/deployments'
+import {
+  Safe__factory,
+  Safe_proxy_factory__factory,
+  Safe_to_l2_setup__factory,
+} from '@safe-global/utils/types/contracts'
+import { createWeb3 } from '@/hooks/wallets/web3'
+import { hasMultiChainCreationFeatures } from '@/features/multichain/utils/utils'
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+
+export type SafeCreationProps = {
+  owners: string[]
+  threshold: number
+  saltNonce: number
+}
+
+/**
+ * Create a Safe creation transaction via Core SDK and submits it to the wallet
+ */
+export const createNewSafe = async (
+  provider: Eip1193Provider,
+  undeployedSafeProps: UndeployedSafeProps,
+  chain: ChainInfo,
+  options: TransactionOptions,
+  callback: (txHash: string) => void,
+  isL1SafeSingleton?: boolean,
+): Promise<void> => {
+  let txResponse: TransactionResponse
+  if (isPredictedSafeProps(undeployedSafeProps)) {
+    const safe = await Safe.init({
+      predictedSafe: undeployedSafeProps,
+      provider,
+      isL1SafeSingleton,
+    })
+
+    const creationTx = await safe.createSafeDeploymentTransaction()
+
+    const signer = await createWeb3(provider).getSigner()
+
+    txResponse = await signer?.sendTransaction({
+      ...creationTx,
+      ...options,
+    })
+  } else {
+    txResponse = await activateReplayedSafe(chain, undeployedSafeProps, createWeb3(provider), options)
+  }
+  callback(txResponse.hash)
+}
+
+/**
+ * Compute the new counterfactual Safe address before it is actually created
+ */
+export const computeNewSafeAddress = async (
+  provider: Eip1193Provider | string,
+  props: PredictedSafeProps,
+  chain: ChainInfo,
+): Promise<string> => {
+  const safeProvider = new SafeProvider({ provider })
+
+  return predictSafeAddress({
+    safeProvider,
+    chainId: BigInt(chain.chainId),
+    safeAccountConfig: props.safeAccountConfig,
+    safeDeploymentConfig: props.safeDeploymentConfig,
+  })
+}
+
+export const encodeSafeSetupCall = (safeAccountConfig: ReplayedSafeProps['safeAccountConfig']) => {
+  return Safe__factory.createInterface().encodeFunctionData('setup', [
+    safeAccountConfig.owners,
+    safeAccountConfig.threshold,
+    safeAccountConfig.to,
+    safeAccountConfig.data,
+    safeAccountConfig.fallbackHandler,
+    ZERO_ADDRESS,
+    0,
+    safeAccountConfig.paymentReceiver,
+  ])
+}
+
+/**
+ * Encode a Safe creation transaction NOT using the Core SDK because it doesn't support that
+ * This is used for gas estimation.
+ */
+export const encodeSafeCreationTx = (undeployedSafe: UndeployedSafeProps, chain: ChainInfo) => {
+  const replayedSafeProps = assertNewUndeployedSafeProps(undeployedSafe, chain)
+
+  return Safe_proxy_factory__factory.createInterface().encodeFunctionData('createProxyWithNonce', [
+    replayedSafeProps.masterCopy,
+    encodeSafeSetupCall(replayedSafeProps.safeAccountConfig),
+    BigInt(replayedSafeProps.saltNonce),
+  ])
+}
+
+export const estimateSafeCreationGas = async (
+  chain: ChainInfo,
+  provider: Provider,
+  from: string,
+  undeployedSafe: UndeployedSafeProps,
+  safeVersion?: SafeVersion,
+): Promise<bigint> => {
+  const readOnlyProxyFactoryContract = await getReadOnlyProxyFactoryContract(safeVersion ?? getLatestSafeVersion(chain))
+  const encodedSafeCreationTx = encodeSafeCreationTx(undeployedSafe, chain)
+
+  const gas = await provider.estimateGas({
+    from,
+    to: readOnlyProxyFactoryContract.getAddress(),
+    data: encodedSafeCreationTx,
+  })
+
+  return gas
+}
+
+export const pollSafeInfo = async (chainId: string, safeAddress: string): Promise<SafeInfo> => {
+  // exponential delay between attempts for around 4 min
+  return backOff(() => getSafeInfo(chainId, checksumAddress(safeAddress)), {
+    startingDelay: 750,
+    maxDelay: 20000,
+    numOfAttempts: 19,
+    retry: (e: any) => {
+      console.info('waiting for client-gateway to provide safe information', e)
+      return true
+    },
+  })
+}
+
+export const getRedirect = (
+  chainPrefix: string,
+  safeAddress: string,
+  redirectQuery?: string | string[],
+): UrlObject | string => {
+  const redirectUrl = Array.isArray(redirectQuery) ? redirectQuery[0] : redirectQuery
+  const address = `${chainPrefix}:${safeAddress}`
+
+  // Should never happen in practice
+  if (!chainPrefix) return AppRoutes.index
+
+  // Go to the dashboard if no specific redirect is provided
+  if (!redirectUrl || !redirectUrl.startsWith(AppRoutes.apps.index)) {
+    return { pathname: AppRoutes.home, query: { safe: address } }
+  }
+
+  // Otherwise, redirect to the provided URL (e.g. from a Safe App)
+
+  // Track the redirect to Safe App
+  trackEvent(SAFE_APPS_EVENTS.SHARED_APP_OPEN_AFTER_SAFE_CREATION)
+
+  // We're prepending the safe address directly here because the `router.push` doesn't parse
+  // The URL for already existing query params
+  // TODO: Check if we can accomplish this with URLSearchParams or URL instead
+  const hasQueryParams = redirectUrl.includes('?')
+  const appendChar = hasQueryParams ? '&' : '?'
+  return redirectUrl + `${appendChar}safe=${address}`
+}
+
+export const relaySafeCreation = async (chain: ChainInfo, undeployedSafeProps: UndeployedSafeProps) => {
+  const replayedSafeProps = assertNewUndeployedSafeProps(undeployedSafeProps, chain)
+  const encodedSafeCreationTx = encodeSafeCreationTx(replayedSafeProps, chain)
+
+  const relayResponse = await relayTransaction(chain.chainId, {
+    to: replayedSafeProps.factoryAddress,
+    data: encodedSafeCreationTx,
+    version: replayedSafeProps.safeVersion,
+  })
+
+  return relayResponse.taskId
+}
+
+export type UndeployedSafeWithoutSalt = Omit<ReplayedSafeProps, 'saltNonce'>
+
+/**
+ * Creates a new undeployed Safe without default config:
+ *
+ * Always use the L1 MasterCopy and add a migration to L2 in to the setup.
+ * Use our ecosystem ID as paymentReceiver.
+ *
+ */
+export const createNewUndeployedSafeWithoutSalt = (
+  safeVersion: SafeVersion,
+  safeAccountConfig: Pick<ReplayedSafeProps['safeAccountConfig'], 'owners' | 'threshold'> & {
+    paymentReceiver?: string
+  },
+  chain: ChainInfo,
+): UndeployedSafeWithoutSalt => {
+  // Create universal deployment Data across chains:
+  const fallbackHandlerDeployment = getCompatibilityFallbackHandlerDeployment({
+    version: safeVersion,
+    network: chain.chainId,
+  })
+  const fallbackHandlerAddress = fallbackHandlerDeployment?.networkAddresses[chain.chainId]
+  const safeL2Deployment = getSafeL2SingletonDeployment({ version: safeVersion, network: chain.chainId })
+  const safeL2Address = safeL2Deployment?.networkAddresses[chain.chainId]
+
+  const safeL1Deployment = getSafeSingletonDeployment({ version: safeVersion, network: chain.chainId })
+  const safeL1Address = safeL1Deployment?.networkAddresses[chain.chainId]
+
+  const safeFactoryDeployment = getProxyFactoryDeployment({ version: safeVersion, network: chain.chainId })
+  const safeFactoryAddress = safeFactoryDeployment?.networkAddresses[chain.chainId]
+
+  if (!safeL2Address || !safeL1Address || !safeFactoryAddress || !fallbackHandlerAddress) {
+    throw new Error('No Safe deployment found')
+  }
+
+  const safeToL2SetupDeployment = getSafeToL2SetupDeployment({ version: '1.4.1', network: chain.chainId })
+  const safeToL2SetupAddress = safeToL2SetupDeployment?.networkAddresses[chain.chainId]
+  const safeToL2SetupInterface = Safe_to_l2_setup__factory.createInterface()
+
+  // Only do migration if the chain supports multiChain deployments and has a SafeToL2Setup deployment
+  const includeMigration =
+    hasMultiChainCreationFeatures(chain) && semverSatisfies(safeVersion, '>=1.4.1') && Boolean(safeToL2SetupAddress)
+
+  const masterCopy = includeMigration ? safeL1Address : chain.l2 ? safeL2Address : safeL1Address
+
+  const replayedSafe: Omit<ReplayedSafeProps, 'saltNonce'> = {
+    factoryAddress: safeFactoryAddress,
+    masterCopy,
+    safeAccountConfig: {
+      threshold: safeAccountConfig.threshold,
+      owners: safeAccountConfig.owners,
+      fallbackHandler: fallbackHandlerAddress,
+      to: includeMigration && safeToL2SetupAddress ? safeToL2SetupAddress : ZERO_ADDRESS,
+      data: includeMigration ? safeToL2SetupInterface.encodeFunctionData('setupToL2', [safeL2Address]) : EMPTY_DATA,
+      paymentReceiver: safeAccountConfig.paymentReceiver ?? ECOSYSTEM_ID_ADDRESS,
+    },
+    safeVersion,
+  }
+
+  return replayedSafe
+}
+
+/**
+ * Migrates a counterfactual Safe from the pre multichain era to the new predicted Safe data
+ * @param predictedSafeProps
+ * @param chain
+ * @returns
+ */
+export const migrateLegacySafeProps = (predictedSafeProps: PredictedSafeProps, chain: ChainInfo): ReplayedSafeProps => {
+  const safeVersion = predictedSafeProps.safeDeploymentConfig?.safeVersion
+  const saltNonce = predictedSafeProps.safeDeploymentConfig?.saltNonce
+  const { chainId } = chain
+  if (!safeVersion || !saltNonce) {
+    throw new Error('Undeployed Safe with incomplete data.')
+  }
+
+  const fallbackHandlerDeployment = getCompatibilityFallbackHandlerDeployment({
+    version: safeVersion,
+    network: chainId,
+  })
+  const fallbackHandlerAddress = fallbackHandlerDeployment?.defaultAddress
+
+  const masterCopyDeployment = getSafeContractDeployment(chain, safeVersion)
+  const masterCopyAddress = masterCopyDeployment?.defaultAddress
+
+  const safeFactoryDeployment = getProxyFactoryDeployment({ version: safeVersion, network: chainId })
+  const safeFactoryAddress = safeFactoryDeployment?.defaultAddress
+
+  if (!masterCopyAddress || !safeFactoryAddress || !fallbackHandlerAddress) {
+    throw new Error('No Safe deployment found')
+  }
+
+  return {
+    factoryAddress: safeFactoryAddress,
+    masterCopy: masterCopyAddress,
+    safeAccountConfig: {
+      threshold: predictedSafeProps.safeAccountConfig.threshold,
+      owners: predictedSafeProps.safeAccountConfig.owners,
+      fallbackHandler: predictedSafeProps.safeAccountConfig.fallbackHandler ?? fallbackHandlerAddress,
+      to: predictedSafeProps.safeAccountConfig.to ?? ZERO_ADDRESS,
+      data: predictedSafeProps.safeAccountConfig.data ?? EMPTY_DATA,
+      paymentReceiver: predictedSafeProps.safeAccountConfig.paymentReceiver ?? ZERO_ADDRESS,
+    },
+    safeVersion,
+    saltNonce,
+  }
+}
+
+export const assertNewUndeployedSafeProps = (props: UndeployedSafeProps, chain: ChainInfo): ReplayedSafeProps => {
+  if (isPredictedSafeProps(props)) {
+    return migrateLegacySafeProps(props, chain)
+  }
+
+  return props
+}
diff --git a/apps/web/src/components/new-safe/create/logic/utils.test.ts b/apps/web/src/components/new-safe/create/logic/utils.test.ts
new file mode 100644
index 000000000..a16e17ff9
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/logic/utils.test.ts
@@ -0,0 +1,172 @@
+import * as creationUtils from '@/components/new-safe/create/logic/index'
+import { getAvailableSaltNonce } from '@/components/new-safe/create/logic/utils'
+import { faker } from '@faker-js/faker'
+import { chainBuilder } from '@/tests/builders/chains'
+import { type ReplayedSafeProps } from '@safe-global/utils/features/counterfactual/store/types'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import * as web3Hooks from '@/hooks/wallets/web3'
+import { type JsonRpcProvider, id } from 'ethers'
+import { Safe_proxy_factory__factory } from '@safe-global/utils/types/contracts'
+import { predictAddressBasedOnReplayData } from '@/features/multichain/utils/utils'
+
+// Proxy Factory 1.3.0 creation code
+const mockProxyCreationCode =
+  '0x608060405234801561001057600080fd5b506040516101e63803806101e68339818101604052602081101561003357600080fd5b8101908080519060200190929190505050600073ffffffffffffffffffffffffffffffffffffffff168173ffffffffffffffffffffffffffffffffffffffff1614156100ca576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004018080602001828103825260228152602001806101c46022913960400191505060405180910390fd5b806000806101000a81548173ffffffffffffffffffffffffffffffffffffffff021916908373ffffffffffffffffffffffffffffffffffffffff1602179055505060ab806101196000396000f3fe608060405273ffffffffffffffffffffffffffffffffffffffff600054167fa619486e0000000000000000000000000000000000000000000000000000000060003514156050578060005260206000f35b3660008037600080366000845af43d6000803e60008114156070573d6000fd5b3d6000f3fea2646970667358221220d1429297349653a4918076d650332de1a1068c5f3e07c5c82360c277770b955264736f6c63430007060033496e76616c69642073696e676c65746f6e20616464726573732070726f7669646564'
+
+describe('getAvailableSaltNonce', () => {
+  jest.spyOn(creationUtils, 'computeNewSafeAddress').mockReturnValue(Promise.resolve(faker.finance.ethereumAddress()))
+
+  let mockDeployProps: ReplayedSafeProps
+
+  beforeAll(() => {
+    mockDeployProps = {
+      safeAccountConfig: {
+        threshold: 1,
+        owners: [faker.finance.ethereumAddress()],
+        fallbackHandler: faker.finance.ethereumAddress(),
+        data: faker.string.hexadecimal({ casing: 'lower', length: 64 }),
+        to: faker.finance.ethereumAddress(),
+        paymentReceiver: faker.finance.ethereumAddress(),
+        payment: 0,
+        paymentToken: ZERO_ADDRESS,
+      },
+      factoryAddress: faker.finance.ethereumAddress(),
+      masterCopy: faker.finance.ethereumAddress(),
+      safeVersion: '1.4.1',
+      saltNonce: '0',
+    }
+  })
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should return initial nonce if no contract is deployed to the computed address', async () => {
+    jest.spyOn(web3Hooks, 'createWeb3ReadOnly').mockReturnValue({
+      getCode: jest.fn().mockReturnValue('0x'),
+      call: jest.fn().mockImplementation((tx: { data: string; to: string }) => {
+        if (tx.data.startsWith(id('proxyCreationCode()').slice(0, 10))) {
+          return Safe_proxy_factory__factory.createInterface().encodeFunctionResult('proxyCreationCode', [
+            mockProxyCreationCode,
+          ])
+        } else {
+          throw new Error('Unsupported Operation')
+        }
+      }),
+      getNetwork: jest.fn().mockReturnValue({ chainId: '1' }),
+    } as unknown as JsonRpcProvider)
+
+    const initialNonce = faker.string.numeric()
+    const mockChain = chainBuilder().with({ chainId: '1' }).build()
+
+    const result = await getAvailableSaltNonce({}, { ...mockDeployProps, saltNonce: initialNonce }, [mockChain], [])
+
+    expect(result).toEqual(initialNonce)
+  })
+
+  it('should return an increased nonce if a contract is deployed to the computed address', async () => {
+    let requiredTries = 3
+    jest.spyOn(web3Hooks, 'createWeb3ReadOnly').mockReturnValue({
+      getCode: jest
+        .fn()
+        .mockImplementation(() => (requiredTries-- > 0 ? faker.string.hexadecimal({ length: 64 }) : '0x')),
+      call: jest.fn().mockImplementation((tx: { data: string; to: string }) => {
+        if (tx.data.startsWith(id('proxyCreationCode()').slice(0, 10))) {
+          return Safe_proxy_factory__factory.createInterface().encodeFunctionResult('proxyCreationCode', [
+            mockProxyCreationCode,
+          ])
+        } else {
+          throw new Error('Unsupported Operation')
+        }
+      }),
+      getNetwork: jest.fn().mockReturnValue({ chainId: '1' }),
+    } as unknown as JsonRpcProvider)
+    const initialNonce = faker.string.numeric()
+    const mockChain = chainBuilder().with({ chainId: '1' }).build()
+    const result = await getAvailableSaltNonce({}, { ...mockDeployProps, saltNonce: initialNonce }, [mockChain], [])
+
+    expect(result).toEqual((Number(initialNonce) + 3).toString())
+  })
+
+  it('should skip known addresses without checking getCode', async () => {
+    const mockProvider = {
+      getCode: jest.fn().mockImplementation(() => '0x'),
+      call: jest.fn().mockImplementation((tx: { data: string; to: string }) => {
+        if (tx.data.startsWith(id('proxyCreationCode()').slice(0, 10))) {
+          return Safe_proxy_factory__factory.createInterface().encodeFunctionResult('proxyCreationCode', [
+            mockProxyCreationCode,
+          ])
+        } else {
+          throw new Error('Unsupported Operation')
+        }
+      }),
+      getNetwork: jest.fn().mockReturnValue({ chainId: '1' }),
+    } as unknown as JsonRpcProvider
+    const initialNonce = faker.string.numeric()
+
+    const replayedProps = { ...mockDeployProps, saltNonce: initialNonce }
+    const knownAddresses = [await predictAddressBasedOnReplayData(replayedProps, mockProvider)]
+    jest.spyOn(web3Hooks, 'createWeb3ReadOnly').mockReturnValue(mockProvider)
+    const mockChain = chainBuilder().build()
+    const result = await getAvailableSaltNonce({}, replayedProps, [mockChain], knownAddresses)
+
+    // The known address (initialNonce) will be skipped
+    expect(result).toEqual((Number(initialNonce) + 1).toString())
+    expect(mockProvider.getCode).toHaveBeenCalledTimes(1)
+  })
+
+  it('should check cross chain', async () => {
+    const mockMainnet = chainBuilder().with({ chainId: '1' }).build()
+    const mockGnosis = chainBuilder().with({ chainId: '100' }).build()
+
+    // We mock that on GnosisChain the first nonce is already deployed
+    const mockGnosisProvider = {
+      getCode: jest.fn().mockImplementation(() => '0x'),
+      call: jest.fn().mockImplementation((tx: { data: string; to: string }) => {
+        if (tx.data.startsWith(id('proxyCreationCode()').slice(0, 10))) {
+          return Safe_proxy_factory__factory.createInterface().encodeFunctionResult('proxyCreationCode', [
+            mockProxyCreationCode,
+          ])
+        } else {
+          throw new Error('Unsupported Operation')
+        }
+      }),
+      getNetwork: jest.fn().mockReturnValue({ chainId: '100' }),
+    } as unknown as JsonRpcProvider
+
+    // We Mock that on Mainnet the first two nonces are already deployed
+    let mainnetTriesRequired = 2
+    const mockMainnetProvider = {
+      getCode: jest
+        .fn()
+        .mockImplementation(() => (mainnetTriesRequired-- > 0 ? faker.string.hexadecimal({ length: 64 }) : '0x')),
+      call: jest.fn().mockImplementation((tx: { data: string; to: string }) => {
+        if (tx.data.startsWith(id('proxyCreationCode()').slice(0, 10))) {
+          return Safe_proxy_factory__factory.createInterface().encodeFunctionResult('proxyCreationCode', [
+            mockProxyCreationCode,
+          ])
+        } else {
+          throw new Error('Unsupported Operation')
+        }
+      }),
+      getNetwork: jest.fn().mockReturnValue({ chainId: '1' }),
+    } as unknown as JsonRpcProvider
+    const initialNonce = faker.string.numeric()
+
+    const replayedProps = { ...mockDeployProps, saltNonce: initialNonce }
+    jest.spyOn(web3Hooks, 'createWeb3ReadOnly').mockImplementation((chain) => {
+      if (chain.chainId === '100') {
+        return mockGnosisProvider
+      }
+      if (chain.chainId === '1') {
+        return mockMainnetProvider
+      }
+      throw new Error('Web3Provider not found')
+    })
+
+    const result = await getAvailableSaltNonce({}, replayedProps, [mockMainnet, mockGnosis], [])
+
+    // The known address (initialNonce) will be skipped
+    expect(result).toEqual((Number(initialNonce) + 2).toString())
+  })
+})
diff --git a/apps/web/src/components/new-safe/create/logic/utils.ts b/apps/web/src/components/new-safe/create/logic/utils.ts
new file mode 100644
index 000000000..91c27acd2
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/logic/utils.ts
@@ -0,0 +1,75 @@
+import { isSmartContract } from '@/utils/wallets'
+import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { createWeb3ReadOnly, getRpcServiceUrl } from '@/hooks/wallets/web3'
+import { type ReplayedSafeProps } from '@safe-global/utils/features/counterfactual/store/types'
+import { predictAddressBasedOnReplayData } from '@/features/multichain/utils/utils'
+import chains from '@/config/chains'
+import { computeNewSafeAddress } from '.'
+
+export const getAvailableSaltNonce = async (
+  customRpcs: {
+    [chainId: string]: string
+  },
+  replayedSafe: ReplayedSafeProps,
+  chainInfos: ChainInfo[],
+  // All addresses from the sidebar disregarding the chain. This is an optimization to reduce RPC calls
+  knownSafeAddresses: string[],
+): Promise<string> => {
+  let isAvailableOnAllChains = true
+  const allRPCs = chainInfos.map((chain) => {
+    const rpcUrl = customRpcs?.[chain.chainId] || getRpcServiceUrl(chain.rpcUri)
+    // Turn into Eip1993Provider
+    return {
+      rpcUrl,
+      chainId: chain.chainId,
+    }
+  })
+
+  for (const chain of chainInfos) {
+    const rpcUrl = allRPCs.find((rpc) => chain.chainId === rpc.chainId)?.rpcUrl
+    if (!rpcUrl) {
+      throw new Error(`No RPC available for  ${chain.chainName}`)
+    }
+    const web3ReadOnly = createWeb3ReadOnly(chain, rpcUrl)
+    if (!web3ReadOnly) {
+      throw new Error('Could not initiate RPC')
+    }
+    let safeAddress: string
+    // FIXME a new check to indicate ZKsync chain will be added to the config service and available under ChainInfo
+    if (chain.chainId === chains['zksync'] || chain.chainId === chains['lens']) {
+      // ZK-sync is using a different create2 method which is supported by the SDK
+      safeAddress = await computeNewSafeAddress(
+        rpcUrl,
+        {
+          safeAccountConfig: replayedSafe.safeAccountConfig,
+          safeDeploymentConfig: {
+            saltNonce: replayedSafe.saltNonce,
+            safeVersion: replayedSafe.safeVersion,
+          },
+        },
+        chain,
+      )
+    } else {
+      safeAddress = await predictAddressBasedOnReplayData(replayedSafe, web3ReadOnly)
+    }
+    const isKnown = knownSafeAddresses.some((knownAddress) => sameAddress(knownAddress, safeAddress))
+    if (isKnown || (await isSmartContract(safeAddress, web3ReadOnly))) {
+      // We found a chain where the nonce is used up
+      isAvailableOnAllChains = false
+      break
+    }
+  }
+
+  // Safe is already deployed so we try the next saltNonce
+  if (!isAvailableOnAllChains) {
+    return getAvailableSaltNonce(
+      customRpcs,
+      { ...replayedSafe, saltNonce: (Number(replayedSafe.saltNonce) + 1).toString() },
+      chainInfos,
+      knownSafeAddresses,
+    )
+  }
+
+  return replayedSafe.saltNonce
+}
diff --git a/apps/web/src/components/new-safe/create/steps/AdvancedOptionsStep/index.tsx b/apps/web/src/components/new-safe/create/steps/AdvancedOptionsStep/index.tsx
new file mode 100644
index 000000000..6d81ff697
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/steps/AdvancedOptionsStep/index.tsx
@@ -0,0 +1,268 @@
+import { predictAddressBasedOnReplayData } from '@/features/multichain/utils/utils'
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { Button, MenuItem, Divider, Box, TextField, Stack, Skeleton, SvgIcon, Tooltip, Typography } from '@mui/material'
+import { Controller, FormProvider, useForm } from 'react-hook-form'
+import { type ReactElement, useMemo } from 'react'
+
+import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
+import type { NewSafeFormData } from '@/components/new-safe/create'
+import useSyncSafeCreationStep from '@/components/new-safe/create/useSyncSafeCreationStep'
+import ArrowBackIcon from '@mui/icons-material/ArrowBack'
+import layoutCss from '@/components/new-safe/create/styles.module.css'
+import { type SafeVersion } from '@safe-global/types-kit'
+import NumberField from '@/components/common/NumberField'
+import { useCurrentChain } from '@/hooks/useChains'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { createNewUndeployedSafeWithoutSalt } from '../../logic'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import { isSmartContract } from '@/utils/wallets'
+
+enum AdvancedOptionsFields {
+  safeVersion = 'safeVersion',
+  saltNonce = 'saltNonce',
+  paymentReceiver = 'paymentReceiver',
+}
+
+export type AdvancedOptionsStepForm = {
+  [AdvancedOptionsFields.safeVersion]: SafeVersion
+  [AdvancedOptionsFields.saltNonce]: number
+  [AdvancedOptionsFields.paymentReceiver]: string
+}
+
+const ADVANCED_OPTIONS_STEP_FORM_ID = 'create-safe-advanced-options-step-form'
+
+const AdvancedOptionsStep = ({ onSubmit, onBack, data, setStep }: StepRenderProps<NewSafeFormData>): ReactElement => {
+  useSyncSafeCreationStep(setStep, data.networks)
+  const chain = useCurrentChain()
+  const provider = useWeb3ReadOnly()
+
+  const formMethods = useForm<AdvancedOptionsStepForm>({
+    mode: 'onChange',
+    defaultValues: data,
+  })
+
+  const { handleSubmit, control, watch, formState, getValues, register } = formMethods
+
+  const selectedSafeVersion = watch(AdvancedOptionsFields.safeVersion)
+  const selectedSaltNonce = watch(AdvancedOptionsFields.saltNonce)
+  const selectedPaymentReceiver = watch(AdvancedOptionsFields.paymentReceiver)
+
+  const newSafeProps = useMemo(
+    () =>
+      chain
+        ? createNewUndeployedSafeWithoutSalt(
+            selectedSafeVersion,
+            {
+              owners: data.owners.map((owner) => owner.address),
+              threshold: data.threshold,
+              paymentReceiver: selectedPaymentReceiver,
+            },
+            chain,
+          )
+        : undefined,
+    [chain, data.owners, data.threshold, selectedSafeVersion, selectedPaymentReceiver],
+  )
+
+  const [predictedSafeAddress] = useAsync(async () => {
+    if (!provider || !newSafeProps) return
+
+    const replayedSafeWithNonce = { ...newSafeProps, saltNonce: selectedSaltNonce.toString() }
+
+    return predictAddressBasedOnReplayData(replayedSafeWithNonce, provider)
+  }, [provider, newSafeProps, selectedSaltNonce])
+
+  const [isDeployed] = useAsync(
+    async () => (predictedSafeAddress ? await isSmartContract(predictedSafeAddress) : false),
+    [predictedSafeAddress],
+  )
+
+  const isDisabled = !formState.isValid || Boolean(isDeployed)
+
+  const handleBack = () => {
+    const formData = getValues()
+    onBack(formData)
+  }
+
+  const onFormSubmit = handleSubmit((data) => {
+    onSubmit(data)
+
+    // TODO: Tracking of advanced setup
+  })
+
+  return (
+    <form data-testid="advanced-options-step-form" onSubmit={onFormSubmit} id={ADVANCED_OPTIONS_STEP_FORM_ID}>
+      <FormProvider {...formMethods}>
+        <Stack spacing={2}>
+          <Box className={layoutCss.row}>
+            <Typography
+              variant="h5"
+              sx={{
+                fontWeight: 700,
+                display: 'inline-flex',
+                alignItems: 'center',
+                gap: 1,
+              }}
+            >
+              Safe version
+              <Tooltip
+                title="The threshold of a Safe Account specifies how many signers need to confirm a Safe Account transaction before it can be executed."
+                arrow
+                placement="top"
+              >
+                <span style={{ display: 'flex' }}>
+                  <SvgIcon component={InfoIcon} inheritViewBox color="border" fontSize="small" />
+                </span>
+              </Tooltip>
+            </Typography>
+            <Typography variant="body2" mb={2}>
+              Changes the used master copy and fallback handler of the Safe.
+            </Typography>
+            <Controller
+              control={control}
+              name="safeVersion"
+              render={({ field }) => (
+                <TextField select {...field} label="Safe version">
+                  <MenuItem value="1.4.1">1.4.1 (latest)</MenuItem>
+                  <MenuItem value="1.3.0">1.3.0</MenuItem>
+                </TextField>
+              )}
+            />
+
+            <Typography
+              variant="h5"
+              sx={{
+                fontWeight: 700,
+                display: 'inline-flex',
+                alignItems: 'center',
+                gap: 1,
+                mt: 4,
+                width: 1,
+              }}
+            >
+              Salt nonce
+              <Tooltip
+                title="The salt nonce changes the predicted Safe address. It can be used to re-create a Safe from another chain or to create a specific Safe address"
+                arrow
+                placement="top"
+              >
+                <span style={{ display: 'flex' }}>
+                  <SvgIcon component={InfoIcon} inheritViewBox color="border" fontSize="small" />
+                </span>
+              </Tooltip>
+            </Typography>
+            <Typography variant="body2" mb={2}>
+              Impacts the derived Safe address
+            </Typography>
+            <NumberField
+              {...register(AdvancedOptionsFields.saltNonce, {
+                validate: async (value) => {
+                  if (isNaN(value)) {
+                    return 'Salt nonce must be a number'
+                  }
+                  if (value < 0) {
+                    return 'Salt nonce must be positive'
+                  }
+                },
+                required: true,
+              })}
+              fullWidth
+              label="Salt nonce"
+              error={Boolean(formState.errors[AdvancedOptionsFields.saltNonce]) || Boolean(isDeployed)}
+              helperText={
+                formState.errors[AdvancedOptionsFields.saltNonce]?.message ??
+                (Boolean(isDeployed) ? 'The Safe is already deployed. Use a different salt nonce.' : undefined)
+              }
+            />
+
+            <Typography
+              variant="h5"
+              sx={{
+                fontWeight: 700,
+                display: 'inline-flex',
+                alignItems: 'center',
+                gap: 1,
+                mt: 4,
+                width: 1,
+              }}
+            >
+              Payment receiver
+              <Tooltip title="The payment receiver changes the predicted Safe address." arrow placement="top">
+                <span style={{ display: 'flex' }}>
+                  <SvgIcon component={InfoIcon} inheritViewBox color="border" fontSize="small" />
+                </span>
+              </Tooltip>
+            </Typography>
+            <Typography
+              variant="body2"
+              sx={{
+                mb: 2,
+              }}
+            >
+              Impacts the derived Safe address
+            </Typography>
+            <TextField
+              {...register(AdvancedOptionsFields.paymentReceiver, {
+                required: true,
+              })}
+              label="Payment receiver"
+              error={Boolean(formState.errors[AdvancedOptionsFields.paymentReceiver]) || Boolean(isDeployed)}
+              helperText={
+                formState.errors[AdvancedOptionsFields.paymentReceiver]?.message ??
+                (Boolean(isDeployed) ? 'The Safe is already deployed. Use a different payment receiver.' : undefined)
+              }
+              fullWidth
+            />
+          </Box>
+
+          <Divider />
+
+          <Box className={layoutCss.row}>
+            <Typography
+              variant="h4"
+              sx={{
+                fontWeight: 700,
+                mb: 1,
+              }}
+            >
+              New Safe address
+            </Typography>
+            {predictedSafeAddress ? (
+              <EthHashInfo address={predictedSafeAddress} hasExplorer showCopyButton />
+            ) : (
+              <Skeleton />
+            )}
+          </Box>
+
+          <Divider />
+
+          <Box className={layoutCss.row}>
+            <Box
+              sx={{
+                display: 'flex',
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                gap: 3,
+              }}
+            >
+              <Button
+                data-testid="back-btn"
+                variant="outlined"
+                size="small"
+                onClick={handleBack}
+                startIcon={<ArrowBackIcon fontSize="small" />}
+              >
+                Back
+              </Button>
+              <Button data-testid="next-btn" type="submit" variant="contained" size="stretched" disabled={isDisabled}>
+                Next
+              </Button>
+            </Box>
+          </Box>
+        </Stack>
+      </FormProvider>
+    </form>
+  )
+}
+
+export default AdvancedOptionsStep
diff --git a/apps/web/src/components/new-safe/create/steps/OwnerPolicyStep/index.tsx b/apps/web/src/components/new-safe/create/steps/OwnerPolicyStep/index.tsx
new file mode 100644
index 000000000..4c48d82bf
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/steps/OwnerPolicyStep/index.tsx
@@ -0,0 +1,213 @@
+import useAddressBook from '@/hooks/useAddressBook'
+import useWallet from '@/hooks/wallets/useWallet'
+import { Button, SvgIcon, MenuItem, Tooltip, Typography, Divider, Box, Grid, TextField } from '@mui/material'
+import { Controller, FormProvider, useFieldArray, useForm } from 'react-hook-form'
+import type { ReactElement } from 'react'
+
+import AddIcon from '@/public/images/common/add.svg'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import type { NamedAddress } from '@/components/new-safe/create/types'
+import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
+import type { NewSafeFormData } from '@/components/new-safe/create'
+import type { CreateSafeInfoItem } from '@/components/new-safe/create/CreateSafeInfos'
+import { useSafeSetupHints } from '@/components/new-safe/create/steps/OwnerPolicyStep/useSafeSetupHints'
+import useSyncSafeCreationStep from '@/components/new-safe/create/useSyncSafeCreationStep'
+import ArrowBackIcon from '@mui/icons-material/ArrowBack'
+import layoutCss from '@/components/new-safe/create/styles.module.css'
+import { CREATE_SAFE_EVENTS, trackEvent } from '@/services/analytics'
+import OwnerRow from '@/components/new-safe/OwnerRow'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+
+enum OwnerPolicyStepFields {
+  owners = 'owners',
+  threshold = 'threshold',
+}
+
+export type OwnerPolicyStepForm = {
+  [OwnerPolicyStepFields.owners]: NamedAddress[]
+  [OwnerPolicyStepFields.threshold]: number
+}
+
+const OWNER_POLICY_STEP_FORM_ID = 'create-safe-owner-policy-step-form'
+
+const OwnerPolicyStep = ({
+  onSubmit,
+  onBack,
+  data,
+  setStep,
+  setDynamicHint,
+}: StepRenderProps<NewSafeFormData> & {
+  setDynamicHint: (hints: CreateSafeInfoItem | undefined) => void
+}): ReactElement => {
+  const wallet = useWallet()
+  const addressBook = useAddressBook()
+  const defaultOwnerAddressBookName = wallet?.address ? addressBook[wallet.address] : undefined
+  const defaultOwner: NamedAddress = {
+    name: defaultOwnerAddressBookName || wallet?.ens || '',
+    address: wallet?.address || '',
+  }
+  useSyncSafeCreationStep(setStep, data.networks)
+
+  const formMethods = useForm<OwnerPolicyStepForm>({
+    mode: 'onChange',
+    defaultValues: {
+      [OwnerPolicyStepFields.owners]: data.owners.length > 0 ? data.owners : [defaultOwner],
+      [OwnerPolicyStepFields.threshold]: data.threshold,
+    },
+  })
+
+  const { handleSubmit, control, watch, formState, getValues, setValue, trigger } = formMethods
+
+  const threshold = watch(OwnerPolicyStepFields.threshold)
+
+  const {
+    fields: ownerFields,
+    append: appendOwner,
+    remove,
+  } = useFieldArray({ control, name: OwnerPolicyStepFields.owners })
+
+  const removeOwner = (index: number): void => {
+    // Set threshold if it's greater than the number of owners
+    setValue(OwnerPolicyStepFields.threshold, Math.min(threshold, ownerFields.length - 1))
+    remove(index)
+    trigger(OwnerPolicyStepFields.owners)
+  }
+
+  const isDisabled = !formState.isValid
+
+  useSafeSetupHints(setDynamicHint, threshold, ownerFields.length)
+
+  const handleBack = () => {
+    const formData = getValues()
+    onBack({ ...data, ...formData })
+  }
+
+  const onFormSubmit = handleSubmit((data) => {
+    onSubmit(data)
+
+    trackEvent({
+      ...CREATE_SAFE_EVENTS.OWNERS,
+      label: data.owners.length,
+    })
+
+    trackEvent({
+      ...CREATE_SAFE_EVENTS.THRESHOLD,
+      label: data.threshold,
+    })
+  })
+
+  return (
+    <form data-testid="owner-policy-step-form" onSubmit={onFormSubmit} id={OWNER_POLICY_STEP_FORM_ID}>
+      <FormProvider {...formMethods}>
+        <Box className={layoutCss.row}>
+          {ownerFields.map((field, i) => (
+            <OwnerRow
+              key={field.id}
+              index={i}
+              removable={i > 0}
+              groupName={OwnerPolicyStepFields.owners}
+              remove={removeOwner}
+            />
+          ))}
+          <Button
+            data-testid="add-new-signer"
+            variant="text"
+            onClick={() => appendOwner({ name: '', address: '' }, { shouldFocus: true })}
+            startIcon={<SvgIcon component={AddIcon} inheritViewBox fontSize="small" />}
+            size="large"
+          >
+            Add new signer
+          </Button>
+        </Box>
+
+        <Divider />
+        <Box className={layoutCss.row}>
+          <Typography
+            variant="h4"
+            sx={{
+              fontWeight: 700,
+              display: 'inline-flex',
+              alignItems: 'center',
+              gap: 1,
+            }}
+          >
+            Threshold
+            <Tooltip
+              title="The threshold of a Safe Account specifies how many signers need to confirm a Safe Account transaction before it can be executed."
+              arrow
+              placement="top"
+            >
+              <span style={{ display: 'flex' }}>
+                <SvgIcon component={InfoIcon} inheritViewBox color="border" fontSize="small" />
+              </span>
+            </Tooltip>
+          </Typography>
+          <Typography
+            variant="body2"
+            sx={{
+              mb: 2,
+            }}
+          >
+            Any transaction requires the confirmation of:
+          </Typography>
+          <Grid
+            container
+            direction="row"
+            sx={{
+              alignItems: 'center',
+              gap: 2,
+              pt: 1,
+            }}
+          >
+            <Grid item>
+              <Controller
+                control={control}
+                name="threshold"
+                render={({ field }) => (
+                  <TextField data-testid="threshold-selector" select {...field}>
+                    {ownerFields.map((_, idx) => (
+                      <MenuItem data-testid="threshold-item" key={idx + 1} value={idx + 1}>
+                        {idx + 1}
+                      </MenuItem>
+                    ))}
+                  </TextField>
+                )}
+              />
+            </Grid>
+            <Grid item>
+              <Typography>
+                out of {ownerFields.length} signer{maybePlural(ownerFields)}
+              </Typography>
+            </Grid>
+          </Grid>
+        </Box>
+        <Divider />
+        <Box className={layoutCss.row}>
+          <Box
+            sx={{
+              display: 'flex',
+              flexDirection: 'row',
+              justifyContent: 'space-between',
+              gap: 3,
+            }}
+          >
+            <Button
+              data-testid="back-btn"
+              variant="outlined"
+              size="small"
+              onClick={handleBack}
+              startIcon={<ArrowBackIcon fontSize="small" />}
+            >
+              Back
+            </Button>
+            <Button data-testid="next-btn" type="submit" variant="contained" size="stretched" disabled={isDisabled}>
+              Next
+            </Button>
+          </Box>
+        </Box>
+      </FormProvider>
+    </form>
+  )
+}
+
+export default OwnerPolicyStep
diff --git a/apps/web/src/components/new-safe/create/steps/OwnerPolicyStep/useSafeSetupHints.ts b/apps/web/src/components/new-safe/create/steps/OwnerPolicyStep/useSafeSetupHints.ts
new file mode 100644
index 000000000..6cd05c182
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/steps/OwnerPolicyStep/useSafeSetupHints.ts
@@ -0,0 +1,44 @@
+import { useEffect } from 'react'
+import type { CreateSafeInfoItem } from '@/components/new-safe/create/CreateSafeInfos'
+
+export const useSafeSetupHints = (
+  setHint: (hint: CreateSafeInfoItem | undefined) => void,
+  threshold?: number,
+  numberOfOwners?: number,
+  multiChain?: boolean,
+) => {
+  useEffect(() => {
+    const safeSetupWarningSteps: { title: string; text: string }[] = []
+
+    // 1/n warning
+    if (numberOfOwners && threshold === 1) {
+      safeSetupWarningSteps.push({
+        title: `1/${numberOfOwners} policy`,
+        text: 'Use a threshold higher than one to prevent losing access to your Safe Account in case a signer key is lost or compromised.',
+      })
+    }
+
+    // n/n warning
+    if (threshold === numberOfOwners && numberOfOwners && numberOfOwners > 1) {
+      safeSetupWarningSteps.push({
+        title: `${numberOfOwners}/${numberOfOwners} policy`,
+        text: 'Use a threshold which is lower than the total number of signers of your Safe Account in case a signer loses access to their account and needs to be replaced.',
+      })
+    }
+
+    // n/n warning
+    if (multiChain) {
+      safeSetupWarningSteps.push({
+        title: `Same address. Many networks.`,
+        text: 'You can choose which networks to deploy your account on and will need to deploy them one by one after creation.',
+      })
+    }
+
+    setHint({ title: 'Safe Account setup', variant: 'info', steps: safeSetupWarningSteps })
+
+    // Clear dynamic hints when the step / hook unmounts
+    return () => {
+      setHint(undefined)
+    }
+  }, [threshold, numberOfOwners, setHint, multiChain])
+}
diff --git a/apps/web/src/components/new-safe/create/steps/ReviewStep/index.test.tsx b/apps/web/src/components/new-safe/create/steps/ReviewStep/index.test.tsx
new file mode 100644
index 000000000..0d41ce868
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/steps/ReviewStep/index.test.tsx
@@ -0,0 +1,194 @@
+import type { NewSafeFormData } from '@/components/new-safe/create'
+import * as useChains from '@/hooks/useChains'
+import * as relay from '@/utils/relaying'
+import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+import { render } from '@/tests/test-utils'
+import ReviewStep, { NetworkFee } from '@/components/new-safe/create/steps/ReviewStep/index'
+import * as useWallet from '@/hooks/wallets/useWallet'
+import { type ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import { act, fireEvent, screen } from '@testing-library/react'
+import { LATEST_SAFE_VERSION } from '@safe-global/utils/config/constants'
+import { type SafeVersion } from '@safe-global/types-kit'
+
+const mockChainInfo = {
+  chainId: '100',
+  chainName: 'Gnosis Chain',
+  l2: false,
+  nativeCurrency: {
+    symbol: 'ETH',
+  },
+} as ChainInfo
+
+describe('NetworkFee', () => {
+  it('should display the total fee', () => {
+    jest.spyOn(useWallet, 'default').mockReturnValue({ label: 'MetaMask' } as unknown as ConnectedWallet)
+    const mockTotalFee = '0.0123'
+    const result = render(<NetworkFee totalFee={mockTotalFee} chain={mockChainInfo} isWaived={true} />)
+
+    expect(result.getByText(`≈ ${mockTotalFee} ${mockChainInfo.nativeCurrency.symbol}`)).toBeInTheDocument()
+  })
+})
+
+describe('ReviewStep', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should display a pay now pay later option for counterfactual safe setups', () => {
+    const mockData: NewSafeFormData = {
+      name: 'Test',
+      networks: [mockChainInfo],
+      threshold: 1,
+      owners: [{ name: '', address: '0x1' }],
+      saltNonce: 0,
+      safeVersion: LATEST_SAFE_VERSION as SafeVersion,
+    }
+    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
+
+    const { getByText } = render(
+      <ReviewStep data={mockData} onSubmit={jest.fn()} onBack={jest.fn()} setStep={jest.fn()} />,
+    )
+
+    expect(getByText('Pay now')).toBeInTheDocument()
+  })
+
+  it('should display a pay later option as selected by default for counterfactual safe setups', () => {
+    const mockData: NewSafeFormData = {
+      name: 'Test',
+      networks: [mockChainInfo],
+      threshold: 1,
+      owners: [{ name: '', address: '0x1' }],
+      saltNonce: 0,
+      safeVersion: LATEST_SAFE_VERSION as SafeVersion,
+    }
+    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
+
+    render(<ReviewStep data={mockData} onSubmit={jest.fn()} onBack={jest.fn()} setStep={jest.fn()} />)
+
+    const payLaterOption = screen.getByRole('radio', { name: /Pay later/i })
+    expect(payLaterOption).toBeChecked()
+  })
+
+  it('should not display the network fee for counterfactual safes', () => {
+    const mockData: NewSafeFormData = {
+      name: 'Test',
+      networks: [mockChainInfo],
+      threshold: 1,
+      owners: [{ name: '', address: '0x1' }],
+      saltNonce: 0,
+      safeVersion: LATEST_SAFE_VERSION as SafeVersion,
+    }
+    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
+
+    const { queryByText } = render(
+      <ReviewStep data={mockData} onSubmit={jest.fn()} onBack={jest.fn()} setStep={jest.fn()} />,
+    )
+
+    expect(queryByText('You will have to confirm a transaction and pay an estimated fee')).not.toBeInTheDocument()
+  })
+
+  it('should not display the execution method for counterfactual safes', () => {
+    const mockData: NewSafeFormData = {
+      name: 'Test',
+      networks: [mockChainInfo],
+      threshold: 1,
+      owners: [{ name: '', address: '0x1' }],
+      saltNonce: 0,
+      safeVersion: LATEST_SAFE_VERSION as SafeVersion,
+    }
+    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
+
+    const { queryByText } = render(
+      <ReviewStep data={mockData} onSubmit={jest.fn()} onBack={jest.fn()} setStep={jest.fn()} />,
+    )
+
+    expect(queryByText('Who will pay gas fees:')).not.toBeInTheDocument()
+  })
+
+  it('should display the network fee for counterfactual safes if the user selects pay now', async () => {
+    const mockData: NewSafeFormData = {
+      name: 'Test',
+      networks: [mockChainInfo],
+      threshold: 1,
+      owners: [{ name: '', address: '0x1' }],
+      saltNonce: 0,
+      safeVersion: LATEST_SAFE_VERSION as SafeVersion,
+    }
+    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
+
+    const { getByText } = render(
+      <ReviewStep data={mockData} onSubmit={jest.fn()} onBack={jest.fn()} setStep={jest.fn()} />,
+    )
+
+    const payNow = getByText('Pay now')
+
+    act(() => {
+      fireEvent.click(payNow)
+    })
+
+    expect(getByText(/You will have to confirm a transaction and pay an estimated fee/)).toBeInTheDocument()
+  })
+
+  it('should display the execution method for counterfactual safes if the user selects pay now and there is relaying', async () => {
+    const mockData: NewSafeFormData = {
+      name: 'Test',
+      networks: [mockChainInfo],
+      threshold: 1,
+      owners: [{ name: '', address: '0x1' }],
+      saltNonce: 0,
+      safeVersion: LATEST_SAFE_VERSION as SafeVersion,
+    }
+    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
+    jest.spyOn(relay, 'hasRemainingRelays').mockReturnValue(true)
+
+    const { getByText } = render(
+      <ReviewStep data={mockData} onSubmit={jest.fn()} onBack={jest.fn()} setStep={jest.fn()} />,
+    )
+
+    const payNow = getByText('Pay now')
+
+    act(() => {
+      fireEvent.click(payNow)
+    })
+
+    expect(getByText(/Who will pay gas fees:/)).toBeInTheDocument()
+  })
+
+  it('should display the execution method for counterfactual safes if the user selects pay now and there is relaying', async () => {
+    const mockMultiChainInfo = [
+      {
+        chainId: '100',
+        chainName: 'Gnosis Chain',
+        l2: false,
+        nativeCurrency: {
+          symbol: 'ETH',
+        },
+      },
+      {
+        chainId: '1',
+        chainName: 'Ethereum',
+        l2: false,
+        nativeCurrency: {
+          symbol: 'ETH',
+        },
+      },
+    ] as ChainInfo[]
+    const mockData: NewSafeFormData = {
+      name: 'Test',
+      networks: mockMultiChainInfo,
+      threshold: 1,
+      owners: [{ name: '', address: '0x1' }],
+      saltNonce: 0,
+      safeVersion: LATEST_SAFE_VERSION as SafeVersion,
+    }
+    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
+    jest.spyOn(relay, 'hasRemainingRelays').mockReturnValue(true)
+
+    const { getByText } = render(
+      <ReviewStep data={mockData} onSubmit={jest.fn()} onBack={jest.fn()} setStep={jest.fn()} />,
+    )
+
+    expect(getByText(/activate your account/)).toBeInTheDocument()
+  })
+})
diff --git a/apps/web/src/components/new-safe/create/steps/ReviewStep/index.tsx b/apps/web/src/components/new-safe/create/steps/ReviewStep/index.tsx
new file mode 100644
index 000000000..62124a55c
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/steps/ReviewStep/index.tsx
@@ -0,0 +1,535 @@
+import type { NamedAddress } from '@/components/new-safe/create/types'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { safeCreationDispatch, SafeCreationEvent } from '@/features/counterfactual/services/safeCreationEvents'
+import NetworkLogosList from '@/features/multichain/components/NetworkLogosList'
+import { getTotalFeeFormatted } from '@/hooks/useGasPrice'
+import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
+import type { NewSafeFormData } from '@/components/new-safe/create'
+import {
+  computeNewSafeAddress,
+  createNewSafe,
+  createNewUndeployedSafeWithoutSalt,
+  relaySafeCreation,
+} from '@/components/new-safe/create/logic'
+import { getAvailableSaltNonce } from '@/components/new-safe/create/logic/utils'
+import css from '@/components/new-safe/create/steps/ReviewStep/styles.module.css'
+import layoutCss from '@/components/new-safe/create/styles.module.css'
+import { useEstimateSafeCreationGas } from '@/components/new-safe/create/useEstimateSafeCreationGas'
+import useSyncSafeCreationStep from '@/components/new-safe/create/useSyncSafeCreationStep'
+import ReviewRow from '@/components/new-safe/ReviewRow'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import { ExecutionMethod, ExecutionMethodSelector } from '@/components/tx/ExecutionMethodSelector'
+import PayNowPayLater from '@/features/counterfactual/PayNowPayLater'
+import { CF_TX_GROUP_KEY, replayCounterfactualSafeDeployment } from '@/features/counterfactual/utils'
+import { useCurrentChain, useHasFeature } from '@/hooks/useChains'
+import useGasPrice from '@/hooks/useGasPrice'
+import useIsWrongChain from '@/hooks/useIsWrongChain'
+import { useLeastRemainingRelays } from '@/hooks/useRemainingRelays'
+import useWalletCanPay from '@/hooks/useWalletCanPay'
+import useWallet from '@/hooks/wallets/useWallet'
+import { CREATE_SAFE_CATEGORY, CREATE_SAFE_EVENTS, OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
+import { gtmSetChainId, gtmSetSafeAddress } from '@/services/analytics/gtm'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { useAppDispatch, useAppSelector } from '@/store'
+import { hasRemainingRelays } from '@/utils/relaying'
+import { isWalletRejection } from '@/utils/wallets'
+import ArrowBackIcon from '@mui/icons-material/ArrowBack'
+import { Box, Button, CircularProgress, Divider, Grid, Tooltip, Typography } from '@mui/material'
+import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import classnames from 'classnames'
+import { useRouter } from 'next/router'
+import { useMemo, useState } from 'react'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+import ChainIndicator from '@/components/common/ChainIndicator'
+import NetworkWarning from '../../NetworkWarning'
+import useAllSafes from '@/features/myAccounts/hooks/useAllSafes'
+import uniq from 'lodash/uniq'
+import { selectRpc } from '@/store/settingsSlice'
+import { AppRoutes } from '@/config/routes'
+import { type ReplayedSafeProps } from '@safe-global/utils/features/counterfactual/store/types'
+import { predictAddressBasedOnReplayData } from '@/features/multichain/utils/utils'
+import { createWeb3ReadOnly, getRpcServiceUrl } from '@/hooks/wallets/web3'
+import { updateAddressBook } from '../../logic/address-book'
+import chains from '@/config/chains'
+import { FEATURES, hasFeature } from '@safe-global/utils/utils/chains'
+import { PayMethod } from '@safe-global/utils/features/counterfactual/types'
+import { type TransactionOptions } from '@safe-global/types-kit'
+
+export const NetworkFee = ({
+  totalFee,
+  chain,
+  isWaived,
+  inline = false,
+}: {
+  totalFee: string
+  chain: ChainInfo | undefined
+  isWaived: boolean
+  inline?: boolean
+}) => {
+  return (
+    <Box className={classnames(css.networkFee, { [css.networkFeeInline]: inline })}>
+      <Typography className={classnames({ [css.strikethrough]: isWaived })}>
+        <b>
+          &asymp; {totalFee} {chain?.nativeCurrency.symbol}
+        </b>
+      </Typography>
+    </Box>
+  )
+}
+
+export const SafeSetupOverview = ({
+  name,
+  owners,
+  threshold,
+  networks,
+}: {
+  name?: string
+  owners: NamedAddress[]
+  threshold: number
+  networks: ChainInfo[]
+}) => {
+  return (
+    <Grid container spacing={3}>
+      <ReviewRow
+        name={networks.length > 1 ? 'Networks' : 'Network'}
+        value={
+          <Tooltip
+            title={
+              <Box>
+                {networks.map((safeItem) => (
+                  <Box
+                    key={safeItem.chainId}
+                    sx={{
+                      p: '4px 0px',
+                    }}
+                  >
+                    <ChainIndicator chainId={safeItem.chainId} />
+                  </Box>
+                ))}
+              </Box>
+            }
+            arrow
+          >
+            <Box
+              data-testid="network-list"
+              sx={{
+                display: 'inline-block',
+              }}
+            >
+              <NetworkLogosList networks={networks} />
+            </Box>
+          </Tooltip>
+        }
+      />
+      {name && <ReviewRow name="Name" value={<Typography data-testid="review-step-safe-name">{name}</Typography>} />}
+      <ReviewRow
+        name="Signers"
+        value={
+          <Box data-testid="review-step-owner-info" className={css.ownersArray}>
+            {owners.map((owner, index) => (
+              <EthHashInfo
+                address={owner.address}
+                name={owner.name || owner.ens}
+                shortAddress={false}
+                showPrefix={false}
+                showName
+                hasExplorer
+                showCopyButton
+                key={index}
+              />
+            ))}
+          </Box>
+        }
+      />
+      <ReviewRow
+        name="Threshold"
+        value={
+          <Typography data-testid="review-step-threshold">
+            {threshold} out of {owners.length} {owners.length > 1 ? 'signers' : 'signer'}
+          </Typography>
+        }
+      />
+    </Grid>
+  )
+}
+
+const ReviewStep = ({ data, onSubmit, onBack, setStep }: StepRenderProps<NewSafeFormData>) => {
+  const isWrongChain = useIsWrongChain()
+  useSyncSafeCreationStep(setStep, data.networks)
+  const chain = useCurrentChain()
+  const wallet = useWallet()
+  const dispatch = useAppDispatch()
+  const router = useRouter()
+  const [gasPrice] = useGasPrice()
+  const customRpc = useAppSelector(selectRpc)
+  const [payMethod, setPayMethod] = useState(PayMethod.PayLater)
+  const [executionMethod, setExecutionMethod] = useState(ExecutionMethod.RELAY)
+  const [isCreating, setIsCreating] = useState<boolean>(false)
+  const [submitError, setSubmitError] = useState<string>()
+  const isCounterfactualEnabled = useHasFeature(FEATURES.COUNTERFACTUAL)
+  const isEIP1559 = chain && hasFeature(chain, FEATURES.EIP1559)
+
+  const ownerAddresses = useMemo(() => data.owners.map((owner) => owner.address), [data.owners])
+  const [minRelays] = useLeastRemainingRelays(ownerAddresses)
+
+  const isMultiChainDeployment = data.networks.length > 1
+
+  // Every owner has remaining relays and relay method is selected
+  const canRelay = hasRemainingRelays(minRelays)
+  const willRelay = canRelay && executionMethod === ExecutionMethod.RELAY
+
+  const newSafeProps = useMemo(
+    () =>
+      chain
+        ? createNewUndeployedSafeWithoutSalt(
+            data.safeVersion,
+            {
+              owners: data.owners.map((owner) => checksumAddress(owner.address)),
+              threshold: data.threshold,
+              paymentReceiver: data.paymentReceiver,
+            },
+            chain,
+          )
+        : undefined,
+    [chain, data.owners, data.safeVersion, data.threshold, data.paymentReceiver],
+  )
+
+  const safePropsForGasEstimation = useMemo(() => {
+    return newSafeProps
+      ? {
+          ...newSafeProps,
+          saltNonce: Date.now().toString(),
+        }
+      : undefined
+  }, [newSafeProps])
+
+  // We estimate with a random nonce as we'll just slightly overestimates like this
+  const { gasLimit } = useEstimateSafeCreationGas(safePropsForGasEstimation, data.safeVersion)
+
+  const maxFeePerGas = gasPrice?.maxFeePerGas
+  const maxPriorityFeePerGas = gasPrice?.maxPriorityFeePerGas
+
+  const walletCanPay = useWalletCanPay({ gasLimit, maxFeePerGas })
+
+  const totalFee = getTotalFeeFormatted(maxFeePerGas, gasLimit, chain)
+
+  const allSafes = useAllSafes()
+  const knownAddresses = useMemo(() => uniq(allSafes?.map((safe) => safe.address)), [allSafes])
+
+  const customRPCs = useAppSelector(selectRpc)
+
+  const handleBack = () => {
+    onBack(data)
+  }
+
+  const handleCreateSafeClick = async () => {
+    try {
+      if (!wallet || !chain || !newSafeProps) return
+
+      setIsCreating(true)
+
+      // Figure out the shared available nonce across chains
+      const nextAvailableNonce =
+        data.saltNonce !== undefined
+          ? data.saltNonce.toString()
+          : await getAvailableSaltNonce(customRPCs, { ...newSafeProps, saltNonce: '0' }, data.networks, knownAddresses)
+
+      const replayedSafeWithNonce = { ...newSafeProps, saltNonce: nextAvailableNonce }
+
+      const customRpcUrl = customRpc[chain.chainId]
+      const provider = createWeb3ReadOnly(chain, customRpcUrl)
+      if (!provider) return
+
+      let safeAddress: string
+
+      // FIXME a new check to indicate ZKsync chain will be added to the config service and available under ChainInfo
+      if (chain.chainId === chains['zksync'] || chain.chainId === chains['lens']) {
+        safeAddress = await computeNewSafeAddress(
+          customRpcUrl || getRpcServiceUrl(chain.rpcUri),
+          {
+            safeAccountConfig: replayedSafeWithNonce.safeAccountConfig,
+            safeDeploymentConfig: {
+              saltNonce: nextAvailableNonce,
+              safeVersion: replayedSafeWithNonce.safeVersion,
+            },
+          },
+          chain,
+        )
+      } else {
+        safeAddress = await predictAddressBasedOnReplayData(replayedSafeWithNonce, provider)
+      }
+
+      for (const network of data.networks) {
+        await createSafe(network, replayedSafeWithNonce, safeAddress)
+      }
+
+      // Update addressbook with owners and Safe on all chosen networks
+      dispatch(
+        updateAddressBook(
+          data.networks.map((network) => network.chainId),
+          safeAddress,
+          data.name,
+          data.owners,
+          data.threshold,
+        ),
+      )
+
+      gtmSetChainId(chain.chainId)
+
+      if (isCounterfactualEnabled && payMethod === PayMethod.PayLater) {
+        await router?.push({
+          pathname: AppRoutes.home,
+          query: { safe: `${data.networks[0].shortName}:${safeAddress}` },
+        })
+        safeCreationDispatch(SafeCreationEvent.AWAITING_EXECUTION, {
+          groupKey: CF_TX_GROUP_KEY,
+          safeAddress,
+          networks: data.networks,
+        })
+      }
+    } catch (err) {
+      console.error(err)
+      setSubmitError('Error creating the Safe Account. Please try again later.')
+    } finally {
+      setIsCreating(false)
+    }
+  }
+
+  const createSafe = async (chain: ChainInfo, props: ReplayedSafeProps, safeAddress: string) => {
+    if (!wallet) return
+
+    gtmSetChainId(chain.chainId)
+
+    try {
+      if (isCounterfactualEnabled && payMethod === PayMethod.PayLater) {
+        gtmSetSafeAddress(safeAddress)
+
+        trackEvent({ ...OVERVIEW_EVENTS.PROCEED_WITH_TX, label: 'counterfactual', category: CREATE_SAFE_CATEGORY })
+        replayCounterfactualSafeDeployment(chain.chainId, safeAddress, props, data.name, dispatch, payMethod)
+        trackEvent({ ...CREATE_SAFE_EVENTS.CREATED_SAFE, label: 'counterfactual' })
+        return
+      }
+
+      const options: TransactionOptions = isEIP1559
+        ? {
+            maxFeePerGas: maxFeePerGas?.toString(),
+            maxPriorityFeePerGas: maxPriorityFeePerGas?.toString(),
+            gasLimit: gasLimit?.toString(),
+          }
+        : { gasPrice: maxFeePerGas?.toString(), gasLimit: gasLimit?.toString() }
+
+      const onSubmitCallback = async (taskId?: string, txHash?: string) => {
+        // Create a counterfactual Safe
+        replayCounterfactualSafeDeployment(chain.chainId, safeAddress, props, data.name, dispatch, payMethod)
+
+        if (taskId) {
+          safeCreationDispatch(SafeCreationEvent.RELAYING, { groupKey: CF_TX_GROUP_KEY, taskId, safeAddress })
+        }
+
+        if (txHash) {
+          safeCreationDispatch(SafeCreationEvent.PROCESSING, {
+            groupKey: CF_TX_GROUP_KEY,
+            txHash,
+            safeAddress,
+          })
+        }
+
+        trackEvent(CREATE_SAFE_EVENTS.SUBMIT_CREATE_SAFE)
+        trackEvent({ ...OVERVIEW_EVENTS.PROCEED_WITH_TX, label: 'deployment', category: CREATE_SAFE_CATEGORY })
+
+        onSubmit(data)
+      }
+
+      if (willRelay) {
+        const taskId = await relaySafeCreation(chain, props)
+        onSubmitCallback(taskId)
+      } else {
+        await createNewSafe(
+          wallet.provider,
+          props,
+          chain,
+          options,
+          (txHash) => {
+            onSubmitCallback(undefined, txHash)
+          },
+          true,
+        )
+      }
+    } catch (_err) {
+      const error = asError(_err)
+      const submitError = isWalletRejection(error)
+        ? 'User rejected signing.'
+        : 'Error creating the Safe Account. Please try again later.'
+      setSubmitError(submitError)
+
+      if (isWalletRejection(error)) {
+        trackEvent(CREATE_SAFE_EVENTS.REJECT_CREATE_SAFE)
+      }
+    }
+
+    setIsCreating(false)
+  }
+
+  const showNetworkWarning =
+    (isWrongChain && payMethod === PayMethod.PayNow && !willRelay && !isMultiChainDeployment) ||
+    (isWrongChain && !isCounterfactualEnabled && !isMultiChainDeployment)
+
+  const isDisabled = showNetworkWarning || isCreating
+
+  return (
+    <>
+      <Box data-testid="safe-setup-overview" className={layoutCss.row}>
+        <SafeSetupOverview name={data.name} owners={data.owners} threshold={data.threshold} networks={data.networks} />
+      </Box>
+      {isCounterfactualEnabled && (
+        <>
+          <Divider />
+          <Box data-testid="pay-now-later-message-box" className={layoutCss.row}>
+            <PayNowPayLater
+              totalFee={totalFee}
+              isMultiChain={isMultiChainDeployment}
+              canRelay={canRelay}
+              payMethod={payMethod}
+              setPayMethod={setPayMethod}
+            />
+
+            {canRelay && payMethod === PayMethod.PayNow && (
+              <>
+                <Grid
+                  container
+                  spacing={3}
+                  sx={{
+                    pt: 2,
+                  }}
+                >
+                  <ReviewRow
+                    value={
+                      <ExecutionMethodSelector
+                        executionMethod={executionMethod}
+                        setExecutionMethod={setExecutionMethod}
+                        relays={minRelays}
+                      />
+                    }
+                  />
+                </Grid>
+              </>
+            )}
+
+            {showNetworkWarning && (
+              <Box sx={{ '&:not(:empty)': { mt: 3 } }}>
+                <NetworkWarning action="create a Safe Account" />
+              </Box>
+            )}
+
+            {payMethod === PayMethod.PayNow && (
+              <Grid item>
+                <Typography
+                  component="div"
+                  sx={{
+                    mt: 2,
+                  }}
+                >
+                  You will have to confirm a transaction and pay an estimated fee of{' '}
+                  <NetworkFee totalFee={totalFee} isWaived={willRelay} chain={chain} inline /> with your connected
+                  wallet
+                </Typography>
+              </Grid>
+            )}
+          </Box>
+        </>
+      )}
+      {!isCounterfactualEnabled && (
+        <>
+          <Divider />
+          <Box
+            className={layoutCss.row}
+            sx={{
+              display: 'flex',
+              flexDirection: 'column',
+              gap: 3,
+            }}
+          >
+            {canRelay && (
+              <Grid container spacing={3}>
+                <ReviewRow
+                  name="Execution method"
+                  value={
+                    <ExecutionMethodSelector
+                      executionMethod={executionMethod}
+                      setExecutionMethod={setExecutionMethod}
+                      relays={minRelays}
+                    />
+                  }
+                />
+              </Grid>
+            )}
+
+            <Grid data-testid="network-fee-section" container spacing={3}>
+              <ReviewRow
+                name="Est. network fee"
+                value={
+                  <>
+                    <NetworkFee totalFee={totalFee} isWaived={willRelay} chain={chain} />
+
+                    {!willRelay && (
+                      <Typography
+                        variant="body2"
+                        sx={{
+                          color: 'text.secondary',
+                          mt: 1,
+                        }}
+                      >
+                        You will have to confirm a transaction with your connected wallet.
+                      </Typography>
+                    )}
+                  </>
+                }
+              />
+            </Grid>
+
+            {showNetworkWarning && <NetworkWarning action="create a Safe Account" />}
+
+            {!walletCanPay && !willRelay && (
+              <ErrorMessage>
+                Your connected wallet doesn&apos;t have enough funds to execute this transaction
+              </ErrorMessage>
+            )}
+          </Box>
+        </>
+      )}
+      <Divider />
+      <Box className={layoutCss.row}>
+        {submitError && <ErrorMessage className={css.errorMessage}>{submitError}</ErrorMessage>}
+        <Box
+          sx={{
+            display: 'flex',
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            gap: 3,
+          }}
+        >
+          <Button
+            data-testid="back-btn"
+            variant="outlined"
+            size="small"
+            onClick={handleBack}
+            startIcon={<ArrowBackIcon fontSize="small" />}
+          >
+            Back
+          </Button>
+          <Button
+            data-testid="review-step-next-btn"
+            onClick={handleCreateSafeClick}
+            variant="contained"
+            size="stretched"
+            disabled={isDisabled}
+          >
+            {isCreating ? <CircularProgress size={18} /> : 'Create account'}
+          </Button>
+        </Box>
+      </Box>
+    </>
+  )
+}
+
+export default ReviewStep
diff --git a/apps/web/src/components/new-safe/create/steps/ReviewStep/styles.module.css b/apps/web/src/components/new-safe/create/steps/ReviewStep/styles.module.css
new file mode 100644
index 000000000..f495e3d66
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/steps/ReviewStep/styles.module.css
@@ -0,0 +1,28 @@
+.ownersArray {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+  font-size: 14px;
+}
+
+.strikethrough {
+  text-decoration: line-through;
+  color: var(--color-text-secondary);
+}
+
+.errorMessage {
+  margin-top: 0;
+}
+
+.networkFee {
+  padding: var(--space-1);
+  background-color: var(--color-secondary-background);
+  color: var(--color-text-primary);
+  width: fit-content;
+  border-radius: 6px;
+}
+
+.networkFeeInline {
+  padding: 2px 4px;
+  display: inline-flex;
+}
diff --git a/apps/web/src/components/new-safe/create/steps/SetNameStep/index.tsx b/apps/web/src/components/new-safe/create/steps/SetNameStep/index.tsx
new file mode 100644
index 000000000..0dfbdc027
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/steps/SetNameStep/index.tsx
@@ -0,0 +1,168 @@
+import { InputAdornment, Tooltip, SvgIcon, Typography, Box, Divider, Button, Grid } from '@mui/material'
+import { FormProvider, useForm, useWatch } from 'react-hook-form'
+import { useMnemonicSafeName } from '@/hooks/useMnemonicName'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
+import type { NewSafeFormData } from '@/components/new-safe/create'
+
+import layoutCss from '@/components/new-safe/create/styles.module.css'
+import NameInput from '@/components/common/NameInput'
+import { CREATE_SAFE_EVENTS, trackEvent } from '@/services/analytics'
+import { AppRoutes } from '@/config/routes'
+import MUILink from '@mui/material/Link'
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+import NoWalletConnectedWarning from '../../NoWalletConnectedWarning'
+import { type SafeVersion } from '@safe-global/types-kit'
+import { useCurrentChain } from '@/hooks/useChains'
+import { useEffect } from 'react'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { useSafeSetupHints } from '../OwnerPolicyStep/useSafeSetupHints'
+import type { CreateSafeInfoItem } from '../../CreateSafeInfos'
+import NetworkMultiSelector from '@/components/common/NetworkSelector/NetworkMultiSelector'
+import { useAppSelector } from '@/store'
+import { selectChainById } from '@/store/chainsSlice'
+import useWallet from '@/hooks/wallets/useWallet'
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+
+type SetNameStepForm = {
+  name: string
+  networks: ChainInfo[]
+  safeVersion: SafeVersion
+}
+
+export enum SetNameStepFields {
+  name = 'name',
+  networks = 'networks',
+  safeVersion = 'safeVersion',
+}
+
+const SET_NAME_STEP_FORM_ID = 'create-safe-set-name-step-form'
+
+function SetNameStep({
+  data,
+  onSubmit,
+  setSafeName,
+  setOverviewNetworks,
+  setDynamicHint,
+  isAdvancedFlow = false,
+}: StepRenderProps<NewSafeFormData> & {
+  setSafeName: (name: string) => void
+  setOverviewNetworks: (networks: ChainInfo[]) => void
+  setDynamicHint: (hints: CreateSafeInfoItem | undefined) => void
+  isAdvancedFlow?: boolean
+}) {
+  const router = useRouter()
+  const currentChain = useCurrentChain()
+  const wallet = useWallet()
+  const walletChain = useAppSelector((state) => selectChainById(state, wallet?.chainId || ''))
+
+  const initialState = data.networks.length ? data.networks : walletChain ? [walletChain] : []
+  const formMethods = useForm<SetNameStepForm>({
+    mode: 'all',
+    defaultValues: {
+      ...data,
+      networks: initialState,
+    },
+  })
+
+  const {
+    handleSubmit,
+    setValue,
+    control,
+    formState: { errors, isValid },
+  } = formMethods
+
+  const networks: ChainInfo[] = useWatch({ control, name: SetNameStepFields.networks })
+  const isMultiChain = networks.length > 1
+  const fallbackName = useMnemonicSafeName(isMultiChain)
+  useSafeSetupHints(setDynamicHint, undefined, undefined, isMultiChain)
+
+  const onFormSubmit = (data: Pick<NewSafeFormData, 'name' | 'networks'>) => {
+    const name = data.name || fallbackName
+    setSafeName(name)
+    setOverviewNetworks(data.networks)
+
+    onSubmit({ ...data, name })
+
+    if (data.name) {
+      trackEvent(CREATE_SAFE_EVENTS.NAME_SAFE)
+    }
+  }
+
+  const onCancel = () => {
+    trackEvent(CREATE_SAFE_EVENTS.CANCEL_CREATE_SAFE_FORM)
+    router.push(AppRoutes.welcome.index)
+  }
+
+  // whenever the chain switches we need to update the latest Safe version and selected chain
+  useEffect(() => {
+    setValue(SetNameStepFields.safeVersion, getLatestSafeVersion(currentChain))
+  }, [currentChain, setValue])
+
+  const isDisabled = !isValid
+
+  return (
+    <FormProvider {...formMethods}>
+      <form onSubmit={handleSubmit(onFormSubmit)} id={SET_NAME_STEP_FORM_ID}>
+        <Box className={layoutCss.row}>
+          <Grid container spacing={1}>
+            <Grid item xs={12} md={12}>
+              <NameInput
+                name={SetNameStepFields.name}
+                label={errors?.[SetNameStepFields.name]?.message || 'Name'}
+                placeholder={fallbackName}
+                InputLabelProps={{ shrink: true }}
+                InputProps={{
+                  endAdornment: (
+                    <Tooltip
+                      title="This name is stored locally and will never be shared with us or any third parties."
+                      arrow
+                      placement="top"
+                    >
+                      <InputAdornment position="end">
+                        <SvgIcon component={InfoIcon} inheritViewBox />
+                      </InputAdornment>
+                    </Tooltip>
+                  ),
+                }}
+              />
+            </Grid>
+
+            <Grid xs={12} item>
+              <Typography variant="h5" fontWeight={700} display="inline-flex" alignItems="center" gap={1} mt={2}>
+                Select Networks
+              </Typography>
+              <Typography variant="body2" mb={2}>
+                Choose which networks you want your account to be active on. You can add more networks later.{' '}
+              </Typography>
+              <NetworkMultiSelector isAdvancedFlow={isAdvancedFlow} name={SetNameStepFields.networks} />
+            </Grid>
+          </Grid>
+          <Typography variant="body2" mt={2}>
+            By continuing, you agree to our{' '}
+            <Link href={AppRoutes.terms} passHref legacyBehavior>
+              <MUILink>terms of use</MUILink>
+            </Link>{' '}
+            .
+          </Typography>
+
+          <NoWalletConnectedWarning />
+        </Box>
+        <Divider />
+        <Box className={layoutCss.row}>
+          <Box display="flex" flexDirection="row" justifyContent="space-between" gap={3}>
+            <Button data-testid="cancel-btn" variant="outlined" onClick={onCancel} size="small">
+              Cancel
+            </Button>
+            <Button data-testid="next-btn" type="submit" variant="contained" size="stretched" disabled={isDisabled}>
+              Next
+            </Button>
+          </Box>
+        </Box>
+      </form>
+    </FormProvider>
+  )
+}
+
+export default SetNameStep
diff --git a/src/components/new-safe/create/steps/SetNameStep/styles.module.css b/apps/web/src/components/new-safe/create/steps/SetNameStep/styles.module.css
similarity index 100%
rename from src/components/new-safe/create/steps/SetNameStep/styles.module.css
rename to apps/web/src/components/new-safe/create/steps/SetNameStep/styles.module.css
diff --git a/src/components/new-safe/create/steps/StatusStep/LoadingSpinner/index.tsx b/apps/web/src/components/new-safe/create/steps/StatusStep/LoadingSpinner/index.tsx
similarity index 100%
rename from src/components/new-safe/create/steps/StatusStep/LoadingSpinner/index.tsx
rename to apps/web/src/components/new-safe/create/steps/StatusStep/LoadingSpinner/index.tsx
diff --git a/src/components/new-safe/create/steps/StatusStep/LoadingSpinner/styles.module.css b/apps/web/src/components/new-safe/create/steps/StatusStep/LoadingSpinner/styles.module.css
similarity index 100%
rename from src/components/new-safe/create/steps/StatusStep/LoadingSpinner/styles.module.css
rename to apps/web/src/components/new-safe/create/steps/StatusStep/LoadingSpinner/styles.module.css
diff --git a/apps/web/src/components/new-safe/create/steps/StatusStep/StatusMessage.tsx b/apps/web/src/components/new-safe/create/steps/StatusStep/StatusMessage.tsx
new file mode 100644
index 000000000..6b7906907
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/steps/StatusStep/StatusMessage.tsx
@@ -0,0 +1,88 @@
+import ExternalLink from '@/components/common/ExternalLink'
+import LoadingSpinner, { SpinnerStatus } from '@/components/new-safe/create/steps/StatusStep/LoadingSpinner'
+import { SafeCreationEvent } from '@/features/counterfactual/services/safeCreationEvents'
+import { useCurrentChain } from '@/hooks/useChains'
+import { getBlockExplorerLink } from '@safe-global/utils/utils/chains'
+import { Box, Typography } from '@mui/material'
+import FailedIcon from '@/public/images/common/tx-failed.svg'
+import type { UndeployedSafe } from '@safe-global/utils/features/counterfactual/store/types'
+
+const getStep = (status: SafeCreationEvent) => {
+  switch (status) {
+    case SafeCreationEvent.AWAITING_EXECUTION:
+      return {
+        description: 'Your account is awaiting activation',
+        instruction: 'Activate the account to unlock all features of your smart wallet',
+      }
+    case SafeCreationEvent.PROCESSING:
+    case SafeCreationEvent.RELAYING:
+      return {
+        description: 'We are activating your account',
+        instruction: 'It can take some minutes to create your account, but you can check the progress below.',
+      }
+    case SafeCreationEvent.FAILED:
+      return {
+        description: "Your account couldn't be created",
+        instruction:
+          'The creation transaction was rejected by the connected wallet. You can retry or create an account from scratch.',
+      }
+    case SafeCreationEvent.REVERTED:
+      return {
+        description: "Your account couldn't be created",
+        instruction: 'The creation transaction reverted. You can retry or create an account from scratch.',
+      }
+    case SafeCreationEvent.SUCCESS:
+      return {
+        description: 'Your Safe Account is being indexed..',
+        instruction: 'The account will be ready for use shortly. Please do not leave this page.',
+      }
+    case SafeCreationEvent.INDEXED:
+      return {
+        description: 'Your Safe Account was successfully created!',
+        instruction: '',
+      }
+  }
+}
+
+const StatusMessage = ({
+  status,
+  isError,
+  pendingSafe,
+}: {
+  status: SafeCreationEvent
+  isError: boolean
+  pendingSafe: UndeployedSafe | undefined
+}) => {
+  const stepInfo = getStep(status)
+  const chain = useCurrentChain()
+
+  const isSuccess = status === SafeCreationEvent.SUCCESS
+  const spinnerStatus = isSuccess ? SpinnerStatus.SUCCESS : SpinnerStatus.PROCESSING
+  const explorerLink =
+    chain && pendingSafe?.status.txHash ? getBlockExplorerLink(chain, pendingSafe.status.txHash) : undefined
+
+  return (
+    <>
+      <Box data-testid="safe-status-info" px={3} mt={3}>
+        <Box width="160px" height="160px" display="flex" m="auto">
+          {isError ? <FailedIcon /> : <LoadingSpinner status={spinnerStatus} />}
+        </Box>
+        <Typography variant="h3" mt={2} fontWeight={700}>
+          {stepInfo.description}
+        </Typography>
+      </Box>
+      <Box sx={{ maxWidth: 390, m: 'auto' }}>
+        {stepInfo.instruction && (
+          <Typography variant="body2" my={2}>
+            {stepInfo.instruction}
+          </Typography>
+        )}
+        {!isError && explorerLink && (
+          <ExternalLink href={explorerLink.href}>Check status on block explorer</ExternalLink>
+        )}
+      </Box>
+    </>
+  )
+}
+
+export default StatusMessage
diff --git a/src/components/new-safe/create/steps/StatusStep/StatusStep.tsx b/apps/web/src/components/new-safe/create/steps/StatusStep/StatusStep.tsx
similarity index 84%
rename from src/components/new-safe/create/steps/StatusStep/StatusStep.tsx
rename to apps/web/src/components/new-safe/create/steps/StatusStep/StatusStep.tsx
index 56c2df199..463099e79 100644
--- a/src/components/new-safe/create/steps/StatusStep/StatusStep.tsx
+++ b/apps/web/src/components/new-safe/create/steps/StatusStep/StatusStep.tsx
@@ -22,13 +22,7 @@ const StatusStep = ({
       className={css.label}
       icon={<SvgIcon component={Icon} className={css.icon} color={color} fontSize="small" />}
     >
-      <Box
-        display="flex"
-        alignItems="center"
-        gap={2}
-        color={color}
-        sx={{ color: ({ palette }) => (isLoading ? palette.border.main : palette.text.primary) }}
-      >
+      <Box display="flex" alignItems="center" gap={2} color={color}>
         <Box flexShrink={0}>
           {safeAddress && !isLoading ? (
             <Identicon address={safeAddress} size={32} />
diff --git a/apps/web/src/components/new-safe/create/steps/StatusStep/index.tsx b/apps/web/src/components/new-safe/create/steps/StatusStep/index.tsx
new file mode 100644
index 000000000..9c95ac5bd
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/steps/StatusStep/index.tsx
@@ -0,0 +1,156 @@
+import { useCounter } from '@/components/common/Notifications/useCounter'
+import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
+import type { NewSafeFormData } from '@/components/new-safe/create'
+import { getRedirect } from '@/components/new-safe/create/logic'
+import StatusMessage from '@/components/new-safe/create/steps/StatusStep/StatusMessage'
+import useUndeployedSafe from '@/components/new-safe/create/steps/StatusStep/useUndeployedSafe'
+import lightPalette from '@/components/theme/lightPalette'
+import { AppRoutes } from '@/config/routes'
+import { safeCreationPendingStatuses } from '@/features/counterfactual/hooks/usePendingSafeStatuses'
+import { SafeCreationEvent, safeCreationSubscribe } from '@/features/counterfactual/services/safeCreationEvents'
+import { useCurrentChain } from '@/hooks/useChains'
+import Rocket from '@/public/images/common/rocket.svg'
+import { CREATE_SAFE_EVENTS, trackEvent } from '@/services/analytics'
+import { useAppDispatch } from '@/store'
+import { Alert, AlertTitle, Box, Button, Paper, Stack, SvgIcon, Typography } from '@mui/material'
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+import { useEffect, useState } from 'react'
+import { isPredictedSafeProps } from '@/features/counterfactual/utils'
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+
+const SPEED_UP_THRESHOLD_IN_SECONDS = 15
+
+export const CreateSafeStatus = ({
+  data,
+  setProgressColor,
+  setStep,
+  setStepData,
+}: StepRenderProps<NewSafeFormData>) => {
+  const [status, setStatus] = useState<SafeCreationEvent>(SafeCreationEvent.PROCESSING)
+  const [safeAddress, pendingSafe] = useUndeployedSafe()
+  const router = useRouter()
+  const chain = useCurrentChain()
+  const dispatch = useAppDispatch()
+
+  const counter = useCounter(pendingSafe?.status.submittedAt)
+
+  const isError = status === SafeCreationEvent.FAILED || status === SafeCreationEvent.REVERTED
+
+  useEffect(() => {
+    const unsubFns = Object.entries(safeCreationPendingStatuses).map(([event]) =>
+      safeCreationSubscribe(event as SafeCreationEvent, async () => {
+        setStatus(event as SafeCreationEvent)
+      }),
+    )
+
+    return () => {
+      unsubFns.forEach((unsub) => unsub())
+    }
+  }, [])
+
+  useEffect(() => {
+    if (!chain || !safeAddress) return
+
+    if (status === SafeCreationEvent.SUCCESS) {
+      const redirect = getRedirect(chain.shortName, safeAddress, router.query?.safeViewRedirectURL)
+      if (typeof redirect !== 'string' || redirect.startsWith('/')) {
+        router.push(redirect)
+      }
+    }
+  }, [dispatch, chain, data.name, data.owners, data.threshold, router, safeAddress, status])
+
+  useEffect(() => {
+    if (!setProgressColor) return
+
+    if (isError) {
+      setProgressColor(lightPalette.error.main)
+    } else {
+      setProgressColor(lightPalette.secondary.main)
+    }
+  }, [isError, setProgressColor])
+
+  const tryAgain = () => {
+    trackEvent(CREATE_SAFE_EVENTS.RETRY_CREATE_SAFE)
+
+    if (!pendingSafe || !isPredictedSafeProps(pendingSafe.props)) {
+      setStep(0)
+      return
+    }
+
+    setProgressColor?.(lightPalette.secondary.main)
+    setStep(2)
+    setStepData?.({
+      owners: pendingSafe.props.safeAccountConfig.owners.map((owner) => ({ name: '', address: owner })),
+      name: '',
+      networks: [],
+      threshold: pendingSafe.props.safeAccountConfig.threshold,
+      saltNonce: Number(pendingSafe.props.safeDeploymentConfig?.saltNonce),
+      safeAddress,
+      safeVersion: pendingSafe.props.safeDeploymentConfig?.safeVersion ?? getLatestSafeVersion(chain),
+    })
+  }
+
+  const onCancel = () => {
+    trackEvent(CREATE_SAFE_EVENTS.CANCEL_CREATE_SAFE)
+  }
+
+  return (
+    <Paper
+      sx={{
+        textAlign: 'center',
+      }}
+    >
+      <Box
+        sx={{
+          p: { xs: 2, sm: 8 },
+        }}
+      >
+        <StatusMessage status={status} isError={isError} pendingSafe={pendingSafe} />
+
+        {counter && counter > SPEED_UP_THRESHOLD_IN_SECONDS && !isError && (
+          <Alert severity="warning" icon={<SvgIcon component={Rocket} />} sx={{ mt: 5 }}>
+            <AlertTitle>
+              <Typography
+                variant="body2"
+                sx={{
+                  textAlign: 'left',
+                  fontWeight: 'bold',
+                }}
+              >
+                Transaction is taking too long
+              </Typography>
+            </AlertTitle>
+            <Typography
+              variant="body2"
+              sx={{
+                textAlign: 'left',
+              }}
+            >
+              Try to speed it up with better gas parameters in your wallet.
+            </Typography>
+          </Alert>
+        )}
+
+        {isError && (
+          <Stack
+            direction="row"
+            sx={{
+              justifyContent: 'center',
+              gap: 2,
+            }}
+          >
+            <Link href={AppRoutes.welcome.index} passHref>
+              <Button variant="outlined" onClick={onCancel}>
+                Go to homepage
+              </Button>
+            </Link>
+            <Button variant="contained" onClick={tryAgain}>
+              Try again
+            </Button>
+          </Stack>
+        )}
+      </Box>
+    </Paper>
+  )
+}
diff --git a/src/components/new-safe/create/steps/StatusStep/styles.module.css b/apps/web/src/components/new-safe/create/steps/StatusStep/styles.module.css
similarity index 100%
rename from src/components/new-safe/create/steps/StatusStep/styles.module.css
rename to apps/web/src/components/new-safe/create/steps/StatusStep/styles.module.css
diff --git a/src/components/new-safe/create/steps/StatusStep/useUndeployedSafe.ts b/apps/web/src/components/new-safe/create/steps/StatusStep/useUndeployedSafe.ts
similarity index 89%
rename from src/components/new-safe/create/steps/StatusStep/useUndeployedSafe.ts
rename to apps/web/src/components/new-safe/create/steps/StatusStep/useUndeployedSafe.ts
index 029019d86..2083629f4 100644
--- a/src/components/new-safe/create/steps/StatusStep/useUndeployedSafe.ts
+++ b/apps/web/src/components/new-safe/create/steps/StatusStep/useUndeployedSafe.ts
@@ -1,7 +1,7 @@
-import { PayMethod } from '@/features/counterfactual/PayNowPayLater'
 import { selectUndeployedSafes } from '@/features/counterfactual/store/undeployedSafesSlice'
 import useChainId from '@/hooks/useChainId'
 import { useAppSelector } from '@/store'
+import { PayMethod } from '@safe-global/utils/features/counterfactual/types'
 
 // Returns the undeployed safe for the current network
 const useUndeployedSafe = () => {
diff --git a/src/components/new-safe/create/styles.module.css b/apps/web/src/components/new-safe/create/styles.module.css
similarity index 100%
rename from src/components/new-safe/create/styles.module.css
rename to apps/web/src/components/new-safe/create/styles.module.css
diff --git a/src/components/new-safe/create/types.d.ts b/apps/web/src/components/new-safe/create/types.d.ts
similarity index 100%
rename from src/components/new-safe/create/types.d.ts
rename to apps/web/src/components/new-safe/create/types.d.ts
diff --git a/apps/web/src/components/new-safe/create/useEstimateSafeCreationGas.ts b/apps/web/src/components/new-safe/create/useEstimateSafeCreationGas.ts
new file mode 100644
index 000000000..68a9d555d
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/useEstimateSafeCreationGas.ts
@@ -0,0 +1,28 @@
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import useWallet from '@/hooks/wallets/useWallet'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { useCurrentChain } from '@/hooks/useChains'
+import { estimateSafeCreationGas } from '@/components/new-safe/create/logic'
+import { type SafeVersion } from '@safe-global/types-kit'
+import { type UndeployedSafeProps } from '@safe-global/utils/features/counterfactual/store/types'
+
+export const useEstimateSafeCreationGas = (
+  undeployedSafe: UndeployedSafeProps | undefined,
+  safeVersion?: SafeVersion,
+): {
+  gasLimit?: bigint
+  gasLimitError?: Error
+  gasLimitLoading: boolean
+} => {
+  const web3ReadOnly = useWeb3ReadOnly()
+  const chain = useCurrentChain()
+  const wallet = useWallet()
+
+  const [gasLimit, gasLimitError, gasLimitLoading] = useAsync<bigint>(() => {
+    if (!wallet?.address || !chain || !web3ReadOnly || !undeployedSafe) return
+
+    return estimateSafeCreationGas(chain, web3ReadOnly, wallet.address, undeployedSafe, safeVersion)
+  }, [wallet?.address, chain, web3ReadOnly, undeployedSafe, safeVersion])
+
+  return { gasLimit, gasLimitError, gasLimitLoading }
+}
diff --git a/apps/web/src/components/new-safe/create/useSyncSafeCreationStep.ts b/apps/web/src/components/new-safe/create/useSyncSafeCreationStep.ts
new file mode 100644
index 000000000..a1b1c281e
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/useSyncSafeCreationStep.ts
@@ -0,0 +1,21 @@
+import { useEffect } from 'react'
+import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
+import type { NewSafeFormData } from '@/components/new-safe/create/index'
+import useWallet from '@/hooks/wallets/useWallet'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { useCurrentChain } from '@/hooks/useChains'
+
+const useSyncSafeCreationStep = (setStep: StepRenderProps<NewSafeFormData>['setStep'], networks: ChainInfo[]) => {
+  const wallet = useWallet()
+  const currentChain = useCurrentChain()
+
+  useEffect(() => {
+    // Jump to choose name and network step if there is no pending Safe or if the selected network does not match the connected network
+    if (!wallet || (networks.length === 1 && currentChain?.chainId !== networks[0].chainId)) {
+      setStep(0)
+      return
+    }
+  }, [currentChain?.chainId, networks, setStep, wallet])
+}
+
+export default useSyncSafeCreationStep
diff --git a/apps/web/src/components/new-safe/load/index.tsx b/apps/web/src/components/new-safe/load/index.tsx
new file mode 100644
index 000000000..5356afffc
--- /dev/null
+++ b/apps/web/src/components/new-safe/load/index.tsx
@@ -0,0 +1,97 @@
+import React from 'react'
+import { useRouter } from 'next/router'
+
+import { LOAD_SAFE_CATEGORY } from '@/services/analytics'
+import { Container, Grid, Typography } from '@mui/material'
+import { CardStepper } from '@/components/new-safe/CardStepper'
+import type { TxStepperProps } from '@/components/new-safe/CardStepper/useCardStepper'
+import type { NamedAddress } from '@/components/new-safe/create/types'
+import SetAddressStep from '@/components/new-safe/load/steps/SetAddressStep'
+import { AppRoutes } from '@/config/routes'
+import SafeOwnerStep from '@/components/new-safe/load/steps/SafeOwnerStep'
+import SafeReviewStep from '@/components/new-safe/load/steps/SafeReviewStep'
+
+export type LoadSafeFormData = NamedAddress & {
+  threshold: number
+  owners: NamedAddress[]
+}
+
+export const LoadSafeSteps: TxStepperProps<LoadSafeFormData>['steps'] = [
+  {
+    title: 'Choose address, network and a name',
+    subtitle: 'Paste the address of the Safe Account you want to add, select the network and choose a name.',
+    render: (data, onSubmit, onBack, setStep) => (
+      <SetAddressStep onSubmit={onSubmit} onBack={onBack} data={data} setStep={setStep} />
+    ),
+  },
+  {
+    title: 'Signers and confirmations',
+    subtitle: 'Optional: Provide a name for each signer.',
+    render: (data, onSubmit, onBack, setStep) => (
+      <SafeOwnerStep onSubmit={onSubmit} onBack={onBack} data={data} setStep={setStep} />
+    ),
+  },
+  {
+    title: 'Review',
+    subtitle: 'Confirm adding Safe Account to your Watchlist',
+    render: (data, onSubmit, onBack, setStep) => (
+      <SafeReviewStep onSubmit={onSubmit} onBack={onBack} data={data} setStep={setStep} />
+    ),
+  },
+]
+
+export const loadSafeDefaultData = { threshold: -1, owners: [], address: '', name: '' }
+
+const LoadSafe = ({ initialData }: { initialData?: TxStepperProps<LoadSafeFormData>['initialData'] }) => {
+  const router = useRouter()
+
+  const onClose = () => {
+    router.push(AppRoutes.welcome.index)
+  }
+
+  const initialSafe = initialData ?? loadSafeDefaultData
+
+  return (
+    <Container data-testid="load-safe-form">
+      <Grid
+        container
+        columnSpacing={3}
+        sx={{
+          mt: [2, null, 7],
+          justifyContent: 'center',
+        }}
+      >
+        <Grid item xs={12} md={10} lg={8}>
+          <Typography
+            variant="h2"
+            sx={{
+              pb: 2,
+            }}
+          >
+            Add existing Safe Account
+          </Typography>
+        </Grid>
+        <Grid
+          item
+          xs={12}
+          md={10}
+          lg={8}
+          sx={{
+            order: [1, null, 0],
+          }}
+        >
+          <CardStepper
+            // Populate initial data
+            key={initialSafe.address}
+            initialData={initialSafe}
+            onClose={onClose}
+            steps={LoadSafeSteps}
+            eventCategory={LOAD_SAFE_CATEGORY}
+          />
+        </Grid>
+      </Grid>
+    </Container>
+  )
+}
+
+export default LoadSafe
diff --git a/apps/web/src/components/new-safe/load/steps/SafeOwnerStep/index.tsx b/apps/web/src/components/new-safe/load/steps/SafeOwnerStep/index.tsx
new file mode 100644
index 000000000..b9e13252f
--- /dev/null
+++ b/apps/web/src/components/new-safe/load/steps/SafeOwnerStep/index.tsx
@@ -0,0 +1,92 @@
+import React, { useEffect } from 'react'
+import { getSafeInfo, type SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { FormProvider, useFieldArray, useForm } from 'react-hook-form'
+import { Box, Button, Divider } from '@mui/material'
+
+import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
+import type { LoadSafeFormData } from '@/components/new-safe/load'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import useChainId from '@/hooks/useChainId'
+import type { NamedAddress } from '@/components/new-safe/create/types'
+import layoutCss from '@/components/new-safe/create/styles.module.css'
+import ArrowBackIcon from '@mui/icons-material/ArrowBack'
+import { OwnerRow } from '@/components/new-safe/OwnerRow'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+
+enum Field {
+  owners = 'owners',
+  threshold = 'threshold',
+}
+
+type FormData = {
+  [Field.owners]: NamedAddress[]
+  [Field.threshold]: number
+}
+
+const SafeOwnerStep = ({ data, onSubmit, onBack }: StepRenderProps<LoadSafeFormData>) => {
+  const chainId = useChainId()
+  const formMethods = useForm<FormData>({
+    defaultValues: data,
+    mode: 'onChange',
+  })
+  const {
+    handleSubmit,
+    setValue,
+    control,
+    formState: { isValid },
+    getValues,
+  } = formMethods
+
+  const { fields } = useFieldArray({
+    control,
+    name: Field.owners,
+  })
+
+  const [safeInfo] = useAsync<SafeInfo>(() => {
+    if (data.address) {
+      return getSafeInfo(chainId, checksumAddress(data.address))
+    }
+  }, [chainId, data.address])
+
+  useEffect(() => {
+    if (!safeInfo) return
+
+    setValue(Field.threshold, safeInfo.threshold)
+
+    const owners = safeInfo.owners.map((owner, i) => ({
+      address: owner.value,
+      name: getValues(`owners.${i}.name`) || '',
+    }))
+
+    setValue(Field.owners, owners)
+  }, [getValues, safeInfo, setValue])
+
+  const handleBack = () => {
+    onBack(getValues())
+  }
+
+  return (
+    <FormProvider {...formMethods}>
+      <form onSubmit={handleSubmit(onSubmit)}>
+        <Box className={layoutCss.row}>
+          {fields.map((field, index) => (
+            <OwnerRow key={field.id} index={index} groupName="owners" readOnly />
+          ))}
+        </Box>
+        <Divider />
+        <Box className={layoutCss.row}>
+          <Box display="flex" flexDirection="row" justifyContent="space-between" gap={3}>
+            <Button variant="outlined" size="small" onClick={handleBack} startIcon={<ArrowBackIcon fontSize="small" />}>
+              Back
+            </Button>
+            <Button type="submit" variant="contained" size="stretched" disabled={!isValid}>
+              Next
+            </Button>
+          </Box>
+        </Box>
+      </form>
+    </FormProvider>
+  )
+}
+
+export default SafeOwnerStep
diff --git a/apps/web/src/components/new-safe/load/steps/SafeReviewStep/index.tsx b/apps/web/src/components/new-safe/load/steps/SafeReviewStep/index.tsx
new file mode 100644
index 000000000..4c79a2734
--- /dev/null
+++ b/apps/web/src/components/new-safe/load/steps/SafeReviewStep/index.tsx
@@ -0,0 +1,143 @@
+import React from 'react'
+import { Box, Button, Divider, Grid, Typography } from '@mui/material'
+
+import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
+import type { LoadSafeFormData } from '@/components/new-safe/load'
+import layoutCss from '@/components/new-safe/create/styles.module.css'
+import ArrowBackIcon from '@mui/icons-material/ArrowBack'
+import ChainIndicator from '@/components/common/ChainIndicator'
+import css from '@/components/new-safe/create/steps/ReviewStep/styles.module.css'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { useCurrentChain } from '@/hooks/useChains'
+import { useAppDispatch } from '@/store'
+import { useRouter } from 'next/router'
+import { addOrUpdateSafe } from '@/store/addedSafesSlice'
+import { defaultSafeInfo } from '@safe-global/store/slices/SafeInfo/utils'
+import { LOAD_SAFE_EVENTS, OPEN_SAFE_LABELS, OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
+import { AppRoutes } from '@/config/routes'
+import ReviewRow from '@/components/new-safe/ReviewRow'
+import { upsertAddressBookEntries } from '@/store/addressBookSlice'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+
+const SafeReviewStep = ({ data, onBack }: StepRenderProps<LoadSafeFormData>) => {
+  const chain = useCurrentChain()
+  const dispatch = useAppDispatch()
+  const router = useRouter()
+  const chainId = chain?.chainId || ''
+
+  const addSafe = () => {
+    const safeName = data.name
+    const safeAddress = data.address
+
+    dispatch(
+      addOrUpdateSafe({
+        safe: {
+          ...defaultSafeInfo,
+          address: { value: safeAddress, name: safeName },
+          threshold: data.threshold,
+          owners: data.owners.map((owner) => ({
+            value: owner.address,
+            name: owner.name || owner.ens,
+          })),
+          chainId,
+        },
+      }),
+    )
+
+    dispatch(
+      upsertAddressBookEntries({
+        chainIds: [chainId],
+        address: safeAddress,
+        name: safeName,
+      }),
+    )
+
+    for (const { address, name, ens } of data.owners) {
+      const entryName = name || ens
+
+      if (!entryName) {
+        continue
+      }
+
+      dispatch(
+        upsertAddressBookEntries({
+          chainIds: [chainId],
+          address,
+          name: entryName,
+        }),
+      )
+    }
+
+    trackEvent({
+      ...LOAD_SAFE_EVENTS.OWNERS,
+      label: data.owners.length,
+    })
+
+    trackEvent({
+      ...LOAD_SAFE_EVENTS.THRESHOLD,
+      label: data.threshold,
+    })
+
+    trackEvent({ ...OVERVIEW_EVENTS.OPEN_SAFE, label: OPEN_SAFE_LABELS.after_add })
+
+    router.push({
+      pathname: AppRoutes.home,
+      query: { safe: `${chain?.shortName}:${safeAddress}` },
+    })
+  }
+
+  const handleBack = () => {
+    onBack(data)
+  }
+
+  return (
+    <>
+      <Box className={layoutCss.row}>
+        <Grid container spacing={3}>
+          <ReviewRow name="Network" value={<ChainIndicator chainId={chain?.chainId} inline />} />
+          <ReviewRow name="Name" value={<Typography>{data.name}</Typography>} />
+          <ReviewRow
+            name="Signers"
+            value={
+              <Box className={css.ownersArray}>
+                {data.owners.map((owner, index) => (
+                  <EthHashInfo
+                    address={owner.address}
+                    name={owner.name || owner.ens}
+                    shortAddress={false}
+                    showPrefix={false}
+                    showName
+                    hasExplorer
+                    showCopyButton
+                    key={index}
+                  />
+                ))}
+              </Box>
+            }
+          />
+          <ReviewRow
+            name="Threshold"
+            value={
+              <Typography>
+                {data.threshold} out of {data.owners.length} signer{maybePlural(data.owners)}
+              </Typography>
+            }
+          />
+        </Grid>
+      </Box>
+      <Divider />
+      <Box className={layoutCss.row}>
+        <Box display="flex" flexDirection="row" justifyContent="space-between" gap={3}>
+          <Button variant="outlined" size="small" onClick={handleBack} startIcon={<ArrowBackIcon fontSize="small" />}>
+            Back
+          </Button>
+          <Button onClick={addSafe} variant="contained" size="stretched">
+            Add
+          </Button>
+        </Box>
+      </Box>
+    </>
+  )
+}
+
+export default SafeReviewStep
diff --git a/apps/web/src/components/new-safe/load/steps/SetAddressStep/index.tsx b/apps/web/src/components/new-safe/load/steps/SetAddressStep/index.tsx
new file mode 100644
index 000000000..d02888baa
--- /dev/null
+++ b/apps/web/src/components/new-safe/load/steps/SetAddressStep/index.tsx
@@ -0,0 +1,200 @@
+import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
+import type { LoadSafeFormData } from '@/components/new-safe/load'
+import { FormProvider, useForm } from 'react-hook-form'
+import {
+  Box,
+  Button,
+  CircularProgress,
+  Divider,
+  Grid,
+  InputAdornment,
+  SvgIcon,
+  Tooltip,
+  /*Typography,*/
+} from '@mui/material'
+import layoutCss from '@/components/new-safe/create/styles.module.css'
+import NameInput from '@/components/common/NameInput'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import css from '@/components/new-safe/create/steps/SetNameStep/styles.module.css'
+import NetworkSelector from '@/components/common/NetworkSelector'
+import { useMnemonicSafeName } from '@/hooks/useMnemonicName'
+import { useAddressResolver } from '@/hooks/useAddressResolver'
+import ArrowBackIcon from '@mui/icons-material/ArrowBack'
+import AddressInput from '@/components/common/AddressInput'
+import React from 'react'
+import { getSafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import useChainId from '@/hooks/useChainId'
+import { useAppSelector } from '@/store'
+import { selectAddedSafes } from '@/store/addedSafesSlice'
+import { LOAD_SAFE_EVENTS, trackEvent } from '@/services/analytics'
+// import { AppRoutes } from '@/config/routes'
+// import MUILink from '@mui/material/Link'
+// import Link from 'next/link'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+
+enum Field {
+  name = 'name',
+  address = 'address',
+}
+
+type FormData = {
+  [Field.name]: string
+  [Field.address]: string
+}
+
+const SetAddressStep = ({ data, onSubmit, onBack }: StepRenderProps<LoadSafeFormData>) => {
+  const currentChainId = useChainId()
+  const addedSafes = useAppSelector((state) => selectAddedSafes(state, currentChainId))
+  const formMethods = useForm<FormData>({
+    mode: 'all',
+    defaultValues: {
+      [Field.name]: data.name,
+      [Field.address]: data.address,
+    },
+  })
+
+  const {
+    handleSubmit,
+    formState: { errors, isValid },
+    watch,
+    getValues,
+  } = formMethods
+
+  const safeAddress = watch(Field.address)
+  const randomName = useMnemonicSafeName()
+  const { ens, name, resolving } = useAddressResolver(safeAddress)
+
+  // Address book, ENS, mnemonic
+  const fallbackName = name || ens || randomName
+
+  const validateSafeAddress = async (address: string) => {
+    if (addedSafes && Object.keys(addedSafes).includes(address)) {
+      return 'Safe Account is already added'
+    }
+
+    try {
+      await getSafeInfo(currentChainId, checksumAddress(address))
+    } catch (error) {
+      return 'Address given is not a valid Safe Account address'
+    }
+  }
+
+  const onFormSubmit = handleSubmit((data: FormData) => {
+    onSubmit({
+      ...data,
+      [Field.name]: data[Field.name] || fallbackName,
+    })
+
+    if (data[Field.name]) {
+      trackEvent(LOAD_SAFE_EVENTS.NAME_SAFE)
+    }
+  })
+
+  const handleBack = () => {
+    const formData = getValues()
+    onBack({
+      ...formData,
+      [Field.name]: formData.name || fallbackName,
+    })
+  }
+
+  return (
+    <FormProvider {...formMethods}>
+      <form onSubmit={onFormSubmit}>
+        <Box className={layoutCss.row}>
+          <Grid
+            container
+            spacing={[3, 1]}
+            sx={{
+              mb: 3,
+              pr: '40px',
+            }}
+          >
+            <Grid item xs={12} md>
+              <NameInput
+                name={Field.name}
+                label={errors?.[Field.name]?.message || 'Name'}
+                placeholder={fallbackName}
+                InputLabelProps={{ shrink: true }}
+                InputProps={{
+                  endAdornment: resolving ? (
+                    <InputAdornment position="end">
+                      <CircularProgress size={20} />
+                    </InputAdornment>
+                  ) : (
+                    <Tooltip
+                      title="This name is stored locally and will never be shared with us or any third parties."
+                      arrow
+                      placement="top"
+                    >
+                      <InputAdornment position="end">
+                        <SvgIcon component={InfoIcon} inheritViewBox />
+                      </InputAdornment>
+                    </Tooltip>
+                  ),
+                }}
+              />
+            </Grid>
+            <Grid
+              item
+              sx={{
+                order: [-1, 1],
+              }}
+            >
+              <Box className={css.select}>
+                <NetworkSelector />
+              </Box>
+            </Grid>
+          </Grid>
+
+          <AddressInput
+            data-testid="address-section"
+            label="Safe Account"
+            validate={validateSafeAddress}
+            name={Field.address}
+          />
+
+          {/* <Typography mt={4}>
+            By continuing you consent to the{' '}
+            <Link href={AppRoutes.terms} passHref legacyBehavior>
+              <MUILink>terms of use</MUILink>
+            </Link>{' '}
+            and{' '}
+            <Link href={AppRoutes.privacy} passHref legacyBehavior>
+              <MUILink>privacy policy</MUILink>
+            </Link>
+            .
+          </Typography> */}
+        </Box>
+
+        <Divider />
+
+        <Box className={layoutCss.row}>
+          <Box
+            sx={{
+              display: 'flex',
+              flexDirection: 'row',
+              justifyContent: 'space-between',
+              gap: 3,
+            }}
+          >
+            <Button variant="outlined" size="small" onClick={handleBack} startIcon={<ArrowBackIcon fontSize="small" />}>
+              Back
+            </Button>
+            <Button
+              data-testid="load-safe-next-btn"
+              type="submit"
+              variant="contained"
+              size="stretched"
+              disabled={!isValid}
+            >
+              Next
+            </Button>
+          </Box>
+        </Box>
+      </form>
+    </FormProvider>
+  )
+}
+
+export default SetAddressStep
diff --git a/src/components/nfts/NftCollections/index.tsx b/apps/web/src/components/nfts/NftCollections/index.tsx
similarity index 100%
rename from src/components/nfts/NftCollections/index.tsx
rename to apps/web/src/components/nfts/NftCollections/index.tsx
diff --git a/src/components/nfts/NftGrid/index.tsx b/apps/web/src/components/nfts/NftGrid/index.tsx
similarity index 100%
rename from src/components/nfts/NftGrid/index.tsx
rename to apps/web/src/components/nfts/NftGrid/index.tsx
diff --git a/src/components/nfts/NftPreviewModal/index.tsx b/apps/web/src/components/nfts/NftPreviewModal/index.tsx
similarity index 100%
rename from src/components/nfts/NftPreviewModal/index.tsx
rename to apps/web/src/components/nfts/NftPreviewModal/index.tsx
diff --git a/src/components/nfts/NftPreviewModal/styles.module.css b/apps/web/src/components/nfts/NftPreviewModal/styles.module.css
similarity index 100%
rename from src/components/nfts/NftPreviewModal/styles.module.css
rename to apps/web/src/components/nfts/NftPreviewModal/styles.module.css
diff --git a/apps/web/src/components/nfts/NftSendForm/index.tsx b/apps/web/src/components/nfts/NftSendForm/index.tsx
new file mode 100644
index 000000000..eca21e570
--- /dev/null
+++ b/apps/web/src/components/nfts/NftSendForm/index.tsx
@@ -0,0 +1,88 @@
+import type { ReactElement } from 'react'
+import { Box, Button, Grid, SvgIcon, Typography } from '@mui/material'
+import ArrowIcon from '@/public/images/common/arrow-nw.svg'
+import type { SafeCollectibleResponse } from '@safe-global/safe-gateway-typescript-sdk'
+import { Sticky } from '@/components/common/Sticky'
+import CheckWallet from '@/components/common/CheckWallet'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+
+type NftSendFormProps = {
+  selectedNfts: SafeCollectibleResponse[]
+}
+
+const NftSendForm = ({ selectedNfts }: NftSendFormProps): ReactElement => {
+  const nftsText = `NFT${maybePlural(selectedNfts)}`
+  const noSelected = selectedNfts.length === 0
+
+  return (
+    <Sticky>
+      <Grid
+        container
+        spacing={1}
+        sx={{
+          justifyContent: 'flex-end',
+          alignItems: 'center',
+        }}
+      >
+        <Grid
+          item
+          sx={{
+            display: ['none', 'block'],
+            flex: '1',
+          }}
+        >
+          <Box
+            sx={{
+              bgcolor: 'secondary.background',
+              py: 0.75,
+              px: 2,
+              flex: 1,
+              borderRadius: 1,
+              mr: 1,
+            }}
+          >
+            <Box
+              sx={{
+                display: 'flex',
+                alignItems: 'center',
+                gap: 1.5,
+              }}
+            >
+              <SvgIcon component={ArrowIcon} inheritViewBox color="border" sx={{ width: 12, height: 12 }} />
+
+              <Typography
+                variant="body2"
+                sx={{
+                  lineHeight: 'inherit',
+                }}
+              >
+                {`${selectedNfts.length} ${nftsText} selected`}
+              </Typography>
+            </Box>
+          </Box>
+        </Grid>
+
+        <Grid item>
+          <CheckWallet>
+            {(isOk) => (
+              <Button
+                data-testid={`nft-send-btn-${!isOk || noSelected}`}
+                type="submit"
+                variant="contained"
+                size="small"
+                disabled={!isOk || noSelected}
+                sx={{
+                  minWidth: '10em',
+                }}
+              >
+                {noSelected ? 'Send' : `Send ${selectedNfts.length} ${nftsText}`}
+              </Button>
+            )}
+          </CheckWallet>
+        </Grid>
+      </Grid>
+    </Sticky>
+  )
+}
+
+export default NftSendForm
diff --git a/src/components/nfts/config.ts b/apps/web/src/components/nfts/config.ts
similarity index 100%
rename from src/components/nfts/config.ts
rename to apps/web/src/components/nfts/config.ts
diff --git a/apps/web/src/components/notification-center/NotificationCenter/index.tsx b/apps/web/src/components/notification-center/NotificationCenter/index.tsx
new file mode 100644
index 000000000..4c93a9f2f
--- /dev/null
+++ b/apps/web/src/components/notification-center/NotificationCenter/index.tsx
@@ -0,0 +1,208 @@
+import { useState, useMemo, type ReactElement, type MouseEvent } from 'react'
+import ButtonBase from '@mui/material/ButtonBase'
+import Popover from '@mui/material/Popover'
+import Paper from '@mui/material/Paper'
+import Typography from '@mui/material/Typography'
+import IconButton from '@mui/material/IconButton'
+import MuiLink from '@mui/material/Link'
+import BellIcon from '@/public/images/common/notifications.svg'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import ExpandLessIcon from '@mui/icons-material/ExpandLess'
+import { useAppDispatch, useAppSelector } from '@/store'
+import {
+  selectNotifications,
+  readNotification,
+  closeNotification,
+  deleteAllNotifications,
+} from '@/store/notificationsSlice'
+import NotificationCenterList from '@/components/notification-center/NotificationCenterList'
+import UnreadBadge from '@/components/common/UnreadBadge'
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+import { AppRoutes } from '@/config/routes'
+import SettingsIcon from '@/public/images/sidebar/settings.svg'
+
+import css from './styles.module.css'
+import { trackEvent, OVERVIEW_EVENTS } from '@/services/analytics'
+import SvgIcon from '@mui/icons-material/ExpandLess'
+import { useHasFeature } from '@/hooks/useChains'
+import { useShowNotificationsRenewalMessage } from '@/components/settings/PushNotifications/hooks/useShowNotificationsRenewalMessage'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const NOTIFICATION_CENTER_LIMIT = 4
+
+const NotificationCenter = (): ReactElement => {
+  const router = useRouter()
+  const [showAll, setShowAll] = useState<boolean>(false)
+  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)
+  const open = Boolean(anchorEl)
+  const hasPushNotifications = useHasFeature(FEATURES.PUSH_NOTIFICATIONS)
+  const dispatch = useAppDispatch()
+
+  // This hook is used to show the notification renewal message when the app is opened
+  useShowNotificationsRenewalMessage()
+
+  const notifications = useAppSelector(selectNotifications)
+  const chronologicalNotifications = useMemo(() => {
+    // Clone as Redux returns read-only array
+    return notifications.slice().sort((a, b) => b.timestamp - a.timestamp)
+  }, [notifications])
+
+  const canExpand = notifications.length > NOTIFICATION_CENTER_LIMIT + 1
+
+  const notificationsToShow =
+    showAll || !canExpand ? chronologicalNotifications : chronologicalNotifications.slice(0, NOTIFICATION_CENTER_LIMIT)
+
+  const unreadCount = useMemo(() => notifications.filter(({ isRead }) => !isRead).length, [notifications])
+  const hasUnread = unreadCount > 0
+
+  const handleRead = () => {
+    notificationsToShow.forEach(({ isRead, id }) => {
+      if (!isRead) {
+        dispatch(readNotification({ id }))
+      }
+    })
+    setShowAll(false)
+  }
+
+  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {
+    if (!open) {
+      trackEvent(OVERVIEW_EVENTS.NOTIFICATION_CENTER)
+
+      notifications.forEach(({ isDismissed, id }) => {
+        if (!isDismissed) {
+          dispatch(closeNotification({ id }))
+        }
+      })
+    } else {
+      handleRead()
+    }
+    setAnchorEl(event.currentTarget)
+  }
+
+  const handleClose = () => {
+    if (open) {
+      handleRead()
+      setShowAll(false)
+    }
+    setAnchorEl(null)
+  }
+
+  const handleClear = () => {
+    dispatch(deleteAllNotifications())
+  }
+
+  const onSettingsClick = () => {
+    setTimeout(handleClose, 300)
+  }
+
+  const ExpandIcon = showAll ? ExpandLessIcon : ExpandMoreIcon
+
+  return (
+    <>
+      <ButtonBase className={css.bell} onClick={handleClick}>
+        <UnreadBadge
+          invisible={!hasUnread}
+          count={unreadCount}
+          anchorOrigin={{
+            vertical: 'bottom',
+            horizontal: 'right',
+          }}
+        >
+          <SvgIcon component={BellIcon} inheritViewBox fontSize="medium" />
+        </UnreadBadge>
+      </ButtonBase>
+
+      <Popover
+        // Clicking the "view transaction" link doesn't remove the popover even though
+        // handleClose is called which results in the UI not being clickable anymore
+        // so by adding a key we force a re-render
+        key={Number(open)}
+        open={open}
+        anchorEl={anchorEl}
+        onClose={handleClose}
+        anchorOrigin={{
+          vertical: 'bottom',
+          horizontal: 'left',
+        }}
+        transformOrigin={{
+          vertical: 'top',
+          horizontal: 'left',
+        }}
+        sx={{
+          '& > .MuiPaper-root': {
+            top: 'var(--header-height) !important',
+          },
+        }}
+        transitionDuration={0}
+      >
+        <Paper className={css.popoverContainer}>
+          <div className={css.popoverHeader}>
+            <div>
+              <Typography data-testid="notifications-title" variant="h4" component="span" fontWeight={700}>
+                Notifications
+              </Typography>
+              {hasUnread && (
+                <Typography variant="caption" className={css.unreadCount}>
+                  {unreadCount}
+                </Typography>
+              )}
+            </div>
+            {notifications.length > 0 && (
+              <MuiLink onClick={handleClear} variant="body2" component="button" sx={{ textDecoration: 'unset' }}>
+                Clear all
+              </MuiLink>
+            )}
+          </div>
+
+          <div>
+            <NotificationCenterList notifications={notificationsToShow} handleClose={handleClose} />
+          </div>
+
+          <div className={css.popoverFooter}>
+            {canExpand && (
+              <>
+                <IconButton onClick={() => setShowAll((prev) => !prev)} disableRipple className={css.expandButton}>
+                  <UnreadBadge
+                    invisible={showAll || unreadCount <= NOTIFICATION_CENTER_LIMIT}
+                    anchorOrigin={{
+                      vertical: 'top',
+                      horizontal: 'left',
+                    }}
+                  >
+                    <ExpandIcon color="border" />
+                  </UnreadBadge>
+                </IconButton>
+                <Typography sx={{ color: ({ palette }) => palette.border.main }}>
+                  {showAll ? 'Hide' : `${notifications.length - NOTIFICATION_CENTER_LIMIT} other notifications`}
+                </Typography>
+              </>
+            )}
+
+            {hasPushNotifications && (
+              <Link
+                href={{
+                  pathname: AppRoutes.settings.notifications,
+                  query: router.query,
+                }}
+                passHref
+                legacyBehavior
+              >
+                <MuiLink
+                  data-testid="notifications-button"
+                  className={css.settingsLink}
+                  variant="body2"
+                  onClick={onSettingsClick}
+                >
+                  <SvgIcon component={SettingsIcon} inheritViewBox fontSize="small" /> Push notifications settings
+                </MuiLink>
+              </Link>
+            )}
+          </div>
+        </Paper>
+      </Popover>
+    </>
+  )
+}
+
+export default NotificationCenter
diff --git a/src/components/notification-center/NotificationCenter/styles.module.css b/apps/web/src/components/notification-center/NotificationCenter/styles.module.css
similarity index 100%
rename from src/components/notification-center/NotificationCenter/styles.module.css
rename to apps/web/src/components/notification-center/NotificationCenter/styles.module.css
diff --git a/apps/web/src/components/notification-center/NotificationCenterItem/index.tsx b/apps/web/src/components/notification-center/NotificationCenterItem/index.tsx
new file mode 100644
index 000000000..ffcb8069a
--- /dev/null
+++ b/apps/web/src/components/notification-center/NotificationCenterItem/index.tsx
@@ -0,0 +1,83 @@
+import ListItem from '@mui/material/ListItem'
+import ListItemAvatar from '@mui/material/ListItemAvatar'
+import ListItemText from '@mui/material/ListItemText'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import WarningIcon from '@/public/images/notifications/warning.svg'
+import ErrorIcon from '@/public/images/notifications/error.svg'
+import SuccessIcon from '@/public/images/notifications/success.svg'
+import { NotificationLink } from '@/components/common/Notifications'
+import type { AlertColor } from '@mui/material/Alert'
+import type { ReactElement } from 'react'
+
+import type { Notification } from '@/store/notificationsSlice'
+import UnreadBadge from '@/components/common/UnreadBadge'
+import { formatTimeInWords } from '@safe-global/utils/utils/date'
+
+import css from './styles.module.css'
+import classnames from 'classnames'
+import SvgIcon from '@mui/material/SvgIcon'
+import { Typography } from '@mui/material'
+
+const VARIANT_ICONS = {
+  error: ErrorIcon,
+  info: InfoIcon,
+  success: SuccessIcon,
+  warning: WarningIcon,
+}
+
+const getNotificationIcon = (variant: AlertColor): ReactElement => {
+  return <SvgIcon component={VARIANT_ICONS[variant]} inheritViewBox color={variant} />
+}
+
+const NotificationCenterItem = ({
+  isRead,
+  variant,
+  message,
+  timestamp,
+  link,
+  handleClose,
+  title,
+}: Notification & { handleClose: () => void }): ReactElement => {
+  const requiresAction = !isRead && !!link
+
+  const secondaryText = (
+    <span className={css.secondaryText}>
+      <span>{formatTimeInWords(timestamp)}</span>
+      <NotificationLink link={link} onClick={handleClose} />
+    </span>
+  )
+
+  const primaryText = (
+    <>
+      {title && (
+        <Typography
+          sx={{
+            fontWeight: '700',
+          }}
+        >
+          {title}
+        </Typography>
+      )}
+      <Typography>{message}</Typography>
+    </>
+  )
+
+  return (
+    <ListItem className={classnames(css.item, { [css.requiresAction]: requiresAction })}>
+      <ListItemAvatar className={css.avatar}>
+        <UnreadBadge
+          invisible={isRead}
+          anchorOrigin={{
+            vertical: 'top',
+            horizontal: 'left',
+          }}
+        >
+          {getNotificationIcon(variant)}
+        </UnreadBadge>
+      </ListItemAvatar>
+      <ListItemText primary={primaryText} secondary={secondaryText} />
+    </ListItem>
+  )
+}
+
+export default NotificationCenterItem
diff --git a/src/components/notification-center/NotificationCenterItem/styles.module.css b/apps/web/src/components/notification-center/NotificationCenterItem/styles.module.css
similarity index 100%
rename from src/components/notification-center/NotificationCenterItem/styles.module.css
rename to apps/web/src/components/notification-center/NotificationCenterItem/styles.module.css
diff --git a/apps/web/src/components/notification-center/NotificationCenterList/index.tsx b/apps/web/src/components/notification-center/NotificationCenterList/index.tsx
new file mode 100644
index 000000000..9f8c4636b
--- /dev/null
+++ b/apps/web/src/components/notification-center/NotificationCenterList/index.tsx
@@ -0,0 +1,44 @@
+import type { ReactElement } from 'react'
+import Typography from '@mui/material/Typography'
+import List from '@mui/material/List'
+import Box from '@mui/material/Box'
+
+import type { NotificationState } from '@/store/notificationsSlice'
+import NotificationCenterItem from '@/components/notification-center/NotificationCenterItem'
+import NoNotificationsIcon from '@/public/images/notifications/no-notifications.svg'
+
+import css from './styles.module.css'
+
+type NotificationCenterListProps = {
+  notifications: NotificationState
+  handleClose: () => void
+}
+
+const NotificationCenterList = ({ notifications, handleClose }: NotificationCenterListProps): ReactElement => {
+  if (!notifications.length) {
+    return (
+      <div className={css.wrapper}>
+        <NoNotificationsIcon data-testid="notifications-icon" alt="No notifications" />
+        <Typography
+          sx={{
+            paddingTop: '8px',
+          }}
+        >
+          No notifications
+        </Typography>
+      </div>
+    )
+  }
+
+  return (
+    <Box className={css.scrollContainer}>
+      <List sx={{ p: 0 }}>
+        {notifications.map((notification) => (
+          <NotificationCenterItem key={notification.id} {...notification} handleClose={handleClose} />
+        ))}
+      </List>
+    </Box>
+  )
+}
+
+export default NotificationCenterList
diff --git a/src/components/notification-center/NotificationCenterList/styles.module.css b/apps/web/src/components/notification-center/NotificationCenterList/styles.module.css
similarity index 100%
rename from src/components/notification-center/NotificationCenterList/styles.module.css
rename to apps/web/src/components/notification-center/NotificationCenterList/styles.module.css
diff --git a/apps/web/src/components/notification-center/NotificationRenewal/index.tsx b/apps/web/src/components/notification-center/NotificationRenewal/index.tsx
new file mode 100644
index 000000000..e8c824af1
--- /dev/null
+++ b/apps/web/src/components/notification-center/NotificationRenewal/index.tsx
@@ -0,0 +1,57 @@
+import { useState, type ReactElement } from 'react'
+import { Alert, Box, Button, Typography } from '@mui/material'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import CheckWalletWithPermission from '@/components/common/CheckWalletWithPermission'
+import { useNotificationsRenewal } from '@/components/settings/PushNotifications/hooks/useNotificationsRenewal'
+import { useIsNotificationsRenewalEnabled } from '@/components/settings/PushNotifications/hooks/useNotificationsTokenVersion'
+import { RENEWAL_MESSAGE } from '@/components/settings/PushNotifications/constants'
+import { Permission } from '@/permissions/config'
+
+const NotificationRenewal = (): ReactElement => {
+  const { safe } = useSafeInfo()
+  const [isRegistering, setIsRegistering] = useState(false)
+  const { renewNotifications, needsRenewal } = useNotificationsRenewal()
+  const isNotificationsRenewalEnabled = useIsNotificationsRenewalEnabled()
+
+  if (!needsRenewal || !isNotificationsRenewalEnabled) {
+    // No need to renew any Safe's notifications
+    return <></>
+  }
+
+  const handeSignClick = async () => {
+    setIsRegistering(true)
+    await renewNotifications()
+    setIsRegistering(false)
+  }
+
+  return (
+    <>
+      <Alert severity="warning">
+        <Typography variant="body2" fontWeight={700} mb={1}>
+          Signature needed
+        </Typography>
+        <Typography variant="body2">{RENEWAL_MESSAGE}</Typography>
+      </Alert>
+      <Box>
+        <CheckWalletWithPermission
+          permission={Permission.EnablePushNotifications}
+          checkNetwork={!isRegistering && safe.deployed}
+        >
+          {(isOk) => (
+            <Button
+              variant="contained"
+              size="small"
+              sx={{ width: '200px' }}
+              onClick={handeSignClick}
+              disabled={!isOk || isRegistering || !safe.deployed}
+            >
+              Sign now
+            </Button>
+          )}
+        </CheckWalletWithPermission>
+      </Box>
+    </>
+  )
+}
+
+export default NotificationRenewal
diff --git a/src/components/safe-apps/AddCustomAppModal/CustomApp.tsx b/apps/web/src/components/safe-apps/AddCustomAppModal/CustomApp.tsx
similarity index 100%
rename from src/components/safe-apps/AddCustomAppModal/CustomApp.tsx
rename to apps/web/src/components/safe-apps/AddCustomAppModal/CustomApp.tsx
diff --git a/src/components/safe-apps/AddCustomAppModal/CustomAppPlaceholder.tsx b/apps/web/src/components/safe-apps/AddCustomAppModal/CustomAppPlaceholder.tsx
similarity index 100%
rename from src/components/safe-apps/AddCustomAppModal/CustomAppPlaceholder.tsx
rename to apps/web/src/components/safe-apps/AddCustomAppModal/CustomAppPlaceholder.tsx
diff --git a/apps/web/src/components/safe-apps/AddCustomAppModal/index.tsx b/apps/web/src/components/safe-apps/AddCustomAppModal/index.tsx
new file mode 100644
index 000000000..eb8ebb233
--- /dev/null
+++ b/apps/web/src/components/safe-apps/AddCustomAppModal/index.tsx
@@ -0,0 +1,193 @@
+import { useCallback } from 'react'
+import type { SubmitHandler } from 'react-hook-form'
+import { useForm } from 'react-hook-form'
+import {
+  DialogActions,
+  DialogContent,
+  Typography,
+  Button,
+  TextField,
+  FormControlLabel,
+  Checkbox,
+  Box,
+  FormHelperText,
+} from '@mui/material'
+import CheckIcon from '@mui/icons-material/Check'
+import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
+import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined'
+import ModalDialog from '@/components/common/ModalDialog'
+import { isValidURL } from '@safe-global/utils/utils/validation'
+import { useCurrentChain } from '@/hooks/useChains'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import useDebounce from '@/hooks/useDebounce'
+import { fetchSafeAppFromManifest } from '@/services/safe-apps/manifest'
+import { SAFE_APPS_EVENTS, trackSafeAppEvent } from '@/services/analytics'
+import { isSameUrl, trimTrailingSlash } from '@/utils/url'
+import CustomAppPlaceholder from './CustomAppPlaceholder'
+import CustomApp from './CustomApp'
+import { useShareSafeAppUrl } from '@/components/safe-apps/hooks/useShareSafeAppUrl'
+
+import css from './styles.module.css'
+import ExternalLink from '@/components/common/ExternalLink'
+import { BRAND_NAME } from '@/config/constants'
+
+type Props = {
+  open: boolean
+  onClose: () => void
+  onSave: (data: SafeAppData) => void
+  // A list of safe apps to check if the app is already there
+  safeAppsList: SafeAppData[]
+}
+
+type CustomAppFormData = {
+  appUrl: string
+  riskAcknowledgement: boolean
+  safeApp: SafeAppData
+}
+
+const HELP_LINK = 'https://docs.safe.global/apps-sdk-overview'
+const APP_ALREADY_IN_THE_LIST_ERROR = 'This Safe App is already in the list'
+const MANIFEST_ERROR = "The app doesn't support Safe App functionality"
+const INVALID_URL_ERROR = 'The url is invalid'
+
+export const AddCustomAppModal = ({ open, onClose, onSave, safeAppsList }: Props) => {
+  const currentChain = useCurrentChain()
+
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isValid },
+    watch,
+    reset,
+  } = useForm<CustomAppFormData>({ defaultValues: { riskAcknowledgement: false }, mode: 'onChange' })
+
+  const onSubmit: SubmitHandler<CustomAppFormData> = () => {
+    if (safeApp) {
+      onSave(safeApp)
+      trackSafeAppEvent(SAFE_APPS_EVENTS.ADD_CUSTOM_APP, safeApp.url)
+      reset()
+      onClose()
+    }
+  }
+
+  const appUrl = watch('appUrl')
+  const debouncedUrl = useDebounce(trimTrailingSlash(appUrl || ''), 300)
+
+  const [safeApp, manifestError] = useAsync<SafeAppData | undefined>(() => {
+    if (!isValidURL(debouncedUrl)) return
+
+    return fetchSafeAppFromManifest(debouncedUrl, currentChain?.chainId || '')
+  }, [currentChain, debouncedUrl])
+
+  const handleClose = () => {
+    reset()
+    onClose()
+  }
+
+  const isAppAlreadyInTheList = useCallback(
+    (appUrl: string) => safeAppsList.some((app) => isSameUrl(app.url, appUrl)),
+    [safeAppsList],
+  )
+
+  const shareSafeAppUrl = useShareSafeAppUrl(safeApp?.url || '')
+  const isSafeAppValid = isValid && safeApp
+  const isCustomAppInTheDefaultList = errors?.appUrl?.type === 'alreadyExists'
+
+  return (
+    <ModalDialog open={open} onClose={handleClose} dialogTitle="Add custom Safe App">
+      <form onSubmit={handleSubmit(onSubmit)}>
+        <DialogContent className={css.addCustomAppContainer}>
+          <div className={css.addCustomAppFields}>
+            <TextField
+              required
+              label="Safe App URL"
+              error={errors?.appUrl?.type === 'validUrl'}
+              helperText={errors?.appUrl?.type === 'validUrl' && errors?.appUrl?.message}
+              autoComplete="off"
+              {...register('appUrl', {
+                required: true,
+                validate: {
+                  validUrl: (val: string) => (isValidURL(val) ? undefined : INVALID_URL_ERROR),
+                  alreadyExists: (val: string) =>
+                    isAppAlreadyInTheList(val) ? APP_ALREADY_IN_THE_LIST_ERROR : undefined,
+                },
+              })}
+            />
+            <Box
+              sx={{
+                mt: 2,
+              }}
+            >
+              {safeApp ? (
+                <>
+                  <CustomApp safeApp={safeApp} shareUrl={isCustomAppInTheDefaultList ? shareSafeAppUrl : ''} />
+                  {isCustomAppInTheDefaultList ? (
+                    <Box
+                      sx={{
+                        display: 'flex',
+                        mt: 2,
+                        alignItems: 'center',
+                      }}
+                    >
+                      <CheckIcon color="success" />
+                      <Typography
+                        sx={{
+                          ml: 1,
+                        }}
+                      >
+                        This Safe App is already registered
+                      </Typography>
+                    </Box>
+                  ) : (
+                    <>
+                      <FormControlLabel
+                        aria-required
+                        control={
+                          <Checkbox
+                            {...register('riskAcknowledgement', {
+                              required: true,
+                            })}
+                          />
+                        }
+                        label={`This Safe App is not part of ${BRAND_NAME} and I agree to use it at my own risk.`}
+                        sx={{ mt: 2 }}
+                      />
+
+                      {errors.riskAcknowledgement && (
+                        <FormHelperText error>Accepting the disclaimer is mandatory</FormHelperText>
+                      )}
+                    </>
+                  )}
+                </>
+              ) : (
+                <CustomAppPlaceholder error={isValidURL(debouncedUrl) && manifestError ? MANIFEST_ERROR : ''} />
+              )}
+            </Box>
+          </div>
+
+          <div className={css.addCustomAppHelp}>
+            <InfoOutlinedIcon className={css.addCustomAppHelpIcon} />
+            <Typography
+              sx={{
+                ml: 0.5,
+              }}
+            >
+              Learn more about building
+            </Typography>
+            <ExternalLink className={css.addCustomAppHelpLink} href={HELP_LINK} fontWeight={700}>
+              Safe Apps
+            </ExternalLink>
+            .
+          </div>
+        </DialogContent>
+
+        <DialogActions disableSpacing>
+          <Button onClick={handleClose}>Cancel</Button>
+          <Button type="submit" variant="contained" disabled={!isSafeAppValid}>
+            Add
+          </Button>
+        </DialogActions>
+      </form>
+    </ModalDialog>
+  )
+}
diff --git a/src/components/safe-apps/AddCustomAppModal/styles.module.css b/apps/web/src/components/safe-apps/AddCustomAppModal/styles.module.css
similarity index 100%
rename from src/components/safe-apps/AddCustomAppModal/styles.module.css
rename to apps/web/src/components/safe-apps/AddCustomAppModal/styles.module.css
diff --git a/apps/web/src/components/safe-apps/AddCustomSafeAppCard/index.tsx b/apps/web/src/components/safe-apps/AddCustomSafeAppCard/index.tsx
new file mode 100644
index 000000000..181b99dba
--- /dev/null
+++ b/apps/web/src/components/safe-apps/AddCustomSafeAppCard/index.tsx
@@ -0,0 +1,47 @@
+import { useState } from 'react'
+import Card from '@mui/material/Card'
+import Box from '@mui/material/Box'
+import Button from '@mui/material/Button'
+import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
+
+import AddCustomAppIcon from '@/public/images/apps/add-custom-app.svg'
+import { AddCustomAppModal } from '@/components/safe-apps/AddCustomAppModal'
+
+type Props = { onSave: (data: SafeAppData) => void; safeAppList: SafeAppData[] }
+
+const AddCustomSafeAppCard = ({ onSave, safeAppList }: Props) => {
+  const [addCustomAppModalOpen, setAddCustomAppModalOpen] = useState<boolean>(false)
+
+  return (
+    <>
+      <Card>
+        <Box p="48px 12px" display="flex" flexDirection="column" alignItems="center">
+          {/* Add Custom Safe App Icon */}
+          <AddCustomAppIcon alt="Add Custom Safe App card" />
+
+          {/*  Add Custom Safe App Button */}
+          <Button
+            variant="contained"
+            size="small"
+            onClick={() => setAddCustomAppModalOpen(true)}
+            sx={{
+              mt: 3,
+            }}
+          >
+            Add custom Safe App
+          </Button>
+        </Box>
+      </Card>
+
+      {/*  Add Custom Safe App Modal */}
+      <AddCustomAppModal
+        open={addCustomAppModalOpen}
+        onClose={() => setAddCustomAppModalOpen(false)}
+        onSave={onSave}
+        safeAppsList={safeAppList}
+      />
+    </>
+  )
+}
+
+export default AddCustomSafeAppCard
diff --git a/apps/web/src/components/safe-apps/AppFrame/SafeAppIframe.tsx b/apps/web/src/components/safe-apps/AppFrame/SafeAppIframe.tsx
new file mode 100644
index 000000000..527108652
--- /dev/null
+++ b/apps/web/src/components/safe-apps/AppFrame/SafeAppIframe.tsx
@@ -0,0 +1,57 @@
+import type { MutableRefObject, ReactElement } from 'react'
+import type { SafeAppDataWithPermissions } from '@/components/safe-apps/types'
+import css from './styles.module.css'
+import { sanitizeUrl } from '@/utils/url'
+
+type SafeAppIFrameProps = {
+  appUrl: string
+  allowedFeaturesList: string
+  title?: string
+  iframeRef?: MutableRefObject<HTMLIFrameElement | null>
+  onLoad?: () => void
+  safeApp?: SafeAppDataWithPermissions
+}
+
+// see sandbox mdn docs for more details https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-sandbox
+const IFRAME_SANDBOX_ALLOWED_FEATURES =
+  'allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-forms allow-downloads allow-orientation-lock'
+
+const SafeAppIframe = ({
+  appUrl,
+  allowedFeaturesList,
+  iframeRef,
+  onLoad,
+  title,
+  safeApp,
+}: SafeAppIFrameProps): ReactElement => {
+  // Use the original URL with parameters if available, otherwise fallback to the provided URL
+  const safeAppUrl = safeApp?.originalUrl || appUrl
+
+  // Ensure the URL is valid and sanitized
+  const isValidUrl = (url: string): boolean => {
+    try {
+      const parsedUrl = new URL(url)
+      return ['http:', 'https:'].includes(parsedUrl.protocol)
+    } catch {
+      return false
+    }
+  }
+
+  const sanitizedSafeAppUrl = isValidUrl(safeAppUrl) ? sanitizeUrl(safeAppUrl) : ''
+  const encodedAppUrl = encodeURIComponent(appUrl)
+
+  return (
+    <iframe
+      className={css.iframe}
+      id={`iframe-${encodedAppUrl}`}
+      ref={iframeRef}
+      src={sanitizedSafeAppUrl}
+      title={title}
+      onLoad={onLoad}
+      sandbox={IFRAME_SANDBOX_ALLOWED_FEATURES}
+      allow={allowedFeaturesList}
+    />
+  )
+}
+
+export default SafeAppIframe
diff --git a/src/components/safe-apps/AppFrame/ThirdPartyCookiesWarning.tsx b/apps/web/src/components/safe-apps/AppFrame/ThirdPartyCookiesWarning.tsx
similarity index 92%
rename from src/components/safe-apps/AppFrame/ThirdPartyCookiesWarning.tsx
rename to apps/web/src/components/safe-apps/AppFrame/ThirdPartyCookiesWarning.tsx
index 3e195771d..adcc308ca 100644
--- a/src/components/safe-apps/AppFrame/ThirdPartyCookiesWarning.tsx
+++ b/apps/web/src/components/safe-apps/AppFrame/ThirdPartyCookiesWarning.tsx
@@ -1,7 +1,8 @@
 import React from 'react'
 import { Alert, AlertTitle } from '@mui/material'
 import ExternalLink from '@/components/common/ExternalLink'
-import { HelpCenterArticle } from '@/config/constants'
+
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
 
 type ThirdPartyCookiesWarningProps = {
   onClose: () => void
diff --git a/apps/web/src/components/safe-apps/AppFrame/TransactionQueueBar/index.tsx b/apps/web/src/components/safe-apps/AppFrame/TransactionQueueBar/index.tsx
new file mode 100644
index 000000000..25e1b3bc5
--- /dev/null
+++ b/apps/web/src/components/safe-apps/AppFrame/TransactionQueueBar/index.tsx
@@ -0,0 +1,100 @@
+import type { Dispatch, ReactElement, SetStateAction } from 'react'
+import { Backdrop, Typography, Box, IconButton, Accordion, AccordionDetails, AccordionSummary } from '@mui/material'
+import { ClickAwayListener } from '@mui/material'
+import CloseIcon from '@mui/icons-material/Close'
+import ExpandLessIcon from '@mui/icons-material/ExpandLess'
+
+import useTxQueue from '@/hooks/useTxQueue'
+import PaginatedTxns from '@/components/common/PaginatedTxns'
+import styles from './styles.module.css'
+import { getQueuedTransactionCount } from '@/utils/transactions'
+import { BatchExecuteHoverProvider } from '@/components/transactions/BatchExecuteButton/BatchExecuteHoverProvider'
+import BatchExecuteButton from '@/components/transactions/BatchExecuteButton'
+import type { TransactionListPage } from '@safe-global/safe-gateway-typescript-sdk'
+
+type Props = {
+  expanded: boolean
+  visible: boolean
+  setExpanded: Dispatch<SetStateAction<boolean>>
+  onDismiss: () => void
+  transactions: TransactionListPage
+}
+
+const TransactionQueueBar = ({
+  expanded,
+  visible,
+  setExpanded,
+  onDismiss,
+  transactions,
+}: Props): ReactElement | null => {
+  if (!visible || transactions.results.length === 0) {
+    return null
+  }
+
+  const queuedTxCount = getQueuedTransactionCount(transactions)
+
+  // if you inline the expression, it will split put the `queuedTxCount` on a new line
+  // and make it harder to find this text for matchers in tests
+  const barTitle = `(${queuedTxCount}) Transaction queue`
+  return (
+    <>
+      <Box className={styles.barWrapper}>
+        <ClickAwayListener onClickAway={() => setExpanded(false)} mouseEvent="onMouseDown" touchEvent="onTouchStart">
+          <Accordion
+            expanded={expanded}
+            onChange={() => setExpanded((prev) => !prev)}
+            TransitionProps={{
+              timeout: {
+                appear: 400,
+                enter: 0,
+                exit: 500,
+              },
+              unmountOnExit: false,
+              mountOnEnter: true,
+            }}
+            sx={{
+              // there are very specific rules for the border radius that we have to override
+              borderBottomLeftRadius: '0 !important',
+              borderBottomRightRadius: '0 !important',
+            }}
+          >
+            <AccordionSummary
+              sx={{ '.MuiAccordionSummary-content': { alignItems: 'center' }, height: TRANSACTION_BAR_HEIGHT }}
+            >
+              <Typography variant="body1" color="primary.main" fontWeight={700} sx={{ mr: 'auto' }}>
+                {barTitle}
+              </Typography>
+
+              <IconButton
+                onClick={(event) => {
+                  event.stopPropagation()
+                  setExpanded((prev) => !prev)
+                }}
+                aria-label={`${expanded ? 'close' : 'expand'} transaction queue bar`}
+                sx={{ transform: expanded ? 'rotate(180deg)' : undefined }}
+              >
+                <ExpandLessIcon />
+              </IconButton>
+              <IconButton onClick={onDismiss} aria-label="dismiss transaction queue bar">
+                <CloseIcon />
+              </IconButton>
+            </AccordionSummary>
+            <AccordionDetails>
+              <BatchExecuteHoverProvider>
+                <Box display="flex" flexDirection="column" alignItems="flex-end">
+                  <BatchExecuteButton />
+                </Box>
+                <PaginatedTxns useTxns={useTxQueue} />
+              </BatchExecuteHoverProvider>
+            </AccordionDetails>
+          </Accordion>
+        </ClickAwayListener>
+      </Box>
+      <Backdrop open={expanded} />
+    </>
+  )
+}
+
+export const TRANSACTION_BAR_HEIGHT = '64px'
+
+export default TransactionQueueBar
diff --git a/src/components/safe-apps/AppFrame/TransactionQueueBar/styles.module.css b/apps/web/src/components/safe-apps/AppFrame/TransactionQueueBar/styles.module.css
similarity index 100%
rename from src/components/safe-apps/AppFrame/TransactionQueueBar/styles.module.css
rename to apps/web/src/components/safe-apps/AppFrame/TransactionQueueBar/styles.module.css
diff --git a/src/components/safe-apps/AppFrame/__tests__/AppFrame.test.tsx b/apps/web/src/components/safe-apps/AppFrame/__tests__/AppFrame.test.tsx
similarity index 97%
rename from src/components/safe-apps/AppFrame/__tests__/AppFrame.test.tsx
rename to apps/web/src/components/safe-apps/AppFrame/__tests__/AppFrame.test.tsx
index 584485a9a..bb11988b4 100644
--- a/src/components/safe-apps/AppFrame/__tests__/AppFrame.test.tsx
+++ b/apps/web/src/components/safe-apps/AppFrame/__tests__/AppFrame.test.tsx
@@ -8,7 +8,7 @@ import {
   TransactionListItemType,
   TransactionStatus,
 } from '@safe-global/safe-gateway-typescript-sdk'
-import { defaultSafeInfo } from '@/store/safeInfoSlice'
+import { defaultSafeInfo } from '@safe-global/store/slices/SafeInfo/utils'
 import { getEmptySafeApp } from '@/components/safe-apps/utils'
 
 const emptySafeApp = getEmptySafeApp()
diff --git a/apps/web/src/components/safe-apps/AppFrame/index.tsx b/apps/web/src/components/safe-apps/AppFrame/index.tsx
new file mode 100644
index 000000000..92e16c089
--- /dev/null
+++ b/apps/web/src/components/safe-apps/AppFrame/index.tsx
@@ -0,0 +1,189 @@
+import useAddressBook from '@/hooks/useAddressBook'
+import useChainId from '@/hooks/useChainId'
+import { type AddressBookItem, Methods } from '@safe-global/safe-apps-sdk'
+import type { ReactElement } from 'react'
+import { useCallback, useEffect } from 'react'
+import { Box, CircularProgress, Typography } from '@mui/material'
+import { useRouter } from 'next/router'
+import Head from 'next/head'
+import type { RequestId } from '@safe-global/safe-apps-sdk'
+import { trackSafeAppOpenCount } from '@/services/safe-apps/track-app-usage-count'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useSafeAppFromBackend } from '@/hooks/safe-apps/useSafeAppFromBackend'
+import { useSafePermissions } from '@/hooks/safe-apps/permissions'
+import { useCurrentChain } from '@/hooks/useChains'
+import { isSameUrl } from '@/utils/url'
+import useTransactionQueueBarState from '@/components/safe-apps/AppFrame/useTransactionQueueBarState'
+import { gtmTrackPageview } from '@/services/analytics/gtm'
+import useThirdPartyCookies from './useThirdPartyCookies'
+import useAnalyticsFromSafeApp from './useFromAppAnalytics'
+import useAppIsLoading from './useAppIsLoading'
+import { ThirdPartyCookiesWarning } from './ThirdPartyCookiesWarning'
+import TransactionQueueBar, { TRANSACTION_BAR_HEIGHT } from './TransactionQueueBar'
+import PermissionsPrompt from '@/components/safe-apps/PermissionsPrompt'
+import { PermissionStatus, type SafeAppDataWithPermissions } from '@/components/safe-apps/types'
+
+import css from './styles.module.css'
+import SafeAppIframe from './SafeAppIframe'
+import { useCustomAppCommunicator } from '@/hooks/safe-apps/useCustomAppCommunicator'
+import { useSanctionedAddress } from '@/hooks/useSanctionedAddress'
+import BlockedAddress from '@/components/common/BlockedAddress'
+import { isSafePassApp } from '@/features/walletconnect/services/utils'
+import { BRAND_NAME } from '@/config/constants'
+
+const UNKNOWN_APP_NAME = 'Unknown Safe App'
+
+type AppFrameProps = {
+  appUrl: string
+  allowedFeaturesList: string
+  safeAppFromManifest: SafeAppDataWithPermissions
+  isNativeEmbed?: boolean
+}
+
+const AppFrame = ({ appUrl, allowedFeaturesList, safeAppFromManifest, isNativeEmbed }: AppFrameProps): ReactElement => {
+  const { safe, safeLoaded } = useSafeInfo()
+  const addressBook = useAddressBook()
+  const chainId = useChainId()
+  const chain = useCurrentChain()
+  const router = useRouter()
+  const isSafePass = isSafePassApp(appUrl)
+  const sanctionedAddress = useSanctionedAddress(isSafePass)
+  const {
+    expanded: queueBarExpanded,
+    dismissedByUser: queueBarDismissed,
+    setExpanded,
+    dismissQueueBar,
+    transactions,
+  } = useTransactionQueueBarState()
+  const queueBarVisible = transactions.results.length > 0 && !queueBarDismissed && !isNativeEmbed
+  const [remoteApp] = useSafeAppFromBackend(appUrl, safe.chainId)
+  const { thirdPartyCookiesDisabled, setThirdPartyCookiesDisabled } = useThirdPartyCookies()
+  const { iframeRef, appIsLoading, isLoadingSlow, setAppIsLoading } = useAppIsLoading()
+  useAnalyticsFromSafeApp(iframeRef)
+  const { permissionsRequest, setPermissionsRequest, confirmPermissionRequest, getPermissions, hasPermission } =
+    useSafePermissions()
+
+  const communicator = useCustomAppCommunicator(iframeRef, remoteApp || safeAppFromManifest, chain, {
+    onGetPermissions: getPermissions,
+    onRequestAddressBook: (origin: string): AddressBookItem[] => {
+      if (hasPermission(origin, Methods.requestAddressBook)) {
+        return Object.entries(addressBook).map(([address, name]) => ({ address, name, chainId }))
+      }
+
+      return []
+    },
+    onSetPermissions: setPermissionsRequest,
+  })
+
+  const onAcceptPermissionRequest = (_origin: string, requestId: RequestId) => {
+    const permissions = confirmPermissionRequest(PermissionStatus.GRANTED)
+    communicator?.send(permissions, requestId as string)
+  }
+
+  const onRejectPermissionRequest = (requestId?: RequestId) => {
+    if (requestId) {
+      confirmPermissionRequest(PermissionStatus.DENIED)
+      communicator?.send('Permissions were rejected', requestId as string, true)
+    } else {
+      setPermissionsRequest(undefined)
+    }
+  }
+
+  useEffect(() => {
+    if (!remoteApp) return
+
+    trackSafeAppOpenCount(remoteApp.id)
+  }, [remoteApp])
+
+  const onIframeLoad = useCallback(() => {
+    const iframe = iframeRef.current
+    if (!iframe || !isSameUrl(iframe.src, appUrl)) {
+      return
+    }
+
+    setAppIsLoading(false)
+
+    if (!isNativeEmbed) {
+      gtmTrackPageview(`${router.pathname}?appUrl=${router.query.appUrl}`, router.asPath)
+    }
+  }, [appUrl, iframeRef, setAppIsLoading, router, isNativeEmbed])
+
+  if (!safeLoaded) {
+    return <div />
+  }
+
+  if (sanctionedAddress && isSafePass) {
+    return (
+      <>
+        <Head>
+          <title>{`Safe Apps - Viewer - ${remoteApp ? remoteApp.name : UNKNOWN_APP_NAME}`}</title>
+        </Head>
+        <Box p={2}>
+          <BlockedAddress address={sanctionedAddress} featureTitle="Safe{Pass} Safe app" />
+        </Box>
+      </>
+    )
+  }
+
+  return (
+    <>
+      {!isNativeEmbed && (
+        <Head>
+          <title>{`${BRAND_NAME} - Safe Apps${remoteApp ? ' - ' + remoteApp.name : ''}`}</title>
+        </Head>
+      )}
+
+      <div className={css.wrapper}>
+        {thirdPartyCookiesDisabled && <ThirdPartyCookiesWarning onClose={() => setThirdPartyCookiesDisabled(false)} />}
+
+        {appIsLoading && (
+          <div className={css.loadingContainer}>
+            {isLoadingSlow && (
+              <Typography variant="h4" gutterBottom>
+                The Safe App is taking too long to load, consider refreshing.
+              </Typography>
+            )}
+            <CircularProgress size={48} color="primary" />
+          </div>
+        )}
+
+        <div
+          style={{
+            height: '100%',
+            display: appIsLoading ? 'none' : 'block',
+            paddingBottom: queueBarVisible ? TRANSACTION_BAR_HEIGHT : 0,
+          }}
+        >
+          <SafeAppIframe
+            appUrl={appUrl}
+            allowedFeaturesList={allowedFeaturesList}
+            iframeRef={iframeRef}
+            onLoad={onIframeLoad}
+            title={safeAppFromManifest?.name}
+          />
+        </div>
+
+        <TransactionQueueBar
+          expanded={queueBarExpanded}
+          visible={queueBarVisible && !queueBarDismissed}
+          setExpanded={setExpanded}
+          onDismiss={dismissQueueBar}
+          transactions={transactions}
+        />
+
+        {!isNativeEmbed && permissionsRequest && (
+          <PermissionsPrompt
+            isOpen
+            origin={permissionsRequest.origin}
+            requestId={permissionsRequest.requestId}
+            onAccept={onAcceptPermissionRequest}
+            onReject={onRejectPermissionRequest}
+            permissions={permissionsRequest.request}
+          />
+        )}
+      </div>
+    </>
+  )
+}
+
+export default AppFrame
diff --git a/src/components/safe-apps/AppFrame/styles.module.css b/apps/web/src/components/safe-apps/AppFrame/styles.module.css
similarity index 100%
rename from src/components/safe-apps/AppFrame/styles.module.css
rename to apps/web/src/components/safe-apps/AppFrame/styles.module.css
diff --git a/src/components/safe-apps/AppFrame/useAppCommunicator.ts b/apps/web/src/components/safe-apps/AppFrame/useAppCommunicator.ts
similarity index 90%
rename from src/components/safe-apps/AppFrame/useAppCommunicator.ts
rename to apps/web/src/components/safe-apps/AppFrame/useAppCommunicator.ts
index 1342d3285..b7e8cbc4d 100644
--- a/src/components/safe-apps/AppFrame/useAppCommunicator.ts
+++ b/apps/web/src/components/safe-apps/AppFrame/useAppCommunicator.ts
@@ -20,7 +20,6 @@ import type {
   SignMessageParams,
   SignTypedMessageParams,
   ChainInfo,
-  SafeBalances,
   SafeInfoExtended,
 } from '@safe-global/safe-apps-sdk'
 import { Methods, RPC_CALLS } from '@safe-global/safe-apps-sdk'
@@ -33,6 +32,8 @@ import { SAFE_APPS_EVENTS, trackSafeAppEvent } from '@/services/analytics'
 import { useAppSelector } from '@/store'
 import { selectRpc } from '@/store/settingsSlice'
 import { createSafeAppsWeb3Provider } from '@/hooks/wallets/web3'
+import { useDarkMode } from '@/hooks/useDarkMode'
+import type { Balances } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
 
 export enum CommunicatorMessages {
   REJECT_TRANSACTION_MESSAGE = 'Transaction was rejected',
@@ -55,7 +56,7 @@ export type UseAppCommunicatorHandlers = {
   ) => void
   onGetTxBySafeTxHash: (transactionId: string) => Promise<TransactionDetails>
   onGetEnvironmentInfo: () => EnvironmentInfo
-  onGetSafeBalances: (currency: string) => Promise<SafeBalances>
+  onGetSafeBalances: (currency: string) => Promise<Balances>
   onGetSafeInfo: () => SafeInfoExtended
   onGetChainInfo: () => ChainInfo | undefined
   onGetPermissions: (origin: string) => Permission[]
@@ -73,6 +74,7 @@ const useAppCommunicator = (
 ): AppCommunicator | undefined => {
   const [communicator, setCommunicator] = useState<AppCommunicator | undefined>(undefined)
   const customRpc = useAppSelector(selectRpc)
+  const isDarkMode = useDarkMode()
 
   const safeAppWeb3Provider = useMemo(() => {
     if (!chain) {
@@ -119,6 +121,17 @@ const useAppCommunicator = (
     }
   }, [app, iframeRef])
 
+  useEffect(() => {
+    const id = Math.random().toString(36).slice(2)
+
+    communicator?.send(
+      {
+        darkMode: isDarkMode,
+      },
+      id,
+    )
+  }, [communicator, isDarkMode])
+
   // Adding communicator logic for the required SDK Methods
   // We don't need to unsubscribe from the events because there can be just one subscription
   // per event type and the next effect run will simply replace the handlers
@@ -205,7 +218,17 @@ const useAppCommunicator = (
     communicator?.on(Methods.requestAddressBook, (msg) => {
       return handlers.onRequestAddressBook(msg.origin)
     })
-  }, [safeAppWeb3Provider, handlers, chain, communicator])
+
+    // TODO: it will be moved to safe-apps-sdk soon
+    communicator?.on('getCurrentTheme' as Methods, (msg) => {
+      communicator.send(
+        {
+          darkMode: isDarkMode,
+        },
+        msg.data.id,
+      )
+    })
+  }, [safeAppWeb3Provider, handlers, chain, communicator, isDarkMode])
 
   return communicator
 }
diff --git a/src/components/safe-apps/AppFrame/useAppIsLoading.ts b/apps/web/src/components/safe-apps/AppFrame/useAppIsLoading.ts
similarity index 87%
rename from src/components/safe-apps/AppFrame/useAppIsLoading.ts
rename to apps/web/src/components/safe-apps/AppFrame/useAppIsLoading.ts
index ab1d74c94..3fd8c2163 100644
--- a/src/components/safe-apps/AppFrame/useAppIsLoading.ts
+++ b/apps/web/src/components/safe-apps/AppFrame/useAppIsLoading.ts
@@ -5,7 +5,7 @@ const APP_SLOW_LOADING_WARNING_TIMEOUT = 15_000
 const APP_LOAD_ERROR = 'There was an error loading the Safe App. There might be a problem with the Safe App provider.'
 
 type UseAppIsLoadingReturnType = {
-  iframeRef: React.RefObject<HTMLIFrameElement>
+  iframeRef: React.RefObject<HTMLIFrameElement | null>
   appIsLoading: boolean
   setAppIsLoading: (appIsLoading: boolean) => void
   isLoadingSlow: boolean
@@ -16,9 +16,9 @@ const useAppIsLoading = (): UseAppIsLoadingReturnType => {
   const [isLoadingSlow, setIsLoadingSlow] = useState<boolean>(false)
   const [, setAppLoadError] = useState<boolean>(false)
 
-  const iframeRef = useRef<HTMLIFrameElement>(null)
-  const timer = useRef<number>()
-  const errorTimer = useRef<number>()
+  const iframeRef = useRef<HTMLIFrameElement | null>(null)
+  const timer = useRef<number>(0)
+  const errorTimer = useRef<number>(0)
 
   useEffect(() => {
     const clearTimeouts = () => {
diff --git a/src/components/safe-apps/AppFrame/useFromAppAnalytics.ts b/apps/web/src/components/safe-apps/AppFrame/useFromAppAnalytics.ts
similarity index 98%
rename from src/components/safe-apps/AppFrame/useFromAppAnalytics.ts
rename to apps/web/src/components/safe-apps/AppFrame/useFromAppAnalytics.ts
index 82f0c4467..12d3795ec 100644
--- a/src/components/safe-apps/AppFrame/useFromAppAnalytics.ts
+++ b/apps/web/src/components/safe-apps/AppFrame/useFromAppAnalytics.ts
@@ -16,7 +16,7 @@ const ALLOWED_DOMAINS: RegExp[] = [
   /^https:\/\/safe-dao-governance\.dev\.5afe\.dev$/,
 ]
 
-const useAnalyticsFromSafeApp = (iframeRef: RefObject<HTMLIFrameElement | undefined>): void => {
+const useAnalyticsFromSafeApp = (iframeRef: RefObject<HTMLIFrameElement | null>): void => {
   const isValidMessage = useCallback(
     (msg: MessageEvent<AnalyticsEvent>) => {
       if (!msg.data) return false
diff --git a/apps/web/src/components/safe-apps/AppFrame/useGetSafeInfo.ts b/apps/web/src/components/safe-apps/AppFrame/useGetSafeInfo.ts
new file mode 100644
index 000000000..5d279cbdd
--- /dev/null
+++ b/apps/web/src/components/safe-apps/AppFrame/useGetSafeInfo.ts
@@ -0,0 +1,49 @@
+import { useCallback } from 'react'
+import useChainId from '@/hooks/useChainId'
+import { useCurrentChain } from '@/hooks/useChains'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { getLegacyChainName } from '../utils'
+import { useNestedSafeOwners } from '@/hooks/useNestedSafeOwners'
+
+const useGetSafeInfo = () => {
+  const { safe, safeAddress } = useSafeInfo()
+  const isOwner = useIsSafeOwner()
+  const nestedSafeOwners = useNestedSafeOwners()
+  const chainId = useChainId()
+  const chain = useCurrentChain()
+  const chainName = chain?.chainName || ''
+
+  return useCallback(() => {
+    return {
+      safeAddress,
+      chainId: parseInt(chainId, 10),
+      owners: safe.owners.map((owner) => owner.value),
+      threshold: safe.threshold,
+      isReadOnly: !isOwner && (nestedSafeOwners == null || nestedSafeOwners.length === 0),
+      nonce: safe.nonce,
+      implementation: safe.implementation.value,
+      modules: safe.modules ? safe.modules.map((module) => module.value) : null,
+      fallbackHandler: safe.fallbackHandler ? safe.fallbackHandler?.value : null,
+      guard: safe.guard?.value || null,
+      version: safe.version || null,
+      network: getLegacyChainName(chainName || '', chainId).toUpperCase(),
+    }
+  }, [
+    safeAddress,
+    chainId,
+    safe.owners,
+    safe.threshold,
+    safe.nonce,
+    safe.implementation.value,
+    safe.modules,
+    safe.fallbackHandler,
+    safe.guard?.value,
+    safe.version,
+    isOwner,
+    nestedSafeOwners,
+    chainName,
+  ])
+}
+
+export default useGetSafeInfo
diff --git a/src/components/safe-apps/AppFrame/useThirdPartyCookies.ts b/apps/web/src/components/safe-apps/AppFrame/useThirdPartyCookies.ts
similarity index 97%
rename from src/components/safe-apps/AppFrame/useThirdPartyCookies.ts
rename to apps/web/src/components/safe-apps/AppFrame/useThirdPartyCookies.ts
index 2722f34e0..b94c41dac 100644
--- a/src/components/safe-apps/AppFrame/useThirdPartyCookies.ts
+++ b/apps/web/src/components/safe-apps/AppFrame/useThirdPartyCookies.ts
@@ -24,7 +24,7 @@ type ThirdPartyCookiesType = {
 }
 
 const useThirdPartyCookies = (): ThirdPartyCookiesType => {
-  const iframeRef = useRef<HTMLIFrameElement>()
+  const iframeRef = useRef<HTMLIFrameElement>(null)
   const [thirdPartyCookiesDisabled, setThirdPartyCookiesDisabled] = useState<boolean>(false)
 
   const messageHandler = useCallback((event: MessageEvent) => {
diff --git a/src/components/safe-apps/AppFrame/useTransactionQueueBarState.ts b/apps/web/src/components/safe-apps/AppFrame/useTransactionQueueBarState.ts
similarity index 100%
rename from src/components/safe-apps/AppFrame/useTransactionQueueBarState.ts
rename to apps/web/src/components/safe-apps/AppFrame/useTransactionQueueBarState.ts
diff --git a/src/components/safe-apps/NativeSwapsCard/index.stories.tsx b/apps/web/src/components/safe-apps/NativeSwapsCard/index.stories.tsx
similarity index 100%
rename from src/components/safe-apps/NativeSwapsCard/index.stories.tsx
rename to apps/web/src/components/safe-apps/NativeSwapsCard/index.stories.tsx
diff --git a/apps/web/src/components/safe-apps/NativeSwapsCard/index.tsx b/apps/web/src/components/safe-apps/NativeSwapsCard/index.tsx
new file mode 100644
index 000000000..5eecc9758
--- /dev/null
+++ b/apps/web/src/components/safe-apps/NativeSwapsCard/index.tsx
@@ -0,0 +1,71 @@
+import CardHeader from '@mui/material/CardHeader'
+import CardContent from '@mui/material/CardContent'
+import Typography from '@mui/material/Typography'
+import { Button, Paper, Stack } from '@mui/material'
+import SafeAppIconCard from '../SafeAppIconCard'
+import css from './styles.module.css'
+import { SWAP_EVENTS, SWAP_LABELS } from '@/services/analytics/events/swaps'
+import Track from '@/components/common/Track'
+import Link from 'next/link'
+import { AppRoutes } from '@/config/routes'
+import { useRouter } from 'next/router'
+import useLocalStorage from '@/services/local-storage/useLocalStorage'
+import useIsSwapFeatureEnabled from '@/features/swap/hooks/useIsSwapFeatureEnabled'
+
+const SWAPS_APP_CARD_STORAGE_KEY = 'showSwapsAppCard'
+
+const NativeSwapsCard = () => {
+  const router = useRouter()
+  const isSwapFeatureEnabled = useIsSwapFeatureEnabled()
+  const [isSwapsCardVisible = true, setIsSwapsCardVisible] = useLocalStorage<boolean>(SWAPS_APP_CARD_STORAGE_KEY)
+  if (!isSwapFeatureEnabled || !isSwapsCardVisible) return null
+
+  return (
+    <Paper className={css.container}>
+      <CardHeader
+        className={css.header}
+        avatar={
+          <div className={css.iconContainer}>
+            <SafeAppIconCard src="/images/common/swap.svg" alt="Swap Icon" width={24} height={24} />
+          </div>
+        }
+      />
+      <CardContent className={css.content}>
+        <Typography className={css.title} variant="h5">
+          Native swaps are here!
+        </Typography>
+
+        <Typography
+          className={css.description}
+          variant="body2"
+          sx={{
+            color: 'text.secondary',
+          }}
+        >
+          Experience seamless trading with better decoding and security in native swaps.
+        </Typography>
+
+        <Stack
+          direction="row"
+          className={css.buttons}
+          sx={{
+            gap: 2,
+          }}
+        >
+          <Track {...SWAP_EVENTS.OPEN_SWAPS} label={SWAP_LABELS.safeAppsPromoWidget}>
+            <Link href={{ pathname: AppRoutes.swap, query: { safe: router.query.safe } }} passHref legacyBehavior>
+              <Button variant="contained" size="small">
+                Try now
+              </Button>
+            </Link>
+          </Track>
+          <Button onClick={() => setIsSwapsCardVisible(false)} size="small" variant="text" sx={{ px: '16px' }}>
+            Don&apos;t show
+          </Button>
+        </Stack>
+      </CardContent>
+    </Paper>
+  )
+}
+
+export default NativeSwapsCard
diff --git a/apps/web/src/components/safe-apps/NativeSwapsCard/styles.module.css b/apps/web/src/components/safe-apps/NativeSwapsCard/styles.module.css
new file mode 100644
index 000000000..e18fc4626
--- /dev/null
+++ b/apps/web/src/components/safe-apps/NativeSwapsCard/styles.module.css
@@ -0,0 +1,52 @@
+.container {
+  transition:
+    background-color 0.3s ease-in-out,
+    border 0.3s ease-in-out;
+  border: 1px solid transparent;
+  height: 100%;
+}
+
+.container:hover {
+  background-color: var(--color-background-light);
+  border: 1px solid var(--color-secondary-light);
+}
+
+.header {
+  padding: var(--space-3) var(--space-2) var(--space-1) var(--space-2);
+}
+
+.content {
+  padding: var(--space-2);
+}
+
+.iconContainer {
+  position: relative;
+  background: var(--color-secondary-light);
+  border-radius: 50%;
+  display: flex;
+  padding: var(--space-1);
+}
+
+.title {
+  line-height: 175%;
+  margin: 0;
+
+  flex-grow: 1;
+
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.description {
+  /* Truncate Safe App Description (3 lines) */
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.buttons {
+  padding-top: var(--space-2);
+  white-space: nowrap;
+}
diff --git a/src/components/safe-apps/PermissionCheckbox.tsx b/apps/web/src/components/safe-apps/PermissionCheckbox.tsx
similarity index 100%
rename from src/components/safe-apps/PermissionCheckbox.tsx
rename to apps/web/src/components/safe-apps/PermissionCheckbox.tsx
diff --git a/src/components/safe-apps/PermissionsPrompt.tsx b/apps/web/src/components/safe-apps/PermissionsPrompt.tsx
similarity index 100%
rename from src/components/safe-apps/PermissionsPrompt.tsx
rename to apps/web/src/components/safe-apps/PermissionsPrompt.tsx
diff --git a/src/components/safe-apps/RemoveCustomAppModal.tsx b/apps/web/src/components/safe-apps/RemoveCustomAppModal.tsx
similarity index 100%
rename from src/components/safe-apps/RemoveCustomAppModal.tsx
rename to apps/web/src/components/safe-apps/RemoveCustomAppModal.tsx
diff --git a/src/components/safe-apps/SafeAppActionButtons/index.tsx b/apps/web/src/components/safe-apps/SafeAppActionButtons/index.tsx
similarity index 100%
rename from src/components/safe-apps/SafeAppActionButtons/index.tsx
rename to apps/web/src/components/safe-apps/SafeAppActionButtons/index.tsx
diff --git a/apps/web/src/components/safe-apps/SafeAppCard/index.tsx b/apps/web/src/components/safe-apps/SafeAppCard/index.tsx
new file mode 100644
index 000000000..1585771eb
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppCard/index.tsx
@@ -0,0 +1,171 @@
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+import Card from '@mui/material/Card'
+import CardHeader from '@mui/material/CardHeader'
+import CardContent from '@mui/material/CardContent'
+import Typography from '@mui/material/Typography'
+import { resolveHref } from 'next/dist/client/resolve-href'
+import classNames from 'classnames'
+import type { ReactNode, SyntheticEvent } from 'react'
+import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
+import type { NextRouter } from 'next/router'
+
+import type { UrlObject } from 'url'
+import SafeAppIconCard from '@/components/safe-apps/SafeAppIconCard'
+import SafeAppActionButtons from '@/components/safe-apps/SafeAppActionButtons'
+import SafeAppTags from '@/components/safe-apps/SafeAppTags'
+import { isOptimizedForBatchTransactions } from '@/components/safe-apps/utils'
+import { AppRoutes } from '@/config/routes'
+import BatchIcon from '@/public/images/apps/batch-icon.svg'
+import css from './styles.module.css'
+
+type SafeAppCardProps = {
+  safeApp: SafeAppData
+  onClickSafeApp?: (e: SyntheticEvent) => void
+  isBookmarked?: boolean
+  onBookmarkSafeApp?: (safeAppId: number) => void
+  removeCustomApp?: (safeApp: SafeAppData) => void
+  openPreviewDrawer?: (safeApp: SafeAppData) => void
+  compact?: boolean
+}
+
+const SafeAppCard = ({
+  safeApp,
+  onClickSafeApp,
+  isBookmarked,
+  onBookmarkSafeApp,
+  removeCustomApp,
+  openPreviewDrawer,
+  compact = false,
+}: SafeAppCardProps) => {
+  const router = useRouter()
+
+  const safeAppUrl = getSafeAppUrl(router, safeApp.url)
+
+  return (
+    <SafeAppCardGridView
+      safeApp={safeApp}
+      safeAppUrl={safeAppUrl}
+      isBookmarked={isBookmarked}
+      onBookmarkSafeApp={onBookmarkSafeApp}
+      removeCustomApp={removeCustomApp}
+      onClickSafeApp={onClickSafeApp}
+      openPreviewDrawer={openPreviewDrawer}
+      compact={compact}
+    />
+  )
+}
+
+export default SafeAppCard
+
+export const getSafeAppUrl = (router: NextRouter, safeAppUrl: string) => {
+  const shareUrlObj: UrlObject = {
+    pathname: AppRoutes.apps.open,
+    query: { safe: router.query.safe, appUrl: safeAppUrl },
+  }
+
+  return resolveHref(router, shareUrlObj)
+}
+
+type SafeAppCardViewProps = SafeAppCardProps & {
+  safeAppUrl: string
+}
+
+const SafeAppCardGridView = ({
+  safeApp,
+  onClickSafeApp,
+  safeAppUrl,
+  isBookmarked,
+  onBookmarkSafeApp,
+  removeCustomApp,
+  openPreviewDrawer,
+  compact,
+}: SafeAppCardViewProps) => {
+  return (
+    <SafeAppCardContainer
+      className={compact ? css.compactContainer : undefined}
+      safeAppUrl={safeAppUrl}
+      onClickSafeApp={onClickSafeApp}
+      height="100%"
+      compact={compact}
+    >
+      {/* Safe App Header */}
+      <CardHeader
+        className={css.safeAppHeader}
+        avatar={
+          <div className={css.safeAppIconContainer}>
+            {/* Batch transactions Icon */}
+            {isOptimizedForBatchTransactions(safeApp) && (
+              <BatchIcon className={css.safeAppBatchIcon} alt="batch transactions icon" />
+            )}
+
+            {/* Safe App Icon */}
+            <SafeAppIconCard src={safeApp.iconUrl} alt={`${safeApp.name} logo`} />
+          </div>
+        }
+        action={
+          <>
+            {/* Safe App Action Buttons */}
+            {!compact && (
+              <SafeAppActionButtons
+                safeApp={safeApp}
+                isBookmarked={isBookmarked}
+                onBookmarkSafeApp={onBookmarkSafeApp}
+                removeCustomApp={removeCustomApp}
+                openPreviewDrawer={openPreviewDrawer}
+              />
+            )}
+          </>
+        }
+      />
+
+      <CardContent className={css.safeAppContent}>
+        {/* Safe App Title */}
+        <Typography className={css.safeAppTitle} gutterBottom variant="h5">
+          {safeApp.name}
+        </Typography>
+
+        {/* Safe App Description */}
+        {!compact && (
+          <Typography className={css.safeAppDescription} variant="body2" color="text.secondary">
+            {safeApp.description}
+          </Typography>
+        )}
+
+        {/* Safe App Tags */}
+        <SafeAppTags tags={safeApp.tags} compact={compact} />
+      </CardContent>
+    </SafeAppCardContainer>
+  )
+}
+
+type SafeAppCardContainerProps = {
+  onClickSafeApp?: (e: SyntheticEvent) => void
+  safeAppUrl: string
+  children: ReactNode
+  height?: string
+  className?: string
+  compact?: boolean
+}
+
+export const SafeAppCardContainer = ({
+  children,
+  safeAppUrl,
+  onClickSafeApp,
+  height,
+  className,
+}: SafeAppCardContainerProps) => {
+  const handleClickSafeApp = (event: SyntheticEvent) => {
+    if (onClickSafeApp) {
+      onClickSafeApp(event)
+    }
+  }
+
+  return (
+    <Link href={safeAppUrl} passHref rel="noreferrer" onClick={handleClickSafeApp}>
+      <Card className={classNames(css.safeAppContainer, className)} sx={{ height }}>
+        {children}
+      </Card>
+    </Link>
+  )
+}
diff --git a/apps/web/src/components/safe-apps/SafeAppCard/styles.module.css b/apps/web/src/components/safe-apps/SafeAppCard/styles.module.css
new file mode 100644
index 000000000..de3fc0e4b
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppCard/styles.module.css
@@ -0,0 +1,75 @@
+.safeAppContainer {
+  transition:
+    background-color 0.3s ease-in-out,
+    border 0.3s ease-in-out;
+  border: 1px solid transparent;
+}
+
+.safeAppContainer:hover {
+  background-color: var(--color-background-light);
+  border: 1px solid var(--color-secondary-light);
+}
+
+.compactContainer {
+  transition: none;
+  border: 1px solid var(--color-border-light);
+}
+
+.compactContainer:hover {
+  background-color: var(--color-background-main);
+  border: 1px solid var(--color-border-light);
+}
+
+.safeAppHeader {
+  padding: var(--space-3) var(--space-2) 0 var(--space-2);
+}
+
+.safeAppContent {
+  padding: var(--space-2) !important;
+}
+
+.safeAppIconContainer {
+  position: relative;
+}
+
+.safeAppIconContainer iframe {
+  display: block;
+}
+
+.safeAppBatchIcon {
+  position: absolute;
+  top: -6px;
+  right: -8px;
+}
+
+.safeAppTitle {
+  line-height: 175%;
+  margin: 0;
+
+  flex-grow: 1;
+
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.safeAppDescription {
+  /* Truncate Safe App Description (3 lines) */
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.safeAppTagContainer {
+  padding-top: var(--space-2);
+}
+
+.safeAppTagLabel {
+  border-radius: 4px;
+  height: 24px;
+}
+
+.safeAppTagLabel > * {
+  padding: var(--space-1);
+}
diff --git a/apps/web/src/components/safe-apps/SafeAppIconCard/index.test.tsx b/apps/web/src/components/safe-apps/SafeAppIconCard/index.test.tsx
new file mode 100644
index 000000000..5997c6f67
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppIconCard/index.test.tsx
@@ -0,0 +1,18 @@
+import { render } from '@/tests/test-utils'
+import SafeAppIconCard from '.'
+
+describe('SafeAppIconCard', () => {
+  it('should render an icon', () => {
+    const src = 'https://safe-transaction-assets.safe.global/safe_apps/160/icon.png'
+    const { queryByAltText } = render(
+      <SafeAppIconCard src={src} fallback="/fallback.png" height={100} width={100} alt="test" />,
+    )
+
+    const img = queryByAltText('test')
+    expect(img).toBeInTheDocument()
+    expect(img).toHaveAttribute('src', src)
+    expect(img).toHaveAttribute('height', '100')
+    expect(img).toHaveAttribute('width', '100')
+    expect(img).not.toHaveAttribute('crossorigin')
+  })
+})
diff --git a/apps/web/src/components/safe-apps/SafeAppIconCard/index.tsx b/apps/web/src/components/safe-apps/SafeAppIconCard/index.tsx
new file mode 100644
index 000000000..32b398fff
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppIconCard/index.tsx
@@ -0,0 +1,19 @@
+import ImageFallback from '@/components/common/ImageFallback'
+
+const APP_LOGO_FALLBACK_IMAGE = `/images/apps/app-placeholder.svg`
+
+const SafeAppIconCard = ({
+  src,
+  alt,
+  width = 48,
+  height = 48,
+  fallback = APP_LOGO_FALLBACK_IMAGE,
+}: {
+  src: string
+  alt: string
+  width?: number
+  height?: number
+  fallback?: string
+}) => <ImageFallback src={src} alt={alt} width={width} height={height} fallbackSrc={fallback} />
+
+export default SafeAppIconCard
diff --git a/src/components/safe-apps/SafeAppLandingPage/AppActions.tsx b/apps/web/src/components/safe-apps/SafeAppLandingPage/AppActions.tsx
similarity index 91%
rename from src/components/safe-apps/SafeAppLandingPage/AppActions.tsx
rename to apps/web/src/components/safe-apps/SafeAppLandingPage/AppActions.tsx
index 9cbc82adb..7fd04fec7 100644
--- a/src/components/safe-apps/SafeAppLandingPage/AppActions.tsx
+++ b/apps/web/src/components/safe-apps/SafeAppLandingPage/AppActions.tsx
@@ -8,7 +8,7 @@ import { useAppSelector } from '@/store'
 import { selectAllAddressBooks } from '@/store/addressBookSlice'
 import { selectChains } from '@/store/chainsSlice'
 import useLastSafe from '@/hooks/useLastSafe'
-import { parsePrefixedAddress } from '@/utils/addresses'
+import { parsePrefixedAddress } from '@safe-global/utils/utils/addresses'
 import SafeIcon from '@/components/common/SafeIcon'
 import EthHashInfo from '@/components/common/EthHashInfo'
 import { AppRoutes } from '@/config/routes'
@@ -111,7 +111,13 @@ const AppActions = ({ wallet, onConnectWallet, chain, appUrl, app }: Props): Rea
         >
           {compatibleSafes.map(({ address, chainId, shortName }) => (
             <MenuItem key={`${chainId}:${address}`} value={address}>
-              <Grid container alignItems="center" gap={1}>
+              <Grid
+                container
+                sx={{
+                  alignItems: 'center',
+                  gap: 1,
+                }}
+              >
                 <SafeIcon address={address} />
 
                 <Grid item xs>
@@ -131,14 +137,21 @@ const AppActions = ({ wallet, onConnectWallet, chain, appUrl, app }: Props): Rea
 
   return (
     <Box
-      display="flex"
-      flexDirection="column"
-      alignItems="center"
-      justifyContent="space-between"
-      fontWeight={700}
-      height={CTA_HEIGHT}
+      sx={{
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        fontWeight: 700,
+        height: CTA_HEIGHT,
+      }}
     >
-      <Typography variant="h5" fontWeight={700}>
+      <Typography
+        variant="h5"
+        sx={{
+          fontWeight: 700,
+        }}
+      >
         Use the App with your Safe Account
       </Typography>
       {body}
diff --git a/src/components/safe-apps/SafeAppLandingPage/SafeAppDetails.tsx b/apps/web/src/components/safe-apps/SafeAppLandingPage/SafeAppDetails.tsx
similarity index 99%
rename from src/components/safe-apps/SafeAppLandingPage/SafeAppDetails.tsx
rename to apps/web/src/components/safe-apps/SafeAppLandingPage/SafeAppDetails.tsx
index aaa6ce86c..225c4563d 100644
--- a/src/components/safe-apps/SafeAppLandingPage/SafeAppDetails.tsx
+++ b/apps/web/src/components/safe-apps/SafeAppLandingPage/SafeAppDetails.tsx
@@ -37,8 +37,8 @@ const SafeAppDetails = ({ app, showDefaultListWarning }: DetailsProps) => (
           backgroundColor: palette.primary.background,
           display: 'inline-block',
           borderRadius: shape.borderRadius,
+          fontWeight: 700,
         })}
-        fontWeight={700}
       >
         {app.url}
       </Typography>
diff --git a/src/components/safe-apps/SafeAppLandingPage/TryDemo.tsx b/apps/web/src/components/safe-apps/SafeAppLandingPage/TryDemo.tsx
similarity index 100%
rename from src/components/safe-apps/SafeAppLandingPage/TryDemo.tsx
rename to apps/web/src/components/safe-apps/SafeAppLandingPage/TryDemo.tsx
diff --git a/src/components/safe-apps/SafeAppLandingPage/constants.ts b/apps/web/src/components/safe-apps/SafeAppLandingPage/constants.ts
similarity index 100%
rename from src/components/safe-apps/SafeAppLandingPage/constants.ts
rename to apps/web/src/components/safe-apps/SafeAppLandingPage/constants.ts
diff --git a/apps/web/src/components/safe-apps/SafeAppLandingPage/index.tsx b/apps/web/src/components/safe-apps/SafeAppLandingPage/index.tsx
new file mode 100644
index 000000000..f4ecb1d39
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppLandingPage/index.tsx
@@ -0,0 +1,97 @@
+import { useEffect } from 'react'
+import { Box, CircularProgress, Paper, Grid2 as Grid } from '@mui/material'
+import { OVERVIEW_EVENTS, SAFE_APPS_EVENTS, trackEvent, trackSafeAppEvent } from '@/services/analytics'
+import { useSafeAppFromBackend } from '@/hooks/safe-apps/useSafeAppFromBackend'
+import { useSafeAppFromManifest } from '@/hooks/safe-apps/useSafeAppFromManifest'
+import { SafeAppDetails } from '@/components/safe-apps/SafeAppLandingPage/SafeAppDetails'
+import { TryDemo } from '@/components/safe-apps/SafeAppLandingPage/TryDemo'
+import { AppActions } from '@/components/safe-apps/SafeAppLandingPage/AppActions'
+import useWallet from '@/hooks/wallets/useWallet'
+import { AppRoutes } from '@/config/routes'
+import { SAFE_APPS_DEMO_SAFE_MAINNET } from '@/config/constants'
+import useOnboard from '@/hooks/wallets/useOnboard'
+import { Errors, logError } from '@/services/exceptions'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+type Props = {
+  appUrl: string
+  chain: ChainInfo
+}
+
+const CHAIN_ID_WITH_A_DEMO = '1'
+
+const SafeAppLanding = ({ appUrl, chain }: Props) => {
+  const [backendApp, , backendAppLoading] = useSafeAppFromBackend(appUrl, chain.chainId)
+  const { safeApp, isLoading } = useSafeAppFromManifest(appUrl, chain.chainId, backendApp)
+  const wallet = useWallet()
+  const onboard = useOnboard()
+  // show demo if the app was shared for mainnet or we can find the mainnet chain id on the backend
+  const showDemo = chain.chainId === CHAIN_ID_WITH_A_DEMO || !!backendApp?.chainIds.includes(CHAIN_ID_WITH_A_DEMO)
+
+  useEffect(() => {
+    if (!isLoading && !backendAppLoading && safeApp.chainIds.length) {
+      const appName = backendApp ? backendApp.name : safeApp.url
+
+      trackSafeAppEvent({ ...SAFE_APPS_EVENTS.SHARED_APP_LANDING, label: chain.chainId }, appName)
+    }
+  }, [isLoading, backendApp, safeApp, backendAppLoading, chain])
+
+  const handleConnectWallet = async () => {
+    if (!onboard) return
+
+    trackEvent(OVERVIEW_EVENTS.OPEN_ONBOARD)
+
+    onboard.connectWallet().catch((e) => logError(Errors._107, e))
+  }
+
+  const handleDemoClick = () => {
+    trackSafeAppEvent(SAFE_APPS_EVENTS.SHARED_APP_OPEN_DEMO, backendApp ? backendApp.name : appUrl)
+  }
+
+  if (isLoading || backendAppLoading) {
+    return (
+      <Box
+        sx={{
+          py: 4,
+          textAlign: 'center',
+        }}
+      >
+        <CircularProgress size={40} />
+      </Box>
+    )
+  }
+
+  return (
+    <Grid container>
+      <Grid size={{ sm: 12, md: 12, lg: 8, xl: 6 }} offset={{ lg: 2, xl: 3 }}>
+        <Paper sx={{ p: 6 }}>
+          <SafeAppDetails app={backendApp || safeApp} showDefaultListWarning={!backendApp} />
+          <Grid container sx={{ mt: 4 }} rowSpacing={{ xs: 2, sm: 2 }}>
+            <Grid size={{ xs: 12, sm: 12, md: showDemo ? 6 : 12 }}>
+              <AppActions
+                appUrl={appUrl}
+                wallet={wallet}
+                onConnectWallet={handleConnectWallet}
+                chain={chain}
+                app={backendApp || safeApp}
+              />
+            </Grid>
+            {showDemo && (
+              <Grid size={{ xs: 12, sm: 12, md: 6 }}>
+                <TryDemo
+                  demoUrl={{
+                    pathname: AppRoutes.apps.open,
+                    query: { safe: SAFE_APPS_DEMO_SAFE_MAINNET, appUrl },
+                  }}
+                  onClick={handleDemoClick}
+                />
+              </Grid>
+            )}
+          </Grid>
+        </Paper>
+      </Grid>
+    </Grid>
+  )
+}
+
+export { SafeAppLanding }
diff --git a/apps/web/src/components/safe-apps/SafeAppList/index.tsx b/apps/web/src/components/safe-apps/SafeAppList/index.tsx
new file mode 100644
index 000000000..195b565c3
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppList/index.tsx
@@ -0,0 +1,130 @@
+import { type SyntheticEvent, useCallback } from 'react'
+import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
+
+import SafeAppCard from '@/components/safe-apps/SafeAppCard'
+import AddCustomSafeAppCard from '@/components/safe-apps/AddCustomSafeAppCard'
+import SafeAppPreviewDrawer from '@/components/safe-apps/SafeAppPreviewDrawer'
+import SafeAppsListHeader from '@/components/safe-apps/SafeAppsListHeader'
+import SafeAppsZeroResultsPlaceholder from '@/components/safe-apps/SafeAppsZeroResultsPlaceholder'
+import useSafeAppPreviewDrawer from '@/hooks/safe-apps/useSafeAppPreviewDrawer'
+import css from './styles.module.css'
+import { Skeleton } from '@mui/material'
+import { useOpenedSafeApps } from '@/hooks/safe-apps/useOpenedSafeApps'
+import NativeSwapsCard from '@/components/safe-apps/NativeSwapsCard'
+import {
+  SAFE_APPS_EVENTS,
+  SAFE_APPS_LABELS,
+  trackSafeAppEvent,
+  trackMixPanelEvent,
+  MixPanelEvent,
+  safeAppToMixPanelEventProperties,
+  SafeAppLaunchLocation,
+} from '@/services/analytics'
+import { useSafeApps } from '@/hooks/safe-apps/useSafeApps'
+
+type SafeAppListProps = {
+  safeAppsList: SafeAppData[]
+  safeAppsListLoading?: boolean
+  bookmarkedSafeAppsId?: Set<number>
+  eventLabel: SAFE_APPS_LABELS
+  addCustomApp?: (safeApp: SafeAppData) => void
+  removeCustomApp?: (safeApp: SafeAppData) => void
+  title: string
+  query?: string
+  isFiltered?: boolean
+  showNativeSwapsCard?: boolean
+}
+
+const SafeAppList = ({
+  safeAppsList,
+  safeAppsListLoading,
+  bookmarkedSafeAppsId,
+  eventLabel,
+  addCustomApp,
+  removeCustomApp,
+  title,
+  query,
+  isFiltered = false,
+  showNativeSwapsCard = false,
+}: SafeAppListProps) => {
+  const { togglePin } = useSafeApps()
+  const { isPreviewDrawerOpen, previewDrawerApp, openPreviewDrawer, closePreviewDrawer } = useSafeAppPreviewDrawer()
+  const { openedSafeAppIds } = useOpenedSafeApps()
+
+  const showZeroResultsPlaceholder = query && safeAppsList.length === 0
+
+  const handleSafeAppClick = useCallback(
+    (e: SyntheticEvent, safeApp: SafeAppData) => {
+      const isCustomApp = safeApp.id < 1
+      if (!openedSafeAppIds.includes(safeApp.id) && !isCustomApp) {
+        // Don't open link
+        e.preventDefault()
+        openPreviewDrawer(safeApp)
+      } else {
+        // We only track if not previously opened as it is then tracked in preview drawer
+        trackSafeAppEvent({ ...SAFE_APPS_EVENTS.OPEN_APP, label: eventLabel }, safeApp.name)
+        trackMixPanelEvent(
+          MixPanelEvent.SAFE_APP_LAUNCHED,
+          safeAppToMixPanelEventProperties(safeApp, {
+            launchLocation: SafeAppLaunchLocation.SAFE_APPS_LIST,
+          }),
+        )
+      }
+    },
+    [eventLabel, openPreviewDrawer, openedSafeAppIds],
+  )
+
+  return (
+    <>
+      {/* Safe Apps List Header */}
+      <SafeAppsListHeader title={title} amount={safeAppsList.length} />
+
+      {/* Safe Apps List */}
+      <ul data-testid="apps-list" className={css.safeAppsContainer}>
+        {/* Add Custom Safe App Card */}
+        {addCustomApp && (
+          <li>
+            <AddCustomSafeAppCard safeAppList={safeAppsList} onSave={addCustomApp} />
+          </li>
+        )}
+
+        {safeAppsListLoading &&
+          Array.from({ length: 8 }, (_, index) => (
+            <li key={index}>
+              <Skeleton variant="rounded" height="271px" />
+            </li>
+          ))}
+
+        {!isFiltered && showNativeSwapsCard && <NativeSwapsCard />}
+
+        {/* Flat list filtered by search query */}
+        {safeAppsList.map((safeApp) => (
+          <li key={safeApp.id}>
+            <SafeAppCard
+              safeApp={safeApp}
+              isBookmarked={bookmarkedSafeAppsId?.has(safeApp.id)}
+              onBookmarkSafeApp={() => togglePin(safeApp.id, eventLabel)}
+              removeCustomApp={removeCustomApp}
+              onClickSafeApp={(e) => handleSafeAppClick(e, safeApp)}
+              openPreviewDrawer={openPreviewDrawer}
+            />
+          </li>
+        ))}
+      </ul>
+
+      {/* Zero results placeholder */}
+      {showZeroResultsPlaceholder && <SafeAppsZeroResultsPlaceholder searchQuery={query} />}
+
+      {/* Safe App Preview Drawer */}
+      <SafeAppPreviewDrawer
+        isOpen={isPreviewDrawerOpen}
+        safeApp={previewDrawerApp}
+        isBookmarked={previewDrawerApp && bookmarkedSafeAppsId?.has(previewDrawerApp.id)}
+        onClose={closePreviewDrawer}
+        onBookmark={(appId) => togglePin(appId, SAFE_APPS_LABELS.apps_sidebar)}
+      />
+    </>
+  )
+}
+
+export default SafeAppList
diff --git a/src/components/safe-apps/SafeAppList/styles.module.css b/apps/web/src/components/safe-apps/SafeAppList/styles.module.css
similarity index 100%
rename from src/components/safe-apps/SafeAppList/styles.module.css
rename to apps/web/src/components/safe-apps/SafeAppList/styles.module.css
diff --git a/apps/web/src/components/safe-apps/SafeAppPreviewDrawer/index.tsx b/apps/web/src/components/safe-apps/SafeAppPreviewDrawer/index.tsx
new file mode 100644
index 000000000..497e91b2a
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppPreviewDrawer/index.tsx
@@ -0,0 +1,130 @@
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+import Drawer from '@mui/material/Drawer'
+import Box from '@mui/material/Box'
+import Typography from '@mui/material/Typography'
+import Button from '@mui/material/Button'
+import SvgIcon from '@mui/material/SvgIcon'
+import IconButton from '@mui/material/IconButton'
+import Tooltip from '@mui/material/Tooltip'
+import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
+
+import { getSafeAppUrl } from '@/components/safe-apps/SafeAppCard'
+import ChainIndicator from '@/components/common/ChainIndicator'
+import SafeAppIconCard from '@/components/safe-apps/SafeAppIconCard'
+import SafeAppActionButtons from '@/components/safe-apps/SafeAppActionButtons'
+import SafeAppTags from '@/components/safe-apps/SafeAppTags'
+import SafeAppSocialLinksCard from '@/components/safe-apps/SafeAppSocialLinksCard'
+import CloseIcon from '@/public/images/common/close.svg'
+import { useOpenedSafeApps } from '@/hooks/safe-apps/useOpenedSafeApps'
+import css from './styles.module.css'
+import {
+  SAFE_APPS_EVENTS,
+  SAFE_APPS_LABELS,
+  trackSafeAppEvent,
+  trackMixPanelEvent,
+  MixPanelEvent,
+  safeAppToMixPanelEventProperties,
+  SafeAppLaunchLocation,
+} from '@/services/analytics'
+
+type SafeAppPreviewDrawerProps = {
+  safeApp?: SafeAppData
+  isOpen: boolean
+  isBookmarked?: boolean
+  onClose: () => void
+  onBookmark?: (safeAppId: number) => void
+}
+
+const SafeAppPreviewDrawer = ({ isOpen, safeApp, isBookmarked, onClose, onBookmark }: SafeAppPreviewDrawerProps) => {
+  const { markSafeAppOpened } = useOpenedSafeApps()
+  const router = useRouter()
+  const safeAppUrl = getSafeAppUrl(router, safeApp?.url || '')
+
+  const onOpenSafe = () => {
+    if (safeApp) {
+      markSafeAppOpened(safeApp.id)
+      trackSafeAppEvent({ ...SAFE_APPS_EVENTS.OPEN_APP, label: SAFE_APPS_LABELS.apps_sidebar }, safeApp.name)
+      trackMixPanelEvent(
+        MixPanelEvent.SAFE_APP_LAUNCHED,
+        safeAppToMixPanelEventProperties(safeApp, {
+          launchLocation: SafeAppLaunchLocation.PREVIEW_DRAWER,
+        }),
+      )
+    }
+  }
+
+  return (
+    <Drawer anchor="right" open={isOpen} onClose={onClose}>
+      <Box className={css.drawerContainer}>
+        {/* Toolbar */}
+
+        {safeApp && (
+          <Box display="flex" justifyContent="right">
+            <SafeAppActionButtons safeApp={safeApp} isBookmarked={isBookmarked} onBookmarkSafeApp={onBookmark} />
+            <Tooltip title={`Close ${safeApp.name} preview`} placement="top">
+              <IconButton
+                onClick={onClose}
+                size="small"
+                sx={{
+                  color: 'border.main',
+                  ml: 1,
+                }}
+              >
+                <SvgIcon component={CloseIcon} inheritViewBox color="border" fontSize="small" />
+              </IconButton>
+            </Tooltip>
+          </Box>
+        )}
+
+        {/* Safe App Info */}
+        <Box sx={{ px: 1 }}>
+          <SafeAppIconCard src={safeApp?.iconUrl || ''} alt={`${safeApp?.name} logo`} width={90} height={90} />
+        </Box>
+
+        <Typography variant="h4" fontWeight={700} sx={{ mt: 2 }}>
+          {safeApp?.name}
+        </Typography>
+
+        <Typography variant="body2" color="primary.light" sx={{ mt: 2 }}>
+          {safeApp?.description}
+        </Typography>
+
+        {/* Tags */}
+        <SafeAppTags tags={safeApp?.tags || []} />
+
+        {/* Networks */}
+        <Typography variant="body2" color="text.secondary" sx={{ mt: 2 }}>
+          Available networks
+        </Typography>
+
+        <Box sx={{ display: 'flex', gap: 2, mt: 2, flexWrap: 'wrap' }}>
+          {safeApp?.chainIds.map((chainId) => (
+            <ChainIndicator key={chainId} chainId={chainId} inline showUnknown={false} />
+          ))}
+        </Box>
+
+        {/* Open Safe App button */}
+        <Link href={safeAppUrl} passHref legacyBehavior>
+          <Button
+            data-testid="open-safe-app-btn"
+            fullWidth
+            variant="contained"
+            color="primary"
+            component="a"
+            href={safeApp?.url}
+            sx={{ mt: 3 }}
+            onClick={onOpenSafe}
+          >
+            Open Safe App
+          </Button>
+        </Link>
+
+        {/* Safe App Social Links */}
+        {safeApp && <SafeAppSocialLinksCard safeApp={safeApp} />}
+      </Box>
+    </Drawer>
+  )
+}
+
+export default SafeAppPreviewDrawer
diff --git a/src/components/safe-apps/SafeAppPreviewDrawer/styles.module.css b/apps/web/src/components/safe-apps/SafeAppPreviewDrawer/styles.module.css
similarity index 100%
rename from src/components/safe-apps/SafeAppPreviewDrawer/styles.module.css
rename to apps/web/src/components/safe-apps/SafeAppPreviewDrawer/styles.module.css
diff --git a/src/components/safe-apps/SafeAppSocialLinksCard/SafeAppSocialLinksCard.test.tsx b/apps/web/src/components/safe-apps/SafeAppSocialLinksCard/SafeAppSocialLinksCard.test.tsx
similarity index 89%
rename from src/components/safe-apps/SafeAppSocialLinksCard/SafeAppSocialLinksCard.test.tsx
rename to apps/web/src/components/safe-apps/SafeAppSocialLinksCard/SafeAppSocialLinksCard.test.tsx
index 6825adf0f..e684cc45b 100644
--- a/src/components/safe-apps/SafeAppSocialLinksCard/SafeAppSocialLinksCard.test.tsx
+++ b/apps/web/src/components/safe-apps/SafeAppSocialLinksCard/SafeAppSocialLinksCard.test.tsx
@@ -40,7 +40,17 @@ const githubSocialProfileMock = {
   url: 'http://tx-builder-github',
 }
 
-const socialProfilesMock = [discordSocialProfileMock, twitterSocialProfileMock, githubSocialProfileMock]
+const telegramSocialProfileMock = {
+  platform: SafeAppSocialPlatforms.TELEGRAM,
+  url: 'http://tx-builder-telegram',
+}
+
+const socialProfilesMock = [
+  discordSocialProfileMock,
+  twitterSocialProfileMock,
+  githubSocialProfileMock,
+  telegramSocialProfileMock,
+]
 
 describe('SafeAppSocialLinksCard', () => {
   it('renders nothing if no social link is present in the safe app data', async () => {
@@ -76,6 +86,7 @@ describe('SafeAppSocialLinksCard', () => {
       expect(screen.getByLabelText('Discord link')).toBeInTheDocument()
       expect(screen.getByLabelText('Twitter link')).toBeInTheDocument()
       expect(screen.getByLabelText('Github link')).toBeInTheDocument()
+      expect(screen.getByLabelText('Telegram link')).toBeInTheDocument()
     })
   })
 
@@ -93,6 +104,7 @@ describe('SafeAppSocialLinksCard', () => {
       expect(screen.getByLabelText('Discord link')).toBeInTheDocument()
       expect(screen.getByLabelText('Twitter link')).toBeInTheDocument()
       expect(screen.getByLabelText('Github link')).toBeInTheDocument()
+      expect(screen.getByLabelText('Telegram link')).toBeInTheDocument()
     })
   })
 
@@ -109,6 +121,7 @@ describe('SafeAppSocialLinksCard', () => {
       expect(screen.queryByLabelText('Discord link')).toBeInTheDocument()
       expect(screen.queryByLabelText('Twitter link')).not.toBeInTheDocument()
       expect(screen.queryByLabelText('Github link')).not.toBeInTheDocument()
+      expect(screen.queryByLabelText('Telegram link')).not.toBeInTheDocument()
     })
   })
 })
diff --git a/apps/web/src/components/safe-apps/SafeAppSocialLinksCard/index.tsx b/apps/web/src/components/safe-apps/SafeAppSocialLinksCard/index.tsx
new file mode 100644
index 000000000..4cd895eac
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppSocialLinksCard/index.tsx
@@ -0,0 +1,151 @@
+import Link from 'next/link'
+import Card from '@mui/material/Card'
+import Box from '@mui/material/Box'
+import Typography from '@mui/material/Typography'
+import IconButton from '@mui/material/IconButton'
+import Divider from '@mui/material/Divider'
+import { default as MuiLink } from '@mui/material/Link'
+import HelpOutlineRoundedIcon from '@mui/icons-material/HelpOutlineRounded'
+import GitHubIcon from '@mui/icons-material/GitHub'
+import TelegramIcon from '@mui/icons-material/Telegram'
+import TwitterIcon from '@mui/icons-material/Twitter'
+import { SafeAppSocialPlatforms } from '@safe-global/safe-gateway-typescript-sdk'
+import type { SafeAppData, SafeAppSocialProfile } from '@safe-global/safe-gateway-typescript-sdk'
+
+import DiscordIcon from '@/public/images/common/discord-icon.svg'
+import css from './styles.module.css'
+
+type SafeAppSocialLinksCardProps = {
+  safeApp: SafeAppData
+}
+
+const SafeAppSocialLinksCard = ({ safeApp }: SafeAppSocialLinksCardProps) => {
+  const { socialProfiles, developerWebsite } = safeApp
+
+  const hasSocialLinks = socialProfiles?.length > 0
+
+  if (!hasSocialLinks && !developerWebsite) {
+    return null
+  }
+
+  const discordSocialLink = getSocialProfile(socialProfiles, SafeAppSocialPlatforms.DISCORD)
+  const twitterSocialLink = getSocialProfile(socialProfiles, SafeAppSocialPlatforms.TWITTER)
+  const githubSocialLink = getSocialProfile(socialProfiles, SafeAppSocialPlatforms.GITHUB)
+  const telegramSocialLink = getSocialProfile(socialProfiles, SafeAppSocialPlatforms.TELEGRAM)
+
+  return (
+    <Card className={css.container}>
+      <Box display="flex" alignItems="center" gap={1} component="a">
+        {/* Team Link section */}
+        <div className={css.questionMarkIcon}>
+          <HelpOutlineRoundedIcon color="info" />
+        </div>
+        <div>
+          <Typography fontWeight="bold" variant="subtitle1">
+            Something wrong with the Safe App?
+          </Typography>
+          <Typography color="primary.light" variant="body2">
+            Get in touch with the team
+          </Typography>
+        </div>
+      </Box>
+
+      <Box className={css.socialLinksSectionContainer} display="flex" gap={4}>
+        {/* Social links section */}
+        {hasSocialLinks && (
+          <div>
+            <Typography color="border.main" variant="body2" pl={1}>
+              Social Media
+            </Typography>
+
+            <Box display="flex" mt={0.2} minHeight="40px">
+              {discordSocialLink && (
+                <IconButton
+                  aria-label="Discord link"
+                  component="a"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  href={discordSocialLink.url}
+                >
+                  <DiscordIcon />
+                </IconButton>
+              )}
+
+              {twitterSocialLink && (
+                <IconButton
+                  aria-label="Twitter link"
+                  component="a"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  href={twitterSocialLink.url}
+                >
+                  <TwitterIcon color="border" />
+                </IconButton>
+              )}
+
+              {githubSocialLink && (
+                <IconButton
+                  aria-label="Github link"
+                  component="a"
+                  href={githubSocialLink.url}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  style={{ height: '40px', width: '40px' }}
+                >
+                  <GitHubIcon color="border" />
+                </IconButton>
+              )}
+
+              {telegramSocialLink && (
+                <IconButton
+                  aria-label="Telegram link"
+                  component="a"
+                  href={telegramSocialLink.url}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  style={{ height: '40px', width: '40px' }}
+                >
+                  <TelegramIcon color="border" />
+                </IconButton>
+              )}
+            </Box>
+          </div>
+        )}
+
+        {hasSocialLinks && developerWebsite && (
+          <Divider sx={{ height: '40px' }} orientation="vertical" component="div" />
+        )}
+
+        {/* Developer website section */}
+        {developerWebsite && (
+          <Box display="flex" flexDirection="column">
+            <Typography color="border.main" variant="body2">
+              Website
+            </Typography>
+
+            <Link
+              href={developerWebsite}
+              passHref
+              target="_blank"
+              rel="noopener noreferrer"
+              color="primary"
+              legacyBehavior
+            >
+              <MuiLink target="_blank" className={css.websiteLink} underline="hover" fontWeight="bold" mt={1.2}>
+                {developerWebsite}
+              </MuiLink>
+            </Link>
+          </Box>
+        )}
+      </Box>
+    </Card>
+  )
+}
+
+export default SafeAppSocialLinksCard
+
+const getSocialProfile = (socialProfiles: SafeAppSocialProfile[], platform: SafeAppSocialPlatforms) => {
+  const socialLink = socialProfiles.find((socialProfile) => socialProfile.platform === platform)
+
+  return socialLink
+}
diff --git a/src/components/safe-apps/SafeAppSocialLinksCard/styles.module.css b/apps/web/src/components/safe-apps/SafeAppSocialLinksCard/styles.module.css
similarity index 100%
rename from src/components/safe-apps/SafeAppSocialLinksCard/styles.module.css
rename to apps/web/src/components/safe-apps/SafeAppSocialLinksCard/styles.module.css
diff --git a/apps/web/src/components/safe-apps/SafeAppTags/index.tsx b/apps/web/src/components/safe-apps/SafeAppTags/index.tsx
new file mode 100644
index 000000000..c26f1ced4
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppTags/index.tsx
@@ -0,0 +1,32 @@
+import Stack from '@mui/material/Stack'
+import Chip from '@mui/material/Chip'
+
+import { filterInternalCategories } from '@/components/safe-apps/utils'
+import css from './styles.module.css'
+import classnames from 'classnames'
+
+type SafeAppTagsProps = {
+  tags: string[]
+  compact?: boolean
+}
+
+const SafeAppTags = ({ tags = [], compact }: SafeAppTagsProps) => {
+  const displayedTags = filterInternalCategories(tags)
+
+  return (
+    <Stack
+      className={classnames(css.safeAppTagContainer, { [css.compact]: compact })}
+      sx={{
+        flexDirection: 'row',
+        gap: 1,
+        flexWrap: 'wrap',
+      }}
+    >
+      {displayedTags.map((tag) => (
+        <Chip className={css.safeAppTagLabel} key={tag} label={tag} />
+      ))}
+    </Stack>
+  )
+}
+
+export default SafeAppTags
diff --git a/apps/web/src/components/safe-apps/SafeAppTags/styles.module.css b/apps/web/src/components/safe-apps/SafeAppTags/styles.module.css
new file mode 100644
index 000000000..4ed14bc1c
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppTags/styles.module.css
@@ -0,0 +1,12 @@
+.safeAppTagContainer {
+  padding-top: var(--space-2);
+}
+
+.safeAppTagLabel {
+  border-radius: 4px;
+  height: 24px;
+}
+
+.compact {
+  padding-top: var(--space-1);
+}
diff --git a/src/components/safe-apps/SafeAppsErrorBoundary/SafeAppsLoadError.tsx b/apps/web/src/components/safe-apps/SafeAppsErrorBoundary/SafeAppsLoadError.tsx
similarity index 85%
rename from src/components/safe-apps/SafeAppsErrorBoundary/SafeAppsLoadError.tsx
rename to apps/web/src/components/safe-apps/SafeAppsErrorBoundary/SafeAppsLoadError.tsx
index 77acb84c1..679e94f36 100644
--- a/src/components/safe-apps/SafeAppsErrorBoundary/SafeAppsLoadError.tsx
+++ b/apps/web/src/components/safe-apps/SafeAppsErrorBoundary/SafeAppsLoadError.tsx
@@ -1,7 +1,6 @@
 import Typography from '@mui/material/Typography'
 import Button from '@mui/material/Button'
 import SvgIcon from '@mui/material/SvgIcon'
-import { DISCORD_URL } from '@/config/constants'
 import NetworkError from '@/public/images/apps/network-error.svg'
 
 import css from './styles.module.css'
@@ -20,9 +19,9 @@ const SafeAppsLoadError = ({ onBackToApps }: SafeAppsLoadErrorProps): React.Reac
         <SvgIcon component={NetworkError} inheritViewBox className={css.image} />
 
         <div>
-          <Typography component="span">In case the problem persists, please reach out to us via </Typography>
-          <ExternalLink href={DISCORD_URL} fontSize="medium">
-            Discord
+          <Typography component="span">In case the problem persists, please eport it through our </Typography>
+          <ExternalLink href="https://safe-support.protofire.io/" fontSize="medium">
+            Form
           </ExternalLink>
         </div>
 
diff --git a/src/components/safe-apps/SafeAppsErrorBoundary/index.tsx b/apps/web/src/components/safe-apps/SafeAppsErrorBoundary/index.tsx
similarity index 100%
rename from src/components/safe-apps/SafeAppsErrorBoundary/index.tsx
rename to apps/web/src/components/safe-apps/SafeAppsErrorBoundary/index.tsx
diff --git a/src/components/safe-apps/SafeAppsErrorBoundary/styles.module.css b/apps/web/src/components/safe-apps/SafeAppsErrorBoundary/styles.module.css
similarity index 100%
rename from src/components/safe-apps/SafeAppsErrorBoundary/styles.module.css
rename to apps/web/src/components/safe-apps/SafeAppsErrorBoundary/styles.module.css
diff --git a/src/components/safe-apps/SafeAppsFilters/index.tsx b/apps/web/src/components/safe-apps/SafeAppsFilters/index.tsx
similarity index 100%
rename from src/components/safe-apps/SafeAppsFilters/index.tsx
rename to apps/web/src/components/safe-apps/SafeAppsFilters/index.tsx
diff --git a/src/components/safe-apps/SafeAppsFilters/styles.module.css b/apps/web/src/components/safe-apps/SafeAppsFilters/styles.module.css
similarity index 100%
rename from src/components/safe-apps/SafeAppsFilters/styles.module.css
rename to apps/web/src/components/safe-apps/SafeAppsFilters/styles.module.css
diff --git a/src/components/safe-apps/SafeAppsHeader/index.tsx b/apps/web/src/components/safe-apps/SafeAppsHeader/index.tsx
similarity index 100%
rename from src/components/safe-apps/SafeAppsHeader/index.tsx
rename to apps/web/src/components/safe-apps/SafeAppsHeader/index.tsx
diff --git a/src/components/safe-apps/SafeAppsHeader/styles.module.css b/apps/web/src/components/safe-apps/SafeAppsHeader/styles.module.css
similarity index 100%
rename from src/components/safe-apps/SafeAppsHeader/styles.module.css
rename to apps/web/src/components/safe-apps/SafeAppsHeader/styles.module.css
diff --git a/src/components/safe-apps/SafeAppsInfoModal/AllowedFeaturesList.tsx b/apps/web/src/components/safe-apps/SafeAppsInfoModal/AllowedFeaturesList.tsx
similarity index 100%
rename from src/components/safe-apps/SafeAppsInfoModal/AllowedFeaturesList.tsx
rename to apps/web/src/components/safe-apps/SafeAppsInfoModal/AllowedFeaturesList.tsx
diff --git a/src/components/safe-apps/SafeAppsInfoModal/Domain.tsx b/apps/web/src/components/safe-apps/SafeAppsInfoModal/Domain.tsx
similarity index 100%
rename from src/components/safe-apps/SafeAppsInfoModal/Domain.tsx
rename to apps/web/src/components/safe-apps/SafeAppsInfoModal/Domain.tsx
diff --git a/src/components/safe-apps/SafeAppsInfoModal/Slider.tsx b/apps/web/src/components/safe-apps/SafeAppsInfoModal/Slider.tsx
similarity index 100%
rename from src/components/safe-apps/SafeAppsInfoModal/Slider.tsx
rename to apps/web/src/components/safe-apps/SafeAppsInfoModal/Slider.tsx
diff --git a/src/components/safe-apps/SafeAppsInfoModal/UnknownAppWarning.tsx b/apps/web/src/components/safe-apps/SafeAppsInfoModal/UnknownAppWarning.tsx
similarity index 100%
rename from src/components/safe-apps/SafeAppsInfoModal/UnknownAppWarning.tsx
rename to apps/web/src/components/safe-apps/SafeAppsInfoModal/UnknownAppWarning.tsx
diff --git a/src/components/safe-apps/SafeAppsInfoModal/constants.ts b/apps/web/src/components/safe-apps/SafeAppsInfoModal/constants.ts
similarity index 100%
rename from src/components/safe-apps/SafeAppsInfoModal/constants.ts
rename to apps/web/src/components/safe-apps/SafeAppsInfoModal/constants.ts
diff --git a/apps/web/src/components/safe-apps/SafeAppsInfoModal/index.tsx b/apps/web/src/components/safe-apps/SafeAppsInfoModal/index.tsx
new file mode 100644
index 000000000..16c76e02f
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppsInfoModal/index.tsx
@@ -0,0 +1,172 @@
+import { memo, type ReactElement, useMemo, useState } from 'react'
+import { alpha, Box } from '@mui/system'
+import { Grid, LinearProgress } from '@mui/material'
+
+import type { BrowserPermission } from '@/hooks/safe-apps/permissions'
+import Slider from './Slider'
+import AllowedFeaturesList from './AllowedFeaturesList'
+import type { AllowedFeatures, AllowedFeatureSelection } from '../types'
+import { PermissionStatus } from '../types'
+import UnknownAppWarning from './UnknownAppWarning'
+import { getOrigin } from '../utils'
+import LegalDisclaimerContent from '@/components/common/LegalDisclaimerContent'
+
+type SafeAppsInfoModalProps = {
+  onCancel: () => void
+  onConfirm: (shouldHide: boolean, browserPermissions: BrowserPermission[]) => void
+  features: AllowedFeatures[]
+  appUrl: string
+  isConsentAccepted?: boolean
+  isPermissionsReviewCompleted: boolean
+  isSafeAppInDefaultList: boolean
+  isFirstTimeAccessingApp: boolean
+}
+
+const SafeAppsInfoModal = ({
+  onCancel,
+  onConfirm,
+  features,
+  appUrl,
+  isConsentAccepted,
+  isPermissionsReviewCompleted,
+  isSafeAppInDefaultList,
+  isFirstTimeAccessingApp,
+}: SafeAppsInfoModalProps): ReactElement => {
+  const [hideWarning, setHideWarning] = useState(false)
+  const [selectedFeatures, setSelectedFeatures] = useState<AllowedFeatureSelection[]>(
+    features.map((feature) => {
+      return {
+        feature,
+        checked: true,
+      }
+    }),
+  )
+  const [currentSlide, setCurrentSlide] = useState(0)
+
+  const totalSlides = useMemo(() => {
+    let totalSlides = 0
+
+    if (!isConsentAccepted) {
+      totalSlides += 1
+    }
+
+    if (!isPermissionsReviewCompleted) {
+      totalSlides += 1
+    }
+
+    if (!isSafeAppInDefaultList && isFirstTimeAccessingApp) {
+      totalSlides += 1
+    }
+
+    return totalSlides
+  }, [isConsentAccepted, isFirstTimeAccessingApp, isPermissionsReviewCompleted, isSafeAppInDefaultList])
+
+  const handleSlideChange = (newStep: number) => {
+    const isFirstStep = newStep === -1
+    const isLastStep = newStep === totalSlides
+
+    if (isFirstStep) {
+      onCancel()
+    }
+
+    if (isLastStep) {
+      onConfirm(
+        hideWarning,
+        selectedFeatures.map(({ feature, checked }) => {
+          return {
+            feature,
+            status: checked ? PermissionStatus.GRANTED : PermissionStatus.DENIED,
+          }
+        }),
+      )
+    }
+
+    setCurrentSlide(newStep)
+  }
+
+  const progressValue = useMemo(() => {
+    return ((currentSlide + 1) * 100) / totalSlides
+  }, [currentSlide, totalSlides])
+
+  const shouldShowUnknownAppWarning = useMemo(
+    () => !isSafeAppInDefaultList && isFirstTimeAccessingApp,
+    [isFirstTimeAccessingApp, isSafeAppInDefaultList],
+  )
+
+  const handleFeatureSelectionChange = (feature: AllowedFeatures, checked: boolean) => {
+    setSelectedFeatures(
+      selectedFeatures.map((feat) => {
+        if (feat.feature === feature) {
+          return {
+            feature,
+            checked,
+          }
+        }
+        return feat
+      }),
+    )
+  }
+
+  const origin = useMemo(() => getOrigin(appUrl), [appUrl])
+
+  return (
+    <Box
+      sx={{
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexDirection: 'column',
+        height: 'calc(100vh - 52px)',
+      }}
+    >
+      <Box
+        data-testid="app-info-modal"
+        sx={({ palette }) => ({
+          width: '450px',
+          backgroundColor: palette.background.paper,
+          boxShadow: `1px 2px 10px 0 ${alpha(palette.text.primary, 0.18)}`,
+        })}
+      >
+        <LinearProgress
+          variant="determinate"
+          value={progressValue}
+          sx={({ palette }) => ({
+            height: '6px',
+            backgroundColor: palette.background.paper,
+            borderRadius: '8px 8px 0 0',
+            '> .MuiLinearProgress-bar': {
+              backgroundColor:
+                progressValue === 100 && shouldShowUnknownAppWarning ? palette.warning.main : palette.primary.main,
+              borderRadius: '8px',
+            },
+          })}
+        />
+        <Grid
+          container
+          direction="column"
+          sx={{
+            justifyContent: 'center',
+            alignItems: 'center',
+            textAlign: 'center',
+            p: 3,
+          }}
+        >
+          <Slider onSlideChange={handleSlideChange}>
+            {!isConsentAccepted && <LegalDisclaimerContent />}
+
+            {!isPermissionsReviewCompleted && (
+              <AllowedFeaturesList
+                features={selectedFeatures}
+                onFeatureSelectionChange={handleFeatureSelectionChange}
+              />
+            )}
+
+            {shouldShowUnknownAppWarning && <UnknownAppWarning url={origin} onHideWarning={setHideWarning} />}
+          </Slider>
+        </Grid>
+      </Box>
+    </Box>
+  )
+}
+
+export default memo(SafeAppsInfoModal)
diff --git a/src/components/safe-apps/SafeAppsInfoModal/styles.module.css b/apps/web/src/components/safe-apps/SafeAppsInfoModal/styles.module.css
similarity index 100%
rename from src/components/safe-apps/SafeAppsInfoModal/styles.module.css
rename to apps/web/src/components/safe-apps/SafeAppsInfoModal/styles.module.css
diff --git a/src/components/safe-apps/SafeAppsInfoModal/useSafeAppsInfoModal.ts b/apps/web/src/components/safe-apps/SafeAppsInfoModal/useSafeAppsInfoModal.ts
similarity index 100%
rename from src/components/safe-apps/SafeAppsInfoModal/useSafeAppsInfoModal.ts
rename to apps/web/src/components/safe-apps/SafeAppsInfoModal/useSafeAppsInfoModal.ts
diff --git a/apps/web/src/components/safe-apps/SafeAppsListHeader/index.tsx b/apps/web/src/components/safe-apps/SafeAppsListHeader/index.tsx
new file mode 100644
index 000000000..04e295a44
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppsListHeader/index.tsx
@@ -0,0 +1,23 @@
+import Typography from '@mui/material/Typography'
+
+type SafeAppsListHeaderProps = {
+  title: string
+  amount?: number
+}
+
+const SafeAppsListHeader = ({ title, amount }: SafeAppsListHeaderProps) => {
+  return (
+    <Typography
+      variant="body2"
+      sx={{
+        color: 'primary.light',
+        fontWeight: 'bold',
+        mt: 3,
+      }}
+    >
+      {title} ({amount || 0})
+    </Typography>
+  )
+}
+
+export default SafeAppsListHeader
diff --git a/src/components/safe-apps/SafeAppsListHeader/styles.module.css b/apps/web/src/components/safe-apps/SafeAppsListHeader/styles.module.css
similarity index 100%
rename from src/components/safe-apps/SafeAppsListHeader/styles.module.css
rename to apps/web/src/components/safe-apps/SafeAppsListHeader/styles.module.css
diff --git a/src/components/safe-apps/SafeAppsSDKLink/index.tsx b/apps/web/src/components/safe-apps/SafeAppsSDKLink/index.tsx
similarity index 100%
rename from src/components/safe-apps/SafeAppsSDKLink/index.tsx
rename to apps/web/src/components/safe-apps/SafeAppsSDKLink/index.tsx
diff --git a/src/components/safe-apps/SafeAppsSDKLink/styles.module.css b/apps/web/src/components/safe-apps/SafeAppsSDKLink/styles.module.css
similarity index 100%
rename from src/components/safe-apps/SafeAppsSDKLink/styles.module.css
rename to apps/web/src/components/safe-apps/SafeAppsSDKLink/styles.module.css
diff --git a/apps/web/src/components/safe-apps/SafeAppsZeroResultsPlaceholder/index.tsx b/apps/web/src/components/safe-apps/SafeAppsZeroResultsPlaceholder/index.tsx
new file mode 100644
index 000000000..e5b634e75
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppsZeroResultsPlaceholder/index.tsx
@@ -0,0 +1,20 @@
+import Typography from '@mui/material/Typography'
+import PagePlaceholder from '@/components/common/PagePlaceholder'
+import AddCustomAppIcon from '@/public/images/apps/add-custom-app.svg'
+import { BRAND_NAME } from '@/config/constants'
+
+const SafeAppsZeroResultsPlaceholder = ({ searchQuery }: { searchQuery: string }) => {
+  return (
+    <PagePlaceholder
+      img={<AddCustomAppIcon />}
+      text={
+        <Typography variant="body1" color="primary.light" m={2} maxWidth="600px">
+          No Safe Apps found matching <strong>{searchQuery}</strong>. Connect to dApps that haven&apos;t yet been
+          integrated with the {BRAND_NAME} using WalletConnect.
+        </Typography>
+      }
+    />
+  )
+}
+
+export default SafeAppsZeroResultsPlaceholder
diff --git a/src/components/safe-apps/hooks/useShareSafeAppUrl.ts b/apps/web/src/components/safe-apps/hooks/useShareSafeAppUrl.ts
similarity index 100%
rename from src/components/safe-apps/hooks/useShareSafeAppUrl.ts
rename to apps/web/src/components/safe-apps/hooks/useShareSafeAppUrl.ts
diff --git a/apps/web/src/components/safe-apps/types.ts b/apps/web/src/components/safe-apps/types.ts
new file mode 100644
index 000000000..63d09d769
--- /dev/null
+++ b/apps/web/src/components/safe-apps/types.ts
@@ -0,0 +1,56 @@
+import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
+
+export enum PermissionStatus {
+  GRANTED = 'granted',
+  PROMPT = 'prompt',
+  DENIED = 'denied',
+}
+
+const FEATURES = [
+  'accelerometer',
+  'ambient-light-sensor',
+  'autoplay',
+  'battery',
+  'camera',
+  'cross-origin-isolated',
+  'display-capture',
+  'document-domain',
+  'encrypted-media',
+  'execution-while-not-rendered',
+  'execution-while-out-of-viewport',
+  'fullscreen',
+  'geolocation',
+  'gyroscope',
+  'keyboard-map',
+  'magnetometer',
+  'microphone',
+  'midi',
+  'navigation-override',
+  'payment',
+  'picture-in-picture',
+  'publickey-credentials-get',
+  'screen-wake-lock',
+  'sync-xhr',
+  'usb',
+  'web-share',
+  'xr-spatial-tracking',
+  'clipboard-read',
+  'clipboard-write',
+  'gamepad',
+  'speaker-selection',
+]
+
+type FeaturesType = typeof FEATURES
+
+export type AllowedFeatures = FeaturesType[number]
+
+export const isBrowserFeature = (featureKey: string): featureKey is AllowedFeatures => {
+  return FEATURES.includes(featureKey as AllowedFeatures)
+}
+
+export type AllowedFeatureSelection = { feature: AllowedFeatures; checked: boolean }
+
+export type SafeAppDataWithPermissions = SafeAppData & {
+  safeAppsPermissions: AllowedFeatures[]
+  originalUrl?: string
+}
diff --git a/apps/web/src/components/safe-apps/utils.ts b/apps/web/src/components/safe-apps/utils.ts
new file mode 100644
index 000000000..97db29f5b
--- /dev/null
+++ b/apps/web/src/components/safe-apps/utils.ts
@@ -0,0 +1,117 @@
+import { isHexString, toUtf8String } from 'ethers'
+import { SafeAppAccessPolicyTypes } from '@safe-global/safe-gateway-typescript-sdk'
+import { SafeAppFeatures } from '@safe-global/safe-gateway-typescript-sdk'
+import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
+import type { BaseTransaction, ChainInfo } from '@safe-global/safe-apps-sdk'
+
+import { formatVisualAmount } from '@safe-global/utils/utils/formatters'
+import { validateAddress } from '@safe-global/utils/utils/validation'
+import type { SafeAppDataWithPermissions } from './types'
+import { SafeAppsTag } from '@/config/constants'
+
+const validateTransaction = (t: BaseTransaction, chainId?: string): boolean => {
+  if (!['string', 'number'].includes(typeof t.value)) {
+    return false
+  }
+
+  if (typeof t.value === 'string' && !/^(0x)?[0-9a-f]+$/i.test(t.value)) {
+    return false
+  }
+
+  const isAddressValid = validateAddress(t.to, chainId) === undefined
+  return isAddressValid && !!t.data && typeof t.data === 'string'
+}
+
+export const isTxValid = (txs: BaseTransaction[], chainId?: string): boolean =>
+  txs.length > 0 && txs.every((t) => validateTransaction(t, chainId))
+
+export const getInteractionTitle = (value?: string, chain?: ChainInfo) => {
+  const { decimals, symbol } = chain!.nativeCurrency
+  return `Interact with${
+    Number(value) !== 0 ? ` (and send ${formatVisualAmount(value || 0, decimals)} ${symbol} to)` : ''
+  }:`
+}
+
+/**
+ * If message is a hex value and is Utf8 encoded string we decode it, else we return the raw message
+ * @param {string} message raw input message
+ * @returns {string}
+ */
+export const getDecodedMessage = (message: string): string => {
+  if (isHexString(message)) {
+    // If is a hex string we try to extract a message
+    try {
+      return toUtf8String(message)
+    } catch (e) {
+      // the hex string is not UTF8 encoding so we will return the raw message.
+    }
+  }
+
+  return message
+}
+
+export const getLegacyChainName = (chainName: string, chainId: string): string => {
+  let network = chainName
+
+  switch (chainId) {
+    case '1':
+      network = 'MAINNET'
+      break
+    case '100':
+      network = 'XDAI'
+  }
+
+  return network
+}
+
+export const getEmptySafeApp = (url = '', appData?: SafeAppData): SafeAppDataWithPermissions => {
+  return {
+    id: Math.round(Math.random() * 1e9 + 1e6),
+    url,
+    name: 'unknown',
+    iconUrl: '/images/apps/apps-icon.svg',
+    description: '',
+    chainIds: [],
+    accessControl: {
+      type: SafeAppAccessPolicyTypes.NoRestrictions,
+    },
+    tags: [],
+    features: [],
+    developerWebsite: '',
+    socialProfiles: [],
+    ...appData,
+    safeAppsPermissions: [],
+  }
+}
+
+export const getOrigin = (url?: string): string => {
+  if (!url) return ''
+
+  const { origin } = new URL(url)
+
+  return origin
+}
+
+export const isOptimizedForBatchTransactions = (safeApp: SafeAppData) =>
+  safeApp.features?.includes(SafeAppFeatures.BATCHED_TRANSACTIONS)
+
+// some categories are used internally and we dont want to display them in the UI
+export const filterInternalCategories = (categories: string[]): string[] => {
+  const internalCategories = Object.values(SafeAppsTag)
+  return categories.filter((tag) => !internalCategories.some((internalCategory) => tag === internalCategory))
+}
+
+// Get unique tags from all apps
+export const getUniqueTags = (apps: SafeAppData[]): string[] => {
+  // Get the list of categories from the safeAppsList
+  const tags = apps.reduce<Set<string>>((result, app) => {
+    app.tags.forEach((tag) => result.add(tag))
+    return result
+  }, new Set())
+
+  // Filter out internal tags
+  const filteredTags = filterInternalCategories(Array.from(tags))
+
+  // Sort alphabetically
+  return filteredTags.sort()
+}
diff --git a/apps/web/src/components/safe-messages/DecodedMsg/index.tsx b/apps/web/src/components/safe-messages/DecodedMsg/index.tsx
new file mode 100644
index 000000000..d20075f73
--- /dev/null
+++ b/apps/web/src/components/safe-messages/DecodedMsg/index.tsx
@@ -0,0 +1,101 @@
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { generateDataRowValue, TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
+import { Value } from '@/components/transactions/TxDetails/TxData/DecodedData/ValueArray'
+import { isByte } from '@/utils/transaction-guards'
+import { normalizeTypedData } from '@safe-global/utils/utils/web3'
+import { type TypedData } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { Box, Typography } from '@mui/material'
+import { ErrorBoundary } from '@sentry/react'
+import classNames from 'classnames'
+import { isAddress } from 'ethers'
+import type { ReactElement } from 'react'
+import Msg from '../Msg'
+import css from './styles.module.css'
+import { logError, Errors } from '@/services/exceptions'
+
+const EIP712_DOMAIN_TYPE = 'EIP712Domain'
+
+const DecodedTypedObject = ({ displayedType, eip712Msg }: { displayedType: string; eip712Msg: TypedData }) => {
+  const { types, message: msg, domain } = eip712Msg
+  const findType = (paramName: string) => types[displayedType].find((paramType) => paramType.name === paramName)?.type
+  return (
+    <Box>
+      <Typography
+        textTransform="uppercase"
+        fontWeight={700}
+        variant="caption"
+        sx={({ palette }) => ({ color: `${palette.border.main}` })}
+      >
+        {displayedType}
+      </Typography>
+
+      {Object.entries(displayedType === EIP712_DOMAIN_TYPE ? domain : msg).map((param, index) => {
+        const [paramName, paramValue] = param
+        const type = findType(paramName) || 'string'
+
+        const isArrayValueParam = Array.isArray(paramValue)
+        const isNested = Object.keys(types).some((typeName) => typeName === type || `${typeName}[]` === type)
+        const inlineType = isAddress(paramValue as string) ? 'address' : isByte(type) ? 'bytes' : undefined
+        const paramValueAsString = typeof paramValue === 'string' ? paramValue : JSON.stringify(paramValue, null, 2)
+        return (
+          <TxDataRow key={`${displayedType}_param-${index}`} title={`${param[0]}(${type})`}>
+            {isNested ? (
+              <Box
+                className={css.nestedMsg}
+                sx={{
+                  borderRadius: (theme) => `${theme.shape.borderRadius}px`,
+                }}
+              >
+                {paramValueAsString}
+              </Box>
+            ) : isArrayValueParam ? (
+              <Value method={displayedType} type={type} value={paramValueAsString} />
+            ) : (
+              generateDataRowValue(paramValueAsString, inlineType, true)
+            )}
+          </TxDataRow>
+        )
+      })}
+    </Box>
+  )
+}
+
+export const DecodedMsg = ({
+  message,
+  isInModal = false,
+}: {
+  message: MessageItem['message'] | undefined
+  isInModal?: boolean
+}): ReactElement | null => {
+  const isTextMessage = typeof message === 'string'
+
+  if (!message) {
+    return null
+  }
+  if (isTextMessage) {
+    return <Msg message={message} />
+  }
+
+  // Normalize message such that we know the primaryType
+  let normalizedMsg: TypedData
+  try {
+    normalizedMsg = normalizeTypedData(message)
+  } catch (error) {
+    logError(Errors._809, error)
+    normalizedMsg = message
+  }
+
+  return (
+    <Box
+      className={classNames(css.container, { [css.scrollable]: isInModal })}
+      sx={{
+        borderRadius: (theme) => `${theme.shape.borderRadius}px`,
+      }}
+    >
+      <ErrorBoundary fallback={<div>Error decoding message</div>}>
+        <DecodedTypedObject eip712Msg={normalizedMsg} displayedType={EIP712_DOMAIN_TYPE} />
+        <DecodedTypedObject eip712Msg={normalizedMsg} displayedType={normalizedMsg.primaryType} />
+      </ErrorBoundary>
+    </Box>
+  )
+}
diff --git a/src/components/safe-messages/DecodedMsg/styles.module.css b/apps/web/src/components/safe-messages/DecodedMsg/styles.module.css
similarity index 100%
rename from src/components/safe-messages/DecodedMsg/styles.module.css
rename to apps/web/src/components/safe-messages/DecodedMsg/styles.module.css
diff --git a/src/components/safe-messages/InfoBox/index.tsx b/apps/web/src/components/safe-messages/InfoBox/index.tsx
similarity index 100%
rename from src/components/safe-messages/InfoBox/index.tsx
rename to apps/web/src/components/safe-messages/InfoBox/index.tsx
diff --git a/src/components/safe-messages/InfoBox/styles.module.css b/apps/web/src/components/safe-messages/InfoBox/styles.module.css
similarity index 100%
rename from src/components/safe-messages/InfoBox/styles.module.css
rename to apps/web/src/components/safe-messages/InfoBox/styles.module.css
diff --git a/apps/web/src/components/safe-messages/Msg/index.tsx b/apps/web/src/components/safe-messages/Msg/index.tsx
new file mode 100644
index 000000000..15466ea32
--- /dev/null
+++ b/apps/web/src/components/safe-messages/Msg/index.tsx
@@ -0,0 +1,31 @@
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { TextField } from '@mui/material'
+import { useMemo } from 'react'
+import type { ReactElement } from 'react'
+
+import css from './styles.module.css'
+
+const MAX_ROWS = 10
+
+const Msg = ({ message }: { message: MessageItem['message'] }): ReactElement => {
+  const isTextMessage = typeof message === 'string'
+
+  const readableData = useMemo(() => {
+    return isTextMessage ? message : JSON.stringify(message, null, 2)
+  }, [isTextMessage, message])
+
+  return (
+    <TextField
+      maxRows={MAX_ROWS}
+      multiline
+      disabled
+      fullWidth
+      className={css.msg}
+      inputProps={{
+        value: readableData,
+      }}
+    />
+  )
+}
+
+export default Msg
diff --git a/src/components/safe-messages/Msg/styles.module.css b/apps/web/src/components/safe-messages/Msg/styles.module.css
similarity index 100%
rename from src/components/safe-messages/Msg/styles.module.css
rename to apps/web/src/components/safe-messages/Msg/styles.module.css
diff --git a/apps/web/src/components/safe-messages/MsgDetails/index.tsx b/apps/web/src/components/safe-messages/MsgDetails/index.tsx
new file mode 100644
index 000000000..b217c0200
--- /dev/null
+++ b/apps/web/src/components/safe-messages/MsgDetails/index.tsx
@@ -0,0 +1,137 @@
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { useMemo, type ReactElement } from 'react'
+import { Accordion, AccordionSummary, Typography, AccordionDetails, Box } from '@mui/material'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import CodeIcon from '@mui/icons-material/Code'
+import classNames from 'classnames'
+import { ErrorBoundary } from '@sentry/react'
+
+import { formatDateTime } from '@safe-global/utils/utils/date'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { InfoDetails } from '@/components/transactions/InfoDetails'
+import { generateDataRowValue, TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
+import MsgSigners from '@/components/safe-messages/MsgSigners'
+import useWallet from '@/hooks/wallets/useWallet'
+import SignMsgButton from '@/components/safe-messages/SignMsgButton'
+import { generateSafeMessageMessage, isEIP712TypedData } from '@safe-global/utils/utils/safe-messages'
+
+import txDetailsCss from '@/components/transactions/TxDetails/styles.module.css'
+import singleTxDecodedCss from '@/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/styles.module.css'
+import infoDetailsCss from '@/components/transactions/InfoDetails/styles.module.css'
+import { DecodedMsg } from '../DecodedMsg'
+import CopyButton from '@/components/common/CopyButton'
+import NamedAddressInfo from '@/components/common/NamedAddressInfo'
+import MsgShareLink from '../MsgShareLink'
+
+const MsgDetails = ({ msg }: { msg: MessageItem }): ReactElement => {
+  const wallet = useWallet()
+  const isConfirmed = msg.status === 'CONFIRMED'
+  const safeMessage = useMemo(() => {
+    try {
+      return generateSafeMessageMessage(msg.message)
+    } catch (e) {
+      return ''
+    }
+  }, [msg.message])
+  const verifyingContract = isEIP712TypedData(msg.message) ? msg.message.domain.verifyingContract : undefined
+
+  return (
+    <div className={txDetailsCss.container}>
+      <div className={txDetailsCss.details}>
+        <div className={txDetailsCss.shareLink}>
+          <MsgShareLink safeMessageHash={msg.messageHash} />
+        </div>
+        <div className={txDetailsCss.txData}>
+          <InfoDetails title="Created by:">
+            <EthHashInfo
+              address={msg.proposedBy.value || ''}
+              name={msg.proposedBy.name}
+              customAvatar={msg.proposedBy.logoUri || undefined}
+              shortAddress={false}
+              showCopyButton
+              hasExplorer
+            />
+          </InfoDetails>
+        </div>
+
+        {verifyingContract && (
+          <div className={txDetailsCss.txData}>
+            <InfoDetails title="Verifying contract:">
+              <NamedAddressInfo address={verifyingContract} shortAddress={false} showCopyButton hasExplorer />
+            </InfoDetails>
+          </div>
+        )}
+
+        <div className={txDetailsCss.txData}>
+          <InfoDetails
+            title={
+              <>
+                Message <CopyButton text={JSON.stringify(msg.message, null, 2)} />
+              </>
+            }
+          >
+            <ErrorBoundary fallback={<div>Error decoding message</div>}>
+              <DecodedMsg message={msg.message} />
+            </ErrorBoundary>
+          </InfoDetails>
+        </div>
+
+        <div className={txDetailsCss.txSummary}>
+          <TxDataRow title="Created">{formatDateTime(msg.creationTimestamp)}</TxDataRow>
+          <TxDataRow title="Last modified">{formatDateTime(msg.modifiedTimestamp)}</TxDataRow>
+          <TxDataRow title="Message hash">{generateDataRowValue(msg.messageHash, 'hash')}</TxDataRow>
+          {safeMessage && <TxDataRow title="SafeMessage">{generateDataRowValue(safeMessage, 'hash')}</TxDataRow>}
+        </div>
+
+        {msg.preparedSignature && (
+          <div className={classNames(txDetailsCss.txSummary, txDetailsCss.multiSend)}>
+            <TxDataRow title="Prepared signature:">{generateDataRowValue(msg.preparedSignature, 'hash')}</TxDataRow>
+          </div>
+        )}
+
+        <div className={txDetailsCss.multiSend}>
+          {msg.confirmations.map((confirmation, i) => (
+            <Accordion
+              variant="elevation"
+              key={confirmation.signature}
+              defaultExpanded={confirmation.owner.value === wallet?.address}
+            >
+              <AccordionSummary expandIcon={<ExpandMoreIcon />}>
+                <div className={singleTxDecodedCss.summary}>
+                  <CodeIcon />
+                  <Typography>{`Confirmation ${i + 1}`}</Typography>
+                </div>
+              </AccordionSummary>
+
+              <AccordionDetails>
+                <div className={infoDetailsCss.container}>
+                  <EthHashInfo
+                    address={confirmation.owner.value || ''}
+                    name={confirmation.owner.name}
+                    customAvatar={confirmation.owner.logoUri || undefined}
+                    shortAddress={false}
+                    showCopyButton
+                    hasExplorer
+                  />
+                </div>
+                <TxDataRow title="Signature:">
+                  <EthHashInfo address={confirmation.signature} showAvatar={false} showCopyButton />
+                </TxDataRow>
+              </AccordionDetails>
+            </Accordion>
+          ))}
+        </div>
+      </div>
+      <div className={txDetailsCss.txSigners}>
+        <MsgSigners msg={msg} />
+        {wallet && !isConfirmed && (
+          <Box display="flex" alignItems="center" justifyContent="center" gap={1} mt={2}>
+            <SignMsgButton msg={msg} />
+          </Box>
+        )}
+      </div>
+    </div>
+  )
+}
+
+export default MsgDetails
diff --git a/apps/web/src/components/safe-messages/MsgList/index.tsx b/apps/web/src/components/safe-messages/MsgList/index.tsx
new file mode 100644
index 000000000..0f5049270
--- /dev/null
+++ b/apps/web/src/components/safe-messages/MsgList/index.tsx
@@ -0,0 +1,17 @@
+import type { MessagePage } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import type { ReactElement } from 'react'
+
+import { TxListGrid } from '@/components/transactions/TxList'
+import MsgListItem from '@/components/safe-messages/MsgListItem'
+
+const MsgList = ({ items }: { items: MessagePage['results'] }): ReactElement => {
+  return (
+    <TxListGrid>
+      {items.map((item, i) => (
+        <MsgListItem item={item} key={i} />
+      ))}
+    </TxListGrid>
+  )
+}
+
+export default MsgList
diff --git a/apps/web/src/components/safe-messages/MsgListItem/ExpandableMsgItem.tsx b/apps/web/src/components/safe-messages/MsgListItem/ExpandableMsgItem.tsx
new file mode 100644
index 000000000..9b4e8ebe9
--- /dev/null
+++ b/apps/web/src/components/safe-messages/MsgListItem/ExpandableMsgItem.tsx
@@ -0,0 +1,38 @@
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { Accordion, AccordionDetails, AccordionSummary, Box } from '@mui/material'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import type { ReactElement } from 'react'
+import { ErrorBoundary } from '@sentry/react'
+
+import MsgDetails from '@/components/safe-messages/MsgDetails'
+import MsgSummary from '@/components/safe-messages/MsgSummary'
+
+import txListItemCss from '@/components/transactions/TxListItem/styles.module.css'
+
+const ExpandableMsgItem = ({ msg, expanded = false }: { msg: MessageItem; expanded?: boolean }): ReactElement => {
+  return (
+    <Accordion
+      defaultExpanded={expanded}
+      disableGutters
+      elevation={0}
+      className={txListItemCss.accordion}
+      sx={{ border: 'none', '&:before': { display: 'none' } }}
+    >
+      <AccordionSummary
+        data-testid="message-item"
+        expandIcon={<ExpandMoreIcon />}
+        sx={{ justifyContent: 'flex-start', overflowX: 'auto' }}
+      >
+        <MsgSummary msg={msg} />
+      </AccordionSummary>
+
+      <AccordionDetails sx={{ padding: 0 }}>
+        <ErrorBoundary fallback={<Box sx={{ p: 2 }}>Failed to render message details</Box>}>
+          <MsgDetails msg={msg} />
+        </ErrorBoundary>
+      </AccordionDetails>
+    </Accordion>
+  )
+}
+
+export default ExpandableMsgItem
diff --git a/apps/web/src/components/safe-messages/MsgListItem/index.tsx b/apps/web/src/components/safe-messages/MsgListItem/index.tsx
new file mode 100644
index 000000000..0c00beba8
--- /dev/null
+++ b/apps/web/src/components/safe-messages/MsgListItem/index.tsx
@@ -0,0 +1,18 @@
+import type { SafeMessageListItem } from '@safe-global/store/gateway/types'
+import type { ReactElement } from 'react'
+
+import { isSafeMessageListDateLabel, isSafeMessageListItem } from '@/utils/safe-message-guards'
+import TxDateLabel from '@/components/transactions/TxDateLabel'
+import ExpandableMsgItem from '@/components/safe-messages/MsgListItem/ExpandableMsgItem'
+
+const MsgListItem = ({ item }: { item: SafeMessageListItem }): ReactElement | null => {
+  if (isSafeMessageListDateLabel(item)) {
+    return <TxDateLabel item={item} />
+  }
+  if (isSafeMessageListItem(item)) {
+    return <ExpandableMsgItem msg={item} />
+  }
+  return null
+}
+
+export default MsgListItem
diff --git a/src/components/safe-messages/MsgShareLink/index.tsx b/apps/web/src/components/safe-messages/MsgShareLink/index.tsx
similarity index 100%
rename from src/components/safe-messages/MsgShareLink/index.tsx
rename to apps/web/src/components/safe-messages/MsgShareLink/index.tsx
diff --git a/src/components/safe-messages/MsgSigners/MsgSigners.test.tsx b/apps/web/src/components/safe-messages/MsgSigners/MsgSigners.test.tsx
similarity index 83%
rename from src/components/safe-messages/MsgSigners/MsgSigners.test.tsx
rename to apps/web/src/components/safe-messages/MsgSigners/MsgSigners.test.tsx
index 239519597..3425d48d8 100644
--- a/src/components/safe-messages/MsgSigners/MsgSigners.test.tsx
+++ b/apps/web/src/components/safe-messages/MsgSigners/MsgSigners.test.tsx
@@ -1,11 +1,11 @@
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
 import { render } from '@/tests/test-utils'
-import { SafeMessageStatus, SafeMessageListItemType, type SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
 import { toBeHex } from 'ethers'
 import MsgSigners from '.'
 
 describe('MsgSigners', () => {
   it('Message with more confirmations submitted than required', () => {
-    const mockMessage: SafeMessage = {
+    const mockMessage: MessageItem = {
       confirmations: [
         {
           owner: {
@@ -31,8 +31,8 @@ describe('MsgSigners', () => {
       proposedBy: {
         value: '',
       },
-      status: SafeMessageStatus.NEEDS_CONFIRMATION,
-      type: SafeMessageListItemType.MESSAGE,
+      status: 'NEEDS_CONFIRMATION',
+      type: 'MESSAGE',
     }
 
     const result = render(<MsgSigners msg={mockMessage} />)
@@ -43,7 +43,7 @@ describe('MsgSigners', () => {
   })
 
   it('should show missing signatures if prop is enabled', () => {
-    const mockMessage: SafeMessage = {
+    const mockMessage: MessageItem = {
       confirmations: [
         {
           owner: {
@@ -63,8 +63,8 @@ describe('MsgSigners', () => {
       proposedBy: {
         value: '',
       },
-      status: SafeMessageStatus.NEEDS_CONFIRMATION,
-      type: SafeMessageListItemType.MESSAGE,
+      status: 'NEEDS_CONFIRMATION',
+      type: 'MESSAGE',
     }
 
     const result = render(<MsgSigners msg={mockMessage} showMissingSignatures />)
diff --git a/apps/web/src/components/safe-messages/MsgSigners/index.tsx b/apps/web/src/components/safe-messages/MsgSigners/index.tsx
new file mode 100644
index 000000000..9927b5e18
--- /dev/null
+++ b/apps/web/src/components/safe-messages/MsgSigners/index.tsx
@@ -0,0 +1,160 @@
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { useState, type ReactElement } from 'react'
+import { Box, Link, List, ListItem, ListItemIcon, ListItemText, Skeleton, SvgIcon, Typography } from '@mui/material'
+import CircleOutlinedIcon from '@mui/icons-material/CircleOutlined'
+
+import CreatedIcon from '@/public/images/messages/created.svg'
+import SignedIcon from '@/public/images/messages/signed.svg'
+import DotIcon from '@/public/images/messages/dot.svg'
+import EthHashInfo from '@/components/common/EthHashInfo'
+
+import css from '@/components/safe-messages/MsgSigners/styles.module.css'
+import txSignersCss from '@/components/transactions/TxSigners/styles.module.css'
+
+// Icons
+
+const Created = () => (
+  <SvgIcon
+    component={CreatedIcon}
+    inheritViewBox
+    className={css.icon}
+    sx={{
+      '& path:last-of-type': { fill: ({ palette }) => palette.background.paper },
+    }}
+  />
+)
+
+const Signed = () => (
+  <SvgIcon
+    component={SignedIcon}
+    inheritViewBox
+    className={css.icon}
+    sx={{
+      '& path:last-of-type': { fill: ({ palette }) => palette.background.paper },
+    }}
+  />
+)
+
+const Dot = () => <SvgIcon component={DotIcon} inheritViewBox className={css.dot} />
+
+const shouldHideConfirmations = (msg: MessageItem): boolean => {
+  const isConfirmed = msg.status === 'CONFIRMED'
+
+  // Threshold reached or more than 3 confirmations
+  return isConfirmed || msg.confirmations.length > 3
+}
+
+export const MsgSigners = ({
+  msg,
+  showOnlyConfirmations = false,
+  showMissingSignatures = false,
+  backgroundColor,
+}: {
+  msg: MessageItem
+  showOnlyConfirmations?: boolean
+  showMissingSignatures?: boolean
+  backgroundColor?: string
+}): ReactElement => {
+  const [hideConfirmations, setHideConfirmations] = useState<boolean>(shouldHideConfirmations(msg))
+
+  const toggleHide = () => {
+    setHideConfirmations((prev) => !prev)
+  }
+
+  const { confirmations, confirmationsRequired, confirmationsSubmitted } = msg
+
+  const missingConfirmations = [...new Array(Math.max(0, confirmationsRequired - confirmationsSubmitted))]
+
+  const isConfirmed = msg.status === 'CONFIRMED'
+
+  return (
+    <List className={css.signers}>
+      {!showOnlyConfirmations && (
+        <ListItem>
+          <ListItemIcon>
+            <Created />
+          </ListItemIcon>
+          <ListItemText primaryTypographyProps={{ fontWeight: 700 }}>Created</ListItemText>
+        </ListItem>
+      )}
+      <ListItem>
+        <ListItemIcon sx={{ backgroundColor }}>
+          <Signed />
+        </ListItemIcon>
+        <ListItemText primaryTypographyProps={{ fontWeight: 700 }}>
+          Confirmations{' '}
+          <Box component="span" className={txSignersCss.confirmationsTotal}>
+            ({`${confirmationsSubmitted} of ${confirmationsRequired}`})
+          </Box>
+        </ListItemText>
+      </ListItem>
+      {!hideConfirmations &&
+        confirmations.map(({ owner }) => (
+          <ListItem key={owner.value} sx={{ py: 0 }}>
+            <ListItemIcon sx={{ backgroundColor }}>
+              <Dot />
+            </ListItemIcon>
+            <ListItemText>
+              <EthHashInfo address={owner.value} name={owner.name} hasExplorer showCopyButton />
+            </ListItemText>
+          </ListItem>
+        ))}
+      {!showOnlyConfirmations && confirmations.length > 0 && (
+        <ListItem>
+          <ListItemIcon sx={{ backgroundColor }}>
+            <Dot />
+          </ListItemIcon>
+          <ListItemText>
+            <Link
+              component="button"
+              onClick={toggleHide}
+              sx={{
+                fontSize: 'medium',
+              }}
+            >
+              {hideConfirmations ? 'Show all' : 'Hide all'}
+            </Link>
+          </ListItemText>
+        </ListItem>
+      )}
+      {showMissingSignatures &&
+        missingConfirmations.map((_, idx) => (
+          <ListItem key={`skeleton${idx}`} sx={{ py: 0 }}>
+            <ListItemIcon sx={{ backgroundColor }}>
+              <SvgIcon component={CircleOutlinedIcon} className={css.dot} color="border" fontSize="small" />
+            </ListItemIcon>
+            <ListItemText>
+              <Box
+                sx={{
+                  display: 'flex',
+                  flexDirection: 'row',
+                  alignItems: 'center',
+                  gap: 1,
+                }}
+              >
+                <Skeleton variant="circular" width={36} height={36} />
+                <Typography
+                  variant="body2"
+                  sx={{
+                    color: 'text.secondary',
+                  }}
+                >
+                  Confirmation #{idx + 1 + confirmationsSubmitted}
+                </Typography>
+              </Box>
+            </ListItemText>
+          </ListItem>
+        ))}
+      {isConfirmed && (
+        <ListItem>
+          <ListItemIcon sx={{ backgroundColor }}>
+            <Dot />
+          </ListItemIcon>
+          <ListItemText>Confirmed</ListItemText>
+        </ListItem>
+      )}
+    </List>
+  )
+}
+
+export default MsgSigners
diff --git a/src/components/safe-messages/MsgSigners/styles.module.css b/apps/web/src/components/safe-messages/MsgSigners/styles.module.css
similarity index 100%
rename from src/components/safe-messages/MsgSigners/styles.module.css
rename to apps/web/src/components/safe-messages/MsgSigners/styles.module.css
diff --git a/apps/web/src/components/safe-messages/MsgSummary/index.tsx b/apps/web/src/components/safe-messages/MsgSummary/index.tsx
new file mode 100644
index 000000000..e021c2e14
--- /dev/null
+++ b/apps/web/src/components/safe-messages/MsgSummary/index.tsx
@@ -0,0 +1,80 @@
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import type { SafeMessageStatus } from '@safe-global/store/gateway/types'
+import { Box, CircularProgress, type Palette, Typography } from '@mui/material'
+import type { ReactElement } from 'react'
+
+import DateTime from '@/components/common/DateTime'
+import MsgType from '@/components/safe-messages/MsgType'
+import SignMsgButton from '@/components/safe-messages/SignMsgButton'
+import useSafeMessageStatus from '@/hooks/messages/useSafeMessageStatus'
+import TxConfirmations from '@/components/transactions/TxConfirmations'
+
+import css from '@/components/transactions/TxSummary/styles.module.css'
+import useIsSafeMessagePending from '@/hooks/messages/useIsSafeMessagePending'
+import { isEIP712TypedData } from '@safe-global/utils/utils/safe-messages'
+
+const getStatusColor = (value: SafeMessageStatus, palette: Palette): string => {
+  switch (value) {
+    case 'CONFIRMED':
+      return palette.success.main
+    case 'NEEDS_CONFIRMATION':
+      return palette.warning.main
+    default:
+      return palette.text.primary
+  }
+}
+
+const MsgSummary = ({ msg }: { msg: MessageItem }): ReactElement => {
+  const { confirmationsSubmitted, confirmationsRequired } = msg
+  const txStatusLabel = useSafeMessageStatus(msg)
+  const isConfirmed = msg.status === 'CONFIRMED'
+  const isPending = useIsSafeMessagePending(msg.messageHash)
+  let type = ''
+  if (isEIP712TypedData(msg.message)) {
+    type = (msg.message as unknown as { primaryType: string }).primaryType
+  }
+
+  return (
+    <Box className={[css.gridContainer, css.message].join(' ')}>
+      <Box gridArea="type">
+        <MsgType msg={msg} />
+      </Box>
+
+      <Box gridArea="info">{type || 'Signature'}</Box>
+
+      <Box gridArea="date" className={css.date}>
+        <DateTime value={msg.modifiedTimestamp} />
+      </Box>
+
+      <Box gridArea="confirmations">
+        {confirmationsRequired > 0 && (
+          <TxConfirmations
+            submittedConfirmations={confirmationsSubmitted}
+            requiredConfirmations={confirmationsRequired}
+          />
+        )}
+      </Box>
+
+      <Box gridArea="status">
+        {isConfirmed || isPending ? (
+          <Typography
+            variant="caption"
+            fontWeight="bold"
+            display="flex"
+            alignItems="center"
+            gap={1}
+            sx={{ color: ({ palette }) => getStatusColor(msg.status, palette) }}
+          >
+            {isPending && <CircularProgress size={14} color="inherit" />}
+
+            {txStatusLabel}
+          </Typography>
+        ) : (
+          <SignMsgButton msg={msg} compact />
+        )}
+      </Box>
+    </Box>
+  )
+}
+
+export default MsgSummary
diff --git a/apps/web/src/components/safe-messages/MsgType/index.tsx b/apps/web/src/components/safe-messages/MsgType/index.tsx
new file mode 100644
index 000000000..507363bf4
--- /dev/null
+++ b/apps/web/src/components/safe-messages/MsgType/index.tsx
@@ -0,0 +1,45 @@
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { Box, SvgIcon } from '@mui/material'
+import RequiredIcon from '@/public/images/messages/required.svg'
+import ImageFallback from '@/components/common/ImageFallback'
+import txTypeCss from '@/components/transactions/TxType/styles.module.css'
+import { isEIP712TypedData } from '@safe-global/utils/utils/safe-messages'
+
+const FALLBACK_LOGO_URI = '/images/transactions/custom.svg'
+const MAX_TRIMMED_LENGTH = 20
+
+const getMessageName = (msg: MessageItem) => {
+  if (msg.name != null) return msg.name
+
+  if (isEIP712TypedData(msg.message)) {
+    return msg.message.domain?.name || ''
+  }
+
+  const firstLine = msg.message.split('\n')[0]
+  let trimmed = firstLine.slice(0, MAX_TRIMMED_LENGTH)
+  if (trimmed.length < firstLine.length) {
+    trimmed += '…'
+  }
+  return trimmed
+}
+
+const MsgType = ({ msg }: { msg: MessageItem }) => {
+  return (
+    <Box className={txTypeCss.txType}>
+      {msg.logoUri ? (
+        <ImageFallback
+          src={msg.logoUri || FALLBACK_LOGO_URI}
+          fallbackSrc={FALLBACK_LOGO_URI}
+          alt="Message type"
+          width={16}
+          height={16}
+        />
+      ) : (
+        <SvgIcon component={RequiredIcon} viewBox="0 0 32 32" fontSize="small" />
+      )}
+      {getMessageName(msg)}
+    </Box>
+  )
+}
+
+export default MsgType
diff --git a/apps/web/src/components/safe-messages/PaginatedMsgs/index.tsx b/apps/web/src/components/safe-messages/PaginatedMsgs/index.tsx
new file mode 100644
index 000000000..4829bfbd7
--- /dev/null
+++ b/apps/web/src/components/safe-messages/PaginatedMsgs/index.tsx
@@ -0,0 +1,107 @@
+import { Box } from '@mui/material'
+import { Typography, Link, SvgIcon } from '@mui/material'
+import { useEffect, useState } from 'react'
+import type { ReactElement } from 'react'
+
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import useSafeMessages from '@/hooks/messages/useSafeMessages'
+import LinkIcon from '@/public/images/common/link.svg'
+import NoMessagesIcon from '@/public/images/messages/no-messages.svg'
+import InfiniteScroll from '@/components/common/InfiniteScroll'
+import PagePlaceholder from '@/components/common/PagePlaceholder'
+import MsgList from '@/components/safe-messages/MsgList'
+import SkeletonTxList from '@/components/common/PaginatedTxns/SkeletonTxList'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+const NoMessages = (): ReactElement => {
+  return (
+    <PagePlaceholder
+      img={<NoMessagesIcon />}
+      text={
+        <Typography
+          variant="body1"
+          sx={{
+            color: 'primary.light',
+            m: 2,
+            maxWidth: '600px',
+          }}
+        >
+          Some applications allow you to interact with them via off-chain contract signatures (&ldquo;messages&ldquo;)
+          that you can generate with your Safe Account.
+        </Typography>
+      }
+    >
+      <Link
+        rel="noopener noreferrer"
+        target="_blank"
+        href={HelpCenterArticle.SIGNED_MESSAGES}
+        sx={{
+          fontWeight: 700,
+        }}
+      >
+        Learn more about off-chain messages{' '}
+        <SvgIcon component={LinkIcon} inheritViewBox fontSize="small" sx={{ verticalAlign: 'middle', ml: 0.5 }} />
+      </Link>
+    </PagePlaceholder>
+  )
+}
+
+const MsgPage = ({
+  pageUrl,
+  onNextPage,
+}: {
+  pageUrl: string
+  onNextPage?: (pageUrl: string) => void
+}): ReactElement => {
+  const { page, error, loading } = useSafeMessages(pageUrl)
+
+  return (
+    <>
+      {page && page.results.length > 0 && <MsgList items={page.results} />}
+      {page?.results.length === 0 && <NoMessages />}
+      {error && <ErrorMessage>Error loading messages</ErrorMessage>}
+      {loading && <SkeletonTxList />}
+      {page?.next && onNextPage && (
+        <Box
+          sx={{
+            my: 4,
+            textAlign: 'center',
+          }}
+        >
+          <InfiniteScroll onLoadMore={() => onNextPage(page.next!)} />
+        </Box>
+      )}
+    </>
+  )
+}
+
+const PaginatedMsgs = (): ReactElement => {
+  const [pages, setPages] = useState<string[]>([''])
+  const { safeAddress, safe } = useSafeInfo()
+
+  // Trigger the next page load
+  const onNextPage = (pageUrl: string) => {
+    setPages((prev) => prev.concat(pageUrl))
+  }
+
+  // Reset the pages when the Safe Account changes
+  useEffect(() => {
+    setPages([''])
+  }, [safe.chainId, safeAddress])
+
+  return (
+    <Box
+      sx={{
+        mb: 4,
+        position: 'relative',
+      }}
+    >
+      {pages.map((pageUrl, index) => (
+        <MsgPage key={pageUrl} pageUrl={pageUrl} onNextPage={index === pages.length - 1 ? onNextPage : undefined} />
+      ))}
+    </Box>
+  )
+}
+
+export default PaginatedMsgs
diff --git a/apps/web/src/components/safe-messages/SignMsgButton/index.tsx b/apps/web/src/components/safe-messages/SignMsgButton/index.tsx
new file mode 100644
index 000000000..19092c423
--- /dev/null
+++ b/apps/web/src/components/safe-messages/SignMsgButton/index.tsx
@@ -0,0 +1,47 @@
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { Button, Tooltip } from '@mui/material'
+import { useContext } from 'react'
+import type { SyntheticEvent, ReactElement } from 'react'
+
+import useWallet from '@/hooks/wallets/useWallet'
+import Track from '@/components/common/Track'
+import { MESSAGE_EVENTS } from '@/services/analytics/events/txList'
+import useIsSafeMessageSignableBy from '@/hooks/messages/useIsSafeMessageSignableBy'
+import { TxModalContext } from '@/components/tx-flow'
+import { SignMessageFlow } from '@/components/tx-flow/flows'
+import CheckWallet from '@/components/common/CheckWallet'
+
+const SignMsgButton = ({ msg, compact = false }: { msg: MessageItem; compact?: boolean }): ReactElement => {
+  const wallet = useWallet()
+  const isSignable = useIsSafeMessageSignableBy(msg, wallet?.address || '')
+  const { setTxFlow } = useContext(TxModalContext)
+
+  const onClick = (e: SyntheticEvent) => {
+    e.stopPropagation()
+    setTxFlow(<SignMessageFlow {...msg} origin={msg.origin || undefined} />)
+  }
+
+  return (
+    <CheckWallet>
+      {(isOk) => (
+        <Tooltip title={isOk && !isSignable ? "You've already signed this message" : ''}>
+          <span>
+            <Track {...MESSAGE_EVENTS.SIGN}>
+              <Button
+                onClick={onClick}
+                variant={isSignable ? 'contained' : 'outlined'}
+                disabled={!isOk || !isSignable}
+                size={compact ? 'small' : 'stretched'}
+                sx={compact ? { py: 0.8 } : undefined}
+              >
+                Sign
+              </Button>
+            </Track>
+          </span>
+        </Tooltip>
+      )}
+    </CheckWallet>
+  )
+}
+
+export default SignMsgButton
diff --git a/src/components/safe-messages/SingleMsg/SingleMsg.test.tsx b/apps/web/src/components/safe-messages/SingleMsg/SingleMsg.test.tsx
similarity index 100%
rename from src/components/safe-messages/SingleMsg/SingleMsg.test.tsx
rename to apps/web/src/components/safe-messages/SingleMsg/SingleMsg.test.tsx
diff --git a/apps/web/src/components/safe-messages/SingleMsg/index.tsx b/apps/web/src/components/safe-messages/SingleMsg/index.tsx
new file mode 100644
index 000000000..90fc41d06
--- /dev/null
+++ b/apps/web/src/components/safe-messages/SingleMsg/index.tsx
@@ -0,0 +1,30 @@
+import { useRouter } from 'next/router'
+import { TxListGrid } from '@/components/transactions/TxList'
+import { TransactionSkeleton } from '@/components/transactions/TxListItem/ExpandableTransactionItem'
+import ExpandableMsgItem from '../MsgListItem/ExpandableMsgItem'
+import useSafeMessage from '@/hooks/messages/useSafeMessage'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+
+const SingleMsg = () => {
+  const router = useRouter()
+  const { messageHash } = router.query
+  const safeMessageHash = Array.isArray(messageHash) ? messageHash[0] : messageHash
+  const [safeMessage, , messageError] = useSafeMessage(safeMessageHash)
+
+  if (safeMessage) {
+    return (
+      <TxListGrid>
+        <ExpandableMsgItem msg={safeMessage} expanded />
+      </TxListGrid>
+    )
+  }
+
+  if (messageError) {
+    return <ErrorMessage error={messageError}>Failed to load message</ErrorMessage>
+  }
+
+  // Loading skeleton
+  return <TransactionSkeleton />
+}
+
+export default SingleMsg
diff --git a/apps/web/src/components/settings/ClearPendingTxs/index.test.tsx b/apps/web/src/components/settings/ClearPendingTxs/index.test.tsx
new file mode 100644
index 000000000..d75371747
--- /dev/null
+++ b/apps/web/src/components/settings/ClearPendingTxs/index.test.tsx
@@ -0,0 +1,104 @@
+import React, { act } from 'react'
+import { fireEvent, screen } from '@testing-library/react'
+import { ClearPendingTxs } from '../ClearPendingTxs'
+import { render } from '@/tests/test-utils'
+import { faker } from '@faker-js/faker'
+import { PendingStatus, PendingTxType } from '@/store/pendingTxsSlice'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+
+const safeAddress = faker.finance.ethereumAddress()
+
+describe('ClearPendingTxs', () => {
+  it('clears a single transaction', () => {
+    render(<ClearPendingTxs />, {
+      initialReduxState: {
+        pendingTxs: {
+          ['0x123']: {
+            chainId: '1',
+            safeAddress,
+            nonce: 0,
+            data: faker.string.hexadecimal({ length: 64 }),
+            to: faker.finance.ethereumAddress(),
+            status: PendingStatus.PROCESSING,
+            txHash: faker.string.hexadecimal({ length: 64 }),
+            signerAddress: faker.finance.ethereumAddress(),
+            submittedAt: Date.now(),
+            signerNonce: 0,
+            txType: PendingTxType.CUSTOM_TX,
+          },
+        },
+        safeInfo: {
+          data: extendedSafeInfoBuilder()
+            .with({ address: { value: safeAddress } })
+            .with({ chainId: '1' })
+            .build(),
+          loading: false,
+        },
+      },
+    })
+    expect(screen.getByText('Clear 1 transaction')).toBeInTheDocument()
+    act(() => {
+      fireEvent.click(screen.getByText('Clear 1 transaction'))
+    })
+    expect(screen.getByText('No pending transactions')).toBeInTheDocument()
+  })
+  it('clears multiple transactions', () => {
+    render(<ClearPendingTxs />, {
+      initialReduxState: {
+        pendingTxs: {
+          ['0x123']: {
+            chainId: '1',
+            safeAddress,
+            nonce: 0,
+            data: faker.string.hexadecimal({ length: 64 }),
+            to: faker.finance.ethereumAddress(),
+            status: PendingStatus.PROCESSING,
+            txHash: faker.string.hexadecimal({ length: 64 }),
+            signerAddress: faker.finance.ethereumAddress(),
+            submittedAt: Date.now(),
+            signerNonce: 0,
+            txType: PendingTxType.CUSTOM_TX,
+          },
+          ['0x234']: {
+            chainId: '1',
+            safeAddress,
+            nonce: 1,
+            data: faker.string.hexadecimal({ length: 64 }),
+            to: faker.finance.ethereumAddress(),
+            status: PendingStatus.PROCESSING,
+            txHash: faker.string.hexadecimal({ length: 64 }),
+            signerAddress: faker.finance.ethereumAddress(),
+            submittedAt: Date.now(),
+            signerNonce: 0,
+            txType: PendingTxType.CUSTOM_TX,
+          },
+          ['0x345']: {
+            chainId: '100',
+            safeAddress,
+            nonce: 0,
+            data: faker.string.hexadecimal({ length: 64 }),
+            to: faker.finance.ethereumAddress(),
+            status: PendingStatus.PROCESSING,
+            txHash: faker.string.hexadecimal({ length: 64 }),
+            signerAddress: faker.finance.ethereumAddress(),
+            submittedAt: Date.now(),
+            signerNonce: 0,
+            txType: PendingTxType.CUSTOM_TX,
+          },
+        },
+        safeInfo: {
+          data: extendedSafeInfoBuilder()
+            .with({ address: { value: safeAddress } })
+            .with({ chainId: '1' })
+            .build(),
+          loading: false,
+        },
+      },
+    })
+    expect(screen.getByText('Clear 2 transactions')).toBeInTheDocument()
+    act(() => {
+      fireEvent.click(screen.getByText('Clear 2 transactions'))
+    })
+    expect(screen.getByText('No pending transactions')).toBeInTheDocument()
+  })
+})
diff --git a/apps/web/src/components/settings/ClearPendingTxs/index.tsx b/apps/web/src/components/settings/ClearPendingTxs/index.tsx
new file mode 100644
index 000000000..6bf120282
--- /dev/null
+++ b/apps/web/src/components/settings/ClearPendingTxs/index.tsx
@@ -0,0 +1,45 @@
+import { usePendingTxIds } from '@/hooks/usePendingTxs'
+import { SETTINGS_EVENTS, trackEvent } from '@/services/analytics'
+import { useAppDispatch } from '@/store'
+import { clearPendingTx } from '@/store/pendingTxsSlice'
+import { Stack, Typography, Box, Button, Alert } from '@mui/material'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+import { useCallback } from 'react'
+
+export const ClearPendingTxs = () => {
+  const pendingTxIds = usePendingTxIds()
+  const pendingTxCount = pendingTxIds.length
+  const dispatch = useAppDispatch()
+
+  const clearPendingTxs = useCallback(() => {
+    pendingTxIds.forEach((txId) => {
+      dispatch(clearPendingTx({ txId }))
+    })
+    trackEvent({ ...SETTINGS_EVENTS.DATA.CLEAR_PENDING_TXS, label: pendingTxCount })
+  }, [dispatch, pendingTxCount, pendingTxIds])
+  return (
+    <Stack spacing={2}>
+      <Typography>Clear this Safe Account&apos;s pending transactions.</Typography>
+      <Alert severity="warning">
+        <Typography>
+          This action does not delete any transactions but only resets their local state. It does not stop any pending
+          transactions from executing. If you want to cancel an execution, you have to do so in your connected wallet.
+        </Typography>
+      </Alert>
+      <Box>
+        {pendingTxCount > 0 ? (
+          <Button
+            variant="text"
+            color="error"
+            onClick={clearPendingTxs}
+            sx={{ backgroundColor: ({ palette }) => palette.error.background }}
+          >
+            Clear {pendingTxCount} transaction{maybePlural(pendingTxCount)}
+          </Button>
+        ) : (
+          <Typography variant="body2">No pending transactions</Typography>
+        )}
+      </Box>
+    </Stack>
+  )
+}
diff --git a/apps/web/src/components/settings/ContractVersion/index.tsx b/apps/web/src/components/settings/ContractVersion/index.tsx
new file mode 100644
index 000000000..7039622e9
--- /dev/null
+++ b/apps/web/src/components/settings/ContractVersion/index.tsx
@@ -0,0 +1,84 @@
+import { useContext, useMemo } from 'react'
+import { SvgIcon, Typography, Alert, AlertTitle, Skeleton, Button } from '@mui/material'
+import { ImplementationVersionState } from '@safe-global/safe-gateway-typescript-sdk'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import type { MasterCopy } from '@/hooks/useMasterCopies'
+import { MasterCopyDeployer, useMasterCopies } from '@/hooks/useMasterCopies'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import CheckCircleIcon from '@mui/icons-material/CheckCircle'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import { TxModalContext } from '@/components/tx-flow'
+import { UpdateSafeFlow } from '@/components/tx-flow/flows'
+import ExternalLink from '@/components/common/ExternalLink'
+import CheckWallet from '@/components/common/CheckWallet'
+import { useCurrentChain } from '@/hooks/useChains'
+import { UnsupportedMastercopyWarning } from '@/features/multichain/components/UnsupportedMastercopyWarning/UnsupportedMasterCopyWarning'
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+
+export const ContractVersion = () => {
+  const { setTxFlow } = useContext(TxModalContext)
+  const [masterCopies] = useMasterCopies()
+  const { safe, safeLoaded } = useSafeInfo()
+  const currentChain = useCurrentChain()
+  const masterCopyAddress = safe.implementation.value
+
+  const safeMasterCopy: MasterCopy | undefined = useMemo(() => {
+    return masterCopies?.find((mc) => sameAddress(mc.address, masterCopyAddress))
+  }, [masterCopies, masterCopyAddress])
+
+  const needsUpdate = safe.implementationVersionState === ImplementationVersionState.OUTDATED
+  const showUpdateDialog = safeMasterCopy?.deployer === MasterCopyDeployer.GNOSIS && needsUpdate
+  const isLatestVersion = safe.version && !showUpdateDialog
+
+  const latestSafeVersion = getLatestSafeVersion(currentChain)
+
+  return (
+    <>
+      <Typography variant="h4" fontWeight={700} marginBottom={1}>
+        Contract version
+      </Typography>
+
+      <Typography variant="body1" fontWeight={400} display="flex" alignItems="center">
+        {safeLoaded ? (
+          <>
+            {safe.version ?? 'Unsupported contract'}
+            {isLatestVersion && (
+              <>
+                <CheckCircleIcon color="primary" sx={{ ml: 1, mr: 0.5 }} /> Latest version
+              </>
+            )}
+          </>
+        ) : (
+          <Skeleton width="60px" />
+        )}
+      </Typography>
+
+      {safeLoaded && safe.version && showUpdateDialog ? (
+        <Alert
+          sx={{ mt: 2, borderRadius: '2px', borderColor: '#B0FFC9' }}
+          icon={<SvgIcon component={InfoIcon} inheritViewBox color="secondary" />}
+        >
+          <AlertTitle sx={{ fontWeight: 700 }}>
+            New version is available: {latestSafeVersion} (
+            <ExternalLink href={safeMasterCopy?.deployerRepoUrl}>changelog</ExternalLink>)
+          </AlertTitle>
+
+          <Typography mb={2}>
+            Update now to take advantage of new features and the highest security standards available. You will need to
+            confirm this update just like any other transaction.
+          </Typography>
+
+          <CheckWallet>
+            {(isOk) => (
+              <Button onClick={() => setTxFlow(<UpdateSafeFlow />)} variant="contained" disabled={!isOk}>
+                Update
+              </Button>
+            )}
+          </CheckWallet>
+        </Alert>
+      ) : (
+        <UnsupportedMastercopyWarning />
+      )}
+    </>
+  )
+}
diff --git a/src/components/settings/DataManagement/FileListCard.tsx b/apps/web/src/components/settings/DataManagement/FileListCard.tsx
similarity index 81%
rename from src/components/settings/DataManagement/FileListCard.tsx
rename to apps/web/src/components/settings/DataManagement/FileListCard.tsx
index 984d373ba..b2554b0ae 100644
--- a/src/components/settings/DataManagement/FileListCard.tsx
+++ b/apps/web/src/components/settings/DataManagement/FileListCard.tsx
@@ -2,8 +2,8 @@ import { Box, Card, CardContent, CardHeader, List, ListItem, ListItemIcon, ListI
 import type { ListItemTextProps } from '@mui/material'
 import type { CardHeaderProps } from '@mui/material'
 import type { ReactElement } from 'react'
-
 import FileIcon from '@/public/images/settings/data/file.svg'
+
 import useChains from '@/hooks/useChains'
 import { ImportErrors } from '@/components/settings/DataManagement/useGlobalImportFileParser'
 import type { AddedSafesState } from '@/store/addedSafesSlice'
@@ -13,6 +13,8 @@ import type { SettingsState } from '@/store/settingsSlice'
 import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
 
 import css from './styles.module.css'
+import type { VisitedSafesState } from '@/store/visitedSafesSlice'
+import type { UndeployedSafesState } from '@safe-global/utils/features/counterfactual/store/types'
 
 const getItemSecondaryText = (
   chains: ChainInfo[],
@@ -51,6 +53,8 @@ type Data = {
   addressBook?: AddressBookState
   settings?: SettingsState
   safeApps?: SafeAppsState
+  undeployedSafes?: UndeployedSafesState
+  visitedSafes?: VisitedSafesState
   error?: string
 }
 
@@ -65,6 +69,8 @@ const getItems = ({
   addressBook,
   settings,
   safeApps,
+  undeployedSafes,
+  visitedSafes,
   error,
   chains,
   showPreview = false,
@@ -75,6 +81,7 @@ const getItems = ({
 
   const addedSafeChainAmount = Object.keys(addedSafes || {}).length
   const addressBookChainAmount = Object.keys(addressBook || {}).length
+  const undeployedSafesCount = Object.values(undeployedSafes || {}).flatMap((items) => Object.keys(items)).length
 
   const items: Array<ListItemTextProps> = []
 
@@ -116,6 +123,18 @@ const getItems = ({
     items.push(settingsPreview)
   }
 
+  if (visitedSafes) {
+    const visitedSafesPreview: ListItemTextProps = {
+      primary: (
+        <>
+          <b>Visited Safe Accounts history</b>
+        </>
+      ),
+    }
+
+    items.push(visitedSafesPreview)
+  }
+
   const hasBookmarkedSafeApps = Object.values(safeApps || {}).some((chainId) => chainId.pinned?.length > 0)
   if (hasBookmarkedSafeApps) {
     const safeAppsPreview: ListItemTextProps = {
@@ -129,6 +148,18 @@ const getItems = ({
     items.push(safeAppsPreview)
   }
 
+  if (undeployedSafes) {
+    const undeployedSafesPreview: ListItemTextProps = {
+      primary: (
+        <>
+          <b>Not activated Safe Accounts</b> {undeployedSafesCount}
+        </>
+      ),
+    }
+
+    items.push(undeployedSafesPreview)
+  }
+
   if (items.length === 0) {
     return [{ primary: <>{ImportErrors.NO_IMPORT_DATA_FOUND}</> }]
   }
@@ -143,12 +174,24 @@ export const FileListCard = ({
   addressBook,
   settings,
   safeApps,
+  undeployedSafes,
+  visitedSafes,
   error,
   showPreview = false,
   ...cardHeaderProps
 }: Props): ReactElement => {
   const chains = useChains()
-  const items = getItems({ addedSafes, addressBook, settings, safeApps, error, chains: chains.configs, showPreview })
+  const items = getItems({
+    addedSafes,
+    addressBook,
+    settings,
+    safeApps,
+    visitedSafes,
+    undeployedSafes,
+    error,
+    chains: chains.configs,
+    showPreview,
+  })
 
   return (
     <Card className={css.card}>
diff --git a/src/components/settings/DataManagement/ImportDialog.tsx b/apps/web/src/components/settings/DataManagement/ImportDialog.tsx
similarity index 83%
rename from src/components/settings/DataManagement/ImportDialog.tsx
rename to apps/web/src/components/settings/DataManagement/ImportDialog.tsx
index 0a5fe18d4..30b3c7ecc 100644
--- a/src/components/settings/DataManagement/ImportDialog.tsx
+++ b/apps/web/src/components/settings/DataManagement/ImportDialog.tsx
@@ -1,3 +1,4 @@
+import { undeployedSafesSlice } from '@/features/counterfactual/store/undeployedSafesSlice'
 import { DialogContent, Alert, AlertTitle, DialogActions, Button, Box, SvgIcon } from '@mui/material'
 import type { ReactElement, Dispatch, SetStateAction } from 'react'
 
@@ -13,6 +14,7 @@ import { useGlobalImportJsonParser } from '@/components/settings/DataManagement/
 import FileIcon from '@/public/images/settings/data/file.svg'
 import { ImportFileUpload } from '@/components/settings/DataManagement/ImportFileUpload'
 import { showNotification } from '@/store/notificationsSlice'
+import { visitedSafesSlice } from '@/store/visitedSafesSlice'
 
 import css from './styles.module.css'
 
@@ -30,10 +32,11 @@ export const ImportDialog = ({
   setJsonData: Dispatch<SetStateAction<string | undefined>>
 }): ReactElement => {
   const dispatch = useAppDispatch()
-  const { addedSafes, addedSafesCount, addressBook, addressBookEntriesCount, settings, safeApps, error } =
+  const { addedSafes, addressBook, addressBookEntriesCount, settings, safeApps, undeployedSafes, visitedSafes, error } =
     useGlobalImportJsonParser(jsonData)
 
-  const isDisabled = (!addedSafes && !addressBook && !settings && !safeApps) || !!error
+  const isDisabled =
+    (!addedSafes && !addressBook && !settings && !safeApps && !undeployedSafes && !visitedSafes) || !!error
 
   const handleClose = () => {
     setFileName(undefined)
@@ -67,6 +70,16 @@ export const ImportDialog = ({
       trackEvent(SETTINGS_EVENTS.DATA.IMPORT_SAFE_APPS)
     }
 
+    if (undeployedSafes) {
+      dispatch(undeployedSafesSlice.actions.addUndeployedSafes(undeployedSafes))
+      trackEvent(SETTINGS_EVENTS.DATA.IMPORT_UNDEPLOYED_SAFES)
+    }
+
+    if (visitedSafes) {
+      dispatch(visitedSafesSlice.actions.setVisitedSafes(visitedSafes))
+      trackEvent(SETTINGS_EVENTS.DATA.IMPORT_VISITED_SAFES)
+    }
+
     dispatch(
       showNotification({
         variant: 'success',
@@ -104,6 +117,8 @@ export const ImportDialog = ({
               addressBook={addressBook}
               settings={settings}
               safeApps={safeApps}
+              visitedSafes={visitedSafes}
+              undeployedSafes={undeployedSafes}
               error={error}
               showPreview
             />
diff --git a/src/components/settings/DataManagement/ImportFileUpload.tsx b/apps/web/src/components/settings/DataManagement/ImportFileUpload.tsx
similarity index 89%
rename from src/components/settings/DataManagement/ImportFileUpload.tsx
rename to apps/web/src/components/settings/DataManagement/ImportFileUpload.tsx
index 4eb4d6c7e..e123b0e37 100644
--- a/src/components/settings/DataManagement/ImportFileUpload.tsx
+++ b/apps/web/src/components/settings/DataManagement/ImportFileUpload.tsx
@@ -5,6 +5,7 @@ import type { Dispatch, SetStateAction } from 'react'
 
 import FileUpload, { FileTypes } from '@/components/common/FileUpload'
 import InfoIcon from '@/public/images/notifications/info.svg'
+import { BRAND_NAME } from '@/config/constants'
 
 const AcceptedMimeTypes = {
   'application/json': ['.json'],
@@ -52,7 +53,7 @@ export const ImportFileUpload = ({
 
   return (
     <>
-      <Typography>Import {'Rootstock Safe'} data by uploading a file in the area below.</Typography>
+      <Typography>Import {BRAND_NAME} data by uploading a file in the area below.</Typography>
 
       <FileUpload
         fileType={FileTypes.JSON}
@@ -74,7 +75,7 @@ export const ImportFileUpload = ({
             mr: 0.5,
           }}
         />
-        Only JSON files exported from the {'Rootstock Safe'} can be imported.
+        Only JSON files exported from the {BRAND_NAME} can be imported.
       </Typography>
     </>
   )
diff --git a/src/components/settings/DataManagement/__tests__/useGlobalImportFileParser.test.ts b/apps/web/src/components/settings/DataManagement/__tests__/useGlobalImportFileParser.test.ts
similarity index 100%
rename from src/components/settings/DataManagement/__tests__/useGlobalImportFileParser.test.ts
rename to apps/web/src/components/settings/DataManagement/__tests__/useGlobalImportFileParser.test.ts
diff --git a/apps/web/src/components/settings/DataManagement/index.tsx b/apps/web/src/components/settings/DataManagement/index.tsx
new file mode 100644
index 000000000..3cb910ee1
--- /dev/null
+++ b/apps/web/src/components/settings/DataManagement/index.tsx
@@ -0,0 +1,155 @@
+import { useEffect, useState } from 'react'
+import { Paper, Grid, Typography, Button, SvgIcon, Box } from '@mui/material'
+
+import FileIcon from '@/public/images/settings/data/file.svg'
+import ExportIcon from '@/public/images/common/export.svg'
+import { getPersistedState, useAppSelector } from '@/store'
+import { addressBookSlice, selectAllAddressBooks } from '@/store/addressBookSlice'
+import { addedSafesSlice, selectAllAddedSafes } from '@/store/addedSafesSlice'
+import { safeAppsSlice, selectSafeApps } from '@/store/safeAppsSlice'
+import { selectSettings, settingsSlice } from '@/store/settingsSlice'
+import { selectUndeployedSafes, undeployedSafesSlice } from '@/features/counterfactual/store/undeployedSafesSlice'
+import { ImportFileUpload } from '@/components/settings/DataManagement/ImportFileUpload'
+import { ImportDialog } from '@/components/settings/DataManagement/ImportDialog'
+import { SAFE_EXPORT_VERSION } from '@/components/settings/DataManagement/useGlobalImportFileParser'
+import { FileListCard } from '@/components/settings/DataManagement/FileListCard'
+import { selectAllVisitedSafes, visitedSafesSlice } from '@/store/visitedSafesSlice'
+
+import css from './styles.module.css'
+import Track from '@/components/common/Track'
+import { OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
+import { ClearPendingTxs } from '../ClearPendingTxs'
+
+const getExportFileName = () => {
+  const today = new Date().toISOString().slice(0, 10)
+  return `safe-${today}.json`
+}
+
+export const exportAppData = () => {
+  // Extract the slices we want to export
+  const {
+    [addressBookSlice.name]: addressBook,
+    [addedSafesSlice.name]: addedSafes,
+    [settingsSlice.name]: setting,
+    [safeAppsSlice.name]: safeApps,
+    [undeployedSafesSlice.name]: undeployedSafes,
+    [visitedSafesSlice.name]: visitedSafes,
+  } = getPersistedState()
+
+  // Ensure they are under the same name as the slice
+  const exportData = {
+    [addressBookSlice.name]: addressBook,
+    [addedSafesSlice.name]: addedSafes,
+    [settingsSlice.name]: setting,
+    [safeAppsSlice.name]: safeApps,
+    [undeployedSafesSlice.name]: undeployedSafes,
+    [visitedSafesSlice.name]: visitedSafes,
+  }
+
+  const data = JSON.stringify({ version: SAFE_EXPORT_VERSION.V3, data: exportData })
+
+  const blob = new Blob([data], { type: 'text/json' })
+  const link = document.createElement('a')
+
+  link.download = getExportFileName()
+  link.href = window.URL.createObjectURL(blob)
+  link.dataset.downloadurl = ['text/json', link.download, link.href].join(':')
+  link.dispatchEvent(new MouseEvent('click'))
+}
+
+const DataManagement = () => {
+  const [exportFileName, setExportFileName] = useState('')
+  const [importFileName, setImportFileName] = useState<string>()
+  const [jsonData, setJsonData] = useState<string>()
+
+  const addedSafes = useAppSelector(selectAllAddedSafes)
+  const addressBook = useAppSelector(selectAllAddressBooks)
+  const settings = useAppSelector(selectSettings)
+  const visitedSafes = useAppSelector(selectAllVisitedSafes)
+  const safeApps = useAppSelector(selectSafeApps)
+  const undeployedSafes = useAppSelector(selectUndeployedSafes)
+
+  useEffect(() => {
+    // Prevent hydration errors
+    setExportFileName(getExportFileName())
+  }, [])
+
+  return (
+    <>
+      <Paper sx={{ p: 4, mb: 2 }}>
+        <Grid container spacing={3}>
+          <Grid item sm={4} xs={12}>
+            <Typography variant="h4" fontWeight={700}>
+              Data export
+            </Typography>
+          </Grid>
+
+          <Grid data-testid="export-file-section" item container xs>
+            <Typography>Download your local data with your added Safe Accounts, address book and settings.</Typography>
+
+            <FileListCard
+              avatar={
+                <Box className={css.fileIcon} sx={{ borderRadius: ({ shape }) => `${shape.borderRadius}px` }}>
+                  <SvgIcon component={FileIcon} inheritViewBox fontSize="small" sx={{ fill: 'none' }} />
+                </Box>
+              }
+              title={<b>{exportFileName}</b>}
+              action={
+                <Track {...OVERVIEW_EVENTS.EXPORT_DATA} label={OVERVIEW_LABELS.settings}>
+                  <Button variant="contained" className={css.exportIcon} onClick={exportAppData}>
+                    <SvgIcon component={ExportIcon} inheritViewBox fontSize="small" />
+                  </Button>
+                </Track>
+              }
+              addedSafes={addedSafes}
+              addressBook={addressBook}
+              settings={settings}
+              visitedSafes={visitedSafes}
+              safeApps={safeApps}
+              undeployedSafes={undeployedSafes}
+            />
+          </Grid>
+        </Grid>
+      </Paper>
+
+      <Paper sx={{ p: 4, mb: 2 }}>
+        <Grid container spacing={3}>
+          <Grid item sm={4} xs={12}>
+            <Typography variant="h4" fontWeight={700}>
+              Data import
+            </Typography>
+          </Grid>
+
+          <Grid item xs>
+            <ImportFileUpload setFileName={setImportFileName} setJsonData={setJsonData} />
+          </Grid>
+
+          {jsonData && (
+            <ImportDialog
+              jsonData={jsonData}
+              fileName={importFileName}
+              setJsonData={setJsonData}
+              setFileName={setImportFileName}
+            />
+          )}
+        </Grid>
+      </Paper>
+
+      <Paper sx={{ p: 4 }}>
+        <Grid container spacing={3}>
+          <Grid item sm={4} xs={12}>
+            <Typography variant="h4" fontWeight={700}>
+              Pending transactions
+            </Typography>
+          </Grid>
+
+          <Grid data-testid="clear-pending-tx-section" item container xs>
+            <ClearPendingTxs />
+          </Grid>
+        </Grid>
+      </Paper>
+    </>
+  )
+}
+
+export default DataManagement
diff --git a/src/components/settings/DataManagement/styles.module.css b/apps/web/src/components/settings/DataManagement/styles.module.css
similarity index 100%
rename from src/components/settings/DataManagement/styles.module.css
rename to apps/web/src/components/settings/DataManagement/styles.module.css
diff --git a/src/components/settings/DataManagement/useGlobalImportFileParser.ts b/apps/web/src/components/settings/DataManagement/useGlobalImportFileParser.ts
similarity index 76%
rename from src/components/settings/DataManagement/useGlobalImportFileParser.ts
rename to apps/web/src/components/settings/DataManagement/useGlobalImportFileParser.ts
index ff5c081e9..4d2dd88c4 100644
--- a/src/components/settings/DataManagement/useGlobalImportFileParser.ts
+++ b/apps/web/src/components/settings/DataManagement/useGlobalImportFileParser.ts
@@ -1,22 +1,25 @@
 import { logError } from '@/services/exceptions'
-import ErrorCodes from '@/services/exceptions/ErrorCodes'
+import ErrorCodes from '@safe-global/utils/services/exceptions/ErrorCodes'
 import { migrateAddedSafes } from '@/services/ls-migration/addedSafes'
 import { migrateAddressBook } from '@/services/ls-migration/addressBook'
-import { isChecksummedAddress } from '@/utils/addresses'
+import { isChecksummedAddress } from '@safe-global/utils/utils/addresses'
 import type { AddressBook, AddressBookState } from '@/store/addressBookSlice'
 import type { AddedSafesState } from '@/store/addedSafesSlice'
 import type { SafeAppsState } from '@/store/safeAppsSlice'
 import type { SettingsState } from '@/store/settingsSlice'
 
 import { useMemo } from 'react'
+import type { VisitedSafesState } from '@/store/visitedSafesSlice'
+import type { UndeployedSafesState } from '@safe-global/utils/features/counterfactual/store/types'
 
 export const enum SAFE_EXPORT_VERSION {
   V1 = '1.0',
   V2 = '2.0',
+  V3 = '3.0',
 }
 
 export enum ImportErrors {
-  INVALID_VERSION = 'The file is not a Rootstock Safe export.',
+  INVALID_VERSION = 'The file is not a valid export.',
   INVALID_JSON_FORMAT = 'The JSON format is invalid.',
   NO_IMPORT_DATA_FOUND = 'This file contains no importable data.',
 }
@@ -58,6 +61,13 @@ export const _filterValidAbEntries = (ab?: AddressBookState): AddressBookState |
  *  - safeApps
  *  - settings
  *
+ * 3.0:
+ *  - address book
+ *  - added Safes
+ *  - safeApps
+ *  - settings
+ *  - visited Safes
+ *
  * @param jsonData
  * @returns data to import and some insights about it
  */
@@ -67,6 +77,8 @@ type Data = {
   addressBook?: AddressBookState
   settings?: SettingsState
   safeApps?: SafeAppsState
+  undeployedSafes?: UndeployedSafesState
+  visitedSafes?: VisitedSafesState
   error?: ImportErrors
   addressBookEntriesCount: number
   addedSafesCount: number
@@ -81,6 +93,8 @@ export const useGlobalImportJsonParser = (jsonData: string | undefined): Data =>
       addedSafes: undefined,
       settings: undefined,
       safeApps: undefined,
+      undeployedSafes: undefined,
+      visitedSafes: undefined,
     }
 
     if (!jsonData) {
@@ -116,6 +130,18 @@ export const useGlobalImportJsonParser = (jsonData: string | undefined): Data =>
         data.addedSafes = parsedFile.data.addedSafes
         data.settings = parsedFile.data.settings
         data.safeApps = parsedFile.data.safeApps
+        data.undeployedSafes = parsedFile.data.undeployedSafes
+
+        break
+      }
+
+      case SAFE_EXPORT_VERSION.V3: {
+        data.addressBook = _filterValidAbEntries(parsedFile.data.addressBook)
+        data.addedSafes = parsedFile.data.addedSafes
+        data.settings = parsedFile.data.settings
+        data.safeApps = parsedFile.data.safeApps
+        data.undeployedSafes = parsedFile.data.undeployedSafes
+        data.visitedSafes = parsedFile.data.visitedSafes
 
         break
       }
diff --git a/src/components/settings/EnvironmentVariables/EnvHintButton/index.tsx b/apps/web/src/components/settings/EnvironmentVariables/EnvHintButton/index.tsx
similarity index 100%
rename from src/components/settings/EnvironmentVariables/EnvHintButton/index.tsx
rename to apps/web/src/components/settings/EnvironmentVariables/EnvHintButton/index.tsx
diff --git a/src/components/settings/EnvironmentVariables/EnvHintButton/styles.module.css b/apps/web/src/components/settings/EnvironmentVariables/EnvHintButton/styles.module.css
similarity index 100%
rename from src/components/settings/EnvironmentVariables/EnvHintButton/styles.module.css
rename to apps/web/src/components/settings/EnvironmentVariables/EnvHintButton/styles.module.css
diff --git a/apps/web/src/components/settings/EnvironmentVariables/index.tsx b/apps/web/src/components/settings/EnvironmentVariables/index.tsx
new file mode 100644
index 000000000..c200fabc2
--- /dev/null
+++ b/apps/web/src/components/settings/EnvironmentVariables/index.tsx
@@ -0,0 +1,252 @@
+import { useForm, FormProvider } from 'react-hook-form'
+import { Paper, Grid, Typography, TextField, Button, Tooltip, IconButton, SvgIcon } from '@mui/material'
+import InputAdornment from '@mui/material/InputAdornment'
+import RotateLeftIcon from '@mui/icons-material/RotateLeft'
+import { useAppDispatch, useAppSelector } from '@/store'
+import { selectSettings, setRpc, setTenderly } from '@/store/settingsSlice'
+import useChainId from '@/hooks/useChainId'
+import { useCurrentChain } from '@/hooks/useChains'
+import { SETTINGS_EVENTS, trackEvent } from '@/services/analytics'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import ExternalLink from '@/components/common/ExternalLink'
+import { TENDERLY_SIMULATE_ENDPOINT_URL } from '@safe-global/utils/config/constants'
+
+export enum EnvVariablesField {
+  rpc = 'rpc',
+  tenderlyURL = 'tenderlyURL',
+  tenderlyToken = 'tenderlyToken',
+}
+
+export type EnvVariablesFormData = {
+  [EnvVariablesField.rpc]: string
+  [EnvVariablesField.tenderlyURL]: string
+  [EnvVariablesField.tenderlyToken]: string
+}
+
+const EnvironmentVariables = () => {
+  const chainId = useChainId()
+  const chain = useCurrentChain()
+  const settings = useAppSelector(selectSettings)
+  const dispatch = useAppDispatch()
+
+  const formMethods = useForm<EnvVariablesFormData>({
+    mode: 'onChange',
+    values: {
+      [EnvVariablesField.rpc]: settings.env?.rpc[chainId] ?? '',
+      [EnvVariablesField.tenderlyURL]: settings.env?.tenderly.url ?? '',
+      [EnvVariablesField.tenderlyToken]: settings.env?.tenderly.accessToken ?? '',
+    },
+  })
+
+  const { register, handleSubmit, setValue, watch } = formMethods
+
+  const rpc = watch(EnvVariablesField.rpc)
+  const tenderlyURL = watch(EnvVariablesField.tenderlyURL)
+  const tenderlyToken = watch(EnvVariablesField.tenderlyToken)
+
+  const onSubmit = handleSubmit((data) => {
+    trackEvent({ ...SETTINGS_EVENTS.ENV_VARIABLES.SAVE })
+
+    dispatch(
+      setRpc({
+        chainId,
+        rpc: data[EnvVariablesField.rpc],
+      }),
+    )
+
+    dispatch(
+      setTenderly({
+        url: data[EnvVariablesField.tenderlyURL],
+        accessToken: data[EnvVariablesField.tenderlyToken],
+      }),
+    )
+
+    location.reload()
+  })
+
+  const onReset = (name: EnvVariablesField) => {
+    setValue(name, '')
+  }
+
+  return (
+    <Paper sx={{ padding: 4 }}>
+      <Grid
+        container
+        direction="row"
+        spacing={3}
+        sx={{
+          justifyContent: 'space-between',
+          mb: 2,
+        }}
+      >
+        <Grid item lg={4} xs={12}>
+          <Typography
+            variant="h4"
+            sx={{
+              fontWeight: 700,
+            }}
+          >
+            Environment variables
+          </Typography>
+        </Grid>
+
+        <Grid item xs>
+          <Typography
+            sx={{
+              mb: 3,
+            }}
+          >
+            You can override some of our default APIs here in case you need to. Proceed at your own risk.
+          </Typography>
+
+          <FormProvider {...formMethods}>
+            <form onSubmit={onSubmit}>
+              <Typography
+                sx={{
+                  fontWeight: 700,
+                  mb: 2,
+                  mt: 3,
+                }}
+              >
+                RPC provider
+                <Tooltip
+                  placement="top"
+                  arrow
+                  title="Any provider that implements the Ethereum JSON-RPC standard can be used."
+                >
+                  <span>
+                    <SvgIcon
+                      component={InfoIcon}
+                      inheritViewBox
+                      fontSize="small"
+                      color="border"
+                      sx={{ verticalAlign: 'middle', ml: 0.5 }}
+                    />
+                  </span>
+                </Tooltip>
+              </Typography>
+
+              <TextField
+                {...register(EnvVariablesField.rpc)}
+                variant="outlined"
+                type="url"
+                placeholder={chain?.rpcUri.value}
+                InputProps={{
+                  endAdornment: rpc ? (
+                    <InputAdornment position="end">
+                      <Tooltip title="Reset to default value">
+                        <IconButton onClick={() => onReset(EnvVariablesField.rpc)} size="small" color="primary">
+                          <RotateLeftIcon />
+                        </IconButton>
+                      </Tooltip>
+                    </InputAdornment>
+                  ) : null,
+                }}
+                fullWidth
+              />
+
+              <Typography
+                sx={{
+                  fontWeight: 700,
+                  mb: 2,
+                  mt: 3,
+                }}
+              >
+                Tenderly
+                <Tooltip
+                  placement="top"
+                  arrow
+                  title={
+                    <>
+                      You can use your own Tenderly project to keep track of all your transaction simulations.{' '}
+                      <ExternalLink
+                        color="secondary"
+                        href="https://docs.tenderly.co/simulations-and-forks/simulation-api/configuration-of-api-access"
+                      >
+                        Read more
+                      </ExternalLink>
+                    </>
+                  }
+                >
+                  <span>
+                    <SvgIcon
+                      component={InfoIcon}
+                      inheritViewBox
+                      fontSize="small"
+                      color="border"
+                      sx={{ verticalAlign: 'middle', ml: 0.5 }}
+                    />
+                  </span>
+                </Tooltip>
+              </Typography>
+
+              <Grid container spacing={2}>
+                <Grid item xs={12} md={6}>
+                  <TextField
+                    {...register(EnvVariablesField.tenderlyURL)}
+                    type="url"
+                    variant="outlined"
+                    label="Tenderly API URL"
+                    placeholder={TENDERLY_SIMULATE_ENDPOINT_URL}
+                    InputLabelProps={{
+                      shrink: true,
+                    }}
+                    InputProps={{
+                      endAdornment: tenderlyURL ? (
+                        <InputAdornment position="end">
+                          <Tooltip title="Reset to default value">
+                            <IconButton
+                              onClick={() => onReset(EnvVariablesField.tenderlyURL)}
+                              size="small"
+                              color="primary"
+                            >
+                              <RotateLeftIcon />
+                            </IconButton>
+                          </Tooltip>
+                        </InputAdornment>
+                      ) : null,
+                    }}
+                    fullWidth
+                  />
+                </Grid>
+
+                <Grid item xs={12} md={6}>
+                  <TextField
+                    {...register(EnvVariablesField.tenderlyToken)}
+                    variant="outlined"
+                    label="Tenderly access token"
+                    InputLabelProps={{
+                      shrink: true,
+                    }}
+                    InputProps={{
+                      endAdornment: tenderlyToken ? (
+                        <InputAdornment position="end">
+                          <Tooltip title="Reset to default value">
+                            <IconButton
+                              onClick={() => onReset(EnvVariablesField.tenderlyToken)}
+                              size="small"
+                              color="primary"
+                            >
+                              <RotateLeftIcon />
+                            </IconButton>
+                          </Tooltip>
+                        </InputAdornment>
+                      ) : null,
+                    }}
+                    fullWidth
+                  />
+                </Grid>
+              </Grid>
+
+              <Button type="submit" variant="contained" color="primary" sx={{ mt: 2 }}>
+                Save
+              </Button>
+            </form>
+          </FormProvider>
+        </Grid>
+      </Grid>
+    </Paper>
+  )
+}
+
+export default EnvironmentVariables
diff --git a/apps/web/src/components/settings/FallbackHandler/__tests__/index.test.tsx b/apps/web/src/components/settings/FallbackHandler/__tests__/index.test.tsx
new file mode 100644
index 000000000..af60dbc2f
--- /dev/null
+++ b/apps/web/src/components/settings/FallbackHandler/__tests__/index.test.tsx
@@ -0,0 +1,288 @@
+import { TWAP_FALLBACK_HANDLER } from '@/features/swap/helpers/utils'
+import { chainBuilder } from '@/tests/builders/chains'
+import { render, waitFor } from '@/tests/test-utils'
+
+import * as useSafeInfoHook from '@/hooks/useSafeInfo'
+import * as useChains from '@/hooks/useChains'
+import * as useTxBuilderHook from '@/hooks/safe-apps/useTxBuilderApp'
+import { FallbackHandler } from '..'
+
+const GOERLI_FALLBACK_HANDLER = '0xf48f2B2d2a534e402487b3ee7C18c33Aec0Fe5e4'
+
+const mockChain = chainBuilder().with({ chainId: '1' }).build()
+
+describe('FallbackHandler', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+
+    jest.spyOn(useTxBuilderHook, 'useTxBuilderApp').mockImplementation(() => ({
+      link: { href: 'https://mock.link/tx-builder' },
+    }))
+
+    jest.spyOn(useChains, 'useCurrentChain').mockReturnValue(mockChain)
+  })
+
+  it('should render the Fallback Handler when one is set', async () => {
+    jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
+      () =>
+        ({
+          safe: {
+            version: '1.3.0',
+            chainId: '1',
+            fallbackHandler: {
+              value: GOERLI_FALLBACK_HANDLER,
+              name: 'FallbackHandlerName',
+            },
+          },
+        }) as unknown as ReturnType<typeof useSafeInfoHook.default>,
+    )
+
+    const fbHandler = render(<FallbackHandler />, {
+      initialReduxState: { chains: { loading: false, data: [mockChain] } },
+    })
+
+    await waitFor(() => {
+      expect(
+        fbHandler.queryByText(
+          'The fallback handler adds fallback logic for funtionality that may not be present in the Safe contract. Learn more about the fallback handler',
+        ),
+      ).toBeDefined()
+
+      expect(fbHandler.getByText(GOERLI_FALLBACK_HANDLER)).toBeDefined()
+
+      expect(fbHandler.getByText('FallbackHandlerName')).toBeDefined()
+    })
+  })
+
+  it('should render the Fallback Handler without warning when one that is not a default address is set', async () => {
+    const OPTIMISM_FALLBACK_HANDLER = '0x69f4D1788e39c87893C980c06EdF4b7f686e2938'
+
+    // Optimism is not a "default" address
+    expect(OPTIMISM_FALLBACK_HANDLER).not.toBe(GOERLI_FALLBACK_HANDLER)
+
+    jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
+      () =>
+        ({
+          safe: {
+            version: '1.3.0',
+            chainId: '10',
+            fallbackHandler: {
+              value: OPTIMISM_FALLBACK_HANDLER,
+              name: 'FallbackHandlerName',
+            },
+          },
+        }) as unknown as ReturnType<typeof useSafeInfoHook.default>,
+    )
+
+    const fbHandler = render(<FallbackHandler />, {
+      initialReduxState: { chains: { loading: false, data: [mockChain] } },
+    })
+
+    await waitFor(() => {
+      expect(
+        fbHandler.queryByText(
+          'The fallback handler adds fallback logic for funtionality that may not be present in the Safe contract. Learn more about the fallback handler',
+        ),
+      ).toBeDefined()
+
+      expect(fbHandler.getByText(OPTIMISM_FALLBACK_HANDLER)).toBeDefined()
+
+      expect(fbHandler.getByText('FallbackHandlerName')).toBeDefined()
+
+      expect(fbHandler.queryByText('An unofficial fallback handler is currently set.')).not.toBeInTheDocument()
+    })
+  })
+
+  it('should use the official deployment name if the address is official but no known name is present', async () => {
+    jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
+      () =>
+        ({
+          safe: {
+            version: '1.3.0',
+            chainId: '5',
+            fallbackHandler: {
+              value: GOERLI_FALLBACK_HANDLER,
+            },
+          },
+        }) as unknown as ReturnType<typeof useSafeInfoHook.default>,
+    )
+
+    const fbHandler = render(<FallbackHandler />, {
+      initialReduxState: { chains: { loading: false, data: [mockChain] } },
+    })
+
+    await waitFor(() => {
+      expect(fbHandler.getByText('CompatibilityFallbackHandler')).toBeDefined()
+    })
+  })
+
+  describe('No Fallback Handler', () => {
+    it('should render a warning when no Fallback Handler is set', async () => {
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
+        () =>
+          ({
+            safe: {
+              version: '1.3.0',
+              chainId: '5',
+            },
+          }) as unknown as ReturnType<typeof useSafeInfoHook.default>,
+      )
+
+      const fbHandler = render(<FallbackHandler />)
+
+      await waitFor(() => {
+        expect(
+          fbHandler.queryByText(
+            new RegExp('The Rootstock Safe may not work correctly as no fallback handler is currently set.'),
+          ),
+        ).toBeInTheDocument()
+        expect(fbHandler.queryByText('Transaction Builder')).toBeInTheDocument()
+      })
+    })
+
+    it('should conditionally append the Transaction Builder link', async () => {
+      jest.spyOn(useTxBuilderHook, 'useTxBuilderApp').mockImplementation(() => undefined)
+
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
+        () =>
+          ({
+            safe: {
+              version: '1.3.0',
+              chainId: '5',
+            },
+          }) as unknown as ReturnType<typeof useSafeInfoHook.default>,
+      )
+
+      const fbHandler = render(<FallbackHandler />)
+
+      await waitFor(() => {
+        expect(
+          fbHandler.queryByText(
+            new RegExp('The Rootstock Safe may not work correctly as no fallback handler is currently set.'),
+          ),
+        ).toBeInTheDocument()
+        expect(fbHandler.queryByText('Transaction Builder')).not.toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Unofficial Fallback Handler', () => {
+    it('should render placeholder and warning when an unofficial Fallback Handler is set', async () => {
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
+        () =>
+          ({
+            safe: {
+              version: '1.3.0',
+              chainId: '5',
+              fallbackHandler: {
+                value: '0x123',
+              },
+            },
+          }) as unknown as ReturnType<typeof useSafeInfoHook.default>,
+      )
+
+      const fbHandler = render(<FallbackHandler />)
+
+      await waitFor(() => {
+        expect(
+          fbHandler.queryByText(
+            'The fallback handler adds fallback logic for funtionality that may not be present in the Safe Account contract. Learn more about the fallback handler',
+          ),
+        ).toBeDefined()
+
+        expect(fbHandler.getByText('0x123')).toBeDefined()
+      })
+
+      await waitFor(() => {
+        expect(fbHandler.queryByText(new RegExp('An unofficial fallback handler is currently set.')))
+        expect(fbHandler.queryByText('Transaction Builder')).toBeInTheDocument()
+      })
+    })
+
+    it('should conditionally append the Transaction Builder link', async () => {
+      jest.spyOn(useTxBuilderHook, 'useTxBuilderApp').mockImplementation(() => undefined)
+
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
+        () =>
+          ({
+            safe: {
+              version: '1.3.0',
+              chainId: '5',
+              fallbackHandler: {
+                value: '0x123',
+              },
+            },
+          }) as unknown as ReturnType<typeof useSafeInfoHook.default>,
+      )
+
+      const fbHandler = render(<FallbackHandler />)
+
+      await waitFor(() => {
+        expect(fbHandler.queryByText(new RegExp('An unofficial fallback handler is currently set.')))
+        expect(fbHandler.queryByText('Transaction Builder')).not.toBeInTheDocument()
+      })
+    })
+  })
+
+  it('should render nothing if the Safe Account version does not support Fallback Handlers', () => {
+    jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
+      () =>
+        ({
+          safe: {
+            version: '1.0.0',
+            chainId: '5',
+          },
+        }) as unknown as ReturnType<typeof useSafeInfoHook.default>,
+    )
+
+    const fbHandler = render(<FallbackHandler />)
+
+    expect(fbHandler.container).toBeEmptyDOMElement()
+  })
+
+  it('should display a message in case it is a TWAP fallback handler', () => {
+    jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
+      () =>
+        ({
+          safe: {
+            version: '1.3.0',
+            chainId: '1',
+            fallbackHandler: {
+              value: TWAP_FALLBACK_HANDLER,
+            },
+          },
+        }) as unknown as ReturnType<typeof useSafeInfoHook.default>,
+    )
+
+    const { getByText } = render(<FallbackHandler />)
+
+    expect(
+      getByText(
+        "This is CoW's fallback handler. It is needed for this Safe to be able to use the TWAP feature for Swaps.",
+      ),
+    ).toBeInTheDocument()
+  })
+
+  it('should not display a message in case it is a TWAP fallback handler on an unsupported network', () => {
+    jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
+      () =>
+        ({
+          safe: {
+            version: '1.3.0',
+            chainId: '10',
+            fallbackHandler: {
+              value: TWAP_FALLBACK_HANDLER,
+            },
+          },
+        }) as unknown as ReturnType<typeof useSafeInfoHook.default>,
+    )
+
+    const { queryByText } = render(<FallbackHandler />)
+
+    expect(
+      queryByText(
+        "This is CoW's fallback handler. It is needed for this Safe to be able to use the TWAP feature for Swaps.",
+      ),
+    ).not.toBeInTheDocument()
+  })
+})
diff --git a/apps/web/src/components/settings/FallbackHandler/index.tsx b/apps/web/src/components/settings/FallbackHandler/index.tsx
new file mode 100644
index 000000000..2e06fea80
--- /dev/null
+++ b/apps/web/src/components/settings/FallbackHandler/index.tsx
@@ -0,0 +1,133 @@
+import NextLink from 'next/link'
+import { Typography, Box, Grid, Paper, Link } from '@mui/material'
+import semverSatisfies from 'semver/functions/satisfies'
+import type { ReactElement } from 'react'
+import classnames from 'classnames'
+
+import EthHashInfo from '@/components/common/EthHashInfo'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { BRAND_NAME } from '@/config/constants'
+import ExternalLink from '@/components/common/ExternalLink'
+import { useTxBuilderApp } from '@/hooks/safe-apps/useTxBuilderApp'
+import { useCompatibilityFallbackHandlerDeployments } from '@/hooks/useCompatibilityFallbackHandlerDeployments'
+import { useHasUntrustedFallbackHandler } from '@/hooks/useHasUntrustedFallbackHandler'
+import css from '../TransactionGuards/styles.module.css'
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+import { useIsTWAPFallbackHandler } from '@/features/swap/hooks/useIsTWAPFallbackHandler'
+
+const FALLBACK_HANDLER_VERSION = '>=1.1.1'
+
+export const FallbackHandlerWarning = ({
+  message,
+  txBuilderLinkPrefix = 'It can be altered via the',
+}: {
+  message: ReactElement | string
+  txBuilderLinkPrefix?: string
+}) => {
+  const txBuilder = useTxBuilderApp()
+  return (
+    <>
+      {message}
+      {!!txBuilder && !!txBuilderLinkPrefix && (
+        <>
+          {` ${txBuilderLinkPrefix} `}
+          <NextLink href={txBuilder.link} passHref legacyBehavior>
+            <Link>Transaction Builder</Link>
+          </NextLink>
+          .
+        </>
+      )}
+    </>
+  )
+}
+
+export const FallbackHandler = (): ReactElement | null => {
+  const { safe } = useSafeInfo()
+  const fallbackHandlerDeployments = useCompatibilityFallbackHandlerDeployments()
+  const isTWAPFallbackHandler = useIsTWAPFallbackHandler()
+  const isUntrusted = useHasUntrustedFallbackHandler()
+
+  const supportsFallbackHandler = !!safe.version && semverSatisfies(safe.version, FALLBACK_HANDLER_VERSION)
+
+  if (!supportsFallbackHandler) {
+    return null
+  }
+
+  const hasFallbackHandler = !!safe.fallbackHandler
+
+  const warning = !hasFallbackHandler ? (
+    <FallbackHandlerWarning
+      message={`The ${BRAND_NAME} may not work correctly as no fallback handler is currently set.`}
+      txBuilderLinkPrefix="It can be set via the"
+    />
+  ) : isTWAPFallbackHandler ? (
+    <>This is CoW&apos;s fallback handler. It is needed for this Safe to be able to use the TWAP feature for Swaps.</>
+  ) : isUntrusted ? (
+    <FallbackHandlerWarning
+      message={
+        <>
+          An <b>unofficial</b> fallback handler is currently set.
+        </>
+      }
+    />
+  ) : undefined
+
+  return (
+    <Paper sx={{ padding: 4 }}>
+      <Grid
+        container
+        direction="row"
+        spacing={3}
+        sx={{
+          justifyContent: 'space-between',
+        }}
+      >
+        <Grid item lg={4} xs={12}>
+          <Typography
+            variant="h4"
+            sx={{
+              fontWeight: 700,
+            }}
+          >
+            Fallback handler
+          </Typography>
+        </Grid>
+
+        <Grid item xs>
+          <Box>
+            <Typography>
+              The fallback handler adds fallback logic for funtionality that may not be present in the Safe Account
+              contract. Learn more about the fallback handler{' '}
+              <ExternalLink href={HelpCenterArticle.FALLBACK_HANDLER}>here</ExternalLink>
+            </Typography>
+
+            <Box
+              className={classnames(css.guardDisplay, {
+                [css.warning]: !hasFallbackHandler,
+                [css.info]: hasFallbackHandler && isUntrusted,
+              })}
+              sx={{ display: 'block !important' }}
+            >
+              {warning && (
+                <Typography variant="body2" width="100%" mb={hasFallbackHandler ? 1 : 0}>
+                  {warning}
+                </Typography>
+              )}
+
+              {safe.fallbackHandler && (
+                <EthHashInfo
+                  shortAddress={false}
+                  name={safe.fallbackHandler.name || fallbackHandlerDeployments?.contractName}
+                  address={safe.fallbackHandler.value}
+                  customAvatar={safe.fallbackHandler.logoUri || undefined}
+                  showCopyButton
+                  hasExplorer
+                />
+              )}
+            </Box>
+          </Box>
+        </Grid>
+      </Grid>
+    </Paper>
+  )
+}
diff --git a/apps/web/src/components/settings/NestedSafesList/index.tsx b/apps/web/src/components/settings/NestedSafesList/index.tsx
new file mode 100644
index 000000000..4786c8a07
--- /dev/null
+++ b/apps/web/src/components/settings/NestedSafesList/index.tsx
@@ -0,0 +1,126 @@
+import { Paper, Grid2, Typography, Button, SvgIcon, Tooltip, IconButton } from '@mui/material'
+import { skipToken } from '@reduxjs/toolkit/query'
+import { useContext, useMemo, useState } from 'react'
+import type { ReactElement } from 'react'
+
+import AddIcon from '@/public/images/common/add.svg'
+import EditIcon from '@/public/images/common/edit.svg'
+import CheckWallet from '@/components/common/CheckWallet'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { CreateNestedSafe } from '@/components/tx-flow/flows/CreateNestedSafe'
+import EntryDialog from '@/components/address-book/EntryDialog'
+import { TxModalContext } from '@/components/tx-flow'
+import EnhancedTable from '@/components/common/EnhancedTable'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useGetOwnedSafesQuery } from '@/store/slices'
+import { NESTED_SAFE_EVENTS } from '@/services/analytics/events/nested-safes'
+import Track from '@/components/common/Track'
+import { useHasFeature } from '@/hooks/useChains'
+
+import tableCss from '@/components/common/EnhancedTable/styles.module.css'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+export function NestedSafesList(): ReactElement | null {
+  const isEnabled = useHasFeature(FEATURES.NESTED_SAFES)
+  const { setTxFlow } = useContext(TxModalContext)
+  const [addressToRename, setAddressToRename] = useState<string | null>(null)
+
+  const { safe, safeLoaded, safeAddress } = useSafeInfo()
+  const { data: nestedSafes } = useGetOwnedSafesQuery(
+    isEnabled && safeLoaded ? { chainId: safe.chainId, ownerAddress: safeAddress } : skipToken,
+  )
+
+  const rows = useMemo(() => {
+    return nestedSafes?.safes.map((nestedSafe) => {
+      return {
+        cells: {
+          owner: {
+            rawValue: nestedSafe,
+            content: (
+              <EthHashInfo address={nestedSafe} showCopyButton shortAddress={false} showName={true} hasExplorer />
+            ),
+          },
+          actions: {
+            rawValue: '',
+            sticky: true,
+            content: (
+              <div className={tableCss.actions}>
+                <CheckWallet>
+                  {(isOk) => (
+                    <Track {...NESTED_SAFE_EVENTS.RENAME}>
+                      <Tooltip title={isOk ? 'Rename nested Safe' : undefined}>
+                        <span>
+                          <IconButton onClick={() => setAddressToRename(nestedSafe)} size="small" disabled={!isOk}>
+                            <SvgIcon component={EditIcon} inheritViewBox fontSize="small" color="border" />
+                          </IconButton>
+                        </span>
+                      </Tooltip>
+                    </Track>
+                  )}
+                </CheckWallet>
+              </div>
+            ),
+          },
+        },
+      }
+    })
+  }, [nestedSafes?.safes])
+
+  if (!isEnabled) {
+    return null
+  }
+
+  return (
+    <>
+      <Paper sx={{ padding: 4, mt: 2 }}>
+        <Grid2 container direction="row" justifyContent="space-between" spacing={3} mb={2}>
+          <Grid2 size={{ lg: 4, xs: 12 }}>
+            <Typography variant="h4" fontWeight={700}>
+              Nested Safes
+            </Typography>
+          </Grid2>
+
+          <Grid2 size="grow">
+            <Typography mb={3}>
+              Nested Safes are separate wallets owned by your main Account, perfect for organizing different funds and
+              projects.
+            </Typography>
+
+            {nestedSafes?.safes.length === 0 && (
+              <Typography mb={3}>
+                You don&apos;t have any Nested Safes yet. Set one up now to better organize your assets
+              </Typography>
+            )}
+
+            {safe.deployed && (
+              <CheckWallet>
+                {(isOk) => (
+                  <Button
+                    onClick={() => setTxFlow(<CreateNestedSafe />)}
+                    variant="text"
+                    startIcon={<SvgIcon component={AddIcon} inheritViewBox fontSize="small" />}
+                    disabled={!isOk}
+                    sx={{ mb: 3 }}
+                  >
+                    Add nested Safe
+                  </Button>
+                )}
+              </CheckWallet>
+            )}
+
+            {rows && rows.length > 0 && <EnhancedTable rows={rows} headCells={[]} />}
+          </Grid2>
+        </Grid2>
+      </Paper>
+
+      {addressToRename && (
+        <EntryDialog
+          handleClose={() => setAddressToRename(null)}
+          defaultValues={{ name: '', address: addressToRename }}
+          chainIds={[safe.chainId]}
+          disableAddressInput
+        />
+      )}
+    </>
+  )
+}
diff --git a/apps/web/src/components/settings/ProposersList/index.tsx b/apps/web/src/components/settings/ProposersList/index.tsx
new file mode 100644
index 000000000..97cbc82aa
--- /dev/null
+++ b/apps/web/src/components/settings/ProposersList/index.tsx
@@ -0,0 +1,130 @@
+import { Chip } from '@/components/common/Chip'
+import EnhancedTable from '@/components/common/EnhancedTable'
+import tableCss from '@/components/common/EnhancedTable/styles.module.css'
+import OnlyOwner from '@/components/common/OnlyOwner'
+import Track from '@/components/common/Track'
+import UpsertProposer from '@/features/proposers/components/UpsertProposer'
+import DeleteProposerDialog from '@/features/proposers/components/DeleteProposerDialog'
+import EditProposerDialog from '@/features/proposers/components/EditProposerDialog'
+import { useHasFeature } from '@/hooks/useChains'
+import useProposers from '@/hooks/useProposers'
+import AddIcon from '@/public/images/common/add.svg'
+import { SETTINGS_EVENTS } from '@/services/analytics'
+import { Box, Button, Grid, Paper, SvgIcon, Typography } from '@mui/material'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import ExternalLink from '@/components/common/ExternalLink'
+import React, { useMemo, useState } from 'react'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+const headCells = [
+  {
+    id: 'proposer',
+    label: 'Proposer',
+  },
+  {
+    id: 'creator',
+    label: 'Creator',
+  },
+  {
+    id: 'Actions',
+    label: '',
+  },
+]
+
+const ProposersList = () => {
+  const [isAddDialogOpen, setIsAddDialogOpen] = useState<boolean>()
+  const proposers = useProposers()
+  const isEnabled = useHasFeature(FEATURES.PROPOSERS)
+
+  const rows = useMemo(() => {
+    if (!proposers.data) return []
+
+    return proposers.data.results.map((proposer) => {
+      return {
+        cells: {
+          proposer: {
+            rawValue: proposer.delegate,
+            content: (
+              <EthHashInfo
+                address={proposer.delegate}
+                showCopyButton
+                hasExplorer
+                name={proposer.label || undefined}
+                shortAddress
+              />
+            ),
+          },
+
+          creator: {
+            rawValue: proposer.delegator,
+            content: <EthHashInfo address={proposer.delegator} showCopyButton hasExplorer shortAddress />,
+          },
+          actions: {
+            rawValue: '',
+            sticky: true,
+            content: isEnabled && (
+              <div className={tableCss.actions}>
+                <EditProposerDialog proposer={proposer} />
+                <DeleteProposerDialog proposer={proposer} />
+              </div>
+            ),
+          },
+        },
+      }
+    })
+  }, [isEnabled, proposers.data])
+
+  if (!proposers.data?.results) return null
+
+  const onAdd = () => {
+    setIsAddDialogOpen(true)
+  }
+
+  return (
+    <Paper sx={{ mt: 2 }}>
+      <Box data-testid="proposer-section" display="flex" flexDirection="column" gap={2}>
+        <Grid container spacing={3}>
+          <Grid item xs>
+            <Typography fontWeight="bold" mb={2}>
+              Proposers <Chip label="New" sx={{ backgroundColor: 'secondary.light', color: 'static.main' }} />
+            </Typography>
+            <Typography mb={2}>
+              Proposers can suggest transactions but cannot approve or execute them. Signers should review and approve
+              transactions first. <ExternalLink href={HelpCenterArticle.PROPOSERS}>Learn more</ExternalLink>
+            </Typography>
+
+            {isEnabled && (
+              <Box mb={2}>
+                <OnlyOwner>
+                  {(isOk) => (
+                    <Track {...SETTINGS_EVENTS.PROPOSERS.ADD_PROPOSER}>
+                      <Button
+                        data-testid="add-proposer-btn"
+                        onClick={onAdd}
+                        variant="text"
+                        startIcon={<SvgIcon component={AddIcon} inheritViewBox fontSize="small" />}
+                        disabled={!isOk}
+                        size="compact"
+                      >
+                        Add proposer
+                      </Button>
+                    </Track>
+                  )}
+                </OnlyOwner>
+              </Box>
+            )}
+
+            {rows.length > 0 && <EnhancedTable rows={rows} headCells={headCells} />}
+          </Grid>
+
+          {isAddDialogOpen && (
+            <UpsertProposer onClose={() => setIsAddDialogOpen(false)} onSuccess={() => setIsAddDialogOpen(false)} />
+          )}
+        </Grid>
+      </Box>
+    </Paper>
+  )
+}
+
+export default ProposersList
diff --git a/src/components/settings/PushNotifications/GlobalPushNotifications.tsx b/apps/web/src/components/settings/PushNotifications/GlobalPushNotifications.tsx
similarity index 93%
rename from src/components/settings/PushNotifications/GlobalPushNotifications.tsx
rename to apps/web/src/components/settings/PushNotifications/GlobalPushNotifications.tsx
index c0374ddb5..da61745bc 100644
--- a/src/components/settings/PushNotifications/GlobalPushNotifications.tsx
+++ b/apps/web/src/components/settings/PushNotifications/GlobalPushNotifications.tsx
@@ -1,4 +1,4 @@
-import { selectUndeployedSafes, type UndeployedSafesState } from '@/features/counterfactual/store/undeployedSafesSlice'
+import { selectUndeployedSafes } from '@/features/counterfactual/store/undeployedSafesSlice'
 import {
   Box,
   Grid,
@@ -23,7 +23,7 @@ import type { AllOwnedSafes } from '@safe-global/safe-gateway-typescript-sdk'
 import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
 
 import EthHashInfo from '@/components/common/EthHashInfo'
-import { sameAddress } from '@/utils/addresses'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
 import useChains from '@/hooks/useChains'
 import { useAppSelector } from '@/store'
 import { useNotificationPreferences } from './hooks/useNotificationPreferences'
@@ -33,12 +33,16 @@ import { PUSH_NOTIFICATION_EVENTS } from '@/services/analytics/events/push-notif
 import { requestNotificationPermission } from './logic'
 import type { NotifiableSafes } from './logic'
 import type { PushNotificationPreferences } from '@/services/push-notifications/preferences'
-import CheckWallet from '@/components/common/CheckWallet'
+import CheckWalletWithPermission from '@/components/common/CheckWalletWithPermission'
+import { Permission } from '@/permissions/config'
 
 import css from './styles.module.css'
-import useAllOwnedSafes from '@/components/welcome/MyAccounts/useAllOwnedSafes'
+import useAllOwnedSafes from '@/features/myAccounts/hooks/useAllOwnedSafes'
 import useWallet from '@/hooks/wallets/useWallet'
 import { selectAllAddedSafes, type AddedSafesState } from '@/store/addedSafesSlice'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+import { useNotificationsRenewal } from './hooks/useNotificationsRenewal'
+import type { UndeployedSafesState } from '@safe-global/utils/features/counterfactual/store/types'
 
 // UI logic
 
@@ -267,6 +271,8 @@ export const GlobalPushNotifications = (): ReactElement | null => {
   const { unregisterDeviceNotifications, unregisterSafeNotifications, registerNotifications } =
     useNotificationRegistrations()
 
+  const { safesForRenewal } = useNotificationsRenewal()
+
   // Safes selected in the UI
   const [selectedSafes, setSelectedSafes] = useState<NotifiableSafes>({})
 
@@ -348,7 +354,11 @@ export const GlobalPushNotifications = (): ReactElement | null => {
 
     const registrationPromises: Array<Promise<unknown>> = []
 
-    const safesToRegister = _getSafesToRegister(selectedSafes, currentNotifiedSafes)
+    const newlySelectedSafes = _getSafesToRegister(selectedSafes, currentNotifiedSafes)
+
+    // Merge Safes that need to be registered with the ones for which notifications need to be renewed
+    const safesToRegister = _mergeNotifiableSafes(newlySelectedSafes, {}, safesForRenewal)
+
     if (safesToRegister) {
       registrationPromises.push(registerNotifications(safesToRegister))
     }
@@ -374,7 +384,7 @@ export const GlobalPushNotifications = (): ReactElement | null => {
 
   if (totalNotifiableSafes === 0) {
     return (
-      <Typography color={({ palette }) => palette.primary.light}>
+      <Typography sx={{ color: ({ palette }) => palette.primary.light }}>
         {address ? 'No owned Safes' : 'No wallet connected'}
       </Typography>
     )
@@ -391,17 +401,17 @@ export const GlobalPushNotifications = (): ReactElement | null => {
           {totalSignaturesRequired > 0 && (
             <Typography display="inline" mr={2} textAlign="right">
               We&apos;ll ask you to verify ownership of each Safe Account with your signature per chain{' '}
-              {totalSignaturesRequired} time{totalSignaturesRequired > 1 ? 's' : ''}
+              {totalSignaturesRequired} time{maybePlural(totalSignaturesRequired)}
             </Typography>
           )}
 
-          <CheckWallet allowNonOwner>
+          <CheckWalletWithPermission permission={Permission.EnablePushNotifications}>
             {(isOk) => (
               <Button variant="contained" disabled={!canSave || !isOk || isLoading} onClick={onSave}>
                 {isLoading ? <CircularProgress size={20} /> : 'Save'}
               </Button>
             )}
-          </CheckWallet>
+          </CheckWalletWithPermission>
         </Box>
       </Grid>
 
diff --git a/src/components/settings/PushNotifications/__tests__/GlobalPushNotifications.test.ts b/apps/web/src/components/settings/PushNotifications/__tests__/GlobalPushNotifications.test.ts
similarity index 93%
rename from src/components/settings/PushNotifications/__tests__/GlobalPushNotifications.test.ts
rename to apps/web/src/components/settings/PushNotifications/__tests__/GlobalPushNotifications.test.ts
index 734d7d5d8..ab97984ca 100644
--- a/src/components/settings/PushNotifications/__tests__/GlobalPushNotifications.test.ts
+++ b/apps/web/src/components/settings/PushNotifications/__tests__/GlobalPushNotifications.test.ts
@@ -1,5 +1,4 @@
-import type { UndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
-import type { AllOwnedSafes, ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
 
 import {
   _mergeNotifiableSafes,
@@ -17,6 +16,8 @@ import {
   _transformAddedSafes,
 } from '../GlobalPushNotifications'
 import type { AddedSafesState } from '@/store/addedSafesSlice'
+import type { UndeployedSafe } from '@safe-global/utils/features/counterfactual/store/types'
+import type { OwnersGetAllSafesByOwnerV2ApiResponse as AllOwnedSafes } from '@safe-global/store/gateway/AUTO_GENERATED/owners'
 
 describe('GlobalPushNotifications', () => {
   describe('transformAddedSafes', () => {
@@ -94,6 +95,38 @@ describe('GlobalPushNotifications', () => {
 
       expect(_mergeNotifiableSafes(ownedSafes, addedSafes)).toEqual(expectedNotifiableSafes)
     })
+
+    it('should display an empty array of safes for a chain with unowned safes = null ', () => {
+      const currentSubscriptions = {
+        '1': ['0x111', '0x222'],
+        '4': ['0x111'],
+      }
+
+      const addedSafes = {
+        '1': {
+          '0x111': {},
+          '0x333': {},
+        },
+        '4': {
+          '0x222': {},
+          '0x333': {},
+        },
+      } as unknown as AddedSafesState
+
+      const ownedSafes = {
+        '1': ['0x111', '0x444'],
+        '3': null,
+        '4': null,
+      } as unknown as AllOwnedSafes
+
+      const expectedNotifiableSafes = {
+        '1': ['0x111', '0x222', '0x444'],
+        '3': [],
+        '4': ['0x111'],
+      }
+
+      expect(_mergeNotifiableSafes(ownedSafes, addedSafes, currentSubscriptions)).toEqual(expectedNotifiableSafes)
+    })
   })
 
   describe('filterUndeployedSafes', () => {
diff --git a/apps/web/src/components/settings/PushNotifications/__tests__/logic.test.ts b/apps/web/src/components/settings/PushNotifications/__tests__/logic.test.ts
new file mode 100644
index 000000000..e7abd0b6e
--- /dev/null
+++ b/apps/web/src/components/settings/PushNotifications/__tests__/logic.test.ts
@@ -0,0 +1,145 @@
+import * as firebase from 'firebase/messaging'
+import { DeviceType } from '@safe-global/safe-gateway-typescript-sdk/dist/types/notifications'
+import { BrowserProvider, type JsonRpcSigner, toBeHex } from 'ethers'
+
+import * as logic from '../logic'
+import * as web3 from '@/hooks/wallets/web3'
+import packageJson from '../../../../../package.json'
+import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import { MockEip1193Provider } from '@/tests/mocks/providers'
+
+jest.mock('firebase/messaging')
+
+Object.defineProperty(globalThis, 'crypto', {
+  value: {
+    randomUUID: () => Math.random().toString(),
+  },
+})
+
+Object.defineProperty(globalThis, 'navigator', {
+  value: {
+    serviceWorker: {
+      getRegistrations: () => [],
+    },
+  },
+})
+
+Object.defineProperty(globalThis, 'location', {
+  value: {
+    origin: 'https://app.safe.global',
+  },
+})
+
+const SIGNATURE =
+  '0x844ba559793a122c5742e9d922ed1f4650d4efd8ea35191105ddaee6a604000165c14f56278bda8d52c9400cdaeaf5cdc38d3596264cc5ccd8f03e5619d5d9d41b'
+
+describe('Notifications', () => {
+  let alertMock = jest.fn()
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+
+    window.alert = alertMock
+  })
+
+  describe('requestNotificationPermission', () => {
+    let requestPermissionMock = jest.fn()
+
+    beforeEach(() => {
+      globalThis.Notification = {
+        requestPermission: requestPermissionMock,
+        permission: 'default',
+      } as unknown as jest.Mocked<typeof Notification>
+    })
+
+    it('should return true and not request permission again if already granted', async () => {
+      globalThis.Notification = {
+        requestPermission: requestPermissionMock,
+        permission: 'granted',
+      } as unknown as jest.Mocked<typeof Notification>
+
+      const result = await logic.requestNotificationPermission()
+
+      expect(requestPermissionMock).not.toHaveBeenCalled()
+      expect(result).toBe(true)
+    })
+
+    it('should return false if permission is denied', async () => {
+      requestPermissionMock.mockResolvedValue('denied')
+
+      const result = await logic.requestNotificationPermission()
+
+      expect(requestPermissionMock).toHaveBeenCalledTimes(1)
+      expect(result).toBe(false)
+    })
+
+    it('should return false if permission request throw', async () => {
+      requestPermissionMock.mockImplementation(Promise.reject)
+
+      const result = await logic.requestNotificationPermission()
+
+      expect(requestPermissionMock).toHaveBeenCalledTimes(1)
+      expect(result).toBe(false)
+    })
+
+    it('should return true if permission are granted', async () => {
+      requestPermissionMock.mockResolvedValue('granted')
+
+      const result = await logic.requestNotificationPermission()
+
+      expect(requestPermissionMock).toHaveBeenCalledTimes(1)
+      expect(result).toBe(true)
+    })
+  })
+
+  describe('getRegisterDevicePayload', () => {
+    it('should return the payload with signature', async () => {
+      const token = crypto.randomUUID()
+      jest.spyOn(firebase, 'getToken').mockImplementation(() => Promise.resolve(token))
+
+      const mockProvider = new BrowserProvider(MockEip1193Provider)
+
+      jest.spyOn(mockProvider, 'getSigner').mockImplementation(() =>
+        Promise.resolve({
+          signMessage: jest.fn().mockResolvedValueOnce(SIGNATURE),
+        } as unknown as JsonRpcSigner),
+      )
+      jest.spyOn(web3, 'createWeb3').mockImplementation(() => mockProvider)
+
+      const uuid = crypto.randomUUID()
+
+      const payload = await logic.getRegisterDevicePayload({
+        safesToRegister: {
+          ['1']: [toBeHex('0x1', 20), toBeHex('0x2', 20)],
+          ['2']: [toBeHex('0x1', 20)],
+        },
+        uuid,
+        wallet: {
+          label: 'MetaMask',
+        } as ConnectedWallet,
+      })
+
+      expect(payload).toStrictEqual({
+        uuid,
+        cloudMessagingToken: token,
+        buildNumber: '0',
+        bundle: 'safe',
+        deviceType: DeviceType.WEB,
+        version: packageJson.version,
+        timestamp: expect.any(String),
+        safeRegistrations: [
+          {
+            chainId: '1',
+            safes: [toBeHex('0x1', 20), toBeHex('0x2', 20)],
+            signatures: [SIGNATURE],
+          },
+          {
+            chainId: '2',
+            safes: [toBeHex('0x1', 20)],
+            signatures: [SIGNATURE],
+          },
+        ],
+      })
+    })
+  })
+})
diff --git a/apps/web/src/components/settings/PushNotifications/constants.ts b/apps/web/src/components/settings/PushNotifications/constants.ts
new file mode 100644
index 000000000..05b37ee22
--- /dev/null
+++ b/apps/web/src/components/settings/PushNotifications/constants.ts
@@ -0,0 +1,3 @@
+export const RENEWAL_NOTIFICATION_KEY = 'renewal'
+export const RENEWAL_MESSAGE =
+  'We’ve upgraded your notification experience! To continue receiving important updates seamlessly, you’ll need to sign this message on every chain you use.'
diff --git a/src/components/settings/PushNotifications/hooks/__tests__/useNotificationPreferences.test.ts b/apps/web/src/components/settings/PushNotifications/hooks/__tests__/useNotificationPreferences.test.ts
similarity index 87%
rename from src/components/settings/PushNotifications/hooks/__tests__/useNotificationPreferences.test.ts
rename to apps/web/src/components/settings/PushNotifications/hooks/__tests__/useNotificationPreferences.test.ts
index 607c1a21c..3e457c521 100644
--- a/src/components/settings/PushNotifications/hooks/__tests__/useNotificationPreferences.test.ts
+++ b/apps/web/src/components/settings/PushNotifications/hooks/__tests__/useNotificationPreferences.test.ts
@@ -187,6 +187,71 @@ describe('useNotificationPreferences', () => {
       })
     })
 
+    describe('getChainPreferences', () => {
+      const chainId1 = '1'
+      const safeAddress1 = toBeHex('0x1', 20)
+      const safeAddress2 = toBeHex('0x2', 20)
+
+      const chainId2 = '2'
+
+      const preferences = {
+        [`${chainId1}:${safeAddress1}`]: {
+          chainId: chainId1,
+          safeAddress: safeAddress1,
+          preferences: DEFAULT_NOTIFICATION_PREFERENCES,
+        },
+        [`${chainId1}:${safeAddress2}`]: {
+          chainId: chainId1,
+          safeAddress: safeAddress2,
+          preferences: DEFAULT_NOTIFICATION_PREFERENCES,
+        },
+        [`${chainId2}:${safeAddress1}`]: {
+          chainId: chainId2,
+          safeAddress: safeAddress1,
+          preferences: DEFAULT_NOTIFICATION_PREFERENCES,
+        },
+      }
+
+      it('should return existing chain preferences', async () => {
+        await setMany(Object.entries(preferences), createPushNotificationPrefsIndexedDb())
+
+        const { result } = renderHook(() => useNotificationPreferences())
+
+        await waitFor(() => {
+          expect(result.current.getChainPreferences(chainId1)).toEqual([
+            {
+              chainId: chainId1,
+              safeAddress: safeAddress1,
+              preferences: DEFAULT_NOTIFICATION_PREFERENCES,
+            },
+            {
+              chainId: chainId1,
+              safeAddress: safeAddress2,
+              preferences: DEFAULT_NOTIFICATION_PREFERENCES,
+            },
+          ])
+        })
+      })
+
+      it('should return an empty array if no preferences exist for the chain', async () => {
+        await setMany(Object.entries(preferences), createPushNotificationPrefsIndexedDb())
+
+        const { result } = renderHook(() => useNotificationPreferences())
+
+        await waitFor(() => {
+          expect(result.current.getChainPreferences('3')).toEqual([])
+        })
+      })
+
+      it('should return an empty array if no preferences exist', async () => {
+        const { result } = renderHook(() => useNotificationPreferences())
+
+        await waitFor(() => {
+          expect(result.current.getChainPreferences('1')).toEqual([])
+        })
+      })
+    })
+
     describe('createPreferences', () => {
       it('should create preferences, then hydrate the preferences state', async () => {
         const { result } = renderHook(() => useNotificationPreferences())
diff --git a/src/components/settings/PushNotifications/hooks/__tests__/useNotificationRegistrations.test.ts b/apps/web/src/components/settings/PushNotifications/hooks/__tests__/useNotificationRegistrations.test.ts
similarity index 86%
rename from src/components/settings/PushNotifications/hooks/__tests__/useNotificationRegistrations.test.ts
rename to apps/web/src/components/settings/PushNotifications/hooks/__tests__/useNotificationRegistrations.test.ts
index c0a6cb106..26313daee 100644
--- a/src/components/settings/PushNotifications/hooks/__tests__/useNotificationRegistrations.test.ts
+++ b/apps/web/src/components/settings/PushNotifications/hooks/__tests__/useNotificationRegistrations.test.ts
@@ -8,13 +8,16 @@ import * as web3 from '@/hooks/wallets/web3'
 import * as wallet from '@/hooks/wallets/useWallet'
 import * as logic from '../../logic'
 import * as preferences from '../useNotificationPreferences'
+import * as tokenVersion from '../useNotificationsTokenVersion'
 import * as notificationsSlice from '@/store/notificationsSlice'
 import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
 import { MockEip1193Provider } from '@/tests/mocks/providers'
+import { NotificationsTokenVersion } from '@/services/push-notifications/preferences'
 
 jest.mock('@safe-global/safe-gateway-typescript-sdk')
 
 jest.mock('../useNotificationPreferences')
+jest.mock('../useNotificationsTokenVersion')
 
 Object.defineProperty(globalThis, 'crypto', {
   value: {
@@ -28,14 +31,24 @@ describe('useNotificationRegistrations', () => {
   })
 
   describe('registerNotifications', () => {
+    const setTokenVersionMock = jest.fn()
+
     beforeEach(() => {
       const mockProvider = new BrowserProvider(MockEip1193Provider)
       jest.spyOn(web3, 'createWeb3').mockImplementation(() => mockProvider)
+      jest
+        .spyOn(tokenVersion, 'useNotificationsTokenVersion')
+        .mockImplementation(
+          () =>
+            ({ setTokenVersion: setTokenVersionMock }) as unknown as ReturnType<
+              typeof tokenVersion.useNotificationsTokenVersion
+            >,
+        )
       jest.spyOn(wallet, 'default').mockImplementation(
         () =>
           ({
             label: 'MetaMask',
-          } as ConnectedWallet),
+          }) as ConnectedWallet,
       )
     })
 
@@ -75,7 +88,7 @@ describe('useNotificationRegistrations', () => {
         () =>
           ({
             uuid: undefined,
-          } as unknown as ReturnType<typeof preferences.useNotificationPreferences>),
+          }) as unknown as ReturnType<typeof preferences.useNotificationPreferences>,
       )
 
       const { result } = renderHook(() => useNotificationRegistrations())
@@ -83,6 +96,7 @@ describe('useNotificationRegistrations', () => {
       await result.current.registerNotifications({})
 
       expect(registerDeviceSpy).not.toHaveBeenCalled()
+      expect(setTokenVersionMock).not.toHaveBeenCalled()
     })
 
     it('does not create preferences/notify if registration does not succeed', async () => {
@@ -105,7 +119,7 @@ describe('useNotificationRegistrations', () => {
           ({
             uuid: self.crypto.randomUUID(),
             createPreferences: createPreferencesMock,
-          } as unknown as ReturnType<typeof preferences.useNotificationPreferences>),
+          }) as unknown as ReturnType<typeof preferences.useNotificationPreferences>,
       )
 
       const { result } = renderHook(() => useNotificationRegistrations())
@@ -115,6 +129,7 @@ describe('useNotificationRegistrations', () => {
       expect(registerDeviceSpy).toHaveBeenCalledWith(payload)
 
       expect(createPreferencesMock).not.toHaveBeenCalled()
+      expect(setTokenVersionMock).not.toHaveBeenCalled()
     })
 
     it('does not create preferences/notify if registration throws', async () => {
@@ -137,7 +152,7 @@ describe('useNotificationRegistrations', () => {
           ({
             uuid: self.crypto.randomUUID(),
             createPreferences: createPreferencesMock,
-          } as unknown as ReturnType<typeof preferences.useNotificationPreferences>),
+          }) as unknown as ReturnType<typeof preferences.useNotificationPreferences>,
       )
 
       const { result } = renderHook(() => useNotificationRegistrations())
@@ -147,6 +162,7 @@ describe('useNotificationRegistrations', () => {
       expect(registerDeviceSpy).toHaveBeenCalledWith(payload)
 
       expect(createPreferencesMock).not.toHaveBeenCalledWith()
+      expect(setTokenVersionMock).not.toHaveBeenCalledWith()
     })
 
     it('creates preferences/notifies if registration succeeded', async () => {
@@ -168,7 +184,7 @@ describe('useNotificationRegistrations', () => {
           ({
             uuid: self.crypto.randomUUID(),
             createPreferences: createPreferencesMock,
-          } as unknown as ReturnType<typeof preferences.useNotificationPreferences>),
+          }) as unknown as ReturnType<typeof preferences.useNotificationPreferences>,
       )
 
       const showNotificationSpy = jest.spyOn(notificationsSlice, 'showNotification')
@@ -181,6 +197,9 @@ describe('useNotificationRegistrations', () => {
 
       expect(createPreferencesMock).toHaveBeenCalled()
 
+      expect(setTokenVersionMock).toHaveBeenCalledTimes(1)
+      expect(setTokenVersionMock).toHaveBeenCalledWith(NotificationsTokenVersion.V2, safesToRegister)
+
       expect(showNotificationSpy).toHaveBeenCalledWith({
         groupKey: 'notifications',
         message: 'You will now receive notifications for these Safe Accounts in your browser.',
@@ -197,7 +216,7 @@ describe('useNotificationRegistrations', () => {
         () =>
           ({
             uuid: undefined,
-          } as unknown as ReturnType<typeof preferences.useNotificationPreferences>),
+          }) as unknown as ReturnType<typeof preferences.useNotificationPreferences>,
       )
 
       const { result } = renderHook(() => useNotificationRegistrations())
@@ -219,7 +238,7 @@ describe('useNotificationRegistrations', () => {
           ({
             uuid,
             deletePreferences: deletePreferencesMock,
-          } as unknown as ReturnType<typeof preferences.useNotificationPreferences>),
+          }) as unknown as ReturnType<typeof preferences.useNotificationPreferences>,
       )
 
       const { result } = renderHook(() => useNotificationRegistrations())
@@ -245,7 +264,7 @@ describe('useNotificationRegistrations', () => {
           ({
             uuid,
             deletePreferences: deletePreferencesMock,
-          } as unknown as ReturnType<typeof preferences.useNotificationPreferences>),
+          }) as unknown as ReturnType<typeof preferences.useNotificationPreferences>,
       )
 
       const { result } = renderHook(() => useNotificationRegistrations())
@@ -271,7 +290,7 @@ describe('useNotificationRegistrations', () => {
           ({
             uuid,
             deletePreferences: deletePreferencesMock,
-          } as unknown as ReturnType<typeof preferences.useNotificationPreferences>),
+          }) as unknown as ReturnType<typeof preferences.useNotificationPreferences>,
       )
 
       const { result } = renderHook(() => useNotificationRegistrations())
@@ -295,7 +314,7 @@ describe('useNotificationRegistrations', () => {
         () =>
           ({
             uuid: undefined,
-          } as unknown as ReturnType<typeof preferences.useNotificationPreferences>),
+          }) as unknown as ReturnType<typeof preferences.useNotificationPreferences>,
       )
 
       const { result } = renderHook(() => useNotificationRegistrations())
@@ -317,7 +336,7 @@ describe('useNotificationRegistrations', () => {
           ({
             uuid,
             deleteAllChainPreferences: deleteAllChainPreferencesMock,
-          } as unknown as ReturnType<typeof preferences.useNotificationPreferences>),
+          }) as unknown as ReturnType<typeof preferences.useNotificationPreferences>,
       )
 
       const { result } = renderHook(() => useNotificationRegistrations())
@@ -340,7 +359,7 @@ describe('useNotificationRegistrations', () => {
           ({
             uuid,
             deleteAllChainPreferences: deleteAllChainPreferencesMock,
-          } as unknown as ReturnType<typeof preferences.useNotificationPreferences>),
+          }) as unknown as ReturnType<typeof preferences.useNotificationPreferences>,
       )
 
       const { result } = renderHook(() => useNotificationRegistrations())
@@ -363,7 +382,7 @@ describe('useNotificationRegistrations', () => {
           ({
             uuid,
             deleteAllChainPreferences: deleteAllChainPreferencesMock,
-          } as unknown as ReturnType<typeof preferences.useNotificationPreferences>),
+          }) as unknown as ReturnType<typeof preferences.useNotificationPreferences>,
       )
 
       const { result } = renderHook(() => useNotificationRegistrations())
diff --git a/src/components/settings/PushNotifications/hooks/__tests__/useNotificationTracking.test.ts b/apps/web/src/components/settings/PushNotifications/hooks/__tests__/useNotificationTracking.test.ts
similarity index 98%
rename from src/components/settings/PushNotifications/hooks/__tests__/useNotificationTracking.test.ts
rename to apps/web/src/components/settings/PushNotifications/hooks/__tests__/useNotificationTracking.test.ts
index 1e8e834ea..f8939d45d 100644
--- a/src/components/settings/PushNotifications/hooks/__tests__/useNotificationTracking.test.ts
+++ b/apps/web/src/components/settings/PushNotifications/hooks/__tests__/useNotificationTracking.test.ts
@@ -71,7 +71,7 @@ describe('useNotificationTracking', () => {
     })
 
     const _entries = await entries(createNotificationTrackingIndexedDb())
-    expect(Object.fromEntries(_entries)).toStrictEqual({
+    expect(Object.fromEntries(_entries)).toEqual({
       [`1:${WebhookType.INCOMING_ETHER}`]: {
         shown: 0,
         opened: 0,
diff --git a/apps/web/src/components/settings/PushNotifications/hooks/__tests__/useNotificationsRenewal.test.ts b/apps/web/src/components/settings/PushNotifications/hooks/__tests__/useNotificationsRenewal.test.ts
new file mode 100644
index 000000000..d4d458993
--- /dev/null
+++ b/apps/web/src/components/settings/PushNotifications/hooks/__tests__/useNotificationsRenewal.test.ts
@@ -0,0 +1,300 @@
+import { toBeHex } from 'ethers'
+import { useNotificationsRenewal } from '../useNotificationsRenewal'
+import * as useSafeInfoHook from '@/hooks/useSafeInfo'
+import * as store from '@/store'
+import * as useNotificationsTokenVersion from '../useNotificationsTokenVersion'
+import * as useNotificationRegistrations from '../useNotificationRegistrations'
+import * as useNotificationPreferences from '../useNotificationPreferences'
+import * as notificationsSlice from '@/store/notificationsSlice'
+import { NotificationsTokenVersion } from '@/services/push-notifications/preferences'
+import { renderHook, waitFor } from '@testing-library/react'
+import { RENEWAL_NOTIFICATION_KEY } from '../../constants'
+
+const { V1, V2 } = NotificationsTokenVersion
+
+describe('useNotificationsRenewal', () => {
+  const chainId1 = '123'
+  const chainId2 = '234'
+
+  const safeAddress1 = toBeHex('0x1', 20)
+  const safeAddress2 = toBeHex('0x2', 20)
+  const safeAddress3 = toBeHex('0x3', 20)
+
+  const useSafeInfoSpy = jest.spyOn(useSafeInfoHook, 'default')
+  const useAppDispatchSpy = jest.spyOn(store, 'useAppDispatch')
+  const useNotificationsTokenVersionSpy = jest.spyOn(useNotificationsTokenVersion, 'useNotificationsTokenVersion')
+  const useNotificationRegistrationsSpy = jest.spyOn(useNotificationRegistrations, 'useNotificationRegistrations')
+  const useNotificationPreferencesSpy = jest.spyOn(useNotificationPreferences, 'useNotificationPreferences')
+  const useIsNotificationsRenewalEnabledSpy = jest.spyOn(
+    useNotificationsTokenVersion,
+    'useIsNotificationsRenewalEnabled',
+  )
+  const showNotificationSpy = jest.spyOn(notificationsSlice, 'showNotification')
+  const selectNotificationsSpy = jest.spyOn(notificationsSlice, 'selectNotifications')
+
+  const dispatchMock = jest.fn()
+  const registerNotificationsMock = jest.fn().mockResolvedValue(undefined)
+  const preferencesMock = {
+    [`${chainId1}:${safeAddress1}`]: {
+      chainId: chainId1,
+      safeAddress: safeAddress1,
+      preferences: useNotificationPreferences.DEFAULT_NOTIFICATION_PREFERENCES,
+    },
+    [`${chainId1}:${safeAddress2}`]: {
+      chainId: chainId1,
+      safeAddress: safeAddress2,
+      preferences: useNotificationPreferences.DEFAULT_NOTIFICATION_PREFERENCES,
+    },
+    [`${chainId1}:${safeAddress3}`]: {
+      chainId: chainId1,
+      safeAddress: safeAddress3,
+      preferences: useNotificationPreferences.DEFAULT_NOTIFICATION_PREFERENCES,
+    },
+    [`${chainId2}:${safeAddress1}`]: {
+      chainId: chainId2,
+      safeAddress: safeAddress1,
+      preferences: useNotificationPreferences.DEFAULT_NOTIFICATION_PREFERENCES,
+    },
+  }
+  const getAllPreferencesMock = jest.fn().mockReturnValue(preferencesMock)
+  const getChainPreferencesMock = jest
+    .fn()
+    .mockReturnValue([
+      preferencesMock[`${chainId1}:${safeAddress1}`],
+      preferencesMock[`${chainId1}:${safeAddress2}`],
+      preferencesMock[`${chainId1}:${safeAddress3}`],
+    ])
+
+  const notificationsTokenVersionMock = {
+    safeTokenVersion: undefined,
+    allTokenVersions: { [chainId1]: { [safeAddress2]: V2, [safeAddress3]: V1 }, [chainId2]: { [safeAddress1]: V1 } },
+    setTokenVersion: jest.fn(),
+  }
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  beforeEach(() => {
+    useSafeInfoSpy.mockReturnValue({
+      safe: {
+        chainId: chainId1,
+        address: { value: safeAddress1 },
+      },
+      safeLoaded: true,
+    } as unknown as ReturnType<typeof useSafeInfoHook.default>)
+
+    useNotificationRegistrationsSpy.mockReturnValue({
+      registerNotifications: registerNotificationsMock,
+    } as unknown as ReturnType<(typeof useNotificationRegistrations)['useNotificationRegistrations']>)
+
+    useNotificationPreferencesSpy.mockReturnValue({
+      getAllPreferences: getAllPreferencesMock,
+      getChainPreferences: getChainPreferencesMock,
+    } as unknown as ReturnType<(typeof useNotificationPreferences)['useNotificationPreferences']>)
+
+    selectNotificationsSpy.mockReturnValue({} as ReturnType<(typeof notificationsSlice)['selectNotifications']>)
+    useAppDispatchSpy.mockReturnValue(dispatchMock)
+    useNotificationsTokenVersionSpy.mockReturnValue(notificationsTokenVersionMock)
+    useIsNotificationsRenewalEnabledSpy.mockReturnValue(true)
+  })
+
+  it('if the Notifications Renewal feature flag is disabled, should return the correct values', () => {
+    useIsNotificationsRenewalEnabledSpy.mockReturnValue(false)
+
+    const { result } = renderHook(() => useNotificationsRenewal())
+
+    expect(result.current.safesForRenewal).toBeUndefined()
+    expect(result.current.numberChainsForRenewal).toBe(0)
+    expect(result.current.numberSafesForRenewal).toBe(0)
+    expect(result.current.renewNotifications).toBeInstanceOf(Function)
+    expect(result.current.needsRenewal).toBe(false)
+
+    expect(useSafeInfoSpy).toHaveBeenCalledTimes(1)
+    expect(useNotificationRegistrationsSpy).toHaveBeenCalledTimes(1)
+    expect(useNotificationPreferencesSpy).toHaveBeenCalledTimes(1)
+    expect(useNotificationsTokenVersionSpy).toHaveBeenCalledTimes(1)
+    expect(useIsNotificationsRenewalEnabledSpy).toHaveBeenCalledTimes(1)
+
+    expect(getAllPreferencesMock).not.toHaveBeenCalled()
+    expect(getChainPreferencesMock).not.toHaveBeenCalled()
+
+    expect(registerNotificationsMock).not.toHaveBeenCalled()
+    expect(registerNotificationsMock).not.toHaveBeenCalled()
+  })
+
+  describe('if a Safe is loaded', () => {
+    it('should return the correct values for the loaded Safe`s chain', () => {
+      const { result } = renderHook(() => useNotificationsRenewal())
+
+      expect(result.current.safesForRenewal).toStrictEqual({ [chainId1]: [safeAddress1, safeAddress3] })
+      expect(result.current.numberChainsForRenewal).toBe(1)
+      expect(result.current.numberSafesForRenewal).toBe(2)
+      expect(result.current.renewNotifications).toBeInstanceOf(Function)
+      expect(result.current.needsRenewal).toBe(true)
+
+      expect(getAllPreferencesMock).not.toHaveBeenCalled()
+      expect(getChainPreferencesMock).toHaveBeenCalledTimes(1)
+      expect(getChainPreferencesMock).toHaveBeenCalledWith(chainId1)
+    })
+
+    it('should return correct values if no Safe for the current chain needs renewal', () => {
+      useNotificationsTokenVersionSpy.mockReturnValue({
+        safeTokenVersion: V2,
+        allTokenVersions: { [chainId1]: { [safeAddress1]: V2, [safeAddress2]: V2, [safeAddress3]: V2 } },
+        setTokenVersion: jest.fn(),
+      })
+
+      const { result } = renderHook(() => useNotificationsRenewal())
+
+      expect(result.current.safesForRenewal).toBeUndefined()
+      expect(result.current.numberChainsForRenewal).toBe(0)
+      expect(result.current.numberSafesForRenewal).toBe(0)
+      expect(result.current.renewNotifications).toBeInstanceOf(Function)
+      expect(result.current.needsRenewal).toBe(false)
+
+      expect(getAllPreferencesMock).not.toHaveBeenCalled()
+      expect(getChainPreferencesMock).toHaveBeenCalledTimes(1)
+      expect(getChainPreferencesMock).toHaveBeenCalledWith(chainId1)
+    })
+
+    it('should return correct values if current Safe is already renewed and no other Safe on current chain has notifications enabled', () => {
+      useNotificationsTokenVersionSpy.mockReturnValue({
+        safeTokenVersion: V2,
+        allTokenVersions: { [chainId1]: { [safeAddress1]: V2 } },
+        setTokenVersion: jest.fn(),
+      })
+
+      getChainPreferencesMock.mockReturnValue([preferencesMock[`${chainId1}:${safeAddress1}`]])
+
+      const { result } = renderHook(() => useNotificationsRenewal())
+
+      expect(result.current.safesForRenewal).toBeUndefined()
+      expect(result.current.numberChainsForRenewal).toBe(0)
+      expect(result.current.numberSafesForRenewal).toBe(0)
+      expect(result.current.renewNotifications).toBeInstanceOf(Function)
+      expect(result.current.needsRenewal).toBe(false)
+
+      expect(getAllPreferencesMock).not.toHaveBeenCalled()
+      expect(getChainPreferencesMock).toHaveBeenCalledTimes(1)
+      expect(getChainPreferencesMock).toHaveBeenCalledWith(chainId1)
+    })
+  })
+
+  describe('if NO Safe is loaded', () => {
+    beforeEach(() => {
+      useSafeInfoSpy.mockReturnValue({
+        safe: {
+          chainId: undefined,
+          address: { value: undefined },
+        },
+        safeLoaded: false,
+      } as unknown as ReturnType<typeof useSafeInfoHook.default>)
+    })
+
+    it('should return the correct values for all the Safes with preferences', () => {
+      const { result } = renderHook(() => useNotificationsRenewal())
+
+      expect(result.current.safesForRenewal).toStrictEqual({
+        [chainId1]: [safeAddress1, safeAddress3],
+        [chainId2]: [safeAddress1],
+      })
+      expect(result.current.numberChainsForRenewal).toBe(2)
+      expect(result.current.numberSafesForRenewal).toBe(3)
+      expect(result.current.renewNotifications).toBeInstanceOf(Function)
+      expect(result.current.needsRenewal).toBe(true)
+
+      expect(getChainPreferencesMock).not.toHaveBeenCalled()
+      expect(getAllPreferencesMock).toHaveBeenCalledTimes(1)
+    })
+
+    it('should return correct values if no notification preferences are stored', () => {
+      getAllPreferencesMock.mockReturnValue(undefined)
+
+      const { result } = renderHook(() => useNotificationsRenewal())
+
+      expect(result.current.safesForRenewal).toBeUndefined()
+      expect(result.current.numberChainsForRenewal).toBe(0)
+      expect(result.current.numberSafesForRenewal).toBe(0)
+      expect(result.current.renewNotifications).toBeInstanceOf(Function)
+      expect(result.current.needsRenewal).toBe(false)
+
+      expect(getChainPreferencesMock).not.toHaveBeenCalled()
+      expect(getAllPreferencesMock).toHaveBeenCalledTimes(1)
+    })
+
+    it('should return correct values if no Safe needs renewal', () => {
+      useNotificationsTokenVersionSpy.mockReturnValue({
+        safeTokenVersion: V2,
+        allTokenVersions: {
+          [chainId1]: { [safeAddress1]: V2, [safeAddress2]: V2, [safeAddress3]: V2 },
+          [chainId2]: { [safeAddress1]: V2 },
+        },
+        setTokenVersion: jest.fn(),
+      })
+
+      const { result } = renderHook(() => useNotificationsRenewal())
+
+      expect(result.current.safesForRenewal).toBeUndefined()
+      expect(result.current.numberChainsForRenewal).toBe(0)
+      expect(result.current.numberSafesForRenewal).toBe(0)
+      expect(result.current.renewNotifications).toBeInstanceOf(Function)
+      expect(result.current.needsRenewal).toBe(false)
+
+      expect(getChainPreferencesMock).not.toHaveBeenCalled()
+      expect(getAllPreferencesMock).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('renewNotifications', () => {
+    it('should call `registerNotifications` with the Safes that need to be renewed', async () => {
+      const { result } = renderHook(() => useNotificationsRenewal())
+
+      await result.current.renewNotifications()
+
+      expect(registerNotificationsMock).toHaveBeenCalledTimes(1)
+      expect(registerNotificationsMock).toHaveBeenCalledWith(result.current.safesForRenewal)
+    })
+
+    it('should show an error notification if `registerNotifications` call throws', async () => {
+      const notificationMock = {
+        message: 'Something went wrong',
+        groupKey: RENEWAL_NOTIFICATION_KEY,
+      }
+      showNotificationSpy.mockReturnValue(
+        notificationMock as unknown as ReturnType<(typeof notificationsSlice)['showNotification']>,
+      )
+      registerNotificationsMock.mockRejectedValueOnce(new Error('Failed to renew notifications'))
+
+      const { result } = renderHook(() => useNotificationsRenewal())
+
+      await result.current.renewNotifications()
+
+      expect(registerNotificationsMock).toHaveBeenCalledTimes(1)
+      expect(registerNotificationsMock).toHaveBeenCalledWith(result.current.safesForRenewal)
+
+      await waitFor(async () => {
+        expect(dispatchMock).toHaveBeenCalledTimes(1)
+        expect(dispatchMock).toHaveBeenCalledWith(notificationMock)
+
+        expect(showNotificationSpy).toHaveBeenCalledTimes(1)
+        expect(showNotificationSpy).toHaveBeenCalledWith({
+          message: 'Failed to renew notifications',
+          variant: 'error',
+          detailedMessage: 'Failed to renew notifications',
+          groupKey: RENEWAL_NOTIFICATION_KEY,
+        })
+      })
+    })
+
+    it('should NOT call `registerNotifications` if no Safes need to be renewed', async () => {
+      getChainPreferencesMock.mockReturnValue([])
+
+      const { result } = renderHook(() => useNotificationsRenewal())
+
+      await result.current.renewNotifications()
+
+      expect(registerNotificationsMock).not.toHaveBeenCalled()
+    })
+  })
+})
diff --git a/apps/web/src/components/settings/PushNotifications/hooks/__tests__/useNotificationsTokenVersion.test.ts b/apps/web/src/components/settings/PushNotifications/hooks/__tests__/useNotificationsTokenVersion.test.ts
new file mode 100644
index 000000000..5ad8c108e
--- /dev/null
+++ b/apps/web/src/components/settings/PushNotifications/hooks/__tests__/useNotificationsTokenVersion.test.ts
@@ -0,0 +1,151 @@
+import { toBeHex } from 'ethers'
+import { NOTIFICATIONS_TOKEN_VERSION_KEY, useNotificationsTokenVersion } from '../useNotificationsTokenVersion'
+import * as useChains from '@/hooks/useChains'
+import * as useSafeInfoHook from '@/hooks/useSafeInfo'
+import * as localStorage from '@/services/local-storage/useLocalStorage'
+import { NotificationsTokenVersion } from '@/services/push-notifications/preferences'
+import { renderHook } from '@testing-library/react'
+
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const { V1, V2 } = NotificationsTokenVersion
+
+describe('useNotificationsTokenVersion', () => {
+  const chainId1 = '123'
+  const chainId2 = '234'
+
+  const safeAddress1 = toBeHex('0x1', 20)
+  const safeAddress2 = toBeHex('0x2', 20)
+
+  const localStorageMock = { [chainId1]: { [safeAddress1]: V1 }, [chainId2]: { [safeAddress2]: V2 } }
+  const setLocalStorageMock = jest.fn()
+
+  const useHasFeatureSpy = jest.spyOn(useChains, 'useHasFeature')
+  const localStorageSpy = jest.spyOn(localStorage, 'default')
+  const useSafeInfoSpy = jest.spyOn(useSafeInfoHook, 'default')
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  beforeEach(() => {
+    useHasFeatureSpy.mockReturnValue(true)
+    localStorageSpy.mockReturnValue([localStorageMock, setLocalStorageMock])
+
+    useSafeInfoSpy.mockReturnValue({
+      safe: {
+        chainId: chainId1,
+        address: { value: safeAddress1 },
+      },
+      safeLoaded: true,
+    } as unknown as ReturnType<typeof useSafeInfoHook.default>)
+  })
+
+  it("should return the current loaded Safe's token version", () => {
+    const { result } = renderHook(() => useNotificationsTokenVersion())
+
+    expect(result.current.safeTokenVersion).toBe(V1)
+    expect(result.current.allTokenVersions).toBe(localStorageMock)
+    expect(result.current.setTokenVersion).toBeInstanceOf(Function)
+
+    expect(useHasFeatureSpy).toHaveBeenCalledTimes(1)
+    expect(useHasFeatureSpy).toHaveBeenCalledWith(FEATURES.RENEW_NOTIFICATIONS_TOKEN)
+
+    expect(localStorageSpy).toHaveBeenCalledTimes(1)
+    expect(localStorageSpy).toHaveBeenCalledWith(NOTIFICATIONS_TOKEN_VERSION_KEY)
+
+    expect(useSafeInfoSpy).toHaveBeenCalledTimes(1)
+    expect(useSafeInfoSpy).toHaveBeenCalledWith()
+  })
+
+  it('should return undefined `safeTokenVersion` if no Safe is loaded', () => {
+    useSafeInfoSpy.mockReturnValue({
+      safe: {
+        chainId: undefined,
+        address: { value: undefined },
+      },
+      safeLoaded: false,
+    } as unknown as ReturnType<typeof useSafeInfoHook.default>)
+
+    const { result } = renderHook(() => useNotificationsTokenVersion())
+
+    expect(result.current.safeTokenVersion).toBe(undefined)
+    expect(result.current.allTokenVersions).toBe(localStorageMock)
+    expect(result.current.setTokenVersion).toBeInstanceOf(Function)
+  })
+
+  it('should return undefined `allTokenVersions` if no token versions are stored', () => {
+    localStorageSpy.mockReturnValue([undefined, setLocalStorageMock])
+
+    const { result } = renderHook(() => useNotificationsTokenVersion())
+
+    expect(result.current.safeTokenVersion).toBe(undefined)
+    expect(result.current.allTokenVersions).toBe(undefined)
+    expect(result.current.setTokenVersion).toBeInstanceOf(Function)
+  })
+
+  it('should return undefined for `safeTokenVersion` if notifications renewal is not enabled', () => {
+    useHasFeatureSpy.mockReturnValue(false)
+
+    const { result } = renderHook(() => useNotificationsTokenVersion())
+
+    expect(result.current.safeTokenVersion).toBe(undefined)
+    expect(result.current.allTokenVersions).toBe(undefined)
+    expect(result.current.setTokenVersion).toBeInstanceOf(Function)
+  })
+
+  describe('setTokenVersion', () => {
+    beforeEach(() => {})
+
+    it('should update the token version for the current loaded Safe', () => {
+      const { result } = renderHook(() => useNotificationsTokenVersion())
+
+      result.current.setTokenVersion(V2)
+
+      expect(setLocalStorageMock).toHaveBeenCalledTimes(1)
+      expect(setLocalStorageMock).toHaveBeenCalledWith({ ...localStorageMock, [chainId1]: { [safeAddress1]: V2 } })
+    })
+
+    it('should update the token version for the provided Safes', () => {
+      const chainId3 = '987'
+      const safesToUpdate = { [chainId2]: [safeAddress2], [chainId3]: [safeAddress1] }
+
+      const { result } = renderHook(() => useNotificationsTokenVersion())
+
+      result.current.setTokenVersion(V2, safesToUpdate)
+
+      expect(setLocalStorageMock).toHaveBeenCalledTimes(1)
+      expect(setLocalStorageMock).toHaveBeenCalledWith({
+        ...localStorageMock,
+        [chainId2]: { [safeAddress2]: V2 },
+        [chainId3]: { [safeAddress1]: V2 },
+      })
+    })
+
+    it('should not update the token version if notifications renewal is not enabled', () => {
+      useHasFeatureSpy.mockReturnValue(false)
+
+      const { result } = renderHook(() => useNotificationsTokenVersion())
+
+      result.current.setTokenVersion(V2)
+
+      expect(setLocalStorageMock).not.toHaveBeenCalled()
+    })
+
+    it('should not update the token version if no Safes are provided and no Safe is loaded', () => {
+      useSafeInfoSpy.mockReturnValue({
+        safe: {
+          chainId: undefined,
+          address: { value: undefined },
+        },
+        safeLoaded: false,
+      } as unknown as ReturnType<typeof useSafeInfoHook.default>)
+
+      const { result } = renderHook(() => useNotificationsTokenVersion())
+
+      result.current.setTokenVersion(V2)
+
+      expect(setLocalStorageMock).not.toHaveBeenCalled()
+    })
+  })
+})
diff --git a/apps/web/src/components/settings/PushNotifications/hooks/__tests__/useShowNotificationsRenewalMessage.test.ts b/apps/web/src/components/settings/PushNotifications/hooks/__tests__/useShowNotificationsRenewalMessage.test.ts
new file mode 100644
index 000000000..3c12ea97b
--- /dev/null
+++ b/apps/web/src/components/settings/PushNotifications/hooks/__tests__/useShowNotificationsRenewalMessage.test.ts
@@ -0,0 +1,195 @@
+import { toBeHex } from 'ethers'
+import { useShowNotificationsRenewalMessage } from '../useShowNotificationsRenewalMessage'
+import * as useSafeInfoHook from '@/hooks/useSafeInfo'
+import * as useWalletHook from '@/hooks/wallets/useWallet'
+import * as store from '@/store'
+import * as useNotificationsTokenVersion from '../useNotificationsTokenVersion'
+import * as useNotificationPreferences from '../useNotificationPreferences'
+import * as useNotificationsRenewal from '../useNotificationsRenewal'
+import * as notificationsSlice from '@/store/notificationsSlice'
+import * as useIsWrongChain from '@/hooks/useIsWrongChain'
+import { NotificationsTokenVersion } from '@/services/push-notifications/preferences'
+import { renderHook, waitFor } from '@testing-library/react'
+import { RENEWAL_MESSAGE, RENEWAL_NOTIFICATION_KEY } from '../../constants'
+
+const { V1, V2 } = NotificationsTokenVersion
+
+describe('useShowNotificationsRenewalMessage', () => {
+  const chainId = '123'
+
+  const safeAddress1 = toBeHex('0x1', 20)
+  const safeAddress2 = toBeHex('0x2', 20)
+  const safeAddress3 = toBeHex('0x3', 20)
+
+  const useSafeInfoSpy = jest.spyOn(useSafeInfoHook, 'default')
+  const useWalletSpy = jest.spyOn(useWalletHook, 'default')
+  const useAppDispatchSpy = jest.spyOn(store, 'useAppDispatch')
+  const useAppSelectorSpy = jest.spyOn(store, 'useAppSelector')
+  const useNotificationsTokenVersionSpy = jest.spyOn(useNotificationsTokenVersion, 'useNotificationsTokenVersion')
+  const useNotificationPreferencesSpy = jest.spyOn(useNotificationPreferences, 'useNotificationPreferences')
+  const useNotificationsRenewalSpy = jest.spyOn(useNotificationsRenewal, 'useNotificationsRenewal')
+  const useIsNotificationsRenewalEnabledSpy = jest.spyOn(
+    useNotificationsTokenVersion,
+    'useIsNotificationsRenewalEnabled',
+  )
+  const useIsWrongChainSpy = jest.spyOn(useIsWrongChain, 'default')
+  const showNotificationSpy = jest.spyOn(notificationsSlice, 'showNotification')
+  const selectNotificationsSpy = jest.spyOn(notificationsSlice, 'selectNotifications')
+
+  const dispatchMock = jest.fn()
+  const renewNotificationsMock = jest.fn()
+  const safePreferencesMock = useNotificationPreferences.DEFAULT_NOTIFICATION_PREFERENCES
+  const getPreferencesMock = jest.fn().mockReturnValue(safePreferencesMock)
+
+  const notificationMock = {
+    message: 'Sign this message to renew your notifications',
+    groupKey: `${RENEWAL_NOTIFICATION_KEY}-${chainId}-${safeAddress1}`,
+  }
+  const notificationsMock = [{ message: 'Hello world', groupKey: 'helloWorld' }]
+  const notificationsTokenVersionMock = {
+    safeTokenVersion: undefined,
+    allTokenVersions: { [chainId]: { [safeAddress2]: V2, [safeAddress3]: V1 } },
+    setTokenVersion: jest.fn(),
+  }
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  beforeEach(() => {
+    useSafeInfoSpy.mockReturnValue({
+      safe: {
+        chainId,
+        address: { value: safeAddress1 },
+      },
+      safeLoaded: true,
+    } as unknown as ReturnType<typeof useSafeInfoHook.default>)
+
+    useNotificationPreferencesSpy.mockReturnValue({
+      getPreferences: getPreferencesMock,
+    } as unknown as ReturnType<(typeof useNotificationPreferences)['useNotificationPreferences']>)
+
+    useNotificationsRenewalSpy.mockReturnValue({
+      renewNotifications: renewNotificationsMock,
+    } as unknown as ReturnType<(typeof useNotificationsRenewal)['useNotificationsRenewal']>)
+
+    selectNotificationsSpy.mockReturnValue({} as ReturnType<(typeof notificationsSlice)['selectNotifications']>)
+    useWalletSpy.mockReturnValue({} as ReturnType<typeof useWalletHook.default>)
+    useAppDispatchSpy.mockReturnValue(dispatchMock)
+    useAppSelectorSpy.mockReturnValue(notificationsMock)
+    useNotificationsTokenVersionSpy.mockReturnValue(notificationsTokenVersionMock)
+    useIsWrongChainSpy.mockReturnValue(false)
+    useIsNotificationsRenewalEnabledSpy.mockReturnValue(true)
+  })
+
+  it('should show the renewal notification if needed + set the token version to V1', async () => {
+    renderHook(() => useShowNotificationsRenewalMessage())
+
+    expect(useSafeInfoSpy).toHaveBeenCalledTimes(1)
+    expect(useNotificationPreferencesSpy).toHaveBeenCalledTimes(1)
+    expect(getPreferencesMock).toHaveBeenCalledTimes(1)
+    expect(getPreferencesMock).toHaveBeenCalledWith(chainId, safeAddress1)
+    expect(useWalletSpy).toHaveBeenCalledTimes(1)
+    expect(useAppDispatchSpy).toHaveBeenCalledTimes(1)
+    expect(useIsWrongChainSpy).toHaveBeenCalledTimes(1)
+    expect(useIsNotificationsRenewalEnabledSpy).toHaveBeenCalledTimes(1)
+    expect(useAppSelectorSpy).toHaveBeenCalledTimes(1)
+    expect(useAppSelectorSpy).toHaveBeenCalledWith(notificationsSlice.selectNotifications)
+    expect(useNotificationsTokenVersionSpy).toHaveBeenCalledTimes(1)
+    expect(useNotificationsRenewalSpy).toHaveBeenCalledTimes(1)
+
+    await waitFor(async () => {
+      expect(showNotificationSpy).toHaveBeenCalledTimes(1)
+      expect(showNotificationSpy).toHaveBeenCalledWith({
+        message: RENEWAL_MESSAGE,
+        variant: 'warning',
+        groupKey: `${RENEWAL_NOTIFICATION_KEY}-${chainId}-${safeAddress1}`,
+        link: {
+          onClick: expect.any(Function),
+          title: 'Sign',
+        },
+      })
+
+      expect(dispatchMock).toHaveBeenCalledTimes(1)
+
+      expect(notificationsTokenVersionMock.setTokenVersion).toHaveBeenCalledTimes(1)
+      expect(notificationsTokenVersionMock.setTokenVersion).toHaveBeenCalledWith(V1)
+    })
+  })
+
+  it('should call the `renewNotifications` function if the message link is clicked', async () => {
+    const simulateLinkClick = ({ link }: Parameters<(typeof notificationsSlice)['showNotification']>[0]) => {
+      if (link && 'onClick' in link) {
+        link.onClick()
+      }
+    }
+
+    renderHook(() => useShowNotificationsRenewalMessage())
+
+    await waitFor(async () => {
+      expect(showNotificationSpy).toHaveBeenCalledTimes(1)
+      expect(dispatchMock).toHaveBeenCalledTimes(1)
+      expect(renewNotificationsMock).not.toHaveBeenCalled()
+    })
+
+    simulateLinkClick(showNotificationSpy.mock.calls[0][0])
+
+    expect(renewNotificationsMock).toHaveBeenCalledTimes(1)
+  })
+
+  describe('should NOT show the renewal notification', () => {
+    const expectToNotShowNotification = async (
+      renderHookFn: () => ReturnType<typeof useShowNotificationsRenewalMessage>,
+    ) => {
+      renderHook(renderHookFn)
+
+      await waitFor(async () => {
+        expect(showNotificationSpy).not.toHaveBeenCalled()
+        expect(dispatchMock).not.toHaveBeenCalled()
+        expect(notificationsTokenVersionMock.setTokenVersion).not.toHaveBeenCalled()
+        expect(renewNotificationsMock).not.toHaveBeenCalled()
+      })
+    }
+
+    it('if no signer is connected', async () => {
+      useWalletSpy.mockReturnValueOnce(null)
+      await expectToNotShowNotification(() => useShowNotificationsRenewalMessage())
+    })
+
+    it('if there are no preferences for the Safe', async () => {
+      getPreferencesMock.mockReturnValueOnce(null)
+      await expectToNotShowNotification(() => useShowNotificationsRenewalMessage())
+    })
+
+    it('if no Safe is loaded', async () => {
+      useSafeInfoSpy.mockReturnValueOnce({
+        safe: {
+          chainId: undefined,
+          address: { value: undefined },
+        },
+        safeLoaded: false,
+      } as unknown as ReturnType<typeof useSafeInfoHook.default>)
+      await expectToNotShowNotification(() => useShowNotificationsRenewalMessage())
+    })
+
+    it('if the user is on the wrong chain', async () => {
+      useIsWrongChainSpy.mockReturnValueOnce(true)
+      await expectToNotShowNotification(() => useShowNotificationsRenewalMessage())
+    })
+
+    it('if the Safe`s token version is set', async () => {
+      useNotificationsTokenVersionSpy.mockReturnValueOnce({ ...notificationsTokenVersionMock, safeTokenVersion: V1 })
+      await expectToNotShowNotification(() => useShowNotificationsRenewalMessage())
+    })
+
+    it('if there already is a notification message', async () => {
+      useAppSelectorSpy.mockReturnValueOnce([notificationMock])
+      await expectToNotShowNotification(() => useShowNotificationsRenewalMessage())
+    })
+
+    it('if notifications renewal feature is not enabled', async () => {
+      useIsNotificationsRenewalEnabledSpy.mockReturnValueOnce(false)
+      await expectToNotShowNotification(() => useShowNotificationsRenewalMessage())
+    })
+  })
+})
diff --git a/src/components/settings/PushNotifications/hooks/useNotificationPreferences.ts b/apps/web/src/components/settings/PushNotifications/hooks/useNotificationPreferences.ts
similarity index 93%
rename from src/components/settings/PushNotifications/hooks/useNotificationPreferences.ts
rename to apps/web/src/components/settings/PushNotifications/hooks/useNotificationPreferences.ts
index 4cc26e7cc..9ae90c616 100644
--- a/src/components/settings/PushNotifications/hooks/useNotificationPreferences.ts
+++ b/apps/web/src/components/settings/PushNotifications/hooks/useNotificationPreferences.ts
@@ -8,14 +8,14 @@ import {
 import { useCallback, useEffect, useMemo } from 'react'
 
 import { WebhookType } from '@/service-workers/firebase-messaging/webhook-types'
-import ExternalStore from '@/services/ExternalStore'
+import ExternalStore from '@safe-global/utils/services/ExternalStore'
 import {
   createPushNotificationPrefsIndexedDb,
   createPushNotificationUuidIndexedDb,
   getPushNotificationPrefsKey,
 } from '@/services/push-notifications/preferences'
 import { logError } from '@/services/exceptions'
-import ErrorCodes from '@/services/exceptions/ErrorCodes'
+import ErrorCodes from '@safe-global/utils/services/exceptions/ErrorCodes'
 import type { PushNotificationPreferences, PushNotificationPrefsKey } from '@/services/push-notifications/preferences'
 import type { NotifiableSafes } from '../logic'
 
@@ -57,6 +57,7 @@ export const useNotificationPreferences = (): {
     [PushNotificationPrefsKey, PushNotificationPreferences[PushNotificationPrefsKey]][]
   >
   _deleteManyPreferenceKeys: (keysToDelete: PushNotificationPrefsKey[]) => void
+  getChainPreferences: (chainId: string) => PushNotificationPreferences[PushNotificationPrefsKey][]
 } => {
   // State
   const uuid = useUuid()
@@ -72,6 +73,14 @@ export const useNotificationPreferences = (): {
     return preferences
   }, [preferences])
 
+  // Get list of preferences for specified chain
+  const getChainPreferences = useCallback(
+    (chainId: string) => {
+      return Object.values(preferences || {}).filter((pref) => chainId === pref.chainId)
+    },
+    [preferences],
+  )
+
   // idb-keyval stores
   const uuidStore = useMemo(() => {
     if (typeof indexedDB !== 'undefined') {
@@ -253,5 +262,6 @@ export const useNotificationPreferences = (): {
     deleteAllChainPreferences,
     _getAllPreferenceEntries,
     _deleteManyPreferenceKeys,
+    getChainPreferences,
   }
 }
diff --git a/src/components/settings/PushNotifications/hooks/useNotificationRegistrations.ts b/apps/web/src/components/settings/PushNotifications/hooks/useNotificationRegistrations.ts
similarity index 85%
rename from src/components/settings/PushNotifications/hooks/useNotificationRegistrations.ts
rename to apps/web/src/components/settings/PushNotifications/hooks/useNotificationRegistrations.ts
index 7bde23e3d..770168a72 100644
--- a/src/components/settings/PushNotifications/hooks/useNotificationRegistrations.ts
+++ b/apps/web/src/components/settings/PushNotifications/hooks/useNotificationRegistrations.ts
@@ -1,4 +1,5 @@
 import { registerDevice, unregisterDevice, unregisterSafe } from '@safe-global/safe-gateway-typescript-sdk'
+import isEmpty from 'lodash/isEmpty'
 
 import { useAppDispatch } from '@/store'
 import { showNotification } from '@/store/notificationsSlice'
@@ -7,9 +8,11 @@ import { trackEvent } from '@/services/analytics'
 import { PUSH_NOTIFICATION_EVENTS } from '@/services/analytics/events/push-notifications'
 import { getRegisterDevicePayload } from '../logic'
 import { logError } from '@/services/exceptions'
-import ErrorCodes from '@/services/exceptions/ErrorCodes'
+import ErrorCodes from '@safe-global/utils/services/exceptions/ErrorCodes'
 import useWallet from '@/hooks/wallets/useWallet'
 import type { NotifiableSafes } from '../logic'
+import { NotificationsTokenVersion } from '@/services/push-notifications/preferences'
+import { useNotificationsTokenVersion } from './useNotificationsTokenVersion'
 
 const registrationFlow = async (registrationFn: Promise<unknown>, callback: () => void): Promise<boolean> => {
   let success = false
@@ -19,7 +22,7 @@ const registrationFlow = async (registrationFn: Promise<unknown>, callback: () =
 
     // Gateway will return 200 with an empty payload if the device was (un-)registered successfully
     // @see https://github.com/safe-global/safe-client-gateway-nest/blob/27b6b3846b4ecbf938cdf5d0595ca464c10e556b/src/routes/notifications/notifications.service.ts#L29
-    success = response == null
+    success = isEmpty(response)
   } catch (e) {
     logError(ErrorCodes._633, e)
   }
@@ -39,6 +42,7 @@ export const useNotificationRegistrations = (): {
   const dispatch = useAppDispatch()
   const wallet = useWallet()
 
+  const { setTokenVersion } = useNotificationsTokenVersion()
   const { uuid, createPreferences, deletePreferences, deleteAllChainPreferences } = useNotificationPreferences()
 
   const registerNotifications = async (safesToRegister: NotifiableSafes) => {
@@ -64,6 +68,9 @@ export const useNotificationRegistrations = (): {
         0,
       )
 
+      // Set the token version to V2 to indicate that the user has registered their token for the new notification service
+      setTokenVersion(NotificationsTokenVersion.V2, safesToRegister)
+
       trackEvent({
         ...PUSH_NOTIFICATION_EVENTS.REGISTER_SAFES,
         label: totalRegistered,
diff --git a/src/components/settings/PushNotifications/hooks/useNotificationTracking.ts b/apps/web/src/components/settings/PushNotifications/hooks/useNotificationTracking.ts
similarity index 95%
rename from src/components/settings/PushNotifications/hooks/useNotificationTracking.ts
rename to apps/web/src/components/settings/PushNotifications/hooks/useNotificationTracking.ts
index 0a6b37d23..3873b9049 100644
--- a/src/components/settings/PushNotifications/hooks/useNotificationTracking.ts
+++ b/apps/web/src/components/settings/PushNotifications/hooks/useNotificationTracking.ts
@@ -8,12 +8,13 @@ import {
 } from '@/services/push-notifications/tracking'
 import { trackEvent } from '@/services/analytics'
 import { PUSH_NOTIFICATION_EVENTS } from '@/services/analytics/events/push-notifications'
-import ErrorCodes from '@/services/exceptions/ErrorCodes'
+import ErrorCodes from '@safe-global/utils/services/exceptions/ErrorCodes'
 import { logError } from '@/services/exceptions'
 import type { NotificationTracking, NotificationTrackingKey } from '@/services/push-notifications/tracking'
 import type { WebhookType } from '@/service-workers/firebase-messaging/webhook-types'
 import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
+
+import { FEATURES } from '@safe-global/utils/utils/chains'
 
 const trackNotificationEvents = (
   chainId: string,
diff --git a/apps/web/src/components/settings/PushNotifications/hooks/useNotificationsRenewal.ts b/apps/web/src/components/settings/PushNotifications/hooks/useNotificationsRenewal.ts
new file mode 100644
index 000000000..9fec91351
--- /dev/null
+++ b/apps/web/src/components/settings/PushNotifications/hooks/useNotificationsRenewal.ts
@@ -0,0 +1,126 @@
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useNotificationPreferences } from './useNotificationPreferences'
+import { useNotificationRegistrations } from './useNotificationRegistrations'
+import { useCallback, useMemo } from 'react'
+import { NotificationsTokenVersion } from '@/services/push-notifications/preferences'
+import { useIsNotificationsRenewalEnabled, useNotificationsTokenVersion } from './useNotificationsTokenVersion'
+import type { NotifiableSafes } from '../logic'
+import { flatten, isEmpty } from 'lodash'
+import { useAppDispatch } from '@/store'
+import { showNotification } from '@/store/notificationsSlice'
+import { RENEWAL_NOTIFICATION_KEY } from '../constants'
+
+/**
+ * Hook to manage the renewal of notifications
+ * @param shouldShowRenewalNotification a boolean to determine if the renewal notification should be shown
+ * @returns an object containing the safes for renewal, the number of chains for renewal, the number of safes for renewal,
+ * the renewNotifications function and a boolean indicating if a renewal is needed
+ */
+export const useNotificationsRenewal = () => {
+  const { safe, safeLoaded } = useSafeInfo()
+  const { registerNotifications } = useNotificationRegistrations()
+  const { getAllPreferences, getChainPreferences } = useNotificationPreferences()
+  const { allTokenVersions } = useNotificationsTokenVersion()
+  const isNotificationsRenewalEnabled = useIsNotificationsRenewalEnabled()
+  const dispatch = useAppDispatch()
+
+  /**
+   * Function to check if a renewal is needed for a specific Safe based on the locally stored token version
+   * @param chainId the chainId of the Safe
+   * @param safeAddress the address of the Safe
+   * @returns a boolean indicating if a renewal is needed
+   */
+  const checkIsRenewalNeeded = useCallback(
+    (chainId: string, safeAddress: string) =>
+      allTokenVersions?.[chainId]?.[safeAddress] !== NotificationsTokenVersion.V2,
+    [allTokenVersions],
+  )
+
+  // Safes that need to be renewed based on the locally stored token version. If a Safe is loaded, only the relevant
+  // Safes for the corresponding chain are returned. Otherwise, all Safes that need to be renewed are returned.
+  const safesForRenewal = useMemo<NotifiableSafes | undefined>(() => {
+    if (!isNotificationsRenewalEnabled) {
+      // Notifications renewal feature flag is not enabled
+      return undefined
+    }
+
+    if (safeLoaded) {
+      // If the Safe is loaded, only the Safes for the corresponding chain are checked
+      const chainPreferences = getChainPreferences(safe.chainId)
+
+      // Determine the Safes that need to be renewed for the loaded Safe's chain
+      const safeAddressesForRenewal = chainPreferences
+        .map((pref) => pref.safeAddress)
+        .filter((address) => checkIsRenewalNeeded(safe.chainId, address))
+
+      if (safeAddressesForRenewal.length === 0) {
+        return undefined
+      }
+
+      return { [safe.chainId]: safeAddressesForRenewal }
+    }
+
+    const allPreferences = getAllPreferences()
+
+    if (!allPreferences) {
+      return undefined
+    }
+
+    // Determine the Safes that need to be renewed for all chains
+    const safesForRenewal = Object.values(allPreferences).reduce<NotifiableSafes>(
+      (acc, { chainId, safeAddress }) =>
+        checkIsRenewalNeeded(chainId, safeAddress)
+          ? { ...acc, [chainId]: [...(acc[chainId] || []), safeAddress] }
+          : acc,
+      {},
+    )
+
+    return isEmpty(safesForRenewal) ? undefined : safesForRenewal
+  }, [
+    safeLoaded,
+    safe.chainId,
+    getAllPreferences,
+    getChainPreferences,
+    checkIsRenewalNeeded,
+    isNotificationsRenewalEnabled,
+  ])
+
+  // Number of Safes that need to be renewed for notifications
+  const numberSafesForRenewal = useMemo(() => {
+    return safesForRenewal ? flatten(Object.values(safesForRenewal)).length : 0
+  }, [safesForRenewal])
+
+  // Number of chains with Safes that need to be renewed for notifications
+  const numberChainsForRenewal = useMemo(() => {
+    return safesForRenewal ? Object.values(safesForRenewal).filter((addresses) => addresses.length > 0).length : 0
+  }, [safesForRenewal])
+
+  // Boolean indicating if a notifications renewal is needed for any Safe
+  const needsRenewal = useMemo(() => {
+    if (safeLoaded) {
+      return safesForRenewal?.[safe.chainId]?.includes(safe.address.value) || false
+    }
+    return numberSafesForRenewal > 0
+  }, [numberSafesForRenewal, safe.address.value, safe.chainId, safeLoaded, safesForRenewal])
+
+  /**
+   * Function to renew the notifications for the Safes that need it
+   * @returns a Promise that resolves when the notifications have been renewed
+   */
+  const renewNotifications = useCallback(async () => {
+    if (safesForRenewal) {
+      return registerNotifications(safesForRenewal).catch((err) => {
+        dispatch(
+          showNotification({
+            message: 'Failed to renew notifications',
+            variant: 'error',
+            detailedMessage: err.message,
+            groupKey: RENEWAL_NOTIFICATION_KEY,
+          }),
+        )
+      })
+    }
+  }, [safesForRenewal, dispatch, registerNotifications])
+
+  return { safesForRenewal, numberChainsForRenewal, numberSafesForRenewal, renewNotifications, needsRenewal }
+}
diff --git a/apps/web/src/components/settings/PushNotifications/hooks/useNotificationsTokenVersion.ts b/apps/web/src/components/settings/PushNotifications/hooks/useNotificationsTokenVersion.ts
new file mode 100644
index 000000000..dc9c53409
--- /dev/null
+++ b/apps/web/src/components/settings/PushNotifications/hooks/useNotificationsTokenVersion.ts
@@ -0,0 +1,87 @@
+import useSafeInfo from '@/hooks/useSafeInfo'
+import useLocalStorage from '@/services/local-storage/useLocalStorage'
+import type { NotificationsTokenVersion } from '@/services/push-notifications/preferences'
+import type { NotifiableSafes } from '../logic'
+import { useHasFeature } from '@/hooks/useChains'
+
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+export const NOTIFICATIONS_TOKEN_VERSION_KEY = 'notificationsTokenVersion'
+
+type TokenVersionStore = {
+  [chainId: string]: {
+    [safeAddress: string]: NotificationsTokenVersion | undefined
+  }
+}
+
+export const useIsNotificationsRenewalEnabled = () => {
+  return useHasFeature(FEATURES.RENEW_NOTIFICATIONS_TOKEN)
+}
+
+/**
+ * Hook to get and update the token versions for the notifications in the local storage.
+ * @returns an object with the token version for the current loaded Safe, all token versions stored in the local storage,
+ * and a function to update the token version.
+ */
+export const useNotificationsTokenVersion = () => {
+  const isNotificationsRenewalEnabled = useIsNotificationsRenewalEnabled()
+  const { safe, safeLoaded } = useSafeInfo()
+  const safeAddress = safe.address.value
+
+  // Token versions are stored in local storage
+  const [allTokenVersions, setAllTokenVersionsStore] = useLocalStorage<TokenVersionStore>(
+    NOTIFICATIONS_TOKEN_VERSION_KEY,
+  )
+
+  /**
+   * Updates the token version for the specified Safes in the local storage.
+   * @param tokenVersion new token version
+   * @param safes object with Safes to update the token version. If not provided, the token version will be
+   * updated for the current loaded Safe only.
+   */
+  const setTokenVersion = (
+    tokenVersion: NotificationsTokenVersion | undefined,
+    safes: NotifiableSafes | undefined = safeLoaded ? { [safe.chainId]: [safeAddress] } : undefined,
+  ) => {
+    const currentTokenVersionStore = allTokenVersions || {}
+
+    if (!isNotificationsRenewalEnabled) {
+      // Notifications renewal is not enabled, nothing to update
+      return
+    }
+
+    if (!safes) {
+      // No Safes provided and no Safe loaded, nothing to update
+      return
+    }
+
+    // Update the token version for the provided Safes
+    const newTokenVersionStore = Object.keys(safes).reduce(
+      (acc, chainId) => ({
+        ...acc,
+        [chainId]: {
+          ...(acc[chainId] || {}),
+          ...Object.fromEntries(safes[chainId].map((safeAddress) => [safeAddress, tokenVersion])),
+        },
+      }),
+      currentTokenVersionStore,
+    )
+
+    setAllTokenVersionsStore(newTokenVersionStore)
+  }
+
+  if (!isNotificationsRenewalEnabled) {
+    // Notifications renewal is not enabled, no token versions stored
+    return { safeTokenVersion: undefined, allTokenVersions: undefined, setTokenVersion }
+  }
+
+  if (!allTokenVersions) {
+    // No token versions stored
+    return { safeTokenVersion: undefined, allTokenVersions, setTokenVersion }
+  }
+
+  // Get the stored token version for the current loaded Safe
+  const safeTokenVersion = safeLoaded ? allTokenVersions[safe.chainId]?.[safeAddress] : undefined
+
+  return { safeTokenVersion, allTokenVersions, setTokenVersion }
+}
diff --git a/apps/web/src/components/settings/PushNotifications/hooks/useShowNotificationsRenewalMessage.ts b/apps/web/src/components/settings/PushNotifications/hooks/useShowNotificationsRenewalMessage.ts
new file mode 100644
index 000000000..9d3340ca4
--- /dev/null
+++ b/apps/web/src/components/settings/PushNotifications/hooks/useShowNotificationsRenewalMessage.ts
@@ -0,0 +1,77 @@
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { selectNotifications, showNotification } from '@/store/notificationsSlice'
+import { useEffect, useMemo } from 'react'
+import { useNotificationPreferences } from './useNotificationPreferences'
+import useWallet from '@/hooks/wallets/useWallet'
+import { useAppDispatch, useAppSelector } from '@/store'
+import useIsWrongChain from '@/hooks/useIsWrongChain'
+import { useIsNotificationsRenewalEnabled, useNotificationsTokenVersion } from './useNotificationsTokenVersion'
+import { useNotificationsRenewal } from './useNotificationsRenewal'
+import { NotificationsTokenVersion } from '@/services/push-notifications/preferences'
+import { RENEWAL_MESSAGE, RENEWAL_NOTIFICATION_KEY } from '../constants'
+
+/**
+ * Hook to show a notification to renew the notifications token if needed.
+ */
+export const useShowNotificationsRenewalMessage = () => {
+  const { safe, safeLoaded } = useSafeInfo()
+  const { getPreferences } = useNotificationPreferences()
+  const preferences = getPreferences(safe.chainId, safe.address.value)
+  const wallet = useWallet()
+  const dispatch = useAppDispatch()
+  const isWrongChain = useIsWrongChain()
+  const { safeTokenVersion, setTokenVersion } = useNotificationsTokenVersion()
+  const isNotificationsRenewalEnabled = useIsNotificationsRenewalEnabled()
+  const notifications = useAppSelector(selectNotifications)
+  const { renewNotifications } = useNotificationsRenewal()
+
+  const notificationGroupKey = useMemo(
+    () => `${RENEWAL_NOTIFICATION_KEY}-${safe.chainId}-${safe.address.value}`,
+    [safe.chainId, safe.address.value],
+  )
+
+  // Check if a renewal notification is already present
+  const hasNotificationMessage = useMemo(
+    () => notifications.some((notification) => notification.groupKey === notificationGroupKey),
+    [notifications, notificationGroupKey],
+  )
+
+  useEffect(() => {
+    if (
+      !!wallet &&
+      !!preferences &&
+      safeLoaded &&
+      !isWrongChain &&
+      !safeTokenVersion &&
+      !hasNotificationMessage &&
+      isNotificationsRenewalEnabled
+    ) {
+      dispatch(
+        showNotification({
+          message: RENEWAL_MESSAGE,
+          variant: 'warning',
+          groupKey: notificationGroupKey,
+          link: {
+            onClick: renewNotifications,
+            title: 'Sign',
+          },
+        }),
+      )
+
+      // Set the token version to V1 to avoid showing the notification again
+      setTokenVersion(NotificationsTokenVersion.V1)
+    }
+  }, [
+    dispatch,
+    renewNotifications,
+    preferences,
+    safeLoaded,
+    notificationGroupKey,
+    safeTokenVersion,
+    isWrongChain,
+    hasNotificationMessage,
+    wallet,
+    setTokenVersion,
+    isNotificationsRenewalEnabled,
+  ])
+}
diff --git a/apps/web/src/components/settings/PushNotifications/index.tsx b/apps/web/src/components/settings/PushNotifications/index.tsx
new file mode 100644
index 000000000..ea9cf6265
--- /dev/null
+++ b/apps/web/src/components/settings/PushNotifications/index.tsx
@@ -0,0 +1,297 @@
+import {
+  Grid,
+  Paper,
+  Typography,
+  Checkbox,
+  FormControlLabel,
+  FormGroup,
+  Alert,
+  Switch,
+  Divider,
+  Link as MuiLink,
+  useMediaQuery,
+  useTheme,
+} from '@mui/material'
+import Link from 'next/link'
+import { useState } from 'react'
+import type { ReactElement } from 'react'
+
+import useSafeInfo from '@/hooks/useSafeInfo'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { WebhookType } from '@/service-workers/firebase-messaging/webhook-types'
+import { useNotificationRegistrations } from './hooks/useNotificationRegistrations'
+import { useNotificationPreferences } from './hooks/useNotificationPreferences'
+import { GlobalPushNotifications } from './GlobalPushNotifications'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import { IS_DEV } from '@/config/constants'
+import { trackEvent } from '@/services/analytics'
+import { PUSH_NOTIFICATION_EVENTS } from '@/services/analytics/events/push-notifications'
+import { AppRoutes } from '@/config/routes'
+import CheckWalletWithPermission from '@/components/common/CheckWalletWithPermission'
+import { useIsMac } from '@/hooks/useIsMac'
+import ExternalLink from '@/components/common/ExternalLink'
+import { Permission } from '@/permissions/config'
+
+import css from './styles.module.css'
+import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
+import NotificationRenewal from '@/components/notification-center/NotificationRenewal'
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+export const PushNotifications = (): ReactElement => {
+  const { safe, safeLoaded } = useSafeInfo()
+  const isOwner = useIsSafeOwner()
+  const isMac = useIsMac()
+  const [isRegistering, setIsRegistering] = useState(false)
+  const [isUpdatingIndexedDb, setIsUpdatingIndexedDb] = useState(false)
+  const theme = useTheme()
+  const isLargeScreen = useMediaQuery(theme.breakpoints.up('lg'))
+
+  const { updatePreferences, getPreferences, getAllPreferences } = useNotificationPreferences()
+  const { unregisterSafeNotifications, unregisterDeviceNotifications, registerNotifications } =
+    useNotificationRegistrations()
+
+  const preferences = getPreferences(safe.chainId, safe.address.value)
+
+  const setPreferences = (newPreferences: NonNullable<ReturnType<typeof getPreferences>>) => {
+    setIsUpdatingIndexedDb(true)
+
+    updatePreferences(safe.chainId, safe.address.value, newPreferences)
+
+    setIsUpdatingIndexedDb(false)
+  }
+
+  const shouldShowMacHelper = isMac || IS_DEV
+
+  const handleOnChange = async () => {
+    setIsRegistering(true)
+
+    if (!preferences) {
+      await registerNotifications({ [safe.chainId]: [safe.address.value] })
+      trackEvent(PUSH_NOTIFICATION_EVENTS.ENABLE_SAFE)
+      setIsRegistering(false)
+      return
+    }
+
+    const allPreferences = getAllPreferences()
+    const totalRegisteredSafesOnChain = allPreferences
+      ? Object.values(allPreferences).filter(({ chainId }) => chainId === safe.chainId).length
+      : 0
+    const shouldUnregisterDevice = totalRegisteredSafesOnChain === 1
+
+    if (shouldUnregisterDevice) {
+      await unregisterDeviceNotifications(safe.chainId)
+    } else {
+      await unregisterSafeNotifications(safe.chainId, safe.address.value)
+    }
+
+    trackEvent(PUSH_NOTIFICATION_EVENTS.DISABLE_SAFE)
+    setIsRegistering(false)
+  }
+
+  return (
+    <>
+      <Paper sx={{ p: 4, mb: 2 }}>
+        <Grid container spacing={3}>
+          <Grid item sm={4} xs={12}>
+            <Typography
+              variant="h4"
+              sx={{
+                fontWeight: 700,
+              }}
+            >
+              Push notifications
+            </Typography>
+          </Grid>
+
+          <Grid item xs>
+            <Grid
+              container
+              sx={{
+                gap: 2.5,
+                flexDirection: 'column',
+              }}
+            >
+              <NotificationRenewal />
+
+              <Typography>
+                Enable push notifications for {safeLoaded ? 'this Safe Account' : 'your Safe Accounts'} in your browser
+                with your signature. You will need to enable them again if you clear your browser cache. Learn more
+                about push notifications <ExternalLink href={HelpCenterArticle.PUSH_NOTIFICATIONS}>here</ExternalLink>
+              </Typography>
+
+              {shouldShowMacHelper && (
+                <Alert severity="info" className={css.macOsInfo}>
+                  <Typography
+                    variant="body2"
+                    sx={{
+                      fontWeight: 700,
+                      mb: 1,
+                    }}
+                  >
+                    For macOS users
+                  </Typography>
+                  <Typography variant="body2">
+                    Double-check that you have enabled your browser notifications under <b>System Settings</b> &gt;{' '}
+                    <b>Notifications</b> &gt; <b>Application Notifications</b> (path may vary depending on OS version).
+                  </Typography>
+                </Alert>
+              )}
+
+              {safeLoaded ? (
+                <>
+                  <Divider />
+                  <NetworkWarning action="change your notification settings" />
+
+                  <div style={{ display: 'flex', justifyContent: 'space-between' }}>
+                    <EthHashInfo
+                      address={safe.address.value}
+                      showCopyButton
+                      shortAddress={!isLargeScreen}
+                      showName={true}
+                      hasExplorer
+                    />
+                    <CheckWalletWithPermission
+                      permission={Permission.EnablePushNotifications}
+                      checkNetwork={!isRegistering && safe.deployed}
+                    >
+                      {(isOk) => (
+                        <FormControlLabel
+                          data-testid="notifications-switch"
+                          control={<Switch checked={!!preferences} onChange={handleOnChange} />}
+                          label={preferences ? 'On' : 'Off'}
+                          disabled={!isOk || isRegistering || !safe.deployed}
+                        />
+                      )}
+                    </CheckWalletWithPermission>
+                  </div>
+
+                  <Paper className={css.globalInfo} variant="outlined">
+                    <Typography variant="body2">
+                      Want to setup notifications for different or all Safe Accounts? You can do so in your{' '}
+                      <Link href={AppRoutes.settings.notifications} passHref legacyBehavior>
+                        <MuiLink>global preferences</MuiLink>
+                      </Link>
+                      .
+                    </Typography>
+                  </Paper>
+                </>
+              ) : (
+                <GlobalPushNotifications />
+              )}
+            </Grid>
+          </Grid>
+        </Grid>
+      </Paper>
+      {preferences && (
+        <Paper sx={{ p: 4 }}>
+          <Grid container spacing={3}>
+            <Grid item sm={4} xs={12}>
+              <Typography
+                variant="h4"
+                sx={{
+                  fontWeight: 700,
+                }}
+              >
+                Notification
+              </Typography>
+            </Grid>
+
+            <Grid item xs>
+              <FormGroup>
+                <FormControlLabel
+                  control={
+                    <Checkbox
+                      checked={preferences[WebhookType.INCOMING_ETHER] && preferences[WebhookType.INCOMING_TOKEN]}
+                      disabled={isUpdatingIndexedDb}
+                      onChange={(_, checked) => {
+                        setPreferences({
+                          ...preferences,
+                          [WebhookType.INCOMING_ETHER]: checked,
+                          [WebhookType.INCOMING_TOKEN]: checked,
+                        })
+
+                        trackEvent({ ...PUSH_NOTIFICATION_EVENTS.TOGGLE_INCOMING_TXS, label: checked })
+                      }}
+                    />
+                  }
+                  label="Incoming transactions"
+                />
+
+                <FormControlLabel
+                  control={
+                    <Checkbox
+                      checked={
+                        preferences[WebhookType.MODULE_TRANSACTION] &&
+                        preferences[WebhookType.EXECUTED_MULTISIG_TRANSACTION]
+                      }
+                      disabled={isUpdatingIndexedDb}
+                      onChange={(_, checked) => {
+                        setPreferences({
+                          ...preferences,
+                          [WebhookType.MODULE_TRANSACTION]: checked,
+                          [WebhookType.EXECUTED_MULTISIG_TRANSACTION]: checked,
+                        })
+
+                        trackEvent({ ...PUSH_NOTIFICATION_EVENTS.TOGGLE_OUTGOING_TXS, label: checked })
+                      }}
+                    />
+                  }
+                  label="Outgoing transactions"
+                />
+
+                <FormControlLabel
+                  control={
+                    <Checkbox
+                      checked={preferences[WebhookType.CONFIRMATION_REQUEST]}
+                      disabled={isUpdatingIndexedDb}
+                      onChange={(_, checked) => {
+                        const updateConfirmationRequestPreferences = () => {
+                          setPreferences({
+                            ...preferences,
+                            [WebhookType.CONFIRMATION_REQUEST]: checked,
+                          })
+
+                          trackEvent({ ...PUSH_NOTIFICATION_EVENTS.TOGGLE_CONFIRMATION_REQUEST, label: checked })
+                        }
+
+                        if (checked) {
+                          registerNotifications({
+                            [safe.chainId]: [safe.address.value],
+                          })
+                            .then((registered) => {
+                              if (registered) {
+                                updateConfirmationRequestPreferences()
+                              }
+                            })
+                            .catch(() => null)
+                        } else {
+                          updateConfirmationRequestPreferences()
+                        }
+                      }}
+                    />
+                  }
+                  label={
+                    <>
+                      <Typography>Confirmation requests</Typography>
+                      {!preferences[WebhookType.CONFIRMATION_REQUEST] && (
+                        <Typography
+                          variant="body2"
+                          sx={{
+                            color: 'text.secondary',
+                          }}
+                        >
+                          {isOwner ? 'Requires your signature' : 'Only signers'}
+                        </Typography>
+                      )}
+                    </>
+                  }
+                  disabled={!isOwner || !preferences}
+                />
+              </FormGroup>
+            </Grid>
+          </Grid>
+        </Paper>
+      )}
+    </>
+  )
+}
diff --git a/src/components/settings/PushNotifications/logic.ts b/apps/web/src/components/settings/PushNotifications/logic.ts
similarity index 81%
rename from src/components/settings/PushNotifications/logic.ts
rename to apps/web/src/components/settings/PushNotifications/logic.ts
index 12185b408..10cf8eec5 100644
--- a/src/components/settings/PushNotifications/logic.ts
+++ b/apps/web/src/components/settings/PushNotifications/logic.ts
@@ -1,5 +1,4 @@
 import { getBytes, keccak256, toUtf8Bytes, type BrowserProvider } from 'ethers'
-import { joinSignature, splitSignature } from '@/utils/ethers-utils'
 import { getToken, getMessaging } from 'firebase/messaging'
 import { DeviceType } from '@safe-global/safe-gateway-typescript-sdk'
 import type { RegisterNotificationsRequest } from '@safe-global/safe-gateway-typescript-sdk'
@@ -7,9 +6,8 @@ import type { RegisterNotificationsRequest } from '@safe-global/safe-gateway-typ
 import { FIREBASE_VAPID_KEY, initializeFirebaseApp } from '@/services/push-notifications/firebase'
 import packageJson from '../../../../package.json'
 import { logError } from '@/services/exceptions'
-import ErrorCodes from '@/services/exceptions/ErrorCodes'
-import { checksumAddress } from '@/utils/addresses'
-import { isLedger } from '@/utils/wallets'
+import ErrorCodes from '@safe-global/utils/services/exceptions/ErrorCodes'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
 import { createWeb3 } from '@/hooks/wallets/web3'
 import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
 
@@ -34,35 +32,18 @@ export const requestNotificationPermission = async (): Promise<boolean> => {
   return permission === 'granted'
 }
 
-// Ledger produces vrs signatures with a canonical v value of {0,1}
-// Ethereum's ecrecover call only accepts a non-standard v value of {27,28}.
-
-// @see https://github.com/ethereum/go-ethereum/issues/19751
-export const _adjustLedgerSignatureV = (signature: string): string => {
-  const split = splitSignature(signature)
-
-  // @ts-ignore
-  if (split.v === 0 || split.v === 1) {
-    split.v += 27
-  }
-
-  return joinSignature(split)
-}
-
 const getSafeRegistrationSignature = async ({
   safeAddresses,
   web3,
   timestamp,
   uuid,
   token,
-  isLedger,
 }: {
   safeAddresses: Array<string>
   web3: BrowserProvider
   timestamp: string
   uuid: string
   token: string
-  isLedger: boolean
 }) => {
   const MESSAGE_PREFIX = 'gnosis-safe'
 
@@ -75,13 +56,8 @@ const getSafeRegistrationSignature = async ({
   const message = MESSAGE_PREFIX + timestamp + uuid + token + safeAddresses.sort().join('')
   const hashedMessage = keccak256(toUtf8Bytes(message))
 
-  const signature = await (await web3.getSigner()).signMessage(getBytes(hashedMessage))
-
-  if (!isLedger) {
-    return signature
-  }
-
-  return _adjustLedgerSignatureV(signature)
+  const signer = await web3.getSigner()
+  return await signer.signMessage(getBytes(hashedMessage))
 }
 
 export type NotifiableSafes = { [chainId: string]: Array<string> }
@@ -110,7 +86,6 @@ export const getRegisterDevicePayload = async ({
   })
 
   const web3 = createWeb3(wallet.provider)
-  const isLedgerWallet = isLedger(wallet)
 
   // If uuid is not provided a new device will be created.
   // If a uuid for an existing Safe is provided the FirebaseDevice will be updated with all the new data provided.
@@ -133,7 +108,6 @@ export const getRegisterDevicePayload = async ({
       uuid,
       timestamp,
       token,
-      isLedger: isLedgerWallet,
     })
 
     safeRegistrations.push({
diff --git a/src/components/settings/PushNotifications/styles.module.css b/apps/web/src/components/settings/PushNotifications/styles.module.css
similarity index 100%
rename from src/components/settings/PushNotifications/styles.module.css
rename to apps/web/src/components/settings/PushNotifications/styles.module.css
diff --git a/apps/web/src/components/settings/RequiredConfirmations/index.tsx b/apps/web/src/components/settings/RequiredConfirmations/index.tsx
new file mode 100644
index 000000000..a7fae9152
--- /dev/null
+++ b/apps/web/src/components/settings/RequiredConfirmations/index.tsx
@@ -0,0 +1,70 @@
+import { Box, Button, Grid, Typography } from '@mui/material'
+import Track from '@/components/common/Track'
+import { SETTINGS_EVENTS } from '@/services/analytics'
+import { ChangeThresholdFlow } from '@/components/tx-flow/flows'
+import CheckWallet from '@/components/common/CheckWallet'
+import { useContext } from 'react'
+import { TxModalContext } from '@/components/tx-flow'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+
+export const RequiredConfirmation = ({ threshold, owners }: { threshold: number; owners: number }) => {
+  const { setTxFlow } = useContext(TxModalContext)
+
+  return (
+    <Box
+      sx={{
+        marginTop: 6,
+      }}
+    >
+      <Grid container spacing={3}>
+        <Grid item lg={4} xs={12}>
+          <Typography
+            variant="h4"
+            sx={{
+              fontWeight: 700,
+            }}
+          >
+            Required confirmations
+          </Typography>
+        </Grid>
+
+        <Grid item xs>
+          <Typography
+            sx={{
+              pb: 2,
+            }}
+          >
+            Any transaction requires the confirmation of:
+          </Typography>
+
+          <Typography
+            component="span"
+            sx={{
+              pt: 3,
+              pr: 2,
+            }}
+          >
+            <b>{threshold}</b> out of <b>{owners}</b> signer{maybePlural(owners)}.
+          </Typography>
+
+          {owners > 1 && (
+            <CheckWallet>
+              {(isOk) => (
+                <Track {...SETTINGS_EVENTS.SETUP.CHANGE_THRESHOLD} as="span">
+                  <Button
+                    onClick={() => setTxFlow(<ChangeThresholdFlow />)}
+                    variant="contained"
+                    disabled={!isOk}
+                    size="small"
+                  >
+                    Change
+                  </Button>
+                </Track>
+              )}
+            </CheckWallet>
+          )}
+        </Grid>
+      </Grid>
+    </Box>
+  )
+}
diff --git a/apps/web/src/components/settings/SafeAppsPermissions/index.tsx b/apps/web/src/components/settings/SafeAppsPermissions/index.tsx
new file mode 100644
index 000000000..efd312270
--- /dev/null
+++ b/apps/web/src/components/settings/SafeAppsPermissions/index.tsx
@@ -0,0 +1,195 @@
+import { useSafeApps } from '@/hooks/safe-apps/useSafeApps'
+import {
+  getBrowserPermissionDisplayValues,
+  getSafePermissionDisplayValues,
+  useBrowserPermissions,
+  useSafePermissions,
+} from '@/hooks/safe-apps/permissions'
+import type { ReactElement } from 'react'
+import { useCallback, useMemo } from 'react'
+import type { AllowedFeatures } from '@/components/safe-apps/types'
+import { PermissionStatus } from '@/components/safe-apps/types'
+import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
+import { Grid, Link, Paper, SvgIcon, Typography } from '@mui/material'
+import PermissionsCheckbox from '@/components/safe-apps/PermissionCheckbox'
+import DeleteIcon from '@/public/images/common/delete.svg'
+
+const SafeAppsPermissions = (): ReactElement => {
+  const { allSafeApps } = useSafeApps()
+  const {
+    permissions: safePermissions,
+    updatePermission: updateSafePermission,
+    removePermissions: removeSafePermissions,
+    isUserRestricted,
+  } = useSafePermissions()
+  const {
+    permissions: browserPermissions,
+    updatePermission: updateBrowserPermission,
+    removePermissions: removeBrowserPermissions,
+  } = useBrowserPermissions()
+  const domains = useMemo(() => {
+    const mergedPermissionsSet = new Set(Object.keys(browserPermissions).concat(Object.keys(safePermissions)))
+
+    return Array.from(mergedPermissionsSet)
+  }, [safePermissions, browserPermissions])
+
+  const handleSafePermissionsChange = (origin: string, capability: string, checked: boolean) =>
+    updateSafePermission(origin, [{ capability, selected: checked }])
+
+  const handleBrowserPermissionsChange = (origin: string, feature: AllowedFeatures, checked: boolean) =>
+    updateBrowserPermission(origin, [{ feature, selected: checked }])
+
+  const updateAllPermissions = useCallback(
+    (origin: string, selected: boolean) => {
+      if (safePermissions[origin]?.length)
+        updateSafePermission(
+          origin,
+          safePermissions[origin].map(({ parentCapability }) => ({ capability: parentCapability, selected })),
+        )
+
+      if (browserPermissions[origin]?.length)
+        updateBrowserPermission(
+          origin,
+          browserPermissions[origin].map(({ feature }) => ({ feature, selected })),
+        )
+    },
+    [browserPermissions, safePermissions, updateBrowserPermission, updateSafePermission],
+  )
+
+  const handleAllowAll = useCallback(
+    (event: React.MouseEvent, origin: string) => {
+      event.preventDefault()
+      updateAllPermissions(origin, true)
+    },
+    [updateAllPermissions],
+  )
+
+  const handleClearAll = useCallback(
+    (event: React.MouseEvent, origin: string) => {
+      event.preventDefault()
+      updateAllPermissions(origin, false)
+    },
+    [updateAllPermissions],
+  )
+
+  const handleRemoveApp = useCallback(
+    (event: React.MouseEvent, origin: string) => {
+      event.preventDefault()
+      removeSafePermissions(origin)
+      removeBrowserPermissions(origin)
+    },
+    [removeBrowserPermissions, removeSafePermissions],
+  )
+
+  const appNames = useMemo(() => {
+    const appNames = allSafeApps.reduce((acc: Record<string, string>, app: SafeAppData) => {
+      acc[app.url] = app.name
+      return acc
+    }, {})
+
+    return appNames
+  }, [allSafeApps])
+
+  if (!allSafeApps.length) {
+    return <div />
+  }
+
+  return (
+    <Paper sx={{ padding: 4 }}>
+      <Typography variant="h4" fontWeight={700}>
+        Safe Apps permissions
+      </Typography>
+      <br />
+      {!domains.length && (
+        <Typography variant="body1" sx={{ color: ({ palette }) => palette.primary.light }}>
+          There are no Safe Apps using permissions.
+        </Typography>
+      )}
+      {domains.map((domain) => (
+        <Grid
+          item
+          key={domain}
+          sx={({ palette, shape }) => ({
+            border: `1px solid ${palette.border.light}`,
+            borderRadius: shape.borderRadius,
+            marginBottom: '16px',
+          })}
+        >
+          <Grid
+            container
+            sx={({ palette }) => ({
+              padding: '15px 24px',
+              borderBottom: `1px solid ${palette.border.light}`,
+            })}
+          >
+            <Grid
+              item
+              xs={12}
+              sm={5}
+              sx={{
+                padding: '9px 0',
+              }}
+            >
+              <Typography variant="h5" fontWeight={700}>
+                {appNames[domain]}
+              </Typography>
+              <Typography variant="body2">{domain}</Typography>
+            </Grid>
+            <Grid container item xs={12} sm={7}>
+              {safePermissions[domain]?.map(({ parentCapability, caveats }) => {
+                return (
+                  <Grid key={parentCapability} item xs={12} sm={6} lg={4} xl={3}>
+                    <PermissionsCheckbox
+                      name={parentCapability}
+                      label={getSafePermissionDisplayValues(parentCapability).displayName}
+                      onChange={(_, checked: boolean) => handleSafePermissionsChange(domain, parentCapability, checked)}
+                      checked={!isUserRestricted(caveats)}
+                    />
+                  </Grid>
+                )
+              })}
+              {browserPermissions[domain]?.map(({ feature, status }) => {
+                return (
+                  <Grid key={feature} item xs={12} sm={6} lg={4} xl={3}>
+                    <PermissionsCheckbox
+                      name={feature.toString()}
+                      label={getBrowserPermissionDisplayValues(feature).displayName}
+                      onChange={(_, checked: boolean) => handleBrowserPermissionsChange(domain, feature, checked)}
+                      checked={status === PermissionStatus.GRANTED ? true : false}
+                    />
+                  </Grid>
+                )
+              })}
+            </Grid>
+          </Grid>
+          <Grid
+            container
+            item
+            justifyContent="flex-end"
+            sx={{
+              padding: '12px 24px',
+            }}
+          >
+            <Link href="#" onClick={(event) => handleAllowAll(event, domain)} sx={{ textDecoration: 'none' }}>
+              Allow all
+            </Link>
+            <Link
+              href="#"
+              color="error"
+              onClick={(event) => handleClearAll(event, domain)}
+              sx={{ textDecoration: 'none' }}
+              ml={2}
+            >
+              Clear all
+            </Link>
+            <Link href="#" color="error" onClick={(event) => handleRemoveApp(event, domain)} ml={2}>
+              <SvgIcon component={DeleteIcon} inheritViewBox color="error" fontSize="small" />
+            </Link>
+          </Grid>
+        </Grid>
+      ))}
+    </Paper>
+  )
+}
+
+export default SafeAppsPermissions
diff --git a/src/components/settings/SafeAppsSigningMethod/index.test.tsx b/apps/web/src/components/settings/SafeAppsSigningMethod/index.test.tsx
similarity index 100%
rename from src/components/settings/SafeAppsSigningMethod/index.test.tsx
rename to apps/web/src/components/settings/SafeAppsSigningMethod/index.test.tsx
diff --git a/apps/web/src/components/settings/SafeAppsSigningMethod/index.tsx b/apps/web/src/components/settings/SafeAppsSigningMethod/index.tsx
new file mode 100644
index 000000000..bfcd13c5d
--- /dev/null
+++ b/apps/web/src/components/settings/SafeAppsSigningMethod/index.tsx
@@ -0,0 +1,50 @@
+import ExternalLink from '@/components/common/ExternalLink'
+import { SETTINGS_EVENTS, trackEvent } from '@/services/analytics'
+import { useAppDispatch, useAppSelector } from '@/store'
+import { selectOnChainSigning, setOnChainSigning } from '@/store/settingsSlice'
+import { FormControlLabel, Checkbox, Paper, Typography, FormGroup, Grid } from '@mui/material'
+import { BRAND_NAME } from '@/config/constants'
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+export const SafeAppsSigningMethod = () => {
+  const onChainSigning = useAppSelector(selectOnChainSigning)
+
+  const dispatch = useAppDispatch()
+
+  const onChange = () => {
+    trackEvent(SETTINGS_EVENTS.SAFE_APPS.CHANGE_SIGNING_METHOD)
+    dispatch(setOnChainSigning(!onChainSigning))
+  }
+
+  return (
+    <Paper sx={{ padding: 4, mt: 2 }}>
+      <Grid container spacing={3}>
+        <Grid item lg={4} xs={12}>
+          <Typography variant="h4" fontWeight="bold" mb={1}>
+            Signing method
+          </Typography>
+        </Grid>
+
+        <Grid item xs>
+          <Typography mb={2}>
+            This setting determines how the {BRAND_NAME} will sign message requests from Safe Apps. Gasless, off-chain
+            signing is used by default. Learn more about message signing{' '}
+            <ExternalLink href={HelpCenterArticle.SIGNED_MESSAGES}>here</ExternalLink>.
+          </Typography>
+          <FormGroup>
+            <FormControlLabel
+              sx={({ palette }) => ({
+                flex: 1,
+                '.MuiIconButton-root:not(.Mui-checked)': {
+                  color: palette.text.disabled,
+                },
+              })}
+              control={<Checkbox checked={onChainSigning} onChange={onChange} name="use-on-chain-signing" />}
+              label="Always use on-chain signatures"
+            />
+          </FormGroup>
+        </Grid>
+      </Grid>
+    </Paper>
+  )
+}
diff --git a/src/components/settings/SafeModules/__tests__/SafeModules.test.tsx b/apps/web/src/components/settings/SafeModules/__tests__/SafeModules.test.tsx
similarity index 100%
rename from src/components/settings/SafeModules/__tests__/SafeModules.test.tsx
rename to apps/web/src/components/settings/SafeModules/__tests__/SafeModules.test.tsx
diff --git a/apps/web/src/components/settings/SafeModules/index.tsx b/apps/web/src/components/settings/SafeModules/index.tsx
new file mode 100644
index 000000000..04c85504a
--- /dev/null
+++ b/apps/web/src/components/settings/SafeModules/index.tsx
@@ -0,0 +1,105 @@
+import EthHashInfo from '@/components/common/EthHashInfo'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { Paper, Grid, Typography, Box, IconButton, SvgIcon } from '@mui/material'
+
+import ExternalLink from '@/components/common/ExternalLink'
+import { RemoveModuleFlow } from '@/components/tx-flow/flows'
+import DeleteIcon from '@/public/images/common/delete.svg'
+import CheckWallet from '@/components/common/CheckWallet'
+import { useContext } from 'react'
+import { TxModalContext } from '@/components/tx-flow'
+import { selectDelayModifierByAddress } from '@/features/recovery/services/selectors'
+import { RemoveRecoveryFlow } from '@/components/tx-flow/flows'
+import useRecovery from '@/features/recovery/hooks/useRecovery'
+
+import css from '../TransactionGuards/styles.module.css'
+
+const NoModules = () => {
+  return (
+    <Typography mt={2} sx={{ color: ({ palette }) => palette.primary.light }}>
+      No modules enabled
+    </Typography>
+  )
+}
+
+const ModuleDisplay = ({ moduleAddress, chainId, name }: { moduleAddress: string; chainId: string; name?: string }) => {
+  const { setTxFlow } = useContext(TxModalContext)
+  const [recovery] = useRecovery()
+  const delayModifier = recovery && selectDelayModifierByAddress(recovery, moduleAddress)
+
+  const onRemove = () => {
+    if (delayModifier) {
+      setTxFlow(<RemoveRecoveryFlow delayModifier={delayModifier} />)
+    } else {
+      setTxFlow(<RemoveModuleFlow address={moduleAddress} />)
+    }
+  }
+
+  return (
+    <Box className={css.guardDisplay}>
+      <EthHashInfo
+        name={name}
+        shortAddress={false}
+        address={moduleAddress}
+        showCopyButton
+        chainId={chainId}
+        hasExplorer
+      />
+      <CheckWallet>
+        {(isOk) => (
+          <IconButton
+            data-testid="module-remove-btn"
+            onClick={onRemove}
+            color="error"
+            size="small"
+            disabled={!isOk}
+            title="Remove module"
+          >
+            <SvgIcon component={DeleteIcon} inheritViewBox color="error" fontSize="small" />
+          </IconButton>
+        )}
+      </CheckWallet>
+    </Box>
+  )
+}
+
+const SafeModules = () => {
+  const { safe } = useSafeInfo()
+  const safeModules = safe.modules || []
+
+  return (
+    <Paper sx={{ padding: 4 }}>
+      <Grid container direction="row" justifyContent="space-between" spacing={3}>
+        <Grid item lg={4} xs={12}>
+          <Typography variant="h4" fontWeight={700}>
+            Safe modules
+          </Typography>
+        </Grid>
+
+        <Grid item xs>
+          <Box>
+            <Typography>
+              Modules allow you to customize the access-control logic of your Safe Account. Modules are potentially
+              risky, so make sure to only use modules from trusted sources. Learn more about modules{' '}
+              <ExternalLink href="https://help.safe.global/en/articles/40827-what-is-a-module">here</ExternalLink>
+            </Typography>
+            {safeModules.length === 0 ? (
+              <NoModules />
+            ) : (
+              safeModules.map((module) => (
+                <ModuleDisplay
+                  key={module.value}
+                  chainId={safe.chainId}
+                  moduleAddress={module.value}
+                  name={module.name || undefined}
+                />
+              ))
+            )}
+          </Box>
+        </Grid>
+      </Grid>
+    </Paper>
+  )
+}
+
+export default SafeModules
diff --git a/src/components/settings/SecurityLogin/index.tsx b/apps/web/src/components/settings/SecurityLogin/index.tsx
similarity index 100%
rename from src/components/settings/SecurityLogin/index.tsx
rename to apps/web/src/components/settings/SecurityLogin/index.tsx
diff --git a/src/components/settings/SecuritySettings/index.tsx b/apps/web/src/components/settings/SecuritySettings/index.tsx
similarity index 100%
rename from src/components/settings/SecuritySettings/index.tsx
rename to apps/web/src/components/settings/SecuritySettings/index.tsx
diff --git a/apps/web/src/components/settings/SettingsHeader/index.test.tsx b/apps/web/src/components/settings/SettingsHeader/index.test.tsx
new file mode 100644
index 000000000..a094783b2
--- /dev/null
+++ b/apps/web/src/components/settings/SettingsHeader/index.test.tsx
@@ -0,0 +1,71 @@
+import { SettingsHeader } from '@/components/settings/SettingsHeader/index'
+import { CONFIG_SERVICE_CHAINS } from '@/tests/mocks/chains'
+import * as safeAddress from '@/hooks/useSafeAddress'
+
+import { render } from '@/tests/test-utils'
+import { faker } from '@faker-js/faker'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+describe('SettingsHeader', () => {
+  beforeEach(() => {
+    jest.resetAllMocks()
+  })
+
+  describe('A safe is open', () => {
+    beforeEach(() => {
+      jest.resetAllMocks()
+      jest.spyOn(safeAddress, 'default').mockReturnValue(faker.finance.ethereumAddress())
+    })
+
+    it('displays safe specific preferences if on a safe', () => {
+      const result = render(<SettingsHeader safeAddress="0x1234" chain={CONFIG_SERVICE_CHAINS[0]} />)
+
+      expect(result.getByText('Setup')).toBeInTheDocument()
+    })
+
+    it('displays Notifications if feature is enabled', () => {
+      const result = render(
+        <SettingsHeader
+          safeAddress="0x1234"
+          chain={{
+            ...CONFIG_SERVICE_CHAINS[0],
+            features: [FEATURES.PUSH_NOTIFICATIONS] as unknown as ChainInfo['features'],
+          }}
+        />,
+      )
+
+      expect(result.getByText('Notifications')).toBeInTheDocument()
+    })
+  })
+
+  describe('No safe is open', () => {
+    beforeEach(() => {
+      jest.resetAllMocks()
+      jest.spyOn(safeAddress, 'default').mockReturnValue('')
+    })
+
+    it('displays general preferences if no safe is open', () => {
+      const result = render(<SettingsHeader safeAddress="" chain={CONFIG_SERVICE_CHAINS[0]} />)
+
+      expect(result.getByText('Cookies')).toBeInTheDocument()
+      expect(result.getByText('Appearance')).toBeInTheDocument()
+      expect(result.getByText('Data')).toBeInTheDocument()
+      expect(result.getByText('Environment variables')).toBeInTheDocument()
+    })
+
+    it('displays Notifications if feature is enabled', () => {
+      const result = render(
+        <SettingsHeader
+          safeAddress=""
+          chain={{
+            ...CONFIG_SERVICE_CHAINS[0],
+            features: [FEATURES.PUSH_NOTIFICATIONS] as unknown as ChainInfo['features'],
+          }}
+        />,
+      )
+
+      expect(result.getByText('Notifications')).toBeInTheDocument()
+    })
+  })
+})
diff --git a/src/components/settings/SettingsHeader/index.tsx b/apps/web/src/components/settings/SettingsHeader/index.tsx
similarity index 100%
rename from src/components/settings/SettingsHeader/index.tsx
rename to apps/web/src/components/settings/SettingsHeader/index.tsx
diff --git a/src/components/settings/SpendingLimits/NoSpendingLimits.tsx b/apps/web/src/components/settings/SpendingLimits/NoSpendingLimits.tsx
similarity index 90%
rename from src/components/settings/SpendingLimits/NoSpendingLimits.tsx
rename to apps/web/src/components/settings/SpendingLimits/NoSpendingLimits.tsx
index 41f37fb54..e67ac8ea7 100644
--- a/src/components/settings/SpendingLimits/NoSpendingLimits.tsx
+++ b/apps/web/src/components/settings/SpendingLimits/NoSpendingLimits.tsx
@@ -6,7 +6,15 @@ import TimeIcon from '@/public/images/settings/spending-limit/time.svg'
 
 export const NoSpendingLimits = () => {
   return (
-    <Grid mt={2} container direction="row" justifyContent="space-between" spacing={2}>
+    <Grid
+      container
+      direction="row"
+      spacing={2}
+      sx={{
+        mt: 2,
+        justifyContent: 'space-between',
+      }}
+    >
       <Grid item sm={2}>
         <BeneficiaryIcon data-testid="beneficiary-icon" />
       </Grid>
@@ -19,7 +27,6 @@ export const NoSpendingLimits = () => {
           Safe Account
         </Typography>
       </Grid>
-
       <Grid item sm={2}>
         <AssetAmountIcon data-testid="asset-icon" />
       </Grid>
@@ -29,7 +36,6 @@ export const NoSpendingLimits = () => {
         </Typography>
         <Typography>You can set allowances for any asset stored in your Safe Account</Typography>
       </Grid>
-
       <Grid item sm={2}>
         <TimeIcon data-testid="time-icon" />
       </Grid>
diff --git a/src/components/settings/SpendingLimits/SpendingLimitsTable.tsx b/apps/web/src/components/settings/SpendingLimits/SpendingLimitsTable.tsx
similarity index 97%
rename from src/components/settings/SpendingLimits/SpendingLimitsTable.tsx
rename to apps/web/src/components/settings/SpendingLimits/SpendingLimitsTable.tsx
index d9f18a3b4..020c93cfd 100644
--- a/src/components/settings/SpendingLimits/SpendingLimitsTable.tsx
+++ b/apps/web/src/components/settings/SpendingLimits/SpendingLimitsTable.tsx
@@ -1,8 +1,8 @@
 import EnhancedTable from '@/components/common/EnhancedTable'
 import DeleteIcon from '@/public/images/common/delete.svg'
-import { safeFormatUnits } from '@/utils/formatters'
+import { safeFormatUnits } from '@safe-global/utils/utils/formatters'
 import { Box, IconButton, Skeleton, SvgIcon, Typography } from '@mui/material'
-import { relativeTime } from '@/utils/date'
+import { relativeTime } from '@safe-global/utils/utils/date'
 import EthHashInfo from '@/components/common/EthHashInfo'
 import { useContext, useMemo } from 'react'
 import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
diff --git a/apps/web/src/components/settings/SpendingLimits/index.tsx b/apps/web/src/components/settings/SpendingLimits/index.tsx
new file mode 100644
index 000000000..a87152673
--- /dev/null
+++ b/apps/web/src/components/settings/SpendingLimits/index.tsx
@@ -0,0 +1,81 @@
+import { useContext } from 'react'
+import { Paper, Grid, Typography, Box, Button } from '@mui/material'
+import { NoSpendingLimits } from '@/components/settings/SpendingLimits/NoSpendingLimits'
+import { SpendingLimitsTable } from '@/components/settings/SpendingLimits/SpendingLimitsTable'
+import { useSelector } from 'react-redux'
+import { selectSpendingLimits, selectSpendingLimitsLoading } from '@/store/spendingLimitsSlice'
+import { useHasFeature } from '@/hooks/useChains'
+import { NewSpendingLimitFlow } from '@/components/tx-flow/flows'
+import { SETTINGS_EVENTS } from '@/services/analytics'
+import CheckWallet from '@/components/common/CheckWallet'
+import Track from '@/components/common/Track'
+import { TxModalContext } from '@/components/tx-flow'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const SpendingLimits = () => {
+  const { setTxFlow } = useContext(TxModalContext)
+  const spendingLimits = useSelector(selectSpendingLimits)
+  const spendingLimitsLoading = useSelector(selectSpendingLimitsLoading)
+  const isEnabled = useHasFeature(FEATURES.SPENDING_LIMIT)
+
+  return (
+    <Paper data-testid="spending-limit-section" sx={{ padding: 4 }}>
+      <Grid
+        container
+        direction="row"
+        spacing={3}
+        sx={{
+          justifyContent: 'space-between',
+        }}
+      >
+        <Grid item lg={4} xs={12}>
+          <Typography
+            variant="h4"
+            sx={{
+              fontWeight: 700,
+            }}
+          >
+            Spending limits
+          </Typography>
+        </Grid>
+
+        <Grid item xs>
+          {isEnabled ? (
+            <Box>
+              <Typography>
+                You can set rules for specific beneficiaries to access funds from this Safe Account without having to
+                collect all signatures.
+              </Typography>
+
+              <CheckWallet>
+                {(isOk) => (
+                  <Track {...SETTINGS_EVENTS.SPENDING_LIMIT.NEW_LIMIT}>
+                    <Button
+                      data-testid="new-spending-limit"
+                      onClick={() => setTxFlow(<NewSpendingLimitFlow />)}
+                      sx={{ mt: 2, mb: 2 }}
+                      variant="contained"
+                      disabled={!isOk}
+                      size="small"
+                    >
+                      New spending limit
+                    </Button>
+                  </Track>
+                )}
+              </CheckWallet>
+
+              {!spendingLimits.length && !spendingLimitsLoading && <NoSpendingLimits />}
+              {spendingLimits.length > 0 && (
+                <SpendingLimitsTable isLoading={spendingLimitsLoading} spendingLimits={spendingLimits} />
+              )}
+            </Box>
+          ) : (
+            <Typography>The spending limit feature is not yet available on this chain.</Typography>
+          )}
+        </Grid>
+      </Grid>
+    </Paper>
+  )
+}
+
+export default SpendingLimits
diff --git a/src/components/settings/TransactionGuards/__tests__/TransactionGuards.test.tsx b/apps/web/src/components/settings/TransactionGuards/__tests__/TransactionGuards.test.tsx
similarity index 100%
rename from src/components/settings/TransactionGuards/__tests__/TransactionGuards.test.tsx
rename to apps/web/src/components/settings/TransactionGuards/__tests__/TransactionGuards.test.tsx
diff --git a/apps/web/src/components/settings/TransactionGuards/index.tsx b/apps/web/src/components/settings/TransactionGuards/index.tsx
new file mode 100644
index 000000000..f31bbe761
--- /dev/null
+++ b/apps/web/src/components/settings/TransactionGuards/index.tsx
@@ -0,0 +1,84 @@
+import EthHashInfo from '@/components/common/EthHashInfo'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { Paper, Grid, Typography, Box, IconButton, SvgIcon } from '@mui/material'
+
+import css from './styles.module.css'
+import ExternalLink from '@/components/common/ExternalLink'
+import { SAFE_FEATURES } from '@safe-global/protocol-kit/dist/src/utils/safeVersions'
+import { hasSafeFeature } from '@/utils/safe-versions'
+import DeleteIcon from '@/public/images/common/delete.svg'
+import CheckWallet from '@/components/common/CheckWallet'
+import { useContext } from 'react'
+import { TxModalContext } from '@/components/tx-flow'
+import { RemoveGuardFlow } from '@/components/tx-flow/flows'
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+const NoTransactionGuard = () => {
+  return (
+    <Typography mt={2} sx={{ color: ({ palette }) => palette.primary.light }}>
+      No transaction guard set
+    </Typography>
+  )
+}
+
+const GuardDisplay = ({ guardAddress, chainId }: { guardAddress: string; chainId: string }) => {
+  const { setTxFlow } = useContext(TxModalContext)
+
+  return (
+    <Box className={css.guardDisplay}>
+      <EthHashInfo shortAddress={false} address={guardAddress} showCopyButton hasExplorer chainId={chainId} />
+      <CheckWallet>
+        {(isOk) => (
+          <IconButton
+            onClick={() => setTxFlow(<RemoveGuardFlow address={guardAddress} />)}
+            color="error"
+            size="small"
+            disabled={!isOk}
+          >
+            <SvgIcon component={DeleteIcon} inheritViewBox color="error" fontSize="small" />
+          </IconButton>
+        )}
+      </CheckWallet>
+    </Box>
+  )
+}
+
+const TransactionGuards = () => {
+  const { safe, safeLoaded } = useSafeInfo()
+
+  const isVersionWithGuards = safeLoaded && hasSafeFeature(SAFE_FEATURES.SAFE_TX_GUARDS, safe.version)
+
+  if (!isVersionWithGuards) {
+    return null
+  }
+
+  return (
+    <Paper sx={{ padding: 4 }}>
+      <Grid container direction="row" justifyContent="space-between" spacing={3}>
+        <Grid item lg={4} xs={12}>
+          <Typography variant="h4" fontWeight={700}>
+            Transaction guards
+          </Typography>
+        </Grid>
+
+        <Grid item xs>
+          <Box>
+            <Typography>
+              Transaction guards impose additional constraints that are checked prior to executing a Safe transaction.
+              Transaction guards are potentially risky, so make sure to only use transaction guards from trusted
+              sources. Learn more about transaction guards{' '}
+              <ExternalLink href={HelpCenterArticle.TRANSACTION_GUARD}>here</ExternalLink>.
+            </Typography>
+            {safe.guard ? (
+              <GuardDisplay guardAddress={safe.guard.value} chainId={safe.chainId} />
+            ) : (
+              <NoTransactionGuard />
+            )}
+          </Box>
+        </Grid>
+      </Grid>
+    </Paper>
+  )
+}
+
+export default TransactionGuards
diff --git a/apps/web/src/components/settings/TransactionGuards/styles.module.css b/apps/web/src/components/settings/TransactionGuards/styles.module.css
new file mode 100644
index 000000000..80b8da440
--- /dev/null
+++ b/apps/web/src/components/settings/TransactionGuards/styles.module.css
@@ -0,0 +1,20 @@
+.guardDisplay {
+  background-color: var(--color-secondary-background);
+  border: 1px solid var(--color-success-dark);
+  padding: 8px;
+  border-radius: 4px;
+  margin-top: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.guardDisplay.warning {
+  background-color: var(--color-warning-background);
+  border-color: var(--color-warning-dark);
+}
+
+.guardDisplay.info {
+  background-color: var(--color-info-background);
+  border-color: var(--color-info-dark);
+}
diff --git a/apps/web/src/components/settings/owner/EditOwnerDialog/index.tsx b/apps/web/src/components/settings/owner/EditOwnerDialog/index.tsx
new file mode 100644
index 000000000..b12aab771
--- /dev/null
+++ b/apps/web/src/components/settings/owner/EditOwnerDialog/index.tsx
@@ -0,0 +1,86 @@
+import EthHashInfo from '@/components/common/EthHashInfo'
+import ModalDialog from '@/components/common/ModalDialog'
+import NameInput from '@/components/common/NameInput'
+import Track from '@/components/common/Track'
+import { SETTINGS_EVENTS } from '@/services/analytics/events/settings'
+import { useAppDispatch } from '@/store'
+import EditIcon from '@/public/images/common/edit.svg'
+import { Box, Button, DialogActions, DialogContent, IconButton, Tooltip, SvgIcon } from '@mui/material'
+import { useState } from 'react'
+import { FormProvider, useForm } from 'react-hook-form'
+import { upsertAddressBookEntries } from '@/store/addressBookSlice'
+
+type EditOwnerValues = {
+  name: string
+}
+
+export const EditOwnerDialog = ({ chainId, address, name }: { chainId: string; address: string; name?: string }) => {
+  const [open, setOpen] = useState(false)
+
+  const dispatch = useAppDispatch()
+
+  const handleClose = () => setOpen(false)
+
+  const onSubmit = (data: EditOwnerValues) => {
+    if (data.name !== name) {
+      dispatch(
+        upsertAddressBookEntries({
+          chainIds: [chainId],
+          address,
+          name: data.name,
+        }),
+      )
+      handleClose()
+    }
+  }
+
+  const formMethods = useForm<EditOwnerValues>({
+    defaultValues: {
+      name: name || '',
+    },
+    mode: 'onChange',
+  })
+
+  const { handleSubmit, formState, watch } = formMethods
+
+  const nameValue = watch('name')
+
+  const buttonDisabled = !formState.isValid || nameValue === name || nameValue === ''
+
+  return (
+    <>
+      <Track {...SETTINGS_EVENTS.SETUP.EDIT_OWNER}>
+        <Tooltip title="Edit signer">
+          <span>
+            <IconButton onClick={() => setOpen(true)} size="small">
+              <SvgIcon component={EditIcon} inheritViewBox color="border" fontSize="small" />
+            </IconButton>
+          </span>
+        </Tooltip>
+      </Track>
+
+      <ModalDialog open={open} onClose={handleClose} dialogTitle="Edit signer name">
+        <FormProvider {...formMethods}>
+          <form onSubmit={handleSubmit(onSubmit)}>
+            <DialogContent>
+              <Box py={2}>
+                <NameInput label="Signer name" name="name" required />
+              </Box>
+
+              <Box py={2}>
+                <EthHashInfo address={address} showCopyButton shortAddress={false} />
+              </Box>
+            </DialogContent>
+
+            <DialogActions>
+              <Button onClick={handleClose}>Cancel</Button>
+              <Button type="submit" variant="contained" disabled={buttonDisabled}>
+                Save
+              </Button>
+            </DialogActions>
+          </form>
+        </FormProvider>
+      </ModalDialog>
+    </>
+  )
+}
diff --git a/apps/web/src/components/settings/owner/OwnerList/index.tsx b/apps/web/src/components/settings/owner/OwnerList/index.tsx
new file mode 100644
index 000000000..ffed56fcc
--- /dev/null
+++ b/apps/web/src/components/settings/owner/OwnerList/index.tsx
@@ -0,0 +1,172 @@
+import { jsonToCSV } from 'react-papaparse'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { ReplaceOwnerFlow, RemoveOwnerFlow } from '@/components/tx-flow/flows'
+import useAddressBook from '@/hooks/useAddressBook'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { Box, Grid, Typography, Button, SvgIcon, Tooltip, IconButton } from '@mui/material'
+import { useContext, useMemo } from 'react'
+import { EditOwnerDialog } from '../EditOwnerDialog'
+import EnhancedTable from '@/components/common/EnhancedTable'
+import EditOwnerIcon from '@/public/images/common/edit-owner.svg'
+import { ManageSignersFlow } from '@/components/tx-flow/flows/ManagerSigners'
+import Track from '@/components/common/Track'
+import { SETTINGS_EVENTS } from '@/services/analytics/events/settings'
+import CheckWallet from '@/components/common/CheckWallet'
+import { TxModalContext } from '@/components/tx-flow'
+import ReplaceOwnerIcon from '@/public/images/settings/setup/replace-owner.svg'
+import DeleteIcon from '@/public/images/common/delete.svg'
+import type { AddressBook } from '@/store/addressBookSlice'
+
+import tableCss from '@/components/common/EnhancedTable/styles.module.css'
+
+export const OwnerList = () => {
+  const addressBook = useAddressBook()
+  const { safe } = useSafeInfo()
+  const { setTxFlow } = useContext(TxModalContext)
+
+  const rows = useMemo(() => {
+    const showRemoveOwnerButton = safe.owners.length > 1
+
+    return safe.owners.map((owner) => {
+      const address = owner.value
+      const name = addressBook[address]
+
+      return {
+        cells: {
+          owner: {
+            rawValue: address,
+            content: <EthHashInfo address={address} showCopyButton shortAddress={false} showName={true} hasExplorer />,
+          },
+          actions: {
+            rawValue: '',
+            sticky: true,
+            content: (
+              <div className={tableCss.actions}>
+                <CheckWallet>
+                  {(isOk) => (
+                    <Track {...SETTINGS_EVENTS.SETUP.REPLACE_OWNER}>
+                      <Tooltip title={isOk ? 'Replace signer' : undefined}>
+                        <span>
+                          <IconButton
+                            onClick={() => setTxFlow(<ReplaceOwnerFlow address={address} />)}
+                            size="small"
+                            disabled={!isOk}
+                          >
+                            <SvgIcon component={ReplaceOwnerIcon} inheritViewBox color="border" fontSize="small" />
+                          </IconButton>
+                        </span>
+                      </Tooltip>
+                    </Track>
+                  )}
+                </CheckWallet>
+
+                <EditOwnerDialog address={address} name={name} chainId={safe.chainId} />
+
+                {showRemoveOwnerButton && (
+                  <CheckWallet>
+                    {(isOk) => (
+                      <Track {...SETTINGS_EVENTS.SETUP.REMOVE_OWNER}>
+                        <Tooltip title={isOk ? 'Remove signer' : undefined}>
+                          <span>
+                            <IconButton
+                              onClick={() => setTxFlow(<RemoveOwnerFlow name={name} address={address} />)}
+                              size="small"
+                              disabled={!isOk}
+                            >
+                              <SvgIcon component={DeleteIcon} inheritViewBox color="error" fontSize="small" />
+                            </IconButton>
+                          </span>
+                        </Tooltip>
+                      </Track>
+                    )}
+                  </CheckWallet>
+                )}
+              </div>
+            ),
+          },
+        },
+      }
+    })
+  }, [safe.owners, safe.chainId, addressBook, setTxFlow])
+
+  return (
+    <Box
+      sx={{
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 2,
+      }}
+    >
+      <Grid container spacing={3}>
+        <Grid data-testid="signer-list" item xs>
+          <Typography
+            fontWeight="bold"
+            sx={{
+              mb: 2,
+            }}
+          >
+            Signers
+          </Typography>
+          <Typography mb={2}>
+            Signers have full control over the account, they can propose, sign and execute transactions, as well as
+            reject them.
+          </Typography>
+
+          <Box
+            sx={{
+              py: 2,
+              display: 'flex',
+              justifyContent: 'space-between',
+            }}
+          >
+            <CheckWallet>
+              {(isOk) => (
+                <Track {...SETTINGS_EVENTS.SETUP.MANAGE_SIGNERS}>
+                  <Button
+                    data-testid="manage-signers-btn"
+                    onClick={() => setTxFlow(<ManageSignersFlow />)}
+                    variant="text"
+                    startIcon={<SvgIcon component={EditOwnerIcon} inheritViewBox />}
+                    disabled={!isOk}
+                    size="compact"
+                  >
+                    Manage signers
+                  </Button>
+                </Track>
+              )}
+            </CheckWallet>
+
+            <Button variant="text" onClick={() => exportOwners(safe, addressBook)} size="compact">
+              Export as CSV
+            </Button>
+          </Box>
+
+          <EnhancedTable rows={rows} headCells={[]} />
+        </Grid>
+      </Grid>
+    </Box>
+  )
+}
+
+function exportOwners(
+  { chainId, address, owners }: Pick<SafeState, 'chainId' | 'address' | 'owners'>,
+  addressBook: AddressBook,
+) {
+  const json = owners.map((owner) => {
+    const address = owner.value
+    const name = addressBook[address] || owner.name
+    return [address, name]
+  })
+
+  const csv = jsonToCSV(json)
+  const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' })
+  const link = document.createElement('a')
+
+  Object.assign(link, {
+    download: `${chainId}-${address.value}-signers.csv`,
+    href: window.URL.createObjectURL(blob),
+  })
+
+  link.click()
+}
diff --git a/apps/web/src/components/sidebar/DebugToggle/index.tsx b/apps/web/src/components/sidebar/DebugToggle/index.tsx
new file mode 100644
index 000000000..344bdd355
--- /dev/null
+++ b/apps/web/src/components/sidebar/DebugToggle/index.tsx
@@ -0,0 +1,34 @@
+import { type ChangeEvent, type ReactElement } from 'react'
+import { Box, FormControlLabel, Switch } from '@mui/material'
+import useLocalStorage from '@/services/local-storage/useLocalStorage'
+import { setDarkMode } from '@/store/settingsSlice'
+import { useDarkMode } from '@/hooks/useDarkMode'
+import { useAppDispatch } from '@/store'
+import { LS_KEY } from '@/config/gateway'
+
+const DebugToggle = (): ReactElement => {
+  const dispatch = useAppDispatch()
+  const isDarkMode = useDarkMode()
+
+  const [isProdGateway = false, setIsProdGateway] = useLocalStorage<boolean>(LS_KEY)
+
+  const onToggleGateway = (event: ChangeEvent<HTMLInputElement>) => {
+    setIsProdGateway(event.target.checked)
+
+    setTimeout(() => {
+      location.reload()
+    }, 300)
+  }
+
+  return (
+    <Box py={2} ml={2}>
+      <FormControlLabel
+        control={<Switch checked={isDarkMode} onChange={(_, checked) => dispatch(setDarkMode(checked))} />}
+        label="Dark mode"
+      />
+      <FormControlLabel control={<Switch checked={isProdGateway} onChange={onToggleGateway} />} label="Use prod CGW" />
+    </Box>
+  )
+}
+
+export default DebugToggle
diff --git a/apps/web/src/components/sidebar/IndexingStatus/index.tsx b/apps/web/src/components/sidebar/IndexingStatus/index.tsx
new file mode 100644
index 000000000..50e70e95a
--- /dev/null
+++ b/apps/web/src/components/sidebar/IndexingStatus/index.tsx
@@ -0,0 +1,95 @@
+import { Box, Tooltip, Button, SvgIcon } from '@mui/material'
+import { formatDistanceToNow } from 'date-fns'
+import { getIndexingStatus } from '@safe-global/safe-gateway-typescript-sdk'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import useChainId from '@/hooks/useChainId'
+import useIntervalCounter from '@/hooks/useIntervalCounter'
+import { OpenInNewRounded } from '@mui/icons-material'
+import { IS_PRODUCTION } from '@/config/constants'
+
+const STATUS_PAGE = IS_PRODUCTION
+  ? 'https://tx-status-app.safe.protofire.io/?serviceUrl=https://gateway.safe.rootstock.io'
+  : 'https://tx-status-app.safe.protofire.io/?serviceUrl=https://gateway.staging.safe.rootstock.io'
+const MAX_SYNC_DELAY = 1000 * 60 * 5 // 5 minutes
+const POLL_INTERVAL = 1000 * 60 // 1 minute
+
+const useIndexingStatus = () => {
+  const chainId = useChainId()
+  const [count] = useIntervalCounter(POLL_INTERVAL)
+
+  return useAsync(
+    () => {
+      if (count === undefined) return
+      return getIndexingStatus(chainId)
+    },
+    [chainId, count],
+    false,
+  )
+}
+
+const STATUSES = {
+  synced: {
+    color: 'success',
+    text: 'Synced',
+  },
+  slow: {
+    color: 'warning',
+    text: 'Slow network',
+  },
+  outOfSync: {
+    color: 'error',
+    text: 'Out of sync',
+  },
+}
+
+const getStatus = (synced: boolean, lastSync: number) => {
+  let status = STATUSES.outOfSync
+
+  if (synced) {
+    status = STATUSES.synced
+  } else if (Date.now() - lastSync > MAX_SYNC_DELAY) {
+    status = STATUSES.slow
+  }
+
+  return status
+}
+
+const IndexingStatus = () => {
+  const [data] = useIndexingStatus()
+
+  if (!data) {
+    return null
+  }
+
+  const status = getStatus(data.synced, data.lastSync)
+
+  const time = formatDistanceToNow(data.lastSync, { addSuffix: true })
+
+  return (
+    <Tooltip title={`Last synced with the blockchain ${time}`} placement="right" arrow>
+      <Button
+        size="small"
+        href={STATUS_PAGE}
+        target="_blank"
+        data-testid="index-status"
+        startIcon={
+          <Box width={16} height={16} borderRadius="50%" border={`2px solid var(--color-${status.color}-main)`} />
+        }
+        endIcon={
+          <SvgIcon component={OpenInNewRounded} fontSize="small" inheritViewBox sx={{ color: 'border.main', ml: 1 }} />
+        }
+        sx={{
+          fontSize: '12px',
+          fontWeight: 'normal',
+          p: 1,
+          '& .MuiButton-startIcon': { marginLeft: 0 },
+          '& .MuiButton-endIcon': { justifySelf: 'flex-end', marginLeft: 'auto' },
+        }}
+      >
+        {status.text}
+      </Button>
+    </Tooltip>
+  )
+}
+
+export default IndexingStatus
diff --git a/apps/web/src/components/sidebar/NestedSafeInfo/index.tsx b/apps/web/src/components/sidebar/NestedSafeInfo/index.tsx
new file mode 100644
index 000000000..7715c539d
--- /dev/null
+++ b/apps/web/src/components/sidebar/NestedSafeInfo/index.tsx
@@ -0,0 +1,62 @@
+import { Tooltip, SvgIcon, Typography, List, ListItem, Box, ListItemAvatar, Avatar, ListItemText } from '@mui/material'
+import CheckIcon from '@mui/icons-material/Check'
+import type { ReactElement } from 'react'
+
+import NestedSafesIcon from '@/public/images/sidebar/nested-safes-icon.svg'
+import NestedSafes from '@/public/images/sidebar/nested-safes.svg'
+import InfoIcon from '@/public/images/notifications/info.svg'
+
+export function NestedSafeInfo(): ReactElement {
+  return (
+    <Box display="flex" flexDirection="column" alignItems="center" pt={1}>
+      <NestedSafes />
+      <Box display="flex" gap={1} py={2}>
+        <Typography fontWeight={700}>No Nested Safes yet</Typography>
+        <Tooltip
+          title="Nested Safes are separate wallets owned by your main Account, perfect for organizing different funds and projects."
+          placement="top"
+          arrow
+          sx={{ ml: 1 }}
+        >
+          <span>
+            <SvgIcon
+              component={InfoIcon}
+              inheritViewBox
+              fontSize="small"
+              color="border"
+              sx={{ verticalAlign: 'middle' }}
+            />
+          </span>
+        </Tooltip>
+      </Box>
+      <Box display="flex" gap={2} alignItems="center" pt={1} pb={4}>
+        <Avatar sx={{ padding: '20px', backgroundColor: 'success.background' }}>
+          <SvgIcon component={NestedSafesIcon} inheritViewBox color="primary" sx={{ fontSize: 20 }} />
+        </Avatar>
+        <Typography variant="body2" fontWeight={700}>
+          Nested Safes allow you to:
+        </Typography>
+      </Box>
+      <List sx={{ p: 0, display: 'flex', flexDirection: 'column', gap: 2 }}>
+        {[
+          'rebuild your organizational structure onchain',
+          'explore new DeFi opportunities without exposing your main Account',
+          'deploy specialized modules and extend Safe functionality',
+        ].map((item) => {
+          return (
+            <ListItem key={item} sx={{ p: 0, pl: 1.5, alignItems: 'unset' }}>
+              <ListItemAvatar sx={{ minWidth: 'unset', mr: 3 }}>
+                <Avatar sx={{ width: 25, height: 25, backgroundColor: 'success.background' }}>
+                  <CheckIcon fontSize="small" color="success" />
+                </Avatar>
+              </ListItemAvatar>
+              <ListItemText sx={{ m: 0 }} primaryTypographyProps={{ variant: 'body2' }}>
+                {item}
+              </ListItemText>
+            </ListItem>
+          )
+        })}
+      </List>
+    </Box>
+  )
+}
diff --git a/apps/web/src/components/sidebar/NestedSafesButton/index.tsx b/apps/web/src/components/sidebar/NestedSafesButton/index.tsx
new file mode 100644
index 000000000..464d1ca4b
--- /dev/null
+++ b/apps/web/src/components/sidebar/NestedSafesButton/index.tsx
@@ -0,0 +1,65 @@
+import { Tooltip, IconButton, SvgIcon, Badge, Typography } from '@mui/material'
+import { skipToken } from '@reduxjs/toolkit/query'
+import { useState } from 'react'
+import type { ReactElement } from 'react'
+
+import NestedSafesIcon from '@/public/images/sidebar/nested-safes-icon.svg'
+import { NestedSafesPopover } from '@/components/sidebar/NestedSafesPopover'
+import { useGetOwnedSafesQuery } from '@/store/slices'
+import { useHasFeature } from '@/hooks/useChains'
+import useSafeInfo from '@/hooks/useSafeInfo'
+
+import headerCss from '@/components/sidebar/SidebarHeader/styles.module.css'
+import css from './styles.module.css'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+export function NestedSafesButton({
+  chainId,
+  safeAddress,
+}: {
+  chainId: string
+  safeAddress: string
+}): ReactElement | null {
+  const isEnabled = useHasFeature(FEATURES.NESTED_SAFES)
+  const { safe } = useSafeInfo()
+  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)
+  const { data } = useGetOwnedSafesQuery(isEnabled && safeAddress ? { chainId, ownerAddress: safeAddress } : skipToken)
+  const nestedSafes = data?.safes ?? []
+
+  if (!isEnabled || !safe.deployed) {
+    return null
+  }
+
+  const onClick = (event: React.MouseEvent<HTMLButtonElement>) => {
+    setAnchorEl(event.currentTarget)
+  }
+  const onClose = () => {
+    setAnchorEl(null)
+  }
+
+  return (
+    <>
+      <Tooltip title="Nested Safes" placement="top">
+        <Badge invisible={nestedSafes.length > 0} variant="dot" className={css.badge}>
+          <IconButton
+            className={headerCss.iconButton}
+            sx={{
+              width: 'auto !important',
+              minWidth: '32px !important',
+              backgroundColor: anchorEl ? '#f2fecd !important' : undefined,
+            }}
+            onClick={onClick}
+          >
+            <SvgIcon component={NestedSafesIcon} inheritViewBox color="primary" fontSize="small" />
+            {nestedSafes.length > 0 && (
+              <Typography component="span" variant="caption" className={css.count}>
+                {nestedSafes.length}
+              </Typography>
+            )}
+          </IconButton>
+        </Badge>
+      </Tooltip>
+      <NestedSafesPopover anchorEl={anchorEl} onClose={onClose} nestedSafes={nestedSafes} />
+    </>
+  )
+}
diff --git a/apps/web/src/components/sidebar/NestedSafesButton/styles.module.css b/apps/web/src/components/sidebar/NestedSafesButton/styles.module.css
new file mode 100644
index 000000000..e7f1cb4f9
--- /dev/null
+++ b/apps/web/src/components/sidebar/NestedSafesButton/styles.module.css
@@ -0,0 +1,22 @@
+.badge :global .MuiBadge-badge {
+  border: 1px solid var(--color-background-main);
+  border-radius: 50%;
+  box-sizing: content-box;
+  right: 12px;
+  top: 8px;
+  background-color: var(--color-secondary-main);
+  height: 6px;
+  min-width: 6px;
+}
+
+.count {
+  margin-left: calc(var(--space-1) / 2);
+  background-color: var(--color-success-light);
+  border-radius: 100%;
+  width: 18px;
+  height: 18px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--color-static-main);
+}
diff --git a/apps/web/src/components/sidebar/NestedSafesList/index.tsx b/apps/web/src/components/sidebar/NestedSafesList/index.tsx
new file mode 100644
index 000000000..d67b663f5
--- /dev/null
+++ b/apps/web/src/components/sidebar/NestedSafesList/index.tsx
@@ -0,0 +1,108 @@
+import Link from 'next/link'
+import { ChevronRight } from '@mui/icons-material'
+import { List, ListItem, ListItemAvatar, ListItemButton, ListItemText, Typography } from '@mui/material'
+
+import Track from '@/components/common/Track'
+import { NESTED_SAFE_EVENTS, NESTED_SAFE_LABELS } from '@/services/analytics/events/nested-safes'
+import { useState, type ReactElement } from 'react'
+import Identicon from '@/components/common/Identicon'
+import { shortenAddress } from '@safe-global/utils/utils/formatters'
+import useAddressBook from '@/hooks/useAddressBook'
+import { trackEvent } from '@/services/analytics'
+import { AppRoutes } from '@/config/routes'
+import { useCurrentChain } from '@/hooks/useChains'
+
+const MAX_NESTED_SAFES = 5
+
+export function NestedSafesList({
+  onClose,
+  nestedSafes,
+}: {
+  onClose: () => void
+  nestedSafes: Array<string>
+}): ReactElement {
+  const [showAll, setShowAll] = useState(false)
+  const nestedSafesToShow = showAll ? nestedSafes : nestedSafes.slice(0, MAX_NESTED_SAFES)
+
+  const onShowAll = () => {
+    setShowAll(true)
+  }
+
+  return (
+    <List sx={{ gap: 1, display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
+      {nestedSafesToShow.map((nestedSafe) => {
+        return <NestedSafeListItem onClose={onClose} nestedSafe={nestedSafe} key={nestedSafe} />
+      })}
+      {nestedSafes.length > MAX_NESTED_SAFES && !showAll && (
+        <Track {...NESTED_SAFE_EVENTS.SHOW_ALL}>
+          <Typography
+            variant="caption"
+            color="text.secondary"
+            textTransform="uppercase"
+            fontWeight={700}
+            sx={{ cursor: 'pointer' }}
+            onClick={onShowAll}
+          >
+            Show all Nested Safes
+            <ChevronRight color="border" sx={{ transform: 'rotate(90deg)', ml: 1 }} fontSize="inherit" />
+          </Typography>
+        </Track>
+      )}
+    </List>
+  )
+}
+
+function NestedSafeListItem({ onClose, nestedSafe }: { onClose: () => void; nestedSafe: string }): ReactElement {
+  const chain = useCurrentChain()
+  const addressBook = useAddressBook()
+  const name = addressBook[nestedSafe]
+
+  const onClick = () => {
+    // Note: using the Track element breaks accessibility/styles
+    trackEvent({ ...NESTED_SAFE_EVENTS.OPEN_NESTED_SAFE, label: NESTED_SAFE_LABELS.list })
+
+    onClose()
+  }
+
+  return (
+    <ListItem
+      sx={{
+        border: ({ palette }) => `1px solid ${palette.border.light}`,
+        borderRadius: ({ shape }) => `${shape.borderRadius}px`,
+        p: 0,
+      }}
+    >
+      <Link
+        href={{
+          pathname: AppRoutes.home,
+          query: {
+            safe: `${chain?.shortName}:${nestedSafe}`,
+          },
+        }}
+        passHref
+        legacyBehavior
+      >
+        <ListItemButton sx={{ p: '11px 12px' }} onClick={onClick}>
+          <ListItemAvatar sx={{ minWidth: 'unset', pr: 1 }}>
+            <Identicon address={nestedSafe} size={32} />
+          </ListItemAvatar>
+          <ListItemText
+            primary={name}
+            primaryTypographyProps={{
+              fontWeight: 700,
+              sx: {
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+              },
+            }}
+            secondary={shortenAddress(nestedSafe)}
+            secondaryTypographyProps={{ color: 'primary.light' }}
+            sx={{ my: 0 }}
+          />
+          <ChevronRight color="border" />
+        </ListItemButton>
+      </Link>
+    </ListItem>
+  )
+}
diff --git a/apps/web/src/components/sidebar/NestedSafesPopover/index.tsx b/apps/web/src/components/sidebar/NestedSafesPopover/index.tsx
new file mode 100644
index 000000000..11aab307c
--- /dev/null
+++ b/apps/web/src/components/sidebar/NestedSafesPopover/index.tsx
@@ -0,0 +1,108 @@
+import { SvgIcon, Popover, Button, Box, Stack } from '@mui/material'
+import { useContext } from 'react'
+import type { ReactElement } from 'react'
+
+import AddIcon from '@/public/images/common/add.svg'
+import { ModalDialogTitle } from '@/components/common/ModalDialog'
+import { CreateNestedSafe } from '@/components/tx-flow/flows/CreateNestedSafe'
+import { TxModalContext } from '@/components/tx-flow'
+import { NestedSafesList } from '@/components/sidebar/NestedSafesList'
+import { NestedSafeInfo } from '@/components/sidebar/NestedSafeInfo'
+import Track from '@/components/common/Track'
+import { NESTED_SAFE_EVENTS } from '@/services/analytics/events/nested-safes'
+import CheckWallet from '@/components/common/CheckWallet'
+
+export function NestedSafesPopover({
+  anchorEl,
+  onClose,
+  nestedSafes,
+  hideCreationButton = false,
+}: {
+  anchorEl: HTMLElement | null
+  onClose: () => void
+  nestedSafes: Array<string>
+  hideCreationButton?: boolean
+}): ReactElement {
+  const { setTxFlow } = useContext(TxModalContext)
+
+  const onAdd = () => {
+    setTxFlow(<CreateNestedSafe />)
+    onClose()
+  }
+
+  return (
+    <Popover
+      open={!!anchorEl}
+      anchorEl={anchorEl}
+      onClose={onClose}
+      anchorOrigin={{
+        vertical: 'bottom',
+        horizontal: 'left',
+      }}
+      transformOrigin={{
+        vertical: 'top',
+        horizontal: 'left',
+      }}
+      slotProps={{
+        paper: {
+          sx: {
+            width: '300px',
+            maxHeight: '590px',
+            display: 'flex',
+            flexDirection: 'column',
+            overflow: 'hidden',
+          },
+        },
+      }}
+    >
+      <ModalDialogTitle
+        hideChainIndicator
+        onClose={onClose}
+        sx={{ borderBottom: ({ palette }) => `1px solid ${palette.border.light}` }}
+      >
+        Nested Safes
+      </ModalDialogTitle>
+      <Stack
+        data-testid="nested-safe-list"
+        p={3}
+        pt={2}
+        display="flex"
+        flexDirection="column"
+        flex={1}
+        overflow="hidden"
+      >
+        {nestedSafes.length === 0 ? (
+          <NestedSafeInfo />
+        ) : (
+          <Box
+            sx={{
+              overflowX: 'hidden',
+              overflowY: 'auto',
+              flex: 1,
+            }}
+          >
+            <NestedSafesList onClose={onClose} nestedSafes={nestedSafes} />
+          </Box>
+        )}
+        {!hideCreationButton && (
+          <Track {...NESTED_SAFE_EVENTS.ADD}>
+            <CheckWallet>
+              {(ok) => (
+                <Button
+                  data-testid="add-nested-safe-button"
+                  variant="contained"
+                  sx={{ width: '100%', mt: 3 }}
+                  onClick={onAdd}
+                  disabled={!ok}
+                >
+                  <SvgIcon component={AddIcon} inheritViewBox fontSize="small" />
+                  Add Nested Safe
+                </Button>
+              )}
+            </CheckWallet>
+          </Track>
+        )}
+      </Stack>
+    </Popover>
+  )
+}
diff --git a/apps/web/src/components/sidebar/NewTxButton/index.tsx b/apps/web/src/components/sidebar/NewTxButton/index.tsx
new file mode 100644
index 000000000..f77e5fe60
--- /dev/null
+++ b/apps/web/src/components/sidebar/NewTxButton/index.tsx
@@ -0,0 +1,43 @@
+import ActivateAccountButton from '@/features/counterfactual/ActivateAccountButton'
+import useIsCounterfactualSafe from '@/features/counterfactual/hooks/useIsCounterfactualSafe'
+import { type ReactElement, useContext } from 'react'
+import Button from '@mui/material/Button'
+import { OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
+import CheckWallet from '@/components/common/CheckWallet'
+import { TxModalContext } from '@/components/tx-flow'
+import { NewTxFlow } from '@/components/tx-flow/flows'
+
+const NewTxButton = (): ReactElement => {
+  const { setTxFlow } = useContext(TxModalContext)
+  const isCounterfactualSafe = useIsCounterfactualSafe()
+
+  const onClick = () => {
+    setTxFlow(<NewTxFlow />, undefined, false)
+    trackEvent({ ...OVERVIEW_EVENTS.NEW_TRANSACTION, label: 'sidebar' })
+  }
+
+  if (isCounterfactualSafe) {
+    return <ActivateAccountButton />
+  }
+
+  return (
+    <CheckWallet allowSpendingLimit>
+      {(isOk) => (
+        <Button
+          data-testid="new-tx-btn"
+          onClick={onClick}
+          variant="contained"
+          size="small"
+          disabled={!isOk}
+          fullWidth
+          disableElevation
+          sx={{ py: 1.3 }}
+        >
+          New transaction
+        </Button>
+      )}
+    </CheckWallet>
+  )
+}
+
+export default NewTxButton
diff --git a/src/components/sidebar/QrCodeButton/QrModal.tsx b/apps/web/src/components/sidebar/QrCodeButton/QrModal.tsx
similarity index 91%
rename from src/components/sidebar/QrCodeButton/QrModal.tsx
rename to apps/web/src/components/sidebar/QrCodeButton/QrModal.tsx
index 50f5b15e8..04ec8df5b 100644
--- a/src/components/sidebar/QrCodeButton/QrModal.tsx
+++ b/apps/web/src/components/sidebar/QrCodeButton/QrModal.tsx
@@ -47,7 +47,13 @@ const QrModal = ({ onClose }: { onClose: () => void }): ReactElement => {
           />
 
           <Box mt={2}>
-            <EthHashInfo address={safeAddress} shortAddress={false} hasExplorer showCopyButton />
+            <EthHashInfo
+              address={safeAddress}
+              shortAddress={false}
+              showPrefix={qrPrefix.length > 0}
+              hasExplorer
+              showCopyButton
+            />
           </Box>
         </Box>
       </DialogContent>
diff --git a/src/components/sidebar/QrCodeButton/index.tsx b/apps/web/src/components/sidebar/QrCodeButton/index.tsx
similarity index 100%
rename from src/components/sidebar/QrCodeButton/index.tsx
rename to apps/web/src/components/sidebar/QrCodeButton/index.tsx
diff --git a/apps/web/src/components/sidebar/SafeListContextMenu/MultiAccountContextMenu.tsx b/apps/web/src/components/sidebar/SafeListContextMenu/MultiAccountContextMenu.tsx
new file mode 100644
index 000000000..79fb34c4c
--- /dev/null
+++ b/apps/web/src/components/sidebar/SafeListContextMenu/MultiAccountContextMenu.tsx
@@ -0,0 +1,109 @@
+import type { MouseEvent } from 'react'
+import { useState, type ReactElement } from 'react'
+import ListItemIcon from '@mui/material/ListItemIcon'
+import IconButton from '@mui/material/IconButton'
+import MoreVertIcon from '@mui/icons-material/MoreVert'
+import MenuItem from '@mui/material/MenuItem'
+import ListItemText from '@mui/material/ListItemText'
+
+import EntryDialog from '@/components/address-book/EntryDialog'
+import EditIcon from '@/public/images/common/edit.svg'
+import PlusIcon from '@/public/images/common/plus.svg'
+import ContextMenu from '@/components/common/ContextMenu'
+import { trackEvent, OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
+import { SvgIcon } from '@mui/material'
+import { AppRoutes } from '@/config/routes'
+import router from 'next/router'
+import { CreateSafeOnNewChain } from '@/features/multichain/components/CreateSafeOnNewChain'
+
+enum ModalType {
+  RENAME = 'rename',
+  ADD_CHAIN = 'add_chain',
+}
+
+const defaultOpen = { [ModalType.RENAME]: false, [ModalType.ADD_CHAIN]: false }
+
+const MultiAccountContextMenu = ({
+  name,
+  address,
+  chainIds,
+  addNetwork,
+}: {
+  name: string
+  address: string
+  chainIds: string[]
+  addNetwork: boolean
+}): ReactElement => {
+  const [anchorEl, setAnchorEl] = useState<HTMLElement | undefined>()
+  const [open, setOpen] = useState<typeof defaultOpen>(defaultOpen)
+
+  const handleOpenContextMenu = (e: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => {
+    e.stopPropagation()
+    setAnchorEl(e.currentTarget)
+  }
+
+  const handleCloseContextMenu = (event: MouseEvent) => {
+    event.stopPropagation()
+    setAnchorEl(undefined)
+  }
+
+  const handleOpenModal =
+    (type: ModalType, event: typeof OVERVIEW_EVENTS.SIDEBAR_RENAME | typeof OVERVIEW_EVENTS.ADD_NEW_NETWORK) =>
+    (e: MouseEvent) => {
+      const trackingLabel =
+        router.pathname === AppRoutes.welcome.accounts ? OVERVIEW_LABELS.login_page : OVERVIEW_LABELS.sidebar
+      handleCloseContextMenu(e)
+      setOpen((prev) => ({ ...prev, [type]: true }))
+
+      trackEvent({ ...event, label: trackingLabel })
+    }
+
+  const handleCloseModal = () => {
+    setOpen(defaultOpen)
+  }
+
+  return (
+    <>
+      <IconButton data-testid="safe-options-btn" edge="end" size="small" onClick={handleOpenContextMenu}>
+        <MoreVertIcon sx={({ palette }) => ({ color: palette.border.main })} />
+      </IconButton>
+      <ContextMenu anchorEl={anchorEl} open={!!anchorEl} onClose={handleCloseContextMenu}>
+        <MenuItem onClick={handleOpenModal(ModalType.RENAME, OVERVIEW_EVENTS.SIDEBAR_RENAME)}>
+          <ListItemIcon>
+            <SvgIcon component={EditIcon} inheritViewBox fontSize="small" color="success" />
+          </ListItemIcon>
+          <ListItemText data-testid="rename-btn">Rename</ListItemText>
+        </MenuItem>
+        {addNetwork && (
+          <MenuItem onClick={handleOpenModal(ModalType.ADD_CHAIN, OVERVIEW_EVENTS.ADD_NEW_NETWORK)}>
+            <ListItemIcon>
+              <SvgIcon component={PlusIcon} inheritViewBox fontSize="small" color="primary" />
+            </ListItemIcon>
+            <ListItemText data-testid="add-chain-btn">Add another network</ListItemText>
+          </MenuItem>
+        )}
+      </ContextMenu>
+
+      {open[ModalType.RENAME] && (
+        <EntryDialog
+          handleClose={handleCloseModal}
+          defaultValues={{ name, address }}
+          chainIds={chainIds}
+          disableAddressInput
+        />
+      )}
+
+      {open[ModalType.ADD_CHAIN] && (
+        <CreateSafeOnNewChain
+          onClose={handleCloseModal}
+          currentName={name}
+          deployedChainIds={chainIds}
+          open
+          safeAddress={address}
+        />
+      )}
+    </>
+  )
+}
+
+export default MultiAccountContextMenu
diff --git a/apps/web/src/components/sidebar/SafeListContextMenu/index.tsx b/apps/web/src/components/sidebar/SafeListContextMenu/index.tsx
new file mode 100644
index 000000000..850f92f73
--- /dev/null
+++ b/apps/web/src/components/sidebar/SafeListContextMenu/index.tsx
@@ -0,0 +1,180 @@
+import type { MouseEvent } from 'react'
+import { useState, type ReactElement } from 'react'
+import ListItemIcon from '@mui/material/ListItemIcon'
+import IconButton from '@mui/material/IconButton'
+import MoreVertIcon from '@mui/icons-material/MoreVert'
+import MenuItem from '@mui/material/MenuItem'
+import ListItemText from '@mui/material/ListItemText'
+import { skipToken } from '@reduxjs/toolkit/query'
+
+import EntryDialog from '@/components/address-book/EntryDialog'
+import SafeListRemoveDialog from '@/components/sidebar/SafeListRemoveDialog'
+import NestedSafesIcon from '@/public/images/sidebar/nested-safes-icon.svg'
+import EditIcon from '@/public/images/common/edit.svg'
+import DeleteIcon from '@/public/images/common/delete.svg'
+import PlusIcon from '@/public/images/common/plus.svg'
+import ContextMenu from '@/components/common/ContextMenu'
+import { trackEvent, OVERVIEW_EVENTS, OVERVIEW_LABELS, type AnalyticsEvent } from '@/services/analytics'
+import { SvgIcon } from '@mui/material'
+import useAddressBook from '@/hooks/useAddressBook'
+import { AppRoutes } from '@/config/routes'
+import router from 'next/router'
+import { CreateSafeOnNewChain } from '@/features/multichain/components/CreateSafeOnNewChain'
+import { useGetOwnedSafesQuery } from '@/store/slices'
+import { NestedSafesPopover } from '../NestedSafesPopover'
+import { NESTED_SAFE_EVENTS, NESTED_SAFE_LABELS } from '@/services/analytics/events/nested-safes'
+import { useHasFeature } from '@/hooks/useChains'
+
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+enum ModalType {
+  NESTED_SAFES = 'nested_safes',
+  RENAME = 'rename',
+  REMOVE = 'remove',
+  ADD_CHAIN = 'add_chain',
+}
+
+const defaultOpen = {
+  [ModalType.NESTED_SAFES]: false,
+  [ModalType.RENAME]: false,
+  [ModalType.REMOVE]: false,
+  [ModalType.ADD_CHAIN]: false,
+}
+
+const SafeListContextMenu = ({
+  name,
+  address,
+  chainId,
+  addNetwork,
+  rename,
+  undeployedSafe,
+  onClose,
+}: {
+  name: string
+  address: string
+  chainId: string
+  addNetwork: boolean
+  rename: boolean
+  undeployedSafe: boolean
+  onClose?: () => void
+}): ReactElement => {
+  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)
+  const isNestedSafesEnabled = useHasFeature(FEATURES.NESTED_SAFES)
+  const { data: nestedSafes } = useGetOwnedSafesQuery(
+    isNestedSafesEnabled && address && anchorEl ? { chainId, ownerAddress: address } : skipToken,
+  )
+  const addressBook = useAddressBook()
+  const hasName = address in addressBook
+  const [open, setOpen] = useState<typeof defaultOpen>(defaultOpen)
+
+  const trackingLabel =
+    router.pathname === AppRoutes.welcome.accounts ? OVERVIEW_LABELS.login_page : OVERVIEW_LABELS.sidebar
+
+  const handleOpenContextMenu = (e: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => {
+    setAnchorEl(e.currentTarget)
+  }
+
+  const handleCloseContextMenu = () => {
+    setAnchorEl(null)
+  }
+
+  const handleOpenModal = (type: keyof typeof open, event: AnalyticsEvent) => () => {
+    if (type !== ModalType.NESTED_SAFES) {
+      handleCloseContextMenu()
+    }
+    setOpen((prev) => ({ ...prev, [type]: true }))
+
+    trackEvent({ ...event, label: trackingLabel })
+  }
+
+  const handleCloseModal = () => {
+    setOpen(defaultOpen)
+  }
+
+  return (
+    <>
+      <IconButton data-testid="safe-options-btn" edge="end" size="small" onClick={handleOpenContextMenu}>
+        <MoreVertIcon sx={({ palette }) => ({ color: palette.border.main })} />
+      </IconButton>
+      <ContextMenu anchorEl={anchorEl} open={!!anchorEl} onClose={handleCloseContextMenu}>
+        {isNestedSafesEnabled && !undeployedSafe && nestedSafes?.safes && nestedSafes.safes.length > 0 && (
+          <MenuItem
+            onClick={handleOpenModal(ModalType.NESTED_SAFES, {
+              ...NESTED_SAFE_EVENTS.OPEN_LIST,
+              label: NESTED_SAFE_LABELS.sidebar,
+            })}
+          >
+            <ListItemIcon>
+              <SvgIcon component={NestedSafesIcon} inheritViewBox fontSize="small" color="success" />
+            </ListItemIcon>
+            <ListItemText data-testid="nested-safes-btn">Nested Safes</ListItemText>
+          </MenuItem>
+        )}
+
+        {rename && (
+          <MenuItem onClick={handleOpenModal(ModalType.RENAME, OVERVIEW_EVENTS.SIDEBAR_RENAME)}>
+            <ListItemIcon>
+              <SvgIcon component={EditIcon} inheritViewBox fontSize="small" color="success" />
+            </ListItemIcon>
+            <ListItemText data-testid="rename-btn">{hasName ? 'Rename' : 'Give name'}</ListItemText>
+          </MenuItem>
+        )}
+
+        {undeployedSafe && (
+          <MenuItem onClick={handleOpenModal(ModalType.REMOVE, OVERVIEW_EVENTS.REMOVE_FROM_WATCHLIST)}>
+            <ListItemIcon>
+              <SvgIcon component={DeleteIcon} inheritViewBox fontSize="small" color="error" />
+            </ListItemIcon>
+            <ListItemText data-testid="remove-btn">Remove</ListItemText>
+          </MenuItem>
+        )}
+
+        {addNetwork && (
+          <MenuItem onClick={handleOpenModal(ModalType.ADD_CHAIN, OVERVIEW_EVENTS.ADD_NEW_NETWORK)}>
+            <ListItemIcon>
+              <SvgIcon component={PlusIcon} inheritViewBox fontSize="small" color="primary" />
+            </ListItemIcon>
+            <ListItemText data-testid="add-chain-btn">Add another network</ListItemText>
+          </MenuItem>
+        )}
+      </ContextMenu>
+
+      {open[ModalType.NESTED_SAFES] && (
+        <NestedSafesPopover
+          anchorEl={anchorEl}
+          onClose={() => {
+            handleCloseModal()
+            onClose?.()
+          }}
+          nestedSafes={nestedSafes?.safes ?? []}
+          hideCreationButton
+        />
+      )}
+
+      {open[ModalType.RENAME] && (
+        <EntryDialog
+          handleClose={handleCloseModal}
+          defaultValues={{ name, address }}
+          chainIds={[chainId]}
+          disableAddressInput
+        />
+      )}
+
+      {open[ModalType.REMOVE] && (
+        <SafeListRemoveDialog handleClose={handleCloseModal} address={address} chainId={chainId} />
+      )}
+
+      {open[ModalType.ADD_CHAIN] && (
+        <CreateSafeOnNewChain
+          onClose={handleCloseModal}
+          currentName={name}
+          deployedChainIds={[chainId]}
+          open
+          safeAddress={address}
+        />
+      )}
+    </>
+  )
+}
+
+export default SafeListContextMenu
diff --git a/apps/web/src/components/sidebar/SafeListRemoveDialog/index.tsx b/apps/web/src/components/sidebar/SafeListRemoveDialog/index.tsx
new file mode 100644
index 000000000..03ecfed2e
--- /dev/null
+++ b/apps/web/src/components/sidebar/SafeListRemoveDialog/index.tsx
@@ -0,0 +1,70 @@
+import DialogContent from '@mui/material/DialogContent'
+import DialogActions from '@mui/material/DialogActions'
+import Typography from '@mui/material/Typography'
+import Button from '@mui/material/Button'
+import type { ReactElement } from 'react'
+
+import ModalDialog from '@/components/common/ModalDialog'
+import { useAppDispatch } from '@/store'
+import useAddressBook from '@/hooks/useAddressBook'
+import Track from '@/components/common/Track'
+import { OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
+import { AppRoutes } from '@/config/routes'
+import router from 'next/router'
+import { removeAddressBookEntry } from '@/store/addressBookSlice'
+import { removeSafe, removeUndeployedSafe } from '@/store/slices'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import useChainId from '@/hooks/useChainId'
+
+const SafeListRemoveDialog = ({
+  handleClose,
+  address,
+  chainId,
+}: {
+  handleClose: () => void
+  address: string
+  chainId: string
+}): ReactElement => {
+  const dispatch = useAppDispatch()
+  const safeAddress = useSafeAddress()
+  const safeChainId = useChainId()
+  const addressBook = useAddressBook()
+  const trackingLabel =
+    router.pathname === AppRoutes.welcome.accounts ? OVERVIEW_LABELS.login_page : OVERVIEW_LABELS.sidebar
+
+  const safe = addressBook?.[address] || address
+
+  const handleConfirm = async () => {
+    // When removing the current counterfactual safe, redirect to the accounts page
+    if (safeAddress === address && safeChainId === chainId) {
+      await router.push(AppRoutes.welcome.accounts)
+    }
+    dispatch(removeUndeployedSafe({ chainId, address }))
+    dispatch(removeSafe({ chainId, address }))
+    dispatch(removeAddressBookEntry({ chainId, address }))
+    handleClose()
+  }
+
+  return (
+    <ModalDialog open onClose={handleClose} dialogTitle="Delete entry" chainId={chainId}>
+      <DialogContent sx={{ p: '24px !important' }}>
+        <Typography>
+          Are you sure you want to remove the <b>{safe}</b> account?
+        </Typography>
+      </DialogContent>
+
+      <DialogActions>
+        <Button data-testid="cancel-btn" onClick={handleClose}>
+          Cancel
+        </Button>
+        <Track {...OVERVIEW_EVENTS.DELETED_FROM_WATCHLIST} label={trackingLabel}>
+          <Button data-testid="delete-btn" onClick={handleConfirm} variant="danger" disableElevation>
+            Delete
+          </Button>
+        </Track>
+      </DialogActions>
+    </ModalDialog>
+  )
+}
+
+export default SafeListRemoveDialog
diff --git a/apps/web/src/components/sidebar/Sidebar/index.tsx b/apps/web/src/components/sidebar/Sidebar/index.tsx
new file mode 100644
index 000000000..26956fddc
--- /dev/null
+++ b/apps/web/src/components/sidebar/Sidebar/index.tsx
@@ -0,0 +1,67 @@
+import { useCallback, useState, type ReactElement } from 'react'
+import { Box, Divider, Drawer } from '@mui/material'
+import ChevronRight from '@mui/icons-material/ChevronRight'
+
+import ChainIndicator from '@/components/common/ChainIndicator'
+import SidebarHeader from '@/components/sidebar/SidebarHeader'
+import SidebarNavigation from '@/components/sidebar/SidebarNavigation'
+import SidebarFooter from '@/components/sidebar/SidebarFooter'
+
+import css from './styles.module.css'
+import { trackEvent, OVERVIEW_EVENTS } from '@/services/analytics'
+import MyAccounts from '@/features/myAccounts'
+import IndexingStatus from '../IndexingStatus'
+
+const Sidebar = (): ReactElement => {
+  const [isDrawerOpen, setIsDrawerOpen] = useState<boolean>(false)
+
+  const onDrawerToggle = useCallback(() => {
+    setIsDrawerOpen((isOpen) => {
+      trackEvent({ ...OVERVIEW_EVENTS.SIDEBAR, label: isOpen ? 'Close' : 'Open' })
+
+      return !isOpen
+    })
+  }, [])
+
+  const closeDrawer = useCallback(() => setIsDrawerOpen(false), [])
+
+  return (
+    <div data-testid="sidebar-container" className={css.container}>
+      <div className={css.scroll}>
+        <ChainIndicator showLogo={false} />
+
+        {/* Open the safes list */}
+        <button data-testid="open-safes-icon" className={css.drawerButton} onClick={onDrawerToggle}>
+          <ChevronRight />
+        </button>
+
+        {/* Address, balance, copy button, etc */}
+        <SidebarHeader />
+
+        {/* Nav menu */}
+        <SidebarNavigation />
+
+        <Box
+          sx={{
+            flex: 1,
+          }}
+        />
+
+        <Divider flexItem />
+
+        <SidebarFooter />
+
+        <Divider flexItem />
+
+        <IndexingStatus />
+      </div>
+      <Drawer variant="temporary" anchor="left" open={isDrawerOpen} onClose={onDrawerToggle}>
+        <div className={css.drawer}>
+          <MyAccounts onLinkClick={closeDrawer} isSidebar></MyAccounts>
+        </div>
+      </Drawer>
+    </div>
+  )
+}
+
+export default Sidebar
diff --git a/apps/web/src/components/sidebar/Sidebar/styles.module.css b/apps/web/src/components/sidebar/Sidebar/styles.module.css
new file mode 100644
index 000000000..a6e397486
--- /dev/null
+++ b/apps/web/src/components/sidebar/Sidebar/styles.module.css
@@ -0,0 +1,82 @@
+.container {
+  height: 100vh;
+  padding-top: var(--header-height);
+  display: flex;
+  overflow: hidden;
+  flex-direction: column;
+  background-color: var(--color-background-paper);
+  width: 230px;
+}
+
+.scroll {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  position: relative;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.drawer {
+  width: 550px;
+  max-width: 90vw;
+  padding-top: var(--header-height);
+  border-right: 1px solid var(--color-border-light);
+  overflow-y: auto;
+  height: 100%;
+}
+
+.dataWidget {
+  margin-top: var(--space-4);
+  border-top: 1px solid var(--color-border-light);
+}
+
+.noSafeHeader {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 10px;
+  min-height: 100px;
+}
+
+.drawerButton {
+  position: absolute !important;
+  z-index: 2;
+  color: var(--color-text-primary);
+  padding: 8px 0;
+  right: 0;
+  transform: translateX(50%);
+  margin-top: 54px;
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  border: 0;
+  cursor: pointer;
+  background-color: var(--color-background-main);
+}
+
+.drawerButton:hover {
+  background-color: var(--color-secondary-background);
+}
+
+.drawerButton svg {
+  transform: translateX(-25%);
+}
+
+@media (max-width: 899.95px) {
+  .container {
+    padding-top: var(--header-height);
+    border-right: 1px solid var(--color-border-light);
+  }
+
+  .drawer {
+    max-width: 90vw;
+  }
+
+  .drawerButton {
+    width: 60px;
+    height: 60px;
+    margin-top: 44px;
+  }
+}
diff --git a/apps/web/src/components/sidebar/SidebarFooter/index.tsx b/apps/web/src/components/sidebar/SidebarFooter/index.tsx
new file mode 100644
index 000000000..87081796a
--- /dev/null
+++ b/apps/web/src/components/sidebar/SidebarFooter/index.tsx
@@ -0,0 +1,110 @@
+import type { ReactElement } from 'react'
+import { useEffect } from 'react'
+
+import {
+  SidebarList,
+  SidebarListItemButton,
+  SidebarListItemIcon,
+  SidebarListItemText,
+} from '@/components/sidebar/SidebarList'
+import { loadBeamer } from '@/services/beamer'
+import { useAppDispatch, useAppSelector } from '@/store'
+import { CookieAndTermType, hasConsentFor } from '@/store/cookiesAndTermsSlice'
+import { openCookieBanner } from '@/store/popupSlice'
+import { Divider, Link, ListItem, SvgIcon, Typography } from '@mui/material'
+import DebugToggle from '../DebugToggle'
+import { HELP_CENTER_URL, IS_PRODUCTION, NEW_SUGGESTION_FORM } from '@/config/constants'
+import { useCurrentChain } from '@/hooks/useChains'
+import Track from '@/components/common/Track'
+import { OVERVIEW_EVENTS } from '@/services/analytics'
+import HelpCenterIcon from '@/public/images/sidebar/help-center.svg'
+import darkPalette from '@/components/theme/darkPalette'
+import SuggestionIcon from '@/public/images/sidebar/lightbulb_icon.svg'
+import ProtofireLogo from '@/public/images/protofire-logo.svg'
+
+const SidebarFooter = (): ReactElement => {
+  const dispatch = useAppDispatch()
+  const chain = useCurrentChain()
+  const hasBeamerConsent = useAppSelector((state) => hasConsentFor(state, CookieAndTermType.UPDATES))
+
+  useEffect(() => {
+    // Initialise Beamer when consent was previously given
+    if (hasBeamerConsent && chain?.shortName) {
+      loadBeamer(chain.shortName)
+    }
+  }, [hasBeamerConsent, chain?.shortName])
+
+  const _handleBeamer = () => {
+    if (!hasBeamerConsent) {
+      dispatch(openCookieBanner({ warningKey: CookieAndTermType.UPDATES }))
+    }
+  }
+
+  return (
+    <SidebarList>
+      {!IS_PRODUCTION && (
+        <>
+          <ListItem disablePadding>
+            <DebugToggle />
+          </ListItem>
+
+          <Divider flexItem />
+        </>
+      )}
+      <Track {...OVERVIEW_EVENTS.HELP_CENTER}>
+        <ListItem disablePadding>
+          <a
+            target="_blank"
+            rel="noopener noreferrer"
+            href={HELP_CENTER_URL}
+            style={{ width: '100%', marginTop: '8px' }}
+          >
+            <SidebarListItemButton>
+              <SidebarListItemIcon color="primary">
+                <HelpCenterIcon />
+              </SidebarListItemIcon>
+              <SidebarListItemText data-testid="list-item-need-help" bold>
+                Need help?
+              </SidebarListItemText>
+            </SidebarListItemButton>
+          </a>
+        </ListItem>
+      </Track>{' '}
+      <Track {...OVERVIEW_EVENTS.SUGGESTIONS}>
+        <ListItem disablePadding>
+          <a
+            target="_blank"
+            rel="noopener noreferrer"
+            href={NEW_SUGGESTION_FORM}
+            style={{ width: '100%', marginTop: '8px' }}
+          >
+            <SidebarListItemButton style={{ backgroundColor: '#12FF80', color: 'black' }}>
+              <SidebarListItemIcon color="primary">
+                <SuggestionIcon />
+              </SidebarListItemIcon>
+              <SidebarListItemText bold>New Features Suggestion?</SidebarListItemText>
+            </SidebarListItemButton>
+          </a>
+        </ListItem>
+      </Track>
+      <ListItem>
+        <SidebarListItemText>
+          <Typography variant="caption" sx={{ mx: 'auto', textAlign: 'center' }}>
+            Supported by{' '}
+            <SvgIcon
+              component={ProtofireLogo}
+              inheritViewBox
+              fontSize="small"
+              sx={{ verticalAlign: 'middle', mx: 0.5 }}
+            />
+            <Link href="https://protofire.io" sx={{ color: darkPalette.primary.main, textDecoration: 'none' }}>
+              Protofire
+            </Link>
+          </Typography>
+        </SidebarListItemText>
+      </ListItem>
+    </SidebarList>
+  )
+}
+
+export default SidebarFooter
diff --git a/apps/web/src/components/sidebar/SidebarHeader/index.tsx b/apps/web/src/components/sidebar/SidebarHeader/index.tsx
new file mode 100644
index 000000000..7263c0a5f
--- /dev/null
+++ b/apps/web/src/components/sidebar/SidebarHeader/index.tsx
@@ -0,0 +1,130 @@
+import TokenAmount from '@/components/common/TokenAmount'
+import CounterfactualStatusButton from '@/features/counterfactual/CounterfactualStatusButton'
+import { type ReactElement } from 'react'
+import Typography from '@mui/material/Typography'
+import IconButton from '@mui/material/IconButton'
+import Skeleton from '@mui/material/Skeleton'
+import Tooltip from '@mui/material/Tooltip'
+
+import useSafeInfo from '@/hooks/useSafeInfo'
+import SafeIcon from '@/components/common/SafeIcon'
+import NewTxButton from '@/components/sidebar/NewTxButton'
+import { useAppSelector } from '@/store'
+
+import css from './styles.module.css'
+import QrIconBold from '@/public/images/sidebar/qr-bold.svg'
+import CopyIconBold from '@/public/images/sidebar/copy-bold.svg'
+import LinkIconBold from '@/public/images/sidebar/link-bold.svg'
+
+import { selectSettings } from '@/store/settingsSlice'
+import { useCurrentChain } from '@/hooks/useChains'
+import { getBlockExplorerLink } from '@safe-global/utils/utils/chains'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import QrCodeButton from '../QrCodeButton'
+import Track from '@/components/common/Track'
+import { OVERVIEW_EVENTS } from '@/services/analytics/events/overview'
+import { SvgIcon } from '@mui/material'
+import { useVisibleBalances } from '@/hooks/useVisibleBalances'
+import EnvHintButton from '@/components/settings/EnvironmentVariables/EnvHintButton'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import ExplorerButton from '@/components/common/ExplorerButton'
+import CopyTooltip from '@/components/common/CopyTooltip'
+import FiatValue from '@/components/common/FiatValue'
+import { useAddressResolver } from '@/hooks/useAddressResolver'
+import { NestedSafesButton } from '@/components/sidebar/NestedSafesButton'
+import { NESTED_SAFE_EVENTS, NESTED_SAFE_LABELS } from '@/services/analytics/events/nested-safes'
+
+const SafeHeader = (): ReactElement => {
+  const { balances } = useVisibleBalances()
+  const safeAddress = useSafeAddress()
+  const { safe } = useSafeInfo()
+  const { threshold, owners } = safe
+  const chain = useCurrentChain()
+  const settings = useAppSelector(selectSettings)
+  const { ens } = useAddressResolver(safeAddress)
+
+  const addressCopyText = (
+    settings.shortName.copy && chain ? `${chain.shortName}:${safeAddress}` : safeAddress
+  ).toLowerCase()
+
+  const blockExplorerLink = chain ? getBlockExplorerLink(chain, safeAddress) : undefined
+
+  return (
+    <div className={css.container}>
+      <div className={css.info}>
+        <div data-testid="safe-header-info" className={css.safe}>
+          <div data-testid="safe-icon">
+            {safeAddress ? (
+              <SafeIcon address={safeAddress} threshold={threshold} owners={owners?.length} />
+            ) : (
+              <Skeleton variant="circular" width={40} height={40} />
+            )}
+          </div>
+
+          <div className={css.address}>
+            {safeAddress ? (
+              <EthHashInfo address={safeAddress} shortAddress showAvatar={false} name={ens} />
+            ) : (
+              <Typography variant="body2">
+                <Skeleton variant="text" width={86} />
+                <Skeleton variant="text" width={120} />
+              </Typography>
+            )}
+
+            <Typography data-testid="currency-section" variant="body2" fontWeight={700}>
+              {safe.deployed ? (
+                balances.fiatTotal ? (
+                  <FiatValue value={balances.fiatTotal} />
+                ) : (
+                  <Skeleton variant="text" width={60} />
+                )
+              ) : (
+                <TokenAmount
+                  value={balances.items[0]?.balance}
+                  decimals={balances.items[0]?.tokenInfo.decimals}
+                  tokenSymbol={balances.items[0]?.tokenInfo.symbol}
+                />
+              )}
+            </Typography>
+          </div>
+        </div>
+
+        <div className={css.iconButtons}>
+          <Track {...OVERVIEW_EVENTS.SHOW_QR} label="sidebar">
+            <QrCodeButton>
+              <Tooltip title="Open QR code" placement="top">
+                <IconButton className={css.iconButton}>
+                  <SvgIcon component={QrIconBold} inheritViewBox color="primary" fontSize="small" />
+                </IconButton>
+              </Tooltip>
+            </QrCodeButton>
+          </Track>
+
+          <Track {...OVERVIEW_EVENTS.COPY_ADDRESS}>
+            <CopyTooltip text={addressCopyText}>
+              <IconButton data-testid="copy-address-btn" className={css.iconButton}>
+                <SvgIcon component={CopyIconBold} inheritViewBox color="primary" fontSize="small" />
+              </IconButton>
+            </CopyTooltip>
+          </Track>
+
+          <Track {...OVERVIEW_EVENTS.OPEN_EXPLORER}>
+            <ExplorerButton {...blockExplorerLink} className={css.iconButton} icon={LinkIconBold} />
+          </Track>
+
+          <Track {...NESTED_SAFE_EVENTS.OPEN_LIST} label={NESTED_SAFE_LABELS.header}>
+            <NestedSafesButton chainId={safe.chainId} safeAddress={safe.address.value} />
+          </Track>
+
+          <CounterfactualStatusButton />
+
+          <EnvHintButton />
+        </div>
+      </div>
+
+      <NewTxButton />
+    </div>
+  )
+}
+
+export default SafeHeader
diff --git a/apps/web/src/components/sidebar/SidebarHeader/styles.module.css b/apps/web/src/components/sidebar/SidebarHeader/styles.module.css
new file mode 100644
index 000000000..17ae1ac7e
--- /dev/null
+++ b/apps/web/src/components/sidebar/SidebarHeader/styles.module.css
@@ -0,0 +1,42 @@
+.container {
+  padding: var(--space-2) var(--space-1) 0;
+}
+
+.info {
+  padding: 0 var(--space-1);
+}
+
+.safe {
+  display: flex;
+  gap: 12px;
+  text-align: left;
+  align-items: center;
+}
+
+.iconButtons {
+  margin-top: 10px;
+  margin-bottom: 16px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.iconButton {
+  border-radius: 4px;
+  padding: 6px;
+  color: var(--color-primary-main);
+  background-color: var(--color-background-main);
+  width: 32px;
+  height: 32px;
+}
+
+.iconButton:hover {
+  background-color: var(--color-secondary-background);
+}
+
+.address {
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  font-size: 14px;
+}
diff --git a/apps/web/src/components/sidebar/SidebarList/index.tsx b/apps/web/src/components/sidebar/SidebarList/index.tsx
new file mode 100644
index 000000000..46312032d
--- /dev/null
+++ b/apps/web/src/components/sidebar/SidebarList/index.tsx
@@ -0,0 +1,98 @@
+import type { ReactElement } from 'react'
+import List, { type ListProps } from '@mui/material/List'
+import ListItemButton, { type ListItemButtonProps } from '@mui/material/ListItemButton'
+import ListItemIcon, { type ListItemIconProps } from '@mui/material/ListItemIcon'
+import ListItemText, { type ListItemTextProps } from '@mui/material/ListItemText'
+import Link from 'next/link'
+import type { LinkProps } from 'next/link'
+import Badge from '@mui/material/Badge'
+
+import css from './styles.module.css'
+
+export const SidebarList = ({ children, ...rest }: Omit<ListProps, 'className'>): ReactElement => (
+  <List className={css.list} {...rest}>
+    {children}
+  </List>
+)
+
+export const SidebarListItemButton = ({
+  href,
+  children,
+  disabled,
+  ...rest
+}: Omit<ListItemButtonProps, 'sx'> & { href?: LinkProps['href'] }): ReactElement => {
+  const button = (
+    <ListItemButton className={css.listItemButton} {...rest} sx={disabled ? { pointerEvents: 'none' } : undefined}>
+      {children}
+    </ListItemButton>
+  )
+
+  return href ? (
+    <Link href={href} passHref legacyBehavior>
+      {button}
+    </Link>
+  ) : (
+    button
+  )
+}
+
+export const SidebarListItemIcon = ({
+  children,
+  badge = false,
+  ...rest
+}: Omit<ListItemIconProps, 'className'> & { badge?: boolean }): ReactElement => (
+  <ListItemIcon
+    className={css.icon}
+    sx={{
+      '& svg': {
+        width: '16px',
+        height: '16px',
+        '& path': ({ palette }) => ({
+          fill: palette.logo.main,
+        }),
+      },
+    }}
+    {...rest}
+  >
+    <Badge color="error" variant="dot" invisible={!badge} anchorOrigin={{ vertical: 'top', horizontal: 'right' }}>
+      {children}
+    </Badge>
+  </ListItemIcon>
+)
+
+export const SidebarListItemText = ({
+  children,
+  bold = false,
+  ...rest
+}: ListItemTextProps & { bold?: boolean }): ReactElement => (
+  <ListItemText
+    primaryTypographyProps={{
+      variant: 'body2',
+      fontWeight: bold ? 700 : undefined,
+      display: 'flex',
+      justifyContent: 'space-between',
+    }}
+    {...rest}
+  >
+    {children}
+  </ListItemText>
+)
+
+export const SidebarListItemCounter = ({ count }: { count?: string }): ReactElement | null =>
+  count ? (
+    <Badge
+      sx={{
+        '& .MuiBadge-badge': {
+          color: 'static.main',
+          backgroundColor: 'warning.light',
+          transform: 'none',
+          fontWeight: 'bold',
+          padding: '0 4px',
+          fontSize: '11px',
+        },
+        ml: 3,
+      }}
+      variant="standard"
+      badgeContent={count}
+    />
+  ) : null
diff --git a/apps/web/src/components/sidebar/SidebarList/styles.module.css b/apps/web/src/components/sidebar/SidebarList/styles.module.css
new file mode 100644
index 000000000..c4de6bc6b
--- /dev/null
+++ b/apps/web/src/components/sidebar/SidebarList/styles.module.css
@@ -0,0 +1,46 @@
+.list {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.icon {
+  min-width: 0;
+  margin-right: var(--space-2);
+}
+
+.listItemButton {
+  border-radius: 6px;
+  padding-top: var(--space-1);
+  padding-bottom: var(--space-1);
+}
+
+.listItemButton :global .MuiListItemText-root {
+  margin: 0;
+}
+
+.list :global .MuiListItemButton-root {
+  color: var(--color-text-primary);
+}
+
+[data-theme='dark'] .list :global .Mui-selected {
+  background-color: var(--color-border-light);
+}
+
+.list :global .MuiListItemButton-root:hover {
+  border-radius: 6px;
+  background-color: var(--color-background-light);
+}
+
+.list :global .Mui-selected {
+  border-radius: 6px;
+  background-color: var(--color-background-main);
+}
+
+.listItemButton :global .beamer_icon.active {
+  top: auto;
+  left: 28px;
+  bottom: 10px;
+  width: 6px;
+  height: 6px;
+  color: transparent;
+}
diff --git a/apps/web/src/components/sidebar/SidebarNavigation/config.tsx b/apps/web/src/components/sidebar/SidebarNavigation/config.tsx
new file mode 100644
index 000000000..d1e13c1a9
--- /dev/null
+++ b/apps/web/src/components/sidebar/SidebarNavigation/config.tsx
@@ -0,0 +1,176 @@
+import type { ReactElement } from 'react'
+import React from 'react'
+import { AppRoutes } from '@/config/routes'
+import HomeIcon from '@/public/images/sidebar/home.svg'
+import AssetsIcon from '@/public/images/sidebar/assets.svg'
+import TransactionIcon from '@/public/images/sidebar/transactions.svg'
+import ABIcon from '@/public/images/sidebar/address-book.svg'
+import AppsIcon from '@/public/images/apps/apps-icon.svg'
+import SettingsIcon from '@/public/images/sidebar/settings.svg'
+import BridgeIcon from '@/public/images/common/bridge.svg'
+import SwapIcon from '@/public/images/common/swap.svg'
+import StakeIcon from '@/public/images/common/stake.svg'
+import EarnIcon from '@/public/images/common/earn.svg'
+import { SvgIcon } from '@mui/material'
+import { Chip } from '@/components/common/Chip'
+
+export type NavItem = {
+  label: string
+  icon?: ReactElement
+  href: string
+  tag?: ReactElement
+  disabled?: boolean
+}
+
+export const navItems: NavItem[] = [
+  {
+    label: 'Home',
+    icon: <SvgIcon component={HomeIcon} inheritViewBox />,
+    href: AppRoutes.home,
+  },
+  {
+    label: 'Assets',
+    icon: <SvgIcon component={AssetsIcon} inheritViewBox />,
+    href: AppRoutes.balances.index,
+  },
+  {
+    label: 'Transactions',
+    icon: <SvgIcon component={TransactionIcon} inheritViewBox />,
+    href: AppRoutes.transactions.history,
+  },
+  {
+    label: 'Address book',
+    icon: <SvgIcon component={ABIcon} inheritViewBox />,
+    href: AppRoutes.addressBook,
+  },
+  {
+    label: 'Apps',
+    icon: <SvgIcon component={AppsIcon} inheritViewBox />,
+    href: AppRoutes.apps.index,
+  },
+  {
+    label: 'Settings',
+    icon: <SvgIcon data-testid="settings-nav-icon" component={SettingsIcon} inheritViewBox />,
+    href: AppRoutes.settings.setup,
+  },
+  {
+    label: 'Swap',
+    icon: <SvgIcon component={SwapIcon} inheritViewBox />,
+    href: AppRoutes.swap,
+  },
+  {
+    label: 'Bridge',
+    icon: <SvgIcon component={BridgeIcon} inheritViewBox />,
+    href: AppRoutes.bridge,
+  },
+  {
+    label: 'Stake',
+    icon: <SvgIcon component={StakeIcon} inheritViewBox />,
+    href: AppRoutes.stake,
+  },
+  {
+    label: 'Earn',
+    icon: <SvgIcon component={EarnIcon} inheritViewBox />,
+    href: AppRoutes.earn,
+    tag: <Chip label="New" sx={{ backgroundColor: 'secondary.light', color: 'static.main' }} />,
+  },
+]
+
+export const transactionNavItems = [
+  {
+    label: 'Queue',
+    href: AppRoutes.transactions.queue,
+  },
+  {
+    label: 'History',
+    href: AppRoutes.transactions.history,
+  },
+  {
+    label: 'Messages',
+    href: AppRoutes.transactions.messages,
+  },
+]
+
+export const balancesNavItems = [
+  {
+    label: 'Tokens',
+    href: AppRoutes.balances.index,
+  },
+  {
+    label: 'NFTs',
+    href: AppRoutes.balances.nfts,
+  },
+]
+
+export const settingsNavItems = [
+  {
+    label: 'Setup',
+    href: AppRoutes.settings.setup,
+  },
+  {
+    label: 'Appearance',
+    href: AppRoutes.settings.appearance,
+  },
+  {
+    label: 'Security',
+    href: AppRoutes.settings.security,
+  },
+  // {
+  //   label: 'Notifications',
+  //   href: AppRoutes.settings.notifications,
+  // },
+  {
+    label: 'Modules',
+    href: AppRoutes.settings.modules,
+  },
+  {
+    label: 'Safe Apps',
+    href: AppRoutes.settings.safeApps.index,
+  },
+  {
+    label: 'Data',
+    href: AppRoutes.settings.data,
+  },
+  {
+    label: 'Environment variables',
+    href: AppRoutes.settings.environmentVariables,
+  },
+]
+
+export const generalSettingsNavItems = [
+  {
+    label: 'Cookies',
+    href: AppRoutes.settings.cookies,
+  },
+  {
+    label: 'Appearance',
+    href: AppRoutes.settings.appearance,
+  },
+  // {
+  //   label: 'Notifications',
+  //   href: AppRoutes.settings.notifications,
+  // },
+  {
+    label: 'Security',
+    href: AppRoutes.settings.security,
+  },
+  {
+    label: 'Data',
+    href: AppRoutes.settings.data,
+  },
+  {
+    label: 'Environment variables',
+    href: AppRoutes.settings.environmentVariables,
+  },
+]
+
+export const safeAppsNavItems = [
+  {
+    label: 'All apps',
+    href: AppRoutes.apps.index,
+  },
+  {
+    label: 'My custom apps',
+    href: AppRoutes.apps.custom,
+  },
+]
diff --git a/apps/web/src/components/sidebar/SidebarNavigation/index.tsx b/apps/web/src/components/sidebar/SidebarNavigation/index.tsx
new file mode 100644
index 000000000..51de74ddc
--- /dev/null
+++ b/apps/web/src/components/sidebar/SidebarNavigation/index.tsx
@@ -0,0 +1,160 @@
+import React, { useContext, useMemo, type ReactElement } from 'react'
+import { useRouter } from 'next/router'
+import { Divider, ListItemButton } from '@mui/material'
+import { ImplementationVersionState } from '@safe-global/safe-gateway-typescript-sdk'
+
+import {
+  SidebarList,
+  SidebarListItemButton,
+  SidebarListItemCounter,
+  SidebarListItemIcon,
+  SidebarListItemText,
+} from '@/components/sidebar/SidebarList'
+import { type NavItem, navItems } from './config'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { AppRoutes } from '@/config/routes'
+import { useQueuedTxsLength } from '@/hooks/useTxQueue'
+import { useCurrentChain } from '@/hooks/useChains'
+import { isRouteEnabled } from '@/utils/chains'
+import { trackEvent } from '@/services/analytics'
+import { SWAP_EVENTS, SWAP_LABELS } from '@/services/analytics/events/swaps'
+import { GeoblockingContext } from '@/components/common/GeoblockingProvider'
+import { STAKE_EVENTS, STAKE_LABELS } from '@/services/analytics/events/stake'
+import { Tooltip } from '@mui/material'
+import { BRIDGE_EVENTS, BRIDGE_LABELS } from '@/services/analytics/events/bridge'
+import { EARN_EVENTS, EARN_LABELS } from '@/services/analytics/events/earn'
+import { isNonCriticalUpdate } from '@safe-global/utils/utils/chains'
+
+const getSubdirectory = (pathname: string): string => {
+  return pathname.split('/')[1]
+}
+
+const geoBlockedRoutes = [AppRoutes.bridge, AppRoutes.swap, AppRoutes.stake, AppRoutes.earn]
+
+const undeployedSafeBlockedRoutes = [
+  AppRoutes.bridge,
+  AppRoutes.swap,
+  AppRoutes.stake,
+  AppRoutes.apps.index,
+  AppRoutes.earn,
+]
+
+const customSidebarEvents: { [key: string]: { event: any; label: string } } = {
+  [AppRoutes.bridge]: { event: BRIDGE_EVENTS.OPEN_BRIDGE, label: BRIDGE_LABELS.sidebar },
+  [AppRoutes.swap]: { event: SWAP_EVENTS.OPEN_SWAPS, label: SWAP_LABELS.sidebar },
+  [AppRoutes.stake]: { event: STAKE_EVENTS.OPEN_STAKE, label: STAKE_LABELS.sidebar },
+  [AppRoutes.earn]: { event: EARN_EVENTS.OPEN_EARN_PAGE, label: EARN_LABELS.sidebar },
+}
+
+const Navigation = (): ReactElement => {
+  const chain = useCurrentChain()
+  const router = useRouter()
+  const { safe } = useSafeInfo()
+  const currentSubdirectory = getSubdirectory(router.pathname)
+  const queueSize = useQueuedTxsLength()
+  const isBlockedCountry = useContext(GeoblockingContext)
+
+  const visibleNavItems = useMemo(() => {
+    return navItems.filter((item) => {
+      if (isBlockedCountry && geoBlockedRoutes.includes(item.href)) {
+        return false
+      }
+
+      return isRouteEnabled(item.href, chain)
+    })
+  }, [chain, isBlockedCountry])
+
+  const enabledNavItems = useMemo(() => {
+    return safe.deployed
+      ? visibleNavItems
+      : visibleNavItems.filter((item) => !undeployedSafeBlockedRoutes.includes(item.href))
+  }, [safe.deployed, visibleNavItems])
+
+  const getBadge = (item: NavItem) => {
+    // Indicate whether the current Safe needs an upgrade
+    if (item.href === AppRoutes.settings.setup) {
+      return (
+        safe.implementationVersionState === ImplementationVersionState.OUTDATED && !isNonCriticalUpdate(safe.version)
+      )
+    }
+  }
+
+  // Route Transactions to Queue if there are queued txs, otherwise to History
+  const getRoute = (href: string) => {
+    if (href === AppRoutes.transactions.history && queueSize) {
+      return AppRoutes.transactions.queue
+    }
+    return href
+  }
+
+  const handleNavigationClick = (href: string) => {
+    const eventInfo = customSidebarEvents[href]
+    if (eventInfo) {
+      trackEvent({ ...eventInfo.event, label: eventInfo.label })
+    }
+  }
+
+  return (
+    <SidebarList>
+      {visibleNavItems.map((item) => {
+        const isSelected = currentSubdirectory === getSubdirectory(item.href)
+        const isDisabled = item.disabled || !enabledNavItems.includes(item)
+        let ItemTag = item.tag ? item.tag : null
+        const spaceId = router.query.spaceId
+        const query = {
+          safe: router.query.safe,
+          ...(spaceId && { spaceId }),
+        }
+
+        if (item.href === AppRoutes.transactions.history) {
+          ItemTag = queueSize ? <SidebarListItemCounter count={queueSize} /> : null
+        }
+
+        const isSettingsItem = item.href === AppRoutes.settings.setup
+
+        return (
+          <Tooltip
+            title={isDisabled ? 'You need to activate your Safe first.' : ''}
+            placement="right"
+            key={item.href}
+            arrow
+          >
+            <div>
+              <ListItemButton
+                // disablePadding
+                sx={{ padding: 0 }}
+                disabled={isDisabled}
+                selected={isSelected}
+                onClick={isDisabled ? undefined : () => handleNavigationClick(item.href)}
+                key={item.href}
+              >
+                <SidebarListItemButton
+                  selected={isSelected}
+                  href={
+                    item.href && {
+                      pathname: getRoute(item.href),
+                      query,
+                    }
+                  }
+                  disabled={isDisabled}
+                >
+                  {item.icon && <SidebarListItemIcon badge={getBadge(item)}>{item.icon}</SidebarListItemIcon>}
+
+                  <SidebarListItemText data-testid="sidebar-list-item" bold>
+                    {item.label}
+
+                    {ItemTag}
+                  </SidebarListItemText>
+                </SidebarListItemButton>
+              </ListItemButton>
+
+              {isSettingsItem && <Divider sx={{ mt: 1, mb: 0.5 }} />}
+            </div>
+          </Tooltip>
+        )
+      })}
+    </SidebarList>
+  )
+}
+
+export default React.memo(Navigation)
diff --git a/src/components/theme/SafeThemeProvider.tsx b/apps/web/src/components/theme/SafeThemeProvider.tsx
similarity index 100%
rename from src/components/theme/SafeThemeProvider.tsx
rename to apps/web/src/components/theme/SafeThemeProvider.tsx
diff --git a/apps/web/src/components/theme/darkPalette.ts b/apps/web/src/components/theme/darkPalette.ts
new file mode 100644
index 000000000..893bc17ee
--- /dev/null
+++ b/apps/web/src/components/theme/darkPalette.ts
@@ -0,0 +1,67 @@
+const darkPalette = {
+  text: {
+    primary: '#FFFFFF',
+    secondary: '#636669',
+    disabled: '#636669',
+  },
+  primary: {
+    dark: '#0cb259',
+    main: '#12FF80',
+    light: '#A1A3A7',
+  },
+  secondary: {
+    dark: '#636669',
+    main: '#FFFFFF',
+    light: '#B0FFC9',
+    background: '#1B2A22',
+  },
+  border: {
+    main: '#636669',
+    light: '#303033',
+    background: '#121312',
+  },
+  error: {
+    dark: '#AC2C3B',
+    main: '#FF5F72',
+    light: '#FFB4BD',
+    background: '#2F2527',
+  },
+  success: {
+    dark: '#388E3C',
+    main: '#00B460',
+    light: '#81C784',
+    background: '#1F2920',
+  },
+  info: {
+    dark: '#52BFDC',
+    main: '#5FDDFF',
+    light: '#B7F0FF',
+    background: '#19252C',
+  },
+  warning: {
+    dark: '#C04C32',
+    main: '#FF8061',
+    light: '#FFBC9F',
+    background: '#2F2318',
+  },
+  background: {
+    default: '#121312',
+    main: '#121312',
+    paper: '#1C1C1C',
+    light: '#1B2A22',
+    lightGrey: '#303033',
+  },
+  backdrop: {
+    main: '#636669',
+  },
+  logo: {
+    main: '#FFFFFF',
+    background: '#303033',
+  },
+  static: {
+    main: '#121312',
+    light: '#636669',
+  },
+}
+
+export default darkPalette
diff --git a/apps/web/src/components/theme/lightPalette.ts b/apps/web/src/components/theme/lightPalette.ts
new file mode 100644
index 000000000..661ba0542
--- /dev/null
+++ b/apps/web/src/components/theme/lightPalette.ts
@@ -0,0 +1,67 @@
+const lightPalette = {
+  text: {
+    primary: '#121312',
+    secondary: '#A1A3A7',
+    disabled: '#DDDEE0',
+  },
+  primary: {
+    dark: '#3c3c3c',
+    main: '#121312',
+    light: '#636669',
+  },
+  secondary: {
+    dark: '#0FDA6D',
+    main: '#12FF80',
+    light: '#B0FFC9',
+    background: '#EFFFF4',
+  },
+  border: {
+    main: '#A1A3A7',
+    light: '#DCDEE0',
+    background: '#F4F4F4',
+  },
+  error: {
+    dark: '#AC2C3B',
+    main: '#FF5F72',
+    light: '#FFB4BD',
+    background: '#FFE6EA',
+  },
+  success: {
+    dark: '#028D4C',
+    main: '#00B460',
+    light: '#D3F2E4',
+    background: '#EFFAF1',
+  },
+  info: {
+    dark: '#52BFDC',
+    main: '#5FDDFF',
+    light: '#D7F6FF',
+    background: '#EFFCFF',
+  },
+  warning: {
+    dark: '#C04C32',
+    main: '#FF8061',
+    light: '#FFBC9F',
+    background: '#FFF1E0',
+  },
+  background: {
+    default: '#F4F4F4',
+    main: '#F4F4F4',
+    paper: '#FFFFFF',
+    light: '#EFFFF4',
+    lightGrey: '#DDDEE0',
+  },
+  backdrop: {
+    main: '#636669',
+  },
+  logo: {
+    main: '#121312',
+    background: '#EEEFF0',
+  },
+  static: {
+    main: '#121312',
+    light: '#636669',
+  },
+}
+
+export default lightPalette
diff --git a/src/components/theme/safeTheme.ts b/apps/web/src/components/theme/safeTheme.ts
similarity index 93%
rename from src/components/theme/safeTheme.ts
rename to apps/web/src/components/theme/safeTheme.ts
index e9108c325..90058e5e9 100644
--- a/src/components/theme/safeTheme.ts
+++ b/apps/web/src/components/theme/safeTheme.ts
@@ -28,6 +28,7 @@ declare module '@mui/material/styles' {
   export interface TypeBackground {
     main: string
     light: string
+    lightGrey: string
   }
 
   // Custom color properties
@@ -49,10 +50,13 @@ declare module '@mui/material/SvgIcon' {
 declare module '@mui/material/Button' {
   export interface ButtonPropsSizeOverrides {
     stretched: true
+    compact: true
   }
 
   export interface ButtonPropsColorOverrides {
     background: true
+    static: true
+    'background.paper': true
   }
 
   export interface ButtonPropsVariantOverrides {
@@ -100,12 +104,39 @@ const createSafeTheme = (mode: PaletteMode): Theme => {
       },
       MuiButton: {
         variants: [
+          {
+            props: { size: 'compact' },
+            style: {
+              padding: '8px 16px',
+            },
+          },
           {
             props: { size: 'stretched' },
             style: {
               padding: '12px 48px',
             },
           },
+          {
+            props: { color: 'background.paper' },
+            style: ({ theme }) => ({
+              backgroundColor: theme.palette.background.paper,
+              color: theme.palette.text.primary,
+              '&:hover': {
+                backgroundColor: theme.palette.background.main,
+              },
+            }),
+          },
+
+          {
+            props: { color: 'background' },
+            style: ({ theme }) => ({
+              backgroundColor: theme.palette.background.main,
+              color: theme.palette.text.primary,
+              '&:hover': {
+                backgroundColor: theme.palette.background.lightGrey,
+              },
+            }),
+          },
           {
             props: { variant: 'danger' },
             style: ({ theme }) => ({
@@ -186,20 +217,17 @@ const createSafeTheme = (mode: PaletteMode): Theme => {
               margin: 0,
               borderColor: theme.palette.secondary.light,
             },
-
-            '&.Mui-expanded > .MuiAccordionSummary-root': {
-              background: theme.palette.background.light,
-            },
           }),
         },
       },
       MuiAccordionSummary: {
         styleOverrides: {
-          root: {
+          root: ({ theme }) => ({
             '&.Mui-expanded': {
               minHeight: '48px',
+              background: theme.palette.background.light,
             },
-          },
+          }),
           content: {
             '&.Mui-expanded': {
               margin: '12px 0',
@@ -299,7 +327,6 @@ const createSafeTheme = (mode: PaletteMode): Theme => {
             '&.MuiPaper-root': {
               backgroundColor: theme.palette.error.background,
             },
-            border: `1px solid ${theme.palette.error.main}`,
           }),
           standardInfo: ({ theme }) => ({
             '& .MuiAlert-icon': {
@@ -308,7 +335,6 @@ const createSafeTheme = (mode: PaletteMode): Theme => {
             '&.MuiPaper-root': {
               backgroundColor: theme.palette.info.background,
             },
-            border: `1px solid ${theme.palette.info.main}`,
           }),
           standardSuccess: ({ theme }) => ({
             '& .MuiAlert-icon': {
@@ -317,7 +343,6 @@ const createSafeTheme = (mode: PaletteMode): Theme => {
             '&.MuiPaper-root': {
               backgroundColor: theme.palette.success.background,
             },
-            border: `1px solid ${theme.palette.success.main}`,
           }),
           standardWarning: ({ theme }) => ({
             '& .MuiAlert-icon': {
@@ -326,7 +351,6 @@ const createSafeTheme = (mode: PaletteMode): Theme => {
             '&.MuiPaper-root': {
               backgroundColor: theme.palette.warning.background,
             },
-            border: `1px solid ${theme.palette.warning.main}`,
           }),
           root: ({ theme }) => ({
             color: theme.palette.text.primary,
diff --git a/src/components/theme/typography.ts b/apps/web/src/components/theme/typography.ts
similarity index 100%
rename from src/components/theme/typography.ts
rename to apps/web/src/components/theme/typography.ts
diff --git a/src/components/transactions/BatchExecuteButton/BatchExecuteHoverProvider.tsx b/apps/web/src/components/transactions/BatchExecuteButton/BatchExecuteHoverProvider.tsx
similarity index 100%
rename from src/components/transactions/BatchExecuteButton/BatchExecuteHoverProvider.tsx
rename to apps/web/src/components/transactions/BatchExecuteButton/BatchExecuteHoverProvider.tsx
diff --git a/apps/web/src/components/transactions/BatchExecuteButton/index.tsx b/apps/web/src/components/transactions/BatchExecuteButton/index.tsx
new file mode 100644
index 000000000..c53db8032
--- /dev/null
+++ b/apps/web/src/components/transactions/BatchExecuteButton/index.tsx
@@ -0,0 +1,71 @@
+import { useCallback, useContext } from 'react'
+import { Button, Tooltip } from '@mui/material'
+import { BatchExecuteHoverContext } from '@/components/transactions/BatchExecuteButton/BatchExecuteHoverProvider'
+import { useAppSelector } from '@/store'
+import { selectPendingTxs } from '@/store/pendingTxsSlice'
+import useBatchedTxs from '@/hooks/useBatchedTxs'
+import { ExecuteBatchFlow } from '@/components/tx-flow/flows'
+import { trackEvent } from '@/services/analytics'
+import { TX_LIST_EVENTS } from '@/services/analytics/events/txList'
+import useWallet from '@/hooks/wallets/useWallet'
+import useTxQueue from '@/hooks/useTxQueue'
+import { TxModalContext } from '@/components/tx-flow'
+
+const BatchExecuteButton = () => {
+  const { setTxFlow } = useContext(TxModalContext)
+  const pendingTxs = useAppSelector(selectPendingTxs)
+  const hoverContext = useContext(BatchExecuteHoverContext)
+  const { page } = useTxQueue()
+  const batchableTransactions = useBatchedTxs(page?.results || [])
+  const wallet = useWallet()
+
+  const isBatchable = batchableTransactions.length > 1
+  const hasPendingTx = batchableTransactions.some((tx) => pendingTxs[tx.transaction.id])
+  const isDisabled = !isBatchable || hasPendingTx || !wallet
+
+  const handleOnMouseEnter = useCallback(() => {
+    hoverContext.setActiveHover(batchableTransactions.map((tx) => tx.transaction.id))
+  }, [batchableTransactions, hoverContext])
+
+  const handleOnMouseLeave = useCallback(() => {
+    hoverContext.setActiveHover([])
+  }, [hoverContext])
+
+  const handleOpenModal = () => {
+    trackEvent({
+      ...TX_LIST_EVENTS.BATCH_EXECUTE,
+      label: batchableTransactions.length,
+    })
+
+    setTxFlow(<ExecuteBatchFlow txs={batchableTransactions} />, undefined, false)
+  }
+
+  return (
+    <>
+      <Tooltip
+        placement="top-start"
+        arrow
+        title={
+          isDisabled
+            ? 'Batch execution is only available for transactions that have been fully signed and are strictly sequential in Safe Account nonce.'
+            : 'All highlighted transactions will be included in the batch execution.'
+        }
+      >
+        <span>
+          <Button
+            onMouseEnter={handleOnMouseEnter}
+            onMouseLeave={handleOnMouseLeave}
+            variant="contained"
+            size="small"
+            disabled={isDisabled}
+            onClick={handleOpenModal}
+          >
+            Bulk execute{isBatchable && ` ${batchableTransactions.length} transactions`}
+          </Button>
+        </span>
+      </Tooltip>
+    </>
+  )
+}
+
+export default BatchExecuteButton
diff --git a/apps/web/src/components/transactions/BulkTxListGroup/index.tsx b/apps/web/src/components/transactions/BulkTxListGroup/index.tsx
new file mode 100644
index 000000000..27ad66dbf
--- /dev/null
+++ b/apps/web/src/components/transactions/BulkTxListGroup/index.tsx
@@ -0,0 +1,70 @@
+import type { ReactElement } from 'react'
+import { Box, Paper, SvgIcon, Typography } from '@mui/material'
+import type { Order, Transaction } from '@safe-global/safe-gateway-typescript-sdk'
+import { isMultisigExecutionInfo, isSwapTransferOrderTxInfo } from '@/utils/transaction-guards'
+import ExpandableTransactionItem from '@/components/transactions/TxListItem/ExpandableTransactionItem'
+import BatchIcon from '@/public/images/common/batch.svg'
+import css from './styles.module.css'
+import ExplorerButton from '@/components/common/ExplorerButton'
+import { getBlockExplorerLink } from '@safe-global/utils/utils/chains'
+import { useCurrentChain } from '@/hooks/useChains'
+import { getOrderClass } from '@/features/swap/helpers/utils'
+
+const orderClassTitles: Record<string, string> = {
+  limit: 'Limit order settlement',
+  twap: 'TWAP order settlement',
+  liquidity: 'Liquidity order settlement',
+  market: 'Swap order settlement',
+}
+
+const getSettlementOrderTitle = (order: Order): string => {
+  const orderClass = getOrderClass(order)
+  return orderClassTitles[orderClass] || orderClassTitles['market']
+}
+
+const GroupedTxListItems = ({
+  groupedListItems,
+  transactionHash,
+}: {
+  groupedListItems: Transaction[]
+  transactionHash: string
+}): ReactElement | null => {
+  const chain = useCurrentChain()
+  const explorerLink = chain && getBlockExplorerLink(chain, transactionHash)?.href
+  if (groupedListItems.length === 0) return null
+  let title = 'Bulk transactions'
+  const isSwapTransfer = isSwapTransferOrderTxInfo(groupedListItems[0].transaction.txInfo)
+  if (isSwapTransfer) {
+    title = getSettlementOrderTitle(groupedListItems[0].transaction.txInfo as Order)
+  }
+  return (
+    <Paper data-testid="grouped-items" className={css.container}>
+      <Box gridArea="icon">
+        <SvgIcon className={css.icon} component={BatchIcon} inheritViewBox fontSize="medium" />
+      </Box>
+      <Box gridArea="info">
+        <Typography noWrap>{title}</Typography>
+      </Box>
+      <Box className={css.action}>{groupedListItems.length} transactions</Box>
+      <Box className={css.hash}>
+        <ExplorerButton href={explorerLink} isCompact={false} />
+      </Box>
+
+      <Box gridArea="items" className={css.txItems}>
+        {groupedListItems.map((tx) => {
+          const nonce = isMultisigExecutionInfo(tx.transaction.executionInfo) ? tx.transaction.executionInfo.nonce : ''
+          return (
+            <Box position="relative" key={tx.transaction.id}>
+              <Box className={css.nonce}>
+                <Typography className={css.nonce}>{nonce}</Typography>
+              </Box>
+              <ExpandableTransactionItem item={tx} isBulkGroup={true} />
+            </Box>
+          )
+        })}
+      </Box>
+    </Paper>
+  )
+}
+
+export default GroupedTxListItems
diff --git a/src/components/transactions/BulkTxListGroup/styles.module.css b/apps/web/src/components/transactions/BulkTxListGroup/styles.module.css
similarity index 100%
rename from src/components/transactions/BulkTxListGroup/styles.module.css
rename to apps/web/src/components/transactions/BulkTxListGroup/styles.module.css
diff --git a/src/components/transactions/ExecuteTxButton/index.tsx b/apps/web/src/components/transactions/ExecuteTxButton/index.tsx
similarity index 100%
rename from src/components/transactions/ExecuteTxButton/index.tsx
rename to apps/web/src/components/transactions/ExecuteTxButton/index.tsx
diff --git a/src/components/transactions/GroupLabel/index.tsx b/apps/web/src/components/transactions/GroupLabel/index.tsx
similarity index 100%
rename from src/components/transactions/GroupLabel/index.tsx
rename to apps/web/src/components/transactions/GroupLabel/index.tsx
diff --git a/src/components/transactions/GroupLabel/styles.module.css b/apps/web/src/components/transactions/GroupLabel/styles.module.css
similarity index 100%
rename from src/components/transactions/GroupLabel/styles.module.css
rename to apps/web/src/components/transactions/GroupLabel/styles.module.css
diff --git a/src/components/transactions/GroupedTxListItems/ReplaceTxHoverProvider.tsx b/apps/web/src/components/transactions/GroupedTxListItems/ReplaceTxHoverProvider.tsx
similarity index 100%
rename from src/components/transactions/GroupedTxListItems/ReplaceTxHoverProvider.tsx
rename to apps/web/src/components/transactions/GroupedTxListItems/ReplaceTxHoverProvider.tsx
diff --git a/apps/web/src/components/transactions/GroupedTxListItems/index.tsx b/apps/web/src/components/transactions/GroupedTxListItems/index.tsx
new file mode 100644
index 000000000..43b087204
--- /dev/null
+++ b/apps/web/src/components/transactions/GroupedTxListItems/index.tsx
@@ -0,0 +1,85 @@
+import type { ReactElement } from 'react'
+import { useContext } from 'react'
+import { Box, Paper, Typography } from '@mui/material'
+import type { Transaction } from '@safe-global/safe-gateway-typescript-sdk'
+import { isMultisigExecutionInfo } from '@/utils/transaction-guards'
+import ExpandableTransactionItem from '@/components/transactions/TxListItem/ExpandableTransactionItem'
+import css from './styles.module.css'
+import { ReplaceTxHoverContext, ReplaceTxHoverProvider } from './ReplaceTxHoverProvider'
+import ExternalLink from '@/components/common/ExternalLink'
+
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+const Disclaimer = () => (
+  <Typography>
+    <b>Conflicting transactions</b>. Executing one will automatically replace the others.{' '}
+    <ExternalLink
+      href={HelpCenterArticle.CONFLICTING_TRANSACTIONS}
+      title="Why are transactions with the same nonce conflicting with each other?"
+      noIcon
+    >
+      Why did this happen?
+    </ExternalLink>
+  </Typography>
+)
+
+const TxGroup = ({ groupedListItems }: { groupedListItems: Transaction[] }): ReactElement => {
+  const nonce = isMultisigExecutionInfo(groupedListItems[0].transaction.executionInfo)
+    ? groupedListItems[0].transaction.executionInfo.nonce
+    : undefined
+
+  const { replacedTxIds } = useContext(ReplaceTxHoverContext)
+
+  return (
+    <Paper className={css.container}>
+      <Typography
+        sx={{
+          gridArea: 'nonce',
+        }}
+      >
+        {nonce}
+      </Typography>
+      <Box
+        className={css.disclaimerContainer}
+        sx={{
+          gridArea: 'warning',
+        }}
+      >
+        <Disclaimer />
+      </Box>
+      <Box
+        className={css.line}
+        sx={{
+          gridArea: 'line',
+        }}
+      />
+      <Box
+        className={css.txItems}
+        sx={{
+          gridArea: 'items',
+        }}
+      >
+        {groupedListItems.map((tx) => (
+          <div
+            key={tx.transaction.id}
+            className={replacedTxIds.includes(tx.transaction.id) ? css.willBeReplaced : undefined}
+          >
+            <ExpandableTransactionItem item={tx} isConflictGroup />
+          </div>
+        ))}
+      </Box>
+    </Paper>
+  )
+}
+
+const GroupedTxListItems = ({ groupedListItems }: { groupedListItems: Transaction[] }): ReactElement | null => {
+  if (groupedListItems.length === 0) return null
+
+  return (
+    <ReplaceTxHoverProvider groupedListItems={groupedListItems}>
+      <TxGroup groupedListItems={groupedListItems} />
+    </ReplaceTxHoverProvider>
+  )
+}
+
+export default GroupedTxListItems
diff --git a/src/components/transactions/GroupedTxListItems/styles.module.css b/apps/web/src/components/transactions/GroupedTxListItems/styles.module.css
similarity index 100%
rename from src/components/transactions/GroupedTxListItems/styles.module.css
rename to apps/web/src/components/transactions/GroupedTxListItems/styles.module.css
diff --git a/apps/web/src/components/transactions/HexEncodedData/HexEncodedData.test.tsx b/apps/web/src/components/transactions/HexEncodedData/HexEncodedData.test.tsx
new file mode 100644
index 000000000..f0a949cfa
--- /dev/null
+++ b/apps/web/src/components/transactions/HexEncodedData/HexEncodedData.test.tsx
@@ -0,0 +1,70 @@
+import { fireEvent, render, screen } from '@/tests/test-utils'
+import { HexEncodedData } from '.'
+
+const hexData = '0xed2ad31ed00088fc64d00c49774b2fe3fb7fd7db1c2a714700892607b9f77dc1'
+
+const longHexData =
+  '0xb460af94123400000000000000000000000000000000000000000000000000000000000186a00000000000000000000000009a1148b5d6a2d34ca46111379d0fd1352a0ade4a0000000000000000000000009a1148b5d6a2d34ca46111379d0fd1352a0ade4a'
+
+describe('HexEncodedData', () => {
+  it('should render the default component markup', () => {
+    const result = render(<HexEncodedData hexData={hexData} title="Data (hex-encoded)" />)
+    const showMoreButton = result.getByTestId('show-more')
+    const tooltipComponent = result.getByLabelText(
+      'The first 4 bytes determine the contract method that is being called',
+    )
+    expect(showMoreButton).toBeInTheDocument()
+    expect(showMoreButton).toHaveTextContent('Show more')
+    expect(tooltipComponent).toBeInTheDocument()
+
+    expect(result.container).toMatchSnapshot()
+  })
+
+  it('should not highlight the data if highlight option is false', () => {
+    const result = render(
+      <HexEncodedData hexData="0x102384763718984309876" highlightFirstBytes={false} title="Some arbitrary data" />,
+    )
+
+    expect(result.container.querySelector('b')).not.toBeInTheDocument()
+    expect(result.container).toMatchSnapshot()
+  })
+
+  it('should not cut the text in case the limit option is higher than the provided hexData', () => {
+    const result = render(<HexEncodedData hexData={hexData} limit={1000} title="Data (hex-encoded)" />)
+
+    expect(result.container.querySelector("button[data-testid='show-more']")).not.toBeInTheDocument()
+
+    expect(result.container).toMatchSnapshot()
+  })
+
+  it('should show the full data when expanded', () => {
+    render(<HexEncodedData hexData={longHexData} limit={20} title="Data (hex-encoded)" />)
+
+    // Initially should show shortened data
+    const initialData = screen.getByTestId('tx-hexData')
+    expect(initialData).toHaveTextContent(`${longHexData.slice(0, 20)}… Show more`)
+
+    // Click show more
+    const showMoreButton = screen.getByTestId('show-more')
+    fireEvent.click(showMoreButton)
+
+    // Should now show full data
+    expect(initialData).toHaveTextContent(longHexData)
+
+    // Check that we have tree blocks of dimmed zeroes
+    const zeroesBlocks = initialData.querySelectorAll('span.zeroes')
+    expect(zeroesBlocks).toHaveLength(3)
+    expect(zeroesBlocks[0].textContent).toHaveLength(59)
+    expect(zeroesBlocks[1].textContent).toHaveLength(25)
+    expect(zeroesBlocks[2].textContent).toHaveLength(24)
+    // Show less button should be visible
+    expect(showMoreButton).toHaveTextContent('Show less')
+
+    // Click show less
+    fireEvent.click(showMoreButton)
+
+    // Should be back to shortened data
+    expect(initialData).toHaveTextContent(`${longHexData.slice(0, 20)}… Show more`)
+    expect(showMoreButton).toHaveTextContent('Show more')
+  })
+})
diff --git a/apps/web/src/components/transactions/HexEncodedData/__snapshots__/HexEncodedData.test.tsx.snap b/apps/web/src/components/transactions/HexEncodedData/__snapshots__/HexEncodedData.test.tsx.snap
new file mode 100644
index 000000000..35a45fa14
--- /dev/null
+++ b/apps/web/src/components/transactions/HexEncodedData/__snapshots__/HexEncodedData.test.tsx.snap
@@ -0,0 +1,151 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`HexEncodedData should not cut the text in case the limit option is higher than the provided hexData 1`] = `
+<div>
+  <div
+    class="MuiGrid-root MuiGrid-container css-1yff1ei-MuiGrid-root"
+  >
+    <div
+      class="MuiGrid-root MuiGrid-item css-ezmk0c-MuiGrid-root"
+      data-testid="tx-row-title"
+      style="word-break: break-word;"
+    >
+      <span
+        class="MuiTypography-root MuiTypography-body2 css-1ew0eu5-MuiTypography-root"
+      >
+        Data (hex-encoded)
+      </span>
+    </div>
+    <div
+      class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+      data-testid="tx-data-row"
+    >
+      <div
+        class="encodedData MuiBox-root css-0"
+        data-testid="tx-hexData"
+      >
+        <span
+          aria-label="Copy to clipboard"
+          class=""
+          data-mui-internal-clone-element="true"
+          style="cursor: pointer;"
+        >
+          <span
+            class="monospace"
+          >
+            <b
+              aria-label="The first 4 bytes determine the contract method that is being called"
+              class=""
+              data-mui-internal-clone-element="true"
+            >
+              0xed2ad31e
+            </b>
+            d00088fc64d00c49774b2fe3fb7fd7db1c2a714700892607b9f77dc1
+             
+          </span>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`HexEncodedData should not highlight the data if highlight option is false 1`] = `
+<div>
+  <div
+    class="MuiGrid-root MuiGrid-container css-1yff1ei-MuiGrid-root"
+  >
+    <div
+      class="MuiGrid-root MuiGrid-item css-ezmk0c-MuiGrid-root"
+      data-testid="tx-row-title"
+      style="word-break: break-word;"
+    >
+      <span
+        class="MuiTypography-root MuiTypography-body2 css-1ew0eu5-MuiTypography-root"
+      >
+        Some arbitrary data
+      </span>
+    </div>
+    <div
+      class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+      data-testid="tx-data-row"
+    >
+      <div
+        class="encodedData MuiBox-root css-0"
+        data-testid="tx-hexData"
+      >
+        <span
+          aria-label="Copy to clipboard"
+          class=""
+          data-mui-internal-clone-element="true"
+          style="cursor: pointer;"
+        >
+          <span
+            class="monospace"
+          >
+            0x102384763718984309876
+             
+          </span>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`HexEncodedData should render the default component markup 1`] = `
+<div>
+  <div
+    class="MuiGrid-root MuiGrid-container css-1yff1ei-MuiGrid-root"
+  >
+    <div
+      class="MuiGrid-root MuiGrid-item css-ezmk0c-MuiGrid-root"
+      data-testid="tx-row-title"
+      style="word-break: break-word;"
+    >
+      <span
+        class="MuiTypography-root MuiTypography-body2 css-1ew0eu5-MuiTypography-root"
+      >
+        Data (hex-encoded)
+      </span>
+    </div>
+    <div
+      class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+      data-testid="tx-data-row"
+    >
+      <div
+        class="encodedData MuiBox-root css-0"
+        data-testid="tx-hexData"
+      >
+        <span
+          aria-label="Copy to clipboard"
+          class=""
+          data-mui-internal-clone-element="true"
+          style="cursor: pointer;"
+        >
+          <span
+            class="monospace"
+          >
+            <b
+              aria-label="The first 4 bytes determine the contract method that is being called"
+              class=""
+              data-mui-internal-clone-element="true"
+            >
+              0xed2ad31e
+            </b>
+            d00088fc64…
+             
+          </span>
+        </span>
+        <button
+          class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiLink-button showMore css-izn2ge-MuiTypography-root-MuiLink-root"
+          data-testid="show-more"
+          type="button"
+        >
+          Show more
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/src/components/transactions/HexEncodedData/index.tsx b/apps/web/src/components/transactions/HexEncodedData/index.tsx
new file mode 100644
index 000000000..39c23ba23
--- /dev/null
+++ b/apps/web/src/components/transactions/HexEncodedData/index.tsx
@@ -0,0 +1,79 @@
+import { shortenText } from '@safe-global/utils/utils/formatters'
+import { Box, Link, Tooltip } from '@mui/material'
+import type { ReactElement, SyntheticEvent } from 'react'
+import { Fragment, useState } from 'react'
+import css from './styles.module.css'
+import CopyButton from '@/components/common/CopyButton'
+import FieldsGrid from '@/components/tx/FieldsGrid'
+
+interface Props {
+  hexData: string
+  highlightFirstBytes?: boolean
+  title?: string
+  limit?: number
+}
+
+const FIRST_BYTES = 10
+
+const SHOW_MORE = 'Show more'
+const SHOW_LESS = 'Show less'
+
+export const HexEncodedData = ({ hexData, title, highlightFirstBytes = true, limit = 20 }: Props): ReactElement => {
+  const [showTxData, setShowTxData] = useState(false)
+  // Check if
+  const showExpandBtn = hexData.length > limit + SHOW_MORE.length + 2 // 2 for the space and the ellipsis
+
+  const toggleExpanded = (e: SyntheticEvent) => {
+    e.stopPropagation()
+    e.preventDefault()
+    setShowTxData((val) => !val)
+  }
+
+  const firstBytes = highlightFirstBytes ? (
+    <Tooltip title="The first 4 bytes determine the contract method that is being called" arrow>
+      <b>{hexData.slice(0, FIRST_BYTES)}</b>
+    </Tooltip>
+  ) : null
+  const restBytes = highlightFirstBytes ? hexData.slice(FIRST_BYTES) : hexData
+
+  const dimmedZeroes: ReactElement[] = []
+  let index = 0
+  const remainder = restBytes.replace(/(.*?)(0{18,})/g, (_, p1, p2) => {
+    dimmedZeroes.push(
+      <Fragment key={index++}>{p1}</Fragment>,
+      <span className={css.zeroes} key={index++}>
+        {p2}
+      </span>,
+    )
+    return ''
+  })
+
+  dimmedZeroes.push(<Fragment key={index++}>{remainder}</Fragment>)
+
+  const fullData = dimmedZeroes.length ? dimmedZeroes : restBytes
+
+  const content = (
+    <Box data-testid="tx-hexData" className={css.encodedData}>
+      <CopyButton text={hexData}>
+        <span className={css.monospace}>
+          {firstBytes}
+          {showTxData || !showExpandBtn ? fullData : shortenText(restBytes, limit - FIRST_BYTES)}{' '}
+        </span>
+      </CopyButton>
+
+      {showExpandBtn && (
+        <Link
+          component="button"
+          data-testid="show-more"
+          onClick={toggleExpanded}
+          type="button"
+          className={css.showMore}
+        >
+          {showTxData ? SHOW_LESS : SHOW_MORE}
+        </Link>
+      )}
+    </Box>
+  )
+
+  return title ? <FieldsGrid title={title}>{content}</FieldsGrid> : content
+}
diff --git a/apps/web/src/components/transactions/HexEncodedData/styles.module.css b/apps/web/src/components/transactions/HexEncodedData/styles.module.css
new file mode 100644
index 000000000..d63633046
--- /dev/null
+++ b/apps/web/src/components/transactions/HexEncodedData/styles.module.css
@@ -0,0 +1,17 @@
+.encodedData {
+  line-break: anywhere;
+  word-break: break-all;
+  line-height: 1.1;
+}
+
+.showMore {
+  white-space: nowrap;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+.zeroes {
+  opacity: 0.75;
+}
diff --git a/src/components/transactions/ImitationTransactionWarning/index.tsx b/apps/web/src/components/transactions/ImitationTransactionWarning/index.tsx
similarity index 100%
rename from src/components/transactions/ImitationTransactionWarning/index.tsx
rename to apps/web/src/components/transactions/ImitationTransactionWarning/index.tsx
diff --git a/src/components/transactions/ImitationTransactionWarning/styles.module.css b/apps/web/src/components/transactions/ImitationTransactionWarning/styles.module.css
similarity index 100%
rename from src/components/transactions/ImitationTransactionWarning/styles.module.css
rename to apps/web/src/components/transactions/ImitationTransactionWarning/styles.module.css
diff --git a/src/components/transactions/InfoDetails/index.tsx b/apps/web/src/components/transactions/InfoDetails/index.tsx
similarity index 100%
rename from src/components/transactions/InfoDetails/index.tsx
rename to apps/web/src/components/transactions/InfoDetails/index.tsx
diff --git a/src/components/transactions/InfoDetails/styles.module.css b/apps/web/src/components/transactions/InfoDetails/styles.module.css
similarity index 100%
rename from src/components/transactions/InfoDetails/styles.module.css
rename to apps/web/src/components/transactions/InfoDetails/styles.module.css
diff --git a/apps/web/src/components/transactions/MaliciousTxWarning/index.tsx b/apps/web/src/components/transactions/MaliciousTxWarning/index.tsx
new file mode 100644
index 000000000..a77b14d72
--- /dev/null
+++ b/apps/web/src/components/transactions/MaliciousTxWarning/index.tsx
@@ -0,0 +1,18 @@
+import { Tooltip, SvgIcon, Box } from '@mui/material'
+import WarningIcon from '@/public/images/notifications/warning.svg'
+
+const MaliciousTxWarning = ({ withTooltip = true }: { withTooltip?: boolean }) => {
+  return withTooltip ? (
+    <Tooltip title="This token isn’t verified on major token lists and may pose risks when interacting with it or involved addresses">
+      <Box lineHeight="16px">
+        <SvgIcon component={WarningIcon} fontSize="small" inheritViewBox color="warning" />
+      </Box>
+    </Tooltip>
+  ) : (
+    <Box lineHeight="16px">
+      <SvgIcon component={WarningIcon} fontSize="small" inheritViewBox color="warning" />
+    </Box>
+  )
+}
+
+export default MaliciousTxWarning
diff --git a/apps/web/src/components/transactions/QueuedTxSimulation/index.tsx b/apps/web/src/components/transactions/QueuedTxSimulation/index.tsx
new file mode 100644
index 000000000..895d91ece
--- /dev/null
+++ b/apps/web/src/components/transactions/QueuedTxSimulation/index.tsx
@@ -0,0 +1,142 @@
+import useSafeInfo from '@/hooks/useSafeInfo'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import { type SafeInfo, type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { createExistingTx } from '@/services/tx/tx-sender'
+import useChainId from '@/hooks/useChainId'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { useSimulation } from '@/components/tx/security/tenderly/useSimulation'
+import TenderlyIcon from '@/public/images/transactions/tenderly-small.svg'
+import { ButtonBase, CircularProgress, Stack, SvgIcon, Typography } from '@mui/material'
+import { useSigner } from '@/hooks/wallets/useWallet'
+import ExternalLink from '@/components/common/ExternalLink'
+import CheckIcon from '@/public/images/common/check.svg'
+import CloseIcon from '@/public/images/common/close.svg'
+import { getSimulationStatus, isTxSimulationEnabled } from '@safe-global/utils/components/tx/security/tenderly/utils'
+import { useSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
+import { useIsNestedSafeOwner } from '@/hooks/useIsNestedSafeOwner'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { useMemo } from 'react'
+import { useCurrentChain } from '@/hooks/useChains'
+
+const CompactSimulationButton = ({
+  label,
+  iconComponent,
+  disabled = false,
+  onClick,
+}: {
+  label: string
+  iconComponent: React.ReactNode
+  disabled?: boolean
+  onClick?: () => void
+}) => {
+  return (
+    <ButtonBase
+      disabled={disabled}
+      sx={{
+        display: 'flex',
+        alignItems: 'center',
+        gap: 0.5,
+        flexDirection: 'row',
+        borderRadius: '8px',
+        backgroundColor: 'background.main',
+        padding: '4px 16px',
+        // This is required as the icon otherwise disappears when the first tx accordion is closed
+        visibility: 'visible !important',
+      }}
+      onClick={onClick}
+    >
+      {iconComponent}
+      <Typography variant="subtitle2" fontWeight={700}>
+        {label}
+      </Typography>
+    </ButtonBase>
+  )
+}
+
+const InlineTxSimulation = ({ transaction }: { transaction: TransactionDetails }) => {
+  const { safe } = useSafeInfo()
+  const isSafeOwner = useIsSafeOwner()
+  const isNestedSafeOwner = useIsNestedSafeOwner()
+  const chainId = useChainId()
+  const signer = useSigner()
+  const sdk = useSafeSDK()
+
+  const canSimulate = isSafeOwner || isNestedSafeOwner
+
+  const [safeTransaction, safeTransactionError] = useAsync(
+    () => (sdk ? createExistingTx(chainId, transaction.txId, transaction) : undefined),
+    [chainId, transaction, sdk],
+  )
+
+  const executionOwner = useMemo(
+    () =>
+      safe.owners.some((owner) => sameAddress(owner.value, signer?.address)) ? signer?.address : safe.owners[0]?.value,
+    [safe.owners, signer?.address],
+  )
+
+  const simulation = useSimulation()
+  const { simulationLink, simulateTransaction } = simulation
+  const status = simulation ? getSimulationStatus(simulation) : undefined
+
+  const handleSimulation = () => {
+    if (safeTransaction && executionOwner) {
+      simulateTransaction({ executionOwner, transactions: safeTransaction, safe: safe as SafeInfo })
+    }
+  }
+
+  if (safeTransactionError || !canSimulate || !executionOwner) {
+    return null
+  }
+
+  if (status?.isLoading) {
+    return <CompactSimulationButton label="Simulating" iconComponent={<CircularProgress size={16} />} disabled={true} />
+  }
+
+  if (!status?.isFinished) {
+    return (
+      <CompactSimulationButton
+        label="Simulate"
+        iconComponent={<SvgIcon component={TenderlyIcon} inheritViewBox sx={{ height: '16px' }} />}
+        disabled={!safeTransaction}
+        onClick={handleSimulation}
+      />
+    )
+  }
+
+  if (status?.isFinished && !status.isError) {
+    return (
+      <ExternalLink href={simulationLink}>
+        <Stack direction="row" alignItems="center" gap={0.5}>
+          <SvgIcon
+            color={status.isSuccess ? 'success' : 'error'}
+            component={status.isSuccess ? CheckIcon : CloseIcon}
+            inheritViewBox
+            sx={{ height: '16px' }}
+          />
+          {status.isSuccess ? 'Simulation successful' : 'Simulation failed'}
+        </Stack>
+      </ExternalLink>
+    )
+  }
+
+  if (status?.isError) {
+    return (
+      <Stack direction="row" alignItems="center" gap={0.5}>
+        <SvgIcon color="error" component={CloseIcon} inheritViewBox sx={{ height: '16px' }} />
+        Error while simulating
+      </Stack>
+    )
+  }
+
+  return null
+}
+
+export const QueuedTxSimulation = ({ transaction }: { transaction: TransactionDetails }) => {
+  const chain = useCurrentChain()
+
+  if (!chain || !isTxSimulationEnabled(chain)) {
+    return null
+  }
+
+  return <InlineTxSimulation transaction={transaction} />
+}
diff --git a/src/components/transactions/RejectTxButton/index.tsx b/apps/web/src/components/transactions/RejectTxButton/index.tsx
similarity index 100%
rename from src/components/transactions/RejectTxButton/index.tsx
rename to apps/web/src/components/transactions/RejectTxButton/index.tsx
diff --git a/apps/web/src/components/transactions/SafeCreationTx/index.tsx b/apps/web/src/components/transactions/SafeCreationTx/index.tsx
new file mode 100644
index 000000000..76bce1114
--- /dev/null
+++ b/apps/web/src/components/transactions/SafeCreationTx/index.tsx
@@ -0,0 +1,57 @@
+import React from 'react'
+import type { TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
+import { Box } from '@mui/system'
+import css from './styles.module.css'
+import { InfoDetails } from '@/components/transactions/InfoDetails'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { generateDataRowValue, TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
+import { dateString } from '@safe-global/utils/utils/formatters'
+import { isCreationTxInfo } from '@/utils/transaction-guards'
+import { NOT_AVAILABLE } from '@/components/transactions/TxDetails'
+
+type SafeCreationTxProps = {
+  txSummary: TransactionSummary
+}
+
+const SafeCreationTx = ({ txSummary }: SafeCreationTxProps) => {
+  if (!isCreationTxInfo(txSummary.txInfo)) return null
+
+  const timestamp = txSummary.timestamp
+  const { creator, factory, implementation, transactionHash } = txSummary.txInfo
+
+  return (
+    <>
+      <Box className={css.txCreation}>
+        <InfoDetails title="Creator:">
+          <EthHashInfo address={creator.value} shortAddress={false} showCopyButton hasExplorer />
+        </InfoDetails>
+        <InfoDetails title="Factory:">
+          {factory ? (
+            <EthHashInfo name={factory.name} address={factory.value} shortAddress={false} showCopyButton hasExplorer />
+          ) : (
+            NOT_AVAILABLE
+          )}
+        </InfoDetails>
+        <InfoDetails title="Mastercopy:">
+          {implementation ? (
+            <EthHashInfo
+              name={implementation.name}
+              address={implementation.value}
+              shortAddress={false}
+              showCopyButton
+              hasExplorer
+            />
+          ) : (
+            NOT_AVAILABLE
+          )}
+        </InfoDetails>
+      </Box>
+      <Box className={css.txSummary}>
+        <TxDataRow title="Transaction hash:">{generateDataRowValue(transactionHash, 'hash', true)}</TxDataRow>
+        <TxDataRow title="Created:">{timestamp ? dateString(timestamp) : null}</TxDataRow>
+      </Box>
+    </>
+  )
+}
+
+export default SafeCreationTx
diff --git a/apps/web/src/components/transactions/SafeCreationTx/styles.module.css b/apps/web/src/components/transactions/SafeCreationTx/styles.module.css
new file mode 100644
index 000000000..b34c47f87
--- /dev/null
+++ b/apps/web/src/components/transactions/SafeCreationTx/styles.module.css
@@ -0,0 +1,11 @@
+.txCreation,
+.txSummary {
+  padding: 20px 24px;
+  display: flex;
+  flex-direction: column;
+  padding-right: 60px; /* to not overlap with the share link */
+}
+
+.txSummary {
+  border-top: 1px solid var(--color-border-light);
+}
diff --git a/apps/web/src/components/transactions/SignTxButton/index.test.tsx b/apps/web/src/components/transactions/SignTxButton/index.test.tsx
new file mode 100644
index 000000000..1ec35f5b9
--- /dev/null
+++ b/apps/web/src/components/transactions/SignTxButton/index.test.tsx
@@ -0,0 +1,104 @@
+import { render, waitFor } from '@/tests/test-utils'
+import SignTxButton from '.'
+import { executionInfoBuilder, safeTxSummaryBuilder } from '@/tests/builders/safeTx'
+import { type AddressEx, DetailedExecutionInfoType } from '@safe-global/safe-gateway-typescript-sdk'
+import { faker } from '@faker-js/faker'
+import useWallet, { useSigner } from '@/hooks/wallets/useWallet'
+import { MockEip1193Provider } from '@/tests/mocks/providers'
+import { setSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
+import type Safe from '@safe-global/protocol-kit'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+
+jest.mock('@/hooks/wallets/useWallet')
+jest.mock('@/hooks/useSafeInfo')
+jest.mock('@/hooks/useIsSafeOwner')
+
+describe('SignTxButton', () => {
+  const mockUseWallet = useWallet as jest.MockedFunction<typeof useWallet>
+  const mockUseSigner = useSigner as jest.MockedFunction<typeof useSigner>
+  const mockUseSafeInfo = useSafeInfo as jest.MockedFunction<typeof useSafeInfo>
+  const mockUseIsSafeOwner = useIsSafeOwner as jest.MockedFunction<typeof useIsSafeOwner>
+
+  const testMissingSigners: AddressEx[] = [
+    {
+      value: faker.finance.ethereumAddress(),
+    },
+    {
+      value: faker.finance.ethereumAddress(),
+    },
+  ]
+  const txSummary = safeTxSummaryBuilder()
+    .with({
+      executionInfo: executionInfoBuilder()
+        .with({
+          type: DetailedExecutionInfoType.MULTISIG,
+          confirmationsRequired: 3,
+          confirmationsSubmitted: 1,
+          missingSigners: testMissingSigners,
+        })
+        .build(),
+    })
+    .build()
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+
+    const safeAddress = faker.finance.ethereumAddress()
+    mockUseSafeInfo.mockReturnValue({
+      safeAddress,
+      safe: extendedSafeInfoBuilder()
+        .with({ address: { value: safeAddress } })
+        .build(),
+      safeLoaded: true,
+      safeLoading: false,
+    })
+  })
+
+  it('should be disabled without any wallet connected', () => {
+    const result = render(<SignTxButton txSummary={txSummary} />)
+    expect(result.getByRole('button')).toBeDisabled()
+  })
+  it('should be disabled with non-owner connected', () => {
+    mockUseWallet.mockReturnValue({
+      address: faker.finance.ethereumAddress(),
+      chainId: '1',
+      label: 'MetaMask',
+      provider: MockEip1193Provider,
+    })
+
+    mockUseSigner.mockReturnValue({
+      address: faker.finance.ethereumAddress(),
+      chainId: '1',
+      provider: MockEip1193Provider,
+    })
+
+    mockUseIsSafeOwner.mockReturnValue(false)
+
+    const result = render(<SignTxButton txSummary={txSummary} />)
+
+    expect(result.getByRole('button')).toBeDisabled()
+  })
+
+  it('should be enabled with missing signer connected', async () => {
+    mockUseWallet.mockReturnValue({
+      address: testMissingSigners[0].value,
+      chainId: '1',
+      label: 'MetaMask',
+      provider: MockEip1193Provider,
+    })
+
+    mockUseSigner.mockReturnValue({
+      address: testMissingSigners[0].value,
+      chainId: '1',
+      provider: MockEip1193Provider,
+    })
+    mockUseIsSafeOwner.mockReturnValue(true)
+    setSafeSDK({} as unknown as Safe)
+    const result = render(<SignTxButton txSummary={txSummary} />)
+    await waitFor(() => {
+      expect(result.getByRole('button')).toBeEnabled()
+    })
+  })
+})
diff --git a/apps/web/src/components/transactions/SignTxButton/index.tsx b/apps/web/src/components/transactions/SignTxButton/index.tsx
new file mode 100644
index 000000000..9e10e0882
--- /dev/null
+++ b/apps/web/src/components/transactions/SignTxButton/index.tsx
@@ -0,0 +1,64 @@
+import useIsExpiredSwap from '@/features/swap/hooks/useIsExpiredSwap'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import type { SyntheticEvent } from 'react'
+import { useContext, type ReactElement } from 'react'
+import { type TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
+import { Button, Tooltip } from '@mui/material'
+
+import { isSignableBy } from '@/utils/transaction-guards'
+import useWallet from '@/hooks/wallets/useWallet'
+import Track from '@/components/common/Track'
+import { TX_LIST_EVENTS } from '@/services/analytics/events/txList'
+import CheckWallet from '@/components/common/CheckWallet'
+import { useSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
+import { TxModalContext } from '@/components/tx-flow'
+import { ConfirmTxFlow } from '@/components/tx-flow/flows'
+import { useNestedSafeOwners } from '@/hooks/useNestedSafeOwners'
+
+const SignTxButton = ({
+  txSummary,
+  compact = false,
+}: {
+  txSummary: TransactionSummary
+  compact?: boolean
+}): ReactElement => {
+  const { setTxFlow } = useContext(TxModalContext)
+  const wallet = useWallet()
+  const nestedOwners = useNestedSafeOwners()
+  const isSafeOwner = useIsSafeOwner()
+  const isSignable =
+    isSignableBy(txSummary, wallet?.address || '') || nestedOwners?.some((owner) => isSignableBy(txSummary, owner))
+  const safeSDK = useSafeSDK()
+  const expiredSwap = useIsExpiredSwap(txSummary.txInfo)
+  const isDisabled = !isSignable || !safeSDK || expiredSwap
+
+  const onClick = (e: SyntheticEvent) => {
+    e.stopPropagation()
+    e.preventDefault()
+    setTxFlow(<ConfirmTxFlow txSummary={txSummary} />, undefined, false)
+  }
+
+  return (
+    <CheckWallet>
+      {(isOk) => (
+        <Tooltip title={isOk && !isSignable && isSafeOwner ? "You've already signed this transaction" : ''}>
+          <span>
+            <Track {...TX_LIST_EVENTS.CONFIRM}>
+              <Button
+                onClick={onClick}
+                variant={compact ? 'outlined' : 'contained'}
+                disabled={!isOk || isDisabled}
+                size={compact ? 'small' : 'stretched'}
+                sx={compact ? { py: 0.6 } : undefined}
+              >
+                Confirm
+              </Button>
+            </Track>
+          </span>
+        </Tooltip>
+      )}
+    </CheckWallet>
+  )
+}
+
+export default SignTxButton
diff --git a/src/components/transactions/SignTxButton/styles.module.css b/apps/web/src/components/transactions/SignTxButton/styles.module.css
similarity index 100%
rename from src/components/transactions/SignTxButton/styles.module.css
rename to apps/web/src/components/transactions/SignTxButton/styles.module.css
diff --git a/apps/web/src/components/transactions/SignedMessagesHelpLink/index.tsx b/apps/web/src/components/transactions/SignedMessagesHelpLink/index.tsx
new file mode 100644
index 000000000..f5bcf7bf0
--- /dev/null
+++ b/apps/web/src/components/transactions/SignedMessagesHelpLink/index.tsx
@@ -0,0 +1,29 @@
+import { Box, SvgIcon, Typography } from '@mui/material'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import ExternalLink from '@/components/common/ExternalLink'
+import { useAppSelector } from '@/store'
+import { selectSafeMessages } from '@/store/safeMessagesSlice'
+
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+const SignedMessagesHelpLink = () => {
+  const safeMessages = useAppSelector(selectSafeMessages)
+  const safeMessagesCount = safeMessages.data?.results.length ?? 0
+
+  if (safeMessagesCount === 0) {
+    return null
+  }
+
+  return (
+    <Box display="flex" alignItems="center" gap={1}>
+      <SvgIcon component={InfoIcon} inheritViewBox color="border" fontSize="small" />
+      <ExternalLink noIcon href={HelpCenterArticle.SIGNED_MESSAGES}>
+        <Typography variant="body2" fontWeight={700}>
+          What are signed messages?
+        </Typography>
+      </ExternalLink>
+    </Box>
+  )
+}
+
+export default SignedMessagesHelpLink
diff --git a/src/components/transactions/SingleTx/SingleTx.test.tsx b/apps/web/src/components/transactions/SingleTx/SingleTx.test.tsx
similarity index 100%
rename from src/components/transactions/SingleTx/SingleTx.test.tsx
rename to apps/web/src/components/transactions/SingleTx/SingleTx.test.tsx
diff --git a/apps/web/src/components/transactions/SingleTx/index.tsx b/apps/web/src/components/transactions/SingleTx/index.tsx
new file mode 100644
index 000000000..18a8088a0
--- /dev/null
+++ b/apps/web/src/components/transactions/SingleTx/index.tsx
@@ -0,0 +1,79 @@
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import { useRouter } from 'next/router'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import type { Label, Transaction, TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { LabelValue } from '@safe-global/safe-gateway-typescript-sdk'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import type { ReactElement } from 'react'
+import { useEffect } from 'react'
+import { makeTxFromDetails } from '@/utils/transactions'
+import { TxListGrid } from '@/components/transactions/TxList'
+import ExpandableTransactionItem, {
+  TransactionSkeleton,
+} from '@/components/transactions/TxListItem/ExpandableTransactionItem'
+import GroupLabel from '../GroupLabel'
+import { isMultisigDetailedExecutionInfo } from '@/utils/transaction-guards'
+import { useGetTransactionDetailsQuery } from '@/store/api/gateway'
+import { skipToken } from '@reduxjs/toolkit/query/react'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+
+const SingleTxGrid = ({ txDetails }: { txDetails: TransactionDetails }): ReactElement => {
+  const tx: Transaction = makeTxFromDetails(txDetails)
+
+  // Show a label for the transaction if it's a queued transaction
+  const { safe } = useSafeInfo()
+  const nonce = isMultisigDetailedExecutionInfo(txDetails?.detailedExecutionInfo)
+    ? txDetails?.detailedExecutionInfo.nonce
+    : -1
+  const label = nonce === safe.nonce ? LabelValue.Next : nonce > safe.nonce ? LabelValue.Queued : undefined
+
+  return (
+    <TxListGrid>
+      {label ? <GroupLabel item={{ label } as Label} /> : null}
+
+      <ExpandableTransactionItem item={tx} txDetails={txDetails} />
+    </TxListGrid>
+  )
+}
+
+const SingleTx = () => {
+  const router = useRouter()
+  const { id } = router.query
+  const transactionId = Array.isArray(id) ? id[0] : id
+  const { safe, safeAddress } = useSafeInfo()
+
+  let {
+    data: txDetails,
+    error: txDetailsError,
+    refetch,
+    isUninitialized,
+  } = useGetTransactionDetailsQuery(
+    transactionId && safe.chainId
+      ? {
+          chainId: safe.chainId,
+          txId: transactionId,
+        }
+      : skipToken,
+  )
+
+  useEffect(() => {
+    !isUninitialized && refetch()
+  }, [safe.txHistoryTag, safe.txQueuedTag, safeAddress, refetch, isUninitialized])
+
+  if (txDetails && !sameAddress(txDetails.safeAddress, safeAddress)) {
+    txDetailsError = new Error('Transaction with this id was not found in this Safe Account')
+  }
+
+  if (txDetailsError) {
+    return <ErrorMessage error={asError(txDetailsError)}>Failed to load transaction</ErrorMessage>
+  }
+
+  if (txDetails) {
+    return <SingleTxGrid txDetails={txDetails} />
+  }
+
+  // Loading skeleton
+  return <TransactionSkeleton />
+}
+
+export default SingleTx
diff --git a/src/components/transactions/TrustedToggle/TrustedToggleButton.tsx b/apps/web/src/components/transactions/TrustedToggle/TrustedToggleButton.tsx
similarity index 96%
rename from src/components/transactions/TrustedToggle/TrustedToggleButton.tsx
rename to apps/web/src/components/transactions/TrustedToggle/TrustedToggleButton.tsx
index c5bc393a8..918d64d91 100644
--- a/src/components/transactions/TrustedToggle/TrustedToggleButton.tsx
+++ b/apps/web/src/components/transactions/TrustedToggle/TrustedToggleButton.tsx
@@ -10,7 +10,7 @@ const _TrustedToggleButton = ({
 }: {
   onlyTrusted: boolean
   setOnlyTrusted: (on: boolean) => void
-  hasDefaultTokenlist: boolean
+  hasDefaultTokenlist?: boolean
 }): ReactElement | null => {
   const onClick = () => {
     setOnlyTrusted(!onlyTrusted)
diff --git a/apps/web/src/components/transactions/TrustedToggle/index.tsx b/apps/web/src/components/transactions/TrustedToggle/index.tsx
new file mode 100644
index 000000000..d25bf86b6
--- /dev/null
+++ b/apps/web/src/components/transactions/TrustedToggle/index.tsx
@@ -0,0 +1,30 @@
+import { useHasFeature } from '@/hooks/useChains'
+import { useAppDispatch, useAppSelector } from '@/store'
+import { selectSettings, hideSuspiciousTransactions } from '@/store/settingsSlice'
+import madProps from '@/utils/mad-props'
+import _TrustedToggleButton from './TrustedToggleButton'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const useOnlyTrusted = () => {
+  const userSettings = useAppSelector(selectSettings)
+  return userSettings.hideSuspiciousTransactions || false
+}
+
+const useHasDefaultTokenList = () => {
+  return useHasFeature(FEATURES.DEFAULT_TOKENLIST)
+}
+
+const useSetOnlyTrusted = () => {
+  const dispatch = useAppDispatch()
+  return (isOn: boolean) => {
+    dispatch(hideSuspiciousTransactions(isOn))
+  }
+}
+
+const TrustedToggle = madProps(_TrustedToggleButton, {
+  onlyTrusted: useOnlyTrusted,
+  setOnlyTrusted: useSetOnlyTrusted,
+  hasDefaultTokenlist: useHasDefaultTokenList,
+})
+
+export default TrustedToggle
diff --git a/src/components/transactions/TxConfirmations/index.tsx b/apps/web/src/components/transactions/TxConfirmations/index.tsx
similarity index 100%
rename from src/components/transactions/TxConfirmations/index.tsx
rename to apps/web/src/components/transactions/TxConfirmations/index.tsx
diff --git a/apps/web/src/components/transactions/TxDateLabel/index.tsx b/apps/web/src/components/transactions/TxDateLabel/index.tsx
new file mode 100644
index 000000000..e81fbad3f
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDateLabel/index.tsx
@@ -0,0 +1,17 @@
+import type { DateLabel as SafeMessageDateLabel } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import type { DateLabel } from '@safe-global/safe-gateway-typescript-sdk'
+import type { ReactElement } from 'react'
+
+import { formatWithSchema } from '@safe-global/utils/utils/date'
+
+import css from './styles.module.css'
+
+const TxDateLabel = ({ item }: { item: DateLabel | SafeMessageDateLabel }): ReactElement => {
+  return (
+    <div className={css.container}>
+      <span>{formatWithSchema(item.timestamp, 'MMM d, yyyy')}</span>
+    </div>
+  )
+}
+
+export default TxDateLabel
diff --git a/src/components/transactions/TxDateLabel/styles.module.css b/apps/web/src/components/transactions/TxDateLabel/styles.module.css
similarity index 100%
rename from src/components/transactions/TxDateLabel/styles.module.css
rename to apps/web/src/components/transactions/TxDateLabel/styles.module.css
diff --git a/src/components/transactions/TxDetails/SafeTxGasForm.tsx b/apps/web/src/components/transactions/TxDetails/SafeTxGasForm.tsx
similarity index 77%
rename from src/components/transactions/TxDetails/SafeTxGasForm.tsx
rename to apps/web/src/components/transactions/TxDetails/SafeTxGasForm.tsx
index 67b4e7854..3b30d54e9 100644
--- a/src/components/transactions/TxDetails/SafeTxGasForm.tsx
+++ b/apps/web/src/components/transactions/TxDetails/SafeTxGasForm.tsx
@@ -4,7 +4,8 @@ import { useForm } from 'react-hook-form'
 import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
 import NumberField from '@/components/common/NumberField'
 import useSafeInfo from '@/hooks/useSafeInfo'
-import { isLegacyVersion } from '@/hooks/coreSDK/safeCoreSDK'
+
+import { isLegacyVersion } from '@safe-global/utils/services/contracts/utils'
 
 type FormFields = {
   safeTxGas: string
@@ -55,22 +56,33 @@ const Form = ({ onSubmit }: { onSubmit: () => void }) => {
 }
 
 const SafeTxGasForm = () => {
-  const { safeTx, safeTxGas = 0 } = useContext(SafeTxContext)
+  const { safeTx, safeTxGas = 0, isReadOnly } = useContext(SafeTxContext)
   const { safe } = useSafeInfo()
   const isOldSafe = safe.version && isLegacyVersion(safe.version)
-  const isEditable = safeTx?.signatures.size === 0 && (Number(safeTxGas) > 0 || isOldSafe)
+  const isEditable = !isReadOnly && safeTx?.signatures.size === 0 && (Number(safeTxGas) > 0 || isOldSafe)
   const [editing, setEditing] = useState(false)
 
   return (
-    <Box display="flex" alignItems="center" gap={1} position="relative">
+    <Box
+      sx={{
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1,
+        position: 'relative',
+      }}
+    >
       {safeTxGas}
-
       {isEditable && (
-        <Link component="button" onClick={() => setEditing(true)} fontSize="small">
+        <Link
+          component="button"
+          onClick={() => setEditing(true)}
+          sx={{
+            fontSize: 'small',
+          }}
+        >
           Edit
         </Link>
       )}
-
       {editing && <Form onSubmit={() => setEditing(false)} />}
     </Box>
   )
diff --git a/apps/web/src/components/transactions/TxDetails/Summary/DecoderLinks.tsx b/apps/web/src/components/transactions/TxDetails/Summary/DecoderLinks.tsx
new file mode 100644
index 000000000..f6c55507c
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/Summary/DecoderLinks.tsx
@@ -0,0 +1,13 @@
+import ExternalLink from '@/components/common/ExternalLink'
+import { Typography } from '@mui/material'
+
+const TX_DECODER_URL = 'https://transaction-decoder.pages.dev'
+
+const DecoderLinks = () => (
+  <Typography variant="body2" color="primary.light" mb={3}>
+    Cross-verify your transaction data with external tool like{' '}
+    <ExternalLink href={TX_DECODER_URL}>Transaction Decoder</ExternalLink>.
+  </Typography>
+)
+
+export default DecoderLinks
diff --git a/apps/web/src/components/transactions/TxDetails/Summary/SafeTxHashDataRow/index.tsx b/apps/web/src/components/transactions/TxDetails/Summary/SafeTxHashDataRow/index.tsx
new file mode 100644
index 000000000..46803da46
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/Summary/SafeTxHashDataRow/index.tsx
@@ -0,0 +1,89 @@
+import { useMemo } from 'react'
+import { Stack } from '@mui/material'
+import { TxDataRow, generateDataRowValue } from '../TxDataRow'
+import { type SafeTransactionData, type SafeVersion } from '@safe-global/types-kit'
+import { calculateSafeTransactionHash } from '@safe-global/protocol-kit/dist/src/utils'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { getDomainHash, getSafeTxMessageHash } from '@/utils/safe-hashes'
+
+export const SafeTxHashDataRow = ({
+  safeTxData,
+  safeTxHash,
+}: {
+  safeTxData: SafeTransactionData
+  safeTxHash?: string
+}) => {
+  const domainHash = useDomainHash()
+  const messageHash = useMessageHash({ safeTxData })
+  const computedSafeTxHash = useSafeTxHash({ safeTxData, safeTxHash })
+
+  return (
+    <Stack gap={1}>
+      <TxDataRow datatestid="tx-domain-hash" title="Domain hash:">
+        {generateDataRowValue(domainHash ?? '', 'rawData')}
+      </TxDataRow>
+      {messageHash && (
+        <TxDataRow datatestid="tx-message-hash" title="Message hash:">
+          {generateDataRowValue(messageHash, 'rawData')}
+        </TxDataRow>
+      )}
+      <TxDataRow datatestid="tx-safe-hash" title="safeTxHash:">
+        {generateDataRowValue(computedSafeTxHash ?? '', 'rawData')}
+      </TxDataRow>
+    </Stack>
+  )
+}
+
+export function useDomainHash(): string | null {
+  const { safe, safeAddress } = useSafeInfo()
+
+  return useMemo(() => {
+    if (!safe.version) {
+      return null
+    }
+    try {
+      return getDomainHash({ chainId: safe.chainId, safeAddress, safeVersion: safe.version as SafeVersion })
+    } catch {
+      return null
+    }
+  }, [safe.chainId, safe.version, safeAddress])
+}
+
+export function useMessageHash({ safeTxData }: { safeTxData: SafeTransactionData }): string | null {
+  const { safe } = useSafeInfo()
+
+  return useMemo(() => {
+    if (!safe.version) {
+      return null
+    }
+    try {
+      return getSafeTxMessageHash({ safeVersion: safe.version as SafeVersion, safeTxData })
+    } catch {
+      return null
+    }
+  }, [safe.version, safeTxData])
+}
+
+export function useSafeTxHash({
+  safeTxData,
+  safeTxHash,
+}: {
+  safeTxData: SafeTransactionData
+  safeTxHash?: string
+}): string | null {
+  const { safe, safeAddress } = useSafeInfo()
+
+  return useMemo(() => {
+    if (safeTxHash) {
+      return safeTxHash
+    }
+    if (!safe.version) {
+      return null
+    }
+    try {
+      return calculateSafeTransactionHash(safeAddress, safeTxData, safe.version, BigInt(safe.chainId))
+    } catch {
+      return null
+    }
+  }, [safeTxData, safe.chainId, safe.version, safeAddress, safeTxHash])
+}
diff --git a/apps/web/src/components/transactions/TxDetails/Summary/TxDataRow/index.tsx b/apps/web/src/components/transactions/TxDetails/Summary/TxDataRow/index.tsx
new file mode 100644
index 000000000..18dea5648
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/Summary/TxDataRow/index.tsx
@@ -0,0 +1,52 @@
+import type { ReactElement } from 'react'
+import type { AddressEx } from '@safe-global/safe-gateway-typescript-sdk'
+import { HexEncodedData } from '@/components/transactions/HexEncodedData'
+import { Typography } from '@mui/material'
+import { DataRow } from '@/components/common/Table/DataRow'
+import NamedAddressInfo from '@/components/common/NamedAddressInfo'
+
+export const TxDataRow = DataRow
+
+export const generateDataRowValue = (
+  value?: string,
+  type?: 'hash' | 'rawData' | 'address' | 'bytes',
+  hasExplorer?: boolean,
+  addressInfo?: AddressEx,
+): ReactElement | null => {
+  if (value == undefined) return null
+
+  switch (type) {
+    case 'hash':
+    case 'address':
+      const customAvatar = addressInfo?.logoUri
+
+      return (
+        <Typography variant="body2" component="span">
+          <NamedAddressInfo
+            address={value}
+            name={addressInfo?.name}
+            customAvatar={customAvatar}
+            showAvatar={type === 'address'}
+            avatarSize={20}
+            showPrefix={false}
+            shortAddress={type !== 'address'}
+            hasExplorer={hasExplorer}
+            highlight4bytes
+          />
+        </Typography>
+      )
+    case 'rawData':
+    case 'bytes':
+      return (
+        <Typography variant="body2" component="span">
+          <HexEncodedData highlightFirstBytes={false} limit={66} hexData={value} />
+        </Typography>
+      )
+    default:
+      return (
+        <Typography variant="body2" sx={{ wordBreak: 'break-all' }} component="span">
+          {value}
+        </Typography>
+      )
+  }
+}
diff --git a/apps/web/src/components/transactions/TxDetails/Summary/index.test.tsx b/apps/web/src/components/transactions/TxDetails/Summary/index.test.tsx
new file mode 100644
index 000000000..97634af8a
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/Summary/index.test.tsx
@@ -0,0 +1,311 @@
+import { fireEvent, render, within } from '@/tests/test-utils'
+import { type SafeTransaction } from '@safe-global/types-kit'
+import DecodedTx from '.'
+import { waitFor } from '@testing-library/react'
+import { createMockTransactionDetails } from '@/tests/transactions'
+import {
+  DetailedExecutionInfoType,
+  SettingsInfoType,
+  TransactionInfoType,
+  TransactionTokenType,
+  TransferDirection,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import type { DecodedDataResponse, TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+
+jest.mock('@next/third-parties/google')
+
+const txDetails = createMockTransactionDetails({
+  txInfo: {
+    type: TransactionInfoType.SETTINGS_CHANGE,
+    humanDescription: 'Add new owner 0xd8dA...6045 with threshold 1',
+    dataDecoded: {
+      method: 'addOwnerWithThreshold',
+      parameters: [
+        {
+          name: 'owner',
+          type: 'address',
+          value: '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045',
+        },
+        {
+          name: '_threshold',
+          type: 'uint256',
+          value: '1',
+        },
+      ],
+    },
+    settingsInfo: {
+      type: SettingsInfoType.ADD_OWNER,
+      owner: {
+        value: '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045',
+        name: 'Nevinha',
+        logoUri: 'http://something.com',
+      },
+      threshold: 1,
+    },
+  },
+  txData: {
+    hexData:
+      '0x0d582f13000000000000000000000000d8da6bf26964af9d7eed9e03e53415d37aa960450000000000000000000000000000000000000000000000000000000000000001',
+    dataDecoded: {
+      method: 'addOwnerWithThreshold',
+      parameters: [
+        {
+          name: 'owner',
+          type: 'address',
+          value: '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045',
+        },
+        {
+          name: '_threshold',
+          type: 'uint256',
+          value: '1',
+        },
+      ],
+    },
+    to: {
+      value: '0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67',
+      name: '',
+    },
+    value: '0',
+    operation: 0,
+    trustedDelegateCallTarget: false,
+    addressInfoIndex: {
+      '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045': {
+        value: '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045',
+        name: 'MetaMultiSigWallet',
+      },
+    },
+  },
+  detailedExecutionInfo: {
+    type: DetailedExecutionInfoType.MULTISIG,
+    submittedAt: 1726064794013,
+    nonce: 4,
+    safeTxGas: '0',
+    baseGas: '0',
+    gasPrice: '0',
+    gasToken: '0x0000000000000000000000000000000000000000',
+    refundReceiver: {
+      value: '0x0000000000000000000000000000000000000000',
+      name: 'MetaMultiSigWallet',
+    },
+    safeTxHash: '0x96a96c11b8d013ff5d7a6ce960b22e961046cfa42eff422ac71c1daf6adef2e0',
+    signers: [
+      {
+        value: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+        name: '',
+      },
+    ],
+    confirmationsRequired: 1,
+    confirmations: [],
+    rejectors: [],
+    trusted: false,
+    proposer: {
+      value: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+      name: '',
+    },
+    proposedByDelegate: {
+      value: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+      name: '',
+    },
+  },
+})
+describe('DecodedTx', () => {
+  it('should render a native transfer', async () => {
+    const result = render(
+      <DecodedTx
+        safeTxData={
+          {
+            to: '0x474e5Ded6b5D078163BFB8F6dBa355C3aA5478C8',
+            value: '40737664983361196',
+            data: '0x',
+            operation: 0,
+            baseGas: '0',
+            gasPrice: '0',
+            gasToken: '0x0000000000000000000000000000000000000000',
+            refundReceiver: '0x0000000000000000000000000000000000000000',
+            nonce: 36,
+            safeTxGas: '0',
+          } as SafeTransaction['data']
+        }
+        txInfo={{
+          type: TransactionInfoType.TRANSFER,
+          sender: {
+            value: '0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6',
+          },
+          recipient: {
+            value: '0x474e5Ded6b5D078163BFB8F6dBa355C3aA5478C8',
+          },
+          direction: TransferDirection.OUTGOING,
+          transferInfo: {
+            type: TransactionTokenType.NATIVE_COIN,
+            value: '40737664983361196',
+          },
+        }}
+        txData={{
+          hexData: '0x',
+          dataDecoded: undefined,
+          to: {
+            value: '0x474e5Ded6b5D078163BFB8F6dBa355C3aA5478C8',
+          },
+          value: '40737664983361196',
+          operation: 0,
+          trustedDelegateCallTarget: true,
+          addressInfoIndex: undefined,
+        }}
+      />,
+    )
+
+    await waitFor(() => {
+      expect(result.queryByText('native transfer')).toBeInTheDocument()
+    })
+
+    fireEvent.click(result.getByText('Transaction details'))
+
+    await waitFor(() => {
+      const dataField = result.queryAllByText('Data').pop()
+      const valueField = result.queryAllByText('Value').pop()
+
+      expect(dataField).toBeInTheDocument()
+      if (dataField) {
+        const value = within(dataField.parentElement!.parentElement!).queryByText('0x')
+        expect(value).toBeInTheDocument()
+      }
+
+      expect(valueField).toBeInTheDocument()
+      if (valueField) {
+        const value = within(valueField.parentElement!.parentElement!).queryByText('40737664983361196')
+        expect(value).toBeInTheDocument()
+      }
+      expect(result.queryAllByText('SafeTxGas').pop()).toBeInTheDocument()
+    })
+  })
+
+  it('should render a transfer with custom data details', async () => {
+    const result = render(
+      <DecodedTx
+        safeTxData={
+          {
+            to: '0x3430d04E42a722c5Ae52C5Bffbf1F230C2677600',
+            value: '1000000',
+            data: '0x000001ad6abfb9ea000000000000000000000000000000000000000000000000000000000000019d0000000000000000000000000000000000000000000000000000000000000060000000000000000000000000000000000000000000000000000000000000098000000000000000000000000000000000000000000000000000000000000008e4ee8f0b86000000000000000000000000eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb48000000000000000000000000000000000000000000000000016345785d8a000000000000000000000000000000000000000000000000000000000000000000cd00000000000000000000000000000000000000000000000000000000000000a00000000000000000000000000000000000000000000000000000000000000808415565b0000000000000000000000000eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb48000000000000000000000000000000000000000000000000016345785d8a0000000000000000000000000000000000000000000000000000000000000f1bd50a00000000000000000000000000000000000000000000000000000000000000a000000000000000000000000000000000000000000000000000000000000000040000000000000000000000000000000000000000000000000000000000000080000000000000000000000000000000000000000000000000000000000000012000000000000000000000000000000000000000000000000000000000000004c000000000000000000000000000000000000000000000000000000000000005c0000000000000000000000000000000000000000000000000000000000000000600000000000000000000000000000000000000000000000000000000000000400000000000000000000000000000000000000000000000000000000000000040000000000000000000000000eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee000000000000000000000000000000000000000000000000016345785d8a000000000000000000000000000000000000000000000000000000000000000000210000000000000000000000000000000000000000000000000000000000000040000000000000000000000000000000000000000000000000000000000000034000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000c02aaa39b223fe8d0a0e5c4f27ead9083c756cc2000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb4800000000000000000000000000000000000000000000000000000000000001400000000000000000000000000000000000000000000000000000000000000300000000000000000000000000000000000000000000000000000000000000030000000000000000000000000000000000000000000000000000000000000002c0000000000000000000000000000000000000000000000000016345785d8a0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000003000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000002556e6973776170563200000000000000000000000000000000000000000000000000000000000000016345785d8a0000000000000000000000000000000000000000000000000000000000000f21a484000000000000000000000000000000000000000000000000000000000000008000000000000000000000000000000000000000000000000000000000000000a0000000000000000000000000f164fc0ec4e93095b804a4795bbe1e041497b92a00000000000000000000000000000000000000000000000000000000000000400000000000000000000000000000000000000000000000000000000000000002000000000000000000000000c02aaa39b223fe8d0a0e5c4f27ead9083c756cc2000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb48000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000001b000000000000000000000000000000000000000000000000000000000000004000000000000000000000000000000000000000000000000000000000000000a000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000001000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb48000000000000000000000000000000000000000000000000000000000005cf7a000000000000000000000000ad01c20d5886137e056775af56915de824c8fce5000000000000000000000000000000000000000000000000000000000000001c000000000000000000000000000000000000000000000000000000000000004000000000000000000000000000000000000000000000000000000000000000e00000000000000000000000000000000000000000000000000000000000000020000000000000000000000000000000000000000000000000000000000000004000000000000000000000000000000000000000000000000000000000000000a00000000000000000000000000000000000000000000000000000000000000002000000000000000000000000c02aaa39b223fe8d0a0e5c4f27ead9083c756cc2000000000000000000000000eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee0000000000000000000000000000000000000000000000000000000000000000869584cd00000000000000000000000010000000000000000000000000000000000000110000000000000000000000000000000000000000ff8513c6b54542145a1b4cf70000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000c00000000000000000000000000b2c639c533813f4aa9d7837caf62653d097ff850000000000000000000000000000000000000000000000000000000000000120000000000000000000000000000000000000000000000000000000000000018000000000000000000000000000000000000000000000000000000000000072a600000000000000000000000000000000000000000000000000000000000000cd00000000000000000000000000000000000000000000000000000000000000020000000000000000000000007e8485cf11c370519793d1c2d0a77bd139fdac38000000000000000000000000fea53c695fdf95cfb34514d916ac236e620201bd0000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000f2ed992000000000000000000000000000000000000000000000000000000000000000a00000000000000000000000000000000000000000000000000000000000000020000000000000000000000000000000000000000000000000000000066ed25970000000000000000000000000000000000000000000000000000000066ed799dd00dfeeddeadbeef765753be7f7a64d5509974b0d678e1e3149b02f4',
+            operation: 0,
+            baseGas: '0',
+            gasPrice: '0',
+            gasToken: '0x0000000000000000000000000000000000000000',
+            refundReceiver: '0x0000000000000000000000000000000000000000',
+            nonce: 58,
+            safeTxGas: '0',
+          } as SafeTransaction['data']
+        }
+        txInfo={txDetails.txInfo}
+        txData={
+          {
+            ...txDetails.txData,
+            dataDecoded: {
+              method: '',
+            } as DecodedDataResponse,
+          } as TransactionDetails['txData']
+        }
+      />,
+    )
+
+    await waitFor(() => {
+      expect(result.queryByText('Interacted with')).toBeInTheDocument()
+      expect(result.queryAllByText('Data').pop()).toBeInTheDocument()
+    })
+
+    fireEvent.click(result.getByText('Transaction details'))
+
+    await waitFor(() => {
+      expect(result.queryByText('SafeTxGas')).toBeInTheDocument()
+      expect(result.queryAllByText('Data').pop()).toBeInTheDocument()
+    })
+  })
+
+  it('should render an ERC20 transfer', async () => {
+    const result = render(
+      <DecodedTx
+        safeTxData={
+          {
+            to: '0x3430d04E42a722c5Ae52C5Bffbf1F230C2677600',
+            value: '0',
+            data: '0xa9059cbb000000000000000000000000474e5ded6b5d078163bfb8f6dba355c3aa5478c80000000000000000000000000000000000000000000000008ac7230489e80000',
+            operation: 0,
+            baseGas: '0',
+            gasPrice: '0',
+            gasToken: '0x0000000000000000000000000000000000000000',
+            refundReceiver: '0x0000000000000000000000000000000000000000',
+            nonce: 58,
+            safeTxGas: '0',
+          } as SafeTransaction['data']
+        }
+        txInfo={txDetails.txInfo}
+        txData={
+          {
+            ...txDetails.txData,
+            dataDecoded: {
+              method: 'transfer',
+              parameters: [
+                {
+                  name: 'to',
+                  type: 'address',
+                  value: '0x474e5Ded6b5D078163BFB8F6dBa355C3aA5478C8',
+                },
+                {
+                  name: 'value',
+                  type: 'uint256',
+                  value: '16745726664999765048',
+                },
+              ],
+            },
+          } as TransactionDetails['txData']
+        }
+      />,
+    )
+
+    fireEvent.click(result.getByText('Transaction details'))
+
+    await waitFor(() => {
+      expect(result.queryAllByText('transfer').pop()).toBeInTheDocument()
+      expect(result.queryByText('to')).toBeInTheDocument()
+      expect(result.queryAllByText('address').pop()).toBeInTheDocument()
+      expect(result.queryByText('value')).toBeInTheDocument()
+      expect(result.queryAllByText('uint256').pop()).toBeInTheDocument()
+      expect(result.queryByText('16745726664999765048')).toBeInTheDocument()
+    })
+  })
+
+  it('should render a function call without parameters', async () => {
+    const result = render(
+      <DecodedTx
+        safeTxData={
+          {
+            to: '0xe91d153e0b41518a2ce8dd3d7944fa863463a97d',
+            value: '5000000000000',
+            data: '0xd0e30db0',
+            operation: 0,
+            baseGas: '0',
+            gasPrice: '0',
+            gasToken: '0x0000000000000000000000000000000000000000',
+            refundReceiver: '0x0000000000000000000000000000000000000000',
+            nonce: 58,
+            safeTxGas: '0',
+          } as SafeTransaction['data']
+        }
+        txInfo={txDetails.txInfo}
+        txData={
+          {
+            ...txDetails.txData,
+            dataDecoded: {
+              method: 'deposit',
+              parameters: [],
+            },
+          } as TransactionDetails['txData']
+        }
+      />,
+    )
+
+    fireEvent.click(result.getByText('Transaction details'))
+
+    expect(result.queryAllByText('deposit').pop()).toBeInTheDocument()
+  })
+})
diff --git a/apps/web/src/components/transactions/TxDetails/Summary/index.tsx b/apps/web/src/components/transactions/TxDetails/Summary/index.tsx
new file mode 100644
index 000000000..7d32afae6
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/Summary/index.tsx
@@ -0,0 +1,119 @@
+import { memo, type ReactElement } from 'react'
+import { generateDataRowValue, TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
+import { isCustomTxInfo, isMultiSendTxInfo, isMultisigDetailedExecutionInfo } from '@/utils/transaction-guards'
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import type { SafeTransactionData } from '@safe-global/types-kit'
+import { dateString } from '@safe-global/utils/utils/formatters'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { Receipt } from '@/components/tx/ConfirmTxDetails/Receipt'
+import DecodedData from '../TxData/DecodedData'
+import ColorCodedTxAccordion from '@/components/tx/ColorCodedTxAccordion'
+import { Box, Divider, Stack, Typography } from '@mui/material'
+import DecoderLinks from './DecoderLinks'
+import isEqual from 'lodash/isEqual'
+import Multisend from '../TxData/DecodedData/Multisend'
+import { isMultiSendCalldata } from '@/utils/transaction-calldata'
+
+interface Props {
+  safeTxData?: SafeTransactionData
+  txData: TransactionDetails['txData']
+  txInfo?: TransactionDetails['txInfo']
+  txDetails?: TransactionDetails
+  showMultisend?: boolean
+  showDecodedData?: boolean
+}
+
+const Summary = ({
+  safeTxData,
+  txData,
+  txInfo,
+  txDetails,
+  showMultisend = true,
+  showDecodedData = true,
+}: Props): ReactElement => {
+  const { txHash, executedAt } = txDetails ?? {}
+  const customTxInfo = txInfo && isCustomTxInfo(txInfo) ? txInfo : undefined
+  const toInfo = customTxInfo?.to || txData?.addressInfoIndex?.[txData?.to.value] || txData?.to
+  const showDetails = Boolean(txInfo && txData)
+
+  let baseGas, gasPrice, gasToken, safeTxGas, refundReceiver, submittedAt, nonce
+  if (txDetails && isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)) {
+    ;({ baseGas, gasPrice, gasToken, safeTxGas, submittedAt, nonce } = txDetails.detailedExecutionInfo)
+    refundReceiver = txDetails.detailedExecutionInfo.refundReceiver?.value
+  }
+
+  safeTxData = safeTxData ?? {
+    to: txData?.to.value ?? ZERO_ADDRESS,
+    data: txData?.hexData ?? '0x',
+    value: txData?.value ?? BigInt(0).toString(),
+    operation: (txData?.operation as number) ?? 0,
+    baseGas: baseGas ?? BigInt(0).toString(),
+    gasPrice: gasPrice ?? BigInt(0).toString(),
+    gasToken: gasToken ?? ZERO_ADDRESS,
+    nonce: nonce ?? 0,
+    refundReceiver: refundReceiver ?? ZERO_ADDRESS,
+    safeTxGas: safeTxGas ?? BigInt(0).toString(),
+  }
+
+  const isMultisend = (txInfo !== undefined && isMultiSendTxInfo(txInfo)) || isMultiSendCalldata(safeTxData.data)
+  const transactionData = txData ?? txDetails?.txData
+
+  return (
+    <>
+      {showMultisend && isMultisend && (
+        <Multisend txData={transactionData} isExecuted={!!txDetails?.executedAt} compact />
+      )}
+
+      {txHash && (
+        <TxDataRow datatestid="tx-hash" title="Transaction hash">
+          {generateDataRowValue(txHash, 'hash', true)}{' '}
+        </TxDataRow>
+      )}
+
+      {submittedAt && (
+        <TxDataRow datatestid="tx-created-at" title="Created">
+          <Typography variant="body2" component="div">
+            {dateString(submittedAt)}
+          </Typography>
+        </TxDataRow>
+      )}
+
+      {executedAt && (
+        <TxDataRow datatestid="tx-executed-at" title="Executed">
+          <Typography variant="body2" component="div">
+            {dateString(executedAt)}
+          </Typography>
+        </TxDataRow>
+      )}
+
+      {showDetails && (
+        <Box mt={2}>
+          <ColorCodedTxAccordion txInfo={txInfo} txData={txData}>
+            <Stack gap={1} divider={<Divider sx={{ mx: -2, my: 1 }} />}>
+              {showDecodedData && <DecodedData txData={txData} toInfo={toInfo} />}
+
+              <Box>
+                <Typography variant="subtitle2" fontWeight={700} mb={2}>
+                  Advanced details
+                </Typography>
+
+                <DecoderLinks />
+
+                <Receipt
+                  safeTxData={safeTxData}
+                  txData={txData}
+                  txDetails={txDetails}
+                  txInfo={txInfo}
+                  withSignatures
+                  grid
+                />
+              </Box>
+            </Stack>
+          </ColorCodedTxAccordion>
+        </Box>
+      )}
+    </>
+  )
+}
+
+export default memo(Summary, isEqual)
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/MethodCall.tsx b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/MethodCall.tsx
new file mode 100644
index 000000000..6e0415de1
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/MethodCall.tsx
@@ -0,0 +1,56 @@
+import NamedAddressInfo from '@/components/common/NamedAddressInfo'
+import { Typography } from '@mui/material'
+
+const MethodCall = ({
+  method,
+  contractAddress,
+  contractName,
+  contractLogo,
+}: {
+  method: string
+  contractAddress: string
+  contractName?: string
+  contractLogo?: string
+}) => {
+  return (
+    <>
+      <Typography
+        fontWeight="bold"
+        display="flex"
+        flexWrap={['wrap', 'wrap', 'nowrap']}
+        alignItems="center"
+        gap=".5em"
+        component="div"
+      >
+        Call
+        <Typography
+          component="code"
+          variant="body2"
+          sx={{
+            backgroundColor: 'background.main',
+            px: 1,
+            py: 0.5,
+            borderRadius: 0.5,
+            fontFamily: 'monospace',
+            whiteSpace: 'nowrap',
+          }}
+        >
+          {method}
+        </Typography>{' '}
+        on
+        <NamedAddressInfo
+          address={contractAddress}
+          name={contractName}
+          customAvatar={contractLogo}
+          showAvatar
+          onlyName
+          hasExplorer
+          showCopyButton
+          avatarSize={24}
+        />
+      </Typography>
+    </>
+  )
+}
+
+export default MethodCall
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/MethodDetails/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/MethodDetails/index.tsx
new file mode 100644
index 000000000..dbe7433a8
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/MethodDetails/index.tsx
@@ -0,0 +1,60 @@
+import type { ReactElement } from 'react'
+import { generateDataRowValue, TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
+import { isAddress, isArrayParameter, isByte } from '@/utils/transaction-guards'
+import type { AddressEx, DataDecoded } from '@safe-global/safe-gateway-typescript-sdk'
+import { Box, Stack, Typography } from '@mui/material'
+import { Value } from '@/components/transactions/TxDetails/TxData/DecodedData/ValueArray'
+import { HexEncodedData } from '@/components/transactions/HexEncodedData'
+
+type MethodDetailsProps = {
+  data: DataDecoded
+  hexData?: string
+  addressInfoIndex?: {
+    [key: string]: AddressEx
+  }
+}
+
+export const MethodDetails = ({ data, addressInfoIndex, hexData }: MethodDetailsProps): ReactElement | null => {
+  const showHexData = data.method === 'fallback' && !data.parameters?.length && hexData
+  if (!data.parameters?.length) {
+    return (
+      <>
+        <Typography color="text.secondary" variant="body2">
+          No parameters
+        </Typography>
+        {showHexData && <HexEncodedData title="Data" hexData={hexData} />}
+      </>
+    )
+  }
+
+  return (
+    <Stack gap={0.75}>
+      {data.parameters?.map((param, index) => {
+        const isArrayValueParam = isArrayParameter(param.type) || Array.isArray(param.value)
+        const inlineType = isAddress(param.type) ? 'address' : isByte(param.type) ? 'bytes' : undefined
+        const addressEx = typeof param.value === 'string' ? addressInfoIndex?.[param.value] : undefined
+
+        const title = (
+          <Box mb={-0.75}>
+            <Typography variant="body2" component="span">
+              {param.name}
+            </Typography>{' '}
+            <Typography variant="body2" component="span" color="text.secondary">
+              {param.type}
+            </Typography>
+          </Box>
+        )
+
+        return (
+          <TxDataRow key={`${data.method}_param-${index}`} title={title}>
+            {isArrayValueParam ? (
+              <Value method={data.method} type={param.type} value={param.value as string} />
+            ) : (
+              generateDataRowValue(param.value as string, inlineType, true, addressEx)
+            )}
+          </TxDataRow>
+        )
+      })}
+    </Stack>
+  )
+}
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/Multisend/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/Multisend/index.tsx
new file mode 100644
index 000000000..1f8c27222
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/Multisend/index.tsx
@@ -0,0 +1,100 @@
+import { Operation } from '@safe-global/safe-gateway-typescript-sdk'
+import type { TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import { useState, useEffect } from 'react'
+import type { Dispatch, ReactElement, SetStateAction } from 'react'
+import type { AccordionProps } from '@mui/material/Accordion/Accordion'
+import SingleTxDecoded from '@/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded'
+import { Button, Divider, Stack } from '@mui/material'
+import css from './styles.module.css'
+import classnames from 'classnames'
+
+type MultisendProps = {
+  txData?: TransactionData
+  compact?: boolean
+  isExecuted?: boolean
+}
+
+export const MultisendActionsHeader = ({
+  setOpen,
+  amount,
+  compact = false,
+  title = 'All actions',
+}: {
+  setOpen: Dispatch<SetStateAction<Record<number, boolean> | undefined>>
+  amount: number
+  compact?: boolean
+  title?: string
+}) => {
+  const onClickAll = (expanded: boolean) => () => {
+    setOpen(Array(amount).fill(expanded))
+  }
+
+  return (
+    <div data-testid="all-actions" className={classnames(css.actionsHeader, { [css.compactHeader]: compact })}>
+      {title}
+      <Stack direction="row" divider={<Divider className={css.divider} />}>
+        <Button data-testid="expande-all-btn" onClick={onClickAll(true)} variant="text">
+          Expand all
+        </Button>
+        <Button data-testid="collapse-all-btn" onClick={onClickAll(false)} variant="text">
+          Collapse all
+        </Button>
+      </Stack>
+    </div>
+  )
+}
+
+export const Multisend = ({ txData, compact = false, isExecuted = false }: MultisendProps): ReactElement | null => {
+  const [openMap, setOpenMap] = useState<Record<number, boolean>>()
+  const isOpenMapUndefined = openMap == null
+
+  // multiSend method receives one parameter `transactions`
+  const multiSendTransactions = txData?.dataDecoded?.parameters?.[0].valueDecoded
+
+  useEffect(() => {
+    // Initialise whether each transaction should be expanded or not
+    if (isOpenMapUndefined && multiSendTransactions) {
+      setOpenMap(multiSendTransactions.map(({ operation }) => operation === Operation.DELEGATE))
+    }
+  }, [multiSendTransactions, isOpenMapUndefined])
+
+  if (!multiSendTransactions) return null
+
+  return (
+    <>
+      <MultisendActionsHeader setOpen={setOpenMap} amount={multiSendTransactions.length} compact={compact} />
+
+      <div className={compact ? css.compact : ''}>
+        {multiSendTransactions.map(({ dataDecoded, data, value, to, operation }, index) => {
+          const onChange: AccordionProps['onChange'] = (_, expanded) => {
+            setOpenMap((prev) => ({
+              ...prev,
+              [index]: expanded,
+            }))
+          }
+
+          return (
+            <SingleTxDecoded
+              key={`${data ?? to}-${index}`}
+              tx={{
+                dataDecoded,
+                data,
+                value,
+                to,
+                operation,
+              }}
+              txData={txData}
+              actionTitle={`${index + 1}`}
+              variant={compact ? 'outlined' : 'elevation'}
+              expanded={openMap?.[index] ?? false}
+              onChange={onChange}
+              isExecuted={isExecuted}
+            />
+          )
+        })}
+      </div>
+    </>
+  )
+}
+
+export default Multisend
diff --git a/src/components/transactions/TxDetails/TxData/DecodedData/Multisend/styles.module.css b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/Multisend/styles.module.css
similarity index 100%
rename from src/components/transactions/TxDetails/TxData/DecodedData/Multisend/styles.module.css
rename to apps/web/src/components/transactions/TxDetails/TxData/DecodedData/Multisend/styles.module.css
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/index.test.tsx b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/index.test.tsx
new file mode 100644
index 000000000..ac350b891
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/index.test.tsx
@@ -0,0 +1,108 @@
+import { render } from '@/tests/test-utils'
+import SingleTxDecoded from '.'
+import { Operation } from '@safe-global/safe-gateway-typescript-sdk'
+import { faker } from '@faker-js/faker'
+import { parseUnits } from 'ethers'
+import { ERC20__factory } from '@safe-global/utils/types/contracts'
+
+describe('SingleTxDecoded', () => {
+  it('should show native transfers', () => {
+    const receiver = faker.finance.ethereumAddress()
+    const result = render(
+      <SingleTxDecoded
+        actionTitle="0"
+        tx={{
+          data: '0x',
+          operation: Operation.CALL,
+          to: receiver,
+          value: parseUnits('1').toString(),
+        }}
+        txData={{
+          to: { value: receiver },
+          operation: Operation.CALL,
+          trustedDelegateCallTarget: false,
+          addressInfoIndex: {},
+          value: parseUnits('1').toString(),
+        }}
+      />,
+    )
+
+    expect(result.getByText(`1 ETH`)).not.toBeNull()
+  })
+
+  it('should show unknown contract interactions', () => {
+    const unknownToken = faker.finance.ethereumAddress()
+    const spender = faker.finance.ethereumAddress()
+    const result = render(
+      <SingleTxDecoded
+        actionTitle="0"
+        tx={{
+          data: ERC20__factory.createInterface().encodeFunctionData('approve', [spender, '100000']),
+          operation: Operation.CALL,
+          to: unknownToken,
+        }}
+        txData={{
+          to: { value: unknownToken },
+          operation: Operation.CALL,
+          trustedDelegateCallTarget: false,
+          addressInfoIndex: {},
+        }}
+      />,
+    )
+
+    expect(result.queryByText('contract interaction')).not.toBeNull()
+  })
+
+  it('should show decoded data ', () => {
+    const unknownToken = faker.finance.ethereumAddress()
+    const spender = faker.finance.ethereumAddress()
+    const result = render(
+      <SingleTxDecoded
+        actionTitle="0"
+        tx={{
+          data: ERC20__factory.createInterface().encodeFunctionData('approve', [spender, '100000']),
+          operation: Operation.CALL,
+          to: unknownToken,
+          dataDecoded: {
+            method: 'approve',
+            parameters: [
+              {
+                name: 'spender',
+                type: 'address',
+                value: spender,
+              },
+              {
+                name: 'value',
+                type: 'uint256',
+                value: '100000',
+              },
+            ],
+          },
+        }}
+        txData={{
+          to: { value: unknownToken },
+          operation: Operation.CALL,
+          trustedDelegateCallTarget: false,
+          addressInfoIndex: {},
+          dataDecoded: {
+            method: 'approve',
+            parameters: [
+              {
+                name: 'spender',
+                type: 'address',
+                value: spender,
+              },
+              {
+                name: 'value',
+                type: 'uint256',
+                value: '100000',
+              },
+            ],
+          },
+        }}
+      />,
+    )
+
+    expect(result.queryAllByText('approve')).not.toHaveLength(0)
+  })
+})
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/index.tsx
new file mode 100644
index 000000000..c3c589f35
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/index.tsx
@@ -0,0 +1,91 @@
+import { isEmptyHexData } from '@/utils/hex'
+import { type InternalTransaction, type TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import type { AccordionProps } from '@mui/material/Accordion/Accordion'
+import { Accordion, AccordionDetails, AccordionSummary, Stack, Typography } from '@mui/material'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import css from './styles.module.css'
+import accordionCss from '@/styles/accordion.module.css'
+import CodeIcon from '@mui/icons-material/Code'
+import DecodedData from '@/components/transactions/TxDetails/TxData/DecodedData'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { getSafeToL2MigrationDeployment } from '@safe-global/safe-deployments'
+import { useCurrentChain } from '@/hooks/useChains'
+import { type TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { InlineTransferTxInfo } from '../../Transfer'
+import { useTransferTokenInfo } from './useTransferTokenInfo'
+
+type SingleTxDecodedProps = {
+  tx: InternalTransaction
+  txData: TransactionData
+  actionTitle: string
+  variant?: AccordionProps['variant']
+  expanded?: boolean
+  onChange?: AccordionProps['onChange']
+  isExecuted?: boolean
+}
+
+export const SingleTxDecoded = ({
+  tx,
+  txData,
+  actionTitle,
+  variant,
+  expanded,
+  onChange,
+  isExecuted = false,
+}: SingleTxDecodedProps) => {
+  const chain = useCurrentChain()
+  const isNativeTransfer = tx.value !== '0' && (!tx.data || isEmptyHexData(tx.data))
+  const method = tx.dataDecoded?.method || (isNativeTransfer ? 'native transfer' : 'contract interaction')
+
+  const addressInfo = txData.addressInfoIndex?.[tx.to]
+  const name = addressInfo?.name
+
+  const safeToL2MigrationDeployment = getSafeToL2MigrationDeployment()
+  const safeToL2MigrationAddress = chain && safeToL2MigrationDeployment?.networkAddresses[chain.chainId]
+  const tokenInfoIndex = (txData as TransactionDetails['txData'])?.tokenInfoIndex
+
+  const txDataHex = tx.data ?? '0x'
+
+  const transferTokenInfo = useTransferTokenInfo(txDataHex, tx.value, tx.to, tokenInfoIndex)
+
+  const singleTxData = {
+    to: { value: tx.to },
+    value: tx.value,
+    operation: tx.operation,
+    dataDecoded: tx.dataDecoded,
+    hexData: tx.data ?? undefined,
+    addressInfoIndex: txData.addressInfoIndex,
+    trustedDelegateCallTarget: sameAddress(tx.to, safeToL2MigrationAddress), // We only trusted a nested Migration
+  }
+
+  return (
+    <Accordion variant={variant} expanded={expanded} onChange={onChange}>
+      <AccordionSummary data-testid="action-item" expandIcon={<ExpandMoreIcon />} className={accordionCss.accordion}>
+        <div className={css.summary}>
+          <CodeIcon color="border" fontSize="small" />
+          <Typography>{actionTitle}</Typography>
+          {transferTokenInfo ? (
+            <InlineTransferTxInfo
+              value={transferTokenInfo.transferValue}
+              tokenInfo={transferTokenInfo.tokenInfo}
+              recipient={transferTokenInfo.recipient}
+            />
+          ) : (
+            <Typography ml="8px">
+              {name ? name + ': ' : ''}
+              <b>{method}</b>
+            </Typography>
+          )}
+        </div>
+      </AccordionSummary>
+
+      <AccordionDetails>
+        <Stack spacing={1}>
+          <DecodedData txData={singleTxData} toInfo={{ value: tx.to }} isTxExecuted={isExecuted} />
+        </Stack>
+      </AccordionDetails>
+    </Accordion>
+  )
+}
+
+export default SingleTxDecoded
diff --git a/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/styles.module.css b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/styles.module.css
similarity index 100%
rename from src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/styles.module.css
rename to apps/web/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/styles.module.css
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/useTransferTokenInfo.test.ts b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/useTransferTokenInfo.test.ts
new file mode 100644
index 000000000..230e9577c
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/useTransferTokenInfo.test.ts
@@ -0,0 +1,86 @@
+import { useTransferTokenInfo } from './useTransferTokenInfo'
+import { useNativeTokenInfo } from '@/hooks/useNativeTokenInfo'
+import { renderHook } from '@/tests/test-utils'
+import { faker } from '@faker-js/faker'
+import { ERC20__factory } from '@safe-global/utils/types/contracts'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+
+jest.mock('@/hooks/useNativeTokenInfo', () => ({
+  useNativeTokenInfo: jest.fn(),
+}))
+
+const ERC20_INTERFACE = ERC20__factory.createInterface()
+
+describe('useTransferTokenInfo', () => {
+  const mockNativeTokenInfo = {
+    type: 'NATIVE_TOKEN',
+    address: '0x0000000000000000000000000000000000000000',
+    name: 'Ether',
+    symbol: 'ETH',
+    decimals: 18,
+    logoUri: 'https://example.com/eth.png',
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    ;(useNativeTokenInfo as jest.Mock).mockReturnValue(mockNativeTokenInfo)
+  })
+
+  it('should return undefined for non-transfer transactions', () => {
+    const { result } = renderHook(() => useTransferTokenInfo('0x1234', '0', faker.finance.ethereumAddress(), {}))
+    expect(result.current).toBeUndefined()
+  })
+
+  it('should handle ERC20 token transfers', () => {
+    const tokenAddress = faker.finance.ethereumAddress()
+    const recipient = faker.finance.ethereumAddress()
+    const mockTokenInfo = {
+      type: 'ERC20',
+      address: tokenAddress,
+      name: 'Test Token',
+      symbol: 'TEST',
+      decimals: 18,
+      logoUri: 'https://example.com/token.png',
+    } as const
+
+    const { result } = renderHook(() =>
+      useTransferTokenInfo(
+        ERC20_INTERFACE.encodeFunctionData('transfer', [recipient, '1000000000000000000']),
+        '0',
+        tokenAddress,
+        { [tokenAddress]: mockTokenInfo },
+      ),
+    )
+
+    expect(result.current).toEqual({
+      recipient: checksumAddress(recipient),
+      transferValue: 1000000000000000000n,
+      tokenInfo: mockTokenInfo,
+    })
+  })
+
+  it('should handle native token transfers', () => {
+    const recipient = faker.finance.ethereumAddress()
+    const { result } = renderHook(() => useTransferTokenInfo('0x', '1000000000000000000', recipient, {}))
+
+    expect(result.current).toEqual({
+      recipient,
+      transferValue: '1000000000000000000',
+      tokenInfo: mockNativeTokenInfo,
+    })
+  })
+
+  it('should return undefined for invalid ERC20 transfers', () => {
+    const tokenAddress = faker.finance.ethereumAddress()
+    const { result } = renderHook(() => useTransferTokenInfo('0xa9059cbb', '0', tokenAddress, {}))
+
+    expect(result.current).toBeUndefined()
+  })
+
+  it('should return undefined for zero value native transfers', () => {
+    const recipient = faker.finance.ethereumAddress()
+    const { result } = renderHook(() => useTransferTokenInfo('0x', '0', recipient, {}))
+
+    expect(result.current).toBeUndefined()
+  })
+})
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/useTransferTokenInfo.ts b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/useTransferTokenInfo.ts
new file mode 100644
index 000000000..55997aa4c
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/useTransferTokenInfo.ts
@@ -0,0 +1,24 @@
+import {
+  type Erc20Token,
+  type NativeToken,
+  type TransactionDetails,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useNativeTokenInfo } from '@/hooks/useNativeTokenInfo'
+import { useTxTokenInfo } from '@safe-global/utils/hooks/useTxTokenInfo'
+
+export const useTransferTokenInfo = (
+  data: string | undefined,
+  value: string | undefined,
+  to: string,
+  tokenInfoIndex?: NonNullable<TransactionDetails['txData']>['tokenInfoIndex'],
+):
+  | {
+      recipient: string
+      transferValue: string
+      tokenInfo: Erc20Token | NativeToken
+    }
+  | undefined => {
+  const nativeTokenInfo = useNativeTokenInfo()
+
+  return useTxTokenInfo(data, value, to, nativeTokenInfo, tokenInfoIndex)
+}
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/ValueArray.test.tsx b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/ValueArray.test.tsx
new file mode 100644
index 000000000..432f60a0c
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/ValueArray.test.tsx
@@ -0,0 +1,15 @@
+import { Value } from '.'
+import { render, waitFor } from '@/tests/test-utils'
+
+describe('ValueArray', () => {
+  it('should render Snapshot Proposal', async () => {
+    const result = render(<Value type="string[]" value='[\n  "Yes",\n  "No"\n]' method="Proposal" />)
+
+    await waitFor(() => {
+      expect(result.queryByText('[', { exact: false })).toBeInTheDocument()
+      expect(result.queryByText('Yes', { exact: false })).toBeInTheDocument()
+      expect(result.queryByText('No', { exact: false })).toBeInTheDocument()
+      expect(result.queryByText(']', { exact: false })).toBeInTheDocument()
+    })
+  })
+})
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/index.tsx
new file mode 100644
index 000000000..9ddfd6772
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/index.tsx
@@ -0,0 +1,95 @@
+import { useMemo } from 'react'
+import type { ReactElement } from 'react'
+import { Typography } from '@mui/material'
+import { isAddress, isArrayParameter } from '@/utils/transaction-guards'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { HexEncodedData } from '@/components/transactions/HexEncodedData'
+import css from './styles.module.css'
+
+type ValueArrayProps = {
+  method: string
+  type: string
+  value: string | string[]
+  key?: string
+}
+
+// Sometime DApps return stringified arrays, e.g. "["hello","world"]"
+const parseValue = (value: ValueArrayProps['value']) => {
+  if (Array.isArray(value)) {
+    return value
+  }
+
+  try {
+    return JSON.parse(value)
+  } catch {
+    return value
+  }
+}
+
+export const Value = ({ type, value, ...props }: ValueArrayProps): ReactElement => {
+  const parsedValue = useMemo(() => {
+    return parseValue(value)
+  }, [value])
+
+  if (isArrayParameter(type) && isAddress(type) && Array.isArray(parsedValue)) {
+    return (
+      <Typography component="div" variant="body2">
+        [
+        {parsedValue.length > 0 && (
+          <div className={css.nestedWrapper}>
+            {parsedValue.map((address, index) => {
+              const key = `${props.key || props.method}-${index}`
+              if (Array.isArray(address)) {
+                const newProps = {
+                  type,
+                  ...props,
+                  value: address,
+                }
+                return <Value key={key} {...newProps} />
+              }
+              return (
+                <div key={`${address}_${key}`}>
+                  <EthHashInfo address={address} showAvatar={false} shortAddress={false} showCopyButton hasExplorer />
+                </div>
+              )
+            })}
+          </div>
+        )}
+        ]
+      </Typography>
+    )
+  }
+
+  return <GenericValue value={parsedValue} {...props} />
+}
+
+const getTextValue = (value: string, key?: string) => {
+  return <HexEncodedData highlightFirstBytes={false} limit={60} hexData={value} key={key} />
+}
+
+const getArrayValue = (parentId: string, value: string[], separator?: boolean) => (
+  <Typography component="div" variant="body2">
+    [
+    <div className={css.nestedWrapper}>
+      {value.map((currentValue, index, values) => {
+        const key = `${parentId}-value-${index}`
+        const hasSeparator = index < values.length - 1
+
+        return Array.isArray(currentValue) ? (
+          <div key={key}>{getArrayValue(key, currentValue, hasSeparator)}</div>
+        ) : (
+          getTextValue(currentValue, key)
+        )
+      })}
+    </div>
+    ]{separator ? ',' : null}
+  </Typography>
+)
+
+const GenericValue = ({ method, value }: Omit<ValueArrayProps, 'type'>): React.ReactElement => {
+  if (Array.isArray(value)) {
+    return getArrayValue(method, value)
+  }
+
+  return getTextValue(value)
+}
diff --git a/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/styles.module.css b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/styles.module.css
similarity index 100%
rename from src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/styles.module.css
rename to apps/web/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/styles.module.css
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/index.test.tsx b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/index.test.tsx
new file mode 100644
index 000000000..3875b50b5
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/index.test.tsx
@@ -0,0 +1,74 @@
+import DecodedData from '@/components/transactions/TxDetails/TxData/DecodedData/index'
+import { render } from '@/tests/test-utils'
+
+describe('DecodedData', () => {
+  it('returns null if txData and toInfo are missing', () => {
+    const { container } = render(<DecodedData txData={undefined} toInfo={undefined} />)
+
+    expect(container).toBeEmptyDOMElement()
+  })
+
+  it('shows an Interact with block if there is no txData but toInfo', () => {
+    const { getByText } = render(<DecodedData txData={undefined} toInfo={{ value: '0x123' }} />)
+
+    expect(getByText('Interact with')).toBeInTheDocument()
+  })
+
+  it('shows Hex encoded data if there are no parameters', () => {
+    const mockTxData = {
+      to: {
+        value: '0x874E2190e6B10f5173F00E27E6D5D9F90b7664C4',
+      },
+      value: '0',
+      operation: 0,
+      dataDecoded: {
+        method: 'fallback',
+        parameters: [],
+      },
+      hexData:
+        '0x895a74850000000000000000000000000000000000000000000004bb752b4d22ab390000000000000000000000000000000000000000000000000000000000000000000b00000000000000000000000000000001f76adba2311f154678f5e5605db5c9c2',
+      trustedDelegateCallTarget: false,
+    }
+
+    const { getByText } = render(<DecodedData txData={mockTxData} toInfo={{ value: '0x123' }} />)
+
+    expect(getByText('No parameters')).toBeInTheDocument()
+  })
+
+  it('does not show Hex encoded data if there is none', () => {
+    const mockTxData = {
+      to: {
+        value: '0x874E2190e6B10f5173F00E27E6D5D9F90b7664C4',
+      },
+      value: '0',
+      operation: 0,
+      dataDecoded: {
+        method: 'mint',
+        parameters: [],
+      },
+      hexData: '',
+      trustedDelegateCallTarget: false,
+    }
+
+    const { getByText } = render(<DecodedData txData={mockTxData} toInfo={{ value: '0x123' }} />)
+
+    expect(getByText('No parameters')).toBeInTheDocument()
+  })
+
+  it('only shows Hex encoded data if no decodedData exists', () => {
+    const mockTxData = {
+      to: {
+        value: '0x874E2190e6B10f5173F00E27E6D5D9F90b7664C4',
+      },
+      value: '0',
+      operation: 0,
+      hexData:
+        '0x895a74850000000000000000000000000000000000000000000004bb752b4d22ab390000000000000000000000000000000000000000000000000000000000000000000b00000000000000000000000000000001f76adba2311f154678f5e5605db5c9c2',
+      trustedDelegateCallTarget: false,
+    }
+
+    const { queryByText } = render(<DecodedData txData={mockTxData} toInfo={{ value: '0x123' }} />)
+
+    expect(queryByText('No parameters')).not.toBeInTheDocument()
+  })
+})
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/index.tsx
new file mode 100644
index 000000000..479c6396f
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/index.tsx
@@ -0,0 +1,71 @@
+import type { ReactElement } from 'react'
+import { Stack, Typography } from '@mui/material'
+import { type AddressEx, type TransactionDetails, Operation } from '@safe-global/safe-gateway-typescript-sdk'
+
+import { HexEncodedData } from '@/components/transactions/HexEncodedData'
+import { MethodDetails } from '@/components/transactions/TxDetails/TxData/DecodedData/MethodDetails'
+import SendAmountBlock from '@/components/tx-flow/flows/TokenTransfer/SendAmountBlock'
+import SendToBlock from '@/components/tx/SendToBlock'
+import MethodCall from './MethodCall'
+import { useNativeTokenInfo } from '@/hooks/useNativeTokenInfo'
+import { DelegateCallWarning, UntrustedFallbackHandlerWarning } from '@/components/transactions/Warning'
+import { useSetsUntrustedFallbackHandler } from '@/components/tx/confirmation-views/SettingsChange/UntrustedFallbackHandlerTxAlert'
+
+interface Props {
+  txData: TransactionDetails['txData']
+  toInfo?: AddressEx
+  isTxExecuted?: boolean
+}
+
+export const DecodedData = ({ txData, toInfo, isTxExecuted = false }: Props): ReactElement | null => {
+  const nativeTokenInfo = useNativeTokenInfo()
+  const setsUntrustedFallbackHandler = useSetsUntrustedFallbackHandler(txData)
+
+  // nothing to render
+  if (!txData) {
+    if (!toInfo) return null
+
+    return (
+      <SendToBlock
+        title="Interact with"
+        address={toInfo.value}
+        name={toInfo.name}
+        customAvatar={toInfo.logoUri}
+        avatarSize={26}
+      />
+    )
+  }
+
+  const amountInWei = txData.value ?? '0'
+  const isDelegateCall = txData.operation === Operation.DELEGATE
+  const toAddress = toInfo?.value || txData.to?.value
+  const method = txData.dataDecoded?.method || ''
+  const addressInfo = txData.addressInfoIndex?.[toAddress]
+  const name = addressInfo?.name || toInfo?.name || txData.to?.name
+  const avatar = addressInfo?.logoUri || toInfo?.logoUri || txData.to?.logoUri
+
+  return (
+    <Stack spacing={2}>
+      {setsUntrustedFallbackHandler && <UntrustedFallbackHandlerWarning isTxExecuted={isTxExecuted} />}
+      {isDelegateCall && <DelegateCallWarning showWarning={!txData.trustedDelegateCallTarget} />}
+
+      {method ? (
+        <MethodCall contractAddress={toAddress} contractName={name} contractLogo={avatar} method={method} />
+      ) : (
+        <SendToBlock address={toAddress} name={name} title="Interacted with" avatarSize={20} customAvatar={avatar} />
+      )}
+
+      {amountInWei !== '0' && <SendAmountBlock title="Value" amountInWei={amountInWei} tokenInfo={nativeTokenInfo} />}
+
+      {txData.dataDecoded ? (
+        <MethodDetails data={txData.dataDecoded} hexData={txData.hexData} addressInfoIndex={txData.addressInfoIndex} />
+      ) : txData.hexData ? (
+        <Typography data-testid="hexData" variant="body2" component="div">
+          <HexEncodedData title="Data" hexData={txData.hexData} />
+        </Typography>
+      ) : null}
+    </Stack>
+  )
+}
+
+export default DecodedData
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/MigrationToL2TxData/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/MigrationToL2TxData/index.tsx
new file mode 100644
index 000000000..7c7903a8f
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/MigrationToL2TxData/index.tsx
@@ -0,0 +1,89 @@
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { useCurrentChain } from '@/hooks/useChains'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { getMultiSendContractDeployment } from '@safe-global/utils/services/contracts/deployments'
+import { createTx } from '@/services/tx/tx-sender/create'
+import { Safe__factory } from '@safe-global/utils/types/contracts'
+import { type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import DecodedData from '../DecodedData'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import { useSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
+import { MigrateToL2Information } from '@/components/tx/confirmation-views/MigrateToL2Information'
+import { Box } from '@mui/material'
+import { isCustomTxInfo, isMultisigDetailedExecutionInfo } from '@/utils/transaction-guards'
+import useTxPreview from '@/components/tx/confirmation-views/useTxPreview'
+import Summary from '../../Summary'
+
+export const MigrationToL2TxData = ({
+  txDetails: { txData, txInfo, txHash, detailedExecutionInfo },
+}: {
+  txDetails: TransactionDetails
+}) => {
+  const readOnlyProvider = useWeb3ReadOnly()
+  const chain = useCurrentChain()
+  const { safe } = useSafeInfo()
+  const sdk = useSafeSDK()
+  // Reconstruct real tx
+  const [realSafeTx, realSafeTxError, realSafeTxLoading] = useAsync(async () => {
+    // Fetch tx receipt from backend
+    if (!txHash || !chain || !sdk) {
+      return undefined
+    }
+    const txResult = await readOnlyProvider?.getTransaction(txHash)
+    const txData = txResult?.data
+
+    // Search for a Safe Tx to MultiSend contract
+    const safeInterface = Safe__factory.createInterface()
+    const execTransactionSelector = safeInterface.getFunction('execTransaction').selector.slice(2, 10)
+    const multiSendDeployment = getMultiSendContractDeployment(chain, safe.version)
+    const multiSendAddress = multiSendDeployment?.networkAddresses[chain.chainId]
+    if (!multiSendAddress) {
+      return undefined
+    }
+    const searchString = execTransactionSelector
+    const indexOfTx = txData?.indexOf(searchString)
+    if (indexOfTx && txData) {
+      // Now we need to find the tx Data
+      const parsedTx = safeInterface.parseTransaction({ data: `0x${txData.slice(indexOfTx)}` })
+
+      const execTxArgs = parsedTx?.args
+      if (!execTxArgs || execTxArgs.length < 10) {
+        return undefined
+      }
+      return createTx(
+        {
+          to: execTxArgs[0],
+          value: execTxArgs[1].toString(),
+          data: execTxArgs[2],
+          operation: Number(execTxArgs[3]),
+          safeTxGas: execTxArgs[4].toString(),
+          baseGas: execTxArgs[5].toString(),
+          gasPrice: execTxArgs[6].toString(),
+          gasToken: execTxArgs[7].toString(),
+          refundReceiver: execTxArgs[8],
+        },
+        isMultisigDetailedExecutionInfo(detailedExecutionInfo) ? detailedExecutionInfo.nonce : undefined,
+      )
+    }
+  }, [txHash, detailedExecutionInfo, chain, sdk, readOnlyProvider, safe.version])
+
+  const decodedDataUnavailable = !realSafeTx && !realSafeTxLoading
+  const [txPreview, txPreviewError] = useTxPreview(realSafeTx?.data)
+
+  return (
+    <Box>
+      <MigrateToL2Information variant="history" txData={txData} />
+
+      {realSafeTxError ? (
+        <ErrorMessage>{realSafeTxError.message}</ErrorMessage>
+      ) : txPreviewError ? (
+        <ErrorMessage>{txPreviewError.message}</ErrorMessage>
+      ) : decodedDataUnavailable ? (
+        <DecodedData txData={txData} toInfo={txInfo && isCustomTxInfo(txInfo) ? txInfo.to : txData?.to} />
+      ) : (
+        txPreview && <Summary {...txPreview} safeTxData={realSafeTx?.data} />
+      )}
+    </Box>
+  )
+}
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/NestedTransaction/ExecTransaction/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/NestedTransaction/ExecTransaction/index.tsx
new file mode 100644
index 000000000..fcadec6c3
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/NestedTransaction/ExecTransaction/index.tsx
@@ -0,0 +1,118 @@
+import { Safe__factory } from '@safe-global/utils/types/contracts'
+import { Box, Skeleton, Stack } from '@mui/material'
+import { type TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+
+import Link from 'next/link'
+import { useCurrentChain } from '@/hooks/useChains'
+import { AppRoutes } from '@/config/routes'
+import { useMemo } from 'react'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import ExternalLink from '@/components/common/ExternalLink'
+import { NestedTransaction } from '../NestedTransaction'
+import useTxPreview from '@/components/tx/confirmation-views/useTxPreview'
+import TxData from '../..'
+import { TxSimulation, TxSimulationMessage } from '@/components/tx/security/tenderly'
+import useSafeAddress from '@/hooks/useSafeAddress'
+
+const safeInterface = Safe__factory.createInterface()
+
+const extractTransactionData = (data: string): SafeTransaction | undefined => {
+  const params = data ? safeInterface.decodeFunctionData('execTransaction', data) : undefined
+  if (!params || params.length !== 10) {
+    return
+  }
+
+  return {
+    addSignature: () => {},
+    encodedSignatures: () => params[9],
+    getSignature: () => undefined,
+    data: {
+      to: params[0],
+      value: params[1],
+      data: params[2],
+      operation: params[3],
+      safeTxGas: params[4],
+      baseGas: params[5],
+      gasPrice: params[6],
+      gasToken: params[7],
+      refundReceiver: params[8],
+      nonce: -1,
+    },
+    signatures: new Map(),
+  }
+}
+
+export const ExecTransaction = ({
+  data,
+  isConfirmationView = false,
+}: {
+  data?: TransactionData
+  isConfirmationView?: boolean
+}) => {
+  const chain = useCurrentChain()
+  const safeAddress = useSafeAddress()
+
+  const childSafeTx = useMemo<SafeTransaction | undefined>(
+    () => (data?.hexData ? extractTransactionData(data.hexData) : undefined),
+    [data?.hexData],
+  )
+
+  const [txPreview, error] = useTxPreview(
+    childSafeTx
+      ? {
+          operation: Number(childSafeTx.data.operation),
+          data: childSafeTx.data.data,
+          to: childSafeTx.data.to,
+          value: childSafeTx.data.value.toString(),
+        }
+      : undefined,
+    data?.to.value,
+  )
+
+  const decodedNestedTxDataBlock = txPreview ? (
+    <TxData txData={txPreview.txData} txInfo={txPreview.txInfo} trusted imitation={false} />
+  ) : null
+
+  return (
+    <NestedTransaction txData={data} isConfirmationView={isConfirmationView}>
+      {decodedNestedTxDataBlock ? (
+        <>
+          {decodedNestedTxDataBlock}
+
+          {isConfirmationView && childSafeTx && data?.to.value && (
+            <Stack spacing={2}>
+              <TxSimulation
+                disabled={false}
+                transactions={childSafeTx}
+                title="Simulate nested transaction"
+                executionOwner={safeAddress}
+                nestedSafe={data?.to.value}
+              />
+              <TxSimulationMessage isNested />
+            </Stack>
+          )}
+
+          {chain && data && (
+            <Box>
+              <Link
+                href={{
+                  pathname: AppRoutes.transactions.history,
+                  query: { safe: `${chain.shortName}:${data.to.value}` },
+                }}
+                passHref
+                legacyBehavior
+              >
+                <ExternalLink>Open Safe</ExternalLink>
+              </Link>
+            </Box>
+          )}
+        </>
+      ) : error ? (
+        <ErrorMessage>Could not load details on executed transaction.</ErrorMessage>
+      ) : (
+        <Skeleton />
+      )}
+    </NestedTransaction>
+  )
+}
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/NestedTransaction/NestedTransaction.tsx b/apps/web/src/components/transactions/TxDetails/TxData/NestedTransaction/NestedTransaction.tsx
new file mode 100644
index 000000000..3ce3de687
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/NestedTransaction/NestedTransaction.tsx
@@ -0,0 +1,84 @@
+import { Card, CardContent, CardHeader, cardHeaderClasses, Stack, SvgIcon, Typography } from '@mui/material'
+import { type TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+
+import { Divider } from '@/components/tx/ColorCodedTxAccordion'
+
+import NestedTransactionIcon from '@/public/images/transactions/nestedTx.svg'
+import { type ReactElement } from 'react'
+import MethodCall from '../DecodedData/MethodCall'
+import { MethodDetails } from '../DecodedData/MethodDetails'
+import ExternalLink from '@/components/common/ExternalLink'
+import Track from '@/components/common/Track'
+import Link from 'next/link'
+import { MODALS_EVENTS } from '@/services/analytics'
+import { AppRoutes } from '@/config/routes'
+import { useSignedHash } from './useSignedHash'
+import { useCurrentChain } from '@/hooks/useChains'
+
+export const NestedTransaction = ({
+  txData,
+  children,
+  isConfirmationView = false,
+}: {
+  txData: TransactionData | undefined
+  children: ReactElement
+  isConfirmationView?: boolean
+}) => {
+  const chain = useCurrentChain()
+  const signedHash = useSignedHash(txData)
+  return (
+    <Stack spacing={2}>
+      {!isConfirmationView && txData?.dataDecoded && (
+        <>
+          <MethodCall contractAddress={txData.to.value} method={txData.dataDecoded.method} />
+          <MethodDetails data={txData.dataDecoded} addressInfoIndex={txData.addressInfoIndex} />
+          <Divider />
+        </>
+      )}
+
+      <Card variant="outlined" sx={{ backgroundColor: 'background.main' }}>
+        <CardHeader
+          sx={{
+            borderBottom: '1px solid',
+            borderColor: 'border.light',
+            [`& .${cardHeaderClasses.action}`]: {
+              marginTop: 0,
+              marginBottom: 0,
+              marginRight: 0,
+            },
+          }}
+          avatar={<SvgIcon component={NestedTransactionIcon} inheritViewBox fontSize="small" />}
+          action={
+            chain &&
+            txData &&
+            signedHash && (
+              <Track {...MODALS_EVENTS.OPEN_NESTED_TX}>
+                <Link
+                  href={{
+                    pathname: AppRoutes.transactions.tx,
+                    query: {
+                      safe: `${chain?.shortName}:${txData.to.value}`,
+                      id: signedHash,
+                    },
+                  }}
+                  passHref
+                  legacyBehavior
+                >
+                  <ExternalLink color="text.secondary">
+                    <Typography variant="body2" fontWeight={700}>
+                      Open
+                    </Typography>
+                  </ExternalLink>
+                </Link>
+              </Track>
+            )
+          }
+          title={<Typography variant="h5">Nested transaction</Typography>}
+        />
+        <CardContent>
+          <Stack spacing={4}>{children}</Stack>
+        </CardContent>
+      </Card>
+    </Stack>
+  )
+}
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/NestedTransaction/OnChainConfirmation/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/NestedTransaction/OnChainConfirmation/index.tsx
new file mode 100644
index 000000000..783f2dc8a
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/NestedTransaction/OnChainConfirmation/index.tsx
@@ -0,0 +1,82 @@
+import useChainId from '@/hooks/useChainId'
+import { Skeleton, Stack } from '@mui/material'
+import { type TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import { useGetTransactionDetailsQuery } from '@/store/api/gateway'
+import { useMemo } from 'react'
+import { skipToken } from '@reduxjs/toolkit/query'
+import { NestedTransaction } from '../NestedTransaction'
+import TxData from '../..'
+import { TxSimulation, TxSimulationMessage } from '@/components/tx/security/tenderly'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import extractTxInfo from '@/services/tx/extractTxInfo'
+import { useSignedHash } from '../useSignedHash'
+import useSafeAddress from '@/hooks/useSafeAddress'
+
+export const OnChainConfirmation = ({
+  data,
+  isConfirmationView = false,
+}: {
+  data?: TransactionData
+  isConfirmationView?: boolean
+}) => {
+  const chainId = useChainId()
+  const signedHash = useSignedHash(data)
+  const safeAddress = useSafeAddress()
+
+  const { data: nestedTxDetails, error: txDetailsError } = useGetTransactionDetailsQuery(
+    signedHash
+      ? {
+          chainId,
+          txId: signedHash,
+        }
+      : skipToken,
+  )
+
+  const nestedTx = useMemo<SafeTransaction | undefined>(
+    () =>
+      nestedTxDetails
+        ? {
+            addSignature: () => {},
+            encodedSignatures: () => '',
+            getSignature: () => undefined,
+            data: extractTxInfo(nestedTxDetails).txParams,
+            signatures: new Map(),
+          }
+        : undefined,
+    [nestedTxDetails],
+  )
+
+  return (
+    <NestedTransaction txData={data} isConfirmationView={isConfirmationView}>
+      {nestedTxDetails ? (
+        <>
+          <TxData
+            txData={nestedTxDetails.txData}
+            txInfo={nestedTxDetails.txInfo}
+            txDetails={nestedTxDetails}
+            trusted
+            imitation={false}
+          />
+
+          {isConfirmationView && (
+            <Stack spacing={2}>
+              <TxSimulation
+                disabled={false}
+                transactions={nestedTx}
+                title="Simulate nested transaction"
+                executionOwner={safeAddress}
+                nestedSafe={nestedTxDetails.safeAddress}
+              />
+              <TxSimulationMessage isNested />
+            </Stack>
+          )}
+        </>
+      ) : txDetailsError ? (
+        <ErrorMessage>Could not load details on hash to approve.</ErrorMessage>
+      ) : (
+        <Skeleton />
+      )}
+    </NestedTransaction>
+  )
+}
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/NestedTransaction/useSignedHash.tsx b/apps/web/src/components/transactions/TxDetails/TxData/NestedTransaction/useSignedHash.tsx
new file mode 100644
index 000000000..7deadd870
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/NestedTransaction/useSignedHash.tsx
@@ -0,0 +1,23 @@
+import { Safe__factory } from '@safe-global/utils/types/contracts'
+import { type TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import { useMemo } from 'react'
+import { isOnChainConfirmationTxData } from '@/utils/transaction-guards'
+
+const safeInterface = Safe__factory.createInterface()
+
+export const useSignedHash = (txData?: TransactionData) => {
+  const signedHash = useMemo(() => {
+    if (!isOnChainConfirmationTxData(txData)) {
+      return
+    }
+
+    const params = txData?.hexData ? safeInterface.decodeFunctionData('approveHash', txData?.hexData) : undefined
+    if (!params || params.length !== 1 || typeof params[0] !== 'string') {
+      return
+    }
+
+    return params[0]
+  }, [txData])
+
+  return signedHash
+}
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/Rejection/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/Rejection/index.tsx
new file mode 100644
index 000000000..937fac72f
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/Rejection/index.tsx
@@ -0,0 +1,42 @@
+import ExternalLink from '@/components/common/ExternalLink'
+import { NOT_AVAILABLE } from '@/components/transactions/TxDetails'
+import type { MultisigExecutionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { Box, Typography } from '@mui/material'
+import React from 'react'
+
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+interface Props {
+  nonce?: MultisigExecutionDetails['nonce']
+  isTxExecuted: boolean
+}
+
+const RejectionTxInfo = ({ nonce, isTxExecuted }: Props) => {
+  const txNonce = nonce ?? NOT_AVAILABLE
+  const message = `This is an on-chain rejection that ${isTxExecuted ? "didn't" : "won't"} send any funds. ${
+    isTxExecuted
+      ? `This on-chain rejection replaced all transactions with nonce ${txNonce}.`
+      : `Executing this on-chain rejection will replace all currently awaiting transactions with nonce ${txNonce}.`
+  }`
+
+  const title = 'Why do I need to pay to reject a transaction?'
+
+  return (
+    <>
+      <Typography data-testid="onchain-rejection" mr={2}>
+        {message}
+      </Typography>
+      {!isTxExecuted && (
+        <Box mt={2} sx={{ width: 'fit-content' }}>
+          <ExternalLink href={HelpCenterArticle.CANCELLING_TRANSACTIONS} title={title}>
+            <Box sx={{ display: 'flex', alignItems: 'center', gap: '6px' }}>
+              <Typography sx={{ textDecoration: 'underline' }}>{title}</Typography>
+            </Box>
+          </ExternalLink>
+        </Box>
+      )}
+    </>
+  )
+}
+
+export default RejectionTxInfo
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/SafeUpdate/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/SafeUpdate/index.tsx
new file mode 100644
index 000000000..8907df4b9
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/SafeUpdate/index.tsx
@@ -0,0 +1,25 @@
+import { Box, Stack } from '@mui/material'
+import type { TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import DecodedData from '../DecodedData'
+
+function SafeUpdate({ txData }: { txData?: TransactionData }) {
+  return (
+    <Stack mr={5} spacing={2}>
+      <Box
+        bgcolor="border.background"
+        p={2}
+        textAlign="center"
+        fontWeight={700}
+        fontSize={18}
+        borderRadius={1}
+        width="100%"
+      >
+        Safe version update
+      </Box>
+
+      <DecodedData txData={txData} toInfo={txData?.to} />
+    </Stack>
+  )
+}
+
+export default SafeUpdate
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/SettingsChange/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/SettingsChange/index.tsx
new file mode 100644
index 000000000..f18906a37
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/SettingsChange/index.tsx
@@ -0,0 +1,147 @@
+import type { ComponentProps, ReactElement } from 'react'
+import type { SettingsChange } from '@safe-global/safe-gateway-typescript-sdk'
+import { SettingsInfoType } from '@safe-global/safe-gateway-typescript-sdk'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { InfoDetails } from '@/components/transactions/InfoDetails'
+import { ThresholdWarning } from '@/components/transactions/Warning'
+import { UntrustedFallbackHandlerWarning } from '@/components/transactions/Warning'
+import { useHasUntrustedFallbackHandler } from '@/hooks/useHasUntrustedFallbackHandler'
+
+type SettingsChangeTxInfoProps = {
+  settingsInfo: SettingsChange['settingsInfo']
+  isTxExecuted?: boolean
+}
+
+const addressInfoProps: Pick<ComponentProps<typeof EthHashInfo>, 'shortAddress' | 'showCopyButton' | 'hasExplorer'> = {
+  shortAddress: false,
+  showCopyButton: true,
+  hasExplorer: true,
+}
+
+export const SettingsChangeTxInfo = ({
+  settingsInfo,
+  isTxExecuted = false,
+}: SettingsChangeTxInfoProps): ReactElement | null => {
+  const isUntrustedFallbackHandler = useHasUntrustedFallbackHandler(
+    settingsInfo?.type === SettingsInfoType.SET_FALLBACK_HANDLER ? settingsInfo.handler.value : undefined,
+  )
+
+  if (!settingsInfo) {
+    return null
+  }
+
+  switch (settingsInfo.type) {
+    case SettingsInfoType.SET_FALLBACK_HANDLER: {
+      return (
+        <>
+          <InfoDetails title="Set fallback handler:">
+            <EthHashInfo
+              address={settingsInfo.handler.value}
+              name={settingsInfo.handler?.name}
+              customAvatar={settingsInfo.handler?.logoUri}
+              {...addressInfoProps}
+            />
+          </InfoDetails>
+          {isUntrustedFallbackHandler && <UntrustedFallbackHandlerWarning isTxExecuted={isTxExecuted} />}
+        </>
+      )
+    }
+    case SettingsInfoType.ADD_OWNER:
+    case SettingsInfoType.REMOVE_OWNER: {
+      const title = settingsInfo.type === SettingsInfoType.ADD_OWNER ? 'Add signer:' : 'Remove signer:'
+      return (
+        <>
+          <ThresholdWarning />
+          <InfoDetails datatestid="owner-action" title={title}>
+            <EthHashInfo
+              address={settingsInfo.owner.value}
+              name={settingsInfo.owner?.name}
+              customAvatar={settingsInfo.owner?.logoUri}
+              {...addressInfoProps}
+            />
+            <InfoDetails datatestid="required-confirmations" title="Required confirmations for new transactions:">
+              {settingsInfo.threshold}
+            </InfoDetails>
+          </InfoDetails>
+        </>
+      )
+    }
+    case SettingsInfoType.SWAP_OWNER: {
+      return (
+        <InfoDetails datatestid="swap-owner" title="Swap signer:">
+          <InfoDetails datatestid="old-owner" title="Old signer">
+            <EthHashInfo
+              address={settingsInfo.oldOwner.value}
+              name={settingsInfo.oldOwner?.name}
+              customAvatar={settingsInfo.oldOwner?.logoUri}
+              {...addressInfoProps}
+            />
+          </InfoDetails>
+          <InfoDetails datatestid="new-owner" title="New signer">
+            <EthHashInfo
+              address={settingsInfo.newOwner.value}
+              name={settingsInfo.newOwner?.name}
+              customAvatar={settingsInfo.newOwner?.logoUri}
+              {...addressInfoProps}
+            />
+          </InfoDetails>
+        </InfoDetails>
+      )
+    }
+    case SettingsInfoType.CHANGE_THRESHOLD: {
+      return (
+        <>
+          <ThresholdWarning />
+          <InfoDetails datatestid="required-confirmations" title="Required confirmations for new transactions:">
+            {settingsInfo.threshold}
+          </InfoDetails>
+        </>
+      )
+    }
+    case SettingsInfoType.CHANGE_IMPLEMENTATION: {
+      return (
+        <InfoDetails title="Change implementation:">
+          <EthHashInfo
+            address={settingsInfo.implementation.value}
+            name={settingsInfo.implementation?.name}
+            customAvatar={settingsInfo.implementation?.logoUri}
+            {...addressInfoProps}
+          />
+        </InfoDetails>
+      )
+    }
+    case SettingsInfoType.ENABLE_MODULE:
+    case SettingsInfoType.DISABLE_MODULE: {
+      const title = settingsInfo.type === SettingsInfoType.ENABLE_MODULE ? 'Enable module:' : 'Disable module:'
+      return (
+        <InfoDetails datatestid="module-action" title={title}>
+          <EthHashInfo
+            address={settingsInfo.module.value}
+            name={settingsInfo.module?.name}
+            customAvatar={settingsInfo.module?.logoUri}
+            {...addressInfoProps}
+          />
+        </InfoDetails>
+      )
+    }
+    case SettingsInfoType.SET_GUARD: {
+      return (
+        <InfoDetails title="Set guard:">
+          <EthHashInfo
+            address={settingsInfo.guard.value}
+            name={settingsInfo.guard?.name}
+            customAvatar={settingsInfo.guard?.logoUri}
+            {...addressInfoProps}
+          />
+        </InfoDetails>
+      )
+    }
+    case SettingsInfoType.DELETE_GUARD: {
+      return <InfoDetails title="Delete guard" />
+    }
+    default:
+      return <></>
+  }
+}
+
+export default SettingsChangeTxInfo
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/SpendingLimits/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/SpendingLimits/index.tsx
new file mode 100644
index 000000000..c6970144e
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/SpendingLimits/index.tsx
@@ -0,0 +1,109 @@
+import type { ReactElement } from 'react'
+import React, { useMemo } from 'react'
+import type { Custom, TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import { Stack, Typography } from '@mui/material'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import TokenIcon from '@/components/common/TokenIcon'
+import SpendingLimitLabel from '@/components/common/SpendingLimitLabel'
+import { useCurrentChain } from '@/hooks/useChains'
+import { selectTokens } from '@/store/balancesSlice'
+import { useAppSelector } from '@/store'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { formatVisualAmount } from '@safe-global/utils/utils/formatters'
+import type { SpendingLimitMethods } from '@/utils/transaction-guards'
+import { isSetAllowance } from '@/utils/transaction-guards'
+import chains from '@/config/chains'
+import TxDetailsRow from '@/components/tx/ConfirmTxDetails/TxDetailsRow'
+
+type SpendingLimitsProps = {
+  txData?: TransactionData
+  txInfo: Custom
+  type: SpendingLimitMethods
+}
+
+export const SpendingLimits = ({ txData, txInfo, type }: SpendingLimitsProps): ReactElement | null => {
+  const chain = useCurrentChain()
+  const tokens = useAppSelector(selectTokens)
+  const isSetAllowanceMethod = useMemo(() => isSetAllowance(type), [type])
+
+  const [beneficiary, tokenAddress, amount, resetTimeMin] =
+    txData?.dataDecoded?.parameters?.map(({ value }) => value) || []
+
+  const resetTimeLabel = useMemo(
+    () => getResetTimeOptions(chain?.chainId).find(({ value }) => +value === +resetTimeMin)?.label,
+    [chain?.chainId, resetTimeMin],
+  )
+  const tokenInfo = useMemo(
+    () => tokens.find(({ address }) => sameAddress(address, tokenAddress as string)),
+    [tokenAddress, tokens],
+  )
+  const txTo = txInfo.to
+
+  if (!txData) return null
+
+  return (
+    <Stack spacing={1}>
+      <Typography>
+        <b>{`${isSetAllowanceMethod ? 'Modify' : 'Delete'} spending limit:`}</b>
+      </Typography>
+
+      <TxDetailsRow label="Beneficiary" grid>
+        <EthHashInfo
+          address={(beneficiary as string) || txTo?.value || '0x'}
+          name={txTo.name}
+          customAvatar={txTo.logoUri}
+          shortAddress={false}
+          showCopyButton
+          hasExplorer
+        />
+      </TxDetailsRow>
+
+      <TxDetailsRow label={isSetAllowanceMethod ? (tokenInfo ? 'Amount' : 'Raw Amount (in decimals)') : 'Token'} grid>
+        {tokenInfo && (
+          <>
+            <TokenIcon logoUri={tokenInfo.logoUri} size={32} tokenSymbol={tokenInfo.symbol} />
+            <Typography>{tokenInfo.symbol}</Typography>
+          </>
+        )}
+
+        {isSetAllowanceMethod && (
+          <>
+            {tokenInfo ? (
+              <Typography>
+                {formatVisualAmount(amount as string, tokenInfo.decimals)} {tokenInfo.symbol}
+              </Typography>
+            ) : (
+              <Typography>{amount}</Typography>
+            )}
+          </>
+        )}
+      </TxDetailsRow>
+
+      {isSetAllowanceMethod && (
+        <TxDetailsRow label="Reset time" grid>
+          <SpendingLimitLabel label={resetTimeLabel || 'One-time spending limit'} isOneTime={!resetTimeLabel} />
+        </TxDetailsRow>
+      )}
+    </Stack>
+  )
+}
+
+const RESET_TIME_OPTIONS = [
+  { label: 'One time', value: '0' },
+  { label: '1 day', value: '1440' },
+  { label: '1 week', value: '10080' },
+  { label: '1 month', value: '43200' },
+]
+
+const TEST_RESET_TIME_OPTIONS = [
+  { label: 'One time', value: '0' },
+  { label: '5 minutes', value: '5' },
+  { label: '30 minutes', value: '30' },
+  { label: '1 hour', value: '60' },
+]
+
+export const getResetTimeOptions = (chainId = ''): { label: string; value: string }[] => {
+  return chainId === chains.gor || chainId === chains.sep ? TEST_RESET_TIME_OPTIONS : RESET_TIME_OPTIONS
+}
+
+export default SpendingLimits
diff --git a/src/components/transactions/TxDetails/TxData/Transfer/TransferActions.tsx b/apps/web/src/components/transactions/TxDetails/TxData/Transfer/TransferActions.tsx
similarity index 93%
rename from src/components/transactions/TxDetails/TxData/Transfer/TransferActions.tsx
rename to apps/web/src/components/transactions/TxDetails/TxData/Transfer/TransferActions.tsx
index 3dac032a8..508176cc7 100644
--- a/src/components/transactions/TxDetails/TxData/Transfer/TransferActions.tsx
+++ b/apps/web/src/components/transactions/TxDetails/TxData/Transfer/TransferActions.tsx
@@ -13,7 +13,7 @@ import type { Transfer } from '@safe-global/safe-gateway-typescript-sdk'
 import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
 import { isERC20Transfer, isNativeTokenTransfer, isOutgoingTransfer } from '@/utils/transaction-guards'
 import { trackEvent, TX_LIST_EVENTS } from '@/services/analytics'
-import { safeFormatUnits } from '@/utils/formatters'
+import { safeFormatUnits } from '@safe-global/utils/utils/formatters'
 import CheckWallet from '@/components/common/CheckWallet'
 import { TxModalContext } from '@/components/tx-flow'
 
@@ -68,8 +68,8 @@ const TransferActions = ({
   const amount = isNativeTokenTransfer(txInfo.transferInfo)
     ? safeFormatUnits(txInfo.transferInfo.value, ETHER)
     : isERC20Transfer(txInfo.transferInfo)
-    ? safeFormatUnits(txInfo.transferInfo.value, txInfo.transferInfo.decimals)
-    : undefined
+      ? safeFormatUnits(txInfo.transferInfo.value, txInfo.transferInfo.decimals)
+      : undefined
 
   const isOutgoingTx = isOutgoingTransfer(txInfo)
   const canSendAgain =
@@ -87,7 +87,7 @@ const TransferActions = ({
               <MenuItem
                 onClick={() => {
                   handleCloseContextMenu()
-                  setTxFlow(<TokenTransferFlow recipient={recipient} tokenAddress={tokenAddress} amount={amount} />)
+                  setTxFlow(<TokenTransferFlow recipients={[{ recipient, tokenAddress, amount }]} />)
                 }}
                 disabled={!isOk}
               >
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/Transfer/index.test.tsx b/apps/web/src/components/transactions/TxDetails/TxData/Transfer/index.test.tsx
new file mode 100644
index 000000000..630e6f8f9
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/Transfer/index.test.tsx
@@ -0,0 +1,280 @@
+import { render } from '@/tests/test-utils'
+import TransferTxInfo from '.'
+import {
+  TransactionInfoType,
+  TransactionStatus,
+  TransactionTokenType,
+  TransferDirection,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import { faker } from '@faker-js/faker'
+import { parseUnits } from 'ethers'
+import { chainBuilder } from '@/tests/builders/chains'
+
+jest.mock('@/hooks/useChains', () => ({
+  __esModule: true,
+  useChainId: () => '1',
+  useChain: () => chainBuilder().with({ chainId: '1' }).build(),
+  useCurrentChain: () => chainBuilder().with({ chainId: '1' }).build(),
+  default: () => ({
+    loading: false,
+    error: undefined,
+    configs: [chainBuilder().with({ chainId: '1' }).build()],
+  }),
+}))
+
+describe('TransferTxInfo', () => {
+  describe('should render non-malicious', () => {
+    it('outgoing tx', () => {
+      const recipient = faker.finance.ethereumAddress()
+      const sender = faker.finance.ethereumAddress()
+      const tokenAddress = faker.finance.ethereumAddress()
+
+      const result = render(
+        <TransferTxInfo
+          imitation={false}
+          trusted
+          txInfo={{
+            direction: TransferDirection.OUTGOING,
+            recipient: { value: recipient },
+            sender: { value: sender },
+            type: TransactionInfoType.TRANSFER,
+            transferInfo: {
+              tokenAddress,
+              trusted: true,
+              type: TransactionTokenType.ERC20,
+              decimals: 18,
+              value: parseUnits('1', 18).toString(),
+              tokenName: 'Test',
+              tokenSymbol: 'TST',
+              imitation: false,
+            },
+          }}
+          txStatus={TransactionStatus.SUCCESS}
+        />,
+      )
+
+      expect(result.getByText('1 TST')).toBeInTheDocument()
+      expect(result.getByText(recipient)).toBeInTheDocument()
+      expect(result.queryByText('malicious', { exact: false })).toBeNull()
+      expect(result.queryByLabelText('This token isn’t verified on major token lists', { exact: false })).toBeNull()
+    })
+
+    it('incoming tx', () => {
+      const recipient = faker.finance.ethereumAddress()
+      const sender = faker.finance.ethereumAddress()
+      const tokenAddress = faker.finance.ethereumAddress()
+
+      const result = render(
+        <TransferTxInfo
+          imitation={false}
+          trusted
+          txInfo={{
+            direction: TransferDirection.INCOMING,
+            recipient: { value: recipient },
+            sender: { value: sender },
+            type: TransactionInfoType.TRANSFER,
+            transferInfo: {
+              tokenAddress,
+              trusted: true,
+              type: TransactionTokenType.ERC20,
+              decimals: 18,
+              value: parseUnits('12.34', 18).toString(),
+              tokenName: 'Test',
+              tokenSymbol: 'TST',
+              imitation: false,
+            },
+          }}
+          txStatus={TransactionStatus.SUCCESS}
+        />,
+      )
+
+      expect(result.getByText('12.34 TST')).toBeInTheDocument()
+      expect(result.getByText(sender)).toBeInTheDocument()
+      expect(result.queryByText('malicious', { exact: false })).toBeNull()
+      expect(result.queryByLabelText('This token isn’t verified on major token lists', { exact: false })).toBeNull()
+    })
+  })
+
+  describe('should render untrusted', () => {
+    it('outgoing tx', () => {
+      const recipient = faker.finance.ethereumAddress()
+      const sender = faker.finance.ethereumAddress()
+      const tokenAddress = faker.finance.ethereumAddress()
+
+      const result = render(
+        <TransferTxInfo
+          imitation={false}
+          trusted={false}
+          txInfo={{
+            direction: TransferDirection.OUTGOING,
+            recipient: { value: recipient },
+            sender: { value: sender },
+            type: TransactionInfoType.TRANSFER,
+            transferInfo: {
+              tokenAddress,
+              trusted: false,
+              type: TransactionTokenType.ERC20,
+              decimals: 18,
+              value: parseUnits('1', 18).toString(),
+              tokenName: 'Test',
+              tokenSymbol: 'TST',
+              imitation: false,
+            },
+          }}
+          txStatus={TransactionStatus.SUCCESS}
+        />,
+      )
+
+      expect(result.getByText('1 TST')).toBeInTheDocument()
+      expect(result.getByText(recipient)).toBeInTheDocument()
+      expect(result.queryByText('malicious', { exact: false })).toBeNull()
+      expect(
+        result.getByLabelText('This token isn’t verified on major token lists', { exact: false }),
+      ).toBeInTheDocument()
+    })
+
+    it('incoming tx', () => {
+      const recipient = faker.finance.ethereumAddress()
+      const sender = faker.finance.ethereumAddress()
+      const tokenAddress = faker.finance.ethereumAddress()
+
+      const result = render(
+        <TransferTxInfo
+          imitation={false}
+          trusted={false}
+          txInfo={{
+            direction: TransferDirection.INCOMING,
+            recipient: { value: recipient },
+            sender: { value: sender },
+            type: TransactionInfoType.TRANSFER,
+            transferInfo: {
+              tokenAddress,
+              trusted: true,
+              type: TransactionTokenType.ERC20,
+              decimals: 18,
+              value: parseUnits('12.34', 18).toString(),
+              tokenName: 'Test',
+              tokenSymbol: 'TST',
+              imitation: false,
+            },
+          }}
+          txStatus={TransactionStatus.SUCCESS}
+        />,
+      )
+
+      expect(result.getByText('12.34 TST')).toBeInTheDocument()
+      expect(result.getByText(sender)).toBeInTheDocument()
+      expect(result.queryByText('malicious', { exact: false })).toBeNull()
+      expect(
+        result.queryByLabelText('This token isn’t verified on major token lists', { exact: false }),
+      ).toBeInTheDocument()
+    })
+  })
+
+  describe('should render imitations', () => {
+    it('outgoing tx', () => {
+      const recipient = faker.finance.ethereumAddress()
+      const sender = faker.finance.ethereumAddress()
+      const tokenAddress = faker.finance.ethereumAddress()
+
+      const result = render(
+        <TransferTxInfo
+          imitation
+          trusted
+          txInfo={{
+            direction: TransferDirection.OUTGOING,
+            recipient: { value: recipient },
+            sender: { value: sender },
+            type: TransactionInfoType.TRANSFER,
+            transferInfo: {
+              tokenAddress,
+              trusted: true,
+              type: TransactionTokenType.ERC20,
+              decimals: 18,
+              value: parseUnits('1', 18).toString(),
+              tokenName: 'Test',
+              tokenSymbol: 'TST',
+              imitation: true,
+            },
+          }}
+          txStatus={TransactionStatus.SUCCESS}
+        />,
+      )
+
+      expect(result.getByText('1 TST')).toBeInTheDocument()
+      expect(result.getByText(recipient)).toBeInTheDocument()
+      expect(result.getByText('malicious', { exact: false })).toBeInTheDocument()
+      expect(result.queryByLabelText('This token isn’t verified on major token lists', { exact: false })).toBeNull()
+    })
+
+    it('incoming tx', () => {
+      const recipient = faker.finance.ethereumAddress()
+      const sender = faker.finance.ethereumAddress()
+      const tokenAddress = faker.finance.ethereumAddress()
+
+      const result = render(
+        <TransferTxInfo
+          imitation
+          trusted
+          txInfo={{
+            direction: TransferDirection.INCOMING,
+            recipient: { value: recipient },
+            sender: { value: sender },
+            type: TransactionInfoType.TRANSFER,
+            transferInfo: {
+              tokenAddress,
+              trusted: true,
+              type: TransactionTokenType.ERC20,
+              decimals: 18,
+              value: parseUnits('12.34', 18).toString(),
+              tokenName: 'Test',
+              tokenSymbol: 'TST',
+              imitation: true,
+            },
+          }}
+          txStatus={TransactionStatus.SUCCESS}
+        />,
+      )
+
+      expect(result.getByText('12.34 TST')).toBeInTheDocument()
+      expect(result.getByText(sender)).toBeInTheDocument()
+      expect(result.getByText('malicious', { exact: false })).toBeInTheDocument()
+      expect(result.queryByLabelText('This token isn’t verified on major token lists', { exact: false })).toBeNull()
+    })
+
+    it('untrusted and imitation tx', () => {
+      const recipient = faker.finance.ethereumAddress()
+      const sender = faker.finance.ethereumAddress()
+      const tokenAddress = faker.finance.ethereumAddress()
+
+      const result = render(
+        <TransferTxInfo
+          imitation
+          trusted={false}
+          txInfo={{
+            direction: TransferDirection.INCOMING,
+            recipient: { value: recipient },
+            sender: { value: sender },
+            type: TransactionInfoType.TRANSFER,
+            transferInfo: {
+              tokenAddress,
+              trusted: true,
+              type: TransactionTokenType.ERC20,
+              decimals: 18,
+              value: parseUnits('12.34', 18).toString(),
+              tokenName: 'Test',
+              tokenSymbol: 'TST',
+              imitation: true,
+            },
+          }}
+          txStatus={TransactionStatus.SUCCESS}
+        />,
+      )
+
+      expect(result.getByText('12.34 TST')).toBeInTheDocument()
+      expect(result.getByText(sender)).toBeInTheDocument()
+      expect(result.getByText('malicious', { exact: false })).toBeInTheDocument()
+      expect(result.queryByLabelText('This token isn’t verified on major token lists', { exact: false })).toBeNull()
+    })
+  })
+})
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/Transfer/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/Transfer/index.tsx
new file mode 100644
index 000000000..b8884eb3a
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/Transfer/index.tsx
@@ -0,0 +1,87 @@
+import NamedAddressInfo from '@/components/common/NamedAddressInfo'
+import { TransferTx } from '@/components/transactions/TxInfo'
+import { isTxQueued } from '@/utils/transaction-guards'
+import type { TransactionStatus, Transfer } from '@safe-global/safe-gateway-typescript-sdk'
+import { TransferDirection } from '@safe-global/safe-gateway-typescript-sdk'
+import { Box, Stack, Typography } from '@mui/material'
+import React from 'react'
+
+import TransferActions from '@/components/transactions/TxDetails/TxData/Transfer/TransferActions'
+import MaliciousTxWarning from '@/components/transactions/MaliciousTxWarning'
+import { ImitationTransactionWarning } from '@/components/transactions/ImitationTransactionWarning'
+import TokenAmount from '@/components/common/TokenAmount'
+import { type NativeToken, type Erc20Token } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+type TransferTxInfoProps = {
+  txInfo: Transfer
+  txStatus: TransactionStatus
+  trusted: boolean
+  imitation: boolean
+}
+
+const TransferTxInfoMain = ({ txInfo, txStatus, trusted, imitation }: TransferTxInfoProps) => {
+  const { direction } = txInfo
+
+  return (
+    <Box display="flex" flexDirection="row" alignItems="center" gap={1}>
+      {direction === TransferDirection.INCOMING ? 'Received' : isTxQueued(txStatus) ? 'Send' : 'Sent'}{' '}
+      <b>
+        <TransferTx info={txInfo} omitSign preciseAmount />
+      </b>
+      {direction === TransferDirection.INCOMING ? ' from' : ' to'}
+      {!trusted && !imitation && <MaliciousTxWarning />}
+    </Box>
+  )
+}
+
+const TransferTxInfo = ({ txInfo, txStatus, trusted, imitation }: TransferTxInfoProps) => {
+  const address = txInfo.direction.toUpperCase() === TransferDirection.INCOMING ? txInfo.sender : txInfo.recipient
+
+  return (
+    <Box display="flex" flexDirection="column" gap={1}>
+      <TransferTxInfoMain txInfo={txInfo} txStatus={txStatus} trusted={trusted} imitation={imitation} />
+
+      <Box display="flex" alignItems="center" width="100%">
+        <NamedAddressInfo
+          address={address.value}
+          name={address.name}
+          customAvatar={address.logoUri}
+          shortAddress={false}
+          hasExplorer
+          showCopyButton
+          trusted={trusted && !imitation}
+        >
+          <TransferActions address={address.value} txInfo={txInfo} trusted={trusted} />
+        </NamedAddressInfo>
+      </Box>
+      {imitation && <ImitationTransactionWarning />}
+    </Box>
+  )
+}
+
+export const InlineTransferTxInfo = ({
+  value,
+  tokenInfo,
+  recipient,
+}: {
+  value: string
+  tokenInfo: Erc20Token | NativeToken
+  recipient: string
+}) => {
+  return (
+    <Stack direction="row" alignItems="center" spacing={1}>
+      <Typography>Send</Typography>
+      <TokenAmount
+        value={value}
+        decimals={tokenInfo.decimals}
+        logoUri={tokenInfo.logoUri}
+        tokenSymbol={tokenInfo.symbol}
+        iconSize={16}
+      />
+      <Typography>to</Typography>
+      <NamedAddressInfo address={recipient} copyAddress={false} shortAddress={true} onlyName avatarSize={16} />
+    </Stack>
+  )
+}
+
+export default TransferTxInfo
diff --git a/apps/web/src/components/transactions/TxDetails/TxData/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/index.tsx
new file mode 100644
index 000000000..4c4e927e8
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/index.tsx
@@ -0,0 +1,155 @@
+import SettingsChangeTxInfo from '@/components/transactions/TxDetails/TxData/SettingsChange'
+import {
+  isStakingTxExitInfo,
+  isBridgeOrderTxInfo,
+  isExecTxData,
+  isLifiSwapTxInfo,
+  isOnChainConfirmationTxData,
+  isSafeUpdateTxData,
+  isStakingTxWithdrawInfo,
+  isVaultDepositTxInfo,
+  isVaultRedeemTxInfo,
+  isCancellationTxInfo,
+  isCustomTxInfo,
+  isMigrateToL2TxData,
+  isMultisigDetailedExecutionInfo,
+  isMultiSendTxInfo,
+  isOrderTxInfo,
+  isSettingsChangeTxInfo,
+  isSpendingLimitMethod,
+  isStakingTxDepositInfo,
+  isSupportedSpendingLimitAddress,
+  isTransferTxInfo,
+  type SpendingLimitMethods,
+} from '@/utils/transaction-guards'
+import { SpendingLimits } from '@/components/transactions/TxDetails/TxData/SpendingLimits'
+import { TransactionStatus, type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import type { PropsWithChildren, ReactElement } from 'react'
+import RejectionTxInfo from '@/components/transactions/TxDetails/TxData/Rejection'
+import TransferTxInfo from '@/components/transactions/TxDetails/TxData/Transfer'
+import useChainId from '@/hooks/useChainId'
+import { MigrationToL2TxData } from './MigrationToL2TxData'
+import SwapOrder from '@/features/swap/components/SwapOrder'
+import StakingTxDepositDetails from '@/features/stake/components/StakingTxDepositDetails'
+import StakingTxExitDetails from '@/features/stake/components/StakingTxExitDetails'
+import StakingTxWithdrawDetails from '@/features/stake/components/StakingTxWithdrawDetails'
+import { OnChainConfirmation } from './NestedTransaction/OnChainConfirmation'
+import { ExecTransaction } from './NestedTransaction/ExecTransaction'
+import SafeUpdate from './SafeUpdate'
+import VaultDepositTxDetails from '@/features/earn/components/VaultDepositTxDetails'
+import VaultRedeemTxDetails from '@/features/earn/components/VaultRedeemTxDetails'
+import DecodedData from './DecodedData'
+import { ErrorBoundary } from '@sentry/react'
+import Multisend from './DecodedData/Multisend'
+import BridgeTransaction from '@/components/tx/confirmation-views/BridgeTransaction'
+import { LifiSwapTransaction } from '@/components/tx/confirmation-views/LifiSwapTransaction'
+
+const TxData = ({
+  txInfo,
+  txData,
+  txDetails,
+  trusted,
+  imitation,
+  children,
+}: PropsWithChildren<{
+  txInfo: TransactionDetails['txInfo']
+  txData: TransactionDetails['txData']
+  txDetails?: TransactionDetails
+  trusted: boolean
+  imitation: boolean
+}>): ReactElement => {
+  const chainId = useChainId()
+
+  if (isOrderTxInfo(txInfo)) {
+    return <SwapOrder txData={txData} txInfo={txInfo} />
+  }
+
+  if (isStakingTxDepositInfo(txInfo)) {
+    return <StakingTxDepositDetails txData={txData} info={txInfo} />
+  }
+
+  if (isStakingTxExitInfo(txInfo)) {
+    return <StakingTxExitDetails info={txInfo} />
+  }
+
+  if (isStakingTxWithdrawInfo(txInfo)) {
+    return <StakingTxWithdrawDetails info={txInfo} />
+  }
+
+  // @ts-ignore: TODO: Fix this type
+  if (isVaultDepositTxInfo(txInfo)) {
+    return <VaultDepositTxDetails info={txInfo} />
+  }
+
+  // @ts-ignore: TODO: Fix this type
+  if (isVaultRedeemTxInfo(txInfo)) {
+    return <VaultRedeemTxDetails info={txInfo} />
+  }
+
+  if (isBridgeOrderTxInfo(txInfo)) {
+    return <BridgeTransaction txInfo={txInfo} />
+  }
+
+  if (isLifiSwapTxInfo(txInfo)) {
+    return <LifiSwapTransaction txInfo={txInfo} isPreview={false} />
+  }
+
+  if (isTransferTxInfo(txInfo)) {
+    return (
+      <TransferTxInfo
+        txInfo={txInfo}
+        txStatus={txDetails?.txStatus ?? TransactionStatus.AWAITING_CONFIRMATIONS}
+        trusted={trusted}
+        imitation={imitation}
+      />
+    )
+  }
+
+  if (isSettingsChangeTxInfo(txInfo)) {
+    return <SettingsChangeTxInfo settingsInfo={txInfo.settingsInfo} isTxExecuted={!!txDetails?.executedAt} />
+  }
+
+  if (txDetails && isCancellationTxInfo(txInfo) && isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)) {
+    return <RejectionTxInfo nonce={txDetails.detailedExecutionInfo?.nonce} isTxExecuted={!!txDetails.executedAt} />
+  }
+
+  if (
+    isCustomTxInfo(txInfo) &&
+    isSupportedSpendingLimitAddress(txInfo, chainId) &&
+    isSpendingLimitMethod(txData?.dataDecoded?.method)
+  ) {
+    return <SpendingLimits txData={txData} txInfo={txInfo} type={txData?.dataDecoded?.method as SpendingLimitMethods} />
+  }
+
+  if (txDetails && isMigrateToL2TxData(txData, chainId)) {
+    return <MigrationToL2TxData txDetails={txDetails} />
+  }
+
+  if (isOnChainConfirmationTxData(txData)) {
+    return <OnChainConfirmation data={txData} />
+  }
+
+  if (isExecTxData(txData)) {
+    return <ExecTransaction data={txData} />
+  }
+
+  if (isSafeUpdateTxData(txData)) {
+    return <SafeUpdate txData={txData} />
+  }
+
+  return !!children ? (
+    <>{children}</>
+  ) : (
+    <>
+      <DecodedData txData={txData} toInfo={isCustomTxInfo(txInfo) ? txInfo.to : txData?.to} />
+
+      {(isMultiSendTxInfo(txInfo) || isOrderTxInfo(txInfo)) && (
+        <ErrorBoundary fallback={<div>Error parsing data</div>}>
+          <Multisend txData={txData} isExecuted={!!txDetails?.executedAt} />
+        </ErrorBoundary>
+      )}
+    </>
+  )
+}
+
+export default TxData
diff --git a/apps/web/src/components/transactions/TxDetails/index.tsx b/apps/web/src/components/transactions/TxDetails/index.tsx
new file mode 100644
index 000000000..3666a673d
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/index.tsx
@@ -0,0 +1,244 @@
+import useIsExpiredSwap from '@/features/swap/hooks/useIsExpiredSwap'
+import React, { type ReactElement, useEffect, useRef, useState } from 'react'
+import type { TransactionDetails, TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
+import { Box, CircularProgress, Typography } from '@mui/material'
+
+import TxSigners from '@/components/transactions/TxSigners'
+import Summary from '@/components/transactions/TxDetails/Summary'
+import TxData from '@/components/transactions/TxDetails/TxData'
+import useChainId from '@/hooks/useChainId'
+import {
+  isAwaitingExecution,
+  isOrderTxInfo,
+  isModuleExecutionInfo,
+  isMultiSendTxInfo,
+  isMultisigDetailedExecutionInfo,
+  isMultisigExecutionInfo,
+  isOpenSwapOrder,
+  isTxQueued,
+  isCustomTxInfo,
+  isBridgeOrderTxInfo,
+  isLifiSwapTxInfo,
+} from '@/utils/transaction-guards'
+import { InfoDetails } from '@/components/transactions/InfoDetails'
+import NamedAddressInfo from '@/components/common/NamedAddressInfo'
+import css from './styles.module.css'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import { ErrorBoundary } from '@sentry/react'
+import ExecuteTxButton from '@/components/transactions/ExecuteTxButton'
+import SignTxButton from '@/components/transactions/SignTxButton'
+import RejectTxButton from '@/components/transactions/RejectTxButton'
+import { UnsignedWarning } from '@/components/transactions/Warning'
+import Multisend from '@/components/transactions/TxDetails/TxData/DecodedData/Multisend'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import useIsPending from '@/hooks/useIsPending'
+import { isImitation, isTrustedTx } from '@/utils/transactions'
+import { useHasFeature } from '@/hooks/useChains'
+import { useGetTransactionDetailsQuery } from '@/store/api/gateway'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { POLLING_INTERVAL } from '@/config/constants'
+import { TxNote } from '@/features/tx-notes'
+import { TxShareBlock } from '../TxShareLink'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import DecodedData from './TxData/DecodedData'
+import { QueuedTxSimulation } from '../QueuedTxSimulation'
+
+export const NOT_AVAILABLE = 'n/a'
+
+type TxDetailsProps = {
+  txSummary: TransactionSummary
+  txDetails: TransactionDetails
+}
+
+const TxDetailsBlock = ({ txSummary, txDetails }: TxDetailsProps): ReactElement => {
+  const isPending = useIsPending(txSummary.id)
+  const hasDefaultTokenlist = useHasFeature(FEATURES.DEFAULT_TOKENLIST)
+  const isQueue = isTxQueued(txSummary.txStatus)
+  const awaitingExecution = isAwaitingExecution(txSummary.txStatus)
+
+  // Used to check if the decoded data was rendered inside the TxData component
+  // If it was, we hide the decoded data in the Summary to avoid showing it twice
+  const decodedDataRef = useRef(null)
+  const [isDecodedDataVisible, setIsDecodedDataVisible] = useState(false)
+
+  useEffect(() => {
+    // If decodedDataRef.current is not null, the decoded data was rendered inside the TxData component
+    setIsDecodedDataVisible(!!decodedDataRef.current)
+  }, [])
+
+  const isUnsigned =
+    isMultisigExecutionInfo(txSummary.executionInfo) && txSummary.executionInfo.confirmationsSubmitted === 0
+
+  const isUntrusted =
+    isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo) && !txDetails.detailedExecutionInfo.trusted
+
+  // If we have no token list we always trust the transfer
+  const isTrustedTransfer = !hasDefaultTokenlist || isTrustedTx(txSummary)
+  const isImitationTransaction = isImitation(txSummary)
+
+  let proposer, safeTxHash, proposedByDelegate
+  if (isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)) {
+    safeTxHash = txDetails.detailedExecutionInfo.safeTxHash
+    proposedByDelegate = txDetails.detailedExecutionInfo.proposedByDelegate
+    proposer = proposedByDelegate?.value ?? txDetails.detailedExecutionInfo.proposer?.value
+  }
+
+  const expiredSwap = useIsExpiredSwap(txSummary.txInfo)
+
+  // Module address, name and logoUri
+  const moduleAddress = isModuleExecutionInfo(txSummary.executionInfo) ? txSummary.executionInfo.address : undefined
+  const moduleAddressInfo = moduleAddress ? txDetails.txData?.addressInfoIndex?.[moduleAddress.value] : undefined
+
+  return (
+    <>
+      {/* /Details */}
+      <div className={`${css.details} ${isUnsigned ? css.noSigners : ''}`}>
+        <div className={css.txNote}>
+          <TxNote txDetails={txDetails} />
+        </div>
+
+        <div className={css.detailsWrapper}>
+          {isQueue && (
+            <div className={css.inlineSimulation}>
+              <QueuedTxSimulation transaction={txDetails} />
+            </div>
+          )}
+
+          <div className={css.txData}>
+            <ErrorBoundary fallback={<div>Error parsing data</div>}>
+              <TxData
+                txData={txDetails.txData}
+                txInfo={txDetails.txInfo}
+                txDetails={txDetails}
+                trusted={isTrustedTransfer}
+                imitation={isImitationTransaction}
+              >
+                <Box ref={decodedDataRef}>
+                  <DecodedData
+                    txData={txDetails.txData}
+                    toInfo={isCustomTxInfo(txDetails.txInfo) ? txDetails.txInfo.to : txDetails.txData?.to}
+                  />
+                </Box>
+              </TxData>
+            </ErrorBoundary>
+          </div>
+        </div>
+
+        {/* Module information*/}
+        {moduleAddress && (
+          <div className={css.txModule}>
+            <InfoDetails title="Executed via module:">
+              <NamedAddressInfo
+                address={moduleAddress.value}
+                name={moduleAddressInfo?.name || moduleAddress.name}
+                customAvatar={moduleAddressInfo?.logoUri || moduleAddress.logoUri}
+                shortAddress={false}
+                showCopyButton
+                hasExplorer
+              />
+            </InfoDetails>
+          </div>
+        )}
+
+        <div className={css.txSummary}>
+          {isUntrusted && !isPending && <UnsignedWarning />}
+          <ErrorBoundary fallback={<div>Error parsing data</div>}>
+            <Summary
+              txDetails={txDetails}
+              txData={txDetails.txData}
+              txInfo={txDetails.txInfo}
+              showMultisend={false}
+              showDecodedData={!isDecodedDataVisible}
+            />
+          </ErrorBoundary>
+        </div>
+
+        {(isMultiSendTxInfo(txDetails.txInfo) ||
+          isOrderTxInfo(txDetails.txInfo) ||
+          isBridgeOrderTxInfo(txDetails.txInfo) ||
+          isLifiSwapTxInfo(txDetails.txInfo)) && (
+          <div className={css.multiSend}>
+            <ErrorBoundary fallback={<div>Error parsing data</div>}>
+              <Multisend txData={txDetails.txData} isExecuted={!!txDetails.executedAt} />
+            </ErrorBoundary>
+          </div>
+        )}
+      </div>
+      {/* Signers */}
+      {(!isUnsigned || proposedByDelegate) && (
+        <div className={css.txSigners}>
+          <TxSigners
+            txDetails={txDetails}
+            txSummary={txSummary}
+            isTxFromProposer={Boolean(proposedByDelegate)}
+            proposer={proposer}
+          />
+
+          <TxShareBlock txId={txDetails.txId} txHash={txDetails.txHash} />
+
+          {isQueue && (
+            <Box className={css.buttons}>
+              {awaitingExecution ? <ExecuteTxButton txSummary={txSummary} /> : <SignTxButton txSummary={txSummary} />}
+              <RejectTxButton txSummary={txSummary} safeTxHash={safeTxHash} proposer={proposer} />
+            </Box>
+          )}
+
+          {isQueue && expiredSwap && (
+            <Typography color="text.secondary" mt={2}>
+              This order has expired. Reject this transaction and try again.
+            </Typography>
+          )}
+        </div>
+      )}
+    </>
+  )
+}
+
+const TxDetails = ({
+  txSummary,
+  txDetails,
+}: {
+  txSummary: TransactionSummary
+  txDetails?: TransactionDetails // optional
+}): ReactElement => {
+  const chainId = useChainId()
+  const { safe } = useSafeInfo()
+
+  const {
+    data: txDetailsData,
+    error,
+    isLoading: loading,
+    refetch,
+    isUninitialized,
+  } = useGetTransactionDetailsQuery(
+    { chainId, txId: txSummary.id },
+    {
+      pollingInterval: isOpenSwapOrder(txSummary.txInfo) ? POLLING_INTERVAL : undefined,
+      skipPollingIfUnfocused: true,
+    },
+  )
+
+  useEffect(() => {
+    !isUninitialized && refetch()
+  }, [safe.txQueuedTag, refetch, txDetails, isUninitialized])
+
+  return (
+    <div className={css.container}>
+      {txDetailsData ? (
+        <TxDetailsBlock txSummary={txSummary} txDetails={txDetailsData} />
+      ) : loading ? (
+        <div className={css.loading}>
+          <CircularProgress />
+        </div>
+      ) : (
+        error && (
+          <div className={css.error}>
+            <ErrorMessage error={asError(error)}>Couldn&apos;t load the transaction details</ErrorMessage>
+          </div>
+        )
+      )}
+    </div>
+  )
+}
+
+export default TxDetails
diff --git a/apps/web/src/components/transactions/TxDetails/styles.module.css b/apps/web/src/components/transactions/TxDetails/styles.module.css
new file mode 100644
index 000000000..599b1515d
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/styles.module.css
@@ -0,0 +1,121 @@
+.container {
+  display: flex;
+  width: 100%;
+  overflow-x: auto;
+}
+
+.detailsWrapper {
+  position: relative;
+}
+
+.details {
+  width: 66.6%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+
+.shareLink {
+  display: flex;
+  justify-content: flex-end;
+  margin: var(--space-1);
+  margin-bottom: -40px;
+}
+
+.inlineSimulation {
+  display: flex;
+  justify-content: flex-end;
+  margin: var(--space-2);
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+
+.txNote {
+  margin: var(--space-1) 0;
+  padding: 0 var(--space-2) var(--space-2);
+  border-bottom: 1px solid var(--color-border-light);
+}
+
+.txNote:empty {
+  display: none;
+}
+
+.loading,
+.error,
+.txData,
+.txSummary,
+.advancedDetails,
+.txModule {
+  padding: var(--space-2);
+}
+
+.txData {
+  border-bottom: 1px solid var(--color-border-light);
+}
+
+.txData:empty {
+  display: none;
+}
+
+.txSummary,
+.advancedDetails {
+  height: 100%;
+}
+
+.txSigners {
+  display: flex;
+  width: 33.3%;
+  flex-direction: column;
+  padding: var(--space-3);
+  border-left: 1px solid var(--color-border-light);
+  gap: var(--space-2);
+}
+
+.delegateCall .alert {
+  width: fit-content;
+  padding: 0 var(--space-1);
+}
+
+.multiSend {
+  border-bottom: 1px solid var(--color-border-light);
+}
+
+.buttons {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-1);
+}
+
+.buttons > * {
+  flex: 1;
+}
+
+.buttons button {
+  width: 100%;
+}
+
+@media (max-width: 599.95px) {
+  .container {
+    flex-direction: column;
+  }
+
+  .details {
+    width: 100%;
+  }
+
+  .txSigners {
+    width: 100%;
+    border-left: 0;
+    border-top: 1px solid var(--color-border-light);
+  }
+}
+
+@media (max-width: 1350px) {
+  .inlineSimulation {
+    position: relative;
+  }
+}
diff --git a/src/components/transactions/TxFilterForm/TxFilterForm.test.tsx b/apps/web/src/components/transactions/TxFilterForm/TxFilterForm.test.tsx
similarity index 98%
rename from src/components/transactions/TxFilterForm/TxFilterForm.test.tsx
rename to apps/web/src/components/transactions/TxFilterForm/TxFilterForm.test.tsx
index fc9a83e9a..32ce96e68 100644
--- a/src/components/transactions/TxFilterForm/TxFilterForm.test.tsx
+++ b/apps/web/src/components/transactions/TxFilterForm/TxFilterForm.test.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { screen, fireEvent } from '@testing-library/react'
 import { act, render } from '@/tests/test-utils'
-import '@testing-library/jest-dom/extend-expect'
+import '@testing-library/jest-dom'
 import TxFilterForm from './index'
 import { useRouter } from 'next/router'
 
@@ -19,7 +19,7 @@ const toggleFilter = jest.fn()
 
 const fromDate = '20/01/2021'
 const toDate = '20/01/2020'
-const placeholder = 'dd/mm/yyyy'
+const placeholder = 'DD/MM/YYYY'
 const errorMsgFormat = 'Invalid address format'
 
 describe('TxFilterForm Component Tests', () => {
diff --git a/apps/web/src/components/transactions/TxFilterForm/index.tsx b/apps/web/src/components/transactions/TxFilterForm/index.tsx
new file mode 100644
index 000000000..a1910512b
--- /dev/null
+++ b/apps/web/src/components/transactions/TxFilterForm/index.tsx
@@ -0,0 +1,283 @@
+import Paper from '@mui/material/Paper'
+import Grid from '@mui/material/Grid'
+import FormControl from '@mui/material/FormControl'
+import RadioGroup from '@mui/material/RadioGroup'
+import FormLabel from '@mui/material/FormLabel'
+import FormControlLabel from '@mui/material/FormControlLabel'
+import Radio from '@mui/material/Radio'
+import Button from '@mui/material/Button'
+import Divider from '@mui/material/Divider'
+import { isBefore, isAfter, startOfDay } from 'date-fns'
+import { Controller, FormProvider, useForm, useFormState, type DefaultValues } from 'react-hook-form'
+import { useMemo, type ReactElement } from 'react'
+
+import AddressBookInput from '@/components/common/AddressBookInput'
+import DatePickerInput from '@/components/common/DatePickerInput'
+import { validateAmount } from '@safe-global/utils/utils/validation'
+import { trackEvent } from '@/services/analytics'
+import { TX_LIST_EVENTS } from '@/services/analytics/events/txList'
+import { txFilter, useTxFilter, TxFilterType, type TxFilter } from '@/utils/tx-history-filter'
+import { useCurrentChain } from '@/hooks/useChains'
+import NumberField from '@/components/common/NumberField'
+
+import css from './styles.module.css'
+import inputCss from '@/styles/inputs.module.css'
+import AddressInput from '@/components/common/AddressInput'
+
+enum TxFilterFormFieldNames {
+  FILTER_TYPE = 'type',
+  DATE_FROM = 'execution_date__gte',
+  DATE_TO = 'execution_date__lte',
+  RECIPIENT = 'to',
+  AMOUNT = 'value',
+  TOKEN_ADDRESS = 'token_address',
+  MODULE = 'module',
+  NONCE = 'nonce',
+}
+
+export type TxFilterFormState = {
+  [TxFilterFormFieldNames.FILTER_TYPE]: TxFilterType
+  [TxFilterFormFieldNames.DATE_FROM]: Date | null
+  [TxFilterFormFieldNames.DATE_TO]: Date | null
+  [TxFilterFormFieldNames.RECIPIENT]: string
+  [TxFilterFormFieldNames.AMOUNT]: string
+  [TxFilterFormFieldNames.TOKEN_ADDRESS]: string
+  [TxFilterFormFieldNames.MODULE]: string
+  [TxFilterFormFieldNames.NONCE]: string
+}
+
+const defaultValues: DefaultValues<TxFilterFormState> = {
+  [TxFilterFormFieldNames.FILTER_TYPE]: TxFilterType.INCOMING,
+  [TxFilterFormFieldNames.DATE_FROM]: null,
+  [TxFilterFormFieldNames.DATE_TO]: null,
+  [TxFilterFormFieldNames.RECIPIENT]: '',
+  [TxFilterFormFieldNames.AMOUNT]: '',
+  [TxFilterFormFieldNames.TOKEN_ADDRESS]: '',
+  [TxFilterFormFieldNames.MODULE]: '',
+  [TxFilterFormFieldNames.NONCE]: '',
+}
+
+const getInitialFormValues = (filter: TxFilter | null): DefaultValues<TxFilterFormState> => {
+  return filter
+    ? {
+        ...defaultValues,
+        ...txFilter.formatFormData(filter),
+      }
+    : defaultValues
+}
+
+const TxFilterForm = ({ toggleFilter }: { toggleFilter: () => void }): ReactElement => {
+  const [filter, setFilter] = useTxFilter()
+  const chain = useCurrentChain()
+
+  const formMethods = useForm<TxFilterFormState>({
+    mode: 'onChange',
+    shouldUnregister: true,
+    defaultValues: getInitialFormValues(filter),
+  })
+
+  const { control, watch, handleSubmit, reset, getValues } = formMethods
+
+  const filterType = watch(TxFilterFormFieldNames.FILTER_TYPE)
+
+  const isIncomingFilter = filterType === TxFilterType.INCOMING
+  const isMultisigFilter = filterType === TxFilterType.MULTISIG
+  const isModuleFilter = filterType === TxFilterType.MODULE
+
+  // Only subscribe to relevant `formState`
+  const { dirtyFields, isValid } = useFormState({ control })
+
+  const dirtyFieldNames = Object.keys(dirtyFields)
+
+  const canClear = useMemo(() => {
+    const isFormDirty = dirtyFieldNames.some((name) => name !== TxFilterFormFieldNames.FILTER_TYPE)
+    const hasFilterInQuery = !!filter?.type
+    return !isValid || isFormDirty || hasFilterInQuery
+  }, [dirtyFieldNames, filter?.type, isValid])
+
+  const clearFilter = () => {
+    setFilter(null)
+
+    reset({
+      ...defaultValues,
+      // Persist the current type
+      [TxFilterFormFieldNames.FILTER_TYPE]: getValues(TxFilterFormFieldNames.FILTER_TYPE),
+    })
+  }
+
+  const onSubmit = (data: TxFilterFormState) => {
+    for (const name of dirtyFieldNames) {
+      trackEvent({ ...TX_LIST_EVENTS.FILTER, label: name })
+    }
+
+    const filterData = txFilter.parseFormData(data)
+
+    setFilter(filterData)
+
+    toggleFilter()
+  }
+
+  return (
+    <Paper elevation={0} variant="outlined" className={css.filterWrapper}>
+      <FormProvider {...formMethods}>
+        <form onSubmit={handleSubmit(onSubmit)}>
+          <Grid data-testid="filter-modal" container>
+            <Grid item xs={12} md={3} sx={{ p: 4 }}>
+              <FormControl>
+                <FormLabel sx={{ mb: 2, color: ({ palette }) => palette.primary.light }}>Transaction type</FormLabel>
+                <Controller
+                  name={TxFilterFormFieldNames.FILTER_TYPE}
+                  control={control}
+                  render={({ field }) => (
+                    <RadioGroup {...field}>
+                      {Object.values(TxFilterType).map((value) => (
+                        <FormControlLabel value={value} control={<Radio />} label={value} key={value} />
+                      ))}
+                    </RadioGroup>
+                  )}
+                />
+              </FormControl>
+            </Grid>
+
+            <Divider orientation="vertical" flexItem />
+
+            <Grid item xs={12} md={8} sx={{ p: 4 }}>
+              <FormControl sx={{ width: '100%' }}>
+                <FormLabel sx={{ mb: 3, color: ({ palette }) => palette.primary.light }}>Parameters</FormLabel>
+                <Grid container item spacing={2} xs={12}>
+                  {!isModuleFilter && (
+                    <>
+                      <Grid data-testid="start-date" item xs={12} md={6}>
+                        <DatePickerInput
+                          name={TxFilterFormFieldNames.DATE_FROM}
+                          label="From"
+                          deps={[TxFilterFormFieldNames.DATE_TO]}
+                          validate={(val: TxFilterFormState[TxFilterFormFieldNames.DATE_FROM]) => {
+                            const toDate = getValues(TxFilterFormFieldNames.DATE_TO)
+                            if (val && toDate && isBefore(startOfDay(toDate), startOfDay(val))) {
+                              return 'Must be before "To" date'
+                            }
+                          }}
+                        />
+                      </Grid>
+                      <Grid data-testid="end-date" item xs={12} md={6}>
+                        <DatePickerInput
+                          name={TxFilterFormFieldNames.DATE_TO}
+                          label="To"
+                          deps={[TxFilterFormFieldNames.DATE_FROM]}
+                          validate={(val: TxFilterFormState[TxFilterFormFieldNames.DATE_FROM]) => {
+                            const fromDate = getValues(TxFilterFormFieldNames.DATE_FROM)
+                            if (val && fromDate && isAfter(startOfDay(fromDate), startOfDay(val))) {
+                              return 'Must be after "From" date'
+                            }
+                          }}
+                        />
+                      </Grid>
+
+                      <Grid item xs={12} md={6}>
+                        <Controller
+                          name={TxFilterFormFieldNames.AMOUNT}
+                          control={control}
+                          rules={{
+                            validate: (val: TxFilterFormState[TxFilterFormFieldNames.AMOUNT]) => {
+                              if (val?.length > 0) {
+                                return validateAmount(val)
+                              }
+                            },
+                          }}
+                          render={({ field, fieldState }) => (
+                            <NumberField
+                              data-testid="amount-input"
+                              className={inputCss.input}
+                              label={
+                                fieldState.error?.message ||
+                                (isIncomingFilter ? 'Amount' : `Amount (only ${chain?.nativeCurrency.symbol || 'ETH'})`)
+                              }
+                              error={!!fieldState.error}
+                              {...field}
+                              fullWidth
+                            />
+                          )}
+                        />
+                      </Grid>
+                    </>
+                  )}
+
+                  {isIncomingFilter && (
+                    <Grid item xs={12} md={6}>
+                      <AddressInput
+                        data-testid="token-input"
+                        label="Token address"
+                        name={TxFilterFormFieldNames.TOKEN_ADDRESS}
+                        required={false}
+                        fullWidth
+                      />
+                    </Grid>
+                  )}
+
+                  {isMultisigFilter && (
+                    <>
+                      <Grid item xs={12} md={6}>
+                        <AddressBookInput
+                          label="Recipient"
+                          name={TxFilterFormFieldNames.RECIPIENT}
+                          required={false}
+                          fullWidth
+                        />
+                      </Grid>
+                      <Grid item xs={12} md={6}>
+                        <Controller
+                          name={TxFilterFormFieldNames.NONCE}
+                          control={control}
+                          rules={{
+                            validate: (val: TxFilterFormState[TxFilterFormFieldNames.NONCE]) => {
+                              if (val?.length > 0) {
+                                return validateAmount(val)
+                              }
+                            },
+                          }}
+                          render={({ field, fieldState }) => (
+                            <NumberField
+                              data-testid="nonce-input"
+                              className={inputCss.input}
+                              label={fieldState.error?.message || 'Nonce'}
+                              error={!!fieldState.error}
+                              {...field}
+                              fullWidth
+                            />
+                          )}
+                        />
+                      </Grid>
+                    </>
+                  )}
+
+                  {isModuleFilter && (
+                    <Grid item xs={12} md={6}>
+                      <AddressBookInput
+                        label="Module"
+                        name={TxFilterFormFieldNames.MODULE}
+                        required={false}
+                        fullWidth
+                      />
+                    </Grid>
+                  )}
+                </Grid>
+              </FormControl>
+
+              <Grid item container md={6} sx={{ gap: 2, mt: 3 }}>
+                <Button data-testid="clear-btn" variant="contained" onClick={clearFilter} disabled={!canClear}>
+                  Clear
+                </Button>
+                <Button data-testid="apply-btn" type="submit" variant="contained" color="primary" disabled={!isValid}>
+                  Apply
+                </Button>
+              </Grid>
+            </Grid>
+          </Grid>
+        </form>
+      </FormProvider>
+    </Paper>
+  )
+}
+
+export default TxFilterForm
diff --git a/src/components/transactions/TxFilterForm/styles.module.css b/apps/web/src/components/transactions/TxFilterForm/styles.module.css
similarity index 100%
rename from src/components/transactions/TxFilterForm/styles.module.css
rename to apps/web/src/components/transactions/TxFilterForm/styles.module.css
diff --git a/src/components/transactions/TxHeader/index.tsx b/apps/web/src/components/transactions/TxHeader/index.tsx
similarity index 100%
rename from src/components/transactions/TxHeader/index.tsx
rename to apps/web/src/components/transactions/TxHeader/index.tsx
diff --git a/apps/web/src/components/transactions/TxInfo/index.tsx b/apps/web/src/components/transactions/TxInfo/index.tsx
new file mode 100644
index 000000000..475680a94
--- /dev/null
+++ b/apps/web/src/components/transactions/TxInfo/index.tsx
@@ -0,0 +1,182 @@
+import { type ReactElement } from 'react'
+import type {
+  Creation,
+  Custom,
+  MultiSend,
+  SettingsChange,
+  TransactionInfo,
+  Transfer,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import { SettingsInfoType } from '@safe-global/safe-gateway-typescript-sdk'
+import TokenAmount from '@/components/common/TokenAmount'
+import {
+  isOrderTxInfo,
+  isCreationTxInfo,
+  isCustomTxInfo,
+  isERC20Transfer,
+  isERC721Transfer,
+  isMultiSendTxInfo,
+  isNativeTokenTransfer,
+  isSettingsChangeTxInfo,
+  isTransferTxInfo,
+  isMigrateToL2TxInfo,
+  isStakingTxDepositInfo,
+  isStakingTxExitInfo,
+  isStakingTxWithdrawInfo,
+  isVaultDepositTxInfo,
+  isVaultRedeemTxInfo,
+} from '@/utils/transaction-guards'
+import { ellipsis, maybePlural, shortenAddress } from '@safe-global/utils/utils/formatters'
+import { useCurrentChain } from '@/hooks/useChains'
+import { SwapTx } from '@/features/swap/components/SwapTxInfo/SwapTx'
+import StakingTxExitInfo from '@/features/stake/components/StakingTxExitInfo'
+import StakingTxWithdrawInfo from '@/features/stake/components/StakingTxWithdrawInfo'
+import { Box } from '@mui/material'
+import css from './styles.module.css'
+import StakingTxDepositInfo from '@/features/stake/components/StakingTxDepositInfo'
+import VaultDepositTxInfo from '@/features/earn/components/VaultDepositTxInfo'
+import VaultRedeemTxInfo from '@/features/earn/components/VaultRedeemTxInfo'
+
+export const TransferTx = ({
+  info,
+  omitSign = false,
+  withLogo = true,
+  preciseAmount = false,
+}: {
+  info: Transfer
+  omitSign?: boolean
+  withLogo?: boolean
+  preciseAmount?: boolean
+}): ReactElement => {
+  const chainConfig = useCurrentChain()
+  const { nativeCurrency } = chainConfig || {}
+  const transfer = info.transferInfo
+  const direction = omitSign ? undefined : info.direction
+
+  if (isNativeTokenTransfer(transfer)) {
+    return (
+      <TokenAmount
+        direction={direction}
+        value={transfer.value}
+        decimals={nativeCurrency?.decimals}
+        tokenSymbol={nativeCurrency?.symbol}
+        logoUri={withLogo ? nativeCurrency?.logoUri : undefined}
+        preciseAmount={preciseAmount}
+      />
+    )
+  }
+
+  if (isERC20Transfer(transfer)) {
+    return (
+      <TokenAmount
+        {...transfer}
+        direction={direction}
+        logoUri={withLogo ? transfer?.logoUri : undefined}
+        preciseAmount={preciseAmount}
+      />
+    )
+  }
+
+  if (isERC721Transfer(transfer)) {
+    return (
+      <TokenAmount
+        {...transfer}
+        tokenSymbol={ellipsis(
+          `${transfer.tokenSymbol ? transfer.tokenSymbol : 'Unknown NFT'} #${transfer.tokenId}`,
+          withLogo ? 16 : 100,
+        )}
+        value="1"
+        decimals={0}
+        direction={undefined}
+        logoUri={withLogo ? transfer?.logoUri : undefined}
+        fallbackSrc="/images/common/nft-placeholder.png"
+      />
+    )
+  }
+
+  return <></>
+}
+
+const CustomTx = ({ info }: { info: Custom }): ReactElement => {
+  return <Box className={css.txInfo}>{info.methodName}</Box>
+}
+
+const CreationTx = ({ info }: { info: Creation }): ReactElement => {
+  return <Box className={css.txInfo}>Created by {shortenAddress(info.creator.value)}</Box>
+}
+
+const MultiSendTx = ({ info }: { info: MultiSend }): ReactElement => {
+  return (
+    <Box className={css.txInfo}>
+      {info.actionCount} {`action${maybePlural(info.actionCount)}`}
+    </Box>
+  )
+}
+
+const SettingsChangeTx = ({ info }: { info: SettingsChange }): ReactElement => {
+  if (
+    info.settingsInfo?.type === SettingsInfoType.ENABLE_MODULE ||
+    info.settingsInfo?.type === SettingsInfoType.DISABLE_MODULE
+  ) {
+    return <Box className={css.txInfo}>{info.settingsInfo.module.name}</Box>
+  }
+  return <></>
+}
+
+const MigrationToL2Tx = (): ReactElement => {
+  return <>Migrate base contract</>
+}
+
+const TxInfo = ({ info, ...rest }: { info: TransactionInfo; omitSign?: boolean; withLogo?: boolean }): ReactElement => {
+  if (isSettingsChangeTxInfo(info)) {
+    return <SettingsChangeTx info={info} />
+  }
+
+  if (isMultiSendTxInfo(info)) {
+    return <MultiSendTx info={info} />
+  }
+
+  if (isTransferTxInfo(info)) {
+    return <TransferTx info={info} {...rest} />
+  }
+
+  if (isMigrateToL2TxInfo(info)) {
+    return <MigrationToL2Tx />
+  }
+
+  if (isCreationTxInfo(info)) {
+    return <CreationTx info={info} />
+  }
+
+  if (isOrderTxInfo(info)) {
+    return <SwapTx info={info} />
+  }
+
+  if (isStakingTxDepositInfo(info)) {
+    return <StakingTxDepositInfo info={info} />
+  }
+
+  if (isStakingTxExitInfo(info)) {
+    return <StakingTxExitInfo info={info} />
+  }
+
+  if (isStakingTxWithdrawInfo(info)) {
+    return <StakingTxWithdrawInfo info={info} />
+  }
+
+  if (isVaultDepositTxInfo(info)) {
+    return <VaultDepositTxInfo txInfo={info} />
+  }
+
+  if (isVaultRedeemTxInfo(info)) {
+    return <VaultRedeemTxInfo txInfo={info} />
+  }
+
+  if (isCustomTxInfo(info)) {
+    return <CustomTx info={info} />
+  }
+
+  return <></>
+}
+
+export default TxInfo
diff --git a/apps/web/src/components/transactions/TxInfo/styles.module.css b/apps/web/src/components/transactions/TxInfo/styles.module.css
new file mode 100644
index 000000000..5e6635d9b
--- /dev/null
+++ b/apps/web/src/components/transactions/TxInfo/styles.module.css
@@ -0,0 +1,5 @@
+.txInfo {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
diff --git a/src/components/transactions/TxList/index.tsx b/apps/web/src/components/transactions/TxList/index.tsx
similarity index 100%
rename from src/components/transactions/TxList/index.tsx
rename to apps/web/src/components/transactions/TxList/index.tsx
diff --git a/src/components/transactions/TxList/styles.module.css b/apps/web/src/components/transactions/TxList/styles.module.css
similarity index 100%
rename from src/components/transactions/TxList/styles.module.css
rename to apps/web/src/components/transactions/TxList/styles.module.css
diff --git a/src/components/transactions/TxListItem/ExpandableTransactionItem.tsx b/apps/web/src/components/transactions/TxListItem/ExpandableTransactionItem.tsx
similarity index 99%
rename from src/components/transactions/TxListItem/ExpandableTransactionItem.tsx
rename to apps/web/src/components/transactions/TxListItem/ExpandableTransactionItem.tsx
index f94fb2b35..d73530cdd 100644
--- a/src/components/transactions/TxListItem/ExpandableTransactionItem.tsx
+++ b/apps/web/src/components/transactions/TxListItem/ExpandableTransactionItem.tsx
@@ -57,6 +57,7 @@ export const ExpandableTransactionItem = ({
             padding: '12px 0',
           },
         }}
+        component="div"
       >
         <TxSummary item={item} isConflictGroup={isConflictGroup} isBulkGroup={isBulkGroup} />
       </AccordionSummary>
diff --git a/src/components/transactions/TxListItem/index.tsx b/apps/web/src/components/transactions/TxListItem/index.tsx
similarity index 100%
rename from src/components/transactions/TxListItem/index.tsx
rename to apps/web/src/components/transactions/TxListItem/index.tsx
diff --git a/src/components/transactions/TxListItem/styles.module.css b/apps/web/src/components/transactions/TxListItem/styles.module.css
similarity index 100%
rename from src/components/transactions/TxListItem/styles.module.css
rename to apps/web/src/components/transactions/TxListItem/styles.module.css
diff --git a/apps/web/src/components/transactions/TxNavigation/index.tsx b/apps/web/src/components/transactions/TxNavigation/index.tsx
new file mode 100644
index 000000000..c4cb03db0
--- /dev/null
+++ b/apps/web/src/components/transactions/TxNavigation/index.tsx
@@ -0,0 +1,18 @@
+import NavTabs from '@/components/common/NavTabs'
+import { transactionNavItems } from '@/components/sidebar/SidebarNavigation/config'
+import { AppRoutes } from '@/config/routes'
+import { useHasFeature } from '@/hooks/useChains'
+
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const TxNavigation = () => {
+  const isEIP1271 = useHasFeature(FEATURES.EIP1271)
+
+  const navItems = isEIP1271
+    ? transactionNavItems
+    : transactionNavItems.filter((item) => item.href !== AppRoutes.transactions.messages)
+
+  return <NavTabs tabs={navItems} />
+}
+
+export default TxNavigation
diff --git a/apps/web/src/components/transactions/TxShareLink/TxShareButton.tsx b/apps/web/src/components/transactions/TxShareLink/TxShareButton.tsx
new file mode 100644
index 000000000..cf4839360
--- /dev/null
+++ b/apps/web/src/components/transactions/TxShareLink/TxShareButton.tsx
@@ -0,0 +1,17 @@
+import { IconButton, Link, SvgIcon } from '@mui/material'
+import React from 'react'
+import type { ReactElement } from 'react'
+
+import ShareIcon from '@/public/images/common/share.svg'
+import TxShareLink from './TxShareLink'
+import { CopyDeeplinkLabels } from '@/services/analytics'
+
+export function TxShareButton({ txId }: { txId: string }): ReactElement {
+  return (
+    <TxShareLink id={txId} eventLabel={CopyDeeplinkLabels.button}>
+      <IconButton data-testid="share-btn" component={Link} aria-label="Share">
+        <SvgIcon component={ShareIcon} inheritViewBox fontSize="small" color="border" />
+      </IconButton>
+    </TxShareLink>
+  )
+}
diff --git a/apps/web/src/components/transactions/TxShareLink/TxShareLink.tsx b/apps/web/src/components/transactions/TxShareLink/TxShareLink.tsx
new file mode 100644
index 000000000..3a84f2c5f
--- /dev/null
+++ b/apps/web/src/components/transactions/TxShareLink/TxShareLink.tsx
@@ -0,0 +1,34 @@
+import type { ReactElement } from 'react'
+import { AppRoutes } from '@/config/routes'
+import { useRouter } from 'next/router'
+import Track from '@/components/common/Track'
+import type { CopyDeeplinkLabels } from '@/services/analytics'
+import { TX_LIST_EVENTS } from '@/services/analytics'
+import React from 'react'
+import CopyTooltip from '@/components/common/CopyTooltip'
+import useOrigin from '@/hooks/useOrigin'
+
+const TxShareLink = ({
+  id,
+  children,
+  eventLabel,
+}: {
+  id: string
+  children: ReactElement
+  eventLabel: CopyDeeplinkLabels
+}): ReactElement => {
+  const router = useRouter()
+  const { safe = '' } = router.query
+  const href = `${AppRoutes.transactions.tx}?safe=${safe}&id=${id}`
+  const txUrl = useOrigin() + href
+
+  return (
+    <Track {...TX_LIST_EVENTS.COPY_DEEPLINK} label={eventLabel}>
+      <CopyTooltip text={txUrl} initialToolTipText="Copy the transaction URL">
+        {children}
+      </CopyTooltip>
+    </Track>
+  )
+}
+
+export default TxShareLink
diff --git a/apps/web/src/components/transactions/TxShareLink/index.tsx b/apps/web/src/components/transactions/TxShareLink/index.tsx
new file mode 100644
index 000000000..479fd666f
--- /dev/null
+++ b/apps/web/src/components/transactions/TxShareLink/index.tsx
@@ -0,0 +1,67 @@
+import { Accordion, AccordionDetails, AccordionSummary, Box, Button, Paper, SvgIcon, Typography } from '@mui/material'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+
+import ShareIcon from '@/public/images/messages/link.svg'
+import { CopyDeeplinkLabels, trackEvent, TX_LIST_EVENTS } from '@/services/analytics'
+import TxShareLink from './TxShareLink'
+
+import css from './styles.module.css'
+import { getBlockExplorerLink } from '@safe-global/utils/utils/chains'
+import { useCurrentChain } from '@/hooks/useChains'
+import ExplorerButton from '@/components/common/ExplorerButton'
+
+function TxShareAccordion({ noExpand = false }: { noExpand: boolean }) {
+  const onExpand = (_: React.SyntheticEvent, expanded: boolean) => {
+    if (expanded) {
+      trackEvent(TX_LIST_EVENTS.OPEN_SHARE_BLOCK)
+    }
+  }
+
+  return (
+    <Accordion className={css.accordion} onChange={onExpand} disabled={noExpand}>
+      <AccordionSummary expandIcon={noExpand ? null : <ExpandMoreIcon />} className={css.summary}>
+        <Typography className={css.header}>Share link{!noExpand && ' with other signers'}</Typography>
+      </AccordionSummary>
+
+      <AccordionDetails data-testid="share-block-details" className={css.details}>
+        If signers have previously subscribed to notifications, they will be notified about signing this transaction.
+        You can also share the link with them to speed up the process.
+      </AccordionDetails>
+    </Accordion>
+  )
+}
+
+function ExplorerLink({ txHash }: { txHash: string }) {
+  const chain = useCurrentChain()
+  const explorerLiknk = chain ? getBlockExplorerLink(chain, txHash) : undefined
+
+  return (
+    <Button variant="text" size="compact" className={css.button}>
+      <ExplorerButton {...explorerLiknk} isCompact={false} fontSize="14px" />
+    </Button>
+  )
+}
+
+export function TxShareBlock({ txId, txHash }: { txId: string; txHash?: string }) {
+  return (
+    <Paper data-testid="share-block" className={css.wrapper}>
+      <TxShareAccordion noExpand={!!txHash} />
+
+      <Box p={2} pt={0.5} display="flex" flexWrap="wrap" alignItems="center" gap={1}>
+        <TxShareLink id={txId} eventLabel={CopyDeeplinkLabels.shareBlock}>
+          <Button
+            data-testid="copy-link-btn"
+            variant="outlined"
+            size="compact"
+            startIcon={<SvgIcon component={ShareIcon} inheritViewBox fontSize="small" />}
+            className={css.button}
+          >
+            Copy link
+          </Button>
+        </TxShareLink>
+
+        {txHash && <ExplorerLink txHash={txHash} />}
+      </Box>
+    </Paper>
+  )
+}
diff --git a/apps/web/src/components/transactions/TxShareLink/styles.module.css b/apps/web/src/components/transactions/TxShareLink/styles.module.css
new file mode 100644
index 000000000..3ede08d15
--- /dev/null
+++ b/apps/web/src/components/transactions/TxShareLink/styles.module.css
@@ -0,0 +1,35 @@
+.wrapper {
+  border: 1px solid var(--color-border-light);
+}
+
+.accordion {
+  border: unset;
+}
+
+.accordion {
+  background-color: unset !important;
+}
+
+.accordion button {
+  opacity: 1 !important;
+}
+
+.summary {
+  background-color: unset !important;
+}
+
+.header {
+  font-weight: 700;
+}
+
+.details {
+  padding-top: 0;
+  padding-bottom: 12px;
+}
+
+.button {
+  padding: var(--space-2);
+  padding-top: 4px;
+  padding-bottom: 4px;
+  white-space: nowrap;
+}
diff --git a/apps/web/src/components/transactions/TxSigners/index.tsx b/apps/web/src/components/transactions/TxSigners/index.tsx
new file mode 100644
index 000000000..5e7a53413
--- /dev/null
+++ b/apps/web/src/components/transactions/TxSigners/index.tsx
@@ -0,0 +1,259 @@
+import { useState, type ReactElement } from 'react'
+import {
+  Box,
+  Link,
+  List,
+  ListItem,
+  ListItemIcon,
+  ListItemText,
+  type Palette,
+  SvgIcon,
+  Typography,
+  type ListItemIconProps,
+} from '@mui/material'
+import type {
+  DetailedExecutionInfo,
+  TransactionDetails,
+  TransactionSummary,
+} from '@safe-global/safe-gateway-typescript-sdk'
+
+import useWallet from '@/hooks/wallets/useWallet'
+import useIsPending from '@/hooks/useIsPending'
+import { isCancellationTxInfo, isExecutable, isMultisigDetailedExecutionInfo } from '@/utils/transaction-guards'
+import EthHashInfo from '@/components/common/EthHashInfo'
+
+import css from './styles.module.css'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import CreatedIcon from '@/public/images/common/created.svg'
+import DotIcon from '@/public/images/common/dot.svg'
+import CircleIcon from '@/public/images/common/circle.svg'
+import CheckIcon from '@/public/images/common/circle-check.svg'
+import CancelIcon from '@/public/images/common/cancel.svg'
+import useTransactionStatus from '@/hooks/useTransactionStatus'
+
+// Icons
+const Created = () => (
+  <SvgIcon
+    component={CreatedIcon}
+    inheritViewBox
+    className={css.icon}
+    sx={{
+      '& path:last-of-type': { fill: ({ palette }) => palette.background.paper },
+    }}
+  />
+)
+const MissingConfirmation = () => <SvgIcon component={CircleIcon} inheritViewBox className={css.icon} />
+const Check = () => (
+  <SvgIcon
+    component={CheckIcon}
+    inheritViewBox
+    className={css.icon}
+    sx={{
+      '& path:last-of-type': { fill: ({ palette }) => palette.background.paper },
+    }}
+  />
+)
+const Cancel = () => <SvgIcon component={CancelIcon} inheritViewBox className={css.icon} />
+const Dot = () => <SvgIcon component={DotIcon} inheritViewBox className={css.dot} />
+
+enum StepState {
+  CONFIRMED = 'CONFIRMED',
+  ACTIVE = 'ACTIVE',
+  DISABLED = 'DISABLED',
+  ERROR = 'ERROR',
+}
+
+const getStepColor = (state: StepState, palette: Palette): string => {
+  const colors: { [_key in StepState]: string } = {
+    [StepState.CONFIRMED]: palette.primary.main,
+    [StepState.ACTIVE]: palette.warning.dark,
+    [StepState.DISABLED]: palette.border.main,
+    [StepState.ERROR]: palette.error.main,
+  }
+  return colors[state]
+}
+
+const StyledListItemIcon = ({
+  $state,
+  ...rest
+}: {
+  $state: StepState
+} & ListItemIconProps) => (
+  <ListItemIcon
+    sx={({ palette }) => ({
+      '.MuiSvgIcon-root': {
+        color: getStepColor($state, palette),
+        alignItems: 'center',
+      },
+    })}
+    {...rest}
+  />
+)
+
+const shouldHideConfirmations = (detailedExecutionInfo?: DetailedExecutionInfo): boolean => {
+  if (!detailedExecutionInfo || !isMultisigDetailedExecutionInfo(detailedExecutionInfo)) {
+    return true
+  }
+
+  const confirmationsNeeded = detailedExecutionInfo.confirmationsRequired - detailedExecutionInfo.confirmations.length
+  const isConfirmed = confirmationsNeeded <= 0
+
+  // Threshold reached or more than 3 confirmations
+  return isConfirmed || detailedExecutionInfo.confirmations.length > 3
+}
+
+type TxSignersProps = {
+  txDetails: TransactionDetails
+  txSummary: TransactionSummary
+  isTxFromProposer: boolean
+  proposer?: string
+}
+
+export const TxSigners = ({
+  txDetails,
+  txSummary,
+  isTxFromProposer,
+  proposer,
+}: TxSignersProps): ReactElement | null => {
+  const { detailedExecutionInfo, txInfo, txId } = txDetails
+  const [hideConfirmations, setHideConfirmations] = useState<boolean>(shouldHideConfirmations(detailedExecutionInfo))
+  const isPending = useIsPending(txId)
+  const txStatus = useTransactionStatus(txSummary)
+  const wallet = useWallet()
+  const { safe } = useSafeInfo()
+
+  const toggleHide = () => {
+    setHideConfirmations((prev) => !prev)
+  }
+
+  if (!detailedExecutionInfo || !isMultisigDetailedExecutionInfo(detailedExecutionInfo)) {
+    return null
+  }
+
+  const { confirmations, confirmationsRequired, executor } = detailedExecutionInfo
+
+  // TODO: Refactor to use `isConfirmableBy`
+  const confirmationsCount = confirmations.length
+  const canExecute = wallet?.address ? isExecutable(txSummary, wallet.address, safe) : false
+  const confirmationsNeeded = confirmationsRequired - confirmations.length
+  const isConfirmed = confirmationsNeeded <= 0 || canExecute
+
+  return (
+    <Box mb={2}>
+      <List data-testid="transaction-actions-list" className={css.signers}>
+        <ListItem>
+          {isCancellationTxInfo(txInfo) ? (
+            <>
+              <StyledListItemIcon $state={StepState.ERROR}>
+                <Cancel />
+              </StyledListItemIcon>
+              <ListItemText primaryTypographyProps={{ fontWeight: 700 }}>On-chain rejection created</ListItemText>
+            </>
+          ) : (
+            <>
+              <StyledListItemIcon $state={StepState.CONFIRMED}>
+                <Created />
+              </StyledListItemIcon>
+              <ListItemText data-testid="create-action" primaryTypographyProps={{ fontWeight: 700 }}>
+                Created
+              </ListItemText>
+            </>
+          )}
+        </ListItem>
+
+        {proposer && (
+          <ListItem key={proposer} sx={{ py: 0 }}>
+            <StyledListItemIcon $state={StepState.CONFIRMED}>
+              <Dot />
+            </StyledListItemIcon>
+            <ListItemText data-testid="signer">
+              <EthHashInfo address={proposer} hasExplorer showCopyButton />
+            </ListItemText>
+          </ListItem>
+        )}
+
+        {confirmations.length > 0 && (
+          <ListItem>
+            <StyledListItemIcon $state={isConfirmed ? StepState.CONFIRMED : StepState.ACTIVE}>
+              {isConfirmed ? <Check /> : <MissingConfirmation />}
+            </StyledListItemIcon>
+            <ListItemText data-testid="confirmation-action" primaryTypographyProps={{ fontWeight: 700 }}>
+              Confirmations{' '}
+              <Box className={css.confirmationsTotal}>({`${confirmationsCount} of ${confirmationsRequired}`})</Box>
+            </ListItemText>
+          </ListItem>
+        )}
+
+        {!hideConfirmations &&
+          confirmations.map(({ signer }) => (
+            <ListItem key={signer.value} sx={{ py: 0 }}>
+              <StyledListItemIcon $state={StepState.CONFIRMED}>
+                <Dot />
+              </StyledListItemIcon>
+              <ListItemText data-testid="signer">
+                <EthHashInfo address={signer.value} name={signer.name} hasExplorer showCopyButton />
+              </ListItemText>
+            </ListItem>
+          ))}
+        {confirmations.length > 0 && (
+          <ListItem>
+            <StyledListItemIcon $state={StepState.CONFIRMED}>
+              <Dot />
+            </StyledListItemIcon>
+            <ListItemText>
+              <Link
+                data-testid="confirmation-visibility-btn"
+                component="button"
+                onClick={toggleHide}
+                sx={{
+                  fontSize: 'medium',
+                }}
+              >
+                {hideConfirmations ? 'Show all' : 'Hide all'}
+              </Link>
+            </ListItemText>
+          </ListItem>
+        )}
+        <ListItem sx={{ alignItems: 'flex-start' }}>
+          <StyledListItemIcon $state={executor ? StepState.CONFIRMED : StepState.DISABLED}>
+            {executor ? <Check /> : <MissingConfirmation />}
+          </StyledListItemIcon>
+          <ListItemText
+            primary={
+              executor ? 'Executed' : isPending ? txStatus : isTxFromProposer ? 'Signer review' : 'Can be executed'
+            }
+            secondary={
+              isTxFromProposer
+                ? 'This transaction was created by a Proposer. Please review and either confirm or reject it. Once confirmed, it can be finalized and executed.'
+                : undefined
+            }
+            data-testid="tx-action-status"
+            primaryTypographyProps={{ fontWeight: 700 }}
+            secondaryTypographyProps={{ mt: 1 }}
+          />
+        </ListItem>
+      </List>
+      {executor ? (
+        <Box data-testid="executor" className={css.listFooter}>
+          <EthHashInfo
+            address={executor.value}
+            name={executor.name}
+            customAvatar={executor.logoUri}
+            hasExplorer
+            showCopyButton
+          />
+        </Box>
+      ) : (
+        !isConfirmed && (
+          <Box className={css.listFooter}>
+            <Typography sx={({ palette }) => ({ color: palette.border.main })}>
+              Can be executed once the threshold is reached
+            </Typography>
+          </Box>
+        )
+      )}
+    </Box>
+  )
+}
+
+export default TxSigners
diff --git a/src/components/transactions/TxSigners/styles.module.css b/apps/web/src/components/transactions/TxSigners/styles.module.css
similarity index 100%
rename from src/components/transactions/TxSigners/styles.module.css
rename to apps/web/src/components/transactions/TxSigners/styles.module.css
diff --git a/src/components/transactions/TxStatusChip/index.stories.tsx b/apps/web/src/components/transactions/TxStatusChip/index.stories.tsx
similarity index 100%
rename from src/components/transactions/TxStatusChip/index.stories.tsx
rename to apps/web/src/components/transactions/TxStatusChip/index.stories.tsx
diff --git a/apps/web/src/components/transactions/TxStatusChip/index.tsx b/apps/web/src/components/transactions/TxStatusChip/index.tsx
new file mode 100644
index 000000000..339236fb7
--- /dev/null
+++ b/apps/web/src/components/transactions/TxStatusChip/index.tsx
@@ -0,0 +1,33 @@
+import type { ReactElement, ReactNode } from 'react'
+import { Typography, Chip } from '@mui/material'
+
+export type TxStatusChipProps = {
+  children: ReactNode
+  color?: 'primary' | 'secondary' | 'info' | 'warning' | 'success' | 'error'
+}
+
+const TxStatusChip = ({ children, color }: TxStatusChipProps): ReactElement => {
+  return (
+    <Chip
+      size="small"
+      sx={{
+        backgroundColor: `${color}.background`,
+        color: `${color}.${color === 'success' ? 'dark' : color === 'primary' ? 'light' : 'main'}`,
+      }}
+      label={
+        <Typography
+          variant="caption"
+          fontWeight="bold"
+          display="flex"
+          alignItems="center"
+          justifyContent="center"
+          gap={0.7}
+        >
+          {children}
+        </Typography>
+      }
+    />
+  )
+}
+
+export default TxStatusChip
diff --git a/apps/web/src/components/transactions/TxStatusLabel/index.tsx b/apps/web/src/components/transactions/TxStatusLabel/index.tsx
new file mode 100644
index 000000000..f284b162b
--- /dev/null
+++ b/apps/web/src/components/transactions/TxStatusLabel/index.tsx
@@ -0,0 +1,46 @@
+import { isCancelledSwapOrder } from '@/utils/transaction-guards'
+import { CircularProgress, type Palette, Typography } from '@mui/material'
+import { TransactionStatus, type TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
+import useIsPending from '@/hooks/useIsPending'
+import useTransactionStatus from '@/hooks/useTransactionStatus'
+
+const getStatusColor = (tx: TransactionSummary, palette: Palette) => {
+  if (isCancelledSwapOrder(tx.txInfo)) {
+    return palette.error.main
+  }
+
+  switch (tx.txStatus) {
+    case TransactionStatus.SUCCESS:
+      return palette.success.main
+    case TransactionStatus.FAILED:
+    case TransactionStatus.CANCELLED:
+      return palette.error.main
+    case TransactionStatus.AWAITING_CONFIRMATIONS:
+    case TransactionStatus.AWAITING_EXECUTION:
+      return palette.warning.main
+    default:
+      return palette.primary.main
+  }
+}
+
+const TxStatusLabel = ({ tx }: { tx: TransactionSummary }) => {
+  const txStatusLabel = useTransactionStatus(tx)
+  const isPending = useIsPending(tx.id)
+
+  return (
+    <Typography
+      variant="caption"
+      fontWeight="bold"
+      display="flex"
+      alignItems="center"
+      gap={1}
+      sx={{ color: ({ palette }) => getStatusColor(tx, palette) }}
+      data-testid="tx-status-label"
+    >
+      {isPending && <CircularProgress size={14} color="inherit" />}
+      {txStatusLabel}
+    </Typography>
+  )
+}
+
+export default TxStatusLabel
diff --git a/src/components/transactions/TxSummary/QueueActions.tsx b/apps/web/src/components/transactions/TxSummary/QueueActions.tsx
similarity index 100%
rename from src/components/transactions/TxSummary/QueueActions.tsx
rename to apps/web/src/components/transactions/TxSummary/QueueActions.tsx
diff --git a/src/components/transactions/TxSummary/index.test.tsx b/apps/web/src/components/transactions/TxSummary/index.test.tsx
similarity index 100%
rename from src/components/transactions/TxSummary/index.test.tsx
rename to apps/web/src/components/transactions/TxSummary/index.test.tsx
diff --git a/apps/web/src/components/transactions/TxSummary/index.tsx b/apps/web/src/components/transactions/TxSummary/index.tsx
new file mode 100644
index 000000000..5bc72170d
--- /dev/null
+++ b/apps/web/src/components/transactions/TxSummary/index.tsx
@@ -0,0 +1,104 @@
+import TxProposalChip from '@/features/proposers/components/TxProposalChip'
+import StatusLabel from '@/features/swap/components/StatusLabel'
+import useIsExpiredSwap from '@/features/swap/hooks/useIsExpiredSwap'
+import { Box } from '@mui/material'
+import type { ReactElement } from 'react'
+import { type Transaction } from '@safe-global/safe-gateway-typescript-sdk'
+
+import css from './styles.module.css'
+import DateTime from '@/components/common/DateTime'
+import TxInfo from '@/components/transactions/TxInfo'
+import { isMultisigExecutionInfo, isTxQueued } from '@/utils/transaction-guards'
+import TxType from '@/components/transactions/TxType'
+import classNames from 'classnames'
+import { isImitation, isTrustedTx } from '@/utils/transactions'
+import MaliciousTxWarning from '../MaliciousTxWarning'
+import QueueActions from './QueueActions'
+import useIsPending from '@/hooks/useIsPending'
+import TxConfirmations from '../TxConfirmations'
+import { useHasFeature } from '@/hooks/useChains'
+import TxStatusLabel from '@/components/transactions/TxStatusLabel'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+type TxSummaryProps = {
+  isConflictGroup?: boolean
+  isBulkGroup?: boolean
+  item: Transaction
+}
+
+const TxSummary = ({ item, isConflictGroup, isBulkGroup }: TxSummaryProps): ReactElement => {
+  const hasDefaultTokenlist = useHasFeature(FEATURES.DEFAULT_TOKENLIST)
+
+  const tx = item.transaction
+  const isQueue = isTxQueued(tx.txStatus)
+  const nonce = isMultisigExecutionInfo(tx.executionInfo) ? tx.executionInfo.nonce : undefined
+  const isTrusted = !hasDefaultTokenlist || isTrustedTx(tx)
+  const isImitationTransaction = isImitation(tx)
+  const isPending = useIsPending(tx.id)
+  const executionInfo = isMultisigExecutionInfo(tx.executionInfo) ? tx.executionInfo : undefined
+  const expiredSwap = useIsExpiredSwap(tx.txInfo)
+
+  return (
+    <Box
+      data-testid="transaction-item"
+      className={classNames(css.gridContainer, {
+        [css.history]: !isQueue,
+        [css.conflictGroup]: isConflictGroup,
+        [css.bulkGroup]: isBulkGroup,
+        [css.untrusted]: !isTrusted || isImitationTransaction,
+      })}
+      id={tx.id}
+    >
+      {nonce !== undefined && !isConflictGroup && !isBulkGroup && (
+        <Box data-testid="nonce" className={css.nonce} gridArea="nonce">
+          {nonce}
+        </Box>
+      )}
+
+      {(isImitationTransaction || !isTrusted) && (
+        <Box data-testid="warning" gridArea="nonce">
+          <MaliciousTxWarning withTooltip={!isImitationTransaction} />
+        </Box>
+      )}
+
+      <Box data-testid="tx-type" gridArea="type">
+        <TxType tx={tx} />
+      </Box>
+
+      <Box data-testid="tx-info" gridArea="info">
+        <TxInfo info={tx.txInfo} />
+      </Box>
+
+      <Box data-testid="tx-date" className={css.date} gridArea="date">
+        <DateTime value={tx.timestamp} />
+      </Box>
+
+      {isQueue && executionInfo && (
+        <Box gridArea="confirmations">
+          {executionInfo.confirmationsSubmitted > 0 || isPending ? (
+            <TxConfirmations
+              submittedConfirmations={executionInfo.confirmationsSubmitted}
+              requiredConfirmations={executionInfo.confirmationsRequired}
+            />
+          ) : (
+            <TxProposalChip />
+          )}
+        </Box>
+      )}
+
+      {(!isQueue || expiredSwap || isPending) && (
+        <Box className={css.status} gridArea="status">
+          {isQueue && expiredSwap ? <StatusLabel status="expired" /> : <TxStatusLabel tx={tx} />}
+        </Box>
+      )}
+
+      {isQueue && !expiredSwap && (
+        <Box gridArea="actions">
+          <QueueActions tx={tx} />
+        </Box>
+      )}
+    </Box>
+  )
+}
+
+export default TxSummary
diff --git a/apps/web/src/components/transactions/TxSummary/styles.module.css b/apps/web/src/components/transactions/TxSummary/styles.module.css
new file mode 100644
index 000000000..122d2ab7c
--- /dev/null
+++ b/apps/web/src/components/transactions/TxSummary/styles.module.css
@@ -0,0 +1,85 @@
+.gridContainer {
+  --grid-nonce: minmax(45px, 0.25fr);
+  --grid-type: minmax(150px, 3fr);
+  --grid-info: minmax(190px, 3fr);
+  --grid-date: minmax(200px, 3fr);
+  --grid-confirmations: minmax(120px, 1fr);
+
+  --grid-status: minmax(120px, 1fr);
+  --grid-actions: minmax(100px, 1fr);
+
+  width: 100%;
+  display: grid;
+  gap: var(--space-2);
+  align-items: center;
+  white-space: nowrap;
+  grid-template-columns:
+    var(--grid-nonce) var(--grid-type) var(--grid-info) var(--grid-date) var(--grid-confirmations)
+    var(--grid-status) var(--grid-actions);
+  grid-template-areas: 'nonce type info date confirmations status actions';
+}
+
+.gridContainer > * {
+  max-width: 100%;
+}
+
+.gridContainer.history {
+  grid-template-columns: var(--grid-nonce) var(--grid-type) var(--grid-info) var(--grid-date) var(--grid-status);
+  grid-template-areas: 'nonce type info date status';
+}
+
+.gridContainer.conflictGroup {
+  grid-template-columns:
+    var(--grid-type) var(--grid-info) var(--grid-date) var(--grid-confirmations) var(--grid-status)
+    var(--grid-actions);
+  grid-template-areas: 'type info date confirmations status actions';
+}
+
+.gridContainer.bulkGroup {
+  grid-template-columns: var(--grid-type) var(--grid-info) var(--grid-date) var(--grid-status);
+  grid-template-areas: 'type info date status';
+}
+
+.gridContainer.bulkGroup.untrusted {
+  grid-template-columns: var(--grid-nonce) minmax(200px, 2.4fr) var(--grid-info) var(--grid-date) var(--grid-status);
+  grid-template-areas: 'nonce type info date status';
+}
+
+.gridContainer.message {
+  grid-template-columns: var(--grid-type) var(--grid-info) var(--grid-date) var(--grid-status) var(--grid-confirmations);
+  grid-template-areas: 'type info date status confirmations';
+}
+
+.gridContainer.untrusted :not(:first-child):is(div) {
+  opacity: 0.4;
+}
+
+.gridContainer .status {
+  margin-right: var(--space-3);
+  display: flex;
+  justify-content: flex-end;
+}
+
+.date {
+  color: var(--color-text-secondary);
+}
+
+@media (max-width: 1350px) {
+  .gridContainer {
+    gap: var(--space-1);
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  .nonce {
+    min-width: 30px;
+  }
+
+  .date {
+    width: 100%;
+  }
+
+  .status {
+    margin: 0 var(--space-1);
+  }
+}
diff --git a/apps/web/src/components/transactions/TxType/index.tsx b/apps/web/src/components/transactions/TxType/index.tsx
new file mode 100644
index 000000000..9fbffd993
--- /dev/null
+++ b/apps/web/src/components/transactions/TxType/index.tsx
@@ -0,0 +1,60 @@
+import { useTransactionType } from '@/hooks/useTransactionType'
+import type { TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
+import { Box } from '@mui/material'
+import css from './styles.module.css'
+import SafeAppIconCard from '@/components/safe-apps/SafeAppIconCard'
+import { isValidElement } from 'react'
+
+type TxTypeProps = {
+  tx: TransactionSummary
+}
+
+export const TxTypeIcon = ({ tx }: TxTypeProps) => {
+  const type = useTransactionType(tx)
+
+  return (
+    <Box className={css.txType}>
+      {isValidElement(type.icon) ? (
+        type.icon
+      ) : typeof type.icon == 'string' ? (
+        <SafeAppIconCard
+          src={type.icon}
+          alt={type.text}
+          width={16}
+          height={16}
+          fallback="/images/transactions/custom.svg"
+        />
+      ) : null}
+    </Box>
+  )
+}
+
+export const TxTypeText = ({ tx }: TxTypeProps) => {
+  const type = useTransactionType(tx)
+
+  return type.text
+}
+
+const TxType = ({ tx }: TxTypeProps) => {
+  const type = useTransactionType(tx)
+
+  return (
+    <Box className={css.txType}>
+      {isValidElement(type.icon) ? (
+        type.icon
+      ) : typeof type.icon == 'string' ? (
+        <SafeAppIconCard
+          src={type.icon}
+          alt={type.text}
+          width={16}
+          height={16}
+          fallback="/images/transactions/custom.svg"
+        />
+      ) : null}
+
+      <span className={css.txTypeText}>{type.text}</span>
+    </Box>
+  )
+}
+
+export default TxType
diff --git a/src/components/transactions/TxType/styles.module.css b/apps/web/src/components/transactions/TxType/styles.module.css
similarity index 100%
rename from src/components/transactions/TxType/styles.module.css
rename to apps/web/src/components/transactions/TxType/styles.module.css
diff --git a/apps/web/src/components/transactions/Warning/index.tsx b/apps/web/src/components/transactions/Warning/index.tsx
new file mode 100644
index 000000000..6fa923275
--- /dev/null
+++ b/apps/web/src/components/transactions/Warning/index.tsx
@@ -0,0 +1,91 @@
+import type { ReactElement } from 'react'
+import { Alert, SvgIcon, Tooltip } from '@mui/material'
+import type { AlertColor } from '@mui/material'
+
+import InfoOutlinedIcon from '@/public/images/notifications/info.svg'
+import css from './styles.module.css'
+import ExternalLink from '@/components/common/ExternalLink'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+import { UntrustedFallbackHandlerTxText } from '@/components/tx/confirmation-views/SettingsChange/UntrustedFallbackHandlerTxAlert'
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+const Warning = ({
+  datatestid,
+  title,
+  text,
+  severity,
+}: {
+  datatestid?: String
+  title: string | ReactElement
+  text: string
+  severity: AlertColor
+}): ReactElement => {
+  return (
+    <Tooltip data-testid={datatestid} title={title} placement="top-start" arrow>
+      <Alert
+        className={css.alert}
+        sx={{ borderLeft: ({ palette }) => `3px solid ${palette[severity].main} !important`, alignItems: 'center' }}
+        severity={severity}
+        icon={<SvgIcon component={InfoOutlinedIcon} inheritViewBox color={severity} />}
+      >
+        <b>{text}</b>
+      </Alert>
+    </Tooltip>
+  )
+}
+
+export const DelegateCallWarning = ({ showWarning }: { showWarning: boolean }): ReactElement => {
+  const severity = showWarning ? 'warning' : 'success'
+  return (
+    <Warning
+      datatestid="delegate-call-warning"
+      title={
+        <>
+          This transaction calls a smart contract that will be able to modify your Safe Account.
+          {showWarning && (
+            <>
+              <br />
+              <ExternalLink href={HelpCenterArticle.UNEXPECTED_DELEGATE_CALL}>Learn more</ExternalLink>
+            </>
+          )}
+        </>
+      }
+      severity={severity}
+      text={showWarning ? 'Unexpected delegate call' : 'Delegate call'}
+    />
+  )
+}
+
+export const UntrustedFallbackHandlerWarning = ({
+  isTxExecuted = false,
+}: {
+  isTxExecuted?: boolean
+}): ReactElement | null => (
+  <Warning
+    datatestid="untrusted-fallback-handler-warning"
+    title={<UntrustedFallbackHandlerTxText isTxExecuted={isTxExecuted} />}
+    severity="warning"
+    text="Untrusted fallback handler"
+  />
+)
+
+export const ApprovalWarning = ({ approvalTxCount }: { approvalTxCount: number }): ReactElement => (
+  <Warning title="" severity="warning" text={`${approvalTxCount} ERC20 approval${maybePlural(approvalTxCount)}`} />
+)
+
+export const ThresholdWarning = (): ReactElement => (
+  <Warning
+    datatestid="threshold-warning"
+    title="This transaction potentially alters the number of confirmations required to execute a transaction. Please verify before signing."
+    severity="warning"
+    text="Confirmation policy change"
+  />
+)
+
+export const UnsignedWarning = (): ReactElement => (
+  <Warning
+    title="This transaction is unsigned and could have been created by anyone. To avoid phishing, only sign it if you trust the source of the link."
+    severity="error"
+    text="Untrusted transaction"
+  />
+)
diff --git a/src/components/transactions/Warning/styles.module.css b/apps/web/src/components/transactions/Warning/styles.module.css
similarity index 100%
rename from src/components/transactions/Warning/styles.module.css
rename to apps/web/src/components/transactions/Warning/styles.module.css
diff --git a/apps/web/src/components/tx-flow/SafeTxProvider.tsx b/apps/web/src/components/tx-flow/SafeTxProvider.tsx
new file mode 100644
index 000000000..acc8821c3
--- /dev/null
+++ b/apps/web/src/components/tx-flow/SafeTxProvider.tsx
@@ -0,0 +1,125 @@
+import type { TypedData } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { createContext, useState, useEffect } from 'react'
+import type { Dispatch, ReactNode, SetStateAction, ReactElement } from 'react'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import { createTx } from '@/services/tx/tx-sender'
+import { useRecommendedNonce, useSafeTxGas } from '../tx/SignOrExecuteForm/hooks'
+import { Errors, logError } from '@/services/exceptions'
+
+export type SafeTxContextParams = {
+  safeTx?: SafeTransaction
+  setSafeTx: Dispatch<SetStateAction<SafeTransaction | undefined>>
+
+  safeMessage?: TypedData
+  setSafeMessage: Dispatch<SetStateAction<TypedData | undefined>>
+
+  safeTxError?: Error
+  setSafeTxError: Dispatch<SetStateAction<Error | undefined>>
+
+  nonce?: number
+  setNonce: Dispatch<SetStateAction<number | undefined>>
+  nonceNeeded?: boolean
+  setNonceNeeded: Dispatch<SetStateAction<boolean>>
+
+  safeTxGas?: string
+  setSafeTxGas: Dispatch<SetStateAction<string | undefined>>
+
+  recommendedNonce?: number
+
+  txOrigin?: string
+  setTxOrigin: Dispatch<SetStateAction<string | undefined>>
+
+  isReadOnly: boolean
+  setIsReadOnly: Dispatch<SetStateAction<boolean>>
+  isMassPayout?: boolean
+  setIsMassPayout: Dispatch<SetStateAction<boolean | undefined>>
+}
+
+export const SafeTxContext = createContext<SafeTxContextParams>({
+  setSafeTx: () => {},
+  setSafeMessage: () => {},
+  setSafeTxError: () => {},
+  setNonce: () => {},
+  setNonceNeeded: () => {},
+  setSafeTxGas: () => {},
+  setTxOrigin: () => {},
+  isReadOnly: false,
+  setIsReadOnly: () => {},
+  setIsMassPayout: () => {},
+})
+
+const SafeTxProvider = ({ children }: { children: ReactNode }): ReactElement => {
+  const [safeTx, setSafeTx] = useState<SafeTransaction>()
+  const [safeMessage, setSafeMessage] = useState<TypedData>()
+  const [safeTxError, setSafeTxError] = useState<Error>()
+  const [nonce, setNonce] = useState<number>()
+  const [nonceNeeded, setNonceNeeded] = useState<boolean>(true)
+  const [safeTxGas, setSafeTxGas] = useState<string>()
+  const [txOrigin, setTxOrigin] = useState<string>()
+  const [isReadOnly, setIsReadOnly] = useState<boolean>(false)
+  const [isMassPayout, setIsMassPayout] = useState<boolean>()
+
+  // Signed txs cannot be updated
+  const isSigned = Boolean(safeTx && safeTx.signatures.size > 0)
+
+  // Recommended nonce and safeTxGas
+  const recommendedNonce = useRecommendedNonce()
+  const recommendedSafeTxGas = useSafeTxGas(safeTx)
+
+  const canEdit = !isSigned && !isReadOnly
+
+  // Priority to external nonce, then to the recommended one
+  const finalNonce = canEdit ? (nonce ?? recommendedNonce ?? safeTx?.data.nonce) : safeTx?.data.nonce
+  const finalSafeTxGas = canEdit
+    ? (safeTxGas ?? recommendedSafeTxGas ?? safeTx?.data.safeTxGas)
+    : safeTx?.data.safeTxGas
+
+  // Update the tx when the nonce or safeTxGas change
+  useEffect(() => {
+    if (!canEdit || !safeTx?.data) return
+    if (safeTx.data.nonce === finalNonce && safeTx.data.safeTxGas === finalSafeTxGas) return
+
+    setSafeTxError(undefined)
+
+    createTx({ ...safeTx.data, safeTxGas: String(finalSafeTxGas) }, finalNonce)
+      .then((tx) => {
+        setSafeTx(tx)
+      })
+      .catch(setSafeTxError)
+  }, [canEdit, finalNonce, finalSafeTxGas, safeTx?.data])
+
+  // Log errors
+  useEffect(() => {
+    safeTxError && logError(Errors._103, safeTxError)
+  }, [safeTxError])
+
+  return (
+    <SafeTxContext.Provider
+      value={{
+        safeTx,
+        safeTxError,
+        setSafeTx,
+        setSafeTxError,
+        safeMessage,
+        setSafeMessage,
+        nonce: finalNonce,
+        setNonce,
+        nonceNeeded,
+        setNonceNeeded,
+        safeTxGas: finalSafeTxGas,
+        setSafeTxGas,
+        recommendedNonce,
+        txOrigin,
+        setTxOrigin,
+        isReadOnly,
+        setIsReadOnly,
+        isMassPayout,
+        setIsMassPayout,
+      }}
+    >
+      {children}
+    </SafeTxContext.Provider>
+  )
+}
+
+export default SafeTxProvider
diff --git a/apps/web/src/components/tx-flow/TxFlow.tsx b/apps/web/src/components/tx-flow/TxFlow.tsx
new file mode 100644
index 000000000..ec6da262f
--- /dev/null
+++ b/apps/web/src/components/tx-flow/TxFlow.tsx
@@ -0,0 +1,123 @@
+import React, { useCallback, useMemo, type ReactNode } from 'react'
+import useTxStepper from './useTxStepper'
+import SafeTxProvider from './SafeTxProvider'
+import { TxInfoProvider } from './TxInfoProvider'
+import { TxSecurityProvider } from '../tx/security/shared/TxSecurityContext'
+import TxFlowProvider, { type TxFlowProviderProps, type TxFlowContextType } from './TxFlowProvider'
+import { TxFlowContent } from './common/TxFlowContent'
+import ReviewTransaction from '../tx/ReviewTransactionV2'
+import { ConfirmTxReceipt } from '../tx/ConfirmTxReceipt'
+import { TxChecks, TxNote, SignerSelect, Blockaid } from './features'
+import { Batching, ComboSubmit, Counterfactual, Execute, ExecuteThroughRole, Propose, Sign } from './actions'
+import { SlotProvider } from './slots'
+import { useTrackTimeSpent } from '../tx/SignOrExecuteForm/tracking'
+
+type SubmitCallbackProps = { txId?: string; isExecuted?: boolean }
+export type SubmitCallback = (args?: SubmitCallbackProps) => void
+export type SubmitCallbackWithData<T> = (args: SubmitCallbackProps & { data?: T }) => void
+
+type TxFlowProps<T extends unknown> = {
+  children?: ReactNode[] | ReactNode
+  initialData?: T
+  onSubmit?: SubmitCallbackWithData<T>
+  txId?: TxFlowProviderProps<T>['txId']
+  txNonce?: TxFlowProviderProps<T>['txNonce']
+  onlyExecute?: TxFlowProviderProps<T>['onlyExecute']
+  isExecutable?: TxFlowProviderProps<T>['isExecutable']
+  isRejection?: TxFlowProviderProps<T>['isRejection']
+  isBatch?: TxFlowProviderProps<T>['isBatch']
+  isBatchable?: TxFlowProviderProps<T>['isBatchable']
+  ReviewTransactionComponent?: typeof ReviewTransaction
+  eventCategory?: string
+} & TxFlowContextType['txLayoutProps']
+
+/**
+ * TxFlow component is a wrapper for the transaction flow, providing context and state management.
+ * It uses various providers to manage the transaction state and security context.
+ * The component also handles the transaction steps and progress.
+ * It accepts children components to be rendered within the flow.
+ */
+export const TxFlow = <T extends unknown>({
+  children = [],
+  initialData,
+  txId,
+  txNonce,
+  onSubmit,
+  onlyExecute,
+  isExecutable,
+  isRejection,
+  isBatch,
+  isBatchable,
+  ReviewTransactionComponent = ReviewTransaction,
+  eventCategory,
+  ...txLayoutProps
+}: TxFlowProps<T>) => {
+  const { step, data, nextStep, prevStep } = useTxStepper(initialData, eventCategory)
+
+  const childrenArray = Array.isArray(children) ? children : [children]
+
+  const progress = useMemo(
+    () => Math.round(((step + 1) / (childrenArray.length + 2)) * 100),
+    [step, childrenArray.length],
+  )
+
+  const trackTimeSpent = useTrackTimeSpent()
+
+  const handleFlowSubmit = useCallback<SubmitCallback>(
+    (props) => {
+      onSubmit?.({ ...props, data })
+      trackTimeSpent()
+    },
+    [onSubmit, data, trackTimeSpent],
+  )
+
+  return (
+    <SafeTxProvider>
+      <TxInfoProvider>
+        <TxSecurityProvider>
+          <SlotProvider>
+            <TxFlowProvider
+              step={step}
+              data={data}
+              nextStep={nextStep}
+              prevStep={prevStep}
+              progress={progress}
+              txId={txId}
+              txNonce={txNonce}
+              txLayoutProps={txLayoutProps}
+              onlyExecute={onlyExecute}
+              isExecutable={isExecutable}
+              isRejection={isRejection}
+              isBatch={isBatch}
+              isBatchable={isBatchable}
+            >
+              <TxFlowContent>
+                {...childrenArray}
+
+                <ReviewTransactionComponent onSubmit={() => nextStep()}>
+                  <TxChecks />
+                  <TxNote />
+                  <SignerSelect />
+                  <Blockaid />
+                </ReviewTransactionComponent>
+
+                <ConfirmTxReceipt onSubmit={handleFlowSubmit}>
+                  <Counterfactual />
+                  <ExecuteThroughRole />
+
+                  <ComboSubmit>
+                    <Sign />
+                    <Execute />
+                    <Batching />
+                  </ComboSubmit>
+
+                  <Propose />
+                </ConfirmTxReceipt>
+              </TxFlowContent>
+            </TxFlowProvider>
+          </SlotProvider>
+        </TxSecurityProvider>
+      </TxInfoProvider>
+    </SafeTxProvider>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/TxFlowProvider.tsx b/apps/web/src/components/tx-flow/TxFlowProvider.tsx
new file mode 100644
index 000000000..24385bbef
--- /dev/null
+++ b/apps/web/src/components/tx-flow/TxFlowProvider.tsx
@@ -0,0 +1,255 @@
+import { createContext, useCallback, useContext, useState } from 'react'
+import type { ReactNode, ReactElement, SetStateAction, Dispatch, ComponentType } from 'react'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import { useIsWalletProposer } from '@/hooks/useProposers'
+import { useImmediatelyExecutable, useValidateNonce } from '@/components/tx/SignOrExecuteForm/hooks'
+import { useAppSelector } from '@/store'
+import { selectSettings } from '@/store/settingsSlice'
+import {
+  findAllowingRole,
+  findMostLikelyRole,
+  type Role,
+  useRoles,
+} from '@/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/hooks'
+import { SafeTxContext } from '../tx-flow/SafeTxProvider'
+import { useLazyGetTransactionDetailsQuery } from '@/store/slices'
+import { trackTxEvents } from '../tx/SignOrExecuteForm/tracking'
+import { useSigner } from '@/hooks/wallets/useWallet'
+import useChainId from '@/hooks/useChainId'
+import useIsCounterfactualSafe from '@/features/counterfactual/hooks/useIsCounterfactualSafe'
+import useTxDetails from '@/hooks/useTxDetails'
+import type { TransactionDetails, TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
+
+export type TxFlowContextType<T extends unknown = any> = {
+  step: number
+  progress: number
+  data?: T
+  onPrev: () => void
+  onNext: (data?: T) => void
+
+  txLayoutProps: {
+    title?: ReactNode
+    subtitle?: ReactNode
+    icon?: ComponentType
+    txSummary?: TransactionSummary
+    hideNonce?: boolean
+    fixedNonce?: boolean
+    hideProgress?: boolean
+    isReplacement?: boolean
+    isMessage?: boolean
+  }
+  updateTxLayoutProps: (props: TxFlowContextType['txLayoutProps']) => void
+  trackTxEvent: (txId: string, isExecuted?: boolean, isRoleExecution?: boolean, isProposerCreation?: boolean) => void
+
+  txId?: string
+  txNonce?: number
+  isCreation: boolean
+  isRejection: boolean
+  onlyExecute: boolean
+  isProposing: boolean
+  willExecute: boolean
+  isExecutable: boolean
+  canExecute: boolean
+  shouldExecute: boolean
+  setShouldExecute: Dispatch<SetStateAction<boolean>>
+
+  isSubmitLoading: boolean
+  setIsSubmitLoading: Dispatch<SetStateAction<boolean>>
+
+  isSubmitDisabled: boolean
+  setIsSubmitDisabled: Dispatch<SetStateAction<boolean>>
+
+  submitError?: Error
+  setSubmitError: Dispatch<SetStateAction<Error | undefined>>
+  isRejectedByUser: boolean
+  setIsRejectedByUser: Dispatch<SetStateAction<boolean>>
+
+  willExecuteThroughRole: boolean
+  canExecuteThroughRole: boolean
+  txDetails?: TransactionDetails
+  txDetailsLoading?: boolean
+  isBatch: boolean
+  isBatchable: boolean
+  role?: Role
+}
+
+export const initialContext: TxFlowContextType = {
+  step: 0,
+  progress: 0,
+  data: undefined,
+  onPrev: () => {},
+  onNext: () => {},
+
+  txLayoutProps: {},
+  updateTxLayoutProps: () => {},
+  trackTxEvent: () => {},
+
+  isCreation: false,
+  isRejection: false,
+  onlyExecute: false,
+  isProposing: false,
+  willExecute: false,
+  isExecutable: false,
+  canExecute: false,
+  shouldExecute: false,
+  setShouldExecute: () => {},
+
+  isSubmitLoading: false,
+  setIsSubmitLoading: () => {},
+
+  isSubmitDisabled: false,
+  setIsSubmitDisabled: () => {},
+
+  submitError: undefined,
+  setSubmitError: () => {},
+  isRejectedByUser: false,
+  setIsRejectedByUser: () => {},
+
+  willExecuteThroughRole: false,
+  canExecuteThroughRole: false,
+  isBatch: false,
+  isBatchable: true,
+}
+
+export const TxFlowContext = createContext<TxFlowContextType>(initialContext)
+
+export type TxFlowProviderProps<T extends unknown> = {
+  children: ReactNode
+  step: number
+  data: T
+  prevStep: () => void
+  nextStep: (data: T) => void
+  progress?: number
+  txId?: string
+  txNonce?: TxFlowContextType['txNonce']
+  isExecutable?: boolean
+  onlyExecute?: TxFlowContextType['onlyExecute']
+  isRejection?: TxFlowContextType['isRejection']
+  txLayoutProps?: TxFlowContextType['txLayoutProps']
+  isBatch?: TxFlowContextType['isBatch']
+  isBatchable?: TxFlowContextType['isBatchable']
+}
+
+const TxFlowProvider = <T extends unknown>({
+  children,
+  step,
+  data,
+  nextStep,
+  prevStep,
+  progress = 0,
+  txId,
+  txNonce,
+  isExecutable = false,
+  onlyExecute = initialContext.onlyExecute,
+  txLayoutProps: defaultTxLayoutProps = initialContext.txLayoutProps,
+  isRejection = initialContext.isRejection,
+  isBatch = initialContext.isBatch,
+  isBatchable = initialContext.isBatchable,
+}: TxFlowProviderProps<T>): ReactElement => {
+  const signer = useSigner()
+  const isSafeOwner = useIsSafeOwner()
+  const isProposer = useIsWalletProposer()
+  const chainId = useChainId()
+  const { safeTx, txOrigin, isMassPayout } = useContext(SafeTxContext)
+  const isCorrectNonce = useValidateNonce(safeTx)
+  const { transactionExecution } = useAppSelector(selectSettings)
+  const [shouldExecute, setShouldExecute] = useState<boolean>(transactionExecution)
+  const [isSubmitLoading, setIsSubmitLoading] = useState<boolean>(initialContext.isSubmitLoading)
+  const [isSubmitDisabled, setIsSubmitDisabled] = useState<boolean>(initialContext.isSubmitDisabled)
+  const [submitError, setSubmitError] = useState<Error | undefined>(initialContext.submitError)
+  const [isRejectedByUser, setIsRejectedByUser] = useState<boolean>(initialContext.isRejectedByUser)
+  const [txLayoutProps, setTxLayoutProps] = useState<TxFlowContextType['txLayoutProps']>(defaultTxLayoutProps)
+  const [trigger] = useLazyGetTransactionDetailsQuery()
+  const isCounterfactualSafe = useIsCounterfactualSafe()
+  const [txDetails, , txDetailsLoading] = useTxDetails(txId)
+
+  const isCreation = !txId
+  const isNewExecutableTx = useImmediatelyExecutable() && isCreation
+
+  const isProposing = !!isProposer && !isSafeOwner && isCreation
+
+  // Check if a Zodiac Roles mod is enabled and if the user is a member of any role that allows the transaction
+  const roles = useRoles(
+    !isCounterfactualSafe && isCreation && !(isNewExecutableTx && isSafeOwner) ? safeTx : undefined,
+  )
+  const allowingRole = findAllowingRole(roles)
+  const mostLikelyRole = findMostLikelyRole(roles)
+  const canExecuteThroughRole = !!allowingRole || (!!mostLikelyRole && !isSafeOwner)
+  const preferThroughRole = canExecuteThroughRole && !isSafeOwner // execute through role if a non-owner role member wallet is connected
+
+  // If checkbox is checked and the transaction is executable, execute it, otherwise sign it
+  const canExecute = isCorrectNonce && (isExecutable || isNewExecutableTx)
+  const willExecute = (onlyExecute || shouldExecute) && canExecute && !preferThroughRole
+  const willExecuteThroughRole =
+    (onlyExecute || shouldExecute) && canExecuteThroughRole && (!canExecute || preferThroughRole)
+
+  const updateTxLayoutProps = useCallback((props: TxFlowContextType['txLayoutProps']) => {
+    setTxLayoutProps({ ...defaultTxLayoutProps, ...props })
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
+
+  const trackTxEvent = useCallback(
+    async (txId: string, isExecuted = false, isRoleExecution = false, isProposerCreation = false) => {
+      const { data: details } = await trigger({ chainId, txId })
+      // Track tx event
+      trackTxEvents(
+        details,
+        !!isCreation,
+        isExecuted,
+        isRoleExecution,
+        isProposerCreation,
+        !!signer?.isSafe,
+        txOrigin,
+        isMassPayout,
+      )
+    },
+    [chainId, isCreation, trigger, signer?.isSafe, txOrigin, isMassPayout],
+  )
+
+  const value = {
+    step,
+    progress,
+    data,
+    onPrev: prevStep,
+    onNext: nextStep,
+
+    txLayoutProps,
+    updateTxLayoutProps,
+    trackTxEvent,
+
+    txId,
+    txNonce,
+    isCreation,
+    isRejection,
+    onlyExecute,
+    isProposing,
+    isExecutable,
+    canExecute,
+    willExecute,
+    shouldExecute,
+    setShouldExecute,
+
+    isSubmitLoading,
+    setIsSubmitLoading,
+
+    isSubmitDisabled: isSubmitDisabled || isSubmitLoading,
+    setIsSubmitDisabled,
+
+    submitError,
+    setSubmitError,
+    isRejectedByUser,
+    setIsRejectedByUser,
+
+    willExecuteThroughRole,
+    canExecuteThroughRole,
+    role: allowingRole || mostLikelyRole,
+    txDetails,
+    txDetailsLoading,
+    isBatch,
+    isBatchable,
+  }
+
+  return <TxFlowContext.Provider value={value}>{children}</TxFlowContext.Provider>
+}
+
+export default TxFlowProvider
diff --git a/apps/web/src/components/tx-flow/TxFlowStep.tsx b/apps/web/src/components/tx-flow/TxFlowStep.tsx
new file mode 100644
index 000000000..ddc4977d6
--- /dev/null
+++ b/apps/web/src/components/tx-flow/TxFlowStep.tsx
@@ -0,0 +1,19 @@
+import React, { type ReactNode, useContext, useEffect } from 'react'
+import { TxFlowContext, type TxFlowContextType } from '../tx-flow/TxFlowProvider'
+
+export type TxFlowStepProps = TxFlowContextType['txLayoutProps'] & { children?: ReactNode }
+
+/**
+ * TxFlowStep is a component that allows you to set the layout properties for a transaction flow step.
+ * It uses the TxFlowContext to update the layout properties when the component is mounted.
+ */
+export const TxFlowStep = ({ children, ...txLayoutProps }: TxFlowStepProps) => {
+  const { updateTxLayoutProps } = useContext(TxFlowContext)
+
+  useEffect(() => {
+    updateTxLayoutProps(txLayoutProps)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [txLayoutProps.subtitle, txLayoutProps.title])
+
+  return <>{children}</>
+}
diff --git a/apps/web/src/components/tx-flow/TxInfoProvider.tsx b/apps/web/src/components/tx-flow/TxInfoProvider.tsx
new file mode 100644
index 000000000..16a6927a1
--- /dev/null
+++ b/apps/web/src/components/tx-flow/TxInfoProvider.tsx
@@ -0,0 +1,61 @@
+import { createContext, type ReactElement } from 'react'
+
+import { useSimulation } from '@/components/tx/security/tenderly/useSimulation'
+import { FETCH_STATUS } from '@safe-global/utils/components/tx/security/tenderly/types'
+import type { UseSimulationReturn } from '@safe-global/utils/components/tx/security/tenderly/useSimulation'
+import { getSimulationStatus } from '@safe-global/utils/components/tx/security/tenderly/utils'
+
+type SimulationStatus = {
+  isLoading: boolean
+  isFinished: boolean
+  isSuccess: boolean
+  isCallTraceError: boolean
+  isError: boolean
+}
+
+const initialSimulation: UseSimulationReturn = {
+  simulateTransaction: () => {},
+  simulation: undefined,
+  _simulationRequestStatus: FETCH_STATUS.NOT_ASKED,
+  simulationLink: '',
+  requestError: undefined,
+  resetSimulation: () => {},
+}
+
+const initialStatus: SimulationStatus = {
+  isLoading: false,
+  isFinished: false,
+  isSuccess: false,
+  isCallTraceError: false,
+  isError: false,
+}
+
+export const TxInfoContext = createContext<{
+  simulation: UseSimulationReturn
+  status: SimulationStatus
+  nestedTx: {
+    simulation: UseSimulationReturn
+    status: SimulationStatus
+  }
+}>({
+  simulation: initialSimulation,
+  status: initialStatus,
+  nestedTx: {
+    simulation: initialSimulation,
+    status: initialStatus,
+  },
+})
+
+export const TxInfoProvider = ({ children }: { children: ReactElement }) => {
+  const simulation = useSimulation()
+  const nestedSimulation = useSimulation()
+
+  const status = getSimulationStatus(simulation)
+
+  const nestedTx = {
+    simulation: nestedSimulation,
+    status: getSimulationStatus(nestedSimulation),
+  }
+
+  return <TxInfoContext.Provider value={{ simulation, status, nestedTx }}>{children}</TxInfoContext.Provider>
+}
diff --git a/src/components/tx/SignOrExecuteForm/BatchButton.tsx b/apps/web/src/components/tx-flow/actions/Batching/BatchButton.tsx
similarity index 100%
rename from src/components/tx/SignOrExecuteForm/BatchButton.tsx
rename to apps/web/src/components/tx-flow/actions/Batching/BatchButton.tsx
diff --git a/apps/web/src/components/tx-flow/actions/Batching/index.tsx b/apps/web/src/components/tx-flow/actions/Batching/index.tsx
new file mode 100644
index 000000000..5303ccc3a
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/Batching/index.tsx
@@ -0,0 +1,108 @@
+import { useContext, type SyntheticEvent } from 'react'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { useTxActions } from '@/components/tx/SignOrExecuteForm/hooks'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import { isDelegateCall as checkIsDelegateCall } from '@/services/tx/tx-sender/sdk'
+import { TxModalContext } from '@/components/tx-flow'
+import { TxFlowContext } from '../../TxFlowProvider'
+import useIsCounterfactualSafe from '@/features/counterfactual/hooks/useIsCounterfactualSafe'
+import { type SlotComponentProps, SlotName, withSlot } from '../../slots'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { Errors, logError } from '@/services/exceptions'
+import SplitMenuButton from '@/components/common/SplitMenuButton'
+import { BATCH_EVENTS, trackEvent } from '@/services/analytics'
+import { TxCardActions } from '../../common/TxCard'
+import { Box, Divider } from '@mui/material'
+import commonCss from '@/components/tx-flow/common/styles.module.css'
+
+const Batching = ({
+  onSubmit,
+  onSubmitSuccess,
+  options = [],
+  onChange,
+  disabled = false,
+  slotId,
+}: SlotComponentProps<SlotName.ComboSubmit>) => {
+  const { setTxFlow } = useContext(TxModalContext)
+  const { addToBatch } = useTxActions()
+  const { safeTx } = useContext(SafeTxContext)
+  const { isSubmitDisabled, setIsSubmitLoading, isSubmitLoading, setSubmitError, setIsRejectedByUser } =
+    useContext(TxFlowContext)
+
+  const handleSubmit = async (e: SyntheticEvent) => {
+    e.preventDefault()
+
+    if (!safeTx) return
+
+    onSubmit?.()
+
+    trackEvent(BATCH_EVENTS.BATCH_APPEND)
+
+    setIsSubmitLoading(true)
+    setIsRejectedByUser(false)
+    setSubmitError(undefined)
+
+    try {
+      await addToBatch(safeTx, origin)
+    } catch (_err) {
+      const err = asError(_err)
+      logError(Errors._819, err)
+      setSubmitError(err)
+
+      setIsSubmitLoading(false)
+      return
+    }
+
+    onSubmitSuccess?.({ isExecuted: false })
+
+    setIsSubmitLoading(false)
+
+    setTxFlow(undefined)
+  }
+
+  return (
+    <Box>
+      <Divider className={commonCss.nestedDivider} />
+
+      <TxCardActions>
+        <SplitMenuButton
+          onClick={(_, e) => handleSubmit(e)}
+          selected={slotId}
+          onChange={({ id }) => onChange(id)}
+          options={options}
+          disabled={isSubmitDisabled || disabled}
+          loading={isSubmitLoading}
+        />
+      </TxCardActions>
+    </Box>
+  )
+}
+
+const useShouldRegisterSlot = () => {
+  const isCounterfactualSafe = useIsCounterfactualSafe()
+  const { isBatch, isProposing, willExecuteThroughRole, isCreation, isBatchable } = useContext(TxFlowContext)
+  const isOwner = useIsSafeOwner()
+  const { safeTx } = useContext(SafeTxContext)
+  const isDelegateCall = safeTx ? checkIsDelegateCall(safeTx) : false
+
+  return (
+    isOwner &&
+    isCreation &&
+    !isBatch &&
+    !isCounterfactualSafe &&
+    !willExecuteThroughRole &&
+    !isProposing &&
+    !isDelegateCall &&
+    isBatchable
+  )
+}
+
+const BatchingSlot = withSlot({
+  Component: Batching,
+  label: 'Add to batch',
+  slotName: SlotName.ComboSubmit,
+  id: 'batching',
+  useSlotCondition: useShouldRegisterSlot,
+})
+
+export default BatchingSlot
diff --git a/apps/web/src/components/tx-flow/actions/ComboSubmit.tsx b/apps/web/src/components/tx-flow/actions/ComboSubmit.tsx
new file mode 100644
index 000000000..abc516037
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/ComboSubmit.tsx
@@ -0,0 +1,80 @@
+import { useContext, useMemo } from 'react'
+import { Slot, type SlotComponentProps, SlotName, useSlot, useSlotIds, withSlot } from '../slots'
+import { Box } from '@mui/material'
+import WalletRejectionError from '@/components/tx/SignOrExecuteForm/WalletRejectionError'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import { TxFlowContext } from '../TxFlowProvider'
+import { useValidateTxData } from '@/hooks/useValidateTxData'
+import useLocalStorage from '@/services/local-storage/useLocalStorage'
+
+const COMBO_SUBMIT_ACTION = 'comboSubmitAction'
+
+export const ComboSubmit = (props: SlotComponentProps<SlotName.Submit>) => {
+  const { txId, submitError, isRejectedByUser } = useContext(TxFlowContext)
+  const slotItems = useSlot(SlotName.ComboSubmit)
+  const slotIds = useSlotIds(SlotName.ComboSubmit)
+
+  const [validationResult, , validationLoading] = useValidateTxData(txId)
+  const validationError = useMemo(
+    () => (validationResult !== undefined ? new Error(validationResult) : undefined),
+    [validationResult],
+  )
+
+  const initialSubmitAction = slotIds?.[0]
+  const options = useMemo(() => slotItems.map(({ label, id }) => ({ label, id })), [slotItems])
+  const [submitAction = initialSubmitAction, setSubmitAction] = useLocalStorage<string>(COMBO_SUBMIT_ACTION)
+
+  const slotId = useMemo(
+    () => (slotIds.includes(submitAction) ? submitAction : initialSubmitAction),
+    [slotIds, submitAction, initialSubmitAction],
+  )
+
+  if (slotIds.length === 0) {
+    return false
+  }
+
+  const disabled = validationError !== undefined || validationLoading
+
+  return (
+    <>
+      {submitError && (
+        <Box mt={1}>
+          <ErrorMessage error={submitError}>Error submitting the transaction. Please try again.</ErrorMessage>
+        </Box>
+      )}
+
+      {isRejectedByUser && (
+        <Box mt={1}>
+          <WalletRejectionError />
+        </Box>
+      )}
+
+      {validationError !== undefined && (
+        <ErrorMessage error={validationError}>Error validating transaction data</ErrorMessage>
+      )}
+
+      <Slot
+        name={SlotName.ComboSubmit}
+        id={slotId}
+        options={options}
+        onChange={setSubmitAction}
+        disabled={disabled}
+        {...props}
+      />
+    </>
+  )
+}
+
+const useShouldRegisterSlot = () => {
+  const slotIds = useSlotIds(SlotName.ComboSubmit)
+  return slotIds.length > 0
+}
+
+const ComboSubmitSlot = withSlot({
+  Component: ComboSubmit,
+  slotName: SlotName.Submit,
+  id: 'combo-submit',
+  useSlotCondition: useShouldRegisterSlot,
+})
+
+export default ComboSubmitSlot
diff --git a/apps/web/src/components/tx-flow/actions/Counterfactual.tsx b/apps/web/src/components/tx-flow/actions/Counterfactual.tsx
new file mode 100644
index 000000000..9fe3b3b97
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/Counterfactual.tsx
@@ -0,0 +1,46 @@
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { useCallback, useContext } from 'react'
+import { TxFlowContext } from '../TxFlowProvider'
+import CounterfactualForm from '@/features/counterfactual/CounterfactualForm'
+import useIsCounterfactualSafe from '@/features/counterfactual/hooks/useIsCounterfactualSafe'
+import { type SlotComponentProps, SlotName, withSlot } from '../slots'
+
+const Counterfactual = ({ onSubmitSuccess }: SlotComponentProps<SlotName.Submit>) => {
+  const { safeTx, txOrigin } = useContext(SafeTxContext)
+  const { isCreation, trackTxEvent, isSubmitDisabled } = useContext(TxFlowContext)
+
+  const handleSubmit = useCallback(
+    async (txId: string, isExecuted = false) => {
+      onSubmitSuccess?.({ txId, isExecuted })
+      trackTxEvent(txId, isExecuted)
+    },
+    [onSubmitSuccess, trackTxEvent],
+  )
+
+  return (
+    <CounterfactualForm
+      origin={txOrigin}
+      disableSubmit={isSubmitDisabled}
+      isCreation={isCreation}
+      safeTx={safeTx}
+      onSubmit={handleSubmit}
+      onlyExecute
+    />
+  )
+}
+
+const useShouldRegisterSlot = () => {
+  const isCounterfactualSafe = useIsCounterfactualSafe()
+  const { isProposing } = useContext(TxFlowContext)
+
+  return isCounterfactualSafe && !isProposing
+}
+
+const CounterfactualSlot = withSlot({
+  Component: Counterfactual,
+  slotName: SlotName.Submit,
+  id: 'counterfactual',
+  useSlotCondition: useShouldRegisterSlot,
+})
+
+export default CounterfactualSlot
diff --git a/apps/web/src/components/tx-flow/actions/Execute/ExecuteForm.tsx b/apps/web/src/components/tx-flow/actions/Execute/ExecuteForm.tsx
new file mode 100644
index 000000000..cca3c6631
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/Execute/ExecuteForm.tsx
@@ -0,0 +1,228 @@
+import useWalletCanPay from '@/hooks/useWalletCanPay'
+import madProps from '@/utils/mad-props'
+import { type ReactElement, type SyntheticEvent, useContext, useState } from 'react'
+import { Box, CardActions, Divider, Tooltip } from '@mui/material'
+import classNames from 'classnames'
+
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import { trackError, Errors } from '@/services/exceptions'
+import { useCurrentChain } from '@/hooks/useChains'
+import { getTxOptions } from '@/utils/transactions'
+import useIsValidExecution from '@/hooks/useIsValidExecution'
+import CheckWallet from '@/components/common/CheckWallet'
+import { useIsExecutionLoop, useTxActions } from '@/components/tx/SignOrExecuteForm/hooks'
+import { useRelaysBySafe } from '@/hooks/useRemainingRelays'
+import useWalletCanRelay from '@/hooks/useWalletCanRelay'
+import { ExecutionMethod, ExecutionMethodSelector } from '@/components/tx/ExecutionMethodSelector'
+import { hasRemainingRelays } from '@/utils/relaying'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import { TxModalContext } from '@/components/tx-flow'
+import { SuccessScreenFlow } from '@/components/tx-flow/flows'
+import useGasLimit from '@/hooks/useGasLimit'
+import AdvancedParams, { useAdvancedParams } from '@/components/tx/AdvancedParams'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { isWalletRejection } from '@/utils/wallets'
+
+import css from './styles.module.css'
+import commonCss from '@/components/tx-flow/common/styles.module.css'
+import { TxSecurityContext } from '@/components/tx/security/shared/TxSecurityContext'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import NonOwnerError from '@/components/tx/SignOrExecuteForm/NonOwnerError'
+import SplitMenuButton from '@/components/common/SplitMenuButton'
+import type { SlotComponentProps, SlotName } from '../../slots'
+import { TxFlowContext } from '../../TxFlowProvider'
+
+export const ExecuteForm = ({
+  safeTx,
+  txId,
+  onSubmit,
+  onSubmitSuccess,
+  options = [],
+  onChange,
+  disableSubmit = false,
+  origin,
+  onlyExecute,
+  isCreation,
+  isOwner,
+  isExecutionLoop,
+  slotId,
+  txActions,
+  tooltip,
+  txSecurity,
+}: SlotComponentProps<SlotName.ComboSubmit> & {
+  txId?: string
+  disableSubmit?: boolean
+  onlyExecute?: boolean
+  origin?: string
+  isOwner: ReturnType<typeof useIsSafeOwner>
+  isExecutionLoop: ReturnType<typeof useIsExecutionLoop>
+  txActions: ReturnType<typeof useTxActions>
+  txSecurity: ReturnType<typeof useTxSecurityContext>
+  isCreation?: boolean
+  safeTx?: SafeTransaction
+  tooltip?: string
+}): ReactElement => {
+  // Form state
+  const [isSubmitLoadingLocal, setIsSubmitLoadingLocal] = useState<boolean>(false) // TODO: remove this local state and use only the one from TxFlowContext when tx-flow refactor is done
+
+  // Hooks
+  const currentChain = useCurrentChain()
+  const { executeTx } = txActions
+  const { setTxFlow } = useContext(TxModalContext)
+  const { needsRiskConfirmation, isRiskConfirmed, setIsRiskIgnored } = txSecurity
+  const { isSubmitDisabled, isSubmitLoading, setIsSubmitLoading, setSubmitError, setIsRejectedByUser } =
+    useContext(TxFlowContext)
+
+  // We default to relay, but the option is only shown if we canRelay
+  const [executionMethod, setExecutionMethod] = useState(ExecutionMethod.RELAY)
+
+  // SC wallets can relay fully signed transactions
+  const [walletCanRelay] = useWalletCanRelay(safeTx)
+  const relays = useRelaysBySafe()
+  // The transaction can/will be relayed
+  const canRelay = walletCanRelay && hasRemainingRelays(relays[0])
+  const willRelay = canRelay && executionMethod === ExecutionMethod.RELAY
+
+  // Estimate gas limit
+  const { gasLimit, gasLimitError } = useGasLimit(safeTx)
+  const [advancedParams, setAdvancedParams] = useAdvancedParams(gasLimit)
+
+  // Check if transaction will fail
+  const { executionValidationError } = useIsValidExecution(
+    safeTx,
+    advancedParams.gasLimit ? advancedParams.gasLimit : undefined,
+  )
+
+  // On modal submit
+  const handleSubmit = async (e: SyntheticEvent) => {
+    e.preventDefault()
+
+    if (needsRiskConfirmation && !isRiskConfirmed) {
+      setIsRiskIgnored(true)
+      return
+    }
+
+    setIsSubmitLoading(true)
+    setIsSubmitLoadingLocal(true)
+    setSubmitError(undefined)
+    setIsRejectedByUser(false)
+
+    const txOptions = getTxOptions(advancedParams, currentChain)
+
+    onSubmit?.()
+
+    let executedTxId: string
+    try {
+      executedTxId = await executeTx(txOptions, safeTx, txId, origin, willRelay)
+    } catch (_err) {
+      const err = asError(_err)
+      if (isWalletRejection(err)) {
+        setIsRejectedByUser(true)
+      } else {
+        trackError(Errors._804, err)
+        setSubmitError(err)
+      }
+
+      setIsSubmitLoading(false)
+      setIsSubmitLoadingLocal(false)
+      return
+    }
+
+    // On success
+    onSubmitSuccess?.({ txId: executedTxId, isExecuted: true })
+    setTxFlow(<SuccessScreenFlow txId={executedTxId} />, undefined, false)
+  }
+
+  const walletCanPay = useWalletCanPay({
+    gasLimit,
+    maxFeePerGas: advancedParams.maxFeePerGas,
+  })
+
+  const cannotPropose = !isOwner && !onlyExecute
+  const submitDisabled =
+    !safeTx ||
+    isSubmitDisabled ||
+    isSubmitLoadingLocal ||
+    disableSubmit ||
+    isExecutionLoop ||
+    cannotPropose ||
+    (needsRiskConfirmation && !isRiskConfirmed)
+
+  return (
+    <>
+      <form onSubmit={handleSubmit}>
+        <div className={classNames(commonCss.params, { [css.noBottomBorderRadius]: canRelay })}>
+          <AdvancedParams
+            willExecute
+            params={advancedParams}
+            recommendedGasLimit={gasLimit}
+            onFormSubmit={setAdvancedParams}
+            gasLimitError={gasLimitError}
+            willRelay={willRelay}
+          />
+
+          {canRelay && (
+            <div className={css.noTopBorder}>
+              <ExecutionMethodSelector
+                executionMethod={executionMethod}
+                setExecutionMethod={setExecutionMethod}
+                relays={relays[0]}
+              />
+            </div>
+          )}
+        </div>
+
+        {/* Error messages */}
+        {cannotPropose ? (
+          <NonOwnerError />
+        ) : isExecutionLoop ? (
+          <ErrorMessage>
+            Cannot execute a transaction from the Safe Account itself, please connect a different account.
+          </ErrorMessage>
+        ) : !walletCanPay && !willRelay ? (
+          <ErrorMessage level="info">
+            Your connected wallet doesn&apos;t have enough funds to execute this transaction.
+          </ErrorMessage>
+        ) : (
+          (executionValidationError || gasLimitError) && (
+            <ErrorMessage error={executionValidationError || gasLimitError}>
+              This transaction will most likely fail.
+              {` To save gas costs, ${isCreation ? 'avoid creating' : 'reject'} this transaction.`}
+            </ErrorMessage>
+          )
+        )}
+
+        <Divider className={commonCss.nestedDivider} sx={{ pt: 3 }} />
+
+        <CardActions>
+          {/* Submit button */}
+          <CheckWallet allowNonOwner={onlyExecute} checkNetwork={!submitDisabled}>
+            {(isOk) => (
+              <Tooltip title={tooltip} placement="top">
+                <Box sx={{ minWidth: '112px', width: ['100%', '100%', '100%', 'auto'] }}>
+                  <SplitMenuButton
+                    selected={slotId}
+                    onChange={({ id }) => onChange?.(id)}
+                    options={options}
+                    disabled={!isOk || submitDisabled}
+                    loading={isSubmitLoading || isSubmitLoadingLocal}
+                    tooltip={tooltip}
+                  />
+                </Box>
+              </Tooltip>
+            )}
+          </CheckWallet>
+        </CardActions>
+      </form>
+    </>
+  )
+}
+
+const useTxSecurityContext = () => useContext(TxSecurityContext)
+
+export default madProps(ExecuteForm, {
+  isOwner: useIsSafeOwner,
+  isExecutionLoop: useIsExecutionLoop,
+  txActions: useTxActions,
+  txSecurity: useTxSecurityContext,
+})
diff --git a/src/components/tx/SignOrExecuteForm/__tests__/ExecuteForm.test.tsx b/apps/web/src/components/tx-flow/actions/Execute/__tests__/ExecuteForm.test.tsx
similarity index 85%
rename from src/components/tx/SignOrExecuteForm/__tests__/ExecuteForm.test.tsx
rename to apps/web/src/components/tx-flow/actions/Execute/__tests__/ExecuteForm.test.tsx
index 662a1a950..b7c62a956 100644
--- a/src/components/tx/SignOrExecuteForm/__tests__/ExecuteForm.test.tsx
+++ b/apps/web/src/components/tx-flow/actions/Execute/__tests__/ExecuteForm.test.tsx
@@ -1,14 +1,15 @@
-import { defaultSecurityContextValues } from '@/components/tx/security/shared/TxSecurityContext'
-import { type AsyncResult } from '@/hooks/useAsync'
+import { defaultSecurityContextValues } from '@safe-global/utils/components/tx/security/shared/utils'
+import { type AsyncResult } from '@safe-global/utils/hooks/useAsync'
 import { createMockSafeTransaction } from '@/tests/transactions'
-import { OperationType } from '@safe-global/safe-core-sdk-types'
+import { OperationType } from '@safe-global/types-kit'
 import { type ReactElement } from 'react'
-import { ExecuteForm } from '@/components/tx/SignOrExecuteForm/ExecuteForm'
+import { ExecuteForm } from '../ExecuteForm'
 import * as useGasLimit from '@/hooks/useGasLimit'
 import * as useIsValidExecution from '@/hooks/useIsValidExecution'
 import * as useWalletCanRelay from '@/hooks/useWalletCanRelay'
 import * as relayUtils from '@/utils/relaying'
 import * as walletCanPay from '@/hooks/useWalletCanPay'
+import * as useValidateTxData from '@/hooks/useValidateTxData'
 import { render } from '@/tests/test-utils'
 import { fireEvent, waitFor } from '@testing-library/react'
 import type { RelayCountResponse } from '@safe-global/safe-gateway-typescript-sdk'
@@ -31,14 +32,29 @@ describe('ExecuteForm', () => {
   const defaultProps = {
     onSubmit: jest.fn(),
     isOwner: true,
+    txId: '0x123123',
     isExecutionLoop: false,
     relays: [undefined, undefined, false] as AsyncResult<RelayCountResponse>,
-    txActions: { signTx: jest.fn(), addToBatch: jest.fn(), executeTx: jest.fn() },
+    txActions: {
+      proposeTx: jest.fn(),
+      signTx: jest.fn(),
+      addToBatch: jest.fn(),
+      executeTx: jest.fn(),
+      signProposerTx: jest.fn(),
+    },
     txSecurity: defaultSecurityContextValues,
+    options: [
+      { id: 'execute', label: 'Execute' },
+      { id: 'sign', label: 'Sign' },
+    ],
+    onChange: jest.fn(),
+    slotId: 'execute',
   }
 
   beforeEach(() => {
     jest.clearAllMocks()
+
+    jest.spyOn(useValidateTxData, 'useValidateTxData').mockReturnValue([undefined, undefined, false])
   })
 
   it('shows estimated fees', () => {
@@ -105,7 +121,16 @@ describe('ExecuteForm', () => {
       .mockReturnValue({ executionValidationError: new Error('Some error'), isValidExecutionLoading: false })
 
     const { getByText } = render(
-      <ExecuteForm {...defaultProps} txActions={{ signTx: jest.fn(), addToBatch: jest.fn(), executeTx: jest.fn() }} />,
+      <ExecuteForm
+        {...defaultProps}
+        txActions={{
+          proposeTx: jest.fn(),
+          signTx: jest.fn(),
+          addToBatch: jest.fn(),
+          executeTx: jest.fn(),
+          signProposerTx: jest.fn(),
+        }}
+      />,
     )
 
     expect(
@@ -125,29 +150,6 @@ describe('ExecuteForm', () => {
     ).toBeInTheDocument()
   })
 
-  it('shows a submit error', async () => {
-    const mockExecuteTx = jest.fn(() => {
-      throw new Error('Error submitting the tx')
-    })
-
-    const { getByText } = render(
-      <ExecuteForm
-        {...defaultProps}
-        safeTx={safeTransaction}
-        onSubmit={jest.fn()}
-        txActions={{ signTx: jest.fn(), addToBatch: jest.fn(), executeTx: mockExecuteTx }}
-      />,
-    )
-
-    const button = getByText('Execute')
-
-    fireEvent.click(button)
-
-    await waitFor(() => {
-      expect(getByText('Error submitting the transaction. Please try again.')).toBeInTheDocument()
-    })
-  })
-
   it('execute the tx when the submit button is clicked', async () => {
     const mockExecuteTx = jest.fn()
 
@@ -155,7 +157,13 @@ describe('ExecuteForm', () => {
       <ExecuteForm
         {...defaultProps}
         safeTx={safeTransaction}
-        txActions={{ signTx: jest.fn(), addToBatch: jest.fn(), executeTx: mockExecuteTx }}
+        txActions={{
+          proposeTx: jest.fn(),
+          signTx: jest.fn(),
+          addToBatch: jest.fn(),
+          executeTx: mockExecuteTx,
+          signProposerTx: jest.fn(),
+        }}
       />,
     )
 
diff --git a/apps/web/src/components/tx-flow/actions/Execute/index.tsx b/apps/web/src/components/tx-flow/actions/Execute/index.tsx
new file mode 100644
index 000000000..4c636b71f
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/Execute/index.tsx
@@ -0,0 +1,72 @@
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { useCallback, useContext, useEffect } from 'react'
+import { TxFlowContext } from '../../TxFlowProvider'
+import ExecuteForm from './ExecuteForm'
+import useIsCounterfactualSafe from '@/features/counterfactual/hooks/useIsCounterfactualSafe'
+import { type SlotComponentProps, SlotName, withSlot } from '../../slots'
+import type { SubmitCallback } from '../../TxFlow'
+
+const Execute = ({
+  onSubmit,
+  onSubmitSuccess,
+  disabled = false,
+  onChange,
+  ...props
+}: SlotComponentProps<SlotName.ComboSubmit>) => {
+  const { safeTx, txOrigin } = useContext(SafeTxContext)
+  const { txId, isCreation, onlyExecute, isSubmitDisabled, trackTxEvent, setShouldExecute } = useContext(TxFlowContext)
+
+  useEffect(() => {
+    setShouldExecute(true)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
+
+  const handleSubmit = useCallback<SubmitCallback>(
+    async ({ txId, isExecuted = false } = {}) => {
+      onSubmitSuccess?.({ txId, isExecuted })
+      trackTxEvent(txId!, isExecuted)
+    },
+    [onSubmitSuccess, trackTxEvent],
+  )
+
+  const onChangeSubmitOption = useCallback(
+    async (option: string) => {
+      // When changing to another submit option, we update the context to not execute the transaction
+      setShouldExecute(false)
+      onChange(option)
+    },
+    [setShouldExecute, onChange],
+  )
+
+  return (
+    <ExecuteForm
+      safeTx={safeTx}
+      txId={txId}
+      onSubmit={onSubmit}
+      onSubmitSuccess={handleSubmit}
+      disableSubmit={isSubmitDisabled || disabled}
+      origin={txOrigin}
+      onlyExecute={onlyExecute}
+      isCreation={isCreation}
+      onChange={onChangeSubmitOption}
+      {...props}
+    />
+  )
+}
+
+const useShouldRegisterSlot = () => {
+  const isCounterfactualSafe = useIsCounterfactualSafe()
+  const { canExecute, isProposing } = useContext(TxFlowContext)
+
+  return !isCounterfactualSafe && canExecute && !isProposing
+}
+
+const ExecuteSlot = withSlot({
+  Component: Execute,
+  slotName: SlotName.ComboSubmit,
+  label: 'Execute',
+  id: 'execute',
+  useSlotCondition: useShouldRegisterSlot,
+})
+
+export default ExecuteSlot
diff --git a/apps/web/src/components/tx-flow/actions/Execute/styles.module.css b/apps/web/src/components/tx-flow/actions/Execute/styles.module.css
new file mode 100644
index 000000000..ff7d7c108
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/Execute/styles.module.css
@@ -0,0 +1,10 @@
+.noBottomBorderRadius :global(.MuiPaper-root) {
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+.noTopBorder > div {
+  margin-top: -1px;
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+}
diff --git a/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/__test__/ExecuteThroughRoleForm.test.tsx b/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/__test__/ExecuteThroughRoleForm.test.tsx
new file mode 100644
index 000000000..ce53eb8a3
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/__test__/ExecuteThroughRoleForm.test.tsx
@@ -0,0 +1,246 @@
+import { createMockSafeTransaction } from '@/tests/transactions'
+import { OperationType } from '@safe-global/types-kit'
+import { type ReactElement } from 'react'
+import * as zodiacRoles from 'zodiac-roles-deployments'
+import { fireEvent, render, waitFor, mockWeb3Provider } from '@/tests/test-utils'
+
+import { type ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import * as useSafeInfoHook from '@/hooks/useSafeInfo'
+import * as wallet from '@/hooks/wallets/useWallet'
+import * as onboardHooks from '@/hooks/wallets/useOnboard'
+import * as txSender from '@/services/tx/tx-sender/dispatch'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+import { type OnboardAPI } from '@web3-onboard/core'
+import { AbiCoder, ZeroAddress, encodeBytes32String } from 'ethers'
+import ExecuteThroughRoleForm from '../index'
+import * as hooksModule from '../hooks'
+import { chainBuilder } from '@/tests/builders/chains'
+import { useHasFeature } from '@/hooks/useChains'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+// Mock fetch
+Object.defineProperty(window, 'fetch', {
+  writable: true,
+  value: jest.fn(() =>
+    Promise.resolve({
+      ok: false,
+      json: () => Promise.resolve({}),
+    }),
+  ),
+})
+
+// We assume that CheckWallet always returns true
+jest.mock('@/components/common/CheckWallet', () => ({
+  __esModule: true,
+  default({ children }: { children: (ok: boolean) => ReactElement }) {
+    return children(true)
+  },
+}))
+
+const mockChain = chainBuilder()
+  // @ts-expect-error - we are using a local FEATURES enum
+  .with({ features: [FEATURES.ZODIAC_ROLES, FEATURES.EIP1559] })
+  .with({ chainId: '1' })
+  .with({ shortName: 'eth' })
+  .with({ chainName: 'Ethereum' })
+  .with({ transactionService: 'https://tx.service.mock' })
+  .build()
+
+// mock useCurrentChain
+jest.mock('@/hooks/useChains', () => ({
+  __esModule: true,
+  ...jest.requireActual('@/hooks/useChains'),
+  useCurrentChain: jest.fn(() => mockChain),
+  useHasFeature: jest.fn(),
+}))
+
+jest.mock('@/hooks/useChainId', () => ({
+  useChainId: jest.fn().mockReturnValue(() => '1'),
+}))
+
+// mock getModuleTransactionId
+jest.mock('@/services/transactions', () => ({
+  getModuleTransactionId: jest.fn(() => 'i1234567890'),
+}))
+
+// Mock useGasPrice
+jest.mock('@/hooks/useGasPrice', () => ({
+  __esModule: true,
+  default() {
+    return [
+      {
+        maxFeePerGas: undefined,
+        maxPriorityFeePerGas: undefined,
+      },
+      undefined,
+      false,
+    ]
+  },
+}))
+
+describe('ExecuteThroughRoleForm', () => {
+  let executeSpy: jest.SpyInstance
+
+  const mockConnectedWalletAddress = (address: string) => {
+    // Onboard
+    jest.spyOn(onboardHooks, 'default').mockReturnValue({
+      setChain: jest.fn(),
+      state: {
+        get: () => ({
+          wallets: [
+            {
+              label: 'MetaMask',
+              accounts: [{ address }],
+              connected: true,
+              chains: [{ id: '1' }],
+            },
+          ],
+        }),
+      },
+    } as unknown as OnboardAPI)
+
+    // Wallet
+    jest.spyOn(wallet, 'default').mockReturnValue({
+      chainId: '1',
+      label: 'MetaMask',
+      address,
+    } as unknown as ConnectedWallet)
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    ;(useHasFeature as jest.Mock).mockImplementation((feature) => mockChain.features.includes(feature))
+    // Safe info
+    jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
+      safe: SAFE_INFO,
+      safeAddress: SAFE_INFO.address.value,
+      safeError: undefined,
+      safeLoading: false,
+      safeLoaded: true,
+    }))
+
+    // Mock signing and dispatching the module transaction
+    executeSpy = jest
+      .spyOn(txSender, 'dispatchModuleTxExecution')
+      .mockReturnValue(Promise.resolve('0xabababababababababababababababababababababababababababababababab')) // tx hash
+
+    // Mock return value of useWeb3ReadOnly
+    // It's only used for eth_estimateGas requests
+    mockWeb3Provider([])
+
+    jest.spyOn(hooksModule, 'pollModuleTransactionId').mockReturnValue(Promise.resolve('i1234567890'))
+  })
+
+  it('disables the submit button when the call is not allowed and shows the permission check status', async () => {
+    mockConnectedWalletAddress(MEMBER_ADDRESS)
+
+    const safeTx = createMockSafeTransaction({
+      to: ZeroAddress,
+      data: '0xd0e30db0', // deposit()
+      value: AbiCoder.defaultAbiCoder().encode(['uint256'], [123]),
+      operation: OperationType.Call,
+    })
+
+    const { findByText, getByText } = render(
+      <ExecuteThroughRoleForm
+        txId="0x0123412"
+        safeTx={safeTx}
+        role={{ ...TEST_ROLE_OK, status: zodiacRoles.Status.TargetAddressNotAllowed }}
+      />,
+    )
+    expect(await findByText('Execute')).toBeDisabled()
+
+    expect(
+      getByText(
+        textContentMatcher('You are a member of the eth_wrapping role but it does not allow this transaction.'),
+      ),
+    ).toBeInTheDocument()
+
+    expect(getByText('Role is not allowed to call target address')).toBeInTheDocument()
+  })
+
+  it('executes the tx when the submit button is clicked', async () => {
+    mockConnectedWalletAddress(MEMBER_ADDRESS)
+
+    const safeTx = createMockSafeTransaction({
+      to: WETH_ADDRESS,
+      data: '0xd0e30db0', // deposit()
+      value: AbiCoder.defaultAbiCoder().encode(['uint256'], [123]),
+      operation: OperationType.Call,
+    })
+
+    const onSubmit = jest.fn()
+
+    const { findByText } = render(
+      <ExecuteThroughRoleForm txId="0x01323" safeTx={safeTx} role={TEST_ROLE_OK} onSubmit={onSubmit} />,
+    )
+
+    fireEvent.click(await findByText('Execute'))
+
+    await waitFor(() => {
+      expect(executeSpy).toHaveBeenCalledWith(
+        // call to the Roles mod's execTransactionWithRole function
+        expect.objectContaining({
+          to: ROLES_MOD_ADDRESS,
+          data: '0xc6fe8747000000000000000000000000fff9976782d46cc05630d1f6ebab18b2324d6b14000000000000000000000000000000000000000000000000000000000000007b00000000000000000000000000000000000000000000000000000000000000c000000000000000000000000000000000000000000000000000000000000000006574685f7772617070696e67000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000004d0e30db000000000000000000000000000000000000000000000000000000000',
+          value: '0',
+        }),
+        undefined,
+        expect.anything(),
+      )
+    })
+
+    // calls provided onSubmit callback
+    await waitFor(() => {
+      expect(onSubmit).toHaveBeenCalled()
+    })
+  })
+})
+
+const ROLES_MOD_ADDRESS = '0x1234567890000000000000000000000000000000'
+const MEMBER_ADDRESS = '0x1111111110000000000000000000000000000000'
+const ROLE_KEY = encodeBytes32String('eth_wrapping')
+
+const SAFE_INFO = extendedSafeInfoBuilder().build()
+SAFE_INFO.modules = [{ value: ROLES_MOD_ADDRESS }]
+SAFE_INFO.chainId = '1'
+
+const WETH_ADDRESS = '0xfff9976782d46cc05630d1f6ebab18b2324d6b14'
+
+const TEST_ROLE_OK: hooksModule.Role = {
+  modAddress: ROLES_MOD_ADDRESS,
+  roleKey: ROLE_KEY as `0x${string}`,
+  multiSend: '0x9641d764fc13c8b624c04430c7356c1c7c8102e2',
+  status: zodiacRoles.Status.Ok,
+}
+
+/**
+ * Getting the deepest element that contain string / match regex even when it split between multiple elements
+ *
+ * @example
+ * For:
+ * <div>
+ *   <span>Hello</span><span> World</span>
+ * </div>
+ *
+ * screen.getByText('Hello World') // ❌ Fail
+ * screen.getByText(textContentMatcher('Hello World')) // ✅ pass
+ */
+function textContentMatcher(textMatch: string | RegExp) {
+  const hasText =
+    typeof textMatch === 'string'
+      ? (node: Element) => node.textContent === textMatch
+      : (node: Element) => textMatch.test(node.textContent || '')
+
+  const matcher = (_content: string, node: Element | null) => {
+    if (!node || !hasText(node)) {
+      return false
+    }
+
+    return Array.from(node?.children || []).every((child) => !hasText(child))
+  }
+
+  matcher.toString = () => `textContentMatcher(${textMatch})`
+
+  return matcher
+}
diff --git a/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/__test__/hooks.test.ts b/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/__test__/hooks.test.ts
new file mode 100644
index 000000000..f24c9d4ed
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/__test__/hooks.test.ts
@@ -0,0 +1,228 @@
+import { createMockSafeTransaction } from '@/tests/transactions'
+import { OperationType } from '@safe-global/types-kit'
+import * as zodiacRoles from 'zodiac-roles-deployments'
+import { waitFor, renderHook, mockWeb3Provider } from '@/tests/test-utils'
+
+import { type ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import * as useSafeInfoHook from '@/hooks/useSafeInfo'
+import * as wallet from '@/hooks/wallets/useWallet'
+import * as onboardHooks from '@/hooks/wallets/useOnboard'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+import { type OnboardAPI } from '@web3-onboard/core'
+import { AbiCoder, ZeroAddress, encodeBytes32String } from 'ethers'
+import { chainBuilder } from '@/tests/builders/chains'
+import { useHasFeature } from '@/hooks/useChains'
+import { useRoles } from '../hooks'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const mockChain = chainBuilder()
+  // @ts-expect-error - we are using a local FEATURES enum
+  .with({ features: [FEATURES.ZODIAC_ROLES, FEATURES.EIP1559] })
+  .with({ chainId: '1' })
+  .with({ shortName: 'eth' })
+  .with({ chainName: 'Ethereum' })
+  .with({ transactionService: 'https://tx.service.mock' })
+  .build()
+
+// mock useCurrentChain
+jest.mock('@/hooks/useChains', () => ({
+  __esModule: true,
+  ...jest.requireActual('@/hooks/useChains'),
+  useCurrentChain: jest.fn(() => mockChain),
+  useHasFeature: jest.fn(),
+}))
+
+jest.mock('@/hooks/useChainId', () => ({
+  useChainId: jest.fn().mockReturnValue(() => '1'),
+}))
+
+describe('useRoles', () => {
+  let fetchRolesModMock: jest.SpyInstance
+
+  const mockConnectedWalletAddress = (address: string) => {
+    // Onboard
+    jest.spyOn(onboardHooks, 'default').mockReturnValue({
+      setChain: jest.fn(),
+      state: {
+        get: () => ({
+          wallets: [
+            {
+              label: 'MetaMask',
+              accounts: [{ address }],
+              connected: true,
+              chains: [{ id: '1' }],
+            },
+          ],
+        }),
+      },
+    } as unknown as OnboardAPI)
+
+    // Wallet
+    jest.spyOn(wallet, 'default').mockReturnValue({
+      chainId: '1',
+      label: 'MetaMask',
+      address,
+    } as unknown as ConnectedWallet)
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    ;(useHasFeature as jest.Mock).mockImplementation((feature) => mockChain.features.includes(feature))
+
+    // Safe info
+    jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
+      safe: SAFE_INFO,
+      safeAddress: SAFE_INFO.address.value,
+      safeError: undefined,
+      safeLoading: false,
+      safeLoaded: true,
+    }))
+
+    mockWeb3Provider([])
+
+    // Mock the Roles mod fetching function to return the test roles mod
+    fetchRolesModMock = jest.spyOn(zodiacRoles, 'fetchRolesMod').mockReturnValue(Promise.resolve(TEST_ROLES_MOD as any))
+  })
+
+  it('only fetches and offers roles if the feature is enabled', async () => {
+    ;(useHasFeature as jest.Mock).mockImplementation((feature) => feature !== FEATURES.ZODIAC_ROLES)
+    mockConnectedWalletAddress(SAFE_INFO.owners[0].value) // connect as safe owner (not a role member)
+
+    const safeTx = createMockSafeTransaction({
+      to: ZeroAddress,
+      data: '0xd0e30db0', // deposit()
+      value: AbiCoder.defaultAbiCoder().encode(['uint256'], [123]),
+      operation: OperationType.Call,
+    })
+
+    const { result } = renderHook(() => useRoles(safeTx))
+
+    // no roles will be offered
+    expect(result.current).toEqual([])
+    // no fetch has been triggered
+    expect(fetchRolesModMock).not.toHaveBeenCalled()
+  })
+
+  it('only offers roles if the user is a member of any role', async () => {
+    mockConnectedWalletAddress(SAFE_INFO.owners[0].value) // connect as safe owner (not a role member)
+
+    const safeTx = createMockSafeTransaction({
+      to: ZeroAddress,
+      data: '0xd0e30db0', // deposit()
+      value: AbiCoder.defaultAbiCoder().encode(['uint256'], [123]),
+      operation: OperationType.Call,
+    })
+
+    const { result } = renderHook(() => useRoles(safeTx))
+
+    // wait for the Roles mod to be fetched & and the cache state update to be propagated
+    await waitFor(() => {
+      expect(fetchRolesModMock).toBeCalled()
+    })
+    await new Promise((resolve) => setTimeout(resolve, 25))
+
+    // no role will be offered
+    expect(result.current).toEqual([])
+  })
+
+  it('reports the role status correctly for allowed calls', async () => {
+    mockConnectedWalletAddress(MEMBER_ADDRESS) // connect as a role member
+
+    const safeTxOk = createMockSafeTransaction({
+      to: WETH_ADDRESS,
+      data: '0xd0e30db0', // deposit()
+      value: '0',
+      operation: OperationType.Call,
+    })
+
+    const { result } = renderHook(() => useRoles(safeTxOk))
+
+    // wait for the Roles mod to be fetched & and the cache state update to be propagated
+    await waitFor(() => {
+      expect(fetchRolesModMock).toBeCalled()
+    })
+    await waitFor(() => expect(result.current).toHaveLength(1))
+
+    expect(result.current[0].status).toBe(zodiacRoles.Status.Ok)
+  })
+
+  it('reports the role status correctly for calls that are not allowed', async () => {
+    mockConnectedWalletAddress(MEMBER_ADDRESS) // connect as a role member
+
+    const safeTxWrongTarget = createMockSafeTransaction({
+      to: ZeroAddress,
+      data: '0xd0e30db0', // deposit()
+      value: '0',
+      operation: OperationType.Call,
+    })
+
+    const { result } = renderHook(() => useRoles(safeTxWrongTarget))
+
+    // wait for the Roles mod to be fetched & and the cache state update to be propagated
+    await waitFor(() => {
+      expect(fetchRolesModMock).toBeCalled()
+    })
+    await waitFor(() => expect(result.current).toHaveLength(1))
+
+    expect(result.current[0].status).toBe(zodiacRoles.Status.TargetAddressNotAllowed)
+  })
+})
+
+const ROLES_MOD_ADDRESS = '0x1234567890000000000000000000000000000000'
+const MEMBER_ADDRESS = '0x1111111110000000000000000000000000000000'
+const ROLE_KEY = encodeBytes32String('eth_wrapping')
+
+const SAFE_INFO = extendedSafeInfoBuilder().build()
+SAFE_INFO.modules = [{ value: ROLES_MOD_ADDRESS }]
+SAFE_INFO.chainId = '1'
+
+const lowercaseSafeAddress = SAFE_INFO.address.value.toLowerCase()
+
+const WETH_ADDRESS = '0xfff9976782d46cc05630d1f6ebab18b2324d6b14'
+
+const { Clearance, ExecutionOptions } = zodiacRoles
+
+const TEST_ROLES_MOD = {
+  address: ROLES_MOD_ADDRESS,
+  owner: lowercaseSafeAddress,
+  avatar: lowercaseSafeAddress,
+  target: lowercaseSafeAddress,
+  multiSendAddresses: ['0x9641d764fc13c8b624c04430c7356c1c7c8102e2'],
+  roles: [
+    {
+      key: ROLE_KEY,
+      members: [MEMBER_ADDRESS],
+      targets: [
+        {
+          address: '0xc36442b4a4522e871399cd717abdd847ab11fe88',
+          clearance: Clearance.Function,
+          executionOptions: ExecutionOptions.None,
+          functions: [
+            {
+              selector: '0x49404b7c',
+              wildcarded: false,
+              executionOptions: ExecutionOptions.None,
+            },
+          ],
+        },
+        {
+          address: WETH_ADDRESS, // WETH
+          clearance: Clearance.Function,
+          executionOptions: ExecutionOptions.None,
+          functions: [
+            {
+              selector: '0x2e1a7d4d', // withdraw(uint256)
+              wildcarded: true,
+              executionOptions: ExecutionOptions.None,
+            },
+            {
+              selector: '0xd0e30db0', // deposit()
+              wildcarded: true,
+              executionOptions: ExecutionOptions.Send,
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
diff --git a/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/hooks.ts b/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/hooks.ts
new file mode 100644
index 000000000..feea99e9f
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/hooks.ts
@@ -0,0 +1,356 @@
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { Errors, logError } from '@/services/exceptions'
+import { getModuleTransactionId } from '@/services/transactions'
+import { backOff } from 'exponential-backoff'
+import { useEffect, useMemo } from 'react'
+import {
+  type ChainId,
+  chains,
+  fetchRolesMod,
+  Clearance,
+  type RoleSummary,
+  ExecutionOptions,
+  Status,
+} from 'zodiac-roles-deployments'
+import { OperationType, type Transaction, type MetaTransactionData, type SafeTransaction } from '@safe-global/types-kit'
+import { type JsonRpcProvider } from 'ethers'
+import { KnownContracts, getModuleInstance } from '@gnosis.pm/zodiac'
+import useWallet from '@/hooks/wallets/useWallet'
+import { useHasFeature } from '@/hooks/useChains'
+import { encodeMultiSendData } from '@safe-global/protocol-kit'
+import { Multi_send__factory } from '@safe-global/utils/types/contracts'
+import { decodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const ROLES_V2_SUPPORTED_CHAINS = Object.keys(chains)
+const multiSendInterface = Multi_send__factory.createInterface()
+
+/**
+ * Turns a Safe Transaction into a set of meta transactions, unbundling multisend calls
+ */
+export const useMetaTransactions = (safeTx?: SafeTransaction): MetaTransactionData[] => {
+  const safeTxData = safeTx?.data
+  return useMemo(() => {
+    if (!safeTxData) return []
+
+    const metaTx: MetaTransactionData = {
+      to: safeTxData.to,
+      value: safeTxData.value,
+      data: safeTxData.data,
+      operation: safeTxData.operation,
+    }
+
+    if (metaTx.operation === OperationType.DelegateCall) {
+      // try decoding as multisend
+      try {
+        const baseTransactions = decodeMultiSendData(metaTx.data)
+        if (baseTransactions.length > 0) {
+          return baseTransactions.map((tx) => ({ ...tx, operation: OperationType.Call }))
+        }
+      } catch (e) {}
+    }
+
+    return [metaTx]
+  }, [safeTxData])
+}
+
+/**
+ * Returns all Zodiac Roles Modifiers v2 instances that are enabled and correctly configured on this Safe
+ */
+export const useRolesMods = () => {
+  const { safe } = useSafeInfo()
+  const isFeatureEnabled = useHasFeature(FEATURES.ZODIAC_ROLES)
+
+  const [data] = useAsync(async () => {
+    if (!ROLES_V2_SUPPORTED_CHAINS.includes(safe.chainId) || !isFeatureEnabled) return []
+
+    const safeModules = safe.modules || []
+    const rolesMods = await Promise.all(
+      safeModules.map((address) =>
+        fetchRolesMod({ address: address.value as `0x${string}`, chainId: parseInt(safe.chainId) as ChainId }),
+      ),
+    )
+
+    return rolesMods.filter(
+      (mod): mod is Exclude<typeof mod, null> =>
+        mod !== null &&
+        mod.target === safe.address.value.toLowerCase() &&
+        mod.avatar === safe.address.value.toLowerCase() &&
+        mod.roles.length > 0,
+    )
+  }, [safe, isFeatureEnabled])
+
+  return data
+}
+
+const KNOWN_MULTISEND_ADDRESSES = [
+  '0x38869bf66a61cf6bdb996a6ae40d5853fd43b526', // MultiSend 1.4.1
+  '0xa238cbeb142c10ef7ad8442c6d1f9e89e07e7761', // MultiSend 1.3.0
+  '0x998739bfdaadde7c933b942a68053933098f9eda', // MultiSend 1.3.0 alternative
+  '0x8d29be29923b68abfdd21e541b9374737b49cdad', // MultiSend 1.1.1
+]
+const KNOWN_MULTISEND_CALL_ONLY_ADDRESSES = [
+  '0x9641d764fc13c8b624c04430c7356c1c7c8102e2', // MultiSendCallOnly 1.4.1
+  '0x40a2accbd92bca938b02010e17a5b8929b49130d', // MultiSendCallOnly 1.3.0
+  '0xa1dabef33b3b82c7814b6d82a79e50f4ac44102b', // MultiSendCallOnly 1.3.0 alternative
+]
+
+export interface Role {
+  modAddress: `0x${string}`
+  roleKey: `0x${string}`
+  multiSend?: `0x${string}`
+  status: Status | null
+}
+
+/**
+ * Returns a list of roles mod address + role key assigned to the connected wallet.
+ * For each role, checks if the role allows the given meta transaction and returns the status.
+ */
+export const useRoles = (safeTx?: SafeTransaction) => {
+  const metaTransactions = useMetaTransactions(safeTx)
+  const rolesMods = useRolesMods()
+  const wallet = useWallet()
+  const walletAddress = wallet?.address.toLowerCase() as undefined | `0x${string}`
+
+  // find all roles assigned to the connected wallet, statically check if they allow the given meta transaction
+  const potentialRoles = useMemo(() => {
+    const result: Role[] = []
+    if (metaTransactions.length === 0) return result
+
+    if (walletAddress && rolesMods) {
+      for (const rolesMod of rolesMods) {
+        const multiSend = rolesMod.multiSendAddresses.find((addr) => KNOWN_MULTISEND_ADDRESSES.includes(addr))
+        const multiSendCallOnly = rolesMod.multiSendAddresses.find((addr) =>
+          KNOWN_MULTISEND_CALL_ONLY_ADDRESSES.includes(addr),
+        )
+
+        for (const role of rolesMod.roles) {
+          if (role.members.includes(walletAddress)) {
+            const statuses = metaTransactions.map((metaTx) => checkPermissions(role, metaTx))
+            result.push({
+              modAddress: rolesMod.address,
+              roleKey: role.key,
+              multiSend: metaTransactions.some((metaTx) => metaTx.operation === OperationType.DelegateCall)
+                ? multiSend
+                : multiSendCallOnly,
+              status:
+                statuses.find((status) => status !== Status.Ok && status !== null) ||
+                statuses.find((status) => status !== Status.Ok) ||
+                Status.Ok,
+            })
+          }
+        }
+      }
+    }
+
+    return result
+  }, [rolesMods, walletAddress, metaTransactions])
+  const web3ReadOnly = useWeb3ReadOnly()
+
+  // if the static check is inconclusive (status: null), evaluate the condition through a test call
+  const [dynamicallyCheckedPotentialRoles] = useAsync(
+    () =>
+      Promise.all(
+        potentialRoles.map(async (role: Role) => {
+          if (role.status === null && walletAddress && web3ReadOnly) {
+            role.status = await checkCondition(role, metaTransactions, walletAddress, web3ReadOnly)
+          }
+          return role
+        }),
+      ),
+    [potentialRoles, metaTransactions, walletAddress, web3ReadOnly],
+  )
+
+  // Return the statically checked roles while the dynamic checks are still pending
+  return dynamicallyCheckedPotentialRoles || potentialRoles
+}
+
+export const findAllowingRole = (roles: Role[]): Role | undefined => roles.find((role) => role.status === Status.Ok)
+
+export const findMostLikelyRole = (roles: Role[]): Role | undefined =>
+  findAllowingRole(roles) ||
+  roles.find((role) => role.status !== Status.TargetAddressNotAllowed && role.status !== Status.FunctionNotAllowed) ||
+  roles.find((role) => role.status !== Status.TargetAddressNotAllowed) ||
+  roles[0]
+
+/**
+ * Returns the status of the permission check, `null` if it depends on the condition evaluation.
+ */
+const checkPermissions = (role: RoleSummary, metaTx: MetaTransactionData): Status | null => {
+  const target = role.targets.find((t) => t.address === metaTx.to.toLowerCase())
+  if (!target) return Status.TargetAddressNotAllowed
+
+  if (target.clearance === Clearance.Target) {
+    // all calls to the target are allowed
+    return checkExecutionOptions(target.executionOptions, metaTx)
+  }
+
+  if (target.clearance === Clearance.Function) {
+    // check if the function is allowed
+    const selector = metaTx.data.slice(0, 10) as `0x${string}`
+    const func = target.functions.find((f) => f.selector === selector)
+
+    if (func) {
+      const execOptionsStatus = checkExecutionOptions(func.executionOptions, metaTx)
+      if (execOptionsStatus !== Status.Ok) return execOptionsStatus
+      return func.wildcarded ? Status.Ok : null // wildcarded means there's no condition set
+    }
+  }
+
+  return Status.FunctionNotAllowed
+}
+
+const checkExecutionOptions = (execOptions: ExecutionOptions, metaTx: MetaTransactionData): Status => {
+  const isSend = BigInt(metaTx.value || '0') > 0n
+  const isDelegateCall = metaTx.operation === OperationType.DelegateCall
+
+  if (isSend && execOptions !== ExecutionOptions.Send && execOptions !== ExecutionOptions.Both) {
+    return Status.SendNotAllowed
+  }
+  if (isDelegateCall && execOptions !== ExecutionOptions.DelegateCall && execOptions !== ExecutionOptions.Both) {
+    return Status.DelegateCallNotAllowed
+  }
+
+  return Status.Ok
+}
+
+export const useExecuteThroughRole = ({
+  role,
+  metaTransactions,
+}: {
+  role?: Role
+  metaTransactions: MetaTransactionData[]
+}) => {
+  const web3ReadOnly = useWeb3ReadOnly()
+  const wallet = useWallet()
+  const walletAddress = wallet?.address.toLowerCase() as undefined | `0x${string}`
+
+  return useMemo(
+    () =>
+      role && walletAddress && web3ReadOnly
+        ? encodeExecuteThroughRole(role, metaTransactions, walletAddress, web3ReadOnly)
+        : undefined,
+    [role, metaTransactions, walletAddress, web3ReadOnly],
+  )
+}
+
+const encodeMetaTransactions = (role: Role, metaTransactions: MetaTransactionData[]): MetaTransactionData => {
+  if (metaTransactions.length === 0) {
+    throw new Error('No meta transactions to encode')
+  }
+  if (metaTransactions.length === 1) {
+    return metaTransactions[0]
+  } else {
+    const to = role.multiSend || KNOWN_MULTISEND_ADDRESSES[0]
+
+    return {
+      to,
+      value: '0',
+      data: multiSendInterface.encodeFunctionData('multiSend', [encodeMultiSendData(metaTransactions)]),
+      operation: OperationType.DelegateCall,
+    }
+  }
+}
+
+const encodeExecuteThroughRole = (
+  role: Role,
+  metaTransactions: MetaTransactionData[],
+  from: `0x${string}`,
+  provider: JsonRpcProvider,
+): Transaction => {
+  const combinedMetaTx = encodeMetaTransactions(role, metaTransactions)
+
+  const rolesModifier = getModuleInstance(KnownContracts.ROLES_V2, role.modAddress, provider)
+  const data = rolesModifier.interface.encodeFunctionData('execTransactionWithRole', [
+    combinedMetaTx.to,
+    BigInt(combinedMetaTx.value),
+    combinedMetaTx.data,
+    combinedMetaTx.operation || 0,
+    role.roleKey,
+    true,
+  ])
+
+  return {
+    to: role.modAddress,
+    data,
+    value: '0',
+    from,
+  }
+}
+
+const checkCondition = async (
+  role: Role,
+  metaTransactions: MetaTransactionData[],
+  from: `0x${string}`,
+  provider: JsonRpcProvider,
+) => {
+  const combinedMetaTx = encodeMetaTransactions(role, metaTransactions)
+
+  const rolesModifier = getModuleInstance(KnownContracts.ROLES_V2, role.modAddress, provider)
+  try {
+    await rolesModifier.execTransactionWithRole.estimateGas(
+      combinedMetaTx.to,
+      BigInt(combinedMetaTx.value),
+      combinedMetaTx.data,
+      combinedMetaTx.operation || 0,
+      role.roleKey,
+      false,
+      { from },
+    )
+
+    return Status.Ok
+  } catch (e: any) {
+    const error = rolesModifier.interface.getError(e.data.slice(0, 10))
+    if (error === null || error.name !== 'ConditionViolation') {
+      console.error('Unexpected error in condition check', error, e.data, e)
+      return null
+    }
+
+    // status is a BigInt, convert it to enum
+    const { status } = rolesModifier.interface.decodeErrorResult(error, e.data)
+    return Number(status) as Status
+  }
+}
+
+export const useGasLimit = (
+  tx?: Transaction,
+): {
+  gasLimit?: bigint
+  gasLimitError?: Error
+  gasLimitLoading: boolean
+} => {
+  const web3ReadOnly = useWeb3ReadOnly()
+
+  const [gasLimit, gasLimitError, gasLimitLoading] = useAsync<bigint | undefined>(async () => {
+    if (!web3ReadOnly || !tx) return
+
+    return web3ReadOnly.estimateGas(tx)
+  }, [web3ReadOnly, tx])
+
+  useEffect(() => {
+    if (gasLimitError) {
+      logError(Errors._612, gasLimitError.message)
+    }
+  }, [gasLimitError])
+
+  return { gasLimit, gasLimitError, gasLimitLoading }
+}
+
+export const pollModuleTransactionId = async (
+  chainId: string,
+  safeAddress: string,
+  txHash: string,
+): Promise<string> => {
+  // exponential delay between attempts for around 4 min
+  return backOff(() => getModuleTransactionId(chainId, safeAddress, txHash), {
+    startingDelay: 750,
+    maxDelay: 20000,
+    numOfAttempts: 19,
+    retry: (e: any) => {
+      console.info('waiting for transaction-service to index the module transaction', e)
+      return true
+    },
+  })
+}
diff --git a/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/index.tsx b/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/index.tsx
new file mode 100644
index 000000000..091cb1294
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/index.tsx
@@ -0,0 +1,273 @@
+import useWalletCanPay from '@/hooks/useWalletCanPay'
+import madProps from '@/utils/mad-props'
+import { type ReactElement, type SyntheticEvent, useContext, useState } from 'react'
+import { CircularProgress, Box, Button, CardActions, Divider, Typography } from '@mui/material'
+
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import { trackError, Errors } from '@/services/exceptions'
+import { useCurrentChain } from '@/hooks/useChains'
+import { getTxOptions } from '@/utils/transactions'
+import CheckWallet from '@/components/common/CheckWallet'
+
+import type { SignOrExecuteProps } from '@/components/tx/SignOrExecuteForm/SignOrExecuteFormV2'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import { TxModalContext } from '@/components/tx-flow'
+import { SuccessScreenFlow } from '@/components/tx-flow/flows'
+import AdvancedParams, { useAdvancedParams } from '../../../../tx/AdvancedParams'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { isWalletRejection } from '@/utils/wallets'
+
+import css from './styles.module.css'
+import commonCss from '@/components/tx-flow/common/styles.module.css'
+import { TxSecurityContext } from '@/components/tx/security/shared/TxSecurityContext'
+
+import WalletRejectionError from '@/components/tx/SignOrExecuteForm/WalletRejectionError'
+import { pollModuleTransactionId, useExecuteThroughRole, useGasLimit, useMetaTransactions, type Role } from './hooks'
+import { decodeBytes32String } from 'ethers'
+import useOnboard from '@/hooks/wallets/useOnboard'
+import useWallet from '@/hooks/wallets/useWallet'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { assertOnboard, assertWallet } from '@/utils/helpers'
+import { dispatchModuleTxExecution } from '@/services/tx/tx-sender'
+import { Status } from 'zodiac-roles-deployments'
+
+const Role = ({ children }: { children: string }) => {
+  let humanReadableRoleKey = children
+  try {
+    humanReadableRoleKey = decodeBytes32String(children)
+  } catch (e) {}
+
+  return <span className={css.roleChip}>{humanReadableRoleKey}</span>
+}
+
+export const ExecuteThroughRoleForm = ({
+  safeTx,
+  role,
+  onSubmit,
+  disableSubmit = false,
+  txSecurity,
+}: SignOrExecuteProps & {
+  safeTx?: SafeTransaction
+  safeTxError?: Error
+  role: Role
+  txSecurity: ReturnType<typeof useTxSecurityContext>
+}): ReactElement => {
+  const currentChain = useCurrentChain()
+  const onboard = useOnboard()
+  const wallet = useWallet()
+  const { safe } = useSafeInfo()
+
+  const chainId = currentChain?.chainId || '1'
+
+  const [isPending, setIsPending] = useState<boolean>(false)
+  const [isRejectedByUser, setIsRejectedByUser] = useState<boolean>(false)
+  const [submitError, setSubmitError] = useState<Error | undefined>()
+
+  const { setTxFlow } = useContext(TxModalContext)
+  const { needsRiskConfirmation, isRiskConfirmed, setIsRiskIgnored } = txSecurity
+
+  const permissionsError = role.status !== null ? PermissionsErrorMessage[role.status] : null
+  const metaTransactions = useMetaTransactions(safeTx)
+  const multiSendImpossible = metaTransactions.length > 1 && !role.multiSend
+
+  // Wrap call, routing it through the Roles mod with the allowing role
+  const txThroughRole = useExecuteThroughRole({
+    role: role.status === Status.Ok && !multiSendImpossible ? role : undefined,
+    metaTransactions,
+  })
+
+  // Estimate gas limit
+  const { gasLimit, gasLimitError } = useGasLimit(txThroughRole)
+  const [advancedParams, setAdvancedParams] = useAdvancedParams(gasLimit)
+
+  // On form submit
+  const handleSubmit = async (e: SyntheticEvent) => {
+    e.preventDefault()
+
+    if (needsRiskConfirmation && !isRiskConfirmed) {
+      setIsRiskIgnored(true)
+      return
+    }
+
+    assertWallet(wallet)
+    assertOnboard(onboard)
+
+    setIsRejectedByUser(false)
+    setIsPending(true)
+    setSubmitError(undefined)
+    setIsRejectedByUser(false)
+
+    if (!txThroughRole) {
+      throw new Error('Execution through role is not possible')
+    }
+
+    const txOptions = getTxOptions(advancedParams, currentChain)
+
+    let txHash: string
+    try {
+      txHash = await dispatchModuleTxExecution({ ...txThroughRole, ...txOptions }, wallet.provider, safe.address.value)
+    } catch (_err) {
+      const err = asError(_err)
+      if (isWalletRejection(err)) {
+        setIsRejectedByUser(true)
+      } else {
+        trackError(Errors._815, err)
+        setSubmitError(err)
+      }
+      setIsPending(false)
+      return
+    }
+
+    // On success, forward to the success screen, initially without a txId
+    setTxFlow(<SuccessScreenFlow txHash={txHash} />, undefined, false)
+
+    // Wait for module tx to be indexed
+    const transactionService = currentChain?.transactionService
+    if (!transactionService) {
+      throw new Error('Transaction service not found')
+    }
+    const txId = await pollModuleTransactionId(chainId, safe.address.value, txHash)
+    onSubmit?.(txId, true)
+
+    // Update the success screen so it shows a link to the transaction
+    setTxFlow(<SuccessScreenFlow txId={txId} />, undefined, false)
+  }
+
+  const walletCanPay = useWalletCanPay({
+    gasLimit,
+    maxFeePerGas: advancedParams.maxFeePerGas,
+  })
+
+  const submitDisabled = !txThroughRole || isPending || disableSubmit || (needsRiskConfirmation && !isRiskConfirmed)
+
+  return (
+    <>
+      <Divider className={commonCss.nestedDivider} sx={{ pt: 1 }} />
+
+      <form onSubmit={handleSubmit}>
+        {!permissionsError && (
+          <>
+            <Typography sx={{ mb: 2 }}>
+              Your <Role>{role.roleKey}</Role> role allows you to execute this transaction without the confirmations of
+              other owners.
+            </Typography>
+
+            <div className={commonCss.params}>
+              <AdvancedParams
+                willExecute
+                params={advancedParams}
+                recommendedGasLimit={gasLimit}
+                onFormSubmit={setAdvancedParams}
+                gasLimitError={gasLimitError}
+              />
+            </div>
+          </>
+        )}
+
+        {permissionsError && (
+          <Box mb={2}>
+            <Typography sx={{ mb: 2 }}>
+              You are a member of the <Role>{role.roleKey}</Role> role but it does not allow this transaction.
+            </Typography>
+
+            <ErrorMessage>{permissionsError}</ErrorMessage>
+          </Box>
+        )}
+
+        <Typography variant="caption" display="flex" gap="2px" color="text.secondary" sx={{ mb: 2 }}>
+          Powered by
+          <img src="/images/transactions/zodiac-roles.svg" width={16} height={16} alt="Zodiac Roles" />
+          <span className={css.zodiac}>Zodiac</span>
+        </Typography>
+
+        {multiSendImpossible && (
+          <Box mt={1}>
+            <ErrorMessage>
+              The current configuration of the Zodiac Roles module does not allow executing multiple transactions in
+              batch.
+            </ErrorMessage>
+          </Box>
+        )}
+
+        {!walletCanPay ? (
+          <Box mt={1}>
+            <ErrorMessage level="info">
+              Your connected wallet doesn&apos;t have enough funds to execute this transaction.
+            </ErrorMessage>
+          </Box>
+        ) : (
+          gasLimitError && (
+            <Box mt={1}>
+              <ErrorMessage error={gasLimitError}>
+                This transaction will most likely fail. To save gas costs, avoid creating this transaction.
+              </ErrorMessage>
+            </Box>
+          )
+        )}
+
+        {submitError && (
+          <Box mt={1}>
+            <ErrorMessage error={submitError}>Error submitting the transaction. Please try again.</ErrorMessage>
+          </Box>
+        )}
+
+        {isRejectedByUser && (
+          <Box mt={1}>
+            <WalletRejectionError />
+          </Box>
+        )}
+
+        <Box mt={3}>
+          <Divider className={commonCss.nestedDivider} />
+        </Box>
+
+        <CardActions>
+          {/* Submit button, also available to non-owner role members */}
+          <CheckWallet allowNonOwner checkNetwork={!submitDisabled}>
+            {(isOk) => (
+              <Button
+                data-testid="execute-through-role-form-btn"
+                variant="contained"
+                type="submit"
+                disabled={!isOk || submitDisabled}
+                sx={{ minWidth: '112px' }}
+              >
+                {isPending ? <CircularProgress size={20} /> : 'Execute'}
+              </Button>
+            )}
+          </CheckWallet>
+        </CardActions>
+      </form>
+    </>
+  )
+}
+
+const useTxSecurityContext = () => useContext(TxSecurityContext)
+
+export default madProps(ExecuteThroughRoleForm, {
+  txSecurity: useTxSecurityContext,
+})
+
+const PermissionsErrorMessage: Record<Status, string | null> = {
+  [Status.Ok]: null,
+
+  [Status.DelegateCallNotAllowed]: 'Role is not allowed to delegate call to target address',
+  [Status.TargetAddressNotAllowed]: 'Role is not allowed to call target address',
+  [Status.FunctionNotAllowed]: 'Role is not allowed to call this function on the target address',
+  [Status.SendNotAllowed]: 'Role is not allowed to send to target address',
+  [Status.OrViolation]: 'Condition violation: None of the Or branch conditions are met',
+  [Status.NorViolation]: 'Condition violation: At least one Nor branch condition is met',
+  [Status.ParameterNotAllowed]: 'Condition violation: Parameter value is not allowed',
+  [Status.ParameterLessThanAllowed]: 'Condition violation: Parameter value is less than allowed',
+  [Status.ParameterGreaterThanAllowed]: 'Condition violation: Parameter value is greater than allowed',
+  [Status.ParameterNotAMatch]: 'Condition violation: Parameter value does not match',
+  [Status.NotEveryArrayElementPasses]: 'Condition violation: Not every array element meets the criteria',
+  [Status.NoArrayElementPasses]: 'Condition violation: None of the array elements meet the criteria',
+  [Status.ParameterNotSubsetOfAllowed]: 'Condition violation: Parameter value is not a subset of allowed values',
+  [Status.BitmaskOverflow]: 'Condition violation: Bitmask exceeded value length',
+  [Status.BitmaskNotAllowed]: 'Condition violation: Bitmask does not allow the value',
+  [Status.CustomConditionViolation]: 'Condition violation: Custom condition is not met',
+  [Status.AllowanceExceeded]: 'Condition violation: Allowance is exceeded',
+  [Status.CallAllowanceExceeded]: 'Condition violation: Call allowance is exceeded',
+  [Status.EtherAllowanceExceeded]: 'Condition violation: Ether allowance is exceeded',
+}
diff --git a/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/styles.module.css b/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/styles.module.css
new file mode 100644
index 000000000..acdc5347b
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/styles.module.css
@@ -0,0 +1,10 @@
+.roleChip {
+  background-color: var(--color-background-main);
+  font-size: 12px;
+  border-radius: 4px;
+  padding: 2px 8px;
+}
+
+.zodiac {
+  color: var(--color-text-primary);
+}
diff --git a/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/index.tsx b/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/index.tsx
new file mode 100644
index 000000000..f46dd7b2d
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/ExecuteThroughRole/index.tsx
@@ -0,0 +1,39 @@
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { useCallback, useContext } from 'react'
+import { TxFlowContext } from '../../TxFlowProvider'
+import ExecuteThroughRoleForm from './ExecuteThroughRoleForm'
+import useIsCounterfactualSafe from '@/features/counterfactual/hooks/useIsCounterfactualSafe'
+import { type SlotComponentProps, SlotName, withSlot } from '../../slots'
+
+const ExecuteThroughRole = ({ onSubmitSuccess }: SlotComponentProps<SlotName.Submit>) => {
+  const { safeTx } = useContext(SafeTxContext)
+  const { trackTxEvent, role, isSubmitDisabled } = useContext(TxFlowContext)
+
+  const handleSubmit = useCallback(
+    async (txId: string, isExecuted = false) => {
+      onSubmitSuccess?.({ txId, isExecuted })
+      trackTxEvent(txId, isExecuted, true)
+    },
+    [onSubmitSuccess, trackTxEvent],
+  )
+
+  return (
+    <ExecuteThroughRoleForm safeTx={safeTx} disableSubmit={isSubmitDisabled} role={role!} onSubmit={handleSubmit} />
+  )
+}
+
+const useShouldRegisterSlot = () => {
+  const isCounterfactualSafe = useIsCounterfactualSafe()
+  const { willExecuteThroughRole } = useContext(TxFlowContext)
+
+  return !isCounterfactualSafe && willExecuteThroughRole
+}
+
+const ExecuteThroughRoleSlot = withSlot({
+  Component: ExecuteThroughRole,
+  slotName: SlotName.Submit,
+  id: 'executeThroughRole',
+  useSlotCondition: useShouldRegisterSlot,
+})
+
+export default ExecuteThroughRoleSlot
diff --git a/apps/web/src/components/tx-flow/actions/Propose/ProposerForm.tsx b/apps/web/src/components/tx-flow/actions/Propose/ProposerForm.tsx
new file mode 100644
index 000000000..2422adee2
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/Propose/ProposerForm.tsx
@@ -0,0 +1,113 @@
+import WalletRejectionError from '@/components/tx/SignOrExecuteForm/WalletRejectionError'
+import { isWalletRejection } from '@/utils/wallets'
+import { type ReactElement, type SyntheticEvent, useContext, useState } from 'react'
+import { Box, Button, CircularProgress, Divider, Typography } from '@mui/material'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import CheckWallet from '@/components/common/CheckWallet'
+import { TxModalContext } from '@/components/tx-flow'
+import commonCss from '@/components/tx-flow/common/styles.module.css'
+import { TxSecurityContext } from '@/components/tx/security/shared/TxSecurityContext'
+import { useTxActions } from '@/components/tx/SignOrExecuteForm/hooks'
+import type { SignOrExecuteProps } from '@/components/tx/SignOrExecuteForm/SignOrExecuteFormV2'
+import useWallet from '@/hooks/wallets/useWallet'
+import { Errors, trackError } from '@/services/exceptions'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import madProps from '@/utils/mad-props'
+import { TxCardActions } from '@/components/tx-flow/common/TxCard'
+
+export const ProposerForm = ({
+  safeTx,
+  origin,
+  disableSubmit = false,
+  txActions,
+  txSecurity,
+  onSubmit,
+}: SignOrExecuteProps & {
+  txActions: ReturnType<typeof useTxActions>
+  txSecurity: ReturnType<typeof useTxSecurityContext>
+  safeTx?: SafeTransaction
+}): ReactElement => {
+  // Form state
+  const [isSubmittable, setIsSubmittable] = useState<boolean>(true)
+  const [isRejectedByUser, setIsRejectedByUser] = useState<Boolean>(false)
+
+  // Hooks
+  const wallet = useWallet()
+  const { signProposerTx } = txActions
+  const { setTxFlow } = useContext(TxModalContext)
+  const { needsRiskConfirmation, isRiskConfirmed, setIsRiskIgnored } = txSecurity
+
+  // On modal submit
+  const handleSubmit = async (e: SyntheticEvent) => {
+    e.preventDefault()
+
+    if (needsRiskConfirmation && !isRiskConfirmed) {
+      setIsRiskIgnored(true)
+      return
+    }
+
+    if (!safeTx || !wallet) return
+
+    setIsSubmittable(false)
+    setIsRejectedByUser(false)
+
+    try {
+      const txId = await signProposerTx(safeTx, origin)
+      onSubmit?.(txId)
+    } catch (_err) {
+      const err = asError(_err)
+      if (isWalletRejection(err)) {
+        setIsRejectedByUser(true)
+      } else {
+        trackError(Errors._805, err)
+      }
+      setIsSubmittable(true)
+      return
+    }
+
+    setTxFlow(undefined)
+  }
+
+  const submitDisabled = !safeTx || !isSubmittable || disableSubmit || (needsRiskConfirmation && !isRiskConfirmed)
+
+  return (
+    <form onSubmit={handleSubmit}>
+      <Typography>
+        As a <strong>Proposer</strong>, you&apos;re creating this transaction without any signatures. It will need
+        approval from a signer before it becomes a valid transaction.
+      </Typography>
+
+      {isRejectedByUser && (
+        <Box mt={1}>
+          <WalletRejectionError />
+        </Box>
+      )}
+
+      <Divider className={commonCss.nestedDivider} sx={{ pt: 3 }} />
+
+      <TxCardActions>
+        {/* Submit button */}
+        <CheckWallet checkNetwork>
+          {(isOk) => (
+            <Button
+              data-testid="sign-btn"
+              variant="contained"
+              type="submit"
+              disabled={!isOk || submitDisabled}
+              sx={{ minWidth: '82px', order: '1', width: ['100%', '100%', '100%', 'auto'] }}
+            >
+              {!isSubmittable ? <CircularProgress size={20} /> : 'Propose transaction'}
+            </Button>
+          )}
+        </CheckWallet>
+      </TxCardActions>
+    </form>
+  )
+}
+
+const useTxSecurityContext = () => useContext(TxSecurityContext)
+
+export default madProps(ProposerForm, {
+  txActions: useTxActions,
+  txSecurity: useTxSecurityContext,
+})
diff --git a/apps/web/src/components/tx-flow/actions/Propose/index.tsx b/apps/web/src/components/tx-flow/actions/Propose/index.tsx
new file mode 100644
index 000000000..785aab6f1
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/Propose/index.tsx
@@ -0,0 +1,34 @@
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { useCallback, useContext } from 'react'
+import { TxFlowContext } from '../../TxFlowProvider'
+import ProposerForm from './ProposerForm'
+import { type SlotComponentProps, SlotName, withSlot } from '../../slots'
+
+const Propose = ({ onSubmitSuccess }: SlotComponentProps<SlotName.Submit>) => {
+  const { safeTx, txOrigin } = useContext(SafeTxContext)
+  const { trackTxEvent, isSubmitDisabled } = useContext(TxFlowContext)
+
+  const handleSubmit = useCallback(
+    async (txId: string, isExecuted = false) => {
+      onSubmitSuccess?.({ txId, isExecuted })
+      trackTxEvent(txId, isExecuted, false, true)
+    },
+    [onSubmitSuccess, trackTxEvent],
+  )
+
+  return <ProposerForm safeTx={safeTx} origin={txOrigin} disableSubmit={isSubmitDisabled} onSubmit={handleSubmit} />
+}
+
+const useShouldRegisterSlot = () => {
+  const { isProposing } = useContext(TxFlowContext)
+  return isProposing
+}
+
+const ProposeSlot = withSlot({
+  Component: Propose,
+  slotName: SlotName.Submit,
+  id: 'propose',
+  useSlotCondition: useShouldRegisterSlot,
+})
+
+export default ProposeSlot
diff --git a/apps/web/src/components/tx-flow/actions/Sign/SignForm.tsx b/apps/web/src/components/tx-flow/actions/Sign/SignForm.tsx
new file mode 100644
index 000000000..add536eba
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/Sign/SignForm.tsx
@@ -0,0 +1,154 @@
+import madProps from '@/utils/mad-props'
+import { type ReactElement, type SyntheticEvent, useContext, useState } from 'react'
+import { Box, Divider, Stack } from '@mui/material'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import { trackError, Errors } from '@/services/exceptions'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import CheckWallet from '@/components/common/CheckWallet'
+import { useAlreadySigned, useTxActions } from '@/components/tx/SignOrExecuteForm/hooks'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import { TxModalContext } from '@/components/tx-flow'
+import commonCss from '@/components/tx-flow/common/styles.module.css'
+import { TxSecurityContext } from '@/components/tx/security/shared/TxSecurityContext'
+import NonOwnerError from '@/components/tx/SignOrExecuteForm/NonOwnerError'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { isWalletRejection } from '@/utils/wallets'
+import { useSigner } from '@/hooks/wallets/useWallet'
+import { NestedTxSuccessScreenFlow } from '@/components/tx-flow/flows'
+import { TxFlowContext } from '@/components/tx-flow/TxFlowProvider'
+import { TxCardActions } from '@/components/tx-flow/common/TxCard'
+import SplitMenuButton from '@/components/common/SplitMenuButton'
+import type { SlotComponentProps, SlotName } from '../../slots'
+
+export const SignForm = ({
+  safeTx,
+  txId,
+  onSubmit,
+  onSubmitSuccess,
+  onChange,
+  options = [],
+  disableSubmit = false,
+  origin,
+  isOwner,
+  slotId,
+  txActions,
+  txSecurity,
+  tooltip,
+}: SlotComponentProps<SlotName.ComboSubmit> & {
+  txId?: string
+  disableSubmit?: boolean
+  origin?: string
+  isOwner: ReturnType<typeof useIsSafeOwner>
+  txActions: ReturnType<typeof useTxActions>
+  txSecurity: ReturnType<typeof useTxSecurityContext>
+  safeTx?: SafeTransaction
+  tooltip?: string
+}): ReactElement => {
+  // Form state
+  const [isSubmitLoadingLocal, setIsSubmitLoadingLocal] = useState<boolean>(false) // TODO: remove this local state and use only the one from TxFlowContext when tx-flow refactor is done
+
+  // Hooks
+  const { signTx } = txActions
+  const { setTxFlow } = useContext(TxModalContext)
+  const { isSubmitDisabled, isSubmitLoading, setIsSubmitLoading, setSubmitError, setIsRejectedByUser } =
+    useContext(TxFlowContext)
+  const { needsRiskConfirmation, isRiskConfirmed, setIsRiskIgnored } = txSecurity
+  const hasSigned = useAlreadySigned(safeTx)
+  const signer = useSigner()
+
+  const handleOptionChange = (option: string) => {
+    onChange?.(option)
+  }
+
+  // On modal submit
+  const handleSubmit = async (e: SyntheticEvent) => {
+    e.preventDefault()
+
+    if (needsRiskConfirmation && !isRiskConfirmed) {
+      setIsRiskIgnored(true)
+      return
+    }
+
+    if (!safeTx) return
+
+    setIsSubmitLoading(true)
+    setIsSubmitLoadingLocal(true)
+
+    setSubmitError(undefined)
+    setIsRejectedByUser(false)
+
+    onSubmit?.()
+
+    let resultTxId: string
+    try {
+      resultTxId = await signTx(safeTx, txId, origin)
+    } catch (_err) {
+      const err = asError(_err)
+      if (isWalletRejection(err)) {
+        setIsRejectedByUser(true)
+      } else {
+        trackError(Errors._804, err)
+        setSubmitError(err)
+      }
+      setIsSubmitLoading(false)
+      setIsSubmitLoadingLocal(false)
+      return
+    }
+
+    // On successful sign
+    onSubmitSuccess?.({ txId: resultTxId })
+
+    if (signer?.isSafe) {
+      setTxFlow(<NestedTxSuccessScreenFlow txId={resultTxId} />, undefined, false)
+    } else {
+      setTxFlow(undefined)
+    }
+  }
+
+  const cannotPropose = !isOwner
+  const submitDisabled =
+    !safeTx ||
+    isSubmitDisabled ||
+    isSubmitLoadingLocal ||
+    disableSubmit ||
+    cannotPropose ||
+    (needsRiskConfirmation && !isRiskConfirmed)
+
+  return (
+    <Stack gap={3}>
+      {hasSigned && <ErrorMessage level="warning">You have already signed this transaction.</ErrorMessage>}
+
+      {cannotPropose && <NonOwnerError />}
+
+      <Box>
+        <Divider className={commonCss.nestedDivider} />
+
+        {/* Submit button */}
+        <TxCardActions>
+          <form onSubmit={handleSubmit}>
+            <CheckWallet checkNetwork={!submitDisabled}>
+              {(isOk) => (
+                <SplitMenuButton
+                  selected={slotId}
+                  onChange={({ id }) => handleOptionChange(id)}
+                  options={options}
+                  disabled={!isOk || submitDisabled}
+                  loading={isSubmitLoading || isSubmitLoadingLocal}
+                  tooltip={isOk ? tooltip : undefined}
+                />
+              )}
+            </CheckWallet>
+          </form>
+        </TxCardActions>
+      </Box>
+    </Stack>
+  )
+}
+
+const useTxSecurityContext = () => useContext(TxSecurityContext)
+
+export default madProps(SignForm, {
+  isOwner: useIsSafeOwner,
+  txActions: useTxActions,
+  txSecurity: useTxSecurityContext,
+})
diff --git a/apps/web/src/components/tx-flow/actions/Sign/__tests__/SignForm.test.tsx b/apps/web/src/components/tx-flow/actions/Sign/__tests__/SignForm.test.tsx
new file mode 100644
index 000000000..f6ed420db
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/Sign/__tests__/SignForm.test.tsx
@@ -0,0 +1,179 @@
+import { defaultSecurityContextValues } from '@safe-global/utils/components/tx/security/shared/utils'
+import { type ReactElement } from 'react'
+import * as hooks from '@/components/tx/SignOrExecuteForm/hooks'
+import * as useValidateTxData from '@/hooks/useValidateTxData'
+import { SignForm } from '../SignForm'
+import { render as renderTestUtils } from '@/tests/test-utils'
+import { createMockSafeTransaction } from '@/tests/transactions'
+import { OperationType } from '@safe-global/types-kit'
+import { fireEvent, waitFor } from '@testing-library/react'
+import { initialContext, TxFlowContext, type TxFlowContextType } from '@/components/tx-flow/TxFlowProvider'
+
+// We assume that CheckWallet always returns true
+jest.mock('@/components/common/CheckWallet', () => ({
+  __esModule: true,
+  default({ children }: { children: (ok: boolean) => ReactElement }) {
+    return children(true)
+  },
+}))
+
+const render = (ui: ReactElement, txFlowContext: Partial<TxFlowContextType> = {}) => {
+  return renderTestUtils(
+    <TxFlowContext.Provider value={{ ...initialContext, ...txFlowContext }}>{ui}</TxFlowContext.Provider>,
+  )
+}
+
+describe('SignForm', () => {
+  const safeTransaction = createMockSafeTransaction({
+    to: '0x1',
+    data: '0x',
+    operation: OperationType.Call,
+  })
+
+  const defaultProps = {
+    onSubmit: jest.fn(),
+    txId: '0x01231',
+    isOwner: true,
+    txActions: {
+      proposeTx: jest.fn(),
+      signTx: jest.fn(),
+      addToBatch: jest.fn(),
+      executeTx: jest.fn(),
+      signProposerTx: jest.fn(),
+    },
+    txSecurity: defaultSecurityContextValues,
+    options: [
+      { id: 'sign', label: 'Sign' },
+      { id: 'execute', label: 'Execute' },
+    ],
+    onChange: jest.fn(),
+    slotId: 'sign',
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    jest.spyOn(useValidateTxData, 'useValidateTxData').mockReturnValue([undefined, undefined, false])
+  })
+
+  it('displays a warning if connected wallet already signed the tx', () => {
+    jest.spyOn(hooks, 'useAlreadySigned').mockReturnValue(true)
+
+    const { getByText } = render(<SignForm {...defaultProps} />)
+
+    expect(getByText('You have already signed this transaction.')).toBeInTheDocument()
+  })
+
+  it('does not display a warning if connected wallet has not signed the tx yet', () => {
+    jest.spyOn(hooks, 'useAlreadySigned').mockReturnValue(false)
+
+    const { queryByText } = render(<SignForm {...defaultProps} />)
+
+    expect(queryByText('You have already signed this transaction.')).not.toBeInTheDocument()
+  })
+
+  it('shows a non-owner error', () => {
+    jest.spyOn(hooks, 'useAlreadySigned').mockReturnValue(false)
+
+    const { queryByText } = render(<SignForm {...defaultProps} isOwner={false} />)
+
+    expect(
+      queryByText(
+        'You are currently not a signer of this Safe Account and won&apos;t be able to submit this transaction.',
+      ),
+    ).not.toBeInTheDocument()
+  })
+
+  it('signs a transaction', async () => {
+    const mockSignTx = jest.fn()
+
+    const { getByText } = render(
+      <SignForm
+        {...defaultProps}
+        safeTx={safeTransaction}
+        txActions={{
+          proposeTx: jest.fn(),
+          signTx: mockSignTx,
+          addToBatch: jest.fn(),
+          executeTx: jest.fn(),
+          signProposerTx: jest.fn(),
+        }}
+      />,
+    )
+
+    const button = getByText('Sign')
+
+    fireEvent.click(button)
+
+    await waitFor(() => {
+      expect(mockSignTx).toHaveBeenCalled()
+    })
+  })
+
+  describe('shows a disabled submit button if', () => {
+    it('there is no safeTx', () => {
+      const { getByText } = render(<SignForm {...defaultProps} safeTx={undefined} />)
+
+      const button = getByText('Sign')
+
+      expect(button).toBeInTheDocument()
+      expect(button).toBeDisabled()
+    })
+
+    it('is submit loading', () => {
+      const { getByTestId } = render(<SignForm {...defaultProps} />, { isSubmitLoading: true })
+
+      const button = getByTestId('combo-submit-sign')
+
+      expect(button).toBeInTheDocument()
+      expect(button).toBeDisabled()
+    })
+
+    it('passed via props', () => {
+      const { getByText } = render(<SignForm {...defaultProps} safeTx={safeTransaction} disableSubmit />)
+
+      const button = getByText('Sign')
+
+      expect(button).toBeInTheDocument()
+      expect(button).toBeDisabled()
+    })
+
+    it('connected wallet is not an owner', () => {
+      const { getByText } = render(<SignForm {...defaultProps} safeTx={safeTransaction} isOwner={false} />)
+
+      const button = getByText('Sign')
+
+      expect(button).toBeInTheDocument()
+      expect(button).toBeDisabled()
+    })
+
+    it('there is a high or critical risk and user has not confirmed it', () => {
+      const { getByText } = render(
+        <SignForm
+          {...defaultProps}
+          safeTx={safeTransaction}
+          txSecurity={{ ...defaultSecurityContextValues, needsRiskConfirmation: true, isRiskConfirmed: false }}
+        />,
+      )
+
+      const button = getByText('Sign')
+
+      expect(button).toBeInTheDocument()
+      expect(button).toBeDisabled()
+    })
+  })
+
+  it('shows an enabled submit button if there is a high or critical risk and user has confirmed it', () => {
+    const { getByText } = render(
+      <SignForm
+        {...defaultProps}
+        safeTx={safeTransaction}
+        txSecurity={{ ...defaultSecurityContextValues, needsRiskConfirmation: true, isRiskConfirmed: true }}
+      />,
+    )
+
+    const button = getByText('Sign')
+
+    expect(button).toBeInTheDocument()
+    expect(button).not.toBeDisabled()
+  })
+})
diff --git a/apps/web/src/components/tx-flow/actions/Sign/index.tsx b/apps/web/src/components/tx-flow/actions/Sign/index.tsx
new file mode 100644
index 000000000..1ed0a82e3
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/Sign/index.tsx
@@ -0,0 +1,61 @@
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { useCallback, useContext } from 'react'
+import { TxFlowContext } from '../../TxFlowProvider'
+import SignForm from './SignForm'
+import useIsCounterfactualSafe from '@/features/counterfactual/hooks/useIsCounterfactualSafe'
+import { type SlotComponentProps, SlotName, withSlot } from '../../slots'
+import type { SubmitCallback } from '../../TxFlow'
+import { useAlreadySigned } from '@/components/tx/SignOrExecuteForm/hooks'
+import useSafeInfo from '@/hooks/useSafeInfo'
+
+export const Sign = ({
+  onSubmit,
+  onSubmitSuccess,
+  disabled = false,
+  ...props
+}: SlotComponentProps<SlotName.ComboSubmit>) => {
+  const { safeTx, txOrigin } = useContext(SafeTxContext)
+  const { txId, trackTxEvent, isSubmitDisabled } = useContext(TxFlowContext)
+
+  const handleSubmitSuccess = useCallback<SubmitCallback>(
+    async ({ txId, isExecuted = false } = {}) => {
+      onSubmitSuccess?.({ txId, isExecuted })
+      trackTxEvent(txId!, isExecuted)
+    },
+    [onSubmitSuccess, trackTxEvent],
+  )
+
+  return (
+    <SignForm
+      disableSubmit={isSubmitDisabled || disabled}
+      origin={txOrigin}
+      safeTx={safeTx}
+      onSubmit={onSubmit}
+      onSubmitSuccess={handleSubmitSuccess}
+      txId={txId}
+      {...props}
+    />
+  )
+}
+
+const useShouldRegisterSlot = () => {
+  const { isProposing, willExecuteThroughRole } = useContext(TxFlowContext)
+  const { safeTx } = useContext(SafeTxContext)
+  const isCounterfactualSafe = useIsCounterfactualSafe()
+  const hasSigned = useAlreadySigned(safeTx)
+  const { safe } = useSafeInfo()
+
+  const isFullySigned = safeTx ? safeTx.signatures.size >= safe.threshold : false
+
+  return !!safeTx && !hasSigned && !isFullySigned && !isCounterfactualSafe && !willExecuteThroughRole && !isProposing
+}
+
+const SignSlot = withSlot({
+  Component: Sign,
+  label: 'Sign',
+  slotName: SlotName.ComboSubmit,
+  id: 'sign',
+  useSlotCondition: useShouldRegisterSlot,
+})
+
+export default SignSlot
diff --git a/apps/web/src/components/tx-flow/actions/index.ts b/apps/web/src/components/tx-flow/actions/index.ts
new file mode 100644
index 000000000..e3070ce31
--- /dev/null
+++ b/apps/web/src/components/tx-flow/actions/index.ts
@@ -0,0 +1,7 @@
+export { default as Batching } from './Batching'
+export { default as ComboSubmit } from './ComboSubmit'
+export { default as Counterfactual } from './Counterfactual'
+export { default as Execute } from './Execute'
+export { default as ExecuteThroughRole } from './ExecuteThroughRole'
+export { default as Propose } from './Propose'
+export { default as Sign } from './Sign'
diff --git a/apps/web/src/components/tx-flow/common/OwnerList/index.tsx b/apps/web/src/components/tx-flow/common/OwnerList/index.tsx
new file mode 100644
index 000000000..e14271ab0
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/OwnerList/index.tsx
@@ -0,0 +1,49 @@
+import { Paper, Typography, SvgIcon } from '@mui/material'
+import type { PaperProps } from '@mui/material'
+import type { AddressEx } from '@safe-global/safe-gateway-typescript-sdk'
+import type { ReactElement } from 'react'
+
+import PlusIcon from '@/public/images/common/plus.svg'
+import EthHashInfo from '@/components/common/EthHashInfo'
+
+import css from './styles.module.css'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+
+export function OwnerList({
+  title,
+  icon,
+  owners,
+  sx,
+}: {
+  owners: Array<AddressEx>
+  icon?: React.ElementType
+  title?: string
+  sx?: PaperProps['sx']
+}): ReactElement {
+  return (
+    <Paper className={css.container} sx={sx}>
+      <Typography
+        sx={{
+          color: 'text.secondary',
+          display: 'flex',
+          alignItems: 'center',
+          fontSize: 'inherit',
+        }}
+      >
+        <SvgIcon component={icon ?? PlusIcon} inheritViewBox fontSize="small" sx={{ mr: 1 }} />
+        {title ?? `Add owner${maybePlural(owners)}`}
+      </Typography>
+      {owners.map((newOwner) => (
+        <EthHashInfo
+          key={newOwner.value}
+          address={newOwner.value}
+          name={newOwner.name}
+          shortAddress={false}
+          showCopyButton
+          hasExplorer
+          avatarSize={32}
+        />
+      ))}
+    </Paper>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/common/OwnerList/styles.module.css b/apps/web/src/components/tx-flow/common/OwnerList/styles.module.css
new file mode 100644
index 000000000..42a1bc2cd
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/OwnerList/styles.module.css
@@ -0,0 +1,8 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+  padding: var(--space-2);
+  background-color: var(--color-success-background);
+  font-size: 14px;
+}
diff --git a/src/components/tx-flow/common/TxButton.tsx b/apps/web/src/components/tx-flow/common/TxButton.tsx
similarity index 77%
rename from src/components/tx-flow/common/TxButton.tsx
rename to apps/web/src/components/tx-flow/common/TxButton.tsx
index 2288f0857..aeba54421 100644
--- a/src/components/tx-flow/common/TxButton.tsx
+++ b/apps/web/src/components/tx-flow/common/TxButton.tsx
@@ -8,8 +8,6 @@ import Track from '@/components/common/Track'
 import { MODALS_EVENTS } from '@/services/analytics'
 import { useContext } from 'react'
 import { TxModalContext } from '..'
-import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
 import SwapIcon from '@/public/images/common/swap.svg'
 import AssetsIcon from '@/public/images/sidebar/assets.svg'
 import useIsSwapFeatureEnabled from '@/features/swap/hooks/useIsSwapFeatureEnabled'
@@ -36,27 +34,6 @@ export const SendTokensButton = ({ onClick, sx }: { onClick: () => void; sx?: Bu
   )
 }
 
-export const SendNFTsButton = () => {
-  const router = useRouter()
-  const { setTxFlow } = useContext(TxModalContext)
-  const isEnabled = useHasFeature(FEATURES.ERC721)
-
-  if (!isEnabled) return null
-
-  const isNftPage = router.pathname === AppRoutes.balances.nfts
-  const onClick = isNftPage ? () => setTxFlow(undefined) : undefined
-
-  return (
-    <Track {...MODALS_EVENTS.SEND_COLLECTIBLE}>
-      <Link href={{ pathname: AppRoutes.balances.nfts, query: { safe: router.query.safe } }} passHref legacyBehavior>
-        <Button variant="contained" sx={buttonSx} fullWidth onClick={onClick}>
-          Send NFTs
-        </Button>
-      </Link>
-    </Track>
-  )
-}
-
 export const TxBuilderButton = () => {
   const txBuilder = useTxBuilderApp()
   const router = useRouter()
diff --git a/apps/web/src/components/tx-flow/common/TxCard/index.tsx b/apps/web/src/components/tx-flow/common/TxCard/index.tsx
new file mode 100644
index 000000000..090952220
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/TxCard/index.tsx
@@ -0,0 +1,33 @@
+import type { ReactNode } from 'react'
+import { Card, CardActions, CardContent, Stack } from '@mui/material'
+import css from '../styles.module.css'
+
+const sx = { my: 2, border: 0 }
+
+const TxCard = ({ children }: { children: ReactNode }) => {
+  return (
+    <Card sx={sx}>
+      <CardContent data-testid="card-content" className={css.cardContent}>
+        {children}
+      </CardContent>
+    </Card>
+  )
+}
+
+export default TxCard
+
+export const TxCardActions = ({ children }: { children: ReactNode }) => {
+  return (
+    <CardActions>
+      <Stack
+        sx={{
+          width: ['100%', '100%', '100%', 'auto'],
+        }}
+        direction={{ xs: 'column-reverse', lg: 'row' }}
+        spacing={{ xs: 2, md: 2 }}
+      >
+        {children}
+      </Stack>
+    </CardActions>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/common/TxFlowContent/index.tsx b/apps/web/src/components/tx-flow/common/TxFlowContent/index.tsx
new file mode 100644
index 000000000..b0737720e
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/TxFlowContent/index.tsx
@@ -0,0 +1,143 @@
+import { TxFlowContext } from '../../TxFlowProvider'
+import { type ReactNode, useContext, useEffect, useState } from 'react'
+import { Box, Container, Grid, Typography, Button, Paper, IconButton, useMediaQuery } from '@mui/material'
+import ArrowBackIcon from '@mui/icons-material/ArrowBack'
+import { useTheme } from '@mui/material/styles'
+import classnames from 'classnames'
+import { ProgressBar } from '@/components/common/ProgressBar'
+import css from './styles.module.css'
+import SafeLogo from '@/public/images/logo-no-text.svg'
+import ChainIndicator from '@/components/common/ChainIndicator'
+import SecurityWarnings from '@/components/tx/security/SecurityWarnings'
+import TxStatusWidget from '@/components/tx-flow/common/TxStatusWidget'
+import { TxLayoutHeader } from '../TxLayout'
+import { Slot, SlotName } from '../../slots'
+
+/**
+ * TxFlowContent is a component that renders the main content of the transaction flow.
+ * It uses the TxFlowContext to manage the transaction state and layout properties.
+ * The component also handles the transaction steps and progress.
+ * It accepts children components to be rendered within the flow.
+ */
+export const TxFlowContent = ({ children }: { children?: ReactNode[] | ReactNode }) => {
+  const {
+    txLayoutProps: {
+      title = '',
+      subtitle,
+      txSummary,
+      icon,
+      fixedNonce,
+      hideNonce,
+      hideProgress,
+      isReplacement,
+      isMessage,
+    },
+    isBatch,
+    step,
+    progress,
+    onPrev,
+  } = useContext(TxFlowContext)
+
+  const childrenArray = Array.isArray(children) ? children : [children]
+
+  const [statusVisible, setStatusVisible] = useState<boolean>(true)
+
+  const theme = useTheme()
+  const isSmallScreen = useMediaQuery(theme.breakpoints.down('md'))
+  const isDesktop = useMediaQuery(theme.breakpoints.down('lg'))
+
+  useEffect(() => {
+    setStatusVisible(!isSmallScreen)
+  }, [isSmallScreen])
+
+  const toggleStatus = () => {
+    setStatusVisible((prev) => !prev)
+  }
+
+  return (
+    <>
+      {/* Header status button */}
+      {!isReplacement && (
+        <IconButton className={css.statusButton} aria-label="Transaction status" size="large" onClick={toggleStatus}>
+          <SafeLogo width={16} height={16} />
+        </IconButton>
+      )}
+
+      <Container className={css.container}>
+        <Grid
+          container
+          sx={{
+            gap: 3,
+            justifyContent: 'center',
+          }}
+        >
+          {/* Main content */}
+          <Grid item xs={12} md={7}>
+            <div className={css.titleWrapper}>
+              <Typography
+                data-testid="modal-title"
+                variant="h3"
+                component="div"
+                className={css.title}
+                sx={{
+                  fontWeight: '700',
+                }}
+              >
+                {title}
+              </Typography>
+
+              <ChainIndicator inline />
+            </div>
+
+            <Paper data-testid="modal-header" className={css.header}>
+              {!hideProgress && (
+                <Box className={css.progressBar}>
+                  <ProgressBar value={progress} />
+                </Box>
+              )}
+
+              <TxLayoutHeader subtitle={subtitle} icon={icon} hideNonce={hideNonce} fixedNonce={fixedNonce} />
+            </Paper>
+
+            <div className={css.step}>
+              {childrenArray[step]}
+
+              {onPrev && step > 0 && (
+                <Button
+                  data-testid="modal-back-btn"
+                  variant={isDesktop ? 'text' : 'outlined'}
+                  onClick={onPrev}
+                  className={css.backButton}
+                  startIcon={<ArrowBackIcon fontSize="small" />}
+                >
+                  Back
+                </Button>
+              )}
+            </div>
+          </Grid>
+
+          {/* Sidebar */}
+          {!isReplacement && (
+            <Grid item xs={12} md={4} className={classnames(css.widget, { [css.active]: statusVisible })}>
+              {statusVisible && (
+                <TxStatusWidget
+                  isLastStep={step === childrenArray.length - 1}
+                  txSummary={txSummary}
+                  handleClose={() => setStatusVisible(false)}
+                  isBatch={isBatch}
+                  isMessage={isMessage}
+                />
+              )}
+
+              <Slot name={SlotName.Sidebar} />
+
+              <Box className={css.sticky}>
+                <SecurityWarnings />
+              </Box>
+            </Grid>
+          )}
+        </Grid>
+      </Container>
+    </>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/common/TxFlowContent/styles.module.css b/apps/web/src/components/tx-flow/common/TxFlowContent/styles.module.css
new file mode 100644
index 000000000..c4b7b0978
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/TxFlowContent/styles.module.css
@@ -0,0 +1,170 @@
+.container {
+  margin-top: 10px;
+}
+
+.header {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.headerInner {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--space-3);
+  border-bottom: 1px solid var(--color-border-light);
+}
+
+.step {
+  position: relative;
+}
+
+/* Back button */
+.backButton {
+  position: absolute;
+  left: var(--space-3);
+  bottom: var(--space-3);
+}
+
+.step > :global(.MuiCard-root:first-child) {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+  margin-top: 0;
+}
+
+/* Submit button */
+.step :global(.MuiCardActions-root) {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  margin-top: var(--space-3);
+}
+
+.step :global(.MuiCardActions-root) > * {
+  align-self: flex-end;
+}
+
+.icon {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  border-radius: 6px;
+  border: 1px solid var(--color-border-light);
+  margin-right: var(--space-2);
+}
+
+.icon svg {
+  height: 16px;
+  width: auto;
+}
+
+.step :global(.MuiAccordionSummary-content),
+.step :global(.MuiAccordionSummary-content) p {
+  font-weight: bold;
+  font-size: 14px;
+}
+
+.step :global(.MuiAccordionSummary-expandIconWrapper) {
+  margin-left: var(--space-2);
+}
+
+.statusButton {
+  position: absolute;
+  top: 0;
+  right: 57px;
+  color: var(--color-text-primary);
+  padding: var(--space-2);
+  border-left: 1px solid var(--color-border-light);
+  border-right: 1px solid var(--color-border-light);
+  border-radius: 0;
+  width: 24px;
+  height: 24px;
+  box-sizing: content-box;
+  display: none;
+}
+
+.sticky {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+  position: sticky;
+  top: var(--space-2);
+  margin-top: var(--space-2);
+}
+
+.titleWrapper {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: var(--space-2);
+}
+
+.widget {
+  /* Height of transaction type title */
+  margin-top: 46px;
+}
+
+@media (max-width: 1199px) {
+  .backButton {
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .step :global(.MuiCardActions-root) {
+    margin-bottom: var(--space-8);
+  }
+}
+
+@media (max-width: 899.95px) {
+  .widget {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    margin-top: unset;
+  }
+
+  .widget.active {
+    z-index: 1;
+  }
+
+  .widget :global .MuiPaper-root {
+    height: 100%;
+  }
+
+  .titleWrapper {
+    position: absolute;
+    top: 16px;
+    left: var(--space-2);
+    margin-bottom: 0;
+    width: calc(100% - 145px);
+  }
+
+  .title {
+    font-size: 16px;
+    line-height: 18px;
+  }
+
+  .container {
+    padding: 0;
+  }
+
+  .progressBar {
+    display: none;
+  }
+
+  .step :global(.MuiCard-root),
+  .header {
+    border-radius: 0;
+  }
+
+  .statusButton {
+    display: inline-flex;
+  }
+}
diff --git a/apps/web/src/components/tx-flow/common/TxLayout/index.tsx b/apps/web/src/components/tx-flow/common/TxLayout/index.tsx
new file mode 100644
index 000000000..d85cc0a9c
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/TxLayout/index.tsx
@@ -0,0 +1,214 @@
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { type ComponentType, type ReactElement, type ReactNode, useContext, useEffect, useState } from 'react'
+import { Box, Container, Grid, Typography, Button, Paper, SvgIcon, IconButton, useMediaQuery } from '@mui/material'
+import ArrowBackIcon from '@mui/icons-material/ArrowBack'
+import { useTheme } from '@mui/material/styles'
+import type { TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
+import classnames from 'classnames'
+import { ProgressBar } from '@/components/common/ProgressBar'
+import SafeTxProvider, { SafeTxContext } from '../../SafeTxProvider'
+import { TxInfoProvider } from '@/components/tx-flow/TxInfoProvider'
+import TxNonce from '../TxNonce'
+import TxStatusWidget from '../TxStatusWidget'
+import css from './styles.module.css'
+import SafeLogo from '@/public/images/logo-no-text.svg'
+import { TxSecurityProvider } from '@/components/tx/security/shared/TxSecurityContext'
+import ChainIndicator from '@/components/common/ChainIndicator'
+import SecurityWarnings from '@/components/tx/security/SecurityWarnings'
+
+export const TxLayoutHeader = ({
+  hideNonce,
+  fixedNonce,
+  icon,
+  subtitle,
+}: {
+  hideNonce: TxLayoutProps['hideNonce']
+  fixedNonce: TxLayoutProps['fixedNonce']
+  icon: TxLayoutProps['icon']
+  subtitle: TxLayoutProps['subtitle']
+}) => {
+  const { safe } = useSafeInfo()
+  const { nonceNeeded } = useContext(SafeTxContext)
+
+  if (hideNonce && !icon && !subtitle) return null
+
+  return (
+    <Box className={css.headerInner}>
+      <Box
+        sx={{
+          display: 'flex',
+          alignItems: 'center',
+        }}
+      >
+        {icon && (
+          <div className={css.icon}>
+            <SvgIcon component={icon} inheritViewBox />
+          </div>
+        )}
+
+        <Typography
+          variant="h4"
+          component="div"
+          sx={{
+            fontWeight: 'bold',
+          }}
+        >
+          {subtitle}
+        </Typography>
+      </Box>
+      {!hideNonce && safe.deployed && nonceNeeded && <TxNonce canEdit={!fixedNonce} />}
+    </Box>
+  )
+}
+
+export type TxStep = {
+  txLayoutProps: Omit<TxLayoutProps, 'children'>
+  content: ReactElement
+}
+
+type TxLayoutProps = {
+  title: ReactNode
+  children: ReactNode
+  subtitle?: ReactNode
+  icon?: ComponentType
+  step?: number
+  txSummary?: TransactionSummary
+  onBack?: () => void
+  hideNonce?: boolean
+  fixedNonce?: boolean
+  hideProgress?: boolean
+  isBatch?: boolean
+  isReplacement?: boolean
+  isMessage?: boolean
+}
+
+const TxLayout = ({
+  title,
+  subtitle,
+  icon,
+  children,
+  step = 0,
+  txSummary,
+  onBack,
+  hideNonce = false,
+  fixedNonce = false,
+  hideProgress = false,
+  isBatch = false,
+  isReplacement = false,
+  isMessage = false,
+}: TxLayoutProps): ReactElement => {
+  const [statusVisible, setStatusVisible] = useState<boolean>(true)
+
+  const theme = useTheme()
+  const isSmallScreen = useMediaQuery(theme.breakpoints.down('md'))
+  const isDesktop = useMediaQuery(theme.breakpoints.down('lg'))
+
+  const steps = Array.isArray(children) ? children : [children]
+  const progress = Math.round(((step + 1) / steps.length) * 100)
+
+  useEffect(() => {
+    setStatusVisible(!isSmallScreen)
+  }, [isSmallScreen])
+
+  const toggleStatus = () => {
+    setStatusVisible((prev) => !prev)
+  }
+
+  return (
+    <SafeTxProvider>
+      <TxInfoProvider>
+        <TxSecurityProvider>
+          <>
+            {/* Header status button */}
+            {!isReplacement && (
+              <IconButton
+                className={css.statusButton}
+                aria-label="Transaction status"
+                size="large"
+                onClick={toggleStatus}
+              >
+                <SafeLogo width={16} height={16} />
+              </IconButton>
+            )}
+
+            <Container className={css.container}>
+              <Grid
+                container
+                sx={{
+                  gap: 3,
+                  justifyContent: 'center',
+                }}
+              >
+                {/* Main content */}
+                <Grid item xs={12} md={7}>
+                  <div className={css.titleWrapper}>
+                    <Typography
+                      data-testid="modal-title"
+                      variant="h3"
+                      component="div"
+                      className={css.title}
+                      sx={{
+                        fontWeight: '700',
+                      }}
+                    >
+                      {title}
+                    </Typography>
+
+                    <ChainIndicator inline />
+                  </div>
+
+                  <Paper data-testid="modal-header" className={css.header}>
+                    {!hideProgress && (
+                      <Box className={css.progressBar}>
+                        <ProgressBar value={progress} />
+                      </Box>
+                    )}
+
+                    <TxLayoutHeader subtitle={subtitle} icon={icon} hideNonce={hideNonce} fixedNonce={fixedNonce} />
+                  </Paper>
+
+                  <div className={css.step}>
+                    {steps[step]}
+
+                    {onBack && step > 0 && (
+                      <Button
+                        data-testid="modal-back-btn"
+                        variant={isDesktop ? 'text' : 'outlined'}
+                        onClick={onBack}
+                        className={css.backButton}
+                        startIcon={<ArrowBackIcon fontSize="small" />}
+                      >
+                        Back
+                      </Button>
+                    )}
+                  </div>
+                </Grid>
+
+                {/* Sidebar */}
+                {!isReplacement && (
+                  <Grid item xs={12} md={4} className={classnames(css.widget, { [css.active]: statusVisible })}>
+                    {statusVisible && (
+                      <TxStatusWidget
+                        isLastStep={step === steps.length - 1}
+                        txSummary={txSummary}
+                        handleClose={() => setStatusVisible(false)}
+                        isBatch={isBatch}
+                        isMessage={isMessage}
+                      />
+                    )}
+
+                    <Box className={css.sticky}>
+                      <SecurityWarnings />
+                    </Box>
+                  </Grid>
+                )}
+              </Grid>
+            </Container>
+          </>
+        </TxSecurityProvider>
+      </TxInfoProvider>
+    </SafeTxProvider>
+  )
+}
+
+export default TxLayout
diff --git a/apps/web/src/components/tx-flow/common/TxLayout/styles.module.css b/apps/web/src/components/tx-flow/common/TxLayout/styles.module.css
new file mode 100644
index 000000000..c4b7b0978
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/TxLayout/styles.module.css
@@ -0,0 +1,170 @@
+.container {
+  margin-top: 10px;
+}
+
+.header {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.headerInner {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--space-3);
+  border-bottom: 1px solid var(--color-border-light);
+}
+
+.step {
+  position: relative;
+}
+
+/* Back button */
+.backButton {
+  position: absolute;
+  left: var(--space-3);
+  bottom: var(--space-3);
+}
+
+.step > :global(.MuiCard-root:first-child) {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+  margin-top: 0;
+}
+
+/* Submit button */
+.step :global(.MuiCardActions-root) {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  margin-top: var(--space-3);
+}
+
+.step :global(.MuiCardActions-root) > * {
+  align-self: flex-end;
+}
+
+.icon {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  border-radius: 6px;
+  border: 1px solid var(--color-border-light);
+  margin-right: var(--space-2);
+}
+
+.icon svg {
+  height: 16px;
+  width: auto;
+}
+
+.step :global(.MuiAccordionSummary-content),
+.step :global(.MuiAccordionSummary-content) p {
+  font-weight: bold;
+  font-size: 14px;
+}
+
+.step :global(.MuiAccordionSummary-expandIconWrapper) {
+  margin-left: var(--space-2);
+}
+
+.statusButton {
+  position: absolute;
+  top: 0;
+  right: 57px;
+  color: var(--color-text-primary);
+  padding: var(--space-2);
+  border-left: 1px solid var(--color-border-light);
+  border-right: 1px solid var(--color-border-light);
+  border-radius: 0;
+  width: 24px;
+  height: 24px;
+  box-sizing: content-box;
+  display: none;
+}
+
+.sticky {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+  position: sticky;
+  top: var(--space-2);
+  margin-top: var(--space-2);
+}
+
+.titleWrapper {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: var(--space-2);
+}
+
+.widget {
+  /* Height of transaction type title */
+  margin-top: 46px;
+}
+
+@media (max-width: 1199px) {
+  .backButton {
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .step :global(.MuiCardActions-root) {
+    margin-bottom: var(--space-8);
+  }
+}
+
+@media (max-width: 899.95px) {
+  .widget {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    margin-top: unset;
+  }
+
+  .widget.active {
+    z-index: 1;
+  }
+
+  .widget :global .MuiPaper-root {
+    height: 100%;
+  }
+
+  .titleWrapper {
+    position: absolute;
+    top: 16px;
+    left: var(--space-2);
+    margin-bottom: 0;
+    width: calc(100% - 145px);
+  }
+
+  .title {
+    font-size: 16px;
+    line-height: 18px;
+  }
+
+  .container {
+    padding: 0;
+  }
+
+  .progressBar {
+    display: none;
+  }
+
+  .step :global(.MuiCard-root),
+  .header {
+    border-radius: 0;
+  }
+
+  .statusButton {
+    display: inline-flex;
+  }
+}
diff --git a/apps/web/src/components/tx-flow/common/TxNonce/index.tsx b/apps/web/src/components/tx-flow/common/TxNonce/index.tsx
new file mode 100644
index 000000000..48cc683ab
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/TxNonce/index.tsx
@@ -0,0 +1,300 @@
+import { memo, type ReactElement, useContext, useMemo, useState, useEffect } from 'react'
+import {
+  Autocomplete,
+  Box,
+  IconButton,
+  InputAdornment,
+  Skeleton,
+  Tooltip,
+  Popper,
+  type PopperProps,
+  type MenuItemProps,
+  MenuItem,
+  Typography,
+  ListSubheader,
+  type ListSubheaderProps,
+} from '@mui/material'
+import { createFilterOptions } from '@mui/material/Autocomplete'
+import { Controller, useForm } from 'react-hook-form'
+
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import RotateLeftIcon from '@mui/icons-material/RotateLeft'
+import NumberField from '@/components/common/NumberField'
+import { useQueuedTxByNonce } from '@/hooks/useTxQueue'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import useAddressBook from '@/hooks/useAddressBook'
+import { getLatestTransactions } from '@/utils/tx-list'
+import { getTransactionType } from '@/hooks/useTransactionType'
+import usePreviousNonces from '@/hooks/usePreviousNonces'
+import { isRejectionTx } from '@/utils/transactions'
+
+import css from './styles.module.css'
+import classNames from 'classnames'
+
+const CustomPopper = function ({
+  // Don't set width of Popper to that of the field
+  className,
+  ...props
+}: PopperProps) {
+  return <Popper {...props} className={classNames(className, css.popper)} style={undefined} placement="bottom-start" />
+}
+
+const NonceFormHeader = memo(function NonceFormSubheader({ children, ...props }: ListSubheaderProps) {
+  return (
+    <ListSubheader {...props} disableSticky>
+      <Typography variant="caption" fontWeight={700} color="text.secondary">
+        {children}
+      </Typography>
+    </ListSubheader>
+  )
+})
+
+const NonceFormOption = memo(function NonceFormOption({
+  nonce,
+  menuItemProps,
+}: {
+  nonce: string
+  menuItemProps: MenuItemProps
+}): ReactElement {
+  const addressBook = useAddressBook()
+  const transactions = useQueuedTxByNonce(Number(nonce))
+
+  const txLabel = useMemo(() => {
+    const latestTransactions = getLatestTransactions(transactions)
+
+    if (latestTransactions.length === 0) {
+      return
+    }
+
+    const [{ transaction }] = latestTransactions
+    return transaction.txInfo.humanDescription || `${getTransactionType(transaction, addressBook).text} transaction`
+  }, [addressBook, transactions])
+
+  const label = txLabel || 'New transaction'
+
+  return (
+    <MenuItem {...menuItemProps}>
+      <Typography variant="body2">
+        <b>{nonce}</b>&nbsp;- {label}
+      </Typography>
+    </MenuItem>
+  )
+})
+
+const getFieldMinWidth = (value: string): string => {
+  const MIN_CHARS = 7
+  const MAX_WIDTH = '200px'
+  const clamped = `clamp(calc(${MIN_CHARS}ch + 6px), calc(${Math.max(MIN_CHARS, value.length)}ch + 6px), ${MAX_WIDTH})`
+  return clamped
+}
+
+const filter = createFilterOptions<string>()
+
+enum TxNonceFormFieldNames {
+  NONCE = 'nonce',
+}
+
+enum ErrorMessages {
+  NONCE_MUST_BE_NUMBER = 'Nonce must be a number',
+  NONCE_TOO_LOW = "Nonce can't be lower than %%nonce%%",
+  NONCE_TOO_HIGH = 'Nonce is too high',
+  NONCE_TOO_FAR = 'Nonce is much higher than the current nonce',
+  NONCE_GT_RECOMMENDED = 'Nonce is higher than the recommended nonce',
+  NONCE_MUST_BE_INTEGER = "Nonce can't contain decimals",
+}
+
+const MAX_NONCE_DIFFERENCE = 100
+
+const TxNonceForm = ({ nonce, recommendedNonce }: { nonce: string; recommendedNonce: string }) => {
+  const { safeTx, setNonce } = useContext(SafeTxContext)
+  const previousNonces = usePreviousNonces().map((nonce) => nonce.toString())
+  const { safe } = useSafeInfo()
+  const [warning, setWarning] = useState<string>('')
+
+  const showRecommendedNonceButton = recommendedNonce !== nonce
+  const isEditable = !safeTx || safeTx?.signatures.size === 0
+  const readOnly = !isEditable || isRejectionTx(safeTx)
+
+  const formMethods = useForm({
+    defaultValues: {
+      [TxNonceFormFieldNames.NONCE]: nonce,
+    },
+    mode: 'all',
+    values: {
+      [TxNonceFormFieldNames.NONCE]: nonce,
+    },
+  })
+
+  const resetNonce = () => {
+    formMethods.setValue(TxNonceFormFieldNames.NONCE, recommendedNonce)
+  }
+
+  useEffect(() => {
+    let message = ''
+    // Warnings
+    if (Number(nonce) > Number(recommendedNonce)) {
+      message = ErrorMessages.NONCE_GT_RECOMMENDED
+    }
+
+    if (Number(nonce) >= safe.nonce + MAX_NONCE_DIFFERENCE) {
+      message = ErrorMessages.NONCE_TOO_FAR
+    }
+
+    setWarning(message)
+  }, [nonce, recommendedNonce, safe.nonce])
+
+  return (
+    <Controller
+      name={TxNonceFormFieldNames.NONCE}
+      control={formMethods.control}
+      rules={{
+        required: 'Nonce is required',
+        // Validation must be async to allow resetting invalid values onBlur
+        validate: async (value) => {
+          // nonce is always valid so no need to validate if the input is the same
+          if (value === nonce) return
+
+          const newNonce = Number(value)
+
+          if (isNaN(newNonce)) {
+            return ErrorMessages.NONCE_MUST_BE_NUMBER
+          }
+
+          if (newNonce < safe.nonce) {
+            return ErrorMessages.NONCE_TOO_LOW.replace('%%nonce%%', safe.nonce.toString())
+          }
+
+          if (newNonce >= Number.MAX_SAFE_INTEGER) {
+            return ErrorMessages.NONCE_TOO_HIGH
+          }
+
+          if (!Number.isInteger(newNonce)) {
+            return ErrorMessages.NONCE_MUST_BE_INTEGER
+          }
+
+          // Update context with valid nonce
+          setNonce(newNonce)
+        },
+      }}
+      render={({ field, fieldState }) => {
+        if (readOnly) {
+          return (
+            <Typography variant="body2" fontWeight={700} ml={-1}>
+              {nonce}
+            </Typography>
+          )
+        }
+
+        return (
+          <Autocomplete
+            value={field.value}
+            freeSolo
+            onChange={(_, value) => field.onChange(value)}
+            onInputChange={(_, value) => field.onChange(value)}
+            onBlur={() => {
+              field.onBlur()
+
+              if (fieldState.error) {
+                formMethods.setValue(field.name, recommendedNonce.toString())
+              }
+            }}
+            options={[recommendedNonce, ...previousNonces]}
+            getOptionLabel={(option) => option.toString()}
+            filterOptions={(options, params) => {
+              const filtered = filter(options, params)
+
+              // Prevent segments from showing recommended, e.g. if recommended is 250, don't show for 2, 5 or 25
+              const shouldShow = !recommendedNonce.includes(params.inputValue)
+              const isQueued = options.some((option) => params.inputValue === option)
+
+              if (params.inputValue !== '' && !isQueued && shouldShow) {
+                filtered.push(recommendedNonce)
+              }
+
+              return filtered
+            }}
+            renderOption={(props, option) => {
+              const isRecommendedNonce = option === recommendedNonce
+              const isInitialPreviousNonce = option === previousNonces[0]
+
+              const { key, ...rest } = props
+
+              return (
+                <div key={key}>
+                  {isRecommendedNonce && <NonceFormHeader>Recommended nonce</NonceFormHeader>}
+                  {isInitialPreviousNonce && <NonceFormHeader sx={{ pt: 3 }}>Replace existing</NonceFormHeader>}
+                  <NonceFormOption menuItemProps={rest} nonce={option} />
+                </div>
+              )
+            }}
+            disableClearable
+            componentsProps={{
+              paper: {
+                elevation: 2,
+              },
+            }}
+            renderInput={(params) => {
+              return (
+                <Tooltip title={fieldState.error?.message || warning} open arrow placement="top">
+                  <NumberField
+                    {...params}
+                    error={!!fieldState.error}
+                    InputProps={{
+                      ...params.InputProps,
+                      name: field.name,
+                      endAdornment: showRecommendedNonceButton ? (
+                        <InputAdornment position="end" className={css.adornment}>
+                          <Tooltip title="Reset to recommended nonce">
+                            <IconButton onClick={resetNonce} size="small" color="primary">
+                              <RotateLeftIcon fontSize="small" />
+                            </IconButton>
+                          </Tooltip>
+                        </InputAdornment>
+                      ) : null,
+                    }}
+                    className={classNames([
+                      css.input,
+                      {
+                        [css.withAdornment]: showRecommendedNonceButton,
+                      },
+                    ])}
+                    sx={{
+                      minWidth: getFieldMinWidth(field.value),
+                    }}
+                  />
+                </Tooltip>
+              )
+            }}
+            PopperComponent={CustomPopper}
+          />
+        )
+      }}
+    />
+  )
+}
+
+const skeletonMinWidth = getFieldMinWidth('')
+
+const TxNonce = ({ canEdit = true }: { canEdit?: boolean } = {}) => {
+  const { nonce, recommendedNonce, isReadOnly } = useContext(SafeTxContext)
+
+  return (
+    <Box data-testid="nonce-fld" display="flex" alignItems="center" gap={1}>
+      Nonce{' '}
+      <Typography component="span" fontWeight={700}>
+        #
+      </Typography>
+      {nonce === undefined || recommendedNonce === undefined ? (
+        <Skeleton width={skeletonMinWidth} height="38px" />
+      ) : canEdit && !isReadOnly ? (
+        <TxNonceForm nonce={nonce.toString()} recommendedNonce={recommendedNonce.toString()} />
+      ) : (
+        <Typography ml={-1} fontWeight={700}>
+          {nonce}
+        </Typography>
+      )}
+    </Box>
+  )
+}
+
+export default TxNonce
diff --git a/src/components/tx-flow/common/TxNonce/styles.module.css b/apps/web/src/components/tx-flow/common/TxNonce/styles.module.css
similarity index 100%
rename from src/components/tx-flow/common/TxNonce/styles.module.css
rename to apps/web/src/components/tx-flow/common/TxNonce/styles.module.css
diff --git a/apps/web/src/components/tx-flow/common/TxStatusWidget/index.tsx b/apps/web/src/components/tx-flow/common/TxStatusWidget/index.tsx
new file mode 100644
index 000000000..eed458395
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/TxStatusWidget/index.tsx
@@ -0,0 +1,113 @@
+import { useContext } from 'react'
+import { Divider, IconButton, List, ListItem, ListItemIcon, ListItemText, Paper, Typography } from '@mui/material'
+import CreatedIcon from '@/public/images/messages/created.svg'
+import SignedIcon from '@/public/images/messages/signed.svg'
+import { TransactionStatus, type TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { isMultisigExecutionInfo, isSignableBy, isConfirmableBy } from '@/utils/transaction-guards'
+import classnames from 'classnames'
+import css from './styles.module.css'
+import CloseIcon from '@mui/icons-material/Close'
+import useWallet from '@/hooks/wallets/useWallet'
+import SafeLogo from '@/public/images/logo-no-text.svg'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import { useIsWalletProposer } from '@/hooks/useProposers'
+
+const TxStatusWidget = ({
+  txSummary,
+  handleClose,
+  isBatch = false,
+  isMessage = false,
+  isLastStep = false,
+}: {
+  txSummary?: TransactionSummary
+  handleClose: () => void
+  isBatch?: boolean
+  isMessage?: boolean
+  isLastStep?: boolean
+}) => {
+  const wallet = useWallet()
+  const { safe } = useSafeInfo()
+  const { nonceNeeded } = useContext(SafeTxContext)
+  const { threshold } = safe
+  const isSafeOwner = useIsSafeOwner()
+  const isProposer = useIsWalletProposer()
+  const isProposing = isProposer && !isSafeOwner
+  const isAwaitingExecution = txSummary?.txStatus === TransactionStatus.AWAITING_EXECUTION
+
+  const { executionInfo = undefined } = txSummary || {}
+  const { confirmationsSubmitted = 0 } = isMultisigExecutionInfo(executionInfo) ? executionInfo : {}
+
+  const canConfirm = txSummary
+    ? isConfirmableBy(txSummary, wallet?.address || '')
+    : safe.threshold === 1 && !isProposing
+
+  const canSign = txSummary ? isSignableBy(txSummary, wallet?.address || '') : !isProposing
+
+  return (
+    <Paper>
+      <div className={css.header}>
+        <Typography fontWeight="700" display="flex" alignItems="center" gap={1}>
+          <SafeLogo width={16} height={16} className={css.logo} />
+          {isMessage ? 'Message' : 'Transaction'} status
+        </Typography>
+
+        <IconButton className={css.close} aria-label="close" onClick={handleClose} size="small">
+          <CloseIcon />
+        </IconButton>
+      </div>
+
+      <Divider />
+
+      <div className={css.content}>
+        <List className={css.status}>
+          <ListItem>
+            <ListItemIcon>
+              <CreatedIcon />
+            </ListItemIcon>
+
+            <ListItemText primaryTypographyProps={{ fontWeight: 700 }}>
+              {isBatch ? 'Queue transactions' : 'Create'}
+            </ListItemText>
+          </ListItem>
+
+          <ListItem className={classnames({ [css.incomplete]: !canConfirm && !isBatch })}>
+            <ListItemIcon>
+              <SignedIcon />
+            </ListItemIcon>
+
+            <ListItemText primaryTypographyProps={{ fontWeight: 700 }}>
+              {isBatch ? (
+                'Create batch'
+              ) : !nonceNeeded ? (
+                'Confirmed'
+              ) : isMessage ? (
+                'Collect signatures'
+              ) : (
+                <>
+                  Confirmed ({confirmationsSubmitted} of {threshold})
+                  {canSign && (
+                    <Typography variant="body2" component="span" className={css.badge}>
+                      +1
+                    </Typography>
+                  )}
+                </>
+              )}
+            </ListItemText>
+          </ListItem>
+
+          <ListItem className={classnames({ [css.incomplete]: !(isAwaitingExecution && isLastStep) })}>
+            <ListItemIcon>
+              <SignedIcon />
+            </ListItemIcon>
+
+            <ListItemText primaryTypographyProps={{ fontWeight: 700 }}>{isMessage ? 'Done' : 'Execute'}</ListItemText>
+          </ListItem>
+        </List>
+      </div>
+    </Paper>
+  )
+}
+
+export default TxStatusWidget
diff --git a/apps/web/src/components/tx-flow/common/TxStatusWidget/styles.module.css b/apps/web/src/components/tx-flow/common/TxStatusWidget/styles.module.css
new file mode 100644
index 000000000..fa323bc18
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/TxStatusWidget/styles.module.css
@@ -0,0 +1,96 @@
+.header {
+  padding: var(--space-4) var(--space-3);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+}
+
+.content {
+  padding: var(--space-2);
+}
+
+.status {
+  padding: 0;
+}
+
+.status::before {
+  content: '';
+  position: absolute;
+  border-left: 2px solid var(--color-border-light);
+  left: 15px;
+  top: 20px;
+  height: calc(100% - 40px);
+}
+
+.status :global .MuiListItem-root:first-of-type {
+  padding-top: 0;
+}
+
+.status :global .MuiListItem-root {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.status :global .MuiListItemIcon-root {
+  color: var(--color-primary-main);
+  justify-content: center;
+  min-width: 32px;
+  padding: var(--space-1);
+  background-color: var(--color-background-paper);
+}
+
+[data-theme='light'] .status :global .MuiListItemIcon-root {
+  color: var(--color-secondary-dark);
+}
+
+.incomplete > * {
+  color: var(--color-text-secondary) !important;
+}
+
+.close {
+  color: var(--color-border-main);
+  padding: var(--space-2);
+  border-left: 1px solid var(--color-border-light);
+  border-radius: 0;
+  margin-left: auto;
+  display: none;
+}
+
+.badge {
+  margin-left: var(--space-1);
+  padding-right: 2px;
+  border-radius: 50%;
+  width: var(--space-3);
+  height: var(--space-3);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--color-secondary-main);
+  color: var(--color-text-primary);
+}
+
+[data-theme='dark'] .badge {
+  background-color: var(--color-primary-main);
+  color: var(--color-text-secondary);
+}
+
+@media (max-width: 899.95px) {
+  .header {
+    padding: 0;
+    flex-direction: row;
+  }
+
+  .logo {
+    width: 24px;
+    height: 24px;
+    margin-left: 16px;
+  }
+
+  .close {
+    display: flex;
+  }
+
+  .content {
+    padding: var(--space-3);
+  }
+}
diff --git a/src/components/tx-flow/common/constants.ts b/apps/web/src/components/tx-flow/common/constants.ts
similarity index 100%
rename from src/components/tx-flow/common/constants.ts
rename to apps/web/src/components/tx-flow/common/constants.ts
diff --git a/apps/web/src/components/tx-flow/common/styles.module.css b/apps/web/src/components/tx-flow/common/styles.module.css
new file mode 100644
index 000000000..ee4e42701
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/styles.module.css
@@ -0,0 +1,22 @@
+.cardContent {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+  padding: var(--space-3);
+}
+
+.cardContent :global .errorMessage {
+  margin: 0;
+}
+
+.nestedDivider {
+  margin: 0 calc(-1 * var(--space-3));
+}
+
+.form > :global(.MuiFormControl-root) {
+  margin-bottom: 28px;
+}
+
+.params {
+  margin-bottom: var(--space-2);
+}
diff --git a/apps/web/src/components/tx-flow/features/Blockaid.tsx b/apps/web/src/components/tx-flow/features/Blockaid.tsx
new file mode 100644
index 000000000..40c60bfd6
--- /dev/null
+++ b/apps/web/src/components/tx-flow/features/Blockaid.tsx
@@ -0,0 +1,29 @@
+import { useContext, useEffect } from 'react'
+import { TxFlowContext } from '@/components/tx-flow/TxFlowProvider'
+import { SlotName, withSlot } from '../slots'
+import { FEATURES } from '@/utils/featureToggled'
+import { ErrorBoundary } from '@sentry/react'
+import { BlockaidWarning } from '@/components/tx/security/blockaid'
+import { TxSecurityContext } from '@/components/tx/security/shared/TxSecurityContext'
+
+const BlockaidSlot = withSlot({
+  Component: () => {
+    const { setIsSubmitDisabled } = useContext(TxFlowContext)
+    const { needsRiskConfirmation, isRiskConfirmed } = useContext(TxSecurityContext)
+
+    useEffect(() => {
+      setIsSubmitDisabled(needsRiskConfirmation && !isRiskConfirmed)
+    }, [needsRiskConfirmation, isRiskConfirmed, setIsSubmitDisabled])
+
+    return (
+      <ErrorBoundary fallback={<div>Error showing scan result</div>}>
+        <BlockaidWarning />
+      </ErrorBoundary>
+    )
+  },
+  slotName: SlotName.Footer,
+  id: 'blockaid',
+  feature: FEATURES.RISK_MITIGATION,
+})
+
+export default BlockaidSlot
diff --git a/apps/web/src/components/tx-flow/features/ExecuteCheckbox.tsx b/apps/web/src/components/tx-flow/features/ExecuteCheckbox.tsx
new file mode 100644
index 000000000..467edfd9d
--- /dev/null
+++ b/apps/web/src/components/tx-flow/features/ExecuteCheckbox.tsx
@@ -0,0 +1,24 @@
+import { useContext } from 'react'
+import { TxFlowContext } from '@/components/tx-flow/TxFlowProvider'
+import useIsCounterfactualSafe from '@/features/counterfactual/hooks/useIsCounterfactualSafe'
+import { SlotName, withSlot } from '../slots'
+import ExecuteCheckbox from '@/components/tx/ExecuteCheckbox'
+
+const useShouldRegisterSlot = () => {
+  const { canExecute, onlyExecute, isProposing, canExecuteThroughRole } = useContext(TxFlowContext)
+  const isCounterfactualSafe = useIsCounterfactualSafe()
+
+  return (canExecute || canExecuteThroughRole) && !onlyExecute && !isCounterfactualSafe && !isProposing
+}
+
+const ExecuteCheckboxSlot = withSlot({
+  Component: () => {
+    const { setShouldExecute } = useContext(TxFlowContext)
+    return <ExecuteCheckbox onChange={setShouldExecute} />
+  },
+  slotName: SlotName.Footer,
+  id: 'executeCheckbox',
+  useSlotCondition: useShouldRegisterSlot,
+})
+
+export default ExecuteCheckboxSlot
diff --git a/apps/web/src/components/tx-flow/features/SignerSelect/SignerForm/__tests__/index.test.tsx b/apps/web/src/components/tx-flow/features/SignerSelect/SignerForm/__tests__/index.test.tsx
new file mode 100644
index 000000000..9dac3c222
--- /dev/null
+++ b/apps/web/src/components/tx-flow/features/SignerSelect/SignerForm/__tests__/index.test.tsx
@@ -0,0 +1,310 @@
+import { useNestedSafeOwners } from '@/hooks/useNestedSafeOwners'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { render, waitFor } from '@/tests/test-utils'
+import { SignerForm } from '..'
+import { faker } from '@faker-js/faker'
+import { extendedSafeInfoBuilder, addressExBuilder } from '@/tests/builders/safe'
+import { generateRandomArray } from '@/tests/builders/utils'
+import { type Eip1193Provider } from 'ethers'
+import { type ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import { type ReactElement, useState } from 'react'
+import { WalletContext } from '@/components/common/WalletProvider'
+import { SafeTxContext, type SafeTxContextParams } from '@/components/tx-flow/SafeTxProvider'
+import { type SafeSignature, type SafeTransaction } from '@safe-global/types-kit'
+import { safeSignatureBuilder, safeTxBuilder } from '@/tests/builders/safeTx'
+import { shortenAddress } from '@safe-global/utils/utils/formatters'
+import { useIsNestedSafeOwner } from '@/hooks/useIsNestedSafeOwner'
+import { useIsWalletProposer } from '@/hooks/useProposers'
+
+jest.mock('@/hooks/useNestedSafeOwners')
+jest.mock('@/hooks/useSafeInfo')
+jest.mock('@/hooks/useIsNestedSafeOwner')
+jest.mock('@/hooks/useProposers')
+
+const TestSafeTxProvider = ({
+  initialSafeTx,
+  children,
+}: {
+  initialSafeTx: SafeTransaction
+  children: ReactElement
+}) => {
+  const [safeTx, setSafeTx] = useState<SafeTransaction | undefined>(initialSafeTx)
+  return (
+    <SafeTxContext.Provider value={{ safeTx, setSafeTx } as unknown as SafeTxContextParams}>
+      {children}
+    </SafeTxContext.Provider>
+  )
+}
+
+const TestWalletContextProvider = ({
+  connectedWallet,
+  children,
+}: {
+  connectedWallet: ConnectedWallet | null
+  children: ReactElement
+}) => {
+  const [signerAddress, setSignerAddress] = useState<string>()
+
+  return (
+    <WalletContext.Provider
+      value={
+        connectedWallet
+          ? {
+              connectedWallet,
+              setSignerAddress,
+              signer: {
+                address: signerAddress || connectedWallet.address,
+                chainId: '1',
+                provider: null,
+                isSafe: Boolean(signerAddress),
+              },
+            }
+          : null
+      }
+    >
+      {children}
+    </WalletContext.Provider>
+  )
+}
+
+describe('SignerForm', () => {
+  const mockUseSafeInfo = useSafeInfo as jest.MockedFunction<typeof useSafeInfo>
+  const mockUseNestedSafeOwners = useNestedSafeOwners as jest.MockedFunction<typeof useNestedSafeOwners>
+  const mockUseIsNestedSafeOwner = useIsNestedSafeOwner as jest.MockedFunction<typeof useIsNestedSafeOwner>
+  const mockUseIsWalletProposer = useIsWalletProposer as jest.MockedFunction<typeof useIsWalletProposer>
+
+  const safeAddress = faker.finance.ethereumAddress()
+  // 2/3 Safe
+  const mockSafeInfo = {
+    safeAddress,
+    safe: extendedSafeInfoBuilder()
+      .with({ address: { value: safeAddress } })
+      .with({ chainId: '1' })
+      .with({ owners: generateRandomArray(() => addressExBuilder().build(), { min: 3, max: 3 }) })
+      .with({ threshold: 2 })
+      .build(),
+    safeLoaded: true,
+    safeLoading: false,
+  }
+
+  const mockOwners = mockSafeInfo.safe.owners
+
+  beforeEach(() => {
+    jest.resetAllMocks()
+
+    mockUseSafeInfo.mockReturnValue(mockSafeInfo)
+    mockUseIsNestedSafeOwner.mockReturnValue(true)
+  })
+
+  it('should not render anything if no wallet is connected', () => {
+    const result = render(
+      <TestWalletContextProvider connectedWallet={null}>
+        <SignerForm />
+      </TestWalletContextProvider>,
+    )
+    expect(result.queryByText('Sign with')).toBeNull()
+  })
+
+  it('should not render if there are no nested Safes', () => {
+    mockUseNestedSafeOwners.mockReturnValue([])
+    mockUseIsNestedSafeOwner.mockReturnValue(false)
+
+    const result = render(
+      <TestWalletContextProvider
+        connectedWallet={{
+          address: faker.finance.ethereumAddress(),
+          chainId: '1',
+          label: 'MetaMask',
+          provider: {} as Eip1193Provider,
+        }}
+      >
+        <SignerForm />
+      </TestWalletContextProvider>,
+    )
+
+    expect(result.queryByText('Sign with')).toBeNull()
+  })
+
+  it('should render sign form if there are nested Safes', () => {
+    mockUseNestedSafeOwners.mockReturnValue([mockOwners[0].value])
+    const result = render(
+      <TestWalletContextProvider
+        connectedWallet={{
+          address: faker.finance.ethereumAddress(),
+          chainId: '1',
+          label: 'MetaMask',
+          provider: {} as Eip1193Provider,
+        }}
+      >
+        <SignerForm />
+      </TestWalletContextProvider>,
+    )
+    expect(result.queryByText('Sign with')).toBeVisible()
+  })
+
+  it('should render execution form if there are nested Safes', () => {
+    mockUseNestedSafeOwners.mockReturnValue([mockOwners[0].value])
+    const result = render(
+      <TestWalletContextProvider
+        connectedWallet={{
+          address: faker.finance.ethereumAddress(),
+          chainId: '1',
+          label: 'MetaMask',
+          provider: {} as Eip1193Provider,
+        }}
+      >
+        <SignerForm willExecute />
+      </TestWalletContextProvider>,
+    )
+    expect(result.queryByText('Execute with')).toBeVisible()
+  })
+
+  it('should not render if execution and fully signed', () => {
+    const mockSignatures = new Map<string, SafeSignature>(
+      mockSafeInfo.safe.owners
+        .slice(0, 2)
+        .map(
+          (owner) =>
+            [owner.value, safeSignatureBuilder().with({ signer: owner.value }).build()] as [string, SafeSignature],
+        ),
+    )
+    mockUseNestedSafeOwners.mockReturnValue([mockOwners[0].value])
+    const result = render(
+      <TestSafeTxProvider
+        initialSafeTx={safeTxBuilder()
+          .with({
+            signatures: mockSignatures,
+          })
+          .build()}
+      >
+        <TestWalletContextProvider
+          connectedWallet={{
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            label: 'MetaMask',
+            provider: {} as Eip1193Provider,
+          }}
+        >
+          <SignerForm willExecute />
+        </TestWalletContextProvider>
+      </TestSafeTxProvider>,
+    )
+    expect(result.queryByText('Execute with')).toBeNull()
+  })
+
+  it('should render if execution and last signer', async () => {
+    const mockSignatures = new Map<string, SafeSignature>(
+      mockSafeInfo.safe.owners
+        .slice(0, 1)
+        .map(
+          (owner) =>
+            [owner.value, safeSignatureBuilder().with({ signer: owner.value }).build()] as [string, SafeSignature],
+        ),
+    )
+    mockUseNestedSafeOwners.mockReturnValue([mockOwners[1].value])
+    const result = render(
+      <TestSafeTxProvider
+        initialSafeTx={safeTxBuilder()
+          .with({
+            signatures: mockSignatures,
+          })
+          .build()}
+      >
+        <TestWalletContextProvider
+          connectedWallet={{
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            label: 'MetaMask',
+            provider: {} as Eip1193Provider,
+          }}
+        >
+          <SignerForm willExecute />
+        </TestWalletContextProvider>
+      </TestSafeTxProvider>,
+    )
+    expect(result.queryByText('Execute with')).toBeVisible()
+    await waitFor(() => expect(result.queryByText(shortenAddress(mockSafeInfo.safe.owners[1].value))).toBeVisible())
+  })
+
+  it('should correctly pre-select the signer if the connected wallet has already signed', async () => {
+    const mockSignatures = new Map<string, SafeSignature>(
+      mockSafeInfo.safe.owners
+        .slice(0, 1)
+        .map(
+          (owner) =>
+            [owner.value, safeSignatureBuilder().with({ signer: owner.value }).build()] as [string, SafeSignature],
+        ),
+    )
+    mockUseNestedSafeOwners.mockReturnValue([mockOwners[1].value])
+    const result = render(
+      <TestSafeTxProvider
+        initialSafeTx={safeTxBuilder()
+          .with({
+            signatures: mockSignatures,
+          })
+          .build()}
+      >
+        <TestWalletContextProvider
+          connectedWallet={{
+            address: mockSafeInfo.safe.owners[0].value,
+            chainId: '1',
+            label: 'MetaMask',
+            provider: {} as Eip1193Provider,
+          }}
+        >
+          <SignerForm />
+        </TestWalletContextProvider>
+      </TestSafeTxProvider>,
+    )
+    expect(result.queryByText('Sign with')).toBeVisible()
+    await waitFor(() => {
+      expect(result.queryByText(shortenAddress(mockSafeInfo.safe.owners[1].value))).toBeVisible()
+    })
+  })
+
+  it('adds the connected wallet to the options when the wallet is the proposer of a new tx', async () => {
+    const proposerWallet = faker.finance.ethereumAddress()
+    mockUseIsWalletProposer.mockReturnValue(true)
+    mockUseNestedSafeOwners.mockReturnValue([mockOwners[0].value])
+
+    const result = render(
+      <TestWalletContextProvider
+        connectedWallet={{
+          address: proposerWallet,
+          chainId: '1',
+          label: 'MetaMask',
+          provider: {} as Eip1193Provider,
+        }}
+      >
+        <SignerForm />
+      </TestWalletContextProvider>,
+    )
+
+    expect(result.queryByText('Sign with')).toBeVisible()
+    await waitFor(() => expect(result.queryByText(shortenAddress(proposerWallet))).toBeVisible())
+  })
+
+  it('does not add the proposer wallet when editing an existing tx', async () => {
+    const proposerWallet = faker.finance.ethereumAddress()
+    mockUseIsWalletProposer.mockReturnValue(true)
+    mockUseNestedSafeOwners.mockReturnValue([mockOwners[0].value])
+
+    const result = render(
+      <TestSafeTxProvider initialSafeTx={safeTxBuilder().build()}>
+        <TestWalletContextProvider
+          connectedWallet={{
+            address: proposerWallet,
+            chainId: '1',
+            label: 'MetaMask',
+            provider: {} as Eip1193Provider,
+          }}
+        >
+          <SignerForm txId="0x123" />
+        </TestWalletContextProvider>
+      </TestSafeTxProvider>,
+    )
+
+    expect(result.queryByText('Sign with')).toBeVisible()
+    expect(result.queryByText(shortenAddress(proposerWallet))).toBeNull()
+  })
+})
diff --git a/apps/web/src/components/tx-flow/features/SignerSelect/SignerForm/index.tsx b/apps/web/src/components/tx-flow/features/SignerSelect/SignerForm/index.tsx
new file mode 100644
index 000000000..d2bee7cf6
--- /dev/null
+++ b/apps/web/src/components/tx-flow/features/SignerSelect/SignerForm/index.tsx
@@ -0,0 +1,142 @@
+import {
+  Box,
+  FormControl,
+  InputLabel,
+  MenuItem,
+  Select,
+  SvgIcon,
+  Tooltip,
+  Typography,
+  type SelectChangeEvent,
+} from '@mui/material'
+import { useNestedSafeOwners } from '@/hooks/useNestedSafeOwners'
+import { useWalletContext } from '@/hooks/wallets/useWallet'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { useCallback, useContext, useEffect, useMemo } from 'react'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import TxCard from '@/components/tx-flow/common/TxCard'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import SignatureIcon from '@/public/images/transactions/signature.svg'
+
+import css from './styles.module.css'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { MODALS_EVENTS, trackEvent } from '@/services/analytics'
+import { useIsNestedSafeOwner } from '@/hooks/useIsNestedSafeOwner'
+import { useIsWalletProposer } from '@/hooks/useProposers'
+
+export const SignerForm = ({ willExecute, txId }: { willExecute?: boolean; txId?: string }) => {
+  const { signer, setSignerAddress, connectedWallet: wallet } = useWalletContext() ?? {}
+  const nestedSafeOwners = useNestedSafeOwners()
+  const signerAddress = signer?.address
+  const { safe } = useSafeInfo()
+  const { safeTx } = useContext(SafeTxContext)
+  const isNestedOwner = useIsNestedSafeOwner()
+  const isProposer = useIsWalletProposer()
+  const isCreation = !txId
+
+  const onChange = (event: SelectChangeEvent<string>) => {
+    trackEvent(MODALS_EVENTS.CHANGE_SIGNER)
+    setSignerAddress?.(event.target.value)
+  }
+
+  const isOptionEnabled = useCallback(
+    (address: string) => {
+      if (!safeTx) {
+        return true
+      }
+
+      if (safeTx.signatures.size < safe.threshold) {
+        const signers = Array.from(safeTx.signatures.keys())
+        return !signers.some((key) => sameAddress(key, address))
+      }
+
+      return true
+    },
+    [safeTx, safe.threshold],
+  )
+
+  const options = useMemo(() => {
+    if (!wallet) {
+      return []
+    }
+    const isFullySigned = safeTx ? safeTx.signatures.size >= safe.threshold : false
+
+    // No nested execution for fully signed transactions
+    if (isFullySigned && willExecute) {
+      return [wallet.address]
+    }
+
+    const owners = new Set(nestedSafeOwners ?? [])
+
+    if (safe.owners.some((owner) => sameAddress(owner.value, wallet.address))) {
+      owners.add(wallet.address)
+    }
+
+    if (isProposer && isCreation) {
+      owners.add(wallet.address)
+    }
+
+    return Array.from(owners)
+  }, [nestedSafeOwners, safe.owners, safe.threshold, safeTx, wallet, willExecute, isProposer, isCreation])
+
+  // Select first option if no signer is selected and the connected wallet cannot sign
+  useEffect(() => {
+    const isValidSigner = signerAddress && options.includes(signerAddress) && isOptionEnabled(signerAddress)
+    if (isValidSigner || !setSignerAddress || !wallet) {
+      return
+    }
+
+    const enabledOptions = options.filter(isOptionEnabled)
+    if (enabledOptions.length > 0 && !enabledOptions.includes(wallet.address)) {
+      setSignerAddress(enabledOptions[0])
+    }
+  }, [isOptionEnabled, options, setSignerAddress, signerAddress, wallet])
+
+  if (!wallet || !isNestedOwner || (options.length === 1 && options[0] === wallet.address)) {
+    return null
+  }
+
+  return (
+    <TxCard>
+      <Typography variant="h5" display="flex" gap={1} alignItems="center">
+        <SvgIcon component={SignatureIcon} inheritViewBox fontSize="small" />
+        {willExecute ? 'Execute' : 'Sign'} with
+        <Tooltip
+          title={`Your connected wallet controls other Safe Accounts, which can sign this transaction. You can select which Account to ${
+            willExecute ? 'execute' : 'sign'
+          } with.`}
+          arrow
+          placement="top"
+        >
+          <SvgIcon component={InfoIcon} inheritViewBox color="border" fontSize="small" />
+        </Tooltip>
+      </Typography>
+
+      <Box display="flex" alignItems="center" gap={1}>
+        <FormControl fullWidth size="medium">
+          <InputLabel id="signer-label">Signer Account</InputLabel>
+          <Select
+            className={css.signerForm}
+            labelId="signer-label"
+            label="Signer account"
+            fullWidth
+            onChange={onChange}
+            value={signerAddress}
+          >
+            {options?.map((owner) => (
+              <MenuItem key={owner} value={owner} disabled={!isOptionEnabled(owner)}>
+                <EthHashInfo address={owner} avatarSize={32} onlyName copyAddress={false} />
+                {!isOptionEnabled(owner) && (
+                  <Typography variant="caption" component="span" className={css.disabledPill}>
+                    Already signed
+                  </Typography>
+                )}
+              </MenuItem>
+            ))}
+          </Select>
+        </FormControl>
+      </Box>
+    </TxCard>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/features/SignerSelect/SignerForm/styles.module.css b/apps/web/src/components/tx-flow/features/SignerSelect/SignerForm/styles.module.css
new file mode 100644
index 000000000..c4ebf3be8
--- /dev/null
+++ b/apps/web/src/components/tx-flow/features/SignerSelect/SignerForm/styles.module.css
@@ -0,0 +1,10 @@
+.signerForm :global .MuiOutlinedInput-notchedOutline {
+  border: 1px solid var(--color-border-light) !important;
+}
+
+.disabledPill {
+  background-color: var(--color-border-light);
+  border-radius: 4px;
+  color: var(--color-text-primary);
+  padding: 4px 8px;
+}
diff --git a/apps/web/src/components/tx-flow/features/SignerSelect/index.tsx b/apps/web/src/components/tx-flow/features/SignerSelect/index.tsx
new file mode 100644
index 000000000..c0e52bc04
--- /dev/null
+++ b/apps/web/src/components/tx-flow/features/SignerSelect/index.tsx
@@ -0,0 +1,24 @@
+import { useContext } from 'react'
+import { TxFlowContext } from '@/components/tx-flow/TxFlowProvider'
+import { SlotName, withSlot } from '../../slots'
+import { SignerForm } from './SignerForm'
+import { useWalletContext } from '@/hooks/wallets/useWallet'
+import { useIsNestedSafeOwner } from '@/hooks/useIsNestedSafeOwner'
+
+const useShouldRegisterSlot = () => {
+  const { connectedWallet } = useWalletContext() ?? {}
+  const isNestedOwner = useIsNestedSafeOwner()
+  return !!connectedWallet && !!isNestedOwner
+}
+
+const SignerSelectSlot = withSlot({
+  Component: () => {
+    const { willExecute, txId } = useContext(TxFlowContext)
+    return <SignerForm willExecute={willExecute} txId={txId} />
+  },
+  slotName: SlotName.Feature,
+  id: 'signerSelect',
+  useSlotCondition: useShouldRegisterSlot,
+})
+
+export default SignerSelectSlot
diff --git a/apps/web/src/components/tx-flow/features/TxChecks/TxChecks.tsx b/apps/web/src/components/tx-flow/features/TxChecks/TxChecks.tsx
new file mode 100644
index 000000000..11e899d76
--- /dev/null
+++ b/apps/web/src/components/tx-flow/features/TxChecks/TxChecks.tsx
@@ -0,0 +1,43 @@
+import { useCurrentChain, useHasFeature } from '@/hooks/useChains'
+import { type ReactElement } from 'react'
+import { TxSimulation, TxSimulationMessage } from '@/components/tx/security/tenderly'
+import TxCard from '@/components/tx-flow/common/TxCard'
+import { Box, Typography } from '@mui/material'
+
+import type { SafeTransaction, MetaTransactionData } from '@safe-global/types-kit'
+
+import css from './styles.module.css'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import { isTxSimulationEnabled } from '@safe-global/utils/components/tx/security/tenderly/utils'
+
+const TxChecks = ({
+  executionOwner,
+  disabled = false,
+  transaction,
+}: {
+  executionOwner?: string
+  disabled?: boolean
+  transaction: SafeTransaction | Array<MetaTransactionData>
+}): ReactElement | null => {
+  const chain = useCurrentChain()
+  const isRiskMitigationFeatureEnabled = useHasFeature(FEATURES.RISK_MITIGATION)
+  const isTxSimulationFeatureEnabled = isTxSimulationEnabled(chain)
+
+  return (
+    <TxCard>
+      <Typography variant="h5">Transaction checks</Typography>
+
+      {(isTxSimulationFeatureEnabled || isRiskMitigationFeatureEnabled) && (
+        <>
+          <TxSimulation disabled={disabled} transactions={transaction} executionOwner={executionOwner} />
+
+          <Box className={css.mobileTxCheckMessages}>
+            <TxSimulationMessage />
+          </Box>
+        </>
+      )}
+    </TxCard>
+  )
+}
+
+export default TxChecks
diff --git a/apps/web/src/components/tx-flow/features/TxChecks/index.tsx b/apps/web/src/components/tx-flow/features/TxChecks/index.tsx
new file mode 100644
index 000000000..650565f71
--- /dev/null
+++ b/apps/web/src/components/tx-flow/features/TxChecks/index.tsx
@@ -0,0 +1,29 @@
+import { useContext } from 'react'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { TxFlowContext } from '@/components/tx-flow/TxFlowProvider'
+import useIsCounterfactualSafe from '@/features/counterfactual/hooks/useIsCounterfactualSafe'
+import TxChecks from './TxChecks'
+import { SlotName, withSlot } from '../../slots'
+
+const useShouldRegisterSlot = () => {
+  const { isRejection } = useContext(TxFlowContext)
+  const { safeTx } = useContext(SafeTxContext)
+  const isCounterfactualSafe = useIsCounterfactualSafe()
+
+  return !isCounterfactualSafe && !isRejection && !!safeTx
+}
+
+const TxChecksSlot = withSlot({
+  Component: () => {
+    const { safeTx } = useContext(SafeTxContext)
+
+    if (!safeTx) return false
+
+    return <TxChecks transaction={safeTx} />
+  },
+  slotName: SlotName.Feature,
+  id: 'txChecks',
+  useSlotCondition: useShouldRegisterSlot,
+})
+
+export default TxChecksSlot
diff --git a/apps/web/src/components/tx-flow/features/TxChecks/styles.module.css b/apps/web/src/components/tx-flow/features/TxChecks/styles.module.css
new file mode 100644
index 000000000..da3ad23b7
--- /dev/null
+++ b/apps/web/src/components/tx-flow/features/TxChecks/styles.module.css
@@ -0,0 +1,10 @@
+.mobileTxCheckMessages,
+.mobileTxCheckMessages:empty {
+  display: none;
+}
+
+@media (max-width: 899.95px) {
+  .mobileTxCheckMessages {
+    display: block;
+  }
+}
diff --git a/apps/web/src/components/tx-flow/features/TxNote.tsx b/apps/web/src/components/tx-flow/features/TxNote.tsx
new file mode 100644
index 000000000..d17946c56
--- /dev/null
+++ b/apps/web/src/components/tx-flow/features/TxNote.tsx
@@ -0,0 +1,35 @@
+import type { ReactElement } from 'react'
+import { useCallback, useContext } from 'react'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { TxFlowContext } from '@/components/tx-flow/TxFlowProvider'
+import { encodeTxNote, TxNoteForm } from '@/features/tx-notes'
+import { SlotName, withSlot } from '../slots'
+
+const TxNote = (): ReactElement => {
+  const { txOrigin, setTxOrigin } = useContext(SafeTxContext)
+  const { txDetails, isCreation } = useContext(TxFlowContext)
+
+  const onNoteChange = useCallback(
+    (note: string) => {
+      setTxOrigin(encodeTxNote(note, txOrigin))
+    },
+    [setTxOrigin, txOrigin],
+  )
+
+  return <TxNoteForm isCreation={isCreation} onChange={onNoteChange} txDetails={txDetails} />
+}
+
+const useShouldRegisterSlot = () => {
+  const { txDetails, isCreation } = useContext(TxFlowContext)
+
+  return isCreation || !!txDetails?.note
+}
+
+const TxNoteSlot = withSlot({
+  Component: TxNote,
+  slotName: SlotName.Sidebar,
+  id: 'txNote',
+  useSlotCondition: useShouldRegisterSlot,
+})
+
+export default TxNoteSlot
diff --git a/apps/web/src/components/tx-flow/features/index.ts b/apps/web/src/components/tx-flow/features/index.ts
new file mode 100644
index 000000000..aeada952b
--- /dev/null
+++ b/apps/web/src/components/tx-flow/features/index.ts
@@ -0,0 +1,5 @@
+export { default as Blockaid } from './Blockaid'
+export { default as ExecuteCheckbox } from './ExecuteCheckbox'
+export { default as TxChecks } from './TxChecks'
+export { default as TxNote } from './TxNote'
+export { default as SignerSelect } from './SignerSelect'
diff --git a/src/components/tx-flow/flows/AddOwner/ChooseOwner.tsx b/apps/web/src/components/tx-flow/flows/AddOwner/ChooseOwner.tsx
similarity index 81%
rename from src/components/tx-flow/flows/AddOwner/ChooseOwner.tsx
rename to apps/web/src/components/tx-flow/flows/AddOwner/ChooseOwner.tsx
index 2fa4aa625..38351f568 100644
--- a/src/components/tx-flow/flows/AddOwner/ChooseOwner.tsx
+++ b/apps/web/src/components/tx-flow/flows/AddOwner/ChooseOwner.tsx
@@ -19,7 +19,7 @@ import AddressBookInput from '@/components/common/AddressBookInput'
 import NameInput from '@/components/common/NameInput'
 import { useAddressResolver } from '@/hooks/useAddressResolver'
 import useSafeInfo from '@/hooks/useSafeInfo'
-import { uniqueAddress, addressIsNotCurrentSafe } from '@/utils/validation'
+import { uniqueAddress, addressIsNotCurrentSafe } from '@safe-global/utils/utils/validation'
 import type { AddOwnerFlowProps } from '.'
 import type { ReplaceOwnerFlowProps } from '../ReplaceOwner'
 import TxCard from '../../common/TxCard'
@@ -27,6 +27,7 @@ import InfoIcon from '@/public/images/notifications/info.svg'
 import commonCss from '@/components/tx-flow/common/styles.module.css'
 import { TOOLTIP_TITLES } from '@/components/tx-flow/common/constants'
 import EthHashInfo from '@/components/common/EthHashInfo'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
 
 type FormData = Pick<AddOwnerFlowProps | ReplaceOwnerFlowProps, 'newOwner' | 'threshold'>
 
@@ -83,12 +84,27 @@ export const ChooseOwner = ({
         <form onSubmit={onFormSubmit} className={commonCss.form}>
           {params.removedOwner && (
             <>
-              <Typography variant="body2" mb={1}>
+              <Typography
+                variant="body2"
+                sx={{
+                  mb: 1,
+                }}
+              >
                 {params.removedOwner &&
                   'Review the signer you want to replace in the active Safe Account, then specify the new signer you want to replace it with:'}
               </Typography>
-              <Box my={3}>
-                <Typography variant="body2" color="text.secondary" mb={1}>
+              <Box
+                sx={{
+                  my: 3,
+                }}
+              >
+                <Typography
+                  variant="body2"
+                  sx={{
+                    color: 'text.secondary',
+                    mb: 1,
+                  }}
+                >
                   Current signer
                 </Typography>
                 <EthHashInfo address={params.removedOwner.address} showCopyButton shortAddress={false} hasExplorer />
@@ -125,7 +141,13 @@ export const ChooseOwner = ({
 
           {mode === ChooseOwnerMode.ADD && (
             <FormControl fullWidth>
-              <Typography variant="h6" fontWeight={700} mt={3}>
+              <Typography
+                variant="h6"
+                sx={{
+                  fontWeight: 700,
+                  mt: 3,
+                }}
+              >
                 Threshold
                 <Tooltip title={TOOLTIP_TITLES.THRESHOLD} arrow placement="top">
                   <span>
@@ -143,11 +165,24 @@ export const ChooseOwner = ({
                 </Tooltip>
               </Typography>
 
-              <Typography variant="body2" mb={1}>
+              <Typography
+                variant="body2"
+                sx={{
+                  mb: 1,
+                }}
+              >
                 Any transaction requires the confirmation of:
               </Typography>
 
-              <Grid container direction="row" alignItems="center" gap={2} pt={1}>
+              <Grid
+                container
+                direction="row"
+                sx={{
+                  alignItems: 'center',
+                  gap: 2,
+                  pt: 1,
+                }}
+              >
                 <Grid item>
                   <Controller
                     control={control}
@@ -169,7 +204,9 @@ export const ChooseOwner = ({
                   />
                 </Grid>
                 <Grid item>
-                  <Typography>out of {newNumberOfOwners} signer(s)</Typography>
+                  <Typography>
+                    out of {newNumberOfOwners} signer{maybePlural(newNumberOfOwners)}
+                  </Typography>
                 </Grid>
               </Grid>
             </FormControl>
diff --git a/apps/web/src/components/tx-flow/flows/AddOwner/ReviewOwner.tsx b/apps/web/src/components/tx-flow/flows/AddOwner/ReviewOwner.tsx
new file mode 100644
index 000000000..b4532adb5
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/AddOwner/ReviewOwner.tsx
@@ -0,0 +1,72 @@
+import { useCurrentChain } from '@/hooks/useChains'
+import { useContext, useEffect, type PropsWithChildren } from 'react'
+
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { trackEvent, SETTINGS_EVENTS } from '@/services/analytics'
+import { createSwapOwnerTx, createAddOwnerTx } from '@/services/tx/tx-sender'
+import { useAppDispatch } from '@/store'
+import { upsertAddressBookEntries } from '@/store/addressBookSlice'
+import { SafeTxContext } from '../../SafeTxProvider'
+import type { AddOwnerFlowProps } from '.'
+import type { ReplaceOwnerFlowProps } from '../ReplaceOwner'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+import { SettingsChangeContext } from './context'
+import ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+
+export const ReviewOwner = ({
+  params,
+  onSubmit,
+  children,
+}: PropsWithChildren<{
+  params: AddOwnerFlowProps | ReplaceOwnerFlowProps
+  onSubmit?: () => void
+}>) => {
+  const dispatch = useAppDispatch()
+  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+  const { safe } = useSafeInfo()
+  const { chainId } = safe
+  const chain = useCurrentChain()
+  const { newOwner, removedOwner, threshold } = params
+
+  useEffect(() => {
+    if (!chain) return
+
+    const promise = removedOwner
+      ? createSwapOwnerTx(chain, safe.deployed, {
+          newOwnerAddress: checksumAddress(newOwner.address),
+          oldOwnerAddress: checksumAddress(removedOwner.address),
+        })
+      : createAddOwnerTx(chain, safe.deployed, {
+          ownerAddress: checksumAddress(newOwner.address),
+          threshold,
+        })
+
+    promise.then(setSafeTx).catch(setSafeTxError)
+  }, [removedOwner, newOwner, threshold, setSafeTx, setSafeTxError, chain, safe.deployed])
+
+  const addAddressBookEntry = () => {
+    if (typeof newOwner.name !== 'undefined') {
+      dispatch(
+        upsertAddressBookEntries({
+          chainIds: [chainId],
+          address: newOwner.address,
+          name: newOwner.name,
+        }),
+      )
+    }
+
+    trackEvent({ ...SETTINGS_EVENTS.SETUP.THRESHOLD, label: safe.threshold })
+    trackEvent({ ...SETTINGS_EVENTS.SETUP.OWNERS, label: safe.owners.length })
+  }
+
+  const handleSubmit = () => {
+    addAddressBookEntry()
+    onSubmit?.()
+  }
+
+  return (
+    <SettingsChangeContext.Provider value={params}>
+      <ReviewTransaction onSubmit={handleSubmit}>{children}</ReviewTransaction>
+    </SettingsChangeContext.Provider>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/flows/AddOwner/context.ts b/apps/web/src/components/tx-flow/flows/AddOwner/context.ts
new file mode 100644
index 000000000..ce829bcb8
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/AddOwner/context.ts
@@ -0,0 +1,7 @@
+import { type Context, createContext } from 'react'
+import { type AddOwnerFlowProps } from '.'
+import { type ReplaceOwnerFlowProps } from '../ReplaceOwner'
+
+type SettingsChange = Context<AddOwnerFlowProps | ReplaceOwnerFlowProps>
+
+export const SettingsChangeContext: SettingsChange = createContext({} as AddOwnerFlowProps | ReplaceOwnerFlowProps)
diff --git a/apps/web/src/components/tx-flow/flows/AddOwner/index.tsx b/apps/web/src/components/tx-flow/flows/AddOwner/index.tsx
new file mode 100644
index 000000000..82855b4e0
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/AddOwner/index.tsx
@@ -0,0 +1,66 @@
+import { ChooseOwner, ChooseOwnerMode } from '@/components/tx-flow/flows/AddOwner/ChooseOwner'
+import { ReviewOwner } from '@/components/tx-flow/flows/AddOwner/ReviewOwner'
+import SaveAddressIcon from '@/public/images/common/save-address.svg'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useContext } from 'react'
+import { TxFlowType } from '@/services/analytics'
+import { TxFlow } from '../../TxFlow'
+import { TxFlowStep } from '../../TxFlowStep'
+import { TxFlowContext } from '../../TxFlowProvider'
+import { type ReviewTransactionProps } from '@/components/tx/ReviewTransactionV2'
+
+type Owner = {
+  address: string
+  name?: string
+}
+
+export type AddOwnerFlowProps = {
+  newOwner: Owner
+  removedOwner?: Owner
+  threshold: number
+}
+
+const ChooseOwnerStep = () => {
+  const { onNext, data } = useContext(TxFlowContext)
+
+  return <ChooseOwner onSubmit={onNext} params={data} mode={ChooseOwnerMode.ADD} />
+}
+
+const ReviewOwnerStep = (props: ReviewTransactionProps) => {
+  const { data } = useContext(TxFlowContext)
+
+  return <ReviewOwner params={data} {...props} />
+}
+
+const AddOwnerFlow = ({ address }: { address?: string }) => {
+  const {
+    safe: { threshold },
+    safeLoaded,
+  } = useSafeInfo()
+
+  const defaultValues: AddOwnerFlowProps = {
+    newOwner: {
+      address: address || '',
+      name: '',
+    },
+    threshold,
+  }
+
+  if (!safeLoaded) return null
+
+  return (
+    <TxFlow
+      initialData={defaultValues}
+      eventCategory={TxFlowType.ADD_OWNER}
+      icon={SaveAddressIcon}
+      subtitle="Add signer"
+      ReviewTransactionComponent={ReviewOwnerStep}
+    >
+      <TxFlowStep title="New transaction">
+        <ChooseOwnerStep />
+      </TxFlowStep>
+    </TxFlow>
+  )
+}
+
+export default AddOwnerFlow
diff --git a/apps/web/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryFlowReview.tsx b/apps/web/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryFlowReview.tsx
new file mode 100644
index 000000000..14d83a251
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryFlowReview.tsx
@@ -0,0 +1,56 @@
+import { trackEvent } from '@/services/analytics'
+import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
+import { Typography } from '@mui/material'
+import { useContext } from 'react'
+import type { PropsWithChildren, ReactElement } from 'react'
+
+import { SafeTxContext } from '../../SafeTxProvider'
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { getRecoverySkipTransaction } from '@/features/recovery/services/transaction'
+import { createTx } from '@/services/tx/tx-sender'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+
+export function CancelRecoveryFlowReview({
+  recovery,
+  onSubmit,
+  children,
+}: PropsWithChildren<{
+  recovery: RecoveryQueueItem
+  onSubmit: () => void
+}>): ReactElement {
+  const web3ReadOnly = useWeb3ReadOnly()
+  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+
+  useAsync(async () => {
+    if (!web3ReadOnly) {
+      return
+    }
+    const transaction = await getRecoverySkipTransaction(recovery, web3ReadOnly)
+    createTx(transaction).then(setSafeTx).catch(setSafeTxError)
+  }, [setSafeTx, setSafeTxError, recovery, web3ReadOnly])
+
+  const handleSubmit = () => {
+    trackEvent({ ...RECOVERY_EVENTS.SUBMIT_RECOVERY_CANCEL })
+    onSubmit()
+  }
+
+  return (
+    <ReviewTransaction onSubmit={handleSubmit}>
+      <Typography mb={1}>
+        All actions initiated by the Recoverer will be cancelled. The current signers will remain the signers of the
+        Safe Account.
+      </Typography>
+
+      <ErrorMessage level="info">
+        This transaction will initiate the cancellation of the{' '}
+        {recovery.isMalicious ? 'malicious transaction' : 'recovery proposal'}. It requires other signer signatures in
+        order to be executed.
+      </ErrorMessage>
+
+      {children}
+    </ReviewTransaction>
+  )
+}
diff --git a/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryOverview.tsx b/apps/web/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryOverview.tsx
similarity index 88%
rename from src/components/tx-flow/flows/CancelRecovery/CancelRecoveryOverview.tsx
rename to apps/web/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryOverview.tsx
index 8e128c287..546443145 100644
--- a/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryOverview.tsx
+++ b/apps/web/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryOverview.tsx
@@ -9,9 +9,11 @@ import css from './styles.module.css'
 import ReplaceTxIcon from '@/public/images/transactions/replace-tx.svg'
 import { TxModalContext } from '../..'
 import TxCard from '../../common/TxCard'
+import { TxFlowContext } from '../../TxFlowProvider'
 
-export function CancelRecoveryOverview({ onSubmit }: { onSubmit: () => void }): ReactElement {
+export function CancelRecoveryOverview(): ReactElement {
   const { setTxFlow } = useContext(TxModalContext)
+  const { onNext } = useContext(TxFlowContext)
 
   const onClose = () => {
     setTxFlow(undefined)
@@ -38,7 +40,7 @@ export function CancelRecoveryOverview({ onSubmit }: { onSubmit: () => void }):
             Go back
           </Button>
 
-          <Button data-testid="cancel-proposal-btn" variant="contained" onClick={onSubmit} className={css.button}>
+          <Button data-testid="cancel-proposal-btn" variant="contained" onClick={onNext} className={css.button}>
             Yes, cancel proposal
           </Button>
         </Box>
diff --git a/apps/web/src/components/tx-flow/flows/CancelRecovery/index.tsx b/apps/web/src/components/tx-flow/flows/CancelRecovery/index.tsx
new file mode 100644
index 000000000..c10e66da3
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/CancelRecovery/index.tsx
@@ -0,0 +1,39 @@
+import { useMemo, type ReactElement } from 'react'
+import { CancelRecoveryFlowReview } from './CancelRecoveryFlowReview'
+import { CancelRecoveryOverview } from './CancelRecoveryOverview'
+import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
+import { TxFlowType } from '@/services/analytics'
+import { TxFlow } from '../../TxFlow'
+import { TxFlowStep } from '../../TxFlowStep'
+import type ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+
+const TITLE = 'Cancel Account recovery'
+
+type CancelRecoveryFlowProps = {
+  recovery: RecoveryQueueItem
+}
+
+function CancelRecoveryFlow({ recovery }: CancelRecoveryFlowProps): ReactElement {
+  const ReviewTransactionComponent = useMemo<typeof ReviewTransaction>(
+    () =>
+      function ReviewCancelRecovery(props) {
+        return <CancelRecoveryFlowReview recovery={recovery} {...props} />
+      },
+    [recovery],
+  )
+
+  return (
+    <TxFlow
+      subtitle={TITLE}
+      eventCategory={TxFlowType.CANCEL_RECOVERY}
+      isBatchable={false}
+      ReviewTransactionComponent={ReviewTransactionComponent}
+    >
+      <TxFlowStep title={TITLE} subtitle="" hideNonce>
+        <CancelRecoveryOverview />
+      </TxFlowStep>
+    </TxFlow>
+  )
+}
+
+export default CancelRecoveryFlow
diff --git a/src/components/tx-flow/flows/CancelRecovery/styles.module.css b/apps/web/src/components/tx-flow/flows/CancelRecovery/styles.module.css
similarity index 100%
rename from src/components/tx-flow/flows/CancelRecovery/styles.module.css
rename to apps/web/src/components/tx-flow/flows/CancelRecovery/styles.module.css
diff --git a/apps/web/src/components/tx-flow/flows/ChangeThreshold/ChooseThreshold.tsx b/apps/web/src/components/tx-flow/flows/ChangeThreshold/ChooseThreshold.tsx
new file mode 100644
index 000000000..8f824d633
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/ChangeThreshold/ChooseThreshold.tsx
@@ -0,0 +1,162 @@
+import { Controller, useForm } from 'react-hook-form'
+import {
+  TextField,
+  MenuItem,
+  Button,
+  CardActions,
+  Divider,
+  Typography,
+  Box,
+  Grid,
+  SvgIcon,
+  Tooltip,
+} from '@mui/material'
+import { useContext, useEffect } from 'react'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import TxCard from '@/components/tx-flow/common/TxCard'
+import { ChangeThresholdFlowFieldNames } from '@/components/tx-flow/flows/ChangeThreshold'
+import type { ChangeThresholdFlowProps } from '@/components/tx-flow/flows/ChangeThreshold'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import { TOOLTIP_TITLES } from '@/components/tx-flow/common/constants'
+import commonCss from '@/components/tx-flow/common/styles.module.css'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { createUpdateThresholdTx } from '@/services/tx/tx-sender'
+import { TxFlowContext } from '@/components/tx-flow/TxFlowProvider'
+
+export const ChooseThreshold = () => {
+  const { onNext, data } = useContext(TxFlowContext)
+  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+  const { safe } = useSafeInfo()
+
+  const formMethods = useForm<ChangeThresholdFlowProps>({
+    defaultValues: data,
+    mode: 'onChange',
+  })
+
+  const newThreshold = formMethods.watch(ChangeThresholdFlowFieldNames.threshold)
+
+  useEffect(() => {
+    createUpdateThresholdTx(newThreshold).then(setSafeTx).catch(setSafeTxError)
+  }, [newThreshold, setSafeTx, setSafeTxError])
+
+  return (
+    <TxCard>
+      <div>
+        <Typography
+          variant="h3"
+          sx={{
+            fontWeight: 700,
+          }}
+        >
+          Threshold
+          <Tooltip title={TOOLTIP_TITLES.THRESHOLD} arrow placement="top">
+            <span>
+              <SvgIcon
+                component={InfoIcon}
+                inheritViewBox
+                color="border"
+                fontSize="small"
+                sx={{
+                  verticalAlign: 'middle',
+                  ml: 0.5,
+                }}
+              />
+            </span>
+          </Tooltip>
+        </Typography>
+
+        <Typography>Any transaction will require the confirmation of:</Typography>
+      </div>
+      <form onSubmit={formMethods.handleSubmit(onNext)}>
+        <Box
+          sx={{
+            mb: 2,
+          }}
+        >
+          <Controller
+            control={formMethods.control}
+            rules={{
+              validate: (value) => {
+                if (value === safe.threshold) {
+                  return `Current policy is already set to ${safe.threshold}.`
+                }
+              },
+            }}
+            name={ChangeThresholdFlowFieldNames.threshold}
+            render={({ field, fieldState }) => {
+              const isError = !!fieldState.error
+
+              return (
+                <Grid
+                  container
+                  direction="row"
+                  sx={{
+                    gap: 2,
+                    alignItems: 'center',
+                  }}
+                >
+                  <Grid item>
+                    <TextField select {...field} error={isError}>
+                      {safe.owners.map((_, idx) => (
+                        <MenuItem data-testid="threshold-item" key={idx + 1} value={idx + 1}>
+                          {idx + 1}
+                        </MenuItem>
+                      ))}
+                    </TextField>
+                  </Grid>
+                  <Grid item>
+                    <Typography>
+                      out of {safe.owners.length} signer{maybePlural(safe.owners)}
+                    </Typography>
+                  </Grid>
+                  <Grid item xs={12}>
+                    {isError ? (
+                      <Typography
+                        color="error"
+                        sx={{
+                          mb: 2,
+                        }}
+                      >
+                        {fieldState.error?.message}
+                      </Typography>
+                    ) : (
+                      <Typography
+                        sx={{
+                          mb: 2,
+                        }}
+                      >
+                        {fieldState.isDirty ? 'Previous policy was ' : 'Current policy is '}
+                        <b>
+                          {safe.threshold} out of {safe.owners.length}
+                        </b>
+                        .
+                      </Typography>
+                    )}
+                  </Grid>
+                </Grid>
+              )
+            }}
+          />
+        </Box>
+
+        <Divider className={commonCss.nestedDivider} />
+
+        <CardActions>
+          <Button
+            data-testid="threshold-next-btn"
+            variant="contained"
+            type="submit"
+            disabled={
+              !!formMethods.formState.errors[ChangeThresholdFlowFieldNames.threshold] ||
+              // Prevent initial submit before field was interacted with
+              newThreshold === safe.threshold
+            }
+          >
+            Next
+          </Button>
+        </CardActions>
+      </form>
+    </TxCard>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/flows/ChangeThreshold/ReviewChangeThreshold.tsx b/apps/web/src/components/tx-flow/flows/ChangeThreshold/ReviewChangeThreshold.tsx
new file mode 100644
index 000000000..10ca9e92c
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/ChangeThreshold/ReviewChangeThreshold.tsx
@@ -0,0 +1,39 @@
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useContext, useEffect, type PropsWithChildren } from 'react'
+
+import { createUpdateThresholdTx } from '@/services/tx/tx-sender'
+import { SETTINGS_EVENTS, trackEvent } from '@/services/analytics'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { ChangeThresholdFlowFieldNames } from '@/components/tx-flow/flows/ChangeThreshold'
+import type { ChangeThresholdFlowProps } from '@/components/tx-flow/flows/ChangeThreshold'
+
+import ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+
+const ReviewChangeThreshold = ({
+  params,
+  onSubmit,
+  children,
+}: PropsWithChildren<{ params: ChangeThresholdFlowProps; onSubmit: () => void }>) => {
+  const { safe } = useSafeInfo()
+  const newThreshold = params[ChangeThresholdFlowFieldNames.threshold]
+
+  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+
+  useEffect(() => {
+    createUpdateThresholdTx(newThreshold).then(setSafeTx).catch(setSafeTxError)
+  }, [newThreshold, setSafeTx, setSafeTxError])
+
+  const trackEvents = () => {
+    trackEvent({ ...SETTINGS_EVENTS.SETUP.OWNERS, label: safe.owners.length })
+    trackEvent({ ...SETTINGS_EVENTS.SETUP.THRESHOLD, label: newThreshold })
+  }
+
+  const handleSubmit = () => {
+    trackEvents()
+    onSubmit()
+  }
+
+  return <ReviewTransaction onSubmit={handleSubmit}>{children}</ReviewTransaction>
+}
+
+export default ReviewChangeThreshold
diff --git a/apps/web/src/components/tx-flow/flows/ChangeThreshold/index.tsx b/apps/web/src/components/tx-flow/flows/ChangeThreshold/index.tsx
new file mode 100644
index 000000000..f3d72a700
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/ChangeThreshold/index.tsx
@@ -0,0 +1,46 @@
+import SaveAddressIcon from '@/public/images/common/save-address.svg'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { ChooseThreshold } from './ChooseThreshold'
+import { TxFlowType } from '@/services/analytics'
+import { TxFlow } from '../../TxFlow'
+import { TxFlowStep } from '../../TxFlowStep'
+import { type ReviewTransactionProps } from '@/components/tx/ReviewTransactionV2'
+import { useContext } from 'react'
+import { TxFlowContext } from '../../TxFlowProvider'
+import ReviewChangeThreshold from './ReviewChangeThreshold'
+
+export enum ChangeThresholdFlowFieldNames {
+  threshold = 'threshold',
+}
+
+export type ChangeThresholdFlowProps = {
+  [ChangeThresholdFlowFieldNames.threshold]: number
+}
+
+const ReviewThresholdStep = (props: ReviewTransactionProps) => {
+  const { data } = useContext(TxFlowContext)
+
+  return <ReviewChangeThreshold params={data} {...props} />
+}
+
+const ChangeThresholdFlow = () => {
+  const {
+    safe: { threshold },
+  } = useSafeInfo()
+
+  return (
+    <TxFlow
+      initialData={{ threshold }}
+      icon={SaveAddressIcon}
+      subtitle="Change threshold"
+      eventCategory={TxFlowType.CHANGE_THRESHOLD}
+      ReviewTransactionComponent={ReviewThresholdStep}
+    >
+      <TxFlowStep title="New transaction">
+        <ChooseThreshold />
+      </TxFlowStep>
+    </TxFlow>
+  )
+}
+
+export default ChangeThresholdFlow
diff --git a/apps/web/src/components/tx-flow/flows/ConfirmBatch/index.tsx b/apps/web/src/components/tx-flow/flows/ConfirmBatch/index.tsx
new file mode 100644
index 000000000..7d2182c48
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/ConfirmBatch/index.tsx
@@ -0,0 +1,54 @@
+import { useContext, useEffect } from 'react'
+import { type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { createMultiSendCallOnlyTx } from '@/services/tx/tx-sender'
+import { SafeTxContext } from '../../SafeTxProvider'
+import type { MetaTransactionData } from '@safe-global/types-kit'
+import { OperationType } from '@safe-global/types-kit'
+import BatchIcon from '@/public/images/common/batch.svg'
+import { useDraftBatch } from '@/hooks/useDraftBatch'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+import ReviewTransaction, { type ReviewTransactionProps } from '@/components/tx/ReviewTransactionV2'
+import { TxFlowType } from '@/services/analytics'
+import { TxFlow } from '../../TxFlow'
+
+type ConfirmBatchProps = {
+  onSubmit: () => void
+}
+
+const getData = (txDetails: TransactionDetails): MetaTransactionData => {
+  return {
+    to: txDetails.txData?.to.value ?? '',
+    value: txDetails.txData?.value ?? '0',
+    data: txDetails.txData?.hexData ?? '0x',
+    operation: OperationType.Call, // only calls can be batched
+  }
+}
+
+const ConfirmBatch = (props: ReviewTransactionProps) => {
+  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+  const batchTxs = useDraftBatch()
+
+  useEffect(() => {
+    const calls = batchTxs.map((tx) => getData(tx.txDetails))
+    createMultiSendCallOnlyTx(calls).then(setSafeTx).catch(setSafeTxError)
+  }, [batchTxs, setSafeTx, setSafeTxError])
+
+  return <ReviewTransaction {...props} title="Confirm batch" />
+}
+
+const ConfirmBatchFlow = ({ onSubmit }: ConfirmBatchProps) => {
+  const { length } = useDraftBatch()
+
+  return (
+    <TxFlow
+      icon={BatchIcon}
+      subtitle={`This batch contains ${length} transaction${maybePlural(length)}`}
+      eventCategory={TxFlowType.CONFIRM_BATCH}
+      ReviewTransactionComponent={ConfirmBatch}
+      onSubmit={onSubmit}
+      isBatch
+    />
+  )
+}
+
+export default ConfirmBatchFlow
diff --git a/apps/web/src/components/tx-flow/flows/ConfirmTx/ConfirmProposedTx.tsx b/apps/web/src/components/tx-flow/flows/ConfirmTx/ConfirmProposedTx.tsx
new file mode 100644
index 000000000..632bab9ea
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/ConfirmTx/ConfirmProposedTx.tsx
@@ -0,0 +1,47 @@
+import { type PropsWithChildren, type ReactElement, useContext, useEffect } from 'react'
+import { Typography } from '@mui/material'
+import { useChainId } from '@/hooks/useChainId'
+import { createExistingTx } from '@/services/tx/tx-sender'
+import ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+import type { ReviewTransactionContentProps } from '@/components/tx/ReviewTransactionV2/ReviewTransactionContent'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { TxFlowContext } from '@/components/tx-flow/TxFlowProvider'
+
+type ConfirmProposedTxProps = PropsWithChildren<
+  {
+    txNonce: number | undefined
+  } & ReviewTransactionContentProps
+>
+
+const SIGN_TEXT = 'Sign this transaction.'
+const EXECUTE_TEXT = 'Submit the form to execute this transaction.'
+const SIGN_EXECUTE_TEXT = 'Sign or immediately execute this transaction.'
+
+const ConfirmProposedTx = ({ txNonce, children, ...props }: ConfirmProposedTxProps): ReactElement => {
+  const chainId = useChainId()
+  const { setSafeTx, setSafeTxError, setNonce, setIsReadOnly } = useContext(SafeTxContext)
+  const { txId, onlyExecute, isExecutable } = useContext(TxFlowContext)
+
+  useEffect(() => {
+    txNonce !== undefined && setNonce(txNonce)
+    // Data of transactions in the queue should never be editable
+    setIsReadOnly(true)
+  }, [setNonce, txNonce, setIsReadOnly])
+
+  useEffect(() => {
+    if (txId) {
+      createExistingTx(chainId, txId).then(setSafeTx).catch(setSafeTxError)
+    }
+  }, [txId, chainId, setSafeTx, setSafeTxError])
+
+  const text = !onlyExecute ? (isExecutable ? SIGN_EXECUTE_TEXT : SIGN_TEXT) : EXECUTE_TEXT
+
+  return (
+    <ReviewTransaction {...props}>
+      <Typography mb={1}>{text}</Typography>
+      {children}
+    </ReviewTransaction>
+  )
+}
+
+export default ConfirmProposedTx
diff --git a/apps/web/src/components/tx-flow/flows/ConfirmTx/index.tsx b/apps/web/src/components/tx-flow/flows/ConfirmTx/index.tsx
new file mode 100644
index 000000000..ee3a54ec0
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/ConfirmTx/index.tsx
@@ -0,0 +1,37 @@
+import { isSwapOrderTxInfo } from '@/utils/transaction-guards'
+import type { TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
+import ConfirmProposedTx from './ConfirmProposedTx'
+import { useTransactionType } from '@/hooks/useTransactionType'
+import SwapIcon from '@/public/images/common/swap.svg'
+import { isExecutable, isMultisigExecutionInfo, isSignableBy } from '@/utils/transaction-guards'
+import { useSigner } from '@/hooks/wallets/useWallet'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { TxFlow } from '../../TxFlow'
+import { TxFlowType } from '@/services/analytics'
+
+const ConfirmTxFlow = ({ txSummary }: { txSummary: TransactionSummary }) => {
+  const { text } = useTransactionType(txSummary)
+  const isSwapOrder = isSwapOrderTxInfo(txSummary.txInfo)
+  const signer = useSigner()
+  const { safe } = useSafeInfo()
+
+  const txId = txSummary.id
+  const txNonce = isMultisigExecutionInfo(txSummary.executionInfo) ? txSummary.executionInfo.nonce : undefined
+  const canExecute = isExecutable(txSummary, signer?.address || '', safe)
+  const canSign = isSignableBy(txSummary, signer?.address || '')
+
+  return (
+    <TxFlow
+      icon={isSwapOrder && SwapIcon}
+      subtitle={<>{text}&nbsp;</>}
+      txId={txId}
+      isExecutable={canExecute}
+      onlyExecute={!canSign}
+      txSummary={txSummary}
+      ReviewTransactionComponent={(props) => <ConfirmProposedTx txNonce={txNonce} {...props} />}
+      eventCategory={TxFlowType.CONFIRM_TX}
+    />
+  )
+}
+
+export default ConfirmTxFlow
diff --git a/apps/web/src/components/tx-flow/flows/CreateNestedSafe/ReviewNestedSafe.tsx b/apps/web/src/components/tx-flow/flows/CreateNestedSafe/ReviewNestedSafe.tsx
new file mode 100644
index 000000000..deca0b6da
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/CreateNestedSafe/ReviewNestedSafe.tsx
@@ -0,0 +1,114 @@
+import { skipToken } from '@reduxjs/toolkit/query'
+import { useCallback, useContext, useEffect, useMemo } from 'react'
+import type { PropsWithChildren, ReactElement } from 'react'
+import type { MetaTransactionData, SafeTransaction } from '@safe-global/types-kit'
+
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import useBalances from '@/hooks/useBalances'
+import { useCurrentChain } from '@/hooks/useChains'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { createNewUndeployedSafeWithoutSalt, encodeSafeCreationTx } from '@/components/new-safe/create/logic'
+import { useGetOwnedSafesQuery } from '@/store/slices'
+import { predictAddressBasedOnReplayData } from '@/features/multichain/utils/utils'
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { createTokenTransferParams } from '@/services/tx/tokenTransferParams'
+import { createMultiSendCallOnlyTx, createTx } from '@/services/tx/tx-sender'
+import { SetupNestedSafeFormAssetFields } from '@/components/tx-flow/flows/CreateNestedSafe/SetupNestedSafe'
+import type { SetupNestedSafeForm } from '@/components/tx-flow/flows/CreateNestedSafe/SetupNestedSafe'
+import ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+
+export function ReviewNestedSafe({
+  params,
+  onSubmit,
+  children,
+}: PropsWithChildren<{
+  params: SetupNestedSafeForm
+  onSubmit: (predictedSafeAddress?: string) => void
+}>): ReactElement {
+  const { safeAddress, safe, safeLoaded } = useSafeInfo()
+  const chain = useCurrentChain()
+  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+  const { balances } = useBalances()
+  const provider = useWeb3ReadOnly()
+  const { data: nestedSafes } = useGetOwnedSafesQuery(
+    safeLoaded ? { chainId: safe.chainId, ownerAddress: safeAddress } : skipToken,
+  )
+  const version = getLatestSafeVersion(chain)
+
+  const safeAccountConfig = useMemo(() => {
+    if (!chain || !nestedSafes) {
+      return
+    }
+
+    const undeployedSafe = createNewUndeployedSafeWithoutSalt(
+      version,
+      {
+        owners: [safeAddress],
+        threshold: 1,
+      },
+      chain,
+    )
+    const saltNonce = Date.now().toString()
+
+    return {
+      ...undeployedSafe,
+      saltNonce,
+    }
+  }, [chain, safeAddress, nestedSafes, version])
+
+  const [predictedSafeAddress] = useAsync(async () => {
+    if (provider && safeAccountConfig) {
+      return predictAddressBasedOnReplayData(safeAccountConfig, provider)
+    }
+  }, [provider, safeAccountConfig])
+
+  useEffect(() => {
+    if (!chain || !safeAccountConfig || !predictedSafeAddress) {
+      return
+    }
+
+    const deploymentTx = {
+      to: safeAccountConfig.factoryAddress,
+      data: encodeSafeCreationTx(safeAccountConfig, chain),
+      value: '0',
+    }
+
+    const fundingTxs: Array<MetaTransactionData> = []
+
+    for (const asset of params.assets) {
+      const token = balances.items.find((item) => {
+        return item.tokenInfo.address === asset[SetupNestedSafeFormAssetFields.tokenAddress]
+      })
+
+      if (token) {
+        fundingTxs.push(
+          createTokenTransferParams(
+            predictedSafeAddress,
+            asset[SetupNestedSafeFormAssetFields.amount],
+            token.tokenInfo.decimals,
+            token.tokenInfo.address,
+          ),
+        )
+      }
+    }
+
+    const createSafeTx = async (): Promise<SafeTransaction> => {
+      const isMultiSend = fundingTxs.length > 0
+      return isMultiSend ? createMultiSendCallOnlyTx([deploymentTx, ...fundingTxs]) : createTx(deploymentTx)
+    }
+
+    createSafeTx().then(setSafeTx).catch(setSafeTxError)
+  }, [chain, params.assets, safeAccountConfig, predictedSafeAddress, balances.items, setSafeTx, setSafeTxError])
+
+  const handleSubmit = useCallback(() => {
+    onSubmit(predictedSafeAddress)
+  }, [onSubmit, predictedSafeAddress])
+
+  return (
+    <ReviewTransaction onSubmit={handleSubmit} title="Confirm Nested Safe">
+      {children}
+    </ReviewTransaction>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/flows/CreateNestedSafe/SetupNestedSafe.tsx b/apps/web/src/components/tx-flow/flows/CreateNestedSafe/SetupNestedSafe.tsx
new file mode 100644
index 000000000..6d4b3098d
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/CreateNestedSafe/SetupNestedSafe.tsx
@@ -0,0 +1,261 @@
+import {
+  Box,
+  Button,
+  CardActions,
+  Divider,
+  FormControl,
+  IconButton,
+  InputAdornment,
+  InputLabel,
+  MenuItem,
+  SvgIcon,
+  TextField,
+  Tooltip,
+  Typography,
+} from '@mui/material'
+import classNames from 'classnames'
+import { Controller, FormProvider, useFieldArray, useForm, useFormContext } from 'react-hook-form'
+import { useContext, type ReactElement } from 'react'
+
+import InfoIcon from '@/public/images/notifications/info.svg'
+import AddIcon from '@/public/images/common/add.svg'
+import DeleteIcon from '@/public/images/common/delete.svg'
+import TxCard from '@/components/tx-flow/common/TxCard'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import useAddressBook from '@/hooks/useAddressBook'
+import NameInput from '@/components/common/NameInput'
+import tokenInputCss from '@/components/common/TokenAmountInput/styles.module.css'
+import NumberField from '@/components/common/NumberField'
+import { useVisibleBalances } from '@/hooks/useVisibleBalances'
+import { AutocompleteItem } from '@/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer'
+import { validateDecimalLength, validateLimitedAmount } from '@safe-global/utils/utils/validation'
+import { safeFormatUnits } from '@safe-global/utils/utils/formatters'
+import { useMnemonicPrefixedSafeName } from '@/hooks/useMnemonicName'
+import css from '@/components/tx-flow/flows/CreateNestedSafe/styles.module.css'
+import commonCss from '@/components/tx-flow/common/styles.module.css'
+import { TxFlowContext, type TxFlowContextType } from '../../TxFlowProvider'
+
+export type SetupNestedSafeForm = {
+  [SetupNestedSafeFormFields.name]: string
+  [SetupNestedSafeFormFields.assets]: Array<Record<SetupNestedSafeFormAssetFields, string>>
+}
+
+export enum SetupNestedSafeFormFields {
+  name = 'name',
+  assets = 'assets',
+}
+
+export enum SetupNestedSafeFormAssetFields {
+  tokenAddress = 'tokenAddress',
+  amount = 'amount',
+}
+
+export function SetUpNestedSafe(): ReactElement {
+  const addressBook = useAddressBook()
+  const safeAddress = useSafeAddress()
+  const randomName = useMnemonicPrefixedSafeName('Nested')
+  const fallbackName = addressBook[safeAddress] ?? randomName
+  const { onNext, data } = useContext<TxFlowContextType<SetupNestedSafeForm>>(TxFlowContext)
+
+  const formMethods = useForm<SetupNestedSafeForm>({
+    defaultValues: data,
+    mode: 'onChange',
+  })
+
+  const onFormSubmit = (data: SetupNestedSafeForm) => {
+    onNext({
+      ...data,
+      [SetupNestedSafeFormFields.name]: data[SetupNestedSafeFormFields.name] || fallbackName,
+    })
+  }
+
+  return (
+    <TxCard>
+      <FormProvider {...formMethods}>
+        <form onSubmit={formMethods.handleSubmit(onFormSubmit)}>
+          <Typography variant="body2" mt={1}>
+            Name your Nested Safe and select which assets to fund it with. All selected assets will be transferred when
+            deployed.
+          </Typography>
+
+          <FormControl fullWidth sx={{ mt: 3 }}>
+            <NameInput
+              data-testid="nested-safe-name-input"
+              name={SetupNestedSafeFormFields.name}
+              label="Name"
+              placeholder={fallbackName}
+              InputLabelProps={{ shrink: true }}
+              InputProps={{
+                endAdornment: (
+                  <Tooltip
+                    title="This name is stored locally and will never be shared with us or any third parties."
+                    arrow
+                    placement="top"
+                  >
+                    <InputAdornment position="end">
+                      <SvgIcon component={InfoIcon} inheritViewBox />
+                    </InputAdornment>
+                  </Tooltip>
+                ),
+              }}
+            />
+          </FormControl>
+
+          <AssetInputs name={SetupNestedSafeFormFields.assets} />
+
+          <Divider className={commonCss.nestedDivider} />
+
+          <CardActions>
+            <Button data-testid="next-button" variant="contained" type="submit">
+              Next
+            </Button>
+          </CardActions>
+        </form>
+      </FormProvider>
+    </TxCard>
+  )
+}
+
+/**
+ * Note: the following is very similar to TokenAmountInput but with key differences to support
+ * a field array. Adjusting the former was initially attempted but proved to be too complex.
+ *
+ * TODO: Refactor the both to share a common implementation.
+ */
+function AssetInputs({ name }: { name: SetupNestedSafeFormFields.assets }) {
+  const { balances } = useVisibleBalances()
+
+  const formMethods = useFormContext<SetupNestedSafeForm>()
+  const fieldArray = useFieldArray<SetupNestedSafeForm>({ name })
+
+  const selectedAssets = formMethods.watch(name)
+  const nonSelectedAssets = balances.items.filter((item) => {
+    return !selectedAssets.map((asset) => asset.tokenAddress).includes(item.tokenInfo.address)
+  })
+  const defaultAsset: SetupNestedSafeForm[typeof name][number] = {
+    tokenAddress: nonSelectedAssets[0]?.tokenInfo.address,
+    amount: '',
+  }
+
+  return (
+    <>
+      {fieldArray.fields.map((field, index) => {
+        const errors = formMethods.formState.errors?.[name]?.[index]
+        const label =
+          errors?.[SetupNestedSafeFormAssetFields.tokenAddress]?.message ||
+          errors?.[SetupNestedSafeFormAssetFields.amount]?.message ||
+          'Amount'
+        const isError = !!errors && Object.keys(errors).length > 0
+
+        const thisAsset = balances.items.find((item) => {
+          return item.tokenInfo.address === selectedAssets[index][SetupNestedSafeFormAssetFields.tokenAddress]
+        })
+        const thisAndNonSelectedAssets = balances.items.filter((item) => {
+          return (
+            item.tokenInfo.address === thisAsset?.tokenInfo.address ||
+            nonSelectedAssets.some((nonSelected) => item.tokenInfo.address === nonSelected.tokenInfo.address)
+          )
+        })
+        return (
+          <Box data-testid="asset-data" className={css.assetInput} key={field.id}>
+            <FormControl className={classNames(tokenInputCss.outline, { [tokenInputCss.error]: isError })} fullWidth>
+              <InputLabel shrink required className={tokenInputCss.label}>
+                {label}
+              </InputLabel>
+
+              <div className={tokenInputCss.inputs}>
+                <Controller
+                  name={`${name}.${index}.${SetupNestedSafeFormAssetFields.amount}`}
+                  rules={{
+                    required: true,
+                    validate: (value) => {
+                      return (
+                        validateLimitedAmount(value, thisAsset?.tokenInfo.decimals, thisAsset?.balance) ||
+                        validateDecimalLength(value, thisAsset?.tokenInfo.decimals)
+                      )
+                    },
+                  }}
+                  render={({ field }) => {
+                    const onClickMax = () => {
+                      if (thisAsset) {
+                        const maxAmount = safeFormatUnits(thisAsset.balance, thisAsset.tokenInfo.decimals)
+                        field.onChange(maxAmount)
+                      }
+                    }
+                    return (
+                      <NumberField
+                        data-testid="amount-input"
+                        variant="standard"
+                        InputProps={{
+                          disableUnderline: true,
+                          endAdornment: (
+                            <Button data-testid="max-button" className={tokenInputCss.max} onClick={onClickMax}>
+                              Max
+                            </Button>
+                          ),
+                        }}
+                        className={tokenInputCss.amount}
+                        required
+                        placeholder="0"
+                        {...field}
+                      />
+                    )
+                  }}
+                />
+
+                <Divider orientation="vertical" flexItem />
+
+                <Controller
+                  name={`${name}.${index}.${SetupNestedSafeFormAssetFields.tokenAddress}`}
+                  rules={{ required: true, deps: [`${name}.${index}.${SetupNestedSafeFormAssetFields.amount}`] }}
+                  render={({ field }) => {
+                    return (
+                      <TextField
+                        data-testid="token-selector"
+                        select
+                        variant="standard"
+                        InputProps={{
+                          disableUnderline: true,
+                        }}
+                        className={tokenInputCss.select}
+                        required
+                        sx={{ minWidth: '200px' }}
+                        {...field}
+                      >
+                        {thisAndNonSelectedAssets.map((item) => {
+                          return (
+                            <MenuItem key={item.tokenInfo.address} value={item.tokenInfo.address}>
+                              <AutocompleteItem {...item} />
+                            </MenuItem>
+                          )
+                        })}
+                      </TextField>
+                    )
+                  }}
+                />
+              </div>
+            </FormControl>
+
+            <IconButton data-testid="remove-asset-icon" onClick={() => fieldArray.remove(index)}>
+              <SvgIcon component={DeleteIcon} inheritViewBox />
+            </IconButton>
+          </Box>
+        )
+      })}
+
+      <Button
+        data-testid="fund-asset-button"
+        variant="text"
+        onClick={() => {
+          fieldArray.append(defaultAsset, { shouldFocus: true })
+        }}
+        startIcon={<SvgIcon component={AddIcon} inheritViewBox fontSize="small" />}
+        size="large"
+        sx={{ my: 3 }}
+        disabled={nonSelectedAssets.length === 0}
+      >
+        Fund new asset
+      </Button>
+    </>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/flows/CreateNestedSafe/index.tsx b/apps/web/src/components/tx-flow/flows/CreateNestedSafe/index.tsx
new file mode 100644
index 000000000..462d06977
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/CreateNestedSafe/index.tsx
@@ -0,0 +1,66 @@
+import { useCallback, useContext, useMemo, useState, type ReactElement } from 'react'
+import NestedSafeIcon from '@/public/images/sidebar/nested-safes-icon.svg'
+import { ReviewNestedSafe } from '@/components/tx-flow/flows/CreateNestedSafe/ReviewNestedSafe'
+import { SetUpNestedSafe } from '@/components/tx-flow/flows/CreateNestedSafe/SetupNestedSafe'
+import type { SetupNestedSafeForm } from '@/components/tx-flow/flows/CreateNestedSafe/SetupNestedSafe'
+import { useAppDispatch } from '@/store'
+import { upsertAddressBookEntries } from '@/store/addressBookSlice'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { type SubmitCallbackWithData, TxFlow } from '../../TxFlow'
+import { TxFlowStep } from '../../TxFlowStep'
+import type ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+import { TxFlowContext, type TxFlowContextType } from '../../TxFlowProvider'
+
+export function CreateNestedSafe(): ReactElement {
+  const dispatch = useAppDispatch()
+  const { safe } = useSafeInfo()
+  const [predictedSafeAddress, setPredictedSafeAddress] = useState<string | undefined>()
+
+  const ReviewNestedSafeCreationComponent = useMemo<typeof ReviewTransaction>(
+    () =>
+      function ReviewNestedSafeCreation({ onSubmit, ...props }) {
+        const { data } = useContext<TxFlowContextType<SetupNestedSafeForm>>(TxFlowContext)
+
+        const handleSubmit = useCallback(
+          (predictedSafeAddress?: string) => {
+            setPredictedSafeAddress(predictedSafeAddress)
+            onSubmit()
+          },
+          [onSubmit],
+        )
+
+        return <ReviewNestedSafe {...props} params={data!} onSubmit={handleSubmit} />
+      },
+    [setPredictedSafeAddress],
+  )
+
+  const handleSubmit = useCallback<SubmitCallbackWithData<SetupNestedSafeForm>>(
+    (args) => {
+      if (!predictedSafeAddress) {
+        return
+      }
+      dispatch(
+        upsertAddressBookEntries({
+          chainIds: [safe.chainId],
+          address: predictedSafeAddress,
+          name: args?.data?.name ?? '',
+        }),
+      )
+    },
+    [dispatch, predictedSafeAddress, safe.chainId],
+  )
+
+  return (
+    <TxFlow<SetupNestedSafeForm>
+      initialData={{ name: '', assets: [] }}
+      icon={NestedSafeIcon}
+      subtitle="Create a Nested Safe"
+      ReviewTransactionComponent={ReviewNestedSafeCreationComponent}
+      onSubmit={handleSubmit}
+    >
+      <TxFlowStep title="Set up Nested Safe">
+        <SetUpNestedSafe />
+      </TxFlowStep>
+    </TxFlow>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/flows/CreateNestedSafe/styles.module.css b/apps/web/src/components/tx-flow/flows/CreateNestedSafe/styles.module.css
new file mode 100644
index 000000000..c0be8e64f
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/CreateNestedSafe/styles.module.css
@@ -0,0 +1,8 @@
+.assetInput {
+  display: flex;
+  flex-direction: row;
+  margin-top: var(--space-3);
+  gap: var(--space-1);
+  align-items: center;
+  justify-content: center;
+}
diff --git a/src/components/tx-flow/flows/ExecuteBatch/DecodedTxs.tsx b/apps/web/src/components/tx-flow/flows/ExecuteBatch/DecodedTxs.tsx
similarity index 92%
rename from src/components/tx-flow/flows/ExecuteBatch/DecodedTxs.tsx
rename to apps/web/src/components/tx-flow/flows/ExecuteBatch/DecodedTxs.tsx
index 1c28414bc..05a3c6bff 100644
--- a/src/components/tx-flow/flows/ExecuteBatch/DecodedTxs.tsx
+++ b/apps/web/src/components/tx-flow/flows/ExecuteBatch/DecodedTxs.tsx
@@ -1,6 +1,5 @@
 import type { DataDecoded, TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
 import { Box } from '@mui/material'
-import useSafeInfo from '@/hooks/useSafeInfo'
 import extractTxInfo from '@/services/tx/extractTxInfo'
 import { isCustomTxInfo, isNativeTokenTransfer, isTransferTxInfo } from '@/utils/transaction-guards'
 import SingleTxDecoded from '@/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded'
@@ -11,7 +10,6 @@ import { type AccordionProps } from '@mui/material/Accordion/Accordion'
 
 const DecodedTxs = ({ txs }: { txs: TransactionDetails[] | undefined }) => {
   const [openMap, setOpenMap] = useState<Record<number, boolean>>()
-  const { safeAddress } = useSafeInfo()
 
   if (!txs) return null
 
@@ -30,7 +28,7 @@ const DecodedTxs = ({ txs }: { txs: TransactionDetails[] | undefined }) => {
             }))
           }
 
-          const { txParams } = extractTxInfo(transaction, safeAddress)
+          const { txParams } = extractTxInfo(transaction)
 
           let decodedDataParams: DataDecoded = {
             method: '',
@@ -59,9 +57,9 @@ const DecodedTxs = ({ txs }: { txs: TransactionDetails[] | undefined }) => {
               }}
               txData={transaction.txData}
               actionTitle={`${idx + 1}`}
-              showDelegateCallWarning={false}
               expanded={openMap?.[idx] ?? false}
               onChange={onChange}
+              isExecuted={!!transaction.executedAt}
             />
           )
         })}
diff --git a/src/components/tx-flow/flows/ExecuteBatch/ReviewBatch.tsx b/apps/web/src/components/tx-flow/flows/ExecuteBatch/ReviewBatch.tsx
similarity index 78%
rename from src/components/tx-flow/flows/ExecuteBatch/ReviewBatch.tsx
rename to apps/web/src/components/tx-flow/flows/ExecuteBatch/ReviewBatch.tsx
index 5c3d9bb5f..1897d17e3 100644
--- a/src/components/tx-flow/flows/ExecuteBatch/ReviewBatch.tsx
+++ b/apps/web/src/components/tx-flow/flows/ExecuteBatch/ReviewBatch.tsx
@@ -1,44 +1,42 @@
 import useWallet from '@/hooks/wallets/useWallet'
-import { assertWalletChain } from '@/services/tx/tx-sender/sdk'
 import { CircularProgress, Typography, Button, CardActions, Divider, Alert } from '@mui/material'
-import useAsync from '@/hooks/useAsync'
-import { FEATURES } from '@/utils/chains'
-import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import { getReadOnlyMultiSendCallOnlyContract } from '@/services/contracts/safeContracts'
 import { useCurrentChain } from '@/hooks/useChains'
 import useSafeInfo from '@/hooks/useSafeInfo'
 import { encodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils/transactions/utils'
 import { useState, useMemo, useContext } from 'react'
 import type { SyntheticEvent } from 'react'
-import { generateDataRowValue } from '@/components/transactions/TxDetails/Summary/TxDataRow'
 import ErrorMessage from '@/components/tx/ErrorMessage'
 import { ExecutionMethod, ExecutionMethodSelector } from '@/components/tx/ExecutionMethodSelector'
 import DecodedTxs from '@/components/tx-flow/flows/ExecuteBatch/DecodedTxs'
-import { TxSimulation } from '@/components/tx/security/tenderly'
-import { WrongChainWarning } from '@/components/tx/WrongChainWarning'
+import TxChecks from '@/components/tx-flow/features/TxChecks/TxChecks'
 import { useRelaysBySafe } from '@/hooks/useRemainingRelays'
 import useOnboard from '@/hooks/wallets/useOnboard'
 import { logError, Errors } from '@/services/exceptions'
 import { dispatchBatchExecution, dispatchBatchExecutionRelay } from '@/services/tx/tx-sender'
 import { hasRemainingRelays } from '@/utils/relaying'
-import { getTxsWithDetails, getMultiSendTxs } from '@/utils/transactions'
+import { getMultiSendTxs } from '@/utils/transactions'
 import TxCard from '../../common/TxCard'
 import CheckWallet from '@/components/common/CheckWallet'
 import type { ExecuteBatchFlowProps } from '.'
-import { asError } from '@/services/exceptions/utils'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
 import SendToBlock from '@/components/tx/SendToBlock'
 import ConfirmationTitle, { ConfirmationTitleTypes } from '@/components/tx/SignOrExecuteForm/ConfirmationTitle'
 import commonCss from '@/components/tx-flow/common/styles.module.css'
 import { TxModalContext } from '@/components/tx-flow'
 import useGasPrice from '@/hooks/useGasPrice'
-import { hasFeature } from '@/utils/chains'
 import type { Overrides } from 'ethers'
 import { trackEvent } from '@/services/analytics'
 import { TX_EVENTS, TX_TYPES } from '@/services/analytics/events/transactions'
 import { isWalletRejection } from '@/utils/wallets'
 import WalletRejectionError from '@/components/tx/SignOrExecuteForm/WalletRejectionError'
-import { LATEST_SAFE_VERSION } from '@/config/constants'
 import useUserNonce from '@/components/tx/AdvancedParams/useUserNonce'
+import { HexEncodedData } from '@/components/transactions/HexEncodedData'
+import { useGetMultipleTransactionDetailsQuery } from '@/store/api/gateway'
+import { skipToken } from '@reduxjs/toolkit/query/react'
+import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
+import { FEATURES, getLatestSafeVersion, hasFeature } from '@safe-global/utils/utils/chains'
 
 export const ReviewBatch = ({ params }: { params: ExecuteBatchFlowProps }) => {
   const [isSubmittable, setIsSubmittable] = useState<boolean>(true)
@@ -53,6 +51,8 @@ export const ReviewBatch = ({ params }: { params: ExecuteBatchFlowProps }) => {
 
   const userNonce = useUserNonce()
 
+  const latestSafeVersion = getLatestSafeVersion(chain)
+
   const maxFeePerGas = gasPrice?.maxFeePerGas
   const maxPriorityFeePerGas = gasPrice?.maxPriorityFeePerGas
 
@@ -64,19 +64,27 @@ export const ReviewBatch = ({ params }: { params: ExecuteBatchFlowProps }) => {
   const onboard = useOnboard()
   const wallet = useWallet()
 
-  const [txsWithDetails, error, loading] = useAsync<TransactionDetails[]>(() => {
-    if (!chain?.chainId) return
-    return getTxsWithDetails(params.txs, chain.chainId)
-  }, [params.txs, chain?.chainId])
+  const {
+    data: txsWithDetails,
+    error,
+    isLoading: loading,
+  } = useGetMultipleTransactionDetailsQuery(
+    chain?.chainId && params.txs.length
+      ? {
+          chainId: chain.chainId,
+          txIds: params.txs.map((tx) => tx.transaction.id),
+        }
+      : skipToken,
+  )
 
   const [multiSendContract] = useAsync(async () => {
-    if (!chain?.chainId || !safe.version) return
-    return await getReadOnlyMultiSendCallOnlyContract(chain.chainId, safe.version)
-  }, [chain?.chainId, safe.version])
+    if (!safe.version) return
+    return await getReadOnlyMultiSendCallOnlyContract(safe.version)
+  }, [safe.version])
 
   const [multisendContractAddress = ''] = useAsync(async () => {
     if (!multiSendContract) return ''
-    return await multiSendContract.getAddress()
+    return multiSendContract.getAddress()
   }, [multiSendContract])
 
   const [multiSendTxs] = useAsync(async () => {
@@ -86,7 +94,7 @@ export const ReviewBatch = ({ params }: { params: ExecuteBatchFlowProps }) => {
 
   const multiSendTxData = useMemo(() => {
     if (!txsWithDetails || !multiSendTxs) return
-    return encodeMultiSendData(multiSendTxs)
+    return encodeMultiSendData(multiSendTxs) as `0x${string}`
   }, [txsWithDetails, multiSendTxs])
 
   const onExecute = async () => {
@@ -99,16 +107,14 @@ export const ReviewBatch = ({ params }: { params: ExecuteBatchFlowProps }) => {
 
     overrides.nonce = userNonce
 
-    await assertWalletChain(onboard, safe.chainId)
-
     await dispatchBatchExecution(
       txsWithDetails,
       multiSendContract,
       multiSendTxData,
       wallet.provider,
       wallet.address,
-      safe.address.value,
       overrides as Overrides & { nonce: number },
+      safe.nonce,
     )
   }
 
@@ -121,7 +127,7 @@ export const ReviewBatch = ({ params }: { params: ExecuteBatchFlowProps }) => {
       multiSendTxData,
       safe.chainId,
       safe.address.value,
-      safe.version ?? LATEST_SAFE_VERSION,
+      safe.version ?? latestSafeVersion,
     )
   }
 
@@ -158,38 +164,25 @@ export const ReviewBatch = ({ params }: { params: ExecuteBatchFlowProps }) => {
         <Typography variant="body2">
           This transaction batches a total of {params.txs.length} transactions from your queue into a single Ethereum
           transaction. Please check every included transaction carefully, especially if you have rejection transactions,
-          and make sure you want to execute all of them. Included transactions are highlighted in green when you hover
-          over the execute button.
+          and make sure you want to execute all of them. Included transactions are highlighted when you hover over the
+          execute button.
         </Typography>
 
         {multiSendContract && <SendToBlock address={multisendContractAddress} title="Interact with" />}
 
-        {multiSendTxData && (
-          <div>
-            <Typography variant="body2" color="text.secondary">
-              Data (hex encoded)
-            </Typography>
-            {generateDataRowValue(multiSendTxData, 'rawData')}
-          </div>
-        )}
+        {multiSendTxData && <HexEncodedData title="Data" hexData={multiSendTxData} />}
 
         <div>
           <DecodedTxs txs={txsWithDetails} />
         </div>
       </TxCard>
 
-      {multiSendTxs && (
-        <TxCard>
-          <Typography variant="h5">Transaction checks</Typography>
-
-          <TxSimulation transactions={multiSendTxs} disabled={submitDisabled} />
-        </TxCard>
-      )}
+      {multiSendTxs && <TxChecks disabled={submitDisabled} transaction={multiSendTxs} />}
 
       <TxCard>
         <ConfirmationTitle variant={ConfirmationTitleTypes.execute} />
 
-        <WrongChainWarning />
+        <NetworkWarning />
 
         {canRelay ? (
           <>
@@ -208,7 +201,7 @@ export const ReviewBatch = ({ params }: { params: ExecuteBatchFlowProps }) => {
         </Alert>
 
         {error && (
-          <ErrorMessage error={error}>
+          <ErrorMessage error={asError(error)}>
             This transaction will most likely fail. To save gas costs, avoid creating the transaction.
           </ErrorMessage>
         )}
@@ -223,7 +216,7 @@ export const ReviewBatch = ({ params }: { params: ExecuteBatchFlowProps }) => {
           <Divider className={commonCss.nestedDivider} sx={{ pt: 2 }} />
 
           <CardActions>
-            <CheckWallet allowNonOwner={true}>
+            <CheckWallet allowNonOwner={true} checkNetwork>
               {(isOk) => (
                 <Button
                   variant="contained"
diff --git a/src/components/tx-flow/flows/ExecuteBatch/index.tsx b/apps/web/src/components/tx-flow/flows/ExecuteBatch/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/ExecuteBatch/index.tsx
rename to apps/web/src/components/tx-flow/flows/ExecuteBatch/index.tsx
diff --git a/apps/web/src/components/tx-flow/flows/ManagerSigners/ReviewSigners.tsx b/apps/web/src/components/tx-flow/flows/ManagerSigners/ReviewSigners.tsx
new file mode 100644
index 000000000..836403e29
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/ManagerSigners/ReviewSigners.tsx
@@ -0,0 +1,67 @@
+import { useContext, useEffect } from 'react'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import type { ReactElement } from 'react'
+
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { createMultiSendCallOnlyTx, createTx } from '@/services/tx/tx-sender'
+import { SafeTxContext } from '../../SafeTxProvider'
+import { getRecoveryProposalTransactions } from '@/features/recovery/services/transaction'
+import ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+import { TxFlowContext } from '../../TxFlowProvider'
+import type { ManageSignersForm } from '.'
+import type { TxFlowContextType } from '../../TxFlowProvider'
+import type { ReviewTransactionContentProps } from '@/components/tx/ReviewTransactionV2/ReviewTransactionContent'
+import { upsertAddressBookEntries } from '@/store/addressBookSlice'
+import { useAppDispatch } from '@/store'
+
+export function ReviewSigners({ onSubmit, ...props }: ReviewTransactionContentProps): ReactElement {
+  const { data } = useContext<TxFlowContextType<ManageSignersForm>>(TxFlowContext)
+  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+  const { safe } = useSafeInfo()
+  const dispatch = useAppDispatch()
+
+  useEffect(() => {
+    if (!data) {
+      return
+    }
+
+    const transactions = getRecoveryProposalTransactions({
+      safe,
+      newThreshold: data.threshold,
+      newOwners: data.owners.map((owner) => ({
+        value: owner.address,
+      })),
+    })
+
+    const createSafeTx = async (): Promise<SafeTransaction> => {
+      const isMultiSend = transactions.length > 1
+      return isMultiSend ? createMultiSendCallOnlyTx(transactions) : createTx(transactions[0])
+    }
+
+    createSafeTx().then(setSafeTx).catch(setSafeTxError)
+  }, [data, safe, setSafeTx, setSafeTxError])
+
+  const addAddressBookEntry = () => {
+    if (!data) return
+
+    // Add address book entries for new owners with names
+    data.owners
+      .filter((owner) => !!owner.name)
+      .forEach((owner) => {
+        dispatch(
+          upsertAddressBookEntries({
+            chainIds: [safe.chainId],
+            address: owner.address,
+            name: owner.name,
+          }),
+        )
+      })
+  }
+
+  const handleSubmit = () => {
+    addAddressBookEntry()
+    onSubmit()
+  }
+
+  return <ReviewTransaction onSubmit={handleSubmit} {...props} />
+}
diff --git a/apps/web/src/components/tx-flow/flows/ManagerSigners/SignersStructure.tsx b/apps/web/src/components/tx-flow/flows/ManagerSigners/SignersStructure.tsx
new file mode 100644
index 000000000..68f595abc
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/ManagerSigners/SignersStructure.tsx
@@ -0,0 +1,59 @@
+import { useContext } from 'react'
+import { useForm, useFieldArray } from 'react-hook-form'
+import type { ReactElement } from 'react'
+
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { SignersStructureView } from './SignersStructureView'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { TxFlowContext } from '../../TxFlowProvider'
+import { ManageSignersFormFields } from '.'
+import type { ManageSignersForm } from '.'
+import type { TxFlowContextType } from '../../TxFlowProvider'
+
+export function SignersStructure(): ReactElement {
+  const { data } = useContext<TxFlowContextType<ManageSignersForm>>(TxFlowContext)
+  const { safe } = useSafeInfo()
+
+  const formMethods = useForm<ManageSignersForm>({
+    defaultValues: data,
+    mode: 'onChange',
+  })
+  const fieldArray = useFieldArray<ManageSignersForm>({
+    control: formMethods.control,
+    name: ManageSignersFormFields.owners,
+  })
+
+  const newOwners = formMethods.watch(ManageSignersFormFields.owners)
+  const newThreshold = formMethods.watch(ManageSignersFormFields.threshold)
+
+  const onAdd = () => {
+    fieldArray.append({ name: '', address: '' }, { shouldFocus: true })
+  }
+
+  const onRemove = (index: number) => {
+    fieldArray.remove(index)
+    // newOwners does not update immediately after removal
+    const newOwnersLength = newOwners.length - 1
+    if (newThreshold > newOwnersLength) {
+      formMethods.setValue(ManageSignersFormFields.threshold, newOwnersLength)
+    }
+  }
+
+  const isSameOwners =
+    newOwners.length === safe.owners.length &&
+    newOwners.every((newOwner) => {
+      return safe.owners.some((currentOwner) => sameAddress(currentOwner.value, newOwner.address))
+    })
+  const isSameThreshold = safe.threshold === newThreshold
+
+  return (
+    <SignersStructureView
+      formMethods={formMethods}
+      fieldArray={fieldArray}
+      newOwners={newOwners}
+      onRemove={onRemove}
+      onAdd={onAdd}
+      isSameSetup={isSameOwners && isSameThreshold}
+    />
+  )
+}
diff --git a/apps/web/src/components/tx-flow/flows/ManagerSigners/SignersStructureView.tsx b/apps/web/src/components/tx-flow/flows/ManagerSigners/SignersStructureView.tsx
new file mode 100644
index 000000000..6a77aaa60
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/ManagerSigners/SignersStructureView.tsx
@@ -0,0 +1,160 @@
+import {
+  Box,
+  Button,
+  CardActions,
+  Divider,
+  Grid,
+  MenuItem,
+  SvgIcon,
+  TextField,
+  Tooltip,
+  Typography,
+} from '@mui/material'
+import { Controller, FormProvider } from 'react-hook-form'
+import { useContext } from 'react'
+import type { ReactElement } from 'react'
+
+import AddIcon from '@/public/images/common/add.svg'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import commonCss from '@/components/tx-flow/common/styles.module.css'
+import TxCard from '../../common/TxCard'
+import OwnerRow from '@/components/new-safe/OwnerRow'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+import { ManageSignersFormFields } from '.'
+import { TxFlowContext } from '../../TxFlowProvider'
+import { SETTINGS_EVENTS, SETTINGS_LABELS, trackEvent } from '@/services/analytics'
+import Track from '@/components/common/Track'
+import type { TxFlowContextType } from '../../TxFlowProvider'
+import type { ManageSignersForm } from '.'
+import type { UseFormReturn, UseFieldArrayReturn } from 'react-hook-form'
+
+type Props = {
+  formMethods: UseFormReturn<ManageSignersForm>
+  fieldArray: UseFieldArrayReturn<ManageSignersForm, 'owners'>
+  newOwners: ManageSignersForm['owners']
+  isSameSetup: boolean
+  onRemove: (index: number) => void
+  onAdd: () => void
+}
+
+export function SignersStructureView(props: Props): ReactElement {
+  const { onNext } = useContext<TxFlowContextType<ManageSignersForm>>(TxFlowContext)
+
+  return (
+    <TxCard>
+      <FormProvider {...props.formMethods}>
+        <form onSubmit={props.formMethods.handleSubmit(onNext)} className={commonCss.form}>
+          <Signers {...props} />
+
+          <Divider className={commonCss.nestedDivider} />
+
+          <Threshold {...props} />
+
+          <Divider className={commonCss.nestedDivider} />
+
+          <CardActions>
+            <Button
+              data-testId="submit-next"
+              variant="contained"
+              type="submit"
+              disabled={props.isSameSetup || !props.formMethods.formState.isValid}
+            >
+              Next
+            </Button>
+          </CardActions>
+        </form>
+      </FormProvider>
+    </TxCard>
+  )
+}
+
+function Signers({
+  fieldArray,
+  onRemove: _onRemove,
+  onAdd,
+}: Pick<Props, 'fieldArray' | 'onAdd' | 'onRemove'>): ReactElement {
+  const onRemove = (index: number) => {
+    _onRemove(index)
+    trackEvent({ ...SETTINGS_EVENTS.SETUP.REMOVE_OWNER, label: SETTINGS_LABELS.manage_signers })
+  }
+
+  return (
+    <>
+      {fieldArray.fields.map((field, index) => (
+        <OwnerRow
+          key={field.id}
+          index={index}
+          groupName={ManageSignersFormFields.owners}
+          removable={fieldArray.fields.length > 1}
+          remove={onRemove}
+        />
+      ))}
+
+      <Track {...SETTINGS_EVENTS.SETUP.ADD_OWNER} label={SETTINGS_LABELS.manage_signers}>
+        <Button
+          data-testid="add-new-signer"
+          variant="text"
+          onClick={onAdd}
+          startIcon={<SvgIcon component={AddIcon} inheritViewBox fontSize="small" />}
+          size="large"
+          sx={{ mt: -1, mb: 3 }}
+        >
+          Add new signer
+        </Button>
+      </Track>
+    </>
+  )
+}
+
+function Threshold({ formMethods, newOwners }: Pick<Props, 'formMethods' | 'newOwners'>): ReactElement {
+  return (
+    <Box my={3}>
+      <Typography variant="h4" fontWeight={700} display="inline-flex" alignItems="center" gap={1}>
+        Threshold
+        <Tooltip
+          title="The threshold of a Safe Account specifies how many signers need to confirm a Safe Account transaction before it can be executed."
+          arrow
+          placement="top"
+        >
+          <span style={{ display: 'flex' }}>
+            <SvgIcon component={InfoIcon} inheritViewBox color="border" fontSize="small" />
+          </span>
+        </Tooltip>
+      </Typography>
+
+      <Typography variant="body2" mb={2}>
+        Any transaction requires the confirmation of:
+      </Typography>
+
+      <Grid container direction="row" sx={{ alignItems: 'center', gap: 2, pt: 1 }}>
+        <Grid item>
+          <Controller
+            control={formMethods.control}
+            name="threshold"
+            render={({ field }) => {
+              const onChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+                field.onChange(event)
+                trackEvent({ ...SETTINGS_EVENTS.SETUP.CHANGE_THRESHOLD, label: SETTINGS_LABELS.manage_signers })
+              }
+
+              return (
+                <TextField select {...field} onChange={onChange}>
+                  {newOwners.map((_, index) => (
+                    <MenuItem key={index + 1} value={index + 1}>
+                      {index + 1}
+                    </MenuItem>
+                  ))}
+                </TextField>
+              )
+            }}
+          />
+        </Grid>
+        <Grid item>
+          <Typography>
+            out of {newOwners.length} signer{maybePlural(newOwners)}
+          </Typography>
+        </Grid>
+      </Grid>
+    </Box>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/flows/ManagerSigners/index.tsx b/apps/web/src/components/tx-flow/flows/ManagerSigners/index.tsx
new file mode 100644
index 000000000..ce84cfa91
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/ManagerSigners/index.tsx
@@ -0,0 +1,51 @@
+import { useMemo } from 'react'
+import type { ReactElement } from 'react'
+
+import SaveAddressIcon from '@/public/images/common/save-address.svg'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { SignersStructure } from './SignersStructure'
+import { ReviewSigners } from './ReviewSigners'
+import { TxFlowType } from '@/services/analytics'
+import { TxFlow } from '../../TxFlow'
+import { TxFlowStep } from '../../TxFlowStep'
+import type { NamedAddress } from '@/components/new-safe/create/types'
+
+export enum ManageSignersFormFields {
+  threshold = 'threshold',
+  owners = 'owners',
+}
+
+export type ManageSignersForm = {
+  [ManageSignersFormFields.threshold]: number
+  [ManageSignersFormFields.owners]: Array<NamedAddress>
+}
+
+export function ManageSignersFlow(): ReactElement {
+  const { safe } = useSafeInfo()
+
+  const defaultValues = useMemo(() => {
+    return {
+      [ManageSignersFormFields.threshold]: safe.threshold,
+      [ManageSignersFormFields.owners]: safe.owners.map((owner) => {
+        return {
+          address: owner.value,
+          name: '',
+        }
+      }),
+    }
+  }, [safe.threshold, safe.owners])
+
+  return (
+    <TxFlow
+      icon={SaveAddressIcon}
+      subtitle="Manage signers"
+      ReviewTransactionComponent={ReviewSigners}
+      eventCategory={TxFlowType.SIGNERS_STRUCTURE}
+      initialData={defaultValues}
+    >
+      <TxFlowStep title="New transaction">
+        <SignersStructure />
+      </TxFlowStep>
+    </TxFlow>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/flows/MigrateSafeL2/MigrateSafeL2Review.tsx b/apps/web/src/components/tx-flow/flows/MigrateSafeL2/MigrateSafeL2Review.tsx
new file mode 100644
index 000000000..872246ade
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/MigrateSafeL2/MigrateSafeL2Review.tsx
@@ -0,0 +1,37 @@
+import { useContext, useEffect } from 'react'
+import { useCurrentChain } from '@/hooks/useChains'
+import { createTx } from '@/services/tx/tx-sender'
+import { SafeTxContext } from '../../SafeTxProvider'
+import { createMigrateToL2 } from '@/utils/safe-migrations'
+import { Box, Typography } from '@mui/material'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import ReviewTransaction, { type ReviewTransactionProps } from '@/components/tx/ReviewTransactionV2'
+
+export const MigrateSafeL2Review = ({ children, ...props }: ReviewTransactionProps) => {
+  const chain = useCurrentChain()
+  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+
+  useEffect(() => {
+    if (!chain) return
+
+    const txData = createMigrateToL2(chain)
+    createTx(txData).then(setSafeTx).catch(setSafeTxError)
+  }, [chain, setSafeTx, setSafeTxError])
+
+  return (
+    <Box>
+      <ReviewTransaction {...props}>
+        <ErrorMessage level="warning" title="Migration transaction">
+          <Typography>
+            When executing this transaction, it will not get indexed and appear in the history due to the current
+            incompatible base contract. It might also take a few minutes until the new Safe Account version and nonce
+            are reflected in the interface. After the migration is complete, future transactions will get processed and
+            indexed as usual, and there will be no further restrictions.
+          </Typography>
+        </ErrorMessage>
+
+        {children}
+      </ReviewTransaction>
+    </Box>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/flows/MigrateSafeL2/index.tsx b/apps/web/src/components/tx-flow/flows/MigrateSafeL2/index.tsx
new file mode 100644
index 000000000..f210c731d
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/MigrateSafeL2/index.tsx
@@ -0,0 +1,13 @@
+import { MigrateSafeL2Review } from './MigrateSafeL2Review'
+import SettingsIcon from '@/public/images/sidebar/settings.svg'
+import { TxFlow } from '../../TxFlow'
+
+const MigrateSafeL2Flow = () => (
+  <TxFlow
+    icon={SettingsIcon}
+    subtitle="Update Safe Account base contract"
+    ReviewTransactionComponent={MigrateSafeL2Review}
+  />
+)
+
+export default MigrateSafeL2Flow
diff --git a/apps/web/src/components/tx-flow/flows/NestedTxSuccessScreen/index.tsx b/apps/web/src/components/tx-flow/flows/NestedTxSuccessScreen/index.tsx
new file mode 100644
index 000000000..2ab32b3c1
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/NestedTxSuccessScreen/index.tsx
@@ -0,0 +1,151 @@
+import { useState, useEffect } from 'react'
+import { Box, Container, Paper, Stack, SvgIcon, Typography } from '@mui/material'
+import { PendingStatus, selectPendingTxById } from '@/store/pendingTxsSlice'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import useAddressBook from '@/hooks/useAddressBook'
+import NestedSafeIcon from '@/public/images/transactions/nestedTx.svg'
+import ArrowDownIcon from '@/public/images/common/arrow-down.svg'
+
+import css from './styles.module.css'
+import Link from 'next/link'
+import { AppRoutes } from '@/config/routes'
+import { useAppSelector } from '@/store'
+import ExternalLink from '@/components/common/ExternalLink'
+import { MODALS_EVENTS } from '@/services/analytics'
+import Track from '@/components/common/Track'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { getSafeTransaction } from '@/utils/transactions'
+import { isMultisigDetailedExecutionInfo } from '@/utils/transaction-guards'
+
+type Props = {
+  txId: string
+}
+const NestedTxSuccessScreen = ({ txId }: Props) => {
+  const addressBook = useAddressBook()
+
+  // _pendingTx eventually clears from the store, so we need to cache it
+  const _pendingTx = useAppSelector((state) => (txId ? selectPendingTxById(state, txId) : undefined))
+  const [cachedPendingTx, setCachedPendingTx] = useState(_pendingTx)
+  useEffect(() => {
+    if (_pendingTx) {
+      setCachedPendingTx(_pendingTx)
+    }
+  }, [_pendingTx])
+
+  const [safeTx] = useAsync(() => {
+    if (cachedPendingTx?.status == PendingStatus.NESTED_SIGNING) {
+      return getSafeTransaction(
+        cachedPendingTx.txHashOrParentSafeTxHash,
+        cachedPendingTx.chainId,
+        cachedPendingTx.signerAddress,
+      )
+    }
+  }, [cachedPendingTx])
+  const isSafeTxHash =
+    cachedPendingTx?.status == PendingStatus.NESTED_SIGNING &&
+    !!safeTx &&
+    isMultisigDetailedExecutionInfo(safeTx.detailedExecutionInfo) &&
+    safeTx.detailedExecutionInfo.safeTxHash === cachedPendingTx.txHashOrParentSafeTxHash
+
+  if (cachedPendingTx?.status !== PendingStatus.NESTED_SIGNING) {
+    return <ErrorMessage>No transaction data found</ErrorMessage>
+  }
+
+  const currentSafeAddress = addressBook[cachedPendingTx.safeAddress]
+  const parentSafeAddress = addressBook[cachedPendingTx.signerAddress]
+
+  return (
+    <Container
+      component={Paper}
+      disableGutters
+      sx={{
+        textAlign: 'center',
+        maxWidth: `${900 - 75}px`, // md={11}
+      }}
+      maxWidth={false}
+    >
+      <Box padding={3} mt={3} display="flex" flexDirection="column" alignItems="center" gap={2}>
+        <Box className={css.icon}>
+          <SvgIcon component={NestedSafeIcon} inheritViewBox fontSize="large" alt="Nested Safe" />
+        </Box>
+        <Typography data-testid="transaction-status" variant="h6" marginTop={2} fontWeight={700}>
+          A nested transaction was created
+        </Typography>
+        <Typography variant="body2" mb={3}>
+          Once confirmed and executed this signer transaction will confirm the child Safe&apos;s transaction.
+        </Typography>
+        <Stack spacing={2} width="70%">
+          <Box display="flex" flexDirection="column" alignItems="start" gap={1}>
+            <Typography variant="body2" color="text.secondary">
+              Parent Safe
+            </Typography>
+            <EthHashInfo
+              address={cachedPendingTx.signerAddress}
+              name={parentSafeAddress}
+              isAddressBookName={Boolean(parentSafeAddress)}
+              shortAddress={false}
+            />
+          </Box>
+          <Stack direction="row" spacing={2} alignItems="center" pl={1}>
+            <SvgIcon component={ArrowDownIcon} fontSize="medium" color="border" inheritViewBox />
+            <Typography
+              component="code"
+              variant="body2"
+              color="primary.light"
+              sx={{
+                backgroundColor: 'background.main',
+                px: 1,
+                py: 0.5,
+                borderRadius: 0.5,
+                fontFamily: 'monospace',
+                whiteSpace: 'nowrap',
+              }}
+            >
+              approveHash
+            </Typography>
+          </Stack>
+          <Box display="flex" flexDirection="column" alignItems="start" gap={1}>
+            <Typography variant="body2" color="text.secondary">
+              Current Safe
+            </Typography>
+            <EthHashInfo
+              address={cachedPendingTx.safeAddress}
+              name={currentSafeAddress}
+              isAddressBookName={Boolean(currentSafeAddress)}
+              shortAddress={false}
+            />
+          </Box>
+        </Stack>
+        <Track {...MODALS_EVENTS.OPEN_PARENT_TX}>
+          <Link
+            href={
+              isSafeTxHash
+                ? {
+                    pathname: AppRoutes.transactions.tx,
+                    query: {
+                      safe: cachedPendingTx.signerAddress,
+                      chainId: cachedPendingTx.chainId,
+                      id: cachedPendingTx.txHashOrParentSafeTxHash,
+                    },
+                  }
+                : {
+                    pathname: AppRoutes.transactions.queue,
+                    query: {
+                      safe: cachedPendingTx.signerAddress,
+                      chainId: cachedPendingTx.chainId,
+                    },
+                  }
+            }
+            passHref
+            legacyBehavior
+          >
+            <ExternalLink mode="button">Open the transaction</ExternalLink>
+          </Link>
+        </Track>
+      </Box>
+    </Container>
+  )
+}
+
+export default NestedTxSuccessScreen
diff --git a/apps/web/src/components/tx-flow/flows/NestedTxSuccessScreen/styles.module.css b/apps/web/src/components/tx-flow/flows/NestedTxSuccessScreen/styles.module.css
new file mode 100644
index 000000000..0b3beb0b5
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/NestedTxSuccessScreen/styles.module.css
@@ -0,0 +1,7 @@
+.icon {
+  border-radius: 100%;
+  background-color: var(--color-background-light);
+  height: 100px;
+  width: 100px;
+  padding-top: 30px;
+}
diff --git a/src/components/tx-flow/flows/NewSpendingLimit/CreateSpendingLimit.tsx b/apps/web/src/components/tx-flow/flows/NewSpendingLimit/CreateSpendingLimit.tsx
similarity index 86%
rename from src/components/tx-flow/flows/NewSpendingLimit/CreateSpendingLimit.tsx
rename to apps/web/src/components/tx-flow/flows/NewSpendingLimit/CreateSpendingLimit.tsx
index 4d99ecfa0..cbdbb6c2a 100644
--- a/src/components/tx-flow/flows/NewSpendingLimit/CreateSpendingLimit.tsx
+++ b/apps/web/src/components/tx-flow/flows/NewSpendingLimit/CreateSpendingLimit.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useMemo } from 'react'
+import { useCallback, useContext, useMemo } from 'react'
 import { Controller, FormProvider, useForm } from 'react-hook-form'
 import { Button, CardActions, FormControl, InputLabel, MenuItem, Select, Typography } from '@mui/material'
 import ExpandMoreRoundedIcon from '@mui/icons-material/ExpandMoreRounded'
@@ -13,32 +13,28 @@ import TxCard from '../../common/TxCard'
 import css from '@/components/tx/ExecuteCheckbox/styles.module.css'
 import TokenAmountInput from '@/components/common/TokenAmountInput'
 import { SpendingLimitFields } from '.'
-import { validateAmount, validateDecimalLength } from '@/utils/validation'
+import { validateAmount, validateDecimalLength } from '@safe-global/utils/utils/validation'
+import { TxFlowContext, type TxFlowContextType } from '../../TxFlowProvider'
 
-export const _validateSpendingLimit = (val: string, decimals?: number) => {
-  // Allowance amount is uint96 https://github.com/safe-global/safe-modules/blob/master/allowances/contracts/AlowanceModule.sol#L52
+export const _validateSpendingLimit = (val: string, decimals?: number | null) => {
+  // Allowance amount is uint96 https://github.com/safe-global/safe-modules/blob/main/modules/allowances/contracts/AllowanceModule.sol#L52
   try {
-    const amount = parseUnits(val, decimals)
+    const amount = parseUnits(val, decimals ?? 'Gwei')
     AbiCoder.defaultAbiCoder().encode(['int96'], [amount])
   } catch (e) {
     return Number(val) > 1 ? 'Amount is too big' : 'Amount is too small'
   }
 }
 
-export const CreateSpendingLimit = ({
-  params,
-  onSubmit,
-}: {
-  params: NewSpendingLimitFlowProps
-  onSubmit: (data: NewSpendingLimitFlowProps) => void
-}) => {
+export const CreateSpendingLimit = () => {
   const chainId = useChainId()
   const { balances } = useVisibleBalances()
+  const { onNext, data } = useContext<TxFlowContextType<NewSpendingLimitFlowProps>>(TxFlowContext)
 
   const resetTimeOptions = useMemo(() => getResetTimeOptions(chainId), [chainId])
 
   const formMethods = useForm<NewSpendingLimitFlowProps>({
-    defaultValues: params,
+    defaultValues: data,
     mode: 'onChange',
   })
 
@@ -63,7 +59,7 @@ export const CreateSpendingLimit = ({
   return (
     <TxCard>
       <FormProvider {...formMethods}>
-        <form onSubmit={handleSubmit(onSubmit)}>
+        <form onSubmit={handleSubmit(onNext)}>
           <FormControl fullWidth sx={{ mb: 3 }}>
             <AddressBookInput
               data-testid="beneficiary-section"
diff --git a/apps/web/src/components/tx-flow/flows/NewSpendingLimit/ReviewSpendingLimit.tsx b/apps/web/src/components/tx-flow/flows/NewSpendingLimit/ReviewSpendingLimit.tsx
new file mode 100644
index 000000000..3312d13fa
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/NewSpendingLimit/ReviewSpendingLimit.tsx
@@ -0,0 +1,177 @@
+import { useCurrentChain } from '@/hooks/useChains'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useEffect, useMemo, useContext } from 'react'
+import { useSelector } from 'react-redux'
+import { Typography, Alert, Box } from '@mui/material'
+
+import SpendingLimitLabel from '@/components/common/SpendingLimitLabel'
+import { getResetTimeOptions } from '@/components/transactions/TxDetails/TxData/SpendingLimits'
+import SendAmountBlock from '@/components/tx-flow/flows/TokenTransfer/SendAmountBlock'
+import useBalances from '@/hooks/useBalances'
+import useChainId from '@/hooks/useChainId'
+import { trackEvent, SETTINGS_EVENTS } from '@/services/analytics'
+import { createNewSpendingLimitTx } from '@/services/tx/tx-sender'
+import { selectSpendingLimits } from '@/store/spendingLimitsSlice'
+import { formatVisualAmount, safeParseUnits } from '@safe-global/utils/utils/formatters'
+import type { NewSpendingLimitFlowProps } from '.'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { SafeTxContext } from '../../SafeTxProvider'
+import ReviewTransaction, { type ReviewTransactionProps } from '@/components/tx/ReviewTransactionV2'
+import { TxFlowContext, type TxFlowContextType } from '../../TxFlowProvider'
+import TxDetailsRow from '@/components/tx/ConfirmTxDetails/TxDetailsRow'
+
+export const ReviewSpendingLimit = ({ onSubmit, children }: ReviewTransactionProps) => {
+  const { data } = useContext<TxFlowContextType<NewSpendingLimitFlowProps>>(TxFlowContext)
+  const spendingLimits = useSelector(selectSpendingLimits)
+  const { safe } = useSafeInfo()
+  const chainId = useChainId()
+  const chain = useCurrentChain()
+  const { balances } = useBalances()
+  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+  const token = balances.items.find((item) => item.tokenInfo.address === data?.tokenAddress)
+  const { decimals } = token?.tokenInfo || {}
+
+  const amountInWei = useMemo(
+    () => safeParseUnits(data?.amount || '0', token?.tokenInfo.decimals)?.toString() || '0',
+    [data?.amount, token?.tokenInfo.decimals],
+  )
+
+  const existingSpendingLimit = useMemo(() => {
+    return spendingLimits.find(
+      (spendingLimit) =>
+        spendingLimit.beneficiary === data?.beneficiary && spendingLimit.token.address === data?.tokenAddress,
+    )
+  }, [spendingLimits, data])
+
+  useEffect(() => {
+    if (!chain || !data) return
+
+    createNewSpendingLimitTx(
+      data,
+      spendingLimits,
+      chainId,
+      chain,
+      safe.modules,
+      safe.deployed,
+      decimals,
+      existingSpendingLimit,
+    )
+      .then(setSafeTx)
+      .catch(setSafeTxError)
+  }, [
+    chain,
+    chainId,
+    decimals,
+    existingSpendingLimit,
+    data,
+    safe.modules,
+    safe.deployed,
+    setSafeTx,
+    setSafeTxError,
+    spendingLimits,
+  ])
+
+  const isOneTime = data?.resetTime === '0'
+  const resetTime = useMemo(() => {
+    return isOneTime
+      ? 'One-time spending limit'
+      : getResetTimeOptions(chainId).find((time) => time.value === data?.resetTime)?.label
+  }, [isOneTime, data?.resetTime, chainId])
+
+  const onFormSubmit = () => {
+    trackEvent({
+      ...SETTINGS_EVENTS.SPENDING_LIMIT.RESET_PERIOD,
+      label: resetTime,
+    })
+
+    onSubmit()
+  }
+
+  const existingAmount = existingSpendingLimit
+    ? formatVisualAmount(BigInt(existingSpendingLimit?.amount), decimals)
+    : undefined
+
+  const oldResetTime = existingSpendingLimit
+    ? getResetTimeOptions(chainId).find((time) => time.value === existingSpendingLimit?.resetTimeMin)?.label
+    : undefined
+
+  return (
+    <ReviewTransaction onSubmit={onFormSubmit} withDecodedData={false}>
+      {token && (
+        <SendAmountBlock amountInWei={amountInWei} tokenInfo={token.tokenInfo} title="Amount">
+          {existingAmount && existingAmount !== data?.amount && (
+            <>
+              <Typography
+                data-testid="old-token-amount"
+                color="error"
+                sx={{ textDecoration: 'line-through' }}
+                component="span"
+              >
+                {existingAmount}
+              </Typography>
+              →
+            </>
+          )}
+        </SendAmountBlock>
+      )}
+
+      <TxDetailsRow label="Beneficiary" grid>
+        <Box data-testid="beneficiary-address">
+          <EthHashInfo
+            address={data?.beneficiary || ''}
+            shortAddress={false}
+            hasExplorer
+            showCopyButton
+            showAvatar={false}
+          />
+        </Box>
+      </TxDetailsRow>
+
+      <TxDetailsRow label="Reset time" grid>
+        {existingSpendingLimit ? (
+          <>
+            <SpendingLimitLabel
+              label={
+                <>
+                  {existingSpendingLimit.resetTimeMin !== data?.resetTime && (
+                    <>
+                      <Typography
+                        data-testid="old-reset-time"
+                        color="error"
+                        component="span"
+                        sx={{
+                          textDecoration: 'line-through',
+                        }}
+                      >
+                        {oldResetTime}
+                      </Typography>
+                      {' → '}
+                    </>
+                  )}
+                  <Typography component="span">{resetTime}</Typography>
+                </>
+              }
+              isOneTime={existingSpendingLimit.resetTimeMin === '0'}
+            />
+          </>
+        ) : (
+          <SpendingLimitLabel
+            data-testid="spending-limit-label"
+            label={resetTime || 'One-time spending limit'}
+            isOneTime={!!resetTime && isOneTime}
+          />
+        )}
+      </TxDetailsRow>
+
+      {existingSpendingLimit && (
+        <Alert severity="warning" sx={{ border: 'unset' }}>
+          <Typography data-testid="limit-replacement-warning" fontWeight={700}>
+            You are about to replace an existing spending limit
+          </Typography>
+        </Alert>
+      )}
+
+      {children}
+    </ReviewTransaction>
+  )
+}
diff --git a/src/components/tx-flow/flows/NewSpendingLimit/__tests__/SpendingLimitForm.test.ts b/apps/web/src/components/tx-flow/flows/NewSpendingLimit/__tests__/SpendingLimitForm.test.ts
similarity index 96%
rename from src/components/tx-flow/flows/NewSpendingLimit/__tests__/SpendingLimitForm.test.ts
rename to apps/web/src/components/tx-flow/flows/NewSpendingLimit/__tests__/SpendingLimitForm.test.ts
index df35b7499..1dd87f4fe 100644
--- a/src/components/tx-flow/flows/NewSpendingLimit/__tests__/SpendingLimitForm.test.ts
+++ b/apps/web/src/components/tx-flow/flows/NewSpendingLimit/__tests__/SpendingLimitForm.test.ts
@@ -3,10 +3,10 @@ import { _validateSpendingLimit } from '../CreateSpendingLimit'
 describe('CreateSpendingLimit', () => {
   describe('validateSpendingLimit', () => {
     it('should return no error if the amount is valid', () => {
-      const result1 = _validateSpendingLimit('9999999999.999999999999999999')
+      const result1 = _validateSpendingLimit('9999999999.999999999999999999', 18)
       expect(result1).toBeUndefined()
 
-      const result2 = _validateSpendingLimit('0.000000000000000001')
+      const result2 = _validateSpendingLimit('0.000000000000000001', 18)
       expect(result2).toBeUndefined()
     })
 
diff --git a/apps/web/src/components/tx-flow/flows/NewSpendingLimit/index.tsx b/apps/web/src/components/tx-flow/flows/NewSpendingLimit/index.tsx
new file mode 100644
index 000000000..808657d81
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/NewSpendingLimit/index.tsx
@@ -0,0 +1,47 @@
+import { CreateSpendingLimit } from './CreateSpendingLimit'
+import { ReviewSpendingLimit } from './ReviewSpendingLimit'
+import SaveAddressIcon from '@/public/images/common/save-address.svg'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { TokenAmountFields } from '@/components/common/TokenAmountInput'
+import { TxFlowType } from '@/services/analytics'
+import { TxFlow } from '../../TxFlow'
+import { TxFlowStep } from '../../TxFlowStep'
+
+enum Fields {
+  beneficiary = 'beneficiary',
+  resetTime = 'resetTime',
+}
+
+export const SpendingLimitFields = { ...Fields, ...TokenAmountFields }
+
+export type NewSpendingLimitFlowProps = {
+  [SpendingLimitFields.beneficiary]: string
+  [SpendingLimitFields.tokenAddress]: string
+  [SpendingLimitFields.amount]: string
+  [SpendingLimitFields.resetTime]: string
+}
+
+const defaultValues: NewSpendingLimitFlowProps = {
+  beneficiary: '',
+  tokenAddress: ZERO_ADDRESS,
+  amount: '',
+  resetTime: '0',
+}
+
+const NewSpendingLimitFlow = () => {
+  return (
+    <TxFlow
+      icon={SaveAddressIcon}
+      subtitle="Spending limit"
+      ReviewTransactionComponent={ReviewSpendingLimit}
+      eventCategory={TxFlowType.SETUP_SPENDING_LIMIT}
+      initialData={defaultValues}
+    >
+      <TxFlowStep title="New transaction">
+        <CreateSpendingLimit />
+      </TxFlowStep>
+    </TxFlow>
+  )
+}
+
+export default NewSpendingLimitFlow
diff --git a/apps/web/src/components/tx-flow/flows/NewTx/index.tsx b/apps/web/src/components/tx-flow/flows/NewTx/index.tsx
new file mode 100644
index 000000000..f6a79fafd
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/NewTx/index.tsx
@@ -0,0 +1,104 @@
+import { useCallback, useContext } from 'react'
+import { MakeASwapButton, SendTokensButton, TxBuilderButton } from '@/components/tx-flow/common/TxButton'
+import { Container, Grid, Paper, Typography } from '@mui/material'
+import { TxModalContext } from '../../'
+import TokenTransferFlow from '../TokenTransfer'
+import { useTxBuilderApp } from '@/hooks/safe-apps/useTxBuilderApp'
+import { ProgressBar } from '@/components/common/ProgressBar'
+import ChainIndicator from '@/components/common/ChainIndicator'
+import NewTxIcon from '@/public/images/transactions/new-tx.svg'
+
+import css from './styles.module.css'
+
+const NewTxFlow = () => {
+  const txBuilder = useTxBuilderApp()
+  const { setTxFlow } = useContext(TxModalContext)
+
+  const onTokensClick = useCallback(() => {
+    setTxFlow(<TokenTransferFlow />)
+  }, [setTxFlow])
+
+  const progress = 10
+
+  return (
+    <Container className={css.container}>
+      <Grid
+        container
+        sx={{
+          justifyContent: 'center',
+        }}
+      >
+        {/* Alignment of `TxLayout` */}
+        <Grid
+          item
+          xs={12}
+          md={11}
+          sx={{
+            display: 'flex',
+            flexDirection: 'column',
+          }}
+        >
+          <ChainIndicator inline className={css.chain} />
+
+          <Grid container component={Paper}>
+            <Grid item xs={12} className={css.progressBar}>
+              <ProgressBar value={progress} />
+            </Grid>
+            <Grid
+              item
+              xs={12}
+              md={6}
+              className={css.pane}
+              sx={{
+                gap: 3,
+              }}
+            >
+              <div className={css.globs}>
+                <NewTxIcon />
+              </div>
+
+              <Typography variant="h1" className={css.title}>
+                New transaction
+              </Typography>
+            </Grid>
+
+            <Grid
+              item
+              xs={12}
+              md={5}
+              className={css.pane}
+              sx={{
+                gap: 2,
+              }}
+            >
+              <Typography variant="h4" className={css.type}>
+                Manage assets
+              </Typography>
+
+              <SendTokensButton onClick={onTokensClick} />
+              <MakeASwapButton />
+
+              {txBuilder?.app && (
+                <>
+                  <Typography
+                    variant="h4"
+                    className={css.type}
+                    sx={{
+                      mt: 3,
+                    }}
+                  >
+                    Interact with contracts
+                  </Typography>
+
+                  <TxBuilderButton />
+                </>
+              )}
+            </Grid>
+          </Grid>
+        </Grid>
+      </Grid>
+    </Container>
+  )
+}
+
+export default NewTxFlow
diff --git a/src/components/tx-flow/flows/NewTx/styles.module.css b/apps/web/src/components/tx-flow/flows/NewTx/styles.module.css
similarity index 100%
rename from src/components/tx-flow/flows/NewTx/styles.module.css
rename to apps/web/src/components/tx-flow/flows/NewTx/styles.module.css
diff --git a/apps/web/src/components/tx-flow/flows/NftTransfer/ReviewNftBatch.tsx b/apps/web/src/components/tx-flow/flows/NftTransfer/ReviewNftBatch.tsx
new file mode 100644
index 000000000..8391be22b
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/NftTransfer/ReviewNftBatch.tsx
@@ -0,0 +1,45 @@
+import { type ReactElement, useEffect, useContext } from 'react'
+import SendToBlock from '@/components/tx/SendToBlock'
+import { createNftTransferParams } from '@/services/tx/tokenTransferParams'
+import type { NftTransferParams } from '.'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import { createMultiSendCallOnlyTx, createTx } from '@/services/tx/tx-sender'
+import { SafeTxContext } from '../../SafeTxProvider'
+import { NftItems } from '@/components/tx-flow/flows/NftTransfer/SendNftBatch'
+import ReviewTransaction, { type ReviewTransactionProps } from '@/components/tx/ReviewTransactionV2'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+import FieldsGrid from '@/components/tx/FieldsGrid'
+import { TxFlowContext, type TxFlowContextType } from '../../TxFlowProvider'
+
+const ReviewNftBatch = ({ onSubmit, children }: ReviewTransactionProps): ReactElement => {
+  const { data } = useContext<TxFlowContextType<NftTransferParams>>(TxFlowContext)
+  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+  const safeAddress = useSafeAddress()
+  const { tokens = [] } = data || {}
+
+  useEffect(() => {
+    if (!safeAddress || !data) return
+
+    const calls = tokens.map((token) => {
+      return createNftTransferParams(safeAddress, data.recipient, token.id, token.address)
+    })
+
+    const promise = calls.length > 1 ? createMultiSendCallOnlyTx(calls) : createTx(calls[0])
+
+    promise.then(setSafeTx).catch(setSafeTxError)
+  }, [safeAddress, tokens, data, setSafeTx, setSafeTxError])
+
+  return (
+    <ReviewTransaction onSubmit={onSubmit} withDecodedData={false}>
+      <SendToBlock address={data?.recipient || ''} />
+
+      <FieldsGrid title={`NFT${maybePlural(tokens)}`}>
+        <NftItems tokens={tokens} />
+      </FieldsGrid>
+
+      {children}
+    </ReviewTransaction>
+  )
+}
+
+export default ReviewNftBatch
diff --git a/apps/web/src/components/tx-flow/flows/NftTransfer/SendNftBatch.tsx b/apps/web/src/components/tx-flow/flows/NftTransfer/SendNftBatch.tsx
new file mode 100644
index 000000000..c595c5661
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/NftTransfer/SendNftBatch.tsx
@@ -0,0 +1,141 @@
+import { Box, Button, CardActions, Divider, FormControl, Stack, SvgIcon, Typography } from '@mui/material'
+import { type SafeCollectibleResponse } from '@safe-global/safe-gateway-typescript-sdk'
+import { FormProvider, useForm } from 'react-hook-form'
+import NftIcon from '@/public/images/common/nft.svg'
+import AddressBookInput from '@/components/common/AddressBookInput'
+import type { NftTransferParams } from '.'
+import ImageFallback from '@/components/common/ImageFallback'
+import TxCard from '../../common/TxCard'
+import commonCss from '@/components/tx-flow/common/styles.module.css'
+import { useContext } from 'react'
+import { TxFlowContext, type TxFlowContextType } from '../../TxFlowProvider'
+
+enum Field {
+  recipient = 'recipient',
+}
+
+type FormData = Pick<NftTransferParams, Field.recipient>
+
+const NftItem = ({ image, name, description }: { image: string; name: string; description?: string }) => (
+  <Stack direction="row" spacing={1} flexWrap="nowrap" alignItems="flex-start">
+    <Box flex={0}>
+      <ImageFallback
+        src={image}
+        fallbackSrc=""
+        fallbackComponent={<SvgIcon component={NftIcon} inheritViewBox sx={{ width: 1, height: 1 }} />}
+        alt={name}
+        height={40}
+      />
+    </Box>
+
+    <Box flex={1} minWidth={0} maxWidth={{ xl: 'calc(100% - 200px)' }}>
+      <Typography
+        data-testid="nft-item-name"
+        variant="body2"
+        fontWeight={700}
+        whiteSpace="nowrap"
+        overflow="hidden"
+        textOverflow="ellipsis"
+      >
+        {name}
+      </Typography>
+
+      {description && (
+        <Typography
+          variant="body2"
+          color="text.secondary"
+          display="block"
+          whiteSpace="nowrap"
+          overflow="hidden"
+          textOverflow="ellipsis"
+        >
+          {description}
+        </Typography>
+      )}
+    </Box>
+  </Stack>
+)
+
+export const NftItems = ({ tokens }: { tokens: SafeCollectibleResponse[] }) => {
+  return (
+    <Stack
+      data-testid="nft-item-list"
+      sx={{
+        gap: 2,
+        overflow: 'auto',
+        maxHeight: '20vh',
+        minHeight: '40px',
+      }}
+    >
+      {tokens.map((token) => (
+        <NftItem
+          key={`${token.address}-${token.id}`}
+          image={token.imageUri || token.logoUri}
+          name={`${token.tokenName || token.tokenSymbol || ''} #${token.id}`}
+          description={`Token ID: ${token.id}${token.name ? ` - ${token.name}` : ''}`}
+        />
+      ))}
+    </Stack>
+  )
+}
+
+const SendNftBatch = () => {
+  const { data, onNext } = useContext<TxFlowContextType<NftTransferParams>>(TxFlowContext)
+  const { tokens = [] } = data || {}
+
+  const formMethods = useForm<FormData>({
+    defaultValues: {
+      [Field.recipient]: data?.recipient,
+    },
+  })
+  const {
+    handleSubmit,
+    watch,
+    formState: { errors },
+  } = formMethods
+
+  const recipient = watch(Field.recipient)
+  const isAddressValid = !!recipient && !errors[Field.recipient]
+
+  const onFormSubmit = (data: FormData) => {
+    onNext({
+      recipient: data.recipient,
+      tokens,
+    })
+  }
+
+  return (
+    <TxCard>
+      <FormProvider {...formMethods}>
+        <form onSubmit={handleSubmit(onFormSubmit)}>
+          <FormControl fullWidth sx={{ mb: 3, mt: 1 }}>
+            <AddressBookInput name={Field.recipient} canAdd={isAddressValid} />
+          </FormControl>
+
+          <Typography
+            data-testid="selected-nfts"
+            variant="body2"
+            sx={{
+              color: 'text.secondary',
+              mb: 2,
+            }}
+          >
+            Selected NFTs
+          </Typography>
+
+          <NftItems tokens={tokens} />
+
+          <Divider className={commonCss.nestedDivider} sx={{ pt: 3 }} />
+
+          <CardActions>
+            <Button variant="contained" type="submit">
+              Next
+            </Button>
+          </CardActions>
+        </form>
+      </FormProvider>
+    </TxCard>
+  )
+}
+
+export default SendNftBatch
diff --git a/apps/web/src/components/tx-flow/flows/NftTransfer/index.tsx b/apps/web/src/components/tx-flow/flows/NftTransfer/index.tsx
new file mode 100644
index 000000000..8d30a4862
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/NftTransfer/index.tsx
@@ -0,0 +1,38 @@
+import type { SafeCollectibleResponse } from '@safe-global/safe-gateway-typescript-sdk'
+import NftIcon from '@/public/images/common/nft.svg'
+import SendNftBatch from './SendNftBatch'
+import ReviewNftBatch from './ReviewNftBatch'
+import { TxFlowType } from '@/services/analytics'
+import { TxFlow } from '../../TxFlow'
+import { TxFlowStep } from '../../TxFlowStep'
+
+export type NftTransferParams = {
+  recipient: string
+  tokens: SafeCollectibleResponse[]
+}
+
+type NftTransferFlowProps = Partial<NftTransferParams>
+
+const defaultParams: NftTransferParams = {
+  recipient: '',
+  tokens: [],
+}
+
+const NftTransferFlow = (params: NftTransferFlowProps) => (
+  <TxFlow
+    initialData={{
+      ...defaultParams,
+      ...params,
+    }}
+    icon={NftIcon}
+    subtitle="Send NFTs"
+    eventCategory={TxFlowType.NFT_TRANSFER}
+    ReviewTransactionComponent={ReviewNftBatch}
+  >
+    <TxFlowStep title="New transaction">
+      <SendNftBatch />
+    </TxFlowStep>
+  </TxFlow>
+)
+
+export default NftTransferFlow
diff --git a/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowReview.tsx b/apps/web/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowReview.tsx
similarity index 78%
rename from src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowReview.tsx
rename to apps/web/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowReview.tsx
index 1926c32cc..fee0b3f68 100644
--- a/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowReview.tsx
+++ b/apps/web/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowReview.tsx
@@ -1,19 +1,14 @@
 import { trackEvent } from '@/services/analytics'
 import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
-import { assertWalletChain } from '@/services/tx/tx-sender/sdk'
 import { CardActions, Button, Typography, Divider, Box, CircularProgress } from '@mui/material'
 import { useContext, useEffect, useState } from 'react'
 import type { ReactElement } from 'react'
 
 import useSafeInfo from '@/hooks/useSafeInfo'
 import { getRecoveryProposalTransactions } from '@/features/recovery/services/transaction'
-import DecodedTx from '@/components/tx/DecodedTx'
 import ErrorMessage from '@/components/tx/ErrorMessage'
-import { RedefineBalanceChanges } from '@/components/tx/security/redefine/RedefineBalanceChange'
 import ConfirmationTitle, { ConfirmationTitleTypes } from '@/components/tx/SignOrExecuteForm/ConfirmationTitle'
-import TxChecks from '@/components/tx/SignOrExecuteForm/TxChecks'
-import { WrongChainWarning } from '@/components/tx/WrongChainWarning'
-import useDecodeTx from '@/hooks/useDecodeTx'
+import TxChecks from '@/components/tx-flow/features/TxChecks/TxChecks'
 import TxCard from '../../common/TxCard'
 import { SafeTxContext } from '../../SafeTxProvider'
 import CheckWallet from '@/components/common/CheckWallet'
@@ -25,9 +20,9 @@ import { selectDelayModifierByRecoverer } from '@/features/recovery/services/sel
 import useWallet from '@/hooks/wallets/useWallet'
 import useOnboard from '@/hooks/wallets/useOnboard'
 import { TxModalContext } from '../..'
-import { asError } from '@/services/exceptions/utils'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
 import { trackError, Errors } from '@/services/exceptions'
-import { getPeriod } from '@/utils/date'
+import { getPeriod } from '@safe-global/utils/utils/date'
 import useRecovery from '@/features/recovery/hooks/useRecovery'
 import { useIsValidRecoveryExecTransactionFromModule } from '@/features/recovery/hooks/useIsValidRecoveryExecution'
 import type { RecoverAccountFlowProps } from '.'
@@ -35,6 +30,15 @@ import { isWalletRejection } from '@/utils/wallets'
 import WalletRejectionError from '@/components/tx/SignOrExecuteForm/WalletRejectionError'
 
 import commonCss from '@/components/tx-flow/common/styles.module.css'
+import { BlockaidBalanceChanges } from '@/components/tx/security/blockaid/BlockaidBalanceChange'
+import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
+import { useGetTransactionDetailsQuery } from '@/store/api/gateway'
+import { skipToken } from '@reduxjs/toolkit/query'
+import useTxPreview from '@/components/tx/confirmation-views/useTxPreview'
+import Summary from '@/components/transactions/TxDetails/Summary'
+import useGasPrice from '@/hooks/useGasPrice'
+import { useCurrentChain } from '@/hooks/useChains'
+import { FEATURES, hasFeature } from '@safe-global/utils/utils/chains'
 
 export function RecoverAccountFlowReview({ params }: { params: RecoverAccountFlowProps }): ReactElement | null {
   // Form state
@@ -45,13 +49,17 @@ export function RecoverAccountFlowReview({ params }: { params: RecoverAccountFlo
   // Hooks
   const { setTxFlow } = useContext(TxModalContext)
   const { safeTx, safeTxError, setSafeTx, setSafeTxError } = useContext(SafeTxContext)
-  const [decodedData, decodedDataError, decodedDataLoading] = useDecodeTx(safeTx)
   const { safe } = useSafeInfo()
   const wallet = useWallet()
   const onboard = useOnboard()
   const [data] = useRecovery()
   const recovery = data && selectDelayModifierByRecoverer(data, wallet?.address ?? '')
   const [, executionValidationError] = useIsValidRecoveryExecTransactionFromModule(recovery?.address, safeTx)
+  const [gasPrice] = useGasPrice()
+  const chain = useCurrentChain()
+
+  const { data: txDetails } = useGetTransactionDetailsQuery(skipToken)
+  const [txPreview] = useTxPreview(safeTx?.data, undefined, txDetails?.txId)
 
   // Proposal
   const newThreshold = Number(params[RecoverAccountFlowFields.threshold])
@@ -71,7 +79,7 @@ export function RecoverAccountFlowReview({ params }: { params: RecoverAccountFlo
 
   // On modal submit
   const onSubmit = async () => {
-    if (!recovery || !onboard || !wallet || !safeTx) {
+    if (!recovery || !onboard || !wallet || !safeTx || !gasPrice) {
       return
     }
 
@@ -79,15 +87,22 @@ export function RecoverAccountFlowReview({ params }: { params: RecoverAccountFlo
     setSubmitError(undefined)
     setIsRejectedByUser(false)
 
-    try {
-      await assertWalletChain(onboard, safe.chainId)
+    const isEIP1559 = chain && hasFeature(chain, FEATURES.EIP1559)
+    const overrides = isEIP1559
+      ? {
+          maxFeePerGas: gasPrice?.maxFeePerGas?.toString(),
+          maxPriorityFeePerGas: gasPrice?.maxPriorityFeePerGas?.toString(),
+        }
+      : { gasPrice: gasPrice?.maxFeePerGas?.toString() }
 
+    try {
       await dispatchRecoveryProposal({
         provider: wallet.provider,
         safe,
         safeTx,
         delayModifierAddress: recovery.address,
         signerAddress: wallet.address,
+        overrides,
       })
       trackEvent({ ...RECOVERY_EVENTS.SUBMIT_RECOVERY_ATTEMPT })
     } catch (_err) {
@@ -130,19 +145,12 @@ export function RecoverAccountFlowReview({ params }: { params: RecoverAccountFlo
 
         <Divider className={commonCss.nestedDivider} />
 
-        <DecodedTx
-          tx={safeTx}
-          decodedData={decodedData}
-          decodedDataError={decodedDataError}
-          decodedDataLoading={decodedDataLoading}
-        />
+        {txPreview && <Summary txDetails={txDetails} safeTxData={safeTx?.data} {...txPreview} />}
 
-        <RedefineBalanceChanges />
+        <BlockaidBalanceChanges />
       </TxCard>
 
-      <TxCard>
-        <TxChecks executionOwner={safe.owners[0].value} />
-      </TxCard>
+      {safeTx && <TxChecks transaction={safeTx} executionOwner={safe.owners[0].value} />}
 
       <TxCard>
         <>
@@ -164,7 +172,7 @@ export function RecoverAccountFlowReview({ params }: { params: RecoverAccountFlo
             <ErrorMessage error={submitError}>Error submitting the transaction. Please try again.</ErrorMessage>
           )}
 
-          <WrongChainWarning />
+          <NetworkWarning />
 
           {recovery?.delay !== undefined && (
             <ErrorMessage level="info">
@@ -179,7 +187,7 @@ export function RecoverAccountFlowReview({ params }: { params: RecoverAccountFlo
           <Divider className={commonCss.nestedDivider} />
 
           <CardActions sx={{ mt: 'var(--space-1) !important' }}>
-            <CheckWallet allowNonOwner>
+            <CheckWallet allowNonOwner checkNetwork>
               {(isOk) => (
                 <Button
                   data-testid="execute-btn"
diff --git a/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowSetup.tsx b/apps/web/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowSetup.tsx
similarity index 80%
rename from src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowSetup.tsx
rename to apps/web/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowSetup.tsx
index babd3d4a0..49f0b81d9 100644
--- a/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowSetup.tsx
+++ b/apps/web/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowSetup.tsx
@@ -23,11 +23,12 @@ import AddressBookInput from '@/components/common/AddressBookInput'
 import { TOOLTIP_TITLES } from '../../common/constants'
 import InfoIcon from '@/public/images/notifications/info.svg'
 import useSafeInfo from '@/hooks/useSafeInfo'
-import { sameAddress } from '@/utils/addresses'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
 import type { RecoverAccountFlowProps } from '.'
-import type { AddressEx } from '@safe-global/safe-gateway-typescript-sdk'
+import { type AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
 
 import commonCss from '@/components/tx-flow/common/styles.module.css'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
 
 export function _isSameSetup({
   oldOwners,
@@ -35,9 +36,9 @@ export function _isSameSetup({
   newOwners,
   newThreshold,
 }: {
-  oldOwners: Array<AddressEx>
+  oldOwners: Array<AddressInfo>
   oldThreshold: number
-  newOwners: Array<AddressEx>
+  newOwners: Array<AddressInfo>
   newThreshold: number
 }): boolean {
   if (oldThreshold !== newThreshold) {
@@ -87,11 +88,22 @@ export function RecoverAccountFlowSetup({
       <form onSubmit={formMethods.handleSubmit(onSubmit)} className={commonCss.form}>
         <TxCard>
           <div>
-            <Typography variant="h6" fontWeight={700} gutterBottom>
+            <Typography
+              variant="h6"
+              gutterBottom
+              sx={{
+                fontWeight: 700,
+              }}
+            >
               Add signer(s)
             </Typography>
 
-            <Typography variant="body2" mb={1}>
+            <Typography
+              variant="body2"
+              sx={{
+                mb: 1,
+              }}
+            >
               Set the new signer wallet(s) of this Safe Account and how many need to confirm a transaction before it can
               be executed.
             </Typography>
@@ -120,7 +132,15 @@ export function RecoverAccountFlowSetup({
                   />
                 </Grid>
 
-                <Grid item xs={1} display="flex" alignItems="center" justifyContent="center">
+                <Grid
+                  item
+                  xs={1}
+                  sx={{
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                  }}
+                >
                   {index > 0 && (
                     <IconButton onClick={() => remove(index)}>
                       <SvgIcon component={DeleteIcon} inheritViewBox />
@@ -143,7 +163,13 @@ export function RecoverAccountFlowSetup({
           <Divider className={commonCss.nestedDivider} />
 
           <div>
-            <Typography variant="h6" fontWeight={700} gutterBottom>
+            <Typography
+              variant="h6"
+              gutterBottom
+              sx={{
+                fontWeight: 700,
+              }}
+            >
               Threshold
               <Tooltip title={TOOLTIP_TITLES.THRESHOLD} arrow placement="top">
                 <span>
@@ -161,12 +187,25 @@ export function RecoverAccountFlowSetup({
               </Tooltip>
             </Typography>
 
-            <Typography variant="body2" mb={1}>
+            <Typography
+              variant="body2"
+              sx={{
+                mb: 1,
+              }}
+            >
               After recovery, Safe Account transactions will require:
             </Typography>
           </div>
 
-          <Grid container direction="row" alignItems="center" gap={2} mb={1}>
+          <Grid
+            container
+            direction="row"
+            sx={{
+              alignItems: 'center',
+              gap: 2,
+              mb: 1,
+            }}
+          >
             <Grid item>
               <Controller
                 control={formMethods.control}
@@ -187,7 +226,9 @@ export function RecoverAccountFlowSetup({
             </Grid>
 
             <Grid item>
-              <Typography>out of {fields.length} signer(s)</Typography>
+              <Typography>
+                out of {fields.length} signer{maybePlural(fields)}
+              </Typography>
             </Grid>
           </Grid>
 
diff --git a/src/components/tx-flow/flows/RecoverAccount/__tests__/RecoverAccountFlowSetup.test.ts b/apps/web/src/components/tx-flow/flows/RecoverAccount/__tests__/RecoverAccountFlowSetup.test.ts
similarity index 100%
rename from src/components/tx-flow/flows/RecoverAccount/__tests__/RecoverAccountFlowSetup.test.ts
rename to apps/web/src/components/tx-flow/flows/RecoverAccount/__tests__/RecoverAccountFlowSetup.test.ts
diff --git a/apps/web/src/components/tx-flow/flows/RecoverAccount/index.tsx b/apps/web/src/components/tx-flow/flows/RecoverAccount/index.tsx
new file mode 100644
index 000000000..c1340ca94
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RecoverAccount/index.tsx
@@ -0,0 +1,49 @@
+import type { ReactElement } from 'react'
+import type { AddressEx } from '@safe-global/safe-gateway-typescript-sdk'
+import TxLayout from '@/components/tx-flow/common/TxLayout'
+import SaveAddressIcon from '@/public/images/common/save-address.svg'
+import useTxStepper from '../../useTxStepper'
+import { RecoverAccountFlowReview } from './RecoverAccountFlowReview'
+import { RecoverAccountFlowSetup } from './RecoverAccountFlowSetup'
+import { TxFlowType } from '@/services/analytics'
+
+export enum RecoverAccountFlowFields {
+  owners = 'owners',
+  threshold = 'threshold',
+}
+
+export type RecoverAccountFlowProps = {
+  // RHF accept primitive field arrays
+  [RecoverAccountFlowFields.owners]: Array<AddressEx>
+  [RecoverAccountFlowFields.threshold]: string
+}
+
+function RecoverAccountFlow(): ReactElement {
+  const { data, step, nextStep, prevStep } = useTxStepper<RecoverAccountFlowProps>(
+    {
+      [RecoverAccountFlowFields.owners]: [{ value: '' }],
+      [RecoverAccountFlowFields.threshold]: '1',
+    },
+    TxFlowType.START_RECOVERY,
+  )
+
+  const steps = [
+    <RecoverAccountFlowSetup key={0} params={data} onSubmit={(formData) => nextStep({ ...data, ...formData })} />,
+    <RecoverAccountFlowReview key={1} params={data} />,
+  ]
+
+  return (
+    <TxLayout
+      title={step === 0 ? 'Start Account recovery' : 'Confirm transaction'}
+      subtitle="Change Account settings"
+      icon={SaveAddressIcon}
+      step={step}
+      onBack={prevStep}
+      hideNonce
+    >
+      {steps}
+    </TxLayout>
+  )
+}
+
+export default RecoverAccountFlow
diff --git a/apps/web/src/components/tx-flow/flows/RecoveryAttempt/RecoveryAttemptReview.tsx b/apps/web/src/components/tx-flow/flows/RecoveryAttempt/RecoveryAttemptReview.tsx
new file mode 100644
index 000000000..2bde08a00
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RecoveryAttempt/RecoveryAttemptReview.tsx
@@ -0,0 +1,120 @@
+import { type SyntheticEvent, useContext, useCallback, useEffect } from 'react'
+import { CircularProgress, CardActions, Button, Typography, Stack, Divider } from '@mui/material'
+import CheckWallet from '@/components/common/CheckWallet'
+import { Errors, trackError } from '@/services/exceptions'
+import { dispatchRecoveryExecution } from '@/features/recovery/services/recovery-sender'
+import useWallet from '@/hooks/wallets/useWallet'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import TxCard from '@/components/tx-flow/common/TxCard'
+import { TxModalContext } from '@/components/tx-flow'
+import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
+import { RecoveryValidationErrors } from '@/features/recovery/components/RecoveryValidationErrors'
+import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
+import { RecoveryDescription } from '@/features/recovery/components/RecoveryDescription'
+import { useAsyncCallback } from '@safe-global/utils/hooks/useAsync'
+import FieldsGrid from '@/components/tx/FieldsGrid'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { SafeTxContext } from '../../SafeTxProvider'
+import useGasPrice from '@/hooks/useGasPrice'
+import { useCurrentChain } from '@/hooks/useChains'
+import { FEATURES, hasFeature } from '@safe-global/utils/utils/chains'
+
+type RecoveryAttemptReviewProps = {
+  item: RecoveryQueueItem
+}
+
+const RecoveryAttemptReview = ({ item }: RecoveryAttemptReviewProps) => {
+  const { asyncCallback, isLoading, error } = useAsyncCallback(dispatchRecoveryExecution)
+  const wallet = useWallet()
+  const { safe } = useSafeInfo()
+  const { setTxFlow } = useContext(TxModalContext)
+  const { setNonceNeeded } = useContext(SafeTxContext)
+  const [gasPrice] = useGasPrice()
+  const chain = useCurrentChain()
+
+  const onFormSubmit = useCallback(
+    async (e: SyntheticEvent) => {
+      e.preventDefault()
+
+      if (!wallet || !gasPrice) return
+
+      const isEIP1559 = chain && hasFeature(chain, FEATURES.EIP1559)
+      const overrides = isEIP1559
+        ? {
+            maxFeePerGas: gasPrice?.maxFeePerGas?.toString(),
+            maxPriorityFeePerGas: gasPrice?.maxPriorityFeePerGas?.toString(),
+          }
+        : { gasPrice: gasPrice?.maxFeePerGas?.toString() }
+
+      try {
+        await asyncCallback({
+          provider: wallet.provider,
+          chainId: safe.chainId,
+          args: item.args,
+          delayModifierAddress: item.address,
+          signerAddress: wallet.address,
+          overrides,
+        })
+        setTxFlow(undefined)
+      } catch (err) {
+        trackError(Errors._812, err)
+      }
+    },
+    [wallet, gasPrice, chain, asyncCallback, safe.chainId, item.args, item.address, setTxFlow],
+  )
+
+  useEffect(() => {
+    setNonceNeeded(false)
+  }, [setNonceNeeded])
+
+  return (
+    <TxCard>
+      <form onSubmit={onFormSubmit}>
+        <Stack
+          sx={{
+            gap: 3,
+            mb: 2,
+          }}
+        >
+          <Typography>Execute this transaction to finalize the recovery.</Typography>
+
+          <FieldsGrid title="Initiator">
+            <EthHashInfo address={item.executor} showName showCopyButton hasExplorer />
+          </FieldsGrid>
+
+          <Divider sx={{ mx: -3 }} />
+
+          <RecoveryDescription item={item} />
+
+          <NetworkWarning />
+
+          <RecoveryValidationErrors item={item} />
+
+          {error && <ErrorMessage error={error}>Error submitting the transaction.</ErrorMessage>}
+        </Stack>
+
+        <Divider sx={{ mx: -3, my: 3.5 }} />
+
+        <CardActions>
+          {/* Submit button, also available to non-owner role members */}
+          <CheckWallet allowNonOwner>
+            {(isOk) => (
+              <Button
+                data-testid="execute-through-role-form-btn"
+                variant="contained"
+                type="submit"
+                disabled={!isOk || isLoading}
+                sx={{ minWidth: '112px' }}
+              >
+                {isLoading ? <CircularProgress size={20} /> : 'Execute'}
+              </Button>
+            )}
+          </CheckWallet>
+        </CardActions>
+      </form>
+    </TxCard>
+  )
+}
+
+export default RecoveryAttemptReview
diff --git a/apps/web/src/components/tx-flow/flows/RecoveryAttempt/index.tsx b/apps/web/src/components/tx-flow/flows/RecoveryAttempt/index.tsx
new file mode 100644
index 000000000..eda57215d
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RecoveryAttempt/index.tsx
@@ -0,0 +1,14 @@
+import TxLayout from '@/components/tx-flow/common/TxLayout'
+import SaveAddressIcon from '@/public/images/common/save-address.svg'
+import RecoveryAttemptReview from './RecoveryAttemptReview'
+import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
+
+const RecoveryAttemptFlow = ({ item }: { item: RecoveryQueueItem }) => {
+  return (
+    <TxLayout title="Recovery" subtitle="Execute recovery" icon={SaveAddressIcon} step={0} hideNonce>
+      <RecoveryAttemptReview item={item} />
+    </TxLayout>
+  )
+}
+
+export default RecoveryAttemptFlow
diff --git a/apps/web/src/components/tx-flow/flows/RejectTx/RejectTx.tsx b/apps/web/src/components/tx-flow/flows/RejectTx/RejectTx.tsx
new file mode 100644
index 000000000..211fe8ba1
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RejectTx/RejectTx.tsx
@@ -0,0 +1,41 @@
+import type { ReactElement } from 'react'
+import { Typography } from '@mui/material'
+import { createRejectTx } from '@/services/tx/tx-sender'
+import { useContext, useEffect } from 'react'
+import { SafeTxContext } from '../../SafeTxProvider'
+import ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+import type { ReviewTransactionProps } from '@/components/tx/ReviewTransactionV2'
+import { TxFlowContext } from '../../TxFlowProvider'
+
+const RejectTx = ({ onSubmit, children }: ReviewTransactionProps): ReactElement => {
+  const { txNonce } = useContext(TxFlowContext)
+  const { setSafeTx, setSafeTxError, setNonce } = useContext(SafeTxContext)
+
+  useEffect(() => {
+    if (txNonce == undefined) return
+
+    setNonce(txNonce)
+
+    createRejectTx(txNonce).then(setSafeTx).catch(setSafeTxError)
+  }, [txNonce, setNonce, setSafeTx, setSafeTxError])
+
+  return (
+    <ReviewTransaction onSubmit={onSubmit}>
+      <Typography mb={2}>
+        To reject the transaction, a separate rejection transaction will be created to replace the original one.
+      </Typography>
+
+      <Typography mb={2}>
+        Transaction nonce: <b>{txNonce}</b>
+      </Typography>
+
+      <Typography mb={2}>
+        You will need to confirm the rejection transaction with your currently connected wallet.
+      </Typography>
+
+      {children}
+    </ReviewTransaction>
+  )
+}
+
+export default RejectTx
diff --git a/apps/web/src/components/tx-flow/flows/RejectTx/index.tsx b/apps/web/src/components/tx-flow/flows/RejectTx/index.tsx
new file mode 100644
index 000000000..909c51794
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RejectTx/index.tsx
@@ -0,0 +1,21 @@
+import { type ReactElement } from 'react'
+import RejectTx from './RejectTx'
+import { TxFlowType } from '@/services/analytics'
+import { TxFlow } from '../../TxFlow'
+
+type RejectTxProps = {
+  txNonce: number
+}
+
+const RejectTxFlow = ({ txNonce }: RejectTxProps): ReactElement => (
+  <TxFlow
+    subtitle="Reject"
+    eventCategory={TxFlowType.REJECT_TX}
+    ReviewTransactionComponent={RejectTx}
+    isBatchable={false}
+    txNonce={txNonce}
+    isRejection
+  />
+)
+
+export default RejectTxFlow
diff --git a/apps/web/src/components/tx-flow/flows/RemoveGuard/ReviewRemoveGuard.tsx b/apps/web/src/components/tx-flow/flows/RemoveGuard/ReviewRemoveGuard.tsx
new file mode 100644
index 000000000..445fbbbea
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RemoveGuard/ReviewRemoveGuard.tsx
@@ -0,0 +1,47 @@
+import { useCallback, useContext, useEffect, type PropsWithChildren } from 'react'
+import { Typography } from '@mui/material'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { Errors, logError } from '@/services/exceptions'
+import { trackEvent, SETTINGS_EVENTS } from '@/services/analytics'
+import { createRemoveGuardTx } from '@/services/tx/tx-sender'
+import { type RemoveGuardFlowProps } from '.'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+
+export const ReviewRemoveGuard = ({
+  params,
+  onSubmit,
+  children,
+}: PropsWithChildren<{ params: RemoveGuardFlowProps; onSubmit: () => void }>) => {
+  const { setSafeTx, safeTxError, setSafeTxError } = useContext(SafeTxContext)
+
+  useEffect(() => {
+    createRemoveGuardTx().then(setSafeTx).catch(setSafeTxError)
+  }, [setSafeTx, setSafeTxError])
+
+  useEffect(() => {
+    if (safeTxError) {
+      logError(Errors._807, safeTxError.message)
+    }
+  }, [safeTxError])
+
+  const onFormSubmit = useCallback(() => {
+    trackEvent(SETTINGS_EVENTS.MODULES.REMOVE_GUARD)
+    onSubmit()
+  }, [onSubmit])
+
+  return (
+    <ReviewTransaction onSubmit={onFormSubmit}>
+      <Typography color="primary.light">Transaction guard</Typography>
+
+      <EthHashInfo address={params.address} showCopyButton hasExplorer shortAddress={false} />
+
+      <Typography my={2}>
+        Once the transaction guard has been removed, checks by the transaction guard will not be conducted before or
+        after any subsequent transactions.
+      </Typography>
+
+      {children}
+    </ReviewTransaction>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/flows/RemoveGuard/index.tsx b/apps/web/src/components/tx-flow/flows/RemoveGuard/index.tsx
new file mode 100644
index 000000000..d3369e8ea
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RemoveGuard/index.tsx
@@ -0,0 +1,28 @@
+import { useContext } from 'react'
+import { TxFlow } from '../../TxFlow'
+import { TxFlowContext } from '../../TxFlowProvider'
+import { TxFlowType } from '@/services/analytics'
+import { ReviewRemoveGuard } from './ReviewRemoveGuard'
+import { type ReviewTransactionProps } from '@/components/tx/ReviewTransactionV2'
+
+export type RemoveGuardFlowProps = {
+  address: string
+}
+
+const ReviewRemoveGuardStep = (props: ReviewTransactionProps) => {
+  const { data } = useContext(TxFlowContext)
+  return <ReviewRemoveGuard params={data} {...props} />
+}
+
+const RemoveGuardFlow = ({ address }: RemoveGuardFlowProps) => {
+  return (
+    <TxFlow
+      initialData={{ address }}
+      subtitle="Remove guard"
+      eventCategory={TxFlowType.REMOVE_GUARD}
+      ReviewTransactionComponent={ReviewRemoveGuardStep}
+    />
+  )
+}
+
+export default RemoveGuardFlow
diff --git a/apps/web/src/components/tx-flow/flows/RemoveModule/ReviewRemoveModule.tsx b/apps/web/src/components/tx-flow/flows/RemoveModule/ReviewRemoveModule.tsx
new file mode 100644
index 000000000..0000e1958
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RemoveModule/ReviewRemoveModule.tsx
@@ -0,0 +1,47 @@
+import { Typography } from '@mui/material'
+import { useCallback, useContext, useEffect, type PropsWithChildren } from 'react'
+import { Errors, logError } from '@/services/exceptions'
+import { trackEvent, SETTINGS_EVENTS } from '@/services/analytics'
+import { createRemoveModuleTx } from '@/services/tx/tx-sender'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { type RemoveModuleFlowProps } from '.'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+
+export const ReviewRemoveModule = ({
+  params,
+  onSubmit,
+  children,
+}: PropsWithChildren<{ params: RemoveModuleFlowProps; onSubmit: () => void }>) => {
+  const { setSafeTx, safeTxError, setSafeTxError } = useContext(SafeTxContext)
+
+  useEffect(() => {
+    createRemoveModuleTx(params.address).then(setSafeTx).catch(setSafeTxError)
+  }, [params.address, setSafeTx, setSafeTxError])
+
+  useEffect(() => {
+    if (safeTxError) {
+      logError(Errors._806, safeTxError.message)
+    }
+  }, [safeTxError])
+
+  const onFormSubmit = useCallback(() => {
+    trackEvent(SETTINGS_EVENTS.MODULES.REMOVE_MODULE)
+    onSubmit()
+  }, [onSubmit])
+
+  return (
+    <ReviewTransaction onSubmit={onFormSubmit}>
+      <Typography color="primary.light">Module</Typography>
+
+      <EthHashInfo address={params.address} showCopyButton hasExplorer shortAddress={false} />
+
+      <Typography my={2}>
+        After removing this module, any feature or app that uses this module might no longer work. If this Safe Account
+        requires more then one signature, the module removal will have to be confirmed by other signers as well.
+      </Typography>
+
+      {children}
+    </ReviewTransaction>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/flows/RemoveModule/index.tsx b/apps/web/src/components/tx-flow/flows/RemoveModule/index.tsx
new file mode 100644
index 000000000..c11507023
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RemoveModule/index.tsx
@@ -0,0 +1,28 @@
+import { useContext } from 'react'
+import { TxFlow } from '../../TxFlow'
+import { TxFlowContext } from '../../TxFlowProvider'
+import { TxFlowType } from '@/services/analytics'
+import { ReviewRemoveModule } from './ReviewRemoveModule'
+import { type ReviewTransactionProps } from '@/components/tx/ReviewTransactionV2'
+
+export type RemoveModuleFlowProps = {
+  address: string
+}
+
+const ReviewRemoveModuleStep = (props: ReviewTransactionProps) => {
+  const { data } = useContext(TxFlowContext)
+  return <ReviewRemoveModule params={data} {...props} />
+}
+
+const RemoveModuleFlow = ({ address }: RemoveModuleFlowProps) => {
+  return (
+    <TxFlow
+      initialData={{ address }}
+      subtitle="Remove module"
+      eventCategory={TxFlowType.REMOVE_MODULE}
+      ReviewTransactionComponent={ReviewRemoveModuleStep}
+    />
+  )
+}
+
+export default RemoveModuleFlow
diff --git a/apps/web/src/components/tx-flow/flows/RemoveOwner/ReviewRemoveOwner.tsx b/apps/web/src/components/tx-flow/flows/RemoveOwner/ReviewRemoveOwner.tsx
new file mode 100644
index 000000000..269b1672d
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RemoveOwner/ReviewRemoveOwner.tsx
@@ -0,0 +1,38 @@
+import { useCallback, useContext, useEffect } from 'react'
+import type { ReactElement, PropsWithChildren } from 'react'
+
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { trackEvent, SETTINGS_EVENTS } from '@/services/analytics'
+import { createRemoveOwnerTx } from '@/services/tx/tx-sender'
+import { SafeTxContext } from '../../SafeTxProvider'
+import type { RemoveOwnerFlowProps } from '.'
+import ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+
+export const ReviewRemoveOwner = ({
+  params,
+  onSubmit,
+  children,
+}: PropsWithChildren<{
+  params: RemoveOwnerFlowProps
+  onSubmit: () => void
+}>): ReactElement => {
+  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+  const { safe } = useSafeInfo()
+  const { removedOwner, threshold } = params
+
+  useEffect(() => {
+    createRemoveOwnerTx({ ownerAddress: checksumAddress(removedOwner.address), threshold })
+      .then(setSafeTx)
+      .catch(setSafeTxError)
+  }, [removedOwner.address, setSafeTx, setSafeTxError, threshold])
+
+  const onFormSubmit = useCallback(() => {
+    trackEvent({ ...SETTINGS_EVENTS.SETUP.THRESHOLD, label: safe.threshold })
+    trackEvent({ ...SETTINGS_EVENTS.SETUP.OWNERS, label: safe.owners.length })
+    onSubmit()
+  }, [onSubmit, safe.threshold, safe.owners])
+
+  return <ReviewTransaction onSubmit={onFormSubmit}>{children}</ReviewTransaction>
+}
diff --git a/src/components/tx-flow/flows/RemoveOwner/SetThreshold.tsx b/apps/web/src/components/tx-flow/flows/RemoveOwner/SetThreshold.tsx
similarity index 85%
rename from src/components/tx-flow/flows/RemoveOwner/SetThreshold.tsx
rename to apps/web/src/components/tx-flow/flows/RemoveOwner/SetThreshold.tsx
index e2b99097f..32c8f9752 100644
--- a/src/components/tx-flow/flows/RemoveOwner/SetThreshold.tsx
+++ b/apps/web/src/components/tx-flow/flows/RemoveOwner/SetThreshold.tsx
@@ -11,6 +11,7 @@ import { TOOLTIP_TITLES } from '@/components/tx-flow/common/constants'
 import type { RemoveOwnerFlowProps } from '.'
 
 import commonCss from '@/components/tx-flow/common/styles.module.css'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
 
 export const SetThreshold = ({
   params,
@@ -38,7 +39,7 @@ export const SetThreshold = ({
       <form onSubmit={onSubmitHandler}>
         <Box mb={3}>
           <Typography mb={2}>Review the signer you want to remove from the active Safe Account:</Typography>
-          {/* TODO: Update the EthHashInfo style from the replace owner PR */}
+
           <EthHashInfo address={params.removedOwner.address} shortAddress={false} showCopyButton hasExplorer />
         </Box>
 
@@ -63,9 +64,17 @@ export const SetThreshold = ({
             </Tooltip>
           </Typography>
           <Typography>Any transaction requires the confirmation of:</Typography>
-          <Grid container direction="row" alignItems="center" gap={1} mt={2}>
+          <Grid
+            container
+            direction="row"
+            sx={{
+              alignItems: 'center',
+              gap: 1,
+              mt: 2,
+            }}
+          >
             <Grid item xs={1.5}>
-              <Select value={selectedThreshold} onChange={handleChange} fullWidth>
+              <Select data-testid="threshold-selector" value={selectedThreshold} onChange={handleChange} fullWidth>
                 {safe.owners.slice(1).map((_, idx) => (
                   <MenuItem key={idx + 1} value={idx + 1}>
                     {idx + 1}
@@ -74,7 +83,9 @@ export const SetThreshold = ({
               </Select>
             </Grid>
             <Grid item>
-              <Typography>out of {newNumberOfOwners} signer(s)</Typography>
+              <Typography>
+                out of {newNumberOfOwners} signer{maybePlural(newNumberOfOwners)}
+              </Typography>
             </Grid>
           </Grid>
         </Box>
diff --git a/apps/web/src/components/tx-flow/flows/RemoveOwner/index.tsx b/apps/web/src/components/tx-flow/flows/RemoveOwner/index.tsx
new file mode 100644
index 000000000..04b95150b
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RemoveOwner/index.tsx
@@ -0,0 +1,55 @@
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { ReviewRemoveOwner } from './ReviewRemoveOwner'
+import SaveAddressIcon from '@/public/images/common/save-address.svg'
+import { SetThreshold } from './SetThreshold'
+import { useContext } from 'react'
+import { TxFlowType } from '@/services/analytics'
+import { TxFlowContext } from '../../TxFlowProvider'
+import { TxFlow } from '../../TxFlow'
+import { TxFlowStep } from '../../TxFlowStep'
+import { type ReviewTransactionProps } from '@/components/tx/ReviewTransactionV2'
+
+type Owner = {
+  address: string
+  name?: string
+}
+
+export type RemoveOwnerFlowProps = {
+  removedOwner: Owner
+  threshold: number
+}
+
+const SetThresholdStep = () => {
+  const { onNext, data } = useContext(TxFlowContext)
+  return <SetThreshold onSubmit={onNext} params={data} />
+}
+
+const ReviewOwnerStep = (props: ReviewTransactionProps) => {
+  const { data } = useContext(TxFlowContext)
+  return <ReviewRemoveOwner params={data} {...props} />
+}
+
+const RemoveOwnerFlow = (props: Owner) => {
+  const { safe } = useSafeInfo()
+
+  const defaultValues: RemoveOwnerFlowProps = {
+    removedOwner: props,
+    threshold: Math.min(safe.threshold, safe.owners.length - 1),
+  }
+
+  return (
+    <TxFlow
+      initialData={defaultValues}
+      eventCategory={TxFlowType.REMOVE_OWNER}
+      icon={SaveAddressIcon}
+      subtitle="Remove signer"
+      ReviewTransactionComponent={ReviewOwnerStep}
+    >
+      <TxFlowStep title="New transaction">
+        <SetThresholdStep />
+      </TxFlowStep>
+    </TxFlow>
+  )
+}
+
+export default RemoveOwnerFlow
diff --git a/src/components/tx-flow/flows/RemoveOwner/styles.module.css b/apps/web/src/components/tx-flow/flows/RemoveOwner/styles.module.css
similarity index 100%
rename from src/components/tx-flow/flows/RemoveOwner/styles.module.css
rename to apps/web/src/components/tx-flow/flows/RemoveOwner/styles.module.css
diff --git a/src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowOverview.tsx b/apps/web/src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowOverview.tsx
similarity index 83%
rename from src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowOverview.tsx
rename to apps/web/src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowOverview.tsx
index 94dd3951b..0e07e1ecb 100644
--- a/src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowOverview.tsx
+++ b/apps/web/src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowOverview.tsx
@@ -1,16 +1,15 @@
 import { Button, CardActions, Divider, Typography } from '@mui/material'
-import type { ReactElement } from 'react'
+import { useContext, type ReactElement } from 'react'
 
 import EthHashInfo from '@/components/common/EthHashInfo'
 import TxCard from '../../common/TxCard'
 import type { RecoveryFlowProps } from '.'
 
 import commonCss from '@/components/tx-flow/common/styles.module.css'
+import { TxFlowContext } from '../../TxFlowProvider'
 
-export function RemoveRecoveryFlowOverview({
-  delayModifier,
-  onSubmit,
-}: RecoveryFlowProps & { onSubmit: () => void }): ReactElement {
+export function RemoveRecoveryFlowOverview({ delayModifier }: RecoveryFlowProps): ReactElement {
+  const { onNext } = useContext(TxFlowContext)
   return (
     <TxCard>
       <Typography variant="body2">
@@ -42,7 +41,7 @@ export function RemoveRecoveryFlowOverview({
       <Divider className={commonCss.nestedDivider} />
 
       <CardActions sx={{ mt: '0 !important' }}>
-        <Button data-testid="next-btn" variant="contained" onClick={onSubmit}>
+        <Button data-testid="next-btn" variant="contained" onClick={onNext}>
           Next
         </Button>
       </CardActions>
diff --git a/apps/web/src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowReview.tsx b/apps/web/src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowReview.tsx
new file mode 100644
index 000000000..22d2d9f4a
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowReview.tsx
@@ -0,0 +1,45 @@
+import { trackEvent } from '@/services/analytics'
+import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
+import { Typography } from '@mui/material'
+import { useCallback, useContext, useEffect } from 'react'
+import type { PropsWithChildren, ReactElement } from 'react'
+
+import { createRemoveModuleTx } from '@/services/tx/tx-sender'
+import { OwnerList } from '../../common/OwnerList'
+import { SafeTxContext } from '../../SafeTxProvider'
+import type { RecoveryFlowProps } from '.'
+import ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+
+export function RemoveRecoveryFlowReview({
+  delayModifier,
+  onSubmit,
+  children,
+}: PropsWithChildren<RecoveryFlowProps & { onSubmit: () => void }>): ReactElement {
+  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+
+  useEffect(() => {
+    createRemoveModuleTx(delayModifier.address).then(setSafeTx).catch(setSafeTxError)
+  }, [delayModifier.address, setSafeTx, setSafeTxError])
+
+  const onFormSubmit = useCallback(() => {
+    trackEvent({ ...RECOVERY_EVENTS.SUBMIT_RECOVERY_REMOVE })
+    onSubmit()
+  }, [onSubmit])
+
+  return (
+    <ReviewTransaction onSubmit={onFormSubmit}>
+      <Typography>
+        This transaction will remove the recovery module from your Safe Account. You will no longer be able to recover
+        your Safe Account once this transaction is executed.
+      </Typography>
+
+      <OwnerList
+        title="Removing Recoverer"
+        owners={delayModifier.recoverers.map((recoverer) => ({ value: recoverer }))}
+        sx={{ bgcolor: ({ palette }) => `${palette.warning.background} !important` }}
+      />
+
+      {children}
+    </ReviewTransaction>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/flows/RemoveRecovery/index.tsx b/apps/web/src/components/tx-flow/flows/RemoveRecovery/index.tsx
new file mode 100644
index 000000000..747683c48
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RemoveRecovery/index.tsx
@@ -0,0 +1,35 @@
+import { useCallback, type ReactElement } from 'react'
+import RecoveryPlus from '@/public/images/common/recovery-plus.svg'
+import { RemoveRecoveryFlowOverview } from './RemoveRecoveryFlowOverview'
+import { RemoveRecoveryFlowReview } from './RemoveRecoveryFlowReview'
+import type { RecoveryStateItem } from '@/features/recovery/services/recovery-state'
+import { TxFlowType } from '@/services/analytics'
+import { TxFlow } from '../../TxFlow'
+import { TxFlowStep } from '../../TxFlowStep'
+import type { ReviewTransactionProps } from '@/components/tx/ReviewTransactionV2'
+
+export type RecoveryFlowProps = {
+  delayModifier: RecoveryStateItem
+}
+
+function RemoveRecoveryFlow({ delayModifier }: RecoveryFlowProps): ReactElement {
+  const RemoveRecoveryReviewStep = useCallback(
+    (props: ReviewTransactionProps) => <RemoveRecoveryFlowReview delayModifier={delayModifier} {...props} />,
+    [delayModifier],
+  )
+
+  return (
+    <TxFlow
+      eventCategory={TxFlowType.REMOVE_RECOVERY}
+      icon={RecoveryPlus}
+      subtitle="Remove Recoverer"
+      ReviewTransactionComponent={RemoveRecoveryReviewStep}
+    >
+      <TxFlowStep title="Remove Account recovery">
+        <RemoveRecoveryFlowOverview delayModifier={delayModifier} />
+      </TxFlowStep>
+    </TxFlow>
+  )
+}
+
+export default RemoveRecoveryFlow
diff --git a/apps/web/src/components/tx-flow/flows/RemoveSpendingLimit/RemoveSpendingLimitReview.tsx b/apps/web/src/components/tx-flow/flows/RemoveSpendingLimit/RemoveSpendingLimitReview.tsx
new file mode 100644
index 000000000..f08df4965
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RemoveSpendingLimit/RemoveSpendingLimitReview.tsx
@@ -0,0 +1,53 @@
+import {
+  getSpendingLimitInterface,
+  getDeployedSpendingLimitModuleAddress,
+} from '@/services/contracts/spendingLimitContracts'
+import useChainId from '@/hooks/useChainId'
+import { type PropsWithChildren, useCallback, useContext, useEffect } from 'react'
+import { SafeTxContext } from '../../SafeTxProvider'
+import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
+import { trackEvent, SETTINGS_EVENTS } from '@/services/analytics'
+import { createTx } from '@/services/tx/tx-sender'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+
+export const RemoveSpendingLimitReview = ({
+  params,
+  onSubmit,
+  children,
+}: PropsWithChildren<{
+  params: SpendingLimitState
+  onSubmit: () => void
+}>) => {
+  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+  const chainId = useChainId()
+  const { safe } = useSafeInfo()
+
+  useEffect(() => {
+    if (!safe.modules?.length) return
+
+    const spendingLimitAddress = getDeployedSpendingLimitModuleAddress(chainId, safe.modules)
+    if (!spendingLimitAddress) return
+
+    const spendingLimitInterface = getSpendingLimitInterface()
+    const txData = spendingLimitInterface.encodeFunctionData('deleteAllowance', [
+      params.beneficiary,
+      params.token.address,
+    ])
+
+    const txParams = {
+      to: spendingLimitAddress,
+      value: '0',
+      data: txData,
+    }
+
+    createTx(txParams).then(setSafeTx).catch(setSafeTxError)
+  }, [chainId, params.beneficiary, params.token, setSafeTx, setSafeTxError, safe.modules])
+
+  const onFormSubmit = useCallback(() => {
+    trackEvent(SETTINGS_EVENTS.SPENDING_LIMIT.LIMIT_REMOVED)
+    onSubmit()
+  }, [onSubmit])
+
+  return <ReviewTransaction onSubmit={onFormSubmit}>{children}</ReviewTransaction>
+}
diff --git a/apps/web/src/components/tx-flow/flows/RemoveSpendingLimit/index.tsx b/apps/web/src/components/tx-flow/flows/RemoveSpendingLimit/index.tsx
new file mode 100644
index 000000000..44931ae5f
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RemoveSpendingLimit/index.tsx
@@ -0,0 +1,28 @@
+import { RemoveSpendingLimitReview } from 'src/components/tx-flow/flows/RemoveSpendingLimit/RemoveSpendingLimitReview'
+import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
+import SaveAddressIcon from '@/public/images/common/save-address.svg'
+import { useMemo } from 'react'
+import { TxFlowType } from '@/services/analytics'
+import { TxFlow } from '../../TxFlow'
+import type ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+
+const RemoveSpendingLimitFlow = ({ spendingLimit }: { spendingLimit: SpendingLimitState }) => {
+  const ReviewTransactionComponent = useMemo<typeof ReviewTransaction>(
+    () =>
+      function ReviewRemoveSpendingLimit(props) {
+        return <RemoveSpendingLimitReview params={spendingLimit} {...props} />
+      },
+    [spendingLimit],
+  )
+
+  return (
+    <TxFlow
+      subtitle="Remove spending limit"
+      eventCategory={TxFlowType.REMOVE_SPENDING_LIMIT}
+      icon={SaveAddressIcon}
+      ReviewTransactionComponent={ReviewTransactionComponent}
+    />
+  )
+}
+
+export default RemoveSpendingLimitFlow
diff --git a/apps/web/src/components/tx-flow/flows/ReplaceOwner/index.tsx b/apps/web/src/components/tx-flow/flows/ReplaceOwner/index.tsx
new file mode 100644
index 000000000..423bd2eb0
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/ReplaceOwner/index.tsx
@@ -0,0 +1,64 @@
+import { ChooseOwner, ChooseOwnerMode } from '@/components/tx-flow/flows/AddOwner/ChooseOwner'
+import { ReviewOwner } from '@/components/tx-flow/flows/AddOwner/ReviewOwner'
+import SaveAddressIcon from '@/public/images/common/save-address.svg'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useContext } from 'react'
+import { TxFlowType } from '@/services/analytics'
+import { TxFlow } from '../../TxFlow'
+import { TxFlowStep } from '../../TxFlowStep'
+import { TxFlowContext } from '../../TxFlowProvider'
+import { type ReviewTransactionProps } from '@/components/tx/ReviewTransactionV2'
+
+type Owner = {
+  address: string
+  name?: string
+}
+
+export type ReplaceOwnerFlowProps = {
+  newOwner: Owner
+  removedOwner: Owner
+  threshold: number
+}
+
+const ChooseOwnerStep = () => {
+  const { onNext, data } = useContext(TxFlowContext)
+
+  return <ChooseOwner onSubmit={onNext} params={data} mode={ChooseOwnerMode.REPLACE} />
+}
+
+const ReviewOwnerStep = (props: ReviewTransactionProps) => {
+  const { data } = useContext(TxFlowContext)
+
+  return <ReviewOwner params={data} {...props} />
+}
+
+const ReplaceOwnerFlow = ({ address }: { address: string }) => {
+  const {
+    safe: { threshold },
+    safeLoaded,
+  } = useSafeInfo()
+
+  const defaultValues: ReplaceOwnerFlowProps = {
+    newOwner: { address: '' },
+    removedOwner: { address },
+    threshold,
+  }
+
+  if (!safeLoaded) return null
+
+  return (
+    <TxFlow
+      initialData={defaultValues}
+      eventCategory={TxFlowType.REPLACE_OWNER}
+      icon={SaveAddressIcon}
+      subtitle="Replace signer"
+      ReviewTransactionComponent={ReviewOwnerStep}
+    >
+      <TxFlowStep title="New transaction">
+        <ChooseOwnerStep />
+      </TxFlowStep>
+    </TxFlow>
+  )
+}
+
+export default ReplaceOwnerFlow
diff --git a/src/components/tx-flow/flows/ReplaceTx/DeleteTxModal.tsx b/apps/web/src/components/tx-flow/flows/ReplaceTx/DeleteTxModal.tsx
similarity index 82%
rename from src/components/tx-flow/flows/ReplaceTx/DeleteTxModal.tsx
rename to apps/web/src/components/tx-flow/flows/ReplaceTx/DeleteTxModal.tsx
index 0bfa98522..7e89c09ef 100644
--- a/src/components/tx-flow/flows/ReplaceTx/DeleteTxModal.tsx
+++ b/apps/web/src/components/tx-flow/flows/ReplaceTx/DeleteTxModal.tsx
@@ -27,6 +27,8 @@ import { txDispatch, TxEvent } from '@/services/tx/txEvents'
 import { REJECT_TX_EVENTS } from '@/services/analytics/events/reject-tx'
 import { trackEvent } from '@/services/analytics'
 import { isWalletRejection } from '@/utils/wallets'
+import CheckWallet from '@/components/common/CheckWallet'
+import ChainSwitcher from '@/components/common/ChainSwitcher'
 
 type DeleteTxModalProps = {
   safeTxHash: string
@@ -37,7 +39,14 @@ type DeleteTxModalProps = {
   safeAddress: ReturnType<typeof useSafeAddress>
 }
 
-const _DeleteTxModal = ({ safeTxHash, onSuccess, onClose, wallet, safeAddress, chainId }: DeleteTxModalProps) => {
+const InternalDeleteTxModal = ({
+  safeTxHash,
+  onSuccess,
+  onClose,
+  wallet,
+  safeAddress,
+  chainId,
+}: DeleteTxModalProps) => {
   const [error, setError] = useState<Error>()
   const [isLoading, setIsLoading] = useState<boolean>(false)
 
@@ -115,6 +124,10 @@ const _DeleteTxModal = ({ safeTxHash, onSuccess, onClose, wallet, safeAddress, c
           related to deleting a transaction off-chain.
         </Box>
 
+        <Box mt={2}>
+          <ChainSwitcher />
+        </Box>
+
         {error && (
           <Box mt={2}>
             <ErrorMessage error={error}>Error deleting transaction</ErrorMessage>
@@ -129,23 +142,27 @@ const _DeleteTxModal = ({ safeTxHash, onSuccess, onClose, wallet, safeAddress, c
           Keep it
         </Button>
 
-        <Button
-          data-testid="delete-tx-btn"
-          size="small"
-          variant="contained"
-          color="primary"
-          onClick={onConfirm}
-          disabled={isLoading}
-          sx={{ minWidth: '122px', minHeight: '36px' }}
-        >
-          {isLoading ? <CircularProgress size={20} /> : 'Yes, delete'}
-        </Button>
+        <CheckWallet checkNetwork>
+          {(isOk) => (
+            <Button
+              data-testid="delete-tx-btn"
+              size="small"
+              variant="contained"
+              color="primary"
+              onClick={onConfirm}
+              disabled={!isOk || isLoading}
+              sx={{ minWidth: '122px', minHeight: '36px' }}
+            >
+              {isLoading ? <CircularProgress size={20} /> : 'Yes, delete'}
+            </Button>
+          )}
+        </CheckWallet>
       </DialogActions>
     </Dialog>
   )
 }
 
-const DeleteTxModal = madProps(_DeleteTxModal, {
+const DeleteTxModal = madProps(InternalDeleteTxModal, {
   wallet: useWallet,
   chainId: useChainId,
   safeAddress: useSafeAddress,
diff --git a/apps/web/src/components/tx-flow/flows/ReplaceTx/index.tsx b/apps/web/src/components/tx-flow/flows/ReplaceTx/index.tsx
new file mode 100644
index 000000000..11e6e7ff8
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/ReplaceTx/index.tsx
@@ -0,0 +1,185 @@
+import { useContext, useState } from 'react'
+import { type NextRouter, useRouter } from 'next/router'
+import { Box, Tooltip, Typography } from '@mui/material'
+import DeleteIcon from '@/public/images/common/delete.svg'
+import CancelIcon from '@/public/images/common/cancel.svg'
+import ReplaceTxIcon from '@/public/images/transactions/replace-tx.svg'
+import CachedIcon from '@mui/icons-material/Cached'
+import { useQueuedTxByNonce } from '@/hooks/useTxQueue'
+import { isCustomTxInfo } from '@/utils/transaction-guards'
+
+import css from './styles.module.css'
+import { TxModalContext } from '../..'
+import TokenTransferFlow from '../TokenTransfer'
+import RejectTx from '../RejectTx'
+import TxLayout from '@/components/tx-flow/common/TxLayout'
+import TxCard from '@/components/tx-flow/common/TxCard'
+import DeleteTxModal from './DeleteTxModal'
+import ExternalLink from '@/components/common/ExternalLink'
+import ChoiceButton from '@/components/common/ChoiceButton'
+import useWallet from '@/hooks/wallets/useWallet'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { AppRoutes } from '@/config/routes'
+import { useHasFeature } from '@/hooks/useChains'
+import Track from '@/components/common/Track'
+import { REJECT_TX_EVENTS } from '@/services/analytics/events/reject-tx'
+import { useRecommendedNonce } from '@/components/tx/SignOrExecuteForm/hooks'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const goToQueue = (router: NextRouter) => {
+  if (router.pathname === AppRoutes.transactions.tx) {
+    router.push({
+      pathname: AppRoutes.transactions.queue,
+      query: { safe: router.query.safe },
+    })
+  }
+}
+
+/**
+ * To avoid nonce gaps in the queue, we allow deleting the last transaction in the queue or duplicates.
+ * The recommended nonce is used to calculate the last transaction in the queue.
+ */
+const useIsNonceDeletable = (txNonce: number) => {
+  const queuedTxsByNonce = useQueuedTxByNonce(txNonce)
+  const recommendedNonce = useRecommendedNonce() || 0
+  const duplicateCount = queuedTxsByNonce?.length || 0
+  return duplicateCount > 1 || txNonce === recommendedNonce - 1
+}
+
+const DeleteTxButton = ({
+  safeTxHash,
+  txNonce,
+  onSuccess,
+}: {
+  safeTxHash: string
+  txNonce: number
+  onSuccess: () => void
+}) => {
+  const router = useRouter()
+  const isDeletable = useIsNonceDeletable(txNonce)
+  const [isDeleting, setIsDeleting] = useState(false)
+
+  const onDeleteSuccess = () => {
+    setIsDeleting(false)
+    goToQueue(router)
+    onSuccess()
+  }
+  const onDeleteClose = () => setIsDeleting(false)
+
+  return (
+    <>
+      <Typography variant="overline" className={css.or}>
+        or
+      </Typography>
+
+      <Typography variant="body2" mb={0.5}>
+        Don’t want to have this transaction anymore? Remove it permanently from the queue.
+      </Typography>
+
+      <Tooltip
+        arrow
+        placement="top"
+        title={isDeletable ? '' : 'You can only delete the last transaction in the queue, or a duplicate transaction.'}
+      >
+        <span style={{ width: '100%' }}>
+          <Track {...REJECT_TX_EVENTS.DELETE_OFFCHAIN_BUTTON} as="div">
+            <ChoiceButton
+              icon={DeleteIcon}
+              iconColor="error"
+              onClick={() => setIsDeleting(true)}
+              title="Delete from the queue"
+              description="Remove this transaction from the off-chain queue"
+              disabled={!isDeletable}
+            />
+          </Track>
+        </span>
+      </Tooltip>
+
+      {safeTxHash && isDeleting && (
+        <DeleteTxModal onSuccess={onDeleteSuccess} onClose={onDeleteClose} safeTxHash={safeTxHash} />
+      )}
+    </>
+  )
+}
+
+const ReplaceTxMenu = ({
+  txNonce,
+  safeTxHash,
+  proposer,
+}: {
+  txNonce: number
+  safeTxHash?: string
+  proposer?: string
+}) => {
+  const wallet = useWallet()
+  const { setTxFlow } = useContext(TxModalContext)
+  const queuedTxsByNonce = useQueuedTxByNonce(txNonce)
+  const canCancel = !queuedTxsByNonce?.some(
+    (item) => isCustomTxInfo(item.transaction.txInfo) && item.transaction.txInfo.isCancellation,
+  )
+
+  const isDeleteEnabled = useHasFeature(FEATURES.DELETE_TX)
+  const canDelete = safeTxHash && isDeleteEnabled && proposer && wallet && sameAddress(wallet.address, proposer)
+
+  return (
+    <TxLayout title={`Reject transaction #${txNonce}`} step={0} hideNonce isReplacement>
+      <TxCard>
+        <Box mt={2} textAlign="center">
+          <ReplaceTxIcon />
+        </Box>
+
+        <Typography variant="body2" mt={-1} mb={1}>
+          You can replace or reject this transaction on-chain. It requires gas fees and your signature.{' '}
+          <Track {...REJECT_TX_EVENTS.READ_MORE}>
+            <ExternalLink href="https://help.safe.global/en/articles/40836-why-do-i-need-to-pay-for-cancelling-a-transaction">
+              Read more
+            </ExternalLink>
+          </Track>
+        </Typography>
+
+        <Box display="flex" flexDirection="column" gap={2}>
+          <Track {...REJECT_TX_EVENTS.REPLACE_TX_BUTTON} as="div">
+            <ChoiceButton
+              icon={CachedIcon}
+              onClick={() => setTxFlow(<TokenTransferFlow txNonce={txNonce} />)}
+              title="Replace with another transaction"
+              description="Propose a new transaction with the same nonce to overwrite this one"
+              chip="Recommended"
+            />
+          </Track>
+
+          <Tooltip
+            arrow
+            placement="top"
+            title={canCancel ? '' : `Transaction with nonce ${txNonce} already has a reject transaction`}
+          >
+            <span style={{ width: '100%' }}>
+              <Track {...REJECT_TX_EVENTS.REJECT_ONCHAIN_BUTTON} as="div">
+                <ChoiceButton
+                  icon={CancelIcon}
+                  iconColor="warning"
+                  onClick={() => setTxFlow(<RejectTx txNonce={txNonce} />)}
+                  disabled={!canCancel}
+                  title="Reject transaction"
+                  description="Propose an on-chain cancellation transaction with the same nonce"
+                  chip={canDelete ? 'Recommended' : undefined}
+                />
+              </Track>
+            </span>
+          </Tooltip>
+
+          {canDelete && (
+            <DeleteTxButton
+              data-testid="delete-tx"
+              safeTxHash={safeTxHash}
+              txNonce={txNonce}
+              onSuccess={() => setTxFlow(undefined)}
+            />
+          )}
+        </Box>
+      </TxCard>
+    </TxLayout>
+  )
+}
+
+export default ReplaceTxMenu
diff --git a/src/components/tx-flow/flows/ReplaceTx/styles.module.css b/apps/web/src/components/tx-flow/flows/ReplaceTx/styles.module.css
similarity index 100%
rename from src/components/tx-flow/flows/ReplaceTx/styles.module.css
rename to apps/web/src/components/tx-flow/flows/ReplaceTx/styles.module.css
diff --git a/apps/web/src/components/tx-flow/flows/SafeAppsTx/ReviewSafeAppsTx.tsx b/apps/web/src/components/tx-flow/flows/SafeAppsTx/ReviewSafeAppsTx.tsx
new file mode 100644
index 000000000..9d6353372
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/SafeAppsTx/ReviewSafeAppsTx.tsx
@@ -0,0 +1,66 @@
+import { useContext, useEffect } from 'react'
+import type { ReactElement } from 'react'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import type { SafeAppsTxParams } from '.'
+import { createMultiSendCallOnlyTx, createTx } from '@/services/tx/tx-sender'
+import useHighlightHiddenTab from '@/hooks/useHighlightHiddenTab'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { isTxValid } from '@/components/safe-apps/utils'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+import { type ReviewTransactionContentProps } from '@/components/tx/ReviewTransactionV2/ReviewTransactionContent'
+import { getTxOrigin } from '@/utils/transactions'
+
+type ReviewSafeAppsTxProps = {
+  safeAppsTx: SafeAppsTxParams
+  onSubmit: () => void
+} & ReviewTransactionContentProps
+
+const ReviewSafeAppsTx = ({
+  safeAppsTx: { txs, params, app },
+  onSubmit,
+  children,
+  ...props
+}: ReviewSafeAppsTxProps): ReactElement => {
+  const { setSafeTx, safeTxError, setSafeTxError, setTxOrigin } = useContext(SafeTxContext)
+
+  useHighlightHiddenTab()
+
+  useEffect(() => {
+    const createSafeTx = async (): Promise<SafeTransaction> => {
+      const isMultiSend = txs.length > 1
+      const tx = isMultiSend ? await createMultiSendCallOnlyTx(txs) : await createTx(txs[0])
+
+      if (params?.safeTxGas !== undefined) {
+        // FIXME: do it properly via the Core SDK
+        // @ts-expect-error safeTxGas readonly
+        tx.data.safeTxGas = params.safeTxGas
+      }
+
+      return tx
+    }
+
+    createSafeTx()
+      .then((tx) => {
+        setSafeTx(tx)
+        setTxOrigin(getTxOrigin(app))
+      })
+      .catch(setSafeTxError)
+  }, [txs, setSafeTx, setSafeTxError, setTxOrigin, app, params])
+
+  const error = !isTxValid(txs)
+
+  return (
+    <ReviewTransaction onSubmit={onSubmit} {...props}>
+      {error ? (
+        <ErrorMessage error={safeTxError}>
+          This Safe App initiated a transaction which cannot be processed. Please get in touch with the developer of
+          this Safe App for more information.
+        </ErrorMessage>
+      ) : null}
+      {children}
+    </ReviewTransaction>
+  )
+}
+
+export default ReviewSafeAppsTx
diff --git a/apps/web/src/components/tx-flow/flows/SafeAppsTx/index.tsx b/apps/web/src/components/tx-flow/flows/SafeAppsTx/index.tsx
new file mode 100644
index 000000000..a672ecebf
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/SafeAppsTx/index.tsx
@@ -0,0 +1,62 @@
+import type { BaseTransaction, RequestId, SendTransactionRequestParams } from '@safe-global/safe-apps-sdk'
+import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
+import ReviewSafeAppsTx from './ReviewSafeAppsTx'
+import { AppTitle } from '@/components/tx-flow/flows/SignMessage'
+import { useCallback } from 'react'
+import { type SubmitCallback, TxFlow } from '../../TxFlow'
+import { type ReviewTransactionContentProps } from '@/components/tx/ReviewTransactionV2/ReviewTransactionContent'
+import { dispatchSafeAppsTx } from '@/services/tx/tx-sender'
+import { trackSafeAppTxCount } from '@/services/safe-apps/track-app-usage-count'
+import { getSafeTxHashFromTxId } from '@/utils/transactions'
+
+export type SafeAppsTxParams = {
+  appId?: string
+  app?: Partial<SafeAppData>
+  requestId: RequestId
+  txs: BaseTransaction[]
+  params?: SendTransactionRequestParams
+}
+
+const SafeAppsTxFlow = ({
+  data,
+  onSubmit,
+}: {
+  data: SafeAppsTxParams
+  onSubmit?: (txId: string, safeTxHash: string) => void
+}) => {
+  const ReviewTransactionComponent = useCallback(
+    (props: ReviewTransactionContentProps) => {
+      return <ReviewSafeAppsTx safeAppsTx={data} {...props} />
+    },
+    [data],
+  )
+
+  const handleSubmit: SubmitCallback = useCallback(
+    (args) => {
+      if (!args || !args.txId) {
+        return
+      }
+
+      const safeTxHash = getSafeTxHashFromTxId(args.txId)
+
+      if (!safeTxHash) {
+        return
+      }
+
+      trackSafeAppTxCount(Number(data.appId))
+      dispatchSafeAppsTx({ safeAppRequestId: data.requestId, txId: args.txId, safeTxHash })
+      onSubmit?.(args.txId, safeTxHash)
+    },
+    [data.appId, data.requestId, onSubmit],
+  )
+
+  return (
+    <TxFlow
+      onSubmit={handleSubmit}
+      subtitle={<AppTitle name={data.app?.name} logoUri={data.app?.iconUrl} txs={data.txs} />}
+      ReviewTransactionComponent={ReviewTransactionComponent}
+    />
+  )
+}
+
+export default SafeAppsTxFlow
diff --git a/src/components/tx-flow/flows/SignMessage/SignMessage.test.tsx b/apps/web/src/components/tx-flow/flows/SignMessage/SignMessage.test.tsx
similarity index 90%
rename from src/components/tx-flow/flows/SignMessage/SignMessage.test.tsx
rename to apps/web/src/components/tx-flow/flows/SignMessage/SignMessage.test.tsx
index c43fd4929..87d0e954f 100644
--- a/src/components/tx-flow/flows/SignMessage/SignMessage.test.tsx
+++ b/apps/web/src/components/tx-flow/flows/SignMessage/SignMessage.test.tsx
@@ -1,7 +1,9 @@
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import type Safe from '@safe-global/protocol-kit'
+import { act } from 'react'
 import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
 import { hexlify, zeroPadValue, toUtf8Bytes } from 'ethers'
-import type { SafeInfo, SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
-import { SafeMessageListItemType } from '@safe-global/safe-gateway-typescript-sdk'
+import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
 import SignMessage from './SignMessage'
 
 import * as useIsWrongChainHook from '@/hooks/useIsWrongChain'
@@ -11,12 +13,12 @@ import * as useSafeInfoHook from '@/hooks/useSafeInfo'
 import * as useChainsHook from '@/hooks/useChains'
 import * as sender from '@/services/safe-messages/safeMsgSender'
 import * as onboard from '@/hooks/wallets/useOnboard'
-import * as sdk from '@/services/tx/tx-sender/sdk'
 import * as useSafeMessage from '@/hooks/messages/useSafeMessage'
-import { render, act, fireEvent, waitFor } from '@/tests/test-utils'
+import * as sdk from '@/hooks/coreSDK/safeCoreSDK'
+import { render, fireEvent, waitFor } from '@/tests/test-utils'
 import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
 import type { EIP1193Provider, WalletState, AppState, OnboardAPI } from '@web3-onboard/core'
-import { generateSafeMessageHash } from '@/utils/safe-messages'
+import { generateSafeMessageHash } from '@safe-global/utils/utils/safe-messages'
 import { getSafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
 import { chainBuilder } from '@/tests/builders/chains'
 
@@ -37,16 +39,17 @@ const mockOnboardState = {
       label: 'Wallet 1',
       icon: '',
       provider: mockProvider,
-      chains: [{ id: '0x5' }],
+      chains: [{ id: '0x5', namespace: 'evm' }],
       accounts: [
         {
           address: '0x1234567890123456789012345678901234567890',
           ens: null,
+          uns: null,
           balance: null,
         },
       ],
     },
-  ] as WalletState[],
+  ] as unknown as WalletState[],
   accountCenter: {
     enabled: true,
   },
@@ -103,7 +106,7 @@ describe('SignMessage', () => {
 
     jest.spyOn(useIsWrongChainHook, 'default').mockImplementation(() => false)
 
-    jest.spyOn(sdk, 'assertWalletChain').mockImplementation(jest.fn())
+    jest.spyOn(sdk, 'useSafeSDK').mockReturnValue({} as unknown as Safe)
   })
 
   describe('EIP-191 messages', () => {
@@ -219,14 +222,14 @@ describe('SignMessage', () => {
         name="Test App"
         message="Hello world!"
         requestId="123"
-        safeAppId={25}
+        origin="http://localhost:3000"
       />,
     )
 
     const proposalSpy = jest.spyOn(sender, 'dispatchSafeMsgProposal').mockImplementation(() => Promise.resolve())
     const mockMessageHash = '0x456'
     const msg = {
-      type: SafeMessageListItemType.MESSAGE,
+      type: 'MESSAGE',
       messageHash: mockMessageHash,
       confirmations: [
         {
@@ -237,13 +240,13 @@ describe('SignMessage', () => {
       ],
       confirmationsRequired: 2,
       confirmationsSubmitted: 1,
-    } as unknown as SafeMessage
+    } as unknown as MessageItem
 
     ;(getSafeMessage as jest.Mock).mockResolvedValue(msg)
 
     const button = getByText('Sign')
 
-    await act(() => {
+    act(() => {
       fireEvent.click(button)
     })
 
@@ -251,15 +254,17 @@ describe('SignMessage', () => {
       expect.objectContaining({
         safe: extendedSafeInfo,
         message: 'Hello world!',
-        safeAppId: 25,
+        origin: 'http://localhost:3000',
         //onboard: expect.anything(),
       }),
     )
 
     // Immediately refetches message and displays confirmation
-    expect(baseElement).toHaveTextContent('0x0000...0002')
-    expect(baseElement).toHaveTextContent('1 of 2')
-    expect(baseElement).toHaveTextContent('Confirmation #2')
+    await waitFor(() => {
+      expect(baseElement).toHaveTextContent('0x0000...0002')
+      expect(baseElement).toHaveTextContent('1 of 2')
+      expect(baseElement).toHaveTextContent('Confirmation #2')
+    })
   })
 
   it('confirms the message if already proposed', async () => {
@@ -279,7 +284,7 @@ describe('SignMessage', () => {
       messageText,
     )
     const msg = {
-      type: SafeMessageListItemType.MESSAGE,
+      type: 'MESSAGE',
       messageHash,
       confirmations: [
         {
@@ -290,7 +295,7 @@ describe('SignMessage', () => {
       ],
       confirmationsRequired: 2,
       confirmationsSubmitted: 1,
-    } as unknown as SafeMessage
+    } as unknown as MessageItem
 
     jest.spyOn(useSafeMessage, 'default').mockReturnValueOnce([msg, jest.fn, undefined])
 
@@ -322,11 +327,11 @@ describe('SignMessage', () => {
       confirmationsRequired: 2,
       confirmationsSubmitted: 2,
       preparedSignature: '0x789',
-    } as unknown as SafeMessage
+    } as unknown as MessageItem
 
     ;(getSafeMessage as jest.Mock).mockResolvedValue(newMsg)
 
-    await act(() => {
+    act(() => {
       fireEvent.click(button)
     })
 
@@ -358,7 +363,7 @@ describe('SignMessage', () => {
         name="Test App"
         message="Hello world!"
         requestId="123"
-        safeAppId={25}
+        origin="http://localhost:3000"
       />,
     )
 
@@ -367,26 +372,25 @@ describe('SignMessage', () => {
     expect(getByText('Sign')).toBeDisabled()
   })
 
-  it('displays an error if connected to the wrong chain', () => {
+  it('displays a network switch warning if connected to the wrong chain', () => {
     jest.spyOn(onboard, 'default').mockReturnValue(mockOnboard)
     jest.spyOn(useIsSafeOwnerHook, 'default').mockImplementation(() => true)
     jest.spyOn(useIsWrongChainHook, 'default').mockImplementation(() => true)
     jest.spyOn(useChainsHook, 'useCurrentChain').mockReturnValue(chainBuilder().build())
     jest.spyOn(useSafeMessage, 'default').mockImplementation(() => [undefined, jest.fn(), undefined])
 
-    const { getByText } = render(
+    const { getByText, queryByText } = render(
       <SignMessage
         logoUri="www.fake.com/test.png"
         name="Test App"
         message="Hello world!"
         requestId="123"
-        safeAppId={25}
+        origin="http://localhost:3000"
       />,
     )
 
-    expect(getByText('Wallet network switch')).toBeInTheDocument()
-
-    expect(getByText('Sign')).not.toBeDisabled()
+    expect(getByText('Change your wallet network')).toBeInTheDocument()
+    expect(queryByText('Sign')).toBeDisabled()
   })
 
   it('displays an error if not an owner', () => {
@@ -395,7 +399,7 @@ describe('SignMessage', () => {
       () =>
         ({
           address: zeroPadValue('0x07', 20),
-        } as ConnectedWallet),
+        }) as ConnectedWallet,
     )
     jest.spyOn(useIsSafeOwnerHook, 'default').mockImplementation(() => false)
     jest.spyOn(useSafeMessage, 'default').mockImplementation(() => [undefined, jest.fn(), undefined])
@@ -406,7 +410,7 @@ describe('SignMessage', () => {
         name="Test App"
         message="Hello world!"
         requestId="123"
-        safeAppId={25}
+        origin="http://localhost:3000"
       />,
     )
 
@@ -424,7 +428,7 @@ describe('SignMessage', () => {
       () =>
         ({
           address: zeroPadValue('0x02', 20),
-        } as ConnectedWallet),
+        }) as ConnectedWallet,
     )
     const messageText = 'Hello world!'
     const messageHash = generateSafeMessageHash(
@@ -438,7 +442,7 @@ describe('SignMessage', () => {
       messageText,
     )
     const msg = {
-      type: SafeMessageListItemType.MESSAGE,
+      type: 'MESSAGE',
       messageHash,
       confirmations: [
         {
@@ -449,7 +453,7 @@ describe('SignMessage', () => {
       ],
       confirmationsRequired: 2,
       confirmationsSubmitted: 1,
-    } as unknown as SafeMessage
+    } as unknown as MessageItem
 
     jest.spyOn(useSafeMessage, 'default').mockReturnValue([msg, jest.fn, undefined])
 
@@ -470,7 +474,7 @@ describe('SignMessage', () => {
       () =>
         ({
           address: zeroPadValue('0x03', 20),
-        } as ConnectedWallet),
+        }) as ConnectedWallet,
     )
 
     jest.spyOn(useSafeMessage, 'default').mockReturnValue([undefined, jest.fn(), undefined])
@@ -488,14 +492,14 @@ describe('SignMessage', () => {
         name="Test App"
         message="Hello world!"
         requestId="123"
-        safeAppId={25}
+        origin="http://localhost:3000"
       />,
     )
 
     const button = getByText('Sign')
     expect(button).not.toBeDisabled()
 
-    await act(() => {
+    act(() => {
       fireEvent.click(button)
     })
 
@@ -512,7 +516,7 @@ describe('SignMessage', () => {
       () =>
         ({
           address: zeroPadValue('0x03', 20),
-        } as ConnectedWallet),
+        }) as ConnectedWallet,
     )
 
     const messageText = 'Hello world!'
@@ -527,7 +531,7 @@ describe('SignMessage', () => {
       messageText,
     )
     const msg = {
-      type: SafeMessageListItemType.MESSAGE,
+      type: 'MESSAGE',
       messageHash,
       confirmations: [
         {
@@ -538,7 +542,7 @@ describe('SignMessage', () => {
       ],
       confirmationsRequired: 2,
       confirmationsSubmitted: 1,
-    } as unknown as SafeMessage
+    } as unknown as MessageItem
     ;(getSafeMessage as jest.Mock).mockResolvedValue(msg)
 
     jest.spyOn(useSafeMessage, 'default').mockReturnValue([msg, jest.fn(), undefined])
@@ -559,7 +563,7 @@ describe('SignMessage', () => {
 
     expect(button).toBeEnabled()
 
-    await act(() => {
+    act(() => {
       fireEvent.click(button)
     })
 
@@ -576,7 +580,7 @@ describe('SignMessage', () => {
       () =>
         ({
           address: zeroPadValue('0x03', 20),
-        } as ConnectedWallet),
+        }) as ConnectedWallet,
     )
 
     const messageText = 'Hello world!'
@@ -591,7 +595,7 @@ describe('SignMessage', () => {
       messageText,
     )
     const msg = {
-      type: SafeMessageListItemType.MESSAGE,
+      type: 'MESSAGE',
       messageHash,
       confirmations: [
         {
@@ -608,7 +612,7 @@ describe('SignMessage', () => {
       confirmationsRequired: 2,
       confirmationsSubmitted: 2,
       preparedSignature: '0x678',
-    } as unknown as SafeMessage
+    } as unknown as MessageItem
 
     jest.spyOn(useSafeMessage, 'default').mockReturnValue([msg, jest.fn(), undefined])
     ;(getSafeMessage as jest.Mock).mockResolvedValue(msg)
diff --git a/src/components/tx-flow/flows/SignMessage/SignMessage.tsx b/apps/web/src/components/tx-flow/flows/SignMessage/SignMessage.tsx
similarity index 78%
rename from src/components/tx-flow/flows/SignMessage/SignMessage.tsx
rename to apps/web/src/components/tx-flow/flows/SignMessage/SignMessage.tsx
index f67a8b9ed..3f5473a7a 100644
--- a/src/components/tx-flow/flows/SignMessage/SignMessage.tsx
+++ b/apps/web/src/components/tx-flow/flows/SignMessage/SignMessage.tsx
@@ -1,3 +1,4 @@
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
 import {
   Grid,
   Button,
@@ -14,9 +15,7 @@ import {
 import { useTheme } from '@mui/material/styles'
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
 import { useContext, useEffect } from 'react'
-import { SafeMessageListItemType, SafeMessageStatus } from '@safe-global/safe-gateway-typescript-sdk'
 import type { ReactElement } from 'react'
-import type { SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
 import type { RequestId } from '@safe-global/safe-apps-sdk'
 import EthHashInfo from '@/components/common/EthHashInfo'
 import RequiredIcon from '@/public/images/messages/required.svg'
@@ -29,7 +28,6 @@ import useSafeMessage from '@/hooks/messages/useSafeMessage'
 import useOnboard, { switchWallet } from '@/hooks/wallets/useOnboard'
 import { TxModalContext } from '@/components/tx-flow'
 import CopyButton from '@/components/common/CopyButton'
-import { WrongChainWarning } from '@/components/tx/WrongChainWarning'
 import MsgSigners from '@/components/safe-messages/MsgSigners'
 import useDecodedSafeMessage from '@/hooks/messages/useDecodedSafeMessage'
 import useSyncSafeMessageSigner from '@/hooks/messages/useSyncSafeMessageSigner'
@@ -43,9 +41,8 @@ import { trackEvent } from '@/services/analytics'
 import { TX_EVENTS, TX_TYPES } from '@/services/analytics/events/transactions'
 import { SafeTxContext } from '../../SafeTxProvider'
 import RiskConfirmationError from '@/components/tx/SignOrExecuteForm/RiskConfirmationError'
-import { Redefine } from '@/components/tx/security/redefine'
 import { TxSecurityContext } from '@/components/tx/security/shared/TxSecurityContext'
-import { isBlindSigningPayload, isEIP712TypedData } from '@/utils/safe-messages'
+import { isBlindSigningPayload, isEIP712TypedData } from '@safe-global/utils/utils/safe-messages'
 import ApprovalEditor from '@/components/tx/ApprovalEditor'
 import { ErrorBoundary } from '@sentry/react'
 import { isWalletRejection } from '@/utils/wallets'
@@ -56,8 +53,13 @@ import { AppRoutes } from '@/config/routes'
 import { useRouter } from 'next/router'
 import MsgShareLink from '@/components/safe-messages/MsgShareLink'
 import LinkIcon from '@/public/images/messages/link.svg'
+import { Blockaid } from '@/components/tx/security/blockaid'
+import CheckWallet from '@/components/common/CheckWallet'
+import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
+import { getDomainHash, getSafeMessageMessageHash } from '@/utils/safe-hashes'
+import type { SafeVersion } from '@safe-global/types-kit'
 
-const createSkeletonMessage = (confirmationsRequired: number): SafeMessage => {
+const createSkeletonMessage = (confirmationsRequired: number): MessageItem => {
   return {
     confirmations: [],
     confirmationsRequired,
@@ -71,14 +73,20 @@ const createSkeletonMessage = (confirmationsRequired: number): SafeMessage => {
     proposedBy: {
       value: '',
     },
-    status: SafeMessageStatus.NEEDS_CONFIRMATION,
-    type: SafeMessageListItemType.MESSAGE,
+    status: 'NEEDS_CONFIRMATION',
+    type: 'MESSAGE',
   }
 }
 
 const MessageHashField = ({ label, hashValue }: { label: string; hashValue: string }) => (
   <>
-    <Typography variant="body2" fontWeight={700} mt={2}>
+    <Typography
+      variant="body2"
+      sx={{
+        fontWeight: 700,
+        mt: 2,
+      }}
+    >
       {label}:
     </Typography>
     <Typography data-testid="message-hash" variant="body2" component="div">
@@ -89,14 +97,31 @@ const MessageHashField = ({ label, hashValue }: { label: string; hashValue: stri
 
 const DialogHeader = ({ threshold }: { threshold: number }) => (
   <>
-    <Box textAlign="center" mb={2}>
+    <Box
+      sx={{
+        textAlign: 'center',
+        mb: 2,
+      }}
+    >
       <SvgIcon component={RequiredIcon} viewBox="0 0 32 32" fontSize="large" />
     </Box>
-    <Typography variant="h4" textAlign="center" gutterBottom>
+    <Typography
+      variant="h4"
+      gutterBottom
+      sx={{
+        textAlign: 'center',
+      }}
+    >
       Confirm message
     </Typography>
     {threshold > 1 && (
-      <Typography variant="body1" textAlign="center" mb={2}>
+      <Typography
+        variant="body1"
+        sx={{
+          textAlign: 'center',
+          mb: 2,
+        }}
+      >
         To sign this message, collect signatures from <b>{threshold} signers</b> of your Safe Account.
       </Typography>
     )}
@@ -111,12 +136,12 @@ const MessageDialogError = ({ isOwner, submitError }: { isOwner: boolean; submit
     !wallet || !onboard
       ? 'No wallet is connected.'
       : !isOwner
-      ? "You are currently not a signer of this Safe Account and won't be able to confirm this message."
-      : submitError && isWalletRejection(submitError)
-      ? 'User rejected signing.'
-      : submitError
-      ? 'Error confirming the message. Please try again.'
-      : null
+        ? "You are currently not a signer of this Safe Account and won't be able to confirm this message."
+        : submitError && isWalletRejection(submitError)
+          ? 'User rejected signing.'
+          : submitError
+            ? 'Error confirming the message. Please try again.'
+            : null
 
   if (errorMessage) {
     return <ErrorMessage>{errorMessage}</ErrorMessage>
@@ -137,7 +162,13 @@ const AlreadySignedByOwnerMessage = ({ hasSigned }: { hasSigned: boolean }) => {
   }
   return (
     <SuccessMessage>
-      <Grid container direction="row" justifyContent="space-between">
+      <Grid
+        container
+        direction="row"
+        sx={{
+          justifyContent: 'space-between',
+        }}
+      >
         <Grid item xs={7}>
           Your connected wallet has already signed this message.
         </Grid>
@@ -188,13 +219,18 @@ const BlindSigningWarning = ({
   )
 }
 
-const SuccessCard = ({ safeMessage, onContinue }: { safeMessage: SafeMessage; onContinue: () => void }) => {
+const SuccessCard = ({ safeMessage, onContinue }: { safeMessage: MessageItem; onContinue: () => void }) => {
   return (
     <TxCard>
-      <Typography variant="h4" textAlign="center" gutterBottom>
+      <Typography
+        variant="h4"
+        gutterBottom
+        sx={{
+          textAlign: 'center',
+        }}
+      >
         Message successfully signed
       </Typography>
-
       <MsgSigners msg={safeMessage} showOnlyConfirmations showMissingSignatures />
       <CardActions>
         <Button variant="contained" color="primary" onClick={onContinue} disabled={!safeMessage.preparedSignature}>
@@ -205,21 +241,14 @@ const SuccessCard = ({ safeMessage, onContinue }: { safeMessage: SafeMessage; on
   )
 }
 
-type BaseProps = Pick<SafeMessage, 'logoUri' | 'name' | 'message'>
-
-// Custom Safe Apps do not have a `safeAppId`
-export type ProposeProps = BaseProps & {
-  safeAppId?: number
-  requestId: RequestId
-}
+type BaseProps = Pick<MessageItem, 'logoUri' | 'name' | 'message'>
 
-// A proposed message does not return the `safeAppId` but the `logoUri` and `name` of the Safe App that proposed it
-export type ConfirmProps = BaseProps & {
-  safeAppId?: never
+export type SignMessageProps = BaseProps & {
+  origin?: string
   requestId?: RequestId
 }
 
-const SignMessage = ({ message, safeAppId, requestId }: ProposeProps | ConfirmProps): ReactElement => {
+const SignMessage = ({ message, origin, requestId }: SignMessageProps): ReactElement => {
   // Hooks & variables
   const { setTxFlow } = useContext(TxModalContext)
   const { setSafeMessage: setContextSafeMessage } = useContext(SafeTxContext)
@@ -232,6 +261,12 @@ const SignMessage = ({ message, safeAppId, requestId }: ProposeProps | ConfirmPr
 
   const { decodedMessage, safeMessageMessage, safeMessageHash } = useDecodedSafeMessage(message, safe)
   const [safeMessage, setSafeMessage] = useSafeMessage(safeMessageHash)
+  const domainHash = getDomainHash({
+    chainId: safe.chainId,
+    safeAddress: safe.address.value,
+    safeVersion: safe.version as SafeVersion,
+  })
+  const messageHash = getSafeMessageMessageHash({ message: decodedMessage, safeVersion: safe.version as SafeVersion })
   const isPlainTextMessage = typeof decodedMessage === 'string'
   const decodedMessageAsString = isPlainTextMessage ? decodedMessage : JSON.stringify(decodedMessage, null, 2)
   const signedByCurrentSafe = !!safeMessage?.confirmations.some(({ owner }) => owner.value === wallet?.address)
@@ -248,7 +283,7 @@ const SignMessage = ({ message, safeAppId, requestId }: ProposeProps | ConfirmPr
     decodedMessage,
     safeMessageHash,
     requestId,
-    safeAppId,
+    origin,
     () => setTxFlow(undefined),
   )
 
@@ -300,25 +335,34 @@ const SignMessage = ({ message, safeAppId, requestId }: ProposeProps | ConfirmPr
             isBlindSigningPayload={isBlindSigningRequest}
           />
 
-          <Typography fontWeight={700} mt={2} mb={1}>
+          <Typography
+            sx={{
+              fontWeight: 700,
+              mt: 2,
+              mb: 1,
+            }}
+          >
             Message: <CopyButton text={decodedMessageAsString} />
           </Typography>
           <DecodedMsg message={decodedMessage} isInModal />
 
-          <Accordion sx={{ my: 2, '&.Mui-expanded': { mt: 2 } }}>
+          <Accordion sx={{ mt: 2 }}>
             <AccordionSummary data-testid="message-details" expandIcon={<ExpandMoreIcon />}>
               SafeMessage details
             </AccordionSummary>
             <AccordionDetails>
               <MessageHashField label="SafeMessage" hashValue={safeMessageMessage} />
               <MessageHashField label="SafeMessage hash" hashValue={safeMessageHash} />
+              <MessageHashField label="Domain hash" hashValue={domainHash} />
+              <MessageHashField label="Message hash" hashValue={messageHash} />
             </AccordionDetails>
           </Accordion>
 
-          <Redefine />
+          <Box sx={{ '&:not(:empty)': { mt: 2 } }}>
+            <Blockaid />
+          </Box>
         </CardContent>
       </TxCard>
-
       {isFullySigned ? (
         <SuccessCard onContinue={onContinue} safeMessage={safeMessage} />
       ) : (
@@ -347,7 +391,11 @@ const SignMessage = ({ message, safeAppId, requestId }: ProposeProps | ConfirmPr
                 title="Share the link with other owners"
                 message={
                   <>
-                    <Typography mb={2}>
+                    <Typography
+                      sx={{
+                        mb: 2,
+                      }}
+                    >
                       The owners will receive a notification about signing the message. You can also share the link with
                       them to speed up the process.
                     </Typography>
@@ -358,7 +406,7 @@ const SignMessage = ({ message, safeAppId, requestId }: ProposeProps | ConfirmPr
               />
             )}
 
-            <WrongChainWarning />
+            <NetworkWarning />
 
             <MessageDialogError isOwner={isOwner} submitError={submitError} />
 
@@ -368,9 +416,13 @@ const SignMessage = ({ message, safeAppId, requestId }: ProposeProps | ConfirmPr
           </TxCard>
           <TxCard>
             <CardActions>
-              <Button variant="contained" color="primary" onClick={handleSign} disabled={isDisabled}>
-                Sign
-              </Button>
+              <CheckWallet checkNetwork={!isDisabled}>
+                {(isOk) => (
+                  <Button variant="contained" color="primary" onClick={handleSign} disabled={!isOk || isDisabled}>
+                    Sign
+                  </Button>
+                )}
+              </CheckWallet>
             </CardActions>
           </TxCard>
         </>
diff --git a/apps/web/src/components/tx-flow/flows/SignMessage/index.tsx b/apps/web/src/components/tx-flow/flows/SignMessage/index.tsx
new file mode 100644
index 000000000..98294058a
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/SignMessage/index.tsx
@@ -0,0 +1,66 @@
+import TxLayout from '@/components/tx-flow/common/TxLayout'
+import SignMessage, { type SignMessageProps } from '@/components/tx-flow/flows/SignMessage/SignMessage'
+import { getSwapTitle } from '@/features/swap'
+import { selectSwapParams } from '@/features/swap/store/swapParamsSlice'
+import { useAppSelector } from '@/store'
+import { Box, Typography } from '@mui/material'
+import SafeAppIconCard from '@/components/safe-apps/SafeAppIconCard'
+import { ErrorBoundary } from '@sentry/react'
+import { type BaseTransaction } from '@safe-global/safe-apps-sdk'
+import { SWAP_TITLE } from '@/features/swap/constants'
+import { STAKE_TITLE } from '@/features/stake/constants'
+import { getStakeTitle } from '@/features/stake/helpers/utils'
+
+const APP_LOGO_FALLBACK_IMAGE = '/images/apps/apps-icon.svg'
+const APP_NAME_FALLBACK = 'Sign message'
+
+export const AppTitle = ({
+  name,
+  logoUri,
+  txs,
+}: {
+  name?: string | null
+  logoUri?: string | null
+  txs?: BaseTransaction[]
+}) => {
+  const swapParams = useAppSelector(selectSwapParams)
+
+  const appName = name || APP_NAME_FALLBACK
+  const appLogo = logoUri || APP_LOGO_FALLBACK_IMAGE
+
+  let title = appName
+  if (name === SWAP_TITLE) {
+    title = getSwapTitle(swapParams.tradeType, txs) || title
+  }
+
+  if (name === STAKE_TITLE) {
+    title = getStakeTitle(txs) || title
+  }
+
+  return (
+    <Box display="flex" alignItems="center">
+      <SafeAppIconCard src={appLogo} alt={name || 'The icon of the application'} width={32} height={32} />
+      <Typography variant="h4" pl={2} fontWeight="bold">
+        {title}
+      </Typography>
+    </Box>
+  )
+}
+
+const SignMessageFlow = ({ ...props }: SignMessageProps) => {
+  return (
+    <TxLayout
+      title="Confirm message"
+      subtitle={<AppTitle name={props.name} logoUri={props.logoUri} />}
+      step={0}
+      hideNonce
+      isMessage
+    >
+      <ErrorBoundary fallback={<div>Error signing message</div>}>
+        <SignMessage {...props} />
+      </ErrorBoundary>
+    </TxLayout>
+  )
+}
+
+export default SignMessageFlow
diff --git a/apps/web/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.test.tsx b/apps/web/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.test.tsx
new file mode 100644
index 000000000..db25d1ccd
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.test.tsx
@@ -0,0 +1,119 @@
+import { Methods } from '@safe-global/safe-apps-sdk'
+import * as web3 from '@/hooks/wallets/web3'
+import * as useSafeInfo from '@/hooks/useSafeInfo'
+import { render, screen } from '@/tests/test-utils'
+import * as execThroughRoleHooks from '@/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/hooks'
+import type { TransactionPreview } from '@safe-global/safe-gateway-typescript-sdk'
+import { SafeAppAccessPolicyTypes } from '@safe-global/safe-gateway-typescript-sdk'
+import ReviewSignMessageOnChain from '@/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain'
+import { JsonRpcProvider } from 'ethers'
+import { act } from '@testing-library/react'
+import { faker } from '@faker-js/faker'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+import type { SafeTxContextParams } from '../../SafeTxProvider'
+import { SafeTxContext } from '../../SafeTxProvider'
+import { createSafeTx } from '@/tests/builders/safeTx'
+import * as useTxPreviewHooks from '@/components/tx/confirmation-views/useTxPreview'
+import { SlotProvider } from '../../slots'
+
+jest.spyOn(execThroughRoleHooks, 'useRoles').mockReturnValue([])
+describe('ReviewSignMessageOnChain', () => {
+  test('can handle messages with EIP712Domain type in the JSON-RPC payload', async () => {
+    jest.spyOn(useTxPreviewHooks, 'default').mockReturnValue([
+      {
+        txInfo: {},
+        txData: { to: { value: '0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67' } },
+      } as TransactionPreview,
+      undefined,
+      false,
+    ])
+    jest.spyOn(web3, 'getWeb3ReadOnly').mockImplementation(() => new JsonRpcProvider())
+    const safeAddress = faker.finance.ethereumAddress()
+    jest.spyOn(useSafeInfo, 'default').mockReturnValue({
+      safeAddress,
+      safe: extendedSafeInfoBuilder()
+        .with({ address: { value: safeAddress } })
+        .build(),
+      safeLoaded: true,
+      safeLoading: false,
+    })
+
+    await act(async () => {
+      render(
+        <SafeTxContext.Provider
+          value={
+            {
+              safeTx: createSafeTx(),
+            } as SafeTxContextParams
+          }
+        >
+          <SlotProvider>
+            <ReviewSignMessageOnChain
+              app={{
+                id: 73,
+                url: 'https://app.com',
+                name: 'App',
+                iconUrl: 'https://app.com/icon.png',
+                description: 'App description',
+                chainIds: ['1'],
+                tags: [],
+                features: [],
+                socialProfiles: [],
+                developerWebsite: '',
+                accessControl: {
+                  type: SafeAppAccessPolicyTypes.NoRestrictions,
+                },
+              }}
+              requestId="73"
+              message={{
+                types: {
+                  Vote: [
+                    {
+                      name: 'from',
+                      type: 'address',
+                    },
+                    {
+                      name: 'space',
+                      type: 'string',
+                    },
+                    {
+                      name: 'timestamp',
+                      type: 'uint64',
+                    },
+                    {
+                      name: 'proposal',
+                      type: 'bytes32',
+                    },
+                    {
+                      name: 'choice',
+                      type: 'uint32',
+                    },
+                  ],
+                  EIP712Domain: [
+                    { name: 'name', type: 'string' },
+                    { name: 'version', type: 'string' },
+                  ],
+                },
+                domain: {
+                  name: 'snapshot',
+                  version: '0.1.4',
+                },
+                message: {
+                  from: '0x292bacf82268e143f5195af6928693699e31f911',
+                  space: 'fabien.eth',
+                  timestamp: '1663592967',
+                  proposal: '0xbe992f0a433d2dbe2e0cee579e5e1bdb625cdcb3a14357ea990c6cdc3e129991',
+                  choice: '1',
+                },
+              }}
+              method={Methods.signTypedMessage}
+              onSubmit={() => {}}
+            />
+          </SlotProvider>
+        </SafeTxContext.Provider>,
+      )
+    })
+
+    expect(screen.getByText('Interact with SignMessageLib')).toBeInTheDocument()
+  })
+})
diff --git a/apps/web/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.tsx b/apps/web/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.tsx
new file mode 100644
index 000000000..7f6a97bfe
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.tsx
@@ -0,0 +1,148 @@
+import type { ReactElement } from 'react'
+import { useContext, useEffect, useState } from 'react'
+import { useMemo } from 'react'
+import { hashMessage, TypedDataEncoder } from 'ethers'
+import { Box } from '@mui/system'
+import { Typography, SvgIcon } from '@mui/material'
+import WarningIcon from '@/public/images/notifications/warning.svg'
+import { type EIP712TypedData, Methods, type RequestId } from '@safe-global/safe-apps-sdk'
+import { OperationType } from '@safe-global/types-kit'
+
+import SendFromBlock from '@/components/tx/SendFromBlock'
+import { InfoDetails } from '@/components/transactions/InfoDetails'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { getReadOnlySignMessageLibContract } from '@/services/contracts/safeContracts'
+import { DecodedMsg } from '@/components/safe-messages/DecodedMsg'
+import CopyButton from '@/components/common/CopyButton'
+import { getDecodedMessage } from '@/components/safe-apps/utils'
+import { createTx } from '@/services/tx/tx-sender'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import useHighlightHiddenTab from '@/hooks/useHighlightHiddenTab'
+import { type SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { isEIP712TypedData } from '@safe-global/utils/utils/safe-messages'
+import ApprovalEditor from '@/components/tx/ApprovalEditor'
+import { ErrorBoundary } from '@sentry/react'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { HexEncodedData } from '@/components/transactions/HexEncodedData'
+import ReviewTransaction, { type ReviewTransactionProps } from '@/components/tx/ReviewTransactionV2'
+
+export type SignMessageOnChainProps = {
+  app?: SafeAppData
+  requestId: RequestId
+  message: string | EIP712TypedData
+  method: Methods.signMessage | Methods.signTypedMessage
+} & ReviewTransactionProps
+
+const ReviewSignMessageOnChain = ({ message, method, children, ...props }: SignMessageOnChainProps): ReactElement => {
+  const { safe } = useSafeInfo()
+  const { safeTx, setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+  useHighlightHiddenTab()
+
+  const isTextMessage = method === Methods.signMessage && typeof message === 'string'
+  const isTypedMessage = method === Methods.signTypedMessage && isEIP712TypedData(message)
+
+  const [readOnlySignMessageLibContract] = useAsync(
+    async () => getReadOnlySignMessageLibContract(safe.version),
+    [safe.version],
+  )
+
+  const [signMessageAddress, setSignMessageAddress] = useState<string>('')
+
+  useEffect(() => {
+    if (!readOnlySignMessageLibContract) return
+    setSignMessageAddress(readOnlySignMessageLibContract.getAddress())
+  }, [readOnlySignMessageLibContract])
+
+  const [decodedMessage, readableMessage] = useMemo(() => {
+    if (isTextMessage) {
+      const decoded = getDecodedMessage(message)
+      return [decoded, decoded]
+    } else if (isTypedMessage) {
+      return [message, JSON.stringify(message, null, 2)]
+    }
+    return []
+  }, [isTextMessage, isTypedMessage, message])
+
+  useEffect(() => {
+    let txData
+
+    if (!readOnlySignMessageLibContract || !signMessageAddress) return
+
+    if (isTextMessage) {
+      txData = readOnlySignMessageLibContract.encode('signMessage', [
+        hashMessage(getDecodedMessage(message)) as `0x${string}`,
+      ])
+    } else if (isTypedMessage) {
+      const typesCopy = { ...message.types }
+
+      // We need to remove the EIP712Domain type from the types object
+      // Because it's a part of the JSON-RPC payload, but for the `.hash` in ethers.js
+      // The types are not allowed to be recursive, so ever type must either be used by another type, or be
+      // the primary type. And there must only be one type that is not used by any other type.
+      delete typesCopy.EIP712Domain
+      txData = readOnlySignMessageLibContract.encode('signMessage', [
+        // @ts-ignore
+        TypedDataEncoder.hash(message.domain, typesCopy, message.message),
+      ])
+    }
+
+    const params = {
+      to: signMessageAddress,
+      value: '0',
+      data: txData ?? '0x',
+      operation: OperationType.DelegateCall,
+    }
+    createTx(params).then(setSafeTx).catch(setSafeTxError)
+  }, [
+    isTextMessage,
+    isTypedMessage,
+    message,
+    readOnlySignMessageLibContract,
+    setSafeTx,
+    setSafeTxError,
+    signMessageAddress,
+  ])
+
+  return (
+    <ReviewTransaction {...props}>
+      <SendFromBlock />
+
+      <InfoDetails title="Interact with SignMessageLib">
+        <EthHashInfo address={signMessageAddress} shortAddress={false} showCopyButton hasExplorer />
+      </InfoDetails>
+
+      {isEIP712TypedData(decodedMessage) && (
+        <ErrorBoundary fallback={<div>Error parsing data</div>}>
+          <ApprovalEditor safeMessage={decodedMessage} />
+        </ErrorBoundary>
+      )}
+
+      {safeTx && (
+        <Box pb={1}>
+          <HexEncodedData title="Data:" hexData={safeTx.data.data} />
+        </Box>
+      )}
+
+      <Typography my={1}>
+        <b>Signing method:</b> <code>{method}</code>
+      </Typography>
+
+      <Typography my={2}>
+        <b>Signing message:</b> {readableMessage && <CopyButton text={readableMessage} />}
+      </Typography>
+      <DecodedMsg message={decodedMessage} isInModal />
+
+      <Box display="flex" alignItems="center" my={2}>
+        <SvgIcon component={WarningIcon} inheritViewBox color="warning" />
+        <Typography ml={1}>
+          Signing a message with your Safe Account requires a transaction on the blockchain
+        </Typography>
+      </Box>
+
+      {children}
+    </ReviewTransaction>
+  )
+}
+
+export default ReviewSignMessageOnChain
diff --git a/apps/web/src/components/tx-flow/flows/SignMessageOnChain/index.tsx b/apps/web/src/components/tx-flow/flows/SignMessageOnChain/index.tsx
new file mode 100644
index 000000000..d41917eec
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/SignMessageOnChain/index.tsx
@@ -0,0 +1,47 @@
+import { AppTitle } from '@/components/tx-flow/flows/SignMessage'
+import ReviewSignMessageOnChain, {
+  type SignMessageOnChainProps,
+} from '@/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain'
+import { useCallback } from 'react'
+import { TxFlowType } from '@/services/analytics'
+import { type ReviewTransactionProps } from '@/components/tx/ReviewTransactionV2'
+import { type SubmitCallback, TxFlow } from '../../TxFlow'
+import { dispatchSafeAppsTx } from '@/services/tx/tx-sender'
+import { getSafeTxHashFromTxId } from '@/utils/transactions'
+
+const SignMessageOnChainFlow = ({ props }: { props: Omit<SignMessageOnChainProps, 'onSubmit'> }) => {
+  const { requestId } = props
+  const ReviewComponent = useCallback(
+    (reviewTxProps: ReviewTransactionProps) => {
+      return <ReviewSignMessageOnChain {...props} {...reviewTxProps} />
+    },
+    [props],
+  )
+
+  const handleSubmit: SubmitCallback = useCallback(
+    async (args) => {
+      if (!args?.txId) {
+        return
+      }
+      const safeTxHash = getSafeTxHashFromTxId(args.txId)
+
+      if (!safeTxHash) {
+        return
+      }
+
+      await dispatchSafeAppsTx({ safeAppRequestId: requestId, safeTxHash, txId: args.txId })
+    },
+    [requestId],
+  )
+
+  return (
+    <TxFlow
+      subtitle={<AppTitle name={props.app?.name} logoUri={props.app?.iconUrl} />}
+      eventCategory={TxFlowType.SIGN_MESSAGE_ON_CHAIN}
+      ReviewTransactionComponent={ReviewComponent}
+      onSubmit={handleSubmit}
+    />
+  )
+}
+
+export default SignMessageOnChainFlow
diff --git a/apps/web/src/components/tx-flow/flows/SuccessScreen/StatusMessage.tsx b/apps/web/src/components/tx-flow/flows/SuccessScreen/StatusMessage.tsx
new file mode 100644
index 000000000..456e43d33
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/SuccessScreen/StatusMessage.tsx
@@ -0,0 +1,55 @@
+import { isTimeoutError } from '@/utils/ethers-utils'
+import classNames from 'classnames'
+import { Box, Typography } from '@mui/material'
+import LoadingSpinner, { SpinnerStatus } from '@/components/new-safe/create/steps/StatusStep/LoadingSpinner'
+import { PendingStatus } from '@/store/pendingTxsSlice'
+import css from './styles.module.css'
+
+const getStep = (status: PendingStatus, error?: Error) => {
+  switch (status) {
+    case PendingStatus.PROCESSING:
+    case PendingStatus.RELAYING:
+      return {
+        description: 'Transaction is now processing',
+        instruction: 'The transaction was confirmed and is now being processed.',
+        classNames: '',
+      }
+    case PendingStatus.INDEXING:
+      return {
+        description: 'Transaction was processed',
+        instruction: 'It is now being indexed.',
+        classNames: classNames(css.instructions, error ? css.errorBg : css.infoBg),
+      }
+    default:
+      return {
+        description: error ? 'Transaction failed' : 'Transaction was successful',
+        instruction: error ? (isTimeoutError(error) ? 'Transaction timed out' : error.message) : '',
+        classNames: classNames(css.instructions, error ? css.errorBg : css.infoBg),
+      }
+  }
+}
+
+const StatusMessage = ({ status, error }: { status: PendingStatus; error?: Error }) => {
+  const stepInfo = getStep(status, error)
+
+  const isSuccess = status === undefined
+  const spinnerStatus = error ? SpinnerStatus.ERROR : isSuccess ? SpinnerStatus.SUCCESS : SpinnerStatus.PROCESSING
+
+  return (
+    <>
+      <Box px={3} mt={3}>
+        <LoadingSpinner status={spinnerStatus} />
+        <Typography data-testid="transaction-status" variant="h6" mt={2} fontWeight={700}>
+          {stepInfo.description}
+        </Typography>
+      </Box>
+      {stepInfo.instruction && (
+        <Box className={stepInfo.classNames}>
+          <Typography variant="body2">{stepInfo.instruction}</Typography>
+        </Box>
+      )}
+    </>
+  )
+}
+
+export default StatusMessage
diff --git a/src/components/tx-flow/flows/SuccessScreen/StatusStepper.tsx b/apps/web/src/components/tx-flow/flows/SuccessScreen/StatusStepper.tsx
similarity index 100%
rename from src/components/tx-flow/flows/SuccessScreen/StatusStepper.tsx
rename to apps/web/src/components/tx-flow/flows/SuccessScreen/StatusStepper.tsx
diff --git a/apps/web/src/components/tx-flow/flows/SuccessScreen/index.tsx b/apps/web/src/components/tx-flow/flows/SuccessScreen/index.tsx
new file mode 100644
index 000000000..0649a9849
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/SuccessScreen/index.tsx
@@ -0,0 +1,158 @@
+import StatusStepper from './StatusStepper'
+import { Button, Container, Divider, Paper } from '@mui/material'
+import classnames from 'classnames'
+import Link from 'next/link'
+import css from './styles.module.css'
+import { useAppSelector } from '@/store'
+import { PendingStatus, selectPendingTxById } from '@/store/pendingTxsSlice'
+import { useCallback, useContext, useEffect, useState } from 'react'
+import { useCurrentChain } from '@/hooks/useChains'
+import { TxEvent, txSubscribe } from '@/services/tx/txEvents'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { TxModalContext } from '../..'
+import LoadingSpinner, { SpinnerStatus } from '@/components/new-safe/create/steps/StatusStep/LoadingSpinner'
+import { ProcessingStatus } from '@/components/tx-flow/flows/SuccessScreen/statuses/ProcessingStatus'
+import { IndexingStatus } from '@/components/tx-flow/flows/SuccessScreen/statuses/IndexingStatus'
+import { DefaultStatus } from '@/components/tx-flow/flows/SuccessScreen/statuses/DefaultStatus'
+import { isSwapTransferOrderTxInfo } from '@/utils/transaction-guards'
+import { getTxLink } from '@/utils/tx-link'
+import useTxDetails from '@/hooks/useTxDetails'
+import { usePredictSafeAddressFromTxDetails } from '@/hooks/usePredictSafeAddressFromTxDetails'
+import { AppRoutes } from '@/config/routes'
+import { NESTED_SAFE_EVENTS, NESTED_SAFE_LABELS } from '@/services/analytics/events/nested-safes'
+import Track from '@/components/common/Track'
+
+interface Props {
+  /** The ID assigned to the transaction in the client-gateway */
+  txId?: string
+  /** For module transaction, pass the transaction hash while the `txId` is not yet available */
+  txHash?: string
+}
+
+const SuccessScreen = ({ txId, txHash }: Props) => {
+  const [localTxHash, setLocalTxHash] = useState<string | undefined>(txHash)
+  const [error, setError] = useState<Error>()
+  const { setTxFlow } = useContext(TxModalContext)
+  const chain = useCurrentChain()
+  const pendingTx = useAppSelector((state) => (txId ? selectPendingTxById(state, txId) : undefined))
+  const { safeAddress } = useSafeInfo()
+  const status = !txId && txHash ? PendingStatus.INDEXING : pendingTx?.status
+  const pendingTxHash = pendingTx && 'txHash' in pendingTx ? pendingTx.txHash : undefined
+  const txLink = chain && txId && getTxLink(txId, chain, safeAddress)
+  const [txDetails] = useTxDetails(txId)
+  const isSwapOrder = txDetails && isSwapTransferOrderTxInfo(txDetails.txInfo)
+  const [predictedSafeAddress] = usePredictSafeAddressFromTxDetails(txDetails)
+
+  useEffect(() => {
+    if (!pendingTxHash) return
+
+    setLocalTxHash(pendingTxHash)
+  }, [pendingTxHash])
+
+  useEffect(() => {
+    const unsubFns: Array<() => void> = ([TxEvent.FAILED, TxEvent.REVERTED] as const).map((event) =>
+      txSubscribe(event, (detail) => {
+        if (detail.txId === txId && pendingTx) setError(detail.error)
+      }),
+    )
+
+    return () => unsubFns.forEach((unsubscribe) => unsubscribe())
+  }, [txId, pendingTx])
+
+  const onClose = useCallback(() => {
+    setTxFlow(undefined)
+  }, [setTxFlow])
+
+  const isSuccess = status === undefined
+  const spinnerStatus = error ? SpinnerStatus.ERROR : isSuccess ? SpinnerStatus.SUCCESS : SpinnerStatus.PROCESSING
+
+  let StatusComponent
+  switch (status) {
+    case PendingStatus.PROCESSING:
+    case PendingStatus.RELAYING:
+      // status can only have these values if txId & pendingTx are defined
+      StatusComponent = <ProcessingStatus txId={txId!} pendingTx={pendingTx!} willDeploySafe={!!predictedSafeAddress} />
+      break
+    case PendingStatus.INDEXING:
+      StatusComponent = <IndexingStatus willDeploySafe={!!predictedSafeAddress} />
+      break
+    default:
+      StatusComponent = <DefaultStatus error={error} willDeploySafe={!!predictedSafeAddress} />
+  }
+
+  return (
+    <Container
+      component={Paper}
+      disableGutters
+      sx={{
+        textAlign: 'center',
+        maxWidth: `${900 - 75}px`, // md={11}
+      }}
+      maxWidth={false}
+    >
+      <div className={css.row}>
+        <LoadingSpinner status={spinnerStatus} />
+        {StatusComponent}
+      </div>
+
+      {!error && (
+        <>
+          <Divider />
+          <div className={css.row}>
+            <StatusStepper status={status} txHash={localTxHash} />
+          </div>
+        </>
+      )}
+
+      <Divider />
+
+      <div className={classnames(css.row, css.buttons)}>
+        {isSwapOrder && (
+          <Button data-testid="finish-transaction-btn" variant="outlined" size="small" onClick={onClose}>
+            Back to swaps
+          </Button>
+        )}
+
+        {txLink && (
+          <Link {...txLink} passHref target="_blank" rel="noreferrer" legacyBehavior>
+            <Button
+              data-testid="view-transaction-btn"
+              variant={isSwapOrder ? 'contained' : 'outlined'}
+              size="small"
+              onClick={onClose}
+            >
+              View transaction
+            </Button>
+          </Link>
+        )}
+
+        {!isSwapOrder &&
+          (predictedSafeAddress ? (
+            <Track {...NESTED_SAFE_EVENTS.OPEN_NESTED_SAFE} label={NESTED_SAFE_LABELS.success_screen}>
+              <Link
+                href={{ pathname: AppRoutes.home, query: { safe: `${chain?.shortName}:${predictedSafeAddress}` } }}
+                passHref
+                legacyBehavior
+              >
+                <Button
+                  data-testid="open-nested-safe-btn"
+                  variant="contained"
+                  size="small"
+                  onClick={onClose}
+                  disabled={!isSuccess}
+                >
+                  Go to Nested Safe
+                </Button>
+              </Link>
+            </Track>
+          ) : (
+            <Button data-testid="finish-transaction-btn" variant="contained" size="small" onClick={onClose}>
+              Finish
+            </Button>
+          ))}
+      </div>
+    </Container>
+  )
+}
+
+export default SuccessScreen
diff --git a/apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/DefaultStatus.tsx b/apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/DefaultStatus.tsx
new file mode 100644
index 000000000..ae7763c38
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/DefaultStatus.tsx
@@ -0,0 +1,27 @@
+import { Box, Typography } from '@mui/material'
+import classNames from 'classnames'
+import css from '@/components/tx-flow/flows/SuccessScreen/styles.module.css'
+import { isTimeoutError } from '@/utils/ethers-utils'
+
+const TRANSACTION_FAILED = 'Transaction failed'
+const NESTED_SAFE_SUCCESSFUL = 'Nested Safe was created'
+const TRANSACTION_SUCCESSFUL = 'Transaction was successful'
+
+type Props = {
+  error: undefined | Error
+  willDeploySafe: boolean
+}
+export const DefaultStatus = ({ error, willDeploySafe: isCreatingSafe }: Props) => (
+  <Box px={3} mt={3}>
+    <Typography data-testid="transaction-status" variant="h6" mt={2} fontWeight={700}>
+      {error ? TRANSACTION_FAILED : !isCreatingSafe ? TRANSACTION_SUCCESSFUL : NESTED_SAFE_SUCCESSFUL}
+    </Typography>
+    {error && (
+      <Box className={classNames(css.instructions, error ? css.errorBg : css.infoBg)}>
+        <Typography variant="body2">
+          {error ? (isTimeoutError(error) ? 'Transaction timed out' : error.message) : ''}
+        </Typography>
+      </Box>
+    )}
+  </Box>
+)
diff --git a/apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/IndexingStatus.tsx b/apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/IndexingStatus.tsx
new file mode 100644
index 000000000..da696ef71
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/IndexingStatus.tsx
@@ -0,0 +1,14 @@
+import { Box, Typography } from '@mui/material'
+import classNames from 'classnames'
+import css from '@/components/tx-flow/flows/SuccessScreen/styles.module.css'
+
+export const IndexingStatus = ({ willDeploySafe: isCreatingSafe }: { willDeploySafe: boolean }) => (
+  <Box px={3} mt={3}>
+    <Typography data-testid="transaction-status" variant="h6" mt={2} fontWeight={700}>
+      {!isCreatingSafe ? 'Transaction' : 'Nested Safe'} was processed
+    </Typography>
+    <Box className={classNames(css.instructions, css.infoBg)}>
+      <Typography variant="body2"> It is now being indexed.</Typography>
+    </Box>
+  </Box>
+)
diff --git a/apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/ProcessingStatus.tsx b/apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/ProcessingStatus.tsx
new file mode 100644
index 000000000..4660a6a8d
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/ProcessingStatus.tsx
@@ -0,0 +1,25 @@
+// Extract status handling into separate components
+import { Box, Typography } from '@mui/material'
+import { SpeedUpMonitor } from '@/features/speedup/components/SpeedUpMonitor'
+import { PendingStatus, type PendingTx } from '@/store/pendingTxsSlice'
+
+type Props = {
+  txId: string
+  pendingTx: PendingTx
+  willDeploySafe: boolean
+}
+export const ProcessingStatus = ({ txId, pendingTx, willDeploySafe: isCreatingSafe }: Props) => (
+  <Box px={3} mt={3}>
+    <Typography data-testid="transaction-status" variant="h6" mt={2} fontWeight={700}>
+      {!isCreatingSafe ? 'Transaction is now processing' : 'Nested Safe is now being created'}
+    </Typography>
+    <Typography variant="body2" mb={3}>
+      {!isCreatingSafe ? 'The transaction' : 'Your Nested Safe'} was confirmed and is now being processed.
+    </Typography>
+    <Box>
+      {pendingTx.status === PendingStatus.PROCESSING && (
+        <SpeedUpMonitor txId={txId} pendingTx={pendingTx} modalTrigger="alertBox" />
+      )}
+    </Box>
+  </Box>
+)
diff --git a/src/components/tx-flow/flows/SuccessScreen/styles.module.css b/apps/web/src/components/tx-flow/flows/SuccessScreen/styles.module.css
similarity index 100%
rename from src/components/tx-flow/flows/SuccessScreen/styles.module.css
rename to apps/web/src/components/tx-flow/flows/SuccessScreen/styles.module.css
diff --git a/apps/web/src/components/tx-flow/flows/TokenTransfer/CSVAirdropAppModal/index.tsx b/apps/web/src/components/tx-flow/flows/TokenTransfer/CSVAirdropAppModal/index.tsx
new file mode 100644
index 000000000..f2d4dfcd5
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/CSVAirdropAppModal/index.tsx
@@ -0,0 +1,55 @@
+import ModalDialog from '@/components/common/ModalDialog'
+import { AppRoutes } from '@/config/routes'
+import CSVAirdropLogo from '@/public/images/apps/csv-airdrop-app-logo.svg'
+import { Button, DialogActions, DialogContent, Grid, Typography } from '@mui/material'
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+import type { ReactElement } from 'react'
+
+const CSVAirdropAppModal = ({ onClose, appUrl }: { onClose: () => void; appUrl?: string }): ReactElement => {
+  const router = useRouter()
+
+  return (
+    <ModalDialog
+      data-testid="csvairdrop-dialog"
+      open
+      onClose={onClose}
+      dialogTitle="Limit reached"
+      hideChainIndicator
+      maxWidth="xs"
+    >
+      <DialogContent sx={{ mt: 3, textAlign: 'center' }}>
+        <Grid>
+          <CSVAirdropLogo />
+          <Typography fontWeight="bold" sx={{ mt: 2, mb: 2 }}>
+            Use CSV Airdrop
+          </Typography>
+          <Typography variant="body2">
+            You&apos;ve reached the limit of 5 recipients. To add more use CSV Airdrop, where you can simply upload you
+            CSV file and send to endless number of recipients.
+          </Typography>
+        </Grid>
+      </DialogContent>
+      {appUrl && (
+        <DialogActions style={{ textAlign: 'center', display: 'block' }}>
+          <Link
+            href={{
+              pathname: AppRoutes.apps.open,
+              query: {
+                safe: router.query.safe,
+                appUrl,
+              },
+            }}
+            passHref
+          >
+            <Button variant="contained" data-testid="open-app-btn">
+              Open CSV Airdrop
+            </Button>
+          </Link>
+        </DialogActions>
+      )}
+    </ModalDialog>
+  )
+}
+
+export default CSVAirdropAppModal
diff --git a/apps/web/src/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer.tsx b/apps/web/src/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer.tsx
new file mode 100644
index 000000000..300e6b565
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer.tsx
@@ -0,0 +1,260 @@
+import { useVisibleTokens } from '@/components/tx-flow/flows/TokenTransfer/utils'
+import { type ReactElement, useContext, useEffect, useMemo, useState } from 'react'
+import { type TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { FormProvider, useFieldArray, useForm } from 'react-hook-form'
+import {
+  Alert,
+  AlertTitle,
+  Box,
+  Button,
+  CardActions,
+  Divider,
+  Grid,
+  Link,
+  Stack,
+  SvgIcon,
+  Typography,
+} from '@mui/material'
+import TokenIcon from '@/components/common/TokenIcon'
+import AddIcon from '@/public/images/common/add.svg'
+import {
+  type MultiTokenTransferParams,
+  TokenTransferFields,
+  MultiTokenTransferFields,
+  TokenTransferType,
+  MultiTransfersFields,
+} from '.'
+import TxCard from '../../common/TxCard'
+import { formatVisualAmount } from '@safe-global/utils/utils/formatters'
+import commonCss from '@/components/tx-flow/common/styles.module.css'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { useHasPermission } from '@/permissions/hooks/useHasPermission'
+import { Permission } from '@/permissions/config'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import RecipientRow from './RecipientRow'
+import { SafeAppsName } from '@/config/constants'
+import { useRemoteSafeApps } from '@/hooks/safe-apps/useRemoteSafeApps'
+import CSVAirdropAppModal from './CSVAirdropAppModal'
+import { InsufficientFundsValidationError } from '@/components/common/TokenAmountInput'
+import { useHasFeature } from '@/hooks/useChains'
+import Track from '@/components/common/Track'
+import { MODALS_EVENTS } from '@/services/analytics'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import { TxFlowContext, type TxFlowContextType } from '../../TxFlowProvider'
+
+export const AutocompleteItem = (item: { tokenInfo: TokenInfo; balance: string }): ReactElement => (
+  <Grid
+    container
+    sx={{
+      alignItems: 'center',
+      gap: 1,
+    }}
+  >
+    <TokenIcon logoUri={item.tokenInfo.logoUri} key={item.tokenInfo.address} tokenSymbol={item.tokenInfo.symbol} />
+
+    <Grid item xs data-testid="token-item">
+      <Typography
+        variant="body2"
+        sx={{
+          whiteSpace: 'normal',
+        }}
+      >
+        {item.tokenInfo.name}
+      </Typography>
+
+      <Typography variant="caption" component="p">
+        {formatVisualAmount(item.balance, item.tokenInfo.decimals)} {item.tokenInfo.symbol}
+      </Typography>
+    </Grid>
+  </Grid>
+)
+
+const MAX_RECIPIENTS = 5
+
+export type CreateTokenTransferProps = {
+  txNonce?: number
+}
+
+export const CreateTokenTransfer = ({ txNonce }: CreateTokenTransferProps): ReactElement => {
+  const disableSpendingLimit = txNonce !== undefined
+  const [csvAirdropModalOpen, setCsvAirdropModalOpen] = useState<boolean>(false)
+  const [maxRecipientsInfo, setMaxRecipientsInfo] = useState<boolean>(false)
+  const canCreateStandardTx = useHasPermission(Permission.CreateTransaction)
+  const canCreateSpendingLimitTx = useHasPermission(Permission.CreateSpendingLimitTransaction)
+  const balancesItems = useVisibleTokens()
+  const { setNonce } = useContext(SafeTxContext)
+  const [safeApps] = useRemoteSafeApps({ name: SafeAppsName.CSV })
+  const isMassPayoutsEnabled = useHasFeature(FEATURES.MASS_PAYOUTS)
+  const { onNext, data } = useContext(TxFlowContext) as TxFlowContextType<MultiTokenTransferParams>
+
+  useEffect(() => {
+    if (txNonce !== undefined) {
+      setNonce(txNonce)
+    }
+  }, [setNonce, txNonce])
+
+  const formMethods = useForm<MultiTokenTransferParams>({
+    defaultValues: {
+      ...data,
+      [MultiTransfersFields.type]: disableSpendingLimit
+        ? TokenTransferType.multiSig
+        : canCreateSpendingLimitTx && !canCreateStandardTx
+          ? TokenTransferType.spendingLimit
+          : data?.type,
+      recipients:
+        data?.recipients.map(({ tokenAddress, ...rest }) => ({
+          ...rest,
+          [TokenTransferFields.tokenAddress]:
+            canCreateSpendingLimitTx && !canCreateStandardTx ? balancesItems[0]?.tokenInfo.address : tokenAddress,
+        })) || [],
+    },
+    mode: 'onChange',
+    delayError: 500,
+  })
+
+  const { handleSubmit, control, watch, formState } = formMethods
+
+  const hasInsufficientFunds = useMemo(
+    () =>
+      !!formState.errors.recipients &&
+      formState.errors.recipients.some?.((item) => item?.amount?.message === InsufficientFundsValidationError),
+    [formState],
+  )
+
+  const type = watch(MultiTransfersFields.type)
+
+  const {
+    fields: recipientFields,
+    append,
+    remove,
+  } = useFieldArray({ control, name: MultiTokenTransferFields.recipients })
+
+  const canAddMoreRecipients = useMemo(() => recipientFields.length < MAX_RECIPIENTS, [recipientFields])
+
+  const addRecipient = (): void => {
+    if (!canAddMoreRecipients) {
+      setCsvAirdropModalOpen(true)
+      return
+    }
+
+    if (recipientFields.length === 1) {
+      setMaxRecipientsInfo(true)
+    }
+
+    append({
+      recipient: '',
+      tokenAddress: ZERO_ADDRESS,
+      amount: '',
+    })
+  }
+
+  const removeRecipient = (index: number): void => {
+    if (recipientFields.length > 1) {
+      remove(index)
+    }
+  }
+
+  const csvAirdropAppUrl = safeApps?.[0]?.url
+
+  const CsvAirdropLink = () => (
+    <Link sx={{ cursor: 'pointer' }} onClick={() => setCsvAirdropModalOpen(true)}>
+      CSV Airdrop
+    </Link>
+  )
+
+  const canBatch = isMassPayoutsEnabled && type === TokenTransferType.multiSig
+
+  return (
+    <TxCard>
+      <FormProvider {...formMethods}>
+        <form onSubmit={handleSubmit(onNext)} className={commonCss.form}>
+          <Stack spacing={3}>
+            <Stack spacing={8}>
+              {recipientFields.map((field, index) => (
+                <RecipientRow
+                  key={field.id}
+                  removable={recipientFields.length > 1}
+                  fieldArray={{ name: MultiTokenTransferFields.recipients, index }}
+                  remove={removeRecipient}
+                  disableSpendingLimit={disableSpendingLimit || recipientFields.length > 1}
+                />
+              ))}
+            </Stack>
+
+            {canBatch && (
+              <>
+                <Stack direction="row" alignItems="center" justifyContent="space-between" mb={4}>
+                  <Track {...MODALS_EVENTS.ADD_RECIPIENT}>
+                    <Button
+                      data-testid="add-recipient-btn"
+                      variant="text"
+                      onClick={addRecipient}
+                      disabled={!canAddMoreRecipients}
+                      startIcon={<SvgIcon component={AddIcon} inheritViewBox fontSize="small" />}
+                      size="large"
+                    >
+                      Add recipient
+                    </Button>
+                  </Track>
+                  <Typography
+                    data-testid="recipients-count"
+                    variant="body2"
+                    color={canAddMoreRecipients ? 'primary' : 'error.main'}
+                  >{`${recipientFields.length}/${MAX_RECIPIENTS}`}</Typography>
+                </Stack>
+
+                {hasInsufficientFunds && (
+                  <Alert data-testid="insufficient-balance-error" severity="error">
+                    <AlertTitle>Insufficient balance</AlertTitle>
+                    <Typography variant="body2">
+                      The total amount assigned to all recipients exceeds your available balance. Please adjust the
+                      amounts you want to send.
+                    </Typography>
+                  </Alert>
+                )}
+
+                {canAddMoreRecipients && maxRecipientsInfo && !!csvAirdropAppUrl && (
+                  <Alert severity="info" onClose={() => setMaxRecipientsInfo(false)}>
+                    <Typography variant="body2">
+                      If you want to add more than {MAX_RECIPIENTS} recipients, use <CsvAirdropLink />
+                    </Typography>
+                  </Alert>
+                )}
+
+                {!canAddMoreRecipients && (
+                  <Alert data-testid="max-recipients-reached" severity="warning">
+                    <Typography variant="body2">
+                      No more recipients can be added.
+                      {!!csvAirdropAppUrl && (
+                        <>
+                          <br />
+                          Please use <CsvAirdropLink />
+                        </>
+                      )}
+                    </Typography>
+                  </Alert>
+                )}
+
+                {csvAirdropModalOpen && (
+                  <CSVAirdropAppModal onClose={() => setCsvAirdropModalOpen(false)} appUrl={csvAirdropAppUrl} />
+                )}
+              </>
+            )}
+
+            <Box>
+              <Divider className={commonCss.nestedDivider} />
+
+              <CardActions>
+                <Button variant="contained" type="submit">
+                  Next
+                </Button>
+              </CardActions>
+            </Box>
+          </Stack>
+        </form>
+      </FormProvider>
+    </TxCard>
+  )
+}
+
+export default CreateTokenTransfer
diff --git a/apps/web/src/components/tx-flow/flows/TokenTransfer/RecipientRow/index.tsx b/apps/web/src/components/tx-flow/flows/TokenTransfer/RecipientRow/index.tsx
new file mode 100644
index 000000000..04e76fb10
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/RecipientRow/index.tsx
@@ -0,0 +1,129 @@
+import AddressBookInput from '@/components/common/AddressBookInput'
+import TokenAmountInput from '@/components/common/TokenAmountInput'
+import { useVisibleBalances } from '@/hooks/useVisibleBalances'
+import DeleteIcon from '@/public/images/common/delete.svg'
+import { Box, Button, FormControl, Stack, SvgIcon } from '@mui/material'
+import { get, useFormContext } from 'react-hook-form'
+import type { FieldArrayPath, FieldPath } from 'react-hook-form'
+import type { MultiTokenTransferParams, TokenTransferParams } from '..'
+import { MultiTokenTransferFields, TokenTransferFields, TokenTransferType } from '..'
+import { useTokenAmount } from '../utils'
+import { useHasPermission } from '@/permissions/hooks/useHasPermission'
+import { Permission } from '@/permissions/config'
+import { useCallback, useContext, useEffect, useMemo } from 'react'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import SpendingLimitRow from '../SpendingLimitRow'
+import { useSelector } from 'react-redux'
+import { selectSpendingLimits } from '@/store/spendingLimitsSlice'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import Track from '@/components/common/Track'
+import { MODALS_EVENTS } from '@/services/analytics'
+
+const getFieldName = (
+  field: keyof TokenTransferParams,
+  { name, index }: RecipientRowProps['fieldArray'],
+): FieldPath<MultiTokenTransferParams> => `${name}.${index}.${field}`
+
+type RecipientRowProps = {
+  disableSpendingLimit: boolean
+  fieldArray: { name: FieldArrayPath<MultiTokenTransferParams>; index: number }
+  removable?: boolean
+  remove?: (index: number) => void
+}
+
+export const RecipientRow = ({ fieldArray, removable = true, remove, disableSpendingLimit }: RecipientRowProps) => {
+  const { balances } = useVisibleBalances()
+  const spendingLimits = useSelector(selectSpendingLimits)
+
+  const {
+    formState: { errors },
+    trigger,
+    watch,
+  } = useFormContext<MultiTokenTransferParams>()
+
+  const { setNonceNeeded } = useContext(SafeTxContext)
+
+  const recipientFieldName = getFieldName(TokenTransferFields.recipient, fieldArray)
+
+  const type = watch(MultiTokenTransferFields.type)
+  const recipient = watch(recipientFieldName)
+  const tokenAddress = watch(getFieldName(TokenTransferFields.tokenAddress, fieldArray))
+
+  const selectedToken = balances.items.find((item) => sameAddress(item.tokenInfo.address, tokenAddress))
+
+  const { totalAmount, spendingLimitAmount } = useTokenAmount(selectedToken)
+
+  const isAddressValid = !!recipient && !get(errors, recipientFieldName)
+
+  const canCreateSpendingLimitTxWithToken = useHasPermission(Permission.CreateSpendingLimitTransaction, {
+    tokenAddress,
+  })
+
+  const isSpendingLimitType = type === TokenTransferType.spendingLimit
+
+  const spendingLimitBalances = useMemo(
+    () =>
+      balances.items.filter(({ tokenInfo }) =>
+        spendingLimits.find((sl) => sameAddress(sl.token.address, tokenInfo.address)),
+      ),
+    [balances.items, spendingLimits],
+  )
+
+  const maxAmount = isSpendingLimitType && totalAmount > spendingLimitAmount ? spendingLimitAmount : totalAmount
+
+  const onRemove = useCallback(() => {
+    remove?.(fieldArray.index)
+    trigger(MultiTokenTransferFields.recipients)
+  }, [remove, fieldArray.index, trigger])
+
+  useEffect(() => {
+    setNonceNeeded(!isSpendingLimitType || spendingLimitAmount === 0n)
+  }, [setNonceNeeded, isSpendingLimitType, spendingLimitAmount])
+
+  return (
+    <>
+      <Stack spacing={1}>
+        <Stack spacing={2}>
+          <FormControl fullWidth>
+            <AddressBookInput name={recipientFieldName} canAdd={isAddressValid} />
+          </FormControl>
+
+          <FormControl fullWidth>
+            <TokenAmountInput
+              fieldArray={fieldArray}
+              balances={isSpendingLimitType ? spendingLimitBalances : balances.items}
+              selectedToken={selectedToken}
+              maxAmount={maxAmount}
+              deps={[MultiTokenTransferFields.recipients]}
+            />
+          </FormControl>
+
+          {!disableSpendingLimit && canCreateSpendingLimitTxWithToken && (
+            <FormControl fullWidth>
+              <SpendingLimitRow availableAmount={spendingLimitAmount} selectedToken={selectedToken?.tokenInfo} />
+            </FormControl>
+          )}
+        </Stack>
+
+        {removable && (
+          <Box>
+            <Track {...MODALS_EVENTS.REMOVE_RECIPIENT}>
+              <Button
+                data-testid="remove-recipient-btn"
+                onClick={onRemove}
+                aria-label="Remove recipient"
+                variant="text"
+                startIcon={<SvgIcon component={DeleteIcon} inheritViewBox fontSize="small" />}
+                size="compact"
+              >
+                Remove recipient
+              </Button>
+            </Track>
+          </Box>
+        )}
+      </Stack>
+    </>
+  )
+}
+
+export default RecipientRow
diff --git a/apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewRecipientRow.tsx b/apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewRecipientRow.tsx
new file mode 100644
index 000000000..b56f6b4df
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewRecipientRow.tsx
@@ -0,0 +1,31 @@
+import { useMemo } from 'react'
+import useBalances from '@/hooks/useBalances'
+import SendAmountBlock from '@/components/tx-flow/flows/TokenTransfer/SendAmountBlock'
+import SendToBlock from '@/components/tx/SendToBlock'
+import type { TokenTransferParams } from '.'
+import { safeParseUnits } from '@safe-global/utils/utils/formatters'
+import { Stack } from '@mui/material'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+
+const ReviewRecipientRow = ({ params, name }: { params: TokenTransferParams; name: string }) => {
+  const { balances } = useBalances()
+
+  const token = useMemo(
+    () => balances.items.find(({ tokenInfo }) => sameAddress(tokenInfo.address, params.tokenAddress)),
+    [balances.items, params.tokenAddress],
+  )
+
+  const amountInWei = useMemo(
+    () => safeParseUnits(params.amount, token?.tokenInfo.decimals)?.toString() || '0',
+    [params.amount, token?.tokenInfo.decimals],
+  )
+
+  return (
+    <Stack gap={2}>
+      {token && <SendAmountBlock amountInWei={amountInWei} tokenInfo={token.tokenInfo} />}
+      <SendToBlock address={params.recipient} name={name} avatarSize={32} />
+    </Stack>
+  )
+}
+
+export default ReviewRecipientRow
diff --git a/src/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx.tsx b/apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx.tsx
similarity index 76%
rename from src/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx.tsx
rename to apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx.tsx
index 2f15e2a6f..1ef20aea7 100644
--- a/src/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx.tsx
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx.tsx
@@ -1,8 +1,7 @@
 import useWallet from '@/hooks/wallets/useWallet'
-import { assertWalletChain } from '@/services/tx/tx-sender/sdk'
 import type { ReactElement, SyntheticEvent } from 'react'
 import { useContext, useMemo, useState } from 'react'
-import { type BigNumberish, type BytesLike, parseUnits } from 'ethers'
+import { type BigNumberish, type BytesLike } from 'ethers'
 import { Button, CardActions, Typography } from '@mui/material'
 import SendToBlock from '@/components/tx/SendToBlock'
 import { type TokenTransferParams } from '@/components/tx-flow/flows/TokenTransfer/index'
@@ -21,14 +20,16 @@ import { dispatchSpendingLimitTxExecution } from '@/services/tx/tx-sender'
 import { getTxOptions } from '@/utils/transactions'
 import { MODALS_EVENTS, trackEvent } from '@/services/analytics'
 import useOnboard from '@/hooks/wallets/useOnboard'
-import { WrongChainWarning } from '@/components/tx/WrongChainWarning'
-import { asError } from '@/services/exceptions/utils'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
 import TxCard from '@/components/tx-flow/common/TxCard'
 import { TxModalContext } from '@/components/tx-flow'
-import { type SubmitCallback } from '@/components/tx/SignOrExecuteForm'
+import { type SubmitCallback } from '@/components/tx/SignOrExecuteForm/SignOrExecuteFormV2'
 import { TX_EVENTS, TX_TYPES } from '@/services/analytics/events/transactions'
 import { isWalletRejection } from '@/utils/wallets'
-import { checksumAddress } from '@/utils/addresses'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+import { safeParseUnits } from '@safe-global/utils/utils/formatters'
+import CheckWallet from '@/components/common/CheckWallet'
+import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
 
 export type SpendingLimitTxParams = {
   safeAddress: string
@@ -60,25 +61,23 @@ const ReviewSpendingLimitTx = ({
   const token = balances.items.find((item) => item.tokenInfo.address === params.tokenAddress)
   const spendingLimit = useSpendingLimit(token?.tokenInfo)
 
+  const amountInWei = useMemo(
+    () => safeParseUnits(params.amount, token?.tokenInfo.decimals)?.toString() || '0',
+    [params.amount, token?.tokenInfo.decimals],
+  )
+
   const txParams: SpendingLimitTxParams = useMemo(
     () => ({
       safeAddress,
       token: spendingLimit?.token.address || ZERO_ADDRESS,
       to: checksumAddress(params.recipient),
-      amount: parseUnits(params.amount, token?.tokenInfo.decimals).toString(),
+      amount: amountInWei,
       paymentToken: ZERO_ADDRESS,
       payment: 0,
       delegate: spendingLimit?.beneficiary || ZERO_ADDRESS,
       signature: EMPTY_DATA,
     }),
-    [
-      params.amount,
-      params.recipient,
-      safeAddress,
-      spendingLimit?.beneficiary,
-      spendingLimit?.token,
-      token?.tokenInfo.decimals,
-    ],
+    [amountInWei, params.recipient, safeAddress, spendingLimit?.beneficiary, spendingLimit?.token],
   )
 
   const { gasLimit, gasLimitLoading } = useSpendingLimitGas(txParams)
@@ -98,8 +97,14 @@ const ReviewSpendingLimitTx = ({
     const txOptions = getTxOptions(advancedParams, currentChain)
 
     try {
-      await assertWalletChain(onboard, safe.chainId)
-      await dispatchSpendingLimitTxExecution(txParams, txOptions, wallet.provider, safe.chainId, safeAddress)
+      await dispatchSpendingLimitTxExecution(
+        txParams,
+        txOptions,
+        wallet.provider,
+        safe.chainId,
+        safeAddress,
+        safe.modules,
+      )
       onSubmit('', true)
       setTxFlow(undefined)
     } catch (_err) {
@@ -111,10 +116,11 @@ const ReviewSpendingLimitTx = ({
         setSubmitError(err)
       }
       setIsSubmittable(true)
+      return
     }
 
-    trackEvent({ ...TX_EVENTS.CREATE, label: TX_TYPES.transfer_token })
-    trackEvent({ ...TX_EVENTS.EXECUTE, label: TX_TYPES.transfer_token })
+    trackEvent({ ...TX_EVENTS.CREATE_VIA_SPENDING_LIMTI, label: TX_TYPES.transfer_token })
+    trackEvent({ ...TX_EVENTS.EXECUTE_VIA_SPENDING_LIMIT, label: TX_TYPES.transfer_token })
   }
 
   const submitDisabled = !isSubmittable || gasLimitLoading
@@ -128,13 +134,13 @@ const ReviewSpendingLimitTx = ({
           Blockchain Explorer.
         </Typography>
 
-        {token && <SendAmountBlock amount={params.amount} tokenInfo={token.tokenInfo} />}
+        {token && <SendAmountBlock amountInWei={amountInWei} tokenInfo={token.tokenInfo} />}
 
         <SendToBlock address={params.recipient} />
 
         <AdvancedParams params={advancedParams} willExecute={true} onFormSubmit={setManualParams} />
 
-        <WrongChainWarning />
+        <NetworkWarning />
 
         {submitError && (
           <ErrorMessage error={submitError}>Error submitting the transaction. Please try again.</ErrorMessage>
@@ -147,9 +153,13 @@ const ReviewSpendingLimitTx = ({
         </Typography>
 
         <CardActions>
-          <Button variant="contained" type="submit" disabled={submitDisabled}>
-            Submit
-          </Button>
+          <CheckWallet allowNonOwner checkNetwork={!submitDisabled}>
+            {(isOk) => (
+              <Button variant="contained" type="submit" disabled={!isOk || submitDisabled}>
+                Execute
+              </Button>
+            )}
+          </CheckWallet>
         </CardActions>
       </TxCard>
     </form>
diff --git a/apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewTokenTransfer.tsx b/apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewTokenTransfer.tsx
new file mode 100644
index 000000000..507a629a5
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewTokenTransfer.tsx
@@ -0,0 +1,76 @@
+import { type PropsWithChildren, useContext, useEffect, useMemo } from 'react'
+import useBalances from '@/hooks/useBalances'
+import { createTokenTransferParams } from '@/services/tx/tokenTransferParams'
+import { createMultiSendCallOnlyTx } from '@/services/tx/tx-sender'
+import type { MultiTokenTransferParams } from '.'
+import { SafeTxContext } from '../../SafeTxProvider'
+import type { MetaTransactionData } from '@safe-global/types-kit'
+import { Divider, Stack } from '@mui/material'
+import ReviewRecipientRow from './ReviewRecipientRow'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import ReviewTransaction from '@/components/tx/ReviewTransactionV2'
+
+const ReviewTokenTransfer = ({
+  params,
+  onSubmit,
+  txNonce,
+  children,
+}: PropsWithChildren<{
+  params?: MultiTokenTransferParams
+  onSubmit: () => void
+  txNonce?: number
+}>) => {
+  const { setSafeTx, setSafeTxError, setNonce, setIsMassPayout } = useContext(SafeTxContext)
+  const { balances } = useBalances()
+
+  const recipients = useMemo(() => params?.recipients || [], [params?.recipients])
+
+  useEffect(() => {
+    setIsMassPayout(recipients.length > 1)
+  }, [recipients, setIsMassPayout])
+
+  useEffect(() => {
+    if (txNonce !== undefined) {
+      setNonce(txNonce)
+    }
+
+    const calls = recipients
+      .map((recipient) => {
+        const token = balances.items.find((item) => sameAddress(item.tokenInfo.address, recipient.tokenAddress))
+
+        if (!token) return
+
+        return createTokenTransferParams(
+          recipient.recipient,
+          recipient.amount,
+          token?.tokenInfo.decimals,
+          recipient.tokenAddress,
+        )
+      })
+      .filter((transfer): transfer is MetaTransactionData => !!transfer)
+
+    createMultiSendCallOnlyTx(calls).then(setSafeTx).catch(setSafeTxError)
+  }, [recipients, txNonce, setNonce, balances, setSafeTx, setSafeTxError])
+
+  return (
+    <ReviewTransaction onSubmit={onSubmit}>
+      {recipients.length > 1 && (
+        <Stack divider={<Divider />} gap={2}>
+          {recipients.map((recipient, index) => (
+            <ReviewRecipientRow
+              params={recipient}
+              key={`${recipient.recipient}_${index}`}
+              name={`Recipient ${index + 1}`}
+            />
+          ))}
+        </Stack>
+      )}
+
+      {recipients.length > 1 && <Divider />}
+
+      {children}
+    </ReviewTransaction>
+  )
+}
+
+export default ReviewTokenTransfer
diff --git a/apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewTokenTx.tsx b/apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewTokenTx.tsx
new file mode 100644
index 000000000..7557fca02
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewTokenTx.tsx
@@ -0,0 +1,19 @@
+import { useContext, type ReactElement, type PropsWithChildren } from 'react'
+import { type MultiTokenTransferParams, TokenTransferType } from '@/components/tx-flow/flows/TokenTransfer/index'
+import ReviewTokenTransfer from '@/components/tx-flow/flows/TokenTransfer/ReviewTokenTransfer'
+import ReviewSpendingLimitTx from '@/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx'
+import { TxFlowContext, type TxFlowContextType } from '../../TxFlowProvider'
+
+const ReviewTokenTx = (props: PropsWithChildren<{ onSubmit: () => void; txNonce?: number }>): ReactElement => {
+  const { data } = useContext(TxFlowContext) as TxFlowContextType<MultiTokenTransferParams>
+  const isSpendingLimitTx = data?.type === TokenTransferType.spendingLimit
+
+  return isSpendingLimitTx && data?.recipients.length === 1 ? (
+    // TODO: Allow batched spending limit txs
+    <ReviewSpendingLimitTx params={data.recipients[0]} onSubmit={props.onSubmit} />
+  ) : (
+    <ReviewTokenTransfer params={data} {...props} />
+  )
+}
+
+export default ReviewTokenTx
diff --git a/apps/web/src/components/tx-flow/flows/TokenTransfer/SendAmountBlock.tsx b/apps/web/src/components/tx-flow/flows/TokenTransfer/SendAmountBlock.tsx
new file mode 100644
index 000000000..ace463125
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/SendAmountBlock.tsx
@@ -0,0 +1,39 @@
+import { type ReactNode } from 'react'
+import { type TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { Box, Typography } from '@mui/material'
+import TokenIcon from '@/components/common/TokenIcon'
+import FieldsGrid from '@/components/tx/FieldsGrid'
+import { formatVisualAmount } from '@safe-global/utils/utils/formatters'
+
+const SendAmountBlock = ({
+  amountInWei,
+  tokenInfo,
+  children,
+  title = 'Send',
+}: {
+  /** Amount in WEI */
+  amountInWei: number | string
+  tokenInfo: Omit<TokenInfo, 'name' | 'logoUri'> & { logoUri?: string }
+  children?: ReactNode
+  title?: string
+}) => {
+  return (
+    <FieldsGrid title={title}>
+      <Box display="flex" alignItems="center" gap={1}>
+        <TokenIcon logoUri={tokenInfo.logoUri} tokenSymbol={tokenInfo.symbol} />
+
+        <Typography variant="body2" fontWeight="bold">
+          {tokenInfo.symbol}
+        </Typography>
+
+        {children}
+
+        <Typography variant="body2" data-testid="token-amount">
+          {formatVisualAmount(amountInWei, tokenInfo.decimals, tokenInfo.decimals ?? 0)}
+        </Typography>
+      </Box>
+    </FieldsGrid>
+  )
+}
+
+export default SendAmountBlock
diff --git a/apps/web/src/components/tx-flow/flows/TokenTransfer/SpendingLimitRow/index.tsx b/apps/web/src/components/tx-flow/flows/TokenTransfer/SpendingLimitRow/index.tsx
new file mode 100644
index 000000000..233d3a61f
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/SpendingLimitRow/index.tsx
@@ -0,0 +1,162 @@
+import { FormControl, FormControlLabel, InputLabel, Radio, RadioGroup, SvgIcon, Tooltip } from '@mui/material'
+import { Controller, useFormContext } from 'react-hook-form'
+import classNames from 'classnames'
+import { safeFormatUnits } from '@safe-global/utils/utils/formatters'
+import type { TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { MultiTransfersFields, TokenTransferType } from '@/components/tx-flow/flows/TokenTransfer'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import ExternalLink from '@/components/common/ExternalLink'
+
+import css from './styles.module.css'
+import { TokenAmountFields } from '@/components/common/TokenAmountInput'
+import { useContext, useEffect } from 'react'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { useHasPermission } from '@/permissions/hooks/useHasPermission'
+import { Permission } from '@/permissions/config'
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+const SpendingLimitRow = ({
+  availableAmount,
+  selectedToken,
+}: {
+  availableAmount: bigint
+  selectedToken: TokenInfo | undefined
+}) => {
+  const { control, trigger, resetField } = useFormContext()
+  const canCreateStandardTx = useHasPermission(Permission.CreateTransaction)
+  const canCreateSpendingLimitTx = useHasPermission(Permission.CreateSpendingLimitTransaction, {
+    tokenAddress: selectedToken?.address,
+  })
+  const { setNonceNeeded } = useContext(SafeTxContext)
+
+  const formattedAmount = safeFormatUnits(availableAmount, selectedToken?.decimals)
+
+  useEffect(() => {
+    return () => {
+      // reset the field value to default when the component is unmounted
+      resetField(MultiTransfersFields.type)
+    }
+  }, [resetField])
+
+  return (
+    <FormControl>
+      <InputLabel shrink required sx={{ backgroundColor: 'background.paper', px: '6px', mx: '-6px' }}>
+        Send as
+      </InputLabel>
+      <Controller
+        rules={{ required: true }}
+        control={control}
+        name={MultiTransfersFields.type}
+        render={({ field: { onChange, ...field } }) => (
+          <RadioGroup
+            row
+            onChange={(e) => {
+              onChange(e)
+
+              setNonceNeeded(e.target.value === TokenTransferType.multiSig)
+
+              // Validate only after the field is changed
+              setTimeout(() => {
+                trigger(TokenAmountFields.amount)
+              }, 10)
+            }}
+            {...field}
+            defaultValue={TokenTransferType.multiSig}
+            className={css.group}
+          >
+            {canCreateStandardTx && (
+              <FormControlLabel
+                data-testid="standard-tx"
+                value={TokenTransferType.multiSig}
+                label={
+                  <>
+                    Standard transaction
+                    <Tooltip
+                      title={
+                        <>
+                          A standard transaction requires the signatures of other signers before the specified funds can
+                          be transferred.&nbsp;
+                          <ExternalLink
+                            href={HelpCenterArticle.SPENDING_LIMITS}
+                            title="Learn more about spending limits"
+                          >
+                            Learn more about spending limits
+                          </ExternalLink>
+                          .
+                        </>
+                      }
+                      arrow
+                      placement="top"
+                    >
+                      <span>
+                        <SvgIcon
+                          component={InfoIcon}
+                          inheritViewBox
+                          color="border"
+                          fontSize="small"
+                          sx={{
+                            verticalAlign: 'middle',
+                            ml: 0.5,
+                          }}
+                        />
+                      </span>
+                    </Tooltip>
+                  </>
+                }
+                control={<Radio />}
+                componentsProps={{ typography: { variant: 'body2' } }}
+                className={css.label}
+              />
+            )}
+            {canCreateSpendingLimitTx && (
+              <FormControlLabel
+                data-testid="spending-limit-tx"
+                value={TokenTransferType.spendingLimit}
+                label={
+                  <>
+                    Spending limit <b>{`(${formattedAmount} ${selectedToken?.symbol})`}</b>
+                    <Tooltip
+                      title={
+                        <>
+                          A spending limit transaction allows you to transfer the specified funds without the need to
+                          collect the signatures of other signers.&nbsp;
+                          <ExternalLink
+                            href={HelpCenterArticle.SPENDING_LIMITS}
+                            title="Learn more about spending limits"
+                          >
+                            Learn more about spending limits
+                          </ExternalLink>
+                          .
+                        </>
+                      }
+                      arrow
+                      placement="top"
+                    >
+                      <span>
+                        <SvgIcon
+                          component={InfoIcon}
+                          inheritViewBox
+                          color="border"
+                          fontSize="small"
+                          sx={{
+                            verticalAlign: 'middle',
+                            ml: 0.5,
+                          }}
+                        />
+                      </span>
+                    </Tooltip>
+                  </>
+                }
+                control={<Radio />}
+                componentsProps={{ typography: { variant: 'body2' } }}
+                className={classNames(css.label, { [css.spendingLimit]: canCreateStandardTx })}
+              />
+            )}
+          </RadioGroup>
+        )}
+      />
+    </FormControl>
+  )
+}
+
+export default SpendingLimitRow
diff --git a/src/components/tx-flow/flows/TokenTransfer/SpendingLimitRow/styles.module.css b/apps/web/src/components/tx-flow/flows/TokenTransfer/SpendingLimitRow/styles.module.css
similarity index 100%
rename from src/components/tx-flow/flows/TokenTransfer/SpendingLimitRow/styles.module.css
rename to apps/web/src/components/tx-flow/flows/TokenTransfer/SpendingLimitRow/styles.module.css
diff --git a/apps/web/src/components/tx-flow/flows/TokenTransfer/__tests__/CreateTokenTransfer.test.tsx b/apps/web/src/components/tx-flow/flows/TokenTransfer/__tests__/CreateTokenTransfer.test.tsx
new file mode 100644
index 000000000..ed4f0054f
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/__tests__/CreateTokenTransfer.test.tsx
@@ -0,0 +1,111 @@
+import { TokenTransferType } from '@/components/tx-flow/flows/TokenTransfer'
+import {
+  CreateTokenTransfer,
+  type CreateTokenTransferProps,
+} from '@/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer'
+import * as tokenUtils from '@/components/tx-flow/flows/TokenTransfer/utils'
+import * as useHasPermission from '@/permissions/hooks/useHasPermission'
+import { Permission } from '@/permissions/config'
+import { render } from '@/tests/test-utils'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+import TxFlowProvider from '@/components/tx-flow/TxFlowProvider'
+
+describe('CreateTokenTransfer', () => {
+  const mockParams = {
+    recipients: [
+      {
+        recipient: '',
+        tokenAddress: ZERO_ADDRESS,
+        amount: '',
+      },
+    ],
+    type: TokenTransferType.multiSig,
+  }
+
+  const useHasPermissionSpy = jest.spyOn(useHasPermission, 'useHasPermission')
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    useHasPermissionSpy.mockReturnValue(true)
+  })
+
+  const renderCreateTokenTransfer = (
+    props: CreateTokenTransferProps = {},
+    options: Parameters<typeof render>[1] = undefined,
+  ) => {
+    return render(
+      <TxFlowProvider step={0} data={mockParams} prevStep={() => {}} nextStep={jest.fn()}>
+        <CreateTokenTransfer {...props} />
+      </TxFlowProvider>,
+      options,
+    )
+  }
+
+  it('should display a token amount input', () => {
+    const { getByText } = renderCreateTokenTransfer()
+
+    expect(getByText('Amount')).toBeInTheDocument()
+  })
+
+  it('should display a recipient input', () => {
+    const { getAllByText } = renderCreateTokenTransfer()
+
+    expect(getAllByText('Recipient address')[0]).toBeInTheDocument()
+  })
+
+  it('should display a type selection if a spending limit token is selected', () => {
+    jest
+      .spyOn(tokenUtils, 'useTokenAmount')
+      .mockReturnValue({ totalAmount: BigInt(1000), spendingLimitAmount: BigInt(500) })
+
+    const tokenAddress = ZERO_ADDRESS
+
+    const { getByText } = renderCreateTokenTransfer(
+      {},
+      {
+        initialReduxState: {
+          balances: {
+            loading: false,
+            data: {
+              fiatTotal: '0',
+              items: [
+                {
+                  balance: '10',
+                  tokenInfo: {
+                    address: tokenAddress,
+                    decimals: 18,
+                    logoUri: 'someurl',
+                    name: 'Test token',
+                    symbol: 'TST',
+                    type: TokenType.ERC20,
+                  },
+                  fiatBalance: '10',
+                  fiatConversion: '1',
+                },
+              ],
+            },
+          },
+        },
+      },
+    )
+
+    expect(getByText('Send as')).toBeInTheDocument()
+
+    expect(useHasPermissionSpy).toHaveBeenCalledWith(Permission.CreateSpendingLimitTransaction)
+  })
+
+  it('should not display a type selection if user does not have `CreateSpendingLimitTransaction` permission', () => {
+    useHasPermissionSpy.mockReturnValueOnce(false)
+    const { queryByText } = renderCreateTokenTransfer({ txNonce: 1 })
+
+    expect(queryByText('Send as')).not.toBeInTheDocument()
+    expect(useHasPermissionSpy).toHaveBeenCalledWith(Permission.CreateSpendingLimitTransaction)
+  })
+
+  it('should not display a type selection if there is a txNonce', () => {
+    const { queryByText } = renderCreateTokenTransfer({ txNonce: 1 })
+
+    expect(queryByText('Send as')).not.toBeInTheDocument()
+  })
+})
diff --git a/src/components/tx-flow/flows/TokenTransfer/__tests__/utils.test.ts b/apps/web/src/components/tx-flow/flows/TokenTransfer/__tests__/utils.test.ts
similarity index 100%
rename from src/components/tx-flow/flows/TokenTransfer/__tests__/utils.test.ts
rename to apps/web/src/components/tx-flow/flows/TokenTransfer/__tests__/utils.test.ts
diff --git a/apps/web/src/components/tx-flow/flows/TokenTransfer/index.tsx b/apps/web/src/components/tx-flow/flows/TokenTransfer/index.tsx
new file mode 100644
index 000000000..40634d7af
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/index.tsx
@@ -0,0 +1,85 @@
+import CreateTokenTransfer from './CreateTokenTransfer'
+import ReviewTokenTx from '@/components/tx-flow/flows/TokenTransfer/ReviewTokenTx'
+import AssetsIcon from '@/public/images/sidebar/assets.svg'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { TokenAmountFields } from '@/components/common/TokenAmountInput'
+import { useMemo } from 'react'
+import { TxFlowType } from '@/services/analytics'
+import { TxFlow } from '../../TxFlow'
+import { TxFlowStep } from '../../TxFlowStep'
+
+export enum TokenTransferType {
+  multiSig = 'multiSig',
+  spendingLimit = 'spendingLimit',
+}
+
+enum Fields {
+  recipient = 'recipient',
+}
+
+export const TokenTransferFields = { ...Fields, ...TokenAmountFields }
+
+export type TokenTransferParams = {
+  [TokenTransferFields.recipient]: string
+  [TokenTransferFields.tokenAddress]: string
+  [TokenTransferFields.amount]: string
+}
+
+export enum MultiTransfersFields {
+  recipients = 'recipients',
+  type = 'type',
+}
+
+export const MultiTokenTransferFields = { ...MultiTransfersFields }
+
+export type MultiTokenTransferParams = {
+  [MultiTransfersFields.recipients]: TokenTransferParams[]
+  [MultiTransfersFields.type]: TokenTransferType
+}
+
+type MultiTokenTransferFlowProps = {
+  recipients?: Partial<TokenTransferParams>[]
+  txNonce?: number
+}
+
+const defaultParams: MultiTokenTransferParams = {
+  recipients: [
+    {
+      recipient: '',
+      tokenAddress: ZERO_ADDRESS,
+      amount: '',
+    },
+  ],
+  type: TokenTransferType.multiSig,
+}
+
+const TokenTransferFlow = ({ txNonce, ...params }: MultiTokenTransferFlowProps) => {
+  const initialData = useMemo<MultiTokenTransferParams>(
+    () => ({
+      ...defaultParams,
+      recipients: params.recipients
+        ? params.recipients.map((recipient) => ({
+            ...defaultParams.recipients[0],
+            ...recipient,
+          }))
+        : defaultParams.recipients,
+    }),
+    [params.recipients],
+  )
+
+  return (
+    <TxFlow
+      initialData={initialData}
+      icon={AssetsIcon}
+      subtitle="Send tokens"
+      eventCategory={TxFlowType.TOKEN_TRANSFER}
+      ReviewTransactionComponent={ReviewTokenTx}
+    >
+      <TxFlowStep title="New transaction">
+        <CreateTokenTransfer txNonce={txNonce} />
+      </TxFlowStep>
+    </TxFlow>
+  )
+}
+
+export default TokenTransferFlow
diff --git a/apps/web/src/components/tx-flow/flows/TokenTransfer/utils.ts b/apps/web/src/components/tx-flow/flows/TokenTransfer/utils.ts
new file mode 100644
index 000000000..01a946c5e
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/utils.ts
@@ -0,0 +1,34 @@
+import useIsOnlySpendingLimitBeneficiary from '@/hooks/useIsOnlySpendingLimitBeneficiary'
+import useSpendingLimit from '@/hooks/useSpendingLimit'
+import { useVisibleBalances } from '@/hooks/useVisibleBalances'
+import useWallet from '@/hooks/wallets/useWallet'
+import { useAppSelector } from '@/store'
+import { selectSpendingLimits } from '@/store/spendingLimitsSlice'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { type SafeBalanceResponse } from '@safe-global/safe-gateway-typescript-sdk'
+
+export const useTokenAmount = (selectedToken: SafeBalanceResponse['items'][0] | undefined) => {
+  const spendingLimit = useSpendingLimit(selectedToken?.tokenInfo)
+
+  const spendingLimitAmount = BigInt(spendingLimit?.amount || 0) - BigInt(spendingLimit?.spent || 0)
+  const totalAmount = BigInt(selectedToken?.balance || 0)
+
+  return { totalAmount, spendingLimitAmount }
+}
+
+export const useVisibleTokens = () => {
+  const isOnlySpendingLimitBeneficiary = useIsOnlySpendingLimitBeneficiary()
+  const { balances } = useVisibleBalances()
+  const spendingLimits = useAppSelector(selectSpendingLimits)
+  const wallet = useWallet()
+
+  if (isOnlySpendingLimitBeneficiary) {
+    return balances.items.filter(({ tokenInfo }) => {
+      return spendingLimits?.some(({ beneficiary, token }) => {
+        return sameAddress(beneficiary, wallet?.address) && sameAddress(tokenInfo.address, token.address)
+      })
+    })
+  }
+
+  return balances.items
+}
diff --git a/apps/web/src/components/tx-flow/flows/UpdateSafe/UpdateSafeReview.tsx b/apps/web/src/components/tx-flow/flows/UpdateSafe/UpdateSafeReview.tsx
new file mode 100644
index 000000000..7d41e8855
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/UpdateSafe/UpdateSafeReview.tsx
@@ -0,0 +1,25 @@
+import { useContext } from 'react'
+import { useCurrentChain } from '@/hooks/useChains'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { createUpdateSafeTxs } from '@/services/tx/safeUpdateParams'
+import { createMultiSendCallOnlyTx, createTx } from '@/services/tx/tx-sender'
+import { SafeTxContext } from '../../SafeTxProvider'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import ReviewTransaction, { type ReviewTransactionProps } from '@/components/tx/ReviewTransactionV2'
+
+export const UpdateSafeReview = (props: ReviewTransactionProps) => {
+  const { safe, safeLoaded } = useSafeInfo()
+  const chain = useCurrentChain()
+  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+
+  useAsync(async () => {
+    if (!chain || !safeLoaded) return
+
+    const txs = await createUpdateSafeTxs(safe, chain)
+    const safeTxPromise = txs.length > 1 ? createMultiSendCallOnlyTx(txs) : createTx(txs[0])
+
+    safeTxPromise.then(setSafeTx).catch(setSafeTxError)
+  }, [safe, safeLoaded, chain, setSafeTx, setSafeTxError])
+
+  return <ReviewTransaction {...props} />
+}
diff --git a/apps/web/src/components/tx-flow/flows/UpdateSafe/index.tsx b/apps/web/src/components/tx-flow/flows/UpdateSafe/index.tsx
new file mode 100644
index 000000000..85d39abdc
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/UpdateSafe/index.tsx
@@ -0,0 +1,17 @@
+import { UpdateSafeReview } from './UpdateSafeReview'
+import SettingsIcon from '@/public/images/sidebar/settings.svg'
+import { TxFlowType } from '@/services/analytics'
+import { TxFlow } from '../../TxFlow'
+
+const UpdateSafeFlow = () => {
+  return (
+    <TxFlow
+      subtitle="Update Safe Account version"
+      icon={SettingsIcon}
+      eventCategory={TxFlowType.UPDATE_SAFE}
+      ReviewTransactionComponent={UpdateSafeReview}
+    />
+  )
+}
+
+export default UpdateSafeFlow
diff --git a/src/components/tx-flow/flows/UpsertRecovery/RecovererSmartContractWarning.tsx b/apps/web/src/components/tx-flow/flows/UpsertRecovery/RecovererSmartContractWarning.tsx
similarity index 96%
rename from src/components/tx-flow/flows/UpsertRecovery/RecovererSmartContractWarning.tsx
rename to apps/web/src/components/tx-flow/flows/UpsertRecovery/RecovererSmartContractWarning.tsx
index b341658c6..5770862ce 100644
--- a/src/components/tx-flow/flows/UpsertRecovery/RecovererSmartContractWarning.tsx
+++ b/apps/web/src/components/tx-flow/flows/UpsertRecovery/RecovererSmartContractWarning.tsx
@@ -10,7 +10,7 @@ import { isSmartContractWallet } from '@/utils/wallets'
 import useDebounce from '@/hooks/useDebounce'
 import useSafeInfo from '@/hooks/useSafeInfo'
 import { UpsertRecoveryFlowFields } from '.'
-import { sameAddress } from '@/utils/addresses'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
 
 import addressBookInputCss from '@/components/common/AddressBookInput/styles.module.css'
 
diff --git a/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowIntro.tsx b/apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowIntro.tsx
similarity index 76%
rename from src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowIntro.tsx
rename to apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowIntro.tsx
index 0b23515ff..c9ccd2064 100644
--- a/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowIntro.tsx
+++ b/apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowIntro.tsx
@@ -9,6 +9,8 @@ import RecoveryExecution from '@/public/images/transactions/recovery-execution.s
 
 import css from './styles.module.css'
 import commonCss from '@/components/tx-flow/common/styles.module.css'
+import { useContext } from 'react'
+import { TxFlowContext } from '../../TxFlowProvider'
 
 const RecoverySteps = [
   {
@@ -35,18 +37,37 @@ const RecoverySteps = [
   },
 ]
 
-export function UpsertRecoveryFlowIntro({ onSubmit }: { onSubmit: () => void }): ReactElement {
+export function UpsertRecoveryFlowIntro(): ReactElement {
+  const { onNext, data } = useContext(TxFlowContext)
   return (
     <TxCard>
-      <Grid container display="flex" gap={4} className={css.connector}>
+      <Grid
+        container
+        className={css.connector}
+        sx={{
+          display: 'flex',
+          gap: 4,
+        }}
+      >
         {RecoverySteps.map(({ Icon, title, subtitle }, index) => (
           <Grid item xs={12} key={index}>
-            <Grid container display="flex" gap={3}>
+            <Grid
+              container
+              sx={{
+                display: 'flex',
+                gap: 3,
+              }}
+            >
               <Grid item className={css.icon}>
                 <Icon />
               </Grid>
               <Grid item xs>
-                <Typography variant="h5" mb={0.5}>
+                <Typography
+                  variant="h5"
+                  sx={{
+                    mb: 0.5,
+                  }}
+                >
                   {title}
                 </Typography>
                 <Typography variant="body2">{subtitle}</Typography>
@@ -55,11 +76,9 @@ export function UpsertRecoveryFlowIntro({ onSubmit }: { onSubmit: () => void }):
           </Grid>
         ))}
       </Grid>
-
       <Divider className={commonCss.nestedDivider} />
-
       <CardActions sx={{ mt: 'var(--space-1) !important' }}>
-        <Button data-testid="next-btn" variant="contained" onClick={onSubmit}>
+        <Button data-testid="next-btn" variant="contained" onClick={() => onNext(data)}>
           Next
         </Button>
       </CardActions>
diff --git a/apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowReview.tsx b/apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowReview.tsx
new file mode 100644
index 000000000..85d8c23a5
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowReview.tsx
@@ -0,0 +1,127 @@
+import { SvgIcon, Tooltip, Typography } from '@mui/material'
+import { useContext, useEffect } from 'react'
+import type { ReactElement } from 'react'
+
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import { Errors, logError } from '@/services/exceptions'
+import { getRecoveryUpsertTransactions } from '@/features/recovery/services/setup'
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { createMultiSendCallOnlyTx, createTx } from '@/services/tx/tx-sender'
+import { UpsertRecoveryFlowFields } from '.'
+import { TOOLTIP_TITLES } from '../../common/constants'
+import { useRecoveryPeriods } from './useRecoveryPeriods'
+import type { UpsertRecoveryFlowProps } from '.'
+import { isCustomDelaySelected } from './utils'
+import { TxFlowContext, type TxFlowContextType } from '../../TxFlowProvider'
+import ReviewTransaction, { type ReviewTransactionProps } from '@/components/tx/ReviewTransactionV2'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+
+export function UpsertRecoveryFlowReview({ children, ...props }: ReviewTransactionProps): ReactElement {
+  const web3ReadOnly = useWeb3ReadOnly()
+  const { safe, safeAddress } = useSafeInfo()
+  const { setSafeTx, safeTxError, setSafeTxError } = useContext(SafeTxContext)
+  const periods = useRecoveryPeriods()
+
+  const { data } = useContext<TxFlowContextType<UpsertRecoveryFlowProps>>(TxFlowContext)
+
+  useEffect(() => {
+    if (!web3ReadOnly || !data) {
+      return
+    }
+
+    getRecoveryUpsertTransactions({
+      ...data,
+      provider: web3ReadOnly,
+      chainId: safe.chainId,
+      safeAddress,
+    })
+      .then((transactions) => {
+        return transactions.length > 1 ? createMultiSendCallOnlyTx(transactions) : createTx(transactions[0])
+      })
+      .then(setSafeTx)
+      .catch(setSafeTxError)
+  }, [data, safe.chainId, safeAddress, setSafeTx, setSafeTxError, web3ReadOnly])
+
+  useEffect(() => {
+    if (safeTxError) {
+      logError(Errors._809, safeTxError.message)
+    }
+  }, [safeTxError])
+
+  const isEdit = !!data?.moduleAddress
+
+  if (!data) {
+    return <ErrorMessage>No data provided</ErrorMessage>
+  }
+
+  const { recoverer, customDelay, selectedDelay } = data
+
+  const isCustomDelay = isCustomDelaySelected(selectedDelay ?? '')
+
+  const expiryLabel = periods.expiration.find(({ value }) => value === data?.[UpsertRecoveryFlowFields.expiry])!.label
+  const delayLabel = isCustomDelay
+    ? `${customDelay} days`
+    : periods.delay.find(({ value }) => value === selectedDelay)?.label
+
+  return (
+    <ReviewTransaction {...props}>
+      <Typography>
+        This transaction will {isEdit ? 'update' : 'enable'} the Account recovery feature once executed.
+      </Typography>
+
+      <TxDataRow title="Trusted Recoverer">
+        <EthHashInfo address={recoverer} showName={false} hasExplorer showCopyButton avatarSize={24} />
+      </TxDataRow>
+
+      <TxDataRow
+        title={
+          <>
+            Review window
+            <Tooltip placement="top" title={TOOLTIP_TITLES.REVIEW_WINDOW}>
+              <span>
+                <SvgIcon
+                  component={InfoIcon}
+                  inheritViewBox
+                  fontSize="small"
+                  color="border"
+                  sx={{ verticalAlign: 'middle', ml: 0.5 }}
+                />
+              </span>
+            </Tooltip>
+          </>
+        }
+      >
+        {delayLabel}
+      </TxDataRow>
+
+      {expiryLabel !== '0' && (
+        <TxDataRow
+          title={
+            <>
+              Proposal expiry
+              <Tooltip placement="top" title={TOOLTIP_TITLES.PROPOSAL_EXPIRY}>
+                <span>
+                  <SvgIcon
+                    component={InfoIcon}
+                    inheritViewBox
+                    fontSize="small"
+                    color="border"
+                    sx={{ verticalAlign: 'middle', ml: 0.5 }}
+                  />
+                </span>
+              </Tooltip>
+            </>
+          }
+        >
+          {expiryLabel}
+        </TxDataRow>
+      )}
+
+      {children}
+    </ReviewTransaction>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowSettings.tsx b/apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowSettings.tsx
new file mode 100644
index 000000000..604bfa6a3
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowSettings.tsx
@@ -0,0 +1,325 @@
+import { trackEvent } from '@/services/analytics'
+import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
+import {
+  Divider,
+  CardActions,
+  Button,
+  Typography,
+  SvgIcon,
+  MenuItem,
+  TextField,
+  Collapse,
+  Checkbox,
+  FormControlLabel,
+  Tooltip,
+  Alert,
+  Box,
+} from '@mui/material'
+import ExpandLessIcon from '@mui/icons-material/ExpandLess'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import { useForm, FormProvider, Controller } from 'react-hook-form'
+import { useContext, useState } from 'react'
+import type { ReactElement } from 'react'
+
+import TxCard from '../../common/TxCard'
+import { useRecoveryPeriods } from './useRecoveryPeriods'
+import { UpsertRecoveryFlowFields, type UpsertRecoveryFlowProps } from '.'
+import AddressBookInput from '@/components/common/AddressBookInput'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import { RecovererWarning } from './RecovererSmartContractWarning'
+import ExternalLink from '@/components/common/ExternalLink'
+import { BRAND_NAME } from '@/config/constants'
+import { TOOLTIP_TITLES } from '../../common/constants'
+import Track from '@/components/common/Track'
+import type { RecoveryStateItem } from '@/features/recovery/services/recovery-state'
+
+import commonCss from '@/components/tx-flow/common/styles.module.css'
+import css from './styles.module.css'
+import NumberField from '@/components/common/NumberField'
+import { getDelay, isCustomDelaySelected } from './utils'
+import { HelpCenterArticle, HelperCenterArticleTitles } from '@safe-global/utils/config/constants'
+import { TxFlowContext, type TxFlowContextType } from '../../TxFlowProvider'
+import { isSmartContractWallet } from '@/utils/wallets'
+import { getSafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import useChainId from '@/hooks/useChainId'
+
+enum AddressType {
+  EOA = 'EOA',
+  Safe = 'Safe',
+  Other = 'Other',
+}
+
+const getAddressType = async (address: string, chainId: string) => {
+  const isSmartContract = await isSmartContractWallet(chainId, address)
+  if (!isSmartContract) return AddressType.EOA
+
+  const isSafeContract = await getSafeInfo(chainId, address)
+  if (isSafeContract) return AddressType.Safe
+
+  return AddressType.Other
+}
+
+export function UpsertRecoveryFlowSettings({ delayModifier }: { delayModifier?: RecoveryStateItem }): ReactElement {
+  const chainId = useChainId()
+  const { safeAddress } = useSafeInfo()
+  const { data, onNext } = useContext<TxFlowContextType<UpsertRecoveryFlowProps>>(TxFlowContext)
+  const [showAdvanced, setShowAdvanced] = useState(data?.[UpsertRecoveryFlowFields.expiry] !== '0')
+  const [understandsRisk, setUnderstandsRisk] = useState(false)
+  const periods = useRecoveryPeriods()
+
+  const formMethods = useForm<UpsertRecoveryFlowProps>({
+    defaultValues: data,
+    mode: 'onChange',
+  })
+
+  const recoverer = formMethods.watch(UpsertRecoveryFlowFields.recoverer)
+  const expiry = formMethods.watch(UpsertRecoveryFlowFields.expiry)
+  const selectedDelay = formMethods.watch(UpsertRecoveryFlowFields.selectedDelay)
+  const customDelay = formMethods.watch(UpsertRecoveryFlowFields.customDelay)
+  const customDelayState = formMethods.getFieldState(UpsertRecoveryFlowFields.customDelay)
+
+  const delay = getDelay(customDelay, selectedDelay)
+
+  // RHF's dirty check is tempermental with our address input dropdown
+  const isDirty = delayModifier
+    ? // Updating settings
+      !sameAddress(recoverer, delayModifier.recoverers[0]) ||
+      delayModifier.delay !== BigInt(delay) ||
+      delayModifier.expiry !== BigInt(expiry)
+    : // Setting up recovery
+      recoverer && delay && expiry
+
+  const validateRecoverer = (recoverer: string) => {
+    if (sameAddress(recoverer, safeAddress)) {
+      return 'The Safe Account cannot be a Recoverer of itself'
+    }
+  }
+
+  const validateCustomDelay = (delay: string) => {
+    if (!delay) return ''
+    if (delay === '0' || !Number.isInteger(Number(delay))) {
+      return 'Invalid number'
+    }
+  }
+
+  const onShowAdvanced = () => {
+    setShowAdvanced((prev) => !prev)
+    trackEvent(RECOVERY_EVENTS.SHOW_ADVANCED)
+  }
+
+  const isDisabled = !understandsRisk || !isDirty || !!customDelayState.error
+
+  const isEdit = !!delayModifier
+
+  const handleSubmit = async () => {
+    const addressType = await getAddressType(recoverer, chainId)
+    const creationEvent = isEdit ? RECOVERY_EVENTS.SUBMIT_RECOVERY_EDIT : RECOVERY_EVENTS.SUBMIT_RECOVERY_CREATE
+    const settings = `delay_${delay},expiry_${expiry},type_${addressType}`
+
+    trackEvent({ ...creationEvent })
+    trackEvent({ ...RECOVERY_EVENTS.RECOVERY_SETTINGS, label: settings })
+
+    onNext({ expiry, delay, customDelay, selectedDelay, recoverer, moduleAddress: data?.moduleAddress })
+  }
+
+  return (
+    <>
+      <FormProvider {...formMethods}>
+        <form onSubmit={formMethods.handleSubmit(handleSubmit)} className={commonCss.form}>
+          <TxCard>
+            <Alert severity="warning" sx={{ border: 'unset' }}>
+              Your Recoverer will be able to reset your Account setup. Only select an address that you trust.{' '}
+              <Track {...RECOVERY_EVENTS.LEARN_MORE} label="recover-setup-flow">
+                <ExternalLink href={HelpCenterArticle.RECOVERY} title={HelperCenterArticleTitles.RECOVERY}>
+                  Learn more
+                </ExternalLink>
+              </Track>
+            </Alert>
+            <div>
+              <Typography variant="h5" gutterBottom>
+                Trusted Recoverer
+              </Typography>
+
+              <Typography variant="body2">
+                Choose a Recoverer, such as a hardware wallet or a Safe Account controlled by family or friends, that
+                can initiate the recovery process in the future.
+              </Typography>
+            </div>
+            <div>
+              <AddressBookInput
+                label="Recoverer address or ENS"
+                name={UpsertRecoveryFlowFields.recoverer}
+                required
+                fullWidth
+                validate={validateRecoverer}
+              />
+              <RecovererWarning />
+            </div>
+            <div>
+              <Typography variant="h5" gutterBottom>
+                Review window
+                <Tooltip placement="top" arrow title={TOOLTIP_TITLES.REVIEW_WINDOW}>
+                  <span>
+                    <SvgIcon
+                      component={InfoIcon}
+                      inheritViewBox
+                      fontSize="small"
+                      color="border"
+                      sx={{ verticalAlign: 'middle', ml: 0.5 }}
+                    />
+                  </span>
+                </Tooltip>
+              </Typography>
+
+              <Typography variant="body2">
+                The recovery proposal will be available for execution after this period of time. You can cancel any
+                recovery proposal when it is not needed or wanted during this period.
+              </Typography>
+            </div>
+            <Box
+              sx={{
+                display: 'flex',
+                gap: 2,
+              }}
+            >
+              <Controller
+                control={formMethods.control}
+                name={UpsertRecoveryFlowFields.selectedDelay}
+                render={({ field: { ref, ...field } }) => (
+                  <TextField
+                    data-testid="recovery-delay-select"
+                    fullWidth
+                    inputRef={ref}
+                    {...field}
+                    select
+                    sx={{ width: '55%', maxWidth: '240px' }}
+                  >
+                    {periods.delay.map(({ label, value }, index) => (
+                      <MenuItem key={index} value={value}>
+                        {label}
+                      </MenuItem>
+                    ))}
+                  </TextField>
+                )}
+              />
+              <Box
+                sx={{
+                  display: 'flex',
+                  flex: '1',
+                  gap: 2,
+                  maxWidth: '180px',
+                  minWidth: '140px',
+                }}
+              >
+                {isCustomDelaySelected(selectedDelay) && (
+                  <>
+                    <Controller
+                      control={formMethods.control}
+                      name={UpsertRecoveryFlowFields.customDelay}
+                      rules={{ validate: validateCustomDelay }}
+                      render={({ field: { ref, ...field }, fieldState }) => (
+                        <NumberField
+                          label={fieldState.error?.message}
+                          error={!!fieldState.error}
+                          inputRef={ref}
+                          {...field}
+                          required
+                          placeholder="E.g. 100"
+                        />
+                      )}
+                    />
+                    <Typography
+                      sx={{
+                        my: 'auto',
+                      }}
+                    >
+                      days.
+                    </Typography>
+                  </>
+                )}
+              </Box>
+            </Box>
+            <Typography
+              data-testid="advanced-btn"
+              variant="body2"
+              onClick={onShowAdvanced}
+              role="button"
+              className={css.advanced}
+            >
+              Advanced {showAdvanced ? <ExpandLessIcon /> : <ExpandMoreIcon />}
+            </Typography>
+            <Collapse in={showAdvanced}>
+              <div>
+                <Typography variant="h5" gutterBottom>
+                  Proposal expiry
+                  <Tooltip placement="top" arrow title={TOOLTIP_TITLES.PROPOSAL_EXPIRY}>
+                    <span>
+                      <SvgIcon
+                        component={InfoIcon}
+                        inheritViewBox
+                        fontSize="small"
+                        color="border"
+                        sx={{ verticalAlign: 'middle', ml: 0.5 }}
+                      />
+                    </span>
+                  </Tooltip>
+                </Typography>
+
+                <Typography
+                  variant="body2"
+                  sx={{
+                    mb: 2,
+                  }}
+                >
+                  Set a period of time after which the recovery proposal will expire and can no longer be executed.
+                </Typography>
+              </div>
+
+              <Controller
+                control={formMethods.control}
+                name={UpsertRecoveryFlowFields.expiry}
+                // Don't reset value if advanced section is collapsed
+                shouldUnregister={false}
+                render={({ field: { ref, ...field } }) => (
+                  <TextField
+                    data-testid="recovery-expiry-select"
+                    inputRef={ref}
+                    {...field}
+                    fullWidth
+                    select
+                    sx={{ width: '55%', maxWidth: '240px' }}
+                  >
+                    {periods.expiration.map(({ label, value }, index) => (
+                      <MenuItem key={index} value={value}>
+                        {label}
+                      </MenuItem>
+                    ))}
+                  </TextField>
+                )}
+              />
+            </Collapse>
+          </TxCard>
+
+          <TxCard>
+            <FormControlLabel
+              data-testid="warning-section"
+              label={`I understand that the Recoverer will be able to initiate recovery of this Safe Account and that I will only be informed within the ${BRAND_NAME}.`}
+              control={<Checkbox checked={understandsRisk} onChange={(_, checked) => setUnderstandsRisk(checked)} />}
+              sx={{ pl: 2 }}
+            />
+
+            <Divider className={commonCss.nestedDivider} />
+
+            <CardActions sx={{ mt: '0 !important' }}>
+              <Button data-testid="next-btn" variant="contained" type="submit" disabled={isDisabled}>
+                Next
+              </Button>
+            </CardActions>
+          </TxCard>
+        </form>
+      </FormProvider>
+    </>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/flows/UpsertRecovery/index.tsx b/apps/web/src/components/tx-flow/flows/UpsertRecovery/index.tsx
new file mode 100644
index 000000000..87cf57dea
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/UpsertRecovery/index.tsx
@@ -0,0 +1,59 @@
+import type { ReactElement } from 'react'
+import RecoveryPlus from '@/public/images/common/recovery-plus.svg'
+import { UpsertRecoveryFlowReview as UpsertRecoveryFlowReview } from './UpsertRecoveryFlowReview'
+import { UpsertRecoveryFlowSettings as UpsertRecoveryFlowSettings } from './UpsertRecoveryFlowSettings'
+import { UpsertRecoveryFlowIntro as UpsertRecoveryFlowIntro } from './UpsertRecoveryFlowIntro'
+import { DAY_IN_SECONDS } from './useRecoveryPeriods'
+import type { RecoveryState } from '@/features/recovery/services/recovery-state'
+import { TxFlowType } from '@/services/analytics'
+import { TxFlow } from '../../TxFlow'
+import { TxFlowStep } from '../../TxFlowStep'
+
+export enum UpsertRecoveryFlowFields {
+  recoverer = 'recoverer',
+  delay = 'delay',
+  customDelay = 'customDelay',
+  selectedDelay = 'selectedDelay',
+  expiry = 'expiry',
+  moduleAddress = 'moduleAddress',
+}
+
+export type UpsertRecoveryFlowProps = {
+  [UpsertRecoveryFlowFields.recoverer]: string
+  [UpsertRecoveryFlowFields.delay]: string
+  [UpsertRecoveryFlowFields.customDelay]: string
+  [UpsertRecoveryFlowFields.selectedDelay]: string
+  [UpsertRecoveryFlowFields.expiry]: string
+  [UpsertRecoveryFlowFields.moduleAddress]?: string
+}
+
+function UpsertRecoveryFlow({ delayModifier }: { delayModifier?: RecoveryState[number] }): ReactElement {
+  const initialData = {
+    [UpsertRecoveryFlowFields.recoverer]: delayModifier?.recoverers?.[0] ?? '',
+    [UpsertRecoveryFlowFields.delay]: '',
+    [UpsertRecoveryFlowFields.selectedDelay]: delayModifier?.delay?.toString() ?? `${DAY_IN_SECONDS * 28}`, // 28 days in seconds
+    [UpsertRecoveryFlowFields.customDelay]: '',
+    [UpsertRecoveryFlowFields.expiry]: delayModifier?.expiry?.toString() ?? '0',
+    [UpsertRecoveryFlowFields.moduleAddress]: delayModifier?.address,
+  }
+
+  return (
+    <TxFlow
+      initialData={initialData}
+      eventCategory={TxFlowType.SETUP_RECOVERY}
+      ReviewTransactionComponent={UpsertRecoveryFlowReview}
+      icon={RecoveryPlus}
+      title="Account recovery"
+      subtitle="Set up account recovery"
+    >
+      <TxFlowStep title="Account recovery" subtitle="How does recovery work" hideNonce hideProgress>
+        <UpsertRecoveryFlowIntro />
+      </TxFlowStep>
+      <TxFlowStep title="Account recovery" subtitle="Set up recovery settings" icon={RecoveryPlus}>
+        <UpsertRecoveryFlowSettings />
+      </TxFlowStep>
+    </TxFlow>
+  )
+}
+
+export default UpsertRecoveryFlow
diff --git a/src/components/tx-flow/flows/UpsertRecovery/styles.module.css b/apps/web/src/components/tx-flow/flows/UpsertRecovery/styles.module.css
similarity index 100%
rename from src/components/tx-flow/flows/UpsertRecovery/styles.module.css
rename to apps/web/src/components/tx-flow/flows/UpsertRecovery/styles.module.css
diff --git a/src/components/tx-flow/flows/UpsertRecovery/useRecoveryPeriods.ts b/apps/web/src/components/tx-flow/flows/UpsertRecovery/useRecoveryPeriods.ts
similarity index 97%
rename from src/components/tx-flow/flows/UpsertRecovery/useRecoveryPeriods.ts
rename to apps/web/src/components/tx-flow/flows/UpsertRecovery/useRecoveryPeriods.ts
index dd7fcc026..87dabc62d 100644
--- a/src/components/tx-flow/flows/UpsertRecovery/useRecoveryPeriods.ts
+++ b/apps/web/src/components/tx-flow/flows/UpsertRecovery/useRecoveryPeriods.ts
@@ -82,7 +82,7 @@ export function useRecoveryPeriods(): { delay: Periods; expiration: Periods } {
   const isTestChain = chain && [chains.gor, chains.sep].includes(chain.chainId)
 
   // TODO: Remove constant before release
-  // eslint-disable-next-line no-constant-condition
+
   if (isTestChain) {
     return {
       delay: TestRecoveryDelayPeriods,
diff --git a/src/components/tx-flow/flows/UpsertRecovery/utils.ts b/apps/web/src/components/tx-flow/flows/UpsertRecovery/utils.ts
similarity index 100%
rename from src/components/tx-flow/flows/UpsertRecovery/utils.ts
rename to apps/web/src/components/tx-flow/flows/UpsertRecovery/utils.ts
diff --git a/apps/web/src/components/tx-flow/flows/index.ts b/apps/web/src/components/tx-flow/flows/index.ts
new file mode 100644
index 000000000..7432cd4ed
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/index.ts
@@ -0,0 +1,30 @@
+import dynamic from 'next/dynamic'
+
+export const AddOwnerFlow = dynamic(() => import('./AddOwner'))
+export const CancelRecoveryFlow = dynamic(() => import('./CancelRecovery'))
+export const ChangeThresholdFlow = dynamic(() => import('./ChangeThreshold'))
+export const ConfirmBatchFlow = dynamic(() => import('./ConfirmBatch'))
+export const ConfirmTxFlow = dynamic(() => import('./ConfirmTx'))
+export const ExecuteBatchFlow = dynamic(() => import('./ExecuteBatch'))
+export const NewSpendingLimitFlow = dynamic(() => import('./NewSpendingLimit'))
+export const NewTxFlow = dynamic(() => import('./NewTx'))
+export const NftTransferFlow = dynamic(() => import('./NftTransfer'))
+export const RecoverAccountFlow = dynamic(() => import('./RecoverAccount'))
+export const RejectTxFlow = dynamic(() => import('./RejectTx'))
+export const RemoveGuardFlow = dynamic(() => import('./RemoveGuard'))
+export const RemoveModuleFlow = dynamic(() => import('./RemoveModule'))
+export const RemoveOwnerFlow = dynamic(() => import('./RemoveOwner'))
+export const RemoveRecoveryFlow = dynamic(() => import('./RemoveRecovery'))
+export const RemoveSpendingLimitFlow = dynamic(() => import('./RemoveSpendingLimit'))
+export const ReplaceOwnerFlow = dynamic(() => import('./ReplaceOwner'))
+export const ReplaceTxFlow = dynamic(() => import('./ReplaceTx'))
+export const SafeAppsTxFlow = dynamic(() => import('./SafeAppsTx'))
+export const SignMessageFlow = dynamic(() => import('./SignMessage'))
+export const SignMessageOnChainFlow = dynamic(() => import('./SignMessageOnChain'))
+export const SuccessScreenFlow = dynamic(() => import('./SuccessScreen'))
+export const NestedTxSuccessScreenFlow = dynamic(() => import('./NestedTxSuccessScreen'))
+export const TokenTransferFlow = dynamic(() => import('./TokenTransfer'))
+export const UpdateSafeFlow = dynamic(() => import('./UpdateSafe'))
+export const MigrateSafeL2Flow = dynamic(() => import('./MigrateSafeL2'))
+export const UpsertRecoveryFlow = dynamic(() => import('./UpsertRecovery'))
+export const RecoveryAttemptFlow = dynamic(() => import('./RecoveryAttempt'))
diff --git a/apps/web/src/components/tx-flow/index.tsx b/apps/web/src/components/tx-flow/index.tsx
new file mode 100644
index 000000000..cecc0c04a
--- /dev/null
+++ b/apps/web/src/components/tx-flow/index.tsx
@@ -0,0 +1,79 @@
+import { createContext, type ReactElement, type ReactNode, useState, useCallback, useRef } from 'react'
+import TxModalDialog from '@/components/common/TxModalDialog'
+import { SuccessScreenFlow, NestedTxSuccessScreenFlow } from './flows'
+import { useWalletContext } from '@/hooks/wallets/useWallet'
+import { usePreventNavigation } from '@/hooks/usePreventNavigation'
+
+const noop = () => {}
+
+export type TxModalContextType = {
+  txFlow: ReactElement | undefined
+  setTxFlow: (txFlow: TxModalContextType['txFlow'], onClose?: () => void, shouldWarn?: boolean) => void
+  setFullWidth: (fullWidth: boolean) => void
+}
+
+export const TxModalContext = createContext<TxModalContextType>({
+  txFlow: undefined,
+  setTxFlow: noop,
+  setFullWidth: noop,
+})
+
+const confirmClose = () => {
+  return confirm('Closing this window will discard your current progress.')
+}
+
+export const TxModalProvider = ({ children }: { children: ReactNode }): ReactElement => {
+  const [txFlow, setFlow] = useState<TxModalContextType['txFlow']>(undefined)
+  const [fullWidth, setFullWidth] = useState<boolean>(false)
+  const shouldWarn = useRef<boolean>(true)
+  const onClose = useRef<() => void>(noop)
+  const { setSignerAddress } = useWalletContext() ?? {}
+
+  const handleModalClose = useCallback(() => {
+    if (shouldWarn.current && !confirmClose()) {
+      return false
+    }
+    onClose.current()
+    onClose.current = noop
+    setFlow(undefined)
+
+    setSignerAddress?.(undefined)
+
+    return true
+  }, [setSignerAddress])
+
+  // Open a new tx flow, close the previous one if any
+  const setTxFlow = useCallback(
+    (newTxFlow: TxModalContextType['txFlow'], newOnClose?: () => void, newShouldWarn?: boolean) => {
+      setFlow((prev) => {
+        if (prev === newTxFlow) return prev
+
+        // If a new flow is triggered, close the current one
+        if (prev && newTxFlow && newTxFlow.type !== SuccessScreenFlow && newTxFlow.type !== NestedTxSuccessScreenFlow) {
+          if (shouldWarn.current && !confirmClose()) {
+            return prev
+          }
+          onClose.current()
+        }
+
+        onClose.current = newOnClose ?? noop
+        shouldWarn.current = newShouldWarn ?? true
+
+        return newTxFlow
+      })
+    },
+    [],
+  )
+
+  usePreventNavigation(txFlow ? handleModalClose : undefined)
+
+  return (
+    <TxModalContext.Provider value={{ txFlow, setTxFlow, setFullWidth }}>
+      {children}
+
+      <TxModalDialog open={!!txFlow} onClose={handleModalClose} fullWidth={fullWidth}>
+        {txFlow}
+      </TxModalDialog>
+    </TxModalContext.Provider>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/slots/Slot.tsx b/apps/web/src/components/tx-flow/slots/Slot.tsx
new file mode 100644
index 000000000..37f2cefaa
--- /dev/null
+++ b/apps/web/src/components/tx-flow/slots/Slot.tsx
@@ -0,0 +1,33 @@
+import type { PropsWithChildren, ReactElement } from 'react'
+import { type SlotComponentProps, type SlotName, useSlot } from '@/components/tx-flow/slots'
+
+export type SlotProps<T extends SlotName> = PropsWithChildren<
+  {
+    name: T
+    id?: string
+  } & Omit<SlotComponentProps<T>, 'slotId'>
+>
+
+/**
+ * Slot component for rendering components in specific slots.
+ * It takes a slot name and an optional id to identify the slot.
+ * If there are registered components for the slot, it renders them.
+ * Otherwise, it renders the children passed to it as fallback.
+ */
+export const Slot = <T extends SlotName>({ name, id, children, ...rest }: SlotProps<T>): ReactElement => {
+  const slotItems = useSlot(name, id)
+
+  if (slotItems.length === 0) {
+    return <>{children}</>
+  }
+
+  const props = { ...rest, slotId: id } as unknown as SlotComponentProps<T>
+
+  return (
+    <>
+      {slotItems.map(({ Component, id }, i) => (
+        <Component {...props} key={`slot-${name}-${i}-${id}`} />
+      ))}
+    </>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/slots/SlotProvider.tsx b/apps/web/src/components/tx-flow/slots/SlotProvider.tsx
new file mode 100644
index 000000000..d0bda040d
--- /dev/null
+++ b/apps/web/src/components/tx-flow/slots/SlotProvider.tsx
@@ -0,0 +1,119 @@
+import React, {
+  createContext,
+  type ReactNode,
+  type ComponentType,
+  useState,
+  useCallback,
+  type PropsWithChildren,
+} from 'react'
+import type { SubmitCallback } from '../TxFlow'
+
+export enum SlotName {
+  Submit = 'submit',
+  ComboSubmit = 'combo-submit',
+  Feature = 'feature',
+  Footer = 'footer',
+  Sidebar = 'sidebar',
+}
+
+type SlotComponentPropsMap = {
+  [SlotName.Submit]: PropsWithChildren<{
+    onSubmit?: () => void
+    onSubmitSuccess?: SubmitCallback
+  }>
+  [SlotName.ComboSubmit]: PropsWithChildren<{
+    onSubmit?: () => void
+    onSubmitSuccess?: SubmitCallback
+    options: { label: string; id: string }[]
+    onChange: (option: string) => void
+    disabled?: boolean
+  }>
+}
+
+type BaseSlotComponentProps = {
+  slotId: string
+}
+
+export type SlotComponentProps<T extends SlotName> = T extends keyof SlotComponentPropsMap
+  ? SlotComponentPropsMap[T] & BaseSlotComponentProps
+  : BaseSlotComponentProps
+
+type SlotContextType = {
+  registerSlot: <T extends SlotName>(args: {
+    slotName: T
+    id: string
+    Component: SlotItem<T>['Component']
+    label?: SlotItem<T>['label']
+  }) => void
+  unregisterSlot: (slotName: SlotName, id: string) => void
+  getSlot: <T extends SlotName>(slotName: T, id?: string) => SlotItem<T>[]
+  getSlotIds: (slotName: SlotName) => string[]
+}
+
+export type SlotItem<S extends SlotName> = {
+  Component: ComponentType<SlotComponentProps<S>>
+  id: string
+  label: string
+}
+
+type SlotStore = {
+  [K in SlotName]?: {
+    [id: string]: SlotItem<K> | null
+  }
+}
+
+export const SlotContext = createContext<SlotContextType | null>(null)
+
+/**
+ * SlotProvider is a context provider for managing slots in the transaction flow.
+ * It allows components to register and unregister themselves in specific slots,
+ * and provides a way to retrieve the components registered in a slot.
+ */
+export const SlotProvider = ({ children }: { children: ReactNode }) => {
+  const [slots, setSlots] = useState<SlotStore>({})
+
+  const registerSlot = useCallback<SlotContextType['registerSlot']>(({ slotName, id, Component, label }) => {
+    setSlots((prevSlots) => ({
+      ...prevSlots,
+      [slotName]: { ...prevSlots[slotName], [id]: { Component, label: label || id, id } },
+    }))
+  }, [])
+
+  const unregisterSlot = useCallback((slotName: SlotName, id: string) => {
+    setSlots((prevSlots) => ({
+      ...prevSlots,
+      [slotName]: { ...prevSlots[slotName], [id]: null },
+    }))
+  }, [])
+
+  const getSlot = useCallback(
+    <T extends SlotName>(slotName: T, id?: string): SlotItem<T>[] => {
+      const slot = slots[slotName]
+
+      if (id) {
+        const slotItem = slot?.[id]
+        if (slotItem) {
+          return [slotItem]
+        }
+      }
+
+      return Object.values(slot || {}).filter((component) => !!component) as SlotItem<T>[]
+    },
+    [slots],
+  )
+
+  const getSlotIds = useCallback(
+    (slotName: SlotName): string[] => {
+      const slot = slots[slotName]
+      if (!slot) return []
+      return Object.keys(slot).filter((id) => !!slot?.[id])
+    },
+    [slots],
+  )
+
+  return (
+    <SlotContext.Provider value={{ registerSlot, unregisterSlot, getSlot, getSlotIds }}>
+      {children}
+    </SlotContext.Provider>
+  )
+}
diff --git a/apps/web/src/components/tx-flow/slots/hooks/index.ts b/apps/web/src/components/tx-flow/slots/hooks/index.ts
new file mode 100644
index 000000000..dc6164266
--- /dev/null
+++ b/apps/web/src/components/tx-flow/slots/hooks/index.ts
@@ -0,0 +1,4 @@
+export * from './useRegisterSlot'
+export * from './useSlotContext'
+export * from './useSlot'
+export * from './useSlotIds'
diff --git a/apps/web/src/components/tx-flow/slots/hooks/useRegisterSlot.ts b/apps/web/src/components/tx-flow/slots/hooks/useRegisterSlot.ts
new file mode 100644
index 000000000..923c9c3d9
--- /dev/null
+++ b/apps/web/src/components/tx-flow/slots/hooks/useRegisterSlot.ts
@@ -0,0 +1,37 @@
+import { useEffect } from 'react'
+import type { SlotItem, SlotName } from '../SlotProvider'
+import { useSlotContext } from './useSlotContext'
+
+export type UseRegisterSlotProps<T extends SlotName> = {
+  slotName: T
+  id: string
+  Component: SlotItem<T>['Component']
+  label?: SlotItem<T>['label']
+  condition?: boolean
+}
+
+/**
+ * Custom hook to register a slot with a condition.
+ * This is useful for conditionally rendering components in specific slots.
+ */
+export const useRegisterSlot = <T extends SlotName>({
+  slotName,
+  id,
+  Component,
+  label,
+  condition = true,
+}: UseRegisterSlotProps<T>) => {
+  const { registerSlot, unregisterSlot } = useSlotContext()
+
+  useEffect(() => {
+    if (condition) {
+      registerSlot({ slotName, id, Component, label })
+    } else {
+      unregisterSlot(slotName, id)
+    }
+
+    return () => {
+      unregisterSlot(slotName, id)
+    }
+  }, [condition, registerSlot, unregisterSlot, slotName, Component, label, id])
+}
diff --git a/apps/web/src/components/tx-flow/slots/hooks/useSlot.ts b/apps/web/src/components/tx-flow/slots/hooks/useSlot.ts
new file mode 100644
index 000000000..dba9eb6ce
--- /dev/null
+++ b/apps/web/src/components/tx-flow/slots/hooks/useSlot.ts
@@ -0,0 +1,9 @@
+import { useMemo } from 'react'
+import type { SlotName, SlotItem } from '../SlotProvider'
+import { useSlotContext } from './useSlotContext'
+
+export const useSlot = <T extends SlotName>(slotName: T, id?: string): SlotItem<T>[] => {
+  const { getSlot } = useSlotContext()
+  const slot = useMemo(() => getSlot(slotName, id), [getSlot, slotName, id])
+  return slot
+}
diff --git a/apps/web/src/components/tx-flow/slots/hooks/useSlotContext.ts b/apps/web/src/components/tx-flow/slots/hooks/useSlotContext.ts
new file mode 100644
index 000000000..3124300c9
--- /dev/null
+++ b/apps/web/src/components/tx-flow/slots/hooks/useSlotContext.ts
@@ -0,0 +1,10 @@
+import { useContext } from 'react'
+import { SlotContext } from '../SlotProvider'
+
+export const useSlotContext = () => {
+  const context = useContext(SlotContext)
+  if (!context) {
+    throw new Error('useSlotContext must be used within a SlotProvider')
+  }
+  return context
+}
diff --git a/apps/web/src/components/tx-flow/slots/hooks/useSlotIds.ts b/apps/web/src/components/tx-flow/slots/hooks/useSlotIds.ts
new file mode 100644
index 000000000..3e1cf3a4f
--- /dev/null
+++ b/apps/web/src/components/tx-flow/slots/hooks/useSlotIds.ts
@@ -0,0 +1,9 @@
+import { useMemo } from 'react'
+import type { SlotName } from '../SlotProvider'
+import { useSlotContext } from './useSlotContext'
+
+export const useSlotIds = <T extends SlotName>(slotName: T): string[] => {
+  const { getSlotIds } = useSlotContext()
+  const slotIds = useMemo(() => getSlotIds(slotName), [getSlotIds, slotName])
+  return slotIds
+}
diff --git a/apps/web/src/components/tx-flow/slots/index.ts b/apps/web/src/components/tx-flow/slots/index.ts
new file mode 100644
index 000000000..715982647
--- /dev/null
+++ b/apps/web/src/components/tx-flow/slots/index.ts
@@ -0,0 +1,4 @@
+export * from './Slot'
+export * from './SlotProvider'
+export * from './hooks'
+export * from './withSlot'
diff --git a/apps/web/src/components/tx-flow/slots/withSlot.tsx b/apps/web/src/components/tx-flow/slots/withSlot.tsx
new file mode 100644
index 000000000..0bce6dbef
--- /dev/null
+++ b/apps/web/src/components/tx-flow/slots/withSlot.tsx
@@ -0,0 +1,28 @@
+import type { PropsWithChildren } from 'react'
+import type { SlotName } from './SlotProvider'
+import { useRegisterSlot, type UseRegisterSlotProps } from './hooks'
+import type { FEATURES } from '@/utils/featureToggled'
+import { useHasFeature } from '@/hooks/useChains'
+
+/**
+ * Higher-order component to register a slot with a condition.
+ * This is useful for conditionally rendering components in specific slots.
+ */
+export const withSlot = <T extends SlotName>({
+  Component,
+  label,
+  slotName,
+  id,
+  useSlotCondition = () => true,
+  feature,
+}: Omit<UseRegisterSlotProps<T>, 'condition'> & {
+  useSlotCondition?: () => boolean
+  feature?: FEATURES
+}) => {
+  return ({ children }: PropsWithChildren) => {
+    const shouldRegisterSlot = useSlotCondition()
+    const isFeatureEnabled = feature ? useHasFeature(feature) : true
+    useRegisterSlot({ slotName, id, Component, label, condition: shouldRegisterSlot && isFeatureEnabled })
+    return children
+  }
+}
diff --git a/src/components/tx-flow/useTxStepper.tsx b/apps/web/src/components/tx-flow/useTxStepper.tsx
similarity index 92%
rename from src/components/tx-flow/useTxStepper.tsx
rename to apps/web/src/components/tx-flow/useTxStepper.tsx
index b91900a37..c7f6cf0cd 100644
--- a/src/components/tx-flow/useTxStepper.tsx
+++ b/apps/web/src/components/tx-flow/useTxStepper.tsx
@@ -6,8 +6,9 @@ const useTxStepper = <T extends unknown>(initialData: T, eventCategory?: string)
   const [data, setData] = useState<T>(initialData)
 
   const nextStep = useCallback(
-    (entireData: T) => {
-      setData(entireData)
+    (entireData?: T) => {
+      if (entireData) setData(entireData)
+
       setStep((prevStep) => {
         if (eventCategory) {
           trackEvent({ action: MODAL_NAVIGATION.Next, category: eventCategory, label: prevStep })
diff --git a/src/components/tx/AdvancedParams/AdvancedParamsForm.tsx b/apps/web/src/components/tx/AdvancedParams/AdvancedParamsForm.tsx
similarity index 94%
rename from src/components/tx/AdvancedParams/AdvancedParamsForm.tsx
rename to apps/web/src/components/tx/AdvancedParams/AdvancedParamsForm.tsx
index 9e1ae1c83..53545dcdd 100644
--- a/src/components/tx/AdvancedParams/AdvancedParamsForm.tsx
+++ b/apps/web/src/components/tx/AdvancedParams/AdvancedParamsForm.tsx
@@ -1,21 +1,22 @@
 import { type SyntheticEvent } from 'react'
 import { Button, DialogActions, FormControl, Grid, Typography, DialogContent } from '@mui/material'
 import { FormProvider, useForm } from 'react-hook-form'
-import { safeFormatUnits, safeParseUnits } from '@/utils/formatters'
-import { FLOAT_REGEX } from '@/utils/validation'
+import { safeFormatUnits, safeParseUnits } from '@safe-global/utils/utils/formatters'
+import { FLOAT_REGEX } from '@safe-global/utils/utils/validation'
 import ModalDialog from '@/components/common/ModalDialog'
-import { AdvancedField, type AdvancedParameters } from './types.d'
+import { AdvancedField, type AdvancedParameters } from './types'
 import GasLimitInput from './GasLimitInput'
 import ExternalLink from '@/components/common/ExternalLink'
 import NumberField from '@/components/common/NumberField'
-import { HelpCenterArticle } from '@/config/constants'
+
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
 
 type AdvancedParamsFormProps = {
   params: AdvancedParameters
   onSubmit: (params: AdvancedParameters) => void
   recommendedGasLimit?: AdvancedParameters['gasLimit']
   isExecution: boolean
-  isEIP1559: boolean
+  isEIP1559?: boolean
   willRelay?: boolean
 }
 
diff --git a/src/components/tx/AdvancedParams/GasLimitInput.tsx b/apps/web/src/components/tx/AdvancedParams/GasLimitInput.tsx
similarity index 97%
rename from src/components/tx/AdvancedParams/GasLimitInput.tsx
rename to apps/web/src/components/tx/AdvancedParams/GasLimitInput.tsx
index a1ae14fac..56f35ab02 100644
--- a/src/components/tx/AdvancedParams/GasLimitInput.tsx
+++ b/apps/web/src/components/tx/AdvancedParams/GasLimitInput.tsx
@@ -3,7 +3,7 @@ import { FormControl, IconButton, Tooltip } from '@mui/material'
 import RotateLeftIcon from '@mui/icons-material/RotateLeft'
 import { useFormContext } from 'react-hook-form'
 import { BASE_TX_GAS } from '@/config/constants'
-import { AdvancedField } from './types.d'
+import { AdvancedField } from './types'
 import NumberField from '@/components/common/NumberField'
 
 const GasLimitInput = ({ recommendedGasLimit }: { recommendedGasLimit?: string }) => {
diff --git a/apps/web/src/components/tx/AdvancedParams/index.tsx b/apps/web/src/components/tx/AdvancedParams/index.tsx
new file mode 100644
index 000000000..080adee03
--- /dev/null
+++ b/apps/web/src/components/tx/AdvancedParams/index.tsx
@@ -0,0 +1,64 @@
+import GasParams from '@/components/tx/GasParams'
+import { useHasFeature } from '@/hooks/useChains'
+import { MODALS_EVENTS, trackEvent } from '@/services/analytics'
+import { useState } from 'react'
+import AdvancedParamsForm from './AdvancedParamsForm'
+import { type AdvancedParameters } from './types'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+type Props = {
+  params: AdvancedParameters
+  recommendedGasLimit?: AdvancedParameters['gasLimit']
+  willExecute: boolean
+  onFormSubmit: (data: AdvancedParameters) => void
+  gasLimitError?: Error
+  willRelay?: boolean
+}
+
+const AdvancedParams = ({
+  params,
+  recommendedGasLimit,
+  willExecute,
+  onFormSubmit,
+  gasLimitError,
+  willRelay,
+}: Props) => {
+  const [isEditing, setIsEditing] = useState<boolean>(false)
+  const isEIP1559 = useHasFeature(FEATURES.EIP1559)
+
+  const onEditOpen = () => {
+    setIsEditing(true)
+    trackEvent(MODALS_EVENTS.EDIT_ADVANCED_PARAMS)
+  }
+
+  const onAdvancedSubmit = (data: AdvancedParameters) => {
+    onFormSubmit(data)
+    setIsEditing(false)
+  }
+
+  return isEditing ? (
+    <AdvancedParamsForm
+      params={params}
+      isExecution={willExecute}
+      recommendedGasLimit={recommendedGasLimit}
+      onSubmit={onAdvancedSubmit}
+      isEIP1559={isEIP1559}
+      willRelay={willRelay}
+    />
+  ) : (
+    <GasParams
+      params={params}
+      isExecution={willExecute}
+      isEIP1559={isEIP1559}
+      gasLimitError={gasLimitError}
+      onEdit={onEditOpen}
+      willRelay={willRelay}
+    />
+  )
+}
+
+export default AdvancedParams
+
+export * from './useAdvancedParams'
+
+export * from './types'
diff --git a/apps/web/src/components/tx/AdvancedParams/types.ts b/apps/web/src/components/tx/AdvancedParams/types.ts
new file mode 100644
index 000000000..bea205e4f
--- /dev/null
+++ b/apps/web/src/components/tx/AdvancedParams/types.ts
@@ -0,0 +1,20 @@
+// import type {BigNumberish, BigNumber}    from 'ethers'
+// import { type BigNumber } from '@ethersproject/bignumber'
+
+export enum AdvancedField {
+  nonce = 'nonce',
+  userNonce = 'userNonce',
+  gasLimit = 'gasLimit',
+  maxFeePerGas = 'maxFeePerGas',
+  maxPriorityFeePerGas = 'maxPriorityFeePerGas',
+  safeTxGas = 'safeTxGas',
+}
+
+export type AdvancedParameters = Partial<{
+  [AdvancedField.nonce]: number
+  [AdvancedField.userNonce]: number
+  [AdvancedField.gasLimit]: bigint | null
+  [AdvancedField.maxFeePerGas]: bigint | null
+  [AdvancedField.maxPriorityFeePerGas]: bigint | null
+  [AdvancedField.safeTxGas]: number
+}>
diff --git a/src/components/tx/AdvancedParams/useAdvancedParams.ts b/apps/web/src/components/tx/AdvancedParams/useAdvancedParams.ts
similarity index 100%
rename from src/components/tx/AdvancedParams/useAdvancedParams.ts
rename to apps/web/src/components/tx/AdvancedParams/useAdvancedParams.ts
diff --git a/src/components/tx/AdvancedParams/useUserNonce.ts b/apps/web/src/components/tx/AdvancedParams/useUserNonce.ts
similarity index 86%
rename from src/components/tx/AdvancedParams/useUserNonce.ts
rename to apps/web/src/components/tx/AdvancedParams/useUserNonce.ts
index a5524cb52..48aa9a20e 100644
--- a/src/components/tx/AdvancedParams/useUserNonce.ts
+++ b/apps/web/src/components/tx/AdvancedParams/useUserNonce.ts
@@ -1,4 +1,4 @@
-import useAsync from '@/hooks/useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import useWallet from '@/hooks/wallets/useWallet'
 import { getUserNonce } from '@/hooks/wallets/web3'
 
diff --git a/src/components/tx/ApprovalEditor/ApprovalEditor.test.tsx b/apps/web/src/components/tx/ApprovalEditor/ApprovalEditor.test.tsx
similarity index 86%
rename from src/components/tx/ApprovalEditor/ApprovalEditor.test.tsx
rename to apps/web/src/components/tx/ApprovalEditor/ApprovalEditor.test.tsx
index a2e473df3..ebd2f5ada 100644
--- a/src/components/tx/ApprovalEditor/ApprovalEditor.test.tsx
+++ b/apps/web/src/components/tx/ApprovalEditor/ApprovalEditor.test.tsx
@@ -2,16 +2,16 @@ import { safeSignatureBuilder, safeTxBuilder } from '@/tests/builders/safeTx'
 import { act, fireEvent, getAllByTitle, render, waitFor } from '@/tests/test-utils'
 import ApprovalEditor from '.'
 import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
-import { OperationType } from '@safe-global/safe-core-sdk-types'
+import { OperationType } from '@safe-global/types-kit'
 import * as approvalInfos from '@/components/tx/ApprovalEditor/hooks/useApprovalInfos'
 import { createMockSafeTransaction } from '@/tests/transactions'
 import { faker } from '@faker-js/faker'
 import { encodeMultiSendData } from '@safe-global/protocol-kit'
-import { ERC20__factory, Multi_send__factory } from '@/types/contracts'
+import { ERC20__factory, Multi_send__factory } from '@safe-global/utils/types/contracts'
 import { getAndValidateSafeSDK } from '@/services/tx/tx-sender/sdk'
 import { parseUnits } from 'ethers'
-import { checksumAddress } from '@/utils/addresses'
-
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+import { type Balances } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
 jest.mock('@/services/tx/tx-sender/sdk', () => ({
   getAndValidateSafeSDK: jest.fn().mockReturnValue({
     createTransaction: jest.fn(),
@@ -61,7 +61,7 @@ describe('ApprovalEditor', () => {
 
     const result = render(<ApprovalEditor safeTransaction={mockSafeTx} />)
 
-    expect(await result.queryByText('Error while decoding approval transactions.')).toBeInTheDocument()
+    expect(result.getByText('Error while decoding approval transactions.')).toBeInTheDocument()
   })
 
   it('renders a loading skeleton', async () => {
@@ -70,7 +70,7 @@ describe('ApprovalEditor', () => {
 
     const result = render(<ApprovalEditor safeTransaction={mockSafeTx} />)
 
-    expect(await result.queryByTestId('approval-editor-loading')).toBeInTheDocument()
+    expect(result.getByTestId('approval-editor-loading')).toBeInTheDocument()
   })
 
   it('renders a read-only view if the transaction contains signatures', async () => {
@@ -80,8 +80,8 @@ describe('ApprovalEditor', () => {
       tokenInfo: { symbol: 'TST', decimals: 18, address: tokenAddress, type: TokenType.ERC20 },
       tokenAddress,
       spender: spenderAddress,
-      amount: '4200000',
-      amountFormatted: '420.0',
+      amount: '9876456354200000',
+      amountFormatted: '987645635420.0',
       method: 'approve',
       transactionIndex: 0,
     } as const
@@ -98,7 +98,7 @@ describe('ApprovalEditor', () => {
 
     expect(amountInput).not.toBeInTheDocument()
     expect(result.getByText('TST', { exact: false }))
-    expect(result.getByText('420', { exact: false }))
+    expect(result.getByText('987,645,635,420', { exact: false }))
     expect(result.getByText(spenderAddress))
   })
 
@@ -109,8 +109,8 @@ describe('ApprovalEditor', () => {
       tokenInfo: { symbol: 'TST', decimals: 18, address: tokenAddress, type: TokenType.ERC20 },
       tokenAddress,
       spender: spenderAddress,
-      amount: '4200000',
-      amountFormatted: '420.0',
+      amount: '9876456354200000',
+      amountFormatted: '987645635420.0',
       method: 'approve',
       transactionIndex: 0,
     } as const
@@ -127,7 +127,7 @@ describe('ApprovalEditor', () => {
 
     expect(amountInput1).toBeInTheDocument
 
-    expect(amountInput1).toHaveValue('420.0')
+    expect(amountInput1).toHaveValue('987645635420.0')
     expect(result.getByText('TST', { exact: false }))
     expect(result.getByText(spenderAddress))
   })
@@ -164,28 +164,30 @@ describe('ApprovalEditor', () => {
       operation: OperationType.DelegateCall,
     })
 
+    const mockBalances: Balances = {
+      fiatTotal: '0',
+      items: [
+        {
+          balance: '10',
+          tokenInfo: {
+            address: tokenAddress,
+            decimals: 18,
+            logoUri: 'someurl',
+            name: 'Test token',
+            symbol: 'TST',
+            type: TokenType.ERC20,
+          },
+          fiatBalance: '10',
+          fiatConversion: '1',
+        },
+      ],
+    }
+
     const result = render(<ApprovalEditor safeTransaction={mockSafeTx} />, {
       initialReduxState: {
         balances: {
+          data: mockBalances,
           loading: false,
-          data: {
-            fiatTotal: '0',
-            items: [
-              {
-                balance: '10',
-                tokenInfo: {
-                  address: tokenAddress,
-                  decimals: 18,
-                  logoUri: 'someurl',
-                  name: 'Test token',
-                  symbol: 'TST',
-                  type: TokenType.ERC20,
-                },
-                fiatBalance: '10',
-                fiatConversion: '1',
-              },
-            ],
-          },
         },
       },
     })
@@ -229,6 +231,7 @@ describe('ApprovalEditor', () => {
           to: tokenAddress,
           data: ERC20_INTERFACE.encodeFunctionData('transfer', [spenderAddress, '25']),
           value: '0',
+          operation: OperationType.Call,
         },
         {
           to: tokenAddress,
@@ -271,28 +274,30 @@ describe('ApprovalEditor', () => {
       operation: OperationType.DelegateCall,
     })
 
+    const mockBalances: Balances = {
+      fiatTotal: '0',
+      items: [
+        {
+          balance: '10',
+          tokenInfo: {
+            address: tokenAddress,
+            decimals: 18,
+            logoUri: 'someurl',
+            name: 'Test token',
+            symbol: 'TST',
+            type: TokenType.ERC20,
+          },
+          fiatBalance: '10',
+          fiatConversion: '1',
+        },
+      ],
+    }
+
     const result = render(<ApprovalEditor safeTransaction={mockSafeTx} />, {
       initialReduxState: {
         balances: {
+          data: mockBalances,
           loading: false,
-          data: {
-            fiatTotal: '0',
-            items: [
-              {
-                balance: '10',
-                tokenInfo: {
-                  address: tokenAddress,
-                  decimals: 18,
-                  logoUri: 'someurl',
-                  name: 'Test token',
-                  symbol: 'TST',
-                  type: TokenType.ERC20,
-                },
-                fiatBalance: '10',
-                fiatConversion: '1',
-              },
-            ],
-          },
         },
       },
     })
@@ -336,6 +341,7 @@ describe('ApprovalEditor', () => {
           to: tokenAddress,
           data: ERC20_INTERFACE.encodeFunctionData('transfer', [spenderAddress, '25']),
           value: '0',
+          operation: OperationType.Call,
         },
         {
           to: tokenAddress,
diff --git a/src/components/tx/ApprovalEditor/ApprovalEditorForm.test.tsx b/apps/web/src/components/tx/ApprovalEditor/ApprovalEditorForm.test.tsx
similarity index 100%
rename from src/components/tx/ApprovalEditor/ApprovalEditorForm.test.tsx
rename to apps/web/src/components/tx/ApprovalEditor/ApprovalEditorForm.test.tsx
diff --git a/src/components/tx/ApprovalEditor/ApprovalEditorForm.tsx b/apps/web/src/components/tx/ApprovalEditor/ApprovalEditorForm.tsx
similarity index 94%
rename from src/components/tx/ApprovalEditor/ApprovalEditorForm.tsx
rename to apps/web/src/components/tx/ApprovalEditor/ApprovalEditorForm.tsx
index 3db81b91d..594e7f05c 100644
--- a/src/components/tx/ApprovalEditor/ApprovalEditorForm.tsx
+++ b/apps/web/src/components/tx/ApprovalEditor/ApprovalEditorForm.tsx
@@ -5,7 +5,7 @@ import type { ApprovalInfo } from './hooks/useApprovalInfos'
 
 import { useMemo } from 'react'
 import EditableApprovalItem from './EditableApprovalItem'
-import { groupBy } from 'lodash'
+import groupBy from 'lodash/groupBy'
 import { SpenderField } from './SpenderField'
 
 export type ApprovalEditorFormData = {
@@ -45,7 +45,11 @@ export const ApprovalEditorForm = ({
       <List className={css.approvalsList}>
         {Object.entries(groupedApprovals).map(([spender, approvals], spenderIdx) => (
           <Box key={spender}>
-            <Stack gap={2}>
+            <Stack
+              sx={{
+                gap: 2,
+              }}
+            >
               {approvals.map((tx) => (
                 <ListItem
                   key={tx.tokenAddress + tx.spender}
diff --git a/apps/web/src/components/tx/ApprovalEditor/ApprovalItem.tsx b/apps/web/src/components/tx/ApprovalEditor/ApprovalItem.tsx
new file mode 100644
index 000000000..085943c79
--- /dev/null
+++ b/apps/web/src/components/tx/ApprovalEditor/ApprovalItem.tsx
@@ -0,0 +1,67 @@
+import TokenIcon from '@/components/common/TokenIcon'
+import css from '@/components/tx/ApprovalEditor/styles.module.css'
+import type { Approval } from '@safe-global/utils/services/security/modules/ApprovalModule'
+import { Box, Stack, Typography } from '@mui/material'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk/dist/types/common'
+import type { ApprovalInfo } from './hooks/useApprovalInfos'
+import { PSEUDO_APPROVAL_VALUES } from './utils/approvals'
+import { formatAmountPrecise } from '@safe-global/utils/utils/formatNumber'
+import { type Balance } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+
+export const approvalMethodDescription: Record<
+  Approval['method'],
+  (symbol: string, type?: Balance['tokenInfo']['type']) => string
+> = {
+  approve: (symbol: string, type?: Balance['tokenInfo']['type']) =>
+    type === TokenType.ERC721 ? `Allow to transfer ${symbol}` : `Set ${symbol} allowance to`,
+  increaseAllowance: (symbol: string) => `Increase ${symbol} allowance by`,
+  Permit2: (symbol: string) => `Give permission to spend ${symbol}`,
+  Permit: (symbol: string) => `Give permission to spend ${symbol}`,
+}
+
+const ApprovalItem = ({
+  method,
+  amount,
+  rawAmount,
+  tokenInfo,
+}: {
+  spender: string
+  amount: string
+  rawAmount: any
+  tokenInfo: NonNullable<ApprovalInfo['tokenInfo']>
+  method: Approval['method']
+}) => {
+  return (
+    <Stack
+      direction="row"
+      className={css.approvalField}
+      sx={{
+        alignItems: 'center',
+        gap: 2,
+      }}
+    >
+      <TokenIcon size={32} logoUri={tokenInfo?.logoUri} tokenSymbol={tokenInfo?.symbol} />
+      <Box sx={{ overflowX: 'auto' }}>
+        <Typography
+          variant="body2"
+          sx={{
+            color: 'text.secondary',
+          }}
+        >
+          {approvalMethodDescription[method](tokenInfo.symbol ?? '', tokenInfo.type)}
+        </Typography>
+        {amount === PSEUDO_APPROVAL_VALUES.UNLIMITED ? (
+          <Typography>{PSEUDO_APPROVAL_VALUES.UNLIMITED}</Typography>
+        ) : (
+          <Typography data-testid="token-amount">
+            {tokenInfo.type === TokenType.ERC20
+              ? formatAmountPrecise(amount, tokenInfo.decimals ?? 0)
+              : `#${rawAmount.toString()}`}
+          </Typography>
+        )}
+      </Box>
+    </Stack>
+  )
+}
+
+export default ApprovalItem
diff --git a/src/components/tx/ApprovalEditor/ApprovalValueField.tsx b/apps/web/src/components/tx/ApprovalEditor/ApprovalValueField.tsx
similarity index 97%
rename from src/components/tx/ApprovalEditor/ApprovalValueField.tsx
rename to apps/web/src/components/tx/ApprovalEditor/ApprovalValueField.tsx
index f8fe9687d..5c59d935b 100644
--- a/src/components/tx/ApprovalEditor/ApprovalValueField.tsx
+++ b/apps/web/src/components/tx/ApprovalEditor/ApprovalValueField.tsx
@@ -1,5 +1,5 @@
 import NumberField from '@/components/common/NumberField'
-import { validateAmount, validateDecimalLength } from '@/utils/validation'
+import { validateAmount, validateDecimalLength } from '@safe-global/utils/utils/validation'
 import { Autocomplete, type MenuItemProps, MenuItem } from '@mui/material'
 import { useController, useFormContext } from 'react-hook-form'
 import type { ApprovalInfo } from './hooks/useApprovalInfos'
diff --git a/src/components/tx/ApprovalEditor/Approvals.tsx b/apps/web/src/components/tx/ApprovalEditor/Approvals.tsx
similarity index 88%
rename from src/components/tx/ApprovalEditor/Approvals.tsx
rename to apps/web/src/components/tx/ApprovalEditor/Approvals.tsx
index 0d978291d..1d10bd7cc 100644
--- a/src/components/tx/ApprovalEditor/Approvals.tsx
+++ b/apps/web/src/components/tx/ApprovalEditor/Approvals.tsx
@@ -3,7 +3,7 @@ import { List, ListItem, Stack } from '@mui/material'
 import { type ApprovalInfo } from '@/components/tx/ApprovalEditor/hooks/useApprovalInfos'
 import css from './styles.module.css'
 import ApprovalItem from '@/components/tx/ApprovalEditor/ApprovalItem'
-import { groupBy } from 'lodash'
+import groupBy from 'lodash/groupBy'
 import { useMemo } from 'react'
 import { SpenderField } from './SpenderField'
 
@@ -13,7 +13,12 @@ const Approvals = ({ approvalInfos }: { approvalInfos: ApprovalInfo[] }) => {
   return (
     <List className={css.approvalsList}>
       {Object.entries(groupedApprovals).map(([spender, approvals]) => (
-        <Stack key={spender} gap={2}>
+        <Stack
+          key={spender}
+          sx={{
+            gap: 2,
+          }}
+        >
           <SpenderField address={spender} />
           {approvals.map((tx) => {
             if (!tx.tokenInfo) return <></>
@@ -29,6 +34,7 @@ const Approvals = ({ approvalInfos }: { approvalInfos: ApprovalInfo[] }) => {
                   spender={tx.spender}
                   method={tx.method}
                   amount={tx.amountFormatted}
+                  rawAmount={tx.amount}
                   tokenInfo={tx.tokenInfo}
                 />
               </ListItem>
diff --git a/src/components/tx/ApprovalEditor/EditableApprovalItem.tsx b/apps/web/src/components/tx/ApprovalEditor/EditableApprovalItem.tsx
similarity index 98%
rename from src/components/tx/ApprovalEditor/EditableApprovalItem.tsx
rename to apps/web/src/components/tx/ApprovalEditor/EditableApprovalItem.tsx
index 8208fcc1a..a263aed27 100644
--- a/src/components/tx/ApprovalEditor/EditableApprovalItem.tsx
+++ b/apps/web/src/components/tx/ApprovalEditor/EditableApprovalItem.tsx
@@ -6,7 +6,7 @@ import { ApprovalValueField } from './ApprovalValueField'
 import Track from '@/components/common/Track'
 import { MODALS_EVENTS } from '@/services/analytics'
 import { useFormContext } from 'react-hook-form'
-import { get } from 'lodash'
+import get from 'lodash/get'
 import { EditOutlined } from '@mui/icons-material'
 import TokenIcon from '@/components/common/TokenIcon'
 import { useState } from 'react'
diff --git a/apps/web/src/components/tx/ApprovalEditor/SpenderField.tsx b/apps/web/src/components/tx/ApprovalEditor/SpenderField.tsx
new file mode 100644
index 000000000..241691a6c
--- /dev/null
+++ b/apps/web/src/components/tx/ApprovalEditor/SpenderField.tsx
@@ -0,0 +1,45 @@
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { Stack, Typography, useMediaQuery, useTheme } from '@mui/material'
+
+import css from './styles.module.css'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import useChainId from '@/hooks/useChainId'
+import { getContract } from '@safe-global/safe-gateway-typescript-sdk'
+
+export const SpenderField = ({ address }: { address: string }) => {
+  const chainId = useChainId()
+  const [spendingContract] = useAsync(() => getContract(chainId, address), [chainId, address])
+  const { breakpoints } = useTheme()
+  const isSmallScreen = useMediaQuery(breakpoints.down('md'))
+
+  return (
+    <Stack
+      direction="row"
+      className={css.approvalField}
+      sx={{
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        gap: 2,
+      }}
+    >
+      <Typography
+        variant="body2"
+        sx={{
+          color: 'text.secondary',
+        }}
+      >
+        Spender
+      </Typography>
+      <div>
+        <EthHashInfo
+          avatarSize={24}
+          address={address}
+          name={spendingContract?.displayName || spendingContract?.name}
+          customAvatar={spendingContract?.logoUri}
+          shortAddress={isSmallScreen}
+          hasExplorer
+        />
+      </div>
+    </Stack>
+  )
+}
diff --git a/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.test.ts b/apps/web/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.test.ts
similarity index 82%
rename from src/components/tx/ApprovalEditor/hooks/useApprovalInfos.test.ts
rename to apps/web/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.test.ts
index 1e2d51bc5..bdaebb0e9 100644
--- a/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.test.ts
+++ b/apps/web/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.test.ts
@@ -1,17 +1,21 @@
+import type { TypedData } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
 import { renderHook } from '@/tests/test-utils'
-import { zeroPadValue, Interface } from 'ethers'
+import { Interface, zeroPadValue } from 'ethers'
 import { type ApprovalInfo, useApprovalInfos } from '@/components/tx/ApprovalEditor/hooks/useApprovalInfos'
 import { waitFor } from '@testing-library/react'
 import { createMockSafeTransaction } from '@/tests/transactions'
-import { OperationType } from '@safe-global/safe-core-sdk-types'
-import { ERC20__factory, Multi_send__factory } from '@/types/contracts'
+import { OperationType } from '@safe-global/types-kit'
+import { ERC20__factory, Multi_send__factory } from '@safe-global/utils/types/contracts'
 import * as balances from '@/hooks/useBalances'
-import { type EIP712TypedData, TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
 import * as getTokenInfo from '@/utils/tokens'
 import { faker } from '@faker-js/faker'
 import { PSEUDO_APPROVAL_VALUES } from '../utils/approvals'
 import { encodeMultiSendData } from '@safe-global/protocol-kit'
-import { checksumAddress } from '@/utils/addresses'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+import { UNLIMITED_PERMIT2_AMOUNT } from '@safe-global/utils/utils/tokens'
+import { type Balance } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+import { type Erc20Token } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
 
 const ERC20_INTERFACE = ERC20__factory.createInterface()
 
@@ -234,9 +238,106 @@ describe('useApprovalInfos', () => {
     })
   })
 
+  it('returns an ApprovalInfo for Permit (EIP 2612) message', async () => {
+    const tokenAddress = faker.finance.ethereumAddress()
+    const mockBalanceItem = {
+      balance: '40000',
+      fiatBalance: '1',
+      fiatConversion: '1',
+      tokenInfo: {
+        address: tokenAddress,
+        decimals: 2,
+        logoUri: '',
+        name: 'USDC',
+        symbol: 'USDC',
+        type: TokenType.ERC20,
+      },
+    } as const
+    const spenderAddress = faker.finance.ethereumAddress()
+    const mockMessage: TypedData = {
+      types: {
+        EIP712Domain: [
+          {
+            name: 'name',
+            type: 'string',
+          },
+          {
+            name: 'chainId',
+            type: 'uint256',
+          },
+          {
+            name: 'verifyingContract',
+            type: 'address',
+          },
+        ],
+        Permit: [
+          {
+            name: 'owner',
+            type: 'address',
+          },
+          {
+            name: 'spender',
+            type: 'address',
+          },
+          {
+            name: 'value',
+            type: 'uint256',
+          },
+          {
+            name: 'nonce',
+            type: 'uint256',
+          },
+          {
+            name: 'deadline',
+            type: 'uint256',
+          },
+        ],
+      },
+      domain: {
+        name: 'USDC',
+        chainId: 137,
+        verifyingContract: tokenAddress,
+      },
+      message: {
+        owner: faker.finance.ethereumAddress(),
+        spender: spenderAddress,
+        value: BigInt(2000),
+        nonce: BigInt(0),
+        deadline: BigInt('0xffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff'),
+      },
+      primaryType: 'Permit',
+    } as const
+
+    jest
+      .spyOn(balances, 'default')
+      .mockReturnValue({ balances: { fiatTotal: '0', items: [mockBalanceItem] }, error: undefined, loading: false })
+
+    const { result } = renderHook(() => useApprovalInfos({ safeMessage: mockMessage }))
+
+    const mockApproval: ApprovalInfo = {
+      amount: BigInt(2000),
+      amountFormatted: '20',
+      spender: spenderAddress,
+      tokenAddress: tokenAddress.toLowerCase(),
+      tokenInfo: expect.objectContaining({
+        address: tokenAddress,
+        decimals: 2,
+        symbol: 'USDC',
+        type: TokenType.ERC20,
+      }),
+      method: 'Permit',
+      transactionIndex: 0,
+    }
+
+    await waitFor(() => {
+      expect(result.current).toEqual([[mockApproval], undefined, false])
+    })
+  })
+
   it('returns an ApprovalInfo for Permit2 PermitSingle message', async () => {
     const spenderAddress = faker.finance.ethereumAddress()
-    const mockMessage: EIP712TypedData = {
+    const mockMessage: TypedData = {
+      primaryType: 'PermitSingle',
       types: {
         EIP712Domain: [
           {
@@ -305,7 +406,7 @@ describe('useApprovalInfos', () => {
     const { result } = renderHook(() => useApprovalInfos({ safeMessage: mockMessage }))
 
     const mockApproval: ApprovalInfo = {
-      amount: BigInt(getTokenInfo.UNLIMITED_PERMIT2_AMOUNT),
+      amount: BigInt(UNLIMITED_PERMIT2_AMOUNT),
       amountFormatted: PSEUDO_APPROVAL_VALUES.UNLIMITED,
       spender: spenderAddress,
       tokenAddress: '0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174'.toLowerCase(),
@@ -324,7 +425,8 @@ describe('useApprovalInfos', () => {
     const token1 = faker.finance.ethereumAddress()
     const token2 = faker.finance.ethereumAddress()
 
-    const mockMessage: EIP712TypedData = {
+    const mockMessage: TypedData = {
+      primaryType: 'PermitBatch',
       types: {
         EIP712Domain: [
           {
@@ -402,7 +504,7 @@ describe('useApprovalInfos', () => {
 
     const expectedApprovals: ApprovalInfo[] = [
       {
-        amount: BigInt(getTokenInfo.UNLIMITED_PERMIT2_AMOUNT),
+        amount: BigInt(UNLIMITED_PERMIT2_AMOUNT),
         amountFormatted: PSEUDO_APPROVAL_VALUES.UNLIMITED,
         spender: spenderAddress,
         tokenAddress: token1.toLowerCase(),
@@ -411,7 +513,7 @@ describe('useApprovalInfos', () => {
         transactionIndex: 0,
       },
       {
-        amount: BigInt(getTokenInfo.UNLIMITED_PERMIT2_AMOUNT),
+        amount: BigInt(UNLIMITED_PERMIT2_AMOUNT),
         amountFormatted: PSEUDO_APPROVAL_VALUES.UNLIMITED,
         spender: spenderAddress,
         tokenAddress: token2.toLowerCase(),
@@ -427,7 +529,7 @@ describe('useApprovalInfos', () => {
   })
 
   it('returns an ApprovalInfo with token infos if the token exists in balances', async () => {
-    const mockBalanceItem = {
+    const mockBalanceItem: Balance = {
       balance: '40',
       fiatBalance: '40',
       fiatConversion: '1',
@@ -470,7 +572,7 @@ describe('useApprovalInfos', () => {
   })
 
   it('fetches token info for an approval if its missing', async () => {
-    const mockTokenInfo = {
+    const mockTokenInfo: Omit<Erc20Token, 'name' | 'logoUri'> = {
       address: '0x0000000000000000000000000000000000000123',
       symbol: 'HT',
       decimals: 18,
@@ -478,7 +580,7 @@ describe('useApprovalInfos', () => {
     }
     const fetchMock = jest
       .spyOn(getTokenInfo, 'getERC20TokenInfoOnChain')
-      .mockReturnValue(Promise.resolve(mockTokenInfo))
+      .mockReturnValue(Promise.resolve([mockTokenInfo]))
     const testInterface = new Interface(['function approve(address, uint256)'])
 
     const mockSafeTx = createMockSafeTransaction({
diff --git a/apps/web/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.ts b/apps/web/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.ts
new file mode 100644
index 000000000..db78e04c3
--- /dev/null
+++ b/apps/web/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.ts
@@ -0,0 +1,88 @@
+import type { TypedData } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import useBalances from '@/hooks/useBalances'
+import { type Approval, ApprovalModule } from '@safe-global/utils/services/security/modules/ApprovalModule'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { getERC20TokenInfoOnChain, getErc721Symbol, isErc721Token } from '@/utils/tokens'
+import { type SafeTransaction } from '@safe-global/types-kit'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+import { useMemo } from 'react'
+import { PSEUDO_APPROVAL_VALUES } from '../utils/approvals'
+import { safeFormatUnits } from '@safe-global/utils/utils/formatters'
+import { UNLIMITED_APPROVAL_AMOUNT, UNLIMITED_PERMIT2_AMOUNT } from '@safe-global/utils/utils/tokens'
+import { type Balance } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+
+export type ApprovalInfo = {
+  tokenInfo: (Omit<Balance['tokenInfo'], 'logoUri' | 'name'> & { logoUri?: string }) | undefined
+  tokenAddress: string
+  spender: any
+  amount: any
+  amountFormatted: string
+  method: Approval['method']
+  /** Index of approval transaction within (batch) transaction */
+  transactionIndex: number
+}
+
+const DEFAULT_DECIMALS = 18
+
+const ApprovalModuleInstance = new ApprovalModule()
+
+export const useApprovalInfos = (payload: {
+  safeTransaction?: SafeTransaction
+  safeMessage?: TypedData
+}): [ApprovalInfo[] | undefined, Error | undefined, boolean] => {
+  const { safeTransaction, safeMessage } = payload
+  const { balances } = useBalances()
+  const approvals = useMemo(() => {
+    if (safeTransaction) {
+      return ApprovalModuleInstance.scanTransaction({ safeTransaction })
+    }
+    if (safeMessage) {
+      return ApprovalModuleInstance.scanMessage({ safeMessage })
+    }
+  }, [safeMessage, safeTransaction])
+
+  const hasApprovalSignatures = !!approvals && !!approvals.payload && approvals.payload.length > 0
+
+  const [approvalInfos, error, loading] = useAsync<ApprovalInfo[] | undefined>(
+    async () => {
+      if (!hasApprovalSignatures) return
+
+      return Promise.all(
+        approvals.payload.map(async (approval) => {
+          let tokenInfo: Omit<Balance['tokenInfo'], 'name' | 'logoUri'> | undefined = balances.items.find((item) =>
+            sameAddress(item.tokenInfo.address, approval.tokenAddress),
+          )?.tokenInfo
+
+          if (!tokenInfo) {
+            try {
+              tokenInfo = (await getERC20TokenInfoOnChain(approval.tokenAddress))?.[0]
+            } catch (e) {
+              const isErc721 = await isErc721Token(approval.tokenAddress)
+              const symbol = await getErc721Symbol(approval.tokenAddress)
+
+              tokenInfo = {
+                address: approval.tokenAddress,
+                symbol,
+                decimals: 1, // Doesn't exist for ERC-721 tokens
+                type: isErc721 ? TokenType.ERC721 : TokenType.ERC20,
+              }
+            }
+          }
+
+          const amountFormatted =
+            UNLIMITED_APPROVAL_AMOUNT == approval.amount || UNLIMITED_PERMIT2_AMOUNT == approval.amount
+              ? PSEUDO_APPROVAL_VALUES.UNLIMITED
+              : safeFormatUnits(approval.amount, tokenInfo?.decimals ?? DEFAULT_DECIMALS)
+
+          return { ...approval, tokenInfo, amountFormatted }
+        }),
+      )
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [hasApprovalSignatures, balances.items.length],
+    false, // Do not clear data on balance updates
+  )
+
+  return [hasApprovalSignatures ? approvalInfos : [], error, loading]
+}
diff --git a/apps/web/src/components/tx/ApprovalEditor/index.tsx b/apps/web/src/components/tx/ApprovalEditor/index.tsx
new file mode 100644
index 000000000..4f07244e6
--- /dev/null
+++ b/apps/web/src/components/tx/ApprovalEditor/index.tsx
@@ -0,0 +1,95 @@
+import type { TypedData } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import Approvals from '@/components/tx/ApprovalEditor/Approvals'
+import { createMultiSendCallOnlyTx, createTx } from '@/services/tx/tx-sender'
+import { decodeSafeTxToBaseTransactions } from '@/utils/transactions'
+import { Alert, Box, Skeleton, Typography } from '@mui/material'
+import { type SafeTransaction } from '@safe-global/types-kit'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+import { useContext } from 'react'
+import { ApprovalEditorForm } from './ApprovalEditorForm'
+import { useApprovalInfos } from './hooks/useApprovalInfos'
+import css from './styles.module.css'
+import { updateApprovalTxs } from './utils/approvals'
+
+const Title = ({ isErc721 }: { isErc721: boolean }) => {
+  const title = 'Allow access to tokens?'
+  const subtitle = isErc721
+    ? 'This allows the spender to transfer the specified token.'
+    : 'This allows the spender to spend the specified amount of your tokens.'
+
+  return (
+    <div>
+      <Typography
+        sx={{
+          fontWeight: 700,
+        }}
+      >
+        {title}
+      </Typography>
+      <Typography variant="body2">{subtitle}</Typography>
+    </div>
+  )
+}
+
+export const ApprovalEditor = ({
+  safeTransaction,
+  safeMessage,
+}: {
+  safeTransaction?: SafeTransaction
+  safeMessage?: TypedData
+}) => {
+  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+  const [readableApprovals, error, loading] = useApprovalInfos({ safeTransaction, safeMessage })
+
+  const nonZeroApprovals = readableApprovals?.filter((approval) => !(0n === approval.amount))
+
+  if (nonZeroApprovals?.length === 0 || (!safeTransaction && !safeMessage)) {
+    return null
+  }
+
+  const updateApprovals = (approvals: string[]) => {
+    if (!safeTransaction) {
+      return
+    }
+    const extractedTxs = decodeSafeTxToBaseTransactions(safeTransaction)
+    const updatedTxs = updateApprovalTxs(approvals, readableApprovals, extractedTxs)
+
+    const createSafeTx = async (): Promise<SafeTransaction> => {
+      const isMultiSend = updatedTxs.length > 1
+      return isMultiSend ? createMultiSendCallOnlyTx(updatedTxs) : createTx(updatedTxs[0])
+    }
+
+    createSafeTx().then(setSafeTx).catch(setSafeTxError)
+  }
+
+  const isErc721Approval = !!readableApprovals?.some((approval) => approval.tokenInfo?.type === TokenType.ERC721)
+
+  const isReadOnly =
+    (safeTransaction && safeTransaction.signatures.size > 0) || safeMessage !== undefined || isErc721Approval
+
+  return (
+    <Box
+      className={css.container}
+      sx={{
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 2,
+        mb: 1,
+      }}
+    >
+      <Title isErc721={isErc721Approval} />
+      {error ? (
+        <Alert severity="error">Error while decoding approval transactions.</Alert>
+      ) : loading || !readableApprovals ? (
+        <Skeleton variant="rounded" height={100} data-testid="approval-editor-loading" />
+      ) : isReadOnly ? (
+        <Approvals approvalInfos={readableApprovals} />
+      ) : (
+        <ApprovalEditorForm approvalInfos={readableApprovals} updateApprovals={updateApprovals} />
+      )}
+    </Box>
+  )
+}
+
+export default ApprovalEditor
diff --git a/src/components/tx/ApprovalEditor/styles.module.css b/apps/web/src/components/tx/ApprovalEditor/styles.module.css
similarity index 100%
rename from src/components/tx/ApprovalEditor/styles.module.css
rename to apps/web/src/components/tx/ApprovalEditor/styles.module.css
diff --git a/apps/web/src/components/tx/ApprovalEditor/utils/approvals.ts b/apps/web/src/components/tx/ApprovalEditor/utils/approvals.ts
new file mode 100644
index 000000000..26fd298ac
--- /dev/null
+++ b/apps/web/src/components/tx/ApprovalEditor/utils/approvals.ts
@@ -0,0 +1,119 @@
+import type { BaseTransaction } from '@safe-global/safe-apps-sdk'
+import type { DecodedDataResponse } from '@safe-global/safe-gateway-typescript-sdk'
+import { parseUnits } from 'ethers'
+import { EMPTY_DATA } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { type ApprovalInfo } from '../hooks/useApprovalInfos'
+import { UNLIMITED_APPROVAL_AMOUNT } from '@safe-global/utils/utils/tokens'
+import {
+  APPROVAL_SIGNATURE_HASH,
+  ERC20_INTERFACE,
+  INCREASE_ALLOWANCE_SIGNATURE_HASH,
+} from '@safe-global/utils/components/tx/ApprovalEditor/utils/approvals'
+
+const MULTISEND_METHOD = 'multiSend'
+
+const APPROVE_METHOD = 'approve'
+
+const TRANSACTIONS_PARAM = 'transactions'
+
+const ADDRESS_TYPE = 'address'
+const UINT256_TYPE = 'uint256'
+
+export enum PSEUDO_APPROVAL_VALUES {
+  UNLIMITED = 'Unlimited amount',
+}
+
+const parseApprovalAmount = (amount: string, decimals: number) => {
+  if (amount === PSEUDO_APPROVAL_VALUES.UNLIMITED) {
+    return UNLIMITED_APPROVAL_AMOUNT
+  }
+
+  return parseUnits(amount, decimals)
+}
+
+export const extractTxs: (txs: BaseTransaction[] | (DecodedDataResponse & { to: string })) => BaseTransaction[] = (
+  txs,
+) => {
+  if (Array.isArray(txs)) {
+    return txs
+  }
+
+  const isMultiSendCall = txs.method === MULTISEND_METHOD && txs.parameters.length === 1
+
+  // Our multisend contract takes 1 param called transactions
+  if (isMultiSendCall) {
+    const txParam = txs.parameters[0]
+    if (txParam.name === TRANSACTIONS_PARAM) {
+      return txParam.valueDecoded
+        ? txParam.valueDecoded.map((innerTx) => ({
+            to: innerTx.to,
+            data: innerTx.data || EMPTY_DATA,
+            value: innerTx.value,
+          }))
+        : []
+    }
+  }
+
+  const isApproveCall = txs.method === APPROVE_METHOD && txs.parameters.length === 2
+
+  if (isApproveCall) {
+    const spenderParam = txs.parameters[0]
+    const amountParam = txs.parameters[1]
+
+    // We only check the types here instead of the names may vary in ERC20 implementations
+    if (
+      spenderParam.type == ADDRESS_TYPE &&
+      typeof spenderParam.value === 'string' &&
+      amountParam.type === UINT256_TYPE &&
+      typeof amountParam.value === 'string'
+    ) {
+      return [
+        {
+          to: txs.to,
+          value: '0x',
+          data: ERC20_INTERFACE.encodeFunctionData(APPROVE_METHOD, [spenderParam.value, amountParam.value]),
+        },
+      ]
+    }
+  }
+  return []
+}
+
+export const updateApprovalTxs = (
+  approvalFormValues: string[],
+  approvalInfos: ApprovalInfo[] | undefined,
+  txs: BaseTransaction[],
+) => {
+  const updatedTxs = txs.map((tx, txIndex) => {
+    const approvalIndex = approvalInfos?.findIndex((approval) => approval.transactionIndex === txIndex)
+    if (approvalIndex === undefined) {
+      return tx
+    }
+    if (tx.data.startsWith(APPROVAL_SIGNATURE_HASH) || tx.data.startsWith(INCREASE_ALLOWANCE_SIGNATURE_HASH)) {
+      const newApproval = approvalFormValues[approvalIndex]
+      const approvalInfo = approvalInfos?.[approvalIndex]
+      if (!approvalInfo || !approvalInfo.tokenInfo) {
+        // Without decimals and spender we cannot create a new tx
+        return tx
+      }
+      const decimals = approvalInfo.tokenInfo.decimals
+      const newAmountWei = parseApprovalAmount(newApproval, decimals ?? 0)
+      if (tx.data.startsWith(APPROVAL_SIGNATURE_HASH)) {
+        return {
+          to: approvalInfo.tokenAddress,
+          value: '0',
+          data: ERC20_INTERFACE.encodeFunctionData('approve', [approvalInfo.spender, newAmountWei]),
+        }
+      } else {
+        return {
+          to: approvalInfo.tokenAddress,
+          value: '0',
+          data: ERC20_INTERFACE.encodeFunctionData('increaseAllowance', [approvalInfo.spender, newAmountWei]),
+        }
+      }
+    }
+    return tx
+  })
+
+  return updatedTxs
+}
diff --git a/src/components/tx/BalanceInfo/index.tsx b/apps/web/src/components/tx/BalanceInfo/index.tsx
similarity index 100%
rename from src/components/tx/BalanceInfo/index.tsx
rename to apps/web/src/components/tx/BalanceInfo/index.tsx
diff --git a/src/components/tx/BalanceInfo/styles.module.css b/apps/web/src/components/tx/BalanceInfo/styles.module.css
similarity index 100%
rename from src/components/tx/BalanceInfo/styles.module.css
rename to apps/web/src/components/tx/BalanceInfo/styles.module.css
diff --git a/apps/web/src/components/tx/ColorCodedTxAccordion/HelpTooltip.tsx b/apps/web/src/components/tx/ColorCodedTxAccordion/HelpTooltip.tsx
new file mode 100644
index 000000000..a102e2fc8
--- /dev/null
+++ b/apps/web/src/components/tx/ColorCodedTxAccordion/HelpTooltip.tsx
@@ -0,0 +1,34 @@
+import { Tooltip, SvgIcon } from '@mui/material'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import ExternalLink from '@/components/common/ExternalLink'
+
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+const HelpTooltip = () => (
+  <Tooltip
+    title={
+      <>
+        Always verify transaction details.{' '}
+        <ExternalLink href={HelpCenterArticle.VERIFY_TX_DETAILS}>Learn more</ExternalLink>.
+      </>
+    }
+    arrow
+    placement="top"
+  >
+    <span>
+      <SvgIcon
+        component={InfoIcon}
+        inheritViewBox
+        color="border"
+        fontSize="small"
+        sx={{
+          verticalAlign: 'middle',
+          ml: 0.5,
+          mt: '-1px',
+        }}
+      />
+    </span>
+  </Tooltip>
+)
+
+export default HelpTooltip
diff --git a/apps/web/src/components/tx/ColorCodedTxAccordion/index.tsx b/apps/web/src/components/tx/ColorCodedTxAccordion/index.tsx
new file mode 100644
index 000000000..d855ef52a
--- /dev/null
+++ b/apps/web/src/components/tx/ColorCodedTxAccordion/index.tsx
@@ -0,0 +1,138 @@
+import type { ReactNode } from 'react'
+import { type SyntheticEvent, type ReactElement, memo, useMemo } from 'react'
+import { isNativeTokenTransfer, isTransferTxInfo } from '@/utils/transaction-guards'
+import {
+  Accordion,
+  accordionClasses,
+  AccordionDetails,
+  AccordionSummary,
+  accordionSummaryClasses,
+  Box,
+  Stack,
+  styled,
+  Typography,
+} from '@mui/material'
+import { TransactionInfoType, type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { trackEvent, MODALS_EVENTS } from '@/services/analytics'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import accordionCss from '@/styles/accordion.module.css'
+import HelpTooltip from './HelpTooltip'
+import { useDarkMode } from '@/hooks/useDarkMode'
+
+enum ColorLevel {
+  info = 'info',
+  warning = 'warning',
+  success = 'success',
+}
+
+const TX_INFO_LEVEL = {
+  [ColorLevel.warning]: [TransactionInfoType.SETTINGS_CHANGE],
+  [ColorLevel.success]: [
+    TransactionInfoType.TRANSFER,
+    TransactionInfoType.SWAP_TRANSFER,
+    TransactionInfoType.TWAP_ORDER,
+    TransactionInfoType.NATIVE_STAKING_DEPOSIT,
+  ],
+}
+
+const TxInfoColors: Record<ColorLevel, { main: string; mainDark?: string; background: string; border?: string }> = {
+  [ColorLevel.info]: { main: 'info.dark', background: 'info.background' },
+  [ColorLevel.warning]: { main: 'warning.main', background: 'warning.background', border: 'warning.light' },
+  [ColorLevel.success]: {
+    main: 'success.main',
+    mainDark: 'primary.main',
+    background: 'background.light',
+    border: 'success.light',
+  },
+}
+
+const getMethodLevel = (txInfo?: TransactionInfoType): ColorLevel => {
+  if (!txInfo) {
+    return ColorLevel.info
+  }
+
+  const methodLevels = Object.keys(TX_INFO_LEVEL) as (keyof typeof TX_INFO_LEVEL)[]
+  return (methodLevels.find((key) => TX_INFO_LEVEL[key].includes(txInfo)) as ColorLevel) || ColorLevel.info
+}
+
+const toCssVar = (color: string) => `var(--color-${color.replace('.', '-')})`
+
+const StyledAccordion = styled(Accordion)<{ color?: ColorLevel }>(({ color = ColorLevel.info }) => {
+  const { main, border, background } = TxInfoColors[color]
+  return {
+    [`&.${accordionClasses.expanded}.${accordionClasses.root}, &:hover.${accordionClasses.root}`]: {
+      borderColor: toCssVar(border || main),
+    },
+    [`&.${accordionClasses.expanded} > * > .${accordionSummaryClasses.root}`]: {
+      backgroundColor: toCssVar(background),
+    },
+  }
+})
+
+type DecodedTxProps = {
+  txInfo?: TransactionDetails['txInfo']
+  txData?: TransactionDetails['txData']
+  children: ReactNode
+  defaultExpanded?: boolean
+}
+
+export const Divider = () => (
+  <Box
+    borderBottom="1px solid var(--color-border-light)"
+    width="calc(100% + 32px)"
+    my={2}
+    sx={{ ml: '-16px !important' }}
+  />
+)
+
+const onChangeExpand = (_: SyntheticEvent, expanded: boolean) => {
+  trackEvent({ ...MODALS_EVENTS.TX_DETAILS, label: expanded ? 'Open' : 'Close' })
+}
+
+const ColorCodedTxAccordion = ({ txInfo, txData, children, defaultExpanded }: DecodedTxProps): ReactElement => {
+  const isDarkMode = useDarkMode()
+  const decodedData = txData?.dataDecoded
+  const level = useMemo(() => getMethodLevel(txInfo?.type), [txInfo?.type])
+  const colors = TxInfoColors[level]
+
+  const methodLabel =
+    txInfo && isTransferTxInfo(txInfo) && isNativeTokenTransfer(txInfo.transferInfo)
+      ? 'native transfer'
+      : decodedData?.method
+
+  return (
+    <StyledAccordion elevation={0} onChange={onChangeExpand} color={level} defaultExpanded={defaultExpanded}>
+      <AccordionSummary
+        data-testid="decoded-tx-summary"
+        expandIcon={<ExpandMoreIcon />}
+        className={accordionCss.accordion}
+      >
+        <Stack direction="row" justifyContent="space-between" alignItems="center" width="100%">
+          <Typography variant="subtitle2" fontWeight={700} data-testid="tx-advanced-details">
+            Transaction details
+            <HelpTooltip />
+          </Typography>
+
+          {methodLabel && (
+            <Typography
+              component="span"
+              variant="body2"
+              alignContent="center"
+              color={isDarkMode ? (colors.mainDark ?? colors.main) : colors.main}
+              py={0.5}
+              px={1}
+              borderRadius={0.5}
+              bgcolor={colors.background}
+            >
+              {methodLabel}
+            </Typography>
+          )}
+        </Stack>
+      </AccordionSummary>
+
+      <AccordionDetails data-testid="decoded-tx-details">{children}</AccordionDetails>
+    </StyledAccordion>
+  )
+}
+
+export default memo(ColorCodedTxAccordion)
diff --git a/apps/web/src/components/tx/ConfirmTxDetails/JsonView.tsx b/apps/web/src/components/tx/ConfirmTxDetails/JsonView.tsx
new file mode 100644
index 000000000..4a783b61e
--- /dev/null
+++ b/apps/web/src/components/tx/ConfirmTxDetails/JsonView.tsx
@@ -0,0 +1,22 @@
+import { useMemo } from 'react'
+import { Stack, Box, Typography } from '@mui/material'
+import CopyButton from '@/components/common/CopyButton'
+
+const containerSx = { backgroundColor: 'background.paper', borderRadius: 1, padding: 2 }
+const codeSx = { wordWrap: 'break-word', whiteSpace: 'pre-wrap' }
+
+export const JsonView = ({ data }: { data: unknown }) => {
+  const json = useMemo(() => JSON.stringify(data, null, 2), [data])
+
+  return (
+    <Stack sx={containerSx}>
+      <Box alignSelf="flex-end" m={-1}>
+        <CopyButton text={json} />
+      </Box>
+
+      <Typography variant="caption" component="code" sx={codeSx}>
+        {json}
+      </Typography>
+    </Stack>
+  )
+}
diff --git a/apps/web/src/components/tx/ConfirmTxDetails/NameChip.test.tsx b/apps/web/src/components/tx/ConfirmTxDetails/NameChip.test.tsx
new file mode 100644
index 000000000..57dbf0fc4
--- /dev/null
+++ b/apps/web/src/components/tx/ConfirmTxDetails/NameChip.test.tsx
@@ -0,0 +1,133 @@
+import NameChip from './NameChip'
+import useAddressBook from '@/hooks/useAddressBook'
+import { useAddressName } from '@/components/common/NamedAddressInfo'
+import { txDataBuilder } from '@/tests/builders/safeTx'
+import { render, screen } from '@/tests/test-utils'
+import { faker } from '@faker-js/faker'
+
+// Theme color values
+const COLORS = {
+  ERROR_BACKGROUND: '#FFE6EA',
+  ERROR_MAIN: '#FF5F72',
+  BACKGROUND_MAIN: '#F4F4F4',
+} as const
+
+// Mock the hooks
+jest.mock('@/hooks/useAddressBook')
+jest.mock('@/components/common/NamedAddressInfo')
+
+describe('NameChip', () => {
+  const mockUseAddressBook = useAddressBook as jest.MockedFunction<typeof useAddressBook>
+  const mockUseAddressName = useAddressName as jest.MockedFunction<typeof useAddressName>
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should render nothing when no address is provided', () => {
+    mockUseAddressName.mockReturnValue({ name: undefined, logoUri: undefined, isUnverifiedContract: false })
+    render(<NameChip />)
+    expect(screen.queryByTestId('name-chip')).not.toBeInTheDocument()
+  })
+
+  it('should render nothing when address is provided but no name or logo', () => {
+    const mockAddress = faker.finance.ethereumAddress()
+    mockUseAddressName.mockReturnValue({ name: undefined, logoUri: undefined, isUnverifiedContract: false })
+    mockUseAddressBook.mockReturnValue({})
+
+    const txData = txDataBuilder()
+      .with({
+        to: { value: mockAddress },
+      })
+      .build()
+
+    render(<NameChip txData={txData} />)
+    expect(screen.queryByTestId('name-chip')).not.toBeInTheDocument()
+  })
+
+  it('should render with error color for unverified contracts not in address book', () => {
+    const mockAddress = faker.finance.ethereumAddress()
+    mockUseAddressName.mockReturnValue({ name: 'Unverified contract', logoUri: undefined, isUnverifiedContract: true })
+    mockUseAddressBook.mockReturnValue({})
+
+    const txData = txDataBuilder()
+      .with({
+        to: { value: mockAddress },
+      })
+      .build()
+
+    render(<NameChip txData={txData} />)
+    const chip = screen.getByTestId('name-chip')
+    expect(chip).toHaveStyle({ backgroundColor: COLORS.ERROR_BACKGROUND })
+    expect(chip).toHaveStyle({ color: COLORS.ERROR_MAIN })
+  })
+
+  it('should not render with error color for verified contracts not in address book', () => {
+    const mockAddress = faker.finance.ethereumAddress()
+    mockUseAddressName.mockReturnValue({ name: 'Test Contract', logoUri: undefined, isUnverifiedContract: false })
+    mockUseAddressBook.mockReturnValue({})
+
+    const txData = txDataBuilder()
+      .with({
+        to: { value: mockAddress },
+      })
+      .build()
+
+    render(<NameChip txData={txData} />)
+    const chip = screen.getByTestId('name-chip')
+    expect(chip).not.toHaveStyle({ backgroundColor: COLORS.ERROR_BACKGROUND })
+    expect(chip).not.toHaveStyle({ color: COLORS.ERROR_MAIN })
+  })
+
+  it('should not render with error color for unverified contracts in address book', () => {
+    const mockAddress = faker.finance.ethereumAddress()
+    mockUseAddressName.mockReturnValue({ name: 'Unverified contract', logoUri: undefined, isUnverifiedContract: true })
+    mockUseAddressBook.mockReturnValue({ [mockAddress]: 'Address Book Entry' })
+
+    const txData = txDataBuilder()
+      .with({
+        to: { value: mockAddress },
+      })
+      .build()
+
+    render(<NameChip txData={txData} />)
+    const chip = screen.getByTestId('name-chip')
+    expect(chip).not.toHaveStyle({ backgroundColor: COLORS.ERROR_BACKGROUND })
+    expect(chip).not.toHaveStyle({ color: COLORS.ERROR_MAIN })
+  })
+
+  it('should prioritize address book name over txInfo name', () => {
+    const mockAddress = faker.finance.ethereumAddress()
+    const addressBookName = 'Address Book Name'
+    const txInfoName = 'TxInfo Name'
+
+    mockUseAddressName.mockReturnValue({ name: txInfoName, logoUri: undefined, isUnverifiedContract: false })
+    mockUseAddressBook.mockReturnValue({ [mockAddress]: addressBookName })
+
+    const txData = txDataBuilder()
+      .with({
+        to: { value: mockAddress, name: txInfoName },
+      })
+      .build()
+
+    render(<NameChip txData={txData} />)
+    expect(screen.getByText(addressBookName)).toBeInTheDocument()
+    expect(screen.queryByText(txInfoName)).not.toBeInTheDocument()
+  })
+
+  it('should display name and logo when provided', () => {
+    const mockAddress = faker.finance.ethereumAddress()
+    mockUseAddressName.mockReturnValue({ name: 'Test Contract', logoUri: 'test-logo.png', isUnverifiedContract: false })
+    mockUseAddressBook.mockReturnValue({})
+
+    const txData = txDataBuilder()
+      .with({
+        to: { value: mockAddress },
+      })
+      .build()
+
+    render(<NameChip txData={txData} />)
+    expect(screen.getByText('Test Contract')).toBeInTheDocument()
+    expect(screen.getByRole('presentation')).toHaveAttribute('src', 'test-logo.png')
+  })
+})
diff --git a/apps/web/src/components/tx/ConfirmTxDetails/NameChip.tsx b/apps/web/src/components/tx/ConfirmTxDetails/NameChip.tsx
new file mode 100644
index 000000000..ea7debd81
--- /dev/null
+++ b/apps/web/src/components/tx/ConfirmTxDetails/NameChip.tsx
@@ -0,0 +1,39 @@
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { useAddressName } from '@/components/common/NamedAddressInfo'
+import useAddressBook from '@/hooks/useAddressBook'
+import { isCustomTxInfo } from '@/utils/transaction-guards'
+import { Chip } from '@mui/material'
+import type { TransactionData, TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+
+const NameChip = ({ txData, txInfo }: { txData?: TransactionData; txInfo?: TransactionDetails['txInfo'] }) => {
+  const addressBook = useAddressBook()
+  const toAddress = txData?.to.value
+  const customTxInfo = txInfo && isCustomTxInfo(txInfo) ? txInfo : undefined
+  const toInfo = customTxInfo?.to || txData?.addressInfoIndex?.[txData?.to.value] || txData?.to
+  const nameFromAb = toAddress !== undefined ? addressBook[toAddress] : undefined
+  const toName =
+    nameFromAb || toInfo?.name || (toInfo && 'displayName' in toInfo ? String(toInfo.displayName || '') : undefined)
+  const toLogo = toInfo?.logoUri
+  const contractInfo = useAddressName(toAddress, toName)
+  const name = toName || contractInfo?.name
+  const logo = toLogo || contractInfo?.logoUri
+
+  const isInAddressBook = !!nameFromAb
+  const isUntrusted = !isInAddressBook && contractInfo.isUnverifiedContract
+
+  return toAddress && (name || logo) ? (
+    <Chip
+      data-testid="name-chip"
+      sx={{
+        backgroundColor: isUntrusted ? 'error.background' : 'background.paper',
+        color: isUntrusted ? 'error.main' : undefined,
+        height: 'unset',
+      }}
+      label={
+        <EthHashInfo address={toAddress} name={name} customAvatar={logo} showAvatar={!!logo} avatarSize={20} onlyName />
+      }
+    ></Chip>
+  ) : null
+}
+
+export default NameChip
diff --git a/apps/web/src/components/tx/ConfirmTxDetails/Receipt.tsx b/apps/web/src/components/tx/ConfirmTxDetails/Receipt.tsx
new file mode 100644
index 000000000..037630855
--- /dev/null
+++ b/apps/web/src/components/tx/ConfirmTxDetails/Receipt.tsx
@@ -0,0 +1,201 @@
+import { Fragment, useMemo, type ReactElement } from 'react'
+import { Box, Divider, Stack, Typography } from '@mui/material'
+import CheckIcon from '@mui/icons-material/Check'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import { PaperViewToggle } from '../../common/PaperViewToggle'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { Operation, type TransactionDetails, type TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import { HexEncodedData } from '@/components/transactions/HexEncodedData'
+import {
+  useDomainHash,
+  useMessageHash,
+  useSafeTxHash,
+} from '@/components/transactions/TxDetails/Summary/SafeTxHashDataRow'
+import TxDetailsRow from './TxDetailsRow'
+import NameChip from './NameChip'
+import { isMultisigDetailedExecutionInfo } from '@/utils/transaction-guards'
+import { JsonView } from './JsonView'
+
+type ReceiptProps = {
+  safeTxData: SafeTransaction['data']
+  txData?: TransactionData
+  txDetails?: TransactionDetails
+  txInfo?: TransactionDetails['txInfo']
+  grid?: boolean
+  withSignatures?: boolean
+}
+
+const ScrollWrapper = ({ children }: { children: ReactElement | ReactElement[] }) => (
+  <Box sx={{ maxHeight: '550px', flex: 1, overflowY: 'auto', px: 2, pt: 1, mt: '0 !important' }}>{children}</Box>
+)
+
+export const Receipt = ({ safeTxData, txData, txDetails, txInfo, grid, withSignatures = false }: ReceiptProps) => {
+  const safeTxHash = useSafeTxHash({ safeTxData })
+  const domainHash = useDomainHash()
+  const messageHash = useMessageHash({ safeTxData })
+  const operation = Number(safeTxData.operation) as Operation
+
+  const ToWrapper = grid ? Box : Fragment
+
+  const confirmations = useMemo(() => {
+    const detailedExecutionInfo = txDetails?.detailedExecutionInfo
+    return isMultisigDetailedExecutionInfo(detailedExecutionInfo) ? detailedExecutionInfo.confirmations : []
+  }, [txDetails?.detailedExecutionInfo])
+
+  return (
+    <PaperViewToggle activeView={0} leftAlign={grid}>
+      {[
+        {
+          title: 'Data',
+          content: (
+            <ScrollWrapper>
+              <Stack spacing={1} divider={<Divider />}>
+                <TxDetailsRow label="To" grid={grid}>
+                  <ToWrapper>
+                    <NameChip txData={txData} txInfo={txInfo} />
+
+                    <Typography
+                      variant="body2"
+                      mt={grid ? 0.75 : 0}
+                      width={grid ? undefined : '100%'}
+                      sx={{
+                        '& *': { whiteSpace: 'normal', wordWrap: 'break-word', alignItems: 'flex-start !important' },
+                      }}
+                    >
+                      <EthHashInfo
+                        address={safeTxData.to}
+                        avatarSize={20}
+                        showPrefix={false}
+                        showName={false}
+                        shortAddress={false}
+                        hasExplorer
+                        showAvatar
+                        highlight4bytes
+                      />
+                    </Typography>
+                  </ToWrapper>
+                </TxDetailsRow>
+
+                <TxDetailsRow label="Value" grid={grid}>
+                  {safeTxData.value}
+                </TxDetailsRow>
+
+                <TxDetailsRow label="Data" grid={grid}>
+                  <Typography variant="body2" width={grid ? '70%' : undefined}>
+                    <HexEncodedData hexData={safeTxData.data} limit={140} />
+                  </Typography>
+                </TxDetailsRow>
+
+                <TxDetailsRow label="Operation" grid={grid}>
+                  <Typography variant="body2" display="flex" alignItems="center" gap={0.5}>
+                    {safeTxData.operation} ({operation === Operation.CALL ? 'call' : 'delegate call'})
+                    {operation === Operation.CALL && <CheckIcon color="success" fontSize="inherit" />}
+                  </Typography>
+                </TxDetailsRow>
+
+                <TxDetailsRow label="SafeTxGas" grid={grid}>
+                  {safeTxData.safeTxGas}
+                </TxDetailsRow>
+
+                <TxDetailsRow label="BaseGas" grid={grid}>
+                  {safeTxData.baseGas}
+                </TxDetailsRow>
+
+                <TxDetailsRow label="GasPrice" grid={grid}>
+                  {safeTxData.gasPrice}
+                </TxDetailsRow>
+
+                <TxDetailsRow label="GasToken" grid={grid}>
+                  <Typography variant="body2">
+                    <EthHashInfo
+                      address={safeTxData.gasToken}
+                      avatarSize={20}
+                      showPrefix={false}
+                      showName={false}
+                      shortAddress
+                      hasExplorer
+                    />
+                  </Typography>
+                </TxDetailsRow>
+
+                <TxDetailsRow label="RefundReceiver" grid={grid}>
+                  <Typography variant="body2">
+                    <EthHashInfo
+                      address={safeTxData.refundReceiver}
+                      avatarSize={20}
+                      showPrefix={false}
+                      shortAddress
+                      showName={false}
+                      hasExplorer
+                    />
+                  </Typography>
+                </TxDetailsRow>
+
+                <TxDetailsRow label="Nonce" grid={grid}>
+                  {safeTxData.nonce}
+                </TxDetailsRow>
+
+                {withSignatures &&
+                  confirmations?.map(
+                    ({ signature }, index) =>
+                      !!signature && (
+                        <TxDetailsRow
+                          data-testid="tx-signature"
+                          label={`Signature ${index + 1}`}
+                          key={`signature-${index}`}
+                          grid={grid}
+                        >
+                          <Typography variant="body2" width={grid ? '70%' : undefined}>
+                            <HexEncodedData hexData={signature} highlightFirstBytes={false} limit={30} />
+                          </Typography>
+                        </TxDetailsRow>
+                      ),
+                  )}
+              </Stack>
+            </ScrollWrapper>
+          ),
+        },
+        {
+          title: 'Hashes',
+          content: (
+            <ScrollWrapper>
+              <Stack spacing={1} divider={<Divider />}>
+                {domainHash && (
+                  <TxDetailsRow label="Domain hash" grid={grid}>
+                    <Typography variant="body2" width="100%" sx={{ wordWrap: 'break-word' }}>
+                      <HexEncodedData hexData={domainHash} limit={66} highlightFirstBytes={false} />
+                    </Typography>
+                  </TxDetailsRow>
+                )}
+
+                {messageHash && (
+                  <TxDetailsRow label="Message hash" grid={grid}>
+                    <Typography variant="body2" width="100%" sx={{ wordWrap: 'break-word' }}>
+                      <HexEncodedData hexData={messageHash} limit={66} highlightFirstBytes={false} />
+                    </Typography>
+                  </TxDetailsRow>
+                )}
+
+                {safeTxHash && (
+                  <TxDetailsRow label="safeTxHash" grid={grid}>
+                    <Typography variant="body2" width="100%" sx={{ wordWrap: 'break-word' }}>
+                      <HexEncodedData hexData={safeTxHash} limit={66} highlightFirstBytes={false} />
+                    </Typography>
+                  </TxDetailsRow>
+                )}
+              </Stack>
+            </ScrollWrapper>
+          ),
+        },
+        {
+          title: 'JSON',
+          content: (
+            <ScrollWrapper>
+              <JsonView data={safeTxData} />
+            </ScrollWrapper>
+          ),
+        },
+      ]}
+    </PaperViewToggle>
+  )
+}
diff --git a/apps/web/src/components/tx/ConfirmTxDetails/TxDetailsRow.tsx b/apps/web/src/components/tx/ConfirmTxDetails/TxDetailsRow.tsx
new file mode 100644
index 000000000..429346fba
--- /dev/null
+++ b/apps/web/src/components/tx/ConfirmTxDetails/TxDetailsRow.tsx
@@ -0,0 +1,32 @@
+import { Stack, type StackProps, Typography } from '@mui/material'
+import type { ReactNode } from 'react'
+import isString from 'lodash/isString'
+import isNumber from 'lodash/isNumber'
+import { gridSx } from '../FieldsGrid'
+
+const TxDetailsRow = ({
+  label,
+  children,
+  grid = false,
+}: {
+  label: string
+  children: ReactNode
+  direction?: StackProps['direction']
+  grid?: boolean
+}) => (
+  <Stack
+    gap={1}
+    direction="row"
+    justifyContent={grid ? 'flex-start' : 'space-between'}
+    flexWrap="wrap"
+    alignItems="center"
+  >
+    <Typography variant="body2" color={grid ? 'primary.light' : 'text.secondary'} sx={grid ? gridSx : undefined}>
+      {label}
+    </Typography>
+
+    {isString(children) || isNumber(children) ? <Typography variant="body2">{children}</Typography> : children}
+  </Stack>
+)
+
+export default TxDetailsRow
diff --git a/apps/web/src/components/tx/ConfirmTxDetails/index.tsx b/apps/web/src/components/tx/ConfirmTxDetails/index.tsx
new file mode 100644
index 000000000..ffb885e92
--- /dev/null
+++ b/apps/web/src/components/tx/ConfirmTxDetails/index.tsx
@@ -0,0 +1,96 @@
+import TxCard from '@/components/tx-flow/common/TxCard'
+import { Grid2 as Grid, Stack, StepIcon, Typography } from '@mui/material'
+import { Receipt } from './Receipt'
+import ExternalLink from '@/components/common/ExternalLink'
+import { useContext } from 'react'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import SignOrExecuteFormV2 from '../SignOrExecuteForm/SignOrExecuteFormV2'
+import type { SignOrExecuteProps } from '../SignOrExecuteForm/SignOrExecuteFormV2'
+import useTxPreview from '../confirmation-views/useTxPreview'
+import Track from '@/components/common/Track'
+import { MODALS_EVENTS } from '@/services/analytics'
+import useWallet from '@/hooks/wallets/useWallet'
+import { isHardwareWallet, isLedgerLive } from '@/utils/wallets'
+
+const InfoSteps = [
+  {
+    label: 'Review what you will sign',
+    description: (
+      <Typography>
+        Signing is an irreversible action so make sure you know what you are signing.{' '}
+        <Track {...MODALS_EVENTS.SIGNING_ARTICLE}>
+          <ExternalLink href="https://help.safe.global/en/articles/276343-how-to-perform-basic-transactions-checks-on-safe-wallet">
+            Read more
+          </ExternalLink>
+        </Track>
+        .
+      </Typography>
+    ),
+  },
+  {
+    label: 'Compare with your wallet',
+    description: (
+      <Typography>
+        Once you click <b>Sign</b>, the transaction will appear in your signing wallet. Make sure that all the details
+        match.
+      </Typography>
+    ),
+  },
+  {
+    label: 'Verify with external tools',
+    description: (
+      <Typography>You can additionally cross-verify your transaction data in a third-party tool.</Typography>
+    ),
+  },
+]
+
+const HardwareWalletStep = [
+  InfoSteps[1],
+  {
+    label: 'Compare with your device',
+    description: (
+      <Typography>
+        If you&apos;re using a hardware wallet with &ldquo;blind signing&rdquo;, please compare what you see on your
+        device with the hashes on the right.
+      </Typography>
+    ),
+  },
+  InfoSteps[2],
+]
+
+export const ConfirmTxDetails = (props: SignOrExecuteProps) => {
+  const { safeTx, txOrigin } = useContext(SafeTxContext)
+  const [txPreview] = useTxPreview(safeTx?.data)
+  const wallet = useWallet()
+  const showHashes = wallet ? isHardwareWallet(wallet) || isLedgerLive(wallet) : false
+  const steps = showHashes ? HardwareWalletStep : InfoSteps
+
+  if (!safeTx) {
+    return null
+  }
+
+  return (
+    <TxCard>
+      <Grid container spacing={2}>
+        <Grid size={{ xs: 12, sm: 6 }}>
+          <Stack px={1} gap={6}>
+            {steps.map(({ label, description }, index) => (
+              <Stack key={index} spacing={2} direction="row">
+                <StepIcon icon={index + 1} active />
+                <Stack spacing={1}>
+                  <Typography fontWeight="bold">{label}</Typography>
+                  {description}
+                </Stack>
+              </Stack>
+            ))}
+          </Stack>
+        </Grid>
+        <Grid size={{ xs: 12, sm: 6 }}>
+          <Receipt safeTxData={safeTx.data} txData={txPreview?.txData} txInfo={txPreview?.txInfo} />
+        </Grid>
+      </Grid>
+
+      <SignOrExecuteFormV2 origin={txOrigin} isCreation={!props.txId} {...props} />
+    </TxCard>
+  )
+}
diff --git a/apps/web/src/components/tx/ConfirmTxReceipt/index.tsx b/apps/web/src/components/tx/ConfirmTxReceipt/index.tsx
new file mode 100644
index 000000000..0caae9b93
--- /dev/null
+++ b/apps/web/src/components/tx/ConfirmTxReceipt/index.tsx
@@ -0,0 +1,108 @@
+import TxCard from '@/components/tx-flow/common/TxCard'
+import { Grid2 as Grid, Stack, StepIcon, Typography } from '@mui/material'
+import ExternalLink from '@/components/common/ExternalLink'
+import { type PropsWithChildren, useContext } from 'react'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import useTxPreview from '../confirmation-views/useTxPreview'
+import Track from '@/components/common/Track'
+import { MODALS_EVENTS } from '@/services/analytics'
+import useWallet from '@/hooks/wallets/useWallet'
+import { isHardwareWallet, isLedgerLive } from '@/utils/wallets'
+import { TxFlowStep } from '@/components/tx-flow/TxFlowStep'
+import { Receipt } from '../ConfirmTxDetails/Receipt'
+import { Slot, SlotName } from '@/components/tx-flow/slots'
+import { Sign } from '@/components/tx-flow/actions/Sign'
+
+const InfoSteps = [
+  {
+    label: 'Review what you will sign',
+    description: (
+      <Typography>
+        Signing is an irreversible action so make sure you know what you are signing.{' '}
+        <Track {...MODALS_EVENTS.SIGNING_ARTICLE}>
+          <ExternalLink href="https://help.safe.global/en/articles/276343-how-to-perform-basic-transactions-checks-on-safe-wallet">
+            Read more
+          </ExternalLink>
+        </Track>
+        .
+      </Typography>
+    ),
+  },
+  {
+    label: 'Compare with your wallet',
+    description: (
+      <Typography>
+        Once you click <b>Sign</b>, the transaction will appear in your signing wallet. Make sure that all the details
+        match.
+      </Typography>
+    ),
+  },
+  {
+    label: 'Verify with external tools',
+    description: (
+      <Typography>You can additionally cross-verify your transaction data in a third-party tool.</Typography>
+    ),
+  },
+]
+
+const HardwareWalletStep = [
+  InfoSteps[1],
+  {
+    label: 'Compare with your device',
+    description: (
+      <Typography>
+        If you&apos;re using a hardware wallet with &ldquo;blind signing&rdquo;, please compare what you see on your
+        device with the hashes on the right.
+      </Typography>
+    ),
+  },
+  InfoSteps[2],
+]
+
+export const ConfirmTxReceipt = ({ children, onSubmit }: PropsWithChildren<{ onSubmit: () => void }>) => {
+  const { safeTx } = useContext(SafeTxContext)
+  const [txPreview] = useTxPreview(safeTx?.data)
+  const wallet = useWallet()
+  const showHashes = wallet ? isHardwareWallet(wallet) || isLedgerLive(wallet) : false
+  const steps = showHashes ? HardwareWalletStep : InfoSteps
+
+  if (!safeTx) {
+    return false
+  }
+
+  return (
+    <TxFlowStep title="Review details" fixedNonce>
+      <TxCard>
+        <Grid container spacing={2}>
+          <Grid size={{ xs: 12, sm: 6 }}>
+            <Stack px={1} gap={6}>
+              {steps.map(({ label, description }, index) => (
+                <Stack key={index} spacing={2} direction="row">
+                  <StepIcon icon={index + 1} active />
+                  <Stack spacing={1}>
+                    <Typography fontWeight="bold">{label}</Typography>
+                    {description}
+                  </Stack>
+                </Stack>
+              ))}
+            </Stack>
+          </Grid>
+          <Grid size={{ xs: 12, sm: 6 }}>
+            <Receipt safeTxData={safeTx?.data} txData={txPreview?.txData} txInfo={txPreview?.txInfo} />
+          </Grid>
+        </Grid>
+
+        {children}
+
+        <Slot name={SlotName.Submit} onSubmitSuccess={onSubmit}>
+          <Sign
+            onSubmitSuccess={onSubmit}
+            options={[{ id: 'sign', label: 'Sign' }]}
+            onChange={() => {}}
+            slotId="sign"
+          />
+        </Slot>
+      </TxCard>
+    </TxFlowStep>
+  )
+}
diff --git a/apps/web/src/components/tx/ConfirmationOrder/ConfirmationOrderHeader.tsx b/apps/web/src/components/tx/ConfirmationOrder/ConfirmationOrderHeader.tsx
new file mode 100644
index 000000000..119ed08f5
--- /dev/null
+++ b/apps/web/src/components/tx/ConfirmationOrder/ConfirmationOrderHeader.tsx
@@ -0,0 +1,90 @@
+import { Stack, Box, Typography, SvgIcon } from '@mui/material'
+import EastRoundedIcon from '@mui/icons-material/EastRounded'
+import TokenIcon from '@/components/common/TokenIcon'
+import TokenAmount from '@/components/common/TokenAmount'
+
+export type InfoBlock = {
+  value: string
+  label: string
+  tokenInfo?: {
+    decimals?: number | null
+    symbol: string
+    logoUri?: string | null
+  }
+  chainId?: string
+}
+
+const ConfirmationOrderHeader = ({ blocks, showArrow }: { blocks: [InfoBlock, InfoBlock]; showArrow?: boolean }) => {
+  return (
+    <Stack direction="row" spacing={1}>
+      {blocks.map((block, index) => (
+        <Stack
+          key={index}
+          direction="row"
+          sx={{
+            flexWrap: 'wrap',
+            alignItems: 'center',
+            width: '50%',
+            bgcolor: 'border.background',
+            position: 'relative',
+            borderRadius: 1,
+            py: 2,
+            px: 3,
+          }}
+        >
+          {block.tokenInfo && (
+            <Box width={40} mr={2}>
+              <TokenIcon
+                size={40}
+                logoUri={block.tokenInfo.logoUri || ''}
+                tokenSymbol={block.tokenInfo.symbol}
+                chainId={block.chainId}
+              />
+            </Box>
+          )}
+
+          <Box data-testid="block-label" flex={1}>
+            <Typography variant="body2" color="primary.light">
+              {block.label}
+            </Typography>
+
+            <Typography variant="h4" fontWeight="bold" component="div">
+              {block.tokenInfo ? (
+                <TokenAmount
+                  tokenSymbol={block.tokenInfo.symbol}
+                  decimals={block.tokenInfo.decimals}
+                  value={block.value}
+                />
+              ) : (
+                block.value
+              )}
+            </Typography>
+          </Box>
+
+          {showArrow && index === 0 && (
+            <Stack
+              sx={{
+                width: 40,
+                height: 40,
+                alignItems: 'center',
+                justifyContent: 'center',
+                p: 1,
+                borderRadius: '100%',
+                bgcolor: 'background.paper',
+                position: 'absolute',
+                right: -20,
+                top: '50%',
+                transform: 'translateY(-50%)',
+                zIndex: 2,
+              }}
+            >
+              <SvgIcon component={EastRoundedIcon} inheritViewBox fontSize="small" />
+            </Stack>
+          )}
+        </Stack>
+      ))}
+    </Stack>
+  )
+}
+
+export default ConfirmationOrderHeader
diff --git a/apps/web/src/components/tx/ErrorMessage/index.tsx b/apps/web/src/components/tx/ErrorMessage/index.tsx
new file mode 100644
index 000000000..0c34222e4
--- /dev/null
+++ b/apps/web/src/components/tx/ErrorMessage/index.tsx
@@ -0,0 +1,80 @@
+import { type ReactElement, type ReactNode, type SyntheticEvent, useState } from 'react'
+import { Link, Typography, SvgIcon, AlertTitle } from '@mui/material'
+import classNames from 'classnames'
+import WarningIcon from '@/public/images/notifications/warning.svg'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import css from './styles.module.css'
+
+const ETHERS_PREFIX = 'could not coalesce error'
+
+const ErrorMessage = ({
+  children,
+  error,
+  className,
+  level = 'error',
+  title,
+}: {
+  children: ReactNode
+  error?: Error & { reason?: string }
+  className?: string
+  level?: 'error' | 'warning' | 'info'
+  title?: string
+}): ReactElement => {
+  const [showDetails, setShowDetails] = useState<boolean>(false)
+
+  const onDetailsToggle = (e: SyntheticEvent) => {
+    e.preventDefault()
+    setShowDetails((prev) => !prev)
+  }
+
+  return (
+    <div data-testid="error-message" className={classNames(css.container, css[level], className, 'errorMessage')}>
+      <div className={css.message}>
+        <SvgIcon
+          component={level === 'info' ? InfoIcon : WarningIcon}
+          inheritViewBox
+          fontSize="medium"
+          sx={{ color: ({ palette }) => `${palette[level].main} !important` }}
+        />
+
+        <div>
+          <Typography variant="body2" component="span">
+            {title && (
+              <AlertTitle>
+                <Typography
+                  variant="subtitle1"
+                  sx={{
+                    fontWeight: 700,
+                  }}
+                >
+                  {title}
+                </Typography>
+              </AlertTitle>
+            )}
+            {children}
+
+            {error && (
+              <Link
+                component="button"
+                onClick={onDetailsToggle}
+                sx={{
+                  display: 'block',
+                }}
+              >
+                Details
+              </Link>
+            )}
+          </Typography>
+
+          {error && showDetails && (
+            <Typography variant="body2" className={css.details}>
+              {(error.reason || error.message).replace(ETHERS_PREFIX, '').trim().slice(0, 500)}
+            </Typography>
+          )}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default ErrorMessage
diff --git a/apps/web/src/components/tx/ErrorMessage/styles.module.css b/apps/web/src/components/tx/ErrorMessage/styles.module.css
new file mode 100644
index 000000000..3c435fd51
--- /dev/null
+++ b/apps/web/src/components/tx/ErrorMessage/styles.module.css
@@ -0,0 +1,40 @@
+.container {
+  padding: var(--space-2);
+  margin: var(--space-2) 0;
+  border-radius: 4px;
+}
+
+.container.error {
+  background-color: var(--color-error-background);
+  color: var(--color-error-dark);
+}
+
+.container.warning {
+  background-color: var(--color-warning-background);
+}
+
+.container.info {
+  background-color: var(--color-info-background);
+  color: var(--color-primary-main);
+}
+
+.container.info svg {
+  color: var(--color-text-secondary);
+}
+
+.message {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--space-1);
+}
+
+.message button {
+  vertical-align: baseline;
+  text-decoration: underline;
+}
+
+.details {
+  margin-top: var(--space-1);
+  color: var(--color-primary-light);
+  word-break: break-word;
+}
diff --git a/src/components/tx/ExecuteCheckbox/index.tsx b/apps/web/src/components/tx/ExecuteCheckbox/index.tsx
similarity index 100%
rename from src/components/tx/ExecuteCheckbox/index.tsx
rename to apps/web/src/components/tx/ExecuteCheckbox/index.tsx
diff --git a/src/components/tx/ExecuteCheckbox/styles.module.css b/apps/web/src/components/tx/ExecuteCheckbox/styles.module.css
similarity index 100%
rename from src/components/tx/ExecuteCheckbox/styles.module.css
rename to apps/web/src/components/tx/ExecuteCheckbox/styles.module.css
diff --git a/apps/web/src/components/tx/ExecutionMethodSelector/index.tsx b/apps/web/src/components/tx/ExecutionMethodSelector/index.tsx
new file mode 100644
index 000000000..3e78e6fd0
--- /dev/null
+++ b/apps/web/src/components/tx/ExecutionMethodSelector/index.tsx
@@ -0,0 +1,92 @@
+import { Box, FormControl, FormControlLabel, Radio, RadioGroup, Typography } from '@mui/material'
+import type { Dispatch, SetStateAction, ReactElement, ChangeEvent } from 'react'
+
+import useWallet from '@/hooks/wallets/useWallet'
+import WalletIcon from '@/components/common/WalletIcon'
+import SponsoredBy from '../SponsoredBy'
+import RemainingRelays from '../RemainingRelays'
+
+import css from './styles.module.css'
+import BalanceInfo from '@/components/tx/BalanceInfo'
+import madProps from '@/utils/mad-props'
+import { useCurrentChain } from '@/hooks/useChains'
+import type { ChainInfo, RelayCountResponse } from '@safe-global/safe-gateway-typescript-sdk'
+import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
+
+export const enum ExecutionMethod {
+  RELAY = 'RELAY',
+  WALLET = 'WALLET',
+}
+
+const _ExecutionMethodSelector = ({
+  wallet,
+  chain,
+  executionMethod,
+  setExecutionMethod,
+  relays,
+  noLabel,
+  tooltip,
+}: {
+  wallet: ConnectedWallet | null
+  chain?: ChainInfo
+  executionMethod: ExecutionMethod
+  setExecutionMethod: Dispatch<SetStateAction<ExecutionMethod>>
+  relays?: RelayCountResponse
+  noLabel?: boolean
+  tooltip?: string
+}): ReactElement | null => {
+  const shouldRelay = executionMethod === ExecutionMethod.RELAY
+
+  const onChooseExecutionMethod = (_: ChangeEvent<HTMLInputElement>, newExecutionMethod: string) => {
+    setExecutionMethod(newExecutionMethod as ExecutionMethod)
+  }
+
+  return (
+    <Box className={css.container} sx={{ borderRadius: ({ shape }) => `${shape.borderRadius}px` }}>
+      <div className={css.method}>
+        <FormControl sx={{ display: 'flex' }}>
+          {!noLabel ? (
+            <Typography variant="body2" className={css.label}>
+              Who will pay gas fees:
+            </Typography>
+          ) : null}
+
+          <RadioGroup row value={executionMethod} onChange={onChooseExecutionMethod}>
+            <FormControlLabel
+              data-testid="relay-execution-method"
+              sx={{ flex: 1 }}
+              value={ExecutionMethod.RELAY}
+              label={
+                <Typography className={css.radioLabel} whiteSpace="nowrap">
+                  Sponsored by
+                  <SponsoredBy chainId={chain?.chainId ?? ''} />
+                </Typography>
+              }
+              control={<Radio />}
+            />
+
+            <FormControlLabel
+              data-testid="connected-wallet-execution-method"
+              sx={{ flex: 1 }}
+              value={ExecutionMethod.WALLET}
+              label={
+                <Typography className={css.radioLabel}>
+                  <WalletIcon provider={wallet?.label || ''} width={20} height={20} icon={wallet?.icon} /> Connected
+                  wallet
+                </Typography>
+              }
+              control={<Radio />}
+            />
+          </RadioGroup>
+        </FormControl>
+      </div>
+
+      {shouldRelay && relays ? <RemainingRelays relays={relays} tooltip={tooltip} /> : wallet ? <BalanceInfo /> : null}
+    </Box>
+  )
+}
+
+export const ExecutionMethodSelector = madProps(_ExecutionMethodSelector, {
+  wallet: useWallet,
+  chain: useCurrentChain,
+})
diff --git a/src/components/tx/ExecutionMethodSelector/styles.module.css b/apps/web/src/components/tx/ExecutionMethodSelector/styles.module.css
similarity index 100%
rename from src/components/tx/ExecutionMethodSelector/styles.module.css
rename to apps/web/src/components/tx/ExecutionMethodSelector/styles.module.css
diff --git a/apps/web/src/components/tx/FieldsGrid/index.tsx b/apps/web/src/components/tx/FieldsGrid/index.tsx
new file mode 100644
index 000000000..0462cd1f3
--- /dev/null
+++ b/apps/web/src/components/tx/FieldsGrid/index.tsx
@@ -0,0 +1,42 @@
+import { type ReactNode } from 'react'
+import { Grid, Typography } from '@mui/material'
+
+export const gridSx = {
+  width: { xl: '25%', lg: '170px', xs: 'auto' },
+  minWidth: '100px',
+  flexWrap: { xl: 'nowrap' },
+}
+
+const FieldsGrid = ({
+  title,
+  children,
+  testId,
+}: {
+  title: string | ReactNode
+  children: ReactNode
+  testId?: string
+}) => {
+  return (
+    <Grid
+      container
+      sx={[
+        {
+          gap: 1,
+          flexWrap: gridSx.flexWrap,
+        },
+      ]}
+      data-testid={testId}
+    >
+      <Grid item data-testid="tx-row-title" style={{ wordBreak: 'break-word' }} sx={gridSx}>
+        <Typography color="primary.light" variant="body2" component="span">
+          {title}
+        </Typography>
+      </Grid>
+      <Grid item xs data-testid="tx-data-row">
+        {children}
+      </Grid>
+    </Grid>
+  )
+}
+
+export default FieldsGrid
diff --git a/src/components/tx/GasParams/GasParams.test.tsx b/apps/web/src/components/tx/GasParams/GasParams.test.tsx
similarity index 100%
rename from src/components/tx/GasParams/GasParams.test.tsx
rename to apps/web/src/components/tx/GasParams/GasParams.test.tsx
diff --git a/apps/web/src/components/tx/GasParams/index.tsx b/apps/web/src/components/tx/GasParams/index.tsx
new file mode 100644
index 000000000..603f81f32
--- /dev/null
+++ b/apps/web/src/components/tx/GasParams/index.tsx
@@ -0,0 +1,171 @@
+import { getTotalFee } from '@/hooks/useGasPrice'
+import type { ReactElement, SyntheticEvent } from 'react'
+import { Accordion, AccordionDetails, AccordionSummary, Skeleton, Typography, Link, Grid, SvgIcon } from '@mui/material'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import WarningIcon from '@/public/images/notifications/warning.svg'
+import { useCurrentChain } from '@/hooks/useChains'
+import { formatVisualAmount } from '@safe-global/utils/utils/formatters'
+import { type AdvancedParameters } from '../AdvancedParams/types'
+import { trackEvent, MODALS_EVENTS } from '@/services/analytics'
+import classnames from 'classnames'
+import css from './styles.module.css'
+import accordionCss from '@/styles/accordion.module.css'
+import madProps from '@/utils/mad-props'
+
+const GasDetail = ({ name, value, isLoading }: { name: string; value: string; isLoading: boolean }): ReactElement => {
+  const valueSkeleton = <Skeleton variant="text" sx={{ minWidth: '5em' }} />
+  return (
+    <Grid container>
+      <Grid item xs>
+        {name}
+      </Grid>
+      <Grid item>{value || (isLoading ? valueSkeleton : '-')}</Grid>
+    </Grid>
+  )
+}
+
+type GasParamsProps = {
+  params: AdvancedParameters
+  isExecution: boolean
+  isEIP1559?: boolean
+  onEdit?: () => void
+  gasLimitError?: Error
+  willRelay?: boolean
+}
+
+export const _GasParams = ({
+  params,
+  isExecution,
+  isEIP1559,
+  onEdit,
+  gasLimitError,
+  willRelay,
+  chain,
+}: GasParamsProps & { chain?: ChainInfo }): ReactElement => {
+  const { nonce, userNonce, safeTxGas, gasLimit, maxFeePerGas, maxPriorityFeePerGas } = params
+
+  const onChangeExpand = (_: SyntheticEvent, expanded: boolean) => {
+    trackEvent({ ...MODALS_EVENTS.ESTIMATION, label: expanded ? 'Open' : 'Close' })
+  }
+
+  const isLoading = !gasLimit || !maxFeePerGas
+  const isError = gasLimitError && !gasLimit
+
+  // Total gas cost
+  const totalFee = !isLoading
+    ? formatVisualAmount(getTotalFee(maxFeePerGas, gasLimit), chain?.nativeCurrency.decimals)
+    : '> 0.001'
+
+  // Individual gas params
+  const gasLimitString = gasLimit?.toString() || ''
+  const maxFeePerGasGwei = maxFeePerGas ? formatVisualAmount(maxFeePerGas) : ''
+  const maxPrioGasGwei = maxPriorityFeePerGas ? formatVisualAmount(maxPriorityFeePerGas) : ''
+
+  const onEditClick = (e: SyntheticEvent) => {
+    e.preventDefault()
+    onEdit?.()
+  }
+
+  const EditComponent = (
+    <>
+      {gasLimitError || !isExecution || (isExecution && !isLoading) ? (
+        <Link
+          component="button"
+          onClick={onEditClick}
+          sx={{
+            fontSize: 'medium',
+            mt: 2,
+          }}
+        >
+          Edit
+        </Link>
+      ) : (
+        <Skeleton variant="text" sx={{ display: 'inline-block', minWidth: '2em', mt: 2 }} />
+      )}
+    </>
+  )
+
+  return (
+    <div className={classnames({ [css.error]: gasLimitError })}>
+      <Accordion
+        elevation={0}
+        onChange={onChangeExpand}
+        className={classnames({ [css.withExecutionMethod]: isExecution })}
+      >
+        <AccordionSummary expandIcon={<ExpandMoreIcon />} className={accordionCss.accordion}>
+          {isExecution ? (
+            <Typography
+              sx={{
+                display: 'flex',
+                alignItems: 'center',
+                width: 1,
+              }}
+            >
+              <span style={{ flex: '1' }}>Estimated fee </span>
+              {gasLimitError ? (
+                <>
+                  <SvgIcon
+                    component={WarningIcon}
+                    inheritViewBox
+                    fontSize="small"
+                    sx={{ color: 'var(--color-error-main)', mr: 'var(--space-1)' }}
+                  />
+                  <span style={{ fontWeight: 'normal' }}>Cannot Estimate</span>
+                </>
+              ) : isLoading ? (
+                <Skeleton variant="text" sx={{ display: 'inline-block', minWidth: '7em' }} />
+              ) : (
+                <span>{willRelay ? 'Free' : `${totalFee} ${chain?.nativeCurrency.symbol}`}</span>
+              )}
+            </Typography>
+          ) : (
+            <Typography>
+              Signing the transaction with nonce&nbsp;
+              {nonce !== undefined ? (
+                nonce
+              ) : (
+                <Skeleton variant="text" sx={{ display: 'inline-block', minWidth: '2em' }} />
+              )}
+            </Typography>
+          )}
+        </AccordionSummary>
+
+        <AccordionDetails>
+          {nonce !== undefined && (
+            <GasDetail isLoading={false} name="Safe Account transaction nonce" value={nonce.toString()} />
+          )}
+
+          {safeTxGas !== undefined && <GasDetail isLoading={false} name="safeTxGas" value={safeTxGas.toString()} />}
+
+          {isExecution && (
+            <>
+              {userNonce !== undefined && (
+                <GasDetail isLoading={false} name="Wallet nonce" value={userNonce.toString()} />
+              )}
+
+              <GasDetail isLoading={isLoading} name="Gas limit" value={isError ? 'Cannot estimate' : gasLimitString} />
+
+              {isEIP1559 ? (
+                <>
+                  <GasDetail isLoading={isLoading} name="Max priority fee (Gwei)" value={maxPrioGasGwei} />
+                  <GasDetail isLoading={isLoading} name="Max fee (Gwei)" value={maxFeePerGasGwei} />
+                </>
+              ) : (
+                <GasDetail isLoading={isLoading} name="Gas price (Gwei)" value={maxFeePerGasGwei} />
+              )}
+            </>
+          )}
+
+          {onEdit && EditComponent}
+        </AccordionDetails>
+      </Accordion>
+    </div>
+  )
+}
+
+const GasParams = madProps(_GasParams, {
+  chain: useCurrentChain,
+})
+
+export default GasParams
diff --git a/src/components/tx/GasParams/styles.module.css b/apps/web/src/components/tx/GasParams/styles.module.css
similarity index 100%
rename from src/components/tx/GasParams/styles.module.css
rename to apps/web/src/components/tx/GasParams/styles.module.css
diff --git a/src/components/tx/RemainingRelays/index.test.tsx b/apps/web/src/components/tx/RemainingRelays/index.test.tsx
similarity index 100%
rename from src/components/tx/RemainingRelays/index.test.tsx
rename to apps/web/src/components/tx/RemainingRelays/index.test.tsx
diff --git a/apps/web/src/components/tx/RemainingRelays/index.tsx b/apps/web/src/components/tx/RemainingRelays/index.tsx
new file mode 100644
index 000000000..2187792ad
--- /dev/null
+++ b/apps/web/src/components/tx/RemainingRelays/index.tsx
@@ -0,0 +1,28 @@
+import { SvgIcon, Tooltip, Typography } from '@mui/material'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import { MAX_DAY_RELAYS } from '@/hooks/useRemainingRelays'
+import css from '../BalanceInfo/styles.module.css'
+import type { RelayCountResponse } from '@safe-global/safe-gateway-typescript-sdk'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+
+const RemainingRelays = ({ relays, tooltip }: { relays?: RelayCountResponse; tooltip?: string }) => {
+  if (!tooltip) {
+    const limit = relays?.limit ?? MAX_DAY_RELAYS
+    tooltip = `${limit} transaction${maybePlural(limit)} per day for free`
+  }
+
+  return (
+    <div className={css.container}>
+      <Typography variant="body2" color="primary.light" display="flex" alignItems="center" gap={0.5}>
+        <b>{relays?.remaining ?? MAX_DAY_RELAYS}</b> free transactions left today
+        <Tooltip title={tooltip} placement="top" arrow>
+          <span style={{ lineHeight: 0 }}>
+            <SvgIcon component={InfoIcon} inheritViewBox color="info" fontSize="small" sx={{ color: '#B2B5B2' }} />
+          </span>
+        </Tooltip>
+      </Typography>
+    </div>
+  )
+}
+
+export default RemainingRelays
diff --git a/apps/web/src/components/tx/ReviewTransactionV2/ReviewTransactionContent.tsx b/apps/web/src/components/tx/ReviewTransactionV2/ReviewTransactionContent.tsx
new file mode 100644
index 000000000..54c7880f8
--- /dev/null
+++ b/apps/web/src/components/tx/ReviewTransactionV2/ReviewTransactionContent.tsx
@@ -0,0 +1,128 @@
+import type { PropsWithChildren, ReactElement } from 'react'
+import { useCallback, useContext } from 'react'
+import madProps from '@/utils/mad-props'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import ErrorMessage from '../ErrorMessage'
+import TxCard, { TxCardActions } from '@/components/tx-flow/common/TxCard'
+import ConfirmationTitle, { ConfirmationTitleTypes } from '@/components/tx/SignOrExecuteForm/ConfirmationTitle'
+import { ErrorBoundary } from '@sentry/react'
+import ApprovalEditor from '../ApprovalEditor'
+import { BlockaidBalanceChanges } from '../security/blockaid/BlockaidBalanceChange'
+import { useApprovalInfos } from '../ApprovalEditor/hooks/useApprovalInfos'
+import type { TransactionDetails, TransactionPreview } from '@safe-global/safe-gateway-typescript-sdk'
+import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
+import ConfirmationView from '../confirmation-views'
+import UnknownContractError from '../SignOrExecuteForm/UnknownContractError'
+import { TxFlowContext } from '@/components/tx-flow/TxFlowProvider'
+import useIsCounterfactualSafe from '@/features/counterfactual/hooks/useIsCounterfactualSafe'
+import { Slot, SlotName } from '@/components/tx-flow/slots'
+import type { SubmitCallback } from '@/components/tx-flow/TxFlow'
+import { Button, CircularProgress } from '@mui/material'
+import CheckWallet from '@/components/common/CheckWallet'
+import { MODALS_EVENTS, trackEvent } from '@/services/analytics'
+
+export type ReviewTransactionContentProps = PropsWithChildren<{ onSubmit: SubmitCallback; withDecodedData?: boolean }>
+
+export const ReviewTransactionContent = ({
+  safeTx,
+  safeTxError,
+  onSubmit,
+  children,
+  txDetails,
+  txPreview,
+  withDecodedData = true,
+}: ReviewTransactionContentProps & {
+  safeTx: ReturnType<typeof useSafeTx>
+  safeTxError: ReturnType<typeof useSafeTxError>
+  isCreation?: boolean
+  txDetails?: TransactionDetails
+  txPreview?: TransactionPreview
+}): ReactElement => {
+  const { willExecute, isBatch, isCreation, isProposing, isRejection, isSubmitLoading, isSubmitDisabled, onlyExecute } =
+    useContext(TxFlowContext)
+
+  const [readableApprovals] = useApprovalInfos({ safeTransaction: safeTx })
+  const isApproval = readableApprovals && readableApprovals.length > 0
+  const isCounterfactualSafe = useIsCounterfactualSafe()
+
+  const onContinueClick = useCallback(() => {
+    trackEvent(MODALS_EVENTS.CONTINUE_CLICKED)
+    onSubmit()
+  }, [onSubmit])
+
+  return (
+    <>
+      <TxCard>
+        {children}
+
+        <ConfirmationView
+          isCreation={isCreation}
+          txDetails={txDetails}
+          txPreview={txPreview}
+          safeTx={safeTx}
+          isBatch={isBatch}
+          isApproval={isApproval}
+          withDecodedData={withDecodedData}
+        >
+          {!isRejection && (
+            <ErrorBoundary fallback={<div>Error parsing data</div>}>
+              {isApproval && <ApprovalEditor safeTransaction={safeTx} />}
+            </ErrorBoundary>
+          )}
+        </ConfirmationView>
+
+        {!isCounterfactualSafe && !isRejection && <BlockaidBalanceChanges />}
+      </TxCard>
+
+      <Slot name={SlotName.Feature} />
+
+      <TxCard>
+        <ConfirmationTitle
+          variant={
+            isProposing
+              ? ConfirmationTitleTypes.propose
+              : willExecute
+                ? ConfirmationTitleTypes.execute
+                : ConfirmationTitleTypes.sign
+          }
+          isCreation={isCreation}
+        />
+        {safeTxError && (
+          <ErrorMessage error={safeTxError}>
+            This transaction will most likely fail. To save gas costs, avoid confirming the transaction.
+          </ErrorMessage>
+        )}
+
+        <Slot name={SlotName.Footer} />
+        <NetworkWarning />
+        <UnknownContractError txData={txDetails?.txData ?? txPreview?.txData} />
+
+        <TxCardActions>
+          {/* Continue button */}
+          <CheckWallet allowNonOwner={onlyExecute} checkNetwork={!isSubmitDisabled}>
+            {(isOk) => (
+              <Button
+                data-testid="continue-sign-btn"
+                variant="contained"
+                type="submit"
+                onClick={onContinueClick}
+                disabled={!isOk || isSubmitDisabled}
+                sx={{ minWidth: '82px', order: '1', width: ['100%', '100%', '100%', 'auto'] }}
+              >
+                {isSubmitLoading ? <CircularProgress size={20} /> : 'Continue'}
+              </Button>
+            )}
+          </CheckWallet>
+        </TxCardActions>
+      </TxCard>
+    </>
+  )
+}
+
+const useSafeTx = () => useContext(SafeTxContext).safeTx
+const useSafeTxError = () => useContext(SafeTxContext).safeTxError
+
+export default madProps(ReviewTransactionContent, {
+  safeTx: useSafeTx,
+  safeTxError: useSafeTxError,
+})
diff --git a/apps/web/src/components/tx/ReviewTransactionV2/ReviewTransactionSkeleton.tsx b/apps/web/src/components/tx/ReviewTransactionV2/ReviewTransactionSkeleton.tsx
new file mode 100644
index 000000000..03a78245a
--- /dev/null
+++ b/apps/web/src/components/tx/ReviewTransactionV2/ReviewTransactionSkeleton.tsx
@@ -0,0 +1,13 @@
+import LoadingSpinner, { SpinnerStatus } from '@/components/new-safe/create/steps/StatusStep/LoadingSpinner'
+import TxCard from '@/components/tx-flow/common/TxCard'
+import { Box } from '@mui/material'
+
+const ReviewTransactionSkeleton = () => (
+  <TxCard>
+    <Box minHeight="38svh" display="flex" alignItems="center" justifyContent="center" mb={5}>
+      <LoadingSpinner status={SpinnerStatus.PROCESSING} />
+    </Box>
+  </TxCard>
+)
+
+export default ReviewTransactionSkeleton
diff --git a/apps/web/src/components/tx/ReviewTransactionV2/__tests__/ReviewTransactionContent.test.tsx b/apps/web/src/components/tx/ReviewTransactionV2/__tests__/ReviewTransactionContent.test.tsx
new file mode 100644
index 000000000..883061171
--- /dev/null
+++ b/apps/web/src/components/tx/ReviewTransactionV2/__tests__/ReviewTransactionContent.test.tsx
@@ -0,0 +1,67 @@
+import ReviewTransaction from '../index'
+import { render } from '@/tests/test-utils'
+import type { TransactionPreview } from '@safe-global/safe-gateway-typescript-sdk'
+import type { SafeTxContextParams } from '@/components/tx-flow/SafeTxProvider'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { createSafeTx } from '@/tests/builders/safeTx'
+import * as useTxPreviewHooks from '@/components/tx/confirmation-views/useTxPreview'
+import { SlotProvider } from '@/components/tx-flow/slots'
+
+describe('ReviewTransaction', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should display a loading component', () => {
+    const { container } = render(<ReviewTransaction onSubmit={jest.fn()} />)
+
+    expect(container).toMatchSnapshot()
+  })
+
+  it('should display a confirmation screen', async () => {
+    jest.spyOn(useTxPreviewHooks, 'default').mockReturnValue([
+      {
+        txInfo: {},
+        txData: { to: { value: '0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67' } },
+      } as TransactionPreview,
+      undefined,
+      false,
+    ])
+
+    const { container, getByText } = render(
+      <SlotProvider>
+        <SafeTxContext.Provider value={{ safeTx: createSafeTx() } as SafeTxContextParams}>
+          <ReviewTransaction onSubmit={jest.fn()} />
+        </SafeTxContext.Provider>
+        ,
+      </SlotProvider>,
+    )
+
+    expect(getByText("You're about to confirm this transaction.")).toBeInTheDocument()
+    expect(container).toMatchSnapshot()
+  })
+
+  it('should display an error screen', async () => {
+    jest
+      .spyOn(useTxPreviewHooks, 'default')
+      .mockReturnValue([undefined, new Error('This is a mock error message'), false])
+
+    const { container } = render(
+      <SlotProvider>
+        <SafeTxContext.Provider
+          value={
+            {
+              safeTx: createSafeTx(),
+            } as SafeTxContextParams
+          }
+        >
+          <ReviewTransaction onSubmit={jest.fn()} />
+        </SafeTxContext.Provider>
+        ,
+      </SlotProvider>,
+    )
+
+    expect(container.querySelector('continue-sign-btn')).not.toBeInTheDocument()
+    expect(container).toMatchSnapshot()
+  })
+})
diff --git a/apps/web/src/components/tx/ReviewTransactionV2/__tests__/__snapshots__/ReviewTransactionContent.test.tsx.snap b/apps/web/src/components/tx/ReviewTransactionV2/__tests__/__snapshots__/ReviewTransactionContent.test.tsx.snap
new file mode 100644
index 000000000..36a0f8fb6
--- /dev/null
+++ b/apps/web/src/components/tx/ReviewTransactionV2/__tests__/__snapshots__/ReviewTransactionContent.test.tsx.snap
@@ -0,0 +1,832 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ReviewTransaction should display a confirmation screen 1`] = `
+<div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    >
+      <div
+        class="MuiBox-root css-0"
+      >
+        <div
+          class="MuiStack-root css-1sazv7p-MuiStack-root"
+        >
+          <div
+            class="MuiGrid-root MuiGrid-container css-1yff1ei-MuiGrid-root"
+          >
+            <div
+              class="MuiGrid-root MuiGrid-item css-ezmk0c-MuiGrid-root"
+              data-testid="tx-row-title"
+              style="word-break: break-word;"
+            >
+              <span
+                class="MuiTypography-root MuiTypography-body2 css-1ew0eu5-MuiTypography-root"
+              >
+                Interacted with
+              </span>
+            </div>
+            <div
+              class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+              data-testid="tx-data-row"
+            >
+              <div
+                class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+              >
+                <div
+                  class="container"
+                >
+                  <div
+                    class="avatarContainer"
+                    style="width: 20px; height: 20px;"
+                  >
+                    <div
+                      class="icon"
+                      style="background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0ib3B0aW1pemVTcGVlZCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJoc2woOTIgOTYlIDQzJSkiIGQ9Ik0wLDBIOFY4SDB6Ii8+PHBhdGggZmlsbD0iaHNsKDMxMCA4NCUgMzglKSIgZD0iTTEsMGgxdjFoLTF6TTYsMGgxdjFoLTF6TTIsMGgxdjFoLTF6TTUsMGgxdjFoLTF6TTMsMGgxdjFoLTF6TTQsMGgxdjFoLTF6TTAsMWgxdjFoLTF6TTcsMWgxdjFoLTF6TTEsMWgxdjFoLTF6TTYsMWgxdjFoLTF6TTIsMWgxdjFoLTF6TTUsMWgxdjFoLTF6TTMsMWgxdjFoLTF6TTQsMWgxdjFoLTF6TTAsMmgxdjFoLTF6TTcsMmgxdjFoLTF6TTIsMmgxdjFoLTF6TTUsMmgxdjFoLTF6TTMsMmgxdjFoLTF6TTQsMmgxdjFoLTF6TTMsM2gxdjFoLTF6TTQsM2gxdjFoLTF6TTAsNGgxdjFoLTF6TTcsNGgxdjFoLTF6TTEsNGgxdjFoLTF6TTYsNGgxdjFoLTF6TTIsNGgxdjFoLTF6TTUsNGgxdjFoLTF6TTEsNWgxdjFoLTF6TTYsNWgxdjFoLTF6TTIsNWgxdjFoLTF6TTUsNWgxdjFoLTF6TTMsNWgxdjFoLTF6TTQsNWgxdjFoLTF6TTIsNmgxdjFoLTF6TTUsNmgxdjFoLTF6TTMsNmgxdjFoLTF6TTQsNmgxdjFoLTF6TTMsN2gxdjFoLTF6TTQsN2gxdjFoLTF6Ii8+PHBhdGggZmlsbD0iaHNsKDM1MSA2MSUgNjUlKSIgZD0iTTMsNGgxdjFoLTF6TTQsNGgxdjFoLTF6TTAsNWgxdjFoLTF6TTcsNWgxdjFoLTF6TTAsN2gxdjFoLTF6TTcsN2gxdjFoLTF6Ii8+PC9zdmc+); width: 20px; height: 20px;"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root css-1lchl8k"
+                  >
+                    <div
+                      class="addressContainer"
+                    >
+                      <div
+                        class="MuiBox-root css-b5p5gz"
+                      >
+                        <span
+                          aria-label="Copy to clipboard"
+                          class=""
+                          data-mui-internal-clone-element="true"
+                          style="cursor: pointer;"
+                        >
+                          <span>
+                            0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67
+                          </span>
+                        </span>
+                      </div>
+                      <span
+                        aria-label="Copy to clipboard"
+                        class=""
+                        data-mui-internal-clone-element="true"
+                        style="cursor: pointer;"
+                      >
+                        <button
+                          aria-label="Copy to clipboard"
+                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                          tabindex="0"
+                          type="button"
+                        >
+                          <mock-icon
+                            aria-hidden=""
+                            class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                            data-testid="copy-btn-icon"
+                            focusable="false"
+                          />
+                        </button>
+                      </span>
+                      <div
+                        class="MuiBox-root css-yjghm1"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="MuiBox-root css-1yuhvjn"
+      >
+        <div
+          class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-wrhbuy-MuiPaper-root-MuiAccordion-root"
+          color="info"
+          style="--Paper-shadow: none;"
+        >
+          <h3
+            class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+          >
+            <button
+              aria-expanded="false"
+              class="MuiButtonBase-root MuiAccordionSummary-root MuiAccordionSummary-gutters accordion css-10sjung-MuiButtonBase-root-MuiAccordionSummary-root"
+              data-testid="decoded-tx-summary"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiAccordionSummary-content MuiAccordionSummary-contentGutters css-1r0e0ir-MuiAccordionSummary-content"
+              >
+                <div
+                  class="MuiStack-root css-1bujbuo-MuiStack-root"
+                >
+                  <h6
+                    class="MuiTypography-root MuiTypography-subtitle2 css-8ydk8b-MuiTypography-root"
+                    data-testid="tx-advanced-details"
+                  >
+                    Transaction details
+                    <span
+                      class=""
+                      data-mui-internal-clone-element="true"
+                    >
+                      <mock-icon
+                        aria-hidden=""
+                        class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-17ibv3e-MuiSvgIcon-root"
+                        focusable="false"
+                      />
+                    </span>
+                  </h6>
+                </div>
+              </span>
+              <span
+                class="MuiAccordionSummary-expandIconWrapper css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1dhtbeh-MuiSvgIcon-root"
+                  data-testid="ExpandMoreIcon"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </h3>
+          <div
+            class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+            style="min-height: 0px;"
+          >
+            <div
+              class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
+            >
+              <div
+                class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
+              >
+                <div
+                  class="MuiAccordion-region"
+                  role="region"
+                >
+                  <div
+                    class="MuiAccordionDetails-root css-w74p4c-MuiAccordionDetails-root"
+                    data-testid="decoded-tx-details"
+                  >
+                    <div
+                      class="MuiStack-root css-hwnj0i-MuiStack-root"
+                    >
+                      <div
+                        class="MuiBox-root css-0"
+                      >
+                        <h6
+                          class="MuiTypography-root MuiTypography-subtitle2 css-4lr168-MuiTypography-root"
+                        >
+                          Advanced details
+                        </h6>
+                        <p
+                          class="MuiTypography-root MuiTypography-body2 css-gkag80-MuiTypography-root"
+                        >
+                          Cross-verify your transaction data with external tools like
+                           
+                          <a
+                            class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-r9pq5a-MuiTypography-root-MuiLink-root"
+                            href="https://safeutils.openzeppelin.com"
+                            rel="noreferrer noopener"
+                            target="_blank"
+                          >
+                            <span
+                              class="MuiBox-root css-u9xrjn"
+                            >
+                              Safe Utils
+                              <svg
+                                aria-hidden="true"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-tqxw8e-MuiSvgIcon-root"
+                                data-testid="OpenInNewRoundedIcon"
+                                focusable="false"
+                                viewBox="0 0 24 24"
+                              >
+                                <path
+                                  d="M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.11 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1M14 4c0 .55.45 1 1 1h2.59l-9.13 9.13c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1"
+                                />
+                              </svg>
+                            </span>
+                          </a>
+                           and
+                           
+                          <a
+                            class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-r9pq5a-MuiTypography-root-MuiLink-root"
+                            href="https://transaction-decoder.pages.dev"
+                            rel="noreferrer noopener"
+                            target="_blank"
+                          >
+                            <span
+                              class="MuiBox-root css-u9xrjn"
+                            >
+                              Transaction Decoder
+                              <svg
+                                aria-hidden="true"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-tqxw8e-MuiSvgIcon-root"
+                                data-testid="OpenInNewRoundedIcon"
+                                focusable="false"
+                                viewBox="0 0 24 24"
+                              >
+                                <path
+                                  d="M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.11 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1M14 4c0 .55.45 1 1 1h2.59l-9.13 9.13c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1"
+                                />
+                              </svg>
+                            </span>
+                          </a>
+                          .
+                        </p>
+                        <div
+                          class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 css-shqplw-MuiPaper-root"
+                          style="--Paper-shadow: none;"
+                        >
+                          <div
+                            class="MuiStack-root css-1sazv7p-MuiStack-root"
+                          >
+                            <div
+                              class="MuiStack-root css-1n46f6x-MuiStack-root"
+                            >
+                              <div
+                                aria-label="text alignment"
+                                class="MuiToggleButtonGroup-root MuiToggleButtonGroup-horizontal css-cinseo-MuiToggleButtonGroup-root"
+                                role="group"
+                              >
+                                <button
+                                  aria-pressed="true"
+                                  class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root Mui-selected MuiToggleButton-sizeSmall MuiToggleButton-standard MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-firstButton css-u2ogzi-MuiButtonBase-root-MuiToggleButton-root"
+                                  tabindex="0"
+                                  type="button"
+                                  value="0"
+                                >
+                                  <div
+                                    class="MuiBox-root css-mro3c9"
+                                  >
+                                    Data
+                                  </div>
+                                </button>
+                                <button
+                                  aria-pressed="false"
+                                  class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeSmall MuiToggleButton-standard MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-middleButton css-u2ogzi-MuiButtonBase-root-MuiToggleButton-root"
+                                  tabindex="0"
+                                  type="button"
+                                  value="1"
+                                >
+                                  <div
+                                    class="MuiBox-root css-mro3c9"
+                                  >
+                                    Hashes
+                                  </div>
+                                </button>
+                                <button
+                                  aria-pressed="false"
+                                  class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeSmall MuiToggleButton-standard MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-lastButton css-u2ogzi-MuiButtonBase-root-MuiToggleButton-root"
+                                  tabindex="0"
+                                  type="button"
+                                  value="2"
+                                >
+                                  <div
+                                    class="MuiBox-root css-mro3c9"
+                                  >
+                                    JSON
+                                  </div>
+                                </button>
+                              </div>
+                            </div>
+                            <div
+                              class="MuiBox-root css-e0rnc0"
+                            >
+                              <div
+                                class="MuiStack-root css-jfdv4h-MuiStack-root"
+                              >
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    To
+                                  </p>
+                                  <div
+                                    class="MuiBox-root css-0"
+                                  >
+                                    <p
+                                      class="MuiTypography-root MuiTypography-body2 css-m9op2-MuiTypography-root"
+                                    >
+                                      <div
+                                        class="container"
+                                      >
+                                        <div
+                                          class="avatarContainer"
+                                          style="width: 20px; height: 20px;"
+                                        >
+                                          <div
+                                            class="icon"
+                                            style="background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0ib3B0aW1pemVTcGVlZCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJoc2woMjEzIDY1JSA0OSUpIiBkPSJNMCwwSDhWOEgweiIvPjxwYXRoIGZpbGw9ImhzbCgzNTQgNjYlIDU2JSkiIGQ9Ik0yLDBoMXYxaC0xek01LDBoMXYxaC0xek0wLDFoMXYxaC0xek03LDFoMXYxaC0xek0xLDJoMXYxaC0xek02LDJoMXYxaC0xek0yLDJoMXYxaC0xek01LDJoMXYxaC0xek0xLDNoMXYxaC0xek02LDNoMXYxaC0xek0yLDNoMXYxaC0xek01LDNoMXYxaC0xek0zLDNoMXYxaC0xek00LDNoMXYxaC0xek0wLDRoMXYxaC0xek03LDRoMXYxaC0xek0yLDRoMXYxaC0xek01LDRoMXYxaC0xek0wLDVoMXYxaC0xek03LDVoMXYxaC0xek0zLDVoMXYxaC0xek00LDVoMXYxaC0xek0zLDdoMXYxaC0xek00LDdoMXYxaC0xeiIvPjxwYXRoIGZpbGw9ImhzbCgzMjcgNDElIDYzJSkiIGQ9Ik0wLDNoMXYxaC0xek03LDNoMXYxaC0xek0zLDRoMXYxaC0xek00LDRoMXYxaC0xek0wLDZoMXYxaC0xek03LDZoMXYxaC0xek0yLDdoMXYxaC0xek01LDdoMXYxaC0xeiIvPjwvc3ZnPg==); width: 20px; height: 20px;"
+                                          />
+                                        </div>
+                                        <div
+                                          class="MuiBox-root css-1lchl8k"
+                                        >
+                                          <div
+                                            class="addressContainer"
+                                          >
+                                            <div
+                                              class="MuiBox-root css-b5p5gz"
+                                            >
+                                              <span
+                                                aria-label="Copy to clipboard"
+                                                class=""
+                                                data-mui-internal-clone-element="true"
+                                                style="cursor: pointer;"
+                                              >
+                                                <span>
+                                                  0x
+                                                  <b>
+                                                    0000
+                                                  </b>
+                                                  00000000000000000000000000000000
+                                                  <b>
+                                                    0000
+                                                  </b>
+                                                </span>
+                                              </span>
+                                            </div>
+                                            <div
+                                              class="MuiBox-root css-yjghm1"
+                                            />
+                                          </div>
+                                        </div>
+                                      </div>
+                                    </p>
+                                  </div>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    Value
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+                                  >
+                                    0x0
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    Data
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-n5xdb5-MuiTypography-root"
+                                  >
+                                    <div
+                                      class="encodedData MuiBox-root css-0"
+                                      data-testid="tx-hexData"
+                                    >
+                                      <span
+                                        aria-label="Copy to clipboard"
+                                        class=""
+                                        data-mui-internal-clone-element="true"
+                                        style="cursor: pointer;"
+                                      >
+                                        <span
+                                          class="monospace"
+                                        >
+                                          <b
+                                            aria-label="The first 4 bytes determine the contract method that is being called"
+                                            class=""
+                                            data-mui-internal-clone-element="true"
+                                          >
+                                            0x
+                                          </b>
+                                           
+                                        </span>
+                                      </span>
+                                    </div>
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    Operation
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1hy3mdy-MuiTypography-root"
+                                  >
+                                    0
+                                     (
+                                    call
+                                    )
+                                    <svg
+                                      aria-hidden="true"
+                                      class="MuiSvgIcon-root MuiSvgIcon-colorSuccess MuiSvgIcon-fontSizeInherit css-113mief-MuiSvgIcon-root"
+                                      data-testid="CheckIcon"
+                                      focusable="false"
+                                      viewBox="0 0 24 24"
+                                    >
+                                      <path
+                                        d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+                                      />
+                                    </svg>
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    SafeTxGas
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    BaseGas
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    GasPrice
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    GasToken
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+                                  >
+                                    <div
+                                      class="container"
+                                    >
+                                      <div
+                                        class="avatarContainer"
+                                        style="width: 20px; height: 20px;"
+                                      >
+                                        <span
+                                          class="MuiSkeleton-root MuiSkeleton-circular MuiSkeleton-pulse css-143xw5x-MuiSkeleton-root"
+                                          style="width: 20px; height: 20px;"
+                                        />
+                                      </div>
+                                      <div
+                                        class="MuiBox-root css-1lchl8k"
+                                      >
+                                        <div
+                                          class="addressContainer"
+                                        >
+                                          <div
+                                            class="MuiBox-root css-b5p5gz"
+                                          >
+                                            <span
+                                              aria-label="Copy to clipboard"
+                                              class=""
+                                              data-mui-internal-clone-element="true"
+                                              style="cursor: pointer;"
+                                            >
+                                              <span />
+                                            </span>
+                                          </div>
+                                          <div
+                                            class="MuiBox-root css-yjghm1"
+                                          />
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    RefundReceiver
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+                                  >
+                                    <div
+                                      class="container"
+                                    >
+                                      <div
+                                        class="avatarContainer"
+                                        style="width: 20px; height: 20px;"
+                                      >
+                                        <span
+                                          class="MuiSkeleton-root MuiSkeleton-circular MuiSkeleton-pulse css-143xw5x-MuiSkeleton-root"
+                                          style="width: 20px; height: 20px;"
+                                        />
+                                      </div>
+                                      <div
+                                        class="MuiBox-root css-1lchl8k"
+                                      >
+                                        <div
+                                          class="addressContainer"
+                                        >
+                                          <div
+                                            class="MuiBox-root css-b5p5gz"
+                                          >
+                                            <span
+                                              aria-label="Copy to clipboard"
+                                              class=""
+                                              data-mui-internal-clone-element="true"
+                                              style="cursor: pointer;"
+                                            >
+                                              <span />
+                                            </span>
+                                          </div>
+                                          <div
+                                            class="MuiBox-root css-yjghm1"
+                                          />
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    Nonce
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+                                  >
+                                    100
+                                  </p>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    >
+      <div
+        class="wrapper"
+      >
+        <div
+          class="icon sign"
+        >
+          <mock-icon
+            aria-hidden=""
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-tqxw8e-MuiSvgIcon-root"
+            focusable="false"
+          />
+        </div>
+        <div>
+          <h5
+            class="MuiTypography-root MuiTypography-h5 css-1mp5g96-MuiTypography-root"
+          >
+            confirm
+          </h5>
+          <p
+            class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+          >
+            You're about to 
+            confirm
+             this transaction.
+          </p>
+        </div>
+      </div>
+      <div
+        class="MuiCardActions-root MuiCardActions-spacing css-1q4nm6f-MuiCardActions-root"
+      >
+        <div
+          class="MuiStack-root css-irtfmw-MuiStack-root"
+        >
+          <span
+            aria-label="Please connect your wallet"
+            class=""
+            data-mui-internal-clone-element="true"
+          >
+            <button
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-1hp2ejb-MuiButtonBase-root-MuiButton-root"
+              data-testid="continue-sign-btn"
+              disabled=""
+              tabindex="-1"
+              type="submit"
+            >
+              Continue
+            </button>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+  ,
+</div>
+`;
+
+exports[`ReviewTransaction should display a loading component 1`] = `
+<div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    >
+      <div
+        class="MuiBox-root css-17luq05"
+      >
+        <div
+          class="box MuiBox-root css-0"
+        >
+          <div
+            class="rect rectTl"
+          />
+          <div
+            class="rect rectTr"
+          />
+          <div
+            class="rect rectBl"
+          />
+          <div
+            class="rect rectBr"
+          />
+          <div
+            class="rect rectCenter"
+          />
+          <svg
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <defs>
+              <filter
+                id="gooey"
+              >
+                <fegaussianblur
+                  in="SourceGraphic"
+                  result="blur"
+                  stdDeviation="3"
+                />
+                <fecolormatrix
+                  in="blur"
+                  mode="matrix"
+                  result="goo"
+                  values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9"
+                />
+                <fecomposite
+                  in="SourceGraphic"
+                  in2="goo"
+                  operator="atop"
+                />
+              </filter>
+            </defs>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ReviewTransaction should display an error screen 1`] = `
+<div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    />
+  </div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    >
+      <div
+        class="wrapper"
+      >
+        <div
+          class="icon sign"
+        >
+          <mock-icon
+            aria-hidden=""
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-tqxw8e-MuiSvgIcon-root"
+            focusable="false"
+          />
+        </div>
+        <div>
+          <h5
+            class="MuiTypography-root MuiTypography-h5 css-1mp5g96-MuiTypography-root"
+          >
+            confirm
+          </h5>
+          <p
+            class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+          >
+            You're about to 
+            confirm
+             this transaction.
+          </p>
+        </div>
+      </div>
+      <div
+        class="MuiCardActions-root MuiCardActions-spacing css-1q4nm6f-MuiCardActions-root"
+      >
+        <div
+          class="MuiStack-root css-irtfmw-MuiStack-root"
+        >
+          <span
+            aria-label="Please connect your wallet"
+            class=""
+            data-mui-internal-clone-element="true"
+          >
+            <button
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-1hp2ejb-MuiButtonBase-root-MuiButton-root"
+              data-testid="continue-sign-btn"
+              disabled=""
+              tabindex="-1"
+              type="submit"
+            >
+              Continue
+            </button>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+  ,
+</div>
+`;
diff --git a/apps/web/src/components/tx/ReviewTransactionV2/__tests__/__snapshots__/index.test.tsx.snap b/apps/web/src/components/tx/ReviewTransactionV2/__tests__/__snapshots__/index.test.tsx.snap
new file mode 100644
index 000000000..36a0f8fb6
--- /dev/null
+++ b/apps/web/src/components/tx/ReviewTransactionV2/__tests__/__snapshots__/index.test.tsx.snap
@@ -0,0 +1,832 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ReviewTransaction should display a confirmation screen 1`] = `
+<div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    >
+      <div
+        class="MuiBox-root css-0"
+      >
+        <div
+          class="MuiStack-root css-1sazv7p-MuiStack-root"
+        >
+          <div
+            class="MuiGrid-root MuiGrid-container css-1yff1ei-MuiGrid-root"
+          >
+            <div
+              class="MuiGrid-root MuiGrid-item css-ezmk0c-MuiGrid-root"
+              data-testid="tx-row-title"
+              style="word-break: break-word;"
+            >
+              <span
+                class="MuiTypography-root MuiTypography-body2 css-1ew0eu5-MuiTypography-root"
+              >
+                Interacted with
+              </span>
+            </div>
+            <div
+              class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+              data-testid="tx-data-row"
+            >
+              <div
+                class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+              >
+                <div
+                  class="container"
+                >
+                  <div
+                    class="avatarContainer"
+                    style="width: 20px; height: 20px;"
+                  >
+                    <div
+                      class="icon"
+                      style="background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0ib3B0aW1pemVTcGVlZCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJoc2woOTIgOTYlIDQzJSkiIGQ9Ik0wLDBIOFY4SDB6Ii8+PHBhdGggZmlsbD0iaHNsKDMxMCA4NCUgMzglKSIgZD0iTTEsMGgxdjFoLTF6TTYsMGgxdjFoLTF6TTIsMGgxdjFoLTF6TTUsMGgxdjFoLTF6TTMsMGgxdjFoLTF6TTQsMGgxdjFoLTF6TTAsMWgxdjFoLTF6TTcsMWgxdjFoLTF6TTEsMWgxdjFoLTF6TTYsMWgxdjFoLTF6TTIsMWgxdjFoLTF6TTUsMWgxdjFoLTF6TTMsMWgxdjFoLTF6TTQsMWgxdjFoLTF6TTAsMmgxdjFoLTF6TTcsMmgxdjFoLTF6TTIsMmgxdjFoLTF6TTUsMmgxdjFoLTF6TTMsMmgxdjFoLTF6TTQsMmgxdjFoLTF6TTMsM2gxdjFoLTF6TTQsM2gxdjFoLTF6TTAsNGgxdjFoLTF6TTcsNGgxdjFoLTF6TTEsNGgxdjFoLTF6TTYsNGgxdjFoLTF6TTIsNGgxdjFoLTF6TTUsNGgxdjFoLTF6TTEsNWgxdjFoLTF6TTYsNWgxdjFoLTF6TTIsNWgxdjFoLTF6TTUsNWgxdjFoLTF6TTMsNWgxdjFoLTF6TTQsNWgxdjFoLTF6TTIsNmgxdjFoLTF6TTUsNmgxdjFoLTF6TTMsNmgxdjFoLTF6TTQsNmgxdjFoLTF6TTMsN2gxdjFoLTF6TTQsN2gxdjFoLTF6Ii8+PHBhdGggZmlsbD0iaHNsKDM1MSA2MSUgNjUlKSIgZD0iTTMsNGgxdjFoLTF6TTQsNGgxdjFoLTF6TTAsNWgxdjFoLTF6TTcsNWgxdjFoLTF6TTAsN2gxdjFoLTF6TTcsN2gxdjFoLTF6Ii8+PC9zdmc+); width: 20px; height: 20px;"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root css-1lchl8k"
+                  >
+                    <div
+                      class="addressContainer"
+                    >
+                      <div
+                        class="MuiBox-root css-b5p5gz"
+                      >
+                        <span
+                          aria-label="Copy to clipboard"
+                          class=""
+                          data-mui-internal-clone-element="true"
+                          style="cursor: pointer;"
+                        >
+                          <span>
+                            0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67
+                          </span>
+                        </span>
+                      </div>
+                      <span
+                        aria-label="Copy to clipboard"
+                        class=""
+                        data-mui-internal-clone-element="true"
+                        style="cursor: pointer;"
+                      >
+                        <button
+                          aria-label="Copy to clipboard"
+                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                          tabindex="0"
+                          type="button"
+                        >
+                          <mock-icon
+                            aria-hidden=""
+                            class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                            data-testid="copy-btn-icon"
+                            focusable="false"
+                          />
+                        </button>
+                      </span>
+                      <div
+                        class="MuiBox-root css-yjghm1"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="MuiBox-root css-1yuhvjn"
+      >
+        <div
+          class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-wrhbuy-MuiPaper-root-MuiAccordion-root"
+          color="info"
+          style="--Paper-shadow: none;"
+        >
+          <h3
+            class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+          >
+            <button
+              aria-expanded="false"
+              class="MuiButtonBase-root MuiAccordionSummary-root MuiAccordionSummary-gutters accordion css-10sjung-MuiButtonBase-root-MuiAccordionSummary-root"
+              data-testid="decoded-tx-summary"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiAccordionSummary-content MuiAccordionSummary-contentGutters css-1r0e0ir-MuiAccordionSummary-content"
+              >
+                <div
+                  class="MuiStack-root css-1bujbuo-MuiStack-root"
+                >
+                  <h6
+                    class="MuiTypography-root MuiTypography-subtitle2 css-8ydk8b-MuiTypography-root"
+                    data-testid="tx-advanced-details"
+                  >
+                    Transaction details
+                    <span
+                      class=""
+                      data-mui-internal-clone-element="true"
+                    >
+                      <mock-icon
+                        aria-hidden=""
+                        class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-17ibv3e-MuiSvgIcon-root"
+                        focusable="false"
+                      />
+                    </span>
+                  </h6>
+                </div>
+              </span>
+              <span
+                class="MuiAccordionSummary-expandIconWrapper css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1dhtbeh-MuiSvgIcon-root"
+                  data-testid="ExpandMoreIcon"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </h3>
+          <div
+            class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+            style="min-height: 0px;"
+          >
+            <div
+              class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
+            >
+              <div
+                class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
+              >
+                <div
+                  class="MuiAccordion-region"
+                  role="region"
+                >
+                  <div
+                    class="MuiAccordionDetails-root css-w74p4c-MuiAccordionDetails-root"
+                    data-testid="decoded-tx-details"
+                  >
+                    <div
+                      class="MuiStack-root css-hwnj0i-MuiStack-root"
+                    >
+                      <div
+                        class="MuiBox-root css-0"
+                      >
+                        <h6
+                          class="MuiTypography-root MuiTypography-subtitle2 css-4lr168-MuiTypography-root"
+                        >
+                          Advanced details
+                        </h6>
+                        <p
+                          class="MuiTypography-root MuiTypography-body2 css-gkag80-MuiTypography-root"
+                        >
+                          Cross-verify your transaction data with external tools like
+                           
+                          <a
+                            class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-r9pq5a-MuiTypography-root-MuiLink-root"
+                            href="https://safeutils.openzeppelin.com"
+                            rel="noreferrer noopener"
+                            target="_blank"
+                          >
+                            <span
+                              class="MuiBox-root css-u9xrjn"
+                            >
+                              Safe Utils
+                              <svg
+                                aria-hidden="true"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-tqxw8e-MuiSvgIcon-root"
+                                data-testid="OpenInNewRoundedIcon"
+                                focusable="false"
+                                viewBox="0 0 24 24"
+                              >
+                                <path
+                                  d="M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.11 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1M14 4c0 .55.45 1 1 1h2.59l-9.13 9.13c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1"
+                                />
+                              </svg>
+                            </span>
+                          </a>
+                           and
+                           
+                          <a
+                            class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-r9pq5a-MuiTypography-root-MuiLink-root"
+                            href="https://transaction-decoder.pages.dev"
+                            rel="noreferrer noopener"
+                            target="_blank"
+                          >
+                            <span
+                              class="MuiBox-root css-u9xrjn"
+                            >
+                              Transaction Decoder
+                              <svg
+                                aria-hidden="true"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-tqxw8e-MuiSvgIcon-root"
+                                data-testid="OpenInNewRoundedIcon"
+                                focusable="false"
+                                viewBox="0 0 24 24"
+                              >
+                                <path
+                                  d="M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.11 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1M14 4c0 .55.45 1 1 1h2.59l-9.13 9.13c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1"
+                                />
+                              </svg>
+                            </span>
+                          </a>
+                          .
+                        </p>
+                        <div
+                          class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 css-shqplw-MuiPaper-root"
+                          style="--Paper-shadow: none;"
+                        >
+                          <div
+                            class="MuiStack-root css-1sazv7p-MuiStack-root"
+                          >
+                            <div
+                              class="MuiStack-root css-1n46f6x-MuiStack-root"
+                            >
+                              <div
+                                aria-label="text alignment"
+                                class="MuiToggleButtonGroup-root MuiToggleButtonGroup-horizontal css-cinseo-MuiToggleButtonGroup-root"
+                                role="group"
+                              >
+                                <button
+                                  aria-pressed="true"
+                                  class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root Mui-selected MuiToggleButton-sizeSmall MuiToggleButton-standard MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-firstButton css-u2ogzi-MuiButtonBase-root-MuiToggleButton-root"
+                                  tabindex="0"
+                                  type="button"
+                                  value="0"
+                                >
+                                  <div
+                                    class="MuiBox-root css-mro3c9"
+                                  >
+                                    Data
+                                  </div>
+                                </button>
+                                <button
+                                  aria-pressed="false"
+                                  class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeSmall MuiToggleButton-standard MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-middleButton css-u2ogzi-MuiButtonBase-root-MuiToggleButton-root"
+                                  tabindex="0"
+                                  type="button"
+                                  value="1"
+                                >
+                                  <div
+                                    class="MuiBox-root css-mro3c9"
+                                  >
+                                    Hashes
+                                  </div>
+                                </button>
+                                <button
+                                  aria-pressed="false"
+                                  class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeSmall MuiToggleButton-standard MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-lastButton css-u2ogzi-MuiButtonBase-root-MuiToggleButton-root"
+                                  tabindex="0"
+                                  type="button"
+                                  value="2"
+                                >
+                                  <div
+                                    class="MuiBox-root css-mro3c9"
+                                  >
+                                    JSON
+                                  </div>
+                                </button>
+                              </div>
+                            </div>
+                            <div
+                              class="MuiBox-root css-e0rnc0"
+                            >
+                              <div
+                                class="MuiStack-root css-jfdv4h-MuiStack-root"
+                              >
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    To
+                                  </p>
+                                  <div
+                                    class="MuiBox-root css-0"
+                                  >
+                                    <p
+                                      class="MuiTypography-root MuiTypography-body2 css-m9op2-MuiTypography-root"
+                                    >
+                                      <div
+                                        class="container"
+                                      >
+                                        <div
+                                          class="avatarContainer"
+                                          style="width: 20px; height: 20px;"
+                                        >
+                                          <div
+                                            class="icon"
+                                            style="background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0ib3B0aW1pemVTcGVlZCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJoc2woMjEzIDY1JSA0OSUpIiBkPSJNMCwwSDhWOEgweiIvPjxwYXRoIGZpbGw9ImhzbCgzNTQgNjYlIDU2JSkiIGQ9Ik0yLDBoMXYxaC0xek01LDBoMXYxaC0xek0wLDFoMXYxaC0xek03LDFoMXYxaC0xek0xLDJoMXYxaC0xek02LDJoMXYxaC0xek0yLDJoMXYxaC0xek01LDJoMXYxaC0xek0xLDNoMXYxaC0xek02LDNoMXYxaC0xek0yLDNoMXYxaC0xek01LDNoMXYxaC0xek0zLDNoMXYxaC0xek00LDNoMXYxaC0xek0wLDRoMXYxaC0xek03LDRoMXYxaC0xek0yLDRoMXYxaC0xek01LDRoMXYxaC0xek0wLDVoMXYxaC0xek03LDVoMXYxaC0xek0zLDVoMXYxaC0xek00LDVoMXYxaC0xek0zLDdoMXYxaC0xek00LDdoMXYxaC0xeiIvPjxwYXRoIGZpbGw9ImhzbCgzMjcgNDElIDYzJSkiIGQ9Ik0wLDNoMXYxaC0xek03LDNoMXYxaC0xek0zLDRoMXYxaC0xek00LDRoMXYxaC0xek0wLDZoMXYxaC0xek03LDZoMXYxaC0xek0yLDdoMXYxaC0xek01LDdoMXYxaC0xeiIvPjwvc3ZnPg==); width: 20px; height: 20px;"
+                                          />
+                                        </div>
+                                        <div
+                                          class="MuiBox-root css-1lchl8k"
+                                        >
+                                          <div
+                                            class="addressContainer"
+                                          >
+                                            <div
+                                              class="MuiBox-root css-b5p5gz"
+                                            >
+                                              <span
+                                                aria-label="Copy to clipboard"
+                                                class=""
+                                                data-mui-internal-clone-element="true"
+                                                style="cursor: pointer;"
+                                              >
+                                                <span>
+                                                  0x
+                                                  <b>
+                                                    0000
+                                                  </b>
+                                                  00000000000000000000000000000000
+                                                  <b>
+                                                    0000
+                                                  </b>
+                                                </span>
+                                              </span>
+                                            </div>
+                                            <div
+                                              class="MuiBox-root css-yjghm1"
+                                            />
+                                          </div>
+                                        </div>
+                                      </div>
+                                    </p>
+                                  </div>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    Value
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+                                  >
+                                    0x0
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    Data
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-n5xdb5-MuiTypography-root"
+                                  >
+                                    <div
+                                      class="encodedData MuiBox-root css-0"
+                                      data-testid="tx-hexData"
+                                    >
+                                      <span
+                                        aria-label="Copy to clipboard"
+                                        class=""
+                                        data-mui-internal-clone-element="true"
+                                        style="cursor: pointer;"
+                                      >
+                                        <span
+                                          class="monospace"
+                                        >
+                                          <b
+                                            aria-label="The first 4 bytes determine the contract method that is being called"
+                                            class=""
+                                            data-mui-internal-clone-element="true"
+                                          >
+                                            0x
+                                          </b>
+                                           
+                                        </span>
+                                      </span>
+                                    </div>
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    Operation
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1hy3mdy-MuiTypography-root"
+                                  >
+                                    0
+                                     (
+                                    call
+                                    )
+                                    <svg
+                                      aria-hidden="true"
+                                      class="MuiSvgIcon-root MuiSvgIcon-colorSuccess MuiSvgIcon-fontSizeInherit css-113mief-MuiSvgIcon-root"
+                                      data-testid="CheckIcon"
+                                      focusable="false"
+                                      viewBox="0 0 24 24"
+                                    >
+                                      <path
+                                        d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+                                      />
+                                    </svg>
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    SafeTxGas
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    BaseGas
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    GasPrice
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    GasToken
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+                                  >
+                                    <div
+                                      class="container"
+                                    >
+                                      <div
+                                        class="avatarContainer"
+                                        style="width: 20px; height: 20px;"
+                                      >
+                                        <span
+                                          class="MuiSkeleton-root MuiSkeleton-circular MuiSkeleton-pulse css-143xw5x-MuiSkeleton-root"
+                                          style="width: 20px; height: 20px;"
+                                        />
+                                      </div>
+                                      <div
+                                        class="MuiBox-root css-1lchl8k"
+                                      >
+                                        <div
+                                          class="addressContainer"
+                                        >
+                                          <div
+                                            class="MuiBox-root css-b5p5gz"
+                                          >
+                                            <span
+                                              aria-label="Copy to clipboard"
+                                              class=""
+                                              data-mui-internal-clone-element="true"
+                                              style="cursor: pointer;"
+                                            >
+                                              <span />
+                                            </span>
+                                          </div>
+                                          <div
+                                            class="MuiBox-root css-yjghm1"
+                                          />
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    RefundReceiver
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+                                  >
+                                    <div
+                                      class="container"
+                                    >
+                                      <div
+                                        class="avatarContainer"
+                                        style="width: 20px; height: 20px;"
+                                      >
+                                        <span
+                                          class="MuiSkeleton-root MuiSkeleton-circular MuiSkeleton-pulse css-143xw5x-MuiSkeleton-root"
+                                          style="width: 20px; height: 20px;"
+                                        />
+                                      </div>
+                                      <div
+                                        class="MuiBox-root css-1lchl8k"
+                                      >
+                                        <div
+                                          class="addressContainer"
+                                        >
+                                          <div
+                                            class="MuiBox-root css-b5p5gz"
+                                          >
+                                            <span
+                                              aria-label="Copy to clipboard"
+                                              class=""
+                                              data-mui-internal-clone-element="true"
+                                              style="cursor: pointer;"
+                                            >
+                                              <span />
+                                            </span>
+                                          </div>
+                                          <div
+                                            class="MuiBox-root css-yjghm1"
+                                          />
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    Nonce
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+                                  >
+                                    100
+                                  </p>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    >
+      <div
+        class="wrapper"
+      >
+        <div
+          class="icon sign"
+        >
+          <mock-icon
+            aria-hidden=""
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-tqxw8e-MuiSvgIcon-root"
+            focusable="false"
+          />
+        </div>
+        <div>
+          <h5
+            class="MuiTypography-root MuiTypography-h5 css-1mp5g96-MuiTypography-root"
+          >
+            confirm
+          </h5>
+          <p
+            class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+          >
+            You're about to 
+            confirm
+             this transaction.
+          </p>
+        </div>
+      </div>
+      <div
+        class="MuiCardActions-root MuiCardActions-spacing css-1q4nm6f-MuiCardActions-root"
+      >
+        <div
+          class="MuiStack-root css-irtfmw-MuiStack-root"
+        >
+          <span
+            aria-label="Please connect your wallet"
+            class=""
+            data-mui-internal-clone-element="true"
+          >
+            <button
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-1hp2ejb-MuiButtonBase-root-MuiButton-root"
+              data-testid="continue-sign-btn"
+              disabled=""
+              tabindex="-1"
+              type="submit"
+            >
+              Continue
+            </button>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+  ,
+</div>
+`;
+
+exports[`ReviewTransaction should display a loading component 1`] = `
+<div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    >
+      <div
+        class="MuiBox-root css-17luq05"
+      >
+        <div
+          class="box MuiBox-root css-0"
+        >
+          <div
+            class="rect rectTl"
+          />
+          <div
+            class="rect rectTr"
+          />
+          <div
+            class="rect rectBl"
+          />
+          <div
+            class="rect rectBr"
+          />
+          <div
+            class="rect rectCenter"
+          />
+          <svg
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <defs>
+              <filter
+                id="gooey"
+              >
+                <fegaussianblur
+                  in="SourceGraphic"
+                  result="blur"
+                  stdDeviation="3"
+                />
+                <fecolormatrix
+                  in="blur"
+                  mode="matrix"
+                  result="goo"
+                  values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9"
+                />
+                <fecomposite
+                  in="SourceGraphic"
+                  in2="goo"
+                  operator="atop"
+                />
+              </filter>
+            </defs>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ReviewTransaction should display an error screen 1`] = `
+<div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    />
+  </div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    >
+      <div
+        class="wrapper"
+      >
+        <div
+          class="icon sign"
+        >
+          <mock-icon
+            aria-hidden=""
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-tqxw8e-MuiSvgIcon-root"
+            focusable="false"
+          />
+        </div>
+        <div>
+          <h5
+            class="MuiTypography-root MuiTypography-h5 css-1mp5g96-MuiTypography-root"
+          >
+            confirm
+          </h5>
+          <p
+            class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+          >
+            You're about to 
+            confirm
+             this transaction.
+          </p>
+        </div>
+      </div>
+      <div
+        class="MuiCardActions-root MuiCardActions-spacing css-1q4nm6f-MuiCardActions-root"
+      >
+        <div
+          class="MuiStack-root css-irtfmw-MuiStack-root"
+        >
+          <span
+            aria-label="Please connect your wallet"
+            class=""
+            data-mui-internal-clone-element="true"
+          >
+            <button
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-1hp2ejb-MuiButtonBase-root-MuiButton-root"
+              data-testid="continue-sign-btn"
+              disabled=""
+              tabindex="-1"
+              type="submit"
+            >
+              Continue
+            </button>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+  ,
+</div>
+`;
diff --git a/apps/web/src/components/tx/ReviewTransactionV2/__tests__/index.test.tsx b/apps/web/src/components/tx/ReviewTransactionV2/__tests__/index.test.tsx
new file mode 100644
index 000000000..883061171
--- /dev/null
+++ b/apps/web/src/components/tx/ReviewTransactionV2/__tests__/index.test.tsx
@@ -0,0 +1,67 @@
+import ReviewTransaction from '../index'
+import { render } from '@/tests/test-utils'
+import type { TransactionPreview } from '@safe-global/safe-gateway-typescript-sdk'
+import type { SafeTxContextParams } from '@/components/tx-flow/SafeTxProvider'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { createSafeTx } from '@/tests/builders/safeTx'
+import * as useTxPreviewHooks from '@/components/tx/confirmation-views/useTxPreview'
+import { SlotProvider } from '@/components/tx-flow/slots'
+
+describe('ReviewTransaction', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should display a loading component', () => {
+    const { container } = render(<ReviewTransaction onSubmit={jest.fn()} />)
+
+    expect(container).toMatchSnapshot()
+  })
+
+  it('should display a confirmation screen', async () => {
+    jest.spyOn(useTxPreviewHooks, 'default').mockReturnValue([
+      {
+        txInfo: {},
+        txData: { to: { value: '0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67' } },
+      } as TransactionPreview,
+      undefined,
+      false,
+    ])
+
+    const { container, getByText } = render(
+      <SlotProvider>
+        <SafeTxContext.Provider value={{ safeTx: createSafeTx() } as SafeTxContextParams}>
+          <ReviewTransaction onSubmit={jest.fn()} />
+        </SafeTxContext.Provider>
+        ,
+      </SlotProvider>,
+    )
+
+    expect(getByText("You're about to confirm this transaction.")).toBeInTheDocument()
+    expect(container).toMatchSnapshot()
+  })
+
+  it('should display an error screen', async () => {
+    jest
+      .spyOn(useTxPreviewHooks, 'default')
+      .mockReturnValue([undefined, new Error('This is a mock error message'), false])
+
+    const { container } = render(
+      <SlotProvider>
+        <SafeTxContext.Provider
+          value={
+            {
+              safeTx: createSafeTx(),
+            } as SafeTxContextParams
+          }
+        >
+          <ReviewTransaction onSubmit={jest.fn()} />
+        </SafeTxContext.Provider>
+        ,
+      </SlotProvider>,
+    )
+
+    expect(container.querySelector('continue-sign-btn')).not.toBeInTheDocument()
+    expect(container).toMatchSnapshot()
+  })
+})
diff --git a/apps/web/src/components/tx/ReviewTransactionV2/index.tsx b/apps/web/src/components/tx/ReviewTransactionV2/index.tsx
new file mode 100644
index 000000000..59885aee8
--- /dev/null
+++ b/apps/web/src/components/tx/ReviewTransactionV2/index.tsx
@@ -0,0 +1,32 @@
+import { useContext } from 'react'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import ReviewTransactionSkeleton from './ReviewTransactionSkeleton'
+import useTxPreview from '../confirmation-views/useTxPreview'
+import type { ReviewTransactionContentProps } from './ReviewTransactionContent'
+import ReviewTransactionContent from './ReviewTransactionContent'
+import { TxFlowStep } from '@/components/tx-flow/TxFlowStep'
+import { TxFlowContext } from '@/components/tx-flow/TxFlowProvider'
+
+export type ReviewTransactionProps = {
+  title?: string
+} & ReviewTransactionContentProps
+
+const ReviewTransaction = ({ title, ...props }: ReviewTransactionProps) => {
+  const { safeTx, safeTxError } = useContext(SafeTxContext)
+  const { txId, txDetails, txDetailsLoading } = useContext(TxFlowContext)
+  const [txPreview, , txPreviewLoading] = useTxPreview(safeTx?.data, undefined, txId)
+
+  if ((!safeTx && !safeTxError) || txDetailsLoading || txPreviewLoading) {
+    return <ReviewTransactionSkeleton />
+  }
+
+  return (
+    <TxFlowStep title={title ?? 'Confirm transaction'}>
+      <ReviewTransactionContent {...props} txDetails={txDetails} txPreview={txPreview}>
+        {props.children}
+      </ReviewTransactionContent>
+    </TxFlowStep>
+  )
+}
+
+export default ReviewTransaction
diff --git a/src/components/tx/SendFromBlock/index.tsx b/apps/web/src/components/tx/SendFromBlock/index.tsx
similarity index 100%
rename from src/components/tx/SendFromBlock/index.tsx
rename to apps/web/src/components/tx/SendFromBlock/index.tsx
diff --git a/src/components/tx/SendFromBlock/styles.module.css b/apps/web/src/components/tx/SendFromBlock/styles.module.css
similarity index 100%
rename from src/components/tx/SendFromBlock/styles.module.css
rename to apps/web/src/components/tx/SendFromBlock/styles.module.css
diff --git a/apps/web/src/components/tx/SendToBlock/index.tsx b/apps/web/src/components/tx/SendToBlock/index.tsx
new file mode 100644
index 000000000..ba3cbb5ce
--- /dev/null
+++ b/apps/web/src/components/tx/SendToBlock/index.tsx
@@ -0,0 +1,35 @@
+import { Typography } from '@mui/material'
+import NamedAddressInfo from '@/components/common/NamedAddressInfo'
+import FieldsGrid from '../FieldsGrid'
+
+const SendToBlock = ({
+  address,
+  title = 'Recipient',
+  customAvatar,
+  avatarSize,
+  name,
+}: {
+  address: string
+  name?: string
+  title?: string
+  customAvatar?: string
+  avatarSize?: number
+}) => {
+  return (
+    <FieldsGrid title={title}>
+      <Typography variant="body2" component="div">
+        <NamedAddressInfo
+          address={address}
+          name={name}
+          shortAddress={false}
+          hasExplorer
+          showCopyButton
+          avatarSize={avatarSize}
+          customAvatar={customAvatar}
+        />
+      </Typography>
+    </FieldsGrid>
+  )
+}
+
+export default SendToBlock
diff --git a/src/components/tx/SignOrExecuteForm/ConfirmationTitle.tsx b/apps/web/src/components/tx/SignOrExecuteForm/ConfirmationTitle.tsx
similarity index 97%
rename from src/components/tx/SignOrExecuteForm/ConfirmationTitle.tsx
rename to apps/web/src/components/tx/SignOrExecuteForm/ConfirmationTitle.tsx
index 58ecda7b4..ecc221bc2 100644
--- a/src/components/tx/SignOrExecuteForm/ConfirmationTitle.tsx
+++ b/apps/web/src/components/tx/SignOrExecuteForm/ConfirmationTitle.tsx
@@ -5,6 +5,7 @@ import css from './styles.module.css'
 export enum ConfirmationTitleTypes {
   sign = 'confirm',
   execute = 'execute',
+  propose = 'propose',
 }
 
 const ConfirmationTitle = ({ isCreation, variant }: { isCreation?: boolean; variant: ConfirmationTitleTypes }) => {
diff --git a/src/components/tx/SignOrExecuteForm/NonOwnerError.tsx b/apps/web/src/components/tx/SignOrExecuteForm/NonOwnerError.tsx
similarity index 100%
rename from src/components/tx/SignOrExecuteForm/NonOwnerError.tsx
rename to apps/web/src/components/tx/SignOrExecuteForm/NonOwnerError.tsx
diff --git a/src/components/tx/SignOrExecuteForm/RiskConfirmationError.tsx b/apps/web/src/components/tx/SignOrExecuteForm/RiskConfirmationError.tsx
similarity index 100%
rename from src/components/tx/SignOrExecuteForm/RiskConfirmationError.tsx
rename to apps/web/src/components/tx/SignOrExecuteForm/RiskConfirmationError.tsx
diff --git a/apps/web/src/components/tx/SignOrExecuteForm/SignForm.tsx b/apps/web/src/components/tx/SignOrExecuteForm/SignForm.tsx
new file mode 100644
index 000000000..44ea62750
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/SignForm.tsx
@@ -0,0 +1,182 @@
+import madProps from '@/utils/mad-props'
+import { type ReactElement, type SyntheticEvent, useContext, useMemo, useState } from 'react'
+import { CircularProgress, Box, Button, Divider, Tooltip } from '@mui/material'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import { trackError, Errors } from '@/services/exceptions'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import CheckWallet from '@/components/common/CheckWallet'
+import { useAlreadySigned, useTxActions } from './hooks'
+import type { SignOrExecuteProps } from './SignOrExecuteForm'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import { TxModalContext } from '@/components/tx-flow'
+import commonCss from '@/components/tx-flow/common/styles.module.css'
+import { TxSecurityContext } from '../security/shared/TxSecurityContext'
+import NonOwnerError from '@/components/tx/SignOrExecuteForm/NonOwnerError'
+import WalletRejectionError from '@/components/tx/SignOrExecuteForm/WalletRejectionError'
+import BatchButton from '@/components/tx-flow/actions/Batching/BatchButton'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { isWalletRejection } from '@/utils/wallets'
+import { useSigner } from '@/hooks/wallets/useWallet'
+import { NestedTxSuccessScreenFlow } from '@/components/tx-flow/flows'
+import { useValidateTxData } from '@/hooks/useValidateTxData'
+import { TxCardActions } from '@/components/tx-flow/common/TxCard'
+
+export const SignForm = ({
+  safeTx,
+  txId,
+  onSubmit,
+  disableSubmit = false,
+  origin,
+  isBatch,
+  isBatchable,
+  isCreation,
+  isOwner,
+  txActions,
+  txSecurity,
+  tooltip,
+}: SignOrExecuteProps & {
+  isOwner: ReturnType<typeof useIsSafeOwner>
+  txActions: ReturnType<typeof useTxActions>
+  txSecurity: ReturnType<typeof useTxSecurityContext>
+  isCreation?: boolean
+  safeTx?: SafeTransaction
+  tooltip?: string
+}): ReactElement => {
+  // Form state
+  const [isSubmittable, setIsSubmittable] = useState<boolean>(true)
+  const [submitError, setSubmitError] = useState<Error | undefined>()
+  const [isRejectedByUser, setIsRejectedByUser] = useState<Boolean>(false)
+
+  const [validationResult, , validationLoading] = useValidateTxData(txId)
+  const validationError = useMemo(
+    () => (validationResult !== undefined ? new Error(validationResult) : undefined),
+    [validationResult],
+  )
+
+  // Hooks
+  const { signTx, addToBatch } = txActions
+  const { setTxFlow } = useContext(TxModalContext)
+  const { needsRiskConfirmation, isRiskConfirmed, setIsRiskIgnored } = txSecurity
+  const hasSigned = useAlreadySigned(safeTx)
+  const signer = useSigner()
+
+  // On modal submit
+  const handleSubmit = async (e: SyntheticEvent, isAddingToBatch = false) => {
+    e.preventDefault()
+
+    if (needsRiskConfirmation && !isRiskConfirmed) {
+      setIsRiskIgnored(true)
+      return
+    }
+
+    if (!safeTx || validationError) return
+
+    setIsSubmittable(false)
+    setSubmitError(undefined)
+    setIsRejectedByUser(false)
+
+    let resultTxId: string
+    try {
+      resultTxId = await (isAddingToBatch ? addToBatch(safeTx, origin) : signTx(safeTx, txId, origin))
+    } catch (_err) {
+      const err = asError(_err)
+      if (isWalletRejection(err)) {
+        setIsRejectedByUser(true)
+      } else {
+        trackError(Errors._804, err)
+        setSubmitError(err)
+      }
+      setIsSubmittable(true)
+      return
+    }
+
+    // On successful sign
+    if (!isAddingToBatch) {
+      onSubmit?.(resultTxId)
+    }
+
+    if (!isAddingToBatch && signer?.isSafe) {
+      setTxFlow(<NestedTxSuccessScreenFlow txId={resultTxId} />, undefined, false)
+    } else {
+      setTxFlow(undefined)
+    }
+  }
+
+  const onBatchClick = (e: SyntheticEvent) => {
+    handleSubmit(e, true)
+  }
+
+  const cannotPropose = !isOwner
+  const submitDisabled =
+    !safeTx ||
+    !isSubmittable ||
+    disableSubmit ||
+    cannotPropose ||
+    (needsRiskConfirmation && !isRiskConfirmed) ||
+    validationError !== undefined ||
+    validationLoading
+
+  return (
+    <form onSubmit={handleSubmit}>
+      {hasSigned && <ErrorMessage level="warning">You have already signed this transaction.</ErrorMessage>}
+
+      {cannotPropose ? (
+        <NonOwnerError />
+      ) : (
+        submitError && (
+          <ErrorMessage error={submitError}>Error submitting the transaction. Please try again.</ErrorMessage>
+        )
+      )}
+
+      {isRejectedByUser && (
+        <Box mt={1}>
+          <WalletRejectionError />
+        </Box>
+      )}
+
+      {validationError !== undefined && (
+        <ErrorMessage error={validationError}>Error validating transaction data</ErrorMessage>
+      )}
+
+      <Divider className={commonCss.nestedDivider} sx={{ pt: 3 }} />
+
+      <TxCardActions>
+        {/* Batch button */}
+        {isCreation && !isBatch && (
+          <BatchButton
+            onClick={onBatchClick}
+            disabled={submitDisabled || !isBatchable}
+            tooltip={!isBatchable ? `Cannot batch this type of transaction` : undefined}
+          />
+        )}
+
+        {/* Submit button */}
+        <CheckWallet checkNetwork={!submitDisabled}>
+          {(isOk) => (
+            <Tooltip title={tooltip} placement="top">
+              <span>
+                <Button
+                  data-testid="sign-btn"
+                  variant="contained"
+                  type="submit"
+                  disabled={!isOk || submitDisabled}
+                  sx={{ minWidth: '82px', order: '1', width: ['100%', '100%', '100%', 'auto'] }}
+                >
+                  {!isSubmittable ? <CircularProgress size={20} /> : 'Sign'}
+                </Button>
+              </span>
+            </Tooltip>
+          )}
+        </CheckWallet>
+      </TxCardActions>
+    </form>
+  )
+}
+
+const useTxSecurityContext = () => useContext(TxSecurityContext)
+
+export default madProps(SignForm, {
+  isOwner: useIsSafeOwner,
+  txActions: useTxActions,
+  txSecurity: useTxSecurityContext,
+})
diff --git a/apps/web/src/components/tx/SignOrExecuteForm/SignOrExecuteForm.tsx b/apps/web/src/components/tx/SignOrExecuteForm/SignOrExecuteForm.tsx
new file mode 100644
index 000000000..b2988ce6d
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/SignOrExecuteForm.tsx
@@ -0,0 +1,259 @@
+import ProposerForm from '@/components/tx-flow/actions/Propose/ProposerForm'
+import CounterfactualForm from '@/features/counterfactual/CounterfactualForm'
+import { useIsWalletProposer } from '@/hooks/useProposers'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { type ReactElement, type ReactNode, useState, useContext, useCallback } from 'react'
+import madProps from '@/utils/mad-props'
+import ExecuteCheckbox from '../ExecuteCheckbox'
+import { useImmediatelyExecutable, useValidateNonce } from './hooks'
+import ExecuteForm from '@/components/tx-flow/actions/Execute/ExecuteForm'
+import SignForm from './SignForm'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import ErrorMessage from '../ErrorMessage'
+import TxChecks from '@/components/tx-flow/features/TxChecks/TxChecks'
+import TxCard from '@/components/tx-flow/common/TxCard'
+import ConfirmationTitle, { ConfirmationTitleTypes } from '@/components/tx/SignOrExecuteForm/ConfirmationTitle'
+import { useAppSelector } from '@/store'
+import { selectSettings } from '@/store/settingsSlice'
+import UnknownContractError from './UnknownContractError'
+import { ErrorBoundary } from '@sentry/react'
+import ApprovalEditor from '../ApprovalEditor'
+import { isDelegateCall } from '@/services/tx/tx-sender/sdk'
+import useChainId from '@/hooks/useChainId'
+import ExecuteThroughRoleForm from '@/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm'
+import {
+  findAllowingRole,
+  findMostLikelyRole,
+  useRoles,
+} from '@/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/hooks'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import { BlockaidBalanceChanges } from '../security/blockaid/BlockaidBalanceChange'
+import { Blockaid } from '../security/blockaid'
+import { useLazyGetTransactionDetailsQuery } from '@/store/api/gateway'
+import { useApprovalInfos } from '../ApprovalEditor/hooks/useApprovalInfos'
+import type { TransactionDetails, TransactionPreview } from '@safe-global/safe-gateway-typescript-sdk'
+import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
+import ConfirmationView from '../confirmation-views'
+import { SignerForm } from '@/components/tx-flow/features/SignerSelect/SignerForm'
+import { useSigner } from '@/hooks/wallets/useWallet'
+import { trackTxEvents } from './tracking'
+import { TxNoteForm, encodeTxNote, trackAddNote } from '@/features/tx-notes'
+
+export type SubmitCallback = (txId: string, isExecuted?: boolean) => void
+
+export type SignOrExecuteProps = {
+  txId?: string
+  onSubmit?: SubmitCallback
+  children?: ReactNode
+  isExecutable?: boolean
+  isRejection?: boolean
+  isBatch?: boolean
+  isBatchable?: boolean
+  onlyExecute?: boolean
+  disableSubmit?: boolean
+  origin?: string
+}
+
+export const SignOrExecuteForm = ({
+  chainId,
+  safeTx,
+  safeTxError,
+  onSubmit,
+  isCreation,
+  ...props
+}: SignOrExecuteProps & {
+  chainId: ReturnType<typeof useChainId>
+  safeTx: ReturnType<typeof useSafeTx>
+  safeTxError: ReturnType<typeof useSafeTxError>
+  isCreation?: boolean
+  txDetails?: TransactionDetails
+  txPreview?: TransactionPreview
+}): ReactElement => {
+  const [customOrigin, setCustomOrigin] = useState<string | undefined>(props.origin)
+  const { transactionExecution } = useAppSelector(selectSettings)
+  const [shouldExecute, setShouldExecute] = useState<boolean>(transactionExecution)
+  const isNewExecutableTx = useImmediatelyExecutable() && isCreation
+  const isCorrectNonce = useValidateNonce(safeTx)
+  const isBatchable = props.isBatchable !== false && safeTx && !isDelegateCall(safeTx)
+
+  const [trigger] = useLazyGetTransactionDetailsQuery()
+  const [readableApprovals] = useApprovalInfos({ safeTransaction: safeTx })
+  const isApproval = readableApprovals && readableApprovals.length > 0
+  const { safe } = useSafeInfo()
+  const isSafeOwner = useIsSafeOwner()
+  const signer = useSigner()
+  const isProposer = useIsWalletProposer()
+  const isProposing = isProposer && !isSafeOwner && isCreation
+  const isCounterfactualSafe = !safe.deployed
+
+  // Check if a Zodiac Roles mod is enabled and if the user is a member of any role that allows the transaction
+  const roles = useRoles(
+    !isCounterfactualSafe && isCreation && !(isNewExecutableTx && isSafeOwner) ? safeTx : undefined,
+  )
+  const allowingRole = findAllowingRole(roles)
+  const mostLikelyRole = findMostLikelyRole(roles)
+  const canExecuteThroughRole = !!allowingRole || (!!mostLikelyRole && !isSafeOwner)
+  const preferThroughRole = canExecuteThroughRole && !isSafeOwner // execute through role if a non-owner role member wallet is connected
+
+  // If checkbox is checked and the transaction is executable, execute it, otherwise sign it
+  const canExecute = isCorrectNonce && (props.isExecutable || isNewExecutableTx)
+  const willExecute = (props.onlyExecute || shouldExecute) && canExecute && !preferThroughRole
+  const willExecuteThroughRole =
+    (props.onlyExecute || shouldExecute) && canExecuteThroughRole && (!canExecute || preferThroughRole)
+
+  const onFormSubmit = useCallback(
+    async (txId: string, isExecuted = false, isRoleExecution = false, isProposerCreation = false) => {
+      onSubmit?.(txId, isExecuted)
+
+      const { data: details } = await trigger({ chainId, txId })
+      // Track tx event
+      trackTxEvents(
+        details,
+        !!isCreation,
+        isExecuted,
+        isRoleExecution,
+        isProposerCreation,
+        !!signer?.isSafe,
+        customOrigin,
+      )
+
+      if (customOrigin !== props.origin) {
+        trackAddNote()
+      }
+    },
+    [chainId, isCreation, onSubmit, trigger, signer?.isSafe, customOrigin, props.origin],
+  )
+
+  const onRoleExecutionSubmit = useCallback<typeof onFormSubmit>(
+    (txId, isExecuted) => onFormSubmit(txId, isExecuted, true),
+    [onFormSubmit],
+  )
+
+  const onProposerFormSubmit = useCallback<typeof onFormSubmit>(
+    (txId, isExecuted) => onFormSubmit(txId, isExecuted, false, true),
+    [onFormSubmit],
+  )
+
+  const onNoteChange = useCallback(
+    (note: string) => {
+      setCustomOrigin(encodeTxNote(note, props.origin))
+    },
+    [setCustomOrigin, props.origin],
+  )
+
+  const getForm = () => {
+    const commonProps = {
+      ...props,
+      safeTx,
+      isCreation,
+      origin: customOrigin,
+      onSubmit: onFormSubmit,
+    }
+    if (isCounterfactualSafe && !isProposing) {
+      return <CounterfactualForm {...commonProps} onlyExecute />
+    }
+
+    if (!isCounterfactualSafe && willExecute && !isProposing) {
+      return (
+        <ExecuteForm
+          {...commonProps}
+          options={[{ label: 'Execute', id: 'execute' }]}
+          slotId="execute"
+          onChange={() => {}}
+          onSubmit={() => {}}
+          onSubmitSuccess={({ txId, isExecuted } = {}) => onFormSubmit(txId!, isExecuted)}
+        />
+      )
+    }
+
+    if (!isCounterfactualSafe && willExecuteThroughRole) {
+      return (
+        <ExecuteThroughRoleForm
+          {...commonProps}
+          role={(allowingRole || mostLikelyRole)!}
+          safeTxError={safeTxError}
+          onSubmit={onRoleExecutionSubmit}
+        />
+      )
+    }
+
+    if (!isCounterfactualSafe && !willExecute && !willExecuteThroughRole && !isProposing) {
+      return <SignForm {...commonProps} isBatchable={isBatchable} />
+    }
+
+    if (isProposing) {
+      return <ProposerForm {...commonProps} onSubmit={onProposerFormSubmit} />
+    }
+  }
+
+  return (
+    <>
+      <TxCard>
+        {props.children}
+
+        <ConfirmationView
+          isCreation={isCreation}
+          txDetails={props.txDetails}
+          txPreview={props.txPreview}
+          safeTx={safeTx}
+          isBatch={props.isBatch}
+          isApproval={isApproval}
+        >
+          {!props.isRejection && (
+            <ErrorBoundary fallback={<div>Error parsing data</div>}>
+              {isApproval && <ApprovalEditor safeTransaction={safeTx} />}
+            </ErrorBoundary>
+          )}
+        </ConfirmationView>
+
+        {!isCounterfactualSafe && !props.isRejection && <BlockaidBalanceChanges />}
+      </TxCard>
+
+      {!isCounterfactualSafe && !props.isRejection && safeTx && <TxChecks transaction={safeTx} />}
+
+      <TxNoteForm isCreation={isCreation ?? false} onChange={onNoteChange} txDetails={props.txDetails} />
+
+      <SignerForm willExecute={willExecute} />
+
+      <TxCard>
+        <ConfirmationTitle
+          variant={
+            isProposing
+              ? ConfirmationTitleTypes.propose
+              : willExecute
+                ? ConfirmationTitleTypes.execute
+                : ConfirmationTitleTypes.sign
+          }
+          isCreation={isCreation}
+        />
+
+        {safeTxError && (
+          <ErrorMessage error={safeTxError}>
+            This transaction will most likely fail. To save gas costs, avoid confirming the transaction.
+          </ErrorMessage>
+        )}
+
+        {(canExecute || canExecuteThroughRole) && !props.onlyExecute && !isCounterfactualSafe && !isProposing && (
+          <ExecuteCheckbox onChange={setShouldExecute} />
+        )}
+
+        <NetworkWarning />
+
+        <UnknownContractError txData={props.txDetails?.txData ?? props.txPreview?.txData} />
+
+        <Blockaid />
+
+        {getForm()}
+      </TxCard>
+    </>
+  )
+}
+
+const useSafeTx = () => useContext(SafeTxContext).safeTx
+const useSafeTxError = () => useContext(SafeTxContext).safeTxError
+
+export default madProps(SignOrExecuteForm, {
+  chainId: useChainId,
+  safeTx: useSafeTx,
+  safeTxError: useSafeTxError,
+})
diff --git a/apps/web/src/components/tx/SignOrExecuteForm/SignOrExecuteFormV2.tsx b/apps/web/src/components/tx/SignOrExecuteForm/SignOrExecuteFormV2.tsx
new file mode 100644
index 000000000..50eb29a8e
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/SignOrExecuteFormV2.tsx
@@ -0,0 +1,166 @@
+import ProposerForm from '@/components/tx-flow/actions/Propose/ProposerForm'
+import CounterfactualForm from '@/features/counterfactual/CounterfactualForm'
+import { useIsWalletProposer } from '@/hooks/useProposers'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { type ReactElement, type ReactNode, useContext, useCallback } from 'react'
+import madProps from '@/utils/mad-props'
+import { useImmediatelyExecutable, useValidateNonce } from './hooks'
+import ExecuteForm from '@/components/tx-flow/actions/Execute/ExecuteForm'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { useAppSelector } from '@/store'
+import { selectSettings } from '@/store/settingsSlice'
+import useChainId from '@/hooks/useChainId'
+import ExecuteThroughRoleForm from '@/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm'
+import {
+  findAllowingRole,
+  findMostLikelyRole,
+  useRoles,
+} from '@/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/hooks'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import { useLazyGetTransactionDetailsQuery } from '@/store/api/gateway'
+import type { TransactionDetails, TransactionPreview } from '@safe-global/safe-gateway-typescript-sdk'
+import { useSigner } from '@/hooks/wallets/useWallet'
+import { trackTxEvents } from './tracking'
+import SignForm from './SignForm'
+
+export type SubmitCallback = (txId: string, isExecuted?: boolean) => void
+
+export type SignOrExecuteProps = {
+  txId?: string
+  onSubmit?: SubmitCallback
+  children?: ReactNode
+  isExecutable?: boolean
+  isRejection?: boolean
+  onlyExecute?: boolean
+  disableSubmit?: boolean
+  origin?: string
+  tooltip?: string
+  isMassPayout?: boolean
+}
+
+export const SignOrExecuteFormV2 = ({
+  chainId,
+  safeTx,
+  safeTxError,
+  onSubmit,
+  isCreation,
+  origin,
+  isMassPayout = false,
+  ...props
+}: SignOrExecuteProps & {
+  chainId: ReturnType<typeof useChainId>
+  safeTx: ReturnType<typeof useSafeTx>
+  safeTxError: ReturnType<typeof useSafeTxError>
+  isCreation?: boolean
+  txDetails?: TransactionDetails
+  txPreview?: TransactionPreview
+}): ReactElement | undefined => {
+  const { transactionExecution: shouldExecute } = useAppSelector(selectSettings)
+  const isNewExecutableTx = useImmediatelyExecutable() && isCreation
+  const isCorrectNonce = useValidateNonce(safeTx)
+
+  const [trigger] = useLazyGetTransactionDetailsQuery()
+  const { safe } = useSafeInfo()
+  const isSafeOwner = useIsSafeOwner()
+  const signer = useSigner()
+  const isProposer = useIsWalletProposer()
+  const isProposing = isProposer && !isSafeOwner && !!isCreation
+  const isCounterfactualSafe = !safe.deployed
+
+  // Check if a Zodiac Roles mod is enabled and if the user is a member of any role that allows the transaction
+  const roles = useRoles(
+    !isCounterfactualSafe && isCreation && !(isNewExecutableTx && isSafeOwner) ? safeTx : undefined,
+  )
+  const allowingRole = findAllowingRole(roles)
+  const mostLikelyRole = findMostLikelyRole(roles)
+  const canExecuteThroughRole = !!allowingRole || (!!mostLikelyRole && !isSafeOwner)
+  const preferThroughRole = canExecuteThroughRole && !isSafeOwner // execute through role if a non-owner role member wallet is connected
+
+  // If checkbox is checked and the transaction is executable, execute it, otherwise sign it
+  const canExecute = isCorrectNonce && (props.isExecutable || isNewExecutableTx)
+  const willExecute = (props.onlyExecute || shouldExecute) && canExecute && !preferThroughRole
+  const willExecuteThroughRole =
+    (props.onlyExecute || shouldExecute) && canExecuteThroughRole && (!canExecute || preferThroughRole)
+
+  const onFormSubmit = useCallback(
+    async (txId: string, isExecuted = false, isRoleExecution = false, isProposerCreation = false) => {
+      onSubmit?.(txId, isExecuted)
+
+      const { data: details } = await trigger({ chainId, txId })
+      // Track tx event
+      trackTxEvents(
+        details,
+        !!isCreation,
+        isExecuted,
+        isRoleExecution,
+        isProposerCreation,
+        !!signer?.isSafe,
+        origin,
+        isMassPayout,
+      )
+    },
+    [chainId, isCreation, onSubmit, trigger, signer?.isSafe, origin, isMassPayout],
+  )
+
+  const onRoleExecutionSubmit = useCallback<typeof onFormSubmit>(
+    (txId, isExecuted) => onFormSubmit(txId, isExecuted, true),
+    [onFormSubmit],
+  )
+
+  const onProposerFormSubmit = useCallback<typeof onFormSubmit>(
+    (txId, isExecuted) => onFormSubmit(txId, isExecuted, false, true),
+    [onFormSubmit],
+  )
+
+  const commonProps = {
+    ...props,
+    safeTx,
+    isCreation,
+    origin,
+    onSubmit: onFormSubmit,
+  }
+  if (isCounterfactualSafe && !isProposing) {
+    return <CounterfactualForm {...commonProps} onlyExecute />
+  }
+
+  if (!isCounterfactualSafe && willExecute && !isProposing) {
+    return (
+      <ExecuteForm
+        {...commonProps}
+        options={[{ label: 'Execute', id: 'execute' }]}
+        slotId="execute"
+        onChange={() => {}}
+        onSubmit={() => {}}
+        onSubmitSuccess={({ txId, isExecuted } = {}) => onFormSubmit(txId!, isExecuted)}
+      />
+    )
+  }
+
+  if (!isCounterfactualSafe && willExecuteThroughRole) {
+    return (
+      <ExecuteThroughRoleForm
+        {...commonProps}
+        role={(allowingRole || mostLikelyRole)!}
+        safeTxError={safeTxError}
+        onSubmit={onRoleExecutionSubmit}
+      />
+    )
+  }
+
+  if (!isCounterfactualSafe && !willExecute && !willExecuteThroughRole && !isProposing) {
+    return <SignForm {...commonProps} />
+  }
+
+  if (isProposing) {
+    return <ProposerForm {...commonProps} onSubmit={onProposerFormSubmit} />
+  }
+}
+
+const useSafeTx = () => useContext(SafeTxContext).safeTx
+const useSafeTxError = () => useContext(SafeTxContext).safeTxError
+
+export default madProps(SignOrExecuteFormV2, {
+  chainId: useChainId,
+  safeTx: useSafeTx,
+  safeTxError: useSafeTxError,
+})
diff --git a/apps/web/src/components/tx/SignOrExecuteForm/SignOrExecuteSkeleton.tsx b/apps/web/src/components/tx/SignOrExecuteForm/SignOrExecuteSkeleton.tsx
new file mode 100644
index 000000000..d6c6c20f7
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/SignOrExecuteSkeleton.tsx
@@ -0,0 +1,13 @@
+import LoadingSpinner, { SpinnerStatus } from '@/components/new-safe/create/steps/StatusStep/LoadingSpinner'
+import TxCard from '@/components/tx-flow/common/TxCard'
+import { Box } from '@mui/material'
+
+const SignOrExecuteSkeleton = () => (
+  <TxCard>
+    <Box minHeight="38svh" display="flex" alignItems="center" justifyContent="center" mb={5}>
+      <LoadingSpinner status={SpinnerStatus.PROCESSING} />
+    </Box>
+  </TxCard>
+)
+
+export default SignOrExecuteSkeleton
diff --git a/apps/web/src/components/tx/SignOrExecuteForm/UnknownContractError.tsx b/apps/web/src/components/tx/SignOrExecuteForm/UnknownContractError.tsx
new file mode 100644
index 000000000..90a622bc6
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/UnknownContractError.tsx
@@ -0,0 +1,59 @@
+import { useMemo, type ReactElement } from 'react'
+import type { TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import ExternalLink from '@/components/common/ExternalLink'
+import { useCurrentChain } from '@/hooks/useChains'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import ErrorMessage from '../ErrorMessage'
+import { isMigrationToL2Possible, isValidMasterCopy } from '@safe-global/utils/services/contracts/safeContracts'
+import { AlertTitle, Typography } from '@mui/material'
+import { isMigrateL2SingletonCall } from '@/utils/safe-migrations'
+import { getExplorerLink } from '@safe-global/utils/utils/gateway'
+
+const UnknownContractError = ({ txData }: { txData: TransactionData | undefined }): ReactElement | null => {
+  const { safe, safeAddress } = useSafeInfo()
+  const currentChain = useCurrentChain()
+
+  const isMigrationTx = useMemo((): boolean => {
+    return txData !== undefined && isMigrateL2SingletonCall(txData)
+  }, [txData])
+
+  // Unsupported base contract
+  const isUnknown = !isValidMasterCopy(safe.implementationVersionState)
+  const isMigrationPossible = isMigrationToL2Possible(safe)
+
+  if (!isUnknown || isMigrationTx) return null
+
+  return (
+    <ErrorMessage level="error">
+      <AlertTitle>
+        <Typography
+          variant="subtitle1"
+          sx={{
+            fontWeight: 700,
+          }}
+        >
+          This Safe Account was created with an unsupported base contract.
+        </Typography>
+      </AlertTitle>
+      {isMigrationPossible ? (
+        <>
+          The Safe Account can be migrated to use the supported base contract. We advise to do that in the Safe&apos;s
+          settings before executing other transactions.
+        </>
+      ) : (
+        <>
+          It should <b>ONLY</b> be used for fund recovery. Transactions will execute but the transaction list may not
+          update. Transaction success can be verified on the{' '}
+          <ExternalLink
+            href={currentChain ? getExplorerLink(safeAddress, currentChain.blockExplorerUriTemplate).href : ''}
+          >
+            {currentChain?.chainName} explorer
+          </ExternalLink>
+          .
+        </>
+      )}
+    </ErrorMessage>
+  )
+}
+
+export default UnknownContractError
diff --git a/src/components/tx/SignOrExecuteForm/WalletRejectionError.tsx b/apps/web/src/components/tx/SignOrExecuteForm/WalletRejectionError.tsx
similarity index 100%
rename from src/components/tx/SignOrExecuteForm/WalletRejectionError.tsx
rename to apps/web/src/components/tx/SignOrExecuteForm/WalletRejectionError.tsx
diff --git a/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignForm.test.tsx b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignForm.test.tsx
new file mode 100644
index 000000000..4d14b697b
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignForm.test.tsx
@@ -0,0 +1,257 @@
+import { defaultSecurityContextValues } from '@safe-global/utils/components/tx/security/shared/utils'
+import { type ReactElement } from 'react'
+import * as hooks from '@/components/tx/SignOrExecuteForm/hooks'
+import * as useValidateTxData from '@/hooks/useValidateTxData'
+import { SignForm } from '@/components/tx/SignOrExecuteForm/SignForm'
+import { render } from '@/tests/test-utils'
+import { createMockSafeTransaction } from '@/tests/transactions'
+import { OperationType } from '@safe-global/types-kit'
+import { fireEvent, waitFor } from '@testing-library/react'
+
+// We assume that CheckWallet always returns true
+jest.mock('@/components/common/CheckWallet', () => ({
+  __esModule: true,
+  default({ children }: { children: (ok: boolean) => ReactElement }) {
+    return children(true)
+  },
+}))
+
+describe('SignForm', () => {
+  const safeTransaction = createMockSafeTransaction({
+    to: '0x1',
+    data: '0x',
+    operation: OperationType.Call,
+  })
+
+  const defaultProps = {
+    onSubmit: jest.fn(),
+    txId: '0x01231',
+    isOwner: true,
+    txActions: {
+      proposeTx: jest.fn(),
+      signTx: jest.fn(),
+      addToBatch: jest.fn(),
+      executeTx: jest.fn(),
+      signProposerTx: jest.fn(),
+    },
+    txSecurity: defaultSecurityContextValues,
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    jest.spyOn(useValidateTxData, 'useValidateTxData').mockReturnValue([undefined, undefined, false])
+  })
+
+  it('displays a warning if connected wallet already signed the tx', () => {
+    jest.spyOn(hooks, 'useAlreadySigned').mockReturnValue(true)
+
+    const { getByText } = render(<SignForm {...defaultProps} />)
+
+    expect(getByText('You have already signed this transaction.')).toBeInTheDocument()
+  })
+
+  it('does not display a warning if connected wallet has not signed the tx yet', () => {
+    jest.spyOn(hooks, 'useAlreadySigned').mockReturnValue(false)
+
+    const { queryByText } = render(<SignForm {...defaultProps} />)
+
+    expect(queryByText('You have already signed this transaction.')).not.toBeInTheDocument()
+  })
+
+  it('shows a non-owner error', () => {
+    jest.spyOn(hooks, 'useAlreadySigned').mockReturnValue(false)
+
+    const { queryByText } = render(<SignForm {...defaultProps} isOwner={false} />)
+
+    expect(
+      queryByText(
+        'You are currently not a signer of this Safe Account and won&apos;t be able to submit this transaction.',
+      ),
+    ).not.toBeInTheDocument()
+  })
+
+  it('shows a submit error', async () => {
+    const mockSignTx = jest.fn(() => {
+      throw new Error('Error signing the tx')
+    })
+
+    const { getByText } = render(
+      <SignForm
+        {...defaultProps}
+        safeTx={safeTransaction}
+        txActions={{
+          proposeTx: jest.fn(),
+          signTx: mockSignTx,
+          addToBatch: jest.fn(),
+          signProposerTx: jest.fn(),
+          executeTx: jest.fn(),
+        }}
+      />,
+    )
+
+    const button = getByText('Sign')
+
+    fireEvent.click(button)
+
+    await waitFor(() => {
+      expect(getByText('Error submitting the transaction. Please try again.')).toBeInTheDocument()
+    })
+  })
+
+  it('signs a transaction', async () => {
+    const mockSignTx = jest.fn()
+
+    const { getByText } = render(
+      <SignForm
+        {...defaultProps}
+        safeTx={safeTransaction}
+        txActions={{
+          proposeTx: jest.fn(),
+          signTx: mockSignTx,
+          addToBatch: jest.fn(),
+          executeTx: jest.fn(),
+          signProposerTx: jest.fn(),
+        }}
+      />,
+    )
+
+    const button = getByText('Sign')
+
+    fireEvent.click(button)
+
+    await waitFor(() => {
+      expect(mockSignTx).toHaveBeenCalled()
+    })
+  })
+
+  it('shows a batch button on tx creation', () => {
+    const { getByText } = render(<SignForm {...defaultProps} isCreation />)
+
+    expect(getByText('Add to batch')).toBeInTheDocument()
+  })
+
+  it('does not show a batch button when signing a batch', () => {
+    const { queryByText } = render(<SignForm {...defaultProps} isCreation isBatch />)
+
+    expect(queryByText('Add to batch')).not.toBeInTheDocument()
+  })
+
+  it('disables the batch button if tx is not batchable', () => {
+    const { getByText } = render(<SignForm {...defaultProps} isCreation isBatchable={false} />)
+
+    const batchButton = getByText('Add to batch')
+
+    expect(batchButton).toBeInTheDocument()
+    expect(batchButton).toBeDisabled()
+  })
+
+  it('submits a batch when the batch button is clicked', async () => {
+    const mockAddToBatch = jest.fn()
+
+    const { getByText } = render(
+      <SignForm
+        {...defaultProps}
+        safeTx={safeTransaction}
+        isBatchable
+        isCreation
+        txActions={{
+          proposeTx: jest.fn(),
+          signTx: jest.fn(),
+          addToBatch: mockAddToBatch,
+          executeTx: jest.fn(),
+          signProposerTx: jest.fn(),
+        }}
+      />,
+    )
+
+    const batchButton = getByText('Add to batch')
+
+    fireEvent.click(batchButton)
+
+    await waitFor(() => {
+      expect(mockAddToBatch).toHaveBeenCalled()
+    })
+  })
+
+  it('shows a disabled submit button if there is no safeTx', () => {
+    const { getByText } = render(<SignForm {...defaultProps} safeTx={undefined} />)
+
+    const button = getByText('Sign')
+
+    expect(button).toBeInTheDocument()
+    expect(button).toBeDisabled()
+  })
+
+  it('shows a disabled submit button if passed via props', () => {
+    const { getByText } = render(<SignForm {...defaultProps} safeTx={safeTransaction} disableSubmit />)
+
+    const button = getByText('Sign')
+
+    expect(button).toBeInTheDocument()
+    expect(button).toBeDisabled()
+  })
+
+  it('shows a disabled submit button if not an owner', () => {
+    const { getByText } = render(<SignForm {...defaultProps} safeTx={safeTransaction} isOwner={false} />)
+
+    const button = getByText('Sign')
+
+    expect(button).toBeInTheDocument()
+    expect(button).toBeDisabled()
+  })
+
+  it('shows a disabled submit button if there is a high or critical risk and user has not confirmed it', () => {
+    const { getByText } = render(
+      <SignForm
+        {...defaultProps}
+        safeTx={safeTransaction}
+        txSecurity={{ ...defaultSecurityContextValues, needsRiskConfirmation: true, isRiskConfirmed: false }}
+      />,
+    )
+
+    const button = getByText('Sign')
+
+    expect(button).toBeInTheDocument()
+    expect(button).toBeDisabled()
+  })
+
+  it('shows an enabled submit button if there is a high or critical risk and user has confirmed it', () => {
+    const { getByText } = render(
+      <SignForm
+        {...defaultProps}
+        safeTx={safeTransaction}
+        txSecurity={{ ...defaultSecurityContextValues, needsRiskConfirmation: true, isRiskConfirmed: true }}
+      />,
+    )
+
+    const button = getByText('Sign')
+
+    expect(button).toBeInTheDocument()
+    expect(button).not.toBeDisabled()
+  })
+
+  it('Hides the Add to batch button if there is an origin', () => {
+    const { queryByText } = render(
+      <SignForm
+        {...defaultProps}
+        safeTx={safeTransaction}
+        txSecurity={{ ...defaultSecurityContextValues, needsRiskConfirmation: true, isRiskConfirmed: true }}
+        origin="MockOrigin"
+      />,
+    )
+
+    const button = queryByText('Add to batch')
+
+    expect(button).not.toBeInTheDocument()
+  })
+
+  it('Shows the Add to batch button if there is no origin and it is a creation', () => {
+    const { getByText } = render(
+      <SignForm {...defaultProps} safeTx={safeTransaction} origin={undefined} isCreation={true} />,
+    )
+
+    const button = getByText('Add to batch')
+
+    expect(button).toBeInTheDocument()
+  })
+})
diff --git a/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecute.test.tsx b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecute.test.tsx
new file mode 100644
index 000000000..2dc0df0f8
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecute.test.tsx
@@ -0,0 +1,85 @@
+import SignOrExecute from '../index'
+import { render } from '@/tests/test-utils'
+import type { TransactionPreview } from '@safe-global/safe-gateway-typescript-sdk'
+import type { SafeTxContextParams } from '@/components/tx-flow/SafeTxProvider'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { createSafeTx } from '@/tests/builders/safeTx'
+import * as useTxPreviewHooks from '@/components/tx/confirmation-views/useTxPreview'
+
+let isSafeOwner = true
+// mock useIsSafeOwner
+jest.mock('@/hooks/useIsSafeOwner', () => ({
+  __esModule: true,
+  default: jest.fn(() => isSafeOwner),
+}))
+
+// Mock proposeTx
+jest.mock('@/services/tx/proposeTransaction', () => ({
+  __esModule: true,
+  default: jest.fn(() => Promise.resolve({ txId: '123' })),
+}))
+
+jest.mock('@/hooks/useValidateTxData', () => ({
+  __esModule: true,
+  useValidateTxData: jest.fn().mockReturnValue([undefined, undefined, false]),
+}))
+
+describe('SignOrExecute', () => {
+  beforeEach(() => {
+    isSafeOwner = true
+    jest.clearAllMocks()
+  })
+
+  it('should display a loading component', () => {
+    const { container } = render(<SignOrExecute onSubmit={jest.fn()} isExecutable={true} />)
+
+    expect(container).toMatchSnapshot()
+  })
+
+  it('should display a confirmation screen', async () => {
+    jest.spyOn(useTxPreviewHooks, 'default').mockReturnValue([
+      {
+        txInfo: {},
+        txData: { to: { value: '0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67' } },
+      } as TransactionPreview,
+      undefined,
+      false,
+    ])
+
+    const { container, getByTestId } = render(
+      <SafeTxContext.Provider
+        value={
+          {
+            safeTx: createSafeTx(),
+          } as SafeTxContextParams
+        }
+      >
+        <SignOrExecute onSubmit={jest.fn()} isExecutable={true} />
+      </SafeTxContext.Provider>,
+    )
+
+    expect(getByTestId('sign-btn')).toBeInTheDocument()
+    expect(container).toMatchSnapshot()
+  })
+
+  it('should display an error screen', async () => {
+    jest
+      .spyOn(useTxPreviewHooks, 'default')
+      .mockReturnValue([undefined, new Error('This is a mock error message'), false])
+
+    const { container } = render(
+      <SafeTxContext.Provider
+        value={
+          {
+            safeTx: createSafeTx(),
+          } as SafeTxContextParams
+        }
+      >
+        <SignOrExecute onSubmit={jest.fn()} isExecutable={true} />
+      </SafeTxContext.Provider>,
+    )
+
+    expect(container.querySelector('sign-btn')).not.toBeInTheDocument()
+    expect(container).toMatchSnapshot()
+  })
+})
diff --git a/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecuteForm.test.tsx b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecuteForm.test.tsx
new file mode 100644
index 000000000..83ef93380
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecuteForm.test.tsx
@@ -0,0 +1,365 @@
+import { SignOrExecuteForm } from '@/components/tx/SignOrExecuteForm/SignOrExecuteForm'
+import * as hooks from '@/components/tx/SignOrExecuteForm/hooks'
+import * as execThroughRoleHooks from '@/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/hooks'
+import { safeTxBuilder } from '@/tests/builders/safeTx'
+import { render } from '@/tests/test-utils'
+import { fireEvent } from '@testing-library/react'
+import { encodeBytes32String } from 'ethers'
+import { Status } from 'zodiac-roles-deployments'
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+
+let isSafeOwner = true
+// mock useIsSafeOwner
+jest.mock('@/hooks/useIsSafeOwner', () => ({
+  __esModule: true,
+  default: jest.fn(() => isSafeOwner),
+}))
+
+jest.mock('@/hooks/useSafeAddress', () => ({
+  __esModule: true,
+  default: jest.fn(() => '0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67'),
+}))
+
+const txDetails = {
+  safeAddress: '0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67',
+  txId: 'multisig_0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67_0x938635afdeab5ab17b377896f10dbe161fcc44d488296bc0000b733623d57c80',
+  executedAt: null,
+  txStatus: 'AWAITING_EXECUTION',
+  txInfo: {
+    type: 'SettingsChange',
+    humanDescription: 'Add new owner 0xd8dA...6045 with threshold 1',
+    dataDecoded: {
+      method: 'addOwnerWithThreshold',
+      parameters: [
+        {
+          name: 'owner',
+          type: 'address',
+          value: '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045',
+          valueDecoded: null,
+        },
+        {
+          name: '_threshold',
+          type: 'uint256',
+          value: '1',
+          valueDecoded: null,
+        },
+      ],
+    },
+    settingsInfo: {
+      type: 'ADD_OWNER',
+      owner: {
+        value: '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045',
+        name: null,
+        logoUri: null,
+      },
+      threshold: 1,
+    },
+  },
+  txData: {
+    hexData:
+      '0x0d582f13000000000000000000000000d8da6bf26964af9d7eed9e03e53415d37aa960450000000000000000000000000000000000000000000000000000000000000001',
+    dataDecoded: {
+      method: 'addOwnerWithThreshold',
+      parameters: [
+        {
+          name: 'owner',
+          type: 'address',
+          value: '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045',
+          valueDecoded: null,
+        },
+        {
+          name: '_threshold',
+          type: 'uint256',
+          value: '1',
+          valueDecoded: null,
+        },
+      ],
+    },
+    to: {
+      value: '0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67',
+      name: 'SafeProxy',
+      logoUri: null,
+    },
+    value: '0',
+    operation: 0,
+    trustedDelegateCallTarget: null,
+    addressInfoIndex: null,
+  },
+  txHash: null,
+  detailedExecutionInfo: {
+    type: 'MULTISIG',
+    submittedAt: 1726497729356,
+    nonce: 8,
+    safeTxGas: '0',
+    baseGas: '0',
+    gasPrice: '0',
+    gasToken: '0x0000000000000000000000000000000000000000',
+    refundReceiver: {
+      value: '0x0000000000000000000000000000000000000000',
+      name: 'MetaMultiSigWallet',
+      logoUri: null,
+    },
+    safeTxHash: '0x938635afdeab5ab17b377896f10dbe161fcc44d488296bc0000b733623d57c80',
+    executor: null,
+    signers: [
+      {
+        value: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+        name: null,
+        logoUri: null,
+      },
+    ],
+    confirmationsRequired: 1,
+    confirmations: [
+      {
+        signer: {
+          value: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+          name: null,
+          logoUri: null,
+        },
+        signature:
+          '0xd91721922d38384a4d40b20d923c49cefb56f60bfe0b357de11a4a044483d670075842d7bba26cf4aa84788ab0bd85137ad09c7f9cd84154db00d456b15e42dc1b',
+        submittedAt: 1726497740521,
+      },
+    ],
+    rejectors: [],
+    gasTokenInfo: null,
+    trusted: true,
+    proposer: {
+      value: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+      name: null,
+      logoUri: null,
+    },
+  },
+  safeAppInfo: null,
+} as unknown as TransactionDetails
+
+describe('SignOrExecute', () => {
+  beforeEach(() => {
+    isSafeOwner = true
+  })
+
+  it('should display a safeTxError', () => {
+    const { getByText } = render(
+      <SignOrExecuteForm
+        txDetails={txDetails}
+        txId="0x012312"
+        onSubmit={jest.fn()}
+        safeTxError={new Error('Safe transaction error')}
+        safeTx={safeTxBuilder().build()}
+        chainId="1"
+      />,
+    )
+
+    expect(
+      getByText('This transaction will most likely fail. To save gas costs, avoid confirming the transaction.'),
+    ).toBeInTheDocument()
+  })
+
+  describe('Existing transaction', () => {
+    it('should display radio options to sign or execute if both are possible', () => {
+      jest.spyOn(hooks, 'useValidateNonce').mockReturnValue(true)
+
+      const { getByText } = render(
+        <SignOrExecuteForm
+          txDetails={txDetails}
+          txId="0x012312"
+          safeTx={safeTxBuilder().build()}
+          onSubmit={jest.fn()}
+          safeTxError={undefined}
+          isExecutable={true}
+          chainId="1"
+        />,
+      )
+
+      expect(getByText('Would you like to execute the transaction immediately?')).toBeInTheDocument()
+    })
+  })
+
+  describe('New transaction', () => {
+    it('should display radio options to sign or execute if both are possible', () => {
+      jest.spyOn(hooks, 'useValidateNonce').mockReturnValue(true)
+      jest.spyOn(hooks, 'useImmediatelyExecutable').mockReturnValue(true)
+
+      const { getByText } = render(
+        <SignOrExecuteForm
+          txDetails={txDetails}
+          txId="0x012312"
+          safeTxError={undefined}
+          safeTx={safeTxBuilder().build()}
+          onSubmit={jest.fn()}
+          isExecutable={true}
+          chainId="1"
+        />,
+      )
+
+      expect(getByText('Would you like to execute the transaction immediately?')).toBeInTheDocument()
+    })
+
+    it('should offer to execute through a role if the user is a role member and the transaction is executable through the role', () => {
+      jest.spyOn(execThroughRoleHooks, 'useRoles').mockReturnValue([TEST_ROLE_OK])
+      jest.spyOn(hooks, 'useValidateNonce').mockReturnValue(true)
+      jest.spyOn(hooks, 'useImmediatelyExecutable').mockReturnValue(false)
+
+      const { queryByTestId } = render(
+        <SignOrExecuteForm
+          txDetails={txDetails}
+          txId="0x012312"
+          safeTxError={undefined}
+          safeTx={safeTxBuilder().build()}
+          onSubmit={jest.fn()}
+          onlyExecute={true}
+          isExecutable={false}
+          chainId="1"
+        />,
+      )
+
+      expect(queryByTestId('execute-through-role-form-btn')).toBeInTheDocument()
+    })
+
+    it('should not offer to execute through a role if the user is a safe owner and role member but the role lacks permissions', () => {
+      jest.spyOn(execThroughRoleHooks, 'useRoles').mockReturnValue([TEST_ROLE_TARGET_NOT_ALLOWED])
+      jest.spyOn(hooks, 'useValidateNonce').mockReturnValue(true)
+      jest.spyOn(hooks, 'useImmediatelyExecutable').mockReturnValue(false)
+      isSafeOwner = true
+
+      const { queryByTestId } = render(
+        <SignOrExecuteForm
+          txDetails={txDetails}
+          txId="0x012312"
+          safeTxError={undefined}
+          safeTx={safeTxBuilder().build()}
+          onSubmit={jest.fn()}
+          onlyExecute={true}
+          isExecutable={false}
+          chainId="1"
+        />,
+      )
+
+      expect(queryByTestId('execute-through-role-form-btn')).not.toBeInTheDocument()
+    })
+
+    it('should offer to execute through a role if the user is a role member but not a safe owner, even if the role lacks permissions', () => {
+      jest.spyOn(execThroughRoleHooks, 'useRoles').mockReturnValue([TEST_ROLE_TARGET_NOT_ALLOWED])
+      jest.spyOn(hooks, 'useValidateNonce').mockReturnValue(true)
+      jest.spyOn(hooks, 'useImmediatelyExecutable').mockReturnValue(false)
+      isSafeOwner = false
+
+      const { queryByTestId } = render(
+        <SignOrExecuteForm
+          txDetails={txDetails}
+          txId="0x012312"
+          safeTxError={undefined}
+          safeTx={safeTxBuilder().build()}
+          onSubmit={jest.fn()}
+          onlyExecute={true}
+          isExecutable={false}
+          chainId="1"
+        />,
+      )
+
+      expect(queryByTestId('execute-through-role-form-btn')).toBeInTheDocument()
+    })
+
+    it('should not offer to execute through a role if the transaction can also be directly executed without going through the role', () => {
+      jest.spyOn(execThroughRoleHooks, 'useRoles').mockReturnValue([TEST_ROLE_OK])
+      jest.spyOn(hooks, 'useValidateNonce').mockReturnValue(true)
+
+      const { queryByTestId } = render(
+        <SignOrExecuteForm
+          txDetails={txDetails}
+          txId="0x012312"
+          safeTxError={undefined}
+          safeTx={safeTxBuilder().build()}
+          onSubmit={jest.fn()}
+          onlyExecute={true}
+          isExecutable={true}
+          chainId="1"
+        />,
+      )
+
+      expect(queryByTestId('execute-through-role-form-btn')).not.toBeInTheDocument()
+    })
+  })
+
+  it('should not display radio options if execution is the only option', () => {
+    jest.spyOn(execThroughRoleHooks, 'useRoles').mockReturnValue([])
+
+    const { queryByText } = render(
+      <SignOrExecuteForm
+        txDetails={txDetails}
+        txId="0x012312"
+        safeTxError={undefined}
+        safeTx={safeTxBuilder().build()}
+        onSubmit={jest.fn()}
+        onlyExecute={true}
+        chainId="1"
+      />,
+    )
+    expect(queryByText('Would you like to execute the transaction immediately?')).not.toBeInTheDocument()
+  })
+
+  it('should display a sign/execute title if that option is selected', () => {
+    jest.spyOn(hooks, 'useValidateNonce').mockReturnValue(true)
+
+    const { getByTestId, getByText } = render(
+      <SignOrExecuteForm
+        txDetails={txDetails}
+        txId="0x012312"
+        safeTxError={undefined}
+        safeTx={safeTxBuilder().build()}
+        onSubmit={jest.fn()}
+        isExecutable={true}
+        chainId="1"
+      />,
+    )
+
+    expect(getByText('Would you like to execute the transaction immediately?')).toBeInTheDocument()
+
+    const executeCheckbox = getByTestId('execute-checkbox')
+    const signCheckbox = getByTestId('sign-checkbox')
+
+    expect(getByText("You're about to execute this transaction.")).toBeInTheDocument()
+
+    fireEvent.click(signCheckbox)
+
+    expect(getByText("You're about to confirm this transaction.")).toBeInTheDocument()
+
+    fireEvent.click(executeCheckbox)
+
+    expect(getByText("You're about to execute this transaction.")).toBeInTheDocument()
+  })
+
+  it('should not display safeTxError message for valid transactions', () => {
+    const { queryByText } = render(
+      <SignOrExecuteForm
+        txDetails={txDetails}
+        txId="0x012312"
+        safeTxError={undefined}
+        safeTx={safeTxBuilder().build()}
+        onSubmit={jest.fn()}
+        chainId="1"
+      />,
+    )
+
+    expect(
+      queryByText('This transaction will most likely fail. To save gas costs, avoid confirming the transaction.'),
+    ).not.toBeInTheDocument()
+  })
+})
+
+const ROLES_MOD_ADDRESS = '0x1234567890000000000000000000000000000000'
+const ROLE_KEY = encodeBytes32String('eth_wrapping')
+
+const TEST_ROLE_OK: execThroughRoleHooks.Role = {
+  modAddress: ROLES_MOD_ADDRESS,
+  roleKey: ROLE_KEY as `0x${string}`,
+  multiSend: '0x9641d764fc13c8b624c04430c7356c1c7c8102e2',
+  status: Status.Ok,
+}
+
+const TEST_ROLE_TARGET_NOT_ALLOWED: execThroughRoleHooks.Role = {
+  modAddress: ROLES_MOD_ADDRESS,
+  roleKey: ROLE_KEY as `0x${string}`,
+  multiSend: '0x9641d764fc13c8b624c04430c7356c1c7c8102e2',
+  status: Status.TargetAddressNotAllowed,
+}
diff --git a/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecuteFormV2.test.tsx b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecuteFormV2.test.tsx
new file mode 100644
index 000000000..63e0b6d65
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecuteFormV2.test.tsx
@@ -0,0 +1,224 @@
+import * as hooks from '@/components/tx/SignOrExecuteForm/hooks'
+import * as execThroughRoleHooks from '@/components/tx-flow/actions/ExecuteThroughRole/ExecuteThroughRoleForm/hooks'
+import { safeTxBuilder } from '@/tests/builders/safeTx'
+import { render } from '@/tests/test-utils'
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { SignOrExecuteFormV2 } from '../SignOrExecuteFormV2'
+import { encodeBytes32String } from 'ethers'
+import { Status } from 'zodiac-roles-deployments'
+import * as useIsSafeOwner from '@/hooks/useIsSafeOwner'
+
+const txDetails = {
+  safeAddress: '0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67',
+  txId: 'multisig_0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67_0x938635afdeab5ab17b377896f10dbe161fcc44d488296bc0000b733623d57c80',
+  executedAt: null,
+  txStatus: 'AWAITING_EXECUTION',
+  txInfo: {
+    type: 'SettingsChange',
+    humanDescription: 'Add new owner 0xd8dA...6045 with threshold 1',
+    dataDecoded: {
+      method: 'addOwnerWithThreshold',
+      parameters: [
+        {
+          name: 'owner',
+          type: 'address',
+          value: '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045',
+          valueDecoded: null,
+        },
+        {
+          name: '_threshold',
+          type: 'uint256',
+          value: '1',
+          valueDecoded: null,
+        },
+      ],
+    },
+    settingsInfo: {
+      type: 'ADD_OWNER',
+      owner: {
+        value: '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045',
+        name: null,
+        logoUri: null,
+      },
+      threshold: 1,
+    },
+  },
+  txData: {
+    hexData:
+      '0x0d582f13000000000000000000000000d8da6bf26964af9d7eed9e03e53415d37aa960450000000000000000000000000000000000000000000000000000000000000001',
+    dataDecoded: {
+      method: 'addOwnerWithThreshold',
+      parameters: [
+        {
+          name: 'owner',
+          type: 'address',
+          value: '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045',
+          valueDecoded: null,
+        },
+        {
+          name: '_threshold',
+          type: 'uint256',
+          value: '1',
+          valueDecoded: null,
+        },
+      ],
+    },
+    to: {
+      value: '0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67',
+      name: 'SafeProxy',
+      logoUri: null,
+    },
+    value: '0',
+    operation: 0,
+    trustedDelegateCallTarget: null,
+    addressInfoIndex: null,
+  },
+  txHash: null,
+  detailedExecutionInfo: {
+    type: 'MULTISIG',
+    submittedAt: 1726497729356,
+    nonce: 8,
+    safeTxGas: '0',
+    baseGas: '0',
+    gasPrice: '0',
+    gasToken: '0x0000000000000000000000000000000000000000',
+    refundReceiver: {
+      value: '0x0000000000000000000000000000000000000000',
+      name: 'MetaMultiSigWallet',
+      logoUri: null,
+    },
+    safeTxHash: '0x938635afdeab5ab17b377896f10dbe161fcc44d488296bc0000b733623d57c80',
+    executor: null,
+    signers: [
+      {
+        value: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+        name: null,
+        logoUri: null,
+      },
+    ],
+    confirmationsRequired: 1,
+    confirmations: [
+      {
+        signer: {
+          value: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+          name: null,
+          logoUri: null,
+        },
+        signature:
+          '0xd91721922d38384a4d40b20d923c49cefb56f60bfe0b357de11a4a044483d670075842d7bba26cf4aa84788ab0bd85137ad09c7f9cd84154db00d456b15e42dc1b',
+        submittedAt: 1726497740521,
+      },
+    ],
+    rejectors: [],
+    gasTokenInfo: null,
+    trusted: true,
+    proposer: {
+      value: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+      name: null,
+      logoUri: null,
+    },
+  },
+  safeAppInfo: null,
+} as unknown as TransactionDetails
+
+describe('SignOrExecuteFormV2', () => {
+  it('should offer to execute through a role if the user is a role member and the transaction is executable through the role', () => {
+    jest.spyOn(execThroughRoleHooks, 'useRoles').mockReturnValue([TEST_ROLE_OK])
+    jest.spyOn(hooks, 'useValidateNonce').mockReturnValue(true)
+    jest.spyOn(hooks, 'useImmediatelyExecutable').mockReturnValue(false)
+    jest.spyOn(useIsSafeOwner, 'default').mockReturnValue(true)
+
+    const { queryByTestId } = render(
+      <SignOrExecuteFormV2
+        txDetails={txDetails}
+        txId="0x012312"
+        safeTxError={undefined}
+        safeTx={safeTxBuilder().build()}
+        onSubmit={jest.fn()}
+        onlyExecute={true}
+        isExecutable={false}
+        chainId="1"
+      />,
+    )
+    expect(queryByTestId('execute-through-role-form-btn')).toBeInTheDocument()
+  })
+
+  it('should not offer to execute through a role if the user is a safe owner and role member but the role lacks permissions', () => {
+    jest.spyOn(execThroughRoleHooks, 'useRoles').mockReturnValue([TEST_ROLE_TARGET_NOT_ALLOWED])
+    jest.spyOn(hooks, 'useValidateNonce').mockReturnValue(true)
+    jest.spyOn(hooks, 'useImmediatelyExecutable').mockReturnValue(false)
+    jest.spyOn(useIsSafeOwner, 'default').mockReturnValue(true)
+
+    const { queryByTestId } = render(
+      <SignOrExecuteFormV2
+        txDetails={txDetails}
+        txId="0x012312"
+        safeTxError={undefined}
+        safeTx={safeTxBuilder().build()}
+        onSubmit={jest.fn()}
+        onlyExecute={true}
+        isExecutable={false}
+        chainId="1"
+      />,
+    )
+    expect(queryByTestId('execute-through-role-form-btn')).not.toBeInTheDocument()
+  })
+
+  it('should offer to execute through a role if the user is a role member but not a safe owner, even if the role lacks permissions', () => {
+    jest.spyOn(execThroughRoleHooks, 'useRoles').mockReturnValue([TEST_ROLE_TARGET_NOT_ALLOWED])
+    jest.spyOn(hooks, 'useValidateNonce').mockReturnValue(true)
+    jest.spyOn(hooks, 'useImmediatelyExecutable').mockReturnValue(false)
+    jest.spyOn(useIsSafeOwner, 'default').mockReturnValue(false)
+
+    const { queryByTestId } = render(
+      <SignOrExecuteFormV2
+        txDetails={txDetails}
+        txId="0x012312"
+        safeTxError={undefined}
+        safeTx={safeTxBuilder().build()}
+        onSubmit={jest.fn()}
+        onlyExecute={true}
+        isExecutable={false}
+        chainId="1"
+      />,
+    )
+    expect(queryByTestId('execute-through-role-form-btn')).toBeInTheDocument()
+  })
+
+  it('should not offer to execute through a role if the transaction can also be directly executed without going through the role', () => {
+    jest.spyOn(execThroughRoleHooks, 'useRoles').mockReturnValue([TEST_ROLE_OK])
+    jest.spyOn(hooks, 'useValidateNonce').mockReturnValue(true)
+    jest.spyOn(useIsSafeOwner, 'default').mockReturnValue(true)
+
+    const { queryByTestId } = render(
+      <SignOrExecuteFormV2
+        txDetails={txDetails}
+        txId="0x012312"
+        safeTxError={undefined}
+        safeTx={safeTxBuilder().build()}
+        onSubmit={jest.fn()}
+        onlyExecute={true}
+        isExecutable={true}
+        chainId="1"
+      />,
+    )
+    expect(queryByTestId('execute-through-role-form-btn')).not.toBeInTheDocument()
+  })
+})
+
+const ROLES_MOD_ADDRESS = '0x1234567890000000000000000000000000000000'
+const ROLE_KEY = encodeBytes32String('eth_wrapping')
+
+const TEST_ROLE_OK: execThroughRoleHooks.Role = {
+  modAddress: ROLES_MOD_ADDRESS,
+  roleKey: ROLE_KEY as `0x${string}`,
+  multiSend: '0x9641d764fc13c8b624c04430c7356c1c7c8102e2',
+  status: Status.Ok,
+}
+
+const TEST_ROLE_TARGET_NOT_ALLOWED: execThroughRoleHooks.Role = {
+  modAddress: ROLES_MOD_ADDRESS,
+  roleKey: ROLE_KEY as `0x${string}`,
+  multiSend: '0x9641d764fc13c8b624c04430c7356c1c7c8102e2',
+  status: Status.TargetAddressNotAllowed,
+}
diff --git a/apps/web/src/components/tx/SignOrExecuteForm/__tests__/__snapshots__/SignOrExecute.test.tsx.snap b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/__snapshots__/SignOrExecute.test.tsx.snap
new file mode 100644
index 000000000..8466dd8c1
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/__snapshots__/SignOrExecute.test.tsx.snap
@@ -0,0 +1,956 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SignOrExecute should display a confirmation screen 1`] = `
+<div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    >
+      <div
+        class="MuiBox-root css-0"
+      >
+        <div
+          class="MuiStack-root css-1sazv7p-MuiStack-root"
+        >
+          <div
+            class="MuiGrid-root MuiGrid-container css-1yff1ei-MuiGrid-root"
+          >
+            <div
+              class="MuiGrid-root MuiGrid-item css-ezmk0c-MuiGrid-root"
+              data-testid="tx-row-title"
+              style="word-break: break-word;"
+            >
+              <span
+                class="MuiTypography-root MuiTypography-body2 css-1ew0eu5-MuiTypography-root"
+              >
+                Interacted with
+              </span>
+            </div>
+            <div
+              class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+              data-testid="tx-data-row"
+            >
+              <div
+                class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+              >
+                <div
+                  class="container"
+                >
+                  <div
+                    class="avatarContainer"
+                    style="width: 20px; height: 20px;"
+                  >
+                    <div
+                      class="icon"
+                      style="background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0ib3B0aW1pemVTcGVlZCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJoc2woOTIgOTYlIDQzJSkiIGQ9Ik0wLDBIOFY4SDB6Ii8+PHBhdGggZmlsbD0iaHNsKDMxMCA4NCUgMzglKSIgZD0iTTEsMGgxdjFoLTF6TTYsMGgxdjFoLTF6TTIsMGgxdjFoLTF6TTUsMGgxdjFoLTF6TTMsMGgxdjFoLTF6TTQsMGgxdjFoLTF6TTAsMWgxdjFoLTF6TTcsMWgxdjFoLTF6TTEsMWgxdjFoLTF6TTYsMWgxdjFoLTF6TTIsMWgxdjFoLTF6TTUsMWgxdjFoLTF6TTMsMWgxdjFoLTF6TTQsMWgxdjFoLTF6TTAsMmgxdjFoLTF6TTcsMmgxdjFoLTF6TTIsMmgxdjFoLTF6TTUsMmgxdjFoLTF6TTMsMmgxdjFoLTF6TTQsMmgxdjFoLTF6TTMsM2gxdjFoLTF6TTQsM2gxdjFoLTF6TTAsNGgxdjFoLTF6TTcsNGgxdjFoLTF6TTEsNGgxdjFoLTF6TTYsNGgxdjFoLTF6TTIsNGgxdjFoLTF6TTUsNGgxdjFoLTF6TTEsNWgxdjFoLTF6TTYsNWgxdjFoLTF6TTIsNWgxdjFoLTF6TTUsNWgxdjFoLTF6TTMsNWgxdjFoLTF6TTQsNWgxdjFoLTF6TTIsNmgxdjFoLTF6TTUsNmgxdjFoLTF6TTMsNmgxdjFoLTF6TTQsNmgxdjFoLTF6TTMsN2gxdjFoLTF6TTQsN2gxdjFoLTF6Ii8+PHBhdGggZmlsbD0iaHNsKDM1MSA2MSUgNjUlKSIgZD0iTTMsNGgxdjFoLTF6TTQsNGgxdjFoLTF6TTAsNWgxdjFoLTF6TTcsNWgxdjFoLTF6TTAsN2gxdjFoLTF6TTcsN2gxdjFoLTF6Ii8+PC9zdmc+); width: 20px; height: 20px;"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root css-1lchl8k"
+                  >
+                    <div
+                      class="addressContainer"
+                    >
+                      <div
+                        class="MuiBox-root css-b5p5gz"
+                      >
+                        <span
+                          aria-label="Copy to clipboard"
+                          class=""
+                          data-mui-internal-clone-element="true"
+                          style="cursor: pointer;"
+                        >
+                          <span>
+                            0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67
+                          </span>
+                        </span>
+                      </div>
+                      <span
+                        aria-label="Copy to clipboard"
+                        class=""
+                        data-mui-internal-clone-element="true"
+                        style="cursor: pointer;"
+                      >
+                        <button
+                          aria-label="Copy to clipboard"
+                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                          tabindex="0"
+                          type="button"
+                        >
+                          <mock-icon
+                            aria-hidden=""
+                            class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                            data-testid="copy-btn-icon"
+                            focusable="false"
+                          />
+                        </button>
+                      </span>
+                      <div
+                        class="MuiBox-root css-yjghm1"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="MuiBox-root css-1yuhvjn"
+      >
+        <div
+          class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-wrhbuy-MuiPaper-root-MuiAccordion-root"
+          color="info"
+          style="--Paper-shadow: none;"
+        >
+          <h3
+            class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+          >
+            <button
+              aria-expanded="false"
+              class="MuiButtonBase-root MuiAccordionSummary-root MuiAccordionSummary-gutters accordion css-10sjung-MuiButtonBase-root-MuiAccordionSummary-root"
+              data-testid="decoded-tx-summary"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiAccordionSummary-content MuiAccordionSummary-contentGutters css-1r0e0ir-MuiAccordionSummary-content"
+              >
+                <div
+                  class="MuiStack-root css-1bujbuo-MuiStack-root"
+                >
+                  <h6
+                    class="MuiTypography-root MuiTypography-subtitle2 css-8ydk8b-MuiTypography-root"
+                    data-testid="tx-advanced-details"
+                  >
+                    Transaction details
+                    <span
+                      class=""
+                      data-mui-internal-clone-element="true"
+                    >
+                      <mock-icon
+                        aria-hidden=""
+                        class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-17ibv3e-MuiSvgIcon-root"
+                        focusable="false"
+                      />
+                    </span>
+                  </h6>
+                </div>
+              </span>
+              <span
+                class="MuiAccordionSummary-expandIconWrapper css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1dhtbeh-MuiSvgIcon-root"
+                  data-testid="ExpandMoreIcon"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </h3>
+          <div
+            class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+            style="min-height: 0px;"
+          >
+            <div
+              class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
+            >
+              <div
+                class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
+              >
+                <div
+                  class="MuiAccordion-region"
+                  role="region"
+                >
+                  <div
+                    class="MuiAccordionDetails-root css-w74p4c-MuiAccordionDetails-root"
+                    data-testid="decoded-tx-details"
+                  >
+                    <div
+                      class="MuiStack-root css-hwnj0i-MuiStack-root"
+                    >
+                      <div
+                        class="MuiBox-root css-0"
+                      >
+                        <h6
+                          class="MuiTypography-root MuiTypography-subtitle2 css-4lr168-MuiTypography-root"
+                        >
+                          Advanced details
+                        </h6>
+                        <p
+                          class="MuiTypography-root MuiTypography-body2 css-gkag80-MuiTypography-root"
+                        >
+                          Cross-verify your transaction data with external tools like
+                           
+                          <a
+                            class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-r9pq5a-MuiTypography-root-MuiLink-root"
+                            href="https://safeutils.openzeppelin.com"
+                            rel="noreferrer noopener"
+                            target="_blank"
+                          >
+                            <span
+                              class="MuiBox-root css-u9xrjn"
+                            >
+                              Safe Utils
+                              <svg
+                                aria-hidden="true"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-tqxw8e-MuiSvgIcon-root"
+                                data-testid="OpenInNewRoundedIcon"
+                                focusable="false"
+                                viewBox="0 0 24 24"
+                              >
+                                <path
+                                  d="M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.11 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1M14 4c0 .55.45 1 1 1h2.59l-9.13 9.13c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1"
+                                />
+                              </svg>
+                            </span>
+                          </a>
+                           and
+                           
+                          <a
+                            class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-r9pq5a-MuiTypography-root-MuiLink-root"
+                            href="https://transaction-decoder.pages.dev"
+                            rel="noreferrer noopener"
+                            target="_blank"
+                          >
+                            <span
+                              class="MuiBox-root css-u9xrjn"
+                            >
+                              Transaction Decoder
+                              <svg
+                                aria-hidden="true"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-tqxw8e-MuiSvgIcon-root"
+                                data-testid="OpenInNewRoundedIcon"
+                                focusable="false"
+                                viewBox="0 0 24 24"
+                              >
+                                <path
+                                  d="M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.11 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1M14 4c0 .55.45 1 1 1h2.59l-9.13 9.13c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1"
+                                />
+                              </svg>
+                            </span>
+                          </a>
+                          .
+                        </p>
+                        <div
+                          class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 css-shqplw-MuiPaper-root"
+                          style="--Paper-shadow: none;"
+                        >
+                          <div
+                            class="MuiStack-root css-1sazv7p-MuiStack-root"
+                          >
+                            <div
+                              class="MuiStack-root css-1n46f6x-MuiStack-root"
+                            >
+                              <div
+                                aria-label="text alignment"
+                                class="MuiToggleButtonGroup-root MuiToggleButtonGroup-horizontal css-cinseo-MuiToggleButtonGroup-root"
+                                role="group"
+                              >
+                                <button
+                                  aria-pressed="true"
+                                  class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root Mui-selected MuiToggleButton-sizeSmall MuiToggleButton-standard MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-firstButton css-u2ogzi-MuiButtonBase-root-MuiToggleButton-root"
+                                  tabindex="0"
+                                  type="button"
+                                  value="0"
+                                >
+                                  <div
+                                    class="MuiBox-root css-mro3c9"
+                                  >
+                                    Data
+                                  </div>
+                                </button>
+                                <button
+                                  aria-pressed="false"
+                                  class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeSmall MuiToggleButton-standard MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-middleButton css-u2ogzi-MuiButtonBase-root-MuiToggleButton-root"
+                                  tabindex="0"
+                                  type="button"
+                                  value="1"
+                                >
+                                  <div
+                                    class="MuiBox-root css-mro3c9"
+                                  >
+                                    Hashes
+                                  </div>
+                                </button>
+                                <button
+                                  aria-pressed="false"
+                                  class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeSmall MuiToggleButton-standard MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-lastButton css-u2ogzi-MuiButtonBase-root-MuiToggleButton-root"
+                                  tabindex="0"
+                                  type="button"
+                                  value="2"
+                                >
+                                  <div
+                                    class="MuiBox-root css-mro3c9"
+                                  >
+                                    JSON
+                                  </div>
+                                </button>
+                              </div>
+                            </div>
+                            <div
+                              class="MuiBox-root css-e0rnc0"
+                            >
+                              <div
+                                class="MuiStack-root css-jfdv4h-MuiStack-root"
+                              >
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    To
+                                  </p>
+                                  <div
+                                    class="MuiBox-root css-0"
+                                  >
+                                    <p
+                                      class="MuiTypography-root MuiTypography-body2 css-m9op2-MuiTypography-root"
+                                    >
+                                      <div
+                                        class="container"
+                                      >
+                                        <div
+                                          class="avatarContainer"
+                                          style="width: 20px; height: 20px;"
+                                        >
+                                          <div
+                                            class="icon"
+                                            style="background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0ib3B0aW1pemVTcGVlZCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJoc2woMjEzIDY1JSA0OSUpIiBkPSJNMCwwSDhWOEgweiIvPjxwYXRoIGZpbGw9ImhzbCgzNTQgNjYlIDU2JSkiIGQ9Ik0yLDBoMXYxaC0xek01LDBoMXYxaC0xek0wLDFoMXYxaC0xek03LDFoMXYxaC0xek0xLDJoMXYxaC0xek02LDJoMXYxaC0xek0yLDJoMXYxaC0xek01LDJoMXYxaC0xek0xLDNoMXYxaC0xek02LDNoMXYxaC0xek0yLDNoMXYxaC0xek01LDNoMXYxaC0xek0zLDNoMXYxaC0xek00LDNoMXYxaC0xek0wLDRoMXYxaC0xek03LDRoMXYxaC0xek0yLDRoMXYxaC0xek01LDRoMXYxaC0xek0wLDVoMXYxaC0xek03LDVoMXYxaC0xek0zLDVoMXYxaC0xek00LDVoMXYxaC0xek0zLDdoMXYxaC0xek00LDdoMXYxaC0xeiIvPjxwYXRoIGZpbGw9ImhzbCgzMjcgNDElIDYzJSkiIGQ9Ik0wLDNoMXYxaC0xek03LDNoMXYxaC0xek0zLDRoMXYxaC0xek00LDRoMXYxaC0xek0wLDZoMXYxaC0xek03LDZoMXYxaC0xek0yLDdoMXYxaC0xek01LDdoMXYxaC0xeiIvPjwvc3ZnPg==); width: 20px; height: 20px;"
+                                          />
+                                        </div>
+                                        <div
+                                          class="MuiBox-root css-1lchl8k"
+                                        >
+                                          <div
+                                            class="addressContainer"
+                                          >
+                                            <div
+                                              class="MuiBox-root css-b5p5gz"
+                                            >
+                                              <span
+                                                aria-label="Copy to clipboard"
+                                                class=""
+                                                data-mui-internal-clone-element="true"
+                                                style="cursor: pointer;"
+                                              >
+                                                <span>
+                                                  0x
+                                                  <b>
+                                                    0000
+                                                  </b>
+                                                  00000000000000000000000000000000
+                                                  <b>
+                                                    0000
+                                                  </b>
+                                                </span>
+                                              </span>
+                                            </div>
+                                            <div
+                                              class="MuiBox-root css-yjghm1"
+                                            />
+                                          </div>
+                                        </div>
+                                      </div>
+                                    </p>
+                                  </div>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    Value
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+                                  >
+                                    0x0
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    Data
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-n5xdb5-MuiTypography-root"
+                                  >
+                                    <div
+                                      class="encodedData MuiBox-root css-0"
+                                      data-testid="tx-hexData"
+                                    >
+                                      <span
+                                        aria-label="Copy to clipboard"
+                                        class=""
+                                        data-mui-internal-clone-element="true"
+                                        style="cursor: pointer;"
+                                      >
+                                        <span
+                                          class="monospace"
+                                        >
+                                          <b
+                                            aria-label="The first 4 bytes determine the contract method that is being called"
+                                            class=""
+                                            data-mui-internal-clone-element="true"
+                                          >
+                                            0x
+                                          </b>
+                                           
+                                        </span>
+                                      </span>
+                                    </div>
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    Operation
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1hy3mdy-MuiTypography-root"
+                                  >
+                                    0
+                                     (
+                                    call
+                                    )
+                                    <svg
+                                      aria-hidden="true"
+                                      class="MuiSvgIcon-root MuiSvgIcon-colorSuccess MuiSvgIcon-fontSizeInherit css-113mief-MuiSvgIcon-root"
+                                      data-testid="CheckIcon"
+                                      focusable="false"
+                                      viewBox="0 0 24 24"
+                                    >
+                                      <path
+                                        d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+                                      />
+                                    </svg>
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    SafeTxGas
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    BaseGas
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    GasPrice
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    GasToken
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+                                  >
+                                    <div
+                                      class="container"
+                                    >
+                                      <div
+                                        class="avatarContainer"
+                                        style="width: 20px; height: 20px;"
+                                      >
+                                        <span
+                                          class="MuiSkeleton-root MuiSkeleton-circular MuiSkeleton-pulse css-143xw5x-MuiSkeleton-root"
+                                          style="width: 20px; height: 20px;"
+                                        />
+                                      </div>
+                                      <div
+                                        class="MuiBox-root css-1lchl8k"
+                                      >
+                                        <div
+                                          class="addressContainer"
+                                        >
+                                          <div
+                                            class="MuiBox-root css-b5p5gz"
+                                          >
+                                            <span
+                                              aria-label="Copy to clipboard"
+                                              class=""
+                                              data-mui-internal-clone-element="true"
+                                              style="cursor: pointer;"
+                                            >
+                                              <span />
+                                            </span>
+                                          </div>
+                                          <div
+                                            class="MuiBox-root css-yjghm1"
+                                          />
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    RefundReceiver
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+                                  >
+                                    <div
+                                      class="container"
+                                    >
+                                      <div
+                                        class="avatarContainer"
+                                        style="width: 20px; height: 20px;"
+                                      >
+                                        <span
+                                          class="MuiSkeleton-root MuiSkeleton-circular MuiSkeleton-pulse css-143xw5x-MuiSkeleton-root"
+                                          style="width: 20px; height: 20px;"
+                                        />
+                                      </div>
+                                      <div
+                                        class="MuiBox-root css-1lchl8k"
+                                      >
+                                        <div
+                                          class="addressContainer"
+                                        >
+                                          <div
+                                            class="MuiBox-root css-b5p5gz"
+                                          >
+                                            <span
+                                              aria-label="Copy to clipboard"
+                                              class=""
+                                              data-mui-internal-clone-element="true"
+                                              style="cursor: pointer;"
+                                            >
+                                              <span />
+                                            </span>
+                                          </div>
+                                          <div
+                                            class="MuiBox-root css-yjghm1"
+                                          />
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </p>
+                                </div>
+                                <hr
+                                  class="MuiDivider-root MuiDivider-fullWidth css-1facvfi-MuiDivider-root"
+                                />
+                                <div
+                                  class="MuiStack-root css-665wph-MuiStack-root"
+                                >
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-1korokw-MuiTypography-root"
+                                  >
+                                    Nonce
+                                  </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+                                  >
+                                    100
+                                  </p>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    >
+      <h5
+        class="MuiTypography-root MuiTypography-h5 css-1whrnku-MuiTypography-root"
+      >
+        Transaction checks
+      </h5>
+    </div>
+  </div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    >
+      <div
+        class="wrapper"
+      >
+        <div
+          class="icon sign"
+        >
+          <mock-icon
+            aria-hidden=""
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-tqxw8e-MuiSvgIcon-root"
+            focusable="false"
+          />
+        </div>
+        <div>
+          <h5
+            class="MuiTypography-root MuiTypography-h5 css-1mp5g96-MuiTypography-root"
+          >
+            confirm
+          </h5>
+          <p
+            class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+          >
+            You're about to 
+            create and 
+            confirm
+             this transaction.
+          </p>
+        </div>
+      </div>
+      <form>
+        <hr
+          class="MuiDivider-root MuiDivider-fullWidth nestedDivider css-1jpvyob-MuiDivider-root"
+        />
+        <div
+          class="MuiCardActions-root MuiCardActions-spacing css-1q4nm6f-MuiCardActions-root"
+        >
+          <div
+            class="MuiStack-root css-irtfmw-MuiStack-root"
+          >
+            <span
+              class=""
+              data-mui-internal-clone-element="true"
+            >
+              <span
+                data-track="batching: Add to batch"
+              >
+                <button
+                  class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary css-16be8yl-MuiButtonBase-root-MuiButton-root"
+                  tabindex="0"
+                  type="button"
+                >
+                  <mock-icon
+                    aria-hidden=""
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-1hr8a3z-MuiSvgIcon-root"
+                    focusable="false"
+                  />
+                  Add to batch
+                </button>
+              </span>
+            </span>
+            <div
+              class="MuiBox-root css-1aqmpzz"
+            >
+               
+              <div
+                aria-orientation="horizontal"
+                class="MuiDivider-root MuiDivider-fullWidth MuiDivider-withChildren css-1lftdsp-MuiDivider-root"
+                role="separator"
+              >
+                <span
+                  class="MuiDivider-wrapper css-tuok6n-MuiDivider-wrapper"
+                >
+                  or
+                </span>
+              </div>
+            </div>
+            <span
+              aria-label="Please connect your wallet"
+              class=""
+              data-mui-internal-clone-element="true"
+            >
+              <span
+                class=""
+                data-mui-internal-clone-element="true"
+              >
+                <button
+                  class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-1hp2ejb-MuiButtonBase-root-MuiButton-root"
+                  data-testid="sign-btn"
+                  disabled=""
+                  tabindex="-1"
+                  type="submit"
+                >
+                  Sign
+                </button>
+              </span>
+            </span>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`SignOrExecute should display a loading component 1`] = `
+<div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    >
+      <div
+        class="MuiBox-root css-17luq05"
+      >
+        <div
+          class="box MuiBox-root css-0"
+        >
+          <div
+            class="rect rectTl"
+          />
+          <div
+            class="rect rectTr"
+          />
+          <div
+            class="rect rectBl"
+          />
+          <div
+            class="rect rectBr"
+          />
+          <div
+            class="rect rectCenter"
+          />
+          <svg
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <defs>
+              <filter
+                id="gooey"
+              >
+                <fegaussianblur
+                  in="SourceGraphic"
+                  result="blur"
+                  stdDeviation="3"
+                />
+                <fecolormatrix
+                  in="blur"
+                  mode="matrix"
+                  result="goo"
+                  values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9"
+                />
+                <fecomposite
+                  in="SourceGraphic"
+                  in2="goo"
+                  operator="atop"
+                />
+              </filter>
+            </defs>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`SignOrExecute should display an error screen 1`] = `
+<div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    />
+  </div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    >
+      <h5
+        class="MuiTypography-root MuiTypography-h5 css-1whrnku-MuiTypography-root"
+      >
+        Transaction checks
+      </h5>
+    </div>
+  </div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: none;"
+  >
+    <div
+      class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
+      data-testid="card-content"
+    >
+      <div
+        class="wrapper"
+      >
+        <div
+          class="icon sign"
+        >
+          <mock-icon
+            aria-hidden=""
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-tqxw8e-MuiSvgIcon-root"
+            focusable="false"
+          />
+        </div>
+        <div>
+          <h5
+            class="MuiTypography-root MuiTypography-h5 css-1mp5g96-MuiTypography-root"
+          >
+            confirm
+          </h5>
+          <p
+            class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+          >
+            You're about to 
+            create and 
+            confirm
+             this transaction.
+          </p>
+        </div>
+      </div>
+      <form>
+        <hr
+          class="MuiDivider-root MuiDivider-fullWidth nestedDivider css-1jpvyob-MuiDivider-root"
+        />
+        <div
+          class="MuiCardActions-root MuiCardActions-spacing css-1q4nm6f-MuiCardActions-root"
+        >
+          <div
+            class="MuiStack-root css-irtfmw-MuiStack-root"
+          >
+            <span
+              class=""
+              data-mui-internal-clone-element="true"
+            >
+              <span
+                data-track="batching: Add to batch"
+              >
+                <button
+                  class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary css-16be8yl-MuiButtonBase-root-MuiButton-root"
+                  tabindex="0"
+                  type="button"
+                >
+                  <mock-icon
+                    aria-hidden=""
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-1hr8a3z-MuiSvgIcon-root"
+                    focusable="false"
+                  />
+                  Add to batch
+                </button>
+              </span>
+            </span>
+            <div
+              class="MuiBox-root css-1aqmpzz"
+            >
+               
+              <div
+                aria-orientation="horizontal"
+                class="MuiDivider-root MuiDivider-fullWidth MuiDivider-withChildren css-1lftdsp-MuiDivider-root"
+                role="separator"
+              >
+                <span
+                  class="MuiDivider-wrapper css-tuok6n-MuiDivider-wrapper"
+                >
+                  or
+                </span>
+              </div>
+            </div>
+            <span
+              aria-label="Please connect your wallet"
+              class=""
+              data-mui-internal-clone-element="true"
+            >
+              <span
+                class=""
+                data-mui-internal-clone-element="true"
+              >
+                <button
+                  class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-1hp2ejb-MuiButtonBase-root-MuiButton-root"
+                  data-testid="sign-btn"
+                  disabled=""
+                  tabindex="-1"
+                  type="submit"
+                >
+                  Sign
+                </button>
+              </span>
+            </span>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/src/components/tx/SignOrExecuteForm/__tests__/hooks.test.ts b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/hooks.test.ts
new file mode 100644
index 000000000..07e000b1f
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/hooks.test.ts
@@ -0,0 +1,734 @@
+import { extendedSafeInfoBuilder, safeInfoBuilder } from '@/tests/builders/safe'
+import { renderHook, waitFor } from '@/tests/test-utils'
+import { zeroPadValue } from 'ethers'
+import { createSafeTx } from '@/tests/builders/safeTx'
+import { type ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import * as useSafeInfoHook from '@/hooks/useSafeInfo'
+import * as wallet from '@/hooks/wallets/useWallet'
+import * as walletHooks from '@/utils/wallets'
+import * as pending from '@/hooks/usePendingTxs'
+import * as txSender from '@/services/tx/tx-sender/dispatch'
+import * as onboardHooks from '@/hooks/wallets/useOnboard'
+import { type OnboardAPI } from '@web3-onboard/core'
+import {
+  useAlreadySigned,
+  useImmediatelyExecutable,
+  useIsExecutionLoop,
+  useRecommendedNonce,
+  useTxActions,
+  useValidateNonce,
+} from '../hooks'
+import * as recommendedNonce from '@/services/tx/tx-sender/recommendedNonce'
+import { defaultSafeInfo } from '@safe-global/store/slices/SafeInfo/utils'
+import { chainBuilder } from '@/tests/builders/chains'
+import * as useChains from '@/hooks/useChains'
+import { MockEip1193Provider } from '@/tests/mocks/providers'
+import { type SignerWallet } from '@/components/common/WalletProvider'
+import { type NestedWallet } from '@/utils/nested-safe-wallet'
+
+const chainInfo = chainBuilder().with({ chainId: '1' }).build()
+
+describe('SignOrExecute hooks', () => {
+  const extendedSafeInfo = extendedSafeInfoBuilder().build()
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+
+    // Onboard
+    jest.spyOn(onboardHooks, 'default').mockReturnValue({
+      setChain: jest.fn(),
+      state: {
+        get: () => ({
+          wallets: [
+            {
+              label: 'MetaMask',
+              accounts: [{ address: '0x1234567890000000000000000000000000000000' }],
+              connected: true,
+              chains: [{ id: '1' }],
+            },
+          ],
+        }),
+      },
+    } as unknown as OnboardAPI)
+
+    // Wallet
+    jest.spyOn(wallet, 'useSigner').mockReturnValue({
+      chainId: '1',
+      address: '0x1234567890000000000000000000000000000000',
+      provider: MockEip1193Provider,
+    } as unknown as NestedWallet)
+
+    jest.spyOn(useChains, 'useCurrentChain').mockReturnValue(chainInfo)
+  })
+
+  describe('useValidateNonce', () => {
+    it('should return true if nonce is correct', () => {
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
+        safe: {
+          ...extendedSafeInfo,
+          version: '1.3.0',
+          address: { value: zeroPadValue('0x0000', 20) },
+          nonce: 100,
+          threshold: 2,
+          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
+          chainId: '1',
+        },
+        safeAddress: zeroPadValue('0x0000', 20),
+        safeError: undefined,
+        safeLoading: false,
+        safeLoaded: true,
+      }))
+
+      const { result } = renderHook(() => useValidateNonce(createSafeTx()))
+
+      expect(result.current).toBe(true)
+    })
+
+    it('should return false if nonce is incorrect', () => {
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
+        safe: {
+          ...extendedSafeInfo,
+          version: '1.3.0',
+          address: { value: zeroPadValue('0x0000', 20) },
+          nonce: 90,
+          threshold: 2,
+          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
+          chainId: '1',
+        },
+        safeAddress: zeroPadValue('0x0000', 20),
+        safeError: undefined,
+        safeLoading: false,
+        safeLoaded: true,
+      }))
+
+      const { result } = renderHook(() => useValidateNonce(createSafeTx()))
+
+      expect(result.current).toBe(false)
+    })
+  })
+
+  describe('useIsExecutionLoop', () => {
+    it('should return true when a safe is executing its own transaction', () => {
+      const address = zeroPadValue('0x0789', 20)
+
+      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
+        safeAddress: address,
+        safe: {
+          ...extendedSafeInfo,
+          version: '1.3.0',
+          address: { value: address },
+          owners: [{ value: address }],
+          nonce: 100,
+          chainId: '1',
+        },
+        safeLoaded: true,
+        safeLoading: false,
+        safeError: undefined,
+      })
+
+      jest.spyOn(wallet, 'default').mockReturnValue({
+        chainId: '1',
+        label: 'MetaMask',
+        address,
+      } as ConnectedWallet)
+
+      const { result } = renderHook(() => useIsExecutionLoop())
+
+      expect(result.current).toBe(true)
+    })
+
+    it('should return false when a safe is not executing its own transaction', () => {
+      jest.spyOn(wallet, 'default').mockReturnValue({
+        chainId: '1',
+        label: 'MetaMask',
+        address: zeroPadValue('0x0456', 20),
+      } as ConnectedWallet)
+
+      const { result } = renderHook(() => useIsExecutionLoop())
+
+      expect(result.current).toBe(false)
+    })
+  })
+
+  describe('useImmediatelyExecutable', () => {
+    it('should return true for newly created transactions with threshold 1 and no pending transactions', () => {
+      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
+        safeAddress: zeroPadValue('0x0000', 20),
+        safe: {
+          ...extendedSafeInfo,
+          version: '1.3.0',
+          address: { value: zeroPadValue('0x0000', 20) },
+          owners: [{ value: zeroPadValue('0x0123', 20) }],
+          threshold: 1,
+          nonce: 100,
+        },
+        safeLoaded: true,
+        safeLoading: false,
+        safeError: undefined,
+      })
+
+      jest.spyOn(pending, 'useHasPendingTxs').mockReturnValue(false)
+
+      const { result } = renderHook(() => useImmediatelyExecutable())
+
+      expect(result.current).toBe(true)
+    })
+
+    it('should return false for newly created transactions with threshold > 1', () => {
+      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
+        safeAddress: zeroPadValue('0x0000', 20),
+        safe: {
+          ...extendedSafeInfo,
+          version: '1.3.0',
+          address: { value: zeroPadValue('0x0000', 20) },
+          owners: [{ value: zeroPadValue('0x0123', 20) }],
+          threshold: 2,
+          nonce: 100,
+          chainId: '1',
+        },
+        safeLoaded: true,
+        safeLoading: false,
+        safeError: undefined,
+      })
+
+      jest.spyOn(pending, 'useHasPendingTxs').mockReturnValue(false)
+
+      const { result } = renderHook(() => useImmediatelyExecutable())
+
+      expect(result.current).toBe(false)
+    })
+
+    it('should return false for safes with pending transactions', () => {
+      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
+        safeAddress: zeroPadValue('0x0000', 20),
+        safe: {
+          ...extendedSafeInfo,
+          version: '1.3.0',
+          address: { value: zeroPadValue('0x0000', 20) },
+          owners: [{ value: zeroPadValue('0x0123', 20) }],
+          threshold: 1,
+          nonce: 100,
+          chainId: '1',
+        },
+        safeLoaded: true,
+        safeLoading: false,
+        safeError: undefined,
+      })
+
+      jest.spyOn(pending, 'useHasPendingTxs').mockReturnValue(true)
+
+      const { result } = renderHook(() => useImmediatelyExecutable())
+
+      expect(result.current).toBe(false)
+    })
+  })
+
+  describe('useTxActions', () => {
+    it('should return sign and execute actions', () => {
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
+        safe: {
+          ...extendedSafeInfo,
+          version: '1.3.0',
+          address: { value: zeroPadValue('0x0000', 20) },
+          nonce: 100,
+          threshold: 2,
+          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
+          chainId: '1',
+        },
+        safeAddress: '0x123',
+        safeError: undefined,
+        safeLoading: false,
+        safeLoaded: true,
+      }))
+
+      const { result } = renderHook(() => useTxActions())
+
+      expect(result.current.signTx).toBeDefined()
+      expect(result.current.executeTx).toBeDefined()
+    })
+
+    it('should sign a tx with or without an id', async () => {
+      jest.spyOn(walletHooks, 'isSmartContractWallet').mockReturnValue(Promise.resolve(false))
+
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
+        safe: {
+          ...extendedSafeInfo,
+          version: '1.3.0',
+          address: { value: zeroPadValue('0x0000', 20) },
+          nonce: 100,
+          threshold: 2,
+          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
+          chainId: '1',
+        },
+        safeAddress: '0x123',
+        safeError: undefined,
+        safeLoading: false,
+        safeLoaded: true,
+      }))
+
+      jest
+        .spyOn(txSender, 'dispatchTxProposal')
+        .mockImplementation((() => Promise.resolve({ txId: '123' })) as unknown as typeof txSender.dispatchTxProposal)
+
+      const signSpy = jest
+        .spyOn(txSender, 'dispatchTxSigning')
+        .mockImplementation(() => Promise.resolve(createSafeTx()))
+
+      const onchainSignSpy = jest.spyOn(txSender, 'dispatchOnChainSigning').mockImplementation(() => Promise.resolve())
+
+      const { result } = renderHook(() => useTxActions())
+      const { signTx } = result.current
+
+      const id = await signTx(createSafeTx())
+      expect(signSpy).toHaveBeenCalled()
+      expect(onchainSignSpy).not.toHaveBeenCalled()
+      expect(id).toBe('123')
+
+      const id2 = await signTx(createSafeTx(), '456')
+      expect(signSpy).toHaveBeenCalled()
+      expect(id2).toBe('123')
+    })
+
+    it('should sign a tx on-chain', async () => {
+      jest.spyOn(walletHooks, 'isSmartContractWallet').mockReturnValue(Promise.resolve(true))
+
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
+        safe: {
+          ...extendedSafeInfo,
+          version: '1.3.0',
+          address: { value: zeroPadValue('0x0000', 20) },
+          nonce: 100,
+          threshold: 2,
+          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
+          chainId: '1',
+        },
+        safeAddress: '0x123',
+        safeError: undefined,
+        safeLoading: false,
+        safeLoaded: true,
+      }))
+
+      jest
+        .spyOn(txSender, 'dispatchTxProposal')
+        .mockImplementation((() => Promise.resolve({ txId: '123' })) as unknown as typeof txSender.dispatchTxProposal)
+      const signSpy = jest.spyOn(txSender, 'dispatchOnChainSigning').mockImplementation(() => Promise.resolve())
+
+      const { result } = renderHook(() => useTxActions())
+      const { signTx } = result.current
+
+      const id = await signTx(createSafeTx(), '456')
+      expect(signSpy).toHaveBeenCalled()
+      expect(id).toBe('456')
+    })
+
+    it('should execute a tx without a txId (immediate execution)', async () => {
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
+        safe: {
+          ...extendedSafeInfo,
+          version: '1.3.0',
+          address: { value: zeroPadValue('0x0000', 20) },
+          nonce: 100,
+          threshold: 2,
+          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
+          chainId: '1',
+        },
+        safeAddress: '0x123',
+        safeError: undefined,
+        safeLoading: false,
+        safeLoaded: true,
+      }))
+
+      const proposeSpy = jest
+        .spyOn(txSender, 'dispatchTxProposal')
+        .mockImplementation((() => Promise.resolve({ txId: '123' })) as unknown as typeof txSender.dispatchTxProposal)
+      const executeSpy = jest
+        .spyOn(txSender, 'dispatchTxExecution')
+        .mockImplementation((() => Promise.resolve(createSafeTx())) as unknown as typeof txSender.dispatchTxExecution)
+
+      const { result } = renderHook(() => useTxActions())
+      const { executeTx } = result.current
+
+      const id = await executeTx({ gasPrice: 1 }, createSafeTx())
+      expect(proposeSpy).toHaveBeenCalled()
+      expect(executeSpy).toHaveBeenCalled()
+      expect(id).toEqual('123')
+    })
+
+    it('should execute a tx with an id (existing tx)', async () => {
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
+        safe: {
+          ...extendedSafeInfo,
+          version: '1.3.0',
+          address: { value: zeroPadValue('0x0000', 20) },
+          nonce: 100,
+          threshold: 2,
+          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
+          chainId: '1',
+        },
+        safeAddress: '0x123',
+        safeError: undefined,
+        safeLoading: false,
+        safeLoaded: true,
+      }))
+
+      const proposeSpy = jest
+        .spyOn(txSender, 'dispatchTxProposal')
+        .mockImplementation((() => Promise.resolve({ txId: '123' })) as unknown as typeof txSender.dispatchTxProposal)
+      const executeSpy = jest
+        .spyOn(txSender, 'dispatchTxExecution')
+        .mockImplementation((() => Promise.resolve(createSafeTx())) as unknown as typeof txSender.dispatchTxExecution)
+
+      const { result } = renderHook(() => useTxActions())
+      const { executeTx } = result.current
+
+      const id = await executeTx({ gasPrice: 1 }, createSafeTx(), '455')
+      expect(proposeSpy).not.toHaveBeenCalled()
+      expect(executeSpy).toHaveBeenCalled()
+      expect(id).toEqual('455')
+    })
+
+    it('should throw an error if the tx is undefined', async () => {
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
+        safe: {
+          ...extendedSafeInfo,
+          version: '1.3.0',
+          address: { value: zeroPadValue('0x0000', 20) },
+          nonce: 100,
+          threshold: 2,
+          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
+          chainId: '1',
+        },
+        safeAddress: '0x123',
+        safeError: undefined,
+        safeLoading: false,
+        safeLoaded: true,
+      }))
+
+      const { result } = renderHook(() => useTxActions())
+      const { signTx, executeTx } = result.current
+
+      // Expect signTx to throw an error
+      await expect(signTx()).rejects.toThrowError('Transaction not provided')
+      await expect(executeTx({ gasPrice: 1 })).rejects.toThrowError('Transaction not provided')
+    })
+
+    it('should relay a tx execution', async () => {
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
+        safe: {
+          ...extendedSafeInfo,
+          ...extendedSafeInfoBuilder().build(),
+          version: '1.3.0',
+          address: { value: zeroPadValue('0x0000', 20) },
+          nonce: 100,
+          threshold: 1,
+          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
+          chainId: '1',
+        },
+        safeAddress: '0x123',
+        safeError: undefined,
+        safeLoading: false,
+        safeLoaded: true,
+      }))
+
+      const proposeSpy = jest
+        .spyOn(txSender, 'dispatchTxProposal')
+        .mockImplementation((() => Promise.resolve({ txId: '123' })) as unknown as typeof txSender.dispatchTxProposal)
+      const relaySpy = jest.spyOn(txSender, 'dispatchTxRelay').mockImplementation(() => Promise.resolve(undefined))
+
+      const { result } = renderHook(() => useTxActions())
+      const { executeTx } = result.current
+
+      const tx = createSafeTx()
+      tx.addSignature({
+        signer: '0x123',
+        data: '0x0001',
+        staticPart: () => '',
+        dynamicPart: () => '',
+        isContractSignature: false,
+      })
+
+      const id = await executeTx({ gasPrice: 1 }, tx, '123', 'origin.com', true)
+      expect(proposeSpy).not.toHaveBeenCalled()
+      expect(relaySpy).toHaveBeenCalled()
+      expect(id).toEqual('123')
+    })
+
+    it('should sign a not fully signed tx when relaying', async () => {
+      jest.spyOn(walletHooks, 'isSmartContractWallet').mockReturnValue(Promise.resolve(false))
+
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
+        safe: {
+          ...extendedSafeInfo,
+          ...extendedSafeInfoBuilder().build(),
+          version: '1.3.0',
+          address: { value: zeroPadValue('0x0000', 20) },
+          nonce: 100,
+          threshold: 2,
+          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
+          chainId: '1',
+        },
+        safeAddress: '0x123',
+        safeError: undefined,
+        safeLoading: false,
+        safeLoaded: true,
+      }))
+
+      const tx = createSafeTx()
+      tx.addSignature({
+        signer: '0x123',
+        data: '0x0001',
+        staticPart: () => '',
+        dynamicPart: () => '',
+        isContractSignature: false,
+      })
+
+      const proposeSpy = jest
+        .spyOn(txSender, 'dispatchTxProposal')
+        .mockImplementation((() => Promise.resolve({ txId: '123' })) as unknown as typeof txSender.dispatchTxProposal)
+      const signSpy = jest.spyOn(txSender, 'dispatchTxSigning').mockImplementation(() => {
+        tx.addSignature({
+          signer: '0x12345',
+          data: '0x0001',
+          staticPart: () => '',
+          dynamicPart: () => '',
+          isContractSignature: false,
+        })
+        return Promise.resolve(tx)
+      })
+      const relaySpy = jest.spyOn(txSender, 'dispatchTxRelay').mockImplementation(() => Promise.resolve(undefined))
+
+      const { result } = renderHook(() => useTxActions())
+      const { executeTx } = result.current
+
+      const id = await executeTx({ gasPrice: 1 }, tx, '123', 'origin.com', true)
+      expect(proposeSpy).toHaveBeenCalled()
+      expect(signSpy).toHaveBeenCalled()
+      expect(relaySpy).toHaveBeenCalled()
+      expect(id).toEqual('123')
+    })
+
+    it('should throw when relaying an unsigned tx as a smart contract wallet', async () => {
+      jest.spyOn(walletHooks, 'isSmartContractWallet').mockResolvedValue(true)
+
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
+        safe: {
+          ...extendedSafeInfo,
+          ...extendedSafeInfoBuilder().build(),
+          version: '1.3.0',
+          address: { value: zeroPadValue('0x0000', 20) },
+          nonce: 100,
+          threshold: 2,
+          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
+          chainId: '1',
+        },
+        safeAddress: '0x123',
+        safeError: undefined,
+        safeLoading: false,
+        safeLoaded: true,
+      }))
+
+      const tx = createSafeTx()
+      tx.addSignature({
+        signer: '0x123',
+        data: '0x0001',
+        staticPart: () => '',
+        dynamicPart: () => '',
+        isContractSignature: false,
+      })
+
+      const proposeSpy = jest
+        .spyOn(txSender, 'dispatchTxProposal')
+        .mockImplementation((() => Promise.resolve({ txId: '123' })) as unknown as typeof txSender.dispatchTxProposal)
+      const signSpy = jest.spyOn(txSender, 'dispatchTxSigning').mockImplementation(() => {
+        tx.addSignature({
+          signer: '0x12345',
+          data: '0x0001',
+          staticPart: () => '',
+          dynamicPart: () => '',
+          isContractSignature: false,
+        })
+        return Promise.resolve(tx)
+      })
+      const relaySpy = jest.spyOn(txSender, 'dispatchTxRelay').mockImplementation(() => Promise.resolve(undefined))
+
+      const { result } = renderHook(() => useTxActions())
+      const { executeTx } = result.current
+
+      await expect(executeTx({ gasPrice: 1 }, tx, '123', 'origin.com', true)).rejects.toThrowError(
+        'Cannot relay an unsigned transaction from a smart contract wallet',
+      )
+
+      expect(proposeSpy).not.toHaveBeenCalled()
+      expect(signSpy).not.toHaveBeenCalled()
+      expect(relaySpy).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('useAlreadySigned', () => {
+    it('should return true if wallet already signed a tx', () => {
+      // Wallet
+      jest.spyOn(wallet, 'useSigner').mockReturnValue({
+        chainId: '1',
+        address: '0x1234567890000000000000000000000000000000',
+        provider: MockEip1193Provider,
+      } as SignerWallet)
+
+      const tx = createSafeTx()
+      tx.addSignature({
+        signer: '0x1234567890000000000000000000000000000000',
+        data: '0x0001',
+        staticPart: () => '',
+        dynamicPart: () => '',
+        isContractSignature: false,
+      })
+      const { result } = renderHook(() => useAlreadySigned(tx))
+      expect(result.current).toEqual(true)
+    })
+
+    it('should return false if wallet has not signed a tx yet', () => {
+      // Wallet
+      jest.spyOn(wallet, 'useSigner').mockReturnValue({
+        chainId: '1',
+        address: '0x1234567890000000000000000000000000000000',
+        provider: MockEip1193Provider,
+      } as SignerWallet)
+
+      const tx = createSafeTx()
+      tx.addSignature({
+        signer: '0x00000000000000000000000000000000000000000',
+        data: '0x0001',
+        staticPart: () => '',
+        dynamicPart: () => '',
+        isContractSignature: false,
+      })
+      const { result } = renderHook(() => useAlreadySigned(tx))
+      expect(result.current).toEqual(false)
+    })
+  })
+
+  describe('useRecommendedNonce', () => {
+    it('should return undefined without safe info', async () => {
+      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
+        safe: { ...defaultSafeInfo, deployed: false },
+        safeAddress: '',
+        safeLoaded: true,
+        safeLoading: false,
+      })
+
+      const { result } = renderHook(useRecommendedNonce)
+      await waitFor(() => {
+        expect(result.current).toBeUndefined()
+      })
+    })
+    it('should return 0 for counterfactual Safes', async () => {
+      const mockSafeInfo = safeInfoBuilder().build()
+      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
+        safe: { ...mockSafeInfo, deployed: false },
+        safeAddress: mockSafeInfo.address.value,
+        safeLoaded: true,
+        safeLoading: false,
+      })
+
+      const { result } = renderHook(useRecommendedNonce)
+      await waitFor(() => {
+        expect(result.current).toEqual(0)
+      })
+    })
+
+    it('should update if queueTag changes', async () => {
+      jest.spyOn(recommendedNonce, 'getNonces').mockResolvedValue({
+        currentNonce: 1,
+        recommendedNonce: 1,
+      })
+      const mockSafeInfo = safeInfoBuilder()
+        .with({
+          txQueuedTag: '1',
+        })
+        .build()
+      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
+        safe: { ...mockSafeInfo, deployed: true },
+        safeAddress: mockSafeInfo.address.value,
+        safeLoaded: true,
+        safeLoading: false,
+      })
+
+      const { result, rerender } = renderHook(useRecommendedNonce)
+      await waitFor(() => {
+        expect(result.current).toEqual(1)
+      })
+
+      jest.spyOn(recommendedNonce, 'getNonces').mockResolvedValue({
+        currentNonce: 1,
+        recommendedNonce: 2,
+      })
+
+      rerender()
+      // The hook does not rerender as the queue tag did not change yet
+      await waitFor(() => {
+        expect(result.current).toEqual(1)
+      })
+
+      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
+        safe: { ...mockSafeInfo, deployed: true, txQueuedTag: '2' },
+        safeAddress: mockSafeInfo.address.value,
+        safeLoaded: true,
+        safeLoading: false,
+      })
+
+      rerender()
+
+      // Now the queue tag changed from 1 to 2 and the hook should reflect the new recommended Nonce
+      await waitFor(() => {
+        expect(result.current).toEqual(2)
+      })
+    })
+
+    it('should update if historyTag changes', async () => {
+      jest.spyOn(recommendedNonce, 'getNonces').mockResolvedValue({
+        currentNonce: 1,
+        recommendedNonce: 1,
+      })
+      const mockSafeInfo = safeInfoBuilder()
+        .with({
+          txHistoryTag: '1',
+        })
+        .build()
+      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
+        safe: { ...mockSafeInfo, deployed: true },
+        safeAddress: mockSafeInfo.address.value,
+        safeLoaded: true,
+        safeLoading: false,
+      })
+
+      const { result, rerender } = renderHook(useRecommendedNonce)
+      await waitFor(() => {
+        expect(result.current).toEqual(1)
+      })
+
+      jest.spyOn(recommendedNonce, 'getNonces').mockResolvedValue({
+        currentNonce: 2,
+        recommendedNonce: 2,
+      })
+
+      rerender()
+      // The hook does not rerender as the history tag did not change yet
+      await waitFor(() => {
+        expect(result.current).toEqual(1)
+      })
+
+      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
+        safe: { ...mockSafeInfo, deployed: true, txHistoryTag: '2' },
+        safeAddress: mockSafeInfo.address.value,
+        safeLoaded: true,
+        safeLoading: false,
+      })
+
+      rerender()
+
+      // Now the history tag changed from 1 to 2 and the hook should reflect the new recommended Nonce
+      await waitFor(() => {
+        expect(result.current).toEqual(2)
+      })
+    })
+  })
+})
diff --git a/apps/web/src/components/tx/SignOrExecuteForm/hooks.ts b/apps/web/src/components/tx/SignOrExecuteForm/hooks.ts
new file mode 100644
index 000000000..b9415b7e8
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/hooks.ts
@@ -0,0 +1,236 @@
+import { assertTx, assertOnboard, assertChainInfo, assertProvider } from '@/utils/helpers'
+import { useMemo } from 'react'
+import { type TransactionOptions, type SafeTransaction } from '@safe-global/types-kit'
+import { sameString } from '@safe-global/protocol-kit/dist/src/utils'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import useWallet, { useSigner } from '@/hooks/wallets/useWallet'
+import useOnboard from '@/hooks/wallets/useOnboard'
+import { isSmartContractWallet } from '@/utils/wallets'
+import {
+  dispatchProposerTxSigning,
+  dispatchOnChainSigning,
+  dispatchTxExecution,
+  dispatchTxProposal,
+  dispatchTxRelay,
+  dispatchTxSigning,
+} from '@/services/tx/tx-sender'
+import { useHasPendingTxs } from '@/hooks/usePendingTxs'
+import { getSafeTxGas, getNonces } from '@/services/tx/tx-sender/recommendedNonce'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { useUpdateBatch } from '@/hooks/useDraftBatch'
+import { type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+import { useCurrentChain } from '@/hooks/useChains'
+
+type TxActions = {
+  addToBatch: (safeTx?: SafeTransaction, origin?: string) => Promise<string>
+  signTx: (safeTx?: SafeTransaction, txId?: string, origin?: string) => Promise<string>
+  executeTx: (
+    txOptions: TransactionOptions,
+    safeTx?: SafeTransaction,
+    txId?: string,
+    origin?: string,
+    isRelayed?: boolean,
+  ) => Promise<string>
+  signProposerTx: (safeTx?: SafeTransaction, origin?: string) => Promise<string>
+  proposeTx: (safeTx: SafeTransaction, txId?: string, origin?: string) => Promise<TransactionDetails>
+}
+
+export const useTxActions = (): TxActions => {
+  const { safe } = useSafeInfo()
+  const onboard = useOnboard()
+  const signer = useSigner()
+  const wallet = useWallet()
+  const [addTxToBatch] = useUpdateBatch()
+  const chain = useCurrentChain()
+
+  return useMemo<TxActions>(() => {
+    const safeAddress = safe.address.value
+    const { chainId } = safe
+
+    const _propose = async (sender: string, safeTx: SafeTransaction, txId?: string, origin?: string) => {
+      return dispatchTxProposal({
+        chainId,
+        safeAddress,
+        sender,
+        safeTx,
+        txId,
+        origin,
+      })
+    }
+
+    const proposeTx: TxActions['proposeTx'] = async (safeTx, txId, origin) => {
+      assertTx(safeTx)
+      return _propose(wallet?.address || safe.owners[0].value, safeTx, txId, origin)
+    }
+
+    const addToBatch: TxActions['addToBatch'] = async (safeTx, origin) => {
+      assertTx(safeTx)
+      assertProvider(signer?.provider)
+
+      const tx = await _propose(signer.address, safeTx, undefined, origin)
+      await addTxToBatch(tx)
+      return tx.txId
+    }
+
+    const signRelayedTx = async (safeTx: SafeTransaction, txId?: string): Promise<SafeTransaction> => {
+      assertTx(safeTx)
+      assertProvider(signer?.provider)
+
+      // Smart contracts cannot sign transactions off-chain
+      if (await isSmartContractWallet(signer.chainId, signer.address)) {
+        throw new Error('Cannot relay an unsigned transaction from a smart contract wallet')
+      }
+      return await dispatchTxSigning(safeTx, signer.provider, txId)
+    }
+
+    const signTx: TxActions['signTx'] = async (_safeTx, txId, origin) => {
+      let safeTx = _safeTx ? { ..._safeTx, data: { ..._safeTx.data, to: checksumAddress(_safeTx.data.to) } } : undefined
+      assertTx(safeTx)
+      assertProvider(signer?.provider)
+      assertOnboard(onboard)
+
+      // Smart contract wallets must sign via an on-chain tx
+      if (signer.isSafe || (await isSmartContractWallet(signer.chainId, signer.address))) {
+        // If the first signature is a smart contract wallet, we have to propose w/o signatures
+        // Otherwise the backend won't pick up the tx
+        // The signature will be added once the on-chain signature is indexed
+        const id = txId || (await _propose(signer.address, safeTx, txId, origin)).txId
+        await dispatchOnChainSigning(
+          safeTx,
+          id,
+          signer.provider,
+          chainId,
+          signer.address,
+          safeAddress,
+          Boolean(signer.isSafe),
+        )
+        return id
+      }
+
+      const connectedWallet = onboard.state.get().wallets[0]
+      const isLedger = connectedWallet?.label.toLowerCase().includes('ledger')
+      const isTrezor = connectedWallet?.label.toLowerCase().includes('trezor')
+
+      // Otherwise, sign off-chain
+      const signedTx = await dispatchTxSigning(safeTx, signer.provider, txId, isLedger || isTrezor)
+      const tx = await _propose(signer.address, signedTx, txId, origin)
+      return tx.txId
+    }
+
+    const signProposerTx: TxActions['signProposerTx'] = async (safeTx, origin) => {
+      assertTx(safeTx)
+      assertProvider(wallet?.provider)
+      assertOnboard(onboard)
+
+      const signedTx = await dispatchProposerTxSigning(safeTx, wallet)
+
+      const tx = await _propose(wallet.address, signedTx, undefined, origin)
+      return tx.txId
+    }
+
+    const executeTx: TxActions['executeTx'] = async (txOptions, _safeTx, txId, origin, isRelayed) => {
+      let safeTx = _safeTx ? { ..._safeTx, data: { ..._safeTx.data, to: checksumAddress(_safeTx.data.to) } } : undefined
+
+      assertTx(safeTx)
+      assertProvider(signer?.provider)
+      assertOnboard(onboard)
+      assertChainInfo(chain)
+
+      let tx: TransactionDetails | undefined
+      let rePropose = false
+      // Relayed transactions must be fully signed, so request a final signature if needed
+      if (isRelayed && safeTx.signatures.size < safe.threshold) {
+        safeTx = await signRelayedTx(safeTx)
+        rePropose = true
+      }
+
+      // Propose the tx if there's no id yet ("immediate execution")
+      if (!txId || rePropose) {
+        tx = await _propose(signer.address, safeTx, txId, origin)
+        txId = tx.txId
+      }
+
+      // Relay or execute the tx via connected wallet
+      if (isRelayed) {
+        await dispatchTxRelay(safeTx, safe, txId, chain, txOptions.gasLimit)
+      } else {
+        const isSmartAccount = await isSmartContractWallet(signer.chainId, signer.address)
+        await dispatchTxExecution(safeTx, txOptions, txId, signer.provider, signer.address, safeAddress, isSmartAccount)
+      }
+
+      return txId
+    }
+
+    return { addToBatch, signTx, executeTx, signProposerTx, proposeTx }
+  }, [safe, wallet, signer?.provider, signer?.address, signer?.chainId, signer?.isSafe, addTxToBatch, onboard, chain])
+}
+
+export const useValidateNonce = (safeTx: SafeTransaction | undefined): boolean => {
+  const { safe } = useSafeInfo()
+  return !!safeTx && safeTx?.data.nonce === safe.nonce
+}
+
+export const useImmediatelyExecutable = (): boolean => {
+  const { safe } = useSafeInfo()
+  const hasPending = useHasPendingTxs()
+  return safe.threshold === 1 && !hasPending
+}
+
+// Check if the executor is the safe itself (it won't work)
+export const useIsExecutionLoop = (): boolean => {
+  const wallet = useWallet()
+  const { safeAddress } = useSafeInfo()
+  return wallet ? sameString(wallet.address, safeAddress) : false
+}
+
+export const useRecommendedNonce = (): number | undefined => {
+  const { safeAddress, safe } = useSafeInfo()
+
+  const [recommendedNonce] = useAsync(
+    async () => {
+      if (!safe.chainId || !safeAddress) return
+      if (!safe.deployed) return 0
+
+      const nonces = await getNonces(safe.chainId, safeAddress)
+
+      return nonces?.recommendedNonce
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [safeAddress, safe.chainId, safe.txQueuedTag, safe.txHistoryTag], // update when tx queue or history changes
+    false, // keep old recommended nonce while refreshing to avoid skeleton
+  )
+
+  return recommendedNonce
+}
+
+export const useSafeTxGas = (safeTx: SafeTransaction | undefined): string | undefined => {
+  const { safeAddress, safe } = useSafeInfo()
+
+  // Memoize only the necessary params so that the useAsync hook is not called every time safeTx changes
+  const safeTxParams = useMemo(() => {
+    return !safeTx?.data?.to
+      ? undefined
+      : {
+          to: safeTx?.data.to,
+          value: safeTx?.data?.value,
+          data: safeTx?.data?.data,
+          operation: safeTx?.data?.operation,
+        }
+  }, [safeTx?.data.to, safeTx?.data.value, safeTx?.data.data, safeTx?.data.operation])
+
+  const [safeTxGas] = useAsync(() => {
+    if (!safe.chainId || !safeAddress || !safeTxParams || !safe.version) return
+
+    return getSafeTxGas(safe.chainId, safeAddress, safe.version, safeTxParams)
+  }, [safeAddress, safe.chainId, safe.version, safeTxParams])
+
+  return safeTxGas
+}
+
+export const useAlreadySigned = (safeTx: SafeTransaction | undefined): boolean => {
+  const wallet = useSigner()
+  const hasSigned =
+    safeTx && wallet && (safeTx.signatures.has(wallet.address.toLowerCase()) || safeTx.signatures.has(wallet.address))
+  return Boolean(hasSigned)
+}
diff --git a/apps/web/src/components/tx/SignOrExecuteForm/index.tsx b/apps/web/src/components/tx/SignOrExecuteForm/index.tsx
new file mode 100644
index 000000000..2752723f7
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/index.tsx
@@ -0,0 +1,45 @@
+import { useContext } from 'react'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import SignOrExecuteForm from './SignOrExecuteForm'
+import type { SignOrExecuteProps, SubmitCallback } from './SignOrExecuteForm'
+import SignOrExecuteSkeleton from './SignOrExecuteSkeleton'
+import useTxDetails from '@/hooks/useTxDetails'
+import useTxPreview from '../confirmation-views/useTxPreview'
+
+type SignOrExecuteExtendedProps = SignOrExecuteProps & {
+  onSubmit?: SubmitCallback
+  txId?: string
+  children?: React.ReactNode
+  isExecutable?: boolean
+  isRejection?: boolean
+  isBatch?: boolean
+  isBatchable?: boolean
+  onlyExecute?: boolean
+  disableSubmit?: boolean
+  origin?: string
+  isCreation?: boolean
+}
+
+const SignOrExecute = (props: SignOrExecuteExtendedProps) => {
+  const { safeTx, safeTxError } = useContext(SafeTxContext)
+  const [txDetails, , txDetailsLoading] = useTxDetails(props.txId)
+  const [txPreview, , txPreviewLoading] = useTxPreview(safeTx?.data, undefined, props.txId)
+
+  if ((!safeTx && !safeTxError) || txDetailsLoading || txPreviewLoading) {
+    return <SignOrExecuteSkeleton />
+  }
+
+  return (
+    <SignOrExecuteForm
+      {...props}
+      isCreation={!props.txId}
+      txId={props.txId}
+      txDetails={txDetails}
+      txPreview={txPreview}
+    >
+      {props.children}
+    </SignOrExecuteForm>
+  )
+}
+
+export default SignOrExecute
diff --git a/apps/web/src/components/tx/SignOrExecuteForm/styles.module.css b/apps/web/src/components/tx/SignOrExecuteForm/styles.module.css
new file mode 100644
index 000000000..562848ee8
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/styles.module.css
@@ -0,0 +1,40 @@
+.wrapper {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  margin-bottom: var(--space-1);
+}
+
+.icon {
+  width: 34px;
+  height: 34px;
+  border-radius: 6px;
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+}
+
+.sign {
+  background-color: var(--color-info-background);
+}
+
+.sign svg {
+  color: var(--color-info-dark);
+}
+
+.execute {
+  background-color: var(--color-secondary-background);
+}
+
+.execute svg {
+  color: var(--color-secondary-dark);
+}
+
+[data-theme='dark'] .execute {
+  background-color: var(--color-success-background);
+}
+
+[data-theme='dark'] .execute svg {
+  color: var(--color-success-dark);
+}
diff --git a/apps/web/src/components/tx/SignOrExecuteForm/tracking.ts b/apps/web/src/components/tx/SignOrExecuteForm/tracking.ts
new file mode 100644
index 000000000..8a4ffb1bf
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/tracking.ts
@@ -0,0 +1,90 @@
+import { useCallback, useRef } from 'react'
+import { MODALS_EVENTS, trackEvent } from '@/services/analytics'
+import { TX_EVENTS } from '@/services/analytics/events/transactions'
+import { getTransactionTrackingType } from '@/services/analytics/tx-tracking'
+import { isNestedConfirmationTxInfo } from '@/utils/transaction-guards'
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+
+function getCreationEvent(args: { isParentSigner: boolean; isRoleExecution: boolean; isProposerCreation: boolean }) {
+  if (args.isParentSigner) {
+    return TX_EVENTS.CREATE_VIA_PARENT
+  }
+  if (args.isRoleExecution) {
+    return TX_EVENTS.CREATE_VIA_ROLE
+  }
+  if (args.isProposerCreation) {
+    return TX_EVENTS.CREATE_VIA_PROPOSER
+  }
+  return TX_EVENTS.CREATE
+}
+
+function getConfirmationEvent(args: { isParentSigner: boolean; isNestedConfirmation: boolean }) {
+  if (args.isParentSigner) {
+    return TX_EVENTS.CONFIRM_VIA_PARENT
+  }
+  if (args.isNestedConfirmation) {
+    return TX_EVENTS.CONFIRM_IN_PARENT
+  }
+  return TX_EVENTS.CONFIRM
+}
+
+function getExecutionEvent(args: { isParentSigner: boolean; isNestedConfirmation: boolean; isRoleExecution: boolean }) {
+  if (args.isParentSigner) {
+    return TX_EVENTS.EXECUTE_VIA_PARENT
+  }
+  if (args.isNestedConfirmation) {
+    return TX_EVENTS.EXECUTE_IN_PARENT
+  }
+  if (args.isRoleExecution) {
+    return TX_EVENTS.EXECUTE_VIA_ROLE
+  }
+  return TX_EVENTS.EXECUTE
+}
+
+export function trackTxEvents(
+  details: TransactionDetails | undefined,
+  isCreation: boolean,
+  isExecuted: boolean,
+  isRoleExecution: boolean,
+  isProposerCreation: boolean,
+  isParentSigner: boolean,
+  origin?: string,
+  isMassPayout: boolean = false,
+) {
+  const isNestedConfirmation = !!details && isNestedConfirmationTxInfo(details.txInfo)
+
+  const creationEvent = getCreationEvent({ isParentSigner, isRoleExecution, isProposerCreation })
+  const confirmationEvent = getConfirmationEvent({ isParentSigner, isNestedConfirmation })
+  const executionEvent = getExecutionEvent({ isParentSigner, isNestedConfirmation, isRoleExecution })
+
+  const event = (() => {
+    if (isCreation) {
+      return creationEvent
+    }
+    if (isExecuted) {
+      return executionEvent
+    }
+    return confirmationEvent
+  })()
+
+  const txType = getTransactionTrackingType(details, origin, isMassPayout)
+  trackEvent({ ...event, label: txType })
+
+  // Immediate execution on creation
+  if (isCreation && isExecuted) {
+    trackEvent({ ...executionEvent, label: txType })
+  }
+}
+
+export function useTrackTimeSpent() {
+  const startTime = useRef(Date.now())
+
+  return useCallback(() => {
+    const secondsElapsed = Math.round((Date.now() - startTime.current) / 1000)
+
+    trackEvent({
+      ...MODALS_EVENTS.RECEIPT_TIME_SPENT,
+      label: secondsElapsed,
+    })
+  }, [startTime])
+}
diff --git a/src/components/tx/SponsoredBy/index.tsx b/apps/web/src/components/tx/SponsoredBy/index.tsx
similarity index 100%
rename from src/components/tx/SponsoredBy/index.tsx
rename to apps/web/src/components/tx/SponsoredBy/index.tsx
diff --git a/apps/web/src/components/tx/SponsoredBy/styles.module.css b/apps/web/src/components/tx/SponsoredBy/styles.module.css
new file mode 100644
index 000000000..e6e43fc7d
--- /dev/null
+++ b/apps/web/src/components/tx/SponsoredBy/styles.module.css
@@ -0,0 +1,31 @@
+.sponsoredBy {
+  padding: 8px 12px;
+  background-color: var(--color-background-main);
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+  border-top: 1px solid var(--color-border-light);
+  display: flex;
+}
+
+.icon {
+  margin-right: 8px;
+  margin-top: -1px;
+  color: var(--color-text-secondary);
+  width: 24px;
+}
+
+.logo {
+  width: 16px;
+  height: 16px;
+  margin-left: 2px;
+}
+
+[data-theme='dark'] .logo {
+  filter: brightness(0) invert(1);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme='light']) .logo {
+    filter: brightness(0) invert(1);
+  }
+}
diff --git a/src/components/tx/SuccessMessage/index.tsx b/apps/web/src/components/tx/SuccessMessage/index.tsx
similarity index 100%
rename from src/components/tx/SuccessMessage/index.tsx
rename to apps/web/src/components/tx/SuccessMessage/index.tsx
diff --git a/src/components/tx/SuccessMessage/styles.module.css b/apps/web/src/components/tx/SuccessMessage/styles.module.css
similarity index 100%
rename from src/components/tx/SuccessMessage/styles.module.css
rename to apps/web/src/components/tx/SuccessMessage/styles.module.css
diff --git a/apps/web/src/components/tx/TransactionWarnings/index.tsx b/apps/web/src/components/tx/TransactionWarnings/index.tsx
new file mode 100644
index 000000000..763e8aef3
--- /dev/null
+++ b/apps/web/src/components/tx/TransactionWarnings/index.tsx
@@ -0,0 +1,10 @@
+import {
+  UntrustedFallbackHandlerTxAlert,
+  useSetsUntrustedFallbackHandler,
+} from '../confirmation-views/SettingsChange/UntrustedFallbackHandlerTxAlert'
+import { type TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+
+export const TransactionWarnings = ({ txData }: { txData?: TransactionData }) => {
+  const isUntrustedFallbackHandler = useSetsUntrustedFallbackHandler(txData)
+  return <>{isUntrustedFallbackHandler && <UntrustedFallbackHandlerTxAlert />}</>
+}
diff --git a/apps/web/src/components/tx/confirmation-views/BatchTransactions/BatchTransactions.stories.tsx b/apps/web/src/components/tx/confirmation-views/BatchTransactions/BatchTransactions.stories.tsx
new file mode 100644
index 000000000..5625ff11d
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/BatchTransactions/BatchTransactions.stories.tsx
@@ -0,0 +1,42 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { Paper, ThemeProvider } from '@mui/material'
+import { StoreDecorator } from '@/stories/storeDecorator'
+import BatchTransactions from './index'
+import { mockedDarftBatch } from './mockData'
+import createSafeTheme from '@/components/theme/safeTheme'
+
+const meta = {
+  component: BatchTransactions,
+  parameters: {
+    layout: 'centered',
+  },
+  decorators: [
+    (Story) => {
+      return (
+        <StoreDecorator
+          initialState={{
+            chains: { data: [{ chainId: '11155111' }] },
+            batch: {
+              '11155111': {
+                '': [mockedDarftBatch[0], mockedDarftBatch[0]],
+              },
+            },
+          }}
+        >
+          <ThemeProvider theme={createSafeTheme('dark')}>
+            <Paper sx={{ padding: 2 }}>
+              <Story />
+            </Paper>
+          </ThemeProvider>
+        </StoreDecorator>
+      )
+    },
+  ],
+
+  tags: ['autodocs'],
+} satisfies Meta<typeof BatchTransactions>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {}
diff --git a/apps/web/src/components/tx/confirmation-views/BatchTransactions/BatchTransactions.test.tsx b/apps/web/src/components/tx/confirmation-views/BatchTransactions/BatchTransactions.test.tsx
new file mode 100644
index 000000000..154f41776
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/BatchTransactions/BatchTransactions.test.tsx
@@ -0,0 +1,15 @@
+import { render } from '@/tests/test-utils'
+import BatchTransactions from '.'
+import * as useDraftBatch from '@/hooks/useDraftBatch'
+import { mockedDarftBatch } from './mockData'
+
+jest.spyOn(useDraftBatch, 'useDraftBatch').mockImplementation(() => mockedDarftBatch)
+
+describe('BatchTransactions', () => {
+  it('should render a list of batch transactions', () => {
+    const { container, getByText } = render(<BatchTransactions />)
+
+    expect(container).toMatchSnapshot()
+    expect(getByText('GnosisSafeProxy')).toBeDefined()
+  })
+})
diff --git a/apps/web/src/components/tx/confirmation-views/BatchTransactions/__snapshots__/BatchTransactions.test.tsx.snap b/apps/web/src/components/tx/confirmation-views/BatchTransactions/__snapshots__/BatchTransactions.test.tsx.snap
new file mode 100644
index 000000000..b117a0f30
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/BatchTransactions/__snapshots__/BatchTransactions.test.tsx.snap
@@ -0,0 +1,256 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`BatchTransactions should render a list of batch transactions 1`] = `
+<div>
+  <ul
+    class="MuiList-root MuiList-padding css-8g50lk-MuiList-root"
+  >
+    <li
+      class="MuiListItem-root MuiListItem-gutters css-rqnn2j-MuiListItem-root"
+    >
+      <div
+        class="number"
+      >
+        1
+      </div>
+      <div
+        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1147gyl-MuiPaper-root-MuiAccordion-root"
+        style="--Paper-shadow: none;"
+      >
+        <h3
+          class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+        >
+          <button
+            aria-expanded="false"
+            class="MuiButtonBase-root MuiAccordionSummary-root MuiAccordionSummary-gutters accordion css-10sjung-MuiButtonBase-root-MuiAccordionSummary-root"
+            tabindex="0"
+            type="button"
+          >
+            <span
+              class="MuiAccordionSummary-content MuiAccordionSummary-contentGutters css-1r0e0ir-MuiAccordionSummary-content"
+            >
+              <div
+                class="MuiBox-root css-mvjamn"
+              >
+                <div
+                  class="txType MuiBox-root css-0"
+                >
+                  <img
+                    alt="Send"
+                    height="16"
+                    src="/images/transactions/outgoing.svg"
+                    width="16"
+                  />
+                  <span
+                    class="txTypeText"
+                  >
+                    Send
+                  </span>
+                </div>
+                <div
+                  class="MuiBox-root css-1rr4qq7"
+                >
+                  <span
+                    aria-label="1000000000000"
+                    class="container"
+                    data-mui-internal-clone-element="true"
+                  >
+                    <b
+                      class="tokenText"
+                    >
+                      -
+                      1000000000000
+                       
+                    </b>
+                  </span>
+                </div>
+              </div>
+            </span>
+            <span
+              class="MuiAccordionSummary-expandIconWrapper css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1dhtbeh-MuiSvgIcon-root"
+                data-testid="ExpandMoreIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
+                />
+              </svg>
+            </span>
+          </button>
+        </h3>
+        <div
+          class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+          style="min-height: 0px;"
+        >
+          <div
+            class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
+          >
+            <div
+              class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
+            >
+              <div
+                class="MuiAccordion-region"
+                role="region"
+              >
+                <div
+                  class="MuiAccordionDetails-root css-w74p4c-MuiAccordionDetails-root"
+                >
+                  <div
+                    class="details"
+                  >
+                    <div
+                      class="MuiBox-root css-1821gv5"
+                    >
+                      <div
+                        class="MuiBox-root css-8v90jo"
+                      >
+                        Send
+                         
+                        <b>
+                          <span
+                            aria-label="1000000000000"
+                            class="container"
+                            data-mui-internal-clone-element="true"
+                          >
+                            <b
+                              class="tokenText"
+                            >
+                              1000000000000
+                               
+                            </b>
+                          </span>
+                        </b>
+                         to
+                      </div>
+                      <div
+                        class="MuiBox-root css-7pf6at"
+                      >
+                        <div
+                          class="container"
+                        >
+                          <div
+                            class="avatarContainer"
+                            style="width: 40px; height: 40px;"
+                          >
+                            <div
+                              class="icon"
+                              style="background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0ib3B0aW1pemVTcGVlZCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJoc2woMjI2IDc1JSA0NCUpIiBkPSJNMCwwSDhWOEgweiIvPjxwYXRoIGZpbGw9ImhzbCg3MCA1NyUgNTYlKSIgZD0iTTAsMGgxdjFoLTF6TTcsMGgxdjFoLTF6TTEsMGgxdjFoLTF6TTYsMGgxdjFoLTF6TTIsMGgxdjFoLTF6TTUsMGgxdjFoLTF6TTAsMWgxdjFoLTF6TTcsMWgxdjFoLTF6TTAsMmgxdjFoLTF6TTcsMmgxdjFoLTF6TTEsMmgxdjFoLTF6TTYsMmgxdjFoLTF6TTIsMmgxdjFoLTF6TTUsMmgxdjFoLTF6TTMsMmgxdjFoLTF6TTQsMmgxdjFoLTF6TTEsM2gxdjFoLTF6TTYsM2gxdjFoLTF6TTAsNGgxdjFoLTF6TTcsNGgxdjFoLTF6TTEsNWgxdjFoLTF6TTYsNWgxdjFoLTF6TTMsNWgxdjFoLTF6TTQsNWgxdjFoLTF6TTEsNmgxdjFoLTF6TTYsNmgxdjFoLTF6TTIsNmgxdjFoLTF6TTUsNmgxdjFoLTF6TTAsN2gxdjFoLTF6TTcsN2gxdjFoLTF6Ii8+PHBhdGggZmlsbD0iaHNsKDMzMSA4NiUgNDglKSIgZD0iTTAsM2gxdjFoLTF6TTcsM2gxdjFoLTF6TTIsNWgxdjFoLTF6TTUsNWgxdjFoLTF6TTMsNmgxdjFoLTF6TTQsNmgxdjFoLTF6TTIsN2gxdjFoLTF6TTUsN2gxdjFoLTF6Ii8+PC9zdmc+); width: 40px; height: 40px;"
+                            />
+                          </div>
+                          <div
+                            class="MuiBox-root css-1lchl8k"
+                          >
+                            <div
+                              class="ethHashInfo-name MuiBox-root css-171onha"
+                              title="GnosisSafeProxy"
+                            >
+                              <div
+                                class="MuiBox-root css-1o4wo1x"
+                              >
+                                GnosisSafeProxy
+                              </div>
+                            </div>
+                            <div
+                              class="addressContainer"
+                            >
+                              <div
+                                class="MuiBox-root css-b5p5gz"
+                              >
+                                <span
+                                  aria-label="Copy to clipboard"
+                                  class=""
+                                  data-mui-internal-clone-element="true"
+                                  style="cursor: pointer;"
+                                >
+                                  <span>
+                                    0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6
+                                  </span>
+                                </span>
+                              </div>
+                              <span
+                                aria-label="Copy to clipboard"
+                                class=""
+                                data-mui-internal-clone-element="true"
+                                style="cursor: pointer;"
+                              >
+                                <button
+                                  aria-label="Copy to clipboard"
+                                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                                  tabindex="0"
+                                  type="button"
+                                >
+                                  <mock-icon
+                                    aria-hidden=""
+                                    class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                    data-testid="copy-btn-icon"
+                                    focusable="false"
+                                  />
+                                </button>
+                              </span>
+                              <div
+                                class="MuiBox-root css-yjghm1"
+                              />
+                              <button
+                                class="MuiButtonBase-root MuiIconButton-root MuiIconButton-edgeEnd MuiIconButton-sizeSmall css-1bg1tw1-MuiButtonBase-root-MuiIconButton-root"
+                                tabindex="0"
+                                type="button"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-1ktsa7m-MuiSvgIcon-root"
+                                  data-testid="MoreHorizIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
+                                  />
+                                </svg>
+                              </button>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-1yff1ei-MuiGrid-root"
+                      data-testid=""
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-ezmk0c-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <span
+                          class="MuiTypography-root MuiTypography-body2 css-1ew0eu5-MuiTypography-root"
+                        >
+                          Created:
+                        </span>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        <div
+                          class="MuiTypography-root MuiTypography-body1 css-v6lhhw-MuiTypography-root"
+                        >
+                          9/20/2024, 10:20:15 AM
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>
+`;
diff --git a/apps/web/src/components/tx/confirmation-views/BatchTransactions/index.tsx b/apps/web/src/components/tx/confirmation-views/BatchTransactions/index.tsx
new file mode 100644
index 000000000..f219a7420
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/BatchTransactions/index.tsx
@@ -0,0 +1,10 @@
+import BatchTxList from '@/components/batch/BatchSidebar/BatchTxList'
+import { useDraftBatch } from '@/hooks/useDraftBatch'
+
+function BatchTransactions() {
+  const batchTxs = useDraftBatch()
+
+  return <BatchTxList txItems={batchTxs} />
+}
+
+export default BatchTransactions
diff --git a/apps/web/src/components/tx/confirmation-views/BatchTransactions/mockData.ts b/apps/web/src/components/tx/confirmation-views/BatchTransactions/mockData.ts
new file mode 100644
index 000000000..4300923cd
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/BatchTransactions/mockData.ts
@@ -0,0 +1,121 @@
+import type { DraftBatchItem } from '@/store/batchSlice'
+
+export const mockedDarftBatch = [
+  {
+    id: '6283sw7pzyk',
+    timestamp: 1726820415651,
+    txDetails: {
+      safeAddress: '0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6',
+      txId: 'multisig_0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6_0x876e728deafcc9ba46461cc63078a521f520b620b0a3c2e4b40a5f1f69358f6c',
+      executedAt: null,
+      txStatus: 'AWAITING_CONFIRMATIONS',
+      txInfo: {
+        type: 'Transfer',
+        humanDescription: null,
+        sender: {
+          value: '0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6',
+          name: null,
+          logoUri: null,
+        },
+        recipient: {
+          value: '0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6',
+          name: 'GnosisSafeProxy',
+          logoUri: null,
+        },
+        direction: 'OUTGOING',
+        transferInfo: {
+          type: 'NATIVE_COIN',
+          value: '1000000000000',
+        },
+      },
+      txData: {
+        hexData: null,
+        dataDecoded: null,
+        to: {
+          value: '0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6',
+          name: 'GnosisSafeProxy',
+          logoUri: null,
+        },
+        value: '1000000000000',
+        operation: 0,
+        trustedDelegateCallTarget: null,
+        addressInfoIndex: null,
+      },
+      txHash: null,
+      detailedExecutionInfo: {
+        type: 'MULTISIG',
+        submittedAt: 1726820406700,
+        nonce: 45,
+        safeTxGas: '0',
+        baseGas: '0',
+        gasPrice: '0',
+        gasToken: '0x0000000000000000000000000000000000000000',
+        refundReceiver: {
+          value: '0x0000000000000000000000000000000000000000',
+          name: null,
+          logoUri: null,
+        },
+        safeTxHash: '0x876e728deafcc9ba46461cc63078a521f520b620b0a3c2e4b40a5f1f69358f6c',
+        executor: null,
+        signers: [
+          {
+            value: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+            name: null,
+            logoUri: null,
+          },
+          {
+            value: '0xEe91F585eA6ABc2822FaD082a095B46939059a31',
+            name: null,
+            logoUri: null,
+          },
+          {
+            value: '0x3819b800c67Be64029C1393c8b2e0d0d627dADE2',
+            name: null,
+            logoUri: null,
+          },
+          {
+            value: '0xd8BBcB76BC9AeA78972ED4773A5EB67B413f26A5',
+            name: null,
+            logoUri: null,
+          },
+          {
+            value: '0x21D62C6894741DE97944D7844ED44D7782C66ABC',
+            name: null,
+            logoUri: null,
+          },
+          {
+            value: '0xD33dD066fC8a0BC70269AC06B0ED98B00BFA3A0a',
+            name: null,
+            logoUri: null,
+          },
+          {
+            value: '0xC2e333cb4aFfD6067D1d46ff80A6e631EC7B5A17',
+            name: null,
+            logoUri: null,
+          },
+          {
+            value: '0xbc2BB26a6d821e69A38016f3858561a1D80d4182',
+            name: null,
+            logoUri: null,
+          },
+          {
+            value: '0x474e5Ded6b5D078163BFB8F6dBa355C3aA5478C8',
+            name: null,
+            logoUri: null,
+          },
+        ],
+        confirmationsRequired: 2,
+        confirmations: [],
+        rejectors: [],
+        gasTokenInfo: null,
+        trusted: false,
+        proposer: {
+          value: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+          name: null,
+          logoUri: null,
+        },
+      },
+      safeAppInfo: null,
+    },
+  },
+] as unknown as DraftBatchItem[]
diff --git a/apps/web/src/components/tx/confirmation-views/BridgeTransaction/BridgeRecipientWarnings.tsx b/apps/web/src/components/tx/confirmation-views/BridgeTransaction/BridgeRecipientWarnings.tsx
new file mode 100644
index 000000000..1680bf868
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/BridgeTransaction/BridgeRecipientWarnings.tsx
@@ -0,0 +1,86 @@
+import { useSafeCreationData } from '@/features/multichain/hooks/useSafeCreationData'
+import useChains from '@/hooks/useChains'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { Alert, AlertTitle, Typography } from '@mui/material'
+import { useSafesGetSafeV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { haveSameSetup } from '@safe-global/utils/utils/safe-setup-comparison'
+import { useMemo } from 'react'
+import { type BridgeAndSwapTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import useAddressBook from '@/hooks/useAddressBook'
+import useOwnedSafes from '@/hooks/useOwnedSafes'
+import { type BridgeWarning } from '@safe-global/utils/components/confirmation-views/BridgeTransaction/BridgeWarnings'
+import {
+  useBridgeWarningLogic,
+  type BridgeWarningData,
+} from '@safe-global/utils/components/confirmation-views/BridgeTransaction/useBridgeWarningLogic'
+
+const WarningAlert = ({ warning }: { warning: BridgeWarning }) => (
+  <Alert severity={warning.severity} sx={{ marginTop: '16px' }}>
+    <AlertTitle>
+      <Typography fontWeight="700">{warning.title}</Typography>
+    </AlertTitle>
+    {warning.description}
+  </Alert>
+)
+
+export const BridgeRecipientWarnings = ({ txInfo }: { txInfo: BridgeAndSwapTransactionInfo }) => {
+  const { safe } = useSafeInfo()
+  const { configs } = useChains()
+  const [_creationData, creationError] = useSafeCreationData(safe.address.value, configs)
+  const isSameAddress = sameAddress(txInfo.recipient.value, safe.address.value)
+  const destinationAddressBook = useAddressBook(txInfo.toChain)
+  const destinationOwnedSafes = useOwnedSafes(txInfo.toChain)
+
+  const isMultiChainSafe = creationError === undefined
+
+  const { data: otherSafe, error: otherSafeError } = useSafesGetSafeV1Query(
+    { chainId: txInfo.toChain, safeAddress: safe.address.value },
+    { skip: !isSameAddress },
+  )
+
+  const otherSafeExists = otherSafe !== undefined
+
+  const hasSameSetup = useMemo(() => {
+    if (!otherSafeExists || otherSafeError) return false
+    return haveSameSetup(otherSafe, safe)
+  }, [otherSafeExists, otherSafeError, otherSafe, safe])
+
+  const isDestinationChainSupported = configs.some((chain) => chain.chainId === txInfo.toChain)
+  const isRecipientInAddressBook = destinationAddressBook[txInfo.recipient.value] !== undefined
+  const isRecipientOwnedSafe = destinationOwnedSafes[txInfo.toChain]?.some((ownedSafeAddress) =>
+    sameAddress(ownedSafeAddress, txInfo.recipient.value),
+  )
+
+  // Prepare data for shared warning logic
+  const warningData: BridgeWarningData = useMemo(
+    () => ({
+      isSameAddress,
+      isDestinationChainSupported,
+      isMultiChainSafe,
+      otherSafeExists,
+      hasSameSetup,
+      isRecipientInAddressBook,
+      isRecipientOwnedSafe,
+    }),
+    [
+      isSameAddress,
+      isDestinationChainSupported,
+      isMultiChainSafe,
+      otherSafeExists,
+      hasSameSetup,
+      isRecipientInAddressBook,
+      isRecipientOwnedSafe,
+    ],
+  )
+
+  // Use shared warning logic
+  const warning = useBridgeWarningLogic(warningData)
+
+  // Render warning if one exists
+  if (warning) {
+    return <WarningAlert warning={warning} />
+  }
+
+  return null
+}
diff --git a/apps/web/src/components/tx/confirmation-views/BridgeTransaction/__tests__/BridgeRecipientWarnings.test.tsx b/apps/web/src/components/tx/confirmation-views/BridgeTransaction/__tests__/BridgeRecipientWarnings.test.tsx
new file mode 100644
index 000000000..a8436834f
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/BridgeTransaction/__tests__/BridgeRecipientWarnings.test.tsx
@@ -0,0 +1,243 @@
+import { render, waitFor } from '@/tests/test-utils'
+import { BridgeRecipientWarnings } from '../BridgeRecipientWarnings'
+import { BridgeWarnings } from '@safe-global/utils/components/confirmation-views/BridgeTransaction/BridgeWarnings'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+import * as useSafeInfoHook from '@/hooks/useSafeInfo'
+import * as useChainsHook from '@/hooks/useChains'
+import * as useSafeCreationDataHook from '@/features/multichain/hooks/useSafeCreationData'
+import { type BridgeAndSwapTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { chainBuilder } from '@/tests/builders/chains'
+import { type ReplayedSafeProps } from '@safe-global/utils/features/counterfactual/store/types'
+import { type AsyncResult } from '@safe-global/utils/hooks/useAsync'
+import * as useSafesGetSafeV1QueryHook from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import * as useAddressBookHook from '@/hooks/useAddressBook'
+import * as useOwnedSafesHook from '@/hooks/useOwnedSafes'
+import { faker } from '@faker-js/faker'
+
+const mockSafeInfo = extendedSafeInfoBuilder().build()
+const mockSourceChain = chainBuilder().with({ chainId: '1', chainName: 'Ethereum' }).build()
+const mockDestinationChain = chainBuilder().with({ chainId: '100', chainName: 'Gnosis Chain' }).build()
+const mockUnsupportedChain = chainBuilder().with({ chainId: '999', chainName: 'Unsupported Chain' }).build()
+
+const mockTxInfo: BridgeAndSwapTransactionInfo = {
+  type: 'SwapAndBridge',
+  humanDescription: null,
+  fromToken: {
+    address: '0x0000000000000000000000000000000000000000',
+    name: 'Ether',
+    symbol: 'ETH',
+    decimals: 18,
+    logoUri: '',
+    trusted: true,
+  },
+  recipient: { value: mockSafeInfo.address.value },
+  explorerUrl: null,
+  status: 'PENDING',
+  substatus: 'WAIT_SOURCE_CONFIRMATIONS',
+  fees: null,
+  fromAmount: '1000000000000000000',
+  toChain: mockDestinationChain.chainId,
+  toToken: null,
+  toAmount: null,
+}
+
+describe('BridgeRecipientWarnings', () => {
+  beforeEach(() => {
+    jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
+      safe: mockSafeInfo,
+      safeAddress: mockSafeInfo.address.value,
+      safeError: undefined,
+      safeLoading: false,
+      safeLoaded: true,
+    }))
+
+    jest.spyOn(useChainsHook, 'default').mockImplementation(() => ({
+      configs: [mockSourceChain, mockDestinationChain],
+      error: undefined,
+      loading: false,
+    }))
+
+    jest
+      .spyOn(useSafeCreationDataHook, 'useSafeCreationData')
+      .mockImplementation(() => [undefined, undefined, false] as AsyncResult<ReplayedSafeProps>)
+
+    jest.spyOn(useSafesGetSafeV1QueryHook, 'useSafesGetSafeV1Query').mockImplementation(() => ({
+      data: undefined,
+      error: undefined,
+      isLoading: false,
+      isError: false,
+      isSuccess: false,
+      isFetching: false,
+      refetch: jest.fn(),
+    }))
+
+    jest.spyOn(useAddressBookHook, 'default').mockImplementation(() => ({}))
+
+    jest.spyOn(useOwnedSafesHook, 'default').mockImplementation(() => ({
+      [mockDestinationChain.chainId]: [faker.finance.ethereumAddress(), faker.finance.ethereumAddress()],
+    }))
+  })
+
+  it('should not show warning when bridging to same address with same setup', async () => {
+    jest.spyOn(useSafesGetSafeV1QueryHook, 'useSafesGetSafeV1Query').mockImplementation(() => ({
+      data: {
+        ...mockSafeInfo,
+        owners: mockSafeInfo.owners,
+        threshold: mockSafeInfo.threshold,
+      },
+      error: undefined,
+      isLoading: false,
+      isError: false,
+      isSuccess: true,
+      isFetching: false,
+      refetch: jest.fn(),
+    }))
+
+    const { container } = render(<BridgeRecipientWarnings txInfo={mockTxInfo} />)
+    await waitFor(() => {
+      expect(container).toBeEmptyDOMElement()
+    })
+  })
+
+  it('should show warning when bridging to same address with different setup', async () => {
+    jest
+      .spyOn(useSafeCreationDataHook, 'useSafeCreationData')
+      .mockImplementation(() => [undefined, undefined, false] as AsyncResult<ReplayedSafeProps>)
+
+    jest.spyOn(useSafesGetSafeV1QueryHook, 'useSafesGetSafeV1Query').mockImplementation(() => ({
+      data: {
+        ...mockSafeInfo,
+        owners: [{ value: faker.finance.ethereumAddress() }],
+        threshold: 1,
+      },
+      error: undefined,
+      isLoading: false,
+      isError: false,
+      isSuccess: true,
+      isFetching: false,
+      refetch: jest.fn(),
+    }))
+
+    const { getByText } = render(<BridgeRecipientWarnings txInfo={mockTxInfo} />)
+    await waitFor(() => {
+      expect(getByText('Different Safe setup on target chain')).toBeInTheDocument()
+      expect(getByText(BridgeWarnings.DIFFERENT_SETUP.description)).toBeInTheDocument()
+    })
+  })
+
+  it('should show error when Safe does not support adding networks', async () => {
+    jest
+      .spyOn(useSafeCreationDataHook, 'useSafeCreationData')
+      .mockImplementation(() => [undefined, new Error('Not supported'), false] as AsyncResult<ReplayedSafeProps>)
+
+    const { getByText } = render(<BridgeRecipientWarnings txInfo={mockTxInfo} />)
+    await waitFor(() => {
+      expect(getByText('Incompatible Safe version')).toBeInTheDocument()
+      expect(getByText(BridgeWarnings.NO_MULTICHAIN_SUPPORT.description)).toBeInTheDocument()
+    })
+  })
+
+  it('should show warning when Safe is not deployed on destination chain', async () => {
+    jest.spyOn(useSafeCreationDataHook, 'useSafeCreationData').mockImplementation(
+      () =>
+        [
+          {
+            factoryAddress: faker.finance.ethereumAddress(),
+            safeVersion: '1.3.0',
+            masterCopy: faker.finance.ethereumAddress(),
+            safeAccountConfig: {
+              owners: [mockSafeInfo.owners[0].value],
+              threshold: mockSafeInfo.threshold,
+              fallbackHandler: faker.finance.ethereumAddress(),
+              to: faker.finance.ethereumAddress(),
+              data: faker.finance.ethereumAddress(),
+              paymentReceiver: faker.finance.ethereumAddress(),
+            },
+            saltNonce: '0',
+          },
+          undefined,
+          false,
+        ] as AsyncResult<ReplayedSafeProps>,
+    )
+
+    jest.spyOn(useSafesGetSafeV1QueryHook, 'useSafesGetSafeV1Query').mockImplementation(() => ({
+      data: undefined,
+      error: undefined,
+      isLoading: false,
+      isError: false,
+      isSuccess: true,
+      isFetching: false,
+      refetch: jest.fn(),
+    }))
+
+    const { getByText } = render(<BridgeRecipientWarnings txInfo={mockTxInfo} />)
+    await waitFor(() => {
+      expect(getByText('No ownership on target chain')).toBeInTheDocument()
+      expect(getByText(BridgeWarnings.SAFE_NOT_DEPLOYED.description)).toBeInTheDocument()
+    })
+  })
+
+  it('should show warning when bridging to different address not in address book', async () => {
+    const differentAddressTxInfo = {
+      ...mockTxInfo,
+      recipient: { value: '0x0000000000000000000000000000000000000001' },
+    }
+
+    const { getByText } = render(<BridgeRecipientWarnings txInfo={differentAddressTxInfo} />)
+    await waitFor(() => {
+      expect(getByText('Unknown address')).toBeInTheDocument()
+      expect(getByText(BridgeWarnings.DIFFERENT_ADDRESS.description)).toBeInTheDocument()
+    })
+  })
+
+  it('should not show warning when bridging to different address in address book', async () => {
+    const differentAddressTxInfo = {
+      ...mockTxInfo,
+      recipient: { value: '0x0000000000000000000000000000000000000001' },
+    }
+
+    jest.spyOn(useAddressBookHook, 'default').mockImplementation((chainId) => {
+      if (chainId === mockDestinationChain.chainId) {
+        return {
+          [differentAddressTxInfo.recipient.value]: 'Test Address',
+        }
+      }
+      return {}
+    })
+
+    const { container } = render(<BridgeRecipientWarnings txInfo={differentAddressTxInfo} />)
+    await waitFor(() => {
+      expect(container).toBeEmptyDOMElement()
+    })
+  })
+
+  it('should not show warning when bridging to different address that is owned on target chain', async () => {
+    const ownedAddress = faker.finance.ethereumAddress()
+    const differentAddressTxInfo = {
+      ...mockTxInfo,
+      recipient: { value: ownedAddress },
+    }
+
+    jest.spyOn(useOwnedSafesHook, 'default').mockImplementation(() => ({
+      [mockDestinationChain.chainId]: [faker.finance.ethereumAddress(), ownedAddress, faker.finance.ethereumAddress()],
+    }))
+
+    const { container } = render(<BridgeRecipientWarnings txInfo={differentAddressTxInfo} />)
+    await waitFor(() => {
+      expect(container).toBeEmptyDOMElement()
+    })
+  })
+
+  it('should show error when bridging to unsupported chain', async () => {
+    const unsupportedChainTxInfo = {
+      ...mockTxInfo,
+      toChain: mockUnsupportedChain.chainId,
+    }
+
+    const { getByText } = render(<BridgeRecipientWarnings txInfo={unsupportedChainTxInfo} />)
+    await waitFor(() => {
+      expect(getByText('The target network is not supported')).toBeInTheDocument()
+      expect(getByText(BridgeWarnings.UNKNOWN_CHAIN.description)).toBeInTheDocument()
+    })
+  })
+})
diff --git a/apps/web/src/components/tx/confirmation-views/BridgeTransaction/index.tsx b/apps/web/src/components/tx/confirmation-views/BridgeTransaction/index.tsx
new file mode 100644
index 000000000..06684f05e
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/BridgeTransaction/index.tsx
@@ -0,0 +1,188 @@
+import ChainIndicator from '@/components/common/ChainIndicator'
+import NamedAddressInfo from '@/components/common/NamedAddressInfo'
+import { DataRow } from '@/components/common/Table/DataRow'
+import { DataTable } from '@/components/common/Table/DataTable'
+import TokenAmount from '@/components/common/TokenAmount'
+import useChainId from '@/hooks/useChainId'
+import useChains from '@/hooks/useChains'
+import { Stack, Typography } from '@mui/material'
+import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { type BridgeAndSwapTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { formatAmount } from '@safe-global/utils/utils/formatNumber'
+import { formatUnits } from 'ethers'
+import { BridgeRecipientWarnings } from './BridgeRecipientWarnings'
+import ExternalLink from '@/components/common/ExternalLink'
+import css from './styles.module.css'
+
+interface BridgeTransactionProps {
+  txInfo: BridgeAndSwapTransactionInfo
+  showWarnings?: boolean
+}
+
+const BridgeTxRecipientRow = ({ txInfo }: BridgeTransactionProps) => {
+  return (
+    <DataRow datatestid="recipient" key="recipient" title="Recipient">
+      <Stack>
+        <NamedAddressInfo
+          address={txInfo.recipient.value}
+          showCopyButton
+          hasExplorer
+          showAvatar={false}
+          onlyName
+          showPrefix
+          chainId={txInfo.toChain}
+        />
+      </Stack>
+    </DataRow>
+  )
+}
+
+function pendingBridgeTransactionRows(txInfo: BridgeAndSwapTransactionInfo & { status: 'PENDING' }) {
+  const actualFromAmount =
+    BigInt(txInfo.fromAmount) + BigInt(txInfo.fees?.integratorFee ?? 0n) + BigInt(txInfo.fees?.lifiFee ?? 0n)
+
+  return [
+    <DataRow datatestid="amount" key="amount" title="Amount">
+      <Typography display="flex" alignItems="center" flexDirection="row" gap={1}>
+        Sending{' '}
+        <TokenAmount
+          value={actualFromAmount.toString()}
+          decimals={txInfo.fromToken.decimals}
+          logoUri={txInfo.fromToken.logoUri ?? ''}
+          tokenSymbol={txInfo.fromToken.symbol}
+        />{' '}
+        to <ChainIndicator chainId={txInfo.toChain} inline />
+      </Typography>
+    </DataRow>,
+  ]
+}
+
+function failedBridgeTransactionRows(txInfo: BridgeAndSwapTransactionInfo & { status: 'FAILED' }) {
+  const actualFromAmount =
+    BigInt(txInfo.fromAmount) + BigInt(txInfo.fees?.integratorFee ?? 0n) + BigInt(txInfo.fees?.lifiFee ?? 0n)
+  return [
+    <DataRow datatestid="amount" key="amount" title="Amount">
+      <Typography display="flex" alignItems="center" flexDirection="row" gap={1}>
+        Failed to send{' '}
+        <TokenAmount
+          value={actualFromAmount.toString()}
+          decimals={txInfo.fromToken.decimals}
+          logoUri={txInfo.fromToken.logoUri ?? ''}
+          tokenSymbol={txInfo.fromToken.symbol}
+        />{' '}
+        to <ChainIndicator chainId={txInfo.toChain} inline />
+      </Typography>
+    </DataRow>,
+    <DataRow datatestid="substatus" key="substatus" title="Substatus">
+      {txInfo.substatus}
+    </DataRow>,
+  ]
+}
+
+function successfulBridgeTransactionRows(
+  txInfo: BridgeAndSwapTransactionInfo & { status: 'DONE' },
+  chainId: string,
+  chainConfigs: ChainInfo[],
+) {
+  const actualFromAmount =
+    BigInt(txInfo.fromAmount) + BigInt(txInfo.fees?.integratorFee ?? 0n) + BigInt(txInfo.fees?.lifiFee ?? 0n)
+  const fromAmountDecimals = formatUnits(actualFromAmount, txInfo.fromToken.decimals)
+  const toAmountDecimals =
+    txInfo.toAmount && txInfo.toToken ? formatUnits(txInfo.toAmount, txInfo.toToken.decimals) : undefined
+  const exchangeRate = toAmountDecimals ? Number(toAmountDecimals) / Number(fromAmountDecimals) : undefined
+
+  const fromChainConfig = chainConfigs.find((config) => config.chainId === chainId)
+  const toChainConfig = chainConfigs.find((config) => config.chainId === txInfo.toChain)
+
+  const rows = []
+
+  rows.push(
+    <DataRow datatestid="amount" key="amount" title="Amount">
+      <Stack spacing={0.5}>
+        <Typography display="flex" alignItems="center" flexDirection="row" gap={1}>
+          Sell{' '}
+          <TokenAmount
+            value={actualFromAmount.toString()}
+            decimals={txInfo.fromToken.decimals}
+            logoUri={txInfo.fromToken.logoUri ?? ''}
+            tokenSymbol={txInfo.fromToken.symbol}
+            chainId={chainId}
+          />{' '}
+          on {fromChainConfig?.chainName ?? 'Unknown Chain'}
+        </Typography>
+        <Typography display="flex" alignItems="center" flexDirection="row" gap={1}>
+          {txInfo.toToken && txInfo.toAmount ? (
+            <>
+              For{' '}
+              <TokenAmount
+                value={txInfo.toAmount}
+                decimals={txInfo.toToken.decimals}
+                logoUri={txInfo.toToken.logoUri ?? ''}
+                tokenSymbol={txInfo.toToken.symbol}
+                chainId={txInfo.toChain}
+              />{' '}
+              on {toChainConfig?.chainName ?? 'Unknown Chain'}
+            </>
+          ) : (
+            <>Could not find buy token information.</>
+          )}
+        </Typography>
+      </Stack>
+    </DataRow>,
+  )
+  if (exchangeRate) {
+    rows.push(
+      <DataRow datatestid="exchange-rate" key="Exchange Rate" title="Exchange Rate">
+        1 {txInfo.fromToken.symbol} = {formatAmount(exchangeRate)} {txInfo.toToken!.symbol}
+      </DataRow>,
+    )
+  }
+
+  return rows
+}
+
+function BridgeTransaction({ txInfo, showWarnings = false }: BridgeTransactionProps) {
+  const chainId = useChainId()
+  const { configs } = useChains()
+
+  const totalFee = formatUnits(
+    BigInt(txInfo.fees?.integratorFee ?? 0n) + BigInt(txInfo.fees?.lifiFee ?? 0n),
+    txInfo.fromToken.decimals,
+  )
+
+  let rows = []
+  if (txInfo.status === 'PENDING' || txInfo.status === 'AWAITING_EXECUTION') {
+    rows.push(...pendingBridgeTransactionRows(txInfo as BridgeAndSwapTransactionInfo & { status: 'PENDING' }))
+  } else if (txInfo.status === 'FAILED') {
+    rows.push(...failedBridgeTransactionRows(txInfo as BridgeAndSwapTransactionInfo & { status: 'FAILED' }))
+  } else if (txInfo.status === 'DONE') {
+    rows.push(
+      ...successfulBridgeTransactionRows(txInfo as BridgeAndSwapTransactionInfo & { status: 'DONE' }, chainId, configs),
+    )
+  }
+  rows.push(
+    <BridgeTxRecipientRow txInfo={txInfo} />,
+    <DataRow datatestid="total-fee" key="fees" title="Fees">
+      {formatAmount(totalFee)} {txInfo.fromToken.symbol}
+    </DataRow>,
+  )
+
+  if (txInfo.explorerUrl) {
+    rows.push(
+      <DataRow datatestid="lifi-explorer-url" key="lifi-explorer-url" title="Lifi Explorer">
+        <ExternalLink className={css.externalLink} href={txInfo.explorerUrl}>
+          View in LiFi Explorer
+        </ExternalLink>
+      </DataRow>,
+    )
+  }
+
+  return (
+    <Stack>
+      <DataTable rows={rows} />
+      {showWarnings && txInfo.status === 'AWAITING_EXECUTION' && <BridgeRecipientWarnings txInfo={txInfo} />}
+    </Stack>
+  )
+}
+
+export default BridgeTransaction
diff --git a/apps/web/src/components/tx/confirmation-views/BridgeTransaction/styles.module.css b/apps/web/src/components/tx/confirmation-views/BridgeTransaction/styles.module.css
new file mode 100644
index 000000000..43c2bc925
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/BridgeTransaction/styles.module.css
@@ -0,0 +1,5 @@
+.externalLink {
+  text-decoration: none;
+  font-weight: 400 !important;
+  color: var(--color-text-primary);
+}
diff --git a/apps/web/src/components/tx/confirmation-views/ChangeThreshold/ChangeThreshold.stories.tsx b/apps/web/src/components/tx/confirmation-views/ChangeThreshold/ChangeThreshold.stories.tsx
new file mode 100644
index 000000000..9340a947f
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/ChangeThreshold/ChangeThreshold.stories.tsx
@@ -0,0 +1,38 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { Paper } from '@mui/material'
+import { StoreDecorator } from '@/stories/storeDecorator'
+import ChangeThreshold from './index'
+import { SettingsInfoType, type TransactionInfo, TransactionInfoType } from '@safe-global/safe-gateway-typescript-sdk'
+
+const meta = {
+  component: ChangeThreshold,
+  args: {
+    txInfo: {
+      type: TransactionInfoType.SETTINGS_CHANGE,
+      settingsInfo: {
+        type: SettingsInfoType.CHANGE_THRESHOLD,
+        threshold: 1,
+      },
+    } as TransactionInfo,
+  },
+  decorators: [
+    (Story) => {
+      return (
+        <StoreDecorator initialState={{}}>
+          <Paper sx={{ padding: 2 }}>
+            <Story />
+          </Paper>
+        </StoreDecorator>
+      )
+    },
+  ],
+
+  tags: ['autodocs'],
+} satisfies Meta<typeof ChangeThreshold>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {},
+}
diff --git a/apps/web/src/components/tx/confirmation-views/ChangeThreshold/ChangeThreshold.test.tsx b/apps/web/src/components/tx/confirmation-views/ChangeThreshold/ChangeThreshold.test.tsx
new file mode 100644
index 000000000..69b8445dd
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/ChangeThreshold/ChangeThreshold.test.tsx
@@ -0,0 +1,36 @@
+import { render } from '@/tests/test-utils'
+import ChangeThreshold from '.'
+import * as useSafeInfo from '@/hooks/useSafeInfo'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+import { SettingsInfoType, type TransactionInfo, TransactionInfoType } from '@safe-global/safe-gateway-typescript-sdk'
+
+const extendedSafeInfo = extendedSafeInfoBuilder().build()
+
+jest.spyOn(useSafeInfo, 'default').mockImplementation(() => ({
+  safeAddress: 'eth:0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6',
+  safe: {
+    ...extendedSafeInfo,
+    owners: [extendedSafeInfo.owners[0]],
+  },
+  safeError: undefined,
+  safeLoading: false,
+  safeLoaded: true,
+}))
+
+describe('ChangeThreshold', () => {
+  it('should display the ChangeThreshold component with the new threshold range', () => {
+    const { container, getByLabelText } = render(
+      <ChangeThreshold
+        txInfo={
+          {
+            type: TransactionInfoType.SETTINGS_CHANGE,
+            settingsInfo: { type: SettingsInfoType.CHANGE_THRESHOLD, threshold: 3 },
+          } as TransactionInfo
+        }
+      />,
+    )
+
+    expect(container).toMatchSnapshot()
+    expect(getByLabelText('threshold')).toHaveTextContent('3 out of 1 signer')
+  })
+})
diff --git a/apps/web/src/components/tx/confirmation-views/ChangeThreshold/__snapshots__/ChangeThreshold.test.tsx.snap b/apps/web/src/components/tx/confirmation-views/ChangeThreshold/__snapshots__/ChangeThreshold.test.tsx.snap
new file mode 100644
index 000000000..43b9d2399
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/ChangeThreshold/__snapshots__/ChangeThreshold.test.tsx.snap
@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ChangeThreshold should display the ChangeThreshold component with the new threshold range 1`] = `
+<div>
+  <div>
+    <p
+      class="MuiTypography-root MuiTypography-body2 css-1q9800n-MuiTypography-root"
+    >
+      Any transaction will require the confirmation of:
+    </p>
+    <p
+      aria-label="threshold"
+      class="MuiTypography-root MuiTypography-body1 css-v6lhhw-MuiTypography-root"
+    >
+      <b>
+        3
+      </b>
+       out of
+       
+      <b>
+        1
+         signer
+      </b>
+    </p>
+  </div>
+  <div
+    class="MuiBox-root css-1xlzx9v"
+  >
+    <hr
+      class="MuiDivider-root MuiDivider-fullWidth nestedDivider css-1facvfi-MuiDivider-root"
+    />
+  </div>
+</div>
+`;
diff --git a/apps/web/src/components/tx/confirmation-views/ChangeThreshold/index.tsx b/apps/web/src/components/tx/confirmation-views/ChangeThreshold/index.tsx
new file mode 100644
index 000000000..eee44d0ea
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/ChangeThreshold/index.tsx
@@ -0,0 +1,46 @@
+import { Box, Divider, Typography } from '@mui/material'
+import React from 'react'
+
+import commonCss from '@/components/tx-flow/common/styles.module.css'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { ChangeSignerSetupWarning } from '@/features/multichain/components/SignerSetupWarning/ChangeSignerSetupWarning'
+import { type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { isChangeThresholdView } from '../utils'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+
+interface ChangeThresholdProps {
+  txInfo?: TransactionDetails['txInfo']
+}
+
+function ChangeThreshold({ txInfo }: ChangeThresholdProps) {
+  const { safe } = useSafeInfo()
+  const threshold = txInfo && isChangeThresholdView(txInfo) && txInfo.settingsInfo?.threshold
+
+  return (
+    <>
+      <ChangeSignerSetupWarning />
+
+      <div>
+        <Typography variant="body2" color="text.secondary" mb={0.5}>
+          Any transaction will require the confirmation of:
+        </Typography>
+
+        <Typography aria-label="threshold">
+          <b>{threshold}</b> out of{' '}
+          <b>
+            {safe.owners.length} signer{maybePlural(safe.owners)}
+          </b>
+        </Typography>
+      </div>
+      <Box
+        sx={{
+          my: 1,
+        }}
+      >
+        <Divider className={commonCss.nestedDivider} />
+      </Box>
+    </>
+  )
+}
+
+export default ChangeThreshold
diff --git a/apps/web/src/components/tx/confirmation-views/ConfirmationView.test.tsx b/apps/web/src/components/tx/confirmation-views/ConfirmationView.test.tsx
new file mode 100644
index 000000000..82756d32a
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/ConfirmationView.test.tsx
@@ -0,0 +1,132 @@
+import { safeTxBuilder } from '@/tests/builders/safeTx'
+import ConfirmationView from './index'
+import { render } from '@/tests/test-utils'
+import { createMockTransactionDetails } from '@/tests/transactions'
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import {
+  DetailedExecutionInfoType,
+  SettingsInfoType,
+  TransactionInfoType,
+} from '@safe-global/safe-gateway-typescript-sdk'
+
+const txDetails = createMockTransactionDetails({
+  txInfo: {
+    type: TransactionInfoType.SETTINGS_CHANGE,
+    humanDescription: 'Add new owner 0xd8dA...6045 with threshold 1',
+    dataDecoded: {
+      method: 'addOwnerWithThreshold',
+      parameters: [
+        {
+          name: 'owner',
+          type: 'address',
+          value: '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045',
+        },
+        {
+          name: '_threshold',
+          type: 'uint256',
+          value: '1',
+        },
+      ],
+    },
+    settingsInfo: {
+      type: SettingsInfoType.ADD_OWNER,
+      owner: {
+        value: '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045',
+        name: 'Nevinha',
+        logoUri: 'http://something.com',
+      },
+      threshold: 1,
+    },
+  },
+  txData: {
+    hexData:
+      '0x0d582f13000000000000000000000000d8da6bf26964af9d7eed9e03e53415d37aa960450000000000000000000000000000000000000000000000000000000000000001',
+    dataDecoded: {
+      method: 'addOwnerWithThreshold',
+      parameters: [
+        {
+          name: 'owner',
+          type: 'address',
+          value: '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045',
+        },
+        {
+          name: '_threshold',
+          type: 'uint256',
+          value: '1',
+        },
+      ],
+    },
+    to: {
+      value: '0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67',
+      name: '',
+    },
+    value: '0',
+    operation: 0,
+    trustedDelegateCallTarget: false,
+    addressInfoIndex: {
+      '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045': {
+        value: '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045',
+        name: 'MetaMultiSigWallet',
+      },
+    },
+  },
+  detailedExecutionInfo: {
+    type: DetailedExecutionInfoType.MULTISIG,
+    submittedAt: 1726064794013,
+    nonce: 4,
+    safeTxGas: '0',
+    baseGas: '0',
+    gasPrice: '0',
+    gasToken: '0x0000000000000000000000000000000000000000',
+    refundReceiver: {
+      value: '0x0000000000000000000000000000000000000000',
+      name: 'MetaMultiSigWallet',
+    },
+    safeTxHash: '0x96a96c11b8d013ff5d7a6ce960b22e961046cfa42eff422ac71c1daf6adef2e0',
+    signers: [
+      {
+        value: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+        name: '',
+      },
+    ],
+    confirmationsRequired: 1,
+    confirmations: [],
+    rejectors: [],
+    trusted: false,
+    proposer: {
+      value: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+      name: '',
+    },
+    proposedByDelegate: {
+      value: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+      name: '',
+    },
+  },
+})
+const safeTx = safeTxBuilder().build()
+const safeTxWithNativeData = {
+  ...safeTx,
+  data: {
+    ...safeTx.data,
+    refundReceiver: '0x79964FA459D36EbFfc2a2cA66321B689F6E4aC52',
+    to: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+    data: '0x',
+  },
+}
+xdescribe('ConfirmationView', () => {
+  it('should display a confirmation screen for a SETTINGS_CHANGE transaction', () => {
+    const { container } = render(<ConfirmationView safeTx={safeTxWithNativeData} txDetails={txDetails} isApproval />)
+
+    expect(container).toMatchSnapshot()
+  })
+
+  it("should display a confirmation with method call when the transaction type is not found in the ConfirmationView's mapper", () => {
+    const CustomTxDetails = { ...txDetails, txInfo: { ...txDetails.txInfo, type: TransactionInfoType.CUSTOM } }
+
+    const { container } = render(
+      <ConfirmationView safeTx={safeTxWithNativeData} txDetails={CustomTxDetails as TransactionDetails} isApproval />,
+    )
+
+    expect(container).toMatchSnapshot()
+  })
+})
diff --git a/apps/web/src/components/tx/confirmation-views/LifiSwapTransaction/index.tsx b/apps/web/src/components/tx/confirmation-views/LifiSwapTransaction/index.tsx
new file mode 100644
index 000000000..ec25d3410
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/LifiSwapTransaction/index.tsx
@@ -0,0 +1,100 @@
+import { DataTable } from '@/components/common/Table/DataTable'
+import { Stack, Typography } from '@mui/material'
+import { type SwapTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { formatUnits } from 'ethers'
+import SwapTokens from '@/features/swap/components/SwapTokens'
+import NamedAddressInfo from '@/components/common/NamedAddressInfo'
+import { DataRow } from '@/components/common/Table/DataRow'
+import { formatAmount } from '@safe-global/utils/utils/formatNumber'
+import TokenAmount from '@/components/common/TokenAmount'
+import ExternalLink from '@/components/common/ExternalLink'
+import css from './styles.module.css'
+
+const PreviewSwapAmount = ({ txInfo }: { txInfo: SwapTransactionInfo }) => (
+  <div key="amount">
+    <SwapTokens
+      first={{
+        value: txInfo.fromAmount,
+        label: 'Sell',
+        tokenInfo: txInfo.fromToken,
+      }}
+      second={{
+        value: txInfo.toAmount,
+        label: 'For at least',
+        tokenInfo: txInfo.toToken,
+      }}
+    />
+  </div>
+)
+
+const ListSwapAmount = ({ txInfo }: { txInfo: SwapTransactionInfo }) => (
+  <DataRow datatestid="amount" key="amount" title="Amount">
+    <Stack spacing={0.5}>
+      <Typography display="flex" alignItems="center" flexDirection="row" gap={1}>
+        Sell{' '}
+        <TokenAmount
+          value={txInfo.fromAmount}
+          decimals={txInfo.fromToken.decimals}
+          logoUri={txInfo.fromToken.logoUri ?? ''}
+          tokenSymbol={txInfo.fromToken.symbol}
+        />
+      </Typography>
+      <Typography display="flex" alignItems="center" flexDirection="row" gap={1}>
+        For{' '}
+        <TokenAmount
+          value={txInfo.toAmount}
+          decimals={txInfo.toToken.decimals}
+          logoUri={txInfo.toToken.logoUri ?? ''}
+          tokenSymbol={txInfo.toToken.symbol}
+        />
+      </Typography>
+    </Stack>
+  </DataRow>
+)
+
+export const LifiSwapTransaction = ({ txInfo, isPreview }: { txInfo: SwapTransactionInfo; isPreview: boolean }) => {
+  const totalFee = formatUnits(
+    BigInt(txInfo.fees?.integratorFee ?? 0n) + BigInt(txInfo.fees?.lifiFee ?? 0n),
+    txInfo.fromToken.decimals,
+  )
+
+  const fromAmountDecimals = formatUnits(txInfo.fromAmount, txInfo.fromToken.decimals)
+  const toAmountDecimals = formatUnits(txInfo.toAmount, txInfo.toToken.decimals)
+  const exchangeRate = Number(toAmountDecimals) / Number(fromAmountDecimals)
+
+  const rows = [
+    isPreview ? <PreviewSwapAmount txInfo={txInfo} /> : <ListSwapAmount txInfo={txInfo} />,
+    <DataRow datatestid="price" key="price" title="Price">
+      1 {txInfo.fromToken.symbol} = {formatAmount(exchangeRate)} {txInfo.toToken!.symbol}
+    </DataRow>,
+    <DataRow datatestid="receiver" key="Receiver" title="Receiver">
+      <NamedAddressInfo
+        address={txInfo.recipient.value}
+        name={txInfo.recipient.name}
+        hasExplorer
+        showAvatar={false}
+        onlyName
+        showCopyButton
+      />
+    </DataRow>,
+    <DataRow datatestid="total-fee" key="fees" title="Fees">
+      {formatAmount(totalFee)} {txInfo.fromToken.symbol}
+    </DataRow>,
+  ]
+
+  if (txInfo.lifiExplorerUrl) {
+    rows.push(
+      <DataRow datatestid="lifi-explorer-url" key="lifi-explorer-url" title="Lifi Explorer">
+        <ExternalLink className={css.externalLink} href={txInfo.lifiExplorerUrl}>
+          View in LiFi explorer
+        </ExternalLink>
+      </DataRow>,
+    )
+  }
+
+  return (
+    <Stack>
+      <DataTable rows={rows} />
+    </Stack>
+  )
+}
diff --git a/apps/web/src/components/tx/confirmation-views/LifiSwapTransaction/styles.module.css b/apps/web/src/components/tx/confirmation-views/LifiSwapTransaction/styles.module.css
new file mode 100644
index 000000000..43c2bc925
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/LifiSwapTransaction/styles.module.css
@@ -0,0 +1,5 @@
+.externalLink {
+  text-decoration: none;
+  font-weight: 400 !important;
+  color: var(--color-text-primary);
+}
diff --git a/apps/web/src/components/tx/confirmation-views/ManageSigners/get-new-safe-setup.test.ts b/apps/web/src/components/tx/confirmation-views/ManageSigners/get-new-safe-setup.test.ts
new file mode 100644
index 000000000..ce3b4d2d8
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/ManageSigners/get-new-safe-setup.test.ts
@@ -0,0 +1,225 @@
+import { Safe__factory } from '@safe-global/utils/types/contracts'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+import { TransactionInfoType } from '@safe-global/safe-gateway-typescript-sdk'
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+
+import { txInfoBuilder } from '@/tests/builders/safeTx'
+import { _getTransactionsData, getNewSafeSetup } from './get-new-safe-setup'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+import { faker } from '@faker-js/faker'
+
+const safeInterface = Safe__factory.createInterface()
+
+describe('getNewSafeSetup', () => {
+  it('should return new owners/threshold for addOwnerWithThreshold', () => {
+    const ownerToAdd = faker.finance.ethereumAddress()
+    const thresholdToSet = faker.number.int({ min: 1, max: 10 })
+    const safe = extendedSafeInfoBuilder().build()
+    const txInfo = txInfoBuilder().build()
+    const txData = {
+      hexData: safeInterface.encodeFunctionData('addOwnerWithThreshold', [ownerToAdd, thresholdToSet]),
+    } as TransactionDetails['txData']
+
+    const result = getNewSafeSetup({
+      txInfo,
+      txData,
+      safe,
+    })
+
+    expect(result).toEqual({
+      newOwners: [...safe.owners.map((owner) => owner.value), checksumAddress(ownerToAdd)],
+      newThreshold: thresholdToSet,
+    })
+  })
+
+  it('should return new owners/threshold for removeOwner', () => {
+    const prevOwner = faker.finance.ethereumAddress()
+    const ownerToRemove = faker.finance.ethereumAddress()
+    const thresholdToSet = faker.number.int({ min: 1, max: 10 })
+    const safe = extendedSafeInfoBuilder()
+      .with({
+        owners: [
+          {
+            value: prevOwner,
+          },
+          {
+            // Test checksum comparison by using lowercase
+            value: ownerToRemove.toLowerCase(),
+          },
+        ],
+      })
+      .build()
+    const txInfo = txInfoBuilder().build()
+    const txData = {
+      hexData: safeInterface.encodeFunctionData('removeOwner', [prevOwner, ownerToRemove, thresholdToSet]),
+    } as TransactionDetails['txData']
+
+    const result = getNewSafeSetup({
+      txInfo,
+      txData,
+      safe,
+    })
+
+    expect(result).toEqual({
+      newOwners: [prevOwner],
+      newThreshold: thresholdToSet,
+    })
+  })
+
+  it('should return new owners/threshold for swapOwner', () => {
+    const prevOwner = faker.finance.ethereumAddress()
+    const ownerToRemove = faker.finance.ethereumAddress()
+    const ownerToAdd = faker.finance.ethereumAddress()
+    const safe = extendedSafeInfoBuilder()
+      .with({
+        owners: [
+          {
+            value: prevOwner,
+          },
+          {
+            // Test checksum comparison by using lowercase
+            value: ownerToRemove.toLowerCase(),
+          },
+        ],
+      })
+      .build()
+    const txInfo = txInfoBuilder().build()
+    const txData = {
+      hexData: safeInterface.encodeFunctionData('swapOwner', [prevOwner, ownerToRemove, ownerToAdd]),
+    } as TransactionDetails['txData']
+
+    const result = getNewSafeSetup({
+      txInfo,
+      txData,
+      safe,
+    })
+
+    expect(result).toEqual({
+      newOwners: [prevOwner, checksumAddress(ownerToAdd)],
+      newThreshold: safe.threshold,
+    })
+  })
+
+  it('should return new owners/threshold for changeThreshold', () => {
+    const thresholdToSet = faker.number.int({ min: 1, max: 10 })
+    const safe = extendedSafeInfoBuilder().build()
+    const txInfo = txInfoBuilder().build()
+    const txData = {
+      hexData: safeInterface.encodeFunctionData('changeThreshold', [thresholdToSet]),
+    } as TransactionDetails['txData']
+
+    const result = getNewSafeSetup({
+      txInfo,
+      txData,
+      safe,
+    })
+
+    expect(result).toEqual({
+      newOwners: safe.owners.map((owner) => owner.value),
+      newThreshold: thresholdToSet,
+    })
+  })
+
+  it('should return new owners/threshold for batched signer management', () => {
+    const ownerToAdd = faker.finance.ethereumAddress()
+    const prevOwner = faker.finance.ethereumAddress()
+    const ownerToRemove = faker.finance.ethereumAddress()
+    const thresholdToSet = faker.number.int({ min: 1, max: 10 })
+    const safe = extendedSafeInfoBuilder()
+      .with({
+        owners: [
+          {
+            value: prevOwner,
+          },
+          {
+            // Test checksum comparison by using lowercase
+            value: ownerToRemove.toLowerCase(),
+          },
+        ],
+      })
+      .build()
+    const txInfo = txInfoBuilder()
+      .with({
+        type: TransactionInfoType.CUSTOM,
+        methodName: 'multiSend',
+        actionCount: 3,
+      })
+      .build()
+    const txData = {
+      dataDecoded: {
+        parameters: [
+          {
+            valueDecoded: [
+              {
+                data: safeInterface.encodeFunctionData('addOwnerWithThreshold', [ownerToAdd, thresholdToSet]),
+              },
+              {
+                data: safeInterface.encodeFunctionData('removeOwner', [prevOwner, ownerToRemove, thresholdToSet]),
+              },
+              {
+                data: safeInterface.encodeFunctionData('changeThreshold', [thresholdToSet]),
+              },
+            ],
+          },
+        ],
+      },
+    } as TransactionDetails['txData']
+
+    const result = getNewSafeSetup({
+      txInfo,
+      txData,
+      safe,
+    })
+
+    expect(result).toEqual({
+      newOwners: [prevOwner, checksumAddress(ownerToAdd)],
+      newThreshold: thresholdToSet,
+    })
+  })
+})
+
+describe('getTransactionsData', () => {
+  it('should return the direct data of non-multiSend transactions', () => {
+    const txInfo = txInfoBuilder().build()
+    const txData = {
+      hexData: '0x1',
+    } as TransactionDetails['txData']
+
+    const result = _getTransactionsData(txInfo, txData)
+
+    expect(result).toEqual(['0x1'])
+  })
+
+  it('should return the decoded data of multiSend transactions', () => {
+    const txInfo = txInfoBuilder()
+      .with({
+        type: TransactionInfoType.CUSTOM,
+        methodName: 'multiSend',
+        actionCount: 3,
+      })
+      .build()
+    const txData = {
+      dataDecoded: {
+        parameters: [
+          {
+            valueDecoded: [
+              {
+                data: '0x1',
+              },
+              {
+                data: '0x2',
+              },
+              {
+                data: '0x3',
+              },
+            ],
+          },
+        ],
+      },
+    } as TransactionDetails['txData']
+
+    const result = _getTransactionsData(txInfo, txData)
+
+    expect(result).toEqual(['0x1', '0x2', '0x3'])
+  })
+})
diff --git a/apps/web/src/components/tx/confirmation-views/ManageSigners/get-new-safe-setup.ts b/apps/web/src/components/tx/confirmation-views/ManageSigners/get-new-safe-setup.ts
new file mode 100644
index 000000000..1bb246556
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/ManageSigners/get-new-safe-setup.ts
@@ -0,0 +1,77 @@
+import { checksumAddress, sameAddress } from '@safe-global/utils/utils/addresses'
+import { Safe__factory } from '@safe-global/utils/types/contracts'
+import type { TransactionInfo, TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import type { ExtendedSafeInfo } from '@safe-global/store/slices/SafeInfo/types'
+
+import { isMultiSendTxInfo } from '@/utils/transaction-guards'
+
+const safeInterface = Safe__factory.createInterface()
+
+export function getNewSafeSetup({
+  txInfo,
+  txData,
+  safe,
+}: {
+  txInfo: TransactionInfo
+  txData: TransactionDetails['txData']
+  safe: ExtendedSafeInfo
+}): {
+  newOwners: Array<string>
+  newThreshold: number
+} {
+  let newOwners = safe.owners.map((owner) => owner.value)
+  let newThreshold = safe.threshold
+
+  for (const data of _getTransactionsData(txInfo, txData)) {
+    const decodedData = safeInterface.parseTransaction({ data })
+
+    if (!decodedData) {
+      continue
+    }
+
+    switch (decodedData.name) {
+      case 'addOwnerWithThreshold': {
+        const [ownerToAdd, thresholdToSet] = decodedData.args
+        newOwners = [...newOwners, checksumAddress(ownerToAdd)]
+        newThreshold = Number(thresholdToSet)
+        break
+      }
+      case 'removeOwner': {
+        const [, ownerToRemove, thresholdToSet] = decodedData.args
+        newOwners = newOwners.filter((owner) => !sameAddress(owner, ownerToRemove))
+        newThreshold = Number(thresholdToSet)
+        break
+      }
+      case 'swapOwner': {
+        const [, ownerToRemove, ownerToAdd] = decodedData.args
+        newOwners = newOwners.map((owner) => (sameAddress(owner, ownerToRemove) ? checksumAddress(ownerToAdd) : owner))
+        break
+      }
+      case 'changeThreshold': {
+        const [thresholdToSet] = decodedData.args
+        newThreshold = Number(thresholdToSet)
+        break
+      }
+      default: {
+        break
+      }
+    }
+  }
+
+  return {
+    newOwners,
+    newThreshold,
+  }
+}
+
+export function _getTransactionsData(txInfo: TransactionInfo, txData: TransactionDetails['txData']): Array<string> {
+  let transactions: Array<string | null | undefined> | undefined
+
+  if (!isMultiSendTxInfo(txInfo)) {
+    transactions = [txData?.hexData]
+  } else {
+    transactions = txData?.dataDecoded?.parameters?.[0].valueDecoded?.map(({ data }) => data) ?? []
+  }
+
+  return transactions.filter((x) => x != null)
+}
diff --git a/apps/web/src/components/tx/confirmation-views/ManageSigners/index.tsx b/apps/web/src/components/tx/confirmation-views/ManageSigners/index.tsx
new file mode 100644
index 000000000..c31226ca1
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/ManageSigners/index.tsx
@@ -0,0 +1,116 @@
+import { useMemo } from 'react'
+import type { ReactElement } from 'react'
+
+import MinusIcon from '@/public/images/common/minus.svg'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { Stack, Box } from '@mui/material'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+import FieldsGrid from '../../FieldsGrid'
+import { getNewSafeSetup } from './get-new-safe-setup'
+import type { TransactionInfo, TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { ChangeSignerSetupWarning } from '@/features/multichain/components/SignerSetupWarning/ChangeSignerSetupWarning'
+import { OwnerList } from '@/components/tx-flow/common/OwnerList'
+
+export function ManageSigners({
+  txInfo,
+  txData,
+}: {
+  txInfo: TransactionInfo
+  txData: TransactionDetails['txData']
+}): ReactElement {
+  const { safe } = useSafeInfo()
+  const { newOwners, newThreshold } = useMemo(() => {
+    return getNewSafeSetup({
+      txInfo,
+      txData,
+      safe,
+    })
+  }, [txInfo, txData, safe])
+
+  return (
+    <Stack display="flex" flexDirection="column" gap={3} sx={{ '& .MuiGrid-container': { alignItems: 'flex-start' } }}>
+      <ChangeSignerSetupWarning />
+
+      <Actions newOwners={newOwners} />
+
+      <Signers owners={newOwners} />
+
+      <Threshold owners={newOwners} threshold={newThreshold} />
+    </Stack>
+  )
+}
+
+function Actions({ newOwners }: { newOwners: Array<string> }): ReactElement | null {
+  const { safe } = useSafeInfo()
+
+  const addedOwners = newOwners
+    .filter((owner) => safe.owners.every(({ value }) => value !== owner))
+    .map((addedOwner) => ({ value: addedOwner }))
+  const removedOwners = safe.owners
+    .filter((owner) => !newOwners.includes(owner.value))
+    .map((removedOwner) => ({
+      value: removedOwner.value,
+      name: removedOwner.name ?? undefined,
+    }))
+
+  if (addedOwners.length === 0 && removedOwners.length === 0) {
+    return null
+  }
+
+  return (
+    <FieldsGrid title="Actions">
+      {removedOwners.length > 0 && (
+        <OwnerList
+          owners={removedOwners}
+          title={`Remove owner${maybePlural(removedOwners)}`}
+          icon={MinusIcon}
+          sx={{ backgroundColor: ({ palette }) => `${palette.warning.background} !important`, mb: 2 }}
+        />
+      )}
+
+      {addedOwners.length > 0 && <OwnerList owners={addedOwners} />}
+    </FieldsGrid>
+  )
+}
+
+function Signers({ owners }: { owners: Array<string> }): ReactElement {
+  return (
+    <FieldsGrid title="Signers">
+      <Box display="flex" flexDirection="column" gap={2} padding="var(--space-2)" fontSize="14px">
+        {owners.map((owner) => (
+          <EthHashInfo
+            avatarSize={32}
+            key={owner}
+            showName
+            address={owner}
+            shortAddress={false}
+            showCopyButton
+            hasExplorer
+          />
+        ))}
+      </Box>
+    </FieldsGrid>
+  )
+}
+
+function Threshold({ owners, threshold }: { owners: Array<string>; threshold: number }): ReactElement {
+  return (
+    <FieldsGrid title="Threshold">
+      <Box
+        component="span"
+        sx={{
+          // sx must be used as component is set
+          backgroundColor: 'background.main',
+          py: 0.5,
+          px: 1,
+          borderRadius: ({ shape }) => `${shape.borderRadius}px`,
+          fontWeight: 700,
+        }}
+      >
+        {threshold} of {owners.length} signer{maybePlural(owners)}
+      </Box>{' '}
+      required to confirm new transactions
+    </FieldsGrid>
+  )
+}
diff --git a/apps/web/src/components/tx/confirmation-views/MigrateToL2Information/index.tsx b/apps/web/src/components/tx/confirmation-views/MigrateToL2Information/index.tsx
new file mode 100644
index 000000000..50c3c8c53
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/MigrateToL2Information/index.tsx
@@ -0,0 +1,22 @@
+import { Alert, AlertTitle, Box, SvgIcon, Typography } from '@mui/material'
+import type { TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import InfoOutlinedIcon from '@/public/images/notifications/info.svg'
+
+export const MigrateToL2Information = ({ variant }: { variant: 'history' | 'queue'; txData?: TransactionData }) => {
+  return (
+    <Box>
+      <Alert severity="info" icon={<SvgIcon component={InfoOutlinedIcon} color="info" />}>
+        <AlertTitle>
+          <Typography variant="h5" fontWeight={700}>
+            Migration to compatible base contract
+          </Typography>
+        </AlertTitle>
+        <Typography>
+          {variant === 'history'
+            ? 'This Safe was using an incompatible base contract. This transaction includes the migration to a supported base contract.'
+            : 'This Safe is currently using an incompatible base contract. The transaction was automatically modified to first migrate to a supported base contract.'}
+        </Typography>
+      </Alert>
+    </Box>
+  )
+}
diff --git a/apps/web/src/components/tx/confirmation-views/NestedSafeCreation/index.tsx b/apps/web/src/components/tx/confirmation-views/NestedSafeCreation/index.tsx
new file mode 100644
index 000000000..023d3ade5
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/NestedSafeCreation/index.tsx
@@ -0,0 +1,45 @@
+import { Box, Typography } from '@mui/material'
+import type { ReactElement } from 'react'
+import type { TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { predictSafeAddress } from '@/features/multichain/utils/utils'
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import useAddressBook from '@/hooks/useAddressBook'
+import { _getFactoryAddressAndSetupData } from '@/utils/nested-safes'
+
+export function NestedSafeCreation({ txData }: { txData: TransactionData }): ReactElement | null {
+  const addressBook = useAddressBook()
+  const provider = useWeb3ReadOnly()
+
+  const [predictedSafeAddress] = useAsync(async () => {
+    if (provider) {
+      const { factoryAddress, ...setupData } = _getFactoryAddressAndSetupData(txData)
+      return predictSafeAddress(setupData, factoryAddress, provider)
+    }
+  }, [provider, txData])
+
+  if (!predictedSafeAddress) {
+    return null
+  }
+
+  return (
+    <Box display="flex" alignItems="center" justifyContent="space-between">
+      <Typography variant="body2" color="text.secondary" whiteSpace="nowrap">
+        Nested Safe
+      </Typography>
+
+      <div>
+        <EthHashInfo
+          name={addressBook[predictedSafeAddress]}
+          address={predictedSafeAddress}
+          shortAddress={false}
+          hasExplorer
+          showCopyButton
+          showAvatar
+        />
+      </div>
+    </Box>
+  )
+}
diff --git a/apps/web/src/components/tx/confirmation-views/SettingsChange/SettingsChange.stories.tsx b/apps/web/src/components/tx/confirmation-views/SettingsChange/SettingsChange.stories.tsx
new file mode 100644
index 000000000..417a858a3
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/SettingsChange/SettingsChange.stories.tsx
@@ -0,0 +1,59 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { Paper } from '@mui/material'
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { SettingsInfoType } from '@safe-global/safe-gateway-typescript-sdk'
+import { StoreDecorator } from '@/stories/storeDecorator'
+import { ownerAddress, txInfo } from './mockData'
+import SettingsChange from '.'
+
+const meta = {
+  component: SettingsChange,
+  parameters: {
+    layout: 'centered',
+  },
+  decorators: [
+    (Story) => {
+      return (
+        <StoreDecorator initialState={{}}>
+          <Paper sx={{ padding: 2 }}>
+            <Story />
+          </Paper>
+        </StoreDecorator>
+      )
+    },
+  ],
+
+  tags: ['autodocs'],
+} satisfies Meta<typeof SettingsChange>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const AddOwner: Story = {
+  args: {
+    txInfo,
+    txData: {} as TransactionDetails['txData'],
+  },
+}
+
+export const SwapOwner: Story = {
+  args: {
+    txInfo: {
+      ...txInfo,
+      settingsInfo: {
+        type: SettingsInfoType.SWAP_OWNER,
+        oldOwner: {
+          value: '0x00000000',
+          name: 'Bob',
+          logoUri: 'http://bob.com',
+        },
+        newOwner: {
+          value: ownerAddress,
+          name: 'Alice',
+          logoUri: 'http://something.com',
+        },
+      },
+    },
+    txData: {} as TransactionDetails['txData'],
+  },
+}
diff --git a/apps/web/src/components/tx/confirmation-views/SettingsChange/SettingsChange.test.tsx b/apps/web/src/components/tx/confirmation-views/SettingsChange/SettingsChange.test.tsx
new file mode 100644
index 000000000..a19a472ee
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/SettingsChange/SettingsChange.test.tsx
@@ -0,0 +1,55 @@
+import { render } from '@/tests/test-utils'
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { SettingsInfoType } from '@safe-global/safe-gateway-typescript-sdk'
+import SettingsChange from '.'
+import { ownerAddress, txInfo } from './mockData'
+import { SettingsChangeContext } from '@/components/tx-flow/flows/AddOwner/context'
+import { type AddOwnerFlowProps } from '@/components/tx-flow/flows/AddOwner'
+import { type ReplaceOwnerFlowProps } from '@/components/tx-flow/flows/ReplaceOwner'
+import { type SwapOwner } from '@safe-global/safe-apps-sdk'
+
+describe('SettingsChange', () => {
+  it('should display the SettingsChange component with owner details', () => {
+    const { container, getByText } = render(
+      <SettingsChangeContext.Provider value={{} as AddOwnerFlowProps | ReplaceOwnerFlowProps}>
+        <SettingsChange txData={{} as TransactionDetails['txData']} txInfo={txInfo} />
+      </SettingsChangeContext.Provider>,
+    )
+
+    expect(container).toMatchSnapshot()
+    expect(getByText('Add owner')).toBeInTheDocument()
+    expect(getByText(ownerAddress)).toBeInTheDocument()
+  })
+
+  it('should display the SettingsChange component with newOwner details', () => {
+    const newOwnerAddress = '0x0000000000000000'
+    const contextValue = {
+      newOwner: {
+        address: newOwnerAddress,
+        name: 'Alice',
+      },
+    }
+    const { container, getByText } = render(
+      <SettingsChangeContext.Provider value={contextValue as AddOwnerFlowProps | ReplaceOwnerFlowProps}>
+        <SettingsChange
+          txData={{} as TransactionDetails['txData']}
+          txInfo={{
+            ...txInfo,
+            settingsInfo: {
+              type: SettingsInfoType.SWAP_OWNER,
+              oldOwner: {
+                value: ownerAddress,
+                name: 'Bob',
+                logoUri: 'http://bob.com',
+              },
+            } as SwapOwner,
+          }}
+        />
+      </SettingsChangeContext.Provider>,
+    )
+
+    expect(container).toMatchSnapshot()
+    expect(getByText('Previous signer')).toBeInTheDocument()
+    expect(getByText(newOwnerAddress)).toBeInTheDocument()
+  })
+})
diff --git a/apps/web/src/components/tx/confirmation-views/SettingsChange/UntrustedFallbackHandlerTxAlert.tsx b/apps/web/src/components/tx/confirmation-views/SettingsChange/UntrustedFallbackHandlerTxAlert.tsx
new file mode 100644
index 000000000..d01dbae55
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/SettingsChange/UntrustedFallbackHandlerTxAlert.tsx
@@ -0,0 +1,63 @@
+import { useMemo, type ReactElement } from 'react'
+import { Alert, SvgIcon } from '@mui/material'
+import InfoOutlinedIcon from '@/public/images/notifications/info.svg'
+import { useHasUntrustedFallbackHandler } from '@/hooks/useHasUntrustedFallbackHandler'
+import { FallbackHandlerWarning } from '@/components/settings/FallbackHandler'
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+
+export const useSetsUntrustedFallbackHandler = (txData: TransactionDetails['txData']): boolean => {
+  // multiSend method receives one parameter `transactions`
+  const multiSendTransactions =
+    txData?.dataDecoded?.method === 'multiSend' && txData?.dataDecoded?.parameters?.[0]?.valueDecoded
+
+  const fallbackHandlers = useMemo(() => {
+    const transactions = Array.isArray(multiSendTransactions) ? multiSendTransactions : txData ? [txData] : []
+
+    return Array.isArray(transactions)
+      ? transactions
+          .map(({ dataDecoded }) =>
+            dataDecoded?.method === 'setFallbackHandler'
+              ? dataDecoded?.parameters?.find(({ name }) => name === 'handler')?.value
+              : undefined,
+          )
+          .filter((handler) => typeof handler === 'string')
+      : []
+  }, [multiSendTransactions, txData])
+
+  return useHasUntrustedFallbackHandler(fallbackHandlers)
+}
+
+export const UntrustedFallbackHandlerTxText = ({ isTxExecuted = false }: { isTxExecuted?: boolean }) => (
+  <>
+    <FallbackHandlerWarning
+      message={
+        <>
+          This transaction {isTxExecuted ? 'has set' : 'sets'} an <b>unofficial</b> fallback handler.
+        </>
+      }
+      txBuilderLinkPrefix={isTxExecuted ? 'It can be altered via the' : ''}
+    />
+    {!isTxExecuted && (
+      <>
+        <br />
+        <b>Proceed with caution:</b> ensure the fallback handler address is trusted and secure. If unsure, do not
+        proceed.
+      </>
+    )}
+  </>
+)
+
+export const UntrustedFallbackHandlerTxAlert = ({
+  isTxExecuted = false,
+}: {
+  isTxExecuted?: boolean
+}): ReactElement | null => (
+  <Alert
+    data-testid="untrusted-fallback-handler-alert"
+    severity="warning"
+    icon={<SvgIcon component={InfoOutlinedIcon} inheritViewBox color="error" />}
+    sx={{ mb: 1 }}
+  >
+    <UntrustedFallbackHandlerTxText isTxExecuted={isTxExecuted} />
+  </Alert>
+)
diff --git a/apps/web/src/components/tx/confirmation-views/SettingsChange/__snapshots__/SettingsChange.test.tsx.snap b/apps/web/src/components/tx/confirmation-views/SettingsChange/__snapshots__/SettingsChange.test.tsx.snap
new file mode 100644
index 000000000..9f60e5574
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/SettingsChange/__snapshots__/SettingsChange.test.tsx.snap
@@ -0,0 +1,291 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SettingsChange should display the SettingsChange component with newOwner details 1`] = `
+<div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 css-1nt2i3f-MuiPaper-root"
+    style="--Paper-shadow: none;"
+  >
+    <p
+      class="MuiTypography-root MuiTypography-body1 css-qzqzle-MuiTypography-root"
+    >
+      <mock-icon
+        aria-hidden=""
+        class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-1hr8a3z-MuiSvgIcon-root"
+        focusable="false"
+      />
+      Previous signer
+    </p>
+    <div
+      class="container"
+    >
+      <div
+        class="avatarContainer"
+        style="width: 40px; height: 40px;"
+      >
+        <div
+          class="icon"
+          style="background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0ib3B0aW1pemVTcGVlZCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJoc2woMzI1IDQ4JSAyMiUpIiBkPSJNMCwwSDhWOEgweiIvPjxwYXRoIGZpbGw9ImhzbCgyNDAgOTklIDQ5JSkiIGQ9Ik0xLDBoMXYxaC0xek02LDBoMXYxaC0xek0yLDBoMXYxaC0xek01LDBoMXYxaC0xek0zLDBoMXYxaC0xek00LDBoMXYxaC0xek0wLDFoMXYxaC0xek03LDFoMXYxaC0xek0wLDJoMXYxaC0xek03LDJoMXYxaC0xek0xLDJoMXYxaC0xek02LDJoMXYxaC0xek0yLDJoMXYxaC0xek01LDJoMXYxaC0xek0xLDNoMXYxaC0xek02LDNoMXYxaC0xek0xLDRoMXYxaC0xek02LDRoMXYxaC0xek0xLDVoMXYxaC0xek02LDVoMXYxaC0xek0yLDVoMXYxaC0xek01LDVoMXYxaC0xek0yLDdoMXYxaC0xek01LDdoMXYxaC0xek0zLDdoMXYxaC0xek00LDdoMXYxaC0xeiIvPjxwYXRoIGZpbGw9ImhzbCgxNTUgOTUlIDU5JSkiIGQ9Ik0xLDFoMXYxaC0xek02LDFoMXYxaC0xek0zLDFoMXYxaC0xek00LDFoMXYxaC0xek0zLDJoMXYxaC0xek00LDJoMXYxaC0xek0xLDdoMXYxaC0xek02LDdoMXYxaC0xeiIvPjwvc3ZnPg==); width: 40px; height: 40px;"
+        />
+      </div>
+      <div
+        class="MuiBox-root css-1lchl8k"
+      >
+        <div
+          class="ethHashInfo-name MuiBox-root css-171onha"
+          title="Bob"
+        >
+          <div
+            class="MuiBox-root css-1o4wo1x"
+          >
+            Bob
+          </div>
+        </div>
+        <div
+          class="addressContainer"
+        >
+          <div
+            class="MuiBox-root css-b5p5gz"
+          >
+            <span
+              aria-label="Copy to clipboard"
+              class=""
+              data-mui-internal-clone-element="true"
+              style="cursor: pointer;"
+            >
+              <span>
+                0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045
+              </span>
+            </span>
+          </div>
+          <span
+            aria-label="Copy to clipboard"
+            class=""
+            data-mui-internal-clone-element="true"
+            style="cursor: pointer;"
+          >
+            <button
+              aria-label="Copy to clipboard"
+              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+              tabindex="0"
+              type="button"
+            >
+              <mock-icon
+                aria-hidden=""
+                class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                data-testid="copy-btn-icon"
+                focusable="false"
+              />
+            </button>
+          </span>
+          <div
+            class="MuiBox-root css-yjghm1"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 container css-zpxm0u-MuiPaper-root"
+    style="--Paper-shadow: none;"
+  >
+    <p
+      class="MuiTypography-root MuiTypography-body1 css-1950vt0-MuiTypography-root"
+    >
+      <mock-icon
+        aria-hidden=""
+        class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-1hr8a3z-MuiSvgIcon-root"
+        focusable="false"
+      />
+      Add owner
+    </p>
+    <div
+      class="container"
+    >
+      <div
+        class="avatarContainer"
+        style="width: 32px; height: 32px;"
+      >
+        <span
+          class="MuiSkeleton-root MuiSkeleton-circular MuiSkeleton-pulse css-143xw5x-MuiSkeleton-root"
+          style="width: 32px; height: 32px;"
+        />
+      </div>
+      <div
+        class="MuiBox-root css-1lchl8k"
+      >
+        <div
+          class="ethHashInfo-name MuiBox-root css-171onha"
+          title="Alice"
+        >
+          <div
+            class="MuiBox-root css-1o4wo1x"
+          >
+            Alice
+          </div>
+        </div>
+        <div
+          class="addressContainer"
+        >
+          <div
+            class="MuiBox-root css-b5p5gz"
+          >
+            <span
+              aria-label="Copy to clipboard"
+              class=""
+              data-mui-internal-clone-element="true"
+              style="cursor: pointer;"
+            >
+              <span>
+                0x0000000000000000
+              </span>
+            </span>
+          </div>
+          <span
+            aria-label="Copy to clipboard"
+            class=""
+            data-mui-internal-clone-element="true"
+            style="cursor: pointer;"
+          >
+            <button
+              aria-label="Copy to clipboard"
+              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+              tabindex="0"
+              type="button"
+            >
+              <mock-icon
+                aria-hidden=""
+                class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                data-testid="copy-btn-icon"
+                focusable="false"
+              />
+            </button>
+          </span>
+          <div
+            class="MuiBox-root css-yjghm1"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <hr
+    class="MuiDivider-root MuiDivider-fullWidth nestedDivider css-1facvfi-MuiDivider-root"
+  />
+</div>
+`;
+
+exports[`SettingsChange should display the SettingsChange component with owner details 1`] = `
+<div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 container css-zpxm0u-MuiPaper-root"
+    style="--Paper-shadow: none;"
+  >
+    <p
+      class="MuiTypography-root MuiTypography-body1 css-1950vt0-MuiTypography-root"
+    >
+      <mock-icon
+        aria-hidden=""
+        class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-1hr8a3z-MuiSvgIcon-root"
+        focusable="false"
+      />
+      Add owner
+    </p>
+    <div
+      class="container"
+    >
+      <div
+        class="avatarContainer"
+        style="width: 32px; height: 32px;"
+      >
+        <div
+          class="icon"
+          style="background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0ib3B0aW1pemVTcGVlZCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJoc2woMzI1IDQ4JSAyMiUpIiBkPSJNMCwwSDhWOEgweiIvPjxwYXRoIGZpbGw9ImhzbCgyNDAgOTklIDQ5JSkiIGQ9Ik0xLDBoMXYxaC0xek02LDBoMXYxaC0xek0yLDBoMXYxaC0xek01LDBoMXYxaC0xek0zLDBoMXYxaC0xek00LDBoMXYxaC0xek0wLDFoMXYxaC0xek03LDFoMXYxaC0xek0wLDJoMXYxaC0xek03LDJoMXYxaC0xek0xLDJoMXYxaC0xek02LDJoMXYxaC0xek0yLDJoMXYxaC0xek01LDJoMXYxaC0xek0xLDNoMXYxaC0xek02LDNoMXYxaC0xek0xLDRoMXYxaC0xek02LDRoMXYxaC0xek0xLDVoMXYxaC0xek02LDVoMXYxaC0xek0yLDVoMXYxaC0xek01LDVoMXYxaC0xek0yLDdoMXYxaC0xek01LDdoMXYxaC0xek0zLDdoMXYxaC0xek00LDdoMXYxaC0xeiIvPjxwYXRoIGZpbGw9ImhzbCgxNTUgOTUlIDU5JSkiIGQ9Ik0xLDFoMXYxaC0xek02LDFoMXYxaC0xek0zLDFoMXYxaC0xek00LDFoMXYxaC0xek0zLDJoMXYxaC0xek00LDJoMXYxaC0xek0xLDdoMXYxaC0xek02LDdoMXYxaC0xeiIvPjwvc3ZnPg==); width: 32px; height: 32px;"
+        />
+      </div>
+      <div
+        class="MuiBox-root css-1lchl8k"
+      >
+        <div
+          class="ethHashInfo-name MuiBox-root css-171onha"
+          title="Nevinha"
+        >
+          <div
+            class="MuiBox-root css-1o4wo1x"
+          >
+            Nevinha
+          </div>
+        </div>
+        <div
+          class="addressContainer"
+        >
+          <div
+            class="MuiBox-root css-b5p5gz"
+          >
+            <span
+              aria-label="Copy to clipboard"
+              class=""
+              data-mui-internal-clone-element="true"
+              style="cursor: pointer;"
+            >
+              <span>
+                0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045
+              </span>
+            </span>
+          </div>
+          <span
+            aria-label="Copy to clipboard"
+            class=""
+            data-mui-internal-clone-element="true"
+            style="cursor: pointer;"
+          >
+            <button
+              aria-label="Copy to clipboard"
+              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+              tabindex="0"
+              type="button"
+            >
+              <mock-icon
+                aria-hidden=""
+                class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                data-testid="copy-btn-icon"
+                focusable="false"
+              />
+            </button>
+          </span>
+          <div
+            class="MuiBox-root css-yjghm1"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <hr
+    class="MuiDivider-root MuiDivider-fullWidth nestedDivider css-1facvfi-MuiDivider-root"
+  />
+  <div
+    class="MuiBox-root css-0"
+  >
+    <p
+      class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+    >
+      Any transaction requires the confirmation of:
+    </p>
+    <p
+      class="MuiTypography-root MuiTypography-body1 css-v6lhhw-MuiTypography-root"
+    >
+      <b>
+        1
+      </b>
+       out of
+       
+      <b>
+        1
+         signer
+      </b>
+    </p>
+  </div>
+  <hr
+    class="MuiDivider-root MuiDivider-fullWidth nestedDivider css-1facvfi-MuiDivider-root"
+  />
+</div>
+`;
diff --git a/apps/web/src/components/tx/confirmation-views/SettingsChange/index.tsx b/apps/web/src/components/tx/confirmation-views/SettingsChange/index.tsx
new file mode 100644
index 000000000..befc18e6a
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/SettingsChange/index.tsx
@@ -0,0 +1,71 @@
+import { Paper, Typography, Box, Divider, SvgIcon } from '@mui/material'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import type { NarrowConfirmationViewProps } from '../types'
+import { OwnerList } from '@/components/tx-flow/common/OwnerList'
+import MinusIcon from '@/public/images/common/minus.svg'
+import commonCss from '@/components/tx-flow/common/styles.module.css'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { SettingsInfoType, type SettingsChange as SettingsChangeType } from '@safe-global/safe-gateway-typescript-sdk'
+import { ChangeSignerSetupWarning } from '@/features/multichain/components/SignerSetupWarning/ChangeSignerSetupWarning'
+import { useContext } from 'react'
+import { SettingsChangeContext } from '@/components/tx-flow/flows/AddOwner/context'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+
+export interface SettingsChangeProps extends NarrowConfirmationViewProps {
+  txInfo: SettingsChangeType
+}
+
+const SettingsChange: React.FC<SettingsChangeProps> = ({ txInfo: { settingsInfo } }) => {
+  const { safe } = useSafeInfo()
+  const params = useContext(SettingsChangeContext)
+
+  if (!settingsInfo || settingsInfo.type === SettingsInfoType.REMOVE_OWNER) return null
+
+  const shouldShowChangeSigner = 'owner' in settingsInfo || 'newOwner' in params
+  const hasNewOwner = 'newOwner' in params
+  const newSignersLength = safe.owners.length + ('removedOwner' in settingsInfo ? 0 : 1)
+
+  return (
+    <>
+      {'oldOwner' in settingsInfo && (
+        <Paper sx={{ backgroundColor: ({ palette }) => palette.warning.background, p: 2 }}>
+          <Typography color="text.secondary" mb={2} display="flex" alignItems="center">
+            <SvgIcon component={MinusIcon} inheritViewBox fontSize="small" sx={{ mr: 1 }} />
+            Previous signer
+          </Typography>
+          <EthHashInfo
+            name={settingsInfo.oldOwner.name}
+            address={settingsInfo.oldOwner.value}
+            shortAddress={false}
+            showCopyButton
+            hasExplorer
+          />
+        </Paper>
+      )}
+
+      {'owner' in settingsInfo && !hasNewOwner && <OwnerList owners={[settingsInfo.owner]} />}
+      {hasNewOwner && <OwnerList owners={[{ name: params.newOwner.name, value: params.newOwner.address }]} />}
+
+      {shouldShowChangeSigner && <ChangeSignerSetupWarning />}
+
+      {'threshold' in settingsInfo && (
+        <>
+          <Divider className={commonCss.nestedDivider} />
+
+          <Box>
+            <Typography variant="body2">Any transaction requires the confirmation of:</Typography>
+            <Typography>
+              <b>{settingsInfo.threshold}</b> out of{' '}
+              <b>
+                {newSignersLength} signer{maybePlural(newSignersLength)}
+              </b>
+            </Typography>
+          </Box>
+        </>
+      )}
+      <Divider className={commonCss.nestedDivider} />
+    </>
+  )
+}
+
+export default SettingsChange
diff --git a/apps/web/src/components/tx/confirmation-views/SettingsChange/mockData.ts b/apps/web/src/components/tx/confirmation-views/SettingsChange/mockData.ts
new file mode 100644
index 000000000..497a79c09
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/SettingsChange/mockData.ts
@@ -0,0 +1,32 @@
+import type { SettingsChange } from '@safe-global/safe-gateway-typescript-sdk'
+import { SettingsInfoType, TransactionInfoType } from '@safe-global/safe-gateway-typescript-sdk'
+
+export const ownerAddress = '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045'
+export const txInfo: SettingsChange = {
+  type: TransactionInfoType.SETTINGS_CHANGE,
+  humanDescription: 'Add new owner 0xd8dA...6045 with threshold 1',
+  dataDecoded: {
+    method: 'addOwnerWithThreshold',
+    parameters: [
+      {
+        name: 'owner',
+        type: 'address',
+        value: ownerAddress,
+      },
+      {
+        name: '_threshold',
+        type: 'uint256',
+        value: '1',
+      },
+    ],
+  },
+  settingsInfo: {
+    type: SettingsInfoType.ADD_OWNER,
+    owner: {
+      value: ownerAddress,
+      name: 'Nevinha',
+      logoUri: 'http://something.com',
+    },
+    threshold: 1,
+  },
+}
diff --git a/apps/web/src/components/tx/confirmation-views/StakingTx/index.tsx b/apps/web/src/components/tx/confirmation-views/StakingTx/index.tsx
new file mode 100644
index 000000000..2a101c565
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/StakingTx/index.tsx
@@ -0,0 +1,13 @@
+import StrakingConfirmationTx from '@/features/stake/components/StakingConfirmationTx'
+import type { StakingTxInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import type { NarrowConfirmationViewProps } from '../types'
+
+export interface StakingTxProps extends NarrowConfirmationViewProps {
+  txInfo: StakingTxInfo
+}
+
+function StakingTx({ txInfo }: StakingTxProps) {
+  return <StrakingConfirmationTx order={txInfo} />
+}
+
+export default StakingTx
diff --git a/apps/web/src/components/tx/confirmation-views/SwapOrder/index.tsx b/apps/web/src/components/tx/confirmation-views/SwapOrder/index.tsx
new file mode 100644
index 000000000..070c41597
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/SwapOrder/index.tsx
@@ -0,0 +1,19 @@
+import SwapOrderConfirmation from '@/features/swap/components/SwapOrderConfirmationView'
+import type { Order } from '@safe-global/safe-gateway-typescript-sdk'
+import type { NarrowConfirmationViewProps } from '../types'
+
+interface SwapOrderProps extends NarrowConfirmationViewProps {
+  txInfo: Order
+}
+
+function SwapOrder({ txInfo, txData }: SwapOrderProps) {
+  return (
+    <SwapOrderConfirmation
+      order={txInfo}
+      decodedData={txData?.dataDecoded}
+      settlementContract={txData?.to?.value ?? ''}
+    />
+  )
+}
+
+export default SwapOrder
diff --git a/apps/web/src/components/tx/confirmation-views/UpdateSafe/index.test.tsx b/apps/web/src/components/tx/confirmation-views/UpdateSafe/index.test.tsx
new file mode 100644
index 000000000..d0d8a7237
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/UpdateSafe/index.test.tsx
@@ -0,0 +1,113 @@
+import type { ChainInfo, TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import { _UpdateSafe as UpdateSafe } from './index'
+import { render } from '@/tests/test-utils'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+import { Gnosis_safe__factory } from '@safe-global/utils/types/contracts/factories/@safe-global/safe-deployments/dist/assets/v1.1.1'
+import { getSafeMigrationDeployment, getSafeSingletonDeployment } from '@safe-global/safe-deployments'
+import { Safe_migration__factory } from '@safe-global/utils/types/contracts'
+import { faker } from '@faker-js/faker'
+
+const chain = {
+  recommendedMasterCopyVersion: '1.4.1',
+} as ChainInfo
+
+const Safe_111_interface = Gnosis_safe__factory.createInterface()
+
+const warningText = 'This upgrade will invalidate all queued transactions!'
+
+const unknownTargetWarningText =
+  'The target contract for this upgrade is unknown. Verify the transaction data and the target contract address before executing this transaction.'
+
+describe('Container', () => {
+  it('renders correctly with a queue warning', async () => {
+    const newSingleton = getSafeSingletonDeployment({ version: '1.4.1' })?.defaultAddress!
+    const safe = extendedSafeInfoBuilder().with({ version: '1.1.1' }).build()
+    const txData: TransactionData = {
+      operation: 0,
+      to: { value: safe.address.value, name: safe.address.name ?? undefined },
+      trustedDelegateCallTarget: true,
+      value: '0',
+      hexData: Safe_111_interface.encodeFunctionData('changeMasterCopy', [newSingleton]),
+    }
+    const container = render(
+      <UpdateSafe
+        txData={txData}
+        safeInfo={{ safe, safeAddress: safe.address.value, safeLoaded: true, safeLoading: false }}
+        queueSize="10+"
+        chain={chain}
+      />,
+    )
+    await expect(container.findByText(warningText)).resolves.not.toBeNull()
+    expect(container.queryByText('Current version: 1.1.1')).toBeVisible()
+    expect(container.queryByText('New version: 1.4.1')).toBeVisible()
+  })
+
+  it('renders correctly without a queue warning because no queue', async () => {
+    const newSingleton = getSafeSingletonDeployment({ version: '1.4.1' })?.defaultAddress!
+    const safe = extendedSafeInfoBuilder().with({ version: '1.1.1' }).build()
+    const txData: TransactionData = {
+      operation: 0,
+      to: { value: safe.address.value, name: safe.address.name ?? undefined },
+      trustedDelegateCallTarget: true,
+      value: '0',
+      hexData: Safe_111_interface.encodeFunctionData('changeMasterCopy', [newSingleton]),
+    }
+    const container = render(
+      <UpdateSafe
+        txData={txData}
+        safeInfo={{ safe, safeAddress: safe.address.value, safeLoaded: true, safeLoading: false }}
+        queueSize=""
+        chain={chain}
+      />,
+    )
+    await expect(container.findByText(warningText)).rejects.toThrowError(Error)
+    expect(container.queryByText('Current version: 1.1.1')).toBeVisible()
+    expect(container.queryByText('New version: 1.4.1')).toBeVisible()
+  })
+
+  it('renders correctly without a queue warning because of compatible Safe version', async () => {
+    const migrationAddress = getSafeMigrationDeployment({ version: '1.4.1' })?.defaultAddress!
+    const safe = extendedSafeInfoBuilder().with({ version: '1.3.0' }).build()
+    const txData: TransactionData = {
+      operation: 1,
+      to: { value: migrationAddress },
+      trustedDelegateCallTarget: true,
+      value: '0',
+      hexData: Safe_migration__factory.createInterface().encodeFunctionData('migrateSingleton'),
+    }
+    const container = render(
+      <UpdateSafe
+        txData={txData}
+        safeInfo={{ safe, safeAddress: safe.address.value, safeLoaded: true, safeLoading: false }}
+        queueSize="10+"
+        chain={chain}
+      />,
+    )
+    await expect(container.findByText(warningText)).rejects.toThrowError(Error)
+    expect(container.queryByText('Current version: 1.3.0')).toBeVisible()
+    expect(container.queryByText('New version: 1.4.1')).toBeVisible()
+  })
+
+  it('renders correctly with a unknown contract warning if the target contract is not known', async () => {
+    const newSingleton = faker.finance.ethereumAddress()
+    const safe = extendedSafeInfoBuilder().with({ version: '1.1.1' }).build()
+    const txData: TransactionData = {
+      operation: 0,
+      to: { value: safe.address.value, name: safe.address.name ?? undefined },
+      trustedDelegateCallTarget: true,
+      value: '0',
+      hexData: Safe_111_interface.encodeFunctionData('changeMasterCopy', [newSingleton]),
+    }
+    const container = render(
+      <UpdateSafe
+        txData={txData}
+        safeInfo={{ safe, safeAddress: safe.address.value, safeLoaded: true, safeLoading: false }}
+        queueSize="0"
+        chain={chain}
+      />,
+    )
+    expect(container.queryByText('Current version: 1.1.1')).toBeVisible()
+    expect(container.queryAllByText('Unknown contract')).toHaveLength(2)
+    expect(container.queryByText(unknownTargetWarningText)).toBeVisible()
+  })
+})
diff --git a/apps/web/src/components/tx/confirmation-views/UpdateSafe/index.tsx b/apps/web/src/components/tx/confirmation-views/UpdateSafe/index.tsx
new file mode 100644
index 000000000..93f279ab3
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/UpdateSafe/index.tsx
@@ -0,0 +1,89 @@
+import type { ReactNode } from 'react'
+import { Alert, AlertTitle, Box, Divider, Stack, Typography } from '@mui/material'
+import semverSatisfies from 'semver/functions/satisfies'
+import { useCurrentChain } from '@/hooks/useChains'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useQueuedTxsLength } from '@/hooks/useTxQueue'
+import ExternalLink from '@/components/common/ExternalLink'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+import madProps from '@/utils/mad-props'
+import { type TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import { extractTargetVersionFromUpdateSafeTx } from '@/services/tx/safeUpdateParams'
+
+const QUEUE_WARNING_VERSION = '<1.3.0'
+
+function BgBox({ children, light, warning }: { children: ReactNode; light?: boolean; warning?: boolean }) {
+  const bgcolor = warning ? 'warning.background' : light ? 'background.light' : 'border.background'
+  return (
+    <Box flex={1} bgcolor={bgcolor} p={2} textAlign="center" fontWeight={700} fontSize={18} borderRadius={1}>
+      {children}
+    </Box>
+  )
+}
+
+export function _UpdateSafe({
+  safeInfo,
+  queueSize,
+  chain,
+  txData,
+}: {
+  safeInfo: ReturnType<typeof useSafeInfo>
+  queueSize: string
+  chain: ReturnType<typeof useCurrentChain>
+  txData: TransactionData | undefined
+}) {
+  const { safe } = safeInfo
+  if (!safe.version) {
+    return null
+  }
+  const showQueueWarning = queueSize && semverSatisfies(safe.version, QUEUE_WARNING_VERSION)
+  const newVersion = extractTargetVersionFromUpdateSafeTx(txData, safe)
+
+  return (
+    <>
+      <Stack direction="row" alignItems="center" spacing={2}>
+        <BgBox>Current version: {safe.version}</BgBox>
+        <Box fontSize={28}>→</Box>
+        {newVersion !== undefined ? (
+          <BgBox light>
+            New version: {newVersion} {chain?.l2 ? '+L2' : ''}
+          </BgBox>
+        ) : (
+          <BgBox warning>Unknown contract</BgBox>
+        )}
+      </Stack>
+      {newVersion !== undefined ? (
+        <Typography>
+          Read about the updates in the new Safe contracts version in the{' '}
+          <ExternalLink href={`https://github.com/safe-global/safe-contracts/releases/tag/v${newVersion}`}>
+            version {newVersion} changelog
+          </ExternalLink>
+        </Typography>
+      ) : (
+        <Alert severity="error">
+          <AlertTitle sx={{ fontWeight: 700 }}>Unknown contract</AlertTitle>
+          The target contract for this upgrade is unknown. Verify the transaction data and the target contract address
+          before executing this transaction.
+        </Alert>
+      )}
+
+      {showQueueWarning && (
+        <Alert severity="warning">
+          <AlertTitle sx={{ fontWeight: 700 }}>This upgrade will invalidate all queued transactions!</AlertTitle>
+          You have {queueSize} unexecuted transaction{maybePlural(parseInt(queueSize))}. Please make sure to execute or
+          delete them before upgrading, otherwise you&apos;ll have to reject or replace them after the upgrade.
+        </Alert>
+      )}
+
+      <Divider sx={{ my: 1, mx: -3 }} />
+    </>
+  )
+}
+
+const UpdateSafe = madProps(_UpdateSafe, {
+  chain: useCurrentChain,
+  safeInfo: useSafeInfo,
+  queueSize: useQueuedTxsLength,
+})
+
+export default UpdateSafe
diff --git a/apps/web/src/components/tx/confirmation-views/__snapshots__/ConfirmationView.test.tsx.snap b/apps/web/src/components/tx/confirmation-views/__snapshots__/ConfirmationView.test.tsx.snap
new file mode 100644
index 000000000..4004cef32
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/__snapshots__/ConfirmationView.test.tsx.snap
@@ -0,0 +1,1610 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ConfirmationView should display a confirmation screen for a SETTINGS_CHANGE transaction 1`] = `
+<div>
+  <div
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 container css-zpxm0u-MuiPaper-root"
+    style="--Paper-shadow: none;"
+  >
+    <p
+      class="MuiTypography-root MuiTypography-body1 css-14yu9oo-MuiTypography-root"
+    >
+      <mock-icon
+        aria-hidden=""
+        class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-1hr8a3z-MuiSvgIcon-root"
+        focusable="false"
+      />
+      New signer
+    </p>
+    <div
+      class="container"
+    >
+      <div
+        class="avatarContainer"
+        style="width: 32px; height: 32px;"
+      >
+        <div
+          class="icon"
+          style="background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0ib3B0aW1pemVTcGVlZCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJoc2woMzI1IDQ4JSAyMiUpIiBkPSJNMCwwSDhWOEgweiIvPjxwYXRoIGZpbGw9ImhzbCgyNDAgOTklIDQ5JSkiIGQ9Ik0xLDBoMXYxaC0xek02LDBoMXYxaC0xek0yLDBoMXYxaC0xek01LDBoMXYxaC0xek0zLDBoMXYxaC0xek00LDBoMXYxaC0xek0wLDFoMXYxaC0xek03LDFoMXYxaC0xek0wLDJoMXYxaC0xek03LDJoMXYxaC0xek0xLDJoMXYxaC0xek02LDJoMXYxaC0xek0yLDJoMXYxaC0xek01LDJoMXYxaC0xek0xLDNoMXYxaC0xek02LDNoMXYxaC0xek0xLDRoMXYxaC0xek02LDRoMXYxaC0xek0xLDVoMXYxaC0xek02LDVoMXYxaC0xek0yLDVoMXYxaC0xek01LDVoMXYxaC0xek0yLDdoMXYxaC0xek01LDdoMXYxaC0xek0zLDdoMXYxaC0xek00LDdoMXYxaC0xeiIvPjxwYXRoIGZpbGw9ImhzbCgxNTUgOTUlIDU5JSkiIGQ9Ik0xLDFoMXYxaC0xek02LDFoMXYxaC0xek0zLDFoMXYxaC0xek00LDFoMXYxaC0xek0zLDJoMXYxaC0xek00LDJoMXYxaC0xek0xLDdoMXYxaC0xek02LDdoMXYxaC0xeiIvPjwvc3ZnPg==); width: 32px; height: 32px;"
+        />
+      </div>
+      <div
+        class="MuiBox-root css-1lchl8k"
+      >
+        <div
+          class="MuiBox-root css-171onha"
+          title="Nevinha"
+        >
+          <div
+            class="MuiBox-root css-1o4wo1x"
+          >
+            Nevinha
+          </div>
+        </div>
+        <div
+          class="addressContainer"
+        >
+          <div
+            class="MuiBox-root css-b5p5gz"
+          >
+            <span
+              aria-label="Copy to clipboard"
+              class=""
+              data-mui-internal-clone-element="true"
+              style="cursor: pointer;"
+            >
+              <span>
+                0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045
+              </span>
+            </span>
+          </div>
+          <span
+            aria-label="Copy to clipboard"
+            class=""
+            data-mui-internal-clone-element="true"
+            style="cursor: pointer;"
+          >
+            <button
+              aria-label="Copy to clipboard"
+              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+              tabindex="0"
+              type="button"
+            >
+              <mock-icon
+                aria-hidden=""
+                class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                data-testid="copy-btn-icon"
+                focusable="false"
+              />
+            </button>
+          </span>
+          <div
+            class="MuiBox-root css-yjghm1"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <hr
+    class="MuiDivider-root MuiDivider-fullWidth nestedDivider css-1facvfi-MuiDivider-root"
+  />
+  <div
+    class="MuiBox-root css-0"
+  >
+    <p
+      class="MuiTypography-root MuiTypography-body2 css-17vdyq3-MuiTypography-root"
+    >
+      Any transaction requires the confirmation of:
+    </p>
+    <p
+      class="MuiTypography-root MuiTypography-body1 css-v6lhhw-MuiTypography-root"
+    >
+      <b>
+        1
+      </b>
+       out of
+       
+      <b>
+        1
+         signer
+      </b>
+    </p>
+  </div>
+  <hr
+    class="MuiDivider-root MuiDivider-fullWidth nestedDivider css-1facvfi-MuiDivider-root"
+  />
+  <div
+    class="MuiStack-root css-1sazv7p-MuiStack-root"
+  >
+    <div
+      class="MuiBox-root css-0"
+    >
+      <div
+        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1gdgqta-MuiPaper-root-MuiAccordion-root"
+        style="--Paper-shadow: none;"
+      >
+        <h3
+          class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+        >
+          <button
+            aria-expanded="false"
+            class="MuiButtonBase-root MuiAccordionSummary-root MuiAccordionSummary-gutters accordion css-10sjung-MuiButtonBase-root-MuiAccordionSummary-root"
+            data-testid="decoded-tx-summary"
+            tabindex="0"
+            type="button"
+          >
+            <span
+              class="MuiAccordionSummary-content MuiAccordionSummary-contentGutters css-1r0e0ir-MuiAccordionSummary-content"
+            >
+              Advanced details
+              <span
+                class=""
+                data-mui-internal-clone-element="true"
+              >
+                <mock-icon
+                  aria-hidden=""
+                  class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-17ibv3e-MuiSvgIcon-root"
+                  focusable="false"
+                />
+              </span>
+              <div
+                class="MuiBox-root css-1rr4qq7"
+              />
+              addOwnerWithThreshold
+            </span>
+            <span
+              class="MuiAccordionSummary-expandIconWrapper css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1dhtbeh-MuiSvgIcon-root"
+                data-testid="ExpandMoreIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
+                />
+              </svg>
+            </span>
+          </button>
+        </h3>
+        <div
+          class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+          style="min-height: 0px;"
+        >
+          <div
+            class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
+          >
+            <div
+              class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
+            >
+              <div
+                class="MuiAccordion-region"
+                role="region"
+              >
+                <div
+                  class="MuiAccordionDetails-root css-w74p4c-MuiAccordionDetails-root"
+                  data-testid="decoded-tx-details"
+                >
+                  <div
+                    class="MuiStack-root css-1sazv7p-MuiStack-root"
+                  >
+                    <div
+                      class="MuiTypography-root MuiTypography-body1 css-13ch7tx-MuiTypography-root"
+                    >
+                      Call
+                      <code
+                        class="MuiTypography-root MuiTypography-body2 css-1vdua93-MuiTypography-root"
+                      >
+                        addOwnerWithThreshold
+                      </code>
+                       
+                      on
+                      <div
+                        class="container"
+                      >
+                        <div
+                          class="avatarContainer"
+                          style="width: 24px; height: 24px;"
+                        >
+                          <div
+                            class="icon"
+                            style="background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0ib3B0aW1pemVTcGVlZCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJoc2woMjE4IDk2JSA0OSUpIiBkPSJNMCwwSDhWOEgweiIvPjxwYXRoIGZpbGw9ImhzbCgzMDQgNTclIDEzJSkiIGQ9Ik0xLDBoMXYxaC0xek02LDBoMXYxaC0xek0zLDBoMXYxaC0xek00LDBoMXYxaC0xek0wLDFoMXYxaC0xek03LDFoMXYxaC0xek0yLDFoMXYxaC0xek01LDFoMXYxaC0xek0xLDJoMXYxaC0xek02LDJoMXYxaC0xek0yLDNoMXYxaC0xek01LDNoMXYxaC0xek0xLDRoMXYxaC0xek02LDRoMXYxaC0xek0yLDRoMXYxaC0xek01LDRoMXYxaC0xek0zLDRoMXYxaC0xek00LDRoMXYxaC0xek0wLDVoMXYxaC0xek03LDVoMXYxaC0xek0zLDVoMXYxaC0xek00LDVoMXYxaC0xek0xLDZoMXYxaC0xek02LDZoMXYxaC0xek0zLDZoMXYxaC0xek00LDZoMXYxaC0xek0xLDdoMXYxaC0xek02LDdoMXYxaC0xek0zLDdoMXYxaC0xek00LDdoMXYxaC0xeiIvPjxwYXRoIGZpbGw9ImhzbCgyNjMgODQlIDQyJSkiIGQ9Ik0zLDNoMXYxaC0xek00LDNoMXYxaC0xek0wLDRoMXYxaC0xek03LDRoMXYxaC0xek0xLDVoMXYxaC0xek02LDVoMXYxaC0xeiIvPjwvc3ZnPg==); width: 24px; height: 24px;"
+                          />
+                        </div>
+                        <div
+                          class="inline MuiBox-root css-1lchl8k"
+                        >
+                          <div
+                            class="addressContainer inline"
+                          >
+                            <div
+                              class="MuiBox-root css-b5p5gz"
+                            >
+                              <span
+                                aria-label="Copy to clipboard"
+                                class=""
+                                data-mui-internal-clone-element="true"
+                                style="cursor: pointer;"
+                              >
+                                <span>
+                                  0xDa5e...EE6b
+                                </span>
+                              </span>
+                            </div>
+                            <span
+                              aria-label="Copy to clipboard"
+                              class=""
+                              data-mui-internal-clone-element="true"
+                              style="cursor: pointer;"
+                            >
+                              <button
+                                aria-label="Copy to clipboard"
+                                class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                                tabindex="0"
+                                type="button"
+                              >
+                                <mock-icon
+                                  aria-hidden=""
+                                  class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                  data-testid="copy-btn-icon"
+                                  focusable="false"
+                                />
+                              </button>
+                            </span>
+                            <div
+                              class="MuiBox-root css-yjghm1"
+                            />
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root css-0"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                      >
+                        <div
+                          class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                          data-testid="tx-row-title"
+                          style="word-break: break-word;"
+                        >
+                          <p
+                            class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                          >
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 css-v6lhhw-MuiTypography-root"
+                            >
+                              owner
+                            </span>
+                             
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 css-fw8ds0-MuiTypography-root"
+                            >
+                              address
+                            </span>
+                          </p>
+                        </div>
+                        <div
+                          class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                          data-testid="tx-data-row"
+                        >
+                          <div
+                            class="container"
+                          >
+                            <div
+                              class="MuiBox-root css-1lchl8k"
+                            >
+                              <div
+                                class="MuiBox-root css-171onha"
+                                title="MetaMultiSigWallet"
+                              >
+                                <div
+                                  class="MuiBox-root css-1o4wo1x"
+                                >
+                                  MetaMultiSigWallet
+                                </div>
+                              </div>
+                              <div
+                                class="addressContainer"
+                              >
+                                <div
+                                  class="MuiBox-root css-b5p5gz"
+                                >
+                                  <span
+                                    aria-label="Copy to clipboard"
+                                    class=""
+                                    data-mui-internal-clone-element="true"
+                                    style="cursor: pointer;"
+                                  >
+                                    <span>
+                                      0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045
+                                    </span>
+                                  </span>
+                                </div>
+                                <span
+                                  aria-label="Copy to clipboard"
+                                  class=""
+                                  data-mui-internal-clone-element="true"
+                                  style="cursor: pointer;"
+                                >
+                                  <button
+                                    aria-label="Copy to clipboard"
+                                    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                                    tabindex="0"
+                                    type="button"
+                                  >
+                                    <mock-icon
+                                      aria-hidden=""
+                                      class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                      data-testid="copy-btn-icon"
+                                      focusable="false"
+                                    />
+                                  </button>
+                                </span>
+                                <div
+                                  class="MuiBox-root css-yjghm1"
+                                />
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                      >
+                        <div
+                          class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                          data-testid="tx-row-title"
+                          style="word-break: break-word;"
+                        >
+                          <p
+                            class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                          >
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 css-v6lhhw-MuiTypography-root"
+                            >
+                              _threshold
+                            </span>
+                             
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 css-fw8ds0-MuiTypography-root"
+                            >
+                              uint256
+                            </span>
+                          </p>
+                        </div>
+                        <div
+                          class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                          data-testid="tx-data-row"
+                        >
+                          <p
+                            class="MuiTypography-root MuiTypography-body1 css-mxvcov-MuiTypography-root"
+                          >
+                            1
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root css-kz5wc9"
+                  />
+                  <div
+                    class="MuiBox-root css-zv7ju9"
+                  >
+                    <p
+                      class="MuiTypography-root MuiTypography-body1 css-111k8jw-MuiTypography-root"
+                    >
+                      Transaction data
+                    </p>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          to:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        <div
+                          class="container"
+                        >
+                          <div
+                            class="MuiBox-root css-1lchl8k"
+                          >
+                            <div
+                              class="addressContainer"
+                            >
+                              <div
+                                class="MuiBox-root css-b5p5gz"
+                              >
+                                <span
+                                  aria-label="Copy to clipboard"
+                                  class=""
+                                  data-mui-internal-clone-element="true"
+                                  style="cursor: pointer;"
+                                >
+                                  <span>
+                                    0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b
+                                  </span>
+                                </span>
+                              </div>
+                              <span
+                                aria-label="Copy to clipboard"
+                                class=""
+                                data-mui-internal-clone-element="true"
+                                style="cursor: pointer;"
+                              >
+                                <button
+                                  aria-label="Copy to clipboard"
+                                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                                  tabindex="0"
+                                  type="button"
+                                >
+                                  <mock-icon
+                                    aria-hidden=""
+                                    class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                    data-testid="copy-btn-icon"
+                                    focusable="false"
+                                  />
+                                </button>
+                              </span>
+                              <div
+                                class="MuiBox-root css-yjghm1"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          value:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-mxvcov-MuiTypography-root"
+                        >
+                          0x0
+                        </p>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          data:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        <div
+                          class="encodedData MuiBox-root css-0"
+                          data-testid="tx-hexData"
+                        >
+                          <span
+                            aria-label="Copy to clipboard"
+                            class=""
+                            data-mui-internal-clone-element="true"
+                            style="cursor: pointer;"
+                          >
+                            <button
+                              aria-label="Copy to clipboard"
+                              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                              tabindex="0"
+                              type="button"
+                            >
+                              <mock-icon
+                                aria-hidden=""
+                                class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                data-testid="copy-btn-icon"
+                                focusable="false"
+                              />
+                            </button>
+                          </span>
+                          0x
+                           
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root css-1v3caum"
+                    />
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          operation:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        0 (call)
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          nonce:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        4880438995992060
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          safeTxGas:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        [object Object]
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          baseGas:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        [object Object]
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          gasPrice:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        [object Object]
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          gasToken:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        <div
+                          class="container"
+                        >
+                          <div
+                            class="MuiBox-root css-1lchl8k"
+                          >
+                            <div
+                              class="addressContainer"
+                            >
+                              <div
+                                class="MuiBox-root css-b5p5gz"
+                              >
+                                <span
+                                  aria-label="Copy to clipboard"
+                                  class=""
+                                  data-mui-internal-clone-element="true"
+                                  style="cursor: pointer;"
+                                >
+                                  <span>
+                                    0x0000...0000
+                                  </span>
+                                </span>
+                              </div>
+                              <span
+                                aria-label="Copy to clipboard"
+                                class=""
+                                data-mui-internal-clone-element="true"
+                                style="cursor: pointer;"
+                              >
+                                <button
+                                  aria-label="Copy to clipboard"
+                                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                                  tabindex="0"
+                                  type="button"
+                                >
+                                  <mock-icon
+                                    aria-hidden=""
+                                    class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                    data-testid="copy-btn-icon"
+                                    focusable="false"
+                                  />
+                                </button>
+                              </span>
+                              <div
+                                class="MuiBox-root css-yjghm1"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          refundReceiver:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        <div
+                          class="container"
+                        >
+                          <div
+                            class="MuiBox-root css-1lchl8k"
+                          >
+                            <div
+                              class="addressContainer"
+                            >
+                              <div
+                                class="MuiBox-root css-b5p5gz"
+                              >
+                                <span
+                                  aria-label="Copy to clipboard"
+                                  class=""
+                                  data-mui-internal-clone-element="true"
+                                  style="cursor: pointer;"
+                                >
+                                  <span>
+                                    0x7996...aC52
+                                  </span>
+                                </span>
+                              </div>
+                              <span
+                                aria-label="Copy to clipboard"
+                                class=""
+                                data-mui-internal-clone-element="true"
+                                style="cursor: pointer;"
+                              >
+                                <button
+                                  aria-label="Copy to clipboard"
+                                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                                  tabindex="0"
+                                  type="button"
+                                >
+                                  <mock-icon
+                                    aria-hidden=""
+                                    class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                    data-testid="copy-btn-icon"
+                                    focusable="false"
+                                  />
+                                </button>
+                              </span>
+                              <div
+                                class="MuiBox-root css-yjghm1"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root css-1v3caum"
+                    />
+                    <div
+                      class="MuiBox-root css-kz5wc9"
+                    />
+                    <p
+                      class="MuiTypography-root MuiTypography-body1 css-111k8jw-MuiTypography-root"
+                    >
+                      Transaction hashes
+                    </p>
+                    <div
+                      class="MuiStack-root css-hwnj0i-MuiStack-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                      >
+                        <div
+                          class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                          data-testid="tx-row-title"
+                          style="word-break: break-word;"
+                        >
+                          <p
+                            class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                          >
+                            Domain hash:
+                          </p>
+                        </div>
+                        <div
+                          class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                          data-testid="tx-data-row"
+                        >
+                          <div
+                            class="encodedData MuiBox-root css-0"
+                            data-testid="tx-hexData"
+                          >
+                            <span
+                              aria-label="Copy to clipboard"
+                              class=""
+                              data-mui-internal-clone-element="true"
+                              style="cursor: pointer;"
+                            >
+                              <button
+                                aria-label="Copy to clipboard"
+                                class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                                tabindex="0"
+                                type="button"
+                              >
+                                <mock-icon
+                                  aria-hidden=""
+                                  class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                  data-testid="copy-btn-icon"
+                                  focusable="false"
+                                />
+                              </button>
+                            </span>
+                             
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ConfirmationView should display a confirmation with method call when the transaction type is not found in the ConfirmationView's mapper 1`] = `
+<div>
+  <div
+    class="MuiStack-root css-1sazv7p-MuiStack-root"
+  >
+    <div
+      class="MuiBox-root css-0"
+    >
+      <div
+        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1gdgqta-MuiPaper-root-MuiAccordion-root"
+        style="--Paper-shadow: none;"
+      >
+        <h3
+          class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+        >
+          <button
+            aria-expanded="false"
+            class="MuiButtonBase-root MuiAccordionSummary-root MuiAccordionSummary-gutters accordion css-10sjung-MuiButtonBase-root-MuiAccordionSummary-root"
+            data-testid="decoded-tx-summary"
+            tabindex="0"
+            type="button"
+          >
+            <span
+              class="MuiAccordionSummary-content MuiAccordionSummary-contentGutters css-1r0e0ir-MuiAccordionSummary-content"
+            >
+              Advanced details
+              <span
+                class=""
+                data-mui-internal-clone-element="true"
+              >
+                <mock-icon
+                  aria-hidden=""
+                  class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-17ibv3e-MuiSvgIcon-root"
+                  focusable="false"
+                />
+              </span>
+              <div
+                class="MuiBox-root css-1rr4qq7"
+              />
+              addOwnerWithThreshold
+            </span>
+            <span
+              class="MuiAccordionSummary-expandIconWrapper css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1dhtbeh-MuiSvgIcon-root"
+                data-testid="ExpandMoreIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
+                />
+              </svg>
+            </span>
+          </button>
+        </h3>
+        <div
+          class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+          style="min-height: 0px;"
+        >
+          <div
+            class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
+          >
+            <div
+              class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
+            >
+              <div
+                class="MuiAccordion-region"
+                role="region"
+              >
+                <div
+                  class="MuiAccordionDetails-root css-w74p4c-MuiAccordionDetails-root"
+                  data-testid="decoded-tx-details"
+                >
+                  <div
+                    class="MuiStack-root css-1sazv7p-MuiStack-root"
+                  >
+                    <div
+                      class="MuiTypography-root MuiTypography-body1 css-13ch7tx-MuiTypography-root"
+                    >
+                      Call
+                      <code
+                        class="MuiTypography-root MuiTypography-body2 css-1vdua93-MuiTypography-root"
+                      >
+                        addOwnerWithThreshold
+                      </code>
+                       
+                      on
+                      <div
+                        class="container"
+                      >
+                        <div
+                          class="avatarContainer"
+                          style="width: 24px; height: 24px;"
+                        >
+                          <div
+                            class="icon"
+                            style="background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0ib3B0aW1pemVTcGVlZCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJoc2woOTIgOTYlIDQzJSkiIGQ9Ik0wLDBIOFY4SDB6Ii8+PHBhdGggZmlsbD0iaHNsKDMxMCA4NCUgMzglKSIgZD0iTTEsMGgxdjFoLTF6TTYsMGgxdjFoLTF6TTIsMGgxdjFoLTF6TTUsMGgxdjFoLTF6TTMsMGgxdjFoLTF6TTQsMGgxdjFoLTF6TTAsMWgxdjFoLTF6TTcsMWgxdjFoLTF6TTEsMWgxdjFoLTF6TTYsMWgxdjFoLTF6TTIsMWgxdjFoLTF6TTUsMWgxdjFoLTF6TTMsMWgxdjFoLTF6TTQsMWgxdjFoLTF6TTAsMmgxdjFoLTF6TTcsMmgxdjFoLTF6TTIsMmgxdjFoLTF6TTUsMmgxdjFoLTF6TTMsMmgxdjFoLTF6TTQsMmgxdjFoLTF6TTMsM2gxdjFoLTF6TTQsM2gxdjFoLTF6TTAsNGgxdjFoLTF6TTcsNGgxdjFoLTF6TTEsNGgxdjFoLTF6TTYsNGgxdjFoLTF6TTIsNGgxdjFoLTF6TTUsNGgxdjFoLTF6TTEsNWgxdjFoLTF6TTYsNWgxdjFoLTF6TTIsNWgxdjFoLTF6TTUsNWgxdjFoLTF6TTMsNWgxdjFoLTF6TTQsNWgxdjFoLTF6TTIsNmgxdjFoLTF6TTUsNmgxdjFoLTF6TTMsNmgxdjFoLTF6TTQsNmgxdjFoLTF6TTMsN2gxdjFoLTF6TTQsN2gxdjFoLTF6Ii8+PHBhdGggZmlsbD0iaHNsKDM1MSA2MSUgNjUlKSIgZD0iTTMsNGgxdjFoLTF6TTQsNGgxdjFoLTF6TTAsNWgxdjFoLTF6TTcsNWgxdjFoLTF6TTAsN2gxdjFoLTF6TTcsN2gxdjFoLTF6Ii8+PC9zdmc+); width: 24px; height: 24px;"
+                          />
+                        </div>
+                        <div
+                          class="inline MuiBox-root css-1lchl8k"
+                        >
+                          <div
+                            class="addressContainer inline"
+                          >
+                            <div
+                              class="MuiBox-root css-b5p5gz"
+                            >
+                              <span
+                                aria-label="Copy to clipboard"
+                                class=""
+                                data-mui-internal-clone-element="true"
+                                style="cursor: pointer;"
+                              >
+                                <span>
+                                  0xE20C...5f67
+                                </span>
+                              </span>
+                            </div>
+                            <span
+                              aria-label="Copy to clipboard"
+                              class=""
+                              data-mui-internal-clone-element="true"
+                              style="cursor: pointer;"
+                            >
+                              <button
+                                aria-label="Copy to clipboard"
+                                class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                                tabindex="0"
+                                type="button"
+                              >
+                                <mock-icon
+                                  aria-hidden=""
+                                  class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                  data-testid="copy-btn-icon"
+                                  focusable="false"
+                                />
+                              </button>
+                            </span>
+                            <div
+                              class="MuiBox-root css-yjghm1"
+                            />
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root css-0"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                      >
+                        <div
+                          class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                          data-testid="tx-row-title"
+                          style="word-break: break-word;"
+                        >
+                          <p
+                            class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                          >
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 css-v6lhhw-MuiTypography-root"
+                            >
+                              owner
+                            </span>
+                             
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 css-fw8ds0-MuiTypography-root"
+                            >
+                              address
+                            </span>
+                          </p>
+                        </div>
+                        <div
+                          class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                          data-testid="tx-data-row"
+                        >
+                          <div
+                            class="container"
+                          >
+                            <div
+                              class="MuiBox-root css-1lchl8k"
+                            >
+                              <div
+                                class="MuiBox-root css-171onha"
+                                title="MetaMultiSigWallet"
+                              >
+                                <div
+                                  class="MuiBox-root css-1o4wo1x"
+                                >
+                                  MetaMultiSigWallet
+                                </div>
+                              </div>
+                              <div
+                                class="addressContainer"
+                              >
+                                <div
+                                  class="MuiBox-root css-b5p5gz"
+                                >
+                                  <span
+                                    aria-label="Copy to clipboard"
+                                    class=""
+                                    data-mui-internal-clone-element="true"
+                                    style="cursor: pointer;"
+                                  >
+                                    <span>
+                                      0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045
+                                    </span>
+                                  </span>
+                                </div>
+                                <span
+                                  aria-label="Copy to clipboard"
+                                  class=""
+                                  data-mui-internal-clone-element="true"
+                                  style="cursor: pointer;"
+                                >
+                                  <button
+                                    aria-label="Copy to clipboard"
+                                    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                                    tabindex="0"
+                                    type="button"
+                                  >
+                                    <mock-icon
+                                      aria-hidden=""
+                                      class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                      data-testid="copy-btn-icon"
+                                      focusable="false"
+                                    />
+                                  </button>
+                                </span>
+                                <div
+                                  class="MuiBox-root css-yjghm1"
+                                />
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                      >
+                        <div
+                          class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                          data-testid="tx-row-title"
+                          style="word-break: break-word;"
+                        >
+                          <p
+                            class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                          >
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 css-v6lhhw-MuiTypography-root"
+                            >
+                              _threshold
+                            </span>
+                             
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 css-fw8ds0-MuiTypography-root"
+                            >
+                              uint256
+                            </span>
+                          </p>
+                        </div>
+                        <div
+                          class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                          data-testid="tx-data-row"
+                        >
+                          <p
+                            class="MuiTypography-root MuiTypography-body1 css-mxvcov-MuiTypography-root"
+                          >
+                            1
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root css-kz5wc9"
+                  />
+                  <div
+                    class="MuiBox-root css-zv7ju9"
+                  >
+                    <p
+                      class="MuiTypography-root MuiTypography-body1 css-111k8jw-MuiTypography-root"
+                    >
+                      Transaction data
+                    </p>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          to:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        <div
+                          class="container"
+                        >
+                          <div
+                            class="MuiBox-root css-1lchl8k"
+                          >
+                            <div
+                              class="addressContainer"
+                            >
+                              <div
+                                class="MuiBox-root css-b5p5gz"
+                              >
+                                <span
+                                  aria-label="Copy to clipboard"
+                                  class=""
+                                  data-mui-internal-clone-element="true"
+                                  style="cursor: pointer;"
+                                >
+                                  <span>
+                                    0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b
+                                  </span>
+                                </span>
+                              </div>
+                              <span
+                                aria-label="Copy to clipboard"
+                                class=""
+                                data-mui-internal-clone-element="true"
+                                style="cursor: pointer;"
+                              >
+                                <button
+                                  aria-label="Copy to clipboard"
+                                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                                  tabindex="0"
+                                  type="button"
+                                >
+                                  <mock-icon
+                                    aria-hidden=""
+                                    class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                    data-testid="copy-btn-icon"
+                                    focusable="false"
+                                  />
+                                </button>
+                              </span>
+                              <div
+                                class="MuiBox-root css-yjghm1"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          value:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-mxvcov-MuiTypography-root"
+                        >
+                          0x0
+                        </p>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          data:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        <div
+                          class="encodedData MuiBox-root css-0"
+                          data-testid="tx-hexData"
+                        >
+                          <span
+                            aria-label="Copy to clipboard"
+                            class=""
+                            data-mui-internal-clone-element="true"
+                            style="cursor: pointer;"
+                          >
+                            <button
+                              aria-label="Copy to clipboard"
+                              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                              tabindex="0"
+                              type="button"
+                            >
+                              <mock-icon
+                                aria-hidden=""
+                                class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                data-testid="copy-btn-icon"
+                                focusable="false"
+                              />
+                            </button>
+                          </span>
+                          0x
+                           
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root css-1v3caum"
+                    />
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          operation:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        0 (call)
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          nonce:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        4880438995992060
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          safeTxGas:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        [object Object]
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          baseGas:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        [object Object]
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          gasPrice:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        [object Object]
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          gasToken:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        <div
+                          class="container"
+                        >
+                          <div
+                            class="MuiBox-root css-1lchl8k"
+                          >
+                            <div
+                              class="addressContainer"
+                            >
+                              <div
+                                class="MuiBox-root css-b5p5gz"
+                              >
+                                <span
+                                  aria-label="Copy to clipboard"
+                                  class=""
+                                  data-mui-internal-clone-element="true"
+                                  style="cursor: pointer;"
+                                >
+                                  <span>
+                                    0x0000...0000
+                                  </span>
+                                </span>
+                              </div>
+                              <span
+                                aria-label="Copy to clipboard"
+                                class=""
+                                data-mui-internal-clone-element="true"
+                                style="cursor: pointer;"
+                              >
+                                <button
+                                  aria-label="Copy to clipboard"
+                                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                                  tabindex="0"
+                                  type="button"
+                                >
+                                  <mock-icon
+                                    aria-hidden=""
+                                    class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                    data-testid="copy-btn-icon"
+                                    focusable="false"
+                                  />
+                                </button>
+                              </span>
+                              <div
+                                class="MuiBox-root css-yjghm1"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                        data-testid="tx-row-title"
+                        style="word-break: break-word;"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                        >
+                          refundReceiver:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        <div
+                          class="container"
+                        >
+                          <div
+                            class="MuiBox-root css-1lchl8k"
+                          >
+                            <div
+                              class="addressContainer"
+                            >
+                              <div
+                                class="MuiBox-root css-b5p5gz"
+                              >
+                                <span
+                                  aria-label="Copy to clipboard"
+                                  class=""
+                                  data-mui-internal-clone-element="true"
+                                  style="cursor: pointer;"
+                                >
+                                  <span>
+                                    0x7996...aC52
+                                  </span>
+                                </span>
+                              </div>
+                              <span
+                                aria-label="Copy to clipboard"
+                                class=""
+                                data-mui-internal-clone-element="true"
+                                style="cursor: pointer;"
+                              >
+                                <button
+                                  aria-label="Copy to clipboard"
+                                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                                  tabindex="0"
+                                  type="button"
+                                >
+                                  <mock-icon
+                                    aria-hidden=""
+                                    class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                    data-testid="copy-btn-icon"
+                                    focusable="false"
+                                  />
+                                </button>
+                              </span>
+                              <div
+                                class="MuiBox-root css-yjghm1"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root css-1v3caum"
+                    />
+                    <div
+                      class="MuiBox-root css-kz5wc9"
+                    />
+                    <p
+                      class="MuiTypography-root MuiTypography-body1 css-111k8jw-MuiTypography-root"
+                    >
+                      Transaction hashes
+                    </p>
+                    <div
+                      class="MuiStack-root css-hwnj0i-MuiStack-root"
+                    >
+                      <div
+                        class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                      >
+                        <div
+                          class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                          data-testid="tx-row-title"
+                          style="word-break: break-word;"
+                        >
+                          <p
+                            class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                          >
+                            Domain hash:
+                          </p>
+                        </div>
+                        <div
+                          class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                          data-testid="tx-data-row"
+                        >
+                          <div
+                            class="encodedData MuiBox-root css-0"
+                            data-testid="tx-hexData"
+                          >
+                            <span
+                              aria-label="Copy to clipboard"
+                              class=""
+                              data-mui-internal-clone-element="true"
+                              style="cursor: pointer;"
+                            >
+                              <button
+                                aria-label="Copy to clipboard"
+                                class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                                tabindex="0"
+                                type="button"
+                              >
+                                <mock-icon
+                                  aria-hidden=""
+                                  class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                  data-testid="copy-btn-icon"
+                                  focusable="false"
+                                />
+                              </button>
+                            </span>
+                             
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/src/components/tx/confirmation-views/index.tsx b/apps/web/src/components/tx/confirmation-views/index.tsx
new file mode 100644
index 000000000..26749e46f
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/index.tsx
@@ -0,0 +1,168 @@
+import type { TransactionPreview } from '@safe-global/safe-gateway-typescript-sdk'
+import { type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import {
+  isAnyStakingTxInfo,
+  isBridgeOrderTxInfo,
+  isCustomTxInfo,
+  isExecTxData,
+  isLifiSwapTxInfo,
+  isOnChainConfirmationTxData,
+  isOnChainSignMessageTxData,
+  isSafeMigrationTxData,
+  isSafeUpdateTxData,
+  isSwapOrderTxInfo,
+  isTwapOrderTxInfo,
+  isVaultDepositTxInfo,
+  isVaultRedeemTxInfo,
+} from '@/utils/transaction-guards'
+import { type ReactNode, useContext, useMemo, useRef, useState, useEffect } from 'react'
+import type { NarrowConfirmationViewProps } from './types'
+import SettingsChange from './SettingsChange'
+import ChangeThreshold from './ChangeThreshold'
+import BatchTransactions from './BatchTransactions'
+import { TxModalContext } from '@/components/tx-flow'
+import { isSettingsChangeView, isChangeThresholdView, isConfirmBatchView, isManageSignersView } from './utils'
+import { OnChainConfirmation } from '@/components/transactions/TxDetails/TxData/NestedTransaction/OnChainConfirmation'
+import { ExecTransaction } from '@/components/transactions/TxDetails/TxData/NestedTransaction/ExecTransaction'
+import { type ReactElement } from 'react'
+import SwapOrder from './SwapOrder'
+import StakingTx from './StakingTx'
+import UpdateSafe from './UpdateSafe'
+import { MigrateToL2Information } from './MigrateToL2Information'
+import { NestedSafeCreation } from './NestedSafeCreation'
+import { isNestedSafeCreation } from '@/utils/nested-safes'
+import VaultDepositConfirmation from 'src/features/earn/components/VaultDepositConfirmation'
+import VaultRedeemConfirmation from '@/features/earn/components/VaultRedeemConfirmation'
+import Summary from '@/components/transactions/TxDetails/Summary'
+import TxData from '@/components/transactions/TxDetails/TxData'
+import { isMultiSendCalldata } from '@/utils/transaction-calldata'
+import useChainId from '@/hooks/useChainId'
+import { ManageSigners } from './ManageSigners'
+import { TransactionWarnings } from '../TransactionWarnings'
+import { Box } from '@mui/material'
+import DecodedData from '@/components/transactions/TxDetails/TxData/DecodedData'
+import BridgeTransaction from './BridgeTransaction'
+import { LifiSwapTransaction } from './LifiSwapTransaction'
+
+type ConfirmationViewProps = {
+  txDetails?: TransactionDetails
+  txPreview?: TransactionPreview
+  safeTx?: SafeTransaction
+  isBatch?: boolean
+  isApproval?: boolean
+  isCreation?: boolean
+  children?: ReactNode
+  withDecodedData?: boolean
+}
+
+const getConfirmationViewComponent = ({
+  txInfo,
+  txData,
+  txFlow,
+}: NarrowConfirmationViewProps & { txFlow?: ReactElement }) => {
+  if (txData && isManageSignersView(txInfo, txData)) return <ManageSigners txInfo={txInfo} txData={txData} />
+
+  if (isChangeThresholdView(txInfo)) return <ChangeThreshold txInfo={txInfo} />
+
+  if (isConfirmBatchView(txFlow)) return <BatchTransactions />
+
+  if (isBridgeOrderTxInfo(txInfo)) return <BridgeTransaction txInfo={txInfo} showWarnings />
+
+  if (isLifiSwapTxInfo(txInfo)) return <LifiSwapTransaction txInfo={txInfo} isPreview={true} />
+
+  if (isSettingsChangeView(txInfo)) return <SettingsChange txInfo={txInfo} />
+
+  if (isOnChainConfirmationTxData(txData)) return <OnChainConfirmation data={txData} isConfirmationView />
+
+  if (isExecTxData(txData)) return <ExecTransaction data={txData} isConfirmationView />
+
+  if (isSwapOrderTxInfo(txInfo) || isTwapOrderTxInfo(txInfo)) return <SwapOrder txInfo={txInfo} txData={txData} />
+
+  if (isAnyStakingTxInfo(txInfo)) return <StakingTx txInfo={txInfo} />
+
+  // @ts-expect-error TODO: Fix these if there is time
+  if (isVaultDepositTxInfo(txInfo)) return <VaultDepositConfirmation txInfo={txInfo} />
+
+  // @ts-expect-error TODO: Fix these if there is time
+  if (isVaultRedeemTxInfo(txInfo)) return <VaultRedeemConfirmation txInfo={txInfo} />
+
+  if (isCustomTxInfo(txInfo) && isSafeUpdateTxData(txData)) return <UpdateSafe txData={txData} />
+
+  if (isCustomTxInfo(txInfo) && isSafeMigrationTxData(txData)) {
+    return <MigrateToL2Information variant="queue" txData={txData} />
+  }
+
+  if (isCustomTxInfo(txInfo) && txData && isNestedSafeCreation(txData)) {
+    return <NestedSafeCreation txData={txData} />
+  }
+
+  return null
+}
+
+const ConfirmationView = ({
+  safeTx,
+  txPreview,
+  txDetails,
+  withDecodedData = true,
+  ...props
+}: ConfirmationViewProps) => {
+  const { txFlow } = useContext(TxModalContext)
+  const details = txDetails ?? txPreview
+  const chainId = useChainId()
+
+  // Used to check if the decoded data was rendered inside the TxData component
+  // If it was, we hide the decoded data in the Summary to avoid showing it twice
+  const decodedDataRef = useRef(null)
+  const [isDecodedDataVisible, setIsDecodedDataVisible] = useState(false)
+
+  useEffect(() => {
+    // If decodedDataRef.current is not null, the decoded data was rendered inside the TxData component
+    setIsDecodedDataVisible(!!decodedDataRef.current)
+  }, [])
+
+  const ConfirmationViewComponent = useMemo(() => {
+    return details
+      ? getConfirmationViewComponent({
+          txInfo: details.txInfo,
+          txData: details.txData,
+          txFlow,
+        })
+      : undefined
+  }, [details, txFlow])
+
+  const showTxDetails =
+    details !== undefined &&
+    !isMultiSendCalldata(details.txData?.hexData ?? '0x') &&
+    !isOnChainSignMessageTxData(details?.txData, chainId)
+
+  return (
+    <>
+      <TransactionWarnings txData={details?.txData} />
+      {withDecodedData &&
+        (ConfirmationViewComponent ||
+          (details && showTxDetails && (
+            <TxData txData={details?.txData} txInfo={details?.txInfo} txDetails={txDetails} imitation={false} trusted>
+              <Box ref={decodedDataRef}>
+                <DecodedData
+                  txData={details.txData}
+                  toInfo={isCustomTxInfo(details.txInfo) ? details.txInfo.to : details.txData?.to}
+                />
+              </Box>
+            </TxData>
+          )))}
+
+      {props.children}
+
+      <Summary
+        safeTxData={safeTx?.data}
+        txDetails={txDetails}
+        txData={details?.txData}
+        txInfo={details?.txInfo}
+        showDecodedData={!isDecodedDataVisible}
+      />
+    </>
+  )
+}
+
+export default ConfirmationView
diff --git a/apps/web/src/components/tx/confirmation-views/types.d.ts b/apps/web/src/components/tx/confirmation-views/types.d.ts
new file mode 100644
index 000000000..72b610c6f
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/types.d.ts
@@ -0,0 +1,6 @@
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+
+export type NarrowConfirmationViewProps = {
+  txInfo: TransactionDetails['txInfo']
+  txData?: TransactionDetails['txData']
+}
diff --git a/apps/web/src/components/tx/confirmation-views/useTxPreview.ts b/apps/web/src/components/tx/confirmation-views/useTxPreview.ts
new file mode 100644
index 000000000..4dc4dd26b
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/useTxPreview.ts
@@ -0,0 +1,30 @@
+import { Operation, getTxPreview } from '@safe-global/safe-gateway-typescript-sdk'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import useSafeInfo from '@/hooks/useSafeInfo'
+
+const useTxPreview = (
+  safeTxData?: {
+    operation: SafeTransaction['data']['operation']
+    data: SafeTransaction['data']['data']
+    value: SafeTransaction['data']['value']
+    to: SafeTransaction['data']['to']
+  },
+  customSafeAddress?: string,
+  txId?: string,
+) => {
+  const skip = !!txId || !safeTxData
+  const {
+    safe: { chainId },
+    safeAddress,
+  } = useSafeInfo()
+  const address = customSafeAddress ?? safeAddress
+  const { operation = Operation.CALL, data = '', to, value } = safeTxData ?? {}
+
+  return useAsync(() => {
+    if (skip) return
+    return getTxPreview(chainId, address, operation, data, to, value)
+  }, [skip, chainId, address, operation, data, to, value])
+}
+
+export default useTxPreview
diff --git a/apps/web/src/components/tx/confirmation-views/utils.ts b/apps/web/src/components/tx/confirmation-views/utils.ts
new file mode 100644
index 000000000..e7fa9bdb4
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/utils.ts
@@ -0,0 +1,55 @@
+import type {
+  ChangeThreshold,
+  SettingsChange,
+  TransactionDetails,
+  TransactionInfo,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import { SettingsInfoType, TransactionInfoType } from '@safe-global/safe-gateway-typescript-sdk'
+import { ConfirmBatchFlow } from '@/components/tx-flow/flows'
+import { isMultiSendTxInfo } from '@/utils/transaction-guards'
+import {
+  isAddOwnerWithThresholdCalldata,
+  isChangeThresholdCalldata,
+  isRemoveOwnerCalldata,
+  isSwapOwnerCalldata,
+} from '@/utils/transaction-calldata'
+import { type ReactElement } from 'react'
+
+const MANAGE_SIGNERS_SETTING_INFO_TYPES = [
+  SettingsInfoType.ADD_OWNER,
+  SettingsInfoType.REMOVE_OWNER,
+  SettingsInfoType.SWAP_OWNER,
+  SettingsInfoType.CHANGE_THRESHOLD,
+]
+
+const MANAGE_SIGNERS_CALLDATA_GUARDS = [
+  isAddOwnerWithThresholdCalldata,
+  isRemoveOwnerCalldata,
+  isSwapOwnerCalldata,
+  isChangeThresholdCalldata,
+]
+
+export function isManageSignersView(txInfo: TransactionInfo, txData: TransactionDetails['txData']): boolean {
+  if (txInfo.type === TransactionInfoType.SETTINGS_CHANGE) {
+    return !!txInfo.settingsInfo && MANAGE_SIGNERS_SETTING_INFO_TYPES.includes(txInfo.settingsInfo.type)
+  }
+
+  if (isMultiSendTxInfo(txInfo) && txData?.dataDecoded?.parameters?.[0]?.valueDecoded) {
+    return txData.dataDecoded.parameters[0].valueDecoded.every(({ data }) => {
+      return data && MANAGE_SIGNERS_CALLDATA_GUARDS.some((guard) => guard(data))
+    })
+  }
+
+  return false
+}
+
+export const isSettingsChangeView = (txInfo: TransactionInfo): txInfo is SettingsChange =>
+  txInfo.type === TransactionInfoType.SETTINGS_CHANGE &&
+  txInfo.settingsInfo?.type !== SettingsInfoType.SET_FALLBACK_HANDLER
+
+export const isConfirmBatchView = (txFlow?: ReactElement) => txFlow?.type === ConfirmBatchFlow
+
+export const isChangeThresholdView = (
+  txInfo: TransactionInfo,
+): txInfo is SettingsChange & { settingsInfo: ChangeThreshold } =>
+  txInfo.type === TransactionInfoType.SETTINGS_CHANGE && txInfo.settingsInfo?.type === SettingsInfoType.CHANGE_THRESHOLD
diff --git a/apps/web/src/components/tx/security/SecurityWarnings.tsx b/apps/web/src/components/tx/security/SecurityWarnings.tsx
new file mode 100644
index 000000000..92a16d034
--- /dev/null
+++ b/apps/web/src/components/tx/security/SecurityWarnings.tsx
@@ -0,0 +1,9 @@
+import { TxSimulationMessage } from './tenderly'
+
+const SecurityWarnings = () => (
+  <>
+    <TxSimulationMessage />
+  </>
+)
+
+export default SecurityWarnings
diff --git a/apps/web/src/components/tx/security/blockaid/BlockaidBalanceChange.tsx b/apps/web/src/components/tx/security/blockaid/BlockaidBalanceChange.tsx
new file mode 100644
index 000000000..d45162466
--- /dev/null
+++ b/apps/web/src/components/tx/security/blockaid/BlockaidBalanceChange.tsx
@@ -0,0 +1,218 @@
+import EthHashInfo from '@/components/common/EthHashInfo'
+import TokenIcon from '@/components/common/TokenIcon'
+import useBalances from '@/hooks/useBalances'
+import useChainId from '@/hooks/useChainId'
+import { useHasFeature } from '@/hooks/useChains'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { Box, Chip, CircularProgress, Grid, SvgIcon, Tooltip, Typography } from '@mui/material'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+import { ErrorBoundary } from '@sentry/react'
+import { useContext } from 'react'
+import { TxSecurityContext } from '../shared/TxSecurityContext'
+import ArrowOutwardIcon from '@/public/images/transactions/outgoing.svg'
+import ArrowDownwardIcon from '@/public/images/transactions/incoming.svg'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import ExternalLink from '@/components/common/ExternalLink'
+import { REDEFINE_ARTICLE } from '@/config/constants'
+
+import css from './styles.module.css'
+import type {
+  AssetDiff,
+  Erc1155Diff,
+  Erc1155TokenDetails,
+  Erc20Diff,
+  Erc721Diff,
+  Erc721TokenDetails,
+  GeneralAssetDiff,
+  NativeDiff,
+} from '@safe-global/utils/services/security/modules/BlockaidModule/types'
+import { formatAmount } from '@safe-global/utils/utils/formatNumber'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const FungibleBalanceChange = ({ change, asset }: { asset: AssetDiff['asset']; change: Erc20Diff | NativeDiff }) => {
+  const { balances } = useBalances()
+  const logoUri =
+    asset.logo_url ??
+    balances.items.find((item) => {
+      return asset.type === 'NATIVE'
+        ? item.tokenInfo.type === TokenType.NATIVE_TOKEN
+        : sameAddress(item.tokenInfo.address, asset.address)
+    })?.tokenInfo.logoUri
+
+  return (
+    <>
+      <Typography variant="body2" mx={1}>
+        {change.value ? formatAmount(change.value) : 'unknown'}
+      </Typography>
+      <TokenIcon size={16} logoUri={logoUri} tokenSymbol={asset.symbol} />
+      <Typography variant="body2" fontWeight={700} display="inline" ml={0.5}>
+        {asset.symbol}
+      </Typography>
+      <span style={{ margin: 'auto' }} />
+      <Chip className={css.categoryChip} label={asset.type} />
+    </>
+  )
+}
+
+const NFTBalanceChange = ({
+  change,
+  asset,
+}: {
+  asset: Erc721TokenDetails | Erc1155TokenDetails
+  change: Erc721Diff | Erc1155Diff
+}) => {
+  const chainId = useChainId()
+
+  return (
+    <>
+      {asset.symbol ? (
+        <Typography variant="body2" fontWeight={700} display="inline" ml={1}>
+          {asset.symbol}
+        </Typography>
+      ) : (
+        <Typography variant="body2" ml={1}>
+          <EthHashInfo
+            address={asset.address}
+            chainId={chainId}
+            showCopyButton={false}
+            showPrefix={false}
+            hasExplorer
+            customAvatar={asset.logo_url}
+            showAvatar={!!asset.logo_url}
+            avatarSize={16}
+            shortAddress
+          />
+        </Typography>
+      )}
+      <Typography variant="subtitle2" className={css.nftId} ml={1}>
+        #{Number(change.token_id)}
+      </Typography>
+      <span style={{ margin: 'auto' }} />
+      <Chip className={css.categoryChip} label="NFT" />
+    </>
+  )
+}
+
+const BalanceChange = ({
+  asset,
+  positive = false,
+  diff,
+}: {
+  asset: NonNullable<AssetDiff['asset']>
+  positive?: boolean
+  diff: GeneralAssetDiff
+}) => {
+  return (
+    <Grid item xs={12} md={12}>
+      <Box className={css.balanceChange}>
+        {positive ? <ArrowDownwardIcon /> : <ArrowOutwardIcon />}
+        {asset.type === 'ERC721' || asset.type === 'ERC1155' ? (
+          <NFTBalanceChange asset={asset} change={diff as Erc721Diff | Erc1155Diff} />
+        ) : (
+          <FungibleBalanceChange asset={asset} change={diff as NativeDiff | Erc20Diff} />
+        )}
+      </Box>
+    </Grid>
+  )
+}
+const BalanceChanges = () => {
+  const { blockaidResponse } = useContext(TxSecurityContext)
+  const { isLoading, balanceChange, error } = blockaidResponse ?? {}
+
+  const totalBalanceChanges = balanceChange
+    ? balanceChange.reduce((prev, current) => prev + current.in.length + current.out.length, 0)
+    : 0
+
+  if (isLoading) {
+    return (
+      <div className={css.loader}>
+        <CircularProgress
+          size={22}
+          sx={{
+            color: ({ palette }) => palette.text.secondary,
+          }}
+        />
+        <Typography variant="body2" color="text.secondary">
+          Calculating...
+        </Typography>
+      </div>
+    )
+  }
+  if (error) {
+    return (
+      <Typography variant="body2" color="text.secondary" sx={{ justifySelf: 'flex-end' }}>
+        Could not calculate balance changes.
+      </Typography>
+    )
+  }
+  if (totalBalanceChanges === 0) {
+    return (
+      <Typography variant="body2" color="text.secondary" sx={{ justifySelf: 'flex-end' }}>
+        No balance change detected
+      </Typography>
+    )
+  }
+
+  return (
+    <Grid container className={css.balanceChanges}>
+      <>
+        {balanceChange?.map((change, assetIdx) => (
+          <>
+            {change.in.map((diff, changeIdx) => (
+              <BalanceChange key={`${assetIdx}-in-${changeIdx}`} asset={change.asset} positive diff={diff} />
+            ))}
+            {change.out.map((diff, changeIdx) => (
+              <BalanceChange key={`${assetIdx}-out-${changeIdx}`} asset={change.asset} diff={diff} />
+            ))}
+          </>
+        ))}
+      </>
+    </Grid>
+  )
+}
+
+export const BlockaidBalanceChanges = () => {
+  const isFeatureEnabled = useHasFeature(FEATURES.RISK_MITIGATION)
+
+  if (!isFeatureEnabled) {
+    return null
+  }
+
+  return (
+    <div className={css.box}>
+      <Typography variant="subtitle2" fontWeight={700} flexShrink={0}>
+        Balance change
+        <Tooltip
+          title={
+            <>
+              The balance change gives an overview of the implications of a transaction. You can see which assets will
+              be sent and received after the transaction is executed.&nbsp;
+              <ExternalLink href={REDEFINE_ARTICLE} title="Learn more about balance change">
+                Learn more about balance change
+              </ExternalLink>
+              .
+            </>
+          }
+          arrow
+          placement="top"
+        >
+          <span>
+            <SvgIcon
+              component={InfoIcon}
+              inheritViewBox
+              color="border"
+              fontSize="small"
+              sx={{
+                verticalAlign: 'middle',
+                ml: 0.5,
+              }}
+            />
+          </span>
+        </Tooltip>
+      </Typography>
+      <ErrorBoundary fallback={<div>Error showing balance changes</div>}>
+        <BalanceChanges />
+      </ErrorBoundary>
+    </div>
+  )
+}
diff --git a/apps/web/src/components/tx/security/blockaid/BlockaidHint.tsx b/apps/web/src/components/tx/security/blockaid/BlockaidHint.tsx
new file mode 100644
index 000000000..2a92ac2d9
--- /dev/null
+++ b/apps/web/src/components/tx/security/blockaid/BlockaidHint.tsx
@@ -0,0 +1,13 @@
+import { List, ListItem, Typography } from '@mui/material'
+
+export const BlockaidHint = ({ warnings }: { warnings: string[] }) => {
+  return (
+    <List sx={{ listStyle: 'disc', pl: 2, py: 0, '& li:last-child': { m: 0 } }}>
+      {warnings.map((warning) => (
+        <ListItem key={warning} disablePadding sx={{ display: 'list-item', mb: 1 }}>
+          <Typography variant="body2">{warning}</Typography>
+        </ListItem>
+      ))}
+    </List>
+  )
+}
diff --git a/apps/web/src/components/tx/security/blockaid/ContractChangeWarning.tsx b/apps/web/src/components/tx/security/blockaid/ContractChangeWarning.tsx
new file mode 100644
index 000000000..2e29b377b
--- /dev/null
+++ b/apps/web/src/components/tx/security/blockaid/ContractChangeWarning.tsx
@@ -0,0 +1,53 @@
+import { Box, Stack, Typography } from '@mui/material'
+import type {
+  ModulesChangeManagement,
+  OwnershipChangeManagement,
+  ProxyUpgradeManagement,
+} from '@safe-global/utils/services/security/modules/BlockaidModule/types'
+import { SecuritySeverity } from '@safe-global/utils/services/security/modules/types'
+import { mapSecuritySeverity } from '../utils'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { Warning } from '.'
+import { CONTRACT_CHANGE_TITLES_MAPPING } from '@safe-global/utils/components/tx/security/blockaid/utils'
+
+const ProxyUpgradeSummary = ({ beforeAddress, afterAddress }: { beforeAddress: string; afterAddress: string }) => {
+  return (
+    <Stack direction="column" spacing={0.5}>
+      <Typography variant="body2" sx={{ marginBottom: 'var(--space-2) !important' }}>
+        Please verify that this change is intended and correct as it may overwrite the ownership of your account
+      </Typography>
+      <Typography variant="overline">Current mastercopy:</Typography>
+      <Box sx={{ padding: '6px 12px', borderRadius: '6px', backgroundColor: 'background.paper' }}>
+        <EthHashInfo address={beforeAddress} showCopyButton hasExplorer shortAddress={false} showAvatar={false} />
+      </Box>
+
+      <Typography variant="overline">New mastercopy:</Typography>
+      <Box sx={{ padding: '6px 12px', borderRadius: '6px', backgroundColor: 'background.paper' }}>
+        <EthHashInfo address={afterAddress} showCopyButton hasExplorer shortAddress={false} showAvatar={false} />
+      </Box>
+    </Stack>
+  )
+}
+
+export const ContractChangeWarning = ({
+  contractChange,
+}: {
+  contractChange: ProxyUpgradeManagement | OwnershipChangeManagement | ModulesChangeManagement
+}) => {
+  const title = CONTRACT_CHANGE_TITLES_MAPPING[contractChange.type]
+  const severityProps = mapSecuritySeverity[SecuritySeverity.MEDIUM]
+  const { before, after, type } = contractChange
+  const isProxyUpgrade = type === 'PROXY_UPGRADE'
+
+  const warningContent = (
+    <>
+      {isProxyUpgrade ? (
+        <ProxyUpgradeSummary beforeAddress={before.address} afterAddress={after.address} />
+      ) : (
+        <Typography variant="body2">Please verify that this change is intended and correct.</Typography>
+      )}
+    </>
+  )
+
+  return <Warning title={title} severityProps={severityProps} content={warningContent} isTransaction={true} />
+}
diff --git a/apps/web/src/components/tx/security/blockaid/__tests__/useBlockaid.test.ts b/apps/web/src/components/tx/security/blockaid/__tests__/useBlockaid.test.ts
new file mode 100644
index 000000000..8e43a4233
--- /dev/null
+++ b/apps/web/src/components/tx/security/blockaid/__tests__/useBlockaid.test.ts
@@ -0,0 +1,247 @@
+import * as useChains from '@/hooks/useChains'
+import * as useWallet from '@/hooks/wallets/useWallet'
+import { SecuritySeverity } from '@safe-global/utils/services/security/modules/types'
+import { eip712TypedDataBuilder } from '@/tests/builders/messages'
+import { safeTxBuilder } from '@/tests/builders/safeTx'
+import { parseUnits, toBeHex } from 'ethers'
+import { useBlockaid } from '../useBlockaid'
+import {
+  type AssetDiff,
+  type TransactionScanResponse,
+} from '@safe-global/utils/services/security/modules/BlockaidModule/types'
+import { faker } from '@faker-js/faker/locale/af_ZA'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { safeInfoBuilder } from '@/tests/builders/safe'
+import { renderHook, waitFor } from '@/tests/test-utils'
+import { type SignerWallet } from '@/components/common/WalletProvider'
+import { CLASSIFICATION_MAPPING, REASON_MAPPING } from '@safe-global/utils/components/tx/security/blockaid/utils'
+
+const setupFetchStub = (data: any) => () => {
+  return Promise.resolve({
+    json: () => Promise.resolve(data),
+    status: 200,
+    ok: true,
+  })
+}
+
+// Mock BLOCKAID_API
+jest.mock('@safe-global/utils/config/constants', () => ({
+  ...jest.requireActual('@safe-global/utils/config/constants'),
+  BLOCKAID_CLIENT_ID: 'some-client-id',
+}))
+
+enum TEST_CASES {
+  MESSAGE = 'EIP 712 Message',
+  TRANSACTION = 'SafeTransaction',
+}
+
+jest.mock('@/hooks/useSafeInfo')
+
+const mockUseSafeInfo = useSafeInfo as jest.MockedFunction<typeof useSafeInfo>
+
+describe.each([TEST_CASES.MESSAGE, TEST_CASES.TRANSACTION])('useBlockaid for %s', (testCase) => {
+  let mockUseSigner: jest.SpyInstance<SignerWallet | null, []>
+
+  const mockPayload = testCase === TEST_CASES.TRANSACTION ? safeTxBuilder().build() : eip712TypedDataBuilder().build()
+
+  const mockSafeInfo = safeInfoBuilder().with({ chainId: '1' }).build()
+
+  beforeEach(() => {
+    jest.resetAllMocks()
+    jest.useFakeTimers()
+    mockUseSigner = jest.spyOn(useWallet, 'useSigner')
+    mockUseSigner.mockImplementation(() => null)
+    mockUseSafeInfo.mockReturnValue({
+      safe: { ...mockSafeInfo, deployed: true },
+      safeAddress: mockSafeInfo.address.value,
+      safeLoaded: true,
+      safeLoading: false,
+    })
+
+    global.fetch = jest.fn()
+  })
+
+  it('should return undefined without data', async () => {
+    const { result } = renderHook(() => useBlockaid(undefined))
+
+    await waitFor(() => {
+      expect(result.current[0]).toBeUndefined()
+      expect(result.current[1]).toBeUndefined()
+      expect(result.current[2]).toBeFalsy()
+    })
+  })
+
+  it('should return undefined without connected wallet', async () => {
+    const { result } = renderHook(() => useBlockaid(mockPayload))
+
+    await waitFor(() => {
+      expect(result.current[0]).toBeUndefined()
+      expect(result.current[1]).toBeUndefined()
+      expect(result.current[2]).toBeFalsy()
+    })
+  })
+
+  it('should return undefined without feature enabled', async () => {
+    const walletAddress = toBeHex('0x1', 20)
+
+    mockUseSigner.mockImplementation(() => ({
+      address: walletAddress,
+      chainId: '1',
+      label: 'Testwallet',
+      provider: {} as any,
+    }))
+
+    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(false)
+
+    const { result } = renderHook(() => useBlockaid(mockPayload))
+
+    await waitFor(() => {
+      expect(result.current[0]).toBeUndefined()
+      expect(result.current[1]).toEqual(undefined)
+      expect(result.current[2]).toBeFalsy()
+    })
+  })
+
+  it('should handle request errors', async () => {
+    const walletAddress = toBeHex('0x1', 20)
+
+    mockUseSigner.mockImplementation(() => ({
+      address: walletAddress,
+      chainId: '1',
+      label: 'Testwallet',
+      provider: {} as any,
+    }))
+
+    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
+
+    const mockFetch = jest.spyOn(global, 'fetch')
+    mockFetch.mockImplementation(() => Promise.reject(new Error('403 not authorized')))
+
+    const { result } = renderHook(() => useBlockaid(mockPayload))
+
+    await waitFor(() => {
+      expect(result.current[0]).toBeUndefined()
+      expect(result.current[1]).toEqual(new Error('403 not authorized'))
+      expect(result.current[2]).toBeFalsy()
+    })
+  })
+
+  it('should handle failed simulations', async () => {
+    const walletAddress = toBeHex('0x1', 20)
+
+    mockUseSigner.mockImplementation(() => ({
+      address: walletAddress,
+      chainId: '1',
+      label: 'Testwallet',
+      provider: {} as any,
+    }))
+
+    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
+
+    const mockBlockaidResponse: TransactionScanResponse = {
+      chain: '1',
+      block: faker.number.int().toString(),
+      simulation: {
+        status: 'Error',
+        error: 'Simulation failed: GS13',
+      },
+      validation: {
+        status: 'Success',
+        features: [],
+        result_type: 'Benign',
+        classification: '',
+        description: '',
+        reason: '',
+      },
+    }
+
+    global.fetch = jest.fn().mockImplementation(setupFetchStub(mockBlockaidResponse))
+
+    const { result } = renderHook(() => useBlockaid(mockPayload))
+
+    await waitFor(() => {
+      expect(result.current[0]).toBeDefined()
+      expect(result.current[1]).toEqual(new Error('Simulation failed: GS13'))
+      expect(result.current[2]).toBeFalsy()
+    })
+  })
+
+  it('should return the redefine issues and balance change', async () => {
+    const walletAddress = toBeHex('0x1', 20)
+
+    const accountDiff = {
+      asset: {
+        address: faker.finance.ethereumAddress(),
+        decimals: 18,
+        type: 'ERC20',
+        name: 'Safe Token',
+        symbol: 'SAFE',
+      },
+      out: [
+        {
+          raw_value: parseUnits('1', 18).toString(),
+          value: '1',
+        },
+      ],
+      in: [],
+    } as AssetDiff
+
+    const mockBlockaidResponse: TransactionScanResponse = {
+      chain: '1',
+      block: faker.number.int().toString(),
+      simulation: {
+        status: 'Success',
+        assets_diffs: {
+          [mockSafeInfo.address.value]: [accountDiff],
+        },
+        account_summary: {
+          assets_diffs: [accountDiff],
+          exposures: [],
+          total_usd_diff: {
+            in: '0',
+            out: '0',
+            total: '0',
+          },
+          total_usd_exposure: {},
+        },
+        address_details: {},
+        exposures: {},
+        total_usd_diff: {},
+        total_usd_exposure: {},
+      },
+      validation: {
+        status: 'Success',
+        features: [],
+        result_type: 'Malicious',
+        classification: Object.keys(CLASSIFICATION_MAPPING)[0],
+        description: 'Malicious tx detected',
+        reason: Object.keys(REASON_MAPPING)[0],
+      },
+    }
+
+    mockUseSigner.mockImplementation(() => ({
+      address: walletAddress,
+      chainId: '1',
+      label: 'Testwallet',
+      provider: {} as any,
+    }))
+
+    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
+
+    global.fetch = jest.fn().mockImplementation(setupFetchStub(mockBlockaidResponse))
+
+    const mockFetch = jest.spyOn(global, 'fetch')
+    const { result } = renderHook(() => useBlockaid(mockPayload))
+
+    await waitFor(() => {
+      expect(result.current[1]).toBeUndefined()
+      expect(result.current[0]).toBeDefined()
+      const response = result.current[0]
+      expect(response?.severity).toEqual(SecuritySeverity.HIGH)
+      expect(response?.payload?.issues).toHaveLength(0)
+      expect(response?.payload?.balanceChange[0]).toEqual(accountDiff)
+      expect(result.current[2]).toBeFalsy()
+      expect(mockFetch).toHaveBeenCalledTimes(1)
+    })
+  })
+})
diff --git a/apps/web/src/components/tx/security/blockaid/index.tsx b/apps/web/src/components/tx/security/blockaid/index.tsx
new file mode 100644
index 000000000..a6d5d8f98
--- /dev/null
+++ b/apps/web/src/components/tx/security/blockaid/index.tsx
@@ -0,0 +1,217 @@
+import type { ReactNode } from 'react'
+import { useContext } from 'react'
+import { TxSecurityContext } from '@/components/tx/security/shared/TxSecurityContext'
+import groupBy from 'lodash/groupBy'
+import { Alert, AlertTitle, Box, Checkbox, FormControlLabel, Stack, Typography } from '@mui/material'
+import { useHasFeature } from '@/hooks/useChains'
+import { ErrorBoundary } from '@sentry/react'
+import css from './styles.module.css'
+
+import Track from '@/components/common/Track'
+import { MODALS_EVENTS } from '@/services/analytics'
+
+import BlockaidIcon from '@/public/images/transactions/blockaid-icon.svg'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { type SecurityWarningProps, mapSecuritySeverity } from '../utils'
+import { BlockaidHint } from './BlockaidHint'
+import { ContractChangeWarning } from './ContractChangeWarning'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import { CLASSIFICATION_MAPPING, REASON_MAPPING } from '@safe-global/utils/components/tx/security/blockaid/utils'
+import ErrorMessage from '../../ErrorMessage'
+
+export const Warning = ({
+  title,
+  content,
+  severityProps,
+  needsRiskConfirmation = false,
+  isRiskConfirmed = true,
+  isTransaction = true,
+  toggleConfirmation,
+}: {
+  title: ReactNode
+  content: ReactNode
+  severityProps?: SecurityWarningProps
+  needsRiskConfirmation?: boolean
+  isRiskConfirmed?: boolean
+  isTransaction?: boolean
+  toggleConfirmation?: () => void
+}) => {
+  return (
+    <Box>
+      <Alert
+        severity={severityProps?.color}
+        className={css.customAlert}
+        sx={needsRiskConfirmation ? { borderBottomLeftRadius: '0px', borderBottomRightRadius: '0px' } : undefined}
+      >
+        <AlertTitle fontWeight="700 !important" mb={1}>
+          {title}
+        </AlertTitle>
+        {content}
+      </Alert>
+      {needsRiskConfirmation && (
+        <Box className={css.riskConfirmationBlock} sx={{ pl: 2 }}>
+          <Track {...MODALS_EVENTS.ACCEPT_RISK}>
+            <FormControlLabel
+              label={
+                <Typography variant="body2" color="static.main">
+                  I understand the risks and would like to sign this {isTransaction ? 'transaction' : 'message'}
+                </Typography>
+              }
+              control={<Checkbox checked={isRiskConfirmed} onChange={toggleConfirmation} color="primary" />}
+            />
+          </Track>
+        </Box>
+      )}
+    </Box>
+  )
+}
+
+const ResultDescription = ({
+  description,
+  reason,
+  classification,
+}: {
+  description: string | undefined
+  reason: string | undefined
+  classification: string | undefined
+}) => {
+  let text: string | undefined = ''
+  if (reason && classification && REASON_MAPPING[reason] && CLASSIFICATION_MAPPING[classification]) {
+    text = `The transaction ${REASON_MAPPING[reason]} ${CLASSIFICATION_MAPPING[classification]}.`
+  } else {
+    text = description
+  }
+
+  return (
+    <Typography
+      variant="subtitle1"
+      sx={{
+        fontWeight: 700,
+        lineHeight: '20px',
+      }}
+    >
+      {text ?? 'The transaction is malicious.'}
+    </Typography>
+  )
+}
+
+const BlockaidError = ({ error }: { error: Error }) => {
+  return (
+    <ErrorMessage level="warning" className={css.customAlert} title="Proceed with caution" error={error}>
+      <Typography variant="body2">
+        The transaction could not be checked for security alerts. Verify the details and addresses before proceeding.
+      </Typography>
+      <BlockaidMessage />
+    </ErrorMessage>
+  )
+}
+
+export const Blockaid = () => {
+  const isFeatureEnabled = useHasFeature(FEATURES.RISK_MITIGATION)
+
+  if (!isFeatureEnabled) {
+    return null
+  }
+
+  return (
+    <ErrorBoundary fallback={<div>Error showing scan result</div>}>
+      <BlockaidWarning />
+    </ErrorBoundary>
+  )
+}
+
+export const BlockaidWarning = () => {
+  const { blockaidResponse, setIsRiskConfirmed, needsRiskConfirmation, isRiskConfirmed } = useContext(TxSecurityContext)
+  const { severity, isLoading, error } = blockaidResponse ?? {}
+
+  const { safeTx } = useContext(SafeTxContext)
+
+  // We either scan a tx or a message if tx is undefined
+  const isTransaction = !!safeTx
+
+  const severityProps = severity !== undefined ? mapSecuritySeverity[severity] : undefined
+
+  const toggleConfirmation = () => {
+    setIsRiskConfirmed((prev) => !prev)
+  }
+
+  if (error) {
+    return <BlockaidError error={error} />
+  }
+
+  if (isLoading || !blockaidResponse) {
+    return null
+  }
+
+  return (
+    <>
+      {!!blockaidResponse.severity ? (
+        <Box>
+          <Warning
+            isRiskConfirmed={isRiskConfirmed}
+            isTransaction={isTransaction}
+            needsRiskConfirmation={needsRiskConfirmation}
+            toggleConfirmation={toggleConfirmation}
+            title={
+              <ResultDescription
+                classification={blockaidResponse.classification}
+                reason={blockaidResponse.reason}
+                description={blockaidResponse.description}
+              />
+            }
+            content={<BlockaidMessage />}
+            severityProps={severityProps}
+          />
+          <PoweredByBlockaid />
+        </Box>
+      ) : blockaidResponse?.contractManagement && blockaidResponse.contractManagement.length > 0 ? (
+        <Box>
+          <Stack direction="column" spacing={1}>
+            {blockaidResponse?.contractManagement.map((contractChange) => (
+              <ContractChangeWarning key={contractChange.type} contractChange={contractChange} />
+            ))}
+          </Stack>
+          <PoweredByBlockaid />
+        </Box>
+      ) : null}
+    </>
+  )
+}
+
+const PoweredByBlockaid = () => (
+  <Stack direction="row" spacing={0.5} sx={{ alignItems: 'center', mt: 1 }}>
+    <Typography variant="caption" sx={{ color: 'text.secondary' }}>
+      Powered by
+    </Typography>
+    <BlockaidIcon />
+  </Stack>
+)
+
+export const BlockaidMessage = () => {
+  const { blockaidResponse } = useContext(TxSecurityContext)
+  if (!blockaidResponse) {
+    return null
+  }
+
+  const { warnings } = blockaidResponse
+
+  /* Evaluate security warnings */
+  const groupedShownWarnings = groupBy(warnings, (warning) => warning.severity)
+  const sortedSeverities = Object.keys(groupedShownWarnings).sort((a, b) => (Number(a) < Number(b) ? 1 : -1))
+
+  if (sortedSeverities.length === 0) return null
+
+  return (
+    <Box
+      sx={{
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 1,
+      }}
+    >
+      {sortedSeverities.map((key) => (
+        <BlockaidHint key={key} warnings={groupedShownWarnings[key].map((warning) => warning.description)} />
+      ))}
+    </Box>
+  )
+}
diff --git a/apps/web/src/components/tx/security/blockaid/styles.module.css b/apps/web/src/components/tx/security/blockaid/styles.module.css
new file mode 100644
index 000000000..f45ec00d1
--- /dev/null
+++ b/apps/web/src/components/tx/security/blockaid/styles.module.css
@@ -0,0 +1,123 @@
+.hint {
+  padding: var(--space-2);
+  border: unset;
+}
+
+.hint :global .MuiAlert-icon {
+  padding: 0;
+}
+
+.hint :global .MuiAlert-message {
+  padding: 0;
+}
+
+.wrapperBox :global .MuiAccordion-root.Mui-expanded,
+.wrapperBox :global .MuiAccordion-root {
+  border: none;
+}
+
+.wrapperBox {
+  border-radius: 6px;
+  border: 1px solid var(--color-border-light);
+  padding: 0;
+  background-color: var(--color-background-main);
+  line-height: 1;
+}
+
+.loader {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+  padding-right: 12px;
+  justify-self: flex-end;
+}
+
+.balanceChanges {
+  max-height: 300px;
+  overflow-y: auto;
+  align-items: center;
+  gap: var(--space-1);
+}
+
+.balanceChange {
+  display: flex;
+  margin-bottom: 6px;
+  align-items: center;
+}
+
+.balanceChange:last-child {
+  margin-bottom: 0;
+}
+
+.balanceChange svg {
+  flex-shrink: 0;
+}
+
+.nftId {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.categoryChip {
+  border-radius: 4px;
+  height: auto;
+}
+
+.box {
+  border-radius: 6px;
+  border: 1px solid var(--color-border-light);
+  display: grid;
+  grid-template-columns: 35% auto;
+  padding: var(--space-2) 12px;
+}
+
+@keyframes popup {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.05);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+.checkboxError {
+  color: var(--color-error-main);
+  animation: popup 0.5s ease-in-out;
+}
+
+.checkboxError svg {
+  color: var(--color-error-main) !important;
+}
+
+.redefine {
+  height: 40px;
+  width: 52px;
+  position: absolute;
+  right: -58px;
+}
+
+.resultAccordion :global .Mui-expanded.MuiAccordionSummary-root {
+  background: inherit;
+}
+
+.resultAccordion :global .Mui-expanded {
+  border: var(--color-border-light);
+}
+
+.customAlert {
+  border: none;
+}
+
+.riskConfirmationBlock {
+  background-color: var(--color-error-light);
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.riskConfirmationBlock :global .MuiCheckbox-root {
+  color: var(--color-static-main);
+}
diff --git a/apps/web/src/components/tx/security/blockaid/useBlockaid.ts b/apps/web/src/components/tx/security/blockaid/useBlockaid.ts
new file mode 100644
index 000000000..4945b416b
--- /dev/null
+++ b/apps/web/src/components/tx/security/blockaid/useBlockaid.ts
@@ -0,0 +1,62 @@
+import type { TypedData } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import useAsync, { type AsyncResult } from '@safe-global/utils/hooks/useAsync'
+import { useHasFeature } from '@/hooks/useChains'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useSigner } from '@/hooks/wallets/useWallet'
+import { MODALS_EVENTS, trackEvent } from '@/services/analytics'
+import type { SecurityResponse } from '@safe-global/utils/services/security/modules/types'
+import type { SafeTransaction } from '@safe-global/types-kit'
+
+import { useEffect, useMemo } from 'react'
+import {
+  BlockaidModule,
+  type BlockaidModuleResponse,
+} from '@safe-global/utils/services/security/modules/BlockaidModule'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import { Errors, logError } from '@/services/exceptions'
+
+const BlockaidModuleInstance = new BlockaidModule()
+
+export const useBlockaid = (
+  data: SafeTransaction | TypedData | undefined,
+  origin?: string,
+): AsyncResult<SecurityResponse<BlockaidModuleResponse>> => {
+  const { safe, safeAddress } = useSafeInfo()
+  const signer = useSigner()
+  const isFeatureEnabled = useHasFeature(FEATURES.RISK_MITIGATION)
+
+  const [blockaidPayload, blockaidErrors, blockaidLoading] = useAsync<SecurityResponse<BlockaidModuleResponse>>(
+    () => {
+      if (!isFeatureEnabled || !data || !signer?.address) {
+        return
+      }
+
+      return BlockaidModuleInstance.scanTransaction({
+        chainId: Number(safe.chainId),
+        data,
+        safeAddress,
+        walletAddress: signer.address,
+        threshold: safe.threshold,
+        origin,
+      })
+    },
+    [safe.chainId, safe.threshold, safeAddress, data, signer?.address, isFeatureEnabled, origin],
+    false,
+  )
+
+  const loading = blockaidLoading
+
+  useEffect(() => {
+    if (!loading && blockaidPayload) {
+      trackEvent({ ...MODALS_EVENTS.BLOCKAID_RESULT, label: blockaidPayload.severity })
+    }
+  }, [loading, blockaidPayload])
+
+  const errorMsg = useMemo(() => blockaidErrors ?? blockaidPayload?.payload?.error, [blockaidErrors, blockaidPayload])
+
+  useEffect(() => {
+    logError(Errors._201, errorMsg)
+  }, [errorMsg])
+
+  return [blockaidPayload, errorMsg, loading]
+}
diff --git a/apps/web/src/components/tx/security/shared/TxSecurityContext.tsx b/apps/web/src/components/tx/security/shared/TxSecurityContext.tsx
new file mode 100644
index 000000000..0d25fa00f
--- /dev/null
+++ b/apps/web/src/components/tx/security/shared/TxSecurityContext.tsx
@@ -0,0 +1,40 @@
+import { SecuritySeverity } from '@safe-global/utils/services/security/modules/types'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { createContext, type ReactElement, useContext, useMemo, useState } from 'react'
+import { useBlockaid } from '../blockaid/useBlockaid'
+import { defaultSecurityContextValues } from '@safe-global/utils/components/tx/security/shared/utils'
+import { type TxSecurityContextProps } from '@safe-global/utils/components/tx/security/shared/types'
+
+export const TxSecurityContext = createContext<TxSecurityContextProps>(defaultSecurityContextValues)
+
+export const TxSecurityProvider = ({ children }: { children: ReactElement }) => {
+  const { safeTx, safeMessage, txOrigin } = useContext(SafeTxContext)
+  const [blockaidResponse, blockaidError, blockaidLoading] = useBlockaid(safeTx ?? safeMessage, txOrigin)
+
+  const [isRiskConfirmed, setIsRiskConfirmed] = useState(false)
+  const [isRiskIgnored, setIsRiskIgnored] = useState(false)
+
+  const providedValue = useMemo(
+    () => ({
+      blockaidResponse: {
+        description: blockaidResponse?.payload?.description,
+        reason: blockaidResponse?.payload?.reason,
+        classification: blockaidResponse?.payload?.classification,
+        severity: blockaidResponse?.severity,
+        warnings: blockaidResponse?.payload?.issues || [],
+        balanceChange: blockaidResponse?.payload?.balanceChange,
+        contractManagement: blockaidResponse?.payload?.contractManagement,
+        error: blockaidError,
+        isLoading: blockaidLoading,
+      },
+      needsRiskConfirmation: !!blockaidResponse && blockaidResponse.severity >= SecuritySeverity.HIGH,
+      isRiskConfirmed,
+      setIsRiskConfirmed,
+      isRiskIgnored: isRiskIgnored && !isRiskConfirmed,
+      setIsRiskIgnored,
+    }),
+    [blockaidError, blockaidLoading, blockaidResponse, isRiskConfirmed, isRiskIgnored],
+  )
+
+  return <TxSecurityContext.Provider value={providedValue}>{children}</TxSecurityContext.Provider>
+}
diff --git a/src/components/tx/security/shared/styles.module.css b/apps/web/src/components/tx/security/shared/styles.module.css
similarity index 100%
rename from src/components/tx/security/shared/styles.module.css
rename to apps/web/src/components/tx/security/shared/styles.module.css
diff --git a/src/components/tx/security/tenderly/__tests__/useSimulation.test.ts b/apps/web/src/components/tx/security/tenderly/__tests__/useSimulation.test.ts
similarity index 94%
rename from src/components/tx/security/tenderly/__tests__/useSimulation.test.ts
rename to apps/web/src/components/tx/security/tenderly/__tests__/useSimulation.test.ts
index 9e671ee8f..ecceaff27 100644
--- a/src/components/tx/security/tenderly/__tests__/useSimulation.test.ts
+++ b/apps/web/src/components/tx/security/tenderly/__tests__/useSimulation.test.ts
@@ -1,11 +1,12 @@
+import { act } from 'react'
 import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
 
-import { act, renderHook, waitFor } from '@/tests/test-utils'
+import { renderHook, waitFor } from '@/tests/test-utils'
 import { useSimulation } from '@/components/tx/security/tenderly/useSimulation'
 import * as utils from '@/components/tx/security/tenderly/utils'
-import { FETCH_STATUS, type TenderlySimulation } from '@/components/tx/security/tenderly/types'
+import { FETCH_STATUS, type TenderlySimulation } from '@safe-global/utils/components/tx/security/tenderly/types'
 
-const setupFetchStub = (data: any) => (_url: string) => {
+const setupFetchStub = (data: any) => () => {
   return Promise.resolve({
     json: () => Promise.resolve(data),
     status: 200,
@@ -13,15 +14,10 @@ const setupFetchStub = (data: any) => (_url: string) => {
   })
 }
 
+const originalGlobalFetch = global.fetch
 describe('useSimulation()', () => {
-  afterEach(() => {
-    //@ts-ignore
-    global.fetch?.mockClear?.()
-  })
-
   afterAll(() => {
-    // @ts-ignore
-    delete global.fetch
+    global.fetch = originalGlobalFetch
   })
 
   beforeEach(() => {
diff --git a/apps/web/src/components/tx/security/tenderly/__tests__/utils.test.ts b/apps/web/src/components/tx/security/tenderly/__tests__/utils.test.ts
new file mode 100644
index 000000000..0f8d531f0
--- /dev/null
+++ b/apps/web/src/components/tx/security/tenderly/__tests__/utils.test.ts
@@ -0,0 +1,329 @@
+import type { MetaTransactionData, SafeTransaction } from '@safe-global/types-kit'
+import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { zeroPadValue, Interface } from 'ethers'
+import { getSimulationPayload } from '@/components/tx/security/tenderly/utils'
+import * as safeContracts from '@/services/contracts/safeContracts'
+import { getMultiSendCallOnlyDeployment, getSafeSingletonDeployment } from '@safe-global/safe-deployments'
+import EthSafeTransaction from '@safe-global/protocol-kit/dist/src/utils/transactions/SafeTransaction'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { generatePreValidatedSignature } from '@safe-global/protocol-kit/dist/src/utils/signatures'
+import { toBeHex } from 'ethers'
+import * as Web3 from '@/hooks/wallets/web3'
+import {
+  NONCE_STORAGE_POSITION,
+  THRESHOLD_STORAGE_POSITION,
+} from '@safe-global/utils/components/tx/security/tenderly/utils'
+
+const SIGNATURE_LENGTH = 65 * 2
+
+const getPreValidatedSignature = (addr: string): string => generatePreValidatedSignature(addr).data
+
+describe('simulation utils', () => {
+  const safeContractInterface = new Interface(getSafeSingletonDeployment({ version: '1.3.0' })?.abi || [])
+  const multiSendContractInterface = new Interface(getMultiSendCallOnlyDeployment({ version: '1.3.0' })?.abi || [])
+  const mockSafeAddress = zeroPadValue('0x0123', 20)
+  const mockMultisendAddress = zeroPadValue('0x1234', 20)
+
+  beforeAll(() => {
+    const safeContractMock = {
+      encode: (functionFragment: string, values: readonly any[]) =>
+        safeContractInterface.encodeFunctionData(functionFragment, values),
+      getAddress: () => mockSafeAddress,
+    }
+    const multisendContractMock = {
+      encode: (functionFragment: string, values: readonly any[]) =>
+        multiSendContractInterface.encodeFunctionData(functionFragment, values),
+      getAddress: () => mockMultisendAddress,
+    }
+    jest.spyOn(safeContracts, 'getReadOnlyCurrentGnosisSafeContract').mockImplementation(() => safeContractMock as any)
+    jest
+      .spyOn(safeContracts, 'getReadOnlyMultiSendCallOnlyContract')
+      .mockImplementation(() => multisendContractMock as any)
+
+    jest.spyOn(Web3, 'getWeb3ReadOnly').mockImplementation(
+      () =>
+        ({
+          getBlock: () =>
+            Promise.resolve({
+              gasLimit: BigInt(30_000_000),
+            }),
+        }) as any,
+    )
+  })
+  describe('getSimulationPayload', () => {
+    it('unsigned executable multisig transaction with threshold 1', async () => {
+      const ownerAddress = zeroPadValue('0x01', 20)
+      const mockSafeInfo: Partial<SafeInfo> = {
+        threshold: 1,
+        nonce: 0,
+        chainId: '4',
+        address: { value: zeroPadValue('0x0123', 20) },
+      }
+      const mockTx: SafeTransaction = new EthSafeTransaction({
+        to: ZERO_ADDRESS,
+        value: '0x0',
+        data: '0x',
+        baseGas: '0',
+        gasPrice: '0',
+        gasToken: ZERO_ADDRESS,
+        nonce: 0,
+        operation: 0,
+        refundReceiver: ZERO_ADDRESS,
+        safeTxGas: '0',
+      })
+
+      const tenderlyPayload = await getSimulationPayload({
+        executionOwner: ownerAddress,
+        gasLimit: 50_000,
+        safe: mockSafeInfo as SafeInfo,
+        transactions: mockTx,
+      })
+
+      /* Decode the call params:
+        [0] address to,
+        [1] uint256 value,
+        [2] bytes calldata data,
+        [3] Enum.Operation operation,
+        [4] uint256 safeTxGas,
+        [5] uint256 baseGas,
+        [6] uint256 gasPrice,
+        [7] address gasToken,
+        [8] address payable refundReceiver,
+        [9] bytes memory signatures
+       */
+      const decodedTxData = safeContractInterface.decodeFunctionData('execTransaction', tenderlyPayload.input)
+
+      expect(tenderlyPayload.to).toEqual(mockSafeAddress)
+      expect(decodedTxData[0]).toEqual(ZERO_ADDRESS)
+      expect(decodedTxData[1]).toEqual(BigInt(0))
+      expect(decodedTxData[2]).toEqual('0x')
+      expect(decodedTxData[3]).toEqual(0n)
+      expect(decodedTxData[4]).toEqual(BigInt(0))
+      expect(decodedTxData[5]).toEqual(BigInt(0))
+      expect(decodedTxData[6]).toEqual(BigInt(0))
+      expect(decodedTxData[7]).toEqual(ZERO_ADDRESS)
+      expect(decodedTxData[8]).toEqual(ZERO_ADDRESS)
+
+      expect(tenderlyPayload.gas).toEqual(50_000)
+
+      // Add prevalidated signature of connected owner
+      expect(decodedTxData[9]).toContain(getPreValidatedSignature(ownerAddress))
+
+      // Do not overwrite the threshold
+      expect(tenderlyPayload.state_objects).toBeUndefined()
+    })
+
+    it('fully signed executable multisig transaction with threshold 2', async () => {
+      const ownerAddress = zeroPadValue('0x01', 20)
+      const otherOwnerAddress1 = zeroPadValue('0x11', 20)
+      const otherOwnerAddress2 = zeroPadValue('0x12', 20)
+
+      const mockSafeInfo: Partial<SafeInfo> = {
+        threshold: 2,
+        nonce: 0,
+        chainId: '4',
+        address: { value: zeroPadValue('0x0123', 20) },
+      }
+      const mockTx: SafeTransaction = new EthSafeTransaction({
+        to: ZERO_ADDRESS,
+        value: '0x0',
+        data: '0x',
+        baseGas: '0',
+        gasPrice: '0',
+        gasToken: ZERO_ADDRESS,
+        nonce: 0,
+        operation: 0,
+        refundReceiver: ZERO_ADDRESS,
+        safeTxGas: '0',
+      })
+
+      mockTx.addSignature(generatePreValidatedSignature(otherOwnerAddress1))
+      mockTx.addSignature(generatePreValidatedSignature(otherOwnerAddress2))
+
+      const tenderlyPayload = await getSimulationPayload({
+        executionOwner: ownerAddress,
+        gasLimit: 50_000,
+        safe: mockSafeInfo as SafeInfo,
+        transactions: mockTx,
+      })
+
+      const decodedTxData = safeContractInterface.decodeFunctionData('execTransaction', tenderlyPayload.input)
+
+      // Do not add preValidatedSignature of connected owner as the tx is fully signed
+      expect(decodedTxData[9]).not.toContain(getPreValidatedSignature(ownerAddress))
+      // Do not overwrite the threshold
+      expect(tenderlyPayload.state_objects).toBeUndefined()
+    })
+
+    it('partially signed multisig transaction with threshold 2 and higher nonce', async () => {
+      const ownerAddress = zeroPadValue('0x01', 20)
+      const otherOwnerAddress1 = zeroPadValue('0x11', 20)
+
+      const mockSafeInfo: Partial<SafeInfo> = {
+        threshold: 2,
+        nonce: 0,
+        chainId: '4',
+        address: { value: zeroPadValue('0x0123', 20) },
+      }
+      const mockTx: SafeTransaction = new EthSafeTransaction({
+        to: ZERO_ADDRESS,
+        value: '0x0',
+        data: '0x',
+        baseGas: '0',
+        gasPrice: '0',
+        gasToken: ZERO_ADDRESS,
+        nonce: 1,
+        operation: 0,
+        refundReceiver: ZERO_ADDRESS,
+        safeTxGas: '0',
+      })
+
+      mockTx.addSignature(generatePreValidatedSignature(otherOwnerAddress1))
+
+      const tenderlyPayload = await getSimulationPayload({
+        executionOwner: ownerAddress,
+        safe: mockSafeInfo as SafeInfo,
+        transactions: mockTx,
+      })
+
+      const decodedTxData = safeContractInterface.decodeFunctionData('execTransaction', tenderlyPayload.input)
+
+      // Do add preValidatedSignature of connected owner as the tx is only partially signed
+      expect(decodedTxData[9]).toContain(getPreValidatedSignature(ownerAddress))
+      expect(decodedTxData[9]).toHaveLength(SIGNATURE_LENGTH * 2 + 2)
+      // Do  overwrite the nonce but not the threshold
+      expect(tenderlyPayload.state_objects).toBeDefined()
+      const safeOverwrite = tenderlyPayload.state_objects![mockSafeAddress]
+      expect(safeOverwrite?.storage).toBeDefined()
+      expect(safeOverwrite.storage![NONCE_STORAGE_POSITION]).toBe(toBeHex('0x1', 32))
+      expect(safeOverwrite.storage![THRESHOLD_STORAGE_POSITION]).toBeUndefined()
+    })
+
+    it('partially signed executable multisig transaction with threshold 2 and matching nonce', async () => {
+      const ownerAddress = zeroPadValue('0x01', 20)
+      const otherOwnerAddress1 = zeroPadValue('0x11', 20)
+
+      const mockSafeInfo: Partial<SafeInfo> = {
+        threshold: 2,
+        nonce: 0,
+        chainId: '4',
+        address: { value: zeroPadValue('0x0123', 20) },
+      }
+      const mockTx: SafeTransaction = new EthSafeTransaction({
+        to: ZERO_ADDRESS,
+        value: '0x0',
+        data: '0x',
+        baseGas: '0',
+        gasPrice: '0',
+        gasToken: ZERO_ADDRESS,
+        nonce: 0,
+        operation: 0,
+        refundReceiver: ZERO_ADDRESS,
+        safeTxGas: '0',
+      })
+
+      mockTx.addSignature(generatePreValidatedSignature(otherOwnerAddress1))
+
+      const tenderlyPayload = await getSimulationPayload({
+        executionOwner: ownerAddress,
+        gasLimit: 50_000,
+        safe: mockSafeInfo as SafeInfo,
+        transactions: mockTx,
+      })
+
+      const decodedTxData = safeContractInterface.decodeFunctionData('execTransaction', tenderlyPayload.input)
+
+      // Do add preValidatedSignature of connected owner as the tx is only partially signed
+      expect(decodedTxData[9]).toContain(getPreValidatedSignature(ownerAddress))
+      expect(decodedTxData[9]).toHaveLength(SIGNATURE_LENGTH * 2 + 2)
+      // Do not overwrite the threshold
+      expect(tenderlyPayload.state_objects).toBeUndefined()
+    })
+
+    it('unsigned signed not-executable multisig transaction with threshold 2', async () => {
+      const ownerAddress = zeroPadValue('0x01', 20)
+
+      const mockSafeInfo: Partial<SafeInfo> = {
+        threshold: 2,
+        nonce: 0,
+        chainId: '4',
+        address: { value: zeroPadValue('0x0123', 20) },
+      }
+      const mockTx: SafeTransaction = new EthSafeTransaction({
+        to: ZERO_ADDRESS,
+        value: '0x0',
+        data: '0x',
+        baseGas: '0',
+        gasPrice: '0',
+        gasToken: ZERO_ADDRESS,
+        nonce: 0,
+        operation: 0,
+        refundReceiver: ZERO_ADDRESS,
+        safeTxGas: '0',
+      })
+
+      const tenderlyPayload = await getSimulationPayload({
+        executionOwner: ownerAddress,
+        gasLimit: 50_000,
+        safe: mockSafeInfo as SafeInfo,
+        transactions: mockTx,
+      })
+
+      const decodedTxData = safeContractInterface.decodeFunctionData('execTransaction', tenderlyPayload.input)
+
+      // Do add preValidatedSignature of connected owner as the tx is only partially signed
+      expect(decodedTxData[9]).toContain(getPreValidatedSignature(ownerAddress))
+      // Overwrite the threshold with 1
+      expect(tenderlyPayload.state_objects).toBeDefined()
+      const safeOverwrite = tenderlyPayload.state_objects![mockSafeAddress]
+      expect(safeOverwrite?.storage).toBeDefined()
+      expect(safeOverwrite.storage![THRESHOLD_STORAGE_POSITION]).toBe(toBeHex('0x1', 32))
+      expect(safeOverwrite.storage![NONCE_STORAGE_POSITION]).toBeUndefined()
+    })
+
+    it('batched transaction without gas limit', async () => {
+      const ownerAddress = zeroPadValue('0x01', 20)
+
+      const mockSafeInfo: Partial<SafeInfo> = {
+        threshold: 2,
+        nonce: 0,
+        chainId: '4',
+        address: { value: zeroPadValue('0x0123', 20) },
+      }
+      const mockTxs: MetaTransactionData[] = [
+        {
+          data: '0x',
+          to: ZERO_ADDRESS,
+          value: '0',
+          operation: 0,
+        },
+        {
+          data: '0x',
+          to: ZERO_ADDRESS,
+          value: '0',
+          operation: 0,
+        },
+        {
+          data: '0x',
+          to: ZERO_ADDRESS,
+          value: '0',
+          operation: 0,
+        },
+      ]
+
+      const tenderlyPayload = await getSimulationPayload({
+        executionOwner: ownerAddress,
+        safe: mockSafeInfo as SafeInfo,
+        transactions: mockTxs,
+      })
+
+      const decodedTxData = multiSendContractInterface.decodeFunctionData('multiSend', tenderlyPayload.input)
+
+      expect(tenderlyPayload.to).toEqual(mockMultisendAddress)
+      expect(tenderlyPayload.gas).toEqual(30_000_000)
+      expect(decodedTxData[0]).toBeDefined()
+
+      expect(tenderlyPayload.state_objects).toBeUndefined()
+    })
+  })
+})
diff --git a/apps/web/src/components/tx/security/tenderly/index.tsx b/apps/web/src/components/tx/security/tenderly/index.tsx
new file mode 100644
index 000000000..30ba1f3a3
--- /dev/null
+++ b/apps/web/src/components/tx/security/tenderly/index.tsx
@@ -0,0 +1,250 @@
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import { Alert, Box, Button, Paper, SvgIcon, Tooltip, Typography } from '@mui/material'
+import { useContext, useEffect } from 'react'
+import type { ReactElement } from 'react'
+
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useSigner } from '@/hooks/wallets/useWallet'
+import CheckIcon from '@/public/images/common/check.svg'
+import CloseIcon from '@/public/images/common/close.svg'
+import { useDarkMode } from '@/hooks/useDarkMode'
+import CircularProgress from '@mui/material/CircularProgress'
+import ExternalLink from '@/components/common/ExternalLink'
+import { useCurrentChain } from '@/hooks/useChains'
+import {
+  isTxSimulationEnabled,
+  type SimulationTxParams,
+} from '@safe-global/utils/components/tx/security/tenderly/utils'
+
+import css from './styles.module.css'
+import sharedCss from '@/components/tx/security/shared/styles.module.css'
+import { TxInfoContext } from '@/components/tx-flow/TxInfoProvider'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import Track from '@/components/common/Track'
+import { MODALS_EVENTS } from '@/services/analytics'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { getSafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+export type TxSimulationProps = {
+  transactions?: SimulationTxParams['transactions']
+  gasLimit?: number
+  disabled: boolean
+  executionOwner?: string
+  title?: string
+  nestedSafe?: string
+}
+
+// TODO: Investigate resetting on gasLimit change as we are not simulating with the gasLimit of the tx
+// otherwise remove all usage of gasLimit in simulation. Note: this was previously being done.
+// TODO: Test this component
+const TxSimulationBlock = ({
+  transactions,
+  disabled,
+  gasLimit,
+  executionOwner,
+  nestedSafe,
+  title = 'Run a simulation',
+}: TxSimulationProps): ReactElement => {
+  const { safe } = useSafeInfo()
+  const chain = useCurrentChain()
+  const signer = useSigner()
+  const isSafeOwner = useIsSafeOwner()
+  const isDarkMode = useDarkMode()
+  const { safeTx } = useContext(SafeTxContext)
+  const {
+    simulation: { simulateTransaction, resetSimulation },
+    status,
+    nestedTx,
+  } = useContext(TxInfoContext)
+
+  const [nestedSafeInfo] = useAsync(
+    () => (!!chain && !!nestedSafe ? getSafeInfo(chain.chainId, nestedSafe) : undefined),
+    [chain, nestedSafe],
+  )
+
+  const handleSimulation = async () => {
+    if (!signer || !transactions) {
+      return
+    }
+
+    const simulationTxParams = {
+      safe: nestedSafeInfo ?? safe,
+      // fall back to the first owner of the safe in case the transaction is created by a proposer
+      executionOwner: executionOwner ?? (isSafeOwner ? signer.address : safe.owners[0].value),
+      transactions,
+      gasLimit,
+    } as SimulationTxParams
+
+    if (!!nestedSafe) {
+      nestedTx.simulation.simulateTransaction(simulationTxParams)
+    } else {
+      simulateTransaction(simulationTxParams)
+    }
+  }
+
+  const { isFinished, isError, isSuccess, isCallTraceError, isLoading } = !!nestedSafe ? nestedTx.status : status
+
+  // Reset simulation if safeTx changes
+  useEffect(() => {
+    resetSimulation()
+  }, [safeTx, resetSimulation])
+
+  return (
+    <Box>
+      <Paper variant="outlined" className={sharedCss.wrapper} sx={{ backgroundColor: 'transparent' }}>
+        <div className={css.wrapper}>
+          <Typography variant="body2" fontWeight={700}>
+            {title}
+
+            <Tooltip
+              title="This transaction can be simulated before execution to ensure that it will be succeed, generating a detailed report of the transaction execution."
+              arrow
+              placement="top"
+            >
+              <span>
+                <SvgIcon
+                  component={InfoIcon}
+                  inheritViewBox
+                  color="border"
+                  fontSize="small"
+                  sx={{
+                    verticalAlign: 'middle',
+                    ml: 0.5,
+                  }}
+                />
+              </span>
+            </Tooltip>
+          </Typography>
+          <Typography variant="caption" className={sharedCss.poweredBy}>
+            Powered by{' '}
+            <img
+              src={isDarkMode ? '/images/transactions/tenderly-light.svg' : '/images/transactions/tenderly-dark.svg'}
+              alt="Tenderly"
+              width="65px"
+              height="15px"
+            />
+          </Typography>
+        </div>
+
+        <div className={sharedCss.result}>
+          {isLoading ? (
+            <CircularProgress
+              size={22}
+              sx={{
+                color: ({ palette }) => palette.text.secondary,
+              }}
+            />
+          ) : isFinished ? (
+            !isSuccess || isError || isCallTraceError ? (
+              <Typography
+                variant="body2"
+                className={sharedCss.result}
+                sx={{
+                  color: 'error.main',
+                }}
+              >
+                <SvgIcon
+                  component={CloseIcon}
+                  inheritViewBox
+                  fontSize="small"
+                  sx={{ verticalAlign: 'middle', mr: 1 }}
+                />
+                Error
+              </Typography>
+            ) : (
+              <Typography
+                data-testid="simulation-success-msg"
+                variant="body2"
+                className={sharedCss.result}
+                sx={{
+                  color: 'success.main',
+                }}
+              >
+                <SvgIcon
+                  component={CheckIcon}
+                  inheritViewBox
+                  fontSize="small"
+                  sx={{ verticalAlign: 'middle', mr: 1 }}
+                />
+                Success
+              </Typography>
+            )
+          ) : (
+            <Track {...MODALS_EVENTS.SIMULATE_TX}>
+              <Button
+                data-testid="simulate-btn"
+                variant="outlined"
+                size="small"
+                className={css.simulate}
+                onClick={handleSimulation}
+                disabled={!transactions || disabled}
+              >
+                Simulate
+              </Button>
+            </Track>
+          )}
+        </div>
+      </Paper>
+    </Box>
+  )
+}
+
+export const TxSimulation = (props: TxSimulationProps): ReactElement | null => {
+  const chain = useCurrentChain()
+
+  if (!chain || !isTxSimulationEnabled(chain)) {
+    return null
+  }
+
+  return <TxSimulationBlock {...props} />
+}
+
+// TODO: Test this component
+export const TxSimulationMessage = ({ isNested = false }: { isNested?: boolean }) => {
+  const txInfo = useContext(TxInfoContext)
+
+  const { isFinished, isError, isSuccess, isCallTraceError } = isNested ? txInfo.nestedTx.status : txInfo.status
+  const { simulationLink, simulation, requestError } = isNested ? txInfo.nestedTx.simulation : txInfo.simulation
+
+  if (!isFinished) {
+    return null
+  }
+
+  if (!isSuccess || isError || isCallTraceError) {
+    return (
+      <Alert severity="error" sx={{ border: 'unset' }}>
+        <Typography variant="body1" fontWeight={700}>
+          Simulation failed
+        </Typography>
+        {requestError ? (
+          <Typography color="error" variant="body2">
+            An unexpected error occurred during simulation: <b>{requestError}</b>.
+          </Typography>
+        ) : (
+          <Typography variant="body2">
+            {isCallTraceError ? (
+              <>The transaction failed during the simulation.</>
+            ) : (
+              <>
+                The transaction failed during the simulation throwing error{' '}
+                <b>{simulation?.transaction.error_message}</b> in the contract at{' '}
+                <b>{simulation?.transaction.error_info?.address}</b>.
+              </>
+            )}{' '}
+            Full simulation report is available <ExternalLink href={simulationLink}>on Tenderly</ExternalLink>.
+          </Typography>
+        )}
+      </Alert>
+    )
+  }
+
+  return (
+    <Alert severity="info" sx={{ border: 'unset' }}>
+      <Typography variant="body2" fontWeight={700}>
+        Simulation successful
+      </Typography>
+      Full simulation report is available <ExternalLink href={simulationLink}>on Tenderly</ExternalLink>.
+    </Alert>
+  )
+}
diff --git a/src/components/tx/security/tenderly/styles.module.css b/apps/web/src/components/tx/security/tenderly/styles.module.css
similarity index 100%
rename from src/components/tx/security/tenderly/styles.module.css
rename to apps/web/src/components/tx/security/tenderly/styles.module.css
diff --git a/apps/web/src/components/tx/security/tenderly/useSimulation.ts b/apps/web/src/components/tx/security/tenderly/useSimulation.ts
new file mode 100644
index 000000000..668cf7832
--- /dev/null
+++ b/apps/web/src/components/tx/security/tenderly/useSimulation.ts
@@ -0,0 +1,61 @@
+import { useCallback, useMemo, useState } from 'react'
+
+import { getSimulationPayload } from '@/components/tx/security/tenderly/utils'
+import { FETCH_STATUS, type TenderlySimulation } from '@safe-global/utils/components/tx/security/tenderly/types'
+import { useAppSelector } from '@/store'
+import { selectTenderly } from '@/store/settingsSlice'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { type UseSimulationReturn } from '@safe-global/utils/components/tx/security/tenderly/useSimulation'
+import {
+  getSimulation,
+  getSimulationLink,
+  type SimulationTxParams,
+} from '@safe-global/utils/components/tx/security/tenderly/utils'
+import { Errors, logError } from '@/services/exceptions'
+
+export const useSimulation = (): UseSimulationReturn => {
+  const [simulation, setSimulation] = useState<TenderlySimulation | undefined>()
+  const [simulationRequestStatus, setSimulationRequestStatus] = useState<FETCH_STATUS>(FETCH_STATUS.NOT_ASKED)
+  const [requestError, setRequestError] = useState<string | undefined>(undefined)
+  const tenderly = useAppSelector(selectTenderly)
+
+  const simulationLink = useMemo(() => getSimulationLink(simulation?.simulation.id || ''), [simulation])
+
+  const resetSimulation = useCallback(() => {
+    setSimulationRequestStatus(FETCH_STATUS.NOT_ASKED)
+    setRequestError(undefined)
+    setSimulation(undefined)
+  }, [])
+
+  const simulateTransaction = useCallback(
+    async (params: SimulationTxParams) => {
+      setSimulationRequestStatus(FETCH_STATUS.LOADING)
+      setRequestError(undefined)
+
+      try {
+        const simulationPayload = await getSimulationPayload(params)
+
+        const data = await getSimulation(simulationPayload, tenderly)
+
+        setSimulation(data)
+        setSimulationRequestStatus(FETCH_STATUS.SUCCESS)
+      } catch (error) {
+        logError(Errors._200, error)
+
+        setRequestError(asError(error).message)
+        setSimulationRequestStatus(FETCH_STATUS.ERROR)
+      }
+    },
+    [tenderly],
+  )
+
+  return {
+    simulateTransaction,
+    // This is only used by the provider
+    _simulationRequestStatus: simulationRequestStatus,
+    simulation,
+    simulationLink,
+    requestError,
+    resetSimulation,
+  } as UseSimulationReturn
+}
diff --git a/apps/web/src/components/tx/security/tenderly/utils.ts b/apps/web/src/components/tx/security/tenderly/utils.ts
new file mode 100644
index 000000000..aafe0c19e
--- /dev/null
+++ b/apps/web/src/components/tx/security/tenderly/utils.ts
@@ -0,0 +1,178 @@
+import { generatePreValidatedSignature } from '@safe-global/protocol-kit/dist/src/utils/signatures'
+import EthSafeTransaction from '@safe-global/protocol-kit/dist/src/utils/transactions/SafeTransaction'
+import { encodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils/transactions/utils'
+
+import {
+  getReadOnlyCurrentGnosisSafeContract,
+  getReadOnlyMultiSendCallOnlyContract,
+} from '@/services/contracts/safeContracts'
+import type {
+  TenderlySimulatePayload,
+  TenderlySimulation,
+} from '@safe-global/utils/components/tx/security/tenderly/types'
+import { getWeb3ReadOnly } from '@/hooks/wallets/web3'
+import {
+  TENDERLY_ORG_NAME,
+  TENDERLY_PROJECT_NAME,
+  TENDERLY_SIMULATE_ENDPOINT_URL,
+} from '@safe-global/utils/config/constants'
+import type { ChainInfo, SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { FEATURES } from '@/utils/featureToggled'
+import { hasFeature } from '@safe-global/utils/utils/chains'
+import type { EnvState } from '@safe-global/store/settingsSlice'
+import type { SafeTransaction, MetaTransactionData } from '@safe-global/types-kit'
+import {
+  isSingleTransactionSimulation,
+  getStateOverwrites,
+  _getStateOverride,
+} from '@safe-global/utils/components/tx/security/tenderly/utils'
+
+export const isTxSimulationEnabled = (chain?: ChainInfo): boolean => {
+  if (!chain) {
+    return false
+  }
+
+  const isSimulationEnvSet =
+    Boolean(TENDERLY_SIMULATE_ENDPOINT_URL) && Boolean(TENDERLY_ORG_NAME) && Boolean(TENDERLY_PROJECT_NAME)
+
+  return isSimulationEnvSet && hasFeature(chain, FEATURES.TX_SIMULATION)
+}
+
+export const getSimulation = async (
+  tx: TenderlySimulatePayload,
+  customTenderly: EnvState['tenderly'] | undefined,
+): Promise<TenderlySimulation> => {
+  const requestObject: RequestInit = {
+    method: 'POST',
+    body: JSON.stringify(tx),
+  }
+
+  if (customTenderly?.accessToken) {
+    requestObject.headers = {
+      'content-type': 'application/JSON',
+      'X-Access-Key': customTenderly.accessToken,
+    }
+  }
+
+  const data = await fetch(
+    customTenderly?.url ? customTenderly.url : TENDERLY_SIMULATE_ENDPOINT_URL,
+    requestObject,
+  ).then((res) => {
+    if (res.ok) {
+      return res.json()
+    }
+    return res.json().then((data) => {
+      throw new Error(`${res.status} - ${res.statusText}: ${data?.error?.message}`)
+    })
+  })
+
+  return data as TenderlySimulation
+}
+
+export const getSimulationLink = (simulationId: string): string => {
+  // return `https://dashboard.tenderly.co/public/${TENDERLY_ORG_NAME}/${TENDERLY_PROJECT_NAME}/simulator/${simulationId}`
+  return `https://dashboard.tenderly.co/shared/simulation/${simulationId}`
+}
+
+type SingleTransactionSimulationParams = {
+  safe: SafeInfo
+  executionOwner: string
+  transactions: SafeTransaction
+  gasLimit?: number
+}
+
+type MultiSendTransactionSimulationParams = {
+  safe: SafeInfo
+  executionOwner: string
+  transactions: MetaTransactionData[]
+  gasLimit?: number
+}
+
+export type SimulationTxParams = SingleTransactionSimulationParams | MultiSendTransactionSimulationParams
+
+export const _getSingleTransactionPayload = async (
+  params: SingleTransactionSimulationParams,
+): Promise<Pick<TenderlySimulatePayload, 'to' | 'input'>> => {
+  // If a transaction is executable we simulate with the proposed/selected gasLimit and the actual signatures
+  let transaction = params.transactions
+  const hasOwnerSignature = transaction.signatures.has(params.executionOwner)
+  // If the owner's sig is missing and the tx threshold is not reached we add the owner's preValidated signature
+  const needsOwnerSignature = !hasOwnerSignature && transaction.signatures.size < params.safe.threshold
+  if (needsOwnerSignature) {
+    const simulatedTransaction = new EthSafeTransaction(transaction.data)
+
+    transaction.signatures.forEach((signature) => {
+      simulatedTransaction.addSignature(signature)
+    })
+    simulatedTransaction.addSignature(generatePreValidatedSignature(params.executionOwner))
+
+    transaction = simulatedTransaction
+  }
+
+  const readOnlySafeContract = await getReadOnlyCurrentGnosisSafeContract(params.safe)
+
+  const input = readOnlySafeContract.encode('execTransaction', [
+    transaction.data.to,
+    transaction.data.value,
+    transaction.data.data,
+    transaction.data.operation,
+    transaction.data.safeTxGas,
+    transaction.data.baseGas,
+    transaction.data.gasPrice,
+    transaction.data.gasToken,
+    transaction.data.refundReceiver,
+    transaction.encodedSignatures(),
+  ])
+
+  return {
+    to: readOnlySafeContract.getAddress(),
+    input,
+  }
+}
+
+export const _getMultiSendCallOnlyPayload = async (
+  params: MultiSendTransactionSimulationParams,
+): Promise<Pick<TenderlySimulatePayload, 'to' | 'input'>> => {
+  const data = encodeMultiSendData(params.transactions) as `0x${string}`
+  const readOnlyMultiSendContract = await getReadOnlyMultiSendCallOnlyContract(params.safe.version)
+
+  return {
+    to: readOnlyMultiSendContract.getAddress(),
+    input: readOnlyMultiSendContract.encode('multiSend', [data]),
+  }
+}
+
+const getLatestBlockGasLimit = async (): Promise<number> => {
+  const web3ReadOnly = getWeb3ReadOnly()
+  const latestBlock = await web3ReadOnly?.getBlock('latest')
+  if (!latestBlock) {
+    throw Error('Could not determine block gas limit')
+  }
+  return Number(latestBlock.gasLimit)
+}
+
+export const getSimulationPayload = async (params: SimulationTxParams): Promise<TenderlySimulatePayload> => {
+  const gasLimit = params.gasLimit ?? (await getLatestBlockGasLimit())
+
+  const payload = isSingleTransactionSimulation(params)
+    ? await _getSingleTransactionPayload(params)
+    : await _getMultiSendCallOnlyPayload(params)
+
+  const stateOverwrites = getStateOverwrites(params)
+  const stateOverwritesLength = Object.keys(stateOverwrites).length
+
+  return {
+    ...payload,
+    network_id: params.safe.chainId,
+    from: params.executionOwner,
+    gas: gasLimit,
+    // With gas price 0 account don't need token for gas
+    gas_price: '0',
+    state_objects:
+      stateOverwritesLength > 0
+        ? _getStateOverride(params.safe.address.value, undefined, undefined, stateOverwrites)
+        : undefined,
+    save: true,
+    save_if_fails: true,
+  }
+}
diff --git a/apps/web/src/components/tx/security/useDelegateCallModule.ts b/apps/web/src/components/tx/security/useDelegateCallModule.ts
new file mode 100644
index 000000000..a9a3bab01
--- /dev/null
+++ b/apps/web/src/components/tx/security/useDelegateCallModule.ts
@@ -0,0 +1,28 @@
+import type { SafeTransaction } from '@safe-global/types-kit'
+
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { DelegateCallModule } from '@safe-global/utils/services/security/modules/DelegateCallModule'
+import type { DelegateCallModuleResponse } from '@safe-global/utils/services/security/modules/DelegateCallModule'
+import type { SecurityResponse } from '@safe-global/utils/services/security/modules/types'
+import { useCurrentChain } from '@/hooks/useChains'
+
+const DelegateCallModuleInstance = new DelegateCallModule()
+
+// TODO: Not being used right now
+export const useDelegateCallModule = (safeTransaction: SafeTransaction | undefined) => {
+  const { safe, safeLoaded } = useSafeInfo()
+  const currentChain = useCurrentChain()
+
+  return useAsync<SecurityResponse<DelegateCallModuleResponse>>(() => {
+    if (!safeTransaction || !safeLoaded || !currentChain) {
+      return
+    }
+
+    return DelegateCallModuleInstance.scanTransaction({
+      safeTransaction,
+      safeVersion: safe.version,
+      chain: currentChain,
+    })
+  }, [safeTransaction, safeLoaded, safe.version, currentChain])
+}
diff --git a/apps/web/src/components/tx/security/utils.ts b/apps/web/src/components/tx/security/utils.ts
new file mode 100644
index 000000000..c46d70e82
--- /dev/null
+++ b/apps/web/src/components/tx/security/utils.ts
@@ -0,0 +1,47 @@
+import { SecuritySeverity } from '@safe-global/utils/services/security/modules/types'
+import CloseIcon from '@/public/images/common/close.svg'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import type { ComponentType } from 'react'
+import type { AlertColor } from '@mui/material'
+
+const ACTION_REJECT = 'Reject this transaction'
+const ACTION_REVIEW = 'Review before processing'
+
+export type SecurityWarningProps = {
+  color: AlertColor
+  icon: ComponentType
+  label: string
+  action?: string
+}
+
+export const mapSecuritySeverity: Record<SecuritySeverity, SecurityWarningProps> = {
+  [SecuritySeverity.CRITICAL]: {
+    action: ACTION_REJECT,
+    color: 'error',
+    icon: CloseIcon,
+    label: 'critical risk',
+  },
+  [SecuritySeverity.HIGH]: {
+    action: ACTION_REJECT,
+    color: 'error',
+    icon: CloseIcon,
+    label: 'high risk',
+  },
+  [SecuritySeverity.MEDIUM]: {
+    action: ACTION_REVIEW,
+    color: 'warning',
+    icon: InfoIcon,
+    label: 'warning',
+  },
+  [SecuritySeverity.LOW]: {
+    action: ACTION_REVIEW,
+    color: 'warning',
+    icon: InfoIcon,
+    label: 'warning',
+  },
+  [SecuritySeverity.NONE]: {
+    color: 'info',
+    icon: InfoIcon,
+    label: 'info',
+  },
+}
diff --git a/apps/web/src/components/welcome/NewSafe.tsx b/apps/web/src/components/welcome/NewSafe.tsx
new file mode 100644
index 000000000..6a28dc226
--- /dev/null
+++ b/apps/web/src/components/welcome/NewSafe.tsx
@@ -0,0 +1,80 @@
+import React from 'react'
+import { Grid, SvgIcon, Typography } from '@mui/material'
+import css from './styles.module.css'
+import CheckFilled from '@/public/images/common/check-filled.svg'
+
+import WelcomeLogin from './WelcomeLogin'
+
+const BulletListItem = ({ text }: { text: string }) => (
+  <li>
+    <SvgIcon className={css.checkIcon} component={CheckFilled} inheritViewBox />
+    <Typography
+      sx={{
+        color: 'static.main',
+        fontWeight: 700,
+      }}
+    >
+      {text}
+    </Typography>
+  </li>
+)
+
+const NewSafe = () => {
+  return (
+    <>
+      <Grid
+        container
+        spacing={3}
+        direction="row-reverse"
+        sx={{
+          p: 3,
+          pb: 0,
+          flex: 1,
+        }}
+      >
+        <Grid item xs={12} lg={6}>
+          <WelcomeLogin />
+        </Grid>
+        <Grid
+          item
+          xs={12}
+          lg={6}
+          sx={{
+            flex: 1,
+          }}
+        >
+          <div className={css.content}>
+            <Typography
+              variant="h1"
+              sx={{
+                fontSize: [44, null, 52],
+                lineHeight: 1,
+                letterSpacing: -1.5,
+                color: 'static.main',
+              }}
+            >
+              Unlock a new way of ownership
+            </Typography>
+
+            <Typography
+              sx={{
+                mb: 1,
+                color: 'static.main',
+              }}
+            >
+              The most trusted decentralized custody protocol and collective asset management platform.
+            </Typography>
+
+            <ul className={css.bulletList}>
+              <BulletListItem text="Stealth security with multiple signers" />
+              <BulletListItem text="Make it yours with modules and guards" />
+              <BulletListItem text="Access ecosystem apps" />
+            </ul>
+          </div>
+        </Grid>
+      </Grid>
+    </>
+  )
+}
+
+export default NewSafe
diff --git a/apps/web/src/components/welcome/WelcomeLogin/WalletLogin.tsx b/apps/web/src/components/welcome/WelcomeLogin/WalletLogin.tsx
new file mode 100644
index 000000000..ff5158414
--- /dev/null
+++ b/apps/web/src/components/welcome/WelcomeLogin/WalletLogin.tsx
@@ -0,0 +1,49 @@
+import useConnectWallet from '@/components/common/ConnectWallet/useConnectWallet'
+import useWallet from '@/hooks/wallets/useWallet'
+import { Box, Button, Typography } from '@mui/material'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import WalletIcon from '@/components/common/WalletIcon'
+
+const WalletLogin = ({
+  onLogin,
+  onContinue,
+  buttonText,
+}: {
+  onLogin: () => void
+  onContinue: () => void
+  buttonText?: string
+}) => {
+  const wallet = useWallet()
+  const connectWallet = useConnectWallet()
+
+  const onConnectWallet = () => {
+    connectWallet()
+    onLogin()
+  }
+
+  if (wallet !== null) {
+    return (
+      <Button variant="contained" sx={{ padding: '8px 16px' }} onClick={onContinue}>
+        <Box justifyContent="space-between" display="flex" flexDirection="row" alignItems="center" gap={1}>
+          <Box display="flex" flexDirection="column" alignItems="flex-start">
+            <Typography variant="subtitle2" fontWeight={700}>
+              {buttonText || 'Continue with'} {wallet.label}
+            </Typography>
+            {wallet.address && (
+              <EthHashInfo address={wallet.address} shortAddress avatarSize={16} showName={false} copyAddress={false} />
+            )}
+          </Box>
+          {wallet.icon && <WalletIcon icon={wallet.icon} provider={wallet.label} width={24} height={24} />}
+        </Box>
+      </Button>
+    )
+  }
+
+  return (
+    <Button onClick={onConnectWallet} sx={{ minHeight: '42px' }} variant="contained" size="small" disableElevation>
+      Connect wallet
+    </Button>
+  )
+}
+
+export default WalletLogin
diff --git a/src/components/welcome/WelcomeLogin/__tests__/WalletLogin.test.tsx b/apps/web/src/components/welcome/WelcomeLogin/__tests__/WalletLogin.test.tsx
similarity index 84%
rename from src/components/welcome/WelcomeLogin/__tests__/WalletLogin.test.tsx
rename to apps/web/src/components/welcome/WelcomeLogin/__tests__/WalletLogin.test.tsx
index 027ac4dc7..0d6b59177 100644
--- a/src/components/welcome/WelcomeLogin/__tests__/WalletLogin.test.tsx
+++ b/apps/web/src/components/welcome/WelcomeLogin/__tests__/WalletLogin.test.tsx
@@ -4,7 +4,7 @@ import * as useWallet from '@/hooks/wallets/useWallet'
 import WalletLogin from '../WalletLogin'
 import { toBeHex } from 'ethers'
 import { type EIP1193Provider } from '@web3-onboard/common'
-import { shortenAddress } from '@/utils/formatters'
+import { shortenAddress } from '@safe-global/utils/utils/formatters'
 
 describe('WalletLogin', () => {
   beforeEach(() => {
@@ -13,6 +13,7 @@ describe('WalletLogin', () => {
 
   it('should render continue with connected wallet', async () => {
     const mockOnLogin = jest.fn()
+    const mockOnContinue = jest.fn()
     const walletAddress = toBeHex('0x1', 20)
     jest.spyOn(useWallet, 'default').mockReturnValue({
       address: walletAddress,
@@ -22,7 +23,7 @@ describe('WalletLogin', () => {
     })
     jest.spyOn(useConnectWallet, 'default').mockReturnValue(jest.fn())
 
-    const result = render(<WalletLogin onLogin={mockOnLogin} />)
+    const result = render(<WalletLogin onLogin={mockOnLogin} onContinue={mockOnContinue} />)
 
     await waitFor(() => {
       expect(result.findByText(shortenAddress(walletAddress))).resolves.toBeDefined()
@@ -34,16 +35,17 @@ describe('WalletLogin', () => {
     const button = await result.findByRole('button')
     button.click()
 
-    expect(mockOnLogin).toHaveBeenCalled()
+    expect(mockOnContinue).toHaveBeenCalled()
   })
 
   it('should render connect wallet if no wallet is connected', async () => {
     const mockOnLogin = jest.fn()
+    const mockOnContinue = jest.fn()
     const walletAddress = toBeHex('0x1', 20)
     const mockUseWallet = jest.spyOn(useWallet, 'default').mockReturnValue(null)
     jest.spyOn(useConnectWallet, 'default').mockReturnValue(jest.fn().mockReturnValue([{}]))
 
-    const result = render(<WalletLogin onLogin={mockOnLogin} />)
+    const result = render(<WalletLogin onLogin={mockOnLogin} onContinue={mockOnContinue} />)
 
     await waitFor(() => {
       expect(result.findByText('Connect wallet')).resolves.toBeDefined()
@@ -71,11 +73,12 @@ describe('WalletLogin', () => {
 
   it('should invoke the callback if user actively connects', async () => {
     const mockOnLogin = jest.fn()
+    const mockOnContinue = jest.fn()
     jest.spyOn(useWallet, 'default').mockReturnValue(null)
 
     jest.spyOn(useConnectWallet, 'default').mockReturnValue(jest.fn().mockReturnValue([]))
 
-    const result = render(<WalletLogin onLogin={mockOnLogin} />)
+    const result = render(<WalletLogin onLogin={mockOnLogin} onContinue={mockOnContinue} />)
 
     await waitFor(() => {
       expect(result.findByText('Connect wallet')).resolves.toBeDefined()
diff --git a/apps/web/src/components/welcome/WelcomeLogin/index.tsx b/apps/web/src/components/welcome/WelcomeLogin/index.tsx
new file mode 100644
index 000000000..fca4d9400
--- /dev/null
+++ b/apps/web/src/components/welcome/WelcomeLogin/index.tsx
@@ -0,0 +1,86 @@
+import { AppRoutes } from '@/config/routes'
+import { Paper, SvgIcon, Typography, Divider, Box, Button, Link } from '@mui/material'
+import SafeLogo from '@/public/images/logo-text.svg'
+import css from './styles.module.css'
+import { useRouter } from 'next/router'
+import { CREATE_SAFE_EVENTS } from '@/services/analytics/events/createLoadSafe'
+import { OVERVIEW_EVENTS, OVERVIEW_LABELS, trackEvent } from '@/services/analytics'
+import useWallet from '@/hooks/wallets/useWallet'
+import useHasSafes from '@/features/myAccounts/hooks/useHasSafes'
+import Track from '@/components/common/Track'
+import { useCallback, useEffect, useState } from 'react'
+import WalletLogin from './WalletLogin'
+
+const WelcomeLogin = () => {
+  const router = useRouter()
+  const wallet = useWallet()
+  const { isLoaded, hasSafes } = useHasSafes()
+  const [shouldRedirect, setShouldRedirect] = useState(false)
+
+  const redirect = useCallback(() => {
+    if (wallet) {
+      if (isLoaded && !hasSafes) {
+        trackEvent(CREATE_SAFE_EVENTS.OPEN_SAFE_CREATION)
+        router.push({ pathname: AppRoutes.newSafe.create, query: router.query })
+      } else {
+        router.push({ pathname: AppRoutes.welcome.accounts, query: router.query })
+      }
+    }
+  }, [hasSafes, isLoaded, router, wallet])
+
+  const onLogin = useCallback(() => {
+    setShouldRedirect(true)
+  }, [])
+
+  useEffect(() => {
+    if (!shouldRedirect) return
+    redirect()
+  }, [redirect, shouldRedirect])
+
+  return (
+    <Paper className={css.loginCard} data-testid="welcome-login">
+      <Box className={css.loginContent}>
+        <SvgIcon component={SafeLogo} inheritViewBox sx={{ height: '35px', width: 'auto', ml: '-8px' }} />
+
+        <Typography variant="h6" mt={6} fontWeight={700}>
+          Get started
+        </Typography>
+
+        <Typography mb={2} textAlign="center">
+          {wallet
+            ? 'Open your existing Safe Accounts or create a new one'
+            : 'Connect your wallet to create a new Safe Account or open an existing one'}
+        </Typography>
+
+        <Track {...OVERVIEW_EVENTS.OPEN_ONBOARD} label={OVERVIEW_LABELS.welcome_page}>
+          <WalletLogin onLogin={onLogin} onContinue={redirect} />
+        </Track>
+
+        {!wallet && (
+          <>
+            <Divider sx={{ mt: 2, mb: 2, width: '100%' }}>
+              <Typography color="text.secondary" fontWeight={700} variant="overline">
+                or
+              </Typography>
+            </Divider>
+            {hasSafes ? (
+              <Link href={AppRoutes.welcome.accounts}>
+                <Button disableElevation size="small">
+                  View my accounts
+                </Button>
+              </Link>
+            ) : (
+              <Link href={AppRoutes.newSafe.load}>
+                <Button disableElevation size="small">
+                  Watch any account
+                </Button>
+              </Link>
+            )}
+          </>
+        )}
+      </Box>
+    </Paper>
+  )
+}
+
+export default WelcomeLogin
diff --git a/src/components/welcome/WelcomeLogin/styles.module.css b/apps/web/src/components/welcome/WelcomeLogin/styles.module.css
similarity index 100%
rename from src/components/welcome/WelcomeLogin/styles.module.css
rename to apps/web/src/components/welcome/WelcomeLogin/styles.module.css
diff --git a/src/components/welcome/styles.module.css b/apps/web/src/components/welcome/styles.module.css
similarity index 100%
rename from src/components/welcome/styles.module.css
rename to apps/web/src/components/welcome/styles.module.css
diff --git a/apps/web/src/components/wrappers/DisclaimerWrapper/index.test.tsx b/apps/web/src/components/wrappers/DisclaimerWrapper/index.test.tsx
new file mode 100644
index 000000000..875ac8ccc
--- /dev/null
+++ b/apps/web/src/components/wrappers/DisclaimerWrapper/index.test.tsx
@@ -0,0 +1,40 @@
+import { _DisclaimerWrapper, DisclaimerWrapper } from '@/components/wrappers/DisclaimerWrapper'
+import { act, render } from '@/tests/test-utils'
+
+describe('DisclaimerWrapper', () => {
+  it('should render children if consent is given', () => {
+    const { queryByText } = render(
+      <_DisclaimerWrapper localStorageKey="key" widgetName="name" getLocalStorage={() => [true as any, () => {}]}>
+        <>Consent given</>
+      </_DisclaimerWrapper>,
+    )
+
+    expect(queryByText('Consent given')).toBeTruthy()
+  })
+
+  it('should not render children if consent is not given', () => {
+    const { queryByText } = render(
+      <_DisclaimerWrapper localStorageKey="key" widgetName="name" getLocalStorage={() => [false as any, () => {}]}>
+        <>Consent given</>
+      </_DisclaimerWrapper>,
+    )
+
+    expect(queryByText('Consent given')).toBeFalsy()
+  })
+
+  it('should render children if disclaimer is accepted', () => {
+    const { getByText, queryByText } = render(
+      <DisclaimerWrapper localStorageKey="key" widgetName="name">
+        <>Consent given</>
+      </DisclaimerWrapper>,
+    )
+
+    expect(queryByText('Consent given')).toBeFalsy()
+
+    act(() => {
+      getByText('Continue').click()
+    })
+
+    expect(queryByText('Consent given')).toBeTruthy()
+  })
+})
diff --git a/apps/web/src/components/wrappers/DisclaimerWrapper/index.tsx b/apps/web/src/components/wrappers/DisclaimerWrapper/index.tsx
new file mode 100644
index 000000000..12d180b13
--- /dev/null
+++ b/apps/web/src/components/wrappers/DisclaimerWrapper/index.tsx
@@ -0,0 +1,45 @@
+import { Stack } from '@mui/material'
+import type { ReactElement } from 'react'
+
+import Disclaimer from '@/components/common/Disclaimer'
+import WidgetDisclaimer from '@/components/common/WidgetDisclaimer'
+import useLocalStorage from '@/services/local-storage/useLocalStorage'
+import madProps from '@/utils/mad-props'
+
+// TODO: Use with swaps/staking
+export function _DisclaimerWrapper({
+  children,
+  localStorageKey,
+  widgetName,
+  getLocalStorage,
+}: {
+  children: ReactElement
+  localStorageKey: string
+  widgetName: string
+  getLocalStorage: typeof useLocalStorage
+}): ReactElement | null {
+  const [hasConsented = false, setHasConsented] = getLocalStorage<boolean>(localStorageKey)
+
+  const onAccept = () => {
+    setHasConsented(true)
+  }
+
+  if (!hasConsented) {
+    return (
+      <Stack direction="column" alignItems="center" justifyContent="center" flex={1}>
+        <Disclaimer
+          title="Note"
+          content={<WidgetDisclaimer widgetName={widgetName} />}
+          onAccept={onAccept}
+          buttonText="Continue"
+        />
+      </Stack>
+    )
+  }
+
+  return children
+}
+
+export const DisclaimerWrapper = madProps(_DisclaimerWrapper, {
+  getLocalStorage: () => useLocalStorage,
+})
diff --git a/apps/web/src/components/wrappers/FeatureWrapper/index.test.tsx b/apps/web/src/components/wrappers/FeatureWrapper/index.test.tsx
new file mode 100644
index 000000000..0cdcddcd7
--- /dev/null
+++ b/apps/web/src/components/wrappers/FeatureWrapper/index.test.tsx
@@ -0,0 +1,73 @@
+import { faker } from '@faker-js/faker'
+import type { NextRouter } from 'next/router'
+
+import { render } from '@/tests/test-utils'
+import { _FeatureWrapper } from '@/components/wrappers/FeatureWrapper'
+import type * as useChains from '@/hooks/useChains'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const mockRouter = {
+  replace: jest.fn(),
+} as jest.MockedObjectDeep<NextRouter>
+const mockUseHasFeature: jest.MockedFn<(typeof useChains)['useHasFeature']> = jest.fn()
+
+describe('FeatureWrapper', () => {
+  beforeEach(() => {
+    jest.resetAllMocks()
+
+    jest.spyOn(require('next/navigation'), 'useRouter').mockReturnValue(mockRouter)
+    jest.spyOn(require('@/hooks/useChains'), 'default').mockReturnValue(mockUseHasFeature)
+  })
+
+  it('should render the children if the feature is enabled', () => {
+    mockUseHasFeature.mockReturnValue(true)
+
+    const { queryByText } = render(
+      <_FeatureWrapper
+        feature={faker.helpers.objectValue(FEATURES)}
+        fallbackRoute="/test"
+        isFeatureEnabled={mockUseHasFeature}
+      >
+        <>Feature enabled</>
+      </_FeatureWrapper>,
+    )
+
+    expect(queryByText('Feature enabled')).toBeTruthy()
+    expect(mockRouter.replace).not.toHaveBeenCalled()
+  })
+
+  it('should replace the current route if the feature is disabled', () => {
+    const route = '/test'
+    mockUseHasFeature.mockReturnValue(false)
+
+    const { queryByText } = render(
+      <_FeatureWrapper
+        feature={faker.helpers.objectValue(FEATURES)}
+        fallbackRoute={route}
+        isFeatureEnabled={mockUseHasFeature}
+      >
+        <>Feature enabled</>
+      </_FeatureWrapper>,
+    )
+
+    expect(queryByText('Feature enabled')).toBeNull()
+    expect(mockRouter.replace).toHaveBeenCalledWith(route)
+  })
+
+  it('should not render anything if the enabled features are loading', () => {
+    mockUseHasFeature.mockReturnValue(undefined)
+
+    const { queryByText } = render(
+      <_FeatureWrapper
+        feature={faker.helpers.objectValue(FEATURES)}
+        fallbackRoute="/test"
+        isFeatureEnabled={mockUseHasFeature}
+      >
+        <>Feature enabled</>
+      </_FeatureWrapper>,
+    )
+
+    expect(queryByText('Feature enabled')).toBeNull()
+    expect(mockRouter.replace).not.toHaveBeenCalled()
+  })
+})
diff --git a/apps/web/src/components/wrappers/FeatureWrapper/index.tsx b/apps/web/src/components/wrappers/FeatureWrapper/index.tsx
new file mode 100644
index 000000000..9fb5da38e
--- /dev/null
+++ b/apps/web/src/components/wrappers/FeatureWrapper/index.tsx
@@ -0,0 +1,36 @@
+import type { ReactElement } from 'react'
+
+import { Navigate } from '@/components/common/Navigate'
+import { useHasFeature } from '@/hooks/useChains'
+import madProps from '@/utils/mad-props'
+
+import type { FEATURES } from '@safe-global/utils/utils/chains'
+
+// TODO: Use with swaps/staking
+export function _FeatureWrapper({
+  children,
+  feature,
+  fallbackRoute,
+  isFeatureEnabled,
+}: {
+  children: ReactElement
+  feature: FEATURES
+  fallbackRoute: string
+  isFeatureEnabled: typeof useHasFeature
+}): ReactElement | null {
+  const isEnabled = isFeatureEnabled(feature)
+
+  if (isEnabled === undefined) {
+    return null
+  }
+
+  if (isEnabled === false) {
+    return <Navigate to={fallbackRoute} replace />
+  }
+
+  return children
+}
+
+export const FeatureWrapper = madProps(_FeatureWrapper, {
+  isFeatureEnabled: () => useHasFeature,
+})
diff --git a/apps/web/src/components/wrappers/SanctionWrapper/index.test.tsx b/apps/web/src/components/wrappers/SanctionWrapper/index.test.tsx
new file mode 100644
index 000000000..655334a34
--- /dev/null
+++ b/apps/web/src/components/wrappers/SanctionWrapper/index.test.tsx
@@ -0,0 +1,109 @@
+import { faker } from '@faker-js/faker'
+
+import { render } from '@/tests/test-utils'
+import { _SanctionWrapper } from '@/components/wrappers/SanctionWrapper'
+import type { useGetIsSanctionedQuery } from '@/store/api/ofac'
+import type useSafeInfo from '@/hooks/useSafeInfo'
+import type useWallet from '@/hooks/wallets/useWallet'
+
+describe('SanctionWrapper', () => {
+  it('should render the children if neither the signer or Safe is sanctioned', () => {
+    const safe = faker.finance.ethereumAddress()
+    const wallet = faker.finance.ethereumAddress()
+
+    const getSafeInfo = (() => {
+      return { safeAddress: safe }
+    }) as typeof useSafeInfo
+
+    const getWallet = (() => {
+      return { address: wallet }
+    }) as typeof useWallet
+
+    const isSanctioned = (() => {
+      return { data: false }
+    }) as typeof useGetIsSanctionedQuery
+
+    const { queryByText } = render(
+      <_SanctionWrapper featureTitle="test" getSafeInfo={getSafeInfo} getWallet={getWallet} isSanctioned={isSanctioned}>
+        <>Not sanctioned</>
+      </_SanctionWrapper>,
+    )
+
+    expect(queryByText('Not sanctioned')).toBeTruthy()
+  })
+
+  it('should render the disclaimer if the signer is sanctioned', () => {
+    const safe = faker.finance.ethereumAddress()
+    const wallet = faker.finance.ethereumAddress()
+
+    const getSafeInfo = (() => {
+      return { safeAddress: safe }
+    }) as typeof useSafeInfo
+
+    const getWallet = (() => {
+      return { address: wallet }
+    }) as typeof useWallet
+
+    const isSanctioned = ((address: string) => {
+      return { data: address === wallet }
+    }) as typeof useGetIsSanctionedQuery
+
+    const { queryByText } = render(
+      <_SanctionWrapper featureTitle="test" getSafeInfo={getSafeInfo} getWallet={getWallet} isSanctioned={isSanctioned}>
+        <>Not sanctioned</>
+      </_SanctionWrapper>,
+    )
+
+    expect(queryByText('Not sanctioned')).toBeFalsy()
+  })
+
+  it('should render the disclaimer if the Safe is sanctioned', () => {
+    const safe = faker.finance.ethereumAddress()
+    const wallet = faker.finance.ethereumAddress()
+
+    const getSafeInfo = (() => {
+      return { safeAddress: safe }
+    }) as typeof useSafeInfo
+
+    const getWallet = (() => {
+      return { address: wallet }
+    }) as typeof useWallet
+
+    const isSanctioned = ((address: string) => {
+      return { data: address === safe }
+    }) as typeof useGetIsSanctionedQuery
+
+    const { queryByText } = render(
+      <_SanctionWrapper featureTitle="test" getSafeInfo={getSafeInfo} getWallet={getWallet} isSanctioned={isSanctioned}>
+        <>Not sanctioned</>
+      </_SanctionWrapper>,
+    )
+
+    expect(queryByText('Blocked address')).toBeTruthy()
+  })
+
+  it('should render if the sanction list is loading', () => {
+    const safe = faker.finance.ethereumAddress()
+    const wallet = faker.finance.ethereumAddress()
+
+    const getSafeInfo = (() => {
+      return { safeAddress: safe }
+    }) as typeof useSafeInfo
+
+    const getWallet = (() => {
+      return { address: wallet }
+    }) as typeof useWallet
+
+    const isSanctioned = (() => {
+      return { data: undefined }
+    }) as typeof useGetIsSanctionedQuery
+
+    const { queryByText } = render(
+      <_SanctionWrapper featureTitle="test" getSafeInfo={getSafeInfo} getWallet={getWallet} isSanctioned={isSanctioned}>
+        <>Not sanctioned</>
+      </_SanctionWrapper>,
+    )
+
+    expect(queryByText('Not sanctioned')).toBeTruthy()
+  })
+})
diff --git a/apps/web/src/components/wrappers/SanctionWrapper/index.tsx b/apps/web/src/components/wrappers/SanctionWrapper/index.tsx
new file mode 100644
index 000000000..12465eed4
--- /dev/null
+++ b/apps/web/src/components/wrappers/SanctionWrapper/index.tsx
@@ -0,0 +1,52 @@
+import { Stack } from '@mui/material'
+import { skipToken } from '@reduxjs/toolkit/query'
+import type { ReactElement } from 'react'
+
+import BlockedAddress from '@/components/common/BlockedAddress'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import useWallet from '@/hooks/wallets/useWallet'
+import { useGetIsSanctionedQuery } from '@/store/api/ofac'
+import { getKeyWithTrueValue } from '@/utils/helpers'
+import madProps from '@/utils/mad-props'
+
+// TODO: Use with swaps/staking
+export function _SanctionWrapper({
+  children,
+  featureTitle,
+  getSafeInfo,
+  getWallet,
+  isSanctioned,
+}: {
+  children: ReactElement
+  featureTitle: string
+  getSafeInfo: typeof useSafeInfo
+  getWallet: typeof useWallet
+  isSanctioned: typeof useGetIsSanctionedQuery
+}): ReactElement | null {
+  const { safeAddress } = getSafeInfo()
+  const wallet = getWallet()
+
+  const { data: isSafeAddressBlocked = false } = isSanctioned(safeAddress || skipToken)
+  const { data: isWalletAddressBlocked = false } = isSanctioned(wallet?.address || skipToken)
+
+  const blockedAddress = getKeyWithTrueValue({
+    [safeAddress]: !!isSafeAddressBlocked,
+    [wallet?.address || '']: !!isWalletAddressBlocked,
+  })
+
+  if (blockedAddress) {
+    return (
+      <Stack direction="column" alignItems="center" justifyContent="center" flex={1}>
+        <BlockedAddress address={blockedAddress} featureTitle={featureTitle} />
+      </Stack>
+    )
+  }
+
+  return children
+}
+
+export const SanctionWrapper = madProps(_SanctionWrapper, {
+  getWallet: () => useWallet,
+  getSafeInfo: () => useSafeInfo,
+  isSanctioned: () => useGetIsSanctionedQuery,
+})
diff --git a/apps/web/src/config/chains.ts b/apps/web/src/config/chains.ts
new file mode 100644
index 000000000..05243aaad
--- /dev/null
+++ b/apps/web/src/config/chains.ts
@@ -0,0 +1,20 @@
+import { networks } from '@safe-global/protocol-kit/dist/src/utils/eip-3770/config'
+
+/**
+ * A static shortName<->chainId dictionary
+ * E.g.:
+ *
+ * {
+ *   eth: '1',
+ *   gor: '5',
+ *   ...
+ * }
+ */
+type Chains = Record<string, string>
+
+const chains = networks.reduce<Chains>((result, { shortName, chainId }) => {
+  result[shortName] = chainId.toString()
+  return result
+}, {})
+
+export default chains
diff --git a/apps/web/src/config/constants.ts b/apps/web/src/config/constants.ts
new file mode 100644
index 000000000..da0253d8a
--- /dev/null
+++ b/apps/web/src/config/constants.ts
@@ -0,0 +1,99 @@
+import chains from './chains'
+
+export const IS_PRODUCTION = process.env.NEXT_PUBLIC_IS_PRODUCTION === 'true'
+export const IS_DEV = process.env.NODE_ENV === 'development'
+
+// default chain ID's as provided to the environment
+export const DEFAULT_TESTNET_CHAIN_ID = +(process.env.NEXT_PUBLIC_DEFAULT_TESTNET_CHAIN_ID ?? chains.rsk)
+export const DEFAULT_MAINNET_CHAIN_ID = +(process.env.NEXT_PUBLIC_DEFAULT_MAINNET_CHAIN_ID ?? chains.rsk)
+
+// default chain ID used in the application
+export const DEFAULT_CHAIN_ID = IS_PRODUCTION ? DEFAULT_MAINNET_CHAIN_ID : DEFAULT_TESTNET_CHAIN_ID
+
+export const GATEWAY_URL_PRODUCTION =
+  process.env.NEXT_PUBLIC_GATEWAY_URL_PRODUCTION || 'https://gateway.staging.safe.rootstock.io'
+export const GATEWAY_URL_STAGING =
+  process.env.NEXT_PUBLIC_GATEWAY_URL_STAGING || 'https://gateway.staging.safe.rootstock.io'
+
+// Magic numbers
+export const POLLING_INTERVAL = 15_000
+export const BASE_TX_GAS = 21_000
+export const LS_NAMESPACE = 'SAFE_v2__'
+
+export const SENTRY_DSN = process.env.NEXT_PUBLIC_SENTRY_DSN || ''
+export const BEAMER_ID = process.env.NEXT_PUBLIC_BEAMER_ID || ''
+export const DATADOG_CLIENT_TOKEN = process.env.NEXT_PUBLIC_DATADOG_CLIENT_TOKEN || ''
+
+// Wallets
+export const WC_PROJECT_ID = process.env.NEXT_PUBLIC_WC_PROJECT_ID || ''
+export const TREZOR_APP_URL = 'app.safe.global'
+export const TREZOR_EMAIL = 'support@safe.global'
+
+// Safe Token
+export const SAFE_TOKEN_ADDRESSES: { [chainId: string]: string } = {
+  [chains.eth]: '0x5aFE3855358E112B5647B952709E6165e1c1eEEe',
+  [chains.sep]: '0xd16d9C09d13E9Cf77615771eADC5d51a1Ae92a26',
+}
+
+export const SAFE_LOCKING_ADDRESS: { [chainId: string]: string } = {
+  [chains.eth]: '0x0a7CB434f96f65972D46A5c1A64a9654dC9959b2',
+  [chains.sep]: '0xb161ccb96b9b817F9bDf0048F212725128779DE9',
+}
+
+export const SAFE_APPS_THIRD_PARTY_COOKIES_CHECK_URL = 'https://third-party-cookies-check.gnosis-safe.com'
+export const SAFE_APPS_DEMO_SAFE_MAINNET = 'eth:0xfF501B324DC6d78dC9F983f140B9211c3EdB4dc7'
+export const SAFE_APPS_SDK_DOCS_URL =
+  'https://help.safe.global/en/articles/145503-how-to-create-a-safe-app-with-safe-apps-sdk-and-list-it'
+
+// Google Analytics
+export const PROD_GA_TRACKING_ID = process.env.NEXT_PUBLIC_PROD_GA_TRACKING_ID || ''
+export const TEST_GA_TRACKING_ID = process.env.NEXT_PUBLIC_TEST_GA_TRACKING_ID || ''
+export const SAFE_APPS_GA_TRACKING_ID = process.env.NEXT_PUBLIC_SAFE_APPS_GA_TRACKING_ID || ''
+export const GA_TRACKING_ID = IS_PRODUCTION ? PROD_GA_TRACKING_ID : TEST_GA_TRACKING_ID
+
+// MixPanel
+export const MIXPANEL_TOKEN = process.env.NEXT_PUBLIC_MIXPANEL_TOKEN || ''
+
+// Safe Apps tags
+export enum SafeAppsTag {
+  NFT = 'nft',
+  TX_BUILDER = 'transaction-builder',
+  SAFE_GOVERNANCE_APP = 'safe-governance-app',
+  ONRAMP = 'onramp',
+  RECOVERY_SYGNUM = 'recovery-sygnum',
+  SWAP_FALLBACK = 'swap-fallback',
+}
+
+export const HELP_CENTER_URL = 'https://safe-support.protofire.io'
+
+// Safe Apps names
+export enum SafeAppsName {
+  CSV = 'CSV Airdrop',
+}
+//Feedback
+export const NEW_SUGGESTION_FORM = 'https://safe-feature-request.protofire.io'
+export const RECOVERY_FEEDBACK_FORM =
+  'https://noteforms.com/forms/safe-feedback-form-hk16ds?notionforms=1&utm_source=notionforms'
+
+// Legal
+export const IS_OFFICIAL_HOST = process.env.NEXT_PUBLIC_IS_OFFICIAL_HOST === 'true'
+export const OFFICIAL_HOSTS = /app\.safe\.global|.+\.5afe\.dev|localhost:3000/
+export const IPFS_HOSTS = /\.ipfs\.dweb\.link|\.ipfs\.w3s\.link|\.ipfs\.inbrowser\.link/
+export const BRAND_NAME = process.env.NEXT_PUBLIC_BRAND_NAME || (IS_OFFICIAL_HOST ? 'Safe{Wallet}' : 'Wallet fork')
+export const BRAND_LOGO = process.env.NEXT_PUBLIC_BRAND_LOGO || ''
+
+export const REDEFINE_ARTICLE = 'https://safe.mirror.xyz/rInLWZwD_sf7enjoFerj6FIzCYmVMGrrV8Nhg4THdwI'
+
+export const CHAINALYSIS_OFAC_CONTRACT = '0x40c57923924b5c5c5455c48d93317139addac8fb'
+
+export const SAFE_PASS_URL = 'community.safe.global'
+export const ECOSYSTEM_ID_ADDRESS =
+  process.env.NEXT_PUBLIC_ECOSYSTEM_ID_ADDRESS || '0x0000000000000000000000000000000000000000'
+export const MULTICHAIN_HELP_ARTICLE = `${HELP_CENTER_URL}/en/articles/222612-multi-chain-safe`
+
+export const TERMS_LINK =
+  process.env.NEXT_PUBLIC_TERMS_LINK ||
+  'https://raw.githubusercontent.com/protofire/safe-legal/refs/heads/main/terms.md'
+export const COOKIE_LINK =
+  process.env.NEXT_PUBLIC_COOKIE_LINK ||
+  'https://raw.githubusercontent.com/protofire/safe-legal/refs/heads/main/cookie.md'
diff --git a/apps/web/src/config/gateway.ts b/apps/web/src/config/gateway.ts
new file mode 100644
index 000000000..0f678a986
--- /dev/null
+++ b/apps/web/src/config/gateway.ts
@@ -0,0 +1,6 @@
+import { GATEWAY_URL_PRODUCTION, GATEWAY_URL_STAGING, IS_PRODUCTION } from '@/config/constants'
+import { localItem } from '@/services/local-storage/local'
+
+export const LS_KEY = 'debugProdCgw'
+export const cgwDebugStorage = localItem<boolean>(LS_KEY)
+export const GATEWAY_URL = IS_PRODUCTION || cgwDebugStorage.get() ? GATEWAY_URL_PRODUCTION : GATEWAY_URL_STAGING
diff --git a/src/config/routes.ts b/apps/web/src/config/routes.ts
similarity index 80%
rename from src/config/routes.ts
rename to apps/web/src/config/routes.ts
index 11c78d471..01932a786 100644
--- a/src/config/routes.ts
+++ b/apps/web/src/config/routes.ts
@@ -1,15 +1,19 @@
 export const AppRoutes = {
-  '404': '/404',
   '403': '/403',
+  '404': '/404',
   wc: '/wc',
+  userSettings: '/user-settings',
   terms: '/terms',
   swap: '/swap',
+  stake: '/stake',
   privacy: '/privacy',
   licenses: '/licenses',
   index: '/',
   imprint: '/imprint',
   home: '/home',
+  earn: '/earn',
   cookie: '/cookie',
+  bridge: '/bridge',
   addressBook: '/address-book',
   addOwner: '/addOwner',
   _offline: '/_offline',
@@ -26,6 +30,7 @@ export const AppRoutes = {
   newSafe: {
     load: '/new-safe/load',
     create: '/new-safe/create',
+    advancedCreate: '/new-safe/advanced-create',
   },
   settings: {
     setup: '/settings/setup',
@@ -44,15 +49,22 @@ export const AppRoutes = {
   share: {
     safeApp: '/share/safe-app',
   },
+  spaces: {
+    settings: '/spaces/settings',
+    safeAccounts: '/spaces/safe-accounts',
+    members: '/spaces/members',
+    index: '/spaces',
+  },
   transactions: {
     tx: '/transactions/tx',
-    msg: '/transactions/msg',
     queue: '/transactions/queue',
+    msg: '/transactions/msg',
     messages: '/transactions/messages',
     index: '/transactions',
     history: '/transactions/history',
   },
   welcome: {
+    spaces: '/welcome/spaces',
     index: '/welcome',
     accounts: '/welcome/accounts',
   },
diff --git a/apps/web/src/config/securityHeaders.ts b/apps/web/src/config/securityHeaders.ts
new file mode 100644
index 000000000..fcb9cb5a4
--- /dev/null
+++ b/apps/web/src/config/securityHeaders.ts
@@ -0,0 +1,30 @@
+import { IS_PRODUCTION } from './constants'
+
+const isCypress = Boolean(typeof window !== 'undefined' && window.Cypress)
+
+/**
+ * CSP Header notes:
+ * For safe apps we have to allow img-src * and frame-src *
+ * connect-src * because the RPCs are configurable (config service)
+ * style-src unsafe-inline for our styled components
+ * script-src unsafe-eval is needed by next.js in dev mode, otherwise only self
+ * frame-ancestors can not be set via meta tag
+ */
+export const ContentSecurityPolicy = `
+ default-src 'self';
+ connect-src 'self' *;
+ script-src 'self' 'unsafe-inline' https://*.getbeamer.com https://www.googletagmanager.com https://*.ingest.sentry.io https://sentry.io ${
+   !IS_PRODUCTION || isCypress
+     ? "'unsafe-eval'" // Dev server and cypress need unsafe-eval
+     : "'wasm-unsafe-eval'"
+ };
+ frame-src http: https:;
+ style-src 'self' 'unsafe-inline' https://*.getbeamer.com https://*.googleapis.com;
+ font-src 'self' data:;
+ worker-src 'self' blob:;
+ img-src * data:;
+`
+  .replace(/\s{2,}/g, ' ')
+  .trim()
+
+export const StrictTransportSecurity = 'max-age=31536000; includeSubDomains'
diff --git a/src/definitions.d.ts b/apps/web/src/definitions.d.ts
similarity index 100%
rename from src/definitions.d.ts
rename to apps/web/src/definitions.d.ts
diff --git a/apps/web/src/features/bridge/components/Bridge/index.tsx b/apps/web/src/features/bridge/components/Bridge/index.tsx
new file mode 100644
index 000000000..d8c0b2115
--- /dev/null
+++ b/apps/web/src/features/bridge/components/Bridge/index.tsx
@@ -0,0 +1,28 @@
+import dynamic from 'next/dynamic'
+
+import { AppRoutes } from '@/config/routes'
+import { FeatureWrapper } from '@/components/wrappers/FeatureWrapper'
+import { SanctionWrapper } from '@/components/wrappers/SanctionWrapper'
+import { DisclaimerWrapper } from '@/components/wrappers/DisclaimerWrapper'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const LOCAL_STORAGE_CONSENT_KEY = 'bridgeConsent'
+
+const BridgeWidget = dynamic(
+  () => import('@/features/bridge/components/BridgeWidget').then((module) => module.BridgeWidget),
+  {
+    ssr: false,
+  },
+)
+
+export function Bridge() {
+  return (
+    <FeatureWrapper feature={FEATURES.BRIDGE} fallbackRoute={AppRoutes.home}>
+      <SanctionWrapper featureTitle="bridge feature with LI.FI">
+        <DisclaimerWrapper localStorageKey={LOCAL_STORAGE_CONSENT_KEY} widgetName="Bridging Widget by LI.FI">
+          <BridgeWidget />
+        </DisclaimerWrapper>
+      </SanctionWrapper>
+    </FeatureWrapper>
+  )
+}
diff --git a/apps/web/src/features/bridge/components/BridgeWidget/index.test.tsx b/apps/web/src/features/bridge/components/BridgeWidget/index.test.tsx
new file mode 100644
index 000000000..eeddd8c8a
--- /dev/null
+++ b/apps/web/src/features/bridge/components/BridgeWidget/index.test.tsx
@@ -0,0 +1,50 @@
+import { _getAppData } from '@/features/bridge/components/BridgeWidget'
+import { chainBuilder } from '@/tests/builders/chains'
+
+describe('BridgeWidget', () => {
+  describe('getAppData', () => {
+    it('should return the correct SafeAppDataWithPermissions', () => {
+      const chain = chainBuilder().build()
+      const result = _getAppData(false, chain)
+
+      expect(result).toStrictEqual({
+        accessControl: {
+          type: 'NO_RESTRICTIONS',
+        },
+        chainIds: [chain.chainId],
+        description: '',
+        developerWebsite: '',
+        features: [],
+        iconUrl: '/images/common/safe-bridge.svg',
+        id: expect.any(Number),
+        name: 'Bridge',
+        safeAppsPermissions: [],
+        socialProfiles: [],
+        tags: [],
+        url: `https://iframe.jumper.exchange/bridge?fromChain=${chain.chainId}&theme=light`,
+      })
+    })
+
+    it('should return the correct SafeAppDataWithPermissions with dark mode', () => {
+      const chain = chainBuilder().build()
+      const result = _getAppData(true, chain)
+
+      expect(result).toStrictEqual({
+        accessControl: {
+          type: 'NO_RESTRICTIONS',
+        },
+        chainIds: [chain.chainId],
+        description: '',
+        developerWebsite: '',
+        features: [],
+        iconUrl: '/images/common/safe-bridge-dark.svg',
+        id: expect.any(Number),
+        name: 'Bridge',
+        safeAppsPermissions: [],
+        socialProfiles: [],
+        tags: [],
+        url: `https://iframe.jumper.exchange/bridge?fromChain=${chain.chainId}&theme=dark`,
+      })
+    })
+  })
+})
diff --git a/apps/web/src/features/bridge/components/BridgeWidget/index.tsx b/apps/web/src/features/bridge/components/BridgeWidget/index.tsx
new file mode 100644
index 000000000..253e0ed03
--- /dev/null
+++ b/apps/web/src/features/bridge/components/BridgeWidget/index.tsx
@@ -0,0 +1,52 @@
+import { useMemo } from 'react'
+import type { ReactElement } from 'react'
+
+import AppFrame from '@/components/safe-apps/AppFrame'
+import { getEmptySafeApp } from '@/components/safe-apps/utils'
+import { useCurrentChain } from '@/hooks/useChains'
+import { useDarkMode } from '@/hooks/useDarkMode'
+import type { SafeAppDataWithPermissions } from '@/components/safe-apps/types'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { FEATURES, hasFeature } from '@safe-global/utils/utils/chains'
+
+export const BRIDGE_WIDGET_URL = 'https://iframe.jumper.exchange/bridge'
+
+export function BridgeWidget(): ReactElement | null {
+  const isDarkMode = useDarkMode()
+  const chain = useCurrentChain()
+
+  const appData = useMemo((): SafeAppDataWithPermissions | null => {
+    if (!chain || !hasFeature(chain, FEATURES.BRIDGE)) {
+      return null
+    }
+    return _getAppData(isDarkMode, chain)
+  }, [chain, isDarkMode])
+
+  if (!appData) {
+    return null
+  }
+
+  return (
+    <AppFrame
+      appUrl={appData.url}
+      allowedFeaturesList="clipboard-read; clipboard-write"
+      safeAppFromManifest={appData}
+      isNativeEmbed
+    />
+  )
+}
+
+export function _getAppData(isDarkMode: boolean, chain: ChainInfo): SafeAppDataWithPermissions {
+  const theme = isDarkMode ? 'dark' : 'light'
+  const appUrl = new URL(BRIDGE_WIDGET_URL)
+  appUrl.searchParams.set('fromChain', chain.chainId)
+  appUrl.searchParams.set('theme', theme)
+
+  return {
+    ...getEmptySafeApp(),
+    name: 'Bridge',
+    iconUrl: isDarkMode ? '/images/common/safe-bridge-dark.svg' : '/images/common/safe-bridge.svg',
+    chainIds: [chain.chainId],
+    url: appUrl.toString(),
+  }
+}
diff --git a/apps/web/src/features/bridge/hooks/useIsBridgeFeatureEnabled.ts b/apps/web/src/features/bridge/hooks/useIsBridgeFeatureEnabled.ts
new file mode 100644
index 000000000..a85715e1d
--- /dev/null
+++ b/apps/web/src/features/bridge/hooks/useIsBridgeFeatureEnabled.ts
@@ -0,0 +1,7 @@
+import { useIsGeoblockedFeatureEnabled } from '@/hooks/useIsGeoblockedFeatureEnabled'
+
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+export function useIsBridgeFeatureEnabled() {
+  return useIsGeoblockedFeatureEnabled(FEATURES.BRIDGE)
+}
diff --git a/apps/web/src/features/counterfactual/ActivateAccountButton.tsx b/apps/web/src/features/counterfactual/ActivateAccountButton.tsx
new file mode 100644
index 000000000..b42a58ab4
--- /dev/null
+++ b/apps/web/src/features/counterfactual/ActivateAccountButton.tsx
@@ -0,0 +1,58 @@
+import { OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
+import dynamic from 'next/dynamic'
+import React, { useContext } from 'react'
+import { Button, CircularProgress, Tooltip, Typography } from '@mui/material'
+import { TxModalContext } from '@/components/tx-flow'
+import { selectUndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useAppSelector } from '@/store'
+import CheckWallet from '@/components/common/CheckWallet'
+import { PendingSafeStatus } from '@safe-global/utils/features/counterfactual/store/types'
+
+const ActivateAccountFlow = dynamic(() => import('./ActivateAccountFlow'))
+
+const ActivateAccountButton = () => {
+  const { safe, safeAddress } = useSafeInfo()
+  const undeployedSafe = useAppSelector((state) => selectUndeployedSafe(state, safe.chainId, safeAddress))
+  const { setTxFlow } = useContext(TxModalContext)
+
+  const isProcessing = undeployedSafe?.status.status !== PendingSafeStatus.AWAITING_EXECUTION
+
+  const activateAccount = () => {
+    trackEvent({ ...OVERVIEW_EVENTS.CHOOSE_TRANSACTION_TYPE, label: 'activate_now' })
+    setTxFlow(<ActivateAccountFlow />)
+  }
+
+  return (
+    <Tooltip title={isProcessing ? 'The safe activation is already in process' : undefined}>
+      <span>
+        <CheckWallet allowNonOwner allowUndeployedSafe>
+          {(isOk) => (
+            <Button
+              data-testid="activate-account-btn-cf"
+              variant="contained"
+              size="small"
+              fullWidth
+              onClick={activateAccount}
+              disabled={isProcessing || !isOk}
+              sx={{ minHeight: '40px' }}
+            >
+              {isProcessing ? (
+                <>
+                  <Typography variant="body2" component="span" mr={1}>
+                    Processing
+                  </Typography>
+                  <CircularProgress size={16} />
+                </>
+              ) : (
+                'Activate now'
+              )}
+            </Button>
+          )}
+        </CheckWallet>
+      </span>
+    </Tooltip>
+  )
+}
+
+export default ActivateAccountButton
diff --git a/apps/web/src/features/counterfactual/ActivateAccountFlow.tsx b/apps/web/src/features/counterfactual/ActivateAccountFlow.tsx
new file mode 100644
index 000000000..a1ca763ee
--- /dev/null
+++ b/apps/web/src/features/counterfactual/ActivateAccountFlow.tsx
@@ -0,0 +1,234 @@
+import { createNewSafe, relaySafeCreation } from '@/components/new-safe/create/logic'
+import { NetworkFee, SafeSetupOverview } from '@/components/new-safe/create/steps/ReviewStep'
+import ReviewRow from '@/components/new-safe/ReviewRow'
+import { TxModalContext } from '@/components/tx-flow'
+import TxCard from '@/components/tx-flow/common/TxCard'
+import TxLayout from '@/components/tx-flow/common/TxLayout'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import { ExecutionMethod, ExecutionMethodSelector } from '@/components/tx/ExecutionMethodSelector'
+import { safeCreationDispatch, SafeCreationEvent } from '@/features/counterfactual/services/safeCreationEvents'
+import { selectUndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
+import { CF_TX_GROUP_KEY, extractCounterfactualSafeSetup, isPredictedSafeProps } from '@/features/counterfactual/utils'
+import useChainId from '@/hooks/useChainId'
+import { useCurrentChain } from '@/hooks/useChains'
+import useGasPrice, { getTotalFeeFormatted } from '@/hooks/useGasPrice'
+import { useLeastRemainingRelays } from '@/hooks/useRemainingRelays'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import useWalletCanPay from '@/hooks/useWalletCanPay'
+import useWallet from '@/hooks/wallets/useWallet'
+import { OVERVIEW_EVENTS, trackEvent, WALLET_EVENTS } from '@/services/analytics'
+import { TX_EVENTS, TX_TYPES } from '@/services/analytics/events/transactions'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { useAppSelector } from '@/store'
+import { hasRemainingRelays } from '@/utils/relaying'
+import { Box, Button, CircularProgress, Divider, Grid, Typography } from '@mui/material'
+import React, { useContext, useMemo, useState } from 'react'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { useEstimateSafeCreationGas } from '@/components/new-safe/create/useEstimateSafeCreationGas'
+import useIsWrongChain from '@/hooks/useIsWrongChain'
+import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
+import CheckWallet from '@/components/common/CheckWallet'
+import { getSafeToL2SetupDeployment } from '@safe-global/safe-deployments'
+import { FEATURES, hasFeature } from '@safe-global/utils/utils/chains'
+import type { UndeployedSafe } from '@safe-global/utils/features/counterfactual/store/types'
+import type { TransactionOptions } from '@safe-global/types-kit'
+
+const useActivateAccount = (undeployedSafe: UndeployedSafe | undefined) => {
+  const chain = useCurrentChain()
+  const [gasPrice] = useGasPrice()
+  const safeVersion =
+    undeployedSafe &&
+    (isPredictedSafeProps(undeployedSafe?.props)
+      ? undeployedSafe?.props.safeDeploymentConfig?.safeVersion
+      : undeployedSafe?.props.safeVersion)
+
+  const { gasLimit } = useEstimateSafeCreationGas(undeployedSafe?.props, safeVersion)
+
+  const isEIP1559 = chain && hasFeature(chain, FEATURES.EIP1559)
+  const maxFeePerGas = gasPrice?.maxFeePerGas
+  const maxPriorityFeePerGas = gasPrice?.maxPriorityFeePerGas
+
+  const options: TransactionOptions = isEIP1559
+    ? {
+        maxFeePerGas: maxFeePerGas?.toString(),
+        maxPriorityFeePerGas: maxPriorityFeePerGas?.toString(),
+        gasLimit: gasLimit?.toString(),
+      }
+    : { gasPrice: maxFeePerGas?.toString(), gasLimit: gasLimit?.toString() }
+
+  const totalFee = getTotalFeeFormatted(maxFeePerGas, gasLimit, chain)
+  const walletCanPay = useWalletCanPay({ gasLimit, maxFeePerGas })
+
+  return { options, totalFee, walletCanPay }
+}
+
+const ActivateAccountFlow = () => {
+  const [isSubmittable, setIsSubmittable] = useState<boolean>(true)
+  const [submitError, setSubmitError] = useState<Error | undefined>()
+  const [executionMethod, setExecutionMethod] = useState(ExecutionMethod.RELAY)
+
+  const chain = useCurrentChain()
+  const chainId = useChainId()
+  const { safeAddress } = useSafeInfo()
+  const undeployedSafe = useAppSelector((state) => selectUndeployedSafe(state, chainId, safeAddress))
+  const { setTxFlow } = useContext(TxModalContext)
+  const wallet = useWallet()
+  const { options, totalFee, walletCanPay } = useActivateAccount(undeployedSafe)
+  const isWrongChain = useIsWrongChain()
+
+  const undeployedSafeSetup = useMemo(
+    () => extractCounterfactualSafeSetup(undeployedSafe, chainId),
+    [undeployedSafe, chainId],
+  )
+
+  const safeAccountConfig =
+    undeployedSafe && isPredictedSafeProps(undeployedSafe?.props) ? undeployedSafe?.props.safeAccountConfig : undefined
+
+  const ownerAddresses = undeployedSafeSetup?.owners || []
+  const [minRelays] = useLeastRemainingRelays(ownerAddresses)
+
+  // Every owner has remaining relays and relay method is selected
+  const canRelay = hasRemainingRelays(minRelays)
+  const willRelay = canRelay && executionMethod === ExecutionMethod.RELAY
+
+  if (!undeployedSafe || !undeployedSafeSetup) return null
+
+  const { owners, threshold } = undeployedSafeSetup
+
+  const safeToL2SetupDeployment = getSafeToL2SetupDeployment({ version: '1.4.1', network: chain?.chainId })
+  const safeToL2SetupAddress = safeToL2SetupDeployment?.defaultAddress
+  const isMultichainSafe = sameAddress(safeAccountConfig?.to, safeToL2SetupAddress)
+
+  const onSubmit = (txHash?: string) => {
+    trackEvent({ ...TX_EVENTS.CREATE, label: TX_TYPES.activate_without_tx })
+    trackEvent({ ...TX_EVENTS.EXECUTE, label: TX_TYPES.activate_without_tx })
+    trackEvent(WALLET_EVENTS.ONCHAIN_INTERACTION)
+
+    if (txHash) {
+      safeCreationDispatch(SafeCreationEvent.PROCESSING, { groupKey: CF_TX_GROUP_KEY, txHash, safeAddress })
+    }
+    setTxFlow(undefined)
+  }
+
+  const createSafe = async () => {
+    if (!wallet || !chain) return
+
+    trackEvent({ ...OVERVIEW_EVENTS.PROCEED_WITH_TX, label: TX_TYPES.activate_without_tx })
+
+    setIsSubmittable(false)
+    setSubmitError(undefined)
+
+    try {
+      if (willRelay) {
+        const taskId = await relaySafeCreation(chain, undeployedSafe.props)
+        safeCreationDispatch(SafeCreationEvent.RELAYING, { groupKey: CF_TX_GROUP_KEY, taskId, safeAddress })
+
+        onSubmit()
+      } else {
+        await createNewSafe(
+          wallet.provider,
+          undeployedSafe.props,
+          chain,
+          options,
+          onSubmit,
+          isMultichainSafe ? true : undefined,
+        )
+      }
+    } catch (_err) {
+      const err = asError(_err)
+      setIsSubmittable(true)
+      setSubmitError(err)
+      return
+    }
+  }
+
+  const submitDisabled = !isSubmittable || isWrongChain
+
+  return (
+    <TxLayout title="Activate account" hideNonce>
+      <TxCard>
+        <Typography>
+          You&apos;re about to deploy this Safe Account and will have to confirm the transaction with your connected
+          wallet.
+        </Typography>
+
+        <Divider sx={{ mx: -3, my: 2 }} />
+
+        <SafeSetupOverview
+          owners={owners.map((owner) => ({ name: '', address: owner }))}
+          threshold={threshold}
+          networks={chain ? [chain] : []}
+        />
+
+        <Divider sx={{ mx: -3, mt: 2, mb: 1 }} />
+        <Box display="flex" flexDirection="column" gap={3}>
+          {canRelay && (
+            <Grid container spacing={3}>
+              <ReviewRow
+                name="Execution method"
+                value={
+                  <ExecutionMethodSelector
+                    executionMethod={executionMethod}
+                    setExecutionMethod={setExecutionMethod}
+                    relays={minRelays}
+                  />
+                }
+              />
+            </Grid>
+          )}
+
+          <Grid data-testid="network-fee-section" container spacing={3}>
+            <ReviewRow
+              name="Est. network fee"
+              value={
+                <>
+                  <NetworkFee totalFee={totalFee} isWaived={willRelay || isWrongChain} chain={chain} />
+
+                  {!willRelay && (
+                    <Typography variant="body2" color="text.secondary" mt={1}>
+                      {isWrongChain
+                        ? `Switch your connected wallet to ${chain?.chainName} to see the correct estimated network fee`
+                        : 'You will have to confirm a transaction with your connected wallet.'}
+                    </Typography>
+                  )}
+                </>
+              }
+            />
+          </Grid>
+
+          {submitError && (
+            <Box mt={1}>
+              <ErrorMessage error={submitError}>Error submitting the transaction. Please try again.</ErrorMessage>
+            </Box>
+          )}
+          {isWrongChain && <NetworkWarning />}
+          {!walletCanPay && !willRelay && (
+            <ErrorMessage>
+              Your connected wallet doesn&apos;t have enough funds to execute this transaction
+            </ErrorMessage>
+          )}
+        </Box>
+
+        <Divider sx={{ mx: -3, mt: 2, mb: 1 }} />
+
+        <Box display="flex" flexDirection="row" justifyContent="flex-end" gap={3}>
+          <CheckWallet checkNetwork={!submitDisabled} allowNonOwner allowUndeployedSafe>
+            {(isOk) => (
+              <Button
+                data-testid="activate-account-flow-btn"
+                onClick={createSafe}
+                variant="contained"
+                size="stretched"
+                disabled={!isOk || submitDisabled}
+              >
+                {!isSubmittable ? <CircularProgress size={20} /> : 'Activate'}
+              </Button>
+            )}
+          </CheckWallet>
+        </Box>
+      </TxCard>
+    </TxLayout>
+  )
+}
+
+export default ActivateAccountFlow
diff --git a/src/features/counterfactual/CheckBalance.tsx b/apps/web/src/features/counterfactual/CheckBalance.tsx
similarity index 95%
rename from src/features/counterfactual/CheckBalance.tsx
rename to apps/web/src/features/counterfactual/CheckBalance.tsx
index 6424ea57e..708db2c0c 100644
--- a/src/features/counterfactual/CheckBalance.tsx
+++ b/apps/web/src/features/counterfactual/CheckBalance.tsx
@@ -4,7 +4,7 @@ import Track from '@/components/common/Track'
 import { useCurrentChain } from '@/hooks/useChains'
 import useSafeInfo from '@/hooks/useSafeInfo'
 import { COUNTERFACTUAL_EVENTS } from '@/services/analytics/events/counterfactual'
-import { getBlockExplorerLink } from '@/utils/chains'
+import { getBlockExplorerLink } from '@safe-global/utils/utils/chains'
 import { Alert, Typography } from '@mui/material'
 
 const CheckBalance = () => {
diff --git a/src/features/counterfactual/CounterfactualForm.tsx b/apps/web/src/features/counterfactual/CounterfactualForm.tsx
similarity index 91%
rename from src/features/counterfactual/CounterfactualForm.tsx
rename to apps/web/src/features/counterfactual/CounterfactualForm.tsx
index cf20d005e..de6b7564e 100644
--- a/src/features/counterfactual/CounterfactualForm.tsx
+++ b/apps/web/src/features/counterfactual/CounterfactualForm.tsx
@@ -1,15 +1,12 @@
 import { TxModalContext } from '@/components/tx-flow'
 import useDeployGasLimit from '@/features/counterfactual/hooks/useDeployGasLimit'
 import { deploySafeAndExecuteTx } from '@/features/counterfactual/utils'
-import useChainId from '@/hooks/useChainId'
 import { getTotalFeeFormatted } from '@/hooks/useGasPrice'
 import useSafeInfo from '@/hooks/useSafeInfo'
 import useWalletCanPay from '@/hooks/useWalletCanPay'
-import useOnboard from '@/hooks/wallets/useOnboard'
 import useWallet from '@/hooks/wallets/useWallet'
 import { OVERVIEW_EVENTS, trackEvent, WALLET_EVENTS } from '@/services/analytics'
 import { TX_EVENTS, TX_TYPES } from '@/services/analytics/events/transactions'
-import { assertWalletChain } from '@/services/tx/tx-sender/sdk'
 import madProps from '@/utils/mad-props'
 import React, { type ReactElement, type SyntheticEvent, useContext, useState } from 'react'
 import { CircularProgress, Box, Button, CardActions, Divider, Alert } from '@mui/material'
@@ -21,12 +18,11 @@ import { useCurrentChain } from '@/hooks/useChains'
 import { getTxOptions } from '@/utils/transactions'
 import CheckWallet from '@/components/common/CheckWallet'
 import { useIsExecutionLoop } from '@/components/tx/SignOrExecuteForm/hooks'
-import type { SignOrExecuteProps } from '@/components/tx/SignOrExecuteForm'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import type { SignOrExecuteProps } from '@/components/tx/SignOrExecuteForm/SignOrExecuteFormV2'
+import type { SafeTransaction } from '@safe-global/types-kit'
 import AdvancedParams, { useAdvancedParams } from '@/components/tx/AdvancedParams'
-import { asError } from '@/services/exceptions/utils'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
 
-import css from '@/components/tx/SignOrExecuteForm/styles.module.css'
 import commonCss from '@/components/tx-flow/common/styles.module.css'
 import { TxSecurityContext } from '@/components/tx/security/shared/TxSecurityContext'
 import useIsSafeOwner from '@/hooks/useIsSafeOwner'
@@ -46,11 +42,10 @@ export const CounterfactualForm = ({
   isExecutionLoop: ReturnType<typeof useIsExecutionLoop>
   txSecurity: ReturnType<typeof useTxSecurityContext>
   safeTx?: SafeTransaction
+  isCreation?: boolean
 }): ReactElement => {
   const wallet = useWallet()
-  const onboard = useOnboard()
   const chain = useCurrentChain()
-  const chainId = useChainId()
   const { safeAddress } = useSafeInfo()
 
   // Form state
@@ -84,7 +79,6 @@ export const CounterfactualForm = ({
     try {
       trackEvent({ ...OVERVIEW_EVENTS.PROCEED_WITH_TX, label: TX_TYPES.activate_with_tx })
 
-      onboard && (await assertWalletChain(onboard, chainId))
       await deploySafeAndExecuteTx(txOptions, wallet, safeAddress, safeTx, wallet?.provider)
 
       trackEvent({ ...TX_EVENTS.CREATE, label: TX_TYPES.activate_with_tx })
@@ -104,7 +98,6 @@ export const CounterfactualForm = ({
   const walletCanPay = useWalletCanPay({
     gasLimit: gasLimit?.totalGas,
     maxFeePerGas: advancedParams.maxFeePerGas,
-    maxPriorityFeePerGas: advancedParams.maxPriorityFeePerGas,
   })
 
   const cannotPropose = !isOwner && !onlyExecute
@@ -140,7 +133,7 @@ export const CounterfactualForm = ({
           </ul>
         </Alert>
 
-        <div className={classNames(css.params)}>
+        <div className={classNames(commonCss.params)}>
           <AdvancedParams
             willExecute
             params={advancedParams}
@@ -179,7 +172,7 @@ export const CounterfactualForm = ({
 
         <CardActions>
           {/* Submit button */}
-          <CheckWallet allowNonOwner={onlyExecute}>
+          <CheckWallet allowNonOwner={onlyExecute} checkNetwork={!submitDisabled}>
             {(isOk) => (
               <Button variant="contained" type="submit" disabled={!isOk || submitDisabled} sx={{ minWidth: '112px' }}>
                 {!isSubmittable ? <CircularProgress size={20} /> : 'Execute'}
diff --git a/src/features/counterfactual/CounterfactualHooks.tsx b/apps/web/src/features/counterfactual/CounterfactualHooks.tsx
similarity index 100%
rename from src/features/counterfactual/CounterfactualHooks.tsx
rename to apps/web/src/features/counterfactual/CounterfactualHooks.tsx
diff --git a/src/features/counterfactual/CounterfactualStatusButton.tsx b/apps/web/src/features/counterfactual/CounterfactualStatusButton.tsx
similarity index 100%
rename from src/features/counterfactual/CounterfactualStatusButton.tsx
rename to apps/web/src/features/counterfactual/CounterfactualStatusButton.tsx
diff --git a/apps/web/src/features/counterfactual/CounterfactualSuccessScreen.tsx b/apps/web/src/features/counterfactual/CounterfactualSuccessScreen.tsx
new file mode 100644
index 000000000..8b482621c
--- /dev/null
+++ b/apps/web/src/features/counterfactual/CounterfactualSuccessScreen.tsx
@@ -0,0 +1,150 @@
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { safeCreationPendingStatuses } from '@/features/counterfactual/hooks/usePendingSafeStatuses'
+import { SafeCreationEvent, safeCreationSubscribe } from '@/features/counterfactual/services/safeCreationEvents'
+import { useChain, useCurrentChain } from '@/hooks/useChains'
+import { useEffect, useState } from 'react'
+import { Box, Button, Dialog, DialogContent, Typography } from '@mui/material'
+import CheckRoundedIcon from '@mui/icons-material/CheckRounded'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import NetworkLogosList from '../multichain/components/NetworkLogosList'
+import useAllAddressBooks from '@/hooks/useAllAddressBooks'
+
+const CounterfactualSuccessScreen = () => {
+  const [open, setOpen] = useState<boolean>(false)
+  const [safeAddress, setSafeAddress] = useState<string>()
+  const [chainId, setChainId] = useState<string>()
+  const [event, setEvent] = useState<SafeCreationEvent>()
+  const currentChain = useCurrentChain()
+  const chain = useChain(chainId || currentChain?.chainId || '')
+  const [networks, setNetworks] = useState<ChainInfo[]>([])
+  const addressBooks = useAllAddressBooks()
+  const safeName = safeAddress && chain ? addressBooks?.[chain.chainId]?.[safeAddress] : ''
+  const isCFCreation = event === SafeCreationEvent.AWAITING_EXECUTION
+  const isMultiChain = networks.length > 1
+  const chainName = isMultiChain ? '' : isCFCreation ? networks[0].chainName : chain?.chainName
+
+  useEffect(() => {
+    const unsubFns = Object.entries(safeCreationPendingStatuses).map(([event]) =>
+      safeCreationSubscribe(event as SafeCreationEvent, async (detail) => {
+        setEvent(event as SafeCreationEvent)
+
+        if (event === SafeCreationEvent.INDEXED) {
+          if ('chainId' in detail) {
+            setChainId(detail.chainId)
+            setNetworks((prev) => prev.filter((network) => network.chainId === detail.chainId))
+          }
+
+          setSafeAddress(detail.safeAddress)
+          setOpen(true)
+        }
+        if (event === SafeCreationEvent.AWAITING_EXECUTION) {
+          if ('networks' in detail) setNetworks(detail.networks)
+          setSafeAddress(detail.safeAddress)
+          setOpen(true)
+        }
+      }),
+    )
+
+    return () => {
+      unsubFns.forEach((unsub) => unsub())
+    }
+  }, [])
+
+  const onClose = () => {
+    setChainId(undefined)
+    setOpen(false)
+  }
+
+  return (
+    <Dialog open={open}>
+      <DialogContent
+        sx={{
+          py: 10,
+          px: 6,
+          display: 'flex',
+          justifyContent: 'center',
+          flexDirection: 'column',
+          alignItems: 'center',
+          gap: 3,
+        }}
+      >
+        <Box
+          sx={{
+            backgroundColor: ({ palette }) => palette.success.background,
+            padding: 3,
+            borderRadius: '50%',
+            display: 'inline-flex',
+          }}
+        >
+          <CheckRoundedIcon sx={{ width: 50, height: 50 }} color="success" />
+        </Box>
+
+        <Box
+          data-testid="safe-activation-message"
+          sx={{
+            textAlign: 'center',
+          }}
+        >
+          <Typography
+            data-testid="account-success-message"
+            variant="h3"
+            sx={{
+              fontWeight: 'bold',
+              mb: 1,
+            }}
+          >
+            {isCFCreation ? 'Your account is almost set!' : 'Your account is all set!'}
+          </Typography>
+          <Typography variant="body2">
+            {isCFCreation
+              ? `Activate the account ${isMultiChain ? 'per network' : ''} to unlock all features of your smart wallet.`
+              : 'Start your journey to the smart account security now.'}
+          </Typography>
+          <Typography variant="body2">
+            {isCFCreation && isMultiChain
+              ? `You can use the address below to receive funds on the selected ${
+                  isMultiChain ? 'networks' : 'network'
+                }.`
+              : `Use your address to receive funds ${chainName ? `on ${chainName}` : ''}`}
+          </Typography>
+        </Box>
+
+        {safeAddress && (
+          <Box
+            data-testid="safe-info"
+            sx={{
+              p: 2,
+              bgcolor: 'background.main',
+              borderRadius: 1,
+              fontSize: 14,
+            }}
+          >
+            <NetworkLogosList networks={networks.length > 0 ? networks : chain ? [chain] : []} />
+            <Typography
+              variant="h5"
+              sx={{
+                mt: 2,
+              }}
+            >
+              {safeName}
+            </Typography>
+            <EthHashInfo
+              address={safeAddress}
+              showCopyButton
+              shortAddress={false}
+              showAvatar={false}
+              showName={false}
+              showPrefix={false}
+            />
+          </Box>
+        )}
+
+        <Button variant="contained" onClick={onClose} data-testid="cf-creation-lets-go-btn">
+          Let&apos;s go
+        </Button>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+export default CounterfactualSuccessScreen
diff --git a/src/features/counterfactual/FirstTxFlow.tsx b/apps/web/src/features/counterfactual/FirstTxFlow.tsx
similarity index 96%
rename from src/features/counterfactual/FirstTxFlow.tsx
rename to apps/web/src/features/counterfactual/FirstTxFlow.tsx
index a30fa1421..9254f615d 100644
--- a/src/features/counterfactual/FirstTxFlow.tsx
+++ b/apps/web/src/features/counterfactual/FirstTxFlow.tsx
@@ -73,7 +73,15 @@ const FirstTxFlow = ({ open, onClose }: { open: boolean; onClose: () => void })
 
   return (
     <ModalDialog open={open} dialogTitle="Create new transaction" hideChainIndicator onClose={onClose}>
-      <Grid container justifyContent="center" flexDirection="column" p={3} spacing={2}>
+      <Grid
+        container
+        spacing={2}
+        sx={{
+          justifyContent: 'center',
+          flexDirection: 'column',
+          p: 3,
+        }}
+      >
         <Grid item>
           <ChoiceButton
             title="Activate Safe now"
diff --git a/src/features/counterfactual/LazyCounterfactual.tsx b/apps/web/src/features/counterfactual/LazyCounterfactual.tsx
similarity index 100%
rename from src/features/counterfactual/LazyCounterfactual.tsx
rename to apps/web/src/features/counterfactual/LazyCounterfactual.tsx
diff --git a/apps/web/src/features/counterfactual/PayNowPayLater.tsx b/apps/web/src/features/counterfactual/PayNowPayLater.tsx
new file mode 100644
index 000000000..716cd21a8
--- /dev/null
+++ b/apps/web/src/features/counterfactual/PayNowPayLater.tsx
@@ -0,0 +1,131 @@
+import type { ChangeEvent, Dispatch, SetStateAction } from 'react'
+import classnames from 'classnames'
+import { useCurrentChain } from '@/hooks/useChains'
+import CheckRoundedIcon from '@mui/icons-material/CheckRounded'
+import {
+  FormControl,
+  FormControlLabel,
+  List,
+  ListItem,
+  ListItemIcon,
+  Radio,
+  RadioGroup,
+  Typography,
+} from '@mui/material'
+
+import css from './styles.module.css'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import { PayMethod } from '@safe-global/utils/features/counterfactual/types'
+
+const PayNowPayLater = ({
+  totalFee,
+  canRelay,
+  isMultiChain,
+  payMethod,
+  setPayMethod,
+}: {
+  totalFee: string
+  canRelay: boolean
+  isMultiChain: boolean
+  payMethod: PayMethod
+  setPayMethod: Dispatch<SetStateAction<PayMethod>>
+}) => {
+  const chain = useCurrentChain()
+
+  const onChoosePayMethod = (_: ChangeEvent<HTMLInputElement>, newPayMethod: string) => {
+    setPayMethod(newPayMethod as PayMethod)
+  }
+
+  return (
+    <>
+      <Typography variant="h4" fontWeight="bold">
+        Before we continue...
+      </Typography>
+      {isMultiChain && (
+        <ErrorMessage level="info">
+          You will need to <b>activate your account</b> separately on each network. Make sure you have funds on your
+          wallet to pay the network fee.
+        </ErrorMessage>
+      )}
+      <List>
+        {isMultiChain && (
+          <ListItem disableGutters>
+            <ListItemIcon className={css.listItem}>
+              <CheckRoundedIcon fontSize="small" color="inherit" />
+            </ListItemIcon>
+            <Typography variant="body2">
+              Start exploring the accounts now, and activate them later to start making transactions
+            </Typography>
+          </ListItem>
+        )}
+        <ListItem disableGutters>
+          <ListItemIcon className={css.listItem}>
+            <CheckRoundedIcon fontSize="small" color="inherit" />
+          </ListItemIcon>
+          <Typography variant="body2">There will be a one-time activation fee</Typography>
+        </ListItem>
+        {!isMultiChain && (
+          <ListItem disableGutters>
+            <ListItemIcon className={css.listItem}>
+              <CheckRoundedIcon fontSize="small" color="inherit" />
+            </ListItemIcon>
+            <Typography variant="body2">
+              If you choose to pay later, the fee will be included with the first transaction you make.
+            </Typography>
+          </ListItem>
+        )}
+        <ListItem disableGutters>
+          <ListItemIcon className={css.listItem}>
+            <CheckRoundedIcon fontSize="small" color="inherit" />
+          </ListItemIcon>
+          <Typography variant="body2">Safe doesn&apos;t profit from the fees.</Typography>
+        </ListItem>
+      </List>
+      {!isMultiChain && (
+        <FormControl fullWidth>
+          <RadioGroup row value={payMethod} onChange={onChoosePayMethod} className={css.radioGroup}>
+            <FormControlLabel
+              data-testid="pay-now-execution-method"
+              sx={{ flex: 1 }}
+              value={PayMethod.PayNow}
+              className={classnames(css.radioContainer, { [css.active]: payMethod === PayMethod.PayNow })}
+              label={
+                <>
+                  <Typography className={css.radioTitle}>Pay now</Typography>
+                  <Typography className={css.radioSubtitle} variant="body2" color="text.secondary">
+                    {canRelay ? (
+                      'Sponsored free transaction'
+                    ) : (
+                      <>
+                        &asymp; {totalFee} {chain?.nativeCurrency.symbol}
+                      </>
+                    )}
+                  </Typography>
+                </>
+              }
+              control={<Radio />}
+            />
+
+            <FormControlLabel
+              data-testid="connected-wallet-execution-method"
+              sx={{ flex: 1 }}
+              value={PayMethod.PayLater}
+              className={classnames(css.radioContainer, { [css.active]: payMethod === PayMethod.PayLater })}
+              label={
+                <>
+                  <Typography className={css.radioTitle}>Pay later</Typography>
+                  <Typography className={css.radioSubtitle} variant="body2" color="text.secondary">
+                    with the first transaction
+                  </Typography>
+                </>
+              }
+              control={<Radio />}
+            />
+          </RadioGroup>
+        </FormControl>
+      )}
+    </>
+  )
+}
+
+export default PayNowPayLater
diff --git a/src/features/counterfactual/__tests__/useDeployGasLimit.test.ts b/apps/web/src/features/counterfactual/__tests__/useDeployGasLimit.test.ts
similarity index 91%
rename from src/features/counterfactual/__tests__/useDeployGasLimit.test.ts
rename to apps/web/src/features/counterfactual/__tests__/useDeployGasLimit.test.ts
index 0579fc2a6..24e4f42fb 100644
--- a/src/features/counterfactual/__tests__/useDeployGasLimit.test.ts
+++ b/apps/web/src/features/counterfactual/__tests__/useDeployGasLimit.test.ts
@@ -9,17 +9,19 @@ import * as protocolKitContracts from '@safe-global/protocol-kit/dist/src/contra
 import type Safe from '@safe-global/protocol-kit'
 
 import { renderHook } from '@/tests/test-utils'
+import type {
+  CompatibilityFallbackHandlerContractImplementationType,
+  SimulateTxAccessorContractImplementationType,
+} from '@safe-global/protocol-kit/dist/src/types'
 import { waitFor } from '@testing-library/react'
 import type { OnboardAPI } from '@web3-onboard/core'
 import { faker } from '@faker-js/faker'
-import type { CompatibilityFallbackHandlerContract, SimulateTxAccessorContract } from '@safe-global/safe-core-sdk-types'
 
 describe('useDeployGasLimit hook', () => {
   beforeEach(() => {
     jest.resetAllMocks()
 
     jest.spyOn(useWallet, 'default').mockReturnValue({} as ConnectedWallet)
-    jest.spyOn(sdk, 'assertWalletChain').mockImplementation(jest.fn())
   })
 
   it('returns undefined in onboard is not initialized', () => {
@@ -75,15 +77,18 @@ describe('useDeployGasLimit hook', () => {
     const mockOnboard = {} as OnboardAPI
     jest.spyOn(onboard, 'default').mockReturnValue(mockOnboard)
     jest.spyOn(sdk, 'getSafeSDKWithSigner').mockResolvedValue({
+      getThreshold: jest.fn(),
+      getNonce: jest.fn(),
+      getSafeProvider: () => ({
+        estimateGas: () => Promise.resolve('420000'),
+        getSignerAddress: () => Promise.resolve(faker.finance.ethereumAddress()),
+      }),
+      getChainId: jest.fn(),
       getContractManager: () =>
         ({
           contractNetworks: {},
-        } as any),
+        }) as any,
       getContractVersion: () => Promise.resolve('1.3.0'),
-      getEthAdapter: () => ({
-        estimateGas: () => Promise.resolve('420000'),
-        getSignerAddress: () => Promise.resolve(faker.finance.ethereumAddress()),
-      }),
       createSafeDeploymentTransaction: () =>
         Promise.resolve({
           to: faker.finance.ethereumAddress(),
@@ -100,11 +105,11 @@ describe('useDeployGasLimit hook', () => {
     } as unknown as Safe)
     jest.spyOn(protocolKitContracts, 'getCompatibilityFallbackHandlerContract').mockResolvedValue({
       encode: () => '0x3456',
-    } as unknown as CompatibilityFallbackHandlerContract)
+    } as unknown as CompatibilityFallbackHandlerContractImplementationType)
     jest.spyOn(protocolKitContracts, 'getSimulateTxAccessorContract').mockResolvedValue({
       encode: () => '0x4567',
       getAddress: () => Promise.resolve(faker.finance.ethereumAddress()),
-    } as unknown as SimulateTxAccessorContract)
+    } as unknown as SimulateTxAccessorContractImplementationType)
     jest.spyOn(protocolKit, 'estimateSafeDeploymentGas').mockReturnValue(Promise.resolve('100'))
     jest.spyOn(protocolKit, 'estimateTxBaseGas').mockReturnValue(Promise.resolve('21000'))
 
diff --git a/apps/web/src/features/counterfactual/__tests__/utils.test.ts b/apps/web/src/features/counterfactual/__tests__/utils.test.ts
new file mode 100644
index 000000000..7d97f6910
--- /dev/null
+++ b/apps/web/src/features/counterfactual/__tests__/utils.test.ts
@@ -0,0 +1,95 @@
+import { getCounterfactualBalance, getUndeployedSafeInfo } from '@/features/counterfactual/utils'
+import * as web3 from '@/hooks/wallets/web3'
+import { chainBuilder } from '@/tests/builders/chains'
+import { faker } from '@faker-js/faker'
+import type { PredictedSafeProps } from '@safe-global/protocol-kit'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+import { type BrowserProvider, type JsonRpcProvider } from 'ethers'
+import { PendingSafeStatus } from '@safe-global/utils/features/counterfactual/store/types'
+import { PayMethod } from '@safe-global/utils/features/counterfactual/types'
+
+describe('Counterfactual utils', () => {
+  describe('getUndeployedSafeInfo', () => {
+    it('should return undeployed safe info', () => {
+      const undeployedSafeProps: PredictedSafeProps = {
+        safeAccountConfig: {
+          owners: [faker.finance.ethereumAddress()],
+          threshold: 1,
+        },
+        safeDeploymentConfig: {},
+      }
+      const mockAddress = faker.finance.ethereumAddress()
+      const mockChainId = '1'
+
+      const result = getUndeployedSafeInfo(
+        {
+          props: undeployedSafeProps,
+          status: { status: PendingSafeStatus.AWAITING_EXECUTION, type: PayMethod.PayLater },
+        },
+        mockAddress,
+        chainBuilder().with({ chainId: '1' }).build(),
+      )
+
+      expect(result.nonce).toEqual(0)
+      expect(result.deployed).toEqual(false)
+      expect(result.address.value).toEqual(mockAddress)
+      expect(result.chainId).toEqual(mockChainId)
+      expect(result.threshold).toEqual(undeployedSafeProps.safeAccountConfig.threshold)
+      expect(result.owners[0].value).toEqual(undeployedSafeProps.safeAccountConfig.owners[0])
+    })
+  })
+
+  describe('getCounterfactualBalance', () => {
+    const mockSafeAddress = faker.finance.ethereumAddress()
+    const mockChain = chainBuilder().build()
+
+    beforeEach(() => {
+      jest.clearAllMocks()
+    })
+
+    it('should fall back to readonly provider if there is no provider', async () => {
+      const mockBalance = 123n
+      const mockReadOnlyProvider = {
+        getBalance: jest.fn(() => Promise.resolve(mockBalance)),
+      } as unknown as JsonRpcProvider
+      jest.spyOn(web3, 'getWeb3ReadOnly').mockImplementationOnce(() => mockReadOnlyProvider)
+
+      await getCounterfactualBalance(mockSafeAddress, undefined, mockChain)
+
+      expect(mockReadOnlyProvider.getBalance).toHaveBeenCalledTimes(1)
+    })
+
+    it('should return undefined if there is no chain info', async () => {
+      const mockProvider = { getBalance: jest.fn(() => Promise.resolve(1n)) } as unknown as BrowserProvider
+
+      const result = await getCounterfactualBalance(mockSafeAddress, mockProvider, undefined)
+
+      expect(result).toBeUndefined()
+    })
+
+    it('should return the native balance', async () => {
+      const mockBalance = 1000000n
+      const mockProvider = { getBalance: jest.fn(() => Promise.resolve(mockBalance)) } as unknown as BrowserProvider
+
+      const result = await getCounterfactualBalance(mockSafeAddress, mockProvider, mockChain)
+
+      expect(mockProvider.getBalance).toHaveBeenCalled()
+      expect(result).toEqual({
+        fiatTotal: '0',
+        items: [
+          {
+            tokenInfo: {
+              type: TokenType.NATIVE_TOKEN,
+              address: ZERO_ADDRESS,
+              ...mockChain.nativeCurrency,
+            },
+            balance: mockBalance.toString(),
+            fiatBalance: '0',
+            fiatConversion: '0',
+          },
+        ],
+      })
+    })
+  })
+})
diff --git a/src/features/counterfactual/hooks/useDeployGasLimit.ts b/apps/web/src/features/counterfactual/hooks/useDeployGasLimit.ts
similarity index 87%
rename from src/features/counterfactual/hooks/useDeployGasLimit.ts
rename to apps/web/src/features/counterfactual/hooks/useDeployGasLimit.ts
index 45e406100..55d930438 100644
--- a/src/features/counterfactual/hooks/useDeployGasLimit.ts
+++ b/apps/web/src/features/counterfactual/hooks/useDeployGasLimit.ts
@@ -1,12 +1,12 @@
-import useAsync from '@/hooks/useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import useChainId from '@/hooks/useChainId'
 import useOnboard from '@/hooks/wallets/useOnboard'
 import useWallet from '@/hooks/wallets/useWallet'
-import { assertWalletChain, getSafeSDKWithSigner } from '@/services/tx/tx-sender/sdk'
+import { getSafeSDKWithSigner } from '@/services/tx/tx-sender/sdk'
 import { estimateSafeDeploymentGas, estimateTxBaseGas } from '@safe-global/protocol-kit'
 import type Safe from '@safe-global/protocol-kit'
 
-import { OperationType, type SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import { OperationType, type SafeTransaction } from '@safe-global/types-kit'
 import {
   getCompatibilityFallbackHandlerContract,
   getSimulateTxAccessorContract,
@@ -28,7 +28,6 @@ const useDeployGasLimit = (safeTx?: SafeTransaction) => {
   const [gasLimit, gasLimitError, gasLimitLoading] = useAsync<DeployGasLimitProps | undefined>(async () => {
     if (!wallet || !onboard) return
 
-    await assertWalletChain(onboard, chainId)
     const sdk = await getSafeSDKWithSigner(wallet.provider)
 
     const [baseGas, batchTxGas, safeDeploymentGas] = await Promise.all([
@@ -66,16 +65,16 @@ export const estimateBatchDeploymentTransaction = async (
   chainId: string,
 ) => {
   const customContracts = sdk.getContractManager().contractNetworks?.[chainId]
-  const safeVersion = await sdk.getContractVersion()
-  const ethAdapter = sdk.getEthAdapter()
+  const safeVersion = sdk.getContractVersion()
+  const safeProvider = sdk.getSafeProvider()
   const fallbackHandlerContract = await getCompatibilityFallbackHandlerContract({
-    ethAdapter,
+    safeProvider,
     safeVersion,
     customContracts,
   })
 
   const simulateTxAccessorContract = await getSimulateTxAccessorContract({
-    ethAdapter,
+    safeProvider,
     safeVersion,
     customContracts,
   })
@@ -92,14 +91,14 @@ export const estimateBatchDeploymentTransaction = async (
   // 2. Add a simulate call to the predicted SafeProxy as second transaction
   const transactionDataToEstimate: string = simulateTxAccessorContract.encode('simulate', [
     safeTransaction.data.to,
-    safeTransaction.data.value,
-    safeTransaction.data.data,
+    BigInt(safeTransaction.data.value),
+    safeTransaction.data.data as `0x${string}`,
     safeTransaction.data.operation,
   ])
 
   const safeFunctionToEstimate: string = fallbackHandlerContract.encode('simulate', [
-    await simulateTxAccessorContract.getAddress(),
-    transactionDataToEstimate,
+    simulateTxAccessorContract.getAddress(),
+    transactionDataToEstimate as `0x${string}`,
   ])
 
   const simulateBatchTransaction = {
@@ -114,10 +113,10 @@ export const estimateBatchDeploymentTransaction = async (
     simulateBatchTransaction,
   ])
 
-  const signerAddress = await ethAdapter.getSignerAddress()
+  const signerAddress = await safeProvider.getSignerAddress()
 
   // estimate the entire batch
-  const safeTxGas = await ethAdapter.estimateGas({
+  const safeTxGas = await safeProvider.estimateGas({
     ...safeDeploymentBatch,
     from: signerAddress || ZERO_ADDRESS, // This address should not really matter
   })
diff --git a/src/features/counterfactual/hooks/useIsCounterfactualSafe.ts b/apps/web/src/features/counterfactual/hooks/useIsCounterfactualSafe.ts
similarity index 100%
rename from src/features/counterfactual/hooks/useIsCounterfactualSafe.ts
rename to apps/web/src/features/counterfactual/hooks/useIsCounterfactualSafe.ts
diff --git a/src/features/counterfactual/hooks/usePendingSafeNotifications.ts b/apps/web/src/features/counterfactual/hooks/usePendingSafeNotifications.ts
similarity index 85%
rename from src/features/counterfactual/hooks/usePendingSafeNotifications.ts
rename to apps/web/src/features/counterfactual/hooks/usePendingSafeNotifications.ts
index 9cff3f9d7..948b5b5e9 100644
--- a/src/features/counterfactual/hooks/usePendingSafeNotifications.ts
+++ b/apps/web/src/features/counterfactual/hooks/usePendingSafeNotifications.ts
@@ -1,12 +1,13 @@
 import { SafeCreationEvent, safeCreationSubscribe } from '@/features/counterfactual/services/safeCreationEvents'
-import { getBlockExplorerLink } from '@/utils/chains'
+import { getBlockExplorerLink } from '@safe-global/utils/utils/chains'
 import { useEffect } from 'react'
-import { formatError } from '@/utils/formatters'
+import { formatError } from '@safe-global/utils/utils/formatters'
 import { showNotification } from '@/store/notificationsSlice'
 import { useAppDispatch } from '@/store'
 import { useCurrentChain } from '@/hooks/useChains'
 import useSafeAddress from '@/hooks/useSafeAddress'
 import { isWalletRejection } from '@/utils/wallets'
+import { cgwApi } from '@safe-global/store/gateway/AUTO_GENERATED/owners'
 
 const SafeCreationNotifications = {
   [SafeCreationEvent.PROCESSING]: 'Validating...',
@@ -43,6 +44,11 @@ const usePendingSafeNotifications = (): void => {
         const groupKey = 'groupKey' in detail && detail.groupKey ? detail.groupKey : txHash || ''
         const link = chain && txHash ? getBlockExplorerLink(chain, txHash) : undefined
 
+        // Fetch all owned safes after the Safe has been deployed
+        if (isSuccess) {
+          dispatch(cgwApi.util.invalidateTags(['owners']))
+        }
+
         dispatch(
           showNotification({
             title: 'Safe Account activation',
diff --git a/src/features/counterfactual/hooks/usePendingSafeStatuses.ts b/apps/web/src/features/counterfactual/hooks/usePendingSafeStatuses.ts
similarity index 79%
rename from src/features/counterfactual/hooks/usePendingSafeStatuses.ts
rename to apps/web/src/features/counterfactual/hooks/usePendingSafeStatuses.ts
index d9f607773..4644f6c44 100644
--- a/src/features/counterfactual/hooks/usePendingSafeStatuses.ts
+++ b/apps/web/src/features/counterfactual/hooks/usePendingSafeStatuses.ts
@@ -5,7 +5,6 @@ import {
   safeCreationSubscribe,
 } from '@/features/counterfactual/services/safeCreationEvents'
 import {
-  PendingSafeStatus,
   removeUndeployedSafe,
   selectUndeployedSafes,
   updateUndeployedSafeStatus,
@@ -13,12 +12,17 @@ import {
 import { checkSafeActionViaRelay, checkSafeActivation } from '@/features/counterfactual/utils'
 import useChainId from '@/hooks/useChainId'
 import useSafeInfo from '@/hooks/useSafeInfo'
-import { isSmartContract, useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
 import { CREATE_SAFE_EVENTS, trackEvent } from '@/services/analytics'
 import { useAppDispatch, useAppSelector } from '@/store'
 import { useEffect, useRef } from 'react'
+import { isSmartContract } from '@/utils/wallets'
+import { gtmSetSafeAddress } from '@/services/analytics/gtm'
+import { PendingSafeStatus } from '@safe-global/utils/features/counterfactual/store/types'
+import { PayMethod } from '@safe-global/utils/features/counterfactual/types'
 
 export const safeCreationPendingStatuses: Partial<Record<SafeCreationEvent, PendingSafeStatus | null>> = {
+  [SafeCreationEvent.AWAITING_EXECUTION]: PendingSafeStatus.AWAITING_EXECUTION,
   [SafeCreationEvent.PROCESSING]: PendingSafeStatus.PROCESSING,
   [SafeCreationEvent.RELAYING]: PendingSafeStatus.RELAYING,
   [SafeCreationEvent.SUCCESS]: null,
@@ -49,7 +53,7 @@ const usePendingSafeMonitor = (): void => {
 
         const monitorPendingSafe = async () => {
           const {
-            status: { status, txHash, taskId, startBlock },
+            status: { status, txHash, taskId, startBlock, type },
           } = undeployedSafe
 
           const isProcessing = status === PendingSafeStatus.PROCESSING && txHash !== undefined
@@ -61,11 +65,11 @@ const usePendingSafeMonitor = (): void => {
           monitoredSafes.current[safeAddress] = true
 
           if (isProcessing) {
-            checkSafeActivation(provider, txHash, safeAddress, startBlock)
+            checkSafeActivation(provider, txHash, safeAddress, type, chainId, startBlock)
           }
 
           if (isRelaying) {
-            checkSafeActionViaRelay(taskId, safeAddress)
+            checkSafeActionViaRelay(taskId, safeAddress, type, chainId)
           }
         }
 
@@ -92,7 +96,7 @@ const usePendingSafeStatus = (): void => {
       const { chainId } = await provider.getNetwork()
       if (chainId !== BigInt(safe.chainId)) return
 
-      const isContractDeployed = await isSmartContract(provider, safeAddress)
+      const isContractDeployed = await isSmartContract(safeAddress)
 
       if (isContractDeployed) {
         dispatch(removeUndeployedSafe({ chainId: safe.chainId, address: safeAddress }))
@@ -106,26 +110,37 @@ const usePendingSafeStatus = (): void => {
   useEffect(() => {
     const unsubFns = Object.entries(safeCreationPendingStatuses).map(([event, status]) =>
       safeCreationSubscribe(event as SafeCreationEvent, async (detail) => {
+        const creationChainId = 'chainId' in detail ? detail.chainId : chainId
+
         if (event === SafeCreationEvent.SUCCESS) {
+          gtmSetSafeAddress(detail.safeAddress)
+
           // TODO: Possible to add a label with_tx, without_tx?
           trackEvent(CREATE_SAFE_EVENTS.ACTIVATED_SAFE)
-          pollSafeInfo(chainId, detail.safeAddress).finally(() => {
+
+          // Not a counterfactual deployment
+          if ('type' in detail && detail.type === PayMethod.PayNow) {
+            trackEvent(CREATE_SAFE_EVENTS.CREATED_SAFE)
+          }
+
+          pollSafeInfo(creationChainId, detail.safeAddress).finally(() => {
             safeCreationDispatch(SafeCreationEvent.INDEXED, {
               groupKey: detail.groupKey,
               safeAddress: detail.safeAddress,
+              chainId: creationChainId,
             })
           })
           return
         }
 
         if (event === SafeCreationEvent.INDEXED) {
-          dispatch(removeUndeployedSafe({ chainId, address: detail.safeAddress }))
+          dispatch(removeUndeployedSafe({ chainId: creationChainId, address: detail.safeAddress }))
         }
 
         if (status === null) {
           dispatch(
             updateUndeployedSafeStatus({
-              chainId,
+              chainId: creationChainId,
               address: detail.safeAddress,
               status: {
                 status: PendingSafeStatus.AWAITING_EXECUTION,
@@ -140,7 +155,7 @@ const usePendingSafeStatus = (): void => {
 
         dispatch(
           updateUndeployedSafeStatus({
-            chainId,
+            chainId: creationChainId,
             address: detail.safeAddress,
             status: {
               status,
diff --git a/src/features/counterfactual/services/safeCreationEvents.ts b/apps/web/src/features/counterfactual/services/safeCreationEvents.ts
similarity index 77%
rename from src/features/counterfactual/services/safeCreationEvents.ts
rename to apps/web/src/features/counterfactual/services/safeCreationEvents.ts
index 883f60156..338ffe3af 100644
--- a/src/features/counterfactual/services/safeCreationEvents.ts
+++ b/apps/web/src/features/counterfactual/services/safeCreationEvents.ts
@@ -1,6 +1,9 @@
 import EventBus from '@/services/EventBus'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import type { PayMethod } from '@safe-global/utils/features/counterfactual/types'
 
 export enum SafeCreationEvent {
+  AWAITING_EXECUTION = 'AWAITING_EXECUTION',
   PROCESSING = 'PROCESSING',
   RELAYING = 'RELAYING',
   SUCCESS = 'SUCCESS',
@@ -10,6 +13,11 @@ export enum SafeCreationEvent {
 }
 
 export interface SafeCreationEvents {
+  [SafeCreationEvent.AWAITING_EXECUTION]: {
+    groupKey: string
+    safeAddress: string
+    networks: ChainInfo[]
+  }
   [SafeCreationEvent.PROCESSING]: {
     groupKey: string
     txHash: string
@@ -23,10 +31,13 @@ export interface SafeCreationEvents {
   [SafeCreationEvent.SUCCESS]: {
     groupKey: string
     safeAddress: string
+    type: PayMethod
+    chainId: string
   }
   [SafeCreationEvent.INDEXED]: {
     groupKey: string
     safeAddress: string
+    chainId: string
   }
   [SafeCreationEvent.FAILED]: {
     groupKey: string
diff --git a/apps/web/src/features/counterfactual/store/undeployedSafesSlice.ts b/apps/web/src/features/counterfactual/store/undeployedSafesSlice.ts
new file mode 100644
index 000000000..caeb51667
--- /dev/null
+++ b/apps/web/src/features/counterfactual/store/undeployedSafesSlice.ts
@@ -0,0 +1,103 @@
+import { type RootState } from '@/store'
+import { createSelector, createSlice, type PayloadAction } from '@reduxjs/toolkit'
+import type { PredictedSafeProps } from '@safe-global/protocol-kit'
+import { selectChainIdAndSafeAddress, selectSafeAddress } from '@/store/common'
+import type {
+  ReplayedSafeProps,
+  UndeployedSafe,
+  UndeployedSafesState,
+  UndeployedSafeStatus,
+} from '@safe-global/utils/features/counterfactual/store/types'
+import { PendingSafeStatus } from '@safe-global/utils/features/counterfactual/store/types'
+import type { PayMethod } from '@safe-global/utils/features/counterfactual/types'
+
+const initialState: UndeployedSafesState = {}
+
+export const undeployedSafesSlice = createSlice({
+  name: 'undeployedSafes',
+  initialState,
+  reducers: {
+    addUndeployedSafe: (
+      state,
+      action: PayloadAction<{
+        chainId: string
+        address: string
+        type: PayMethod
+        safeProps: PredictedSafeProps | ReplayedSafeProps
+      }>,
+    ) => {
+      const { chainId, address, type, safeProps } = action.payload
+
+      if (!state[chainId]) {
+        state[chainId] = {}
+      }
+
+      state[chainId][address] = {
+        props: safeProps,
+        status: {
+          status: PendingSafeStatus.AWAITING_EXECUTION,
+          type,
+        },
+      }
+    },
+
+    addUndeployedSafes: (_, { payload }: PayloadAction<UndeployedSafesState>) => {
+      // We must return as we are overwriting the entire state
+      return payload
+    },
+
+    updateUndeployedSafeStatus: (
+      state,
+      action: PayloadAction<{ chainId: string; address: string; status: Omit<UndeployedSafeStatus, 'type'> }>,
+    ) => {
+      const { chainId, address, status } = action.payload
+
+      if (!state[chainId]?.[address]) return state
+
+      state[chainId][address] = {
+        props: state[chainId][address].props,
+        status: {
+          ...state[chainId][address].status,
+          ...status,
+        },
+      }
+    },
+
+    removeUndeployedSafe: (state, action: PayloadAction<{ chainId: string; address: string }>) => {
+      const { chainId, address } = action.payload
+      if (!state[chainId]) return state
+
+      delete state[chainId][address]
+
+      if (Object.keys(state[chainId]).length > 0) return state
+
+      delete state[chainId]
+    },
+  },
+})
+
+export const { removeUndeployedSafe, addUndeployedSafe, updateUndeployedSafeStatus } = undeployedSafesSlice.actions
+
+export const selectUndeployedSafes = (state: RootState): UndeployedSafesState => {
+  return state[undeployedSafesSlice.name]
+}
+
+export const selectUndeployedSafe = createSelector(
+  [selectUndeployedSafes, selectChainIdAndSafeAddress],
+  (undeployedSafes, [chainId, address]): UndeployedSafe | undefined => {
+    return undeployedSafes[chainId]?.[address]
+  },
+)
+
+export const selectUndeployedSafesByAddress = createSelector(
+  [selectUndeployedSafes, selectSafeAddress],
+  (undeployedSafes, [address]): UndeployedSafe[] => {
+    return Object.values(undeployedSafes)
+      .flatMap((value) => value[address])
+      .filter(Boolean)
+  },
+)
+
+export const selectIsUndeployedSafe = createSelector([selectUndeployedSafe], (undeployedSafe) => {
+  return !!undeployedSafe
+})
diff --git a/src/features/counterfactual/styles.module.css b/apps/web/src/features/counterfactual/styles.module.css
similarity index 100%
rename from src/features/counterfactual/styles.module.css
rename to apps/web/src/features/counterfactual/styles.module.css
diff --git a/apps/web/src/features/counterfactual/useCounterfactualBalances.ts b/apps/web/src/features/counterfactual/useCounterfactualBalances.ts
new file mode 100644
index 000000000..8b7a9c30a
--- /dev/null
+++ b/apps/web/src/features/counterfactual/useCounterfactualBalances.ts
@@ -0,0 +1,18 @@
+import { type SafeBalanceResponse } from '@safe-global/safe-gateway-typescript-sdk'
+import { getCounterfactualBalance } from '@/features/counterfactual/utils'
+import { useWeb3 } from '@/hooks/wallets/web3'
+import type { ExtendedSafeInfo } from '@safe-global/store/slices/SafeInfo/types'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { useCurrentChain } from '@/hooks/useChains'
+
+export function useCounterfactualBalances(safe: ExtendedSafeInfo) {
+  const web3 = useWeb3()
+  const chain = useCurrentChain()
+  const safeAddress = safe.address.value
+  const isCounterfactual = !safe.deployed
+
+  return useAsync<SafeBalanceResponse | undefined>(() => {
+    if (!chain || !isCounterfactual || !safeAddress) return
+    return getCounterfactualBalance(safeAddress, web3, chain)
+  }, [chain, safeAddress, web3, isCounterfactual])
+}
diff --git a/apps/web/src/features/counterfactual/utils.ts b/apps/web/src/features/counterfactual/utils.ts
new file mode 100644
index 000000000..e0f7ce60f
--- /dev/null
+++ b/apps/web/src/features/counterfactual/utils.ts
@@ -0,0 +1,378 @@
+import { POLLING_INTERVAL } from '@/config/constants'
+import { safeCreationDispatch, SafeCreationEvent } from '@/features/counterfactual/services/safeCreationEvents'
+import { addUndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
+import { type ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import { getWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { getSafeSDKWithSigner, getUncheckedSigner, tryOffChainTxSigning } from '@/services/tx/tx-sender/sdk'
+import { getRelayTxStatus, TaskState } from '@/services/tx/txMonitor'
+import type { AppDispatch } from '@/store'
+import { defaultSafeInfo } from '@safe-global/store/slices/SafeInfo/utils'
+import { didRevert, type EthersError } from '@/utils/ethers-utils'
+import { assertProvider, assertTx, assertWallet } from '@/utils/helpers'
+import { type PredictedSafeProps } from '@safe-global/protocol-kit'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import type { SafeTransaction, SafeVersion, TransactionOptions } from '@safe-global/types-kit'
+import {
+  type ChainInfo,
+  ImplementationVersionState,
+  type SafeBalanceResponse,
+  TokenType,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import type { BrowserProvider, Eip1193Provider, Provider, TransactionResponse } from 'ethers'
+import { getSafeL2SingletonDeployments, getSafeSingletonDeployments } from '@safe-global/safe-deployments'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+
+import { encodeSafeCreationTx } from '@/components/new-safe/create/logic'
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+import type {
+  ReplayedSafeProps,
+  UndeployedSafe,
+  UndeployedSafeProps,
+} from '@safe-global/utils/features/counterfactual/store/types'
+import { PendingSafeStatus } from '@safe-global/utils/features/counterfactual/store/types'
+import type { PayMethod } from '@safe-global/utils/features/counterfactual/types'
+
+export const getUndeployedSafeInfo = (undeployedSafe: UndeployedSafe, address: string, chain: ChainInfo) => {
+  const safeSetup = extractCounterfactualSafeSetup(undeployedSafe, chain.chainId)
+
+  if (!safeSetup) {
+    throw Error('Could not determine Safe Setup.')
+  }
+  const latestSafeVersion = getLatestSafeVersion(chain)
+
+  return {
+    ...defaultSafeInfo,
+    address: { value: address },
+    chainId: chain.chainId,
+    owners: safeSetup.owners.map((owner) => ({ value: owner })),
+    nonce: 0,
+    threshold: safeSetup.threshold,
+    implementationVersionState: ImplementationVersionState.UP_TO_DATE,
+    fallbackHandler: { value: safeSetup.fallbackHandler! },
+    version: safeSetup?.safeVersion || latestSafeVersion,
+    deployed: false,
+  }
+}
+
+export const CF_TX_GROUP_KEY = 'cf-tx'
+
+export const dispatchTxExecutionAndDeploySafe = async (
+  safeTx: SafeTransaction,
+  txOptions: TransactionOptions,
+  provider: Eip1193Provider,
+  safeAddress: string,
+) => {
+  const sdk = await getSafeSDKWithSigner(provider)
+  const eventParams = { groupKey: CF_TX_GROUP_KEY }
+
+  let result: TransactionResponse | undefined
+  try {
+    const signedTx = await tryOffChainTxSigning(safeTx, sdk)
+    const signer = await getUncheckedSigner(provider)
+
+    const deploymentTx = await sdk.wrapSafeTransactionIntoDeploymentBatch(signedTx, txOptions)
+
+    // We need to estimate the actual gasLimit after the user has signed since it is more accurate than what useDeployGasLimit returns
+    const gas = await signer.estimateGas({ data: deploymentTx.data, value: deploymentTx.value, to: deploymentTx.to })
+
+    result = await signer.sendTransaction({ ...deploymentTx, gasLimit: gas })
+  } catch (error) {
+    safeCreationDispatch(SafeCreationEvent.FAILED, { ...eventParams, error: asError(error), safeAddress })
+    throw error
+  }
+
+  safeCreationDispatch(SafeCreationEvent.PROCESSING, { ...eventParams, txHash: result!.hash, safeAddress })
+
+  return result!.hash
+}
+
+export const deploySafeAndExecuteTx = async (
+  txOptions: TransactionOptions,
+  wallet: ConnectedWallet | null,
+  safeAddress: string,
+  safeTx?: SafeTransaction,
+  provider?: Eip1193Provider,
+) => {
+  assertTx(safeTx)
+  assertWallet(wallet)
+  assertProvider(provider)
+
+  return dispatchTxExecutionAndDeploySafe(safeTx, txOptions, provider, safeAddress)
+}
+
+export const getCounterfactualBalance = async (safeAddress: string, provider?: BrowserProvider, chain?: ChainInfo) => {
+  let balance: bigint | undefined
+
+  if (!chain) return undefined
+
+  // Fetch balance via the connected wallet.
+  // If there is no wallet connected we fetch and cache the balance instead
+  if (provider) {
+    balance = await provider.getBalance(safeAddress)
+  } else {
+    balance = (await getWeb3ReadOnly()?.getBalance(safeAddress)) ?? 0n
+  }
+
+  return <SafeBalanceResponse>{
+    fiatTotal: '0',
+    items: [
+      {
+        tokenInfo: {
+          type: TokenType.NATIVE_TOKEN,
+          address: ZERO_ADDRESS,
+          ...chain?.nativeCurrency,
+        },
+        balance: balance?.toString(),
+        fiatBalance: '0',
+        fiatConversion: '0',
+      },
+    ],
+  }
+}
+
+export const replayCounterfactualSafeDeployment = (
+  chainId: string,
+  safeAddress: string,
+  replayedSafeProps: ReplayedSafeProps,
+  name: string,
+  dispatch: AppDispatch,
+  payMethod: PayMethod,
+) => {
+  const undeployedSafe = {
+    chainId,
+    address: safeAddress,
+    type: payMethod,
+    safeProps: replayedSafeProps,
+  }
+
+  const setup = extractCounterfactualSafeSetup(
+    {
+      props: replayedSafeProps,
+      status: {
+        status: PendingSafeStatus.AWAITING_EXECUTION,
+        type: payMethod,
+      },
+    },
+    chainId,
+  )
+  if (!setup) {
+    throw Error('Safe Setup could not be decoded')
+  }
+
+  dispatch(addUndeployedSafe(undeployedSafe))
+}
+
+const delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms))
+
+/**
+ * Calling getTransaction too fast sometimes fails because the txHash hasn't been
+ * picked up by any node yet so we should retry a few times with short delays to
+ * make sure the transaction really does/does not exist
+ * @param provider
+ * @param txHash
+ * @param maxAttempts
+ */
+async function retryGetTransaction(provider: Provider, txHash: string, maxAttempts = 8) {
+  for (let attempt = 0; attempt < maxAttempts; attempt++) {
+    const txResponse = await provider.getTransaction(txHash)
+    if (txResponse !== null) {
+      return txResponse
+    }
+    if (attempt < maxAttempts - 1) {
+      const exponentialDelay = 2 ** attempt * 1000 // 1000, 2000, 4000, 8000, 16000, 32000
+      await delay(exponentialDelay)
+    }
+  }
+  throw new Error('Transaction not found')
+}
+
+export const checkSafeActivation = async (
+  provider: Provider,
+  txHash: string,
+  safeAddress: string,
+  type: PayMethod,
+  chainId: string,
+  startBlock?: number,
+) => {
+  try {
+    const txResponse = await retryGetTransaction(provider, txHash)
+
+    const replaceableTx = startBlock ? txResponse.replaceableTransaction(startBlock) : txResponse
+    const receipt = await replaceableTx?.wait(1)
+
+    /** The receipt should always be non-null as we require 1 confirmation */
+    if (receipt === null) {
+      throw new Error('Transaction should have a receipt, but got null instead.')
+    }
+
+    if (didRevert(receipt)) {
+      safeCreationDispatch(SafeCreationEvent.REVERTED, {
+        groupKey: CF_TX_GROUP_KEY,
+        error: new Error('Transaction reverted'),
+        safeAddress,
+      })
+    }
+
+    safeCreationDispatch(SafeCreationEvent.SUCCESS, {
+      groupKey: CF_TX_GROUP_KEY,
+      safeAddress,
+      type,
+      chainId,
+    })
+  } catch (err) {
+    const _err = err as EthersError
+
+    if (_err.reason === 'replaced' || _err.reason === 'repriced') {
+      safeCreationDispatch(SafeCreationEvent.SUCCESS, {
+        groupKey: CF_TX_GROUP_KEY,
+        safeAddress,
+        type,
+        chainId,
+      })
+      return
+    }
+
+    if (didRevert(_err.receipt)) {
+      safeCreationDispatch(SafeCreationEvent.REVERTED, {
+        groupKey: CF_TX_GROUP_KEY,
+        error: new Error('Transaction reverted'),
+        safeAddress,
+      })
+      return
+    }
+
+    safeCreationDispatch(SafeCreationEvent.FAILED, {
+      groupKey: CF_TX_GROUP_KEY,
+      error: _err,
+      safeAddress,
+    })
+  }
+}
+
+export const checkSafeActionViaRelay = (taskId: string, safeAddress: string, type: PayMethod, chainId: string) => {
+  const TIMEOUT_TIME = 2 * 60 * 1000 // 2 minutes
+
+  let intervalId: NodeJS.Timeout
+  let failAfterTimeoutId: NodeJS.Timeout
+
+  intervalId = setInterval(async () => {
+    const status = await getRelayTxStatus(taskId)
+
+    // 404
+    if (!status) return
+
+    switch (status.task.taskState) {
+      case TaskState.ExecSuccess:
+        safeCreationDispatch(SafeCreationEvent.SUCCESS, {
+          groupKey: CF_TX_GROUP_KEY,
+          safeAddress,
+          type,
+          chainId,
+        })
+        break
+      case TaskState.ExecReverted:
+      case TaskState.Blacklisted:
+      case TaskState.Cancelled:
+      case TaskState.NotFound:
+        safeCreationDispatch(SafeCreationEvent.FAILED, {
+          groupKey: CF_TX_GROUP_KEY,
+          error: new Error('Transaction failed'),
+          safeAddress,
+        })
+        break
+      default:
+        // Don't clear interval as we're still waiting for the tx to be relayed
+        return
+    }
+
+    clearTimeout(failAfterTimeoutId)
+    clearInterval(intervalId)
+  }, POLLING_INTERVAL)
+
+  failAfterTimeoutId = setTimeout(() => {
+    safeCreationDispatch(SafeCreationEvent.FAILED, {
+      groupKey: CF_TX_GROUP_KEY,
+      error: new Error('Transaction failed'),
+      safeAddress,
+    })
+
+    clearInterval(intervalId)
+  }, TIMEOUT_TIME)
+}
+
+export const isReplayedSafeProps = (props: UndeployedSafeProps): props is ReplayedSafeProps =>
+  'safeAccountConfig' in props && 'masterCopy' in props && 'factoryAddress' in props && 'saltNonce' in props
+
+export const isPredictedSafeProps = (props: UndeployedSafeProps): props is PredictedSafeProps =>
+  'safeAccountConfig' in props && !('masterCopy' in props)
+
+export const determineMasterCopyVersion = (masterCopy: string, chainId: string): SafeVersion | undefined => {
+  const SAFE_VERSIONS: SafeVersion[] = ['1.4.1', '1.3.0', '1.2.0', '1.1.1', '1.0.0']
+  return SAFE_VERSIONS.find((version) => {
+    const isL1Singleton = () => {
+      const deployments = getSafeSingletonDeployments({ version })?.networkAddresses[chainId]
+
+      if (Array.isArray(deployments)) {
+        return deployments.some((deployment) => sameAddress(masterCopy, deployment))
+      }
+      return sameAddress(masterCopy, deployments)
+    }
+
+    const isL2Singleton = () => {
+      const deployments = getSafeL2SingletonDeployments({ version })?.networkAddresses[chainId]
+
+      if (Array.isArray(deployments)) {
+        return deployments.some((deployment) => sameAddress(masterCopy, deployment))
+      }
+      return sameAddress(masterCopy, deployments)
+    }
+
+    return isL1Singleton() || isL2Singleton()
+  })
+}
+
+export const extractCounterfactualSafeSetup = (
+  undeployedSafe: UndeployedSafe | undefined,
+  chainId: string | undefined,
+):
+  | {
+      owners: string[]
+      threshold: number
+      fallbackHandler: string | undefined
+      safeVersion: SafeVersion | undefined
+      saltNonce: string | undefined
+    }
+  | undefined => {
+  if (!undeployedSafe || !chainId || !undeployedSafe.props.safeAccountConfig) {
+    return undefined
+  }
+  const { owners, threshold, fallbackHandler } = undeployedSafe.props.safeAccountConfig
+  const { safeVersion, saltNonce } = isPredictedSafeProps(undeployedSafe.props)
+    ? (undeployedSafe.props.safeDeploymentConfig ?? {})
+    : undeployedSafe.props
+
+  return {
+    owners,
+    threshold: Number(threshold),
+    fallbackHandler,
+    safeVersion,
+    saltNonce,
+  }
+}
+
+export const activateReplayedSafe = async (
+  chain: ChainInfo,
+  props: ReplayedSafeProps,
+  provider: BrowserProvider,
+  options: TransactionOptions,
+) => {
+  const data = encodeSafeCreationTx(props, chain)
+
+  return (await provider.getSigner()).sendTransaction({
+    ...options,
+    to: props.factoryAddress,
+    data,
+    value: '0',
+  })
+}
diff --git a/apps/web/src/features/earn/components/EarnButton/index.tsx b/apps/web/src/features/earn/components/EarnButton/index.tsx
new file mode 100644
index 000000000..d9622063b
--- /dev/null
+++ b/apps/web/src/features/earn/components/EarnButton/index.tsx
@@ -0,0 +1,62 @@
+import CheckWallet from '@/components/common/CheckWallet'
+import Track from '@/components/common/Track'
+import { AppRoutes } from '@/config/routes'
+import useSpendingLimit from '@/hooks/useSpendingLimit'
+import { Button } from '@mui/material'
+import type { TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { useRouter } from 'next/router'
+import type { ReactElement } from 'react'
+import EarnIcon from '@/public/images/common/earn.svg'
+import { EARN_EVENTS, type EARN_LABELS } from '@/services/analytics/events/earn'
+import { useCurrentChain } from '@/hooks/useChains'
+import css from './styles.module.css'
+import classnames from 'classnames'
+
+const EarnButton = ({
+  tokenInfo,
+  trackingLabel,
+  compact = true,
+}: {
+  tokenInfo: TokenInfo
+  trackingLabel: EARN_LABELS
+  compact?: boolean
+}): ReactElement => {
+  const spendingLimit = useSpendingLimit(tokenInfo)
+  const chain = useCurrentChain()
+  const router = useRouter()
+
+  const onEarnClick = () => {
+    router.push({
+      pathname: AppRoutes.earn,
+      query: {
+        ...router.query,
+        asset_id: `${chain?.chainId}_${tokenInfo.address}`,
+      },
+    })
+  }
+
+  return (
+    <CheckWallet allowSpendingLimit={!!spendingLimit}>
+      {(isOk) => (
+        <Track {...EARN_EVENTS.OPEN_EARN_PAGE} label={trackingLabel}>
+          <Button
+            className={classnames({ [css.button]: compact, [css.buttonDisabled]: !isOk })}
+            data-testid="earn-btn"
+            aria-label="Earn"
+            variant={compact ? 'text' : 'contained'}
+            color={compact ? 'info' : 'background.paper'}
+            size={compact ? 'small' : 'compact'}
+            disableElevation
+            startIcon={<EarnIcon />}
+            onClick={onEarnClick}
+            disabled={!isOk}
+          >
+            Earn
+          </Button>
+        </Track>
+      )}
+    </CheckWallet>
+  )
+}
+
+export default EarnButton
diff --git a/apps/web/src/features/earn/components/EarnButton/styles.module.css b/apps/web/src/features/earn/components/EarnButton/styles.module.css
new file mode 100644
index 000000000..1f558c996
--- /dev/null
+++ b/apps/web/src/features/earn/components/EarnButton/styles.module.css
@@ -0,0 +1,16 @@
+.button {
+  padding: 0 4px;
+  border: 1px solid var(--color-info-light);
+  color: var(--color-info-dark);
+  border-radius: 100px;
+  font-size: 13px;
+}
+
+.button :global .MuiButton-startIcon {
+  margin-left: 0;
+  margin-right: 4px;
+}
+
+.buttonDisabled {
+  border-color: var(--color-text-disabled);
+}
diff --git a/apps/web/src/features/earn/components/EarnInfo/index.tsx b/apps/web/src/features/earn/components/EarnInfo/index.tsx
new file mode 100644
index 000000000..32c1b650a
--- /dev/null
+++ b/apps/web/src/features/earn/components/EarnInfo/index.tsx
@@ -0,0 +1,254 @@
+import { Card, Box, Grid2 as Grid, Typography, Button, SvgIcon, Stack, Tooltip } from '@mui/material'
+import Image from 'next/image'
+import EarnIllustrationLight from '@/public/images/common/earn-illustration-light.png'
+
+import CheckIcon from '@/public/images/common/check.svg'
+import StarIcon from '@/public/images/common/star.svg'
+import EyeIcon from '@/public/images/common/eye.svg'
+import FiatIcon from '@/public/images/common/fiat.svg'
+import Track from '@/components/common/Track'
+import useBalances from '@/hooks/useBalances'
+import { EligibleEarnTokens, VaultAPYs } from '@/features/earn/constants'
+import useChainId from '@/hooks/useChainId'
+import TokenIcon from '@/components/common/TokenIcon'
+import TokenAmount from '@/components/common/TokenAmount'
+import FiatValue from '@/components/common/FiatValue'
+import { formatPercentage } from '@safe-global/utils/utils/formatters'
+import css from './styles.module.css'
+import Kiln from '@/public/images/common/kiln-symbol.svg'
+import Morpho from '@/public/images/common/morpho-symbol.svg'
+import Cross from '@/public/images/common/cross.svg'
+import classNames from 'classnames'
+import { useDarkMode } from '@/hooks/useDarkMode'
+import { useRouter } from 'next/router'
+import { AppRoutes } from '@/config/routes'
+import { trackEvent } from '@/services/analytics'
+import { EARN_EVENTS, EARN_LABELS } from '@/services/analytics/events/earn'
+import ExternalLink from '@/components/common/ExternalLink'
+import { APYDisclaimer, EARN_HELP_ARTICLE, ApproximateAPY } from '@/features/earn/constants'
+
+export const EarnPoweredBy = () => {
+  const isDarkMode = useDarkMode()
+
+  return (
+    <Stack spacing={1} direction="row">
+      <Typography variant="overline" color="text.secondary" fontWeight="bold">
+        Powered by
+      </Typography>
+      <SvgIcon
+        component={Morpho}
+        inheritViewBox
+        color="border"
+        className={classNames(css.morphoIcon, { [css.kilnIconDarkMode]: isDarkMode })}
+      />
+      <SvgIcon
+        component={Cross}
+        inheritViewBox
+        color="border"
+        sx={{ width: 12, height: 12 }}
+        className={classNames({ [css.kilnIconDarkMode]: isDarkMode })}
+      />
+      <SvgIcon
+        component={Kiln}
+        inheritViewBox
+        color="border"
+        className={classNames(css.kilnIcon, { [css.kilnIconDarkMode]: isDarkMode })}
+      />
+    </Stack>
+  )
+}
+
+export const EarnBannerCopy = () => {
+  const isDarkMode = useDarkMode()
+
+  return (
+    <>
+      <Typography variant="h2" className={classNames(css.header, { [css.gradientText]: isDarkMode })}>
+        Earn up to{' '}
+        <Typography className={classNames({ [css.gradientText]: isDarkMode })} variant="h2" component="span">
+          {formatPercentage(ApproximateAPY)} APY*
+        </Typography>{' '}
+        and get MORPHO rewards
+      </Typography>
+
+      <Typography variant="body1" className={css.content} mt={2}>
+        Deposit stablecoins, wstETH, ETH, and WBTC straight from your account and let your assets compound in minutes.{' '}
+        <Track {...EARN_EVENTS.OPEN_EARN_LEARN_MORE} label={EARN_LABELS.safe_dashboard_banner}>
+          <ExternalLink href={EARN_HELP_ARTICLE}>Learn more</ExternalLink>
+        </Track>
+      </Typography>
+    </>
+  )
+}
+
+const EarnInfo = ({ onGetStarted }: { onGetStarted: () => void }) => {
+  const { balances } = useBalances()
+  const chainId = useChainId()
+  const router = useRouter()
+
+  const eligibleAssets = balances.items.filter((token) => EligibleEarnTokens[chainId].includes(token.tokenInfo.address))
+
+  return (
+    <Box m={3}>
+      <Card sx={{ p: 4 }}>
+        <Grid container spacing={3}>
+          <Grid container size={{ xs: 12, md: 7 }} rowSpacing={3}>
+            <Grid size={{ xs: 12 }} zIndex={2}>
+              <EarnPoweredBy />
+            </Grid>
+
+            <Grid size={{ xs: 12 }} zIndex={2} maxWidth={600}>
+              <EarnBannerCopy />
+            </Grid>
+
+            <Grid container size={{ xs: 12 }} textAlign="center" spacing={2}>
+              <Grid size={{ xs: 12, md: 'auto' }}>
+                <Track {...EARN_EVENTS.GET_STARTED_WITH_EARN}>
+                  <Button fullWidth variant="contained" onClick={onGetStarted}>
+                    Get started
+                  </Button>
+                </Track>
+              </Grid>
+            </Grid>
+          </Grid>
+
+          <Grid
+            size={{ xs: 12, md: 5 }}
+            display={{ xs: 'none', sm: 'flex' }}
+            position="relative"
+            sx={{ backgroundColor: 'background.main', alignItems: 'center', justifyContent: 'center' }}
+          >
+            <Image src={EarnIllustrationLight} alt="Earn illustration" width={239} height={239} />
+          </Grid>
+        </Grid>
+      </Card>
+
+      <Grid container spacing={3}>
+        <Grid size={{ xs: 12, md: 'grow' }}>
+          <Typography variant="h3" mt={3} mb={2} fontWeight="bold">
+            Your benefits
+          </Typography>
+          <Card sx={{ p: 4 }}>
+            <Stack spacing={2}>
+              <Stack direction="row" spacing={2}>
+                <Box className={css.benefitIcon}>
+                  <SvgIcon component={CheckIcon} color="success" inheritViewBox fontSize="small" />
+                </Box>
+                <Box>
+                  <Typography fontWeight="bold" mb={0.5}>
+                    Never leave the app
+                  </Typography>
+                  <Typography>Interact with your assets right in Safe Wallet UI.</Typography>
+                </Box>
+              </Stack>
+
+              <Stack direction="row" spacing={2} className={css.benefit}>
+                <Box className={css.benefitIcon}>
+                  <SvgIcon component={StarIcon} color="success" inheritViewBox fontSize="small" />
+                </Box>
+                <Box>
+                  <Typography fontWeight="bold" mb={0.5}>
+                    Collect earnings every day
+                  </Typography>
+                  <Typography>Your balance keeps working for you.</Typography>
+                </Box>
+              </Stack>
+
+              <Stack direction="row" spacing={2} className={css.benefit}>
+                <Box className={css.benefitIcon}>
+                  <SvgIcon component={EyeIcon} color="success" inheritViewBox fontSize="small" />
+                </Box>
+                <Box>
+                  <Typography fontWeight="bold" mb={0.5}>
+                    Understand every transaction
+                  </Typography>
+                  <Typography>User-friendly transactions that are easy to understand for all signers.</Typography>
+                </Box>
+              </Stack>
+
+              <Stack direction="row" spacing={2} className={css.benefit}>
+                <Box className={css.benefitIcon}>
+                  <SvgIcon component={FiatIcon} color="success" inheritViewBox fontSize="small" />
+                </Box>
+                <Box>
+                  <Typography fontWeight="bold" mb={0.5}>
+                    Cash out whenever you want
+                  </Typography>
+                  <Typography>Zero lock-ups, zero penalties.</Typography>
+                </Box>
+              </Stack>
+            </Stack>
+          </Card>
+        </Grid>
+
+        {eligibleAssets.length > 0 && (
+          <Grid size={{ xs: 12, md: 'grow' }}>
+            <Typography variant="h3" mt={3} mb={2} fontWeight="bold">
+              Eligible assets
+            </Typography>
+
+            <Stack spacing={2}>
+              {eligibleAssets.map((asset) => {
+                const vaultAPY = formatPercentage(VaultAPYs[chainId][asset.tokenInfo.address] / 100)
+
+                const onEarnClick = () => {
+                  onGetStarted()
+
+                  trackEvent({ ...EARN_EVENTS.OPEN_EARN_PAGE, label: EARN_LABELS.info_asset })
+
+                  router.push({
+                    pathname: AppRoutes.earn,
+                    query: {
+                      ...router.query,
+                      asset_id: `${chainId}_${asset.tokenInfo.address}`,
+                    },
+                  })
+                }
+
+                return (
+                  <Card key={asset.tokenInfo.address} sx={{ p: 2 }}>
+                    <Stack direction="row" justifyContent="space-between" alignItems="center" spacing={1}>
+                      <Stack direction="row" spacing={2} alignItems="center">
+                        <TokenIcon logoUri={asset.tokenInfo.logoUri} tokenSymbol={asset.tokenInfo.symbol} size={32} />
+                        <Box>
+                          <Typography variant="body2">
+                            <TokenAmount
+                              value={asset.balance}
+                              decimals={asset.tokenInfo.decimals}
+                              tokenSymbol={asset.tokenInfo.symbol}
+                              logoUri={undefined}
+                            />
+                          </Typography>
+                          <Typography variant="body2">
+                            <FiatValue value={asset.fiatBalance} />
+                          </Typography>
+                        </Box>
+                      </Stack>
+                      <Stack direction="row" spacing={2} alignItems="center">
+                        <Tooltip title="as of 03.06.2025">
+                          <Typography variant="caption" className={css.apy}>
+                            Up to {vaultAPY}*
+                          </Typography>
+                        </Tooltip>
+
+                        <Button variant="outlined" size="small" onClick={onEarnClick}>
+                          Earn
+                        </Button>
+                      </Stack>
+                    </Stack>
+                  </Card>
+                )
+              })}
+            </Stack>
+          </Grid>
+        )}
+      </Grid>
+
+      <Typography component="div" variant="caption" zIndex={2} mt={2}>
+        {APYDisclaimer}
+      </Typography>
+    </Box>
+  )
+}
+
+export default EarnInfo
diff --git a/apps/web/src/features/earn/components/EarnInfo/styles.module.css b/apps/web/src/features/earn/components/EarnInfo/styles.module.css
new file mode 100644
index 000000000..279cc896a
--- /dev/null
+++ b/apps/web/src/features/earn/components/EarnInfo/styles.module.css
@@ -0,0 +1,91 @@
+.benefitIcon {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background-color: var(--color-success-background);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: var(--space-2);
+  flex-shrink: 0;
+}
+
+.benefit {
+  border-top: 1px solid var(--color-border-light);
+  padding-top: var(--space-2);
+}
+
+.apy {
+  padding: 4px var(--space-1);
+  background: var(--color-text-disabled);
+  border-radius: 4px;
+}
+
+.bannerWrapper {
+  position: relative;
+  border: none;
+  margin: 0;
+  padding: var(--space-4);
+}
+
+.earnIllustration {
+  position: absolute;
+  height: inherit;
+  right: var(--space-10);
+}
+
+.gradientShadow {
+  width: 400px;
+  height: 243px;
+  background: linear-gradient(#b0ffc9, #5fddff);
+  filter: blur(40px);
+  position: absolute;
+  right: 0;
+  top: var(--space-8);
+  border-radius: 50%;
+}
+
+.gradientShadowDarkMode {
+  background: linear-gradient(#04491a, #087796);
+}
+
+.kilnIcon {
+  height: 20px;
+  width: inherit;
+  margin-top: -5px !important;
+}
+
+.kilnIconDarkMode path {
+  fill: var(--color-primary-light);
+}
+
+.morphoIcon {
+  height: 20px;
+  width: inherit;
+  margin-top: -5px !important;
+}
+
+.morphoIconDarkMode path {
+  fill: var(--color-primary-light);
+}
+
+.gradientText {
+  background: linear-gradient(225deg, #5fddff 12.5%, #12ff80 88.07%);
+  background-clip: text;
+  color: transparent;
+}
+
+.header {
+  max-width: 600px;
+  font-weight: bold;
+}
+
+.content {
+  max-width: 550px;
+}
+
+@media (max-width: 899.99px) {
+  .header {
+    padding: 0;
+  }
+}
diff --git a/apps/web/src/features/earn/components/EarnView/index.tsx b/apps/web/src/features/earn/components/EarnView/index.tsx
new file mode 100644
index 000000000..d7dd11275
--- /dev/null
+++ b/apps/web/src/features/earn/components/EarnView/index.tsx
@@ -0,0 +1,17 @@
+import EarnInfo from '@/features/earn/components/EarnInfo'
+import EarnWidget from '@/features/earn/components/EarnWidget'
+import { useRouter } from 'next/router'
+import useLocalStorage from '@/services/local-storage/useLocalStorage'
+import { hideEarnInfoStorageKey } from '@/features/earn/constants'
+
+const EarnView = () => {
+  const [infoHidden = false, setInfoHidden] = useLocalStorage<boolean>(hideEarnInfoStorageKey)
+  const router = useRouter()
+  const { asset_id } = router.query
+
+  if (infoHidden) return <EarnWidget asset={asset_id ? String(asset_id) : undefined} />
+
+  return <EarnInfo onGetStarted={() => setInfoHidden(true)} />
+}
+
+export default EarnView
diff --git a/apps/web/src/features/earn/components/EarnWidget/index.tsx b/apps/web/src/features/earn/components/EarnWidget/index.tsx
new file mode 100644
index 000000000..3b4b954a6
--- /dev/null
+++ b/apps/web/src/features/earn/components/EarnWidget/index.tsx
@@ -0,0 +1,32 @@
+import { useMemo } from 'react'
+import AppFrame from '@/components/safe-apps/AppFrame'
+import { getEmptySafeApp } from '@/components/safe-apps/utils'
+import { widgetAppData } from '@/features/earn/constants'
+import useGetWidgetUrl from '@/features/earn/hooks/useGetWidgetUrl'
+import { useDarkMode } from '@/hooks/useDarkMode'
+
+const EarnWidget = ({ asset }: { asset?: string }) => {
+  const url = useGetWidgetUrl(asset)
+  const isDarkMode = useDarkMode()
+
+  const appData = useMemo(
+    () => ({
+      ...getEmptySafeApp(),
+      ...widgetAppData,
+      iconUrl: isDarkMode ? '/images/common/earn-light.svg' : '/images/common/earn.svg',
+      url,
+    }),
+    [url, isDarkMode],
+  )
+
+  return (
+    <AppFrame
+      appUrl={appData.url}
+      allowedFeaturesList="clipboard-read; clipboard-write"
+      safeAppFromManifest={appData}
+      isNativeEmbed
+    />
+  )
+}
+
+export default EarnWidget
diff --git a/apps/web/src/features/earn/components/VaultDepositConfirmation/index.tsx b/apps/web/src/features/earn/components/VaultDepositConfirmation/index.tsx
new file mode 100644
index 000000000..789504e72
--- /dev/null
+++ b/apps/web/src/features/earn/components/VaultDepositConfirmation/index.tsx
@@ -0,0 +1,191 @@
+import type { VaultDepositTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { Box, Stack, Typography } from '@mui/material'
+import TokenIcon from '@/components/common/TokenIcon'
+import TokenAmount from '@/components/common/TokenAmount'
+import { vaultTypeToLabel } from '@/features/earn/utils'
+import { formatPercentage } from '@safe-global/utils/utils/formatters'
+import { DataTable } from '@/components/common/Table/DataTable'
+import { DataRow } from '@/components/common/Table/DataRow'
+import IframeIcon from '@/components/common/IframeIcon'
+import { InfoTooltip } from '@/features/stake/components/InfoTooltip'
+import { BRAND_NAME } from '@/config/constants'
+
+const AdditionalRewards = ({ txInfo }: { txInfo: VaultDepositTransactionInfo }) => {
+  if (!txInfo.additionalRewards[0]) return null
+
+  return (
+    <Stack sx={{ border: '1px solid #ddd', borderRadius: '6px', padding: '12px', mt: 1 }}>
+      <DataTable
+        header="Additional reward"
+        rows={[
+          <DataRow key="Token" title="Token">
+            {txInfo.additionalRewards[0].tokenInfo.name}{' '}
+            <Typography component="span" color="primary.light">
+              {txInfo.additionalRewards[0].tokenInfo.symbol}
+            </Typography>
+          </DataRow>,
+
+          <DataRow key="Earn" title="Earn">
+            {formatPercentage(txInfo.additionalRewardsNrr / 100)}
+          </DataRow>,
+
+          <DataRow key="Fee" title="Fee">
+            0%
+          </DataRow>,
+
+          <Typography
+            key="Powered by"
+            variant="caption"
+            color="text.secondary"
+            display="flex"
+            alignItems="center"
+            gap={0.5}
+            mt={1}
+          >
+            Powered by <IframeIcon src={txInfo.vaultInfo.logoUri} alt="Morpho logo" width={16} height={16} /> Morpho
+          </Typography>,
+        ]}
+      />
+    </Stack>
+  )
+}
+
+const ConfirmationHeader = ({ txInfo }: { txInfo: VaultDepositTransactionInfo }) => {
+  const totalNrr = (txInfo.baseNrr + txInfo.additionalRewardsNrr) / 100
+
+  return (
+    <Stack key="amount" direction="row" gap={1} mb={1}>
+      <Stack
+        direction="row"
+        sx={{
+          flexWrap: 'wrap',
+          alignItems: 'center',
+          width: '50%',
+          bgcolor: 'border.background',
+          position: 'relative',
+          borderRadius: 1,
+          py: 2,
+          px: 3,
+        }}
+      >
+        {txInfo.tokenInfo && (
+          <Box width={40} mr={2}>
+            <TokenIcon size={40} logoUri={txInfo.tokenInfo.logoUri || ''} tokenSymbol={txInfo.tokenInfo.symbol} />
+          </Box>
+        )}
+
+        <Box flex={1}>
+          <Typography variant="body2" color="primary.light">
+            {vaultTypeToLabel[txInfo.type]}
+          </Typography>
+
+          <Typography variant="h4" fontWeight="bold" component="div">
+            {txInfo.tokenInfo ? (
+              <TokenAmount
+                tokenSymbol={txInfo.tokenInfo.symbol}
+                value={txInfo.value}
+                decimals={txInfo.tokenInfo.decimals}
+              />
+            ) : (
+              txInfo.value
+            )}
+          </Typography>
+        </Box>
+      </Stack>
+
+      <Stack
+        direction="row"
+        sx={{
+          flexWrap: 'wrap',
+          alignItems: 'center',
+          width: '50%',
+          bgcolor: 'border.background',
+          position: 'relative',
+          borderRadius: 1,
+          py: 2,
+          px: 3,
+        }}
+      >
+        <Box flex={1}>
+          <Typography variant="body2" color="primary.light">
+            Earn (after fees)
+          </Typography>
+
+          <Typography variant="h4" fontWeight="bold" component="div">
+            {formatPercentage(totalNrr)}
+          </Typography>
+        </Box>
+      </Stack>
+    </Stack>
+  )
+}
+
+const VaultDepositConfirmation = ({
+  txInfo,
+  isTxDetails = false,
+}: {
+  txInfo: VaultDepositTransactionInfo
+  isTxDetails?: boolean
+}) => {
+  if (!txInfo.vaultInfo) return null
+
+  const annualReward = Number(txInfo.expectedAnnualReward).toFixed(0)
+  const monthlyReward = Number(txInfo.expectedMonthlyReward).toFixed(0)
+
+  return (
+    <>
+      <DataTable
+        rows={[
+          <>{!isTxDetails && <ConfirmationHeader txInfo={txInfo} />}</>,
+
+          <DataRow key="Deposit via" title="Deposit via">
+            <Stack direction="row" alignItems="center">
+              <IframeIcon src={txInfo.vaultInfo.logoUri} alt="Morpho logo" width={24} height={24} />
+              <Typography component="span" ml={1} fontWeight="bold">
+                {txInfo.vaultInfo.name}
+              </Typography>
+            </Stack>
+          </DataRow>,
+
+          <DataRow key="Expected annual reward" title="Exp. annual reward">
+            <TokenAmount
+              tokenSymbol={txInfo.tokenInfo.symbol}
+              value={annualReward}
+              decimals={txInfo.tokenInfo.decimals}
+            />
+          </DataRow>,
+
+          <DataRow key="Expected monthly reward" title="Exp. monthly reward">
+            <TokenAmount
+              tokenSymbol={txInfo.tokenInfo.symbol}
+              value={monthlyReward}
+              decimals={txInfo.tokenInfo.decimals}
+            />
+          </DataRow>,
+
+          <DataRow
+            key="Performance fee"
+            title={
+              <>
+                Performance fee
+                <InfoTooltip
+                  title={`The performance fee incurred here is charged by Kiln for the operation of this widget. The fee is calculated automatically. Part of the fee will contribute to a license fee that supports the Safe Community. Neither the Safe Ecosystem Foundation nor ${BRAND_NAME} operates the Kiln Widget and/or Kiln.`}
+                />
+              </>
+            }
+          >
+            {formatPercentage(txInfo.fee, true)}
+          </DataRow>,
+
+          <AdditionalRewards key="Additional rewards" txInfo={txInfo} />,
+
+          <Typography key="Vault description" variant="body2" color="text.secondary" mt={1}>
+            {txInfo.vaultInfo.description}
+          </Typography>,
+        ]}
+      />
+    </>
+  )
+}
+
+export default VaultDepositConfirmation
diff --git a/apps/web/src/features/earn/components/VaultDepositTxDetails/index.tsx b/apps/web/src/features/earn/components/VaultDepositTxDetails/index.tsx
new file mode 100644
index 000000000..b40d76a0a
--- /dev/null
+++ b/apps/web/src/features/earn/components/VaultDepositTxDetails/index.tsx
@@ -0,0 +1,27 @@
+import type { VaultDepositTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import VaultDepositConfirmation from '@/features/earn/components/VaultDepositConfirmation'
+import { Box } from '@mui/material'
+import FieldsGrid from '@/components/tx/FieldsGrid'
+import TokenAmount from '@/components/common/TokenAmount'
+import { formatPercentage } from '@safe-global/utils/utils/formatters'
+
+const VaultDepositTxDetails = ({ info }: { info: VaultDepositTransactionInfo }) => {
+  const totalNrr = (info.baseNrr + info.additionalRewardsNrr) / 100
+
+  return (
+    <Box pl={1} pr={5} display="flex" flexDirection="column" gap={1}>
+      <FieldsGrid title="Deposit">
+        <TokenAmount
+          tokenSymbol={info.tokenInfo.symbol}
+          value={info.value}
+          logoUri={info.tokenInfo.logoUri || ''}
+          decimals={info.tokenInfo.decimals}
+        />
+      </FieldsGrid>
+      <FieldsGrid title="Earn (after fees)">{formatPercentage(totalNrr)}</FieldsGrid>
+      <VaultDepositConfirmation txInfo={info} isTxDetails />
+    </Box>
+  )
+}
+
+export default VaultDepositTxDetails
diff --git a/apps/web/src/features/earn/components/VaultDepositTxInfo/index.tsx b/apps/web/src/features/earn/components/VaultDepositTxInfo/index.tsx
new file mode 100644
index 000000000..a0082388c
--- /dev/null
+++ b/apps/web/src/features/earn/components/VaultDepositTxInfo/index.tsx
@@ -0,0 +1,15 @@
+import TokenAmount from '@/components/common/TokenAmount'
+import type { VaultDepositTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+const VaultDepositTxInfo = ({ txInfo }: { txInfo: VaultDepositTransactionInfo }) => {
+  return (
+    <TokenAmount
+      logoUri={txInfo.tokenInfo.logoUri!}
+      value={txInfo.value}
+      tokenSymbol={txInfo.tokenInfo.symbol}
+      decimals={txInfo.tokenInfo.decimals}
+    />
+  )
+}
+
+export default VaultDepositTxInfo
diff --git a/apps/web/src/features/earn/components/VaultRedeemConfirmation/index.tsx b/apps/web/src/features/earn/components/VaultRedeemConfirmation/index.tsx
new file mode 100644
index 000000000..d11368836
--- /dev/null
+++ b/apps/web/src/features/earn/components/VaultRedeemConfirmation/index.tsx
@@ -0,0 +1,170 @@
+import type { VaultRedeemTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { Box, Stack, Typography } from '@mui/material'
+import TokenIcon from '@/components/common/TokenIcon'
+import TokenAmount from '@/components/common/TokenAmount'
+import { vaultTypeToLabel } from '@/features/earn/utils'
+import { formatPercentage } from '@safe-global/utils/utils/formatters'
+import { DataTable } from '@/components/common/Table/DataTable'
+import { DataRow } from '@/components/common/Table/DataRow'
+import IframeIcon from '@/components/common/IframeIcon'
+
+// TODO: Check if additional rewards can actually appear for a withdraw/redeem
+const AdditionalRewards = ({ txInfo }: { txInfo: VaultRedeemTransactionInfo }) => {
+  if (!txInfo.additionalRewards[0]) return null
+
+  const additionalRewardsClaimable = Number(txInfo.additionalRewards[0].claimable) > 0
+
+  if (!additionalRewardsClaimable) return null
+
+  return (
+    <Stack sx={{ border: '1px solid #ddd', borderRadius: '6px', padding: '12px', mt: 1 }}>
+      <DataTable
+        header="Additional reward"
+        rows={[
+          <DataRow key="Token" title="Token">
+            {txInfo.additionalRewards[0].tokenInfo.name}{' '}
+            <Typography component="span" color="primary.light">
+              {txInfo.additionalRewards[0].tokenInfo.symbol}
+            </Typography>
+          </DataRow>,
+
+          <DataRow key="Earn" title="Earn">
+            {formatPercentage(txInfo.additionalRewardsNrr / 100)}
+          </DataRow>,
+
+          <Typography
+            key="Powered by"
+            variant="caption"
+            color="text.secondary"
+            display="flex"
+            alignItems="center"
+            gap={0.5}
+            mt={1}
+          >
+            Powered by <IframeIcon src={txInfo.vaultInfo.logoUri} alt="Morpho logo" width={16} height={16} /> Morpho
+          </Typography>,
+        ]}
+      />
+    </Stack>
+  )
+}
+
+const ConfirmationHeader = ({ txInfo }: { txInfo: VaultRedeemTransactionInfo }) => {
+  return (
+    <Stack key="amount" direction="row" gap={1} mb={1}>
+      <Stack
+        direction="row"
+        sx={{
+          flexWrap: 'wrap',
+          alignItems: 'center',
+          width: '50%',
+          bgcolor: 'border.background',
+          position: 'relative',
+          borderRadius: 1,
+          py: 2,
+          px: 3,
+        }}
+      >
+        {txInfo.tokenInfo && (
+          <Box width={40} mr={2}>
+            <TokenIcon size={40} logoUri={txInfo.tokenInfo.logoUri || ''} tokenSymbol={txInfo.tokenInfo.symbol} />
+          </Box>
+        )}
+
+        <Box flex={1}>
+          <Typography variant="body2" color="primary.light">
+            {vaultTypeToLabel[txInfo.type]}
+          </Typography>
+
+          <Typography variant="h4" fontWeight="bold" component="div">
+            {txInfo.tokenInfo ? (
+              <TokenAmount
+                tokenSymbol={txInfo.tokenInfo.symbol}
+                value={txInfo.value}
+                decimals={txInfo.tokenInfo.decimals}
+              />
+            ) : (
+              txInfo.value
+            )}
+          </Typography>
+        </Box>
+      </Stack>
+
+      <Stack
+        direction="row"
+        sx={{
+          flexWrap: 'wrap',
+          alignItems: 'center',
+          width: '50%',
+          bgcolor: 'border.background',
+          position: 'relative',
+          borderRadius: 1,
+          py: 2,
+          px: 3,
+        }}
+      >
+        <Box flex={1}>
+          <Typography variant="body2" color="primary.light">
+            Current reward
+          </Typography>
+
+          <Typography variant="h4" fontWeight="bold" component="div">
+            <TokenAmount
+              value={txInfo.currentReward}
+              tokenSymbol={txInfo.tokenInfo.symbol}
+              decimals={txInfo.tokenInfo.decimals}
+            />
+          </Typography>
+        </Box>
+      </Stack>
+    </Stack>
+  )
+}
+
+const VaultRedeemConfirmation = ({
+  txInfo,
+  isTxDetails = false,
+}: {
+  txInfo: VaultRedeemTransactionInfo
+  isTxDetails?: boolean
+}) => {
+  return (
+    <>
+      <DataTable
+        rows={[
+          <>{!isTxDetails && <ConfirmationHeader txInfo={txInfo} />}</>,
+
+          <>
+            {isTxDetails && (
+              <DataRow key="Current reward" title="Current reward">
+                <TokenAmount
+                  value={txInfo.currentReward}
+                  tokenSymbol={txInfo.tokenInfo.symbol}
+                  decimals={txInfo.tokenInfo.decimals}
+                  logoUri={txInfo.tokenInfo.logoUri ?? undefined}
+                />
+              </DataRow>
+            )}
+          </>,
+
+          <DataRow key="Withdraw from" title="Withdraw from">
+            <Stack direction="row" alignItems="center">
+              <IframeIcon src={txInfo.vaultInfo.logoUri} alt="Morpho logo" width={24} height={24} />
+              <Typography component="span" ml={1} fontWeight="bold">
+                {txInfo.vaultInfo.name}
+              </Typography>
+            </Stack>
+          </DataRow>,
+
+          <AdditionalRewards key="Additional rewards" txInfo={txInfo} />,
+
+          <Typography key="Vault description" variant="body2" color="text.secondary" mt={1}>
+            {txInfo.vaultInfo.description}
+          </Typography>,
+        ]}
+      />
+    </>
+  )
+}
+
+export default VaultRedeemConfirmation
diff --git a/apps/web/src/features/earn/components/VaultRedeemTxDetails/index.tsx b/apps/web/src/features/earn/components/VaultRedeemTxDetails/index.tsx
new file mode 100644
index 000000000..aa8b2baf1
--- /dev/null
+++ b/apps/web/src/features/earn/components/VaultRedeemTxDetails/index.tsx
@@ -0,0 +1,23 @@
+import type { VaultRedeemTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { Box } from '@mui/material'
+import FieldsGrid from '@/components/tx/FieldsGrid'
+import TokenAmount from '@/components/common/TokenAmount'
+import VaultRedeemConfirmation from '@/features/earn/components/VaultRedeemConfirmation'
+
+const VaultRedeemTxDetails = ({ info }: { info: VaultRedeemTransactionInfo }) => {
+  return (
+    <Box pl={1} pr={5} display="flex" flexDirection="column" gap={1}>
+      <FieldsGrid title="Withdraw">
+        <TokenAmount
+          tokenSymbol={info.tokenInfo.symbol}
+          value={info.value}
+          logoUri={info.tokenInfo.logoUri || ''}
+          decimals={info.tokenInfo.decimals}
+        />
+      </FieldsGrid>
+      <VaultRedeemConfirmation txInfo={info} isTxDetails />
+    </Box>
+  )
+}
+
+export default VaultRedeemTxDetails
diff --git a/apps/web/src/features/earn/components/VaultRedeemTxInfo/index.tsx b/apps/web/src/features/earn/components/VaultRedeemTxInfo/index.tsx
new file mode 100644
index 000000000..b4299a6d3
--- /dev/null
+++ b/apps/web/src/features/earn/components/VaultRedeemTxInfo/index.tsx
@@ -0,0 +1,15 @@
+import TokenAmount from '@/components/common/TokenAmount'
+import type { VaultDepositTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+const VaultRedeemTxInfo = ({ txInfo }: { txInfo: VaultDepositTransactionInfo }) => {
+  return (
+    <TokenAmount
+      logoUri={txInfo.tokenInfo.logoUri!}
+      value={txInfo.value}
+      tokenSymbol={txInfo.tokenInfo.symbol}
+      decimals={txInfo.tokenInfo.decimals}
+    />
+  )
+}
+
+export default VaultRedeemTxInfo
diff --git a/apps/web/src/features/earn/constants.ts b/apps/web/src/features/earn/constants.ts
new file mode 100644
index 000000000..f52d52ef0
--- /dev/null
+++ b/apps/web/src/features/earn/constants.ts
@@ -0,0 +1,46 @@
+export const EARN_TITLE = 'Earn'
+export const WIDGET_TESTNET_URL = 'https://safe.widget.testnet.kiln.fi/earn'
+export const WIDGET_PRODUCTION_URL = 'https://safe-defi.widget.kiln.fi/earn'
+export const EARN_CONSENT_STORAGE_KEY = 'lendDisclaimerAcceptedV1'
+export const EARN_HELP_ARTICLE = 'https://help.safe.global/en/articles/322149-defi-lending-in-safe-wallet'
+
+export const widgetAppData = {
+  url: WIDGET_TESTNET_URL,
+  name: EARN_TITLE,
+  chainIds: ['1', '8453'],
+}
+
+export const hideEarnInfoStorageKey = 'hideEarnInfoV2'
+
+export const EligibleEarnTokens: Record<string, string[]> = {
+  '1': [
+    '0xdAC17F958D2ee523a2206206994597C13D831ec7', // USDT
+    '0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2', // WETH
+    '0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48', // USDC
+    '0x7f39c581f595b53c5cb19bd0b3f8da6c935e2ca0', // wstETH
+    '0x2260fac5e5542a773aa44fbcfedf7c193bc2c599', // WBTC
+  ],
+  '8453': [
+    '0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913', // USDC
+    '0x4200000000000000000000000000000000000006', // WETH
+  ],
+}
+
+// Vault APYs as of 03.06.2025
+export const VaultAPYs: Record<string, Record<string, number>> = {
+  '1': {
+    '0xdAC17F958D2ee523a2206206994597C13D831ec7': 3.55,
+    '0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2': 3.89,
+    '0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48': 3.78,
+    '0x7f39c581f595b53c5cb19bd0b3f8da6c935e2ca0': 0.68,
+    '0x2260fac5e5542a773aa44fbcfedf7c193bc2c599': 0.34,
+  },
+  '8453': {
+    '0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913': 5.6,
+    '0x4200000000000000000000000000000000000006': 2.87,
+  },
+}
+
+export const ApproximateAPY = 0.081
+export const APYDisclaimer =
+  '* based on historic averages of USD stablecoin and ETH Morpho vaults. Yields are variable and subject to change. Past performance is not a guarantee of future returns. The Kiln DeFi, Morpho Borrow and Vault products and features described herein are not offered or controlled by Core Contributors GmbH, Safe Ecosystem Foundation, and/or its affiliates.'
diff --git a/apps/web/src/features/earn/hooks/useGetWidgetUrl.ts b/apps/web/src/features/earn/hooks/useGetWidgetUrl.ts
new file mode 100644
index 000000000..d9edd1d1b
--- /dev/null
+++ b/apps/web/src/features/earn/hooks/useGetWidgetUrl.ts
@@ -0,0 +1,25 @@
+import { useDarkMode } from '@/hooks/useDarkMode'
+import { WIDGET_TESTNET_URL, WIDGET_PRODUCTION_URL } from '@/features/earn/constants'
+import useChains from '@/hooks/useChains'
+import { useMemo } from 'react'
+import useChainId from '@/hooks/useChainId'
+
+const useGetWidgetUrl = (asset?: string) => {
+  let url = WIDGET_PRODUCTION_URL
+  const currentChainId = useChainId()
+  const { configs } = useChains()
+  const testChains = useMemo(() => configs.filter((chain) => chain.isTestnet), [configs])
+  if (testChains.some((chain) => chain.chainId === currentChainId)) {
+    url = WIDGET_TESTNET_URL
+  }
+
+  const params = new URLSearchParams()
+  const isDarkMode = useDarkMode()
+
+  params.append('theme', isDarkMode ? 'dark' : 'light')
+  if (asset) params.append('asset_id', asset)
+
+  return url + '?' + params.toString()
+}
+
+export default useGetWidgetUrl
diff --git a/apps/web/src/features/earn/hooks/useIsEarnFeatureEnabled.ts b/apps/web/src/features/earn/hooks/useIsEarnFeatureEnabled.ts
new file mode 100644
index 000000000..61126d1b0
--- /dev/null
+++ b/apps/web/src/features/earn/hooks/useIsEarnFeatureEnabled.ts
@@ -0,0 +1,11 @@
+import { useHasFeature } from '@/hooks/useChains'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import { useContext } from 'react'
+import { GeoblockingContext } from '@/components/common/GeoblockingProvider'
+
+const useIsEarnFeatureEnabled = () => {
+  const isBlockedCountry = useContext(GeoblockingContext)
+  return useHasFeature(FEATURES.EARN) && !isBlockedCountry
+}
+
+export default useIsEarnFeatureEnabled
diff --git a/apps/web/src/features/earn/index.tsx b/apps/web/src/features/earn/index.tsx
new file mode 100644
index 000000000..23420377c
--- /dev/null
+++ b/apps/web/src/features/earn/index.tsx
@@ -0,0 +1,56 @@
+import { Stack } from '@mui/material'
+import Disclaimer from '@/components/common/Disclaimer'
+import WidgetDisclaimer from '@/components/common/WidgetDisclaimer'
+import BlockedAddress from '@/components/common/BlockedAddress'
+import useBlockedAddress from '@/hooks/useBlockedAddress'
+import useConsent from '@/hooks/useConsent'
+import { EARN_CONSENT_STORAGE_KEY } from '@/features/earn/constants'
+import EarnView from '@/features/earn/components/EarnView'
+
+const EarnPage = () => {
+  const { isConsentAccepted, onAccept } = useConsent(EARN_CONSENT_STORAGE_KEY)
+  const blockedAddress = useBlockedAddress()
+
+  if (blockedAddress) {
+    return (
+      <Stack
+        direction="column"
+        sx={{
+          alignItems: 'center',
+          justifyContent: 'center',
+          flex: 1,
+        }}
+      >
+        <BlockedAddress address={blockedAddress} featureTitle="Earn feature with Kiln" />
+      </Stack>
+    )
+  }
+
+  if (isConsentAccepted === undefined) return null
+
+  return (
+    <>
+      {isConsentAccepted ? (
+        <EarnView />
+      ) : (
+        <Stack
+          direction="column"
+          sx={{
+            alignItems: 'center',
+            justifyContent: 'center',
+            flex: 1,
+          }}
+        >
+          <Disclaimer
+            title="Note"
+            content={<WidgetDisclaimer widgetName="Earn Widget by Kiln" />}
+            onAccept={onAccept}
+            buttonText="Continue"
+          />
+        </Stack>
+      )}
+    </>
+  )
+}
+
+export default EarnPage
diff --git a/apps/web/src/features/earn/utils.ts b/apps/web/src/features/earn/utils.ts
new file mode 100644
index 000000000..27125771a
--- /dev/null
+++ b/apps/web/src/features/earn/utils.ts
@@ -0,0 +1,10 @@
+import { EligibleEarnTokens } from '@/features/earn/constants'
+
+export const vaultTypeToLabel = {
+  VaultDeposit: 'Deposit',
+  VaultRedeem: 'Withdraw',
+}
+
+export const isEligibleEarnToken = (chainId: string, tokenAddress: string) => {
+  return EligibleEarnTokens[chainId]?.includes(tokenAddress)
+}
diff --git a/apps/web/src/features/multichain/components/CreateSafeOnNewChain/index.tsx b/apps/web/src/features/multichain/components/CreateSafeOnNewChain/index.tsx
new file mode 100644
index 000000000..72e29bb64
--- /dev/null
+++ b/apps/web/src/features/multichain/components/CreateSafeOnNewChain/index.tsx
@@ -0,0 +1,296 @@
+import ModalDialog from '@/components/common/ModalDialog'
+import NetworkInput from '@/components/common/NetworkInput'
+import { updateAddressBook } from '@/components/new-safe/create/logic/address-book'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import useAddressBook from '@/hooks/useAddressBook'
+import { CREATE_SAFE_CATEGORY, CREATE_SAFE_EVENTS, OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
+import { gtmSetChainId } from '@/services/analytics/gtm'
+import { showNotification } from '@/store/notificationsSlice'
+import { Box, Button, CircularProgress, DialogActions, DialogContent, Stack, Typography } from '@mui/material'
+import { FormProvider, useForm } from 'react-hook-form'
+import { useSafeCreationData } from '../../hooks/useSafeCreationData'
+import { replayCounterfactualSafeDeployment } from '@/features/counterfactual/utils'
+
+import useChains from '@/hooks/useChains'
+import { useAppDispatch, useAppSelector } from '@/store'
+import { selectRpc } from '@/store/settingsSlice'
+import { createWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { hasMultiChainAddNetworkFeature, predictAddressBasedOnReplayData } from '@/features/multichain/utils/utils'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import ExternalLink from '@/components/common/ExternalLink'
+import { useRouter } from 'next/router'
+import ChainIndicator from '@/components/common/ChainIndicator'
+import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { useMemo, useState } from 'react'
+import { useCompatibleNetworks } from '../../hooks/useCompatibleNetworks'
+import { MULTICHAIN_HELP_ARTICLE } from '@/config/constants'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+import { PayMethod } from '@safe-global/utils/features/counterfactual/types'
+
+type CreateSafeOnNewChainForm = {
+  chainId: string
+}
+
+type ReplaySafeDialogProps = {
+  safeAddress: string
+  safeCreationResult: ReturnType<typeof useSafeCreationData>
+  replayableChains?: ReturnType<typeof useCompatibleNetworks>
+  chain?: ChainInfo
+  currentName: string | undefined
+  open: boolean
+  onClose: () => void
+  isUnsupportedSafeCreationVersion?: boolean
+}
+
+const ReplaySafeDialog = ({
+  safeAddress,
+  chain,
+  currentName,
+  open,
+  onClose,
+  safeCreationResult,
+  replayableChains,
+  isUnsupportedSafeCreationVersion,
+}: ReplaySafeDialogProps) => {
+  const formMethods = useForm<CreateSafeOnNewChainForm>({
+    mode: 'all',
+    defaultValues: {
+      chainId: chain?.chainId || '',
+    },
+  })
+  const { handleSubmit, formState } = formMethods
+  const router = useRouter()
+  const addressBook = useAddressBook()
+
+  const customRpc = useAppSelector(selectRpc)
+  const dispatch = useAppDispatch()
+  const [creationError, setCreationError] = useState<Error>()
+  const [isSubmitting, setIsSubmitting] = useState<boolean>(false)
+
+  // Load some data
+  const [safeCreationData, safeCreationDataError, safeCreationDataLoading] = safeCreationResult
+
+  const onCancel = () => {
+    trackEvent({ ...OVERVIEW_EVENTS.CANCEL_ADD_NEW_NETWORK })
+    onClose()
+  }
+
+  const onFormSubmit = handleSubmit(async (data) => {
+    setIsSubmitting(true)
+
+    try {
+      const selectedChain = chain ?? replayableChains?.find((config) => config.chainId === data.chainId)
+      if (!safeCreationData || !selectedChain) {
+        return
+      }
+
+      // We need to create a readOnly provider of the deployed chain
+      const customRpcUrl = selectedChain ? customRpc?.[selectedChain.chainId] : undefined
+      const provider = createWeb3ReadOnly(selectedChain, customRpcUrl)
+      if (!provider) {
+        return
+      }
+
+      // 1. Double check that the creation Data will lead to the correct address
+      const predictedAddress = await predictAddressBasedOnReplayData(safeCreationData, provider)
+      if (!sameAddress(safeAddress, predictedAddress)) {
+        setCreationError(new Error('The replayed Safe leads to an unexpected address'))
+        return
+      }
+
+      gtmSetChainId(selectedChain.chainId)
+
+      trackEvent({ ...OVERVIEW_EVENTS.SUBMIT_ADD_NEW_NETWORK, label: selectedChain.chainId })
+
+      // 2. Replay Safe creation and add it to the counterfactual Safes
+      replayCounterfactualSafeDeployment(
+        selectedChain.chainId,
+        checksumAddress(safeAddress),
+        safeCreationData,
+        currentName || '',
+        dispatch,
+        PayMethod.PayLater,
+      )
+
+      trackEvent({ ...OVERVIEW_EVENTS.PROCEED_WITH_TX, label: 'counterfactual', category: CREATE_SAFE_CATEGORY })
+      trackEvent({ ...CREATE_SAFE_EVENTS.CREATED_SAFE, label: 'counterfactual' })
+
+      router.push({
+        query: {
+          safe: `${selectedChain.shortName}:${checksumAddress(safeAddress)}`,
+        },
+      })
+
+      trackEvent({ ...OVERVIEW_EVENTS.SWITCH_NETWORK, label: selectedChain.chainId })
+
+      dispatch(
+        updateAddressBook(
+          [selectedChain.chainId],
+          checksumAddress(safeAddress),
+          currentName || '',
+          safeCreationData.safeAccountConfig.owners.map((owner) => ({
+            address: owner,
+            name: addressBook[owner] || '',
+          })),
+          safeCreationData.safeAccountConfig.threshold,
+        ),
+      )
+
+      dispatch(
+        showNotification({
+          variant: 'success',
+          groupKey: 'replay-safe-success',
+          message: `Successfully added your account on ${selectedChain.chainName}`,
+        }),
+      )
+    } catch (err) {
+      console.error(err)
+    } finally {
+      setIsSubmitting(false)
+
+      // Close modal
+      onClose()
+    }
+  })
+
+  const submitDisabled =
+    isUnsupportedSafeCreationVersion ||
+    !!safeCreationDataError ||
+    safeCreationDataLoading ||
+    !formState.isValid ||
+    isSubmitting
+
+  const noChainsAvailable =
+    !chain && safeCreationData && replayableChains && replayableChains.filter((chain) => chain.available).length === 0
+
+  return (
+    <ModalDialog open={open} onClose={onClose} dialogTitle="Add another network" hideChainIndicator>
+      <form onSubmit={onFormSubmit} id="recreate-safe">
+        <DialogContent data-testid="add-chain-dialog">
+          <FormProvider {...formMethods}>
+            <Stack spacing={2}>
+              <Typography>Add this Safe to another network with the same address.</Typography>
+
+              {chain && (
+                <Box
+                  data-testid="added-network"
+                  sx={{
+                    p: 2,
+                    backgroundColor: 'background.main',
+                    borderRadius: '6px',
+                  }}
+                >
+                  <ChainIndicator chainId={chain.chainId} />
+                </Box>
+              )}
+
+              <ErrorMessage level="info">
+                The Safe will use the initial setup of the copied Safe. Any changes to owners, threshold, modules or the
+                Safe&apos;s version will not be reflected in the copy.
+              </ErrorMessage>
+
+              {safeCreationDataLoading ? (
+                <Stack
+                  direction="column"
+                  sx={{
+                    alignItems: 'center',
+                    gap: 1,
+                  }}
+                >
+                  <CircularProgress />
+                  <Typography variant="body2">Loading Safe data</Typography>
+                </Stack>
+              ) : safeCreationDataError ? (
+                <ErrorMessage error={safeCreationDataError} level="error">
+                  Could not determine the Safe creation parameters.
+                </ErrorMessage>
+              ) : isUnsupportedSafeCreationVersion ? (
+                <ErrorMessage>
+                  This account was created from an outdated mastercopy. Adding another network is not possible.
+                </ErrorMessage>
+              ) : noChainsAvailable ? (
+                <ErrorMessage level="error">This Safe cannot be replayed on any chains.</ErrorMessage>
+              ) : (
+                <>{!chain && <NetworkInput required name="chainId" chainConfigs={replayableChains ?? []} />}</>
+              )}
+
+              {creationError && (
+                <ErrorMessage error={creationError} level="error">
+                  The Safe could not be created with the same address.
+                </ErrorMessage>
+              )}
+            </Stack>
+          </FormProvider>
+        </DialogContent>
+        <DialogActions>
+          {isUnsupportedSafeCreationVersion ? (
+            <Box
+              sx={{
+                display: 'flex',
+                width: '100%',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+              }}
+            >
+              <ExternalLink sx={{ flexGrow: 1 }} href={MULTICHAIN_HELP_ARTICLE}>
+                Read more
+              </ExternalLink>
+              <Button variant="contained" onClick={onClose}>
+                Got it
+              </Button>
+            </Box>
+          ) : (
+            <>
+              <Button onClick={onCancel}>Cancel</Button>
+              <Button data-testid="modal-add-network-btn" type="submit" variant="contained" disabled={submitDisabled}>
+                {isSubmitting ? <CircularProgress size={20} /> : 'Add network'}
+              </Button>
+            </>
+          )}
+        </DialogActions>
+      </form>
+    </ModalDialog>
+  )
+}
+
+export const CreateSafeOnNewChain = ({
+  safeAddress,
+  deployedChainIds,
+  ...props
+}: Omit<
+  ReplaySafeDialogProps,
+  'safeCreationResult' | 'replayableChains' | 'chain' | 'isUnsupportedSafeCreationVersion'
+> & {
+  deployedChainIds: string[]
+}) => {
+  const { configs } = useChains()
+  const deployedChains = useMemo(
+    () => configs.filter((config) => config.chainId === deployedChainIds[0]),
+    [configs, deployedChainIds],
+  )
+
+  const safeCreationResult = useSafeCreationData(safeAddress, deployedChains)
+  const allCompatibleChains = useCompatibleNetworks(safeCreationResult[0])
+  const isUnsupportedSafeCreationVersion = Boolean(!allCompatibleChains?.length)
+  const replayableChains = useMemo(
+    () =>
+      allCompatibleChains?.filter(
+        (config) => !deployedChainIds.includes(config.chainId) && hasMultiChainAddNetworkFeature(config),
+      ) || [],
+    [allCompatibleChains, deployedChainIds],
+  )
+
+  return (
+    <ReplaySafeDialog
+      safeCreationResult={safeCreationResult}
+      replayableChains={replayableChains}
+      safeAddress={safeAddress}
+      isUnsupportedSafeCreationVersion={isUnsupportedSafeCreationVersion}
+      {...props}
+    />
+  )
+}
+
+export const CreateSafeOnSpecificChain = ({ ...props }: Omit<ReplaySafeDialogProps, 'replayableChains'>) => {
+  return <ReplaySafeDialog {...props} isUnsupportedSafeCreationVersion={false} />
+}
diff --git a/apps/web/src/features/multichain/components/NetworkLogosList/index.tsx b/apps/web/src/features/multichain/components/NetworkLogosList/index.tsx
new file mode 100644
index 000000000..39c9bd648
--- /dev/null
+++ b/apps/web/src/features/multichain/components/NetworkLogosList/index.tsx
@@ -0,0 +1,28 @@
+import ChainIndicator from '@/components/common/ChainIndicator'
+import { Box } from '@mui/material'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import css from './styles.module.css'
+
+const NetworkLogosList = ({
+  networks,
+  showHasMore = false,
+}: {
+  networks: Pick<ChainInfo, 'chainId'>[]
+  showHasMore?: boolean
+}) => {
+  const MAX_NUM_VISIBLE_CHAINS = 4
+  const visibleChains = showHasMore ? networks.slice(0, MAX_NUM_VISIBLE_CHAINS) : networks
+
+  return (
+    <Box className={css.networks}>
+      {visibleChains.map((chain) => (
+        <ChainIndicator key={chain.chainId} chainId={chain.chainId} onlyLogo inline />
+      ))}
+      {showHasMore && networks.length > MAX_NUM_VISIBLE_CHAINS && (
+        <Box className={css.moreChainsIndicator}>+{networks.length - MAX_NUM_VISIBLE_CHAINS}</Box>
+      )}
+    </Box>
+  )
+}
+
+export default NetworkLogosList
diff --git a/apps/web/src/features/multichain/components/NetworkLogosList/styles.module.css b/apps/web/src/features/multichain/components/NetworkLogosList/styles.module.css
new file mode 100644
index 000000000..136e26c2c
--- /dev/null
+++ b/apps/web/src/features/multichain/components/NetworkLogosList/styles.module.css
@@ -0,0 +1,25 @@
+.networks {
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: 6px;
+  row-gap: 4px;
+}
+
+.networks img {
+  margin-left: -6px;
+  outline: 2px solid var(--color-background-paper);
+  border-radius: 50%;
+}
+
+.moreChainsIndicator {
+  margin-left: -5px;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background-color: var(--color-border-light);
+  outline: 2px solid var(--color-background-paper);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+}
diff --git a/apps/web/src/features/multichain/components/SignerSetupWarning/ChangeSignerSetupWarning.tsx b/apps/web/src/features/multichain/components/SignerSetupWarning/ChangeSignerSetupWarning.tsx
new file mode 100644
index 000000000..70b3a809b
--- /dev/null
+++ b/apps/web/src/features/multichain/components/SignerSetupWarning/ChangeSignerSetupWarning.tsx
@@ -0,0 +1,16 @@
+import { Alert } from '@mui/material'
+import { useIsMultichainSafe } from '../../hooks/useIsMultichainSafe'
+import { useCurrentChain } from '@/hooks/useChains'
+
+export const ChangeSignerSetupWarning = () => {
+  const isMultichainSafe = useIsMultichainSafe()
+  const currentChain = useCurrentChain()
+
+  if (!isMultichainSafe) return
+
+  return (
+    <Alert severity="info" sx={{ border: 'none', mt: 0, mb: 0 }}>
+      {`Signers are not consistent across networks on this account. Changing signers will only affect the account on ${currentChain?.chainName}`}
+    </Alert>
+  )
+}
diff --git a/apps/web/src/features/multichain/components/SignerSetupWarning/InconsistentSignerSetupWarning.tsx b/apps/web/src/features/multichain/components/SignerSetupWarning/InconsistentSignerSetupWarning.tsx
new file mode 100644
index 000000000..b8739462c
--- /dev/null
+++ b/apps/web/src/features/multichain/components/SignerSetupWarning/InconsistentSignerSetupWarning.tsx
@@ -0,0 +1,73 @@
+import { useIsMultichainSafe } from '../../hooks/useIsMultichainSafe'
+import useChains, { useCurrentChain } from '@/hooks/useChains'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import { useAppSelector } from '@/store'
+import { selectCurrency, selectUndeployedSafes, useGetMultipleSafeOverviewsQuery } from '@/store/slices'
+import { useAllSafesGrouped } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { useMemo } from 'react'
+import { getDeviatingSetups, getSafeSetups } from '@/features/multichain/utils/utils'
+import { Box, Typography } from '@mui/material'
+import ChainIndicator from '@/components/common/ChainIndicator'
+
+const ChainIndicatorList = ({ chainIds }: { chainIds: string[] }) => {
+  const { configs } = useChains()
+
+  return (
+    <>
+      {chainIds.map((chainId, index) => {
+        const chain = configs.find((chain) => chain.chainId === chainId)
+        return (
+          <Box key={chainId} display="inline-flex" flexWrap="wrap" position="relative" top={5}>
+            <ChainIndicator key={chainId} chainId={chainId} showUnknown={false} onlyLogo={true} />
+            <Typography position="relative" mx={0.5} top={2}>
+              {chain && chain.chainName}
+              {index === chainIds.length - 1 ? '.' : ','}
+            </Typography>
+          </Box>
+        )
+      })}
+    </>
+  )
+}
+
+export const InconsistentSignerSetupWarning = () => {
+  const isMultichainSafe = useIsMultichainSafe()
+  const safeAddress = useSafeAddress()
+  const currentChain = useCurrentChain()
+  const currency = useAppSelector(selectCurrency)
+  const undeployedSafes = useAppSelector(selectUndeployedSafes)
+  const { allMultiChainSafes } = useAllSafesGrouped()
+
+  const multiChainGroupSafes = useMemo(
+    () => allMultiChainSafes?.find((account) => sameAddress(safeAddress, account.safes[0].address))?.safes ?? [],
+    [allMultiChainSafes, safeAddress],
+  )
+  const deployedSafes = useMemo(
+    () => multiChainGroupSafes.filter((safe) => undeployedSafes[safe.chainId]?.[safe.address] === undefined),
+    [multiChainGroupSafes, undeployedSafes],
+  )
+  const { data: safeOverviews } = useGetMultipleSafeOverviewsQuery({ safes: deployedSafes, currency })
+
+  const safeSetups = useMemo(
+    () => getSafeSetups(multiChainGroupSafes, safeOverviews ?? [], undeployedSafes),
+    [multiChainGroupSafes, safeOverviews, undeployedSafes],
+  )
+  const deviatingSetups = getDeviatingSetups(safeSetups, currentChain?.chainId)
+  const deviatingChainIds = deviatingSetups.map((setup) => setup?.chainId)
+
+  if (!isMultichainSafe || !deviatingChainIds.length) return
+
+  return (
+    <ErrorMessage level="warning" title="Signers are not consistent">
+      <Typography display="inline" mr={1}>
+        Signers are different on these networks of this account:
+      </Typography>
+      <ChainIndicatorList chainIds={deviatingChainIds} />
+      <Typography display="inline">
+        To manage your account easier and to prevent lose of funds, we recommend keeping the same signers.
+      </Typography>
+    </ErrorMessage>
+  )
+}
diff --git a/apps/web/src/features/multichain/components/UnsupportedMastercopyWarning/UnsupportedMasterCopyWarning.tsx b/apps/web/src/features/multichain/components/UnsupportedMastercopyWarning/UnsupportedMasterCopyWarning.tsx
new file mode 100644
index 000000000..e5a0df8ce
--- /dev/null
+++ b/apps/web/src/features/multichain/components/UnsupportedMastercopyWarning/UnsupportedMasterCopyWarning.tsx
@@ -0,0 +1,34 @@
+import { TxModalContext } from '@/components/tx-flow'
+import { MigrateSafeL2Flow } from '@/components/tx-flow/flows'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { Button, Stack, Typography } from '@mui/material'
+import { useCallback, useContext } from 'react'
+import { isMigrationToL2Possible, isValidMasterCopy } from '@safe-global/utils/services/contracts/safeContracts'
+
+export const UnsupportedMastercopyWarning = () => {
+  const { safe } = useSafeInfo()
+
+  const showWarning = !isValidMasterCopy(safe.implementationVersionState) && isMigrationToL2Possible(safe)
+
+  const { setTxFlow } = useContext(TxModalContext)
+
+  const openUpgradeModal = useCallback(() => setTxFlow(<MigrateSafeL2Flow />), [setTxFlow])
+
+  if (!showWarning) return
+
+  return (
+    <ErrorMessage level="warning" title="Base contract is not supported">
+      <Stack spacing={2}>
+        <Typography display="inline" mr={1}>
+          Your Safe Account&apos;s base contract is not supported. You should migrate it to a compatible version.
+        </Typography>
+        <div>
+          <Button variant="contained" onClick={openUpgradeModal}>
+            Migrate
+          </Button>
+        </div>
+      </Stack>
+    </ErrorMessage>
+  )
+}
diff --git a/apps/web/src/features/multichain/hooks/__tests__/useCompatibleNetworks.test.ts b/apps/web/src/features/multichain/hooks/__tests__/useCompatibleNetworks.test.ts
new file mode 100644
index 000000000..c8c012111
--- /dev/null
+++ b/apps/web/src/features/multichain/hooks/__tests__/useCompatibleNetworks.test.ts
@@ -0,0 +1,209 @@
+import { renderHook } from '@/tests/test-utils'
+import { useCompatibleNetworks } from '../useCompatibleNetworks'
+import { type ReplayedSafeProps } from '@safe-global/utils/features/counterfactual/store/types'
+import { faker } from '@faker-js/faker'
+import { EMPTY_DATA, ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { ECOSYSTEM_ID_ADDRESS } from '@/config/constants'
+import { chainBuilder } from '@/tests/builders/chains'
+import {
+  getSafeSingletonDeployments,
+  getSafeL2SingletonDeployments,
+  getProxyFactoryDeployments,
+  getCompatibilityFallbackHandlerDeployments,
+} from '@safe-global/safe-deployments'
+import * as useChains from '@/hooks/useChains'
+
+const L1_111_MASTERCOPY_DEPLOYMENTS = getSafeSingletonDeployments({ version: '1.1.1' })?.deployments
+const L1_130_MASTERCOPY_DEPLOYMENTS = getSafeSingletonDeployments({ version: '1.3.0' })?.deployments
+const L1_141_MASTERCOPY_DEPLOYMENTS = getSafeSingletonDeployments({ version: '1.4.1' })?.deployments
+
+const L2_130_MASTERCOPY_DEPLOYMENTS = getSafeL2SingletonDeployments({ version: '1.3.0' })?.deployments
+const L2_141_MASTERCOPY_DEPLOYMENTS = getSafeL2SingletonDeployments({ version: '1.4.1' })?.deployments
+
+const PROXY_FACTORY_111_DEPLOYMENTS = getProxyFactoryDeployments({ version: '1.1.1' })?.deployments
+const PROXY_FACTORY_130_DEPLOYMENTS = getProxyFactoryDeployments({ version: '1.3.0' })?.deployments
+const PROXY_FACTORY_141_DEPLOYMENTS = getProxyFactoryDeployments({ version: '1.4.1' })?.deployments
+
+const FALLBACK_HANDLER_130_DEPLOYMENTS = getCompatibilityFallbackHandlerDeployments({ version: '1.3.0' })?.deployments
+const FALLBACK_HANDLER_141_DEPLOYMENTS = getCompatibilityFallbackHandlerDeployments({ version: '1.4.1' })?.deployments
+
+describe('useCompatibleNetworks', () => {
+  beforeAll(() => {
+    jest.spyOn(useChains, 'default').mockReturnValue({
+      configs: [
+        chainBuilder().with({ chainId: '1', l2: false }).build(),
+        chainBuilder().with({ chainId: '10', l2: true }).build(), // This has the eip155 and then the canonical addresses
+        chainBuilder().with({ chainId: '100', l2: true }).build(), // This has the canonical and then the eip155 addresses
+        chainBuilder().with({ chainId: '324', l2: true }).build(), // ZkSync has different addresses for all versions
+        chainBuilder().with({ chainId: '480', l2: true }).build(), // Worldchain has 1.4.1 but not 1.1.1
+        chainBuilder().with({ chainId: '10200', l2: true }).build(), // Gnosis Chiado has no migration contracts
+      ],
+    })
+  })
+
+  it('should return empty list without any creation data', () => {
+    const { result } = renderHook(() => useCompatibleNetworks(undefined))
+    expect(result.current).toHaveLength(0)
+  })
+
+  it('should set available to false for unknown contracts', () => {
+    const callData = {
+      owners: [faker.finance.ethereumAddress()],
+      threshold: 1,
+      to: ZERO_ADDRESS,
+      data: EMPTY_DATA,
+      fallbackHandler: faker.finance.ethereumAddress(),
+      paymentToken: ZERO_ADDRESS,
+      payment: 0,
+      paymentReceiver: ECOSYSTEM_ID_ADDRESS,
+    }
+
+    const creationData: ReplayedSafeProps = {
+      factoryAddress: faker.finance.ethereumAddress(),
+      masterCopy: faker.finance.ethereumAddress(),
+      saltNonce: '0',
+      safeAccountConfig: callData,
+      safeVersion: '1.4.1',
+    }
+    const { result } = renderHook(() => useCompatibleNetworks(creationData))
+    expect(result.current.every((config) => config.available)).toEqual(false)
+  })
+
+  it('should set everything to available except GnosisChain Chiado for 1.4.1 Safes', () => {
+    const callData = {
+      owners: [faker.finance.ethereumAddress()],
+      threshold: 1,
+      to: ZERO_ADDRESS,
+      data: EMPTY_DATA,
+      fallbackHandler: FALLBACK_HANDLER_141_DEPLOYMENTS?.canonical?.address!,
+      paymentToken: ZERO_ADDRESS,
+      payment: 0,
+      paymentReceiver: ECOSYSTEM_ID_ADDRESS,
+    }
+    {
+      const creationData: ReplayedSafeProps = {
+        factoryAddress: PROXY_FACTORY_141_DEPLOYMENTS?.canonical?.address!,
+        masterCopy: L1_141_MASTERCOPY_DEPLOYMENTS?.canonical?.address!,
+        saltNonce: '0',
+        safeAccountConfig: callData,
+        safeVersion: '1.4.1',
+      }
+      const { result } = renderHook(() => useCompatibleNetworks(creationData))
+      expect(result.current).toHaveLength(6)
+      expect(result.current.map((chain) => chain.chainId)).toEqual(['1', '10', '100', '324', '480', '10200'])
+      expect(result.current.map((chain) => chain.available)).toEqual([true, true, true, true, true, false])
+    }
+
+    {
+      const creationData: ReplayedSafeProps = {
+        factoryAddress: PROXY_FACTORY_141_DEPLOYMENTS?.canonical?.address!,
+        masterCopy: L2_141_MASTERCOPY_DEPLOYMENTS?.canonical?.address!,
+        saltNonce: '0',
+        safeAccountConfig: callData,
+        safeVersion: '1.4.1',
+      }
+      const { result } = renderHook(() => useCompatibleNetworks(creationData))
+      expect(result.current).toHaveLength(6)
+      expect(result.current.map((chain) => chain.chainId)).toEqual(['1', '10', '100', '324', '480', '10200'])
+      expect(result.current.map((chain) => chain.available)).toEqual([true, true, true, true, true, false])
+    }
+  })
+
+  it('should mark compatible chains as available', () => {
+    const callData = {
+      owners: [faker.finance.ethereumAddress()],
+      threshold: 1,
+      to: ZERO_ADDRESS,
+      data: EMPTY_DATA,
+      fallbackHandler: ZERO_ADDRESS,
+      paymentToken: ZERO_ADDRESS,
+      payment: 0,
+      paymentReceiver: ECOSYSTEM_ID_ADDRESS,
+    }
+
+    // 1.3.0, L1 and canonical, not available on Chiado as no migration exists
+    {
+      const creationData: ReplayedSafeProps = {
+        factoryAddress: PROXY_FACTORY_130_DEPLOYMENTS?.canonical?.address!,
+        masterCopy: L1_130_MASTERCOPY_DEPLOYMENTS?.canonical?.address!,
+        saltNonce: '0',
+        safeAccountConfig: { ...callData, fallbackHandler: FALLBACK_HANDLER_130_DEPLOYMENTS?.canonical?.address! },
+        safeVersion: '1.3.0',
+      }
+      const { result } = renderHook(() => useCompatibleNetworks(creationData))
+      expect(result.current).toHaveLength(6)
+      expect(result.current.map((chain) => chain.chainId)).toEqual(['1', '10', '100', '324', '480', '10200'])
+      expect(result.current.map((chain) => chain.available)).toEqual([true, true, true, true, true, false])
+    }
+
+    // 1.3.0, L2 and canonical
+    {
+      const creationData: ReplayedSafeProps = {
+        factoryAddress: PROXY_FACTORY_130_DEPLOYMENTS?.canonical?.address!,
+        masterCopy: L2_130_MASTERCOPY_DEPLOYMENTS?.canonical?.address!,
+        saltNonce: '0',
+        safeAccountConfig: { ...callData, fallbackHandler: FALLBACK_HANDLER_130_DEPLOYMENTS?.canonical?.address! },
+        safeVersion: '1.3.0',
+      }
+      const { result } = renderHook(() => useCompatibleNetworks(creationData))
+      expect(result.current).toHaveLength(6)
+      expect(result.current.map((chain) => chain.chainId)).toEqual(['1', '10', '100', '324', '480', '10200'])
+      expect(result.current.map((chain) => chain.available)).toEqual([true, true, true, true, true, true])
+    }
+
+    // 1.3.0, L1 and EIP155 is not available on Worldchain and Chiado
+    {
+      const creationData: ReplayedSafeProps = {
+        factoryAddress: PROXY_FACTORY_130_DEPLOYMENTS?.eip155?.address!,
+        masterCopy: L1_130_MASTERCOPY_DEPLOYMENTS?.eip155?.address!,
+        saltNonce: '0',
+        safeAccountConfig: { ...callData, fallbackHandler: FALLBACK_HANDLER_130_DEPLOYMENTS?.eip155?.address! },
+        safeVersion: '1.3.0',
+      }
+      const { result } = renderHook(() => useCompatibleNetworks(creationData))
+      expect(result.current).toHaveLength(6)
+      expect(result.current.map((chain) => chain.chainId)).toEqual(['1', '10', '100', '324', '480', '10200'])
+      expect(result.current.map((chain) => chain.available)).toEqual([true, true, true, true, true, false])
+    }
+
+    // 1.3.0, L2 and EIP155
+    {
+      const creationData: ReplayedSafeProps = {
+        factoryAddress: PROXY_FACTORY_130_DEPLOYMENTS?.eip155?.address!,
+        masterCopy: L2_130_MASTERCOPY_DEPLOYMENTS?.eip155?.address!,
+        saltNonce: '0',
+        safeAccountConfig: { ...callData, fallbackHandler: FALLBACK_HANDLER_130_DEPLOYMENTS?.eip155?.address! },
+        safeVersion: '1.3.0',
+      }
+      const { result } = renderHook(() => useCompatibleNetworks(creationData))
+      expect(result.current).toHaveLength(6)
+      expect(result.current.map((chain) => chain.chainId)).toEqual(['1', '10', '100', '324', '480', '10200'])
+      expect(result.current.map((chain) => chain.available)).toEqual([true, true, true, true, true, false])
+    }
+  })
+
+  it('should set everything to not available for 1.1.1 Safes', () => {
+    const callData = {
+      owners: [faker.finance.ethereumAddress()],
+      threshold: 1,
+      to: ZERO_ADDRESS,
+      data: EMPTY_DATA,
+      fallbackHandler: faker.finance.ethereumAddress(),
+      paymentToken: ZERO_ADDRESS,
+      payment: 0,
+      paymentReceiver: ECOSYSTEM_ID_ADDRESS,
+    }
+
+    const creationData: ReplayedSafeProps = {
+      factoryAddress: PROXY_FACTORY_111_DEPLOYMENTS?.canonical?.address!,
+      masterCopy: L1_111_MASTERCOPY_DEPLOYMENTS?.canonical?.address!,
+      saltNonce: '0',
+      safeAccountConfig: callData,
+      safeVersion: '1.1.1',
+    }
+    const { result } = renderHook(() => useCompatibleNetworks(creationData))
+    expect(result.current).toHaveLength(6)
+    expect(result.current.map((chain) => chain.chainId)).toEqual(['1', '10', '100', '324', '480', '10200'])
+    expect(result.current.map((chain) => chain.available)).toEqual([false, false, false, false, false, false])
+  })
+})
diff --git a/apps/web/src/features/multichain/hooks/__tests__/useSafeCreationData.test.ts b/apps/web/src/features/multichain/hooks/__tests__/useSafeCreationData.test.ts
new file mode 100644
index 000000000..dfbf53de4
--- /dev/null
+++ b/apps/web/src/features/multichain/hooks/__tests__/useSafeCreationData.test.ts
@@ -0,0 +1,812 @@
+import { fakerChecksummedAddress, renderHook, waitFor } from '@/tests/test-utils'
+import { SAFE_CREATION_DATA_ERRORS, useSafeCreationData } from '../useSafeCreationData'
+import { faker } from '@faker-js/faker'
+import { PendingSafeStatus, type UndeployedSafe } from '@safe-global/utils/features/counterfactual/store/types'
+import { chainBuilder } from '@/tests/builders/chains'
+import * as sdk from '@/services/tx/tx-sender/sdk'
+import * as cgwSdk from '@safe-global/safe-client-gateway-sdk'
+import * as web3 from '@/hooks/wallets/web3'
+import { encodeMultiSendData, type SafeProvider } from '@safe-global/protocol-kit'
+import { Safe__factory, Safe_proxy_factory__factory } from '@safe-global/utils/types/contracts'
+import { type JsonRpcProvider } from 'ethers'
+import { Multi_send__factory } from '@safe-global/utils/types/contracts/factories/@safe-global/safe-deployments/dist/assets/v1.3.0'
+import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { EMPTY_DATA, ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { getSafeSingletonDeployment, getSafeToL2SetupDeployment } from '@safe-global/safe-deployments'
+import { PayMethod } from '@safe-global/utils/features/counterfactual/types'
+
+const setupToL2Address = getSafeToL2SetupDeployment({ version: '1.4.1' })?.defaultAddress!
+
+describe('useSafeCreationData', () => {
+  beforeAll(() => {
+    jest.spyOn(sdk, 'getSafeProvider').mockReturnValue({
+      getChainId: jest.fn().mockReturnValue('1'),
+      getExternalProvider: jest.fn(),
+      getExternalSigner: jest.fn(),
+    } as unknown as SafeProvider)
+  })
+  it('should return undefined without chain info', async () => {
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos: ChainInfo[] = []
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos))
+    await waitFor(async () => {
+      await Promise.resolve()
+      expect(result.current).toEqual([undefined, undefined, false])
+    })
+  })
+
+  it('should return the replayedSafe when copying one', async () => {
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1' }).build()]
+    const undeployedSafe: UndeployedSafe = {
+      props: {
+        factoryAddress: faker.finance.ethereumAddress(),
+        saltNonce: '420',
+        masterCopy: faker.finance.ethereumAddress(),
+        safeVersion: '1.3.0',
+        safeAccountConfig: {
+          owners: [faker.finance.ethereumAddress(), faker.finance.ethereumAddress()],
+          threshold: 1,
+          data: faker.string.hexadecimal({ length: 64 }),
+          to: setupToL2Address,
+          fallbackHandler: faker.finance.ethereumAddress(),
+          payment: 0,
+          paymentToken: ZERO_ADDRESS,
+          paymentReceiver: ZERO_ADDRESS,
+        },
+      },
+      status: {
+        status: PendingSafeStatus.AWAITING_EXECUTION,
+        type: PayMethod.PayLater,
+      },
+    }
+
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos), {
+      initialReduxState: {
+        undeployedSafes: {
+          '1': {
+            [safeAddress]: undeployedSafe,
+          },
+        },
+      },
+    })
+    await waitFor(async () => {
+      await Promise.resolve()
+      expect(result.current).toEqual([undeployedSafe.props, undefined, false])
+    })
+  })
+
+  it('should work for replayedSafe without payment info', async () => {
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1' }).build()]
+    const undeployedSafe: UndeployedSafe = {
+      props: {
+        factoryAddress: faker.finance.ethereumAddress(),
+        saltNonce: '420',
+        masterCopy: faker.finance.ethereumAddress(),
+        safeVersion: '1.3.0',
+        safeAccountConfig: {
+          owners: [faker.finance.ethereumAddress(), faker.finance.ethereumAddress()],
+          threshold: 1,
+          data: faker.string.hexadecimal({ length: 64 }),
+          to: setupToL2Address,
+          fallbackHandler: faker.finance.ethereumAddress(),
+          paymentReceiver: ZERO_ADDRESS,
+        },
+      },
+      status: {
+        status: PendingSafeStatus.AWAITING_EXECUTION,
+        type: PayMethod.PayLater,
+      },
+    }
+
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos), {
+      initialReduxState: {
+        undeployedSafes: {
+          '1': {
+            [safeAddress]: undeployedSafe,
+          },
+        },
+      },
+    })
+    await waitFor(async () => {
+      await Promise.resolve()
+      expect(result.current).toEqual([
+        {
+          ...undeployedSafe.props,
+          safeAccountConfig: { ...undeployedSafe.props.safeAccountConfig },
+        },
+        undefined,
+        false,
+      ])
+    })
+  })
+
+  it('should return undefined without chain info', async () => {
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos: ChainInfo[] = []
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos))
+    await waitFor(async () => {
+      await Promise.resolve()
+      expect(result.current).toEqual([undefined, undefined, false])
+    })
+  })
+
+  it('should throw an error for replayed Safe it uses a unknown to address', async () => {
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1' }).build()]
+    const undeployedSafe: UndeployedSafe = {
+      props: {
+        factoryAddress: faker.finance.ethereumAddress(),
+        saltNonce: '420',
+        masterCopy: faker.finance.ethereumAddress(),
+        safeVersion: '1.3.0',
+        safeAccountConfig: {
+          owners: [faker.finance.ethereumAddress(), faker.finance.ethereumAddress()],
+          threshold: 1,
+          data: faker.string.hexadecimal({ length: 64 }),
+          to: faker.finance.ethereumAddress(),
+          fallbackHandler: faker.finance.ethereumAddress(),
+          payment: 0,
+          paymentToken: ZERO_ADDRESS,
+          paymentReceiver: ZERO_ADDRESS,
+        },
+      },
+      status: {
+        status: PendingSafeStatus.AWAITING_EXECUTION,
+        type: PayMethod.PayLater,
+      },
+    }
+
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos), {
+      initialReduxState: {
+        undeployedSafes: {
+          '1': {
+            [safeAddress]: undeployedSafe,
+          },
+        },
+      },
+    })
+    await waitFor(async () => {
+      await Promise.resolve()
+      expect(result.current).toEqual([undefined, new Error(SAFE_CREATION_DATA_ERRORS.UNKNOWN_SETUP_MODULES), false])
+    })
+  })
+
+  it('should throw an error for legacy counterfactual Safes', async () => {
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1', l2: false }).build()]
+    const undeployedSafe = {
+      props: {
+        safeAccountConfig: {
+          owners: [faker.finance.ethereumAddress()],
+          threshold: 1,
+        },
+        safeDeploymentConfig: {
+          saltNonce: '69',
+          safeVersion: '1.3.0',
+        },
+      },
+      status: {
+        status: PendingSafeStatus.AWAITING_EXECUTION,
+        type: PayMethod.PayLater,
+      },
+    }
+
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos), {
+      initialReduxState: {
+        undeployedSafes: {
+          '1': {
+            [safeAddress]: undeployedSafe as UndeployedSafe,
+          },
+        },
+      },
+    })
+
+    await waitFor(async () => {
+      await Promise.resolve()
+      expect(result.current).toEqual([undefined, new Error(SAFE_CREATION_DATA_ERRORS.LEGACY_COUNTERFATUAL), false])
+    })
+  })
+
+  it('should throw an error if creation data cannot be found', async () => {
+    jest.spyOn(cgwSdk, 'getCreationTransaction').mockResolvedValue(undefined as any)
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1', l2: false }).build()]
+
+    // Run hook
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos))
+
+    await waitFor(() => {
+      expect(result.current).toEqual([undefined, new Error(SAFE_CREATION_DATA_ERRORS.NO_CREATION_DATA), false])
+    })
+  })
+
+  it('should throw an error if Safe creation data is incomplete', async () => {
+    jest.spyOn(cgwSdk, 'getCreationTransaction').mockResolvedValue({
+      created: new Date(Date.now()).toISOString(),
+      creator: faker.finance.ethereumAddress(),
+      factoryAddress: faker.finance.ethereumAddress(),
+      transactionHash: faker.string.hexadecimal({ length: 64 }),
+      masterCopy: null,
+      setupData: null,
+      saltNonce: faker.string.hexadecimal({ length: 64 }),
+    })
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1', l2: false }).build()]
+
+    // Run hook
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos))
+
+    await waitFor(() => {
+      expect(result.current).toEqual([undefined, new Error(SAFE_CREATION_DATA_ERRORS.NO_CREATION_DATA), false])
+    })
+  })
+
+  it('should throw an error if Safe setupData is empty', async () => {
+    jest.spyOn(cgwSdk, 'getCreationTransaction').mockResolvedValue({
+      created: new Date(Date.now()).toISOString(),
+      creator: faker.finance.ethereumAddress(),
+      factoryAddress: faker.finance.ethereumAddress(),
+      transactionHash: faker.string.hexadecimal({ length: 64 }),
+      masterCopy: faker.finance.ethereumAddress(),
+      setupData: '0x',
+      saltNonce: faker.string.hexadecimal({ length: 64 }),
+    })
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1', l2: false }).build()]
+
+    // Run hook
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos))
+
+    await waitFor(() => {
+      expect(result.current).toEqual([undefined, new Error(SAFE_CREATION_DATA_ERRORS.NO_CREATION_DATA), false])
+    })
+  })
+
+  it('should throw an error if outdated masterCopy is being used', async () => {
+    const setupData = Safe__factory.createInterface().encodeFunctionData('setup', [
+      [faker.finance.ethereumAddress(), faker.finance.ethereumAddress()],
+      1,
+      setupToL2Address,
+      faker.string.hexadecimal({ length: 64 }),
+      faker.finance.ethereumAddress(),
+      faker.finance.ethereumAddress(),
+      0,
+      faker.finance.ethereumAddress(),
+    ])
+
+    jest.spyOn(cgwSdk, 'getCreationTransaction').mockResolvedValue({
+      created: new Date(Date.now()).toISOString(),
+      creator: faker.finance.ethereumAddress(),
+      factoryAddress: faker.finance.ethereumAddress(),
+      transactionHash: faker.string.hexadecimal({ length: 64 }),
+      masterCopy: getSafeSingletonDeployment({ version: '1.1.1' })?.defaultAddress,
+      setupData,
+      saltNonce: faker.string.hexadecimal({ length: 64 }),
+    })
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1', l2: false }).build()]
+
+    // Run hook
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos))
+
+    await waitFor(() => {
+      expect(result.current).toEqual([
+        undefined,
+        new Error(SAFE_CREATION_DATA_ERRORS.UNSUPPORTED_IMPLEMENTATION),
+        false,
+      ])
+    })
+  })
+
+  it('should throw an error if unknown masterCopy is being used', async () => {
+    const setupData = Safe__factory.createInterface().encodeFunctionData('setup', [
+      [faker.finance.ethereumAddress(), faker.finance.ethereumAddress()],
+      1,
+      ZERO_ADDRESS,
+      EMPTY_DATA,
+      faker.finance.ethereumAddress(),
+      faker.finance.ethereumAddress(),
+      0,
+      faker.finance.ethereumAddress(),
+    ])
+
+    jest.spyOn(cgwSdk, 'getCreationTransaction').mockResolvedValue({
+      created: new Date(Date.now()).toISOString(),
+      creator: faker.finance.ethereumAddress(),
+      factoryAddress: faker.finance.ethereumAddress(),
+      transactionHash: faker.string.hexadecimal({ length: 64 }),
+      masterCopy: faker.finance.ethereumAddress(),
+      setupData,
+      saltNonce: faker.string.hexadecimal({ length: 64 }),
+    })
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1', l2: false }).build()]
+
+    // Run hook
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos))
+
+    await waitFor(() => {
+      expect(result.current).toEqual([
+        undefined,
+        new Error(SAFE_CREATION_DATA_ERRORS.UNSUPPORTED_IMPLEMENTATION),
+        false,
+      ])
+    })
+  })
+
+  it('should throw an error if the Safe creation uses reimbursement', async () => {
+    const setupData = Safe__factory.createInterface().encodeFunctionData('setup', [
+      [faker.finance.ethereumAddress(), faker.finance.ethereumAddress()],
+      1,
+      setupToL2Address,
+      faker.string.hexadecimal({ length: 64 }),
+      faker.finance.ethereumAddress(),
+      faker.finance.ethereumAddress(),
+      420,
+      faker.finance.ethereumAddress(),
+    ])
+
+    jest.spyOn(cgwSdk, 'getCreationTransaction').mockResolvedValue({
+      created: new Date(Date.now()).toISOString(),
+      creator: faker.finance.ethereumAddress(),
+      factoryAddress: faker.finance.ethereumAddress(),
+      transactionHash: faker.string.hexadecimal({ length: 64 }),
+      masterCopy: getSafeSingletonDeployment({ version: '1.3.0' })?.defaultAddress,
+      setupData,
+      saltNonce: faker.string.hexadecimal({ length: 64 }),
+    })
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1', l2: false }).build()]
+
+    // Run hook
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos))
+
+    await waitFor(() => {
+      expect(result.current).toEqual([undefined, new Error(SAFE_CREATION_DATA_ERRORS.PAYMENT_SAFE), false])
+    })
+  })
+
+  it('should throw an error if the Safe creation uses an unknown setupModules call', async () => {
+    const setupData = Safe__factory.createInterface().encodeFunctionData('setup', [
+      [faker.finance.ethereumAddress(), faker.finance.ethereumAddress()],
+      1,
+      faker.finance.ethereumAddress(),
+      faker.string.hexadecimal({ length: 64 }),
+      faker.finance.ethereumAddress(),
+      ZERO_ADDRESS,
+      0,
+      faker.finance.ethereumAddress(),
+    ])
+
+    jest.spyOn(cgwSdk, 'getCreationTransaction').mockResolvedValue({
+      created: new Date(Date.now()).toISOString(),
+      creator: faker.finance.ethereumAddress(),
+      factoryAddress: faker.finance.ethereumAddress(),
+      transactionHash: faker.string.hexadecimal({ length: 64 }),
+      masterCopy: getSafeSingletonDeployment({ version: '1.3.0' })?.defaultAddress,
+      setupData,
+      saltNonce: faker.string.hexadecimal({ length: 64 }),
+    })
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1', l2: false }).build()]
+
+    // Run hook
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos))
+
+    await waitFor(() => {
+      expect(result.current).toEqual([undefined, new Error(SAFE_CREATION_DATA_ERRORS.UNKNOWN_SETUP_MODULES), false])
+    })
+  })
+
+  it('should throw an error if RPC could not be created', async () => {
+    const setupData = Safe__factory.createInterface().encodeFunctionData('setup', [
+      [faker.finance.ethereumAddress(), faker.finance.ethereumAddress()],
+      1,
+      setupToL2Address,
+      faker.string.hexadecimal({ length: 64 }),
+      faker.finance.ethereumAddress(),
+      ZERO_ADDRESS,
+      0,
+      faker.finance.ethereumAddress(),
+    ])
+
+    jest.spyOn(cgwSdk, 'getCreationTransaction').mockResolvedValue({
+      created: new Date(Date.now()).toISOString(),
+      creator: faker.finance.ethereumAddress(),
+      factoryAddress: faker.finance.ethereumAddress(),
+      transactionHash: faker.string.hexadecimal({ length: 64 }),
+      masterCopy: getSafeSingletonDeployment({ version: '1.3.0' })?.defaultAddress,
+      setupData,
+      saltNonce: faker.string.hexadecimal({ length: 64 }),
+    })
+
+    jest.spyOn(web3, 'createWeb3ReadOnly').mockReturnValue(undefined)
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1', l2: false }).build()]
+
+    // Run hook
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos))
+
+    await waitFor(() => {
+      expect(result.current).toEqual([undefined, new Error(SAFE_CREATION_DATA_ERRORS.NO_PROVIDER), false])
+    })
+  })
+
+  it('should throw an error if RPC cannot find the tx hash', async () => {
+    const setupData = Safe__factory.createInterface().encodeFunctionData('setup', [
+      [faker.finance.ethereumAddress(), faker.finance.ethereumAddress()],
+      1,
+      setupToL2Address,
+      faker.string.hexadecimal({ length: 64 }),
+      faker.finance.ethereumAddress(),
+      ZERO_ADDRESS,
+      0,
+      faker.finance.ethereumAddress(),
+    ])
+
+    const mockTxHash = faker.string.hexadecimal({ length: 64 })
+    const mockFactoryAddress = faker.finance.ethereumAddress()
+    const mockMasterCopyAddress = getSafeSingletonDeployment({ version: '1.3.0' })?.defaultAddress
+
+    jest.spyOn(cgwSdk, 'getCreationTransaction').mockResolvedValue({
+      created: new Date(Date.now()).toISOString(),
+      creator: faker.finance.ethereumAddress(),
+      factoryAddress: mockFactoryAddress,
+      transactionHash: mockTxHash,
+      masterCopy: mockMasterCopyAddress,
+      setupData,
+      saltNonce: faker.string.hexadecimal({ length: 64 }),
+    })
+
+    jest.spyOn(web3, 'createWeb3ReadOnly').mockReturnValue({
+      getTransaction: () => Promise.resolve(null),
+    } as unknown as JsonRpcProvider)
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1', l2: false }).build()]
+
+    // Run hook
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos))
+
+    await waitFor(() => {
+      expect(result.current).toEqual([undefined, new Error(SAFE_CREATION_DATA_ERRORS.TX_NOT_FOUND), false])
+    })
+  })
+
+  it('should throw an Error if an unsupported creation method is found', async () => {
+    const setupData = Safe__factory.createInterface().encodeFunctionData('setup', [
+      [faker.finance.ethereumAddress(), faker.finance.ethereumAddress()],
+      1,
+      setupToL2Address,
+      faker.string.hexadecimal({ length: 64 }),
+      faker.finance.ethereumAddress(),
+      ZERO_ADDRESS,
+      0,
+      faker.finance.ethereumAddress(),
+    ])
+
+    const mockTxHash = faker.string.hexadecimal({ length: 64 })
+    const mockFactoryAddress = faker.finance.ethereumAddress()
+    const mockMasterCopyAddress = getSafeSingletonDeployment({ version: '1.3.0' })?.defaultAddress!
+    jest.spyOn(cgwSdk, 'getCreationTransaction').mockResolvedValue({
+      created: new Date(Date.now()).toISOString(),
+      creator: faker.finance.ethereumAddress(),
+      factoryAddress: mockFactoryAddress,
+      transactionHash: mockTxHash,
+      masterCopy: mockMasterCopyAddress,
+      setupData,
+      saltNonce: faker.string.hexadecimal({ length: 64 }),
+    })
+
+    jest.spyOn(web3, 'createWeb3ReadOnly').mockReturnValue({
+      getTransaction: (txHash: string) => {
+        if (mockTxHash === txHash) {
+          return Promise.resolve({
+            to: mockFactoryAddress,
+            data: Safe_proxy_factory__factory.createInterface().encodeFunctionData('createProxyWithCallback', [
+              mockMasterCopyAddress,
+              setupData,
+              69,
+              faker.finance.ethereumAddress(),
+            ]),
+          })
+        }
+      },
+    } as JsonRpcProvider)
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1', l2: false }).build()]
+
+    // Run hook
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos))
+
+    await waitFor(() => {
+      expect(result.current).toEqual([undefined, new Error(SAFE_CREATION_DATA_ERRORS.UNSUPPORTED_SAFE_CREATION), false])
+    })
+  })
+
+  it('should throw an error if the setup data does not match', async () => {
+    const setupData = Safe__factory.createInterface().encodeFunctionData('setup', [
+      [faker.finance.ethereumAddress(), faker.finance.ethereumAddress()],
+      1,
+      setupToL2Address,
+      faker.string.hexadecimal({ length: 64 }),
+      faker.finance.ethereumAddress(),
+      ZERO_ADDRESS,
+      0,
+      faker.finance.ethereumAddress(),
+    ])
+
+    const nonMatchingSetupData = Safe__factory.createInterface().encodeFunctionData('setup', [
+      [faker.finance.ethereumAddress(), faker.finance.ethereumAddress()],
+      1,
+      setupToL2Address,
+      faker.string.hexadecimal({ length: 64 }),
+      faker.finance.ethereumAddress(),
+      faker.finance.ethereumAddress(),
+      0,
+      faker.finance.ethereumAddress(),
+    ])
+
+    const mockTxHash = faker.string.hexadecimal({ length: 64 })
+    const mockFactoryAddress = faker.finance.ethereumAddress()
+    const mockMasterCopyAddress = getSafeSingletonDeployment({ version: '1.3.0' })?.defaultAddress!
+    jest.spyOn(cgwSdk, 'getCreationTransaction').mockResolvedValue({
+      created: new Date(Date.now()).toISOString(),
+      creator: faker.finance.ethereumAddress(),
+      factoryAddress: mockFactoryAddress,
+      transactionHash: mockTxHash,
+      masterCopy: mockMasterCopyAddress,
+      setupData,
+      saltNonce: faker.string.hexadecimal({ length: 64 }),
+    })
+
+    jest.spyOn(web3, 'createWeb3ReadOnly').mockReturnValue({
+      getTransaction: (txHash: string) => {
+        if (mockTxHash === txHash) {
+          return Promise.resolve({
+            to: mockFactoryAddress,
+            data: Safe_proxy_factory__factory.createInterface().encodeFunctionData('createProxyWithNonce', [
+              mockMasterCopyAddress,
+              nonMatchingSetupData,
+              69,
+            ]),
+          })
+        }
+        return Promise.resolve(null)
+      },
+    } as JsonRpcProvider)
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1', l2: false }).build()]
+
+    // Run hook
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos))
+
+    await waitFor(() => {
+      expect(result.current).toEqual([undefined, new Error(SAFE_CREATION_DATA_ERRORS.UNSUPPORTED_SAFE_CREATION), false])
+    })
+  })
+
+  it('should throw an error if the masterCopies do not match', async () => {
+    const setupData = Safe__factory.createInterface().encodeFunctionData('setup', [
+      [faker.finance.ethereumAddress(), faker.finance.ethereumAddress()],
+      1,
+      setupToL2Address,
+      faker.string.hexadecimal({ length: 64, casing: 'lower' }),
+      faker.finance.ethereumAddress(),
+      ZERO_ADDRESS,
+      0,
+      faker.finance.ethereumAddress(),
+    ])
+
+    const mockTxHash = faker.string.hexadecimal({ length: 64 })
+    const mockFactoryAddress = faker.finance.ethereumAddress()
+    const mockMasterCopyAddress = getSafeSingletonDeployment({ version: '1.3.0' })?.defaultAddress!
+    jest.spyOn(cgwSdk, 'getCreationTransaction').mockResolvedValue({
+      created: new Date(Date.now()).toISOString(),
+      creator: faker.finance.ethereumAddress(),
+      factoryAddress: mockFactoryAddress,
+      transactionHash: mockTxHash,
+      masterCopy: mockMasterCopyAddress,
+      setupData,
+      saltNonce: faker.string.hexadecimal({ length: 64 }),
+    })
+
+    jest.spyOn(web3, 'createWeb3ReadOnly').mockReturnValue({
+      getTransaction: (txHash: string) => {
+        if (mockTxHash === txHash) {
+          return Promise.resolve({
+            to: mockFactoryAddress,
+            data: Safe_proxy_factory__factory.createInterface().encodeFunctionData('createProxyWithNonce', [
+              faker.finance.ethereumAddress(),
+              setupData,
+              69,
+            ]),
+          })
+        }
+        return Promise.resolve(null)
+      },
+    } as JsonRpcProvider)
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1', l2: false }).build()]
+
+    // Run hook
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos))
+
+    await waitFor(() => {
+      expect(result.current).toEqual([undefined, new Error(SAFE_CREATION_DATA_ERRORS.UNSUPPORTED_SAFE_CREATION), false])
+    })
+  })
+
+  it('should return transaction data for direct Safe creation txs', async () => {
+    const safeProps = {
+      owners: [fakerChecksummedAddress(), fakerChecksummedAddress()],
+      threshold: 1,
+      to: setupToL2Address,
+      data: faker.string.hexadecimal({ length: 64, casing: 'lower' }),
+      fallbackHandler: fakerChecksummedAddress(),
+      paymentToken: ZERO_ADDRESS,
+      payment: 0,
+      paymentReceiver: fakerChecksummedAddress(),
+    }
+    const setupData = Safe__factory.createInterface().encodeFunctionData('setup', [
+      safeProps.owners,
+      safeProps.threshold,
+      safeProps.to,
+      safeProps.data,
+      safeProps.fallbackHandler,
+      safeProps.paymentToken,
+      safeProps.payment,
+      safeProps.paymentReceiver,
+    ])
+
+    const mockTxHash = faker.string.hexadecimal({ length: 64 })
+    const mockFactoryAddress = fakerChecksummedAddress()
+    const mockMasterCopyAddress = getSafeSingletonDeployment({ version: '1.3.0' })?.defaultAddress!
+    jest.spyOn(cgwSdk, 'getCreationTransaction').mockResolvedValue({
+      created: new Date(Date.now()).toISOString(),
+      creator: fakerChecksummedAddress(),
+      factoryAddress: mockFactoryAddress,
+      transactionHash: mockTxHash,
+      masterCopy: mockMasterCopyAddress,
+      setupData,
+      saltNonce: faker.string.hexadecimal({ length: 64 }),
+    })
+
+    jest.spyOn(web3, 'createWeb3ReadOnly').mockReturnValue({
+      getTransaction: (txHash: string) => {
+        if (mockTxHash === txHash) {
+          return Promise.resolve({
+            to: mockFactoryAddress,
+            data: Safe_proxy_factory__factory.createInterface().encodeFunctionData('createProxyWithNonce', [
+              mockMasterCopyAddress,
+              setupData,
+              69,
+            ]),
+          })
+        }
+        return Promise.resolve(null)
+      },
+    } as JsonRpcProvider)
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1', l2: false }).build()]
+
+    // Run hook
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos))
+
+    await waitFor(() => {
+      expect(result.current).toEqual([
+        {
+          factoryAddress: mockFactoryAddress,
+          masterCopy: mockMasterCopyAddress,
+          safeAccountConfig: safeProps,
+          saltNonce: '69',
+          safeVersion: '1.3.0',
+        },
+        undefined,
+        false,
+      ])
+    })
+  })
+
+  it('should return transaction data for creation bundles', async () => {
+    const safeProps = {
+      owners: [fakerChecksummedAddress(), fakerChecksummedAddress()],
+      threshold: 1,
+      to: setupToL2Address,
+      data: faker.string.hexadecimal({ length: 64, casing: 'lower' }),
+      fallbackHandler: fakerChecksummedAddress(),
+      paymentToken: ZERO_ADDRESS,
+      payment: 0,
+      paymentReceiver: fakerChecksummedAddress(),
+    }
+
+    const setupData = Safe__factory.createInterface().encodeFunctionData('setup', [
+      safeProps.owners,
+      safeProps.threshold,
+      safeProps.to,
+      safeProps.data,
+      safeProps.fallbackHandler,
+      safeProps.paymentToken,
+      safeProps.payment,
+      safeProps.paymentReceiver,
+    ])
+
+    const mockTxHash = faker.string.hexadecimal({ length: 64 })
+    const mockFactoryAddress = faker.finance.ethereumAddress()
+    const mockMasterCopyAddress = getSafeSingletonDeployment({ version: '1.4.1' })?.defaultAddress!
+
+    jest.spyOn(cgwSdk, 'getCreationTransaction').mockResolvedValue({
+      created: new Date(Date.now()).toISOString(),
+      creator: faker.finance.ethereumAddress(),
+      factoryAddress: mockFactoryAddress,
+      transactionHash: mockTxHash,
+      masterCopy: mockMasterCopyAddress,
+      setupData,
+      saltNonce: faker.string.hexadecimal({ length: 64 }),
+    })
+
+    jest.spyOn(web3, 'createWeb3ReadOnly').mockReturnValue({
+      getTransaction: (txHash: string) => {
+        if (txHash === mockTxHash) {
+          const deploymentTx = {
+            to: mockFactoryAddress,
+            data: Safe_proxy_factory__factory.createInterface().encodeFunctionData('createProxyWithNonce', [
+              mockMasterCopyAddress,
+              setupData,
+              69,
+            ]),
+            value: '0',
+            operation: 0,
+          }
+          const someOtherTx = {
+            to: faker.finance.ethereumAddress(),
+            value: '0',
+            operation: 0,
+            data: faker.string.hexadecimal({ length: 64 }),
+          }
+
+          const multiSendData = encodeMultiSendData([deploymentTx, someOtherTx])
+          return Promise.resolve({
+            to: faker.finance.ethereumAddress(),
+            data: Multi_send__factory.createInterface().encodeFunctionData('multiSend', [multiSendData]),
+          })
+        }
+        return Promise.resolve(null)
+      },
+    } as JsonRpcProvider)
+
+    const safeAddress = faker.finance.ethereumAddress()
+    const chainInfos = [chainBuilder().with({ chainId: '1', l2: false }).build()]
+
+    // Run hook
+    const { result } = renderHook(() => useSafeCreationData(safeAddress, chainInfos))
+
+    await waitFor(() => {
+      expect(result.current).toEqual([
+        {
+          factoryAddress: mockFactoryAddress,
+          masterCopy: mockMasterCopyAddress,
+          safeAccountConfig: safeProps,
+          safeVersion: '1.4.1',
+          saltNonce: '69',
+        },
+        undefined,
+        false,
+      ])
+    })
+  })
+})
diff --git a/apps/web/src/features/multichain/hooks/useCompatibleNetworks.ts b/apps/web/src/features/multichain/hooks/useCompatibleNetworks.ts
new file mode 100644
index 000000000..32f14441c
--- /dev/null
+++ b/apps/web/src/features/multichain/hooks/useCompatibleNetworks.ts
@@ -0,0 +1,89 @@
+import useChains from '@/hooks/useChains'
+import { hasCanonicalDeployment, hasMatchingDeployment } from '@safe-global/utils/services/contracts/deployments'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { type SafeVersion } from '@safe-global/types-kit'
+import {
+  getCompatibilityFallbackHandlerDeployments,
+  getProxyFactoryDeployments,
+  getSafeL2SingletonDeployments,
+  getSafeSingletonDeployments,
+  getSafeToL2MigrationDeployments,
+  getSafeToL2SetupDeployments,
+} from '@safe-global/safe-deployments'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import type { ReplayedSafeProps } from '@safe-global/utils/features/counterfactual/store/types'
+
+const SUPPORTED_VERSIONS: SafeVersion[] = ['1.4.1', '1.3.0']
+
+/**
+ * Returns all chains where the creations's masterCopy and factory are deployed.
+ * @param creation
+ */
+export const useCompatibleNetworks = (
+  creation: ReplayedSafeProps | undefined,
+): (ChainInfo & { available: boolean })[] => {
+  const { configs } = useChains()
+
+  if (!creation) {
+    return []
+  }
+
+  const { masterCopy, factoryAddress, safeAccountConfig } = creation
+
+  const { fallbackHandler, to } = safeAccountConfig
+
+  return configs.map((config) => {
+    const isL1MasterCopy = hasMatchingDeployment(
+      getSafeSingletonDeployments,
+      masterCopy,
+      config.chainId,
+      SUPPORTED_VERSIONS,
+    )
+    const isL2MasterCopy = hasMatchingDeployment(
+      getSafeL2SingletonDeployments,
+      masterCopy,
+      config.chainId,
+      SUPPORTED_VERSIONS,
+    )
+    const masterCopyExists = isL1MasterCopy || isL2MasterCopy
+
+    const proxyFactoryExists = hasMatchingDeployment(
+      getProxyFactoryDeployments,
+      factoryAddress,
+      config.chainId,
+      SUPPORTED_VERSIONS,
+    )
+    const fallbackHandlerExists = hasMatchingDeployment(
+      getCompatibilityFallbackHandlerDeployments,
+      fallbackHandler,
+      config.chainId,
+      SUPPORTED_VERSIONS,
+    )
+
+    // We only need to check that it is nonzero as useSafeCreationData already validates that it is the setupToL2 call otherwise
+    const includesSetupToL2 = to !== ZERO_ADDRESS
+
+    // If the creation includes the setupToL2 call, the contract needs to be deployed on the chain
+    const areSetupToL2ConditionsMet =
+      !includesSetupToL2 ||
+      hasCanonicalDeployment(getSafeToL2SetupDeployments({ network: config.chainId, version: '1.4.1' }), config.chainId)
+
+    // If the masterCopy is L1 on a L2 chain, includes the setupToL2 Call or the Migration contract exists
+    const isMigrationRequired = isL1MasterCopy && !includesSetupToL2 && config.l2
+    const isMigrationPossible = hasCanonicalDeployment(
+      getSafeToL2MigrationDeployments({ network: config.chainId, version: '1.4.1' }),
+      config.chainId,
+    )
+    const areMigrationConditionsMet = !isMigrationRequired || isMigrationPossible
+
+    return {
+      ...config,
+      available:
+        masterCopyExists &&
+        proxyFactoryExists &&
+        fallbackHandlerExists &&
+        areSetupToL2ConditionsMet &&
+        areMigrationConditionsMet,
+    }
+  })
+}
diff --git a/apps/web/src/features/multichain/hooks/useIsMultichainSafe.ts b/apps/web/src/features/multichain/hooks/useIsMultichainSafe.ts
new file mode 100644
index 000000000..0dd0c1aa3
--- /dev/null
+++ b/apps/web/src/features/multichain/hooks/useIsMultichainSafe.ts
@@ -0,0 +1,14 @@
+import { useAllSafesGrouped } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { useMemo } from 'react'
+
+export const useIsMultichainSafe = () => {
+  const safeAddress = useSafeAddress()
+  const { allMultiChainSafes } = useAllSafesGrouped()
+
+  return useMemo(
+    () => allMultiChainSafes?.some((account) => sameAddress(safeAddress, account.safes[0].address)),
+    [allMultiChainSafes, safeAddress],
+  )
+}
diff --git a/apps/web/src/features/multichain/hooks/useSafeCreationData.ts b/apps/web/src/features/multichain/hooks/useSafeCreationData.ts
new file mode 100644
index 000000000..d3a62cc31
--- /dev/null
+++ b/apps/web/src/features/multichain/hooks/useSafeCreationData.ts
@@ -0,0 +1,191 @@
+import useAsync, { type AsyncResult } from '@safe-global/utils/hooks/useAsync'
+import { createWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { selectRpc, selectUndeployedSafes } from '@/store/slices'
+import { type UndeployedSafe, type ReplayedSafeProps } from '@safe-global/utils/features/counterfactual/store/types'
+import { Safe__factory, Safe_proxy_factory__factory } from '@safe-global/utils/types/contracts'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { getCreationTransaction } from '@safe-global/safe-client-gateway-sdk'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { useAppSelector } from '@/store'
+import { determineMasterCopyVersion, isPredictedSafeProps } from '@/features/counterfactual/utils'
+import { logError } from '@/services/exceptions'
+import ErrorCodes from '@safe-global/utils/services/exceptions/ErrorCodes'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import semverSatisfies from 'semver/functions/satisfies'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { getSafeToL2SetupDeployment } from '@safe-global/safe-deployments'
+import { type SafeAccountConfig } from '@safe-global/protocol-kit'
+
+export const SAFE_CREATION_DATA_ERRORS = {
+  TX_NOT_FOUND: 'The Safe creation transaction could not be found. Please retry later.',
+  NO_CREATION_DATA: 'The Safe creation information for this Safe could not be found or is incomplete.',
+  UNSUPPORTED_SAFE_CREATION: 'The method this Safe was created with is not supported.',
+  NO_PROVIDER: 'The RPC provider for the origin network is not available.',
+  LEGACY_COUNTERFATUAL: 'This undeployed Safe cannot be replayed. Please activate the Safe first.',
+  PAYMENT_SAFE: 'The Safe creation used reimbursement. Adding networks to such Safes is not supported.',
+  UNSUPPORTED_IMPLEMENTATION:
+    'The Safe was created using an unsupported or outdated implementation. Adding networks to this Safe is not possible.',
+  UNKNOWN_SETUP_MODULES: 'The Safe creation is using an unknown internal call',
+}
+
+export const decodeSetupData = (setupData: string): ReplayedSafeProps['safeAccountConfig'] => {
+  const [owners, threshold, to, data, fallbackHandler, paymentToken, payment, paymentReceiver] =
+    Safe__factory.createInterface().decodeFunctionData('setup', setupData)
+
+  return {
+    owners: [...owners],
+    threshold: Number(threshold),
+    to,
+    data,
+    fallbackHandler,
+    paymentToken,
+    payment: Number(payment),
+    paymentReceiver,
+  }
+}
+
+const getUndeployedSafeCreationData = async (undeployedSafe: UndeployedSafe): Promise<ReplayedSafeProps> => {
+  if (isPredictedSafeProps(undeployedSafe.props)) {
+    throw new Error(SAFE_CREATION_DATA_ERRORS.LEGACY_COUNTERFATUAL)
+  }
+
+  // We already have a replayed Safe. In this case we can return the identical data
+  return undeployedSafe.props
+}
+
+const validateAccountConfig = (safeAccountConfig: SafeAccountConfig) => {
+  // Safes that used the reimbursement logic are not supported
+  if (
+    (safeAccountConfig.payment && safeAccountConfig.payment > 0) ||
+    (safeAccountConfig.paymentToken && safeAccountConfig.paymentToken !== ZERO_ADDRESS)
+  ) {
+    throw new Error(SAFE_CREATION_DATA_ERRORS.PAYMENT_SAFE)
+  }
+
+  const setupToL2Address = getSafeToL2SetupDeployment({ version: '1.4.1' })?.defaultAddress
+  if (safeAccountConfig.to !== ZERO_ADDRESS && !sameAddress(safeAccountConfig.to, setupToL2Address)) {
+    // Unknown setupModules calls cannot be replayed as the target contract is likely not deployed across chains
+    throw new Error(SAFE_CREATION_DATA_ERRORS.UNKNOWN_SETUP_MODULES)
+  }
+}
+
+const proxyFactoryInterface = Safe_proxy_factory__factory.createInterface()
+const createProxySelector = proxyFactoryInterface.getFunction('createProxyWithNonce').selector
+
+/**
+ * Loads the creation data from the CGW or infers it from an undeployed Safe.
+ *
+ * Throws errors for the reasons in {@link SAFE_CREATION_DATA_ERRORS}.
+ * Checking the cheap cases not requiring RPC calls first.
+ */
+const getCreationDataForChain = async (
+  chain: ChainInfo,
+  undeployedSafe: UndeployedSafe,
+  safeAddress: string,
+  customRpc: { [chainId: string]: string },
+): Promise<ReplayedSafeProps> => {
+  // 1. The safe is counterfactual
+  if (undeployedSafe) {
+    const undeployedCreationData = await getUndeployedSafeCreationData(undeployedSafe)
+    validateAccountConfig(undeployedCreationData.safeAccountConfig)
+
+    return undeployedCreationData
+  }
+
+  const creation = await getCreationTransaction({
+    params: {
+      path: {
+        chainId: chain.chainId,
+        safeAddress,
+      },
+    },
+  })
+
+  if (!creation || !creation.masterCopy || !creation.setupData || creation.setupData === '0x') {
+    throw new Error(SAFE_CREATION_DATA_ERRORS.NO_CREATION_DATA)
+  }
+
+  // Safes that were deployed with an unknown mastercopy or < 1.3.0 are not supported.
+  const safeVersion = determineMasterCopyVersion(creation.masterCopy, chain.chainId)
+  if (!safeVersion || semverSatisfies(safeVersion, '<1.3.0')) {
+    throw new Error(SAFE_CREATION_DATA_ERRORS.UNSUPPORTED_IMPLEMENTATION)
+  }
+
+  const safeAccountConfig = decodeSetupData(creation.setupData)
+
+  validateAccountConfig(safeAccountConfig)
+
+  // We need to create a readOnly provider of the deployed chain
+  const customRpcUrl = chain ? customRpc?.[chain.chainId] : undefined
+  const provider = createWeb3ReadOnly(chain, customRpcUrl)
+
+  if (!provider) {
+    throw new Error(SAFE_CREATION_DATA_ERRORS.NO_PROVIDER)
+  }
+
+  // Fetch saltNonce by fetching the transaction from the RPC.
+  const tx = await provider.getTransaction(creation.transactionHash)
+  if (!tx) {
+    throw new Error(SAFE_CREATION_DATA_ERRORS.TX_NOT_FOUND)
+  }
+  const txData = tx.data
+  const startOfTx = txData.indexOf(createProxySelector.slice(2, 10))
+  if (startOfTx === -1) {
+    throw new Error(SAFE_CREATION_DATA_ERRORS.UNSUPPORTED_SAFE_CREATION)
+  }
+
+  // decode tx
+  const [masterCopy, initializer, saltNonce] = proxyFactoryInterface.decodeFunctionData(
+    'createProxyWithNonce',
+    `0x${txData.slice(startOfTx)}`,
+  )
+
+  const txMatches =
+    sameAddress(masterCopy, creation.masterCopy) &&
+    (initializer as string)?.toLowerCase().includes(creation.setupData?.toLowerCase())
+
+  if (!txMatches) {
+    // We found the wrong tx. This tx seems to deploy multiple Safes at once. This is not supported yet.
+    throw new Error(SAFE_CREATION_DATA_ERRORS.UNSUPPORTED_SAFE_CREATION)
+  }
+
+  return {
+    factoryAddress: creation.factoryAddress,
+    masterCopy: creation.masterCopy,
+    safeAccountConfig,
+    saltNonce: saltNonce.toString(),
+    safeVersion,
+  }
+}
+
+/**
+ * Fetches the data with which the given Safe was originally created.
+ * Useful to replay a Safe creation.
+ */
+export const useSafeCreationData = (safeAddress: string, chains: ChainInfo[]): AsyncResult<ReplayedSafeProps> => {
+  const customRpc = useAppSelector(selectRpc)
+
+  const undeployedSafes = useAppSelector(selectUndeployedSafes)
+
+  return useAsync<ReplayedSafeProps | undefined>(async () => {
+    let lastError: Error | undefined = undefined
+    try {
+      for (const chain of chains) {
+        const undeployedSafe = undeployedSafes[chain.chainId]?.[safeAddress]
+
+        try {
+          return await getCreationDataForChain(chain, undeployedSafe, safeAddress, customRpc)
+        } catch (err) {
+          lastError = asError(err)
+        }
+      }
+      if (lastError) {
+        // We want to know why the creation was not possible by throwing one of the errors
+        throw lastError
+      }
+    } catch (err) {
+      logError(ErrorCodes._816, err)
+      throw err
+    }
+  }, [chains, customRpc, safeAddress, undeployedSafes])
+}
diff --git a/apps/web/src/features/multichain/utils/utils.test.ts b/apps/web/src/features/multichain/utils/utils.test.ts
new file mode 100644
index 000000000..54b0764b9
--- /dev/null
+++ b/apps/web/src/features/multichain/utils/utils.test.ts
@@ -0,0 +1,526 @@
+import { faker } from '@faker-js/faker/locale/af_ZA'
+import { getDeviatingSetups, getSafeSetups, getSharedSetup, isMultiChainSafeItem } from './utils'
+import { PendingSafeStatus } from '@safe-global/utils/features/counterfactual/store/types'
+
+import { PayMethod } from '@safe-global/utils/features/counterfactual/types'
+
+describe('multiChain/utils', () => {
+  describe('isMultiChainSafeItem', () => {
+    it('should return true for MultiChainSafeIem', () => {
+      expect(
+        isMultiChainSafeItem({
+          address: faker.finance.ethereumAddress(),
+          safes: [
+            {
+              address: faker.finance.ethereumAddress(),
+              chainId: '1',
+              isReadOnly: false,
+              isPinned: false,
+              lastVisited: 0,
+              name: undefined,
+            },
+          ],
+          isPinned: false,
+          lastVisited: 0,
+          name: undefined,
+        }),
+      ).toBeTruthy()
+    })
+
+    it('should return false for SafeItem', () => {
+      expect(
+        isMultiChainSafeItem({
+          address: faker.finance.ethereumAddress(),
+          chainId: '1',
+          isReadOnly: false,
+          isPinned: false,
+          lastVisited: 0,
+          name: undefined,
+        }),
+      ).toBeFalsy()
+    })
+  })
+
+  describe('getSharedSetup', () => {
+    it('should return undefined if no setup info is available', () => {
+      expect(getSharedSetup([])).toBeUndefined()
+      expect(getSharedSetup([undefined])).toBeUndefined()
+      expect(getSharedSetup([undefined, undefined])).toBeUndefined()
+    })
+
+    it('should return undefined if some of the setups are undefined', () => {
+      const safeSetups = [
+        {
+          owners: [faker.finance.ethereumAddress()],
+          threshold: 1,
+          chainId: '1',
+        },
+        undefined,
+      ]
+      expect(getSharedSetup(safeSetups)).toBeUndefined()
+    })
+
+    it('should return undefined if the owners do not match', () => {
+      // 2 Safes. One with 1 and one with 2 owners.
+      const owners1 = [faker.finance.ethereumAddress()]
+      const owners2 = [...owners1, faker.finance.ethereumAddress()]
+      const safeSetups = [
+        {
+          owners: owners1,
+          threshold: 1,
+          chainId: '1',
+        },
+        {
+          owners: owners2,
+          threshold: 1,
+          chainId: '100',
+        },
+      ]
+
+      expect(getSharedSetup(safeSetups)).toBeUndefined()
+    })
+    it('should return undefined if the threshold does not match', () => {
+      const owners = [faker.finance.ethereumAddress(), faker.finance.ethereumAddress()]
+
+      const safeSetups = [
+        {
+          owners,
+          threshold: 1,
+          chainId: '1',
+        },
+        {
+          owners,
+          threshold: 2,
+          chainId: '100',
+        },
+      ]
+
+      expect(getSharedSetup(safeSetups)).toBeUndefined()
+    })
+
+    it('should return the shared setup if owners and threshold matches', () => {
+      const owners = [faker.finance.ethereumAddress(), faker.finance.ethereumAddress()]
+
+      const safeSetups = [
+        {
+          owners,
+          threshold: 2,
+          chainId: '1',
+        },
+        {
+          owners,
+          threshold: 2,
+          chainId: '100',
+        },
+      ]
+
+      expect(getSharedSetup(safeSetups)).toEqual({ owners, threshold: 2 })
+    })
+  })
+
+  describe('getDeviatingSetups', () => {
+    it('should return empty array if no setup data is provided', () => {
+      expect(getDeviatingSetups([], '1')).toEqual([])
+    })
+
+    it('should return empty array if current chainId is not defined', () => {
+      const safeSetups = [
+        {
+          owners: [faker.finance.ethereumAddress()],
+          threshold: 1,
+          chainId: '1',
+        },
+      ]
+      expect(getDeviatingSetups(safeSetups, undefined)).toEqual([])
+    })
+
+    it('should return empty array if all setups are the same', () => {
+      const owner1 = faker.finance.ethereumAddress()
+      const owner2 = faker.finance.ethereumAddress()
+
+      const safeSetups = [
+        {
+          owners: [owner1, owner2],
+          threshold: 2,
+          chainId: '1',
+        },
+        {
+          owners: [owner1, owner2],
+          threshold: 2,
+          chainId: '5',
+        },
+        {
+          owners: [owner1, owner2],
+          threshold: 2,
+          chainId: '100',
+        },
+      ]
+      expect(getDeviatingSetups(safeSetups, '1')).toEqual([])
+    })
+
+    it('should return all setups that are different from the current one', () => {
+      const currentChainId = '1'
+      const owner1 = faker.finance.ethereumAddress()
+      const owner2 = faker.finance.ethereumAddress()
+      const owner3 = faker.finance.ethereumAddress()
+
+      const currentSetup = { owners: [owner1, owner2], threshold: 2 }
+      const differentOwnersSetup = { owners: [owner2, owner3], threshold: 2 }
+      const differentThresholdSetup = { owners: [owner1, owner2], threshold: 1 }
+      const differentOwnersAndThresholdSetup = { owners: [owner1], threshold: 1 }
+
+      const safeSetups = [
+        {
+          ...currentSetup,
+          chainId: currentChainId,
+        },
+        {
+          ...currentSetup,
+          chainId: '4',
+        },
+        {
+          ...differentOwnersSetup,
+          chainId: '5',
+        },
+        {
+          ...differentThresholdSetup,
+          chainId: '100',
+        },
+        {
+          ...differentOwnersAndThresholdSetup,
+          chainId: '11155111',
+        },
+      ]
+      expect(getDeviatingSetups(safeSetups, currentChainId)).toEqual([
+        {
+          ...differentOwnersSetup,
+          chainId: '5',
+        },
+        {
+          ...differentThresholdSetup,
+          chainId: '100',
+        },
+        {
+          ...differentOwnersAndThresholdSetup,
+          chainId: '11155111',
+        },
+      ])
+    })
+
+    it('should return empty array if setup data for current chain is not found', () => {
+      const currentChainId = '1'
+
+      const safeSetups = [
+        {
+          owners: [faker.finance.ethereumAddress()],
+          threshold: 1,
+          chainId: '10',
+        },
+        {
+          owners: [faker.finance.ethereumAddress()],
+          threshold: 1,
+          chainId: '5',
+        },
+        {
+          owners: [faker.finance.ethereumAddress()],
+          threshold: 1,
+          chainId: '100',
+        },
+      ]
+      expect(getDeviatingSetups(safeSetups, currentChainId)).toEqual([])
+    })
+  })
+
+  describe('getSafeSetups', () => {
+    it('should return an empty array if no setup infos available', () => {
+      expect(
+        getSafeSetups(
+          [
+            {
+              address: faker.finance.ethereumAddress(),
+              chainId: '1',
+              isReadOnly: false,
+              isPinned: false,
+              lastVisited: 0,
+              name: undefined,
+            },
+          ],
+          [],
+          {},
+        ),
+      ).toEqual([])
+    })
+
+    it('should return undefined if no setup infos available', () => {
+      expect(
+        getSafeSetups(
+          [
+            {
+              address: faker.finance.ethereumAddress(),
+              chainId: '1',
+              isReadOnly: false,
+              isPinned: false,
+              lastVisited: 0,
+              name: undefined,
+            },
+          ],
+          [],
+          {},
+        ),
+      ).toEqual([])
+    })
+
+    it('should return the setup data if deployed safes have setup data available', () => {
+      const address = faker.finance.ethereumAddress()
+      const ownerAddress1 = faker.finance.ethereumAddress()
+      const ownerAddress2 = faker.finance.ethereumAddress()
+
+      expect(
+        getSafeSetups(
+          [
+            {
+              address,
+              chainId: '1',
+              isReadOnly: false,
+              isPinned: false,
+              lastVisited: 0,
+              name: undefined,
+            },
+            {
+              address,
+              chainId: '100',
+              isReadOnly: false,
+              isPinned: false,
+              lastVisited: 0,
+              name: undefined,
+            },
+          ],
+          [
+            {
+              address: {
+                value: address,
+              },
+              awaitingConfirmation: null,
+              chainId: '1',
+              fiatTotal: '0',
+              owners: [{ value: ownerAddress1 }],
+              queued: 0,
+              threshold: 1,
+            },
+            {
+              address: {
+                value: address,
+              },
+              awaitingConfirmation: null,
+              chainId: '100',
+              fiatTotal: '0',
+              owners: [{ value: ownerAddress2 }],
+              queued: 0,
+              threshold: 2,
+            },
+          ],
+          {},
+        ),
+      ).toEqual([
+        { owners: [ownerAddress1], threshold: 1, chainId: '1' },
+        { owners: [ownerAddress2], threshold: 2, chainId: '100' },
+      ])
+    })
+
+    it('should return the setup data if undeployed safes have setup data available', () => {
+      const address = faker.finance.ethereumAddress()
+
+      const ownerAddress1 = faker.finance.ethereumAddress()
+      const ownerAddress2 = faker.finance.ethereumAddress()
+
+      expect(
+        getSafeSetups(
+          [
+            {
+              address,
+              chainId: '1',
+              isReadOnly: false,
+              isPinned: false,
+              lastVisited: 0,
+              name: undefined,
+            },
+            {
+              address,
+              chainId: '100',
+              isReadOnly: false,
+              isPinned: false,
+              lastVisited: 0,
+              name: undefined,
+            },
+          ],
+          [],
+          {
+            ['1']: {
+              [address]: {
+                props: {
+                  safeAccountConfig: {
+                    owners: [ownerAddress1],
+                    threshold: 1,
+                  },
+                },
+                status: {
+                  status: PendingSafeStatus.AWAITING_EXECUTION,
+                  type: PayMethod.PayLater,
+                },
+              },
+            },
+            ['100']: {
+              [address]: {
+                props: {
+                  safeAccountConfig: {
+                    owners: [ownerAddress2],
+                    threshold: 2,
+                  },
+                },
+                status: {
+                  status: PendingSafeStatus.AWAITING_EXECUTION,
+                  type: PayMethod.PayLater,
+                },
+              },
+            },
+          },
+        ),
+      ).toEqual([
+        { owners: [ownerAddress1], threshold: 1, chainId: '1' },
+        { owners: [ownerAddress2], threshold: 2, chainId: '100' },
+      ])
+    })
+
+    it('should only return setup data where if setup data is available', () => {
+      const address = faker.finance.ethereumAddress()
+
+      const ownerAddress1 = faker.finance.ethereumAddress()
+      const ownerAddress2 = faker.finance.ethereumAddress()
+
+      expect(
+        getSafeSetups(
+          [
+            {
+              address,
+              chainId: '1',
+              isReadOnly: false,
+              isPinned: false,
+              lastVisited: 0,
+              name: undefined,
+            },
+            {
+              address,
+              chainId: '100',
+              isReadOnly: false,
+              isPinned: false,
+              lastVisited: 0,
+              name: undefined,
+            },
+            {
+              address,
+              chainId: '5',
+              isReadOnly: false,
+              isPinned: false,
+              lastVisited: 0,
+              name: undefined,
+            },
+          ],
+          [
+            {
+              address: {
+                value: address,
+              },
+              awaitingConfirmation: null,
+              chainId: '1',
+              fiatTotal: '0',
+              owners: [{ value: ownerAddress1 }],
+              queued: 0,
+              threshold: 1,
+            },
+          ],
+          {
+            ['100']: {
+              [address]: {
+                props: {
+                  safeAccountConfig: {
+                    owners: [ownerAddress2],
+                    threshold: 2,
+                  },
+                },
+                status: {
+                  status: PendingSafeStatus.AWAITING_EXECUTION,
+                  type: PayMethod.PayLater,
+                },
+              },
+            },
+          },
+        ),
+      ).toEqual([
+        { owners: [ownerAddress1], threshold: 1, chainId: '1' },
+        { owners: [ownerAddress2], threshold: 2, chainId: '100' },
+      ])
+    })
+
+    it('should return setup data for a mix of deployed and undeployed safes', () => {
+      const address = faker.finance.ethereumAddress()
+
+      const ownerAddress1 = faker.finance.ethereumAddress()
+      const ownerAddress2 = faker.finance.ethereumAddress()
+
+      expect(
+        getSafeSetups(
+          [
+            {
+              address,
+              chainId: '1',
+              isReadOnly: false,
+              isPinned: false,
+              lastVisited: 0,
+              name: undefined,
+            },
+            {
+              address,
+              chainId: '100',
+              isReadOnly: false,
+              isPinned: false,
+              lastVisited: 0,
+              name: undefined,
+            },
+          ],
+          [
+            {
+              address: {
+                value: address,
+              },
+              awaitingConfirmation: null,
+              chainId: '1',
+              fiatTotal: '0',
+              owners: [{ value: ownerAddress1 }],
+              queued: 0,
+              threshold: 1,
+            },
+          ],
+          {
+            ['100']: {
+              [address]: {
+                props: {
+                  safeAccountConfig: {
+                    owners: [ownerAddress2],
+                    threshold: 2,
+                  },
+                },
+                status: {
+                  status: PendingSafeStatus.AWAITING_EXECUTION,
+                  type: PayMethod.PayLater,
+                },
+              },
+            },
+          },
+        ),
+      ).toEqual([
+        { owners: [ownerAddress1], threshold: 1, chainId: '1' },
+        { owners: [ownerAddress2], threshold: 2, chainId: '100' },
+      ])
+    })
+  })
+})
diff --git a/apps/web/src/features/multichain/utils/utils.ts b/apps/web/src/features/multichain/utils/utils.ts
new file mode 100644
index 000000000..b9e69790f
--- /dev/null
+++ b/apps/web/src/features/multichain/utils/utils.ts
@@ -0,0 +1,151 @@
+import type { DecodedDataResponse, ChainInfo, SafeOverview } from '@safe-global/safe-gateway-typescript-sdk'
+import semverSatisfies from 'semver/functions/satisfies'
+import memoize from 'lodash/memoize'
+import { keccak256, ethers, solidityPacked, getCreate2Address, type Provider } from 'ethers'
+
+import {
+  type UndeployedSafesState,
+  type ReplayedSafeProps,
+} from '@safe-global/utils/features/counterfactual/store/types'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { areOwnersMatching } from '@safe-global/utils/utils/safe-setup-comparison'
+import { Safe_proxy_factory__factory } from '@safe-global/utils/types/contracts'
+import { extractCounterfactualSafeSetup } from '@/features/counterfactual/utils'
+import { encodeSafeSetupCall } from '@/components/new-safe/create/logic'
+import { type SafeItem } from '@/features/myAccounts/hooks/useAllSafes'
+import { type MultiChainSafeItem } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import { LATEST_SAFE_VERSION } from '@safe-global/utils/config/constants'
+import { FEATURES, hasFeature } from '@safe-global/utils/utils/chains'
+
+type SafeSetup = {
+  owners: string[]
+  threshold: number
+  chainId: string
+}
+
+export const isChangingSignerSetup = (decodedData: DecodedDataResponse | undefined) => {
+  return decodedData?.method === 'addOwnerWithThreshold' || decodedData?.method === 'removeOwner'
+}
+
+export const isMultiChainSafeItem = (safe: SafeItem | MultiChainSafeItem): safe is MultiChainSafeItem => {
+  if ('safes' in safe && 'address' in safe) {
+    return true
+  }
+  return false
+}
+
+export const isSafeItem = (safe: SafeItem | MultiChainSafeItem): safe is SafeItem => {
+  return !isMultiChainSafeItem(safe)
+}
+
+export const getSafeSetups = (
+  safes: SafeItem[],
+  safeOverviews: SafeOverview[],
+  undeployedSafes: UndeployedSafesState,
+): (SafeSetup | undefined)[] => {
+  const safeSetups = safes.map((safeItem) => {
+    const undeployedSafe = undeployedSafes?.[safeItem.chainId]?.[safeItem.address]
+    if (undeployedSafe) {
+      const counterfactualSetup = extractCounterfactualSafeSetup(undeployedSafe, safeItem.chainId)
+      if (!counterfactualSetup) return undefined
+      return {
+        owners: counterfactualSetup.owners,
+        threshold: counterfactualSetup.threshold,
+        chainId: safeItem.chainId,
+      }
+    }
+    const foundOverview = safeOverviews?.find(
+      (overview) => overview.chainId === safeItem.chainId && sameAddress(overview.address.value, safeItem.address),
+    )
+    if (!foundOverview) return undefined
+    return {
+      owners: foundOverview.owners.map((owner) => owner.value),
+      threshold: foundOverview.threshold,
+      chainId: safeItem.chainId,
+    }
+  })
+  return safeSetups
+}
+
+export const getSharedSetup = (safeSetups: (SafeSetup | undefined)[]): Omit<SafeSetup, 'chainId'> | undefined => {
+  const comparisonSetup = safeSetups[0]
+
+  if (!comparisonSetup) return undefined
+
+  const allMatching = safeSetups.every(
+    (setup) =>
+      setup && areOwnersMatching(setup.owners, comparisonSetup.owners) && setup.threshold === comparisonSetup.threshold,
+  )
+
+  const { owners, threshold } = comparisonSetup
+  return allMatching ? { owners, threshold } : undefined
+}
+
+export const getDeviatingSetups = (
+  safeSetups: (SafeSetup | undefined)[],
+  currentChainId: string | undefined,
+): SafeSetup[] => {
+  const currentSafeSetup = safeSetups.find((setup) => setup?.chainId === currentChainId)
+  if (!currentChainId || !currentSafeSetup) return []
+
+  const deviatingSetups = safeSetups
+    .filter((setup): setup is SafeSetup => Boolean(setup))
+    .filter((setup) => {
+      return (
+        setup &&
+        (!areOwnersMatching(setup.owners, currentSafeSetup.owners) || setup.threshold !== currentSafeSetup.threshold)
+      )
+    })
+  return deviatingSetups
+}
+
+const memoizedGetProxyCreationCode = memoize(
+  async (factoryAddress: string, provider: Provider) => {
+    return Safe_proxy_factory__factory.connect(factoryAddress, provider).proxyCreationCode()
+  },
+  async (factoryAddress, provider) => `${factoryAddress}${(await provider.getNetwork()).chainId}`,
+)
+
+export const predictSafeAddress = async (
+  setupData: { initializer: string; saltNonce: string; singleton: string },
+  factoryAddress: string,
+  provider: Provider,
+) => {
+  // Step 1: Hash the initializer
+  const initializerHash = keccak256(setupData.initializer)
+
+  // Step 2: Encode the initializerHash and saltNonce using abi.encodePacked equivalent
+  const encoded = ethers.concat([initializerHash, solidityPacked(['uint256'], [setupData.saltNonce])])
+
+  // Step 3: Hash the encoded value to get the final salt
+  const salt = keccak256(encoded)
+
+  // Get Proxy creation code
+  const proxyCreationCode = await memoizedGetProxyCreationCode(factoryAddress, provider)
+
+  const initCode = proxyCreationCode + solidityPacked(['uint256'], [setupData.singleton]).slice(2)
+  return getCreate2Address(factoryAddress, salt, keccak256(initCode))
+}
+
+export const predictAddressBasedOnReplayData = async (safeCreationData: ReplayedSafeProps, provider: Provider) => {
+  const initializer = encodeSafeSetupCall(safeCreationData.safeAccountConfig)
+  return predictSafeAddress(
+    { initializer, saltNonce: safeCreationData.saltNonce, singleton: safeCreationData.masterCopy },
+    safeCreationData.factoryAddress,
+    provider,
+  )
+}
+
+const canMultichain = (chain: ChainInfo) => {
+  const MIN_SAFE_VERSION = '1.4.1'
+  return hasFeature(chain, FEATURES.COUNTERFACTUAL) && semverSatisfies(LATEST_SAFE_VERSION, `>=${MIN_SAFE_VERSION}`)
+}
+
+export const hasMultiChainCreationFeatures = (chain: ChainInfo): boolean => {
+  return hasFeature(chain, FEATURES.MULTI_CHAIN_SAFE_CREATION) && canMultichain(chain)
+}
+
+export const hasMultiChainAddNetworkFeature = (chain: ChainInfo | undefined): boolean => {
+  if (!chain) return false
+  return hasFeature(chain, FEATURES.MULTI_CHAIN_SAFE_ADD_NETWORK) && canMultichain(chain)
+}
diff --git a/apps/web/src/features/myAccounts/components/AccountInfoChips/index.tsx b/apps/web/src/features/myAccounts/components/AccountInfoChips/index.tsx
new file mode 100644
index 000000000..fe7e0ae92
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AccountInfoChips/index.tsx
@@ -0,0 +1,115 @@
+import { Box, Chip, Typography, useMediaQuery, useTheme } from '@mui/material'
+import VisibilityIcon from '@mui/icons-material/Visibility'
+import { LoopIcon } from '@/features/counterfactual/CounterfactualStatusButton'
+import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline'
+import css from './styles.module.css'
+import QueueActions from '../QueueActions'
+import type { ChainInfo, SafeOverview } from '@safe-global/safe-gateway-typescript-sdk'
+import type { UrlObject } from 'url'
+import Link from 'next/link'
+import Track from '@/components/common/Track'
+import { OVERVIEW_EVENTS } from '@/services/analytics'
+
+const AccountStatusChip = ({ isActivating }: { isActivating: boolean }) => {
+  return (
+    <Chip
+      className={css.chip}
+      sx={{
+        backgroundColor: isActivating ? 'var(--color-info-light)' : 'var(--color-warning-background)',
+      }}
+      size="small"
+      label={isActivating ? 'Activating account' : 'Not activated'}
+      icon={
+        isActivating ? (
+          <LoopIcon fontSize="small" className={css.pendingLoopIcon} sx={{ mr: '-4px', ml: '4px' }} />
+        ) : (
+          <ErrorOutlineIcon fontSize="small" color="warning" />
+        )
+      }
+    />
+  )
+}
+
+const ReadOnlyChip = () => {
+  return (
+    <Chip
+      data-testid="read-only-chip"
+      className={css.chip}
+      sx={{ color: 'var(--color-primary-light)', borderColor: 'var(--color-border-light)' }}
+      variant="outlined"
+      size="small"
+      icon={<VisibilityIcon className={css.visibilityIcon} />}
+      label={
+        <Typography variant="caption" display="flex" alignItems="center" gap={0.5}>
+          Read-only
+        </Typography>
+      }
+    />
+  )
+}
+
+export const AccountInfoChips = ({
+  isActivating,
+  isReadOnly,
+  undeployedSafe,
+  isVisible,
+  safeOverview,
+  chain,
+  href,
+  onLinkClick,
+  trackingLabel,
+}: {
+  isActivating: boolean
+  isReadOnly: boolean
+  isVisible: boolean
+  undeployedSafe: boolean
+  safeOverview: SafeOverview | null
+  chain: ChainInfo | undefined
+  href: UrlObject | string
+  onLinkClick: (() => void) | undefined
+  trackingLabel: string
+}) => {
+  const theme = useTheme()
+  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))
+  const showQueueActions = isVisible && !undeployedSafe && !isReadOnly
+
+  return (
+    <Box sx={{ width: '100%', mt: 0.3 }}>
+      {undeployedSafe ? (
+        <>
+          {isMobile ? (
+            <Track {...OVERVIEW_EVENTS.OPEN_SAFE} label={trackingLabel}>
+              <Link onClick={onLinkClick} href={href}>
+                <AccountStatusChip isActivating={isActivating} />
+              </Link>
+            </Track>
+          ) : (
+            // For larger screens, the Chip is within the parent Link
+            <AccountStatusChip isActivating={isActivating} />
+          )}
+        </>
+      ) : isReadOnly ? (
+        <>
+          {isMobile ? (
+            <Track {...OVERVIEW_EVENTS.OPEN_SAFE} label={trackingLabel}>
+              <Link onClick={onLinkClick} href={href}>
+                <ReadOnlyChip />
+              </Link>
+            </Track>
+          ) : (
+            // For larger screens, the Chip is within the parent Link
+            <ReadOnlyChip />
+          )}
+        </>
+      ) : showQueueActions && safeOverview ? (
+        <QueueActions
+          isMobile={isMobile}
+          queued={safeOverview?.queued || 0}
+          awaitingConfirmation={safeOverview?.awaitingConfirmation || 0}
+          safeAddress={safeOverview?.address.value}
+          chainShortName={chain?.shortName || ''}
+        />
+      ) : null}
+    </Box>
+  )
+}
diff --git a/apps/web/src/features/myAccounts/components/AccountInfoChips/styles.module.css b/apps/web/src/features/myAccounts/components/AccountInfoChips/styles.module.css
new file mode 100644
index 000000000..db9942e34
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AccountInfoChips/styles.module.css
@@ -0,0 +1,20 @@
+.chip {
+  border-radius: var(--space-2);
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.visibilityIcon {
+  font-size: 16px !important;
+  color: var(--color-border-main) !important;
+}
+
+.pendingLoopIcon {
+  color: var(--color-info-dark) !important;
+}
+
+@media (max-width: 600px) {
+  .chip {
+    margin: 0 var(--space-2) var(--space-2) var(--space-2);
+  }
+}
diff --git a/apps/web/src/features/myAccounts/components/AccountItems/MultiAccountItem.tsx b/apps/web/src/features/myAccounts/components/AccountItems/MultiAccountItem.tsx
new file mode 100644
index 000000000..207426b5b
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AccountItems/MultiAccountItem.tsx
@@ -0,0 +1,383 @@
+import { selectUndeployedSafes } from '@/features/counterfactual/store/undeployedSafesSlice'
+import NetworkLogosList from '@/features/multichain/components/NetworkLogosList'
+import type { SafeListProps } from '@/features/myAccounts/components/SafesList'
+import SpaceSafeContextMenu from '@/features/spaces/components/SafeAccounts/SpaceSafeContextMenu'
+import { showNotification } from '@/store/notificationsSlice'
+import SingleAccountItem from '@/features/myAccounts/components/AccountItems/SingleAccountItem'
+import type { SafeOverview } from '@safe-global/safe-gateway-typescript-sdk'
+import { useCallback, useMemo, useState } from 'react'
+import {
+  ListItemButton,
+  Box,
+  Typography,
+  Skeleton,
+  Accordion,
+  AccordionDetails,
+  AccordionSummary,
+  Divider,
+  Tooltip,
+  SvgIcon,
+  IconButton,
+  useMediaQuery,
+} from '@mui/material'
+import SafeIcon from '@/components/common/SafeIcon'
+import { OVERVIEW_EVENTS, OVERVIEW_LABELS, PIN_SAFE_LABELS, trackEvent } from '@/services/analytics'
+import { AppRoutes } from '@/config/routes'
+import { useAppDispatch, useAppSelector } from '@/store'
+import css from './styles.module.css'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import classnames from 'classnames'
+import { useRouter } from 'next/router'
+import FiatValue from '@/components/common/FiatValue'
+import { type MultiChainSafeItem } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import { shortenAddress } from '@safe-global/utils/utils/formatters'
+import { type SafeItem } from '@/features/myAccounts/hooks/useAllSafes'
+import { getSafeSetups, getSharedSetup, hasMultiChainAddNetworkFeature } from '@/features/multichain/utils/utils'
+import { AddNetworkButton } from '../AddNetworkButton'
+import { isPredictedSafeProps } from '@/features/counterfactual/utils'
+import ChainIndicator from '@/components/common/ChainIndicator'
+import MultiAccountContextMenu from '@/components/sidebar/SafeListContextMenu/MultiAccountContextMenu'
+import { useGetMultipleSafeOverviewsQuery } from '@/store/api/gateway'
+import useWallet from '@/hooks/wallets/useWallet'
+import { selectCurrency } from '@/store/settingsSlice'
+import { selectChains } from '@/store/chainsSlice'
+import BookmarkIcon from '@/public/images/apps/bookmark.svg'
+import BookmarkedIcon from '@/public/images/apps/bookmarked.svg'
+import { addOrUpdateSafe, pinSafe, selectAllAddedSafes, unpinSafe } from '@/store/addedSafesSlice'
+import { defaultSafeInfo } from '@safe-global/store/slices/SafeInfo/utils'
+import { selectOrderByPreference } from '@/store/orderByPreferenceSlice'
+import { getComparator } from '@/features/myAccounts/utils/utils'
+import { useIsSpaceRoute } from '@/hooks/useIsSpaceRoute'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { useTheme } from '@mui/material/styles'
+
+export const MultichainIndicator = ({ safes }: { safes: SafeItem[] }) => {
+  return (
+    <Box className={css.multiChains}>
+      <Tooltip
+        title={
+          <Box data-testid="multichain-tooltip">
+            <Typography fontSize="14px">Multichain account on:</Typography>
+            {safes.map((safeItem) => (
+              <Box key={safeItem.chainId} sx={{ p: '4px 0px' }}>
+                <ChainIndicator chainId={safeItem.chainId} />
+              </Box>
+            ))}
+          </Box>
+        }
+        arrow
+      >
+        <Box>
+          <NetworkLogosList networks={safes} showHasMore />
+        </Box>
+      </Tooltip>
+    </Box>
+  )
+}
+
+function useMultiAccountItemData(multiSafeAccountItem: MultiChainSafeItem) {
+  const { address, safes, isPinned, name } = multiSafeAccountItem
+
+  const router = useRouter()
+  const isWelcomePage = router.pathname === AppRoutes.welcome.accounts
+  const isSpaceRoute = useIsSpaceRoute()
+  const safeAddress = useSafeAddress()
+  const isCurrentSafe = sameAddress(safeAddress, address)
+
+  const { orderBy } = useAppSelector(selectOrderByPreference)
+  const sortComparator = useMemo(() => getComparator(orderBy), [orderBy])
+  const sortedSafes = useMemo(() => [...safes].sort(sortComparator), [safes, sortComparator])
+
+  const undeployedSafes = useAppSelector(selectUndeployedSafes)
+  const deployedSafes = useMemo(
+    () => sortedSafes.filter((safe) => !undeployedSafes[safe.chainId]?.[safe.address]),
+    [sortedSafes, undeployedSafes],
+  )
+
+  const currency = useAppSelector(selectCurrency)
+  const { address: walletAddress = '' } = useWallet() || {}
+
+  const { data: safeOverviews } = useGetMultipleSafeOverviewsQuery({ currency, walletAddress, safes: deployedSafes })
+
+  const safeSetups = useMemo(
+    () => getSafeSetups(sortedSafes, safeOverviews ?? [], undeployedSafes),
+    [safeOverviews, sortedSafes, undeployedSafes],
+  )
+  const sharedSetup = useMemo(() => getSharedSetup(safeSetups), [safeSetups])
+
+  const totalFiatValue = useMemo(
+    () => safeOverviews?.reduce((sum, overview) => sum + Number(overview.fiatTotal), 0),
+    [safeOverviews],
+  )
+
+  const chains = useAppSelector(selectChains)
+  const hasReplayableSafe = useMemo(() => {
+    return sortedSafes.some((safeItem) => {
+      const undeployedSafe = undeployedSafes[safeItem.chainId]?.[safeItem.address]
+      const chain = chains.data.find((chain) => chain.chainId === safeItem.chainId)
+      const addNetworkFeatureEnabled = hasMultiChainAddNetworkFeature(chain)
+      // Replayable if deployed or new counterfactual safe and the chain supports add network
+      return (!undeployedSafe || !isPredictedSafeProps(undeployedSafe.props)) && addNetworkFeatureEnabled
+    })
+  }, [chains.data, sortedSafes, undeployedSafes])
+
+  const isReadOnly = useMemo(() => sortedSafes.every((safe) => safe.isReadOnly), [sortedSafes])
+
+  const deployedChainIds = useMemo(() => sortedSafes.map((safe) => safe.chainId), [sortedSafes])
+
+  return {
+    address,
+    name,
+    sortedSafes,
+    safeOverviews,
+    sharedSetup,
+    totalFiatValue,
+    hasReplayableSafe,
+    isPinned,
+    isCurrentSafe,
+    isReadOnly,
+    isWelcomePage,
+    deployedChainIds,
+    isSpaceRoute,
+  }
+}
+
+function usePinActions(
+  address: string,
+  name: string | undefined,
+  safes: SafeItem[],
+  safeOverviews: SafeOverview[] | undefined,
+) {
+  const dispatch = useAppDispatch()
+  const allAddedSafes = useAppSelector(selectAllAddedSafes)
+
+  const findOverview = useCallback(
+    (item: SafeItem) => {
+      return safeOverviews?.find(
+        (overview) => item.chainId === overview.chainId && sameAddress(overview.address.value, item.address),
+      )
+    },
+    [safeOverviews],
+  )
+
+  const addToPinnedList = useCallback(() => {
+    const isGroupAdded = safes.every((safe) => allAddedSafes[safe.chainId]?.[safe.address])
+    if (isGroupAdded) {
+      for (const safe of safes) {
+        dispatch(pinSafe({ chainId: safe.chainId, address: safe.address }))
+      }
+    } else {
+      for (const safe of safes) {
+        const overview = findOverview(safe)
+        dispatch(
+          addOrUpdateSafe({
+            safe: {
+              ...defaultSafeInfo,
+              chainId: safe.chainId,
+              address: { value: address },
+              owners: overview ? overview.owners : defaultSafeInfo.owners,
+              threshold: overview ? overview.threshold : defaultSafeInfo.threshold,
+            },
+          }),
+        )
+        dispatch(pinSafe({ chainId: safe.chainId, address: safe.address }))
+      }
+    }
+
+    dispatch(
+      showNotification({
+        title: 'Pinned multi-chain Safe',
+        message: name ?? shortenAddress(address),
+        groupKey: `pin-safe-success-${address}`,
+        variant: 'success',
+      }),
+    )
+
+    trackEvent({ ...OVERVIEW_EVENTS.PIN_SAFE, label: PIN_SAFE_LABELS.pin })
+  }, [name, safes, allAddedSafes, dispatch, findOverview, address])
+
+  const removeFromPinnedList = useCallback(() => {
+    for (const safe of safes) {
+      dispatch(unpinSafe({ chainId: safe.chainId, address: safe.address }))
+    }
+
+    dispatch(
+      showNotification({
+        title: 'Unpinned multi-chain Safe',
+        message: name ?? shortenAddress(address),
+        groupKey: `unpin-safe-success-${address}`,
+        variant: 'success',
+      }),
+    )
+
+    trackEvent({ ...OVERVIEW_EVENTS.PIN_SAFE, label: PIN_SAFE_LABELS.unpin })
+  }, [dispatch, name, address, safes])
+
+  return { addToPinnedList, removeFromPinnedList }
+}
+
+type MultiAccountItemProps = {
+  multiSafeAccountItem: MultiChainSafeItem
+  safeOverviews?: SafeOverview[]
+  onLinkClick?: SafeListProps['onLinkClick']
+  isSpaceSafe?: boolean
+}
+
+const MultiAccountItem = ({ onLinkClick, multiSafeAccountItem, isSpaceSafe = false }: MultiAccountItemProps) => {
+  const theme = useTheme()
+  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))
+
+  const {
+    address,
+    name,
+    sortedSafes,
+    safeOverviews,
+    sharedSetup,
+    totalFiatValue,
+    hasReplayableSafe,
+    isPinned,
+    isCurrentSafe,
+    isReadOnly,
+    isWelcomePage,
+    deployedChainIds,
+    isSpaceRoute,
+  } = useMultiAccountItemData(multiSafeAccountItem)
+  const { addToPinnedList, removeFromPinnedList } = usePinActions(address, name, sortedSafes, safeOverviews)
+
+  const [expanded, setExpanded] = useState(isCurrentSafe)
+  const trackingLabel = isWelcomePage ? OVERVIEW_LABELS.login_page : OVERVIEW_LABELS.sidebar
+
+  const toggleExpand = () => {
+    setExpanded((prev) => {
+      if (!prev && !isSpaceRoute) {
+        trackEvent({ ...OVERVIEW_EVENTS.EXPAND_MULTI_SAFE, label: trackingLabel })
+      }
+      return !prev
+    })
+  }
+
+  return (
+    <ListItemButton
+      data-testid="safe-list-item"
+      selected={isCurrentSafe}
+      className={classnames(css.multiListItem, css.listItem, { [css.currentListItem]: isCurrentSafe })}
+      sx={{ p: 0 }}
+    >
+      <Accordion data-testid="multichain-item-summary" expanded={expanded} sx={{ border: 'none' }}>
+        <AccordionSummary
+          onClick={toggleExpand}
+          sx={{
+            pl: 0,
+            '& .MuiAccordionSummary-content': { m: '0 !important', alignItems: 'center' },
+            '&.Mui-expanded': { backgroundColor: 'transparent !important' },
+          }}
+          component="div"
+        >
+          <Box className={classnames(css.multiSafeLink, css.safeLink)} width="100%">
+            <Box sx={{ pr: 2.5 }} data-testid="group-safe-icon">
+              <SafeIcon address={address} owners={sharedSetup?.owners.length} threshold={sharedSetup?.threshold} />
+            </Box>
+
+            <Typography variant="body2" component="div" className={css.safeAddress}>
+              <EthHashInfo
+                address={address}
+                name={multiSafeAccountItem.name}
+                shortAddress
+                showPrefix={false}
+                showAvatar={false}
+                copyPrefix={false}
+                copyAddress={!isMobile}
+              />
+            </Typography>
+            <MultichainIndicator safes={sortedSafes} />
+            <Typography
+              data-testid="group-balance"
+              variant="body2"
+              sx={{
+                fontWeight: 'bold',
+                textAlign: 'right',
+                pl: 2,
+              }}
+            >
+              {totalFiatValue !== undefined ? (
+                <FiatValue value={totalFiatValue} />
+              ) : (
+                <Skeleton variant="text" sx={{ ml: 'auto' }} />
+              )}
+            </Typography>
+          </Box>
+
+          {!isSpaceSafe && (
+            <IconButton
+              data-testid="bookmark-icon"
+              edge="end"
+              size="medium"
+              sx={{ mx: 1 }}
+              onClick={(event) => {
+                event.stopPropagation()
+                isPinned ? removeFromPinnedList() : addToPinnedList()
+              }}
+            >
+              <SvgIcon
+                component={isPinned ? BookmarkedIcon : BookmarkIcon}
+                inheritViewBox
+                color={isPinned ? 'primary' : undefined}
+                fontSize="small"
+              />
+            </IconButton>
+          )}
+
+          {isSpaceSafe ? (
+            <>
+              <Box width="40px" /> {/* Spacer for the send button */}
+              <SpaceSafeContextMenu safeItem={multiSafeAccountItem} />
+            </>
+          ) : (
+            <MultiAccountContextMenu
+              name={multiSafeAccountItem.name ?? ''}
+              address={address}
+              chainIds={deployedChainIds}
+              addNetwork={hasReplayableSafe}
+            />
+          )}
+        </AccordionSummary>
+        <AccordionDetails sx={{ padding: '0px 12px' }}>
+          <Box data-testid="subacounts-container">
+            {sortedSafes.map((safeItem) => (
+              <SingleAccountItem
+                onLinkClick={onLinkClick}
+                safeItem={safeItem}
+                key={`${safeItem.chainId}:${safeItem.address}`}
+                isMultiChainItem
+                isSpaceSafe={isSpaceSafe}
+              />
+            ))}
+          </Box>
+          {!isReadOnly && hasReplayableSafe && !isSpaceSafe && (
+            <>
+              <Divider sx={{ ml: '-12px', mr: '-12px' }} />
+              <Box
+                sx={{
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  ml: '-12px',
+                  mr: '-12px',
+                }}
+              >
+                <AddNetworkButton
+                  currentName={multiSafeAccountItem.name ?? ''}
+                  safeAddress={address}
+                  deployedChains={sortedSafes.map((safe) => safe.chainId)}
+                />
+              </Box>
+            </>
+          )}
+        </AccordionDetails>
+      </Accordion>
+    </ListItemButton>
+  )
+}
+
+export default MultiAccountItem
diff --git a/apps/web/src/features/myAccounts/components/AccountItems/SingleAccountItem.tsx b/apps/web/src/features/myAccounts/components/AccountItems/SingleAccountItem.tsx
new file mode 100644
index 000000000..f31727801
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AccountItems/SingleAccountItem.tsx
@@ -0,0 +1,289 @@
+import { selectUndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
+import type { SafeListProps } from '@/features/myAccounts/components/SafesList'
+import SpaceSafeContextMenu from '@/features/spaces/components/SafeAccounts/SpaceSafeContextMenu'
+import { type SafeOverview } from '@safe-global/safe-gateway-typescript-sdk'
+import { useMemo, useRef } from 'react'
+import { ListItemButton, Box, Typography, IconButton, SvgIcon, Skeleton, useTheme, useMediaQuery } from '@mui/material'
+import Link from 'next/link'
+import Track from '@/components/common/Track'
+import { OVERVIEW_EVENTS, OVERVIEW_LABELS, PIN_SAFE_LABELS, trackEvent } from '@/services/analytics'
+import { AppRoutes } from '@/config/routes'
+import { useAppDispatch, useAppSelector } from '@/store'
+import { selectChainById } from '@/store/chainsSlice'
+import ChainIndicator from '@/components/common/ChainIndicator'
+import css from './styles.module.css'
+import { selectAllAddressBooks } from '@/store/addressBookSlice'
+import { shortenAddress } from '@safe-global/utils/utils/formatters'
+import SafeListContextMenu from '@/components/sidebar/SafeListContextMenu'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import useChainId from '@/hooks/useChainId'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import classnames from 'classnames'
+import { useRouter } from 'next/router'
+import type { SafeItem } from '@/features/myAccounts/hooks/useAllSafes'
+import { useGetHref } from '@/features/myAccounts/hooks/useGetHref'
+import { extractCounterfactualSafeSetup, isPredictedSafeProps } from '@/features/counterfactual/utils'
+import useWallet from '@/hooks/wallets/useWallet'
+import { hasMultiChainAddNetworkFeature } from '@/features/multichain/utils/utils'
+import BookmarkIcon from '@/public/images/apps/bookmark.svg'
+import BookmarkedIcon from '@/public/images/apps/bookmarked.svg'
+import { addOrUpdateSafe, unpinSafe } from '@/store/addedSafesSlice'
+import SafeIcon from '@/components/common/SafeIcon'
+import useOnceVisible from '@/hooks/useOnceVisible'
+import { skipToken } from '@reduxjs/toolkit/query'
+import { showNotification, useGetSafeOverviewQuery } from '@/store/slices'
+import { defaultSafeInfo } from '@safe-global/store/slices/SafeInfo/utils'
+import FiatValue from '@/components/common/FiatValue'
+import { AccountInfoChips } from '../AccountInfoChips'
+import SendTransactionButton from '@/features/spaces/components/SafeAccounts/SendTransactionButton'
+import EthHashInfo from '@/components/common/EthHashInfo'
+
+type AccountItemProps = {
+  safeItem: SafeItem
+  safeOverview?: SafeOverview
+  onLinkClick?: SafeListProps['onLinkClick']
+  isMultiChainItem?: boolean
+  isSpaceSafe?: boolean
+}
+
+const SingleAccountItem = ({
+  onLinkClick,
+  safeItem,
+  isMultiChainItem = false,
+  isSpaceSafe = false,
+}: AccountItemProps) => {
+  const { chainId, address, isReadOnly, isPinned } = safeItem
+  const chain = useAppSelector((state) => selectChainById(state, chainId))
+  const undeployedSafe = useAppSelector((state) => selectUndeployedSafe(state, chainId, address))
+  const safeAddress = useSafeAddress()
+  const currChainId = useChainId()
+  const router = useRouter()
+  const isCurrentSafe = chainId === currChainId && sameAddress(safeAddress, address)
+  const isWelcomePage = router.pathname === AppRoutes.welcome.accounts
+  const { address: walletAddress } = useWallet() ?? {}
+  const elementRef = useRef<HTMLDivElement>(null)
+  const isVisible = useOnceVisible(elementRef)
+  const theme = useTheme()
+  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))
+
+  const dispatch = useAppDispatch()
+
+  const trackingLabel = isWelcomePage
+    ? OVERVIEW_LABELS.login_page
+    : isSpaceSafe
+      ? OVERVIEW_LABELS.space_page
+      : OVERVIEW_LABELS.sidebar
+
+  const getHref = useGetHref(router)
+
+  const href = useMemo(() => {
+    return chain ? getHref(chain, address) : ''
+  }, [chain, getHref, address])
+
+  const name = useAppSelector(selectAllAddressBooks)[chainId]?.[address]
+
+  const isActivating = undeployedSafe?.status.status !== 'AWAITING_EXECUTION'
+
+  const counterfactualSetup = undeployedSafe
+    ? extractCounterfactualSafeSetup(undeployedSafe, chain?.chainId)
+    : undefined
+
+  const addNetworkFeatureEnabled = hasMultiChainAddNetworkFeature(chain)
+  const isReplayable =
+    addNetworkFeatureEnabled && !isReadOnly && (!undeployedSafe || !isPredictedSafeProps(undeployedSafe.props))
+
+  const { data: safeOverview } = useGetSafeOverviewQuery(
+    undeployedSafe || !isVisible
+      ? skipToken
+      : {
+          chainId: safeItem.chainId,
+          safeAddress: safeItem.address,
+          walletAddress,
+        },
+  )
+
+  const safeThreshold = safeOverview?.threshold ?? counterfactualSetup?.threshold ?? defaultSafeInfo.threshold
+  const safeOwners =
+    safeOverview?.owners ?? counterfactualSetup?.owners.map((address) => ({ value: address })) ?? defaultSafeInfo.owners
+
+  const addToPinnedList = () => {
+    dispatch(
+      addOrUpdateSafe({
+        safe: {
+          ...defaultSafeInfo,
+          chainId,
+          address: { value: address },
+          owners: safeOwners,
+          threshold: safeThreshold,
+        },
+      }),
+    )
+
+    dispatch(
+      showNotification({
+        title: 'Pinned Safe',
+        message: name ?? shortenAddress(address),
+        groupKey: `pin-safe-success-${address}`,
+        variant: 'success',
+      }),
+    )
+
+    trackEvent({ ...OVERVIEW_EVENTS.PIN_SAFE, label: PIN_SAFE_LABELS.pin })
+  }
+
+  const removeFromPinnedList = () => {
+    dispatch(unpinSafe({ chainId, address }))
+
+    dispatch(
+      showNotification({
+        title: 'Unpinned Safe',
+        message: name ?? shortenAddress(address),
+        groupKey: `unpin-safe-success-${address}`,
+        variant: 'success',
+      }),
+    )
+
+    trackEvent({ ...OVERVIEW_EVENTS.PIN_SAFE, label: PIN_SAFE_LABELS.unpin })
+  }
+
+  const content = (
+    <>
+      <Box
+        sx={{
+          pr: 2.5,
+        }}
+      >
+        <SafeIcon
+          address={address}
+          owners={safeOwners.length > 0 ? safeOwners.length : undefined}
+          threshold={safeThreshold > 0 ? safeThreshold : undefined}
+          isMultiChainItem={isMultiChainItem}
+          chainId={chainId}
+        />
+      </Box>
+
+      <Typography variant="body2" component="div" className={css.safeAddress}>
+        {isMultiChainItem ? (
+          <Typography
+            component="span"
+            sx={{
+              color: 'var(--color-primary-light)',
+              fontSize: 'inherit',
+            }}
+          >
+            {chain?.chainName}
+          </Typography>
+        ) : (
+          <EthHashInfo
+            address={address}
+            name={name}
+            shortAddress
+            chainId={chain?.chainId}
+            showAvatar={false}
+            copyAddress={!isMobile}
+          />
+        )}
+        {!isMobile && (
+          <AccountInfoChips
+            isActivating={isActivating}
+            isReadOnly={isReadOnly}
+            undeployedSafe={!!undeployedSafe}
+            isVisible={isVisible}
+            safeOverview={safeOverview ?? null}
+            chain={chain}
+            href={href}
+            onLinkClick={onLinkClick}
+            trackingLabel={trackingLabel}
+          />
+        )}
+      </Typography>
+
+      {!isMultiChainItem ? (
+        <ChainIndicator chainId={chainId} responsive onlyLogo className={css.chainIndicator} />
+      ) : (
+        <div />
+      )}
+
+      <Typography variant="body2" sx={{ fontWeight: 'bold', textAlign: 'right', pl: 2 }}>
+        {undeployedSafe ? null : safeOverview ? (
+          <FiatValue value={safeOverview.fiatTotal} />
+        ) : (
+          <Skeleton variant="text" sx={{ ml: 'auto' }} />
+        )}
+      </Typography>
+    </>
+  )
+
+  const actions = (
+    <>
+      {!isMultiChainItem && !isSpaceSafe && (
+        <IconButton
+          data-testid="bookmark-icon"
+          edge="end"
+          size="medium"
+          sx={{ mx: 1 }}
+          onClick={isPinned ? removeFromPinnedList : addToPinnedList}
+        >
+          <SvgIcon
+            component={isPinned ? BookmarkedIcon : BookmarkIcon}
+            inheritViewBox
+            color={isPinned ? 'primary' : undefined}
+            fontSize="small"
+          />
+        </IconButton>
+      )}
+
+      {isSpaceSafe ? (
+        <>
+          {safeOverview && <SendTransactionButton safe={safeOverview} />}
+          <SpaceSafeContextMenu safeItem={safeItem} />
+        </>
+      ) : (
+        !isMultiChainItem && (
+          <SafeListContextMenu
+            name={name}
+            address={address}
+            chainId={chainId}
+            addNetwork={isReplayable}
+            rename
+            undeployedSafe={!!undeployedSafe}
+            onClose={onLinkClick}
+          />
+        )
+      )}
+
+      {isMobile && (
+        <AccountInfoChips
+          isActivating={isActivating}
+          isReadOnly={isReadOnly}
+          undeployedSafe={!!undeployedSafe}
+          isVisible={isVisible}
+          safeOverview={safeOverview ?? null}
+          chain={chain}
+          href={href}
+          onLinkClick={onLinkClick}
+          trackingLabel={trackingLabel}
+        />
+      )}
+    </>
+  )
+
+  return (
+    <ListItemButton
+      ref={elementRef}
+      data-testid="safe-list-item"
+      selected={isCurrentSafe}
+      className={classnames(css.listItem, { [css.currentListItem]: isCurrentSafe })}
+    >
+      <Track {...OVERVIEW_EVENTS.OPEN_SAFE} label={trackingLabel}>
+        <Link onClick={onLinkClick} href={href} className={css.safeLink}>
+          {content}
+        </Link>
+      </Track>
+
+      {actions}
+    </ListItemButton>
+  )
+}
+
+export default SingleAccountItem
diff --git a/apps/web/src/features/myAccounts/components/AccountItems/styles.module.css b/apps/web/src/features/myAccounts/components/AccountItems/styles.module.css
new file mode 100644
index 000000000..1790f5b8f
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AccountItems/styles.module.css
@@ -0,0 +1,150 @@
+.listItem {
+  border: 1px solid var(--color-border-light);
+  border-radius: var(--space-1);
+  margin-bottom: 12px;
+  padding-top: 0;
+  padding-bottom: 0;
+  padding-left: 0;
+  flex-wrap: wrap;
+}
+
+.currentListItem {
+  border: 1px solid var(--color-secondary-light);
+  border-left-width: 6px;
+  background-color: var(--color-background-light) !important;
+}
+
+.currentListItem.multiListItem {
+  border: 1px solid var(--color-border-light);
+  background-color: none;
+}
+
+.listItem :global .MuiAccordion-root,
+.listItem :global .MuiAccordion-root:hover > .MuiAccordionSummary-root {
+  background-color: transparent;
+}
+
+.listItem :global .MuiAccordion-root.Mui-expanded {
+  background-color: var(--color-background-paper);
+}
+
+.listItem {
+  background-color: var(--color-background-paper);
+}
+
+.listItem.subItem {
+  margin-bottom: 8px;
+}
+
+.subItem .borderLeft {
+  top: 0;
+  bottom: 0;
+  position: absolute;
+  border-radius: 6px;
+  border: 1px solid var(--color-border-light);
+}
+
+.subItem.currentListItem .borderLeft {
+  border-left: 4px solid var(--color-secondary-light);
+}
+
+.listItem > :first-child {
+  flex: 1;
+  width: 90%;
+}
+
+.safeLink {
+  display: grid;
+  padding: var(--space-2) var(--space-1) var(--space-2) var(--space-2);
+  grid-template-columns: 60px 10fr 2fr 3fr;
+  align-items: center;
+}
+
+.multiSafeLink {
+  grid-template-columns: 60px 8fr 5fr 3fr;
+}
+
+.safeSubLink {
+  grid-template-columns: 60px 3fr minmax(auto, 2fr);
+}
+
+.safeName,
+.safeAddress {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.safeAddress :global .ethHashInfo-name {
+  font-weight: bold;
+}
+
+.listHeader {
+  display: flex;
+}
+
+.listHeader svg path {
+  stroke: var(--color-text-primary);
+}
+
+.multiChains {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.multiChains > span {
+  margin-left: -5px;
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+  outline: 2px solid var(--color-background-paper);
+}
+
+.chainIndicator {
+  justify-content: flex-end;
+}
+
+.chipSection {
+  width: 100%;
+}
+
+.chipSection:empty {
+  display: none;
+}
+
+@media (max-width: 899.95px) {
+  .safeLink {
+    padding-right: 0;
+  }
+}
+
+@media (max-width: 599.95px) {
+  .safeLink {
+    grid-template-columns: auto 1fr auto;
+    grid-template-areas:
+      'a b d'
+      'a c d';
+  }
+
+  .safeLink :nth-child(1) {
+    grid-area: a;
+  }
+  .safeLink :nth-child(2) {
+    grid-area: b;
+  }
+  .safeLink :nth-child(3) {
+    grid-area: c;
+    text-align: left;
+  }
+  .safeLink :nth-child(4) {
+    grid-area: d;
+  }
+
+  .multiChains {
+    justify-content: flex-start;
+  }
+
+  .chainIndicator {
+    justify-content: flex-start;
+  }
+}
diff --git a/apps/web/src/features/myAccounts/components/AccountListFilters/index.tsx b/apps/web/src/features/myAccounts/components/AccountListFilters/index.tsx
new file mode 100644
index 000000000..c16428ed7
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AccountListFilters/index.tsx
@@ -0,0 +1,60 @@
+import { useAppDispatch, useAppSelector } from '@/store'
+import { type OrderByOption, selectOrderByPreference, setOrderByPreference } from '@/store/orderByPreferenceSlice'
+import debounce from 'lodash/debounce'
+import { type Dispatch, type SetStateAction, useCallback } from 'react'
+import OrderByButton from '@/features/myAccounts/components/OrderByButton'
+import css from '@/features/myAccounts/styles.module.css'
+import SearchIcon from '@/public/images/common/search.svg'
+import { Box, InputAdornment, Paper, SvgIcon, TextField } from '@mui/material'
+
+const AccountListFilters = ({ setSearchQuery }: { setSearchQuery: Dispatch<SetStateAction<string>> }) => {
+  const dispatch = useAppDispatch()
+  const { orderBy } = useAppSelector(selectOrderByPreference)
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const handleSearch = useCallback(debounce(setSearchQuery, 300), [])
+
+  const handleOrderByChange = (orderBy: OrderByOption) => {
+    dispatch(setOrderByPreference({ orderBy }))
+  }
+
+  return (
+    <Paper sx={{ px: 2, py: 1 }}>
+      <Box display="flex" justifyContent="space-between" width="100%" gap={1}>
+        <TextField
+          id="search-by-name"
+          placeholder="Search by name, ENS, address, or chain"
+          aria-label="Search Safe list by name"
+          variant="filled"
+          hiddenLabel
+          onChange={(e) => {
+            handleSearch(e.target.value)
+          }}
+          className={css.search}
+          InputProps={{
+            startAdornment: (
+              <InputAdornment position="start">
+                <SvgIcon
+                  component={SearchIcon}
+                  inheritViewBox
+                  fontWeight="bold"
+                  fontSize="small"
+                  sx={{
+                    color: 'var(--color-border-main)',
+                    '.MuiInputBase-root.Mui-focused &': { color: 'var(--color-text-primary)' },
+                  }}
+                />
+              </InputAdornment>
+            ),
+            disableUnderline: true,
+          }}
+          fullWidth
+          size="small"
+        />
+        <OrderByButton orderBy={orderBy} onOrderByChange={handleOrderByChange} />
+      </Box>
+    </Paper>
+  )
+}
+
+export default AccountListFilters
diff --git a/apps/web/src/features/myAccounts/components/AccountsHeader/index.tsx b/apps/web/src/features/myAccounts/components/AccountsHeader/index.tsx
new file mode 100644
index 000000000..f4034a171
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AccountsHeader/index.tsx
@@ -0,0 +1,70 @@
+import ConnectWalletButton from '@/components/common/ConnectWallet/ConnectWalletButton'
+import Track from '@/components/common/Track'
+import { AppRoutes } from '@/config/routes'
+import AccountsNavigation from '@/features/myAccounts/components/AccountsNavigation'
+import CreateButton from '@/features/myAccounts/components/CreateButton'
+import css from '@/features/myAccounts/styles.module.css'
+import { useHasFeature } from '@/hooks/useChains'
+import useWallet from '@/hooks/wallets/useWallet'
+import AddIcon from '@/public/images/common/add.svg'
+import { OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import { Box, Button, Link, SvgIcon, Typography } from '@mui/material'
+import classNames from 'classnames'
+import { useRouter } from 'next/router'
+
+const AddSafeButton = ({ trackingLabel, onLinkClick }: { trackingLabel: string; onLinkClick?: () => void }) => {
+  return (
+    <Track {...OVERVIEW_EVENTS.ADD_TO_WATCHLIST} label={trackingLabel}>
+      <Link href={AppRoutes.newSafe.load}>
+        <Button
+          data-testid="add-safe-button"
+          disableElevation
+          variant="outlined"
+          size="small"
+          onClick={onLinkClick}
+          startIcon={<SvgIcon component={AddIcon} inheritViewBox fontSize="small" />}
+          sx={{ height: '36px', width: '100%', px: 2 }}
+        >
+          <Box mt="1px">Add</Box>
+        </Button>
+      </Link>
+    </Track>
+  )
+}
+
+const AccountsHeader = ({ isSidebar, onLinkClick }: { isSidebar: boolean; onLinkClick?: () => void }) => {
+  const wallet = useWallet()
+  const router = useRouter()
+  const isSpacesFeatureEnabled = useHasFeature(FEATURES.SPACES)
+  const isLoginPage = router.pathname === AppRoutes.welcome.accounts
+  const trackingLabel = isLoginPage ? OVERVIEW_LABELS.login_page : OVERVIEW_LABELS.sidebar
+
+  return (
+    <Box className={classNames(css.header, { [css.sidebarHeader]: isSidebar })}>
+      {isSidebar || !isSpacesFeatureEnabled ? (
+        <Typography variant="h1" fontWeight={700} className={css.title}>
+          Accounts
+        </Typography>
+      ) : (
+        <AccountsNavigation />
+      )}
+
+      <Box className={css.headerButtons}>
+        <AddSafeButton trackingLabel={trackingLabel} onLinkClick={onLinkClick} />
+
+        {wallet ? (
+          <Track {...OVERVIEW_EVENTS.CREATE_NEW_SAFE} label={trackingLabel}>
+            <CreateButton isPrimary />
+          </Track>
+        ) : (
+          <Box sx={{ '& button': { height: '36px' } }}>
+            <ConnectWalletButton small={true} />
+          </Box>
+        )}
+      </Box>
+    </Box>
+  )
+}
+
+export default AccountsHeader
diff --git a/apps/web/src/features/myAccounts/components/AccountsList/index.test.tsx b/apps/web/src/features/myAccounts/components/AccountsList/index.test.tsx
new file mode 100644
index 000000000..45136cb90
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AccountsList/index.test.tsx
@@ -0,0 +1,113 @@
+import { OrderByOption } from '@/store/orderByPreferenceSlice'
+import { safeItemBuilder } from '@/tests/builders/safeItem'
+import { render } from '@/tests/test-utils'
+import React from 'react'
+import { screen } from '@testing-library/react'
+import AccountsList from './index'
+import FilteredSafes from '@/features/myAccounts/components/FilteredSafes'
+import PinnedSafes from '@/features/myAccounts/components/PinnedSafes'
+import AllSafes from '@/features/myAccounts/components/AllSafes'
+import type { AllSafeItemsGrouped } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+
+// Mock child components to simplify tests, we just need to verify their rendering and props.
+jest.mock('@/features/myAccounts/components/FilteredSafes', () => jest.fn(() => <div>FilteredSafes Component</div>))
+jest.mock('@/features/myAccounts/components/PinnedSafes', () => jest.fn(() => <div>PinnedSafes Component</div>))
+jest.mock('@/features/myAccounts/components/AllSafes', () => jest.fn(() => <div>AllSafes Component</div>))
+
+describe('AccountsList', () => {
+  const baseSafes: AllSafeItemsGrouped = {
+    allMultiChainSafes: [
+      { name: 'MultiChainSafe1', address: '0xA', isPinned: false, lastVisited: 0, safes: [safeItemBuilder().build()] },
+      { name: 'MultiChainSafe2', address: '0xB', isPinned: false, lastVisited: 1, safes: [safeItemBuilder().build()] },
+    ],
+    allSingleSafes: [
+      { name: 'SingleSafe1', address: '0xC', isPinned: true, chainId: '3', isReadOnly: false, lastVisited: 2 },
+    ],
+  }
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('renders FilteredSafes when searchQuery is not empty', () => {
+    render(<AccountsList searchQuery="Multi" safes={baseSafes} isSidebar={true} />, {
+      initialReduxState: { orderByPreference: { orderBy: OrderByOption.NAME } },
+    })
+
+    expect(screen.getByText('FilteredSafes Component')).toBeInTheDocument()
+    expect(screen.queryByText('PinnedSafes Component')).not.toBeInTheDocument()
+    expect(screen.queryByText('AllSafes Component')).not.toBeInTheDocument()
+
+    // Check that FilteredSafes is called with the correct props
+    const filteredSafesMock = (FilteredSafes as jest.Mock).mock.calls[0][0]
+    expect(filteredSafesMock.searchQuery).toBe('Multi')
+    expect(filteredSafesMock.onLinkClick).toBeUndefined()
+
+    // The combined allSafes array sorted by name
+    const expectedSortedSafes = [
+      { name: 'MultiChainSafe1', address: '0xA', isPinned: false, lastVisited: 0, safes: expect.anything() },
+      { name: 'MultiChainSafe2', address: '0xB', isPinned: false, lastVisited: 1, safes: expect.anything() },
+      { name: 'SingleSafe1', address: '0xC', isPinned: true, chainId: '3', isReadOnly: false, lastVisited: 2 },
+    ]
+    expect(filteredSafesMock.allSafes).toEqual(expectedSortedSafes)
+  })
+
+  it('renders PinnedSafes and AllSafes when searchQuery is empty', () => {
+    render(<AccountsList searchQuery="" safes={baseSafes} isSidebar={false} />, {
+      initialReduxState: { orderByPreference: { orderBy: OrderByOption.NAME } },
+    })
+
+    expect(screen.queryByText('FilteredSafes Component')).not.toBeInTheDocument()
+    expect(screen.getByText('PinnedSafes Component')).toBeInTheDocument()
+    expect(screen.getByText('AllSafes Component')).toBeInTheDocument()
+
+    // Check that PinnedSafes and AllSafes received the correct props
+    const pinnedSafesMock = (PinnedSafes as jest.Mock).mock.calls[0][0]
+    const allSafesMock = (AllSafes as jest.Mock).mock.calls[0][0]
+
+    // Sorted array as in the previous test
+    const expectedSortedSafes = [
+      { name: 'MultiChainSafe1', address: '0xA', isPinned: false, lastVisited: 0, safes: expect.anything() },
+      { name: 'MultiChainSafe2', address: '0xB', isPinned: false, lastVisited: 1, safes: expect.anything() },
+      { name: 'SingleSafe1', address: '0xC', isPinned: true, chainId: '3', isReadOnly: false, lastVisited: 2 },
+    ]
+
+    expect(pinnedSafesMock.allSafes).toEqual(expectedSortedSafes)
+    expect(allSafesMock.allSafes).toEqual(expectedSortedSafes)
+    expect(allSafesMock.isSidebar).toBe(false)
+  })
+
+  it('sorts by lastVisited', () => {
+    render(<AccountsList searchQuery="" safes={baseSafes} isSidebar={false} />, {
+      initialReduxState: { orderByPreference: { orderBy: OrderByOption.LAST_VISITED } },
+    })
+
+    expect(screen.queryByText('FilteredSafes Component')).not.toBeInTheDocument()
+    expect(screen.getByText('PinnedSafes Component')).toBeInTheDocument()
+    expect(screen.getByText('AllSafes Component')).toBeInTheDocument()
+
+    // Check that PinnedSafes and AllSafes received the correct props
+    const pinnedSafesMock = (PinnedSafes as jest.Mock).mock.calls[0][0]
+    const allSafesMock = (AllSafes as jest.Mock).mock.calls[0][0]
+
+    const expectedSortedSafes = [
+      { name: 'SingleSafe1', address: '0xC', isPinned: true, chainId: '3', isReadOnly: false, lastVisited: 2 },
+      { name: 'MultiChainSafe2', address: '0xB', isPinned: false, lastVisited: 1, safes: expect.anything() },
+      { name: 'MultiChainSafe1', address: '0xA', isPinned: false, lastVisited: 0, safes: expect.anything() },
+    ]
+
+    expect(pinnedSafesMock.allSafes).toEqual(expectedSortedSafes)
+    expect(allSafesMock.allSafes).toEqual(expectedSortedSafes)
+  })
+
+  it('passes onLinkClick prop down to children', () => {
+    const onLinkClickFn = jest.fn()
+
+    render(<AccountsList searchQuery="" safes={baseSafes} onLinkClick={onLinkClickFn} isSidebar={true} />)
+
+    const pinnedSafesMock = (PinnedSafes as jest.Mock).mock.calls[0][0]
+    const allSafesMock = (AllSafes as jest.Mock).mock.calls[0][0]
+    expect(pinnedSafesMock.onLinkClick).toBe(onLinkClickFn)
+    expect(allSafesMock.onLinkClick).toBe(onLinkClickFn)
+  })
+})
diff --git a/apps/web/src/features/myAccounts/components/AccountsList/index.tsx b/apps/web/src/features/myAccounts/components/AccountsList/index.tsx
new file mode 100644
index 000000000..3c38424ef
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AccountsList/index.tsx
@@ -0,0 +1,43 @@
+import FilteredSafes from '@/features/myAccounts/components/FilteredSafes'
+import PinnedSafes from '@/features/myAccounts/components/PinnedSafes'
+import CurrentSafe from '@/features/myAccounts/components/CurrentSafe'
+import type { AllSafeItems, AllSafeItemsGrouped } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import AllSafes from '@/features/myAccounts/components/AllSafes'
+import { getComparator } from '@/features/myAccounts/utils/utils'
+import { useAppSelector } from '@/store'
+import { selectOrderByPreference } from '@/store/orderByPreferenceSlice'
+import { useMemo } from 'react'
+
+const AccountsList = ({
+  searchQuery,
+  safes,
+  onLinkClick,
+  isSidebar,
+}: {
+  searchQuery: string
+  safes: AllSafeItemsGrouped
+  onLinkClick?: () => void
+  isSidebar: boolean
+}) => {
+  const { orderBy } = useAppSelector(selectOrderByPreference)
+  const sortComparator = getComparator(orderBy)
+
+  const allSafes = useMemo<AllSafeItems>(
+    () => [...(safes.allMultiChainSafes ?? []), ...(safes.allSingleSafes ?? [])].sort(sortComparator),
+    [safes.allMultiChainSafes, safes.allSingleSafes, sortComparator],
+  )
+
+  if (searchQuery) {
+    return <FilteredSafes searchQuery={searchQuery} allSafes={allSafes} onLinkClick={onLinkClick} />
+  }
+
+  return (
+    <>
+      <CurrentSafe allSafes={allSafes} onLinkClick={onLinkClick} />
+      <PinnedSafes allSafes={allSafes} onLinkClick={onLinkClick} />
+      <AllSafes allSafes={allSafes} onLinkClick={onLinkClick} isSidebar={isSidebar} />
+    </>
+  )
+}
+
+export default AccountsList
diff --git a/apps/web/src/features/myAccounts/components/AccountsNavigation/index.tsx b/apps/web/src/features/myAccounts/components/AccountsNavigation/index.tsx
new file mode 100644
index 000000000..010119306
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AccountsNavigation/index.tsx
@@ -0,0 +1,48 @@
+import { AppRoutes } from '@/config/routes'
+import css from '@/features/myAccounts/styles.module.css'
+import { SPACE_EVENTS, SPACE_LABELS } from '@/services/analytics/events/spaces'
+import { Chip, Stack, Typography } from '@mui/material'
+import classNames from 'classnames'
+import { useRouter } from 'next/router'
+import Link from 'next/link'
+import { trackEvent } from '@/services/analytics'
+
+const AccountsNavigation = () => {
+  const router = useRouter()
+
+  const isActiveNavigation = (pathname: string) => {
+    return router.pathname === pathname
+  }
+
+  const trackSpacesClick = () => {
+    if (!isActiveNavigation(AppRoutes.welcome.spaces)) {
+      trackEvent({ ...SPACE_EVENTS.OPEN_SPACE_LIST_PAGE, label: SPACE_LABELS.accounts_page })
+    }
+  }
+
+  return (
+    <Stack direction="row" gap={2} flexWrap="wrap">
+      <Typography variant="h1" fontWeight={700} className={css.title}>
+        <Link
+          href={AppRoutes.welcome.accounts}
+          className={classNames(css.link, { [css.active]: isActiveNavigation(AppRoutes.welcome.accounts) })}
+        >
+          Accounts
+        </Link>
+      </Typography>
+
+      <Typography variant="h1" fontWeight={700} className={css.title}>
+        <Link
+          onClick={trackSpacesClick}
+          href={AppRoutes.welcome.spaces}
+          className={classNames(css.link, { [css.active]: isActiveNavigation(AppRoutes.welcome.spaces) })}
+        >
+          Spaces
+          <Chip label="Beta" size="small" sx={{ ml: 1, fontWeight: 'normal', borderRadius: '4px' }} />
+        </Link>
+      </Typography>
+    </Stack>
+  )
+}
+
+export default AccountsNavigation
diff --git a/apps/web/src/features/myAccounts/components/AddNetworkButton/index.tsx b/apps/web/src/features/myAccounts/components/AddNetworkButton/index.tsx
new file mode 100644
index 000000000..7cea238c7
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AddNetworkButton/index.tsx
@@ -0,0 +1,38 @@
+import Track from '@/components/common/Track'
+import { CreateSafeOnNewChain } from '@/features/multichain/components/CreateSafeOnNewChain'
+import { OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
+import { Button } from '@mui/material'
+import { useState } from 'react'
+import PlusIcon from '@/public/images/common/plus.svg'
+
+export const AddNetworkButton = ({
+  safeAddress,
+  currentName,
+  deployedChains,
+}: {
+  safeAddress: string
+  currentName: string | undefined
+  deployedChains: string[]
+}) => {
+  const [open, setOpen] = useState(false)
+
+  return (
+    <>
+      <Track {...OVERVIEW_EVENTS.ADD_NEW_NETWORK} label={OVERVIEW_LABELS.sidebar}>
+        <Button data-testid="add-network-btn" variant="text" fullWidth onClick={() => setOpen(true)}>
+          <PlusIcon /> Add another network
+        </Button>
+      </Track>
+
+      {open && (
+        <CreateSafeOnNewChain
+          open={open}
+          onClose={() => setOpen(false)}
+          currentName={currentName}
+          safeAddress={safeAddress}
+          deployedChainIds={deployedChains}
+        />
+      )}
+    </>
+  )
+}
diff --git a/apps/web/src/features/myAccounts/components/AllSafes/index.tsx b/apps/web/src/features/myAccounts/components/AllSafes/index.tsx
new file mode 100644
index 000000000..152c5b2e3
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AllSafes/index.tsx
@@ -0,0 +1,84 @@
+import ConnectWalletButton from '@/components/common/ConnectWallet/ConnectWalletButton'
+import Track from '@/components/common/Track'
+import { AppRoutes } from '@/config/routes'
+import SafesList from '@/features/myAccounts/components/SafesList'
+import type { AllSafeItems } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import css from '@/features/myAccounts/styles.module.css'
+import useWallet from '@/hooks/wallets/useWallet'
+import { OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import { Accordion, AccordionDetails, AccordionSummary, Box, Typography } from '@mui/material'
+import { useRouter } from 'next/router'
+
+const AllSafes = ({
+  allSafes,
+  onLinkClick,
+  isSidebar,
+}: {
+  allSafes: AllSafeItems
+  onLinkClick?: () => void
+  isSidebar: boolean
+}) => {
+  const wallet = useWallet()
+  const router = useRouter()
+
+  const isLoginPage = router.pathname === AppRoutes.welcome.accounts
+  const trackingLabel = isLoginPage ? OVERVIEW_LABELS.login_page : OVERVIEW_LABELS.sidebar
+
+  return (
+    <Accordion sx={{ border: 'none' }} defaultExpanded={!isSidebar} slotProps={{ transition: { unmountOnExit: true } }}>
+      <AccordionSummary
+        data-testid="expand-safes-list"
+        expandIcon={<ExpandMoreIcon sx={{ '& path': { fill: 'var(--color-text-secondary)' } }} />}
+        sx={{
+          padding: 0,
+          '& .MuiAccordionSummary-content': { margin: '0 !important', mb: 1, flexGrow: 0 },
+        }}
+        component="div"
+      >
+        <div className={css.listHeader}>
+          <Typography variant="h5" fontWeight={700}>
+            Accounts
+            {allSafes && allSafes.length > 0 && (
+              <Typography component="span" color="text.secondary" fontSize="inherit" fontWeight="normal" mr={1}>
+                {' '}
+                ({allSafes.length})
+              </Typography>
+            )}
+          </Typography>
+        </div>
+      </AccordionSummary>
+      <AccordionDetails data-testid="accounts-list" sx={{ padding: 0 }}>
+        {allSafes.length > 0 ? (
+          <Box mt={1}>
+            <SafesList safes={allSafes} onLinkClick={onLinkClick} />
+          </Box>
+        ) : (
+          <Typography
+            data-testid="empty-account-list"
+            component="div"
+            variant="body2"
+            color="text.secondary"
+            textAlign="center"
+            py={3}
+            mx="auto"
+            width={250}
+          >
+            {!wallet ? (
+              <>
+                <Box mb={2}>Connect a wallet to view your Safe Accounts or to create a new one</Box>
+                <Track {...OVERVIEW_EVENTS.OPEN_ONBOARD} label={trackingLabel}>
+                  <ConnectWalletButton text="Connect a wallet" contained />
+                </Track>
+              </>
+            ) : (
+              "You don't have any safes yet"
+            )}
+          </Typography>
+        )}
+      </AccordionDetails>
+    </Accordion>
+  )
+}
+
+export default AllSafes
diff --git a/apps/web/src/features/myAccounts/components/CreateButton/index.tsx b/apps/web/src/features/myAccounts/components/CreateButton/index.tsx
new file mode 100644
index 000000000..d3ee1f8c8
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/CreateButton/index.tsx
@@ -0,0 +1,24 @@
+import { Button } from '@mui/material'
+import Link from 'next/link'
+import { AppRoutes } from '@/config/routes'
+
+const buttonSx = { width: ['100%', 'auto'], height: '36px', px: 2 }
+
+const CreateButton = ({ isPrimary }: { isPrimary: boolean }) => {
+  return (
+    <Link href={AppRoutes.newSafe.create} passHref legacyBehavior>
+      <Button
+        data-testid="create-safe-btn"
+        disableElevation
+        size="small"
+        variant={isPrimary ? 'contained' : 'outlined'}
+        sx={buttonSx}
+        component="a"
+      >
+        Create account
+      </Button>
+    </Link>
+  )
+}
+
+export default CreateButton
diff --git a/apps/web/src/features/myAccounts/components/CurrentSafe/index.tsx b/apps/web/src/features/myAccounts/components/CurrentSafe/index.tsx
new file mode 100644
index 000000000..9222beb94
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/CurrentSafe/index.tsx
@@ -0,0 +1,65 @@
+import { Box, Typography } from '@mui/material'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import type { AllSafeItems } from '../../hooks/useAllSafesGrouped'
+import { useMemo } from 'react'
+import useAddressBook from '@/hooks/useAddressBook'
+import SingleAccountItem from '../AccountItems/SingleAccountItem'
+
+function CurrentSafeList({
+  safeAddress,
+  chainId,
+  isReadOnly,
+  onLinkClick,
+}: {
+  safeAddress: string
+  chainId: string
+  isReadOnly: boolean
+  onLinkClick?: () => void
+}) {
+  const addressBook = useAddressBook()
+  const safeName = addressBook[safeAddress]
+
+  const safeItem = useMemo(
+    () => ({
+      chainId,
+      address: safeAddress,
+      isReadOnly,
+      isPinned: false,
+      lastVisited: -1,
+      name: safeName,
+    }),
+    [chainId, safeAddress, isReadOnly, safeName],
+  )
+
+  return (
+    <Box data-testid="current-safe-section" mb={3}>
+      <Typography variant="h5" fontWeight={700} mb={2}>
+        Current Safe Account
+      </Typography>
+
+      <SingleAccountItem onLinkClick={onLinkClick} safeItem={safeItem} />
+    </Box>
+  )
+}
+
+function CurrentSafe({ allSafes, onLinkClick }: { allSafes: AllSafeItems; onLinkClick?: () => void }) {
+  const { safe, safeAddress } = useSafeInfo()
+
+  const safeInList = useMemo(
+    () => (safeAddress ? allSafes?.find((s) => sameAddress(s.address, safeAddress)) : undefined),
+    [allSafes, safeAddress],
+  )
+  if (!safeAddress || safeInList?.isPinned) return null
+
+  return (
+    <CurrentSafeList
+      onLinkClick={onLinkClick}
+      safeAddress={safeAddress}
+      chainId={safe.chainId}
+      isReadOnly={!safeInList}
+    />
+  )
+}
+
+export default CurrentSafe
diff --git a/apps/web/src/features/myAccounts/components/DataWidget/index.tsx b/apps/web/src/features/myAccounts/components/DataWidget/index.tsx
new file mode 100644
index 000000000..a8799633e
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/DataWidget/index.tsx
@@ -0,0 +1,98 @@
+import { Button, SvgIcon, Card, CardHeader, CardContent, Tooltip, Box } from '@mui/material'
+import { useState } from 'react'
+import type { ReactElement } from 'react'
+
+import { useAppSelector } from '@/store'
+import { selectAllAddedSafes } from '@/store/addedSafesSlice'
+import { selectAllAddressBooks } from '@/store/addressBookSlice'
+import ExportIcon from '@/public/images/common/export.svg'
+import ImportIcon from '@/public/images/common/import.svg'
+import { exportAppData } from '@/components/settings/DataManagement'
+import { ImportDialog } from '@/components/settings/DataManagement/ImportDialog'
+import { OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
+import Track from '@/components/common/Track'
+import InfoIcon from '@/public/images/notifications/info.svg'
+
+import css from './styles.module.css'
+import { AppRoutes } from '@/config/routes'
+import { useRouter } from 'next/router'
+
+export const DataWidget = (): ReactElement => {
+  const [importModalOpen, setImportModalOpen] = useState(false)
+  const [fileName, setFileName] = useState<string>()
+  const [jsonData, setJsonData] = useState<string>()
+  const addressBook = useAppSelector(selectAllAddressBooks)
+  const addedSafes = useAppSelector(selectAllAddedSafes)
+  const router = useRouter()
+  const hasData = Object.keys(addressBook).length > 0 || Object.keys(addedSafes).length > 0
+  const trackingLabel =
+    router.pathname === AppRoutes.welcome.accounts ? OVERVIEW_LABELS.login_page : OVERVIEW_LABELS.sidebar
+
+  const onImport = () => {
+    setImportModalOpen(true)
+  }
+
+  const onClose = () => {
+    setImportModalOpen(false)
+  }
+
+  return (
+    <Card className={css.card}>
+      <CardHeader
+        className={css.cardHeader}
+        title={
+          <>
+            <b>{hasData ? 'Export or import your Safe data' : 'Import your Safe data'}</b>
+            <Tooltip
+              title="Download or upload your local data with your added Safe Accounts, address book and settings."
+              placement="top"
+              arrow
+            >
+              <span>
+                <InfoIcon className={css.infoIcon} />
+              </span>
+            </Tooltip>
+          </>
+        }
+      />
+      <CardContent>
+        <Box display="flex" gap={2} justifyContent="center" sx={{ maxWidth: 240, margin: 'auto' }}>
+          {hasData && (
+            <Track {...OVERVIEW_EVENTS.EXPORT_DATA} label={trackingLabel}>
+              <Button
+                variant="outlined"
+                size="small"
+                onClick={exportAppData}
+                startIcon={<SvgIcon component={ExportIcon} inheritViewBox fontSize="small" />}
+                sx={{ width: '100%', py: 0.5, px: 2, mt: 2 }}
+              >
+                Export
+              </Button>
+            </Track>
+          )}
+          <Track {...OVERVIEW_EVENTS.IMPORT_DATA} label={trackingLabel}>
+            <Button
+              data-testid="import-btn"
+              variant="outlined"
+              size="small"
+              onClick={onImport}
+              startIcon={<SvgIcon component={ImportIcon} inheritViewBox fontSize="small" />}
+              sx={{ width: '100%', py: 0.5, px: 2, mt: 2 }}
+            >
+              Import
+            </Button>
+          </Track>
+        </Box>
+      </CardContent>
+      {importModalOpen && (
+        <ImportDialog
+          fileName={fileName}
+          setFileName={setFileName}
+          jsonData={jsonData}
+          setJsonData={setJsonData}
+          onClose={onClose}
+        />
+      )}
+    </Card>
+  )
+}
diff --git a/apps/web/src/features/myAccounts/components/DataWidget/styles.module.css b/apps/web/src/features/myAccounts/components/DataWidget/styles.module.css
new file mode 100644
index 000000000..18fa2b19c
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/DataWidget/styles.module.css
@@ -0,0 +1,24 @@
+.cardHeader {
+  text-align: center;
+}
+
+.card {
+  margin: auto;
+  padding: var(--space-3);
+  display: flex;
+  flex-direction: column;
+  background-color: transparent;
+}
+
+.card :global .MuiCardHeader-root,
+.card :global .MuiCardContent-root {
+  padding: 0;
+}
+
+.infoIcon {
+  vertical-align: middle;
+  width: 1rem;
+  height: 1rem;
+  margin: 4px;
+  color: var(--color-text-secondary);
+}
diff --git a/apps/web/src/features/myAccounts/components/FilteredSafes/index.test.tsx b/apps/web/src/features/myAccounts/components/FilteredSafes/index.test.tsx
new file mode 100644
index 000000000..f06d6ecca
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/FilteredSafes/index.test.tsx
@@ -0,0 +1,76 @@
+import React from 'react'
+import { render, screen } from '@testing-library/react'
+import FilteredSafes from './index'
+import SafesList from '@/features/myAccounts/components/SafesList'
+import type { AllSafeItems } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import * as safesSearch from '@/features/myAccounts/hooks/useSafesSearch'
+
+jest.mock('@/features/myAccounts/components/SafesList', () => jest.fn(() => <div data-testid="safes-list" />))
+
+describe('FilteredSafes', () => {
+  beforeEach(() => {
+    jest.spyOn(safesSearch, 'useSafesSearch').mockReturnValue([])
+  })
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('displays the correct heading when no results are found', () => {
+    const allSafes: AllSafeItems = []
+
+    render(<FilteredSafes searchQuery="test" allSafes={allSafes} />)
+
+    expect(screen.getByText('Found 0 results')).toBeInTheDocument()
+    // SafesList should be rendered with empty array
+    const safesListProps = (SafesList as jest.Mock).mock.calls[0][0]
+    expect(safesListProps.safes).toHaveLength(0)
+  })
+
+  it('displays the correct heading when one result is found', () => {
+    const oneSafe = [
+      { address: '0x1', name: 'Safe1', isPinned: false, chainId: '1', isReadOnly: false, lastVisited: 0 },
+    ]
+    jest.spyOn(safesSearch, 'useSafesSearch').mockReturnValue(oneSafe)
+
+    const allSafes: AllSafeItems = oneSafe
+
+    render(<FilteredSafes searchQuery="safe" allSafes={allSafes} />)
+
+    // With one result, should say "Found 1 result" (singular)
+    expect(screen.getByText('Found 1 result')).toBeInTheDocument()
+
+    const safesListProps = (SafesList as jest.Mock).mock.calls[0][0]
+    expect(safesListProps.safes).toEqual(oneSafe)
+  })
+
+  it('displays the correct heading when multiple results are found', () => {
+    const multiSafes = [
+      { name: 'SafeA', address: '0xA', chainId: '1', isPinned: false, isReadOnly: false, lastVisited: 0 },
+      { name: 'SafeB', address: '0xB', chainId: '1', isPinned: false, isReadOnly: false, lastVisited: 0 },
+    ]
+    jest.spyOn(safesSearch, 'useSafesSearch').mockReturnValue(multiSafes)
+
+    const allSafes: AllSafeItems = multiSafes
+
+    render(<FilteredSafes searchQuery="multi" allSafes={allSafes} />)
+
+    // With two results, should say "Found 2 results" (plural)
+    expect(screen.getByText('Found 2 results')).toBeInTheDocument()
+
+    const safesListProps = (SafesList as jest.Mock).mock.calls[0][0]
+    expect(safesListProps.safes).toEqual(multiSafes)
+  })
+
+  it('passes onLinkClick down to SafesList', () => {
+    const safes = [{ name: 'Safe1', address: '0x1', chainId: '1', isPinned: false, isReadOnly: false, lastVisited: 0 }]
+    jest.spyOn(safesSearch, 'useSafesSearch').mockReturnValue(safes)
+    const allSafes: AllSafeItems = safes
+    const onLinkClickMock = jest.fn()
+
+    render(<FilteredSafes searchQuery="safe" allSafes={allSafes} onLinkClick={onLinkClickMock} />)
+
+    const safesListProps = (SafesList as jest.Mock).mock.calls[0][0]
+    expect(safesListProps.onLinkClick).toBe(onLinkClickMock)
+  })
+})
diff --git a/apps/web/src/features/myAccounts/components/FilteredSafes/index.tsx b/apps/web/src/features/myAccounts/components/FilteredSafes/index.tsx
new file mode 100644
index 000000000..d9b2756f0
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/FilteredSafes/index.tsx
@@ -0,0 +1,39 @@
+import SafesList from '@/features/myAccounts/components/SafesList'
+import type { AllSafeItems } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import { useSafesSearch } from '@/features/myAccounts/hooks/useSafesSearch'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+import { OVERVIEW_EVENTS } from '@/services/analytics'
+import { trackEvent } from '@/services/analytics'
+import { Box, Typography } from '@mui/material'
+import { useEffect } from 'react'
+
+const FilteredSafes = ({
+  searchQuery,
+  allSafes,
+  onLinkClick,
+}: {
+  searchQuery: string
+  allSafes: AllSafeItems
+  onLinkClick?: () => void
+}) => {
+  const filteredSafes = useSafesSearch(allSafes ?? [], searchQuery)
+
+  useEffect(() => {
+    if (searchQuery) {
+      trackEvent({ category: OVERVIEW_EVENTS.SEARCH.category, action: OVERVIEW_EVENTS.SEARCH.action })
+    }
+  }, [searchQuery])
+
+  return (
+    <>
+      <Typography variant="h5" fontWeight="normal" mb={2} color="primary.light">
+        Found {filteredSafes.length} result{maybePlural(filteredSafes)}
+      </Typography>
+      <Box mt={1}>
+        <SafesList safes={filteredSafes} onLinkClick={onLinkClick} />
+      </Box>
+    </>
+  )
+}
+
+export default FilteredSafes
diff --git a/apps/web/src/features/myAccounts/components/OrderByButton/index.tsx b/apps/web/src/features/myAccounts/components/OrderByButton/index.tsx
new file mode 100644
index 000000000..0944fee6d
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/OrderByButton/index.tsx
@@ -0,0 +1,86 @@
+import { useState } from 'react'
+import { Box, Button, ListItemText, MenuItem, SvgIcon, Typography } from '@mui/material'
+import ContextMenu from '@/components/common/ContextMenu'
+import TransactionsIcon from '@/public/images/transactions/transactions.svg'
+import CheckIcon from '@/public/images/common/check.svg'
+import { OrderByOption } from '@/store/orderByPreferenceSlice'
+import { OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
+
+type OrderByButtonProps = {
+  orderBy: OrderByOption
+  onOrderByChange: (orderBy: OrderByOption) => void
+}
+
+const orderByLabels = {
+  [OrderByOption.LAST_VISITED]: 'Most recent',
+  [OrderByOption.NAME]: 'Name',
+}
+
+const OrderByButton = ({ orderBy: orderBy, onOrderByChange: onOrderByChange }: OrderByButtonProps) => {
+  const [anchorEl, setAnchorEl] = useState<HTMLElement | undefined>()
+
+  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
+    setAnchorEl(event.currentTarget)
+  }
+
+  const handleClose = () => {
+    setAnchorEl(undefined)
+  }
+
+  const handleOrderByChange = (newOrderBy: OrderByOption) => {
+    trackEvent({ ...OVERVIEW_EVENTS.SORT_SAFES, label: orderByLabels[newOrderBy] })
+    onOrderByChange(newOrderBy)
+    handleClose()
+  }
+
+  return (
+    <Box display="flex">
+      <Button
+        data-testid="sortby-button"
+        onClick={handleClick}
+        startIcon={<SvgIcon component={TransactionsIcon} inheritViewBox />}
+        sx={{ color: 'primary.light', fontWeight: 'normal' }}
+        size="small"
+      >
+        <Typography variant="body2" noWrap>
+          Sort by: {orderByLabels[orderBy]}
+        </Typography>
+      </Button>
+
+      <ContextMenu
+        anchorEl={anchorEl}
+        open={!!anchorEl}
+        onClose={handleClose}
+        sx={{
+          '& .MuiPaper-root': { minWidth: '250px' },
+          '& .Mui-selected, & .Mui-selected:hover': {
+            backgroundColor: `background.paper`,
+          },
+        }}
+      >
+        <MenuItem disabled>
+          <ListItemText>Sort by</ListItemText>
+        </MenuItem>
+        <MenuItem
+          data-testid="last-visited-option"
+          sx={{ borderRadius: 0 }}
+          onClick={() => handleOrderByChange(OrderByOption.LAST_VISITED)}
+          selected={orderBy === OrderByOption.LAST_VISITED}
+        >
+          <ListItemText sx={{ mr: 2 }}>{orderByLabels[OrderByOption.LAST_VISITED]}</ListItemText>
+          {orderBy === OrderByOption.LAST_VISITED && <CheckIcon sx={{ ml: 1 }} />}
+        </MenuItem>
+        <MenuItem
+          data-testid="name-option"
+          onClick={() => handleOrderByChange(OrderByOption.NAME)}
+          selected={orderBy === OrderByOption.NAME}
+        >
+          <ListItemText>{orderByLabels[OrderByOption.NAME]}</ListItemText>
+          {orderBy === OrderByOption.NAME && <CheckIcon sx={{ ml: 1 }} />}
+        </MenuItem>
+      </ContextMenu>
+    </Box>
+  )
+}
+
+export default OrderByButton
diff --git a/apps/web/src/features/myAccounts/components/PinnedSafes/index.test.tsx b/apps/web/src/features/myAccounts/components/PinnedSafes/index.test.tsx
new file mode 100644
index 000000000..9ebc890e4
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/PinnedSafes/index.test.tsx
@@ -0,0 +1,73 @@
+import React from 'react'
+import { render, screen } from '@testing-library/react'
+import type { AllSafeItems } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import PinnedSafes from './index'
+import SafesList from '@/features/myAccounts/components/SafesList'
+
+// Mock the SafesList component to ensure we can test the props passed to it
+jest.mock('@/features/myAccounts/components/SafesList', () =>
+  jest.fn(() => <div data-testid="safes-list">SafesList Component</div>),
+)
+
+describe('PinnedSafes', () => {
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('renders the "Pinned" header', () => {
+    render(<PinnedSafes allSafes={[]} />)
+    expect(screen.getByText('Pinned')).toBeInTheDocument()
+  })
+
+  it('renders SafesList when there are pinned safes', () => {
+    const pinnedSafes: AllSafeItems = [
+      { name: 'PinnedSafe1', address: '0x1', isPinned: true, chainId: '1', isReadOnly: false, lastVisited: 0 },
+      { name: 'PinnedSafe2', address: '0x2', isPinned: true, chainId: '2', isReadOnly: false, lastVisited: 0 },
+    ]
+
+    render(<PinnedSafes allSafes={pinnedSafes} />)
+
+    // SafesList should be rendered
+    expect(screen.getByTestId('safes-list')).toBeInTheDocument()
+
+    // Check that it's called with the correct props
+    const callProps = (SafesList as jest.Mock).mock.calls[0][0]
+    expect(callProps.safes).toHaveLength(2)
+    expect(callProps.safes[0]).toEqual(pinnedSafes[0])
+    expect(callProps.safes[1]).toEqual(pinnedSafes[1])
+    expect(callProps.onLinkClick).toBeUndefined()
+  })
+
+  it('passes onLinkClick to SafesList if provided', () => {
+    const pinnedSafes: AllSafeItems = [
+      { name: 'PinnedSafe1', address: '0x1', isPinned: true, chainId: '1', isReadOnly: false, lastVisited: 0 },
+    ]
+    const onLinkClickMock = jest.fn()
+
+    render(<PinnedSafes allSafes={pinnedSafes} onLinkClick={onLinkClickMock} />)
+
+    const callProps = (SafesList as jest.Mock).mock.calls[0][0]
+    expect(callProps.onLinkClick).toBe(onLinkClickMock)
+  })
+
+  it('shows empty pinned message when there are no pinned safes', () => {
+    const nonPinnedSafes: AllSafeItems = [
+      { name: 'NotPinned', address: '0x3', isPinned: false, chainId: '3', isReadOnly: false, lastVisited: 0 },
+    ]
+
+    render(<PinnedSafes allSafes={nonPinnedSafes} />)
+
+    // SafesList should not be rendered
+    expect(screen.queryByTestId('safes-list')).not.toBeInTheDocument()
+
+    // Empty pinned message should be visible
+    expect(screen.getByTestId('empty-pinned-list')).toBeInTheDocument()
+    expect(screen.getByText(/Personalize your account list by clicking the/i)).toBeInTheDocument()
+  })
+
+  it('shows empty pinned message if allSafes is empty', () => {
+    render(<PinnedSafes allSafes={[]} />)
+    expect(screen.queryByTestId('safes-list')).not.toBeInTheDocument()
+    expect(screen.getByTestId('empty-pinned-list')).toBeInTheDocument()
+  })
+})
diff --git a/apps/web/src/features/myAccounts/components/PinnedSafes/index.tsx b/apps/web/src/features/myAccounts/components/PinnedSafes/index.tsx
new file mode 100644
index 000000000..0386666bd
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/PinnedSafes/index.tsx
@@ -0,0 +1,39 @@
+import SafesList from '@/features/myAccounts/components/SafesList'
+import type { AllSafeItems } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import css from '@/features/myAccounts/styles.module.css'
+import BookmarkIcon from '@/public/images/apps/bookmark.svg'
+import { Box, SvgIcon, Typography } from '@mui/material'
+import { useMemo } from 'react'
+
+const PinnedSafes = ({ allSafes, onLinkClick }: { allSafes: AllSafeItems; onLinkClick?: () => void }) => {
+  const pinnedSafes = useMemo<AllSafeItems>(() => [...(allSafes?.filter(({ isPinned }) => isPinned) ?? [])], [allSafes])
+
+  return (
+    <Box data-testid="pinned-accounts" mb={2} minHeight="170px">
+      <div className={css.listHeader}>
+        <SvgIcon component={BookmarkIcon} inheritViewBox fontSize="small" sx={{ mt: '2px', mr: 1, strokeWidth: 2 }} />
+        <Typography variant="h5" fontWeight={700} mb={2}>
+          Pinned
+        </Typography>
+      </div>
+      {pinnedSafes.length > 0 ? (
+        <SafesList safes={pinnedSafes} onLinkClick={onLinkClick} />
+      ) : (
+        <Box data-testid="empty-pinned-list" className={css.noPinnedSafesMessage}>
+          <Typography color="text.secondary" variant="body2" maxWidth="350px" textAlign="center">
+            Personalize your account list by clicking the
+            <SvgIcon
+              component={BookmarkIcon}
+              inheritViewBox
+              fontSize="small"
+              sx={{ mx: '4px', color: 'text.secondary', position: 'relative', top: '2px' }}
+            />
+            icon on the accounts most important to you.
+          </Typography>
+        </Box>
+      )}
+    </Box>
+  )
+}
+
+export default PinnedSafes
diff --git a/apps/web/src/features/myAccounts/components/QueueActions/index.tsx b/apps/web/src/features/myAccounts/components/QueueActions/index.tsx
new file mode 100644
index 000000000..96c178a7d
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/QueueActions/index.tsx
@@ -0,0 +1,82 @@
+import classnames from 'classnames'
+import { useRouter } from 'next/router'
+import { type ReactNode, useCallback, type MouseEvent } from 'react'
+import { Chip, Typography, SvgIcon } from '@mui/material'
+import CheckIcon from '@mui/icons-material/Check'
+import TransactionsIcon from '@/public/images/transactions/transactions.svg'
+import Track from '@/components/common/Track'
+import { OVERVIEW_EVENTS } from '@/services/analytics/events/overview'
+import { AppRoutes } from '@/config/routes'
+import css from './styles.module.css'
+
+const ChipLink = ({ children, color }: { children: ReactNode; color?: string }) => (
+  <Chip
+    size="small"
+    sx={{ backgroundColor: `${color}.background` }}
+    label={
+      <Typography
+        variant="caption"
+        sx={{
+          display: 'flex',
+          alignItems: 'center',
+          gap: 0.5,
+        }}
+      >
+        {children}
+      </Typography>
+    }
+  />
+)
+
+const QueueActions = ({
+  safeAddress,
+  chainShortName,
+  queued,
+  awaitingConfirmation,
+  isMobile = false,
+}: {
+  safeAddress: string
+  chainShortName: string
+  queued: number
+  awaitingConfirmation: number
+  isMobile?: boolean
+}) => {
+  const router = useRouter()
+
+  const onQueueClick = useCallback(
+    (e: MouseEvent<HTMLButtonElement>) => {
+      e.preventDefault()
+      router.push({
+        pathname: AppRoutes.transactions.queue,
+        query: { ...router.query, safe: `${chainShortName}:${safeAddress}` },
+      })
+    },
+    [chainShortName, router, safeAddress],
+  )
+
+  if (!queued && !awaitingConfirmation) {
+    return null
+  }
+
+  return (
+    <Track {...OVERVIEW_EVENTS.OPEN_MISSING_SIGNATURES}>
+      <button onClick={onQueueClick} className={classnames(css.queueButton, { [css.isMobile]: isMobile })}>
+        {queued > 0 && (
+          <ChipLink>
+            <SvgIcon component={TransactionsIcon} inheritViewBox sx={{ fontSize: 'small' }} />
+            {queued} pending
+          </ChipLink>
+        )}
+
+        {awaitingConfirmation > 0 && (
+          <ChipLink color="warning">
+            <SvgIcon component={CheckIcon} inheritViewBox sx={{ fontSize: 'small', color: 'warning' }} />
+            {awaitingConfirmation} to confirm
+          </ChipLink>
+        )}
+      </button>
+    </Track>
+  )
+}
+
+export default QueueActions
diff --git a/apps/web/src/features/myAccounts/components/QueueActions/styles.module.css b/apps/web/src/features/myAccounts/components/QueueActions/styles.module.css
new file mode 100644
index 000000000..7e51ee6f8
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/QueueActions/styles.module.css
@@ -0,0 +1,15 @@
+.queueButton {
+  display: flex;
+  gap: var(--space-1);
+  align-items: center;
+  padding: 0;
+  border: 0;
+  cursor: pointer;
+  position: relative;
+  z-index: 1;
+  background: transparent;
+}
+
+.isMobile {
+  padding: 0 var(--space-2) var(--space-2);
+}
diff --git a/apps/web/src/features/myAccounts/components/SafesList/index.tsx b/apps/web/src/features/myAccounts/components/SafesList/index.tsx
new file mode 100644
index 000000000..95cf579a5
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/SafesList/index.tsx
@@ -0,0 +1,33 @@
+import SingleAccountItem from '@/features/myAccounts/components/AccountItems/SingleAccountItem'
+import type { SafeItem } from '@/features/myAccounts/hooks/useAllSafes'
+import type { AllSafeItems, MultiChainSafeItem } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import MultiAccountItem from '@/features/myAccounts/components/AccountItems/MultiAccountItem'
+import { isMultiChainSafeItem } from '@/features/multichain/utils/utils'
+
+export type SafeListProps = {
+  safes?: AllSafeItems
+  onLinkClick?: () => void
+  isSpaceSafe?: boolean
+}
+
+const renderSafeItem = (
+  item: SafeItem | MultiChainSafeItem,
+  onLinkClick?: SafeListProps['onLinkClick'],
+  isSpaceSafe = false,
+) => {
+  return isMultiChainSafeItem(item) ? (
+    <MultiAccountItem onLinkClick={onLinkClick} multiSafeAccountItem={item} isSpaceSafe={isSpaceSafe} />
+  ) : (
+    <SingleAccountItem onLinkClick={onLinkClick} safeItem={item} isSpaceSafe={isSpaceSafe} />
+  )
+}
+
+const SafesList = ({ safes, onLinkClick, isSpaceSafe = false }: SafeListProps) => {
+  if (!safes || safes.length === 0) {
+    return null
+  }
+
+  return safes.map((item) => <div key={item.address}>{renderSafeItem(item, onLinkClick, isSpaceSafe)}</div>)
+}
+
+export default SafesList
diff --git a/apps/web/src/features/myAccounts/hooks/__tests__/useAllSafes.test.ts b/apps/web/src/features/myAccounts/hooks/__tests__/useAllSafes.test.ts
new file mode 100644
index 000000000..a8a7cff05
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/__tests__/useAllSafes.test.ts
@@ -0,0 +1,480 @@
+import * as allOwnedSafes from '@/features/myAccounts/hooks/useAllOwnedSafes'
+import useAllSafes, { _buildSafeItem, _prepareAddresses } from '@/features/myAccounts/hooks/useAllSafes'
+import * as useChains from '@/hooks/useChains'
+import * as useWallet from '@/hooks/wallets/useWallet'
+import { renderHook } from '@/tests/test-utils'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import type { UndeployedSafe } from '@safe-global/utils/features/counterfactual/store/types'
+
+describe('useAllSafes hook', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+
+    jest.spyOn(allOwnedSafes, 'default').mockReturnValue([undefined, undefined, false])
+    jest.spyOn(useChains, 'default').mockImplementation(() => ({
+      configs: [{ chainId: '1' } as ChainInfo],
+    }))
+  })
+
+  it('returns an empty array if there is no wallet and allOwned is undefined', () => {
+    jest.spyOn(useWallet, 'default').mockReturnValue(null)
+    jest.spyOn(allOwnedSafes, 'default').mockReturnValue([undefined, undefined, false])
+
+    const { result } = renderHook(() => useAllSafes())
+
+    expect(result.current).toEqual([])
+  })
+
+  it('returns an empty array if the chains config is empty', () => {
+    jest.spyOn(useChains, 'default').mockReturnValue({ configs: [] })
+
+    const { result } = renderHook(() => useAllSafes())
+
+    expect(result.current).toEqual([])
+  })
+
+  it('returns SafeItems for added safes', () => {
+    const { result } = renderHook(() => useAllSafes(), {
+      initialReduxState: {
+        addedSafes: {
+          '1': {
+            '0x123': {
+              owners: [],
+              threshold: 1,
+            },
+          },
+        },
+      },
+    })
+
+    expect(result.current).toEqual([
+      {
+        address: '0x123',
+        chainId: '1',
+        isPinned: true,
+        isReadOnly: true,
+        lastVisited: 0,
+        name: undefined,
+      },
+    ])
+  })
+
+  it('returns SafeItems for owned safes', () => {
+    const mockOwnedSafes = {
+      '1': ['0x123', '0x456', '0x789'],
+    }
+
+    jest.spyOn(allOwnedSafes, 'default').mockReturnValue([mockOwnedSafes, undefined, false])
+
+    const { result } = renderHook(() => useAllSafes())
+
+    expect(result.current).toEqual([
+      { address: '0x123', chainId: '1', isPinned: false, isReadOnly: false, lastVisited: 0, name: undefined },
+      { address: '0x456', chainId: '1', isPinned: false, isReadOnly: false, lastVisited: 0, name: undefined },
+      { address: '0x789', chainId: '1', isPinned: false, isReadOnly: false, lastVisited: 0, name: undefined },
+    ])
+  })
+
+  it('returns SafeItems for undeployed safes', () => {
+    const { result } = renderHook(() => useAllSafes(), {
+      initialReduxState: {
+        undeployedSafes: {
+          '1': {
+            '0x123': {
+              status: {} as UndeployedSafe['status'],
+              props: {
+                safeAccountConfig: {
+                  owners: ['0x111'],
+                },
+              } as UndeployedSafe['props'],
+            },
+          },
+        },
+      },
+    })
+
+    expect(result.current).toEqual([
+      {
+        address: '0x123',
+        chainId: '1',
+        isPinned: false,
+        isReadOnly: true,
+        lastVisited: 0,
+        name: undefined,
+      },
+    ])
+  })
+
+  it('returns SafeItems for added safes and owned safes', () => {
+    const mockOwnedSafes = {
+      '1': ['0x456', '0x789'],
+    }
+    jest.spyOn(allOwnedSafes, 'default').mockReturnValue([mockOwnedSafes, undefined, false])
+
+    const { result } = renderHook(() => useAllSafes(), {
+      initialReduxState: {
+        addedSafes: {
+          '1': {
+            '0x123': {
+              owners: [],
+              threshold: 1,
+            },
+          },
+        },
+      },
+    })
+
+    expect(result.current).toEqual([
+      { address: '0x123', chainId: '1', isPinned: true, isReadOnly: true, lastVisited: 0, name: undefined },
+      { address: '0x456', chainId: '1', isPinned: false, isReadOnly: false, lastVisited: 0, name: undefined },
+      { address: '0x789', chainId: '1', isPinned: false, isReadOnly: false, lastVisited: 0, name: undefined },
+    ])
+  })
+
+  it('returns SafeItems for added safes and undeployed safes sorted', () => {
+    const { result } = renderHook(() => useAllSafes(), {
+      initialReduxState: {
+        addedSafes: {
+          '1': {
+            '0x123': {
+              owners: [],
+              threshold: 1,
+            },
+          },
+        },
+        undeployedSafes: {
+          '1': {
+            '0x456': {
+              status: {} as UndeployedSafe['status'],
+              props: {
+                safeAccountConfig: {
+                  owners: ['0x111'],
+                },
+              } as UndeployedSafe['props'],
+            },
+          },
+        },
+      },
+    })
+
+    expect(result.current).toEqual([
+      { address: '0x123', chainId: '1', isPinned: true, isReadOnly: true, lastVisited: 0, name: undefined },
+      { address: '0x456', chainId: '1', isPinned: false, isReadOnly: true, lastVisited: 0, name: undefined },
+    ])
+  })
+
+  it('returns SafeItems for owned safes and undeployed safes sorted', () => {
+    const mockOwnedSafes = {
+      '1': ['0x456', '0x789'],
+    }
+    jest.spyOn(allOwnedSafes, 'default').mockReturnValue([mockOwnedSafes, undefined, false])
+
+    const { result } = renderHook(() => useAllSafes(), {
+      initialReduxState: {
+        undeployedSafes: {
+          '1': {
+            '0x123': {
+              status: {} as UndeployedSafe['status'],
+              props: {
+                safeAccountConfig: {
+                  owners: ['0x111'],
+                },
+              } as UndeployedSafe['props'],
+            },
+          },
+        },
+      },
+    })
+
+    expect(result.current).toEqual([
+      { address: '0x123', chainId: '1', isPinned: false, isReadOnly: true, lastVisited: 0, name: undefined },
+      { address: '0x456', chainId: '1', isPinned: false, isReadOnly: false, lastVisited: 0, name: undefined },
+      { address: '0x789', chainId: '1', isPinned: false, isReadOnly: false, lastVisited: 0, name: undefined },
+    ])
+  })
+
+  it('returns SafeItems for added, owned and undeployed safes sorted', () => {
+    const mockOwnedSafes = {
+      '1': ['0x456', '0x789'],
+    }
+    jest.spyOn(allOwnedSafes, 'default').mockReturnValue([mockOwnedSafes, undefined, false])
+
+    const { result } = renderHook(() => useAllSafes(), {
+      initialReduxState: {
+        addedSafes: {
+          '1': {
+            '0x123': {
+              owners: [],
+              threshold: 1,
+            },
+          },
+        },
+        undeployedSafes: {
+          '1': {
+            '0x321': {
+              status: {} as UndeployedSafe['status'],
+              props: {
+                safeAccountConfig: {
+                  owners: ['0x111'],
+                },
+              } as UndeployedSafe['props'],
+            },
+          },
+        },
+      },
+    })
+
+    expect(result.current).toEqual([
+      { address: '0x123', chainId: '1', isPinned: true, isReadOnly: true, lastVisited: 0, name: undefined },
+      { address: '0x321', chainId: '1', isPinned: false, isReadOnly: true, lastVisited: 0, name: undefined },
+      { address: '0x456', chainId: '1', isPinned: false, isReadOnly: false, lastVisited: 0, name: undefined },
+      { address: '0x789', chainId: '1', isPinned: false, isReadOnly: false, lastVisited: 0, name: undefined },
+    ])
+  })
+
+  describe('buildSafeItem', () => {
+    const mockAllAdded = {
+      '1': {
+        '0x123': {
+          owners: [],
+          threshold: 1,
+        },
+      },
+    }
+
+    const mockAllOwned = {
+      '1': ['0x456'],
+    }
+
+    const mockAllUndeployed = {}
+
+    const mockAllVisited = {}
+    const mockAllSafeNames = {}
+
+    it('returns a pinned SafeItem if its an added safe', () => {
+      const result = _buildSafeItem(
+        '1',
+        '0x123',
+        '0x111',
+        mockAllAdded,
+        mockAllOwned,
+        mockAllUndeployed,
+        mockAllVisited,
+        mockAllSafeNames,
+      )
+
+      expect(result).toEqual({
+        address: '0x123',
+        chainId: '1',
+        isPinned: true,
+        isReadOnly: true,
+        lastVisited: 0,
+        name: undefined,
+      })
+    })
+
+    it('returns a SafeItem with lastVisited of non-zero if there is an entry', () => {
+      const mockAllVisited = {
+        '1': {
+          '0x123': {
+            lastVisited: 123456,
+          },
+        },
+      }
+
+      const result = _buildSafeItem(
+        '1',
+        '0x123',
+        '0x111',
+        mockAllAdded,
+        mockAllOwned,
+        mockAllUndeployed,
+        mockAllVisited,
+        mockAllSafeNames,
+      )
+
+      expect(result.lastVisited).toEqual(123456)
+    })
+
+    it('returns a SafeItem with readOnly true if its an added safe', () => {
+      const mockAllAdded = {
+        '1': {
+          '0x123': {
+            owners: [{ value: '0x222' }],
+            threshold: 1,
+          },
+        },
+      }
+      const result = _buildSafeItem(
+        '1',
+        '0x123',
+        '0x111',
+        mockAllAdded,
+        mockAllOwned,
+        mockAllUndeployed,
+        mockAllVisited,
+        mockAllSafeNames,
+      )
+
+      expect(result.isReadOnly).toEqual(true)
+    })
+
+    it('returns a SafeItem with readOnly false if wallet is an owner of undeployed safe', () => {
+      const mockAllUndeployed = {
+        '1': {
+          '0x123': {
+            status: {} as UndeployedSafe['status'],
+            props: {
+              safeAccountConfig: {
+                owners: ['0x111'],
+              },
+            } as UndeployedSafe['props'],
+          },
+        },
+      }
+      const result = _buildSafeItem(
+        '1',
+        '0x123',
+        '0x111',
+        mockAllAdded,
+        mockAllOwned,
+        mockAllUndeployed,
+        mockAllVisited,
+        mockAllSafeNames,
+      )
+
+      expect(result.isReadOnly).toEqual(false)
+    })
+
+    it('returns a SafeItem with readOnly false if it is an owned safe', () => {
+      const result = _buildSafeItem(
+        '1',
+        '0x456',
+        '0x111',
+        mockAllAdded,
+        mockAllOwned,
+        mockAllUndeployed,
+        mockAllVisited,
+        mockAllSafeNames,
+      )
+
+      expect(result.isReadOnly).toEqual(false)
+    })
+
+    it('returns a SafeItem with name if it exists in the address book', () => {
+      const mockAllSafeNames = {
+        '1': {
+          '0x123': 'My test safe',
+        },
+      }
+      const result = _buildSafeItem(
+        '1',
+        '0x123',
+        '0x111',
+        mockAllAdded,
+        mockAllOwned,
+        mockAllUndeployed,
+        mockAllVisited,
+        mockAllSafeNames,
+      )
+
+      expect(result.name).toEqual('My test safe')
+    })
+  })
+
+  describe('prepareAddresses', () => {
+    const mockAdded = {}
+    const mockOwned = {}
+    const mockUndeployed = {}
+
+    it('returns an empty array if there are no addresses', () => {
+      const result = _prepareAddresses('1', mockAdded, mockOwned, mockUndeployed)
+
+      expect(result).toEqual([])
+    })
+
+    it('returns added safe addresses', () => {
+      const mockAdded = {
+        '1': {
+          '0x123': {
+            owners: [{ value: '0x111' }],
+            threshold: 1,
+          },
+        },
+      }
+
+      const result = _prepareAddresses('1', mockAdded, mockOwned, mockUndeployed)
+
+      expect(result).toEqual(['0x123'])
+    })
+
+    it('returns owned safe addresses', () => {
+      const mockOwned = {
+        '1': ['0x456'],
+      }
+      const result = _prepareAddresses('1', mockAdded, mockOwned, mockUndeployed)
+
+      expect(result).toEqual(['0x456'])
+    })
+
+    it('returns undeployed safe addresses', () => {
+      const mockUndeployed = {
+        '1': {
+          '0x789': {} as UndeployedSafe,
+        },
+      }
+
+      const result = _prepareAddresses('1', mockAdded, mockOwned, mockUndeployed)
+
+      expect(result).toEqual(['0x789'])
+    })
+
+    it('remove duplicates', () => {
+      const mockAdded = {
+        '1': {
+          '0x123': {
+            owners: [{ value: '0x111' }],
+            threshold: 1,
+          },
+        },
+      }
+
+      const mockOwned = {
+        '1': ['0x123'],
+      }
+
+      const mockUndeployed = {
+        '1': {
+          '0x123': {} as UndeployedSafe,
+        },
+      }
+      const result = _prepareAddresses('1', mockAdded, mockOwned, mockUndeployed)
+
+      expect(result).toEqual(['0x123'])
+    })
+
+    it('concatenates safe addresses', () => {
+      const mockAdded = {
+        '1': {
+          '0x123': {
+            owners: [{ value: '0x111' }],
+            threshold: 1,
+          },
+        },
+      }
+
+      const mockOwned = {
+        '1': ['0x456'],
+      }
+
+      const mockUndeployed = {
+        '1': {
+          '0x789': {} as UndeployedSafe,
+        },
+      }
+      const result = _prepareAddresses('1', mockAdded, mockOwned, mockUndeployed)
+
+      expect(result).toEqual(['0x123', '0x456', '0x789'])
+    })
+  })
+})
diff --git a/apps/web/src/features/myAccounts/hooks/__tests__/useAllSafesGrouped.test.ts b/apps/web/src/features/myAccounts/hooks/__tests__/useAllSafesGrouped.test.ts
new file mode 100644
index 000000000..2143f0308
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/__tests__/useAllSafesGrouped.test.ts
@@ -0,0 +1,51 @@
+import * as allSafes from '@/features/myAccounts/hooks/useAllSafes'
+import { _getMultiChainAccounts, useAllSafesGrouped } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import { safeItemBuilder } from '@/tests/builders/safeItem'
+import { renderHook } from '@/tests/test-utils'
+import { faker } from '@faker-js/faker'
+
+describe('useAllSafesGrouped', () => {
+  describe('hook', () => {
+    beforeEach(() => {
+      jest.clearAllMocks()
+    })
+
+    it('returns an object with empty arrays if there are no safes', () => {
+      jest.spyOn(allSafes, 'default').mockReturnValue(undefined)
+
+      const { result } = renderHook(() => useAllSafesGrouped())
+
+      expect(result.current).toEqual({ allMultiChainSafes: undefined, allSingleSafes: undefined })
+    })
+  })
+
+  describe('_getMultiChainAccounts', () => {
+    it('returns an empty array if there are no multichain safes', () => {
+      const safes = [safeItemBuilder().build(), safeItemBuilder().build()]
+      const result = _getMultiChainAccounts(safes)
+
+      expect(result).toEqual([])
+    })
+
+    it('returns an empty array if there is only one safe', () => {
+      const safes = [safeItemBuilder().build()]
+      const result = _getMultiChainAccounts(safes)
+
+      expect(result).toEqual([])
+    })
+
+    it('returns a multichain safe item in case there are safes with the same address', () => {
+      const mockSafeAddress = faker.finance.ethereumAddress()
+
+      const mockFirstSafe = safeItemBuilder().with({ address: mockSafeAddress }).build()
+      const mockSecondSafe = safeItemBuilder().with({ address: mockSafeAddress }).build()
+
+      const safes = [mockFirstSafe, mockSecondSafe]
+      const result = _getMultiChainAccounts(safes)
+
+      expect(result.length).toEqual(1)
+      expect(result[0].address).toEqual(mockSafeAddress)
+      expect(result[0].safes.length).toEqual(2)
+    })
+  })
+})
diff --git a/apps/web/src/features/myAccounts/hooks/useAllOwnedSafes.ts b/apps/web/src/features/myAccounts/hooks/useAllOwnedSafes.ts
new file mode 100644
index 000000000..39ccd187d
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/useAllOwnedSafes.ts
@@ -0,0 +1,15 @@
+import type { AsyncResult } from '@safe-global/utils/hooks/useAsync'
+import type { OwnersGetAllSafesByOwnerV2ApiResponse } from '@safe-global/store/gateway/AUTO_GENERATED/owners'
+import { useOwnersGetAllSafesByOwnerV2Query } from '@safe-global/store/gateway/AUTO_GENERATED/owners'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+
+const useAllOwnedSafes = (address: string): AsyncResult<OwnersGetAllSafesByOwnerV2ApiResponse> => {
+  const { currentData, error, isLoading } = useOwnersGetAllSafesByOwnerV2Query(
+    { ownerAddress: address },
+    { skip: address === '' },
+  )
+
+  return [address ? currentData : undefined, asError(error), isLoading]
+}
+
+export default useAllOwnedSafes
diff --git a/apps/web/src/features/myAccounts/hooks/useAllSafes.ts b/apps/web/src/features/myAccounts/hooks/useAllSafes.ts
new file mode 100644
index 000000000..1dd91c6c6
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/useAllSafes.ts
@@ -0,0 +1,104 @@
+import type { AllOwnedSafes } from '@safe-global/safe-gateway-typescript-sdk'
+import { useMemo } from 'react'
+import { useAppSelector } from '@/store'
+import type { AddedSafesState } from '@/store/addedSafesSlice'
+import { selectAllAddedSafes } from '@/store/addedSafesSlice'
+import useChains from '@/hooks/useChains'
+import useWallet from '@/hooks/wallets/useWallet'
+import type { AddressBookState, VisitedSafesState } from '@/store/slices'
+import type { UndeployedSafesState } from '@safe-global/utils/features/counterfactual/store/types'
+import { selectAllAddressBooks, selectAllVisitedSafes, selectUndeployedSafes } from '@/store/slices'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import useAllOwnedSafes from './useAllOwnedSafes'
+
+export type SafeItem = {
+  chainId: string
+  address: string
+  isReadOnly: boolean
+  isPinned: boolean
+  lastVisited: number
+  name: string | undefined
+}
+
+export type SafeItems = SafeItem[]
+
+export const _prepareAddresses = (
+  chainId: string,
+  allAdded: AddedSafesState,
+  allOwned: AllOwnedSafes,
+  allUndeployed: UndeployedSafesState,
+): string[] => {
+  const addedOnChain = Object.keys(allAdded[chainId] || {})
+  const ownedOnChain = allOwned[chainId] || []
+  const undeployedOnChain = Object.keys(allUndeployed[chainId] || {})
+
+  const combined = [...addedOnChain, ...ownedOnChain, ...undeployedOnChain]
+
+  // We need to sort to prevent potential jumps when pinning safes
+  return [...new Set(combined)].sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase()))
+}
+
+export const _buildSafeItem = (
+  chainId: string,
+  address: string,
+  walletAddress: string,
+  allAdded: AddedSafesState,
+  allOwned: AllOwnedSafes,
+  allUndeployed: UndeployedSafesState,
+  allVisitedSafes: VisitedSafesState,
+  allSafeNames: AddressBookState,
+): SafeItem => {
+  const addedSafe = allAdded[chainId]?.[address]
+  const isPinned = Boolean(addedSafe) // Pinning a safe means adding it to the added safes storage
+  const undeployedSafeOwners = allUndeployed[chainId]?.[address]?.props.safeAccountConfig.owners || []
+
+  // Determine if the user is an owner
+  const isOwnerFromCF = undeployedSafeOwners.some((ownedAddress) => sameAddress(walletAddress, ownedAddress))
+  const isOwnedSafe = (allOwned[chainId] || []).includes(address)
+  const isOwned = isOwnedSafe || isOwnerFromCF
+
+  const lastVisited = allVisitedSafes[chainId]?.[address]?.lastVisited || 0
+  const name = allSafeNames[chainId]?.[address]
+
+  return {
+    chainId,
+    address,
+    isReadOnly: !isOwned,
+    isPinned,
+    lastVisited,
+    name,
+  }
+}
+
+const useAllSafes = (): SafeItems | undefined => {
+  const { address: walletAddress = '' } = useWallet() || {}
+  const [allOwned = {}] = useAllOwnedSafes(walletAddress)
+  const { configs } = useChains()
+  const allAdded = useAppSelector(selectAllAddedSafes)
+  const allUndeployed = useAppSelector(selectUndeployedSafes)
+  const allVisitedSafes = useAppSelector(selectAllVisitedSafes)
+  const allSafeNames = useAppSelector(selectAllAddressBooks)
+
+  return useMemo<SafeItems>(() => {
+    const allChainIds = configs.map((config) => config.chainId)
+
+    return allChainIds.flatMap((chainId) => {
+      const uniqueAddresses = _prepareAddresses(chainId, allAdded, allOwned, allUndeployed)
+
+      return uniqueAddresses.map((address) => {
+        return _buildSafeItem(
+          chainId,
+          address,
+          walletAddress,
+          allAdded,
+          allOwned,
+          allUndeployed,
+          allVisitedSafes,
+          allSafeNames,
+        )
+      })
+    })
+  }, [allAdded, allOwned, allUndeployed, configs, walletAddress, allVisitedSafes, allSafeNames])
+}
+
+export default useAllSafes
diff --git a/apps/web/src/features/myAccounts/hooks/useAllSafesGrouped.ts b/apps/web/src/features/myAccounts/hooks/useAllSafesGrouped.ts
new file mode 100644
index 000000000..d2a1a9a9e
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/useAllSafesGrouped.ts
@@ -0,0 +1,109 @@
+import groupBy from 'lodash/groupBy'
+import useAllSafes, { type SafeItem, type SafeItems } from './useAllSafes'
+import { useMemo } from 'react'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { type AddressBookState, selectAllAddressBooks } from '@/store/addressBookSlice'
+import useWallet from '@/hooks/wallets/useWallet'
+import useAllOwnedSafes from '@/features/myAccounts/hooks/useAllOwnedSafes'
+import { useAppSelector } from '@/store'
+import { isMultiChainSafeItem } from '@/features/multichain/utils/utils'
+import type { AllOwnedSafes } from '@safe-global/safe-gateway-typescript-sdk'
+
+export type MultiChainSafeItem = {
+  address: string
+  safes: SafeItem[]
+  isPinned: boolean
+  lastVisited: number
+  name: string | undefined
+}
+
+export type AllSafeItemsGrouped = {
+  allSingleSafes: SafeItems | undefined
+  allMultiChainSafes: MultiChainSafeItem[] | undefined
+}
+
+export type AllSafeItems = Array<SafeItem | MultiChainSafeItem>
+
+export const _buildMultiChainSafeItem = (address: string, safes: SafeItems): MultiChainSafeItem => {
+  const isPinned = safes.some((safe) => safe.isPinned)
+  const lastVisited = safes.reduce((acc, safe) => Math.max(acc, safe.lastVisited || 0), 0)
+  const name = safes.find((safe) => safe.name !== undefined)?.name
+
+  return { address, safes, isPinned, lastVisited, name }
+}
+
+export function _buildSafeItems(
+  safes: Record<string, string[]>,
+  allSafeNames: AddressBookState,
+  allOwned?: AllOwnedSafes,
+): SafeItem[] {
+  const result: SafeItem[] = []
+
+  for (const chainId in safes) {
+    const addresses = safes[chainId]
+
+    addresses.forEach((address) => {
+      const isReadOnly = !!allOwned && !(allOwned[chainId] || []).includes(address)
+      const name = allSafeNames[chainId]?.[address]
+
+      result.push({
+        chainId,
+        address,
+        isReadOnly,
+        isPinned: false,
+        lastVisited: 0,
+        name,
+      })
+    })
+  }
+
+  return result
+}
+
+export function flattenSafeItems(items: Array<SafeItem | MultiChainSafeItem>): SafeItem[] {
+  return items.flatMap((item) => (isMultiChainSafeItem(item) ? item.safes : [item]))
+}
+
+export const _getMultiChainAccounts = (safes: SafeItems): MultiChainSafeItem[] => {
+  const groupedByAddress = groupBy(safes, (safe) => safe.address)
+
+  return Object.entries(groupedByAddress)
+    .filter((entry) => entry[1].length > 1)
+    .map((entry) => {
+      const [address, safes] = entry
+
+      return _buildMultiChainSafeItem(address, safes)
+    })
+}
+
+export const _getSingleChainAccounts = (safes: SafeItems, allMultiChainSafes: MultiChainSafeItem[]) => {
+  return safes.filter((safe) => !allMultiChainSafes.some((multiSafe) => sameAddress(multiSafe.address, safe.address)))
+}
+
+export const useAllSafesGrouped = (customSafes?: SafeItems) => {
+  const safes = useAllSafes()
+  const allSafes = customSafes ?? safes
+
+  return useMemo<AllSafeItemsGrouped>(() => {
+    if (!allSafes) {
+      return { allMultiChainSafes: undefined, allSingleSafes: undefined }
+    }
+
+    const allMultiChainSafes = _getMultiChainAccounts(allSafes)
+    const allSingleSafes = _getSingleChainAccounts(allSafes, allMultiChainSafes)
+
+    return {
+      allMultiChainSafes,
+      allSingleSafes,
+    }
+  }, [allSafes])
+}
+
+export const useOwnedSafesGrouped = () => {
+  const { address: walletAddress = '' } = useWallet() || {}
+  const [allOwned = {}] = useAllOwnedSafes(walletAddress)
+  const allSafeNames = useAppSelector(selectAllAddressBooks)
+  const safeItems = _buildSafeItems(allOwned, allSafeNames)
+
+  return useAllSafesGrouped(safeItems)
+}
diff --git a/apps/web/src/features/myAccounts/hooks/useGetHref.ts b/apps/web/src/features/myAccounts/hooks/useGetHref.ts
new file mode 100644
index 000000000..249b139d8
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/useGetHref.ts
@@ -0,0 +1,31 @@
+import { AppRoutes } from '@/config/routes'
+import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { type NextRouter } from 'next/router'
+import { useCallback } from 'react'
+import { useIsSpaceRoute } from '@/hooks/useIsSpaceRoute'
+
+/**
+ * Navigate to the dashboard when selecting a safe on the welcome page,
+ * navigate to the history when selecting a safe on a single tx page,
+ * otherwise keep the current route
+ */
+export const useGetHref = (router: NextRouter) => {
+  const isSpacePage = useIsSpaceRoute()
+  const isWelcomePage = router.pathname === AppRoutes.welcome.accounts
+  const isSingleTxPage = router.pathname === AppRoutes.transactions.tx
+
+  return useCallback(
+    (chain: ChainInfo, address: string) => {
+      return {
+        pathname:
+          isWelcomePage || isSpacePage
+            ? AppRoutes.home
+            : isSingleTxPage
+              ? AppRoutes.transactions.history
+              : router.pathname,
+        query: { ...(!isSpacePage && router.query), safe: `${chain.shortName}:${address}` },
+      }
+    },
+    [isSingleTxPage, isWelcomePage, isSpacePage, router.pathname, router.query],
+  )
+}
diff --git a/apps/web/src/features/myAccounts/hooks/useHasSafes.ts b/apps/web/src/features/myAccounts/hooks/useHasSafes.ts
new file mode 100644
index 000000000..d6a4261d9
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/useHasSafes.ts
@@ -0,0 +1,20 @@
+import useAllOwnedSafes from '@/features/myAccounts/hooks/useAllOwnedSafes'
+import useWallet from '@/hooks/wallets/useWallet'
+import { useAppSelector } from '@/store'
+import { selectAllAddedSafes } from '@/store/addedSafesSlice'
+import isEmpty from 'lodash/isEmpty'
+
+const useHasSafes = () => {
+  const { address = '' } = useWallet() || {}
+  const allAdded = useAppSelector(selectAllAddedSafes)
+  const hasAdded = !isEmpty(allAdded)
+  const [allOwned] = useAllOwnedSafes(!hasAdded ? address : '') // pass an empty string to not fetch owned safes
+
+  if (hasAdded) return { isLoaded: true, hasSafes: hasAdded }
+  if (!allOwned) return { isLoaded: false }
+
+  const hasOwned = !isEmpty(Object.values(allOwned).flat())
+  return { isLoaded: true, hasSafes: hasOwned }
+}
+
+export default useHasSafes
diff --git a/apps/web/src/features/myAccounts/hooks/useNetworksOfSafe.ts b/apps/web/src/features/myAccounts/hooks/useNetworksOfSafe.ts
new file mode 100644
index 000000000..8b90c224d
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/useNetworksOfSafe.ts
@@ -0,0 +1,47 @@
+import { useMemo } from 'react'
+import { useAllSafesGrouped } from './useAllSafesGrouped'
+import useChains from '@/hooks/useChains'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+/**
+ * Hook to get all networks where a specific Safe is active
+ *
+ * @param safeAddress - The address of the Safe to check
+ * @returns Array of network names where the Safe is deployed
+ */
+export const useNetworksOfSafe = (safeAddress: string): string[] => {
+  const { allMultiChainSafes } = useAllSafesGrouped()
+  const { configs: allChains } = useChains()
+
+  const chainMap = useMemo(() => {
+    return allChains.reduce(
+      (acc, chain) => {
+        acc[chain.chainId] = chain
+        return acc
+      },
+      {} as Record<string, ChainInfo>,
+    )
+  }, [allChains])
+
+  return useMemo(() => {
+    if (!safeAddress || !allMultiChainSafes) {
+      return []
+    }
+
+    const multiChainSafe = allMultiChainSafes.find((multiSafe) => sameAddress(multiSafe.address, safeAddress))
+
+    if (!multiChainSafe) {
+      return []
+    }
+
+    const chainIds = multiChainSafe.safes.map((safeItem) => safeItem.chainId)
+
+    const networkNames = chainIds.map((chainId) => {
+      const chainInfo = chainMap[chainId]
+      return chainInfo?.chainName || 'unknown'
+    })
+
+    return networkNames
+  }, [safeAddress, allMultiChainSafes, chainMap])
+}
diff --git a/apps/web/src/features/myAccounts/hooks/useSafesSearch.ts b/apps/web/src/features/myAccounts/hooks/useSafesSearch.ts
new file mode 100644
index 000000000..af1fdd1bf
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/useSafesSearch.ts
@@ -0,0 +1,52 @@
+import { useMemo } from 'react'
+import Fuse from 'fuse.js'
+import type { AllSafeItems } from './useAllSafesGrouped'
+import { selectChains } from '@/store/chainsSlice'
+import { useAppSelector } from '@/store'
+import { isMultiChainSafeItem } from '@/features/multichain/utils/utils'
+
+const useSafesSearch = (safes: AllSafeItems, query: string): AllSafeItems => {
+  const chains = useAppSelector(selectChains)
+
+  // Include chain names in the search
+  const safesWithChainNames = useMemo(
+    () =>
+      safes.map((safe) => {
+        if (isMultiChainSafeItem(safe)) {
+          const nestedSafeChains = safe.safes.map(
+            (nestedSafe) => chains.data.find((chain) => chain.chainId === nestedSafe.chainId)?.chainName,
+          )
+          const nestedSafeNames = safe.safes.map((nestedSafe) => nestedSafe.name)
+          return { ...safe, chainNames: nestedSafeChains, names: nestedSafeNames }
+        }
+        const chain = chains.data.find((chain) => chain.chainId === safe.chainId)
+        return { ...safe, chainNames: [chain?.chainName], names: [safe.name] }
+      }),
+    [safes, chains.data],
+  )
+
+  const fuse = useMemo(
+    () =>
+      new Fuse(safesWithChainNames, {
+        keys: [{ name: 'names' }, { name: 'address' }, { name: 'chainNames' }],
+        threshold: 0.2,
+        findAllMatches: true,
+        ignoreLocation: true,
+      }),
+    [safesWithChainNames],
+  )
+
+  // Return results in the original format
+  return useMemo(
+    () =>
+      query
+        ? fuse.search(query).map((result) => {
+            const { chainNames: _chainNames, names: _names, ...safe } = result.item
+            return safe
+          })
+        : [],
+    [fuse, query],
+  )
+}
+
+export { useSafesSearch }
diff --git a/apps/web/src/features/myAccounts/hooks/useTrackedSafesCount.ts b/apps/web/src/features/myAccounts/hooks/useTrackedSafesCount.ts
new file mode 100644
index 000000000..d478da74d
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/useTrackedSafesCount.ts
@@ -0,0 +1,65 @@
+import { AppRoutes } from '@/config/routes'
+import { OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
+import { useRouter } from 'next/router'
+import { useEffect, useMemo } from 'react'
+import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import { type SafeItem } from './useAllSafes'
+import type { AllSafeItemsGrouped } from './useAllSafesGrouped'
+import { type MultiChainSafeItem } from './useAllSafesGrouped'
+import { isMultiChainSafeItem } from '@/features/multichain/utils/utils'
+
+let isOwnedSafesTracked = false
+let isPinnedSafesTracked = false
+
+const useTrackSafesCount = (safes: AllSafeItemsGrouped, wallet: ConnectedWallet | null) => {
+  const router = useRouter()
+  const isLoginPage = router.pathname === AppRoutes.welcome.accounts
+
+  const ownedMultiChainSafes = useMemo(
+    () => safes.allMultiChainSafes?.filter((account) => account.safes.some(({ isReadOnly }) => !isReadOnly)),
+    [safes],
+  )
+
+  const ownedSafes = useMemo<(MultiChainSafeItem | SafeItem)[]>(
+    () => [...(ownedMultiChainSafes ?? []), ...(safes.allSingleSafes?.filter(({ isReadOnly }) => !isReadOnly) ?? [])],
+    [safes, ownedMultiChainSafes],
+  )
+
+  // TODO: This is computed here and inside PinnedSafes now. Find a way to optimize it
+  const pinnedSafes = useMemo<(MultiChainSafeItem | SafeItem)[]>(
+    () => [
+      ...(safes.allSingleSafes?.filter(({ isPinned }) => isPinned) ?? []),
+      ...(safes.allMultiChainSafes?.filter(({ isPinned }) => isPinned) ?? []),
+    ],
+    [safes],
+  )
+
+  // Reset tracking for new wallet
+  useEffect(() => {
+    isOwnedSafesTracked = false
+  }, [wallet?.address])
+
+  useEffect(() => {
+    const totalSafesOwned = ownedSafes?.reduce(
+      (prev, current) => prev + (isMultiChainSafeItem(current) ? current.safes.length : 1),
+      0,
+    )
+    if (wallet && !isOwnedSafesTracked && ownedSafes && ownedSafes.length > 0 && isLoginPage) {
+      trackEvent({ ...OVERVIEW_EVENTS.TOTAL_SAFES_OWNED, label: totalSafesOwned })
+      isOwnedSafesTracked = true
+    }
+  }, [isLoginPage, ownedSafes, wallet])
+
+  useEffect(() => {
+    const totalSafesPinned = pinnedSafes?.reduce(
+      (prev, current) => prev + (isMultiChainSafeItem(current) ? current.safes.length : 1),
+      0,
+    )
+    if (!isPinnedSafesTracked && pinnedSafes && pinnedSafes.length > 0 && isLoginPage) {
+      trackEvent({ ...OVERVIEW_EVENTS.TOTAL_SAFES_PINNED, label: totalSafesPinned })
+      isPinnedSafesTracked = true
+    }
+  }, [isLoginPage, pinnedSafes])
+}
+
+export default useTrackSafesCount
diff --git a/apps/web/src/features/myAccounts/hooks/useVisitedSafes.ts b/apps/web/src/features/myAccounts/hooks/useVisitedSafes.ts
new file mode 100644
index 000000000..6836add9d
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/useVisitedSafes.ts
@@ -0,0 +1,29 @@
+import { useRouter } from 'next/router'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useAppDispatch } from '@/store'
+import { useCallback, useEffect } from 'react'
+import { upsertVisitedSafe } from '@/store/visitedSafesSlice'
+
+export const useVisitedSafes = () => {
+  const router = useRouter()
+  const { safe } = useSafeInfo()
+  const dispatch = useAppDispatch()
+
+  const handleRouteChange = useCallback(() => {
+    const { query } = router
+    if (query.safe && safe.address.value) {
+      const visitedSafe = {
+        chainId: safe.chainId,
+        address: safe.address.value,
+        lastVisited: Date.now(),
+      }
+      dispatch(upsertVisitedSafe(visitedSafe))
+    }
+  }, [router, safe.address.value, safe.chainId, dispatch])
+
+  useEffect(() => {
+    if (router.query.safe) {
+      handleRouteChange()
+    }
+  }, [handleRouteChange, router.query.safe])
+}
diff --git a/apps/web/src/features/myAccounts/index.tsx b/apps/web/src/features/myAccounts/index.tsx
new file mode 100644
index 000000000..8b440075f
--- /dev/null
+++ b/apps/web/src/features/myAccounts/index.tsx
@@ -0,0 +1,49 @@
+import AccountListFilters from 'src/features/myAccounts/components/AccountListFilters'
+import AccountsHeader from '@/features/myAccounts/components/AccountsHeader'
+import AccountsList from '@/features/myAccounts/components/AccountsList'
+import { useState } from 'react'
+import { Box, Divider, Paper } from '@mui/material'
+import madProps from '@/utils/mad-props'
+import css from '@/features/myAccounts/styles.module.css'
+import useWallet from '@/hooks/wallets/useWallet'
+import { type AllSafeItemsGrouped, useAllSafesGrouped } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import classNames from 'classnames'
+import useTrackSafesCount from '@/features/myAccounts/hooks/useTrackedSafesCount'
+import { DataWidget } from '@/features/myAccounts/components/DataWidget'
+
+type MyAccountsProps = {
+  safes: AllSafeItemsGrouped
+  isSidebar?: boolean
+  onLinkClick?: () => void
+}
+
+const MyAccounts = ({ safes, onLinkClick, isSidebar = false }: MyAccountsProps) => {
+  const wallet = useWallet()
+  const [searchQuery, setSearchQuery] = useState('')
+  useTrackSafesCount(safes, wallet)
+
+  return (
+    <Box data-testid="sidebar-safe-container" className={css.container}>
+      <Box className={classNames(css.myAccounts, { [css.sidebarAccounts]: isSidebar })}>
+        <AccountsHeader isSidebar={isSidebar} onLinkClick={onLinkClick} />
+
+        <Paper sx={{ padding: 0 }}>
+          <AccountListFilters setSearchQuery={setSearchQuery} />
+
+          {isSidebar && <Divider />}
+
+          <Paper className={css.safeList}>
+            <AccountsList searchQuery={searchQuery} safes={safes} isSidebar={isSidebar} onLinkClick={onLinkClick} />
+          </Paper>
+        </Paper>
+
+        {isSidebar && <Divider />}
+        <DataWidget />
+      </Box>
+    </Box>
+  )
+}
+
+export default madProps(MyAccounts, {
+  safes: useAllSafesGrouped,
+})
diff --git a/apps/web/src/features/myAccounts/styles.module.css b/apps/web/src/features/myAccounts/styles.module.css
new file mode 100644
index 000000000..0ea86e46f
--- /dev/null
+++ b/apps/web/src/features/myAccounts/styles.module.css
@@ -0,0 +1,106 @@
+.container {
+  container-type: inline-size;
+  container-name: my-accounts-container;
+  display: flex;
+  justify-content: center;
+}
+
+.myAccounts {
+  width: 100vw;
+  max-width: 750px;
+  margin: var(--space-2);
+}
+
+.sidebarAccounts {
+  margin: 0 !important;
+}
+
+.safeList {
+  padding: var(--space-2) var(--space-2) var(--space-3);
+  margin-bottom: var(--space-1);
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  padding: var(--space-3) 0;
+  gap: var(--space-2);
+}
+
+.sidebarHeader {
+  padding: var(--space-3) var(--space-2);
+  border-bottom: 1px solid var(--color-border-light);
+}
+
+.sidebarHeader > h1 {
+  font-size: 24px;
+}
+
+.headerButtons {
+  display: flex;
+  flex-direction: row;
+  gap: var(--space-1);
+}
+
+.noPinnedSafesMessage {
+  display: flex;
+  justify-content: center;
+  border: 1px solid var(--color-border-light);
+  padding: var(--space-3);
+  border-radius: var(--space-1);
+  border-style: dashed;
+}
+
+.listHeader {
+  display: flex;
+}
+
+.listHeader svg path {
+  stroke: var(--color-text-primary);
+}
+
+.link {
+  text-decoration: none;
+  color: var(--color-text-secondary);
+}
+
+.link:hover {
+  color: var(--color-text-primary);
+}
+
+.active {
+  pointer-events: none;
+  color: var(--color-text-primary);
+}
+
+@media (max-width: 899.95px) {
+  .container {
+    width: auto;
+  }
+}
+
+.safeList :global .MuiAccordionSummary-root {
+  background: var(--color-background-paper) !important;
+  padding-left: 0;
+  min-height: 0;
+  justify-content: left;
+  vertical-align: middle;
+}
+
+.search :global .MuiInputBase-root {
+  border: 1px solid transparent !important;
+}
+
+@media (max-width: 599.95px) {
+  .header {
+    flex-direction: column;
+  }
+
+  .headerButtons > span {
+    flex: 1;
+  }
+
+  .headerButtons > span > a {
+    width: 100%;
+  }
+}
diff --git a/apps/web/src/features/myAccounts/utils/utils.ts b/apps/web/src/features/myAccounts/utils/utils.ts
new file mode 100644
index 000000000..59af191b5
--- /dev/null
+++ b/apps/web/src/features/myAccounts/utils/utils.ts
@@ -0,0 +1,19 @@
+import { OrderByOption } from '@/store/orderByPreferenceSlice'
+import type { SafeItem } from '@/features/myAccounts/hooks/useAllSafes'
+import type { MultiChainSafeItem } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+
+export const nameComparator = (a: SafeItem | MultiChainSafeItem, b: SafeItem | MultiChainSafeItem) => {
+  // Put undefined names last
+  if (!a.name && !b.name) return 0
+  if (!a.name) return 1
+  if (!b.name) return -1
+  return a.name.localeCompare(b.name)
+}
+
+export const lastVisitedComparator = (a: SafeItem | MultiChainSafeItem, b: SafeItem | MultiChainSafeItem) => {
+  return b.lastVisited - a.lastVisited
+}
+
+export const getComparator = (orderBy: OrderByOption) => {
+  return orderBy === OrderByOption.NAME ? nameComparator : lastVisitedComparator
+}
diff --git a/apps/web/src/features/proposers/components/DeleteProposerDialog.tsx b/apps/web/src/features/proposers/components/DeleteProposerDialog.tsx
new file mode 100644
index 000000000..2fd59e66c
--- /dev/null
+++ b/apps/web/src/features/proposers/components/DeleteProposerDialog.tsx
@@ -0,0 +1,208 @@
+import CheckWallet from '@/components/common/CheckWallet'
+import Track from '@/components/common/Track'
+import { signProposerData, signProposerTypedData } from '@/features/proposers/utils/utils'
+import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
+import useWallet from '@/hooks/wallets/useWallet'
+import DeleteIcon from '@/public/images/common/delete.svg'
+import { SETTINGS_EVENTS, trackEvent } from '@/services/analytics'
+import { useAppDispatch } from '@/store'
+import { useDeleteProposerMutation } from '@/store/api/gateway'
+import { showNotification } from '@/store/notificationsSlice'
+import { shortenAddress } from '@safe-global/utils/utils/formatters'
+import { isEthSignWallet } from '@/utils/wallets'
+import type { Delegate } from '@safe-global/safe-gateway-typescript-sdk/dist/types/delegates'
+import React, { useState } from 'react'
+import {
+  Dialog,
+  DialogTitle,
+  Typography,
+  IconButton,
+  Divider,
+  DialogContent,
+  DialogActions,
+  Button,
+  Box,
+  CircularProgress,
+  SvgIcon,
+  Tooltip,
+} from '@mui/material'
+import { Close } from '@mui/icons-material'
+import madProps from '@/utils/mad-props'
+import useChainId from '@/hooks/useChainId'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import { getAssertedChainSigner } from '@/services/tx/tx-sender/sdk'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+
+type DeleteProposerProps = {
+  wallet: ReturnType<typeof useWallet>
+  safeAddress: ReturnType<typeof useSafeAddress>
+  chainId: ReturnType<typeof useChainId>
+  proposer: Delegate
+}
+
+const InternalDeleteProposer = ({ wallet, safeAddress, chainId, proposer }: DeleteProposerProps) => {
+  const [open, setOpen] = useState<boolean>(false)
+  const [error, setError] = useState<Error>()
+  const [isLoading, setIsLoading] = useState<boolean>(false)
+  const [deleteProposer] = useDeleteProposerMutation()
+  const dispatch = useAppDispatch()
+
+  const onConfirm = async () => {
+    setError(undefined)
+    setIsLoading(true)
+
+    if (!wallet?.provider || !safeAddress || !chainId) {
+      setIsLoading(false)
+      setError(new Error('Please connect your wallet first'))
+      return
+    }
+
+    try {
+      const shouldEthSign = isEthSignWallet(wallet)
+      const signer = await getAssertedChainSigner(wallet.provider)
+      const signature = shouldEthSign
+        ? await signProposerData(proposer.delegate, signer, chainId)
+        : await signProposerTypedData(chainId, proposer.delegate, signer)
+
+      await deleteProposer({
+        chainId,
+        delegateAddress: proposer.delegate,
+        delegator: proposer.delegator,
+        safeAddress,
+        signature,
+        shouldEthSign,
+      })
+
+      trackEvent(SETTINGS_EVENTS.PROPOSERS.SUBMIT_REMOVE_PROPOSER)
+
+      dispatch(
+        showNotification({
+          variant: 'success',
+          groupKey: 'delete-proposer-success',
+          title: 'Proposer deleted successfully!',
+          message: `${shortenAddress(proposer.delegate)} can not suggest transactions anymore.`,
+        }),
+      )
+    } catch (error) {
+      setIsLoading(false)
+      setError(error as Error)
+      return
+    }
+
+    setIsLoading(false)
+    setOpen(false)
+  }
+
+  const onCancel = () => {
+    trackEvent(SETTINGS_EVENTS.PROPOSERS.CANCEL_REMOVE_PROPOSER)
+    setOpen(false)
+    setIsLoading(false)
+    setError(undefined)
+  }
+
+  const canDelete = wallet?.address === proposer.delegate || wallet?.address === proposer.delegator
+
+  return (
+    <>
+      <CheckWallet>
+        {(isOk) => (
+          <Track {...SETTINGS_EVENTS.PROPOSERS.REMOVE_PROPOSER}>
+            <Tooltip
+              title={
+                isOk && canDelete
+                  ? 'Delete proposer'
+                  : isOk && !canDelete
+                    ? 'Only the owner of this proposer or the proposer itself can delete them'
+                    : undefined
+              }
+            >
+              <span>
+                <IconButton
+                  data-testid="delete-proposer-btn"
+                  onClick={() => setOpen(true)}
+                  color="error"
+                  size="small"
+                  disabled={!isOk || !canDelete}
+                >
+                  <SvgIcon component={DeleteIcon} inheritViewBox color="error" fontSize="small" />
+                </IconButton>
+              </span>
+            </Tooltip>
+          </Track>
+        )}
+      </CheckWallet>
+
+      <Dialog open={open} onClose={onCancel}>
+        <DialogTitle>
+          <Box display="flex" alignItems="center">
+            <Typography variant="h6" fontWeight={700} sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
+              Delete this proposer?
+            </Typography>
+
+            <Box flexGrow={1} />
+
+            <IconButton aria-label="close" onClick={onCancel} sx={{ marginLeft: 'auto' }}>
+              <Close />
+            </IconButton>
+          </Box>
+        </DialogTitle>
+
+        <Divider />
+
+        <DialogContent>
+          <Box mb={2}>
+            <Typography>
+              Deleting this proposer will permanently remove the address, and it won&apos;t be able to suggest
+              transactions anymore.
+              <br />
+              <br />
+              To complete this action, confirm it with your connected wallet signature.
+            </Typography>
+          </Box>
+
+          {error && (
+            <Box mt={2}>
+              <ErrorMessage error={error}>Error deleting proposer</ErrorMessage>
+            </Box>
+          )}
+
+          <NetworkWarning action="sign" />
+        </DialogContent>
+
+        <Divider />
+
+        <DialogActions sx={{ padding: 3, justifyContent: 'space-between' }}>
+          <Button data-testid="reject-delete-proposer-btn" size="small" variant="text" onClick={onCancel}>
+            No, keep it
+          </Button>
+
+          <CheckWallet checkNetwork={!isLoading}>
+            {(isOk) => (
+              <Button
+                data-testid="confirm-delete-proposer-btn"
+                size="small"
+                variant="danger"
+                onClick={onConfirm}
+                disabled={!isOk || isLoading || !canDelete}
+                sx={{
+                  minWidth: '122px',
+                  minHeight: '36px',
+                }}
+              >
+                {isLoading ? <CircularProgress size={20} /> : 'Yes, delete'}
+              </Button>
+            )}
+          </CheckWallet>
+        </DialogActions>
+      </Dialog>
+    </>
+  )
+}
+
+const DeleteProposerDialog = madProps(InternalDeleteProposer, {
+  wallet: useWallet,
+  chainId: useChainId,
+  safeAddress: useSafeAddress,
+})
+
+export default DeleteProposerDialog
diff --git a/apps/web/src/features/proposers/components/EditProposerDialog.tsx b/apps/web/src/features/proposers/components/EditProposerDialog.tsx
new file mode 100644
index 000000000..52d078712
--- /dev/null
+++ b/apps/web/src/features/proposers/components/EditProposerDialog.tsx
@@ -0,0 +1,51 @@
+import CheckWallet from '@/components/common/CheckWallet'
+import Track from '@/components/common/Track'
+import UpsertProposer from '@/features/proposers/components/UpsertProposer'
+import useWallet from '@/hooks/wallets/useWallet'
+import EditIcon from '@/public/images/common/edit.svg'
+import { SETTINGS_EVENTS } from '@/services/analytics'
+import { IconButton, SvgIcon, Tooltip } from '@mui/material'
+import type { Delegate } from '@safe-global/safe-gateway-typescript-sdk/dist/types/delegates'
+import React, { useState } from 'react'
+
+const EditProposerDialog = ({ proposer }: { proposer: Delegate }) => {
+  const [open, setOpen] = useState<boolean>(false)
+  const wallet = useWallet()
+
+  const canEdit = wallet?.address === proposer.delegator
+
+  return (
+    <>
+      <CheckWallet allowProposer={false}>
+        {(isOk) => (
+          <Track {...SETTINGS_EVENTS.PROPOSERS.EDIT_PROPOSER}>
+            <Tooltip
+              title={
+                isOk && canEdit
+                  ? 'Edit proposer'
+                  : isOk && !canEdit
+                    ? 'Only the owner of this proposer can edit them'
+                    : undefined
+              }
+            >
+              <span>
+                <IconButton
+                  data-testid="edit-proposer-btn"
+                  onClick={() => setOpen(true)}
+                  size="small"
+                  disabled={!isOk || !canEdit}
+                >
+                  <SvgIcon component={EditIcon} inheritViewBox color="border" fontSize="small" />
+                </IconButton>
+              </span>
+            </Tooltip>
+          </Track>
+        )}
+      </CheckWallet>
+
+      {open && <UpsertProposer onClose={() => setOpen(false)} onSuccess={() => setOpen(false)} proposer={proposer} />}
+    </>
+  )
+}
+
+export default EditProposerDialog
diff --git a/apps/web/src/features/proposers/components/TxProposalChip.tsx b/apps/web/src/features/proposers/components/TxProposalChip.tsx
new file mode 100644
index 000000000..3e9c3a65d
--- /dev/null
+++ b/apps/web/src/features/proposers/components/TxProposalChip.tsx
@@ -0,0 +1,32 @@
+import { Chip, SvgIcon, Tooltip, Typography } from '@mui/material'
+import InfoIcon from '@/public/images/notifications/info.svg'
+
+const TxProposalChip = () => {
+  return (
+    <Tooltip title="This transaction was created by a Proposer. Reject or confirm it to proceed.">
+      <span>
+        <Chip
+          sx={{ backgroundColor: 'background.main', color: 'primary.light' }}
+          size="small"
+          label={
+            <Typography
+              variant="caption"
+              fontWeight="bold"
+              display="flex"
+              alignItems="center"
+              justifyContent="center"
+              gap={0.7}
+            >
+              <SvgIcon component={InfoIcon} inheritViewBox fontSize="small" />
+              <Typography data-testid="proposal-status" variant="caption" fontWeight="bold">
+                Proposal
+              </Typography>
+            </Typography>
+          }
+        />
+      </span>
+    </Tooltip>
+  )
+}
+
+export default TxProposalChip
diff --git a/apps/web/src/features/proposers/components/UpsertProposer.tsx b/apps/web/src/features/proposers/components/UpsertProposer.tsx
new file mode 100644
index 000000000..5405514a1
--- /dev/null
+++ b/apps/web/src/features/proposers/components/UpsertProposer.tsx
@@ -0,0 +1,246 @@
+import AddressBookInput from '@/components/common/AddressBookInput'
+import CheckWallet from '@/components/common/CheckWallet'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import NameInput from '@/components/common/NameInput'
+import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import { signProposerData, signProposerTypedData } from '@/features/proposers/utils/utils'
+import useChainId from '@/hooks/useChainId'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import useWallet from '@/hooks/wallets/useWallet'
+import { SETTINGS_EVENTS, trackEvent } from '@/services/analytics'
+import { getAssertedChainSigner } from '@/services/tx/tx-sender/sdk'
+import { useAppDispatch } from '@/store'
+import { useAddProposerMutation } from '@/store/api/gateway'
+import { showNotification } from '@/store/notificationsSlice'
+import { toChecksumAddress } from '@/utils/rsk-utils'
+import { isAddress } from 'ethers'
+import { shortenAddress } from '@safe-global/utils/utils/formatters'
+import { addressIsNotCurrentSafe, addressIsNotOwner } from '@safe-global/utils/utils/validation'
+import { isEthSignWallet } from '@/utils/wallets'
+import { Close } from '@mui/icons-material'
+import {
+  Alert,
+  Box,
+  Button,
+  CircularProgress,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogTitle,
+  Divider,
+  IconButton,
+  Typography,
+} from '@mui/material'
+import type { Delegate } from '@safe-global/safe-gateway-typescript-sdk/dist/types/delegates'
+import { type BaseSyntheticEvent, useCallback, useMemo, useState } from 'react'
+import { FormProvider, useForm, type Validate } from 'react-hook-form'
+import useSafeInfo from '@/hooks/useSafeInfo'
+
+type UpsertProposerProps = {
+  onClose: () => void
+  onSuccess: () => void
+  proposer?: Delegate
+}
+
+enum ProposerEntryFields {
+  address = 'address',
+  name = 'name',
+}
+
+type ProposerEntry = {
+  [ProposerEntryFields.name]: string
+  [ProposerEntryFields.address]: string
+}
+
+const UpsertProposer = ({ onClose, onSuccess, proposer }: UpsertProposerProps) => {
+  const [error, setError] = useState<Error>()
+  const [isLoading, setIsLoading] = useState<boolean>(false)
+  const [addProposer] = useAddProposerMutation()
+  const dispatch = useAppDispatch()
+
+  const chainId = useChainId()
+  const wallet = useWallet()
+  const safeAddress = useSafeAddress()
+  const { safe } = useSafeInfo()
+
+  const methods = useForm<ProposerEntry>({
+    defaultValues: {
+      [ProposerEntryFields.address]: proposer?.delegate,
+      [ProposerEntryFields.name]: proposer?.label,
+    },
+    mode: 'onChange',
+  })
+
+  const safeOwnerAddresses = useMemo(() => safe.owners.map((owner) => owner.value), [safe.owners])
+
+  const validateAddress = useCallback<Validate<string>>(
+    (value) =>
+      addressIsNotCurrentSafe(safeAddress, 'Cannot add Safe Account itself as proposer')(value) ??
+      addressIsNotOwner(safeOwnerAddresses, 'Cannot add Safe Owner as proposer')(value),
+    [safeAddress, safeOwnerAddresses],
+  )
+
+  const { handleSubmit, formState } = methods
+
+  const onConfirm = handleSubmit(async (data: ProposerEntry) => {
+    if (!wallet) return
+
+    setError(undefined)
+    setIsLoading(true)
+
+    try {
+      // Remove any whitespace and ensure address is lowercase before validation
+      const cleanAddress = data.address.trim().toLowerCase()
+
+      if (!isAddress(cleanAddress)) {
+        throw new Error('Invalid address format')
+      }
+
+      // For Rootstock, use the address in lowercase
+      const checksummedAddress =
+        chainId === '30' || chainId === '31' ? toChecksumAddress(cleanAddress, chainId) : cleanAddress
+
+      const shouldEthSign = isEthSignWallet(wallet)
+      const signer = await getAssertedChainSigner(wallet.provider)
+      const signature = shouldEthSign
+        ? await signProposerData(checksummedAddress, signer, chainId)
+        : await signProposerTypedData(chainId, checksummedAddress, signer)
+
+      await addProposer({
+        chainId,
+        delegator: wallet.address,
+        signature,
+        label: data.name,
+        delegate: checksummedAddress,
+        safeAddress,
+        shouldEthSign,
+      })
+
+      trackEvent(
+        isEditing ? SETTINGS_EVENTS.PROPOSERS.SUBMIT_EDIT_PROPOSER : SETTINGS_EVENTS.PROPOSERS.SUBMIT_ADD_PROPOSER,
+      )
+
+      dispatch(
+        showNotification({
+          variant: 'success',
+          groupKey: 'add-proposer-success',
+          title: 'Proposer added successfully!',
+          message: `${shortenAddress(checksummedAddress)} can now suggest transactions for this account.`,
+        }),
+      )
+    } catch (error) {
+      setIsLoading(false)
+      setError(error as Error)
+      return
+    }
+
+    setIsLoading(false)
+    onSuccess()
+  })
+
+  const onSubmit = (e: BaseSyntheticEvent) => {
+    e.stopPropagation()
+    onConfirm(e)
+  }
+
+  const onCancel = () => {
+    trackEvent(
+      isEditing ? SETTINGS_EVENTS.PROPOSERS.CANCEL_EDIT_PROPOSER : SETTINGS_EVENTS.PROPOSERS.CANCEL_ADD_PROPOSER,
+    )
+    onClose()
+  }
+
+  const isEditing = !!proposer
+  const canEdit = wallet?.address === proposer?.delegator
+
+  return (
+    <Dialog open onClose={onCancel}>
+      <FormProvider {...methods}>
+        <form onSubmit={onSubmit}>
+          <DialogTitle>
+            <Box data-testid="untrusted-token-warning" display="flex" alignItems="center">
+              <Typography variant="h6" fontWeight={700} sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
+                {isEditing ? 'Edit' : 'Add'} proposer
+              </Typography>
+
+              <Box flexGrow={1} />
+
+              <IconButton aria-label="close" onClick={onCancel} sx={{ marginLeft: 'auto' }}>
+                <Close />
+              </IconButton>
+            </Box>
+          </DialogTitle>
+
+          <Divider />
+
+          <DialogContent>
+            <Box mb={2}>
+              <Typography variant="body2">
+                You&apos;re about to grant this address the ability to propose transactions. To complete the setup,
+                confirm with a signature from your connected wallet.
+              </Typography>
+            </Box>
+
+            <Alert severity="info">Proposer&apos;s name and address are publicly visible.</Alert>
+
+            <Box my={2}>
+              {isEditing ? (
+                <Box mb={3}>
+                  <EthHashInfo address={proposer?.delegate} showCopyButton hasExplorer shortAddress={false} />
+                </Box>
+              ) : (
+                <AddressBookInput
+                  name="address"
+                  label="Address"
+                  validate={validateAddress}
+                  variant="outlined"
+                  fullWidth
+                  required
+                />
+              )}
+            </Box>
+
+            <Box mb={2}>
+              <NameInput name="name" label="Name" required />
+            </Box>
+
+            {error && (
+              <Box mt={2}>
+                <ErrorMessage error={error}>Error adding proposer</ErrorMessage>
+              </Box>
+            )}
+
+            <NetworkWarning action="sign" />
+          </DialogContent>
+
+          <Divider />
+
+          <DialogActions sx={{ padding: 3, justifyContent: 'space-between' }}>
+            <Button size="small" variant="text" onClick={onCancel}>
+              Cancel
+            </Button>
+
+            <CheckWallet checkNetwork={!isLoading} allowProposer={false}>
+              {(isOk) => (
+                <Button
+                  data-testid="submit-proposer-btn"
+                  size="small"
+                  variant="contained"
+                  color="primary"
+                  type="submit"
+                  disabled={!isOk || isLoading || (isEditing && !canEdit) || !formState.isValid}
+                  sx={{ minWidth: '122px', minHeight: '36px' }}
+                >
+                  {isLoading ? <CircularProgress size={20} /> : 'Continue'}
+                </Button>
+              )}
+            </CheckWallet>
+          </DialogActions>
+        </form>
+      </FormProvider>
+    </Dialog>
+  )
+}
+
+export default UpsertProposer
diff --git a/apps/web/src/features/proposers/utils/utils.ts b/apps/web/src/features/proposers/utils/utils.ts
new file mode 100644
index 000000000..a4d953885
--- /dev/null
+++ b/apps/web/src/features/proposers/utils/utils.ts
@@ -0,0 +1,62 @@
+import { signTypedData } from '@safe-global/utils/utils/web3'
+import { SigningMethod } from '@safe-global/protocol-kit'
+import { adjustVInSignature } from '@safe-global/protocol-kit/dist/src/utils/signatures'
+import type { JsonRpcSigner } from 'ethers'
+import { toChecksumAddress } from '@/utils/rsk-utils'
+import type { TypedData, TypedDataDomain } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+
+const getProposerDataV2 = (chainId: string, proposerAddress: string): TypedData => {
+  const totp = Math.floor(Date.now() / 1000 / 3600)
+
+  // For Rootstock, use the address in lowercase
+  const checksummedAddress =
+    chainId === '30' || chainId === '31' ? proposerAddress.toLowerCase() : toChecksumAddress(proposerAddress, chainId)
+
+  const domain = {
+    name: 'Safe Transaction Service',
+    version: '1.0',
+    chainId: Number(chainId),
+  } as TypedDataDomain
+
+  const types = {
+    Delegate: [
+      { name: 'delegateAddress', type: 'address' },
+      { name: 'totp', type: 'uint256' },
+    ],
+  }
+
+  const message = {
+    delegateAddress: checksummedAddress,
+    totp,
+  }
+
+  return {
+    domain,
+    types,
+    message,
+    primaryType: 'Delegate' as const,
+  }
+}
+
+export const signProposerTypedData = async (chainId: string, proposerAddress: string, signer: JsonRpcSigner) => {
+  const typedData = getProposerDataV2(chainId, proposerAddress)
+  return signTypedData(signer, typedData)
+}
+
+const getProposerDataV1 = (proposerAddress: string, chainId: string) => {
+  const totp = Math.floor(Date.now() / 1000 / 3600)
+
+  // For Rootstock, use the address in lowercase
+  const checksummedAddress =
+    chainId === '30' || chainId === '31' ? proposerAddress.toLowerCase() : toChecksumAddress(proposerAddress, chainId)
+
+  return `${checksummedAddress}${totp}`
+}
+
+export const signProposerData = async (proposerAddress: string, signer: JsonRpcSigner, chainId: string) => {
+  const data = getProposerDataV1(proposerAddress, chainId)
+
+  const signature = await signer.signMessage(data)
+
+  return adjustVInSignature(SigningMethod.ETH_SIGN_TYPED_DATA, signature)
+}
diff --git a/apps/web/src/features/recovery/components/CancelRecoveryButton/index.tsx b/apps/web/src/features/recovery/components/CancelRecoveryButton/index.tsx
new file mode 100644
index 000000000..cd53faf6e
--- /dev/null
+++ b/apps/web/src/features/recovery/components/CancelRecoveryButton/index.tsx
@@ -0,0 +1,78 @@
+import useWallet from '@/hooks/wallets/useWallet'
+import { trackEvent } from '@/services/analytics'
+import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
+import { Button } from '@mui/material'
+import { useContext } from 'react'
+import type { SyntheticEvent, ReactElement } from 'react'
+
+import CheckWallet from '@/components/common/CheckWallet'
+import { TxModalContext } from '@/components/tx-flow'
+import { CancelRecoveryFlow } from '@/components/tx-flow/flows'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import { dispatchRecoverySkipExpired } from '@/features/recovery/services/recovery-sender'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { trackError, Errors } from '@/services/exceptions'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { useRecoveryTxState } from '@/features/recovery/hooks/useRecoveryTxState'
+import { RecoveryListItemContext } from '../RecoveryListItem/RecoveryListItemContext'
+import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
+
+export function CancelRecoveryButton({
+  recovery,
+  compact = false,
+}: {
+  recovery: RecoveryQueueItem
+  compact?: boolean
+}): ReactElement {
+  const { setSubmitError } = useContext(RecoveryListItemContext)
+  const isOwner = useIsSafeOwner()
+  const { isExpired, isPending } = useRecoveryTxState(recovery)
+  const { setTxFlow } = useContext(TxModalContext)
+  const wallet = useWallet()
+  const { safe } = useSafeInfo()
+
+  const onClick = async (e: SyntheticEvent) => {
+    e.stopPropagation()
+    e.preventDefault()
+
+    trackEvent(RECOVERY_EVENTS.CANCEL_RECOVERY)
+    if (isOwner) {
+      setTxFlow(<CancelRecoveryFlow recovery={recovery} />)
+    } else if (wallet) {
+      try {
+        await dispatchRecoverySkipExpired({
+          provider: wallet.provider,
+          chainId: safe.chainId,
+          delayModifierAddress: recovery.address,
+          recoveryTxHash: recovery.args.txHash,
+          signerAddress: wallet.address,
+        })
+      } catch (_err) {
+        const err = asError(_err)
+
+        trackError(Errors._813, err)
+        setSubmitError(err)
+      }
+    }
+  }
+
+  return (
+    <CheckWallet allowNonOwner checkNetwork>
+      {(isOk) => {
+        const isDisabled = isPending || (isOwner ? !isOk : !isOk || !isExpired)
+
+        return (
+          <Button
+            data-testid="cancel-recovery-btn"
+            onClick={onClick}
+            variant="danger"
+            disabled={isDisabled}
+            size={compact ? 'small' : 'stretched'}
+          >
+            Cancel
+          </Button>
+        )
+      }}
+    </CheckWallet>
+  )
+}
diff --git a/apps/web/src/features/recovery/components/ExecuteRecoveryButton/index.tsx b/apps/web/src/features/recovery/components/ExecuteRecoveryButton/index.tsx
new file mode 100644
index 000000000..3a5da0627
--- /dev/null
+++ b/apps/web/src/features/recovery/components/ExecuteRecoveryButton/index.tsx
@@ -0,0 +1,65 @@
+import { Button, Tooltip } from '@mui/material'
+import { useContext } from 'react'
+import type { SyntheticEvent, ReactElement } from 'react'
+
+import CheckWallet from '@/components/common/CheckWallet'
+import { useRecoveryTxState } from '@/features/recovery/hooks/useRecoveryTxState'
+import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
+import useIsWrongChain from '@/hooks/useIsWrongChain'
+import { useCurrentChain } from '@/hooks/useChains'
+import { TxModalContext } from '@/components/tx-flow'
+import { RecoveryAttemptFlow } from '@/components/tx-flow/flows'
+
+export function ExecuteRecoveryButton({
+  recovery,
+  compact = false,
+}: {
+  recovery: RecoveryQueueItem
+  compact?: boolean
+}): ReactElement {
+  const { isExecutable, isNext, isPending } = useRecoveryTxState(recovery)
+  const isDisabled = !isExecutable || isPending
+  const isWrongChain = useIsWrongChain()
+  const chain = useCurrentChain()
+  const { setTxFlow } = useContext(TxModalContext)
+
+  const onClick = async (e: SyntheticEvent) => {
+    e.stopPropagation()
+    e.preventDefault()
+
+    setTxFlow(<RecoveryAttemptFlow item={recovery} />)
+  }
+
+  return (
+    <CheckWallet allowNonOwner checkNetwork={!isDisabled}>
+      {(isOk) => {
+        return (
+          <Tooltip
+            title={
+              !isOk || isDisabled
+                ? isWrongChain
+                  ? `Switch your wallet network to ${chain?.chainName} to execute this transaction`
+                  : isNext
+                    ? 'You can execute the recovery after the specified review window'
+                    : 'Previous recovery proposals must be executed or cancelled first'
+                : null
+            }
+          >
+            <span>
+              <Button
+                data-testid="execute-btn"
+                onClick={onClick}
+                variant="contained"
+                disabled={!isOk || isDisabled}
+                sx={{ minWidth: '106.5px', py: compact ? 0.8 : undefined }}
+                size={compact ? 'small' : 'stretched'}
+              >
+                Execute
+              </Button>
+            </span>
+          </Tooltip>
+        )
+      }}
+    </CheckWallet>
+  )
+}
diff --git a/apps/web/src/features/recovery/components/GroupedRecoveryListItems/index.tsx b/apps/web/src/features/recovery/components/GroupedRecoveryListItems/index.tsx
new file mode 100644
index 000000000..8fb61b3ae
--- /dev/null
+++ b/apps/web/src/features/recovery/components/GroupedRecoveryListItems/index.tsx
@@ -0,0 +1,66 @@
+import Track from '@/components/common/Track'
+import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
+import { Box, Paper, Typography } from '@mui/material'
+import partition from 'lodash/partition'
+import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
+import type { Transaction } from '@safe-global/safe-gateway-typescript-sdk'
+import type { ReactElement } from 'react'
+
+import { isRecoveryQueueItem } from '@/utils/transaction-guards'
+import ExpandableTransactionItem from '@/components/transactions/TxListItem/ExpandableTransactionItem'
+import { RecoveryListItem } from '../RecoveryListItem'
+import ExternalLink from '@/components/common/ExternalLink'
+
+import css from '@/components/transactions/GroupedTxListItems/styles.module.css'
+import customCss from './styles.module.css'
+import { HelpCenterArticle, HelperCenterArticleTitles } from '@safe-global/utils/config/constants'
+
+function Disclaimer({ isMalicious }: { isMalicious: boolean }): ReactElement {
+  return (
+    <Box
+      className={css.disclaimerContainer}
+      sx={{ bgcolor: ({ palette }) => `${palette.warning.background} !important` }}
+    >
+      <Typography>
+        <Typography component="span" fontWeight={700}>
+          Cancelling {isMalicious ? 'malicious transaction' : 'Account recovery'}.
+        </Typography>{' '}
+        You will need to execute the cancellation.{' '}
+        <Track {...RECOVERY_EVENTS.LEARN_MORE} label="tx-queue">
+          <ExternalLink href={HelpCenterArticle.RECOVERY} title={HelperCenterArticleTitles.RECOVERY}>
+            Learn more
+          </ExternalLink>
+        </Track>
+      </Typography>
+    </Box>
+  )
+}
+
+export function GroupedRecoveryListItems({ items }: { items: Array<Transaction | RecoveryQueueItem> }): ReactElement {
+  const [recoveries, cancellations] = partition(items, isRecoveryQueueItem)
+
+  // Should only be one recovery item but check array in case
+  const isMalicious = recoveries.some((recovery) => recovery.isMalicious)
+
+  return (
+    <Paper className={[css.container, customCss.recoveryGroupContainer].join(' ')}>
+      <Box gridArea="warning" className={css.disclaimerContainer}>
+        <Disclaimer isMalicious={isMalicious} />
+      </Box>
+
+      <Box gridArea="line" className={css.line} />
+
+      <Box gridArea="items" className={css.txItems}>
+        {cancellations.map((tx) => (
+          <div key={tx.transaction.id}>
+            <ExpandableTransactionItem item={tx} />
+          </div>
+        ))}
+
+        {recoveries.map((recovery) => (
+          <RecoveryListItem key={recovery.transactionHash} item={recovery} />
+        ))}
+      </Box>
+    </Paper>
+  )
+}
diff --git a/src/features/recovery/components/GroupedRecoveryListItems/styles.module.css b/apps/web/src/features/recovery/components/GroupedRecoveryListItems/styles.module.css
similarity index 100%
rename from src/features/recovery/components/GroupedRecoveryListItems/styles.module.css
rename to apps/web/src/features/recovery/components/GroupedRecoveryListItems/styles.module.css
diff --git a/src/features/recovery/components/Recovery/LazyRecovery.tsx b/apps/web/src/features/recovery/components/Recovery/LazyRecovery.tsx
similarity index 100%
rename from src/features/recovery/components/Recovery/LazyRecovery.tsx
rename to apps/web/src/features/recovery/components/Recovery/LazyRecovery.tsx
diff --git a/src/features/recovery/components/Recovery/index.tsx b/apps/web/src/features/recovery/components/Recovery/index.tsx
similarity index 100%
rename from src/features/recovery/components/Recovery/index.tsx
rename to apps/web/src/features/recovery/components/Recovery/index.tsx
diff --git a/apps/web/src/features/recovery/components/RecoveryCards/RecoveryInProgressCard.tsx b/apps/web/src/features/recovery/components/RecoveryCards/RecoveryInProgressCard.tsx
new file mode 100644
index 000000000..3e07c1237
--- /dev/null
+++ b/apps/web/src/features/recovery/components/RecoveryCards/RecoveryInProgressCard.tsx
@@ -0,0 +1,159 @@
+import Track from '@/components/common/Track'
+import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
+import { Button, Card, Divider, Grid, Typography } from '@mui/material'
+import { useRouter } from 'next/dist/client/router'
+import type { ReactElement } from 'react'
+
+import { useRecoveryTxState } from '@/features/recovery/hooks/useRecoveryTxState'
+import { Countdown } from '@/components/common/Countdown'
+import RecoveryPending from '@/public/images/common/recovery-pending.svg'
+import ExternalLink from '@/components/common/ExternalLink'
+import { AppRoutes } from '@/config/routes'
+import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
+
+import css from './styles.module.css'
+import { HelpCenterArticle, HelperCenterArticleTitles } from '@safe-global/utils/config/constants'
+
+type Props =
+  | {
+      orientation?: 'vertical'
+      onClose: () => void
+      recovery: RecoveryQueueItem
+    }
+  | {
+      orientation: 'horizontal'
+      onClose?: never
+      recovery: RecoveryQueueItem
+    }
+
+export function RecoveryInProgressCard({ orientation = 'vertical', onClose, recovery }: Props): ReactElement {
+  const { isExecutable, isExpired, remainingSeconds } = useRecoveryTxState(recovery)
+  const router = useRouter()
+
+  const onClick = async () => {
+    await router.push({
+      pathname: AppRoutes.transactions.queue,
+      query: router.query,
+    })
+    onClose?.()
+  }
+
+  const icon = <RecoveryPending />
+  const title = isExecutable
+    ? 'Account can be recovered'
+    : isExpired
+      ? 'Account recovery expired'
+      : 'Account recovery in progress'
+  const desc = isExecutable
+    ? 'The review window has passed and it is now possible to execute the recovery proposal.'
+    : isExpired
+      ? 'The pending recovery proposal has expired and needs to be cancelled before a new one can be created.'
+      : 'The recovery process has started. This Account will be ready to recover in:'
+
+  const link = (
+    <Track {...RECOVERY_EVENTS.LEARN_MORE} label="in-progress-card">
+      <ExternalLink href={HelpCenterArticle.RECOVERY} title={HelperCenterArticleTitles.RECOVERY}>
+        Learn more
+      </ExternalLink>
+    </Track>
+  )
+
+  if (orientation === 'horizontal') {
+    return (
+      <Card sx={{ py: 3, px: 4 }}>
+        <Grid
+          container
+          sx={{
+            display: 'flex',
+            alignItems: { xs: 'flex-start', md: 'center' },
+            gap: 3,
+            flexDirection: { xs: 'column', md: 'row' },
+          }}
+        >
+          <Grid item>{icon}</Grid>
+
+          <Grid item xs>
+            <Typography
+              variant="h6"
+              sx={{
+                fontWeight: 700,
+                mb: 1,
+              }}
+            >
+              {title}
+            </Typography>
+
+            <Typography
+              sx={{
+                color: 'primary.light',
+                mb: 1,
+              }}
+            >
+              {desc}
+            </Typography>
+
+            <Countdown seconds={remainingSeconds} />
+          </Grid>
+
+          <Grid item>{link}</Grid>
+        </Grid>
+      </Card>
+    )
+  }
+
+  return (
+    <Card elevation={0} className={css.card}>
+      <Grid
+        container
+        sx={{
+          display: 'flex',
+          flexDirection: 'column',
+          gap: 4,
+        }}
+      >
+        <Grid
+          item
+          xs={12}
+          sx={{
+            display: 'flex',
+            justifyContent: 'space-between',
+          }}
+        >
+          {icon}
+
+          {link}
+        </Grid>
+
+        <Grid item xs={12}>
+          <Typography
+            variant="h6"
+            sx={{
+              fontWeight: 700,
+              mb: 2,
+            }}
+          >
+            {title}
+          </Typography>
+
+          <Typography
+            sx={{
+              mb: 2,
+            }}
+          >
+            {desc}
+          </Typography>
+
+          <Countdown seconds={remainingSeconds} />
+        </Grid>
+
+        <Divider flexItem sx={{ mx: -4 }} />
+
+        <Track {...RECOVERY_EVENTS.CHECK_RECOVERY_PROPOSAL}>
+          <Button data-testid="queue-btn" variant="contained" onClick={onClick} sx={{ alignSelf: 'flex-end' }}>
+            Go to queue
+          </Button>
+        </Track>
+      </Grid>
+    </Card>
+  )
+}
diff --git a/apps/web/src/features/recovery/components/RecoveryCards/RecoveryProposalCard.tsx b/apps/web/src/features/recovery/components/RecoveryCards/RecoveryProposalCard.tsx
new file mode 100644
index 000000000..915522c42
--- /dev/null
+++ b/apps/web/src/features/recovery/components/RecoveryCards/RecoveryProposalCard.tsx
@@ -0,0 +1,192 @@
+import Track from '@/components/common/Track'
+import { trackEvent } from '@/services/analytics'
+import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
+import { Button, Card, Divider, Grid, Typography } from '@mui/material'
+import { useContext } from 'react'
+import type { ReactElement } from 'react'
+
+import { useDarkMode } from '@/hooks/useDarkMode'
+import ExternalLink from '@/components/common/ExternalLink'
+import { RecoverAccountFlow } from '@/components/tx-flow/flows'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import madProps from '@/utils/mad-props'
+import { TxModalContext } from '@/components/tx-flow'
+import type { TxModalContextType } from '@/components/tx-flow'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+
+import css from './styles.module.css'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+import { HelpCenterArticle, HelperCenterArticleTitles } from '@safe-global/utils/config/constants'
+
+type Props =
+  | {
+      orientation?: 'vertical'
+      onClose: () => void
+      safe: SafeState
+      setTxFlow: TxModalContextType['setTxFlow']
+    }
+  | {
+      orientation: 'horizontal'
+      onClose?: never
+      safe: SafeState
+      setTxFlow: TxModalContextType['setTxFlow']
+    }
+
+export function InternalRecoveryProposalCard({
+  orientation = 'vertical',
+  onClose,
+  safe,
+  setTxFlow,
+}: Props): ReactElement {
+  const isDarkMode = useDarkMode()
+
+  const onRecover = async () => {
+    onClose?.()
+    setTxFlow(<RecoverAccountFlow />)
+    trackEvent({ ...RECOVERY_EVENTS.START_RECOVERY, label: orientation === 'vertical' ? 'pop-up' : 'dashboard' })
+  }
+
+  const icon = (
+    <img
+      src={`/images/common/propose-recovery-${isDarkMode ? 'dark' : 'light'}.svg`}
+      alt="An arrow surrounding a circle containing a vault"
+    />
+  )
+  const title = 'Recover this Account'
+  const desc = `The connected wallet was chosen as a trusted Recoverer. You can help the owner${maybePlural(safe.owners)} regain access by resetting the Account setup.`
+
+  const link = (
+    <Track {...RECOVERY_EVENTS.LEARN_MORE} label="proposal-card">
+      <ExternalLink href={HelpCenterArticle.RECOVERY} title={HelperCenterArticleTitles.RECOVERY}>
+        Learn more
+      </ExternalLink>
+    </Track>
+  )
+
+  const recoveryButton = (
+    <Button data-testid="start-recovery-btn" variant="contained" onClick={onRecover} className={css.button}>
+      Start recovery
+    </Button>
+  )
+
+  if (orientation === 'horizontal') {
+    return (
+      <Card data-testid="recovery-proposal-hr" sx={{ py: 3, px: 4 }}>
+        <Grid
+          container
+          sx={{
+            display: 'flex',
+            alignItems: { xs: 'flex-start', md: 'center' },
+            gap: 3,
+            flexDirection: { xs: 'column', md: 'row' },
+          }}
+        >
+          <Grid item>{icon}</Grid>
+
+          <Grid item xs>
+            <Typography
+              variant="h6"
+              sx={{
+                fontWeight: 700,
+                mb: 1,
+              }}
+            >
+              {title}
+            </Typography>
+
+            <Typography
+              sx={{
+                color: 'primary.light',
+                mb: 1,
+              }}
+            >
+              {desc}
+            </Typography>
+
+            <Typography>{link}</Typography>
+          </Grid>
+
+          {recoveryButton}
+        </Grid>
+      </Card>
+    )
+  }
+
+  return (
+    <Card data-testid="recovery-proposal" elevation={0} className={css.card}>
+      <Grid
+        container
+        sx={{
+          display: 'flex',
+          flexDirection: 'column',
+          gap: 4,
+        }}
+      >
+        <Grid
+          item
+          xs={12}
+          sx={{
+            display: 'flex',
+            justifyContent: 'space-between',
+          }}
+        >
+          {icon}
+
+          {link}
+        </Grid>
+
+        <Grid item xs={12}>
+          <Typography
+            variant="h6"
+            sx={{
+              fontWeight: 700,
+              mb: 2,
+            }}
+          >
+            {title}
+          </Typography>
+
+          <Typography
+            sx={{
+              color: 'primary.light',
+              mb: 2,
+            }}
+          >
+            {desc}
+          </Typography>
+        </Grid>
+
+        <Divider flexItem sx={{ mx: -4 }} />
+
+        <Grid
+          item
+          container
+          sx={{
+            justifyContent: 'flex-end',
+            gap: { md: 1 },
+          }}
+        >
+          <Button
+            data-testid="postpone-recovery-btn"
+            onClick={() => {
+              trackEvent(RECOVERY_EVENTS.DISMISS_PROPOSAL_CARD)
+              onClose?.()
+            }}
+          >
+            I&apos;ll do it later
+          </Button>
+          {recoveryButton}
+        </Grid>
+      </Grid>
+    </Card>
+  )
+}
+
+// Appease TypeScript
+const InternalUseSafe = () => useSafeInfo().safe
+const InternalUseSetTxFlow = () => useContext(TxModalContext).setTxFlow
+
+export const RecoveryProposalCard = madProps(InternalRecoveryProposalCard, {
+  safe: InternalUseSafe,
+  setTxFlow: InternalUseSetTxFlow,
+})
diff --git a/src/features/recovery/components/RecoveryCards/__tests__/RecoveryInProgressCard.test.tsx b/apps/web/src/features/recovery/components/RecoveryCards/__tests__/RecoveryInProgressCard.test.tsx
similarity index 100%
rename from src/features/recovery/components/RecoveryCards/__tests__/RecoveryInProgressCard.test.tsx
rename to apps/web/src/features/recovery/components/RecoveryCards/__tests__/RecoveryInProgressCard.test.tsx
diff --git a/src/features/recovery/components/RecoveryCards/__tests__/RecoveryProposalCard.test.tsx b/apps/web/src/features/recovery/components/RecoveryCards/__tests__/RecoveryProposalCard.test.tsx
similarity index 93%
rename from src/features/recovery/components/RecoveryCards/__tests__/RecoveryProposalCard.test.tsx
rename to apps/web/src/features/recovery/components/RecoveryCards/__tests__/RecoveryProposalCard.test.tsx
index 76904dddb..aaa6f452e 100644
--- a/src/features/recovery/components/RecoveryCards/__tests__/RecoveryProposalCard.test.tsx
+++ b/apps/web/src/features/recovery/components/RecoveryCards/__tests__/RecoveryProposalCard.test.tsx
@@ -2,7 +2,7 @@ import { faker } from '@faker-js/faker'
 import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
 
 import { fireEvent, render } from '@/tests/test-utils'
-import { _RecoveryProposalCard } from '../RecoveryProposalCard'
+import { InternalRecoveryProposalCard } from '../RecoveryProposalCard'
 
 describe('RecoveryProposalCard', () => {
   describe('vertical', () => {
@@ -11,7 +11,7 @@ describe('RecoveryProposalCard', () => {
       const mockSetTxFlow = jest.fn()
 
       const { queryByText } = render(
-        <_RecoveryProposalCard
+        <InternalRecoveryProposalCard
           orientation="vertical"
           onClose={mockClose}
           safe={{ owners: [{ value: faker.finance.ethereumAddress() }] } as SafeInfo}
@@ -41,7 +41,7 @@ describe('RecoveryProposalCard', () => {
     const mockSetTxFlow = jest.fn()
 
     const { queryByText } = render(
-      <_RecoveryProposalCard
+      <InternalRecoveryProposalCard
         orientation="horizontal"
         safe={{ owners: [{ value: faker.finance.ethereumAddress() }] } as SafeInfo}
         setTxFlow={mockSetTxFlow}
diff --git a/src/features/recovery/components/RecoveryCards/styles.module.css b/apps/web/src/features/recovery/components/RecoveryCards/styles.module.css
similarity index 100%
rename from src/features/recovery/components/RecoveryCards/styles.module.css
rename to apps/web/src/features/recovery/components/RecoveryCards/styles.module.css
diff --git a/src/features/recovery/components/RecoveryContext/RecoveryContextHooks.tsx b/apps/web/src/features/recovery/components/RecoveryContext/RecoveryContextHooks.tsx
similarity index 100%
rename from src/features/recovery/components/RecoveryContext/RecoveryContextHooks.tsx
rename to apps/web/src/features/recovery/components/RecoveryContext/RecoveryContextHooks.tsx
diff --git a/src/features/recovery/components/RecoveryContext/__tests__/useRecoveryDelayModifiers.test.ts b/apps/web/src/features/recovery/components/RecoveryContext/__tests__/useRecoveryDelayModifiers.test.ts
similarity index 96%
rename from src/features/recovery/components/RecoveryContext/__tests__/useRecoveryDelayModifiers.test.ts
rename to apps/web/src/features/recovery/components/RecoveryContext/__tests__/useRecoveryDelayModifiers.test.ts
index 11e3f6935..813a56bb0 100644
--- a/src/features/recovery/components/RecoveryContext/__tests__/useRecoveryDelayModifiers.test.ts
+++ b/apps/web/src/features/recovery/components/RecoveryContext/__tests__/useRecoveryDelayModifiers.test.ts
@@ -1,7 +1,6 @@
 import { useHasFeature } from '@/hooks/useChains'
 import useSafeInfo from '@/hooks/useSafeInfo'
 import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
-import { getSpendingLimitModuleAddress } from '@/services/contracts/spendingLimitContracts'
 import { getRecoveryDelayModifiers } from '@/features/recovery/services/delay-modifier'
 import { addressExBuilder, safeInfoBuilder } from '@/tests/builders/safe'
 import { act, renderHook } from '@/tests/test-utils'
@@ -100,7 +99,7 @@ describe('useRecoveryDelayModifiers', () => {
     mockUseWeb3ReadOnly.mockReturnValue(provider as any)
     const chainId = '5'
     const safe = safeInfoBuilder()
-      .with({ chainId, modules: [{ value: getSpendingLimitModuleAddress(chainId)! }] })
+      .with({ chainId, modules: [{ value: '0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134' }] })
       .build()
     const safeInfo = { safe, safeAddress: safe.address.value }
     mockUseSafeInfo.mockReturnValue(safeInfo as any)
diff --git a/src/features/recovery/components/RecoveryContext/__tests__/useRecoveryPendingTxs.test.ts b/apps/web/src/features/recovery/components/RecoveryContext/__tests__/useRecoveryPendingTxs.test.ts
similarity index 100%
rename from src/features/recovery/components/RecoveryContext/__tests__/useRecoveryPendingTxs.test.ts
rename to apps/web/src/features/recovery/components/RecoveryContext/__tests__/useRecoveryPendingTxs.test.ts
diff --git a/src/features/recovery/components/RecoveryContext/__tests__/useRecoveryState.test.tsx b/apps/web/src/features/recovery/components/RecoveryContext/__tests__/useRecoveryState.test.tsx
similarity index 100%
rename from src/features/recovery/components/RecoveryContext/__tests__/useRecoveryState.test.tsx
rename to apps/web/src/features/recovery/components/RecoveryContext/__tests__/useRecoveryState.test.tsx
diff --git a/src/features/recovery/components/RecoveryContext/__tests__/useRecoverySuccessEvents.test.ts b/apps/web/src/features/recovery/components/RecoveryContext/__tests__/useRecoverySuccessEvents.test.ts
similarity index 100%
rename from src/features/recovery/components/RecoveryContext/__tests__/useRecoverySuccessEvents.test.ts
rename to apps/web/src/features/recovery/components/RecoveryContext/__tests__/useRecoverySuccessEvents.test.ts
diff --git a/apps/web/src/features/recovery/components/RecoveryContext/index.tsx b/apps/web/src/features/recovery/components/RecoveryContext/index.tsx
new file mode 100644
index 000000000..771f6e191
--- /dev/null
+++ b/apps/web/src/features/recovery/components/RecoveryContext/index.tsx
@@ -0,0 +1,16 @@
+import ExternalStore from '@safe-global/utils/services/ExternalStore'
+import type { PendingRecoveryTransactions } from './useRecoveryPendingTxs'
+import type { AsyncResult } from '@safe-global/utils/hooks/useAsync'
+import type { RecoveryState } from '@/features/recovery/services/recovery-state'
+
+export type RecoveryContextType = {
+  state: AsyncResult<RecoveryState>
+  pending: PendingRecoveryTransactions
+}
+
+const recoveryStore = new ExternalStore<RecoveryContextType>({
+  state: [undefined, undefined, false],
+  pending: {},
+})
+
+export default recoveryStore
diff --git a/apps/web/src/features/recovery/components/RecoveryContext/useRecoveryDelayModifiers.ts b/apps/web/src/features/recovery/components/RecoveryContext/useRecoveryDelayModifiers.ts
new file mode 100644
index 000000000..b31f42561
--- /dev/null
+++ b/apps/web/src/features/recovery/components/RecoveryContext/useRecoveryDelayModifiers.ts
@@ -0,0 +1,42 @@
+import type { Delay } from '@gnosis.pm/zodiac'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+
+import { getRecoveryDelayModifiers } from '@/features/recovery/services/delay-modifier'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { getDeployedSpendingLimitModuleAddress } from '@/services/contracts/spendingLimitContracts'
+import type { AsyncResult } from '@safe-global/utils/hooks/useAsync'
+import { useIsRecoverySupported } from '../../hooks/useIsRecoverySupported'
+
+function isOnlySpendingLimitEnabled(chainId: string, modules: SafeState['modules']) {
+  if (modules && modules.length > 1) return false
+  const spendingLimit = getDeployedSpendingLimitModuleAddress(chainId, modules)
+  return !!spendingLimit
+}
+
+export function useRecoveryDelayModifiers(): AsyncResult<Delay[]> {
+  const supportsRecovery = useIsRecoverySupported()
+  const web3ReadOnly = useWeb3ReadOnly()
+  const { safe, safeAddress } = useSafeInfo()
+
+  return useAsync<Array<Delay>>(
+    () => {
+      // Don't fetch if only spending limit module is enabled
+      if (
+        supportsRecovery &&
+        web3ReadOnly &&
+        safe.modules &&
+        safe.modules.length > 0 &&
+        !isOnlySpendingLimitEnabled(safe.chainId, safe.modules)
+      ) {
+        return getRecoveryDelayModifiers(safe.chainId, safe.modules, web3ReadOnly)
+      }
+    },
+    // Only fetch delay modifiers again if the chain or enabled modules of current Safe changes
+    // Need to check length of modules array to prevent new request every time Safe info polls
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [safeAddress, safe.chainId, safe.modules?.length, web3ReadOnly, supportsRecovery],
+    false,
+  )
+}
diff --git a/src/features/recovery/components/RecoveryContext/useRecoveryPendingTxs.ts b/apps/web/src/features/recovery/components/RecoveryContext/useRecoveryPendingTxs.ts
similarity index 95%
rename from src/features/recovery/components/RecoveryContext/useRecoveryPendingTxs.ts
rename to apps/web/src/features/recovery/components/RecoveryContext/useRecoveryPendingTxs.ts
index 48bd0fe9d..b7b3dbda8 100644
--- a/src/features/recovery/components/RecoveryContext/useRecoveryPendingTxs.ts
+++ b/apps/web/src/features/recovery/components/RecoveryContext/useRecoveryPendingTxs.ts
@@ -10,7 +10,7 @@ export type PendingRecoveryTransactions = {
   }
 }
 
-const pendingStatuses: { [key in RecoveryEvent]: RecoveryEvent | null } = {
+const pendingStatuses: { [_key in RecoveryEvent]: RecoveryEvent | null } = {
   [RecoveryEvent.PROCESSING_BY_SMART_CONTRACT_WALLET]: null,
   [RecoveryEvent.PROCESSING]: RecoveryEvent.PROCESSING,
   [RecoveryEvent.PROCESSED]: RecoveryEvent.PROCESSED,
diff --git a/src/features/recovery/components/RecoveryContext/useRecoveryState.ts b/apps/web/src/features/recovery/components/RecoveryContext/useRecoveryState.ts
similarity index 95%
rename from src/features/recovery/components/RecoveryContext/useRecoveryState.ts
rename to apps/web/src/features/recovery/components/RecoveryContext/useRecoveryState.ts
index 87b1958bb..89a86e51a 100644
--- a/src/features/recovery/components/RecoveryContext/useRecoveryState.ts
+++ b/apps/web/src/features/recovery/components/RecoveryContext/useRecoveryState.ts
@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useState } from 'react'
 import type { Delay } from '@gnosis.pm/zodiac'
 
-import useAsync from '@/hooks/useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import { useCurrentChain } from '@/hooks/useChains'
 import useSafeInfo from '@/hooks/useSafeInfo'
 import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
@@ -9,11 +9,11 @@ import useIntervalCounter from '@/hooks/useIntervalCounter'
 import { getRecoveryState } from '@/features/recovery/services/recovery-state'
 import { useAppDispatch } from '@/store'
 import { isCustomTxInfo, isMultiSendTxInfo, isTransactionListItem } from '@/utils/transaction-guards'
-import { sameAddress } from '@/utils/addresses'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
 import { addListener } from '@reduxjs/toolkit'
 import { txHistorySlice } from '@/store/txHistorySlice'
 import { RecoveryEvent, recoverySubscribe } from '@/features/recovery/services/recoveryEvents'
-import type { AsyncResult } from '@/hooks/useAsync'
+import type { AsyncResult } from '@safe-global/utils/hooks/useAsync'
 import type { RecoveryState } from '@/features/recovery/services/recovery-state'
 
 const REFRESH_DELAY = 5 * 60 * 1_000 // 5 minutes
diff --git a/src/features/recovery/components/RecoveryContext/useRecoverySuccessEvents.ts b/apps/web/src/features/recovery/components/RecoveryContext/useRecoverySuccessEvents.ts
similarity index 100%
rename from src/features/recovery/components/RecoveryContext/useRecoverySuccessEvents.ts
rename to apps/web/src/features/recovery/components/RecoveryContext/useRecoverySuccessEvents.ts
diff --git a/src/features/recovery/components/RecoveryDescription/index.tsx b/apps/web/src/features/recovery/components/RecoveryDescription/index.tsx
similarity index 100%
rename from src/features/recovery/components/RecoveryDescription/index.tsx
rename to apps/web/src/features/recovery/components/RecoveryDescription/index.tsx
diff --git a/apps/web/src/features/recovery/components/RecoveryDetails/index.tsx b/apps/web/src/features/recovery/components/RecoveryDetails/index.tsx
new file mode 100644
index 000000000..4d29f314a
--- /dev/null
+++ b/apps/web/src/features/recovery/components/RecoveryDetails/index.tsx
@@ -0,0 +1,59 @@
+import { Link } from '@mui/material'
+import { useState } from 'react'
+import { Operation } from '@safe-global/safe-gateway-typescript-sdk'
+import type { ReactElement } from 'react'
+
+import { dateString } from '@safe-global/utils/utils/formatters'
+import { generateDataRowValue, TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
+import { RecoverySigners } from '../RecoverySigners'
+import { RecoveryDescription } from '../RecoveryDescription'
+import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
+
+import txDetailsCss from '@/components/transactions/TxDetails/styles.module.css'
+
+export function RecoveryDetails({ item }: { item: RecoveryQueueItem }): ReactElement {
+  const { transactionHash, timestamp, validFrom, expiresAt, args, address } = item
+
+  const [expanded, setExpanded] = useState(false)
+
+  const toggleExpanded = () => {
+    setExpanded((prev) => !prev)
+  }
+
+  return (
+    <div className={txDetailsCss.container}>
+      <div className={txDetailsCss.details}>
+        <div className={txDetailsCss.txData}>
+          <RecoveryDescription item={item} />
+        </div>
+
+        <div className={txDetailsCss.txSummary}>
+          <TxDataRow title="Transaction hash">{generateDataRowValue(transactionHash, 'hash', true)}</TxDataRow>
+          <TxDataRow title="Created:">{dateString(Number(timestamp))}</TxDataRow>
+          <TxDataRow title="Executable:">{dateString(Number(validFrom))}</TxDataRow>
+
+          {expiresAt !== null && <TxDataRow title="Expires:">{dateString(Number(expiresAt))}</TxDataRow>}
+
+          <Link onClick={toggleExpanded} component="button" variant="body1">
+            Advanced details
+          </Link>
+
+          {expanded && (
+            <>
+              <TxDataRow title="Module:">{generateDataRowValue(address, 'address', true)}</TxDataRow>
+              <TxDataRow title="Value:">{args.value.toString()}</TxDataRow>
+              <TxDataRow title="Operation:">{`${Number(args.operation)} (${Operation[
+                Number(args.operation)
+              ].toLowerCase()})`}</TxDataRow>
+              <TxDataRow title="Raw data:">{generateDataRowValue(args.data, 'rawData')}</TxDataRow>
+            </>
+          )}
+        </div>
+      </div>
+
+      <div className={txDetailsCss.txSigners}>
+        <RecoverySigners item={item} />
+      </div>
+    </div>
+  )
+}
diff --git a/apps/web/src/features/recovery/components/RecoveryHeader/index.test.tsx b/apps/web/src/features/recovery/components/RecoveryHeader/index.test.tsx
new file mode 100644
index 000000000..168bcd400
--- /dev/null
+++ b/apps/web/src/features/recovery/components/RecoveryHeader/index.test.tsx
@@ -0,0 +1,98 @@
+import { faker } from '@faker-js/faker'
+
+import { InternalRecoveryHeader, useIsProposalInProgress } from '.'
+import { render, renderHook, waitFor } from '@/tests/test-utils'
+import store from '@/features/recovery/components/RecoveryContext'
+import { RecoveryEvent, recoveryDispatch, RecoveryTxType } from '@/features/recovery/services/recoveryEvents'
+import { useRecoveryQueue } from '@/features/recovery/hooks/useRecoveryQueue'
+
+jest.mock('@/features/recovery/hooks/useRecoveryQueue')
+
+const mockUseRecoveryQueue = useRecoveryQueue as jest.MockedFunction<typeof useRecoveryQueue>
+
+describe('RecoveryHeader', () => {
+  beforeEach(() => {
+    store.setStore({ state: [] } as any)
+  })
+
+  it('should render the in-progress widget if there is a queue for recoverers', () => {
+    const queue = [{ validFrom: BigInt(0) }] as any
+    store.setStore({ state: [[{ queue }]] } as any)
+
+    const { queryByText } = render(<InternalRecoveryHeader isProposalInProgress={false} isRecoverer queue={queue} />)
+
+    expect(queryByText('Account recovery in progress')).toBeTruthy()
+  })
+
+  it('should render the proposal widget when there is no queue for recoverers', () => {
+    const queue = [] as any
+    store.setStore({ state: [[{ queue }]] } as any)
+
+    const { queryByText } = render(<InternalRecoveryHeader isProposalInProgress={false} isRecoverer queue={queue} />)
+
+    expect(queryByText('Recover this Account')).toBeTruthy()
+  })
+
+  it('should not render the proposal widget when there is no queue for recoverers and proposal is in progress', () => {
+    const queue = [] as any
+    store.setStore({ state: [[{ queue }]] } as any)
+
+    const { container } = render(<InternalRecoveryHeader isProposalInProgress isRecoverer queue={queue} />)
+
+    expect(container).toBeEmptyDOMElement()
+  })
+})
+
+describe('useIsProposalInProgress', () => {
+  ;[RecoveryEvent.PROCESSING, RecoveryEvent.REVERTED, RecoveryEvent.PROCESSED, RecoveryEvent.FAILED].forEach(
+    (event) => {
+      it('should return true if there is a proposal in progress', async () => {
+        mockUseRecoveryQueue.mockReturnValue([] as any)
+
+        const { result } = renderHook(() => useIsProposalInProgress())
+
+        expect(result.current).toBe(false)
+
+        recoveryDispatch(event, {
+          moduleAddress: faker.finance.ethereumAddress(),
+          txHash: faker.string.hexadecimal(),
+          recoveryTxHash: faker.string.hexadecimal(),
+          txType: RecoveryTxType.PROPOSAL,
+        })
+
+        await waitFor(() => {
+          expect(result.current).toBe(true)
+        })
+      })
+    },
+  )
+  ;[RecoveryEvent.REVERTED, RecoveryEvent.PROCESSED, RecoveryEvent.FAILED].forEach((event) => {
+    it('should return false if there is not a proposal in progress and it is not in the queue', async () => {
+      const payload = {
+        moduleAddress: faker.finance.ethereumAddress(),
+        txHash: faker.string.hexadecimal(),
+        recoveryTxHash: faker.string.hexadecimal(),
+        txType: RecoveryTxType.PROPOSAL,
+      }
+
+      mockUseRecoveryQueue.mockReturnValue([{ args: { txHash: payload.recoveryTxHash } }] as any)
+
+      const { result } = renderHook(() => useIsProposalInProgress())
+
+      expect(result.current).toBe(false)
+
+      // Trigger pending
+      recoveryDispatch(RecoveryEvent.PROCESSING, payload)
+
+      await waitFor(() => {
+        expect(result.current).toBe(true)
+      })
+
+      recoveryDispatch(event, payload)
+
+      await waitFor(() => {
+        expect(result.current).toBe(false)
+      })
+    })
+  })
+})
diff --git a/apps/web/src/features/recovery/components/RecoveryHeader/index.tsx b/apps/web/src/features/recovery/components/RecoveryHeader/index.tsx
new file mode 100644
index 000000000..a9e2a7381
--- /dev/null
+++ b/apps/web/src/features/recovery/components/RecoveryHeader/index.tsx
@@ -0,0 +1,72 @@
+import { Grid } from '@mui/material'
+import { useEffect, useState } from 'react'
+import type { ReactElement } from 'react'
+
+import { useRecoveryQueue } from '@/features/recovery/hooks/useRecoveryQueue'
+import { useIsRecoverer } from '@/features/recovery/hooks/useIsRecoverer'
+import madProps from '@/utils/mad-props'
+import { RecoveryProposalCard } from '@/features/recovery/components/RecoveryCards/RecoveryProposalCard'
+import { RecoveryInProgressCard } from '@/features/recovery/components/RecoveryCards/RecoveryInProgressCard'
+import { WidgetContainer, WidgetBody } from '@/components/dashboard/styled'
+import { RecoveryEvent, RecoveryTxType, recoverySubscribe } from '@/features/recovery/services/recoveryEvents'
+import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
+
+export function InternalRecoveryHeader({
+  isProposalInProgress,
+  isRecoverer,
+  queue,
+}: {
+  isProposalInProgress: boolean
+  isRecoverer: boolean
+  queue: Array<RecoveryQueueItem>
+}): ReactElement | null {
+  const next = queue[0]
+
+  const modal = next ? (
+    <RecoveryInProgressCard orientation="horizontal" recovery={next} />
+  ) : isRecoverer && !isProposalInProgress ? (
+    <RecoveryProposalCard orientation="horizontal" />
+  ) : null
+
+  if (modal) {
+    return (
+      <Grid item xs={12}>
+        <WidgetContainer>
+          <WidgetBody>{modal}</WidgetBody>
+        </WidgetContainer>
+      </Grid>
+    )
+  }
+  return null
+}
+
+export function useIsProposalInProgress(): boolean {
+  const [isProposalSubmitting, setIsProposalSubmitting] = useState(false)
+  const queue = useRecoveryQueue()
+
+  useEffect(() => {
+    const unsubFns = Object.values(RecoveryEvent).map((event) =>
+      recoverySubscribe(event, (detail) => {
+        const isProposal = 'txType' in detail && detail.txType === RecoveryTxType.PROPOSAL
+        const isProcessing = event === RecoveryEvent.PROCESSING
+        const isLoaded = queue.some((item) => item.args.txHash === detail?.recoveryTxHash)
+
+        setIsProposalSubmitting(isProposal && (isProcessing || !isLoaded))
+      }),
+    )
+
+    return () => {
+      unsubFns.forEach((unsub) => unsub())
+    }
+  }, [queue])
+
+  return isProposalSubmitting
+}
+
+const RecoveryHeader = madProps(InternalRecoveryHeader, {
+  isProposalInProgress: useIsProposalInProgress,
+  isRecoverer: useIsRecoverer,
+  queue: useRecoveryQueue,
+})
+
+export default RecoveryHeader
diff --git a/src/features/recovery/components/RecoveryInfo/index.tsx b/apps/web/src/features/recovery/components/RecoveryInfo/index.tsx
similarity index 100%
rename from src/features/recovery/components/RecoveryInfo/index.tsx
rename to apps/web/src/features/recovery/components/RecoveryInfo/index.tsx
diff --git a/src/features/recovery/components/RecoveryList/LazyRecoveryList.tsx b/apps/web/src/features/recovery/components/RecoveryList/LazyRecoveryList.tsx
similarity index 91%
rename from src/features/recovery/components/RecoveryList/LazyRecoveryList.tsx
rename to apps/web/src/features/recovery/components/RecoveryList/LazyRecoveryList.tsx
index 8da9c114c..500c2f0d5 100644
--- a/src/features/recovery/components/RecoveryList/LazyRecoveryList.tsx
+++ b/apps/web/src/features/recovery/components/RecoveryList/LazyRecoveryList.tsx
@@ -13,7 +13,7 @@ import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-st
 import labelCss from '@/components/transactions/GroupLabel/styles.module.css'
 
 // Conditional hook
-function _RecoveryList({ recoveryQueue }: { recoveryQueue: Array<RecoveryQueueItem> }): ReactElement {
+function InternalRecoveryList({ recoveryQueue }: { recoveryQueue: Array<RecoveryQueueItem> }): ReactElement {
   const queue = useTxQueue()
 
   const groupedItems = useMemo(() => {
@@ -53,7 +53,7 @@ function LazyRecoveryList(): ReactElement | null {
       <div className={labelCss.container}>Pending recovery</div>
 
       <TxListGrid>
-        <_RecoveryList recoveryQueue={recoveryQueue} />
+        <InternalRecoveryList recoveryQueue={recoveryQueue} />
       </TxListGrid>
     </>
   )
diff --git a/src/features/recovery/components/RecoveryList/index.tsx b/apps/web/src/features/recovery/components/RecoveryList/index.tsx
similarity index 100%
rename from src/features/recovery/components/RecoveryList/index.tsx
rename to apps/web/src/features/recovery/components/RecoveryList/index.tsx
diff --git a/src/features/recovery/components/RecoveryListItem/RecoveryListItemContext.tsx b/apps/web/src/features/recovery/components/RecoveryListItem/RecoveryListItemContext.tsx
similarity index 100%
rename from src/features/recovery/components/RecoveryListItem/RecoveryListItemContext.tsx
rename to apps/web/src/features/recovery/components/RecoveryListItem/RecoveryListItemContext.tsx
diff --git a/src/features/recovery/components/RecoveryListItem/index.tsx b/apps/web/src/features/recovery/components/RecoveryListItem/index.tsx
similarity index 100%
rename from src/features/recovery/components/RecoveryListItem/index.tsx
rename to apps/web/src/features/recovery/components/RecoveryListItem/index.tsx
diff --git a/apps/web/src/features/recovery/components/RecoveryModal/__snapshots__/index.test.tsx.snap b/apps/web/src/features/recovery/components/RecoveryModal/__snapshots__/index.test.tsx.snap
new file mode 100644
index 000000000..647daee78
--- /dev/null
+++ b/apps/web/src/features/recovery/components/RecoveryModal/__snapshots__/index.test.tsx.snap
@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`RecoveryModal component proposal should not render the proposal modal when there is no queue for non-owners 1`] = `"<div aria-hidden="true" class="MuiBackdrop-root css-19tyr40-MuiBackdrop-root" style="opacity: 0; visibility: hidden;"></div>"`;
+
+exports[`RecoveryModal component proposal should not render the proposal modal when there is no queue for owners 1`] = `"<div aria-hidden="true" class="MuiBackdrop-root css-19tyr40-MuiBackdrop-root" style="opacity: 0; visibility: hidden;"></div>"`;
+
+exports[`RecoveryModal component proposal should not render the proposal modal when there is no queue for recoverers on a non-sidebar route 1`] = `"<div aria-hidden="true" class="MuiBackdrop-root css-19tyr40-MuiBackdrop-root" style="opacity: 0; visibility: hidden;"></div>"`;
+
+exports[`RecoveryModal component should not render either modal if there is no queue and the user is an owner 1`] = `"<div aria-hidden="true" class="MuiBackdrop-root css-19tyr40-MuiBackdrop-root" style="opacity: 0; visibility: hidden;"></div>"`;
diff --git a/apps/web/src/features/recovery/components/RecoveryModal/index.test.tsx b/apps/web/src/features/recovery/components/RecoveryModal/index.test.tsx
new file mode 100644
index 000000000..56ecc307e
--- /dev/null
+++ b/apps/web/src/features/recovery/components/RecoveryModal/index.test.tsx
@@ -0,0 +1,312 @@
+import { faker } from '@faker-js/faker'
+import { renderHook } from '@testing-library/react'
+import * as router from 'next/router'
+
+import { render, waitFor } from '@/tests/test-utils'
+import { safeInfoBuilder } from '@/tests/builders/safe'
+import { connectedWalletBuilder } from '@/tests/builders/wallet'
+import * as safeInfo from '@/hooks/useSafeInfo'
+import { useDidDismissProposal } from './index'
+import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
+import store from '@/features/recovery/components/RecoveryContext'
+
+describe('RecoveryModal', () => {
+  beforeEach(() => {
+    store.setStore({
+      state: [],
+    } as any)
+  })
+
+  describe('component', () => {
+    // eslint-disable-next-line @typescript-eslint/consistent-type-imports
+    let _RecoveryModal: typeof import('./index').InternalRecoveryModal
+
+    beforeEach(() => {
+      localStorage.clear()
+
+      // Clear cache in between tests
+      _RecoveryModal = require('./index').InternalRecoveryModal
+    })
+
+    it('should not render either modal if there is no queue and the user is an owner', () => {
+      const wallet = connectedWalletBuilder().build()
+      const queue = [] as Array<RecoveryQueueItem>
+
+      store.setStore({
+        state: [[{ queue }]],
+      } as any)
+
+      const { container, queryByText } = render(
+        <_RecoveryModal wallet={wallet} isOwner isRecoverer={false} queue={queue} />,
+      )
+
+      expect(container.innerHTML).toMatchSnapshot()
+      expect(queryByText('recovery')).toBeFalsy()
+    })
+
+    it('should close the modal when the user navigates away', async () => {
+      const mockUseRouter = {
+        push: jest.fn(),
+        query: {},
+        events: {
+          on: jest.fn(),
+          off: jest.fn(),
+        },
+      }
+
+      jest.spyOn(router, 'useRouter').mockReturnValue(mockUseRouter as any)
+
+      const wallet = connectedWalletBuilder().build()
+      const queue = [
+        { validFrom: BigInt(0), transactionHash: faker.string.hexadecimal() } as unknown as RecoveryQueueItem,
+      ]
+
+      store.setStore({
+        state: [[{ queue }]],
+      } as any)
+
+      const { container, queryByText } = render(
+        <_RecoveryModal wallet={wallet} isOwner isRecoverer={false} queue={queue} />,
+      )
+
+      expect(container).not.toBeEmptyDOMElement()
+      expect(queryByText('Account recovery in progress')).toBeTruthy()
+
+      // Trigger the route change
+      mockUseRouter.events.on.mock.calls[0][1]()
+
+      await waitFor(() => {
+        expect(queryByText('Account recovery in progress')).toBeFalsy()
+      })
+    })
+
+    describe('in-progress', () => {
+      it('should render the in-progress modal when there is a queue for recoverers', () => {
+        const wallet = connectedWalletBuilder().build()
+        const queue = [{ validFrom: BigInt(0) } as RecoveryQueueItem]
+
+        store.setStore({
+          state: [[{ queue }]],
+        } as any)
+
+        const { container, queryByText } = render(
+          <_RecoveryModal wallet={wallet} isOwner={false} isRecoverer queue={queue} />,
+        )
+
+        expect(container).not.toBeEmptyDOMElement()
+        expect(queryByText('Account recovery in progress')).toBeTruthy()
+      })
+
+      it('should render the in-progress modal when there is a queue for owners', () => {
+        const wallet = connectedWalletBuilder().build()
+        const queue = [{ validFrom: BigInt(0) } as RecoveryQueueItem]
+
+        store.setStore({
+          state: [[{ queue }]],
+        } as any)
+
+        const { container, queryByText } = render(
+          <_RecoveryModal wallet={wallet} isOwner isRecoverer={false} queue={queue} />,
+        )
+
+        expect(container).not.toBeEmptyDOMElement()
+        expect(queryByText('Account recovery in progress')).toBeTruthy()
+      })
+
+      it('should not render the in-progress modal when there is a queue but the user is not an owner or recoverer', () => {
+        const wallet = connectedWalletBuilder().build()
+        const queue = [{ validFrom: BigInt(0) } as RecoveryQueueItem]
+
+        store.setStore({
+          state: [[{ queue }]],
+        } as any)
+
+        const { container, queryByText } = render(
+          <_RecoveryModal wallet={wallet} isOwner={false} isRecoverer={false} queue={queue} />,
+        )
+
+        expect(container).not.toBeEmptyDOMElement()
+        expect(queryByText('recovery')).toBeFalsy()
+      })
+
+      it('should not render the in-progress modal when there is a queue for recoverers on a non-sidebar route', () => {
+        const wallet = connectedWalletBuilder().build()
+        const queue = [{ validFrom: BigInt(0) } as RecoveryQueueItem]
+
+        store.setStore({
+          state: [[{ queue }]],
+        } as any)
+
+        const { container, queryByText } = render(
+          <_RecoveryModal wallet={wallet} isOwner={false} isRecoverer queue={queue} isSidebarRoute={false} />,
+        )
+
+        expect(container).not.toBeEmptyDOMElement()
+        expect(queryByText('recovery')).toBeFalsy()
+      })
+    })
+
+    describe('proposal', () => {
+      it('should render the proposal modal if there is no queue and the user is a recoverer', () => {
+        const wallet = connectedWalletBuilder().build()
+        const queue = [] as Array<RecoveryQueueItem>
+
+        store.setStore({
+          state: [[{ queue }]],
+        } as any)
+
+        const { container, queryByText } = render(
+          <_RecoveryModal wallet={wallet} isOwner={false} isRecoverer queue={queue} />,
+        )
+
+        expect(container).not.toBeEmptyDOMElement()
+        expect(queryByText('recovery')).toBeFalsy()
+      })
+
+      it('should not render the proposal modal when there is no queue for owners', () => {
+        const wallet = connectedWalletBuilder().build()
+        const queue = [] as Array<RecoveryQueueItem>
+
+        store.setStore({
+          state: [[{ queue }]],
+        } as any)
+
+        const { container, queryByText } = render(
+          <_RecoveryModal wallet={wallet} isOwner isRecoverer={false} queue={queue} />,
+        )
+
+        expect(container.innerHTML).toMatchSnapshot()
+        expect(queryByText('Recover this Account')).toBeFalsy()
+      })
+
+      it('should not render the proposal modal when there is no queue for recoverers on a non-sidebar route', () => {
+        const wallet = connectedWalletBuilder().build()
+        const queue = [] as Array<RecoveryQueueItem>
+
+        store.setStore({
+          state: [[{ queue }]],
+        } as any)
+
+        const { container, queryByText } = render(
+          <_RecoveryModal wallet={wallet} isOwner={false} isRecoverer queue={queue} isSidebarRoute={false} />,
+        )
+
+        expect(container.innerHTML).toMatchSnapshot()
+        expect(queryByText('recovery')).toBeFalsy()
+      })
+
+      it('should not render the proposal modal when there is no queue for non-owners', () => {
+        const wallet = connectedWalletBuilder().build()
+        const queue = [] as Array<RecoveryQueueItem>
+
+        store.setStore({
+          state: [[{ queue }]],
+        } as any)
+
+        const { container, queryByText } = render(
+          <_RecoveryModal wallet={wallet} isOwner={false} isRecoverer={false} queue={queue} />,
+        )
+
+        expect(container.innerHTML).toMatchSnapshot()
+        expect(queryByText('Recover this Account')).toBeFalsy()
+      })
+    })
+  })
+
+  describe('hooks', () => {
+    beforeEach(() => {
+      localStorage.clear()
+
+      const safe = safeInfoBuilder().build()
+      jest
+        .spyOn(safeInfo, 'default')
+        .mockReturnValue({ safe, safeAddress: safe.address.value } as ReturnType<typeof safeInfo.default>)
+    })
+
+    describe('useDidDismissProposal', () => {
+      it('should return false if the proposal was not dismissed before', () => {
+        const recovererAddress = faker.finance.ethereumAddress()
+
+        const { result } = renderHook(() => useDidDismissProposal())
+
+        expect(result.current.wasProposalDismissed(recovererAddress)).toBeFalsy()
+      })
+
+      it('should return true if the proposal was dismissed before', () => {
+        const recovererAddress = faker.finance.ethereumAddress()
+
+        const { result, rerender } = renderHook(() => useDidDismissProposal())
+
+        expect(result.current.wasProposalDismissed(recovererAddress)).toBeFalsy()
+        result.current.dismissProposal(recovererAddress)
+
+        rerender()
+
+        expect(result.current.wasProposalDismissed(recovererAddress)).toBeTruthy()
+      })
+
+      it('should persist dismissals between sessions', () => {
+        const recovererAddress = faker.finance.ethereumAddress()
+
+        const firstRender = renderHook(() => useDidDismissProposal())
+
+        expect(firstRender.result.current.wasProposalDismissed(recovererAddress)).toBeFalsy()
+        firstRender.result.current.dismissProposal(recovererAddress)
+
+        firstRender.rerender()
+
+        expect(firstRender.result.current.wasProposalDismissed(recovererAddress)).toBeTruthy()
+
+        firstRender.unmount()
+
+        const secondRender = renderHook(() => useDidDismissProposal())
+        expect(secondRender.result.current.wasProposalDismissed(recovererAddress)).toBeTruthy()
+      })
+    })
+
+    describe('useDidDismissInProgress', () => {
+      // eslint-disable-next-line @typescript-eslint/consistent-type-imports
+      let _useDidDismissInProgress: typeof import('./index').useDidDismissInProgress
+
+      beforeEach(() => {
+        localStorage.clear()
+
+        // Clear cache in between tests
+        _useDidDismissInProgress = require('./index').useDidDismissInProgress
+      })
+
+      it('should return false if in-progress was not dismissed before', () => {
+        const recovererAddress = faker.finance.ethereumAddress()
+
+        const { result } = renderHook(() => _useDidDismissInProgress())
+
+        expect(result.current.wasInProgressDismissed(recovererAddress)).toBeFalsy()
+      })
+
+      it('should return true if in-progress was not dismissed before', () => {
+        const recovererAddress = faker.finance.ethereumAddress()
+
+        const { result } = renderHook(() => _useDidDismissInProgress())
+
+        expect(result.current.wasInProgressDismissed(recovererAddress)).toBeFalsy()
+        result.current.dismissInProgress(recovererAddress)
+        expect(result.current.wasInProgressDismissed(recovererAddress)).toBeTruthy()
+      })
+
+      it('should not persist dismissals between sessions', () => {
+        const recovererAddress = faker.finance.ethereumAddress()
+
+        const firstRender = renderHook(() => _useDidDismissInProgress())
+
+        expect(firstRender.result.current.wasInProgressDismissed(recovererAddress)).toBeFalsy()
+        firstRender.result.current.dismissInProgress(recovererAddress)
+        expect(firstRender.result.current.wasInProgressDismissed(recovererAddress)).toBeTruthy()
+
+        firstRender.unmount()
+
+        const secondRender = renderHook(() => _useDidDismissInProgress())
+        expect(secondRender.result.current.wasInProgressDismissed(recovererAddress)).toBeFalsy()
+      })
+    })
+  })
+})
diff --git a/apps/web/src/features/recovery/components/RecoveryModal/index.tsx b/apps/web/src/features/recovery/components/RecoveryModal/index.tsx
new file mode 100644
index 000000000..549b8a92f
--- /dev/null
+++ b/apps/web/src/features/recovery/components/RecoveryModal/index.tsx
@@ -0,0 +1,188 @@
+import { Backdrop, Fade } from '@mui/material'
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { useRouter } from 'next/router'
+import type { ReactElement } from 'react'
+
+import { useRecoveryQueue } from '@/features/recovery/hooks/useRecoveryQueue'
+import { RecoveryInProgressCard } from '../RecoveryCards/RecoveryInProgressCard'
+import { RecoveryProposalCard } from '../RecoveryCards/RecoveryProposalCard'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import { useIsRecoverer } from '@/features/recovery/hooks/useIsRecoverer'
+import madProps from '@/utils/mad-props'
+import useLocalStorage from '@/services/local-storage/useLocalStorage'
+import useWallet from '@/hooks/wallets/useWallet'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { useIsSidebarRoute } from '@/hooks/useIsSidebarRoute'
+import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
+
+export function InternalRecoveryModal({
+  isOwner,
+  isRecoverer,
+  queue,
+  wallet,
+  isSidebarRoute = true,
+}: {
+  isOwner: boolean
+  isRecoverer: boolean
+  queue: Array<RecoveryQueueItem>
+  wallet: ReturnType<typeof useWallet>
+  isSidebarRoute?: boolean
+}): ReactElement {
+  const { wasProposalDismissed, dismissProposal } = useDidDismissProposal()
+  const { wasInProgressDismissed, dismissInProgress } = useDidDismissInProgress()
+
+  const [modal, setModal] = useState<ReactElement | null>(null)
+  const router = useRouter()
+
+  const next = queue[0]
+
+  // Close modal
+  const onClose = () => {
+    setModal(null)
+  }
+
+  // Trigger modal
+  useEffect(() => {
+    if (!isSidebarRoute) {
+      return
+    }
+
+    setModal(() => {
+      if (next && (isOwner || isRecoverer) && !wasInProgressDismissed(next.transactionHash)) {
+        const onCloseWithDismiss = () => {
+          dismissInProgress(next.transactionHash)
+          onClose()
+        }
+
+        return <RecoveryInProgressCard onClose={onCloseWithDismiss} recovery={next} />
+      }
+
+      if (wallet?.address && isRecoverer && !wasProposalDismissed(wallet.address)) {
+        const onCloseWithDismiss = () => {
+          dismissProposal(wallet.address)
+          onClose()
+        }
+
+        return <RecoveryProposalCard onClose={onCloseWithDismiss} />
+      }
+
+      return null
+    })
+  }, [
+    dismissInProgress,
+    dismissProposal,
+    isRecoverer,
+    isOwner,
+    next,
+    queue.length,
+    router.pathname,
+    wallet,
+    wasInProgressDismissed,
+    wasProposalDismissed,
+    isSidebarRoute,
+  ])
+
+  // Close modal on navigation
+  useEffect(() => {
+    router.events.on('routeChangeComplete', onClose)
+    return () => {
+      router.events.off('routeChangeComplete', onClose)
+    }
+  }, [router])
+
+  return (
+    <Fade in={!!modal}>
+      <Backdrop open={!!modal} sx={{ zIndex: 3, bgcolor: ({ palette }) => palette.background.main }}>
+        {modal}
+      </Backdrop>
+    </Fade>
+  )
+}
+
+const useSidebar = () => {
+  const [isSidebarRoute] = useIsSidebarRoute()
+  return isSidebarRoute
+}
+
+export const RecoveryModal = madProps(InternalRecoveryModal, {
+  isOwner: useIsSafeOwner,
+  isRecoverer: useIsRecoverer,
+  queue: useRecoveryQueue,
+  wallet: useWallet,
+  isSidebarRoute: useSidebar,
+})
+
+export function useDidDismissProposal() {
+  const LS_KEY = 'dismissedRecoveryProposals'
+
+  type Recoverer = string
+  type DismissedProposalCache = { [chainId: string]: { [safeAddress: string]: Recoverer } }
+
+  const { safe, safeAddress } = useSafeInfo()
+  const chainId = safe.chainId
+
+  const [dismissedProposals, setDismissedProposals] = useLocalStorage<DismissedProposalCache>(LS_KEY)
+
+  // Cache dismissal of proposal modal
+  const dismissProposal = useCallback(
+    (recovererAddress: string) => {
+      const dismissed = dismissedProposals?.[chainId] ?? {}
+
+      setDismissedProposals({
+        ...(dismissedProposals ?? {}),
+        [chainId]: {
+          ...dismissed,
+          [safeAddress]: recovererAddress,
+        },
+      })
+    },
+    [dismissedProposals, chainId, safeAddress, setDismissedProposals],
+  )
+
+  const wasProposalDismissed = useCallback(
+    (recovererAddress: string) => {
+      // If no proposals, is recoverer and didn't ever dismiss
+      return sameAddress(dismissedProposals?.[chainId]?.[safeAddress], recovererAddress)
+    },
+    [chainId, dismissedProposals, safeAddress],
+  )
+
+  return { wasProposalDismissed, dismissProposal }
+}
+
+export function useDidDismissInProgress() {
+  type TxHash = string
+  type DismissedInProgressCache = { [chainId: string]: { [safeAddress: string]: TxHash } }
+
+  const { safe, safeAddress } = useSafeInfo()
+  const chainId = safe.chainId
+
+  const dismissedInProgress = useRef<DismissedInProgressCache>({})
+
+  // Cache dismissal of in-progress modal
+  const dismissInProgress = useCallback(
+    (txHash: string) => {
+      const dismissed = dismissedInProgress.current?.[chainId] ?? {}
+
+      dismissedInProgress.current = {
+        ...dismissedInProgress.current,
+        [chainId]: {
+          ...dismissed,
+          [safeAddress]: txHash,
+        },
+      }
+    },
+    [chainId, safeAddress],
+  )
+
+  const wasInProgressDismissed = useCallback(
+    (txHash: string) => {
+      // If proposal and did not notify during current session of Safe
+      return sameAddress(txHash, dismissedInProgress.current?.[chainId]?.[safeAddress])
+    },
+    [chainId, safeAddress],
+  )
+
+  return { wasInProgressDismissed, dismissInProgress }
+}
diff --git a/apps/web/src/features/recovery/components/RecoverySettings/ChooseRecoveryMethodModal.tsx b/apps/web/src/features/recovery/components/RecoverySettings/ChooseRecoveryMethodModal.tsx
new file mode 100644
index 000000000..f756694e8
--- /dev/null
+++ b/apps/web/src/features/recovery/components/RecoverySettings/ChooseRecoveryMethodModal.tsx
@@ -0,0 +1,285 @@
+import Track from '@/components/common/Track'
+import { RECOVERY_FEEDBACK_FORM, SafeAppsTag } from '@/config/constants'
+import { trackEvent } from '@/services/analytics'
+import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
+import { type ChangeEvent, type ReactElement, useContext, useState, useCallback } from 'react'
+import { Controller, useForm } from 'react-hook-form'
+import Link from 'next/link'
+import {
+  Box,
+  Button,
+  Dialog,
+  DialogContent,
+  DialogContentText,
+  FormControl,
+  FormControlLabel,
+  IconButton,
+  List,
+  ListItem,
+  Radio,
+  RadioGroup,
+  Typography,
+} from '@mui/material'
+import CloseIcon from '@mui/icons-material/Close'
+
+import { UpsertRecoveryFlow } from '@/components/tx-flow/flows'
+import ExternalLink from '@/components/common/ExternalLink'
+import RecoveryCustomIcon from '@/public/images/common/recovery_custom.svg'
+import RecoverySygnumIcon from '@/public/images/common/recovery_sygnum.svg'
+import RecoveryZkEmailIcon from '@/public/images/common/zkemail-logo.svg'
+import { TxModalContext } from '@/components/tx-flow'
+import css from './styles.module.css'
+import CheckIcon from '@/public/images/common/check.svg'
+import { AppRoutes } from '@/config/routes'
+import { useSearchParams } from 'next/navigation'
+import { useRemoteSafeApps } from '@/hooks/safe-apps/useRemoteSafeApps'
+import TxStatusChip from '@/components/transactions/TxStatusChip'
+import { ZkEmailFakeDoorModal } from './ZkEmailFakeDoorModal'
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+enum RecoveryMethod {
+  SelfCustody = 'SelfCustody',
+  Sygnum = 'Sygnum',
+  ZkEmail = 'ZkEmail',
+}
+
+enum FieldNames {
+  recoveryMethod = 'recoveryMethod',
+}
+
+type Fields = {
+  [FieldNames.recoveryMethod]: RecoveryMethod
+}
+
+export function ChooseRecoveryMethodModal({ open, onClose }: { open: boolean; onClose: () => void }): ReactElement {
+  const { setTxFlow } = useContext(TxModalContext)
+  const [openZkEmailModal, setOpenZkEmailModal] = useState(false)
+  const querySafe = useSearchParams().get('safe')
+  const [matchingApps] = useRemoteSafeApps({ tag: SafeAppsTag.RECOVERY_SYGNUM })
+  const hasSygnumApp = Boolean(matchingApps?.length)
+
+  const methods = useForm<Fields>({
+    defaultValues: {
+      recoveryMethod: RecoveryMethod.SelfCustody,
+    },
+    mode: 'onChange',
+  })
+  const { watch, control } = methods
+
+  const currentType = watch(FieldNames.recoveryMethod)
+
+  const trackOptionChoice = (e: ChangeEvent<HTMLInputElement>) => {
+    trackEvent({ ...RECOVERY_EVENTS.SELECT_RECOVERY_METHOD, label: e.target.value })
+  }
+
+  const handleSetupClick = useCallback(() => {
+    switch (currentType) {
+      case RecoveryMethod.SelfCustody:
+        setTxFlow(<UpsertRecoveryFlow />)
+        break
+      case RecoveryMethod.ZkEmail:
+        setOpenZkEmailModal(true)
+        break
+    }
+    onClose()
+  }, [onClose, setTxFlow, currentType])
+
+  return (
+    <>
+      <Dialog open={open} onClose={onClose} className={css.dialog}>
+        <DialogContent dividers sx={{ py: 2, px: 3 }}>
+          <Typography
+            variant="h2"
+            sx={{
+              mb: 1,
+            }}
+          >
+            Set up Account Recovery
+          </Typography>
+          <IconButton onClick={onClose} className={css.closeIcon}>
+            <CloseIcon />
+          </IconButton>
+          <DialogContentText color="text.primary" mb={4}>
+            Ensure that you never lose access to your funds by selecting one of the options below. Want to know how
+            recovery works? Learn more in our{' '}
+            <Track {...RECOVERY_EVENTS.LEARN_MORE} label="method-modal">
+              <ExternalLink href={HelpCenterArticle.RECOVERY}>Help Center</ExternalLink>
+            </Track>
+          </DialogContentText>
+          <FormControl>
+            <Controller
+              control={control}
+              name={FieldNames.recoveryMethod}
+              render={({ field }) => (
+                <RadioGroup
+                  {...field}
+                  className={css.buttonGroup}
+                  onChange={(e) => {
+                    field.onChange(e)
+                    trackOptionChoice(e)
+                  }}
+                >
+                  <FormControlLabel
+                    value={RecoveryMethod.SelfCustody}
+                    control={<Radio />}
+                    label={
+                      <div className={css.method}>
+                        <RecoveryCustomIcon style={{ display: 'block' }} />
+                        <Typography
+                          sx={{
+                            fontWeight: 'bold',
+                            mb: 1,
+                            mt: 2,
+                          }}
+                        >
+                          Self Custodial Recovery
+                        </Typography>
+                        <List className={css.checkList}>
+                          <ListItem>
+                            <CheckIcon />
+                            Fully own your recovery setup
+                          </ListItem>
+                          <ListItem>
+                            <CheckIcon />
+                            Nominate anyone including friends, family or yourself
+                          </ListItem>
+                          <ListItem>
+                            <CheckIcon />
+                            No additional cost and ensured privacy
+                          </ListItem>
+                        </List>
+                      </div>
+                    }
+                  />
+
+                  <FormControlLabel
+                    value={RecoveryMethod.Sygnum}
+                    control={<Radio />}
+                    disabled={!hasSygnumApp}
+                    label={
+                      <div className={css.method}>
+                        <RecoverySygnumIcon style={{ display: 'block' }} />
+
+                        <Typography
+                          sx={{
+                            fontWeight: 'bold',
+                            mb: 1,
+                            mt: 2,
+                          }}
+                        >
+                          Sygnum Web3 Recovery
+                        </Typography>
+                        <List className={css.checkList}>
+                          <ListItem>
+                            <CheckIcon />
+                            Your key. Your crypto. Your recovery
+                          </ListItem>
+                          <ListItem>
+                            <CheckIcon />
+                            Account recovery by your identity
+                          </ListItem>
+                          <ListItem>
+                            <CheckIcon />
+                            Regulated Swiss digital asset bank
+                          </ListItem>
+                        </List>
+
+                        {!hasSygnumApp && (
+                          <Box
+                            sx={{
+                              mt: 2.5,
+                              oopacity: 0.75,
+                            }}
+                          >
+                            <TxStatusChip color="primary">Not available on this network</TxStatusChip>
+                          </Box>
+                        )}
+                      </div>
+                    }
+                  />
+
+                  <FormControlLabel
+                    value={RecoveryMethod.ZkEmail}
+                    control={<Radio />}
+                    label={
+                      <div className={css.method}>
+                        <RecoveryZkEmailIcon style={{ display: 'block' }} width={45} height={45} />
+
+                        <Typography
+                          sx={{
+                            fontWeight: 'bold',
+                            mb: 1,
+                            mt: 2,
+                          }}
+                        >
+                          Email Recovery
+                        </Typography>
+                        <List className={css.checkList}>
+                          <ListItem>
+                            <CheckIcon />
+                            Free: no fees, no gas cost
+                          </ListItem>
+                          <ListItem>
+                            <CheckIcon />
+                            Easy to use: just respond to an email to recover Safe
+                          </ListItem>
+                          <ListItem>
+                            <CheckIcon />
+                            Anonymous: thanks to zero knowledge tech the email is never exposed
+                          </ListItem>
+                        </List>
+                      </div>
+                    }
+                  />
+                </RadioGroup>
+              )}
+            />
+          </FormControl>
+          <Typography
+            sx={{
+              color: 'primary.light',
+              mt: '12px',
+            }}
+          >
+            Unhappy with the provided options?{' '}
+            <Track {...RECOVERY_EVENTS.GIVE_US_FEEDBACK} label="method-modal">
+              <ExternalLink href={RECOVERY_FEEDBACK_FORM}>Give us feedback</ExternalLink>
+            </Track>
+          </Typography>
+          <Box
+            sx={{
+              display: 'flex',
+              justifyContent: 'center',
+              mt: 3,
+            }}
+          >
+            {[RecoveryMethod.SelfCustody, RecoveryMethod.ZkEmail].includes(currentType) ? (
+              <Track {...RECOVERY_EVENTS.CONTINUE_WITH_RECOVERY} label={currentType}>
+                <Button data-testid="setup-btn" variant="contained" onClick={handleSetupClick}>
+                  Set up
+                </Button>
+              </Track>
+            ) : (
+              <Track {...RECOVERY_EVENTS.SYGNUM_APP} label={currentType}>
+                <Link
+                  href={{
+                    pathname: AppRoutes.apps.open,
+                    query: {
+                      safe: querySafe,
+                      appUrl: matchingApps?.[0]?.url,
+                    },
+                  }}
+                  passHref
+                >
+                  <Button variant="contained">Open App</Button>
+                </Link>
+              </Track>
+            )}
+          </Box>
+        </DialogContent>
+      </Dialog>
+
+      <ZkEmailFakeDoorModal open={openZkEmailModal} onClose={() => setOpenZkEmailModal(false)} />
+    </>
+  )
+}
diff --git a/src/features/recovery/components/RecoverySettings/DelayModifierRow.tsx b/apps/web/src/features/recovery/components/RecoverySettings/DelayModifierRow.tsx
similarity index 94%
rename from src/features/recovery/components/RecoverySettings/DelayModifierRow.tsx
rename to apps/web/src/features/recovery/components/RecoverySettings/DelayModifierRow.tsx
index ddd4da961..ed4614b87 100644
--- a/src/features/recovery/components/RecoverySettings/DelayModifierRow.tsx
+++ b/apps/web/src/features/recovery/components/RecoverySettings/DelayModifierRow.tsx
@@ -35,7 +35,7 @@ export function DelayModifierRow({ delayModifier }: { delayModifier: RecoverySta
           <Tooltip title={isOk ? 'Edit recovery setup' : undefined}>
             <span>
               <Track {...RECOVERY_EVENTS.EDIT_RECOVERY}>
-                <IconButton onClick={onEdit} size="small" disabled={!isOk}>
+                <IconButton data-testid="edit-recoverer-btn" onClick={onEdit} size="small" disabled={!isOk}>
                   <SvgIcon component={EditIcon} inheritViewBox color="border" fontSize="small" />
                 </IconButton>
               </Track>
diff --git a/apps/web/src/features/recovery/components/RecoverySettings/ZkEmailFakeDoorModal.tsx b/apps/web/src/features/recovery/components/RecoverySettings/ZkEmailFakeDoorModal.tsx
new file mode 100644
index 000000000..63a2758df
--- /dev/null
+++ b/apps/web/src/features/recovery/components/RecoverySettings/ZkEmailFakeDoorModal.tsx
@@ -0,0 +1,33 @@
+import { type ReactElement } from 'react'
+import { Dialog, DialogContent, IconButton, Stack, Typography } from '@mui/material'
+import CloseIcon from '@mui/icons-material/Close'
+
+import RecoveryZkEmailIcon from '@/public/images/common/zkemail-logo.svg'
+import css from './styles.module.css'
+
+export function ZkEmailFakeDoorModal({ open, onClose }: { open: boolean; onClose: () => void }): ReactElement {
+  return (
+    <Dialog open={open} onClose={onClose} className={css.dialog}>
+      <DialogContent>
+        <IconButton onClick={onClose} className={css.closeIcon}>
+          <CloseIcon />
+        </IconButton>
+
+        <Stack spacing={4}>
+          <RecoveryZkEmailIcon style={{ display: 'block' }} width={60} height={60} />
+
+          <Stack spacing={2}>
+            <Typography variant="h2">Feature is coming soon</Typography>
+
+            <Typography variant="body1">
+              Thanks for showing interest in email recovery. We are currently measuring demand for it, so your click on
+              this option made the release one step closer.
+            </Typography>
+
+            <Typography variant="body1">Stay tuned!</Typography>
+          </Stack>
+        </Stack>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/apps/web/src/features/recovery/components/RecoverySettings/index.tsx b/apps/web/src/features/recovery/components/RecoverySettings/index.tsx
new file mode 100644
index 000000000..be1b9fdbc
--- /dev/null
+++ b/apps/web/src/features/recovery/components/RecoverySettings/index.tsx
@@ -0,0 +1,172 @@
+import Track from '@/components/common/Track'
+import { ChooseRecoveryMethodModal } from './ChooseRecoveryMethodModal'
+import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
+import { Box, Button, Grid, Paper, SvgIcon, Tooltip, Typography } from '@mui/material'
+import { type ReactElement, useMemo, useState } from 'react'
+
+import ExternalLink from '@/components/common/ExternalLink'
+import { DelayModifierRow } from './DelayModifierRow'
+import useRecovery from '@/features/recovery/hooks/useRecovery'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import EnhancedTable from '@/components/common/EnhancedTable'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import CheckWallet from '@/components/common/CheckWallet'
+import { getPeriod } from '@safe-global/utils/utils/date'
+import { TOOLTIP_TITLES } from '@/components/tx-flow/common/constants'
+
+import tableCss from '@/components/common/EnhancedTable/styles.module.css'
+import { HelpCenterArticle, HelperCenterArticleTitles } from '@safe-global/utils/config/constants'
+
+enum HeadCells {
+  Recoverer = 'recoverer',
+  Delay = 'delay',
+  Expiry = 'expiry',
+  Actions = 'actions',
+}
+
+const headCells = [
+  { id: HeadCells.Recoverer, label: 'Recoverer' },
+  {
+    id: HeadCells.Delay,
+    label: (
+      <>
+        Review window{' '}
+        <Tooltip title={TOOLTIP_TITLES.REVIEW_WINDOW}>
+          <span>
+            <SvgIcon
+              component={InfoIcon}
+              inheritViewBox
+              color="border"
+              fontSize="small"
+              sx={{ verticalAlign: 'middle', ml: 0.5 }}
+            />
+          </span>
+        </Tooltip>
+      </>
+    ),
+  },
+  {
+    id: HeadCells.Expiry,
+    label: (
+      <>
+        Proposal expiry{' '}
+        <Tooltip title={TOOLTIP_TITLES.PROPOSAL_EXPIRY}>
+          <span>
+            <SvgIcon
+              component={InfoIcon}
+              inheritViewBox
+              color="border"
+              fontSize="small"
+              sx={{ verticalAlign: 'middle', ml: 0.5 }}
+            />
+          </span>
+        </Tooltip>
+      </>
+    ),
+  },
+  { id: HeadCells.Actions, label: '', sticky: true },
+]
+
+function RecoverySettings(): ReactElement {
+  const [recovery] = useRecovery()
+
+  const isRecoveryEnabled = recovery && recovery.length > 0
+
+  const rows = useMemo(() => {
+    return recovery?.flatMap((delayModifier) => {
+      const { recoverers, delay, expiry } = delayModifier
+
+      return recoverers.map((recoverer) => {
+        const delaySeconds = Number(delay)
+        const expirySeconds = Number(expiry)
+
+        return {
+          cells: {
+            [HeadCells.Recoverer]: {
+              rawValue: recoverer,
+              content: <EthHashInfo address={recoverer} showCopyButton hasExplorer />,
+            },
+            [HeadCells.Delay]: {
+              rawValue: delaySeconds,
+              content: <Typography>{delaySeconds === 0 ? 'none' : getPeriod(delaySeconds)}</Typography>,
+            },
+            [HeadCells.Expiry]: {
+              rawValue: expirySeconds,
+              content: <Typography>{expirySeconds === 0 ? 'never' : getPeriod(expirySeconds)}</Typography>,
+            },
+            [HeadCells.Actions]: {
+              rawValue: '',
+              sticky: true,
+              content: (
+                <div className={tableCss.actions}>
+                  <DelayModifierRow delayModifier={delayModifier} />
+                </div>
+              ),
+            },
+          },
+        }
+      })
+    })
+  }, [recovery])
+
+  return (
+    <Paper sx={{ p: 4 }}>
+      <Grid container spacing={3}>
+        <Grid item lg={4} xs={12}>
+          <Box display="flex" alignItems="center" gap={1} mb={1}>
+            <Typography variant="h4" fontWeight="bold">
+              Account recovery
+            </Typography>
+          </Box>
+        </Grid>
+
+        <Grid item xs>
+          <Typography mb={2}>
+            {isRecoveryEnabled
+              ? 'The trusted Recoverer will be able to recover your Safe Account if you ever lose access. You can change Recoverers or alter your recovery setup at any time.'
+              : 'Choose a trusted Recoverer to recover your Safe Account if you ever lose access. Enabling the Account recovery module will require a transaction.'}{' '}
+            <Track {...RECOVERY_EVENTS.LEARN_MORE} label="settings">
+              <ExternalLink href={HelpCenterArticle.RECOVERY} title={HelperCenterArticleTitles.RECOVERY}>
+                Learn more
+              </ExternalLink>
+            </Track>
+          </Typography>
+
+          {!isRecoveryEnabled ? (
+            <SetupRecoveryButton eventLabel="settings" />
+          ) : rows ? (
+            <EnhancedTable rows={rows} headCells={headCells} />
+          ) : null}
+        </Grid>
+      </Grid>
+    </Paper>
+  )
+}
+
+export const SetupRecoveryButton = ({ eventLabel }: { eventLabel: string }) => {
+  const [open, setOpen] = useState<boolean>(false)
+
+  return (
+    <>
+      <CheckWallet>
+        {(isOk) => (
+          <Track {...RECOVERY_EVENTS.SETUP_RECOVERY} label={eventLabel}>
+            <Button
+              data-testid="setup-recovery-btn"
+              variant="contained"
+              disabled={!isOk}
+              onClick={() => setOpen(true)}
+              sx={{ mt: 2 }}
+            >
+              Set up recovery
+            </Button>
+          </Track>
+        )}
+      </CheckWallet>
+
+      <ChooseRecoveryMethodModal open={open} onClose={() => setOpen(false)} />
+    </>
+  )
+}
+
+export default RecoverySettings
diff --git a/src/features/recovery/components/RecoverySettings/styles.module.css b/apps/web/src/features/recovery/components/RecoverySettings/styles.module.css
similarity index 100%
rename from src/features/recovery/components/RecoverySettings/styles.module.css
rename to apps/web/src/features/recovery/components/RecoverySettings/styles.module.css
diff --git a/apps/web/src/features/recovery/components/RecoverySigners/index.tsx b/apps/web/src/features/recovery/components/RecoverySigners/index.tsx
new file mode 100644
index 000000000..907a5b077
--- /dev/null
+++ b/apps/web/src/features/recovery/components/RecoverySigners/index.tsx
@@ -0,0 +1,90 @@
+import { Box, List, ListItem, ListItemIcon, ListItemText, SvgIcon, Typography } from '@mui/material'
+import type { ReactElement } from 'react'
+
+import CircleIcon from '@/public/images/common/circle.svg'
+import CheckIcon from '@/public/images/common/circle-check.svg'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { Countdown } from '@/components/common/Countdown'
+import { ExecuteRecoveryButton } from '../ExecuteRecoveryButton'
+import { CancelRecoveryButton } from '../CancelRecoveryButton'
+import { useRecoveryTxState } from '@/features/recovery/hooks/useRecoveryTxState'
+import { formatDateTime } from '@safe-global/utils/utils/date'
+import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
+
+import txSignersCss from '@/components/transactions/TxSigners/styles.module.css'
+
+export function RecoverySigners({ item }: { item: RecoveryQueueItem }): ReactElement {
+  const { isExecutable, isExpired, isNext, remainingSeconds } = useRecoveryTxState(item)
+
+  const desc = isExecutable ? (
+    item.expiresAt !== null ? (
+      <>
+        The recovery proposal can be executed{' '}
+        <Typography
+          sx={{
+            color: 'primary.main',
+          }}
+        >
+          until {formatDateTime(Number(item.expiresAt))}.
+        </Typography>
+      </>
+    ) : (
+      'The recovery proposal can be executed now.'
+    )
+  ) : isExpired ? (
+    'The recovery proposal has expired and needs to be cancelled before a new one can be created.'
+  ) : (
+    'The recovery proposal can be executed after the review window has passed:'
+  )
+
+  return (
+    <>
+      <List className={txSignersCss.signers}>
+        <ListItem>
+          <ListItemIcon>
+            <SvgIcon
+              component={CheckIcon}
+              inheritViewBox
+              className={txSignersCss.icon}
+              sx={{
+                '& path:last-of-type': { fill: ({ palette }) => palette.background.paper },
+              }}
+            />
+          </ListItemIcon>
+          <ListItemText primaryTypographyProps={{ fontWeight: 700 }}>Created</ListItemText>
+        </ListItem>
+        <ListItem sx={{ py: 0, pb: 1, ml: 4 }}>
+          <EthHashInfo address={item.executor} hasExplorer showCopyButton />
+        </ListItem>
+        <ListItem sx={{ py: 0 }}>
+          <ListItemIcon>
+            <SvgIcon
+              component={CircleIcon}
+              inheritViewBox
+              className={txSignersCss.icon}
+              sx={{ color: ({ palette }) => palette.border.main }}
+            />
+          </ListItemIcon>
+          <ListItemText primaryTypographyProps={{ fontWeight: 700 }}>Can be executed</ListItemText>
+        </ListItem>
+      </List>
+      <Box className={txSignersCss.listFooter}>
+        <Typography sx={({ palette }) => ({ color: palette.border.main, mb: 1 })}>{desc}</Typography>
+
+        {isNext && <Countdown seconds={remainingSeconds} />}
+      </Box>
+      <Box
+        sx={{
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          gap: 1,
+          mt: 2,
+        }}
+      >
+        <ExecuteRecoveryButton recovery={item} />
+        <CancelRecoveryButton recovery={item} />
+      </Box>
+    </>
+  )
+}
diff --git a/src/features/recovery/components/RecoveryStatus/index.tsx b/apps/web/src/features/recovery/components/RecoveryStatus/index.tsx
similarity index 100%
rename from src/features/recovery/components/RecoveryStatus/index.tsx
rename to apps/web/src/features/recovery/components/RecoveryStatus/index.tsx
diff --git a/src/features/recovery/components/RecoverySummary/index.tsx b/apps/web/src/features/recovery/components/RecoverySummary/index.tsx
similarity index 100%
rename from src/features/recovery/components/RecoverySummary/index.tsx
rename to apps/web/src/features/recovery/components/RecoverySummary/index.tsx
diff --git a/apps/web/src/features/recovery/components/RecoveryType/index.tsx b/apps/web/src/features/recovery/components/RecoveryType/index.tsx
new file mode 100644
index 000000000..638d47885
--- /dev/null
+++ b/apps/web/src/features/recovery/components/RecoveryType/index.tsx
@@ -0,0 +1,40 @@
+import { Box, SvgIcon, Typography } from '@mui/material'
+import type { ReactElement } from 'react'
+import RecoveryPlusIcon from '@/public/images/common/recovery-plus.svg'
+import txTypeCss from '@/components/transactions/TxType/styles.module.css'
+import pendingTxCss from '@/components/dashboard/PendingTxs/styles.module.css'
+import { DateTime } from '@/components/common/DateTime/DateTime'
+
+export function RecoveryType({
+  isMalicious,
+  date,
+  isDashboard = false,
+}: {
+  isMalicious: boolean
+  date?: bigint
+  isDashboard?: boolean
+}): ReactElement {
+  return (
+    <Box className={txTypeCss.txType} gap={isDashboard ? '12px !important' : 1}>
+      <Box className={isDashboard ? pendingTxCss.iconWrapper : undefined}>
+        <SvgIcon
+          component={RecoveryPlusIcon}
+          inheritViewBox
+          fontSize="inherit"
+          sx={{ '& path': { fill: ({ palette }) => palette.warning.main } }}
+        />
+      </Box>
+      <Box>
+        <Typography color={isMalicious ? 'error.main' : undefined}>
+          {isMalicious ? 'Malicious transaction' : 'Account recovery'}
+        </Typography>
+
+        {date && (
+          <Typography variant="body2" color="primary.light">
+            <DateTime value={Number(date)} showDateTime={false} showTime={false} />
+          </Typography>
+        )}
+      </Box>
+    </Box>
+  )
+}
diff --git a/src/features/recovery/components/RecoveryValidationErrors/index.tsx b/apps/web/src/features/recovery/components/RecoveryValidationErrors/index.tsx
similarity index 100%
rename from src/features/recovery/components/RecoveryValidationErrors/index.tsx
rename to apps/web/src/features/recovery/components/RecoveryValidationErrors/index.tsx
diff --git a/src/features/recovery/hooks/__tests__/useIsValidExecution.test.ts b/apps/web/src/features/recovery/hooks/__tests__/useIsValidExecution.test.ts
similarity index 90%
rename from src/features/recovery/hooks/__tests__/useIsValidExecution.test.ts
rename to apps/web/src/features/recovery/hooks/__tests__/useIsValidExecution.test.ts
index 501a7157f..bc833370a 100644
--- a/src/features/recovery/hooks/__tests__/useIsValidExecution.test.ts
+++ b/apps/web/src/features/recovery/hooks/__tests__/useIsValidExecution.test.ts
@@ -1,4 +1,5 @@
-import type { SafeTransaction, SafeSignature } from '@safe-global/safe-core-sdk-types'
+import type { SafeContractImplementationType } from '@safe-global/protocol-kit'
+import type { SafeTransaction, SafeSignature } from '@safe-global/types-kit'
 import * as useWallet from '@/hooks/wallets/useWallet'
 import { act, renderHook } from '@/tests/test-utils'
 import useIsValidExecution from '../../../../hooks/useIsValidExecution'
@@ -9,7 +10,6 @@ import type { Eip1193Provider } from 'ethers'
 import { JsonRpcProvider, BrowserProvider } from 'ethers'
 import * as contracts from '@/services/contracts/safeContracts'
 
-import type { SafeContractEthers } from '@safe-global/protocol-kit'
 import { MockEip1193Provider } from '@/tests/mocks/providers'
 
 const createSafeTx = (data = '0x'): SafeTransaction => {
@@ -52,7 +52,7 @@ describe('useIsValidExecution', () => {
     jest.resetAllMocks()
 
     jest.spyOn(web3, 'useWeb3ReadOnly').mockImplementation(() => mockReadOnlyProvider)
-    jest.spyOn(useWallet, 'default').mockReturnValue(mockWallet)
+    jest.spyOn(useWallet, 'useSigner').mockReturnValue(mockWallet)
     jest.spyOn(web3, 'createWeb3').mockImplementation(() => mockProvider)
   })
 
@@ -62,14 +62,10 @@ describe('useIsValidExecution', () => {
 
     jest.spyOn(contracts, 'getCurrentGnosisSafeContract').mockImplementation(() =>
       Promise.resolve({
-        contract: {
-          execTransaction: {
-            staticCall: () => {
-              throw error
-            },
-          },
+        isValidTransaction: () => {
+          throw error
         },
-      } as unknown as SafeContractEthers),
+      } as unknown as SafeContractImplementationType),
     )
 
     const mockTx = createSafeTx()
diff --git a/src/features/recovery/hooks/__tests__/useIsValidRecoveryExecution.test.ts b/apps/web/src/features/recovery/hooks/__tests__/useIsValidRecoveryExecution.test.ts
similarity index 98%
rename from src/features/recovery/hooks/__tests__/useIsValidRecoveryExecution.test.ts
rename to apps/web/src/features/recovery/hooks/__tests__/useIsValidRecoveryExecution.test.ts
index 9e4ce2426..2dfe53841 100644
--- a/src/features/recovery/hooks/__tests__/useIsValidRecoveryExecution.test.ts
+++ b/apps/web/src/features/recovery/hooks/__tests__/useIsValidRecoveryExecution.test.ts
@@ -134,7 +134,7 @@ describe('useIsValidRecoveryExecution', () => {
       mockUseIsRecoverer.mockReturnValue(true)
 
       mockGetPatchedSignerOrProvider.mockReturnValue({
-        getSigner: () => ({} as any),
+        getSigner: () => ({}) as any,
       } as any)
 
       const isValid = faker.datatype.boolean()
@@ -167,7 +167,7 @@ describe('useIsValidRecoveryExecution', () => {
       mockUseIsRecoverer.mockReturnValue(true)
 
       mockGetPatchedSignerOrProvider.mockReturnValue({
-        getSigner: () => ({} as any),
+        getSigner: () => ({}) as any,
       } as any)
 
       const error = new Error('Some error')
@@ -275,7 +275,7 @@ describe('useIsValidRecoveryExecution', () => {
       mockUseRecoveryTxState.mockReturnValue({ isExecutable: true } as any)
 
       mockGetPatchedSignerOrProvider.mockReturnValue({
-        getSigner: () => ({} as any),
+        getSigner: () => ({}) as any,
       } as any)
 
       mockGetModuleInstance.mockReturnValue({
@@ -312,7 +312,7 @@ describe('useIsValidRecoveryExecution', () => {
       mockUseRecoveryTxState.mockReturnValue({ isExecutable: true } as any)
 
       mockGetPatchedSignerOrProvider.mockReturnValue({
-        getSigner: () => ({} as any),
+        getSigner: () => ({}) as any,
       } as any)
 
       const error = new Error('Some error')
@@ -429,7 +429,7 @@ describe('useIsValidRecoveryExecution', () => {
       mockUseRecoveryTxState.mockReturnValue({ isExpired: true } as any)
 
       mockGetPatchedSignerOrProvider.mockReturnValue({
-        getSigner: () => ({} as any),
+        getSigner: () => ({}) as any,
       } as any)
 
       mockGetModuleInstance.mockReturnValue({
@@ -466,7 +466,7 @@ describe('useIsValidRecoveryExecution', () => {
       mockUseRecoveryTxState.mockReturnValue({ isExpired: true } as any)
 
       mockGetPatchedSignerOrProvider.mockReturnValue({
-        getSigner: () => ({} as any),
+        getSigner: () => ({}) as any,
       } as any)
 
       const error = new Error('Some error')
diff --git a/src/features/recovery/hooks/__tests__/useRecoveryTxState.test.tsx b/apps/web/src/features/recovery/hooks/__tests__/useRecoveryTxState.test.tsx
similarity index 100%
rename from src/features/recovery/hooks/__tests__/useRecoveryTxState.test.tsx
rename to apps/web/src/features/recovery/hooks/__tests__/useRecoveryTxState.test.tsx
diff --git a/src/features/recovery/hooks/useIsRecoverer.ts b/apps/web/src/features/recovery/hooks/useIsRecoverer.ts
similarity index 100%
rename from src/features/recovery/hooks/useIsRecoverer.ts
rename to apps/web/src/features/recovery/hooks/useIsRecoverer.ts
diff --git a/src/features/recovery/hooks/useIsRecoveryEnabled.ts b/apps/web/src/features/recovery/hooks/useIsRecoveryEnabled.ts
similarity index 100%
rename from src/features/recovery/hooks/useIsRecoveryEnabled.ts
rename to apps/web/src/features/recovery/hooks/useIsRecoveryEnabled.ts
diff --git a/apps/web/src/features/recovery/hooks/useIsRecoverySupported.ts b/apps/web/src/features/recovery/hooks/useIsRecoverySupported.ts
new file mode 100644
index 000000000..047d9e13e
--- /dev/null
+++ b/apps/web/src/features/recovery/hooks/useIsRecoverySupported.ts
@@ -0,0 +1,7 @@
+import { useHasFeature } from '@/hooks/useChains'
+
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+export function useIsRecoverySupported(): boolean {
+  return useHasFeature(FEATURES.RECOVERY) ?? false
+}
diff --git a/src/features/recovery/hooks/useIsValidRecoveryExecution.ts b/apps/web/src/features/recovery/hooks/useIsValidRecoveryExecution.ts
similarity index 94%
rename from src/features/recovery/hooks/useIsValidRecoveryExecution.ts
rename to apps/web/src/features/recovery/hooks/useIsValidRecoveryExecution.ts
index 039c7618e..7aa5e333c 100644
--- a/src/features/recovery/hooks/useIsValidRecoveryExecution.ts
+++ b/apps/web/src/features/recovery/hooks/useIsValidRecoveryExecution.ts
@@ -1,14 +1,14 @@
 import { getModuleInstance, KnownContracts } from '@gnosis.pm/zodiac'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import type { SafeTransaction } from '@safe-global/types-kit'
 
 import useWallet from '../../../hooks/wallets/useWallet'
 import { useWeb3ReadOnly } from '../../../hooks/wallets/web3'
-import useAsync from '../../../hooks/useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import useSafeInfo from '../../../hooks/useSafeInfo'
 import { getPatchedSignerProvider } from '../../../hooks/useIsValidExecution'
 import { useRecoveryTxState } from './useRecoveryTxState'
 import { useIsRecoverer } from './useIsRecoverer'
-import type { AsyncResult } from '../../../hooks/useAsync'
+import type { AsyncResult } from '@safe-global/utils/hooks/useAsync'
 import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
 
 export function useIsValidRecoveryExecTransactionFromModule(
diff --git a/src/features/recovery/hooks/useRecovery.ts b/apps/web/src/features/recovery/hooks/useRecovery.ts
similarity index 100%
rename from src/features/recovery/hooks/useRecovery.ts
rename to apps/web/src/features/recovery/hooks/useRecovery.ts
diff --git a/src/features/recovery/hooks/useRecoveryQueue.ts b/apps/web/src/features/recovery/hooks/useRecoveryQueue.ts
similarity index 100%
rename from src/features/recovery/hooks/useRecoveryQueue.ts
rename to apps/web/src/features/recovery/hooks/useRecoveryQueue.ts
diff --git a/src/features/recovery/hooks/useRecoveryTxNotification.ts b/apps/web/src/features/recovery/hooks/useRecoveryTxNotification.ts
similarity index 95%
rename from src/features/recovery/hooks/useRecoveryTxNotification.ts
rename to apps/web/src/features/recovery/hooks/useRecoveryTxNotification.ts
index fc24e7cbb..a4c029d6f 100644
--- a/src/features/recovery/hooks/useRecoveryTxNotification.ts
+++ b/apps/web/src/features/recovery/hooks/useRecoveryTxNotification.ts
@@ -1,13 +1,13 @@
 import { useEffect } from 'react'
 
-import { formatError } from '@/utils/formatters'
+import { formatError } from '@safe-global/utils/utils/formatters'
 import { showNotification } from '@/store/notificationsSlice'
 import { useAppDispatch } from '@/store'
 import useSafeAddress from '../../../hooks/useSafeAddress'
 import { RecoveryEvent, RecoveryTxType, recoverySubscribe } from '@/features/recovery/services/recoveryEvents'
-import { getExplorerLink } from '@/utils/gateway'
 import { useCurrentChain } from '../../../hooks/useChains'
 import { isWalletRejection } from '@/utils/wallets'
+import { getExplorerLink } from '@safe-global/utils/utils/gateway'
 
 const SUCCESS_EVENTS = [
   RecoveryEvent.PROCESSING_BY_SMART_CONTRACT_WALLET,
diff --git a/src/features/recovery/hooks/useRecoveryTxState.ts b/apps/web/src/features/recovery/hooks/useRecoveryTxState.ts
similarity index 95%
rename from src/features/recovery/hooks/useRecoveryTxState.ts
rename to apps/web/src/features/recovery/hooks/useRecoveryTxState.ts
index 4ba67a7df..eb6d2ea38 100644
--- a/src/features/recovery/hooks/useRecoveryTxState.ts
+++ b/apps/web/src/features/recovery/hooks/useRecoveryTxState.ts
@@ -1,7 +1,7 @@
 import { useClock } from '../../../hooks/useClock'
 import { selectDelayModifierByTxHash } from '@/features/recovery/services/selectors'
 import recoveryStore from '@/features/recovery/components/RecoveryContext'
-import { sameAddress } from '@/utils/addresses'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
 import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
 
 export function useRecoveryTxState({ validFrom, expiresAt, transactionHash, args, address }: RecoveryQueueItem): {
diff --git a/src/features/recovery/services/__tests__/delay-modifier.test.ts b/apps/web/src/features/recovery/services/__tests__/delay-modifier.test.ts
similarity index 100%
rename from src/features/recovery/services/__tests__/delay-modifier.test.ts
rename to apps/web/src/features/recovery/services/__tests__/delay-modifier.test.ts
diff --git a/src/features/recovery/services/__tests__/proxies.test.ts b/apps/web/src/features/recovery/services/__tests__/proxies.test.ts
similarity index 100%
rename from src/features/recovery/services/__tests__/proxies.test.ts
rename to apps/web/src/features/recovery/services/__tests__/proxies.test.ts
diff --git a/src/features/recovery/services/__tests__/recovery-state.test.ts b/apps/web/src/features/recovery/services/__tests__/recovery-state.test.ts
similarity index 77%
rename from src/features/recovery/services/__tests__/recovery-state.test.ts
rename to apps/web/src/features/recovery/services/__tests__/recovery-state.test.ts
index b70a2d7a0..1deda198e 100644
--- a/src/features/recovery/services/__tests__/recovery-state.test.ts
+++ b/apps/web/src/features/recovery/services/__tests__/recovery-state.test.ts
@@ -2,7 +2,7 @@ import { faker } from '@faker-js/faker'
 import { id, zeroPadValue } from 'ethers'
 import { JsonRpcProvider } from 'ethers'
 import cloneDeep from 'lodash/cloneDeep'
-import type { Delay, TransactionAddedEvent } from '@gnosis.pm/zodiac/dist/cjs/types/Delay'
+import type { TransactionAddedEvent, Delay } from '@gnosis.pm/zodiac/dist/cjs/types/Delay'
 import type { TransactionReceipt } from 'ethers'
 
 import {
@@ -15,19 +15,28 @@ import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
 import { encodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils/transactions/utils'
 import { getMultiSendCallOnlyDeployment, getSafeSingletonDeployment } from '@safe-global/safe-deployments'
 import { Interface } from 'ethers'
-import { LATEST_SAFE_VERSION } from '@/config/constants'
+import { chainBuilder } from '@/tests/builders/chains'
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+import { getModuleInstance, KnownContracts, ContractAbis } from '@gnosis.pm/zodiac'
+import { createMockWeb3Provider } from '@safe-global/utils/tests/web3Provider'
+import { SENTINEL_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
 
 jest.mock('@/hooks/wallets/web3')
 
 const mockUseWeb3ReadOnly = useWeb3ReadOnly as jest.MockedFunction<typeof useWeb3ReadOnly>
 
+const latestSafeVersion = getLatestSafeVersion(
+  chainBuilder().with({ chainId: '1', recommendedMasterCopyVersion: '1.4.1' }).build(),
+)
 const PRE_MULTI_SEND_CALL_ONLY_VERSIONS = ['1.0.0', '1.1.1']
 const SUPPORTED_MULTI_SEND_CALL_ONLY_VERSIONS = [
   '1.3.0',
   // '1.4.1', TODO: Uncomment when safe-deployments is updated >1.25.0
-  LATEST_SAFE_VERSION,
+  latestSafeVersion,
 ]
 
+const DELAY_INTERFACE = new Interface(ContractAbis[KnownContracts.DELAY])
+
 describe('recovery-state', () => {
   beforeEach(() => {
     // Clear memoization cache
@@ -37,8 +46,8 @@ describe('recovery-state', () => {
   describe('isMaliciousRecovery', () => {
     describe('non-MultiSend', () => {
       it('should return true if the transaction is not calling the Safe itself', () => {
-        const chainId = '5'
-        const version = LATEST_SAFE_VERSION
+        const chainId = '1'
+        const version = latestSafeVersion
         const safeAddress = faker.finance.ethereumAddress()
 
         const transaction = {
@@ -50,8 +59,8 @@ describe('recovery-state', () => {
       })
 
       it('should return false if the transaction is calling the Safe itself', () => {
-        const chainId = '5'
-        const version = LATEST_SAFE_VERSION
+        const chainId = '1'
+        const version = latestSafeVersion
         const safeAddress = faker.finance.ethereumAddress()
 
         const transaction = {
@@ -66,7 +75,7 @@ describe('recovery-state', () => {
     describe('MultiSend', () => {
       ;[...PRE_MULTI_SEND_CALL_ONLY_VERSIONS, ...SUPPORTED_MULTI_SEND_CALL_ONLY_VERSIONS].forEach((version) => {
         it(`should return true if the transaction is not an official MultiSend address for Safe version ${version}`, () => {
-          const chainId = '5'
+          const chainId = '1'
           const safeAddress = faker.finance.ethereumAddress()
 
           const safeAbi = getSafeSingletonDeployment({ network: chainId, version })!.abi
@@ -102,8 +111,8 @@ describe('recovery-state', () => {
       })
       ;[...PRE_MULTI_SEND_CALL_ONLY_VERSIONS, ...SUPPORTED_MULTI_SEND_CALL_ONLY_VERSIONS].forEach((version) => {
         it(`should return true if the transaction is an official MultiSend call and not every transaction in the batch calls the Safe itself for Safe version ${version}`, () => {
-          const chainId = '5'
-          const version = LATEST_SAFE_VERSION
+          const chainId = '1'
+          const version = latestSafeVersion
           const safeAddress = faker.finance.ethereumAddress()
 
           const safeAbi = getSafeSingletonDeployment({ network: chainId, version })!.abi
@@ -140,7 +149,7 @@ describe('recovery-state', () => {
 
       SUPPORTED_MULTI_SEND_CALL_ONLY_VERSIONS.forEach((version) => {
         it(`should return false if the transaction is an official MultiSend call and every transaction in the batch calls the Safe itself for Safe version ${version}`, () => {
-          const chainId = '5'
+          const chainId = '1'
           const safeAddress = faker.finance.ethereumAddress()
 
           const safeAbi = getSafeSingletonDeployment({ network: chainId, version })!.abi
@@ -175,7 +184,7 @@ describe('recovery-state', () => {
 
       PRE_MULTI_SEND_CALL_ONLY_VERSIONS.forEach((version) => {
         it(`should return false if the transaction is an official MultiSend call for Safe version ${version} (below the initial MultiSend contract version)`, () => {
-          const chainId = '5'
+          const chainId = '1'
           const safeAddress = faker.finance.ethereumAddress()
 
           const safeAbi = getSafeSingletonDeployment({ network: chainId, version })!.abi
@@ -271,7 +280,7 @@ describe('recovery-state', () => {
         blockHash: faker.string.alphanumeric(),
       } as TransactionReceipt
 
-      global.fetch = jest.fn().mockImplementation((_url: string) => {
+      global.fetch = jest.fn().mockImplementation(() => {
         return Promise.resolve({
           json: () => Promise.resolve({ transactionHash }),
           status: 200,
@@ -301,7 +310,7 @@ describe('recovery-state', () => {
         blockHash: faker.string.alphanumeric(),
       } as TransactionReceipt
 
-      global.fetch = jest.fn().mockImplementation((_url: string) => {
+      global.fetch = jest.fn().mockImplementation(() => {
         return Promise.resolve({
           json: () => Promise.resolve({ transactionHash }),
           status: 200,
@@ -329,7 +338,7 @@ describe('recovery-state', () => {
       const transactionService = faker.internet.url({ appendSlash: false })
       const safeAddress = faker.finance.ethereumAddress()
 
-      global.fetch = jest.fn().mockImplementation((_url: string) => {
+      global.fetch = jest.fn().mockImplementation(() => {
         return Promise.resolve({
           status: 500,
           ok: false,
@@ -352,7 +361,7 @@ describe('recovery-state', () => {
   describe('getRecoveryState', () => {
     it('should return the recovery state from the Safe creation block', async () => {
       const safeAddress = faker.finance.ethereumAddress()
-      const chainId = '5'
+      const chainId = '1'
       const version = '1.3.0'
       const transactionService = faker.internet.url({ appendSlash: false })
       const transactionHash = `0x${faker.string.hexadecimal()}`
@@ -362,14 +371,8 @@ describe('recovery-state', () => {
       const transactionAddedReceipt = {
         from: faker.finance.ethereumAddress(),
       } as TransactionReceipt
-      const provider = {
-        getTransactionReceipt: jest
-          .fn()
-          .mockResolvedValueOnce(safeCreationReceipt)
-          .mockResolvedValue(transactionAddedReceipt),
-      } as unknown as JsonRpcProvider
 
-      global.fetch = jest.fn().mockImplementation((_url: string) => {
+      global.fetch = jest.fn().mockImplementation(() => {
         return Promise.resolve({
           json: () => Promise.resolve({ transactionHash }),
           status: 200,
@@ -415,34 +418,69 @@ describe('recovery-state', () => {
       const defaultTransactionAddedFilter = {
         getTopicFilter: jest.fn().mockResolvedValue([...topics]),
       }
-      const delayModifier = {
+
+      const mockProvider = createMockWeb3Provider([
+        {
+          signature: DELAY_INTERFACE.getFunction('getModulesPaginated')?.selector!,
+          returnType: 'raw',
+          returnValue: DELAY_INTERFACE.encodeFunctionResult('getModulesPaginated', [recoverers, SENTINEL_ADDRESS]),
+        },
+        {
+          signature: DELAY_INTERFACE.getFunction('txExpiration')?.selector!,
+          returnType: 'uint256',
+          returnValue: expiry,
+        },
+        {
+          signature: DELAY_INTERFACE.getFunction('txCooldown')?.selector!,
+          returnType: 'uint256',
+          returnValue: delay,
+        },
+        {
+          signature: DELAY_INTERFACE.getFunction('txNonce')?.selector!,
+          returnType: 'uint256',
+          returnValue: txNonce,
+        },
+        {
+          signature: DELAY_INTERFACE.getFunction('queueNonce')?.selector!,
+          returnType: 'uint256',
+          returnValue: queueNonce,
+        },
+      ])
+      ;(mockProvider.getTransactionReceipt as jest.MockedFunction<JsonRpcProvider['getTransactionReceipt']>)
+        .mockResolvedValueOnce(safeCreationReceipt)
+        .mockResolvedValue(transactionAddedReceipt)
+
+      const mockDelayModifierAddress = faker.finance.ethereumAddress()
+
+      const delayModifier = getModuleInstance(KnownContracts.DELAY, mockDelayModifierAddress, mockProvider)
+
+      const patchedDelayModifier = {
+        ...delayModifier,
         filters: {
           TransactionAdded: () => cloneDeep(defaultTransactionAddedFilter),
         },
-        getAddress: jest.fn().mockResolvedValue(faker.finance.ethereumAddress()),
-        getModulesPaginated: () => Promise.resolve([recoverers]),
-        txExpiration: () => Promise.resolve(expiry),
-        txCooldown: () => Promise.resolve(delay),
-        txNonce: () => Promise.resolve(txNonce),
+        getAddress: jest.fn().mockResolvedValue(mockDelayModifierAddress),
         txCreatedAt: jest
           .fn()
           .mockResolvedValueOnce(420n)
           .mockResolvedValueOnce(69420n)
           .mockResolvedValueOnce(6942069n),
-        queueNonce: () => Promise.resolve(queueNonce),
         queryFilter: queryFilterMock.mockImplementation(() => Promise.resolve(transactionsAdded)),
       }
 
       const recoveryState = await _getRecoveryStateItem({
-        delayModifier: delayModifier as unknown as Delay,
+        delayModifier: patchedDelayModifier as unknown as Delay,
         safeAddress,
         transactionService,
-        provider,
+        provider: mockProvider,
         chainId,
         version,
       })
 
-      expect(recoveryState).toStrictEqual({
+      expect({
+        ...recoveryState,
+        recoverers: recoveryState.recoverers.map((recoverer) => recoverer.toLowerCase()),
+      }).toEqual({
         address: await delayModifier.getAddress(),
         recoverers,
         expiry,
@@ -477,10 +515,9 @@ describe('recovery-state', () => {
 
     it('should not query data if the queueNonce equals the txNonce', async () => {
       const safeAddress = faker.finance.ethereumAddress()
-      const chainId = '5'
+      const chainId = '1'
       const version = '1.3.0'
       const transactionService = faker.internet.url({ appendSlash: true })
-      const provider = {} as unknown as JsonRpcProvider
 
       const recoverers = [faker.finance.ethereumAddress()]
       const expiry = 0n
@@ -488,34 +525,71 @@ describe('recovery-state', () => {
       const txNonce = 2n
       const queueNonce = 2n
 
+      const mockProvider = createMockWeb3Provider([
+        {
+          signature: DELAY_INTERFACE.getFunction('getModulesPaginated')?.selector!,
+          returnType: 'raw',
+          returnValue: DELAY_INTERFACE.encodeFunctionResult('getModulesPaginated', [recoverers, SENTINEL_ADDRESS]),
+        },
+        {
+          signature: DELAY_INTERFACE.getFunction('txExpiration')?.selector!,
+          returnType: 'uint256',
+          returnValue: expiry,
+        },
+        {
+          signature: DELAY_INTERFACE.getFunction('txCooldown')?.selector!,
+          returnType: 'uint256',
+          returnValue: delay,
+        },
+        {
+          signature: DELAY_INTERFACE.getFunction('txNonce')?.selector!,
+          returnType: 'uint256',
+          returnValue: txNonce,
+        },
+        {
+          signature: DELAY_INTERFACE.getFunction('queueNonce')?.selector!,
+          returnType: 'uint256',
+          returnValue: queueNonce,
+        },
+      ])
+
       const queryFilterMock = jest.fn()
       const defaultTransactionAddedFilter = {
         address: faker.finance.ethereumAddress(),
         topics: [id('TransactionAdded(uint256,bytes32,address,uint256,bytes,uint8)')],
       }
-      const delayModifier = {
+
+      const mockDelayModifierAddress = faker.finance.ethereumAddress()
+
+      const delayModifier = getModuleInstance(KnownContracts.DELAY, mockDelayModifierAddress, mockProvider)
+
+      const patchedDelayModifier = {
+        ...delayModifier,
         filters: {
           TransactionAdded: () => cloneDeep(defaultTransactionAddedFilter),
         },
-        getAddress: jest.fn().mockResolvedValue(faker.finance.ethereumAddress()),
-        getModulesPaginated: () => Promise.resolve([recoverers]),
-        txExpiration: () => Promise.resolve(expiry),
-        txCooldown: () => Promise.resolve(delay),
-        txNonce: () => Promise.resolve(txNonce),
-        queueNonce: () => Promise.resolve(queueNonce),
-        queryFilter: queryFilterMock.mockRejectedValue('Not required'),
+        getAddress: jest.fn().mockResolvedValue(mockDelayModifierAddress),
+        txCreatedAt: jest
+          .fn()
+          .mockResolvedValueOnce(420n)
+          .mockResolvedValueOnce(69420n)
+          .mockResolvedValueOnce(6942069n),
+        queryFilter: queryFilterMock,
       }
 
       const recoveryState = await _getRecoveryStateItem({
-        delayModifier: delayModifier as unknown as Delay,
+        delayModifier: patchedDelayModifier as unknown as Delay,
         safeAddress,
         transactionService,
-        provider,
+        provider: mockProvider,
         chainId,
         version,
       })
 
-      expect(recoveryState).toStrictEqual({
+      expect({
+        ...recoveryState,
+        recoverers: recoveryState.recoverers.map((recoverer) => recoverer.toLowerCase()),
+      }).toEqual({
         address: await delayModifier.getAddress(),
         recoverers,
         expiry,
diff --git a/src/features/recovery/services/__tests__/selectors.test.ts b/apps/web/src/features/recovery/services/__tests__/selectors.test.ts
similarity index 100%
rename from src/features/recovery/services/__tests__/selectors.test.ts
rename to apps/web/src/features/recovery/services/__tests__/selectors.test.ts
diff --git a/src/features/recovery/services/__tests__/setup.test.ts b/apps/web/src/features/recovery/services/__tests__/setup.test.ts
similarity index 99%
rename from src/features/recovery/services/__tests__/setup.test.ts
rename to apps/web/src/features/recovery/services/__tests__/setup.test.ts
index 8e81350fc..ed1b1a981 100644
--- a/src/features/recovery/services/__tests__/setup.test.ts
+++ b/apps/web/src/features/recovery/services/__tests__/setup.test.ts
@@ -1,6 +1,6 @@
 import { getModuleInstance, KnownContracts, deployAndSetUpModule } from '@gnosis.pm/zodiac'
 import { faker } from '@faker-js/faker'
-import { OperationType } from '@safe-global/safe-core-sdk-types'
+import { OperationType } from '@safe-global/types-kit'
 import { SENTINEL_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
 
 import { _getEditRecoveryTransactions, _getRecoverySetupTransactions } from '@/features/recovery/services/setup'
diff --git a/src/features/recovery/services/__tests__/transaction-list.test.ts b/apps/web/src/features/recovery/services/__tests__/transaction-list.test.ts
similarity index 98%
rename from src/features/recovery/services/__tests__/transaction-list.test.ts
rename to apps/web/src/features/recovery/services/__tests__/transaction-list.test.ts
index 431a86fe4..b12d5c09d 100644
--- a/src/features/recovery/services/__tests__/transaction-list.test.ts
+++ b/apps/web/src/features/recovery/services/__tests__/transaction-list.test.ts
@@ -6,7 +6,7 @@ import { encodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils/tr
 
 import { safeInfoBuilder } from '@/tests/builders/safe'
 import { getRecoveredSafeInfo } from '../transaction-list'
-import { checksumAddress, sameAddress } from '@/utils/addresses'
+import { checksumAddress, sameAddress } from '@safe-global/utils/utils/addresses'
 
 describe('getRecoveredSafeInfo', () => {
   describe('non-MultiSend', () => {
diff --git a/src/features/recovery/services/__tests__/transaction.test.ts b/apps/web/src/features/recovery/services/__tests__/transaction.test.ts
similarity index 100%
rename from src/features/recovery/services/__tests__/transaction.test.ts
rename to apps/web/src/features/recovery/services/__tests__/transaction.test.ts
diff --git a/src/features/recovery/services/delay-modifier.ts b/apps/web/src/features/recovery/services/delay-modifier.ts
similarity index 94%
rename from src/features/recovery/services/delay-modifier.ts
rename to apps/web/src/features/recovery/services/delay-modifier.ts
index 28e8e1c3c..633388165 100644
--- a/src/features/recovery/services/delay-modifier.ts
+++ b/apps/web/src/features/recovery/services/delay-modifier.ts
@@ -2,9 +2,9 @@ import { ContractVersions, getModuleInstance, KnownContracts } from '@gnosis.pm/
 import { SENTINEL_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
 import type { Delay, SupportedNetworks } from '@gnosis.pm/zodiac'
 import { type JsonRpcProvider, isAddress } from 'ethers'
-import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
 
-import { sameAddress } from '@/utils/addresses'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
 import { getGenericProxyMasterCopy, getGnosisProxyMasterCopy, isGenericProxy, isGnosisProxy } from './proxies'
 import { MAX_RECOVERER_PAGE_SIZE } from './recovery-state'
 
@@ -63,7 +63,7 @@ export async function _isOfficialRecoveryDelayModifier(
 
 export async function getRecoveryDelayModifiers(
   chainId: string,
-  modules: SafeInfo['modules'],
+  modules: SafeState['modules'],
   provider: JsonRpcProvider,
 ): Promise<Array<Delay>> {
   if (!modules) {
diff --git a/src/features/recovery/services/proxies.ts b/apps/web/src/features/recovery/services/proxies.ts
similarity index 100%
rename from src/features/recovery/services/proxies.ts
rename to apps/web/src/features/recovery/services/proxies.ts
diff --git a/src/features/recovery/services/recovery-sender.ts b/apps/web/src/features/recovery/services/recovery-sender.ts
similarity index 92%
rename from src/features/recovery/services/recovery-sender.ts
rename to apps/web/src/features/recovery/services/recovery-sender.ts
index 8ca388f47..3764bc2cf 100644
--- a/src/features/recovery/services/recovery-sender.ts
+++ b/apps/web/src/features/recovery/services/recovery-sender.ts
@@ -1,12 +1,12 @@
 import { getModuleInstance, KnownContracts } from '@gnosis.pm/zodiac'
-import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import type { SafeTransaction } from '@safe-global/types-kit'
 import type { TransactionAddedEvent } from '@gnosis.pm/zodiac/dist/cjs/types/Delay'
-import type { Eip1193Provider, TransactionResponse } from 'ethers'
+import type { Eip1193Provider, Overrides, TransactionResponse } from 'ethers'
 
 import { didReprice, didRevert } from '@/utils/ethers-utils'
 import { recoveryDispatch, RecoveryEvent, RecoveryTxType } from './recoveryEvents'
-import { asError } from '@/services/exceptions/utils'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
 import { getUncheckedSigner } from '../../../services/tx/tx-sender/sdk'
 import { isSmartContractWallet } from '@/utils/wallets'
 
@@ -76,12 +76,14 @@ export async function dispatchRecoveryProposal({
   safeTx,
   delayModifierAddress,
   signerAddress,
+  overrides,
 }: {
   provider: Eip1193Provider
-  safe: SafeInfo
+  safe: SafeState
   safeTx: SafeTransaction
   delayModifierAddress: string
   signerAddress: string
+  overrides: Overrides
 }) {
   const { delayModifier, isUnchecked } = await getDelayModifierContract({
     provider,
@@ -107,6 +109,7 @@ export async function dispatchRecoveryProposal({
       safeTx.data.value,
       safeTx.data.data,
       safeTx.data.operation,
+      overrides,
     )
 
     if (isUnchecked) {
@@ -142,12 +145,14 @@ export async function dispatchRecoveryExecution({
   args,
   delayModifierAddress,
   signerAddress,
+  overrides,
 }: {
   provider: Eip1193Provider
   chainId: string
   args: TransactionAddedEvent.Log['args']
   delayModifierAddress: string
   signerAddress: string
+  overrides: Overrides
 }) {
   const { delayModifier, isUnchecked } = await getDelayModifierContract({
     provider,
@@ -159,7 +164,7 @@ export async function dispatchRecoveryExecution({
   const txType = RecoveryTxType.EXECUTION
 
   try {
-    const tx = await delayModifier.executeNextTx(args.to, args.value, args.data, args.operation)
+    const tx = await delayModifier.executeNextTx(args.to, args.value, args.data, args.operation, overrides)
 
     if (isUnchecked) {
       recoveryDispatch(RecoveryEvent.PROCESSING_BY_SMART_CONTRACT_WALLET, {
diff --git a/src/features/recovery/services/recovery-state.ts b/apps/web/src/features/recovery/services/recovery-state.ts
similarity index 79%
rename from src/features/recovery/services/recovery-state.ts
rename to apps/web/src/features/recovery/services/recovery-state.ts
index 6303750e0..dded6651a 100644
--- a/src/features/recovery/services/recovery-state.ts
+++ b/apps/web/src/features/recovery/services/recovery-state.ts
@@ -1,14 +1,15 @@
 import { SENTINEL_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
 import memoize from 'lodash/memoize'
 import { getMultiSendCallOnlyDeployment } from '@safe-global/safe-deployments'
-import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
 import type { Delay } from '@gnosis.pm/zodiac'
 import type { TransactionAddedEvent } from '@gnosis.pm/zodiac/dist/cjs/types/Delay'
 import { toBeHex, type JsonRpcProvider, type TransactionReceipt } from 'ethers'
 import { trimTrailingSlash } from '@/utils/url'
-import { sameAddress } from '@/utils/addresses'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
 import { isMultiSendCalldata } from '@/utils/transaction-calldata'
-import { decodeMultiSendTxs } from '@/utils/transactions'
+import { decodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils'
+import { multicall } from '@safe-global/utils/utils/multicall'
 
 export const MAX_RECOVERER_PAGE_SIZE = 100
 
@@ -40,14 +41,14 @@ export function _isMaliciousRecovery({
   transaction,
 }: {
   chainId: string
-  version: SafeInfo['version']
+  version: SafeState['version']
   safeAddress: string
   transaction: Pick<AddedEvent['args'], 'to' | 'data'>
 }) {
   const BASE_MULTI_SEND_CALL_ONLY_VERSION = '1.3.0'
 
   const isMultiSend = isMultiSendCalldata(transaction.data)
-  const transactions = isMultiSend ? decodeMultiSendTxs(transaction.data) : [transaction]
+  const transactions = isMultiSend ? decodeMultiSendData(transaction.data) : [transaction]
 
   if (!isMultiSend) {
     // Calling the Safe itself
@@ -168,7 +169,7 @@ const getRecoveryQueueItem = async ({
   expiry: bigint
   provider: JsonRpcProvider
   chainId: string
-  version: SafeInfo['version']
+  version: SafeState['version']
   safeAddress: string
 }): Promise<RecoveryQueueItem> => {
   const [timestamps, receipt] = await Promise.all([
@@ -209,20 +210,51 @@ export const _getRecoveryStateItem = async ({
   safeAddress: string
   provider: JsonRpcProvider
   chainId: string
-  version: SafeInfo['version']
+  version: SafeState['version']
 }): Promise<RecoveryStateItem> => {
-  const [[recoverers], expiry, delay, txNonce, queueNonce] = await Promise.all([
-    delayModifier.getModulesPaginated(SENTINEL_ADDRESS, MAX_RECOVERER_PAGE_SIZE),
-    delayModifier.txExpiration(),
-    delayModifier.txCooldown(),
-    delayModifier.txNonce(),
-    delayModifier.queueNonce(),
-  ])
+  const delayModifierAddress = await delayModifier.getAddress()
+  const calls = [
+    {
+      to: delayModifierAddress,
+      data: delayModifier.interface.encodeFunctionData('getModulesPaginated', [
+        SENTINEL_ADDRESS,
+        MAX_RECOVERER_PAGE_SIZE,
+      ]),
+    },
+    {
+      to: delayModifierAddress,
+      data: delayModifier.interface.encodeFunctionData('txExpiration'),
+    },
+    {
+      to: delayModifierAddress,
+      data: delayModifier.interface.encodeFunctionData('txCooldown'),
+    },
+    {
+      to: delayModifierAddress,
+      data: delayModifier.interface.encodeFunctionData('txNonce'),
+    },
+    {
+      to: delayModifierAddress,
+      data: delayModifier.interface.encodeFunctionData('queueNonce'),
+    },
+  ]
+  const callResults = await multicall(provider, calls)
+
+  const [[recoverers], expiry, delay, txNonce, queueNonce] = [
+    delayModifier.interface.decodeFunctionResult('getModulesPaginated', callResults[0].returnData) as unknown as [
+      string[],
+      string,
+    ],
+    BigInt(callResults[1].returnData),
+    BigInt(callResults[2].returnData),
+    BigInt(callResults[3].returnData),
+    BigInt(callResults[4].returnData),
+  ]
 
   const queuedTransactionsAdded = await queryAddedTransactions(
     delayModifier,
-    BigInt(queueNonce),
-    BigInt(txNonce),
+    queueNonce,
+    txNonce,
     transactionService,
     provider,
     safeAddress,
@@ -263,7 +295,7 @@ export function getRecoveryState({
   safeAddress: string
   provider: JsonRpcProvider
   chainId: string
-  version: SafeInfo['version']
+  version: SafeState['version']
 }): Promise<RecoveryState> {
   return Promise.all(delayModifiers.map((delayModifier) => _getRecoveryStateItem({ delayModifier, ...rest })))
 }
diff --git a/src/features/recovery/services/recoveryEvents.ts b/apps/web/src/features/recovery/services/recoveryEvents.ts
similarity index 100%
rename from src/features/recovery/services/recoveryEvents.ts
rename to apps/web/src/features/recovery/services/recoveryEvents.ts
diff --git a/src/features/recovery/services/selectors.ts b/apps/web/src/features/recovery/services/selectors.ts
similarity index 95%
rename from src/features/recovery/services/selectors.ts
rename to apps/web/src/features/recovery/services/selectors.ts
index ceda752f1..aa6ac50aa 100644
--- a/src/features/recovery/services/selectors.ts
+++ b/apps/web/src/features/recovery/services/selectors.ts
@@ -1,6 +1,6 @@
 import { createSelector } from '@reduxjs/toolkit'
 
-import { sameAddress } from '@/utils/addresses'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
 import type { RecoveryState } from '@/features/recovery/services/recovery-state'
 
 // Identity function to help with type inference
diff --git a/src/features/recovery/services/setup.ts b/apps/web/src/features/recovery/services/setup.ts
similarity index 96%
rename from src/features/recovery/services/setup.ts
rename to apps/web/src/features/recovery/services/setup.ts
index 865bc2b2c..4833bc0a3 100644
--- a/src/features/recovery/services/setup.ts
+++ b/apps/web/src/features/recovery/services/setup.ts
@@ -1,11 +1,11 @@
-import { OperationType } from '@safe-global/safe-core-sdk-types'
+import { OperationType } from '@safe-global/types-kit'
 import { SENTINEL_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
 import { getModuleInstance, KnownContracts, deployAndSetUpModule } from '@gnosis.pm/zodiac'
 import { Interface } from 'ethers'
 import type { JsonRpcProvider } from 'ethers'
-import type { MetaTransactionData } from '@safe-global/safe-core-sdk-types'
+import type { MetaTransactionData } from '@safe-global/types-kit'
 
-import { sameAddress } from '@/utils/addresses'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
 import { MAX_RECOVERER_PAGE_SIZE } from './recovery-state'
 import type { UpsertRecoveryFlowProps } from '@/components/tx-flow/flows/UpsertRecovery'
 
diff --git a/src/features/recovery/services/transaction-list.ts b/apps/web/src/features/recovery/services/transaction-list.ts
similarity index 80%
rename from src/features/recovery/services/transaction-list.ts
rename to apps/web/src/features/recovery/services/transaction-list.ts
index 084acf027..3b9da8b75 100644
--- a/src/features/recovery/services/transaction-list.ts
+++ b/apps/web/src/features/recovery/services/transaction-list.ts
@@ -1,4 +1,4 @@
-import { sameAddress } from '@/utils/addresses'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
 import {
   isSwapOwnerCalldata,
   isAddOwnerWithThresholdCalldata,
@@ -6,13 +6,13 @@ import {
   isChangeThresholdCalldata,
   isMultiSendCalldata,
 } from '@/utils/transaction-calldata'
-import { decodeMultiSendTxs } from '@/utils/transactions'
 import { getSafeSingletonDeployment } from '@safe-global/safe-deployments'
 import { Interface } from 'ethers'
 import type { BaseTransaction } from '@safe-global/safe-apps-sdk'
-import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { decodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils'
 
-function decodeOwnerManagementTransaction(safe: SafeInfo, transaction: BaseTransaction): SafeInfo {
+function decodeOwnerManagementTransaction(safe: SafeState, transaction: BaseTransaction): SafeState {
   const safeDeployment = getSafeSingletonDeployment({ network: safe.chainId, version: safe.version ?? undefined })
 
   if (!safeDeployment) {
@@ -53,8 +53,8 @@ function decodeOwnerManagementTransaction(safe: SafeInfo, transaction: BaseTrans
   }
 }
 
-export function getRecoveredSafeInfo(safe: SafeInfo, transaction: BaseTransaction): SafeInfo {
-  const transactions = isMultiSendCalldata(transaction.data) ? decodeMultiSendTxs(transaction.data) : [transaction]
+export function getRecoveredSafeInfo(safe: SafeState, transaction: BaseTransaction): SafeState {
+  const transactions = isMultiSendCalldata(transaction.data) ? decodeMultiSendData(transaction.data) : [transaction]
 
   return transactions.reduce((acc, cur) => {
     return decodeOwnerManagementTransaction(acc, cur)
diff --git a/src/features/recovery/services/transaction.ts b/apps/web/src/features/recovery/services/transaction.ts
similarity index 91%
rename from src/features/recovery/services/transaction.ts
rename to apps/web/src/features/recovery/services/transaction.ts
index ac3e962c9..3aedc6630 100644
--- a/src/features/recovery/services/transaction.ts
+++ b/apps/web/src/features/recovery/services/transaction.ts
@@ -1,11 +1,11 @@
 import { Interface } from 'ethers'
 import { getSafeSingletonDeployment } from '@safe-global/safe-deployments'
 import { SENTINEL_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-import { OperationType } from '@safe-global/safe-core-sdk-types'
-import { sameAddress } from '@/utils/addresses'
+import { OperationType } from '@safe-global/types-kit'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
 import { getModuleInstance, KnownContracts } from '@gnosis.pm/zodiac'
-import type { MetaTransactionData } from '@safe-global/safe-core-sdk-types'
-import type { AddressEx, SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import type { MetaTransactionData } from '@safe-global/types-kit'
+import { type SafeState, type AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
 import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
 import type { Provider } from 'ethers'
 
@@ -14,9 +14,9 @@ export function getRecoveryProposalTransactions({
   newThreshold,
   newOwners,
 }: {
-  safe: SafeInfo
+  safe: SafeState
   newThreshold: number
-  newOwners: Array<AddressEx>
+  newOwners: Array<AddressInfo>
 }): Array<MetaTransactionData> {
   const safeDeployment = getSafeSingletonDeployment({ network: safe.chainId, version: safe.version ?? undefined })
 
diff --git a/apps/web/src/features/spaces/components/AddAccounts/AddManually.tsx b/apps/web/src/features/spaces/components/AddAccounts/AddManually.tsx
new file mode 100644
index 000000000..19d68fa4d
--- /dev/null
+++ b/apps/web/src/features/spaces/components/AddAccounts/AddManually.tsx
@@ -0,0 +1,146 @@
+import AddressInput from '@/components/common/AddressInput'
+import ChainIndicator from '@/components/common/ChainIndicator'
+import ModalDialog from '@/components/common/ModalDialog'
+import networkSelectorCss from '@/components/common/NetworkSelector/styles.module.css'
+import chains from '@/config/chains'
+import css from './styles.module.css'
+import useChains from '@/hooks/useChains'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import { Button, DialogActions, DialogContent, MenuItem, Select, Stack, Box } from '@mui/material'
+import { getSafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import React, { useCallback, useState } from 'react'
+import { FormProvider, useForm } from 'react-hook-form'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+import { trackEvent } from '@/services/analytics'
+
+export type AddManuallyFormValues = {
+  address: string
+  chainId: string
+}
+
+const AddManually = ({ handleAddSafe }: { handleAddSafe: (data: AddManuallyFormValues) => void }) => {
+  const [addManuallyOpen, setAddManuallyOpen] = useState(false)
+  const { configs } = useChains()
+
+  const formMethods = useForm<AddManuallyFormValues>({
+    mode: 'onChange',
+    defaultValues: {
+      address: '',
+      chainId: chains.eth,
+    },
+  })
+
+  const { handleSubmit, watch, register, reset, formState } = formMethods
+
+  const chainId = watch('chainId')
+  const selectedChain = configs.find((chain) => chain.chainId === chainId)
+
+  const onSubmit = handleSubmit((data) => {
+    trackEvent({ ...SPACE_EVENTS.ADD_ACCOUNT_MANUALLY })
+    handleAddSafe(data)
+    onClose()
+  })
+
+  const onClose = () => {
+    reset()
+    setAddManuallyOpen(false)
+  }
+
+  const validateSafeAddress = async (address: string) => {
+    try {
+      await getSafeInfo(chainId, address)
+    } catch (error) {
+      return 'Address given is not a valid Safe Account address'
+    }
+  }
+
+  const renderMenuItem = useCallback(
+    (chainId: string, isSelected: boolean) => {
+      const chain = configs.find((chain) => chain.chainId === chainId)
+      if (!chain) return null
+
+      return (
+        <MenuItem
+          data-testid="network-item"
+          key={chainId}
+          value={chainId}
+          sx={{ '&:hover': { backgroundColor: isSelected ? 'transparent' : 'inherit' } }}
+          disableRipple={isSelected}
+        >
+          <ChainIndicator chainId={chainId} />
+        </MenuItem>
+      )
+    },
+    [configs],
+  )
+
+  const chainIdField = register('chainId')
+
+  return (
+    <>
+      <Button data-testid="add-manually-button" size="compact" onClick={() => setAddManuallyOpen(true)}>
+        + Add manually
+      </Button>
+      <ModalDialog
+        open={addManuallyOpen}
+        dialogTitle="Add safe account"
+        onClose={onClose}
+        hideChainIndicator
+        PaperProps={{ sx: { maxWidth: '760px' } }}
+      >
+        <FormProvider {...formMethods}>
+          <form
+            onSubmit={(e) => {
+              e.stopPropagation()
+              return onSubmit(e)
+            }}
+          >
+            <DialogContent>
+              <Stack direction={{ xs: 'column', md: 'row' }} spacing={2}>
+                <AddressInput
+                  data-testid="add-address-input"
+                  label="Safe Account"
+                  chain={selectedChain}
+                  validate={validateSafeAddress}
+                  name="address"
+                  deps={chainId}
+                />
+                <Box data-testid="network-selector" className={css.selectWrapper}>
+                  <Select
+                    {...chainIdField}
+                    value={chainId}
+                    size="small"
+                    className={networkSelectorCss.select}
+                    variant="standard"
+                    sx={{ width: '100%' }}
+                    IconComponent={ExpandMoreIcon}
+                    renderValue={(value) => renderMenuItem(value, true)}
+                    MenuProps={{
+                      transitionDuration: 0,
+                      slotProps: { paper: { sx: { overflow: 'auto' } } },
+                    }}
+                  >
+                    {configs.map((chain) => renderMenuItem(chain.chainId, false))}
+                  </Select>
+                </Box>
+              </Stack>
+            </DialogContent>
+            <DialogActions>
+              <Button onClick={onClose}>Cancel</Button>
+              <Button
+                data-testid="add-space-account-manually-button"
+                variant="contained"
+                disabled={!formState.isValid}
+                type="submit"
+              >
+                Add
+              </Button>
+            </DialogActions>
+          </form>
+        </FormProvider>
+      </ModalDialog>
+    </>
+  )
+}
+
+export default AddManually
diff --git a/apps/web/src/features/spaces/components/AddAccounts/SafesList.tsx b/apps/web/src/features/spaces/components/AddAccounts/SafesList.tsx
new file mode 100644
index 000000000..a03b87da4
--- /dev/null
+++ b/apps/web/src/features/spaces/components/AddAccounts/SafesList.tsx
@@ -0,0 +1,217 @@
+import ChainIndicator from '@/components/common/ChainIndicator'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { ChainIcon } from '@/components/common/SafeIcon'
+import { isMultiChainSafeItem } from '@/features/multichain/utils/utils'
+import { MultichainIndicator } from '@/features/myAccounts/components/AccountItems/MultiAccountItem'
+import type { SafeItem } from '@/features/myAccounts/hooks/useAllSafes'
+import {
+  type AllSafeItems,
+  flattenSafeItems,
+  type MultiChainSafeItem,
+} from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import type { AddAccountsFormValues } from '@/features/spaces/components/AddAccounts/index'
+import css from '@/features/spaces/components/AddAccounts/styles.module.css'
+import { useChain } from '@/hooks/useChains'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import {
+  Accordion,
+  AccordionDetails,
+  AccordionSummary,
+  Box,
+  Checkbox,
+  List,
+  ListItem,
+  Stack,
+  Typography,
+} from '@mui/material'
+import ListItemButton from '@mui/material/ListItemButton'
+import ListItemIcon from '@mui/material/ListItemIcon'
+import ListItemText from '@mui/material/ListItemText'
+import { Controller, useFormContext } from 'react-hook-form'
+import { useSpaceSafes } from '@/features/spaces/hooks/useSpaceSafes'
+import isEqual from 'lodash/isEqual'
+
+const ChainItem = ({ chainId }: { chainId: string }) => {
+  const chainConfig = useChain(chainId)
+
+  if (!chainConfig) return null
+
+  return (
+    <Stack alignItems="center" direction="row" gap={1}>
+      <ChainIcon chainId={chainId} />
+      <Typography
+        component="span"
+        sx={{
+          color: 'var(--color-primary-light)',
+          fontSize: 'inherit',
+        }}
+      >
+        {chainConfig.chainName}
+      </Typography>
+    </Stack>
+  )
+}
+
+export const getSafeId = (safeItem: SafeItem) => {
+  return `${safeItem.chainId}:${safeItem.address}`
+}
+
+function getMultiChainSafeId(mcSafe: MultiChainSafeItem) {
+  return `multichain_${mcSafe.address}`
+}
+
+const SafesList = ({ safes }: { safes: AllSafeItems }) => {
+  const { watch, setValue, control } = useFormContext<AddAccountsFormValues>()
+  const { allSafes: spaceSafes } = useSpaceSafes()
+  const flatSafeItems = flattenSafeItems(spaceSafes)
+  const multiChainSpaceSafes = spaceSafes.filter(isMultiChainSafeItem)
+
+  return (
+    <List
+      sx={{
+        px: 2,
+        pb: 2,
+        pt: 0,
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 1,
+        maxHeight: 400,
+        minHeight: 400,
+        overflow: 'auto',
+      }}
+    >
+      {safes.map((safe, index) => {
+        if (isMultiChainSafeItem(safe)) {
+          const parentSafeId = getMultiChainSafeId(safe)
+          const subSafeIds = safe.safes.map(getSafeId)
+          const watchedSubSafeIds = subSafeIds.map((id) => `selectedSafes.${id}`)
+
+          // @ts-ignore TODO: Check why this overload is not supported https://react-hook-form.com/docs/useform/watch
+          const subSafeValues = watch(watchedSubSafeIds)
+
+          const totalSubSafes = safe.safes.length
+          const checkedCount = subSafeValues.filter(Boolean).length
+          const allChecked = checkedCount === totalSubSafes && totalSubSafes > 0
+          const someChecked = checkedCount > 0 && checkedCount < totalSubSafes
+          const alreadyAdded = multiChainSpaceSafes.some((spaceSafe) => isEqual(spaceSafe.safes, safe.safes))
+
+          const handleHeaderCheckboxChange = (checked: boolean) => {
+            setValue(`selectedSafes.${parentSafeId}`, checked, { shouldValidate: true })
+
+            subSafeIds.forEach((id) => {
+              setValue(`selectedSafes.${id}`, checked, { shouldValidate: true })
+            })
+          }
+
+          return (
+            <Accordion key={index} className={css.accordion} disableGutters sx={{ flexShrink: '0' }}>
+              <AccordionSummary
+                expandIcon={<ExpandMoreIcon />}
+                sx={{
+                  '& .MuiAccordionSummary-expandIconWrapper': { position: 'absolute', right: '16px' },
+                }}
+              >
+                <Checkbox
+                  checked={Boolean(allChecked) || alreadyAdded}
+                  indeterminate={someChecked}
+                  onChange={(e) => handleHeaderCheckboxChange(e.target.checked)}
+                  onClick={(e) => e.stopPropagation()}
+                  onFocus={(e) => e.stopPropagation()}
+                  sx={{ mr: 2 }}
+                  disabled={alreadyAdded}
+                />
+                <Box className={css.safeRow}>
+                  <EthHashInfo address={safe.address} copyAddress={false} showPrefix={false} />
+                  <Box sx={{ justifySelf: 'flex-start' }}>
+                    <MultichainIndicator safes={safe.safes} />
+                  </Box>
+                </Box>
+              </AccordionSummary>
+
+              <AccordionDetails sx={{ p: 0 }}>
+                <List disablePadding>
+                  {safe.safes.map((subSafe) => {
+                    const subSafeId = getSafeId(subSafe)
+                    const alreadyAdded = flatSafeItems.some((spaceSafe) => {
+                      return spaceSafe.chainId === subSafe.chainId && spaceSafe.address === subSafe.address
+                    })
+
+                    return (
+                      <Controller
+                        key={`${subSafeId}`}
+                        name={`selectedSafes.${subSafeId}`}
+                        control={control}
+                        render={({ field }) => {
+                          const handleItemClick = () => {
+                            field.onChange(!field.value)
+                          }
+
+                          return (
+                            <ListItem disablePadding>
+                              <ListItemButton onClick={handleItemClick} disabled={alreadyAdded}>
+                                <ListItemIcon onClick={(e) => e.stopPropagation()}>
+                                  <Checkbox
+                                    checked={Boolean(field.value) || alreadyAdded}
+                                    onClick={(e) => e.stopPropagation()}
+                                    onFocus={(e) => e.stopPropagation()}
+                                    onChange={(e) => field.onChange(e.target.checked)}
+                                  />
+                                </ListItemIcon>
+                                <ListItemText primary={<ChainItem chainId={subSafe.chainId} />} />
+                              </ListItemButton>
+                            </ListItem>
+                          )
+                        }}
+                      />
+                    )
+                  })}
+                </List>
+              </AccordionDetails>
+            </Accordion>
+          )
+        }
+
+        const safeId = getSafeId(safe)
+        const alreadyAdded = flatSafeItems.some(
+          (spaceSafe) => spaceSafe.address === safe.address && spaceSafe.chainId === safe.chainId,
+        )
+
+        return (
+          <Controller
+            key={`${safeId}`}
+            name={`selectedSafes.${safeId}`}
+            control={control}
+            render={({ field }) => {
+              const handleItemClick = () => {
+                field.onChange(!field.value)
+              }
+
+              return (
+                <ListItem className={css.safeItem} disablePadding>
+                  <ListItemButton onClick={handleItemClick} disabled={alreadyAdded}>
+                    <ListItemIcon onClick={(e) => e.stopPropagation()}>
+                      <Checkbox
+                        checked={Boolean(field.value) || alreadyAdded}
+                        onChange={(event) => field.onChange(event.target.checked)}
+                      />
+                    </ListItemIcon>
+                    <ListItemText
+                      primary={
+                        <Box className={css.safeRow}>
+                          <EthHashInfo address={safe.address} chainId={safe.chainId} copyAddress={false} />
+                          <ChainIndicator chainId={safe.chainId} responsive onlyLogo />
+                        </Box>
+                      }
+                    />
+                  </ListItemButton>
+                </ListItem>
+              )
+            }}
+          />
+        )
+      })}
+    </List>
+  )
+}
+
+export default SafesList
diff --git a/apps/web/src/features/spaces/components/AddAccounts/index.tsx b/apps/web/src/features/spaces/components/AddAccounts/index.tsx
new file mode 100644
index 000000000..83b97a541
--- /dev/null
+++ b/apps/web/src/features/spaces/components/AddAccounts/index.tsx
@@ -0,0 +1,266 @@
+import ModalDialog from '@/components/common/ModalDialog'
+import type { SafeItem, SafeItems } from '@/features/myAccounts/hooks/useAllSafes'
+import { useSafesSearch } from '@/features/myAccounts/hooks/useSafesSearch'
+import AddManually, { type AddManuallyFormValues } from '@/features/spaces/components/AddAccounts/AddManually'
+import SafesList, { getSafeId } from '@/features/spaces/components/AddAccounts/SafesList'
+import { useCurrentSpaceId } from '@/features/spaces/hooks/useCurrentSpaceId'
+import SearchIcon from '@/public/images/common/search.svg'
+import { useSpaceSafesCreateV1Mutation } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+
+import debounce from 'lodash/debounce'
+import css from './styles.module.css'
+import {
+  type AllSafeItems,
+  flattenSafeItems,
+  useOwnedSafesGrouped,
+} from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import { getComparator } from '@/features/myAccounts/utils/utils'
+import { useAppDispatch, useAppSelector } from '@/store'
+import { selectOrderByPreference } from '@/store/orderByPreferenceSlice'
+import {
+  Alert,
+  Box,
+  Button,
+  Card,
+  Container,
+  DialogActions,
+  DialogContent,
+  InputAdornment,
+  SvgIcon,
+  TextField,
+  Tooltip,
+  Typography,
+} from '@mui/material'
+import React, { useCallback, useEffect, useMemo, useState } from 'react'
+import { FormProvider, useForm } from 'react-hook-form'
+import { trackEvent } from '@/services/analytics'
+import { SPACE_EVENTS, SPACE_LABELS } from '@/services/analytics/events/spaces'
+import Track from '@/components/common/Track'
+import { useIsAdmin } from '@/features/spaces/hooks/useSpaceMembers'
+import { useSpaceSafes } from '@/features/spaces/hooks/useSpaceSafes'
+import { showNotification } from '@/store/notificationsSlice'
+
+export type AddAccountsFormValues = {
+  selectedSafes: Record<string, boolean>
+}
+
+function getSelectedSafes(safes: AddAccountsFormValues['selectedSafes'], spaceSafes: AllSafeItems) {
+  const flatSafeItems = flattenSafeItems(spaceSafes)
+
+  return Object.entries(safes).filter(
+    ([key, isSelected]) =>
+      isSelected &&
+      !key.startsWith('multichain_') &&
+      !flatSafeItems.some((spaceSafe) => {
+        const [chainId, address] = key.split(':')
+        return spaceSafe.address === address && spaceSafe.chainId === chainId
+      }),
+  )
+}
+
+const SAFE_ACCOUNTS_LIMIT = 10
+
+const AddAccounts = () => {
+  const isAdmin = useIsAdmin()
+  const [open, setOpen] = useState<boolean>(false)
+  const [searchQuery, setSearchQuery] = useState('')
+  const [error, setError] = useState<string>()
+  const [manualSafes, setManualSafes] = useState<SafeItems>([])
+
+  const { orderBy } = useAppSelector(selectOrderByPreference)
+  const dispatch = useAppDispatch()
+  const { allSafes: spaceSafes } = useSpaceSafes()
+  const safes = useOwnedSafesGrouped()
+  const sortComparator = getComparator(orderBy)
+  const [addSafesToSpace] = useSpaceSafesCreateV1Mutation()
+  const spaceId = useCurrentSpaceId()
+
+  const allSafes = useMemo<AllSafeItems>(
+    () => [...manualSafes, ...(safes.allMultiChainSafes ?? []), ...(safes.allSingleSafes ?? [])].sort(sortComparator),
+    [manualSafes, safes.allMultiChainSafes, safes.allSingleSafes, sortComparator],
+  )
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const handleSearch = useCallback(debounce(setSearchQuery, 300), [])
+  const filteredSafes = useSafesSearch(allSafes ?? [], searchQuery)
+
+  const formMethods = useForm<AddAccountsFormValues>({
+    mode: 'onChange',
+    defaultValues: {
+      selectedSafes: {},
+    },
+  })
+
+  const { handleSubmit, watch, setValue } = formMethods
+
+  const selectedSafes = watch(`selectedSafes`)
+  const selectedSafesLength = getSelectedSafes(selectedSafes, spaceSafes).length
+
+  const onSubmit = handleSubmit(async (data) => {
+    trackEvent({ ...SPACE_EVENTS.ADD_ACCOUNTS })
+    const safesToAdd = getSelectedSafes(data.selectedSafes, spaceSafes).map(([key]) => {
+      const [chainId, address] = key.split(':')
+      return { chainId, address }
+    })
+
+    try {
+      const result = await addSafesToSpace({
+        spaceId: Number(spaceId),
+        createSpaceSafesDto: { safes: safesToAdd },
+      })
+
+      if (result.error) {
+        // @ts-ignore
+        setError(result.error?.data?.message || 'Something went wrong adding one or more Safe Accounts.')
+        return
+      }
+
+      dispatch(
+        showNotification({
+          message: `Added safe account(s) to space`,
+          variant: 'success',
+          groupKey: 'add-safe-account-success',
+        }),
+      )
+
+      handleClose()
+    } catch (e) {
+      console.log(e)
+    }
+  })
+
+  const handleAddSafe = (data: AddManuallyFormValues) => {
+    const alreadyExists = allSafes.some((safe) => safe.address === data.address)
+
+    const newSafeItem: SafeItem = {
+      ...data,
+      isReadOnly: false,
+      isPinned: false,
+      lastVisited: 0,
+      name: '',
+    }
+
+    if (!alreadyExists) {
+      setManualSafes((prev) => [newSafeItem, ...prev])
+    }
+
+    const safeId = getSafeId(newSafeItem)
+    setValue(`selectedSafes.${safeId}`, true, { shouldValidate: true })
+  }
+
+  const handleClose = () => {
+    setError(undefined)
+    setSearchQuery('')
+    setValue('selectedSafes', {}) // Reset doesn't seem to work consistently with an object
+    setOpen(false)
+  }
+
+  useEffect(() => {
+    if (searchQuery) {
+      trackEvent({ ...SPACE_EVENTS.SEARCH_ACCOUNTS, label: SPACE_LABELS.add_accounts_modal })
+    }
+  }, [searchQuery])
+
+  return (
+    <>
+      <Tooltip title={!isAdmin ? 'You need to be an Admin to add accounts' : ''} placement="top">
+        <Box component="span">
+          <Button
+            data-testid="add-space-account-button"
+            variant="contained"
+            onClick={() => setOpen(true)}
+            disabled={!isAdmin}
+            sx={{ whiteSpace: 'nowrap' }}
+          >
+            Add accounts
+          </Button>
+        </Box>
+      </Tooltip>
+
+      <ModalDialog
+        open={open}
+        fullScreen
+        hideChainIndicator
+        PaperProps={{ sx: { backgroundColor: 'border.background' } }}
+      >
+        <DialogContent sx={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}>
+          <Container fixed maxWidth="sm" disableGutters>
+            <Typography component="div" variant="h1" mb={1}>
+              Add Safe Accounts
+            </Typography>
+            <Typography mb={2}>
+              You can add any Safe Account to your Space. This is currently limited to {SAFE_ACCOUNTS_LIMIT} Safe
+              Accounts.
+            </Typography>
+            <Card>
+              <FormProvider {...formMethods}>
+                <form onSubmit={onSubmit}>
+                  <Box m={2}>
+                    <TextField
+                      id="search-by-name"
+                      placeholder="Search"
+                      aria-label="Search Safe list by name"
+                      variant="filled"
+                      hiddenLabel
+                      onChange={(e) => {
+                        handleSearch(e.target.value)
+                      }}
+                      className={css.search}
+                      InputProps={{
+                        startAdornment: (
+                          <InputAdornment position="start">
+                            <SvgIcon
+                              component={SearchIcon}
+                              inheritViewBox
+                              fontWeight="bold"
+                              fontSize="small"
+                              sx={{
+                                color: 'var(--color-border-main)',
+                                '.MuiInputBase-root.Mui-focused &': { color: 'var(--color-text-primary)' },
+                              }}
+                            />
+                          </InputAdornment>
+                        ),
+                        disableUnderline: true,
+                      }}
+                      fullWidth
+                      size="small"
+                    />
+                  </Box>
+
+                  {searchQuery ? <SafesList safes={filteredSafes} /> : <SafesList safes={allSafes} />}
+
+                  <Box p={2}>
+                    <Track {...SPACE_EVENTS.ADD_ACCOUNT_MANUALLY_MODAL}>
+                      <AddManually handleAddSafe={handleAddSafe} />
+                    </Track>
+                  </Box>
+
+                  {error && (
+                    <Alert severity="error" sx={{ m: 2, mt: 0 }}>
+                      {error}
+                    </Alert>
+                  )}
+
+                  <DialogActions>
+                    <Button onClick={handleClose}>Cancel</Button>
+                    <Button
+                      data-testid="add-accounts-button"
+                      variant="contained"
+                      disabled={selectedSafesLength === 0}
+                      type="submit"
+                    >
+                      Add Accounts ({selectedSafesLength})
+                    </Button>
+                  </DialogActions>
+                </form>
+              </FormProvider>
+            </Card>
+          </Container>
+        </DialogContent>
+      </ModalDialog>
+    </>
+  )
+}
+
+export default AddAccounts
diff --git a/apps/web/src/features/spaces/components/AddAccounts/styles.module.css b/apps/web/src/features/spaces/components/AddAccounts/styles.module.css
new file mode 100644
index 000000000..63d12a357
--- /dev/null
+++ b/apps/web/src/features/spaces/components/AddAccounts/styles.module.css
@@ -0,0 +1,31 @@
+.safeRow {
+  display: grid;
+  grid-template-columns: 8fr 3fr;
+  align-items: center;
+  width: 100%;
+}
+
+.safeItem {
+  border: 1px solid var(--color-border-light);
+  border-radius: 6px;
+}
+
+.search :global .MuiInputBase-root {
+  border: 1px solid transparent !important;
+}
+
+.selectWrapper {
+  display: flex;
+  align-items: center;
+  border-radius: 8px;
+  border: 1px solid var(--color-border-light);
+  height: 66px;
+}
+
+.accordion {
+  border: 1px solid var(--color-border-light) !important;
+}
+
+.accordion:hover > h3 > button {
+  background-color: rgba(0, 0, 0, 0.04);
+}
diff --git a/apps/web/src/features/spaces/components/AddMemberModal/MemberInfoForm.tsx b/apps/web/src/features/spaces/components/AddMemberModal/MemberInfoForm.tsx
new file mode 100644
index 000000000..3449089ce
--- /dev/null
+++ b/apps/web/src/features/spaces/components/AddMemberModal/MemberInfoForm.tsx
@@ -0,0 +1,41 @@
+import NameInput from '@/components/common/NameInput'
+import { Controller, useFormContext } from 'react-hook-form'
+import { MenuItem, Select, Stack } from '@mui/material'
+import { RoleMenuItem } from '@/features/spaces/components/AddMemberModal/index'
+import { MemberRole } from '@/features/spaces/hooks/useSpaceMembers'
+import css from './styles.module.css'
+
+const MemberInfoForm = ({ isEdit = false }: { isEdit?: boolean }) => {
+  const { control } = useFormContext()
+
+  return (
+    <Stack direction="row" spacing={2} alignItems="center">
+      <NameInput data-testid="member-name-input" name="name" label="Name" required disabled={isEdit} />
+
+      <Controller
+        control={control}
+        name="role"
+        defaultValue={MemberRole.MEMBER}
+        render={({ field: { value, onChange, ...field } }) => (
+          <Select
+            {...field}
+            value={value}
+            onChange={onChange}
+            required
+            sx={{ minWidth: '150px', py: 0.5 }}
+            renderValue={(role) => <RoleMenuItem role={role as MemberRole} />}
+          >
+            <MenuItem value={MemberRole.ADMIN} className={css.menuItem}>
+              <RoleMenuItem role={MemberRole.ADMIN} hasDescription selected={value === MemberRole.ADMIN} />
+            </MenuItem>
+            <MenuItem value={MemberRole.MEMBER} className={css.menuItem}>
+              <RoleMenuItem role={MemberRole.MEMBER} hasDescription selected={value === MemberRole.MEMBER} />
+            </MenuItem>
+          </Select>
+        )}
+      />
+    </Stack>
+  )
+}
+
+export default MemberInfoForm
diff --git a/apps/web/src/features/spaces/components/AddMemberModal/index.tsx b/apps/web/src/features/spaces/components/AddMemberModal/index.tsx
new file mode 100644
index 000000000..5a28bec26
--- /dev/null
+++ b/apps/web/src/features/spaces/components/AddMemberModal/index.tsx
@@ -0,0 +1,183 @@
+import { type ReactElement, useState } from 'react'
+import {
+  Alert,
+  Box,
+  Button,
+  CircularProgress,
+  DialogActions,
+  DialogContent,
+  Stack,
+  SvgIcon,
+  Typography,
+} from '@mui/material'
+import { FormProvider, useForm } from 'react-hook-form'
+import ModalDialog from '@/components/common/ModalDialog'
+import memberIcon from '@/public/images/spaces/member.svg'
+import adminIcon from '@/public/images/spaces/admin.svg'
+import AddressInput from '@/components/common/AddressInput'
+import CheckIcon from '@mui/icons-material/Check'
+import css from './styles.module.css'
+import { useMembersInviteUserV1Mutation } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useCurrentSpaceId } from 'src/features/spaces/hooks/useCurrentSpaceId'
+import { useRouter } from 'next/router'
+import { AppRoutes } from '@/config/routes'
+import { MemberRole } from '@/features/spaces/hooks/useSpaceMembers'
+import { trackEvent } from '@/services/analytics'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+import { useAppDispatch } from '@/store'
+import { showNotification } from '@/store/notificationsSlice'
+import MemberInfoForm from '@/features/spaces/components/AddMemberModal/MemberInfoForm'
+
+type MemberField = {
+  name: string
+  address: string
+  role: MemberRole
+}
+
+export const RoleMenuItem = ({
+  role,
+  hasDescription = false,
+  selected = false,
+}: {
+  role: MemberRole
+  hasDescription?: boolean
+  selected?: boolean
+}): ReactElement => {
+  const isAdmin = role === MemberRole.ADMIN
+
+  return (
+    <Box width="100%" alignItems="center" className={css.roleMenuItem}>
+      <Box sx={{ gridArea: 'icon', display: 'flex', alignItems: 'center' }}>
+        <SvgIcon mr={1} component={isAdmin ? adminIcon : memberIcon} inheritViewBox fontSize="small" />
+      </Box>
+      <Typography gridArea="title" fontWeight={hasDescription ? 'bold' : undefined}>
+        {isAdmin ? 'Admin' : 'Member'}
+      </Typography>
+      {hasDescription && (
+        <>
+          <Box gridArea="description">
+            <Typography variant="body2" sx={{ maxWidth: '300px', whiteSpace: 'normal', wordWrap: 'break-word' }}>
+              {isAdmin ? 'Admins can create and delete spaces, invite members, and more.' : 'Can view the space data.'}
+            </Typography>
+          </Box>
+          <Box gridArea="checkIcon" sx={{ visibility: selected ? 'visible' : 'hidden', mx: 1 }}>
+            <CheckIcon fontSize="small" sx={{ color: 'text.primary' }} />
+          </Box>
+        </>
+      )}
+    </Box>
+  )
+}
+
+const AddMemberModal = ({ onClose }: { onClose: () => void }): ReactElement => {
+  const spaceId = useCurrentSpaceId()
+  const router = useRouter()
+  const dispatch = useAppDispatch()
+  const [error, setError] = useState<string>()
+  const [isSubmitting, setIsSubmitting] = useState(false)
+  const [inviteMembers] = useMembersInviteUserV1Mutation()
+
+  const methods = useForm<MemberField>({
+    mode: 'onChange',
+    defaultValues: {
+      name: '',
+      address: '',
+      role: MemberRole.MEMBER,
+    },
+  })
+
+  const { handleSubmit, formState } = methods
+
+  const onSubmit = handleSubmit(async (data) => {
+    setError(undefined)
+
+    if (!spaceId) {
+      setError('Something went wrong. Please try again.')
+      return
+    }
+
+    try {
+      setIsSubmitting(true)
+      trackEvent({ ...SPACE_EVENTS.ADD_MEMBER })
+      const response = await inviteMembers({
+        spaceId: Number(spaceId),
+        inviteUsersDto: { users: [{ address: data.address, role: data.role, name: data.name }] },
+      })
+
+      if (response.data) {
+        if (router.pathname !== AppRoutes.spaces.members) {
+          router.push({ pathname: AppRoutes.spaces.members, query: { spaceId } })
+        }
+
+        dispatch(
+          showNotification({
+            message: `Invited ${data.name} to space`,
+            variant: 'success',
+            groupKey: 'invite-member-success',
+          }),
+        )
+
+        onClose()
+      }
+      if (response.error) {
+        // @ts-ignore
+        const errorMessage = response.error?.data?.message || 'Invite failed. Please try again.'
+        setError(errorMessage)
+      }
+    } catch (e) {
+      console.error(e)
+      setError('Something went wrong. Please try again.')
+    } finally {
+      setIsSubmitting(false)
+    }
+  })
+
+  return (
+    <ModalDialog open onClose={onClose} dialogTitle="Add member" hideChainIndicator>
+      <FormProvider {...methods}>
+        <form onSubmit={onSubmit}>
+          <DialogContent sx={{ py: 2 }}>
+            <Typography mb={2}>
+              Invite a signer of the Safe Accounts, or any other wallet address. Anyone in the space can see their name.
+            </Typography>
+
+            <Stack spacing={3}>
+              <MemberInfoForm />
+
+              <AddressInput
+                data-testid="member-address-input"
+                name="address"
+                label="Address"
+                required
+                showPrefix={false}
+              />
+            </Stack>
+
+            {error && (
+              <Alert severity="error" sx={{ mt: 2 }}>
+                {error}
+              </Alert>
+            )}
+          </DialogContent>
+
+          <DialogActions>
+            <Button data-testid="cancel-btn" onClick={onClose}>
+              Cancel
+            </Button>
+            <Button
+              data-testid="add-member-modal-button"
+              type="submit"
+              variant="contained"
+              disabled={!formState.isValid || isSubmitting}
+              disableElevation
+            >
+              {isSubmitting ? <CircularProgress size={20} /> : 'Add member'}
+            </Button>
+          </DialogActions>
+        </form>
+      </FormProvider>
+    </ModalDialog>
+  )
+}
+
+export default AddMemberModal
diff --git a/apps/web/src/features/spaces/components/AddMemberModal/styles.module.css b/apps/web/src/features/spaces/components/AddMemberModal/styles.module.css
new file mode 100644
index 000000000..41379f5b2
--- /dev/null
+++ b/apps/web/src/features/spaces/components/AddMemberModal/styles.module.css
@@ -0,0 +1,16 @@
+.roleMenuItem {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  grid-template-areas:
+    'icon      title       checkIcon'
+    '.         description checkIcon';
+  column-gap: var(--space-1);
+}
+
+.menuItem:hover {
+  background-color: var(--color-background-main) !important;
+}
+
+.menuItem:global(.Mui-selected) {
+  background-color: var(--color-background-main);
+}
diff --git a/apps/web/src/features/spaces/components/AuthState/index.tsx b/apps/web/src/features/spaces/components/AuthState/index.tsx
new file mode 100644
index 000000000..066d533bf
--- /dev/null
+++ b/apps/web/src/features/spaces/components/AuthState/index.tsx
@@ -0,0 +1,42 @@
+import { type ReactNode, useEffect } from 'react'
+import SignedOutState from '@/features/spaces/components/SignedOutState'
+import { isUnauthorized } from '@/features/spaces/utils'
+import UnauthorizedState from '@/features/spaces/components/UnauthorizedState'
+import LoadingState from '@/features/spaces/components/LoadingState'
+import { useAppDispatch, useAppSelector } from '@/store'
+import { isAuthenticated, setLastUsedSpace } from '@/store/authSlice'
+import { useSpacesGetOneV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useUsersGetWithWalletsV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/users'
+import { MemberStatus } from '@/features/spaces/hooks/useSpaceMembers'
+import { useHasFeature } from '@/hooks/useChains'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import useFeatureFlagRedirect from '@/features/spaces/hooks/useFeatureFlagRedirect'
+
+const AuthState = ({ spaceId, children }: { spaceId: string; children: ReactNode }) => {
+  const dispatch = useAppDispatch()
+  const isUserSignedIn = useAppSelector(isAuthenticated)
+  const { currentData: currentUser } = useUsersGetWithWalletsV1Query(undefined, { skip: !isUserSignedIn })
+  const { currentData, error, isLoading } = useSpacesGetOneV1Query({ id: Number(spaceId) }, { skip: !isUserSignedIn })
+  const isSpacesFeatureEnabled = useHasFeature(FEATURES.SPACES)
+  useFeatureFlagRedirect()
+
+  const isCurrentUserDeclined = currentData?.members.some(
+    (member) => member.user.id === currentUser?.id && member.status === MemberStatus.DECLINED,
+  )
+
+  useEffect(() => {
+    dispatch(setLastUsedSpace(spaceId))
+  }, [dispatch, spaceId])
+
+  if (!isSpacesFeatureEnabled) return null
+
+  if (isLoading) return <LoadingState />
+
+  if (!isUserSignedIn) return <SignedOutState />
+
+  if (isUnauthorized(error) || isCurrentUserDeclined) return <UnauthorizedState />
+
+  return children
+}
+
+export default AuthState
diff --git a/apps/web/src/features/spaces/components/Dashboard/AddAccountsCard.tsx b/apps/web/src/features/spaces/components/Dashboard/AddAccountsCard.tsx
new file mode 100644
index 000000000..d34050c82
--- /dev/null
+++ b/apps/web/src/features/spaces/components/Dashboard/AddAccountsCard.tsx
@@ -0,0 +1,47 @@
+import AddAccounts from '@/features/spaces/components/AddAccounts'
+import Image from 'next/image'
+import { Typography, Paper, Box, Stack } from '@mui/material'
+import EmptyDashboard from '@/public/images/spaces/empty_dashboard.png'
+import EmptyDashboardDark from '@/public/images/spaces/empty_dashboard_dark.png'
+
+import css from './styles.module.css'
+import { SPACE_EVENTS, SPACE_LABELS } from '@/services/analytics/events/spaces'
+import Track from '@/components/common/Track'
+import { useDarkMode } from '@/hooks/useDarkMode'
+
+const AddAccountsCard = () => {
+  const isDarkMode = useDarkMode()
+
+  return (
+    <Paper sx={{ p: 3, display: 'flex', gap: 3 }}>
+      <Stack direction={{ xs: 'column-reverse', md: 'row' }} alignItems="center" spacing={3}>
+        <Box sx={{ flex: 2 }}>
+          <Typography variant="h4" fontWeight={700} mb={2}>
+            Add your Safe Accounts
+          </Typography>
+
+          <Typography variant="body1" color="text.secondary" mb={2}>
+            Start by adding Safe Accounts to your space. Any accounts that are linked to your connected wallet can be
+            added to the space.
+          </Typography>
+
+          <Track {...SPACE_EVENTS.ADD_ACCOUNTS_MODAL} label={SPACE_LABELS.space_dashboard_card}>
+            <AddAccounts />
+          </Track>
+        </Box>
+
+        <Box>
+          <Image
+            className={css.image}
+            src={isDarkMode ? EmptyDashboardDark : EmptyDashboard}
+            alt="Illustration of two safes with their thresholds"
+            width={375}
+            height={200}
+          />
+        </Box>
+      </Stack>
+    </Paper>
+  )
+}
+
+export default AddAccountsCard
diff --git a/apps/web/src/features/spaces/components/Dashboard/AggregatedBalances.tsx b/apps/web/src/features/spaces/components/Dashboard/AggregatedBalances.tsx
new file mode 100644
index 000000000..e9947dd03
--- /dev/null
+++ b/apps/web/src/features/spaces/components/Dashboard/AggregatedBalances.tsx
@@ -0,0 +1,140 @@
+import { useChain } from '@/hooks/useChains'
+import { Card, Grid2, Skeleton, Stack, Typography } from '@mui/material'
+import css from '@/features/spaces/components/Dashboard/styles.module.css'
+import FiatValue from '@/components/common/FiatValue'
+import { useAppSelector } from '@/store'
+import { selectCurrency } from '@/store/settingsSlice'
+import { useGetMultipleSafeOverviewsQuery } from '@/store/api/gateway'
+import type { SafeOverview } from '@safe-global/safe-gateway-typescript-sdk'
+import type { SafeItem } from '@/features/myAccounts/hooks/useAllSafes'
+import ChainIndicator from '@/components/common/ChainIndicator'
+
+type FiatTotalByChain = {
+  chainId: string
+  total: number
+  percentage: number
+}
+
+function aggregateFiatTotalsByChainId(items: SafeOverview[]): FiatTotalByChain[] {
+  const totals: Record<string, number> = {}
+
+  for (const item of items) {
+    const fiatValue = Number(item.fiatTotal) || 0
+    totals[item.chainId] = (totals[item.chainId] || 0) + fiatValue
+  }
+
+  const grandTotal = Object.values(totals).reduce((sum, val) => sum + val, 0)
+
+  const result = Object.entries(totals).map(([chainId, total]) => {
+    const percentage = grandTotal ? (total / grandTotal) * 100 : 0
+
+    return {
+      chainId,
+      total,
+      percentage: parseFloat(percentage.toFixed(2)),
+    }
+  })
+
+  result.sort((a, b) => b.total - a.total)
+
+  return result
+}
+
+function getTopFiatTotals(chainTotals: FiatTotalByChain[]): FiatTotalByChain[] {
+  const MAX_NETWORKS = 5
+  if (chainTotals.length <= MAX_NETWORKS) {
+    return chainTotals
+  }
+
+  const topTotals = chainTotals.slice(0, MAX_NETWORKS - 1)
+  const rest = chainTotals.slice(MAX_NETWORKS - 1)
+
+  const otherTotal = rest.reduce((sum, item) => sum + item.total, 0)
+  const percentage = rest.reduce((sum, item) => sum + item.percentage, 0)
+
+  const otherItem: FiatTotalByChain = {
+    chainId: 'Other',
+    total: otherTotal,
+    percentage,
+  }
+
+  return [...topTotals, otherItem]
+}
+
+const AggregatedBalanceByChain = ({ fiatTotalByChain }: { fiatTotalByChain: FiatTotalByChain }) => {
+  const chain = useChain(fiatTotalByChain.chainId)
+
+  return (
+    <Stack>
+      <Typography component="div" variant="body2" color="primary.light" mb={0.5} height="24px">
+        {fiatTotalByChain.chainId === 'Other' ? 'Other' : <ChainIndicator chainId={fiatTotalByChain.chainId} />}
+      </Typography>
+
+      <Typography variant="h3" fontWeight="700" mb={0.5}>
+        <FiatValue value={fiatTotalByChain.total.toString()} maxLength={20} precise />
+      </Typography>
+
+      <div className={css.chainIndicator}>
+        <Typography
+          component="span"
+          className={css.chainIndicatorColor}
+          bgcolor={chain?.theme.backgroundColor || '#dddee0'}
+          width={`${fiatTotalByChain.percentage}%`}
+        />
+      </div>
+    </Stack>
+  )
+}
+
+const AggregatedBalance = ({ safeItems }: { safeItems: SafeItem[] }) => {
+  const currency = useAppSelector(selectCurrency)
+
+  const { data: safeOverviews, isLoading } = useGetMultipleSafeOverviewsQuery({ safes: safeItems, currency })
+  const aggregatedBalance = safeOverviews ? safeOverviews.reduce((prev, next) => prev + Number(next.fiatTotal), 0) : 0
+  const fiatTotalByChainId = safeOverviews ? aggregateFiatTotalsByChainId(safeOverviews) : []
+  const topTotals = getTopFiatTotals(fiatTotalByChainId)
+
+  if (isLoading) return <AggregatedBalanceSkeleton />
+
+  return (
+    <Card sx={{ p: 2, mb: 2 }}>
+      <Typography variant="body2" fontWeight="bold" mb={1} color="primary.light">
+        Aggregated balance
+      </Typography>
+      <Typography
+        component="div"
+        variant="h1"
+        sx={{
+          fontSize: 44,
+          lineHeight: '40px',
+        }}
+      >
+        <FiatValue value={aggregatedBalance.toString()} maxLength={20} precise />
+      </Typography>
+
+      {topTotals && (
+        <Grid2 container mt={3} spacing={2}>
+          {topTotals.map((fiatTotal) => {
+            return (
+              <Grid2 key={fiatTotal.chainId} size={{ xs: 12, md: 'grow' }} maxWidth={{ xs: 1, md: '20%' }}>
+                <AggregatedBalanceByChain fiatTotalByChain={fiatTotal} />
+              </Grid2>
+            )
+          })}
+        </Grid2>
+      )}
+    </Card>
+  )
+}
+
+const AggregatedBalanceSkeleton = () => {
+  return (
+    <Card sx={{ p: 2, mb: 2 }}>
+      <Skeleton variant="rounded" width={100} height={20} sx={{ mb: 1 }} />
+      <Skeleton variant="rounded" width={160} height={40} sx={{ mb: 3 }} />
+      <Skeleton variant="rounded" width={200} height={58} />
+    </Card>
+  )
+}
+
+export default AggregatedBalance
diff --git a/apps/web/src/features/spaces/components/Dashboard/DashboardMembersList.tsx b/apps/web/src/features/spaces/components/Dashboard/DashboardMembersList.tsx
new file mode 100644
index 000000000..3549e4dbc
--- /dev/null
+++ b/apps/web/src/features/spaces/components/Dashboard/DashboardMembersList.tsx
@@ -0,0 +1,38 @@
+import { Button, Box, Stack } from '@mui/material'
+import type { Member } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import PlusIcon from '@/public/images/common/plus.svg'
+import { useState } from 'react'
+import AddMemberModal from '../AddMemberModal'
+import MemberName from '../MembersList/MemberName'
+import { SPACE_EVENTS, SPACE_LABELS } from '@/services/analytics/events/spaces'
+import Track from '@/components/common/Track'
+import { useIsAdmin } from '@/features/spaces/hooks/useSpaceMembers'
+
+const DashboardMembersList = ({ members }: { members: Member[] }) => {
+  const [openAddMembersModal, setOpenAddMembersModal] = useState(false)
+  const isAdmin = useIsAdmin()
+
+  return (
+    <>
+      <Stack spacing={2}>
+        {members.map((member) => (
+          <Box key={member.id}>
+            <MemberName key={member.id} member={member} />
+          </Box>
+        ))}
+      </Stack>
+      {isAdmin && (
+        <Box display="flex" justifyContent="center" mt={2}>
+          <Track {...SPACE_EVENTS.ADD_MEMBER_MODAL} label={SPACE_LABELS.space_dashboard}>
+            <Button size="small" variant="text" startIcon={<PlusIcon />} onClick={() => setOpenAddMembersModal(true)}>
+              Add member
+            </Button>
+          </Track>
+        </Box>
+      )}
+      {openAddMembersModal && <AddMemberModal onClose={() => setOpenAddMembersModal(false)} />}
+    </>
+  )
+}
+
+export default DashboardMembersList
diff --git a/apps/web/src/features/spaces/components/Dashboard/MembersCard.tsx b/apps/web/src/features/spaces/components/Dashboard/MembersCard.tsx
new file mode 100644
index 000000000..a9ac87af3
--- /dev/null
+++ b/apps/web/src/features/spaces/components/Dashboard/MembersCard.tsx
@@ -0,0 +1,59 @@
+import css from '@/features/spaces/components/Dashboard/styles.module.css'
+import MemberIcon from '@/public/images/spaces/member.svg'
+import { Typography, Paper, Box, Button, SvgIcon, Tooltip } from '@mui/material'
+import { useState } from 'react'
+import { useIsAdmin } from '@/features/spaces/hooks/useSpaceMembers'
+import AddMemberModal from '../AddMemberModal'
+import { SPACE_LABELS } from '@/services/analytics/events/spaces'
+import Track from '@/components/common/Track'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+
+const MembersCard = () => {
+  const [openAddMembersModal, setOpenAddMembersModal] = useState(false)
+  const isAdmin = useIsAdmin()
+  const isButtonDisabled = !isAdmin
+
+  const handleInviteClick = () => {
+    setOpenAddMembersModal(true)
+  }
+
+  return (
+    <>
+      <Paper sx={{ p: 3, borderRadius: '12px' }}>
+        <Box position="relative" width={1}>
+          <Box className={css.iconBG}>
+            <SvgIcon component={MemberIcon} inheritViewBox />
+          </Box>
+          <Tooltip title={isButtonDisabled ? 'You need to be an Admin to add members' : ''} placement="top">
+            <Box component="span" sx={{ position: 'absolute', top: 0, right: 0 }}>
+              <Track {...SPACE_EVENTS.ADD_MEMBER_MODAL} label={SPACE_LABELS.space_dashboard_card}>
+                <Button
+                  data-testid="add-member-button"
+                  onClick={handleInviteClick}
+                  variant={isButtonDisabled ? 'contained' : 'outlined'}
+                  size="compact"
+                  aria-label="Invite team members"
+                  disabled={isButtonDisabled}
+                >
+                  Add members
+                </Button>
+              </Track>
+            </Box>
+          </Tooltip>
+        </Box>
+        <Box>
+          <Typography variant="body1" color="text.primary" fontWeight={700} mb={1}>
+            Add members
+          </Typography>
+          <Typography variant="body2" color="text.secondary">
+            Invite team members to help manage your Safe Accounts. You can add both Safe Account signers and external
+            collaborators.
+          </Typography>
+        </Box>
+      </Paper>
+      {openAddMembersModal && <AddMemberModal onClose={() => setOpenAddMembersModal(false)} />}
+    </>
+  )
+}
+
+export default MembersCard
diff --git a/apps/web/src/features/spaces/components/Dashboard/NewFeaturesCard.tsx b/apps/web/src/features/spaces/components/Dashboard/NewFeaturesCard.tsx
new file mode 100644
index 000000000..11256fba5
--- /dev/null
+++ b/apps/web/src/features/spaces/components/Dashboard/NewFeaturesCard.tsx
@@ -0,0 +1,27 @@
+import WhatsNewIcon from '@/public/images/common/whatsnew.svg'
+import { Typography, Paper, Box, SvgIcon, Chip } from '@mui/material'
+import css from './styles.module.css'
+
+const NewFeaturesCard = () => {
+  return (
+    <Paper sx={{ p: 3, borderRadius: '12px' }}>
+      <Box position="relative" width={1}>
+        <Box className={css.iconBG}>
+          <SvgIcon component={WhatsNewIcon} inheritViewBox />
+        </Box>
+
+        <Chip label="Coming soon" size="small" sx={{ position: 'absolute', top: 0, right: 0, fontWeight: 'bold' }} />
+      </Box>
+      <Box>
+        <Typography variant="body1" color="text.primary" fontWeight={700} mb={1}>
+          New exciting features
+        </Typography>
+        <Typography variant="body2" color="text.secondary">
+          Address book sharing, viewing transactions across accounts and more is coming soon. Stay tuned for updates!
+        </Typography>
+      </Box>
+    </Paper>
+  )
+}
+
+export default NewFeaturesCard
diff --git a/apps/web/src/features/spaces/components/Dashboard/SpacesCTACard.tsx b/apps/web/src/features/spaces/components/Dashboard/SpacesCTACard.tsx
new file mode 100644
index 000000000..421d34851
--- /dev/null
+++ b/apps/web/src/features/spaces/components/Dashboard/SpacesCTACard.tsx
@@ -0,0 +1,53 @@
+import css from '@/features/spaces/components/Dashboard/styles.module.css'
+import LightbulbIcon from '@/public/images/common/lightbulb.svg'
+import { Typography, Paper, Box, Button, SvgIcon } from '@mui/material'
+import SpaceInfoModal from '../SpaceInfoModal'
+import { useState } from 'react'
+import { SPACE_EVENTS, SPACE_LABELS } from '@/services/analytics/events/spaces'
+import { trackEvent } from '@/services/analytics'
+
+const SpacesCTACard = () => {
+  const [isInfoOpen, setIsInfoOpen] = useState<boolean>(false)
+
+  const handleLearnMore = () => {
+    trackEvent({ ...SPACE_EVENTS.INFO_MODAL, label: SPACE_LABELS.space_dashboard_card })
+    setIsInfoOpen(true)
+  }
+
+  return (
+    <>
+      <Paper sx={{ p: 3, borderRadius: '12px', height: '100%' }}>
+        <Box position="relative" width={1}>
+          <Box className={css.iconBG}>
+            <SvgIcon component={LightbulbIcon} inheritViewBox />
+          </Box>
+
+          <Button
+            onClick={handleLearnMore}
+            variant="outlined"
+            size="compact"
+            sx={{
+              position: 'absolute',
+              top: 0,
+              right: 0,
+            }}
+            aria-label="Invite team members"
+          >
+            Learn more
+          </Button>
+        </Box>
+        <Box>
+          <Typography variant="body1" color="text.primary" fontWeight={700} mb={1}>
+            Explore spaces
+          </Typography>
+          <Typography variant="body2" color="text.secondary">
+            Seamlessly use your Safe Accounts from one place and collaborate with your team members.
+          </Typography>
+        </Box>
+      </Paper>
+      {isInfoOpen && <SpaceInfoModal showButtons={false} onClose={() => setIsInfoOpen(false)} />}
+    </>
+  )
+}
+
+export default SpacesCTACard
diff --git a/apps/web/src/features/spaces/components/Dashboard/index.tsx b/apps/web/src/features/spaces/components/Dashboard/index.tsx
new file mode 100644
index 000000000..727bd6d7b
--- /dev/null
+++ b/apps/web/src/features/spaces/components/Dashboard/index.tsx
@@ -0,0 +1,126 @@
+import MembersCard from '@/features/spaces/components/Dashboard/MembersCard'
+import NewFeaturesCard from '@/features/spaces/components/Dashboard/NewFeaturesCard'
+import SpacesCTACard from '@/features/spaces/components/Dashboard/SpacesCTACard'
+import { Card, Grid2, Stack, Typography } from '@mui/material'
+import Grid from '@mui/material/Grid2'
+import { useSpaceSafes } from '@/features/spaces/hooks/useSpaceSafes'
+import SafesList from '@/features/myAccounts/components/SafesList'
+import AddAccountsCard from './AddAccountsCard'
+import { AppRoutes } from '@/config/routes'
+import { useCurrentSpaceId } from '@/features/spaces/hooks/useCurrentSpaceId'
+import type { LinkProps } from 'next/link'
+import NextLink from 'next/link'
+import { Link } from '@mui/material'
+import ChevronRightIcon from '@mui/icons-material/ChevronRight'
+import DashboardMembersList from '@/features/spaces/components/Dashboard/DashboardMembersList'
+import { useSpaceMembersByStatus, useIsInvited } from '@/features/spaces/hooks/useSpaceMembers'
+import PreviewInvite from '../InviteBanner/PreviewInvite'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+import Track from '@/components/common/Track'
+import AggregatedBalance from '@/features/spaces/components/Dashboard/AggregatedBalances'
+import useTrackSpace from '@/features/spaces/hooks/useTrackSpace'
+import { flattenSafeItems } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+
+const ViewAllLink = ({ url }: { url: LinkProps['href'] }) => {
+  return (
+    <NextLink href={url} passHref legacyBehavior>
+      <Link
+        sx={{
+          display: 'flex',
+          alignItems: 'center',
+          gap: 1,
+          textDecoration: 'none',
+          fontSize: '14px',
+          color: 'primary.main',
+        }}
+      >
+        View all <ChevronRightIcon fontSize="small" />
+      </Link>
+    </NextLink>
+  )
+}
+
+const DASHBOARD_LIST_DISPLAY_LIMIT = 5
+
+const SpaceDashboard = () => {
+  const { allSafes: safes } = useSpaceSafes()
+  const safeItems = flattenSafeItems(safes)
+  const spaceId = useCurrentSpaceId()
+  const { activeMembers } = useSpaceMembersByStatus()
+  const isInvited = useIsInvited()
+  useTrackSpace(safes, activeMembers)
+
+  const safesToDisplay = safes.slice(0, DASHBOARD_LIST_DISPLAY_LIMIT)
+  const membersToDisplay = activeMembers.slice(0, DASHBOARD_LIST_DISPLAY_LIMIT)
+
+  return (
+    <>
+      {isInvited && <PreviewInvite />}
+
+      {safeItems.length > 0 ? (
+        <>
+          <Grid container>
+            <Grid size={12}>
+              <AggregatedBalance safeItems={safeItems} />
+            </Grid>
+          </Grid>
+
+          <Grid container spacing={3}>
+            <Grid size={{ xs: 12, md: 8 }}>
+              <Card data-testid="dashboard-safe-list" sx={{ p: 2 }}>
+                <Stack direction="row" justifyContent="space-between" alignItems="center" mb={2}>
+                  <Typography variant="h5">Safe Accounts ({safeItems.length})</Typography>
+                  {spaceId && (
+                    <Track {...SPACE_EVENTS.VIEW_ALL_ACCOUNTS}>
+                      <ViewAllLink url={{ pathname: AppRoutes.spaces.safeAccounts, query: { spaceId } }} />
+                    </Track>
+                  )}
+                </Stack>
+                <SafesList safes={safesToDisplay} isSpaceSafe />
+              </Card>
+            </Grid>
+            <Grid size={{ xs: 12, md: 4 }}>
+              <Card sx={{ p: 2 }}>
+                <Stack direction="row" justifyContent="space-between" alignItems="center" mb={2}>
+                  <Typography variant="h5">Members ({activeMembers.length})</Typography>
+
+                  {spaceId && (
+                    <Track {...SPACE_EVENTS.VIEW_ALL_MEMBERS}>
+                      <ViewAllLink url={{ pathname: AppRoutes.spaces.members, query: { spaceId } }} />
+                    </Track>
+                  )}
+                </Stack>
+                <DashboardMembersList members={membersToDisplay} />
+              </Card>
+            </Grid>
+          </Grid>
+        </>
+      ) : (
+        <>
+          <Typography variant="h1" fontWeight={700} mb={4}>
+            Getting started
+          </Typography>
+
+          <Grid container spacing={3}>
+            <Grid size={12}>
+              <AddAccountsCard />
+            </Grid>
+            <Grid size={{ xs: 12, md: 4 }}>
+              <MembersCard />
+            </Grid>
+
+            <Grid2 size={{ xs: 12, md: 4 }}>
+              <SpacesCTACard />
+            </Grid2>
+
+            <Grid2 size={{ xs: 12, md: 4 }}>
+              <NewFeaturesCard />
+            </Grid2>
+          </Grid>
+        </>
+      )}
+    </>
+  )
+}
+
+export default SpaceDashboard
diff --git a/apps/web/src/features/spaces/components/Dashboard/styles.module.css b/apps/web/src/features/spaces/components/Dashboard/styles.module.css
new file mode 100644
index 000000000..b5e058655
--- /dev/null
+++ b/apps/web/src/features/spaces/components/Dashboard/styles.module.css
@@ -0,0 +1,48 @@
+.content {
+  min-height: calc(100vh - 100px); /* Header + padding height */
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.contentWrapper {
+  position: relative;
+  z-index: 1;
+}
+
+.contentInner {
+  background-color: var(--color-background-paper);
+  max-width: 500px;
+  padding: var(--space-5);
+  border-radius: var(--space-1);
+}
+
+.iconBG {
+  width: 40px;
+  height: 40px;
+  background-color: var(--color-background-main);
+  border-radius: 50%;
+  margin-bottom: var(--space-2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.image {
+  max-width: 100%;
+  height: auto;
+}
+
+.chainIndicator {
+  width: 100%;
+  height: 4px;
+  background-color: var(--color-background-main);
+  border-radius: 5px;
+}
+
+.chainIndicatorColor {
+  display: block;
+  height: 100%;
+  border-radius: 5px;
+}
diff --git a/apps/web/src/features/spaces/components/InitialsAvatar/index.tsx b/apps/web/src/features/spaces/components/InitialsAvatar/index.tsx
new file mode 100644
index 000000000..4127c4c7a
--- /dev/null
+++ b/apps/web/src/features/spaces/components/InitialsAvatar/index.tsx
@@ -0,0 +1,52 @@
+import { Box, hslToRgb } from '@mui/material'
+import css from 'src/features/spaces/components/InitialsAvatar/styles.module.css'
+
+/**
+ * Returns a deterministic "random" color (in Hex format) based on a string.
+ * The color is constrained so it won't be too dark or too light or too saturated.
+ */
+export function getDeterministicColor(str: string): string {
+  const sum = [...str].reduce((acc, char) => acc + char.charCodeAt(0), 0)
+
+  const hue = sum % 360
+  const saturation = 40 + (sum % 31)
+  const lightness = 40 + (sum % 31)
+
+  return hslToRgb(`hsl(${hue}, ${saturation}, ${lightness})`)
+}
+
+const InitialsAvatar = ({
+  name,
+  size = 'large',
+  rounded = false,
+}: {
+  name: string
+  size?: 'xsmall' | 'small' | 'medium' | 'large'
+  rounded?: boolean
+}) => {
+  const logoLetters = name.slice(0, 1)
+  const logoColor = getDeterministicColor(name)
+  const dimensions = {
+    xsmall: { width: 20, height: 20, fontSize: '12px !important' },
+    small: { width: 24, height: 24, fontSize: '12px !important' },
+    medium: { width: 32, height: 32, fontSize: '16px !important' },
+    large: { width: 48, height: 48, fontSize: '20px !important' },
+  }
+
+  const { width, height, fontSize } = dimensions[size]
+
+  return (
+    <Box
+      className={css.initialsAvatar}
+      bgcolor={logoColor}
+      width={width}
+      height={height}
+      fontSize={fontSize}
+      borderRadius={rounded ? '50%' : '6px'}
+    >
+      {logoLetters}
+    </Box>
+  )
+}
+
+export default InitialsAvatar
diff --git a/apps/web/src/features/spaces/components/InitialsAvatar/styles.module.css b/apps/web/src/features/spaces/components/InitialsAvatar/styles.module.css
new file mode 100644
index 000000000..f6e699e51
--- /dev/null
+++ b/apps/web/src/features/spaces/components/InitialsAvatar/styles.module.css
@@ -0,0 +1,10 @@
+.initialsAvatar {
+  grid-area: logo;
+  text-transform: uppercase;
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  justify-self: start;
+}
diff --git a/apps/web/src/features/spaces/components/InviteBanner/AcceptButton.tsx b/apps/web/src/features/spaces/components/InviteBanner/AcceptButton.tsx
new file mode 100644
index 000000000..e94937d50
--- /dev/null
+++ b/apps/web/src/features/spaces/components/InviteBanner/AcceptButton.tsx
@@ -0,0 +1,40 @@
+import { useState } from 'react'
+import { Button } from '@mui/material'
+import type { GetSpaceResponse } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import AcceptInviteDialog from './AcceptInviteDialog'
+import css from './styles.module.css'
+
+type AcceptButtonProps = {
+  space: GetSpaceResponse
+}
+
+const AcceptButton = ({ space }: AcceptButtonProps) => {
+  const [inviteOpen, setInviteOpen] = useState(false)
+
+  const handleAcceptInvite = (e: React.MouseEvent) => {
+    e.stopPropagation()
+    e.preventDefault()
+    setInviteOpen(true)
+  }
+
+  const handleCloseInviteDialog = () => {
+    setInviteOpen(false)
+  }
+
+  return (
+    <>
+      <Button
+        data-testid="accept-invite-button"
+        className={css.inviteButton}
+        variant="contained"
+        onClick={handleAcceptInvite}
+        aria-label="Accept invitation"
+      >
+        Accept
+      </Button>
+      {inviteOpen && <AcceptInviteDialog space={space} onClose={handleCloseInviteDialog} />}
+    </>
+  )
+}
+
+export default AcceptButton
diff --git a/apps/web/src/features/spaces/components/InviteBanner/AcceptInviteDialog.tsx b/apps/web/src/features/spaces/components/InviteBanner/AcceptInviteDialog.tsx
new file mode 100644
index 000000000..63a3f6f58
--- /dev/null
+++ b/apps/web/src/features/spaces/components/InviteBanner/AcceptInviteDialog.tsx
@@ -0,0 +1,105 @@
+import {
+  type GetSpaceResponse,
+  useMembersAcceptInviteV1Mutation,
+} from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useRouter } from 'next/router'
+import { type ReactElement, useState } from 'react'
+import { Alert, Box, Button, CircularProgress, DialogActions, DialogContent, Typography } from '@mui/material'
+import { FormProvider, useForm } from 'react-hook-form'
+import ModalDialog from '@/components/common/ModalDialog'
+import NameInput from '@/components/common/NameInput'
+import { AppRoutes } from '@/config/routes'
+import { useAppDispatch, useAppSelector } from '@/store'
+import { isAuthenticated } from '@/store/authSlice'
+import { useUsersGetWithWalletsV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/users'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+import { trackEvent } from '@/services/analytics'
+import { showNotification } from '@/store/notificationsSlice'
+import ExternalLink from '@/components/common/ExternalLink'
+
+function AcceptInviteDialog({ space, onClose }: { space: GetSpaceResponse; onClose: () => void }): ReactElement {
+  const [error, setError] = useState<string>()
+  const [isSubmitting, setIsSubmitting] = useState(false)
+
+  const dispatch = useAppDispatch()
+  const router = useRouter()
+  const isUserSignedIn = useAppSelector(isAuthenticated)
+  const { data: currentUser } = useUsersGetWithWalletsV1Query(undefined, { skip: !isUserSignedIn })
+  const [acceptInvite] = useMembersAcceptInviteV1Mutation()
+  const memberName = space.members.find((member) => member.user.id === currentUser?.id)?.name
+
+  const methods = useForm<{ name: string }>({ mode: 'onChange', defaultValues: { name: memberName } })
+  const { handleSubmit, formState } = methods
+
+  const onSubmit = handleSubmit(async (data) => {
+    setError(undefined)
+    trackEvent({ ...SPACE_EVENTS.ACCEPT_INVITE_SUBMIT })
+
+    try {
+      setIsSubmitting(true)
+      const response = await acceptInvite({ spaceId: space.id, acceptInviteDto: { name: data.name } })
+
+      if (response.error) {
+        throw response.error
+      }
+
+      if (router.pathname === AppRoutes.welcome.spaces) {
+        router.push({ pathname: AppRoutes.spaces.index, query: { spaceId: space.id } })
+      }
+
+      onClose()
+
+      dispatch(
+        showNotification({
+          message: `Accepted invite to ${space.name}`,
+          variant: 'success',
+          groupKey: 'accept-invite-success',
+        }),
+      )
+    } catch (e) {
+      setError('Failed accepting the invite. Please try again.')
+    } finally {
+      setIsSubmitting(false)
+    }
+  })
+
+  return (
+    <ModalDialog open onClose={onClose} dialogTitle="Accept invite" hideChainIndicator>
+      <FormProvider {...methods}>
+        <form onSubmit={onSubmit}>
+          <DialogContent sx={{ py: 2 }}>
+            <Box mb={2}>
+              <NameInput data-testid="invite-name-input" label="Name" autoFocus name="name" required />
+            </Box>
+            <Typography variant="body2" color="text.secondary">
+              How is my data processed? Read our <ExternalLink href={AppRoutes.privacy}>privacy policy</ExternalLink>
+            </Typography>
+
+            {error && (
+              <Alert severity="error" sx={{ mt: 2 }}>
+                {error}
+              </Alert>
+            )}
+          </DialogContent>
+
+          <DialogActions>
+            <Button data-testid="cancel-btn" onClick={onClose}>
+              Cancel
+            </Button>
+            <Button
+              data-testid="confirm-accept-invite-button"
+              type="submit"
+              variant="contained"
+              disabled={!formState.isValid}
+              disableElevation
+            >
+              {isSubmitting ? <CircularProgress size={20} /> : 'Accept invite'}
+            </Button>
+          </DialogActions>
+        </form>
+      </FormProvider>
+    </ModalDialog>
+  )
+}
+
+export default AcceptInviteDialog
diff --git a/apps/web/src/features/spaces/components/InviteBanner/DeclineButton.tsx b/apps/web/src/features/spaces/components/InviteBanner/DeclineButton.tsx
new file mode 100644
index 000000000..9faf262f8
--- /dev/null
+++ b/apps/web/src/features/spaces/components/InviteBanner/DeclineButton.tsx
@@ -0,0 +1,39 @@
+import { useState } from 'react'
+import { Button } from '@mui/material'
+import type { GetSpaceResponse } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import DeclineInviteDialog from './DeclineInviteDialog'
+import css from './styles.module.css'
+
+type DeclineButtonProps = {
+  space: GetSpaceResponse
+}
+
+const DeclineButton = ({ space }: DeclineButtonProps) => {
+  const [declineOpen, setDeclineOpen] = useState(false)
+
+  const handleDeclineInvite = (e: React.MouseEvent) => {
+    e.stopPropagation()
+    e.preventDefault()
+    setDeclineOpen(true)
+  }
+
+  const handleCloseDeclineDialog = () => {
+    setDeclineOpen(false)
+  }
+
+  return (
+    <>
+      <Button
+        className={css.inviteButton}
+        variant="outlined"
+        onClick={handleDeclineInvite}
+        aria-label="Decline invitation"
+      >
+        Decline
+      </Button>
+      {declineOpen && <DeclineInviteDialog space={space} onClose={handleCloseDeclineDialog} />}
+    </>
+  )
+}
+
+export default DeclineButton
diff --git a/apps/web/src/features/spaces/components/InviteBanner/DeclineInviteDialog.tsx b/apps/web/src/features/spaces/components/InviteBanner/DeclineInviteDialog.tsx
new file mode 100644
index 000000000..dc9de0095
--- /dev/null
+++ b/apps/web/src/features/spaces/components/InviteBanner/DeclineInviteDialog.tsx
@@ -0,0 +1,68 @@
+import { useState } from 'react'
+import { Typography } from '@mui/material'
+import { DialogContent, DialogActions, Button } from '@mui/material'
+import ModalDialog from '@/components/common/ModalDialog'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import type { GetSpaceResponse } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useMembersDeclineInviteV1Mutation } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+import { trackEvent } from '@/services/analytics'
+import { showNotification } from '@/store/notificationsSlice'
+import { useAppDispatch } from '@/store'
+
+type DeclineInviteDialogProps = {
+  space: GetSpaceResponse
+  onClose: () => void
+}
+
+const DeclineInviteDialog = ({ space, onClose }: DeclineInviteDialogProps) => {
+  const [errorMessage, setErrorMessage] = useState<string>('')
+  const [declineInvite] = useMembersDeclineInviteV1Mutation()
+  const dispatch = useAppDispatch()
+
+  const handleConfirm = async () => {
+    setErrorMessage('')
+    trackEvent({ ...SPACE_EVENTS.DECLINE_INVITE_SUBMIT })
+    try {
+      const { error } = await declineInvite({ spaceId: space.id })
+
+      if (error) {
+        throw error
+      }
+
+      onClose()
+
+      dispatch(
+        showNotification({
+          message: `Declined invite to ${space.name}`,
+          variant: 'success',
+          groupKey: 'decline-invite-success',
+        }),
+      )
+    } catch (e) {
+      setErrorMessage('An unexpected error occurred while declining the invitation.')
+    }
+  }
+
+  return (
+    <ModalDialog open onClose={onClose} dialogTitle="Decline invitation" hideChainIndicator>
+      <DialogContent sx={{ p: '24px !important' }}>
+        <Typography>
+          Are you sure you want to decline the invitation to <b>{space.name}</b>?
+        </Typography>
+        {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
+      </DialogContent>
+
+      <DialogActions>
+        <Button data-testid="cancel-btn" onClick={onClose}>
+          Cancel
+        </Button>
+        <Button data-testid="decline-btn" onClick={handleConfirm} variant="danger" disableElevation>
+          Decline
+        </Button>
+      </DialogActions>
+    </ModalDialog>
+  )
+}
+
+export default DeclineInviteDialog
diff --git a/apps/web/src/features/spaces/components/InviteBanner/PreviewInvite.tsx b/apps/web/src/features/spaces/components/InviteBanner/PreviewInvite.tsx
new file mode 100644
index 000000000..9d7d329e2
--- /dev/null
+++ b/apps/web/src/features/spaces/components/InviteBanner/PreviewInvite.tsx
@@ -0,0 +1,72 @@
+import { Typography, Paper, Box, Stack } from '@mui/material'
+import { useSpacesGetOneV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import InitialsAvatar from '../InitialsAvatar'
+import css from './styles.module.css'
+import { useCurrentSpaceId } from 'src/features/spaces/hooks/useCurrentSpaceId'
+import { isAuthenticated } from '@/store/authSlice'
+import { useAppSelector } from '@/store'
+import AcceptButton from './AcceptButton'
+import { SPACE_LABELS } from '@/services/analytics/events/spaces'
+import Track from '@/components/common/Track'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+import DeclineButton from './DeclineButton'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { useUsersGetWithWalletsV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/users'
+import { useDarkMode } from '@/hooks/useDarkMode'
+
+const PreviewInvite = () => {
+  const isDarkMode = useDarkMode()
+  const isUserSignedIn = useAppSelector(isAuthenticated)
+  const spaceId = useCurrentSpaceId()
+  const { currentData: currentUser } = useUsersGetWithWalletsV1Query()
+  const { currentData: space } = useSpacesGetOneV1Query({ id: Number(spaceId) }, { skip: !isUserSignedIn || !spaceId })
+  const invitedBy = space?.members.find((member) => member.user.id === currentUser?.id)?.invitedBy
+
+  if (!space) return null
+
+  return (
+    <Paper sx={{ p: 2, mb: 4, backgroundColor: isDarkMode ? 'info.background' : 'info.light' }}>
+      <Box className={css.previewInviteContent}>
+        <InitialsAvatar name={space.name} size="medium" />
+        <Typography variant="body1" color="text.primary" flexGrow={1}>
+          You were invited to join <strong>{space.name}</strong>
+          {invitedBy && (
+            <>
+              {' '}
+              by
+              <Typography
+                component="span"
+                variant="body1"
+                fontWeight={700}
+                color="primary.main"
+                position="relative"
+                top="4px"
+                ml="6px"
+                display="inline-block"
+                sx={{ '> div': { gap: '4px' } }}
+              >
+                <EthHashInfo
+                  address={invitedBy}
+                  avatarSize={20}
+                  showName={false}
+                  showPrefix={false}
+                  copyPrefix={false}
+                />
+              </Typography>
+            </>
+          )}
+        </Typography>
+        <Stack direction="row" spacing={1}>
+          <Track {...SPACE_EVENTS.ACCEPT_INVITE} label={SPACE_LABELS.preview_banner}>
+            <AcceptButton space={space} />
+          </Track>
+          <Track {...SPACE_EVENTS.DECLINE_INVITE} label={SPACE_LABELS.preview_banner}>
+            <DeclineButton space={space} />
+          </Track>
+        </Stack>
+      </Box>
+    </Paper>
+  )
+}
+
+export default PreviewInvite
diff --git a/apps/web/src/features/spaces/components/InviteBanner/index.tsx b/apps/web/src/features/spaces/components/InviteBanner/index.tsx
new file mode 100644
index 000000000..25dcbe219
--- /dev/null
+++ b/apps/web/src/features/spaces/components/InviteBanner/index.tsx
@@ -0,0 +1,92 @@
+import { Card, Box, Typography, Link as MUILink, Stack } from '@mui/material'
+import type { GetSpaceResponse } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { SpaceSummary } from '../SpaceCard'
+import { useSpaceSafeCount } from '@/features/spaces/hooks/useSpaceSafeCount'
+import InitialsAvatar from '../InitialsAvatar'
+import Link from 'next/link'
+import { AppRoutes } from '@/config/routes'
+import css from './styles.module.css'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { useUsersGetWithWalletsV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/users'
+import { SPACE_EVENTS, SPACE_LABELS } from '@/services/analytics/events/spaces'
+import Track from '@/components/common/Track'
+import AcceptButton from './AcceptButton'
+import DeclineButton from './DeclineButton'
+import { trackEvent } from '@/services/analytics'
+import { MemberStatus } from '@/features/spaces/hooks/useSpaceMembers'
+
+type SpaceListInvite = {
+  space: GetSpaceResponse
+}
+
+const SpaceListInvite = ({ space }: SpaceListInvite) => {
+  const { id, name, members } = space
+  const { currentData: currentUser } = useUsersGetWithWalletsV1Query()
+  const numberOfAccounts = useSpaceSafeCount(id)
+  const numberOfMembers = members.filter((member) => member.status === MemberStatus.ACTIVE).length
+
+  const invitedBy = space.members.find((member) => member.user.id === currentUser?.id)?.invitedBy
+
+  return (
+    <Card sx={{ p: 2, mb: 2 }}>
+      <Typography variant="h4" fontWeight={700} mb={2} color="primary.light">
+        You were invited to join{' '}
+        <Typography component="span" variant="h4" fontWeight={700} color="primary.main">
+          {name}
+        </Typography>
+        {invitedBy && (
+          <>
+            {' '}
+            by
+            <Typography
+              component="span"
+              variant="h4"
+              fontWeight={700}
+              color="primary.main"
+              position="relative"
+              top="4px"
+              ml="6px"
+              display="inline-block"
+              sx={{ '> div': { gap: '4px' } }}
+            >
+              <EthHashInfo address={invitedBy} avatarSize={24} showName={false} showPrefix={false} copyPrefix={false} />
+            </Typography>
+          </>
+        )}
+      </Typography>
+
+      <Link href={{ pathname: AppRoutes.spaces.index, query: { spaceId: id } }} passHref legacyBehavior>
+        <MUILink
+          underline="none"
+          sx={{ display: 'block' }}
+          onClick={() => trackEvent({ ...SPACE_EVENTS.VIEW_INVITING_SPACE })}
+        >
+          <Card sx={{ p: 2, backgroundColor: 'background.main', '&:hover': { backgroundColor: 'background.light' } }}>
+            <Box className={css.spacesListInviteContent}>
+              <Stack direction="row" spacing={2} alignItems="center" flexGrow={1}>
+                <Box>
+                  <InitialsAvatar name={name} size="large" />
+                </Box>
+
+                <Box>
+                  <SpaceSummary name={name} numberOfAccounts={numberOfAccounts} numberOfMembers={numberOfMembers} />
+                </Box>
+              </Stack>
+
+              <Stack direction="row" spacing={1}>
+                <Track {...SPACE_EVENTS.ACCEPT_INVITE} label={SPACE_LABELS.space_list_page}>
+                  <AcceptButton space={space} />
+                </Track>
+                <Track {...SPACE_EVENTS.DECLINE_INVITE} label={SPACE_LABELS.space_list_page}>
+                  <DeclineButton space={space} />
+                </Track>
+              </Stack>
+            </Box>
+          </Card>
+        </MUILink>
+      </Link>
+    </Card>
+  )
+}
+
+export default SpaceListInvite
diff --git a/apps/web/src/features/spaces/components/InviteBanner/styles.module.css b/apps/web/src/features/spaces/components/InviteBanner/styles.module.css
new file mode 100644
index 000000000..8bd4524a5
--- /dev/null
+++ b/apps/web/src/features/spaces/components/InviteBanner/styles.module.css
@@ -0,0 +1,49 @@
+.previewInviteContent {
+  display: flex;
+  flex-direction: row;
+  gap: var(--space-2);
+}
+
+.spacesListInviteContent {
+  display: flex;
+  flex-direction: row;
+  gap: var(--space-2);
+  align-items: center;
+}
+
+.inviteButtonContainer {
+  display: flex;
+  flex-direction: row;
+  gap: var(--space-1);
+}
+
+.inviteButton {
+  padding: 4px var(--space-2);
+  min-height: 32px;
+}
+
+@media (max-width: 600px) {
+  .previewInviteContent {
+    flex-direction: column;
+    gap: var(--space-1);
+  }
+
+  .spacesListInviteContent {
+    flex-direction: column;
+    gap: var(--space-1);
+    align-items: flex-start;
+  }
+
+  .inviteButtonContainer {
+    flex-direction: column;
+    gap: var(--space-1);
+    width: 100%;
+  }
+
+  .inviteButton {
+    width: 100%;
+    padding-top: var(--space-1);
+    padding-bottom: var(--space-1);
+    min-height: 40px;
+  }
+}
diff --git a/apps/web/src/features/spaces/components/LoadingState/index.tsx b/apps/web/src/features/spaces/components/LoadingState/index.tsx
new file mode 100644
index 000000000..d7292f9da
--- /dev/null
+++ b/apps/web/src/features/spaces/components/LoadingState/index.tsx
@@ -0,0 +1,11 @@
+import { Box, CircularProgress } from '@mui/material'
+
+const LoadingState = () => {
+  return (
+    <Box display="flex" justifyContent="center" alignItems="center" minHeight="100vh">
+      <CircularProgress aria-label="Loading content" />
+    </Box>
+  )
+}
+
+export default LoadingState
diff --git a/apps/web/src/features/spaces/components/Members/index.tsx b/apps/web/src/features/spaces/components/Members/index.tsx
new file mode 100644
index 000000000..c1865bcd9
--- /dev/null
+++ b/apps/web/src/features/spaces/components/Members/index.tsx
@@ -0,0 +1,90 @@
+import PlusIcon from '@/public/images/common/plus.svg'
+import { Button, Stack, Typography } from '@mui/material'
+import AddMemberModal from 'src/features/spaces/components/AddMemberModal'
+import { useEffect, useState } from 'react'
+import MembersList from '@/features/spaces/components/MembersList'
+import { useMembersSearch } from '@/features/spaces/hooks/useMembersSearch'
+import { useIsInvited, useSpaceMembersByStatus, useIsAdmin } from '@/features/spaces/hooks/useSpaceMembers'
+import PreviewInvite from '../InviteBanner/PreviewInvite'
+import { SPACE_LABELS } from '@/services/analytics/events/spaces'
+import Track from '@/components/common/Track'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+import { trackEvent } from '@/services/analytics'
+import SearchInput from '../SearchInput'
+
+const SpaceMembers = () => {
+  const [openAddMembersModal, setOpenAddMembersModal] = useState(false)
+  const [searchQuery, setSearchQuery] = useState('')
+  const { activeMembers, invitedMembers } = useSpaceMembersByStatus()
+  const isAdmin = useIsAdmin()
+  const isInvited = useIsInvited()
+
+  const filteredMembers = useMembersSearch(activeMembers, searchQuery)
+  const filteredInvites = useMembersSearch(invitedMembers, searchQuery)
+
+  useEffect(() => {
+    if (searchQuery) {
+      trackEvent({ ...SPACE_EVENTS.SEARCH_MEMBERS })
+    }
+  }, [searchQuery])
+
+  return (
+    <>
+      {isInvited && <PreviewInvite />}
+      <Typography variant="h1" mb={3}>
+        Members
+      </Typography>
+      <Stack
+        direction="row"
+        justifyContent="space-between"
+        alignItems="flex-start"
+        mb={3}
+        flexWrap="nowrap"
+        gap={2}
+        flexDirection={{ xs: 'column-reverse', sm: 'row' }}
+      >
+        <SearchInput onSearch={setSearchQuery} />
+        {isAdmin && (
+          <Track {...SPACE_EVENTS.ADD_MEMBER_MODAL} label={SPACE_LABELS.members_page}>
+            <Button
+              data-testid="add-member-button"
+              variant="contained"
+              startIcon={<PlusIcon />}
+              onClick={() => setOpenAddMembersModal(true)}
+              sx={{ whiteSpace: 'nowrap' }}
+            >
+              Add member
+            </Button>
+          </Track>
+        )}
+      </Stack>
+      <>
+        {searchQuery && !filteredMembers.length && !filteredInvites.length && (
+          <Typography variant="h5" fontWeight="normal" mb={2} color="primary.light">
+            Found 0 results
+          </Typography>
+        )}
+        {filteredInvites.length > 0 && (
+          <>
+            <Typography variant="h5" fontWeight={700} mb={2}>
+              Pending invitations ({filteredInvites.length})
+            </Typography>
+            <MembersList members={filteredInvites} />
+          </>
+        )}
+        {filteredMembers.length > 0 && (
+          <>
+            <Typography variant="h5" fontWeight={700} mb={2} mt={1}>
+              All members ({filteredMembers.length})
+            </Typography>
+            <MembersList members={filteredMembers} />
+          </>
+        )}
+      </>
+
+      {openAddMembersModal && <AddMemberModal onClose={() => setOpenAddMembersModal(false)} />}
+    </>
+  )
+}
+
+export default SpaceMembers
diff --git a/apps/web/src/features/spaces/components/MembersList/EditMemberDialog.tsx b/apps/web/src/features/spaces/components/MembersList/EditMemberDialog.tsx
new file mode 100644
index 000000000..a96fe8855
--- /dev/null
+++ b/apps/web/src/features/spaces/components/MembersList/EditMemberDialog.tsx
@@ -0,0 +1,101 @@
+import ModalDialog from '@/components/common/ModalDialog'
+import { DialogContent, DialogActions, Button, Typography } from '@mui/material'
+import { type Member, useMembersUpdateRoleV1Mutation } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useCurrentSpaceId } from '@/features/spaces/hooks/useCurrentSpaceId'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import { useState } from 'react'
+import { FormProvider, useForm } from 'react-hook-form'
+import { showNotification } from '@/store/notificationsSlice'
+import { useAppDispatch } from '@/store'
+import MemberInfoForm from '@/features/spaces/components/AddMemberModal/MemberInfoForm'
+
+type MemberField = {
+  name: string
+  role: Member['role']
+}
+
+const EditMemberDialog = ({ member, handleClose }: { member: Member; handleClose: () => void }) => {
+  const spaceId = useCurrentSpaceId()
+  const dispatch = useAppDispatch()
+  const [editMember] = useMembersUpdateRoleV1Mutation()
+  const [error, setError] = useState<string>()
+
+  const methods = useForm<MemberField>({
+    mode: 'onChange',
+    defaultValues: {
+      name: member.name,
+      role: member.role,
+    },
+  })
+
+  const { handleSubmit, formState } = methods
+
+  const onSubmit = handleSubmit(async (data) => {
+    setError(undefined)
+
+    if (!spaceId) {
+      setError('Something went wrong. Please try again.')
+      return
+    }
+
+    try {
+      const { error } = await editMember({
+        spaceId: Number(spaceId),
+        userId: member.user.id,
+        updateRoleDto: {
+          role: data.role,
+        },
+      })
+
+      if (error) {
+        throw error
+      }
+
+      dispatch(
+        showNotification({
+          message: `Updated role of ${data.name} to ${data.role}`,
+          variant: 'success',
+          groupKey: 'update-member-success',
+        }),
+      )
+
+      handleClose()
+    } catch (e) {
+      setError('An unexpected error occurred while editing the member.')
+    }
+  })
+
+  return (
+    <ModalDialog open onClose={handleClose} dialogTitle="Edit member" hideChainIndicator>
+      <FormProvider {...methods}>
+        <form onSubmit={onSubmit}>
+          <DialogContent sx={{ p: '24px !important' }}>
+            <Typography mb={2}>
+              Edit the role of <b>{`${member.name}`}</b> in this space.
+            </Typography>
+
+            <MemberInfoForm isEdit />
+            {error && <ErrorMessage>{error}</ErrorMessage>}
+          </DialogContent>
+
+          <DialogActions>
+            <Button data-testid="cancel-btn" onClick={handleClose}>
+              Cancel
+            </Button>
+            <Button
+              type="submit"
+              data-testid="delete-btn"
+              variant="danger"
+              disableElevation
+              disabled={!formState.isDirty}
+            >
+              Update
+            </Button>
+          </DialogActions>
+        </form>
+      </FormProvider>
+    </ModalDialog>
+  )
+}
+
+export default EditMemberDialog
diff --git a/apps/web/src/features/spaces/components/MembersList/MemberName.tsx b/apps/web/src/features/spaces/components/MembersList/MemberName.tsx
new file mode 100644
index 000000000..223a10338
--- /dev/null
+++ b/apps/web/src/features/spaces/components/MembersList/MemberName.tsx
@@ -0,0 +1,25 @@
+import InitialsAvatar from '../InitialsAvatar'
+import { Stack, Typography } from '@mui/material'
+import type { Member } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useUsersGetWithWalletsV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/users'
+
+const MemberName = ({ member }: { member: Member }) => {
+  const { currentData: user } = useUsersGetWithWalletsV1Query()
+  const isCurrentUser = member.user.id === user?.id
+
+  return (
+    <Stack direction="row" spacing={1} alignItems="center" key={member.id}>
+      <InitialsAvatar size="medium" name={member.name || ''} rounded />
+      <Typography variant="body2">
+        {member.name}{' '}
+        {isCurrentUser && (
+          <Typography variant="body2" component="span" color="text.secondary" ml={1}>
+            You
+          </Typography>
+        )}
+      </Typography>
+    </Stack>
+  )
+}
+
+export default MemberName
diff --git a/apps/web/src/features/spaces/components/MembersList/RemoveMemberDialog.tsx b/apps/web/src/features/spaces/components/MembersList/RemoveMemberDialog.tsx
new file mode 100644
index 000000000..ee5295ca9
--- /dev/null
+++ b/apps/web/src/features/spaces/components/MembersList/RemoveMemberDialog.tsx
@@ -0,0 +1,80 @@
+import ModalDialog from '@/components/common/ModalDialog'
+import { DialogContent, DialogActions, Button, Typography } from '@mui/material'
+import { useMembersRemoveUserV1Mutation } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useCurrentSpaceId } from '@/features/spaces/hooks/useCurrentSpaceId'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+import { useState } from 'react'
+import { trackEvent } from '@/services/analytics'
+import { SPACE_EVENTS, SPACE_LABELS } from '@/services/analytics/events/spaces'
+import { showNotification } from '@/store/notificationsSlice'
+import { useAppDispatch } from '@/store'
+
+const RemoveMemberDialog = ({
+  userId,
+  memberName,
+  handleClose,
+  isInvite = false,
+}: {
+  userId: number
+  memberName: string
+  handleClose: () => void
+  isInvite?: boolean
+}) => {
+  const spaceId = useCurrentSpaceId()
+  const dispatch = useAppDispatch()
+  const [deleteMember] = useMembersRemoveUserV1Mutation()
+  const [errorMessage, setErrorMessage] = useState<string>('')
+
+  const handleConfirm = async () => {
+    setErrorMessage('')
+    trackEvent({ ...SPACE_EVENTS.REMOVE_MEMBER, label: isInvite ? SPACE_LABELS.invite_list : SPACE_LABELS.member_list })
+    try {
+      const { error } = await deleteMember({ spaceId: Number(spaceId), userId })
+
+      if (error) {
+        throw error
+      }
+
+      dispatch(
+        showNotification({
+          message: `Removed ${memberName} from space`,
+          variant: 'success',
+          groupKey: 'remove-member-success',
+        }),
+      )
+
+      handleClose()
+    } catch (e) {
+      setErrorMessage('An unexpected error occurred while removing the member.')
+    }
+  }
+
+  return (
+    <ModalDialog
+      open
+      onClose={handleClose}
+      dialogTitle={isInvite ? 'Remove invitation' : 'Remove member'}
+      hideChainIndicator
+    >
+      <DialogContent sx={{ p: '24px !important' }}>
+        <Typography>
+          {isInvite ? `Are you sure you want to remove the invitation for ` : `Are you sure you want to remove `}
+          <b>{memberName}</b>
+          {isInvite ? `` : ` from this space?`}
+        </Typography>
+        {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
+      </DialogContent>
+
+      <DialogActions>
+        <Button data-testid="cancel-btn" onClick={handleClose}>
+          Cancel
+        </Button>
+        <Button data-testid="delete-btn" onClick={handleConfirm} variant="danger" disableElevation>
+          Remove
+        </Button>
+      </DialogActions>
+    </ModalDialog>
+  )
+}
+
+export default RemoveMemberDialog
diff --git a/apps/web/src/features/spaces/components/MembersList/index.tsx b/apps/web/src/features/spaces/components/MembersList/index.tsx
new file mode 100644
index 000000000..e028c0f6b
--- /dev/null
+++ b/apps/web/src/features/spaces/components/MembersList/index.tsx
@@ -0,0 +1,151 @@
+import { Box, Chip, IconButton, Stack, SvgIcon, Tooltip } from '@mui/material'
+import { type Member } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import EditIcon from '@/public/images/common/edit.svg'
+import DeleteIcon from '@/public/images/common/delete.svg'
+import EnhancedTable from '@/components/common/EnhancedTable'
+import tableCss from '@/components/common/EnhancedTable/styles.module.css'
+import MemberName from './MemberName'
+import RemoveMemberDialog from './RemoveMemberDialog'
+import { useState } from 'react'
+import { useIsAdmin } from '@/features/spaces/hooks/useSpaceMembers'
+import EditMemberDialog from '@/features/spaces/components/MembersList/EditMemberDialog'
+import { isAdmin as checkIsAdmin, isActiveAdmin, MemberStatus } from '@/features/spaces/hooks/useSpaceMembers'
+import { SPACE_EVENTS, SPACE_LABELS } from '@/services/analytics/events/spaces'
+import Track from '@/components/common/Track'
+import { useAdminCount } from '@/features/spaces/hooks/useIsLastActiveAdmin'
+
+const headCells = [
+  {
+    id: 'name',
+    label: 'Name',
+    width: '70%',
+  },
+  {
+    id: 'role',
+    label: 'Role',
+    width: '15%',
+  },
+  {
+    id: 'actions',
+    label: '',
+    width: '15%',
+    sticky: true,
+  },
+]
+
+const EditButton = ({ member, disabled }: { member: Member; disabled: boolean }) => {
+  const [open, setOpen] = useState(false)
+
+  return (
+    <>
+      <Tooltip title={disabled ? 'Cannot edit role of last admin' : 'Edit member'} placement="top">
+        <Box component="span">
+          <IconButton onClick={() => setOpen(true)} size="small" disabled={disabled}>
+            <SvgIcon component={EditIcon} inheritViewBox color="border" fontSize="small" />
+          </IconButton>
+        </Box>
+      </Tooltip>
+      {open && <EditMemberDialog member={member} handleClose={() => setOpen(false)} />}
+    </>
+  )
+}
+
+export const RemoveMemberButton = ({
+  member,
+  disabled,
+  isInvite,
+}: {
+  member: Member
+  disabled: boolean
+  isInvite: boolean
+}) => {
+  const [openRemoveMemberDialog, setOpenRemoveMemberDialog] = useState(false)
+
+  return (
+    <>
+      <Tooltip
+        title={disabled ? 'Cannot remove last admin' : `Remove ${isInvite ? 'invitation' : 'member'}`}
+        placement="top"
+      >
+        <Box component="span">
+          <Track
+            {...SPACE_EVENTS.REMOVE_MEMBER_MODAL}
+            label={isInvite ? SPACE_LABELS.invite_list : SPACE_LABELS.member_list}
+          >
+            <IconButton disabled={disabled} onClick={() => setOpenRemoveMemberDialog(true)} size="small">
+              <SvgIcon component={DeleteIcon} inheritViewBox color={disabled ? 'disabled' : 'error'} fontSize="small" />
+            </IconButton>
+          </Track>
+        </Box>
+      </Tooltip>
+      {openRemoveMemberDialog && (
+        <RemoveMemberDialog
+          userId={member.user.id}
+          memberName={member.name}
+          handleClose={() => setOpenRemoveMemberDialog(false)}
+          isInvite={isInvite}
+        />
+      )}
+    </>
+  )
+}
+
+const MembersList = ({ members }: { members: Member[] }) => {
+  const isAdmin = useIsAdmin()
+  const adminCount = useAdminCount(members)
+
+  const rows = members.map((member) => {
+    const isLastAdmin = adminCount === 1 && isActiveAdmin(member)
+    const isInvite = member.status === MemberStatus.INVITED || member.status === MemberStatus.DECLINED
+    const isDeclined = member.status === MemberStatus.DECLINED
+    const isDisabled = isAdmin && isLastAdmin && !isInvite
+
+    return {
+      cells: {
+        name: {
+          rawValue: member.name,
+          content: (
+            <Stack direction="row" alignItems="center" justifyContent="left" gap={1}>
+              <MemberName member={member} />
+              {isDeclined && (
+                <Chip
+                  label="Declined"
+                  size="small"
+                  sx={{ backgroundColor: 'error.light', color: 'static.main', borderRadius: 0.5 }}
+                />
+              )}
+            </Stack>
+          ),
+        },
+        role: {
+          rawValue: member.role,
+          content: (
+            <Chip
+              size="small"
+              label={checkIsAdmin(member) ? 'Admin' : 'Member'}
+              sx={{ backgroundColor: 'background.lightgrey', borderRadius: 0.5 }}
+            />
+          ),
+        },
+        actions: {
+          rawValue: '',
+          sticky: true,
+          content: isAdmin ? (
+            <div className={tableCss.actions}>
+              {!isInvite && <EditButton member={member} disabled={isDisabled} />}
+              <RemoveMemberButton member={member} disabled={isDisabled} isInvite={isInvite} />
+            </div>
+          ) : null,
+        },
+      },
+    }
+  })
+
+  if (!rows.length) {
+    return null
+  }
+
+  return <EnhancedTable rows={rows} headCells={headCells} />
+}
+
+export default MembersList
diff --git a/apps/web/src/features/spaces/components/SafeAccounts/EmptySafeAccounts.tsx b/apps/web/src/features/spaces/components/SafeAccounts/EmptySafeAccounts.tsx
new file mode 100644
index 000000000..a223666bd
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SafeAccounts/EmptySafeAccounts.tsx
@@ -0,0 +1,18 @@
+import { Card, Typography } from '@mui/material'
+import SafeAccountsIcon from '@/public/images/spaces/safe-accounts.svg'
+
+const EmptySafeAccounts = () => {
+  return (
+    <>
+      <Card sx={{ p: 5, textAlign: 'center' }}>
+        <SafeAccountsIcon />
+
+        <Typography color="text.secondary" mb={2}>
+          Add existing Safe Accounts in your space to see them here.
+        </Typography>
+      </Card>
+    </>
+  )
+}
+
+export default EmptySafeAccounts
diff --git a/apps/web/src/features/spaces/components/SafeAccounts/RemoveSafeDialog.tsx b/apps/web/src/features/spaces/components/SafeAccounts/RemoveSafeDialog.tsx
new file mode 100644
index 000000000..c20f28700
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SafeAccounts/RemoveSafeDialog.tsx
@@ -0,0 +1,90 @@
+import ModalDialog from '@/components/common/ModalDialog'
+import { isMultiChainSafeItem } from '@/features/multichain/utils/utils'
+import type { SafeItem } from '@/features/myAccounts/hooks/useAllSafes'
+import type { MultiChainSafeItem } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import { useCurrentSpaceId } from '@/features/spaces/hooks/useCurrentSpaceId'
+import { trackEvent } from '@/services/analytics'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+import { Alert } from '@mui/material'
+import Button from '@mui/material/Button'
+import DialogActions from '@mui/material/DialogActions'
+import DialogContent from '@mui/material/DialogContent'
+import Typography from '@mui/material/Typography'
+import { useSpaceSafesDeleteV1Mutation } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useState } from 'react'
+import { showNotification } from '@/store/notificationsSlice'
+import { useAppDispatch } from '@/store'
+
+function getToBeDeletedSafeAccounts(safeItem: SafeItem | MultiChainSafeItem) {
+  if (isMultiChainSafeItem(safeItem)) {
+    return safeItem.safes.map((safe) => ({ chainId: safe.chainId, address: safe.address }))
+  }
+
+  return [{ chainId: safeItem.chainId, address: safeItem.address }]
+}
+
+const RemoveSafeDialog = ({
+  safeItem,
+  handleClose,
+}: {
+  safeItem: SafeItem | MultiChainSafeItem
+  handleClose: () => void
+}) => {
+  const { address } = safeItem
+  const spaceId = useCurrentSpaceId()
+  const dispatch = useAppDispatch()
+  const [removeSafeAccounts] = useSpaceSafesDeleteV1Mutation()
+  const [error, setError] = useState('')
+
+  const handleConfirm = async () => {
+    const safeAccounts = getToBeDeletedSafeAccounts(safeItem)
+    trackEvent({ ...SPACE_EVENTS.DELETE_ACCOUNT })
+
+    try {
+      const result = await removeSafeAccounts({
+        spaceId: Number(spaceId),
+        deleteSpaceSafesDto: { safes: safeAccounts },
+      })
+
+      if (result.error) {
+        throw result.error
+      }
+
+      dispatch(
+        showNotification({
+          message: `Removed safe account from space`,
+          variant: 'success',
+          groupKey: 'remove-safe-account-success',
+        }),
+      )
+    } catch (e) {
+      setError('Error removing safe account.')
+    }
+  }
+
+  return (
+    <ModalDialog open onClose={handleClose} dialogTitle="Remove Safe Account" hideChainIndicator>
+      <DialogContent sx={{ p: '24px !important' }}>
+        <Typography>
+          Are you sure you want to remove <b>{address}</b> from this space?
+        </Typography>
+        {error && (
+          <Alert severity="error" sx={{ mt: 2 }}>
+            {error}
+          </Alert>
+        )}
+      </DialogContent>
+
+      <DialogActions>
+        <Button data-testid="cancel-btn" onClick={handleClose}>
+          Cancel
+        </Button>
+        <Button data-testid="delete-btn" onClick={handleConfirm} variant="danger" disableElevation>
+          Remove
+        </Button>
+      </DialogActions>
+    </ModalDialog>
+  )
+}
+
+export default RemoveSafeDialog
diff --git a/apps/web/src/features/spaces/components/SafeAccounts/SendTransactionButton.tsx b/apps/web/src/features/spaces/components/SafeAccounts/SendTransactionButton.tsx
new file mode 100644
index 000000000..940f6eb03
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SafeAccounts/SendTransactionButton.tsx
@@ -0,0 +1,75 @@
+import { useContext } from 'react'
+import { IconButton, Tooltip } from '@mui/material'
+import { useRouter } from 'next/router'
+import ArrowOutwardIcon from '@/public/images/transactions/outgoing.svg'
+import css from './styles.module.css'
+import { TxModalContext } from '@/components/tx-flow'
+import { TokenTransferFlow } from '@/components/tx-flow/flows'
+import { networks } from '@safe-global/protocol-kit/dist/src/utils/eip-3770/config'
+import type { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import useWallet from '@/hooks/wallets/useWallet'
+import { isOwner } from '@/utils/transaction-guards'
+import type { AddressEx } from '@safe-global/safe-gateway-typescript-sdk'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+import { trackEvent } from '@/services/analytics'
+import { gtmSetSafeAddress } from '@/services/analytics/gtm'
+
+type Chains = Record<string, string>
+
+const chains = networks.reduce<Chains>((result, { shortName, chainId }) => {
+  result[chainId.toString()] = shortName.toString()
+  return result
+}, {})
+
+const SendTransactionButton = ({ safe }: { safe: SafeOverview }) => {
+  const router = useRouter()
+  const wallet = useWallet()
+  const canSend = isOwner(safe.owners as AddressEx[], wallet?.address)
+
+  const { setTxFlow } = useContext(TxModalContext)
+
+  const setActiveSafe = async () => {
+    const shortname = chains[safe.chainId]
+
+    await router.replace({
+      pathname: router.pathname,
+      query: {
+        ...router.query,
+        safe: `${shortname}:${safe.address.value}`,
+        chain: shortname,
+      },
+    })
+  }
+
+  const resetActiveSafe = async () => {
+    await router.replace({
+      pathname: router.pathname,
+      query: {
+        ...router.query,
+        safe: undefined,
+        chain: undefined,
+      },
+    })
+  }
+
+  const onNewTxClick = async () => {
+    await setActiveSafe()
+    // We have to set it explicitly otherwise its missing in the trackEvent below
+    gtmSetSafeAddress(safe.address.value)
+    trackEvent(SPACE_EVENTS.CREATE_SPACE_TX)
+
+    setTxFlow(<TokenTransferFlow />, resetActiveSafe, false)
+  }
+
+  return (
+    <Tooltip placement="top" title={canSend ? 'Send tokens' : 'You are not a signer of this Safe Account'}>
+      <span>
+        <IconButton className={css.sendButton} size="medium" onClick={onNewTxClick} disabled={!canSend}>
+          <ArrowOutwardIcon />
+        </IconButton>
+      </span>
+    </Tooltip>
+  )
+}
+
+export default SendTransactionButton
diff --git a/apps/web/src/features/spaces/components/SafeAccounts/SpaceSafeContextMenu.tsx b/apps/web/src/features/spaces/components/SafeAccounts/SpaceSafeContextMenu.tsx
new file mode 100644
index 000000000..cfe8a9f38
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SafeAccounts/SpaceSafeContextMenu.tsx
@@ -0,0 +1,98 @@
+import type { SafeItem } from '@/features/myAccounts/hooks/useAllSafes'
+import type { MultiChainSafeItem } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import RemoveSafeDialog from '@/features/spaces/components/SafeAccounts/RemoveSafeDialog'
+import { type MouseEvent, useState } from 'react'
+import MoreVertIcon from '@mui/icons-material/MoreVert'
+import { SvgIcon } from '@mui/material'
+import IconButton from '@mui/material/IconButton'
+import ListItemIcon from '@mui/material/ListItemIcon'
+import ListItemText from '@mui/material/ListItemText'
+import MenuItem from '@mui/material/MenuItem'
+import ContextMenu from '@/components/common/ContextMenu'
+import DeleteIcon from '@/public/images/common/delete.svg'
+import EditIcon from '@/public/images/common/edit.svg'
+import EntryDialog from '@/components/address-book/EntryDialog'
+import { useAppSelector } from '@/store'
+import { selectAllAddressBooks } from '@/store/addressBookSlice'
+import { isMultiChainSafeItem } from '@/features/multichain/utils/utils'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+import { trackEvent } from '@/services/analytics'
+import { useIsAdmin } from '@/features/spaces/hooks/useSpaceMembers'
+
+enum ModalType {
+  RENAME = 'rename',
+  REMOVE = 'remove',
+}
+
+const defaultOpen = { [ModalType.RENAME]: false, [ModalType.REMOVE]: false }
+
+const SpaceSafeContextMenu = ({ safeItem }: { safeItem: SafeItem | MultiChainSafeItem }) => {
+  const [anchorEl, setAnchorEl] = useState<HTMLElement | undefined>()
+  const [open, setOpen] = useState<typeof defaultOpen>(defaultOpen)
+  const isAdmin = useIsAdmin()
+
+  const allAddressBooks = useAppSelector(selectAllAddressBooks)
+  const chainIds = isMultiChainSafeItem(safeItem) ? safeItem.safes.map((safe) => safe.chainId) : [safeItem.chainId]
+  const name = isMultiChainSafeItem(safeItem) ? safeItem.name : allAddressBooks[safeItem.chainId]?.[safeItem.address]
+  const hasName = !!name
+
+  const handleOpenContextMenu = (e: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => {
+    e.stopPropagation()
+    setAnchorEl(e.currentTarget)
+  }
+
+  const handleCloseContextMenu = (e: Event) => {
+    e.stopPropagation()
+    setAnchorEl(undefined)
+  }
+
+  const handleOpenModal = (e: MouseEvent, type: keyof typeof open) => {
+    e.stopPropagation()
+    if (type === ModalType.REMOVE) trackEvent({ ...SPACE_EVENTS.DELETE_ACCOUNT_MODAL })
+    setAnchorEl(undefined)
+    setOpen((prev) => ({ ...prev, [type]: true }))
+  }
+
+  const handleCloseModal = () => {
+    setOpen(defaultOpen)
+  }
+
+  return (
+    <>
+      <IconButton edge="end" size="small" onClick={handleOpenContextMenu}>
+        <MoreVertIcon sx={({ palette }) => ({ color: palette.border.main })} />
+      </IconButton>
+      <ContextMenu anchorEl={anchorEl} open={!!anchorEl} onClose={handleCloseContextMenu}>
+        <MenuItem onClick={(e) => handleOpenModal(e, ModalType.RENAME)}>
+          <ListItemIcon>
+            <SvgIcon component={EditIcon} inheritViewBox fontSize="small" color="success" />
+          </ListItemIcon>
+          <ListItemText>{hasName ? 'Rename' : 'Give name'}</ListItemText>
+        </MenuItem>
+
+        {isAdmin && (
+          <MenuItem onClick={(e) => handleOpenModal(e, ModalType.REMOVE)}>
+            <ListItemIcon>
+              <SvgIcon component={DeleteIcon} inheritViewBox fontSize="small" color="error" />
+            </ListItemIcon>
+            <ListItemText>Remove</ListItemText>
+          </MenuItem>
+        )}
+      </ContextMenu>
+
+      {open[ModalType.RENAME] && (
+        <EntryDialog
+          handleClose={handleCloseModal}
+          defaultValues={{ name: name || '', address: safeItem.address }}
+          chainIds={chainIds}
+          currentChainId={isMultiChainSafeItem(safeItem) ? undefined : chainIds[0]}
+          disableAddressInput
+        />
+      )}
+
+      {open[ModalType.REMOVE] && <RemoveSafeDialog safeItem={safeItem} handleClose={handleCloseModal} />}
+    </>
+  )
+}
+
+export default SpaceSafeContextMenu
diff --git a/apps/web/src/features/spaces/components/SafeAccounts/index.tsx b/apps/web/src/features/spaces/components/SafeAccounts/index.tsx
new file mode 100644
index 000000000..f63b6ecbd
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SafeAccounts/index.tsx
@@ -0,0 +1,68 @@
+import AddAccounts from '@/features/spaces/components/AddAccounts'
+import EmptySafeAccounts from '@/features/spaces/components/SafeAccounts/EmptySafeAccounts'
+import { Stack, Typography } from '@mui/material'
+import { useEffect, useState } from 'react'
+import SafesList from '@/features/myAccounts/components/SafesList'
+import { useSpaceSafes } from '@/features/spaces/hooks/useSpaceSafes'
+import { useSafesSearch } from '@/features/myAccounts/hooks/useSafesSearch'
+import { useIsAdmin, useIsInvited } from '@/features/spaces/hooks/useSpaceMembers'
+import PreviewInvite from '../InviteBanner/PreviewInvite'
+import { SPACE_LABELS } from '@/services/analytics/events/spaces'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+import Track from '@/components/common/Track'
+import { trackEvent } from '@/services/analytics'
+import SearchInput from '../SearchInput'
+
+const SpaceSafeAccounts = () => {
+  const [searchQuery, setSearchQuery] = useState('')
+  const { allSafes } = useSpaceSafes()
+  const filteredSafes = useSafesSearch(allSafes ?? [], searchQuery)
+  const isAdmin = useIsAdmin()
+  const isInvited = useIsInvited()
+
+  const safes = searchQuery ? filteredSafes : allSafes
+
+  useEffect(() => {
+    if (searchQuery) {
+      trackEvent({ ...SPACE_EVENTS.SEARCH_ACCOUNTS, label: SPACE_LABELS.accounts_page })
+    }
+  }, [searchQuery])
+
+  return (
+    <>
+      {isInvited && <PreviewInvite />}
+      <Typography variant="h1" mb={3}>
+        Safe Accounts
+      </Typography>
+      <Stack
+        direction="row"
+        justifyContent="space-between"
+        alignItems="flex-start"
+        gap={2}
+        mb={3}
+        flexWrap="nowrap"
+        flexDirection={{ xs: 'column-reverse', md: 'row' }}
+      >
+        <SearchInput onSearch={setSearchQuery} />
+
+        {isAdmin && (
+          <Track {...SPACE_EVENTS.ADD_ACCOUNTS_MODAL} label={SPACE_LABELS.accounts_page}>
+            <AddAccounts />
+          </Track>
+        )}
+      </Stack>
+
+      {searchQuery && filteredSafes.length === 0 ? (
+        <Typography variant="h5" fontWeight="normal" mb={2} color="primary.light">
+          Found 0 results
+        </Typography>
+      ) : safes.length === 0 ? (
+        <EmptySafeAccounts />
+      ) : (
+        <SafesList safes={safes} isSpaceSafe />
+      )}
+    </>
+  )
+}
+
+export default SpaceSafeAccounts
diff --git a/apps/web/src/features/spaces/components/SafeAccounts/styles.module.css b/apps/web/src/features/spaces/components/SafeAccounts/styles.module.css
new file mode 100644
index 000000000..81080ed36
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SafeAccounts/styles.module.css
@@ -0,0 +1,25 @@
+.sendButton {
+  background-color: var(--color-background-main);
+  border-radius: 3px;
+  margin: 0 var(--space-1);
+}
+
+.sendButton:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+[data-theme='dark'] .sendButton:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.sendButton svg path {
+  fill: var(--color-text-primary);
+}
+
+.sendButton:global(.Mui-disabled) {
+  background-color: var(--color-background-main);
+}
+
+.sendButton:global(.Mui-disabled) svg path {
+  fill: var(--color-border-main);
+}
diff --git a/apps/web/src/features/spaces/components/SearchInput/index.test.tsx b/apps/web/src/features/spaces/components/SearchInput/index.test.tsx
new file mode 100644
index 000000000..d873cc3cd
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SearchInput/index.test.tsx
@@ -0,0 +1,31 @@
+import { render, screen, fireEvent, waitFor } from '@testing-library/react'
+import SearchInput from './index'
+
+describe('SearchInput', () => {
+  const mockOnSearch = jest.fn()
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('renders the component', () => {
+    render(<SearchInput onSearch={mockOnSearch} />)
+
+    const input = screen.getByPlaceholderText('Search')
+    expect(input).toBeInTheDocument()
+    expect(input).toHaveAttribute('type', 'text')
+    const searchIcon = screen.getByTestId('search-icon')
+    expect(searchIcon).toBeInTheDocument()
+  })
+
+  it('calls onSearch with input value', async () => {
+    render(<SearchInput onSearch={mockOnSearch} />)
+
+    const input = screen.getByPlaceholderText('Search')
+    fireEvent.change(input, { target: { value: 'test search' } })
+
+    await waitFor(() => {
+      expect(mockOnSearch).toHaveBeenCalledWith('test search')
+    })
+  })
+})
diff --git a/apps/web/src/features/spaces/components/SearchInput/index.tsx b/apps/web/src/features/spaces/components/SearchInput/index.tsx
new file mode 100644
index 000000000..0584a6a2e
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SearchInput/index.tsx
@@ -0,0 +1,45 @@
+import { InputAdornment, SvgIcon, TextField } from '@mui/material'
+import SearchIcon from '@/public/images/common/search.svg'
+import { useCallback } from 'react'
+import { debounce } from 'lodash'
+
+interface SearchInputProps {
+  placeholder?: string
+  onSearch: (value: string) => void
+  debounceTime?: number
+}
+
+const SearchInput = ({ onSearch, debounceTime = 300 }: SearchInputProps) => {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const handleSearch = useCallback(debounce(onSearch, debounceTime), [onSearch, debounceTime])
+
+  return (
+    <TextField
+      aria-label="Search"
+      placeholder="Search"
+      variant="filled"
+      hiddenLabel
+      onChange={(e) => {
+        handleSearch(e.target.value)
+      }}
+      InputProps={{
+        startAdornment: (
+          <InputAdornment position="start">
+            <SvgIcon component={SearchIcon} inheritViewBox color="border" fontSize="small" data-testid="search-icon" />
+          </InputAdornment>
+        ),
+        disableUnderline: true,
+      }}
+      size="small"
+      sx={{
+        transition: 'width 0.15s ease-in-out',
+        width: { xs: '100%', sm: '250px' },
+        '&:focus-within': {
+          width: { xs: '100%', sm: '470px' },
+        },
+      }}
+    />
+  )
+}
+
+export default SearchInput
diff --git a/apps/web/src/features/spaces/components/SignInButton/index.tsx b/apps/web/src/features/spaces/components/SignInButton/index.tsx
new file mode 100644
index 000000000..e3c89ba1d
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SignInButton/index.tsx
@@ -0,0 +1,49 @@
+import WalletLogin from '@/components/welcome/WelcomeLogin/WalletLogin'
+import { OVERVIEW_EVENTS, OVERVIEW_LABELS, trackEvent } from '@/services/analytics'
+import { SPACE_EVENTS, SPACE_LABELS } from '@/services/analytics/events/spaces'
+import { useSiwe } from '@/services/siwe/useSiwe'
+import { useAppDispatch } from '@/store'
+import { setAuthenticated } from '@/store/authSlice'
+import { showNotification } from '@/store/notificationsSlice'
+import { logError } from '@/services/exceptions'
+import ErrorCodes from '@safe-global/utils/services/exceptions/ErrorCodes'
+
+const SignInButton = () => {
+  const dispatch = useAppDispatch()
+  const { signIn } = useSiwe()
+
+  const handleLogin = () => {
+    trackEvent({ ...OVERVIEW_EVENTS.OPEN_ONBOARD, label: OVERVIEW_LABELS.space_list_page })
+  }
+
+  const handleSignIn = async () => {
+    trackEvent({ ...SPACE_EVENTS.SIGN_IN_BUTTON, label: SPACE_LABELS.space_list_page })
+
+    try {
+      const result = await signIn()
+
+      if (result && result.error) {
+        throw result.error
+      }
+
+      if (result) {
+        const oneDayInMs = 24 * 60 * 60 * 1000
+        dispatch(setAuthenticated(Date.now() + oneDayInMs))
+      }
+    } catch (error) {
+      logError(ErrorCodes._640)
+
+      dispatch(
+        showNotification({
+          message: `Something went wrong while trying to sign in`,
+          variant: 'error',
+          groupKey: 'sign-in-failed',
+        }),
+      )
+    }
+  }
+
+  return <WalletLogin onLogin={handleLogin} onContinue={handleSignIn} buttonText="Sign in with" />
+}
+
+export default SignInButton
diff --git a/apps/web/src/features/spaces/components/SignedOutState/index.tsx b/apps/web/src/features/spaces/components/SignedOutState/index.tsx
new file mode 100644
index 000000000..41cbd37cc
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SignedOutState/index.tsx
@@ -0,0 +1,26 @@
+import { Box, Typography } from '@mui/material'
+import css from '@/features/spaces/components/Dashboard/styles.module.css'
+import SignInButton from '@/features/spaces/components/SignInButton'
+
+const SignedOutState = () => {
+  return (
+    <Box className={css.content}>
+      <Box textAlign="center" className={css.contentWrapper}>
+        <Box className={css.contentInner}>
+          <Typography fontWeight={700} mb={2}>
+            Sign in to see content
+          </Typography>
+
+          <Typography color="text.secondary" mb={2}>
+            To view and interact with spaces, you need to sign in with the wallet, that is a member of the space. Sign
+            in to continue.
+          </Typography>
+
+          <SignInButton />
+        </Box>
+      </Box>
+    </Box>
+  )
+}
+
+export default SignedOutState
diff --git a/apps/web/src/features/spaces/components/SpaceBreadcrumbs/index.tsx b/apps/web/src/features/spaces/components/SpaceBreadcrumbs/index.tsx
new file mode 100644
index 000000000..93fa9cec1
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceBreadcrumbs/index.tsx
@@ -0,0 +1,75 @@
+import { useRouter } from 'next/router'
+import css from './styles.module.css'
+import { IconButton, SvgIcon, Typography } from '@mui/material'
+import { useAppSelector } from '@/store'
+import { isAuthenticated } from '@/store/authSlice'
+import SpaceIcon from '@/public/images/spaces/space.svg'
+import Link from 'next/link'
+import { AppRoutes } from '@/config/routes'
+import { useSpaceSafesGetV1Query, useSpacesGetOneV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import InitialsAvatar from '@/features/spaces/components/InitialsAvatar'
+import { BreadcrumbItem } from '@/components/common/Breadcrumbs/BreadcrumbItem'
+import { useParentSafe } from '@/hooks/useParentSafe'
+import { useCurrentSpaceId } from '@/features/spaces/hooks/useCurrentSpaceId'
+import { useHasFeature } from '@/hooks/useChains'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import Track from '@/components/common/Track'
+import { SPACE_EVENTS, SPACE_LABELS } from '@/services/analytics/events/spaces'
+import { useSafeAddressFromUrl } from '@/hooks/useSafeAddressFromUrl'
+import useChainId from '@/hooks/useChainId'
+import { useMemo } from 'react'
+
+const SpaceBreadcrumbs = () => {
+  const isSpacesFeatureEnabled = useHasFeature(FEATURES.SPACES)
+  const { pathname } = useRouter()
+  const spaceId = useCurrentSpaceId()
+  const isUserSignedIn = useAppSelector(isAuthenticated)
+  const { currentData: space } = useSpacesGetOneV1Query({ id: Number(spaceId) }, { skip: !isUserSignedIn || !spaceId })
+  const { currentData: safes } = useSpaceSafesGetV1Query(
+    { spaceId: Number(spaceId) },
+    { skip: !isUserSignedIn || !spaceId },
+  )
+  const safeAddress = useSafeAddressFromUrl()
+  const chainId = useChainId()
+  const parentSafe = useParentSafe()
+  const isSpaceRoute = pathname.startsWith(AppRoutes.spaces.index) || pathname.startsWith(AppRoutes.welcome.spaces)
+
+  const isSafePartOfSpace = useMemo(
+    () => safes && Object.entries(safes.safes).some((safe) => safe[0] === chainId && safe[1].includes(safeAddress)),
+    [chainId, safeAddress, safes],
+  )
+
+  if (!isUserSignedIn || !spaceId || isSpaceRoute || !space || !isSpacesFeatureEnabled || !isSafePartOfSpace) {
+    return null
+  }
+
+  return (
+    <>
+      <Track {...SPACE_EVENTS.OPEN_SPACE_LIST_PAGE} label={SPACE_LABELS.space_breadcrumbs}>
+        <Link href={{ pathname: AppRoutes.welcome.spaces }} passHref>
+          <IconButton size="small">
+            <SvgIcon component={SpaceIcon} inheritViewBox sx={{ fill: 'none' }} fontSize="small" color="primary" />
+          </IconButton>
+        </Link>
+      </Track>
+
+      <Typography variant="body2">/</Typography>
+
+      <Track {...SPACE_EVENTS.OPEN_SPACE_DASHBOARD} label={SPACE_LABELS.space_breadcrumbs}>
+        <Link href={{ pathname: AppRoutes.spaces.index, query: { spaceId } }} passHref className={css.spaceName}>
+          <InitialsAvatar name={space.name} size="xsmall" />
+          <Typography variant="body2" fontWeight="bold">
+            {space.name}
+          </Typography>
+        </Link>
+      </Track>
+
+      <Typography variant="body2">/</Typography>
+
+      {/* In case the nested breadcrumbs are not rendered we want to show the current safe address */}
+      {!parentSafe && <BreadcrumbItem title="Current Safe" address={safeAddress} />}
+    </>
+  )
+}
+
+export default SpaceBreadcrumbs
diff --git a/apps/web/src/features/spaces/components/SpaceBreadcrumbs/styles.module.css b/apps/web/src/features/spaces/components/SpaceBreadcrumbs/styles.module.css
new file mode 100644
index 000000000..b5db063ba
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceBreadcrumbs/styles.module.css
@@ -0,0 +1,5 @@
+.spaceName {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+}
diff --git a/apps/web/src/features/spaces/components/SpaceCard/SpaceContextMenu.tsx b/apps/web/src/features/spaces/components/SpaceCard/SpaceContextMenu.tsx
new file mode 100644
index 000000000..e3553c572
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceCard/SpaceContextMenu.tsx
@@ -0,0 +1,79 @@
+import { type MouseEvent, useState } from 'react'
+import MoreVertIcon from '@mui/icons-material/MoreVert'
+import { SvgIcon } from '@mui/material'
+import IconButton from '@mui/material/IconButton'
+import ListItemIcon from '@mui/material/ListItemIcon'
+import ListItemText from '@mui/material/ListItemText'
+import MenuItem from '@mui/material/MenuItem'
+import ContextMenu from '@/components/common/ContextMenu'
+import DeleteIcon from '@/public/images/common/delete.svg'
+import EditIcon from '@/public/images/common/edit.svg'
+import type { GetSpaceResponse } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import css from './styles.module.css'
+import DeleteSpaceDialog from '@/features/spaces/components/SpaceSettings/DeleteSpaceDialog'
+import UpdateSpaceDialog from '@/features/spaces/components/SpaceSettings/UpdateSpaceDialog'
+import Track from '@/components/common/Track'
+import { SPACE_EVENTS, SPACE_LABELS } from '@/services/analytics/events/spaces'
+
+enum ModalType {
+  RENAME = 'rename',
+  REMOVE = 'remove',
+}
+
+const defaultOpen = { [ModalType.RENAME]: false, [ModalType.REMOVE]: false }
+
+const SpaceContextMenu = ({ space }: { space: GetSpaceResponse }) => {
+  const [anchorEl, setAnchorEl] = useState<HTMLElement | undefined>()
+  const [open, setOpen] = useState<typeof defaultOpen>(defaultOpen)
+
+  const handleOpenContextMenu = (e: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => {
+    e.stopPropagation()
+    setAnchorEl(e.currentTarget)
+  }
+
+  const handleCloseContextMenu = (e: Event) => {
+    e.stopPropagation()
+    setAnchorEl(undefined)
+  }
+
+  const handleOpenModal = (e: MouseEvent, type: keyof typeof open) => {
+    e.stopPropagation()
+    setAnchorEl(undefined)
+    setOpen((prev) => ({ ...prev, [type]: true }))
+  }
+
+  const handleCloseModal = () => {
+    setOpen(defaultOpen)
+  }
+
+  return (
+    <>
+      <IconButton className={css.spaceActions} size="small" onClick={handleOpenContextMenu}>
+        <MoreVertIcon sx={({ palette }) => ({ color: palette.border.main })} />
+      </IconButton>
+      <ContextMenu anchorEl={anchorEl} open={!!anchorEl} onClose={handleCloseContextMenu}>
+        <MenuItem onClick={(e) => handleOpenModal(e, ModalType.RENAME)}>
+          <ListItemIcon>
+            <SvgIcon component={EditIcon} inheritViewBox fontSize="small" color="success" />
+          </ListItemIcon>
+          <ListItemText>Rename</ListItemText>
+        </MenuItem>
+
+        <Track {...SPACE_EVENTS.DELETE_SPACE_MODAL} label={SPACE_LABELS.space_context_menu}>
+          <MenuItem data-testid="remove-button" onClick={(e) => handleOpenModal(e, ModalType.REMOVE)}>
+            <ListItemIcon>
+              <SvgIcon component={DeleteIcon} inheritViewBox fontSize="small" color="error" />
+            </ListItemIcon>
+            <ListItemText>Remove</ListItemText>
+          </MenuItem>
+        </Track>
+      </ContextMenu>
+
+      {open[ModalType.RENAME] && <UpdateSpaceDialog space={space} onClose={handleCloseModal} />}
+
+      {open[ModalType.REMOVE] && <DeleteSpaceDialog space={space} onClose={handleCloseModal} />}
+    </>
+  )
+}
+
+export default SpaceContextMenu
diff --git a/apps/web/src/features/spaces/components/SpaceCard/index.tsx b/apps/web/src/features/spaces/components/SpaceCard/index.tsx
new file mode 100644
index 000000000..2d1462021
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceCard/index.tsx
@@ -0,0 +1,78 @@
+import { AppRoutes } from '@/config/routes'
+import { Box, Card, Stack, Typography } from '@mui/material'
+import Link from 'next/link'
+
+import css from './styles.module.css'
+import type { GetSpaceResponse } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import classNames from 'classnames'
+import { useSpaceSafeCount } from '@/features/spaces/hooks/useSpaceSafeCount'
+import InitialsAvatar from '@/features/spaces/components/InitialsAvatar'
+import SpaceContextMenu from '@/features/spaces/components/SpaceCard/SpaceContextMenu'
+import { MemberStatus, useIsAdmin } from '@/features/spaces/hooks/useSpaceMembers'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+
+export const SpaceSummary = ({
+  name,
+  numberOfAccounts,
+  numberOfMembers,
+  isCompact = false,
+}: {
+  name: string
+  numberOfAccounts: number
+  numberOfMembers: number
+  isCompact?: boolean
+}) => {
+  return (
+    <Box className={css.spaceInfo}>
+      <Typography variant="body2" fontWeight="bold">
+        {name}
+      </Typography>
+
+      <Stack direction="row" spacing={1} alignItems="center" mt={isCompact ? 0 : 0.5}>
+        <Typography variant="caption" color="text.secondary">
+          {numberOfAccounts} Account{maybePlural(numberOfAccounts)}
+        </Typography>
+
+        <div className={css.dot} />
+
+        <Typography variant="caption" color="text.secondary">
+          {numberOfMembers} Member{maybePlural(numberOfMembers)}
+        </Typography>
+      </Stack>
+    </Box>
+  )
+}
+
+const SpaceCard = ({
+  space,
+  isCompact = false,
+  isLink = true,
+}: {
+  space: GetSpaceResponse
+  isCompact?: boolean
+  isLink?: boolean
+}) => {
+  const { id, name, members } = space
+  const numberOfMembers = members.filter((member) => member.status === MemberStatus.ACTIVE).length
+  const numberOfAccounts = useSpaceSafeCount(id)
+  const isAdmin = useIsAdmin(id)
+
+  return (
+    <Card data-testid="space-card" className={classNames(css.card, { [css.compact]: isCompact })}>
+      {isLink && <Link className={css.cardLink} href={{ pathname: AppRoutes.spaces.index, query: { spaceId: id } }} />}
+
+      <InitialsAvatar name={name} size={isCompact ? 'medium' : 'large'} />
+
+      <SpaceSummary
+        name={name}
+        numberOfAccounts={numberOfAccounts}
+        numberOfMembers={numberOfMembers}
+        isCompact={isCompact}
+      />
+
+      {isAdmin && <SpaceContextMenu space={space} />}
+    </Card>
+  )
+}
+
+export default SpaceCard
diff --git a/apps/web/src/features/spaces/components/SpaceCard/styles.module.css b/apps/web/src/features/spaces/components/SpaceCard/styles.module.css
new file mode 100644
index 000000000..73075611b
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceCard/styles.module.css
@@ -0,0 +1,56 @@
+.card {
+  position: relative;
+  flex-basis: 50%;
+  display: grid;
+  grid-template-areas:
+    'logo logo actions'
+    'info info actions';
+  grid-template-columns: auto 1fr auto;
+  gap: 8px;
+  padding: var(--space-2);
+}
+
+.card.compact {
+  grid-template-areas:
+    'logo info actions'
+    'logo info actions';
+  grid-template-columns: auto 1fr auto;
+  padding: var(--space-1);
+  padding-left: 12px;
+  border: 0;
+}
+
+.initialsAvatar {
+  grid-area: logo;
+  text-transform: uppercase;
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  justify-self: start;
+}
+
+.spaceInfo {
+  grid-area: info;
+}
+
+.dot {
+  width: 2px;
+  height: 2px;
+  background-color: var(--color-border-main);
+  border-radius: 50%;
+}
+
+.spaceActions {
+  grid-area: actions;
+  align-self: start;
+}
+
+.cardLink {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+}
diff --git a/apps/web/src/features/spaces/components/SpaceCreationModal/index.tsx b/apps/web/src/features/spaces/components/SpaceCreationModal/index.tsx
new file mode 100644
index 000000000..035788c07
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceCreationModal/index.tsx
@@ -0,0 +1,109 @@
+import { useSpacesCreateWithUserV1Mutation } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useRouter } from 'next/router'
+import { type ReactElement, useState } from 'react'
+import { Alert, Box, Button, CircularProgress, DialogActions, DialogContent, SvgIcon, Typography } from '@mui/material'
+import { FormProvider, useForm } from 'react-hook-form'
+import SpaceIcon from '@/public/images/spaces/space.svg'
+import ModalDialog from '@/components/common/ModalDialog'
+import NameInput from '@/components/common/NameInput'
+import { AppRoutes } from '@/config/routes'
+import { trackEvent } from '@/services/analytics'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+import { showNotification } from '@/store/notificationsSlice'
+import { useAppDispatch } from '@/store'
+import ExternalLink from '@/components/common/ExternalLink'
+
+function SpaceCreationModal({ onClose }: { onClose: () => void }): ReactElement {
+  const [error, setError] = useState<string>()
+  const [isSubmitting, setIsSubmitting] = useState(false)
+  const router = useRouter()
+  const dispatch = useAppDispatch()
+  const methods = useForm<{ name: string }>({ mode: 'onChange' })
+  const [createSpaceWithUser] = useSpacesCreateWithUserV1Mutation()
+  const { handleSubmit, formState } = methods
+
+  const onSubmit = handleSubmit(async (data) => {
+    setError(undefined)
+
+    try {
+      setIsSubmitting(true)
+      trackEvent({ ...SPACE_EVENTS.CREATE_SPACE })
+      const response = await createSpaceWithUser({ createSpaceDto: { name: data.name } })
+
+      if (response.data) {
+        const spaceId = response.data.id.toString()
+        router.push({ pathname: AppRoutes.spaces.index, query: { spaceId } })
+        onClose()
+
+        dispatch(
+          showNotification({
+            message: `Created space with name ${data.name}.`,
+            variant: 'success',
+            groupKey: 'create-space-success',
+          }),
+        )
+      }
+
+      if (response.error) {
+        throw response.error
+      }
+    } catch (error) {
+      // @ts-ignore
+      const errorMessage = error?.data?.message || 'Failed creating the space. Please try again.'
+      setError(errorMessage)
+    } finally {
+      setIsSubmitting(false)
+    }
+  })
+
+  return (
+    <ModalDialog
+      open
+      onClose={onClose}
+      dialogTitle={
+        <>
+          <SvgIcon component={SpaceIcon} inheritViewBox sx={{ fill: 'none', mr: 1 }} />
+          Create space
+        </>
+      }
+      hideChainIndicator
+    >
+      <FormProvider {...methods}>
+        <form onSubmit={onSubmit}>
+          <DialogContent sx={{ py: 2 }}>
+            <Box mb={2}>
+              <NameInput data-testid="space-name-input" label="Name" autoFocus name="name" required />
+            </Box>
+            <Typography variant="body2" color="text.secondary">
+              How is my data processed? Read our <ExternalLink href={AppRoutes.privacy}>privacy policy</ExternalLink>
+            </Typography>
+
+            {error && (
+              <Alert severity="error" sx={{ mt: 2 }}>
+                {error}
+              </Alert>
+            )}
+          </DialogContent>
+
+          <DialogActions>
+            <Button data-testid="cancel-btn" onClick={onClose}>
+              Cancel
+            </Button>
+            <Button
+              data-testid="create-space-modal-button"
+              type="submit"
+              variant="contained"
+              disabled={!formState.isValid || isSubmitting}
+              disableElevation
+              sx={{ minWidth: '200px' }}
+            >
+              {isSubmitting ? <CircularProgress size={20} /> : 'Create space'}
+            </Button>
+          </DialogActions>
+        </form>
+      </FormProvider>
+    </ModalDialog>
+  )
+}
+
+export default SpaceCreationModal
diff --git a/apps/web/src/features/spaces/components/SpaceInfoModal/index.tsx b/apps/web/src/features/spaces/components/SpaceInfoModal/index.tsx
new file mode 100644
index 000000000..baac7f711
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceInfoModal/index.tsx
@@ -0,0 +1,161 @@
+import {
+  Button,
+  Chip,
+  Dialog,
+  DialogContent,
+  Grid2,
+  IconButton,
+  List,
+  ListItem,
+  ListItemIcon,
+  Stack,
+  SvgIcon,
+  Typography,
+} from '@mui/material'
+import CheckIcon from '@/public/images/common/check.svg'
+import CloseIcon from '@mui/icons-material/Close'
+import CreateSpaceInfo from '@/public/images/spaces/create_space_info.png'
+import Image from 'next/image'
+import { AppRoutes } from '@/config/routes'
+import Link from 'next/link'
+import { trackEvent } from '@/services/analytics'
+import { SPACE_EVENTS, SPACE_LABELS } from '@/services/analytics/events/spaces'
+import ExternalLink from '@/components/common/ExternalLink'
+
+const ListIcon = () => (
+  <ListItemIcon
+    sx={{
+      alignSelf: 'flex-start',
+      minWidth: '20px',
+      marginRight: '16px',
+      marginTop: '0',
+      color: 'success.main',
+      '& path:last-child': {
+        fill: 'var(--color-success-main)',
+      },
+      backgroundColor: 'success.light',
+      borderRadius: '50%',
+      width: '20px',
+      height: '20px',
+      alignItems: 'center',
+      justifyContent: 'center',
+    }}
+  >
+    <SvgIcon component={CheckIcon} inheritViewBox fontSize="small" sx={{ width: '12px', height: '12px' }} />
+  </ListItemIcon>
+)
+
+const SPACE_HELP_ARTICLE_LINK = 'https://help.safe.global/en/articles/285386-spaces'
+
+const SpaceInfoModal = ({
+  showButtons = true,
+  onClose,
+  onCreateSpace,
+}: {
+  showButtons?: boolean
+  onClose: () => void
+  onCreateSpace?: () => void
+}) => {
+  return (
+    <Dialog open PaperProps={{ style: { width: '870px', maxWidth: '98%', borderRadius: '16px' } }} onClose={onClose}>
+      <DialogContent dividers sx={{ p: 0, border: 0 }}>
+        <Grid2 container>
+          <Grid2 size={{ xs: 12, md: 6 }} p={5} display="flex" flexDirection="column">
+            <Typography component="div" variant="h1" mb={1} position="relative">
+              Introducing spaces
+              <Chip
+                label="Beta"
+                size="small"
+                sx={{ ml: 1, fontWeight: 'normal', position: 'absolute', top: '0', right: '0' }}
+              />
+            </Typography>
+
+            <Typography mt={2} mb={3}>
+              Collaborate seamlessly with your team and keep your treasury organized.
+            </Typography>
+
+            <List sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
+              <ListItem disablePadding>
+                <ListIcon />
+                Bring all your Safe Accounts into one shared space.
+              </ListItem>
+
+              <ListItem disablePadding>
+                <ListIcon />
+                Invite team members with shared access—whether they’re signers or just viewers.
+              </ListItem>
+
+              <ListItem disablePadding>
+                <ListIcon />
+                Everyone sees the same account names, team members, and data.
+              </ListItem>
+
+              <ListItem disablePadding>
+                <ListIcon />
+                Aggregated balances and actions across multiple accounts are coming soon!
+              </ListItem>
+            </List>
+
+            <Typography mt={1}>
+              Read the <ExternalLink href={SPACE_HELP_ARTICLE_LINK}>Spaces help article</ExternalLink>
+            </Typography>
+
+            {showButtons && (
+              <Stack gap={2} mt={{ xs: 3, md: 'auto' }}>
+                {onCreateSpace ? (
+                  <Button
+                    variant="contained"
+                    color="primary"
+                    onClick={() => {
+                      trackEvent({ ...SPACE_EVENTS.CREATE_SPACE_MODAL, label: SPACE_LABELS.info_modal })
+                      onClose()
+                      onCreateSpace()
+                    }}
+                  >
+                    Create a space
+                  </Button>
+                ) : (
+                  <Link href={AppRoutes.welcome.spaces} passHref legacyBehavior>
+                    <Button
+                      variant="contained"
+                      color="primary"
+                      onClick={() =>
+                        trackEvent({ ...SPACE_EVENTS.OPEN_SPACE_LIST_PAGE, label: SPACE_LABELS.info_modal })
+                      }
+                    >
+                      Create a space
+                    </Button>
+                  </Link>
+                )}
+
+                <Button variant="text" color="primary" onClick={onClose}>
+                  Maybe later
+                </Button>
+              </Stack>
+            )}
+          </Grid2>
+
+          <Grid2 size={6} display={{ xs: 'none', md: 'flex' }} justifyContent="center" flex={1} bgcolor="#121312">
+            <Image src={CreateSpaceInfo} style={{ width: '100%' }} alt="An illustration of multiple safe accounts" />
+          </Grid2>
+        </Grid2>
+
+        <IconButton
+          onClick={onClose}
+          sx={{
+            position: 'absolute',
+            top: 0,
+            right: 0,
+            p: 1,
+            m: 1,
+            color: '#ffffff',
+          }}
+        >
+          <CloseIcon />
+        </IconButton>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+export default SpaceInfoModal
diff --git a/apps/web/src/features/spaces/components/SpaceSettings/DeleteSpaceDialog.tsx b/apps/web/src/features/spaces/components/SpaceSettings/DeleteSpaceDialog.tsx
new file mode 100644
index 000000000..a276cfdd4
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceSettings/DeleteSpaceDialog.tsx
@@ -0,0 +1,106 @@
+import {
+  Alert,
+  Button,
+  DialogActions,
+  DialogContent,
+  List,
+  ListItem,
+  ListItemIcon,
+  SvgIcon,
+  Typography,
+} from '@mui/material'
+import ModalDialog from '@/components/common/ModalDialog'
+import { type GetSpaceResponse, useSpacesDeleteV1Mutation } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import CheckIcon from '@/public/images/common/check.svg'
+import CloseIcon from '@/public/images/common/close.svg'
+import css from './styles.module.css'
+import { AppRoutes } from '@/config/routes'
+import { useRouter } from 'next/router'
+import { useState } from 'react'
+import { showNotification } from '@/store/notificationsSlice'
+import { useAppDispatch } from '@/store'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+import { trackEvent } from '@/services/analytics'
+
+const ListIcon = ({ variant }: { variant: 'success' | 'danger' }) => {
+  const Icon = variant === 'success' ? CheckIcon : CloseIcon
+
+  return (
+    <ListItemIcon className={variant === 'success' ? css.success : css.danger}>
+      <SvgIcon component={Icon} inheritViewBox />
+    </ListItemIcon>
+  )
+}
+
+const DeleteSpaceDialog = ({ space, onClose }: { space: GetSpaceResponse | undefined; onClose: () => void }) => {
+  const [error, setError] = useState<string>()
+  const router = useRouter()
+  const dispatch = useAppDispatch()
+  const [deleteSpace] = useSpacesDeleteV1Mutation()
+
+  const onDelete = async () => {
+    if (!space) return
+
+    setError(undefined)
+
+    try {
+      await deleteSpace({ id: space.id })
+
+      onClose()
+
+      trackEvent({ ...SPACE_EVENTS.DELETE_SPACE })
+      dispatch(
+        showNotification({
+          message: `Deleted space ${space.name}.`,
+          variant: 'success',
+          groupKey: 'delete-space-success',
+        }),
+      )
+
+      router.push({ pathname: AppRoutes.welcome.spaces })
+    } catch (e) {
+      console.error(e)
+      setError('Error deleting the space. Please try again.')
+    }
+  }
+
+  return (
+    <ModalDialog dialogTitle="Delete space" hideChainIndicator open onClose={onClose}>
+      <DialogContent sx={{ mt: 2 }}>
+        <Typography mb={2}>
+          Are you sure you want to delete <b>{space?.name}</b>? Deleting this space:
+        </Typography>
+
+        <List sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
+          <ListItem disablePadding>
+            <ListIcon variant="danger" />
+            Will permanently revoke access to space data for you and its members
+          </ListItem>
+          <ListItem disablePadding>
+            <ListIcon variant="danger" />
+            Will remove members and Safe Accounts names from our database
+          </ListItem>
+          <ListItem disablePadding>
+            <ListIcon variant="success" />
+            Will keep access to the Safe Accounts added to this space. They will not be deleted.
+          </ListItem>
+        </List>
+
+        {error && (
+          <Alert severity="error" sx={{ mt: 2 }}>
+            {error}
+          </Alert>
+        )}
+      </DialogContent>
+
+      <DialogActions>
+        <Button onClick={onClose}>No, keep it</Button>
+        <Button data-testid="space-confirm-delete-button" variant="danger" onClick={onDelete}>
+          Permanently delete it
+        </Button>
+      </DialogActions>
+    </ModalDialog>
+  )
+}
+
+export default DeleteSpaceDialog
diff --git a/apps/web/src/features/spaces/components/SpaceSettings/LeaveSpaceDialog.tsx b/apps/web/src/features/spaces/components/SpaceSettings/LeaveSpaceDialog.tsx
new file mode 100644
index 000000000..d47d3e069
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceSettings/LeaveSpaceDialog.tsx
@@ -0,0 +1,72 @@
+import { Alert, Button, DialogActions, DialogContent, Typography } from '@mui/material'
+import ModalDialog from '@/components/common/ModalDialog'
+import { type GetSpaceResponse, useMembersSelfRemoveV1Mutation } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { AppRoutes } from '@/config/routes'
+import { useRouter } from 'next/router'
+import { useState } from 'react'
+import { showNotification } from '@/store/notificationsSlice'
+import { useAppDispatch } from '@/store'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+import { trackEvent } from '@/services/analytics'
+
+const LeaveSpaceDialog = ({ space, onClose }: { space: GetSpaceResponse | undefined; onClose: () => void }) => {
+  const [error, setError] = useState<string>()
+  const router = useRouter()
+  const dispatch = useAppDispatch()
+  const [leaveSpace] = useMembersSelfRemoveV1Mutation()
+
+  const onLeave = async () => {
+    if (!space) return
+
+    setError(undefined)
+
+    try {
+      const res = await leaveSpace({ spaceId: space.id })
+
+      if (res.error) {
+        throw new Error(JSON.stringify(res.error))
+      }
+
+      onClose()
+
+      trackEvent({ ...SPACE_EVENTS.LEAVE_SPACE })
+      dispatch(
+        showNotification({
+          message: `Left space ${space.name}.`,
+          variant: 'success',
+          groupKey: 'leave-space-success',
+        }),
+      )
+
+      router.push({ pathname: AppRoutes.welcome.spaces })
+    } catch (e) {
+      console.error(e)
+      setError('Error leaving the space. Please try again.')
+    }
+  }
+
+  return (
+    <ModalDialog dialogTitle="Leave space" hideChainIndicator open onClose={onClose}>
+      <DialogContent sx={{ mt: 2 }}>
+        <Typography mb={2}>
+          Are you sure you want to leave this space? You won’t be able to access its data anymore.
+        </Typography>
+
+        {error && (
+          <Alert severity="error" sx={{ mt: 2 }}>
+            {error}
+          </Alert>
+        )}
+      </DialogContent>
+
+      <DialogActions>
+        <Button onClick={onClose}>Cancel</Button>
+        <Button data-testid="space-confirm-leave-button" variant="danger" onClick={onLeave}>
+          Leave space
+        </Button>
+      </DialogActions>
+    </ModalDialog>
+  )
+}
+
+export default LeaveSpaceDialog
diff --git a/apps/web/src/features/spaces/components/SpaceSettings/UpdateSpaceDialog.tsx b/apps/web/src/features/spaces/components/SpaceSettings/UpdateSpaceDialog.tsx
new file mode 100644
index 000000000..2288796b8
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceSettings/UpdateSpaceDialog.tsx
@@ -0,0 +1,23 @@
+import ModalDialog from '@/components/common/ModalDialog'
+import DialogContent from '@mui/material/DialogContent'
+import UpdateSpaceForm from '@/features/spaces/components/SpaceSettings/UpdateSpaceForm'
+import type { GetSpaceResponse } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { Typography } from '@mui/material'
+import { AppRoutes } from '@/config/routes'
+import ExternalLink from '@/components/common/ExternalLink'
+
+const UpdateSpaceDialog = ({ space, onClose }: { space: GetSpaceResponse; onClose: () => void }) => {
+  return (
+    <ModalDialog dialogTitle="Update space" hideChainIndicator open onClose={onClose}>
+      <DialogContent sx={{ mt: 2 }}>
+        <Typography mb={2}>
+          The space name is visible in the sidebar menu, headings to all its members. Usually it&apos;s a name of the
+          company or a business. <ExternalLink href={AppRoutes.privacy}>How is this data stored?</ExternalLink>
+        </Typography>
+        <UpdateSpaceForm space={space} />
+      </DialogContent>
+    </ModalDialog>
+  )
+}
+
+export default UpdateSpaceDialog
diff --git a/apps/web/src/features/spaces/components/SpaceSettings/UpdateSpaceForm.tsx b/apps/web/src/features/spaces/components/SpaceSettings/UpdateSpaceForm.tsx
new file mode 100644
index 000000000..736070694
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceSettings/UpdateSpaceForm.tsx
@@ -0,0 +1,83 @@
+import { Alert, Button, TextField } from '@mui/material'
+import { FormProvider, useForm } from 'react-hook-form'
+import { showNotification } from '@/store/notificationsSlice'
+import { type GetSpaceResponse, useSpacesUpdateV1Mutation } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useAppDispatch } from '@/store'
+import { useIsAdmin } from '@/features/spaces/hooks/useSpaceMembers'
+import { useState } from 'react'
+
+type UpdateSpaceFormData = {
+  name: string
+}
+
+const UpdateSpaceForm = ({ space }: { space: GetSpaceResponse | undefined }) => {
+  const [error, setError] = useState<string>()
+  const dispatch = useAppDispatch()
+  const [updateSpace] = useSpacesUpdateV1Mutation()
+  const isAdmin = useIsAdmin(space?.id)
+
+  const formMethods = useForm<UpdateSpaceFormData>({
+    mode: 'onChange',
+    values: {
+      name: space?.name || '',
+    },
+  })
+
+  const { register, handleSubmit, watch } = formMethods
+
+  const formName = watch('name')
+  const isNameChanged = formName !== space?.name
+
+  const onSubmit = handleSubmit(async (data) => {
+    setError(undefined)
+
+    if (!space) return
+
+    try {
+      await updateSpace({ id: space.id, updateSpaceDto: { name: data.name } })
+
+      dispatch(
+        showNotification({
+          variant: 'success',
+          message: 'Updated space name',
+          groupKey: 'space-update-name',
+        }),
+      )
+    } catch (e) {
+      console.error(e)
+      setError('Error updating the space. Please try again.')
+    }
+  })
+
+  return (
+    <FormProvider {...formMethods}>
+      <form onSubmit={onSubmit}>
+        <TextField
+          {...register('name')}
+          label="Space name"
+          fullWidth
+          slotProps={{ inputLabel: { shrink: true } }}
+          onKeyDown={(e) => e.stopPropagation()}
+        />
+
+        {error && (
+          <Alert severity="error" sx={{ mt: 2 }}>
+            {error}
+          </Alert>
+        )}
+
+        <Button
+          data-testid="space-save-button"
+          variant="contained"
+          type="submit"
+          sx={{ mt: 2 }}
+          disabled={!isNameChanged || !isAdmin}
+        >
+          Save
+        </Button>
+      </form>
+    </FormProvider>
+  )
+}
+
+export default UpdateSpaceForm
diff --git a/apps/web/src/features/spaces/components/SpaceSettings/index.tsx b/apps/web/src/features/spaces/components/SpaceSettings/index.tsx
new file mode 100644
index 000000000..a412f3dde
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceSettings/index.tsx
@@ -0,0 +1,97 @@
+import { useAppSelector } from '@/store'
+import { Button, Card, Grid2, Stack, Tooltip, Typography } from '@mui/material'
+import { useSpacesGetOneV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useState } from 'react'
+import { useCurrentSpaceId } from '@/features/spaces/hooks/useCurrentSpaceId'
+import { isAuthenticated } from '@/store/authSlice'
+import { useIsAdmin, useIsInvited, useIsActiceMember } from '@/features/spaces/hooks/useSpaceMembers'
+import PreviewInvite from '@/features/spaces/components/InviteBanner/PreviewInvite'
+import DeleteSpaceDialog from '@/features/spaces/components/SpaceSettings/DeleteSpaceDialog'
+import UpdateSpaceForm from '@/features/spaces/components/SpaceSettings/UpdateSpaceForm'
+import { trackEvent } from '@/services/analytics'
+import { SPACE_EVENTS, SPACE_LABELS } from '@/services/analytics/events/spaces'
+import ExternalLink from '@/components/common/ExternalLink'
+import { AppRoutes } from '@/config/routes'
+import LeaveSpaceDialog from './LeaveSpaceDialog'
+import { useIsLastActiveAdmin } from '../../hooks/useIsLastActiveAdmin'
+
+const SpaceSettings = () => {
+  const [deleteSpaceOpen, setDeleteSpaceOpen] = useState(false)
+  const [leaveSpaceOpen, setLeaveSpaceOpen] = useState(false)
+  const isAdmin = useIsAdmin()
+  const spaceId = useCurrentSpaceId()
+  const isUserSignedIn = useAppSelector(isAuthenticated)
+  const { currentData: space } = useSpacesGetOneV1Query({ id: Number(spaceId) }, { skip: !isUserSignedIn || !spaceId })
+  const isInvited = useIsInvited()
+  const isLastActiveAdmin = useIsLastActiveAdmin()
+  const isActiveMember = useIsActiceMember()
+
+  return (
+    <div>
+      {isInvited && <PreviewInvite />}
+      <Typography variant="h2" mb={3}>
+        Settings
+      </Typography>
+      <Card>
+        <Grid2 container p={4} spacing={2}>
+          <Grid2 size={{ xs: 12, md: 4 }}>
+            <Typography fontWeight="bold">General</Typography>
+          </Grid2>
+          <Grid2 size={{ xs: 12, md: 8 }}>
+            <Typography mb={2}>
+              The space name is visible in the sidebar menu, headings to all its members. Usually it&apos;s a name of
+              the company or a business. <ExternalLink href={AppRoutes.privacy}>How is this data stored?</ExternalLink>
+            </Typography>
+
+            <UpdateSpaceForm space={space} />
+          </Grid2>
+        </Grid2>
+
+        <Grid2 container p={4} spacing={2}>
+          <Grid2 size={{ xs: 12, md: 4 }}>
+            <Typography fontWeight="bold">Danger Zone</Typography>
+          </Grid2>
+          <Grid2 size={{ xs: 12, md: 8 }}>
+            <Typography mb={2}>This action cannot be undone.</Typography>
+
+            <Stack direction="row" spacing={2}>
+              <Tooltip title={isLastActiveAdmin ? 'You are the last active admin and cannot leave the space.' : ''}>
+                <span>
+                  <Button
+                    data-testid="space-leave-button"
+                    onClick={() => {
+                      setLeaveSpaceOpen(true)
+                      trackEvent({ ...SPACE_EVENTS.LEAVE_SPACE_MODAL, label: SPACE_LABELS.space_settings })
+                    }}
+                    variant={isAdmin ? 'outlined' : 'danger'}
+                    color="error"
+                    disabled={isLastActiveAdmin || !isActiveMember}
+                  >
+                    Leave space
+                  </Button>
+                </span>
+              </Tooltip>
+
+              {isAdmin && (
+                <Button
+                  data-testid="space-delete-button"
+                  variant="danger"
+                  onClick={() => {
+                    setDeleteSpaceOpen(true)
+                    trackEvent({ ...SPACE_EVENTS.DELETE_SPACE_MODAL, label: SPACE_LABELS.space_settings })
+                  }}
+                >
+                  Delete space
+                </Button>
+              )}
+            </Stack>
+          </Grid2>
+        </Grid2>
+      </Card>
+      {deleteSpaceOpen && <DeleteSpaceDialog space={space} onClose={() => setDeleteSpaceOpen(false)} />}
+      {leaveSpaceOpen && <LeaveSpaceDialog space={space} onClose={() => setLeaveSpaceOpen(false)} />}
+    </div>
+  )
+}
+
+export default SpaceSettings
diff --git a/apps/web/src/features/spaces/components/SpaceSettings/styles.module.css b/apps/web/src/features/spaces/components/SpaceSettings/styles.module.css
new file mode 100644
index 000000000..35b9db246
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceSettings/styles.module.css
@@ -0,0 +1,45 @@
+.success {
+  align-self: flex-start;
+  min-width: 20px;
+  margin-right: 16px;
+  margin-top: 0;
+  color: var(--color-success-main);
+  background-color: var(--color-success-light);
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+  align-items: center;
+  justify-content: center;
+}
+
+.success path:last-child {
+  fill: var(--color-success-main);
+}
+
+.success svg {
+  width: 12px;
+  height: 12px;
+}
+
+.danger {
+  align-self: flex-start;
+  min-width: 20px;
+  margin-right: 16px;
+  margin-top: 0;
+  color: var(--color-error-main);
+  background-color: var(--color-error-light);
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+  align-items: center;
+  justify-content: center;
+}
+
+.danger path:last-child {
+  fill: var(--color-error-main);
+}
+
+.danger svg {
+  width: 10px;
+  height: 10px;
+}
diff --git a/apps/web/src/features/spaces/components/SpaceSidebar/index.tsx b/apps/web/src/features/spaces/components/SpaceSidebar/index.tsx
new file mode 100644
index 000000000..391ada40b
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceSidebar/index.tsx
@@ -0,0 +1,16 @@
+import { type ReactElement } from 'react'
+
+import css from './styles.module.css'
+import SpaceSidebarNavigation from '@/features/spaces/components/SpaceSidebarNavigation'
+import SpaceSidebarSelector from '@/features/spaces/components/SpaceSidebarSelector'
+
+const SpaceSidebar = (): ReactElement => {
+  return (
+    <div className={css.container}>
+      <SpaceSidebarSelector />
+      <SpaceSidebarNavigation />
+    </div>
+  )
+}
+
+export default SpaceSidebar
diff --git a/apps/web/src/features/spaces/components/SpaceSidebar/styles.module.css b/apps/web/src/features/spaces/components/SpaceSidebar/styles.module.css
new file mode 100644
index 000000000..c651673b5
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceSidebar/styles.module.css
@@ -0,0 +1,9 @@
+.container {
+  height: 100vh;
+  padding-top: var(--header-height);
+  display: flex;
+  overflow: hidden;
+  flex-direction: column;
+  background-color: var(--color-background-paper);
+  width: 230px;
+}
diff --git a/apps/web/src/features/spaces/components/SpaceSidebarNavigation/config.tsx b/apps/web/src/features/spaces/components/SpaceSidebarNavigation/config.tsx
new file mode 100644
index 000000000..b3edf8b88
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceSidebarNavigation/config.tsx
@@ -0,0 +1,57 @@
+import { Chip } from '@/components/common/Chip'
+import ABIcon from '@/public/images/sidebar/address-book.svg'
+import TransactionIcon from '@/public/images/sidebar/transactions.svg'
+import React, { type ReactElement } from 'react'
+import { AppRoutes } from '@/config/routes'
+import HomeIcon from '@/public/images/sidebar/home.svg'
+import SettingsIcon from '@/public/images/sidebar/settings.svg'
+import MembersIcon from '@/public/images/sidebar/members.svg'
+import AccountsIcon from '@/public/images/sidebar/wallet.svg'
+import { SvgIcon } from '@mui/material'
+
+export type DynamicNavItem = {
+  label: string
+  icon?: ReactElement
+  href: string
+  tag?: ReactElement
+  disabled?: boolean
+  activeMemberOnly?: boolean
+}
+
+export const navItems: DynamicNavItem[] = [
+  {
+    label: 'Home',
+    icon: <SvgIcon component={HomeIcon} inheritViewBox />,
+    href: AppRoutes.spaces.index,
+  },
+  {
+    label: 'Safe Accounts',
+    icon: <SvgIcon component={AccountsIcon} inheritViewBox />,
+    href: AppRoutes.spaces.safeAccounts,
+  },
+  {
+    label: 'Transactions',
+    icon: <SvgIcon component={TransactionIcon} inheritViewBox />,
+    href: '', // TODO: Replace with empty page
+    disabled: true,
+    tag: <Chip label="Soon" sx={{ backgroundColor: 'background.main', color: 'primary.light' }} />,
+  },
+  {
+    label: 'Members',
+    icon: <SvgIcon component={MembersIcon} inheritViewBox />,
+    href: AppRoutes.spaces.members,
+  },
+  {
+    label: 'Address book',
+    icon: <SvgIcon component={ABIcon} inheritViewBox />,
+    href: '', // TODO: Replace with empty page
+    disabled: true,
+    tag: <Chip label="Soon" sx={{ backgroundColor: 'background.main', color: 'primary.light' }} />,
+  },
+  {
+    label: 'Settings',
+    icon: <SvgIcon component={SettingsIcon} inheritViewBox />,
+    href: AppRoutes.spaces.settings,
+    activeMemberOnly: true,
+  },
+]
diff --git a/apps/web/src/features/spaces/components/SpaceSidebarNavigation/index.tsx b/apps/web/src/features/spaces/components/SpaceSidebarNavigation/index.tsx
new file mode 100644
index 000000000..5861de3ac
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceSidebarNavigation/index.tsx
@@ -0,0 +1,50 @@
+import React, { type ReactElement } from 'react'
+import { useRouter } from 'next/router'
+import { ListItemButton } from '@mui/material'
+
+import {
+  SidebarList,
+  SidebarListItemButton,
+  SidebarListItemIcon,
+  SidebarListItemText,
+} from '@/components/sidebar/SidebarList'
+import { useCurrentSpaceId } from '@/features/spaces/hooks/useCurrentSpaceId'
+import { useIsActiceMember } from '@/features/spaces/hooks/useSpaceMembers'
+import { navItems } from './config'
+
+const Navigation = (): ReactElement => {
+  const router = useRouter()
+  const spaceId = useCurrentSpaceId()
+  const isActiveMember = useIsActiceMember()
+
+  return (
+    <SidebarList>
+      {navItems.map((item) => {
+        const hideItem = item.activeMemberOnly && !isActiveMember
+        const isSelected = router.pathname === item.href
+
+        if (hideItem) return null
+
+        return (
+          <div key={item.label}>
+            <ListItemButton disabled={item.disabled} sx={{ padding: 0 }} selected={isSelected}>
+              <SidebarListItemButton
+                selected={isSelected}
+                href={item.href ? { pathname: item.href, query: { spaceId } } : ''}
+              >
+                {item.icon && <SidebarListItemIcon>{item.icon}</SidebarListItemIcon>}
+
+                <SidebarListItemText data-testid="sidebar-list-item" bold>
+                  {item.label}
+                  {item.tag}
+                </SidebarListItemText>
+              </SidebarListItemButton>
+            </ListItemButton>
+          </div>
+        )
+      })}
+    </SidebarList>
+  )
+}
+
+export default React.memo(Navigation)
diff --git a/apps/web/src/features/spaces/components/SpaceSidebarSelector/index.tsx b/apps/web/src/features/spaces/components/SpaceSidebarSelector/index.tsx
new file mode 100644
index 000000000..2a7f46ffa
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceSidebarSelector/index.tsx
@@ -0,0 +1,149 @@
+import { Box, Button, Divider, Menu, MenuItem, Typography } from '@mui/material'
+import { type GetSpaceResponse, useSpacesGetV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useState } from 'react'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import CheckIcon from '@mui/icons-material/Check'
+import SpaceCard from '../SpaceCard'
+import InitialsAvatar from '../InitialsAvatar'
+
+import css from './styles.module.css'
+import { useRouter } from 'next/router'
+import { AppRoutes } from '@/config/routes'
+import SpaceCreationModal from '../SpaceCreationModal'
+import { useCurrentSpaceId } from 'src/features/spaces/hooks/useCurrentSpaceId'
+import { useAppSelector } from '@/store'
+import { isAuthenticated } from '@/store/authSlice'
+import { SPACE_LABELS } from '@/services/analytics/events/spaces'
+import { trackEvent } from '@/services/analytics'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+import { getNonDeclinedSpaces } from '@/features/spaces/utils'
+import { useUsersGetWithWalletsV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/users'
+
+const SpaceSidebarSelector = () => {
+  const [isCreationModalOpen, setIsCreationModalOpen] = useState(false)
+  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)
+  const router = useRouter()
+  const open = Boolean(anchorEl)
+  const spaceId = useCurrentSpaceId()
+  const isUserSignedIn = useAppSelector(isAuthenticated)
+  const { currentData: currentUser } = useUsersGetWithWalletsV1Query(undefined, { skip: !isUserSignedIn })
+  const { currentData: spaces } = useSpacesGetV1Query(undefined, { skip: !isUserSignedIn })
+  const selectedSpace = spaces?.find((space) => space.id === Number(spaceId))
+
+  const nonDeclinedSpaces = getNonDeclinedSpaces(currentUser, spaces || [])
+
+  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
+    setAnchorEl(event.currentTarget)
+  }
+
+  const handleClose = () => {
+    setAnchorEl(null)
+  }
+
+  const handleSelectSpace = (space: GetSpaceResponse) => {
+    router.push({
+      pathname: router.pathname,
+      query: { ...router.query, spaceId: space.id.toString() },
+    })
+
+    handleClose()
+  }
+
+  if (!selectedSpace) return null
+
+  return (
+    <>
+      <Box display="flex" width="100%">
+        <Button
+          data-testid="space-selector-button"
+          id="space-selector-button"
+          onClick={handleClick}
+          endIcon={
+            <ExpandMoreIcon
+              className={css.expandIcon}
+              sx={{
+                transform: open ? 'rotate(180deg)' : undefined,
+                color: 'border.main',
+              }}
+            />
+          }
+          fullWidth
+          className={css.spaceSelectorButton}
+        >
+          <Box display="flex" alignItems="center" gap={1}>
+            <InitialsAvatar name={selectedSpace.name} size="small" />
+            <Typography
+              variant="body2"
+              fontWeight="bold"
+              noWrap
+              color="text.primary"
+              sx={{ maxWidth: '140px', textOverflow: 'ellipsis', overflow: 'hidden' }}
+            >
+              {selectedSpace.name}
+            </Typography>
+          </Box>
+        </Button>
+
+        <Menu
+          data-testid="space-selector-menu"
+          id="space-selector-menu"
+          anchorEl={anchorEl}
+          open={open}
+          onClose={handleClose}
+          sx={{ '& .MuiPaper-root': { minWidth: '260px !important' } }}
+        >
+          <SpaceCard space={selectedSpace} isCompact isLink={false} />
+
+          <Divider sx={{ mb: 1 }} />
+
+          {nonDeclinedSpaces.map((space) => (
+            <MenuItem
+              key={space.id}
+              onClick={() => handleSelectSpace(space)}
+              selected={space.id === selectedSpace.id}
+              sx={{
+                display: 'flex',
+                justifyContent: 'space-between',
+                gap: 1,
+              }}
+            >
+              <Box display="flex" alignItems="center" gap={1}>
+                <InitialsAvatar name={space.name} size="small" />
+                <Typography variant="body2">{space.name}</Typography>
+              </Box>
+              {space.id === selectedSpace.id && <CheckIcon fontSize="small" color="primary" />}
+            </MenuItem>
+          ))}
+
+          <Divider />
+
+          <MenuItem
+            onClick={() => {
+              handleClose()
+              setIsCreationModalOpen(true)
+              trackEvent({ ...SPACE_EVENTS.CREATE_SPACE_MODAL, label: SPACE_LABELS.space_selector })
+            }}
+            sx={{ fontWeight: 700 }}
+          >
+            Create space
+          </MenuItem>
+
+          <MenuItem
+            onClick={() => {
+              handleClose()
+              trackEvent({ ...SPACE_EVENTS.OPEN_SPACE_LIST_PAGE, label: SPACE_LABELS.space_selector })
+              router.push(AppRoutes.welcome.spaces)
+            }}
+            sx={{ fontWeight: 700 }}
+          >
+            View spaces
+          </MenuItem>
+        </Menu>
+      </Box>
+
+      {isCreationModalOpen && <SpaceCreationModal onClose={() => setIsCreationModalOpen(false)} />}
+    </>
+  )
+}
+
+export default SpaceSidebarSelector
diff --git a/apps/web/src/features/spaces/components/SpaceSidebarSelector/styles.module.css b/apps/web/src/features/spaces/components/SpaceSidebarSelector/styles.module.css
new file mode 100644
index 000000000..9d91186e8
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpaceSidebarSelector/styles.module.css
@@ -0,0 +1,12 @@
+.spaceSelectorButton {
+  justify-content: space-between;
+  text-align: left;
+  padding: var(--space-1);
+  margin: var(--space-1);
+  border: 1px solid var(--color-border-light);
+  font-size: 14px;
+}
+
+.spaceSelectorButton:hover {
+  border: 1px solid var(--color-border-light);
+}
diff --git a/apps/web/src/features/spaces/components/SpacesList/index.tsx b/apps/web/src/features/spaces/components/SpacesList/index.tsx
new file mode 100644
index 000000000..0f4de4ece
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpacesList/index.tsx
@@ -0,0 +1,145 @@
+import AccountsNavigation from '@/features/myAccounts/components/AccountsNavigation'
+import SpaceCard from 'src/features/spaces/components/SpaceCard'
+import SpaceCreationModal from '@/features/spaces/components/SpaceCreationModal'
+import SignInButton from '@/features/spaces/components/SignInButton'
+import SpacesIcon from '@/public/images/spaces/spaces.svg'
+import { useAppSelector } from '@/store'
+import { isAuthenticated } from '@/store/authSlice'
+import { Box, Button, Card, Grid2, Link, Typography } from '@mui/material'
+import { type GetSpaceResponse, useSpacesGetV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useUsersGetWithWalletsV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/users'
+import SpaceListInvite from '../InviteBanner'
+import { useState } from 'react'
+import css from './styles.module.css'
+import { MemberStatus } from '@/features/spaces/hooks/useSpaceMembers'
+import useWallet from '@/hooks/wallets/useWallet'
+import { SPACE_EVENTS, SPACE_LABELS } from '@/services/analytics/events/spaces'
+import Track from '@/components/common/Track'
+import SpaceInfoModal from '../SpaceInfoModal'
+import { filterSpacesByStatus } from '@/features/spaces/utils'
+
+const AddSpaceButton = () => {
+  const [openCreationModal, setOpenCreationModal] = useState<boolean>(false)
+
+  return (
+    <>
+      <Button
+        data-testid="create-space-button"
+        disableElevation
+        variant="contained"
+        size="small"
+        onClick={() => setOpenCreationModal(true)}
+        sx={{ height: '36px' }}
+      >
+        <Box mt="1px">Create space</Box>
+      </Button>
+      {openCreationModal && <SpaceCreationModal onClose={() => setOpenCreationModal(false)} />}
+    </>
+  )
+}
+
+const SignedOutState = () => {
+  const wallet = useWallet()
+  const [isInfoOpen, setIsInfoOpen] = useState<boolean>(false)
+
+  return (
+    <>
+      <Card sx={{ p: 5, textAlign: 'center' }}>
+        <SpacesIcon />
+
+        <Box mb={3}>
+          <Typography color="text.secondary" mb={1}>
+            To view your space or create one,{' '}
+            {!!wallet ? 'sign in with your connected wallet.' : 'connect your wallet.'}
+            <br />
+          </Typography>
+          <Link onClick={() => setIsInfoOpen(true)} href="#">
+            What are spaces?
+          </Link>
+        </Box>
+
+        <SignInButton />
+      </Card>
+      {isInfoOpen && <SpaceInfoModal onClose={() => setIsInfoOpen(false)} showButtons={false} />}
+    </>
+  )
+}
+
+const NoSpacesState = () => {
+  const [isInfoOpen, setIsInfoOpen] = useState<boolean>(false)
+  const [openCreationModal, setOpenCreationModal] = useState<boolean>(false)
+
+  return (
+    <>
+      <Card sx={{ p: 5, textAlign: 'center', width: 1 }}>
+        <SpacesIcon />
+
+        <Box mb={3}>
+          <Typography color="text.secondary" mb={1}>
+            No spaces found.
+            <br />
+          </Typography>
+          <Link onClick={() => setIsInfoOpen(true)} href="#">
+            What are spaces?
+          </Link>
+        </Box>
+        <Track {...SPACE_EVENTS.CREATE_SPACE_MODAL} label={SPACE_LABELS.space_list_page}>
+          <AddSpaceButton />
+        </Track>
+      </Card>
+      {isInfoOpen && (
+        <SpaceInfoModal onCreateSpace={() => setOpenCreationModal(true)} onClose={() => setIsInfoOpen(false)} />
+      )}
+      {openCreationModal && <SpaceCreationModal onClose={() => setOpenCreationModal(false)} />}
+    </>
+  )
+}
+
+const SpacesList = () => {
+  const isUserSignedIn = useAppSelector(isAuthenticated)
+  const { currentData: currentUser } = useUsersGetWithWalletsV1Query(undefined, { skip: !isUserSignedIn })
+  const { currentData: spaces } = useSpacesGetV1Query(undefined, { skip: !isUserSignedIn })
+
+  const pendingInvites = filterSpacesByStatus(currentUser, spaces || [], MemberStatus.INVITED)
+  const activeSpaces = filterSpacesByStatus(currentUser, spaces || [], MemberStatus.ACTIVE)
+
+  return (
+    <Box className={css.container}>
+      <Box className={css.mySpaces}>
+        <Box className={css.spacesHeader}>
+          <AccountsNavigation />
+
+          {isUserSignedIn && activeSpaces.length > 0 && (
+            <Track {...SPACE_EVENTS.CREATE_SPACE_MODAL} label={SPACE_LABELS.space_list_page}>
+              <AddSpaceButton />
+            </Track>
+          )}
+        </Box>
+
+        {isUserSignedIn &&
+          pendingInvites.length > 0 &&
+          pendingInvites.map((invitingSpace: GetSpaceResponse) => (
+            <SpaceListInvite key={invitingSpace.id} space={invitingSpace} />
+          ))}
+
+        {isUserSignedIn ? (
+          <Grid2 container spacing={2} flexWrap="wrap">
+            {activeSpaces.length > 0 ? (
+              activeSpaces.map((space) => (
+                <Grid2 size={{ xs: 12, md: 6 }} key={space.name}>
+                  <SpaceCard space={space} />
+                </Grid2>
+              ))
+            ) : (
+              <NoSpacesState />
+            )}
+          </Grid2>
+        ) : (
+          <SignedOutState />
+        )}
+      </Box>
+    </Box>
+  )
+}
+
+export default SpacesList
diff --git a/apps/web/src/features/spaces/components/SpacesList/styles.module.css b/apps/web/src/features/spaces/components/SpacesList/styles.module.css
new file mode 100644
index 000000000..a72cb28e8
--- /dev/null
+++ b/apps/web/src/features/spaces/components/SpacesList/styles.module.css
@@ -0,0 +1,20 @@
+.container {
+  container-type: inline-size;
+  container-name: my-spaces-container;
+  display: flex;
+  justify-content: center;
+}
+
+.mySpaces {
+  width: 100vw;
+  max-width: 750px;
+  margin: var(--space-2);
+}
+
+.spacesHeader {
+  display: flex;
+  justify-content: space-between;
+  padding: var(--space-3) 0;
+  gap: var(--space-2);
+  flex-wrap: wrap;
+}
diff --git a/apps/web/src/features/spaces/components/UnauthorizedState/index.tsx b/apps/web/src/features/spaces/components/UnauthorizedState/index.tsx
new file mode 100644
index 000000000..296c5af91
--- /dev/null
+++ b/apps/web/src/features/spaces/components/UnauthorizedState/index.tsx
@@ -0,0 +1,30 @@
+import { Box, Typography } from '@mui/material'
+import css from '@/features/spaces/components/Dashboard/styles.module.css'
+import Button from '@mui/material/Button'
+import Link from 'next/link'
+import { AppRoutes } from '@/config/routes'
+
+const UnauthorizedState = () => {
+  return (
+    <Box className={css.content}>
+      <Box textAlign="center" className={css.contentWrapper}>
+        <Box className={css.contentInner}>
+          <Typography fontWeight={700} mb={2}>
+            You don’t have permissions to this page
+          </Typography>
+
+          <Typography color="text.secondary" mb={2}>
+            Sorry, you don’t have permissions to view this page, as your wallet is not a member of the space. Try to
+            sign in with a different wallet or go back to the overview.
+          </Typography>
+
+          <Link href={AppRoutes.welcome.spaces} passHref>
+            <Button variant="outlined">Back to overview</Button>
+          </Link>
+        </Box>
+      </Box>
+    </Box>
+  )
+}
+
+export default UnauthorizedState
diff --git a/apps/web/src/features/spaces/components/UserSettings/index.tsx b/apps/web/src/features/spaces/components/UserSettings/index.tsx
new file mode 100644
index 000000000..584d0806d
--- /dev/null
+++ b/apps/web/src/features/spaces/components/UserSettings/index.tsx
@@ -0,0 +1,88 @@
+import { Box, Typography, Card, Stack, Button, SvgIcon, Tooltip } from '@mui/material'
+import { useAppSelector } from '@/store'
+import { isAuthenticated } from '@/store/authSlice'
+import { useUsersGetWithWalletsV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/users'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import LinkIcon from '@/public/images/messages/link.svg'
+import css from './styles.module.css'
+import InfoBox from '@/components/safe-messages/InfoBox'
+import SignedOutState from '@/features/spaces/components/SignedOutState'
+
+const UserSettings = () => {
+  const isUserSignedIn = useAppSelector(isAuthenticated)
+  const { currentData: user } = useUsersGetWithWalletsV1Query(undefined, { skip: !isUserSignedIn })
+
+  if (!isUserSignedIn) return <SignedOutState />
+
+  return (
+    <Box className={css.container}>
+      <Box className={css.userSettings}>
+        <Typography variant="h1" mb={3} align="center">
+          Manage Wallets
+        </Typography>
+
+        <Card sx={{ p: 4 }}>
+          <Stack spacing={2}>
+            <Typography variant="h3" fontWeight="bold">
+              Linked wallets
+            </Typography>
+            <Typography variant="body1">
+              A linked wallet allows you to sign in to your Safe Spaces while keeping all your data, such as account
+              names and team members, consistent across all linked wallets.
+            </Typography>
+
+            <Box>
+              {user?.wallets.map((wallet) => (
+                <Stack
+                  direction="row"
+                  spacing={2}
+                  key={wallet.address}
+                  alignItems="center"
+                  justifyContent="space-between"
+                >
+                  <EthHashInfo shortAddress={false} address={wallet.address} showCopyButton hasExplorer />
+                </Stack>
+              ))}
+            </Box>
+            <Tooltip title="Coming soon">
+              <Typography component="span" sx={{ alignSelf: 'flex-start' }}>
+                <Button
+                  startIcon={<SvgIcon component={LinkIcon} inheritViewBox fontSize="medium" className={css.linkIcon} />}
+                  variant="text"
+                  color="primary"
+                  sx={{ p: 1 }}
+                  disabled
+                >
+                  Link another wallet
+                </Button>
+              </Typography>
+            </Tooltip>
+            <InfoBox
+              title="How to link a wallet?"
+              message={
+                <>
+                  <div className={css.steps}>
+                    {[
+                      'Add an address to your profile and confirm with a signature.',
+                      'Sign in with the new address and confirm again',
+                      'Your wallet now shares the same profile data!',
+                    ].map((stepText, index) => (
+                      <Typography key={index} className={css.step} variant="body1" display="flex" gap={1}>
+                        <Box component="span" className={css.stepNumber}>
+                          {index + 1}
+                        </Box>
+                        {stepText}
+                      </Typography>
+                    ))}
+                  </div>
+                </>
+              }
+            ></InfoBox>
+          </Stack>
+        </Card>
+      </Box>
+    </Box>
+  )
+}
+
+export default UserSettings
diff --git a/apps/web/src/features/spaces/components/UserSettings/styles.module.css b/apps/web/src/features/spaces/components/UserSettings/styles.module.css
new file mode 100644
index 000000000..ffc804a4b
--- /dev/null
+++ b/apps/web/src/features/spaces/components/UserSettings/styles.module.css
@@ -0,0 +1,36 @@
+.container {
+  display: flex;
+  justify-content: center;
+}
+
+.userSettings {
+  max-width: 750px;
+  margin-top: var(--space-3);
+}
+
+.linkIcon {
+  width: 24px;
+  height: 24px;
+}
+
+.step {
+  font-size: 14px;
+}
+
+.stepNumber {
+  margin-top: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #d7f6ff;
+  border-radius: 50%;
+  width: 16px;
+  height: 16px;
+  font-size: 12px;
+}
+
+@media (max-width: 599.95px) {
+  .userSettings {
+    margin: var(--space-2) 0 0 0;
+  }
+}
diff --git a/apps/web/src/features/spaces/hooks/useCurrentSpaceId.ts b/apps/web/src/features/spaces/hooks/useCurrentSpaceId.ts
new file mode 100644
index 000000000..75399e4c9
--- /dev/null
+++ b/apps/web/src/features/spaces/hooks/useCurrentSpaceId.ts
@@ -0,0 +1,6 @@
+import { useAppSelector } from '@/store'
+import { lastUsedSpace } from '@/store/authSlice'
+
+export const useCurrentSpaceId = () => {
+  return useAppSelector(lastUsedSpace)
+}
diff --git a/apps/web/src/features/spaces/hooks/useFeatureFlagRedirect.ts b/apps/web/src/features/spaces/hooks/useFeatureFlagRedirect.ts
new file mode 100644
index 000000000..8e3be3449
--- /dev/null
+++ b/apps/web/src/features/spaces/hooks/useFeatureFlagRedirect.ts
@@ -0,0 +1,18 @@
+import { useEffect } from 'react'
+import { AppRoutes } from '@/config/routes'
+import { useRouter } from 'next/router'
+import { useHasFeature } from '@/hooks/useChains'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const useFeatureFlagRedirect = () => {
+  const router = useRouter()
+  const isSpacesFeatureEnabled = useHasFeature(FEATURES.SPACES)
+
+  useEffect(() => {
+    if (isSpacesFeatureEnabled === false) {
+      router.push({ pathname: AppRoutes.welcome.accounts })
+    }
+  }, [isSpacesFeatureEnabled, router])
+}
+
+export default useFeatureFlagRedirect
diff --git a/apps/web/src/features/spaces/hooks/useIsLastActiveAdmin.ts b/apps/web/src/features/spaces/hooks/useIsLastActiveAdmin.ts
new file mode 100644
index 000000000..c82904214
--- /dev/null
+++ b/apps/web/src/features/spaces/hooks/useIsLastActiveAdmin.ts
@@ -0,0 +1,17 @@
+import { useMemo } from 'react'
+import { isActiveAdmin, isAdmin, useSpaceMembersByStatus } from './useSpaceMembers'
+import type { Member } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useCurrentMembership } from './useSpaceMembers'
+
+export const useAdminCount = (members?: Member[]) => {
+  const { activeMembers } = useSpaceMembersByStatus()
+  const membersToUse = members ?? activeMembers
+  return useMemo(() => membersToUse.filter(isAdmin).length, [membersToUse])
+}
+
+export const useIsLastActiveAdmin = () => {
+  const adminCount = useAdminCount()
+  const currentMembership = useCurrentMembership()
+
+  return adminCount === 1 && !!currentMembership && isActiveAdmin(currentMembership)
+}
diff --git a/apps/web/src/features/spaces/hooks/useMembersSearch.ts b/apps/web/src/features/spaces/hooks/useMembersSearch.ts
new file mode 100644
index 000000000..e027fc9b1
--- /dev/null
+++ b/apps/web/src/features/spaces/hooks/useMembersSearch.ts
@@ -0,0 +1,20 @@
+import { useMemo } from 'react'
+import Fuse from 'fuse.js'
+import type { Member } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+
+const useMembersSearch = (members: Member[], query: string): Member[] => {
+  const fuse = useMemo(
+    () =>
+      new Fuse(members, {
+        keys: [{ name: 'name' }],
+        threshold: 0.2,
+        findAllMatches: true,
+        ignoreLocation: true,
+      }),
+    [members],
+  )
+
+  return useMemo(() => (query ? fuse.search(query).map((result) => result.item) : members), [fuse, query, members])
+}
+
+export { useMembersSearch }
diff --git a/apps/web/src/features/spaces/hooks/useSpaceMembers.tsx b/apps/web/src/features/spaces/hooks/useSpaceMembers.tsx
new file mode 100644
index 000000000..7b88d5e7d
--- /dev/null
+++ b/apps/web/src/features/spaces/hooks/useSpaceMembers.tsx
@@ -0,0 +1,60 @@
+import { useMembersGetUsersV1Query, type Member } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useCurrentSpaceId } from 'src/features/spaces/hooks/useCurrentSpaceId'
+import { useAppSelector } from '@/store'
+import { isAuthenticated } from '@/store/authSlice'
+import { useUsersGetWithWalletsV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/users'
+
+export enum MemberStatus {
+  INVITED = 'INVITED',
+  ACTIVE = 'ACTIVE',
+  DECLINED = 'DECLINED',
+}
+
+export enum MemberRole {
+  ADMIN = 'ADMIN',
+  MEMBER = 'MEMBER',
+}
+
+export const isAdmin = (member: Member) => member.role === MemberRole.ADMIN
+
+export const isActiveAdmin = (member: Member) => isAdmin(member) && member.status === MemberStatus.ACTIVE
+
+const useAllMembers = (spaceId?: number) => {
+  const currentSpaceId = useCurrentSpaceId()
+  const actualSpaceId = spaceId ?? currentSpaceId
+  const isUserSignedIn = useAppSelector(isAuthenticated)
+  const { data: currentData } = useMembersGetUsersV1Query({ spaceId: Number(actualSpaceId) }, { skip: !isUserSignedIn })
+  return currentData?.members || []
+}
+
+export const useSpaceMembersByStatus = () => {
+  const allMembers = useAllMembers()
+
+  const invitedMembers = allMembers.filter(
+    (member) => member.status === MemberStatus.INVITED || member.status === MemberStatus.DECLINED,
+  )
+  const activeMembers = allMembers.filter((member) => member.status === MemberStatus.ACTIVE)
+
+  return { activeMembers, invitedMembers }
+}
+
+export const useCurrentMembership = (spaceId?: number) => {
+  const allMembers = useAllMembers(spaceId)
+  const { currentData: user } = useUsersGetWithWalletsV1Query()
+  return allMembers.find((member) => member.user.id === user?.id)
+}
+
+export const useIsActiceMember = (spaceId?: number) => {
+  const currentMembership = useCurrentMembership(spaceId)
+  return !!currentMembership && currentMembership.status === MemberStatus.ACTIVE
+}
+
+export const useIsAdmin = (spaceId?: number) => {
+  const currentMembership = useCurrentMembership(spaceId)
+  return !!currentMembership && isActiveAdmin(currentMembership)
+}
+
+export const useIsInvited = () => {
+  const currentMembership = useCurrentMembership()
+  return currentMembership?.status === MemberStatus.INVITED
+}
diff --git a/apps/web/src/features/spaces/hooks/useSpaceSafeCount.tsx b/apps/web/src/features/spaces/hooks/useSpaceSafeCount.tsx
new file mode 100644
index 000000000..24443d7eb
--- /dev/null
+++ b/apps/web/src/features/spaces/hooks/useSpaceSafeCount.tsx
@@ -0,0 +1,11 @@
+import { useAppSelector } from '@/store'
+import { isAuthenticated } from '@/store/authSlice'
+import { useSpaceSafesGetV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+
+export const useSpaceSafeCount = (spaceId: number): number => {
+  const isUserSignedIn = useAppSelector(isAuthenticated)
+  const { currentData } = useSpaceSafesGetV1Query({ spaceId }, { skip: !isUserSignedIn })
+  const safes = currentData?.safes || {}
+
+  return Object.values(safes).reduce((acc, safesOnChain) => acc + safesOnChain.length, 0)
+}
diff --git a/apps/web/src/features/spaces/hooks/useSpaceSafes.tsx b/apps/web/src/features/spaces/hooks/useSpaceSafes.tsx
new file mode 100644
index 000000000..fc23addec
--- /dev/null
+++ b/apps/web/src/features/spaces/hooks/useSpaceSafes.tsx
@@ -0,0 +1,33 @@
+import { useSpaceSafesGetV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useCurrentSpaceId } from 'src/features/spaces/hooks/useCurrentSpaceId'
+import { _buildSafeItems, type AllSafeItems } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import { useAllSafesGrouped } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import { useAppSelector } from '@/store'
+import { selectOrderByPreference } from '@/store/orderByPreferenceSlice'
+import { getComparator } from '@/features/myAccounts/utils/utils'
+import { useMemo } from 'react'
+import { selectAllAddressBooks } from '@/store/addressBookSlice'
+import { isAuthenticated } from '@/store/authSlice'
+import useAllOwnedSafes from '@/features/myAccounts/hooks/useAllOwnedSafes'
+import useWallet from '@/hooks/wallets/useWallet'
+
+export const useSpaceSafes = () => {
+  const spaceId = useCurrentSpaceId()
+  const isUserSignedIn = useAppSelector(isAuthenticated)
+  const { currentData, isLoading } = useSpaceSafesGetV1Query({ spaceId: Number(spaceId) }, { skip: !isUserSignedIn })
+
+  const allSafeNames = useAppSelector(selectAllAddressBooks)
+  const { address: walletAddress = '' } = useWallet() || {}
+  const [allOwned = {}] = useAllOwnedSafes(walletAddress)
+  const safeItems = currentData ? _buildSafeItems(currentData.safes, allSafeNames, allOwned) : []
+  const safes = useAllSafesGrouped(safeItems)
+  const { orderBy } = useAppSelector(selectOrderByPreference)
+  const sortComparator = getComparator(orderBy)
+
+  const allSafes = useMemo<AllSafeItems>(
+    () => [...(safes.allMultiChainSafes ?? []), ...(safes.allSingleSafes ?? [])].sort(sortComparator),
+    [safes.allMultiChainSafes, safes.allSingleSafes, sortComparator],
+  )
+
+  return { allSafes, isLoading }
+}
diff --git a/apps/web/src/features/spaces/hooks/useTrackSpace.ts b/apps/web/src/features/spaces/hooks/useTrackSpace.ts
new file mode 100644
index 000000000..bcf77b0fe
--- /dev/null
+++ b/apps/web/src/features/spaces/hooks/useTrackSpace.ts
@@ -0,0 +1,26 @@
+import type { AllSafeItems } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import type { Member } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { useEffect } from 'react'
+import { trackEvent } from '@/services/analytics'
+import { SPACE_EVENTS } from '@/services/analytics/events/spaces'
+
+let isTotalSafesTracked = false
+let isTotalMembersTracked = false
+
+const useTrackSpace = (safes: AllSafeItems, activeMembers: Member[]) => {
+  useEffect(() => {
+    if (isTotalSafesTracked) return
+
+    trackEvent({ ...SPACE_EVENTS.TOTAL_SAFE_ACCOUNTS, label: safes.length })
+    isTotalSafesTracked = true
+  }, [safes.length])
+
+  useEffect(() => {
+    if (isTotalMembersTracked) return
+
+    trackEvent({ ...SPACE_EVENTS.TOTAL_ACTIVE_MEMBERS, label: activeMembers.length })
+    isTotalMembersTracked = true
+  }, [activeMembers.length])
+}
+
+export default useTrackSpace
diff --git a/apps/web/src/features/spaces/utils.ts b/apps/web/src/features/spaces/utils.ts
new file mode 100644
index 000000000..bdd9a1bed
--- /dev/null
+++ b/apps/web/src/features/spaces/utils.ts
@@ -0,0 +1,27 @@
+import type { FetchBaseQueryError } from '@reduxjs/toolkit/query'
+import type { SerializedError } from '@reduxjs/toolkit'
+import type { UserWithWallets } from '@safe-global/store/gateway/AUTO_GENERATED/users'
+import type { GetSpaceResponse } from '@safe-global/store/gateway/AUTO_GENERATED/spaces'
+import { MemberStatus } from '@/features/spaces/hooks/useSpaceMembers'
+
+// TODO: Currently also checks for 404 because the /v1/spaces/<orgId> endpoint does not return 401
+export const isUnauthorized = (error: FetchBaseQueryError | SerializedError | undefined) => {
+  return error && 'status' in error && (error.status === 401 || error.status === 404)
+}
+
+export const filterSpacesByStatus = (
+  currentUser: UserWithWallets | undefined,
+  spaces: GetSpaceResponse[],
+  status: MemberStatus,
+) => {
+  return spaces.filter((space) => {
+    return space.members.some((member) => member.user.id === currentUser?.id && member.status === status)
+  })
+}
+
+export const getNonDeclinedSpaces = (currentUser: UserWithWallets | undefined, spaces: GetSpaceResponse[]) => {
+  const pendingInvites = filterSpacesByStatus(currentUser, spaces || [], MemberStatus.INVITED)
+  const activeSpaces = filterSpacesByStatus(currentUser, spaces || [], MemberStatus.ACTIVE)
+
+  return [...pendingInvites, ...activeSpaces]
+}
diff --git a/src/features/speedup/components/SpeedUpModal.tsx b/apps/web/src/features/speedup/components/SpeedUpModal.tsx
similarity index 77%
rename from src/features/speedup/components/SpeedUpModal.tsx
rename to apps/web/src/features/speedup/components/SpeedUpModal.tsx
index d4a054a93..d7288e96c 100644
--- a/src/features/speedup/components/SpeedUpModal.tsx
+++ b/apps/web/src/features/speedup/components/SpeedUpModal.tsx
@@ -1,8 +1,7 @@
 import useGasPrice from '@/hooks/useGasPrice'
 import ModalDialog from '@/components/common/ModalDialog'
-import { assertWalletChain } from '@/services/tx/tx-sender/sdk'
 import DialogContent from '@mui/material/DialogContent'
-import { Box, Button, SvgIcon, Tooltip, Typography } from '@mui/material'
+import { Box, Button, CircularProgress, SvgIcon, Tooltip, Typography } from '@mui/material'
 import RocketSpeedup from '@/public/images/common/ic-rocket-speedup.svg'
 import DialogActions from '@mui/material/DialogActions'
 import useWallet from '@/hooks/wallets/useWallet'
@@ -13,20 +12,23 @@ import { createExistingTx, dispatchCustomTxSpeedUp, dispatchSafeTxSpeedUp } from
 import { showNotification } from '@/store/notificationsSlice'
 import { useCallback, useState } from 'react'
 import GasParams from '@/components/tx/GasParams'
-import { asError } from '@/services/exceptions/utils'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
 import { getTxOptions } from '@/utils/transactions'
 import { useCurrentChain, useHasFeature } from '@/hooks/useChains'
 import { SimpleTxWatcher } from '@/utils/SimpleTxWatcher'
-import { FEATURES } from '@/utils/chains'
 import { isWalletRejection } from '@/utils/wallets'
-import { type TransactionOptions } from '@safe-global/safe-core-sdk-types'
+import { type TransactionOptions } from '@safe-global/types-kit'
 import { PendingTxType, type PendingProcessingTx } from '@/store/pendingTxsSlice'
-import useAsync from '@/hooks/useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import { MODALS_EVENTS, trackEvent } from '@/services/analytics'
 import { TX_EVENTS } from '@/services/analytics/events/transactions'
 import { getTransactionTrackingType } from '@/services/analytics/tx-tracking'
 import { trackError } from '@/services/exceptions'
-import ErrorCodes from '@/services/exceptions/ErrorCodes'
+import ErrorCodes from '@safe-global/utils/services/exceptions/ErrorCodes'
+import CheckWallet from '@/components/common/CheckWallet'
+import { useLazyGetTransactionDetailsQuery } from '@/store/api/gateway'
+import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
+import { FEATURES } from '@safe-global/utils/utils/chains'
 
 type Props = {
   open: boolean
@@ -58,14 +60,12 @@ export const SpeedUpModal = ({
   const safeAddress = useSafeAddress()
   const hasActions = signerAddress && signerAddress === wallet?.address
   const dispatch = useAppDispatch()
-
+  const [trigger] = useLazyGetTransactionDetailsQuery()
   const isDisabled = waitingForConfirmation || !wallet || !speedUpFee || !onboard
-  const [safeTx] = useAsync(async () => {
-    if (!chainInfo?.chainId || !safeAddress) {
-      return null
-    }
-    return createExistingTx(chainInfo.chainId, safeAddress, txId)
-  }, [txId, chainInfo?.chainId, safeAddress])
+  const [safeTx] = useAsync(() => {
+    if (!chainInfo?.chainId) return
+    return createExistingTx(chainInfo.chainId, txId)
+  }, [txId, chainInfo?.chainId])
 
   const safeTxHasSignatures = !!safeTx?.signatures?.size ? true : false
 
@@ -82,7 +82,7 @@ export const SpeedUpModal = ({
     const txOptions = getTxOptions(
       {
         ...speedUpFee,
-        gasLimit,
+        gasLimit: typeof gasLimit === 'undefined' ? null : BigInt(gasLimit),
       },
       chainInfo,
     )
@@ -90,7 +90,6 @@ export const SpeedUpModal = ({
 
     try {
       setWaitingForConfirmation(true)
-      await assertWalletChain(onboard, chainInfo.chainId)
 
       if (pendingTx.txType === PendingTxType.SAFE_TX) {
         await dispatchSafeTxSpeedUp(
@@ -100,8 +99,10 @@ export const SpeedUpModal = ({
           chainInfo.chainId,
           wallet.address,
           safeAddress,
+          safeTx.data.nonce,
         )
-        const txType = await getTransactionTrackingType(chainInfo.chainId, txId)
+        const { data: details } = await trigger({ chainId: chainInfo.chainId, txId })
+        const txType = getTransactionTrackingType(details)
         trackEvent({ ...TX_EVENTS.SPEED_UP, label: txType })
       } else {
         await dispatchCustomTxSpeedUp(
@@ -111,7 +112,7 @@ export const SpeedUpModal = ({
           pendingTx.data,
           wallet.provider,
           wallet.address,
-          safeAddress,
+          pendingTx.nonce,
         )
         // Currently all custom txs are batch executes
         trackEvent({ ...TX_EVENTS.SPEED_UP, label: 'batch' })
@@ -152,6 +153,7 @@ export const SpeedUpModal = ({
     txId,
     wallet,
     safeTx,
+    trigger,
   ])
 
   if (!hasActions) {
@@ -180,7 +182,7 @@ export const SpeedUpModal = ({
                 params={{
                   // nonce: safeTx?.data?.nonce,
                   userNonce: signerNonce,
-                  gasLimit,
+                  gasLimit: typeof gasLimit === 'undefined' ? null : BigInt(gasLimit),
                   maxFeePerGas: speedUpFee.maxFeePerGas,
                   maxPriorityFeePerGas: speedUpFee.maxPriorityFeePerGas,
                 }}
@@ -190,15 +192,28 @@ export const SpeedUpModal = ({
               />
             )}
           </Box>
+          <Box sx={{ '&:not(:empty)': { mt: 3 } }}>
+            <NetworkWarning />
+          </Box>
         </DialogContent>
 
         <DialogActions>
           <Button onClick={onCancel}>Cancel</Button>
 
           <Tooltip title="Speed up transaction">
-            <Button color="primary" disabled={isDisabled} onClick={onSubmit} variant="contained" disableElevation>
-              {isDisabled ? 'Waiting on confirmation in wallet...' : 'Confirm'}
-            </Button>
+            <CheckWallet checkNetwork={!isDisabled}>
+              {(isOk) => (
+                <Button
+                  color="primary"
+                  disabled={!isOk || isDisabled}
+                  onClick={onSubmit}
+                  variant="contained"
+                  disableElevation
+                >
+                  {isDisabled ? <CircularProgress size={20} /> : 'Confirm'}
+                </Button>
+              )}
+            </CheckWallet>
           </Tooltip>
         </DialogActions>
       </ModalDialog>
diff --git a/src/features/speedup/components/SpeedUpMonitor.tsx b/apps/web/src/features/speedup/components/SpeedUpMonitor.tsx
similarity index 85%
rename from src/features/speedup/components/SpeedUpMonitor.tsx
rename to apps/web/src/features/speedup/components/SpeedUpMonitor.tsx
index 8f36af7f8..7e505c006 100644
--- a/src/features/speedup/components/SpeedUpMonitor.tsx
+++ b/apps/web/src/features/speedup/components/SpeedUpMonitor.tsx
@@ -5,13 +5,15 @@ import { useCounter } from '@/components/common/Notifications/useCounter'
 import type { MouseEventHandler } from 'react'
 import { useState } from 'react'
 import type { PendingProcessingTx } from '@/store/pendingTxsSlice'
-import useAsync from '@/hooks/useAsync'
-import { isSmartContract, useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { isSmartContract } from '@/utils/wallets'
 import useWallet from '@/hooks/wallets/useWallet'
 import { isSpeedableTx } from '@/features/speedup/utils/IsSpeedableTx'
 import { MODALS_EVENTS, trackEvent } from '@/services/analytics'
 import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
+
+import { FEATURES } from '@safe-global/utils/utils/chains'
 
 type SpeedUpMonitorProps = {
   txId: string
@@ -30,7 +32,7 @@ export const SpeedUpMonitor = ({ txId, pendingTx, modalTrigger = 'alertBox' }: S
 
   const [smartContract] = useAsync(async () => {
     if (!pendingTx.signerAddress || !web3ReadOnly) return false
-    return isSmartContract(web3ReadOnly, pendingTx.signerAddress)
+    return isSmartContract(pendingTx.signerAddress)
   }, [pendingTx.signerAddress, web3ReadOnly])
 
   if (!isFeatureEnabled || !isSpeedableTx(pendingTx, smartContract, wallet?.address ?? '')) {
@@ -67,7 +69,13 @@ export const SpeedUpMonitor = ({ txId, pendingTx, modalTrigger = 'alertBox' }: S
             action={<Button onClick={onOpen}>{`Speed up >`}</Button>}
           >
             <AlertTitle>
-              <Typography textAlign="left">Taking too long?</Typography>
+              <Typography
+                sx={{
+                  textAlign: 'left',
+                }}
+              >
+                Taking too long?
+              </Typography>
             </AlertTitle>
             Try to speed up with better gas parameters.
           </Alert>
diff --git a/apps/web/src/features/speedup/hooks/useSafeTransaction.tsx b/apps/web/src/features/speedup/hooks/useSafeTransaction.tsx
new file mode 100644
index 000000000..360e0e4a6
--- /dev/null
+++ b/apps/web/src/features/speedup/hooks/useSafeTransaction.tsx
@@ -0,0 +1,20 @@
+import { useSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
+import useChainId from '@/hooks/useChainId'
+import { useEffect, useState } from 'react'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import { createExistingTx } from '@/services/tx/tx-sender'
+
+export const useSafeTransaction = (txId: string) => {
+  const safeSdk = useSafeSDK()
+  const chainId = useChainId()
+  const [safeTx, setSafeTx] = useState<SafeTransaction>()
+
+  useEffect(() => {
+    if (!safeSdk) {
+      return
+    }
+    createExistingTx(chainId, txId).then(setSafeTx)
+  }, [chainId, txId, safeSdk])
+
+  return safeTx
+}
diff --git a/src/features/speedup/utils/IsSpeedableTx.tsx b/apps/web/src/features/speedup/utils/IsSpeedableTx.tsx
similarity index 86%
rename from src/features/speedup/utils/IsSpeedableTx.tsx
rename to apps/web/src/features/speedup/utils/IsSpeedableTx.tsx
index 683f33fb9..eb7c9ffcf 100644
--- a/src/features/speedup/utils/IsSpeedableTx.tsx
+++ b/apps/web/src/features/speedup/utils/IsSpeedableTx.tsx
@@ -1,5 +1,5 @@
 import { type PendingProcessingTx, PendingStatus, type PendingTx } from '@/store/pendingTxsSlice'
-import { sameAddress } from '@/utils/addresses'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
 
 export const isSpeedableTx = (
   pendingTx: PendingTx,
diff --git a/apps/web/src/features/speedup/utils/__tests__/IsSpeedableTx.test.ts b/apps/web/src/features/speedup/utils/__tests__/IsSpeedableTx.test.ts
new file mode 100644
index 000000000..9f3f84add
--- /dev/null
+++ b/apps/web/src/features/speedup/utils/__tests__/IsSpeedableTx.test.ts
@@ -0,0 +1,37 @@
+import { PendingStatus, type PendingTx, PendingTxType } from '@/store/pendingTxsSlice'
+import { pendingTxBuilder } from '@/tests/builders/pendingTx'
+import { isSpeedableTx } from '../IsSpeedableTx'
+
+describe('isSpeedableTx', () => {
+  it('returns true when all conditions are met', () => {
+    const pendingTx: PendingTx = {
+      ...pendingTxBuilder().with({ status: PendingStatus.PROCESSING }).build(),
+      txHash: '0x123',
+      signerAddress: '0xabc',
+      txType: PendingTxType.SAFE_TX,
+    }
+
+    const isSmartContract = false
+    const walletAddress = '0xabc'
+
+    const result = isSpeedableTx(pendingTx, isSmartContract, walletAddress)
+
+    expect(result).toBe(true)
+  })
+
+  it('returns false when one of the conditions is not met', () => {
+    const pendingTx: PendingTx = {
+      ...pendingTxBuilder().with({ status: PendingStatus.PROCESSING }).build(),
+      txHash: '0x123',
+      signerAddress: '0xabc',
+      txType: PendingTxType.SAFE_TX,
+    }
+
+    const isSmartContract = true
+    const walletAddress = '0xabc'
+
+    const result = isSpeedableTx(pendingTx, isSmartContract, walletAddress)
+
+    expect(result).toBe(false)
+  })
+})
diff --git a/apps/web/src/features/stake/components/InfoTooltip/index.tsx b/apps/web/src/features/stake/components/InfoTooltip/index.tsx
new file mode 100644
index 000000000..5dae2afa2
--- /dev/null
+++ b/apps/web/src/features/stake/components/InfoTooltip/index.tsx
@@ -0,0 +1,22 @@
+import { SvgIcon, Tooltip } from '@mui/material'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import type { ReactNode } from 'react'
+
+export function InfoTooltip({ title }: { title: string | ReactNode }) {
+  return (
+    <Tooltip title={title} arrow placement="top">
+      <span>
+        <SvgIcon
+          component={InfoIcon}
+          inheritViewBox
+          color="border"
+          fontSize="small"
+          sx={{
+            verticalAlign: 'middle',
+            ml: 0.5,
+          }}
+        />
+      </span>
+    </Tooltip>
+  )
+}
diff --git a/apps/web/src/features/stake/components/StakeButton/index.tsx b/apps/web/src/features/stake/components/StakeButton/index.tsx
new file mode 100644
index 000000000..d5f2b9015
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakeButton/index.tsx
@@ -0,0 +1,64 @@
+import CheckWallet from '@/components/common/CheckWallet'
+import Track from '@/components/common/Track'
+import { AppRoutes } from '@/config/routes'
+import useSpendingLimit from '@/hooks/useSpendingLimit'
+import { Button } from '@mui/material'
+import type { TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+import { useRouter } from 'next/router'
+import type { ReactElement } from 'react'
+import StakeIcon from '@/public/images/common/stake.svg'
+import type { STAKE_LABELS } from '@/services/analytics/events/stake'
+import { STAKE_EVENTS } from '@/services/analytics/events/stake'
+import { useCurrentChain } from '@/hooks/useChains'
+import css from './styles.module.css'
+import classnames from 'classnames'
+
+const StakeButton = ({
+  tokenInfo,
+  trackingLabel,
+  compact = true,
+}: {
+  tokenInfo: TokenInfo
+  trackingLabel: STAKE_LABELS
+  compact?: boolean
+}): ReactElement => {
+  const spendingLimit = useSpendingLimit(tokenInfo)
+  const chain = useCurrentChain()
+  const router = useRouter()
+
+  return (
+    <CheckWallet allowSpendingLimit={!!spendingLimit}>
+      {(isOk) => (
+        <Track {...STAKE_EVENTS.OPEN_STAKE} label={trackingLabel}>
+          <Button
+            className={classnames({ [css.button]: compact, [css.buttonDisabled]: !isOk })}
+            data-testid="stake-btn"
+            aria-label="Stake"
+            variant={compact ? 'text' : 'contained'}
+            color={compact ? 'info' : 'background.paper'}
+            size={compact ? 'small' : 'compact'}
+            disableElevation
+            startIcon={<StakeIcon />}
+            onClick={() => {
+              router.push({
+                pathname: AppRoutes.stake,
+                query: {
+                  ...router.query,
+                  asset: `${chain?.shortName}_${
+                    tokenInfo.type === TokenType.NATIVE_TOKEN ? 'NATIVE_TOKEN' : tokenInfo.address
+                  }`,
+                },
+              })
+            }}
+            disabled={!isOk}
+          >
+            Stake
+          </Button>
+        </Track>
+      )}
+    </CheckWallet>
+  )
+}
+
+export default StakeButton
diff --git a/apps/web/src/features/stake/components/StakeButton/styles.module.css b/apps/web/src/features/stake/components/StakeButton/styles.module.css
new file mode 100644
index 000000000..1f558c996
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakeButton/styles.module.css
@@ -0,0 +1,16 @@
+.button {
+  padding: 0 4px;
+  border: 1px solid var(--color-info-light);
+  color: var(--color-info-dark);
+  border-radius: 100px;
+  font-size: 13px;
+}
+
+.button :global .MuiButton-startIcon {
+  margin-left: 0;
+  margin-right: 4px;
+}
+
+.buttonDisabled {
+  border-color: var(--color-text-disabled);
+}
diff --git a/apps/web/src/features/stake/components/StakePage/index.tsx b/apps/web/src/features/stake/components/StakePage/index.tsx
new file mode 100644
index 000000000..a780db079
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakePage/index.tsx
@@ -0,0 +1,58 @@
+import { Stack } from '@mui/material'
+import Disclaimer from '@/components/common/Disclaimer'
+import WidgetDisclaimer from '@/components/common/WidgetDisclaimer'
+import StakingWidget from '../StakingWidget'
+import { useRouter } from 'next/router'
+import BlockedAddress from '@/components/common/BlockedAddress'
+import useBlockedAddress from '@/hooks/useBlockedAddress'
+import useConsent from '@/hooks/useConsent'
+import { STAKE_CONSENT_STORAGE_KEY } from '@/features/stake/constants'
+
+const StakePage = () => {
+  const { isConsentAccepted, onAccept } = useConsent(STAKE_CONSENT_STORAGE_KEY)
+  const router = useRouter()
+  const { asset } = router.query
+
+  const blockedAddress = useBlockedAddress()
+
+  if (blockedAddress) {
+    return (
+      <Stack
+        direction="column"
+        sx={{
+          alignItems: 'center',
+          justifyContent: 'center',
+          flex: 1,
+        }}
+      >
+        <BlockedAddress address={blockedAddress} featureTitle="stake feature with Kiln" />
+      </Stack>
+    )
+  }
+
+  return (
+    <>
+      {isConsentAccepted === undefined ? null : isConsentAccepted ? (
+        <StakingWidget asset={String(asset)} />
+      ) : (
+        <Stack
+          direction="column"
+          sx={{
+            alignItems: 'center',
+            justifyContent: 'center',
+            flex: 1,
+          }}
+        >
+          <Disclaimer
+            title="Note"
+            content={<WidgetDisclaimer widgetName="Stake Widget by Kiln" />}
+            onAccept={onAccept}
+            buttonText="Continue"
+          />
+        </Stack>
+      )}
+    </>
+  )
+}
+
+export default StakePage
diff --git a/apps/web/src/features/stake/components/StakingConfirmationTx/Deposit.tsx b/apps/web/src/features/stake/components/StakingConfirmationTx/Deposit.tsx
new file mode 100644
index 000000000..528c464a0
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakingConfirmationTx/Deposit.tsx
@@ -0,0 +1,126 @@
+import { Box, Stack, Typography } from '@mui/material'
+import FieldsGrid from '@/components/tx/FieldsGrid'
+import type { StakingTxDepositInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { type NativeStakingDepositConfirmationView } from '@safe-global/safe-gateway-typescript-sdk'
+import ConfirmationOrderHeader from '@/components/tx/ConfirmationOrder/ConfirmationOrderHeader'
+import { formatDurationFromMilliseconds, formatVisualAmount, maybePlural } from '@safe-global/utils/utils/formatters'
+import { formatCurrency } from '@safe-global/utils/utils/formatNumber'
+import StakingStatus from '@/features/stake/components/StakingStatus'
+import { InfoTooltip } from '@/features/stake/components/InfoTooltip'
+import { BRAND_NAME } from '@/config/constants'
+
+type StakingOrderConfirmationViewProps = {
+  order: NativeStakingDepositConfirmationView | StakingTxDepositInfo
+  isTxDetails?: boolean
+}
+
+const CURRENCY = 'USD'
+
+const StakingConfirmationTxDeposit = ({ order, isTxDetails }: StakingOrderConfirmationViewProps) => {
+  const isOrder = !isTxDetails
+
+  // the fee is returned in decimal format, so we multiply by 100 to get the percentage
+  const fee = (order.fee * 100).toFixed(2)
+  return (
+    <Stack
+      sx={{
+        gap: isOrder ? 2 : 1,
+      }}
+    >
+      {isOrder && (
+        <ConfirmationOrderHeader
+          blocks={[
+            {
+              value: order.value,
+              tokenInfo: order.tokenInfo,
+              label: 'Deposit',
+            },
+            {
+              value: order.annualNrr.toFixed(3) + '%',
+              label: 'Rewards rate (after fees)',
+            },
+          ]}
+        />
+      )}
+      <FieldsGrid title="Net annual rewards">
+        {formatVisualAmount(order.expectedAnnualReward, order.tokenInfo.decimals)} {order.tokenInfo.symbol}
+        {' ('}
+        {formatCurrency(order.expectedFiatAnnualReward, CURRENCY)})
+      </FieldsGrid>
+      <FieldsGrid title="Net monthly rewards">
+        {formatVisualAmount(order.expectedMonthlyReward, order.tokenInfo.decimals)} {order.tokenInfo.symbol}
+        {' ('}
+        {formatCurrency(order.expectedFiatMonthlyReward, CURRENCY)})
+      </FieldsGrid>
+      <FieldsGrid
+        title={
+          <>
+            Fee
+            <InfoTooltip
+              title={`The widget fee incurred here is charged by Kiln for the operation of this widget. The fee is calculated automatically. Part of the fee will contribute to a license fee that supports the Safe Community. Neither the Safe Ecosystem Foundation nor ${BRAND_NAME} operates the Kiln Widget and/or Kiln.`}
+            />
+          </>
+        }
+      >
+        {fee} %
+      </FieldsGrid>
+      <Stack
+        {...{ [isOrder ? 'border' : 'borderTop']: '1px solid' }}
+        {...(isOrder ? { p: 2, borderRadius: 1 } : { mt: 1, pt: 2, pb: 1 })}
+        sx={{
+          borderColor: 'border.light',
+          gap: 1,
+        }}
+      >
+        {isOrder ? (
+          <Typography
+            sx={{
+              fontWeight: 'bold',
+              mb: 2,
+            }}
+          >
+            You will own{' '}
+            <Box
+              component="span"
+              sx={{
+                bgcolor: 'border.background',
+                px: 1,
+                py: 0.5,
+                borderRadius: 1,
+              }}
+            >
+              {order.numValidators} Ethereum validator{maybePlural(order.numValidators)}
+            </Box>
+          </Typography>
+        ) : (
+          <FieldsGrid title="Validators">{order.numValidators}</FieldsGrid>
+        )}
+
+        <FieldsGrid title="Activation time">{formatDurationFromMilliseconds(order.estimatedEntryTime)}</FieldsGrid>
+
+        <FieldsGrid title="Rewards">Approx. every 5 days after activation</FieldsGrid>
+
+        {!isOrder && (
+          <FieldsGrid title="Validator status">
+            <StakingStatus status={order.status} />
+          </FieldsGrid>
+        )}
+
+        {isOrder && (
+          <Typography
+            variant="body2"
+            sx={{
+              color: 'text.secondary',
+              mt: 2,
+            }}
+          >
+            Earn ETH rewards with dedicated validators. Rewards must be withdrawn manually, and you can request a
+            withdrawal at any time.
+          </Typography>
+        )}
+      </Stack>
+    </Stack>
+  )
+}
+
+export default StakingConfirmationTxDeposit
diff --git a/apps/web/src/features/stake/components/StakingConfirmationTx/Exit.tsx b/apps/web/src/features/stake/components/StakingConfirmationTx/Exit.tsx
new file mode 100644
index 000000000..1b7b7eb6f
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakingConfirmationTx/Exit.tsx
@@ -0,0 +1,74 @@
+import { Alert, Stack, Typography } from '@mui/material'
+import FieldsGrid from '@/components/tx/FieldsGrid'
+import { formatDurationFromMilliseconds } from '@safe-global/utils/utils/formatters'
+import ConfirmationOrderHeader from '@/components/tx/ConfirmationOrder/ConfirmationOrderHeader'
+import { InfoTooltip } from '@/features/stake/components/InfoTooltip'
+import type { StakingTxExitInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+type StakingOrderConfirmationViewProps = {
+  order: StakingTxExitInfo
+}
+
+const StakingConfirmationTxExit = ({ order }: StakingOrderConfirmationViewProps) => {
+  const withdrawIn = formatDurationFromMilliseconds(order.estimatedExitTime + order.estimatedWithdrawalTime, [
+    'days',
+    'hours',
+  ])
+
+  return (
+    <Stack
+      sx={{
+        gap: 2,
+      }}
+    >
+      <ConfirmationOrderHeader
+        blocks={[
+          {
+            value: `${order.numValidators} Validators`,
+            label: 'Exit',
+          },
+          {
+            value: order.value,
+            tokenInfo: order.tokenInfo,
+            label: 'Receive',
+          },
+        ]}
+      />
+      <FieldsGrid
+        title={
+          <>
+            Withdraw in
+            <InfoTooltip
+              title={
+                <>
+                  Withdrawal time is the sum of:
+                  <ul>
+                    <li>Time until your validator is successfully exited after the withdraw request</li>
+                    <li>Time for a stake to receive Consensus rewards on the execution layer</li>
+                  </ul>
+                </>
+              }
+            />
+          </>
+        }
+      >
+        Up to {withdrawIn}
+      </FieldsGrid>
+      <Typography
+        variant="body2"
+        sx={{
+          color: 'text.secondary',
+          mt: 2,
+        }}
+      >
+        The selected amount and any rewards will be withdrawn from Dedicated Staking for ETH after the validator exit.
+      </Typography>
+      <Alert severity="warning" sx={{ mb: 1 }}>
+        This transaction is a withdrawal request. After it&apos;s executed, you&apos;ll need to complete a separate
+        withdrawal transaction.
+      </Alert>
+    </Stack>
+  )
+}
+
+export default StakingConfirmationTxExit
diff --git a/apps/web/src/features/stake/components/StakingConfirmationTx/Withdraw.tsx b/apps/web/src/features/stake/components/StakingConfirmationTx/Withdraw.tsx
new file mode 100644
index 000000000..08b11ed63
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakingConfirmationTx/Withdraw.tsx
@@ -0,0 +1,33 @@
+import { Stack } from '@mui/material'
+import FieldsGrid from '@/components/tx/FieldsGrid'
+import {
+  type NativeStakingWithdrawConfirmationView,
+  type StakingTxWithdrawInfo,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import TokenAmount from '@/components/common/TokenAmount'
+
+type StakingOrderConfirmationViewProps = {
+  order: NativeStakingWithdrawConfirmationView | StakingTxWithdrawInfo
+}
+
+const StakingConfirmationTxWithdraw = ({ order }: StakingOrderConfirmationViewProps) => {
+  return (
+    <Stack
+      sx={{
+        gap: 2,
+      }}
+    >
+      <FieldsGrid title="Receive">
+        {' '}
+        <TokenAmount
+          value={order.value}
+          tokenSymbol={order.tokenInfo.symbol}
+          decimals={order.tokenInfo.decimals}
+          logoUri={order.tokenInfo.logoUri}
+        />
+      </FieldsGrid>
+    </Stack>
+  )
+}
+
+export default StakingConfirmationTxWithdraw
diff --git a/apps/web/src/features/stake/components/StakingConfirmationTx/index.tsx b/apps/web/src/features/stake/components/StakingConfirmationTx/index.tsx
new file mode 100644
index 000000000..35b2c5f4a
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakingConfirmationTx/index.tsx
@@ -0,0 +1,27 @@
+import type { StakingTxInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import StakingConfirmationTxDeposit from '@/features/stake/components/StakingConfirmationTx/Deposit'
+import StakingConfirmationTxExit from '@/features/stake/components/StakingConfirmationTx/Exit'
+import StakingConfirmationTxWithdraw from '@/features/stake/components/StakingConfirmationTx/Withdraw'
+import { isStakingTxDepositInfo, isStakingTxExitInfo, isStakingTxWithdrawInfo } from '@/utils/transaction-guards'
+
+type StakingOrderConfirmationViewProps = {
+  order: StakingTxInfo
+}
+
+const StrakingConfirmationTx = ({ order }: StakingOrderConfirmationViewProps) => {
+  if (isStakingTxDepositInfo(order)) {
+    return <StakingConfirmationTxDeposit order={order} />
+  }
+
+  if (isStakingTxExitInfo(order)) {
+    return <StakingConfirmationTxExit order={order} />
+  }
+
+  if (isStakingTxWithdrawInfo(order)) {
+    return <StakingConfirmationTxWithdraw order={order} />
+  }
+
+  return null
+}
+
+export default StrakingConfirmationTx
diff --git a/apps/web/src/features/stake/components/StakingStatus/index.tsx b/apps/web/src/features/stake/components/StakingStatus/index.tsx
new file mode 100644
index 000000000..9efc1f667
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakingStatus/index.tsx
@@ -0,0 +1,77 @@
+import { NativeStakingStatus } from '@safe-global/safe-gateway-typescript-sdk'
+import { SvgIcon } from '@mui/material'
+import CheckIcon from '@/public/images/common/circle-check.svg'
+import ClockIcon from '@/public/images/common/clock.svg'
+import SlashShield from '@/public/images/common/shield-off.svg'
+import SignatureIcon from '@/public/images/common/document_signature.svg'
+import TxStatusChip, { type TxStatusChipProps } from '@/components/transactions/TxStatusChip'
+
+const ColorIcons: Record<
+  NativeStakingStatus,
+  | {
+      color: TxStatusChipProps['color']
+      icon?: React.ComponentType
+      text: string
+    }
+  | undefined
+> = {
+  [NativeStakingStatus.NOT_STAKED]: {
+    color: 'warning',
+    icon: SignatureIcon,
+    text: 'Inactive',
+  },
+  [NativeStakingStatus.ACTIVATING]: {
+    color: 'info',
+    icon: ClockIcon,
+    text: 'Activating',
+  },
+  [NativeStakingStatus.DEPOSIT_IN_PROGRESS]: {
+    color: 'info',
+    icon: ClockIcon,
+    text: 'Awaiting entry',
+  },
+  [NativeStakingStatus.ACTIVE]: {
+    color: 'success',
+    icon: CheckIcon,
+    text: 'Validating',
+  },
+  [NativeStakingStatus.EXIT_REQUESTED]: {
+    color: 'info',
+    icon: ClockIcon,
+    text: 'Requested exit',
+  },
+  [NativeStakingStatus.EXITING]: {
+    color: 'info',
+    icon: ClockIcon,
+    text: 'Request pending',
+  },
+  [NativeStakingStatus.EXITED]: {
+    color: 'success',
+    icon: CheckIcon,
+    text: 'Withdrawn',
+  },
+  [NativeStakingStatus.SLASHED]: {
+    color: 'warning',
+    icon: SlashShield,
+    text: 'Slashed',
+  },
+}
+
+const capitalizedStatus = (status: string) =>
+  status
+    .toLowerCase()
+    .replace(/_/g, ' ')
+    .replace(/^\w/g, (l) => l.toUpperCase())
+
+const StakingStatus = ({ status }: { status: NativeStakingStatus }) => {
+  const config = ColorIcons[status]
+
+  return (
+    <TxStatusChip color={config?.color}>
+      {config?.icon && <SvgIcon component={config.icon} fontSize="small" inheritViewBox />}
+      {config?.text || capitalizedStatus(status)}
+    </TxStatusChip>
+  )
+}
+
+export default StakingStatus
diff --git a/apps/web/src/features/stake/components/StakingTxDepositDetails/index.tsx b/apps/web/src/features/stake/components/StakingTxDepositDetails/index.tsx
new file mode 100644
index 000000000..e2ce845d7
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakingTxDepositDetails/index.tsx
@@ -0,0 +1,27 @@
+import { Box } from '@mui/material'
+import type { StakingTxDepositInfo, TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import FieldsGrid from '@/components/tx/FieldsGrid'
+import SendAmountBlock from '@/components/tx-flow/flows/TokenTransfer/SendAmountBlock'
+import StakingConfirmationTxDeposit from '@/features/stake/components/StakingConfirmationTx/Deposit'
+
+const StakingTxDepositDetails = ({ info, txData }: { info: StakingTxDepositInfo; txData?: TransactionData }) => {
+  return (
+    <Box
+      sx={{
+        pl: 1,
+        pr: 5,
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 1,
+      }}
+    >
+      {txData && (
+        <SendAmountBlock title="Deposit" amountInWei={txData.value?.toString() || '0'} tokenInfo={info.tokenInfo} />
+      )}
+      <FieldsGrid title="Net reward rate">{info.annualNrr.toFixed(3)}%</FieldsGrid>
+      <StakingConfirmationTxDeposit order={info} isTxDetails />
+    </Box>
+  )
+}
+
+export default StakingTxDepositDetails
diff --git a/apps/web/src/features/stake/components/StakingTxDepositInfo/index.tsx b/apps/web/src/features/stake/components/StakingTxDepositInfo/index.tsx
new file mode 100644
index 000000000..ef18cb93d
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakingTxDepositInfo/index.tsx
@@ -0,0 +1,17 @@
+import type { StakingTxDepositInfo as StakingTxDepositInfoType } from '@safe-global/safe-gateway-typescript-sdk'
+import TokenAmount from '@/components/common/TokenAmount'
+
+export const StakingTxDepositInfo = ({ info }: { info: StakingTxDepositInfoType }) => {
+  return (
+    <>
+      <TokenAmount
+        value={info.value}
+        tokenSymbol={info.tokenInfo.symbol}
+        decimals={info.tokenInfo.decimals}
+        logoUri={info.tokenInfo.logoUri}
+      />
+    </>
+  )
+}
+
+export default StakingTxDepositInfo
diff --git a/apps/web/src/features/stake/components/StakingTxExitDetails/index.tsx b/apps/web/src/features/stake/components/StakingTxExitDetails/index.tsx
new file mode 100644
index 000000000..b30e1de10
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakingTxExitDetails/index.tsx
@@ -0,0 +1,51 @@
+import { Box, Link } from '@mui/material'
+import type { StakingTxExitInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { NativeStakingStatus } from '@safe-global/safe-gateway-typescript-sdk'
+import FieldsGrid from '@/components/tx/FieldsGrid'
+import StakingStatus from '@/features/stake/components/StakingStatus'
+import { formatDurationFromMilliseconds } from '@safe-global/utils/utils/formatters'
+import { BEACON_CHAIN_EXPLORERS } from '@/features/stake/constants'
+import useChainId from '@/hooks/useChainId'
+
+const StakingTxExitDetails = ({ info }: { info: StakingTxExitInfo }) => {
+  const withdrawIn = formatDurationFromMilliseconds(info.estimatedExitTime + info.estimatedWithdrawalTime, [
+    'days',
+    'hours',
+  ])
+
+  return (
+    <Box pr={5} display="flex" flexDirection="column" gap={1}>
+      <FieldsGrid title="Exit">
+        {info.validators.map((validator: string, index: number) => {
+          return (
+            <>
+              <BeaconChainLink name={`Validator ${index + 1}`} validator={validator} key={index} />
+              {index < info.validators.length - 1 && ' | '}
+            </>
+          )
+        })}
+      </FieldsGrid>
+      {info.status !== NativeStakingStatus.EXITED && <FieldsGrid title="Est. exit time">Up to {withdrawIn}</FieldsGrid>}
+
+      <FieldsGrid title="Validator status">
+        <StakingStatus status={info.status} />
+      </FieldsGrid>
+    </Box>
+  )
+}
+
+export const BeaconChainLink = ({ validator, name }: { validator: string; name: string }) => {
+  const chainId = useChainId()
+  return (
+    <Link
+      variant="body1"
+      target="_blank"
+      href={`${
+        BEACON_CHAIN_EXPLORERS[chainId as keyof typeof BEACON_CHAIN_EXPLORERS] ?? 'https://beaconcha.in'
+      }/validator/${validator}`}
+    >
+      {name}
+    </Link>
+  )
+}
+export default StakingTxExitDetails
diff --git a/apps/web/src/features/stake/components/StakingTxExitInfo/index.tsx b/apps/web/src/features/stake/components/StakingTxExitInfo/index.tsx
new file mode 100644
index 000000000..d1dd98a57
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakingTxExitInfo/index.tsx
@@ -0,0 +1,12 @@
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+import type { StakingTxExitInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+const StakingTxExitInfo = ({ info }: { info: StakingTxExitInfo }) => {
+  return (
+    <>
+      {info.numValidators} Validator{maybePlural(info.numValidators)}
+    </>
+  )
+}
+
+export default StakingTxExitInfo
diff --git a/apps/web/src/features/stake/components/StakingTxWithdrawDetails/index.tsx b/apps/web/src/features/stake/components/StakingTxWithdrawDetails/index.tsx
new file mode 100644
index 000000000..78681f19d
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakingTxWithdrawDetails/index.tsx
@@ -0,0 +1,13 @@
+import { Box } from '@mui/material'
+import type { StakingTxWithdrawInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import StakingConfirmationTxWithdraw from '@/features/stake/components/StakingConfirmationTx/Withdraw'
+
+const StakingTxWithdrawDetails = ({ info }: { info: StakingTxWithdrawInfo }) => {
+  return (
+    <Box pl={1} pr={5} display="flex" flexDirection="column" gap={1}>
+      <StakingConfirmationTxWithdraw order={info} />
+    </Box>
+  )
+}
+
+export default StakingTxWithdrawDetails
diff --git a/apps/web/src/features/stake/components/StakingTxWithdrawInfo/index.tsx b/apps/web/src/features/stake/components/StakingTxWithdrawInfo/index.tsx
new file mode 100644
index 000000000..13fee40c8
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakingTxWithdrawInfo/index.tsx
@@ -0,0 +1,17 @@
+import type { StakingTxWithdrawInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import TokenAmount from '@/components/common/TokenAmount'
+
+const StakingTxWithdrawInfo = ({ info }: { info: StakingTxWithdrawInfo }) => {
+  return (
+    <>
+      <TokenAmount
+        value={info.value}
+        tokenSymbol={info.tokenInfo.symbol}
+        decimals={info.tokenInfo.decimals}
+        logoUri={info.tokenInfo.logoUri}
+      />
+    </>
+  )
+}
+
+export default StakingTxWithdrawInfo
diff --git a/apps/web/src/features/stake/components/StakingWidget/index.tsx b/apps/web/src/features/stake/components/StakingWidget/index.tsx
new file mode 100644
index 000000000..1bf19f976
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakingWidget/index.tsx
@@ -0,0 +1,32 @@
+import { useMemo } from 'react'
+import AppFrame from '@/components/safe-apps/AppFrame'
+import { getEmptySafeApp } from '@/components/safe-apps/utils'
+import { useGetStakeWidgetUrl } from '@/features/stake/hooks/useGetStakeWidgetUrl'
+import { widgetAppData } from '@/features/stake/constants'
+import { useDarkMode } from '@/hooks/useDarkMode'
+
+const StakingWidget = ({ asset }: { asset?: string }) => {
+  const url = useGetStakeWidgetUrl(asset)
+  const isDarkMode = useDarkMode()
+
+  const appData = useMemo(
+    () => ({
+      ...getEmptySafeApp(),
+      ...widgetAppData,
+      iconUrl: isDarkMode ? '/images/common/stake-light.svg' : '/images/common/stake.svg',
+      url,
+    }),
+    [url, isDarkMode],
+  )
+
+  return (
+    <AppFrame
+      appUrl={appData.url}
+      allowedFeaturesList="clipboard-read; clipboard-write"
+      safeAppFromManifest={appData}
+      isNativeEmbed
+    />
+  )
+}
+
+export default StakingWidget
diff --git a/apps/web/src/features/stake/constants.ts b/apps/web/src/features/stake/constants.ts
new file mode 100644
index 000000000..3e02db4fa
--- /dev/null
+++ b/apps/web/src/features/stake/constants.ts
@@ -0,0 +1,16 @@
+export const STAKE_TITLE = 'Stake'
+export const STAKE_CONSENT_STORAGE_KEY = 'stakeDisclaimerAcceptedV1'
+export const WIDGET_PRODUCTION_URL = 'https://safe.widget.kiln.fi/overview'
+export const WIDGET_TESTNET_URL = 'https://safe.widget.testnet.kiln.fi/overview'
+
+export const widgetAppData = {
+  url: WIDGET_PRODUCTION_URL,
+  name: STAKE_TITLE,
+  chainIds: ['17000', '11155111', '1', '42161', '137', '56', '8453', '10'],
+}
+
+// TODO: move this to the config service
+export const BEACON_CHAIN_EXPLORERS = {
+  '1': 'https://beaconcha.in',
+  '17000': 'https://holesky.beaconcha.in',
+}
diff --git a/apps/web/src/features/stake/helpers/utils.ts b/apps/web/src/features/stake/helpers/utils.ts
new file mode 100644
index 000000000..5eae4b383
--- /dev/null
+++ b/apps/web/src/features/stake/helpers/utils.ts
@@ -0,0 +1,19 @@
+import { id } from 'ethers'
+import type { BaseTransaction } from '@safe-global/safe-apps-sdk'
+
+const WITHDRAW_SIGHASH = id('requestValidatorsExit(bytes)').slice(0, 10)
+const CLAIM_SIGHASH = id('batchWithdrawCLFee(bytes)').slice(0, 10)
+
+export const getStakeTitle = (txs: BaseTransaction[] | undefined) => {
+  const hashToLabel = {
+    [WITHDRAW_SIGHASH]: 'Withdraw request',
+    [CLAIM_SIGHASH]: 'Claim',
+  }
+
+  const stakeTitle = txs
+    ?.map((tx) => hashToLabel[tx.data.slice(0, 10)])
+    .filter(Boolean)
+    .join(' and ')
+
+  return stakeTitle
+}
diff --git a/apps/web/src/features/stake/hooks/useGetStakeWidgetUrl.ts b/apps/web/src/features/stake/hooks/useGetStakeWidgetUrl.ts
new file mode 100644
index 000000000..f14c4ef1b
--- /dev/null
+++ b/apps/web/src/features/stake/hooks/useGetStakeWidgetUrl.ts
@@ -0,0 +1,24 @@
+import { useDarkMode } from '@/hooks/useDarkMode'
+import useChainId from '@/hooks/useChainId'
+import useChains from '@/hooks/useChains'
+import { useMemo } from 'react'
+import { WIDGET_PRODUCTION_URL, WIDGET_TESTNET_URL } from '@/features/stake/constants'
+
+export const useGetStakeWidgetUrl = (asset?: string) => {
+  let url = WIDGET_PRODUCTION_URL
+  const isDarkMode = useDarkMode()
+  const currentChainId = useChainId()
+  const { configs } = useChains()
+  const testChains = useMemo(() => configs.filter((chain) => chain.isTestnet), [configs])
+  if (testChains.some((chain) => chain.chainId === currentChainId)) {
+    url = WIDGET_TESTNET_URL
+  }
+  const params = new URLSearchParams()
+  params.append('theme', isDarkMode ? 'dark' : 'light')
+
+  if (asset) {
+    params.append('asset', asset)
+  }
+
+  return url + '?' + params.toString()
+}
diff --git a/apps/web/src/features/stake/hooks/useIsStakingBannerEnabled.ts b/apps/web/src/features/stake/hooks/useIsStakingBannerEnabled.ts
new file mode 100644
index 000000000..e8c2cadbd
--- /dev/null
+++ b/apps/web/src/features/stake/hooks/useIsStakingBannerEnabled.ts
@@ -0,0 +1,10 @@
+import { useHasFeature } from '@/hooks/useChains'
+import useIsStakingFeatureEnabled from './useIsStakingFeatureEnabled'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const useIsStakingBannerEnabled = () => {
+  const isStakingFeatureEnabled = useIsStakingFeatureEnabled()
+  return useHasFeature(FEATURES.STAKING_BANNER) && isStakingFeatureEnabled
+}
+
+export default useIsStakingBannerEnabled
diff --git a/apps/web/src/features/stake/hooks/useIsStakingFeatureEnabled.ts b/apps/web/src/features/stake/hooks/useIsStakingFeatureEnabled.ts
new file mode 100644
index 000000000..f55994b68
--- /dev/null
+++ b/apps/web/src/features/stake/hooks/useIsStakingFeatureEnabled.ts
@@ -0,0 +1,11 @@
+import { GeoblockingContext } from '@/components/common/GeoblockingProvider'
+import { useHasFeature } from '@/hooks/useChains'
+import { useContext } from 'react'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const useIsStakingFeatureEnabled = () => {
+  const isBlockedCountry = useContext(GeoblockingContext)
+  return useHasFeature(FEATURES.STAKING) && !isBlockedCountry
+}
+
+export default useIsStakingFeatureEnabled
diff --git a/apps/web/src/features/swap/components/FallbackSwapWidget/index.tsx b/apps/web/src/features/swap/components/FallbackSwapWidget/index.tsx
new file mode 100644
index 000000000..f2699a0ef
--- /dev/null
+++ b/apps/web/src/features/swap/components/FallbackSwapWidget/index.tsx
@@ -0,0 +1,56 @@
+import { useMemo } from 'react'
+import type { ReactElement } from 'react'
+
+import AppFrame from '@/components/safe-apps/AppFrame'
+import { getEmptySafeApp } from '@/components/safe-apps/utils'
+import { useCurrentChain } from '@/hooks/useChains'
+import { useDarkMode } from '@/hooks/useDarkMode'
+import type { SafeAppDataWithPermissions } from '@/components/safe-apps/types'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+export const SWAP_WIDGET_URL = 'https://iframe.jumper.exchange/swap'
+
+export function FallbackSwapWidget({ fromToken }: { fromToken?: string }): ReactElement | null {
+  const isDarkMode = useDarkMode()
+  const chain = useCurrentChain()
+
+  const appData = useMemo((): SafeAppDataWithPermissions | null => {
+    if (!chain) {
+      return null
+    }
+    return _getAppData(isDarkMode, chain, fromToken)
+  }, [chain, isDarkMode, fromToken])
+
+  if (!appData) {
+    return null
+  }
+
+  return (
+    <AppFrame
+      appUrl={appData.url}
+      allowedFeaturesList="clipboard-read; clipboard-write"
+      safeAppFromManifest={appData}
+      isNativeEmbed
+    />
+  )
+}
+
+export function _getAppData(isDarkMode: boolean, chain: ChainInfo, fromToken?: string): SafeAppDataWithPermissions {
+  const theme = isDarkMode ? 'dark' : 'light'
+  const appUrl = new URL(SWAP_WIDGET_URL)
+  appUrl.searchParams.set('theme', theme)
+  appUrl.searchParams.set('fromChain', chain.chainId)
+  if (fromToken) {
+    appUrl.searchParams.set('fromToken', fromToken)
+  }
+
+  return {
+    ...getEmptySafeApp(),
+    name: 'Swap',
+    iconUrl: isDarkMode ? '/images/common/safe-swap-dark.svg' : '/images/common/safe-swap.svg',
+    chainIds: [chain.chainId],
+    url: appUrl.toString(),
+  }
+}
+
+export default FallbackSwapWidget
diff --git a/src/features/swap/components/HelpIconTooltip/index.tsx b/apps/web/src/features/swap/components/HelpIconTooltip/index.tsx
similarity index 100%
rename from src/features/swap/components/HelpIconTooltip/index.tsx
rename to apps/web/src/features/swap/components/HelpIconTooltip/index.tsx
diff --git a/src/features/swap/components/OrderId/index.stories.tsx b/apps/web/src/features/swap/components/OrderId/index.stories.tsx
similarity index 100%
rename from src/features/swap/components/OrderId/index.stories.tsx
rename to apps/web/src/features/swap/components/OrderId/index.stories.tsx
diff --git a/src/features/swap/components/OrderId/index.tsx b/apps/web/src/features/swap/components/OrderId/index.tsx
similarity index 100%
rename from src/features/swap/components/OrderId/index.tsx
rename to apps/web/src/features/swap/components/OrderId/index.tsx
diff --git a/src/features/swap/components/StatusLabel/index.stories.tsx b/apps/web/src/features/swap/components/StatusLabel/index.stories.tsx
similarity index 100%
rename from src/features/swap/components/StatusLabel/index.stories.tsx
rename to apps/web/src/features/swap/components/StatusLabel/index.stories.tsx
diff --git a/apps/web/src/features/swap/components/StatusLabel/index.tsx b/apps/web/src/features/swap/components/StatusLabel/index.tsx
new file mode 100644
index 000000000..67910f4f2
--- /dev/null
+++ b/apps/web/src/features/swap/components/StatusLabel/index.tsx
@@ -0,0 +1,66 @@
+import { SvgIcon } from '@mui/material'
+import type { OrderStatuses } from '@safe-global/safe-gateway-typescript-sdk'
+import type { ReactElement } from 'react'
+import CheckIcon from '@/public/images/common/circle-check.svg'
+import ClockIcon from '@/public/images/common/clock.svg'
+import BlockIcon from '@/public/images/common/block.svg'
+import SignatureIcon from '@/public/images/common/document_signature.svg'
+import CircleIPartialFillcon from '@/public/images/common/circle-partial-fill.svg'
+import TxStatusChip, { type TxStatusChipProps } from '@/components/transactions/TxStatusChip'
+
+type CustomOrderStatuses = OrderStatuses | 'partiallyFilled'
+type Props = {
+  status: CustomOrderStatuses
+}
+
+type StatusProps = {
+  label: string
+  color: TxStatusChipProps['color']
+  icon: React.ComponentType
+}
+
+const statusMap: Record<CustomOrderStatuses, StatusProps> = {
+  presignaturePending: {
+    label: 'Execution needed',
+    color: 'warning',
+    icon: SignatureIcon,
+  },
+  fulfilled: {
+    label: 'Filled',
+    color: 'success',
+    icon: CheckIcon,
+  },
+  open: {
+    label: 'Open',
+    color: 'warning',
+    icon: ClockIcon,
+  },
+  cancelled: {
+    label: 'Cancelled',
+    color: 'error',
+    icon: BlockIcon,
+  },
+  expired: {
+    label: 'Expired',
+    color: 'primary',
+    icon: ClockIcon,
+  },
+  partiallyFilled: {
+    label: 'Partially filled',
+    color: 'success',
+    icon: CircleIPartialFillcon,
+  },
+}
+export const StatusLabel = (props: Props): ReactElement => {
+  const { status } = props
+  const { label, color, icon } = statusMap[status]
+
+  return (
+    <TxStatusChip color={color}>
+      <SvgIcon component={icon} inheritViewBox fontSize="small" />
+      {label}
+    </TxStatusChip>
+  )
+}
+
+export default StatusLabel
diff --git a/apps/web/src/features/swap/components/SwapButton/index.tsx b/apps/web/src/features/swap/components/SwapButton/index.tsx
new file mode 100644
index 000000000..aa7a6dc8f
--- /dev/null
+++ b/apps/web/src/features/swap/components/SwapButton/index.tsx
@@ -0,0 +1,58 @@
+import CheckWallet from '@/components/common/CheckWallet'
+import Track from '@/components/common/Track'
+import { AppRoutes } from '@/config/routes'
+import useSpendingLimit from '@/hooks/useSpendingLimit'
+import type { SWAP_LABELS } from '@/services/analytics/events/swaps'
+import { SWAP_EVENTS } from '@/services/analytics/events/swaps'
+import { Button } from '@mui/material'
+import type { TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { useRouter } from 'next/router'
+import type { ReactElement } from 'react'
+import SwapIcon from '@/public/images/common/swap.svg'
+
+const SwapButton = ({
+  tokenInfo,
+  amount,
+  trackingLabel,
+  light = false,
+}: {
+  tokenInfo: TokenInfo
+  amount: string
+  trackingLabel: SWAP_LABELS
+  light?: boolean
+}): ReactElement => {
+  const spendingLimit = useSpendingLimit(tokenInfo)
+  const router = useRouter()
+
+  return (
+    <CheckWallet allowSpendingLimit={!!spendingLimit}>
+      {(isOk) => (
+        <Track {...SWAP_EVENTS.OPEN_SWAPS} label={trackingLabel}>
+          <Button
+            data-testid="swap-btn"
+            variant="contained"
+            color={light ? 'background.paper' : 'primary'}
+            size="compact"
+            startIcon={<SwapIcon />}
+            disableElevation
+            onClick={() => {
+              router.push({
+                pathname: AppRoutes.swap,
+                query: {
+                  ...router.query,
+                  token: tokenInfo.address,
+                  amount,
+                },
+              })
+            }}
+            disabled={!isOk}
+          >
+            Swap
+          </Button>
+        </Track>
+      )}
+    </CheckWallet>
+  )
+}
+
+export default SwapButton
diff --git a/apps/web/src/features/swap/components/SwapOrder/index.tsx b/apps/web/src/features/swap/components/SwapOrder/index.tsx
new file mode 100644
index 000000000..a24d0f067
--- /dev/null
+++ b/apps/web/src/features/swap/components/SwapOrder/index.tsx
@@ -0,0 +1,300 @@
+import { Fragment } from 'react'
+import OrderId from '@/features/swap/components/OrderId'
+import StatusLabel from '@/features/swap/components/StatusLabel'
+import SwapProgress from '@/features/swap/components/SwapProgress'
+import { capitalize } from '@/hooks/useMnemonicName'
+import { formatDateTime, formatTimeInWords } from '@safe-global/utils/utils/date'
+import Stack from '@mui/material/Stack'
+import type { ReactElement } from 'react'
+import type { TwapOrder as SwapTwapOrder } from '@safe-global/safe-gateway-typescript-sdk'
+import {
+  type Order,
+  type SwapOrder as SwapOrderType,
+  type TransactionData,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import { DataRow } from '@/components/common/Table/DataRow'
+import { DataTable } from '@/components/common/Table/DataTable'
+import { compareAsc } from 'date-fns'
+import css from './styles.module.css'
+import { Typography } from '@mui/material'
+import { formatAmount } from '@safe-global/utils/utils/formatNumber'
+import {
+  getExecutionPrice,
+  getLimitPrice,
+  getOrderClass,
+  getPartiallyFilledSurplus,
+  getSurplusPrice,
+  isOrderPartiallyFilled,
+} from '@/features/swap/helpers/utils'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import TokenAmount from '@/components/common/TokenAmount'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { isSwapOrderTxInfo, isSwapTransferOrderTxInfo, isTwapOrderTxInfo } from '@/utils/transaction-guards'
+import { EmptyRow } from '@/components/common/Table/EmptyRow'
+import { PartDuration } from '@/features/swap/components/SwapOrder/rows/PartDuration'
+import { PartSellAmount } from '@/features/swap/components/SwapOrder/rows/PartSellAmount'
+import { PartBuyAmount } from '@/features/swap/components/SwapOrder/rows/PartBuyAmount'
+import { SurplusFee } from '@/features/swap/components/SwapOrder/rows/SurplusFee'
+
+type SwapOrderProps = {
+  txData?: TransactionData
+  txInfo?: Order
+}
+
+const TWAP_PARTS_STATUS_THRESHOLD = 10
+
+const AmountRow = ({ order }: { order: Order }) => {
+  const { sellToken, buyToken, sellAmount, buyAmount, kind } = order
+  const isSellOrder = kind === 'sell'
+  return (
+    <DataRow key="Amount" title="Amount">
+      <Stack
+        sx={{
+          flexDirection: isSellOrder ? 'column' : 'column-reverse',
+        }}
+      >
+        <div>
+          <span className={css.value}>
+            {isSellOrder ? 'Sell' : 'For at most'}{' '}
+            <TokenAmount
+              value={sellAmount}
+              decimals={sellToken.decimals}
+              tokenSymbol={sellToken.symbol}
+              logoUri={sellToken.logoUri ?? undefined}
+            />
+          </span>
+        </div>
+        <div>
+          <span className={css.value}>
+            {isSellOrder ? 'for at least' : 'Buy'}{' '}
+            <TokenAmount
+              value={buyAmount}
+              decimals={buyToken.decimals}
+              tokenSymbol={buyToken.symbol}
+              logoUri={buyToken.logoUri ?? undefined}
+            />
+          </span>
+        </div>
+      </Stack>
+    </DataRow>
+  )
+}
+
+const PriceRow = ({ order }: { order: Order }) => {
+  const { status, sellToken, buyToken } = order
+  const executionPrice = getExecutionPrice(order)
+  const limitPrice = getLimitPrice(order)
+
+  if (status === 'fulfilled') {
+    return (
+      <DataRow key="Execution price" title="Execution price">
+        1 {buyToken.symbol} = {formatAmount(executionPrice)} {sellToken.symbol}
+      </DataRow>
+    )
+  }
+
+  return (
+    <DataRow key="Limit price" title="Limit price">
+      1 {buyToken.symbol} = {formatAmount(limitPrice)} {sellToken.symbol}
+    </DataRow>
+  )
+}
+
+const ExpiryRow = ({ order }: { order: Order }) => {
+  const { validUntil, status } = order
+  const now = new Date()
+  const expires = new Date(validUntil * 1000)
+  if (status! == 'fulfilled') {
+    if (compareAsc(now, expires) !== 1) {
+      return (
+        <DataRow key="Expiry" title="Expiry">
+          <Typography>
+            <Typography
+              component="span"
+              sx={{
+                fontWeight: 700,
+              }}
+            >
+              {formatTimeInWords(validUntil * 1000)}
+            </Typography>{' '}
+            ({formatDateTime(validUntil * 1000)})
+          </Typography>
+        </DataRow>
+      )
+    } else {
+      return (
+        <DataRow key="Expiry" title="Expiry">
+          {formatDateTime(validUntil * 1000)}
+        </DataRow>
+      )
+    }
+  }
+
+  return null
+}
+
+const SurplusRow = ({ order }: { order: Order }) => {
+  const { status, kind } = order
+  const isPartiallyFilled = isOrderPartiallyFilled(order)
+  const surplusPrice = isPartiallyFilled ? getPartiallyFilledSurplus(order) : getSurplusPrice(order)
+  const { sellToken, buyToken } = order
+  const isSellOrder = kind === 'sell'
+  if (status === 'fulfilled' || isPartiallyFilled) {
+    return (
+      <DataRow key="Surplus" title="Surplus">
+        {formatAmount(surplusPrice)} {isSellOrder ? buyToken.symbol : sellToken.symbol}
+      </DataRow>
+    )
+  }
+
+  return null
+}
+
+const FilledRow = ({ order }: { order: Order }) => {
+  const orderClass = getOrderClass(order)
+  if (['limit', 'twap'].includes(orderClass)) {
+    return (
+      <DataRow title="Filled" key="Filled">
+        <SwapProgress order={order} />
+      </DataRow>
+    )
+  }
+
+  return null
+}
+
+const OrderUidRow = ({ order }: { order: Order }) => {
+  if (isSwapOrderTxInfo(order) || isSwapTransferOrderTxInfo(order)) {
+    const { uid, explorerUrl } = order
+    return (
+      <DataRow key="Order ID" title="Order ID">
+        <OrderId orderId={uid} href={explorerUrl} />
+      </DataRow>
+    )
+  }
+  return null
+}
+
+const StatusRow = ({ order }: { order: Order }) => {
+  const { status } = order
+  const isPartiallyFilled = isOrderPartiallyFilled(order)
+  return (
+    <DataRow key="Status" title="Status">
+      <StatusLabel status={isPartiallyFilled ? 'partiallyFilled' : status} />
+    </DataRow>
+  )
+}
+
+const RecipientRow = ({ order }: { order: Order }) => {
+  const { safeAddress } = useSafeInfo()
+  const { receiver } = order
+
+  if (receiver && receiver !== safeAddress) {
+    return (
+      <DataRow key="Recipient" title="Recipient">
+        <EthHashInfo address={receiver} showAvatar={false} />
+      </DataRow>
+    )
+  }
+
+  return null
+}
+
+export const SellOrder = ({ order }: { order: SwapOrderType }) => {
+  const { kind } = order
+  const orderKindLabel = capitalize(kind)
+
+  return (
+    <DataTable
+      header={`${orderKindLabel} order`}
+      rows={[
+        <AmountRow order={order} key="amount-row" />,
+        <PriceRow order={order} key="price-row" />,
+        <SurplusRow order={order} key="surplus-row" />,
+        <ExpiryRow order={order} key="expiry-row" />,
+        <FilledRow order={order} key="filled-row" />,
+        <OrderUidRow order={order} key="order-uid-row" />,
+        <StatusRow order={order} key="status-row" />,
+        <RecipientRow order={order} key="recipient-row" />,
+        <SurplusFee order={order} key="fee-row" />,
+      ]}
+    />
+  )
+}
+
+export const TwapOrder = ({ order }: { order: SwapTwapOrder }) => {
+  const { kind, validUntil, status, numberOfParts } = order
+
+  const isPartiallyFilled = isOrderPartiallyFilled(order)
+  const expires = new Date(validUntil * 1000)
+  const now = new Date()
+  const orderKindLabel = capitalize(kind)
+
+  const isStatusKnown = Number(numberOfParts) <= TWAP_PARTS_STATUS_THRESHOLD
+  return (
+    <DataTable
+      header={`${orderKindLabel} order`}
+      rows={[
+        <AmountRow order={order} key="amount-row" />,
+        <PriceRow order={order} key="price-row" />,
+        <SurplusRow order={order} key="surplus-row" />,
+        <RecipientRow order={order} key="recipient-row" />,
+        <SurplusFee order={order} key="fee-row" />,
+        <EmptyRow key="spacer-0" />,
+        <DataRow title="No of parts" key="n_of_parts">
+          {numberOfParts}
+        </DataRow>,
+        <PartSellAmount order={order} key="part_sell_amount" />,
+        <PartBuyAmount order={order} key="part_buy_amount" />,
+        order.executedSellAmount !== null && order.executedBuyAmount !== null ? (
+          <FilledRow order={order} key="filled-row" />
+        ) : (
+          <Fragment key="filled-row" />
+        ),
+        <PartDuration order={order} key="part_duration" />,
+        <EmptyRow key="spacer-1" />,
+        status !== 'fulfilled' && compareAsc(now, expires) !== 1 ? (
+          <DataRow key="Expiry" title="Expiry">
+            <Typography>
+              <Typography
+                component="span"
+                sx={{
+                  fontWeight: 700,
+                }}
+              >
+                {formatTimeInWords(validUntil * 1000)}
+              </Typography>{' '}
+              ({formatDateTime(validUntil * 1000)})
+            </Typography>
+          </DataRow>
+        ) : (
+          <DataRow key="Expired" title="Expired">
+            {formatDateTime(validUntil * 1000)}
+          </DataRow>
+        ),
+        isStatusKnown ? (
+          <DataRow key="Status" title="Status">
+            <StatusLabel status={isPartiallyFilled ? 'partiallyFilled' : status} />
+          </DataRow>
+        ) : (
+          <Fragment key="status" />
+        ),
+      ]}
+    />
+  )
+}
+
+export const SwapOrder = ({ txInfo }: SwapOrderProps): ReactElement | null => {
+  if (!txInfo) return null
+
+  if (isTwapOrderTxInfo(txInfo)) {
+    return <TwapOrder order={txInfo} />
+  }
+
+  if (isSwapOrderTxInfo(txInfo) || isSwapTransferOrderTxInfo(txInfo)) {
+    return <SellOrder order={txInfo} />
+  }
+  return null
+}
+
+export default SwapOrder
diff --git a/src/features/swap/components/SwapOrder/rows/PartBuyAmount.tsx b/apps/web/src/features/swap/components/SwapOrder/rows/PartBuyAmount.tsx
similarity index 91%
rename from src/features/swap/components/SwapOrder/rows/PartBuyAmount.tsx
rename to apps/web/src/features/swap/components/SwapOrder/rows/PartBuyAmount.tsx
index 5076242c1..00b30f651 100644
--- a/src/features/swap/components/SwapOrder/rows/PartBuyAmount.tsx
+++ b/apps/web/src/features/swap/components/SwapOrder/rows/PartBuyAmount.tsx
@@ -1,5 +1,5 @@
 import { Typography } from '@mui/material'
-import { formatVisualAmount } from '@/utils/formatters'
+import { formatVisualAmount } from '@safe-global/utils/utils/formatters'
 import { type TwapOrder } from '@safe-global/safe-gateway-typescript-sdk'
 import { DataRow } from '@/components/common/Table/DataRow'
 import { Box } from '@mui/system'
diff --git a/src/features/swap/components/SwapOrder/rows/PartDuration.tsx b/apps/web/src/features/swap/components/SwapOrder/rows/PartDuration.tsx
similarity index 87%
rename from src/features/swap/components/SwapOrder/rows/PartDuration.tsx
rename to apps/web/src/features/swap/components/SwapOrder/rows/PartDuration.tsx
index 1154b513f..f5d0a09a4 100644
--- a/src/features/swap/components/SwapOrder/rows/PartDuration.tsx
+++ b/apps/web/src/features/swap/components/SwapOrder/rows/PartDuration.tsx
@@ -1,6 +1,6 @@
 import { DataRow } from '@/components/common/Table/DataRow'
 import { type TwapOrder } from '@safe-global/safe-gateway-typescript-sdk'
-import { getPeriod } from '@/utils/date'
+import { getPeriod } from '@safe-global/utils/utils/date'
 
 export const PartDuration = ({ order }: { order: Pick<TwapOrder, 'timeBetweenParts'> }) => {
   const { timeBetweenParts } = order
diff --git a/src/features/swap/components/SwapOrder/rows/PartSellAmount.tsx b/apps/web/src/features/swap/components/SwapOrder/rows/PartSellAmount.tsx
similarity index 91%
rename from src/features/swap/components/SwapOrder/rows/PartSellAmount.tsx
rename to apps/web/src/features/swap/components/SwapOrder/rows/PartSellAmount.tsx
index ac8fcf13b..9087f5828 100644
--- a/src/features/swap/components/SwapOrder/rows/PartSellAmount.tsx
+++ b/apps/web/src/features/swap/components/SwapOrder/rows/PartSellAmount.tsx
@@ -1,5 +1,5 @@
 import { Typography } from '@mui/material'
-import { formatVisualAmount } from '@/utils/formatters'
+import { formatVisualAmount } from '@safe-global/utils/utils/formatters'
 import { type TwapOrder } from '@safe-global/safe-gateway-typescript-sdk'
 import { DataRow } from '@/components/common/Table/DataRow'
 import { Box } from '@mui/system'
diff --git a/apps/web/src/features/swap/components/SwapOrder/rows/SurplusFee.tsx b/apps/web/src/features/swap/components/SwapOrder/rows/SurplusFee.tsx
new file mode 100644
index 000000000..9cd43176d
--- /dev/null
+++ b/apps/web/src/features/swap/components/SwapOrder/rows/SurplusFee.tsx
@@ -0,0 +1,39 @@
+import type { TwapOrder } from '@safe-global/safe-gateway-typescript-sdk'
+import { getOrderFeeBps } from '@safe-global/utils/features/swap/helpers/utils'
+import { DataRow } from '@/components/common/Table/DataRow'
+import { formatVisualAmount } from '@safe-global/utils/utils/formatters'
+import { HelpIconTooltip } from '@/features/swap/components/HelpIconTooltip'
+
+export const SurplusFee = ({
+  order,
+}: {
+  order: Pick<TwapOrder, 'fullAppData' | 'executedFee' | 'executedFeeToken'>
+}) => {
+  const bps = getOrderFeeBps(order)
+  const { executedFee, executedFeeToken } = order
+
+  if (!executedFee || executedFee === '0') {
+    return null
+  }
+
+  return (
+    <DataRow
+      title={
+        <>
+          Total fees
+          <HelpIconTooltip
+            title={
+              <>
+                The amount of fees paid for this order.
+                {bps > 0 && ` This includes a Widget fee of ${bps / 100}% and network fees.`}
+              </>
+            }
+          />
+        </>
+      }
+      key="widget_fee"
+    >
+      {formatVisualAmount(BigInt(executedFee), executedFeeToken.decimals)} {executedFeeToken.symbol}
+    </DataRow>
+  )
+}
diff --git a/src/features/swap/components/SwapOrder/styles.module.css b/apps/web/src/features/swap/components/SwapOrder/styles.module.css
similarity index 100%
rename from src/features/swap/components/SwapOrder/styles.module.css
rename to apps/web/src/features/swap/components/SwapOrder/styles.module.css
diff --git a/src/features/swap/components/SwapOrder/swap.stories.tsx b/apps/web/src/features/swap/components/SwapOrder/swap.stories.tsx
similarity index 100%
rename from src/features/swap/components/SwapOrder/swap.stories.tsx
rename to apps/web/src/features/swap/components/SwapOrder/swap.stories.tsx
diff --git a/src/features/swap/components/SwapOrder/twap.stories.tsx b/apps/web/src/features/swap/components/SwapOrder/twap.stories.tsx
similarity index 100%
rename from src/features/swap/components/SwapOrder/twap.stories.tsx
rename to apps/web/src/features/swap/components/SwapOrder/twap.stories.tsx
diff --git a/apps/web/src/features/swap/components/SwapOrderConfirmationView/OrderFeeConfirmationView.tsx b/apps/web/src/features/swap/components/SwapOrderConfirmationView/OrderFeeConfirmationView.tsx
new file mode 100644
index 000000000..adb06b201
--- /dev/null
+++ b/apps/web/src/features/swap/components/SwapOrderConfirmationView/OrderFeeConfirmationView.tsx
@@ -0,0 +1,44 @@
+import type { SwapOrderConfirmationView, TwapOrderConfirmationView } from '@safe-global/safe-gateway-typescript-sdk'
+import { getOrderFeeBps } from '@safe-global/utils/features/swap/helpers/utils'
+import { DataRow } from '@/components/common/Table/DataRow'
+import { BRAND_NAME } from '@/config/constants'
+import { HelpIconTooltip } from '@/features/swap/components/HelpIconTooltip'
+import MUILink from '@mui/material/Link'
+import { HelpCenterArticle } from '@safe-global/utils/config/constants'
+
+export const OrderFeeConfirmationView = ({
+  order,
+}: {
+  order: Pick<SwapOrderConfirmationView | TwapOrderConfirmationView, 'fullAppData'>
+}) => {
+  const bps = getOrderFeeBps(order)
+
+  if (Number(bps) === 0) {
+    return null
+  }
+
+  const title = (
+    <>
+      Widget fee{' '}
+      <HelpIconTooltip
+        title={
+          <>
+            The tiered widget fee incurred here is charged by CoW Protocol for the operation of this widget. The fee is
+            automatically calculated into this quote. Part of the fee will contribute to a license fee that supports the
+            Safe Community. Neither the Safe Ecosystem Foundation nor {`${BRAND_NAME}`} operate the CoW Swap Widget
+            and/or CoW Swap.
+            <MUILink href={HelpCenterArticle.SWAP_WIDGET_FEES} target="_blank" rel="noopener noreferrer">
+              Learn more
+            </MUILink>
+          </>
+        }
+      />
+    </>
+  )
+
+  return (
+    <DataRow datatestid="widget-fee" title={title} key="widget_fee">
+      {Number(bps) / 100} %
+    </DataRow>
+  )
+}
diff --git a/src/features/swap/components/SwapOrderConfirmationView/index.stories.tsx b/apps/web/src/features/swap/components/SwapOrderConfirmationView/index.stories.tsx
similarity index 100%
rename from src/features/swap/components/SwapOrderConfirmationView/index.stories.tsx
rename to apps/web/src/features/swap/components/SwapOrderConfirmationView/index.stories.tsx
diff --git a/apps/web/src/features/swap/components/SwapOrderConfirmationView/index.tsx b/apps/web/src/features/swap/components/SwapOrderConfirmationView/index.tsx
new file mode 100644
index 000000000..116adc0f4
--- /dev/null
+++ b/apps/web/src/features/swap/components/SwapOrderConfirmationView/index.tsx
@@ -0,0 +1,152 @@
+import OrderId from '@/features/swap/components/OrderId'
+import { formatDateTime, formatTimeInWords, getPeriod } from '@safe-global/utils/utils/date'
+import { Fragment, type ReactElement } from 'react'
+import { DataRow } from '@/components/common/Table/DataRow'
+import { DataTable } from '@/components/common/Table/DataTable'
+import { compareAsc } from 'date-fns'
+import { Alert, Typography } from '@mui/material'
+import { formatAmount } from '@safe-global/utils/utils/formatNumber'
+import { getLimitPrice, getOrderClass, getSlippageInPercent } from '@/features/swap/helpers/utils'
+import type { DataDecoded, SwapOrder, SwapTransferOrder, TwapOrder } from '@safe-global/safe-gateway-typescript-sdk'
+import { StartTimeValue, TransactionInfoType } from '@safe-global/safe-gateway-typescript-sdk'
+import SwapTokens from '@/features/swap/components/SwapTokens'
+import AlertIcon from '@/public/images/common/alert.svg'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import css from './styles.module.css'
+import NamedAddress from '@/components/common/NamedAddressInfo'
+import { PartDuration } from '@/features/swap/components/SwapOrder/rows/PartDuration'
+import { PartSellAmount } from '@/features/swap/components/SwapOrder/rows/PartSellAmount'
+import { PartBuyAmount } from '@/features/swap/components/SwapOrder/rows/PartBuyAmount'
+import { OrderFeeConfirmationView } from '@/features/swap/components/SwapOrderConfirmationView/OrderFeeConfirmationView'
+import { isSettingTwapFallbackHandler } from '@/features/swap/helpers/utils'
+import { TwapFallbackHandlerWarning } from '@/features/swap/components/TwapFallbackHandlerWarning'
+
+type SwapOrderProps = {
+  order: SwapOrder | SwapTransferOrder | TwapOrder
+  settlementContract: string
+  decodedData?: DataDecoded
+}
+
+export const SwapOrderConfirmation = ({ order, decodedData, settlementContract }: SwapOrderProps): ReactElement => {
+  const { owner, kind, validUntil, sellToken, buyToken, sellAmount, buyAmount, explorerUrl, receiver } = order
+
+  const isTwapOrder = order.type === TransactionInfoType.TWAP_ORDER
+
+  const limitPrice = getLimitPrice(order)
+  const orderClass = getOrderClass(order)
+  const expires = new Date(validUntil * 1000)
+  const now = new Date()
+
+  const slippage = getSlippageInPercent(order)
+  const isSellOrder = kind === 'sell'
+  const isChangingFallbackHandler = decodedData && isSettingTwapFallbackHandler(decodedData)
+
+  return (
+    <>
+      {isChangingFallbackHandler && <TwapFallbackHandlerWarning />}
+
+      <DataTable
+        header="Order details"
+        rows={[
+          <div key="amount" className={css.amount}>
+            <SwapTokens
+              first={{
+                value: sellAmount,
+                label: isSellOrder ? 'Sell' : 'For at most',
+                tokenInfo: sellToken,
+              }}
+              second={{
+                value: buyAmount,
+                label: isSellOrder ? 'For at least' : 'Buy exactly',
+                tokenInfo: buyToken,
+              }}
+            />
+          </div>,
+
+          <DataRow datatestid="limit-price" key="Limit price" title="Limit price">
+            1 {buyToken.symbol} = {formatAmount(limitPrice)} {sellToken.symbol}
+          </DataRow>,
+
+          compareAsc(now, expires) !== 1 ? (
+            <DataRow datatestid="expiry" key="Expiry" title="Expiry">
+              <Typography>
+                <Typography fontWeight={700} component="span">
+                  {formatTimeInWords(validUntil * 1000)}
+                </Typography>{' '}
+                ({formatDateTime(validUntil * 1000)})
+              </Typography>
+            </DataRow>
+          ) : (
+            <DataRow key="Expiry" title="Expiry">
+              {formatDateTime(validUntil * 1000)}
+            </DataRow>
+          ),
+          orderClass !== 'limit' ? (
+            <DataRow datatestid="slippage" key="Slippage" title="Slippage">
+              {slippage}%
+            </DataRow>
+          ) : (
+            <Fragment key="none" />
+          ),
+          !isTwapOrder ? (
+            <DataRow datatestid="order-id" key="Order ID" title="Order ID">
+              <OrderId orderId={order.uid} href={explorerUrl} />
+            </DataRow>
+          ) : (
+            <></>
+          ),
+          <OrderFeeConfirmationView key="SurplusFee" order={order} />,
+          <DataRow datatestid="interact-wth" key="Interact with" title="Interact with">
+            <NamedAddress address={settlementContract} onlyName hasExplorer shortAddress={false} avatarSize={24} />
+          </DataRow>,
+          receiver && owner !== receiver ? (
+            <>
+              <DataRow datatestid="recipient" key="recipient-address" title="Recipient">
+                <EthHashInfo address={receiver} hasExplorer={true} avatarSize={24} />
+              </DataRow>
+              <div key="recipient">
+                <Alert data-testid="recipient-alert" severity="warning" icon={AlertIcon}>
+                  <Typography variant="body2">
+                    <Typography component="span" sx={{ fontWeight: 'bold' }}>
+                      Order recipient address differs from order owner.
+                    </Typography>{' '}
+                    Double check the address to prevent fund loss.
+                  </Typography>
+                </Alert>
+              </div>
+            </>
+          ) : (
+            <></>
+          ),
+        ]}
+      />
+
+      {isTwapOrder && (
+        <div className={css.partsBlock}>
+          <DataTable
+            rows={[
+              <Typography key="title" variant="body1" className={css.partsBlockTitle}>
+                <strong>
+                  Order will be split in{' '}
+                  <span className={css.numberOfPartsLabel}>{order.numberOfParts} equal parts</span>
+                </strong>
+              </Typography>,
+              <PartSellAmount order={order} addonText="per part" key="sell_part" />,
+              <PartBuyAmount order={order} addonText="per part" key="buy_part" />,
+              <DataRow title="Start time" key="Start time">
+                {order.startTime.startType === StartTimeValue.AT_MINING_TIME && 'Now'}
+                {order.startTime.startType === StartTimeValue.AT_EPOCH && `At block number: ${order.startTime.epoch}`}
+              </DataRow>,
+              <PartDuration order={order} key="part_duration" />,
+              <DataRow title="Total duration" key="total_duration">
+                {getPeriod(+order.timeBetweenParts * +order.numberOfParts)}
+              </DataRow>,
+            ]}
+          />
+        </div>
+      )}
+    </>
+  )
+}
+
+export default SwapOrderConfirmation
diff --git a/src/features/swap/components/SwapOrderConfirmationView/styles.module.css b/apps/web/src/features/swap/components/SwapOrderConfirmationView/styles.module.css
similarity index 100%
rename from src/features/swap/components/SwapOrderConfirmationView/styles.module.css
rename to apps/web/src/features/swap/components/SwapOrderConfirmationView/styles.module.css
diff --git a/src/features/swap/components/SwapProgress/index.stories.tsx b/apps/web/src/features/swap/components/SwapProgress/index.stories.tsx
similarity index 100%
rename from src/features/swap/components/SwapProgress/index.stories.tsx
rename to apps/web/src/features/swap/components/SwapProgress/index.stories.tsx
diff --git a/apps/web/src/features/swap/components/SwapProgress/index.tsx b/apps/web/src/features/swap/components/SwapProgress/index.tsx
new file mode 100644
index 000000000..198a7a62d
--- /dev/null
+++ b/apps/web/src/features/swap/components/SwapProgress/index.tsx
@@ -0,0 +1,36 @@
+import { getFilledAmount, getFilledPercentage } from '@/features/swap/helpers/utils'
+import { formatAmount } from '@safe-global/utils/utils/formatNumber'
+import { LinearProgress, Stack, Typography } from '@mui/material'
+import type { Order } from '@safe-global/safe-gateway-typescript-sdk'
+
+const SwapProgress = ({ order }: { order: Order }) => {
+  const filledPercentage = getFilledPercentage(order)
+  const filledAmount = formatAmount(getFilledAmount(order))
+
+  const progressValue = Math.min(Math.max(Number(filledPercentage), 0), 100)
+  const isFilled = progressValue >= 100
+  const color = isFilled ? 'success' : 'warning'
+
+  const isSellOrder = order.kind === 'sell'
+  const tokenSymbol = isSellOrder ? order.sellToken.symbol : order.buyToken.symbol
+
+  return (
+    <Stack direction="row" alignItems="center" gap={1}>
+      <LinearProgress
+        variant="determinate"
+        value={progressValue}
+        sx={{ width: '100px', borderRadius: '6px' }}
+        color={color}
+      />
+      <Typography color={`${color}.main`}>{progressValue} %</Typography>
+      <Typography>
+        <Typography component="span" fontWeight="bold">
+          {filledAmount} {tokenSymbol}
+        </Typography>{' '}
+        sold
+      </Typography>
+    </Stack>
+  )
+}
+
+export default SwapProgress
diff --git a/apps/web/src/features/swap/components/SwapTokens/index.stories.tsx b/apps/web/src/features/swap/components/SwapTokens/index.stories.tsx
new file mode 100644
index 000000000..06d9b077a
--- /dev/null
+++ b/apps/web/src/features/swap/components/SwapTokens/index.stories.tsx
@@ -0,0 +1,49 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import SwapTokens from './index'
+import { Paper } from '@mui/material'
+
+const meta = {
+  component: SwapTokens,
+  parameters: {
+    componentSubtitle: 'Renders a token swap between two tokens',
+  },
+
+  decorators: [
+    (Story) => {
+      return (
+        <Paper sx={{ padding: 2 }}>
+          <Story />
+        </Paper>
+      )
+    },
+  ],
+  tags: ['autodocs'],
+} satisfies Meta<typeof SwapTokens>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {
+    first: {
+      value: '100',
+      label: 'Sell',
+      tokenInfo: {
+        decimals: 18,
+        logoUri:
+          'https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0x0625aFB445C3B6B7B929342a04A22599fd5dBB59.png',
+        symbol: 'COW',
+      },
+    },
+    second: {
+      value: '86',
+      label: 'For at least',
+      tokenInfo: {
+        decimals: 18,
+        logoUri:
+          'https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984.png',
+        symbol: 'UNI',
+      },
+    },
+  },
+}
diff --git a/apps/web/src/features/swap/components/SwapTokens/index.tsx b/apps/web/src/features/swap/components/SwapTokens/index.tsx
new file mode 100644
index 000000000..15d02327a
--- /dev/null
+++ b/apps/web/src/features/swap/components/SwapTokens/index.tsx
@@ -0,0 +1,7 @@
+import ConfirmationOrderHeader, { type InfoBlock } from '@/components/tx/ConfirmationOrder/ConfirmationOrderHeader'
+
+const SwapTokens = ({ first, second }: { first: InfoBlock; second: InfoBlock }) => {
+  return <ConfirmationOrderHeader blocks={[first, second]} showArrow />
+}
+
+export default SwapTokens
diff --git a/apps/web/src/features/swap/components/SwapTxInfo/SwapTx.tsx b/apps/web/src/features/swap/components/SwapTxInfo/SwapTx.tsx
new file mode 100644
index 000000000..c06651486
--- /dev/null
+++ b/apps/web/src/features/swap/components/SwapTxInfo/SwapTx.tsx
@@ -0,0 +1,52 @@
+import type { Order, OrderToken } from '@safe-global/safe-gateway-typescript-sdk'
+import type { ReactElement } from 'react'
+import { Typography } from '@mui/material'
+import TokenAmount from '@/components/common/TokenAmount'
+import TokenIcon from '@/components/common/TokenIcon'
+
+const Amount = ({ value, token }: { value: string; token: OrderToken }) => (
+  <TokenAmount
+    value={value}
+    decimals={token.decimals}
+    tokenSymbol={token.symbol}
+    logoUri={token.logoUri ?? undefined}
+  />
+)
+
+const OnlyToken = ({ token }: { token: OrderToken }) => (
+  <Typography fontWeight="bold" component="span" display="flex" alignItems="center" gap={1}>
+    <TokenIcon tokenSymbol={token.symbol} logoUri={token.logoUri ?? undefined} />
+    {token.symbol}
+  </Typography>
+)
+
+export const SwapTx = ({ info }: { info: Order }): ReactElement => {
+  const { kind, sellToken, sellAmount, buyToken, buyAmount } = info
+  const isSellOrder = kind === 'sell'
+
+  let from = <Amount value={sellAmount} token={sellToken} />
+  let to = <OnlyToken token={buyToken} />
+
+  if (!isSellOrder) {
+    from = <OnlyToken token={sellToken} />
+    to = <Amount value={buyAmount} token={buyToken} />
+  }
+
+  return (
+    <Typography
+      component="div"
+      display="flex"
+      alignItems="center"
+      fontWeight="bold"
+      whiteSpace="nowrap"
+      overflow="hidden"
+      textOverflow="ellipsis"
+    >
+      {from}
+      <Typography component="span" mx={0.5}>
+        &nbsp;to&nbsp;
+      </Typography>
+      {to}
+    </Typography>
+  )
+}
diff --git a/apps/web/src/features/swap/components/TwapFallbackHandlerWarning/index.tsx b/apps/web/src/features/swap/components/TwapFallbackHandlerWarning/index.tsx
new file mode 100644
index 000000000..7c9234a3c
--- /dev/null
+++ b/apps/web/src/features/swap/components/TwapFallbackHandlerWarning/index.tsx
@@ -0,0 +1,17 @@
+import { Alert, SvgIcon } from '@mui/material'
+import InfoOutlinedIcon from '@/public/images/notifications/info.svg'
+
+export const TwapFallbackHandlerWarning = () => {
+  return (
+    <Alert
+      severity="warning"
+      icon={<SvgIcon component={InfoOutlinedIcon} inheritViewBox color="error" />}
+      sx={{ mb: 1 }}
+    >
+      <b>Enable TWAPs and submit order.</b>
+      {` `}
+      To enable TWAP orders you need to set a custom fallback handler. This software is developed by CoW Swap and Safe
+      will not be responsible for any possible issues with it.
+    </Alert>
+  )
+}
diff --git a/apps/web/src/features/swap/constants.ts b/apps/web/src/features/swap/constants.ts
new file mode 100644
index 000000000..c4d1c42c9
--- /dev/null
+++ b/apps/web/src/features/swap/constants.ts
@@ -0,0 +1,6 @@
+export const SWAP_TITLE = 'Safe Swap'
+export const SWAP_ORDER_TITLE = 'Swap order'
+export const LIMIT_ORDER_TITLE = 'Limit order'
+export const TWAP_ORDER_TITLE = 'TWAP order'
+
+export const SWAP_FEE_RECIPIENT = '0xE344241493D573428076c022835856a221dB3E26'
diff --git a/src/features/swap/helpers/__tests__/fee.test.ts b/apps/web/src/features/swap/helpers/__tests__/fee.test.ts
similarity index 100%
rename from src/features/swap/helpers/__tests__/fee.test.ts
rename to apps/web/src/features/swap/helpers/__tests__/fee.test.ts
diff --git a/apps/web/src/features/swap/helpers/__tests__/utils.test.ts b/apps/web/src/features/swap/helpers/__tests__/utils.test.ts
new file mode 100644
index 000000000..0f504d85c
--- /dev/null
+++ b/apps/web/src/features/swap/helpers/__tests__/utils.test.ts
@@ -0,0 +1,425 @@
+import {
+  getExecutionPrice,
+  getFilledPercentage,
+  getLimitPrice,
+  getPartiallyFilledSurplus,
+  getSurplusPrice,
+  isOrderPartiallyFilled,
+  isSettingTwapFallbackHandler,
+  TWAP_FALLBACK_HANDLER,
+} from '../utils'
+import type { DataDecoded, TwapOrder } from '@safe-global/safe-gateway-typescript-sdk'
+import { type SwapOrder } from '@safe-global/safe-gateway-typescript-sdk'
+
+describe('Swap helpers', () => {
+  test('sellAmount bigger than buyAmount', () => {
+    const mockOrder = {
+      executedSellAmount: '100000000000000000000', // 100 tokens
+      executedBuyAmount: '50000000000000000000', // 50 tokens
+      buyToken: { decimals: 18 },
+      sellToken: { decimals: 18 },
+      sellAmount: '100000000000000000000',
+      buyAmount: '50000000000000000000',
+    } as unknown as SwapOrder
+
+    const executionPrice = getExecutionPrice(mockOrder)
+    const limitPrice = getLimitPrice(mockOrder)
+    const surplusPrice = getSurplusPrice(mockOrder)
+
+    expect(executionPrice).toBe(2)
+    expect(limitPrice).toBe(2)
+    expect(surplusPrice).toBe(0)
+  })
+
+  test('sellAmount smaller than buyAmount', () => {
+    const mockOrder = {
+      executedSellAmount: '50000000000000000000', // 50 tokens
+      executedBuyAmount: '100000000000000000000', // 100 tokens
+      buyToken: { decimals: 18 },
+      sellToken: { decimals: 18 },
+      sellAmount: '50000000000000000000',
+      buyAmount: '100000000000000000000',
+    } as unknown as SwapOrder
+
+    const executionPrice = getExecutionPrice(mockOrder)
+    const limitPrice = getLimitPrice(mockOrder)
+    const surplusPrice = getSurplusPrice(mockOrder)
+
+    expect(executionPrice).toBe(0.5)
+    expect(limitPrice).toBe(0.5)
+    expect(surplusPrice).toBe(0)
+  })
+
+  test('buyToken has more decimals than sellToken', () => {
+    const mockOrder = {
+      executedSellAmount: '10000000000', // 100 tokens
+      executedBuyAmount: '50000000000000000000', // 50 tokens
+      buyToken: { decimals: 18 },
+      sellToken: { decimals: 8 },
+      sellAmount: '10000000000',
+      buyAmount: '50000000000000000000',
+    } as unknown as SwapOrder
+
+    const executionPrice = getExecutionPrice(mockOrder)
+    const limitPrice = getLimitPrice(mockOrder)
+    const surplusPrice = getSurplusPrice(mockOrder)
+
+    expect(executionPrice).toBe(2)
+    expect(limitPrice).toBe(2)
+    expect(surplusPrice).toBe(0)
+  })
+
+  test('sellToken has more decimals than buyToken', () => {
+    const mockOrder = {
+      executedSellAmount: '100000000000000000000', // 100 tokens
+      executedBuyAmount: '5000000000', // 50 tokens
+      buyToken: { decimals: 8 },
+      sellToken: { decimals: 18 },
+      sellAmount: '100000000000000000000',
+      buyAmount: '5000000000',
+    } as unknown as SwapOrder
+
+    const executionPrice = getExecutionPrice(mockOrder)
+    const limitPrice = getLimitPrice(mockOrder)
+    const surplusPrice = getSurplusPrice(mockOrder)
+
+    expect(executionPrice).toBe(2)
+    expect(limitPrice).toBe(2)
+    expect(surplusPrice).toBe(0)
+  })
+
+  test('twap order with unknown executed sell and buy amounts', () => {
+    const mockOrder = {
+      executedSellAmount: null,
+      executedBuyAmount: null,
+      buyToken: { decimals: 8 },
+      sellToken: { decimals: 18 },
+      sellAmount: '100000000000000000000',
+      buyAmount: '5000000000',
+    } as unknown as TwapOrder
+
+    const executionPrice = getExecutionPrice(mockOrder)
+    const limitPrice = getLimitPrice(mockOrder)
+    const surplusPrice = getSurplusPrice(mockOrder)
+
+    expect(executionPrice).toBe(0)
+    expect(limitPrice).toBe(2)
+    expect(surplusPrice).toBe(0)
+  })
+
+  describe('getFilledPercentage', () => {
+    it('returns 0 if no amount was executed', () => {
+      const mockOrder = {
+        executedSellAmount: '0',
+        executedBuyAmount: '0',
+        buyToken: { decimals: 8 },
+        sellToken: { decimals: 18 },
+        sellAmount: '100000000000000000000',
+        buyAmount: '5000000000',
+      } as unknown as SwapOrder
+
+      const result = getFilledPercentage(mockOrder)
+
+      expect(result).toEqual('0')
+    })
+
+    it('returns the percentage for buy orders', () => {
+      const mockOrder = {
+        executedSellAmount: '10000000000000000000',
+        executedBuyAmount: '50000000',
+        buyToken: { decimals: 8 },
+        sellToken: { decimals: 18 },
+        sellAmount: '100000000000000000000',
+        buyAmount: '5000000000',
+        kind: 'buy',
+      } as unknown as SwapOrder
+
+      const result = getFilledPercentage(mockOrder)
+
+      expect(result).toEqual('1')
+    })
+
+    it('returns the percentage for sell orders', () => {
+      const mockOrder = {
+        executedSellAmount: '10000000000000000000',
+        executedBuyAmount: '50000000',
+        buyToken: { decimals: 8 },
+        sellToken: { decimals: 18 },
+        sellAmount: '100000000000000000000',
+        buyAmount: '5000000000',
+        kind: 'sell',
+      } as unknown as SwapOrder
+
+      const result = getFilledPercentage(mockOrder)
+
+      expect(result).toEqual('10')
+    })
+
+    it('returns 0 if the executed amount is below 1%', () => {
+      const mockOrder = {
+        executedSellAmount: '10000000000000000000',
+        executedBuyAmount: '50',
+        buyToken: { decimals: 8 },
+        sellToken: { decimals: 18 },
+        sellAmount: '100000000000000000000',
+        buyAmount: '5000000000',
+        kind: 'buy',
+      } as unknown as SwapOrder
+
+      const result = getFilledPercentage(mockOrder)
+
+      expect(result).toEqual('0')
+    })
+
+    it('returns the surplus amount for buy orders', () => {
+      const mockOrder = {
+        executedSellAmount: '10000000000000000000', //10
+        executedBuyAmount: '50',
+        buyToken: { decimals: 8 },
+        sellToken: { decimals: 18 },
+        sellAmount: '15000000000000000000', //15
+        buyAmount: '5000000000',
+        kind: 'buy',
+      } as unknown as SwapOrder
+
+      const result = getSurplusPrice(mockOrder)
+
+      expect(result).toEqual(5)
+    })
+
+    it('returns the surplus amount for sell orders', () => {
+      const mockOrder = {
+        executedSellAmount: '100000000000000000000',
+        executedBuyAmount: '10000000000', //100
+        buyToken: { decimals: 8 },
+        sellToken: { decimals: 18 },
+        sellAmount: '100000000000000000000',
+        buyAmount: '5000000000', //50
+        kind: 'sell',
+      } as unknown as SwapOrder
+
+      const result = getSurplusPrice(mockOrder)
+
+      expect(result).toEqual(50)
+    })
+  })
+
+  describe('isOrderPartiallyFilled', () => {
+    it('returns true if a buy order is partially filled', () => {
+      const mockOrder = {
+        executedBuyAmount: '10',
+        buyAmount: '100000000000000000000', // 100 tokens
+        executedSellAmount: '50000000000000000000', // 50 tokens
+        sellAmount: '100000000000000000000', // 100 tokens
+        kind: 'buy',
+      } as unknown as SwapOrder
+
+      const result = isOrderPartiallyFilled(mockOrder)
+
+      expect(result).toBe(true)
+    })
+
+    it('returns false if a buy order is not fully filled or fully filled', () => {
+      const mockOrder = {
+        executedBuyAmount: '0',
+        buyAmount: '100000000000000000000', // 100 tokens
+        executedSellAmount: '100000000000000000000', // 100 tokens
+        sellAmount: '100000000000000000000', // 100 tokens
+        kind: 'buy',
+      } as unknown as SwapOrder
+
+      const result = isOrderPartiallyFilled(mockOrder)
+
+      expect(result).toBe(false)
+
+      const result1 = isOrderPartiallyFilled({
+        ...mockOrder,
+        executedBuyAmount: '100000000000000000000', // 100 tokens
+      })
+      expect(result1).toBe(false)
+    })
+
+    it('returns true if a sell order is partially filled', () => {
+      const mockOrder = {
+        sellAmount: '100000000000000000000',
+        executedSellAmount: '10',
+        executedBuyAmount: '50000000000000000000', // 50 tokens
+        buyAmount: '100000000000000000000', // 100 tokens
+        kind: 'sell',
+      } as unknown as SwapOrder
+
+      const result = isOrderPartiallyFilled(mockOrder)
+
+      expect(result).toBe(true)
+    })
+
+    it('returns false if a sell order is not fully filled or fully filled', () => {
+      const mockOrder = {
+        sellAmount: '100000000000000000000',
+        executedSellAmount: '0',
+        executedBuyAmount: '100000000000000000000', // 100 tokens
+        buyAmount: '100000000000000000000', // 100 tokens
+        kind: 'sell',
+      } as unknown as SwapOrder
+
+      const result = isOrderPartiallyFilled(mockOrder)
+
+      expect(result).toBe(false)
+
+      const result1 = isOrderPartiallyFilled({
+        ...mockOrder,
+        executedSellAmount: '100000000000000000000', // 100 tokens
+      })
+
+      expect(result1).toBe(false)
+    })
+  })
+  describe('getPartiallyFilledSurplusPrice', () => {
+    it('returns 0 for partially filled sell order with no surplus', () => {
+      const mockOrder = {
+        sellAmount: '100000000000000000000', // 100 tokens
+        executedSellAmount: '50000000000000000000', // 50 tokens
+        executedBuyAmount: '50000000000000000000', // 50 tokens
+        buyAmount: '100000000000000000000', // 100 tokens
+        kind: 'sell',
+        buyToken: { decimals: 18 },
+        sellToken: { decimals: 18 },
+      } as unknown as SwapOrder
+
+      const result = getPartiallyFilledSurplus(mockOrder)
+
+      expect(result).toEqual(0)
+    })
+    it('returns 0 for partially filled buy order with no surplus', () => {
+      const mockOrder = {
+        sellAmount: '100000000000000000000', // 100 tokens
+        executedSellAmount: '50000000000000000000', // 50 tokens
+        executedBuyAmount: '50000000000000000000', // 50 tokens
+        buyAmount: '100000000000000000000', // 100 tokens
+        kind: 'buy',
+        buyToken: { decimals: 18 },
+        sellToken: { decimals: 18 },
+      } as unknown as SwapOrder
+
+      const result = getPartiallyFilledSurplus(mockOrder)
+
+      expect(result).toEqual(0)
+    })
+    it('returns surplus for partially filled sell orders', () => {
+      const mockOrder = {
+        sellAmount: '100000000000000000000', // 100 tokens
+        executedSellAmount: '50000000000000000000', // 50 tokens
+        executedBuyAmount: '55000000000000000000', // 55 tokens
+        buyAmount: '100000000000000000000', // 100 tokens
+        kind: 'sell',
+        buyToken: { decimals: 18 },
+        sellToken: { decimals: 18 },
+      } as unknown as SwapOrder
+
+      const result = getPartiallyFilledSurplus(mockOrder)
+      expect(result).toEqual(5)
+    })
+    it('returns surplus for partially filled buy orders', () => {
+      const mockOrder = {
+        sellAmount: '100000000000000000000', // 100 tokens
+        executedSellAmount: '45000000000000000000', // 50 tokens
+        executedBuyAmount: '50000000000000000000', // 55 tokens
+        buyAmount: '100000000000000000000', // 100 tokens
+        kind: 'buy',
+        buyToken: { decimals: 18 },
+        sellToken: { decimals: 18 },
+      } as unknown as SwapOrder
+
+      const result = getPartiallyFilledSurplus(mockOrder)
+
+      expect(result).toEqual(5)
+    })
+  })
+
+  describe('isSettingTwapFallbackHandler', () => {
+    it('should return true when handler is TWAP_FALLBACK_HANDLER', () => {
+      const decodedData = {
+        parameters: [
+          {
+            valueDecoded: [
+              {
+                dataDecoded: {
+                  method: 'setFallbackHandler',
+                  parameters: [{ name: 'handler', value: TWAP_FALLBACK_HANDLER }],
+                },
+              },
+            ],
+          },
+        ],
+      } as unknown as DataDecoded
+      expect(isSettingTwapFallbackHandler(decodedData)).toBe(true)
+    })
+
+    it('should return false when handler is not TWAP_FALLBACK_HANDLER', () => {
+      const decodedData = {
+        parameters: [
+          {
+            valueDecoded: [
+              {
+                dataDecoded: {
+                  method: 'setFallbackHandler',
+                  parameters: [{ name: 'handler', value: '0xDifferentHandler' }],
+                },
+              },
+            ],
+          },
+        ],
+      } as unknown as DataDecoded
+      expect(isSettingTwapFallbackHandler(decodedData)).toBe(false)
+    })
+
+    it('should return false when method is not setFallbackHandler', () => {
+      const decodedData = {
+        parameters: [
+          {
+            valueDecoded: [
+              {
+                dataDecoded: {
+                  method: 'differentMethod',
+                  parameters: [{ name: 'handler', value: TWAP_FALLBACK_HANDLER }],
+                },
+              },
+            ],
+          },
+        ],
+      } as unknown as DataDecoded
+      expect(isSettingTwapFallbackHandler(decodedData)).toBe(false)
+    })
+
+    it('should return false when parameters are missing', () => {
+      const decodedData = {} as unknown as DataDecoded
+      expect(isSettingTwapFallbackHandler(decodedData)).toBe(false)
+    })
+
+    it('should return false when valueDecoded is missing', () => {
+      const decodedData = {
+        parameters: [
+          {
+            valueDecoded: null,
+          },
+        ],
+      } as unknown as DataDecoded
+      expect(isSettingTwapFallbackHandler(decodedData)).toBe(false)
+    })
+
+    it('should return false when dataDecoded is missing', () => {
+      const decodedData = {
+        parameters: [
+          {
+            valueDecoded: [
+              {
+                dataDecoded: null,
+              },
+            ],
+          },
+        ],
+      } as unknown as DataDecoded
+      expect(isSettingTwapFallbackHandler(decodedData)).toBe(false)
+    })
+  })
+})
diff --git a/src/features/swap/helpers/data/stablecoins.ts b/apps/web/src/features/swap/helpers/data/stablecoins.ts
similarity index 88%
rename from src/features/swap/helpers/data/stablecoins.ts
rename to apps/web/src/features/swap/helpers/data/stablecoins.ts
index b818b11d6..6e40847ff 100644
--- a/src/features/swap/helpers/data/stablecoins.ts
+++ b/apps/web/src/features/swap/helpers/data/stablecoins.ts
@@ -2,7 +2,7 @@ export const stableCoinAddresses: {
   [address: string]: {
     name: string
     symbol: string
-    chains: Array<'gnosis' | 'ethereum' | 'arbitrum-one' | 'sepolia'>
+    chains: Array<'gnosis' | 'ethereum' | 'arbitrum-one' | 'sepolia' | 'base'>
   }
 } = {
   '0xdd96b45877d0e8361a4ddb732da741e97f3191ff': {
@@ -506,4 +506,70 @@ export const stableCoinAddresses: {
     symbol: 'USDT',
     chains: ['sepolia'],
   },
+  '0xaf204776c7245bf4147c2612bf6e5972ee483701': {
+    name: 'Savings xDai',
+    symbol: 'SDAI',
+    chains: ['gnosis'],
+  },
+  '0x83f20f44975d03b1b09e64809b757c47f942beea': {
+    name: 'Savings xDai',
+    symbol: 'SDAI',
+    chains: ['ethereum'],
+  },
+  '0x4c612e3b15b96ff9a6faed838f8d07d479a8dd4c': {
+    name: 'Aave v3 sDai',
+    symbol: 'ASDAI',
+    chains: ['ethereum'],
+  },
+  '0x7a5c3860a77a8dc1b225bd46d0fb2ac1c6d191bc': {
+    name: 'Aave v3 sDai',
+    symbol: 'ASDAI',
+    chains: ['gnosis'],
+  },
+  '0x2a22f9c3b484c3629090feed35f17ff8f88f76f0': {
+    name: 'Gnosis xDAI Bridged USDC',
+    symbol: 'USDC.e',
+    chains: ['gnosis'],
+  },
+  '0xcb444e90d8198415266c6a2724b7900fb12fc56e': {
+    name: 'Monerium EUR emoney',
+    symbol: 'EURE',
+    chains: ['gnosis'],
+  },
+  '0xdc035d45d973e3ec169d2276ddab16f1e407384f': {
+    name: 'Sky dollar',
+    symbol: 'USDS',
+    chains: ['ethereum'],
+  },
+  // Base
+  '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913': {
+    name: 'USDC',
+    symbol: 'usdc',
+    chains: ['base'],
+  },
+  '0xfde4C96c8593536E31F229EA8f37b2ADa2699bb2': {
+    name: 'Tether USD',
+    symbol: 'usdt',
+    chains: ['base'],
+  },
+  '0x50c5725949a6f0c72e6c4a641f24049a917db0cb': {
+    name: 'Dai Stablecoin',
+    symbol: 'dai',
+    chains: ['base'],
+  },
+  '0x5d3a1Ff2b6BAb83b63cd9AD0787074081a52ef34': {
+    name: 'USDe',
+    symbol: 'usde',
+    chains: ['base'],
+  },
+  '0x820c137fa70c8691f0e44dc420a5e53c168921dc': {
+    name: 'USDS Stablecoin',
+    symbol: 'usds',
+    chains: ['base'],
+  },
+  '0x60a3e35cc302bfa44cb288bc5a4f316fdb1adb42': {
+    name: 'EURC',
+    symbol: 'eurc',
+    chains: ['base'],
+  },
 }
diff --git a/apps/web/src/features/swap/helpers/fee.ts b/apps/web/src/features/swap/helpers/fee.ts
new file mode 100644
index 000000000..d412e308b
--- /dev/null
+++ b/apps/web/src/features/swap/helpers/fee.ts
@@ -0,0 +1,55 @@
+import type { OnTradeParamsPayload } from '@cowprotocol/events'
+import { stableCoinAddresses } from '@/features/swap/helpers/data/stablecoins'
+
+const FEE_PERCENTAGE_BPS = {
+  REGULAR: {
+    TIER_1: 35,
+    TIER_2: 20,
+    TIER_3: 10,
+  },
+  STABLE: {
+    TIER_1: 10,
+    TIER_2: 7,
+    TIER_3: 5,
+  },
+}
+
+const FEE_TIERS = {
+  TIER_1: 100_000, // 0 - 100k
+  TIER_2: 1_000_000, // 100k - 1m
+}
+
+const getLowerCaseStableCoinAddresses = () => {
+  const lowerCaseStableCoinAddresses = Object.keys(stableCoinAddresses).reduce(
+    (result, key) => {
+      result[key.toLowerCase()] = stableCoinAddresses[key]
+      return result
+    },
+    {} as typeof stableCoinAddresses,
+  )
+
+  return lowerCaseStableCoinAddresses
+}
+/**
+ * Function to calculate the fee % in bps to apply for a trade.
+ * The fee % should be applied based on the fiat value of the buy or sell token.
+ *
+ * @param orderParams
+ */
+export const calculateFeePercentageInBps = (orderParams: OnTradeParamsPayload) => {
+  const { sellToken, buyToken, buyTokenFiatAmount, sellTokenFiatAmount, orderKind } = orderParams
+  const stableCoins = getLowerCaseStableCoinAddresses()
+  const isStableCoin = stableCoins[sellToken?.address?.toLowerCase()] && stableCoins[buyToken?.address.toLowerCase()]
+
+  const fiatAmount = Number(orderKind == 'sell' ? sellTokenFiatAmount : buyTokenFiatAmount) || 0
+
+  if (fiatAmount < FEE_TIERS.TIER_1) {
+    return isStableCoin ? FEE_PERCENTAGE_BPS.STABLE.TIER_1 : FEE_PERCENTAGE_BPS.REGULAR.TIER_1
+  }
+
+  if (fiatAmount < FEE_TIERS.TIER_2) {
+    return isStableCoin ? FEE_PERCENTAGE_BPS.STABLE.TIER_2 : FEE_PERCENTAGE_BPS.REGULAR.TIER_2
+  }
+
+  return isStableCoin ? FEE_PERCENTAGE_BPS.STABLE.TIER_3 : FEE_PERCENTAGE_BPS.REGULAR.TIER_3
+}
diff --git a/src/features/swap/helpers/swapOrderBuilder.ts b/apps/web/src/features/swap/helpers/swapOrderBuilder.ts
similarity index 90%
rename from src/features/swap/helpers/swapOrderBuilder.ts
rename to apps/web/src/features/swap/helpers/swapOrderBuilder.ts
index cf5b9d156..9cdd71d2d 100644
--- a/src/features/swap/helpers/swapOrderBuilder.ts
+++ b/apps/web/src/features/swap/helpers/swapOrderBuilder.ts
@@ -5,9 +5,8 @@ import type {
   SwapOrder,
   TransactionInfoType,
   TwapOrder,
-  SwapOrderConfirmationView,
+  Order,
 } from '@safe-global/safe-gateway-typescript-sdk'
-import { ConfirmationViewTypes } from '@safe-global/safe-gateway-typescript-sdk'
 import { DurationType, StartTimeValue } from '@safe-global/safe-gateway-typescript-sdk'
 
 export function appDataBuilder(
@@ -48,6 +47,8 @@ export function orderTokenBuilder(): IBuilder<OrderToken> {
 }
 
 export function swapOrderBuilder(): IBuilder<SwapOrder> {
+  const sellToken = orderTokenBuilder().build()
+  const executedFee = faker.string.numeric()
   return Builder.new<SwapOrder>().with({
     type: 'SwapOrder' as TransactionInfoType.SWAP_ORDER,
     uid: faker.string.uuid(),
@@ -59,16 +60,19 @@ export function swapOrderBuilder(): IBuilder<SwapOrder> {
     buyAmount: faker.string.numeric(),
     executedSellAmount: faker.string.numeric(),
     executedBuyAmount: faker.string.numeric(),
-    sellToken: orderTokenBuilder().build(),
+    sellToken,
     buyToken: orderTokenBuilder().build(),
     explorerUrl:
       'https://explorer.cow.fi/orders/0x03a5d561ad2452d719a0d075573f4bed68217c696b52f151122c30e3e4426f1b05e6b5eb1d0e6aabab082057d5bb91f2ee6d11be66223d88',
-    executedSurplusFee: faker.string.numeric(),
+    executedFee,
+    executedFeeToken: sellToken,
     fullAppData: appDataBuilder().build(),
   })
 }
 
 export function twapOrderBuilder(): IBuilder<TwapOrder> {
+  const sellToken = orderTokenBuilder().build()
+  const executedFee = faker.string.numeric()
   return Builder.new<TwapOrder>().with({
     type: 'TwapOrder' as TransactionInfoType.TWAP_ORDER,
     status: faker.helpers.arrayElement(['presignaturePending', 'open', 'cancelled', 'fulfilled', 'expired']),
@@ -81,7 +85,8 @@ export function twapOrderBuilder(): IBuilder<TwapOrder> {
     executedBuyAmount: faker.string.numeric(),
     sellToken: orderTokenBuilder().build(),
     buyToken: orderTokenBuilder().build(),
-    executedSurplusFee: faker.string.numeric(),
+    executedFee,
+    executedFeeToken: sellToken,
     fullAppData: appDataBuilder().build(),
     numberOfParts: faker.number.int({ min: 1, max: 10 }).toString(),
     /** @description The amount of sellToken to sell in each part */
@@ -102,10 +107,10 @@ export function twapOrderBuilder(): IBuilder<TwapOrder> {
 }
 
 // create a builder for SwapOrderConfirmationView
-export function swapOrderConfirmationViewBuilder(): IBuilder<SwapOrderConfirmationView> {
+export function swapOrderConfirmationViewBuilder(): IBuilder<Order> {
   const ownerAndReceiver = faker.finance.ethereumAddress()
-  return Builder.new<SwapOrderConfirmationView>().with({
-    type: ConfirmationViewTypes.COW_SWAP_ORDER,
+  return Builder.new<Order>().with({
+    type: 'SwapOrder' as TransactionInfoType.SWAP_ORDER,
     uid: faker.string.uuid(),
     kind: faker.helpers.arrayElement(['buy', 'sell']),
     orderClass: faker.helpers.arrayElement(['limit', 'market', 'liquidity']),
diff --git a/apps/web/src/features/swap/helpers/utils.ts b/apps/web/src/features/swap/helpers/utils.ts
new file mode 100644
index 000000000..1eaa267d1
--- /dev/null
+++ b/apps/web/src/features/swap/helpers/utils.ts
@@ -0,0 +1,210 @@
+import type { DataDecoded, Order as SwapOrder } from '@safe-global/safe-gateway-typescript-sdk'
+import { formatUnits } from 'ethers'
+import type { AnyAppDataDocVersion, latest } from '@cowprotocol/app-data'
+
+import { TradeType, UiOrderType } from '@safe-global/utils/features/swap/types'
+
+type Quantity = {
+  amount: string | number | bigint
+  decimals: number
+}
+
+export enum OrderKind {
+  SELL = 'sell',
+  BUY = 'buy',
+}
+
+function calculateDifference(amountA: string, amountB: string, decimals: number): number {
+  return asDecimal(BigInt(amountA), decimals) - asDecimal(BigInt(amountB), decimals)
+}
+
+function asDecimal(amount: number | bigint, decimals: number): number {
+  return Number(formatUnits(amount, decimals))
+}
+
+export const TWAP_FALLBACK_HANDLER = '0x2f55e8b20D0B9FEFA187AA7d00B6Cbe563605bF5'
+
+// https://github.com/cowprotocol/composable-cow/blob/main/networks.json
+export const TWAP_FALLBACK_HANDLER_NETWORKS = ['1', '100', '137', '11155111', '8453', '42161', '43114']
+
+export const getExecutionPrice = (
+  order: Pick<SwapOrder, 'executedSellAmount' | 'executedBuyAmount' | 'buyToken' | 'sellToken'>,
+): number => {
+  const { executedSellAmount, executedBuyAmount, buyToken, sellToken } = order
+
+  const ratio = calculateRatio(
+    { amount: executedSellAmount || '0', decimals: sellToken.decimals },
+    {
+      amount: executedBuyAmount || '0',
+      decimals: buyToken.decimals,
+    },
+  )
+
+  return ratio
+}
+
+export const getLimitPrice = (
+  order: Pick<SwapOrder, 'sellAmount' | 'buyAmount' | 'buyToken' | 'sellToken'>,
+): number => {
+  const { sellAmount, buyAmount, buyToken, sellToken } = order
+
+  const ratio = calculateRatio(
+    { amount: sellAmount, decimals: sellToken.decimals },
+    { amount: buyAmount, decimals: buyToken.decimals },
+  )
+
+  return ratio
+}
+
+const calculateRatio = (a: Quantity, b: Quantity) => {
+  if (BigInt(b.amount) === 0n) {
+    return 0
+  }
+  return asDecimal(BigInt(a.amount), a.decimals) / asDecimal(BigInt(b.amount), b.decimals)
+}
+
+export const getSurplusPrice = (
+  order: Pick<
+    SwapOrder,
+    'executedBuyAmount' | 'buyAmount' | 'buyToken' | 'executedSellAmount' | 'sellAmount' | 'sellToken' | 'kind'
+  >,
+): number => {
+  const { kind, executedSellAmount, sellAmount, sellToken, executedBuyAmount, buyAmount, buyToken } = order
+  if (kind === OrderKind.BUY) {
+    return calculateDifference(sellAmount, executedSellAmount || '', sellToken.decimals)
+  } else if (kind === OrderKind.SELL) {
+    return calculateDifference(executedBuyAmount || '', buyAmount, buyToken.decimals)
+  } else {
+    return 0
+  }
+}
+
+export const getPartiallyFilledSurplus = (order: SwapOrder): number => {
+  if (order.kind === OrderKind.BUY) {
+    return getPartiallyFilledBuySurplus(order)
+  } else if (order.kind === OrderKind.SELL) {
+    return getPartiallyFilledSellSurplus(order)
+  } else {
+    return 0
+  }
+}
+
+const getPartiallyFilledBuySurplus = (
+  order: Pick<
+    SwapOrder,
+    'executedBuyAmount' | 'buyAmount' | 'buyToken' | 'executedSellAmount' | 'sellAmount' | 'sellToken' | 'kind'
+  >,
+): number => {
+  const { executedSellAmount, sellAmount, sellToken, executedBuyAmount, buyAmount, buyToken } = order
+
+  const limitPrice = calculateRatio(
+    { amount: sellAmount, decimals: sellToken.decimals },
+    { amount: buyAmount, decimals: buyToken.decimals },
+  )
+  const maximumSellAmount = asDecimal(BigInt(executedBuyAmount || 0n), buyToken.decimals) * limitPrice
+  return maximumSellAmount - asDecimal(BigInt(executedSellAmount || 0n), sellToken.decimals)
+}
+
+const getPartiallyFilledSellSurplus = (
+  order: Pick<
+    SwapOrder,
+    'executedBuyAmount' | 'buyAmount' | 'buyToken' | 'executedSellAmount' | 'sellAmount' | 'sellToken' | 'kind'
+  >,
+): number => {
+  const { executedSellAmount, sellAmount, sellToken, executedBuyAmount, buyAmount, buyToken } = order
+
+  const limitPrice = calculateRatio(
+    { amount: buyAmount, decimals: buyToken.decimals },
+    { amount: sellAmount, decimals: sellToken.decimals },
+  )
+
+  const minimumBuyAmount = asDecimal(BigInt(executedSellAmount || 0n), sellToken.decimals) * limitPrice
+  return asDecimal(BigInt(executedBuyAmount || 0n), buyToken.decimals) - minimumBuyAmount
+}
+
+export const getFilledPercentage = (
+  order: Pick<SwapOrder, 'executedBuyAmount' | 'kind' | 'buyAmount' | 'executedSellAmount' | 'sellAmount'>,
+): string => {
+  let executed: number
+  let total: number
+
+  if (order.kind === OrderKind.BUY) {
+    executed = Number(order.executedBuyAmount)
+    total = Number(order.buyAmount)
+  } else if (order.kind === OrderKind.SELL) {
+    executed = Number(order.executedSellAmount)
+    total = Number(order.sellAmount)
+  } else {
+    return '0'
+  }
+
+  return ((executed / total) * 100).toFixed(0)
+}
+
+export const getFilledAmount = (
+  order: Pick<SwapOrder, 'kind' | 'executedBuyAmount' | 'executedSellAmount' | 'buyToken' | 'sellToken'>,
+): string => {
+  if (order.kind === OrderKind.BUY) {
+    return formatUnits(order.executedBuyAmount || 0n, order.buyToken.decimals)
+  } else if (order.kind === OrderKind.SELL) {
+    return formatUnits(order.executedSellAmount || 0n, order.sellToken.decimals)
+  } else {
+    return '0'
+  }
+}
+
+export const getSlippageInPercent = (order: Pick<SwapOrder, 'fullAppData'>): string => {
+  const fullAppData = order.fullAppData as AnyAppDataDocVersion
+  const slippageBips = (fullAppData?.metadata?.quote as latest.Quote)?.slippageBips || 0
+
+  return (Number(slippageBips) / 100).toFixed(2)
+}
+
+export const getOrderClass = (order: Pick<SwapOrder, 'fullAppData'>): latest.OrderClass1 => {
+  const fullAppData = order.fullAppData as AnyAppDataDocVersion
+  const orderClass = (fullAppData?.metadata?.orderClass as latest.OrderClass)?.orderClass
+
+  return orderClass || 'market'
+}
+
+export const isOrderPartiallyFilled = (
+  order: Pick<SwapOrder, 'executedBuyAmount' | 'executedSellAmount' | 'sellAmount' | 'buyAmount' | 'kind'>,
+): boolean => {
+  const executedBuyAmount = BigInt(order.executedBuyAmount || 0)
+  const buyAmount = BigInt(order.buyAmount)
+  const executedSellAmount = BigInt(order.executedSellAmount || 0)
+  const sellAmount = BigInt(order.sellAmount)
+
+  if (order.kind === OrderKind.BUY) {
+    return executedBuyAmount !== 0n && executedBuyAmount < buyAmount
+  }
+
+  return BigInt(executedSellAmount) !== 0n && executedSellAmount < sellAmount
+}
+
+export const UiOrderTypeToOrderType = (orderType: UiOrderType): TradeType => {
+  switch (orderType) {
+    case UiOrderType.SWAP:
+      return TradeType.SWAP
+    case UiOrderType.LIMIT:
+      return TradeType.LIMIT
+    case UiOrderType.TWAP:
+      return TradeType.ADVANCED
+  }
+}
+
+export const isSettingTwapFallbackHandler = (decodedData: DataDecoded) => {
+  return (
+    decodedData.parameters?.some(
+      (item) =>
+        Array.isArray(item?.valueDecoded) &&
+        item.valueDecoded.some(
+          (decoded) =>
+            decoded.dataDecoded?.method === 'setFallbackHandler' &&
+            decoded.dataDecoded.parameters?.some(
+              (parameter) => parameter.name === 'handler' && parameter.value === TWAP_FALLBACK_HANDLER,
+            ),
+        ),
+    ) || false
+  )
+}
diff --git a/apps/web/src/features/swap/hooks/__tests__/useIsExpiredSwap.test.ts b/apps/web/src/features/swap/hooks/__tests__/useIsExpiredSwap.test.ts
new file mode 100644
index 000000000..b62a8130f
--- /dev/null
+++ b/apps/web/src/features/swap/hooks/__tests__/useIsExpiredSwap.test.ts
@@ -0,0 +1,106 @@
+import { act } from 'react'
+import useIsExpiredSwap from '@/features/swap/hooks/useIsExpiredSwap'
+import { renderHook } from '@/tests/test-utils'
+import * as guards from '@/utils/transaction-guards'
+import type { TransactionInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+describe('useIsExpiredSwap', () => {
+  beforeEach(() => {
+    jest.useFakeTimers()
+    jest.clearAllMocks()
+  })
+
+  afterEach(() => {
+    jest.useRealTimers()
+  })
+
+  it('returns false if txInfo is not a swap order', () => {
+    jest.spyOn(guards, 'isSwapOrderTxInfo').mockReturnValue(false)
+
+    const txInfo = {} as TransactionInfo
+    const { result } = renderHook(() => useIsExpiredSwap(txInfo))
+
+    expect(result.current).toBe(false)
+  })
+
+  it('returns true if the swap has already expired', () => {
+    // Mock so that txInfo is considered a swap order
+    jest.spyOn(guards, 'isSwapOrderTxInfo').mockReturnValue(true)
+
+    const now = Date.now()
+    const pastUnixTime = Math.floor((now - 1000) / 1000) // 1 second in the past
+    const txInfo = { validUntil: pastUnixTime } as TransactionInfo
+
+    const { result } = renderHook(() => useIsExpiredSwap(txInfo))
+
+    // Since expiry is in the past, should return true immediately
+    expect(result.current).toBe(true)
+  })
+
+  it('returns false initially and true after expiry time if the swap has not yet expired', () => {
+    jest.spyOn(guards, 'isSwapOrderTxInfo').mockReturnValue(true)
+
+    const now = Date.now()
+    // set expiry 2 seconds in the future
+    const futureUnixTime = Math.floor((now + 2000) / 1000)
+    const txInfo = { validUntil: futureUnixTime } as TransactionInfo
+
+    const { result, unmount } = renderHook(() => useIsExpiredSwap(txInfo))
+
+    // Initially should be false because it hasn't expired yet
+    expect(result.current).toBe(false)
+
+    // Advance time by 2 seconds to simulate waiting until expiry
+    act(() => {
+      jest.advanceTimersByTime(2000)
+    })
+
+    // After the timer completes, it should become true
+    expect(result.current).toBe(true)
+
+    // Unmount to ensure cleanup runs without errors
+    unmount()
+  })
+
+  it('cancels the timeout when unmounted', () => {
+    jest.spyOn(guards, 'isSwapOrderTxInfo').mockReturnValue(true)
+
+    const now = Date.now()
+    // set expiry 5 seconds in the future
+    const futureUnixTime = Math.floor((now + 5000) / 1000)
+    const txInfo = { validUntil: futureUnixTime } as TransactionInfo
+
+    const { result, unmount } = renderHook(() => useIsExpiredSwap(txInfo))
+    expect(result.current).toBe(false)
+
+    // Unmount the hook before the timer finishes
+    unmount()
+
+    // Advance time to ensure no setState runs after unmount
+    act(() => {
+      jest.advanceTimersByTime(5000)
+    })
+  })
+
+  it('uses MAX_TIMEOUT if the validUntil value is too large', () => {
+    jest.spyOn(guards, 'isSwapOrderTxInfo').mockReturnValue(true)
+
+    const MAX_TIMEOUT = 2147483647
+
+    const now = Date.now()
+    // Set validUntil so far in the future that timeUntilExpiry would exceed MAX_TIMEOUT
+    const largeFutureTime = Math.floor((now + MAX_TIMEOUT + 10_000) / 1000)
+    const txInfo = { validUntil: largeFutureTime } as TransactionInfo
+
+    const { result } = renderHook(() => useIsExpiredSwap(txInfo))
+    expect(result.current).toBe(false)
+
+    // The timeout should be capped at MAX_TIMEOUT
+    // Advance time by MAX_TIMEOUT and check if expired is now true
+    act(() => {
+      jest.advanceTimersByTime(MAX_TIMEOUT)
+    })
+
+    expect(result.current).toBe(true)
+  })
+})
diff --git a/apps/web/src/features/swap/hooks/__tests__/useIsTWAPFallbackHandler.test.ts b/apps/web/src/features/swap/hooks/__tests__/useIsTWAPFallbackHandler.test.ts
new file mode 100644
index 000000000..6f85b482f
--- /dev/null
+++ b/apps/web/src/features/swap/hooks/__tests__/useIsTWAPFallbackHandler.test.ts
@@ -0,0 +1,88 @@
+import { useIsTWAPFallbackHandler } from '@/features/swap/hooks/useIsTWAPFallbackHandler'
+import { renderHook } from '@/tests/test-utils'
+import * as useSafeInfo from '@/hooks/useSafeInfo'
+import type { ExtendedSafeInfo } from '@safe-global/store/slices/SafeInfo/types'
+import { TWAP_FALLBACK_HANDLER, TWAP_FALLBACK_HANDLER_NETWORKS } from '../../helpers/utils'
+
+describe('useIsTWAPFallbackHandler', () => {
+  const mockSafeAddress = '0x0000000000000000000000000000000000005AFE'
+  const mockSafeInfo = {
+    safe: {
+      chainId: TWAP_FALLBACK_HANDLER_NETWORKS[0],
+      fallbackHandler: { value: TWAP_FALLBACK_HANDLER },
+    } as ExtendedSafeInfo,
+    safeAddress: mockSafeAddress,
+    safeLoaded: true,
+    safeError: undefined,
+    safeLoading: true,
+  }
+
+  const useSafeInfoSpy = jest.spyOn(useSafeInfo, 'default')
+
+  beforeEach(() => {
+    useSafeInfoSpy.mockReturnValue(mockSafeInfo)
+  })
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  describe('should return `true`', () => {
+    it('if the Safe has the TWAP fallback handler set', () => {
+      const { result } = renderHook(() => useIsTWAPFallbackHandler())
+
+      expect(result.current).toBe(true)
+    })
+
+    it('if the TWAP fallback handler address is passed', () => {
+      const { result } = renderHook(() => useIsTWAPFallbackHandler(TWAP_FALLBACK_HANDLER))
+
+      expect(result.current).toBe(true)
+    })
+  })
+
+  describe('should return `false`', () => {
+    describe('if the Safe`s chain is not supported for TWAP', () => {
+      beforeEach(() => {
+        useSafeInfoSpy.mockReturnValue({ ...mockSafeInfo, safe: { ...mockSafeInfo.safe, chainId: '123' } })
+      })
+
+      it('and the Safe has the TWAP fallback handler set for the', () => {
+        const { result } = renderHook(() => useIsTWAPFallbackHandler())
+
+        expect(result.current).toBe(false)
+      })
+
+      it('and the TWAP fallback handler address is passed', () => {
+        const { result } = renderHook(() => useIsTWAPFallbackHandler(TWAP_FALLBACK_HANDLER))
+
+        expect(result.current).toBe(false)
+      })
+    })
+
+    it('if the Safe does not have the TWAP fallback handler set', () => {
+      useSafeInfoSpy.mockReturnValue({
+        ...mockSafeInfo,
+        safe: { ...mockSafeInfo.safe, fallbackHandler: { value: '0x123' } },
+      })
+
+      const { result } = renderHook(() => useIsTWAPFallbackHandler())
+
+      expect(result.current).toBe(false)
+    })
+
+    it('if the TWAP fallback handler address is not passed', () => {
+      const { result } = renderHook(() => useIsTWAPFallbackHandler('0x123'))
+
+      expect(result.current).toBe(false)
+    })
+
+    it('if the Safe info is not loaded', () => {
+      useSafeInfoSpy.mockReturnValue({ ...mockSafeInfo, safe: {} as ExtendedSafeInfo, safeLoaded: false })
+
+      const { result } = renderHook(() => useIsTWAPFallbackHandler())
+
+      expect(result.current).toBe(false)
+    })
+  })
+})
diff --git a/apps/web/src/features/swap/hooks/useIsExpiredSwap.ts b/apps/web/src/features/swap/hooks/useIsExpiredSwap.ts
new file mode 100644
index 000000000..efe89de59
--- /dev/null
+++ b/apps/web/src/features/swap/hooks/useIsExpiredSwap.ts
@@ -0,0 +1,53 @@
+import { useEffect, useRef, useState } from 'react'
+import type { TransactionInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { isSwapOrderTxInfo } from '@/utils/transaction-guards'
+
+// https://developer.mozilla.org/en-US/docs/Web/API/Window/setTimeout#maximum_delay_value
+const MAX_TIMEOUT = 2147483647
+
+function getExpiryDelay(expiryUnixTimestampSec: number): number {
+  const currentTimeMs = Date.now()
+  const expiryTimeMs = expiryUnixTimestampSec * 1000
+  const timeUntilExpiry = expiryTimeMs - currentTimeMs
+
+  if (timeUntilExpiry <= 0) {
+    return 0 // Already expired
+  }
+
+  return Math.min(timeUntilExpiry, MAX_TIMEOUT)
+}
+
+/**
+ * Checks whether a swap has expired and if it hasn't it sets a timeout
+ * for the exact moment it will expire
+ * @param txInfo
+ */
+const useIsExpiredSwap = (txInfo: TransactionInfo) => {
+  const [isExpired, setIsExpired] = useState<boolean>(false)
+  const timerRef = useRef<NodeJS.Timeout | null>(null)
+
+  useEffect(() => {
+    if (!isSwapOrderTxInfo(txInfo)) return
+
+    const delay = getExpiryDelay(txInfo.validUntil)
+
+    if (delay === 0) {
+      setIsExpired(true)
+    } else {
+      // Set a timeout for the exact moment it will expire
+      timerRef.current = setTimeout(() => {
+        setIsExpired(true)
+      }, delay)
+    }
+
+    return () => {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current)
+      }
+    }
+  }, [txInfo])
+
+  return isExpired
+}
+
+export default useIsExpiredSwap
diff --git a/src/features/swap/hooks/useIsSwapFeatureEnabled.ts b/apps/web/src/features/swap/hooks/useIsSwapFeatureEnabled.ts
similarity index 86%
rename from src/features/swap/hooks/useIsSwapFeatureEnabled.ts
rename to apps/web/src/features/swap/hooks/useIsSwapFeatureEnabled.ts
index d43d02a3f..f8b67366f 100644
--- a/src/features/swap/hooks/useIsSwapFeatureEnabled.ts
+++ b/apps/web/src/features/swap/hooks/useIsSwapFeatureEnabled.ts
@@ -1,7 +1,7 @@
 import { GeoblockingContext } from '@/components/common/GeoblockingProvider'
 import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
 import { useContext } from 'react'
+import { FEATURES } from '@safe-global/utils/utils/chains'
 
 const useIsSwapFeatureEnabled = () => {
   const isBlockedCountry = useContext(GeoblockingContext)
diff --git a/apps/web/src/features/swap/hooks/useIsTWAPFallbackHandler.ts b/apps/web/src/features/swap/hooks/useIsTWAPFallbackHandler.ts
new file mode 100644
index 000000000..cc55a4729
--- /dev/null
+++ b/apps/web/src/features/swap/hooks/useIsTWAPFallbackHandler.ts
@@ -0,0 +1,30 @@
+import { useMemo } from 'react'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { TWAP_FALLBACK_HANDLER, TWAP_FALLBACK_HANDLER_NETWORKS } from '../helpers/utils'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+
+export const useTWAPFallbackHandlerAddress = () => {
+  const { safe } = useSafeInfo()
+
+  return useMemo(
+    () => (TWAP_FALLBACK_HANDLER_NETWORKS.includes(safe.chainId) ? TWAP_FALLBACK_HANDLER : undefined),
+    [safe.chainId],
+  )
+}
+
+/**
+ * Hook to check if the Safe's fallback handler (or optionally a provided address) is the TWAP fallback handler.
+ * @param fallbackHandler Optional fallback handler address (if not provided, it will be taken from the Safe info)
+ * @returns Boolean indicating if the provided fallback handler is the TWAP fallback handler
+ */
+export const useIsTWAPFallbackHandler = (fallbackHandler?: string) => {
+  const { safe } = useSafeInfo()
+  const twapFallbackHandler = useTWAPFallbackHandlerAddress()
+
+  const fallbackHandlerAddress = fallbackHandler || safe.fallbackHandler?.value
+
+  return useMemo(
+    () => sameAddress(fallbackHandlerAddress, twapFallbackHandler),
+    [fallbackHandlerAddress, twapFallbackHandler],
+  )
+}
diff --git a/apps/web/src/features/swap/index.tsx b/apps/web/src/features/swap/index.tsx
new file mode 100644
index 000000000..eb4c44583
--- /dev/null
+++ b/apps/web/src/features/swap/index.tsx
@@ -0,0 +1,318 @@
+import { CowSwapWidget } from '@cowprotocol/widget-react'
+import { type CowSwapWidgetParams, TradeType } from '@cowprotocol/widget-lib'
+import type { OnTradeParamsPayload } from '@cowprotocol/events'
+import { type CowEventListeners, CowEvents } from '@cowprotocol/events'
+import { type MutableRefObject, useEffect, useMemo, useRef, useState } from 'react'
+import { Box, useTheme } from '@mui/material'
+import {
+  SafeAppAccessPolicyTypes,
+  type SafeAppData,
+  SafeAppFeatures,
+} from '@safe-global/safe-gateway-typescript-sdk/dist/types/safe-apps'
+import { useCurrentChain, useHasFeature } from '@/hooks/useChains'
+import { useDarkMode } from '@/hooks/useDarkMode'
+import { useCustomAppCommunicator } from '@/hooks/safe-apps/useCustomAppCommunicator'
+import { useAppDispatch, useAppSelector } from '@/store'
+
+import css from './styles.module.css'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import useWallet from '@/hooks/wallets/useWallet'
+import BlockedAddress from '@/components/common/BlockedAddress'
+import useSwapConsent from './useSwapConsent'
+import Disclaimer from '@/components/common/Disclaimer'
+import WidgetDisclaimer from '@/components/common/WidgetDisclaimer'
+import { selectSwapParams, setSwapParams, type SwapState } from './store/swapParamsSlice'
+import { setSwapOrder } from '@/store/swapOrderSlice'
+import useChainId from '@/hooks/useChainId'
+import { type BaseTransaction } from '@safe-global/safe-apps-sdk'
+import { id } from 'ethers'
+import {
+  LIMIT_ORDER_TITLE,
+  SWAP_TITLE,
+  SWAP_ORDER_TITLE,
+  TWAP_ORDER_TITLE,
+  SWAP_FEE_RECIPIENT,
+} from '@/features/swap/constants'
+import { calculateFeePercentageInBps } from '@/features/swap/helpers/fee'
+import { UiOrderTypeToOrderType } from '@/features/swap/helpers/utils'
+import { useGetIsSanctionedQuery } from '@/store/api/ofac'
+import { skipToken } from '@reduxjs/toolkit/query/react'
+import { getKeyWithTrueValue } from '@/utils/helpers'
+import { BRAND_NAME } from '@/config/constants'
+import { APPROVAL_SIGNATURE_HASH } from '@safe-global/utils/components/tx/ApprovalEditor/utils/approvals'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const BASE_URL = typeof window !== 'undefined' && window.location.origin ? window.location.origin : ''
+
+const PRE_SIGN_SIGHASH = id('setPreSignature(bytes,bool)').slice(0, 10)
+const WRAP_SIGHASH = id('deposit()').slice(0, 10)
+const UNWRAP_SIGHASH = id('withdraw(uint256)').slice(0, 10)
+const CREATE_WITH_CONTEXT_SIGHASH = id('createWithContext((address,bytes32,bytes),address,bytes,bool)').slice(0, 10)
+const CANCEL_ORDER_SIGHASH = id('invalidateOrder(bytes)').slice(0, 10)
+
+type Params = {
+  sell?: {
+    // The token address
+    asset: string
+    amount: string
+  }
+}
+
+export const getSwapTitle = (tradeType: SwapState['tradeType'], txs: BaseTransaction[] | undefined) => {
+  const hashToLabel = {
+    [PRE_SIGN_SIGHASH]: tradeType === 'limit' ? LIMIT_ORDER_TITLE : SWAP_ORDER_TITLE,
+    [APPROVAL_SIGNATURE_HASH]: 'Approve',
+    [WRAP_SIGHASH]: 'Wrap',
+    [UNWRAP_SIGHASH]: 'Unwrap',
+    [CREATE_WITH_CONTEXT_SIGHASH]: TWAP_ORDER_TITLE,
+    [CANCEL_ORDER_SIGHASH]: 'Cancel Order',
+  }
+
+  const swapTitle = txs
+    ?.map((tx) => hashToLabel[tx.data.slice(0, 10)])
+    .filter(Boolean)
+    .join(' and ')
+
+  return swapTitle
+}
+
+const SwapWidget = ({ sell }: Params) => {
+  const { palette } = useTheme()
+  const darkMode = useDarkMode()
+  const chainId = useChainId()
+  const dispatch = useAppDispatch()
+  const swapParams = useAppSelector(selectSwapParams)
+  const { safeAddress, safeLoading } = useSafeInfo()
+  const [recipientAddress, setRecipientAddress] = useState('')
+  const wallet = useWallet()
+  const { isConsentAccepted, onAccept } = useSwapConsent()
+  const feeEnabled = useHasFeature(FEATURES.NATIVE_SWAPS_FEE_ENABLED)
+  const useStagingCowServer = useHasFeature(FEATURES.NATIVE_SWAPS_USE_COW_STAGING_SERVER)
+
+  const { data: isSafeAddressBlocked } = useGetIsSanctionedQuery(safeAddress || skipToken)
+  const { data: isWalletAddressBlocked } = useGetIsSanctionedQuery(wallet?.address || skipToken)
+  const { data: isRecipientAddressBlocked } = useGetIsSanctionedQuery(recipientAddress || skipToken)
+  const blockedAddresses = {
+    [safeAddress]: !!isSafeAddressBlocked,
+    [wallet?.address || '']: !!isWalletAddressBlocked,
+    [recipientAddress]: !!isRecipientAddressBlocked,
+  }
+
+  const blockedAddress = getKeyWithTrueValue(blockedAddresses)
+
+  const [params, setParams] = useState<CowSwapWidgetParams>({
+    appCode: 'Safe Wallet Swaps', // Name of your app (max 50 characters)
+    width: '100%', // Width in pixels (or 100% to use all available space)
+    height: '860px',
+    chainId,
+    baseUrl: useStagingCowServer ? 'https://staging.swap.cow.fi' : 'https://swap.cow.fi',
+    standaloneMode: false,
+    disableToastMessages: true,
+    disablePostedOrderConfirmationModal: true,
+    hideLogo: true,
+    hideNetworkSelector: true,
+    sounds: {
+      orderError: null,
+      orderExecuted: null,
+      postOrder: null,
+    },
+    tradeType: swapParams.tradeType,
+    sell: sell || {
+      asset: '',
+      amount: '0',
+    },
+    buy: {
+      asset: '',
+      amount: '0',
+    },
+    images: {
+      emptyOrders: darkMode
+        ? BASE_URL + '/images/common/swap-empty-dark.svg'
+        : BASE_URL + '/images/common/swap-empty-light.svg',
+    },
+    enabledTradeTypes: [TradeType.SWAP, TradeType.LIMIT, TradeType.ADVANCED],
+    theme: {
+      baseTheme: darkMode ? 'dark' : 'light',
+      primary: palette.primary.main,
+      background: palette.background.main,
+      paper: palette.background.paper,
+      text: palette.text.primary,
+      danger: palette.error.dark,
+      info: palette.info.main,
+      success: palette.success.main,
+      warning: palette.warning.main,
+      alert: palette.warning.main,
+    },
+    partnerFee: {
+      bps: feeEnabled ? 35 : 0,
+      recipient: SWAP_FEE_RECIPIENT,
+    },
+    content: {
+      feeLabel: 'Widget Fee',
+      feeTooltipMarkdown: `The [tiered widget fee](https://help.safe.global/en/articles/178530-how-does-the-widget-fee-work-for-native-swaps) incurred here is charged by CoW Protocol for the operation of this widget. The fee is automatically calculated into this quote. Part of the fee will contribute to a license fee that supports the Safe Community. Neither the Safe Ecosystem Foundation nor ${BRAND_NAME} operate the CoW Swap Widget and/or CoW Swap`,
+    },
+  })
+
+  const appData: SafeAppData = useMemo(
+    () => ({
+      id: 1,
+      url: 'https://app.safe.global',
+      name: SWAP_TITLE,
+      iconUrl: darkMode ? './images/common/safe-swap-dark.svg' : './images/common/safe-swap.svg',
+      description: 'Safe Apps',
+      chainIds: ['1', '100'],
+      accessControl: { type: SafeAppAccessPolicyTypes.NoRestrictions },
+      tags: ['safe-apps'],
+      features: [SafeAppFeatures.BATCHED_TRANSACTIONS],
+      socialProfiles: [],
+    }),
+    [darkMode],
+  )
+
+  const listeners = useMemo<CowEventListeners>(() => {
+    return [
+      {
+        event: CowEvents.ON_TOAST_MESSAGE,
+        handler: (event) => {
+          console.info('[Swaps] message:', event)
+          const { messageType } = event
+
+          switch (messageType) {
+            case 'ORDER_CREATED':
+              dispatch(
+                setSwapOrder({
+                  orderUid: event.data.orderUid,
+                  status: 'created',
+                }),
+              )
+              break
+            case 'ORDER_PRESIGNED':
+              dispatch(
+                setSwapOrder({
+                  orderUid: event.data.orderUid,
+                  status: 'open',
+                }),
+              )
+              break
+            case 'ORDER_FULFILLED':
+              dispatch(
+                setSwapOrder({
+                  orderUid: event.data.orderUid,
+                  status: 'fulfilled',
+                }),
+              )
+              break
+            case 'ORDER_EXPIRED':
+              dispatch(
+                setSwapOrder({
+                  orderUid: event.data.orderUid,
+                  status: 'expired',
+                }),
+              )
+              break
+            case 'ORDER_CANCELLED':
+              dispatch(
+                setSwapOrder({
+                  orderUid: event.data.orderUid,
+                  status: 'cancelled',
+                }),
+              )
+              break
+          }
+        },
+      },
+      {
+        event: CowEvents.ON_CHANGE_TRADE_PARAMS,
+        handler: (newTradeParams: OnTradeParamsPayload) => {
+          const { orderType: tradeType, recipient, sellToken, buyToken } = newTradeParams
+
+          const newFeeBps = feeEnabled ? calculateFeePercentageInBps(newTradeParams) : 0
+
+          setParams((params) => ({
+            ...params,
+            tradeType: UiOrderTypeToOrderType(tradeType),
+            partnerFee: {
+              recipient: SWAP_FEE_RECIPIENT,
+              bps: newFeeBps,
+            },
+            sell: {
+              asset: sellToken?.address,
+            },
+            buy: {
+              asset: buyToken?.address,
+            },
+          }))
+
+          if (recipient) {
+            setRecipientAddress(recipient)
+          }
+
+          dispatch(setSwapParams({ tradeType }))
+        },
+      },
+    ]
+  }, [dispatch, feeEnabled])
+
+  useEffect(() => {
+    setParams((params) => ({
+      ...params,
+      chainId,
+      theme: {
+        baseTheme: darkMode ? 'dark' : 'light',
+        primary: palette.primary.main,
+        background: palette.background.main,
+        paper: palette.background.paper,
+        text: palette.text.primary,
+        danger: palette.error.dark,
+        info: palette.info.main,
+        success: palette.success.main,
+        warning: palette.warning.main,
+        alert: palette.warning.main,
+      },
+    }))
+  }, [palette, darkMode, chainId])
+
+  useEffect(() => {
+    if (!sell) return
+    setParams((params) => ({
+      ...params,
+      sell,
+    }))
+  }, [sell])
+
+  const chain = useCurrentChain()
+
+  const iframeRef: MutableRefObject<HTMLIFrameElement | null> = useRef<HTMLIFrameElement | null>(null)
+
+  useEffect(() => {
+    const iframeElement = document.querySelector('#swapWidget iframe')
+    if (iframeElement) {
+      iframeRef.current = iframeElement as HTMLIFrameElement
+    }
+  }, [params, isConsentAccepted, safeLoading])
+
+  useCustomAppCommunicator(iframeRef, appData, chain)
+
+  if (blockedAddress) {
+    return <BlockedAddress address={blockedAddress} featureTitle="embedded swaps feature with CoW Swap" />
+  }
+
+  if (!isConsentAccepted) {
+    return (
+      <Disclaimer
+        title="Note"
+        content={<WidgetDisclaimer widgetName="CoW Swap Widget" />}
+        onAccept={onAccept}
+        buttonText="Continue"
+      />
+    )
+  }
+
+  return (
+    <Box className={css.swapWidget} id="swapWidget">
+      <CowSwapWidget params={params} listeners={listeners} />
+    </Box>
+  )
+}
+
+export default SwapWidget
diff --git a/src/features/swap/store/swapParamsSlice.ts b/apps/web/src/features/swap/store/swapParamsSlice.ts
similarity index 90%
rename from src/features/swap/store/swapParamsSlice.ts
rename to apps/web/src/features/swap/store/swapParamsSlice.ts
index 137a8f6ab..5f669e7d2 100644
--- a/src/features/swap/store/swapParamsSlice.ts
+++ b/apps/web/src/features/swap/store/swapParamsSlice.ts
@@ -2,7 +2,7 @@ import type { RootState } from '@/store'
 import type { PayloadAction } from '@reduxjs/toolkit'
 import { createSlice } from '@reduxjs/toolkit'
 import { UiOrderTypeToOrderType } from '@/features/swap/helpers/utils'
-import { TradeType, type UiOrderType } from '@/features/swap/types'
+import { TradeType, type UiOrderType } from '@safe-global/utils/features/swap/types'
 
 export type SwapState = {
   tradeType: TradeType
diff --git a/src/features/swap/styles.module.css b/apps/web/src/features/swap/styles.module.css
similarity index 100%
rename from src/features/swap/styles.module.css
rename to apps/web/src/features/swap/styles.module.css
diff --git a/src/features/swap/useSwapConsent.ts b/apps/web/src/features/swap/useSwapConsent.ts
similarity index 100%
rename from src/features/swap/useSwapConsent.ts
rename to apps/web/src/features/swap/useSwapConsent.ts
diff --git a/apps/web/src/features/targetedFeatures/constants.ts b/apps/web/src/features/targetedFeatures/constants.ts
new file mode 100644
index 000000000..5003aa65a
--- /dev/null
+++ b/apps/web/src/features/targetedFeatures/constants.ts
@@ -0,0 +1,4 @@
+export const TARGETED_FEATURES = [
+  // example of a targeted feature
+  // { id: 3, feature: FEATURES.NESTED_SAFES },
+] as const
diff --git a/apps/web/src/features/targetedFeatures/hooks/__tests__/useIsOutreachSafe.test.ts b/apps/web/src/features/targetedFeatures/hooks/__tests__/useIsOutreachSafe.test.ts
new file mode 100644
index 000000000..ad388bbd7
--- /dev/null
+++ b/apps/web/src/features/targetedFeatures/hooks/__tests__/useIsOutreachSafe.test.ts
@@ -0,0 +1,140 @@
+import { faker } from '@faker-js/faker'
+import * as targetedMessages from '@safe-global/store/gateway/AUTO_GENERATED/targeted-messages'
+
+import * as useSafeInfoHook from '@/hooks/useSafeInfo'
+import { safeInfoBuilder } from '@/tests/builders/safe'
+import { renderHook } from '@/tests/test-utils'
+import { useIsOutreachSafe } from '../useIsOutreachSafe'
+
+describe('useIsOutreachSafe', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('returns true if the Safe is targeted for messaging', () => {
+    const safeInfo = safeInfoBuilder().build()
+    const outreachId = faker.number.int()
+    jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
+      safeAddress: safeInfo.address.value,
+      safe: {
+        ...safeInfo,
+        deployed: true,
+      },
+      safeLoaded: true,
+      safeLoading: false,
+      safeError: undefined,
+    })
+    jest.spyOn(targetedMessages, 'useTargetedMessagingGetTargetedSafeV1Query').mockReturnValue({
+      data: {
+        outreachId,
+        address: safeInfo.address.value,
+      },
+      refetch: jest.fn(),
+    })
+
+    const { result } = renderHook(() => useIsOutreachSafe(outreachId))
+
+    expect(result.current).toBe(true)
+  })
+
+  it('returns false if the Safe is not targeted for messaging', () => {
+    const safeInfo = safeInfoBuilder().build()
+    const outreachId = faker.number.int()
+    jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
+      safeAddress: safeInfo.address.value,
+      safe: {
+        ...safeInfo,
+        deployed: true,
+      },
+      safeLoaded: true,
+      safeLoading: false,
+      safeError: undefined,
+    })
+    jest.spyOn(targetedMessages, 'useTargetedMessagingGetTargetedSafeV1Query').mockReturnValue({
+      data: undefined,
+      error: new Error('Safe not targeted'),
+      refetch: jest.fn(),
+    })
+
+    const { result } = renderHook(() => useIsOutreachSafe(outreachId))
+
+    expect(result.current).toBe(false)
+  })
+
+  it('returns false if the data is not available', () => {
+    const safeInfo = safeInfoBuilder().build()
+    const outreachId = faker.number.int()
+    jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
+      safeAddress: safeInfo.address.value,
+      safe: {
+        ...safeInfo,
+        deployed: true,
+      },
+      safeLoaded: true,
+      safeLoading: false,
+      safeError: undefined,
+    })
+    jest.spyOn(targetedMessages, 'useTargetedMessagingGetTargetedSafeV1Query').mockReturnValue({
+      data: undefined, // Yet to be fetched
+      refetch: jest.fn(),
+    })
+
+    const { result } = renderHook(() => useIsOutreachSafe(outreachId))
+
+    expect(result.current).toBe(false)
+  })
+
+  it('returns false if the outreachId does not match', () => {
+    const safeInfo = safeInfoBuilder().build()
+    const outreachId = faker.number.int()
+    const otherOutreachId = 'OTHER_FEATURE'
+    jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
+      safeAddress: safeInfo.address.value,
+      safe: {
+        ...safeInfo,
+        deployed: true,
+      },
+      safeLoaded: true,
+      safeLoading: false,
+      safeError: undefined,
+    })
+    jest.spyOn(targetedMessages, 'useTargetedMessagingGetTargetedSafeV1Query').mockReturnValue({
+      data: {
+        outreachId: otherOutreachId,
+        address: safeInfo.address.value,
+      },
+      refetch: jest.fn(),
+    })
+
+    const { result } = renderHook(() => useIsOutreachSafe(outreachId))
+
+    expect(result.current).toBe(false)
+  })
+
+  it('returns false if the address does not match', () => {
+    const safeInfo = safeInfoBuilder().build()
+    const otherAddress = faker.finance.ethereumAddress()
+    const outreachId = faker.number.int()
+    jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
+      safeAddress: safeInfo.address.value,
+      safe: {
+        ...safeInfo,
+        deployed: true,
+      },
+      safeLoaded: true,
+      safeLoading: false,
+      safeError: undefined,
+    })
+    jest.spyOn(targetedMessages, 'useTargetedMessagingGetTargetedSafeV1Query').mockReturnValue({
+      data: {
+        outreachId,
+        address: otherAddress,
+      },
+      refetch: jest.fn(),
+    })
+
+    const { result } = renderHook(() => useIsOutreachSafe(outreachId))
+
+    expect(result.current).toBe(false)
+  })
+})
diff --git a/apps/web/src/features/targetedFeatures/hooks/__tests__/useIsTargetedFeature.test.ts b/apps/web/src/features/targetedFeatures/hooks/__tests__/useIsTargetedFeature.test.ts
new file mode 100644
index 000000000..4f3ee057a
--- /dev/null
+++ b/apps/web/src/features/targetedFeatures/hooks/__tests__/useIsTargetedFeature.test.ts
@@ -0,0 +1,81 @@
+import { faker } from '@faker-js/faker'
+
+import * as useOutreachSafeHook from '@/features/targetedFeatures/hooks/useIsOutreachSafe'
+import * as useChainsHook from '@/hooks/useChains'
+import * as useLocalStorageHook from '@/services/local-storage/useLocalStorage'
+import { renderHook, waitFor } from '@/tests/test-utils'
+import { type TargetedFeatures, useIsTargetedFeature } from '../useIsTargetedFeature'
+
+jest.mock('../../constants', () => ({
+  TARGETED_FEATURES: [
+    { id: 1, feature: 'FEATURE_1' },
+    { id: 2, feature: 'FEATURE_2' },
+    { id: 3, feature: 'FEATURE_3' },
+  ],
+}))
+
+const targetedFeatures = ['FEATURE_1', 'FEATURE_2', 'FEATURE_3']
+
+describe('useIsTargetedFeature', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('returns true if the Safe is targeted and the feature is enabled', () => {
+    const feature = faker.helpers.arrayElement(targetedFeatures)
+    jest.spyOn(useChainsHook, 'useHasFeature').mockReturnValue(true)
+    jest.spyOn(useOutreachSafeHook, 'useIsOutreachSafe').mockReturnValue(true)
+    jest.spyOn(useLocalStorageHook, 'default').mockReturnValue([[feature], jest.fn()])
+
+    const { result } = renderHook(() => useIsTargetedFeature(feature as TargetedFeatures))
+
+    expect(result.current).toBe(true)
+  })
+
+  it('returns true if the the feature is unlocked and enabled', () => {
+    const feature = faker.helpers.arrayElement(targetedFeatures)
+    jest.spyOn(useChainsHook, 'useHasFeature').mockReturnValue(true)
+    jest.spyOn(useOutreachSafeHook, 'useIsOutreachSafe').mockReturnValue(false)
+    jest.spyOn(useLocalStorageHook, 'default').mockReturnValue([[feature], jest.fn()])
+
+    const { result } = renderHook(() => useIsTargetedFeature(feature as TargetedFeatures))
+
+    expect(result.current).toBe(true)
+  })
+
+  it('returns false if the Safe is targeted but the feature is disabled', () => {
+    const feature = faker.helpers.arrayElement(targetedFeatures)
+    jest.spyOn(useChainsHook, 'useHasFeature').mockReturnValue(false)
+    jest.spyOn(useOutreachSafeHook, 'useIsOutreachSafe').mockReturnValue(true)
+    jest.spyOn(useLocalStorageHook, 'default').mockReturnValue([[], jest.fn()])
+
+    const { result } = renderHook(() => useIsTargetedFeature(feature as TargetedFeatures))
+
+    expect(result.current).toBe(false)
+  })
+
+  it('returns false if the Safe is targeted and the feature is unlocked', () => {
+    const feature = faker.helpers.arrayElement(targetedFeatures)
+    jest.spyOn(useChainsHook, 'useHasFeature').mockReturnValue(false)
+    jest.spyOn(useOutreachSafeHook, 'useIsOutreachSafe').mockReturnValue(true)
+    jest.spyOn(useLocalStorageHook, 'default').mockReturnValue([[feature], jest.fn()])
+
+    const { result } = renderHook(() => useIsTargetedFeature(feature as TargetedFeatures))
+
+    expect(result.current).toBe(false)
+  })
+
+  it('caches targeted/enabled features', () => {
+    const feature = faker.helpers.arrayElement(targetedFeatures)
+    const setLocalStorageMock = jest.fn()
+    jest.spyOn(useChainsHook, 'useHasFeature').mockReturnValue(true)
+    jest.spyOn(useOutreachSafeHook, 'useIsOutreachSafe').mockReturnValue(true)
+    jest.spyOn(useLocalStorageHook, 'default').mockReturnValue([[feature], jest.fn()])
+
+    renderHook(() => useIsTargetedFeature(feature as TargetedFeatures))
+
+    waitFor(() => {
+      expect(setLocalStorageMock).toHaveBeenCalledWith([feature])
+    })
+  })
+})
diff --git a/apps/web/src/features/targetedFeatures/hooks/useIsOutreachSafe.ts b/apps/web/src/features/targetedFeatures/hooks/useIsOutreachSafe.ts
new file mode 100644
index 000000000..ef64f45f8
--- /dev/null
+++ b/apps/web/src/features/targetedFeatures/hooks/useIsOutreachSafe.ts
@@ -0,0 +1,18 @@
+import { useTargetedMessagingGetTargetedSafeV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/targeted-messages'
+
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+
+export function useIsOutreachSafe(outreachId: number): boolean {
+  const { safe } = useSafeInfo()
+  const { data } = useTargetedMessagingGetTargetedSafeV1Query(
+    {
+      outreachId,
+      chainId: safe.chainId,
+      safeAddress: safe.address.value,
+    },
+    { skip: !safe.address.value },
+  )
+
+  return data?.outreachId === outreachId && sameAddress(data.address, safe.address.value)
+}
diff --git a/apps/web/src/features/targetedFeatures/hooks/useIsTargetedFeature.ts b/apps/web/src/features/targetedFeatures/hooks/useIsTargetedFeature.ts
new file mode 100644
index 000000000..af19bb1f1
--- /dev/null
+++ b/apps/web/src/features/targetedFeatures/hooks/useIsTargetedFeature.ts
@@ -0,0 +1,29 @@
+import { useEffect } from 'react'
+
+import { useIsOutreachSafe } from '@/features/targetedFeatures/hooks/useIsOutreachSafe'
+import { useHasFeature } from '@/hooks/useChains'
+import useLocalStorage from '@/services/local-storage/useLocalStorage'
+import { TARGETED_FEATURES } from '../constants'
+
+const UNLOCKED_FEATURES_LS_KEY = 'unlockedFeatures'
+
+export type TargetedFeatures = (typeof TARGETED_FEATURES)[number]['feature']
+
+export function useIsTargetedFeature(feature: TargetedFeatures): boolean {
+  const hasFeature = useHasFeature(feature)
+
+  const outreachId = TARGETED_FEATURES.find((f) => f && f['feature'] === feature)!['id']
+  const isTargeted = useIsOutreachSafe(outreachId)
+
+  // Should a targeted Safe have been opened, we "unlock" the feature across the app
+  const [unlockedFeatures = [], setUnlockedFeatures] =
+    useLocalStorage<Array<TargetedFeatures>>(UNLOCKED_FEATURES_LS_KEY)
+  const isUnlocked = unlockedFeatures.includes(feature)
+  useEffect(() => {
+    if (hasFeature && isTargeted && !isUnlocked) {
+      setUnlockedFeatures([...unlockedFeatures, feature])
+    }
+  }, [feature, hasFeature, isTargeted, isUnlocked, setUnlockedFeatures, unlockedFeatures])
+
+  return !!hasFeature && (isTargeted || isUnlocked)
+}
diff --git a/apps/web/src/features/targetedOutreach/components/OutreachPopup/OutreachPopup.tsx b/apps/web/src/features/targetedOutreach/components/OutreachPopup/OutreachPopup.tsx
new file mode 100644
index 000000000..3fe0a5f44
--- /dev/null
+++ b/apps/web/src/features/targetedOutreach/components/OutreachPopup/OutreachPopup.tsx
@@ -0,0 +1,138 @@
+import { useCreateSubmissionMutation, useGetSubmissionQuery } from '@/store/api/gateway'
+import { skipToken } from '@reduxjs/toolkit/query'
+import { useEffect, type ReactElement } from 'react'
+import { Avatar, Box, Button, IconButton, Link, Paper, Stack, ThemeProvider, Typography } from '@mui/material'
+import { Close } from '@mui/icons-material'
+import type { Theme } from '@mui/material/styles'
+import { useAppDispatch, useAppSelector } from '@/store'
+import css from './styles.module.css'
+import { closeOutreachBanner, openOutreachBanner, selectOutreachBanner } from '@/store/popupSlice'
+import useLocalStorage, { useSessionStorage } from '@/services/local-storage/useLocalStorage'
+import useShowOutreachPopup from '@/features/targetedOutreach/hooks/useShowOutreachPopup'
+import { ACTIVE_OUTREACH, OUTREACH_LS_KEY, OUTREACH_SS_KEY } from '@/features/targetedOutreach/constants'
+import Track from '@/components/common/Track'
+import { OUTREACH_EVENTS } from '@/services/analytics/events/outreach'
+import SafeThemeProvider from '@/components/theme/SafeThemeProvider'
+import useChainId from '@/hooks/useChainId'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import useWallet from '@/hooks/wallets/useWallet'
+
+const OutreachPopup = (): ReactElement | null => {
+  const dispatch = useAppDispatch()
+  const outreachPopup = useAppSelector(selectOutreachBanner)
+  const [isClosed, setIsClosed] = useLocalStorage<boolean>(`${OUTREACH_LS_KEY}_v${ACTIVE_OUTREACH.id}`)
+  const currentChainId = useChainId()
+  const safeAddress = useSafeAddress()
+  const wallet = useWallet()
+  const [createSubmission] = useCreateSubmissionMutation()
+  const { data: submission } = useGetSubmissionQuery(
+    !wallet || !safeAddress
+      ? skipToken
+      : {
+          outreachId: ACTIVE_OUTREACH.id,
+          chainId: currentChainId,
+          safeAddress,
+          signerAddress: wallet?.address,
+        },
+  )
+
+  const outreachUrl = `${ACTIVE_OUTREACH.url}#safe_address=${safeAddress}&signer_address=${wallet?.address}&chain_id=${currentChainId}`
+
+  const [askAgainLaterTimestamp, setAskAgainLaterTimestamp] = useSessionStorage<number>(
+    `${OUTREACH_SS_KEY}_v${ACTIVE_OUTREACH.id}`,
+  )
+
+  const shouldOpen = useShowOutreachPopup(isClosed, askAgainLaterTimestamp, submission)
+
+  const handleClose = () => {
+    setIsClosed(true)
+    dispatch(closeOutreachBanner())
+  }
+
+  const handleAskAgainLater = () => {
+    setAskAgainLaterTimestamp(Date.now())
+    dispatch(closeOutreachBanner())
+  }
+
+  // Decide whether to show the popup.
+  useEffect(() => {
+    if (shouldOpen) {
+      dispatch(openOutreachBanner())
+    } else {
+      dispatch(closeOutreachBanner())
+    }
+  }, [dispatch, shouldOpen])
+
+  if (!outreachPopup.open) return null
+
+  const handleOpenSurvey = async () => {
+    if (wallet) {
+      await createSubmission({
+        outreachId: ACTIVE_OUTREACH.id,
+        chainId: currentChainId,
+        safeAddress,
+        signerAddress: wallet.address,
+      })
+    }
+    dispatch(closeOutreachBanner())
+  }
+
+  return (
+    // Enforce light theme for the popup
+    <SafeThemeProvider mode="light">
+      {(safeTheme: Theme) => (
+        <ThemeProvider theme={safeTheme}>
+          <Box className={css.popup}>
+            <Paper className={css.container}>
+              <Stack gap={2}>
+                <Box display="flex" alignItems="center">
+                  <Avatar
+                    alt="Product marketing lead avatar"
+                    src="/images/common/outreach-popup-avatar.png"
+                    className={css.avatar}
+                  />
+                  <Box ml={1}>
+                    <Typography variant="body2">Danilo Pereira</Typography>
+                    <Typography variant="body2" color="primary.light">
+                      Product Marketing Lead
+                    </Typography>
+                  </Box>
+                </Box>
+                <Typography variant="h4" fontWeight={700}>
+                  Your voice matters!
+                  <br />
+                  Help us improve {'Safe{Wallet}'}.
+                </Typography>
+                <Typography>
+                  In 1 minute, tell us why you use {'Safe{Wallet}'}. Your input will help us create a better, smarter
+                  wallet experience for you!
+                </Typography>
+                <Track {...OUTREACH_EVENTS.OPEN_SURVEY}>
+                  <Link rel="noreferrer noopener" target="_blank" href={outreachUrl}>
+                    <Button fullWidth variant="contained" onClick={handleOpenSurvey}>
+                      Get Involved
+                    </Button>
+                  </Link>
+                </Track>
+                <Track {...OUTREACH_EVENTS.ASK_AGAIN_LATER}>
+                  <Button fullWidth variant="text" onClick={handleAskAgainLater}>
+                    Ask me later
+                  </Button>
+                </Track>
+                <Typography variant="body2" color="primary.light" mx="auto">
+                  It&apos;ll only take 1 minute.
+                </Typography>
+              </Stack>
+              <Track {...OUTREACH_EVENTS.CLOSE_POPUP}>
+                <IconButton className={css.close} aria-label="close outreach popup" onClick={handleClose}>
+                  <Close />
+                </IconButton>
+              </Track>
+            </Paper>
+          </Box>
+        </ThemeProvider>
+      )}
+    </SafeThemeProvider>
+  )
+}
+export default OutreachPopup
diff --git a/apps/web/src/features/targetedOutreach/components/OutreachPopup/index.tsx b/apps/web/src/features/targetedOutreach/components/OutreachPopup/index.tsx
new file mode 100644
index 000000000..2f341b991
--- /dev/null
+++ b/apps/web/src/features/targetedOutreach/components/OutreachPopup/index.tsx
@@ -0,0 +1,15 @@
+import dynamic from 'next/dynamic'
+import { useHasFeature } from '@/hooks/useChains'
+
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const LazyOutreachPopup = dynamic(() => import('./OutreachPopup'), {
+  ssr: false,
+})
+
+function OutreachPopup() {
+  const isEnabled = useHasFeature(FEATURES.TARGETED_SURVEY)
+  return isEnabled ? <LazyOutreachPopup /> : null
+}
+
+export default OutreachPopup
diff --git a/apps/web/src/features/targetedOutreach/components/OutreachPopup/styles.module.css b/apps/web/src/features/targetedOutreach/components/OutreachPopup/styles.module.css
new file mode 100644
index 000000000..957b1d959
--- /dev/null
+++ b/apps/web/src/features/targetedOutreach/components/OutreachPopup/styles.module.css
@@ -0,0 +1,33 @@
+.popup {
+  position: fixed;
+  z-index: 1300;
+  bottom: var(--space-2);
+  right: var(--space-2);
+  max-width: 340px;
+}
+
+.container {
+  padding: var(--space-2);
+  border-radius: var(--space-2);
+  background: linear-gradient(180deg, #b0ffc9 0%, #d7f6ff 99.5%);
+}
+
+.close {
+  position: absolute;
+  right: var(--space-1);
+  top: var(--space-1);
+  z-index: 1;
+  padding: var(--space-1);
+}
+
+.avatar {
+  height: 32px;
+  width: 32px;
+}
+
+@media (max-width: 599.99px) {
+  .popup {
+    right: 0;
+    bottom: 0;
+  }
+}
diff --git a/apps/web/src/features/targetedOutreach/constants.ts b/apps/web/src/features/targetedOutreach/constants.ts
new file mode 100644
index 000000000..9c6a7dc77
--- /dev/null
+++ b/apps/web/src/features/targetedOutreach/constants.ts
@@ -0,0 +1,7 @@
+export const ACTIVE_OUTREACH = { id: 2, url: 'https://wn2n6ocviur.typeform.com/to/nlQlP7lU', targetAll: true }
+
+export const OUTREACH_LS_KEY = 'outreachPopup'
+export const OUTREACH_SS_KEY = 'outreachPopup_session'
+
+export const HOUR_IN_MS = 60 * 60 * 1000
+export const MAX_ASK_AGAIN_DELAY = HOUR_IN_MS * 24
diff --git a/apps/web/src/features/targetedOutreach/hooks/__tests__/useShowOutreachPopup.test.ts b/apps/web/src/features/targetedOutreach/hooks/__tests__/useShowOutreachPopup.test.ts
new file mode 100644
index 000000000..97a217929
--- /dev/null
+++ b/apps/web/src/features/targetedOutreach/hooks/__tests__/useShowOutreachPopup.test.ts
@@ -0,0 +1,120 @@
+import { renderHook } from '@testing-library/react'
+import useShowOutreachPopup from '../useShowOutreachPopup'
+import * as useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import * as store from '@/store'
+import { HOUR_IN_MS } from '../../constants'
+import { faker } from '@faker-js/faker'
+
+jest.mock('@/hooks/useIsSafeOwner')
+jest.mock('@/store')
+
+beforeEach(() => {
+  jest.mock('@/hooks/useSafeAddress', () => ({
+    default: jest.fn(() => faker.finance.ethereumAddress()),
+  }))
+})
+
+afterEach(() => {
+  jest.resetAllMocks()
+})
+
+describe('useShowOutreachPopup', () => {
+  it('should return false when the cookie banner is open', async () => {
+    jest.spyOn(useIsSafeOwner, 'default').mockReturnValueOnce(true)
+    jest.spyOn(store, 'useAppSelector').mockReturnValueOnce({ open: true }) // mock cookie banner state
+
+    const submission = {
+      outreachId: 1,
+      targetedSafeId: 1,
+      signerAddress: faker.finance.ethereumAddress(),
+      completionDate: null,
+    }
+
+    const { result } = renderHook(() => useShowOutreachPopup(false, undefined, submission))
+    expect(result.current).toEqual(false)
+  })
+
+  it('should return false for targeted safes that are already marked as completed', async () => {
+    jest.spyOn(useIsSafeOwner, 'default').mockReturnValueOnce(true)
+    jest.spyOn(store, 'useAppSelector').mockReturnValueOnce({ open: false })
+
+    const submission = {
+      outreachId: 1,
+      targetedSafeId: 1,
+      signerAddress: faker.finance.ethereumAddress(),
+      completionDate: faker.date.recent().getTime().toString(),
+    }
+    const { result } = renderHook(() => useShowOutreachPopup(false, undefined, submission))
+    expect(result.current).toEqual(false)
+  })
+
+  it('should return false for non targeted safes', async () => {
+    jest.spyOn(useIsSafeOwner, 'default').mockReturnValueOnce(true)
+    jest.spyOn(store, 'useAppSelector').mockReturnValueOnce({ open: false })
+
+    const submission = undefined
+
+    const { result } = renderHook(() => useShowOutreachPopup(false, undefined, submission))
+    expect(result.current).toEqual(false)
+  })
+
+  it('should return true for signers of targeted safes', async () => {
+    jest.spyOn(useIsSafeOwner, 'default').mockReturnValueOnce(true)
+    jest.spyOn(store, 'useAppSelector').mockReturnValueOnce({ open: false })
+
+    const submission = {
+      outreachId: 1,
+      targetedSafeId: 1,
+      signerAddress: faker.finance.ethereumAddress(),
+      completionDate: null,
+    }
+
+    const { result } = renderHook(() => useShowOutreachPopup(false, undefined, submission))
+    expect(result.current).toEqual(true)
+  })
+
+  it('should return false if a targeted user has previously closed the popup', async () => {
+    jest.spyOn(useIsSafeOwner, 'default').mockReturnValueOnce(true)
+    jest.spyOn(store, 'useAppSelector').mockReturnValueOnce({ open: false })
+
+    const submission = {
+      outreachId: 1,
+      targetedSafeId: 1,
+      signerAddress: faker.finance.ethereumAddress(),
+      completionDate: null,
+    }
+
+    const { result } = renderHook(() => useShowOutreachPopup(true, undefined, submission))
+    expect(result.current).toEqual(false)
+  })
+
+  it('should return false if the user has chosen ask me later within the same session and before the maximum delay', async () => {
+    jest.spyOn(useIsSafeOwner, 'default').mockReturnValueOnce(true)
+    jest.spyOn(store, 'useAppSelector').mockReturnValueOnce({ open: false })
+
+    const submission = {
+      outreachId: 1,
+      targetedSafeId: 1,
+      signerAddress: faker.finance.ethereumAddress(),
+      completionDate: null,
+    }
+
+    const { result } = renderHook(() => useShowOutreachPopup(false, Date.now() - HOUR_IN_MS * 2, submission))
+    expect(result.current).toEqual(false)
+  })
+
+  it('should return true if the user has chosen ask me later within the same session but after the maximum delay of 24 hours', async () => {
+    jest.spyOn(useIsSafeOwner, 'default').mockReturnValueOnce(true)
+    jest.spyOn(store, 'useAppSelector').mockReturnValueOnce({ open: false })
+
+    const submission = {
+      outreachId: 1,
+      targetedSafeId: 1,
+      signerAddress: faker.finance.ethereumAddress(),
+      completionDate: null,
+    }
+
+    const { result } = renderHook(() => useShowOutreachPopup(false, Date.now() - HOUR_IN_MS * 25, submission))
+    expect(result.current).toEqual(true)
+  })
+})
diff --git a/apps/web/src/features/targetedOutreach/hooks/useShowOutreachPopup.tsx b/apps/web/src/features/targetedOutreach/hooks/useShowOutreachPopup.tsx
new file mode 100644
index 000000000..70b39a329
--- /dev/null
+++ b/apps/web/src/features/targetedOutreach/hooks/useShowOutreachPopup.tsx
@@ -0,0 +1,30 @@
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import { ACTIVE_OUTREACH, MAX_ASK_AGAIN_DELAY } from '@/features/targetedOutreach/constants'
+import { useAppSelector } from '@/store'
+import { selectCookieBanner } from '@/store/popupSlice'
+import type { getSubmission } from '@safe-global/safe-client-gateway-sdk'
+
+const useShowOutreachPopup = (
+  isDismissed: boolean | undefined,
+  askAgainLaterTimestamp: number | undefined,
+  submission: getSubmission | undefined,
+) => {
+  const cookiesPopup = useAppSelector(selectCookieBanner)
+  const isSigner = useIsSafeOwner()
+
+  const submissionHasLoaded = submission !== undefined
+  const isTargetedSafe = submissionHasLoaded && (ACTIVE_OUTREACH.targetAll || !!submission?.outreachId)
+  const hasCompletedSurvey = !!submission?.completionDate
+
+  if (cookiesPopup?.open || isDismissed || !isSigner || !isTargetedSafe || hasCompletedSurvey) {
+    return false
+  }
+
+  if (askAgainLaterTimestamp) {
+    return Date.now() - askAgainLaterTimestamp > MAX_ASK_AGAIN_DELAY
+  }
+
+  return true
+}
+
+export default useShowOutreachPopup
diff --git a/apps/web/src/features/tx-notes/TxNote.tsx b/apps/web/src/features/tx-notes/TxNote.tsx
new file mode 100644
index 000000000..483ee1cad
--- /dev/null
+++ b/apps/web/src/features/tx-notes/TxNote.tsx
@@ -0,0 +1,43 @@
+import { Tooltip, Typography, Stack } from '@mui/material'
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import { isMultisigDetailedExecutionInfo } from '@/utils/transaction-guards'
+import EthHashInfo from '@/components/common/EthHashInfo'
+
+export function TxNote({ txDetails }: { txDetails: TransactionDetails | undefined }) {
+  const note = txDetails?.note
+  if (!note) return null
+
+  const creator =
+    isMultisigDetailedExecutionInfo(txDetails?.detailedExecutionInfo) && txDetails?.detailedExecutionInfo.proposer
+
+  return (
+    <div>
+      <Typography variant="h5" display="flex" alignItems="center" justifyItems="center">
+        Note
+        <Tooltip
+          data-testid="tx-note-tooltip"
+          title={
+            <Stack data-testid="note-creator" direction="row" gap={1}>
+              <span>By </span>
+              {creator ? (
+                <EthHashInfo avatarSize={20} address={creator.value} showName onlyName />
+              ) : (
+                <span>transaction creator</span>
+              )}
+            </Stack>
+          }
+          arrow
+        >
+          <Typography color="text.secondary" component="span" height="1em">
+            <InfoIcon height="100%" />
+          </Typography>
+        </Tooltip>
+      </Typography>
+
+      <Typography data-testid="tx-note" p={2} mt={1} borderRadius={1} bgcolor="background.main">
+        {note}
+      </Typography>
+    </div>
+  )
+}
diff --git a/apps/web/src/features/tx-notes/TxNoteForm.tsx b/apps/web/src/features/tx-notes/TxNoteForm.tsx
new file mode 100644
index 000000000..22404b4d3
--- /dev/null
+++ b/apps/web/src/features/tx-notes/TxNoteForm.tsx
@@ -0,0 +1,18 @@
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import TxCard from '@/components/tx-flow/common/TxCard'
+import { TxNote } from './TxNote'
+import { TxNoteInput } from './TxNoteInput'
+
+export function TxNoteForm({
+  isCreation,
+  txDetails,
+  onChange,
+}: {
+  isCreation: boolean
+  txDetails?: TransactionDetails
+  onChange: (note: string) => void
+}) {
+  if (!isCreation && !txDetails?.note) return null
+
+  return <TxCard>{isCreation ? <TxNoteInput onChange={onChange} /> : <TxNote txDetails={txDetails} />}</TxCard>
+}
diff --git a/apps/web/src/features/tx-notes/TxNoteInput.tsx b/apps/web/src/features/tx-notes/TxNoteInput.tsx
new file mode 100644
index 000000000..45d1e40f6
--- /dev/null
+++ b/apps/web/src/features/tx-notes/TxNoteInput.tsx
@@ -0,0 +1,78 @@
+import { useCallback } from 'react'
+import { InputAdornment, Stack, TextField, Typography, SvgIcon, Box } from '@mui/material'
+import { MODALS_EVENTS, trackEvent } from '@/services/analytics'
+import { useForm } from 'react-hook-form'
+import InfoOutlinedIcon from '@/public/images/notifications/info.svg'
+
+const MAX_NOTE_LENGTH = 60
+
+export const TxNoteInput = ({ onChange }: { onChange: (note: string) => void }) => {
+  const {
+    register,
+    watch,
+    reset,
+    formState: { isDirty },
+  } = useForm<{ note: string }>()
+
+  const note = watch('note') || ''
+
+  const onInput = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>) => {
+      onChange(e.target.value.slice(0, MAX_NOTE_LENGTH))
+    },
+    [onChange],
+  )
+
+  const onFocus = useCallback(() => {
+    // Reset the isDirty state when the user focuses on the input
+    reset({ note })
+  }, [reset, note])
+
+  const onBlur = useCallback(() => {
+    if (isDirty && note.length > 0) {
+      // Track the event only if the note is dirty and not empty
+      // This prevents tracking the event when the user focuses and blurs the input without changing the note
+      trackEvent(MODALS_EVENTS.SUBMIT_TX_NOTE)
+    }
+  }, [isDirty, note])
+
+  return (
+    <>
+      <Stack direction="row" alignItems="flex-end" gap={1}>
+        <Typography variant="h5">Add transaction note</Typography>
+      </Stack>
+
+      <TextField
+        data-testid="tx-note-textfield"
+        label="Note (optional)"
+        fullWidth
+        slotProps={{
+          htmlInput: { maxLength: MAX_NOTE_LENGTH },
+          input: {
+            endAdornment: (
+              <InputAdornment position="end">
+                <Typography variant="caption" mt={3}>
+                  {note.length}/{MAX_NOTE_LENGTH}
+                </Typography>
+              </InputAdornment>
+            ),
+          },
+        }}
+        {...register('note')}
+        onInput={onInput}
+        onBlur={onBlur}
+        onFocus={onFocus}
+      />
+
+      <Stack data-testid="tx-note-alert" direction="row" gap={1} color="text.secondary">
+        <SvgIcon component={InfoOutlinedIcon} sx={{ width: '20px', height: '20px', rotate: '180deg' }} inheritViewBox />
+        <Box>
+          <Typography variant="body2" fontWeight="700">
+            Notes are publicly visible.
+          </Typography>
+          <Typography variant="body2">Do not share any private or sensitive details.</Typography>
+        </Box>
+      </Stack>
+    </>
+  )
+}
diff --git a/apps/web/src/features/tx-notes/encodeTxNote.test.ts b/apps/web/src/features/tx-notes/encodeTxNote.test.ts
new file mode 100644
index 000000000..503647364
--- /dev/null
+++ b/apps/web/src/features/tx-notes/encodeTxNote.test.ts
@@ -0,0 +1,37 @@
+import { faker } from '@faker-js/faker'
+import { encodeTxNote } from './encodeTxNote'
+
+describe('encodeTxNote', () => {
+  it('should encode tx note with an existing origin', () => {
+    const note = faker.lorem.sentence()
+    const url = faker.internet.url()
+    const origin = JSON.stringify({ url })
+    const result = encodeTxNote(note, origin)
+    expect(result).toEqual(JSON.stringify({ url, note }, null, 0))
+  })
+
+  it('should encode tx note with an empty origin', () => {
+    const note = faker.lorem.sentence()
+    const result = encodeTxNote(note)
+    expect(result).toEqual(JSON.stringify({ note }, null, 0))
+  })
+
+  it('should encode tx note with an invalid origin', () => {
+    const note = faker.lorem.sentence()
+    const result = encodeTxNote(note, 'sdfgdsfg')
+    expect(result).toEqual(JSON.stringify({ note }, null, 0))
+  })
+
+  it('should trim the note if origin exceeds the max length', () => {
+    const note = 'a'.repeat(200)
+    const url = 'http://example.com'
+    const result = encodeTxNote(note, JSON.stringify({ url }))
+    expect(result).toEqual(JSON.stringify({ url, note: 'a'.repeat(172) }, null, 0))
+  })
+
+  it('should sanitize the note', () => {
+    const note = '<b>hello<b>'
+    const result = encodeTxNote(note)
+    expect(result).toEqual(JSON.stringify({ note: 'hello' }, null, 0))
+  })
+})
diff --git a/apps/web/src/features/tx-notes/encodeTxNote.ts b/apps/web/src/features/tx-notes/encodeTxNote.ts
new file mode 100644
index 000000000..9ac52ee67
--- /dev/null
+++ b/apps/web/src/features/tx-notes/encodeTxNote.ts
@@ -0,0 +1,33 @@
+const MAX_ORIGIN_LENGTH = 200
+
+// Simply strip out any HTML tags from the input in addition to backend sanitization
+function sanitizeInput(input: string): string {
+  return input.replace(/<\/?[^>]+(>|$)/g, '')
+}
+
+export function encodeTxNote(note: string, origin = ''): string {
+  note = sanitizeInput(note)
+  let originalOrigin = {}
+
+  if (origin) {
+    try {
+      originalOrigin = JSON.parse(origin)
+    } catch {
+      // Ignore, invalid JSON
+    }
+  }
+
+  let result = JSON.stringify({
+    ...originalOrigin,
+    note,
+  })
+
+  if (result.length > MAX_ORIGIN_LENGTH) {
+    result = JSON.stringify({
+      ...originalOrigin,
+      note: note.slice(0, MAX_ORIGIN_LENGTH - origin.length),
+    })
+  }
+
+  return result
+}
diff --git a/apps/web/src/features/tx-notes/index.tsx b/apps/web/src/features/tx-notes/index.tsx
new file mode 100644
index 000000000..ec47edec9
--- /dev/null
+++ b/apps/web/src/features/tx-notes/index.tsx
@@ -0,0 +1,12 @@
+import { featureToggled, FEATURES } from '@/utils/featureToggled'
+import { TxNote as TxNoteComponent } from './TxNote'
+import { TxNoteForm as TxNoteFormComponent } from './TxNoteForm'
+import { MODALS_EVENTS, trackEvent } from '@/services/analytics'
+
+export const TxNote = featureToggled(TxNoteComponent, FEATURES.TX_NOTES)
+export const TxNoteForm = featureToggled(TxNoteFormComponent, FEATURES.TX_NOTES)
+export * from './encodeTxNote'
+
+export function trackAddNote() {
+  trackEvent(MODALS_EVENTS.SUBMIT_TX_NOTE)
+}
diff --git a/apps/web/src/features/walletconnect/WalletConnectContext.tsx b/apps/web/src/features/walletconnect/WalletConnectContext.tsx
new file mode 100644
index 000000000..359ec7dc0
--- /dev/null
+++ b/apps/web/src/features/walletconnect/WalletConnectContext.tsx
@@ -0,0 +1,345 @@
+import {
+  createContext,
+  useEffect,
+  useState,
+  useCallback,
+  type Dispatch,
+  type SetStateAction,
+  type ReactNode,
+} from 'react'
+import { getSdkError } from '@walletconnect/utils'
+import { formatJsonRpcError } from '@walletconnect/jsonrpc-utils'
+import type { SessionTypes } from '@walletconnect/types'
+import type { WalletKitTypes } from '@reown/walletkit'
+
+import useSafeInfo from '@/hooks/useSafeInfo'
+import useSafeWalletProvider from '@/services/safe-wallet-provider/useSafeWalletProvider'
+import { IS_PRODUCTION } from '@/config/constants'
+import { getEip155ChainId, getPeerName, stripEip155Prefix } from '@/features/walletconnect/services/utils'
+import { trackRequest } from '@/features/walletconnect/services/tracking'
+import { wcPopupStore } from '@/features/walletconnect/components'
+import WalletConnectWallet from '@/features/walletconnect/services/WalletConnectWallet'
+import useLocalStorage from '@/services/local-storage/useLocalStorage'
+
+type WalletConnectContextType = {
+  walletConnect: WalletConnectWallet | null
+  sessions: SessionTypes.Struct[]
+  sessionProposal: WalletKitTypes.SessionProposal | null
+  error: Error | null
+  setError: Dispatch<SetStateAction<Error | null>>
+  open: boolean
+  setOpen: (open: boolean) => void
+  loading: WCLoadingState | null
+  setLoading: Dispatch<SetStateAction<WCLoadingState | null>>
+  approveSession: () => Promise<void>
+  rejectSession: () => Promise<void>
+}
+
+export const WalletConnectContext = createContext<WalletConnectContextType>({
+  walletConnect: null,
+  sessions: [],
+  sessionProposal: null,
+  error: null,
+  setError: () => {},
+  open: false,
+  setOpen: () => {},
+  loading: null,
+  setLoading: () => {},
+  approveSession: () => Promise.resolve(),
+  rejectSession: () => Promise.resolve(),
+})
+
+enum Errors {
+  WRONG_CHAIN = '%%dappName%% made a request on a different chain than the one you are connected to',
+}
+
+export enum WCLoadingState {
+  APPROVE = 'Approve',
+  REJECT = 'Reject',
+  CONNECT = 'Connect',
+  DISCONNECT = 'Disconnect',
+}
+
+// chainId -> origin -> boolean
+type WcAutoApproveProps = Record<string, Record<string, boolean>>
+
+const WC_AUTO_APPROVE_KEY = 'wcAutoApprove'
+
+const FALLBACK_PEER_NAME = 'WalletConnect'
+
+// The URL of the former WalletConnect Safe App
+// This is still used to differentiate these txs from Safe App txs in the analytics
+const LEGACY_WC_APP_URL = 'https://apps-portal.safe.global/wallet-connect'
+
+const walletConnectSingleton = new WalletConnectWallet()
+
+const getWrongChainError = (dappName: string): Error => {
+  const message = Errors.WRONG_CHAIN.replace('%%dappName%%', dappName)
+  return new Error(message)
+}
+
+export const WalletConnectProvider = ({ children }: { children: ReactNode }) => {
+  const {
+    safe: { chainId },
+    safeAddress,
+  } = useSafeInfo()
+  const [walletConnect, setWalletConnect] = useState<WalletConnectWallet | null>(null)
+  const open = wcPopupStore.useStore() ?? false
+  const setOpen = wcPopupStore.setStore
+  const [error, setError] = useState<Error | null>(null)
+  const [loading, setLoading] = useState<WCLoadingState | null>(null)
+  const safeWalletProvider = useSafeWalletProvider()
+  const [autoApprove = {}, setAutoApprove] = useLocalStorage<WcAutoApproveProps>(WC_AUTO_APPROVE_KEY)
+
+  // Init WalletConnect
+  useEffect(() => {
+    walletConnectSingleton
+      .init()
+      .then(() => setWalletConnect(walletConnectSingleton))
+      .catch(setError)
+  }, [])
+
+  // Update chainId/safeAddress
+  useEffect(() => {
+    if (!walletConnect || !chainId || !safeAddress) return
+
+    walletConnect.updateSessions(chainId, safeAddress).catch(setError)
+  }, [walletConnect, chainId, safeAddress])
+
+  //
+  // --- Subscribe to requests
+  //
+  useEffect(() => {
+    if (!walletConnect || !safeWalletProvider || !chainId) return
+
+    return walletConnect.onRequest(async (event) => {
+      if (!IS_PRODUCTION) {
+        console.log('[WalletConnect] request', event)
+      }
+
+      const { topic } = event
+      const session = walletConnect.getActiveSessions().find((s) => s.topic === topic)
+      const requestChainId = stripEip155Prefix(event.params.chainId)
+      const peerName = (session && getPeerName(session.peer)) || FALLBACK_PEER_NAME
+
+      // Track requests
+      if (session) {
+        trackRequest(session.peer.metadata.url, event.params.request.method)
+      }
+
+      const getResponse = () => {
+        // Get error if wrong chain
+        if (!session || requestChainId !== chainId) {
+          if (session) {
+            setError(getWrongChainError(peerName))
+          }
+
+          const error = getSdkError('UNSUPPORTED_CHAINS')
+          return formatJsonRpcError(event.id, error)
+        }
+
+        // Get response from Safe Wallet Provider
+        return safeWalletProvider.request(event.id, event.params.request, {
+          url: LEGACY_WC_APP_URL, // required for server-side analytics
+          name: peerName,
+          description: session.peer.metadata.description,
+          iconUrl: session.peer.metadata.icons[0],
+        })
+      }
+
+      try {
+        const response = await getResponse()
+
+        // Send response to WalletConnect
+        await walletConnect.sendSessionResponse(topic, response)
+      } catch (e) {
+        setError(e as Error)
+      }
+    })
+  }, [walletConnect, chainId, safeWalletProvider])
+
+  //
+  // --- One-click Auth
+  //
+  useEffect(() => {
+    if (!walletConnect || !safeWalletProvider || !chainId) return
+
+    return walletConnect.onSessionAuth(async (event) => {
+      const { authPayload, requester } = event.params
+      const peerName = getPeerName(requester) || FALLBACK_PEER_NAME
+
+      if (!IS_PRODUCTION) {
+        console.log('[WalletConnect] auth', authPayload, requester)
+      }
+
+      if (!authPayload.chains.includes(getEip155ChainId(chainId))) {
+        setError(getWrongChainError(peerName))
+        return
+      }
+
+      const getSignature = async () => {
+        const message = walletConnect.formatAuthMessage(authPayload, chainId, safeAddress)
+
+        if (!IS_PRODUCTION) {
+          console.log('[WalletConnect] SiWE message', message)
+        }
+
+        const appInfo = {
+          url: LEGACY_WC_APP_URL, // required for server-side analytics
+          name: peerName,
+          description: requester.metadata.description,
+          iconUrl: requester.metadata.icons[0],
+        }
+
+        return safeWalletProvider.request(
+          event.id,
+          {
+            method: 'personal_sign',
+            params: [message, safeAddress],
+          },
+          appInfo,
+        )
+      }
+
+      // Close the popup
+      setLoading(WCLoadingState.APPROVE)
+      setOpen(false)
+
+      // Get a signature and send it to WalletConnect
+      try {
+        const signature = await getSignature()
+        if ('error' in signature) throw new Error(signature.error.message)
+        await walletConnect.approveSessionAuth(event.id, authPayload, signature.result as string, chainId, safeAddress)
+      } catch (e) {
+        try {
+          await walletConnect.rejectSessionAuth(event.id)
+        } catch (err) {
+          e = err
+        }
+        setError(e as Error)
+        setOpen(true)
+      }
+
+      setLoading(null)
+    })
+  }, [walletConnect, safeWalletProvider, chainId, safeAddress, setOpen])
+
+  //
+  // --- Sessions
+  //
+  const [sessions, setSessions] = useState<SessionTypes.Struct[]>([])
+
+  const updateSessions = useCallback(() => {
+    walletConnect && setSessions(walletConnect.getActiveSessions())
+  }, [walletConnect])
+
+  // Initial sessions
+  useEffect(updateSessions, [updateSessions])
+
+  // On session add
+  useEffect(() => {
+    return walletConnect?.onSessionAdd(updateSessions)
+  }, [walletConnect, updateSessions])
+
+  // On session delete
+  useEffect(() => {
+    return walletConnect?.onSessionDelete(updateSessions)
+  }, [walletConnect, updateSessions])
+
+  //
+  // --- Proposals
+  //
+  const [sessionProposal, setSessionProposal] = useState<WalletKitTypes.SessionProposal | null>(null)
+
+  const approveSession = useCallback(async () => {
+    if (!walletConnect || !sessionProposal) return
+
+    setLoading(WCLoadingState.APPROVE)
+
+    try {
+      await walletConnect.approveSession(sessionProposal, chainId, safeAddress, {
+        capabilities: JSON.stringify({
+          [safeAddress]: {
+            [`0x${Number(chainId).toString(16)}`]: {
+              atomicBatch: {
+                supported: true,
+              },
+            },
+          },
+        }),
+      })
+
+      // Add session to auto approve list
+      if (
+        sessionProposal.verifyContext.verified.validation !== 'INVALID' &&
+        !sessionProposal.verifyContext.verified.isScam
+      ) {
+        setAutoApprove((prev) => ({
+          ...prev,
+          [chainId]: { ...prev?.[chainId], [sessionProposal.verifyContext.verified.origin]: true },
+        }))
+      }
+    } catch (e) {
+      setLoading(null)
+      throw e
+    }
+
+    setLoading(null)
+    setSessionProposal(null)
+    setOpen(false)
+  }, [walletConnect, sessionProposal, chainId, safeAddress, setAutoApprove, setOpen])
+
+  // Auto approve previously approved non-malicious dApps
+  useEffect(() => {
+    if (sessionProposal && autoApprove[chainId]?.[sessionProposal.verifyContext.verified.origin]) {
+      approveSession().catch((e) => {
+        setError(e as Error)
+      })
+    }
+  }, [autoApprove, approveSession, sessionProposal, chainId])
+
+  const rejectSession = useCallback(async () => {
+    if (!walletConnect || !sessionProposal) return
+
+    setLoading(WCLoadingState.REJECT)
+
+    try {
+      await walletConnect.rejectSession(sessionProposal)
+    } catch (e) {
+      setLoading(null)
+      throw e
+    }
+
+    setLoading(null)
+    setSessionProposal(null)
+    setOpen(false)
+  }, [walletConnect, sessionProposal, setOpen])
+
+  // Subscribe to session proposals
+  useEffect(() => {
+    return walletConnect?.onSessionPropose((proposalData) => {
+      setLoading(null)
+      setSessionProposal(proposalData)
+    })
+  }, [walletConnect])
+
+  return (
+    <WalletConnectContext.Provider
+      value={{
+        walletConnect,
+        error,
+        setError,
+        open,
+        setOpen,
+        loading,
+        setLoading,
+        sessions,
+        sessionProposal,
+        approveSession,
+        rejectSession,
+      }}
+    >
+      {children}
+    </WalletConnectContext.Provider>
+  )
+}
diff --git a/src/features/walletconnect/__tests__/WalletConnectContext.test.tsx b/apps/web/src/features/walletconnect/__tests__/WalletConnectContext.test.tsx
similarity index 95%
rename from src/features/walletconnect/__tests__/WalletConnectContext.test.tsx
rename to apps/web/src/features/walletconnect/__tests__/WalletConnectContext.test.tsx
index b9a504ab8..aa5d6bf50 100644
--- a/src/features/walletconnect/__tests__/WalletConnectContext.test.tsx
+++ b/apps/web/src/features/walletconnect/__tests__/WalletConnectContext.test.tsx
@@ -2,18 +2,19 @@ import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
 import { toBeHex } from 'ethers'
 import { useContext } from 'react'
 import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import type { Web3WalletTypes } from '@walletconnect/web3wallet'
+import type { WalletKitTypes } from '@reown/walletkit'
 import type { SessionTypes } from '@walletconnect/types'
 
 import { act, fireEvent, render, waitFor } from '@/tests/test-utils'
 import { WalletConnectContext } from '../WalletConnectContext'
 import WalletConnectWallet from '../services/WalletConnectWallet'
-import { WalletConnectProvider } from '../components/WalletConnectProvider'
+import { WalletConnectProvider } from '../WalletConnectContext'
 import { safeInfoSlice } from '@/store/safeInfoSlice'
 import { useAppDispatch } from '@/store'
 import * as useSafeWalletProvider from '@/services/safe-wallet-provider/useSafeWalletProvider'
 
-jest.mock('../services/WalletConnectWallet')
+jest.mock('@reown/walletkit', () => jest.fn())
+
 jest.mock('@/services/safe-wallet-provider/useSafeWalletProvider')
 
 const TestComponent = () => {
@@ -246,7 +247,7 @@ describe('WalletConnectProvider', () => {
         () =>
           ({
             request: mockRequest,
-          } as unknown as ReturnType<typeof useSafeWalletProvider.default>),
+          }) as unknown as ReturnType<typeof useSafeWalletProvider.default>,
       )
 
       render(
@@ -276,7 +277,7 @@ describe('WalletConnectProvider', () => {
           request: {},
           chainId: 'eip155:5', // Goerli
         },
-      } as unknown as Web3WalletTypes.SessionRequest)
+      } as unknown as WalletKitTypes.SessionRequest)
 
       await waitFor(() => {
         expect(sendSessionResponseSpy).toHaveBeenCalledWith('topic', {
@@ -305,7 +306,7 @@ describe('WalletConnectProvider', () => {
         () =>
           ({
             request: mockRequest,
-          } as unknown as ReturnType<typeof useSafeWalletProvider.default>),
+          }) as unknown as ReturnType<typeof useSafeWalletProvider.default>,
       )
 
       render(
@@ -335,7 +336,7 @@ describe('WalletConnectProvider', () => {
           request: {},
           chainId: 'eip155:1', // Mainnet
         },
-      } as unknown as Web3WalletTypes.SessionRequest)
+      } as unknown as WalletKitTypes.SessionRequest)
 
       await waitFor(() => {
         expect(sendSessionResponseSpy).toHaveBeenCalledWith('topic', {
@@ -372,7 +373,7 @@ describe('WalletConnectProvider', () => {
         () =>
           ({
             request: mockRequest,
-          } as unknown as ReturnType<typeof useSafeWalletProvider.default>),
+          }) as unknown as ReturnType<typeof useSafeWalletProvider.default>,
       )
 
       render(
@@ -404,7 +405,7 @@ describe('WalletConnectProvider', () => {
           request: { method: 'fake', params: [] },
           chainId: 'eip155:5', // Goerli
         },
-      } as unknown as Web3WalletTypes.SessionRequest)
+      } as unknown as WalletKitTypes.SessionRequest)
 
       expect(mockRequest).toHaveBeenCalledWith(
         1,
@@ -443,7 +444,7 @@ describe('WalletConnectProvider', () => {
         () =>
           ({
             request: () => Promise.reject(new Error('Test request failed')),
-          } as unknown as ReturnType<typeof useSafeWalletProvider.default>),
+          }) as unknown as ReturnType<typeof useSafeWalletProvider.default>,
       )
 
       const onRequestSpy = jest.spyOn(WalletConnectWallet.prototype, 'onRequest')
@@ -476,7 +477,7 @@ describe('WalletConnectProvider', () => {
           request: {},
           chainId: 'eip155:5', // Goerli
         },
-      } as unknown as Web3WalletTypes.SessionRequest)
+      } as unknown as WalletKitTypes.SessionRequest)
 
       expect(sendSessionResponseSpy).not.toHaveBeenCalled()
 
diff --git a/apps/web/src/features/walletconnect/components/WalletConnectUi/index.tsx b/apps/web/src/features/walletconnect/components/WalletConnectUi/index.tsx
new file mode 100644
index 000000000..0a8009624
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WalletConnectUi/index.tsx
@@ -0,0 +1,50 @@
+import { useCallback, useContext, useEffect } from 'react'
+import { ErrorBoundary } from '@sentry/react'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { WalletConnectContext } from '@/features/walletconnect/WalletConnectContext'
+import useWcUri from '../../hooks/useWcUri'
+import WcHeaderWidget from '../WcHeaderWidget'
+import WcSessionManager from '../WcSessionManager'
+import { WalletConnectProvider } from '../../WalletConnectContext'
+
+const WalletConnectWidget = () => {
+  const { walletConnect, error, open, setOpen, sessions } = useContext(WalletConnectContext)
+  const [uri, clearUri] = useWcUri()
+  const { safeLoaded } = useSafeInfo()
+
+  const onOpen = useCallback(() => {
+    setOpen(true)
+  }, [setOpen])
+
+  const onClose = useCallback(() => {
+    setOpen(false)
+  }, [setOpen])
+
+  // Open the popup if there is a pairing code in the URL or clipboard
+  useEffect(() => {
+    if (safeLoaded && uri) {
+      onOpen()
+    }
+  }, [safeLoaded, uri, onOpen])
+
+  // Clear the pairing code when connected
+  useEffect(() => {
+    return walletConnect?.onSessionPropose(clearUri)
+  }, [walletConnect, clearUri])
+
+  return (
+    <WcHeaderWidget isError={!!error} isOpen={open} onOpen={onOpen} onClose={onClose} sessions={sessions}>
+      <WcSessionManager uri={uri} />
+    </WcHeaderWidget>
+  )
+}
+
+const WalletConnectUi = () => (
+  <ErrorBoundary>
+    <WalletConnectProvider>
+      <WalletConnectWidget />
+    </WalletConnectProvider>
+  </ErrorBoundary>
+)
+
+export default WalletConnectUi
diff --git a/apps/web/src/features/walletconnect/components/WcConnectionForm/index.tsx b/apps/web/src/features/walletconnect/components/WcConnectionForm/index.tsx
new file mode 100644
index 000000000..399892b6b
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WcConnectionForm/index.tsx
@@ -0,0 +1,100 @@
+import { useCallback, useEffect } from 'react'
+import { Grid, Typography, Divider, SvgIcon, IconButton, Tooltip, Box } from '@mui/material'
+import type { ReactElement } from 'react'
+import type { SessionTypes } from '@walletconnect/types'
+import useLocalStorage from '@/services/local-storage/useLocalStorage'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import WcHints from '../WcHints'
+import WcSessionList from '../WcSessionList'
+import WcInput from '../WcInput'
+import WcLogoHeader from '../WcLogoHeader'
+import css from './styles.module.css'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import Track from '@/components/common/Track'
+import { WALLETCONNECT_EVENTS } from '@/services/analytics/events/walletconnect'
+import { BRAND_NAME } from '@/config/constants'
+
+const WC_HINTS_KEY = 'wcHints'
+
+export const WcConnectionForm = ({ sessions, uri }: { sessions: SessionTypes.Struct[]; uri: string }): ReactElement => {
+  const [showHints = true, setShowHints] = useLocalStorage<boolean>(WC_HINTS_KEY)
+  const { safeLoaded } = useSafeInfo()
+
+  const onToggle = useCallback(() => {
+    setShowHints((prev) => !prev)
+  }, [setShowHints])
+
+  // Show the hints only once
+  useEffect(() => {
+    return () => setShowHints(false)
+  }, [setShowHints])
+
+  return (
+    <Grid className={css.container}>
+      <Grid
+        item
+        sx={{
+          textAlign: 'center',
+        }}
+      >
+        <Tooltip
+          title={showHints ? 'Hide how WalletConnect works' : 'How does WalletConnect work?'}
+          placement="top"
+          arrow
+          className={css.infoIcon}
+        >
+          <span>
+            <Track {...(showHints ? WALLETCONNECT_EVENTS.HINTS_HIDE : WALLETCONNECT_EVENTS.HINTS_SHOW)}>
+              <IconButton onClick={onToggle}>
+                <SvgIcon component={InfoIcon} inheritViewBox color="border" />
+              </IconButton>
+            </Track>
+          </span>
+        </Tooltip>
+
+        <WcLogoHeader />
+
+        <Typography
+          variant="body2"
+          sx={{
+            color: 'text.secondary',
+          }}
+        >
+          {safeLoaded
+            ? `Paste the pairing code below to connect to your ${BRAND_NAME} via WalletConnect`
+            : `Please open one of your Safe Accounts to connect to via WalletConnect`}
+        </Typography>
+
+        {safeLoaded ? (
+          <Box
+            sx={{
+              mt: 3,
+            }}
+          >
+            <WcInput uri={uri} />
+          </Box>
+        ) : null}
+      </Grid>
+      <Divider flexItem />
+      <Grid item>
+        <WcSessionList sessions={sessions} />
+      </Grid>
+      {showHints && (
+        <>
+          <Divider flexItem />
+
+          <Grid
+            item
+            sx={{
+              mt: 1,
+            }}
+          >
+            <WcHints />
+          </Grid>
+        </>
+      )}
+    </Grid>
+  )
+}
+
+export default WcConnectionForm
diff --git a/src/features/walletconnect/components/WcConnectionForm/styles.module.css b/apps/web/src/features/walletconnect/components/WcConnectionForm/styles.module.css
similarity index 100%
rename from src/features/walletconnect/components/WcConnectionForm/styles.module.css
rename to apps/web/src/features/walletconnect/components/WcConnectionForm/styles.module.css
diff --git a/apps/web/src/features/walletconnect/components/WcConnectionState/index.test.tsx b/apps/web/src/features/walletconnect/components/WcConnectionState/index.test.tsx
new file mode 100644
index 000000000..acbac4b81
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WcConnectionState/index.test.tsx
@@ -0,0 +1,79 @@
+import { render, screen } from '@testing-library/react'
+import WcConnectionState from '.'
+
+describe('WcConnectionState component tests', () => {
+  const SAFE_LOGO_ALT = 'Safe logo'
+  const DAPP_NAME = 'Test dApp'
+  const DAPP_LOGO_ALT = `${DAPP_NAME} logo`
+  const ICON_URL = 'test-icon-url'
+  const SUCCESS_MESSAGE = `${DAPP_NAME} successfully connected!`
+  const DISCONNECT_MESSAGE = `${DAPP_NAME} disconnected`
+  const FALLBACK_SUCCESS_MESSAGE = 'dApp successfully connected!'
+  const DAPP_URL = `https://${Math.random().toString(36).substring(7)}.com`
+
+  const mockMetadata = {
+    name: DAPP_NAME,
+    icons: [ICON_URL],
+    description: 'Test description',
+    url: DAPP_URL,
+  }
+
+  jest.mock('@/components/safe-apps/SafeAppIconCard', () => {
+    const MockSafeAppIconCard = (props: { alt: string }) => (
+      <div data-testid="mock-safe-app-icon-card">{`${props.alt} TestdApp Logo`}</div>
+    )
+    MockSafeAppIconCard.displayName = 'MockSafeAppIconCard'
+    return MockSafeAppIconCard
+  })
+
+  it('Verify successful connection state is rendered correctly', () => {
+    render(<WcConnectionState metadata={mockMetadata} isDelete={false} />)
+
+    expect(screen.getByAltText(SAFE_LOGO_ALT)).toBeVisible()
+    expect(screen.getByTestId('connection-dots')).toBeVisible()
+    expect(screen.getByAltText(DAPP_LOGO_ALT)).toBeVisible()
+    expect(screen.getByText(SUCCESS_MESSAGE)).toBeVisible()
+  })
+
+  it('Verify disconnection state is rendered correctly', () => {
+    render(<WcConnectionState metadata={mockMetadata} isDelete={true} />)
+
+    expect(screen.getByAltText(SAFE_LOGO_ALT)).toBeVisible()
+    const dots = screen.getByTestId('connection-dots')
+    expect(dots).toBeVisible()
+    expect(dots).toHaveClass('errorDots')
+    expect(screen.getByAltText(DAPP_LOGO_ALT)).toBeVisible()
+    expect(screen.getByText(DISCONNECT_MESSAGE)).toBeVisible()
+  })
+
+  it('Verify fallback dApp name is used when metadata is missing', () => {
+    render(<WcConnectionState isDelete={false} />)
+
+    expect(screen.getByText(FALLBACK_SUCCESS_MESSAGE)).toBeVisible()
+  })
+
+  it('Verify fallback icon is used when dApp icons array is empty', () => {
+    render(<WcConnectionState metadata={{ ...mockMetadata, icons: [] }} isDelete={false} />)
+
+    expect(screen.getByAltText(DAPP_LOGO_ALT)).toBeVisible()
+  })
+
+  it('Verify WcConnectionState component layout structure', () => {
+    render(<WcConnectionState metadata={mockMetadata} isDelete={false} />)
+
+    const container = screen.getByTestId('wc-connection-state')
+    expect(container).toHaveClass('container')
+
+    expect(screen.getByAltText(SAFE_LOGO_ALT)).toBeInTheDocument()
+    expect(screen.getByTestId('connection-dots')).toBeInTheDocument()
+    expect(screen.getByAltText(DAPP_LOGO_ALT)).toBeInTheDocument()
+  })
+
+  it('Verify WcConnectionState typography styling', () => {
+    render(<WcConnectionState metadata={mockMetadata} isDelete={false} />)
+
+    const message = screen.getByText(SUCCESS_MESSAGE)
+    expect(message).toHaveClass('MuiTypography-h5')
+    expect(message).toHaveStyle({ marginTop: '24px' })
+  })
+})
diff --git a/apps/web/src/features/walletconnect/components/WcConnectionState/index.tsx b/apps/web/src/features/walletconnect/components/WcConnectionState/index.tsx
new file mode 100644
index 000000000..81481deb9
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WcConnectionState/index.tsx
@@ -0,0 +1,36 @@
+import { SvgIcon, Typography } from '@mui/material'
+import classNames from 'classnames'
+import type { CoreTypes } from '@walletconnect/types'
+import SafeAppIconCard from '@/components/safe-apps/SafeAppIconCard'
+import SafeLogo from '@/public/images/logo-no-text.svg'
+import ConnectionDots from '@/public/images/common/connection-dots.svg'
+import css from './styles.module.css'
+
+const WcConnectionState = ({ metadata, isDelete }: { metadata?: CoreTypes.Metadata; isDelete: boolean }) => {
+  const name = metadata?.name || 'dApp'
+  const icon = metadata?.icons[0] || ''
+
+  return (
+    <div data-testid="wc-connection-state" className={css.container}>
+      <div>
+        <SafeLogo alt="Safe logo" width="28px" height="28px" />
+
+        <SvgIcon
+          data-testid="connection-dots"
+          component={ConnectionDots}
+          inheritViewBox
+          sx={{ mx: 2 }}
+          className={classNames(css.dots, { [css.errorDots]: isDelete })}
+        />
+
+        <SafeAppIconCard src={icon} width={28} height={28} alt={`${name} logo`} />
+      </div>
+
+      <Typography variant="h5" mt={3}>
+        {isDelete ? `${name} disconnected` : `${name} successfully connected!`}
+      </Typography>
+    </div>
+  )
+}
+
+export default WcConnectionState
diff --git a/src/features/walletconnect/components/WcConnectionState/styles.module.css b/apps/web/src/features/walletconnect/components/WcConnectionState/styles.module.css
similarity index 100%
rename from src/features/walletconnect/components/WcConnectionState/styles.module.css
rename to apps/web/src/features/walletconnect/components/WcConnectionState/styles.module.css
diff --git a/src/features/walletconnect/components/WcErrorMessage/index.tsx b/apps/web/src/features/walletconnect/components/WcErrorMessage/index.tsx
similarity index 100%
rename from src/features/walletconnect/components/WcErrorMessage/index.tsx
rename to apps/web/src/features/walletconnect/components/WcErrorMessage/index.tsx
diff --git a/src/features/walletconnect/components/WcErrorMessage/styles.module.css b/apps/web/src/features/walletconnect/components/WcErrorMessage/styles.module.css
similarity index 100%
rename from src/features/walletconnect/components/WcErrorMessage/styles.module.css
rename to apps/web/src/features/walletconnect/components/WcErrorMessage/styles.module.css
diff --git a/src/features/walletconnect/components/WcHeaderWidget/WcIcon.tsx b/apps/web/src/features/walletconnect/components/WcHeaderWidget/WcIcon.tsx
similarity index 100%
rename from src/features/walletconnect/components/WcHeaderWidget/WcIcon.tsx
rename to apps/web/src/features/walletconnect/components/WcHeaderWidget/WcIcon.tsx
diff --git a/src/features/walletconnect/components/WcHeaderWidget/index.tsx b/apps/web/src/features/walletconnect/components/WcHeaderWidget/index.tsx
similarity index 100%
rename from src/features/walletconnect/components/WcHeaderWidget/index.tsx
rename to apps/web/src/features/walletconnect/components/WcHeaderWidget/index.tsx
diff --git a/apps/web/src/features/walletconnect/components/WcHints/index.test.tsx b/apps/web/src/features/walletconnect/components/WcHints/index.test.tsx
new file mode 100644
index 000000000..6ab7953f1
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WcHints/index.test.tsx
@@ -0,0 +1,86 @@
+import { render, screen, fireEvent, waitFor } from '@testing-library/react'
+import WcHints from '.'
+import { trackEvent } from '@/services/analytics'
+
+jest.mock('@/services/analytics', () => ({
+  trackEvent: jest.fn(),
+}))
+
+describe('WcHints component tests', () => {
+  const CONNECT_TITLE = 'How do I connect to a dApp?'
+  const INTERACT_TITLE = 'How do I interact with a dApp?'
+  const CONNECT_STEP = 'Open a WalletConnect supported dApp'
+  const INTERACT_STEP = 'Connect a dApp by following the above steps'
+  const CONNECT_WALLET = 'Connect a wallet'
+  const ENSURE_CHAIN = 'Ensure the dApp is connected to the same chain as your Safe Account'
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('Verify both help accordions are rendered collapsed by default', () => {
+    render(<WcHints />)
+
+    expect(screen.getByText(CONNECT_TITLE)).toBeVisible()
+    expect(screen.getByText(INTERACT_TITLE)).toBeVisible()
+
+    expect(screen.queryByText(CONNECT_STEP)).not.toBeVisible()
+    expect(screen.queryByText(INTERACT_STEP)).not.toBeVisible()
+  })
+
+  it('Verify connection accordion can be expanded', () => {
+    render(<WcHints />)
+
+    fireEvent.click(screen.getByText(CONNECT_TITLE))
+
+    expect(screen.getByText(CONNECT_STEP)).toBeVisible()
+    expect(screen.getByText(CONNECT_WALLET)).toBeVisible()
+
+    expect(trackEvent).toHaveBeenCalledWith({
+      category: 'walletconnect',
+      action: 'WC expand hints',
+    })
+  })
+
+  it('Verify interaction accordion can be expanded', () => {
+    render(<WcHints />)
+
+    fireEvent.click(screen.getByText(INTERACT_TITLE))
+
+    expect(screen.getByText(INTERACT_STEP)).toBeVisible()
+    expect(screen.getByText(ENSURE_CHAIN)).toBeVisible()
+
+    expect(trackEvent).toHaveBeenCalledWith({
+      category: 'walletconnect',
+      action: 'WC expand hints',
+    })
+  })
+
+  it('Verify expanded accordion can be collapsed', async () => {
+    render(<WcHints />)
+
+    const connectionTitle = screen.getByText(CONNECT_TITLE)
+
+    fireEvent.click(connectionTitle)
+    expect(screen.getByText(CONNECT_STEP)).toBeVisible()
+
+    fireEvent.click(connectionTitle)
+    await waitFor(() => {
+      expect(screen.queryByText(CONNECT_STEP)).not.toBeVisible()
+    })
+  })
+
+  it('Verify previously opened accordion is closed when opening a new one', async () => {
+    render(<WcHints />)
+
+    fireEvent.click(screen.getByText(CONNECT_TITLE))
+    expect(screen.getByText(CONNECT_STEP)).toBeVisible()
+
+    fireEvent.click(screen.getByText(INTERACT_TITLE))
+
+    await waitFor(() => {
+      expect(screen.queryByText(CONNECT_STEP)).not.toBeVisible()
+    })
+    expect(screen.getByText(INTERACT_STEP)).toBeVisible()
+  })
+})
diff --git a/src/features/walletconnect/components/WcHints/index.tsx b/apps/web/src/features/walletconnect/components/WcHints/index.tsx
similarity index 100%
rename from src/features/walletconnect/components/WcHints/index.tsx
rename to apps/web/src/features/walletconnect/components/WcHints/index.tsx
diff --git a/src/features/walletconnect/components/WcHints/styles.module.css b/apps/web/src/features/walletconnect/components/WcHints/styles.module.css
similarity index 100%
rename from src/features/walletconnect/components/WcHints/styles.module.css
rename to apps/web/src/features/walletconnect/components/WcHints/styles.module.css
diff --git a/apps/web/src/features/walletconnect/components/WcInput/index.tsx b/apps/web/src/features/walletconnect/components/WcInput/index.tsx
new file mode 100644
index 000000000..75df78bfc
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WcInput/index.tsx
@@ -0,0 +1,113 @@
+import Track from '@/components/common/Track'
+import { isPairingUri } from '@/features/walletconnect/services/utils'
+import { WalletConnectContext, WCLoadingState } from '@/features/walletconnect/WalletConnectContext'
+import useDebounce from '@/hooks/useDebounce'
+import { trackEvent } from '@/services/analytics'
+import { WALLETCONNECT_EVENTS } from '@/services/analytics/events/walletconnect'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { getClipboard, isClipboardSupported } from '@/utils/clipboard'
+import { Button, CircularProgress, InputAdornment, TextField } from '@mui/material'
+import { useCallback, useContext, useEffect, useState } from 'react'
+
+const PROPOSAL_TIMEOUT = 30_000
+
+const useTrackErrors = (error?: Error) => {
+  const debouncedErrorMessage = useDebounce(error?.message, 1000)
+
+  // Track errors
+  useEffect(() => {
+    if (debouncedErrorMessage) {
+      trackEvent({ ...WALLETCONNECT_EVENTS.SHOW_ERROR, label: debouncedErrorMessage })
+    }
+  }, [debouncedErrorMessage])
+}
+
+const WcInput = ({ uri }: { uri: string }) => {
+  const { walletConnect, loading, setLoading, setError } = useContext(WalletConnectContext)
+  const [value, setValue] = useState('')
+  const [inputError, setInputError] = useState<Error>()
+  useTrackErrors(inputError)
+
+  const onInput = useCallback(
+    async (val: string) => {
+      if (!walletConnect) return
+
+      setValue(val)
+
+      if (val && !isPairingUri(val)) {
+        setInputError(new Error('Invalid pairing code'))
+        return
+      }
+
+      setInputError(undefined)
+
+      if (!val) return
+
+      setLoading(WCLoadingState.CONNECT)
+
+      try {
+        await walletConnect.connect(val)
+      } catch (e) {
+        setInputError(asError(e))
+        setLoading(null)
+      }
+      setTimeout(() => {
+        if (loading && loading !== WCLoadingState.APPROVE) {
+          setLoading(null)
+          setError(new Error('Connection timed out'))
+        }
+      }, PROPOSAL_TIMEOUT)
+    },
+    [loading, setError, setLoading, walletConnect],
+  )
+
+  // Insert a pre-filled uri
+  useEffect(() => {
+    if (uri) {
+      onInput(uri)
+    }
+  }, [onInput, uri])
+
+  const onPaste = useCallback(async () => {
+    // Errors are handled by in getClipboard
+    const clipboard = await getClipboard()
+
+    if (clipboard && isPairingUri(clipboard)) {
+      onInput(clipboard)
+    }
+  }, [onInput])
+
+  return (
+    <TextField
+      data-testid="wc-input"
+      value={value}
+      onChange={(e) => onInput(e.target.value)}
+      fullWidth
+      autoComplete="off"
+      autoFocus
+      disabled={!!loading}
+      error={!!inputError}
+      label={inputError ? inputError.message : 'Pairing code'}
+      placeholder="wc:"
+      spellCheck={false}
+      InputProps={{
+        autoComplete: 'off',
+        endAdornment: isClipboardSupported() ? undefined : (
+          <InputAdornment position="end">
+            <Track {...WALLETCONNECT_EVENTS.PASTE_CLICK}>
+              <Button variant="contained" onClick={onPaste} sx={{ py: 1 }} disabled={!!loading}>
+                {loading === WCLoadingState.CONNECT || loading === WCLoadingState.APPROVE ? (
+                  <CircularProgress size={20} />
+                ) : (
+                  'Paste'
+                )}
+              </Button>
+            </Track>
+          </InputAdornment>
+        ),
+      }}
+    />
+  )
+}
+
+export default WcInput
diff --git a/apps/web/src/features/walletconnect/components/WcLogoHeader/index.test.tsx b/apps/web/src/features/walletconnect/components/WcLogoHeader/index.test.tsx
new file mode 100644
index 000000000..68327d876
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WcLogoHeader/index.test.tsx
@@ -0,0 +1,27 @@
+import { render, screen } from '@testing-library/react'
+import WcLogoHeader from '.'
+import { BRAND_NAME } from '@/config/constants'
+
+describe('WcLogoHeader component tests', () => {
+  it('Verify default header is rendered correctly', () => {
+    render(<WcLogoHeader />)
+
+    expect(screen.getByTestId('wc-icon')).toBeVisible()
+
+    const title = screen.getByTestId('wc-title')
+    expect(title).toBeVisible()
+    expect(title).toHaveTextContent(`Connect dApps to ${BRAND_NAME}`)
+    expect(screen.queryByTestId('wc-alert')).not.toBeInTheDocument()
+  })
+
+  it('Verify header error state is rendered correctly', () => {
+    const errorMessage = 'Connection failed'
+    render(<WcLogoHeader errorMessage={errorMessage} />)
+
+    expect(screen.getByTestId('wc-icon')).toBeVisible()
+    expect(screen.queryByTestId('wc-alert')).toBeVisible()
+    const title = screen.getByTestId('wc-title')
+    expect(title).toBeVisible()
+    expect(title).toHaveTextContent(errorMessage)
+  })
+})
diff --git a/apps/web/src/features/walletconnect/components/WcLogoHeader/index.tsx b/apps/web/src/features/walletconnect/components/WcLogoHeader/index.tsx
new file mode 100644
index 000000000..0bac6d09c
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WcLogoHeader/index.tsx
@@ -0,0 +1,31 @@
+import { SvgIcon, Typography } from '@mui/material'
+import type { ReactElement } from 'react'
+import WalletConnect from '@/public/images/common/walletconnect.svg'
+import Alert from '@/public/images/notifications/alert.svg'
+import css from './styles.module.css'
+import { BRAND_NAME } from '@/config/constants'
+
+const WcLogoHeader = ({ errorMessage }: { errorMessage?: string }): ReactElement => {
+  return (
+    <>
+      <div>
+        <SvgIcon data-testid="wc-icon" component={WalletConnect} inheritViewBox className={css.icon} />
+        {errorMessage && (
+          <SvgIcon
+            data-testid="wc-alert"
+            component={Alert}
+            inheritViewBox
+            className={css.errorBadge}
+            fontSize="small"
+          />
+        )}
+      </div>
+
+      <Typography data-testid="wc-title" variant="h5" mt={2} mb={0.5} className={css.title}>
+        {errorMessage || `Connect dApps to ${BRAND_NAME}`}
+      </Typography>
+    </>
+  )
+}
+
+export default WcLogoHeader
diff --git a/src/features/walletconnect/components/WcLogoHeader/styles.module.css b/apps/web/src/features/walletconnect/components/WcLogoHeader/styles.module.css
similarity index 100%
rename from src/features/walletconnect/components/WcLogoHeader/styles.module.css
rename to apps/web/src/features/walletconnect/components/WcLogoHeader/styles.module.css
diff --git a/apps/web/src/features/walletconnect/components/WcProposalForm/CompatibilityWarning.tsx b/apps/web/src/features/walletconnect/components/WcProposalForm/CompatibilityWarning.tsx
new file mode 100644
index 000000000..7b7a204fb
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WcProposalForm/CompatibilityWarning.tsx
@@ -0,0 +1,42 @@
+import { Alert, Stack, Typography } from '@mui/material'
+import type { WalletKitTypes } from '@reown/walletkit'
+
+import ChainIndicator from '@/components/common/ChainIndicator'
+import { useCompatibilityWarning } from './useCompatibilityWarning'
+import useSafeInfo from '@/hooks/useSafeInfo'
+
+import css from './styles.module.css'
+
+export const CompatibilityWarning = ({
+  proposal,
+  chainIds,
+}: {
+  proposal: WalletKitTypes.SessionProposal
+  chainIds: Array<string>
+}) => {
+  const { safe } = useSafeInfo()
+  const isUnsupportedChain = !chainIds.includes(safe.chainId)
+  const { severity, message } = useCompatibilityWarning(proposal, isUnsupportedChain)
+
+  return (
+    <>
+      <Alert severity={severity} className={css.alert}>
+        {message}
+      </Alert>
+
+      {isUnsupportedChain && (
+        <>
+          <Typography mt={3} mb={1} variant="h5">
+            Supported networks
+          </Typography>
+
+          <Stack direction="row" className={css.chainContainer}>
+            {chainIds.map((chainId) => (
+              <ChainIndicator inline chainId={chainId} key={chainId} className={css.chain} />
+            ))}
+          </Stack>
+        </>
+      )}
+    </>
+  )
+}
diff --git a/apps/web/src/features/walletconnect/components/WcProposalForm/ProposalVerification.tsx b/apps/web/src/features/walletconnect/components/WcProposalForm/ProposalVerification.tsx
new file mode 100644
index 000000000..55113eebf
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WcProposalForm/ProposalVerification.tsx
@@ -0,0 +1,43 @@
+import type { WalletKitTypes } from '@reown/walletkit'
+import { Alert, SvgIcon } from '@mui/material'
+import AlertIcon from '@/public/images/notifications/alert.svg'
+import type { ReactElement } from 'react'
+import { getPeerName } from '@/features/walletconnect/services/utils'
+import css from './styles.module.css'
+
+const ProposalVerification = ({ proposal }: { proposal: WalletKitTypes.SessionProposal }): ReactElement | null => {
+  const { isScam, validation } = proposal.verifyContext.verified
+
+  if (validation === 'UNKNOWN' || validation === 'VALID') {
+    return null
+  }
+
+  const appName = getPeerName(proposal.params.proposer)
+
+  return (
+    <Alert
+      severity="error"
+      sx={{ bgcolor: 'error.background' }}
+      className={css.alert}
+      icon={
+        <SvgIcon
+          component={AlertIcon}
+          inheritViewBox
+          color="error"
+          sx={{
+            '& path': {
+              fill: 'error.main',
+            },
+          }}
+        />
+      }
+    >
+      {isScam
+        ? `We prevent connecting to ${appName || 'this dApp'} as they are a known scam.`
+        : `${
+            appName || 'This dApp'
+          } has a domain that does not match the sender of this request. Approving it may result in a loss of funds.`}
+    </Alert>
+  )
+}
+export default ProposalVerification
diff --git a/src/features/walletconnect/components/WcProposalForm/__tests__/useCompatibilityWarning.test.ts b/apps/web/src/features/walletconnect/components/WcProposalForm/__tests__/useCompatibilityWarning.test.ts
similarity index 92%
rename from src/features/walletconnect/components/WcProposalForm/__tests__/useCompatibilityWarning.test.ts
rename to apps/web/src/features/walletconnect/components/WcProposalForm/__tests__/useCompatibilityWarning.test.ts
index 26d4fa106..d33d03f62 100644
--- a/src/features/walletconnect/components/WcProposalForm/__tests__/useCompatibilityWarning.test.ts
+++ b/apps/web/src/features/walletconnect/components/WcProposalForm/__tests__/useCompatibilityWarning.test.ts
@@ -1,7 +1,7 @@
 import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
 import { renderHook } from '@/tests/test-utils'
 import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import type { Web3WalletTypes } from '@walletconnect/web3wallet'
+import type { WalletKitTypes } from '@reown/walletkit'
 import { useCompatibilityWarning } from '../useCompatibilityWarning'
 import * as wcUtils from '@/features/walletconnect/services/utils'
 
@@ -13,7 +13,7 @@ describe('useCompatibilityWarning', () => {
       const proposal = {
         params: { proposer: { metadata: { name: 'Fake Bridge' } } },
         verifyContext: { verified: { origin: '' } },
-      } as unknown as Web3WalletTypes.SessionProposal
+      } as unknown as WalletKitTypes.SessionProposal
 
       const { result } = renderHook(() => useCompatibilityWarning(proposal, false))
 
@@ -30,7 +30,7 @@ describe('useCompatibilityWarning', () => {
       const proposal = {
         params: { proposer: { metadata: { name: '' } } },
         verifyContext: { verified: { origin: '' } },
-      } as unknown as Web3WalletTypes.SessionProposal
+      } as unknown as WalletKitTypes.SessionProposal
 
       const { result } = renderHook(() => useCompatibilityWarning(proposal, false))
 
@@ -50,7 +50,7 @@ describe('useCompatibilityWarning', () => {
       const proposal = {
         params: { proposer: { metadata: { name: 'Fake Bridge' } } },
         verifyContext: { verified: { origin: '' } },
-      } as unknown as Web3WalletTypes.SessionProposal
+      } as unknown as WalletKitTypes.SessionProposal
 
       const { result } = renderHook(() => useCompatibilityWarning(proposal, false))
 
@@ -68,7 +68,7 @@ describe('useCompatibilityWarning', () => {
       const proposal = {
         params: { proposer: { metadata: { name: '' } } },
         verifyContext: { verified: { origin: '' } },
-      } as unknown as Web3WalletTypes.SessionProposal
+      } as unknown as WalletKitTypes.SessionProposal
 
       const { result } = renderHook(() => useCompatibilityWarning(proposal, false))
 
@@ -88,7 +88,7 @@ describe('useCompatibilityWarning', () => {
       const proposal = {
         params: { proposer: { metadata: { name: 'Fake dApp' } } },
         verifyContext: { verified: { origin: '' } },
-      } as unknown as Web3WalletTypes.SessionProposal
+      } as unknown as WalletKitTypes.SessionProposal
 
       const { result } = renderHook(() => useCompatibilityWarning(proposal, true))
 
@@ -105,7 +105,7 @@ describe('useCompatibilityWarning', () => {
       const proposal = {
         params: { proposer: { metadata: { name: '' } } },
         verifyContext: { verified: { origin: '' } },
-      } as unknown as Web3WalletTypes.SessionProposal
+      } as unknown as WalletKitTypes.SessionProposal
 
       const { result } = renderHook(() => useCompatibilityWarning(proposal, true))
 
@@ -124,7 +124,7 @@ describe('useCompatibilityWarning', () => {
       const proposal = {
         params: { proposer: { metadata: { name: 'Fake dApp' } } },
         verifyContext: { verified: { origin: '' } },
-      } as unknown as Web3WalletTypes.SessionProposal
+      } as unknown as WalletKitTypes.SessionProposal
 
       const { result } = renderHook(() => useCompatibilityWarning(proposal, false), {
         initialReduxState: {
@@ -163,7 +163,7 @@ describe('useCompatibilityWarning', () => {
       const proposal = {
         params: { proposer: { metadata: { name: 'Fake dApp' } } },
         verifyContext: { verified: { origin: '' } },
-      } as unknown as Web3WalletTypes.SessionProposal
+      } as unknown as WalletKitTypes.SessionProposal
 
       const { result } = renderHook(() => useCompatibilityWarning(proposal, false))
 
diff --git a/apps/web/src/features/walletconnect/components/WcProposalForm/index.tsx b/apps/web/src/features/walletconnect/components/WcProposalForm/index.tsx
new file mode 100644
index 000000000..90dfefa9c
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WcProposalForm/index.tsx
@@ -0,0 +1,154 @@
+import SafeAppIconCard from '@/components/safe-apps/SafeAppIconCard'
+import { WCLoadingState } from '@/features/walletconnect/WalletConnectContext'
+import {
+  getPeerName,
+  getSupportedChainIds,
+  isBlockedBridge,
+  isSafePassApp,
+  isWarnedBridge,
+} from '@/features/walletconnect/services/utils'
+import { WalletConnectContext } from '@/features/walletconnect/WalletConnectContext'
+import useChains from '@/hooks/useChains'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { trackEvent } from '@/services/analytics'
+import { WALLETCONNECT_EVENTS } from '@/services/analytics/events/walletconnect'
+
+import { Button, Checkbox, CircularProgress, Divider, FormControlLabel, Typography } from '@mui/material'
+import type { WalletKitTypes } from '@reown/walletkit'
+import type { ChangeEvent, ReactElement } from 'react'
+import { useCallback, useContext, useEffect, useMemo, useState } from 'react'
+import { CompatibilityWarning } from './CompatibilityWarning'
+import ProposalVerification from './ProposalVerification'
+import css from './styles.module.css'
+import { useSanctionedAddress } from '@/hooks/useSanctionedAddress'
+import BlockedAddress from '@/components/common/BlockedAddress'
+
+type ProposalFormProps = {
+  proposal: WalletKitTypes.SessionProposal
+  onApprove: () => Promise<void>
+  onReject: () => Promise<void>
+}
+
+const WcProposalForm = ({ proposal, onApprove, onReject }: ProposalFormProps): ReactElement => {
+  const { loading } = useContext(WalletConnectContext)
+
+  const { configs } = useChains()
+  const { safeLoaded, safe } = useSafeInfo()
+  const { chainId } = safe
+  const [understandsRisk, setUnderstandsRisk] = useState(false)
+  const { proposer } = proposal.params
+  const { isScam, origin } = proposal.verifyContext.verified
+  const url = proposer.metadata.url || origin
+
+  const isSafePass = isSafePassApp(origin)
+  const sanctionedAddress = useSanctionedAddress(isSafePass)
+
+  const chainIds = useMemo(() => getSupportedChainIds(configs, proposal.params), [configs, proposal.params])
+  const isUnsupportedChain = !chainIds.includes(chainId)
+
+  const name = getPeerName(proposer) || 'Unknown dApp'
+  const isHighRisk = proposal.verifyContext.verified.validation === 'INVALID' || isWarnedBridge(origin, name)
+  const isBlocked = isScam || isBlockedBridge(origin)
+  const disabled =
+    !safeLoaded ||
+    isUnsupportedChain ||
+    isBlocked ||
+    (isHighRisk && !understandsRisk) ||
+    !!loading ||
+    (Boolean(sanctionedAddress) && isSafePass)
+
+  const onCheckboxClick = useCallback(
+    (_: ChangeEvent, checked: boolean) => {
+      setUnderstandsRisk(checked)
+
+      if (checked) {
+        trackEvent({
+          ...WALLETCONNECT_EVENTS.ACCEPT_RISK,
+          label: url,
+        })
+      }
+    },
+    [url],
+  )
+
+  // Track risk/scam/bridge warnings
+  useEffect(() => {
+    if (isHighRisk || isBlocked) {
+      trackEvent({
+        ...WALLETCONNECT_EVENTS.SHOW_RISK,
+        label: url,
+      })
+    }
+  }, [isHighRisk, isBlocked, url])
+
+  // Track unsupported chain warnings
+  useEffect(() => {
+    if (isUnsupportedChain) {
+      trackEvent({
+        ...WALLETCONNECT_EVENTS.UNSUPPORTED_CHAIN,
+        label: url,
+      })
+    }
+  }, [url, isUnsupportedChain])
+
+  return (
+    <div className={css.container}>
+      <Typography variant="body2" color="text.secondary">
+        WalletConnect
+      </Typography>
+
+      {proposer.metadata.icons[0] && (
+        <div className={css.icon}>
+          <SafeAppIconCard src={proposer.metadata.icons[0]} width={32} height={32} alt={`${name || 'dApp'} logo`} />
+        </div>
+      )}
+
+      <Typography mb={1}>
+        <b>{name}</b> wants to connect
+      </Typography>
+
+      <Typography className={css.origin} mb={3}>
+        {proposal.verifyContext.verified.origin}
+      </Typography>
+
+      <div className={css.info}>
+        <ProposalVerification proposal={proposal} />
+
+        <CompatibilityWarning proposal={proposal} chainIds={chainIds} />
+      </div>
+
+      {!isBlocked && isHighRisk && !isUnsupportedChain && (
+        <FormControlLabel
+          className={css.checkbox}
+          control={<Checkbox checked={understandsRisk} onChange={onCheckboxClick} />}
+          label="I understand the risks associated with interacting with this dApp and would like to continue."
+        />
+      )}
+
+      {isSafePass && sanctionedAddress && (
+        <BlockedAddress address={sanctionedAddress} featureTitle="Safe{Pass}" onClose={onReject} />
+      )}
+
+      <Divider flexItem className={css.divider} />
+
+      <div className={css.buttons}>
+        {!isUnsupportedChain && (
+          <Button variant="contained" onClick={onApprove} className={css.button} disabled={disabled}>
+            {loading === WCLoadingState.APPROVE ? <CircularProgress size={20} /> : 'Approve'}
+          </Button>
+        )}
+
+        <Button
+          variant={isUnsupportedChain ? 'text' : 'danger'}
+          onClick={onReject}
+          className={css.button}
+          disabled={!!loading}
+        >
+          {loading === WCLoadingState.REJECT ? <CircularProgress size={20} /> : isUnsupportedChain ? 'Close' : 'Reject'}
+        </Button>
+      </div>
+    </div>
+  )
+}
+
+export default WcProposalForm
diff --git a/apps/web/src/features/walletconnect/components/WcProposalForm/styles.module.css b/apps/web/src/features/walletconnect/components/WcProposalForm/styles.module.css
new file mode 100644
index 000000000..d9ba21917
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WcProposalForm/styles.module.css
@@ -0,0 +1,74 @@
+.container {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  text-align: center;
+}
+
+.icon {
+  padding: var(--space-2);
+}
+
+.chain {
+  margin: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.chainContainer {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  margin: 0 auto;
+  gap: 10px;
+  padding: 0;
+}
+
+.origin {
+  padding: var(--space-1) var(--space-2);
+  background: var(--color-border-background);
+  border-radius: 6px;
+}
+
+.info {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+  width: 100%;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  white-space: normal;
+}
+
+.alert {
+  width: 100%;
+  text-align: left;
+}
+
+.checkbox {
+  text-align: left;
+  margin-top: var(--space-2);
+}
+
+.divider {
+  margin: var(--space-3) calc(-1 * var(--space-4));
+}
+
+.buttons {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  /* The button order is reversed to prioritize the primary action on the right for better UX. */
+  flex-direction: row-reverse;
+}
+
+.button {
+  padding: var(--space-1) var(--space-4);
+  min-width: 130px;
+}
diff --git a/src/features/walletconnect/components/WcProposalForm/useCompatibilityWarning.ts b/apps/web/src/features/walletconnect/components/WcProposalForm/useCompatibilityWarning.ts
similarity index 89%
rename from src/features/walletconnect/components/WcProposalForm/useCompatibilityWarning.ts
rename to apps/web/src/features/walletconnect/components/WcProposalForm/useCompatibilityWarning.ts
index c07910ca5..d502f056b 100644
--- a/src/features/walletconnect/components/WcProposalForm/useCompatibilityWarning.ts
+++ b/apps/web/src/features/walletconnect/components/WcProposalForm/useCompatibilityWarning.ts
@@ -1,10 +1,11 @@
 import { useMemo } from 'react'
 import type { AlertColor } from '@mui/material'
-import type { Web3WalletTypes } from '@walletconnect/web3wallet'
+import type { WalletKitTypes } from '@reown/walletkit'
 import useChains from '@/hooks/useChains'
 import useSafeInfo from '@/hooks/useSafeInfo'
-import { capitalize } from '@/utils/formatters'
+import { capitalize } from '@safe-global/utils/utils/formatters'
 import { getPeerName, isBlockedBridge, isWarnedBridge } from '@/features/walletconnect/services/utils'
+import { BRAND_NAME } from '@/config/constants'
 
 const NAME_FALLBACK = 'this dApp'
 const NAME_PLACEHOLDER = '%%name%%'
@@ -13,7 +14,7 @@ const CHAIN_PLACEHOLDER = '%%chain%%'
 const Warnings: Record<string, { severity: AlertColor; message: string }> = {
   BLOCKED_BRIDGE: {
     severity: 'error',
-    message: `${NAME_PLACEHOLDER} is a bridge that is incompatible with Rootstock Safe — the bridged funds will be lost. Consider using a different bridge.`,
+    message: `${NAME_PLACEHOLDER} is a bridge that is incompatible with ${BRAND_NAME} — the bridged funds will be lost. Consider using a different bridge.`,
   },
   WARNED_BRIDGE: {
     severity: 'warning',
@@ -46,7 +47,7 @@ export const _getWarning = (origin: string, name: string, isUnsupportedChain: bo
 }
 
 export const useCompatibilityWarning = (
-  proposal: Web3WalletTypes.SessionProposal,
+  proposal: WalletKitTypes.SessionProposal,
   isUnsupportedChain: boolean,
 ): (typeof Warnings)[string] => {
   const { configs } = useChains()
diff --git a/src/features/walletconnect/components/WcSessionList/WcNoSessions.tsx b/apps/web/src/features/walletconnect/components/WcSessionList/WcNoSessions.tsx
similarity index 100%
rename from src/features/walletconnect/components/WcSessionList/WcNoSessions.tsx
rename to apps/web/src/features/walletconnect/components/WcSessionList/WcNoSessions.tsx
diff --git a/apps/web/src/features/walletconnect/components/WcSessionList/index.tsx b/apps/web/src/features/walletconnect/components/WcSessionList/index.tsx
new file mode 100644
index 000000000..15ccd29d2
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WcSessionList/index.tsx
@@ -0,0 +1,80 @@
+import SafeAppIconCard from '@/components/safe-apps/SafeAppIconCard'
+import { getPeerName } from '@/features/walletconnect/services/utils'
+import { WalletConnectContext, WCLoadingState } from '@/features/walletconnect/WalletConnectContext'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { trackEvent } from '@/services/analytics'
+import { WALLETCONNECT_EVENTS } from '@/services/analytics/events/walletconnect'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { Button, CircularProgress, List, ListItem, ListItemAvatar, ListItemIcon, ListItemText } from '@mui/material'
+import type { SessionTypes } from '@walletconnect/types'
+import { useCallback, useContext } from 'react'
+import css from './styles.module.css'
+import WcNoSessions from './WcNoSessions'
+
+type WcSesstionListProps = {
+  sessions: SessionTypes.Struct[]
+}
+
+const WcSessionListItem = ({ session }: { session: SessionTypes.Struct }) => {
+  const { walletConnect, setError, loading, setLoading } = useContext(WalletConnectContext)
+
+  const MAX_NAME_LENGTH = 23
+  const { safeLoaded } = useSafeInfo()
+  let name = getPeerName(session.peer) || 'Unknown dApp'
+
+  if (name.length > MAX_NAME_LENGTH + 1) {
+    name = `${name.slice(0, MAX_NAME_LENGTH)}…`
+  }
+
+  const onDisconnect = useCallback(async () => {
+    if (!walletConnect) return
+
+    const label = session.peer.metadata.url
+    trackEvent({ ...WALLETCONNECT_EVENTS.DISCONNECT_CLICK, label })
+
+    setLoading(WCLoadingState.DISCONNECT)
+
+    try {
+      await walletConnect.disconnectSession(session)
+    } catch (error) {
+      setLoading(null)
+      setError(asError(error))
+    }
+
+    setLoading(null)
+  }, [walletConnect, session, setLoading, setError])
+
+  return (
+    <ListItem className={css.sessionListItem}>
+      {session.peer.metadata.icons[0] && (
+        <ListItemAvatar className={css.sessionListAvatar}>
+          <SafeAppIconCard src={session.peer.metadata.icons[0]} alt="icon" width={20} height={20} />
+        </ListItemAvatar>
+      )}
+
+      <ListItemText primary={name} primaryTypographyProps={{ color: safeLoaded ? undefined : 'text.secondary' }} />
+
+      <ListItemIcon className={css.sessionListSecondaryAction}>
+        <Button variant="danger" onClick={onDisconnect} className={css.button} disabled={!!loading}>
+          {loading === WCLoadingState.DISCONNECT ? <CircularProgress size={20} /> : 'Disconnect'}
+        </Button>
+      </ListItemIcon>
+    </ListItem>
+  )
+}
+
+const WcSessionList = ({ sessions }: WcSesstionListProps) => {
+  if (sessions.length === 0) {
+    return <WcNoSessions />
+  }
+
+  return (
+    <List className={css.sessionList}>
+      {Object.values(sessions).map((session) => (
+        <WcSessionListItem key={session.topic} session={session} />
+      ))}
+    </List>
+  )
+}
+
+export default WcSessionList
diff --git a/src/features/walletconnect/components/WcSessionList/styles.module.css b/apps/web/src/features/walletconnect/components/WcSessionList/styles.module.css
similarity index 100%
rename from src/features/walletconnect/components/WcSessionList/styles.module.css
rename to apps/web/src/features/walletconnect/components/WcSessionList/styles.module.css
diff --git a/apps/web/src/features/walletconnect/components/WcSessionManager/index.tsx b/apps/web/src/features/walletconnect/components/WcSessionManager/index.tsx
new file mode 100644
index 000000000..29793b7b9
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WcSessionManager/index.tsx
@@ -0,0 +1,80 @@
+import { useCallback, useContext, useEffect } from 'react'
+import { WalletConnectContext } from '@/features/walletconnect/WalletConnectContext'
+import WcConnectionForm from '../WcConnectionForm'
+import WcErrorMessage from '../WcErrorMessage'
+import { trackEvent } from '@/services/analytics'
+import { WALLETCONNECT_EVENTS } from '@/services/analytics/events/walletconnect'
+import { splitError } from '@/features/walletconnect/services/utils'
+import WcProposalForm from '../WcProposalForm'
+
+type WcSessionManagerProps = {
+  uri: string
+}
+
+const WcSessionManager = ({ uri }: WcSessionManagerProps) => {
+  const { sessions, sessionProposal, error, setError, open, approveSession, rejectSession } =
+    useContext(WalletConnectContext)
+
+  // On session approve
+  const onApprove = useCallback(async () => {
+    if (!sessionProposal) return
+
+    const label = sessionProposal.params.proposer.metadata.url
+    trackEvent({ ...WALLETCONNECT_EVENTS.APPROVE_CLICK, label })
+
+    try {
+      await approveSession()
+    } catch (e) {
+      setError(e as Error)
+      return
+    }
+
+    trackEvent({ ...WALLETCONNECT_EVENTS.CONNECTED, label })
+  }, [sessionProposal, approveSession, setError])
+
+  // On session reject
+  const onReject = useCallback(async () => {
+    if (!sessionProposal) return
+
+    const label = sessionProposal.params.proposer.metadata.url
+    trackEvent({ ...WALLETCONNECT_EVENTS.REJECT_CLICK, label })
+
+    try {
+      await rejectSession()
+    } catch (e) {
+      setError(e as Error)
+    }
+  }, [sessionProposal, rejectSession, setError])
+
+  // Reset error
+  const onErrorReset = useCallback(() => {
+    setError(null)
+  }, [setError])
+
+  // Track errors
+  useEffect(() => {
+    if (error) {
+      // The summary of the error
+      const label = splitError(error.message || '')[0]
+      trackEvent({ ...WALLETCONNECT_EVENTS.SHOW_ERROR, label })
+    }
+  }, [error])
+
+  // Nothing to show
+  if (!open) return null
+
+  // Error
+  if (error) {
+    return <WcErrorMessage error={error} onClose={onErrorReset} />
+  }
+
+  // Session proposal
+  if (sessionProposal) {
+    return <WcProposalForm proposal={sessionProposal} onApprove={onApprove} onReject={onReject} />
+  }
+
+  // Connection form (initial state)
+  return <WcConnectionForm sessions={sessions} uri={uri} />
+}
+
+export default WcSessionManager
diff --git a/apps/web/src/features/walletconnect/components/index.tsx b/apps/web/src/features/walletconnect/components/index.tsx
new file mode 100644
index 000000000..2527cfa0c
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/index.tsx
@@ -0,0 +1,13 @@
+import dynamic from 'next/dynamic'
+import ExternalStore from '@safe-global/utils/services/ExternalStore'
+
+const WalletConnectUi = dynamic(() => import('./WalletConnectUi'))
+
+export default WalletConnectUi
+
+// Open/close WC popup externally
+export const wcPopupStore = new ExternalStore<boolean>(false)
+
+export function openWalletConnect() {
+  wcPopupStore.setStore(true)
+}
diff --git a/apps/web/src/features/walletconnect/constants.ts b/apps/web/src/features/walletconnect/constants.ts
new file mode 100644
index 000000000..7241052f2
--- /dev/null
+++ b/apps/web/src/features/walletconnect/constants.ts
@@ -0,0 +1,96 @@
+import { BRAND_NAME } from '@/config/constants'
+
+export const SAFE_COMPATIBLE_METHODS = [
+  'eth_accounts',
+  'net_version',
+  'eth_chainId',
+  'personal_sign',
+  'eth_sign',
+  'eth_sendTransaction',
+  'eth_blockNumber',
+  'eth_getBalance',
+  'eth_getCode',
+  'eth_getTransactionCount',
+  'eth_getStorageAt',
+  'eth_getBlockByNumber',
+  'eth_getBlockByHash',
+  'eth_getTransactionByHash',
+  'eth_getTransactionReceipt',
+  'eth_estimateGas',
+  'eth_call',
+  'eth_getLogs',
+  'eth_gasPrice',
+  'wallet_switchEthereumChain',
+  'wallet_sendCalls',
+  'wallet_getCallsStatus',
+  'wallet_showCallsStatus',
+  'wallet_getCapabilities',
+  'safe_setSettings',
+]
+
+export const SAFE_COMPATIBLE_EVENTS = ['chainChanged', 'accountsChanged']
+
+export const SAFE_WALLET_METADATA = {
+  name: BRAND_NAME,
+  url: 'https://app.safe.global',
+  description: 'Smart contract wallet for Rootstock',
+  icons: ['https://app.safe.global/images/logo-round.svg'],
+}
+
+export const EIP155 = 'eip155' as const
+
+// Bridges enforcing same address on destination chains
+export const BlockedBridges = [
+  'app.chainport.io',
+  'cbridge.celer.network',
+  'www.orbiter.finance',
+  'zksync-era.l2scan.co',
+  'www.portalbridge.com',
+  'wallet.polygon.technology',
+
+  // Unsupported chain bridges
+  'bridge.zora.energy',
+  'bridge.mantle.xyz',
+  'bridge.metis.io',
+  'pacific-bridge.manta.network',
+  'tokenbridge.rsk.co',
+  'canto.io',
+  'gateway.boba.network',
+  'bttc.bittorrent.com',
+  'iotube.org',
+  'bridge.telos.net',
+  'ultronswap.com',
+]
+
+// Bridges that initially select the same address on the destination chain but allow changing it
+export const WarnedBridges = [
+  'core.app',
+  'across.to', // doesn't send their URL in the session proposal
+  'app.allbridge.io',
+  'app.rhino.fi',
+  'bridge.arbitrum.io',
+  'bridge.base.org',
+  'bridge.linea.build',
+  'core.allbridge.io',
+  'bungee.exchange',
+  'www.carrier.so',
+  'app.chainport.io',
+  'bridge.gnosischain.com',
+  'app.hop.exchange', // doesn't send their URL in the session proposal
+  'app.interport.fi',
+  'jumper.exchange',
+  'www.layerswap.io',
+  'meson.fi',
+  'satellite.money',
+  'stargate.finance',
+  'app.squidrouter.com',
+  'app.symbiosis.finance',
+  'www.synapseprotocol.com',
+  'app.thevoyager.io',
+  'portal.txsync.io',
+  'bridge.wanchain.org',
+  'app.xy.finance',
+  'scroll.io',
+]
+
+export const WarnedBridgeNames = ['Across Bridge', 'Hop']
diff --git a/src/features/walletconnect/hooks/__tests__/useWalletConnectSearchParamUri.test.ts b/apps/web/src/features/walletconnect/hooks/__tests__/useWalletConnectSearchParamUri.test.ts
similarity index 100%
rename from src/features/walletconnect/hooks/__tests__/useWalletConnectSearchParamUri.test.ts
rename to apps/web/src/features/walletconnect/hooks/__tests__/useWalletConnectSearchParamUri.test.ts
diff --git a/src/features/walletconnect/hooks/useWalletConnectClipboardUri.ts b/apps/web/src/features/walletconnect/hooks/useWalletConnectClipboardUri.ts
similarity index 100%
rename from src/features/walletconnect/hooks/useWalletConnectClipboardUri.ts
rename to apps/web/src/features/walletconnect/hooks/useWalletConnectClipboardUri.ts
diff --git a/src/features/walletconnect/hooks/useWalletConnectSearchParamUri.ts b/apps/web/src/features/walletconnect/hooks/useWalletConnectSearchParamUri.ts
similarity index 100%
rename from src/features/walletconnect/hooks/useWalletConnectSearchParamUri.ts
rename to apps/web/src/features/walletconnect/hooks/useWalletConnectSearchParamUri.ts
diff --git a/src/features/walletconnect/hooks/useWcUri.ts b/apps/web/src/features/walletconnect/hooks/useWcUri.ts
similarity index 100%
rename from src/features/walletconnect/hooks/useWcUri.ts
rename to apps/web/src/features/walletconnect/hooks/useWcUri.ts
diff --git a/src/features/walletconnect/services/WalletConnectWallet.ts b/apps/web/src/features/walletconnect/services/WalletConnectWallet.ts
similarity index 76%
rename from src/features/walletconnect/services/WalletConnectWallet.ts
rename to apps/web/src/features/walletconnect/services/WalletConnectWallet.ts
index 51b5747c6..b05de6315 100644
--- a/src/features/walletconnect/services/WalletConnectWallet.ts
+++ b/apps/web/src/features/walletconnect/services/WalletConnectWallet.ts
@@ -1,19 +1,18 @@
 import { Core } from '@walletconnect/core'
-import { Web3Wallet } from '@walletconnect/web3wallet'
-import { buildApprovedNamespaces, getSdkError } from '@walletconnect/utils'
-import type Web3WalletType from '@walletconnect/web3wallet'
-import type { Web3WalletTypes } from '@walletconnect/web3wallet'
+import { WalletKit, type WalletKitTypes } from '@reown/walletkit'
+import { buildApprovedNamespaces, buildAuthObject, getSdkError } from '@walletconnect/utils'
+import type Web3WalletType from '@reown/walletkit'
 import type { ProposalTypes, SessionTypes } from '@walletconnect/types'
 import { type JsonRpcResponse } from '@walletconnect/jsonrpc-utils'
 import uniq from 'lodash/uniq'
 
 import { IS_PRODUCTION, LS_NAMESPACE, WC_PROJECT_ID } from '@/config/constants'
 import { EIP155, SAFE_COMPATIBLE_EVENTS, SAFE_COMPATIBLE_METHODS, SAFE_WALLET_METADATA } from '../constants'
-import { invariant } from '@/utils/helpers'
 import { getEip155ChainId, stripEip155Prefix } from './utils'
+import { invariant } from '@safe-global/utils/utils/helpers'
 
-const SESSION_ADD_EVENT = 'session_add' as Web3WalletTypes.Event // Workaround: WalletConnect doesn't emit session_add event
-const SESSION_REJECT_EVENT = 'session_reject' as Web3WalletTypes.Event // Workaround: WalletConnect doesn't emit session_reject event
+const SESSION_ADD_EVENT = 'session_add' as WalletKitTypes.Event // Workaround: WalletConnect doesn't emit session_add event
+const SESSION_REJECT_EVENT = 'session_reject' as WalletKitTypes.Event // Workaround: WalletConnect doesn't emit session_reject event
 
 function assertWeb3Wallet<T extends Web3WalletType | null>(web3Wallet: T): asserts web3Wallet {
   return invariant(web3Wallet, 'WalletConnect not initialized')
@@ -39,7 +38,7 @@ class WalletConnectWallet {
       customStoragePrefix: LS_NAMESPACE,
     })
 
-    const web3wallet = await Web3Wallet.init({
+    const web3wallet = await WalletKit.init({
       core,
       metadata: SAFE_WALLET_METADATA,
     })
@@ -81,7 +80,7 @@ class WalletConnectWallet {
     })
   }
 
-  private getNamespaces(proposal: Web3WalletTypes.SessionProposal, currentChainId: string, safeAddress: string) {
+  private getNamespaces(proposal: WalletKitTypes.SessionProposal, currentChainId: string, safeAddress: string) {
     // As workaround, we pretend to support all the required chains plus the current Safe's chain
     const requiredChains = proposal.params.requiredNamespaces[EIP155]?.chains || []
 
@@ -108,7 +107,7 @@ class WalletConnectWallet {
   }
 
   public async approveSession(
-    proposal: Web3WalletTypes.SessionProposal,
+    proposal: WalletKitTypes.SessionProposal,
     currentChainId: string,
     safeAddress: string,
     sessionProperties?: ProposalTypes.SessionProperties,
@@ -182,7 +181,7 @@ class WalletConnectWallet {
     }
   }
 
-  public async rejectSession(proposal: Web3WalletTypes.SessionProposal) {
+  public async rejectSession(proposal: WalletKitTypes.SessionProposal) {
     assertWeb3Wallet(this.web3Wallet)
 
     await this.web3Wallet.rejectSession({
@@ -197,7 +196,7 @@ class WalletConnectWallet {
   /**
    * Subscribe to session proposals
    */
-  public onSessionPropose(handler: (e: Web3WalletTypes.SessionProposal) => void) {
+  public onSessionPropose(handler: (e: WalletKitTypes.SessionProposal) => void) {
     // Subscribe to the session proposal event
     this.web3Wallet?.on('session_proposal', handler)
 
@@ -210,7 +209,7 @@ class WalletConnectWallet {
   /**
    * Subscribe to session proposal rejections
    */
-  public onSessionReject(handler: (e: Web3WalletTypes.SessionProposal) => void) {
+  public onSessionReject(handler: (e: WalletKitTypes.SessionProposal) => void) {
     // @ts-expect-error - custom event payload
     this.web3Wallet?.on(SESSION_REJECT_EVENT, handler)
 
@@ -273,7 +272,7 @@ class WalletConnectWallet {
   /**
    * Subscribe to requests
    */
-  public onRequest(handler: (event: Web3WalletTypes.SessionRequest) => void) {
+  public onRequest(handler: (event: WalletKitTypes.SessionRequest) => void) {
     this.web3Wallet?.on('session_request', handler)
 
     return () => {
@@ -289,6 +288,70 @@ class WalletConnectWallet {
 
     return await this.web3Wallet.respondSessionRequest({ topic, response })
   }
+
+  /**
+   * Subscribe to SiWE requests
+   */
+  public onSessionAuth(handler: (e: WalletKitTypes.SessionAuthenticate) => void) {
+    // Subscribe to the session auth event
+    this.web3Wallet?.on('session_authenticate', handler)
+
+    // Return the unsubscribe function
+    return () => {
+      this.web3Wallet?.off('session_authenticate', handler)
+    }
+  }
+
+  /**
+   * Format SiWE message
+   */
+  public formatAuthMessage(
+    authPayload: WalletKitTypes.SessionAuthenticate['params']['authPayload'],
+    chainId: string,
+    address: string,
+  ): string {
+    assertWeb3Wallet(this.web3Wallet)
+
+    return this.web3Wallet.formatAuthMessage({
+      request: authPayload,
+      iss: `${getEip155ChainId(chainId)}:${address}`,
+    })
+  }
+
+  public async approveSessionAuth(
+    eventId: number,
+    authPayload: WalletKitTypes.SessionAuthenticate['params']['authPayload'],
+    signature: string,
+    chainId: string,
+    address: string,
+  ) {
+    assertWeb3Wallet(this.web3Wallet)
+
+    const auth = buildAuthObject(
+      authPayload,
+      {
+        t: 'eip1271',
+        s: signature,
+      },
+      `${getEip155ChainId(chainId)}:${address}`,
+    )
+
+    const resp = await this.web3Wallet.approveSessionAuthenticate({
+      id: eventId,
+      auths: [auth],
+    })
+
+    this.web3Wallet?.events.emit(SESSION_ADD_EVENT, resp.session)
+  }
+
+  public async rejectSessionAuth(eventId: number) {
+    assertWeb3Wallet(this.web3Wallet)
+
+    return this.web3Wallet.rejectSessionAuthenticate({
+      id: eventId,
+      reason: getSdkError('USER_REJECTED'),
+    })
+  }
 }
 
 export default WalletConnectWallet
diff --git a/src/features/walletconnect/services/__tests__/WalletConnectWallet.test.ts b/apps/web/src/features/walletconnect/services/__tests__/WalletConnectWallet.test.ts
similarity index 90%
rename from src/features/walletconnect/services/__tests__/WalletConnectWallet.test.ts
rename to apps/web/src/features/walletconnect/services/__tests__/WalletConnectWallet.test.ts
index d9a33cdc1..132b13412 100644
--- a/src/features/walletconnect/services/__tests__/WalletConnectWallet.test.ts
+++ b/apps/web/src/features/walletconnect/services/__tests__/WalletConnectWallet.test.ts
@@ -1,6 +1,6 @@
 import { toBeHex } from 'ethers'
 import type { ProposalTypes, SessionTypes, SignClientTypes, Verify } from '@walletconnect/types'
-import type { IWeb3Wallet, Web3WalletTypes } from '@walletconnect/web3wallet'
+import type { IWalletKit, WalletKitTypes } from '@reown/walletkit'
 
 import WalletConnectWallet from '../WalletConnectWallet'
 
@@ -8,8 +8,8 @@ jest.mock('@walletconnect/core', () => ({
   Core: jest.fn(),
 }))
 
-jest.mock('@walletconnect/web3wallet', () => {
-  class MockWeb3Wallet implements Partial<IWeb3Wallet> {
+jest.mock('@reown/walletkit', () => {
+  class MockWeb3Wallet implements Partial<IWalletKit> {
     static init() {
       const wallet = new MockWeb3Wallet()
 
@@ -20,7 +20,7 @@ jest.mock('@walletconnect/web3wallet', () => {
       pairing: {
         pair: jest.fn(),
       },
-    } as unknown as IWeb3Wallet['core']
+    } as unknown as IWalletKit['core']
 
     approveSession = jest.fn()
     updateSession = jest.fn()
@@ -32,7 +32,7 @@ jest.mock('@walletconnect/web3wallet', () => {
 
     events = {
       emit: jest.fn(),
-    } as unknown as IWeb3Wallet['events']
+    } as unknown as IWalletKit['events']
     on = jest.fn()
     off = jest.fn()
 
@@ -40,7 +40,7 @@ jest.mock('@walletconnect/web3wallet', () => {
   }
 
   return {
-    Web3Wallet: MockWeb3Wallet,
+    WalletKit: MockWeb3Wallet,
   }
 })
 
@@ -60,7 +60,7 @@ describe('WalletConnectWallet', () => {
 
   describe('connect', () => {
     it('should call pair with the correct parameters', async () => {
-      const pairSpy = jest.spyOn(((wallet as any).web3Wallet as IWeb3Wallet).core.pairing, 'pair')
+      const pairSpy = jest.spyOn(((wallet as any).web3Wallet as IWalletKit).core.pairing, 'pair')
 
       await wallet.connect('wc:123')
 
@@ -70,7 +70,7 @@ describe('WalletConnectWallet', () => {
 
   describe('chainChanged', () => {
     it('should call emitSessionEvent with the correct parameters', async () => {
-      const emitSessionEventSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'emitSessionEvent')
+      const emitSessionEventSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'emitSessionEvent')
 
       await wallet.chainChanged('topic1', '1')
 
@@ -87,7 +87,7 @@ describe('WalletConnectWallet', () => {
 
   describe('accountsChanged', () => {
     it('should call emitSessionEvent with the correct parameters', async () => {
-      const emitSessionEventSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'emitSessionEvent')
+      const emitSessionEventSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'emitSessionEvent')
 
       await wallet.accountsChanged('topic1', '1', toBeHex('0x123', 20))
 
@@ -104,7 +104,7 @@ describe('WalletConnectWallet', () => {
 
   describe('approveSession', () => {
     it('should approve the session with proposed required/optional chains/methods and required events', async () => {
-      const approveSessionSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'approveSession')
+      const approveSessionSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'approveSession')
       approveSessionSpy.mockResolvedValue({
         namespaces: {
           eip155: {},
@@ -151,7 +151,7 @@ describe('WalletConnectWallet', () => {
             },
           },
         },
-      } as unknown as Web3WalletTypes.SessionProposal
+      } as unknown as WalletKitTypes.SessionProposal
 
       await wallet.approveSession(
         proposal,
@@ -183,7 +183,7 @@ describe('WalletConnectWallet', () => {
     })
 
     it('should call approveSession with correct namespace if no requiredNamespace is given', async () => {
-      const approveSessionSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'approveSession')
+      const approveSessionSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'approveSession')
       approveSessionSpy.mockResolvedValue({
         namespaces: {
           eip155: {},
@@ -206,7 +206,7 @@ describe('WalletConnectWallet', () => {
             },
           },
         },
-      } as unknown as Web3WalletTypes.SessionProposal
+      } as unknown as WalletKitTypes.SessionProposal
 
       await wallet.approveSession(
         proposal,
@@ -230,8 +230,8 @@ describe('WalletConnectWallet', () => {
     })
 
     it('should call updateSession with the correct parameters', async () => {
-      const emitSessionEventSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'emitSessionEvent')
-      jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'approveSession').mockResolvedValue({
+      const emitSessionEventSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'emitSessionEvent')
+      jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'approveSession').mockResolvedValue({
         topic: 'topic',
         namespaces: {
           eip155: {},
@@ -269,8 +269,8 @@ describe('WalletConnectWallet', () => {
     })
 
     it('should call emitSessionEvent with the correct parameters', async () => {
-      const emitSpy = jest.spyOn(((wallet as any).web3Wallet as IWeb3Wallet).events, 'emit')
-      jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'approveSession').mockResolvedValue({
+      const emitSpy = jest.spyOn(((wallet as any).web3Wallet as IWalletKit).events, 'emit')
+      jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'approveSession').mockResolvedValue({
         topic: 'topic',
         namespaces: {
           eip155: {},
@@ -305,8 +305,8 @@ describe('WalletConnectWallet', () => {
 
   describe('updateSession', () => {
     it('should disconnect unsupported chains', async () => {
-      const disconnectSessionSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'disconnectSession')
-      const emitSpy = jest.spyOn(((wallet as any).web3Wallet as IWeb3Wallet).events, 'emit')
+      const disconnectSessionSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'disconnectSession')
+      const emitSpy = jest.spyOn(((wallet as any).web3Wallet as IWalletKit).events, 'emit')
 
       const session = {
         topic: 'topic1',
@@ -334,8 +334,8 @@ describe('WalletConnectWallet', () => {
     })
 
     it('should update the session with the correct namespace', async () => {
-      const updateSessionSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'updateSession')
-      const emitSessionEventSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'emitSessionEvent')
+      const updateSessionSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'updateSession')
+      const emitSessionEventSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'emitSessionEvent')
 
       const session = {
         topic: 'topic1',
@@ -367,8 +367,8 @@ describe('WalletConnectWallet', () => {
     })
 
     it('should not update the session if the chainId and account is already in the namespace', async () => {
-      const updateSessionSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'updateSession')
-      const emitSessionEventSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'emitSessionEvent')
+      const updateSessionSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'updateSession')
+      const emitSessionEventSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'emitSessionEvent')
 
       const session = {
         topic: 'topic1',
@@ -388,7 +388,7 @@ describe('WalletConnectWallet', () => {
     })
 
     it('should call emitSessionEvent with the correct parameters', async () => {
-      const emitSessionEventSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'emitSessionEvent')
+      const emitSessionEventSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'emitSessionEvent')
 
       const session = {
         topic: 'topic',
@@ -438,8 +438,8 @@ describe('WalletConnectWallet', () => {
 
   describe('onSessionPropose', () => {
     it('should subscribe to session_proposal event', () => {
-      const onSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'on')
-      const offSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'off')
+      const onSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'on')
+      const offSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'off')
 
       const handler = jest.fn()
 
@@ -456,8 +456,8 @@ describe('WalletConnectWallet', () => {
 
   describe('onSessionAdd', () => {
     it('should subscribe to SESSION_ADD_EVENT event', () => {
-      const onSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'on')
-      const offSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'off')
+      const onSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'on')
+      const offSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'off')
 
       const handler = jest.fn()
 
@@ -474,8 +474,8 @@ describe('WalletConnectWallet', () => {
 
   describe('onSessionDelete', () => {
     it('should subscribe to session_delete event', () => {
-      const onSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'on')
-      const offSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'off')
+      const onSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'on')
+      const offSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'off')
 
       const handler = jest.fn()
 
@@ -493,7 +493,7 @@ describe('WalletConnectWallet', () => {
   describe('disconnectSession', () => {
     it('should call disconnectSession with the correct parameters', async () => {
       const session = { topic: 'topic1', namespaces: {} } as SessionTypes.Struct
-      const disconnectSessionSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'disconnectSession')
+      const disconnectSessionSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'disconnectSession')
 
       await wallet.disconnectSession(session)
 
@@ -526,8 +526,8 @@ describe('WalletConnectWallet', () => {
   describe('onRequest', () => {
     it('should subscribe to session_request event', () => {
       const handler = jest.fn()
-      const onSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'on')
-      const offSpy = jest.spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'off')
+      const onSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'on')
+      const offSpy = jest.spyOn((wallet as any).web3Wallet as IWalletKit, 'off')
 
       const unsubscribe = wallet.onRequest(handler)
 
@@ -543,7 +543,7 @@ describe('WalletConnectWallet', () => {
   describe('sendSessionResponse', () => {
     it('should call respondSessionRequest with the correct parameters', async () => {
       const respondSessionRequestSpy = jest
-        .spyOn((wallet as any).web3Wallet as IWeb3Wallet, 'respondSessionRequest')
+        .spyOn((wallet as any).web3Wallet as IWalletKit, 'respondSessionRequest')
         .mockResolvedValue(undefined)
 
       await wallet.sendSessionResponse('topic1', { id: 1, jsonrpc: '2.0', result: 'result' })
diff --git a/src/features/walletconnect/services/__tests__/utils.test.ts b/apps/web/src/features/walletconnect/services/__tests__/utils.test.ts
similarity index 100%
rename from src/features/walletconnect/services/__tests__/utils.test.ts
rename to apps/web/src/features/walletconnect/services/__tests__/utils.test.ts
diff --git a/apps/web/src/features/walletconnect/services/tracking.ts b/apps/web/src/features/walletconnect/services/tracking.ts
new file mode 100644
index 000000000..348a58f7d
--- /dev/null
+++ b/apps/web/src/features/walletconnect/services/tracking.ts
@@ -0,0 +1,10 @@
+import { trackEvent } from '../../../services/analytics'
+import { WALLETCONNECT_EVENTS } from '../../../services/analytics/events/walletconnect'
+
+const trackedRequests = ['personal_sign', 'eth_sign', 'eth_sendTransaction']
+
+export const trackRequest = (peerUrl: string, method: string) => {
+  if (trackedRequests.includes(method)) {
+    trackEvent({ ...WALLETCONNECT_EVENTS.REQUEST, label: peerUrl })
+  }
+}
diff --git a/apps/web/src/features/walletconnect/services/utils.ts b/apps/web/src/features/walletconnect/services/utils.ts
new file mode 100644
index 000000000..e416588c5
--- /dev/null
+++ b/apps/web/src/features/walletconnect/services/utils.ts
@@ -0,0 +1,68 @@
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import type { ProposalTypes, SessionTypes } from '@walletconnect/types'
+import { EIP155, BlockedBridges, WarnedBridges, WarnedBridgeNames } from '@/features/walletconnect/constants'
+
+export const isPairingUri = (uri: string): boolean => {
+  return uri.startsWith('wc:')
+}
+
+export const getEip155ChainId = (chainId: string): string => {
+  return `${EIP155}:${chainId}`
+}
+
+export const stripEip155Prefix = (eip155Address: string): string => {
+  return eip155Address.split(':').pop() ?? ''
+}
+
+export const getSupportedEip155ChainIds = (
+  requiredNamespaces: ProposalTypes.RequiredNamespaces,
+  optionalNamespaces: ProposalTypes.OptionalNamespaces,
+): Array<string> => {
+  const requiredChains = requiredNamespaces[EIP155]?.chains ?? []
+  const optionalChains = optionalNamespaces[EIP155]?.chains ?? []
+
+  return requiredChains.concat(optionalChains)
+}
+
+export const getSupportedChainIds = (
+  configs: Array<ChainInfo>,
+  { requiredNamespaces, optionalNamespaces }: ProposalTypes.Struct,
+): Array<string> => {
+  const supportedEip155ChainIds = getSupportedEip155ChainIds(requiredNamespaces, optionalNamespaces)
+
+  return configs
+    .filter((chain) => {
+      const eipChainId = getEip155ChainId(chain.chainId)
+      return supportedEip155ChainIds.includes(eipChainId)
+    })
+    .map((chain) => chain.chainId)
+}
+
+export const isUnsupportedChain = (session: SessionTypes.Struct, chainId: string) => {
+  const supportedEip155ChainIds = getSupportedEip155ChainIds(session.requiredNamespaces, session.optionalNamespaces)
+
+  const eipChainId = getEip155ChainId(chainId)
+  return !supportedEip155ChainIds.includes(eipChainId)
+}
+
+// Bridge enforces the same address on destination chain
+export const isBlockedBridge = (origin: string) => {
+  return BlockedBridges.some((bridge) => origin.includes(bridge))
+}
+
+export const isSafePassApp = (origin: string) => {
+  return origin.includes('community.safe.global')
+}
+
+// Bridge defaults to same address on destination chain but allows changing it
+export const isWarnedBridge = (origin: string, name: string) => {
+  return WarnedBridges.some((bridge) => origin.includes(bridge)) || WarnedBridgeNames.includes(name)
+}
+
+export const getPeerName = (peer: SessionTypes.Struct['peer'] | ProposalTypes.Struct['proposer']): string => {
+  return peer.metadata?.name || peer.metadata?.url || ''
+}
+
+export const splitError = (message: string): string[] => {
+  return message.split(/: (.+)/).slice(0, 2)
+}
diff --git a/src/hooks/Beamer/useBeamer.ts b/apps/web/src/hooks/Beamer/useBeamer.ts
similarity index 79%
rename from src/hooks/Beamer/useBeamer.ts
rename to apps/web/src/hooks/Beamer/useBeamer.ts
index 52afabba1..f97a74b9d 100644
--- a/src/hooks/Beamer/useBeamer.ts
+++ b/apps/web/src/hooks/Beamer/useBeamer.ts
@@ -1,13 +1,12 @@
 import { useEffect } from 'react'
 
 import { useAppSelector } from '@/store'
-import { CookieAndTermType, selectCookies } from '@/store/cookiesAndTermsSlice'
+import { CookieAndTermType, hasConsentFor } from '@/store/cookiesAndTermsSlice'
 import { loadBeamer, unloadBeamer, updateBeamer } from '@/services/beamer'
 import { useCurrentChain } from '@/hooks/useChains'
 
 const useBeamer = () => {
-  const cookies = useAppSelector(selectCookies)
-  const isBeamerEnabled = cookies[CookieAndTermType.UPDATES]
+  const isBeamerEnabled = useAppSelector((state) => hasConsentFor(state, CookieAndTermType.UPDATES))
   const chain = useCurrentChain()
 
   useEffect(() => {
diff --git a/src/hooks/__tests__/useAddressResolver.test.ts b/apps/web/src/hooks/__tests__/useAddressResolver.test.ts
similarity index 100%
rename from src/hooks/__tests__/useAddressResolver.test.ts
rename to apps/web/src/hooks/__tests__/useAddressResolver.test.ts
diff --git a/src/hooks/__tests__/useAdjustUrl.test.ts b/apps/web/src/hooks/__tests__/useAdjustUrl.test.ts
similarity index 100%
rename from src/hooks/__tests__/useAdjustUrl.test.ts
rename to apps/web/src/hooks/__tests__/useAdjustUrl.test.ts
diff --git a/src/hooks/__tests__/useAsync.test.ts b/apps/web/src/hooks/__tests__/useAsync.test.ts
similarity index 98%
rename from src/hooks/__tests__/useAsync.test.ts
rename to apps/web/src/hooks/__tests__/useAsync.test.ts
index 1e167ba39..a46d4203e 100644
--- a/src/hooks/__tests__/useAsync.test.ts
+++ b/apps/web/src/hooks/__tests__/useAsync.test.ts
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 import { act, renderHook } from '@/tests/test-utils'
-import useAsync from '@/hooks/useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import { waitFor } from '@testing-library/react'
 
 // Jest tests for the useAsync hook
diff --git a/src/hooks/__tests__/useBatchedTxs.test.ts b/apps/web/src/hooks/__tests__/useBatchedTxs.test.ts
similarity index 100%
rename from src/hooks/__tests__/useBatchedTxs.test.ts
rename to apps/web/src/hooks/__tests__/useBatchedTxs.test.ts
diff --git a/src/hooks/__tests__/useChainId.test.ts b/apps/web/src/hooks/__tests__/useChainId.test.ts
similarity index 90%
rename from src/hooks/__tests__/useChainId.test.ts
rename to apps/web/src/hooks/__tests__/useChainId.test.ts
index b93c04750..27c994661 100644
--- a/src/hooks/__tests__/useChainId.test.ts
+++ b/apps/web/src/hooks/__tests__/useChainId.test.ts
@@ -84,7 +84,7 @@ describe('useChainId hook', () => {
       () =>
         ({
           chainId: '1337',
-        } as ConnectedWallet),
+        }) as ConnectedWallet,
     )
 
     jest.spyOn(useChains, 'default').mockImplementation(() => ({
@@ -94,13 +94,4 @@ describe('useChainId hook', () => {
     const { result } = renderHook(() => useChainId())
     expect(result.current).toBe('1337')
   })
-
-  it('should return the last chain id', () => {
-    ;(useParams as any).mockImplementation(() => ({}))
-
-    localStorage.setItem('SAFE_v2__session', `{"lastChainId": "100"}`)
-
-    const { result } = renderHook(() => useChainId())
-    expect(result.current).toBe('100')
-  })
 })
diff --git a/src/hooks/__tests__/useClock.test.ts b/apps/web/src/hooks/__tests__/useClock.test.ts
similarity index 100%
rename from src/hooks/__tests__/useClock.test.ts
rename to apps/web/src/hooks/__tests__/useClock.test.ts
diff --git a/apps/web/src/hooks/__tests__/useCompatibilityFallbackHandlerDeployments.test.ts b/apps/web/src/hooks/__tests__/useCompatibilityFallbackHandlerDeployments.test.ts
new file mode 100644
index 000000000..f37811974
--- /dev/null
+++ b/apps/web/src/hooks/__tests__/useCompatibilityFallbackHandlerDeployments.test.ts
@@ -0,0 +1,54 @@
+import { renderHook } from '@/tests/test-utils'
+import { getCompatibilityFallbackHandlerDeployments } from '@safe-global/safe-deployments'
+import { useCompatibilityFallbackHandlerDeployments } from '../useCompatibilityFallbackHandlerDeployments'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useCurrentChain } from '@/hooks/useChains'
+
+jest.mock('@safe-global/safe-deployments')
+jest.mock('@/hooks/useSafeInfo')
+jest.mock('@/hooks/useChains')
+
+describe('useCompatibilityFallbackHandlerDeployments', () => {
+  const mockSafeInfo = { safe: { version: '1.0.0' } }
+  const mockChain = { chainId: '1' }
+
+  beforeEach(() => {
+    ;(useSafeInfo as jest.Mock).mockReturnValue(mockSafeInfo)
+    ;(useCurrentChain as jest.Mock).mockReturnValue(mockChain)
+  })
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should return `undefined` if chain is not set', () => {
+    ;(useCurrentChain as jest.Mock).mockReturnValue(undefined)
+
+    const { result } = renderHook(() => useCompatibilityFallbackHandlerDeployments())
+
+    expect(result.current).toBeUndefined()
+    expect(getCompatibilityFallbackHandlerDeployments).not.toHaveBeenCalled()
+  })
+
+  it('should return `undefined` if safe version is not set', () => {
+    ;(useSafeInfo as jest.Mock).mockReturnValue({ safe: { version: undefined } })
+
+    const { result } = renderHook(() => useCompatibilityFallbackHandlerDeployments())
+
+    expect(result.current).toBeUndefined()
+    expect(getCompatibilityFallbackHandlerDeployments).not.toHaveBeenCalled()
+  })
+
+  it('should return compatibility fallback handler deployments if chain and safe version are set', () => {
+    const mockDeployments = { handler: '0x123' }
+    ;(getCompatibilityFallbackHandlerDeployments as jest.Mock).mockReturnValue(mockDeployments)
+
+    const { result } = renderHook(() => useCompatibilityFallbackHandlerDeployments())
+
+    expect(result.current).toEqual(mockDeployments)
+    expect(getCompatibilityFallbackHandlerDeployments).toHaveBeenCalledWith({
+      network: mockChain.chainId,
+      version: mockSafeInfo.safe.version,
+    })
+  })
+})
diff --git a/src/hooks/__tests__/useDebounce.test.ts b/apps/web/src/hooks/__tests__/useDebounce.test.ts
similarity index 89%
rename from src/hooks/__tests__/useDebounce.test.ts
rename to apps/web/src/hooks/__tests__/useDebounce.test.ts
index 4c96a0426..0b51ea5a3 100644
--- a/src/hooks/__tests__/useDebounce.test.ts
+++ b/apps/web/src/hooks/__tests__/useDebounce.test.ts
@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react'
-import { renderHook, act } from '@testing-library/react'
+import { renderHook } from '@testing-library/react'
+import { act } from 'react'
 import useDebounce from '../useDebounce'
 
 const useTestHook = (): string => {
diff --git a/src/hooks/__tests__/useGasLimit.test.ts b/apps/web/src/hooks/__tests__/useGasLimit.test.ts
similarity index 93%
rename from src/hooks/__tests__/useGasLimit.test.ts
rename to apps/web/src/hooks/__tests__/useGasLimit.test.ts
index bfdf20d47..c0f00b519 100644
--- a/src/hooks/__tests__/useGasLimit.test.ts
+++ b/apps/web/src/hooks/__tests__/useGasLimit.test.ts
@@ -12,7 +12,7 @@ import { connectedWalletBuilder } from '@/tests/builders/wallet'
 import { createMockSafeTransaction } from '@/tests/transactions'
 import { safeInfoBuilder } from '@/tests/builders/safe'
 import { type JsonRpcProvider, zeroPadValue } from 'ethers'
-import { Gnosis_safe__factory } from '@/types/contracts/factories/@safe-global/safe-deployments/dist/assets/v1.3.0'
+import { Gnosis_safe__factory } from '@safe-global/utils/types/contracts/factories/@safe-global/safe-deployments/dist/assets/v1.3.0'
 import { generatePreValidatedSignature } from '@safe-global/protocol-kit/dist/src/utils'
 
 const contractManager = mockContractManager()
@@ -30,7 +30,9 @@ describe('useGasLimit', () => {
       getContractManager: () => contractManager,
     } as unknown as Safe)
 
-    jest.spyOn(useWallet, 'default').mockReturnValue(connectedWalletBuilder().with({ address: walletAddress }).build())
+    jest
+      .spyOn(useWallet, 'useSigner')
+      .mockReturnValue(connectedWalletBuilder().with({ address: walletAddress }).build())
     jest.spyOn(useSafeInfo, 'default').mockReturnValue({
       safe: { ...safeInfo, deployed: true },
       safeAddress: safeInfo.address.value,
@@ -49,7 +51,7 @@ describe('useGasLimit', () => {
   })
 
   it('should return undefined if no owner is connected', async () => {
-    jest.spyOn(useWallet, 'default').mockReturnValue(
+    jest.spyOn(useWallet, 'useSigner').mockReturnValue(
       connectedWalletBuilder()
         .with({
           address: undefined,
diff --git a/src/hooks/__tests__/useGasPrice.test.ts b/apps/web/src/hooks/__tests__/useGasPrice.test.ts
similarity index 100%
rename from src/hooks/__tests__/useGasPrice.test.ts
rename to apps/web/src/hooks/__tests__/useGasPrice.test.ts
diff --git a/apps/web/src/hooks/__tests__/useHasUntrustedFallbackHandler.test.ts b/apps/web/src/hooks/__tests__/useHasUntrustedFallbackHandler.test.ts
new file mode 100644
index 000000000..95b98c590
--- /dev/null
+++ b/apps/web/src/hooks/__tests__/useHasUntrustedFallbackHandler.test.ts
@@ -0,0 +1,112 @@
+import { renderHook } from '@/tests/test-utils'
+import { useHasUntrustedFallbackHandler } from '../useHasUntrustedFallbackHandler'
+import { useTWAPFallbackHandlerAddress } from '@/features/swap/hooks/useIsTWAPFallbackHandler'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { TWAP_FALLBACK_HANDLER } from '@/features/swap/helpers/utils'
+import { faker } from '@faker-js/faker'
+import { getCompatibilityFallbackHandlerDeployment } from '@safe-global/safe-deployments'
+import { safeInfoBuilder } from '@/tests/builders/safe'
+
+jest.mock('@/hooks/useCompatibilityFallbackHandlerDeployments')
+jest.mock('@/hooks/useSafeInfo')
+jest.mock('@/features/swap/hooks/useIsTWAPFallbackHandler')
+
+const fallbackHandlerAddress = getCompatibilityFallbackHandlerDeployment({
+  network: '1',
+  version: '1.4.1',
+})?.defaultAddress!
+
+describe('useHasUntrustedFallbackHandler', () => {
+  beforeEach(() => {
+    ;(useSafeInfo as jest.Mock).mockReturnValue({ safe: safeInfoBuilder().with({ chainId: '1' }).build() })
+    ;(useTWAPFallbackHandlerAddress as jest.Mock).mockReturnValue(TWAP_FALLBACK_HANDLER)
+  })
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  describe('should return `false`', () => {
+    it('if current Safe`s fallback handler is an official one', () => {
+      ;(useSafeInfo as jest.Mock).mockReturnValue({
+        safe: safeInfoBuilder()
+          .with({ fallbackHandler: { value: fallbackHandlerAddress } })
+          .build(),
+      })
+      const { result } = renderHook(() => useHasUntrustedFallbackHandler())
+
+      expect(result.current).toBe(false)
+    })
+
+    it('if the provided fallback handler is an official one', () => {
+      const { result } = renderHook(() => useHasUntrustedFallbackHandler(fallbackHandlerAddress))
+
+      expect(result.current).toBe(false)
+    })
+
+    it('if the provided fallback handler is the TWAPFallbackHandler', () => {
+      const { result } = renderHook(() => useHasUntrustedFallbackHandler(TWAP_FALLBACK_HANDLER))
+
+      expect(result.current).toBe(false)
+    })
+
+    it('if all provided fallback handler addresses are trusted', () => {
+      const { result } = renderHook(() =>
+        useHasUntrustedFallbackHandler([fallbackHandlerAddress, TWAP_FALLBACK_HANDLER]),
+      )
+
+      expect(result.current).toBe(false)
+    })
+
+    it('if there is no fallback handler address', () => {
+      ;(useSafeInfo as jest.Mock).mockReturnValue({ safe: { fallbackHandler: { value: undefined }, chainId: '1' } })
+
+      const { result } = renderHook(() => useHasUntrustedFallbackHandler())
+
+      expect(result.current).toBe(false)
+    })
+  })
+
+  describe('should return `true`', () => {
+    it('if the current Safe`s fallback handler is not an official one', () => {
+      ;(useSafeInfo as jest.Mock).mockReturnValue({
+        safe: { fallbackHandler: { value: faker.finance.ethereumAddress() }, chainId: '1' },
+      })
+
+      const { result } = renderHook(() => useHasUntrustedFallbackHandler())
+
+      expect(result.current).toBe(true)
+    })
+
+    it('if the TWAPFallbackHandler is undefined', () => {
+      ;(useTWAPFallbackHandlerAddress as jest.Mock).mockReturnValue(undefined)
+
+      const { result } = renderHook(() => useHasUntrustedFallbackHandler(TWAP_FALLBACK_HANDLER))
+
+      expect(result.current).toBe(true)
+    })
+
+    it('if the provided fallback handler is not an official one', () => {
+      const { result } = renderHook(() => useHasUntrustedFallbackHandler(faker.finance.ethereumAddress()))
+
+      expect(result.current).toBe(true)
+    })
+
+    it('if any provided fallback handler addresses is untrusted', () => {
+      ;(useSafeInfo as jest.Mock).mockReturnValue({
+        safe: safeInfoBuilder()
+          .with({ fallbackHandler: { value: fallbackHandlerAddress } })
+          .build(),
+      })
+      const { result } = renderHook(() =>
+        useHasUntrustedFallbackHandler([
+          faker.finance.ethereumAddress(),
+          fallbackHandlerAddress,
+          TWAP_FALLBACK_HANDLER,
+        ]),
+      )
+
+      expect(result.current).toBe(true)
+    })
+  })
+})
diff --git a/src/hooks/__tests__/useIntervalCounter.test.ts b/apps/web/src/hooks/__tests__/useIntervalCounter.test.ts
similarity index 100%
rename from src/hooks/__tests__/useIntervalCounter.test.ts
rename to apps/web/src/hooks/__tests__/useIntervalCounter.test.ts
diff --git a/src/hooks/__tests__/useLoadBalances.test.ts b/apps/web/src/hooks/__tests__/useLoadBalances.test.ts
similarity index 79%
rename from src/hooks/__tests__/useLoadBalances.test.ts
rename to apps/web/src/hooks/__tests__/useLoadBalances.test.ts
index 01fa63f4c..d40447527 100644
--- a/src/hooks/__tests__/useLoadBalances.test.ts
+++ b/apps/web/src/hooks/__tests__/useLoadBalances.test.ts
@@ -1,13 +1,13 @@
 import * as store from '@/store'
-import { defaultSafeInfo } from '@/store/safeInfoSlice'
+import { defaultSafeInfo } from '@safe-global/store/slices/SafeInfo/utils'
 import { act, renderHook, waitFor } from '@/tests/test-utils'
 import { toBeHex } from 'ethers'
 import useLoadBalances from '../loadables/useLoadBalances'
-import * as SafeGatewaySDK from '@safe-global/safe-gateway-typescript-sdk'
 import { TokenType } from '@safe-global/safe-apps-sdk'
-import { FEATURES } from '@/utils/chains'
 import * as useChainId from '@/hooks/useChainId'
+import * as balancesQueries from '@safe-global/store/gateway/AUTO_GENERATED/balances'
 import { TOKEN_LISTS } from '@/store/settingsSlice'
+import { FEATURES } from '@safe-global/utils/utils/chains'
 
 const safeAddress = toBeHex('0x1234', 20)
 
@@ -140,17 +140,12 @@ describe('useLoadBalances', () => {
   })
 
   test('pass correct currency and reload on currency change', async () => {
-    const safeAddress = toBeHex('0x1234', 20)
-    const mockGetBalances = jest
-      .spyOn(SafeGatewaySDK, 'getBalances')
-      .mockImplementation(async (chainId, address, currency, query) => {
-        expect(chainId).toEqual('5')
-        expect(address).toEqual(safeAddress)
-        expect(currency).toEqual('EUR')
-        expect(query).toMatchObject({ trusted: false })
-
-        return mockBalanceEUR
-      })
+    jest.spyOn(balancesQueries, 'useBalancesGetBalancesV1Query').mockImplementation(() => ({
+      currentData: mockBalanceEUR,
+      isLoading: false,
+      error: undefined,
+      refetch: jest.fn(),
+    }))
 
     const mockSelector = jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
       selector({
@@ -183,14 +178,12 @@ describe('useLoadBalances', () => {
       expect(result.current[1]).toBeUndefined()
     })
 
-    mockGetBalances.mockImplementation(async (chainId, address, currency, query) => {
-      expect(chainId).toEqual('5')
-      expect(address).toEqual(safeAddress)
-      expect(currency).toEqual('USD')
-      expect(query).toMatchObject({ trusted: false })
-
-      return mockBalanceUSD
-    })
+    jest.spyOn(balancesQueries, 'useBalancesGetBalancesV1Query').mockImplementation(() => ({
+      currentData: mockBalanceUSD,
+      isLoading: false,
+      error: undefined,
+      refetch: jest.fn(),
+    }))
 
     mockSelector.mockImplementation((selector) =>
       selector({
@@ -226,14 +219,12 @@ describe('useLoadBalances', () => {
   })
 
   test('only use default list if feature is enabled', async () => {
-    jest.spyOn(SafeGatewaySDK, 'getBalances').mockImplementation(async (chainId, address, currency, query) => {
-      expect(chainId).toEqual('5')
-      expect(address).toEqual(safeAddress)
-      expect(currency).toEqual('EUR')
-      expect(query).toMatchObject({ trusted: false })
-
-      return mockBalanceAllTokens
-    })
+    jest.spyOn(balancesQueries, 'useBalancesGetBalancesV1Query').mockImplementation(() => ({
+      currentData: mockBalanceAllTokens,
+      isLoading: false,
+      error: undefined,
+      refetch: jest.fn(),
+    }))
 
     jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
       selector({
@@ -268,16 +259,12 @@ describe('useLoadBalances', () => {
   })
 
   test('use trusted filter for default list and reload on settings change', async () => {
-    const mockGetBalances = jest
-      .spyOn(SafeGatewaySDK, 'getBalances')
-      .mockImplementation(async (chainId, address, currency, query) => {
-        expect(chainId).toEqual('5')
-        expect(address).toEqual(safeAddress)
-        expect(currency).toEqual('EUR')
-        expect(query).toMatchObject({ trusted: true })
-
-        return mockBalanceDefaultList
-      })
+    jest.spyOn(balancesQueries, 'useBalancesGetBalancesV1Query').mockImplementation(() => ({
+      currentData: mockBalanceDefaultList,
+      isLoading: false,
+      error: undefined,
+      refetch: jest.fn(),
+    }))
 
     const mockSelector = jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
       selector({
@@ -313,14 +300,12 @@ describe('useLoadBalances', () => {
       expect(result.current[1]).toBeUndefined()
     })
 
-    mockGetBalances.mockImplementation(async (chainId, address, currency, query) => {
-      expect(chainId).toEqual('5')
-      expect(address).toEqual(safeAddress)
-      expect(currency).toEqual('EUR')
-      expect(query).toMatchObject({ trusted: false })
-
-      return mockBalanceAllTokens
-    })
+    jest.spyOn(balancesQueries, 'useBalancesGetBalancesV1Query').mockImplementation(() => ({
+      currentData: mockBalanceAllTokens,
+      isLoading: false,
+      error: undefined,
+      refetch: jest.fn(),
+    }))
 
     mockSelector.mockImplementation((selector) =>
       selector({
diff --git a/apps/web/src/hooks/__tests__/useLoadSpendingLimits.test.ts b/apps/web/src/hooks/__tests__/useLoadSpendingLimits.test.ts
new file mode 100644
index 000000000..858cf1321
--- /dev/null
+++ b/apps/web/src/hooks/__tests__/useLoadSpendingLimits.test.ts
@@ -0,0 +1,288 @@
+import * as spendingLimit from '@/services/contracts/spendingLimitContracts'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import type { AllowanceModule } from '@safe-global/utils/types/contracts'
+import { AllowanceModule__factory } from '@safe-global/utils/types/contracts'
+import { getSpendingLimits, getTokenAllowances, getTokensForDelegates } from '../loadables/useLoadSpendingLimits'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+import { mockWeb3Provider } from '@/tests/test-utils'
+import { createMockWeb3Provider } from '@safe-global/utils/tests/web3Provider'
+import { faker } from '@faker-js/faker'
+
+const spendingLimitInterface = AllowanceModule__factory.createInterface()
+const mockProvider = createMockWeb3Provider([], undefined, '4')
+const mockModule = {
+  value: '0x1',
+}
+
+describe('getSpendingLimits', () => {
+  beforeEach(() => {
+    jest.resetModules()
+    jest.resetAllMocks()
+  })
+
+  it('should return undefined if no spending limit module address was found', async () => {
+    jest.spyOn(spendingLimit, 'getDeployedSpendingLimitModuleAddress').mockReturnValue(undefined)
+
+    const result = await getSpendingLimits(mockProvider, [], ZERO_ADDRESS, '4', [])
+
+    expect(result).toBeUndefined()
+  })
+
+  it('should return undefined if the safe has no spending limit module', async () => {
+    jest.spyOn(spendingLimit, 'getDeployedSpendingLimitModuleAddress').mockReturnValue('0x1')
+
+    const result = await getSpendingLimits(mockProvider, [], ZERO_ADDRESS, '4', [])
+
+    expect(result).toBeUndefined()
+  })
+
+  it('should fetch a list of delegates', async () => {
+    const getDelegatesMock = jest.fn(() => ({ results: [] }))
+    jest.spyOn(spendingLimit, 'getDeployedSpendingLimitModuleAddress').mockReturnValue('0x1')
+    jest.spyOn(spendingLimit, 'getSpendingLimitContract').mockImplementation(
+      jest.fn(() => {
+        return {
+          getDelegates: getDelegatesMock,
+          getAddress: jest.fn().mockResolvedValue(faker.finance.ethereumAddress()),
+        } as unknown as AllowanceModule
+      }),
+    )
+
+    const mockModule = {
+      value: '0x1',
+    }
+
+    await getSpendingLimits(mockProvider, [mockModule], ZERO_ADDRESS, '4', [])
+
+    expect(getDelegatesMock).toHaveBeenCalledWith(ZERO_ADDRESS, 0, 100)
+  })
+
+  it('should return a flat list of spending limits', async () => {
+    const spendingLimitAddress = faker.finance.ethereumAddress()
+    const delegate1 = faker.finance.ethereumAddress()
+    const delegate2 = faker.finance.ethereumAddress()
+    const token1 = faker.finance.ethereumAddress()
+    const token2 = faker.finance.ethereumAddress()
+    const getDelegatesMock = jest.fn(() => ({ results: [delegate1, delegate2] }))
+
+    const web3Provider = createMockWeb3Provider(
+      [
+        {
+          signature: spendingLimitInterface.getFunction('getTokens')?.selector!,
+          returnType: 'address[]',
+          returnValue: [token1, token2],
+        },
+        {
+          signature: spendingLimitInterface.getFunction('getTokenAllowance')?.selector!,
+          returnType: 'uint256[5]',
+          returnValue: [BigInt(1), BigInt(0), BigInt(0), BigInt(0), BigInt(0)],
+        },
+      ],
+      undefined,
+      '4',
+    )
+
+    jest.spyOn(spendingLimit, 'getDeployedSpendingLimitModuleAddress').mockReturnValue('0x1')
+    jest.spyOn(spendingLimit, 'getSpendingLimitContract').mockImplementation(
+      jest.fn(() => {
+        return {
+          getAddress: jest.fn().mockResolvedValue(spendingLimitAddress),
+          getDelegates: getDelegatesMock,
+          interface: spendingLimitInterface,
+        } as unknown as AllowanceModule
+      }),
+    )
+
+    const result = await getSpendingLimits(web3Provider, [mockModule], ZERO_ADDRESS, '4', [])
+
+    expect(result?.length).toBe(4)
+
+    // the requests should be optimized through using multicall:
+    expect(web3Provider.call).toHaveBeenCalledTimes(2)
+  })
+
+  it('should filter out empty allowances', async () => {
+    const spendingLimitAddress = faker.finance.ethereumAddress()
+    const delegate1 = faker.finance.ethereumAddress()
+    const delegate2 = faker.finance.ethereumAddress()
+    const token1 = faker.finance.ethereumAddress()
+    const token2 = faker.finance.ethereumAddress()
+    const getDelegatesMock = jest.fn(() => ({ results: [delegate1, delegate2] }))
+
+    const web3Provider = createMockWeb3Provider(
+      [
+        {
+          signature: spendingLimitInterface.getFunction('getTokens')?.selector!,
+          returnType: 'address[]',
+          returnValue: [token1, token2],
+        },
+        {
+          signature: spendingLimitInterface.getFunction('getTokenAllowance')?.selector!,
+          returnType: 'uint256[5]',
+          returnValue: [BigInt(0), BigInt(0), BigInt(0), BigInt(0), BigInt(0)],
+        },
+      ],
+      undefined,
+      '4',
+    )
+
+    jest.spyOn(spendingLimit, 'getDeployedSpendingLimitModuleAddress').mockReturnValue('0x1')
+    jest.spyOn(spendingLimit, 'getSpendingLimitContract').mockImplementation(
+      jest.fn(() => {
+        return {
+          getAddress: jest.fn().mockResolvedValue(spendingLimitAddress),
+          getDelegates: getDelegatesMock,
+          interface: spendingLimitInterface,
+        } as unknown as AllowanceModule
+      }),
+    )
+
+    const result = await getSpendingLimits(web3Provider, [mockModule], ZERO_ADDRESS, '4', [])
+
+    expect(result?.length).toBe(0)
+  })
+})
+
+describe('getTokensForDelegates', () => {
+  it('should fetch tokens for a given delegate', async () => {
+    const delegate = faker.finance.ethereumAddress()
+    const token1 = faker.finance.ethereumAddress()
+    const token2 = faker.finance.ethereumAddress()
+    const mockContract = {
+      interface: spendingLimitInterface,
+      getAddress: jest.fn().mockResolvedValue(faker.finance.ethereumAddress()),
+    } as unknown as AllowanceModule
+
+    const mockProvider = createMockWeb3Provider(
+      [
+        {
+          signature: spendingLimitInterface.getFunction('getTokens')?.selector!,
+          returnType: 'address[]',
+          returnValue: [token1, token2],
+        },
+        {
+          signature: spendingLimitInterface.getFunction('getTokenAllowance')?.selector!,
+          returnType: 'uint256[5]',
+          returnValue: [BigInt(1), BigInt(0), BigInt(0), BigInt(0), BigInt(0)],
+        },
+      ],
+      undefined,
+      '5',
+    )
+    const spendingLimits = await getTokensForDelegates(mockContract, mockProvider, ZERO_ADDRESS, [delegate], [])
+    expect(spendingLimits.length).toBe(2)
+  })
+})
+
+describe('getTokenAllowanceForDelegate', () => {
+  it('should return contract values as strings', async () => {
+    const mockContract = {
+      getAddress: jest.fn().mockResolvedValue(faker.finance.ethereumAddress()),
+      interface: spendingLimitInterface,
+    } as unknown as AllowanceModule
+    const delegate = faker.finance.ethereumAddress()
+    const token = faker.finance.ethereumAddress()
+    const mockProvider = createMockWeb3Provider(
+      [
+        {
+          signature: spendingLimitInterface.getFunction('getTokenAllowance')?.selector!,
+          returnType: 'uint256[5]',
+          returnValue: [BigInt(0), BigInt(0), BigInt(0), BigInt(0), BigInt(0)],
+        },
+      ],
+      undefined,
+      '5',
+    )
+    const result = (await getTokenAllowances(mockContract, mockProvider, ZERO_ADDRESS, [{ delegate, token }], []))[0]
+
+    expect(result.beneficiary).toBe(delegate)
+    expect(result.nonce).toBe('0')
+    expect(result.amount).toBe('0')
+    expect(result.spent).toBe('0')
+    expect(result.lastResetMin).toBe('0')
+    expect(result.resetTimeMin).toBe('0')
+  })
+
+  it('should return tokenInfo from balance', async () => {
+    const mockContract = {
+      getAddress: jest.fn().mockResolvedValue(faker.finance.ethereumAddress()),
+      interface: spendingLimitInterface,
+    } as unknown as AllowanceModule
+    const delegate = faker.finance.ethereumAddress()
+    const token = faker.finance.ethereumAddress()
+    const mockProvider = createMockWeb3Provider(
+      [
+        {
+          signature: spendingLimitInterface.getFunction('getTokenAllowance')?.selector!,
+          returnType: 'uint256[5]',
+          returnValue: [BigInt(0), BigInt(0), BigInt(0), BigInt(0), BigInt(0)],
+        },
+      ],
+      undefined,
+      '5',
+    )
+
+    const mockTokenInfoFromBalances = [
+      {
+        address: token,
+        name: 'Test',
+        type: TokenType.ERC20,
+        symbol: 'TST',
+        decimals: 10,
+        logoUri: 'https://mock.images/0x10.png',
+      },
+    ]
+
+    const result = (
+      await getTokenAllowances(
+        mockContract,
+        mockProvider,
+        ZERO_ADDRESS,
+        [{ delegate, token }],
+        mockTokenInfoFromBalances,
+      )
+    )[0]
+
+    expect(result.token.address).toBe(token)
+    expect(result.token.decimals).toBe(10)
+    expect(result.token.symbol).toBe('TST')
+    expect(result.token.logoUri).toBe('https://mock.images/0x10.png')
+  })
+
+  it('should return tokenInfo from on-chain if not in balance', async () => {
+    const mockContract = {
+      getAddress: jest.fn().mockResolvedValue(faker.finance.ethereumAddress()),
+      interface: spendingLimitInterface,
+    } as unknown as AllowanceModule
+    const delegate = faker.finance.ethereumAddress()
+    const token = faker.finance.ethereumAddress()
+    const mockProvider = mockWeb3Provider(
+      [
+        {
+          signature: spendingLimitInterface.getFunction('getTokenAllowance')?.selector!,
+          returnType: 'uint256[5]',
+          returnValue: [BigInt(0), BigInt(0), BigInt(0), BigInt(0), BigInt(0)],
+        },
+        {
+          signature: 'decimals()',
+          returnType: 'uint8',
+          returnValue: 10,
+        },
+        {
+          signature: 'symbol()',
+          returnType: 'string',
+          returnValue: 'TST',
+        },
+      ],
+      undefined,
+      '5',
+    )
+
+    const result = (await getTokenAllowances(mockContract, mockProvider, ZERO_ADDRESS, [{ delegate, token }], []))[0]
+
+    expect(result.token.address).toBe(token)
+    expect(result.token.decimals).toBe(10)
+    expect(result.token.symbol).toBe('TST')
+    expect(result.token.logoUri).toBe(undefined)
+  })
+})
diff --git a/apps/web/src/hooks/__tests__/useNestedSafeOwners.test.ts b/apps/web/src/hooks/__tests__/useNestedSafeOwners.test.ts
new file mode 100644
index 000000000..ed3d8b187
--- /dev/null
+++ b/apps/web/src/hooks/__tests__/useNestedSafeOwners.test.ts
@@ -0,0 +1,54 @@
+import { useNestedSafeOwners } from '../useNestedSafeOwners'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { faker } from '@faker-js/faker'
+import { addressExBuilder, extendedSafeInfoBuilder } from '@/tests/builders/safe'
+import { renderHook } from '@/tests/test-utils'
+import { generateRandomArray } from '@/tests/builders/utils'
+import useOwnedSafes from '../useOwnedSafes'
+
+jest.mock('@/hooks/useOwnedSafes')
+jest.mock('@/hooks/useSafeInfo')
+
+describe('useNestedSafeOwners', () => {
+  const mockUseSafeInfo = useSafeInfo as jest.MockedFunction<typeof useSafeInfo>
+  const mockUseOwnedSafes = useOwnedSafes as jest.MockedFunction<typeof useOwnedSafes>
+
+  const safeAddress = faker.finance.ethereumAddress()
+  // Safe with 3 owners
+  const mockSafeInfo = {
+    safeAddress,
+    safe: extendedSafeInfoBuilder()
+      .with({ address: { value: safeAddress } })
+      .with({ chainId: '1' })
+      .with({ owners: generateRandomArray(() => addressExBuilder().build(), { min: 3, max: 3 }) })
+      .build(),
+    safeLoaded: true,
+    safeLoading: false,
+  }
+
+  const mockOwners = mockSafeInfo.safe.owners
+
+  beforeAll(() => {
+    mockUseSafeInfo.mockReturnValue(mockSafeInfo)
+  })
+
+  it('should return undefined without owned Safes', () => {
+    mockUseOwnedSafes.mockReturnValue({})
+    const { result } = renderHook(() => useNestedSafeOwners())
+    expect(result.current).toEqual(undefined)
+  })
+
+  it('should return empty list if no owned Safe is in the owners', () => {
+    mockUseOwnedSafes.mockReturnValue({ '1': [faker.finance.ethereumAddress()] })
+    const { result } = renderHook(() => useNestedSafeOwners())
+    expect(result.current).toEqual([])
+  })
+
+  it('should return intersection of owners and owned Safes', () => {
+    mockUseOwnedSafes.mockReturnValue({
+      '1': [faker.finance.ethereumAddress(), mockOwners[0].value, mockOwners[1].value, mockOwners[2].value],
+    })
+    const { result } = renderHook(() => useNestedSafeOwners())
+    expect(result.current).toEqual([mockOwners[0].value, mockOwners[1].value, mockOwners[2].value])
+  })
+})
diff --git a/apps/web/src/hooks/__tests__/useOnceVisible.test.ts b/apps/web/src/hooks/__tests__/useOnceVisible.test.ts
new file mode 100644
index 000000000..f3f6b35f3
--- /dev/null
+++ b/apps/web/src/hooks/__tests__/useOnceVisible.test.ts
@@ -0,0 +1,105 @@
+import { act } from 'react'
+import { renderHook } from '@testing-library/react'
+import useOnceVisible from '../useOnceVisible'
+
+describe('useOnceVisible hook', () => {
+  let observeMock: jest.Mock
+  let unobserveMock: jest.Mock
+  let disconnectMock: jest.Mock
+  let intersectionObserverMock: jest.Mock
+  let intersectionCallback: IntersectionObserverCallback
+  let mockObserverInstance: IntersectionObserver
+
+  beforeEach(() => {
+    observeMock = jest.fn()
+    unobserveMock = jest.fn()
+    disconnectMock = jest.fn()
+
+    // Mock factory for IntersectionObserver:
+    intersectionObserverMock = jest.fn((callback: IntersectionObserverCallback) => {
+      // Save the callback so we can trigger it later
+      intersectionCallback = callback
+
+      mockObserverInstance = {
+        observe: observeMock,
+        unobserve: unobserveMock,
+        disconnect: disconnectMock,
+        takeRecords: jest.fn(),
+        root: null,
+        rootMargin: '',
+        thresholds: [],
+      }
+
+      return mockObserverInstance
+    })
+
+    // Override the global IntersectionObserver
+    Object.defineProperty(window, 'IntersectionObserver', {
+      writable: true,
+      configurable: true,
+      value: intersectionObserverMock,
+    })
+  })
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('returns false initially', () => {
+    const ref = { current: document.createElement('div') }
+
+    const { result } = renderHook(() => useOnceVisible(ref))
+    expect(result.current).toBe(false)
+  })
+
+  it('calls observe on mount', () => {
+    const ref = { current: document.createElement('div') }
+    renderHook(() => useOnceVisible(ref))
+
+    expect(observeMock).toHaveBeenCalledTimes(1)
+    expect(observeMock).toHaveBeenCalledWith(ref.current)
+  })
+
+  it('updates to true when the element becomes visible', async () => {
+    const ref = { current: document.createElement('div') }
+    const { result } = renderHook(() => useOnceVisible(ref))
+
+    expect(result.current).toBe(false)
+
+    act(() => {
+      intersectionCallback(
+        [
+          {
+            isIntersecting: true,
+            target: ref.current!,
+            intersectionRatio: 1,
+            boundingClientRect: {} as DOMRectReadOnly,
+            intersectionRect: {} as DOMRectReadOnly,
+            rootBounds: null,
+            time: 0,
+          },
+        ],
+        mockObserverInstance,
+      )
+    })
+
+    expect(result.current).toBe(true)
+  })
+
+  it('disconnects observer on unmount', () => {
+    const ref = { current: document.createElement('div') }
+    const { unmount } = renderHook(() => useOnceVisible(ref))
+
+    unmount()
+    expect(disconnectMock).toHaveBeenCalledTimes(1)
+  })
+
+  it('does nothing if ref.current is null', () => {
+    const ref = { current: null }
+
+    const { unmount } = renderHook(() => useOnceVisible(ref))
+    expect(intersectionObserverMock).not.toHaveBeenCalled()
+
+    unmount()
+  })
+})
diff --git a/src/hooks/__tests__/usePendingActions.test.ts b/apps/web/src/hooks/__tests__/usePendingActions.test.ts
similarity index 100%
rename from src/hooks/__tests__/usePendingActions.test.ts
rename to apps/web/src/hooks/__tests__/usePendingActions.test.ts
diff --git a/src/hooks/__tests__/usePendingTxs.test.ts b/apps/web/src/hooks/__tests__/usePendingTxs.test.ts
similarity index 87%
rename from src/hooks/__tests__/usePendingTxs.test.ts
rename to apps/web/src/hooks/__tests__/usePendingTxs.test.ts
index 5765fa1c6..5a8aad5e6 100644
--- a/src/hooks/__tests__/usePendingTxs.test.ts
+++ b/apps/web/src/hooks/__tests__/usePendingTxs.test.ts
@@ -14,7 +14,8 @@ import {
   ConflictType,
 } from '@safe-global/safe-gateway-typescript-sdk'
 import * as useSafeInfoHook from '@/hooks/useSafeInfo'
-import { filterUntrustedQueue, useHasPendingTxs, usePendingTxsQueue } from '../usePendingTxs'
+import { filterUntrustedQueue, getNextTransactions, useHasPendingTxs, usePendingTxsQueue } from '../usePendingTxs'
+import { isLabelListItem } from '@/utils/transaction-guards'
 
 const mockQueue = <TransactionListPage>{
   next: undefined,
@@ -43,6 +44,24 @@ const mockQueue = <TransactionListPage>{
   ],
 }
 
+const mockQueueWithQueued = <TransactionListPage>{
+  next: undefined,
+  previous: undefined,
+  results: [
+    ...mockQueue.results,
+    {
+      type: TransactionListItemType.LABEL,
+      label: LabelValue.Queued,
+    },
+    {
+      type: 'TRANSACTION',
+      transaction: {
+        id: 'multisig_789',
+      },
+    },
+  ],
+}
+
 const mockQueueWithConflictHeaders = <TransactionListPage>{
   next: undefined,
   previous: undefined,
@@ -80,6 +99,25 @@ jest.mock('@safe-global/safe-gateway-typescript-sdk', () => ({
   getTransactionQueue: jest.fn(() => Promise.resolve(mockQueue)),
 }))
 
+describe('getNextTransactions', () => {
+  it('should return all transactions up to the "Queued" label', () => {
+    const result = getNextTransactions(mockQueueWithQueued)
+
+    expect(result.results).toStrictEqual(mockQueue.results)
+  })
+
+  it('should return all transactions if there is no "Queued" label', () => {
+    const mockQueueWithoutQueuedLabel = {
+      ...mockQueueWithQueued,
+      results: mockQueueWithQueued.results.filter((item) => isLabelListItem(item) && item.label !== LabelValue.Queued),
+    }
+
+    const result = getNextTransactions(mockQueueWithoutQueuedLabel)
+
+    expect(result.results).toStrictEqual(mockQueueWithoutQueuedLabel.results)
+  })
+})
+
 describe('filterUntrustedQueue', () => {
   it('should remove transactions that are not pending', () => {
     const mockPendingIds = ['multisig_123']
diff --git a/apps/web/src/hooks/__tests__/usePredictSafeAddressFromTxDetails.test.ts b/apps/web/src/hooks/__tests__/usePredictSafeAddressFromTxDetails.test.ts
new file mode 100644
index 000000000..31a0d90c3
--- /dev/null
+++ b/apps/web/src/hooks/__tests__/usePredictSafeAddressFromTxDetails.test.ts
@@ -0,0 +1,295 @@
+import { renderHook } from '@testing-library/react'
+import type { DataDecoded, TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+
+import { _getSetupFromDataDecoded, usePredictSafeAddressFromTxDetails } from '../usePredictSafeAddressFromTxDetails'
+
+// @see https://safe-client.safe.global/v1/chains/11155111/transactions/multisig_0x57c26D4d117c926A872814fa46C179691f580e84_0xd0d519d3ebd6efac7a9d7c591c0a311193b6acbbf5db970fab6a51e1d3509e72
+const createProxyWithNonce = {
+  safeAddress: '0x57c26D4d117c926A872814fa46C179691f580e84',
+  txId: 'multisig_0x57c26D4d117c926A872814fa46C179691f580e84_0xd0d519d3ebd6efac7a9d7c591c0a311193b6acbbf5db970fab6a51e1d3509e72',
+  executedAt: 1732816512000,
+  txStatus: 'SUCCESS',
+  txInfo: {
+    type: 'Custom',
+    humanDescription: null,
+    to: {
+      value: '0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67',
+      name: 'SafeProxyFactory 1.4.1',
+      logoUri:
+        'https://safe-transaction-assets.safe.global/contracts/logos/0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67.png',
+    },
+    dataSize: '580',
+    value: '0',
+    methodName: 'createProxyWithNonce',
+    actionCount: null,
+    isCancellation: false,
+  },
+  txData: {
+    hexData:
+      '0x1688f0b900000000000000000000000041675c099f32341bf84bfc5382af534df5c7461a0000000000000000000000000000000000000000000000000000000000000060000000000000000000000000000000000000000000000000000000000000000b00000000000000000000000000000000000000000000000000000000000001a4b63e800d00000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000bd89a1ce4dde368ffab0ec35506eece0b1ffdc540000000000000000000000000000000000000000000000000000000000000140000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000057c26d4d117c926a872814fa46c179691f580e840000000000000000000000000000000000000000000000000000000000000024fe51f64300000000000000000000000029fcb43b46531bca003ddc8fcb67ffe91900c7620000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000',
+    dataDecoded: {
+      method: 'createProxyWithNonce',
+      parameters: [
+        {
+          name: '_singleton',
+          type: 'address',
+          value: '0x41675C099F32341bf84BFc5382aF534df5C7461a',
+          valueDecoded: null,
+        },
+        {
+          name: 'initializer',
+          type: 'bytes',
+          value:
+            '0xb63e800d00000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000bd89a1ce4dde368ffab0ec35506eece0b1ffdc540000000000000000000000000000000000000000000000000000000000000140000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000057c26d4d117c926a872814fa46c179691f580e840000000000000000000000000000000000000000000000000000000000000024fe51f64300000000000000000000000029fcb43b46531bca003ddc8fcb67ffe91900c76200000000000000000000000000000000000000000000000000000000',
+          valueDecoded: null,
+        },
+        { name: 'saltNonce', type: 'uint256', value: '11', valueDecoded: null },
+      ],
+    },
+    to: {
+      value: '0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67',
+      name: 'SafeProxyFactory 1.4.1',
+      logoUri:
+        'https://safe-transaction-assets.safe.global/contracts/logos/0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67.png',
+    },
+    value: '0',
+    operation: 0,
+    trustedDelegateCallTarget: null,
+    addressInfoIndex: {
+      '0x41675C099F32341bf84BFc5382aF534df5C7461a': {
+        value: '0x41675C099F32341bf84BFc5382aF534df5C7461a',
+        name: 'Safe 1.4.1',
+        logoUri:
+          'https://safe-transaction-assets.safe.global/contracts/logos/0x41675C099F32341bf84BFc5382aF534df5C7461a.png',
+      },
+    },
+  },
+  txHash: '0xef0ae869f2aa8ef5c60aa7e47cfb1dc463d25f41b1c9322d822bc96b529c7e60',
+  detailedExecutionInfo: {
+    type: 'MULTISIG',
+    submittedAt: 1732816512000,
+    nonce: 30,
+    safeTxGas: '0',
+    baseGas: '0',
+    gasPrice: '0',
+    gasToken: '0x0000000000000000000000000000000000000000',
+    refundReceiver: { value: '0x0000000000000000000000000000000000000000', name: 'MetaMultiSigWallet', logoUri: null },
+    safeTxHash: '0xd0d519d3ebd6efac7a9d7c591c0a311193b6acbbf5db970fab6a51e1d3509e72',
+    executor: { value: '0xbbeedB6d8e56e23f5812e59d1b6602F15957271F', name: null, logoUri: null },
+    signers: [{ value: '0xbbeedB6d8e56e23f5812e59d1b6602F15957271F', name: null, logoUri: null }],
+    confirmationsRequired: 1,
+    confirmations: [
+      {
+        signer: { value: '0xbbeedB6d8e56e23f5812e59d1b6602F15957271F', name: null, logoUri: null },
+        signature:
+          '0x000000000000000000000000bbeedb6d8e56e23f5812e59d1b6602f15957271f000000000000000000000000000000000000000000000000000000000000000001',
+        submittedAt: 1732816512000,
+      },
+    ],
+    rejectors: [],
+    gasTokenInfo: null,
+    trusted: true,
+    proposer: null,
+    proposedByDelegate: null,
+  },
+  safeAppInfo: null,
+}
+
+// @see https://safe-client.safe.global/v1/chains/11155111/transactions/multisig_0x57c26D4d117c926A872814fa46C179691f580e84_0x1bfa1753ff85b19b9b455a7bf6b5f491e75fef451b01d31dac5236966aa82dbb
+const createProxyWithNonceThenFund = {
+  safeAddress: '0x57c26D4d117c926A872814fa46C179691f580e84',
+  txId: 'multisig_0x57c26D4d117c926A872814fa46C179691f580e84_0x1bfa1753ff85b19b9b455a7bf6b5f491e75fef451b01d31dac5236966aa82dbb',
+  executedAt: 1732815948000,
+  txStatus: 'SUCCESS',
+  txInfo: {
+    type: 'Custom',
+    humanDescription: null,
+    to: {
+      value: '0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B',
+      name: 'Safe: MultiSendCallOnly 1.3.0',
+      logoUri:
+        'https://safe-transaction-assets.safe.global/contracts/logos/0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B.png',
+    },
+    dataSize: '836',
+    value: '0',
+    methodName: 'multiSend',
+    actionCount: 2,
+    isCancellation: false,
+  },
+  txData: {
+    hexData:
+      '0x8d80ff0a000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000002ee004e1dcf7ad4e460cfd30791ccc4f9c8a4f820ec67000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000002441688f0b900000000000000000000000041675c099f32341bf84bfc5382af534df5c7461a0000000000000000000000000000000000000000000000000000000000000060000000000000000000000000000000000000000000000000000000000000000900000000000000000000000000000000000000000000000000000000000001a4b63e800d00000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000bd89a1ce4dde368ffab0ec35506eece0b1ffdc540000000000000000000000000000000000000000000000000000000000000140000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000057c26d4d117c926a872814fa46c179691f580e840000000000000000000000000000000000000000000000000000000000000024fe51f64300000000000000000000000029fcb43b46531bca003ddc8fcb67ffe91900c762000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000a1eeb7cc56e9ff272fd2da70cbe18c9c500fc478000000000000000000000000000000000000000000000000016345785d8a00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000',
+    dataDecoded: {
+      method: 'multiSend',
+      parameters: [
+        {
+          name: 'transactions',
+          type: 'bytes',
+          value:
+            '0x004e1dcf7ad4e460cfd30791ccc4f9c8a4f820ec67000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000002441688f0b900000000000000000000000041675c099f32341bf84bfc5382af534df5c7461a0000000000000000000000000000000000000000000000000000000000000060000000000000000000000000000000000000000000000000000000000000000900000000000000000000000000000000000000000000000000000000000001a4b63e800d00000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000bd89a1ce4dde368ffab0ec35506eece0b1ffdc540000000000000000000000000000000000000000000000000000000000000140000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000057c26d4d117c926a872814fa46c179691f580e840000000000000000000000000000000000000000000000000000000000000024fe51f64300000000000000000000000029fcb43b46531bca003ddc8fcb67ffe91900c762000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000a1eeb7cc56e9ff272fd2da70cbe18c9c500fc478000000000000000000000000000000000000000000000000016345785d8a00000000000000000000000000000000000000000000000000000000000000000000',
+          valueDecoded: [
+            {
+              operation: 0,
+              to: '0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67',
+              value: '0',
+              data: '0x1688f0b900000000000000000000000041675c099f32341bf84bfc5382af534df5c7461a0000000000000000000000000000000000000000000000000000000000000060000000000000000000000000000000000000000000000000000000000000000900000000000000000000000000000000000000000000000000000000000001a4b63e800d00000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000bd89a1ce4dde368ffab0ec35506eece0b1ffdc540000000000000000000000000000000000000000000000000000000000000140000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000057c26d4d117c926a872814fa46c179691f580e840000000000000000000000000000000000000000000000000000000000000024fe51f64300000000000000000000000029fcb43b46531bca003ddc8fcb67ffe91900c7620000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000',
+              dataDecoded: {
+                method: 'createProxyWithNonce',
+                parameters: [
+                  { name: '_singleton', type: 'address', value: '0x41675C099F32341bf84BFc5382aF534df5C7461a' },
+                  {
+                    name: 'initializer',
+                    type: 'bytes',
+                    value:
+                      '0xb63e800d00000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000bd89a1ce4dde368ffab0ec35506eece0b1ffdc540000000000000000000000000000000000000000000000000000000000000140000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000057c26d4d117c926a872814fa46c179691f580e840000000000000000000000000000000000000000000000000000000000000024fe51f64300000000000000000000000029fcb43b46531bca003ddc8fcb67ffe91900c76200000000000000000000000000000000000000000000000000000000',
+                  },
+                  { name: 'saltNonce', type: 'uint256', value: '9' },
+                ],
+              },
+            },
+            {
+              operation: 0,
+              to: '0xA1eEB7CC56e9FF272Fd2Da70CBE18c9C500FC478',
+              value: '100000000000000000',
+              data: null,
+              dataDecoded: null,
+            },
+          ],
+        },
+      ],
+    },
+    to: {
+      value: '0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B',
+      name: 'Safe: MultiSendCallOnly 1.3.0',
+      logoUri:
+        'https://safe-transaction-assets.safe.global/contracts/logos/0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B.png',
+    },
+    value: '0',
+    operation: 1,
+    trustedDelegateCallTarget: true,
+    addressInfoIndex: {
+      '0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67': {
+        value: '0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67',
+        name: 'SafeProxyFactory 1.4.1',
+        logoUri:
+          'https://safe-transaction-assets.safe.global/contracts/logos/0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67.png',
+      },
+      '0x41675C099F32341bf84BFc5382aF534df5C7461a': {
+        value: '0x41675C099F32341bf84BFc5382aF534df5C7461a',
+        name: 'Safe 1.4.1',
+        logoUri:
+          'https://safe-transaction-assets.safe.global/contracts/logos/0x41675C099F32341bf84BFc5382aF534df5C7461a.png',
+      },
+      '0xA1eEB7CC56e9FF272Fd2Da70CBE18c9C500FC478': {
+        value: '0xA1eEB7CC56e9FF272Fd2Da70CBE18c9C500FC478',
+        name: 'SafeProxy',
+        logoUri: null,
+      },
+    },
+  },
+  txHash: '0x08d3c281a136d43346433453125afee79f9455bf5810deec3dd3806a42de41b1',
+  detailedExecutionInfo: {
+    type: 'MULTISIG',
+    submittedAt: 1732815948000,
+    nonce: 28,
+    safeTxGas: '0',
+    baseGas: '0',
+    gasPrice: '0',
+    gasToken: '0x0000000000000000000000000000000000000000',
+    refundReceiver: { value: '0x0000000000000000000000000000000000000000', name: 'MetaMultiSigWallet', logoUri: null },
+    safeTxHash: '0x1bfa1753ff85b19b9b455a7bf6b5f491e75fef451b01d31dac5236966aa82dbb',
+    executor: { value: '0xbbeedB6d8e56e23f5812e59d1b6602F15957271F', name: null, logoUri: null },
+    signers: [{ value: '0xbbeedB6d8e56e23f5812e59d1b6602F15957271F', name: null, logoUri: null }],
+    confirmationsRequired: 1,
+    confirmations: [
+      {
+        signer: { value: '0xbbeedB6d8e56e23f5812e59d1b6602F15957271F', name: null, logoUri: null },
+        signature:
+          '0x000000000000000000000000bbeedb6d8e56e23f5812e59d1b6602f15957271f000000000000000000000000000000000000000000000000000000000000000001',
+        submittedAt: 1732815948000,
+      },
+    ],
+    rejectors: [],
+    gasTokenInfo: null,
+    trusted: true,
+    proposer: null,
+    proposedByDelegate: null,
+  },
+  safeAppInfo: null,
+}
+
+describe('getSetupFromDataDecoded', () => {
+  it('should return undefined if no createProxyWithNonce method is found', () => {
+    const dataDecoded = {
+      method: 'notCreateProxyWithNonce',
+    }
+    expect(_getSetupFromDataDecoded(dataDecoded)).toBeUndefined()
+  })
+
+  it('should return direct createProxyWithNonce calls', () => {
+    expect(_getSetupFromDataDecoded(createProxyWithNonce.txData.dataDecoded as unknown as DataDecoded)).toEqual({
+      singleton: '0x41675C099F32341bf84BFc5382aF534df5C7461a',
+      initializer:
+        '0xb63e800d00000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000bd89a1ce4dde368ffab0ec35506eece0b1ffdc540000000000000000000000000000000000000000000000000000000000000140000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000057c26d4d117c926a872814fa46c179691f580e840000000000000000000000000000000000000000000000000000000000000024fe51f64300000000000000000000000029fcb43b46531bca003ddc8fcb67ffe91900c76200000000000000000000000000000000000000000000000000000000',
+      saltNonce: '11',
+    })
+  })
+
+  it.each([
+    ['_singleton', 0],
+    ['initializer', 1],
+    ['saltNonce', 2],
+  ])('should return undefined if %s is not a string', (_, argIndex) => {
+    const dataDecoded = JSON.parse(JSON.stringify(createProxyWithNonce.txData.dataDecoded)) as DataDecoded
+    // @ts-expect-error value is a string
+    dataDecoded.parameters[argIndex].value = 1
+    expect(_getSetupFromDataDecoded(dataDecoded)).toBeUndefined()
+  })
+})
+
+jest.mock('@/features/multichain/utils/utils', () => ({
+  __esModule: true,
+  predictSafeAddress: jest.fn(),
+}))
+jest.mock('@/hooks/wallets/web3', () => ({
+  __esModule: true,
+  useWeb3ReadOnly: () => {
+    return 'Mock provider'
+  },
+}))
+
+describe('usePredictSafeAddressFromTxDetails', () => {
+  it('should pass the correct arguments to predictSafeAddress from a createProxyWithNonce call', () => {
+    const mockPredictSafeAddress = jest.spyOn(require('@/features/multichain/utils/utils'), 'predictSafeAddress')
+
+    renderHook(() => usePredictSafeAddressFromTxDetails(createProxyWithNonce as unknown as TransactionDetails))
+
+    expect(mockPredictSafeAddress).toHaveBeenCalledWith(
+      {
+        singleton: '0x41675C099F32341bf84BFc5382aF534df5C7461a',
+        initializer:
+          '0xb63e800d00000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000bd89a1ce4dde368ffab0ec35506eece0b1ffdc540000000000000000000000000000000000000000000000000000000000000140000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000057c26d4d117c926a872814fa46c179691f580e840000000000000000000000000000000000000000000000000000000000000024fe51f64300000000000000000000000029fcb43b46531bca003ddc8fcb67ffe91900c76200000000000000000000000000000000000000000000000000000000',
+        saltNonce: '11',
+      },
+      '0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67',
+      'Mock provider',
+    )
+  })
+
+  it('should pass the correct arguments to predictSafeAddress from a multiSend, containing a createProxyWithNonce call', () => {
+    const mockPredictSafeAddress = jest.spyOn(require('@/features/multichain/utils/utils'), 'predictSafeAddress')
+
+    renderHook(() => usePredictSafeAddressFromTxDetails(createProxyWithNonceThenFund as unknown as TransactionDetails))
+
+    expect(mockPredictSafeAddress).toHaveBeenCalledWith(
+      {
+        singleton: '0x41675C099F32341bf84BFc5382aF534df5C7461a',
+        initializer:
+          '0xb63e800d00000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000bd89a1ce4dde368ffab0ec35506eece0b1ffdc540000000000000000000000000000000000000000000000000000000000000140000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000057c26d4d117c926a872814fa46c179691f580e840000000000000000000000000000000000000000000000000000000000000024fe51f64300000000000000000000000029fcb43b46531bca003ddc8fcb67ffe91900c76200000000000000000000000000000000000000000000000000000000',
+        saltNonce: '9',
+      },
+      '0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67',
+      'Mock provider',
+    )
+  })
+})
diff --git a/src/hooks/__tests__/usePreviousNonces.test.ts b/apps/web/src/hooks/__tests__/usePreviousNonces.test.ts
similarity index 100%
rename from src/hooks/__tests__/usePreviousNonces.test.ts
rename to apps/web/src/hooks/__tests__/usePreviousNonces.test.ts
diff --git a/apps/web/src/hooks/__tests__/useRankedSafeApps.test.ts b/apps/web/src/hooks/__tests__/useRankedSafeApps.test.ts
new file mode 100644
index 000000000..2aa30b5eb
--- /dev/null
+++ b/apps/web/src/hooks/__tests__/useRankedSafeApps.test.ts
@@ -0,0 +1,56 @@
+import { renderHook } from '@/tests/test-utils'
+import { useRankedSafeApps } from '@/hooks/safe-apps/useRankedSafeApps'
+import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
+
+const getMockSafeApp = (props: Partial<SafeAppData>) => {
+  return {
+    tags: [],
+    ...props,
+  } as SafeAppData
+}
+
+describe('useRankedSafeApps', () => {
+  it('returns an empty array if there are no safe apps', () => {
+    const { result } = renderHook(() => useRankedSafeApps([], []))
+
+    expect(result.current).toStrictEqual([])
+  })
+
+  it('returns 5 safe apps at most', () => {
+    const mockSafeApp1 = getMockSafeApp({ id: 1, featured: true } as Partial<SafeAppData>)
+    const mockSafeApp2 = getMockSafeApp({ id: 2 })
+    const mockSafeApp3 = getMockSafeApp({ id: 3 })
+    const mockSafeApp4 = getMockSafeApp({ id: 4 })
+    const mockSafeApp5 = getMockSafeApp({ id: 5 })
+    const mockSafeApp6 = getMockSafeApp({ id: 6 })
+
+    const { result } = renderHook(() =>
+      useRankedSafeApps([mockSafeApp1], [mockSafeApp2, mockSafeApp3, mockSafeApp4, mockSafeApp5, mockSafeApp6]),
+    )
+
+    expect(result.current.length).toEqual(5)
+  })
+
+  it('returns featured, then pinned apps', () => {
+    const mockSafeApp1 = getMockSafeApp({ id: 1 })
+    const mockSafeApp2 = getMockSafeApp({ id: 2, featured: true } as Partial<SafeAppData>)
+    const mockSafeApp3 = getMockSafeApp({ id: 3, featured: true } as Partial<SafeAppData>)
+    const mockSafeApp4 = getMockSafeApp({ id: 4 })
+    const mockSafeApp5 = getMockSafeApp({ id: 5 })
+
+    const mockPinnedApp1 = getMockSafeApp({ id: 6 })
+    const mockPinnedApp2 = getMockSafeApp({ id: 7 })
+
+    const { result } = renderHook(() =>
+      useRankedSafeApps(
+        [mockSafeApp1, mockSafeApp2, mockSafeApp3, mockSafeApp4, mockSafeApp5],
+        [mockPinnedApp1, mockPinnedApp2],
+      ),
+    )
+
+    expect(result.current[0]).toStrictEqual(mockSafeApp2)
+    expect(result.current[1]).toStrictEqual(mockSafeApp3)
+    expect(result.current[2]).toStrictEqual(mockPinnedApp1)
+    expect(result.current[3]).toStrictEqual(mockPinnedApp2)
+  })
+})
diff --git a/src/hooks/__tests__/useRemainingRelays.test.ts b/apps/web/src/hooks/__tests__/useRemainingRelays.test.ts
similarity index 75%
rename from src/hooks/__tests__/useRemainingRelays.test.ts
rename to apps/web/src/hooks/__tests__/useRemainingRelays.test.ts
index e167618f9..992069d85 100644
--- a/src/hooks/__tests__/useRemainingRelays.test.ts
+++ b/apps/web/src/hooks/__tests__/useRemainingRelays.test.ts
@@ -3,8 +3,8 @@ import { useLeastRemainingRelays, useRelaysBySafe } from '@/hooks/useRemainingRe
 import * as useSafeInfo from '@/hooks/useSafeInfo'
 import * as useChains from '@/hooks/useChains'
 import { chainBuilder } from '@/tests/builders/chains'
-import { FEATURES } from '@/utils/chains'
 import * as gateway from '@safe-global/safe-gateway-typescript-sdk'
+import { FEATURES } from '@safe-global/utils/utils/chains'
 
 const SAFE_ADDRESS = '0x0000000000000000000000000000000000000001'
 
@@ -52,53 +52,13 @@ describe('fetch remaining relays hooks', () => {
 
       expect(mockFetch).toHaveBeenCalledTimes(2)
     })
-
-    it('should not do a network request if only swaps are supported but the tx is not a swap', () => {
-      jest.spyOn(useChains, 'useCurrentChain').mockReturnValue(
-        chainBuilder()
-          // @ts-expect-error - using local FEATURES enum
-          .with({ features: [FEATURES.RELAY_NATIVE_SWAPS] })
-          .build(),
-      )
-
-      const mockFetch = jest.spyOn(gateway, 'getRelayCount')
-
-      renderHook(() => useRelaysBySafe(JSON.stringify({ url: 'https://some.url', name: 'Some app' })))
-      expect(mockFetch).toHaveBeenCalledTimes(0)
-    })
-
-    it('should do a network request if only swaps are supported and the tx is a swap', async () => {
-      jest.spyOn(useChains, 'useCurrentChain').mockReturnValue(
-        chainBuilder()
-          // @ts-expect-error - using local FEATURES enum
-          .with({ features: [FEATURES.RELAY_NATIVE_SWAPS] })
-          .build(),
-      )
-
-      const mockFetch = jest.spyOn(gateway, 'getRelayCount').mockResolvedValue({
-        limit: 5,
-        remaining: 3,
-      })
-
-      const { result } = renderHook(() =>
-        useRelaysBySafe(JSON.stringify({ url: 'https://some.url', name: 'Safe Swap' })),
-      )
-
-      await waitFor(() => {
-        expect(mockFetch).toHaveBeenCalledTimes(1)
-        expect(result.current[0]).toEqual({
-          limit: 5,
-          remaining: 3,
-        })
-      })
-    })
   })
 
   describe('useLeastRemainingRelays hook', () => {
     const ownerAddresses = ['0x00', '0x01', '0x02']
 
     it('should return 0 if one of the owners has no remaining relays', async () => {
-      const mockFetch = jest
+      jest
         .spyOn(gateway, 'getRelayCount')
         .mockResolvedValue({ limit: 5, remaining: 3 })
         .mockResolvedValueOnce({ limit: 5, remaining: 0 })
@@ -112,7 +72,7 @@ describe('fetch remaining relays hooks', () => {
     })
 
     it('should return the minimum number of relays amongst owners', async () => {
-      const mockFetch = jest
+      jest
         .spyOn(gateway, 'getRelayCount')
         .mockResolvedValue({ limit: 5, remaining: 3 })
         .mockResolvedValueOnce({ limit: 5, remaining: 2 })
@@ -126,7 +86,7 @@ describe('fetch remaining relays hooks', () => {
     })
 
     it('should return 0 if there is an error fetching the remaining relays', async () => {
-      const mockFetch = jest
+      jest
         .spyOn(gateway, 'getRelayCount')
         .mockResolvedValue({ limit: 5, remaining: 3 })
         .mockRejectedValueOnce('Failed to fetch')
diff --git a/src/hooks/__tests__/useRemoteSafeApps.test.ts b/apps/web/src/hooks/__tests__/useRemoteSafeApps.test.ts
similarity index 96%
rename from src/hooks/__tests__/useRemoteSafeApps.test.ts
rename to apps/web/src/hooks/__tests__/useRemoteSafeApps.test.ts
index da77750c1..4bda40702 100644
--- a/src/hooks/__tests__/useRemoteSafeApps.test.ts
+++ b/apps/web/src/hooks/__tests__/useRemoteSafeApps.test.ts
@@ -47,7 +47,7 @@ describe('useRemoteSafeApps', () => {
     ])
   })
   it('should alphabetically return the remote safe apps filtered by tag', async () => {
-    const { result } = renderHook(() => useRemoteSafeApps('test' as SafeAppsTag))
+    const { result } = renderHook(() => useRemoteSafeApps({ tag: 'test' as SafeAppsTag }))
 
     var [data, error, loading] = result.current
 
diff --git a/apps/web/src/hooks/__tests__/useSafeAddressFromUrl.test.ts b/apps/web/src/hooks/__tests__/useSafeAddressFromUrl.test.ts
new file mode 100644
index 000000000..5c1cc2b57
--- /dev/null
+++ b/apps/web/src/hooks/__tests__/useSafeAddressFromUrl.test.ts
@@ -0,0 +1,55 @@
+import { useRouter } from 'next/router'
+import { renderHook } from '@/tests/test-utils'
+import { useSafeAddressFromUrl } from '@/hooks/useSafeAddressFromUrl'
+
+// Mock useRouter
+jest.mock('next/router', () => ({
+  useRouter: jest.fn(() => ({
+    pathname: '/safe/home',
+    query: {
+      safe: 'rin:0x0000000000000000000000000000000000000001',
+    },
+  })),
+}))
+
+// Tests for the useSafeAddress hook
+describe('useSafeAddress hook', () => {
+  it('should return the safe address', () => {
+    const { result } = renderHook(() => useSafeAddressFromUrl())
+    expect(result.current).toBe('0x0000000000000000000000000000000000000001')
+  })
+
+  it('should not return the safe address when it is not in the query', () => {
+    ;(useRouter as any).mockImplementation(() => ({
+      pathname: '/',
+      query: {
+        safe: undefined,
+      },
+    }))
+
+    const { result } = renderHook(() => useSafeAddressFromUrl())
+    expect(result.current).toBe('')
+  })
+
+  it('should cheksum the safe address', () => {
+    ;(useRouter as any).mockImplementation(() => ({
+      pathname: '/safe/home',
+      query: {
+        safe: 'eth:0x220866b1a2219f40e72f5c628b65d54268ca3a9d',
+      },
+    }))
+
+    const { result } = renderHook(() => useSafeAddressFromUrl())
+    expect(result.current).toBe('0x220866B1A2219f40e72f5c628B65D54268cA3A9D')
+  })
+
+  it('should return empty address for safe routes w/o query', () => {
+    ;(useRouter as any).mockImplementation(() => ({
+      pathname: '/safe/home',
+      query: {},
+    }))
+
+    const { result } = renderHook(() => useSafeAddressFromUrl())
+    expect(result.current).toBe('')
+  })
+})
diff --git a/src/hooks/__tests__/useSafeNotifications.test.ts b/apps/web/src/hooks/__tests__/useSafeNotifications.test.ts
similarity index 79%
rename from src/hooks/__tests__/useSafeNotifications.test.ts
rename to apps/web/src/hooks/__tests__/useSafeNotifications.test.ts
index e36178194..bfd5381ab 100644
--- a/src/hooks/__tests__/useSafeNotifications.test.ts
+++ b/apps/web/src/hooks/__tests__/useSafeNotifications.test.ts
@@ -38,13 +38,10 @@ describe('useSafeNotifications', () => {
       // mock useSafeInfo to return a SafeInfo with an outdated version
       ;(useSafeInfo as jest.Mock).mockReturnValue({
         safe: {
-          implementation: { value: '0x123' },
+          implementation: { value: '0x234' },
           implementationVersionState: 'OUTDATED',
           version: '1.1.1',
-          address: {
-            value: '0x1',
-          },
-          chainId: '5',
+          address: { value: '0x123' },
         },
         safeAddress: '0x123',
       })
@@ -73,13 +70,10 @@ describe('useSafeNotifications', () => {
       // mock useSafeInfo to return a SafeInfo with an outdated version
       ;(useSafeInfo as jest.Mock).mockReturnValue({
         safe: {
-          implementation: { value: '0x123' },
+          implementation: { value: '0x234' },
           implementationVersionState: 'OUTDATED',
           version: '0.0.1',
-          address: {
-            value: '0x1',
-          },
-          chainId: '5',
+          address: { value: '0x123' },
         },
         safeAddress: '0x123',
       })
@@ -104,13 +98,10 @@ describe('useSafeNotifications', () => {
     it('should not show a notification when the Safe version is up to date', () => {
       ;(useSafeInfo as jest.Mock).mockReturnValue({
         safe: {
-          implementation: { value: '0x123' },
+          implementation: { value: '0x234' },
           implementationVersionState: 'UP_TO_DATE',
           version: '1.3.0',
-          address: {
-            value: '0x1',
-          },
-          chainId: '5',
+          address: { value: '0x123' },
         },
       })
 
@@ -127,13 +118,10 @@ describe('useSafeNotifications', () => {
     it('should show a notification when the mastercopy is invalid', () => {
       ;(useSafeInfo as jest.Mock).mockReturnValue({
         safe: {
-          implementation: { value: '0x123' },
+          implementation: { value: '0x234' },
           implementationVersionState: 'UNKNOWN',
           version: '1.3.0',
-          address: {
-            value: '0x1',
-          },
-          chainId: '5',
+          address: { value: '0x123' },
         },
       })
 
@@ -160,10 +148,29 @@ describe('useSafeNotifications', () => {
           implementation: { value: '0x456' },
           implementationVersionState: 'UP_TO_DATE',
           version: '1.3.0',
+          address: { value: '0x123' },
+        },
+      })
+
+      // render the hook
+      const { result } = renderHook(() => useSafeNotifications())
+
+      // check that the notification was shown
+      expect(result.current).toBeUndefined()
+      expect(showNotification).not.toHaveBeenCalled()
+    })
+
+    it('should show a notification when the mastercopy is invalid but can be migrated', () => {
+      ;(useSafeInfo as jest.Mock).mockReturnValue({
+        safe: {
+          implementation: { value: '0x123' },
+          implementationVersionState: 'UNKNOWN',
+          version: '1.3.0',
+          nonce: 0,
           address: {
             value: '0x1',
           },
-          chainId: '5',
+          chainId: '10',
         },
       })
 
@@ -172,7 +179,13 @@ describe('useSafeNotifications', () => {
 
       // check that the notification was shown
       expect(result.current).toBeUndefined()
-      expect(showNotification).not.toHaveBeenCalled()
+      expect(showNotification).toHaveBeenCalledWith({
+        variant: 'info',
+        message: `This Safe Account was created with an unsupported base contract.
+           It is possible to migrate it to a compatible base contract. You can migrate it to a compatible contract on the Home screen.`,
+        groupKey: 'invalid-mastercopy',
+        link: undefined,
+      })
     })
   })
 })
diff --git a/apps/web/src/hooks/__tests__/useSafeTokenAllocation.test.ts b/apps/web/src/hooks/__tests__/useSafeTokenAllocation.test.ts
new file mode 100644
index 000000000..813f80746
--- /dev/null
+++ b/apps/web/src/hooks/__tests__/useSafeTokenAllocation.test.ts
@@ -0,0 +1,297 @@
+import { mockWeb3Provider, renderHook, waitFor } from '@/tests/test-utils'
+import { parseEther, toBeHex, AbiCoder } from 'ethers'
+import useSafeTokenAllocation, { useSafeVotingPower, type Vesting } from '../useSafeTokenAllocation'
+import * as useSafeInfoHook from '@/hooks/useSafeInfo'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+
+const setupFetchStub =
+  (data: any, status: number = 200) =>
+  () => {
+    return Promise.resolve({
+      json: () => Promise.resolve(data),
+      status,
+      ok: status === 200,
+    })
+  }
+
+const originalGlobalFetch = global.fetch
+describe('Allocations', () => {
+  afterAll(() => {
+    global.fetch = originalGlobalFetch
+  })
+
+  beforeEach(() => {
+    jest.resetAllMocks()
+    jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
+      () =>
+        ({
+          safeAddress: toBeHex('0x2', 20),
+          safe: {
+            address: toBeHex('0x2', 20),
+            chainId: '1',
+          },
+        }) as any,
+    )
+  })
+
+  describe('useSafeTokenAllocation', () => {
+    it('should return undefined without safe address', async () => {
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
+        () =>
+          ({
+            safeAddress: undefined,
+            safe: {
+              address: undefined,
+              chainId: '1',
+            },
+          }) as any,
+      )
+
+      const { result } = renderHook(() => useSafeTokenAllocation())
+
+      await waitFor(() => {
+        expect(result.current[1]).toBeFalsy()
+        expect(result.current[0]).toBeUndefined()
+      })
+    })
+
+    it('should return an empty array if no allocations exist', async () => {
+      global.fetch = jest.fn().mockImplementation(setupFetchStub('', 404))
+      const mockFetch = jest.spyOn(global, 'fetch')
+
+      mockWeb3Provider([])
+
+      const { result } = renderHook(() => useSafeTokenAllocation())
+
+      await waitFor(() => {
+        expect(mockFetch).toHaveBeenCalled()
+        expect(result.current[0]).toStrictEqual([])
+        expect(result.current[1]).toBeFalsy()
+      })
+    })
+
+    it('should calculate expiration', async () => {
+      const mockAllocations = [
+        {
+          tag: 'user',
+          account: toBeHex('0x2', 20),
+          chainId: 1,
+          contract: toBeHex('0xabc', 20),
+          vestingId: toBeHex('0x4110', 32),
+          durationWeeks: 208,
+          startDate: 1657231200,
+          amount: '2000',
+          curve: 0,
+          proof: [],
+        },
+      ]
+
+      global.fetch = jest.fn().mockImplementation(setupFetchStub(mockAllocations, 200))
+      const mockFetch = jest.spyOn(global, 'fetch')
+
+      mockWeb3Provider([
+        {
+          signature: 'vestings(bytes32)',
+          returnType: 'raw',
+          returnValue: AbiCoder.defaultAbiCoder().encode(
+            ['address', 'uint8', 'bool', 'uint16', 'uint64', 'uint128', 'uint128', 'uint64', 'bool'],
+            [ZERO_ADDRESS, '0x1', false, 208, 1657231200, 2000, 0, 0, false],
+          ),
+        },
+      ])
+
+      const { result } = renderHook(() => useSafeTokenAllocation())
+
+      await waitFor(() => {
+        expect(mockFetch).toHaveBeenCalled()
+        expect(result.current[0]).toEqual([
+          {
+            ...mockAllocations[0],
+            amountClaimed: '0',
+            isExpired: true,
+            isRedeemed: false,
+          },
+        ])
+        expect(result.current[1]).toBeFalsy()
+      })
+    })
+
+    it('should calculate redemption', async () => {
+      const mockAllocation = [
+        {
+          tag: 'user',
+          account: toBeHex('0x2', 20),
+          chainId: 1,
+          contract: toBeHex('0xabc', 20),
+          vestingId: toBeHex('0x4110', 32),
+          durationWeeks: 208,
+          startDate: 1657231200,
+          amount: '2000',
+          curve: 0,
+          proof: [],
+        },
+      ]
+
+      global.fetch = jest.fn().mockImplementation(setupFetchStub(mockAllocation, 200))
+      const mockFetch = jest.spyOn(global, 'fetch')
+
+      mockWeb3Provider([
+        {
+          signature: 'vestings(bytes32)',
+          returnType: 'raw',
+          returnValue: AbiCoder.defaultAbiCoder().encode(
+            ['address', 'uint8', 'bool', 'uint16', 'uint64', 'uint128', 'uint128', 'uint64', 'bool'],
+            [toBeHex('0x2', 20), '0x1', false, 208, 1657231200, 2000, 0, 0, false],
+          ),
+        },
+      ])
+
+      const { result } = renderHook(() => useSafeTokenAllocation())
+
+      await waitFor(() => {
+        expect(mockFetch).toHaveBeenCalled()
+        expect(result.current[0]).toEqual([
+          {
+            ...mockAllocation[0],
+            amountClaimed: BigInt(0),
+            isExpired: false,
+            isRedeemed: true,
+          },
+        ])
+        expect(result.current[1]).toBeFalsy()
+      })
+    })
+  })
+
+  describe('useSafeTokenBalance', () => {
+    it('should return undefined without allocation data', async () => {
+      const { result } = renderHook(() => useSafeVotingPower())
+
+      await waitFor(() => {
+        expect(result.current[1]).toBeFalsy()
+        expect(result.current[0]).toBeUndefined()
+      })
+    })
+
+    it('should return undefined without safe address', async () => {
+      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
+        () =>
+          ({
+            safeAddress: undefined,
+            safe: {
+              address: undefined,
+              chainId: '1',
+            },
+          }) as any,
+      )
+
+      const { result } = renderHook(() => useSafeVotingPower([{} as Vesting]))
+
+      await waitFor(() => {
+        expect(result.current[1]).toBeFalsy()
+        expect(result.current[0]).toBeUndefined()
+      })
+    })
+
+    it('should return total balance of tokens held and tokens in locking contract if no allocation exists', async () => {
+      mockWeb3Provider([
+        {
+          signature: 'balanceOf(address)',
+          returnType: 'uint256',
+          returnValue: parseEther('100'),
+        },
+        {
+          signature: 'getUserTokenBalance(address)',
+          returnType: 'uint256',
+          returnValue: parseEther('100'),
+        },
+      ])
+
+      const { result } = renderHook(() => useSafeVotingPower())
+      await waitFor(() => {
+        expect(result.current[0]).toBe(parseEther('200'))
+        expect(result.current[1]).toBeFalsy()
+      })
+    })
+
+    test('formula: allocation - claimed + token balance + locking balance', async () => {
+      mockWeb3Provider([
+        {
+          signature: 'balanceOf(address)',
+          returnType: 'uint256',
+          returnValue: '400',
+        },
+        {
+          signature: 'getUserTokenBalance(address)',
+          returnType: 'uint256',
+          returnValue: '200',
+        },
+      ])
+
+      const mockAllocation: Vesting[] = [
+        {
+          tag: 'user',
+          account: toBeHex('0x2', 20),
+          chainId: 1,
+          contract: toBeHex('0xabc', 20),
+          vestingId: toBeHex('0x4110', 32),
+          durationWeeks: 208,
+          startDate: 1657231200,
+          amount: '2000',
+          curve: 0,
+          proof: [],
+          isExpired: false,
+          isRedeemed: false,
+          amountClaimed: '1000',
+        },
+      ]
+
+      const { result } = renderHook(() => useSafeVotingPower(mockAllocation))
+
+      await waitFor(() => {
+        expect(Number(result.current[0])).toEqual(2000 - 1000 + 400 + 200)
+        expect(result.current[1]).toBeFalsy()
+      })
+    })
+
+    test('formula: allocation - claimed + token balance + locking balance, everything claimed and no balance', async () => {
+      mockWeb3Provider([
+        {
+          signature: 'balanceOf(address)',
+          returnType: 'uint256',
+          returnValue: parseEther('0'),
+        },
+        {
+          signature: 'getUserTokenBalance(address)',
+          returnType: 'uint256',
+          returnValue: parseEther('0'),
+        },
+      ])
+
+      const mockAllocation: Vesting[] = [
+        {
+          tag: 'user',
+          account: toBeHex('0x2', 20),
+          chainId: 1,
+          contract: toBeHex('0xabc', 20),
+          vestingId: toBeHex('0x4110', 32),
+          durationWeeks: 208,
+          startDate: 1657231200,
+          amount: '2000',
+          curve: 0,
+          proof: [],
+          isExpired: false,
+          isRedeemed: false,
+          amountClaimed: '2000',
+        },
+      ]
+
+      const { result } = renderHook(() => useSafeVotingPower(mockAllocation))
+
+      await waitFor(() => {
+        expect(Number(result.current[0])).toEqual(0)
+        expect(result.current[1]).toBeFalsy()
+      })
+    })
+  })
+})
diff --git a/apps/web/src/hooks/__tests__/useSanctionedAddress.test.ts b/apps/web/src/hooks/__tests__/useSanctionedAddress.test.ts
new file mode 100644
index 000000000..11eb578fd
--- /dev/null
+++ b/apps/web/src/hooks/__tests__/useSanctionedAddress.test.ts
@@ -0,0 +1,92 @@
+import { renderHook } from '@/tests/test-utils'
+import { useSanctionedAddress } from '../useSanctionedAddress'
+import useSafeAddress from '../useSafeAddress'
+import useWallet from '../wallets/useWallet'
+import { faker } from '@faker-js/faker'
+import { connectedWalletBuilder } from '@/tests/builders/wallet'
+import * as ofac from '@/store/api/ofac'
+import { skipToken } from '@reduxjs/toolkit/query'
+
+jest.mock('@/hooks/useSafeAddress')
+jest.mock('@/hooks/wallets/useWallet')
+
+describe('useSanctionedAddress', () => {
+  const mockUseSafeAddress = useSafeAddress as jest.MockedFunction<typeof useSafeAddress>
+  const mockUseWallet = useWallet as jest.MockedFunction<typeof useWallet>
+
+  it('should return undefined without safeAddress and wallet', () => {
+    const { result } = renderHook(() => useSanctionedAddress())
+    expect(result.current).toBeUndefined()
+  })
+
+  it('should return undefined if neither safeAddress nor wallet are sanctioned', () => {
+    mockUseSafeAddress.mockReturnValue(faker.finance.ethereumAddress())
+    mockUseWallet.mockReturnValue(connectedWalletBuilder().build())
+
+    jest.spyOn(ofac, 'useGetIsSanctionedQuery').mockReturnValue({ data: false, refetch: jest.fn() })
+
+    const { result } = renderHook(() => useSanctionedAddress())
+    expect(result.current).toBeUndefined()
+  })
+
+  it('should return safeAddress if it is sanctioned', () => {
+    const mockSafeAddress = faker.finance.ethereumAddress()
+    const mockWalletAddress = faker.finance.ethereumAddress()
+    mockUseSafeAddress.mockReturnValue(mockSafeAddress)
+    mockUseWallet.mockReturnValue(connectedWalletBuilder().with({ address: mockWalletAddress }).build())
+
+    jest
+      .spyOn(ofac, 'useGetIsSanctionedQuery')
+      .mockImplementation((address) => ({ data: address === mockSafeAddress, refetch: jest.fn() }))
+
+    const { result } = renderHook(() => useSanctionedAddress())
+    expect(result.current).toEqual(mockSafeAddress)
+  })
+
+  it('should return walletAddress if it is sanctioned', () => {
+    const mockSafeAddress = faker.finance.ethereumAddress()
+    const mockWalletAddress = faker.finance.ethereumAddress()
+    mockUseSafeAddress.mockReturnValue(mockSafeAddress)
+    mockUseWallet.mockReturnValue(connectedWalletBuilder().with({ address: mockWalletAddress }).build())
+
+    jest
+      .spyOn(ofac, 'useGetIsSanctionedQuery')
+      .mockImplementation((address) => ({ data: address === mockWalletAddress, refetch: jest.fn() }))
+
+    const { result } = renderHook(() => useSanctionedAddress())
+    expect(result.current).toEqual(mockWalletAddress)
+  })
+
+  it('should return safeAddress if both are sanctioned', () => {
+    const mockSafeAddress = faker.finance.ethereumAddress()
+    const mockWalletAddress = faker.finance.ethereumAddress()
+    mockUseSafeAddress.mockReturnValue(mockSafeAddress)
+    mockUseWallet.mockReturnValue(connectedWalletBuilder().with({ address: mockWalletAddress }).build())
+
+    jest.spyOn(ofac, 'useGetIsSanctionedQuery').mockImplementation((arg) => {
+      if (arg === skipToken) {
+        return { data: undefined, refetch: jest.fn() }
+      }
+      return { data: true, refetch: jest.fn() }
+    })
+    const { result } = renderHook(() => useSanctionedAddress())
+    expect(result.current).toEqual(mockSafeAddress)
+  })
+
+  it('should skip sanction check if isRestricted is false', () => {
+    const mockSafeAddress = faker.finance.ethereumAddress()
+    const mockWalletAddress = faker.finance.ethereumAddress()
+    mockUseSafeAddress.mockReturnValue(mockSafeAddress)
+    mockUseWallet.mockReturnValue(connectedWalletBuilder().with({ address: mockWalletAddress }).build())
+
+    jest.spyOn(ofac, 'useGetIsSanctionedQuery').mockImplementation((arg) => {
+      if (arg === skipToken) {
+        return { data: undefined, refetch: jest.fn() }
+      }
+      return { data: true, refetch: jest.fn() }
+    })
+
+    const { result } = renderHook(() => useSanctionedAddress(false))
+    expect(result.current).toBeUndefined()
+  })
+})
diff --git a/apps/web/src/hooks/__tests__/useTxPendingStatus.test.ts b/apps/web/src/hooks/__tests__/useTxPendingStatus.test.ts
new file mode 100644
index 000000000..1a3981cc0
--- /dev/null
+++ b/apps/web/src/hooks/__tests__/useTxPendingStatus.test.ts
@@ -0,0 +1,330 @@
+import * as useChainIdHook from '@/hooks/useChainId'
+import * as useSafeInfoHook from '@/hooks/useSafeInfo'
+import useTxPendingStatuses, { useTxMonitor } from '@/hooks/useTxPendingStatuses'
+import * as web3 from '@/hooks/wallets/web3'
+import { txDispatch, TxEvent } from '@/services/tx/txEvents'
+import * as txMonitor from '@/services/tx/txMonitor'
+import {
+  clearPendingTx,
+  PendingStatus,
+  type PendingTxsState,
+  PendingTxType,
+  setPendingTx,
+} from '@/store/pendingTxsSlice'
+import { pendingTxBuilder } from '@/tests/builders/pendingTx'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+import { renderHook } from '@/tests/test-utils'
+import { faker } from '@faker-js/faker'
+import type { JsonRpcProvider } from 'ethers'
+
+describe('useTxMonitor', () => {
+  let mockProvider
+  beforeEach(() => {
+    jest.clearAllMocks()
+
+    jest.spyOn(useChainIdHook, 'default').mockReturnValue('11155111')
+
+    mockProvider = jest.fn() as unknown as JsonRpcProvider
+    jest.spyOn(web3, 'useWeb3ReadOnly').mockReturnValue(mockProvider)
+  })
+
+  it('should not monitor transactions if provider is not available', () => {
+    jest.spyOn(web3, 'useWeb3ReadOnly').mockReturnValue(undefined)
+    const mockWaitForTx = jest.spyOn(txMonitor, 'waitForTx')
+    const mockWaitForRelayedTx = jest.spyOn(txMonitor, 'waitForRelayedTx')
+
+    renderHook(() => useTxMonitor())
+
+    expect(mockWaitForTx).not.toHaveBeenCalled()
+    expect(mockWaitForRelayedTx).not.toHaveBeenCalled()
+  })
+
+  it('should not monitor transactions if there are no pending transactions', () => {
+    const mockWaitForTx = jest.spyOn(txMonitor, 'waitForTx')
+    const mockWaitForRelayedTx = jest.spyOn(txMonitor, 'waitForRelayedTx')
+
+    renderHook(() => useTxMonitor, { initialReduxState: { pendingTxs: {} } })
+
+    expect(mockWaitForTx).not.toHaveBeenCalled()
+    expect(mockWaitForRelayedTx).not.toHaveBeenCalled()
+  })
+
+  it('should monitor processing transactions', () => {
+    const mockWaitForTx = jest.spyOn(txMonitor, 'waitForTx')
+    const mockWaitForRelayedTx = jest.spyOn(txMonitor, 'waitForRelayedTx')
+
+    const pendingTx: PendingTxsState = {
+      '123': pendingTxBuilder().with({ chainId: '11155111', status: PendingStatus.PROCESSING }).build(),
+    }
+
+    renderHook(() => useTxMonitor(), { initialReduxState: { pendingTxs: pendingTx } })
+
+    expect(mockWaitForTx).toHaveBeenCalled()
+    expect(mockWaitForRelayedTx).not.toHaveBeenCalled()
+  })
+
+  it('should monitor relaying transactions', () => {
+    const mockWaitForTx = jest.spyOn(txMonitor, 'waitForTx')
+    const mockWaitForRelayedTx = jest.spyOn(txMonitor, 'waitForRelayedTx')
+
+    const pendingTx: PendingTxsState = {
+      '123': pendingTxBuilder().with({ chainId: '11155111', status: PendingStatus.RELAYING }).build(),
+    }
+
+    renderHook(() => useTxMonitor(), { initialReduxState: { pendingTxs: pendingTx } })
+
+    expect(mockWaitForRelayedTx).toHaveBeenCalled()
+    expect(mockWaitForTx).not.toHaveBeenCalled()
+  })
+
+  it('should not monitor already monitored transactions', () => {
+    const mockWaitForTx = jest.spyOn(txMonitor, 'waitForTx')
+
+    const pendingTxs: PendingTxsState = {
+      '123': pendingTxBuilder().with({ chainId: '11155111', status: PendingStatus.PROCESSING }).build(),
+    }
+
+    const { rerender } = renderHook(() => useTxMonitor(), { initialReduxState: { pendingTxs } })
+
+    rerender()
+
+    expect(mockWaitForTx).toHaveBeenCalledTimes(1)
+  })
+})
+
+jest.mock('@/store/pendingTxsSlice', () => {
+  const original = jest.requireActual('@/store/pendingTxsSlice')
+  return {
+    ...original,
+    setPendingTx: jest.fn(original.setPendingTx),
+    clearPendingTx: jest.fn(original.clearPendingTx),
+  }
+})
+
+const extendedSafeInfo = extendedSafeInfoBuilder().build()
+
+describe('useTxPendingStatuses', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+
+    jest.spyOn(useChainIdHook, 'default').mockReturnValue('11155111')
+    jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
+      safe: extendedSafeInfo,
+      safeAddress: faker.finance.ethereumAddress(),
+      safeError: undefined,
+      safeLoaded: true,
+      safeLoading: false,
+    })
+  })
+
+  it('should update pending tx when SIGNATURE_PROPOSED', () => {
+    renderHook(() => useTxPendingStatuses())
+
+    const mockTxId = '123'
+    const mockSignerAddress = faker.finance.ethereumAddress()
+
+    txDispatch(TxEvent.SIGNATURE_PROPOSED, {
+      nonce: 1,
+      txId: mockTxId,
+      signerAddress: mockSignerAddress,
+    })
+
+    expect(setPendingTx).toHaveBeenCalledWith({
+      nonce: 1,
+      chainId: expect.anything(),
+      safeAddress: expect.anything(),
+      signerAddress: mockSignerAddress,
+      status: PendingStatus.SIGNING,
+      txId: mockTxId,
+    })
+  })
+
+  it('should update custom pending tx when PROCESSING', () => {
+    renderHook(() => useTxPendingStatuses())
+
+    const mockTxId = '123'
+    const mockTxHash = '0x123'
+    const mockNonce = 1
+    const mockData = '0x456'
+    const mockSignerAddress = faker.finance.ethereumAddress()
+    const mockTo = faker.finance.ethereumAddress()
+
+    txDispatch(TxEvent.PROCESSING, {
+      nonce: 1,
+      txId: mockTxId,
+      txHash: mockTxHash,
+      signerNonce: mockNonce,
+      signerAddress: mockSignerAddress,
+      txType: 'Custom',
+      data: mockData,
+      to: mockTo,
+    })
+
+    expect(setPendingTx).toHaveBeenCalledWith({
+      nonce: 1,
+      chainId: expect.anything(),
+      safeAddress: expect.anything(),
+      submittedAt: expect.anything(),
+      signerAddress: mockSignerAddress,
+      signerNonce: mockNonce,
+      to: mockTo,
+      data: mockData,
+      status: PendingStatus.PROCESSING,
+      txId: mockTxId,
+      txHash: mockTxHash,
+      txType: PendingTxType.CUSTOM_TX,
+    })
+  })
+
+  it('should update pending safe tx when PROCESSING', () => {
+    renderHook(() => useTxPendingStatuses())
+
+    const mockTxId = '123'
+    const mockTxHash = '0x123'
+    const mockNonce = 1
+    const mockGasLimit = '80000'
+    const mockSignerAddress = faker.finance.ethereumAddress()
+
+    txDispatch(TxEvent.PROCESSING, {
+      nonce: 1,
+      txId: mockTxId,
+      txHash: mockTxHash,
+      signerNonce: mockNonce,
+      signerAddress: mockSignerAddress,
+      txType: 'SafeTx',
+      gasLimit: mockGasLimit,
+    })
+
+    expect(setPendingTx).toHaveBeenCalledWith({
+      nonce: 1,
+      chainId: expect.anything(),
+      safeAddress: expect.anything(),
+      submittedAt: expect.anything(),
+      signerAddress: mockSignerAddress,
+      signerNonce: mockNonce,
+      gasLimit: mockGasLimit,
+      status: PendingStatus.PROCESSING,
+      txId: mockTxId,
+      txHash: mockTxHash,
+      txType: PendingTxType.SAFE_TX,
+    })
+  })
+
+  it('should update pending tx when EXECUTING', () => {
+    renderHook(() => useTxPendingStatuses())
+
+    const mockTxId = '123'
+
+    txDispatch(TxEvent.EXECUTING, {
+      nonce: 1,
+      txId: mockTxId,
+    })
+
+    expect(setPendingTx).toHaveBeenCalledWith({
+      nonce: 1,
+      chainId: expect.anything(),
+      safeAddress: expect.anything(),
+      status: PendingStatus.SUBMITTING,
+      txId: mockTxId,
+    })
+  })
+
+  it('should update pending tx when PROCESSED', () => {
+    renderHook(() => useTxPendingStatuses())
+
+    const mockTxId = '123'
+
+    txDispatch(TxEvent.PROCESSED, {
+      nonce: 1,
+      txId: mockTxId,
+      safeAddress: faker.finance.ethereumAddress(),
+    })
+
+    expect(setPendingTx).toHaveBeenCalledWith({
+      nonce: 1,
+      chainId: expect.anything(),
+      safeAddress: expect.anything(),
+      status: PendingStatus.INDEXING,
+      txId: mockTxId,
+    })
+  })
+
+  it('should update pending tx when RELAYING', () => {
+    renderHook(() => useTxPendingStatuses())
+
+    const mockTxId = '123'
+    const mockTaskId = '0x123'
+
+    txDispatch(TxEvent.RELAYING, {
+      nonce: 1,
+      txId: mockTxId,
+      taskId: mockTaskId,
+    })
+
+    expect(setPendingTx).toHaveBeenCalledWith({
+      nonce: 1,
+      chainId: expect.anything(),
+      safeAddress: expect.anything(),
+      status: PendingStatus.RELAYING,
+      txId: mockTxId,
+      taskId: mockTaskId,
+    })
+  })
+
+  it('should clear the pending tx on SUCCESS', () => {
+    renderHook(() => useTxPendingStatuses())
+
+    const mockTxId = '123'
+
+    txDispatch(TxEvent.SUCCESS, {
+      nonce: 1,
+      txId: mockTxId,
+    })
+
+    expect(setPendingTx).not.toHaveBeenCalled()
+    expect(clearPendingTx).toHaveBeenCalled()
+  })
+
+  it('should clear the pending tx on SIGNATURE_INDEXED', () => {
+    renderHook(() => useTxPendingStatuses())
+
+    const mockTxId = '123'
+
+    txDispatch(TxEvent.SIGNATURE_INDEXED, {
+      txId: mockTxId,
+    })
+
+    expect(setPendingTx).not.toHaveBeenCalled()
+    expect(clearPendingTx).toHaveBeenCalled()
+  })
+
+  it('should clear the pending tx on REVERTED', () => {
+    renderHook(() => useTxPendingStatuses())
+
+    const mockTxId = '123'
+
+    txDispatch(TxEvent.REVERTED, {
+      nonce: 1,
+      txId: mockTxId,
+      error: new Error('Transaction reverted'),
+    })
+
+    expect(setPendingTx).not.toHaveBeenCalled()
+    expect(clearPendingTx).toHaveBeenCalled()
+  })
+
+  it('should clear the pending tx on FAILED', () => {
+    renderHook(() => useTxPendingStatuses())
+
+    const mockTxId = '123'
+
+    txDispatch(TxEvent.FAILED, {
+      nonce: 1,
+      txId: mockTxId,
+      error: new Error('Transaction failed'),
+    })
+
+    expect(setPendingTx).not.toHaveBeenCalled()
+    expect(clearPendingTx).toHaveBeenCalled()
+  })
+})
diff --git a/src/hooks/__tests__/useTxQueue.test.ts b/apps/web/src/hooks/__tests__/useTxQueue.test.ts
similarity index 100%
rename from src/hooks/__tests__/useTxQueue.test.ts
rename to apps/web/src/hooks/__tests__/useTxQueue.test.ts
diff --git a/src/hooks/__tests__/useTxTracking.test.ts b/apps/web/src/hooks/__tests__/useTxTracking.test.ts
similarity index 81%
rename from src/hooks/__tests__/useTxTracking.test.ts
rename to apps/web/src/hooks/__tests__/useTxTracking.test.ts
index bd7834e8a..1042a254a 100644
--- a/src/hooks/__tests__/useTxTracking.test.ts
+++ b/apps/web/src/hooks/__tests__/useTxTracking.test.ts
@@ -2,7 +2,7 @@ import { act, renderHook } from '@/tests/test-utils'
 import { txDispatch, TxEvent } from '@/services/tx/txEvents'
 import { useTxTracking } from '../useTxTracking'
 import { trackEvent, WALLET_EVENTS } from '@/services/analytics'
-import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { getTransactionDetails, type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
 import { faker } from '@faker-js/faker'
 
 jest.mock('@/services/analytics', () => ({
@@ -10,15 +10,22 @@ jest.mock('@/services/analytics', () => ({
   trackEvent: jest.fn(),
 }))
 
-jest.mock('@/services/transactions', () => ({
-  getTxDetails: jest.fn(() => Promise.resolve({ safeAppInfo: { url: 'google.com' } } as unknown as TransactionDetails)),
+jest.mock('@safe-global/safe-gateway-typescript-sdk', () => ({
+  ...jest.requireActual('@safe-global/safe-gateway-typescript-sdk'),
+  getTransactionDetails: jest.fn(),
 }))
 
 describe('useTxTracking', () => {
+  beforeEach(() => {
+    ;(getTransactionDetails as jest.Mock).mockResolvedValue({
+      safeAppInfo: { url: 'google.com' },
+    } as unknown as TransactionDetails)
+  })
   it('should track the ONCHAIN_INTERACTION event', async () => {
     renderHook(() => useTxTracking())
 
     txDispatch(TxEvent.PROCESSING, {
+      nonce: 1,
       txId: '123',
       txHash: '0x123',
       signerAddress: faker.finance.ethereumAddress(),
@@ -35,10 +42,6 @@ describe('useTxTracking', () => {
     })
   })
 
-  beforeEach(() => {
-    // jest.resetAllMocks()
-  })
-
   it('should track relayed executions', () => {
     renderHook(() => useTxTracking())
 
@@ -64,6 +67,7 @@ describe('useTxTracking', () => {
     renderHook(() => useTxTracking())
 
     txDispatch(TxEvent.PROCESSING, {
+      nonce: 1,
       txId: '0x123',
       txHash: '0x234',
       signerAddress: faker.finance.ethereumAddress(),
diff --git a/src/hooks/__tests__/useVisibleBalances.test.ts b/apps/web/src/hooks/__tests__/useVisibleBalances.test.ts
similarity index 86%
rename from src/hooks/__tests__/useVisibleBalances.test.ts
rename to apps/web/src/hooks/__tests__/useVisibleBalances.test.ts
index c26873236..6f69a6d40 100644
--- a/src/hooks/__tests__/useVisibleBalances.test.ts
+++ b/apps/web/src/hooks/__tests__/useVisibleBalances.test.ts
@@ -1,21 +1,28 @@
-import { type SafeBalanceResponse, TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
 import * as store from '@/store'
+import * as useBalancesHooks from '@/hooks/useBalances'
 import { renderHook } from '@/tests/test-utils'
 import { toBeHex } from 'ethers'
 import { useVisibleBalances } from '../useVisibleBalances'
+import { type Balances } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
 
 describe('useVisibleBalances', () => {
   const hiddenTokenAddress = toBeHex('0x2', 20)
   const visibleTokenAddress = toBeHex('0x3', 20)
 
   test('empty balance', () => {
-    const balance: SafeBalanceResponse = {
+    const balance: Balances = {
       fiatTotal: '0',
       items: [],
     }
+    jest.spyOn(useBalancesHooks, 'default').mockImplementation(() => ({
+      balances: balance,
+      error: undefined,
+      loading: false,
+    }))
+
     jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
       selector({
-        balances: { data: balance, error: undefined, loading: false },
         settings: {
           currency: 'USD',
           shortName: {
@@ -39,7 +46,7 @@ describe('useVisibleBalances', () => {
   })
 
   test('return only visible balance', () => {
-    const balance: SafeBalanceResponse = {
+    const balance: Balances = {
       fiatTotal: '100',
       items: [
         {
@@ -71,9 +78,14 @@ describe('useVisibleBalances', () => {
       ],
     }
 
+    jest.spyOn(useBalancesHooks, 'default').mockImplementation(() => ({
+      balances: balance,
+      error: undefined,
+      loading: false,
+    }))
+
     jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
       selector({
-        balances: { data: balance, error: undefined, loading: false },
         settings: {
           currency: 'USD',
           shortName: {
@@ -97,7 +109,7 @@ describe('useVisibleBalances', () => {
   })
 
   test('computation works for high precision numbers', () => {
-    const balance: SafeBalanceResponse = {
+    const balance: Balances = {
       fiatTotal: '200.01234567890123456789',
       items: [
         {
@@ -142,6 +154,12 @@ describe('useVisibleBalances', () => {
       ],
     }
 
+    jest.spyOn(useBalancesHooks, 'default').mockImplementation(() => ({
+      balances: balance,
+      error: undefined,
+      loading: false,
+    }))
+
     jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
       selector({
         balances: { data: balance, error: undefined, loading: false },
@@ -168,7 +186,7 @@ describe('useVisibleBalances', () => {
   })
 
   test('computation works for high USD values', () => {
-    const balance: SafeBalanceResponse = {
+    const balance: Balances = {
       // Current total USD value of all Safes on mainnet * 1 million
       fiatTotal: '28303710905000100.0123456789',
       items: [
@@ -201,9 +219,14 @@ describe('useVisibleBalances', () => {
       ],
     }
 
+    jest.spyOn(useBalancesHooks, 'default').mockImplementation(() => ({
+      balances: balance,
+      error: undefined,
+      loading: false,
+    }))
+
     jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
       selector({
-        balances: { data: balance, error: undefined, loading: false },
         settings: {
           currency: 'USD',
           shortName: {
diff --git a/src/hooks/__tests__/useWalletCanPay.test.ts b/apps/web/src/hooks/__tests__/useWalletCanPay.test.ts
similarity index 94%
rename from src/hooks/__tests__/useWalletCanPay.test.ts
rename to apps/web/src/hooks/__tests__/useWalletCanPay.test.ts
index 565a6828c..954145ab5 100644
--- a/src/hooks/__tests__/useWalletCanPay.test.ts
+++ b/apps/web/src/hooks/__tests__/useWalletCanPay.test.ts
@@ -8,13 +8,13 @@ describe('useWalletCanPay', () => {
   })
 
   it('should return true if gasLimit is missing', () => {
-    const { result } = renderHook(() => useWalletCanPay({ maxFeePerGas: BigInt(1), maxPriorityFeePerGas: BigInt(1) }))
+    const { result } = renderHook(() => useWalletCanPay({ maxFeePerGas: BigInt(1) }))
 
     expect(result.current).toEqual(true)
   })
 
   it('should return true if maxFeePerGas is missing', () => {
-    const { result } = renderHook(() => useWalletCanPay({ gasLimit: BigInt(21000), maxPriorityFeePerGas: BigInt(1) }))
+    const { result } = renderHook(() => useWalletCanPay({ gasLimit: BigInt(21000) }))
 
     expect(result.current).toEqual(true)
   })
@@ -66,7 +66,6 @@ describe('useWalletCanPay', () => {
       useWalletCanPay({
         gasLimit: BigInt(21000),
         maxFeePerGas: BigInt(1),
-        maxPriorityFeePerGas: BigInt(1),
       }),
     )
 
diff --git a/apps/web/src/hooks/coreSDK/__tests__/safeCoreSDK.test.ts b/apps/web/src/hooks/coreSDK/__tests__/safeCoreSDK.test.ts
new file mode 100644
index 000000000..6f3893258
--- /dev/null
+++ b/apps/web/src/hooks/coreSDK/__tests__/safeCoreSDK.test.ts
@@ -0,0 +1,301 @@
+import { Gnosis_safe__factory } from '@safe-global/utils/types/contracts'
+import { JsonRpcProvider, toBeHex } from 'ethers'
+import Safe from '@safe-global/protocol-kit'
+import {
+  getSafeContract,
+  getSafeProxyFactoryContract,
+} from '@safe-global/protocol-kit/dist/src/contracts/safeDeploymentContracts'
+import { ImplementationVersionState } from '@safe-global/safe-gateway-typescript-sdk'
+import { initSafeSDK } from '../safeCoreSDK'
+import { isValidSafeVersion } from '@safe-global/utils/services/contracts/utils'
+
+jest.mock('@/services/contracts/safeContracts', () => {
+  return {
+    __esModule: true,
+    ...jest.requireActual('@/services/contracts/safeContracts'),
+  }
+})
+
+jest.mock('@safe-global/protocol-kit/dist/src/contracts/safeDeploymentContracts')
+
+jest.mock('@safe-global/utils/types/contracts', () => {
+  return {
+    __esModule: true,
+    ...jest.requireActual('@safe-global/utils/types/contracts'),
+  }
+})
+
+jest.mock('@safe-global/protocol-kit', () => {
+  return {
+    ...jest.requireActual('@safe-global/protocol-kit'),
+    __esModule: true,
+    default: {
+      init: jest.fn(),
+    },
+  }
+})
+
+jest.mock('@safe-global/utils/types/contracts', () => {
+  return {
+    ...jest.requireActual('@safe-global/utils/types/contracts'),
+    _esModule: true,
+    Gnosis_safe__factory: {
+      connect: jest.fn().mockReturnValue({ VERSION: jest.fn() }),
+    },
+  }
+})
+
+describe('safeCoreSDK', () => {
+  describe('isValidSafeVersion', () => {
+    it('should return true for valid versions', () => {
+      expect(isValidSafeVersion('1.3.0')).toBe(true)
+
+      expect(isValidSafeVersion('1.2.0')).toBe(true)
+
+      expect(isValidSafeVersion('1.1.1')).toBe(true)
+
+      expect(isValidSafeVersion('1.3.0+L2')).toBe(true)
+    })
+    it('should return false for invalid versions', () => {
+      expect(isValidSafeVersion('1.3.1')).toBe(false)
+
+      expect(isValidSafeVersion('1.4.0')).toBe(false)
+
+      expect(isValidSafeVersion('1.0.0')).toBe(true)
+
+      expect(isValidSafeVersion('0.0.1')).toBe(false)
+
+      expect(isValidSafeVersion('')).toBe(false)
+
+      expect(isValidSafeVersion()).toBe(false)
+    })
+  })
+
+  describe('initSafeSDK', () => {
+    const MAINNET_MASTER_COPY = '0xd9Db270c1B5E3Bd161E8c8503c55cEABeE709552' // L1
+    const POLYGON_MASTER_COPY = '0x3E5c63644E683549055b9Be8653de26E0B4CD36E' // L2
+
+    ;(getSafeProxyFactoryContract as jest.Mock).mockImplementation(async () => {
+      return await Promise.resolve({
+        getAddress: jest.fn(),
+        proxyCreationCode: jest.fn(),
+        createProxy: jest.fn(),
+        encode: jest.fn(),
+        estimateGas: jest.fn(),
+      })
+    })
+    ;(getSafeContract as jest.Mock).mockImplementation(async () => {
+      return await Promise.resolve({
+        setup: jest.fn(),
+        getVersion: jest.fn(),
+        getAddress: jest.fn(),
+        getNonce: jest.fn(),
+        getThreshold: jest.fn(),
+        getOwners: jest.fn(),
+        isOwner: jest.fn(),
+        getTransactionHash: jest.fn(),
+        approvedHashes: jest.fn(),
+        approveHash: jest.fn(),
+        getModules: jest.fn(),
+        isModuleEnabled: jest.fn(),
+        isValidTransaction: jest.fn(),
+        execTransaction: jest.fn(),
+        encode: jest.fn(),
+        estimateGas: jest.fn(),
+      })
+    })
+
+    describe('Supported contracts', () => {
+      it('should return an SDK instance', async () => {
+        const chainId = '1'
+        const version = '1.3.0'
+
+        const mockProvider = new JsonRpcProvider()
+        mockProvider.getNetwork = jest.fn().mockReturnValue({ chainId: BigInt(chainId) })
+
+        await initSafeSDK({
+          provider: mockProvider,
+          chainId,
+          address: toBeHex('0x1', 20),
+          version,
+          implementation: MAINNET_MASTER_COPY,
+          implementationVersionState: ImplementationVersionState.UP_TO_DATE,
+        })
+
+        expect(Safe.init).toHaveBeenCalled()
+      })
+
+      it('should return an L1 SDK instance for mainnet', async () => {
+        const chainId = '1'
+        const version = '1.3.0'
+
+        const mockProvider = new JsonRpcProvider()
+        mockProvider.getNetwork = jest.fn().mockReturnValue({ chainId: BigInt(chainId) })
+
+        await initSafeSDK({
+          provider: mockProvider,
+          chainId,
+          address: toBeHex('0x1', 20),
+          version,
+          implementation: MAINNET_MASTER_COPY,
+          implementationVersionState: ImplementationVersionState.UP_TO_DATE,
+        })
+
+        expect(Safe.init).toHaveBeenCalledWith({
+          isL1SafeSingleton: true,
+          provider: expect.anything(),
+          safeAddress: expect.anything(),
+        })
+      })
+
+      it('should return an L2 SDK instance for L2 chain', async () => {
+        const chainId = '137' // Polygon
+        const version = '1.3.0'
+
+        const mockProvider = new JsonRpcProvider()
+        mockProvider.getNetwork = jest.fn().mockReturnValue({ chainId: BigInt(chainId) })
+
+        await initSafeSDK({
+          provider: mockProvider,
+          chainId,
+          address: toBeHex('0x1', 20),
+          version: `${version}+L2`,
+          implementation: POLYGON_MASTER_COPY,
+          implementationVersionState: ImplementationVersionState.UP_TO_DATE,
+        })
+
+        expect(Safe.init).toHaveBeenCalledWith({
+          isL1SafeSingleton: false,
+          provider: expect.anything(),
+          safeAddress: expect.anything(),
+        })
+      })
+
+      it('should return an L1 SDK instance for legacy Safes, regardless of chain', async () => {
+        const chainId = '137' // Polygon
+        const version = '1.0.0'
+
+        const mockProvider = new JsonRpcProvider()
+        mockProvider.getNetwork = jest.fn().mockReturnValue({ chainId: BigInt(chainId) })
+
+        await initSafeSDK({
+          provider: mockProvider,
+          chainId,
+          address: toBeHex('0x1', 20),
+          version,
+          implementation: POLYGON_MASTER_COPY,
+          implementationVersionState: ImplementationVersionState.OUTDATED,
+        })
+
+        expect(Safe.init).toHaveBeenCalledWith({
+          isL1SafeSingleton: true,
+          provider: expect.anything(),
+          safeAddress: expect.anything(),
+        })
+      })
+
+      it('should return an L1 SDK instance for a canonical mastercopy on optimism', async () => {
+        const chainId = '10' // Optimism mainnet
+        const version = '1.3.0'
+
+        const mockProvider = new JsonRpcProvider()
+        mockProvider.getNetwork = jest.fn().mockReturnValue({ chainId: BigInt(chainId) })
+
+        await initSafeSDK({
+          provider: mockProvider,
+          chainId,
+          address: toBeHex('0x1', 20),
+          version,
+          implementation: MAINNET_MASTER_COPY,
+          implementationVersionState: ImplementationVersionState.UNKNOWN,
+        })
+
+        expect(Safe.init).toHaveBeenCalledWith({
+          isL1SafeSingleton: true,
+          provider: expect.anything(),
+          safeAddress: expect.anything(),
+        })
+      })
+    })
+
+    describe('Unsupported contracts', () => {
+      // Note: backend returns a null version for unsupported contracts
+      it('should retrieve the Safe version from the contract if not provided', async () => {
+        const chainId = '1'
+
+        const mockProvider = new JsonRpcProvider()
+        mockProvider.getNetwork = jest.fn().mockReturnValue({ chainId: BigInt(chainId) })
+
+        await initSafeSDK({
+          provider: mockProvider,
+          chainId: '1',
+          address: toBeHex('0x1', 20),
+          version: null, // Indexer returns null if unsupported contract version
+          implementation: MAINNET_MASTER_COPY,
+          implementationVersionState: ImplementationVersionState.UNKNOWN,
+        })
+
+        expect(Gnosis_safe__factory.connect(MAINNET_MASTER_COPY, mockProvider).VERSION).toHaveBeenCalled()
+      })
+
+      it('should return an L1 SDK instance for L1 contracts not deployed on mainnet', async () => {
+        const chainId = '137' // Polygon
+
+        const mockProvider = new JsonRpcProvider()
+        mockProvider.getNetwork = jest.fn().mockReturnValue({ chainId: BigInt(chainId) })
+
+        await initSafeSDK({
+          provider: mockProvider,
+          chainId,
+          address: toBeHex('0x1', 20),
+          version: null,
+          implementation: MAINNET_MASTER_COPY,
+          implementationVersionState: ImplementationVersionState.UNKNOWN,
+        })
+
+        expect(Safe.init).toHaveBeenCalledWith({
+          isL1SafeSingleton: true,
+          provider: expect.anything(),
+          safeAddress: expect.anything(),
+        })
+      })
+
+      it('should return undefined for unsupported mastercopies', async () => {
+        const chainId = '1'
+
+        const mockProvider = new JsonRpcProvider()
+        mockProvider.getNetwork = jest.fn().mockReturnValue({ chainId: BigInt(chainId) })
+
+        const sdk = await initSafeSDK({
+          provider: mockProvider,
+          chainId,
+          address: MAINNET_MASTER_COPY,
+          version: null,
+          implementation: '0xinvalid',
+          implementationVersionState: ImplementationVersionState.UNKNOWN,
+        })
+
+        expect(sdk).toBeUndefined()
+      })
+    })
+
+    it('should return undefined if provider does not match safe', async () => {
+      const chainId = '1'
+      const safeChainId = '100'
+
+      const mockProvider = new JsonRpcProvider()
+      mockProvider.getNetwork = jest.fn().mockReturnValue({ chainId: BigInt(chainId) })
+
+      const sdk = await initSafeSDK({
+        provider: mockProvider,
+        chainId: safeChainId,
+        address: toBeHex('0x1', 20),
+        version: null,
+        implementation: '0xinvalid',
+        implementationVersionState: ImplementationVersionState.UNKNOWN,
+      })
+
+      expect(sdk).toBeUndefined()
+    })
+  })
+})
diff --git a/src/hooks/coreSDK/__tests__/useInitSafeCoreSDK.test.ts b/apps/web/src/hooks/coreSDK/__tests__/useInitSafeCoreSDK.test.ts
similarity index 97%
rename from src/hooks/coreSDK/__tests__/useInitSafeCoreSDK.test.ts
rename to apps/web/src/hooks/coreSDK/__tests__/useInitSafeCoreSDK.test.ts
index c47cd38ca..c18665399 100644
--- a/src/hooks/coreSDK/__tests__/useInitSafeCoreSDK.test.ts
+++ b/apps/web/src/hooks/coreSDK/__tests__/useInitSafeCoreSDK.test.ts
@@ -1,4 +1,4 @@
-import type { ExtendedSafeInfo } from '@/store/safeInfoSlice'
+import type { ExtendedSafeInfo } from '@safe-global/store/slices/SafeInfo/types'
 import { renderHook } from '@/tests/test-utils'
 import { useInitSafeCoreSDK } from '@/hooks/coreSDK/useInitSafeCoreSDK'
 import * as web3 from '@/hooks/wallets/web3'
diff --git a/apps/web/src/hooks/coreSDK/safeCoreSDK.ts b/apps/web/src/hooks/coreSDK/safeCoreSDK.ts
new file mode 100644
index 000000000..f4a586b23
--- /dev/null
+++ b/apps/web/src/hooks/coreSDK/safeCoreSDK.ts
@@ -0,0 +1,70 @@
+import chains from '@safe-global/utils/config/chains'
+import { getSafeL2SingletonDeployments, getSafeSingletonDeployments } from '@safe-global/safe-deployments'
+import ExternalStore from '@safe-global/utils/services/ExternalStore'
+import { Gnosis_safe__factory } from '@safe-global/utils/types/contracts'
+import Safe from '@safe-global/protocol-kit'
+import { isValidMasterCopy } from '@safe-global/utils/services/contracts/safeContracts'
+import { isPredictedSafeProps, isReplayedSafeProps } from '@/features/counterfactual/utils'
+import { isLegacyVersion } from '@safe-global/utils/services/contracts/utils'
+import { isInDeployments } from '@safe-global/utils/hooks/coreSDK/utils'
+import type { SafeCoreSDKProps } from '@safe-global/utils/hooks/coreSDK/types'
+
+// Safe Core SDK
+export const initSafeSDK = async ({
+  provider,
+  chainId,
+  address,
+  version,
+  implementationVersionState,
+  implementation,
+  undeployedSafe,
+}: SafeCoreSDKProps): Promise<Safe | undefined> => {
+  const providerNetwork = (await provider.getNetwork()).chainId
+  if (providerNetwork !== BigInt(chainId)) return
+
+  const safeVersion = version ?? (await Gnosis_safe__factory.connect(address, provider).VERSION())
+  let isL1SafeSingleton = chainId === chains.eth
+
+  // If it is an official deployment we should still initiate the safeSDK
+  if (!isValidMasterCopy(implementationVersionState)) {
+    const masterCopy = implementation
+
+    const safeL1Deployment = getSafeSingletonDeployments({ network: chainId, version: safeVersion })
+    const safeL2Deployment = getSafeL2SingletonDeployments({ network: chainId, version: safeVersion })
+
+    isL1SafeSingleton = isInDeployments(masterCopy, safeL1Deployment?.networkAddresses[chainId])
+    const isL2SafeMasterCopy = isInDeployments(masterCopy, safeL2Deployment?.networkAddresses[chainId])
+
+    // Unknown deployment, which we do not want to support
+    if (!isL1SafeSingleton && !isL2SafeMasterCopy) {
+      return Promise.resolve(undefined)
+    }
+  }
+  // Legacy Safe contracts
+  if (isLegacyVersion(safeVersion)) {
+    isL1SafeSingleton = true
+  }
+
+  if (undeployedSafe) {
+    if (isPredictedSafeProps(undeployedSafe.props) || isReplayedSafeProps(undeployedSafe.props)) {
+      return Safe.init({
+        provider: provider._getConnection().url,
+        isL1SafeSingleton,
+        predictedSafe: undeployedSafe.props,
+      })
+    }
+    // We cannot initialize a Core SDK for replayed Safes yet.
+    return
+  }
+  return Safe.init({
+    provider: provider._getConnection().url,
+    safeAddress: address,
+    isL1SafeSingleton,
+  })
+}
+
+export const {
+  getStore: getSafeSDK,
+  setStore: setSafeSDK,
+  useStore: useSafeSDK,
+} = new ExternalStore<Safe | undefined>()
diff --git a/apps/web/src/hooks/coreSDK/useInitSafeCoreSDK.ts b/apps/web/src/hooks/coreSDK/useInitSafeCoreSDK.ts
new file mode 100644
index 000000000..3ae51d06c
--- /dev/null
+++ b/apps/web/src/hooks/coreSDK/useInitSafeCoreSDK.ts
@@ -0,0 +1,66 @@
+import { selectUndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
+import { useEffect } from 'react'
+import { useRouter } from 'next/router'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { initSafeSDK, setSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
+import { trackError } from '@/services/exceptions'
+import ErrorCodes from '@safe-global/utils/services/exceptions/ErrorCodes'
+import { useAppDispatch, useAppSelector } from '@/store'
+import { showNotification } from '@/store/notificationsSlice'
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { parsePrefixedAddress, sameAddress } from '@safe-global/utils/utils/addresses'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+
+export const useInitSafeCoreSDK = () => {
+  const { safe, safeLoaded } = useSafeInfo()
+  const dispatch = useAppDispatch()
+  const web3ReadOnly = useWeb3ReadOnly()
+
+  const { query } = useRouter()
+  const prefixedAddress = Array.isArray(query.safe) ? query.safe[0] : query.safe
+  const { address } = parsePrefixedAddress(prefixedAddress || '')
+  const undeployedSafe = useAppSelector((state) => selectUndeployedSafe(state, safe.chainId, address))
+
+  useEffect(() => {
+    if (!safeLoaded || !web3ReadOnly || !sameAddress(address, safe.address.value)) {
+      // If we don't reset the SDK, a previous Safe could remain in the store
+      setSafeSDK(undefined)
+      return
+    }
+
+    // A read-only instance of the SDK is sufficient because we connect the signer to it when needed
+    initSafeSDK({
+      provider: web3ReadOnly,
+      chainId: safe.chainId,
+      address: safe.address.value,
+      version: safe.version,
+      implementationVersionState: safe.implementationVersionState,
+      implementation: safe.implementation.value,
+      undeployedSafe,
+    })
+      .then(setSafeSDK)
+      .catch((_e) => {
+        const e = asError(_e)
+        dispatch(
+          showNotification({
+            message: 'Error connecting to the blockchain. Please try reloading the page.',
+            groupKey: 'core-sdk-init-error',
+            variant: 'error',
+            detailedMessage: e.message,
+          }),
+        )
+        trackError(ErrorCodes._105, e.message)
+      })
+  }, [
+    address,
+    dispatch,
+    safe.address.value,
+    safe.chainId,
+    safe.implementation.value,
+    safe.implementationVersionState,
+    safe.version,
+    safeLoaded,
+    web3ReadOnly,
+    undeployedSafe,
+  ])
+}
diff --git a/apps/web/src/hooks/loadables/useLoadBalances.ts b/apps/web/src/hooks/loadables/useLoadBalances.ts
new file mode 100644
index 000000000..b9a6ce749
--- /dev/null
+++ b/apps/web/src/hooks/loadables/useLoadBalances.ts
@@ -0,0 +1,64 @@
+import { useMemo } from 'react'
+import { type Balances, useBalancesGetBalancesV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+import { useAppSelector } from '@/store'
+import { type AsyncResult } from '@safe-global/utils/hooks/useAsync'
+import { selectCurrency, selectSettings, TOKEN_LISTS } from '@/store/settingsSlice'
+import { useCurrentChain } from '../useChains'
+import useSafeInfo from '../useSafeInfo'
+import { POLLING_INTERVAL } from '@/config/constants'
+import { useCounterfactualBalances } from '@/features/counterfactual/useCounterfactualBalances'
+import { FEATURES, hasFeature } from '@safe-global/utils/utils/chains'
+
+export const useTokenListSetting = (): boolean | undefined => {
+  const chain = useCurrentChain()
+  const settings = useAppSelector(selectSettings)
+
+  const isTrustedTokenList = useMemo(() => {
+    if (settings.tokenList === TOKEN_LISTS.ALL) return false
+    return chain ? hasFeature(chain, FEATURES.DEFAULT_TOKENLIST) : undefined
+  }, [chain, settings.tokenList])
+
+  return isTrustedTokenList
+}
+
+const useLoadBalances = () => {
+  const currency = useAppSelector(selectCurrency)
+  const isTrustedTokenList = useTokenListSetting()
+  const { safe, safeAddress } = useSafeInfo()
+  const isReady = safeAddress && safe.deployed && isTrustedTokenList !== undefined
+  const isCounterfactual = !safe.deployed
+
+  let {
+    currentData: balances,
+    isLoading: loading,
+    error: errorStr,
+  } = useBalancesGetBalancesV1Query(
+    {
+      chainId: safe.chainId,
+      safeAddress,
+      fiatCode: currency,
+      trusted: isTrustedTokenList,
+    },
+    {
+      skip: !isReady,
+      pollingInterval: POLLING_INTERVAL,
+      skipPollingIfUnfocused: true,
+      refetchOnFocus: true,
+    },
+  )
+
+  // Counterfactual balances
+  const [cfData, cfError, cfLoading] = useCounterfactualBalances(safe)
+
+  let error = useMemo(() => (errorStr ? new Error(errorStr.toString()) : undefined), [errorStr])
+
+  if (isCounterfactual) {
+    balances = cfData as unknown as Balances
+    loading = cfLoading
+    error = cfError
+  }
+
+  return useMemo(() => [balances, error, loading], [balances, error, loading]) as AsyncResult<Balances>
+}
+
+export default useLoadBalances
diff --git a/apps/web/src/hooks/loadables/useLoadChains.ts b/apps/web/src/hooks/loadables/useLoadChains.ts
new file mode 100644
index 000000000..68c274aa1
--- /dev/null
+++ b/apps/web/src/hooks/loadables/useLoadChains.ts
@@ -0,0 +1,22 @@
+import { useEffect } from 'react'
+import { useChainsGetChainsV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import { Errors, logError } from '@/services/exceptions'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import type { AsyncResult } from '@safe-global/utils/hooks/useAsync'
+
+const MAX_CHAINS = 40
+
+export const useLoadChains = () => {
+  const { data, isLoading, error } = useChainsGetChainsV1Query({ cursor: `limit=${MAX_CHAINS}` })
+
+  // Log errors
+  useEffect(() => {
+    if (error) {
+      logError(Errors._620, error.toString())
+    }
+  }, [error])
+
+  return [data?.results, error, isLoading] as AsyncResult<ChainInfo[]>
+}
+
+export default useLoadChains
diff --git a/apps/web/src/hooks/loadables/useLoadSafeInfo.ts b/apps/web/src/hooks/loadables/useLoadSafeInfo.ts
new file mode 100644
index 000000000..e77985cc2
--- /dev/null
+++ b/apps/web/src/hooks/loadables/useLoadSafeInfo.ts
@@ -0,0 +1,61 @@
+import { selectUndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
+import { getUndeployedSafeInfo } from '@/features/counterfactual/utils'
+import { useAppSelector } from '@/store'
+import { useEffect, useMemo } from 'react'
+import { getSafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import useAsync, { type AsyncResult } from '@safe-global/utils/hooks/useAsync'
+import { useChainId } from '../useChainId'
+import useIntervalCounter from '../useIntervalCounter'
+import { Errors, logError } from '@/services/exceptions'
+import { POLLING_INTERVAL } from '@/config/constants'
+import { checksumAddress, sameAddress } from '@safe-global/utils/utils/addresses'
+import { useCurrentChain } from '../useChains'
+import { useSafeAddressFromUrl } from '../useSafeAddressFromUrl'
+import useSafeInfo from '../useSafeInfo'
+
+export const useLoadSafeInfo = (): AsyncResult<SafeState> => {
+  const address = useSafeAddressFromUrl()
+  const chainId = useChainId()
+  const chain = useCurrentChain()
+  const [pollCount, resetPolling] = useIntervalCounter(POLLING_INTERVAL)
+  const { safe } = useSafeInfo()
+  const isStoredSafeValid = safe.chainId === chainId && sameAddress(safe.address.value, checksumAddress(address))
+  const undeployedSafe = useAppSelector((state) => selectUndeployedSafe(state, chainId, checksumAddress(address)))
+
+  const [undeployedData, undeployedError] = useAsync<SafeState | undefined>(async () => {
+    if (!undeployedSafe || !chain) return
+    /**
+     * This is the one place where we can't check for `safe.deployed` as we want to update that value
+     * when the local storage is cleared, so we have to check undeployedSafe
+     */
+    return getUndeployedSafeInfo(undeployedSafe, checksumAddress(address), chain)
+  }, [undeployedSafe, address, chain])
+
+  const [cgwData, cgwError, cgwLoading] = useAsync<SafeState | undefined>(async () => {
+    if (!chainId || !address || pollCount === undefined) return
+    const safeInfo = await getSafeInfo(chainId, checksumAddress(address))
+    return { ...safeInfo, deployed: true }
+  }, [chainId, address, pollCount])
+
+  // Reset the counter when safe address/chainId changes
+  useEffect(() => {
+    resetPolling()
+  }, [resetPolling, address, chainId])
+
+  // Log errors
+  useEffect(() => {
+    if (cgwError) {
+      logError(Errors._600, cgwError.message)
+    }
+  }, [cgwError])
+
+  // Return stored SafeInfo between polls
+  const safeData = cgwData ?? (isStoredSafeValid ? safe : undeployedData)
+  const error = cgwError ?? (undeployedSafe ? undeployedError : undefined)
+  const loading = cgwLoading
+
+  return useMemo(() => [safeData, error, loading], [safeData, error, loading])
+}
+
+export default useLoadSafeInfo
diff --git a/apps/web/src/hooks/loadables/useLoadSafeMessages.ts b/apps/web/src/hooks/loadables/useLoadSafeMessages.ts
new file mode 100644
index 000000000..d68d8878f
--- /dev/null
+++ b/apps/web/src/hooks/loadables/useLoadSafeMessages.ts
@@ -0,0 +1,34 @@
+import type { MessagePage } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { useEffect } from 'react'
+import { getSafeMessages } from '@safe-global/safe-gateway-typescript-sdk'
+
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { logError, Errors } from '@/services/exceptions'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import type { AsyncResult } from '@safe-global/utils/hooks/useAsync'
+
+export const useLoadSafeMessages = (): AsyncResult<MessagePage> => {
+  const { safe, safeAddress, safeLoaded } = useSafeInfo()
+
+  const [data, error, loading] = useAsync<MessagePage>(
+    () => {
+      if (!safeLoaded) return
+      if (!safe.deployed) return Promise.resolve({ results: [] })
+
+      return getSafeMessages(safe.chainId, safeAddress) as Promise<MessagePage>
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [safeLoaded, safe.chainId, safeAddress, safe.messagesTag, safe.deployed],
+    false,
+  )
+
+  useEffect(() => {
+    if (error) {
+      logError(Errors._608, error.message)
+    }
+  }, [error])
+
+  return [data, error, loading]
+}
+
+export default useLoadSafeMessages
diff --git a/apps/web/src/hooks/loadables/useLoadSpendingLimits.ts b/apps/web/src/hooks/loadables/useLoadSpendingLimits.ts
new file mode 100644
index 000000000..fcbf60a44
--- /dev/null
+++ b/apps/web/src/hooks/loadables/useLoadSpendingLimits.ts
@@ -0,0 +1,158 @@
+import { useEffect } from 'react'
+import useAsync, { type AsyncResult } from '@safe-global/utils/hooks/useAsync'
+import useSafeInfo from '../useSafeInfo'
+import { Errors, logError } from '@/services/exceptions'
+import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
+import useChainId from '@/hooks/useChainId'
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import type { JsonRpcProvider } from 'ethers'
+import { getSpendingLimitContract } from '@/services/contracts/spendingLimitContracts'
+import type { TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { type AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { type AllowanceModule } from '@safe-global/utils/types/contracts'
+import { getERC20TokenInfoOnChain } from '@/utils/tokens'
+
+import { sameString } from '@safe-global/protocol-kit/dist/src/utils'
+import { useAppSelector } from '@/store'
+import { selectTokens } from '@/store/balancesSlice'
+import isEqual from 'lodash/isEqual'
+import { multicall } from '@safe-global/utils/utils/multicall'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+
+const DEFAULT_TOKEN_INFO = {
+  decimals: 18,
+  symbol: '',
+}
+
+const discardZeroAllowance = (spendingLimit: SpendingLimitState): boolean =>
+  !(sameString(spendingLimit.amount, '0') && sameString(spendingLimit.resetTimeMin, '0'))
+
+const getTokenInfoFromBalances = (tokenInfoFromBalances: TokenInfo[], address: string): TokenInfo | undefined =>
+  tokenInfoFromBalances.find((token) => token.address === address)
+
+export const getTokenAllowances = async (
+  contract: AllowanceModule,
+  provider: JsonRpcProvider,
+  safeAddress: string,
+  allowanceRequests: { delegate: string; token: string }[],
+  tokenInfoFromBalances: TokenInfo[],
+): Promise<SpendingLimitState[]> => {
+  const moduleAddress = await contract.getAddress()
+  const calls = allowanceRequests.map(({ delegate, token }) => ({
+    to: moduleAddress,
+    data: contract.interface.encodeFunctionData('getTokenAllowance', [safeAddress, delegate, token]),
+  }))
+  const results = await multicall(provider, calls)
+
+  const tokenAllowances = results.map(
+    (result) => contract.interface.decodeFunctionResult('getTokenAllowance', result.returnData)[0],
+  )
+
+  const missingTokenAddresses = tokenAllowances
+    .map((_, index) => allowanceRequests[index].token)
+    .filter((tokenAddress) => !getTokenInfoFromBalances(tokenInfoFromBalances, tokenAddress))
+
+  const missingTokenInfos = await getERC20TokenInfoOnChain(missingTokenAddresses)
+
+  return tokenAllowances.map((tokenAllowance, index) => {
+    const { delegate, token } = allowanceRequests[index]
+    const [amount, spent, resetTimeMin, lastResetMin, nonce] = tokenAllowance
+    return {
+      beneficiary: delegate,
+      token: getTokenInfoFromBalances(tokenInfoFromBalances, token) ||
+        missingTokenInfos?.find((tokenInfo) => sameAddress(tokenInfo.address, token)) || {
+          ...DEFAULT_TOKEN_INFO,
+          address: token,
+        },
+      amount: amount.toString(),
+      spent: spent.toString(),
+      resetTimeMin: resetTimeMin.toString(),
+      lastResetMin: lastResetMin.toString(),
+      nonce: nonce.toString(),
+    }
+  })
+}
+
+export const getTokensForDelegates = async (
+  contract: AllowanceModule,
+  provider: JsonRpcProvider,
+  safeAddress: string,
+  delegates: string[],
+  tokenInfoFromBalances: TokenInfo[],
+) => {
+  const allowanceAddress = await contract.getAddress()
+  const calls = delegates.map((delegate) => ({
+    to: allowanceAddress,
+    data: contract.interface.encodeFunctionData('getTokens', [safeAddress, delegate]),
+  }))
+
+  const results = await multicall(provider, calls)
+  const tokens = results.map(
+    (result) => contract.interface.decodeFunctionResult('getTokens', result.returnData)[0] as string[],
+  )
+
+  const spendingLimitRequests = delegates.flatMap((delegate, idx) => {
+    const tokensForDelegate = tokens[idx]
+    return tokensForDelegate.map((token) => ({
+      delegate,
+      token,
+    }))
+  })
+
+  return getTokenAllowances(contract, provider, safeAddress, spendingLimitRequests, tokenInfoFromBalances)
+}
+
+export const getSpendingLimits = async (
+  provider: JsonRpcProvider,
+  safeModules: AddressInfo[],
+  safeAddress: string,
+  chainId: string,
+  tokenInfoFromBalances: TokenInfo[],
+): Promise<SpendingLimitState[] | undefined> => {
+  let contract: ReturnType<typeof getSpendingLimitContract>
+  try {
+    contract = getSpendingLimitContract(chainId, safeModules, provider)
+  } catch {
+    return
+  }
+  const delegates = await contract.getDelegates(safeAddress, 0, 100)
+
+  const spendingLimits = await getTokensForDelegates(
+    contract,
+    provider,
+    safeAddress,
+    delegates.results,
+    tokenInfoFromBalances,
+  )
+
+  return spendingLimits.flat().filter(discardZeroAllowance)
+}
+
+export const useLoadSpendingLimits = (): AsyncResult<SpendingLimitState[]> => {
+  const { safeAddress, safe, safeLoaded } = useSafeInfo()
+  const chainId = useChainId()
+  const provider = useWeb3ReadOnly()
+  const tokenInfoFromBalances = useAppSelector(selectTokens, isEqual)
+
+  const [data, error, loading] = useAsync<SpendingLimitState[] | undefined>(
+    () => {
+      if (!provider || !safeLoaded || !safe.modules || tokenInfoFromBalances.length === 0) return
+
+      return getSpendingLimits(provider, safe.modules, safeAddress, chainId, tokenInfoFromBalances)
+    },
+    // Need to check length of modules array to prevent new request every time Safe info polls
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [provider, safeLoaded, safe.modules?.length, tokenInfoFromBalances, safeAddress, chainId, safe.txHistoryTag],
+    false,
+  )
+
+  useEffect(() => {
+    if (error) {
+      logError(Errors._609, error.message)
+    }
+  }, [error])
+
+  return [data, error, loading]
+}
+
+export default useLoadSpendingLimits
diff --git a/apps/web/src/hooks/loadables/useLoadTxHistory.ts b/apps/web/src/hooks/loadables/useLoadTxHistory.ts
new file mode 100644
index 000000000..ebdb7494c
--- /dev/null
+++ b/apps/web/src/hooks/loadables/useLoadTxHistory.ts
@@ -0,0 +1,43 @@
+import { useEffect } from 'react'
+import { type TransactionListPage } from '@safe-global/safe-gateway-typescript-sdk'
+import useAsync, { type AsyncResult } from '@safe-global/utils/hooks/useAsync'
+import { Errors, logError } from '@/services/exceptions'
+import useSafeInfo from '../useSafeInfo'
+import { getTxHistory } from '@/services/transactions'
+import { useAppSelector } from '@/store'
+import { selectSettings } from '@/store/settingsSlice'
+import { useHasFeature } from '../useChains'
+
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+export const useLoadTxHistory = (): AsyncResult<TransactionListPage> => {
+  const { safe, safeAddress, safeLoaded } = useSafeInfo()
+  const { chainId, txHistoryTag } = safe
+  const { hideSuspiciousTransactions } = useAppSelector(selectSettings)
+  const hasDefaultTokenlist = useHasFeature(FEATURES.DEFAULT_TOKENLIST)
+  const hideUntrustedTxs = (hasDefaultTokenlist && hideSuspiciousTransactions) ?? true
+  const hideImitationTxs = hideSuspiciousTransactions ?? true
+
+  // Re-fetch when chainId, address, hideSuspiciousTransactions, or txHistoryTag changes
+  const [data, error, loading] = useAsync<TransactionListPage>(
+    () => {
+      if (!safeLoaded) return
+      if (!safe.deployed) return Promise.resolve({ results: [] })
+
+      return getTxHistory(chainId, safeAddress, hideUntrustedTxs, hideImitationTxs)
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [safeLoaded, chainId, safeAddress, hideSuspiciousTransactions, hasDefaultTokenlist, txHistoryTag, safe.deployed],
+    false,
+  )
+
+  // Log errors
+  useEffect(() => {
+    if (!error) return
+    logError(Errors._602, error.message)
+  }, [error])
+
+  return [data, error, loading]
+}
+
+export default useLoadTxHistory
diff --git a/src/hooks/loadables/useLoadTxQueue.ts b/apps/web/src/hooks/loadables/useLoadTxQueue.ts
similarity index 95%
rename from src/hooks/loadables/useLoadTxQueue.ts
rename to apps/web/src/hooks/loadables/useLoadTxQueue.ts
index 5f1aee69f..deaebedb1 100644
--- a/src/hooks/loadables/useLoadTxQueue.ts
+++ b/apps/web/src/hooks/loadables/useLoadTxQueue.ts
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 import { getTransactionQueue, type TransactionListPage } from '@safe-global/safe-gateway-typescript-sdk'
-import useAsync, { type AsyncResult } from '../useAsync'
+import useAsync, { type AsyncResult } from '@safe-global/utils/hooks/useAsync'
 import useSafeInfo from '../useSafeInfo'
 import { Errors, logError } from '@/services/exceptions'
 import { TxEvent, txSubscribe } from '@/services/tx/txEvents'
diff --git a/src/hooks/messages/__tests__/useIsSafeMessagePending.test.ts b/apps/web/src/hooks/messages/__tests__/useIsSafeMessagePending.test.ts
similarity index 100%
rename from src/hooks/messages/__tests__/useIsSafeMessagePending.test.ts
rename to apps/web/src/hooks/messages/__tests__/useIsSafeMessagePending.test.ts
diff --git a/src/hooks/messages/__tests__/useIsSafeMessageSignableBy.test.ts b/apps/web/src/hooks/messages/__tests__/useIsSafeMessageSignableBy.test.ts
similarity index 91%
rename from src/hooks/messages/__tests__/useIsSafeMessageSignableBy.test.ts
rename to apps/web/src/hooks/messages/__tests__/useIsSafeMessageSignableBy.test.ts
index 81348292f..ebfdc7c0b 100644
--- a/src/hooks/messages/__tests__/useIsSafeMessageSignableBy.test.ts
+++ b/apps/web/src/hooks/messages/__tests__/useIsSafeMessageSignableBy.test.ts
@@ -1,4 +1,4 @@
-import type { SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
 
 import { renderHook } from '@/tests/test-utils'
 import * as useIsSafeOwnerHook from '@/hooks/useIsSafeOwner'
@@ -16,7 +16,7 @@ describe('useIsSafeMessageSignableBy', () => {
           },
         },
       ],
-    } as SafeMessage
+    } as MessageItem
 
     const address = '0x456'
 
@@ -35,7 +35,7 @@ describe('useIsSafeMessageSignableBy', () => {
           },
         },
       ],
-    } as SafeMessage
+    } as MessageItem
 
     const address = '0x456'
 
@@ -53,7 +53,7 @@ describe('useIsSafeMessageSignableBy', () => {
           },
         },
       ],
-    } as SafeMessage
+    } as MessageItem
 
     const address = '0x123'
 
diff --git a/src/hooks/messages/__tests__/useSafeMessageNotifications.test.ts b/apps/web/src/hooks/messages/__tests__/useSafeMessageNotifications.test.ts
similarity index 87%
rename from src/hooks/messages/__tests__/useSafeMessageNotifications.test.ts
rename to apps/web/src/hooks/messages/__tests__/useSafeMessageNotifications.test.ts
index a71df5781..e819e3e72 100644
--- a/src/hooks/messages/__tests__/useSafeMessageNotifications.test.ts
+++ b/apps/web/src/hooks/messages/__tests__/useSafeMessageNotifications.test.ts
@@ -1,6 +1,5 @@
+import type { SafeMessageListItem } from '@safe-global/store/gateway/types'
 import { toBeHex } from 'ethers'
-import { SafeMessageStatus, SafeMessageListItemType } from '@safe-global/safe-gateway-typescript-sdk'
-import type { SafeMessageListItem } from '@safe-global/safe-gateway-typescript-sdk'
 
 import { safeMsgDispatch, SafeMsgEvent } from '@/services/safe-messages/safeMsgEvents'
 import { showNotification } from '@/store/notificationsSlice'
@@ -21,8 +20,8 @@ describe('useSafeMessageNotifications', () => {
     it('should return all SafeMessages awaiting confirmation of the current wallet', () => {
       const items: SafeMessageListItem[] = [
         {
-          type: SafeMessageListItemType.MESSAGE,
-          status: SafeMessageStatus.NEEDS_CONFIRMATION,
+          type: 'MESSAGE',
+          status: 'NEEDS_CONFIRMATION',
           messageHash: '0x123',
           confirmations: [],
         } as unknown as SafeMessageListItem,
@@ -32,8 +31,8 @@ describe('useSafeMessageNotifications', () => {
 
       expect(messages).toStrictEqual([
         {
-          type: SafeMessageListItemType.MESSAGE,
-          status: SafeMessageStatus.NEEDS_CONFIRMATION,
+          type: 'MESSAGE',
+          status: 'NEEDS_CONFIRMATION',
           messageHash: '0x123',
           confirmations: [],
         },
@@ -43,7 +42,7 @@ describe('useSafeMessageNotifications', () => {
     it('should filter DATE_LABELs', () => {
       const items = [
         {
-          type: SafeMessageListItemType.DATE_LABEL,
+          type: 'DATE_LABEL' as const,
         } as SafeMessageListItem,
       ]
 
@@ -55,8 +54,8 @@ describe('useSafeMessageNotifications', () => {
     it('should filter pending messages', () => {
       const items: SafeMessageListItem[] = [
         {
-          type: SafeMessageListItemType.MESSAGE,
-          status: SafeMessageStatus.NEEDS_CONFIRMATION,
+          type: 'MESSAGE',
+          status: 'NEEDS_CONFIRMATION',
           messageHash: '0x123',
           confirmations: [
             {
@@ -81,8 +80,8 @@ describe('useSafeMessageNotifications', () => {
     it('should filter messages already confirmed by the connected wallet', () => {
       const items: SafeMessageListItem[] = [
         {
-          type: SafeMessageListItemType.MESSAGE,
-          status: SafeMessageStatus.NEEDS_CONFIRMATION,
+          type: 'MESSAGE',
+          status: 'NEEDS_CONFIRMATION',
           messageHash: '0x123',
           confirmations: [
             {
diff --git a/src/hooks/messages/__tests__/useSafeMessagePendingStatuses.test.ts b/apps/web/src/hooks/messages/__tests__/useSafeMessagePendingStatuses.test.ts
similarity index 100%
rename from src/hooks/messages/__tests__/useSafeMessagePendingStatuses.test.ts
rename to apps/web/src/hooks/messages/__tests__/useSafeMessagePendingStatuses.test.ts
diff --git a/apps/web/src/hooks/messages/__tests__/useSafeMessageStatus.test.ts b/apps/web/src/hooks/messages/__tests__/useSafeMessageStatus.test.ts
new file mode 100644
index 000000000..4207c5361
--- /dev/null
+++ b/apps/web/src/hooks/messages/__tests__/useSafeMessageStatus.test.ts
@@ -0,0 +1,73 @@
+import type { SafeMessageStatus } from '@safe-global/store/gateway/types'
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+
+import { renderHook } from '@/tests/test-utils'
+import * as useIsSafeMessagePendingHook from '@/hooks/messages/useIsSafeMessagePending'
+import * as useWalletHook from '@/hooks/wallets/useWallet'
+import useSafeMessageStatus from '../useSafeMessageStatus'
+import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
+
+describe('useSafeMessageStatus', () => {
+  it('should return "Confirming" if the message is pending', () => {
+    jest.spyOn(useIsSafeMessagePendingHook, 'default').mockImplementation(() => true)
+
+    const message = {} as MessageItem
+
+    const { result } = renderHook(() => useSafeMessageStatus(message))
+    expect(result.current).toBe('Confirming')
+  })
+
+  it('should return "Awaiting confirmations" if the message is not pending, the wallet has signed it but it is not fully signed', () => {
+    jest.spyOn(useIsSafeMessagePendingHook, 'default').mockImplementation(() => false)
+    jest.spyOn(useWalletHook, 'default').mockImplementation(
+      () =>
+        ({
+          address: '0x123',
+        }) as ConnectedWallet,
+    )
+
+    const message = {
+      confirmations: [{ owner: { value: '0x123' } }],
+      status: 'NEEDS_CONFIRMATION' as SafeMessageStatus,
+    } as MessageItem
+
+    const { result } = renderHook(() => useSafeMessageStatus(message))
+    expect(result.current).toBe('Awaiting confirmations')
+  })
+
+  it('should return the message status if the message is not pending and the wallet has not signed the message', () => {
+    jest.spyOn(useIsSafeMessagePendingHook, 'default').mockImplementation(() => false)
+    jest.spyOn(useWalletHook, 'default').mockImplementation(
+      () =>
+        ({
+          address: '0x123',
+        }) as ConnectedWallet,
+    )
+
+    const message = {
+      confirmations: [{ owner: { value: '0x456' } }] as MessageItem['confirmations'],
+      status: 'NEEDS_CONFIRMATION' as SafeMessageStatus,
+    } as MessageItem
+
+    const { result } = renderHook(() => useSafeMessageStatus(message))
+    expect(result.current).toBe('Needs confirmation')
+  })
+
+  it('should return the message status if the message is not pending and it is fully signed', () => {
+    jest.spyOn(useIsSafeMessagePendingHook, 'default').mockImplementation(() => false)
+    jest.spyOn(useWalletHook, 'default').mockImplementation(
+      () =>
+        ({
+          address: '0x123',
+        }) as ConnectedWallet,
+    )
+
+    const message = {
+      confirmations: [{ owner: { value: '0x123' } }] as MessageItem['confirmations'],
+      status: 'CONFIRMED' as SafeMessageStatus,
+    } as MessageItem
+
+    const { result } = renderHook(() => useSafeMessageStatus(message))
+    expect(result.current).toBe('Confirmed')
+  })
+})
diff --git a/src/hooks/messages/useDecodedSafeMessage.ts b/apps/web/src/hooks/messages/useDecodedSafeMessage.ts
similarity index 78%
rename from src/hooks/messages/useDecodedSafeMessage.ts
rename to apps/web/src/hooks/messages/useDecodedSafeMessage.ts
index b619701ed..d2f4eb733 100644
--- a/src/hooks/messages/useDecodedSafeMessage.ts
+++ b/apps/web/src/hooks/messages/useDecodedSafeMessage.ts
@@ -1,6 +1,7 @@
+import type { TypedData } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
 import { getDecodedMessage } from '@/components/safe-apps/utils'
-import { generateSafeMessageMessage, generateSafeMessageHash } from '@/utils/safe-messages'
-import type { EIP712TypedData, SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { generateSafeMessageMessage, generateSafeMessageHash } from '@safe-global/utils/utils/safe-messages'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
 import { useMemo } from 'react'
 
 /**
@@ -16,9 +17,9 @@ import { useMemo } from 'react'
  * }`
  */
 const useDecodedSafeMessage = (
-  message: string | EIP712TypedData,
-  safe: SafeInfo,
-): { decodedMessage: string | EIP712TypedData; safeMessageMessage: string; safeMessageHash: string } => {
+  message: string | TypedData,
+  safe: SafeState,
+): { decodedMessage: string | TypedData; safeMessageMessage: string; safeMessageHash: string } => {
   // Decode message if UTF-8 encoded
   const decodedMessage = useMemo(() => {
     return typeof message === 'string' ? getDecodedMessage(message) : message
diff --git a/src/hooks/messages/useIsSafeMessagePending.ts b/apps/web/src/hooks/messages/useIsSafeMessagePending.ts
similarity index 100%
rename from src/hooks/messages/useIsSafeMessagePending.ts
rename to apps/web/src/hooks/messages/useIsSafeMessagePending.ts
diff --git a/apps/web/src/hooks/messages/useIsSafeMessageSignableBy.ts b/apps/web/src/hooks/messages/useIsSafeMessageSignableBy.ts
new file mode 100644
index 000000000..450c37ace
--- /dev/null
+++ b/apps/web/src/hooks/messages/useIsSafeMessageSignableBy.ts
@@ -0,0 +1,10 @@
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+
+const useIsSafeMessageSignableBy = (message: MessageItem, walletAddress: string): boolean => {
+  const isSafeOwner = useIsSafeOwner()
+  return isSafeOwner && message.confirmations.every(({ owner }) => owner.value !== walletAddress)
+}
+
+export default useIsSafeMessageSignableBy
diff --git a/src/hooks/messages/useSafeMessage.ts b/apps/web/src/hooks/messages/useSafeMessage.ts
similarity index 83%
rename from src/hooks/messages/useSafeMessage.ts
rename to apps/web/src/hooks/messages/useSafeMessage.ts
index e1ae7a4b0..65899344f 100644
--- a/src/hooks/messages/useSafeMessage.ts
+++ b/apps/web/src/hooks/messages/useSafeMessage.ts
@@ -1,13 +1,13 @@
 import { isSafeMessageListItem } from '@/utils/safe-message-guards'
-import { type SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
 import { useState, useEffect } from 'react'
 import useSafeMessages from './useSafeMessages'
-import useAsync from '../useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import useSafeInfo from '../useSafeInfo'
 import { fetchSafeMessage } from './useSyncSafeMessageSigner'
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
 
 const useSafeMessage = (safeMessageHash: string | undefined) => {
-  const [safeMessage, setSafeMessage] = useState<SafeMessage | undefined>()
+  const [safeMessage, setSafeMessage] = useState<MessageItem | undefined>()
 
   const { safe } = useSafeInfo()
 
diff --git a/src/hooks/messages/useSafeMessageNotifications.ts b/apps/web/src/hooks/messages/useSafeMessageNotifications.ts
similarity index 93%
rename from src/hooks/messages/useSafeMessageNotifications.ts
rename to apps/web/src/hooks/messages/useSafeMessageNotifications.ts
index 0a7fc7615..67d2c0bba 100644
--- a/src/hooks/messages/useSafeMessageNotifications.ts
+++ b/apps/web/src/hooks/messages/useSafeMessageNotifications.ts
@@ -1,11 +1,10 @@
+import type { SafeMessageListItem } from '@safe-global/store/gateway/types'
 import { useEffect, useMemo, useRef } from 'react'
-import { SafeMessageStatus } from '@safe-global/safe-gateway-typescript-sdk'
-import type { SafeMessageListItem } from '@safe-global/safe-gateway-typescript-sdk'
 
 import { SafeMsgEvent, safeMsgSubscribe } from '@/services/safe-messages/safeMsgEvents'
 import { useAppDispatch, useAppSelector } from '@/store'
 import { selectNotifications, showNotification } from '@/store/notificationsSlice'
-import { formatError } from '@/utils/formatters'
+import { formatError } from '@safe-global/utils/utils/formatters'
 import { isSafeMessageListItem } from '@/utils/safe-message-guards'
 import useSafeMessages from '@/hooks/messages/useSafeMessages'
 import { selectPendingSafeMessages } from '@/store/pendingSafeMessagesSlice'
@@ -31,7 +30,7 @@ export const _getSafeMessagesAwaitingConfirmations = (
   walletAddress: string,
 ) => {
   return items.filter(isSafeMessageListItem).filter((message) => {
-    const needsConfirmation = message.status === SafeMessageStatus.NEEDS_CONFIRMATION
+    const needsConfirmation = message.status === 'NEEDS_CONFIRMATION'
     const isPending = !!pendingMsgs[message.messageHash]
     const canSign = message.confirmations.every(({ owner }) => owner.value !== walletAddress)
     return needsConfirmation && !isPending && canSign
diff --git a/src/hooks/messages/useSafeMessagePendingStatuses.ts b/apps/web/src/hooks/messages/useSafeMessagePendingStatuses.ts
similarity index 100%
rename from src/hooks/messages/useSafeMessagePendingStatuses.ts
rename to apps/web/src/hooks/messages/useSafeMessagePendingStatuses.ts
diff --git a/apps/web/src/hooks/messages/useSafeMessageStatus.ts b/apps/web/src/hooks/messages/useSafeMessageStatus.ts
new file mode 100644
index 000000000..60a238431
--- /dev/null
+++ b/apps/web/src/hooks/messages/useSafeMessageStatus.ts
@@ -0,0 +1,42 @@
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import type { SafeMessageStatus } from '@safe-global/store/gateway/types'
+
+import useIsSafeMessagePending from './useIsSafeMessagePending'
+import useWallet from '../wallets/useWallet'
+
+const ConfirmingStatus = 'CONFIRMING'
+const AwaitingConfirmationsStatus = 'AWAITING_CONFIRMATIONS'
+const ConfirmedStatus = 'CONFIRMED'
+const NeedsConfirmationStatus = 'NEEDS_CONFIRMATION'
+type SafeMessageLocalStatus =
+  | SafeMessageStatus
+  | typeof ConfirmingStatus
+  | typeof AwaitingConfirmationsStatus
+  | typeof ConfirmedStatus
+  | typeof NeedsConfirmationStatus
+
+const STATUS_LABELS: { [_key in SafeMessageLocalStatus]: string } = {
+  [ConfirmingStatus]: 'Confirming',
+  [AwaitingConfirmationsStatus]: 'Awaiting confirmations',
+  [ConfirmedStatus]: 'Confirmed',
+  [NeedsConfirmationStatus]: 'Needs confirmation',
+}
+
+const useSafeMessageStatus = (msg: MessageItem) => {
+  const isPending = useIsSafeMessagePending(msg.messageHash)
+  const wallet = useWallet()
+
+  if (isPending) {
+    return STATUS_LABELS[ConfirmingStatus]
+  }
+
+  const hasWalletSigned = wallet && msg.confirmations.some(({ owner }) => owner.value === wallet.address)
+  const isConfirmed = msg.status === ConfirmedStatus
+  if (hasWalletSigned && !isConfirmed) {
+    return STATUS_LABELS[AwaitingConfirmationsStatus]
+  }
+
+  return STATUS_LABELS[msg.status]
+}
+
+export default useSafeMessageStatus
diff --git a/src/hooks/messages/useSafeMessages.ts b/apps/web/src/hooks/messages/useSafeMessages.ts
similarity index 80%
rename from src/hooks/messages/useSafeMessages.ts
rename to apps/web/src/hooks/messages/useSafeMessages.ts
index 771c23679..5dc4a45f5 100644
--- a/src/hooks/messages/useSafeMessages.ts
+++ b/apps/web/src/hooks/messages/useSafeMessages.ts
@@ -1,27 +1,27 @@
+import type { MessagePage } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
 import { getSafeMessages } from '@safe-global/safe-gateway-typescript-sdk'
-import type { SafeMessageListPage } from '@safe-global/safe-gateway-typescript-sdk'
 
 import { useAppSelector } from '@/store'
-import useAsync from '@/hooks/useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import useSafeInfo from '@/hooks/useSafeInfo'
 import { selectSafeMessages } from '@/store/safeMessagesSlice'
 
 const useSafeMessages = (
   pageUrl?: string,
 ): {
-  page?: SafeMessageListPage
+  page?: MessagePage
   error?: string
   loading: boolean
 } => {
   const { safe, safeAddress, safeLoaded } = useSafeInfo()
 
   // If pageUrl is passed, load a new messages page from the API
-  const [page, error, loading] = useAsync<SafeMessageListPage>(
+  const [page, error, loading] = useAsync<MessagePage>(
     () => {
       if (!safeLoaded || !pageUrl) {
         return
       }
-      return getSafeMessages(safe.chainId, safeAddress, pageUrl)
+      return getSafeMessages(safe.chainId, safeAddress, pageUrl) as Promise<MessagePage>
     },
     [safe.chainId, safeAddress, safeLoaded, pageUrl],
     false,
diff --git a/src/hooks/messages/useSafeMsgTracking.ts b/apps/web/src/hooks/messages/useSafeMsgTracking.ts
similarity index 100%
rename from src/hooks/messages/useSafeMsgTracking.ts
rename to apps/web/src/hooks/messages/useSafeMsgTracking.ts
diff --git a/apps/web/src/hooks/messages/useSyncSafeMessageSigner.ts b/apps/web/src/hooks/messages/useSyncSafeMessageSigner.ts
new file mode 100644
index 000000000..b685e7809
--- /dev/null
+++ b/apps/web/src/hooks/messages/useSyncSafeMessageSigner.ts
@@ -0,0 +1,93 @@
+import type { TypedData, MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import useWallet from '@/hooks/wallets/useWallet'
+import { Errors, logError } from '@/services/exceptions'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { dispatchPreparedSignature } from '@/services/safe-messages/safeMsgNotifications'
+import { dispatchSafeMsgProposal, dispatchSafeMsgConfirmation } from '@/services/safe-messages/safeMsgSender'
+import { getSafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
+import { useEffect, useCallback, useState } from 'react'
+import useSafeInfo from '../useSafeInfo'
+
+const HIDE_DELAY = 3000
+
+export const fetchSafeMessage = async (safeMessageHash: string, chainId: string): Promise<MessageItem | undefined> => {
+  let message: MessageItem | undefined
+  try {
+    // fetchedMessage does not have a type because it is explicitly a message
+    const fetchedMessage = await getSafeMessage(chainId, safeMessageHash)
+    // @ts-expect-error - the getSafeMessage type from the safe-gateway-typescript-sdk is wrong. The gateway returns a MessageItem
+    message = { ...fetchedMessage, type: 'MESSAGE' }
+  } catch (err) {
+    logError(Errors._613, err)
+    throw err
+  }
+
+  return message
+}
+
+const useSyncSafeMessageSigner = (
+  message: MessageItem | undefined,
+  decodedMessage: string | TypedData,
+  safeMessageHash: string,
+  requestId: string | undefined,
+  origin: string | undefined,
+  onClose: () => void,
+) => {
+  const [submitError, setSubmitError] = useState<Error | undefined>()
+  const wallet = useWallet()
+  const { safe } = useSafeInfo()
+
+  // If the message gets updated in the messageSlice we dispatch it if the signature is complete
+  useEffect(() => {
+    let timeout: NodeJS.Timeout | undefined
+    if (message?.preparedSignature) {
+      timeout = setTimeout(() => dispatchPreparedSignature(message, safeMessageHash, onClose, requestId), HIDE_DELAY)
+    }
+    return () => clearTimeout(timeout)
+  }, [message, safe.chainId, safeMessageHash, onClose, requestId])
+
+  const onSign = useCallback(async () => {
+    // Error is shown when no wallet is connected, this appeases TypeScript
+    if (!wallet) {
+      return
+    }
+
+    setSubmitError(undefined)
+
+    try {
+      // When collecting the first signature
+      if (!message) {
+        await dispatchSafeMsgProposal({ provider: wallet.provider, safe, message: decodedMessage, origin })
+
+        // Fetch updated message
+        const updatedMsg = await fetchSafeMessage(safeMessageHash, safe.chainId)
+
+        // If threshold 1, we do not want to wait for polling
+        if (safe.threshold === 1 && updatedMsg) {
+          setTimeout(() => dispatchPreparedSignature(updatedMsg, safeMessageHash, onClose, requestId), HIDE_DELAY)
+        }
+        return updatedMsg
+      } else {
+        await dispatchSafeMsgConfirmation({ provider: wallet.provider, safe, message: decodedMessage })
+
+        // No requestID => we are in the confirm message dialog and do not need to leave the window open
+        if (!requestId) {
+          onClose()
+          return
+        }
+
+        const updatedMsg = await fetchSafeMessage(safeMessageHash, safe.chainId)
+        if (updatedMsg) {
+          setTimeout(() => dispatchPreparedSignature(updatedMsg, safeMessageHash, onClose, requestId), HIDE_DELAY)
+        }
+        return updatedMsg
+      }
+    } catch (e) {
+      setSubmitError(asError(e))
+    }
+  }, [wallet, safe, message, decodedMessage, origin, safeMessageHash, onClose, requestId])
+
+  return { submitError, onSign }
+}
+
+export default useSyncSafeMessageSigner
diff --git a/src/hooks/safe-apps/__tests__/useCategoryFilter.test.ts b/apps/web/src/hooks/safe-apps/__tests__/useCategoryFilter.test.ts
similarity index 93%
rename from src/hooks/safe-apps/__tests__/useCategoryFilter.test.ts
rename to apps/web/src/hooks/safe-apps/__tests__/useCategoryFilter.test.ts
index 09864d982..96b0d5e4c 100644
--- a/src/hooks/safe-apps/__tests__/useCategoryFilter.test.ts
+++ b/apps/web/src/hooks/safe-apps/__tests__/useCategoryFilter.test.ts
@@ -11,7 +11,7 @@ describe('useCategoryFilter', () => {
   })
 
   it('should not set categories if there are none in the URL', () => {
-    jest.spyOn(nextRouter, 'useRouter').mockImplementation(() => ({ isReady: true, query: {} } as any))
+    jest.spyOn(nextRouter, 'useRouter').mockImplementation(() => ({ isReady: true, query: {} }) as any)
 
     const mockSetter = jest.fn()
 
@@ -25,7 +25,7 @@ describe('useCategoryFilter', () => {
   it('should not set categories if they are already set', () => {
     jest
       .spyOn(nextRouter, 'useRouter')
-      .mockImplementation(() => ({ isReady: true, query: { categories: 'Aggregator' } } as any))
+      .mockImplementation(() => ({ isReady: true, query: { categories: 'Aggregator' } }) as any)
 
     const mockSetter = jest.fn()
 
@@ -43,7 +43,7 @@ describe('useCategoryFilter', () => {
   it('should not set categories that do not exist', () => {
     jest
       .spyOn(nextRouter, 'useRouter')
-      .mockImplementation(() => ({ isReady: true, query: { categories: 'RandomCategory' } } as any))
+      .mockImplementation(() => ({ isReady: true, query: { categories: 'RandomCategory' } }) as any)
 
     const mockSetter = jest.fn()
 
@@ -61,7 +61,7 @@ describe('useCategoryFilter', () => {
   it('should set categories from the URL', () => {
     jest
       .spyOn(nextRouter, 'useRouter')
-      .mockImplementation(() => ({ isReady: true, query: { categories: 'DeFi' } } as any))
+      .mockImplementation(() => ({ isReady: true, query: { categories: 'DeFi' } }) as any)
 
     const mockSetter = jest.fn()
 
diff --git a/apps/web/src/hooks/safe-apps/permissions/index.ts b/apps/web/src/hooks/safe-apps/permissions/index.ts
new file mode 100644
index 000000000..ce1460ede
--- /dev/null
+++ b/apps/web/src/hooks/safe-apps/permissions/index.ts
@@ -0,0 +1,29 @@
+import { RestrictedMethods } from '@safe-global/safe-apps-sdk'
+import type { AllowedFeatures } from '@/components/safe-apps/types'
+import { capitalize } from '@safe-global/utils/utils/formatters'
+
+type PermissionsDisplayType = {
+  displayName: string
+  description: string
+}
+
+export * from './useBrowserPermissions'
+export * from './useSafePermissions'
+
+const SAFE_PERMISSIONS_TEXTS: Record<string, PermissionsDisplayType> = {
+  [RestrictedMethods.requestAddressBook]: {
+    displayName: 'Address Book',
+    description: 'Access to your address book',
+  },
+}
+
+export const getSafePermissionDisplayValues = (method: string) => {
+  return SAFE_PERMISSIONS_TEXTS[method]
+}
+
+export const getBrowserPermissionDisplayValues = (feature: AllowedFeatures) => {
+  return {
+    displayName: capitalize(feature).replace(/-/g, ' '),
+    description: `Allow to use - ${feature}`,
+  }
+}
diff --git a/src/hooks/safe-apps/permissions/useBrowserPermissions.ts b/apps/web/src/hooks/safe-apps/permissions/useBrowserPermissions.ts
similarity index 100%
rename from src/hooks/safe-apps/permissions/useBrowserPermissions.ts
rename to apps/web/src/hooks/safe-apps/permissions/useBrowserPermissions.ts
diff --git a/src/hooks/safe-apps/permissions/useSafePermissions.ts b/apps/web/src/hooks/safe-apps/permissions/useSafePermissions.ts
similarity index 100%
rename from src/hooks/safe-apps/permissions/useSafePermissions.ts
rename to apps/web/src/hooks/safe-apps/permissions/useSafePermissions.ts
diff --git a/src/hooks/safe-apps/useAppsFilterByCategory.ts b/apps/web/src/hooks/safe-apps/useAppsFilterByCategory.ts
similarity index 100%
rename from src/hooks/safe-apps/useAppsFilterByCategory.ts
rename to apps/web/src/hooks/safe-apps/useAppsFilterByCategory.ts
diff --git a/src/hooks/safe-apps/useAppsFilterByOptimizedForBatch.ts b/apps/web/src/hooks/safe-apps/useAppsFilterByOptimizedForBatch.ts
similarity index 100%
rename from src/hooks/safe-apps/useAppsFilterByOptimizedForBatch.ts
rename to apps/web/src/hooks/safe-apps/useAppsFilterByOptimizedForBatch.ts
diff --git a/src/hooks/safe-apps/useAppsSearch.ts b/apps/web/src/hooks/safe-apps/useAppsSearch.ts
similarity index 93%
rename from src/hooks/safe-apps/useAppsSearch.ts
rename to apps/web/src/hooks/safe-apps/useAppsSearch.ts
index f2f57ad41..900b8e18e 100644
--- a/src/hooks/safe-apps/useAppsSearch.ts
+++ b/apps/web/src/hooks/safe-apps/useAppsSearch.ts
@@ -15,6 +15,10 @@ const useAppsSearch = (apps: SafeAppData[], query: string): SafeAppData[] => {
             name: 'description',
             weight: 0.5,
           },
+          {
+            name: 'tags',
+            weight: 0.99,
+          },
         ],
         // https://fusejs.io/api/options.html#threshold
         // Very naive explanation: threshold represents how accurate the search results should be. The default is 0.6
diff --git a/src/hooks/safe-apps/useCategoryFilter.ts b/apps/web/src/hooks/safe-apps/useCategoryFilter.ts
similarity index 96%
rename from src/hooks/safe-apps/useCategoryFilter.ts
rename to apps/web/src/hooks/safe-apps/useCategoryFilter.ts
index 9e7099177..4757252ff 100644
--- a/src/hooks/safe-apps/useCategoryFilter.ts
+++ b/apps/web/src/hooks/safe-apps/useCategoryFilter.ts
@@ -31,7 +31,7 @@ const useCategoryFilter = ({
   }, [router.isReady, router.query.categories, safeAppsList, selectedCategories.length, setSelectedCategories])
 
   const onSelectCategories = async (selectedCategories: string[]) => {
-    const { categories, ...restProps } = router.query
+    const { categories: _, ...restProps } = router.query
 
     await router.push(
       {
diff --git a/src/hooks/safe-apps/useCustomAppCommunicator.tsx b/apps/web/src/hooks/safe-apps/useCustomAppCommunicator.tsx
similarity index 85%
rename from src/hooks/safe-apps/useCustomAppCommunicator.tsx
rename to apps/web/src/hooks/safe-apps/useCustomAppCommunicator.tsx
index 9d31f8b7f..d360280d1 100644
--- a/src/hooks/safe-apps/useCustomAppCommunicator.tsx
+++ b/apps/web/src/hooks/safe-apps/useCustomAppCommunicator.tsx
@@ -10,28 +10,25 @@ import {
   type SendTransactionRequestParams,
 } from '@safe-global/safe-apps-sdk'
 import { SafeAppsTxFlow, SignMessageFlow, SignMessageOnChainFlow } from '@/components/tx-flow/flows'
-import { isOffchainEIP1271Supported } from '@/utils/safe-messages'
-import {
-  getBalances,
-  getSafeMessage,
-  getTransactionDetails,
-  type SafeAppData,
-} from '@safe-global/safe-gateway-typescript-sdk'
+import { isOffchainEIP1271Supported } from '@safe-global/utils/utils/safe-messages'
+import { getSafeMessage, getTransactionDetails, type SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
 import useGetSafeInfo from '@/components/safe-apps/AppFrame/useGetSafeInfo'
-import { FEATURES, hasFeature } from '@/utils/chains'
 import { isSafeMessageListItem } from '@/utils/safe-message-guards'
 import { TxModalContext } from '@/components/tx-flow'
 import { selectOnChainSigning, selectTokenList, TOKEN_LISTS } from '@/store/settingsSlice'
 import { useAppSelector } from '@/store'
 import useSafeInfo from '@/hooks/useSafeInfo'
 import { selectSafeMessages } from '@/store/safeMessagesSlice'
-import { trackSafeAppEvent, SAFE_APPS_EVENTS, trackEvent } from '@/services/analytics'
+import { trackSafeAppEvent, SAFE_APPS_EVENTS } from '@/services/analytics'
 import { safeMsgSubscribe, SafeMsgEvent } from '@/services/safe-messages/safeMsgEvents'
 import { txSubscribe, TxEvent } from '@/services/tx/txEvents'
 import type { ChainInfo as WebCoreChainInfo } from '@safe-global/safe-gateway-typescript-sdk/dist/types/chains'
 import useChainId from '@/hooks/useChainId'
 import type AppCommunicator from '@/services/safe-apps/AppCommunicator'
 import useBalances from '@/hooks/useBalances'
+import type { TypedData } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { FEATURES, hasFeature } from '@safe-global/utils/utils/chains'
+import { useLazyBalancesGetBalancesV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
 
 export const useCustomAppCommunicator = (
   iframeRef: MutableRefObject<HTMLIFrameElement | null>,
@@ -60,6 +57,7 @@ export const useCustomAppCommunicator = (
   const tokenlist = useAppSelector(selectTokenList)
   const chainId = useChainId()
   const { balances } = useBalances()
+  const [getBalances] = useLazyBalancesGetBalancesV1Query()
 
   const communicator = useAppCommunicator(iframeRef, appData, chain, {
     onConfirmTransactions: (txs: BaseTransaction[], requestId: RequestId, params?: SendTransactionRequestParams) => {
@@ -72,7 +70,7 @@ export const useCustomAppCommunicator = (
       }
 
       setCurrentRequestId(requestId)
-      trackEvent({ ...SAFE_APPS_EVENTS.OPEN_TRANSACTION_MODAL, label: appData.name })
+      trackSafeAppEvent({ ...SAFE_APPS_EVENTS.OPEN_TRANSACTION_MODAL, label: appData.name })
       setTxFlow(<SafeAppsTxFlow data={data} />, onTxFlowClose)
     },
     onSignMessage: (
@@ -91,8 +89,8 @@ export const useCustomAppCommunicator = (
           <SignMessageFlow
             logoUri={appData?.iconUrl || ''}
             name={appData?.name || ''}
-            message={message}
-            safeAppId={appData?.id}
+            message={message as string | TypedData}
+            origin={appData?.url}
             requestId={requestId}
           />,
           onTxFlowClose,
@@ -120,12 +118,14 @@ export const useCustomAppCommunicator = (
     onGetSafeInfo: useGetSafeInfo(),
     onGetSafeBalances: (currency) => {
       const isDefaultTokenlistSupported = chain && hasFeature(chain, FEATURES.DEFAULT_TOKENLIST)
-
       return safe.deployed
-        ? getBalances(chainId, safeAddress, currency, {
-            exclude_spam: true,
+        ? getBalances({
+            chainId,
+            safeAddress,
+            fiatCode: currency,
+            excludeSpam: true,
             trusted: isDefaultTokenlistSupported && TOKEN_LISTS.TRUSTED === tokenlist,
-          })
+          }).then((res) => res.data ?? balances)
         : Promise.resolve(balances)
     },
     onGetChainInfo: () => {
@@ -157,14 +157,14 @@ export const useCustomAppCommunicator = (
         ?.find((item) => item.messageHash === messageHash)
 
       if (safeMessage) {
-        return safeMessage.preparedSignature
+        return safeMessage.preparedSignature || undefined
       }
 
       try {
         const { preparedSignature } = await getSafeMessage(chainId, messageHash)
-        return preparedSignature
+        return preparedSignature || undefined
       } catch {
-        return ''
+        return undefined
       }
     },
     ...overrideHandlers,
diff --git a/src/hooks/safe-apps/useCustomSafeApps.ts b/apps/web/src/hooks/safe-apps/useCustomSafeApps.ts
similarity index 100%
rename from src/hooks/safe-apps/useCustomSafeApps.ts
rename to apps/web/src/hooks/safe-apps/useCustomSafeApps.ts
diff --git a/src/hooks/safe-apps/useOpenedSafeApps.ts b/apps/web/src/hooks/safe-apps/useOpenedSafeApps.ts
similarity index 100%
rename from src/hooks/safe-apps/useOpenedSafeApps.ts
rename to apps/web/src/hooks/safe-apps/useOpenedSafeApps.ts
diff --git a/src/hooks/safe-apps/usePinnedSafeApps.ts b/apps/web/src/hooks/safe-apps/usePinnedSafeApps.ts
similarity index 100%
rename from src/hooks/safe-apps/usePinnedSafeApps.ts
rename to apps/web/src/hooks/safe-apps/usePinnedSafeApps.ts
diff --git a/apps/web/src/hooks/safe-apps/useRankedSafeApps.ts b/apps/web/src/hooks/safe-apps/useRankedSafeApps.ts
new file mode 100644
index 000000000..cab112ed7
--- /dev/null
+++ b/apps/web/src/hooks/safe-apps/useRankedSafeApps.ts
@@ -0,0 +1,24 @@
+import { useMemo } from 'react'
+import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
+import { rankSafeApps } from '@/services/safe-apps/track-app-usage-count'
+
+// number of ranked Safe Apps that we want to display
+const NUMBER_OF_SAFE_APPS = 5
+
+const useRankedSafeApps = (safeApps: SafeAppData[], pinnedSafeApps: SafeAppData[]): SafeAppData[] => {
+  return useMemo(() => {
+    if (!safeApps.length) return []
+
+    // TODO: Remove assertion after migrating to new SDK
+    const featuredApps = safeApps.filter((app) => (app as SafeAppData & { featured: boolean }).featured)
+    const rankedPinnedApps = rankSafeApps(pinnedSafeApps)
+
+    const allRankedApps = featuredApps.concat(rankedPinnedApps, pinnedSafeApps)
+
+    // Use a Set to remove duplicates
+    return [...new Set(allRankedApps)].slice(0, NUMBER_OF_SAFE_APPS)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [safeApps])
+}
+
+export { useRankedSafeApps }
diff --git a/apps/web/src/hooks/safe-apps/useRemoteSafeApps.ts b/apps/web/src/hooks/safe-apps/useRemoteSafeApps.ts
new file mode 100644
index 000000000..8b12b8a04
--- /dev/null
+++ b/apps/web/src/hooks/safe-apps/useRemoteSafeApps.ts
@@ -0,0 +1,65 @@
+import type { SafeAppsName, SafeAppsTag } from '@/config/constants'
+import useChainId from '@/hooks/useChainId'
+import { Errors, logError } from '@/services/exceptions'
+import type { SafeAppsResponse } from '@safe-global/safe-gateway-typescript-sdk'
+import { getSafeApps } from '@safe-global/safe-gateway-typescript-sdk'
+import { useEffect, useMemo } from 'react'
+import type { AsyncResult } from '@safe-global/utils/hooks/useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+
+// To avoid multiple simultaneous requests (e.g. the Dashboard and the SAFE header widget),
+// cache the request promise for 100ms
+let cache: Record<string, Promise<SafeAppsResponse> | undefined> = {}
+const cachedGetSafeApps = (chainId: string): ReturnType<typeof getSafeApps> | undefined => {
+  if (!cache[chainId]) {
+    cache[chainId] = getSafeApps(chainId, { client_url: window.location.origin })
+
+    // Clear the cache the promise resolves with a small delay
+    cache[chainId]
+      ?.catch(() => null)
+      .then(() => {
+        setTimeout(() => (cache[chainId] = undefined), 100)
+      })
+  }
+
+  return cache[chainId]
+}
+
+type UseRemoteSafeAppsProps =
+  | { tag: SafeAppsTag; name?: never }
+  | { name: SafeAppsName; tag?: never }
+  | { name?: never; tag?: never }
+
+const useRemoteSafeApps = ({ tag, name }: UseRemoteSafeAppsProps = {}): AsyncResult<SafeAppsResponse> => {
+  const chainId = useChainId()
+
+  const [remoteApps, error, loading] = useAsync<SafeAppsResponse>(() => {
+    if (!chainId) return
+    return cachedGetSafeApps(chainId)
+  }, [chainId])
+
+  useEffect(() => {
+    if (error) {
+      logError(Errors._902, error.message)
+    }
+  }, [error])
+
+  const apps = useMemo(() => {
+    if (!remoteApps) return remoteApps
+    if (tag) {
+      return remoteApps.filter((app) => app.tags.includes(tag))
+    }
+    if (name) {
+      return remoteApps.filter((app) => app.name === name)
+    }
+    return remoteApps
+  }, [remoteApps, tag, name])
+
+  const sortedApps = useMemo(() => {
+    return apps?.sort((a, b) => a.name.localeCompare(b.name))
+  }, [apps])
+
+  return [sortedApps, error, loading]
+}
+
+export { useRemoteSafeApps }
diff --git a/src/hooks/safe-apps/useRemoveAppModal.ts b/apps/web/src/hooks/safe-apps/useRemoveAppModal.ts
similarity index 100%
rename from src/hooks/safe-apps/useRemoveAppModal.ts
rename to apps/web/src/hooks/safe-apps/useRemoveAppModal.ts
diff --git a/src/hooks/safe-apps/useSafeAppFromBackend.ts b/apps/web/src/hooks/safe-apps/useSafeAppFromBackend.ts
similarity index 89%
rename from src/hooks/safe-apps/useSafeAppFromBackend.ts
rename to apps/web/src/hooks/safe-apps/useSafeAppFromBackend.ts
index fec7531df..5eba147a0 100644
--- a/src/hooks/safe-apps/useSafeAppFromBackend.ts
+++ b/apps/web/src/hooks/safe-apps/useSafeAppFromBackend.ts
@@ -2,8 +2,8 @@ import { useEffect } from 'react'
 import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
 import { getSafeApps } from '@safe-global/safe-gateway-typescript-sdk'
 import { Errors, logError } from '@/services/exceptions'
-import type { AsyncResult } from '../useAsync'
-import useAsync from '../useAsync'
+import type { AsyncResult } from '@safe-global/utils/hooks/useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import { trimTrailingSlash } from '@/utils/url'
 
 const useSafeAppFromBackend = (url: string, chainId: string): AsyncResult<SafeAppData> => {
diff --git a/src/hooks/safe-apps/useSafeAppFromManifest.ts b/apps/web/src/hooks/safe-apps/useSafeAppFromManifest.ts
similarity index 90%
rename from src/hooks/safe-apps/useSafeAppFromManifest.ts
rename to apps/web/src/hooks/safe-apps/useSafeAppFromManifest.ts
index 4a67b9226..8b68414b1 100644
--- a/src/hooks/safe-apps/useSafeAppFromManifest.ts
+++ b/apps/web/src/hooks/safe-apps/useSafeAppFromManifest.ts
@@ -2,10 +2,10 @@ import { useEffect, useMemo } from 'react'
 import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
 import { Errors, logError } from '@/services/exceptions'
 import { fetchSafeAppFromManifest } from '@/services/safe-apps/manifest'
-import useAsync from '@/hooks/useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import { getEmptySafeApp } from '@/components/safe-apps/utils'
 import type { SafeAppDataWithPermissions } from '@/components/safe-apps/types'
-import { asError } from '@/services/exceptions/utils'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
 
 type UseSafeAppFromManifestReturnType = {
   safeApp: SafeAppDataWithPermissions
diff --git a/src/hooks/safe-apps/useSafeAppPreviewDrawer.ts b/apps/web/src/hooks/safe-apps/useSafeAppPreviewDrawer.ts
similarity index 100%
rename from src/hooks/safe-apps/useSafeAppPreviewDrawer.ts
rename to apps/web/src/hooks/safe-apps/useSafeAppPreviewDrawer.ts
diff --git a/src/hooks/safe-apps/useSafeAppUrl.ts b/apps/web/src/hooks/safe-apps/useSafeAppUrl.ts
similarity index 100%
rename from src/hooks/safe-apps/useSafeAppUrl.ts
rename to apps/web/src/hooks/safe-apps/useSafeAppUrl.ts
diff --git a/src/hooks/safe-apps/useSafeApps.ts b/apps/web/src/hooks/safe-apps/useSafeApps.ts
similarity index 88%
rename from src/hooks/safe-apps/useSafeApps.ts
rename to apps/web/src/hooks/safe-apps/useSafeApps.ts
index a9a299c06..4e3b8f063 100644
--- a/src/hooks/safe-apps/useSafeApps.ts
+++ b/apps/web/src/hooks/safe-apps/useSafeApps.ts
@@ -5,7 +5,7 @@ import { useCustomSafeApps } from '@/hooks/safe-apps/useCustomSafeApps'
 import { usePinnedSafeApps } from '@/hooks/safe-apps/usePinnedSafeApps'
 import { useBrowserPermissions, useSafePermissions } from './permissions'
 import { useRankedSafeApps } from '@/hooks/safe-apps/useRankedSafeApps'
-import { SAFE_APPS_EVENTS, trackSafeAppEvent } from '@/services/analytics'
+import { SAFE_APPS_EVENTS, type SAFE_APPS_LABELS, trackSafeAppEvent } from '@/services/analytics'
 
 type ReturnType = {
   allSafeApps: SafeAppData[]
@@ -18,7 +18,7 @@ type ReturnType = {
   customSafeAppsLoading: boolean
   remoteSafeAppsError?: Error
   addCustomApp: (app: SafeAppData) => void
-  togglePin: (appId: number) => void
+  togglePin: (appId: number, eventLabel: SAFE_APPS_LABELS) => void
   removeCustomApp: (appId: number) => void
 }
 
@@ -61,17 +61,17 @@ const useSafeApps = (): ReturnType => {
     [updateCustomSafeApps, customSafeApps, removeSafePermissions, removeBrowserPermissions],
   )
 
-  const togglePin = (appId: number) => {
+  const togglePin = (appId: number, eventLabel: SAFE_APPS_LABELS) => {
     const alreadyPinned = pinnedSafeAppIds.has(appId)
     const newSet = new Set(pinnedSafeAppIds)
     const appName = allSafeApps.find((app) => app.id === appId)?.name
 
     if (alreadyPinned) {
       newSet.delete(appId)
-      trackSafeAppEvent(SAFE_APPS_EVENTS.UNPIN, appName)
+      trackSafeAppEvent({ ...SAFE_APPS_EVENTS.UNPIN, label: eventLabel }, appName)
     } else {
       newSet.add(appId)
-      trackSafeAppEvent(SAFE_APPS_EVENTS.PIN, appName)
+      trackSafeAppEvent({ ...SAFE_APPS_EVENTS.PIN, label: eventLabel }, appName)
     }
     updatePinnedSafeApps(newSet)
   }
diff --git a/src/hooks/safe-apps/useSafeAppsFilters.ts b/apps/web/src/hooks/safe-apps/useSafeAppsFilters.ts
similarity index 100%
rename from src/hooks/safe-apps/useSafeAppsFilters.ts
rename to apps/web/src/hooks/safe-apps/useSafeAppsFilters.ts
diff --git a/src/hooks/safe-apps/useTxBuilderApp.ts b/apps/web/src/hooks/safe-apps/useTxBuilderApp.ts
similarity index 89%
rename from src/hooks/safe-apps/useTxBuilderApp.ts
rename to apps/web/src/hooks/safe-apps/useTxBuilderApp.ts
index 84b54331f..f20dd0b01 100644
--- a/src/hooks/safe-apps/useTxBuilderApp.ts
+++ b/apps/web/src/hooks/safe-apps/useTxBuilderApp.ts
@@ -7,7 +7,7 @@ import { AppRoutes } from '@/config/routes'
 import { useRemoteSafeApps } from '@/hooks/safe-apps/useRemoteSafeApps'
 
 export const useTxBuilderApp = (): { app?: SafeAppData; link: UrlObject } | undefined => {
-  const [matchingApps] = useRemoteSafeApps(SafeAppsTag.TX_BUILDER)
+  const [matchingApps] = useRemoteSafeApps({ tag: SafeAppsTag.TX_BUILDER })
   const router = useRouter()
   const app = matchingApps?.[0]
 
diff --git a/apps/web/src/hooks/useAddressBook.ts b/apps/web/src/hooks/useAddressBook.ts
new file mode 100644
index 000000000..c99d01290
--- /dev/null
+++ b/apps/web/src/hooks/useAddressBook.ts
@@ -0,0 +1,10 @@
+import { useAppSelector } from '@/store'
+import { selectAddressBookByChain } from '@/store/addressBookSlice'
+import useChainId from './useChainId'
+
+const useAddressBook = (chainId?: string) => {
+  const currentChainId = useChainId()
+  return useAppSelector((state) => selectAddressBookByChain(state, chainId ?? currentChainId))
+}
+
+export default useAddressBook
diff --git a/src/hooks/useAddressResolver.ts b/apps/web/src/hooks/useAddressResolver.ts
similarity index 90%
rename from src/hooks/useAddressResolver.ts
rename to apps/web/src/hooks/useAddressResolver.ts
index 2a44464c7..1c62e2387 100644
--- a/src/hooks/useAddressResolver.ts
+++ b/apps/web/src/hooks/useAddressResolver.ts
@@ -1,11 +1,11 @@
 import useAddressBook from '@/hooks/useAddressBook'
 import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
 import { lookupAddress } from '@/services/ens'
-import { FEATURES } from '@/utils/chains'
 import { useMemo } from 'react'
-import useAsync from '@/hooks/useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import useDebounce from './useDebounce'
 import { useHasFeature } from './useChains'
+import { FEATURES } from '@safe-global/utils/utils/chains'
 
 export const useAddressResolver = (address: string) => {
   const addressBook = useAddressBook()
diff --git a/src/hooks/useAdjustUrl.ts b/apps/web/src/hooks/useAdjustUrl.ts
similarity index 100%
rename from src/hooks/useAdjustUrl.ts
rename to apps/web/src/hooks/useAdjustUrl.ts
diff --git a/src/hooks/useAllAddressBooks.ts b/apps/web/src/hooks/useAllAddressBooks.ts
similarity index 100%
rename from src/hooks/useAllAddressBooks.ts
rename to apps/web/src/hooks/useAllAddressBooks.ts
diff --git a/apps/web/src/hooks/useBalances.ts b/apps/web/src/hooks/useBalances.ts
new file mode 100644
index 000000000..daa0229bd
--- /dev/null
+++ b/apps/web/src/hooks/useBalances.ts
@@ -0,0 +1,25 @@
+import { useMemo } from 'react'
+import isEqual from 'lodash/isEqual'
+import { useAppSelector } from '@/store'
+import { selectBalances } from '@/store/balancesSlice'
+import type { Balances } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+
+const useBalances = (): {
+  balances: Balances
+  loading: boolean
+  error?: string
+} => {
+  const state = useAppSelector(selectBalances, isEqual)
+  const { data, error, loading } = state
+
+  return useMemo(
+    () => ({
+      balances: data,
+      error,
+      loading,
+    }),
+    [data, error, loading],
+  )
+}
+
+export default useBalances
diff --git a/src/hooks/useBatchedTxs.ts b/apps/web/src/hooks/useBatchedTxs.ts
similarity index 100%
rename from src/hooks/useBatchedTxs.ts
rename to apps/web/src/hooks/useBatchedTxs.ts
diff --git a/apps/web/src/hooks/useBlockedAddress.ts b/apps/web/src/hooks/useBlockedAddress.ts
new file mode 100644
index 000000000..174df42bb
--- /dev/null
+++ b/apps/web/src/hooks/useBlockedAddress.ts
@@ -0,0 +1,25 @@
+import useSafeInfo from '@/hooks/useSafeInfo'
+import useWallet from '@/hooks/wallets/useWallet'
+import { useGetIsSanctionedQuery } from '@/store/api/ofac'
+import { skipToken } from '@reduxjs/toolkit/query/react'
+import { getKeyWithTrueValue } from '@/utils/helpers'
+
+/**
+ * Checks the connected wallet and current safe address
+ * against OFAC and returns either address if on the list
+ */
+const useBlockedAddress = () => {
+  const { safeAddress } = useSafeInfo()
+  const wallet = useWallet()
+
+  const { data: isSafeAddressBlocked } = useGetIsSanctionedQuery(safeAddress || skipToken)
+  const { data: isWalletAddressBlocked } = useGetIsSanctionedQuery(wallet?.address || skipToken)
+  const blockedAddresses = {
+    [safeAddress]: !!isSafeAddressBlocked,
+    [wallet?.address || '']: !!isWalletAddressBlocked,
+  }
+
+  return getKeyWithTrueValue(blockedAddresses)
+}
+
+export default useBlockedAddress
diff --git a/src/hooks/useChainId.ts b/apps/web/src/hooks/useChainId.ts
similarity index 78%
rename from src/hooks/useChainId.ts
rename to apps/web/src/hooks/useChainId.ts
index 0acbcd263..2033cc981 100644
--- a/src/hooks/useChainId.ts
+++ b/apps/web/src/hooks/useChainId.ts
@@ -1,15 +1,11 @@
 import { useParams } from 'next/navigation'
 import { parse, type ParsedUrlQuery } from 'querystring'
-import { IS_PRODUCTION } from '@/config/constants'
+import { DEFAULT_CHAIN_ID } from '@/config/constants'
 import chains from '@/config/chains'
-import { useAppSelector } from '@/store'
-import { selectSession } from '@/store/sessionSlice'
-import { parsePrefixedAddress } from '@/utils/addresses'
+import { parsePrefixedAddress } from '@safe-global/utils/utils/addresses'
 import useWallet from './wallets/useWallet'
 import useChains from './useChains'
 
-const defaultChainId = IS_PRODUCTION ? chains.rsk : chains.trsk
-
 // Use the location object directly because Next.js's router.query is available only on mount
 const getLocationQuery = (): ParsedUrlQuery => {
   if (typeof location === 'undefined') return {}
@@ -43,11 +39,10 @@ const useWalletChainId = (): string | undefined => {
 }
 
 export const useChainId = (): string => {
-  const session = useAppSelector(selectSession)
   const urlChainId = useUrlChainId()
   const walletChainId = useWalletChainId()
 
-  return urlChainId || session.lastChainId || walletChainId || defaultChainId
+  return urlChainId || walletChainId || String(DEFAULT_CHAIN_ID)
 }
 
 export default useChainId
diff --git a/src/hooks/useChains.ts b/apps/web/src/hooks/useChains.ts
similarity index 82%
rename from src/hooks/useChains.ts
rename to apps/web/src/hooks/useChains.ts
index 669c99865..f5f2ac6fb 100644
--- a/src/hooks/useChains.ts
+++ b/apps/web/src/hooks/useChains.ts
@@ -4,7 +4,8 @@ import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
 import { useAppSelector } from '@/store'
 import { selectChainById, selectChains } from '@/store/chainsSlice'
 import { useChainId } from './useChainId'
-import { type FEATURES, hasFeature } from '@/utils/chains'
+import type { FEATURES } from '@safe-global/utils/utils/chains'
+import { hasFeature } from '@safe-global/utils/utils/chains'
 
 const useChains = (): { configs: ChainInfo[]; error?: string; loading?: boolean } => {
   const state = useAppSelector(selectChains, isEqual)
@@ -37,7 +38,7 @@ export const useCurrentChain = (): ChainInfo | undefined => {
  * @param feature name of the feature to check for
  * @returns `true`, if the feature is enabled on the current chain. Otherwise `false`
  */
-export const useHasFeature = (feature: FEATURES): boolean => {
+export const useHasFeature = (feature: FEATURES): boolean | undefined => {
   const currentChain = useCurrentChain()
-  return !!currentChain && hasFeature(currentChain, feature)
+  return currentChain ? hasFeature(currentChain, feature) : undefined
 }
diff --git a/src/hooks/useChangedValue.ts b/apps/web/src/hooks/useChangedValue.ts
similarity index 100%
rename from src/hooks/useChangedValue.ts
rename to apps/web/src/hooks/useChangedValue.ts
diff --git a/src/hooks/useClock.ts b/apps/web/src/hooks/useClock.ts
similarity index 100%
rename from src/hooks/useClock.ts
rename to apps/web/src/hooks/useClock.ts
diff --git a/src/hooks/useCollectibles.ts b/apps/web/src/hooks/useCollectibles.ts
similarity index 91%
rename from src/hooks/useCollectibles.ts
rename to apps/web/src/hooks/useCollectibles.ts
index ee1601ce0..2f6fcf8ad 100644
--- a/src/hooks/useCollectibles.ts
+++ b/apps/web/src/hooks/useCollectibles.ts
@@ -1,6 +1,6 @@
 import { useEffect } from 'react'
 import { getCollectiblesPage, type SafeCollectiblesPage } from '@safe-global/safe-gateway-typescript-sdk'
-import useAsync, { type AsyncResult } from './useAsync'
+import useAsync, { type AsyncResult } from '@safe-global/utils/hooks/useAsync'
 import { Errors, logError } from '@/services/exceptions'
 import useSafeInfo from './useSafeInfo'
 
diff --git a/apps/web/src/hooks/useCompatibilityFallbackHandlerDeployments.ts b/apps/web/src/hooks/useCompatibilityFallbackHandlerDeployments.ts
new file mode 100644
index 000000000..05840822b
--- /dev/null
+++ b/apps/web/src/hooks/useCompatibilityFallbackHandlerDeployments.ts
@@ -0,0 +1,18 @@
+import { getCompatibilityFallbackHandlerDeployments } from '@safe-global/safe-deployments'
+import { useMemo } from 'react'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useCurrentChain } from '@/hooks/useChains'
+
+/**
+ * Hook to get the compatibility fallback handler deployments for the current Safe version and network
+ * @returns The compatibility fallback handler deployments or undefined if the Safe version or chain is not set
+ */
+export const useCompatibilityFallbackHandlerDeployments = () => {
+  const { safe } = useSafeInfo()
+  const chain = useCurrentChain()
+
+  return useMemo(() => {
+    if (!chain?.chainId || !safe.version) return undefined
+    return getCompatibilityFallbackHandlerDeployments({ network: chain?.chainId, version: safe.version })
+  }, [safe.version, chain?.chainId])
+}
diff --git a/apps/web/src/hooks/useConsent.ts b/apps/web/src/hooks/useConsent.ts
new file mode 100644
index 000000000..aa606a956
--- /dev/null
+++ b/apps/web/src/hooks/useConsent.ts
@@ -0,0 +1,17 @@
+import useLocalStorage from '@/services/local-storage/useLocalStorage'
+import { useCallback } from 'react'
+
+const useConsent = (storageKey: string) => {
+  const [isConsentAccepted = false, setIsConsentAccepted] = useLocalStorage<boolean>(storageKey)
+
+  const onAccept = useCallback(() => {
+    setIsConsentAccepted(true)
+  }, [setIsConsentAccepted])
+
+  return {
+    isConsentAccepted,
+    onAccept,
+  }
+}
+
+export default useConsent
diff --git a/src/hooks/useDarkMode.ts b/apps/web/src/hooks/useDarkMode.ts
similarity index 100%
rename from src/hooks/useDarkMode.ts
rename to apps/web/src/hooks/useDarkMode.ts
diff --git a/src/hooks/useDebounce.ts b/apps/web/src/hooks/useDebounce.ts
similarity index 100%
rename from src/hooks/useDebounce.ts
rename to apps/web/src/hooks/useDebounce.ts
diff --git a/src/hooks/useDraftBatch.ts b/apps/web/src/hooks/useDraftBatch.ts
similarity index 81%
rename from src/hooks/useDraftBatch.ts
rename to apps/web/src/hooks/useDraftBatch.ts
index a4794a24e..451fc4160 100644
--- a/src/hooks/useDraftBatch.ts
+++ b/apps/web/src/hooks/useDraftBatch.ts
@@ -1,3 +1,4 @@
+import { isMultisigExecutionInfo } from '@/utils/transaction-guards'
 import { useCallback } from 'react'
 import { useAppDispatch, useAppSelector } from '@/store'
 import useChainId from './useChainId'
@@ -7,6 +8,7 @@ import { selectBatchBySafe, addTx, removeTx } from '@/store/batchSlice'
 import { type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
 import { BATCH_EVENTS, trackEvent } from '@/services/analytics'
 import { txDispatch, TxEvent } from '@/services/tx/txEvents'
+import { shallowEqual } from 'react-redux'
 
 export const useUpdateBatch = () => {
   const chainId = useChainId()
@@ -23,7 +25,9 @@ export const useUpdateBatch = () => {
         }),
       )
 
-      txDispatch(TxEvent.BATCH_ADD, { txId: txDetails.txId })
+      if (isMultisigExecutionInfo(txDetails.detailedExecutionInfo)) {
+        txDispatch(TxEvent.BATCH_ADD, { txId: txDetails.txId, nonce: txDetails.detailedExecutionInfo.nonce })
+      }
 
       trackEvent({ ...BATCH_EVENTS.BATCH_TX_APPENDED, label: txDetails.txInfo.type })
     },
@@ -49,6 +53,6 @@ export const useUpdateBatch = () => {
 export const useDraftBatch = (): DraftBatchItem[] => {
   const chainId = useChainId()
   const safeAddress = useSafeAddress()
-  const batch = useAppSelector((state) => selectBatchBySafe(state, chainId, safeAddress))
+  const batch = useAppSelector((state) => selectBatchBySafe(state, chainId, safeAddress), shallowEqual)
   return batch
 }
diff --git a/src/hooks/useGasLimit.ts b/apps/web/src/hooks/useGasLimit.ts
similarity index 84%
rename from src/hooks/useGasLimit.ts
rename to apps/web/src/hooks/useGasLimit.ts
index d7b6ce66f..93fc8756c 100644
--- a/src/hooks/useGasLimit.ts
+++ b/apps/web/src/hooks/useGasLimit.ts
@@ -1,12 +1,13 @@
+import { SafeProvider } from '@safe-global/protocol-kit'
 import { useEffect } from 'react'
 import type Safe from '@safe-global/protocol-kit'
 import { encodeSignatures } from '@/services/tx/encodeSignatures'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import useAsync from '@/hooks/useAsync'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import useChainId from '@/hooks/useChainId'
 import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
 import chains from '@/config/chains'
-import useWallet from './wallets/useWallet'
+import { useSigner } from './wallets/useWallet'
 import { useSafeSDK } from './coreSDK/safeCoreSDK'
 import useIsSafeOwner from './useIsSafeOwner'
 import { Errors, logError } from '@/services/exceptions'
@@ -17,8 +18,8 @@ import {
   getSimulateTxAccessorContract,
 } from '@safe-global/protocol-kit/dist/src/contracts/safeDeploymentContracts'
 import { type JsonRpcProvider } from 'ethers'
-import { type ExtendedSafeInfo } from '@/store/safeInfoSlice'
-import { checksumAddress } from '@/utils/addresses'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+import type { ExtendedSafeInfo } from '@safe-global/store/slices/SafeInfo/types'
 
 const getEncodedSafeTx = (
   safeSDK: Safe,
@@ -28,7 +29,7 @@ const getEncodedSafeTx = (
 ): string | undefined => {
   const EXEC_TX_METHOD = 'execTransaction'
 
-  //UPDATE: pass lowercase to ethers library due to unsupported EIP-1191
+  // @ts-ignore union type is too complex
   return safeSDK
     .getContractManager()
     .safeContract?.encode(EXEC_TX_METHOD, [
@@ -88,16 +89,16 @@ const getGasLimitForZkSync = async (
   // https://github.com/zkSync-Community-Hub/zksync-developers/discussions/144
   const fakeEOAFromAddress = '0x330d9F4906EDA1f73f668660d1946bea71f48827'
   const customContracts = safeSDK.getContractManager().contractNetworks?.[safe.chainId]
-  const safeVersion = await safeSDK.getContractVersion()
-  const ethAdapter = safeSDK.getEthAdapter()
+  const safeVersion = safeSDK.getContractVersion()
+  const safeProvider = new SafeProvider({ provider: web3._getConnection().url })
   const fallbackHandlerContract = await getCompatibilityFallbackHandlerContract({
-    ethAdapter,
+    safeProvider,
     safeVersion,
     customContracts,
   })
 
   const simulateTxAccessorContract = await getSimulateTxAccessorContract({
-    ethAdapter,
+    safeProvider,
     safeVersion,
     customContracts,
   })
@@ -105,14 +106,15 @@ const getGasLimitForZkSync = async (
   // 2. Add a simulate call to the predicted SafeProxy as second transaction
   const transactionDataToEstimate: string = simulateTxAccessorContract.encode('simulate', [
     safeTx.data.to,
+    // @ts-ignore
     safeTx.data.value,
-    safeTx.data.data,
+    safeTx.data.data as `0x${string}`,
     safeTx.data.operation,
   ])
 
   const safeFunctionToEstimate: string = fallbackHandlerContract.encode('simulate', [
-    await simulateTxAccessorContract.getAddress(),
-    transactionDataToEstimate,
+    simulateTxAccessorContract.getAddress(),
+    transactionDataToEstimate as `0x${string}`,
   ])
 
   const gas = await web3.estimateGas({
@@ -143,7 +145,7 @@ const useGasLimit = (
   const { safe } = useSafeInfo()
   const safeAddress = safe.address.value
   const threshold = safe.threshold
-  const wallet = useWallet()
+  const wallet = useSigner()
   const walletAddress = wallet?.address
   const isOwner = useIsSafeOwner()
   const currentChainId = useChainId()
@@ -160,7 +162,11 @@ const useGasLimit = (
     )
 
     // if we are dealing with zksync and the walletAddress is a Safe, we have to do some magic
-    if (safe.chainId === chains.zksync && (await web3ReadOnly.getCode(walletAddress)) !== '0x') {
+    // FIXME a new check to indicate ZKsync chain will be added to the config service and available under ChainInfo
+    if (
+      (safe.chainId === chains.zksync || safe.chainId === chains.lens) &&
+      (await web3ReadOnly.getCode(walletAddress)) !== '0x'
+    ) {
       return getGasLimitForZkSync(safe, web3ReadOnly, safeSDK, safeTx)
     }
 
@@ -170,7 +176,7 @@ const useGasLimit = (
         from: walletAddress,
         data: encodedSafeTx,
       })
-      .then((gasLimit) => {
+      .then((gasLimit: bigint) => {
         // Due to a bug in Nethermind estimation, we need to increment the gasLimit by 30%
         // when the safeTxGas is defined and not 0. Currently Nethermind is used only for Gnosis Chain.
         if (currentChainId === chains.gno && hasSafeTxGas) {
diff --git a/src/hooks/useGasPrice.ts b/apps/web/src/hooks/useGasPrice.ts
similarity index 96%
rename from src/hooks/useGasPrice.ts
rename to apps/web/src/hooks/useGasPrice.ts
index 9436610a5..9bcdc75a8 100644
--- a/src/hooks/useGasPrice.ts
+++ b/apps/web/src/hooks/useGasPrice.ts
@@ -1,4 +1,4 @@
-import { formatVisualAmount } from '@/utils/formatters'
+import { formatVisualAmount } from '@safe-global/utils/utils/formatters'
 import { type FeeData } from 'ethers'
 import type {
   ChainInfo,
@@ -8,13 +8,13 @@ import type {
   GasPriceOracle,
 } from '@safe-global/safe-gateway-typescript-sdk'
 import { GAS_PRICE_TYPE } from '@safe-global/safe-gateway-typescript-sdk'
-import useAsync, { type AsyncResult } from '@/hooks/useAsync'
+import useAsync, { type AsyncResult } from '@safe-global/utils/hooks/useAsync'
 import { useCurrentChain } from './useChains'
 import useIntervalCounter from './useIntervalCounter'
 import { useWeb3ReadOnly } from '../hooks/wallets/web3'
 import { Errors, logError } from '@/services/exceptions'
-import { FEATURES, hasFeature } from '@/utils/chains'
-import { asError } from '@/services/exceptions/utils'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { FEATURES, hasFeature } from '@safe-global/utils/utils/chains'
 
 type EstimatedGasPrice =
   | {
diff --git a/apps/web/src/hooks/useHasUntrustedFallbackHandler.ts b/apps/web/src/hooks/useHasUntrustedFallbackHandler.ts
new file mode 100644
index 000000000..f9d90f913
--- /dev/null
+++ b/apps/web/src/hooks/useHasUntrustedFallbackHandler.ts
@@ -0,0 +1,42 @@
+import { useCallback, useMemo } from 'react'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { useTWAPFallbackHandlerAddress } from '@/features/swap/hooks/useIsTWAPFallbackHandler'
+import { hasMatchingDeployment } from '@safe-global/utils/services/contracts/deployments'
+import { getCompatibilityFallbackHandlerDeployments } from '@safe-global/safe-deployments'
+
+/**
+ * Hook to check if the Safe's fallback handler (or optionally provided addresses) contain a non-official one.
+ * @param fallbackHandler Optional fallback handler address(es) (if not provided, it will be taken from the Safe info)
+ * @returns Boolean indicating if an untrusted fallback handler is set or if the provided address(es) contain an untrusted one
+ */
+export const useHasUntrustedFallbackHandler = (fallbackHandler?: string | string[]) => {
+  const { safe } = useSafeInfo()
+  const twapFallbackHandler = useTWAPFallbackHandlerAddress()
+
+  const fallbackHandlerAddresses = useMemo(() => {
+    if (!fallbackHandler) {
+      return safe.fallbackHandler?.value ? [safe.fallbackHandler?.value] : []
+    }
+
+    return Array.isArray(fallbackHandler) ? fallbackHandler : [fallbackHandler]
+  }, [fallbackHandler, safe.fallbackHandler?.value])
+
+  const isFallbackHandlerUntrusted = useCallback(
+    (fallbackHandlerAddress: string) => {
+      return (
+        !sameAddress(fallbackHandlerAddress, twapFallbackHandler) &&
+        !hasMatchingDeployment(getCompatibilityFallbackHandlerDeployments, fallbackHandlerAddress, safe.chainId, [
+          '1.3.0',
+          '1.4.1',
+        ])
+      )
+    },
+    [safe.chainId, twapFallbackHandler],
+  )
+
+  return useMemo(
+    () => fallbackHandlerAddresses.length > 0 && fallbackHandlerAddresses.some(isFallbackHandlerUntrusted),
+    [fallbackHandlerAddresses, isFallbackHandlerUntrusted],
+  )
+}
diff --git a/src/hooks/useHiddenTokens.ts b/apps/web/src/hooks/useHiddenTokens.ts
similarity index 100%
rename from src/hooks/useHiddenTokens.ts
rename to apps/web/src/hooks/useHiddenTokens.ts
diff --git a/src/hooks/useHighlightHiddenTab.ts b/apps/web/src/hooks/useHighlightHiddenTab.ts
similarity index 100%
rename from src/hooks/useHighlightHiddenTab.ts
rename to apps/web/src/hooks/useHighlightHiddenTab.ts
diff --git a/src/hooks/useInitSession.ts b/apps/web/src/hooks/useInitSession.ts
similarity index 100%
rename from src/hooks/useInitSession.ts
rename to apps/web/src/hooks/useInitSession.ts
diff --git a/src/hooks/useIntervalCounter.ts b/apps/web/src/hooks/useIntervalCounter.ts
similarity index 100%
rename from src/hooks/useIntervalCounter.ts
rename to apps/web/src/hooks/useIntervalCounter.ts
diff --git a/apps/web/src/hooks/useIsGeoblockedFeatureEnabled.ts b/apps/web/src/hooks/useIsGeoblockedFeatureEnabled.ts
new file mode 100644
index 000000000..d9c432475
--- /dev/null
+++ b/apps/web/src/hooks/useIsGeoblockedFeatureEnabled.ts
@@ -0,0 +1,12 @@
+import { useContext } from 'react'
+
+import { GeoblockingContext } from '@/components/common/GeoblockingProvider'
+import { useHasFeature } from '@/hooks/useChains'
+
+import type { FEATURES } from '@safe-global/utils/utils/chains'
+
+// TODO: Refactor useIsStakingFeatureEnabled/useIsStakingFeatureEnabled to use this
+export function useIsGeoblockedFeatureEnabled(feature: FEATURES): boolean | undefined {
+  const isBlockedCountry = useContext(GeoblockingContext)
+  return useHasFeature(feature) && !isBlockedCountry
+}
diff --git a/src/hooks/useIsMac.ts b/apps/web/src/hooks/useIsMac.ts
similarity index 100%
rename from src/hooks/useIsMac.ts
rename to apps/web/src/hooks/useIsMac.ts
diff --git a/apps/web/src/hooks/useIsNestedSafeOwner.ts b/apps/web/src/hooks/useIsNestedSafeOwner.ts
new file mode 100644
index 000000000..10a2c87fb
--- /dev/null
+++ b/apps/web/src/hooks/useIsNestedSafeOwner.ts
@@ -0,0 +1,7 @@
+import { useMemo } from 'react'
+import { useNestedSafeOwners } from './useNestedSafeOwners'
+
+export const useIsNestedSafeOwner = () => {
+  const nestedOwners = useNestedSafeOwners()
+  return useMemo(() => nestedOwners && nestedOwners.length > 0, [nestedOwners])
+}
diff --git a/apps/web/src/hooks/useIsOfficialHost.ts b/apps/web/src/hooks/useIsOfficialHost.ts
new file mode 100644
index 000000000..5cd6f74dc
--- /dev/null
+++ b/apps/web/src/hooks/useIsOfficialHost.ts
@@ -0,0 +1,39 @@
+import { useMemo } from 'react'
+import { IPFS_HOSTS, IS_OFFICIAL_HOST, OFFICIAL_HOSTS } from '@/config/constants'
+import packageJson from '../../package.json'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+
+const GITHUB_API_URL = 'https://api.github.com/repos/5afe/safe-wallet-ipfs/releases/tags'
+
+async function getGithubRelease(version: string) {
+  const resp = await fetch(`${GITHUB_API_URL}/v${version}`, {
+    headers: {
+      Accept: 'application/vnd.github.v3+json',
+    },
+  })
+  if (!resp.ok) return false
+  return await resp.json()
+}
+
+async function isOfficialIpfs(): Promise<boolean> {
+  const data = await getGithubRelease(packageJson.version)
+  return data.body.includes(window.location.host)
+}
+
+function isIpfs() {
+  return IPFS_HOSTS.test(window.location.host)
+}
+
+export const useIsOfficialHost = (): boolean => {
+  const isOfficialHost = useMemo(
+    () => IS_OFFICIAL_HOST && (typeof window === 'undefined' || OFFICIAL_HOSTS.test(window.location.host)),
+    [],
+  )
+
+  const [isTrustedIpfs = false] = useAsync<boolean>(() => {
+    if (isOfficialHost || !isIpfs()) return
+    return isOfficialIpfs()
+  }, [isOfficialHost])
+
+  return isOfficialHost || isTrustedIpfs
+}
diff --git a/apps/web/src/hooks/useIsOnlySpendingLimitBeneficiary.tsx b/apps/web/src/hooks/useIsOnlySpendingLimitBeneficiary.tsx
new file mode 100644
index 000000000..bd88fcbb4
--- /dev/null
+++ b/apps/web/src/hooks/useIsOnlySpendingLimitBeneficiary.tsx
@@ -0,0 +1,28 @@
+import { useIsWalletProposer } from '@/hooks/useProposers'
+import { useAppSelector } from '@/store'
+import { selectSpendingLimits } from '@/store/spendingLimitsSlice'
+import useWallet from '@/hooks/wallets/useWallet'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import { useHasFeature } from './useChains'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+export const useIsSpendingLimitBeneficiary = (): boolean => {
+  const isEnabled = useHasFeature(FEATURES.SPENDING_LIMIT)
+  const spendingLimits = useAppSelector(selectSpendingLimits)
+  const wallet = useWallet()
+
+  if (!isEnabled || spendingLimits.length === 0) {
+    return false
+  }
+
+  return spendingLimits.some(({ beneficiary }) => beneficiary === wallet?.address)
+}
+
+const useIsOnlySpendingLimitBeneficiary = (): boolean => {
+  const isSpendingLimitBeneficiary = useIsSpendingLimitBeneficiary()
+  const isSafeOwner = useIsSafeOwner()
+  const isProposer = useIsWalletProposer()
+  return !isSafeOwner && !isProposer && isSpendingLimitBeneficiary
+}
+
+export default useIsOnlySpendingLimitBeneficiary
diff --git a/src/hooks/useIsPending.ts b/apps/web/src/hooks/useIsPending.ts
similarity index 100%
rename from src/hooks/useIsPending.ts
rename to apps/web/src/hooks/useIsPending.ts
diff --git a/apps/web/src/hooks/useIsSafeOwner.ts b/apps/web/src/hooks/useIsSafeOwner.ts
new file mode 100644
index 000000000..4e6f73c8b
--- /dev/null
+++ b/apps/web/src/hooks/useIsSafeOwner.ts
@@ -0,0 +1,12 @@
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { isOwner } from '@/utils/transaction-guards'
+import { useSigner } from './wallets/useWallet'
+
+const useIsSafeOwner = () => {
+  const { safe } = useSafeInfo()
+  const signer = useSigner()
+
+  return isOwner(safe.owners, signer?.address)
+}
+
+export default useIsSafeOwner
diff --git a/apps/web/src/hooks/useIsSidebarRoute.ts b/apps/web/src/hooks/useIsSidebarRoute.ts
new file mode 100644
index 000000000..1aee77449
--- /dev/null
+++ b/apps/web/src/hooks/useIsSidebarRoute.ts
@@ -0,0 +1,48 @@
+import { AppRoutes } from '@/config/routes'
+import { useIsSpaceRoute } from '@/hooks/useIsSpaceRoute'
+import { usePathname } from 'next/navigation'
+import { useRouter } from 'next/router'
+import { useEffect, useState } from 'react'
+
+const NO_SIDEBAR_ROUTES = [
+  AppRoutes.share.safeApp,
+  AppRoutes.newSafe.create,
+  AppRoutes.newSafe.load,
+  AppRoutes.index,
+  AppRoutes.welcome.index,
+  AppRoutes.welcome.accounts,
+  AppRoutes.welcome.spaces,
+  AppRoutes.imprint,
+  AppRoutes.privacy,
+  AppRoutes.cookie,
+  AppRoutes.terms,
+  AppRoutes.licenses,
+]
+
+const TOGGLE_SIDEBAR_ROUTES = [AppRoutes.apps.open]
+
+/**
+ * Returns a boolean tuple indicating if the current route should display the sidebar and if the sidebar can be toggled
+ * @param pathname Optional server-side pathname to check against
+ * @returns A tuple with the first value indicating if the sidebar should be displayed and the second value indicating if the sidebar can be toggled
+ */
+export function useIsSidebarRoute(pathname?: string): [boolean, boolean] {
+  const router = useRouter()
+  const clientPathname = usePathname()
+  const isSpaceRoute = useIsSpaceRoute()
+  const [hasSafe, setHasSafe] = useState(false)
+
+  const route = pathname || clientPathname || ''
+  const sidebarQuery = router.query.sidebar === 'true'
+  const noSidebar = NO_SIDEBAR_ROUTES.includes(route) && !sidebarQuery
+  const toggledSidebar = TOGGLE_SIDEBAR_ROUTES.includes(route) && !sidebarQuery
+
+  useEffect(() => {
+    if (!router.isReady) return
+    setHasSafe(!!router.query.safe)
+  }, [router.isReady, router.query.safe])
+
+  const displaySidebar = (!noSidebar && hasSafe) || isSpaceRoute
+
+  return [displaySidebar, toggledSidebar]
+}
diff --git a/apps/web/src/hooks/useIsSpaceRoute.ts b/apps/web/src/hooks/useIsSpaceRoute.ts
new file mode 100644
index 000000000..114f2bd69
--- /dev/null
+++ b/apps/web/src/hooks/useIsSpaceRoute.ts
@@ -0,0 +1,18 @@
+import { usePathname } from 'next/navigation'
+import { AppRoutes } from '@/config/routes'
+import { useCurrentSpaceId } from '@/features/spaces/hooks/useCurrentSpaceId'
+
+const SPACES_ROUTES = [
+  AppRoutes.spaces.index,
+  AppRoutes.spaces.settings,
+  AppRoutes.spaces.members,
+  AppRoutes.spaces.safeAccounts,
+]
+
+export const useIsSpaceRoute = (): boolean => {
+  const clientPathname = usePathname()
+  const route = clientPathname || ''
+  const spaceId = useCurrentSpaceId()
+
+  return SPACES_ROUTES.includes(route) && !!spaceId
+}
diff --git a/apps/web/src/hooks/useIsValidExecution.ts b/apps/web/src/hooks/useIsValidExecution.ts
new file mode 100644
index 000000000..4f1762850
--- /dev/null
+++ b/apps/web/src/hooks/useIsValidExecution.ts
@@ -0,0 +1,110 @@
+import type { SafeTransaction } from '@safe-global/types-kit'
+import type { EthersError } from '@/utils/ethers-utils'
+
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import ContractErrorCodes from '@/services/contracts/ContractErrorCodes'
+import { type SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { createWeb3, useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { type JsonRpcProvider } from 'ethers'
+import { type ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import { getCurrentGnosisSafeContract } from '@/services/contracts/safeContracts'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useSigner } from '@/hooks/wallets/useWallet'
+import { type NestedWallet } from '@/utils/nested-safe-wallet'
+import { assertProvider } from '@/utils/helpers'
+
+const isContractError = (error: EthersError) => {
+  if (!error.reason) return false
+
+  return Object.keys(ContractErrorCodes).includes(error.reason)
+}
+
+// Monkey patch the signerProvider to proxy requests to the "readonly" provider if on the wrong chain
+// This is ONLY used to check the validity of a transaction in `useIsValidExecution`
+export const getPatchedSignerProvider = (
+  wallet: ConnectedWallet | NestedWallet,
+  chainId: SafeInfo['chainId'],
+  readOnlyProvider: JsonRpcProvider,
+) => {
+  assertProvider(wallet.provider)
+
+  const signerProvider = createWeb3(wallet.provider)
+
+  if (wallet.chainId !== chainId) {
+    // The RPC methods that are used when we call contract.callStatic.execTransaction
+    const READ_ONLY_METHODS = ['eth_chainId', 'eth_call']
+    const ETH_ACCOUNTS_METHOD = 'eth_accounts'
+
+    const originalSend = signerProvider.send
+
+    signerProvider.send = (request, ...args) => {
+      if (READ_ONLY_METHODS.includes(request)) {
+        return readOnlyProvider.send.call(readOnlyProvider, request, ...args)
+      }
+      if (request === ETH_ACCOUNTS_METHOD) {
+        return originalSend.call(signerProvider, request, ...args)
+      }
+      throw new Error('Invalid execution validity request')
+    }
+  }
+
+  return signerProvider
+}
+
+const useIsValidExecution = (
+  safeTx?: SafeTransaction,
+  gasLimit?: bigint,
+): {
+  isValidExecution?: boolean
+  executionValidationError?: Error
+  isValidExecutionLoading: boolean
+} => {
+  const wallet = useSigner()
+  const { safe } = useSafeInfo()
+  const readOnlyProvider = useWeb3ReadOnly()
+
+  const [isValidExecution, executionValidationError, isValidExecutionLoading] = useAsync(async () => {
+    if (!safeTx || !wallet || gasLimit === undefined || !readOnlyProvider) {
+      return
+    }
+
+    try {
+      const safeContract = await getCurrentGnosisSafeContract(safe, readOnlyProvider._getConnection().url)
+
+      /**
+       * We need to call the contract directly instead of using `sdk.isValidTransaction`
+       * because `gasLimit` errors are otherwise not propagated.
+       * @see https://github.com/safe-global/safe-core-sdk/blob/main/packages/safe-ethers-lib/src/contracts/GnosisSafe/GnosisSafeContractEthers.ts#L126
+       * This also fixes the over-fetching issue of the monkey patched provider.
+       */
+
+      // return safeContract.contract.execTransaction.staticCall(
+      //   checksumAddress(safeTx.data.to),
+      //   safeTx.data.value,
+      //   safeTx.data.data,
+      //   safeTx.data.operation,
+      //   safeTx.data.safeTxGas,
+      //   safeTx.data.baseGas,
+      //   safeTx.data.gasPrice,
+      //   safeTx.data.gasToken,
+      //   safeTx.data.refundReceiver,
+      //   encodeSignatures(safeTx, isOwner ? wallet.address : undefined, safeTx.signatures.size < threshold),
+      //   { from: wallet.address, gasLimit: gasLimit.toString() },
+      // )
+      return safeContract.isValidTransaction(safeTx, { from: wallet.address, gasLimit: gasLimit.toString() })
+    } catch (_err) {
+      const err = _err as EthersError
+
+      if (isContractError(err)) {
+        // @ts-ignore
+        err.reason += `: ${ContractErrorCodes[err.reason]}`
+      }
+
+      throw err
+    }
+  }, [safeTx, wallet, gasLimit, safe, readOnlyProvider])
+
+  return { isValidExecution, executionValidationError, isValidExecutionLoading }
+}
+
+export default useIsValidExecution
diff --git a/src/hooks/useIsWrongChain.ts b/apps/web/src/hooks/useIsWrongChain.ts
similarity index 100%
rename from src/hooks/useIsWrongChain.ts
rename to apps/web/src/hooks/useIsWrongChain.ts
diff --git a/src/hooks/useLastSafe.ts b/apps/web/src/hooks/useLastSafe.ts
similarity index 100%
rename from src/hooks/useLastSafe.ts
rename to apps/web/src/hooks/useLastSafe.ts
diff --git a/src/hooks/useLoadableStores.ts b/apps/web/src/hooks/useLoadableStores.ts
similarity index 96%
rename from src/hooks/useLoadableStores.ts
rename to apps/web/src/hooks/useLoadableStores.ts
index 0a0ed24fd..a9a4e7daf 100644
--- a/src/hooks/useLoadableStores.ts
+++ b/apps/web/src/hooks/useLoadableStores.ts
@@ -1,7 +1,7 @@
 import { useEffect } from 'react'
 import { type Slice } from '@reduxjs/toolkit'
 import { useAppDispatch } from '@/store'
-import { type AsyncResult } from './useAsync'
+import { type AsyncResult } from '@safe-global/utils/hooks/useAsync'
 
 // Import all the loadable hooks
 import useLoadChains from './loadables/useLoadChains'
diff --git a/src/hooks/useMasterCopies.ts b/apps/web/src/hooks/useMasterCopies.ts
similarity index 96%
rename from src/hooks/useMasterCopies.ts
rename to apps/web/src/hooks/useMasterCopies.ts
index aa69def05..e54eb79b0 100644
--- a/src/hooks/useMasterCopies.ts
+++ b/apps/web/src/hooks/useMasterCopies.ts
@@ -1,4 +1,4 @@
-import useAsync from '@/hooks/useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import useChainId from '@/hooks/useChainId'
 import { Errors, logError } from '@/services/exceptions'
 import type { MasterCopyReponse } from '@safe-global/safe-gateway-typescript-sdk'
diff --git a/apps/web/src/hooks/useMnemonicName/dict.ts b/apps/web/src/hooks/useMnemonicName/dict.ts
new file mode 100644
index 000000000..54fd03472
--- /dev/null
+++ b/apps/web/src/hooks/useMnemonicName/dict.ts
@@ -0,0 +1,140 @@
+export const adjectivesDict = `
+admirable
+energetic
+lucky
+affable
+enjoyable
+magnificent
+affectionate
+enthusiastic
+marvelous
+agreeable
+euphoric
+meritorious
+amazing
+excellent
+merry
+amiable
+exceptional
+amused
+excited
+nice
+amusing
+extraordinary
+noble
+animated
+exultant
+outstanding
+appreciative
+fabulous
+overjoyed
+astonishing
+faithful
+passionate
+authentic
+fantastic
+peaceful
+believable
+fervent
+placid
+benevolent
+fortunate
+pleasant
+blissful
+friendly
+pleasing
+bouncy
+fun
+pleasurable
+brilliant
+genuine
+positive
+bubbly
+glad
+praiseworthy
+buoyant
+glorious
+prominent
+calm
+good
+proud
+charming
+relaxed
+cheerful
+reliable
+cheery
+gracious
+respectable
+clever
+grateful
+sharp
+comfortable
+great
+sincere
+comical
+happy
+spirited
+commendable
+heartfelt
+splendid
+confident
+honest
+superb
+congenial
+honorable
+superior
+content
+hopeful
+terrific
+cordial
+humorous
+thankful
+courteous
+incredible
+tremendous
+dedicated
+inspirational
+triumphant
+delighted
+jolly
+trustworthy
+delightful
+jovial
+trusty
+dependable
+joyful
+truthful
+devoted
+joyous
+uplifting
+docile
+jubilant
+victorious
+dynamic
+keen
+vigorous
+eager
+kind
+virtuous
+earnest
+laudable
+vivacious
+easygoing
+laughing
+whimsical
+ebullient
+likable
+witty
+ecstatic
+lively
+wonderful
+elated
+lovely
+worthy
+emphatic
+loving
+zealous
+enchanting
+loyal
+zestful
+`
diff --git a/apps/web/src/hooks/useMnemonicName/index.ts b/apps/web/src/hooks/useMnemonicName/index.ts
new file mode 100644
index 000000000..19c4a29b7
--- /dev/null
+++ b/apps/web/src/hooks/useMnemonicName/index.ts
@@ -0,0 +1,25 @@
+import { useMemo } from 'react'
+import { useCurrentChain } from '@/hooks/useChains'
+import { adjectivesDict } from './dict'
+
+const adjectives: string[] = adjectivesDict.trim().split(/\s+/)
+
+export const capitalize = (word: string) => (word.length > 0 ? `${word.charAt(0).toUpperCase()}${word.slice(1)}` : word)
+
+const getRandomItem = <T>(arr: T[]): T => {
+  return arr[Math.floor(arr.length * Math.random())]
+}
+
+export const getRandomAdjective = (): string => {
+  return capitalize(getRandomItem<string>(adjectives))
+}
+
+export function useMnemonicPrefixedSafeName(prefix?: string): string {
+  const currentNetwork = useCurrentChain()?.chainName
+  const adjective = useMemo(() => getRandomAdjective(), [])
+  return `${adjective} ${prefix ?? currentNetwork} Safe`
+}
+
+export const useMnemonicSafeName = (multiChain?: boolean): string => {
+  return useMnemonicPrefixedSafeName(multiChain ? 'Multi-Chain' : undefined)
+}
diff --git a/apps/web/src/hooks/useMnemonicName/useMnemonicName.test.ts b/apps/web/src/hooks/useMnemonicName/useMnemonicName.test.ts
new file mode 100644
index 000000000..783f0aad9
--- /dev/null
+++ b/apps/web/src/hooks/useMnemonicName/useMnemonicName.test.ts
@@ -0,0 +1,30 @@
+import { getRandomAdjective, useMnemonicSafeName } from '.'
+import { renderHook } from '@/tests/test-utils'
+import { chainBuilder } from '@/tests/builders/chains'
+
+const mockChain = chainBuilder().build()
+
+// Mock useCurrentChain hook
+jest.mock('@/hooks/useChains', () => ({
+  useCurrentChain: () => mockChain,
+}))
+
+describe('useMnemonicName tests', () => {
+  it('should generate a random name', () => {
+    expect(getRandomAdjective()).toMatch(/^[A-Z][a-z-]+/)
+    expect(getRandomAdjective()).toMatch(/^[A-Z][a-z-]+/)
+    expect(getRandomAdjective()).toMatch(/^[A-Z][a-z-]+/)
+  })
+
+  it('should return a random safe name with current chain', () => {
+    const { result } = renderHook(() => useMnemonicSafeName())
+    const regex = new RegExp(`^[A-Z][a-z-]+ ${mockChain.chainName} Safe$`)
+    expect(result.current).toMatch(regex)
+  })
+
+  it('should return a random safe name indicating a multichain safe', () => {
+    const { result } = renderHook(() => useMnemonicSafeName(true))
+    const regex = new RegExp(`^[A-Z][a-z-]+ Multi-Chain Safe$`)
+    expect(result.current).toMatch(regex)
+  })
+})
diff --git a/apps/web/src/hooks/useNativeTokenInfo.ts b/apps/web/src/hooks/useNativeTokenInfo.ts
new file mode 100644
index 000000000..8b1d99796
--- /dev/null
+++ b/apps/web/src/hooks/useNativeTokenInfo.ts
@@ -0,0 +1,16 @@
+import { type NativeToken } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useCurrentChain } from './useChains'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+
+export const useNativeTokenInfo = (): NativeToken => {
+  const chain = useCurrentChain()
+
+  return {
+    type: 'NATIVE_TOKEN',
+    address: ZERO_ADDRESS,
+    symbol: chain?.nativeCurrency.symbol ?? 'ETH',
+    decimals: chain?.nativeCurrency.decimals ?? 18,
+    logoUri: chain?.nativeCurrency.logoUri ?? '',
+    name: chain?.nativeCurrency.name ?? 'Ether',
+  }
+}
diff --git a/apps/web/src/hooks/useNestedSafeOwners.tsx b/apps/web/src/hooks/useNestedSafeOwners.tsx
new file mode 100644
index 000000000..efda33c46
--- /dev/null
+++ b/apps/web/src/hooks/useNestedSafeOwners.tsx
@@ -0,0 +1,19 @@
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useMemo } from 'react'
+import useOwnedSafes from './useOwnedSafes'
+
+export const useNestedSafeOwners = () => {
+  const { safe, safeLoaded } = useSafeInfo()
+  const allOwned = useOwnedSafes()
+
+  const nestedSafeOwner = useMemo(() => {
+    if (!safeLoaded) return null
+
+    // Find an intersection of owned safes and the owners of the current safe
+    const ownerAddresses = safe?.owners.map((owner) => owner.value)
+
+    return allOwned[safe.chainId]?.filter((ownedSafe) => ownerAddresses?.includes(ownedSafe))
+  }, [allOwned, safe, safeLoaded])
+
+  return nestedSafeOwner
+}
diff --git a/apps/web/src/hooks/useOnceVisible.ts b/apps/web/src/hooks/useOnceVisible.ts
new file mode 100644
index 000000000..2de939f8e
--- /dev/null
+++ b/apps/web/src/hooks/useOnceVisible.ts
@@ -0,0 +1,27 @@
+import { type RefObject, useEffect, useState } from 'react'
+
+// A hook to detect when an element is visible in the viewport for the first time
+const useOnceVisible = (element: RefObject<HTMLElement | null>): boolean => {
+  const [onceVisible, setOnceVisible] = useState<boolean>(false)
+
+  useEffect(() => {
+    if (!element.current) return
+
+    const observer = new IntersectionObserver(([entry], obs) => {
+      if (entry.isIntersecting) {
+        setOnceVisible(true)
+        obs.unobserve(entry.target)
+      }
+    })
+
+    observer.observe(element.current)
+
+    return () => {
+      observer.disconnect()
+    }
+  }, [element])
+
+  return onceVisible
+}
+
+export default useOnceVisible
diff --git a/src/hooks/useOrigin.ts b/apps/web/src/hooks/useOrigin.ts
similarity index 100%
rename from src/hooks/useOrigin.ts
rename to apps/web/src/hooks/useOrigin.ts
diff --git a/apps/web/src/hooks/useOwnedSafes.ts b/apps/web/src/hooks/useOwnedSafes.ts
new file mode 100644
index 000000000..c63dd025e
--- /dev/null
+++ b/apps/web/src/hooks/useOwnedSafes.ts
@@ -0,0 +1,29 @@
+import { useMemo } from 'react'
+import { type OwnedSafes } from '@safe-global/safe-gateway-typescript-sdk'
+
+import useWallet from '@/hooks/wallets/useWallet'
+import useChainId from './useChainId'
+import { useGetOwnedSafesQuery } from '@/store/slices'
+import { skipToken } from '@reduxjs/toolkit/query'
+
+type OwnedSafesCache = {
+  [walletAddress: string]: {
+    [chainId: string]: OwnedSafes['safes']
+  }
+}
+
+const useOwnedSafes = (customChainId?: string): OwnedSafesCache['walletAddress'] => {
+  const currentChainId = useChainId()
+  const chainId = customChainId ?? currentChainId
+  const { address: walletAddress } = useWallet() || {}
+
+  const { data: ownedSafes } = useGetOwnedSafesQuery(
+    walletAddress ? { chainId, ownerAddress: walletAddress } : skipToken,
+  )
+
+  const result = useMemo(() => ({ [chainId]: ownedSafes?.safes ?? [] }), [chainId, ownedSafes])
+
+  return result ?? {}
+}
+
+export default useOwnedSafes
diff --git a/apps/web/src/hooks/useParentSafe.ts b/apps/web/src/hooks/useParentSafe.ts
new file mode 100644
index 000000000..7632f1619
--- /dev/null
+++ b/apps/web/src/hooks/useParentSafe.ts
@@ -0,0 +1,28 @@
+import { useGetSafeQuery } from '@/store/slices'
+import { skipToken } from '@reduxjs/toolkit/query'
+import useSafeInfo from './useSafeInfo'
+import type { getSafe } from '@safe-global/safe-client-gateway-sdk'
+import { useHasFeature } from '@/hooks/useChains'
+
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+export function useParentSafe(): getSafe | undefined {
+  const isEnabled = useHasFeature(FEATURES.NESTED_SAFES)
+  const { safe } = useSafeInfo()
+
+  // Nested Safes are deployed by a single owner
+  const maybeParent = safe.owners.length === 1 ? safe.owners[0].value : undefined
+
+  const { data: parentSafe } = useGetSafeQuery(
+    isEnabled && maybeParent
+      ? {
+          chainId: safe.chainId,
+          safeAddress: maybeParent,
+        }
+      : skipToken,
+  )
+
+  if (parentSafe?.address.value === maybeParent) {
+    return parentSafe
+  }
+}
diff --git a/src/hooks/usePendingActions.ts b/apps/web/src/hooks/usePendingActions.ts
similarity index 96%
rename from src/hooks/usePendingActions.ts
rename to apps/web/src/hooks/usePendingActions.ts
index dc5ec9285..96f557a19 100644
--- a/src/hooks/usePendingActions.ts
+++ b/apps/web/src/hooks/usePendingActions.ts
@@ -3,7 +3,7 @@ import { isSignableBy } from '@/utils/transaction-guards'
 import type { TransactionListPage } from '@safe-global/safe-gateway-typescript-sdk'
 import { getTransactionQueue } from '@safe-global/safe-gateway-typescript-sdk'
 import { useMemo } from 'react'
-import useAsync from './useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import useSafeInfo from './useSafeInfo'
 import useTxQueue from './useTxQueue'
 import useWallet from './wallets/useWallet'
diff --git a/apps/web/src/hooks/usePendingTxs.ts b/apps/web/src/hooks/usePendingTxs.ts
new file mode 100644
index 000000000..908c93580
--- /dev/null
+++ b/apps/web/src/hooks/usePendingTxs.ts
@@ -0,0 +1,106 @@
+import { useMemo } from 'react'
+import {
+  type TransactionListPage,
+  type TransactionSummary,
+  LabelValue,
+  getTransactionQueue,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import { useAppSelector } from '@/store'
+import { selectPendingTxIdsBySafe } from '@/store/pendingTxsSlice'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import {
+  isConflictHeaderListItem,
+  isLabelListItem,
+  isMultisigExecutionInfo,
+  isTransactionListItem,
+} from '@/utils/transaction-guards'
+import useSafeInfo from './useSafeInfo'
+import { shallowEqual } from 'react-redux'
+
+export const usePendingTxIds = (): Array<TransactionSummary['id']> => {
+  const { safe, safeAddress } = useSafeInfo()
+  const { chainId } = safe
+  return useAppSelector((state) => selectPendingTxIdsBySafe(state, chainId, safeAddress), shallowEqual)
+}
+
+export const useHasPendingTxs = (): boolean => {
+  const pendingIds = usePendingTxIds()
+  return pendingIds.length > 0
+}
+
+/**
+ * Show unsigned pending queue only in 1/X Safes
+ */
+export const useShowUnsignedQueue = (): boolean => {
+  const { safe } = useSafeInfo()
+  const hasPending = useHasPendingTxs()
+  return safe.threshold === 1 && hasPending
+}
+
+export const filterUntrustedQueue = (
+  untrustedQueue: TransactionListPage,
+  pendingIds: Array<TransactionSummary['id']>,
+) => {
+  // Only keep labels and pending unsigned transactions
+  const results = untrustedQueue.results
+    .filter((item) => !isTransactionListItem(item) || pendingIds.includes(item.transaction.id))
+    .filter((item) => !isConflictHeaderListItem(item))
+    .filter(
+      (item) =>
+        !isTransactionListItem(item) ||
+        (isTransactionListItem(item) &&
+          isMultisigExecutionInfo(item.transaction.executionInfo) &&
+          item.transaction.executionInfo.confirmationsSubmitted === 0),
+    )
+
+  // Adjust the first label ("Next" -> "Pending")
+  if (results[0] && isLabelListItem(results[0])) {
+    results[0].label = 'Pending' as LabelValue
+  }
+
+  const transactions = results.filter((item) => isTransactionListItem(item))
+
+  return transactions.length ? { results } : undefined
+}
+
+export function getNextTransactions(queue: TransactionListPage): TransactionListPage {
+  const queueLabelIndex = queue.results.findIndex((item) => isLabelListItem(item) && item.label === LabelValue.Queued)
+  const nextTransactions = queueLabelIndex === -1 ? queue.results : queue.results.slice(0, queueLabelIndex)
+  return { results: nextTransactions }
+}
+
+export const usePendingTxsQueue = (): {
+  page?: TransactionListPage
+  error?: string
+  loading: boolean
+} => {
+  const { safe, safeAddress } = useSafeInfo()
+  const { chainId } = safe
+  const pendingIds = usePendingTxIds()
+  const hasPending = pendingIds.length > 0
+
+  const [untrustedNext, error, loading] = useAsync<TransactionListPage | undefined>(
+    async () => {
+      if (!hasPending) return
+      const untrustedQueue = await getTransactionQueue(chainId, safeAddress, { trusted: false })
+      return getNextTransactions(untrustedQueue)
+    },
+    [chainId, safeAddress, hasPending],
+    false,
+  )
+
+  const pendingTxPage = useMemo(() => {
+    if (!untrustedNext || !pendingIds.length) return
+
+    return filterUntrustedQueue(untrustedNext, pendingIds)
+  }, [untrustedNext, pendingIds])
+
+  return useMemo(
+    () => ({
+      page: pendingTxPage,
+      error: error?.message,
+      loading,
+    }),
+    [pendingTxPage, error, loading],
+  )
+}
diff --git a/apps/web/src/hooks/usePredictSafeAddressFromTxDetails.ts b/apps/web/src/hooks/usePredictSafeAddressFromTxDetails.ts
new file mode 100644
index 000000000..fdcd66c52
--- /dev/null
+++ b/apps/web/src/hooks/usePredictSafeAddressFromTxDetails.ts
@@ -0,0 +1,61 @@
+import type { DataDecoded, TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+
+import { predictSafeAddress } from '@/features/multichain/utils/utils'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { useWeb3ReadOnly } from './wallets/web3'
+
+export function _getSetupFromDataDecoded(dataDecoded: DataDecoded) {
+  if (dataDecoded?.method !== 'createProxyWithNonce') {
+    return
+  }
+
+  const singleton = dataDecoded?.parameters?.[0]?.value
+  const initializer = dataDecoded?.parameters?.[1]?.value
+  const saltNonce = dataDecoded?.parameters?.[2]?.value
+
+  if (typeof singleton !== 'string' || typeof initializer !== 'string' || typeof saltNonce !== 'string') {
+    return
+  }
+
+  return {
+    singleton,
+    initializer,
+    saltNonce,
+  }
+}
+
+function isCreateProxyWithNonce(dataDecoded?: DataDecoded) {
+  return dataDecoded?.method === 'createProxyWithNonce'
+}
+
+export function usePredictSafeAddressFromTxDetails(txDetails: TransactionDetails | undefined) {
+  const web3 = useWeb3ReadOnly()
+
+  return useAsync(() => {
+    const txData = txDetails?.txData
+    if (!web3 || !txData) {
+      return
+    }
+
+    const isMultiSend = txData?.dataDecoded?.method === 'multiSend'
+
+    const dataDecoded = isMultiSend
+      ? txData?.dataDecoded?.parameters?.[0]?.valueDecoded?.find((tx) => isCreateProxyWithNonce(tx?.dataDecoded))
+          ?.dataDecoded
+      : txData?.dataDecoded
+    const factoryAddress = isMultiSend
+      ? txData?.dataDecoded?.parameters?.[0]?.valueDecoded?.find((tx) => isCreateProxyWithNonce(tx?.dataDecoded))?.to
+      : txData?.to?.value
+
+    if (!dataDecoded || !isCreateProxyWithNonce(dataDecoded) || !factoryAddress) {
+      return
+    }
+
+    const setup = _getSetupFromDataDecoded(dataDecoded)
+    if (!setup) {
+      return
+    }
+
+    return predictSafeAddress(setup, factoryAddress, web3)
+  }, [txDetails?.txData, web3])
+}
diff --git a/apps/web/src/hooks/usePreventNavigation.ts b/apps/web/src/hooks/usePreventNavigation.ts
new file mode 100644
index 000000000..6d5e4f9f7
--- /dev/null
+++ b/apps/web/src/hooks/usePreventNavigation.ts
@@ -0,0 +1,64 @@
+import { useEffect, useRef } from 'react'
+import { useRouter } from 'next/router'
+
+export function usePreventNavigation(onNavigate?: () => boolean): void {
+  const router = useRouter()
+  const currentPathRef = useRef(router.asPath)
+
+  // Sync current path ref with router
+  useEffect(() => {
+    const delay = setTimeout(() => {
+      currentPathRef.current = router.asPath
+    }, 300)
+    return () => {
+      clearTimeout(delay)
+    }
+  }, [router.asPath])
+
+  useEffect(() => {
+    if (!onNavigate) return
+
+    const onLinkClick = (e: MouseEvent) => {
+      const target = e.target as HTMLElement
+      const link = target.closest('a')
+      const href = link?.getAttribute('href')
+      const targetAttr = link?.getAttribute('target')
+
+      if (!link || !href || targetAttr?.toLowerCase() === '_blank') return
+
+      const isAllowedToNavigate = onNavigate()
+      if (isAllowedToNavigate) {
+        router.push(href)
+      } else {
+        e.preventDefault()
+        e.stopImmediatePropagation()
+        e.stopPropagation()
+      }
+    }
+
+    document.addEventListener('mousedown', onLinkClick)
+
+    return () => {
+      document.removeEventListener('mousedown', onLinkClick)
+    }
+  }, [router, onNavigate])
+
+  // Prevent Back/Forward navigation
+  useEffect(() => {
+    router.beforePopState(() => {
+      const prevUrl = currentPathRef.current
+      if (onNavigate) {
+        const isAllowedToNavigate = onNavigate()
+
+        if (!isAllowedToNavigate) {
+          // Cancel navigation and reset the URL back
+          router.replace(prevUrl)
+          return false
+        }
+      }
+      return true
+    })
+
+    return () => router.beforePopState(() => true)
+  }, [router, onNavigate])
+}
diff --git a/src/hooks/usePreviousNonces.ts b/apps/web/src/hooks/usePreviousNonces.ts
similarity index 100%
rename from src/hooks/usePreviousNonces.ts
rename to apps/web/src/hooks/usePreviousNonces.ts
diff --git a/apps/web/src/hooks/useProposers.ts b/apps/web/src/hooks/useProposers.ts
new file mode 100644
index 000000000..42a43c418
--- /dev/null
+++ b/apps/web/src/hooks/useProposers.ts
@@ -0,0 +1,22 @@
+import useSafeInfo from '@/hooks/useSafeInfo'
+import useWallet from '@/hooks/wallets/useWallet'
+import { useGetProposersQuery } from '@/store/api/gateway'
+import { skipToken } from '@reduxjs/toolkit/query/react'
+
+const useProposers = () => {
+  const {
+    safe: { chainId },
+    safeAddress,
+  } = useSafeInfo()
+
+  return useGetProposersQuery(chainId && safeAddress ? { chainId, safeAddress: safeAddress.toLowerCase() } : skipToken)
+}
+
+export const useIsWalletProposer = () => {
+  const wallet = useWallet()
+  const proposers = useProposers()
+
+  return proposers.data?.results.some((proposer) => proposer.delegate === wallet?.address)
+}
+
+export default useProposers
diff --git a/apps/web/src/hooks/useRemainingRelays.ts b/apps/web/src/hooks/useRemainingRelays.ts
new file mode 100644
index 000000000..268fed1b6
--- /dev/null
+++ b/apps/web/src/hooks/useRemainingRelays.ts
@@ -0,0 +1,39 @@
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import useSafeInfo from './useSafeInfo'
+import { useCurrentChain } from '@/hooks/useChains'
+import { getRelayCount } from '@safe-global/safe-gateway-typescript-sdk'
+import { FEATURES, hasFeature } from '@safe-global/utils/utils/chains'
+
+export const MAX_DAY_RELAYS = 5
+
+export const useRelaysBySafe = () => {
+  const chain = useCurrentChain()
+  const { safe, safeAddress } = useSafeInfo()
+
+  return useAsync(() => {
+    if (!safeAddress || !chain) return
+    if (hasFeature(chain, FEATURES.RELAYING)) {
+      return getRelayCount(chain.chainId, safeAddress)
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [chain, safeAddress, safe.txHistoryTag])
+}
+
+export const useLeastRemainingRelays = (ownerAddresses: string[]) => {
+  const chain = useCurrentChain()
+  const { safe } = useSafeInfo()
+
+  return useAsync(() => {
+    if (!chain || !hasFeature(chain, FEATURES.RELAYING)) return
+
+    return Promise.all(ownerAddresses.map((address) => getRelayCount(chain.chainId, address)))
+      .then((result) => {
+        const min = Math.min(...result.map((r) => r.remaining))
+        return result.find((r) => r.remaining === min)
+      })
+      .catch(() => {
+        return { remaining: 0, limit: MAX_DAY_RELAYS }
+      })
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [chain, ownerAddresses, safe.txHistoryTag])
+}
diff --git a/apps/web/src/hooks/useSafeAddress.ts b/apps/web/src/hooks/useSafeAddress.ts
new file mode 100644
index 000000000..cc3a9010e
--- /dev/null
+++ b/apps/web/src/hooks/useSafeAddress.ts
@@ -0,0 +1,8 @@
+import useSafeInfo from '@/hooks/useSafeInfo'
+
+const useSafeAddress = (): string => {
+  const { safeAddress } = useSafeInfo()
+  return safeAddress
+}
+
+export default useSafeAddress
diff --git a/apps/web/src/hooks/useSafeAddressFromUrl.ts b/apps/web/src/hooks/useSafeAddressFromUrl.ts
new file mode 100644
index 000000000..db088a7f3
--- /dev/null
+++ b/apps/web/src/hooks/useSafeAddressFromUrl.ts
@@ -0,0 +1,17 @@
+import { useMemo } from 'react'
+import { useRouter } from 'next/router'
+import { parsePrefixedAddress } from '@safe-global/utils/utils/addresses'
+
+export const useSafeAddressFromUrl = (): string => {
+  const router = useRouter()
+  const { safe = '' } = router.query
+  const fullAddress = Array.isArray(safe) ? safe[0] : safe
+
+  const checksummedAddress = useMemo(() => {
+    if (!fullAddress) return ''
+    const { address } = parsePrefixedAddress(fullAddress)
+    return address
+  }, [fullAddress])
+
+  return checksummedAddress
+}
diff --git a/apps/web/src/hooks/useSafeInfo.ts b/apps/web/src/hooks/useSafeInfo.ts
new file mode 100644
index 000000000..9e98a1b05
--- /dev/null
+++ b/apps/web/src/hooks/useSafeInfo.ts
@@ -0,0 +1,29 @@
+import { useMemo } from 'react'
+import isEqual from 'lodash/isEqual'
+import { useAppSelector } from '@/store'
+import { selectSafeInfo } from '@/store/safeInfoSlice'
+import type { ExtendedSafeInfo } from '@safe-global/store/slices/SafeInfo/types'
+import { defaultSafeInfo } from '@safe-global/store/slices/SafeInfo/utils'
+
+const useSafeInfo = (): {
+  safe: ExtendedSafeInfo
+  safeAddress: string
+  safeLoaded: boolean
+  safeLoading: boolean
+  safeError?: string
+} => {
+  const { data, error, loading } = useAppSelector(selectSafeInfo, isEqual)
+
+  return useMemo(
+    () => ({
+      safe: data || defaultSafeInfo,
+      safeAddress: data?.address.value || '',
+      safeLoaded: !!data,
+      safeError: error,
+      safeLoading: loading,
+    }),
+    [data, error, loading],
+  )
+}
+
+export default useSafeInfo
diff --git a/src/hooks/useSafeNotifications.ts b/apps/web/src/hooks/useSafeNotifications.ts
similarity index 80%
rename from src/hooks/useSafeNotifications.ts
rename to apps/web/src/hooks/useSafeNotifications.ts
index ccde77d68..6d0564c26 100644
--- a/src/hooks/useSafeNotifications.ts
+++ b/apps/web/src/hooks/useSafeNotifications.ts
@@ -4,12 +4,13 @@ import { ImplementationVersionState } from '@safe-global/safe-gateway-typescript
 import useSafeInfo from './useSafeInfo'
 import { useAppDispatch } from '@/store'
 import { AppRoutes } from '@/config/routes'
-import { isValidMasterCopy } from '@/services/contracts/safeContracts'
+import { isMigrationToL2Possible, isValidMasterCopy } from '@safe-global/utils/services/contracts/safeContracts'
 import { useRouter } from 'next/router'
 import useIsSafeOwner from './useIsSafeOwner'
-import { isValidSafeVersion } from './coreSDK/safeCoreSDK'
 import useSafeAddress from '@/hooks/useSafeAddress'
 import useLocalStorage from '@/services/local-storage/useLocalStorage'
+import { isValidSafeVersion } from '@safe-global/utils/services/contracts/utils'
+import { isNonCriticalUpdate } from '@safe-global/utils/utils/chains'
 
 const CLI_LINK = {
   href: 'https://github.com/5afe/safe-cli',
@@ -66,7 +67,6 @@ const useSafeNotifications = (): void => {
   /**
    * Show a notification when the Safe version is out of date
    */
-
   useEffect(() => {
     if (safeAddress !== urlSafeAddress) return
     if (!isOwner) return
@@ -84,7 +84,9 @@ const useSafeNotifications = (): void => {
       }
     }
 
-    if (implementationVersionState !== ImplementationVersionState.OUTDATED) return
+    // Is Safe version outdated?
+    // Non-critical Safe upgrades (versions >= '1.3.0') intentionally skip notifications
+    if (implementationVersionState !== ImplementationVersionState.OUTDATED || isNonCriticalUpdate(version)) return
 
     const isUnsupported = !isValidSafeVersion(version)
 
@@ -131,25 +133,31 @@ const useSafeNotifications = (): void => {
   /**
    * Show a notification when the Safe master copy is not supported
    */
-
   useEffect(() => {
     if (isValidMasterCopy(safe.implementationVersionState)) return
 
+    const isMigrationPossible = isMigrationToL2Possible(safe)
+
+    const message = isMigrationPossible
+      ? `This Safe Account was created with an unsupported base contract.
+           It is possible to migrate it to a compatible base contract. You can migrate it to a compatible contract on the Home screen.`
+      : `This Safe Account was created with an unsupported base contract.
+           The web interface might not work correctly.
+           We recommend using the command line interface instead.`
+
     const id = dispatch(
       showNotification({
-        variant: 'warning',
-        message: `This Safe Account was created with an unsupported base contract.
-           The web interface might not work correctly.
-           We recommend using the command line interface instead.`,
+        variant: isMigrationPossible ? 'info' : 'warning',
+        message,
         groupKey: 'invalid-mastercopy',
-        link: CLI_LINK,
+        link: isMigrationPossible ? undefined : CLI_LINK,
       }),
     )
 
     return () => {
       dispatch(closeNotification({ id }))
     }
-  }, [dispatch, safe.implementationVersionState])
+  }, [dispatch, safe, safe.implementationVersionState])
 }
 
 export default useSafeNotifications
diff --git a/apps/web/src/hooks/useSafeTokenAllocation.ts b/apps/web/src/hooks/useSafeTokenAllocation.ts
new file mode 100644
index 000000000..555821319
--- /dev/null
+++ b/apps/web/src/hooks/useSafeTokenAllocation.ts
@@ -0,0 +1,189 @@
+import { getSafeTokenAddress, getSafeLockingAddress } from '@/components/common/SafeTokenWidget'
+import { IS_PRODUCTION } from '@/config/constants'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { AbiCoder, Interface } from 'ethers'
+import { useMemo } from 'react'
+import useAsync, { type AsyncResult } from '@safe-global/utils/hooks/useAsync'
+import useSafeInfo from './useSafeInfo'
+import { getWeb3ReadOnly } from './wallets/web3'
+import { cgwDebugStorage } from '@/config/gateway'
+import { multicall } from '../../../../packages/utils/src/utils/multicall'
+
+export const VESTING_URL =
+  IS_PRODUCTION || cgwDebugStorage.get()
+    ? 'https://safe-claiming-app-data.safe.global/allocations/'
+    : 'https://safe-claiming-app-data.staging.5afe.dev/allocations/'
+
+export type VestingData = {
+  tag: 'user' | 'ecosystem' | 'investor' | 'user_v2' | 'sap_boosted' | 'sap_unboosted' // SEP #5
+  account: string
+  chainId: number
+  contract: string
+  vestingId: string
+  durationWeeks: number
+  startDate: number
+  amount: string
+  curve: 0 | 1
+  proof: string[]
+}
+
+export type Vesting = VestingData & {
+  isExpired: boolean
+  isRedeemed: boolean
+  amountClaimed: string
+}
+
+// We currently do not have typechain as dependency so we fallback to human readable ABIs
+const airdropInterface = new Interface([
+  'function redeemDeadline() public returns (uint64)',
+  'function vestings(bytes32) public returns (address account, uint8 curveType,bool managed, uint16 durationWeeks, uint64 startDate, uint128 amount, uint128 amountClaimed, uint64 pausingDate,bool cancelled)',
+])
+const tokenInterface = new Interface(['function balanceOf(address _owner) public view returns (uint256 balance)'])
+const safeLockingInterface = new Interface([
+  'function getUserTokenBalance(address holder) external view returns (uint96 amount)',
+])
+/**
+ * Add on-chain information to allocation.
+ * Fetches if the redeem deadline is expired and the claimed tokens from on-chain
+ */
+const completeAllocations = async (allocations: VestingData[]): Promise<Vesting[]> => {
+  const web3ReadOnly = getWeb3ReadOnly()
+  if (!web3ReadOnly) {
+    throw new Error('Cannot fetch vestings without web3 provider')
+  }
+
+  const calls = allocations.map((allocation) => ({
+    to: allocation.contract,
+    data: airdropInterface.encodeFunctionData('vestings', [allocation.vestingId]),
+  }))
+  const results = await multicall(web3ReadOnly, calls)
+
+  return allocations.map((allocation, index) => {
+    const result = results[index]
+    if (!result.success) {
+      throw new Error(`Failed to fetch vesting data for ${allocation.vestingId}`)
+    }
+
+    const decodedVestingData = AbiCoder.defaultAbiCoder().decode(
+      // account, curveType, managed, durationWeeks, startDate, amount, amountClaimed, pausingDate, cancelled}
+      ['address', 'uint8', 'bool', 'uint16', 'uint64', 'uint128', 'uint128', 'uint64', 'bool'],
+      result.returnData,
+    )
+
+    const isRedeemed = decodedVestingData[0].toLowerCase() !== ZERO_ADDRESS.toLowerCase()
+    if (isRedeemed) {
+      return { ...allocation, isRedeemed, isExpired: false, amountClaimed: decodedVestingData[6] }
+    }
+
+    // All allocations are expired by now. We do not load the redeem deadline anymore
+    return { ...allocation, isRedeemed, isExpired: true, amountClaimed: '0' }
+  })
+}
+
+const fetchAllocation = async (chainId: string, safeAddress: string): Promise<VestingData[]> => {
+  try {
+    const response = await fetch(`${VESTING_URL}${chainId}/${safeAddress}.json`)
+
+    // No file exists => the safe is not part of any vesting
+    if (response.status === 404) {
+      return Promise.resolve([]) as Promise<VestingData[]>
+    }
+
+    // Some other error
+    if (!response.ok) {
+      throw Error(`Error fetching vestings: ${response.statusText}`)
+    }
+
+    // Success
+    return response.json() as Promise<VestingData[]>
+  } catch (err) {
+    throw Error(`Error fetching vestings: ${err}`)
+  }
+}
+
+const useSafeTokenAllocation = (): AsyncResult<Vesting[]> => {
+  const { safe, safeAddress } = useSafeInfo()
+  const chainId = safe.chainId
+
+  return useAsync<Vesting[] | undefined>(async () => {
+    if (!safeAddress) return
+    return Promise.all(
+      await fetchAllocation(chainId, safeAddress).then((allocations) => completeAllocations(allocations)),
+    )
+    // If the history tag changes we could have claimed / redeemed tokens
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [chainId, safeAddress, safe.txHistoryTag])
+}
+
+const fetchTokenBalances = async (chainId: string, safeAddress: string): Promise<[bigint, bigint]> => {
+  try {
+    const web3ReadOnly = getWeb3ReadOnly()
+    const safeTokenAddress = getSafeTokenAddress(chainId)
+    const safeLockingAddress = getSafeLockingAddress(chainId)
+
+    if (!web3ReadOnly || !safeTokenAddress || !safeLockingAddress) return [BigInt(0), BigInt(0)]
+
+    const calls = [
+      {
+        to: safeTokenAddress,
+        data: tokenInterface.encodeFunctionData('balanceOf', [safeAddress]),
+      },
+      {
+        to: safeLockingAddress,
+        data: safeLockingInterface.encodeFunctionData('getUserTokenBalance', [safeAddress]),
+      },
+    ]
+
+    const [balanceResponse, lockedResponse] = await multicall(web3ReadOnly, calls)
+
+    if (!balanceResponse.success || !lockedResponse.success) {
+      throw new Error('Failed to fetch token balances')
+    }
+
+    return [BigInt(balanceResponse.returnData), BigInt(lockedResponse.returnData)]
+  } catch (err) {
+    throw Error(`Error fetching Safe Token balances: ${err}`)
+  }
+}
+
+/**
+ * The Safe token allocation is equal to the voting power.
+ * It is computed by adding all vested tokens - claimed tokens + token balance
+ */
+export const useSafeVotingPower = (allocationData?: Vesting[]): AsyncResult<bigint> => {
+  const { safe, safeAddress } = useSafeInfo()
+  const chainId = safe.chainId
+
+  const [balance, balanceError, balanceLoading] = useAsync<bigint | undefined>(async () => {
+    if (!safeAddress) return
+    const [tokenBalance, lockingContractBalance] = await fetchTokenBalances(chainId, safeAddress)
+    return tokenBalance + lockingContractBalance
+  }, [chainId, safeAddress])
+
+  const allocation = useMemo(() => {
+    if (balance === undefined) {
+      return
+    }
+
+    // Return current balance if no allocation exists
+    if (!allocationData) {
+      return balance
+    }
+
+    const tokensInVesting = allocationData.reduce(
+      (acc, data) =>
+        data.isExpired || data.tag === 'sap_boosted' || data.tag === 'sap_unboosted' // Exclude the SAP Airdrops from voting power
+          ? acc
+          : acc + BigInt(data.amount) - BigInt(data.amountClaimed),
+      BigInt(0),
+    )
+
+    // add balance
+    const totalAllocation = tokensInVesting + balance
+    return totalAllocation
+  }, [allocationData, balance])
+
+  return [allocation, balanceError, balanceLoading]
+}
+
+export default useSafeTokenAllocation
diff --git a/apps/web/src/hooks/useSafeTokenEnabled.ts b/apps/web/src/hooks/useSafeTokenEnabled.ts
new file mode 100644
index 000000000..de25364c6
--- /dev/null
+++ b/apps/web/src/hooks/useSafeTokenEnabled.ts
@@ -0,0 +1,10 @@
+import { useContext } from 'react'
+import { GeoblockingContext } from '@/components/common/GeoblockingProvider'
+import useSafeInfo from './useSafeInfo'
+import { getSafeTokenAddress } from '@/components/common/SafeTokenWidget'
+
+export function useSafeTokenEnabled(): boolean {
+  const isBlockedCountry = useContext(GeoblockingContext)
+  const { safe, safeLoaded } = useSafeInfo()
+  return !isBlockedCountry && safeLoaded && !!getSafeTokenAddress(safe.chainId)
+}
diff --git a/apps/web/src/hooks/useSanctionedAddress.ts b/apps/web/src/hooks/useSanctionedAddress.ts
new file mode 100644
index 000000000..ac198ea26
--- /dev/null
+++ b/apps/web/src/hooks/useSanctionedAddress.ts
@@ -0,0 +1,29 @@
+import { useGetIsSanctionedQuery } from '@/store/api/ofac'
+import useSafeAddress from './useSafeAddress'
+import useWallet from './wallets/useWallet'
+import { skipToken } from '@reduxjs/toolkit/query/react'
+
+/**
+ * Checks if the opened Safe or the connected wallet are sanctioned and returns the sanctioned address.
+ * @param isRestricted the check is only performed if isRestricted is true.
+ * @returns address of sanctioned wallet or Safe
+ */
+export const useSanctionedAddress = (isRestricted = true) => {
+  const wallet = useWallet()
+  const safeAddress = useSafeAddress()
+
+  const { data: isWalletSanctioned } = useGetIsSanctionedQuery(isRestricted && wallet ? wallet.address : skipToken)
+
+  const { data: isSafeSanctioned } = useGetIsSanctionedQuery(
+    isRestricted && safeAddress !== '' ? safeAddress : skipToken,
+  )
+
+  if (isSafeSanctioned) {
+    return safeAddress
+  }
+  if (isWalletSanctioned) {
+    return wallet?.address
+  }
+
+  return undefined
+}
diff --git a/src/hooks/useSpendingLimit.ts b/apps/web/src/hooks/useSpendingLimit.ts
similarity index 91%
rename from src/hooks/useSpendingLimit.ts
rename to apps/web/src/hooks/useSpendingLimit.ts
index 373f60cda..a510c33ac 100644
--- a/src/hooks/useSpendingLimit.ts
+++ b/apps/web/src/hooks/useSpendingLimit.ts
@@ -3,7 +3,7 @@ import type { TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
 import useWallet from '@/hooks/wallets/useWallet'
 import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
 import { selectSpendingLimits } from '@/store/spendingLimitsSlice'
-import { sameAddress } from '@/utils/addresses'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
 
 const useSpendingLimit = (selectedToken?: TokenInfo): SpendingLimitState | undefined => {
   const wallet = useWallet()
diff --git a/src/hooks/useSpendingLimitGas.ts b/apps/web/src/hooks/useSpendingLimitGas.ts
similarity index 76%
rename from src/hooks/useSpendingLimitGas.ts
rename to apps/web/src/hooks/useSpendingLimitGas.ts
index eafab164d..a8b57d264 100644
--- a/src/hooks/useSpendingLimitGas.ts
+++ b/apps/web/src/hooks/useSpendingLimitGas.ts
@@ -1,19 +1,21 @@
 import useWallet from '@/hooks/wallets/useWallet'
 import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
 import { getSpendingLimitContract } from '@/services/contracts/spendingLimitContracts'
-import useAsync from '@/hooks/useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import { type SpendingLimitTxParams } from '@/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx'
 import useChainId from '@/hooks/useChainId'
+import useSafeInfo from './useSafeInfo'
 
 const useSpendingLimitGas = (params: SpendingLimitTxParams) => {
   const chainId = useChainId()
   const provider = useWeb3ReadOnly()
   const wallet = useWallet()
+  const { safe } = useSafeInfo()
 
   const [gasLimit, gasLimitError, gasLimitLoading] = useAsync<bigint | undefined>(async () => {
-    if (!provider || !wallet) return
+    if (!provider || !wallet || !safe.modules?.length) return
 
-    const contract = getSpendingLimitContract(chainId, provider)
+    const contract = getSpendingLimitContract(chainId, safe.modules, provider)
 
     const data = contract.interface.encodeFunctionData('executeAllowanceTransfer', [
       params.safeAddress,
@@ -31,7 +33,7 @@ const useSpendingLimitGas = (params: SpendingLimitTxParams) => {
       from: wallet.address,
       data,
     })
-  }, [provider, wallet, chainId, params])
+  }, [provider, wallet, chainId, params, safe.modules])
 
   return { gasLimit, gasLimitError, gasLimitLoading }
 }
diff --git a/src/hooks/useTransactionStatus.ts b/apps/web/src/hooks/useTransactionStatus.ts
similarity index 97%
rename from src/hooks/useTransactionStatus.ts
rename to apps/web/src/hooks/useTransactionStatus.ts
index ce79a694a..1e539869d 100644
--- a/src/hooks/useTransactionStatus.ts
+++ b/apps/web/src/hooks/useTransactionStatus.ts
@@ -22,6 +22,7 @@ export const STATUS_LABELS: Record<TxLocalStatus, string> = {
   [PendingStatus.RELAYING]: 'Relaying',
   [PendingStatus.INDEXING]: 'Indexing',
   [PendingStatus.SIGNING]: 'Signing',
+  [PendingStatus.NESTED_SIGNING]: 'Signing',
   [ReplacedStatus]: 'Transaction will be replaced',
 }
 
diff --git a/apps/web/src/hooks/useTransactionType.tsx b/apps/web/src/hooks/useTransactionType.tsx
new file mode 100644
index 000000000..71f5a366f
--- /dev/null
+++ b/apps/web/src/hooks/useTransactionType.tsx
@@ -0,0 +1,202 @@
+import { getOrderClass } from '@/features/swap/helpers/utils'
+import type { ReactElement } from 'react'
+import { useMemo } from 'react'
+import {
+  type AddressEx,
+  SettingsInfoType,
+  TransactionInfoType,
+  type TransactionSummary,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import SwapIcon from '@/public/images/common/swap.svg'
+import BridgeIcon from '@/public/images/common/bridge.svg'
+import StakeIcon from '@/public/images/common/stake.svg'
+import EarnIcon from '@/public/images/common/earn.svg'
+import NestedSafeIcon from '@/public/images/transactions/nestedTx.svg'
+import BatchIcon from '@/public/images/common/multisend.svg'
+
+import {
+  isCancellationTxInfo,
+  isModuleExecutionInfo,
+  isMultiSendTxInfo,
+  isNestedConfirmationTxInfo,
+  isOutgoingTransfer,
+  isTxQueued,
+} from '@/utils/transaction-guards'
+import useAddressBook from './useAddressBook'
+import type { AddressBook } from '@/store/addressBookSlice'
+import { TWAP_ORDER_TITLE } from '@/features/swap/constants'
+import { SvgIcon } from '@mui/material'
+
+const getTxTo = ({ txInfo }: Pick<TransactionSummary, 'txInfo'>): AddressEx | undefined => {
+  switch (txInfo.type) {
+    case TransactionInfoType.CREATION: {
+      return txInfo.factory
+    }
+    case TransactionInfoType.TRANSFER: {
+      return txInfo.recipient
+    }
+    case TransactionInfoType.SETTINGS_CHANGE: {
+      return undefined
+    }
+    case TransactionInfoType.CUSTOM: {
+      return txInfo.to
+    }
+  }
+}
+
+type TxType = {
+  icon: string | ReactElement
+  text: string
+}
+
+export const getTransactionType = (tx: TransactionSummary, addressBook: AddressBook): TxType => {
+  const toAddress = getTxTo(tx)
+  const addressBookName = toAddress?.value ? addressBook[toAddress.value] : undefined
+
+  switch (tx.txInfo.type) {
+    case TransactionInfoType.CREATION: {
+      return {
+        icon: toAddress?.logoUri || '/images/transactions/settings.svg',
+        text: 'Safe Account created',
+      }
+    }
+    case TransactionInfoType.SWAP_TRANSFER:
+    case TransactionInfoType.TRANSFER: {
+      const isSendTx = isOutgoingTransfer(tx.txInfo)
+
+      return {
+        icon: isSendTx ? '/images/transactions/outgoing.svg' : '/images/transactions/incoming.svg',
+        text: isSendTx ? (isTxQueued(tx.txStatus) ? 'Send' : 'Sent') : 'Received',
+      }
+    }
+    case TransactionInfoType.SETTINGS_CHANGE: {
+      // deleteGuard doesn't exist in Solidity
+      // It is decoded as 'setGuard' with a settingsInfo.type of 'DELETE_GUARD'
+      const isDeleteGuard = tx.txInfo.settingsInfo?.type === SettingsInfoType.DELETE_GUARD
+
+      return {
+        icon: '/images/transactions/settings.svg',
+        text: isDeleteGuard ? 'deleteGuard' : tx.txInfo.dataDecoded.method,
+      }
+    }
+    case TransactionInfoType.SWAP_ORDER: {
+      const orderClass = getOrderClass(tx.txInfo)
+      const altText = orderClass === 'limit' ? 'Limit order' : 'Swap order'
+
+      return {
+        icon: <SvgIcon component={SwapIcon} inheritViewBox fontSize="small" alt={altText} />,
+        text: altText,
+      }
+    }
+    case TransactionInfoType.TWAP_ORDER: {
+      return {
+        icon: <SvgIcon component={SwapIcon} inheritViewBox fontSize="small" alt="Twap Order" />,
+        text: TWAP_ORDER_TITLE,
+      }
+    }
+    case TransactionInfoType.NATIVE_STAKING_DEPOSIT: {
+      return {
+        icon: <SvgIcon component={StakeIcon} inheritViewBox fontSize="small" alt="Stake" />,
+        text: 'Stake',
+      }
+    }
+    case TransactionInfoType.NATIVE_STAKING_VALIDATORS_EXIT: {
+      return {
+        icon: <SvgIcon component={StakeIcon} inheritViewBox fontSize="small" alt="Withdraw request" />,
+        text: 'Withdraw request',
+      }
+    }
+    case TransactionInfoType.NATIVE_STAKING_WITHDRAW: {
+      return {
+        icon: <SvgIcon component={StakeIcon} inheritViewBox fontSize="small" alt="Claim" />,
+        text: 'Claim',
+      }
+    }
+    // @ts-ignore TODO: Add types to old SDK or switch to auto-generated
+    case 'VaultDeposit': {
+      return {
+        icon: <SvgIcon component={EarnIcon} inheritViewBox fontSize="small" alt="Deposit icon" />,
+        text: 'Deposit',
+      }
+    }
+    // @ts-ignore TODO: Add types to old SDK or switch to auto-generated
+    case 'VaultRedeem': {
+      return {
+        icon: <SvgIcon component={EarnIcon} inheritViewBox fontSize="small" alt="Withdraw icon" />,
+        text: 'Withdraw',
+      }
+    }
+
+    // @ts-ignore TODO: Add types to old SDK or switch to auto-generated
+    case 'SwapAndBridge': {
+      return {
+        icon: <SvgIcon component={BridgeIcon} inheritViewBox fontSize="small" alt="Swap and Bridge" />,
+        text: 'Bridge',
+      }
+    }
+
+    // @ts-ignore TODO: Add types to old SDK or switch to auto-generated
+    case 'Swap': {
+      return {
+        icon: <SvgIcon component={SwapIcon} inheritViewBox fontSize="small" alt="Swap" />,
+        text: 'Swap',
+      }
+    }
+
+    case TransactionInfoType.CUSTOM: {
+      if (tx.safeAppInfo) {
+        return {
+          icon: tx.safeAppInfo.logoUri,
+          text: tx.safeAppInfo.name,
+        }
+      }
+
+      if (isMultiSendTxInfo(tx.txInfo)) {
+        return {
+          icon: <SvgIcon component={BatchIcon} inheritViewBox fontSize="small" alt="Batch" />,
+          text: 'Batch',
+        }
+      }
+
+      if (isModuleExecutionInfo(tx.executionInfo)) {
+        return {
+          icon: toAddress?.logoUri || '/images/transactions/custom.svg',
+          text: toAddress?.name || 'Contract interaction',
+        }
+      }
+
+      if (isCancellationTxInfo(tx.txInfo)) {
+        return {
+          icon: '/images/transactions/circle-cross-red.svg',
+          text: 'On-chain rejection',
+        }
+      }
+
+      if (isNestedConfirmationTxInfo(tx.txInfo)) {
+        return {
+          icon: <SvgIcon component={NestedSafeIcon} inheritViewBox fontSize="small" alt="Nested Safe" />,
+          text: `Nested Safe${addressBookName ? `: ${addressBookName}` : ''}`,
+        }
+      }
+
+      return {
+        icon: toAddress?.logoUri || '/images/transactions/custom.svg',
+        text: addressBookName || toAddress?.name || 'Contract interaction',
+      }
+    }
+    default: {
+      return {
+        icon: '/images/transactions/custom.svg',
+        text: addressBookName || 'Contract interaction',
+      }
+    }
+  }
+}
+
+export const useTransactionType = (tx: TransactionSummary): TxType => {
+  const addressBook = useAddressBook()
+
+  return useMemo(() => {
+    return getTransactionType(tx, addressBook)
+  }, [tx, addressBook])
+}
diff --git a/apps/web/src/hooks/useTxDetails.ts b/apps/web/src/hooks/useTxDetails.ts
new file mode 100644
index 000000000..5c8f2f990
--- /dev/null
+++ b/apps/web/src/hooks/useTxDetails.ts
@@ -0,0 +1,14 @@
+import { getTransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import useChainId from './useChainId'
+
+function useTxDetails(txId?: string) {
+  const chainId = useChainId()
+
+  return useAsync(() => {
+    if (!txId) return
+    return getTransactionDetails(chainId, txId)
+  }, [chainId, txId])
+}
+
+export default useTxDetails
diff --git a/apps/web/src/hooks/useTxHistory.ts b/apps/web/src/hooks/useTxHistory.ts
new file mode 100644
index 000000000..822532053
--- /dev/null
+++ b/apps/web/src/hooks/useTxHistory.ts
@@ -0,0 +1,63 @@
+import { useMemo } from 'react'
+import { type TransactionListPage } from '@safe-global/safe-gateway-typescript-sdk'
+import { useAppSelector } from '@/store'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { selectTxHistory } from '@/store/txHistorySlice'
+import useSafeInfo from './useSafeInfo'
+import { fetchFilteredTxHistory, useTxFilter } from '@/utils/tx-history-filter'
+import { getTxHistory } from '@/services/transactions'
+import { selectSettings } from '@/store/settingsSlice'
+import { useHasFeature } from './useChains'
+
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const useTxHistory = (
+  pageUrl?: string,
+): {
+  page?: TransactionListPage
+  error?: string
+  loading: boolean
+} => {
+  // The latest page of the history is always in the store
+  const historyState = useAppSelector(selectTxHistory)
+  const [filter] = useTxFilter()
+  const { hideSuspiciousTransactions } = useAppSelector(selectSettings)
+  const hasDefaultTokenlist = useHasFeature(FEATURES.DEFAULT_TOKENLIST)
+  const hideUntrustedTxs = (hasDefaultTokenlist && hideSuspiciousTransactions) ?? true
+  const hideImitationTxs = hideSuspiciousTransactions ?? true
+
+  const {
+    safe: { chainId },
+    safeAddress,
+  } = useSafeInfo()
+
+  // If filter exists or pageUrl is passed, load a new history page from the API
+  const [page, error, loading] = useAsync<TransactionListPage>(
+    () => {
+      if (!(filter || pageUrl)) return
+
+      return filter
+        ? fetchFilteredTxHistory(chainId, safeAddress, filter, hideUntrustedTxs, hideImitationTxs, pageUrl)
+        : getTxHistory(chainId, safeAddress, hideUntrustedTxs, hideImitationTxs, pageUrl)
+    },
+    [filter, pageUrl, chainId, safeAddress, hideUntrustedTxs, hideImitationTxs],
+    false,
+  )
+
+  const isFetched = filter || pageUrl
+  const dataPage = isFetched ? page : historyState.data
+  const errorMessage = isFetched ? error?.message : historyState.error
+  const isLoading = isFetched ? loading : historyState.loading
+
+  // Return the new page or the stored page
+  return useMemo(
+    () => ({
+      page: dataPage,
+      error: errorMessage,
+      loading: isLoading,
+    }),
+    [dataPage, errorMessage, isLoading],
+  )
+}
+
+export default useTxHistory
diff --git a/src/hooks/useTxNotifications.ts b/apps/web/src/hooks/useTxNotifications.ts
similarity index 89%
rename from src/hooks/useTxNotifications.ts
rename to apps/web/src/hooks/useTxNotifications.ts
index 98967e59e..388645675 100644
--- a/src/hooks/useTxNotifications.ts
+++ b/apps/web/src/hooks/useTxNotifications.ts
@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useRef } from 'react'
-import { formatError } from '@/utils/formatters'
+import { formatError } from '@safe-global/utils/utils/formatters'
 import { selectNotifications, showNotification } from '@/store/notificationsSlice'
 import { useAppDispatch, useAppSelector } from '@/store'
 import { TxEvent, txSubscribe } from '@/services/tx/txEvents'
@@ -11,10 +11,10 @@ import { selectPendingTxs } from '@/store/pendingTxsSlice'
 import useIsSafeOwner from '@/hooks/useIsSafeOwner'
 import useWallet from './wallets/useWallet'
 import useSafeAddress from './useSafeAddress'
-import { getExplorerLink } from '@/utils/gateway'
-import { getTxDetails } from '@/services/transactions'
 import { isWalletRejection } from '@/utils/wallets'
 import { getTxLink } from '@/utils/tx-link'
+import { useLazyGetTransactionDetailsQuery } from '@/store/api/gateway'
+import { getExplorerLink } from '@safe-global/utils/utils/gateway'
 
 const TxNotifications = {
   [TxEvent.SIGN_FAILED]: 'Failed to sign. Please try again.',
@@ -46,6 +46,7 @@ const useTxNotifications = (): void => {
   const dispatch = useAppDispatch()
   const chain = useCurrentChain()
   const safeAddress = useSafeAddress()
+  const [trigger] = useLazyGetTransactionDetailsQuery()
 
   /**
    * Show notifications of a transaction's lifecycle
@@ -70,8 +71,8 @@ const useTxNotifications = (): void => {
         const id = txId || txHash
         if (id) {
           try {
-            const txDetails = await getTxDetails(chain.chainId, id)
-            humanDescription = txDetails.txInfo.humanDescription || humanDescription
+            const { data: txDetails } = await trigger({ chainId: chain.chainId, txId: id })
+            humanDescription = txDetails?.txInfo.humanDescription || humanDescription
           } catch {}
         }
 
@@ -85,8 +86,8 @@ const useTxNotifications = (): void => {
             link: txId
               ? getTxLink(txId, chain, safeAddress)
               : txHash
-              ? getExplorerLink(txHash, chain.blockExplorerUriTemplate)
-              : undefined,
+                ? getExplorerLink(txHash, chain.blockExplorerUriTemplate)
+                : undefined,
           }),
         )
       }),
@@ -95,7 +96,7 @@ const useTxNotifications = (): void => {
     return () => {
       unsubFns.forEach((unsub) => unsub())
     }
-  }, [dispatch, safeAddress, chain])
+  }, [dispatch, safeAddress, chain, trigger])
 
   /**
    * If there's at least one transaction awaiting confirmations, show a notification for it
diff --git a/src/hooks/useTxPendingStatuses.ts b/apps/web/src/hooks/useTxPendingStatuses.ts
similarity index 80%
rename from src/hooks/useTxPendingStatuses.ts
rename to apps/web/src/hooks/useTxPendingStatuses.ts
index aaffbe761..66897e17b 100644
--- a/src/hooks/useTxPendingStatuses.ts
+++ b/apps/web/src/hooks/useTxPendingStatuses.ts
@@ -19,7 +19,7 @@ import { SimpleTxWatcher } from '@/utils/SimpleTxWatcher'
 
 const FINAL_PENDING_STATUSES = [TxEvent.SIGNATURE_INDEXED, TxEvent.SUCCESS, TxEvent.REVERTED, TxEvent.FAILED]
 
-const useTxMonitor = (): void => {
+export const useTxMonitor = (): void => {
   const chainId = useChainId()
   const pendingTxs = useAppSelector(selectPendingTxs)
   const pendingTxEntriesOnChain = Object.entries(pendingTxs).filter(([, pendingTx]) => pendingTx.chainId === chainId)
@@ -53,17 +53,19 @@ const useTxMonitor = (): void => {
           pendingTx.safeAddress,
           pendingTx.signerAddress,
           pendingTx.signerNonce,
+          pendingTx.nonce,
+          chainId,
         )
         continue
       }
 
       if (isRelaying) {
-        waitForRelayedTx(pendingTx.taskId, [txId], pendingTx.safeAddress)
+        waitForRelayedTx(pendingTx.taskId, [txId], pendingTx.safeAddress, pendingTx.nonce)
       }
     }
     // `provider` is updated when switching chains, re-running this effect
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [provider])
+  }, [pendingTxEntriesOnChain.length, provider])
 }
 
 const useTxPendingStatuses = (): void => {
@@ -82,7 +84,9 @@ const useTxPendingStatuses = (): void => {
     const unsubSignatureProposing = txSubscribe(TxEvent.SIGNATURE_PROPOSED, (detail) => {
       // All pending txns should have a txId
       const txId = 'txId' in detail && detail.txId
-      if (!txId) return
+      const nonce = 'nonce' in detail ? detail.nonce : undefined
+
+      if (!txId || nonce === undefined) return
 
       // If we have future issues with statuses, we should refactor `useTxPendingStatuses`
       // @see https://github.com/safe-global/safe-wallet-web/issues/1754
@@ -94,6 +98,7 @@ const useTxPendingStatuses = (): void => {
       // Update pendingTx
       dispatch(
         setPendingTx({
+          nonce,
           chainId,
           safeAddress,
           txId,
@@ -106,7 +111,9 @@ const useTxPendingStatuses = (): void => {
     const unsubProcessing = txSubscribe(TxEvent.PROCESSING, (detail) => {
       // All pending txns should have a txId
       const txId = 'txId' in detail && detail.txId
-      if (!txId) return
+      const nonce = 'nonce' in detail ? detail.nonce : undefined
+
+      if (!txId || nonce === undefined) return
 
       // If we have future issues with statuses, we should refactor `useTxPendingStatuses`
       // @see https://github.com/safe-global/safe-wallet-web/issues/1754
@@ -118,6 +125,7 @@ const useTxPendingStatuses = (): void => {
       const pendingTx: PendingProcessingTx & { txId: string } =
         detail.txType === 'Custom'
           ? {
+              nonce,
               chainId,
               safeAddress,
               txId,
@@ -131,6 +139,7 @@ const useTxPendingStatuses = (): void => {
               to: detail.to,
             }
           : {
+              nonce,
               chainId,
               safeAddress,
               txId,
@@ -148,7 +157,9 @@ const useTxPendingStatuses = (): void => {
     const unsubExecuting = txSubscribe(TxEvent.EXECUTING, (detail) => {
       // All pending txns should have a txId
       const txId = 'txId' in detail && detail.txId
-      if (!txId) return
+      const nonce = 'nonce' in detail ? detail.nonce : undefined
+
+      if (!txId || nonce === undefined) return
 
       // If we have future issues with statuses, we should refactor `useTxPendingStatuses`
       // @see https://github.com/safe-global/safe-wallet-web/issues/1754
@@ -160,6 +171,7 @@ const useTxPendingStatuses = (): void => {
       // Update pendingTx
       dispatch(
         setPendingTx({
+          nonce,
           chainId,
           safeAddress,
           txId,
@@ -171,7 +183,9 @@ const useTxPendingStatuses = (): void => {
     const unsubProcessed = txSubscribe(TxEvent.PROCESSED, (detail) => {
       // All pending txns should have a txId
       const txId = 'txId' in detail && detail.txId
-      if (!txId) return
+      const nonce = 'nonce' in detail ? detail.nonce : undefined
+
+      if (!txId || nonce === undefined) return
 
       // If we have future issues with statuses, we should refactor `useTxPendingStatuses`
       // @see https://github.com/safe-global/safe-wallet-web/issues/1754
@@ -183,6 +197,7 @@ const useTxPendingStatuses = (): void => {
       // Update pendingTx
       dispatch(
         setPendingTx({
+          nonce,
           chainId,
           safeAddress,
           txId,
@@ -194,7 +209,9 @@ const useTxPendingStatuses = (): void => {
     const unsubRelaying = txSubscribe(TxEvent.RELAYING, (detail) => {
       // All pending txns should have a txId
       const txId = 'txId' in detail && detail.txId
-      if (!txId) return
+      const nonce = 'nonce' in detail ? detail.nonce : undefined
+
+      if (!txId || nonce === undefined) return
 
       // If we have future issues with statuses, we should refactor `useTxPendingStatuses`
       // @see https://github.com/safe-global/safe-wallet-web/issues/1754
@@ -206,6 +223,7 @@ const useTxPendingStatuses = (): void => {
       // Update pendingTx
       dispatch(
         setPendingTx({
+          nonce,
           chainId,
           safeAddress,
           txId,
@@ -215,6 +233,32 @@ const useTxPendingStatuses = (): void => {
       )
     })
 
+    const unsubNestedTx = txSubscribe(TxEvent.NESTED_SAFE_TX_CREATED, (detail) => {
+      const txId = detail.txId
+      const nonce = detail.nonce
+
+      if (!txId || nonce === undefined) return
+
+      // If we have future issues with statuses, we should refactor `useTxPendingStatuses`
+      // @see https://github.com/safe-global/safe-wallet-web/issues/1754
+      const isIndexed = historicalTxs.some((tx) => tx.transaction.id === txId)
+      if (isIndexed) {
+        return
+      }
+
+      dispatch(
+        setPendingTx({
+          nonce,
+          chainId,
+          safeAddress,
+          txId,
+          status: PendingStatus.NESTED_SIGNING,
+          signerAddress: detail.parentSafeAddress,
+          txHashOrParentSafeTxHash: detail.txHashOrParentSafeTxHash,
+        }),
+      )
+    })
+
     // All final states stop the watcher and clear the pending state
     const unsubFns = FINAL_PENDING_STATUSES.map((event) =>
       txSubscribe(event, (detail) => {
@@ -231,7 +275,14 @@ const useTxPendingStatuses = (): void => {
       }),
     )
 
-    unsubFns.push(unsubProcessing, unsubSignatureProposing, unsubExecuting, unsubProcessed, unsubRelaying)
+    unsubFns.push(
+      unsubProcessing,
+      unsubSignatureProposing,
+      unsubExecuting,
+      unsubProcessed,
+      unsubRelaying,
+      unsubNestedTx,
+    )
 
     return () => {
       unsubFns.forEach((unsub) => unsub())
diff --git a/src/hooks/useTxQueue.ts b/apps/web/src/hooks/useTxQueue.ts
similarity index 93%
rename from src/hooks/useTxQueue.ts
rename to apps/web/src/hooks/useTxQueue.ts
index 92fd43ee3..6ab537031 100644
--- a/src/hooks/useTxQueue.ts
+++ b/apps/web/src/hooks/useTxQueue.ts
@@ -1,8 +1,8 @@
 import { getTransactionQueue, type TransactionListPage } from '@safe-global/safe-gateway-typescript-sdk'
 import { useAppSelector } from '@/store'
-import useAsync from './useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import { selectTxQueue, selectQueuedTransactionsByNonce } from '@/store/txQueueSlice'
-import { checksumAddress } from '@/utils/addresses'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
 import useSafeInfo from './useSafeInfo'
 import { isTransactionListItem } from '@/utils/transaction-guards'
 import { useRecoveryQueue } from '../features/recovery/hooks/useRecoveryQueue'
diff --git a/src/hooks/useTxTracking.ts b/apps/web/src/hooks/useTxTracking.ts
similarity index 79%
rename from src/hooks/useTxTracking.ts
rename to apps/web/src/hooks/useTxTracking.ts
index 857e89f28..836bb81be 100644
--- a/src/hooks/useTxTracking.ts
+++ b/apps/web/src/hooks/useTxTracking.ts
@@ -1,8 +1,8 @@
 import { trackEvent, WALLET_EVENTS } from '@/services/analytics'
-import { getTxDetails } from '@/services/transactions'
 import { TxEvent, txSubscribe } from '@/services/tx/txEvents'
 import { useEffect } from 'react'
 import useChainId from './useChainId'
+import { useLazyGetTransactionDetailsQuery } from '@/store/api/gateway'
 
 const events = {
   [TxEvent.SIGNED]: WALLET_EVENTS.OFFCHAIN_SIGNATURE,
@@ -14,6 +14,8 @@ const events = {
 export const useTxTracking = (): void => {
   const chainId = useChainId()
 
+  const [trigger] = useLazyGetTransactionDetailsQuery()
+
   useEffect(() => {
     const unsubFns = Object.entries(events).map(([txEvent, analyticsEvent]) =>
       txSubscribe(txEvent as TxEvent, async (detail) => {
@@ -25,8 +27,8 @@ export const useTxTracking = (): void => {
 
         if (id) {
           try {
-            const txDetails = await getTxDetails(chainId, id)
-            origin = txDetails.safeAppInfo?.url || ''
+            const { data: txDetails } = await trigger({ chainId, txId: id })
+            origin = txDetails?.safeAppInfo?.url || ''
           } catch {}
         }
 
@@ -40,5 +42,5 @@ export const useTxTracking = (): void => {
     return () => {
       unsubFns.forEach((unsub) => unsub())
     }
-  }, [chainId])
+  }, [chainId, trigger])
 }
diff --git a/apps/web/src/hooks/useValidateTxData.ts b/apps/web/src/hooks/useValidateTxData.ts
new file mode 100644
index 000000000..d85c38d65
--- /dev/null
+++ b/apps/web/src/hooks/useValidateTxData.ts
@@ -0,0 +1,65 @@
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { useSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
+import useAsync from '@safe-global/utils/hooks/useAsync'
+import { logError } from '@/services/exceptions'
+import ErrorCodes from '@safe-global/utils/services/exceptions/ErrorCodes'
+import { ethers } from 'ethers'
+import { useContext } from 'react'
+
+export const useValidateTxData = (txId?: string) => {
+  const { safeTx } = useContext(SafeTxContext)
+
+  const sdk = useSafeSDK()
+
+  return useAsync(async () => {
+    if (!sdk || !safeTx) {
+      return
+    }
+    // Validate hash
+    const computedSafeTxHash = await sdk.getTransactionHash(safeTx)
+
+    if (txId && txId.slice(-66) !== computedSafeTxHash) {
+      return 'The transaction data does not match its safeTxHash'
+    }
+
+    // Validate non 1271 signatures
+    for (const signature of safeTx.signatures.values()) {
+      if (signature.isContractSignature) {
+        continue
+      }
+
+      const sig = signature.staticPart()
+      const v = parseInt(sig.slice(-2), 16)
+
+      if (v === 0 || v === 1) {
+        // We ignore pre-validated sigs and EIP1271 for now
+        continue
+      }
+      // ECDSA signature
+      if (v === 27 || v === 28) {
+        try {
+          const recoveredAddress = ethers.recoverAddress(computedSafeTxHash, sig)
+          if (recoveredAddress !== signature.signer) {
+            return `The signature for the signer ${signature.signer} is invalid`
+          }
+        } catch (e) {
+          logError(ErrorCodes._818, e)
+          return `The signature for the signer ${signature.signer} could not be validated`
+        }
+      }
+      // ETH_SIGN signature
+      if (v === 31 || v === 32) {
+        try {
+          const modifiedSig = `${sig.slice(0, -2)}${(v - 4).toString(16)}`
+          const recoveredAddress = ethers.verifyMessage(ethers.getBytes(computedSafeTxHash), modifiedSig)
+          if (recoveredAddress !== signature.signer) {
+            return `The signature for the signer ${signature.signer} is invalid`
+          }
+        } catch (e) {
+          logError(ErrorCodes._818, e)
+          return `The signature for the signer ${signature.signer} could not be validated`
+        }
+      }
+    }
+  }, [sdk, safeTx, txId])
+}
diff --git a/src/hooks/useVisibleBalances.ts b/apps/web/src/hooks/useVisibleBalances.ts
similarity index 76%
rename from src/hooks/useVisibleBalances.ts
rename to apps/web/src/hooks/useVisibleBalances.ts
index f6b81f0dc..dbc5fa507 100644
--- a/src/hooks/useVisibleBalances.ts
+++ b/apps/web/src/hooks/useVisibleBalances.ts
@@ -1,4 +1,4 @@
-import { safeFormatUnits, safeParseUnits } from '@/utils/formatters'
+import { safeFormatUnits, safeParseUnits } from '@safe-global/utils/utils/formatters'
 import type { SafeBalanceResponse } from '@safe-global/safe-gateway-typescript-sdk'
 import { useMemo } from 'react'
 import useBalances from './useBalances'
@@ -26,12 +26,15 @@ const filterHiddenTokens = (items: SafeBalanceResponse['items'], hiddenAssets: s
 const getVisibleFiatTotal = (balances: SafeBalanceResponse, hiddenAssets: string[]): string => {
   return safeFormatUnits(
     balances.items
-      .reduce((acc, balanceItem) => {
-        if (hiddenAssets.includes(balanceItem.tokenInfo.address)) {
-          return acc - BigInt(safeParseUnits(truncateNumber(balanceItem.fiatBalance), PRECISION) ?? 0)
-        }
-        return acc
-      }, BigInt(balances.fiatTotal === '' ? 0 : safeParseUnits(truncateNumber(balances.fiatTotal), PRECISION) ?? 0))
+      .reduce(
+        (acc, balanceItem) => {
+          if (hiddenAssets.includes(balanceItem.tokenInfo.address)) {
+            return acc - BigInt(safeParseUnits(truncateNumber(balanceItem.fiatBalance), PRECISION) ?? 0)
+          }
+          return acc
+        },
+        BigInt(balances.fiatTotal === '' ? 0 : (safeParseUnits(truncateNumber(balances.fiatTotal), PRECISION) ?? 0)),
+      )
       .toString(),
     PRECISION,
   )
diff --git a/src/hooks/useWalletCanPay.ts b/apps/web/src/hooks/useWalletCanPay.ts
similarity index 75%
rename from src/hooks/useWalletCanPay.ts
rename to apps/web/src/hooks/useWalletCanPay.ts
index 58a65094c..8d32c5f9c 100644
--- a/src/hooks/useWalletCanPay.ts
+++ b/apps/web/src/hooks/useWalletCanPay.ts
@@ -1,15 +1,7 @@
 import { getTotalFee } from '@/hooks/useGasPrice'
 import useWalletBalance from '@/hooks/wallets/useWalletBalance'
 
-const useWalletCanPay = ({
-  gasLimit,
-  maxFeePerGas,
-  maxPriorityFeePerGas,
-}: {
-  gasLimit?: bigint
-  maxFeePerGas?: bigint | null
-  maxPriorityFeePerGas?: bigint | null
-}) => {
+const useWalletCanPay = ({ gasLimit, maxFeePerGas }: { gasLimit?: bigint; maxFeePerGas?: bigint | null }) => {
   const [walletBalance] = useWalletBalance()
 
   // Take an optimistic approach and assume the wallet can pay
diff --git a/src/hooks/useWalletCanRelay.ts b/apps/web/src/hooks/useWalletCanRelay.ts
similarity index 87%
rename from src/hooks/useWalletCanRelay.ts
rename to apps/web/src/hooks/useWalletCanRelay.ts
index 64513475f..f35d44968 100644
--- a/src/hooks/useWalletCanRelay.ts
+++ b/apps/web/src/hooks/useWalletCanRelay.ts
@@ -1,9 +1,9 @@
-import useAsync from '@/hooks/useAsync'
+import useAsync from '@safe-global/utils/hooks/useAsync'
 import useSafeInfo from '@/hooks/useSafeInfo'
 import useWallet from '@/hooks/wallets/useWallet'
 import { isSmartContractWallet } from '@/utils/wallets'
 import { Errors, logError } from '@/services/exceptions'
-import { type SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import { type SafeTransaction } from '@safe-global/types-kit'
 
 const useWalletCanRelay = (tx: SafeTransaction | undefined) => {
   const { safe } = useSafeInfo()
diff --git a/src/hooks/wallets/__tests__/useOnboard.test.ts b/apps/web/src/hooks/wallets/__tests__/useOnboard.test.ts
similarity index 90%
rename from src/hooks/wallets/__tests__/useOnboard.test.ts
rename to apps/web/src/hooks/wallets/__tests__/useOnboard.test.ts
index 7fa1602c3..a065adae9 100644
--- a/src/hooks/wallets/__tests__/useOnboard.test.ts
+++ b/apps/web/src/hooks/wallets/__tests__/useOnboard.test.ts
@@ -15,13 +15,14 @@ describe('useOnboard', () => {
           label: 'Wallet 1',
           icon: 'wallet1.svg',
           provider: null as unknown as EIP1193Provider,
-          chains: [{ id: '0x4' }],
+          chains: [{ id: '0x4', namespace: 'evm' }],
           accounts: [
             {
               address: '0x1234567890123456789012345678901234567890',
               ens: {
                 name: 'test.eth',
               },
+              uns: null,
               balance: {
                 ETH: '0.002346456767547',
               },
@@ -32,16 +33,17 @@ describe('useOnboard', () => {
           label: 'Wallet 2',
           icon: 'wallet2.svg',
           provider: null as unknown as EIP1193Provider,
-          chains: [{ id: '0x100' }],
+          chains: [{ id: '0x100', namespace: 'evm' }],
           accounts: [
             {
               address: '0x2',
               ens: null,
+              uns: null,
               balance: null,
             },
           ],
         },
-      ] as WalletState[]
+      ] as unknown as WalletState[]
 
       expect(getConnectedWallet(wallets)).toEqual({
         label: 'Wallet 1',
@@ -51,6 +53,7 @@ describe('useOnboard', () => {
         chainId: '4',
         ens: 'test.eth',
         balance: '0.00235 ETH',
+        isProposer: false,
       })
     })
 
@@ -60,16 +63,17 @@ describe('useOnboard', () => {
           label: 'Wallet 1',
           icon: 'wallet1.svg',
           provider: null as unknown as EIP1193Provider,
-          chains: [{ id: '0x4' }],
+          chains: [{ id: '0x4', namespace: 'evm' }],
           accounts: [
             {
               address: '0xinvalid',
               ens: null,
+              uns: null,
               balance: null,
             },
           ],
         },
-      ] as WalletState[]
+      ] as unknown as WalletState[]
 
       expect(getConnectedWallet(wallets)).toBeNull()
     })
diff --git a/src/hooks/wallets/consts.ts b/apps/web/src/hooks/wallets/consts.ts
similarity index 85%
rename from src/hooks/wallets/consts.ts
rename to apps/web/src/hooks/wallets/consts.ts
index e12c1ccd2..fc13d551a 100644
--- a/src/hooks/wallets/consts.ts
+++ b/apps/web/src/hooks/wallets/consts.ts
@@ -5,11 +5,11 @@ export const enum WALLET_KEYS {
   LEDGER = 'LEDGER',
   TREZOR = 'TREZOR',
   KEYSTONE = 'KEYSTONE',
-  PK = 'PK',
+  PK = 'PRIVATE KEY',
 }
 
 // TODO: Check if undefined is needed as a return type, possibly couple this with WALLET_MODULES
-export const CGW_NAMES: { [key in WALLET_KEYS]: string | undefined } = {
+export const CGW_NAMES: { [_key in WALLET_KEYS]: string | undefined } = {
   [WALLET_KEYS.INJECTED]: 'detectedwallet',
   [WALLET_KEYS.WALLETCONNECT_V2]: 'walletConnect_v2',
   [WALLET_KEYS.COINBASE]: 'coinbase',
diff --git a/src/hooks/wallets/useInitWeb3.ts b/apps/web/src/hooks/wallets/useInitWeb3.ts
similarity index 100%
rename from src/hooks/wallets/useInitWeb3.ts
rename to apps/web/src/hooks/wallets/useInitWeb3.ts
diff --git a/src/hooks/wallets/useOnboard.ts b/apps/web/src/hooks/wallets/useOnboard.ts
similarity index 87%
rename from src/hooks/wallets/useOnboard.ts
rename to apps/web/src/hooks/wallets/useOnboard.ts
index 452068219..10ae533b7 100644
--- a/src/hooks/wallets/useOnboard.ts
+++ b/apps/web/src/hooks/wallets/useOnboard.ts
@@ -4,14 +4,16 @@ import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
 import type { Eip1193Provider } from 'ethers'
 import { getAddress } from 'ethers'
 import useChains, { useCurrentChain } from '@/hooks/useChains'
-import ExternalStore from '@/services/ExternalStore'
+import ExternalStore from '@safe-global/utils/services/ExternalStore'
 import { logError, Errors } from '@/services/exceptions'
 import { trackEvent, WALLET_EVENTS } from '@/services/analytics'
-import { useAppSelector } from '@/store'
-import { type EnvState, selectRpc } from '@/store/settingsSlice'
-import { formatAmount } from '@/utils/formatNumber'
+import { useAppSelector, useAppDispatch } from '@/store'
+import { selectRpc } from '@/store/settingsSlice'
+import { formatAmount } from '@safe-global/utils/utils/formatNumber'
 import { localItem } from '@/services/local-storage/local'
 import { isWalletConnect, isWalletUnlocked } from '@/utils/wallets'
+import { setUnauthenticated } from '@/store/authSlice'
+import type { EnvState } from '@safe-global/store/settingsSlice'
 
 export type ConnectedWallet = {
   label: string
@@ -21,6 +23,7 @@ export type ConnectedWallet = {
   provider: Eip1193Provider
   icon?: string
   balance?: string
+  isProposer?: boolean
 }
 
 const { getStore, setStore, useStore } = new ExternalStore<OnboardAPI>()
@@ -70,6 +73,7 @@ export const getConnectedWallet = (wallets: WalletState[]): ConnectedWallet | nu
       provider: primaryWallet.provider,
       icon: primaryWallet.icon,
       balance,
+      isProposer: false,
     }
   } catch (e) {
     logError(Errors._106, e)
@@ -77,7 +81,7 @@ export const getConnectedWallet = (wallets: WalletState[]): ConnectedWallet | nu
   }
 }
 
-const getWalletConnectLabel = async (wallet: ConnectedWallet): Promise<string | undefined> => {
+export const getWalletConnectLabel = (wallet: ConnectedWallet): string | undefined => {
   const UNKNOWN_PEER = 'Unknown'
   if (!isWalletConnect(wallet)) return
   const { connector } = wallet.provider as unknown as any
@@ -88,16 +92,13 @@ const getWalletConnectLabel = async (wallet: ConnectedWallet): Promise<string |
 const trackWalletType = (wallet: ConnectedWallet) => {
   trackEvent({ ...WALLET_EVENTS.CONNECT, label: wallet.label })
 
-  getWalletConnectLabel(wallet)
-    .then((wcLabel) => {
-      if (wcLabel) {
-        trackEvent({
-          ...WALLET_EVENTS.WALLET_CONNECT,
-          label: wcLabel,
-        })
-      }
+  const wcLabel = getWalletConnectLabel(wallet)
+  if (wcLabel) {
+    trackEvent({
+      ...WALLET_EVENTS.WALLET_CONNECT,
+      label: wcLabel,
     })
-    .catch(() => null)
+  }
 }
 
 let isConnecting = false
@@ -118,7 +119,7 @@ export const connectWallet = async (
   try {
     wallets = await onboard.connectWallet(options)
   } catch (e) {
-    logError(Errors._302, e)
+    logError(Errors._107, e)
     isConnecting = false
 
     return
@@ -158,6 +159,7 @@ export const useInitOnboard = () => {
   const chain = useCurrentChain()
   const onboard = useStore()
   const customRpc = useAppSelector(selectRpc)
+  const dispatch = useAppDispatch()
 
   useEffect(() => {
     if (configs.length > 0 && chain) {
@@ -176,13 +178,6 @@ export const useInitOnboard = () => {
     }
 
     enableWallets().then(() => {
-      // e2e wallet
-      if (typeof window !== 'undefined' && window.Cypress) {
-        connectWallet(onboard, {
-          autoSelect: { label: 'e2e wallet', disableModals: true },
-        })
-      }
-
       // Reconnect last wallet
       connectLastWallet(onboard)
     })
@@ -204,13 +199,14 @@ export const useInitOnboard = () => {
       } else if (lastConnectedWallet) {
         lastConnectedWallet = ''
         saveLastWallet(lastConnectedWallet)
+        dispatch(setUnauthenticated())
       }
     })
 
     return () => {
       walletSubscription.unsubscribe()
     }
-  }, [onboard])
+  }, [onboard, dispatch])
 }
 
 export default useStore
diff --git a/apps/web/src/hooks/wallets/useWallet.ts b/apps/web/src/hooks/wallets/useWallet.ts
new file mode 100644
index 000000000..70e6fc476
--- /dev/null
+++ b/apps/web/src/hooks/wallets/useWallet.ts
@@ -0,0 +1,17 @@
+import { useContext } from 'react'
+import { type ConnectedWallet } from './useOnboard'
+import { WalletContext } from '@/components/common/WalletProvider'
+
+const useWallet = (): ConnectedWallet | null => {
+  return useContext(WalletContext)?.connectedWallet ?? null
+}
+
+export const useSigner = () => {
+  return useContext(WalletContext)?.signer ?? null
+}
+
+export const useWalletContext = () => {
+  return useContext(WalletContext)
+}
+
+export default useWallet
diff --git a/src/hooks/wallets/useWalletBalance.ts b/apps/web/src/hooks/wallets/useWalletBalance.ts
similarity index 86%
rename from src/hooks/wallets/useWalletBalance.ts
rename to apps/web/src/hooks/wallets/useWalletBalance.ts
index 2ae460855..b8b2c21d4 100644
--- a/src/hooks/wallets/useWalletBalance.ts
+++ b/apps/web/src/hooks/wallets/useWalletBalance.ts
@@ -1,4 +1,4 @@
-import useAsync, { type AsyncResult } from '../useAsync'
+import useAsync, { type AsyncResult } from '@safe-global/utils/hooks/useAsync'
 import useWallet from './useWallet'
 import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
 
diff --git a/apps/web/src/hooks/wallets/wallets.ts b/apps/web/src/hooks/wallets/wallets.ts
new file mode 100644
index 000000000..cdacb42cb
--- /dev/null
+++ b/apps/web/src/hooks/wallets/wallets.ts
@@ -0,0 +1,68 @@
+import { TREZOR_APP_URL, TREZOR_EMAIL, WC_PROJECT_ID } from '@/config/constants'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import type { InitOptions } from '@web3-onboard/core'
+import coinbaseModule from '@web3-onboard/coinbase'
+import injectedWalletModule from '@web3-onboard/injected-wallets'
+import ledgerModule from '@web3-onboard/ledger/dist/index'
+// import { ledgerModuleV2 } from '@/services/onboard/ledger-module'
+import trezorModule from '@web3-onboard/trezor'
+import walletConnect from '@web3-onboard/walletconnect'
+import pkModule from '@/services/private-key-module'
+
+import { CGW_NAMES, WALLET_KEYS } from './consts'
+
+const prefersDarkMode = (): boolean => {
+  return window?.matchMedia('(prefers-color-scheme: dark)')?.matches
+}
+
+type WalletInits = InitOptions['wallets']
+type WalletInit = WalletInits extends Array<infer U> ? U : never
+
+const walletConnectV2 = (chain: ChainInfo) => {
+  // WalletConnect v2 requires a project ID
+  if (!WC_PROJECT_ID) {
+    return () => null
+  }
+
+  return walletConnect({
+    version: 2,
+    projectId: WC_PROJECT_ID,
+    qrModalOptions: {
+      themeVariables: {
+        '--wcm-z-index': '1302',
+      },
+      themeMode: prefersDarkMode() ? 'dark' : 'light',
+    },
+    requiredChains: [parseInt(chain.chainId)],
+    dappUrl: location.origin,
+  })
+}
+
+const WALLET_MODULES: Partial<{ [_key in WALLET_KEYS]: (chain: ChainInfo) => WalletInit }> = {
+  [WALLET_KEYS.INJECTED]: () => injectedWalletModule() as WalletInit,
+  [WALLET_KEYS.WALLETCONNECT_V2]: (chain) => walletConnectV2(chain) as WalletInit,
+  [WALLET_KEYS.COINBASE]: () => coinbaseModule({ darkMode: prefersDarkMode() }) as WalletInit,
+  [WALLET_KEYS.LEDGER]: () => ledgerModule(),
+  // [WALLET_KEYS.LEDGER_V2]: () => ledgerModuleV2(),
+  [WALLET_KEYS.TREZOR]: () => trezorModule({ appUrl: TREZOR_APP_URL, email: TREZOR_EMAIL }) as WalletInit,
+  [WALLET_KEYS.PK]: (chain) => pkModule(chain.chainId, chain.rpcUri) as WalletInit,
+}
+
+export const getAllWallets = (chain: ChainInfo): WalletInits => {
+  return Object.values(WALLET_MODULES).map((module) => module(chain))
+}
+
+export const isWalletSupported = (disabledWallets: string[], walletLabel: string): boolean => {
+  const legacyWalletName = CGW_NAMES?.[walletLabel.toUpperCase() as WALLET_KEYS]
+  return !disabledWallets.includes(legacyWalletName || walletLabel)
+}
+
+export const getSupportedWallets = (chain: ChainInfo): WalletInits => {
+  const enabledWallets = Object.entries(WALLET_MODULES).filter(([key]) => isWalletSupported(chain.disabledWallets, key))
+
+  if (enabledWallets.length === 0) {
+    return [injectedWalletModule()]
+  }
+
+  return enabledWallets.map(([, module]) => module(chain))
+}
diff --git a/apps/web/src/hooks/wallets/web3.ts b/apps/web/src/hooks/wallets/web3.ts
new file mode 100644
index 000000000..f3db2592d
--- /dev/null
+++ b/apps/web/src/hooks/wallets/web3.ts
@@ -0,0 +1,68 @@
+import { type ChainInfo, RPC_AUTHENTICATION, type RpcUri } from '@safe-global/safe-gateway-typescript-sdk'
+import { JsonRpcProvider, BrowserProvider, type Eip1193Provider } from 'ethers'
+import ExternalStore from '@safe-global/utils/services/ExternalStore'
+import { INFURA_TOKEN, SAFE_APPS_INFURA_TOKEN } from '@safe-global/utils/config/constants'
+
+/**
+ * Infura and other RPC providers limit the max amount included in a batch RPC call.
+ * Ethers uses 100 by default which is too high for i.e. Infura.
+ *
+ * Some networks like Scroll only support a batch size of 3.
+ */
+const BATCH_MAX_COUNT = 3
+
+// RPC helpers
+const formatRpcServiceUrl = ({ authentication, value }: RpcUri, token: string): string => {
+  const needsToken = authentication === RPC_AUTHENTICATION.API_KEY_PATH
+
+  if (needsToken && !token) {
+    console.warn('Infura token not set in .env')
+    return ''
+  }
+
+  return needsToken ? `${value}${token}` : value
+}
+
+export const getRpcServiceUrl = (rpcUri: RpcUri): string => {
+  return formatRpcServiceUrl(rpcUri, INFURA_TOKEN)
+}
+
+export const createWeb3ReadOnly = (chain: ChainInfo, customRpc?: string): JsonRpcProvider | undefined => {
+  const url = customRpc || getRpcServiceUrl(chain.rpcUri)
+  if (!url) return
+  return new JsonRpcProvider(url, Number(chain.chainId), {
+    staticNetwork: true,
+    batchMaxCount: BATCH_MAX_COUNT,
+  })
+}
+
+export const createWeb3 = (walletProvider: Eip1193Provider): BrowserProvider => {
+  return new BrowserProvider(walletProvider)
+}
+
+export const createSafeAppsWeb3Provider = (chain: ChainInfo, customRpc?: string): JsonRpcProvider | undefined => {
+  const url = customRpc || formatRpcServiceUrl(chain.rpcUri, SAFE_APPS_INFURA_TOKEN)
+  if (!url) return
+  return new JsonRpcProvider(url, undefined, {
+    staticNetwork: true,
+    batchMaxCount: BATCH_MAX_COUNT,
+  })
+}
+
+export const { setStore: setWeb3, useStore: useWeb3 } = new ExternalStore<BrowserProvider>()
+
+export const {
+  getStore: getWeb3ReadOnly,
+  setStore: setWeb3ReadOnly,
+  useStore: useWeb3ReadOnly,
+} = new ExternalStore<JsonRpcProvider>()
+
+export const getUserNonce = async (userAddress: string): Promise<number> => {
+  const web3 = getWeb3ReadOnly()
+  if (!web3) return -1
+  try {
+    return await web3.getTransactionCount(userAddress, 'pending')
+  } catch (error) {
+    return Promise.reject(error)
+  }
+}
diff --git a/apps/web/src/markdown/privacy/privacy.md b/apps/web/src/markdown/privacy/privacy.md
new file mode 100644
index 000000000..751567dbd
--- /dev/null
+++ b/apps/web/src/markdown/privacy/privacy.md
@@ -0,0 +1,631 @@
+# Privacy Policy {#privacy-policy}
+
+Last updated: November 2024
+
+Your privacy is important to us. It is our policy to respect your privacy and comply with any applicable law and regulation regarding any personal information we may collect about you, including across our website, [https://app.safe.global](https://app.safe.global), and other sites we own and operate as well as mobile applications we offer. Wherever possible, we have designed our website so that you may navigate and use our website without having to provide Personal Data.
+
+This Privacy Policy describes how we, as a controller, collect, use and share your personal data. It applies to personal data you voluntarily provide to us, or is automatically collected by us.
+
+In this policy, "we", "us" and "our" refers to Core Contributors GmbH a company incorporated in Germany with its registered address at c/o WeWork, Dircksenstr. 3, 10179 Berlin, Germany. Any data protection related questions you might have about how we handle your personal data or if you wish to exercise your data subject rights, please contact us by post or at privacy@cc0x.dev.
+
+In this Policy, “personal data” means any information relating to you as an identified or identifiable natural person (“Data Subject”); an identifiable natural person is one who can be identified, directly or indirectly, in particular by reference to an identifier such as a name, an online identifier or to one or more factors specific to your physical, physiological, genetic, mental, economic, cultural or social identity.
+
+In this Policy, “processing” means any operation or set of operations which is performed on personal data (as defined in this Privacy Policy) or on sets of personal data, whether or not by automated means, such as collection, recording, organization, structuring, storage, adaptation or alteration, retrieval, consultation, use, disclosure by transmission, dissemination or otherwise making available, alignment or combination, restriction, erasure or destruction.
+
+[Privacy Policy](#privacy-policy)
+
+[1\. Glossary](#1.-glossary)
+
+[2\. Your information and the Blockchain](#2.-your-information-and-the-blockchain)
+
+[3\. How We Use Personal Data](#3.-how-we-use-personal-data)
+
+[3.1 When visiting our website and using Safe Interfaces](#3.1-when-visiting-our-website-and-using-safe-interfaces)
+
+[3.2 Tracking & Analysis](#3.2-tracking-&-analysis)
+
+[3.3 When Participating in User Experience Research (UXR)](#3.3-when-participating-in-user-experience-research-\(uxr\))
+
+[3.4 Publishing the app](#3.4-publishing-the-app)
+
+[3.5 Use of the app](#3.5-use-of-the-app)
+
+[3.6 Other uses of your Personal Data](#3.6-other-uses-of-your-personal-data)
+
+[4\. Use of Third Party Applications](#4.-use-of-third-party-applications)
+
+[4.1 Blockchain](#4.1-blockchain)
+
+[4.2 Amazon Web Services](#4.2-amazon-web-services)
+
+[4.3 Datadog](#4.3-datadog)
+
+[4.4 Mobile app stores](#4.4-mobile-app-stores)
+
+[4.5 Fingerprint/Touch ID/ Face ID](#4.5-fingerprint/touch-id/-face-id)
+
+[4.6 Google Firebase](#4.6-google-firebase)
+
+[4.7 WalletConnect](#4.7-walletconnect)
+
+[4.8 Sentry](#4.8-sentry)
+
+[4.9 Beamer](#4.9-beamer)
+
+[4.10 Node providers](#4.10-node-providers)
+
+[4.11 Tenderly](#4.11-tenderly)
+
+[4.12 MoonPay](#4.12-moonpay)
+
+[4.13 Spindl](#4.13-spindl)
+
+[5\. Sharing Your Personal Data](#5.-sharing-your-personal-data)
+
+[6\. Transferring Your data outside of the EU](#6.-transferring-your-data-outside-of-the-eu)
+
+[7\. Existence of Automated Decision-making](#7.-existence-of-automated-decision-making)
+
+[8\. Data Security](#8.-data-security)
+
+[9\. Your Rights as a Data Subject](#9.-your-rights-as-a-data-subject)
+
+[Right Information and access](#right-information-and-access)
+
+[Right to rectification](#right-to-rectification)
+
+[Right to erasure (right to be ‘forgotten’)](#right-to-erasure-\(right-to-be-‘forgotten’\))
+
+[Right to restrict processing and right to object to processing](#right-to-restrict-processing-and-right-to-object-to-processing)
+
+[Right to data portability](#right-to-data-portability)
+
+[Right to freedom from automated decision-making](#right-to-freedom-from-automated-decision-making)
+
+[Right to object to direct marketing (‘opting out’)](#right-to-object-to-direct-marketing-\(‘opting-out’\))
+
+[Right to request access](#right-to-request-access)
+
+[Right to withdraw consent](#right-to-withdraw-consent)
+
+[Raising a complaint about how we have handled your personal data](#raising-a-complaint-about-how-we-have-handled-your-personal-data)
+
+[Right to lodge a complaint with a relevant supervisory authority](#right-to-lodge-a-complaint-with-a-relevant-supervisory-authority)
+
+[10\. Storing Personal Data](#10.-storing-personal-data)
+
+[11\. Children’s data](#11.-children’s-data)
+
+[12\. Changes to this Privacy Policy](#12.-changes-to-this-privacy-policy)
+
+[13\. Contact Us](#13.-contact-us)
+
+[Contact us by post or email at:](#contact-us-by-post-or-email-at:)
+
+[Contact our Data Protection Officer by post or email at:](#contact-our-data-protection-officer-by-post-or-email-at:)
+
+# 1\. Glossary {#1.-glossary}
+
+What do some of the capitalized terms mean in this policy?
+
+1. “Blockchain” means a mathematically secured consensus ledger such as  the Ethereum Virtual Machine, an Ethereum Virtual Machine compatible validation mechanism, or other decentralized validation mechanisms.
+   2. “Transaction” means a change to the data set through a new entry in the continuous Blockchain.
+   3. “Smart Contract” is a piece of source code deployed as an application on the Blockchain which can be executed, including self-execution of Transactions as well as execution triggered by 3rd parties.
+   4. “Token” is a digital asset transferred in a Transaction, including ETH, ERC20, ERC721 and ERC1155 tokens.
+   5. “Wallet” is a cryptographic storage solution permitting you to store cryptographic assets by correlation of a (i) Public Key and (ii) a Private Key or a Smart Contract to receive, manage and send Tokens.
+   6. “Recovery Phrase” is a series of secret words used to generate one or more Private Keys and derived Public Keys.
+   7. “Public Key” is a unique sequence of numbers and letters within the Blockchain to distinguish the network participants from each other.
+   8. “Private Key” is a unique sequence of numbers and/or letters required to initiate a Blockchain Transaction and should only be known by the legal owner of the Wallet.
+   9. “Safe Account” is a modular, self-custodial (i.e. not supervised by us) smart contract-based Wallet. Safe Accounts are [open-source](https://github.com/safe-global/safe-contracts/) released under LGPL-3.0.
+   10. “Safe Interfaces” refers to Safe{Wallet} a web-based graphical user interface for Safe Accounts as well as a mobile application on Android and iOS.
+   11. “Safe Account Transaction” is a Transaction of a Safe Account, authorized by a user, typically via their Wallet.
+   12. “Profile” means the Public Key and user provided, human readable label stored locally on the user's device.
+
+# 2\. Your information and the Blockchain {#2.-your-information-and-the-blockchain}
+
+Blockchains, also known as distributed ledger technology (or simply ‘DLT’), are made up of digitally recorded data in a chain of packages called ‘blocks’. The manner in which these blocks are linked is chronological, meaning that the data is very difficult to alter once recorded. Since the ledger may be distributed all over the world (across several ‘nodes’ which usually replicate the ledger) this means there is no single person making decisions or otherwise administering the system (such as an operator of a cloud computing system), and that there is no centralized place where it is located either.
+
+Accordingly, by design, records of a Blockchain cannot be changed or deleted and are said to be ‘immutable’. This may affect your ability to exercise your rights such as your right to erasure (‘right to be forgotten’), or your rights to object or restrict processing of your personal data. Data on the Blockchain cannot be erased and cannot be changed. Although smart contracts may be used to revoke certain access rights, and some content may be made invisible to others, it is not deleted.
+
+In certain circumstances, in order to comply with our contractual obligations to you (such as delivery of Tokens) it will be necessary to write certain personal data, such as your Wallet address, onto the Blockchain; this is done through a smart contract and requires you to execute such transactions using your Wallet’s Private Key.
+
+In most cases ultimate decisions to (i) transact on the Blockchain using your Wallet, as well as (ii) share the Public Key relating to your Wallet with anyone (including us) rests with you.
+
+IF YOU WANT TO ENSURE YOUR PRIVACY RIGHTS ARE NOT AFFECTED IN ANY WAY, YOU SHOULD NOT TRANSACT ON BLOCKCHAINS AS CERTAIN RIGHTS MAY NOT BE FULLY AVAILABLE OR EXERCISABLE BY YOU OR US DUE TO THE TECHNOLOGICAL INFRASTRUCTURE OF THE BLOCKCHAIN. IN PARTICULAR THE BLOCKCHAIN IS AVAILABLE TO THE PUBLIC AND ANY PERSONAL DATA SHARED ON THE BLOCKCHAIN WILL BECOME PUBLICLY AVAILABLE
+
+# 3\. How We Use Personal Data {#3.-how-we-use-personal-data}
+
+## 3.1 When visiting our website and using Safe Interfaces {#3.1-when-visiting-our-website-and-using-safe-interfaces}
+
+When visiting our website or using Safe Interfaces, we will collect and process personal data. The data will be stored in different instances
+
+1. We connect the Wallet to the web app to identify the user via their public Wallet address. For this purpose we process:
+   1. public Wallet address and
+   2. WalletConnect connection data
+
+2. When you create a new Safe Account we process the following data to compose a Transaction based on your entered data to be approved by your Wallet:
+   1. your public Wallet address,
+   2. account balance,
+   3. smart contract address of the Safe Account,
+   4. addresses of externally owned accounts and
+   5. user activity
+
+3. When you create a Profile for a new Safe Account we process the following data for the purpose of enabling you to view your Safe Account after creation as well as enabling you to view all co-owned Safes Accounts:
+   1. your public Wallet address and
+   2. account balance
+
+4. When you create a Profile for an existing Safe Account for the purpose of allowing you to view and use them in the Safe Interface, we process your
+   1. public Wallet address,
+   2. Safe Account balance,
+   3. smart contract address of theSafe Account and
+   4. Safe Account owner's public Wallet addresses
+
+5. When you initiate a Safe Account Transaction we process the following data to compose the Transaction for you based on your entered data:
+   1. your public Wallet address and
+   2. smart contract address of Safe Account
+
+6. When you sign a Safe Account Transaction we process the following data to enable you to sign the Transaction using your Wallet:
+   1. Safe Account balance,
+   2. smart contract address of Safe Account and
+   3. Safe Account owner's public Wallet addresses
+
+7. To enable you to execute The transaction on the Blockchain we process:
+   1. your public Wallet address,
+   2. Safe Account balance,
+   3. smart contract address of Safe Account,
+   4. Safe Account owner's public Wallet addresses and
+   5. Transactions signed by all Safe Account owners
+
+8. When we collect relevant data from the Blockchain to display context information in the Safe Interface we process:
+   1. your public Wallet address,
+   2. account balance,
+   3. account activity and
+   4. Safe Account owner's Public wallet addresses
+
+9. When we decode Transactions from the Blockchain for the purpose of providing Transaction information in a conveniently readable format, we process:
+   1. your public Wallet address
+   2. account balance and
+   3. account activity
+
+10. When we maintain a user profile to provide you with a good user experience through Profiles and an address book we process:
+   1. your public Wallet address,
+   2. label,
+   3. smart contract address of Safe Account,
+   4. Safe Account owner's public wallet addresses,
+   5. last used Wallet (for automatic reconnect),
+   6. last used chain id,
+   7. selected currency,
+   8. theme and
+   9. address format
+
+The legal base for all these activities is the performance of the contract we have with you (GDPR Art.6.1b).
+
+THE DATA WILL BE STORED ON THE BLOCKCHAIN. GIVEN THE TECHNOLOGICAL DESIGN OF THE BLOCKCHAIN, AS EXPLAINED IN SECTION 2, THIS DATA WILL BECOME PUBLIC AND IT WILL NOT LIKELY BE POSSIBLE TO DELETE OR CHANGE THE DATA AT ANY GIVEN TIME.
+
+## 3.2 Tracking & Analysis {#3.2-tracking-&-analysis}
+
+3.2.1 We will process the following personal data to analyze your behavior:
+
+1. IP address (will not be stored for EU users),
+2. session tracking,
+3. user behavior,
+4. wallet type,
+5. Safe Account address,
+6. Signer wallet address,
+7. device and browser user agent,
+8. user consent,
+9. operating system,
+10. referrers,
+11. user behavior: subpage, duration, and revisit, the date and time of access
+
+In the case you have given consent, we will additionally store an analytics cookie on your device to identify you as a user across browsing sessions. The lawful basis for this processing is your consent (GDPR Art.6.1a) when agreeing to accept cookies.
+
+The collected data is solely used in the legitimate interest of improving our product and user experience. The data is stored only temporarily and is deleted after 14 months.
+
+We do not track any of the following:
+
+1. Wallet signatures
+2. Granular transaction details
+
+3.2.2 For general operational analysis of the Safe \[Wallet\] interface, monitoring transaction origins and measuring transaction failure rates to ensure improved service performance and reliability, we process information which constitutes the transaction service database, such as:
+
+1. signatures
+2. signature\_type
+3. ethereum\_tx\_id
+4. message\_hash
+5. safe\_app\_id
+6. safe\_message\_id
+
+***We conduct this analysis in our legitimate interest to continuously improve our product and service and ensure increased service performance and reliability.***
+
+3.2.3 We conduct technical monitoring of your activity on the platform in order to ensure availability, integrity and robustness of the service. For this purpose we process your:
+
+1. IP addresses,
+2. meta and communication data,
+3. website access and
+4. log data
+
+The lawful basis for this processing is our legitimate interest (GDPR Art.6.1f) in ensuring the correctness of the service.
+
+3.2.4 Anonymized tracking
+
+We will anonymize the following personal data to gather anonymous user statistics on your browsing behavior on our website:
+
+1. daily active users,
+2. new users acquired from a specific campaign,
+3. user journeys,
+4. number of users per country,
+5. difference in user behavior between mobile vs. web visitors.
+
+The lawful basis for this processing is our legitimate interest (GDPR Art.6.1f) in improving our product and user experience.
+
+## 3.3 When Participating in User Experience Research (UXR) {#3.3-when-participating-in-user-experience-research-(uxr)}
+
+When you participate in our user experience research we may collect and process some personal data. This data may include:
+
+1. your name
+2. your email
+3. your phone type
+4. your occupation
+5. range of managed funds
+
+
+In addition, we may take a recording of you while testing the Safe Interfaces for internal and external use. The basis for this collection and processing is our legitimate business interest in monitoring and improving our services.
+
+The lawful basis for this processing is your consent as provided before participating in user experience research.
+
+## 3.4 Publishing the app {#3.4-publishing-the-app}
+
+3.4.1 Publishing the app on Google Play Store.
+
+We process the following information to enable you to download the app on smartphones running Android:
+
+1. google account and
+2. e-mail address
+
+3.4.2 Publishing the app on Apple App Store
+
+We process the following information to enable you to download the app on smartphones running iOS:
+
+1. apple account and
+2. e-mail address
+
+The lawful basis for these two processing activities is the performance of the contract we have with you (GDPR Art.6.1b).
+
+## 3.5 Use of the app {#3.5-use-of-the-app}
+
+3.5.1 We provide the app to you to enable you to use it. For this purpose we process your:
+
+1. mobile device information,
+2. http request caches and
+3. http request cookies
+
+3.5.2 In order to update you about changes in the app, we need to send you push notifications. For this purpose we process your:
+
+1. Transactions executed and failed,
+2. assets sent,
+3. assets received
+
+3.5.3 To provide support to you and notify you about outage resulting in unavailability of the service, we process your:
+
+1. pseudonymized user identifier
+
+3.5.4 In order to provide remote client configuration and control whether to inform about, recommend or force you to update your app or enable/disable certain app features we process your:
+
+1. User agent,
+2. app information (version, build number etc.),
+3. language,
+4. Country,
+5. Platform
+6. operating system
+7. Browser
+8. Device category
+9. User audience
+10. User property
+11. User in random percentage
+12. Imported segment
+13. date/time
+14. first open
+15. installation ID
+
+For all these activities (4.5.1-4.54) we rely on the legal base of performance of a contract (GDPR Art.6.1b) with you.
+
+3.5.5 To report errors and improve user experience we process your:
+
+1. User agent info (Browser, OS, device),
+2. URL that you were on (Can contain Safe Account address) and
+3. Error info: Time, stacktrace
+
+We rely on our legitimate interest (GDPR Art.6.1f) of ensuring product quality.
+
+3.5.6 We process your personal data to allow you to authenticate using your gmail account or AppleID and to create a signer wallet/owner account . For that purpose following personal data is processed:
+
+1. Anonymised device information and identifiers, e.g. IP address, cookie IDs, device type
+2. User account authentication information (e.g. username, password)
+3. Unique user identifier (e.g. a random string associated with authentication, at times can be email. If so, sensitive strings are processed but hashed and not stored)
+4. Connection and usage Information (e.g. logins to the application)
+
+For this processing, we rely on our legitimate interest (GDPR Art.6.1f) of facilitating the onboarding for users and ameliorating the user experience with regards to our product.
+
+3.5.7 Providing on and off-ramp services to enable you to top up your Safe Account with e.g. bank transfer, debit card, credit card. For this purpose MoonPay may process your:
+
+1. full name
+2. date of birth
+3. nationality
+4. gender
+5. signature
+6. utility bills
+7. photographs
+8. phone number
+9. home address
+10. email
+11. information about the transactions you make via MoonPay services (e.g. name of the recipient, your name, the amount, and/or timestamp)
+12. geo location/tracking details
+13. operating system
+14. personal IP addresses
+
+To conduct this activity we rely on our legitimate interest (GDPR Art.6.1f) of ameliorating the onboarding process and the user experience through providing an easier option to customers to fund their account.
+
+3.5.8  Geofencing users in the US to prevent locking safe tokens, which may result in them being classified as securities. For this purpose, we process the following information relating to a user's device:
+
+1. operating system
+2. browser and browser configuration
+3. IP address
+4. approximate location
+
+We rely on our legitimate interest to ensure that our product or derivatives do not extend into sectors in which we are not licensed to operate in. Core Contributors is not licensed to provide or trade securities in the US and therefore cannot operate in the securities market.
+
+3.5.9 We process data to detect use of VPN aimed at circumventing the restriction in section 3.5.8 above and to prevent fraud. Data processed include:
+
+1. operating system
+2. browser and browser configuration
+3. IP address
+4. approximate location
+
+We rely on our legitimate interest to ensure the prevention of fraud. This also helps us detect users who may want to circumvent the restriction on US users by the use of VPN.
+
+## 3.6 Other uses of your Personal Data {#3.6-other-uses-of-your-personal-data}
+
+We may process any of your Personal Data where it is necessary to establish, exercise, or defend legal claims. The legal basis for this is our legitimate interests, namely the protection and assertion of our legal rights, your legal rights and the legal rights of others.
+
+Further, we may process your Personal data where such processing is necessary in order for us to comply with a legal obligation to which we are subject. The legal basis for this processing is our legitimate interests, namely the protection and assertion of our legal rights.
+
+# 4\. Use of Third Party Applications {#4.-use-of-third-party-applications}
+
+## 4.1 Blockchain {#4.1-blockchain}
+
+When usingSafe Accounts your smart contract address, Safe Account Transactions, addresses of signer accounts and ETH balances and token balances will be stored on the Blockchain. See section 2 of this Policy
+
+THE INFORMATION WILL BE DISPLAYED PERMANENTLY AND PUBLIC, THIS IS PART OF THE NATURE OF THE BLOCKCHAIN. IF YOU ARE NEW TO THIS FIELD, WE HIGHLY RECOMMEND INFORMING YOURSELF ABOUT THE BLOCKCHAIN TECHNOLOGY BEFORE USING OUR SERVICES.
+
+## 4.2 Amazon Web Services {#4.2-amazon-web-services}
+
+We use [Amazon Web Services (AWS)](https://aws.amazon.com/) to store log and database data as described in section 4.1.
+
+## 4.3 Datadog {#4.3-datadog}
+
+We use [Datadog](https://www.datadoghq.com/) to store log data as described in section 4.1.
+
+## 4.4 Mobile app stores {#4.4-mobile-app-stores}
+
+Safe{Wallet} mobile apps are distributed via [Apple AppStore](https://www.apple.com/app-store/) and [Google Play Store](https://play.google.com/). They most likely track user behavior when downloading apps from their stores as well as when using apps. We only have very limited access to that data. We can view aggregated statistics on installs and uninstalls. Grouping by device type, app version, language, carrier and country is possible.
+
+## 4.5 Fingerprint/Touch ID/ Face ID {#4.5-fingerprint/touch-id/-face-id}
+
+We enable the user to unlock the Safe{Wallet} mobile app via biometrics information (touch ID or face ID). This is a feature of the operating system. We do not store any of this data. Instead, the API of the operating system is used to validate the user input. If you have any further questions you should consult with your preferred mobile device provider or manufacturer.
+
+## 4.6 Google Firebase {#4.6-google-firebase}
+
+We use the following [Google Firebase](https://firebase.google.com/) services:
+
+* Firebase Cloud Messaging: Provide updates to the user about changes in the mobile apps via push notifications.
+* Firebase remote config: Inform users about, recommend or force user to update their mobile app or enabling/disabling certain app features. These settings are global for all users, no personalization is happening.
+* Firebase crash reporting: Report errors and crashes to improve product and user experience.
+
+## 4.7 WalletConnect {#4.7-walletconnect}
+
+[WalletConnect](https://walletconnect.com/) is used to connect wallets to dapps using end-to-end encryption by scanning a QR code. We do not store any information collected by WalletConnect.
+
+## 4.8 Sentry {#4.8-sentry}
+
+We use [Sentry](https://sentry.io/) to collect error reports and crashes to improve product and user experience.
+
+## 4.9 Beamer {#4.9-beamer}
+
+We use [Beamer](https://www.getbeamer.com/) providing updates to the user about changes in the app.Beamer's purpose and function are further explained under the following link [https://www.getbeamer.com/showcase/notification-center](https://www.getbeamer.com/showcase/notification-center).
+
+We do not store any information collected by Beamer.
+
+## 4.10 Node providers {#4.10-node-providers}
+
+We use [Infura](https://www.infura.io/) and [Nodereal](https://nodereal.io/) to query public blockchain data from our backend services. All Safes are monitored, no personalization is happening and no user IP addresses are forwarded. Personal data processed are:
+
+* Your smart contract address of the Safe;
+* Transaction id/hash
+* Transaction data
+
+## 4.11 Tenderly {#4.11-tenderly}
+
+We use [Tenderly](https://tenderly.co/) to simulate blockchain transactions before they are executed. For that we send your smart contract address of your Safe Account and transaction data to Tenderly.
+
+13. Internal communication
+
+We use the following tools for internal communication.
+
+* [Slack](https://slack.com/)
+* [Google Workspace](https://workspace.google.com/)
+* [Notion](https://notion.so)
+
+## 4.12 MoonPay {#4.12-moonpay}
+
+We use MoonPay to offer on-ramp and off-ramp services. For that purpose personal data is required for KYC/AML or other financial regulatory requirements. This data is encrypted by MoonPay.
+
+## 4.13 Spindl {#4.13-spindl}
+
+We use [Spindl](https://www.spindl.xyz/), a measurement and attribution solution for web3 that assists us in comprehending how users interact with different decentralized applications and our app and to enhance your experience with Safe{Wallet}. For enhanced privacy, data is stored for a period of 7 days after which it is securely deleted.
+
+## 4.14 Fingerprint
+
+This tool enables the processing in sections 3.5.8 and 3.5.9.
+
+# 5\. Sharing Your Personal Data {#5.-sharing-your-personal-data}
+
+We may pass your information to our Business Partners, administration centers, third party service providers, agents, subcontractors and other associated organizations for the purposes of completing tasks and providing our services to you.  
+In addition, when we use any other third-party service providers, we will disclose only the personal information that is necessary to deliver the service required and we will ensure that they keep your information secure and not use it for their own direct marketing purposes. In addition, we may transfer your personal information to a third party as part of a sale of some, or all, of our business and assets or as part of any business restructuring or reorganization, or if we are under a duty to disclose or share your personal data in order to comply with any legal obligation. However, we will take steps to ensure that your privacy rights continue to be protected.
+
+# 6\. Transferring Your data outside of the EU {#6.-transferring-your-data-outside-of-the-eu}
+
+Wherever possible we will choose service providers based in the EU. For those outside the EU, wherever possible we will configure data to be inside the EU. We concluded the new version of the Standard Contractual Clauses with these service providers (2021/914).
+
+Service providers in the US:
+
+* Amazon Web Service Inc.
+* Google LLC
+* Data Dog Inc.
+* Slack Technologies LLC
+* Joincube Inc. (Beamer)
+* Functional software Inc. (Sentry)
+* Notion Labs Inc.
+* Spindl Inc.
+* ConsenSys Software Inc.
+
+Service providers in other countries outside of the EU:
+
+* Tenderly d.o.o. is based in Serbia.
+* Node Real PTE Ltd. is based in Singapore.
+* Eighteenth September Limited (“MoonPay”) in the Seychelles
+* FingerprintJS Inc.
+
+HOWEVER, WHEN INTERACTING WITH THE BLOCKCHAIN, AS EXPLAINED ABOVE IN THIS POLICY, THE BLOCKCHAIN IS A GLOBAL DECENTRALIZED PUBLIC NETWORK AND ACCORDINGLY ANY PERSONAL DATA WRITTEN ONTO THE BLOCKCHAIN MAY BE TRANSFERRED AND STORED ACROSS THE GLOBE.
+
+# 7\. Existence of Automated Decision-making {#7.-existence-of-automated-decision-making}
+
+We do not use automatic decision-making or profiling when processing Personal Data.
+
+# 8\. Data Security {#8.-data-security}
+
+We have put in place appropriate security measures to prevent your personal data from being accidentally lost, used or accessed in an unauthorized way, altered or disclosed. In addition, we limit access to your personal data to those employees, agents, contractors and other third parties who have a business need to know. They will only process your personal data on our instructions and they are subject to a duty of confidentiality.
+
+We have put in place procedures to deal with any suspected personal data breach and will notify you and any applicable regulator of a breach where we are legally required to do so.
+
+# 9\. Your Rights as a Data Subject {#9.-your-rights-as-a-data-subject}
+
+You have certain rights under applicable legislation, and in particular under Regulation EU 2016/679 (General Data Protection Regulation or ‘GDPR’). We explain these below. You can find out more about the GDPR and your rights by accessing the [European Commission’s website](https://ec.europa.eu/info/law/law-topic/data-protection_en). If you wish to exercise your data subject rights, please contact us by post or at privacy@cc0x.dev.
+
+#### Right Information and access {#right-information-and-access}
+
+You have a right to be informed about the processing of your personal data (and if you did not give it to us, information as to the source) and this Privacy Policy intends to provide the information. Of course, if you have any further questions you can contact us on the above details.
+
+#### Right to rectification {#right-to-rectification}
+
+You have the right to have any inaccurate personal information about you rectified and to have any incomplete personal information about you completed. You may also request that we restrict the processing of that information. The accuracy of your information is important to us. If you do not want us to use your Personal Information in the manner set out in this Privacy Policy, or need to advise us of any changes to your personal information, or would like any more information about the way in which we collect and use your Personal Information, please contact us at the above details.
+
+#### Right to erasure (right to be ‘forgotten’) {#right-to-erasure-(right-to-be-‘forgotten’)}
+
+You have the general right to request the erasure of your personal information in the following circumstances:
+
+* the personal information is no longer necessary for the purpose for which it was collected;
+* you withdraw your consent to consent based processing and no other legal justification for processing applies;
+* you object to processing for direct marketing purposes;
+* we unlawfully processed your personal information; and
+* erasure is required to comply with a legal obligation that applies to us.
+
+HOWEVER, WHEN INTERACTING WITH THE BLOCKCHAIN WE MAY NOT BE ABLE TO ENSURE THAT YOUR PERSONAL DATA IS DELETED. THIS IS BECAUSE THE BLOCKCHAIN IS A PUBLIC DECENTRALIZED NETWORK AND BLOCKCHAIN TECHNOLOGY DOES NOT GENERALLY ALLOW FOR DATA TO BE DELETED AND YOUR RIGHT TO ERASURE MAY NOT BE ABLE TO BE FULLY ENFORCED. IN THESE CIRCUMSTANCES WE WILL ONLY BE ABLE TO ENSURE THAT ALL PERSONAL DATA THAT IS HELD BY US IS PERMANENTLY DELETED.
+
+We will proceed to comply with an erasure request without delay unless continued retention is necessary for:
+
+* Exercising the right of freedom of expression and information;
+* Complying with a legal obligation under EU or other applicable law;
+* The performance of a task carried out in the public interest;
+* Archiving purposes in the public interest, scientific or historical research purposes, or statistical purposes, under certain circumstances; and/or
+* The establishment, exercise, or defense of legal claims.
+
+#### Right to restrict processing and right to object to processing {#right-to-restrict-processing-and-right-to-object-to-processing}
+
+You have a right to restrict processing of your personal information, such as where:
+
+1. you contest the accuracy of the personal information;
+2. where processing is unlawful you may request, instead of requesting erasure, that we restrict the use of the unlawfully processed personal information;
+3. we no longer need to process your personal information but need to retain your information for the establishment, exercise, or defense of legal claims.
+
+You also have the right to object to processing of your personal information under certain circumstances, such as where the processing is based on your consent and you withdraw that consent. This may impact the services we can provide and we will explain this to you if you decide to exercise this right.
+
+HOWEVER, WHEN INTERACTING WITH THE BLOCKCHAIN, AS IT IS A PUBLIC DECENTRALIZED NETWORK, WE WILL LIKELY NOT BE ABLE TO PREVENT EXTERNAL PARTIES FROM PROCESSING ANY PERSONAL DATA WHICH HAS BEEN WRITTEN ONTO THE BLOCKCHAIN. IN THESE CIRCUMSTANCES WE WILL USE OUR REASONABLE ENDEAVORS TO ENSURE THAT ALL PROCESSING OF PERSONAL DATA HELD BY US IS RESTRICTED, NOTWITHSTANDING THIS, YOUR RIGHT TO RESTRICT TO PROCESSING MAY NOT BE ABLE TO BE FULLY ENFORCED.
+
+#### Right to data portability {#right-to-data-portability}
+
+Where the legal basis for our processing is your consent or the processing is necessary for the performance of a contract to which you are party or in order to take steps at your request prior to entering into a contract, you have a right to receive the personal information you provided to us in a structured, commonly used and machine-readable format, or ask us to send it to another person.
+
+#### Right to freedom from automated decision-making {#right-to-freedom-from-automated-decision-making}
+
+As explained above, we do not use automated decision-making, but where any automated decision-making takes place, you have the right in this case to express your point of view and to contest the decision, as well as request that decisions based on automated processing concerning you or significantly affecting you and based on your personal data are made by natural persons, not only by computers.
+
+#### Right to object to direct marketing (‘opting out’) {#right-to-object-to-direct-marketing-(‘opting-out’)}
+
+You have a choice about whether or not you wish to receive information from us. We will not contact you for marketing purposes unless:
+
+* you have a business relationship with us, and we rely on our legitimate interests as the lawful basis for processing (as described above)
+* you have otherwise given your prior consent (such as when you download one of our guides)
+
+You can change your marketing preferences at any time by contacting us on the above details. On each and every marketing communication, we will always provide the option for you to exercise your right to object to the processing of your personal data for marketing purposes (known as ‘opting-out’) by clicking on the ‘unsubscribe’ button on our marketing emails or choosing a similar opt-out option on any forms we use to collect your data. You may also opt-out at any time by contacting us on the below details.
+
+Please note that any administrative or service-related communications (to offer our services, or notify you of an update to this Privacy Policy or applicable terms of business, etc.) will solely be directed at our clients or business partners, and such communications generally do not offer an option to unsubscribe as they are necessary to provide the services requested. Therefore, please be aware that your ability to opt-out from receiving marketing and promotional materials does not change our right to contact you regarding your use of our website or as part of a contractual relationship we may have with you.
+
+#### Right to request access {#right-to-request-access}
+
+You also have a right to access information we hold about you. We are happy to provide you with details of your Personal Information that we hold or process. To protect your personal information, we follow set storage and disclosure procedures, which mean that we will require proof of identity from you prior to disclosing such information. You can exercise this right at any time by contacting us on the above details.
+
+#### Right to withdraw consent {#right-to-withdraw-consent}
+
+Where the legal basis for processing your personal information is your consent, you have the right to withdraw that consent at any time by contacting us on the above details.
+
+#### Raising a complaint about how we have handled your personal data {#raising-a-complaint-about-how-we-have-handled-your-personal-data}
+
+If you wish to raise a complaint on how we have handled your personal data, you can contact us as set out above and we will then investigate the matter.
+
+#### Right to lodge a complaint with a relevant supervisory authority {#right-to-lodge-a-complaint-with-a-relevant-supervisory-authority}
+
+We encourage you to contact us at privacy@cc0x.dev if you have any privacy related concerns. Should you disapprove of the response we have provided you, you have the right to lodge a complaint with our supervisory authority, or with the data protection authority of the European member state you live or work in. The details of the supervisory authority responsible for Berlin, Germany, are:
+
+Berliner Beauftragte für Datenschutz und Informationsfreiheit  
+Alt-Moabit 59-61  
+10555 Berlin  
+Germany  
+Phone: 030/138 89-0  
+[http://www.datenschutz-berlin.de](http://www.datenschutz-berlin.de)
+
+You also have the right to lodge a complaint with the supervisory authority in the country of your habitual residence, place of work, or the place where you allege an infringement of one or more of our rights has taken place, if that is based in the EEA.
+
+# 10\. Storing Personal Data {#10.-storing-personal-data}
+
+We retain your information only for as long as is necessary for the purposes for which we process the information as set out in this policy.  
+However, we may retain your Personal Data for a longer period of time where such retention is necessary for compliance with a legal obligation to which we are subject, or in order to protect your vital interests or the vital interests of another natural person.
+
+# 11\. Children’s data {#11.-children’s-data}
+
+Our products and services are neither designed nor intended for use by children and persons under the age of 18\. If you suspect or discover that our products and services are being used by a child, please contact us immediately at privacy@cc0x.dev
+
+# 12\. Changes to this Privacy Policy {#12.-changes-to-this-privacy-policy}
+
+We may modify this privacy policy at any time to comply with legal requirements as well as developments within our organization. When we do, we will revise the date at the top of this page. Each visit or interaction with our services will be subject to the new privacy policy. We encourage you to regularly review our privacy policy to stay informed about our data protection policy. Unless, we implement profound changes that we proactively notify you about, you acknowledge that it is your responsibility to review our privacy policy to be aware of modifications. If you do not agree to the revised policy, you should discontinue your use of this website.
+
+# 13\. Contact Us {#13.-contact-us}
+
+##### Contact us by post or email at: {#contact-us-by-post-or-email-at:}
+
+Core Contributors GmbH  
+c/o WeWork
+Dircksenstr. 3
+10179 Berlin
+Germany  
+privacy@cc0x.dev
+
+##### Contact our Data Protection Officer by post or email at: {#contact-our-data-protection-officer-by-post-or-email-at:}
+
+*TechGDPR DPC GmbH*  
+*Willy-Brandt-Platz 2*  
+*12529 Berlin-Schönefeld*  
+*Germany*
+
+Germany  
+[corecontributors.dpo@techgdpr.com](mailto:corecontributors.dpo@techgdpr.com) 
\ No newline at end of file
diff --git a/apps/web/src/markdown/terms/terms.md b/apps/web/src/markdown/terms/terms.md
new file mode 100644
index 000000000..344b4801b
--- /dev/null
+++ b/apps/web/src/markdown/terms/terms.md
@@ -0,0 +1,410 @@
+# Terms and Conditions
+
+Last updated: April, 2025
+
+[1\. What is the scope of the Terms?](#1.-what-is-the-scope-of-the-terms?)
+
+[2\. What do some of the capitalized terms mean in the Agreement?](#2.-what-do-some-of-the-capitalized-terms-mean-in-the-agreement?)
+
+[3\. What are the Services offered?](#3.-what-are-the-services-offered?)
+
+[4\. What do the Services not consist of?](#4.-what-do-the-services-not-consist-of?)
+
+[5\. What do you need to know about Third-Party Safe Apps and Third-Party Services?](#5.-what-do-you-need-to-know-about-third-party-safe-apps-and-third-party-services?)
+
+[6\. What are the fees for the Services?](#6.-what-are-the-fees-for-the-services?)
+
+[7\. Are we responsible for the security of your Private Keys, Recovery Phrase or other credentials?](#7.-are-we-responsible-for-the-security-of-your-private-keys,-recovery-phrase-or-other-credentials?)
+
+[8\. Are we responsible for recovering your Safe Account?](#8.-are-we-responsible-for-recovering-your-safe-account?)
+
+[9\. Are we responsible for notifying you about events occuring in your Safe Account?](#9.-are-we-responsible-for-notifying-you-about-events-occuring-in-your-safe-account?)
+
+[10\. Are we responsible for flagging malicious transactions?](#10.-are-we-responsible-for-flagging-malicious-transactions?)
+
+[11\. Are we responsible for the issuance of the Safe Token and any related functionalities or reward programs?](#11.-are-we-responsible-for-the-issuance-of-the-safe-token-and-any-related-functionalities-or-reward-programs?)
+
+[12\. What is Cloud Storage and the Spaces feature?](#12.-what-is-cloud-storage-and-the-spaces-feature?)
+
+[13\. Can we terminate or limit your right to use our Services?](#13.-can-we-terminate-or-limit-your-right-to-use-our-services?)
+
+[14\. Can you terminate your Agreement with us?](#14.-can-you-terminate-your-agreement-with-us?)
+
+[15\. What licenses and access do we grant to you?](#15.-what-licenses-and-access-do-we-grant-to-you?)
+
+[16\. What can you expect from the Services and can we make changes to them?](#16.-what-can-you-expect-from-the-services-and-can-we-make-changes-to-them?)
+
+[17\. What do you agree, warrant and represent?](#17.-what-do-you-agree,-warrant-and-represent?)
+
+[18\. What about our liability to you?](#18.-what-about-our-liability-to-you?)
+
+[19\. What about viruses, bugs and security vulnerabilities?](#19.-what-about-viruses,-bugs-and-security-vulnerabilities?)
+
+[20\. What if an event outside our control happens that affects our Services?](#20.-what-if-an-event-outside-our-control-happens-that-affects-our-services?)
+
+[21\. Who is responsible for your tax liabilities?](#21.-who-is-responsible-for-your-tax-liabilities?)
+
+[22\. What if a court disagrees with part of this Agreement?](#22.-what-if-a-court-disagrees-with-part-of-this-agreement?)
+
+[23\. What if we do not enforce certain rights under this Agreement?](#23.-what-if-we-do-not-enforce-certain-rights-under-this-agreement?)
+
+[24\. Do third parties have rights?](#24.-do-third-parties-have-rights?)
+
+[25\. Can this Agreement be assigned?](#25.-can-this-agreement-be-assigned?)
+
+[26\. Which Clauses of this Agreement survive termination?](#26.-which-clauses-of-this-agreement-survive-termination?)
+
+[27\. Data Protection](#27.-data-protection)
+
+[28\. Which laws apply to the Agreement?](#28.-which-laws-apply-to-the-agreement?)
+
+[29\. How can you get support for Safe Accounts and tell us about any problems?](#29.-how-can-you-get-support-for-safe-accounts-and-tell-us-about-any-problems?)
+
+[30\. Where is the place of legal proceedings?](#30.-where-is-the-place-of-legal-proceedings?)
+
+[31\. Is this all?](#31.-is-this-all?)
+
+# 1\. What is the scope of the Terms? {#1.-what-is-the-scope-of-the-terms?}
+
+These Terms and Conditions (“**Terms**”) become part of any contract (“**Agreement**”) between you (“**you**”, “**yours**” or “**User**”) and Core Contributors GmbH (“**CC**”, “**we**”, “**our**” or “**us**”) provided we made these Terms accessible to you prior to entering into the Agreement and you consent to these Terms. We are a limited liability company registered with the commercial register of Berlin Charlottenburg under company number HRB 240421 B, with its registered office at c/o WeWork, Dircksenstr. 3, 10179 Berlin, Germany. You can contact us by writing to info@cc0x.dev.
+
+The Agreement is concluded by using the Mobile App, Web App and/or Browser Extension subject to these Terms. The use of our Services is only permitted to legal entities, partnerships and natural persons with unlimited legal capacity. In particular, minors are prohibited from using our Services.
+
+The application of your general terms and conditions is excluded. Your deviating, conflicting or supplementary general terms and conditions shall only become part of the Agreement if and to the extent that CC has expressly agreed to their application in writing. This consent requirement shall apply in any case, even if for example CC, being aware of your general terms and conditions, accepts payments by the contractual partner without reservations.
+
+We reserve the right to change these Terms at any time and without giving reasons, while considering and weighing your interests. The new Terms will be communicated to you in advance. If you do not accept the new Terms, you are no longer entitled to use the Services.
+
+# 2\. What do some of the capitalized terms mean in the Agreement? {#2.-what-do-some-of-the-capitalized-terms-mean-in-the-agreement?}
+
+“**Blockchain**” means a mathematically secured consensus ledger such as the Ethereum Virtual Machine, an Ethereum Virtual Machine compatible validation mechanism, or other decentralized validation mechanisms.
+
+“**Transaction**” means a change to the data set through a new entry in the continuous Blockchain.
+
+“**Smart Contract**” means a piece of source code deployed as an application on the Blockchain which can be executed, including self-execution of Transactions as well as execution triggered by 3rd parties.
+
+“**Token**” means a digital asset transferred in a Transaction, including ETH, ERC20, ERC721 and ERC1155 tokens.
+
+“**Wallet**” means a cryptographic storage solution permitting you to store cryptographic assets by correlation of a (i) Public Key and (ii) a Private Key, or a Smart Contract to receive, manage and send Tokens.
+
+“**Recovery Phrase**” means a series of secret words used to generate one or more Private Keys and derived Public Keys.
+
+“**Public Key**” means a unique sequence of numbers and letters within the Blockchain to distinguish the network participants from each other.
+
+“**Private Key**” means a unique sequence of numbers and/or letters required to initiate a Blockchain Transaction and should only be known by the legal owner of the Wallet.
+
+# 3\. What are the Services offered? {#3.-what-are-the-services-offered?}
+
+Our services (“**Services**”) primarily consist of enabling users to create their Safe Accounts and ongoing interaction with it on the Blockchain.
+
+1. “**Safe Account**”
+
+A Safe Account is a modular, self-custodial (i.e. not supervised by us) smart contract-based wallet not provided by CC. Safe Accounts are open-source released under LGPL-3.0.
+
+Smart contract wallet means, unlike a standard private key Wallet, that access control for authorizing any Transaction is defined in code. An example are multi-signature wallets which require that any Transaction must be signed by a minimum number of signing wallets whereby the specifics of the requirements to authorize a Transaction can be configured in code.
+
+Owners need to connect a signing wallet with a Safe Account. Safe Accounts are compatible inter alia with standard private key Wallets such as hardware wallets, browser extension wallets and mobile wallets that support WalletConnect.
+
+2. “**Safe{Wallet} App**”
+
+You may access Safe Accounts using the Safe{Wallet} web app, mobile app for iOS and android, or the browser extension (each a “Safe{Wallet} App”). The Safe{Wallet} App may be used to manage your personal digital assets on Ethereum and other common EVM chains when you connect a Safe Account with third-party services (as defined below). The Safe{Wallet} App provides certain features that may be amended from time to time.
+
+3. “**Third-Party Safe Apps**”
+
+The Safe{Wallet} App allows you to connect Safe Accounts to third-party applications (“Third-Party Safe Apps”) and use third-party services such as from the decentralized finance sector, DAO tools or services related to NFTs (“Third-Party Services"). The Third-Party Safe Apps are integrated in the user interface of the Safe{Wallet} App via inline framing. The provider of the Third-Party Safe App and/or related Third-Party Services is responsible for the operation of the service and the correctness, completeness and actuality of any information provided therein. We make a pre-selection of Third-Party Safe Apps that we show in the Safe{Wallet} App. However, we only perform a rough triage in advance for obvious problems and functionality in terms of loading time and resolution capability of the transactions. Accordingly, in the event of any (technical) issues concerning the Third-Party Services, the user must only contact the respective service provider directly. The terms of service, if any, shall be governed by the applicable contractual provisions between the User and the respective provider of the Third-Party Safe Apps or Third-Party Services. Accordingly, we are not liable in the event of a breach of contract, damage or loss related to the use of such Third-Party Safe Apps or Third-Party Services.
+
+# 4\. What do the Services not consist of? {#4.-what-do-the-services-not-consist-of?}
+
+Our Services do not consist of:
+
+1. activity regulated by the Federal Financial Supervisory Authority (BaFin) or any other regulatory agency in any jurisdiction;
+
+2. coverage underwritten by any regulatory agency’s compensation scheme;
+
+3. custody of your Recovery Phrase, Private Keys, Tokens or the ability to remove or freeze your Tokens, i.e. a Safe Account is a self-custodial wallet;
+
+4. the storage or transmission of fiat currencies;
+
+5. back-up services to recover your Recovery Phrase or Private Keys, for whose safekeeping you are solely responsible; CC has no means to recover your access to your Tokens, when you lose access to your Safe Account;
+
+6. any form of legal, financial, investment, accounting, tax or other professional advice regarding Transactions and their suitability to you;
+
+7. the responsibility to monitor authorized Transactions or to check the correctness or completeness of Transactions before you are authorizing them;
+
+8. notifications about events occurring in or connection with your Safe Account;
+
+9. recovery of your Safe Account;
+
+10. flagging malicious transactions;
+
+11. issuance of the Safe Token and any related functionalities or reward programs.
+
+# 5\. What do you need to know about Third-Party Safe Apps and Third-Party Services? {#5.-what-do-you-need-to-know-about-third-party-safe-apps-and-third-party-services?}
+
+1. You may view, have access to, and may use Third-Party Safe Apps and Third-Party Services within the Safe{Wallet} App. You view, access, or use Third-Party Safe Apps and Third-Party Services at your own election. Your reliance on Third-Party Safe Apps and Third-Party Services is subject to separate terms and conditions set forth by the applicable third party content and/or service provider (“Third-Party Terms”). Third-Party Terms may, amongst other things,
+
+   1. involve separate fees and charges,
+
+   2. include disclaimers or risk warnings,
+
+   3. apply a different terms and privacy policy.
+
+2. It is your responsibility to understand the Third-Party Terms, including how Third-Party Safe Apps and Third-Party Services use any of your information under their privacy policies.
+
+3. Third-Party Safe Apps and Third-Party Services are provided for your convenience only. We do not verify or control Third-Party Safe Apps and Third-Party Services.
+
+4. If we offer access to Third-Party Safe Apps and Third-Party Services in the Safe App free of charge by us (third-parties may charge separate fees), the liability for providing access to such Third-Party Safe Apps and Third-Party Services is limited pursuant to Section 18 below. Furthermore we reserve the right to cease to provide access to those Third-Party Safe Apps and Third-Party Services through the Safe{Wallet} App without notice.
+
+5. The Services rely in part on third-party and open-source software, including the Blockchain, and the continued development and support by third parties. There is no assurance or guarantee that those third parties will maintain their support of their software or that open-source software will continue to be maintained. This may have a material adverse effect on the Services.
+
+6. This means specifically:
+
+* We do not have any oversight over your activities with Third-Party Services especially by using Third-Party Safe Apps, and therefore we do not and cannot make any representation regarding their appropriateness and suitability for you.
+
+* Third-Party Safe Apps and Third-Party Services are not hosted, owned, controlled or maintained by us. We also do not participate in the Transaction and will not and cannot monitor, verify, censor or edit the functioning or content of any Third-Party Safe Apps and Third-Party Service.
+
+* We have not conducted any security audit, bug bounty or formal verification (whether internal or external) of the Third-Party Safe Apps and Third-Party Services.
+
+* We have no control over, do not recommend, endorse, or otherwise take a position on the integrity, functioning of, content and your use of Third-Party Safe Apps and Third-Party Services, whose sole responsibility lies with the person from whom such services or content originated.
+
+* When you access or use Third-Party Safe Apps and Third-Party Services you accept that there are risks in doing so and that you alone assume any such risks when choosing to interact with them. We are not liable for any errors or omissions or for any damages or loss you might suffer through interacting with those Third-Party Safe Apps and Third-Party Services.
+
+* You know of the inherent risks of cryptographic and Blockchain-based systems and the high volatility of Token markets. Transactions undertaken in the Blockchain are irrevocable and irreversible and there is no possibility to refund Token that have been deployed.
+
+* You should read the license requirements, terms and conditions as well as privacy policy of each Third-Party Safe Apps and Third-Party Service that you access or use. Certain Third-Party Safe Apps and Third-Party Services may involve complex Transactions that entail a high degree of risk.
+
+* If you contribute integrations to Third-Party Safe Apps and Third-Party Services, you are responsible for all content you contribute, in any manner, and you must have all rights necessary to do so, in the manner in which you contribute it. You are responsible for all your activity in connection with any such Third-Party Safe Apps and Third-Party Services.
+
+* Your interactions with persons found on or through the Third-Party Safe Apps and and Third-Party Services, including payment and delivery of goods and services, financial transactions, and any other terms associated with such dealings, are solely between you and such persons. You agree that we shall not be responsible or liable for any loss or damage of any sort incurred as the result of any such dealings.
+
+* If there is a dispute between you and the Third-Party Safe Apps or Third-Party Services provider or/and other users of the Third-Party Safe Apps or Third-Party Service, you agree that we are under no obligation to become involved. In the event that you have a dispute with one or more other users, you release us, our officers, employees, agents, contractors and successors from claims, demands, and damages of every kind or nature, known or unknown, suspected or unsuspected, disclosed or undisclosed, arising out of or in any way related to such disputes and/or our Services.
+
+# 6\. What are the fees for the Services? {#6.-what-are-the-fees-for-the-services?}
+
+1. The use of the Safe{Wallet} App, Third-Party Safe Apps or Third-Party Services may cause fees, including network fees, as indicated in the respective app. CC has no control over the fees charged by the Third-Party Safe Apps or Third Party Services. CC may change its own fees at any time. Price changes will be communicated to the User in due time before taking effect.
+
+2. The User is only entitled to offset and/or assert rights of retention if his counterclaims are legally established, undisputed or recognized by CC.
+
+# 7\. Are we responsible for the security of your Private Keys, Recovery Phrase or other credentials? {#7.-are-we-responsible-for-the-security-of-your-private-keys,-recovery-phrase-or-other-credentials?}
+
+1. We shall not be responsible to secure your Private Keys, Recovery Phrase, credentials or other means of authorization of your wallet(s).
+
+2. You must own and control any wallet you use in connection with our Services. You are responsible for implementing all appropriate measures for securing any wallet you use, including any Private Key(s), Recovery Phrase, credentials or other means of authorization necessary to access such storage mechanism(s).
+
+3. We exclude any and all liability for any security breaches or other acts or omissions, which result in your loss of access or custody of any cryptographic assets stored thereon.
+
+# 8\. Are we responsible for recovering your Safe Account? {#8.-are-we-responsible-for-recovering-your-safe-account?}
+
+1. We shall not be responsible for recovering your Safe Account.
+
+2. You are solely responsible for securing a back-up of your Safe Account access as you see fit.
+
+3. Any recovery feature we provide access to within the Safe{Wallet} App is a mechanism controlled by your Safe Account on the Blockchain, both of which we don’t have any influence over once you have set it up. We will never act as a recoverer ourselves and don’t offer recovery services. The Self Custodial Recovery feature allows you to determine your own recovery setup and nominate anyone including yourself as your recoverer. The recoverer can start the recovery process at any time. Please note that we are not responsible for notifying you of this process (see Section 7 above). Furthermore we reserve the right to cease the access to the Self Custodial Recovery feature via our Safe{Wallet} App taking the user’s reasonable interests into account and providing due notification.
+
+4. The recovery feature is provided free of charge and liability is limited pursuant to Section 18 below.
+
+# 9\. Are we responsible for notifying you about events occuring in your Safe Account? {#9.-are-we-responsible-for-notifying-you-about-events-occuring-in-your-safe-account?}
+
+1. We shall not be responsible for notifying you of any interactions or events occurring in your Safe Account, be it on the Blockchain, third-party interfaces, within any other infrastructure, or our Services.
+
+2. You are responsible for monitoring Safe Account as you see fit.
+
+3. Any notification service we provide or offer for subscription within the Safe{Wallet} App via e-mail or push notifications or any other means of communication is provided free of charge and liability is limited pursuant to Section 18 below. Furthermore we reserve the right to change the notification feature from time to time or cease to provide them without notice.
+
+# 10\. Are we responsible for flagging malicious transactions? {#10.-are-we-responsible-for-flagging-malicious-transactions?}
+
+1. We shall not be responsible for flagging malicious transactions in our Safe{Wallet} App.
+
+2. You are solely responsible for checking any transaction, address, Token or other item you interact with via your Smart Account in our Safe{Wallet} App.
+
+5. Any security flagging or warning service we provide or offer for subscription within the Safe{Wallet} App is provided free of charge and liability is limited pursuant to Section 18 below. Furthermore we reserve the right to change the feature from time to time or cease to provide them without notice.
+
+# 11\. Are we responsible for the issuance of the Safe Token and any related functionalities or reward programs? {#11.-are-we-responsible-for-the-issuance-of-the-safe-token-and-any-related-functionalities-or-reward-programs?}
+
+1. The Safe Token is issued by the Safe Ecosystem Foundation. We are not the issuer or in any way responsible for the Safe Token. Furthermore, we do not provide any functionalities to the Safe Token or Safe Token reward programs.
+
+2. You are solely responsible for managing your Safe Tokens just like any other Token in your Safe Account and solely responsible for your eligibility for any reward programs.
+
+3. Any interface we provide that allows you to claim or delegate your Safe Tokens or to participate in any third party program related to Safe Tokens is provided free of charge and we exclude any and all liability for the correctness, completeness, speed or timeliness of these services. Furthermore we reserve the right to change the feature from time to time or cease to provide them without notice.
+
+# 12\. What is Cloud Storage and the Spaces feature? {#12.-what-is-cloud-storage-and-the-spaces-feature?}
+
+1. We offer an optional cloud storage service for user created metadata to improve user experience and data management called Spaces. By opting into this service, your metadata, which is by default stored in your browser's local storage, will instead be stored in our private database. The metadata may include, amongst other things:
+
+   1. Safe Accounts you created;
+
+   2. Counterfactual Safe Accounts you created;
+
+   3. Address book you created;
+
+   4. Safe names you attributed;
+
+   5. Signer names you attributed;
+
+   6. Watchlist you created (read-only Safe Accounts).
+
+2. The cloud storage also allows you to share your metadata with others by creating a shared set of metadata (“Spaces”), adding other users’ Wallet addresses to this Space, and them accepting. By creating or joining a Space, users acknowledge and agree to the following:
+
+* Users are solely responsible for verifying the identity of members they add to a Space. Users must not add others without their explicit consent. We do not verify or endorse Spacemembers or their actions.
+
+* Users must ensure that any metadata they add or share within aSpace complies with all applicable laws and regulations, including but not limited to data protection laws.
+
+* Users must not share or store metadata that is unlawful, fraudulent, misleading, or violates the rights of any third party. We do not assume any responsibility for any metadata shared within a Space.
+
+* We do not intend for users to process personal data via this feature. However, if a user chooses to process personal data within a Space , they are responsible for ensuring compliance with applicable data protection laws. In such cases, the user must inform us in advance and request a Data Processing Agreement (DPA). We reserve the right to refuse or impose conditions on such data processing.
+
+3. Any cloud storage of metadata we provide or offer within the Safe{Wallet} App is provided free of charge and liability is limited pursuant to Section 18 below. Furthermore we reserve the right to change the feature from time to time or cease to provide it with one week notice, prompting the deletion of your metadata from our database while retaining a copy in your local browser storage.
+
+# 13\. Can we terminate or limit your right to use our Services? {#13.-can-we-terminate-or-limit-your-right-to-use-our-services?}
+
+1. We may cease offering our Services and/or terminate the Agreement and refuse access to the Safe{Wallet} App at any time. The right of the parties to terminate the Agreement at any time for cause remains unaffected. In case of our termination of the Agreement, you may no longer access your Safe Account via our Services. However, you may continue to access your Safe Account and any Tokens via a third-party wallet provider using your Recovery Phrase and Private Keys.
+
+2. We reserve the right to limit the use of the Safe{Wallet} App to a specified number of Users if necessary to protect or ensure the stability and integrity of the Services. We will only be able to limit access to the Services. At no time will we be able to limit or block access to or transfer your funds without your consent.
+
+# 14\. Can you terminate your Agreement with us? {#14.-can-you-terminate-your-agreement-with-us?}
+
+You may terminate the Agreement at any time without notice.
+
+# 15\. What licenses and access do we grant to you? {#15.-what-licenses-and-access-do-we-grant-to-you?}
+
+1. All intellectual property rights in Safe Accounts and the Services throughout the world belong to us as owner or our licensors. Nothing in these Terms gives you any rights in respect of any intellectual property owned by us or our licensors and you acknowledge that you do not acquire any ownership rights by downloading the Safe{Wallet} App or any content from the Safe{Wallet} App.
+
+2. If you are a consumer we grant you a simple, limited license, but do not sell, to you the Services you download solely for your own personal, non-commercial use.
+
+# 16\. What can you expect from the Services and can we make changes to them? {#16.-what-can-you-expect-from-the-services-and-can-we-make-changes-to-them?}
+
+1. Without limiting your mandatory warranties, we provide the Services to you “as is” and “as available” in relation to merchantability, fitness for a particular purpose, availability, security, title or non-infringement.
+
+2. If you use the Safe{Wallet} App via web browser, the strict liability of CC for damages (sec. 536a German Civil Code) for defects existing at the time of conclusion of the contract is precluded.
+
+3. The foregoing provisions will not limit CC’s liability as defined in Clause 18\.
+
+4. We reserve the right to change the format and features of the Services by making any updates to Services available for you to download or, where your device settings permit it, by automatic delivery of updates.
+
+5. You are not obliged to download the updated Services, but we may cease to provide and/or update prior versions of the Services and, depending on the nature of the update, in some circumstances you may not be able to continue using the Services until you have downloaded the updated version.
+
+6. We may cease to provide and/or update content to the Services, with or without notice to you, if it improves the Services we provide to you, or we need to do so for security, legal or any other reasons.
+
+# 17\. What do you agree, warrant and represent? {#17.-what-do-you-agree,-warrant-and-represent?}
+
+By using our Services you hereby agree, represent and warrant that:
+
+1. You are not a citizen, resident, or member of any jurisdiction or group that is subject to economic sanctions by the European Union or the United States or any other relevant jurisdiction.
+
+2. You do not appear on HMT Sanctions List, the U.S. Treasury Department’s Office of Foreign Asset Control’s sanctions lists, the U.S. commerce department's consolidated screening list, the EU consolidated list of persons, groups or entities subject to EU Financial Sanctions, nor do you act on behalf of a person sanctioned thereunder.
+
+3. You have read and understood these Terms and agree to be bound by its terms.
+
+4. Your usage of our Services is legal under the laws of your jurisdiction or under the laws of any other jurisdiction to which you may be subject.
+
+5. You won’t use the Services or interact with the Services in a manner that violates any law or regulation, including, without limitation, any applicable export control laws.
+
+6. You understand the functionality, usage, storage, transmission mechanisms and intricacies associated with Tokens as well as wallet (including Safe Account) and Blockchains.
+
+7. You understand that Transactions on the Blockchain are irreversible and may not be erased and that your Safe Account address and Transactions are displayed permanently and publicly.
+
+8. You will comply with any applicable tax obligations in your jurisdiction arising from your use of the Services.
+
+9. You will not misuse or gain unauthorized access to our Services by knowingly introducing viruses, cross-site scripting, Trojan horses, worms, time-bombs, keystroke loggers, spyware, adware or any other harmful programs or similar computer code designed to adversely affect our Services and that in the event you do so or otherwise attack our Services, we reserve the right to report any such activity to the relevant law enforcement authorities and we will cooperate with those authorities as required.
+
+10. You won’t access without authority, interfere with, damage or disrupt any part of our Services, any equipment or network on which our Services is stored, any software used in the provision of our Services or any equipment or network or software owned or used by any third party.
+
+11. You won’t use our Services for activities that are unlawful or fraudulent or have such purpose or effect or otherwise support any activities that breach applicable local, national or international law or regulations.
+
+12. You won’t use our Services to store, trade or transmit Tokens that are proceeds of criminal or fraudulent activity.
+
+13. You understand that the Services and the underlying Blockchain are in an early development stage and we accordingly do not guarantee an error-free process and give no price or liquidity guarantee.
+
+14. You are using the Services at your own risk.
+
+# 18\. What about our liability to you? {#18.-what-about-our-liability-to-you?}
+
+1. If the Safe{Wallet} App or Services are provided to the User free of charge (please note, in this context, that any service, network, and/or transaction fees may be charged by third parties via the Blockchain and not necessarily by us), CC shall be liable only in cases of intent, gross negligence, or if CC has fraudulently concealed a possible material or legal defect of the Safe{Wallet} App or Services.
+2. If the Safe{Wallet} App or Services are not provided to the User free of charge, CC shall be liable only (i) in cases pursuant to Clause 18.1 as well as (ii) in cases of simple negligence for damages resulting from the breach of an essential contractual duty, a duty, the performance of which enables the proper execution of this Agreement in the first place and on the compliance of which the User regularly relies and may rely, whereby CC’s liability shall be limited to the compensation of the foreseeable, typically occurring damage. The Parties agree that the typical foreseeable damage equals the sum of the annual Fees paid or agreed to be paid by the User to CC during the course of the calendar year in which the event giving rise to the damage claim occurred. Liability in cases of simple negligence for damages resulting from the breach of a non-essential contractual duty are excluded.
+3. The limitations of liability according to Clause 18.1 and Clause 18.2 do not apply (i) to damages resulting from injury to life, body or health, (ii) insofar as CC has assumed a guarantee, (iii) to claims of the User according to the Product Liability Act and (iv) to claims of the User according to the applicable data protection law.
+4. The limitation of liability also applies to the personal liability of the organs, legal representatives, employees and vicarious agents of CC.
+5. If the User suffers damages due to the loss of data, CC is not liable for this, insofar as the damage would have been avoided by a regular and complete backup of all relevant data by the User.
+6. In the event of disruptions to the technical infrastructure, the internet connection or a relevant Blockchain that we are not responsible for, we shall be exempt from our obligation to perform. This also applies if we are prevented from performing due to force majeure or other circumstances, the elimination of which is not possible or cannot be economically expected of CC.
+
+# 19\. What about viruses, bugs and security vulnerabilities? {#19.-what-about-viruses,-bugs-and-security-vulnerabilities?}
+
+1. We endeavor to provide our Service free from material bugs, security vulnerabilities or viruses.
+
+2. You are responsible for configuring your information technology and computer programmes to access our Services and to use your own virus protection software.
+
+3. If you become aware of any exploits, bugs or vulnerabilities, please inform bounty@safe.global.
+
+4. You must not misuse our Services by knowingly introducing material that is malicious or technologically harmful. If you do, your right to use our Services will cease immediately.
+
+# 20\. What if an event outside our control happens that affects our Services? {#20.-what-if-an-event-outside-our-control-happens-that-affects-our-services?}
+
+1. We may update and change our Services from time to time. We may suspend or withdraw or restrict the availability of all or any part of our Services for business, operational or regulatory reasons or because of a Force Majeure Event at no notice.
+
+2. A “Force Majeure Event” shall mean any event, circumstance or cause beyond our reasonable control, which prevents, hinders or delays the provision of our Services or makes their provision impossible or onerous, including, without limitation:
+
+* acts of God, flood, storm, drought, earthquake or other natural disaster;
+
+* epidemic or pandemic (for the avoidance of doubt, including the 2020 Coronavirus Pandemic);
+
+* terrorist attack, hacking or cyber threats, civil war, civil commotion or riots, war, threat of or preparation for war, armed conflict, imposition of sanctions, embargo, or breaking off of diplomatic relations;
+
+* equipment or software malfunction or bugs including network splits or forks or unexpected changes in the Blockchain, as well as hacks, phishing attacks, distributed denials of service or any other security attacks;
+
+* nuclear, chemical or biological contamination;
+
+* any law statutes, ordinances, rules, regulations, judgments, injunctions, orders and decrees or any action taken by a government or public authority, including without limitation imposing a prohibition, or failing to grant a necessary license or consent;
+
+* collapse of buildings, breakdown of plant or machinery, fire, explosion or accident; and
+
+* strike, industrial action or lockout.
+
+3. We shall not be liable or responsible to you, or be deemed to have defaulted under or breached this Agreement, for any failure or delay in the provision of the Services or the performance of this Agreement, if and to the extent such failure or delay is caused by or results from or is connected to acts beyond our reasonable control, including the occurrence of a Force Majeure Event.
+
+# 21\. Who is responsible for your tax liabilities? {#21.-who-is-responsible-for-your-tax-liabilities?}
+
+You are solely responsible to determine if your use of the Services have tax implications, in particular income tax and capital gains tax relating to the purchase or sale of Tokens, for you. By using the Services you agree not to hold us liable for any tax liability associated with or arising from the operation of the Services or any other action or transaction related thereto.
+
+# 22\. What if a court disagrees with part of this Agreement? {#22.-what-if-a-court-disagrees-with-part-of-this-agreement?}
+
+Should individual provisions of these Terms be or become invalid or unenforceable in whole or in part, this shall not affect the validity of the remaining provisions. The invalid or unenforceable provision shall be replaced by the statutory provision. If there is no statutory provision or if the statutory provision would lead to an unacceptable result, the parties shall enter negotiations to replace the invalid or unenforceable provision with a valid provision that comes as close as possible to the economic purpose of the invalid or unenforceable provision.
+
+# 23\. What if we do not enforce certain rights under this Agreement? {#23.-what-if-we-do-not-enforce-certain-rights-under-this-agreement?}
+
+Our failure to exercise or enforce any right or remedy provided under this Agreement or by law shall not constitute a waiver of that or any other right or remedy, nor shall it prevent or restrict any further exercise of that or any other right or remedy.
+
+# 24\. Do third parties have rights? {#24.-do-third-parties-have-rights?}
+
+Unless it expressly states otherwise, this Agreement does not give rise to any third-party rights, which may be enforced against us.
+
+# 25\. Can this Agreement be assigned? {#25.-can-this-agreement-be-assigned?}
+
+1. We are entitled to transfer our rights and obligations under the Agreement in whole or in part to third parties with a notice period of four weeks. In this case, you have the right to terminate the Agreement without notice.
+
+2. You shall not be entitled to assign this Agreement to any third party without our express prior written consent.
+
+# 26\. Which Clauses of this Agreement survive termination? {#26.-which-clauses-of-this-agreement-survive-termination?}
+
+All covenants, agreements, representations and warranties made in this Agreement shall survive your acceptance of this Agreement and its termination.
+
+# 27\. Data Protection {#27.-data-protection}
+
+We inform you about our processing of personal data, including the disclosure to third parties and your rights as an affected party, in the Privacy Policy.
+
+# 28\. Which laws apply to the Agreement? {#28.-which-laws-apply-to-the-agreement?}
+
+The Agreement including these Terms shall be governed by German law. The application of the UN Convention on Contracts for the International Sale of Goods is excluded. For consumers domiciled in another European country but Germany, the mandatory provisions of the consumer protection laws of the member state in which the consumer is domiciled shall also apply, provided that these are more advantageous for the consumer than the provisions of the German law.
+
+# 29\. How can you get support for Safe Accounts and tell us about any problems? {#29.-how-can-you-get-support-for-safe-accounts-and-tell-us-about-any-problems?}
+
+If you want to learn more about Safe Accounts or the Service or have any problems using them or have any complaints please get in touch via any of the following channels:
+
+1. Intercom: https://help.safe.global
+2. Discord: https://chat.safe.global
+3. Twitter: https://twitter.com/safe
+
+# 30\. Where is the place of legal proceedings? {#30.-where-is-the-place-of-legal-proceedings?}
+
+For users who are merchants within the meaning of the German Commercial Code (Handelsgesetzbuch), a special fund (Sondervermögen) under public law or a legal person under public law, Berlin shall be the exclusive place of jurisdiction for all disputes arising from the contractual relationship.
+
+# 31\. Is this all? {#31.-is-this-all?}
+
+These Terms constitute the entire agreement between you and us in relation to the Agreement’s subject matter. It replaces and extinguishes any and all prior agreements, draft agreements, arrangements, warranties, statements, assurances, representations and undertakings of any nature made by, or on behalf of either of us, whether oral or written, public or private, in relation to that subject matter.  
diff --git a/apps/web/src/markdown/terms/version.js b/apps/web/src/markdown/terms/version.js
new file mode 100644
index 000000000..851c11ce4
--- /dev/null
+++ b/apps/web/src/markdown/terms/version.js
@@ -0,0 +1,3 @@
+// 'version' is used in cypress.config.js. If you need to misplace it please update the file accordingly.
+export const version = '1.3'
+export const lastUpdated = 'April, 2025'
diff --git a/src/pages/403.tsx b/apps/web/src/pages/403.tsx
similarity index 100%
rename from src/pages/403.tsx
rename to apps/web/src/pages/403.tsx
diff --git a/src/pages/404.tsx b/apps/web/src/pages/404.tsx
similarity index 100%
rename from src/pages/404.tsx
rename to apps/web/src/pages/404.tsx
diff --git a/src/pages/_app.tsx b/apps/web/src/pages/_app.tsx
similarity index 83%
rename from src/pages/_app.tsx
rename to apps/web/src/pages/_app.tsx
index 916175595..49be87886 100644
--- a/src/pages/_app.tsx
+++ b/apps/web/src/pages/_app.tsx
@@ -1,4 +1,5 @@
-import { SentryErrorBoundary } from '@/services/sentry' // needs to be imported first
+import Analytics from '@/services/analytics/Analytics'
+import { SentryErrorBoundary } from '@/services/sentry'
 import type { ReactNode } from 'react'
 import { type ReactElement } from 'react'
 import { type AppProps } from 'next/app'
@@ -8,10 +9,11 @@ import CssBaseline from '@mui/material/CssBaseline'
 import type { Theme } from '@mui/material/styles'
 import { ThemeProvider } from '@mui/material/styles'
 import { setBaseUrl as setGatewayBaseUrl } from '@safe-global/safe-gateway-typescript-sdk'
+import { setBaseUrl as setNewGatewayBaseUrl } from '@safe-global/safe-client-gateway-sdk'
 import { CacheProvider, type EmotionCache } from '@emotion/react'
 import SafeThemeProvider from '@/components/theme/SafeThemeProvider'
 import '@/styles/globals.css'
-import { IS_PRODUCTION, GATEWAY_URL_STAGING, GATEWAY_URL_PRODUCTION } from '@/config/constants'
+import { BRAND_NAME } from '@/config/constants'
 import { makeStore, useHydrateStore } from '@/store'
 import PageLayout from '@/components/common/PageLayout'
 import useLoadableStores from '@/hooks/useLoadableStores'
@@ -25,7 +27,6 @@ import { useInitSession } from '@/hooks/useInitSession'
 import Notifications from '@/components/common/Notifications'
 import CookieAndTermBanner from 'src/components/common/CookieAndTermBanner'
 import { useDarkMode } from '@/hooks/useDarkMode'
-import { cgwDebugStorage } from '@/components/sidebar/DebugToggle'
 import { useTxTracking } from '@/hooks/useTxTracking'
 import { useSafeMsgTracking } from '@/hooks/messages/useSafeMsgTracking'
 import useGtm from '@/services/analytics/useGtm'
@@ -44,16 +45,22 @@ import WalletProvider from '@/components/common/WalletProvider'
 import CounterfactualHooks from '@/features/counterfactual/CounterfactualHooks'
 import PkModulePopup from '@/services/private-key-module/PkModulePopup'
 import GeoblockingProvider from '@/components/common/GeoblockingProvider'
-
-const GATEWAY_URL = IS_PRODUCTION || cgwDebugStorage.get() ? GATEWAY_URL_PRODUCTION : GATEWAY_URL_STAGING
+import { useVisitedSafes } from '@/features/myAccounts/hooks/useVisitedSafes'
+import OutreachPopup from '@/features/targetedOutreach/components/OutreachPopup'
+import { GATEWAY_URL } from '@/config/gateway'
+import { useDatadog } from '@/services/datadog'
+import useMixpanel from '@/services/analytics/useMixpanel'
 
 const reduxStore = makeStore()
 
 const InitApp = (): null => {
   setGatewayBaseUrl(GATEWAY_URL)
+  setNewGatewayBaseUrl(GATEWAY_URL)
   useHydrateStore(reduxStore)
   useAdjustUrl()
+  useDatadog()
   useGtm()
+  useMixpanel()
   useNotificationTracking()
   useInitSession()
   useLoadableStores()
@@ -68,6 +75,7 @@ const InitApp = (): null => {
   useTxTracking()
   useSafeMsgTracking()
   useBeamer()
+  useVisitedSafes()
 
   return null
 }
@@ -96,22 +104,22 @@ export const AppProviders = ({ children }: { children: ReactNode | ReactNode[] }
   )
 }
 
-interface WebCoreAppProps extends AppProps {
+interface SafeWalletAppProps extends AppProps {
   emotionCache?: EmotionCache
 }
 
-const WebCoreApp = ({
+const SafeWalletApp = ({
   Component,
   pageProps,
   router,
   emotionCache = clientSideEmotionCache,
-}: WebCoreAppProps): ReactElement => {
+}: SafeWalletAppProps): ReactElement => {
   const safeKey = useChangedValue(router.query.safe?.toString())
 
   return (
     <Provider store={reduxStore}>
       <Head>
-        <title key="default-title">{'Rootstock Safe'}</title>
+        <title key="default-title">{BRAND_NAME}</title>
         <MetaTags prefetchUrl={GATEWAY_URL} />
       </Head>
 
@@ -127,12 +135,16 @@ const WebCoreApp = ({
 
           <CookieAndTermBanner />
 
+          <OutreachPopup />
+
           <Notifications />
 
           <Recovery />
 
           <CounterfactualHooks />
 
+          <Analytics />
+
           <PkModulePopup />
         </AppProviders>
       </CacheProvider>
@@ -140,4 +152,4 @@ const WebCoreApp = ({
   )
 }
 
-export default WebCoreApp
+export default SafeWalletApp
diff --git a/src/pages/_document.tsx b/apps/web/src/pages/_document.tsx
similarity index 97%
rename from src/pages/_document.tsx
rename to apps/web/src/pages/_document.tsx
index 3e37351be..9c1323045 100644
--- a/src/pages/_document.tsx
+++ b/apps/web/src/pages/_document.tsx
@@ -48,7 +48,6 @@ const getInitialProps = async (ctx: DocumentContext) => {
     <style
       data-emotion={`${style.key} ${style.ids.join(' ')}`}
       key={style.key}
-      // eslint-disable-next-line react/no-danger
       dangerouslySetInnerHTML={{ __html: style.css }}
     />
   ))
diff --git a/src/pages/_offline.tsx b/apps/web/src/pages/_offline.tsx
similarity index 93%
rename from src/pages/_offline.tsx
rename to apps/web/src/pages/_offline.tsx
index af457e2ce..10c2025af 100644
--- a/src/pages/_offline.tsx
+++ b/apps/web/src/pages/_offline.tsx
@@ -2,12 +2,13 @@ import { Box, Paper, Typography } from '@mui/material'
 import WifiOffIcon from '@mui/icons-material/WifiOff'
 import type { NextPage } from 'next'
 import Head from 'next/head'
+import { BRAND_NAME } from '@/config/constants'
 
 const Offline: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Offline'}</title>
+        <title>{`${BRAND_NAME} – Offline`}</title>
       </Head>
 
       <main>
diff --git a/src/pages/addOwner.tsx b/apps/web/src/pages/addOwner.tsx
similarity index 89%
rename from src/pages/addOwner.tsx
rename to apps/web/src/pages/addOwner.tsx
index ac216708d..cc1052036 100644
--- a/src/pages/addOwner.tsx
+++ b/apps/web/src/pages/addOwner.tsx
@@ -5,6 +5,7 @@ import { useContext, useEffect } from 'react'
 import { TxModalContext } from '@/components/tx-flow'
 import { AddOwnerFlow } from '@/components/tx-flow/flows'
 import { AppRoutes } from '@/config/routes'
+import { BRAND_NAME } from '@/config/constants'
 
 const AddOwner: NextPage = () => {
   const router = useRouter()
@@ -23,7 +24,7 @@ const AddOwner: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Add Signer'}</title>
+        <title>{`${BRAND_NAME} – Add Signer`}</title>
       </Head>
     </>
   )
diff --git a/apps/web/src/pages/address-book.tsx b/apps/web/src/pages/address-book.tsx
new file mode 100644
index 000000000..744fea1f4
--- /dev/null
+++ b/apps/web/src/pages/address-book.tsx
@@ -0,0 +1,18 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+import AddressBookTable from '@/components/address-book/AddressBookTable'
+import { BRAND_NAME } from '@/config/constants'
+
+const AddressBook: NextPage = () => {
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Address book`}</title>
+      </Head>
+
+      <AddressBookTable />
+    </>
+  )
+}
+
+export default AddressBook
diff --git a/src/pages/apps/bookmarked.tsx b/apps/web/src/pages/apps/bookmarked.tsx
similarity index 82%
rename from src/pages/apps/bookmarked.tsx
rename to apps/web/src/pages/apps/bookmarked.tsx
index dd6a93159..34e657160 100644
--- a/src/pages/apps/bookmarked.tsx
+++ b/apps/web/src/pages/apps/bookmarked.tsx
@@ -3,6 +3,7 @@ import Head from 'next/head'
 import { useRouter } from 'next/router'
 import { useEffect } from 'react'
 import { AppRoutes } from '@/config/routes'
+import { BRAND_NAME } from '@/config/constants'
 
 const BookmarkedSafeApps: NextPage = () => {
   const router = useRouter()
@@ -14,7 +15,7 @@ const BookmarkedSafeApps: NextPage = () => {
 
   return (
     <Head>
-      <title>{'Rootstock Safe – Safe Apps'}</title>
+      <title>{`${BRAND_NAME} – Safe Apps`}</title>
     </Head>
   )
 }
diff --git a/src/pages/apps/custom.tsx b/apps/web/src/pages/apps/custom.tsx
similarity index 89%
rename from src/pages/apps/custom.tsx
rename to apps/web/src/pages/apps/custom.tsx
index defaf65d6..01224eeb6 100644
--- a/src/pages/apps/custom.tsx
+++ b/apps/web/src/pages/apps/custom.tsx
@@ -8,6 +8,8 @@ import SafeAppList from '@/components/safe-apps/SafeAppList'
 import SafeAppsSDKLink from '@/components/safe-apps/SafeAppsSDKLink'
 import { RemoveCustomAppModal } from '@/components/safe-apps/RemoveCustomAppModal'
 import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
+import { SAFE_APPS_LABELS } from '@/services/analytics'
+import { BRAND_NAME } from '@/config/constants'
 
 const CustomSafeApps: NextPage = () => {
   // TODO: create a custom hook instead of use useSafeApps
@@ -29,7 +31,7 @@ const CustomSafeApps: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Custom Safe Apps'}</title>
+        <title>{`${BRAND_NAME} – Custom Safe Apps`}</title>
       </Head>
 
       <SafeAppsSDKLink />
@@ -42,6 +44,7 @@ const CustomSafeApps: NextPage = () => {
           safeAppsList={customSafeApps}
           addCustomApp={addCustomApp}
           removeCustomApp={openRemoveCustomAppModal}
+          eventLabel={SAFE_APPS_LABELS.apps_custom}
         />
       </main>
 
diff --git a/apps/web/src/pages/apps/index.tsx b/apps/web/src/pages/apps/index.tsx
new file mode 100644
index 000000000..d6fbdd5ab
--- /dev/null
+++ b/apps/web/src/pages/apps/index.tsx
@@ -0,0 +1,107 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+import { useRouter } from 'next/router'
+import { useCallback, useEffect, useMemo } from 'react'
+import debounce from 'lodash/debounce'
+import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
+
+import { useSafeApps } from '@/hooks/safe-apps/useSafeApps'
+import SafeAppsSDKLink from '@/components/safe-apps/SafeAppsSDKLink'
+import SafeAppsHeader from '@/components/safe-apps/SafeAppsHeader'
+import SafeAppList from '@/components/safe-apps/SafeAppList'
+import { AppRoutes } from '@/config/routes'
+import useSafeAppsFilters from '@/hooks/safe-apps/useSafeAppsFilters'
+import SafeAppsFilters from '@/components/safe-apps/SafeAppsFilters'
+import { useHasFeature } from '@/hooks/useChains'
+import { SAFE_APPS_LABELS } from '@/services/analytics'
+import { BRAND_NAME } from '@/config/constants'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const SafeApps: NextPage = () => {
+  const router = useRouter()
+  const { remoteSafeApps, remoteSafeAppsLoading, pinnedSafeApps, pinnedSafeAppIds } = useSafeApps()
+  const { filteredApps, query, setQuery, setSelectedCategories, setOptimizedWithBatchFilter, selectedCategories } =
+    useSafeAppsFilters(remoteSafeApps)
+  const isFiltered = filteredApps.length !== remoteSafeApps.length
+  const isSafeAppsEnabled = useHasFeature(FEATURES.SAFE_APPS)
+
+  const featuredSafeApps = useMemo(() => {
+    // TODO: Remove assertion after migrating to new SDK
+    return remoteSafeApps.filter((app) => (app as SafeAppData & { featured: boolean }).featured)
+  }, [remoteSafeApps])
+
+  const nonPinnedApps = useMemo(
+    () => remoteSafeApps.filter((app) => !pinnedSafeAppIds.has(app.id)),
+    [remoteSafeApps, pinnedSafeAppIds],
+  )
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const onChangeQuery = useCallback(debounce(setQuery, 300), [])
+
+  // Redirect to an individual safe app page if the appUrl is in the query params
+  useEffect(() => {
+    const appUrl = router.query.appUrl as string
+    if (appUrl) {
+      router.push({ pathname: AppRoutes.apps.open, query: { safe: router.query.safe, appUrl } })
+    }
+  }, [router])
+
+  if (!isSafeAppsEnabled) return <></>
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Safe Apps`}</title>
+      </Head>
+
+      <SafeAppsSDKLink />
+
+      <SafeAppsHeader />
+
+      <main>
+        {/* Safe Apps Filters */}
+        <SafeAppsFilters
+          onChangeQuery={onChangeQuery}
+          onChangeFilterCategory={setSelectedCategories}
+          onChangeOptimizedWithBatch={setOptimizedWithBatchFilter}
+          selectedCategories={selectedCategories}
+          safeAppsList={remoteSafeApps}
+        />
+
+        {/* Pinned apps */}
+        {!isFiltered && pinnedSafeApps.length > 0 && (
+          <SafeAppList
+            title="My pinned apps"
+            safeAppsList={pinnedSafeApps}
+            bookmarkedSafeAppsId={pinnedSafeAppIds}
+            eventLabel={SAFE_APPS_LABELS.apps_pinned}
+          />
+        )}
+
+        {/* Featured apps */}
+        {!isFiltered && featuredSafeApps.length > 0 && (
+          <SafeAppList
+            title="Featured apps"
+            safeAppsList={featuredSafeApps}
+            bookmarkedSafeAppsId={pinnedSafeAppIds}
+            eventLabel={SAFE_APPS_LABELS.apps_featured}
+          />
+        )}
+
+        {/* All apps */}
+        <SafeAppList
+          title="All apps"
+          isFiltered={isFiltered}
+          safeAppsList={isFiltered ? filteredApps : nonPinnedApps}
+          safeAppsListLoading={remoteSafeAppsLoading}
+          bookmarkedSafeAppsId={pinnedSafeAppIds}
+          eventLabel={SAFE_APPS_LABELS.apps_all}
+          query={query}
+          showNativeSwapsCard
+        />
+      </main>
+    </>
+  )
+}
+
+export default SafeApps
diff --git a/src/pages/apps/open.tsx b/apps/web/src/pages/apps/open.tsx
similarity index 93%
rename from src/pages/apps/open.tsx
rename to apps/web/src/pages/apps/open.tsx
index 938e690dc..f01758d8f 100644
--- a/src/pages/apps/open.tsx
+++ b/apps/web/src/pages/apps/open.tsx
@@ -16,14 +16,17 @@ import useChainId from '@/hooks/useChainId'
 import { AppRoutes } from '@/config/routes'
 import { getOrigin } from '@/components/safe-apps/utils'
 import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
+
+import { FEATURES } from '@safe-global/utils/utils/chains'
 
 const SafeApps: NextPage = () => {
   const chainId = useChainId()
   const router = useRouter()
   const appUrl = useSafeAppUrl()
+  const appHostname = getOrigin(appUrl)
   const { allSafeApps, remoteSafeAppsLoading } = useSafeApps()
-  const safeAppData = allSafeApps.find((app) => app.url === appUrl)
+  const safeAppData =
+    allSafeApps.find((app) => app.url === appUrl) || allSafeApps.find((app) => getOrigin(app.url) === appHostname)
   const { safeApp, isLoading } = useSafeAppFromManifest(appUrl || '', chainId, safeAppData)
   const isSafeAppsEnabled = useHasFeature(FEATURES.SAFE_APPS)
 
diff --git a/apps/web/src/pages/balances/index.tsx b/apps/web/src/pages/balances/index.tsx
new file mode 100644
index 000000000..277f9310a
--- /dev/null
+++ b/apps/web/src/pages/balances/index.tsx
@@ -0,0 +1,54 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+
+import AssetsTable from '@/components/balances/AssetsTable'
+import AssetsHeader from '@/components/balances/AssetsHeader'
+import useBalances from '@/hooks/useBalances'
+import { useState } from 'react'
+
+import PagePlaceholder from '@/components/common/PagePlaceholder'
+import NoAssetsIcon from '@/public/images/balances/no-assets.svg'
+import HiddenTokenButton from '@/components/balances/HiddenTokenButton'
+import CurrencySelect from '@/components/balances/CurrencySelect'
+import TokenListSelect from '@/components/balances/TokenListSelect'
+import StakingBanner from '@/components/dashboard/StakingBanner'
+import useIsStakingBannerEnabled from '@/features/stake/hooks/useIsStakingBannerEnabled'
+import { Box } from '@mui/material'
+import { BRAND_NAME } from '@/config/constants'
+
+const Balances: NextPage = () => {
+  const { error } = useBalances()
+  const [showHiddenAssets, setShowHiddenAssets] = useState(false)
+  const toggleShowHiddenAssets = () => setShowHiddenAssets((prev) => !prev)
+  const isStakingBannerEnabled = useIsStakingBannerEnabled()
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Assets`}</title>
+      </Head>
+
+      <AssetsHeader>
+        <HiddenTokenButton showHiddenAssets={showHiddenAssets} toggleShowHiddenAssets={toggleShowHiddenAssets} />
+        <TokenListSelect />
+        <CurrencySelect />
+      </AssetsHeader>
+
+      <main>
+        {isStakingBannerEnabled && (
+          <Box mb={2}>
+            <StakingBanner />
+          </Box>
+        )}
+
+        {error ? (
+          <PagePlaceholder img={<NoAssetsIcon />} text="There was an error loading your assets" />
+        ) : (
+          <AssetsTable setShowHiddenAssets={setShowHiddenAssets} showHiddenAssets={showHiddenAssets} />
+        )}
+      </main>
+    </>
+  )
+}
+
+export default Balances
diff --git a/src/pages/balances/nfts.tsx b/apps/web/src/pages/balances/nfts.tsx
similarity index 75%
rename from src/pages/balances/nfts.tsx
rename to apps/web/src/pages/balances/nfts.tsx
index 7502a3111..2b81ccf96 100644
--- a/src/pages/balances/nfts.tsx
+++ b/apps/web/src/pages/balances/nfts.tsx
@@ -5,23 +5,37 @@ import { Grid, Skeleton, Typography } from '@mui/material'
 import AssetsHeader from '@/components/balances/AssetsHeader'
 import NftCollections from '@/components/nfts/NftCollections'
 import SafeAppCard from '@/components/safe-apps/SafeAppCard'
-import { SafeAppsTag } from '@/config/constants'
+import { BRAND_NAME, SafeAppsTag } from '@/config/constants'
 import { useRemoteSafeApps } from '@/hooks/safe-apps/useRemoteSafeApps'
 
 // `React.memo` requires a `displayName`
 const NftApps = memo(function NftApps(): ReactElement | null {
-  const [nftApps] = useRemoteSafeApps(SafeAppsTag.NFT)
+  const [nftApps] = useRemoteSafeApps({ tag: SafeAppsTag.NFT })
 
   if (nftApps?.length === 0) {
     return null
   }
 
   return (
-    <Grid item sm={12} lg={3} order={{ lg: 1 }}>
-      <Typography component="h2" variant="subtitle1" fontWeight={700} mb={2} mt={0.75}>
+    <Grid
+      item
+      sm={12}
+      lg={3}
+      sx={{
+        order: { lg: 1 },
+      }}
+    >
+      <Typography
+        component="h2"
+        variant="subtitle1"
+        sx={{
+          fontWeight: 700,
+          mb: 2,
+          mt: 0.75,
+        }}
+      >
         NFT Safe Apps
       </Typography>
-
       <Grid container spacing={3}>
         {nftApps ? (
           nftApps.map((nftSafeApp) => (
@@ -43,7 +57,7 @@ const NFTs: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – NFTs'}</title>
+        <title>{`${BRAND_NAME} – NFTs`}</title>
       </Head>
 
       <AssetsHeader />
diff --git a/apps/web/src/pages/bridge.tsx b/apps/web/src/pages/bridge.tsx
new file mode 100644
index 000000000..26a76ab6d
--- /dev/null
+++ b/apps/web/src/pages/bridge.tsx
@@ -0,0 +1,18 @@
+import Head from 'next/head'
+import type { NextPage } from 'next'
+
+import { Bridge } from '@/features/bridge/components/Bridge'
+import { BRAND_NAME } from '@/config/constants'
+
+const BridgePage: NextPage = () => {
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Bridge`}</title>
+      </Head>
+      <Bridge />
+    </>
+  )
+}
+
+export default BridgePage
diff --git a/apps/web/src/pages/cookie.tsx b/apps/web/src/pages/cookie.tsx
new file mode 100644
index 000000000..731e00d9b
--- /dev/null
+++ b/apps/web/src/pages/cookie.tsx
@@ -0,0 +1,31 @@
+import { COOKIE_LINK } from '@/config/constants'
+import { Typography } from '@mui/material'
+import { useEffect, useState } from 'react'
+import ReactMarkdown from 'react-markdown'
+
+const CookiePolicy = () => {
+  const [content, setContent] = useState<string>('')
+
+  useEffect(() => {
+    const fetchContent = async () => {
+      try {
+        const response = await fetch(COOKIE_LINK)
+        let text = await response.text()
+        text = text.replace(/\${origin}/g, window.location.origin)
+        setContent(text)
+      } catch (error) {
+        console.error('Error fetching cookie policy:', error)
+      }
+    }
+
+    fetchContent()
+  }, [])
+
+  return (
+    <main>
+      {content ? <ReactMarkdown>{content}</ReactMarkdown> : <Typography>Loading cookie policy...</Typography>}
+    </main>
+  )
+}
+
+export default CookiePolicy
diff --git a/apps/web/src/pages/earn.tsx b/apps/web/src/pages/earn.tsx
new file mode 100644
index 000000000..4937285de
--- /dev/null
+++ b/apps/web/src/pages/earn.tsx
@@ -0,0 +1,33 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+import dynamic from 'next/dynamic'
+import { Typography } from '@mui/material'
+import { BRAND_NAME } from '@/config/constants'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import { useHasFeature } from '@/hooks/useChains'
+
+const LazyEarnPage = dynamic(() => import('@/features/earn'), { ssr: false })
+
+const EarnPage: NextPage = () => {
+  const isFeatureEnabled = useHasFeature(FEATURES.EARN)
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Earn`}</title>
+      </Head>
+
+      {isFeatureEnabled === true ? (
+        <LazyEarnPage />
+      ) : isFeatureEnabled === false ? (
+        <main>
+          <Typography textAlign="center" my={3}>
+            Earn is not available on this network.
+          </Typography>
+        </main>
+      ) : null}
+    </>
+  )
+}
+
+export default EarnPage
diff --git a/apps/web/src/pages/home.tsx b/apps/web/src/pages/home.tsx
new file mode 100644
index 000000000..9abd21109
--- /dev/null
+++ b/apps/web/src/pages/home.tsx
@@ -0,0 +1,21 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+
+import Dashboard from '@/components/dashboard'
+import { BRAND_NAME } from '@/config/constants'
+
+const Home: NextPage = () => {
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Dashboard`}</title>
+      </Head>
+
+      <main>
+        <Dashboard />
+      </main>
+    </>
+  )
+}
+
+export default Home
diff --git a/src/pages/imprint.tsx b/apps/web/src/pages/imprint.tsx
similarity index 87%
rename from src/pages/imprint.tsx
rename to apps/web/src/pages/imprint.tsx
index 9dca94426..d5a84aaee 100644
--- a/src/pages/imprint.tsx
+++ b/apps/web/src/pages/imprint.tsx
@@ -1,9 +1,10 @@
 import type { NextPage } from 'next'
 import Head from 'next/head'
-import { IS_OFFICIAL_HOST } from '@/config/constants'
 import { Typography } from '@mui/material'
 import Link from 'next/link'
 import MUILink from '@mui/material/Link'
+import { useIsOfficialHost } from '@/hooks/useIsOfficialHost'
+import { BRAND_NAME } from '@/config/constants'
 
 const SafeImprint = () => (
   <div>
@@ -16,12 +17,14 @@ const SafeImprint = () => (
     <Typography mb={2}>
       Core Contributors GmbH
       <br />
-      Gontardstraße 11
+      c/o WeWork
       <br />
-      10178 Berlin, Germany
+      Dircksenstr. 3
+      <br />
+      10179 Berlin, Germany
     </Typography>
     <Typography mb={4}>
-      Managing directors: Richard Meißner, Tobias Schubotz
+      Managing director: Richard Meißner
       <br />
       Contact:{' '}
       <Link href="mailto:info@cc0x.dev" passHref legacyBehavior>
@@ -69,13 +72,15 @@ const SafeImprint = () => (
 )
 
 const Imprint: NextPage = () => {
+  const isOfficialHost = useIsOfficialHost()
+
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Imprint'}</title>
+        <title>{`${BRAND_NAME} – Imprint`}</title>
       </Head>
 
-      <main>{IS_OFFICIAL_HOST && <SafeImprint />}</main>
+      <main>{isOfficialHost && <SafeImprint />}</main>
     </>
   )
 }
diff --git a/apps/web/src/pages/index.tsx b/apps/web/src/pages/index.tsx
new file mode 100644
index 000000000..b20b74a1e
--- /dev/null
+++ b/apps/web/src/pages/index.tsx
@@ -0,0 +1,31 @@
+import { useEffect } from 'react'
+import type { NextPage } from 'next'
+import { useRouter } from 'next/router'
+import { AppRoutes } from '@/config/routes'
+import isEmpty from 'lodash/isEmpty'
+import local from '@/services/local-storage/local'
+import { addedSafesSlice, type AddedSafesState } from '@/store/addedSafesSlice'
+
+const IndexPage: NextPage = () => {
+  const router = useRouter()
+  const { chain } = router.query
+
+  useEffect(() => {
+    if (!router.isReady || router.pathname !== AppRoutes.index) {
+      return
+    }
+    // TODO: Replace with useLocalStorage. For now read directly from localstorage so we have value on first render
+    const addedSafes = local.getItem<AddedSafesState>(addedSafesSlice.name)
+    const hasAddedSafes = addedSafes !== null && !isEmpty(addedSafes)
+    const pathname = hasAddedSafes ? AppRoutes.welcome.accounts : AppRoutes.welcome.index
+
+    router.replace({
+      pathname,
+      query: chain ? { chain } : undefined,
+    })
+  }, [router, chain])
+
+  return <></>
+}
+
+export default IndexPage
diff --git a/apps/web/src/pages/licenses.tsx b/apps/web/src/pages/licenses.tsx
new file mode 100644
index 000000000..34feecf52
--- /dev/null
+++ b/apps/web/src/pages/licenses.tsx
@@ -0,0 +1,553 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+import { Typography, Table, TableBody, TableRow, TableCell, TableHead, TableContainer, Box } from '@mui/material'
+import ExternalLink from '@/components/common/ExternalLink'
+import Paper from '@mui/material/Paper'
+import { useIsOfficialHost } from '@/hooks/useIsOfficialHost'
+import { BRAND_NAME } from '@/config/constants'
+
+const SafeLicenses = () => (
+  <>
+    <Typography variant="h1" mb={2}>
+      Licenses
+    </Typography>
+    <Typography variant="h3" mb={2}>
+      Libraries we use
+    </Typography>
+    <Box mb={4}>
+      <Typography mb={3}>
+        This page contains a list of attribution notices for third party software that may be contained in portions of
+        the {BRAND_NAME}. We thank the open source community for all of their contributions.
+      </Typography>
+      <Typography variant="h2" mb={2}>
+        Android
+      </Typography>
+      <TableContainer component={Paper}>
+        <Table>
+          <TableHead>
+            <TableRow>
+              <TableCell width="30%">
+                <strong>Library</strong>
+              </TableCell>
+              <TableCell>
+                <strong>License</strong>
+              </TableCell>
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            <TableRow>
+              <TableCell>AndroidX</TableCell>
+              <TableCell>
+                <ExternalLink href="https://android.googlesource.com/platform/frameworks/support/%2B/androidx-master-dev/LICENSE.txt" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>Bivrost for Kotlin</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/gnosis/bivrost-kotlin/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>Dagger</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/google/dagger#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>FloatingActionButton</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/Clans/FloatingActionButton/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>Material Progress Bar</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/DreaminginCodeZH/MaterialProgressBar/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>Kethereum</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/walleth/kethereum/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>Koptional</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/gojuno/koptional#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>Moshi</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/square/moshi#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>OkHttp</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/square/okhttp#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>Okio</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/square/okio#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>Phrase</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/square/phrase/#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>Picasso</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/square/picasso#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>ReTrofit</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/square/reTrofit#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>RxAndroid</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/ReactiveX/RxAndroid#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>RxBinding</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/JakeWharton/RxBinding#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>RxJava</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/ReactiveX/RxJava#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>RxKotlin</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/ReactiveX/RxKotlin/blob/2.x/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>SpongyCastle</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/rtyley/spongycastle/blob/spongy-master/LICENSE.html" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>Svalinn Android</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/gnosis/svalinn-kotlin/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>Timber</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/JakeWharton/timber#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>Zxing</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/zxing/zxing/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+          </TableBody>
+        </Table>
+      </TableContainer>
+    </Box>
+    <Box mb={4}>
+      <Typography variant="h2" mb={2}>
+        iOS
+      </Typography>
+      <TableContainer component={Paper}>
+        <Table>
+          <TableHead>
+            <TableRow>
+              <TableCell width="30%">
+                <strong>Library</strong>
+              </TableCell>
+              <TableCell>
+                <strong>License</strong>
+              </TableCell>
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            <TableRow>
+              <TableCell>BigInt</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/attaswift/BigInt/blob/master/LICENSE.md" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>BlockiesSwift</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/gnosis/BlockiesSwift/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>CryptoEthereumSwift</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/yuzushioh/CryptoEthereumSwift/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>CryptoSwift</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/krzyzanowskim/CryptoSwift#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>DateTools</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/gnosis/DateTools#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>EthereumKit</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/D-Technologies/EthereumKit#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>Keycard.swift</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/gnosis/Keycard.swift/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>Kingfisher</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/onevcat/Kingfisher#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>SipHash</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/attaswift/SipHash/blob/master/LICENSE.md" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>Starscream</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/daltoniam/Starscream/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>RsBarcodesSwift</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/yeahdongcn/RSBarcodes_Swift#license" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>libidn2</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/gnosis/libidn2/blob/master/COPYING.LESSERv3" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>libunisTring</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/gnosis/libunisTring/blob/master/COPYING.LIB" />
+              </TableCell>
+            </TableRow>
+          </TableBody>
+        </Table>
+      </TableContainer>
+    </Box>
+    <Box>
+      <Typography variant="h2" mb={2}>
+        Web
+      </Typography>
+      <TableContainer component={Paper}>
+        <Table>
+          <TableHead>
+            <TableRow>
+              <TableCell width="30%">Library</TableCell>
+              <TableCell>License</TableCell>
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            <TableRow>
+              <TableCell>@emotion/cache</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/emotion-js/emotion/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@emotion/react</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/emotion-js/emotion/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@emotion/server</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/emotion-js/emotion/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@emotion/styled</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/emotion-js/emotion/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@safe-global/safe-modules-deployments</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/safe-global/safe-modules-deployments/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@mui/icons-material</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/mui/material-ui/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@mui/material</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/mui/material-ui/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@mui/x-date-pickers</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/mui/mui-x#mit-vs-commercial-licenses" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@reduxjs/toolkit</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/reduxjs/redux-toolkit/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@safe-global/safe-apps-sdk</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/safe-global/safe-apps-sdk/blob/main/LICENSE.md" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@safe-global/safe-core-sdk</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/safe-global/safe-core-sdk/blob/main/LICENSE.md" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@safe-global/safe-deployments</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/safe-global/safe-deployments/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@safe-global/safe-gateway-typescript-sdk</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/safe-global/safe-gateway-typescript-sdk/blob/main/LICENSE.md" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@safe-global/safe-react-components</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/safe-global/safe-react-components/blob/main/LICENSE.md" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@sentry/react</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/getsentry/sentry-javascript/blob/develop/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@sentry/tracing</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/getsentry/sentry-javascript/blob/develop/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@web3-onboard/coinbase</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/blocknative/web3-onboard/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@web3-onboard/core</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/blocknative/web3-onboard/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@web3-onboard/injected-wallets</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/blocknative/web3-onboard/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@web3-onboard/keystone</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/blocknative/web3-onboard/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@web3-onboard/ledger</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/blocknative/web3-onboard/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@web3-onboard/trezor</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/blocknative/web3-onboard/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>@web3-onboard/walletconnect</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/blocknative/web3-onboard/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>classnames</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/JedWatson/classnames/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>date-fns</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/date-fns/date-fns/blob/main/LICENSE.md" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>blo</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/bpierre/blo" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>ethers</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/ethers-io/ethers.js/blob/main/LICENSE.md" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>exponential-backoff</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/coveo/exponential-backoff/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>fuse.js</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/krisk/Fuse/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>js-cookie</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/js-cookie/js-cookie/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>lodash</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/lodash/lodash/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>next</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/vercel/next.js/blob/canary/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>next-pwa</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/shadowwalker/next-pwa/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>papaparse</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/mholt/PapaParse/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>qrcode.react</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/zpao/qrcode.react/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>react</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/facebook/react/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>react-dom</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/facebook/react/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>react-dropzone</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/react-dropzone/react-dropzone/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>react-hook-form</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/react-hook-form/react-hook-form/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>react-papaparse</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/Bunlong/react-papaparse/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>react-redux</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/reduxjs/react-redux/blob/master/LICENSE" />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>semver</TableCell>
+              <TableCell>
+                <ExternalLink href="https://github.com/npm/node-semver/blob/main/LICENSE" />
+              </TableCell>
+            </TableRow>
+          </TableBody>
+        </Table>
+      </TableContainer>
+    </Box>
+  </>
+)
+
+const Licenses: NextPage = () => {
+  const isOfficialHost = useIsOfficialHost()
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Licenses`}</title>
+      </Head>
+
+      <main>{isOfficialHost && <SafeLicenses />}</main>
+    </>
+  )
+}
+
+export default Licenses
diff --git a/apps/web/src/pages/new-safe/advanced-create.tsx b/apps/web/src/pages/new-safe/advanced-create.tsx
new file mode 100644
index 000000000..76248ff46
--- /dev/null
+++ b/apps/web/src/pages/new-safe/advanced-create.tsx
@@ -0,0 +1,19 @@
+import Head from 'next/head'
+import type { NextPage } from 'next'
+
+import AdvancedCreateSafe from '@/components/new-safe/create/AdvancedCreateSafe'
+import { BRAND_NAME } from '@/config/constants'
+
+const Open: NextPage = () => {
+  return (
+    <main>
+      <Head>
+        <title>{`${BRAND_NAME} – Advanced Safe creation`}</title>
+      </Head>
+
+      <AdvancedCreateSafe />
+    </main>
+  )
+}
+
+export default Open
diff --git a/apps/web/src/pages/new-safe/create.tsx b/apps/web/src/pages/new-safe/create.tsx
new file mode 100644
index 000000000..77c85474a
--- /dev/null
+++ b/apps/web/src/pages/new-safe/create.tsx
@@ -0,0 +1,19 @@
+import Head from 'next/head'
+import type { NextPage } from 'next'
+
+import CreateSafe from '@/components/new-safe/create'
+import { BRAND_NAME } from '@/config/constants'
+
+const Open: NextPage = () => {
+  return (
+    <main>
+      <Head>
+        <title>{`${BRAND_NAME} – Create Safe Account`}</title>
+      </Head>
+
+      <CreateSafe />
+    </main>
+  )
+}
+
+export default Open
diff --git a/src/pages/new-safe/load.tsx b/apps/web/src/pages/new-safe/load.tsx
similarity index 84%
rename from src/pages/new-safe/load.tsx
rename to apps/web/src/pages/new-safe/load.tsx
index 764af3040..22155d9bc 100644
--- a/src/pages/new-safe/load.tsx
+++ b/apps/web/src/pages/new-safe/load.tsx
@@ -2,6 +2,7 @@ import type { NextPage } from 'next'
 import Head from 'next/head'
 import { useRouter } from 'next/router'
 import LoadSafe, { loadSafeDefaultData } from '@/components/new-safe/load'
+import { BRAND_NAME } from '@/config/constants'
 
 const Load: NextPage = () => {
   const router = useRouter()
@@ -11,7 +12,7 @@ const Load: NextPage = () => {
   return (
     <main>
       <Head>
-        <title>{'Rootstock Safe – Add Safe Account'}</title>
+        <title>{`${BRAND_NAME} – Add Safe Account`}</title>
       </Head>
 
       {safeAddress ? (
diff --git a/apps/web/src/pages/privacy.tsx b/apps/web/src/pages/privacy.tsx
new file mode 100644
index 000000000..f9adfcd54
--- /dev/null
+++ b/apps/web/src/pages/privacy.tsx
@@ -0,0 +1,27 @@
+import CustomLink from '@/components/common/CustomLink'
+import type { MDXComponents } from 'mdx/types'
+import type { NextPage } from 'next'
+import Head from 'next/head'
+import SafePrivacyPolicy from '@/markdown/privacy/privacy.md'
+import { useIsOfficialHost } from '@/hooks/useIsOfficialHost'
+import { BRAND_NAME } from '@/config/constants'
+
+const overrideComponents: MDXComponents = {
+  a: CustomLink,
+}
+
+const PrivacyPolicy: NextPage = () => {
+  const isOfficialHost = useIsOfficialHost()
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Privacy policy`}</title>
+      </Head>
+
+      <main>{isOfficialHost && <SafePrivacyPolicy components={overrideComponents} />}</main>
+    </>
+  )
+}
+
+export default PrivacyPolicy
diff --git a/src/pages/settings/appearance.tsx b/apps/web/src/pages/settings/appearance.tsx
similarity index 78%
rename from src/pages/settings/appearance.tsx
rename to apps/web/src/pages/settings/appearance.tsx
index 3ad854a44..ad1b9ee02 100644
--- a/src/pages/settings/appearance.tsx
+++ b/apps/web/src/pages/settings/appearance.tsx
@@ -9,6 +9,7 @@ import SettingsHeader from '@/components/settings/SettingsHeader'
 import { trackEvent, SETTINGS_EVENTS } from '@/services/analytics'
 import { useDarkMode } from '@/hooks/useDarkMode'
 import ExternalLink from '@/components/common/ExternalLink'
+import { BRAND_NAME } from '@/config/constants'
 
 const Appearance: NextPage = () => {
   const dispatch = useAppDispatch()
@@ -32,22 +33,30 @@ const Appearance: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Settings – Appearance'}</title>
+        <title>{`${BRAND_NAME} – Settings – Appearance`}</title>
       </Head>
-
       <SettingsHeader />
-
       <main>
         <Paper sx={{ p: 4 }}>
           <Grid container spacing={3}>
             <Grid item lg={4} xs={12}>
-              <Typography variant="h4" fontWeight="bold" mb={1}>
+              <Typography
+                variant="h4"
+                sx={{
+                  fontWeight: 'bold',
+                  mb: 1,
+                }}
+              >
                 Chain-specific addresses
               </Typography>
             </Grid>
 
             <Grid item xs>
-              <Typography mb={2}>
+              <Typography
+                sx={{
+                  mb: 2,
+                }}
+              >
                 Choose whether to copy{' '}
                 <ExternalLink href="https://eips.ethereum.org/EIPS/eip-3770">EIP-3770</ExternalLink> prefixes when
                 copying Ethereum addresses.
@@ -66,9 +75,21 @@ const Appearance: NextPage = () => {
             </Grid>
           </Grid>
 
-          <Grid container alignItems="center" marginTop={2} spacing={3}>
+          <Grid
+            container
+            spacing={3}
+            sx={{
+              alignItems: 'center',
+              marginTop: 2,
+            }}
+          >
             <Grid item lg={4} xs={12}>
-              <Typography variant="h4" fontWeight="bold">
+              <Typography
+                variant="h4"
+                sx={{
+                  fontWeight: 'bold',
+                }}
+              >
                 Theme
               </Typography>
             </Grid>
diff --git a/src/pages/settings/cookies.tsx b/apps/web/src/pages/settings/cookies.tsx
similarity index 87%
rename from src/pages/settings/cookies.tsx
rename to apps/web/src/pages/settings/cookies.tsx
index e006f2de6..3a51e7493 100644
--- a/src/pages/settings/cookies.tsx
+++ b/apps/web/src/pages/settings/cookies.tsx
@@ -3,12 +3,13 @@ import SettingsHeader from '@/components/settings/SettingsHeader'
 import { Grid, Paper, Typography } from '@mui/material'
 import type { NextPage } from 'next'
 import Head from 'next/head'
+import { BRAND_NAME } from '@/config/constants'
 
 const Cookies: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Settings – Cookies'}</title>
+        <title>{`${BRAND_NAME} – Settings – Cookies`}</title>
       </Head>
 
       <SettingsHeader />
diff --git a/src/pages/settings/data.tsx b/apps/web/src/pages/settings/data.tsx
similarity index 77%
rename from src/pages/settings/data.tsx
rename to apps/web/src/pages/settings/data.tsx
index 4009ab994..42df732cc 100644
--- a/src/pages/settings/data.tsx
+++ b/apps/web/src/pages/settings/data.tsx
@@ -1,5 +1,6 @@
 import DataManagement from '@/components/settings/DataManagement'
 import SettingsHeader from '@/components/settings/SettingsHeader'
+import { BRAND_NAME } from '@/config/constants'
 import type { NextPage } from 'next'
 import Head from 'next/head'
 
@@ -7,7 +8,7 @@ const Data: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Settings – Data'}</title>
+        <title>{`${BRAND_NAME} – Settings – Data`}</title>
       </Head>
 
       <SettingsHeader />
diff --git a/src/pages/settings/environment-variables.tsx b/apps/web/src/pages/settings/environment-variables.tsx
similarity index 77%
rename from src/pages/settings/environment-variables.tsx
rename to apps/web/src/pages/settings/environment-variables.tsx
index 276ded38b..d0c92b9d6 100644
--- a/src/pages/settings/environment-variables.tsx
+++ b/apps/web/src/pages/settings/environment-variables.tsx
@@ -2,12 +2,13 @@ import type { NextPage } from 'next'
 import Head from 'next/head'
 import SettingsHeader from '@/components/settings/SettingsHeader'
 import EnvironmentVariables from '@/components/settings/EnvironmentVariables'
+import { BRAND_NAME } from '@/config/constants'
 
 const EnvironmentVariablesPage: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Settings – Environment variables'}</title>
+        <title>{`${BRAND_NAME} – Settings – Environment variables`}</title>
       </Head>
 
       <SettingsHeader />
diff --git a/apps/web/src/pages/settings/index.tsx b/apps/web/src/pages/settings/index.tsx
new file mode 100644
index 000000000..adf1af6a0
--- /dev/null
+++ b/apps/web/src/pages/settings/index.tsx
@@ -0,0 +1,27 @@
+import { useEffect } from 'react'
+import type { NextPage } from 'next'
+import Head from 'next/head'
+import { useRouter } from 'next/router'
+import { generalSettingsNavItems, settingsNavItems } from '@/components/sidebar/SidebarNavigation/config'
+import { BRAND_NAME } from '@/config/constants'
+
+const Settings: NextPage = () => {
+  const router = useRouter()
+
+  useEffect(() => {
+    const redirectPath = router.query.safe ? settingsNavItems[0].href : generalSettingsNavItems[0].href
+    router.push(redirectPath, {
+      query: router.query,
+    })
+  }, [router, router.query.safe])
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Settings`}</title>
+      </Head>
+    </>
+  )
+}
+
+export default Settings
diff --git a/src/pages/settings/modules.tsx b/apps/web/src/pages/settings/modules.tsx
similarity index 87%
rename from src/pages/settings/modules.tsx
rename to apps/web/src/pages/settings/modules.tsx
index 7a3a5296e..cffebc4ca 100644
--- a/src/pages/settings/modules.tsx
+++ b/apps/web/src/pages/settings/modules.tsx
@@ -5,12 +5,13 @@ import SafeModules from '@/components/settings/SafeModules'
 import TransactionGuards from '@/components/settings/TransactionGuards'
 import SettingsHeader from '@/components/settings/SettingsHeader'
 import { FallbackHandler } from '@/components/settings/FallbackHandler'
+import { BRAND_NAME } from '@/config/constants'
 
 const Modules: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Settings – Modules'}</title>
+        <title>{`${BRAND_NAME} – Settings – Modules`}</title>
       </Head>
 
       <SettingsHeader />
diff --git a/src/pages/settings/notifications.tsx b/apps/web/src/pages/settings/notifications.tsx
similarity index 77%
rename from src/pages/settings/notifications.tsx
rename to apps/web/src/pages/settings/notifications.tsx
index e3f515f35..edac33d08 100644
--- a/src/pages/settings/notifications.tsx
+++ b/apps/web/src/pages/settings/notifications.tsx
@@ -4,7 +4,8 @@ import type { NextPage } from 'next'
 import SettingsHeader from '@/components/settings/SettingsHeader'
 import { PushNotifications } from '@/components/settings/PushNotifications'
 import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
+import { BRAND_NAME } from '@/config/constants'
+import { FEATURES } from '@safe-global/utils/utils/chains'
 
 const NotificationsPage: NextPage = () => {
   const isNotificationFeatureEnabled = useHasFeature(FEATURES.PUSH_NOTIFICATIONS)
@@ -16,7 +17,7 @@ const NotificationsPage: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Settings – Notifications'}</title>
+        <title>{`${BRAND_NAME} – Settings – Notifications`}</title>
       </Head>
 
       <SettingsHeader />
diff --git a/apps/web/src/pages/settings/safe-apps/index.tsx b/apps/web/src/pages/settings/safe-apps/index.tsx
new file mode 100644
index 000000000..71c2a17f4
--- /dev/null
+++ b/apps/web/src/pages/settings/safe-apps/index.tsx
@@ -0,0 +1,26 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+
+import SafeAppsPermissions from '@/components/settings/SafeAppsPermissions'
+import SettingsHeader from '@/components/settings/SettingsHeader'
+import { SafeAppsSigningMethod } from '@/components/settings/SafeAppsSigningMethod'
+import { BRAND_NAME } from '@/config/constants'
+
+const SafeAppsPermissionsPage: NextPage = () => {
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Settings – Safe Apps`}</title>
+      </Head>
+
+      <SettingsHeader />
+
+      <main>
+        <SafeAppsPermissions />
+        <SafeAppsSigningMethod />
+      </main>
+    </>
+  )
+}
+
+export default SafeAppsPermissionsPage
diff --git a/src/pages/settings/security.tsx b/apps/web/src/pages/settings/security.tsx
similarity index 77%
rename from src/pages/settings/security.tsx
rename to apps/web/src/pages/settings/security.tsx
index 0a0eb778a..c6f93543b 100644
--- a/src/pages/settings/security.tsx
+++ b/apps/web/src/pages/settings/security.tsx
@@ -3,12 +3,13 @@ import Head from 'next/head'
 
 import SettingsHeader from '@/components/settings/SettingsHeader'
 import SecurityLogin from '@/components/settings/SecurityLogin'
+import { BRAND_NAME } from '@/config/constants'
 
 const SecurityPage: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Settings – Security'}</title>
+        <title>{`${BRAND_NAME} – Settings – Security`}</title>
       </Head>
 
       <SettingsHeader />
diff --git a/apps/web/src/pages/settings/setup.tsx b/apps/web/src/pages/settings/setup.tsx
new file mode 100644
index 000000000..ecbfe8040
--- /dev/null
+++ b/apps/web/src/pages/settings/setup.tsx
@@ -0,0 +1,90 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+import { Grid, Paper, Skeleton, SvgIcon, Tooltip, Typography, Box } from '@mui/material'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import { ContractVersion } from '@/components/settings/ContractVersion'
+import { OwnerList } from '@/components/settings/owner/OwnerList'
+import { RequiredConfirmation } from '@/components/settings/RequiredConfirmations'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import SettingsHeader from '@/components/settings/SettingsHeader'
+import ProposersList from 'src/components/settings/ProposersList'
+import SpendingLimits from '@/components/settings/SpendingLimits'
+import { BRAND_NAME } from '@/config/constants'
+import { NestedSafesList } from '@/components/settings/NestedSafesList'
+
+const Setup: NextPage = () => {
+  const { safe, safeLoaded } = useSafeInfo()
+  const nonce = safe.nonce
+  const ownerLength = safe.owners.length
+  const threshold = safe.threshold
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Settings – Setup`}</title>
+      </Head>
+
+      <SettingsHeader />
+
+      <main>
+        <Paper data-testid="setup-section" sx={{ p: 4, mb: 2 }}>
+          <Grid container spacing={3}>
+            <Grid item lg={4} xs={12}>
+              <Typography variant="h4" fontWeight={700}>
+                <Tooltip
+                  placement="top"
+                  title="For security reasons, transactions made with a Safe Account need to be executed in order. The nonce shows you which transaction will be executed next. You can find the nonce for a transaction in the transaction details."
+                >
+                  <span>
+                    Safe Account nonce
+                    <SvgIcon
+                      component={InfoIcon}
+                      inheritViewBox
+                      fontSize="small"
+                      color="border"
+                      sx={{ verticalAlign: 'middle', ml: 0.5 }}
+                    />
+                  </span>
+                </Tooltip>
+              </Typography>
+
+              <Typography pt={1}>
+                Current nonce:{' '}
+                {safeLoaded ? <b>{nonce}</b> : <Skeleton width="30px" sx={{ display: 'inline-block' }} />}
+              </Typography>
+            </Grid>
+
+            <Grid item xs>
+              <ContractVersion />
+            </Grid>
+          </Grid>
+        </Paper>
+
+        <Paper sx={{ p: 4, mb: 2 }}>
+          <Grid container spacing={3}>
+            <Grid item lg={4} xs={12}>
+              <Typography variant="h4" fontWeight={700}>
+                Members
+              </Typography>
+            </Grid>
+
+            <Grid item xs>
+              <Box display="flex" flexDirection="column" gap={2}>
+                <OwnerList />
+                <ProposersList />
+              </Box>
+            </Grid>
+          </Grid>
+
+          <RequiredConfirmation threshold={threshold} owners={ownerLength} />
+        </Paper>
+
+        <SpendingLimits />
+
+        <NestedSafesList />
+      </main>
+    </>
+  )
+}
+
+export default Setup
diff --git a/src/pages/share/safe-app.tsx b/apps/web/src/pages/share/safe-app.tsx
similarity index 87%
rename from src/pages/share/safe-app.tsx
rename to apps/web/src/pages/share/safe-app.tsx
index c72256731..49346bd20 100644
--- a/src/pages/share/safe-app.tsx
+++ b/apps/web/src/pages/share/safe-app.tsx
@@ -3,6 +3,7 @@ import { Box, CircularProgress } from '@mui/material'
 import { useSafeAppUrl } from '@/hooks/safe-apps/useSafeAppUrl'
 import { SafeAppLanding } from '@/components/safe-apps/SafeAppLandingPage'
 import { useCurrentChain } from '@/hooks/useChains'
+import { BRAND_NAME } from '@/config/constants'
 
 const ShareSafeApp = () => {
   const appUrl = useSafeAppUrl()
@@ -11,7 +12,7 @@ const ShareSafeApp = () => {
   return (
     <>
       <Head>
-        <title>{`Rootstock Safe – Safe Apps`}</title>
+        <title>{`${BRAND_NAME} – Safe Apps`}</title>
       </Head>
 
       <main>
diff --git a/apps/web/src/pages/spaces/index.tsx b/apps/web/src/pages/spaces/index.tsx
new file mode 100644
index 000000000..7f8c2421b
--- /dev/null
+++ b/apps/web/src/pages/spaces/index.tsx
@@ -0,0 +1,26 @@
+import { useRouter } from 'next/router'
+import Head from 'next/head'
+import { BRAND_NAME } from '@/config/constants'
+import SpaceDashboard from '@/features/spaces/components/Dashboard'
+import AuthState from '@/features/spaces/components/AuthState'
+
+export default function SpacePage() {
+  const router = useRouter()
+  const { spaceId } = router.query
+
+  if (!router.isReady || !spaceId || typeof spaceId !== 'string') return null
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Space dashboard`}</title>
+      </Head>
+
+      <main>
+        <AuthState spaceId={spaceId}>
+          <SpaceDashboard />
+        </AuthState>
+      </main>
+    </>
+  )
+}
diff --git a/apps/web/src/pages/spaces/members.tsx b/apps/web/src/pages/spaces/members.tsx
new file mode 100644
index 000000000..762054ec2
--- /dev/null
+++ b/apps/web/src/pages/spaces/members.tsx
@@ -0,0 +1,26 @@
+import { useRouter } from 'next/router'
+import Head from 'next/head'
+import { BRAND_NAME } from '@/config/constants'
+import SpaceMembers from '@/features/spaces/components/Members'
+import AuthState from '@/features/spaces/components/AuthState'
+
+export default function SpaceMembersPage() {
+  const router = useRouter()
+  const { spaceId } = router.query
+
+  if (!router.isReady || !spaceId || typeof spaceId !== 'string') return null
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Space members`}</title>
+      </Head>
+
+      <main>
+        <AuthState spaceId={spaceId}>
+          <SpaceMembers />
+        </AuthState>
+      </main>
+    </>
+  )
+}
diff --git a/apps/web/src/pages/spaces/safe-accounts.tsx b/apps/web/src/pages/spaces/safe-accounts.tsx
new file mode 100644
index 000000000..5d8b77998
--- /dev/null
+++ b/apps/web/src/pages/spaces/safe-accounts.tsx
@@ -0,0 +1,26 @@
+import { useRouter } from 'next/router'
+import Head from 'next/head'
+import { BRAND_NAME } from '@/config/constants'
+import SpaceSafeAccounts from '@/features/spaces/components/SafeAccounts'
+import AuthState from '@/features/spaces/components/AuthState'
+
+export default function SpaceAccountsPage() {
+  const router = useRouter()
+  const { spaceId } = router.query
+
+  if (!router.isReady || !spaceId || typeof spaceId !== 'string') return null
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Space Safe Accounts`}</title>
+      </Head>
+
+      <main>
+        <AuthState spaceId={spaceId}>
+          <SpaceSafeAccounts />
+        </AuthState>
+      </main>
+    </>
+  )
+}
diff --git a/apps/web/src/pages/spaces/settings.tsx b/apps/web/src/pages/spaces/settings.tsx
new file mode 100644
index 000000000..a16ddfab9
--- /dev/null
+++ b/apps/web/src/pages/spaces/settings.tsx
@@ -0,0 +1,26 @@
+import { useRouter } from 'next/router'
+import Head from 'next/head'
+import { BRAND_NAME } from '@/config/constants'
+import SpaceSettings from 'src/features/spaces/components/SpaceSettings'
+import AuthState from '@/features/spaces/components/AuthState'
+
+export default function SpaceSettingsPage() {
+  const router = useRouter()
+  const { spaceId } = router.query
+
+  if (!router.isReady || !spaceId || typeof spaceId !== 'string') return null
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Space settings`}</title>
+      </Head>
+
+      <main>
+        <AuthState spaceId={spaceId}>
+          <SpaceSettings />
+        </AuthState>
+      </main>
+    </>
+  )
+}
diff --git a/apps/web/src/pages/stake.tsx b/apps/web/src/pages/stake.tsx
new file mode 100644
index 000000000..0ef3db324
--- /dev/null
+++ b/apps/web/src/pages/stake.tsx
@@ -0,0 +1,33 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+import dynamic from 'next/dynamic'
+import { Typography } from '@mui/material'
+import { useHasFeature } from '@/hooks/useChains'
+import { BRAND_NAME } from '@/config/constants'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const LazyStakePage = dynamic(() => import('@/features/stake/components/StakePage'), { ssr: false })
+
+const StakePage: NextPage = () => {
+  const isFeatureEnabled = useHasFeature(FEATURES.STAKING)
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Stake`}</title>
+      </Head>
+
+      {isFeatureEnabled === true ? (
+        <LazyStakePage />
+      ) : isFeatureEnabled === false ? (
+        <main>
+          <Typography textAlign="center" my={3}>
+            Staking is not available on this network.
+          </Typography>
+        </main>
+      ) : null}
+    </>
+  )
+}
+
+export default StakePage
diff --git a/apps/web/src/pages/swap.tsx b/apps/web/src/pages/swap.tsx
new file mode 100644
index 000000000..1f0b13a30
--- /dev/null
+++ b/apps/web/src/pages/swap.tsx
@@ -0,0 +1,57 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+import { useRouter } from 'next/router'
+import dynamic from 'next/dynamic'
+import { Typography } from '@mui/material'
+import { useHasFeature } from '@/hooks/useChains'
+import { BRAND_NAME } from '@/config/constants'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+// Cow Swap expects native token addresses to be in the format '0xeeee...eeee'
+const adjustEthAddress = (address: string) => {
+  if (address && Number(address) === 0) {
+    const ETH_ADDRESS = '0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee'
+    return ETH_ADDRESS
+  }
+  return address
+}
+
+const SwapWidgetNoSSR = dynamic(() => import('@/features/swap'), { ssr: false })
+const FallbackSwapWidgetNoSSR = dynamic(() => import('@/features/swap/components/FallbackSwapWidget'), { ssr: false })
+
+const SwapPage: NextPage = () => {
+  const router = useRouter()
+  const { token, amount } = router.query
+  const isFeatureEnabled = useHasFeature(FEATURES.NATIVE_SWAPS)
+  const isCowEnabled = useHasFeature(FEATURES.NATIVE_SWAPS_COW)
+
+  let sell = undefined
+  if (token && amount) {
+    sell = {
+      asset: adjustEthAddress(String(token ?? '')),
+      amount: String(amount ?? ''),
+    }
+  }
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Swap`}</title>
+      </Head>
+
+      <main style={{ height: 'calc(100vh - 52px)' }}>
+        {isFeatureEnabled === true && isCowEnabled === true ? (
+          <SwapWidgetNoSSR sell={sell} />
+        ) : isFeatureEnabled === true && isCowEnabled === false ? (
+          <FallbackSwapWidgetNoSSR fromToken={sell?.asset} />
+        ) : isFeatureEnabled === false ? (
+          <Typography textAlign="center" my={3}>
+            Swaps are not supported on this network.
+          </Typography>
+        ) : null}
+      </main>
+    </>
+  )
+}
+
+export default SwapPage
diff --git a/apps/web/src/pages/terms.tsx b/apps/web/src/pages/terms.tsx
new file mode 100644
index 000000000..b8a31ab42
--- /dev/null
+++ b/apps/web/src/pages/terms.tsx
@@ -0,0 +1,42 @@
+import { TERMS_LINK } from '@/config/constants'
+import { Typography } from '@mui/material'
+import type { NextPage } from 'next'
+import Head from 'next/head'
+import { useEffect, useState } from 'react'
+import ReactMarkdown from 'react-markdown'
+
+const SafeTerms = () => {
+  const [content, setContent] = useState<string>('')
+
+  useEffect(() => {
+    const fetchContent = async () => {
+      try {
+        const response = await fetch(TERMS_LINK)
+        const text = await response.text()
+        setContent(text)
+      } catch (error) {
+        console.error('Error fetching terms:', error)
+      }
+    }
+
+    fetchContent()
+  }, [])
+
+  return <main>{content ? <ReactMarkdown>{content}</ReactMarkdown> : <Typography>Loading terms...</Typography>}</main>
+}
+
+const Terms: NextPage = () => {
+  return (
+    <>
+      <Head>
+        <title>Terms and Conditions</title>
+      </Head>
+
+      <main>
+        <SafeTerms />
+      </main>
+    </>
+  )
+}
+
+export default Terms
diff --git a/src/pages/transactions/history.tsx b/apps/web/src/pages/transactions/history.tsx
similarity index 92%
rename from src/pages/transactions/history.tsx
rename to apps/web/src/pages/transactions/history.tsx
index ed2527226..ab5ed39ac 100644
--- a/src/pages/transactions/history.tsx
+++ b/apps/web/src/pages/transactions/history.tsx
@@ -11,6 +11,7 @@ import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
 import TxFilterForm from '@/components/transactions/TxFilterForm'
 import TrustedToggle from '@/components/transactions/TrustedToggle'
 import { useTxFilter } from '@/utils/tx-history-filter'
+import { BRAND_NAME } from '@/config/constants'
 
 const History: NextPage = () => {
   const [filter] = useTxFilter()
@@ -25,7 +26,7 @@ const History: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Transaction history'}</title>
+        <title>{`${BRAND_NAME} – Transaction history`}</title>
       </Head>
 
       <TxHeader>
diff --git a/src/pages/transactions/index.tsx b/apps/web/src/pages/transactions/index.tsx
similarity index 100%
rename from src/pages/transactions/index.tsx
rename to apps/web/src/pages/transactions/index.tsx
diff --git a/src/pages/transactions/messages.tsx b/apps/web/src/pages/transactions/messages.tsx
similarity index 84%
rename from src/pages/transactions/messages.tsx
rename to apps/web/src/pages/transactions/messages.tsx
index c53fbd21f..a394ea5c5 100644
--- a/src/pages/transactions/messages.tsx
+++ b/apps/web/src/pages/transactions/messages.tsx
@@ -1,6 +1,5 @@
 import { useEffect } from 'react'
 import Head from 'next/head'
-import { FEATURES } from '@/utils/chains'
 import { useRouter } from 'next/router'
 import type { NextPage } from 'next'
 
@@ -9,7 +8,8 @@ import TxHeader from '@/components/transactions/TxHeader'
 import SignedMessagesHelpLink from '@/components/transactions/SignedMessagesHelpLink'
 import { AppRoutes } from '@/config/routes'
 import { useCurrentChain } from '@/hooks/useChains'
-import { hasFeature } from '@/utils/chains'
+import { BRAND_NAME } from '@/config/constants'
+import { FEATURES, hasFeature } from '@safe-global/utils/utils/chains'
 
 const Messages: NextPage = () => {
   const chain = useCurrentChain()
@@ -26,7 +26,7 @@ const Messages: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Messages'}</title>
+        <title>{`${BRAND_NAME} – Messages`}</title>
       </Head>
 
       <TxHeader>
diff --git a/src/pages/transactions/msg.tsx b/apps/web/src/pages/transactions/msg.tsx
similarity index 82%
rename from src/pages/transactions/msg.tsx
rename to apps/web/src/pages/transactions/msg.tsx
index 2db44e1e6..d78883d14 100644
--- a/src/pages/transactions/msg.tsx
+++ b/apps/web/src/pages/transactions/msg.tsx
@@ -3,12 +3,13 @@ import Head from 'next/head'
 
 import Typography from '@mui/material/Typography'
 import SingleMsg from '@/components/safe-messages/SingleMsg'
+import { BRAND_NAME } from '@/config/constants'
 
 const SingleTransaction: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Safe{Wallet} – Message details'}</title>
+        <title>{`${BRAND_NAME} – Message details`}</title>
       </Head>
 
       <main>
diff --git a/src/pages/transactions/queue.tsx b/apps/web/src/pages/transactions/queue.tsx
similarity index 91%
rename from src/pages/transactions/queue.tsx
rename to apps/web/src/pages/transactions/queue.tsx
index d55a32b89..378a253cb 100644
--- a/src/pages/transactions/queue.tsx
+++ b/apps/web/src/pages/transactions/queue.tsx
@@ -8,6 +8,7 @@ import { Box } from '@mui/material'
 import { BatchExecuteHoverProvider } from '@/components/transactions/BatchExecuteButton/BatchExecuteHoverProvider'
 import { usePendingTxsQueue, useShowUnsignedQueue } from '@/hooks/usePendingTxs'
 import RecoveryList from '@/features/recovery/components/RecoveryList'
+import { BRAND_NAME } from '@/config/constants'
 
 const Queue: NextPage = () => {
   const showPending = useShowUnsignedQueue()
@@ -15,7 +16,7 @@ const Queue: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Transaction queue'}</title>
+        <title>{`${BRAND_NAME} – Transaction queue`}</title>
       </Head>
 
       <BatchExecuteHoverProvider>
diff --git a/src/pages/transactions/tx.tsx b/apps/web/src/pages/transactions/tx.tsx
similarity index 81%
rename from src/pages/transactions/tx.tsx
rename to apps/web/src/pages/transactions/tx.tsx
index d6c3f3bde..5ad12ee17 100644
--- a/src/pages/transactions/tx.tsx
+++ b/apps/web/src/pages/transactions/tx.tsx
@@ -3,12 +3,13 @@ import Head from 'next/head'
 
 import SingleTx from '@/components/transactions/SingleTx'
 import Typography from '@mui/material/Typography'
+import { BRAND_NAME } from '@/config/constants'
 
 const SingleTransaction: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Transaction details'}</title>
+        <title>{`${BRAND_NAME} – Transaction details`}</title>
       </Head>
 
       <main>
diff --git a/apps/web/src/pages/user-settings.tsx b/apps/web/src/pages/user-settings.tsx
new file mode 100644
index 000000000..372d409d2
--- /dev/null
+++ b/apps/web/src/pages/user-settings.tsx
@@ -0,0 +1,18 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+import { BRAND_NAME } from '@/config/constants'
+import UserSettings from '@/features/spaces/components/UserSettings'
+
+const UserSettingsPage: NextPage = () => {
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – User Settings`}</title>
+      </Head>
+
+      <UserSettings />
+    </>
+  )
+}
+
+export default UserSettingsPage
diff --git a/src/pages/wc.tsx b/apps/web/src/pages/wc.tsx
similarity index 100%
rename from src/pages/wc.tsx
rename to apps/web/src/pages/wc.tsx
diff --git a/apps/web/src/pages/welcome/accounts.tsx b/apps/web/src/pages/welcome/accounts.tsx
new file mode 100644
index 000000000..8223ec6b5
--- /dev/null
+++ b/apps/web/src/pages/welcome/accounts.tsx
@@ -0,0 +1,18 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+import MyAccounts from '@/features/myAccounts'
+import { BRAND_NAME } from '@/config/constants'
+
+const Accounts: NextPage = () => {
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – My accounts`}</title>
+      </Head>
+
+      <MyAccounts />
+    </>
+  )
+}
+
+export default Accounts
diff --git a/apps/web/src/pages/welcome/index.tsx b/apps/web/src/pages/welcome/index.tsx
new file mode 100644
index 000000000..0fa8cb46f
--- /dev/null
+++ b/apps/web/src/pages/welcome/index.tsx
@@ -0,0 +1,18 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+import NewSafe from '@/components/welcome/NewSafe'
+import { BRAND_NAME } from '@/config/constants'
+
+const Welcome: NextPage = () => {
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Welcome`}</title>
+      </Head>
+
+      <NewSafe />
+    </>
+  )
+}
+
+export default Welcome
diff --git a/apps/web/src/pages/welcome/spaces.tsx b/apps/web/src/pages/welcome/spaces.tsx
new file mode 100644
index 000000000..b14e1b97a
--- /dev/null
+++ b/apps/web/src/pages/welcome/spaces.tsx
@@ -0,0 +1,24 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+import SpacesList from '@/features/spaces/components/SpacesList'
+import { BRAND_NAME } from '@/config/constants'
+import useFeatureFlagRedirect from '@/features/spaces/hooks/useFeatureFlagRedirect'
+import { useHasFeature } from '@/hooks/useChains'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const Spaces: NextPage = () => {
+  const isSpacesFeatureEnabled = useHasFeature(FEATURES.SPACES)
+  useFeatureFlagRedirect()
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Spaces`}</title>
+      </Head>
+
+      {isSpacesFeatureEnabled && <SpacesList />}
+    </>
+  )
+}
+
+export default Spaces
diff --git a/apps/web/src/permissions/config.test.ts b/apps/web/src/permissions/config.test.ts
new file mode 100644
index 000000000..39d9841e6
--- /dev/null
+++ b/apps/web/src/permissions/config.test.ts
@@ -0,0 +1,166 @@
+import { faker } from '@faker-js/faker'
+import rolePermissionsConfig, { Permission, Role } from './config'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+import type useWallet from '@/hooks/wallets/useWallet'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
+
+describe('RolePermissionsConfig', () => {
+  const safeAddress = faker.finance.ethereumAddress()
+  const walletAddress = faker.finance.ethereumAddress()
+
+  const mockSafeTx = { data: { nonce: 1 } } as SafeTransaction
+
+  const mockSafe = extendedSafeInfoBuilder()
+    .with({ address: { value: safeAddress }, owners: [{ value: walletAddress }] })
+    .with({ deployed: true })
+    .build()
+
+  const mockWallet = {
+    address: walletAddress,
+  } as ReturnType<typeof useWallet>
+
+  const mockCommonProps = {
+    safe: mockSafe,
+    wallet: mockWallet,
+  }
+
+  describe('Owner', () => {
+    it('should return correct permissions', () => {
+      const permissions = rolePermissionsConfig[Role.Owner]!(mockCommonProps)
+      expect(permissions).toEqual({
+        [Permission.CreateTransaction]: true,
+        [Permission.ProposeTransaction]: true,
+        [Permission.SignTransaction]: true,
+        [Permission.ExecuteTransaction]: expect.any(Function),
+        [Permission.EnablePushNotifications]: true,
+      })
+      expect(permissions[Permission.ExecuteTransaction]!({ safeTx: mockSafeTx })).toBe(true)
+    })
+  })
+
+  describe('Proposer', () => {
+    it('should return correct permissions', () => {
+      const permissions = rolePermissionsConfig[Role.Proposer]!(mockCommonProps)
+      expect(permissions).toEqual({
+        [Permission.CreateTransaction]: true,
+        [Permission.ProposeTransaction]: true,
+        [Permission.ExecuteTransaction]: expect.any(Function),
+        [Permission.EnablePushNotifications]: true,
+      })
+      expect(permissions[Permission.ExecuteTransaction]!({ safeTx: mockSafeTx })).toBe(true)
+    })
+  })
+
+  describe('Executioner', () => {
+    it('should return correct permissions', () => {
+      const permissions = rolePermissionsConfig[Role.Executioner]!(mockCommonProps)
+      expect(permissions).toEqual({
+        [Permission.ExecuteTransaction]: expect.any(Function),
+        [Permission.EnablePushNotifications]: true,
+      })
+      expect(permissions[Permission.ExecuteTransaction]!({ safeTx: mockSafeTx })).toBe(true)
+    })
+  })
+
+  describe('SpendingLimitBeneficiary', () => {
+    const mockSpendingLimits = new Array(3).fill(null).map(() => ({
+      token: { address: faker.finance.ethereumAddress() },
+      beneficiary: faker.finance.ethereumAddress(),
+      amount: faker.finance.amount({ min: 1000, max: 5000, dec: 0 }),
+      spent: faker.finance.amount({ min: 0, max: 1000, dec: 0 }),
+    })) as SpendingLimitState[]
+
+    it('should return correct permissions', () => {
+      const permissions = rolePermissionsConfig[Role.SpendingLimitBeneficiary]!(mockCommonProps, {
+        spendingLimits: mockSpendingLimits,
+      })
+
+      expect(permissions).toEqual({
+        [Permission.ExecuteTransaction]: expect.any(Function),
+        [Permission.EnablePushNotifications]: true,
+        [Permission.CreateSpendingLimitTransaction]: expect.any(Function),
+      })
+
+      expect(permissions[Permission.ExecuteTransaction]!({ safeTx: mockSafeTx })).toBe(true)
+    })
+
+    describe('CreateSpendingLimitTransaction', () => {
+      const tokenAddress = mockSpendingLimits[0].token.address
+
+      it('should return `false` if no wallet connected', () => {
+        const permissions = rolePermissionsConfig[Role.SpendingLimitBeneficiary]!(
+          { safe: mockSafe, wallet: null },
+          { spendingLimits: mockSpendingLimits },
+        )
+
+        expect(permissions[Permission.CreateSpendingLimitTransaction]!({ tokenAddress })).toBe(false)
+      })
+
+      describe('without tokenAddress', () => {
+        it('should return `true` if any spending limit defined for connected wallet address', () => {
+          const permissions = rolePermissionsConfig[Role.SpendingLimitBeneficiary]!(mockCommonProps, {
+            spendingLimits: [
+              ...mockSpendingLimits,
+              {
+                token: { address: faker.finance.ethereumAddress() },
+                beneficiary: walletAddress,
+                amount: faker.finance.amount({ min: 1000, max: 5000, dec: 0 }),
+                spent: faker.finance.amount({ min: 0, max: 1000, dec: 0 }),
+              },
+            ] as SpendingLimitState[],
+          })
+
+          expect(permissions[Permission.CreateSpendingLimitTransaction]!({})).toBe(true)
+        })
+
+        it('should return `false` if no spending limit defined for connected wallet address', () => {
+          const permissions = rolePermissionsConfig[Role.SpendingLimitBeneficiary]!(mockCommonProps, {
+            spendingLimits: mockSpendingLimits,
+          })
+
+          expect(permissions[Permission.CreateSpendingLimitTransaction]!({})).toBe(false)
+        })
+      })
+
+      describe('with tokenAddress', () => {
+        it('should return `true` if a spending limit defined for token and connected wallet address', () => {
+          const permissions = rolePermissionsConfig[Role.SpendingLimitBeneficiary]!(mockCommonProps, {
+            spendingLimits: [
+              ...mockSpendingLimits,
+              {
+                token: { address: tokenAddress },
+                beneficiary: walletAddress,
+                amount: faker.finance.amount({ min: 1000, max: 5000, dec: 0 }),
+                spent: faker.finance.amount({ min: 0, max: 1000, dec: 0 }),
+              },
+            ] as SpendingLimitState[],
+          })
+
+          expect(permissions[Permission.CreateSpendingLimitTransaction]!({ tokenAddress })).toBe(true)
+        })
+
+        it('should return `false` if no spending limit defined for token and connected wallet address', () => {
+          const permissions = rolePermissionsConfig[Role.SpendingLimitBeneficiary]!(mockCommonProps, {
+            spendingLimits: mockSpendingLimits,
+          })
+
+          expect(permissions[Permission.CreateSpendingLimitTransaction]!({ tokenAddress })).toBe(false)
+        })
+
+        it('should return `false` if the spending limit defined is reached', () => {
+          const mockAmount = faker.finance.amount({ min: 1000, max: 5000, dec: 0 })
+
+          const permissions = rolePermissionsConfig[Role.SpendingLimitBeneficiary]!(mockCommonProps, {
+            spendingLimits: [
+              ...mockSpendingLimits,
+              { token: { address: tokenAddress }, beneficiary: walletAddress, amount: mockAmount, spent: mockAmount },
+            ] as SpendingLimitState[],
+          })
+
+          expect(permissions[Permission.CreateSpendingLimitTransaction]!({ tokenAddress })).toBe(false)
+        })
+      })
+    })
+  })
+})
diff --git a/apps/web/src/permissions/config.ts b/apps/web/src/permissions/config.ts
new file mode 100644
index 000000000..4bcee690a
--- /dev/null
+++ b/apps/web/src/permissions/config.ts
@@ -0,0 +1,125 @@
+import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import type { ExtendedSafeInfo } from '@safe-global/store/slices/SafeInfo/types'
+import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import type { SafeTransaction } from '@safe-global/types-kit'
+
+export enum Role {
+  Owner = 'Owner',
+  NestedOwner = 'NestedOwner',
+  Proposer = 'Proposer',
+  Executioner = 'Executioner',
+  ModuleRole = 'ModuleRole',
+  Recoverer = 'Recoverer',
+  SpendingLimitBeneficiary = 'SpendingLimitBeneficiary',
+  NoWalletConnected = 'NoWalletConnected',
+}
+
+export enum Permission {
+  CreateTransaction = 'CreateTransaction',
+  ProposeTransaction = 'ProposeTransaction',
+  SignTransaction = 'SignTransaction',
+  ExecuteTransaction = 'ExecuteTransaction',
+  CreateSpendingLimitTransaction = 'CreateSpendingLimitTransaction',
+  EnablePushNotifications = 'EnablePushNotifications',
+}
+
+/**
+ * RolePropsMap defines property types for specific roles.
+ * The props are used to specify conditional permission values for the respective role.
+ */
+export type RolePropsMap = {
+  [Role.SpendingLimitBeneficiary]: {
+    spendingLimits: SpendingLimitState[]
+  }
+}
+
+// Extract the props for a specific role from RolePropsMap
+export type RoleProps<R extends Role> = R extends keyof RolePropsMap ? RolePropsMap[R] : undefined
+
+/**
+ * PermissionPropsMap defines property types for specific permissions.
+ * The props are used as inputs to evaluate permission functions.
+ */
+export type PermissionPropsMap = {
+  [Permission.ExecuteTransaction]: { safeTx: SafeTransaction }
+  [Permission.CreateSpendingLimitTransaction]: { tokenAddress?: string } | undefined
+}
+
+// Extract the props for a specific permission from PermissionPropsMap
+export type PermissionProps<P extends Permission> = P extends keyof PermissionPropsMap
+  ? PermissionPropsMap[P]
+  : undefined
+
+// Define the type for a permission function that evaluates to a boolean
+type PermissionFn<P extends Permission> =
+  PermissionProps<P> extends undefined ? undefined : (args: PermissionProps<P>) => boolean
+
+// Define the type for a permission set that maps permissions to their values
+export type PermissionSet = {
+  [P in Permission]?: PermissionFn<P> extends undefined ? boolean : PermissionFn<P>
+}
+
+export type CommonProps = {
+  safe: ExtendedSafeInfo
+  wallet: ConnectedWallet | null
+}
+
+export type RolePermissionsFn<R extends Role> =
+  RoleProps<R> extends undefined
+    ? (props: CommonProps) => PermissionSet
+    : (props: CommonProps, roleProps: RoleProps<R>) => PermissionSet
+
+type RolePermissionsConfig = {
+  [R in Role]?: RolePermissionsFn<R>
+}
+
+/**
+ * Defines the permissions for each role.
+ */
+export default <RolePermissionsConfig>{
+  [Role.Owner]: () => ({
+    [Permission.CreateTransaction]: true,
+    [Permission.ProposeTransaction]: true,
+    [Permission.SignTransaction]: true,
+    [Permission.ExecuteTransaction]: () => true,
+    [Permission.EnablePushNotifications]: true,
+  }),
+  [Role.Proposer]: () => ({
+    [Permission.CreateTransaction]: true,
+    [Permission.ProposeTransaction]: true,
+    [Permission.ExecuteTransaction]: () => true,
+    [Permission.EnablePushNotifications]: true,
+  }),
+  [Role.Executioner]: () => ({
+    [Permission.ExecuteTransaction]: () => true,
+    [Permission.EnablePushNotifications]: true,
+  }),
+  [Role.SpendingLimitBeneficiary]: ({ wallet }, { spendingLimits }) => ({
+    [Permission.ExecuteTransaction]: () => true,
+    [Permission.EnablePushNotifications]: true,
+    [Permission.CreateSpendingLimitTransaction]: ({ tokenAddress } = {}) => {
+      if (!wallet) return false
+
+      if (!tokenAddress) {
+        // Check if the connected wallet has a spending limit for any token
+        return spendingLimits.some((sl) => sameAddress(sl.beneficiary, wallet.address))
+      }
+
+      // Check if the connected wallet has a spending limit for the given token
+      const spendingLimit = spendingLimits.find(
+        (sl) => sameAddress(sl.token.address, tokenAddress) && sameAddress(sl.beneficiary, wallet.address),
+      )
+
+      if (spendingLimit) {
+        // Check if the spending limit has not been reached
+        return BigInt(spendingLimit.amount) - BigInt(spendingLimit.spent) > 0
+      }
+
+      return false
+    },
+  }),
+  [Role.NoWalletConnected]: () => ({
+    [Permission.EnablePushNotifications]: false,
+  }),
+}
diff --git a/apps/web/src/permissions/getRolePermissions.test.ts b/apps/web/src/permissions/getRolePermissions.test.ts
new file mode 100644
index 000000000..b8134b335
--- /dev/null
+++ b/apps/web/src/permissions/getRolePermissions.test.ts
@@ -0,0 +1,140 @@
+import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
+import { getRolePermissions } from './getRolePermissions'
+import { Role } from './config'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+import { connectedWalletBuilder } from '@/tests/builders/wallet'
+import { faker } from '@faker-js/faker'
+
+const safeAddress = faker.finance.ethereumAddress()
+const walletAddress = faker.finance.ethereumAddress()
+
+jest.mock('./config', () => ({
+  ...jest.requireActual('./config'),
+  __esModule: true,
+  default: {
+    Owner: () => ({
+      CreateTransaction: true,
+      ProposeTransaction: true,
+      SignTransaction: true,
+      ExecuteTransaction: () => true,
+    }),
+    Proposer: () => ({
+      CreateTransaction: true,
+      ProposeTransaction: true,
+      ExecuteTransaction: () => true,
+    }),
+    SpendingLimitBeneficiary: (
+      { wallet }: { wallet: { address: string } },
+      { spendingLimits }: { spendingLimits: number[] },
+    ) => ({
+      CreateTransaction: spendingLimits.includes(1) && wallet.address === walletAddress,
+      ProposeTransaction: spendingLimits.includes(5),
+    }),
+  },
+}))
+
+describe('getRolePermissions', () => {
+  it('should return the permissions for the given roles', () => {
+    const rolePermissions = getRolePermissions(
+      [Role.Owner, Role.Proposer],
+      {
+        wallet: connectedWalletBuilder().with({ address: walletAddress }).build(),
+        safe: extendedSafeInfoBuilder()
+          .with({ address: { value: safeAddress }, owners: [{ value: walletAddress }] })
+          .with({ deployed: false })
+          .build(),
+      },
+      {},
+    )
+
+    expect(rolePermissions).toEqual({
+      Owner: {
+        CreateTransaction: true,
+        ProposeTransaction: true,
+        SignTransaction: true,
+        ExecuteTransaction: expect.any(Function),
+      },
+      Proposer: {
+        CreateTransaction: true,
+        ProposeTransaction: true,
+        ExecuteTransaction: expect.any(Function),
+      },
+    })
+  })
+
+  it('should ignore roles that do not have permissions defined', () => {
+    const rolePermissions = getRolePermissions(
+      [Role.Owner, Role.NestedOwner],
+      {
+        wallet: connectedWalletBuilder().with({ address: walletAddress }).build(),
+        safe: extendedSafeInfoBuilder()
+          .with({ address: { value: safeAddress }, owners: [{ value: walletAddress }] })
+          .with({ deployed: false })
+          .build(),
+      },
+      {},
+    )
+
+    expect(rolePermissions).toEqual({
+      Owner: {
+        CreateTransaction: true,
+        ProposeTransaction: true,
+        SignTransaction: true,
+        ExecuteTransaction: expect.any(Function),
+      },
+    })
+  })
+
+  it('should return the permissions for the given roles with the specific props', () => {
+    const rolePermissions = getRolePermissions(
+      [Role.SpendingLimitBeneficiary],
+      {
+        wallet: connectedWalletBuilder().with({ address: walletAddress }).build(),
+        safe: extendedSafeInfoBuilder()
+          .with({ address: { value: safeAddress }, owners: [{ value: walletAddress }] })
+          .with({ deployed: false })
+          .build(),
+      },
+      {
+        SpendingLimitBeneficiary: { spendingLimits: [1, 2, 3] as unknown as SpendingLimitState[] },
+      },
+    )
+
+    expect(rolePermissions).toEqual({
+      SpendingLimitBeneficiary: {
+        CreateTransaction: true,
+        ProposeTransaction: false,
+      },
+    })
+  })
+
+  it('should return an empty object if no permissions are defined for the roles', () => {
+    const rolePermissions = getRolePermissions(
+      [Role.NestedOwner, Role.Recoverer],
+      {
+        wallet: connectedWalletBuilder().with({ address: walletAddress }).build(),
+        safe: extendedSafeInfoBuilder()
+          .with({ address: { value: safeAddress }, owners: [{ value: walletAddress }] })
+          .with({ deployed: false })
+          .build(),
+      },
+      {},
+    )
+    expect(rolePermissions).toEqual({})
+  })
+
+  it('should return an empty object if being called with an empty roles array', () => {
+    const rolePermissions = getRolePermissions(
+      [],
+      {
+        wallet: connectedWalletBuilder().with({ address: walletAddress }).build(),
+        safe: extendedSafeInfoBuilder()
+          .with({ address: { value: safeAddress }, owners: [{ value: walletAddress }] })
+          .with({ deployed: false })
+          .build(),
+      },
+      {},
+    )
+    expect(rolePermissions).toEqual({})
+  })
+})
diff --git a/apps/web/src/permissions/getRolePermissions.ts b/apps/web/src/permissions/getRolePermissions.ts
new file mode 100644
index 000000000..0919c1630
--- /dev/null
+++ b/apps/web/src/permissions/getRolePermissions.ts
@@ -0,0 +1,24 @@
+import rolePermissionConfig from './config'
+import type { CommonProps, PermissionSet, Role, RoleProps } from './config'
+
+/**
+ * Get the PermissionSet for multiple roles with the given role props object.
+ * @param roles Roles to get permissions for
+ * @param props Common props used to evaluate the permissions
+ * @param roleProps Object with specific parameters for the roles
+ * @returns Object with PermissionSet for each of the give roles that has permissions defined
+ */
+export const getRolePermissions = <R extends Role>(
+  roles: R[],
+  props: CommonProps,
+  roleProps: { [K in R]?: RoleProps<K> },
+) =>
+  roles.reduce<{ [_K in R]?: PermissionSet }>((acc, role) => {
+    const rolePermissionsFn = rolePermissionConfig[role]
+
+    if (!rolePermissionsFn) {
+      return acc
+    }
+
+    return { ...acc, [role]: rolePermissionsFn(props, roleProps[role] as RoleProps<R>) }
+  }, {})
diff --git a/apps/web/src/permissions/hoc/withPermission.test.tsx b/apps/web/src/permissions/hoc/withPermission.test.tsx
new file mode 100644
index 000000000..f33156594
--- /dev/null
+++ b/apps/web/src/permissions/hoc/withPermission.test.tsx
@@ -0,0 +1,63 @@
+import React from 'react'
+import { render } from '@/tests/test-utils'
+import { withPermission } from './withPermission'
+import * as useHasPermission from '../hooks/useHasPermission'
+import { Permission } from '../config'
+
+describe('withPermission', () => {
+  const useHasPermissionSpy = jest.spyOn(useHasPermission, 'useHasPermission')
+
+  const MockComponent = ({ hasPermission, foo }: { hasPermission?: boolean; foo?: string }) => (
+    <div>
+      {hasPermission !== undefined && <span>hasPermission: {hasPermission.toString()}</span>}
+      {foo && <span>{foo}</span>}
+    </div>
+  )
+
+  const WrappedComponent = withPermission(MockComponent, Permission.ProposeTransaction)
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should render WrappedComponent if user has permission', () => {
+    useHasPermissionSpy.mockReturnValue(true)
+
+    const { getByText } = render(<WrappedComponent foo="Hello" />)
+
+    expect(getByText('hasPermission: true')).toBeInTheDocument()
+    expect(getByText('Hello')).toBeInTheDocument()
+    expect(useHasPermissionSpy).toHaveBeenCalledWith(Permission.ProposeTransaction)
+  })
+
+  it('should not render WrappedComponent if user does not have permission and forceRender is false', () => {
+    useHasPermissionSpy.mockReturnValue(false)
+
+    const { queryByText } = render(<WrappedComponent foo="Hello" />)
+
+    expect(queryByText('hasPermission: false')).not.toBeInTheDocument()
+    expect(queryByText('Hello')).not.toBeInTheDocument()
+    expect(useHasPermissionSpy).toHaveBeenCalledWith(Permission.ProposeTransaction)
+  })
+
+  it('should render WrappedComponent if user does not have permission but forceRender is true', () => {
+    useHasPermissionSpy.mockReturnValue(false)
+
+    const { getByText } = render(<WrappedComponent foo="Hello" forceRender />)
+
+    expect(getByText('hasPermission: false')).toBeInTheDocument()
+    expect(getByText('Hello')).toBeInTheDocument()
+    expect(useHasPermissionSpy).toHaveBeenCalledWith(Permission.ProposeTransaction)
+  })
+
+  it('should pass permissionProps to useHasPermission', () => {
+    const permissionProps = { someProp: 'value' }
+    useHasPermissionSpy.mockReturnValue(true)
+
+    const { getByText } = render(<WrappedComponent foo="Hello" permissionProps={permissionProps as any} />)
+
+    expect(getByText('hasPermission: true')).toBeInTheDocument()
+    expect(getByText('Hello')).toBeInTheDocument()
+    expect(useHasPermissionSpy).toHaveBeenCalledWith(Permission.ProposeTransaction, permissionProps)
+  })
+})
diff --git a/apps/web/src/permissions/hoc/withPermission.tsx b/apps/web/src/permissions/hoc/withPermission.tsx
new file mode 100644
index 000000000..7c5e8cb2e
--- /dev/null
+++ b/apps/web/src/permissions/hoc/withPermission.tsx
@@ -0,0 +1,51 @@
+import type { Permission, PermissionProps } from '../config'
+import { useHasPermission } from '../hooks/useHasPermission'
+
+type WrappingComponentProps<
+  C extends React.ComponentType<any>,
+  P extends Permission,
+  PProps = PermissionProps<P> extends undefined ? { permissionProps?: never } : { permissionProps: PermissionProps<P> },
+> = React.ComponentProps<C> &
+  PProps & {
+    // if true, the component will be rendered even if the user does not have the permission
+    forceRender?: boolean
+  }
+
+/**
+ * HOC that renders WrappedComponent only if user has a specific permission
+ * @param WrappedComponent component to wrap with permission check
+ * @param permission permission to check
+ * @returns component that renders WrappedComponent if user has permission
+ * @example
+ * const RandomComponent = () => <div>Hello world.</div>
+ * const WithProposeTxPermission = withPermission(RandomComponent, Permission.ProposeTransaction)
+ * const OuterComponent = () => <WithProposeTxPermission />
+ * @example
+ * const RandomComponent = (props: { hasPermission?: boolean }) => <div>hasPermission: {props.hasPermission}</div>
+ * const WithProposeTxPermission = withPermission(RandomComponent, Permission.ProposeTransaction)
+ * const OuterComponent = () => <WithProposeTxPermission forceRender />
+ * @example
+ * const RandomComponent = (props: { foo: string }) => <div>{props.foo}</div>
+ * const WithExecuteTxPermission = withPermission(RandomComponent, Permission.ExecuteTransaction)
+ * const OuterComponent = () => <WithExecuteTxPermission foo="Hello" permissionProps={{safeTx: {} as any}} />
+ */
+export function withPermission<C extends React.ComponentType<any & { hasPermission?: boolean }>, P extends Permission>(
+  WrappedComponent: C,
+  permission: P,
+) {
+  const WithPermissions = ({ forceRender, permissionProps, ...props }: WrappingComponentProps<C, P>) => {
+    const hasPermission = useHasPermission(permission, ...(permissionProps ? [permissionProps] : []))
+
+    if (!forceRender && !hasPermission) {
+      return null
+    }
+
+    const wrappedProps = { ...props, hasPermission } as React.ComponentProps<C>
+
+    return <WrappedComponent {...wrappedProps} />
+  }
+
+  WithPermissions.displayName = WrappedComponent.displayName || WrappedComponent.name
+
+  return WithPermissions
+}
diff --git a/apps/web/src/permissions/hoc/withRole.test.tsx b/apps/web/src/permissions/hoc/withRole.test.tsx
new file mode 100644
index 000000000..1ba3fc23d
--- /dev/null
+++ b/apps/web/src/permissions/hoc/withRole.test.tsx
@@ -0,0 +1,62 @@
+import React from 'react'
+import { render } from '@/tests/test-utils'
+import { withRole } from './withRole'
+import * as useHasRoles from '../hooks/useHasRoles'
+import { Role } from '../config'
+
+describe('withRole', () => {
+  const useHasRolesSpy = jest.spyOn(useHasRoles, 'useHasRoles')
+
+  const MockComponent = ({ hasRole, foo }: { hasRole?: boolean; foo?: string }) => (
+    <div>
+      {hasRole !== undefined && <span>hasRole: {hasRole.toString()}</span>}
+      {foo && <span>{foo}</span>}
+    </div>
+  )
+
+  const WrappedComponent = withRole(MockComponent, Role.Owner)
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should render WrappedComponent if user has role', () => {
+    useHasRolesSpy.mockReturnValue(true)
+
+    const { getByText } = render(<WrappedComponent foo="Hello" />)
+
+    expect(getByText('hasRole: true')).toBeInTheDocument()
+    expect(getByText('Hello')).toBeInTheDocument()
+    expect(useHasRolesSpy).toHaveBeenCalledWith([Role.Owner], undefined)
+  })
+
+  it('should not render WrappedComponent if user does not have role and forceRender is false', () => {
+    useHasRolesSpy.mockReturnValue(false)
+
+    const { queryByText } = render(<WrappedComponent foo="Hello" />)
+
+    expect(queryByText('hasRole: false')).not.toBeInTheDocument()
+    expect(queryByText('Hello')).not.toBeInTheDocument()
+    expect(useHasRolesSpy).toHaveBeenCalledWith([Role.Owner], undefined)
+  })
+
+  it('should render WrappedComponent if user does not have role but forceRender is true', () => {
+    useHasRolesSpy.mockReturnValue(false)
+
+    const { getByText } = render(<WrappedComponent foo="Hello" forceRender />)
+
+    expect(getByText('hasRole: false')).toBeInTheDocument()
+    expect(getByText('Hello')).toBeInTheDocument()
+    expect(useHasRolesSpy).toHaveBeenCalledWith([Role.Owner], undefined)
+  })
+
+  it('should pass exclusive prop to useHasRoles', () => {
+    useHasRolesSpy.mockReturnValue(true)
+
+    const { getByText } = render(<WrappedComponent foo="Hello" exclusive />)
+
+    expect(getByText('hasRole: true')).toBeInTheDocument()
+    expect(getByText('Hello')).toBeInTheDocument()
+    expect(useHasRolesSpy).toHaveBeenCalledWith([Role.Owner], true)
+  })
+})
diff --git a/apps/web/src/permissions/hoc/withRole.tsx b/apps/web/src/permissions/hoc/withRole.tsx
new file mode 100644
index 000000000..9ed2dc581
--- /dev/null
+++ b/apps/web/src/permissions/hoc/withRole.tsx
@@ -0,0 +1,42 @@
+import type { Role } from '../config'
+import { useHasRoles } from '../hooks/useHasRoles'
+
+type WrappingComponentProps<C extends React.ComponentType<any>> = React.ComponentProps<C> & {
+  // whether the user must have only the roles to check
+  exclusive?: boolean
+  // if true, the component will be rendered even if the user does not have the role
+  forceRender?: boolean
+}
+
+/**
+ * HOC that renders WrappedComponent only if user has a specific role
+ * @param WrappedComponent component to wrap with role check
+ * @param role role to check
+ * @returns component that renders WrappedComponent if user has role
+ * @example
+ * const RandomComponent = (props: { hasRole?: boolean }) => <div>hasRole: {props.hasRole}</div>
+ * const WithOwnerRole = withRole(RandomComponent, Role.Owner)
+ * const RenderOnlyForOwner = () => <WithOwnerRole />
+ * const RenderOnlyForOwnerExclusively = () => <WithOwnerRole exclusive />
+ * const RenderForAllWithIsOwnerInfo = () => <WithOwnerRole forceRender />
+ */
+export function withRole<C extends React.ComponentType<any & { hasRole?: boolean }>, R extends Role>(
+  WrappedComponent: C,
+  role: R,
+) {
+  const WithRole = ({ forceRender, exclusive, ...props }: WrappingComponentProps<C>) => {
+    const hasRole = useHasRoles([role], exclusive)
+
+    if (!forceRender && !hasRole) {
+      return null
+    }
+
+    const wrappedProps = { ...props, hasRole } as React.ComponentProps<C>
+
+    return <WrappedComponent {...wrappedProps} />
+  }
+
+  WithRole.displayName = WrappedComponent.displayName || WrappedComponent.name
+
+  return WithRole
+}
diff --git a/apps/web/src/permissions/hooks/useHasPermission.test.tsx b/apps/web/src/permissions/hooks/useHasPermission.test.tsx
new file mode 100644
index 000000000..63ee723b9
--- /dev/null
+++ b/apps/web/src/permissions/hooks/useHasPermission.test.tsx
@@ -0,0 +1,52 @@
+import { renderHook } from '@/tests/test-utils'
+import { useHasPermission } from './useHasPermission'
+import * as usePermission from './usePermission'
+import { Permission, Role } from '../config'
+
+jest.mock('./usePermission')
+
+describe('useHasPermission', () => {
+  const usePermissionSpy = jest.spyOn(usePermission, 'usePermission')
+
+  const mockPermissionValues = {
+    [Role.Owner]: true,
+    [Role.Proposer]: false,
+    [Role.NestedOwner]: false,
+  }
+
+  beforeEach(() => {
+    usePermissionSpy.mockReturnValue(mockPermissionValues)
+  })
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should return true if any permission flag is true', () => {
+    const { result } = renderHook(() => useHasPermission(Permission.CreateTransaction))
+    expect(result.current).toBe(true)
+    expect(usePermissionSpy).toHaveBeenCalledWith(Permission.CreateTransaction)
+  })
+
+  it('should return false if all permission flags are false', () => {
+    usePermissionSpy.mockReturnValueOnce({
+      [Role.Owner]: false,
+      [Role.Proposer]: false,
+      [Role.NestedOwner]: false,
+    })
+
+    const { result } = renderHook(() => useHasPermission(Permission.SignTransaction))
+
+    expect(result.current).toBe(false)
+    expect(usePermissionSpy).toHaveBeenCalledWith(Permission.SignTransaction)
+  })
+
+  it('should handle permissions with props', () => {
+    const mockProps = { someProp: 'value' }
+
+    const { result } = renderHook(() => useHasPermission(Permission.CreateSpendingLimitTransaction, mockProps as any))
+
+    expect(result.current).toBe(true)
+    expect(usePermissionSpy).toHaveBeenCalledWith(Permission.CreateSpendingLimitTransaction, mockProps)
+  })
+})
diff --git a/apps/web/src/permissions/hooks/useHasPermission.ts b/apps/web/src/permissions/hooks/useHasPermission.ts
new file mode 100644
index 000000000..034741a24
--- /dev/null
+++ b/apps/web/src/permissions/hooks/useHasPermission.ts
@@ -0,0 +1,17 @@
+import type { Permission, PermissionProps } from '../config'
+import { usePermission } from './usePermission'
+
+/**
+ * Hook to check if the current user has a specific permission.
+ * @param permission Permission to check.
+ * @param props Specific props to pass to the permission function (only required if configured for the permission).
+ * @returns Boolean indicating if the user has the permission.
+ */
+export const useHasPermission = <P extends Permission, Props extends PermissionProps<P> = PermissionProps<P>>(
+  permission: P,
+  ...props: Props extends undefined ? [] : [props: Props]
+): boolean => {
+  const permissions = usePermission(permission, ...props)
+
+  return Object.values(permissions).some((flag) => flag)
+}
diff --git a/apps/web/src/permissions/hooks/useHasRoles.test.tsx b/apps/web/src/permissions/hooks/useHasRoles.test.tsx
new file mode 100644
index 000000000..b6307dab5
--- /dev/null
+++ b/apps/web/src/permissions/hooks/useHasRoles.test.tsx
@@ -0,0 +1,48 @@
+import { renderHook } from '@/tests/test-utils'
+import { useHasRoles } from './useHasRoles'
+import * as useRoles from './useRoles'
+import { Role } from '../config'
+
+describe('useHasRoles', () => {
+  const useRolesSpy = jest.spyOn(useRoles, 'useRoles')
+
+  const mockRoles = [Role.Owner, Role.Proposer, Role.Recoverer]
+
+  beforeEach(() => {
+    useRolesSpy.mockReturnValue(mockRoles)
+  })
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should return true if user has all roles to check (non-exclusive)', () => {
+    const { result } = renderHook(() => useHasRoles([Role.Owner, Role.Proposer]))
+    expect(result.current).toBe(true)
+  })
+
+  it('should return false if user does not have all roles to check (non-exclusive)', () => {
+    const { result } = renderHook(() => useHasRoles([Role.Owner, Role.NestedOwner]))
+    expect(result.current).toBe(false)
+  })
+
+  it('should return true if user has exactly the roles to check (exclusive)', () => {
+    const { result } = renderHook(() => useHasRoles([Role.Owner, Role.Proposer, Role.Recoverer], true))
+    expect(result.current).toBe(true)
+  })
+
+  it('should return false if user does not have exactly the roles to check (exclusive)', () => {
+    const { result } = renderHook(() => useHasRoles([Role.Owner, Role.Proposer], true))
+    expect(result.current).toBe(false)
+  })
+
+  it('should return true if roles to check is empty', () => {
+    const { result } = renderHook(() => useHasRoles([]))
+    expect(result.current).toBe(true)
+  })
+
+  it('should return false if roles to check is empty and exclusive is true', () => {
+    const { result } = renderHook(() => useHasRoles([], true))
+    expect(result.current).toBe(false)
+  })
+})
diff --git a/apps/web/src/permissions/hooks/useHasRoles.ts b/apps/web/src/permissions/hooks/useHasRoles.ts
new file mode 100644
index 000000000..665b197da
--- /dev/null
+++ b/apps/web/src/permissions/hooks/useHasRoles.ts
@@ -0,0 +1,29 @@
+import { useEffect, useState } from 'react'
+import { useRoles } from './useRoles'
+import { intersection, uniq } from 'lodash'
+import type { Role } from '../config'
+
+/**
+ * Hook to check if the current user has the given roles.
+ * @param rolesToCheck roles that the user must have to return true
+ * @param exclusive whether the user must have only the roles to check
+ * @returns true if the user has the roles to check, false otherwise
+ */
+export const useHasRoles = (rolesToCheck: Role[], exclusive = false): boolean => {
+  const roles = useRoles()
+  const [hasRoles, setHasRoles] = useState<boolean>(false)
+
+  useEffect(() => {
+    const uniqueRolesToCheck = uniq(rolesToCheck)
+    const rolesIntersection = intersection(rolesToCheck, roles)
+    const hasRolesNew = rolesIntersection.length === uniqueRolesToCheck.length
+
+    if (exclusive) {
+      setHasRoles(hasRolesNew && uniq(roles).length === uniqueRolesToCheck.length)
+    } else {
+      setHasRoles(hasRolesNew)
+    }
+  }, [rolesToCheck, roles, exclusive])
+
+  return hasRoles
+}
diff --git a/apps/web/src/permissions/hooks/usePermission.test.ts b/apps/web/src/permissions/hooks/usePermission.test.ts
new file mode 100644
index 000000000..319fd1a14
--- /dev/null
+++ b/apps/web/src/permissions/hooks/usePermission.test.ts
@@ -0,0 +1,134 @@
+import { renderHook } from '@/tests/test-utils'
+import { usePermission } from './usePermission'
+import * as useRoles from './useRoles'
+import * as useRoleProps from './useRoleProps'
+import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
+import * as getRolePermissions from '../getRolePermissions'
+import * as useSafeInfo from '@/hooks/useSafeInfo'
+import * as useWallet from '@/hooks/wallets/useWallet'
+import { Permission, Role } from '../config'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+import { faker } from '@faker-js/faker'
+
+describe('usePermission', () => {
+  const useRolesSpy = jest.spyOn(useRoles, 'useRoles')
+  const useRolePropsSpy = jest.spyOn(useRoleProps, 'useRoleProps')
+  const getRolePermissionsSpy = jest.spyOn(getRolePermissions, 'getRolePermissions')
+  const useSafeInfoSpy = jest.spyOn(useSafeInfo, 'default')
+  const useWalletSpy = jest.spyOn(useWallet, 'default')
+
+  const mockSpendingLimits = [{ limit: 1000 }, { limit: 2000 }] as unknown as SpendingLimitState[]
+  const mockRoles = [Role.Owner, Role.Proposer, Role.Recoverer, Role.SpendingLimitBeneficiary]
+  const mockRoleProps = { [Role.SpendingLimitBeneficiary]: { spendingLimits: mockSpendingLimits } }
+  const mockRolePermissions = {
+    [Role.Owner]: {
+      [Permission.CreateTransaction]: true,
+      [Permission.SignTransaction]: true,
+      [Permission.ProposeTransaction]: true,
+    },
+    [Role.Proposer]: {
+      [Permission.ProposeTransaction]: true,
+    },
+    [Role.SpendingLimitBeneficiary]: {
+      [Permission.CreateSpendingLimitTransaction]: () => true,
+    },
+  }
+
+  const safeAddress = faker.finance.ethereumAddress()
+  const walletAddress = faker.finance.ethereumAddress()
+
+  const mockSafe = extendedSafeInfoBuilder()
+    .with({ address: { value: safeAddress } })
+    .with({ deployed: true })
+    .build()
+
+  const mockWallet = {
+    address: walletAddress,
+  } as ReturnType<typeof useWallet.default>
+
+  beforeEach(() => {
+    useRolesSpy.mockReturnValue(mockRoles)
+    useRolePropsSpy.mockReturnValue(mockRoleProps)
+    getRolePermissionsSpy.mockReturnValue(mockRolePermissions)
+
+    useSafeInfoSpy.mockReturnValue({
+      safeAddress,
+      safe: mockSafe,
+    } as unknown as ReturnType<typeof useSafeInfo.default>)
+
+    useWalletSpy.mockReturnValue(mockWallet)
+  })
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should return correct permission value for each role', () => {
+    const { result } = renderHook(() => usePermission(Permission.ProposeTransaction))
+
+    expect(result.current).toEqual({ [Role.Owner]: true, [Role.Proposer]: true })
+
+    expect(useRolesSpy).toHaveBeenCalledTimes(1)
+    expect(useRolePropsSpy).toHaveBeenCalledTimes(1)
+    expect(getRolePermissionsSpy).toHaveBeenCalledTimes(1)
+    expect(getRolePermissionsSpy).toHaveBeenCalledWith(mockRoles, { safe: mockSafe, wallet: mockWallet }, mockRoleProps)
+    expect(useSafeInfoSpy).toHaveBeenCalledTimes(1)
+    expect(useWalletSpy).toHaveBeenCalledTimes(1)
+  })
+
+  it('should return correct permission value for each role when the permission is a function', () => {
+    const { result } = renderHook(() => usePermission(Permission.CreateSpendingLimitTransaction, undefined))
+
+    expect(result.current).toEqual({ [Role.SpendingLimitBeneficiary]: true })
+
+    expect(useRolesSpy).toHaveBeenCalledTimes(1)
+    expect(useRolePropsSpy).toHaveBeenCalledTimes(1)
+    expect(getRolePermissionsSpy).toHaveBeenCalledTimes(1)
+    expect(getRolePermissionsSpy).toHaveBeenCalledWith(mockRoles, { safe: mockSafe, wallet: mockWallet }, mockRoleProps)
+    expect(useSafeInfoSpy).toHaveBeenCalledTimes(1)
+    expect(useWalletSpy).toHaveBeenCalledTimes(1)
+  })
+
+  it("should return empty object when permission is defined for none of the user's role", () => {
+    useRolesSpy.mockReturnValueOnce([Role.Proposer, Role.Recoverer])
+    getRolePermissionsSpy.mockReturnValueOnce({
+      [Role.Proposer]: {
+        [Permission.ProposeTransaction]: true,
+      },
+      [Role.SpendingLimitBeneficiary]: {
+        [Permission.CreateSpendingLimitTransaction]: () => true,
+      },
+    })
+
+    const { result } = renderHook(() => usePermission(Permission.SignTransaction))
+
+    expect(result.current).toEqual({})
+
+    expect(useRolesSpy).toHaveBeenCalledTimes(1)
+    expect(useRolePropsSpy).toHaveBeenCalledTimes(1)
+    expect(getRolePermissionsSpy).toHaveBeenCalledTimes(1)
+    expect(getRolePermissionsSpy).toHaveBeenCalledWith(
+      [Role.Proposer, Role.Recoverer],
+      { safe: mockSafe, wallet: mockWallet },
+      mockRoleProps,
+    )
+    expect(useSafeInfoSpy).toHaveBeenCalledTimes(1)
+    expect(useWalletSpy).toHaveBeenCalledTimes(1)
+  })
+
+  it('should return empty object when no roles are defined', () => {
+    useRolesSpy.mockReturnValueOnce([])
+    getRolePermissionsSpy.mockReturnValueOnce({})
+
+    const { result } = renderHook(() => usePermission(Permission.SignTransaction))
+
+    expect(result.current).toEqual({})
+
+    expect(useRolesSpy).toHaveBeenCalledTimes(1)
+    expect(useRolePropsSpy).toHaveBeenCalledTimes(1)
+    expect(getRolePermissionsSpy).toHaveBeenCalledTimes(1)
+    expect(getRolePermissionsSpy).toHaveBeenCalledWith([], { safe: mockSafe, wallet: mockWallet }, mockRoleProps)
+    expect(useSafeInfoSpy).toHaveBeenCalledTimes(1)
+    expect(useWalletSpy).toHaveBeenCalledTimes(1)
+  })
+})
diff --git a/apps/web/src/permissions/hooks/usePermission.ts b/apps/web/src/permissions/hooks/usePermission.ts
new file mode 100644
index 000000000..0bc3d5525
--- /dev/null
+++ b/apps/web/src/permissions/hooks/usePermission.ts
@@ -0,0 +1,48 @@
+import { useMemo } from 'react'
+import { useRoles } from './useRoles'
+import { useRoleProps } from './useRoleProps'
+import { getRolePermissions } from '../getRolePermissions'
+import type { Permission, Role, PermissionProps } from '../config'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import useWallet from '@/hooks/wallets/useWallet'
+
+/**
+ * Hook to get the result of a permission check for the current user based on the Safe and the connected wallet.
+ * @param permission Permission to check.
+ * @param props Specific props to pass to the permission function (only required if configured for the permission).
+ * @returns Object with the result of the permission check for each role that the user has.
+ */
+export const usePermission = <P extends Permission>(
+  permission: P,
+  ...[props]: PermissionProps<P> extends undefined ? [] : [props: PermissionProps<P>]
+): { [_R in Role]?: boolean } => {
+  const userRoles = useRoles()
+  const roleProps = useRoleProps()
+  const { safe } = useSafeInfo()
+  const wallet = useWallet()
+
+  const userPermissions = useMemo(() => {
+    return getRolePermissions(userRoles, { safe, wallet }, roleProps)
+  }, [userRoles, roleProps, safe, wallet])
+
+  const permissionPerRole = useMemo(() => {
+    return Object.entries(userPermissions).reduce((acc, [role, permissions]) => {
+      const permissionValue = permissions?.[permission]
+
+      if (permissionValue === undefined) {
+        // No permission defined for the role
+        return acc
+      }
+
+      if (typeof permissionValue === 'function') {
+        // Evaluate the permission function with the given props
+        return { ...acc, [role]: permissionValue(props as PermissionProps<P>) }
+      }
+
+      // Return the permission value (boolean) as is
+      return { ...acc, [role]: permissionValue }
+    }, {})
+  }, [userPermissions, permission, props])
+
+  return permissionPerRole
+}
diff --git a/apps/web/src/permissions/hooks/useRoleProps.test.tsx b/apps/web/src/permissions/hooks/useRoleProps.test.tsx
new file mode 100644
index 000000000..a73e23ece
--- /dev/null
+++ b/apps/web/src/permissions/hooks/useRoleProps.test.tsx
@@ -0,0 +1,45 @@
+import { renderHook } from '@/tests/test-utils'
+import * as reactRedux from 'react-redux'
+import { useRoleProps } from './useRoleProps'
+import { Role } from '../config'
+import * as spendingLimitsSlice from '@/store/spendingLimitsSlice'
+
+describe('useRoleProps', () => {
+  const selectSpendingLimitsSpy = jest.spyOn(spendingLimitsSlice, 'selectSpendingLimits')
+  const useSelectorSpy = jest.spyOn(reactRedux, 'useSelector')
+
+  const mockSpendingLimits = [{ limit: 1000 }, { limit: 2000 }] as unknown as spendingLimitsSlice.SpendingLimitState[]
+
+  beforeEach(() => {
+    selectSpendingLimitsSpy.mockReturnValue(mockSpendingLimits)
+    useSelectorSpy.mockImplementation((sliceFn) => sliceFn({}))
+  })
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  describe('SpendingLimitBeneficiary', () => {
+    it('should return correct props', () => {
+      const { result } = renderHook(() => useRoleProps())
+
+      expect(result.current).toEqual({
+        [Role.SpendingLimitBeneficiary]: { spendingLimits: mockSpendingLimits },
+      })
+
+      expect(useSelectorSpy).toHaveBeenCalledWith(expect.any(Function))
+    })
+
+    it('should return empty spendingLimits when selector returns undefined', () => {
+      useSelectorSpy.mockReturnValue(undefined)
+
+      const { result } = renderHook(() => useRoleProps())
+
+      expect(result.current).toEqual({
+        [Role.SpendingLimitBeneficiary]: { spendingLimits: undefined },
+      })
+
+      expect(useSelectorSpy).toHaveBeenCalledWith(expect.any(Function))
+    })
+  })
+})
diff --git a/apps/web/src/permissions/hooks/useRoleProps.ts b/apps/web/src/permissions/hooks/useRoleProps.ts
new file mode 100644
index 000000000..008a3dd97
--- /dev/null
+++ b/apps/web/src/permissions/hooks/useRoleProps.ts
@@ -0,0 +1,15 @@
+import { useSelector } from 'react-redux'
+import { selectSpendingLimits } from '@/store/spendingLimitsSlice'
+import { type RolePropsMap, Role } from '../config'
+
+/**
+ * Hook to get the props for each role based on the current state of the application.
+ * @returns Object with the props per role.
+ */
+export const useRoleProps = (): RolePropsMap => {
+  const spendingLimits = useSelector(selectSpendingLimits)
+
+  return {
+    [Role.SpendingLimitBeneficiary]: { spendingLimits },
+  }
+}
diff --git a/apps/web/src/permissions/hooks/useRoles.test.tsx b/apps/web/src/permissions/hooks/useRoles.test.tsx
new file mode 100644
index 000000000..8a4fea9e6
--- /dev/null
+++ b/apps/web/src/permissions/hooks/useRoles.test.tsx
@@ -0,0 +1,75 @@
+import { renderHook } from '@/tests/test-utils'
+import { useRoles } from './useRoles'
+import { Role } from '../config'
+import * as useWallet from '@/hooks/wallets/useWallet'
+import * as useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import * as useIsNestedSafeOwner from '@/hooks/useIsNestedSafeOwner'
+import * as useIsWalletProposer from '@/hooks/useProposers'
+import * as useIsRecoverer from '@/features/recovery/hooks/useIsRecoverer'
+import * as useIsSpendingLimitBeneficiary from '@/hooks/useIsOnlySpendingLimitBeneficiary'
+import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
+
+describe('useRoles', () => {
+  const useWalletSpy = jest.spyOn(useWallet, 'default')
+  const useIsSafeOwnerSpy = jest.spyOn(useIsSafeOwner, 'default')
+  const useIsNestedSafeOwnerSpy = jest.spyOn(useIsNestedSafeOwner, 'useIsNestedSafeOwner')
+  const useIsWalletProposerSpy = jest.spyOn(useIsWalletProposer, 'useIsWalletProposer')
+  const useIsRecovererSpy = jest.spyOn(useIsRecoverer, 'useIsRecoverer')
+  const useIsSpendingLimitBeneficiarySpy = jest.spyOn(useIsSpendingLimitBeneficiary, 'useIsSpendingLimitBeneficiary')
+
+  beforeEach(() => {
+    useWalletSpy.mockReturnValue({} as unknown as ConnectedWallet)
+    useIsSafeOwnerSpy.mockReturnValue(true)
+    useIsNestedSafeOwnerSpy.mockReturnValue(true)
+    useIsWalletProposerSpy.mockReturnValue(true)
+    useIsRecovererSpy.mockReturnValue(true)
+    useIsSpendingLimitBeneficiarySpy.mockReturnValue(true)
+  })
+
+  afterEach(() => {
+    expect(useWalletSpy).toHaveBeenCalledTimes(1)
+    expect(useIsSafeOwnerSpy).toHaveBeenCalledTimes(1)
+    expect(useIsNestedSafeOwnerSpy).toHaveBeenCalledTimes(1)
+    expect(useIsWalletProposerSpy).toHaveBeenCalledTimes(1)
+    expect(useIsRecovererSpy).toHaveBeenCalledTimes(1)
+    expect(useIsSpendingLimitBeneficiarySpy).toHaveBeenCalledTimes(1)
+
+    jest.clearAllMocks()
+  })
+
+  it('should return correct roles when all conditions are met', () => {
+    const { result } = renderHook(() => useRoles())
+
+    expect(result.current).toEqual([
+      Role.Owner,
+      Role.NestedOwner,
+      Role.Proposer,
+      Role.Recoverer,
+      Role.SpendingLimitBeneficiary,
+      Role.Executioner,
+    ])
+  })
+
+  it('should return correct roles when no wallet is connected', () => {
+    useWalletSpy.mockReturnValueOnce(null)
+    useIsSafeOwnerSpy.mockReturnValueOnce(false)
+    useIsNestedSafeOwnerSpy.mockReturnValueOnce(false)
+    useIsWalletProposerSpy.mockReturnValueOnce(false)
+    useIsRecovererSpy.mockReturnValueOnce(false)
+    useIsSpendingLimitBeneficiarySpy.mockReturnValueOnce(false)
+
+    const { result } = renderHook(() => useRoles())
+
+    expect(result.current).toEqual([Role.NoWalletConnected])
+  })
+
+  it('should return correct roles when only some conditions are met', () => {
+    useIsSafeOwnerSpy.mockReturnValueOnce(false)
+    useIsWalletProposerSpy.mockReturnValueOnce(false)
+    useIsSpendingLimitBeneficiarySpy.mockReturnValueOnce(false)
+
+    const { result } = renderHook(() => useRoles())
+
+    expect(result.current).toEqual([Role.NestedOwner, Role.Recoverer, Role.Executioner])
+  })
+})
diff --git a/apps/web/src/permissions/hooks/useRoles.ts b/apps/web/src/permissions/hooks/useRoles.ts
new file mode 100644
index 000000000..6ff0690f3
--- /dev/null
+++ b/apps/web/src/permissions/hooks/useRoles.ts
@@ -0,0 +1,47 @@
+import { useMemo } from 'react'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import { useIsWalletProposer } from '@/hooks/useProposers'
+import { useIsRecoverer } from '@/features/recovery/hooks/useIsRecoverer'
+import { useIsSpendingLimitBeneficiary } from '@/hooks/useIsOnlySpendingLimitBeneficiary'
+import useWallet from '@/hooks/wallets/useWallet'
+import { Role } from '../config'
+import { useIsNestedSafeOwner } from '@/hooks/useIsNestedSafeOwner'
+
+/**
+ * Hook to get the roles that the current user has based on the Safe and the connected wallet.
+ * @returns Array with the roles that the current user has.
+ */
+export const useRoles = (): Role[] => {
+  const wallet = useWallet()
+  const isOwner = useIsSafeOwner()
+  const isNestedSafeOwner = useIsNestedSafeOwner()
+  const isProposer = useIsWalletProposer()
+  const isRecoverer = useIsRecoverer()
+  const isSpendingLimitBeneficiary = useIsSpendingLimitBeneficiary()
+
+  // Map of roles and whether they are applicable to the current user
+  const roleApplicableMap: Record<Role, boolean> = useMemo(
+    () => ({
+      [Role.Owner]: isOwner,
+      [Role.NestedOwner]: !!isNestedSafeOwner,
+      [Role.Proposer]: !!isProposer,
+      [Role.Recoverer]: isRecoverer,
+      [Role.SpendingLimitBeneficiary]: isSpendingLimitBeneficiary,
+      [Role.Executioner]: !!wallet,
+      [Role.NoWalletConnected]: !wallet,
+      [Role.ModuleRole]: false, // TODO: Implement module role
+    }),
+    [isOwner, isNestedSafeOwner, isProposer, isRecoverer, isSpendingLimitBeneficiary, wallet],
+  )
+
+  const roles = useMemo(
+    () =>
+      (Object.entries(roleApplicableMap) as [[Role, boolean]]).reduce<Role[]>(
+        (acc, [role, isApplicable]) => (isApplicable ? [...acc, role] : acc),
+        [],
+      ),
+    [roleApplicableMap],
+  )
+
+  return roles
+}
diff --git a/src/service-workers/firebase-messaging/__tests__/notifications.test.ts b/apps/web/src/service-workers/firebase-messaging/__tests__/notifications.test.ts
similarity index 100%
rename from src/service-workers/firebase-messaging/__tests__/notifications.test.ts
rename to apps/web/src/service-workers/firebase-messaging/__tests__/notifications.test.ts
diff --git a/src/service-workers/firebase-messaging/firebase-messaging-sw.ts b/apps/web/src/service-workers/firebase-messaging/firebase-messaging-sw.ts
similarity index 98%
rename from src/service-workers/firebase-messaging/firebase-messaging-sw.ts
rename to apps/web/src/service-workers/firebase-messaging/firebase-messaging-sw.ts
index 3ddfda0d6..7e7aaf53c 100644
--- a/src/service-workers/firebase-messaging/firebase-messaging-sw.ts
+++ b/apps/web/src/service-workers/firebase-messaging/firebase-messaging-sw.ts
@@ -67,7 +67,6 @@ export function firebaseMessagingSw() {
     self.registration.showNotification(notification.title || '', {
       icon: ICON_PATH,
       body: notification.body,
-      // image: notification.image,
       data,
     })
   })
diff --git a/src/service-workers/firebase-messaging/notification-mapper.ts b/apps/web/src/service-workers/firebase-messaging/notification-mapper.ts
similarity index 97%
rename from src/service-workers/firebase-messaging/notification-mapper.ts
rename to apps/web/src/service-workers/firebase-messaging/notification-mapper.ts
index 1a5b0ad4d..89a529a5c 100644
--- a/src/service-workers/firebase-messaging/notification-mapper.ts
+++ b/apps/web/src/service-workers/firebase-messaging/notification-mapper.ts
@@ -54,7 +54,8 @@ const getTokenInfo = async (
   }
 
   const symbol = tokenInfo?.symbol ?? DEFAULT_INFO.symbol
-  const value = tokenValue && tokenInfo ? formatUnits(tokenValue, tokenInfo.decimals).toString() : DEFAULT_INFO.value
+  const value =
+    tokenValue && tokenInfo ? formatUnits(tokenValue, tokenInfo.decimals ?? 0).toString() : DEFAULT_INFO.value
   const name = tokenInfo?.name ?? DEFAULT_INFO.name
 
   return {
diff --git a/src/service-workers/firebase-messaging/notifications.ts b/apps/web/src/service-workers/firebase-messaging/notifications.ts
similarity index 100%
rename from src/service-workers/firebase-messaging/notifications.ts
rename to apps/web/src/service-workers/firebase-messaging/notifications.ts
diff --git a/src/service-workers/firebase-messaging/webhook-types.ts b/apps/web/src/service-workers/firebase-messaging/webhook-types.ts
similarity index 100%
rename from src/service-workers/firebase-messaging/webhook-types.ts
rename to apps/web/src/service-workers/firebase-messaging/webhook-types.ts
diff --git a/src/service-workers/index.ts b/apps/web/src/service-workers/index.ts
similarity index 100%
rename from src/service-workers/index.ts
rename to apps/web/src/service-workers/index.ts
diff --git a/src/services/EventBus.ts b/apps/web/src/services/EventBus.ts
similarity index 100%
rename from src/services/EventBus.ts
rename to apps/web/src/services/EventBus.ts
diff --git a/apps/web/src/services/analytics/Analytics.tsx b/apps/web/src/services/analytics/Analytics.tsx
new file mode 100644
index 000000000..a8f74cef1
--- /dev/null
+++ b/apps/web/src/services/analytics/Analytics.tsx
@@ -0,0 +1,23 @@
+import { GA_TRACKING_ID, IS_PRODUCTION, SAFE_APPS_GA_TRACKING_ID } from '@/config/constants'
+import { GoogleAnalytics } from '@next/third-parties/google'
+import { useEffect } from 'react'
+
+const Analytics = () => {
+  useEffect(() => {
+    // This needs to be added once in order for events with send_to: SAFE_APPS_GA_TRACKING_ID to work
+    window.gtag?.('config', SAFE_APPS_GA_TRACKING_ID, { debug_mode: !IS_PRODUCTION })
+
+    window.gtag?.('consent', 'default', {
+      ad_storage: 'denied',
+      analytics_storage: 'denied',
+      functionality_storage: 'granted',
+      personalization_storage: 'denied',
+      security_storage: 'granted',
+      wait_for_update: 500,
+    })
+  }, [])
+
+  return <GoogleAnalytics gaId={GA_TRACKING_ID} debugMode={!IS_PRODUCTION} />
+}
+
+export default Analytics
diff --git a/src/services/analytics/__tests__/gtm.test.ts b/apps/web/src/services/analytics/__tests__/gtm.test.ts
similarity index 89%
rename from src/services/analytics/__tests__/gtm.test.ts
rename to apps/web/src/services/analytics/__tests__/gtm.test.ts
index 5381ec244..3d3f150c2 100644
--- a/src/services/analytics/__tests__/gtm.test.ts
+++ b/apps/web/src/services/analytics/__tests__/gtm.test.ts
@@ -1,14 +1,9 @@
+import GA from '@next/third-parties/google'
 import * as gtm from '../gtm'
-import TagManager from '../TagManager'
 import { EventType, DeviceType } from '../types'
 
-// Mock dependencies
-jest.mock('../TagManager', () => ({
-  initialize: jest.fn(),
-  dataLayer: jest.fn(),
-  enableCookies: jest.fn(),
-  disableCookies: jest.fn(),
-  setUserProperty: jest.fn(),
+jest.mock('@next/third-parties/google', () => ({
+  sendGAEvent: jest.fn(),
 }))
 
 describe('gtm', () => {
@@ -29,7 +24,9 @@ describe('gtm', () => {
 
       gtm.gtmTrack(mockEventData)
 
-      expect(TagManager.dataLayer).toHaveBeenCalledWith(
+      expect(GA.sendGAEvent).toHaveBeenCalledWith(
+        'event',
+        'customClick',
         expect.objectContaining({
           event: mockEventData.event,
           eventCategory: mockEventData.category,
@@ -55,7 +52,9 @@ describe('gtm', () => {
 
       gtm.gtmTrack(mockEventData)
 
-      expect(TagManager.dataLayer).toHaveBeenCalledWith(
+      expect(GA.sendGAEvent).toHaveBeenCalledWith(
+        'event',
+        'customClick',
         expect.objectContaining({
           event: mockEventData.event,
           eventCategory: mockEventData.category,
@@ -95,7 +94,9 @@ describe('gtm', () => {
 
       gtm.gtmTrackSafeApp(mockEventData, mockAppName, mockSdkEventData)
 
-      expect(TagManager.dataLayer).toHaveBeenCalledWith(
+      expect(GA.sendGAEvent).toHaveBeenCalledWith(
+        'event',
+        'safeAppEvent',
         expect.objectContaining({
           appVersion: expect.any(String),
           chainId: expect.any(String),
diff --git a/apps/web/src/services/analytics/__tests__/mixpanel.test.ts b/apps/web/src/services/analytics/__tests__/mixpanel.test.ts
new file mode 100644
index 000000000..627fdd1ec
--- /dev/null
+++ b/apps/web/src/services/analytics/__tests__/mixpanel.test.ts
@@ -0,0 +1,226 @@
+// Mock constants before any imports
+jest.mock('@/config/constants', () => ({
+  ...jest.requireActual('@/config/constants'),
+  MIXPANEL_TOKEN: 'test-token',
+  IS_PRODUCTION: false,
+}))
+
+import {
+  trackEvent,
+  trackMixPanelEvent,
+  MixPanelEvent,
+  safeAppToMixPanelEventProperties,
+  SafeAppLaunchLocation,
+} from '../index'
+import { mixpanelInit, mixpanelTrack, mixpanelSetSafeAddress } from '../mixpanel'
+import packageJson from '../../../../package.json'
+
+// Mock GTM
+jest.mock('../gtm', () => ({
+  gtmTrack: jest.fn(),
+  gtmTrackSafeApp: jest.fn(),
+}))
+
+// Mock mixpanel-browser
+jest.mock('mixpanel-browser', () => ({
+  init: jest.fn(),
+  track: jest.fn(),
+  identify: jest.fn(),
+  register: jest.fn(),
+  reset: jest.fn(),
+  opt_in_tracking: jest.fn(),
+  opt_out_tracking: jest.fn(),
+  has_opted_in_tracking: jest.fn().mockReturnValue(true),
+  people: {
+    set: jest.fn(),
+    set_once: jest.fn(),
+    increment: jest.fn(),
+    append: jest.fn(),
+    union: jest.fn(),
+  },
+}))
+
+const mockMixpanel = jest.requireMock('mixpanel-browser')
+const mockGtm = jest.requireMock('../gtm')
+
+describe('MixPanel Integration', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  describe('MixPanel initialization', () => {
+    it('should initialize MixPanel with correct configuration', () => {
+      mixpanelInit()
+
+      expect(mockMixpanel.init).toHaveBeenCalledWith('test-token', {
+        debug: true, // IS_PRODUCTION is false in tests
+        persistence: 'localStorage',
+        autocapture: false,
+        batch_requests: true,
+        ip: false,
+        opt_out_tracking_by_default: true,
+      })
+
+      // Should register initial params
+      expect(mockMixpanel.register).toHaveBeenCalledWith({
+        'App Version': packageJson.version,
+        'Device Type': 'desktop',
+      })
+    })
+  })
+
+  describe('Event tracking', () => {
+    it('should track events with MixPanel when initialized', () => {
+      mixpanelInit()
+
+      mixpanelTrack(MixPanelEvent.SAFE_APP_LAUNCHED, {
+        'Safe App Name': 'Test App',
+        'Custom Property': 'value',
+      })
+
+      expect(mockMixpanel.track).toHaveBeenCalledWith(
+        'Safe App Launched',
+        expect.objectContaining({
+          'Safe App Name': 'Test App',
+          'Custom Property': 'value',
+        }),
+      )
+    })
+  })
+
+  describe('Safe address handling', () => {
+    it('should set safe address without removing 0x prefix', () => {
+      mixpanelInit()
+
+      const testAddress = '0x1234567890abcdef1234567890abcdef12345678'
+      mixpanelSetSafeAddress(testAddress)
+
+      expect(mockMixpanel.register).toHaveBeenCalledWith({
+        'Safe Address': testAddress,
+      })
+    })
+
+    it('should handle safe address without 0x prefix', () => {
+      mixpanelInit()
+
+      const testAddress = '1234567890abcdef1234567890abcdef12345678'
+      mixpanelSetSafeAddress(testAddress)
+
+      expect(mockMixpanel.register).toHaveBeenCalledWith({
+        'Safe Address': testAddress,
+      })
+    })
+  })
+
+  describe('Separate tracking', () => {
+    it('should track with GA only when using trackEvent', () => {
+      mixpanelInit()
+
+      const eventData = {
+        category: 'test',
+        action: 'click',
+      }
+
+      trackEvent(eventData)
+
+      // Should NOT call MixPanel track (only GA)
+      expect(mockMixpanel.track).not.toHaveBeenCalled()
+    })
+
+    it('should track with MixPanel only when using trackMixPanelEvent', () => {
+      mixpanelInit()
+
+      trackMixPanelEvent(MixPanelEvent.SAFE_APP_LAUNCHED, {
+        'Safe App Name': 'Test App',
+        'Safe App Version': '1.0.0',
+      })
+
+      // Should call MixPanel track
+      expect(mockMixpanel.track).toHaveBeenCalledWith(
+        'Safe App Launched',
+        expect.objectContaining({
+          'Safe App Name': 'Test App',
+          'Safe App Version': '1.0.0',
+        }),
+      )
+
+      // Should NOT call GA track
+      expect(mockGtm.gtmTrack).not.toHaveBeenCalled()
+    })
+
+    it('should convert SafeApp to MixPanel properties', () => {
+      const mockSafeApp = {
+        id: 123,
+        name: 'Test App',
+        url: 'https://test-app.com',
+        description: 'A test app',
+        iconUrl: 'https://test-app.com/icon.png',
+        developerWebsite: 'https://developer.com',
+        chainIds: ['1', '5'],
+        socialProfiles: [],
+        tags: ['defi', 'swap'],
+        accessControl: { type: 'NO_RESTRICTIONS' as const },
+        features: [],
+      }
+
+      const properties = safeAppToMixPanelEventProperties(mockSafeApp as any)
+
+      expect(properties).toEqual({
+        'Safe App Name': 'Test App',
+        'Safe App Tags': ['defi', 'swap'],
+      })
+    })
+
+    it('should convert SafeApp to MixPanel properties with launch location', () => {
+      const mockSafeApp = {
+        id: 123,
+        name: 'Test App',
+        url: 'https://test-app.com',
+        description: 'A test app',
+        iconUrl: 'https://test-app.com/icon.png',
+        developerWebsite: 'https://developer.com',
+        chainIds: ['1', '5'],
+        socialProfiles: [],
+        tags: ['defi', 'swap'],
+        accessControl: { type: 'NO_RESTRICTIONS' as const },
+        features: [],
+      }
+
+      const properties = safeAppToMixPanelEventProperties(mockSafeApp as any, {
+        launchLocation: SafeAppLaunchLocation.PREVIEW_DRAWER,
+      })
+
+      expect(properties).toEqual({
+        'Safe App Name': 'Test App',
+        'Safe App Tags': ['defi', 'swap'],
+        'Launch Location': 'Preview Drawer',
+      })
+    })
+
+    it('should convert SafeApp to MixPanel properties with Safe App List launch location', () => {
+      const mockSafeApp = {
+        id: 123,
+        name: 'Test App',
+        url: 'https://test-app.com',
+        description: 'A test app',
+        iconUrl: 'https://test-app.com/icon.png',
+        developerWebsite: 'https://developer.com',
+        chainIds: ['1', '5'],
+        socialProfiles: [],
+        tags: ['defi', 'swap'],
+        accessControl: { type: 'NO_RESTRICTIONS' as const },
+        features: [],
+      }
+
+      const properties = safeAppToMixPanelEventProperties(mockSafeApp as any, {
+        launchLocation: SafeAppLaunchLocation.SAFE_APPS_LIST,
+      })
+
+      expect(properties).toEqual({
+        'Safe App Name': 'Test App',
+        'Safe App Tags': ['defi', 'swap'],
+        'Launch Location': 'Safe Apps List',
+      })
+    })
+  })
+})
diff --git a/apps/web/src/services/analytics/__tests__/tx-tracking.test.ts b/apps/web/src/services/analytics/__tests__/tx-tracking.test.ts
new file mode 100644
index 000000000..b59480022
--- /dev/null
+++ b/apps/web/src/services/analytics/__tests__/tx-tracking.test.ts
@@ -0,0 +1,199 @@
+import {
+  SettingsInfoType,
+  type TransactionDetails,
+  TransactionInfoType,
+  TransactionTokenType,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import { getTransactionTrackingType } from '../tx-tracking'
+import { TX_TYPES } from '../events/transactions'
+
+describe('getTransactionTrackingType', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+  it('should return transfer_token for native token transfers', async () => {
+    const details = {
+      txInfo: {
+        type: TransactionInfoType.TRANSFER,
+        transferInfo: {
+          type: TransactionTokenType.NATIVE_COIN,
+        },
+      },
+    } as TransactionDetails
+    const txType = getTransactionTrackingType(details)
+    expect(txType).toEqual(TX_TYPES.transfer_token)
+  })
+
+  it('should return transfer_token for ERC20 token transfers', async () => {
+    const details = {
+      txInfo: {
+        type: TransactionInfoType.TRANSFER,
+        transferInfo: {
+          type: TransactionTokenType.ERC20,
+        },
+      },
+    } as unknown as TransactionDetails
+    const txType = getTransactionTrackingType(details)
+    expect(txType).toEqual(TX_TYPES.transfer_token)
+  })
+
+  it('should return transfer_nft for ERC721 token transfers', async () => {
+    const details = {
+      txInfo: {
+        type: TransactionInfoType.TRANSFER,
+        transferInfo: {
+          type: TransactionTokenType.ERC721,
+        },
+      },
+    } as unknown as TransactionDetails
+    const txType = getTransactionTrackingType(details)
+    expect(txType).toEqual(TX_TYPES.transfer_nft)
+  })
+
+  it('should return owner_add for add owner settings changes', async () => {
+    const details = {
+      txInfo: {
+        type: TransactionInfoType.SETTINGS_CHANGE,
+        settingsInfo: {
+          type: SettingsInfoType.ADD_OWNER,
+        },
+      },
+    } as unknown as TransactionDetails
+    const txType = getTransactionTrackingType(details)
+    expect(txType).toEqual(TX_TYPES.owner_add)
+  })
+
+  it('should return owner_remove for remove owner settings changes', async () => {
+    const details = {
+      txInfo: {
+        type: TransactionInfoType.SETTINGS_CHANGE,
+        settingsInfo: {
+          type: SettingsInfoType.REMOVE_OWNER,
+        },
+      },
+    } as unknown as TransactionDetails
+    const txType = getTransactionTrackingType(details)
+    expect(txType).toEqual(TX_TYPES.owner_remove)
+  })
+
+  it('should return owner_swap for swap owner settings changes', async () => {
+    const details = {
+      txInfo: {
+        type: TransactionInfoType.SETTINGS_CHANGE,
+        settingsInfo: {
+          type: SettingsInfoType.SWAP_OWNER,
+        },
+      },
+    } as unknown as TransactionDetails
+    const txType = getTransactionTrackingType(details)
+    expect(txType).toEqual(TX_TYPES.owner_swap)
+  })
+
+  it('should return owner_threshold_change for change threshold settings changes', async () => {
+    const details = {
+      txInfo: {
+        type: TransactionInfoType.SETTINGS_CHANGE,
+        settingsInfo: {
+          type: SettingsInfoType.CHANGE_THRESHOLD,
+        },
+      },
+    } as unknown as TransactionDetails
+    const txType = getTransactionTrackingType(details)
+    expect(txType).toEqual(TX_TYPES.owner_threshold_change)
+  })
+
+  it('should return module_remove for disable module settings changes', async () => {
+    const details = {
+      txInfo: {
+        type: TransactionInfoType.SETTINGS_CHANGE,
+        settingsInfo: {
+          type: SettingsInfoType.DISABLE_MODULE,
+        },
+      },
+    } as unknown as TransactionDetails
+    const txType = getTransactionTrackingType(details)
+    expect(txType).toEqual(TX_TYPES.module_remove)
+  })
+
+  it('should return guard_remove for delete guard settings changes', async () => {
+    const details = {
+      txInfo: {
+        type: TransactionInfoType.SETTINGS_CHANGE,
+        settingsInfo: {
+          type: SettingsInfoType.DELETE_GUARD,
+        },
+      },
+    } as unknown as TransactionDetails
+    const txType = getTransactionTrackingType(details)
+    expect(txType).toEqual(TX_TYPES.guard_remove)
+  })
+
+  it('should return rejection for rejection transactions', async () => {
+    const details = {
+      txInfo: {
+        type: TransactionInfoType.CUSTOM,
+        isCancellation: true,
+      },
+    } as unknown as TransactionDetails
+    const txType = getTransactionTrackingType(details)
+    expect(txType).toEqual(TX_TYPES.rejection)
+  })
+
+  it('should return walletconnect for transactions w/o safeAppInfo', async () => {
+    const details = {
+      txInfo: {
+        type: TransactionInfoType.CUSTOM,
+      },
+      safeAppInfo: null,
+    } as unknown as TransactionDetails
+    const txType = getTransactionTrackingType(details)
+    expect(txType).toEqual(TX_TYPES.walletconnect)
+  })
+
+  it('should return safeapps for safeapps transactions', async () => {
+    const details = {
+      txInfo: {
+        type: TransactionInfoType.CUSTOM,
+      },
+      safeAppInfo: {
+        url: 'https://gnosis-safe.io/app',
+      },
+    } as unknown as TransactionDetails
+    const txType = getTransactionTrackingType(details)
+    expect(txType).toEqual('https://gnosis-safe.io/app')
+  })
+
+  it('should return batch for multisend transactions', async () => {
+    const details = {
+      txInfo: {
+        type: TransactionInfoType.CUSTOM,
+        methodName: 'multiSend',
+        actionCount: 2,
+      },
+    } as unknown as TransactionDetails
+    const txType = getTransactionTrackingType(details)
+    expect(txType).toEqual(TX_TYPES.batch)
+  })
+
+  it('should return native_bridge for native bridge transactions', () => {
+    const details = {
+      txInfo: {
+        type: TransactionInfoType.CUSTOM,
+      },
+    } as unknown as TransactionDetails
+    const origin = '{"url":"https://iframe.jumper.exchange/bridge","name":"Bridge"}'
+    const txType = getTransactionTrackingType(details, origin)
+    expect(txType).toEqual(TX_TYPES.native_bridge)
+  })
+
+  it('should return native_swap_lifi for native swap lifi transactions', () => {
+    const details = {
+      txInfo: {
+        type: TransactionInfoType.CUSTOM,
+      },
+    } as unknown as TransactionDetails
+    const origin = '{"url":"https://iframe.jumper.exchange/swap","name":"Swap"}'
+    const txType = getTransactionTrackingType(details, origin)
+    expect(txType).toEqual(TX_TYPES.native_swap_lifi)
+  })
+})
diff --git a/apps/web/src/services/analytics/__tests__/useMixPanelUserProperties.test.ts b/apps/web/src/services/analytics/__tests__/useMixPanelUserProperties.test.ts
new file mode 100644
index 000000000..d546bbf4f
--- /dev/null
+++ b/apps/web/src/services/analytics/__tests__/useMixPanelUserProperties.test.ts
@@ -0,0 +1,158 @@
+import { renderHook } from '@testing-library/react'
+import { faker } from '@faker-js/faker'
+import { useMixPanelUserProperties } from '../useMixPanelUserProperties'
+import { MixPanelUserProperty } from '@/services/analytics/mixpanel-events'
+
+// Mock dependencies
+jest.mock('@/hooks/useChains', () => ({
+  useChain: jest.fn((chainId: string) => {
+    const chains: Record<string, { chainName: string; chainId: string }> = {
+      '1': { chainName: 'Ethereum', chainId: '1' },
+      '137': { chainName: 'Polygon', chainId: '137' },
+    }
+    return chains[chainId] || null
+  }),
+}))
+
+jest.mock('@/hooks/useSafeInfo', () => ({
+  __esModule: true,
+  default: jest.fn(),
+}))
+
+jest.mock('@/store', () => ({
+  useAppSelector: jest.fn(() => ({
+    data: {
+      results: [
+        {
+          type: 'TRANSACTION',
+          transaction: {
+            id: 'tx2',
+            timestamp: 1672531200000, // Jan 1, 2023 (most recent first)
+          },
+        },
+        {
+          type: 'TRANSACTION',
+          transaction: {
+            id: 'tx1',
+            timestamp: 1640995200000, // Jan 1, 2022
+          },
+        },
+      ],
+    },
+  })),
+}))
+
+jest.mock('@/utils/transaction-guards', () => ({
+  isTransactionListItem: jest.fn((item) => item.type === 'TRANSACTION'),
+}))
+
+jest.mock('@/features/myAccounts/hooks/useNetworksOfSafe', () => ({
+  useNetworksOfSafe: jest.fn(() => ['ethereum', 'polygon']),
+}))
+
+describe('useMixPanelUserProperties', () => {
+  // Generate test addresses
+  const safeAddress = faker.finance.ethereumAddress()
+  const owner1Address = faker.finance.ethereumAddress()
+  const owner2Address = faker.finance.ethereumAddress()
+
+  // Update mocks with generated addresses
+  beforeEach(() => {
+    const useSafeInfo = require('@/hooks/useSafeInfo').default
+    useSafeInfo.mockReturnValue({
+      safe: {
+        address: { value: safeAddress },
+        version: '1.3.0',
+        owners: [{ value: owner1Address }, { value: owner2Address }],
+        threshold: 2,
+        nonce: 42,
+        chainId: '1',
+      },
+      safeLoaded: true,
+    })
+  })
+
+  it('should return correct user properties', () => {
+    const { result } = renderHook(() => useMixPanelUserProperties())
+
+    expect(result.current).toEqual({
+      properties: {
+        [MixPanelUserProperty.SAFE_ADDRESS]: safeAddress,
+        [MixPanelUserProperty.SAFE_VERSION]: '1.3.0',
+        [MixPanelUserProperty.NUM_SIGNERS]: 2,
+        [MixPanelUserProperty.THRESHOLD]: 2,
+        [MixPanelUserProperty.TOTAL_TX_COUNT]: 42,
+        [MixPanelUserProperty.LAST_TX_AT]: new Date(1672531200000).toISOString(),
+        [MixPanelUserProperty.NETWORKS]: ['ethereum', 'polygon'],
+      },
+      networks: ['ethereum', 'polygon'],
+    })
+  })
+
+  it('should return null when safe is not loaded', () => {
+    const useSafeInfo = require('@/hooks/useSafeInfo').default
+    useSafeInfo.mockReturnValueOnce({
+      safe: null,
+      safeLoaded: false,
+    })
+
+    const { result } = renderHook(() => useMixPanelUserProperties())
+
+    expect(result.current).toBeNull()
+  })
+
+  it('should handle safe without version', () => {
+    const useSafeInfo = require('@/hooks/useSafeInfo').default
+    useSafeInfo.mockReturnValueOnce({
+      safe: {
+        address: { value: safeAddress },
+        version: null,
+        owners: [{ value: owner1Address }],
+        threshold: 1,
+        nonce: 5,
+        chainId: '1',
+      },
+      safeLoaded: true,
+    })
+
+    const { result } = renderHook(() => useMixPanelUserProperties())
+
+    expect(result.current?.properties[MixPanelUserProperty.SAFE_VERSION]).toBe('unknown')
+  })
+
+  it('should handle empty transaction history', () => {
+    const useSafeInfo = require('@/hooks/useSafeInfo').default
+    useSafeInfo.mockReturnValueOnce({
+      safe: {
+        address: { value: safeAddress },
+        version: '1.3.0',
+        owners: [{ value: owner1Address }],
+        threshold: 1,
+        nonce: 10, // nonce is still used for total_tx_count
+        chainId: '1',
+      },
+      safeLoaded: true,
+    })
+
+    const { useAppSelector } = require('@/store')
+    useAppSelector.mockReturnValueOnce({
+      data: {
+        results: [], // empty transaction history
+      },
+    })
+
+    const { result } = renderHook(() => useMixPanelUserProperties())
+
+    expect(result.current?.properties[MixPanelUserProperty.TOTAL_TX_COUNT]).toBe(10) // from nonce
+    expect(result.current?.properties[MixPanelUserProperty.LAST_TX_AT]).toBeNull() // from empty tx history
+  })
+
+  it('should fallback to current chain when useNetworksOfSafe returns empty array', () => {
+    const { useNetworksOfSafe } = require('@/features/myAccounts/hooks/useNetworksOfSafe')
+    useNetworksOfSafe.mockReturnValueOnce([])
+
+    const { result } = renderHook(() => useMixPanelUserProperties())
+
+    expect(result.current?.networks).toEqual(['Ethereum'])
+  })
+})
diff --git a/src/services/analytics/events/addressBook.ts b/apps/web/src/services/analytics/events/addressBook.ts
similarity index 100%
rename from src/services/analytics/events/addressBook.ts
rename to apps/web/src/services/analytics/events/addressBook.ts
diff --git a/src/services/analytics/events/assets.ts b/apps/web/src/services/analytics/events/assets.ts
similarity index 100%
rename from src/services/analytics/events/assets.ts
rename to apps/web/src/services/analytics/events/assets.ts
diff --git a/src/services/analytics/events/batching.ts b/apps/web/src/services/analytics/events/batching.ts
similarity index 100%
rename from src/services/analytics/events/batching.ts
rename to apps/web/src/services/analytics/events/batching.ts
diff --git a/apps/web/src/services/analytics/events/bridge.ts b/apps/web/src/services/analytics/events/bridge.ts
new file mode 100644
index 000000000..74589c50f
--- /dev/null
+++ b/apps/web/src/services/analytics/events/bridge.ts
@@ -0,0 +1,12 @@
+const BRIDGE_CATEGORY = 'bridge'
+
+export const BRIDGE_EVENTS = {
+  OPEN_BRIDGE: {
+    action: 'Open bridge',
+    category: BRIDGE_CATEGORY,
+  },
+}
+
+export enum BRIDGE_LABELS {
+  sidebar = 'sidebar',
+}
diff --git a/src/services/analytics/events/counterfactual.ts b/apps/web/src/services/analytics/events/counterfactual.ts
similarity index 100%
rename from src/services/analytics/events/counterfactual.ts
rename to apps/web/src/services/analytics/events/counterfactual.ts
diff --git a/src/services/analytics/events/createLoadSafe.ts b/apps/web/src/services/analytics/events/createLoadSafe.ts
similarity index 100%
rename from src/services/analytics/events/createLoadSafe.ts
rename to apps/web/src/services/analytics/events/createLoadSafe.ts
diff --git a/apps/web/src/services/analytics/events/earn.ts b/apps/web/src/services/analytics/events/earn.ts
new file mode 100644
index 000000000..7c9cbb039
--- /dev/null
+++ b/apps/web/src/services/analytics/events/earn.ts
@@ -0,0 +1,29 @@
+const EARN_CATEGORY = 'earn'
+
+export const EARN_EVENTS = {
+  OPEN_EARN_PAGE: {
+    action: 'Open earn page',
+    category: EARN_CATEGORY,
+  },
+  HIDE_EARN_BANNER: {
+    action: 'Hide earn banner',
+    category: EARN_CATEGORY,
+  },
+  GET_STARTED_WITH_EARN: {
+    action: 'Get started with earn',
+    category: EARN_CATEGORY,
+  },
+  OPEN_EARN_LEARN_MORE: {
+    action: 'Open earn learn more',
+    category: EARN_CATEGORY,
+  },
+}
+
+export enum EARN_LABELS {
+  safe_dashboard_banner = 'safe_dashboard_banner',
+  sidebar = 'sidebar',
+  info_banner = 'info_banner',
+  asset = 'asset',
+  info_asset = 'info_asset',
+  dashboard_asset = 'dashboard_asset',
+}
diff --git a/apps/web/src/services/analytics/events/index.ts b/apps/web/src/services/analytics/events/index.ts
new file mode 100644
index 000000000..af373e845
--- /dev/null
+++ b/apps/web/src/services/analytics/events/index.ts
@@ -0,0 +1,10 @@
+export * from './addressBook'
+export * from './assets'
+export * from './createLoadSafe'
+export * from './modals'
+export * from './overview'
+export * from './safeApps'
+export * from './settings'
+export * from './txList'
+export * from './wallet'
+export * from './batching'
diff --git a/apps/web/src/services/analytics/events/modals.ts b/apps/web/src/services/analytics/events/modals.ts
new file mode 100644
index 000000000..2a22aff57
--- /dev/null
+++ b/apps/web/src/services/analytics/events/modals.ts
@@ -0,0 +1,129 @@
+import { EventType } from '@/services/analytics/types'
+
+export const MODALS_CATEGORY = 'modals'
+
+export const MODALS_EVENTS = {
+  SEND_FUNDS: {
+    action: 'Send tokens',
+    category: MODALS_CATEGORY,
+  },
+  CONTRACT_INTERACTION: {
+    action: 'Contract interaction',
+    category: MODALS_CATEGORY,
+  },
+  TX_DETAILS: {
+    action: 'Transaction details',
+    category: MODALS_CATEGORY,
+  },
+  EDIT_ADVANCED_PARAMS: {
+    action: 'Edit advanced params',
+    category: MODALS_CATEGORY,
+  },
+  ESTIMATION: {
+    action: 'Estimation',
+    category: MODALS_CATEGORY,
+  },
+  TOGGLE_EXECUTE_TX: {
+    action: 'Toggle execute transaction',
+    category: MODALS_CATEGORY,
+  },
+  USE_SPENDING_LIMIT: {
+    event: EventType.META,
+    action: 'Use spending limit',
+    category: MODALS_CATEGORY,
+  },
+  OPEN_SAFE_UTILS: {
+    action: 'Open Safe Utils',
+    category: MODALS_CATEGORY,
+  },
+  SIGNING_ARTICLE: {
+    action: 'Open signing article',
+    category: MODALS_CATEGORY,
+  },
+  SIMULATE_TX: {
+    action: 'Simulate transaction',
+    category: MODALS_CATEGORY,
+  },
+  EDIT_APPROVALS: {
+    action: 'Edit approval',
+    category: MODALS_CATEGORY,
+  },
+  ACCEPT_RISK: {
+    action: 'Accept transaction risk',
+    category: MODALS_CATEGORY,
+  },
+  REDEFINE_RESULT: {
+    action: 'Redefine scan result',
+    category: MODALS_CATEGORY,
+    event: EventType.META,
+  },
+  BLOCKAID_RESULT: {
+    action: 'Blockaid scan result',
+    category: MODALS_CATEGORY,
+    event: EventType.META,
+  },
+  OPEN_SPEED_UP_MODAL: {
+    action: 'Open speed-up modal',
+    category: MODALS_CATEGORY,
+    event: EventType.CLICK,
+  },
+  CANCEL_SPEED_UP: {
+    action: 'Cancel speed-up',
+    category: MODALS_CATEGORY,
+    event: EventType.CLICK,
+  },
+  SWAP: {
+    action: 'Swap',
+    category: MODALS_CATEGORY,
+  },
+  CHANGE_SIGNER: {
+    action: 'Change tx signer',
+    category: MODALS_CATEGORY,
+    event: EventType.CLICK,
+  },
+  OPEN_PARENT_TX: {
+    action: 'Open parent transaction',
+    category: MODALS_CATEGORY,
+    event: EventType.CLICK,
+  },
+  OPEN_NESTED_TX: {
+    action: 'Open nested transaction',
+    category: MODALS_CATEGORY,
+    event: EventType.CLICK,
+  },
+  SUBMIT_TX_NOTE: {
+    action: 'Submit tx note',
+    category: MODALS_CATEGORY,
+    event: EventType.CLICK,
+  },
+  CONFIRM_SIGN_CHECKBOX: {
+    action: 'Confirm sign checkbox',
+    category: MODALS_CATEGORY,
+    event: EventType.CLICK,
+  },
+  ADD_RECIPIENT: {
+    action: 'Add recipient',
+    category: MODALS_CATEGORY,
+    event: EventType.CLICK,
+  },
+  REMOVE_RECIPIENT: {
+    action: 'Remove recipient',
+    category: MODALS_CATEGORY,
+    event: EventType.CLICK,
+  },
+  CONTINUE_CLICKED: {
+    action: 'Continue to receipt',
+    category: MODALS_CATEGORY,
+    event: EventType.CLICK,
+  },
+  RECEIPT_TIME_SPENT: {
+    action: 'Time spent on receipt',
+    category: MODALS_CATEGORY,
+    event: EventType.META,
+  },
+}
+
+export enum MODAL_NAVIGATION {
+  Next = 'Next click',
+  Back = 'Back click',
+}
diff --git a/apps/web/src/services/analytics/events/nested-safes.ts b/apps/web/src/services/analytics/events/nested-safes.ts
new file mode 100644
index 000000000..0c72fcc22
--- /dev/null
+++ b/apps/web/src/services/analytics/events/nested-safes.ts
@@ -0,0 +1,31 @@
+const NESTED_SAFES_CATEGORY = 'nested-safes'
+
+export const NESTED_SAFE_EVENTS = {
+  OPEN_LIST: {
+    action: 'Open nested Safe list',
+    category: NESTED_SAFES_CATEGORY,
+  },
+  OPEN_NESTED_SAFE: {
+    action: 'Open nested Safe',
+    category: NESTED_SAFES_CATEGORY,
+  },
+  SHOW_ALL: {
+    action: 'Show all',
+    category: NESTED_SAFES_CATEGORY,
+  },
+  ADD: {
+    action: 'Add',
+    category: NESTED_SAFES_CATEGORY,
+  },
+  RENAME: {
+    action: 'Rename',
+    category: NESTED_SAFES_CATEGORY,
+  },
+}
+
+export enum NESTED_SAFE_LABELS {
+  header = 'header',
+  sidebar = 'sidebar',
+  list = 'list',
+  success_screen = 'success_screen',
+}
diff --git a/src/services/analytics/events/nfts.ts b/apps/web/src/services/analytics/events/nfts.ts
similarity index 100%
rename from src/services/analytics/events/nfts.ts
rename to apps/web/src/services/analytics/events/nfts.ts
diff --git a/apps/web/src/services/analytics/events/outreach.ts b/apps/web/src/services/analytics/events/outreach.ts
new file mode 100644
index 000000000..d726fb5d4
--- /dev/null
+++ b/apps/web/src/services/analytics/events/outreach.ts
@@ -0,0 +1,16 @@
+const OUTREACH_CATEGORY = 'outreach'
+
+export const OUTREACH_EVENTS = {
+  CLOSE_POPUP: {
+    action: 'Close outreach popup',
+    category: OUTREACH_CATEGORY,
+  },
+  ASK_AGAIN_LATER: {
+    action: 'Ask again later',
+    category: OUTREACH_CATEGORY,
+  },
+  OPEN_SURVEY: {
+    action: 'Open outreach survey',
+    category: OUTREACH_CATEGORY,
+  },
+}
diff --git a/apps/web/src/services/analytics/events/overview.ts b/apps/web/src/services/analytics/events/overview.ts
new file mode 100644
index 000000000..49cb1ea77
--- /dev/null
+++ b/apps/web/src/services/analytics/events/overview.ts
@@ -0,0 +1,225 @@
+import { EventType } from '@/services/analytics/types'
+
+const OVERVIEW_CATEGORY = 'overview'
+
+export const OVERVIEW_EVENTS = {
+  OPEN_ONBOARD: {
+    action: 'Open wallet modal',
+    category: OVERVIEW_CATEGORY,
+  },
+  SWITCH_NETWORK: {
+    action: 'Switch network',
+    category: OVERVIEW_CATEGORY,
+  },
+  SHOW_QR: {
+    action: 'Show Safe QR code',
+    category: OVERVIEW_CATEGORY,
+  },
+  COPY_ADDRESS: {
+    action: 'Copy Safe address',
+    category: OVERVIEW_CATEGORY,
+  },
+  OPEN_EXPLORER: {
+    action: 'Open Safe on block explorer',
+    category: OVERVIEW_CATEGORY,
+  },
+  ADD_TO_WATCHLIST: {
+    action: 'Add Safe to watchlist',
+    category: OVERVIEW_CATEGORY,
+  },
+  REMOVE_FROM_WATCHLIST: {
+    action: 'Remove from watchlist',
+    category: OVERVIEW_CATEGORY,
+  },
+  ADD_NEW_NETWORK: {
+    action: 'Add new network',
+    category: OVERVIEW_CATEGORY,
+  },
+  SUBMIT_ADD_NEW_NETWORK: {
+    action: 'Submit add new network',
+    category: OVERVIEW_CATEGORY,
+  },
+  CANCEL_ADD_NEW_NETWORK: {
+    action: 'Cancel add new network',
+    category: OVERVIEW_CATEGORY,
+  },
+  DELETED_FROM_WATCHLIST: {
+    action: 'Deleted from watchlist',
+    category: OVERVIEW_CATEGORY,
+  },
+  TOTAL_SAFES_OWNED: {
+    action: 'Total Safes owned',
+    category: OVERVIEW_CATEGORY,
+    event: EventType.META,
+  },
+  TOTAL_SAFES_PINNED: {
+    action: 'Total Safes pinned',
+    category: OVERVIEW_CATEGORY,
+    event: EventType.META,
+  },
+  SEARCH: {
+    action: 'Search safes',
+    category: OVERVIEW_CATEGORY,
+  },
+  SORT_SAFES: {
+    action: 'Sort Safes',
+    category: OVERVIEW_CATEGORY,
+  },
+  SIDEBAR: {
+    action: 'Sidebar',
+    category: OVERVIEW_CATEGORY,
+  },
+  WHATS_NEW: {
+    action: "Open What's New",
+    category: OVERVIEW_CATEGORY,
+  },
+  SUGGESTIONS: {
+    action: 'Suggest any new Feature',
+    category: OVERVIEW_CATEGORY,
+  },
+  HELP_CENTER: {
+    action: 'Open Help Center',
+    category: OVERVIEW_CATEGORY,
+  },
+  NEW_TRANSACTION: {
+    action: 'New transaction',
+    category: OVERVIEW_CATEGORY,
+  },
+  CHOOSE_TRANSACTION_TYPE: {
+    action: 'Choose transaction type',
+    category: OVERVIEW_CATEGORY,
+    event: EventType.CLICK,
+  },
+  ADD_FUNDS: {
+    action: 'Add funds',
+    category: OVERVIEW_CATEGORY,
+    event: EventType.CLICK,
+  },
+  NOTIFICATION_CENTER: {
+    action: 'Open Notification Center',
+    category: OVERVIEW_CATEGORY,
+  },
+  NOTIFICATION_INTERACTION: {
+    action: 'Interact with notification',
+    category: OVERVIEW_CATEGORY,
+  },
+  SIDEBAR_RENAME: {
+    action: 'Rename Safe from sidebar',
+    category: OVERVIEW_CATEGORY,
+  },
+  SAFE_TOKEN_WIDGET: {
+    action: 'Open Safe Governance App from widget',
+    category: OVERVIEW_CATEGORY,
+  },
+  OPEN_MISSING_SIGNATURES: {
+    action: 'Open transactions queue from missing signatures',
+    category: OVERVIEW_CATEGORY,
+  },
+  OPEN_QUEUED_TRANSACTIONS: {
+    action: 'Open transactions queue from queue size',
+    category: OVERVIEW_CATEGORY,
+  },
+  EXPORT_DATA: {
+    action: 'Export data',
+    category: OVERVIEW_CATEGORY,
+  },
+  IMPORT_DATA: {
+    action: 'Import data',
+    category: OVERVIEW_CATEGORY,
+  },
+  RELAYING_HELP_ARTICLE: {
+    action: 'Open relaying help article',
+    category: OVERVIEW_CATEGORY,
+  },
+  SEP5_ALLOCATION_BUTTON: {
+    action: 'Click on SEP5 allocation button',
+    category: OVERVIEW_CATEGORY,
+  },
+  // Track clicks on links to Safe Accounts
+  OPEN_SAFE: {
+    action: 'Open Safe',
+    category: OVERVIEW_CATEGORY,
+    //label: OPEN_SAFE_LABELS
+  },
+  PIN_SAFE: {
+    action: 'Toggle Safe pinned state',
+    category: OVERVIEW_CATEGORY,
+  },
+  // Track clicks on links to Safe Accounts
+  EXPAND_MULTI_SAFE: {
+    action: 'Expand multi Safe',
+    category: OVERVIEW_CATEGORY,
+    //label: OPEN_SAFE_LABELS
+  },
+  SHOW_ALL_NETWORKS: {
+    action: 'Show all networks',
+    category: OVERVIEW_CATEGORY,
+  },
+  // Track actual Safe views
+  SAFE_VIEWED: {
+    event: EventType.SAFE_OPENED,
+    action: 'Safe viewed',
+    category: OVERVIEW_CATEGORY,
+  },
+  BUY_CRYPTO_BUTTON: {
+    action: 'Buy crypto button',
+    category: OVERVIEW_CATEGORY,
+  },
+  SHOW_MORE_SAFES: {
+    action: 'Show more Safes',
+    category: OVERVIEW_CATEGORY,
+  },
+  CREATE_NEW_SAFE: {
+    action: 'Create new Safe',
+    category: OVERVIEW_CATEGORY,
+  },
+  PROCEED_WITH_TX: {
+    event: EventType.CLICK,
+    action: 'Proceed with transaction',
+    category: OVERVIEW_CATEGORY,
+  },
+  OPEN_STAKING_WIDGET: {
+    action: 'Open staking widget from banner',
+    category: OVERVIEW_CATEGORY,
+  },
+  HIDE_STAKING_BANNER: {
+    action: 'Hide staking banner',
+    category: OVERVIEW_CATEGORY,
+  },
+  OPEN_LEARN_MORE_STAKING_BANNER: {
+    action: 'Staking banner learn more',
+    category: OVERVIEW_CATEGORY,
+  },
+  OPEN_EARN_WIDGET: {
+    action: 'Open earn widget from banner',
+    category: OVERVIEW_CATEGORY,
+  },
+  HIDE_EARN_BANNER: {
+    action: 'Hide earn banner',
+    category: OVERVIEW_CATEGORY,
+  },
+}
+
+export enum PIN_SAFE_LABELS {
+  pin = 'pin',
+  unpin = 'unpin',
+}
+
+export enum OPEN_SAFE_LABELS {
+  sidebar = 'sidebar',
+  after_create = 'after_create',
+  after_add = 'after_add',
+  login_page = 'login_page',
+}
+
+export enum OVERVIEW_LABELS {
+  sidebar = 'sidebar',
+  quick_add = 'quick_add',
+  quick_remove = 'quick_remove',
+  top_bar = 'top_bar',
+  welcome_page = 'welcome_page',
+  login_page = 'login_page',
+  settings = 'settings',
+  space_list_page = 'space_list_page',
+  space_page = 'space_page',
+}
diff --git a/src/services/analytics/events/push-notifications.ts b/apps/web/src/services/analytics/events/push-notifications.ts
similarity index 100%
rename from src/services/analytics/events/push-notifications.ts
rename to apps/web/src/services/analytics/events/push-notifications.ts
diff --git a/src/services/analytics/events/recovery.ts b/apps/web/src/services/analytics/events/recovery.ts
similarity index 77%
rename from src/services/analytics/events/recovery.ts
rename to apps/web/src/services/analytics/events/recovery.ts
index b6acc7b69..ae117a05e 100644
--- a/src/services/analytics/events/recovery.ts
+++ b/apps/web/src/services/analytics/events/recovery.ts
@@ -1,33 +1,27 @@
 import { EventType } from '@/services/analytics'
 
-// These are used for the generic stepper flow events (Next, Back)
-export const SETUP_RECOVERY_CATEGORY = 'setup-recovery'
-export const START_RECOVERY_CATEGORY = 'propose-recovery'
-export const REMOVE_RECOVERY_CATEGORY = 'remove-recovery'
-export const CANCEL_RECOVERY_CATEGORY = 'cancel-recovery'
-
 const RECOVERY_CATEGORY = 'recovery'
 
 export const RECOVERY_EVENTS = {
   SETUP_RECOVERY: {
     action: 'Start recovery setup',
     category: RECOVERY_CATEGORY,
-    event: EventType.CLICK,
   },
   SELECT_RECOVERY_METHOD: {
     action: 'Select recovery method',
     category: RECOVERY_CATEGORY,
-    event: EventType.CLICK,
   },
   CONTINUE_WITH_RECOVERY: {
     action: 'Continue with recovery method',
     category: RECOVERY_CATEGORY,
-    event: EventType.CLICK,
   },
   CONTINUE_TO_WAITLIST: {
     action: 'Continue to waitlist',
     category: RECOVERY_CATEGORY,
-    event: EventType.CLICK,
+  },
+  SYGNUM_APP: {
+    action: 'Go to Sygnum app',
+    category: RECOVERY_CATEGORY,
   },
   RECOVERY_SETTINGS: {
     action: 'Recovery settings',
@@ -37,42 +31,34 @@ export const RECOVERY_EVENTS = {
   EDIT_RECOVERY: {
     action: 'Start edit recovery',
     category: RECOVERY_CATEGORY,
-    event: EventType.CLICK,
   },
   REMOVE_RECOVERY: {
     action: 'Start recovery removal',
     category: RECOVERY_CATEGORY,
-    event: EventType.CLICK,
   },
   START_RECOVERY: {
     action: 'Start recovery proposal',
     category: RECOVERY_CATEGORY,
-    event: EventType.CLICK,
   },
   CANCEL_RECOVERY: {
     action: 'Start recovery cancellation',
     category: RECOVERY_CATEGORY,
-    event: EventType.CLICK,
   },
   SHOW_ADVANCED: {
     action: 'Show advanced recovery settings',
     category: RECOVERY_CATEGORY,
-    event: EventType.CLICK,
   },
   DISMISS_PROPOSAL_CARD: {
     action: 'Dismiss recovery proposal card',
     category: RECOVERY_CATEGORY,
-    event: EventType.CLICK,
   },
   LEARN_MORE: {
     action: 'Recovery info click',
     category: RECOVERY_CATEGORY,
-    event: EventType.CLICK,
   },
   GO_BACK: {
     action: 'Recovery cancellation back',
     category: RECOVERY_CATEGORY,
-    event: EventType.CLICK,
   },
   GIVE_US_FEEDBACK: {
     action: 'Recovery feedback click',
@@ -82,7 +68,6 @@ export const RECOVERY_EVENTS = {
   CHECK_RECOVERY_PROPOSAL: {
     action: 'Check recovery proposal',
     category: RECOVERY_CATEGORY,
-    event: EventType.CLICK,
   },
   SUBMIT_RECOVERY_CREATE: {
     action: 'Submit recovery setup',
diff --git a/src/services/analytics/events/reject-tx.ts b/apps/web/src/services/analytics/events/reject-tx.ts
similarity index 100%
rename from src/services/analytics/events/reject-tx.ts
rename to apps/web/src/services/analytics/events/reject-tx.ts
diff --git a/src/services/analytics/events/safeApps.ts b/apps/web/src/services/analytics/events/safeApps.ts
similarity index 88%
rename from src/services/analytics/events/safeApps.ts
rename to apps/web/src/services/analytics/events/safeApps.ts
index 7ae48c78d..98b8c4bba 100644
--- a/src/services/analytics/events/safeApps.ts
+++ b/apps/web/src/services/analytics/events/safeApps.ts
@@ -70,3 +70,12 @@ export const SAFE_APPS_EVENTS = {
     action: 'SDK method call',
   },
 }
+
+export enum SAFE_APPS_LABELS {
+  dashboard = 'dashboard',
+  apps_pinned = 'apps_pinned',
+  apps_featured = 'apps_featured',
+  apps_all = 'apps_all',
+  apps_custom = 'apps_custom',
+  apps_sidebar = 'apps_sidebar',
+}
diff --git a/apps/web/src/services/analytics/events/settings.ts b/apps/web/src/services/analytics/events/settings.ts
new file mode 100644
index 000000000..b6bad392a
--- /dev/null
+++ b/apps/web/src/services/analytics/events/settings.ts
@@ -0,0 +1,161 @@
+import { EventType } from '@/services/analytics/types'
+
+const SETTINGS_CATEGORY = 'settings'
+
+export const SETTINGS_EVENTS = {
+  SETUP: {
+    MANAGE_SIGNERS: {
+      action: 'Manage signers',
+      category: SETTINGS_CATEGORY,
+    },
+    ADD_OWNER: {
+      action: 'Add owner',
+      category: SETTINGS_CATEGORY,
+    },
+    EDIT_OWNER: {
+      action: 'Edit owner',
+      category: SETTINGS_CATEGORY,
+    },
+    REPLACE_OWNER: {
+      action: 'Replace owner',
+      category: SETTINGS_CATEGORY,
+    },
+    REMOVE_OWNER: {
+      action: 'Remove owner',
+      category: SETTINGS_CATEGORY,
+    },
+    CHANGE_THRESHOLD: {
+      action: 'Change threshold',
+      category: SETTINGS_CATEGORY,
+    },
+    OWNERS: {
+      event: EventType.META,
+      action: 'Owners',
+      category: SETTINGS_CATEGORY,
+    },
+    THRESHOLD: {
+      event: EventType.META,
+      action: 'Threshold',
+      category: SETTINGS_CATEGORY,
+    },
+  },
+  APPEARANCE: {
+    COPY_PREFIXES: {
+      action: 'Copy EIP-3770 prefixes',
+      category: SETTINGS_CATEGORY,
+    },
+    DARK_MODE: {
+      action: 'Dark mode',
+      category: SETTINGS_CATEGORY,
+    },
+  },
+  MODULES: {
+    REMOVE_MODULE: {
+      action: 'Remove module',
+      category: SETTINGS_CATEGORY,
+    },
+    REMOVE_GUARD: {
+      action: 'Remove transaction guard',
+      category: SETTINGS_CATEGORY,
+    },
+  },
+  SPENDING_LIMIT: {
+    NEW_LIMIT: {
+      action: 'New spending limit',
+      category: SETTINGS_CATEGORY,
+    },
+    RESET_PERIOD: {
+      event: EventType.META,
+      action: 'Spending limit reset period',
+      category: SETTINGS_CATEGORY,
+    },
+    REMOVE_LIMIT: {
+      action: 'Remove spending limit',
+      category: SETTINGS_CATEGORY,
+    },
+    LIMIT_REMOVED: {
+      action: 'Spending limit removed',
+      category: SETTINGS_CATEGORY,
+    },
+  },
+  PROPOSERS: {
+    ADD_PROPOSER: {
+      action: 'Add safe proposer',
+      category: SETTINGS_CATEGORY,
+    },
+    REMOVE_PROPOSER: {
+      action: 'Remove safe proposer',
+      category: SETTINGS_CATEGORY,
+    },
+    EDIT_PROPOSER: {
+      action: 'Edit safe proposer',
+      category: SETTINGS_CATEGORY,
+    },
+    SUBMIT_ADD_PROPOSER: {
+      action: 'Submit add safe proposer',
+      category: SETTINGS_CATEGORY,
+    },
+    SUBMIT_REMOVE_PROPOSER: {
+      action: 'Submit remove safe proposer',
+      category: SETTINGS_CATEGORY,
+    },
+    SUBMIT_EDIT_PROPOSER: {
+      action: 'Submit edit safe proposer',
+      category: SETTINGS_CATEGORY,
+    },
+    CANCEL_ADD_PROPOSER: {
+      action: 'Cancel add safe proposer',
+      category: SETTINGS_CATEGORY,
+    },
+    CANCEL_REMOVE_PROPOSER: {
+      action: 'Cancel remove safe proposer',
+      category: SETTINGS_CATEGORY,
+    },
+    CANCEL_EDIT_PROPOSER: {
+      action: 'Cancel edit safe proposer',
+      category: SETTINGS_CATEGORY,
+    },
+  },
+  DATA: {
+    IMPORT_ADDRESS_BOOK: {
+      action: 'Imported address book via Import all',
+      category: SETTINGS_CATEGORY,
+    },
+    IMPORT_SETTINGS: {
+      action: 'Imported settings via Import all',
+      category: SETTINGS_CATEGORY,
+    },
+    IMPORT_SAFE_APPS: {
+      action: 'Imported Safe apps via Import all',
+      category: SETTINGS_CATEGORY,
+    },
+    IMPORT_UNDEPLOYED_SAFES: {
+      action: 'Imported counterfactual safes via Import all',
+      category: SETTINGS_CATEGORY,
+    },
+    IMPORT_VISITED_SAFES: {
+      action: 'Imported visited safes via Import all',
+      category: SETTINGS_CATEGORY,
+    },
+    CLEAR_PENDING_TXS: {
+      action: 'Cleared pending transactions',
+      category: SETTINGS_CATEGORY,
+    },
+  },
+  ENV_VARIABLES: {
+    SAVE: {
+      action: 'Environment variables changed',
+      category: SETTINGS_CATEGORY,
+    },
+  },
+  SAFE_APPS: {
+    CHANGE_SIGNING_METHOD: {
+      action: 'Safe apps signing method changed',
+      category: SETTINGS_CATEGORY,
+    },
+  },
+}
+
+export enum SETTINGS_LABELS {
+  manage_signers = 'manage_signers',
+}
diff --git a/apps/web/src/services/analytics/events/spaces.ts b/apps/web/src/services/analytics/events/spaces.ts
new file mode 100644
index 000000000..74d7c5825
--- /dev/null
+++ b/apps/web/src/services/analytics/events/spaces.ts
@@ -0,0 +1,166 @@
+import { EventType } from '@/services/analytics'
+
+const SPACE_CATEGORY = 'spaces'
+
+export const SPACE_EVENTS = {
+  SIGN_IN_BUTTON: {
+    action: 'Open sign in message',
+    category: SPACE_CATEGORY,
+  },
+  INFO_MODAL: {
+    action: 'Open info dialog',
+    category: SPACE_CATEGORY,
+  },
+  OPEN_SPACE_LIST_PAGE: {
+    action: 'Open space list page',
+    category: SPACE_CATEGORY,
+  },
+  OPEN_SPACE_DASHBOARD: {
+    action: 'Open space dashboard',
+    category: SPACE_CATEGORY,
+  },
+  CREATE_SPACE_MODAL: {
+    action: 'Open create space dialog',
+    category: SPACE_CATEGORY,
+  },
+  CREATE_SPACE: {
+    action: 'Submit space creation',
+    category: SPACE_CATEGORY,
+  },
+  ACCEPT_INVITE: {
+    action: 'Open accept invitation dialog',
+    category: SPACE_CATEGORY,
+  },
+  ACCEPT_INVITE_SUBMIT: {
+    action: 'Submit accept invitation',
+    category: SPACE_CATEGORY,
+  },
+  DECLINE_INVITE: {
+    action: 'Open decline invitation dialog',
+    category: SPACE_CATEGORY,
+  },
+  DECLINE_INVITE_SUBMIT: {
+    action: 'Submit decline invitation',
+    category: SPACE_CATEGORY,
+  },
+  VIEW_INVITING_SPACE: {
+    action: 'View preview of inviting space',
+    category: SPACE_CATEGORY,
+  },
+  ADD_MEMBER_MODAL: {
+    action: 'Open add member modal',
+    category: SPACE_CATEGORY,
+  },
+  REMOVE_MEMBER_MODAL: {
+    action: 'Open remove member modal',
+    category: SPACE_CATEGORY,
+  },
+  REMOVE_MEMBER: {
+    action: 'Submit remove member',
+    category: SPACE_CATEGORY,
+  },
+  ADD_MEMBER: {
+    action: 'Submit add member',
+    category: SPACE_CATEGORY,
+  },
+  ADD_ACCOUNTS_MODAL: {
+    action: 'Open add accounts modal',
+    category: SPACE_CATEGORY,
+  },
+  ADD_ACCOUNTS: {
+    action: 'Submit add accounts',
+    category: SPACE_CATEGORY,
+  },
+  ADD_ACCOUNT_MANUALLY_MODAL: {
+    action: 'Open add account manually modal',
+    category: SPACE_CATEGORY,
+  },
+  ADD_ACCOUNT_MANUALLY: {
+    action: 'Add account manually submit',
+    category: SPACE_CATEGORY,
+  },
+  RENAME_ACCOUNT_MODAL: {
+    action: 'Open rename account modal',
+    category: SPACE_CATEGORY,
+  },
+  RENAME_ACCOUNT: {
+    action: 'Submit rename account',
+    category: SPACE_CATEGORY,
+  },
+  DELETE_ACCOUNT_MODAL: {
+    action: 'Open delete account modal',
+    category: SPACE_CATEGORY,
+  },
+  DELETE_ACCOUNT: {
+    action: 'Submit delete account',
+    category: SPACE_CATEGORY,
+  },
+  DELETE_SPACE_MODAL: {
+    action: 'Open delete space modal',
+    category: SPACE_CATEGORY,
+  },
+  DELETE_SPACE: {
+    action: 'Submit delete space',
+    category: SPACE_CATEGORY,
+  },
+  LEAVE_SPACE_MODAL: {
+    action: 'Open leave space modal',
+    category: SPACE_CATEGORY,
+  },
+  LEAVE_SPACE: {
+    action: 'Submit leave space',
+    category: SPACE_CATEGORY,
+  },
+  VIEW_ALL_ACCOUNTS: {
+    action: 'View all accounts',
+    category: SPACE_CATEGORY,
+  },
+  VIEW_ALL_MEMBERS: {
+    action: 'View all members',
+    category: SPACE_CATEGORY,
+  },
+  SEARCH_ACCOUNTS: {
+    action: 'Search accounts',
+    category: SPACE_CATEGORY,
+  },
+  SEARCH_MEMBERS: {
+    action: 'Search members',
+    category: SPACE_CATEGORY,
+  },
+  CREATE_SPACE_TX: {
+    action: 'Open send tokens flow in space',
+    category: SPACE_CATEGORY,
+  },
+  TOTAL_SAFE_ACCOUNTS: {
+    action: 'Total safes added to space',
+    category: SPACE_CATEGORY,
+    event: EventType.META,
+  },
+  TOTAL_ACTIVE_MEMBERS: {
+    action: 'Total active members in space',
+    category: SPACE_CATEGORY,
+    event: EventType.META,
+  },
+  HIDE_DASHBOARD_WIDGET: {
+    action: 'Hide spaces dashboard widget',
+    category: SPACE_CATEGORY,
+  },
+}
+
+export enum SPACE_LABELS {
+  space_list_page = 'space_list_page',
+  safe_dashboard_banner = 'safe_dashboard_banner',
+  info_modal = 'info_modal',
+  space_selector = 'space_selector',
+  accounts_page = 'accounts_page',
+  preview_banner = 'preview_banner',
+  space_dashboard = 'space_dashboard',
+  space_dashboard_card = 'space_dashboard_card',
+  members_page = 'members_page',
+  member_list = 'member_list',
+  invite_list = 'invite_list',
+  add_accounts_modal = 'add_accounts_modal',
+  space_settings = 'space_settings',
+  space_context_menu = 'space_context_menu',
+  space_breadcrumbs = 'space_breadcrumbs',
+}
diff --git a/apps/web/src/services/analytics/events/stake.ts b/apps/web/src/services/analytics/events/stake.ts
new file mode 100644
index 000000000..675493948
--- /dev/null
+++ b/apps/web/src/services/analytics/events/stake.ts
@@ -0,0 +1,14 @@
+const STAKE_CATEGORY = 'stake'
+
+export const STAKE_EVENTS = {
+  OPEN_STAKE: {
+    action: 'Open stake',
+    category: STAKE_CATEGORY,
+  },
+}
+
+export enum STAKE_LABELS {
+  dashboard = 'dashboard',
+  sidebar = 'sidebar',
+  asset = 'asset',
+}
diff --git a/src/services/analytics/events/swaps.ts b/apps/web/src/services/analytics/events/swaps.ts
similarity index 100%
rename from src/services/analytics/events/swaps.ts
rename to apps/web/src/services/analytics/events/swaps.ts
diff --git a/apps/web/src/services/analytics/events/transactions.ts b/apps/web/src/services/analytics/events/transactions.ts
new file mode 100644
index 000000000..bdffe2453
--- /dev/null
+++ b/apps/web/src/services/analytics/events/transactions.ts
@@ -0,0 +1,111 @@
+import { EventType } from '../types'
+
+export enum TX_TYPES {
+  // Settings
+  owner_add = 'owner_add',
+  owner_remove = 'owner_remove',
+  owner_swap = 'owner_swap',
+  owner_threshold_change = 'owner_threshold_change',
+
+  // Module txs
+  guard_remove = 'guard_remove',
+  module_remove = 'module_remove',
+
+  // Transfers
+  transfer_token = 'transfer_token',
+  batch_transfer_token = 'batch_transfer_token',
+  transfer_nft = 'transfer_nft',
+
+  // Other
+  batch = 'batch',
+  rejection = 'rejection',
+  typed_message = 'typed_message',
+  nested_safe = 'nested_safe',
+  walletconnect = 'walletconnect',
+  custom = 'custom',
+  native_bridge = 'native_bridge',
+  native_swap = 'native_swap',
+  native_earn = 'native_earn',
+  native_swap_lifi = 'native_swap_lifi',
+  bulk_execute = 'bulk_execute',
+
+  // Counterfactual
+  activate_without_tx = 'activate_without_tx',
+  activate_with_tx = 'activate_with_tx',
+}
+
+const TX_CATEGORY = 'transactions'
+
+export const TX_EVENTS = {
+  CREATE: {
+    event: EventType.TX_CREATED,
+    action: 'Create transaction',
+    category: TX_CATEGORY,
+    // label: TX_TYPES,
+  },
+  CREATE_VIA_ROLE: {
+    event: EventType.TX_CREATED,
+    action: 'Create via role',
+    category: TX_CATEGORY,
+  },
+  CREATE_VIA_SPENDING_LIMTI: {
+    event: EventType.TX_CREATED,
+    action: 'Create via spending limit',
+    category: TX_CATEGORY,
+  },
+  CREATE_VIA_PROPOSER: {
+    event: EventType.TX_CREATED,
+    action: 'Create via proposer',
+    category: TX_CATEGORY,
+  },
+  CONFIRM: {
+    event: EventType.TX_CONFIRMED,
+    action: 'Confirm transaction',
+    category: TX_CATEGORY,
+  },
+  EXECUTE: {
+    event: EventType.TX_EXECUTED,
+    action: 'Execute transaction',
+    category: TX_CATEGORY,
+  },
+  SPEED_UP: {
+    event: EventType.TX_EXECUTED,
+    action: 'Speed up transaction',
+    category: TX_CATEGORY,
+  },
+  EXECUTE_VIA_SPENDING_LIMIT: {
+    event: EventType.TX_EXECUTED,
+    action: 'Execute via spending limit',
+    category: TX_CATEGORY,
+  },
+  EXECUTE_VIA_ROLE: {
+    event: EventType.TX_EXECUTED,
+    action: 'Execute via role',
+    category: TX_CATEGORY,
+  },
+  CREATE_VIA_PARENT: {
+    event: EventType.TX_CREATED,
+    action: 'Create via parent',
+    category: TX_CATEGORY,
+  },
+  CONFIRM_VIA_PARENT: {
+    event: EventType.TX_CREATED,
+    action: 'Confirm via parent',
+    category: TX_CATEGORY,
+  },
+  EXECUTE_VIA_PARENT: {
+    event: EventType.TX_CREATED,
+    action: 'Execute via parent',
+    category: TX_CATEGORY,
+  },
+  CONFIRM_IN_PARENT: {
+    event: EventType.TX_CONFIRMED,
+    action: 'Confirm in parent',
+    category: TX_CATEGORY,
+  },
+  EXECUTE_IN_PARENT: {
+    event: EventType.TX_EXECUTED,
+    action: 'Execute in parent',
+    category: TX_CATEGORY,
+  },
+}
diff --git a/src/services/analytics/events/txList.ts b/apps/web/src/services/analytics/events/txList.ts
similarity index 82%
rename from src/services/analytics/events/txList.ts
rename to apps/web/src/services/analytics/events/txList.ts
index 12b0ea586..aa2d2c295 100644
--- a/src/services/analytics/events/txList.ts
+++ b/apps/web/src/services/analytics/events/txList.ts
@@ -2,6 +2,11 @@ import { EventType } from '@/services/analytics/types'
 
 const TX_LIST_CATEGORY = 'tx-list'
 
+export enum CopyDeeplinkLabels {
+  shareBlock = 'share-block',
+  button = 'button',
+}
+
 export const TX_LIST_EVENTS = {
   QUEUED_TXS: {
     event: EventType.META,
@@ -19,6 +24,11 @@ export const TX_LIST_EVENTS = {
   COPY_DEEPLINK: {
     action: 'Copy deeplink',
     category: TX_LIST_CATEGORY,
+    label: CopyDeeplinkLabels.shareBlock,
+  },
+  OPEN_SHARE_BLOCK: {
+    action: 'Open share block',
+    category: TX_LIST_CATEGORY,
   },
   CONFIRM: {
     action: 'Confirm transaction',
@@ -54,6 +64,11 @@ export const TX_LIST_EVENTS = {
     category: TX_LIST_CATEGORY,
     event: EventType.CLICK,
   },
+  COPY_WARNING_CLOSE: {
+    action: 'Do not copy address',
+    category: TX_LIST_CATEGORY,
+    event: EventType.CLICK,
+  },
   TOGGLE_UNTRUSTED: {
     action: 'Toggle untrusted transactions',
     category: TX_LIST_CATEGORY,
diff --git a/src/services/analytics/events/wallet.ts b/apps/web/src/services/analytics/events/wallet.ts
similarity index 100%
rename from src/services/analytics/events/wallet.ts
rename to apps/web/src/services/analytics/events/wallet.ts
diff --git a/src/services/analytics/events/walletconnect.ts b/apps/web/src/services/analytics/events/walletconnect.ts
similarity index 92%
rename from src/services/analytics/events/walletconnect.ts
rename to apps/web/src/services/analytics/events/walletconnect.ts
index 34a9a9358..9c344ff26 100644
--- a/src/services/analytics/events/walletconnect.ts
+++ b/apps/web/src/services/analytics/events/walletconnect.ts
@@ -59,10 +59,6 @@ export const WALLETCONNECT_EVENTS = {
     category: WALLETCONNECT_CATEGORY,
     event: EventType.META,
   },
-  SWITCH_FROM_UNSUPPORTED_CHAIN: {
-    action: 'WC switch from unsupported chain',
-    category: WALLETCONNECT_CATEGORY,
-  },
   REQUEST: {
     action: 'WC request',
     category: WALLETCONNECT_CATEGORY,
diff --git a/apps/web/src/services/analytics/gtm.ts b/apps/web/src/services/analytics/gtm.ts
new file mode 100644
index 000000000..e71b020db
--- /dev/null
+++ b/apps/web/src/services/analytics/gtm.ts
@@ -0,0 +1,195 @@
+/**
+ * Google Tag Manager-related functions.
+ *
+ * Initializes and un-initializes GTM in production or dev mode.
+ * Allows sending datalayer events to GTM.
+ *
+ * This service should NOT be used directly by components. Use the `analytics` service instead.
+ */
+
+import { sendGAEvent } from '@next/third-parties/google'
+import Cookies from 'js-cookie'
+import { SAFE_APPS_GA_TRACKING_ID, GA_TRACKING_ID, IS_PRODUCTION } from '@/config/constants'
+import type { AnalyticsEvent, EventLabel, SafeAppSDKEvent } from './types'
+import { EventType, DeviceType } from './types'
+import { SAFE_APPS_SDK_CATEGORY } from './events'
+import { getAbTest } from '../tracking/abTesting'
+import type { AbTest } from '../tracking/abTesting'
+import { AppRoutes } from '@/config/routes'
+import packageJson from '../../../package.json'
+
+const commonEventParams = {
+  appVersion: packageJson.version,
+  chainId: '',
+  deviceType: DeviceType.DESKTOP,
+  safeAddress: '',
+}
+
+export const gtmSetChainId = (chainId: string): void => {
+  commonEventParams.chainId = chainId
+}
+
+export const gtmSetDeviceType = (type: DeviceType): void => {
+  commonEventParams.deviceType = type
+}
+
+export const gtmSetSafeAddress = (safeAddress: string): void => {
+  commonEventParams.safeAddress = safeAddress.slice(2) // Remove 0x prefix
+}
+
+export const gtmEnableCookies = () => {
+  window.gtag?.('consent', 'update', {
+    analytics_storage: 'granted',
+  })
+}
+
+export const gtmDisableCookies = () => {
+  window.gtag?.('consent', 'update', {
+    analytics_storage: 'denied',
+  })
+
+  const GA_COOKIE_LIST = ['_ga', '_gat', '_gid']
+  const GA_PREFIX = '_ga_'
+  const allCookies = document.cookie.split(';').map((cookie) => cookie.split('=')[0].trim())
+  const gaCookies = allCookies.filter((cookie) => cookie.startsWith(GA_PREFIX))
+
+  GA_COOKIE_LIST.concat(gaCookies).forEach((cookie) => {
+    Cookies.remove(cookie, {
+      path: '/',
+      domain: `.${location.host.split('.').slice(-2).join('.')}`,
+    })
+  })
+
+  // Injected script will remain in memory until new session
+  location.reload()
+}
+
+export const gtmSetUserProperty = (name: string, value: string) => {
+  window.gtag?.('set', 'user_properties', {
+    [name]: value,
+  })
+
+  if (!IS_PRODUCTION) {
+    console.info('[GTM] -', 'set user_properties', name, '=', value)
+  }
+}
+
+type GtmEvent = {
+  event: EventType
+  chainId: string
+  deviceType: DeviceType
+  abTest?: AbTest
+}
+
+type ActionGtmEvent = GtmEvent & {
+  eventCategory: string
+  eventAction: string
+  send_to: string
+  eventLabel?: EventLabel
+  eventType?: string
+}
+
+type PageviewGtmEvent = GtmEvent & {
+  page_location: string
+  page_path: string
+  send_to: string
+}
+
+type SafeAppGtmEvent = ActionGtmEvent & {
+  safeAppName: string
+  safeAppMethod?: string
+  safeAppEthMethod?: string
+  safeAppSDKVersion?: string
+  send_to: string
+}
+
+export const gtmTrack = (eventData: AnalyticsEvent): void => {
+  const gtmEvent: ActionGtmEvent = {
+    ...commonEventParams,
+    event: eventData.event || EventType.CLICK,
+    eventCategory: eventData.category,
+    eventAction: eventData.action,
+    chainId: eventData.chainId || commonEventParams.chainId,
+    send_to: GA_TRACKING_ID,
+  }
+
+  if (eventData.event) {
+    gtmEvent.eventType = eventData.event
+  } else {
+    gtmEvent.eventType = undefined
+  }
+
+  if (eventData.label !== undefined) {
+    gtmEvent.eventLabel = eventData.label
+  } else {
+    // Otherwise, whatever was in the datalayer before will be reused
+    gtmEvent.eventLabel = undefined
+  }
+
+  const abTest = getAbTest()
+
+  if (abTest) {
+    gtmEvent.abTest = abTest
+  }
+
+  sendEvent(gtmEvent.event, gtmEvent)
+}
+
+export const gtmTrackPageview = (pagePath: string, pathWithQuery: string): void => {
+  const gtmEvent: PageviewGtmEvent = {
+    ...commonEventParams,
+    event: EventType.PAGEVIEW,
+    page_location: `${location.origin}${pathWithQuery}`,
+    page_path: pagePath,
+    send_to: GA_TRACKING_ID,
+  }
+
+  sendEvent('page_view', gtmEvent)
+}
+
+export const normalizeAppName = (appName?: string): string => {
+  // App name is a URL
+  if (appName?.startsWith('http')) {
+    // Strip search query and hash
+    return appName.split('?')[0].split('#')[0]
+  }
+  return appName || ''
+}
+
+export const gtmTrackSafeApp = (eventData: AnalyticsEvent, appName?: string, sdkEventData?: SafeAppSDKEvent): void => {
+  if (!location.pathname.startsWith(AppRoutes.apps.index) && !eventData.label) {
+    return
+  }
+
+  const safeAppGtmEvent: SafeAppGtmEvent = {
+    ...commonEventParams,
+    event: EventType.SAFE_APP,
+    eventCategory: eventData.category,
+    eventAction: eventData.action,
+    safeAppName: normalizeAppName(appName),
+    safeAppEthMethod: '',
+    safeAppMethod: '',
+    safeAppSDKVersion: '',
+    send_to: SAFE_APPS_GA_TRACKING_ID,
+  }
+
+  if (eventData.category === SAFE_APPS_SDK_CATEGORY) {
+    safeAppGtmEvent.safeAppMethod = sdkEventData?.method
+    safeAppGtmEvent.safeAppEthMethod = sdkEventData?.ethMethod
+    safeAppGtmEvent.safeAppSDKVersion = sdkEventData?.version
+  }
+
+  if (eventData.label) {
+    safeAppGtmEvent.eventLabel = eventData.label
+  }
+
+  sendEvent('safeAppEvent', safeAppGtmEvent)
+}
+
+const sendEvent = (eventName: string, data: object) => {
+  sendGAEvent('event', eventName, data)
+
+  if (!IS_PRODUCTION) {
+    console.info('[GA] -', data)
+  }
+}
diff --git a/apps/web/src/services/analytics/index.ts b/apps/web/src/services/analytics/index.ts
new file mode 100644
index 000000000..a15fae636
--- /dev/null
+++ b/apps/web/src/services/analytics/index.ts
@@ -0,0 +1,25 @@
+/**
+ * The analytics service.
+ *
+ * Exports `trackEvent` and event types.
+ * `trackEvent` is supposed to be called by UI components.
+ *
+ * The event definitions are in the `events` folder.
+ *
+ * Usage example:
+ *
+ * `import { trackEvent, ADDRESS_BOOK_EVENTS } from '@/services/analytics'`
+ * `trackEvent(ADDRESS_BOOK_EVENTS.EXPORT)`
+ */
+import { gtmTrack, gtmTrackSafeApp } from './gtm'
+import { mixpanelTrack, safeAppToMixPanelEventProperties } from './mixpanel'
+
+export const trackEvent = gtmTrack
+export const trackSafeAppEvent = gtmTrackSafeApp
+
+export const trackMixPanelEvent = mixpanelTrack
+export { safeAppToMixPanelEventProperties }
+
+export * from './types'
+export * from './events'
+export * from './mixpanel-events'
diff --git a/apps/web/src/services/analytics/mixpanel-events.ts b/apps/web/src/services/analytics/mixpanel-events.ts
new file mode 100644
index 000000000..c6a9ad54c
--- /dev/null
+++ b/apps/web/src/services/analytics/mixpanel-events.ts
@@ -0,0 +1,30 @@
+export enum MixPanelEvent {
+  SAFE_APP_LAUNCHED = 'Safe App Launched',
+}
+
+export enum MixPanelUserProperty {
+  WALLET_LABEL = 'Wallet Label',
+  WALLET_ADDRESS = 'Wallet Address',
+  SAFE_ADDRESS = 'Safe Address',
+  SAFE_VERSION = 'Safe Version',
+  NUM_SIGNERS = 'Number of Signers',
+  THRESHOLD = 'Threshold',
+  NETWORKS = 'Networks',
+  TOTAL_TX_COUNT = 'Total Transaction Count',
+  LAST_TX_AT = 'Last Transaction at',
+}
+
+export enum MixPanelEventParams {
+  APP_VERSION = 'App Version',
+  BLOCKCHAIN_NETWORK = 'Blockchain Network',
+  DEVICE_TYPE = 'Device Type',
+  SAFE_ADDRESS = 'Safe Address',
+  EOA_WALLET_LABEL = 'EOA Wallet Label',
+  EOA_WALLET_ADDRESS = 'EOA Wallet Address',
+  EOA_WALLET_NETWORK = 'EOA Wallet Network',
+}
+
+export enum SafeAppLaunchLocation {
+  PREVIEW_DRAWER = 'Preview Drawer',
+  SAFE_APPS_LIST = 'Safe Apps List',
+}
diff --git a/apps/web/src/services/analytics/mixpanel.ts b/apps/web/src/services/analytics/mixpanel.ts
new file mode 100644
index 000000000..e2542b147
--- /dev/null
+++ b/apps/web/src/services/analytics/mixpanel.ts
@@ -0,0 +1,133 @@
+import mixpanel from 'mixpanel-browser'
+import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
+import { IS_PRODUCTION, MIXPANEL_TOKEN } from '@/config/constants'
+import { DeviceType } from './types'
+import { MixPanelEventParams } from './mixpanel-events'
+import packageJson from '../../../package.json'
+
+let isMixPanelInitialized = false
+
+const safeMixPanelRegister = (properties: Record<string, any>): void => {
+  if (isMixPanelInitialized) {
+    mixpanel.register(properties)
+  }
+}
+
+const safeMixPanelPeopleSet = (properties: Record<string, any>): void => {
+  if (isMixPanelInitialized) {
+    mixpanel.people.set(properties)
+  }
+}
+
+const safeMixPanelTrack = (eventName: string, properties?: Record<string, any>): void => {
+  if (isMixPanelInitialized) {
+    mixpanel.track(eventName, properties)
+  }
+}
+
+const safeMixPanelIdentify = (userId: string): void => {
+  if (isMixPanelInitialized) {
+    mixpanel.identify(userId)
+  }
+}
+
+export const mixpanelInit = (): void => {
+  if (typeof window === 'undefined' || isMixPanelInitialized) return
+
+  if (!MIXPANEL_TOKEN) {
+    if (!IS_PRODUCTION) {
+      console.warn('[MixPanel] - No token provided')
+    }
+    return
+  }
+
+  try {
+    mixpanel.init(MIXPANEL_TOKEN, {
+      debug: !IS_PRODUCTION,
+      persistence: 'localStorage',
+      autocapture: false,
+      batch_requests: true,
+      ip: false,
+      opt_out_tracking_by_default: true,
+    })
+
+    isMixPanelInitialized = true
+
+    mixpanel.register({
+      [MixPanelEventParams.APP_VERSION]: packageJson.version,
+      [MixPanelEventParams.DEVICE_TYPE]: DeviceType.DESKTOP,
+    })
+
+    if (!IS_PRODUCTION) {
+      console.info('[MixPanel] - Initialized (opted out by default)')
+    }
+  } catch (error) {
+    console.error('[MixPanel] - Initialization failed:', error)
+  }
+}
+
+export const mixpanelSetBlockchainNetwork = (networkName: string): void => {
+  safeMixPanelRegister({ [MixPanelEventParams.BLOCKCHAIN_NETWORK]: networkName })
+}
+
+export const mixpanelSetDeviceType = (type: DeviceType): void => {
+  safeMixPanelRegister({ [MixPanelEventParams.DEVICE_TYPE]: type })
+}
+
+export const mixpanelSetSafeAddress = (safeAddress: string): void => {
+  safeMixPanelRegister({ [MixPanelEventParams.SAFE_ADDRESS]: safeAddress })
+}
+
+export const mixpanelSetUserProperties = (properties: Record<string, any>): void => {
+  safeMixPanelPeopleSet(properties)
+
+  if (!IS_PRODUCTION && isMixPanelInitialized) {
+    console.info('[MixPanel] - User properties set:', properties)
+  }
+}
+
+export const mixpanelSetEOAWalletLabel = (label: string): void => {
+  safeMixPanelRegister({ [MixPanelEventParams.EOA_WALLET_LABEL]: label })
+}
+
+export const mixpanelSetEOAWalletAddress = (address: string): void => {
+  safeMixPanelRegister({ [MixPanelEventParams.EOA_WALLET_ADDRESS]: address })
+}
+
+export const mixpanelSetEOAWalletNetwork = (network: string): void => {
+  safeMixPanelRegister({ [MixPanelEventParams.EOA_WALLET_NETWORK]: network })
+}
+
+export const safeAppToMixPanelEventProperties = (
+  safeApp: SafeAppData,
+  options?: {
+    launchLocation?: string
+  },
+): Record<string, any> => {
+  const properties: Record<string, any> = {
+    'Safe App Name': safeApp.name,
+    'Safe App Tags': safeApp.tags,
+  }
+
+  if (options?.launchLocation) {
+    properties['Launch Location'] = options.launchLocation
+  }
+
+  return properties
+}
+
+export const mixpanelTrack = (eventName: string, properties?: Record<string, any>): void => {
+  safeMixPanelTrack(eventName, properties)
+
+  if (!IS_PRODUCTION && isMixPanelInitialized) {
+    console.info('[MixPanel] - Event tracked:', eventName, properties)
+  }
+}
+
+export const mixpanelIdentify = (userId: string): void => {
+  safeMixPanelIdentify(userId)
+
+  if (!IS_PRODUCTION && isMixPanelInitialized) {
+    console.info('[MixPanel] - User identified:', userId)
+  }
+}
diff --git a/src/services/analytics/spindl.ts b/apps/web/src/services/analytics/spindl.ts
similarity index 100%
rename from src/services/analytics/spindl.ts
rename to apps/web/src/services/analytics/spindl.ts
diff --git a/apps/web/src/services/analytics/tx-tracking.ts b/apps/web/src/services/analytics/tx-tracking.ts
new file mode 100644
index 000000000..a8bc9b15d
--- /dev/null
+++ b/apps/web/src/services/analytics/tx-tracking.ts
@@ -0,0 +1,107 @@
+import { TX_TYPES } from '@/services/analytics/events/transactions'
+import { SettingsInfoType, type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import {
+  isERC721Transfer,
+  isMultiSendTxInfo,
+  isSettingsChangeTxInfo,
+  isTransferTxInfo,
+  isCustomTxInfo,
+  isCancellationTxInfo,
+  isSwapOrderTxInfo,
+  isAnyStakingTxInfo,
+  isNestedConfirmationTxInfo,
+  isAnyEarnTxInfo,
+} from '@/utils/transaction-guards'
+import { BRIDGE_WIDGET_URL } from '@/features/bridge/components/BridgeWidget'
+import { SWAP_WIDGET_URL } from '@/features/swap/components/FallbackSwapWidget'
+export const getTransactionTrackingType = (
+  details: TransactionDetails | undefined,
+  origin?: string,
+  isMassPayout?: boolean,
+): string => {
+  if (isMassPayout) {
+    return TX_TYPES.batch_transfer_token
+  }
+
+  if (!details) {
+    return TX_TYPES.custom
+  }
+
+  const { txInfo } = details
+
+  const isNativeBridge = origin?.includes(BRIDGE_WIDGET_URL)
+  const isLiFiSwap = origin?.includes(SWAP_WIDGET_URL)
+
+  if (isNativeBridge) {
+    return TX_TYPES.native_bridge
+  }
+
+  if (isLiFiSwap) {
+    return TX_TYPES.native_swap_lifi
+  }
+
+  if (isTransferTxInfo(txInfo)) {
+    if (isERC721Transfer(txInfo.transferInfo)) {
+      return TX_TYPES.transfer_nft
+    }
+    return TX_TYPES.transfer_token
+  }
+
+  if (isSwapOrderTxInfo(txInfo)) {
+    return TX_TYPES.native_swap
+  }
+
+  if (isAnyStakingTxInfo(txInfo)) {
+    return txInfo.type
+  }
+
+  //@ts-ignore TODO: Fix types after removing old sdk
+  if (isAnyEarnTxInfo(txInfo)) {
+    return TX_TYPES.native_earn
+  }
+
+  if (isSettingsChangeTxInfo(txInfo)) {
+    switch (txInfo.settingsInfo?.type) {
+      case SettingsInfoType.ADD_OWNER: {
+        return TX_TYPES.owner_add
+      }
+      case SettingsInfoType.REMOVE_OWNER: {
+        return TX_TYPES.owner_remove
+      }
+      case SettingsInfoType.SWAP_OWNER: {
+        return TX_TYPES.owner_swap
+      }
+      case SettingsInfoType.CHANGE_THRESHOLD: {
+        return TX_TYPES.owner_threshold_change
+      }
+      case SettingsInfoType.DISABLE_MODULE: {
+        return TX_TYPES.module_remove
+      }
+      case SettingsInfoType.DELETE_GUARD: {
+        return TX_TYPES.guard_remove
+      }
+    }
+  }
+
+  if (isCustomTxInfo(txInfo)) {
+    if (isCancellationTxInfo(txInfo)) {
+      return TX_TYPES.rejection
+    }
+
+    if (details.safeAppInfo) {
+      return details.safeAppInfo.url
+    }
+
+    if (isMultiSendTxInfo(txInfo)) {
+      return TX_TYPES.batch
+    }
+
+    if (isNestedConfirmationTxInfo(txInfo)) {
+      return TX_TYPES.nested_safe
+    }
+
+    return TX_TYPES.walletconnect
+  }
+
+  return TX_TYPES.custom
+}
diff --git a/apps/web/src/services/analytics/types.ts b/apps/web/src/services/analytics/types.ts
new file mode 100644
index 000000000..bbbe4fe33
--- /dev/null
+++ b/apps/web/src/services/analytics/types.ts
@@ -0,0 +1,68 @@
+/**
+ * These event names are passed straight to GTM
+ */
+export enum EventType {
+  PAGEVIEW = 'pageview',
+  CLICK = 'customClick',
+  META = 'metadata',
+  SAFE_APP = 'safeApp',
+  SAFE_CREATED = 'safe_created',
+  SAFE_ACTIVATED = 'safe_activated',
+  SAFE_OPENED = 'safe_opened',
+  WALLET_CONNECTED = 'wallet_connected',
+  TX_CREATED = 'tx_created',
+  TX_CONFIRMED = 'tx_confirmed',
+  TX_EXECUTED = 'tx_executed',
+}
+
+export type EventLabel = string | number | boolean | null
+
+export type AnalyticsEvent = {
+  event?: EventType
+  category: string
+  action: string
+  label?: EventLabel
+  chainId?: string
+}
+
+export type SafeAppSDKEvent = {
+  method: string
+  ethMethod: string
+  version: string
+}
+
+export enum DeviceType {
+  DESKTOP = 'desktop',
+  MOBILE = 'mobile',
+  TABLET = 'tablet',
+}
+
+export enum AnalyticsUserProperties {
+  WALLET_LABEL = 'walletLabel',
+  WALLET_ADDRESS = 'walletAddress',
+}
+
+// These are used for the generic stepper flow events (Next, Back)
+export enum TxFlowType {
+  ADD_OWNER = 'add-owner',
+  CANCEL_RECOVERY = 'cancel-recovery',
+  CHANGE_THRESHOLD = 'change-threshold',
+  CONFIRM_BATCH = 'confirm-batch',
+  CONFIRM_TX = 'confirm-tx',
+  NFT_TRANSFER = 'nft-transfer',
+  REJECT_TX = 'reject-tx',
+  REMOVE_GUARD = 'remove-guard',
+  REMOVE_MODULE = 'remove-module',
+  REMOVE_OWNER = 'remove-owner',
+  REMOVE_RECOVERY = 'remove-recovery',
+  REMOVE_SPENDING_LIMIT = 'remove-spending-limit',
+  REPLACE_OWNER = 'replace-owner',
+  SAFE_APPS_TX = 'safe-apps-tx',
+  SETUP_RECOVERY = 'setup-recovery',
+  SETUP_SPENDING_LIMIT = 'setup-spending-limit',
+  SIGN_MESSAGE_ON_CHAIN = 'sign-message-on-chain',
+  SIGNERS_STRUCTURE = 'signers-structure',
+  START_RECOVERY = 'propose-recovery',
+  TOKEN_TRANSFER = 'token-transfer',
+  UPDATE_SAFE = 'update-safe',
+}
diff --git a/src/services/analytics/useGtm.ts b/apps/web/src/services/analytics/useGtm.ts
similarity index 83%
rename from src/services/analytics/useGtm.ts
rename to apps/web/src/services/analytics/useGtm.ts
index 95f546f6d..2fb3d7636 100644
--- a/src/services/analytics/useGtm.ts
+++ b/apps/web/src/services/analytics/useGtm.ts
@@ -4,7 +4,6 @@
 import { useEffect, useState } from 'react'
 import { useTheme } from '@mui/material/styles'
 import {
-  gtmInit,
   gtmTrackPageview,
   gtmSetChainId,
   gtmEnableCookies,
@@ -16,7 +15,7 @@ import {
 } from '@/services/analytics/gtm'
 import { spindlInit, spindlAttribute } from './spindl'
 import { useAppSelector } from '@/store'
-import { CookieAndTermType, selectCookies } from '@/store/cookiesAndTermsSlice'
+import { CookieAndTermType, hasConsentFor } from '@/store/cookiesAndTermsSlice'
 import useChainId from '@/hooks/useChainId'
 import { useRouter } from 'next/router'
 import { AppRoutes } from '@/config/routes'
@@ -26,11 +25,11 @@ import { AnalyticsUserProperties, DeviceType } from './types'
 import useSafeAddress from '@/hooks/useSafeAddress'
 import useWallet from '@/hooks/wallets/useWallet'
 import { OVERVIEW_EVENTS } from './events'
+import { useIsSpaceRoute } from '@/hooks/useIsSpaceRoute'
 
 const useGtm = () => {
   const chainId = useChainId()
-  const cookies = useAppSelector(selectCookies)
-  const isAnalyticsEnabled = cookies[CookieAndTermType.ANALYTICS] || false
+  const isAnalyticsEnabled = useAppSelector((state) => hasConsentFor(state, CookieAndTermType.ANALYTICS))
   const [, setPrevAnalytics] = useState(isAnalyticsEnabled)
   const router = useRouter()
   const theme = useTheme()
@@ -39,10 +38,10 @@ const useGtm = () => {
   const deviceType = isMobile ? DeviceType.MOBILE : isTablet ? DeviceType.TABLET : DeviceType.DESKTOP
   const safeAddress = useSafeAddress()
   const wallet = useWallet()
+  const isSpaceRoute = useIsSpaceRoute()
 
   // Initialize GTM and Spindl
   useEffect(() => {
-    gtmInit()
     spindlInit()
   }, [])
 
@@ -75,18 +74,18 @@ const useGtm = () => {
   useEffect(() => {
     gtmSetSafeAddress(safeAddress)
 
-    if (safeAddress) {
+    if (safeAddress && !isSpaceRoute) {
       gtmTrack(OVERVIEW_EVENTS.SAFE_VIEWED)
     }
-  }, [safeAddress])
+  }, [safeAddress, isSpaceRoute])
 
   // Track page views – anonymized by default.
   useEffect(() => {
     // Don't track 404 because it's not a real page, it immediately does a client-side redirect
-    if (router.pathname === AppRoutes['404']) return
+    if (router.pathname === AppRoutes['404'] || isSpaceRoute) return
 
     gtmTrackPageview(router.pathname, router.asPath)
-  }, [router.asPath, router.pathname])
+  }, [router.asPath, router.pathname, isSpaceRoute])
 
   useEffect(() => {
     if (wallet?.label) {
@@ -96,7 +95,7 @@ const useGtm = () => {
 
   useEffect(() => {
     if (wallet?.address) {
-      gtmSetUserProperty(AnalyticsUserProperties.WALLET_ADDRESS, wallet.address.slice(2)) // Remove 0x prefix
+      gtmSetUserProperty(AnalyticsUserProperties.WALLET_ADDRESS, wallet.address.slice(2)) // Remove 0x prefix because GA converts it to a number otherwise
       spindlAttribute(wallet.address)
     }
   }, [wallet?.address])
diff --git a/src/services/analytics/useMetaEvents.ts b/apps/web/src/services/analytics/useMetaEvents.ts
similarity index 76%
rename from src/services/analytics/useMetaEvents.ts
rename to apps/web/src/services/analytics/useMetaEvents.ts
index 96b6ef0f9..33c6cec37 100644
--- a/src/services/analytics/useMetaEvents.ts
+++ b/apps/web/src/services/analytics/useMetaEvents.ts
@@ -7,43 +7,46 @@ import useChainId from '@/hooks/useChainId'
 import useBalances from '@/hooks/useBalances'
 import useSafeInfo from '@/hooks/useSafeInfo'
 import useHiddenTokens from '@/hooks/useHiddenTokens'
+import { useIsSpaceRoute } from '@/hooks/useIsSpaceRoute'
 
 // Track meta events on app load
 const useMetaEvents = () => {
   const chainId = useChainId()
   const { safeAddress } = useSafeInfo()
+  const isSpaceRoute = useIsSpaceRoute()
 
   // Queue size
   const queue = useAppSelector(selectQueuedTransactions)
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const safeQueue = useMemo(() => queue, [safeAddress, queue !== undefined])
   useEffect(() => {
-    if (!safeQueue) return
+    if (!safeQueue || isSpaceRoute) return
 
     gtmTrack({
       ...TX_LIST_EVENTS.QUEUED_TXS,
       label: safeQueue.length.toString(),
     })
-  }, [safeQueue])
+  }, [safeQueue, isSpaceRoute])
 
   // Tokens
   const { balances } = useBalances()
   const totalTokens = balances?.items.length ?? 0
   useEffect(() => {
-    if (!safeAddress || totalTokens <= 0) return
+    if (!safeAddress || totalTokens <= 0 || isSpaceRoute) return
 
     gtmTrack({ ...ASSETS_EVENTS.DIFFERING_TOKENS, label: totalTokens })
-  }, [totalTokens, safeAddress, chainId])
+  }, [totalTokens, safeAddress, chainId, isSpaceRoute])
 
   // Manually hidden tokens
   const hiddenTokens = useHiddenTokens()
   const totalHiddenFromBalance =
     balances?.items.filter((item) => hiddenTokens.includes(item.tokenInfo.address)).length ?? 0
+
   useEffect(() => {
-    if (!safeAddress || totalTokens <= 0) return
+    if (!safeAddress || totalTokens <= 0 || isSpaceRoute) return
 
     gtmTrack({ ...ASSETS_EVENTS.HIDDEN_TOKENS, label: totalHiddenFromBalance })
-  }, [safeAddress, totalHiddenFromBalance, totalTokens])
+  }, [safeAddress, totalHiddenFromBalance, totalTokens, isSpaceRoute])
 }
 
 export default useMetaEvents
diff --git a/apps/web/src/services/analytics/useMixPanelUserProperties.ts b/apps/web/src/services/analytics/useMixPanelUserProperties.ts
new file mode 100644
index 000000000..5717f1f30
--- /dev/null
+++ b/apps/web/src/services/analytics/useMixPanelUserProperties.ts
@@ -0,0 +1,72 @@
+import { useMemo } from 'react'
+import { useChain } from '@/hooks/useChains'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useAppSelector } from '@/store'
+import { selectTxHistory } from '@/store/txHistorySlice'
+import { isTransactionListItem } from '@/utils/transaction-guards'
+import { MixPanelUserProperty } from '@/services/analytics/mixpanel-events'
+import { useNetworksOfSafe } from '@/features/myAccounts/hooks/useNetworksOfSafe'
+
+export interface MixPanelUserProperties {
+  safe_address: string
+  safe_version: string
+  num_signers: number
+  threshold: number
+  networks: string[]
+  total_tx_count: number
+  last_tx_at: Date | null
+}
+
+export interface MixPanelUserPropertiesFormatted {
+  properties: Record<string, any>
+  networks: string[]
+}
+
+/**
+ * Hook to get formatted user properties for MixPanel tracking
+ *
+ * This hook collects Safe-related user properties that can be used for
+ * MixPanel user attribute tracking and cohort analysis.
+ * Returns both regular properties and networks separately for different MixPanel operations.
+ */
+export const useMixPanelUserProperties = (): MixPanelUserPropertiesFormatted | null => {
+  const { safe, safeLoaded } = useSafeInfo()
+  const currentChain = useChain(safe?.chainId || '')
+  const txHistory = useAppSelector(selectTxHistory)
+  const allNetworks = useNetworksOfSafe(safe?.address?.value || '')
+
+  return useMemo(() => {
+    if (!safeLoaded || !safe || !currentChain) {
+      return null
+    }
+
+    const networks = allNetworks.length > 0 ? allNetworks : [currentChain.chainName]
+
+    const totalTxCount = safe.nonce
+
+    let lastTxAt: Date | null = null
+
+    if (txHistory.data?.results) {
+      const transactions = txHistory.data.results.filter(isTransactionListItem).map((item) => item.transaction)
+
+      if (transactions.length > 0 && transactions[0].timestamp) {
+        lastTxAt = new Date(transactions[0].timestamp)
+      }
+    }
+
+    const properties = {
+      [MixPanelUserProperty.SAFE_ADDRESS]: safe.address.value,
+      [MixPanelUserProperty.SAFE_VERSION]: safe.version || 'unknown',
+      [MixPanelUserProperty.NUM_SIGNERS]: safe.owners.length,
+      [MixPanelUserProperty.THRESHOLD]: safe.threshold,
+      [MixPanelUserProperty.TOTAL_TX_COUNT]: totalTxCount,
+      [MixPanelUserProperty.LAST_TX_AT]: lastTxAt?.toISOString() || null,
+      [MixPanelUserProperty.NETWORKS]: networks,
+    }
+
+    return {
+      properties,
+      networks,
+    }
+  }, [safe, safeLoaded, currentChain, txHistory, allNetworks])
+}
diff --git a/apps/web/src/services/analytics/useMixpanel.ts b/apps/web/src/services/analytics/useMixpanel.ts
new file mode 100644
index 000000000..ecf761f27
--- /dev/null
+++ b/apps/web/src/services/analytics/useMixpanel.ts
@@ -0,0 +1,125 @@
+import { useEffect, useMemo } from 'react'
+import { useTheme } from '@mui/material/styles'
+import mixpanel from 'mixpanel-browser'
+import {
+  mixpanelInit,
+  mixpanelSetBlockchainNetwork,
+  mixpanelSetDeviceType,
+  mixpanelSetSafeAddress,
+  mixpanelSetUserProperties,
+  mixpanelIdentify,
+  mixpanelSetEOAWalletLabel,
+  mixpanelSetEOAWalletAddress,
+  mixpanelSetEOAWalletNetwork,
+} from './mixpanel'
+import { useAppSelector } from '@/store'
+import { CookieAndTermType, hasConsentFor } from '@/store/cookiesAndTermsSlice'
+import { useHasFeature } from '@/hooks/useChains'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+import { IS_PRODUCTION } from '@/config/constants'
+import { useMediaQuery } from '@mui/material'
+import { DeviceType } from './types'
+import { MixPanelUserProperty } from './mixpanel-events'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import useWallet from '@/hooks/wallets/useWallet'
+import { useIsSpaceRoute } from '@/hooks/useIsSpaceRoute'
+import { useMixPanelUserProperties } from './useMixPanelUserProperties'
+import { useChain } from '@/hooks/useChains'
+import useSafeInfo from '@/hooks/useSafeInfo'
+
+const useMixpanel = () => {
+  const isMixpanelEnabled = useHasFeature(FEATURES.MIXPANEL)
+  const isAnalyticsEnabled = useAppSelector((state) => hasConsentFor(state, CookieAndTermType.ANALYTICS))
+  const theme = useTheme()
+  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))
+  const isTablet = useMediaQuery(theme.breakpoints.down('md'))
+  const deviceType = useMemo(() => {
+    return isMobile ? DeviceType.MOBILE : isTablet ? DeviceType.TABLET : DeviceType.DESKTOP
+  }, [isMobile, isTablet])
+  const safeAddress = useSafeAddress()
+  const wallet = useWallet()
+  const isSpaceRoute = useIsSpaceRoute()
+  const userProperties = useMixPanelUserProperties()
+  const { safe } = useSafeInfo()
+  const currentChain = useChain(safe?.chainId || '')
+  const walletChain = useChain(wallet?.chainId || '')
+
+  useEffect(() => {
+    if (isMixpanelEnabled) {
+      mixpanelInit()
+    }
+  }, [isMixpanelEnabled])
+
+  useEffect(() => {
+    if (!isMixpanelEnabled) return
+
+    if (isAnalyticsEnabled) {
+      mixpanel.opt_in_tracking()
+      if (!IS_PRODUCTION) {
+        console.info('[MixPanel] - User opted in')
+      }
+    } else {
+      mixpanel.opt_out_tracking()
+      if (!IS_PRODUCTION) {
+        console.info('[MixPanel] - User opted out')
+      }
+    }
+  }, [isMixpanelEnabled, isAnalyticsEnabled])
+
+  useEffect(() => {
+    if (currentChain) {
+      mixpanelSetBlockchainNetwork(currentChain.chainName)
+    }
+  }, [currentChain])
+
+  useEffect(() => {
+    mixpanelSetDeviceType(deviceType)
+  }, [deviceType])
+
+  useEffect(() => {
+    mixpanelSetSafeAddress(safeAddress)
+
+    if (safeAddress && !isSpaceRoute) {
+      mixpanelIdentify(safeAddress)
+    }
+  }, [safeAddress, isSpaceRoute])
+
+  useEffect(() => {
+    if (wallet) {
+      const walletProperties: Record<string, any> = {}
+
+      if (wallet.label) {
+        walletProperties[MixPanelUserProperty.WALLET_LABEL] = wallet.label
+      }
+      if (wallet.address) {
+        walletProperties[MixPanelUserProperty.WALLET_ADDRESS] = wallet.address
+      }
+
+      if (Object.keys(walletProperties).length > 0) {
+        mixpanelSetUserProperties(walletProperties)
+      }
+
+      if (wallet.label) {
+        mixpanelSetEOAWalletLabel(wallet.label)
+      }
+      if (wallet.address) {
+        mixpanelSetEOAWalletAddress(wallet.address)
+      }
+      if (walletChain) {
+        mixpanelSetEOAWalletNetwork(walletChain.chainName)
+      }
+    } else {
+      mixpanelSetEOAWalletLabel('')
+      mixpanelSetEOAWalletAddress('')
+      mixpanelSetEOAWalletNetwork('')
+    }
+  }, [wallet, walletChain])
+
+  useEffect(() => {
+    if (!userProperties) return
+
+    mixpanelSetUserProperties(userProperties.properties)
+  }, [userProperties])
+}
+
+export default useMixpanel
diff --git a/src/services/beamer/index.ts b/apps/web/src/services/beamer/index.ts
similarity index 100%
rename from src/services/beamer/index.ts
rename to apps/web/src/services/beamer/index.ts
diff --git a/src/services/beamer/types.ts b/apps/web/src/services/beamer/types.ts
similarity index 100%
rename from src/services/beamer/types.ts
rename to apps/web/src/services/beamer/types.ts
diff --git a/src/services/contracts/ContractErrorCodes.ts b/apps/web/src/services/contracts/ContractErrorCodes.ts
similarity index 100%
rename from src/services/contracts/ContractErrorCodes.ts
rename to apps/web/src/services/contracts/ContractErrorCodes.ts
diff --git a/src/services/contracts/__tests__/deployments.test.ts b/apps/web/src/services/contracts/__tests__/deployments.test.ts
similarity index 81%
rename from src/services/contracts/__tests__/deployments.test.ts
rename to apps/web/src/services/contracts/__tests__/deployments.test.ts
index dc194418f..deeafdaec 100644
--- a/src/services/contracts/__tests__/deployments.test.ts
+++ b/apps/web/src/services/contracts/__tests__/deployments.test.ts
@@ -1,8 +1,20 @@
-import { LATEST_SAFE_VERSION } from '@/config/constants'
 import * as safeDeployments from '@safe-global/safe-deployments'
-import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
 
-import * as deployments from '../deployments'
+import * as deployments from '@safe-global/utils/services/contracts/deployments'
+import { chainBuilder } from '@/tests/builders/chains'
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+
+const mainnetInfo = chainBuilder().with({ chainId: '1', l2: false, recommendedMasterCopyVersion: '1.4.1' }).build()
+const l2ChainInfo = chainBuilder().with({ chainId: '137', l2: true, recommendedMasterCopyVersion: '1.4.1' }).build()
+const unsupportedChainInfo = chainBuilder()
+  .with({ chainId: '69420', l2: false, recommendedMasterCopyVersion: '1.3.0' })
+  .build()
+
+const unsupportedL2ChainInfo = chainBuilder()
+  .with({ chainId: '69420', l2: true, recommendedMasterCopyVersion: '1.3.0' })
+  .build()
+const latestSafeVersion = getLatestSafeVersion(mainnetInfo)
 
 describe('deployments', () => {
   beforeEach(() => {
@@ -15,7 +27,7 @@ describe('deployments', () => {
     it('should call the deployment getter with a supported version/network', () => {
       deployments._tryDeploymentVersions(
         getSafeSpy as unknown as typeof safeDeployments.getSafeSingletonDeployment,
-        '1',
+        mainnetInfo,
         '1.1.1',
       )
 
@@ -30,7 +42,7 @@ describe('deployments', () => {
     it('should call the deployment getter with a supported version/unsupported network', () => {
       deployments._tryDeploymentVersions(
         getSafeSpy as unknown as typeof safeDeployments.getSafeSingletonDeployment,
-        '69420',
+        unsupportedChainInfo,
         '1.1.1',
       )
 
@@ -45,7 +57,7 @@ describe('deployments', () => {
     it('should call the deployment getter with an unsupported version/unsupported', () => {
       deployments._tryDeploymentVersions(
         getSafeSpy as unknown as typeof safeDeployments.getSafeSingletonDeployment,
-        '69420',
+        unsupportedChainInfo,
         '1.2.3',
       )
 
@@ -60,14 +72,14 @@ describe('deployments', () => {
     it('should call the deployment getter with the latest version/supported network if no version is provider', () => {
       deployments._tryDeploymentVersions(
         getSafeSpy as unknown as typeof safeDeployments.getSafeSingletonDeployment,
-        '1',
+        mainnetInfo,
         null,
       )
 
-      expect(getSafeSpy).toHaveBeenCalledTimes(1)
+      expect(getSafeSpy).toHaveBeenCalledTimes(2)
 
-      expect(getSafeSpy).toHaveBeenNthCalledWith(1, {
-        version: '1.3.0',
+      expect(getSafeSpy).toHaveBeenNthCalledWith(2, {
+        version: '1.4.1',
         network: '1',
       })
     })
@@ -75,15 +87,15 @@ describe('deployments', () => {
     it('should call the deployment getter with the latest version/unsupported network if no version is provider', () => {
       deployments._tryDeploymentVersions(
         getSafeSpy as unknown as typeof safeDeployments.getSafeSingletonDeployment,
-        '69420',
+        mainnetInfo,
         null,
       )
 
-      expect(getSafeSpy).toHaveBeenCalledTimes(1)
+      expect(getSafeSpy).toHaveBeenCalledTimes(2)
 
-      expect(getSafeSpy).toHaveBeenNthCalledWith(1, {
-        network: '69420',
-        version: '1.3.0',
+      expect(getSafeSpy).toHaveBeenNthCalledWith(2, {
+        network: '1',
+        version: '1.4.1',
       })
     })
   })
@@ -98,7 +110,7 @@ describe('deployments', () => {
       expect(deployments._isLegacy('1.1.1')).toBe(false)
       expect(deployments._isLegacy('1.2.0')).toBe(false)
       expect(deployments._isLegacy('1.3.0')).toBe(false)
-      expect(deployments._isLegacy(LATEST_SAFE_VERSION)).toBe(false)
+      expect(deployments._isLegacy('1.4.1')).toBe(false)
     })
 
     it('should return false for unsupported versions', () => {
@@ -110,8 +122,7 @@ describe('deployments', () => {
     it('should return true for L2 versions', () => {
       expect(deployments._isL2({ l2: true } as ChainInfo, '1.3.0')).toBe(true)
       expect(deployments._isL2({ l2: true } as ChainInfo, '1.3.0+L2')).toBe(true)
-      expect(deployments._isL2({ l2: true } as ChainInfo, LATEST_SAFE_VERSION)).toBe(true)
-      expect(deployments._isL2({ l2: true } as ChainInfo, `${LATEST_SAFE_VERSION}+L2`)).toBe(true)
+      expect(deployments._isL2({ l2: true } as ChainInfo, '1.4.1+L2')).toBe(true)
     })
 
     it('should return true for unsupported L2 versions', () => {
@@ -123,7 +134,7 @@ describe('deployments', () => {
       expect(deployments._isL2({ l2: false } as ChainInfo, '1.1.1')).toBe(false)
       expect(deployments._isL2({ l2: false } as ChainInfo, '1.2.0')).toBe(false)
       expect(deployments._isL2({ l2: false } as ChainInfo, '1.3.0')).toBe(false)
-      expect(deployments._isL2({ l2: false } as ChainInfo, LATEST_SAFE_VERSION)).toBe(false)
+      expect(deployments._isL2({ l2: false } as ChainInfo, '1.4.1+L2')).toBe(false)
     })
   })
 
@@ -136,12 +147,12 @@ describe('deployments', () => {
         })
 
         expect(expected).toBeDefined()
-        const deployment = deployments.getSafeContractDeployment({ chainId: '1' } as ChainInfo, '1.1.1')
+        const deployment = deployments.getSafeContractDeployment(mainnetInfo, '1.1.1')
         expect(deployment).toStrictEqual(expected)
       })
 
       it('should return undefined for supported version/unsupported chain', () => {
-        const deployment = deployments.getSafeContractDeployment({ chainId: '69420' } as ChainInfo, '1.1.1')
+        const deployment = deployments.getSafeContractDeployment(unsupportedChainInfo, '1.1.1')
         expect(deployment).toBe(undefined)
       })
 
@@ -151,7 +162,7 @@ describe('deployments', () => {
         })
 
         expect(expected).toBeDefined()
-        const deployment = deployments.getSafeContractDeployment({ chainId: '1' } as ChainInfo, '0.0.1')
+        const deployment = deployments.getSafeContractDeployment(mainnetInfo, '0.0.1')
         expect(deployment).toStrictEqual(expected)
       })
 
@@ -161,28 +172,28 @@ describe('deployments', () => {
         })
 
         expect(expected).toBeDefined()
-        const deployment = deployments.getSafeContractDeployment({ chainId: '69420' } as ChainInfo, '0.0.1')
+        const deployment = deployments.getSafeContractDeployment(unsupportedChainInfo, '0.0.1')
         expect(deployment).toStrictEqual(expected)
       })
 
       it('should return undefined for unsupported version/chain', () => {
-        const deployment = deployments.getSafeContractDeployment({ chainId: '69420' } as ChainInfo, '1.2.3')
+        const deployment = deployments.getSafeContractDeployment(unsupportedChainInfo, '1.2.3')
         expect(deployment).toStrictEqual(undefined)
       })
 
       it('should return the latest deployment for no version/supported chain', () => {
         const expected = safeDeployments.getSafeSingletonDeployment({
-          version: LATEST_SAFE_VERSION,
+          version: latestSafeVersion,
           network: '1',
         })
 
         expect(expected).toBeDefined()
-        const deployment = deployments.getSafeContractDeployment({ chainId: '1' } as ChainInfo, null)
+        const deployment = deployments.getSafeContractDeployment(mainnetInfo, null)
         expect(deployment).toStrictEqual(expected)
       })
 
       it('should return undefined for no version/unsupported chain', () => {
-        const deployment = deployments.getSafeContractDeployment({ chainId: '69420' } as ChainInfo, null)
+        const deployment = deployments.getSafeContractDeployment(unsupportedChainInfo, null)
         expect(deployment).toBe(undefined)
       })
     })
@@ -191,42 +202,37 @@ describe('deployments', () => {
       it('should return the versioned deployment for supported version/chain', () => {
         const expected = safeDeployments.getSafeL2SingletonDeployment({
           version: '1.3.0', // First available version
-          network: '1',
+          network: '137',
         })
 
         expect(expected).toBeDefined()
-        const deployment = deployments.getSafeContractDeployment({ chainId: '1', l2: true } as ChainInfo, '1.3.0')
+        const deployment = deployments.getSafeContractDeployment(l2ChainInfo, '1.3.0')
         expect(deployment).toStrictEqual(expected)
       })
 
       it('should return undefined for supported version/unsupported chain', () => {
-        const deployment = deployments.getSafeContractDeployment({ chainId: '69420', l2: true } as ChainInfo, '1.3.0')
+        const deployment = deployments.getSafeContractDeployment(unsupportedL2ChainInfo, '1.3.0')
         expect(deployment).toBe(undefined)
       })
 
       it('should return undefined for unsupported version/chain', () => {
-        const expected = safeDeployments.getSafeSingletonDeployment({
-          version: LATEST_SAFE_VERSION,
-        })
-
-        expect(expected).toBeDefined()
-        const deployment = deployments.getSafeContractDeployment({ chainId: '69420' } as ChainInfo, '1.2.3')
+        const deployment = deployments.getSafeContractDeployment(unsupportedL2ChainInfo, '1.2.3')
         expect(deployment).toBe(undefined)
       })
 
       it('should return the latest deployment for no version/supported chain', () => {
         const expected = safeDeployments.getSafeL2SingletonDeployment({
-          version: LATEST_SAFE_VERSION,
-          network: '1',
+          version: latestSafeVersion,
+          network: '137',
         })
 
         expect(expected).toBeDefined()
-        const deployment = deployments.getSafeContractDeployment({ chainId: '1', l2: true } as ChainInfo, null)
+        const deployment = deployments.getSafeContractDeployment(l2ChainInfo, null)
         expect(deployment).toStrictEqual(expected)
       })
 
       it('should return undefined no version/unsupported chain', () => {
-        const deployment = deployments.getSafeContractDeployment({ chainId: '69420', l2: true } as ChainInfo, null)
+        const deployment = deployments.getSafeContractDeployment(unsupportedL2ChainInfo, null)
         expect(deployment).toStrictEqual(undefined)
       })
     })
@@ -240,33 +246,33 @@ describe('deployments', () => {
       })
 
       expect(expected).toBeDefined()
-      const deployment = deployments.getMultiSendCallOnlyContractDeployment('1', '1.3.0')
+      const deployment = deployments.getMultiSendCallOnlyContractDeployment(mainnetInfo, '1.3.0')
       expect(deployment).toStrictEqual(expected)
     })
 
     it('should return undefined for supported version/unsupported chain', () => {
-      const deployment = deployments.getMultiSendCallOnlyContractDeployment('69420', '1.3.0')
+      const deployment = deployments.getMultiSendCallOnlyContractDeployment(unsupportedChainInfo, '1.3.0')
       expect(deployment).toBe(undefined)
     })
 
     it('should return undefined for unsupported version/chain', () => {
-      const deployment = deployments.getMultiSendCallOnlyContractDeployment('69420', '1.2.3')
+      const deployment = deployments.getMultiSendCallOnlyContractDeployment(unsupportedChainInfo, '1.2.3')
       expect(deployment).toBe(undefined)
     })
 
     it('should return the latest deployment for no version/supported chain', () => {
       const expected = safeDeployments.getMultiSendCallOnlyDeployment({
-        version: LATEST_SAFE_VERSION,
+        version: latestSafeVersion,
         network: '1',
       })
 
       expect(expected).toBeDefined()
-      const deployment = deployments.getMultiSendCallOnlyContractDeployment('1', null)
+      const deployment = deployments.getMultiSendCallOnlyContractDeployment(mainnetInfo, null)
       expect(deployment).toStrictEqual(expected)
     })
 
     it('should return undefined for no version/unsupported chain', () => {
-      const deployment = deployments.getMultiSendCallOnlyContractDeployment('69420', null)
+      const deployment = deployments.getMultiSendCallOnlyContractDeployment(unsupportedChainInfo, null)
       expect(deployment).toBe(undefined)
     })
   })
@@ -279,33 +285,33 @@ describe('deployments', () => {
       })
 
       expect(expected).toBeDefined()
-      const deployment = deployments.getFallbackHandlerContractDeployment('1', '1.3.0')
+      const deployment = deployments.getFallbackHandlerContractDeployment(mainnetInfo, '1.3.0')
       expect(deployment).toStrictEqual(expected)
     })
 
     it('should return undefined for supported version/unsupported chain', () => {
-      const deployment = deployments.getFallbackHandlerContractDeployment('69420', '1.3.0')
+      const deployment = deployments.getFallbackHandlerContractDeployment(unsupportedChainInfo, '1.3.0')
       expect(deployment).toBe(undefined)
     })
 
     it('should return undefined for unsupported version/chain', () => {
-      const deployment = deployments.getFallbackHandlerContractDeployment('69420', '1.2.3')
+      const deployment = deployments.getFallbackHandlerContractDeployment(unsupportedChainInfo, '1.2.3')
       expect(deployment).toBe(undefined)
     })
 
     it('should return the latest deployment for no version/supported chain', () => {
       const expected = safeDeployments.getFallbackHandlerDeployment({
-        version: LATEST_SAFE_VERSION,
+        version: latestSafeVersion,
         network: '1',
       })
 
       expect(expected).toBeDefined()
-      const deployment = deployments.getFallbackHandlerContractDeployment('1', null)
+      const deployment = deployments.getFallbackHandlerContractDeployment(mainnetInfo, null)
       expect(deployment).toStrictEqual(expected)
     })
 
     it('should return undefined for no version/unsupported chain', () => {
-      const deployment = deployments.getFallbackHandlerContractDeployment('69420', null)
+      const deployment = deployments.getFallbackHandlerContractDeployment(unsupportedChainInfo, null)
       expect(deployment).toBe(undefined)
     })
   })
@@ -318,33 +324,33 @@ describe('deployments', () => {
       })
 
       expect(expected).toBeDefined()
-      const deployment = deployments.getProxyFactoryContractDeployment('1', '1.1.1')
+      const deployment = deployments.getProxyFactoryContractDeployment(mainnetInfo, '1.1.1')
       expect(deployment).toStrictEqual(expected)
     })
 
     it('should return undefined for supported version/unsupported chain', () => {
-      const deployment = deployments.getProxyFactoryContractDeployment('69420', '1.1.1')
+      const deployment = deployments.getProxyFactoryContractDeployment(unsupportedChainInfo, '1.1.1')
       expect(deployment).toBe(undefined)
     })
 
     it('should return undefined for unsupported version/chain', () => {
-      const deployment = deployments.getProxyFactoryContractDeployment('69420', '1.2.3')
+      const deployment = deployments.getProxyFactoryContractDeployment(unsupportedChainInfo, '1.2.3')
       expect(deployment).toBe(undefined)
     })
 
     it('should return the latest deployment for no version/supported chain', () => {
       const expected = safeDeployments.getProxyFactoryDeployment({
-        version: LATEST_SAFE_VERSION,
+        version: latestSafeVersion,
         network: '1',
       })
 
       expect(expected).toBeDefined()
-      const deployment = deployments.getProxyFactoryContractDeployment('1', null)
+      const deployment = deployments.getProxyFactoryContractDeployment(mainnetInfo, null)
       expect(deployment).toStrictEqual(expected)
     })
 
     it('should return undefined for no version/unsupported chain', () => {
-      const deployment = deployments.getProxyFactoryContractDeployment('69420', null)
+      const deployment = deployments.getProxyFactoryContractDeployment(unsupportedChainInfo, null)
       expect(deployment).toBe(undefined)
     })
   })
@@ -357,33 +363,33 @@ describe('deployments', () => {
       })
 
       expect(expected).toBeDefined()
-      const deployment = deployments.getSignMessageLibContractDeployment('1', '1.3.0')
+      const deployment = deployments.getSignMessageLibContractDeployment(mainnetInfo, '1.3.0')
       expect(deployment).toStrictEqual(expected)
     })
 
     it('should return undefined for supported version/unsupported chain', () => {
-      const deployment = deployments.getSignMessageLibContractDeployment('69420', '1.3.0')
+      const deployment = deployments.getSignMessageLibContractDeployment(unsupportedChainInfo, '1.3.0')
       expect(deployment).toBe(undefined)
     })
 
     it('should return undefined for unsupported version/chain', () => {
-      const deployment = deployments.getSignMessageLibContractDeployment('69420', '1.2.3')
+      const deployment = deployments.getSignMessageLibContractDeployment(unsupportedChainInfo, '1.2.3')
       expect(deployment).toBe(undefined)
     })
 
     it('should return the latest deployment for no version/supported chain', () => {
       const expected = safeDeployments.getSignMessageLibDeployment({
-        version: LATEST_SAFE_VERSION,
+        version: latestSafeVersion,
         network: '1',
       })
 
       expect(expected).toBeDefined()
-      const deployment = deployments.getSignMessageLibContractDeployment('1', null)
+      const deployment = deployments.getSignMessageLibContractDeployment(mainnetInfo, null)
       expect(deployment).toStrictEqual(expected)
     })
 
     it('should return undefined for no version/unsupported chain', () => {
-      const deployment = deployments.getSignMessageLibContractDeployment('69420', null)
+      const deployment = deployments.getSignMessageLibContractDeployment(unsupportedChainInfo, null)
       expect(deployment).toBe(undefined)
     })
   })
diff --git a/apps/web/src/services/contracts/__tests__/safeContracts.test.ts b/apps/web/src/services/contracts/__tests__/safeContracts.test.ts
new file mode 100644
index 000000000..bc46d35c8
--- /dev/null
+++ b/apps/web/src/services/contracts/__tests__/safeContracts.test.ts
@@ -0,0 +1,86 @@
+import { ImplementationVersionState } from '@safe-global/safe-gateway-typescript-sdk'
+import { _getMinimumMultiSendCallOnlyVersion } from '../safeContracts'
+import {
+  isValidMasterCopy,
+  _getValidatedGetContractProps,
+  isMigrationToL2Possible,
+} from '@safe-global/utils/services/contracts/safeContracts'
+import { safeInfoBuilder } from '@/tests/builders/safe'
+
+describe('safeContracts', () => {
+  describe('isValidMasterCopy', () => {
+    it('returns false if the implementation is unknown', async () => {
+      const isValid = isValidMasterCopy(ImplementationVersionState.UNKNOWN)
+
+      expect(isValid).toBe(false)
+    })
+
+    it('returns true if the implementation is up-to-date', async () => {
+      const isValid = isValidMasterCopy(ImplementationVersionState.UP_TO_DATE)
+
+      expect(isValid).toBe(true)
+    })
+
+    it('returns true if the implementation is outdated', async () => {
+      const isValid = isValidMasterCopy(ImplementationVersionState.OUTDATED)
+
+      expect(isValid).toBe(true)
+    })
+  })
+  describe('getValidatedGetContractProps', () => {
+    it('should return the correct props', () => {
+      expect(_getValidatedGetContractProps('1.1.1')).toEqual({
+        safeVersion: '1.1.1',
+      })
+
+      expect(_getValidatedGetContractProps('1.2.0')).toEqual({
+        safeVersion: '1.2.0',
+      })
+
+      expect(_getValidatedGetContractProps('1.3.0')).toEqual({
+        safeVersion: '1.3.0',
+      })
+
+      expect(_getValidatedGetContractProps('1.3.0+L2')).toEqual({
+        safeVersion: '1.3.0',
+      })
+    })
+    it('should throw if the Safe version is invalid', () => {
+      expect(() => _getValidatedGetContractProps('1.3.1')).toThrow('1.3.1 is not a valid Safe Account version')
+
+      expect(() => _getValidatedGetContractProps('1.4.0')).toThrow('1.4.0 is not a valid Safe Account version')
+
+      expect(() => _getValidatedGetContractProps('0.0.1')).toThrow('0.0.1 is not a valid Safe Account version')
+
+      expect(() => _getValidatedGetContractProps('')).toThrow(' is not a valid Safe Account version')
+    })
+  })
+
+  describe('_getMinimumMultiSendCallOnlyVersion', () => {
+    it('should return the initial version if the Safe version is null', () => {
+      expect(_getMinimumMultiSendCallOnlyVersion(null)).toBe('1.3.0')
+    })
+
+    it('should return the initial version if the Safe version is lower than the initial version', () => {
+      expect(_getMinimumMultiSendCallOnlyVersion('1.0.0')).toBe('1.3.0')
+    })
+
+    it('should return the Safe version if the Safe version is higher than the initial version', () => {
+      expect(_getMinimumMultiSendCallOnlyVersion('1.4.1')).toBe('1.4.1')
+    })
+  })
+
+  describe('isMigrationToL2Possible', () => {
+    it('should not be possible to migrate Safes on chains without migration lib', () => {
+      expect(isMigrationToL2Possible(safeInfoBuilder().with({ nonce: 0, chainId: '69420' }).build())).toBeFalsy()
+    })
+
+    it('should not be possible to migrate Safes with nonce > 0', () => {
+      expect(isMigrationToL2Possible(safeInfoBuilder().with({ nonce: 2, chainId: '10' }).build())).toBeFalsy()
+    })
+
+    it('should be possible to migrate Safes with nonce 0 on chains with migration lib', () => {
+      expect(isMigrationToL2Possible(safeInfoBuilder().with({ nonce: 0, chainId: '10' }).build())).toBeTruthy()
+    })
+  })
+})
diff --git a/apps/web/src/services/contracts/safeContracts.ts b/apps/web/src/services/contracts/safeContracts.ts
new file mode 100644
index 000000000..ae4a59cb6
--- /dev/null
+++ b/apps/web/src/services/contracts/safeContracts.ts
@@ -0,0 +1,123 @@
+import { _isL2 } from '@safe-global/utils/services/contracts/deployments'
+import { getSafeProvider } from '@/services/tx/tx-sender/sdk'
+import { SafeProvider } from '@safe-global/protocol-kit'
+import {
+  getCompatibilityFallbackHandlerContractInstance,
+  getMultiSendCallOnlyContractInstance,
+  getSafeContractInstance,
+  getSafeProxyFactoryContractInstance,
+  getSignMessageLibContractInstance,
+} from '@safe-global/protocol-kit/dist/src/contracts/contractInstances'
+import type SafeBaseContract from '@safe-global/protocol-kit/dist/src/contracts/Safe/SafeBaseContract'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { getSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
+import semver from 'semver'
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+import { _getValidatedGetContractProps } from '@safe-global/utils/services/contracts/safeContracts'
+
+// GnosisSafe
+
+const getGnosisSafeContract = async (safe: SafeState, safeProvider: SafeProvider) => {
+  return getSafeContractInstance(
+    _getValidatedGetContractProps(safe.version).safeVersion,
+    safeProvider,
+    safe.address.value,
+  )
+}
+
+export const getReadOnlyCurrentGnosisSafeContract = async (safe: SafeState): Promise<SafeBaseContract<any>> => {
+  const safeSDK = getSafeSDK()
+  if (!safeSDK) {
+    throw new Error('Safe SDK not found.')
+  }
+
+  const safeProvider = safeSDK.getSafeProvider()
+
+  return getGnosisSafeContract(safe, safeProvider)
+}
+
+export const getCurrentGnosisSafeContract = async (safe: SafeState, provider: string) => {
+  const safeProvider = new SafeProvider({ provider })
+
+  return getGnosisSafeContract(safe, safeProvider)
+}
+
+export const getReadOnlyGnosisSafeContract = async (
+  chain: ChainInfo,
+  safeVersion: SafeState['version'],
+  isL1?: boolean,
+) => {
+  const version = safeVersion ?? getLatestSafeVersion(chain)
+
+  const safeProvider = getSafeProvider()
+
+  const isL1SafeSingleton = isL1 ?? !_isL2(chain, _getValidatedGetContractProps(version).safeVersion)
+
+  return getSafeContractInstance(
+    _getValidatedGetContractProps(version).safeVersion,
+    safeProvider,
+    undefined,
+    undefined,
+    isL1SafeSingleton,
+  )
+}
+
+// MultiSend
+
+export const _getMinimumMultiSendCallOnlyVersion = (safeVersion: SafeState['version']) => {
+  const INITIAL_CALL_ONLY_VERSION = '1.3.0'
+
+  if (!safeVersion) {
+    return INITIAL_CALL_ONLY_VERSION
+  }
+
+  return semver.gte(safeVersion, INITIAL_CALL_ONLY_VERSION) ? safeVersion : INITIAL_CALL_ONLY_VERSION
+}
+
+export const getReadOnlyMultiSendCallOnlyContract = async (safeVersion: SafeState['version']) => {
+  const safeSDK = getSafeSDK()
+  if (!safeSDK) {
+    throw new Error('Safe SDK not found.')
+  }
+
+  const safeProvider = safeSDK.getSafeProvider()
+
+  return getMultiSendCallOnlyContractInstance(_getValidatedGetContractProps(safeVersion).safeVersion, safeProvider)
+}
+
+// GnosisSafeProxyFactory
+
+export const getReadOnlyProxyFactoryContract = async (safeVersion: SafeState['version'], contractAddress?: string) => {
+  const safeProvider = getSafeProvider()
+
+  return getSafeProxyFactoryContractInstance(
+    _getValidatedGetContractProps(safeVersion).safeVersion,
+    safeProvider,
+    contractAddress,
+  )
+}
+
+// Fallback handler
+
+export const getReadOnlyFallbackHandlerContract = async (safeVersion: SafeState['version']) => {
+  const safeProvider = getSafeProvider()
+
+  return getCompatibilityFallbackHandlerContractInstance(
+    _getValidatedGetContractProps(safeVersion).safeVersion,
+    safeProvider,
+  )
+}
+
+// Sign messages deployment
+
+export const getReadOnlySignMessageLibContract = async (safeVersion: SafeState['version']) => {
+  const safeSDK = getSafeSDK()
+  if (!safeSDK) {
+    throw new Error('Safe SDK not found.')
+  }
+
+  const safeProvider = safeSDK.getSafeProvider()
+
+  return getSignMessageLibContractInstance(_getValidatedGetContractProps(safeVersion).safeVersion, safeProvider)
+}
diff --git a/apps/web/src/services/contracts/spendingLimitContracts.ts b/apps/web/src/services/contracts/spendingLimitContracts.ts
new file mode 100644
index 000000000..044c2bd12
--- /dev/null
+++ b/apps/web/src/services/contracts/spendingLimitContracts.ts
@@ -0,0 +1,59 @@
+import { getAllowanceModuleDeployment } from '@safe-global/safe-modules-deployments'
+
+import type { AllowanceModule } from '@safe-global/utils/types/contracts'
+import { AllowanceModule__factory } from '@safe-global/utils/types/contracts'
+import type { JsonRpcProvider, JsonRpcSigner } from 'ethers'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+
+enum ALLOWANCE_MODULE_VERSIONS {
+  '0.1.0' = '0.1.0',
+  '0.1.1' = '0.1.1',
+}
+
+const ALL_VERSIONS = [ALLOWANCE_MODULE_VERSIONS['0.1.0'], ALLOWANCE_MODULE_VERSIONS['0.1.1']]
+
+const getDeployment = (chainId: string, modules: SafeState['modules']) => {
+  if (!modules?.length) return
+  for (let version of ALL_VERSIONS) {
+    const deployment = getAllowanceModuleDeployment({ network: chainId, version })
+    if (!deployment) continue
+    const deploymentAddress = deployment?.networkAddresses[chainId]
+    const isMatch = modules?.some((address) => sameAddress(address.value, deploymentAddress))
+    if (isMatch) return deployment
+  }
+}
+
+export const getLatestSpendingLimitAddress = (chainId: string): string | undefined => {
+  const deployment = getAllowanceModuleDeployment({ network: chainId })
+  return deployment?.networkAddresses[chainId]
+}
+
+export const getDeployedSpendingLimitModuleAddress = (
+  chainId: string,
+  modules: SafeState['modules'],
+): string | undefined => {
+  const deployment = getDeployment(chainId, modules)
+  return deployment?.networkAddresses[chainId]
+}
+
+// SDK request here: https://github.com/safe-global/safe-core-sdk/issues/263
+export const getSpendingLimitContract = (
+  chainId: string,
+  modules: SafeState['modules'],
+  provider: JsonRpcProvider | JsonRpcSigner,
+): AllowanceModule => {
+  const allowanceModuleDeployment = getDeployment(chainId, modules)
+
+  if (!allowanceModuleDeployment) {
+    throw new Error(`AllowanceModule contract not found`)
+  }
+
+  const contractAddress = allowanceModuleDeployment.networkAddresses[chainId]
+
+  return AllowanceModule__factory.connect(contractAddress, provider)
+}
+
+export const getSpendingLimitInterface = () => {
+  return AllowanceModule__factory.createInterface()
+}
diff --git a/apps/web/src/services/datadog/index.ts b/apps/web/src/services/datadog/index.ts
new file mode 100644
index 000000000..903dc8637
--- /dev/null
+++ b/apps/web/src/services/datadog/index.ts
@@ -0,0 +1,36 @@
+import { useEffect } from 'react'
+import { datadogLogs } from '@datadog/browser-logs'
+import { DATADOG_CLIENT_TOKEN, IS_PRODUCTION } from '@/config/constants'
+
+let isDatadogInitialized = false
+
+function initDatadog() {
+  if (isDatadogInitialized) {
+    return
+  }
+  if (!DATADOG_CLIENT_TOKEN) {
+    console.warn('Datadog client token is not set. Skipping Datadog initialization.')
+    return
+  }
+  if (!IS_PRODUCTION) {
+    console.warn('Datadog is not initialized in non-production environments. Skipping Datadog initialization.')
+    return
+  }
+
+  datadogLogs.init({
+    clientToken: DATADOG_CLIENT_TOKEN,
+    site: 'datadoghq.eu',
+    forwardErrorsToLogs: true,
+    sessionSampleRate: 100,
+  })
+
+  isDatadogInitialized = true
+}
+
+export function useDatadog() {
+  useEffect(() => {
+    initDatadog()
+  }, [])
+}
+
+export const logger = datadogLogs.logger
diff --git a/src/services/ens/index.test.ts b/apps/web/src/services/ens/index.test.ts
similarity index 100%
rename from src/services/ens/index.test.ts
rename to apps/web/src/services/ens/index.test.ts
diff --git a/apps/web/src/services/ens/index.ts b/apps/web/src/services/ens/index.ts
new file mode 100644
index 000000000..b4bba8521
--- /dev/null
+++ b/apps/web/src/services/ens/index.ts
@@ -0,0 +1,32 @@
+import { type Provider } from 'ethers'
+import { logError } from '../exceptions'
+import ErrorCodes from '@safe-global/utils/services/exceptions/ErrorCodes'
+
+type EthersError = Error & {
+  reason?: string
+}
+
+// ENS domains can have any TLD, so just check that it ends with a dot-separated tld
+const DOMAIN_RE = /[^.]+[.][^.]+$/iu
+
+export function isDomain(domain: string): boolean {
+  return DOMAIN_RE.test(domain)
+}
+
+export const resolveName = async (rpcProvider: Provider, name: string): Promise<string | undefined> => {
+  try {
+    return (await rpcProvider.resolveName(name)) || undefined
+  } catch (e) {
+    const err = e as EthersError
+    logError(ErrorCodes._101, err.reason || err.message)
+  }
+}
+
+export const lookupAddress = async (rpcProvider: Provider, address: string): Promise<string | undefined> => {
+  try {
+    return (await rpcProvider.lookupAddress(address)) || undefined
+  } catch (e) {
+    const err = e as EthersError
+    logError(ErrorCodes._101, err.reason || err.message)
+  }
+}
diff --git a/apps/web/src/services/exceptions/__tests__/index.test.ts b/apps/web/src/services/exceptions/__tests__/index.test.ts
new file mode 100644
index 000000000..ce6ffb058
--- /dev/null
+++ b/apps/web/src/services/exceptions/__tests__/index.test.ts
@@ -0,0 +1,133 @@
+import { Errors, CodedException } from '..'
+
+const defaultPublicIsProduction = process.env.NEXT_PUBLIC_IS_PRODUCTION
+describe('CodedException', () => {
+  beforeAll(() => {
+    console.error = jest.fn()
+  })
+
+  beforeEach(() => {
+    process.env.NEXT_PUBLIC_IS_PRODUCTION = 'false'
+    jest.resetModules()
+    jest.clearAllMocks()
+  })
+
+  afterAll(() => {
+    process.env.NEXT_PUBLIC_IS_PRODUCTION = defaultPublicIsProduction
+  })
+
+  it('throws an error if code is not found', () => {
+    expect(Errors.___0).toBe('0: No such error code')
+
+    expect(() => {
+      new CodedException('weird error' as any)
+    }).toThrow('Code 0: No such error code (weird error)')
+  })
+
+  it('creates an error', () => {
+    const err = new CodedException(Errors._100)
+    expect(err.message).toBe('Code 100: Invalid input in the address field')
+    expect(err.code).toBe(100)
+    expect(err.content).toBe(Errors._100)
+  })
+
+  it('creates an error with an extra message from a string', () => {
+    const err = new CodedException(Errors._100, '0x123')
+    expect(err.message).toBe('Code 100: Invalid input in the address field (0x123)')
+    expect(err.code).toBe(100)
+    expect(err.content).toBe(Errors._100)
+  })
+
+  it('creates an error with an extra message from an Error instance', () => {
+    const err = new CodedException(Errors._100, new Error('0x123'))
+    expect(err.message).toBe('Code 100: Invalid input in the address field (0x123)')
+    expect(err.code).toBe(100)
+    expect(err.content).toBe(Errors._100)
+  })
+
+  it('creates an error with an extra message from an object', () => {
+    const err = new CodedException(Errors._100, { address: '0x123' })
+    expect(err.message).toBe('Code 100: Invalid input in the address field ({"address":"0x123"})')
+    expect(err.code).toBe(100)
+    expect(err.content).toBe(Errors._100)
+  })
+
+  it('creates an error with an extra message', () => {
+    const err = new CodedException(Errors._901, 'getSafeBalance: Server responded with 429 Too Many Requests')
+    expect(err.message).toBe(
+      'Code 901: Error processing Safe Apps SDK request (getSafeBalance: Server responded with 429 Too Many Requests)',
+    )
+    expect(err.code).toBe(901)
+  })
+
+  describe('Logging', () => {
+    it('logs to the console', async () => {
+      const { logError } = await import('..')
+
+      const err = logError(Errors._100, '123')
+      expect(err.message).toBe('Code 100: Invalid input in the address field (123)')
+      expect(console.error).toHaveBeenCalledWith(err)
+    })
+
+    it('logs to the console via the public log method', () => {
+      const err = new CodedException(Errors._601)
+      expect(err.message).toBe('Code 601: Error fetching balances')
+      expect(console.error).not.toHaveBeenCalled()
+      err.log()
+      expect(console.error).toHaveBeenCalledWith(err)
+    })
+
+    it('logs only the error message on prod', async () => {
+      process.env.NEXT_PUBLIC_IS_PRODUCTION = 'true'
+      const { logError, Errors } = await import('..')
+
+      logError(Errors._100)
+      expect(console.error).toHaveBeenCalledWith('Code 100: Invalid input in the address field')
+    })
+  })
+
+  describe('Tracking', () => {
+    beforeAll(() => {
+      console.error = jest.fn()
+    })
+
+    beforeEach(() => {
+      jest.resetModules()
+      jest.clearAllMocks()
+    })
+
+    // I can't figure out a way to override the IS_PRODUCTION constant
+    it('tracks using Sentry on production', async () => {
+      process.env.NEXT_PUBLIC_IS_PRODUCTION = 'true'
+
+      const mockSentryCaptureException = jest.fn()
+
+      jest.doMock('@/services/sentry', () => ({
+        __esModule: true,
+        ...jest.requireActual('@/services/sentry'),
+        sentryCaptureException: mockSentryCaptureException,
+      }))
+
+      const { trackError, Errors } = await import('..')
+
+      const err = trackError(Errors._100)
+      expect(mockSentryCaptureException).toHaveBeenCalled()
+      expect(console.error).toHaveBeenCalledWith(err.message)
+    })
+
+    it('does not track using Sentry in non-production envs', async () => {
+      const mockSentryCaptureException = jest.fn()
+      jest.doMock('@/services/sentry', () => ({
+        __esModule: true,
+        ...jest.requireActual('@/services/sentry'),
+        sentryCaptureException: mockSentryCaptureException,
+      }))
+
+      const { trackError, Errors } = await import('..')
+
+      const err = trackError(Errors._100)
+      expect(mockSentryCaptureException).not.toHaveBeenCalled()
+      expect(console.error).toHaveBeenCalledWith(err)
+    })
+  })
+})
diff --git a/apps/web/src/services/exceptions/__tests__/utils.test.ts b/apps/web/src/services/exceptions/__tests__/utils.test.ts
new file mode 100644
index 000000000..14be5aeb3
--- /dev/null
+++ b/apps/web/src/services/exceptions/__tests__/utils.test.ts
@@ -0,0 +1,34 @@
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+
+describe('utils', () => {
+  describe('asError', () => {
+    it('should return the same error if thrown is an instance of Error', () => {
+      const thrown = new Error('test error')
+
+      expect(asError(thrown)).toEqual(new Error('test error'))
+    })
+
+    it('should return a new Error instance with the thrown value if thrown is a string', () => {
+      const thrown = 'test error'
+
+      const result = asError(thrown)
+      expect(result).toEqual(new Error('test error'))
+
+      // If stringified:
+      expect(result).not.toEqual(new Error('"test error'))
+    })
+    it('should return a new Error instance with the stringified thrown value if thrown is not an instance of Error', () => {
+      const thrown = { message: 'test error' }
+
+      expect(asError(thrown)).toEqual(new Error('{"message":"test error"}'))
+    })
+
+    it('should return a new Error instance with the string representation of thrown if JSON.stringify throws an error', () => {
+      // Circular dependency
+      const thrown: Record<string, unknown> = {}
+      thrown.a = { b: thrown }
+
+      expect(asError(thrown)).toEqual(new Error('[object Object]'))
+    })
+  })
+})
diff --git a/apps/web/src/services/exceptions/index.ts b/apps/web/src/services/exceptions/index.ts
new file mode 100644
index 000000000..2f8195d65
--- /dev/null
+++ b/apps/web/src/services/exceptions/index.ts
@@ -0,0 +1,75 @@
+import { sentryCaptureException } from '@/services/sentry'
+import { IS_PRODUCTION } from '@/config/constants'
+import ErrorCodes from '@safe-global/utils/services/exceptions/ErrorCodes'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { logger } from '../datadog'
+
+export class CodedException extends Error {
+  public readonly code: number
+  public readonly content: string
+
+  private getCode(content: ErrorCodes): number {
+    const codePrefix = content.split(':')[0]
+    const code = Number(codePrefix)
+    if (isNaN(code)) {
+      throw new CodedException(ErrorCodes.___0, codePrefix)
+    }
+    return code
+  }
+
+  constructor(content: ErrorCodes, thrown?: unknown) {
+    super()
+
+    const extraInfo = thrown ? ` (${asError(thrown).message})` : ''
+    this.message = `Code ${content}${extraInfo}`
+    this.code = this.getCode(content)
+    this.content = content
+  }
+
+  public log(): void {
+    // Filter out the logError fn from the stack trace
+    if (this.stack) {
+      const newStack = this.stack
+        .split('\n')
+        .filter((line) => !line.includes(logError.name))
+        .join('\n')
+      try {
+        this.stack = newStack
+      } catch (e) {}
+    }
+
+    // Log only the message on prod, and the full error on dev
+    console.error(IS_PRODUCTION ? this.message : this)
+
+    if (IS_PRODUCTION) {
+      // Log to Datadog
+      logger.error(this.message, {
+        code: this.code,
+      })
+    }
+  }
+
+  public track(): void {
+    this.log()
+
+    if (IS_PRODUCTION) {
+      sentryCaptureException(this)
+    }
+  }
+}
+
+type ErrorHandler = (content: ErrorCodes, thrown?: unknown) => CodedException
+
+export const logError: ErrorHandler = function logError(...args) {
+  const error = new CodedException(...args)
+  error.log()
+  return error
+}
+
+export const trackError: ErrorHandler = function trackError(...args) {
+  const error = new CodedException(...args)
+  error.track()
+  return error
+}
+
+export const Errors = ErrorCodes
diff --git a/src/services/local-storage/Storage.ts b/apps/web/src/services/local-storage/Storage.ts
similarity index 97%
rename from src/services/local-storage/Storage.ts
rename to apps/web/src/services/local-storage/Storage.ts
index f315f9dd8..8413c563b 100644
--- a/src/services/local-storage/Storage.ts
+++ b/apps/web/src/services/local-storage/Storage.ts
@@ -1,6 +1,6 @@
 import { LS_NAMESPACE } from '@/config/constants'
 import { Errors, logError } from '@/services/exceptions'
-import { asError } from '../exceptions/utils'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
 import { reviver, replacer } from './storageHelpers'
 type BrowserStorage = typeof localStorage | typeof sessionStorage
 
diff --git a/src/services/local-storage/__tests__/local.test.ts b/apps/web/src/services/local-storage/__tests__/local.test.ts
similarity index 100%
rename from src/services/local-storage/__tests__/local.test.ts
rename to apps/web/src/services/local-storage/__tests__/local.test.ts
diff --git a/src/services/local-storage/__tests__/useLocalStorage.test.ts b/apps/web/src/services/local-storage/__tests__/useLocalStorage.test.ts
similarity index 100%
rename from src/services/local-storage/__tests__/useLocalStorage.test.ts
rename to apps/web/src/services/local-storage/__tests__/useLocalStorage.test.ts
diff --git a/src/services/local-storage/local.ts b/apps/web/src/services/local-storage/local.ts
similarity index 100%
rename from src/services/local-storage/local.ts
rename to apps/web/src/services/local-storage/local.ts
diff --git a/src/services/local-storage/session.ts b/apps/web/src/services/local-storage/session.ts
similarity index 100%
rename from src/services/local-storage/session.ts
rename to apps/web/src/services/local-storage/session.ts
diff --git a/src/services/local-storage/storageHelpers.ts b/apps/web/src/services/local-storage/storageHelpers.ts
similarity index 100%
rename from src/services/local-storage/storageHelpers.ts
rename to apps/web/src/services/local-storage/storageHelpers.ts
diff --git a/apps/web/src/services/local-storage/useLocalStorage.ts b/apps/web/src/services/local-storage/useLocalStorage.ts
new file mode 100644
index 000000000..9a9c97137
--- /dev/null
+++ b/apps/web/src/services/local-storage/useLocalStorage.ts
@@ -0,0 +1,81 @@
+import { useCallback, useEffect } from 'react'
+import ExternalStore from '@safe-global/utils/services/ExternalStore'
+import session from './session'
+import local from './local'
+import type Storage from './Storage'
+
+// The setter accepts T or a function that takes the old value and returns T
+// Mimics the behavior of useState
+type Undefinable<T> = T | undefined
+
+export type Setter<T> = (val: T | ((prevVal: Undefinable<T>) => Undefinable<T>)) => void
+
+// External stores for each localStorage key which act as a shared cache for LS
+const externalStores: Record<string, ExternalStore<any>> = {}
+
+const useStorage = <T>(key: string, storage: Storage): [Undefinable<T>, Setter<T>] => {
+  if (!externalStores[key]) {
+    externalStores[key] = new ExternalStore<T>()
+  }
+  const { getStore, setStore, useStore } = externalStores[key] as ExternalStore<T>
+
+  // This is the setter that will be returned
+  // It will update the local storage and cache
+  const setNewValue = useCallback<Setter<T>>(
+    (value) => {
+      setStore((oldValue) => {
+        const newValue = value instanceof Function ? value(oldValue) : value
+
+        if (newValue !== oldValue) {
+          storage.setItem(key, newValue)
+        }
+
+        return newValue
+      })
+    },
+    [key, setStore, storage],
+  )
+
+  // Set the initial value from LS on mount
+  useEffect(() => {
+    if (getStore() === undefined) {
+      const lsValue = storage.getItem<T>(key)
+      if (lsValue !== null) {
+        setStore(lsValue)
+      }
+    }
+  }, [key, getStore, setStore, storage])
+
+  // Subscribe to changes in local storage and update the cache
+  // This will work across tabs
+  useEffect(() => {
+    const onStorageEvent = (event: StorageEvent) => {
+      if (event.key === storage.getPrefixedKey(key)) {
+        const lsValue = storage.getItem<T>(key)
+        if (lsValue !== null && lsValue !== getStore()) {
+          setStore(lsValue)
+        }
+      }
+    }
+
+    window.addEventListener('storage', onStorageEvent)
+
+    return () => {
+      window.removeEventListener('storage', onStorageEvent)
+    }
+  }, [key, getStore, setStore, storage])
+
+  return [useStore(), setNewValue]
+}
+
+const useLocalStorage = <T>(key: string): [Undefinable<T>, Setter<T>] => {
+  const localStorage = useStorage<T>(key, local)
+  return localStorage
+}
+
+export const useSessionStorage = <T>(key: string): [Undefinable<T>, Setter<T>] => {
+  const localStorage = useStorage<T>(key, session)
+  return localStorage
+}
+
+export default useLocalStorage
diff --git a/src/services/ls-migration/addedSafes.ts b/apps/web/src/services/ls-migration/addedSafes.ts
similarity index 97%
rename from src/services/ls-migration/addedSafes.ts
rename to apps/web/src/services/ls-migration/addedSafes.ts
index 143f93ee2..148fdb4b2 100644
--- a/src/services/ls-migration/addedSafes.ts
+++ b/apps/web/src/services/ls-migration/addedSafes.ts
@@ -1,7 +1,7 @@
 import { type AddedSafesState, type AddedSafesOnChain } from '@/store/addedSafesSlice'
 import type { LOCAL_STORAGE_DATA } from './common'
 import { parseLsValue } from './common'
-import { isChecksummedAddress } from '@/utils/addresses'
+import { isChecksummedAddress } from '@safe-global/utils/utils/addresses'
 import isObject from 'lodash/isObject'
 import type { AddressEx } from '@safe-global/safe-gateway-typescript-sdk'
 
diff --git a/apps/web/src/services/ls-migration/addressBook.ts b/apps/web/src/services/ls-migration/addressBook.ts
new file mode 100644
index 000000000..4916e3706
--- /dev/null
+++ b/apps/web/src/services/ls-migration/addressBook.ts
@@ -0,0 +1,29 @@
+import chains from '@/config/chains'
+import { type AddressBookState } from '@/store/addressBookSlice'
+import { isChecksummedAddress } from '@safe-global/utils/utils/addresses'
+import type { LOCAL_STORAGE_DATA } from './common'
+import { parseLsValue } from './common'
+
+const OLD_LS_KEY = 'SAFE__addressBook'
+
+type OldAddressBook = Array<{ address: string; name: string; chainId: string }>
+
+export const migrateAddressBook = (lsData: LOCAL_STORAGE_DATA): AddressBookState | void => {
+  const legacyAb = parseLsValue<OldAddressBook>(lsData[OLD_LS_KEY])
+  if (Array.isArray(legacyAb)) {
+    console.log('Migrating address book')
+
+    const newAb = legacyAb.reduce<AddressBookState>((acc, { address, name, chainId }) => {
+      if (!name || !address || !isChecksummedAddress(address, chainId) || chainId === chains.rin) {
+        return acc
+      }
+      acc[chainId] = acc[chainId] || {}
+      acc[chainId][address] = name
+      return acc
+    }, {})
+
+    if (Object.keys(newAb).length > 0) {
+      return newAb
+    }
+  }
+}
diff --git a/src/services/ls-migration/common.ts b/apps/web/src/services/ls-migration/common.ts
similarity index 100%
rename from src/services/ls-migration/common.ts
rename to apps/web/src/services/ls-migration/common.ts
diff --git a/src/services/ls-migration/tests.test.ts b/apps/web/src/services/ls-migration/tests.test.ts
similarity index 100%
rename from src/services/ls-migration/tests.test.ts
rename to apps/web/src/services/ls-migration/tests.test.ts
diff --git a/src/services/onboard.ts b/apps/web/src/services/onboard.ts
similarity index 85%
rename from src/services/onboard.ts
rename to apps/web/src/services/onboard.ts
index 206588ea0..3beeb182c 100644
--- a/src/services/onboard.ts
+++ b/apps/web/src/services/onboard.ts
@@ -2,8 +2,9 @@ import Onboard, { type OnboardAPI } from '@web3-onboard/core'
 import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
 import { getAllWallets } from '@/hooks/wallets/wallets'
 import { getRpcServiceUrl } from '@/hooks/wallets/web3'
-import type { EnvState } from '@/store/settingsSlice'
 import { numberToHex } from '@/utils/hex'
+import { BRAND_NAME } from '@/config/constants'
+import type { EnvState } from '@safe-global/store/settingsSlice'
 
 let onboard: OnboardAPI | null = null
 
@@ -42,9 +43,9 @@ export const createOnboard = (
     },
 
     appMetadata: {
-      name: 'Rootstock Safe',
+      name: BRAND_NAME,
       icon: location.origin + '/images/logo-round.svg',
-      description: 'Rootstock Safe – smart contract wallet for Rootstock Networks',
+      description: `${BRAND_NAME} – smart contract wallet for Ethereum (ex-Gnosis Safe multisig)`,
     },
 
     connect: {
diff --git a/src/services/private-key-module/PkModulePopup.tsx b/apps/web/src/services/private-key-module/PkModulePopup.tsx
similarity index 100%
rename from src/services/private-key-module/PkModulePopup.tsx
rename to apps/web/src/services/private-key-module/PkModulePopup.tsx
diff --git a/src/services/private-key-module/icon.ts b/apps/web/src/services/private-key-module/icon.ts
similarity index 100%
rename from src/services/private-key-module/icon.ts
rename to apps/web/src/services/private-key-module/icon.ts
diff --git a/apps/web/src/services/private-key-module/index.ts b/apps/web/src/services/private-key-module/index.ts
new file mode 100644
index 000000000..f5ad1719c
--- /dev/null
+++ b/apps/web/src/services/private-key-module/index.ts
@@ -0,0 +1,155 @@
+import { JsonRpcProvider, Wallet } from 'ethers'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { type WalletInit, createEIP1193Provider } from '@web3-onboard/common'
+import { getRpcServiceUrl } from '@/hooks/wallets/web3'
+import pkPopupStore from './pk-popup-store'
+import { numberToHex } from '@/utils/hex'
+
+export const PRIVATE_KEY_MODULE_LABEL = 'Private key'
+
+async function getPrivateKey() {
+  const savedKey = pkPopupStore.getStore()?.privateKey
+  if (savedKey) return savedKey
+
+  pkPopupStore.setStore({
+    isOpen: true,
+    privateKey: '',
+  })
+
+  return new Promise<string>((resolve) => {
+    const unsubscribe = pkPopupStore.subscribe(() => {
+      unsubscribe()
+      resolve(pkPopupStore.getStore()?.privateKey ?? '')
+    })
+  })
+}
+
+let currentChainId = ''
+let currentRpcUri = ''
+
+const PrivateKeyModule = (chainId: ChainInfo['chainId'], rpcUri: ChainInfo['rpcUri']): WalletInit => {
+  currentChainId = chainId
+  currentRpcUri = getRpcServiceUrl(rpcUri)
+
+  return () => {
+    return {
+      label: PRIVATE_KEY_MODULE_LABEL,
+      getIcon: async () => (await import('./icon')).default,
+      getInterface: async () => {
+        const privateKey = await getPrivateKey()
+        if (!privateKey) {
+          throw new Error('You rejected the connection')
+        }
+
+        let provider: JsonRpcProvider
+        let wallet: Wallet
+        const chainChangedListeners = new Set<(chainId: string) => void>()
+
+        const updateProvider = () => {
+          console.log('[Private key signer] Updating provider to chainId', currentChainId, currentRpcUri)
+          provider?.destroy()
+          provider = new JsonRpcProvider(currentRpcUri, Number(currentChainId), { staticNetwork: true })
+          wallet = new Wallet(privateKey, provider)
+
+          setTimeout(() => {
+            chainChangedListeners.forEach((listener) => listener(numberToHex(Number(currentChainId))))
+          }, 100)
+        }
+
+        updateProvider()
+
+        return {
+          provider: createEIP1193Provider(
+            {
+              on: (event: string, listener: (...args: any[]) => void) => {
+                if (event === 'accountsChanged') {
+                  return
+                } else if (event === 'chainChanged') {
+                  chainChangedListeners.add(listener)
+                } else {
+                  provider.on(event, listener)
+                }
+              },
+
+              request: async (request: { method: string; params: any[] }) => {
+                return provider.send(request.method, request.params)
+              },
+
+              disconnect: () => {
+                pkPopupStore.setStore({
+                  isOpen: false,
+                  privateKey: '',
+                })
+              },
+            },
+            {
+              eth_chainId: async () => currentChainId,
+
+              // @ts-ignore
+              eth_getCode: async ({ params }) => provider.getCode(params[0], params[1]),
+              // @ts-ignore
+              eth_accounts: async () => [wallet.address],
+              // @ts-ignore
+              eth_requestAccounts: async () => [wallet.address],
+
+              eth_call: async ({ params }: { params: any }) => wallet.call(params[0]),
+
+              eth_sendTransaction: async ({ params }) => {
+                const tx = await wallet.sendTransaction(params[0] as any)
+                return tx.hash // return transaction hash
+              },
+
+              personal_sign: async ({ params }) => {
+                return wallet.signMessage(params[0])
+              },
+
+              eth_signTypedData: async ({ params }) => {
+                const [, typedData] = params
+                return await wallet.signTypedData(
+                  typedData.domain,
+                  { [typedData.primaryType]: typedData.types[typedData.primaryType] },
+                  typedData.message,
+                )
+              },
+
+              // @ts-ignore
+              eth_signTypedData_v4: async ({ params }) => {
+                const [, typedData] = params
+
+                let parsedTypedData
+                try {
+                  parsedTypedData = JSON.parse(typedData)
+                } catch (error: unknown) {
+                  if (error instanceof Error) {
+                    throw new Error('Failed to parse typedData: ' + error.message)
+                  } else {
+                    throw new Error('Failed to parse typedData: Unknown error')
+                  }
+                }
+
+                if (!parsedTypedData || !parsedTypedData.domain || !parsedTypedData.types || !parsedTypedData.message) {
+                  throw new Error('Invalid parameters for eth_signTypedData_v4')
+                }
+
+                return await wallet.signTypedData(
+                  parsedTypedData.domain,
+                  { [parsedTypedData.primaryType]: parsedTypedData.types[parsedTypedData.primaryType] },
+                  parsedTypedData.message,
+                )
+              },
+
+              // @ts-ignore
+              wallet_switchEthereumChain: async ({ params }) => {
+                console.log('[Private key signer] Switching chain', params)
+                updateProvider()
+              },
+            },
+          ),
+        }
+      },
+      platforms: ['desktop'],
+    }
+  }
+}
+
+export default PrivateKeyModule
diff --git a/src/services/private-key-module/pk-popup-store.ts b/apps/web/src/services/private-key-module/pk-popup-store.ts
similarity index 87%
rename from src/services/private-key-module/pk-popup-store.ts
rename to apps/web/src/services/private-key-module/pk-popup-store.ts
index 5779540b5..9d77db770 100644
--- a/src/services/private-key-module/pk-popup-store.ts
+++ b/apps/web/src/services/private-key-module/pk-popup-store.ts
@@ -1,4 +1,4 @@
-import ExternalStore from '@/services/ExternalStore'
+import ExternalStore from '@safe-global/utils/services/ExternalStore'
 import { sessionItem } from '@/services/local-storage/session'
 
 type PkModulePopupStore = {
diff --git a/src/services/push-notifications/firebase.ts b/apps/web/src/services/push-notifications/firebase.ts
similarity index 80%
rename from src/services/push-notifications/firebase.ts
rename to apps/web/src/services/push-notifications/firebase.ts
index 909fa8209..b74eec502 100644
--- a/src/services/push-notifications/firebase.ts
+++ b/apps/web/src/services/push-notifications/firebase.ts
@@ -9,7 +9,7 @@ const FIREBASE_VALID_KEY_PRODUCTION = process.env.NEXT_PUBLIC_FIREBASE_VAPID_KEY
 const FIREBASE_VALID_KEY_STAGING = process.env.NEXT_PUBLIC_FIREBASE_VAPID_KEY_STAGING
 export const FIREBASE_VAPID_KEY = FIREBASE_IS_PRODUCTION ? FIREBASE_VALID_KEY_PRODUCTION : FIREBASE_VALID_KEY_STAGING
 
-export const FIREBASE_OPTIONS: FirebaseOptions = (() => {
+export const FIREBASE_OPTIONS = (() => {
   const FIREBASE_OPTIONS_PRODUCTION = process.env.NEXT_PUBLIC_FIREBASE_OPTIONS_PRODUCTION || ''
   const FIREBASE_OPTIONS_STAGING = process.env.NEXT_PUBLIC_FIREBASE_OPTIONS_STAGING || ''
   try {
@@ -19,10 +19,13 @@ export const FIREBASE_OPTIONS: FirebaseOptions = (() => {
   }
 })()
 
-export const initializeFirebaseApp = () => {
-  const hasFirebaseOptions = Object.values(FIREBASE_OPTIONS).every(Boolean)
+const isFirebaseOptions = (options: object): options is FirebaseOptions => {
+  // At least projectId is required
+  return 'projectId' in options && Object.values(options).every(Boolean)
+}
 
-  if (!hasFirebaseOptions) {
+export const initializeFirebaseApp = () => {
+  if (!isFirebaseOptions(FIREBASE_OPTIONS)) {
     return
   }
 
diff --git a/src/services/push-notifications/preferences.ts b/apps/web/src/services/push-notifications/preferences.ts
similarity index 80%
rename from src/services/push-notifications/preferences.ts
rename to apps/web/src/services/push-notifications/preferences.ts
index fbc96cb23..185437705 100644
--- a/src/services/push-notifications/preferences.ts
+++ b/apps/web/src/services/push-notifications/preferences.ts
@@ -6,11 +6,18 @@ import type { WebhookType } from '@/service-workers/firebase-messaging/webhook-t
 
 export type PushNotificationPrefsKey = `${string}:${string}`
 
+export enum NotificationsTokenVersion {
+  // V1 is the initial version of the notifications token
+  V1 = 1,
+  // V2 is the version after the migration to the new notification service
+  V2 = 2,
+}
+
 export type PushNotificationPreferences = {
   [safeKey: PushNotificationPrefsKey]: {
     chainId: string
     safeAddress: string
-    preferences: { [key in WebhookType]: boolean }
+    preferences: { [_key in WebhookType]: boolean }
   }
 }
 
diff --git a/src/services/push-notifications/tracking.ts b/apps/web/src/services/push-notifications/tracking.ts
similarity index 100%
rename from src/services/push-notifications/tracking.ts
rename to apps/web/src/services/push-notifications/tracking.ts
diff --git a/src/services/safe-apps/AppCommunicator.ts b/apps/web/src/services/safe-apps/AppCommunicator.ts
similarity index 86%
rename from src/services/safe-apps/AppCommunicator.ts
rename to apps/web/src/services/safe-apps/AppCommunicator.ts
index 624d42d82..d286087be 100644
--- a/src/services/safe-apps/AppCommunicator.ts
+++ b/apps/web/src/services/safe-apps/AppCommunicator.ts
@@ -1,7 +1,7 @@
 import type { RefObject } from 'react'
 import type { SDKMessageEvent, MethodToResponse, ErrorResponse, RequestId } from '@safe-global/safe-apps-sdk'
 import { getSDKVersion, Methods, MessageFormatter } from '@safe-global/safe-apps-sdk'
-import { asError } from '../exceptions/utils'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
 
 type MessageHandler = (
   msg: SDKMessageEvent,
@@ -13,11 +13,11 @@ type AppCommunicatorConfig = {
 }
 
 class AppCommunicator {
-  private iframeRef: RefObject<HTMLIFrameElement | undefined>
+  private iframeRef: RefObject<HTMLIFrameElement | null>
   private handlers = new Map<Methods, MessageHandler>()
   private config: AppCommunicatorConfig
 
-  constructor(iframeRef: RefObject<HTMLIFrameElement | undefined>, config?: AppCommunicatorConfig) {
+  constructor(iframeRef: RefObject<HTMLIFrameElement | null>, config?: AppCommunicatorConfig) {
     this.iframeRef = iframeRef
     this.config = config || {}
 
@@ -37,11 +37,15 @@ class AppCommunicator {
     const sentFromIframe = this.iframeRef.current?.contentWindow === msg.source
     const knownMethod = Object.values(Methods).includes(msg.data.method)
 
-    return sentFromIframe && knownMethod
+    // TODO: move it to safe-app Methods types
+    const isThemeInfoMethod = (msg.data.method as string) === 'getCurrentTheme'
+
+    return sentFromIframe && (knownMethod || isThemeInfoMethod)
   }
 
   private canHandleMessage = (msg: SDKMessageEvent): boolean => {
     if (!msg.data) return false
+
     return Boolean(this.handlers.get(msg.data.method))
   }
 
diff --git a/src/services/safe-apps/manifest.ts b/apps/web/src/services/safe-apps/manifest.ts
similarity index 82%
rename from src/services/safe-apps/manifest.ts
rename to apps/web/src/services/safe-apps/manifest.ts
index b4fa97fdb..6d058279d 100644
--- a/src/services/safe-apps/manifest.ts
+++ b/apps/web/src/services/safe-apps/manifest.ts
@@ -1,5 +1,5 @@
 import type { AllowedFeatures, SafeAppDataWithPermissions } from '@/components/safe-apps/types'
-import { isRelativeUrl, trimTrailingSlash } from '@/utils/url'
+import { isRelativeUrl, trimTrailingSlash, stripUrlParams } from '@/utils/url'
 import { SafeAppAccessPolicyTypes } from '@safe-global/safe-gateway-typescript-sdk'
 
 type AppManifestIcon = {
@@ -56,7 +56,9 @@ const getAppLogoUrl = (appUrl: string, { icons = [], iconPath = '' }: AppManifes
 }
 
 const fetchAppManifest = async (appUrl: string, timeout = 5000): Promise<unknown> => {
-  const normalizedUrl = trimTrailingSlash(appUrl)
+  // Strip URL parameters for fetching the manifest
+  const baseUrl = stripUrlParams(appUrl)
+  const normalizedUrl = trimTrailingSlash(baseUrl)
   const manifestUrl = `${normalizedUrl}/manifest.json`
 
   // A lot of apps are hosted on IPFS and IPFS never times out, so we add our own timeout
@@ -89,7 +91,10 @@ const fetchSafeAppFromManifest = async (
   appUrl: string,
   currentChainId: string,
 ): Promise<SafeAppDataWithPermissions> => {
-  const normalizedAppUrl = trimTrailingSlash(appUrl)
+  // Strip URL parameters for the normalized app URL but keep the original URL for the iframe
+  const baseUrl = stripUrlParams(appUrl)
+  const normalizedAppUrl = trimTrailingSlash(baseUrl)
+  // Use the base URL to fetch the manifest
   const appManifest = await fetchAppManifest(appUrl)
 
   if (!isAppManifestValid(appManifest)) {
@@ -98,10 +103,14 @@ const fetchSafeAppFromManifest = async (
 
   const iconUrl = getAppLogoUrl(normalizedAppUrl, appManifest)
 
+  // Preserve the original URL with parameters
+  const originalUrl = appUrl
+
   return {
     // Must satisfy https://docs.djangoproject.com/en/5.0/ref/models/fields/#positiveintegerfield
     id: Math.round(Math.random() * 1e9 + 1e6),
-    url: normalizedAppUrl,
+    url: normalizedAppUrl, // Store the base URL without parameters for matching
+    originalUrl, // Store the original URL with parameters
     name: appManifest.name,
     description: appManifest.description,
     accessControl: { type: SafeAppAccessPolicyTypes.NoRestrictions },
diff --git a/src/services/safe-apps/track-app-usage-count.ts b/apps/web/src/services/safe-apps/track-app-usage-count.ts
similarity index 100%
rename from src/services/safe-apps/track-app-usage-count.ts
rename to apps/web/src/services/safe-apps/track-app-usage-count.ts
diff --git a/src/services/safe-messages/__tests__/safeMsgSender.test.ts b/apps/web/src/services/safe-messages/__tests__/safeMsgSender.test.ts
similarity index 94%
rename from src/services/safe-messages/__tests__/safeMsgSender.test.ts
rename to apps/web/src/services/safe-messages/__tests__/safeMsgSender.test.ts
index 57e3e273a..2324285c8 100644
--- a/src/services/safe-messages/__tests__/safeMsgSender.test.ts
+++ b/apps/web/src/services/safe-messages/__tests__/safeMsgSender.test.ts
@@ -4,7 +4,7 @@ import type { JsonRpcSigner } from 'ethers'
 import { zeroPadBytes } from 'ethers'
 
 import { dispatchSafeMsgConfirmation, dispatchSafeMsgProposal } from '@/services/safe-messages/safeMsgSender'
-import * as utils from '@/utils/safe-messages'
+import * as utils from '@safe-global/utils/utils/safe-messages'
 import * as events from '@/services/safe-messages/safeMsgEvents'
 import * as sdk from '@/services/tx/tx-sender/sdk'
 import { zeroPadValue } from 'ethers'
@@ -43,14 +43,14 @@ describe('safeMsgSender', () => {
         },
       } as unknown as gateway.SafeInfo
       const message = 'Hello world'
-      const safeAppId = 1
+      const origin = 'http://example.com'
 
-      await dispatchSafeMsgProposal({ provider: MockEip1193Provider, safe, message, safeAppId })
+      await dispatchSafeMsgProposal({ provider: MockEip1193Provider, safe, message, origin })
 
       expect(proposeSafeMessageSpy).toHaveBeenCalledWith('5', zeroPadValue('0x0789', 20), {
         message,
         signature: mockValidSignature,
-        safeAppId,
+        origin,
       })
 
       expect(safeMsgDispatchSpy).toHaveBeenCalledWith(events.SafeMsgEvent.PROPOSE, {
@@ -74,7 +74,7 @@ describe('safeMsgSender', () => {
         types: { [type: string]: { name: string; type: string }[] }
         domain: any
         message: any
-        primaryType?: string
+        primaryType: string
       } = {
         types: {
           Test: [{ name: 'test', type: 'string' }],
@@ -87,10 +87,11 @@ describe('safeMsgSender', () => {
         message: {
           test: 'Hello World!',
         },
+        primaryType: 'Test',
       }
-      const safeAppId = 1
+      const origin = 'http://example.com'
 
-      await dispatchSafeMsgProposal({ provider: MockEip1193Provider, safe, message, safeAppId })
+      await dispatchSafeMsgProposal({ provider: MockEip1193Provider, safe, message, origin })
 
       // Normalize message manually
       message.types['EIP712Domain'] = [
@@ -103,7 +104,7 @@ describe('safeMsgSender', () => {
       expect(proposeSafeMessageSpy).toHaveBeenCalledWith('5', zeroPadValue('0x0789', 20), {
         message,
         signature: mockValidSignature,
-        safeAppId,
+        origin,
       })
     })
 
@@ -125,15 +126,15 @@ describe('safeMsgSender', () => {
         },
       } as unknown as gateway.SafeInfo
       const message = 'Hello world'
-      const safeAppId = 1
+      const origin = 'http://example.com'
 
-      await dispatchSafeMsgProposal({ provider: MockEip1193Provider, safe, message, safeAppId })
+      await dispatchSafeMsgProposal({ provider: MockEip1193Provider, safe, message, origin })
 
       expect(proposeSafeMessageSpy).toHaveBeenCalledWith('5', zeroPadValue('0x0789', 20), {
         message,
         // Even though the mock returns the signature with invalid V, the valid signature should get dispatched as we adjust invalid Vs
         signature: mockValidSignature,
-        safeAppId,
+        origin,
       })
 
       expect(safeMsgDispatchSpy).toHaveBeenCalledWith(events.SafeMsgEvent.PROPOSE, {
@@ -155,17 +156,17 @@ describe('safeMsgSender', () => {
         },
       } as unknown as gateway.SafeInfo
       const message = 'Hello world'
-      const safeAppId = 1
+      const origin = 'http://example.com'
 
       try {
-        await dispatchSafeMsgProposal({ provider: MockEip1193Provider, safe, message, safeAppId })
+        await dispatchSafeMsgProposal({ provider: MockEip1193Provider, safe, message, origin })
       } catch (e) {
         expect((e as Error).message).toBe('Example error')
 
         expect(proposeSafeMessageSpy).toHaveBeenCalledWith('5', zeroPadValue('0x0789', 20), {
           message,
           signature: mockValidSignature,
-          safeAppId,
+          origin,
         })
 
         expect(safeMsgDispatchSpy).toHaveBeenCalledWith(events.SafeMsgEvent.PROPOSE_FAILED, {
diff --git a/src/services/safe-messages/safeMsgEvents.ts b/apps/web/src/services/safe-messages/safeMsgEvents.ts
similarity index 100%
rename from src/services/safe-messages/safeMsgEvents.ts
rename to apps/web/src/services/safe-messages/safeMsgEvents.ts
diff --git a/src/services/safe-messages/safeMsgNotifications.ts b/apps/web/src/services/safe-messages/safeMsgNotifications.ts
similarity index 76%
rename from src/services/safe-messages/safeMsgNotifications.ts
rename to apps/web/src/services/safe-messages/safeMsgNotifications.ts
index 13ffc4892..f01597895 100644
--- a/src/services/safe-messages/safeMsgNotifications.ts
+++ b/apps/web/src/services/safe-messages/safeMsgNotifications.ts
@@ -1,7 +1,7 @@
-import type { SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
 import { safeMsgDispatch, SafeMsgEvent } from './safeMsgEvents'
 
-const isMessageFullySigned = (message: SafeMessage): message is SafeMessage & { preparedSignature: string } => {
+const isMessageFullySigned = (message: MessageItem): message is MessageItem & { preparedSignature: string } => {
   return message.confirmationsSubmitted >= message.confirmationsRequired && !!message.preparedSignature
 }
 
@@ -14,7 +14,7 @@ const isMessageFullySigned = (message: SafeMessage): message is SafeMessage & {
  * @param requestId
  */
 export const dispatchPreparedSignature = async (
-  message: SafeMessage,
+  message: MessageItem,
   safeMessageHash: string,
   onClose: () => void,
   requestId?: string,
diff --git a/apps/web/src/services/safe-messages/safeMsgSender.ts b/apps/web/src/services/safe-messages/safeMsgSender.ts
new file mode 100644
index 000000000..6396ba559
--- /dev/null
+++ b/apps/web/src/services/safe-messages/safeMsgSender.ts
@@ -0,0 +1,87 @@
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { proposeSafeMessage, confirmSafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import type { Eip1193Provider } from 'ethers'
+
+import { safeMsgDispatch, SafeMsgEvent } from './safeMsgEvents'
+import {
+  generateSafeMessageHash,
+  isEIP712TypedData,
+  tryOffChainMsgSigning,
+} from '@safe-global/utils/utils/safe-messages'
+import { normalizeTypedData } from '@safe-global/utils/utils/web3'
+import { getAssertedChainSigner } from '@/services/tx/tx-sender/sdk'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+
+export const dispatchSafeMsgProposal = async ({
+  provider,
+  safe,
+  message,
+  origin = '',
+}: {
+  provider: Eip1193Provider
+  safe: SafeState
+  message: MessageItem['message']
+  origin: string | undefined
+}): Promise<void> => {
+  const messageHash = generateSafeMessageHash(safe, message)
+
+  try {
+    const signer = await getAssertedChainSigner(provider)
+    const signature = await tryOffChainMsgSigning(signer, safe, message)
+
+    let normalizedMessage = message
+    if (isEIP712TypedData(message)) {
+      normalizedMessage = normalizeTypedData(message)
+    }
+
+    await proposeSafeMessage(safe.chainId, safe.address.value, {
+      message: normalizedMessage,
+      signature,
+      origin,
+    })
+  } catch (error) {
+    safeMsgDispatch(SafeMsgEvent.PROPOSE_FAILED, {
+      messageHash,
+      error: asError(error),
+    })
+
+    throw error
+  }
+
+  safeMsgDispatch(SafeMsgEvent.PROPOSE, {
+    messageHash,
+  })
+}
+
+export const dispatchSafeMsgConfirmation = async ({
+  provider,
+  safe,
+  message,
+}: {
+  provider: Eip1193Provider
+  safe: SafeState
+  message: MessageItem['message']
+}): Promise<void> => {
+  const messageHash = generateSafeMessageHash(safe, message)
+
+  try {
+    const signer = await getAssertedChainSigner(provider)
+    const signature = await tryOffChainMsgSigning(signer, safe, message)
+
+    await confirmSafeMessage(safe.chainId, messageHash, {
+      signature,
+    })
+  } catch (error) {
+    safeMsgDispatch(SafeMsgEvent.CONFIRM_PROPOSE_FAILED, {
+      messageHash,
+      error: asError(error),
+    })
+
+    throw error
+  }
+
+  safeMsgDispatch(SafeMsgEvent.CONFIRM_PROPOSE, {
+    messageHash,
+  })
+}
diff --git a/apps/web/src/services/safe-wallet-provider/index.test.ts b/apps/web/src/services/safe-wallet-provider/index.test.ts
new file mode 100644
index 000000000..c2e5985c6
--- /dev/null
+++ b/apps/web/src/services/safe-wallet-provider/index.test.ts
@@ -0,0 +1,859 @@
+// Unit tests for the SafeWalletProvider class
+import { faker } from '@faker-js/faker'
+import { SafeWalletProvider } from '.'
+import { ERC20__factory } from '@safe-global/utils/types/contracts'
+import { numberToHex } from '@/utils/hex'
+import type { TransactionReceipt } from 'ethers'
+
+const safe = {
+  safeAddress: faker.finance.ethereumAddress(),
+  chainId: 1,
+}
+
+const appInfo = {
+  id: 1,
+  name: 'test',
+  description: 'test',
+  iconUrl: 'test',
+  url: 'test',
+}
+
+describe('SafeWalletProvider', () => {
+  beforeEach(() => {
+    jest.resetAllMocks()
+  })
+
+  describe('wallet_switchEthereumChain', () => {
+    it('should call the switchChain method when the method is wallet_switchEthereumChain', async () => {
+      const switchChain = jest.fn()
+      const sdk = {
+        switchChain,
+      }
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      await safeWalletProvider.request(
+        1,
+        { method: 'wallet_switchEthereumChain', params: [{ chainId: '0x1' }] } as any,
+        {} as any,
+      )
+
+      expect(switchChain).toHaveBeenCalledWith('0x1', {})
+    })
+
+    it('should throw an error when the chain is not supported', async () => {
+      const sdk = {
+        switchChain: jest.fn().mockRejectedValue(new Error('Unsupported chain')),
+      }
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      await expect(
+        safeWalletProvider.request(
+          1,
+          { method: 'wallet_switchEthereumChain', params: [{ chainId: '0x1' }] } as any,
+          {} as any,
+        ),
+      ).resolves.toEqual({
+        id: 1,
+        jsonrpc: '2.0',
+        error: {
+          code: -32000,
+          message: 'Unsupported chain',
+        },
+      })
+    })
+  })
+
+  describe('eth_accounts', () => {
+    it('should return the safe address when the method is eth_accounts', async () => {
+      const sdk = {}
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      const result = await safeWalletProvider.request(1, { method: 'eth_accounts' } as any, {} as any)
+
+      expect(result).toEqual({
+        id: 1,
+        jsonrpc: '2.0',
+        result: [safe.safeAddress],
+      })
+    })
+  })
+  ;['net_version', 'eth_chainId'].forEach((method) => {
+    describe(method, () => {
+      it(`should return the chain id when the method is ${method}`, async () => {
+        const sdk = {}
+        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+        const result = await safeWalletProvider.request(1, { method } as any, {} as any)
+
+        expect(result).toEqual({
+          id: 1,
+          jsonrpc: '2.0',
+          result: '0x1',
+        })
+      })
+    })
+  })
+
+  describe('personal_sign', () => {
+    it('should throw an error when the address is invalid', async () => {
+      const sdk = {
+        signMessage: jest.fn().mockResolvedValue({ signature: '0x123' }),
+      }
+
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      await expect(
+        safeWalletProvider.request(1, { method: 'personal_sign', params: ['message', '0x456'] } as any, {} as any),
+      ).resolves.toEqual({
+        id: 1,
+        jsonrpc: '2.0',
+        error: {
+          code: -32000,
+          message: 'The address or message hash is invalid',
+        },
+      })
+    })
+
+    it('should throw an error when the message hash is invalid', async () => {
+      const sdk = {
+        signMessage: jest.fn().mockResolvedValue({ signature: '0x123' }),
+      }
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      await expect(
+        safeWalletProvider.request(1, { method: 'personal_sign', params: ['message', '123'] } as any, {} as any),
+      ).resolves.toEqual({
+        id: 1,
+        jsonrpc: '2.0',
+        error: {
+          code: -32000,
+          message: 'The address or message hash is invalid',
+        },
+      })
+    })
+
+    it('should return an empty string when the signature is undefined', async () => {
+      const sdk = {
+        signMessage: jest.fn().mockResolvedValue({}),
+      }
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      const result = await safeWalletProvider.request(
+        1,
+        { method: 'personal_sign', params: ['message', safe.safeAddress] } as any,
+        {} as any,
+      )
+
+      expect(result).toEqual({
+        id: 1,
+        jsonrpc: '2.0',
+        result: '0x',
+      })
+    })
+  })
+
+  describe('eth_sign', () => {
+    it('should return the signature when the method is eth_sign', async () => {
+      const sdk = {
+        signMessage: jest.fn().mockResolvedValue({ signature: '0x123' }),
+      }
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      const result = await safeWalletProvider.request(
+        1,
+        { method: 'eth_sign', params: [safe.safeAddress, '0x345'] } as any,
+        {} as any,
+      )
+
+      expect(result).toEqual({
+        id: 1,
+        jsonrpc: '2.0',
+        result: '0x123',
+      })
+    })
+
+    it('should throw an error when the address is invalid', async () => {
+      const sdk = {
+        signMessage: jest.fn().mockResolvedValue({ signature: '0x123' }),
+      }
+
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      await expect(
+        safeWalletProvider.request(1, { method: 'eth_sign', params: ['0x456', '0x456'] } as any, {} as any),
+      ).resolves.toEqual({
+        id: 1,
+        jsonrpc: '2.0',
+        error: {
+          code: -32000,
+          message: 'The address or message hash is invalid',
+        },
+      })
+    })
+
+    it('should throw an error when the message hash is invalid', async () => {
+      const sdk = {
+        signMessage: jest.fn().mockResolvedValue({ signature: '0x123' }),
+      }
+
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      await expect(
+        safeWalletProvider.request(1, { method: 'eth_sign', params: ['0x123', 'messageHash'] } as any, {} as any),
+      ).resolves.toEqual({
+        id: 1,
+        jsonrpc: '2.0',
+        error: {
+          code: -32000,
+          message: 'The address or message hash is invalid',
+        },
+      })
+    })
+
+    it('should return an empty string when the signature is undefined', async () => {
+      const sdk = {
+        signMessage: jest.fn().mockResolvedValue({}),
+      }
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      const result = await safeWalletProvider.request(
+        1,
+        { method: 'eth_sign', params: [safe.safeAddress, '0x123'] } as any,
+        {} as any,
+      )
+
+      expect(result).toEqual({
+        id: 1,
+        jsonrpc: '2.0',
+        result: '0x',
+      })
+    })
+  })
+  ;['eth_signTypedData', 'eth_signTypedData_v4'].forEach((method) => {
+    describe(method, () => {
+      it(`should return the signature when the method is ${method}`, async () => {
+        const sdk = {
+          signTypedMessage: jest.fn().mockResolvedValue({ signature: '0x123' }),
+        }
+        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+        const result = await safeWalletProvider.request(
+          1,
+          {
+            method,
+            params: [
+              safe.safeAddress,
+              {
+                domain: {
+                  chainId: 1,
+                  name: 'test',
+                  version: '1',
+                },
+                message: {
+                  test: 'test',
+                },
+              },
+            ],
+          } as any,
+          {} as any,
+        )
+
+        expect(result).toEqual({
+          id: 1,
+          jsonrpc: '2.0',
+          result: '0x123',
+        })
+      })
+
+      it('should throw an error when the address is invalid', async () => {
+        const sdk = {
+          signTypedMessage: jest.fn().mockResolvedValue({ signature: '0x123' }),
+        }
+        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+        await expect(
+          safeWalletProvider.request(1, { method, params: ['0x456', {}] } as any, {} as any),
+        ).resolves.toEqual({
+          id: 1,
+          jsonrpc: '2.0',
+          error: {
+            code: -32000,
+            message: 'The address is invalid',
+          },
+        })
+      })
+
+      it('should return an empty string when the signature is undefined', async () => {
+        const sdk = {
+          signTypedMessage: jest.fn().mockResolvedValue({}),
+        }
+        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+        const result = await safeWalletProvider.request(
+          1,
+          {
+            method,
+            params: [
+              safe.safeAddress,
+              {
+                domain: {
+                  chainId: 1,
+                  name: 'test',
+                  version: '1',
+                },
+                message: {
+                  test: 'test',
+                },
+              },
+            ],
+          } as any,
+          {} as any,
+        )
+
+        expect(result).toEqual({
+          id: 1,
+          jsonrpc: '2.0',
+          result: '0x',
+        })
+      })
+    })
+  })
+
+  describe('eth_sendTransaction', () => {
+    it('should return the transaction safeTxHash when the method is eth_sendTransaction', async () => {
+      const sdk = {
+        send: jest.fn().mockResolvedValue({ safeTxHash: '0x456' }),
+      }
+      const toAddress = faker.finance.ethereumAddress()
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      const result = await safeWalletProvider.request(
+        1,
+        {
+          method: 'eth_sendTransaction',
+          params: [{ from: safe.safeAddress, to: toAddress, value: '0x01', gas: 1000 }],
+        } as any,
+        appInfo,
+      )
+
+      expect(sdk.send).toHaveBeenCalledWith(
+        {
+          txs: [{ from: safe.safeAddress, to: toAddress, value: '0x01', gas: 1000, data: '0x' }],
+          params: { safeTxGas: 1000 },
+        },
+        appInfo,
+      )
+
+      expect(result).toEqual({
+        id: 1,
+        jsonrpc: '2.0',
+        result: '0x456',
+      })
+    })
+
+    it('should throw an error when the transaction is not signed by the safe', async () => {
+      const sdk = {
+        send: jest.fn().mockRejectedValue(new Error('User rejected the transaction')),
+      }
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      await expect(
+        safeWalletProvider.request(
+          1,
+          { method: 'eth_sendTransaction', params: [{ from: '0x123', to: '0x123', value: '0x123' }] } as any,
+          appInfo,
+        ),
+      ).resolves.toEqual({
+        id: 1,
+        jsonrpc: '2.0',
+        error: {
+          code: -32000,
+          message: 'User rejected the transaction',
+        },
+      })
+    })
+
+    it('should format the gas when it is passed as a hex-encoded string', async () => {
+      const sdk = {
+        send: jest.fn().mockResolvedValue({ safeTxHash: '0x456' }),
+      }
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      const result = await safeWalletProvider.request(
+        1,
+        {
+          method: 'eth_sendTransaction',
+          params: [
+            {
+              from: '0x123',
+              to: '0x123',
+              value: '0x123',
+              gas: 0x3e8, // 1000
+            },
+          ],
+        } as any,
+        appInfo,
+      )
+
+      expect(sdk.send).toHaveBeenCalledWith(
+        { txs: [{ from: '0x123', to: '0x123', value: '0x123', gas: 1000, data: '0x' }], params: { safeTxGas: 1000 } },
+        appInfo,
+      )
+
+      expect(result).toEqual({
+        id: 1,
+        jsonrpc: '2.0',
+        result: '0x456',
+      })
+    })
+  })
+
+  describe('eth_getTransactionByHash', () => {
+    it('should return the transaction when the method is eth_getTransactionByHash', async () => {
+      const sdk = {
+        getBySafeTxHash: jest.fn().mockResolvedValue({ txHash: '0x777' }),
+        proxy: jest.fn().mockResolvedValue({ hash: '0x999' }),
+      }
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      const result = await safeWalletProvider.request(
+        1,
+        { method: 'eth_getTransactionByHash', params: ['0x123'] } as any,
+        appInfo,
+      )
+
+      expect(result).toEqual({
+        id: 1,
+        jsonrpc: '2.0',
+        result: { hash: '0x999' },
+      })
+    })
+
+    it('should send a transaction and return the transaction when it is in the submitted transactions', async () => {
+      const sdk = {
+        send: jest.fn().mockResolvedValue({ safeTxHash: '0x777' }),
+        getBySafeTxHash: jest.fn().mockResolvedValue({ txHash: '0x777' }),
+        proxy: jest.fn().mockResolvedValue({ hash: '0x999' }),
+      }
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      const toAddress = faker.finance.ethereumAddress()
+
+      // Send the transaction
+      await safeWalletProvider.request(
+        1,
+        {
+          method: 'eth_sendTransaction',
+          params: [{ from: safe.safeAddress, to: toAddress, value: '0x01', gas: 1000 }],
+        } as any,
+        appInfo,
+      )
+
+      const result = await safeWalletProvider.request(
+        1,
+        { method: 'eth_getTransactionByHash', params: ['0x777'] } as any,
+        appInfo,
+      )
+
+      expect(result).toEqual({
+        id: 1,
+        jsonrpc: '2.0',
+        result: {
+          blockHash: null,
+          blockNumber: null,
+          from: safe.safeAddress,
+          gas: 0,
+          gasPrice: '0x00',
+          hash: '0x777',
+          input: '0x',
+          nonce: 0,
+          to: toAddress,
+          transactionIndex: null,
+          value: '0x01',
+        },
+      })
+    })
+  })
+
+  describe('eth_getTransactionReceipt', () => {
+    it('should return the transaction receipt when the method is eth_getTransactionReceipt', async () => {
+      const sdk = {
+        getBySafeTxHash: jest.fn().mockResolvedValue({ txHash: '0x777' }),
+        proxy: jest.fn().mockResolvedValue({ hash: '0x999' }),
+      }
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      const result = await safeWalletProvider.request(
+        1,
+        { method: 'eth_getTransactionReceipt', params: ['0x123'] } as any,
+        appInfo,
+      )
+
+      expect(result).toEqual({
+        id: 1,
+        jsonrpc: '2.0',
+        result: { hash: '0x999' },
+      })
+    })
+  })
+
+  describe('proxy', () => {
+    it('should default to using the proxy if the method is not supported by the provider', async () => {
+      const sdk = {
+        proxy: jest.fn(),
+      }
+      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+      await safeWalletProvider.request(1, { method: 'web3_clientVersion', params: [''] } as any, appInfo)
+
+      expect(sdk.proxy).toHaveBeenCalledWith('web3_clientVersion', [''])
+    })
+  })
+
+  describe('EIP-5792', () => {
+    describe('wallet_sendCalls', () => {
+      it('should send a bundle', async () => {
+        const sdk = {
+          send: jest.fn(),
+        }
+        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+        const params = [
+          {
+            chainId: '0x1',
+            version: '1.0',
+            from: safe.safeAddress,
+            calls: [
+              { data: '0x123', to: faker.finance.ethereumAddress(), value: '0x123' },
+              { data: '0x456', to: faker.finance.ethereumAddress(), value: '0x1' },
+            ],
+          },
+        ]
+
+        await safeWalletProvider.request(1, { method: 'wallet_sendCalls', params } as any, appInfo)
+
+        expect(sdk.send).toHaveBeenCalledWith(
+          {
+            txs: params[0].calls,
+            params: { safeTxGas: 0 },
+          },
+          {
+            description: 'test',
+            iconUrl: 'test',
+            id: 1,
+            name: 'test',
+            url: 'test',
+          },
+        )
+      })
+
+      it('test contract deployment calls and calls without data / value', async () => {
+        const fakeCreateCallLib = faker.finance.ethereumAddress()
+        const sdk = {
+          send: jest.fn(),
+          getCreateCallTransaction: jest.fn().mockImplementation((data: string) => {
+            return {
+              to: fakeCreateCallLib,
+              data,
+              value: '0',
+            }
+          }),
+        }
+        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+        const transferReceiver = faker.finance.ethereumAddress()
+        const erc20Address = faker.finance.ethereumAddress()
+        const erc20TransferData = ERC20__factory.createInterface().encodeFunctionData('transfer', [
+          transferReceiver,
+          '100',
+        ])
+        const nativeTransferTo = faker.finance.ethereumAddress()
+
+        const params = [
+          {
+            chainId: '0x1',
+            version: '1.0',
+            from: safe.safeAddress,
+            calls: [
+              { data: '0x1234' },
+              { data: '0x', to: nativeTransferTo, value: '0x1' },
+              {
+                to: erc20Address,
+                data: erc20TransferData,
+              },
+            ],
+          },
+        ]
+
+        await safeWalletProvider.request(1, { method: 'wallet_sendCalls', params } as any, appInfo)
+
+        expect(sdk.send).toHaveBeenCalledWith(
+          {
+            txs: [
+              {
+                to: fakeCreateCallLib,
+                data: '0x1234',
+                value: '0',
+              },
+              {
+                to: nativeTransferTo,
+                data: '0x',
+                value: '0x1',
+              },
+              {
+                to: erc20Address,
+                data: erc20TransferData,
+                value: '0',
+              },
+            ],
+            params: { safeTxGas: 0 },
+          },
+          {
+            description: 'test',
+            iconUrl: 'test',
+            id: 1,
+            name: 'test',
+            url: 'test',
+          },
+        )
+      })
+    })
+
+    describe('wallet_getCallsStatus', () => {
+      it('should return a confirmed transaction if blockNumber/gasUsed are hex', async () => {
+        const receipt: Pick<TransactionReceipt, 'logs' | 'blockHash' | 'blockNumber' | 'gasUsed'> = {
+          logs: [],
+          blockHash: numberToHex(Number(faker.string.hexadecimal())),
+          // Typed as number/bigint; is hex
+          blockNumber: numberToHex(Number(faker.string.hexadecimal())) as unknown as number,
+          gasUsed: numberToHex(Number(faker.string.hexadecimal())) as unknown as bigint,
+        }
+        const sdk = {
+          getBySafeTxHash: jest.fn().mockResolvedValue({
+            txStatus: 'SUCCESS',
+            txHash: '0x123',
+            txData: {
+              dataDecoded: {
+                parameters: [{ valueDecoded: [1] }],
+              },
+            },
+          }),
+          proxy: jest.fn().mockImplementation((method) => {
+            if (method === 'eth_getTransactionReceipt') {
+              return Promise.resolve(receipt)
+            }
+            return Promise.reject('Unknown method')
+          }),
+        }
+        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+        const params = ['0x123']
+
+        const status = await safeWalletProvider.request(1, { method: 'wallet_getCallsStatus', params } as any, appInfo)
+
+        expect(sdk.getBySafeTxHash).toHaveBeenCalledWith(params[0])
+        expect(sdk.proxy).toHaveBeenCalledWith('eth_getTransactionReceipt', params)
+        expect(status).toStrictEqual({
+          id: 1,
+          jsonrpc: '2.0',
+          result: {
+            id: params[0],
+            chainId: '0x1',
+            receipts: [
+              {
+                blockHash: receipt.blockHash,
+                blockNumber: receipt.blockNumber,
+                gasUsed: receipt.gasUsed,
+                logs: receipt.logs,
+                status: '0x1',
+                transactionHash: '0x123',
+              },
+            ],
+            status: 200,
+            version: '1.0',
+          },
+        })
+      })
+
+      it('should return a confirmed transaction if blockNumber/gasUsed are number/bigint', async () => {
+        const receipt: Pick<TransactionReceipt, 'logs' | 'blockHash' | 'blockNumber' | 'gasUsed'> = {
+          logs: [],
+          blockHash: numberToHex(Number(faker.string.hexadecimal())),
+          blockNumber: faker.number.int(),
+          gasUsed: faker.number.bigInt(),
+        }
+        const sdk = {
+          getBySafeTxHash: jest.fn().mockResolvedValue({
+            txStatus: 'SUCCESS',
+            txHash: '0x123',
+            txData: {
+              dataDecoded: {
+                parameters: [{ valueDecoded: [1] }],
+              },
+            },
+          }),
+          proxy: jest.fn().mockImplementation((method) => {
+            if (method === 'eth_getTransactionReceipt') {
+              return Promise.resolve(receipt)
+            }
+            return Promise.reject('Unknown method')
+          }),
+        }
+        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+        const params = ['0x123']
+
+        const status = await safeWalletProvider.request(1, { method: 'wallet_getCallsStatus', params } as any, appInfo)
+
+        expect(sdk.getBySafeTxHash).toHaveBeenCalledWith(params[0])
+        expect(sdk.proxy).toHaveBeenCalledWith('eth_getTransactionReceipt', params)
+        expect(status).toStrictEqual({
+          id: 1,
+          jsonrpc: '2.0',
+          result: {
+            chainId: '0x1',
+            id: params[0],
+            receipts: [
+              {
+                blockHash: numberToHex(Number(receipt.blockHash)),
+                blockNumber: numberToHex(Number(receipt.blockNumber)),
+                gasUsed: numberToHex(receipt.gasUsed),
+                logs: receipt.logs,
+                status: '0x1',
+                transactionHash: '0x123',
+              },
+            ],
+            status: 200,
+            version: '1.0',
+          },
+        })
+      })
+
+      it('should return a pending status w/o txHash', async () => {
+        const sdk = {
+          getBySafeTxHash: jest.fn().mockResolvedValue({
+            txStatus: 'AWAITING_EXECUTION',
+            txData: {
+              dataDecoded: {
+                parameters: [{ valueDecoded: [1] }],
+              },
+            },
+          }),
+          proxy: jest.fn(),
+        }
+        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+        const params = ['0x123']
+
+        const status = await safeWalletProvider.request(1, { method: 'wallet_getCallsStatus', params } as any, appInfo)
+
+        expect(sdk.getBySafeTxHash).toHaveBeenCalledWith(params[0])
+        expect(sdk.proxy).not.toHaveBeenCalled()
+        expect(status).toStrictEqual({
+          id: 1,
+          jsonrpc: '2.0',
+          result: {
+            chainId: '0x1',
+            id: params[0],
+            status: 100,
+            version: '1.0',
+          },
+        })
+      })
+
+      it('should return a pending status w/o receipt', async () => {
+        const sdk = {
+          getBySafeTxHash: jest.fn().mockResolvedValue({
+            txStatus: 'AWAITING_EXECUTION',
+            txHash: '0x123',
+            txData: {
+              dataDecoded: {
+                parameters: [{ valueDecoded: [1] }],
+              },
+            },
+          }),
+          proxy: jest.fn().mockImplementation((method) => {
+            if (method === 'eth_getTransactionReceipt') {
+              return Promise.resolve(null)
+            }
+            return Promise.reject('Unknown method')
+          }),
+        }
+        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+        const params = ['0x123']
+
+        const status = await safeWalletProvider.request(1, { method: 'wallet_getCallsStatus', params } as any, appInfo)
+
+        expect(sdk.getBySafeTxHash).toHaveBeenCalledWith(params[0])
+        expect(sdk.proxy).toHaveBeenCalledWith('eth_getTransactionReceipt', params)
+        expect(status).toStrictEqual({
+          id: 1,
+          jsonrpc: '2.0',
+          result: {
+            chainId: '0x1',
+            id: params[0],
+            status: 100,
+            version: '1.0',
+          },
+        })
+      })
+    })
+
+    describe('wallet_showCallsStatus', () => {
+      it('should return the bundle status', async () => {
+        const sdk = {
+          showTxStatus: jest.fn(),
+        }
+        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+        const params = ['0x123']
+
+        await safeWalletProvider.request(1, { method: 'wallet_showCallsStatus', params } as any, appInfo)
+
+        expect(sdk.showTxStatus).toHaveBeenCalledWith(params[0])
+      })
+    })
+
+    describe('wallet_getCapabilities', () => {
+      it('should return atomic batch for the current chain', async () => {
+        const sdk = {
+          showTxStatus: jest.fn(),
+        }
+        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+        const params = [safe.safeAddress]
+
+        const result = await safeWalletProvider.request(1, { method: 'wallet_getCapabilities', params } as any, appInfo)
+
+        expect(result).toEqual({
+          id: 1,
+          jsonrpc: '2.0',
+          result: {
+            ['0x1']: {
+              atomicBatch: {
+                supported: true,
+              },
+            },
+          },
+        })
+      })
+
+      it('should return an empty object if the safe address does not match', async () => {
+        const sdk = {
+          showTxStatus: jest.fn(),
+        }
+        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
+
+        const params = [faker.finance.ethereumAddress()]
+
+        const result = await safeWalletProvider.request(1, { method: 'wallet_getCapabilities', params } as any, appInfo)
+
+        expect(result).toEqual({
+          id: 1,
+          jsonrpc: '2.0',
+          result: {},
+        })
+      })
+    })
+  })
+})
diff --git a/apps/web/src/services/safe-wallet-provider/index.ts b/apps/web/src/services/safe-wallet-provider/index.ts
new file mode 100644
index 000000000..80f625474
--- /dev/null
+++ b/apps/web/src/services/safe-wallet-provider/index.ts
@@ -0,0 +1,468 @@
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { TransactionStatus } from '@safe-global/safe-gateway-typescript-sdk'
+import type { TransactionReceipt } from 'ethers'
+import { numberToHex } from '@/utils/hex'
+
+type SafeInfo = {
+  safeAddress: string
+  chainId: number
+}
+
+type SafeSettings = {
+  offChainSigning?: boolean
+}
+
+type Capability = {
+  [key: string]: unknown
+  optional?: boolean
+}
+
+type SendCallsParams = {
+  version: '1.0'
+  id?: string
+  from?: `0x${string}`
+  chainId: `0x${string}`
+  calls: Array<{
+    to?: `0x${string}`
+    data?: `0x${string}`
+    value?: `0x${string}`
+    capabilities?: Record<string, Capability>
+  }>
+  capabilities?: Record<string, Capability>
+}
+
+type SendCallsResult = {
+  id: string
+  capabilities?: Record<string, any>
+}
+
+type GetCallsParams = `0x${string}`
+
+type GetCallsResult = {
+  version: string
+  id: `0x${string}`
+  chainId: `0x${string}`
+  status: number // See "Status Codes"
+  receipts?: Array<{
+    logs: TransactionReceipt['logs']
+    status: `0x${string}` // Hex 1 or 0 for success or failure, respectively
+    blockHash: `0x${string}`
+    blockNumber: `0x${string}`
+    gasUsed: `0x${string}`
+    transactionHash: `0x${string}`
+  }>
+  capabilities?: Record<string, any>
+}
+
+type GetCapabilitiesResult = Record<`0x${string}`, Record<string, any>>
+
+export type AppInfo = {
+  id?: number
+  name: string
+  description: string
+  url: string
+  iconUrl: string
+}
+
+export type WalletSDK = {
+  signMessage: (message: string, appInfo: AppInfo) => Promise<{ signature?: string }>
+  signTypedMessage: (typedData: unknown, appInfo: AppInfo) => Promise<{ signature?: string }>
+  send: (
+    params: { txs: unknown[]; params: { safeTxGas: number } },
+    appInfo: AppInfo,
+  ) => Promise<{ safeTxHash: string; txHash?: string }>
+  getBySafeTxHash: (safeTxHash: string) => Promise<TransactionDetails>
+  showTxStatus: (safeTxHash: string) => void
+  switchChain: (chainId: string, appInfo: AppInfo) => Promise<null>
+  setSafeSettings: (safeSettings: SafeSettings) => SafeSettings
+  proxy: (method: string, params?: Array<any> | Record<string, any>) => Promise<unknown>
+  getCreateCallTransaction: (data: string) => {
+    to: string
+    data: string
+    value: '0'
+  }
+}
+
+interface RpcRequest {
+  method: string
+  params?: Array<any> | Record<string, any>
+}
+
+export enum RpcErrorCode {
+  INVALID_PARAMS = -32602,
+  USER_REJECTED = 4001,
+  UNSUPPORTED_METHOD = 4200,
+  UNSUPPORTED_CHAIN = 4901,
+}
+
+enum BundleStatus {
+  PENDING = 100, // Batch has been received by the wallet but has not completed execution onchain (pending)
+  CONFIRMED = 200, // Batch has been included onchain without reverts, receipts array contains info of all calls (confirmed)
+  OFFCHAIN_FAILURE = 400, // Batch has not been included onchain and wallet will not retry (offchain failure)
+  REVERTED = 500, // Batch reverted completely and only changes related to gas charge may have been included onchain (chain rules failure)
+  PARTIALLY_REVERTED = 600, // Batch reverted partially and some changes related to batch calls may have been included onchain (partial chain rules failure)
+}
+
+const BundleTxStatuses: Record<TransactionStatus, BundleStatus> = {
+  [TransactionStatus.AWAITING_CONFIRMATIONS]: BundleStatus.PENDING,
+  [TransactionStatus.AWAITING_EXECUTION]: BundleStatus.PENDING,
+  [TransactionStatus.SUCCESS]: BundleStatus.CONFIRMED,
+  [TransactionStatus.CANCELLED]: BundleStatus.OFFCHAIN_FAILURE,
+  [TransactionStatus.FAILED]: BundleStatus.REVERTED,
+}
+
+class RpcError extends Error {
+  code: RpcErrorCode
+
+  constructor(code: RpcErrorCode, message: string) {
+    super(message)
+    this.code = code
+  }
+}
+
+export class SafeWalletProvider {
+  private readonly safe: SafeInfo
+  private readonly sdk: WalletSDK
+  private submittedTxs = new Map<string, unknown>()
+
+  constructor(safe: SafeInfo, sdk: WalletSDK) {
+    this.safe = safe
+    this.sdk = sdk
+  }
+
+  private async makeRequest(request: RpcRequest, appInfo: AppInfo): Promise<unknown> {
+    const { method, params = [] } = request
+
+    switch (method) {
+      case 'wallet_switchEthereumChain': {
+        return this.wallet_switchEthereumChain(...(params as [{ chainId: string }]), appInfo)
+      }
+
+      case 'eth_accounts':
+      case 'eth_requestAccounts': {
+        return this.eth_accounts()
+      }
+
+      case 'net_version':
+      case 'eth_chainId': {
+        return this.eth_chainId()
+      }
+
+      case 'personal_sign': {
+        return this.personal_sign(...(params as [string, string]), appInfo)
+      }
+
+      case 'eth_signTypedData':
+      case 'eth_signTypedData_v4':
+      case 'eth_sign': {
+        return this.eth_sign(...(params as [string, string]), appInfo)
+      }
+
+      case 'eth_sendTransaction': {
+        const tx = {
+          value: '0',
+          data: '0x',
+          // @ts-ignore
+          ...(params[0] as { gas: string | number; to: string }),
+        }
+        return this.eth_sendTransaction(tx, appInfo)
+      }
+
+      case 'eth_getTransactionByHash': {
+        return this.eth_getTransactionByHash(...(params as [string]))
+      }
+
+      case 'eth_getTransactionReceipt': {
+        return this.eth_getTransactionReceipt(...(params as [string]))
+      }
+
+      // EIP-5792
+      // @see https://eips.ethereum.org/EIPS/eip-5792
+      case 'wallet_sendCalls': {
+        return this.wallet_sendCalls(...(params as [SendCallsParams]), appInfo)
+      }
+
+      case 'wallet_getCallsStatus': {
+        return this.wallet_getCallsStatus(...(params as [GetCallsParams]))
+      }
+
+      case 'wallet_showCallsStatus': {
+        this.wallet_showCallsStatus(...(params as [string]))
+        return null
+      }
+
+      case 'wallet_getCapabilities': {
+        return this.wallet_getCapabilities(...(params as [string]))
+      }
+
+      // Safe proprietary methods
+      case 'safe_setSettings': {
+        return this.safe_setSettings(...(params as [SafeSettings]))
+      }
+
+      default: {
+        return await this.sdk.proxy(method, params)
+      }
+    }
+  }
+
+  async request(
+    id: number,
+    request: RpcRequest,
+    appInfo: AppInfo,
+  ): Promise<
+    | {
+        jsonrpc: string
+        id: number
+        result: unknown
+      }
+    | {
+        jsonrpc: string
+        id: number
+        error: {
+          code: number
+          message: string
+        }
+      }
+  > {
+    try {
+      return {
+        jsonrpc: '2.0',
+        id,
+        result: await this.makeRequest(request, appInfo),
+      }
+    } catch (e) {
+      return {
+        jsonrpc: '2.0',
+        id,
+        error: {
+          code: -32000,
+          message: (e as Error).message,
+        },
+      }
+    }
+  }
+
+  // Actual RPC methods
+
+  async wallet_switchEthereumChain({ chainId }: { chainId: string }, appInfo: AppInfo) {
+    try {
+      await this.sdk.switchChain(chainId, appInfo)
+    } catch (e) {
+      throw new RpcError(RpcErrorCode.UNSUPPORTED_CHAIN, 'Unsupported chain')
+    }
+    return null
+  }
+
+  async eth_accounts() {
+    return [this.safe.safeAddress]
+  }
+
+  async eth_chainId() {
+    return `0x${this.safe.chainId.toString(16)}`
+  }
+
+  async personal_sign(message: string, address: string, appInfo: AppInfo): Promise<string> {
+    if (this.safe.safeAddress.toLowerCase() !== address.toLowerCase()) {
+      throw new RpcError(RpcErrorCode.INVALID_PARAMS, 'The address or message hash is invalid')
+    }
+
+    const response = await this.sdk.signMessage(message, appInfo)
+    const signature = 'signature' in response ? response.signature : undefined
+
+    return signature || '0x'
+  }
+
+  async eth_sign(address: string, messageHash: string, appInfo: AppInfo): Promise<string> {
+    if (this.safe.safeAddress.toLowerCase() !== address.toLowerCase() || !messageHash.startsWith('0x')) {
+      throw new RpcError(RpcErrorCode.INVALID_PARAMS, 'The address or message hash is invalid')
+    }
+
+    const response = await this.sdk.signMessage(messageHash, appInfo)
+    const signature = 'signature' in response ? response.signature : undefined
+
+    return signature || '0x'
+  }
+
+  async eth_signTypedData(address: string, typedData: unknown, appInfo: AppInfo): Promise<string> {
+    const parsedTypedData = typeof typedData === 'string' ? JSON.parse(typedData) : typedData
+
+    if (this.safe.safeAddress.toLowerCase() !== address.toLowerCase()) {
+      throw new RpcError(RpcErrorCode.INVALID_PARAMS, 'The address is invalid')
+    }
+
+    const response = await this.sdk.signTypedMessage(parsedTypedData, appInfo)
+    const signature = 'signature' in response ? response.signature : undefined
+    return signature || '0x'
+  }
+
+  async eth_sendTransaction(
+    tx: { gas: string | number; to: string; value: string; data: string },
+    appInfo: AppInfo,
+  ): Promise<string> {
+    // Some ethereum libraries might pass the gas as a hex-encoded string
+    // We need to convert it to a number because the SDK expects a number and our backend only supports
+    // Decimal numbers
+    if (typeof tx.gas === 'string' && tx.gas.startsWith('0x')) {
+      tx.gas = parseInt(tx.gas, 16)
+    }
+
+    const { safeTxHash, txHash } = await this.sdk.send(
+      {
+        txs: [tx],
+        params: { safeTxGas: Number(tx.gas) },
+      },
+      appInfo,
+    )
+
+    if (txHash) return txHash
+
+    // Store fake transaction
+    this.submittedTxs.set(safeTxHash, {
+      from: this.safe.safeAddress,
+      hash: safeTxHash,
+      gas: 0,
+      gasPrice: '0x00',
+      nonce: 0,
+      input: tx.data,
+      value: tx.value,
+      to: tx.to,
+      blockHash: null,
+      blockNumber: null,
+      transactionIndex: null,
+    })
+
+    return safeTxHash
+  }
+
+  async eth_getTransactionByHash(txHash: string): Promise<TransactionDetails> {
+    try {
+      const resp = await this.sdk.getBySafeTxHash(txHash)
+      txHash = resp.txHash || txHash
+    } catch (e) {}
+
+    // Use fake transaction if we don't have a real tx hash
+    if (this.submittedTxs.has(txHash)) {
+      return this.submittedTxs.get(txHash) as TransactionDetails
+    }
+
+    return (await this.sdk.proxy('eth_getTransactionByHash', [txHash])) as Promise<TransactionDetails>
+  }
+
+  async eth_getTransactionReceipt(txHash: string): Promise<TransactionReceipt> {
+    try {
+      const resp = await this.sdk.getBySafeTxHash(txHash)
+      txHash = resp.txHash || txHash
+    } catch (e) {}
+    return this.sdk.proxy('eth_getTransactionReceipt', [txHash]) as Promise<TransactionReceipt>
+  }
+
+  // EIP-5792
+  // @see https://eips.ethereum.org/EIPS/eip-5792
+  async wallet_sendCalls(bundle: SendCallsParams, appInfo: AppInfo): Promise<SendCallsResult> {
+    if (bundle.chainId !== numberToHex(this.safe.chainId)) {
+      throw new Error(`Safe is not on chain ${this.safe.chainId}`)
+    }
+
+    if (bundle.from !== this.safe.safeAddress) {
+      throw Error('Invalid from address')
+    }
+
+    const txs = bundle.calls.map((call) => {
+      if (!call.to && !call.value && !call.data) {
+        throw new RpcError(RpcErrorCode.INVALID_PARAMS, 'Invalid call parameters.')
+      }
+      if (!call.to && !call.value && call.data) {
+        // If only data is provided the call is a contract deployment
+        // We have to use the CreateCall lib
+        return this.sdk.getCreateCallTransaction(call.data)
+      }
+      if (!call.to) {
+        // For all non-contract deployments we need a to address
+        throw new RpcError(RpcErrorCode.INVALID_PARAMS, 'Invalid call parameters.')
+      }
+      return {
+        to: call.to,
+        data: call.data ?? '0x',
+        value: call.value ?? '0',
+      }
+    })
+    const { safeTxHash } = await this.sdk.send(
+      {
+        txs,
+        params: { safeTxGas: 0 },
+      },
+      appInfo,
+    )
+
+    return { id: safeTxHash }
+  }
+  async wallet_getCallsStatus(safeTxHash: GetCallsParams): Promise<GetCallsResult> {
+    let tx: TransactionDetails | undefined
+
+    try {
+      tx = await this.sdk.getBySafeTxHash(safeTxHash)
+    } catch (e) {}
+
+    if (!tx) {
+      throw new Error('Transaction not found')
+    }
+
+    const result: GetCallsResult = {
+      version: '1.0',
+      id: safeTxHash,
+      chainId: numberToHex(this.safe.chainId),
+      status: BundleTxStatuses[tx.txStatus],
+    }
+
+    if (!tx.txHash) {
+      return result
+    }
+
+    const receipt = await (this.sdk.proxy('eth_getTransactionReceipt', [
+      tx.txHash,
+    ]) as Promise<TransactionReceipt | null>)
+    if (!receipt) {
+      return result
+    }
+
+    const calls = tx.txData?.dataDecoded?.parameters?.[0].valueDecoded?.length ?? 1
+
+    // Typed as number; is hex
+    const blockNumber = Number(receipt.blockNumber)
+    const gasUsed = Number(receipt.gasUsed)
+
+    result.receipts = Array.from({ length: calls }, () => ({
+      logs: receipt.logs,
+      status: numberToHex(tx.txStatus === TransactionStatus.SUCCESS ? 1 : 0),
+      blockHash: receipt.blockHash as `0x${string}`,
+      blockNumber: numberToHex(blockNumber),
+      gasUsed: numberToHex(gasUsed),
+      transactionHash: tx.txHash as `0x${string}`,
+    }))
+
+    return result
+  }
+  async wallet_showCallsStatus(txHash: string): Promise<null> {
+    this.sdk.showTxStatus(txHash)
+    return null
+  }
+
+  async wallet_getCapabilities(walletAddress: string): Promise<GetCapabilitiesResult> {
+    if (walletAddress === this.safe.safeAddress) {
+      return {
+        [`0x${this.safe.chainId.toString(16)}`]: {
+          atomicBatch: {
+            supported: true,
+          },
+        },
+      }
+    }
+    return {}
+  }
+
+  // Safe proprietary methods
+  async safe_setSettings(settings: SafeSettings): Promise<SafeSettings> {
+    return this.sdk.setSafeSettings(settings)
+  }
+}
diff --git a/src/services/safe-wallet-provider/notifications.test.ts b/apps/web/src/services/safe-wallet-provider/notifications.test.ts
similarity index 100%
rename from src/services/safe-wallet-provider/notifications.test.ts
rename to apps/web/src/services/safe-wallet-provider/notifications.test.ts
diff --git a/apps/web/src/services/safe-wallet-provider/notifications.ts b/apps/web/src/services/safe-wallet-provider/notifications.ts
new file mode 100644
index 000000000..feabdc19d
--- /dev/null
+++ b/apps/web/src/services/safe-wallet-provider/notifications.ts
@@ -0,0 +1,40 @@
+import { BRAND_NAME } from '@/config/constants'
+import type { AppInfo } from '.'
+
+export const showNotification = (title: string, options?: NotificationOptions) => {
+  if (Notification.permission !== 'granted' || document.hasFocus()) {
+    return
+  }
+
+  const notification = new Notification(title, {
+    icon: '/images/safe-logo-green.png',
+    ...options,
+  })
+
+  notification.onclick = () => {
+    window.focus()
+    notification.close()
+  }
+
+  setTimeout(() => {
+    notification.close()
+  }, 5_000)
+}
+
+export const NotificationMessages: Record<
+  string,
+  (appInfo: AppInfo) => { title: string; options: NotificationOptions }
+> = {
+  SIGNATURE_REQUEST: (appInfo: AppInfo) => ({
+    title: 'Signature request',
+    options: {
+      body: `${appInfo.name} wants you to sign a message. Open the ${BRAND_NAME} to continue.`,
+    },
+  }),
+  TRANSACTION_REQUEST: (appInfo: AppInfo) => ({
+    title: 'Transaction request',
+    options: {
+      body: `${appInfo.name} wants to submit a transaction. Open the ${BRAND_NAME} to continue.`,
+    },
+  }),
+}
diff --git a/src/services/safe-wallet-provider/useSafeWalletProvider.test.tsx b/apps/web/src/services/safe-wallet-provider/useSafeWalletProvider.test.tsx
similarity index 84%
rename from src/services/safe-wallet-provider/useSafeWalletProvider.test.tsx
rename to apps/web/src/services/safe-wallet-provider/useSafeWalletProvider.test.tsx
index f1cf2c374..511cafb4c 100644
--- a/src/services/safe-wallet-provider/useSafeWalletProvider.test.tsx
+++ b/apps/web/src/services/safe-wallet-provider/useSafeWalletProvider.test.tsx
@@ -1,5 +1,5 @@
 import { Provider } from 'react-redux'
-import type { ExtendedSafeInfo } from '@/store/safeInfoSlice'
+import type { ExtendedSafeInfo } from '@safe-global/store/slices/SafeInfo/types'
 import * as gateway from '@safe-global/safe-gateway-typescript-sdk'
 import * as router from 'next/router'
 
@@ -7,13 +7,16 @@ import * as web3 from '@/hooks/wallets/web3'
 import * as notifications from './notifications'
 import { act, renderHook } from '@/tests/test-utils'
 import { TxModalContext } from '@/components/tx-flow'
-import useSafeWalletProvider, { _useTxFlowApi } from './useSafeWalletProvider'
+import useSafeWalletProvider, { useTxFlowApi } from './useSafeWalletProvider'
 import { SafeWalletProvider } from '.'
+import type { RootState } from '@/store'
 import { makeStore } from '@/store'
-import * as messages from '@/utils/safe-messages'
+import * as messages from '@safe-global/utils/utils/safe-messages'
 import { faker } from '@faker-js/faker'
 import { Interface } from 'ethers'
 import { getCreateCallDeployment } from '@safe-global/safe-deployments'
+import * as chainHooks from '@/hooks/useChains'
+import { chainBuilder } from '@/tests/builders/chains'
 
 const appInfo = {
   id: 1,
@@ -33,6 +36,10 @@ jest.mock('./notifications', () => {
 describe('useSafeWalletProvider', () => {
   beforeEach(() => {
     jest.clearAllMocks()
+
+    jest.spyOn(chainHooks, 'useCurrentChain').mockImplementation(() => {
+      return chainBuilder().with({ chainId: '1', recommendedMasterCopyVersion: '1.4.1' }).build()
+    })
   })
 
   describe('useSafeWalletProvider', () => {
@@ -60,7 +67,7 @@ describe('useSafeWalletProvider', () => {
 
   describe('_useTxFlowApi', () => {
     it('should return a provider', () => {
-      const { result } = renderHook(() => _useTxFlowApi('1', '0x1234567890000000000000000000000000000000'))
+      const { result } = renderHook(() => useTxFlowApi('1', '0x1234567890000000000000000000000000000000'))
 
       expect(result.current?.signMessage).toBeDefined()
       expect(result.current?.signTypedMessage).toBeDefined()
@@ -78,10 +85,10 @@ describe('useSafeWalletProvider', () => {
 
       const mockSetTxFlow = jest.fn()
 
-      const { result } = renderHook(() => _useTxFlowApi('1', '0x1234567890000000000000000000000000000000'), {
+      const { result } = renderHook(() => useTxFlowApi('1', '0x1234567890000000000000000000000000000000'), {
         // TODO: Improve render/renderHook to allow custom wrappers within the "defaults"
         wrapper: ({ children }) => (
-          <Provider store={makeStore()}>
+          <Provider store={makeStore(undefined, { skipBroadcast: true })}>
             <TxModalContext.Provider value={{ setTxFlow: mockSetTxFlow } as any}>{children}</TxModalContext.Provider>
           </Provider>
         ),
@@ -98,7 +105,7 @@ describe('useSafeWalletProvider', () => {
         name: appInfo.name,
         message: 'message',
         requestId: expect.any(String),
-        safeAppId: 1,
+        origin: appInfo.url,
       })
 
       expect(resp).toBeInstanceOf(Promise)
@@ -111,10 +118,22 @@ describe('useSafeWalletProvider', () => {
 
       const mockSetTxFlow = jest.fn()
 
-      const { result } = renderHook(() => _useTxFlowApi('1', '0x1234567890000000000000000000000000000000'), {
+      const testStore = makeStore(
+        {
+          settings: {
+            signing: {
+              onChainSigning: false,
+              blindSigning: false,
+            },
+          },
+        } as Partial<RootState>,
+        { skipBroadcast: true },
+      )
+
+      const { result } = renderHook(() => useTxFlowApi('1', '0x1234567890000000000000000000000000000000'), {
         // TODO: Improve render/renderHook to allow custom wrappers within the "defaults"
         wrapper: ({ children }) => (
-          <Provider store={makeStore({ settings: { signing: { useOnChainSigning: false } } })}>
+          <Provider store={testStore}>
             <TxModalContext.Provider value={{ setTxFlow: mockSetTxFlow } as any}>{children}</TxModalContext.Provider>
           </Provider>
         ),
@@ -151,10 +170,10 @@ describe('useSafeWalletProvider', () => {
 
       const mockSetTxFlow = jest.fn()
 
-      const { result } = renderHook(() => _useTxFlowApi('1', '0x1234567890000000000000000000000000000000'), {
+      const { result } = renderHook(() => useTxFlowApi('1', '0x1234567890000000000000000000000000000000'), {
         // TODO: Improve render/renderHook to allow custom wrappers within the "defaults"
         wrapper: ({ children }) => (
-          <Provider store={makeStore()}>
+          <Provider store={makeStore(undefined, { skipBroadcast: true })}>
             <TxModalContext.Provider value={{ setTxFlow: mockSetTxFlow } as any}>{children}</TxModalContext.Provider>
           </Provider>
         ),
@@ -209,7 +228,7 @@ describe('useSafeWalletProvider', () => {
         name: appInfo.name,
         message: typedMessage,
         requestId: expect.any(String),
-        safeAppId: 1,
+        origin: appInfo.url,
       })
 
       expect(resp).toBeInstanceOf(Promise)
@@ -221,10 +240,10 @@ describe('useSafeWalletProvider', () => {
 
       const mockSetTxFlow = jest.fn()
 
-      const { result } = renderHook(() => _useTxFlowApi('1', '0x1234567890000000000000000000000000000000'), {
+      const { result } = renderHook(() => useTxFlowApi('1', '0x1234567890000000000000000000000000000000'), {
         // TODO: Improve render/renderHook to allow custom wrappers within the "defaults"
         wrapper: ({ children }) => (
-          <Provider store={makeStore()}>
+          <Provider store={makeStore(undefined, { skipBroadcast: true })}>
             <TxModalContext.Provider value={{ setTxFlow: mockSetTxFlow } as any}>{children}</TxModalContext.Provider>
           </Provider>
         ),
@@ -285,7 +304,7 @@ describe('useSafeWalletProvider', () => {
         hash: '0x123',
       }))
 
-      const { result } = renderHook(() => _useTxFlowApi('1', '0x1234567890000000000000000000000000000000'))
+      const { result } = renderHook(() => useTxFlowApi('1', '0x1234567890000000000000000000000000000000'))
 
       const resp = await result.current?.getBySafeTxHash('0x123456789000')
 
@@ -301,7 +320,7 @@ describe('useSafeWalletProvider', () => {
 
       jest.spyOn(window, 'confirm').mockReturnValue(true)
 
-      const { result } = renderHook(() => _useTxFlowApi('1', '0x1234567890000000000000000000000000000000'), {
+      const { result } = renderHook(() => useTxFlowApi('1', '0x1234567890000000000000000000000000000000'), {
         initialReduxState: {
           chains: {
             loading: false,
@@ -328,7 +347,7 @@ describe('useSafeWalletProvider', () => {
         send: mockSend,
       }))
 
-      const { result } = renderHook(() => _useTxFlowApi('1', '0x1234567890000000000000000000000000000000'))
+      const { result } = renderHook(() => useTxFlowApi('1', '0x1234567890000000000000000000000000000000'))
 
       result.current?.proxy('eth_chainId', [])
 
@@ -346,7 +365,7 @@ describe('useSafeWalletProvider', () => {
       },
     } as unknown as router.NextRouter)
 
-    const { result } = renderHook(() => _useTxFlowApi('1', '0x1234567890000000000000000000000000000000'))
+    const { result } = renderHook(() => useTxFlowApi('1', '0x1234567890000000000000000000000000000000'))
 
     result.current?.showTxStatus('0x123')
 
@@ -363,7 +382,7 @@ describe('useSafeWalletProvider', () => {
     const createCallDeployment = getCreateCallDeployment({ version: '1.3.0', network: '1' })
     const createCallInterface = new Interface(['function performCreate(uint256,bytes)'])
     const safeAddress = faker.finance.ethereumAddress()
-    const { result } = renderHook(() => _useTxFlowApi('1', safeAddress), {
+    const { result } = renderHook(() => useTxFlowApi('1', safeAddress), {
       initialReduxState: {
         safeInfo: {
           loading: false,
diff --git a/src/services/safe-wallet-provider/useSafeWalletProvider.tsx b/apps/web/src/services/safe-wallet-provider/useSafeWalletProvider.tsx
similarity index 90%
rename from src/services/safe-wallet-provider/useSafeWalletProvider.tsx
rename to apps/web/src/services/safe-wallet-provider/useSafeWalletProvider.tsx
index 6bb82c093..145ef7e04 100644
--- a/src/services/safe-wallet-provider/useSafeWalletProvider.tsx
+++ b/apps/web/src/services/safe-wallet-provider/useSafeWalletProvider.tsx
@@ -11,7 +11,8 @@ import { safeMsgSubscribe, SafeMsgEvent } from '@/services/safe-messages/safeMsg
 import { SafeAppsTxFlow } from '@/components/tx-flow/flows'
 import { TxEvent, txSubscribe } from '@/services/tx/txEvents'
 import { Methods } from '@safe-global/safe-apps-sdk'
-import type { EIP712TypedData, SafeSettings } from '@safe-global/safe-apps-sdk'
+import type { SafeSettings } from '@safe-global/safe-apps-sdk'
+import type { TypedData } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
 import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
 import { getTransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
 import { Interface, getAddress } from 'ethers'
@@ -21,10 +22,10 @@ import { NotificationMessages, showNotification } from './notifications'
 import { SignMessageOnChainFlow } from '@/components/tx-flow/flows'
 import { useAppSelector } from '@/store'
 import { selectOnChainSigning } from '@/store/settingsSlice'
-import { isOffchainEIP1271Supported } from '@/utils/safe-messages'
-import { getCreateCallContractDeployment } from '../contracts/deployments'
+import { isOffchainEIP1271Supported } from '@safe-global/utils/utils/safe-messages'
+import { getCreateCallContractDeployment } from '@safe-global/utils/services/contracts/deployments'
 
-export const _useTxFlowApi = (chainId: string, safeAddress: string): WalletSDK | undefined => {
+export const useTxFlowApi = (chainId: string, safeAddress: string): WalletSDK | undefined => {
   const { safe } = useSafeInfo()
   const currentChain = useCurrentChain()
   const { setTxFlow } = useContext(TxModalContext)
@@ -50,7 +51,7 @@ export const _useTxFlowApi = (chainId: string, safeAddress: string): WalletSDK |
     if (!chainId || !safeAddress) return
 
     const signMessage = (
-      message: string | EIP712TypedData,
+      message: string | TypedData,
       appInfo: AppInfo,
       method: Methods.signMessage | Methods.signTypedMessage,
     ): Promise<{ signature: string }> => {
@@ -90,9 +91,9 @@ export const _useTxFlowApi = (chainId: string, safeAddress: string): WalletSDK |
             <SignMessageFlow
               logoUri={appInfo.iconUrl}
               name={appInfo.name}
+              origin={appInfo.url}
               message={message}
               requestId={id}
-              safeAppId={appInfo.id}
             />,
             onClose,
           )
@@ -108,7 +109,7 @@ export const _useTxFlowApi = (chainId: string, safeAddress: string): WalletSDK |
       },
 
       async signTypedMessage(typedData, appInfo) {
-        return await signMessage(typedData as EIP712TypedData, appInfo, Methods.signTypedMessage)
+        return await signMessage(typedData as TypedData, appInfo, Methods.signTypedMessage)
       },
 
       async send(params: { txs: any[]; params: { safeTxGas: number } }, appInfo) {
@@ -208,7 +209,9 @@ export const _useTxFlowApi = (chainId: string, safeAddress: string): WalletSDK |
       },
 
       getCreateCallTransaction(data) {
-        const createCallDeployment = getCreateCallContractDeployment(safe.chainId, safe.version)
+        const createCallDeployment = currentChain
+          ? getCreateCallContractDeployment(currentChain, safe.version)
+          : undefined
         if (!createCallDeployment) {
           throw new Error('No CreateCall deployment found for chain and safe version')
         }
@@ -231,7 +234,7 @@ const useSafeWalletProvider = (): SafeWalletProvider | undefined => {
   const { safe, safeAddress } = useSafeInfo()
   const { chainId } = safe
 
-  const txFlowApi = _useTxFlowApi(chainId, safeAddress)
+  const txFlowApi = useTxFlowApi(chainId, safeAddress)
 
   return useMemo(() => {
     if (!safeAddress || !chainId || !txFlowApi) return
diff --git a/src/services/sentry.ts b/apps/web/src/services/sentry.ts
similarity index 100%
rename from src/services/sentry.ts
rename to apps/web/src/services/sentry.ts
diff --git a/apps/web/src/services/siwe/useSiwe.tsx b/apps/web/src/services/siwe/useSiwe.tsx
new file mode 100644
index 000000000..f52f4e031
--- /dev/null
+++ b/apps/web/src/services/siwe/useSiwe.tsx
@@ -0,0 +1,43 @@
+import { useWeb3 } from '@/hooks/wallets/web3'
+import { useAuthVerifyV1Mutation, useLazyAuthGetNonceV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/auth'
+import { useCallback } from 'react'
+import { getSignableMessage } from './utils'
+import { logError } from '../exceptions'
+import ErrorCodes from '@safe-global/utils/services/exceptions/ErrorCodes'
+import useWallet from '@/hooks/wallets/useWallet'
+import { isPKWallet } from '@/utils/wallets'
+
+export const useSiwe = () => {
+  const wallet = useWallet()
+  const provider = useWeb3()
+  const [fetchNonce] = useLazyAuthGetNonceV1Query()
+  const [verifyAuthMutation] = useAuthVerifyV1Mutation()
+
+  const signIn = useCallback(async () => {
+    if (!provider || !wallet) return
+
+    try {
+      const { data } = await fetchNonce()
+      if (!data) return
+
+      const [network, signer] = await Promise.all([provider.getNetwork(), provider.getSigner()])
+      const signableMessage = getSignableMessage(signer.address, network.chainId, data.nonce)
+
+      let signature
+      // Using the signer.signMessage hexlifies the message which doesn't work with the personal_sign of the PK module
+      if (isPKWallet(wallet)) {
+        signature = await provider.send('personal_sign', [signableMessage, signer.address.toLowerCase()])
+      } else {
+        signature = await signer.signMessage(signableMessage)
+      }
+
+      return verifyAuthMutation({ siweDto: { message: signableMessage, signature } })
+    } catch (error) {
+      logError(ErrorCodes._640)
+    }
+  }, [fetchNonce, provider, verifyAuthMutation, wallet])
+
+  return {
+    signIn,
+  }
+}
diff --git a/apps/web/src/services/siwe/utils/index.ts b/apps/web/src/services/siwe/utils/index.ts
new file mode 100644
index 000000000..3f3c7f97f
--- /dev/null
+++ b/apps/web/src/services/siwe/utils/index.ts
@@ -0,0 +1,27 @@
+const getSignableMessage = (address: string, chainId: bigint, nonce: string) => {
+  const message = {
+    domain: window.location.host,
+    address,
+    statement:
+      'By signing, you are agreeing to store this data in the Safe infrastructure. This does not initiate a transaction or cost any fees.',
+    uri: window.location.origin,
+    version: '1',
+    chainId: Number(chainId),
+    nonce,
+    issuedAt: new Date(),
+  }
+  const signableMessage = `${message.domain} wants you to sign in with your Ethereum account:
+${message.address}
+
+${message.statement}
+
+URI: ${message.uri}
+Version: ${message.version}
+Chain ID: ${message.chainId}
+Nonce: ${message.nonce}
+Issued At: ${message.issuedAt.toISOString()}`
+
+  return signableMessage
+}
+
+export { getSignableMessage }
diff --git a/src/services/tracking/abTesting.ts b/apps/web/src/services/tracking/abTesting.ts
similarity index 100%
rename from src/services/tracking/abTesting.ts
rename to apps/web/src/services/tracking/abTesting.ts
diff --git a/src/services/tracking/useAbTesting.ts b/apps/web/src/services/tracking/useAbTesting.ts
similarity index 100%
rename from src/services/tracking/useAbTesting.ts
rename to apps/web/src/services/tracking/useAbTesting.ts
diff --git a/apps/web/src/services/transactions/index.tests.ts b/apps/web/src/services/transactions/index.tests.ts
new file mode 100644
index 000000000..d0310a8db
--- /dev/null
+++ b/apps/web/src/services/transactions/index.tests.ts
@@ -0,0 +1,9 @@
+import { getTimezone } from '.'
+
+describe('getTimezone', () => {
+  it('should return timezone', () => {
+    const result = getTimezone()
+
+    expect(result).toBeDefined()
+  })
+})
diff --git a/apps/web/src/services/transactions/index.ts b/apps/web/src/services/transactions/index.ts
new file mode 100644
index 000000000..9712dc9d8
--- /dev/null
+++ b/apps/web/src/services/transactions/index.ts
@@ -0,0 +1,32 @@
+import { getModuleTransactions, getTransactionHistory } from '@safe-global/safe-gateway-typescript-sdk'
+
+export const getTimezone = () => Intl.DateTimeFormat().resolvedOptions().timeZone
+
+export const getTxHistory = (
+  chainId: string,
+  safeAddress: string,
+  hideUntrustedTxs: boolean,
+  hideImitationTxs: boolean,
+  pageUrl?: string,
+) => {
+  return getTransactionHistory(
+    chainId,
+    safeAddress,
+    {
+      timezone: getTimezone(), // used for grouping txs by date
+      // Untrusted and imitation txs are filtered together in the UI
+      trusted: hideUntrustedTxs, // if false, include transactions marked untrusted in the UI
+      imitation: !hideImitationTxs, // If true, include transactions marked imitation in the UI
+    },
+    pageUrl,
+  )
+}
+
+/**
+ * Fetch the ID of a module transaction for the given transaction hash
+ */
+export const getModuleTransactionId = async (chainId: string, safeAddress: string, txHash: string) => {
+  const { results } = await getModuleTransactions(chainId, safeAddress, { transaction_hash: txHash })
+  if (results.length === 0) throw new Error('module transaction not found')
+  return results[0].transaction.id
+}
diff --git a/src/services/tx/__tests__/encodeSignatures.test.ts b/apps/web/src/services/tx/__tests__/encodeSignatures.test.ts
similarity index 98%
rename from src/services/tx/__tests__/encodeSignatures.test.ts
rename to apps/web/src/services/tx/__tests__/encodeSignatures.test.ts
index fccfdf239..574b940f2 100644
--- a/src/services/tx/__tests__/encodeSignatures.test.ts
+++ b/apps/web/src/services/tx/__tests__/encodeSignatures.test.ts
@@ -1,4 +1,4 @@
-import type { SafeSignature, SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import type { SafeSignature, SafeTransaction } from '@safe-global/types-kit'
 import { encodeSignatures } from '../encodeSignatures'
 
 const createSafeTx = (): SafeTransaction => {
diff --git a/src/services/tx/__tests__/extractTxInfo.test.ts b/apps/web/src/services/tx/__tests__/extractTxInfo.test.ts
similarity index 95%
rename from src/services/tx/__tests__/extractTxInfo.test.ts
rename to apps/web/src/services/tx/__tests__/extractTxInfo.test.ts
index 4a01fc28d..cdaf3de87 100644
--- a/src/services/tx/__tests__/extractTxInfo.test.ts
+++ b/apps/web/src/services/tx/__tests__/extractTxInfo.test.ts
@@ -6,6 +6,7 @@ describe('extractTxInfo', () => {
     const txDetails = {
       txData: {
         operation: 'CALL',
+        to: { value: '0x1234567890123456789012345678901234567890' },
         value: '1000000000000000000',
         data: '0x1234567890123456789012345678901234567890',
       },
@@ -36,9 +37,7 @@ describe('extractTxInfo', () => {
       },
     } as unknown as TransactionDetails
 
-    const safeAddress = '0x1234567890123456789012345678901234567890'
-
-    expect(extractTxInfo(txDetails, safeAddress)).toEqual({
+    expect(extractTxInfo(txDetails)).toEqual({
       txParams: {
         data: '0x',
         baseGas: '21000',
@@ -60,6 +59,7 @@ describe('extractTxInfo', () => {
   it('should extract tx info for an ERC20 token transfer', () => {
     const txDetails = {
       txData: {
+        to: { value: '0xa74476443119A942dE498590Fe1f2454d7D4aC0d' },
         operation: 'CALL',
         value: '0x0',
         hexData: '0x546785',
@@ -92,9 +92,7 @@ describe('extractTxInfo', () => {
       },
     } as unknown as TransactionDetails
 
-    const safeAddress = '0x1234567890123456789012345678901234567890'
-
-    expect(extractTxInfo(txDetails, safeAddress)).toEqual({
+    expect(extractTxInfo(txDetails)).toEqual({
       txParams: {
         data: '0x546785',
         baseGas: '21000',
@@ -201,9 +199,7 @@ describe('extractTxInfo', () => {
       },
     } as unknown as TransactionDetails
 
-    const safeAddress = '0xF979f34D16d865f51e2eC7baDEde4f3735DaFb7d'
-
-    expect(extractTxInfo(txDetails, safeAddress)).toEqual({
+    expect(extractTxInfo(txDetails)).toEqual({
       signatures: {
         '0xbbeedB6d8e56e23f5812e59d1b6602F15957271F':
           '0xb10e0605bd27c42af87ff36d690a5594d13a4a7029ea5f080dde917d0781f97901958195d0d99c7805419adb636ccdc579e9aa200ee0443dd10c4f5885f37f081b',
diff --git a/apps/web/src/services/tx/__tests__/safeUpdateParams.test.ts b/apps/web/src/services/tx/__tests__/safeUpdateParams.test.ts
new file mode 100644
index 000000000..b506160d3
--- /dev/null
+++ b/apps/web/src/services/tx/__tests__/safeUpdateParams.test.ts
@@ -0,0 +1,157 @@
+import * as sdkHelpers from '@/services/tx/tx-sender/sdk'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import type { SafeProvider } from '@safe-global/protocol-kit'
+import {
+  getFallbackHandlerDeployment,
+  getSafeL2SingletonDeployment,
+  getSafeSingletonDeployment,
+} from '@safe-global/safe-deployments'
+import { type SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { Interface, JsonRpcProvider } from 'ethers'
+import { createUpdateSafeTxs } from '../safeUpdateParams'
+import * as web3 from '@/hooks/wallets/web3'
+import { chainBuilder } from '@/tests/builders/chains'
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+
+const MOCK_SAFE_ADDRESS = '0x0000000000000000000000000000000000005AFE'
+
+const getMockSafeProviderForChain = (chainId: number) => {
+  return {
+    getExternalProvider: jest.fn(),
+    getExternalSigner: jest.fn(),
+    getChainId: jest.fn().mockReturnValue(BigInt(chainId)),
+  } as unknown as SafeProvider
+}
+
+describe('safeUpgradeParams', () => {
+  jest
+    .spyOn(web3, 'getWeb3ReadOnly')
+    .mockImplementation(() => new JsonRpcProvider(undefined, { name: 'ethereum', chainId: 1 }))
+
+  jest.spyOn(sdkHelpers, 'getSafeProvider').mockImplementation(() => getMockSafeProviderForChain(1))
+
+  it('Should add setFallbackHandler transaction data for 1.0.0 Safes', async () => {
+    const mockSafe = {
+      address: {
+        value: MOCK_SAFE_ADDRESS,
+      },
+      version: '1.0.0',
+    } as SafeInfo
+
+    const mockChainInfo = chainBuilder()
+      .with({ chainId: '1', l2: false, recommendedMasterCopyVersion: '1.4.1' })
+      .build()
+    const txs = await createUpdateSafeTxs(mockSafe, mockChainInfo)
+    const [masterCopyTx, fallbackHandlerTx] = txs
+    // Safe upgrades mastercopy and fallbackhandler
+    expect(txs).toHaveLength(2)
+    // Check change masterCopy
+    expect(sameAddress(masterCopyTx.to, MOCK_SAFE_ADDRESS)).toBeTruthy()
+    expect(masterCopyTx.value).toEqual('0')
+    expect(
+      sameAddress(
+        decodeChangeMasterCopyAddress(masterCopyTx.data),
+        getSafeSingletonDeployment({ version: '1.4.1', network: '1' })?.defaultAddress,
+      ),
+    ).toBeTruthy()
+
+    // Check setFallbackHandler
+    expect(sameAddress(fallbackHandlerTx.to, MOCK_SAFE_ADDRESS)).toBeTruthy()
+    expect(fallbackHandlerTx.value).toEqual('0')
+    expect(
+      sameAddress(
+        decodeSetFallbackHandlerAddress(fallbackHandlerTx.data),
+        getFallbackHandlerDeployment({ version: getLatestSafeVersion(mockChainInfo), network: '1' })?.defaultAddress,
+      ),
+    ).toBeTruthy()
+  })
+
+  it('Should upgrade L1 safe to L1 1.4.1', async () => {
+    const mockSafe = {
+      address: {
+        value: MOCK_SAFE_ADDRESS,
+      },
+      version: '1.1.1',
+    } as SafeInfo
+    const mockChainInfo = chainBuilder()
+      .with({ chainId: '1', l2: false, recommendedMasterCopyVersion: '1.4.1' })
+      .build()
+    const txs = await createUpdateSafeTxs(mockSafe, mockChainInfo)
+    const [masterCopyTx, fallbackHandlerTx] = txs
+    // Safe upgrades mastercopy and fallbackhandler
+    expect(txs).toHaveLength(2)
+    // Check change masterCopy
+    expect(sameAddress(masterCopyTx.to, MOCK_SAFE_ADDRESS)).toBeTruthy()
+    expect(masterCopyTx.value).toEqual('0')
+    expect(
+      sameAddress(
+        decodeChangeMasterCopyAddress(masterCopyTx.data),
+        getSafeSingletonDeployment({ version: '1.4.1', network: '1' })?.defaultAddress,
+      ),
+    ).toBeTruthy()
+
+    // Check setFallbackHandler
+    expect(sameAddress(fallbackHandlerTx.to, MOCK_SAFE_ADDRESS)).toBeTruthy()
+    expect(fallbackHandlerTx.value).toEqual('0')
+    expect(
+      sameAddress(
+        decodeSetFallbackHandlerAddress(fallbackHandlerTx.data),
+        getFallbackHandlerDeployment({ version: getLatestSafeVersion(mockChainInfo), network: '1' })?.defaultAddress,
+      ),
+    ).toBeTruthy()
+  })
+
+  it('Should upgrade L2 safe to L2 1.4.1', async () => {
+    jest.spyOn(sdkHelpers, 'getSafeProvider').mockImplementation(() => getMockSafeProviderForChain(100))
+
+    const mockSafe = {
+      address: {
+        value: MOCK_SAFE_ADDRESS,
+      },
+      version: '1.1.1',
+    } as SafeInfo
+    const mockChainInfo = chainBuilder()
+      .with({ chainId: '100', l2: true, recommendedMasterCopyVersion: '1.4.1' })
+      .build()
+
+    const txs = await createUpdateSafeTxs(mockSafe, mockChainInfo)
+    const [masterCopyTx, fallbackHandlerTx] = txs
+    // Safe upgrades mastercopy and fallbackhandler
+    expect(txs).toHaveLength(2)
+    // Check change masterCopy
+    expect(sameAddress(masterCopyTx.to, MOCK_SAFE_ADDRESS)).toBeTruthy()
+    expect(masterCopyTx.value).toEqual('0')
+    expect(
+      sameAddress(
+        decodeChangeMasterCopyAddress(masterCopyTx.data),
+        getSafeL2SingletonDeployment({ version: '1.4.1', network: '100' })?.defaultAddress,
+      ),
+    ).toBeTruthy()
+
+    // Check setFallbackHandler
+    expect(sameAddress(fallbackHandlerTx.to, MOCK_SAFE_ADDRESS)).toBeTruthy()
+    expect(fallbackHandlerTx.value).toEqual('0')
+    expect(
+      sameAddress(
+        decodeSetFallbackHandlerAddress(fallbackHandlerTx.data),
+        getFallbackHandlerDeployment({ version: '1.4.1', network: '100' })?.defaultAddress,
+      ),
+    ).toBeTruthy()
+  })
+})
+
+const decodeChangeMasterCopyAddress = (data: string): string => {
+  const CHANGE_MASTER_COPY_ABI = 'function changeMasterCopy(address _masterCopy)'
+
+  const multiSendInterface = new Interface([CHANGE_MASTER_COPY_ABI])
+  const decodedAddress = multiSendInterface.decodeFunctionData('changeMasterCopy', data)[0]
+  return decodedAddress.toString()
+}
+
+const decodeSetFallbackHandlerAddress = (data: string): string => {
+  const CHANGE_FALLBACK_HANDLER_ABI = 'function setFallbackHandler(address handler)'
+
+  const multiSendInterface = new Interface([CHANGE_FALLBACK_HANDLER_ABI])
+  const decodedAddress = multiSendInterface.decodeFunctionData('setFallbackHandler', data)[0]
+  return decodedAddress.toString()
+}
diff --git a/src/services/tx/__tests__/spendingLimitParams.test.ts b/apps/web/src/services/tx/__tests__/spendingLimitParams.test.ts
similarity index 90%
rename from src/services/tx/__tests__/spendingLimitParams.test.ts
rename to apps/web/src/services/tx/__tests__/spendingLimitParams.test.ts
index 10ec7ee9f..e5e049ede 100644
--- a/src/services/tx/__tests__/spendingLimitParams.test.ts
+++ b/apps/web/src/services/tx/__tests__/spendingLimitParams.test.ts
@@ -2,7 +2,6 @@ import type { NewSpendingLimitFlowProps } from '@/components/tx-flow/flows/NewSp
 import { chainBuilder } from '@/tests/builders/chains'
 import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
 import * as safeCoreSDK from '@/hooks/coreSDK/safeCoreSDK'
-import * as spendingLimit from '@/services/contracts/spendingLimitContracts'
 import * as txSender from '@/services/tx/tx-sender/create'
 import * as spendingLimitParams from '@/services/tx/spendingLimitParams'
 import type Safe from '@safe-global/protocol-kit'
@@ -18,6 +17,8 @@ const mockData: NewSpendingLimitFlowProps = {
 
 const mockChain = chainBuilder().build()
 
+const mockModules = [{ value: '0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134' }]
+
 describe('createNewSpendingLimitTx', () => {
   let mockCreateEnableModuleTx: any
   let mockSDK: Safe
@@ -40,33 +41,31 @@ describe('createNewSpendingLimitTx', () => {
 
     jest.spyOn(txSender, 'createMultiSendCallOnlyTx').mockImplementation(jest.fn())
     jest.spyOn(safeCoreSDK, 'getSafeSDK').mockReturnValue(mockSDK)
-    jest.spyOn(spendingLimit, 'getSpendingLimitModuleAddress').mockReturnValue(ZERO_ADDRESS)
   })
 
   it('returns undefined if there is no sdk instance', async () => {
     jest.spyOn(safeCoreSDK, 'getSafeSDK').mockReturnValue(undefined)
-    const result = await createNewSpendingLimitTx(mockData, [], '4', mockChain, true, 18)
+    const result = await createNewSpendingLimitTx(mockData, [], '4', mockChain, mockModules, true, 18)
 
     expect(result).toBeUndefined()
   })
 
   it('returns undefined if there is no contract address', async () => {
     jest.spyOn(safeCoreSDK, 'getSafeSDK').mockReturnValue(mockSDK)
-    jest.spyOn(spendingLimit, 'getSpendingLimitModuleAddress').mockReturnValue(undefined)
-    const result = await createNewSpendingLimitTx(mockData, [], '4', mockChain, true, 18)
+    const result = await createNewSpendingLimitTx(mockData, [], '4', mockChain, mockModules, true, 18)
 
     expect(result).toBeUndefined()
   })
 
   it('creates a tx to enable the spending limit module if its not registered yet', async () => {
-    await createNewSpendingLimitTx(mockData, [], '4', mockChain, true, 18)
+    await createNewSpendingLimitTx(mockData, [], '4', mockChain, [], true, 18)
 
     expect(mockCreateEnableModuleTx).toHaveBeenCalledTimes(1)
   })
 
   it('creates a tx to add a delegate if beneficiary is not a delegate yet', async () => {
     const spy = jest.spyOn(spendingLimitParams, 'createAddDelegateTx')
-    await createNewSpendingLimitTx(mockData, [], '4', mockChain, true, 18)
+    await createNewSpendingLimitTx(mockData, [], '4', mockChain, mockModules, true, 18)
 
     expect(spy).toHaveBeenCalledTimes(1)
   })
@@ -85,7 +84,7 @@ describe('createNewSpendingLimitTx', () => {
     ]
 
     const spy = jest.spyOn(spendingLimitParams, 'createAddDelegateTx')
-    await createNewSpendingLimitTx(mockData, mockSpendingLimits, '4', mockChain, true, 18)
+    await createNewSpendingLimitTx(mockData, mockSpendingLimits, '4', mockChain, mockModules, true, 18)
 
     expect(spy).not.toHaveBeenCalled()
   })
@@ -102,7 +101,7 @@ describe('createNewSpendingLimitTx', () => {
     }
 
     const spy = jest.spyOn(spendingLimitParams, 'createResetAllowanceTx')
-    await createNewSpendingLimitTx(mockData, [], '4', mockChain, true, 18, existingSpendingLimitMock)
+    await createNewSpendingLimitTx(mockData, [], '4', mockChain, mockModules, true, 18, existingSpendingLimitMock)
 
     expect(spy).toHaveBeenCalledTimes(1)
   })
@@ -119,20 +118,20 @@ describe('createNewSpendingLimitTx', () => {
     }
 
     const spy = jest.spyOn(spendingLimitParams, 'createResetAllowanceTx')
-    await createNewSpendingLimitTx(mockData, [], '4', mockChain, true, 18, existingSpendingLimitMock)
+    await createNewSpendingLimitTx(mockData, [], '4', mockChain, mockModules, true, 18, existingSpendingLimitMock)
 
     expect(spy).not.toHaveBeenCalled()
   })
 
   it('creates a tx to set the allowance', async () => {
     const spy = jest.spyOn(spendingLimitParams, 'createSetAllowanceTx')
-    await createNewSpendingLimitTx(mockData, [], '4', mockChain, true, 18)
+    await createNewSpendingLimitTx(mockData, [], '4', mockChain, mockModules, true, 18)
 
     expect(spy).toHaveBeenCalled()
   })
   it('encodes all txs as a single multiSend tx', async () => {
     const spy = jest.spyOn(txSender, 'createMultiSendCallOnlyTx')
-    await createNewSpendingLimitTx(mockData, [], '4', mockChain, true, 18)
+    await createNewSpendingLimitTx(mockData, [], '4', mockChain, mockModules, true, 18)
 
     expect(spy).toHaveBeenCalled()
   })
diff --git a/src/services/tx/__tests__/tokenTransferParams.test.ts b/apps/web/src/services/tx/__tests__/tokenTransferParams.test.ts
similarity index 100%
rename from src/services/tx/__tests__/tokenTransferParams.test.ts
rename to apps/web/src/services/tx/__tests__/tokenTransferParams.test.ts
diff --git a/src/services/tx/__tests__/txEvents.test.ts b/apps/web/src/services/tx/__tests__/txEvents.test.ts
similarity index 93%
rename from src/services/tx/__tests__/txEvents.test.ts
rename to apps/web/src/services/tx/__tests__/txEvents.test.ts
index d6a11e623..c56ddbb64 100644
--- a/src/services/tx/__tests__/txEvents.test.ts
+++ b/apps/web/src/services/tx/__tests__/txEvents.test.ts
@@ -1,4 +1,4 @@
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import type { SafeTransaction } from '@safe-global/types-kit'
 import { txDispatch, txSubscribe, TxEvent } from '../txEvents'
 import { faker } from '@faker-js/faker'
 
@@ -11,6 +11,7 @@ describe('txEvents', () => {
     const event = TxEvent.PROCESSING
 
     const detail = {
+      nonce: 1,
       txId: '123',
       txHash: '0x123',
       signerAddress: faker.finance.ethereumAddress(),
@@ -28,6 +29,7 @@ describe('txEvents', () => {
     expect(callback).toHaveBeenCalledWith(detail)
 
     const detail2 = {
+      nonce: 1,
       txId: '123',
       txHash: '0x456',
       signerAddress: faker.finance.ethereumAddress(),
@@ -52,6 +54,7 @@ describe('txEvents', () => {
     const event = TxEvent.FAILED
 
     const detail = {
+      nonce: 1,
       txId: '0x123',
       tx,
       error: new Error('Tx failed'),
diff --git a/src/services/tx/__tests__/txMonitor.test.ts b/apps/web/src/services/tx/__tests__/txMonitor.test.ts
similarity index 75%
rename from src/services/tx/__tests__/txMonitor.test.ts
rename to apps/web/src/services/tx/__tests__/txMonitor.test.ts
index cc46409c6..749e30b32 100644
--- a/src/services/tx/__tests__/txMonitor.test.ts
+++ b/apps/web/src/services/tx/__tests__/txMonitor.test.ts
@@ -1,8 +1,9 @@
+import { waitFor } from '@testing-library/react'
+import { act } from 'react'
 import { _getRemainingTimeout } from '@/services/tx/txMonitor'
 import * as txEvents from '@/services/tx/txEvents'
 import * as txMonitor from '@/services/tx/txMonitor'
 
-import { act } from '@testing-library/react'
 import { toBeHex } from 'ethers'
 import { MockEip1193Provider } from '@/tests/mocks/providers'
 import { BrowserProvider, type JsonRpcProvider, type TransactionReceipt } from 'ethers'
@@ -13,7 +14,7 @@ const { waitForTx, waitForRelayedTx } = txMonitor
 
 const provider = new BrowserProvider(MockEip1193Provider) as unknown as JsonRpcProvider
 
-const setupFetchStub = (data: any) => (_url: string) => {
+const setupFetchStub = (data: any) => () => {
   return Promise.resolve({
     json: () => Promise.resolve(data),
     status: 200,
@@ -25,7 +26,6 @@ describe('txMonitor', () => {
   const simpleTxWatcherInstance = SimpleTxWatcher.getInstance()
 
   let txDispatchSpy = jest.spyOn(txEvents, 'txDispatch')
-  let waitForTxSpy = jest.spyOn(provider, 'waitForTransaction')
   // let simpleWatcherSpy = jest.spyOn(SimpleTxWatcher, 'getInstance')
   const safeAddress = toBeHex('0x123', 20)
 
@@ -36,7 +36,7 @@ describe('txMonitor', () => {
     jest.resetAllMocks()
 
     txDispatchSpy = jest.spyOn(txEvents, 'txDispatch')
-    waitForTxSpy = jest.spyOn(provider, 'waitForTransaction')
+    jest.spyOn(provider, 'waitForTransaction')
     watchTxHashSpy = jest.spyOn(simpleTxWatcherInstance, 'watchTxHash')
   })
 
@@ -47,9 +47,9 @@ describe('txMonitor', () => {
       // https://docs.ethers.io/v5/single-page/#/v5/api/providers/provider/-%23-Provider-waitForTransaction
       const receipt = null as unknown as TransactionReceipt
       watchTxHashSpy.mockImplementation(() => Promise.resolve(receipt))
-      await waitForTx(provider, ['0x0'], '0x0', safeAddress, faker.finance.ethereumAddress(), 1)
+      await waitForTx(provider, ['0x0'], '0x0', safeAddress, faker.finance.ethereumAddress(), 1, 1, '11155111')
 
-      expect(txDispatchSpy).toHaveBeenCalledWith('FAILED', { txId: '0x0', error: expect.any(Error) })
+      expect(txDispatchSpy).toHaveBeenCalledWith('FAILED', { txId: '0x0', error: expect.any(Error), nonce: 1 })
     })
 
     it('emits a REVERTED event if the tx reverted', async () => {
@@ -58,9 +58,10 @@ describe('txMonitor', () => {
       } as TransactionReceipt
 
       watchTxHashSpy.mockImplementation(() => Promise.resolve(receipt))
-      await waitForTx(provider, ['0x0'], '0x0', safeAddress, faker.finance.ethereumAddress(), 1)
+      await waitForTx(provider, ['0x0'], '0x0', safeAddress, faker.finance.ethereumAddress(), 1, 1, '11155111')
 
       expect(txDispatchSpy).toHaveBeenCalledWith('REVERTED', {
+        nonce: 1,
         txId: '0x0',
         error: new Error('Transaction reverted by EVM.'),
       })
@@ -68,9 +69,9 @@ describe('txMonitor', () => {
 
     it('emits a FAILED event if waitForTransaction throws', async () => {
       watchTxHashSpy.mockImplementation(() => Promise.reject(new Error('Test error.')))
-      await waitForTx(provider, ['0x0'], '0x0', safeAddress, faker.finance.ethereumAddress(), 1)
+      await waitForTx(provider, ['0x0'], '0x0', safeAddress, faker.finance.ethereumAddress(), 1, 1, '11155111')
 
-      expect(txDispatchSpy).toHaveBeenCalledWith('FAILED', { txId: '0x0', error: new Error('Test error.') })
+      expect(txDispatchSpy).toHaveBeenCalledWith('FAILED', { txId: '0x0', error: new Error('Test error.'), nonce: 1 })
     })
   })
 
@@ -85,18 +86,20 @@ describe('txMonitor', () => {
 
       const mockFetch = jest.spyOn(global, 'fetch')
 
-      waitForRelayedTx('0x1', ['0x2'], safeAddress)
+      waitForRelayedTx('0x1', ['0x2'], safeAddress, 1)
 
-      await act(() => {
+      act(() => {
         jest.advanceTimersByTime(15_000 + 1)
       })
 
-      expect(mockFetch).toHaveBeenCalledTimes(1)
-      expect(txDispatchSpy).toHaveBeenCalledWith('PROCESSED', { txId: '0x2', safeAddress })
+      await waitFor(() => {
+        expect(mockFetch).toHaveBeenCalledTimes(1)
+        expect(txDispatchSpy).toHaveBeenCalledWith('PROCESSED', { txId: '0x2', safeAddress, nonce: 1 })
+      })
 
       // The relay timeout should have been cancelled
       txDispatchSpy.mockClear()
-      await act(() => {
+      act(() => {
         jest.advanceTimersByTime(3 * 60_000 + 1)
       })
       expect(txDispatchSpy).not.toHaveBeenCalled()
@@ -112,21 +115,24 @@ describe('txMonitor', () => {
 
       const mockFetch = jest.spyOn(global, 'fetch')
 
-      waitForRelayedTx('0x1', ['0x2'], safeAddress)
+      waitForRelayedTx('0x1', ['0x2'], safeAddress, 1)
 
-      await act(() => {
+      act(() => {
         jest.advanceTimersByTime(15_000 + 1)
       })
 
-      expect(mockFetch).toHaveBeenCalledTimes(1)
-      expect(txDispatchSpy).toHaveBeenCalledWith('REVERTED', {
-        txId: '0x2',
-        error: new Error(`Relayed transaction reverted by EVM.`),
+      await waitFor(() => {
+        expect(mockFetch).toHaveBeenCalledTimes(1)
+        expect(txDispatchSpy).toHaveBeenCalledWith('REVERTED', {
+          nonce: 1,
+          txId: '0x2',
+          error: new Error(`Relayed transaction reverted by EVM.`),
+        })
       })
 
       // The relay timeout should have been cancelled
       txDispatchSpy.mockClear()
-      await act(() => {
+      act(() => {
         jest.advanceTimersByTime(3 * 60_000 + 1)
       })
       expect(txDispatchSpy).not.toHaveBeenCalled()
@@ -142,21 +148,24 @@ describe('txMonitor', () => {
 
       const mockFetch = jest.spyOn(global, 'fetch')
 
-      waitForRelayedTx('0x1', ['0x2'], safeAddress)
+      waitForRelayedTx('0x1', ['0x2'], safeAddress, 1)
 
-      await act(() => {
+      act(() => {
         jest.advanceTimersByTime(15_000 + 1)
       })
 
-      expect(mockFetch).toHaveBeenCalledTimes(1)
-      expect(txDispatchSpy).toHaveBeenCalledWith('FAILED', {
-        txId: '0x2',
-        error: new Error(`Relayed transaction was blacklisted by relay provider.`),
+      await waitFor(() => {
+        expect(mockFetch).toHaveBeenCalledTimes(1)
+        expect(txDispatchSpy).toHaveBeenCalledWith('FAILED', {
+          nonce: 1,
+          txId: '0x2',
+          error: new Error(`Relayed transaction was blacklisted by relay provider.`),
+        })
       })
 
       // The relay timeout should have been cancelled
       txDispatchSpy.mockClear()
-      await act(() => {
+      act(() => {
         jest.advanceTimersByTime(3 * 60_000 + 1)
       })
       expect(txDispatchSpy).not.toHaveBeenCalled()
@@ -172,21 +181,24 @@ describe('txMonitor', () => {
 
       const mockFetch = jest.spyOn(global, 'fetch')
 
-      waitForRelayedTx('0x1', ['0x2'], safeAddress)
+      waitForRelayedTx('0x1', ['0x2'], safeAddress, 1)
 
-      await act(() => {
+      act(() => {
         jest.advanceTimersByTime(15_000 + 1)
       })
 
-      expect(mockFetch).toHaveBeenCalledTimes(1)
-      expect(txDispatchSpy).toHaveBeenCalledWith('FAILED', {
-        txId: '0x2',
-        error: new Error(`Relayed transaction was cancelled by relay provider.`),
+      await waitFor(() => {
+        expect(mockFetch).toHaveBeenCalledTimes(1)
+        expect(txDispatchSpy).toHaveBeenCalledWith('FAILED', {
+          nonce: 1,
+          txId: '0x2',
+          error: new Error(`Relayed transaction was cancelled by relay provider.`),
+        })
       })
 
       // The relay timeout should have been cancelled
       txDispatchSpy.mockClear()
-      await act(() => {
+      act(() => {
         jest.advanceTimersByTime(3 * 60_000 + 1)
       })
       expect(txDispatchSpy).not.toHaveBeenCalled()
@@ -202,21 +214,24 @@ describe('txMonitor', () => {
 
       const mockFetch = jest.spyOn(global, 'fetch')
 
-      waitForRelayedTx('0x1', ['0x2'], safeAddress)
+      waitForRelayedTx('0x1', ['0x2'], safeAddress, 1)
 
-      await act(() => {
+      act(() => {
         jest.advanceTimersByTime(15_000 + 1)
       })
 
-      expect(mockFetch).toHaveBeenCalledTimes(1)
-      expect(txDispatchSpy).toHaveBeenCalledWith('FAILED', {
-        txId: '0x2',
-        error: new Error(`Relayed transaction was not found.`),
+      await waitFor(() => {
+        expect(mockFetch).toHaveBeenCalledTimes(1)
+        expect(txDispatchSpy).toHaveBeenCalledWith('FAILED', {
+          nonce: 1,
+          txId: '0x2',
+          error: new Error(`Relayed transaction was not found.`),
+        })
       })
 
       // The relay timeout should have been cancelled
       txDispatchSpy.mockClear()
-      await act(() => {
+      act(() => {
         jest.advanceTimersByTime(3 * 60_000 + 1)
       })
       expect(txDispatchSpy).not.toHaveBeenCalled()
@@ -230,13 +245,14 @@ describe('txMonitor', () => {
       }
       global.fetch = jest.fn().mockImplementation(setupFetchStub(mockData))
 
-      waitForRelayedTx('0x1', ['0x2'], safeAddress)
+      waitForRelayedTx('0x1', ['0x2'], safeAddress, 1)
 
-      await act(() => {
+      act(() => {
         jest.advanceTimersByTime(3 * 60_000 + 1)
       })
 
       expect(txDispatchSpy).toHaveBeenCalledWith('FAILED', {
+        nonce: 1,
         txId: '0x2',
         error: new Error('Transaction not relayed in 3 minutes. Be aware that it might still be relayed.'),
       })
diff --git a/src/services/tx/encodeSignatures.ts b/apps/web/src/services/tx/encodeSignatures.ts
similarity index 91%
rename from src/services/tx/encodeSignatures.ts
rename to apps/web/src/services/tx/encodeSignatures.ts
index 18f009899..bc80b9a35 100644
--- a/src/services/tx/encodeSignatures.ts
+++ b/apps/web/src/services/tx/encodeSignatures.ts
@@ -1,4 +1,4 @@
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import type { SafeTransaction } from '@safe-global/types-kit'
 import { generatePreValidatedSignature } from '@safe-global/protocol-kit/dist/src/utils/signatures'
 
 export const encodeSignatures = (
diff --git a/apps/web/src/services/tx/extractTxInfo.ts b/apps/web/src/services/tx/extractTxInfo.ts
new file mode 100644
index 000000000..5c0a5e652
--- /dev/null
+++ b/apps/web/src/services/tx/extractTxInfo.ts
@@ -0,0 +1,59 @@
+import type { OperationType } from '@safe-global/types-kit'
+import { type SafeTransactionData } from '@safe-global/types-kit'
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { Operation } from '@safe-global/safe-gateway-typescript-sdk'
+import { isMultisigDetailedExecutionInfo } from '@/utils/transaction-guards'
+
+const ZERO_ADDRESS: string = '0x0000000000000000000000000000000000000000'
+
+/**
+ * Convert the CGW tx type to a Safe Core SDK tx
+ */
+const extractTxInfo = (
+  txDetails: TransactionDetails,
+): { txParams: SafeTransactionData; signatures: Record<string, string> } => {
+  const execInfo = isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)
+    ? txDetails.detailedExecutionInfo
+    : undefined
+  const txData = txDetails?.txData
+
+  // Format signatures into a map
+  const signatures =
+    execInfo?.confirmations.reduce(
+      (result, item) => {
+        result[item.signer.value] = item.signature ?? ''
+        return result
+      },
+      {} as Record<string, string>,
+    ) ?? {}
+
+  const nonce = execInfo?.nonce ?? 0
+  const baseGas = execInfo?.baseGas ?? '0'
+  const gasPrice = execInfo?.gasPrice ?? '0'
+  const safeTxGas = execInfo?.safeTxGas ?? '0'
+  const gasToken = execInfo?.gasToken ?? ZERO_ADDRESS
+  const refundReceiver = execInfo?.refundReceiver.value ?? ZERO_ADDRESS
+
+  const to = txData?.to.value ?? ZERO_ADDRESS
+  const value = txData?.value ?? '0'
+  const data = txData?.hexData ?? '0x'
+  const operation = (txData?.operation ?? Operation.CALL) as unknown as OperationType
+
+  return {
+    txParams: {
+      data,
+      baseGas,
+      gasPrice,
+      safeTxGas,
+      gasToken,
+      nonce,
+      refundReceiver,
+      value,
+      to,
+      operation,
+    },
+    signatures,
+  }
+}
+
+export default extractTxInfo
diff --git a/src/services/tx/proposeTransaction.ts b/apps/web/src/services/tx/proposeTransaction.ts
similarity index 92%
rename from src/services/tx/proposeTransaction.ts
rename to apps/web/src/services/tx/proposeTransaction.ts
index 353a12b7f..67574c1cd 100644
--- a/src/services/tx/proposeTransaction.ts
+++ b/apps/web/src/services/tx/proposeTransaction.ts
@@ -1,6 +1,6 @@
 import type { Operation, TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
 import { proposeTransaction } from '@safe-global/safe-gateway-typescript-sdk'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import type { SafeTransaction } from '@safe-global/types-kit'
 
 const proposeTx = async (
   chainId: string,
diff --git a/apps/web/src/services/tx/safeUpdateParams.ts b/apps/web/src/services/tx/safeUpdateParams.ts
new file mode 100644
index 000000000..185b130e7
--- /dev/null
+++ b/apps/web/src/services/tx/safeUpdateParams.ts
@@ -0,0 +1,121 @@
+import type { SafeContractImplementationType } from '@safe-global/protocol-kit/dist/src/types/contracts'
+import type { MetaTransactionData, SafeVersion } from '@safe-global/types-kit'
+import { OperationType } from '@safe-global/types-kit'
+import type { ChainInfo, TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import semverSatisfies from 'semver/functions/satisfies'
+import { getReadOnlyFallbackHandlerContract, getReadOnlyGnosisSafeContract } from '@/services/contracts/safeContracts'
+import { SAFE_FEATURES } from '@safe-global/protocol-kit/dist/src/utils/safeVersions'
+import { hasSafeFeature } from '@/utils/safe-versions'
+import { createUpdateMigration } from '@/utils/safe-migrations'
+import { isMultiSendCalldata } from '@/utils/transaction-calldata'
+import { decodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils'
+import { Gnosis_safe__factory } from '@safe-global/utils/types/contracts/factories/@safe-global/safe-deployments/dist/assets/v1.1.1'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { determineMasterCopyVersion } from '@/features/counterfactual/utils'
+import { getSafeMigrationDeployment } from '@safe-global/safe-deployments'
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+import { assertValidSafeVersion } from '@safe-global/utils/services/contracts/utils'
+import { SAFE_TO_L2_MIGRATION_VERSION } from '@safe-global/utils/config/constants'
+
+const getChangeFallbackHandlerCallData = async (
+  safeContractInstance: SafeContractImplementationType,
+  chain: ChainInfo,
+): Promise<string> => {
+  if (!hasSafeFeature(SAFE_FEATURES.SAFE_FALLBACK_HANDLER, getLatestSafeVersion(chain))) {
+    return '0x'
+  }
+
+  const fallbackHandlerAddress = (await getReadOnlyFallbackHandlerContract(getLatestSafeVersion(chain))).getAddress()
+  // @ts-ignore
+  return safeContractInstance.encode('setFallbackHandler', [fallbackHandlerAddress])
+}
+
+/**
+ * For 1.3.0 Safes, does a delegate call to a migration contract.
+ *
+ * For older Safes, creates two transactions:
+ * - change the mastercopy address
+ * - set the fallback handler address
+ */
+export const createUpdateSafeTxs = async (safe: SafeState, chain: ChainInfo): Promise<MetaTransactionData[]> => {
+  assertValidSafeVersion(safe.version)
+
+  // 1.3.0 Safes are updated using a delegate call to a migration contract
+  if (semverSatisfies(safe.version, '1.3.0')) {
+    return [createUpdateMigration(chain, safe.version, safe.fallbackHandler?.value)]
+  }
+
+  // For older Safes, we need to create two transactions
+  const latestMasterCopyAddress = (await getReadOnlyGnosisSafeContract(chain, getLatestSafeVersion(chain))).getAddress()
+  const currentReadOnlySafeContract = await getReadOnlyGnosisSafeContract(chain, safe.version)
+
+  const updatedReadOnlySafeContract = await getReadOnlyGnosisSafeContract(chain, getLatestSafeVersion(chain))
+
+  // @ts-expect-error this was removed in 1.3.0 but we need to support it for older safe versions
+  const changeMasterCopyCallData = currentReadOnlySafeContract.encode('changeMasterCopy', [latestMasterCopyAddress])
+  const changeFallbackHandlerCallData = await getChangeFallbackHandlerCallData(updatedReadOnlySafeContract, chain)
+
+  const txs: MetaTransactionData[] = [
+    {
+      to: safe.address.value,
+      value: '0',
+      data: changeMasterCopyCallData,
+      operation: OperationType.Call,
+    },
+    {
+      to: safe.address.value,
+      value: '0',
+      data: changeFallbackHandlerCallData,
+      operation: OperationType.Call,
+    },
+  ]
+
+  return txs
+}
+const SAFE_1_1_1_INTERFACE = Gnosis_safe__factory.createInterface()
+
+export const extractTargetVersionFromUpdateSafeTx = (
+  txData: TransactionData | undefined,
+  safe: SafeState,
+): SafeVersion | undefined => {
+  if (!txData) {
+    return
+  }
+  const data = txData.hexData ?? '0x'
+  let migrationTxData: MetaTransactionData = {
+    to: txData.to.value,
+    data,
+    value: txData.value ?? '0',
+    operation: txData.operation as number,
+  }
+  if (isMultiSendCalldata(data)) {
+    // Decode multisend and check the first call
+    const txs = decodeMultiSendData(data)
+    if (txs.length === 2) {
+      // First tx is the upgrade. Second sets the fallback handler
+      migrationTxData = txs[0]
+    }
+  }
+
+  // Below Safe 1.3.0 the call will be to the Safe itself and call changeMasterCopy
+  if (
+    sameAddress(migrationTxData.to, safe.address.value) &&
+    migrationTxData.data.startsWith(SAFE_1_1_1_INTERFACE.getFunction('changeMasterCopy').selector)
+  ) {
+    // Decode call and check which Safe version it is
+    const decodedData = SAFE_1_1_1_INTERFACE.decodeFunctionData('changeMasterCopy', migrationTxData.data)
+    return determineMasterCopyVersion(decodedData[0], safe.chainId)
+  }
+
+  const safeMigrationAddress = getSafeMigrationDeployment({
+    version: SAFE_TO_L2_MIGRATION_VERSION,
+    network: safe.chainId,
+  })?.networkAddresses[safe.chainId]
+
+  // Otherwise it must be a delegate call to the SafeMigration 1.4.1 contract
+  if (migrationTxData.operation === 1 && sameAddress(safeMigrationAddress, migrationTxData.to)) {
+    // This contract can only migrate to 1.4.1
+    return SAFE_TO_L2_MIGRATION_VERSION
+  }
+}
diff --git a/src/services/tx/spendingLimitParams.ts b/apps/web/src/services/tx/spendingLimitParams.ts
similarity index 95%
rename from src/services/tx/spendingLimitParams.ts
rename to apps/web/src/services/tx/spendingLimitParams.ts
index 8246f32ab..0f646889b 100644
--- a/src/services/tx/spendingLimitParams.ts
+++ b/apps/web/src/services/tx/spendingLimitParams.ts
@@ -1,5 +1,5 @@
 import { getReadOnlyGnosisSafeContract } from '@/services/contracts/safeContracts'
-import type { MetaTransactionData } from '@safe-global/safe-core-sdk-types'
+import type { MetaTransactionData } from '@safe-global/types-kit'
 import { getSpendingLimitInterface } from '@/services/contracts/spendingLimitContracts'
 import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
 
@@ -11,6 +11,7 @@ export const createEnableModuleTx = async (
 ): Promise<MetaTransactionData> => {
   const contract = await getReadOnlyGnosisSafeContract(chain, safeVersion)
 
+  // @ts-ignore
   const data = contract.encode('enableModule', [spendingLimitAddress])
 
   return {
diff --git a/src/services/tx/tokenTransferParams.ts b/apps/web/src/services/tx/tokenTransferParams.ts
similarity index 79%
rename from src/services/tx/tokenTransferParams.ts
rename to apps/web/src/services/tx/tokenTransferParams.ts
index 233c5664b..7d37031d6 100644
--- a/src/services/tx/tokenTransferParams.ts
+++ b/apps/web/src/services/tx/tokenTransferParams.ts
@@ -1,8 +1,8 @@
-import type { MetaTransactionData } from '@safe-global/safe-core-sdk-types'
-import type { DecodedDataResponse } from '@safe-global/safe-gateway-typescript-sdk'
-import { safeParseUnits } from '@/utils/formatters'
+import type { MetaTransactionData } from '@safe-global/types-kit'
+import { ConfirmationViewTypes, type BaselineConfirmationView } from '@safe-global/safe-gateway-typescript-sdk'
+import { safeParseUnits } from '@safe-global/utils/utils/formatters'
 import { Interface } from 'ethers'
-import { checksumAddress, sameAddress } from '@/utils/addresses'
+import { checksumAddress, sameAddress } from '@safe-global/utils/utils/addresses'
 
 // CryptoKitties Contract Addresses by network
 // This is an exception made for a popular NFT that's not ERC721 standard-compatible,
@@ -27,7 +27,7 @@ const encodeERC721TransferData = (from: string, to: string, tokenId: string): st
 export const createTokenTransferParams = (
   recipient: string,
   amount: string,
-  decimals: number,
+  decimals: number | null | undefined,
   tokenAddress: string,
 ): MetaTransactionData => {
   const isNativeToken = parseInt(tokenAddress, 16) === 0
@@ -66,19 +66,23 @@ export const createNftTransferParams = (
   }
 }
 
-export const getNativeTransferData = (data: MetaTransactionData): DecodedDataResponse => {
+export const getNativeTransferData = ({
+  to,
+  value,
+}: Pick<MetaTransactionData, 'to' | 'value'>): BaselineConfirmationView => {
   return {
-    method: 'Native token transfer',
+    type: ConfirmationViewTypes.GENERIC,
+    method: '',
     parameters: [
       {
         name: 'to',
         type: 'address',
-        value: data.to,
+        value: to,
       },
       {
         name: 'value',
         type: 'uint256',
-        value: data.value,
+        value,
       },
     ],
   }
diff --git a/src/services/tx/tx-sender/__tests__/ts-sender.test.ts b/apps/web/src/services/tx/tx-sender/__tests__/ts-sender.test.ts
similarity index 78%
rename from src/services/tx/tx-sender/__tests__/ts-sender.test.ts
rename to apps/web/src/services/tx/tx-sender/__tests__/ts-sender.test.ts
index f961694bd..6e67fd86c 100644
--- a/src/services/tx/tx-sender/__tests__/ts-sender.test.ts
+++ b/apps/web/src/services/tx/tx-sender/__tests__/ts-sender.test.ts
@@ -1,5 +1,6 @@
 import { setSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
 import type Safe from '@safe-global/protocol-kit'
+import type { MultiSendCallOnlyContractImplementationType } from '@safe-global/protocol-kit'
 import { type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
 import { getTransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
 import extractTxInfo from '../../extractTxInfo'
@@ -23,10 +24,9 @@ import {
 } from 'ethers'
 import * as safeContracts from '@/services/contracts/safeContracts'
 
-import type { MultiSendCallOnlyEthersContract } from '@safe-global/protocol-kit'
 import * as web3 from '@/hooks/wallets/web3'
 
-const setupFetchStub = (data: any) => (_url: string) => {
+const setupFetchStub = (data: any) => () => {
   return Promise.resolve({
     json: () => Promise.resolve(data),
     status: 200,
@@ -43,12 +43,14 @@ const SIGNER_ADDRESS = '0x1234567890123456789012345678901234567890'
 const TX_HASH = '0x1234567890'
 // Mock getTransactionDetails
 jest.mock('@safe-global/safe-gateway-typescript-sdk', () => ({
+  ...jest.requireActual('@safe-global/safe-gateway-typescript-sdk'),
   getTransactionDetails: jest.fn(),
   postSafeGasEstimation: jest.fn(() => Promise.resolve({ safeTxGas: 60000, recommendedNonce: 17 })),
   Operation: {
     CALL: 0,
   },
   relayTransaction: jest.fn(() => Promise.resolve({ taskId: '0xdead1' })),
+  __esModule: true,
 }))
 
 // Mock extractTxInfo
@@ -72,7 +74,7 @@ const mockSafeSDK = {
     signatures: new Map(),
     addSignature: jest.fn(),
     data: {
-      nonce: '1',
+      nonce: 1,
     },
   })),
   createRejectionTransaction: jest.fn(() => ({
@@ -102,7 +104,7 @@ describe('txSender', () => {
     const mockBrowserProvider = new BrowserProvider(MockEip1193Provider)
 
     jest.spyOn(mockBrowserProvider, 'getSigner').mockImplementation(
-      async (address?: string | number | undefined) =>
+      async () =>
         Promise.resolve({
           getAddress: jest.fn(() => Promise.resolve('0x0000000000000000000000000000000000000123')),
           provider: MockEip1193Provider,
@@ -161,7 +163,7 @@ describe('txSender', () => {
 
   describe('createExistingTx', () => {
     it('should create a tx from an existing proposal', async () => {
-      const tx = await createExistingTx('4', '0x123', '0x345')
+      const tx = await createExistingTx('4', '0x345')
 
       expect(getTransactionDetails).toHaveBeenCalledWith('4', '0x345')
       expect(extractTxInfo).toHaveBeenCalled()
@@ -210,7 +212,7 @@ describe('txSender', () => {
       expect(proposeTx).toHaveBeenCalledWith('4', '0x123', '0x456', tx, '0x1234567890', undefined)
       expect(proposedTx).toEqual({ txId: '123' })
 
-      expect(txEvents.txDispatch).toHaveBeenCalledWith('PROPOSED', { txId: '123' })
+      expect(txEvents.txDispatch).toHaveBeenCalledWith('PROPOSED', { txId: '123', nonce: 0 })
     })
 
     it('should dispatch a SIGNATURE_PROPOSED event if tx has signatures and an id', async () => {
@@ -231,7 +233,11 @@ describe('txSender', () => {
       expect(proposeTx).toHaveBeenCalledWith('4', '0x123', '0x456', tx, '0x1234567890', undefined)
       expect(proposedTx).toEqual({ txId: '123' })
 
-      expect(txEvents.txDispatch).toHaveBeenCalledWith('SIGNATURE_PROPOSED', { txId: '123', signerAddress: '0x456' })
+      expect(txEvents.txDispatch).toHaveBeenCalledWith('SIGNATURE_PROPOSED', {
+        txId: '123',
+        signerAddress: '0x456',
+        nonce: 0,
+      })
     })
 
     it('should fail to propose a signature', async () => {
@@ -281,12 +287,11 @@ describe('txSender', () => {
         nonce: 1,
       })
 
-      const signedTx = await dispatchTxSigning(tx, '1.3.0', MockEip1193Provider, '0x345')
+      const signedTx = await dispatchTxSigning(tx, MockEip1193Provider, '0x345')
 
       expect(mockSafeSDK.createTransaction).toHaveBeenCalled()
 
       expect(mockSafeSDK.signTransaction).toHaveBeenCalledWith(expect.anything(), 'eth_signTypedData')
-      expect(mockSafeSDK.signTransaction).not.toHaveBeenCalledWith(expect.anything(), 'eth_sign')
 
       expect(signedTx).not.toBe(tx)
 
@@ -302,12 +307,11 @@ describe('txSender', () => {
         nonce: 1,
       })
 
-      const signedTx = await dispatchTxSigning(tx, '1.0.0', MockEip1193Provider, '0x345')
+      const signedTx = await dispatchTxSigning(tx, MockEip1193Provider, '0x345')
 
       expect(mockSafeSDK.createTransaction).toHaveBeenCalledTimes(1)
 
       expect(mockSafeSDK.signTransaction).toHaveBeenCalledWith(expect.anything(), 'eth_signTypedData')
-      expect(mockSafeSDK.signTransaction).not.toHaveBeenCalledWith(expect.anything(), 'eth_sign')
 
       expect(signedTx).not.toBe(tx)
 
@@ -323,35 +327,11 @@ describe('txSender', () => {
         nonce: 1,
       })
 
-      const signedTx = await dispatchTxSigning(tx, null, MockEip1193Provider, '0x345')
-
-      expect(mockSafeSDK.createTransaction).toHaveBeenCalledTimes(1)
-
-      expect(mockSafeSDK.signTransaction).toHaveBeenCalledWith(expect.anything(), 'eth_signTypedData')
-      expect(mockSafeSDK.signTransaction).not.toHaveBeenCalledWith(expect.anything(), 'eth_sign')
-
-      expect(signedTx).not.toBe(tx)
-
-      expect(txEvents.txDispatch).not.toHaveBeenCalledWith('SIGN_FAILED', { txId: '0x345', error: new Error('error') })
-      expect(txEvents.txDispatch).toHaveBeenCalledWith('SIGNED', { txId: '0x345' })
-    })
-
-    it('should iterate over each signing method on newer Safes', async () => {
-      ;(mockSafeSDK.signTransaction as jest.Mock).mockImplementationOnce(() => Promise.reject(new Error('error'))) // `eth_signTypedData` fails
-
-      const tx = await createTx({
-        to: '0x123',
-        value: '1',
-        data: '0x0',
-        nonce: 1,
-      })
-
-      const signedTx = await dispatchTxSigning(tx, '1.3.0', MockEip1193Provider, '0x345')
+      const signedTx = await dispatchTxSigning(tx, MockEip1193Provider, '0x345')
 
       expect(mockSafeSDK.createTransaction).toHaveBeenCalledTimes(1)
 
       expect(mockSafeSDK.signTransaction).toHaveBeenCalledWith(expect.anything(), 'eth_signTypedData')
-      expect(mockSafeSDK.signTransaction).toHaveBeenCalledWith(expect.anything(), 'eth_sign')
 
       expect(signedTx).not.toBe(tx)
 
@@ -359,42 +339,10 @@ describe('txSender', () => {
       expect(txEvents.txDispatch).toHaveBeenCalledWith('SIGNED', { txId: '0x345' })
     })
 
-    it('should not iterate over the sequential signing method if the previous threw a rejection error', async () => {
-      ;(mockSafeSDK.signTransaction as jest.Mock).mockImplementationOnce(() => Promise.reject(new Error('rejected'))) // `eth_signTypedData` fails
-
-      const tx = await createTx({
-        to: '0x123',
-        value: '1',
-        data: '0x0',
-        nonce: 1,
-      })
-
-      let signedTx
-
-      try {
-        signedTx = await dispatchTxSigning(tx, '1.3.0', MockEip1193Provider, '0x345')
-      } catch (error) {
-        expect(mockSafeSDK.createTransaction).toHaveBeenCalledTimes(1)
-
-        expect(mockSafeSDK.signTransaction).toHaveBeenCalledWith(expect.anything(), 'eth_signTypedData')
-        expect(mockSafeSDK.signTransaction).not.toHaveBeenCalledWith(expect.anything(), 'eth_sign')
-
-        expect(signedTx).not.toBe(tx)
-
-        expect((error as Error).message).toBe('rejected')
-
-        expect(txEvents.txDispatch).toHaveBeenCalledWith('SIGN_FAILED', {
-          txId: '0x345',
-          error,
-        })
-        expect(txEvents.txDispatch).not.toHaveBeenCalledWith('SIGNED', { txId: '0x345' })
-      }
-    })
-
     it('should throw the non-rejection error if it is the final signing method', async () => {
-      ;(mockSafeSDK.signTransaction as jest.Mock)
-        .mockImplementationOnce(() => Promise.reject(new Error('error'))) // `eth_signTypedData` fails
-        .mockImplementationOnce(() => Promise.reject(new Error('failure-specific error'))) // `eth_sign` fails
+      ;(mockSafeSDK.signTransaction as jest.Mock).mockImplementationOnce(() =>
+        Promise.reject(new Error('failure-specific error')),
+      ) // `eth_signTypedData` fails
 
       const tx = await createTx({
         to: '0x123',
@@ -406,12 +354,11 @@ describe('txSender', () => {
       let signedTx
 
       try {
-        signedTx = await dispatchTxSigning(tx, '1.3.0', MockEip1193Provider, '0x345')
+        signedTx = await dispatchTxSigning(tx, MockEip1193Provider, '0x345')
       } catch (error) {
         expect(mockSafeSDK.createTransaction).toHaveBeenCalledTimes(1)
 
         expect(mockSafeSDK.signTransaction).toHaveBeenCalledWith(expect.anything(), 'eth_signTypedData')
-        expect(mockSafeSDK.signTransaction).toHaveBeenCalledWith(expect.anything(), 'eth_sign')
 
         expect(signedTx).not.toBe(tx)
 
@@ -442,11 +389,12 @@ describe('txSender', () => {
         nonce: 1,
       })
 
-      await dispatchTxExecution(safeTx, { nonce: 1 }, txId, MockEip1193Provider, SIGNER_ADDRESS, safeAddress)
+      await dispatchTxExecution(safeTx, { nonce: 1 }, txId, MockEip1193Provider, SIGNER_ADDRESS, safeAddress, false)
 
       expect(mockSafeSDK.executeTransaction).toHaveBeenCalled()
-      expect(txEvents.txDispatch).toHaveBeenCalledWith('EXECUTING', { txId })
+      expect(txEvents.txDispatch).toHaveBeenCalledWith('EXECUTING', { txId, nonce: 1 })
       expect(txEvents.txDispatch).toHaveBeenCalledWith('PROCESSING', {
+        nonce: 1,
         txId,
         signerAddress: SIGNER_ADDRESS,
         signerNonce: 1,
@@ -454,7 +402,6 @@ describe('txSender', () => {
         gasLimit: undefined,
         txType: 'SafeTx',
       })
-      expect(txEvents.txDispatch).toHaveBeenCalledWith('PROCESSED', { txId, safeAddress, txHash: TX_HASH })
     })
 
     it('should fail executing a tx', async () => {
@@ -470,12 +417,12 @@ describe('txSender', () => {
         nonce: 1,
       })
 
-      await expect(dispatchTxExecution(safeTx, {}, txId, MockEip1193Provider, '5', safeAddress)).rejects.toThrow(
+      await expect(dispatchTxExecution(safeTx, {}, txId, MockEip1193Provider, '5', safeAddress, false)).rejects.toThrow(
         'error',
       )
 
       expect(mockSafeSDK.executeTransaction).toHaveBeenCalled()
-      expect(txEvents.txDispatch).toHaveBeenCalledWith('FAILED', { txId, error: new Error('error') })
+      expect(txEvents.txDispatch).toHaveBeenCalledWith('FAILED', { txId, error: new Error('error'), nonce: 1 })
     })
 
     it('should revert a tx', async () => {
@@ -491,11 +438,12 @@ describe('txSender', () => {
         nonce: 1,
       })
 
-      await dispatchTxExecution(safeTx, { nonce: 1 }, txId, MockEip1193Provider, SIGNER_ADDRESS, '0x123')
+      await dispatchTxExecution(safeTx, { nonce: 1 }, txId, MockEip1193Provider, SIGNER_ADDRESS, '0x123', false)
 
       expect(mockSafeSDK.executeTransaction).toHaveBeenCalled()
-      expect(txEvents.txDispatch).toHaveBeenCalledWith('EXECUTING', { txId })
+      expect(txEvents.txDispatch).toHaveBeenCalledWith('EXECUTING', { txId, nonce: 1 })
       expect(txEvents.txDispatch).toHaveBeenCalledWith('PROCESSING', {
+        nonce: 1,
         txId,
         signerAddress: SIGNER_ADDRESS,
         signerNonce: 1,
@@ -503,10 +451,6 @@ describe('txSender', () => {
         txType: 'SafeTx',
         gasLimit: undefined,
       })
-      expect(txEvents.txDispatch).toHaveBeenCalledWith('REVERTED', {
-        txId,
-        error: new Error('Transaction reverted by EVM.'),
-      })
     })
   })
 
@@ -517,10 +461,16 @@ describe('txSender', () => {
 
       const txDetails1 = {
         txId: 'multisig_0x01',
+        detailedExecutionInfo: {
+          type: 'MULTISIG',
+        },
       } as TransactionDetails
 
       const txDetails2 = {
         txId: 'multisig_0x02',
+        detailedExecutionInfo: {
+          type: 'MULTISIG',
+        },
       } as TransactionDetails
 
       const txs = [txDetails1, txDetails2]
@@ -528,13 +478,9 @@ describe('txSender', () => {
       const expectedData = '0xfefe'
 
       const multisendContractMock = {
-        contract: {
-          interface: {
-            encodeFunctionData: jest.fn(() => expectedData),
-          },
-        } as any,
-        getAddress: async () => mockMultisendAddress,
-      } as MultiSendCallOnlyEthersContract
+        encode: jest.fn(() => expectedData),
+        getAddress: () => mockMultisendAddress,
+      } as unknown as MultiSendCallOnlyContractImplementationType
 
       jest
         .spyOn(safeContracts, 'getReadOnlyMultiSendCallOnlyContract')
diff --git a/apps/web/src/services/tx/tx-sender/create.ts b/apps/web/src/services/tx/tx-sender/create.ts
new file mode 100644
index 000000000..6ace4e0f2
--- /dev/null
+++ b/apps/web/src/services/tx/tx-sender/create.ts
@@ -0,0 +1,133 @@
+import { getReadOnlyGnosisSafeContract } from '@/services/contracts/safeContracts'
+import { SENTINEL_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import type { ChainInfo, TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { getTransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import type { AddOwnerTxParams, RemoveOwnerTxParams, SwapOwnerTxParams } from '@safe-global/protocol-kit'
+import type { MetaTransactionData, SafeTransaction, SafeTransactionDataPartial } from '@safe-global/types-kit'
+import extractTxInfo from '../extractTxInfo'
+import { getAndValidateSafeSDK } from './sdk'
+
+/**
+ * Create a transaction from raw params
+ */
+export const createTx = async (txParams: SafeTransactionDataPartial, nonce?: number): Promise<SafeTransaction> => {
+  if (nonce !== undefined) txParams = { ...txParams, nonce }
+  const safeSDK = getAndValidateSafeSDK()
+  return safeSDK.createTransaction({ transactions: [txParams] })
+}
+
+/**
+ * Create a multiSendCallOnly transaction from an array of MetaTransactionData and options
+ * If only one tx is passed it will be created without multiSend and without onlyCalls.
+ */
+export const createMultiSendCallOnlyTx = async (txParams: MetaTransactionData[]): Promise<SafeTransaction> => {
+  const safeSDK = getAndValidateSafeSDK()
+  return safeSDK.createTransaction({ transactions: txParams, onlyCalls: true })
+}
+
+export const createRemoveOwnerTx = async (txParams: RemoveOwnerTxParams): Promise<SafeTransaction> => {
+  const safeSDK = getAndValidateSafeSDK()
+  return safeSDK.createRemoveOwnerTx(txParams)
+}
+
+export const createAddOwnerTx = async (
+  chain: ChainInfo,
+  isDeployed: boolean,
+  txParams: AddOwnerTxParams,
+): Promise<SafeTransaction> => {
+  const safeSDK = getAndValidateSafeSDK()
+  if (isDeployed) return safeSDK.createAddOwnerTx(txParams)
+
+  const safeVersion = safeSDK.getContractVersion()
+
+  const contract = await getReadOnlyGnosisSafeContract(chain, safeVersion)
+  // @ts-ignore
+  const data = contract.encode('addOwnerWithThreshold', [txParams.ownerAddress, txParams.threshold])
+
+  const tx = {
+    to: await safeSDK.getAddress(),
+    value: '0',
+    data,
+  }
+
+  return safeSDK.createTransaction({
+    transactions: [tx],
+  })
+}
+
+export const createSwapOwnerTx = async (
+  chain: ChainInfo,
+  isDeployed: boolean,
+  txParams: SwapOwnerTxParams,
+): Promise<SafeTransaction> => {
+  const safeSDK = getAndValidateSafeSDK()
+  if (isDeployed) return safeSDK.createSwapOwnerTx(txParams)
+
+  const safeVersion = safeSDK.getContractVersion()
+
+  const contract = await getReadOnlyGnosisSafeContract(chain, safeVersion)
+  // @ts-ignore SwapOwnerTxParams is a union type and the method expects a specific one
+  const data = contract.encode('swapOwner', [SENTINEL_ADDRESS, txParams.oldOwnerAddress, txParams.newOwnerAddress])
+
+  const tx = {
+    to: await safeSDK.getAddress(),
+    value: '0',
+    data,
+  }
+
+  return safeSDK.createTransaction({
+    transactions: [tx],
+  })
+}
+
+export const createUpdateThresholdTx = async (threshold: number): Promise<SafeTransaction> => {
+  const safeSDK = getAndValidateSafeSDK()
+  return safeSDK.createChangeThresholdTx(threshold)
+}
+
+export const createRemoveModuleTx = async (moduleAddress: string): Promise<SafeTransaction> => {
+  const safeSDK = getAndValidateSafeSDK()
+  return safeSDK.createDisableModuleTx(moduleAddress)
+}
+
+export const createRemoveGuardTx = async (): Promise<SafeTransaction> => {
+  const safeSDK = getAndValidateSafeSDK()
+  return safeSDK.createDisableGuardTx()
+}
+
+/**
+ * Create a rejection tx
+ */
+export const createRejectTx = async (nonce: number): Promise<SafeTransaction> => {
+  const safeSDK = getAndValidateSafeSDK()
+  return safeSDK.createRejectionTransaction(nonce)
+}
+
+/**
+ * Prepare a SafeTransaction from Client Gateway / Tx Queue
+ */
+export const createExistingTx = async (
+  chainId: string,
+  txId: string,
+  txDetails?: TransactionDetails,
+): Promise<SafeTransaction> => {
+  // Get the tx details from the backend if not provided
+  txDetails = txDetails || (await getTransactionDetails(chainId, txId))
+
+  // Convert them to the Core SDK tx params
+  const { txParams, signatures } = extractTxInfo(txDetails)
+
+  // Create a tx and add pre-approved signatures
+  const safeTx = await createTx(txParams, txParams.nonce)
+  Object.entries(signatures).forEach(([signer, data]) => {
+    safeTx.addSignature({
+      signer,
+      data,
+      staticPart: () => data,
+      dynamicPart: () => '',
+      isContractSignature: false,
+    })
+  })
+
+  return safeTx
+}
diff --git a/apps/web/src/services/tx/tx-sender/dispatch.ts b/apps/web/src/services/tx/tx-sender/dispatch.ts
new file mode 100644
index 000000000..d5b465c0c
--- /dev/null
+++ b/apps/web/src/services/tx/tx-sender/dispatch.ts
@@ -0,0 +1,603 @@
+import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import { isMultisigExecutionInfo } from '@/utils/transaction-guards'
+import { isEthSignWallet, isSmartContractWallet } from '@/utils/wallets'
+import type { MultiSendCallOnlyContractImplementationType } from '@safe-global/protocol-kit'
+import { type ChainInfo, relayTransaction, type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+
+import type {
+  SafeSignature,
+  SafeTransaction,
+  Transaction,
+  TransactionOptions,
+  TransactionResult,
+} from '@safe-global/types-kit'
+import { didRevert } from '@/utils/ethers-utils'
+import { type SpendingLimitTxParams } from '@/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx'
+import { getSpendingLimitContract } from '@/services/contracts/spendingLimitContracts'
+import type { ContractTransactionResponse, Eip1193Provider, Overrides, TransactionResponse } from 'ethers'
+import type { RequestId } from '@safe-global/safe-apps-sdk'
+import proposeTx from '../proposeTransaction'
+import { txDispatch, TxEvent } from '../txEvents'
+import { waitForRelayedTx } from '@/services/tx/txMonitor'
+import { getReadOnlyCurrentGnosisSafeContract } from '@/services/contracts/safeContracts'
+import {
+  getAndValidateSafeSDK,
+  getSafeSDKWithSigner,
+  tryOffChainTxSigning,
+  getUncheckedSigner,
+  prepareTxExecution,
+  prepareApproveTxHash,
+} from './sdk'
+import { createWeb3, getUserNonce } from '@/hooks/wallets/web3'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import chains from '@/config/chains'
+import { createExistingTx } from './create'
+
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+
+/**
+ * Propose a transaction
+ * If txId is passed, it's an existing tx being signed
+ */
+export const dispatchTxProposal = async ({
+  chainId,
+  safeAddress,
+  sender,
+  safeTx,
+  txId,
+  origin,
+}: {
+  chainId: string
+  safeAddress: string
+  sender: string
+  safeTx: SafeTransaction
+  txId?: string
+  origin?: string
+}): Promise<TransactionDetails> => {
+  const safeSDK = getAndValidateSafeSDK()
+  const safeTxHash = await safeSDK.getTransactionHash(safeTx)
+
+  let proposedTx: TransactionDetails | undefined
+  try {
+    proposedTx = await proposeTx(chainId, safeAddress, sender, safeTx, safeTxHash, origin)
+  } catch (error) {
+    if (txId) {
+      txDispatch(TxEvent.SIGNATURE_PROPOSE_FAILED, { txId, error: asError(error) })
+    } else {
+      txDispatch(TxEvent.PROPOSE_FAILED, { error: asError(error) })
+    }
+    throw error
+  }
+
+  // Dispatch a success event only if the tx is signed
+  // Unsigned txs are proposed only temporarily and won't appear in the queue
+  if (safeTx.signatures.size > 0) {
+    txDispatch(txId ? TxEvent.SIGNATURE_PROPOSED : TxEvent.PROPOSED, {
+      txId: proposedTx.txId,
+      signerAddress: txId ? sender : undefined,
+      nonce: safeTx.data.nonce,
+    })
+  }
+
+  return proposedTx
+}
+
+/**
+ * Sign a transaction
+ */
+export const dispatchTxSigning = async (
+  safeTx: SafeTransaction,
+  provider: Eip1193Provider,
+  txId?: string,
+  isHardwareWallet?: boolean,
+): Promise<SafeTransaction> => {
+  const sdk = await getSafeSDKWithSigner(provider)
+
+  let signedTx: SafeTransaction | undefined
+  try {
+    signedTx = await tryOffChainTxSigning(safeTx, sdk, isHardwareWallet)
+  } catch (error) {
+    txDispatch(TxEvent.SIGN_FAILED, {
+      txId,
+      error: asError(error),
+    })
+    throw error
+  }
+
+  txDispatch(TxEvent.SIGNED, { txId })
+
+  return signedTx
+}
+
+// We have to manually sign because sdk.signTransaction doesn't support proposers
+export const dispatchProposerTxSigning = async (safeTx: SafeTransaction, wallet: ConnectedWallet) => {
+  const sdk = await getSafeSDKWithSigner(wallet.provider)
+
+  let signature: SafeSignature
+  if (isEthSignWallet(wallet)) {
+    const txHash = await sdk.getTransactionHash(safeTx)
+    signature = await sdk.signHash(txHash)
+  } else {
+    signature = await sdk.signTypedData(safeTx)
+  }
+
+  safeTx.addSignature(signature)
+
+  return safeTx
+}
+
+const ZK_SYNC_ON_CHAIN_SIGNATURE_GAS_LIMIT = 4_500_000
+
+/**
+ * On-Chain sign a transaction
+ */
+export const dispatchOnChainSigning = async (
+  safeTx: SafeTransaction,
+  txId: string,
+  provider: Eip1193Provider,
+  chainId: SafeState['chainId'],
+  signerAddress: string,
+  safeAddress: string,
+  isNestedSafe: boolean,
+) => {
+  const sdk = await getSafeSDKWithSigner(provider)
+  const safeTxHash = await sdk.getTransactionHash(safeTx)
+  const eventParams = { txId, nonce: safeTx.data.nonce }
+
+  const options =
+    chainId === chains.zksync || chainId === chains.lens
+      ? { gasLimit: ZK_SYNC_ON_CHAIN_SIGNATURE_GAS_LIMIT }
+      : undefined
+  let txHashOrParentSafeTxHash: string
+  try {
+    // TODO: This is a workaround until there is a fix for unchecked transactions in the protocol-kit
+    const encodedApproveHashTx = await prepareApproveTxHash(safeTxHash, provider)
+
+    // Note: SafeWalletProvider returns transaction hash if it exists, otherwise the safeTxHash
+    // If the parent immediately executes, this will be the transaction hash of the approveHash
+    // otherwise the safeTxHash of it
+    txHashOrParentSafeTxHash = await provider.request({
+      method: 'eth_sendTransaction',
+      params: [{ from: signerAddress, to: safeAddress, data: encodedApproveHashTx, gas: options?.gasLimit }],
+    })
+
+    txDispatch(TxEvent.ONCHAIN_SIGNATURE_REQUESTED, eventParams)
+  } catch (err) {
+    txDispatch(TxEvent.FAILED, { ...eventParams, error: asError(err) })
+    throw err
+  }
+
+  txDispatch(TxEvent.ONCHAIN_SIGNATURE_SUCCESS, eventParams)
+
+  if (isNestedSafe) {
+    txDispatch(TxEvent.NESTED_SAFE_TX_CREATED, {
+      ...eventParams,
+      txHashOrParentSafeTxHash,
+      parentSafeAddress: signerAddress,
+    })
+  }
+
+  // Until the on-chain signature is/has been executed, the safeTx is not
+  // signed so we don't return it
+}
+
+export const dispatchSafeTxSpeedUp = async (
+  txOptions: Omit<TransactionOptions, 'nonce'> & { nonce: number },
+  txId: string,
+  provider: Eip1193Provider,
+  chainId: SafeState['chainId'],
+  signerAddress: string,
+  safeAddress: string,
+  nonce: number,
+) => {
+  const sdk = await getSafeSDKWithSigner(provider)
+  const eventParams = { txId, nonce }
+  const signerNonce = txOptions.nonce
+  const isSmartAccount = await isSmartContractWallet(chainId, signerAddress)
+
+  // Execute the tx
+  let result: TransactionResult | undefined
+  try {
+    const safeTx = await createExistingTx(chainId, txId)
+
+    // TODO: This is a workaround until there is a fix for unchecked transactions in the protocol-kit
+    if (isSmartAccount) {
+      const encodedTx = await prepareTxExecution(safeTx, provider)
+      const txHash = await provider.request({
+        method: 'eth_sendTransaction',
+        params: [{ from: signerAddress, to: safeAddress, data: encodedTx }],
+      })
+
+      result = {
+        hash: txHash,
+        transactionResponse: null,
+      }
+    } else {
+      result = await sdk.executeTransaction(safeTx, txOptions)
+    }
+    txDispatch(TxEvent.EXECUTING, eventParams)
+  } catch (error) {
+    txDispatch(TxEvent.SPEEDUP_FAILED, { ...eventParams, error: asError(error) })
+    throw error
+  }
+
+  txDispatch(TxEvent.PROCESSING, {
+    ...eventParams,
+    txHash: result.hash,
+    signerAddress,
+    signerNonce,
+    gasLimit: txOptions.gasLimit?.toString(),
+    txType: 'SafeTx',
+  })
+
+  return result.hash
+}
+
+export const dispatchCustomTxSpeedUp = async (
+  txOptions: Omit<TransactionOptions, 'nonce'> & { nonce: number },
+  txId: string,
+  to: string,
+  data: string,
+  provider: Eip1193Provider,
+  signerAddress: string,
+  nonce: number,
+) => {
+  const eventParams = { txId, nonce }
+  const signerNonce = txOptions.nonce
+
+  // Execute the tx
+  let result: TransactionResponse | undefined
+  try {
+    const signer = await getUncheckedSigner(provider)
+    result = await signer.sendTransaction({ to, data, ...txOptions })
+    txDispatch(TxEvent.EXECUTING, eventParams)
+  } catch (error) {
+    txDispatch(TxEvent.SPEEDUP_FAILED, { ...eventParams, error: asError(error) })
+    throw error
+  }
+
+  txDispatch(TxEvent.PROCESSING, {
+    txHash: result.hash,
+    signerAddress,
+    signerNonce,
+    data,
+    to,
+    groupKey: result?.hash,
+    txType: 'Custom',
+    nonce,
+  })
+
+  return result.hash
+}
+
+/**
+ * Execute a transaction
+ */
+export const dispatchTxExecution = async (
+  safeTx: SafeTransaction,
+  txOptions: TransactionOptions,
+  txId: string,
+  provider: Eip1193Provider,
+  signerAddress: string,
+  safeAddress: string,
+  isSmartAccount: boolean,
+): Promise<string> => {
+  const sdk = await getSafeSDKWithSigner(provider)
+  const eventParams = { txId, nonce: safeTx.data.nonce }
+
+  const signerNonce = txOptions.nonce ?? (await getUserNonce(signerAddress))
+
+  // Execute the tx
+  let result: TransactionResult | undefined
+  try {
+    // TODO: This is a workaround until there is a fix for unchecked transactions in the protocol-kit
+    if (isSmartAccount) {
+      const encodedTx = await prepareTxExecution(safeTx, provider)
+      const txHash = await provider.request({
+        method: 'eth_sendTransaction',
+        params: [{ from: signerAddress, to: safeAddress, data: encodedTx }],
+      })
+
+      result = {
+        hash: txHash,
+        transactionResponse: null,
+      }
+    } else {
+      result = await sdk.executeTransaction(safeTx, txOptions)
+    }
+    txDispatch(TxEvent.EXECUTING, { ...eventParams })
+  } catch (error) {
+    txDispatch(TxEvent.FAILED, { ...eventParams, error: asError(error) })
+    throw error
+  }
+
+  txDispatch(TxEvent.PROCESSING, {
+    ...eventParams,
+    nonce: safeTx.data.nonce,
+    txHash: result.hash,
+    signerAddress,
+    signerNonce,
+    gasLimit: txOptions.gasLimit?.toString(),
+    txType: 'SafeTx',
+  })
+
+  return result.hash
+}
+
+export const dispatchBatchExecution = async (
+  txs: TransactionDetails[],
+  multiSendContract: MultiSendCallOnlyContractImplementationType,
+  multiSendTxData: `0x${string}`,
+  provider: Eip1193Provider,
+  signerAddress: string,
+  overrides: Omit<Overrides, 'nonce'> & { nonce: number },
+  nonce: number,
+) => {
+  const groupKey = multiSendTxData
+
+  let result: TransactionResponse
+  const txIds = txs.map((tx) => tx.txId)
+  let signerNonce = overrides.nonce
+  let txData = multiSendContract.encode('multiSend', [multiSendTxData])
+
+  try {
+    if (signerNonce === undefined || signerNonce === null) {
+      signerNonce = await getUserNonce(signerAddress)
+    }
+    const signer = await getUncheckedSigner(provider)
+
+    result = await signer.sendTransaction({
+      to: multiSendContract.getAddress(),
+      value: '0',
+      data: txData,
+      ...overrides,
+    })
+
+    txIds.forEach((txId) => {
+      txDispatch(TxEvent.EXECUTING, { txId, groupKey, nonce })
+    })
+  } catch (err) {
+    txIds.forEach((txId) => {
+      txDispatch(TxEvent.FAILED, { txId, error: asError(err), groupKey, nonce })
+    })
+    throw err
+  }
+  const txTo = multiSendContract.getAddress()
+
+  txIds.forEach((txId) => {
+    txDispatch(TxEvent.PROCESSING, {
+      txId,
+      txHash: result.hash,
+      groupKey,
+      signerNonce,
+      signerAddress,
+      txType: 'Custom',
+      data: txData,
+      to: txTo,
+      nonce,
+    })
+  })
+
+  return result!.hash
+}
+
+/**
+ * Execute a module transaction
+ */
+export const dispatchModuleTxExecution = async (
+  tx: Transaction,
+  provider: Eip1193Provider,
+  safeAddress: string,
+): Promise<string> => {
+  const id = JSON.stringify(tx)
+
+  let result: TransactionResponse | undefined
+  try {
+    const browserProvider = createWeb3(provider)
+    const signer = await browserProvider.getSigner()
+
+    txDispatch(TxEvent.EXECUTING, { groupKey: id })
+    result = await signer.sendTransaction(tx)
+  } catch (error) {
+    txDispatch(TxEvent.FAILED, { groupKey: id, error: asError(error) })
+    throw error
+  }
+
+  txDispatch(TxEvent.PROCESSING_MODULE, {
+    groupKey: id,
+    txHash: result.hash,
+  })
+
+  result
+    ?.wait()
+    .then((receipt) => {
+      if (receipt === null) {
+        txDispatch(TxEvent.FAILED, { groupKey: id, error: new Error('No transaction receipt found') })
+      } else if (didRevert(receipt)) {
+        txDispatch(TxEvent.REVERTED, {
+          groupKey: id,
+          error: new Error('Transaction reverted by EVM'),
+        })
+      } else {
+        txDispatch(TxEvent.PROCESSED, { groupKey: id, safeAddress, txHash: result?.hash })
+      }
+    })
+    .catch((error) => {
+      txDispatch(TxEvent.FAILED, { groupKey: id, error: asError(error) })
+    })
+
+  return result?.hash
+}
+
+export const dispatchSpendingLimitTxExecution = async (
+  txParams: SpendingLimitTxParams,
+  txOptions: TransactionOptions,
+  provider: Eip1193Provider,
+  chainId: SafeState['chainId'],
+  safeAddress: string,
+  safeModules: SafeState['modules'],
+) => {
+  const id = JSON.stringify(txParams)
+
+  let result: ContractTransactionResponse | undefined
+  try {
+    const signer = await getUncheckedSigner(provider)
+    const contract = getSpendingLimitContract(chainId, safeModules, signer)
+
+    result = await contract.executeAllowanceTransfer(
+      txParams.safeAddress,
+      txParams.token,
+      txParams.to,
+      txParams.amount,
+      txParams.paymentToken,
+      txParams.payment,
+      txParams.delegate,
+      txParams.signature,
+      txOptions,
+    )
+    txDispatch(TxEvent.EXECUTING, { groupKey: id })
+  } catch (error) {
+    txDispatch(TxEvent.FAILED, { groupKey: id, error: asError(error) })
+    throw error
+  }
+
+  txDispatch(TxEvent.PROCESSING_MODULE, {
+    groupKey: id,
+    txHash: result.hash,
+  })
+
+  result
+    ?.wait()
+    .then((receipt) => {
+      if (receipt === null) {
+        txDispatch(TxEvent.FAILED, { groupKey: id, error: new Error('No transaction receipt found') })
+      } else if (didRevert(receipt)) {
+        txDispatch(TxEvent.REVERTED, {
+          groupKey: id,
+          error: new Error('Transaction reverted by EVM'),
+        })
+      } else {
+        txDispatch(TxEvent.PROCESSED, { groupKey: id, safeAddress, txHash: result?.hash })
+      }
+    })
+    .catch((error) => {
+      txDispatch(TxEvent.FAILED, { groupKey: id, error: asError(error) })
+    })
+
+  return result?.hash
+}
+
+export async function dispatchSafeAppsTx(
+  args: { safeAppRequestId: RequestId; txId?: string } & (
+    | { safeTx: SafeTransaction; provider: Eip1193Provider }
+    | { safeTxHash: string }
+  ),
+): Promise<string> {
+  let safeTxHash: string
+  if ('safeTx' in args && 'provider' in args) {
+    const { safeTx, provider } = args
+    const sdk = await getSafeSDKWithSigner(provider)
+    safeTxHash = await sdk.getTransactionHash(safeTx)
+  } else {
+    safeTxHash = args.safeTxHash
+  }
+
+  const { txId, safeAppRequestId } = args
+  txDispatch(TxEvent.SAFE_APPS_REQUEST, { safeAppRequestId, safeTxHash, txId })
+  return safeTxHash
+}
+
+export const dispatchTxRelay = async (
+  safeTx: SafeTransaction,
+  safe: SafeState,
+  txId: string,
+  chain: ChainInfo,
+  gasLimit?: string | number | bigint,
+) => {
+  const readOnlySafeContract = await getReadOnlyCurrentGnosisSafeContract(safe)
+
+  let transactionToRelay = safeTx
+  const data = readOnlySafeContract.encode('execTransaction', [
+    transactionToRelay.data.to,
+    transactionToRelay.data.value,
+    transactionToRelay.data.data,
+    transactionToRelay.data.operation,
+    transactionToRelay.data.safeTxGas,
+    transactionToRelay.data.baseGas,
+    transactionToRelay.data.gasPrice,
+    transactionToRelay.data.gasToken,
+    transactionToRelay.data.refundReceiver,
+    transactionToRelay.encodedSignatures(),
+  ])
+
+  try {
+    const relayResponse = await relayTransaction(safe.chainId, {
+      to: safe.address.value,
+      data,
+      gasLimit: gasLimit?.toString(),
+      version: safe.version ?? getLatestSafeVersion(chain),
+    })
+    const taskId = relayResponse.taskId
+
+    if (!taskId) {
+      throw new Error('Transaction could not be relayed')
+    }
+
+    txDispatch(TxEvent.RELAYING, { taskId, txId, nonce: safeTx.data.nonce })
+
+    // Monitor relay tx
+    waitForRelayedTx(taskId, [txId], safe.address.value, safeTx.data.nonce)
+  } catch (error) {
+    txDispatch(TxEvent.FAILED, { txId, error: asError(error), nonce: safeTx.data.nonce })
+    throw error
+  }
+}
+
+export const dispatchBatchExecutionRelay = async (
+  txs: TransactionDetails[],
+  multiSendContract: MultiSendCallOnlyContractImplementationType,
+  multiSendTxData: `0x${string}`,
+  chainId: string,
+  safeAddress: string,
+  safeVersion: string,
+) => {
+  const to = multiSendContract.getAddress()
+
+  const data = multiSendContract.encode('multiSend', [multiSendTxData])
+  const groupKey = multiSendTxData
+
+  let relayResponse
+  try {
+    relayResponse = await relayTransaction(chainId, {
+      to,
+      data,
+      version: safeVersion,
+    })
+  } catch (error) {
+    txs.forEach(({ txId }) => {
+      txDispatch(TxEvent.FAILED, {
+        txId,
+        error: asError(error),
+        groupKey,
+      })
+    })
+    throw error
+  }
+
+  const taskId = relayResponse.taskId
+  txs.forEach(({ txId, detailedExecutionInfo }) => {
+    if (isMultisigExecutionInfo(detailedExecutionInfo)) {
+      txDispatch(TxEvent.RELAYING, { taskId, txId, groupKey, nonce: detailedExecutionInfo.nonce })
+    }
+  })
+
+  // Monitor relay tx
+  waitForRelayedTx(
+    taskId,
+    txs.map((tx) => tx.txId),
+    safeAddress,
+    isMultisigExecutionInfo(txs[0].detailedExecutionInfo) ? txs[0].detailedExecutionInfo.nonce : 0,
+    groupKey,
+  )
+}
diff --git a/src/services/tx/tx-sender/index.ts b/apps/web/src/services/tx/tx-sender/index.ts
similarity index 100%
rename from src/services/tx/tx-sender/index.ts
rename to apps/web/src/services/tx/tx-sender/index.ts
diff --git a/src/services/tx/tx-sender/recommendedNonce.ts b/apps/web/src/services/tx/tx-sender/recommendedNonce.ts
similarity index 92%
rename from src/services/tx/tx-sender/recommendedNonce.ts
rename to apps/web/src/services/tx/tx-sender/recommendedNonce.ts
index aa83ed1f4..260059ba4 100644
--- a/src/services/tx/tx-sender/recommendedNonce.ts
+++ b/apps/web/src/services/tx/tx-sender/recommendedNonce.ts
@@ -4,9 +4,9 @@ import {
   getNonces as fetchNonces,
   type SafeTransactionEstimation,
 } from '@safe-global/safe-gateway-typescript-sdk'
-import type { MetaTransactionData, SafeTransactionDataPartial } from '@safe-global/safe-core-sdk-types'
-import { isLegacyVersion } from '@/hooks/coreSDK/safeCoreSDK'
+import type { MetaTransactionData, SafeTransactionDataPartial } from '@safe-global/types-kit'
 import { Errors, logError } from '@/services/exceptions'
+import { isLegacyVersion } from '@safe-global/utils/services/contracts/utils'
 
 const fetchRecommendedParams = async (
   chainId: string,
diff --git a/apps/web/src/services/tx/tx-sender/sdk.ts b/apps/web/src/services/tx/tx-sender/sdk.ts
new file mode 100644
index 000000000..aac9e392e
--- /dev/null
+++ b/apps/web/src/services/tx/tx-sender/sdk.ts
@@ -0,0 +1,227 @@
+import { getSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
+import type Safe from '@safe-global/protocol-kit'
+import { SafeProvider, SigningMethod } from '@safe-global/protocol-kit'
+import {
+  generatePreValidatedSignature,
+  isSafeMultisigTransactionResponse,
+  sameString,
+} from '@safe-global/protocol-kit/dist/src/utils'
+import type { Eip1193Provider, JsonRpcSigner } from 'ethers'
+import { isHardwareWallet, isWalletConnect } from '@/utils/wallets'
+import { OperationType, type SafeTransaction } from '@safe-global/types-kit'
+import { getChainConfig } from '@safe-global/safe-gateway-typescript-sdk'
+import { createWeb3, getWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { toQuantity } from 'ethers'
+import { connectWallet, getConnectedWallet } from '@/hooks/wallets/useOnboard'
+import { type OnboardAPI } from '@web3-onboard/core'
+import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import { UncheckedJsonRpcSigner } from '@/utils/providers/UncheckedJsonRpcSigner'
+import get from 'lodash/get'
+import { maybePlural } from '@safe-global/utils/utils/formatters'
+
+export const getAndValidateSafeSDK = (): Safe => {
+  const safeSDK = getSafeSDK()
+  if (!safeSDK) {
+    throw new Error(
+      'The Safe SDK could not be initialized. Please be aware that we only support v1.0.0 Safe Accounts and up.',
+    )
+  }
+  return safeSDK
+}
+
+export const getSafeProvider = () => {
+  const provider = getWeb3ReadOnly()
+  if (!provider) {
+    throw new Error('Provider not found.')
+  }
+
+  return new SafeProvider({ provider: provider._getConnection().url })
+}
+
+async function switchOrAddChain(walletProvider: ConnectedWallet['provider'], chainId: string): Promise<void> {
+  const UNKNOWN_CHAIN_ERROR_CODE = 4902
+  const hexChainId = toQuantity(parseInt(chainId))
+
+  try {
+    return await walletProvider.request({
+      method: 'wallet_switchEthereumChain',
+      params: [{ chainId: hexChainId }],
+    })
+  } catch (error) {
+    const errorCode = get(error, 'code') as number | undefined
+
+    // Rabby emits the same error code as MM, but it is nested
+    const nestedErrorCode = get(error, 'data.originalError.code') as number | undefined
+
+    if (errorCode === UNKNOWN_CHAIN_ERROR_CODE || nestedErrorCode === UNKNOWN_CHAIN_ERROR_CODE) {
+      const chain = await getChainConfig(chainId)
+
+      return walletProvider.request({
+        method: 'wallet_addEthereumChain',
+        params: [
+          {
+            chainId: hexChainId,
+            chainName: chain.chainName,
+            nativeCurrency: chain.nativeCurrency,
+            rpcUrls: [chain.publicRpcUri.value],
+            blockExplorerUrls: [new URL(chain.blockExplorerUriTemplate.address).origin],
+          },
+        ],
+      })
+    }
+
+    throw error
+  }
+}
+
+export const switchWalletChain = async (onboard: OnboardAPI, chainId: string): Promise<ConnectedWallet | null> => {
+  const currentWallet = getConnectedWallet(onboard.state.get().wallets)
+  if (!currentWallet) return null
+
+  // Onboard incorrectly returns WalletConnect's chainId, so it needs to be switched unconditionally
+  if (currentWallet.chainId === chainId && !isWalletConnect(currentWallet)) {
+    return currentWallet
+  }
+
+  // Hardware wallets cannot switch chains
+  if (isHardwareWallet(currentWallet)) {
+    await onboard.disconnectWallet({ label: currentWallet.label })
+    const wallets = await connectWallet(onboard, { autoSelect: currentWallet.label })
+    return wallets ? getConnectedWallet(wallets) : null
+  }
+
+  // Onboard doesn't update immediately and otherwise returns a stale wallet if we directly get its state
+  return new Promise((resolve) => {
+    const source$ = onboard.state.select('wallets').subscribe((newWallets) => {
+      const newWallet = getConnectedWallet(newWallets)
+      if (newWallet && newWallet.chainId === chainId) {
+        source$.unsubscribe()
+        resolve(newWallet)
+      }
+    })
+
+    // Switch chain for all other wallets
+    switchOrAddChain(currentWallet.provider, chainId).catch(() => {
+      source$.unsubscribe()
+      resolve(currentWallet)
+    })
+  })
+}
+
+export const assertWalletChain = async (onboard: OnboardAPI, chainId: string): Promise<ConnectedWallet> => {
+  const wallet = getConnectedWallet(onboard.state.get().wallets)
+
+  if (!wallet) {
+    throw new Error('No wallet connected.')
+  }
+
+  const newWallet = await switchWalletChain(onboard, chainId)
+
+  if (!newWallet) {
+    throw new Error('No wallet connected.')
+  }
+
+  if (newWallet.chainId !== chainId) {
+    throw new Error('Wallet connected to wrong chain.')
+  }
+
+  return newWallet
+}
+
+export const getAssertedChainSigner = async (provider: Eip1193Provider): Promise<JsonRpcSigner> => {
+  const browserProvider = createWeb3(provider)
+  return browserProvider.getSigner()
+}
+
+export const getUncheckedSigner = async (provider: Eip1193Provider) => {
+  const browserProvider = createWeb3(provider)
+  return new UncheckedJsonRpcSigner(browserProvider, (await browserProvider.getSigner()).address)
+}
+
+export const getSafeSDKWithSigner = async (provider: Eip1193Provider): Promise<Safe> => {
+  const sdk = getAndValidateSafeSDK()
+
+  return sdk.connect({ provider })
+}
+
+export const tryOffChainTxSigning = async (
+  safeTx: SafeTransaction,
+  sdk: Safe,
+  isHardwareWallet = false,
+): Promise<SafeTransaction> => {
+  return sdk.signTransaction(safeTx, isHardwareWallet ? SigningMethod.ETH_SIGN : SigningMethod.ETH_SIGN_TYPED_DATA)
+}
+
+export const isDelegateCall = (safeTx: SafeTransaction): boolean => {
+  return safeTx.data.operation === OperationType.DelegateCall
+}
+
+// TODO: This is a workaround and a duplication of sdk.executeTransaction but it returns the encoded tx instead of executing it.
+export const prepareTxExecution = async (safeTransaction: SafeTransaction, provider: Eip1193Provider) => {
+  const sdk = await getSafeSDKWithSigner(provider)
+
+  if (!sdk.getContractManager().safeContract) {
+    throw new Error('Safe is not deployed')
+  }
+
+  const transaction = isSafeMultisigTransactionResponse(safeTransaction)
+    ? await sdk.toSafeTransactionType(safeTransaction)
+    : safeTransaction
+
+  const signedSafeTransaction = await sdk.copyTransaction(transaction)
+
+  const txHash = await sdk.getTransactionHash(signedSafeTransaction)
+  const ownersWhoApprovedTx = await sdk.getOwnersWhoApprovedTx(txHash)
+  for (const owner of ownersWhoApprovedTx) {
+    signedSafeTransaction.addSignature(generatePreValidatedSignature(owner))
+  }
+  const owners = await sdk.getOwners()
+  const threshold = await sdk.getThreshold()
+  const signerAddress = await sdk.getSafeProvider().getSignerAddress()
+  if (threshold > signedSafeTransaction.signatures.size && signerAddress && owners.includes(signerAddress)) {
+    signedSafeTransaction.addSignature(generatePreValidatedSignature(signerAddress))
+  }
+
+  if (threshold > signedSafeTransaction.signatures.size) {
+    const signaturesMissing = threshold - signedSafeTransaction.signatures.size
+    throw new Error(
+      `There ${signaturesMissing > 1 ? 'are' : 'is'} ${signaturesMissing} signature${maybePlural(
+        signaturesMissing,
+      )} missing`,
+    )
+  }
+
+  const value = BigInt(signedSafeTransaction.data.value)
+  if (value !== 0n) {
+    const balance = await sdk.getBalance()
+    if (value > balance) {
+      throw new Error('Not enough Ether funds')
+    }
+  }
+
+  return sdk.getEncodedTransaction(signedSafeTransaction)
+}
+
+// TODO: This is a duplication of sdk.approveTransactionHash but it returns the encoded tx instead of executing it.
+export const prepareApproveTxHash = async (hash: string, provider: Eip1193Provider) => {
+  const sdk = await getSafeSDKWithSigner(provider)
+
+  const safeContract = sdk.getContractManager().safeContract
+
+  if (!safeContract) {
+    throw new Error('Safe is not deployed')
+  }
+
+  const owners = await sdk.getOwners()
+  const signerAddress = await sdk.getSafeProvider().getSignerAddress()
+  if (!signerAddress) {
+    throw new Error('SafeProvider must be initialized with a signer to use this method')
+  }
+  const addressIsOwner = owners.some((owner: string) => signerAddress && sameString(owner, signerAddress))
+  if (!addressIsOwner) {
+    throw new Error('Transaction hashes can only be approved by Safe owners')
+  }
+
+  // @ts-ignore
+  return safeContract.encode('approveHash', [hash])
+}
diff --git a/apps/web/src/services/tx/tx-sender/spendingLimit.ts b/apps/web/src/services/tx/tx-sender/spendingLimit.ts
new file mode 100644
index 000000000..bdb6cf35c
--- /dev/null
+++ b/apps/web/src/services/tx/tx-sender/spendingLimit.ts
@@ -0,0 +1,100 @@
+import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
+import { getSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
+import {
+  getLatestSpendingLimitAddress,
+  getDeployedSpendingLimitModuleAddress,
+} from '@/services/contracts/spendingLimitContracts'
+import type { MetaTransactionData } from '@safe-global/types-kit'
+import {
+  createAddDelegateTx,
+  createEnableModuleTx,
+  createResetAllowanceTx,
+  createSetAllowanceTx,
+} from '@/services/tx/spendingLimitParams'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { parseUnits } from 'ethers'
+import { currentMinutes } from '@safe-global/utils/utils/date'
+import { createMultiSendCallOnlyTx } from '@/services/tx/tx-sender/create'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+
+export type NewSpendingLimitData = {
+  beneficiary: string
+  tokenAddress: string
+  amount: string
+  resetTime: string
+}
+
+export const createNewSpendingLimitTx = async (
+  data: NewSpendingLimitData,
+  spendingLimits: SpendingLimitState[],
+  chainId: string,
+  chain: ChainInfo,
+  safeModules: SafeState['modules'],
+  deployed: boolean,
+  tokenDecimals?: number | null,
+  existingSpendingLimit?: SpendingLimitState,
+) => {
+  const sdk = getSafeSDK()
+  if (!sdk) return
+
+  let spendingLimitAddress = deployed && getDeployedSpendingLimitModuleAddress(chainId, safeModules)
+  const isModuleEnabled = !!spendingLimitAddress
+  if (!isModuleEnabled) {
+    spendingLimitAddress = getLatestSpendingLimitAddress(chainId)
+  }
+  if (!spendingLimitAddress) return
+
+  const txs: MetaTransactionData[] = []
+  data.beneficiary = checksumAddress(data.beneficiary)
+
+  if (!deployed) {
+    const enableModuleTx = await createEnableModuleTx(
+      chain,
+      await sdk.getAddress(),
+      sdk.getContractVersion(),
+      spendingLimitAddress,
+    )
+
+    const tx = {
+      to: enableModuleTx.to,
+      value: '0',
+      data: enableModuleTx.data,
+    }
+
+    txs.push(tx)
+  } else {
+    if (!isModuleEnabled) {
+      const enableModuleTx = await sdk.createEnableModuleTx(spendingLimitAddress)
+
+      const tx = {
+        to: enableModuleTx.data.to,
+        value: '0',
+        data: enableModuleTx.data.data,
+      }
+      txs.push(tx)
+    }
+  }
+
+  const existingDelegate = spendingLimits.find((spendingLimit) => spendingLimit.beneficiary === data.beneficiary)
+  if (!existingDelegate) {
+    txs.push(createAddDelegateTx(data.beneficiary, spendingLimitAddress))
+  }
+
+  if (existingSpendingLimit && existingSpendingLimit.spent !== '0') {
+    txs.push(createResetAllowanceTx(data.beneficiary, data.tokenAddress, spendingLimitAddress))
+  }
+
+  const tx = createSetAllowanceTx(
+    data.beneficiary,
+    data.tokenAddress,
+    parseUnits(data.amount, tokenDecimals ?? undefined).toString(),
+    parseInt(data.resetTime),
+    data.resetTime !== '0' ? currentMinutes() - 30 : 0,
+    spendingLimitAddress,
+  )
+
+  txs.push(tx)
+
+  return createMultiSendCallOnlyTx(txs)
+}
diff --git a/src/services/tx/txEvents.ts b/apps/web/src/services/tx/txEvents.ts
similarity index 85%
rename from src/services/tx/txEvents.ts
rename to apps/web/src/services/tx/txEvents.ts
index 165ffd7ce..9ecdb8977 100644
--- a/src/services/tx/txEvents.ts
+++ b/apps/web/src/services/tx/txEvents.ts
@@ -12,6 +12,7 @@ export enum TxEvent {
   SIGNATURE_INDEXED = 'SIGNATURE_INDEXED',
   ONCHAIN_SIGNATURE_REQUESTED = 'ONCHAIN_SIGNATURE_REQUESTED',
   ONCHAIN_SIGNATURE_SUCCESS = 'ONCHAIN_SIGNATURE_SUCCESS',
+  NESTED_SAFE_TX_CREATED = 'NESTED_SAFE_TX_CREATED',
   EXECUTING = 'EXECUTING',
   PROCESSING = 'PROCESSING',
   PROCESSING_MODULE = 'PROCESSING_MODULE',
@@ -25,19 +26,20 @@ export enum TxEvent {
   SPEEDUP_FAILED = 'SPEEDUP_FAILED',
 }
 
-type Id = { txId: string; groupKey?: string } | { txId?: string; groupKey: string }
+type Id = { txId: string; nonce: number; groupKey?: string } | { txId?: string; nonce?: number; groupKey: string }
 
 interface TxEvents {
   [TxEvent.SIGNED]: { txId?: string }
   [TxEvent.SIGN_FAILED]: { txId?: string; error: Error }
   [TxEvent.PROPOSE_FAILED]: { error: Error }
-  [TxEvent.PROPOSED]: { txId: string }
+  [TxEvent.PROPOSED]: { txId: string; nonce: number }
   [TxEvent.DELETED]: { safeTxHash: string }
   [TxEvent.SIGNATURE_PROPOSE_FAILED]: { txId: string; error: Error }
-  [TxEvent.SIGNATURE_PROPOSED]: { txId: string; signerAddress: string }
+  [TxEvent.SIGNATURE_PROPOSED]: { txId: string; nonce: number; signerAddress: string }
   [TxEvent.SIGNATURE_INDEXED]: { txId: string }
   [TxEvent.ONCHAIN_SIGNATURE_REQUESTED]: Id
   [TxEvent.ONCHAIN_SIGNATURE_SUCCESS]: Id
+  [TxEvent.NESTED_SAFE_TX_CREATED]: Id & { parentSafeAddress: string; txHashOrParentSafeTxHash: string }
   [TxEvent.EXECUTING]: Id
   [TxEvent.PROCESSING]: Id & {
     txHash: string
diff --git a/src/services/tx/txMonitor.ts b/apps/web/src/services/tx/txMonitor.ts
similarity index 80%
rename from src/services/tx/txMonitor.ts
rename to apps/web/src/services/tx/txMonitor.ts
index 293180812..e1c772a26 100644
--- a/src/services/tx/txMonitor.ts
+++ b/apps/web/src/services/tx/txMonitor.ts
@@ -4,7 +4,8 @@ import { txDispatch, TxEvent } from '@/services/tx/txEvents'
 
 import { POLLING_INTERVAL } from '@/config/constants'
 import { Errors, logError } from '@/services/exceptions'
-import { asError } from '../exceptions/utils'
+import { getSafeTransaction } from '@/utils/transactions'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
 import { type JsonRpcProvider, type TransactionReceipt } from 'ethers'
 import { SimpleTxWatcher } from '@/utils/SimpleTxWatcher'
 
@@ -23,11 +24,14 @@ export const waitForTx = async (
   safeAddress: string,
   walletAddress: string,
   walletNonce: number,
+  nonce: number,
+  chainId: string,
 ) => {
   const processReceipt = (receipt: TransactionReceipt | null, txIds: string[]) => {
     if (receipt === null) {
       txIds.forEach((txId) => {
         txDispatch(TxEvent.FAILED, {
+          nonce,
           txId,
           error: new Error(`Transaction not found. It might have been replaced or cancelled in the connected wallet.`),
         })
@@ -35,6 +39,7 @@ export const waitForTx = async (
     } else if (didRevert(receipt)) {
       txIds.forEach((txId) => {
         txDispatch(TxEvent.REVERTED, {
+          nonce,
           txId,
           error: new Error('Transaction reverted by EVM.'),
         })
@@ -42,6 +47,7 @@ export const waitForTx = async (
     } else {
       txIds.forEach((txId) => {
         txDispatch(TxEvent.PROCESSED, {
+          nonce,
           txId,
           safeAddress,
           txHash,
@@ -55,6 +61,7 @@ export const waitForTx = async (
 
     txIds.forEach((txId) => {
       txDispatch(TxEvent.FAILED, {
+        nonce,
         txId,
         error: asError(error),
       })
@@ -62,8 +69,27 @@ export const waitForTx = async (
   }
 
   try {
-    const receipt = await SimpleTxWatcher.getInstance().watchTxHash(txHash, walletAddress, walletNonce, provider)
-    processReceipt(receipt, txIds)
+    const isSafeTx = !!(await getSafeTransaction(txHash, chainId, safeAddress))
+    if (isSafeTx) {
+      // Poll for the transaction until it has a transactionHash and start the watcher
+      const interval = setInterval(async () => {
+        const safeTx = await getSafeTransaction(txHash, chainId, safeAddress)
+        if (!safeTx?.txHash) return
+
+        clearInterval(interval)
+
+        const receipt = await SimpleTxWatcher.getInstance().watchTxHash(
+          safeTx.txHash,
+          walletAddress,
+          walletNonce,
+          provider,
+        )
+        processReceipt(receipt, txIds)
+      }, POLLING_INTERVAL)
+    } else {
+      const receipt = await SimpleTxWatcher.getInstance().watchTxHash(txHash, walletAddress, walletNonce, provider)
+      processReceipt(receipt, txIds)
+    }
   } catch (error) {
     processError(error, txIds)
   }
@@ -121,7 +147,13 @@ export const getRelayTxStatus = async (taskId: string): Promise<{ task: Transact
 
 const WAIT_FOR_RELAY_TIMEOUT = 3 * 60_000 // 3 minutes
 
-export const waitForRelayedTx = (taskId: string, txIds: string[], safeAddress: string, groupKey?: string): void => {
+export const waitForRelayedTx = (
+  taskId: string,
+  txIds: string[],
+  safeAddress: string,
+  nonce: number,
+  groupKey?: string,
+): void => {
   let intervalId: NodeJS.Timeout
   let failAfterTimeoutId: NodeJS.Timeout
 
@@ -137,6 +169,7 @@ export const waitForRelayedTx = (taskId: string, txIds: string[], safeAddress: s
       case TaskState.ExecSuccess:
         txIds.forEach((txId) =>
           txDispatch(TxEvent.PROCESSED, {
+            nonce,
             txId,
             groupKey,
             safeAddress,
@@ -146,6 +179,7 @@ export const waitForRelayedTx = (taskId: string, txIds: string[], safeAddress: s
       case TaskState.ExecReverted:
         txIds.forEach((txId) =>
           txDispatch(TxEvent.REVERTED, {
+            nonce,
             txId,
             error: new Error(`Relayed transaction reverted by EVM.`),
             groupKey,
@@ -155,6 +189,7 @@ export const waitForRelayedTx = (taskId: string, txIds: string[], safeAddress: s
       case TaskState.Blacklisted:
         txIds.forEach((txId) =>
           txDispatch(TxEvent.FAILED, {
+            nonce,
             txId,
             error: new Error(`Relayed transaction was blacklisted by relay provider.`),
             groupKey,
@@ -164,6 +199,7 @@ export const waitForRelayedTx = (taskId: string, txIds: string[], safeAddress: s
       case TaskState.Cancelled:
         txIds.forEach((txId) =>
           txDispatch(TxEvent.FAILED, {
+            nonce,
             txId,
             error: new Error(`Relayed transaction was cancelled by relay provider.`),
             groupKey,
@@ -173,6 +209,7 @@ export const waitForRelayedTx = (taskId: string, txIds: string[], safeAddress: s
       case TaskState.NotFound:
         txIds.forEach((txId) =>
           txDispatch(TxEvent.FAILED, {
+            nonce,
             txId,
             error: new Error(`Relayed transaction was not found.`),
             groupKey,
@@ -191,6 +228,7 @@ export const waitForRelayedTx = (taskId: string, txIds: string[], safeAddress: s
   failAfterTimeoutId = setTimeout(() => {
     txIds.forEach((txId) =>
       txDispatch(TxEvent.FAILED, {
+        nonce,
         txId,
         error: new Error(
           `Transaction not relayed in ${
diff --git a/src/store/__tests__/addedSafesSlice.test.ts b/apps/web/src/store/__tests__/addedSafesSlice.test.ts
similarity index 100%
rename from src/store/__tests__/addedSafesSlice.test.ts
rename to apps/web/src/store/__tests__/addedSafesSlice.test.ts
diff --git a/apps/web/src/store/__tests__/addressBookSlice.test.ts b/apps/web/src/store/__tests__/addressBookSlice.test.ts
new file mode 100644
index 000000000..5c1be3a22
--- /dev/null
+++ b/apps/web/src/store/__tests__/addressBookSlice.test.ts
@@ -0,0 +1,138 @@
+import { faker } from '@faker-js/faker'
+import {
+  addressBookSlice,
+  setAddressBook,
+  removeAddressBookEntry,
+  selectAddressBookByChain,
+  upsertAddressBookEntries,
+} from '../addressBookSlice'
+
+const initialState = {
+  '1': { '0x0': 'Alice', '0x1': 'Bob' },
+  '4': { '0x0': 'Charlie', '0x1': 'Dave' },
+}
+
+describe('addressBookSlice', () => {
+  it('should set the address book', () => {
+    const state = addressBookSlice.reducer(undefined, setAddressBook(initialState))
+    expect(state).toEqual(initialState)
+  })
+
+  it('should insert an entry in the address book', () => {
+    const state = addressBookSlice.reducer(
+      initialState,
+      upsertAddressBookEntries({
+        chainIds: ['1'],
+        address: '0x2',
+        name: 'Fred',
+      }),
+    )
+    expect(state).toEqual({
+      '1': { '0x0': 'Alice', '0x1': 'Bob', '0x2': 'Fred' },
+      '4': { '0x0': 'Charlie', '0x1': 'Dave' },
+    })
+  })
+
+  it('should ignore empty names in the address book', () => {
+    const state = addressBookSlice.reducer(
+      initialState,
+      upsertAddressBookEntries({
+        chainIds: ['1'],
+        address: '0x2',
+        name: '',
+      }),
+    )
+    expect(state).toEqual(initialState)
+  })
+
+  it('should edit an entry in the address book', () => {
+    const state = addressBookSlice.reducer(
+      initialState,
+      upsertAddressBookEntries({
+        chainIds: ['1'],
+        address: '0x0',
+        name: 'Alice in Wonderland',
+      }),
+    )
+    expect(state).toEqual({
+      '1': { '0x0': 'Alice in Wonderland', '0x1': 'Bob' },
+      '4': { '0x0': 'Charlie', '0x1': 'Dave' },
+    })
+  })
+
+  it('should insert an multichain entry in the address book', () => {
+    const address = faker.finance.ethereumAddress()
+    const state = addressBookSlice.reducer(
+      initialState,
+      upsertAddressBookEntries({
+        chainIds: ['1', '10', '100', '137'],
+        address,
+        name: 'Max',
+      }),
+    )
+    expect(state).toEqual({
+      '1': { '0x0': 'Alice', '0x1': 'Bob', [address]: 'Max' },
+      '4': { '0x0': 'Charlie', '0x1': 'Dave' },
+      '10': { [address]: 'Max' },
+      '100': { [address]: 'Max' },
+      '137': { [address]: 'Max' },
+    })
+  })
+
+  it('should ignore empty names for multichain entries', () => {
+    const address = faker.finance.ethereumAddress()
+    const state = addressBookSlice.reducer(
+      initialState,
+      upsertAddressBookEntries({
+        chainIds: ['1', '10', '100', '137'],
+        address,
+        name: '',
+      }),
+    )
+    expect(state).toEqual(initialState)
+  })
+
+  it('should remove an entry from the address book', () => {
+    const stateB = addressBookSlice.reducer(
+      initialState,
+      removeAddressBookEntry({
+        chainId: '1',
+        address: '0x0',
+      }),
+    )
+    expect(stateB).toEqual({
+      '1': { '0x1': 'Bob' },
+      '4': { '0x0': 'Charlie', '0x1': 'Dave' },
+    })
+  })
+
+  it('should remove the chain if the last entry is removed', () => {
+    const state = addressBookSlice.reducer(
+      {
+        '1': { '0x0': 'Alice' },
+      },
+      removeAddressBookEntry({
+        chainId: '1',
+        address: '0x0',
+      }),
+    )
+    expect(state).toStrictEqual({})
+  })
+
+  it('should not return entries with invalid address format', () => {
+    const initialState = {
+      '1': { '0x0': 'Alice', '0x1': 'Bob', '0x2': 'Fred' },
+      '5': {
+        '0x744aaf04ad770895ce469300771d2ca38463cfa0': 'unchecksummed',
+        '0x744aAF04AD770895Ce469300771D2CA38463cFa0': 'checksummed',
+        undefined: 'bug',
+      },
+    }
+
+    const expectedOutput = {
+      '0x744aAF04AD770895Ce469300771D2CA38463cFa0': 'checksummed',
+    }
+
+    expect(selectAddressBookByChain.resultFunc(initialState, '5')).toEqual(expectedOutput)
+  })
+})
diff --git a/src/store/__tests__/broadcast.test.ts b/apps/web/src/store/__tests__/broadcast.test.ts
similarity index 100%
rename from src/store/__tests__/broadcast.test.ts
rename to apps/web/src/store/__tests__/broadcast.test.ts
diff --git a/src/store/__tests__/index.test.ts b/apps/web/src/store/__tests__/index.test.ts
similarity index 100%
rename from src/store/__tests__/index.test.ts
rename to apps/web/src/store/__tests__/index.test.ts
diff --git a/src/store/__tests__/pendingTxsSlice.test.ts b/apps/web/src/store/__tests__/pendingTxsSlice.test.ts
similarity index 97%
rename from src/store/__tests__/pendingTxsSlice.test.ts
rename to apps/web/src/store/__tests__/pendingTxsSlice.test.ts
index 96837b07e..d2b62529f 100644
--- a/src/store/__tests__/pendingTxsSlice.test.ts
+++ b/apps/web/src/store/__tests__/pendingTxsSlice.test.ts
@@ -4,11 +4,13 @@ import { selectPendingTxIdsBySafe } from '../pendingTxsSlice'
 
 const pendingTxs: PendingTxsState = {
   '123': {
+    nonce: 1,
     chainId: '5',
     safeAddress: '0x123',
     status: PendingStatus.INDEXING,
   },
   '456': {
+    nonce: 1,
     chainId: '5',
     safeAddress: '0x456',
     status: PendingStatus.INDEXING,
@@ -30,6 +32,7 @@ describe('pendingTxsSlice', () => {
 
   it('should select a pending tx by id', () => {
     expect(selectPendingTxById({ pendingTxs } as unknown as RootState, '456')).toEqual({
+      nonce: 1,
       chainId: '5',
       safeAddress: '0x456',
       status: PendingStatus.INDEXING,
diff --git a/src/store/__tests__/safeAppsSlice.test.ts b/apps/web/src/store/__tests__/safeAppsSlice.test.ts
similarity index 100%
rename from src/store/__tests__/safeAppsSlice.test.ts
rename to apps/web/src/store/__tests__/safeAppsSlice.test.ts
diff --git a/src/store/__tests__/safeMessagesSlice.test.ts b/apps/web/src/store/__tests__/safeMessagesSlice.test.ts
similarity index 88%
rename from src/store/__tests__/safeMessagesSlice.test.ts
rename to apps/web/src/store/__tests__/safeMessagesSlice.test.ts
index 7ea60321a..71a21b992 100644
--- a/src/store/__tests__/safeMessagesSlice.test.ts
+++ b/apps/web/src/store/__tests__/safeMessagesSlice.test.ts
@@ -1,6 +1,5 @@
+import type { MessageItem, DateLabel } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
 import { createListenerMiddleware } from '@reduxjs/toolkit'
-import { SafeMessageListItemType } from '@safe-global/safe-gateway-typescript-sdk'
-import type { SafeMessage, SafeMessageDateLabel } from '@safe-global/safe-gateway-typescript-sdk'
 
 import * as safeMsgEvents from '@/services/safe-messages/safeMsgEvents'
 import { safeMessagesListener, safeMessagesSlice } from '../safeMessagesSlice'
@@ -33,9 +32,9 @@ describe('safeMessagesSlice', () => {
       }
 
       const message = {
-        type: SafeMessageListItemType.MESSAGE,
+        type: 'MESSAGE',
         messageHash: '0x123',
-      } as SafeMessage
+      } as MessageItem
 
       const action = safeMessagesSlice.actions.set({
         loading: false,
@@ -85,8 +84,8 @@ describe('safeMessagesSlice', () => {
         dispatch: jest.fn(),
       }
 
-      const dateLabel: SafeMessageDateLabel = {
-        type: SafeMessageListItemType.DATE_LABEL,
+      const dateLabel: DateLabel = {
+        type: 'DATE_LABEL' as const,
         timestamp: 0,
       }
 
@@ -115,9 +114,9 @@ describe('safeMessagesSlice', () => {
       }
 
       const message = {
-        type: SafeMessageListItemType.MESSAGE,
+        type: 'MESSAGE',
         messageHash: '0x456',
-      } as SafeMessage
+      } as MessageItem
 
       const action = safeMessagesSlice.actions.set({
         loading: false,
diff --git a/apps/web/src/store/__tests__/safeOverviews.test.ts b/apps/web/src/store/__tests__/safeOverviews.test.ts
new file mode 100644
index 000000000..579c1192e
--- /dev/null
+++ b/apps/web/src/store/__tests__/safeOverviews.test.ts
@@ -0,0 +1,489 @@
+import { renderHook, waitFor } from '@/tests/test-utils'
+import { useGetMultipleSafeOverviewsQuery, useGetSafeOverviewQuery } from '../api/gateway'
+import { faker } from '@faker-js/faker'
+import { getSafeOverviews } from '@safe-global/safe-gateway-typescript-sdk'
+
+jest.mock('@safe-global/safe-gateway-typescript-sdk')
+
+describe('safeOverviews', () => {
+  const mockedGetSafeOverviews = getSafeOverviews as jest.MockedFunction<typeof getSafeOverviews>
+
+  beforeEach(() => {
+    jest.resetAllMocks()
+  })
+
+  describe('useGetSafeOverviewQuery', () => {
+    it('should return null for empty safe Address', async () => {
+      const request = { chainId: '1', safeAddress: '' }
+      const { result } = renderHook(() => useGetSafeOverviewQuery(request))
+
+      // Request should get queued and remain loading for the queue seconds
+      expect(result.current.isLoading).toBeTruthy()
+
+      await waitFor(() => {
+        expect(result.current.isLoading).toBeFalsy()
+        expect(result.current.error).toBeUndefined()
+        expect(result.current.data).toBeNull()
+      })
+
+      expect(mockedGetSafeOverviews).not.toHaveBeenCalled()
+    })
+
+    it('should return an error if fetching fails', async () => {
+      const request = { chainId: '1', safeAddress: faker.finance.ethereumAddress() }
+      mockedGetSafeOverviews.mockRejectedValueOnce('Service unavailable')
+
+      const { result } = renderHook(() => useGetSafeOverviewQuery(request))
+
+      // Request should get queued and remain loading for the queue seconds
+      expect(result.current.isLoading).toBeTruthy()
+
+      await waitFor(() => {
+        expect(result.current.isLoading).toBeFalsy()
+        expect(result.current.error).toBeDefined()
+        expect(result.current.data).toBeUndefined()
+      })
+    })
+
+    it('should return null if safeOverview is not found for a given Safe', async () => {
+      const request = { chainId: '1', safeAddress: faker.finance.ethereumAddress() }
+      mockedGetSafeOverviews.mockResolvedValueOnce([])
+
+      const { result } = renderHook(() => useGetSafeOverviewQuery(request))
+
+      // Request should get queued and remain loading for the queue seconds
+      expect(result.current.isLoading).toBeTruthy()
+
+      await Promise.resolve()
+
+      await waitFor(() => {
+        expect(mockedGetSafeOverviews).toHaveBeenCalled()
+        expect(result.current.isLoading).toBeFalsy()
+        expect(result.current.error).toBeUndefined()
+        expect(result.current.data).toEqual(null)
+      })
+    })
+
+    it('should return the Safe overview if fetching is successful', async () => {
+      const request = { chainId: '1', safeAddress: faker.finance.ethereumAddress() }
+
+      const mockOverview = {
+        address: { value: request.safeAddress },
+        chainId: '1',
+        awaitingConfirmation: null,
+        fiatTotal: '100',
+        owners: [{ value: faker.finance.ethereumAddress() }],
+        threshold: 1,
+        queued: 0,
+      }
+      mockedGetSafeOverviews.mockResolvedValueOnce([mockOverview])
+
+      const { result } = renderHook(() => useGetSafeOverviewQuery(request))
+
+      // Request should get queued and remain loading for the queue seconds
+      expect(result.current.isLoading).toBeTruthy()
+
+      await Promise.resolve()
+
+      await waitFor(() => {
+        expect(mockedGetSafeOverviews).toHaveBeenCalled()
+        expect(result.current.isLoading).toBeFalsy()
+        expect(result.current.error).toBeUndefined()
+        expect(result.current.data).toEqual(mockOverview)
+      })
+    })
+
+    it('should immediately process queue if BATCH SIZE elements are queued', async () => {
+      const fakeSafeAddress = faker.finance.ethereumAddress()
+      const requests = [
+        { chainId: '1', safeAddress: fakeSafeAddress },
+        { chainId: '2', safeAddress: fakeSafeAddress },
+        { chainId: '3', safeAddress: fakeSafeAddress },
+        { chainId: '4', safeAddress: fakeSafeAddress },
+        { chainId: '5', safeAddress: fakeSafeAddress },
+        { chainId: '6', safeAddress: fakeSafeAddress },
+        { chainId: '7', safeAddress: fakeSafeAddress },
+        { chainId: '8', safeAddress: fakeSafeAddress },
+        { chainId: '9', safeAddress: fakeSafeAddress },
+        { chainId: '10', safeAddress: fakeSafeAddress },
+      ]
+
+      const mockOverviews = requests.map((request, idx) => ({
+        address: { value: request.safeAddress },
+        chainId: (idx + 1).toString(),
+        awaitingConfirmation: null,
+        fiatTotal: '100',
+        owners: [{ value: faker.finance.ethereumAddress() }],
+        threshold: 1,
+        queued: 0,
+      }))
+
+      mockedGetSafeOverviews.mockResolvedValueOnce(mockOverviews)
+
+      const { result: result0 } = renderHook(() => useGetSafeOverviewQuery(requests[0]))
+      const { result: result1 } = renderHook(() => useGetSafeOverviewQuery(requests[1]))
+      const { result: result2 } = renderHook(() => useGetSafeOverviewQuery(requests[2]))
+      const { result: result3 } = renderHook(() => useGetSafeOverviewQuery(requests[3]))
+      const { result: result4 } = renderHook(() => useGetSafeOverviewQuery(requests[4]))
+      const { result: result5 } = renderHook(() => useGetSafeOverviewQuery(requests[5]))
+      const { result: result6 } = renderHook(() => useGetSafeOverviewQuery(requests[6]))
+      const { result: result7 } = renderHook(() => useGetSafeOverviewQuery(requests[7]))
+      const { result: result8 } = renderHook(() => useGetSafeOverviewQuery(requests[8]))
+
+      // After 9 requests they should all be loading
+      expect(result0.current.isLoading).toBeTruthy()
+      expect(result1.current.isLoading).toBeTruthy()
+      expect(result2.current.isLoading).toBeTruthy()
+      expect(result3.current.isLoading).toBeTruthy()
+      expect(result4.current.isLoading).toBeTruthy()
+      expect(result5.current.isLoading).toBeTruthy()
+      expect(result6.current.isLoading).toBeTruthy()
+      expect(result7.current.isLoading).toBeTruthy()
+      expect(result8.current.isLoading).toBeTruthy()
+
+      expect(mockedGetSafeOverviews).not.toHaveBeenCalled()
+
+      // Trigger the 10th hook - causing all values to load
+      const { result: result9 } = renderHook(() => useGetSafeOverviewQuery(requests[9]))
+
+      await waitFor(() => {
+        // Wait until they all resolve
+        expect(result0.current.isLoading).toBeFalsy()
+        expect(result1.current.isLoading).toBeFalsy()
+        expect(result2.current.isLoading).toBeFalsy()
+        expect(result3.current.isLoading).toBeFalsy()
+        expect(result4.current.isLoading).toBeFalsy()
+        expect(result5.current.isLoading).toBeFalsy()
+        expect(result6.current.isLoading).toBeFalsy()
+        expect(result7.current.isLoading).toBeFalsy()
+        expect(result8.current.isLoading).toBeFalsy()
+        expect(result9.current.isLoading).toBeFalsy()
+
+        // One request that batched all requests together should have happened
+        expect(mockedGetSafeOverviews).toHaveBeenCalledWith(
+          [
+            `1:${fakeSafeAddress}`,
+            `2:${fakeSafeAddress}`,
+            `3:${fakeSafeAddress}`,
+            `4:${fakeSafeAddress}`,
+            `5:${fakeSafeAddress}`,
+            `6:${fakeSafeAddress}`,
+            `7:${fakeSafeAddress}`,
+            `8:${fakeSafeAddress}`,
+            `9:${fakeSafeAddress}`,
+            `10:${fakeSafeAddress}`,
+          ],
+          {
+            currency: 'usd',
+            trusted: false,
+            exclude_spam: true,
+          },
+        )
+
+        expect(result0.current.data).toEqual(mockOverviews[0])
+        expect(result1.current.data).toEqual(mockOverviews[1])
+        expect(result2.current.data).toEqual(mockOverviews[2])
+        expect(result3.current.data).toEqual(mockOverviews[3])
+        expect(result4.current.data).toEqual(mockOverviews[4])
+        expect(result5.current.data).toEqual(mockOverviews[5])
+        expect(result6.current.data).toEqual(mockOverviews[6])
+        expect(result7.current.data).toEqual(mockOverviews[7])
+        expect(result8.current.data).toEqual(mockOverviews[8])
+        expect(result9.current.data).toEqual(mockOverviews[9])
+      })
+    })
+  })
+
+  describe('useGetMultipleSafeOverviewsQuery', () => {
+    it('Should return empty list for empty list of Safes', async () => {
+      const request = { currency: 'usd', safes: [] }
+
+      const { result } = renderHook(() => useGetMultipleSafeOverviewsQuery(request))
+
+      // Request should get queued and remain loading for the queue seconds
+      expect(result.current.isLoading).toBeTruthy()
+
+      await Promise.resolve()
+      await Promise.resolve()
+
+      await Promise.resolve()
+      await Promise.resolve()
+
+      await waitFor(() => {
+        expect(result.current.error).toBeUndefined()
+        expect(result.current.data).toEqual([])
+        expect(result.current.isLoading).toBeFalsy()
+      })
+    })
+
+    it('Should return a response for non-empty list', async () => {
+      const request = {
+        currency: 'usd',
+        safes: [
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '10',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+        ],
+      }
+
+      const mockOverview1 = {
+        address: { value: request.safes[0].address },
+        chainId: '1',
+        awaitingConfirmation: null,
+        fiatTotal: '100',
+        owners: [{ value: faker.finance.ethereumAddress() }],
+        threshold: 1,
+        queued: 0,
+      }
+
+      const mockOverview2 = {
+        address: { value: request.safes[1].address },
+        chainId: '10',
+        awaitingConfirmation: null,
+        fiatTotal: '200',
+        owners: [{ value: faker.finance.ethereumAddress() }],
+        threshold: 1,
+        queued: 4,
+      }
+
+      mockedGetSafeOverviews.mockResolvedValueOnce([mockOverview1, mockOverview2])
+
+      const { result } = renderHook(() => useGetMultipleSafeOverviewsQuery(request))
+
+      // Request should get queued and remain loading for the queue seconds
+      expect(result.current.isLoading).toBeTruthy()
+
+      await waitFor(() => {
+        expect(result.current.isLoading).toBeFalsy()
+        expect(result.current.error).toBeUndefined()
+        expect(result.current.data).toEqual([mockOverview1, mockOverview2])
+      })
+    })
+
+    it('Should return an error if fetching fails', async () => {
+      const request = {
+        currency: 'usd',
+        safes: [
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '10',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+        ],
+      }
+
+      mockedGetSafeOverviews.mockRejectedValueOnce('Not available')
+
+      const { result } = renderHook(() => useGetMultipleSafeOverviewsQuery(request))
+
+      // Request should get queued and remain loading for the queue seconds
+      expect(result.current.isLoading).toBeTruthy()
+
+      await waitFor(async () => {
+        await Promise.resolve()
+        expect(result.current.error).toBeDefined()
+        expect(result.current.data).toBeUndefined()
+        expect(result.current.isLoading).toBeFalsy()
+      })
+    })
+
+    it('Should split big batches into multiple requests', async () => {
+      // Requests overviews for 15 Safes at once
+      const request = {
+        currency: 'usd',
+        safes: [
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+          {
+            address: faker.finance.ethereumAddress(),
+            chainId: '1',
+            isReadOnly: false,
+            isPinned: false,
+            lastVisited: 0,
+            name: undefined,
+          },
+        ],
+      }
+
+      const firstBatchOverviews = request.safes.slice(0, 10).map((safe) => ({
+        address: { value: safe.address },
+        chainId: '1',
+        awaitingConfirmation: null,
+        fiatTotal: faker.string.numeric({ length: { min: 1, max: 6 } }),
+        owners: [{ value: faker.finance.ethereumAddress() }],
+        threshold: 1,
+        queued: 0,
+      }))
+
+      const secondBatchOverviews = request.safes.slice(10).map((safe) => ({
+        address: { value: safe.address },
+        chainId: '1',
+        awaitingConfirmation: null,
+        fiatTotal: faker.string.numeric({ length: { min: 1, max: 6 } }),
+        owners: [{ value: faker.finance.ethereumAddress() }],
+        threshold: 1,
+        queued: 0,
+      }))
+
+      // Mock two fetch requests for the 2 batches
+      mockedGetSafeOverviews.mockResolvedValueOnce(firstBatchOverviews).mockResolvedValueOnce(secondBatchOverviews)
+
+      const { result } = renderHook(() => useGetMultipleSafeOverviewsQuery(request))
+
+      // Request should get queued and remain loading for the queue seconds
+      expect(result.current.isLoading).toBeTruthy()
+
+      await waitFor(() => {
+        expect(result.current.isLoading).toBeFalsy()
+        expect(result.current.error).toBeUndefined()
+        expect(result.current.data).toEqual([...firstBatchOverviews, ...secondBatchOverviews])
+      })
+
+      // Expect that the correct requests were sent
+      expect(mockedGetSafeOverviews).toHaveBeenCalledTimes(2)
+      expect(mockedGetSafeOverviews).toHaveBeenCalledWith(
+        request.safes.slice(0, 10).map((safe) => `1:${safe.address}`),
+        { currency: 'usd', exclude_spam: true, trusted: false },
+      )
+
+      expect(mockedGetSafeOverviews).toHaveBeenCalledWith(
+        request.safes.slice(10).map((safe) => `1:${safe.address}`),
+        { currency: 'usd', exclude_spam: true, trusted: false },
+      )
+    })
+  })
+})
diff --git a/src/store/__tests__/settingsSlice.test.ts b/apps/web/src/store/__tests__/settingsSlice.test.ts
similarity index 100%
rename from src/store/__tests__/settingsSlice.test.ts
rename to apps/web/src/store/__tests__/settingsSlice.test.ts
diff --git a/src/store/__tests__/swapOrderSlice.test.ts b/apps/web/src/store/__tests__/swapOrderSlice.test.ts
similarity index 96%
rename from src/store/__tests__/swapOrderSlice.test.ts
rename to apps/web/src/store/__tests__/swapOrderSlice.test.ts
index e88d0ead5..73f46273c 100644
--- a/src/store/__tests__/swapOrderSlice.test.ts
+++ b/apps/web/src/store/__tests__/swapOrderSlice.test.ts
@@ -8,11 +8,22 @@ import {
 } from '@safe-global/safe-gateway-typescript-sdk'
 import * as notificationsSlice from '@/store/notificationsSlice'
 
+import { type TypedStartListening } from '@reduxjs/toolkit'
+import { type RootState, type AppDispatch } from '@/store' // adjust the import path as needed
+
+type StartListeningType = TypedStartListening<RootState, AppDispatch> & {
+  withTypes: () => TypedStartListening<RootState, AppDispatch>
+} & jest.Mock
+const createStartListeningMock = () => {
+  const mock = jest.fn() as unknown as StartListeningType
+  mock.withTypes = jest.fn().mockReturnValue(mock)
+  return mock
+}
 describe('swapOrderSlice', () => {
   describe('swapOrderListener', () => {
     const listenerMiddleware = listenerMiddlewareInstance
     const mockDispatch = jest.fn()
-    const startListeningMock = jest.fn()
+    const startListeningMock = createStartListeningMock()
 
     beforeEach(() => {
       jest.clearAllMocks()
@@ -158,7 +169,7 @@ describe('swapOrderSlice', () => {
     const listenerMiddleware = listenerMiddlewareInstance
     const mockDispatch = jest.fn()
     const showNotificationSpy = jest.spyOn(notificationsSlice, 'showNotification')
-    const startListeningMock = jest.fn()
+    const startListeningMock = createStartListeningMock()
 
     beforeEach(() => {
       jest.clearAllMocks()
diff --git a/apps/web/src/store/__tests__/txHistorySlice.test.ts b/apps/web/src/store/__tests__/txHistorySlice.test.ts
new file mode 100644
index 000000000..68632df39
--- /dev/null
+++ b/apps/web/src/store/__tests__/txHistorySlice.test.ts
@@ -0,0 +1,232 @@
+import * as txEvents from '@/services/tx/txEvents'
+import { pendingTxBuilder } from '@/tests/builders/pendingTx'
+import { createListenerMiddleware } from '@reduxjs/toolkit'
+import type {
+  ConflictHeader,
+  DateLabel,
+  Label,
+  TransactionListItem,
+  TransactionSummary,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import { LabelValue, TransactionListItemType } from '@safe-global/safe-gateway-typescript-sdk'
+import type { RootState } from '..'
+import type { PendingTxsState } from '../pendingTxsSlice'
+import { PendingStatus } from '../pendingTxsSlice'
+import { txHistoryListener, txHistorySlice } from '../txHistorySlice'
+import { faker } from '@faker-js/faker'
+
+describe('txHistorySlice', () => {
+  describe('txHistoryListener', () => {
+    const listenerMiddlewareInstance = createListenerMiddleware<RootState>()
+
+    const txDispatchSpy = jest.spyOn(txEvents, 'txDispatch')
+
+    beforeEach(() => {
+      listenerMiddlewareInstance.clearListeners()
+      txHistoryListener(listenerMiddlewareInstance)
+
+      jest.clearAllMocks()
+    })
+
+    it('should dispatch SUCCESS event if tx is pending', () => {
+      const state = {
+        pendingTxs: {
+          '0x123': pendingTxBuilder().with({ nonce: 1, status: PendingStatus.INDEXING }).build(),
+        } as PendingTxsState,
+      } as RootState
+
+      const listenerApi = {
+        getState: jest.fn(() => state),
+        dispatch: jest.fn(),
+      }
+
+      const transaction = {
+        type: TransactionListItemType.TRANSACTION,
+        transaction: {
+          id: '0x123',
+          executionInfo: {
+            type: 'MULTISIG',
+            nonce: 1,
+          },
+          txInfo: {
+            type: 'TRANSFER',
+          },
+        } as unknown as TransactionSummary,
+      } as TransactionListItem
+
+      const action = txHistorySlice.actions.set({
+        loading: false,
+        data: {
+          results: [transaction],
+        },
+      })
+
+      listenerMiddlewareInstance.middleware(listenerApi)(jest.fn())(action)
+
+      expect(txDispatchSpy).toHaveBeenCalledWith(txEvents.TxEvent.SUCCESS, {
+        nonce: 1,
+        txId: '0x123',
+        groupKey: expect.anything(),
+      })
+    })
+
+    it('should not dispatch an event if the history slice is cleared', () => {
+      const state = {
+        pendingTxs: {
+          '0x123': pendingTxBuilder().build(),
+        } as PendingTxsState,
+      } as RootState
+
+      const listenerApi = {
+        getState: jest.fn(() => state),
+        dispatch: jest.fn(),
+      }
+
+      const action = txHistorySlice.actions.set({
+        loading: false,
+        data: undefined, // Cleared
+      })
+
+      listenerMiddlewareInstance.middleware(listenerApi)(jest.fn())(action)
+
+      expect(txDispatchSpy).not.toHaveBeenCalled()
+    })
+
+    it('should not dispatch an event for date labels, labels or conflict headers', () => {
+      const state = {
+        pendingTxs: {
+          '0x123': pendingTxBuilder().build(),
+        } as PendingTxsState,
+      } as RootState
+
+      const listenerApi = {
+        getState: jest.fn(() => state),
+        dispatch: jest.fn(),
+      }
+
+      const dateLabel: DateLabel = {
+        type: TransactionListItemType.DATE_LABEL,
+        timestamp: 0,
+      }
+
+      const label: Label = {
+        label: LabelValue.Queued,
+        type: TransactionListItemType.LABEL,
+      }
+
+      const conflictHeader: ConflictHeader = {
+        nonce: 0,
+        type: TransactionListItemType.CONFLICT_HEADER,
+      }
+
+      const action = txHistorySlice.actions.set({
+        loading: false,
+        data: {
+          results: [dateLabel, label, conflictHeader],
+        },
+      })
+
+      listenerMiddlewareInstance.middleware(listenerApi)(jest.fn())(action)
+
+      expect(txDispatchSpy).not.toHaveBeenCalled()
+    })
+
+    it('should not dispatch an event/invalidate owned Safes if tx is not pending', () => {
+      const state = {
+        pendingTxs: {
+          '0x123': pendingTxBuilder().build(),
+        } as PendingTxsState,
+      } as RootState
+
+      const listenerApi = {
+        getState: jest.fn(() => state),
+        dispatch: jest.fn(),
+      }
+
+      const transaction = {
+        type: TransactionListItemType.TRANSACTION,
+        transaction: {
+          id: '0x456',
+          executionInfo: {
+            nonce: 1,
+            type: 'MULTISIG',
+          },
+          txInfo: {
+            type: 'Custom',
+            methodName: 'createProxyWithNonce',
+          },
+        } as unknown as TransactionSummary,
+      } as TransactionListItem
+
+      const action = txHistorySlice.actions.set({
+        loading: false,
+        data: {
+          results: [transaction],
+        },
+      })
+
+      listenerMiddlewareInstance.middleware(listenerApi)(jest.fn())(action)
+
+      expect(txDispatchSpy).not.toHaveBeenCalled()
+      expect(listenerApi.dispatch).not.toHaveBeenCalled()
+    })
+
+    it('should clear a replaced pending transaction and invalidate owned Safes for Safe creations', () => {
+      const state = {
+        pendingTxs: {
+          '0x123': pendingTxBuilder().with({ nonce: 1, status: PendingStatus.INDEXING }).build(),
+        } as PendingTxsState,
+        safeInfo: {
+          data: {
+            address: { value: faker.finance.ethereumAddress() },
+            chainId: 1,
+          },
+        } as unknown as RootState['safeInfo'],
+      } as RootState
+
+      const listenerApi = {
+        getState: jest.fn(() => state),
+        dispatch: jest.fn(),
+      }
+
+      const transaction = {
+        type: TransactionListItemType.TRANSACTION,
+        transaction: {
+          id: '0x456',
+          executionInfo: {
+            nonce: 1,
+            type: 'MULTISIG',
+          },
+          txInfo: {
+            type: 'Custom',
+            methodName: 'createProxyWithNonce',
+          },
+        } as unknown as TransactionSummary,
+      } as TransactionListItem
+
+      const action = txHistorySlice.actions.set({
+        loading: false,
+        data: {
+          results: [transaction],
+        },
+      })
+
+      listenerMiddlewareInstance.middleware(listenerApi)(jest.fn())(action)
+
+      expect(listenerApi.dispatch).toHaveBeenCalledTimes(2)
+      expect(listenerApi.dispatch).toHaveBeenNthCalledWith(1, {
+        payload: [
+          {
+            id: `${state.safeInfo.data!.chainId}:${state.safeInfo.data!.address.value}`,
+            type: 'OwnedSafes',
+          },
+        ],
+        type: 'gatewayApi/invalidateTags',
+      })
+      expect(listenerApi.dispatch).toHaveBeenNthCalledWith(2, {
+        payload: expect.anything(),
+        type: 'pendingTxs/clearPendingTx',
+      })
+    })
+  })
+})
diff --git a/src/store/__tests__/txQueueSlice.test.ts b/apps/web/src/store/__tests__/txQueueSlice.test.ts
similarity index 80%
rename from src/store/__tests__/txQueueSlice.test.ts
rename to apps/web/src/store/__tests__/txQueueSlice.test.ts
index 6b5ee5032..d885799fc 100644
--- a/src/store/__tests__/txQueueSlice.test.ts
+++ b/apps/web/src/store/__tests__/txQueueSlice.test.ts
@@ -17,6 +17,7 @@ import { txQueueListener, txQueueSlice } from '../txQueueSlice'
 import type { PendingTxsState } from '../pendingTxsSlice'
 import { PendingStatus } from '../pendingTxsSlice'
 import type { RootState } from '..'
+import { faker } from '@faker-js/faker'
 
 describe('txQueueSlice', () => {
   const listenerMiddlewareInstance = createListenerMiddleware<RootState>()
@@ -34,6 +35,7 @@ describe('txQueueSlice', () => {
     const state = {
       pendingTxs: {
         '0x123': {
+          nonce: 1,
           chainId: '5',
           safeAddress: '0x0000000000000000000000000000000000000000',
           status: PendingStatus.SIGNING,
@@ -70,10 +72,53 @@ describe('txQueueSlice', () => {
     expect(txDispatchSpy).toHaveBeenCalledWith(txEvents.TxEvent.SIGNATURE_INDEXED, { txId: '0x123' })
   })
 
+  it('should dispatch SIGNATURE_INDEXED event for Nested Signing state', () => {
+    const state = {
+      pendingTxs: {
+        '0x123': {
+          nonce: 1,
+          chainId: '5',
+          safeAddress: '0x0000000000000000000000000000000000000000',
+          status: PendingStatus.NESTED_SIGNING,
+          signerAddress: '0x456',
+          txHashOrParentSafeTxHash: faker.string.hexadecimal({ length: 64 }),
+        },
+      } as PendingTxsState,
+    } as RootState
+
+    const listenerApi = {
+      getState: jest.fn(() => state),
+      dispatch: jest.fn(),
+    }
+
+    const transaction = {
+      type: TransactionListItemType.TRANSACTION,
+      transaction: {
+        id: '0x123',
+        executionInfo: {
+          type: DetailedExecutionInfoType.MULTISIG,
+          missingSigners: [],
+        },
+      },
+    } as unknown as TransactionListItem
+
+    const action = txQueueSlice.actions.set({
+      loading: false,
+      data: {
+        results: [transaction],
+      },
+    })
+
+    listenerMiddlewareInstance.middleware(listenerApi)(jest.fn())(action)
+
+    expect(txDispatchSpy).toHaveBeenCalledWith(txEvents.TxEvent.SIGNATURE_INDEXED, { txId: '0x123' })
+  })
+
   it('should not dispatch an event if the queue slice is cleared', () => {
     const state = {
       pendingTxs: {
         '0x123': {
+          nonce: 1,
           chainId: '5',
           safeAddress: '0x0000000000000000000000000000000000000000',
           status: PendingStatus.SIGNING,
@@ -101,6 +146,7 @@ describe('txQueueSlice', () => {
     const state = {
       pendingTxs: {
         '0x123': {
+          nonce: 1,
           chainId: '5',
           safeAddress: '0x0000000000000000000000000000000000000000',
           status: PendingStatus.SIGNING,
@@ -145,6 +191,7 @@ describe('txQueueSlice', () => {
     const state = {
       pendingTxs: {
         '0x123': {
+          nonce: 1,
           chainId: '5',
           safeAddress: '0x0000000000000000000000000000000000000000',
           status: PendingStatus.SIGNING,
@@ -179,7 +226,7 @@ describe('txQueueSlice', () => {
 
   it('should not dispatch event if signature is still missing', () => {
     const listenerApi = {
-      getState: jest.fn(() => ({} as RootState)),
+      getState: jest.fn(() => ({}) as RootState),
       dispatch: jest.fn(),
     }
 
diff --git a/apps/web/src/store/addedSafesSlice.ts b/apps/web/src/store/addedSafesSlice.ts
new file mode 100644
index 000000000..1c216d938
--- /dev/null
+++ b/apps/web/src/store/addedSafesSlice.ts
@@ -0,0 +1,86 @@
+import { createSelector, createSlice, type PayloadAction } from '@reduxjs/toolkit'
+import type { SafeState, AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import type { RootState } from '.'
+
+export type AddedSafesOnChain = {
+  [safeAddress: string]: {
+    owners: AddressInfo[]
+    threshold: number
+    ethBalance?: string
+  }
+}
+
+export type AddedSafesState = {
+  [chainId: string]: AddedSafesOnChain
+}
+
+const initialState: AddedSafesState = {}
+
+export const addedSafesSlice = createSlice({
+  name: 'addedSafes',
+  initialState,
+  reducers: {
+    migrate: (state, action: PayloadAction<AddedSafesState>) => {
+      // Don't migrate if there's data already
+      if (Object.keys(state).length > 0) return state
+      // Otherwise, migrate
+      return action.payload
+    },
+    setAddedSafes: (_, action: PayloadAction<AddedSafesState>) => {
+      return action.payload
+    },
+    addOrUpdateSafe: (state, { payload }: PayloadAction<{ safe: SafeState }>) => {
+      const { chainId, address, owners, threshold } = payload.safe
+
+      state[chainId] ??= {}
+      state[chainId][address.value] = {
+        // Keep balance
+        ...(state[chainId][address.value] ?? {}),
+        owners,
+        threshold,
+      }
+    },
+    removeSafe: (state, { payload }: PayloadAction<{ chainId: string; address: string }>) => {
+      const { chainId, address } = payload
+
+      delete state[chainId]?.[address]
+
+      if (Object.keys(state[chainId]).length === 0) {
+        delete state[chainId]
+      }
+    },
+    pinSafe: (state, { payload }: PayloadAction<{ chainId: string; address: string }>) => {
+      const { chainId, address } = payload
+      state[chainId] ??= {}
+      state[chainId][address] = state[chainId][address] ?? {}
+    },
+    unpinSafe: (state, { payload }: PayloadAction<{ chainId: string; address: string }>) => {
+      const { chainId, address } = payload
+
+      delete state[chainId]?.[address]
+
+      if (state[chainId] && Object.keys(state[chainId]).length === 0) {
+        delete state[chainId]
+      }
+    },
+  },
+})
+
+export const { addOrUpdateSafe, removeSafe, pinSafe, unpinSafe } = addedSafesSlice.actions
+
+export const selectAllAddedSafes = (state: RootState): AddedSafesState => {
+  return state[addedSafesSlice.name]
+}
+
+export const selectTotalAdded = (state: RootState): number => {
+  return Object.values(state[addedSafesSlice.name])
+    .map((item) => Object.keys(item))
+    .flat().length
+}
+
+export const selectAddedSafes = createSelector(
+  [selectAllAddedSafes, (_: RootState, chainId: string) => chainId],
+  (allAddedSafes, chainId): AddedSafesOnChain | undefined => {
+    return allAddedSafes?.[chainId]
+  },
+)
diff --git a/apps/web/src/store/addressBookSlice.ts b/apps/web/src/store/addressBookSlice.ts
new file mode 100644
index 000000000..291141e93
--- /dev/null
+++ b/apps/web/src/store/addressBookSlice.ts
@@ -0,0 +1,61 @@
+import { createSelector, createSlice, type PayloadAction } from '@reduxjs/toolkit'
+import { validateAddress } from '@safe-global/utils/utils/validation'
+import pickBy from 'lodash/pickBy'
+import type { RootState } from '.'
+
+export type AddressBook = { [address: string]: string }
+
+export type AddressBookState = { [chainId: string]: AddressBook }
+
+const initialState: AddressBookState = {}
+
+export const addressBookSlice = createSlice({
+  name: 'addressBook',
+  initialState,
+  reducers: {
+    migrate: (state, action: PayloadAction<AddressBookState>): AddressBookState => {
+      // Don't migrate if there's data already
+      if (Object.keys(state).length > 0) return state
+      // Otherwise, migrate
+      return action.payload
+    },
+
+    setAddressBook: (_, action: PayloadAction<AddressBookState>): AddressBookState => {
+      return action.payload
+    },
+
+    upsertAddressBookEntries: (state, action: PayloadAction<{ chainIds: string[]; address: string; name: string }>) => {
+      const { chainIds, address, name } = action.payload
+      if (name.trim() === '') {
+        return
+      }
+      chainIds.forEach((chainId) => {
+        if (!state[chainId]) state[chainId] = {}
+        state[chainId][address] = name
+      })
+    },
+
+    removeAddressBookEntry: (state, action: PayloadAction<{ chainId: string; address: string }>) => {
+      const { chainId, address } = action.payload
+      if (!state[chainId]) return state
+      delete state[chainId][address]
+      if (Object.keys(state[chainId]).length > 0) return state
+      delete state[chainId]
+    },
+  },
+})
+
+export const { setAddressBook, upsertAddressBookEntries, removeAddressBookEntry } = addressBookSlice.actions
+
+export const selectAllAddressBooks = (state: RootState): AddressBookState => {
+  return state[addressBookSlice.name]
+}
+
+export const selectAddressBookByChain = createSelector(
+  [selectAllAddressBooks, (_, chainId: string) => chainId],
+  (allAddressBooks, chainId): AddressBook => {
+    const chainAddresses = allAddressBooks[chainId]
+    const validAddresses = pickBy(chainAddresses, (_, key) => validateAddress(key, chainId) === undefined)
+    return chainId ? validAddresses || {} : {}
+  },
+)
diff --git a/apps/web/src/store/api/gateway/index.ts b/apps/web/src/store/api/gateway/index.ts
new file mode 100644
index 000000000..a52c6549d
--- /dev/null
+++ b/apps/web/src/store/api/gateway/index.ts
@@ -0,0 +1,105 @@
+import { proposerEndpoints } from '@/store/api/gateway/proposers'
+import { createApi, fakeBaseQuery } from '@reduxjs/toolkit/query/react'
+
+import {
+  type AllOwnedSafes,
+  getAllOwnedSafes,
+  getTransactionDetails,
+  type TransactionDetails,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { safeOverviewEndpoints } from './safeOverviews'
+import { createSubmission, getSafe, getSafesByOwner, getSubmission } from '@safe-global/safe-client-gateway-sdk'
+
+export async function buildQueryFn<T>(fn: () => Promise<T>) {
+  try {
+    return { data: await fn() }
+  } catch (error) {
+    return { error: asError(error) }
+  }
+}
+
+export function makeSafeTag(chainId: string, address: string): `${number}:0x${string}` {
+  return `${chainId}:${address}` as `${number}:0x${string}`
+}
+
+export const gatewayApi = createApi({
+  reducerPath: 'gatewayApi',
+  baseQuery: fakeBaseQuery<Error>(),
+  tagTypes: ['OwnedSafes', 'Submissions'],
+  endpoints: (builder) => ({
+    getTransactionDetails: builder.query<TransactionDetails, { chainId: string; txId: string }>({
+      queryFn({ chainId, txId }) {
+        return buildQueryFn(() => getTransactionDetails(chainId, txId))
+      },
+    }),
+    getMultipleTransactionDetails: builder.query<TransactionDetails[], { chainId: string; txIds: string[] }>({
+      queryFn({ chainId, txIds }) {
+        return buildQueryFn(() => Promise.all(txIds.map((txId) => getTransactionDetails(chainId, txId))))
+      },
+    }),
+    getSafe: builder.query<getSafe, { chainId: string; safeAddress: string }>({
+      queryFn({ chainId, safeAddress }) {
+        return buildQueryFn(() => getSafe({ params: { path: { chainId, safeAddress } } }))
+      },
+    }),
+    getAllOwnedSafes: builder.query<AllOwnedSafes, { walletAddress: string }>({
+      queryFn({ walletAddress }) {
+        return buildQueryFn(() => getAllOwnedSafes(walletAddress))
+      },
+    }),
+    getOwnedSafes: builder.query<getSafesByOwner, { chainId: string; ownerAddress: string }>({
+      queryFn({ chainId, ownerAddress }) {
+        return buildQueryFn(() => getSafesByOwner({ params: { path: { chainId, ownerAddress } } }))
+      },
+      providesTags: (_res, _err, { chainId, ownerAddress }) => {
+        return [{ type: 'OwnedSafes', id: makeSafeTag(chainId, ownerAddress) }]
+      },
+    }),
+    getSubmission: builder.query<
+      getSubmission,
+      { outreachId: number; chainId: string; safeAddress: string; signerAddress: string }
+    >({
+      queryFn({ outreachId, chainId, safeAddress, signerAddress }) {
+        return buildQueryFn(() =>
+          getSubmission({ params: { path: { outreachId, chainId, safeAddress, signerAddress } } }),
+        )
+      },
+      providesTags: ['Submissions'],
+    }),
+    createSubmission: builder.mutation<
+      createSubmission,
+      { outreachId: number; chainId: string; safeAddress: string; signerAddress: string }
+    >({
+      queryFn({ outreachId, chainId, safeAddress, signerAddress }) {
+        return buildQueryFn(() =>
+          createSubmission({
+            params: {
+              path: { outreachId, chainId, safeAddress, signerAddress },
+            },
+            body: { completed: true },
+          }),
+        )
+      },
+      invalidatesTags: ['Submissions'],
+    }),
+    ...proposerEndpoints(builder),
+    ...safeOverviewEndpoints(builder),
+  }),
+})
+
+export const {
+  useGetTransactionDetailsQuery,
+  useGetMultipleTransactionDetailsQuery,
+  useLazyGetTransactionDetailsQuery,
+  useGetProposersQuery,
+  useDeleteProposerMutation,
+  useAddProposerMutation,
+  useGetSubmissionQuery,
+  useCreateSubmissionMutation,
+  useGetSafeQuery,
+  useGetSafeOverviewQuery,
+  useGetMultipleSafeOverviewsQuery,
+  useGetAllOwnedSafesQuery,
+  useGetOwnedSafesQuery,
+} = gatewayApi
diff --git a/apps/web/src/store/api/gateway/proposers.ts b/apps/web/src/store/api/gateway/proposers.ts
new file mode 100644
index 000000000..b08a4f229
--- /dev/null
+++ b/apps/web/src/store/api/gateway/proposers.ts
@@ -0,0 +1,108 @@
+import { buildQueryFn, gatewayApi } from '@/store/api/gateway/index'
+import { type fakeBaseQuery } from '@reduxjs/toolkit/query/react'
+import type { EndpointBuilder } from '@reduxjs/toolkit/query/react'
+import { deleteDelegate, deleteDelegateV2, postDelegate, postDelegateV2 } from '@safe-global/safe-client-gateway-sdk'
+import { getDelegates } from '@safe-global/safe-gateway-typescript-sdk'
+import type { Delegate, DelegateResponse } from '@safe-global/safe-gateway-typescript-sdk/dist/types/delegates'
+
+export const proposerEndpoints = (
+  builder: EndpointBuilder<ReturnType<typeof fakeBaseQuery<Error>>, 'OwnedSafes' | 'Submissions', 'gatewayApi'>,
+) => ({
+  getProposers: builder.query<DelegateResponse, { chainId: string; safeAddress: string }>({
+    queryFn({ chainId, safeAddress }) {
+      return buildQueryFn(() => getDelegates(chainId, { safe: safeAddress }))
+    },
+  }),
+  deleteProposer: builder.mutation<
+    void,
+    {
+      chainId: string
+      safeAddress: string
+      delegateAddress: string
+      delegator: string
+      signature: string
+      shouldEthSign: boolean
+    }
+  >({
+    queryFn({ chainId, safeAddress, delegateAddress, delegator, signature, shouldEthSign }) {
+      const options = {
+        params: { path: { chainId, delegateAddress } },
+        body: { safe: safeAddress, signature, delegator },
+      }
+      return buildQueryFn(() =>
+        shouldEthSign
+          ? deleteDelegate({ params: options.params, body: { ...options.body, delegate: delegateAddress } })
+          : deleteDelegateV2(options),
+      )
+    },
+    // Optimistically update the cache and roll back in case the mutation fails
+    async onQueryStarted({ chainId, safeAddress, delegateAddress, delegator }, { dispatch, queryFulfilled }) {
+      const patchResult = dispatch(
+        gatewayApi.util.updateQueryData(
+          'getProposers',
+          { chainId, safeAddress: safeAddress.toLowerCase() },
+          (draft) => {
+            draft.results = draft.results.filter(
+              (delegate: Delegate) => delegate.delegate !== delegateAddress || delegate.delegator !== delegator,
+            )
+          },
+        ),
+      )
+      try {
+        await queryFulfilled
+      } catch {
+        patchResult.undo()
+      }
+    },
+  }),
+  addProposer: builder.mutation<
+    Delegate,
+    {
+      chainId: string
+      safeAddress: string
+      delegate: string
+      delegator: string
+      label: string
+      signature: string
+      shouldEthSign: boolean
+    }
+  >({
+    queryFn({ chainId, safeAddress, delegate, delegator, label, signature, shouldEthSign }) {
+      const options = {
+        params: { path: { chainId } },
+        body: { delegate, delegator, label, signature, safe: safeAddress },
+      }
+
+      return buildQueryFn(() => (shouldEthSign ? postDelegate(options) : postDelegateV2(options)))
+    },
+    // Optimistically update the cache and roll back in case the mutation fails
+    async onQueryStarted({ chainId, safeAddress, delegate, delegator, label }, { dispatch, queryFulfilled }) {
+      const patchResult = dispatch(
+        gatewayApi.util.updateQueryData(
+          'getProposers',
+          { chainId, safeAddress: safeAddress.toLowerCase() },
+          (draft) => {
+            const existingProposer = draft.results.findIndex(
+              (proposer: Delegate) => proposer.delegate === delegate && delegator === proposer.delegator,
+            )
+
+            if (existingProposer !== -1) {
+              // Update the existing delegate's label
+              draft.results[existingProposer] = {
+                ...draft.results[existingProposer],
+                label,
+              }
+            } else {
+              draft.results.push({ delegate, delegator, label, safe: safeAddress })
+            }
+          },
+        ),
+      )
+      try {
+        await queryFulfilled
+      } catch {
+        patchResult.undo()
+      }
+    },
+  }),
+})
diff --git a/apps/web/src/store/api/gateway/safeOverviews.ts b/apps/web/src/store/api/gateway/safeOverviews.ts
new file mode 100644
index 000000000..c60a97ab9
--- /dev/null
+++ b/apps/web/src/store/api/gateway/safeOverviews.ts
@@ -0,0 +1,159 @@
+import { type EndpointBuilder } from '@reduxjs/toolkit/query/react'
+
+import { type SafeOverview, getSafeOverviews } from '@safe-global/safe-gateway-typescript-sdk'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import type { RootState } from '../..'
+import { selectCurrency } from '../../settingsSlice'
+import { type SafeItem } from '@/features/myAccounts/hooks/useAllSafes'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+import { makeSafeTag } from '.'
+
+type SafeOverviewQueueItem = {
+  safeAddress: string
+  walletAddress?: string
+  chainId: string
+  currency: string
+  callback: (result: { data: SafeOverview | undefined; error?: never } | { data?: never; error: string }) => void
+}
+
+const _BATCH_SIZE = 10
+const _FETCH_TIMEOUT = 300
+
+class SafeOverviewFetcher {
+  private requestQueue: SafeOverviewQueueItem[] = []
+
+  private fetchTimeout: NodeJS.Timeout | null = null
+
+  private async fetchSafeOverviews({
+    safeIds,
+    walletAddress,
+    currency,
+  }: {
+    safeIds: `${number}:0x${string}`[]
+    walletAddress?: string
+    currency: string
+  }) {
+    return await getSafeOverviews(safeIds, {
+      /**
+       * This flag can only be set once for all cross chain `safeIds`.
+       * If we set `trusted` to `true` we will get 0 as `fiatTotal` for all Safes on networks without Default tokenlists.
+       */
+      trusted: false,
+      exclude_spam: true,
+      currency,
+      wallet_address: walletAddress,
+    })
+  }
+
+  private async processQueuedItems() {
+    // Dequeue the first BATCH_SIZE items
+    const nextBatch = this.requestQueue.slice(0, _BATCH_SIZE)
+    this.requestQueue = this.requestQueue.slice(_BATCH_SIZE)
+
+    let overviews: SafeOverview[]
+    try {
+      this.fetchTimeout && clearTimeout(this.fetchTimeout)
+      this.fetchTimeout = null
+
+      if (nextBatch.length === 0) {
+        // Nothing to process
+        return
+      }
+
+      const safeIds = nextBatch.map((request) => makeSafeTag(request.chainId, request.safeAddress))
+      const { walletAddress, currency } = nextBatch[0]
+      overviews = await this.fetchSafeOverviews({ safeIds, currency, walletAddress })
+    } catch (err) {
+      // Overviews could not be fetched
+      nextBatch.forEach((item) => item.callback({ error: 'Could not fetch Safe overview' }))
+      return
+    }
+
+    nextBatch.forEach((item) => {
+      const overview = overviews.find(
+        (entry) => sameAddress(entry.address.value, item.safeAddress) && entry.chainId === item.chainId,
+      )
+
+      item.callback({ data: overview })
+    })
+  }
+
+  private enqueueRequest(item: SafeOverviewQueueItem) {
+    this.requestQueue.push(item)
+
+    if (this.requestQueue.length >= _BATCH_SIZE) {
+      this.processQueuedItems()
+    }
+
+    // If no timer is running start a timer
+    if (this.fetchTimeout === null) {
+      this.fetchTimeout = setTimeout(() => {
+        this.processQueuedItems()
+      }, _FETCH_TIMEOUT)
+    }
+  }
+
+  async getOverview(item: Omit<SafeOverviewQueueItem, 'callback'>) {
+    return new Promise<SafeOverview | undefined>((resolve, reject) => {
+      this.enqueueRequest({
+        ...item,
+        callback: (result) => {
+          if ('data' in result) {
+            resolve(result.data)
+          }
+          reject(result.error)
+        },
+      })
+    })
+  }
+}
+
+const batchedFetcher = new SafeOverviewFetcher()
+
+type MultiOverviewQueryParams = {
+  currency: string
+  walletAddress?: string
+  safes: SafeItem[]
+}
+
+export const safeOverviewEndpoints = (builder: EndpointBuilder<any, 'OwnedSafes' | 'Submissions', 'gatewayApi'>) => ({
+  getSafeOverview: builder.query<SafeOverview | null, { safeAddress: string; walletAddress?: string; chainId: string }>(
+    {
+      async queryFn({ safeAddress, walletAddress, chainId }, { getState }) {
+        const state = getState() as RootState
+        const currency = selectCurrency(state)
+
+        if (!safeAddress) {
+          return { data: null }
+        }
+
+        try {
+          const safeOverview = await batchedFetcher.getOverview({ chainId, currency, walletAddress, safeAddress })
+          return { data: safeOverview ?? null }
+        } catch (error) {
+          return { error: { status: 'CUSTOM_ERROR', error: asError(error).message } }
+        }
+      },
+    },
+  ),
+  getMultipleSafeOverviews: builder.query<SafeOverview[], MultiOverviewQueryParams>({
+    async queryFn(params) {
+      const { safes, walletAddress, currency } = params
+
+      try {
+        const promisedSafeOverviews = safes.map((safe) =>
+          batchedFetcher.getOverview({
+            chainId: safe.chainId,
+            safeAddress: safe.address,
+            currency,
+            walletAddress,
+          }),
+        )
+        const safeOverviews = await Promise.all(promisedSafeOverviews)
+        return { data: safeOverviews.filter(Boolean) as SafeOverview[] }
+      } catch (error) {
+        return { error: { status: 'CUSTOM_ERROR', error: (error as Error).message } }
+      }
+    },
+  }),
+})
diff --git a/apps/web/src/store/api/ofac.ts b/apps/web/src/store/api/ofac.ts
new file mode 100644
index 000000000..057151ad4
--- /dev/null
+++ b/apps/web/src/store/api/ofac.ts
@@ -0,0 +1,72 @@
+import { createApi } from '@reduxjs/toolkit/query/react'
+import { selectChainById } from '@/store/chainsSlice'
+import { Contract } from 'ethers'
+import { createWeb3ReadOnly } from '@/hooks/wallets/web3'
+import type { RootState } from '..'
+import { CHAINALYSIS_OFAC_CONTRACT } from '@/config/constants'
+import chains from '@/config/chains'
+
+// Chainalysis contract ABI and address
+const contractAbi = [
+  {
+    inputs: [],
+    stateMutability: 'nonpayable',
+    type: 'constructor',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'addr',
+        type: 'address',
+      },
+    ],
+    name: 'isSanctioned',
+    outputs: [
+      {
+        internalType: 'bool',
+        name: '',
+        type: 'bool',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+]
+
+const noopBaseQuery = async () => ({ data: null })
+
+const createBadRequestError = (message: string) => ({
+  error: { status: 400, statusText: 'Bad Request', data: message },
+})
+
+export const ofacApi = createApi({
+  reducerPath: 'ofacApi',
+  baseQuery: noopBaseQuery,
+  endpoints: (builder) => ({
+    getIsSanctioned: builder.query<boolean, string>({
+      async queryFn(address, { getState }) {
+        const state = getState()
+        const chain = selectChainById(state as RootState, chains.eth)
+
+        if (!chain) return createBadRequestError('Chain info not found')
+        if (!address) return createBadRequestError('No address provided')
+
+        const provider = createWeb3ReadOnly(chain)
+        const contract = new Contract(CHAINALYSIS_OFAC_CONTRACT, contractAbi, provider)
+
+        try {
+          const isAddressBlocked: boolean = await contract['isSanctioned'](address)
+          return { data: isAddressBlocked }
+        } catch (error) {
+          return { error }
+        }
+      },
+      keepUnusedDataFor: 24 * 60 * 60, // 24 hours
+    }),
+  }),
+})
+
+// Export hooks for usage in functional components, which are
+// auto-generated based on the defined endpoints
+export const { useGetIsSanctionedQuery } = ofacApi
diff --git a/apps/web/src/store/api/safePass.ts b/apps/web/src/store/api/safePass.ts
new file mode 100644
index 000000000..fc0be3ddb
--- /dev/null
+++ b/apps/web/src/store/api/safePass.ts
@@ -0,0 +1,34 @@
+import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'
+import { GATEWAY_URL } from '@/config/gateway'
+
+const GLOBAL_CAMPAIGN_IDS: Record<'1' | '11155111', string> = {
+  '11155111': 'fa9f462b-8e8c-4122-aa41-2464e919b721',
+  '1': '9ed78b8b-178d-4e25-9ef2-1517865991ee',
+}
+
+export type CampaignLeaderboardEntry = {
+  holder: string
+  position: number
+  boost: string
+  totalPoints: number
+  totalBoostedPoints: number
+}
+
+export const safePassApi = createApi({
+  reducerPath: 'safePassApi',
+  baseQuery: fetchBaseQuery({ baseUrl: GATEWAY_URL }),
+  endpoints: (builder) => ({
+    getOwnGlobalCampaignRank: builder.query<
+      CampaignLeaderboardEntry,
+      { chainId: '1' | '11155111'; safeAddress: string }
+    >({
+      query: (request) => ({
+        url: `v1/community/campaigns/${GLOBAL_CAMPAIGN_IDS[request.chainId]}/leaderboard/${request.safeAddress}`,
+      }),
+    }),
+  }),
+})
+
+// Export hooks for usage in functional components, which are
+// auto-generated based on the defined endpoints
+export const { useGetOwnGlobalCampaignRankQuery } = safePassApi
diff --git a/apps/web/src/store/authSlice.ts b/apps/web/src/store/authSlice.ts
new file mode 100644
index 000000000..baca0bfbc
--- /dev/null
+++ b/apps/web/src/store/authSlice.ts
@@ -0,0 +1,51 @@
+import type { listenerMiddlewareInstance, RootState } from '@/store/index'
+import { createSlice, type PayloadAction } from '@reduxjs/toolkit'
+import { cgwClient } from '@safe-global/store/gateway/cgwClient'
+
+type AuthPayload = {
+  sessionExpiresAt: number | null
+  lastUsedSpace: string | null
+}
+
+const initialState: AuthPayload = {
+  sessionExpiresAt: null,
+  lastUsedSpace: null,
+}
+
+export const authSlice = createSlice({
+  name: 'auth',
+  initialState,
+  reducers: {
+    setAuthenticated: (state, { payload }: PayloadAction<AuthPayload['sessionExpiresAt']>) => {
+      state.sessionExpiresAt = payload
+    },
+
+    setUnauthenticated: (state) => {
+      state.sessionExpiresAt = null
+    },
+
+    setLastUsedSpace: (state, { payload }: PayloadAction<AuthPayload['lastUsedSpace']>) => {
+      state.lastUsedSpace = payload
+    },
+  },
+})
+
+export const { setAuthenticated, setUnauthenticated, setLastUsedSpace } = authSlice.actions
+
+export const isAuthenticated = (state: RootState): boolean => {
+  return !!state.auth.sessionExpiresAt && state.auth.sessionExpiresAt > Date.now()
+}
+
+export const lastUsedSpace = (state: RootState) => {
+  return state.auth.lastUsedSpace
+}
+
+export const authListener = (listenerMiddleware: typeof listenerMiddlewareInstance) => {
+  listenerMiddleware.startListening({
+    actionCreator: authSlice.actions.setUnauthenticated,
+    effect: (_action, { dispatch }) => {
+      // @ts-ignore TS2322: Type string is not assignable to type FullTagDescription<never>
+      dispatch(cgwClient.util.invalidateTags(['spaces']))
+    },
+  })
+}
diff --git a/apps/web/src/store/balancesSlice.ts b/apps/web/src/store/balancesSlice.ts
new file mode 100644
index 000000000..9f260f2ed
--- /dev/null
+++ b/apps/web/src/store/balancesSlice.ts
@@ -0,0 +1,18 @@
+import { type TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { createSelector } from '@reduxjs/toolkit'
+import { makeLoadableSlice } from './common'
+import type { Balances } from '@safe-global/store/gateway/AUTO_GENERATED/balances'
+
+export const initialBalancesState: Balances = {
+  items: [],
+  fiatTotal: '',
+}
+
+const { slice, selector } = makeLoadableSlice('balances', initialBalancesState)
+
+export const balancesSlice = slice
+export const selectBalances = selector
+
+export const selectTokens = createSelector(selectBalances, (balancesState): TokenInfo[] =>
+  balancesState.data.items.map(({ tokenInfo }) => tokenInfo),
+)
diff --git a/src/store/batchSlice.ts b/apps/web/src/store/batchSlice.ts
similarity index 94%
rename from src/store/batchSlice.ts
rename to apps/web/src/store/batchSlice.ts
index 4591aaad2..1ab3d1a29 100644
--- a/src/store/batchSlice.ts
+++ b/apps/web/src/store/batchSlice.ts
@@ -1,6 +1,7 @@
 import { createSelector, createSlice, type PayloadAction } from '@reduxjs/toolkit'
 import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
 import type { RootState } from '.'
+import { selectChainIdAndSafeAddress } from '@/store/common'
 
 export type DraftBatchItem = {
   id: string
@@ -36,7 +37,6 @@ export const batchSlice = createSlice({
       state[chainId][safeAddress].push({
         id: Math.random().toString(36).slice(2),
         timestamp: Date.now(),
-        // @ts-expect-error
         txDetails,
       })
     },
@@ -65,7 +65,7 @@ const selectAllBatches = (state: RootState): BatchTxsState => {
 }
 
 export const selectBatchBySafe = createSelector(
-  [selectAllBatches, (_, chainId: string, safeAddress: string) => [chainId, safeAddress]],
+  [selectAllBatches, selectChainIdAndSafeAddress],
   (allBatches, [chainId, safeAddress]): DraftBatchItem[] => {
     return allBatches[chainId]?.[safeAddress] || []
   },
diff --git a/apps/web/src/store/broadcast.ts b/apps/web/src/store/broadcast.ts
new file mode 100644
index 000000000..8253f4273
--- /dev/null
+++ b/apps/web/src/store/broadcast.ts
@@ -0,0 +1,36 @@
+import type { Store } from 'redux'
+import type { Middleware } from '@reduxjs/toolkit'
+import type { RootState } from '@/store'
+
+const BC_NAME = 'SAFE__store-updates'
+const tabId = Math.random().toString(32).slice(2)
+let broadcast: BroadcastChannel | undefined
+
+export const broadcastState = <K extends keyof RootState>(sliceNames: K[]): Middleware<{}, RootState> => {
+  return () => (next) => (action: unknown) => {
+    const result = next(action)
+
+    // Broadcast actions that aren't being already broadcasted
+    if (typeof action === 'object' && action !== null) {
+      const actionObj = action as { _isBroadcasted?: boolean; type?: string }
+      if (!actionObj._isBroadcasted && actionObj.type) {
+        const sliceType = actionObj.type.split('/')[0]
+        if (sliceNames.includes(sliceType as K)) {
+          broadcast?.postMessage({ action, tabId })
+        }
+      }
+    }
+
+    return result
+  }
+}
+
+export const listenToBroadcast = (store: Store<RootState>) => {
+  broadcast = typeof BroadcastChannel !== 'undefined' ? new BroadcastChannel(BC_NAME) : undefined
+
+  broadcast?.addEventListener('message', ({ data }) => {
+    if (data.tabId !== tabId) {
+      store.dispatch({ ...data.action, _isBroadcasted: true })
+    }
+  })
+}
diff --git a/src/store/chainsSlice.ts b/apps/web/src/store/chainsSlice.ts
similarity index 100%
rename from src/store/chainsSlice.ts
rename to apps/web/src/store/chainsSlice.ts
diff --git a/apps/web/src/store/common.ts b/apps/web/src/store/common.ts
new file mode 100644
index 000000000..514882315
--- /dev/null
+++ b/apps/web/src/store/common.ts
@@ -0,0 +1,47 @@
+import { createSelector, createSlice, type PayloadAction } from '@reduxjs/toolkit'
+import type { RootState } from '@/store/index'
+
+export type Loadable<T> = {
+  data: T
+  loading: boolean
+  error?: string
+}
+
+export const makeLoadableSlice = <N extends string, T>(name: N, data: T) => {
+  type SliceState = Loadable<T>
+
+  const initialState: SliceState = {
+    data,
+    loading: false,
+  }
+
+  const slice = createSlice({
+    name,
+    initialState,
+    reducers: {
+      set: (_, { payload }: PayloadAction<Loadable<T | undefined>>): SliceState => ({
+        ...payload,
+        data: payload.data ?? initialState.data, // fallback to initialState.data
+      }),
+    },
+  })
+
+  const selector = (state: Record<N, SliceState>): SliceState => state[name]
+
+  return {
+    slice,
+    selector,
+  }
+}
+
+// Memoized selector for chainId and safeAddress
+export const selectChainIdAndSafeAddress = createSelector(
+  [(_: RootState, chainId: string) => chainId, (_: RootState, _chainId: string, safeAddress: string) => safeAddress],
+  (chainId, safeAddress) => [chainId, safeAddress] as const,
+)
+
+// Memoized selector for safeAddress
+export const selectSafeAddress = createSelector(
+  [(_: RootState, safeAddress: string) => safeAddress],
+  (safeAddress) => [safeAddress] as const,
+)
diff --git a/apps/web/src/store/cookiesAndTermsSlice.ts b/apps/web/src/store/cookiesAndTermsSlice.ts
new file mode 100644
index 000000000..3177eeee8
--- /dev/null
+++ b/apps/web/src/store/cookiesAndTermsSlice.ts
@@ -0,0 +1,49 @@
+import type { PayloadAction } from '@reduxjs/toolkit'
+import { createSlice } from '@reduxjs/toolkit'
+import type { RootState } from '.'
+import { version } from '@/markdown/terms/version'
+
+export enum CookieAndTermType {
+  TERMS = 'terms',
+  NECESSARY = 'necessary',
+  UPDATES = 'updates',
+  ANALYTICS = 'analytics',
+}
+
+export type CookiesAndTermsState = {
+  [CookieAndTermType.TERMS]: boolean | undefined
+  [CookieAndTermType.NECESSARY]: boolean | undefined
+  [CookieAndTermType.UPDATES]: boolean | undefined
+  [CookieAndTermType.ANALYTICS]: boolean | undefined
+  termsVersion: string | undefined
+}
+
+export const cookiesAndTermsInitialState: CookiesAndTermsState = {
+  [CookieAndTermType.TERMS]: undefined,
+  [CookieAndTermType.NECESSARY]: undefined,
+  [CookieAndTermType.UPDATES]: undefined,
+  [CookieAndTermType.ANALYTICS]: undefined,
+  termsVersion: undefined,
+}
+
+export const cookiesAndTermsSlice = createSlice({
+  name: `cookies_terms`,
+  initialState: cookiesAndTermsInitialState,
+  reducers: {
+    saveCookieAndTermConsent: (_, { payload }: PayloadAction<CookiesAndTermsState>) => payload,
+  },
+})
+
+export const selectCookies = (state: RootState) => state[cookiesAndTermsSlice.name]
+
+export const hasAcceptedTerms = (state: RootState): boolean => {
+  const cookies = selectCookies(state)
+  return cookies[CookieAndTermType.TERMS] === true && cookies.termsVersion === version
+}
+
+export const hasConsentFor = (state: RootState, type: CookieAndTermType): boolean => {
+  const cookies = selectCookies(state)
+  return cookies[type] === true && cookies.termsVersion === version
+}
+
+export const { saveCookieAndTermConsent } = cookiesAndTermsSlice.actions
diff --git a/apps/web/src/store/index.ts b/apps/web/src/store/index.ts
new file mode 100644
index 000000000..02d4dbd6f
--- /dev/null
+++ b/apps/web/src/store/index.ts
@@ -0,0 +1,168 @@
+import {
+  configureStore,
+  combineReducers,
+  createListenerMiddleware,
+  type ThunkAction,
+  type Action,
+  type Middleware,
+  type EnhancedStore,
+  type ThunkDispatch,
+} from '@reduxjs/toolkit'
+import { useDispatch, useSelector, type TypedUseSelectorHook } from 'react-redux'
+import merge from 'lodash/merge'
+import { IS_PRODUCTION } from '@/config/constants'
+import { getPreloadedState, persistState } from './persistStore'
+import { broadcastState, listenToBroadcast } from './broadcast'
+import {
+  cookiesAndTermsSlice,
+  cookiesAndTermsInitialState,
+  safeMessagesListener,
+  swapOrderListener,
+  swapOrderStatusListener,
+  txHistoryListener,
+  txQueueListener,
+  authListener,
+} from './slices'
+import * as slices from './slices'
+import * as hydrate from './useHydrateStore'
+import { ofacApi } from '@/store/api/ofac'
+import { safePassApi } from './api/safePass'
+import { version as termsVersion } from '@/markdown/terms/version'
+import { cgwClient, setBaseUrl } from '@safe-global/store/gateway/cgwClient'
+import { GATEWAY_URL } from '@/config/gateway'
+import { setupListeners } from '@reduxjs/toolkit/query'
+
+const rootReducer = combineReducers({
+  [slices.chainsSlice.name]: slices.chainsSlice.reducer,
+  [slices.safeInfoSlice.name]: slices.safeInfoSlice.reducer,
+  [slices.balancesSlice.name]: slices.balancesSlice.reducer,
+  [slices.sessionSlice.name]: slices.sessionSlice.reducer,
+  [slices.txHistorySlice.name]: slices.txHistorySlice.reducer,
+  [slices.txQueueSlice.name]: slices.txQueueSlice.reducer,
+  [slices.swapOrderSlice.name]: slices.swapOrderSlice.reducer,
+  [slices.addressBookSlice.name]: slices.addressBookSlice.reducer,
+  [slices.notificationsSlice.name]: slices.notificationsSlice.reducer,
+  [slices.pendingTxsSlice.name]: slices.pendingTxsSlice.reducer,
+  [slices.addedSafesSlice.name]: slices.addedSafesSlice.reducer,
+  [slices.settingsSlice.name]: slices.settingsSlice.reducer,
+  [slices.cookiesAndTermsSlice.name]: slices.cookiesAndTermsSlice.reducer,
+  [slices.popupSlice.name]: slices.popupSlice.reducer,
+  [slices.spendingLimitSlice.name]: slices.spendingLimitSlice.reducer,
+  [slices.safeAppsSlice.name]: slices.safeAppsSlice.reducer,
+  [slices.safeMessagesSlice.name]: slices.safeMessagesSlice.reducer,
+  [slices.pendingSafeMessagesSlice.name]: slices.pendingSafeMessagesSlice.reducer,
+  [slices.batchSlice.name]: slices.batchSlice.reducer,
+  [slices.undeployedSafesSlice.name]: slices.undeployedSafesSlice.reducer,
+  [slices.swapParamsSlice.name]: slices.swapParamsSlice.reducer,
+  [slices.visitedSafesSlice.name]: slices.visitedSafesSlice.reducer,
+  [slices.orderByPreferenceSlice.name]: slices.orderByPreferenceSlice.reducer,
+  [ofacApi.reducerPath]: ofacApi.reducer,
+  [safePassApi.reducerPath]: safePassApi.reducer,
+  [slices.gatewayApi.reducerPath]: slices.gatewayApi.reducer,
+  [cgwClient.reducerPath]: cgwClient.reducer,
+  [slices.authSlice.reducerPath]: slices.authSlice.reducer,
+})
+
+const persistedSlices: (keyof Partial<RootState>)[] = [
+  slices.sessionSlice.name,
+  slices.addressBookSlice.name,
+  slices.pendingTxsSlice.name,
+  slices.addedSafesSlice.name,
+  slices.settingsSlice.name,
+  slices.cookiesAndTermsSlice.name,
+  slices.safeAppsSlice.name,
+  slices.pendingSafeMessagesSlice.name,
+  slices.batchSlice.name,
+  slices.undeployedSafesSlice.name,
+  slices.swapParamsSlice.name,
+  slices.swapOrderSlice.name,
+  slices.visitedSafesSlice.name,
+  slices.orderByPreferenceSlice.name,
+  slices.authSlice.name,
+]
+
+export const getPersistedState = () => {
+  return getPreloadedState(persistedSlices)
+}
+
+export const listenerMiddlewareInstance = createListenerMiddleware<RootState>()
+
+const middleware: Middleware<{}, RootState>[] = [
+  persistState(persistedSlices),
+  broadcastState(persistedSlices),
+  listenerMiddlewareInstance.middleware,
+  ofacApi.middleware,
+  safePassApi.middleware,
+  slices.gatewayApi.middleware,
+]
+
+const listeners = [
+  safeMessagesListener,
+  txHistoryListener,
+  txQueueListener,
+  swapOrderListener,
+  swapOrderStatusListener,
+  authListener,
+]
+
+export const _hydrationReducer: typeof rootReducer = (state, action) => {
+  if (action.type === hydrate.HYDRATE_ACTION) {
+    /**
+     * When changing the schema of a Redux slice, previously stored data in LS might become incompatible.
+     * To avoid this, we should always migrate the data on a case-by-case basis in the corresponding slice.
+     * However, as a catch-all measure, we attempt to merge the stored data with the initial Redux state,
+     * so that any newly added properties in the initial state are preserved, and existing properties are taken from the LS.
+     *
+     * @see https://lodash.com/docs/4.17.15#merge
+     */
+    const nextState = merge({}, state, action.payload) as RootState
+
+    // Check if termsVersion matches
+    if (nextState[cookiesAndTermsSlice.name] && nextState[cookiesAndTermsSlice.name].termsVersion !== termsVersion) {
+      // Reset consent
+      nextState[cookiesAndTermsSlice.name] = {
+        ...cookiesAndTermsInitialState,
+      }
+    }
+
+    return nextState
+  }
+  return rootReducer(state, action) as RootState
+}
+
+type MakeStoreOptions = {
+  skipBroadcast?: boolean
+}
+export const makeStore = (
+  initialState?: Partial<RootState>,
+  options?: MakeStoreOptions,
+): EnhancedStore<RootState, Action> => {
+  setBaseUrl(GATEWAY_URL)
+
+  const store = configureStore({
+    reducer: _hydrationReducer,
+    middleware: (getDefaultMiddleware) => {
+      listeners.forEach((listener) => listener(listenerMiddlewareInstance))
+      return getDefaultMiddleware({ serializableCheck: false }).concat(cgwClient.middleware).concat(middleware)
+    },
+    devTools: !IS_PRODUCTION,
+    preloadedState: initialState,
+  })
+
+  if (!options?.skipBroadcast) {
+    listenToBroadcast(store)
+  }
+
+  setupListeners(store.dispatch)
+
+  return store
+}
+
+export type RootState = ReturnType<typeof rootReducer>
+export type AppDispatch = ThunkDispatch<RootState, unknown, Action> & EnhancedStore<RootState, Action>['dispatch']
+export type AppThunk<ReturnType = void> = ThunkAction<ReturnType, RootState, unknown, Action>
+
+export const useAppDispatch = () => useDispatch<AppDispatch>()
+export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector
+
+export const useHydrateStore = hydrate.useHydrateStore
diff --git a/apps/web/src/store/notificationsSlice.ts b/apps/web/src/store/notificationsSlice.ts
new file mode 100644
index 000000000..d988d11d6
--- /dev/null
+++ b/apps/web/src/store/notificationsSlice.ts
@@ -0,0 +1,76 @@
+import { createSlice, type PayloadAction } from '@reduxjs/toolkit'
+import type { AlertColor } from '@mui/material'
+import type { AppThunk, RootState } from '@/store'
+import type { LinkProps } from 'next/link'
+
+export type Notification = {
+  id: string
+  message: string
+  detailedMessage?: string
+  title?: string
+  groupKey: string
+  variant: AlertColor
+  timestamp: number
+  isDismissed?: boolean
+  isRead?: boolean
+  link?: { href: LinkProps['href']; title: string } | { onClick: () => void; title: string }
+  onClose?: () => void
+}
+
+export type NotificationState = Notification[]
+
+const initialState: NotificationState = []
+
+export const notificationsSlice = createSlice({
+  name: 'notifications',
+  initialState,
+  reducers: {
+    enqueueNotification: (state, { payload }: PayloadAction<Notification>): NotificationState => {
+      return [...state, payload]
+    },
+    closeNotification: (state, { payload }: PayloadAction<{ id: string }>): NotificationState => {
+      return state.map((notification) => {
+        return notification.id === payload.id ? { ...notification, isDismissed: true } : notification
+      })
+    },
+    closeByGroupKey: (state, { payload }: PayloadAction<{ groupKey: string }>): NotificationState => {
+      return state.map((notification) => {
+        return notification.groupKey === payload.groupKey ? { ...notification, isDismissed: true } : notification
+      })
+    },
+    deleteNotification: (state, { payload }: PayloadAction<Notification>) => {
+      return state.filter((notification) => notification.id !== payload.id)
+    },
+    deleteAllNotifications: (): NotificationState => {
+      return []
+    },
+    readNotification: (state, { payload }: PayloadAction<{ id: string }>): NotificationState => {
+      return state.map((notification) => {
+        return notification.id === payload.id ? { ...notification, isRead: true } : notification
+      })
+    },
+  },
+})
+
+export const { closeNotification, closeByGroupKey, deleteNotification, deleteAllNotifications, readNotification } =
+  notificationsSlice.actions
+
+export const showNotification = (payload: Omit<Notification, 'id' | 'timestamp'>): AppThunk<string> => {
+  return (dispatch) => {
+    const id = Math.random().toString(32).slice(2)
+
+    const notification: Notification = {
+      ...payload,
+      id,
+      timestamp: new Date().getTime(),
+    }
+
+    dispatch(notificationsSlice.actions.enqueueNotification(notification))
+
+    return id
+  }
+}
+
+export const selectNotifications = (state: RootState): NotificationState => {
+  return state[notificationsSlice.name]
+}
diff --git a/apps/web/src/store/orderByPreferenceSlice.ts b/apps/web/src/store/orderByPreferenceSlice.ts
new file mode 100644
index 000000000..6894e0e07
--- /dev/null
+++ b/apps/web/src/store/orderByPreferenceSlice.ts
@@ -0,0 +1,29 @@
+import type { PayloadAction } from '@reduxjs/toolkit'
+import { createSlice } from '@reduxjs/toolkit'
+import type { RootState } from '@/store'
+
+export enum OrderByOption {
+  NAME = 'name',
+  LAST_VISITED = 'lastVisited',
+}
+
+export type OrderByPreferenceState = { orderBy: OrderByOption }
+
+const initialState: OrderByPreferenceState = { orderBy: OrderByOption.LAST_VISITED }
+
+export const orderByPreferenceSlice = createSlice({
+  name: 'orderByPreference',
+  initialState,
+  reducers: {
+    setOrderByPreference: (state, { payload }: PayloadAction<{ orderBy: OrderByOption }>) => {
+      const { orderBy } = payload
+      state.orderBy = orderBy
+    },
+  },
+})
+
+export const { setOrderByPreference } = orderByPreferenceSlice.actions
+
+export const selectOrderByPreference = (state: RootState): OrderByPreferenceState => {
+  return state[orderByPreferenceSlice.name] || initialState
+}
diff --git a/src/store/pendingSafeMessagesSlice.ts b/apps/web/src/store/pendingSafeMessagesSlice.ts
similarity index 100%
rename from src/store/pendingSafeMessagesSlice.ts
rename to apps/web/src/store/pendingSafeMessagesSlice.ts
diff --git a/src/store/pendingTxsSlice.ts b/apps/web/src/store/pendingTxsSlice.ts
similarity index 83%
rename from src/store/pendingTxsSlice.ts
rename to apps/web/src/store/pendingTxsSlice.ts
index 4c263ede8..fabe57213 100644
--- a/src/store/pendingTxsSlice.ts
+++ b/apps/web/src/store/pendingTxsSlice.ts
@@ -1,10 +1,12 @@
 import { createSelector, createSlice, type PayloadAction } from '@reduxjs/toolkit'
 
 import type { RootState } from '@/store'
-import { sameAddress } from '@/utils/addresses'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { selectChainIdAndSafeAddress } from '@/store/common'
 
 export enum PendingStatus {
   SIGNING = 'SIGNING',
+  NESTED_SIGNING = 'NESTED_SIGNING',
   SUBMITTING = 'SUBMITTING',
   PROCESSING = 'PROCESSING',
   RELAYING = 'RELAYING',
@@ -16,11 +18,10 @@ export enum PendingTxType {
   SAFE_TX = 'SAFE_TX',
 }
 
-const ActivePendingStates = [PendingStatus.RELAYING, PendingStatus.INDEXING, PendingStatus.PROCESSING]
-
 export type PendingTxCommonProps = {
   chainId: string
   safeAddress: string
+  nonce: number
   groupKey?: string
 }
 
@@ -67,12 +68,19 @@ type PendingIndexingTx = PendingTxCommonProps & {
   txHash?: string
 }
 
+type PendingNestedSigningTx = PendingTxCommonProps & {
+  signerAddress: string
+  txHashOrParentSafeTxHash: string
+  status: PendingStatus.NESTED_SIGNING
+}
+
 export type PendingTx =
   | PendingSigningTx
   | PendingSubmittingTx
   | PendingProcessingTx
   | PendingRelayingTx
   | PendingIndexingTx
+  | PendingNestedSigningTx
 
 export type PendingTxsState = {
   [txId: string]: PendingTx
@@ -106,9 +114,10 @@ export const selectPendingTxById = createSelector(
 )
 
 export const selectPendingTxIdsBySafe = createSelector(
-  [selectPendingTxs, (_: RootState, chainId: string, safeAddress: string) => [chainId, safeAddress]],
-  (pendingTxs, [chainId, safeAddress]) =>
-    Object.keys(pendingTxs).filter(
+  [selectPendingTxs, selectChainIdAndSafeAddress],
+  (pendingTxs, [chainId, safeAddress]) => {
+    return Object.keys(pendingTxs).filter(
       (id) => pendingTxs[id].chainId === chainId && sameAddress(pendingTxs[id].safeAddress, safeAddress),
-    ),
+    )
+  },
 )
diff --git a/apps/web/src/store/persistStore.ts b/apps/web/src/store/persistStore.ts
new file mode 100644
index 000000000..58fc9378a
--- /dev/null
+++ b/apps/web/src/store/persistStore.ts
@@ -0,0 +1,43 @@
+import type { Middleware } from '@reduxjs/toolkit'
+
+import local from '@/services/local-storage/local'
+import type { RootState } from '@/store'
+
+export const getPreloadedState = <K extends keyof RootState>(sliceNames: K[]): Partial<RootState> => {
+  return sliceNames.reduce<Partial<RootState>>((preloadedState, sliceName) => {
+    const sliceState = local.getItem<RootState[K]>(sliceName as string)
+
+    if (sliceState) {
+      preloadedState[sliceName] = sliceState
+    }
+
+    return preloadedState
+  }, {})
+}
+
+export const persistState = <K extends keyof RootState>(sliceNames: K[]): Middleware<{}, RootState> => {
+  return (store) => (next) => (action) => {
+    const result = next(action)
+
+    if (typeof action === 'object' && action !== null && 'type' in action) {
+      // No need to persist broadcasted actions because they are persisted in another tab
+      if ('_isBroadcasted' in action && action._isBroadcasted) return result
+
+      const sliceType = (action as { type: string }).type.split('/')[0]
+      const name = sliceNames.find((slice) => slice === sliceType)
+
+      if (name) {
+        const state = store.getState()
+        const sliceState = state[name]
+
+        if (sliceState) {
+          local.setItem(name as string, sliceState)
+        } else {
+          local.removeItem(name as string)
+        }
+      }
+    }
+
+    return result
+  }
+}
diff --git a/apps/web/src/store/popupSlice.ts b/apps/web/src/store/popupSlice.ts
new file mode 100644
index 000000000..2140d5725
--- /dev/null
+++ b/apps/web/src/store/popupSlice.ts
@@ -0,0 +1,55 @@
+import type { PayloadAction } from '@reduxjs/toolkit'
+import { createSlice } from '@reduxjs/toolkit'
+import type { CookieAndTermType } from './cookiesAndTermsSlice'
+import type { RootState } from '.'
+
+export enum PopupType {
+  COOKIES = 'cookies',
+  OUTREACH = 'outreach',
+}
+
+type PopupState = {
+  [PopupType.COOKIES]: {
+    open: boolean
+    warningKey?: CookieAndTermType
+  }
+  [PopupType.OUTREACH]: {
+    open: boolean
+  }
+}
+
+const initialState: PopupState = {
+  [PopupType.COOKIES]: {
+    open: false,
+  },
+  [PopupType.OUTREACH]: {
+    open: false,
+  },
+}
+
+export const popupSlice = createSlice({
+  name: 'popups',
+  initialState,
+  reducers: {
+    openCookieBanner: (state, { payload }: PayloadAction<{ warningKey?: CookieAndTermType }>) => {
+      state[PopupType.COOKIES] = {
+        ...payload,
+        open: true,
+      }
+    },
+    closeCookieBanner: (state) => {
+      state[PopupType.COOKIES] = { open: false }
+    },
+    openOutreachBanner: (state) => {
+      state[PopupType.OUTREACH] = { open: true }
+    },
+    closeOutreachBanner: (state) => {
+      state[PopupType.OUTREACH] = { open: false }
+    },
+  },
+})
+
+export const { openCookieBanner, closeCookieBanner, openOutreachBanner, closeOutreachBanner } = popupSlice.actions
+
+export const selectCookieBanner = (state: RootState) => state[popupSlice.name][PopupType.COOKIES]
+export const selectOutreachBanner = (state: RootState) => state[popupSlice.name][PopupType.OUTREACH]
diff --git a/src/store/safeAppsSlice.ts b/apps/web/src/store/safeAppsSlice.ts
similarity index 100%
rename from src/store/safeAppsSlice.ts
rename to apps/web/src/store/safeAppsSlice.ts
diff --git a/apps/web/src/store/safeInfoSlice.ts b/apps/web/src/store/safeInfoSlice.ts
new file mode 100644
index 000000000..abf5e56f5
--- /dev/null
+++ b/apps/web/src/store/safeInfoSlice.ts
@@ -0,0 +1,7 @@
+import { makeLoadableSlice } from './common'
+import type { ExtendedSafeInfo } from '@safe-global/store/slices/SafeInfo/types'
+
+const { slice, selector } = makeLoadableSlice('safeInfo', undefined as ExtendedSafeInfo | undefined)
+
+export const safeInfoSlice = slice
+export const selectSafeInfo = selector
diff --git a/src/store/safeMessagesSlice.ts b/apps/web/src/store/safeMessagesSlice.ts
similarity index 90%
rename from src/store/safeMessagesSlice.ts
rename to apps/web/src/store/safeMessagesSlice.ts
index bb783b41b..b7c40e50f 100644
--- a/src/store/safeMessagesSlice.ts
+++ b/apps/web/src/store/safeMessagesSlice.ts
@@ -1,4 +1,4 @@
-import type { SafeMessageListPage } from '@safe-global/safe-gateway-typescript-sdk'
+import type { MessagePage } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
 import type { listenerMiddlewareInstance } from '.'
 
 import { safeMsgDispatch, SafeMsgEvent } from '@/services/safe-messages/safeMsgEvents'
@@ -6,7 +6,7 @@ import { isSafeMessageListItem } from '@/utils/safe-message-guards'
 import { makeLoadableSlice } from '@/store/common'
 import { selectPendingSafeMessages } from '@/store/pendingSafeMessagesSlice'
 
-const { slice, selector } = makeLoadableSlice('safeMessages', undefined as SafeMessageListPage | undefined)
+const { slice, selector } = makeLoadableSlice('safeMessages', undefined as MessagePage | undefined)
 
 export const safeMessagesSlice = slice
 export const selectSafeMessages = selector
diff --git a/src/store/sessionSlice.ts b/apps/web/src/store/sessionSlice.ts
similarity index 100%
rename from src/store/sessionSlice.ts
rename to apps/web/src/store/sessionSlice.ts
diff --git a/apps/web/src/store/settingsSlice.ts b/apps/web/src/store/settingsSlice.ts
new file mode 100644
index 000000000..9ae4bc1ca
--- /dev/null
+++ b/apps/web/src/store/settingsSlice.ts
@@ -0,0 +1,167 @@
+import type { PayloadAction } from '@reduxjs/toolkit'
+import { createSelector, createSlice } from '@reduxjs/toolkit'
+import merge from 'lodash/merge'
+
+import type { RootState } from '@/store'
+import isEqual from 'lodash/isEqual'
+import type { EnvState } from '@safe-global/store/settingsSlice'
+
+export enum TOKEN_LISTS {
+  TRUSTED = 'TRUSTED',
+  ALL = 'ALL',
+}
+
+export type SettingsState = {
+  currency: string
+
+  hiddenTokens: {
+    [chainId: string]: string[]
+  }
+
+  tokenList: TOKEN_LISTS
+
+  hideSuspiciousTransactions?: boolean
+
+  shortName: {
+    copy: boolean
+    qr: boolean
+  }
+  theme: {
+    darkMode?: boolean
+  }
+  env: EnvState
+  signing: {
+    onChainSigning: boolean
+    blindSigning: boolean
+  }
+  transactionExecution: boolean
+}
+
+export const initialState: SettingsState = {
+  currency: 'usd',
+
+  tokenList: TOKEN_LISTS.TRUSTED,
+
+  hiddenTokens: {},
+
+  hideSuspiciousTransactions: true,
+
+  // The `shortName` object contains settings related to short name interactions.
+  // The `copy` setting determines if the short name can be copied, while the `qr` setting
+  // determines if a QR code for the short name is displayed. Both are disabled by default
+  // for consistency and to avoid unintended behavior.
+  shortName: {
+    copy: false,
+    qr: false,
+  },
+  theme: {},
+  env: {
+    rpc: {},
+    tenderly: {
+      url: '',
+      accessToken: '',
+    },
+  },
+  signing: {
+    onChainSigning: false,
+    blindSigning: false,
+  },
+  transactionExecution: true,
+}
+
+export const settingsSlice = createSlice({
+  name: 'settings',
+  initialState,
+  reducers: {
+    setCurrency: (state, { payload }: PayloadAction<SettingsState['currency']>) => {
+      state.currency = payload
+    },
+    setCopyShortName: (state, { payload }: PayloadAction<SettingsState['shortName']['copy']>) => {
+      state.shortName.copy = payload
+    },
+    setQrShortName: (state, { payload }: PayloadAction<SettingsState['shortName']['qr']>) => {
+      state.shortName.qr = payload
+    },
+    setTransactionExecution: (state, { payload }: PayloadAction<SettingsState['transactionExecution']>) => {
+      state.transactionExecution = payload
+    },
+    setDarkMode: (state, { payload }: PayloadAction<SettingsState['theme']['darkMode']>) => {
+      state.theme.darkMode = payload
+    },
+    setHiddenTokensForChain: (state, { payload }: PayloadAction<{ chainId: string; assets: string[] }>) => {
+      const { chainId, assets } = payload
+      state.hiddenTokens[chainId] = assets
+    },
+    setTokenList: (state, { payload }: PayloadAction<SettingsState['tokenList']>) => {
+      state.tokenList = payload
+    },
+    hideSuspiciousTransactions: (state, { payload }: PayloadAction<boolean>) => {
+      state.hideSuspiciousTransactions = payload
+    },
+    setRpc: (state, { payload }: PayloadAction<{ chainId: string; rpc: string }>) => {
+      const { chainId, rpc } = payload
+      if (rpc) {
+        state.env.rpc[chainId] = rpc
+      } else {
+        delete state.env.rpc[chainId]
+      }
+    },
+    setTenderly: (state, { payload }: PayloadAction<EnvState['tenderly']>) => {
+      state.env.tenderly = merge({}, state.env.tenderly, payload)
+    },
+    setOnChainSigning: (state, { payload }: PayloadAction<boolean>) => {
+      state.signing.onChainSigning = payload
+    },
+    setBlindSigning: (state, { payload }: PayloadAction<boolean>) => {
+      state.signing.blindSigning = payload
+    },
+    setSettings: (_, { payload }: PayloadAction<SettingsState>) => {
+      // We must return as we are overwriting the entire state
+      // Preserve default nested settings if importing without
+      return merge({}, initialState, payload)
+    },
+  },
+})
+
+export const {
+  setCurrency,
+  setCopyShortName,
+  setQrShortName,
+  setDarkMode,
+  setHiddenTokensForChain,
+  setTokenList,
+  hideSuspiciousTransactions,
+  setRpc,
+  setTenderly,
+  setOnChainSigning,
+  setTransactionExecution,
+  setBlindSigning,
+} = settingsSlice.actions
+
+export const selectSettings = (state: RootState): SettingsState => state[settingsSlice.name]
+
+export const selectCurrency = (state: RootState): SettingsState['currency'] => {
+  return state[settingsSlice.name].currency || initialState.currency
+}
+
+export const selectTokenList = (state: RootState): SettingsState['tokenList'] => {
+  return state[settingsSlice.name].tokenList || initialState.tokenList
+}
+
+export const selectHiddenTokensPerChain = createSelector(
+  [selectSettings, (_, chainId) => chainId],
+  (settings, chainId) => {
+    return settings.hiddenTokens?.[chainId] || []
+  },
+)
+
+export const selectRpc = createSelector(selectSettings, (settings) => settings.env.rpc)
+
+export const selectTenderly = createSelector(selectSettings, (settings) => settings.env.tenderly)
+
+export const isEnvInitialState = createSelector([selectSettings, (_, chainId) => chainId], (settings, chainId) => {
+  return isEqual(settings.env.tenderly, initialState.env.tenderly) && !settings.env.rpc[chainId]
+})
+
+export const selectOnChainSigning = createSelector(selectSettings, (settings) => settings.signing.onChainSigning)
+export const selectBlindSigning = createSelector(selectSettings, (settings) => settings.signing.blindSigning)
diff --git a/src/store/slices.ts b/apps/web/src/store/slices.ts
similarity index 80%
rename from src/store/slices.ts
rename to apps/web/src/store/slices.ts
index 210bd7d7c..435b3a4a3 100644
--- a/src/store/slices.ts
+++ b/apps/web/src/store/slices.ts
@@ -19,3 +19,8 @@ export * from './batchSlice'
 export * from '@/features/counterfactual/store/undeployedSafesSlice'
 export * from '@/features/swap/store/swapParamsSlice'
 export * from './swapOrderSlice'
+export * from './api/gateway'
+export * from './api/gateway/safeOverviews'
+export * from './visitedSafesSlice'
+export * from './orderByPreferenceSlice'
+export * from './authSlice'
diff --git a/src/store/spendingLimitsSlice.ts b/apps/web/src/store/spendingLimitsSlice.ts
similarity index 96%
rename from src/store/spendingLimitsSlice.ts
rename to apps/web/src/store/spendingLimitsSlice.ts
index f742a352a..301538a4e 100644
--- a/src/store/spendingLimitsSlice.ts
+++ b/apps/web/src/store/spendingLimitsSlice.ts
@@ -6,7 +6,7 @@ export type SpendingLimitState = {
   token: {
     address: string
     symbol: string
-    decimals: number
+    decimals?: number | null
     logoUri?: string
   }
   amount: string
diff --git a/src/store/swapOrderSlice.ts b/apps/web/src/store/swapOrderSlice.ts
similarity index 100%
rename from src/store/swapOrderSlice.ts
rename to apps/web/src/store/swapOrderSlice.ts
diff --git a/apps/web/src/store/txHistorySlice.ts b/apps/web/src/store/txHistorySlice.ts
new file mode 100644
index 000000000..477be380e
--- /dev/null
+++ b/apps/web/src/store/txHistorySlice.ts
@@ -0,0 +1,93 @@
+import type { listenerMiddlewareInstance } from '@/store'
+import { createSelector } from '@reduxjs/toolkit'
+import type { TransactionListPage } from '@safe-global/safe-gateway-typescript-sdk'
+import {
+  isCreationTxInfo,
+  isCustomTxInfo,
+  isIncomingTransfer,
+  isMultisigExecutionInfo,
+  isTransactionListItem,
+} from '@/utils/transaction-guards'
+import { txDispatch, TxEvent } from '@/services/tx/txEvents'
+import { clearPendingTx, selectPendingTxs } from './pendingTxsSlice'
+import { makeLoadableSlice } from './common'
+import { gatewayApi, makeSafeTag, selectSafeInfo } from './slices'
+
+const { slice, selector } = makeLoadableSlice('txHistory', undefined as TransactionListPage | undefined)
+
+export const txHistorySlice = slice
+export const selectTxHistory = selector
+
+export const selectOutgoingTransactions = createSelector(selectTxHistory, (txHistory) => {
+  return txHistory.data?.results.filter(isTransactionListItem).filter((tx) => {
+    return !isIncomingTransfer(tx.transaction.txInfo) && !isCreationTxInfo(tx.transaction.txInfo)
+  })
+})
+
+export const txHistoryListener = (listenerMiddleware: typeof listenerMiddlewareInstance) => {
+  listenerMiddleware.startListening({
+    actionCreator: txHistorySlice.actions.set,
+    effect: (action, listenerApi) => {
+      if (!action.payload.data) {
+        return
+      }
+
+      const pendingTxs = selectPendingTxs(listenerApi.getState())
+
+      for (const result of action.payload.data.results) {
+        if (!isTransactionListItem(result)) {
+          continue
+        }
+
+        const pendingTxByNonce = Object.entries(pendingTxs).find(([, pendingTx]) =>
+          isMultisigExecutionInfo(result.transaction.executionInfo)
+            ? pendingTx.nonce === result.transaction.executionInfo.nonce
+            : false,
+        )
+
+        if (!pendingTxByNonce) continue
+
+        // Invalidate getOwnedSafe cache as nested Safe was (likely) created
+        if (isCustomTxInfo(result.transaction.txInfo)) {
+          const method = result.transaction.txInfo.methodName
+          const deployedSafe = method === 'createProxyWithNonce'
+          const likelyDeployedSafe = method === 'multiSend'
+
+          if (deployedSafe || likelyDeployedSafe) {
+            const safe = selectSafeInfo(listenerApi.getState())
+            const safeAddress = safe.data?.address?.value
+            const chainId = safe.data?.chainId
+
+            if (chainId && safeAddress) {
+              listenerApi.dispatch(
+                gatewayApi.util.invalidateTags([
+                  {
+                    type: 'OwnedSafes',
+                    id: makeSafeTag(chainId, safeAddress),
+                  },
+                ]),
+              )
+            }
+          }
+        }
+
+        const txId = result.transaction.id
+
+        const [pendingTxId, pendingTx] = pendingTxByNonce
+
+        if (pendingTxId === txId) {
+          const txHash = 'txHash' in pendingTx ? pendingTx.txHash : undefined
+          txDispatch(TxEvent.SUCCESS, {
+            nonce: pendingTx.nonce,
+            txId,
+            groupKey: pendingTxs[txId].groupKey,
+            txHash,
+          })
+        } else {
+          // There is a pending tx with the same nonce as a history tx but their txIds don't match
+          listenerApi.dispatch(clearPendingTx({ txId: pendingTxId }))
+        }
+      }
+    },
+  })
+}
diff --git a/src/store/txQueueSlice.ts b/apps/web/src/store/txQueueSlice.ts
similarity index 89%
rename from src/store/txQueueSlice.ts
rename to apps/web/src/store/txQueueSlice.ts
index 37ca6c0ae..fe7f99460 100644
--- a/src/store/txQueueSlice.ts
+++ b/apps/web/src/store/txQueueSlice.ts
@@ -5,9 +5,11 @@ import type { RootState } from '@/store'
 import { makeLoadableSlice } from './common'
 import { isMultisigExecutionInfo, isTransactionListItem } from '@/utils/transaction-guards'
 import { PendingStatus, selectPendingTxs } from './pendingTxsSlice'
-import { sameAddress } from '@/utils/addresses'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
 import { txDispatch, TxEvent } from '@/services/tx/txEvents'
 
+const SIGNING_STATES = [PendingStatus.SIGNING, PendingStatus.NESTED_SIGNING]
+
 const { slice, selector } = makeLoadableSlice('txQueue', undefined as TransactionListPage | undefined)
 
 export const txQueueSlice = slice
@@ -45,7 +47,7 @@ export const txQueueListener = (listenerMiddleware: typeof listenerMiddlewareIns
         const txId = result.transaction.id
 
         const pendingTx = pendingTxs[txId]
-        if (!pendingTx || pendingTx.status !== PendingStatus.SIGNING) {
+        if (!pendingTx || !SIGNING_STATES.includes(pendingTx.status) || !('signerAddress' in pendingTx)) {
           continue
         }
 
diff --git a/src/store/useHydrateStore.ts b/apps/web/src/store/useHydrateStore.ts
similarity index 100%
rename from src/store/useHydrateStore.ts
rename to apps/web/src/store/useHydrateStore.ts
diff --git a/apps/web/src/store/visitedSafesSlice.ts b/apps/web/src/store/visitedSafesSlice.ts
new file mode 100644
index 000000000..d37dae3ed
--- /dev/null
+++ b/apps/web/src/store/visitedSafesSlice.ts
@@ -0,0 +1,38 @@
+import type { PayloadAction } from '@reduxjs/toolkit'
+import { createSlice } from '@reduxjs/toolkit'
+import type { RootState } from '@/store'
+
+export type VisitedSafesState = {
+  [chainId: string]: {
+    [safeAddress: string]: {
+      lastVisited: number
+    }
+  }
+}
+
+const initialState: VisitedSafesState = {}
+
+export const visitedSafesSlice = createSlice({
+  name: 'visitedSafes',
+  initialState,
+  reducers: {
+    upsertVisitedSafe: (
+      state,
+      { payload }: PayloadAction<{ chainId: string; address: string; lastVisited: number }>,
+    ) => {
+      const { chainId, address, lastVisited } = payload
+      state[chainId] ??= {}
+      state[chainId][address] = { lastVisited }
+    },
+    setVisitedSafes: (_, { payload }: PayloadAction<VisitedSafesState>) => {
+      // We must return as we are overwriting the entire state
+      return payload
+    },
+  },
+})
+
+export const { upsertVisitedSafe } = visitedSafesSlice.actions
+
+export const selectAllVisitedSafes = (state: RootState): VisitedSafesState => {
+  return state[visitedSafesSlice.name] || initialState
+}
diff --git a/src/stories/Configure.mdx b/apps/web/src/stories/Configure.mdx
similarity index 100%
rename from src/stories/Configure.mdx
rename to apps/web/src/stories/Configure.mdx
diff --git a/src/stories/storeDecorator.tsx b/apps/web/src/stories/storeDecorator.tsx
similarity index 100%
rename from src/stories/storeDecorator.tsx
rename to apps/web/src/stories/storeDecorator.tsx
diff --git a/src/styles/accordion.module.css b/apps/web/src/styles/accordion.module.css
similarity index 100%
rename from src/styles/accordion.module.css
rename to apps/web/src/styles/accordion.module.css
diff --git a/src/styles/globals.css b/apps/web/src/styles/globals.css
similarity index 78%
rename from src/styles/globals.css
rename to apps/web/src/styles/globals.css
index 3b324c269..5e9e8d12c 100644
--- a/src/styles/globals.css
+++ b/apps/web/src/styles/globals.css
@@ -1,12 +1,24 @@
 @import url(./vars.css);
 @import url(./onboard.css);
 @import url(/fonts/fonts.css);
+/**
+* ^^^^^^^
+* Some IDEs show the fonts file above as not existing, but it is.
+* If you modify the path to it make sure that the file is also loaded on the
+* actual website.
+* Fun fact: if this comment block is above the @import url(/fonts/fonts.css);
+* nextjs's build will incorrectly place the @import in the middle of the file
+* and the fonts won't load. More info on @import:
+* https://developer.mozilla.org/en-US/docs/Web/CSS/@import#description
+*/
 
 html,
 body {
   padding: 0;
   margin: 0;
-  font-family: DM Sans, sans-serif;
+  font-family:
+    DM Sans,
+    sans-serif;
   background-color: var(--color-background-paper);
 }
 
@@ -14,10 +26,6 @@ main {
   width: 100%;
 }
 
-main.swapWrapper {
-  height: calc(100vh - 52px);
-}
-
 a {
   color: inherit;
   text-decoration: none;
diff --git a/src/styles/inputs.module.css b/apps/web/src/styles/inputs.module.css
similarity index 100%
rename from src/styles/inputs.module.css
rename to apps/web/src/styles/inputs.module.css
diff --git a/src/styles/onboard.css b/apps/web/src/styles/onboard.css
similarity index 100%
rename from src/styles/onboard.css
rename to apps/web/src/styles/onboard.css
diff --git a/src/styles/spacings.ts b/apps/web/src/styles/spacings.ts
similarity index 100%
rename from src/styles/spacings.ts
rename to apps/web/src/styles/spacings.ts
diff --git a/src/styles/vars.css b/apps/web/src/styles/vars.css
similarity index 90%
rename from src/styles/vars.css
rename to apps/web/src/styles/vars.css
index 5a01c90fa..dae50580a 100644
--- a/src/styles/vars.css
+++ b/apps/web/src/styles/vars.css
@@ -20,11 +20,11 @@
   --color-error-background: #ffe6ea;
   --color-success-dark: #028d4c;
   --color-success-main: #00b460;
-  --color-success-light: #72f5b8;
+  --color-success-light: #d3f2e4;
   --color-success-background: #effaf1;
   --color-info-dark: #52bfdc;
   --color-info-main: #5fddff;
-  --color-info-light: #b7f0ff;
+  --color-info-light: #d7f6ff;
   --color-info-background: #effcff;
   --color-warning-dark: #c04c32;
   --color-warning-main: #ff8061;
@@ -34,10 +34,12 @@
   --color-background-main: #f4f4f4;
   --color-background-paper: #ffffff;
   --color-background-light: #effff4;
+  --color-background-lightGrey: #dddee0;
   --color-backdrop-main: #636669;
   --color-logo-main: #121312;
   --color-logo-background: #eeeff0;
   --color-static-main: #121312;
+  --color-static-light: #636669;
   --space-1: 8px;
   --space-2: 16px;
   --space-3: 24px;
@@ -61,7 +63,7 @@
   --color-primary-light: #a1a3a7;
   --color-secondary-dark: #636669;
   --color-secondary-main: #ffffff;
-  --color-secondary-light: #12ff80;
+  --color-secondary-light: #b0ffc9;
   --color-secondary-background: #1b2a22;
   --color-border-main: #636669;
   --color-border-light: #303033;
@@ -70,7 +72,7 @@
   --color-error-main: #ff5f72;
   --color-error-light: #ffb4bd;
   --color-error-background: #2f2527;
-  --color-success-dark: #028d4c;
+  --color-success-dark: #388e3c;
   --color-success-main: #00b460;
   --color-success-light: #81c784;
   --color-success-background: #1f2920;
@@ -86,10 +88,12 @@
   --color-background-main: #121312;
   --color-background-paper: #1c1c1c;
   --color-background-light: #1b2a22;
+  --color-background-lightGrey: #303033;
   --color-backdrop-main: #636669;
   --color-logo-main: #ffffff;
   --color-logo-background: #303033;
   --color-static-main: #121312;
+  --color-static-light: #636669;
 }
 
 /* The same as above for the brief moment before JS loads */
@@ -103,7 +107,7 @@
     --color-primary-light: #a1a3a7;
     --color-secondary-dark: #636669;
     --color-secondary-main: #ffffff;
-    --color-secondary-light: #12ff80;
+    --color-secondary-light: #b0ffc9;
     --color-secondary-background: #1b2a22;
     --color-border-main: #636669;
     --color-border-light: #303033;
@@ -112,7 +116,7 @@
     --color-error-main: #ff5f72;
     --color-error-light: #ffb4bd;
     --color-error-background: #2f2527;
-    --color-success-dark: #028d4c;
+    --color-success-dark: #388e3c;
     --color-success-main: #00b460;
     --color-success-light: #81c784;
     --color-success-background: #1f2920;
@@ -128,9 +132,11 @@
     --color-background-main: #121312;
     --color-background-paper: #1c1c1c;
     --color-background-light: #1b2a22;
+    --color-background-lightGrey: #303033;
     --color-backdrop-main: #636669;
     --color-logo-main: #ffffff;
     --color-logo-background: #303033;
     --color-static-main: #121312;
+    --color-static-light: #636669;
   }
 }
diff --git a/src/tests/Builder.ts b/apps/web/src/tests/Builder.ts
similarity index 100%
rename from src/tests/Builder.ts
rename to apps/web/src/tests/Builder.ts
diff --git a/apps/web/src/tests/builders/chains.ts b/apps/web/src/tests/builders/chains.ts
new file mode 100644
index 000000000..67d16a2b9
--- /dev/null
+++ b/apps/web/src/tests/builders/chains.ts
@@ -0,0 +1,122 @@
+import { faker } from '@faker-js/faker'
+import { RPC_AUTHENTICATION, GAS_PRICE_TYPE } from '@safe-global/safe-gateway-typescript-sdk'
+import type {
+  BlockExplorerUriTemplate,
+  ChainInfo,
+  GasPriceFixed,
+  GasPriceFixedEIP1559,
+  GasPriceOracle,
+  GasPriceUnknown,
+  NativeCurrency,
+  RpcUri,
+  Theme,
+} from '@safe-global/safe-gateway-typescript-sdk'
+
+import { Builder } from '@/tests/Builder'
+import { generateRandomArray } from './utils'
+import type { IBuilder } from '@/tests/Builder'
+import type useChains from '@/hooks/useChains'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const rpcUriBuilder = (): IBuilder<RpcUri> => {
+  return Builder.new<RpcUri>().with({
+    authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION,
+    value: faker.internet.url({ appendSlash: false }),
+  })
+}
+
+const blockExplorerUriTemplateBuilder = (): IBuilder<BlockExplorerUriTemplate> => {
+  return Builder.new<BlockExplorerUriTemplate>().with({
+    address: faker.internet.url({ appendSlash: false }),
+    txHash: faker.internet.url({ appendSlash: false }),
+    api: faker.internet.url({ appendSlash: false }),
+  })
+}
+
+const nativeCurrencyBuilder = (): IBuilder<NativeCurrency> => {
+  return Builder.new<NativeCurrency>().with({
+    name: faker.finance.currencyName(),
+    symbol: faker.finance.currencySymbol(),
+    decimals: 18,
+    logoUri: faker.internet.url({ appendSlash: false }),
+  })
+}
+
+const themeBuilder = (): IBuilder<Theme> => {
+  return Builder.new<Theme>().with({
+    textColor: faker.color.rgb(),
+    backgroundColor: faker.color.rgb(),
+  })
+}
+
+const gasPriceFixedBuilder = (): IBuilder<GasPriceFixed> => {
+  return Builder.new<GasPriceFixed>().with({
+    type: GAS_PRICE_TYPE.FIXED,
+    weiValue: faker.string.numeric(),
+  })
+}
+
+const gasPriceFixedEIP1559Builder = (): IBuilder<GasPriceFixedEIP1559> => {
+  return Builder.new<GasPriceFixedEIP1559>().with({
+    type: GAS_PRICE_TYPE.FIXED_1559,
+    maxFeePerGas: faker.string.numeric(),
+    maxPriorityFeePerGas: faker.string.numeric(),
+  })
+}
+
+const gasPriceOracleBuilder = (): IBuilder<GasPriceOracle> => {
+  return Builder.new<GasPriceOracle>().with({
+    type: GAS_PRICE_TYPE.ORACLE,
+    uri: faker.internet.url({ appendSlash: false }),
+    gasParameter: faker.word.sample(),
+    gweiFactor: faker.string.numeric(),
+  })
+}
+
+const gasPriceOracleUnknownBuilder = (): IBuilder<GasPriceUnknown> => {
+  return Builder.new<GasPriceUnknown>().with({
+    type: GAS_PRICE_TYPE.UNKNOWN,
+  })
+}
+
+const getRandomGasPriceBuilder = () => {
+  const gasPriceBuilders = [
+    gasPriceFixedBuilder(),
+    gasPriceFixedEIP1559Builder(),
+    gasPriceOracleBuilder(),
+    gasPriceOracleUnknownBuilder(),
+  ]
+
+  const randomIndex = Math.floor(Math.random() * gasPriceBuilders.length)
+  return gasPriceBuilders[randomIndex]
+}
+
+export const chainBuilder = (): IBuilder<ChainInfo> => {
+  return Builder.new<ChainInfo>().with({
+    chainId: faker.string.numeric(),
+    chainName: faker.word.sample(),
+    description: faker.word.words(),
+    l2: faker.datatype.boolean(),
+    shortName: faker.word.sample(),
+    rpcUri: rpcUriBuilder().build(),
+    safeAppsRpcUri: rpcUriBuilder().build(),
+    publicRpcUri: rpcUriBuilder().build(),
+    blockExplorerUriTemplate: blockExplorerUriTemplateBuilder().build(),
+    nativeCurrency: nativeCurrencyBuilder().build(),
+    transactionService: faker.internet.url({ appendSlash: false }),
+    theme: themeBuilder().build(),
+    gasPrice: generateRandomArray(() => getRandomGasPriceBuilder().build(), { min: 1, max: 4 }),
+    ensRegistryAddress: faker.finance.ethereumAddress(),
+    disabledWallets: generateRandomArray(() => faker.word.sample(), { min: 1, max: 10 }),
+    // @ts-expect-error - we are using a local FEATURES enum
+    features: generateRandomArray(() => faker.helpers.enumValue(FEATURES), { min: 1, max: 10 }),
+    recommendedMasterCopyVersion: faker.system.semver(),
+  })
+}
+
+export const useChainsBuilder = (): IBuilder<ReturnType<typeof useChains>> => {
+  return Builder.new<ReturnType<typeof useChains>>().with({
+    configs: generateRandomArray(() => chainBuilder().build(), { min: 1, max: 25 }),
+    loading: false,
+  })
+}
diff --git a/src/tests/builders/eip1193Provider.ts b/apps/web/src/tests/builders/eip1193Provider.ts
similarity index 100%
rename from src/tests/builders/eip1193Provider.ts
rename to apps/web/src/tests/builders/eip1193Provider.ts
diff --git a/apps/web/src/tests/builders/messages.ts b/apps/web/src/tests/builders/messages.ts
new file mode 100644
index 000000000..a58efb49f
--- /dev/null
+++ b/apps/web/src/tests/builders/messages.ts
@@ -0,0 +1,24 @@
+import type { TypedData } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { faker } from '@faker-js/faker'
+import { Builder, type IBuilder } from '../Builder'
+
+export function eip712TypedDataBuilder(): IBuilder<TypedData> {
+  return Builder.new<TypedData>().with({
+    domain: {
+      chainId: faker.number.int({ min: 1, max: 10000 }),
+      name: faker.string.alpha(),
+      verifyingContract: faker.finance.ethereumAddress(),
+    },
+    types: {
+      Test: [
+        {
+          name: 'example',
+          type: 'uint8',
+        },
+      ],
+    },
+    message: {
+      example: '8',
+    },
+  })
+}
diff --git a/apps/web/src/tests/builders/pendingTx.ts b/apps/web/src/tests/builders/pendingTx.ts
new file mode 100644
index 000000000..a655859ec
--- /dev/null
+++ b/apps/web/src/tests/builders/pendingTx.ts
@@ -0,0 +1,14 @@
+import { PendingStatus } from '@/store/pendingTxsSlice'
+import type { PendingTx } from '@/store/pendingTxsSlice'
+import { Builder, type IBuilder } from '@/tests/Builder'
+import { faker } from '@faker-js/faker'
+
+export function pendingTxBuilder(): IBuilder<PendingTx> {
+  return Builder.new<PendingTx>().with({
+    chainId: faker.string.numeric(),
+    safeAddress: faker.finance.ethereumAddress(),
+    nonce: faker.number.int(),
+    groupKey: faker.string.hexadecimal(),
+    status: faker.helpers.enumValue(PendingStatus),
+  })
+}
diff --git a/src/tests/builders/safe.ts b/apps/web/src/tests/builders/safe.ts
similarity index 77%
rename from src/tests/builders/safe.ts
rename to apps/web/src/tests/builders/safe.ts
index 1ecacd8cd..27d26aa41 100644
--- a/src/tests/builders/safe.ts
+++ b/apps/web/src/tests/builders/safe.ts
@@ -1,12 +1,14 @@
-import type { ExtendedSafeInfo } from '@/store/safeInfoSlice'
+import type { ExtendedSafeInfo } from '@safe-global/store/slices/SafeInfo/types'
 import { faker } from '@faker-js/faker'
 import { ImplementationVersionState } from '@safe-global/safe-gateway-typescript-sdk'
-import type { SafeInfo, AddressEx } from '@safe-global/safe-gateway-typescript-sdk'
+import {
+  type SafeState as SafeInfo,
+  type AddressInfo as AddressEx,
+} from '@safe-global/store/gateway/AUTO_GENERATED/safes'
 
 import { Builder } from '../Builder'
 import { generateRandomArray } from './utils'
-import { LATEST_SAFE_VERSION } from '@/config/constants'
-import { checksumAddress } from '@/utils/addresses'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
 import type { IBuilder } from '../Builder'
 
 const MAX_OWNERS_LENGTH = 10
@@ -20,9 +22,10 @@ export function addressExBuilder(): IBuilder<AddressEx> {
 }
 
 export function safeInfoBuilder(): IBuilder<SafeInfo> {
+  const chainId = faker.helpers.arrayElement(['1', '11155111', '100', '10', '137'])
   return Builder.new<SafeInfo>().with({
     address: addressExBuilder().build(),
-    chainId: faker.string.numeric(),
+    chainId,
     nonce: faker.number.int(),
     threshold: faker.number.int(),
     owners: generateRandomArray(() => addressExBuilder().build(), { min: 1, max: MAX_OWNERS_LENGTH }),
@@ -31,7 +34,7 @@ export function safeInfoBuilder(): IBuilder<SafeInfo> {
     modules: [],
     guard: null,
     fallbackHandler: addressExBuilder().build(),
-    version: LATEST_SAFE_VERSION,
+    version: '1.4.1',
     collectiblesTag: faker.string.numeric(),
     txQueuedTag: faker.string.numeric(),
     txHistoryTag: faker.string.numeric(),
diff --git a/apps/web/src/tests/builders/safeItem.ts b/apps/web/src/tests/builders/safeItem.ts
new file mode 100644
index 000000000..889b20e93
--- /dev/null
+++ b/apps/web/src/tests/builders/safeItem.ts
@@ -0,0 +1,17 @@
+import type { SafeItem } from '@/features/myAccounts/hooks/useAllSafes'
+import { Builder, type IBuilder } from '@/tests/Builder'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+import { faker } from '@faker-js/faker'
+
+export function safeItemBuilder(): IBuilder<SafeItem> {
+  const chainId = faker.helpers.arrayElement(['1', '11155111', '100', '10', '137'])
+
+  return Builder.new<SafeItem>().with({
+    chainId,
+    address: checksumAddress(faker.finance.ethereumAddress()),
+    isReadOnly: faker.datatype.boolean(),
+    isPinned: faker.datatype.boolean(),
+    lastVisited: faker.number.int(),
+    name: faker.string.alphanumeric(),
+  })
+}
diff --git a/apps/web/src/tests/builders/safeMessage.ts b/apps/web/src/tests/builders/safeMessage.ts
new file mode 100644
index 000000000..1d3552bfd
--- /dev/null
+++ b/apps/web/src/tests/builders/safeMessage.ts
@@ -0,0 +1,25 @@
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { Builder, type IBuilder } from '@/tests/Builder'
+import { faker } from '@faker-js/faker'
+
+export function safeMsgBuilder(): IBuilder<MessageItem> {
+  return Builder.new<MessageItem>().with({
+    type: 'MESSAGE',
+    messageHash: faker.string.hexadecimal(),
+    status: 'NEEDS_CONFIRMATION',
+    logoUri: null,
+    name: null,
+    message: 'Message text',
+    creationTimestamp: faker.date.past().getTime(),
+    modifiedTimestamp: faker.date.past().getTime(),
+    confirmationsSubmitted: 1,
+    confirmationsRequired: 2,
+    proposedBy: { value: faker.finance.ethereumAddress() },
+    confirmations: [
+      {
+        owner: { value: faker.finance.ethereumAddress() },
+        signature: '',
+      },
+    ],
+  })
+}
diff --git a/apps/web/src/tests/builders/safeTx.ts b/apps/web/src/tests/builders/safeTx.ts
new file mode 100644
index 000000000..ba3cac461
--- /dev/null
+++ b/apps/web/src/tests/builders/safeTx.ts
@@ -0,0 +1,127 @@
+import { Builder, type IBuilder } from '@/tests/Builder'
+import { faker } from '@faker-js/faker'
+import { type SafeTransactionData, type SafeSignature, type SafeTransaction } from '@safe-global/types-kit'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import {
+  type Custom,
+  DetailedExecutionInfoType,
+  type MultisigExecutionInfo,
+  Operation,
+  type TransactionInfo,
+  TransactionInfoType,
+  type TransactionSummary,
+  type TransactionData,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import { TransactionStatus } from '@safe-global/safe-apps-sdk'
+
+// TODO: Convert to builder
+export const createSafeTx = (data = '0x'): SafeTransaction => {
+  return {
+    data: {
+      to: '0x0000000000000000000000000000000000000000',
+      value: '0x0',
+      data,
+      operation: 0,
+      nonce: 100,
+    },
+    signatures: new Map([]),
+    addSignature: function (sig: SafeSignature): void {
+      this.signatures.set(sig.signer, sig)
+    },
+    encodedSignatures: function (): string {
+      return Array.from(this.signatures)
+        .map(([, sig]) => {
+          return [sig.signer, sig.data].join(' = ')
+        })
+        .join('; ')
+    },
+  } as SafeTransaction
+}
+
+export function safeTxBuilder(): IBuilder<SafeTransaction> {
+  return Builder.new<SafeTransaction>().with({
+    data: safeTxDataBuilder().build(),
+    signatures: new Map([]),
+    addSignature: function (sig: SafeSignature): void {
+      this.signatures!.set(sig.signer, sig)
+    },
+    encodedSignatures: function (): string {
+      return Array.from(this.signatures!)
+        .map(([, sig]) => {
+          return [sig.signer, sig.data].join(' = ')
+        })
+        .join('; ')
+    },
+  })
+}
+
+export function safeTxDataBuilder(): IBuilder<SafeTransactionData> {
+  return Builder.new<SafeTransactionData>().with({
+    to: faker.finance.ethereumAddress(),
+    value: '0x0',
+    data: faker.string.hexadecimal({ length: faker.number.int({ max: 500 }) }),
+    operation: 0,
+    nonce: faker.number.int(),
+    safeTxGas: faker.number.toString(),
+    gasPrice: faker.number.toString(),
+    gasToken: ZERO_ADDRESS,
+    baseGas: faker.number.toString(),
+    refundReceiver: faker.finance.ethereumAddress(),
+  })
+}
+
+export function safeSignatureBuilder(): IBuilder<SafeSignature> {
+  return Builder.new<SafeSignature>().with({
+    signer: faker.finance.ethereumAddress(),
+    data: faker.string.hexadecimal({ length: faker.number.int({ max: 500 }) }),
+  })
+}
+
+export function safeTxSummaryBuilder(): IBuilder<TransactionSummary> {
+  return Builder.new<TransactionSummary>().with({
+    id: `multisig_${faker.string.hexadecimal({ length: 40 })}_${faker.string.hexadecimal({ length: 64 })}`,
+    executionInfo: executionInfoBuilder().build(),
+    txInfo: txInfoBuilder().build(),
+    txStatus: faker.helpers.enumValue(TransactionStatus),
+  })
+}
+
+export function executionInfoBuilder(): IBuilder<MultisigExecutionInfo> {
+  const num1 = faker.number.int({ min: 1, max: 10 })
+  const num2 = faker.number.int({ min: 1, max: 10 })
+
+  return Builder.new<MultisigExecutionInfo>().with({
+    nonce: faker.number.int(),
+    type: DetailedExecutionInfoType.MULTISIG,
+    confirmationsRequired: Math.max(num1, num2),
+    confirmationsSubmitted: Math.min(num1, num2),
+    missingSigners: Array.from({ length: Math.min(num1, num2) }).map(() => ({
+      value: faker.finance.ethereumAddress(),
+    })),
+  })
+}
+
+export function txInfoBuilder(): IBuilder<TransactionInfo> {
+  const mockData = faker.string.hexadecimal({ length: { min: 0, max: 128 } })
+  return Builder.new<Custom>().with({
+    type: TransactionInfoType.CUSTOM,
+    actionCount: 1,
+    dataSize: mockData.length.toString(),
+    isCancellation: false,
+    methodName: faker.string.alpha(),
+    to: { value: faker.finance.ethereumAddress() },
+    value: faker.number.bigInt({ min: 0, max: 10n ** 18n }).toString(),
+  })
+}
+
+export function txDataBuilder(): IBuilder<TransactionData> {
+  return Builder.new<TransactionData>().with({
+    hexData: faker.string.hexadecimal({ length: faker.number.int({ max: 128 }) }),
+    to: { value: faker.finance.ethereumAddress() },
+    addressInfoIndex: {},
+    value: faker.string.numeric({ length: { min: 1, max: 1000 } }),
+    operation: faker.helpers.enumValue(Operation),
+    trustedDelegateCallTarget: true,
+    dataDecoded: undefined,
+  })
+}
diff --git a/src/tests/builders/utils.ts b/apps/web/src/tests/builders/utils.ts
similarity index 100%
rename from src/tests/builders/utils.ts
rename to apps/web/src/tests/builders/utils.ts
diff --git a/src/tests/builders/wallet.ts b/apps/web/src/tests/builders/wallet.ts
similarity index 100%
rename from src/tests/builders/wallet.ts
rename to apps/web/src/tests/builders/wallet.ts
diff --git a/apps/web/src/tests/mocks/chains.ts b/apps/web/src/tests/mocks/chains.ts
new file mode 100644
index 000000000..b194c3cd7
--- /dev/null
+++ b/apps/web/src/tests/mocks/chains.ts
@@ -0,0 +1,665 @@
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { FEATURES, GAS_PRICE_TYPE, RPC_AUTHENTICATION } from '@safe-global/safe-gateway-typescript-sdk'
+
+const contractAddresses = {
+  createCallAddress: null,
+  fallbackHandlerAddress: null,
+  multiSendAddress: null,
+  multiSendCallOnlyAddress: null,
+  safeProxyFactoryAddress: null,
+  safeSingletonAddress: null,
+  safeWebAuthnSignerFactoryAddress: null,
+  signMessageLibAddress: null,
+  simulateTxAccessorAddress: null,
+}
+
+const CONFIG_SERVICE_CHAINS: ChainInfo[] = [
+  {
+    transactionService: 'https://safe-transaction.mainnet.gnosis.io',
+    contractAddresses,
+    chainId: '1',
+    chainName: 'Ethereum',
+    chainLogoUri: '',
+    shortName: 'eth',
+    l2: false,
+    isTestnet: false,
+    description: 'The main Ethereum network',
+    rpcUri: { authentication: RPC_AUTHENTICATION.API_KEY_PATH, value: 'https://mainnet.infura.io/v3/' },
+    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.API_KEY_PATH, value: 'https://mainnet.infura.io/v3/' },
+    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://cloudflare-eth.com' },
+    blockExplorerUriTemplate: {
+      address: 'https://etherscan.io/address/{{address}}',
+      txHash: 'https://etherscan.io/tx/{{txHash}}',
+      api: 'https://api.etherscan.io/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
+    },
+    nativeCurrency: {
+      name: 'Ether',
+      symbol: 'ETH',
+      decimals: 18,
+      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/1/currency_logo.png',
+    },
+    theme: { textColor: '#001428', backgroundColor: '#E8E7E6' },
+    ensRegistryAddress: '0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e',
+    gasPrice: [
+      {
+        type: GAS_PRICE_TYPE.ORACLE,
+        uri: 'https://api.etherscan.io/api?module=gastracker&action=gasoracle&apikey=JNFAU892RF9TJWBU3EV7DJCPIWZY8KEMY1',
+        gasParameter: 'FastGasPrice',
+        gweiFactor: '1000000000.000000000',
+      },
+      {
+        type: GAS_PRICE_TYPE.ORACLE,
+        uri: 'https://ethgasstation.info/json/ethgasAPI.json?api-key=8bb8066b5c3ed1442190d0e30ad9126c7b8235314397efa76e6977791cb2',
+        gasParameter: 'fast',
+        gweiFactor: '100000000.000000000',
+      },
+    ],
+    disabledWallets: ['lattice'],
+    features: [
+      FEATURES.DOMAIN_LOOKUP,
+      FEATURES.EIP1559,
+      FEATURES.ERC721,
+      FEATURES.SAFE_APPS,
+      FEATURES.SAFE_TX_GAS_OPTIONAL,
+      FEATURES.SPENDING_LIMIT,
+      FEATURES.TX_SIMULATION,
+    ],
+    balancesProvider: {
+      chainName: null,
+      enabled: false,
+    },
+    recommendedMasterCopyVersion: '1.4.1',
+  },
+  {
+    transactionService: 'https://safe-transaction.xdai.gnosis.io',
+    contractAddresses,
+    chainId: '100',
+    chainName: 'Gnosis Chain',
+    chainLogoUri: '',
+    shortName: 'gno',
+    l2: true,
+    isTestnet: false,
+    description: '',
+    rpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://rpc.gnosischain.com/' },
+    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://rpc.gnosischain.com/' },
+    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://rpc.gnosischain.com/' },
+    blockExplorerUriTemplate: {
+      address: 'https://blockscout.com/xdai/mainnet/address/{{address}}/transactions',
+      txHash: 'https://blockscout.com/xdai/mainnet/tx/{{txHash}}/',
+      api: 'https://blockscout.com/poa/xdai/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
+    },
+    nativeCurrency: {
+      name: 'xDai',
+      symbol: 'XDAI',
+      decimals: 18,
+      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/100/currency_logo.png',
+    },
+    theme: { textColor: '#ffffff', backgroundColor: '#48A9A6' },
+    gasPrice: [{ type: GAS_PRICE_TYPE.FIXED, weiValue: '4000000000' }],
+    disabledWallets: [
+      'authereum',
+      'fortmatic',
+      'keystone',
+      'lattice',
+      'ledger',
+      'opera',
+      'operaTouch',
+      'portis',
+      'tally',
+      'torus',
+      'trezor',
+      'trust',
+      'walletLink',
+    ],
+    features: [
+      FEATURES.EIP1559,
+      FEATURES.ERC721,
+      FEATURES.SAFE_APPS,
+      FEATURES.SAFE_TX_GAS_OPTIONAL,
+      FEATURES.SPENDING_LIMIT,
+      FEATURES.TX_SIMULATION,
+    ],
+    balancesProvider: {
+      chainName: null,
+      enabled: false,
+    },
+    recommendedMasterCopyVersion: '1.4.1',
+  },
+  {
+    transactionService: 'https://safe-transaction.polygon.gnosis.io',
+    contractAddresses,
+    chainId: '137',
+    chainName: 'Polygon',
+    chainLogoUri: '',
+    shortName: 'matic',
+    l2: true,
+    isTestnet: false,
+    description: 'L2 chain (MATIC)',
+    rpcUri: { authentication: RPC_AUTHENTICATION.API_KEY_PATH, value: 'https://polygon-mainnet.infura.io/v3/' },
+    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.API_KEY_PATH, value: 'https://polygon-mainnet.infura.io/v3/' },
+    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://polygon-rpc.com' },
+    blockExplorerUriTemplate: {
+      address: 'https://polygonscan.com/address/{{address}}',
+      txHash: 'https://polygonscan.com/tx/{{txHash}}',
+      api: 'https://api.polygonscan.com/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
+    },
+    nativeCurrency: {
+      name: 'Matic',
+      symbol: 'MATIC',
+      decimals: 18,
+      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/137/currency_logo.png',
+    },
+    theme: { textColor: '#ffffff', backgroundColor: '#8248E5' },
+    gasPrice: [
+      {
+        type: GAS_PRICE_TYPE.ORACLE,
+        uri: 'https://gasstation-mainnet.matic.network/',
+        gasParameter: 'standard',
+        gweiFactor: '1000000000.000000000',
+      },
+    ],
+    disabledWallets: [
+      'authereum',
+      'fortmatic',
+      'keystone',
+      'lattice',
+      'ledger',
+      'opera',
+      'operaTouch',
+      'portis',
+      'torus',
+      'trezor',
+      'trust',
+      'walletLink',
+    ],
+    features: [
+      FEATURES.EIP1559,
+      FEATURES.ERC721,
+      FEATURES.SAFE_APPS,
+      FEATURES.SAFE_TX_GAS_OPTIONAL,
+      FEATURES.SPENDING_LIMIT,
+      FEATURES.TX_SIMULATION,
+    ],
+    balancesProvider: {
+      chainName: null,
+      enabled: false,
+    },
+    recommendedMasterCopyVersion: '1.4.1',
+  },
+  {
+    transactionService: 'https://safe-transaction.bsc.gnosis.io',
+    contractAddresses,
+    chainId: '56',
+    chainName: 'BNB Smart Chain',
+    chainLogoUri: '',
+    shortName: 'bnb',
+    l2: true,
+    isTestnet: false,
+    description: '',
+    rpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://bsc-dataseed.binance.org/' },
+    safeAppsRpcUri: {
+      authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION,
+      value: 'https://bsc-dataseed.binance.org/',
+    },
+    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://bsc-dataseed.binance.org/' },
+    blockExplorerUriTemplate: {
+      address: 'https://bscscan.com/address/{{address}}',
+      txHash: 'https://bscscan.com/tx/{{txHash}}',
+      api: 'https://api.bscscan.com/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
+    },
+    nativeCurrency: {
+      name: 'BNB',
+      symbol: 'BNB',
+      decimals: 18,
+      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/56/currency_logo.png',
+    },
+    theme: { textColor: '#001428', backgroundColor: '#F0B90B' },
+    gasPrice: [],
+    disabledWallets: [
+      'authereum',
+      'fortmatic',
+      'keystone',
+      'lattice',
+      'ledger',
+      'opera',
+      'operaTouch',
+      'portis',
+      'tally',
+      'torus',
+      'trezor',
+      'trust',
+      'walletLink',
+    ],
+    features: [
+      FEATURES.ERC721,
+      FEATURES.SAFE_APPS,
+      FEATURES.SAFE_TX_GAS_OPTIONAL,
+      FEATURES.SPENDING_LIMIT,
+      FEATURES.TX_SIMULATION,
+    ],
+    balancesProvider: {
+      chainName: null,
+      enabled: false,
+    },
+    recommendedMasterCopyVersion: '1.4.1',
+  },
+  {
+    transactionService: 'https://safe-transaction.ewc.gnosis.io',
+    contractAddresses,
+    chainId: '246',
+    chainName: 'Energy Web Chain',
+    chainLogoUri: '',
+    shortName: 'ewt',
+    l2: true,
+    isTestnet: false,
+    description: '',
+    rpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://rpc.energyweb.org' },
+    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://rpc.energyweb.org' },
+    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://rpc.energyweb.org' },
+    blockExplorerUriTemplate: {
+      address: 'https://explorer.energyweb.org/address/{{address}}/transactions',
+      txHash: 'https://explorer.energyweb.org/tx/{{txHash}}/internal-transactions',
+      api: 'https://explorer.energyweb.org/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
+    },
+    nativeCurrency: {
+      name: 'Energy Web Token',
+      symbol: 'EWT',
+      decimals: 18,
+      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/246/currency_logo.png',
+    },
+    theme: { textColor: '#ffffff', backgroundColor: '#A566FF' },
+    gasPrice: [{ type: GAS_PRICE_TYPE.FIXED, weiValue: '1000000' }],
+    disabledWallets: [
+      'authereum',
+      'coinbase',
+      'fortmatic',
+      'keystone',
+      'lattice',
+      'ledger',
+      'opera',
+      'operaTouch',
+      'portis',
+      'tally',
+      'torus',
+      'trezor',
+      'trust',
+      'walletLink',
+    ],
+    features: [
+      FEATURES.DOMAIN_LOOKUP,
+      FEATURES.ERC721,
+      FEATURES.SAFE_APPS,
+      FEATURES.SAFE_TX_GAS_OPTIONAL,
+      FEATURES.SPENDING_LIMIT,
+    ],
+    balancesProvider: {
+      chainName: null,
+      enabled: false,
+    },
+    recommendedMasterCopyVersion: '1.4.1',
+  },
+  {
+    transactionService: 'https://safe-transaction.arbitrum.gnosis.io',
+    contractAddresses,
+    chainId: '42161',
+    chainName: 'Arbitrum',
+    chainLogoUri: '',
+    shortName: 'arb1',
+    l2: true,
+    isTestnet: false,
+    description: '',
+    rpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://arb1.arbitrum.io/rpc' },
+    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://arb1.arbitrum.io/rpc' },
+    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://arb1.arbitrum.io/rpc' },
+    blockExplorerUriTemplate: {
+      address: 'https://arbiscan.io/address/{{address}}',
+      txHash: 'https://arbiscan.io/tx/{{txHash}}',
+      api: 'https://api.arbiscan.io/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
+    },
+    nativeCurrency: {
+      name: 'AETH',
+      symbol: 'AETH',
+      decimals: 18,
+      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/42161/currency_logo.png',
+    },
+    theme: { textColor: '#ffffff', backgroundColor: '#28A0F0' },
+    gasPrice: [],
+    disabledWallets: [
+      'authereum',
+      'fortmatic',
+      'keystone',
+      'lattice',
+      'ledger',
+      'opera',
+      'operaTouch',
+      'portis',
+      'tally',
+      'torus',
+      'trezor',
+      'trust',
+      'walletLink',
+    ],
+    features: [FEATURES.ERC721, FEATURES.SAFE_APPS, FEATURES.SAFE_TX_GAS_OPTIONAL, FEATURES.TX_SIMULATION],
+    balancesProvider: {
+      chainName: null,
+      enabled: false,
+    },
+    recommendedMasterCopyVersion: '1.4.1',
+  },
+  {
+    transactionService: 'https://safe-transaction.aurora.gnosis.io',
+    contractAddresses,
+    chainId: '1313161554',
+    chainName: 'Aurora',
+    chainLogoUri: '',
+    shortName: 'aurora',
+    l2: true,
+    isTestnet: false,
+    description: '',
+    rpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://mainnet.aurora.dev' },
+    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://mainnet.aurora.dev' },
+    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://mainnet.aurora.dev' },
+    blockExplorerUriTemplate: {
+      address: 'https://explorer.mainnet.aurora.dev/address/{{address}}/transactions',
+      txHash: 'https://explorer.mainnet.aurora.dev/tx/{{txHash}}/',
+      api: 'https://explorer.mainnet.aurora.dev/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
+    },
+    nativeCurrency: {
+      name: 'Ether',
+      symbol: 'ETH',
+      decimals: 18,
+      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/1313161554/currency_logo.png',
+    },
+    theme: { textColor: '#ffffff', backgroundColor: '#78D64B' },
+    gasPrice: [],
+    disabledWallets: [
+      'authereum',
+      'coinbase',
+      'fortmatic',
+      'keystone',
+      'lattice',
+      'ledger',
+      'opera',
+      'operaTouch',
+      'portis',
+      'tally',
+      'torus',
+      'trezor',
+      'trust',
+      'walletLink',
+    ],
+    features: [FEATURES.CONTRACT_INTERACTION, FEATURES.ERC721, FEATURES.SAFE_APPS, FEATURES.SAFE_TX_GAS_OPTIONAL],
+    balancesProvider: {
+      chainName: null,
+      enabled: false,
+    },
+    recommendedMasterCopyVersion: '1.4.1',
+  },
+  {
+    transactionService: 'https://safe-transaction.avalanche.gnosis.io',
+    contractAddresses,
+    chainId: '43114',
+    chainName: 'Avalanche',
+    chainLogoUri: '',
+    shortName: 'avax',
+    l2: true,
+    isTestnet: false,
+    description: '',
+    rpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://api.avax.network/ext/bc/C/rpc' },
+    safeAppsRpcUri: {
+      authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION,
+      value: 'https://api.avax.network/ext/bc/C/rpc',
+    },
+    publicRpcUri: {
+      authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION,
+      value: 'https://api.avax.network/ext/bc/C/rpc',
+    },
+    blockExplorerUriTemplate: {
+      address: 'https://snowtrace.io/address/{{address}}',
+      txHash: 'https://snowtrace.io/tx/{{txHash}}',
+      api: 'https://api.snowtrace.io/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
+    },
+    nativeCurrency: {
+      name: 'Avalanche',
+      symbol: 'AVAX',
+      decimals: 18,
+      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/43114/currency_logo.png',
+    },
+    theme: { textColor: '#ffffff', backgroundColor: '#000000' },
+    gasPrice: [],
+    disabledWallets: [
+      'authereum',
+      'fortmatic',
+      'keystone',
+      'lattice',
+      'ledger',
+      'opera',
+      'operaTouch',
+      'portis',
+      'tally',
+      'torus',
+      'trezor',
+      'trust',
+    ],
+    features: [
+      FEATURES.EIP1559,
+      FEATURES.ERC721,
+      FEATURES.SAFE_APPS,
+      FEATURES.SAFE_TX_GAS_OPTIONAL,
+      FEATURES.SPENDING_LIMIT,
+      FEATURES.TX_SIMULATION,
+    ],
+    balancesProvider: {
+      chainName: null,
+      enabled: false,
+    },
+    recommendedMasterCopyVersion: '1.4.1',
+  },
+  {
+    transactionService: 'https://safe-transaction.optimism.gnosis.io',
+    contractAddresses,
+    chainId: '10',
+    chainName: 'Optimism',
+    chainLogoUri: '',
+    shortName: 'oeth',
+    l2: true,
+    isTestnet: false,
+    description: '',
+    rpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://mainnet.optimism.io/' },
+    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://mainnet.optimism.io/' },
+    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://mainnet.optimism.io/' },
+    blockExplorerUriTemplate: {
+      address: 'https://optimistic.etherscan.io/address/{{address}}',
+      txHash: 'https://optimistic.etherscan.io/tx/{{txHash}}',
+      api: 'https://api-optimistic.etherscan.io/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
+    },
+    nativeCurrency: {
+      name: 'Ether',
+      symbol: 'OETH',
+      decimals: 18,
+      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/10/currency_logo.png',
+    },
+    theme: { textColor: '#ffffff', backgroundColor: '#F01A37' },
+    gasPrice: [],
+    disabledWallets: [
+      'authereum',
+      'fortmatic',
+      'keystone',
+      'lattice',
+      'ledger',
+      'opera',
+      'operaTouch',
+      'portis',
+      'tally',
+      'torus',
+      'trezor',
+      'trust',
+      'walletLink',
+    ],
+    features: [FEATURES.ERC721, FEATURES.SAFE_APPS, FEATURES.SAFE_TX_GAS_OPTIONAL, FEATURES.TX_SIMULATION],
+    balancesProvider: {
+      chainName: null,
+      enabled: false,
+    },
+    recommendedMasterCopyVersion: '1.4.1',
+  },
+  {
+    transactionService: 'https://safe-transaction.goerli.gnosis.io/',
+    contractAddresses,
+    chainId: '5',
+    chainName: 'Goerli',
+    chainLogoUri: '',
+    shortName: 'gor',
+    l2: true,
+    isTestnet: true,
+    description: 'Ethereum Testnet Görli',
+    rpcUri: { authentication: RPC_AUTHENTICATION.API_KEY_PATH, value: 'https://goerli.infura.io/v3/' },
+    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.API_KEY_PATH, value: 'https://goerli.infura.io/v3/' },
+    publicRpcUri: {
+      authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION,
+      value: 'https://goerli-light.eth.linkpool.io',
+    },
+    blockExplorerUriTemplate: {
+      address: 'https://goerli.etherscan.io/address/{{address}}',
+      txHash: 'https://goerli.etherscan.io/tx/{{txHash}}',
+      api: 'https://api-goerli.etherscan.io/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
+    },
+    nativeCurrency: {
+      name: 'Görli Ether',
+      symbol: 'GOR',
+      decimals: 18,
+      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/5/currency_logo.png',
+    },
+    theme: { textColor: '#ffffff', backgroundColor: '#FBC02D' },
+    gasPrice: [{ type: GAS_PRICE_TYPE.FIXED, weiValue: '24000000000' }],
+    disabledWallets: [
+      'authereum',
+      'coinbase',
+      'fortmatic',
+      'keystone',
+      'lattice',
+      'portis',
+      'tally',
+      'torus',
+      'trust',
+      'walletLink',
+    ],
+    features: [
+      FEATURES.DOMAIN_LOOKUP,
+      FEATURES.EIP1559,
+      FEATURES.ERC721,
+      FEATURES.SAFE_APPS,
+      FEATURES.SAFE_TX_GAS_OPTIONAL,
+      FEATURES.SPENDING_LIMIT,
+      FEATURES.TX_SIMULATION,
+    ],
+    balancesProvider: {
+      chainName: null,
+      enabled: false,
+    },
+    recommendedMasterCopyVersion: '1.4.1',
+  },
+  {
+    transactionService: 'https://safe-transaction.rinkeby.gnosis.io',
+    contractAddresses,
+    chainId: '4',
+    chainName: 'Rinkeby',
+    chainLogoUri: '',
+    shortName: 'rin',
+    l2: false,
+    isTestnet: true,
+    description: 'Ethereum testnet',
+    rpcUri: { authentication: RPC_AUTHENTICATION.API_KEY_PATH, value: 'https://rinkeby.infura.io/v3/' },
+    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.API_KEY_PATH, value: 'https://rinkeby.infura.io/v3/' },
+    publicRpcUri: {
+      authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION,
+      value: 'https://rinkeby-light.eth.linkpool.io/',
+    },
+    blockExplorerUriTemplate: {
+      address: 'https://rinkeby.etherscan.io/address/{{address}}',
+      txHash: 'https://rinkeby.etherscan.io/tx/{{txHash}}',
+      api: 'https://api-rinkeby.etherscan.io/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
+    },
+    nativeCurrency: {
+      name: 'Ether',
+      symbol: 'ETH',
+      decimals: 18,
+      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/4/currency_logo.png',
+    },
+    theme: { textColor: '#ffffff', backgroundColor: '#E8673C' },
+    ensRegistryAddress: '0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e',
+    gasPrice: [{ type: GAS_PRICE_TYPE.FIXED, weiValue: '24000000000' }],
+    disabledWallets: ['fortmatic', 'lattice', 'tally'],
+    features: [
+      FEATURES.DOMAIN_LOOKUP,
+      FEATURES.EIP1559,
+      FEATURES.ERC721,
+      FEATURES.SAFE_APPS,
+      FEATURES.SAFE_TX_GAS_OPTIONAL,
+      FEATURES.SPENDING_LIMIT,
+      FEATURES.TX_SIMULATION,
+    ],
+    balancesProvider: {
+      chainName: null,
+      enabled: false,
+    },
+    recommendedMasterCopyVersion: '1.4.1',
+  },
+  {
+    transactionService: 'https://safe-transaction.volta.gnosis.io',
+    contractAddresses,
+    chainId: '73799',
+    chainName: 'Volta',
+    chainLogoUri: '',
+    shortName: 'vt',
+    l2: true,
+    isTestnet: false,
+    description: '',
+    rpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://volta-rpc.energyweb.org' },
+    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://volta-rpc.energyweb.org' },
+    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://volta-rpc.energyweb.org' },
+    blockExplorerUriTemplate: {
+      address: 'https://volta-explorer.energyweb.org/address/{{address}}/transactions',
+      txHash: 'https://volta-explorer.energyweb.org/tx/{{txHash}}/internal-transactions',
+      api: 'https://volta-explorer.energyweb.org/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
+    },
+    nativeCurrency: {
+      name: 'Volta Token',
+      symbol: 'VT',
+      decimals: 18,
+      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/73799/currency_logo.png',
+    },
+    theme: { textColor: '#ffffff', backgroundColor: '#514989' },
+    gasPrice: [{ type: GAS_PRICE_TYPE.FIXED, weiValue: '1000000' }],
+    disabledWallets: [
+      'authereum',
+      'coinbase',
+      'fortmatic',
+      'keystone',
+      'lattice',
+      'ledger',
+      'opera',
+      'operaTouch',
+      'portis',
+      'tally',
+      'torus',
+      'trezor',
+      'trust',
+      'walletLink',
+    ],
+    features: [
+      FEATURES.DOMAIN_LOOKUP,
+      FEATURES.ERC721,
+      FEATURES.SAFE_APPS,
+      FEATURES.SAFE_TX_GAS_OPTIONAL,
+      FEATURES.SPENDING_LIMIT,
+    ],
+    balancesProvider: {
+      chainName: null,
+      enabled: false,
+    },
+    recommendedMasterCopyVersion: '1.4.1',
+  },
+]
+
+export { CONFIG_SERVICE_CHAINS }
diff --git a/src/tests/mocks/contractManager.ts b/apps/web/src/tests/mocks/contractManager.ts
similarity index 91%
rename from src/tests/mocks/contractManager.ts
rename to apps/web/src/tests/mocks/contractManager.ts
index 3e7e33dfe..55268adc4 100644
--- a/src/tests/mocks/contractManager.ts
+++ b/apps/web/src/tests/mocks/contractManager.ts
@@ -1,10 +1,9 @@
 import {
   Gnosis_safe__factory,
   Multi_send__factory,
-} from '@/types/contracts/factories/@safe-global/safe-deployments/dist/assets/v1.3.0'
+} from '@safe-global/utils/types/contracts/factories/@safe-global/safe-deployments/dist/assets/v1.3.0'
 import { faker } from '@faker-js/faker'
 import type { ContractManager } from '@safe-global/protocol-kit'
-import { type SafeContract } from '@safe-global/safe-core-sdk-types'
 
 const safeContractInterface = Gnosis_safe__factory.createInterface()
 const multiSendInterface = Multi_send__factory.createInterface()
@@ -32,7 +31,7 @@ export const mockContractManager = (owners: string[] = [fakeDefaultOwner], thres
       isOwner: (address: string) => Promise.resolve(owners.includes(address)),
       isModuleEnabled: () => Promise.resolve(false),
       getVersion: () => Promise.resolve('1.3.0'),
-    } as unknown as SafeContract,
+    },
     contractNetworks: {},
     isL1SafeSingleton: true,
     multiSendCallOnlyContract: {
diff --git a/src/tests/mocks/providers.ts b/apps/web/src/tests/mocks/providers.ts
similarity index 100%
rename from src/tests/mocks/providers.ts
rename to apps/web/src/tests/mocks/providers.ts
diff --git a/src/tests/mocks/transactions.ts b/apps/web/src/tests/mocks/transactions.ts
similarity index 100%
rename from src/tests/mocks/transactions.ts
rename to apps/web/src/tests/mocks/transactions.ts
diff --git a/src/tests/pages/404.test.tsx b/apps/web/src/tests/pages/404.test.tsx
similarity index 100%
rename from src/tests/pages/404.test.tsx
rename to apps/web/src/tests/pages/404.test.tsx
diff --git a/src/tests/pages/apps-share.test.tsx b/apps/web/src/tests/pages/apps-share.test.tsx
similarity index 98%
rename from src/tests/pages/apps-share.test.tsx
rename to apps/web/src/tests/pages/apps-share.test.tsx
index c6193f7cd..dffe1967d 100644
--- a/src/tests/pages/apps-share.test.tsx
+++ b/apps/web/src/tests/pages/apps-share.test.tsx
@@ -17,6 +17,7 @@ describe('Share Safe App Page', () => {
 
   beforeEach(() => {
     jest.restoreAllMocks()
+    jest.useFakeTimers()
     window.localStorage.clear()
 
     fetchSafeAppFromManifestSpy = jest.spyOn(manifest, 'fetchSafeAppFromManifest').mockResolvedValue({
@@ -214,9 +215,8 @@ describe('Share Safe App Page', () => {
       label: 'Metamask',
       chainId: '1',
     }))
-    jest.spyOn(useOwnedSafesHook, 'default').mockImplementation(() => ({
-      '1': [safeAddress],
-    }))
+    const mockOwnedSafes = { '1': [safeAddress] }
+    jest.spyOn(useOwnedSafesHook, 'default').mockImplementation(() => mockOwnedSafes)
 
     render(<ShareSafeApp />, {
       routerProps: {
@@ -238,6 +238,7 @@ describe('Share Safe App Page', () => {
       expect(fetchSafeAppFromManifestSpy).toHaveBeenCalledWith(TX_BUILDER, '1')
       expect(getSafeAppsSpy).toHaveBeenCalledWith('1', { url: TX_BUILDER })
 
+      console.log('screen', screen.debug())
       expect(screen.getByLabelText('Select a Safe Account')).toBeInTheDocument()
     })
   })
diff --git a/src/tests/pages/apps.test.tsx b/apps/web/src/tests/pages/apps.test.tsx
similarity index 91%
rename from src/tests/pages/apps.test.tsx
rename to apps/web/src/tests/pages/apps.test.tsx
index b2bbdd72f..62f680e43 100644
--- a/src/tests/pages/apps.test.tsx
+++ b/apps/web/src/tests/pages/apps.test.tsx
@@ -1,4 +1,5 @@
-import React from 'react'
+import { userEvent } from '@testing-library/user-event'
+import React, { act } from 'react'
 import * as safeAppsGatewaySDK from '@safe-global/safe-gateway-typescript-sdk'
 import { SafeAppFeatures } from '@safe-global/safe-gateway-typescript-sdk'
 import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
@@ -8,7 +9,6 @@ import {
   screen,
   waitFor,
   fireEvent,
-  act,
   getByRole,
   getByText,
   waitForElementToBeRemoved,
@@ -22,7 +22,7 @@ import * as chainHooks from '@/hooks/useChains'
 
 jest.mock('@safe-global/safe-gateway-typescript-sdk', () => ({
   ...jest.requireActual('@safe-global/safe-gateway-typescript-sdk'),
-  getSafeApps: (chainId: string) => Promise.resolve(mockedSafeApps),
+  getSafeApps: () => Promise.resolve(mockedSafeApps),
 }))
 
 jest.mock('next/navigation', () => ({
@@ -201,7 +201,7 @@ describe('AppsPage', () => {
       // Add custom app modal is not present
       expect(screen.queryByRole('presentation')).not.toBeInTheDocument()
 
-      await act(() => {
+      act(() => {
         fireEvent.click(screen.getByRole('button', { name: 'Add custom Safe App' }))
       })
 
@@ -244,13 +244,13 @@ describe('AppsPage', () => {
         },
       })
 
-      fireEvent.click(screen.getByRole('button', { name: 'Add custom Safe App' }))
+      await userEvent.click(screen.getByRole('button', { name: 'Add custom Safe App' }))
 
       await waitFor(() => expect(screen.getByLabelText(/Safe App URL/)).toBeInTheDocument())
       const appURLInput = screen.getByLabelText(/Safe App URL/)
       fireEvent.change(appURLInput, { target: { value: APP_URL } })
       const riskCheckbox = await screen.findByRole('checkbox')
-      fireEvent.click(riskCheckbox)
+      await userEvent.click(riskCheckbox)
       await waitFor(() =>
         expect(
           screen.getByRole('heading', {
@@ -258,9 +258,7 @@ describe('AppsPage', () => {
           }),
         ).toBeInTheDocument(),
       )
-      await act(() => {
-        fireEvent.click(screen.getByText('Add'))
-      })
+      await userEvent.click(screen.getByText('Add'))
 
       // modal is closed
       await waitForElementToBeRemoved(() => screen.queryByLabelText(/Safe App URL/))
@@ -272,9 +270,7 @@ describe('AppsPage', () => {
       expect(screen.queryByRole('presentation')).not.toBeInTheDocument()
 
       // clicks on Custom test Safe app Safe App
-      await waitFor(() => {
-        fireEvent.click(screen.getByRole('heading', { level: 5, name: 'Custom test Safe app' }))
-      })
+      await userEvent.click(screen.getByRole('heading', { level: 5, name: 'Custom test Safe app' }))
 
       await waitFor(() => {
         const safeAppPreviewDrawer = screen.getByRole('presentation')
@@ -298,7 +294,7 @@ describe('AppsPage', () => {
       })
       await waitFor(() => expect(screen.getByText('Add custom Safe App')).toBeInTheDocument())
       const addCustomAppButton = screen.getByText('Add custom Safe App')
-      await act(() => {
+      act(() => {
         fireEvent.click(addCustomAppButton)
       })
       await waitFor(() => expect(screen.getByLabelText(/Safe App URL/)).toBeInTheDocument(), { timeout: 3000 })
@@ -336,23 +332,22 @@ describe('AppsPage', () => {
         },
       })
       await waitFor(() => expect(screen.getByText('Add custom Safe App')).toBeInTheDocument())
+
       const addCustomAppButton = screen.getByText('Add custom Safe App')
-      await act(() => {
-        fireEvent.click(addCustomAppButton)
-      })
+      await userEvent.click(addCustomAppButton)
+
       await waitFor(() => expect(screen.getByLabelText(/Safe App URL/)).toBeInTheDocument(), { timeout: 3000 })
+
       const appURLInput = screen.getByLabelText(/Safe App URL/)
-      fireEvent.change(appURLInput, { target: { value: APP_URL } })
+      await userEvent.type(appURLInput, APP_URL)
+
       const riskCheckbox = await screen.findByText(
         /This Safe App is not part of Rootstock Safe and I agree to use it at my own risk\./,
       )
-      await act(() => {
-        fireEvent.click(riskCheckbox)
-      })
-      await act(() => {
-        fireEvent.click(riskCheckbox)
-      })
-      fireEvent.click(screen.getByText('Add'))
+
+      await userEvent.click(riskCheckbox)
+      await userEvent.click(riskCheckbox)
+
       await waitFor(() => expect(screen.getByText('Accepting the disclaimer is mandatory')).toBeInTheDocument())
     })
 
@@ -385,13 +380,14 @@ describe('AppsPage', () => {
         },
       })
 
-      fireEvent.click(screen.getByRole('button', { name: 'Add custom Safe App' }))
+      await userEvent.click(screen.getByRole('button', { name: 'Add custom Safe App' }))
 
       await waitFor(() => expect(screen.getByLabelText(/Safe App URL/)).toBeInTheDocument())
       const appURLInput = screen.getByLabelText(/Safe App URL/)
       fireEvent.change(appURLInput, { target: { value: APP_URL } })
       const riskCheckbox = await screen.findByRole('checkbox')
-      fireEvent.click(riskCheckbox)
+      await userEvent.click(riskCheckbox)
+
       await waitFor(() =>
         expect(
           screen.getByRole('heading', {
@@ -399,32 +395,23 @@ describe('AppsPage', () => {
           }),
         ).toBeInTheDocument(),
       )
-      await act(() => {
-        fireEvent.click(screen.getByText('Add'))
-      })
+
+      await userEvent.click(screen.getByText('Add'))
 
       // modal is closed
       await waitForElementToBeRemoved(() => screen.queryByLabelText(/Safe App URL/))
 
       const removeCustomSafeAppButton = screen.getByLabelText('Delete Custom test Safe app')
 
-      await act(() => {
-        fireEvent.click(removeCustomSafeAppButton)
-      })
+      await userEvent.click(removeCustomSafeAppButton)
 
       await waitFor(() => expect(screen.getByText('Confirm Safe App removal')).toBeInTheDocument())
 
       const confirmRemovalButton = screen.getByRole('button', { name: 'Remove' })
-      await act(() => {
-        fireEvent.click(confirmRemovalButton)
-      })
+      await userEvent.click(confirmRemovalButton)
 
       await waitForElementToBeRemoved(() => screen.getByRole('button', { name: 'Remove' }))
-
-      await waitFor(() =>
-        // custom safe app is not present in the list
-        expect(screen.queryByText('Custom test Safe app')).not.toBeInTheDocument(),
-      )
+      expect(screen.queryByText('Custom test Safe app')).not.toBeInTheDocument()
     })
   })
 
@@ -511,7 +498,7 @@ describe('AppsPage', () => {
 
         const searchInput = screen.getByPlaceholderText('Search by name or category')
 
-        await act(() => fireEvent.change(searchInput, { target: { value: query } }))
+        act(() => fireEvent.change(searchInput, { target: { value: query } }))
 
         await waitFor(() => {
           expect(screen.queryByText('Compound', { selector: 'h5' })).not.toBeInTheDocument()
@@ -521,7 +508,6 @@ describe('AppsPage', () => {
 
           // zero results component
           expect(screen.getByText('No Safe Apps found', { exact: false })).toBeInTheDocument()
-          expect(screen.queryByText('Use WalletConnect')).toBeInTheDocument()
         })
       })
     })
@@ -546,7 +532,7 @@ describe('AppsPage', () => {
 
         const categorySelector = screen.getByText('Select category')
 
-        await act(() => fireEvent.mouseDown(categorySelector))
+        act(() => fireEvent.mouseDown(categorySelector))
 
         const categoriesDropdown = within(screen.getByRole('listbox'))
 
@@ -557,22 +543,23 @@ describe('AppsPage', () => {
         await waitFor(() => expect(categoriesDropdown.queryByText('transaction-builder')).not.toBeInTheDocument())
 
         // filter by Infrastructure category
-        await act(() => fireEvent.click(categoriesDropdown.getByText('Infrastructure')))
+        act(() => {
+          fireEvent.click(categoriesDropdown.getByText('Infrastructure'))
+        })
 
         // close the dropdown
-        await act(() =>
+        act(() => {
           fireEvent.keyDown(screen.getByRole('listbox'), {
             key: 'Escape',
             code: 'Escape',
             keyCode: 27,
             charCode: 27,
-          }),
-        )
-
-        // 1 categories selected label
-        expect(screen.queryByText('1 categories selected')).toBeInTheDocument()
+          })
+        })
 
         await waitFor(() => {
+          // 1 categories selected label
+          expect(screen.queryByText('1 categories selected')).toBeInTheDocument()
           expect(screen.queryByText('Compound', { selector: 'h5' })).not.toBeInTheDocument()
           expect(screen.queryByText('ENS App', { selector: 'h5' })).not.toBeInTheDocument()
           expect(screen.queryByText('Transaction Builder', { selector: 'h5' })).toBeInTheDocument()
@@ -599,12 +586,12 @@ describe('AppsPage', () => {
 
         const categorySelector = screen.getByText('Select category')
 
-        await act(() => fireEvent.mouseDown(categorySelector))
+        act(() => fireEvent.mouseDown(categorySelector))
 
         const categoriesDropdown = within(screen.getByRole('listbox'))
 
         // filter by Infrastructure category
-        await act(() => fireEvent.click(categoriesDropdown.getByText('Infrastructure')))
+        act(() => fireEvent.click(categoriesDropdown.getByText('Infrastructure')))
 
         await waitFor(() => {
           expect(screen.queryByText('Compound', { selector: 'h5' })).not.toBeInTheDocument()
@@ -614,10 +601,10 @@ describe('AppsPage', () => {
         })
 
         // clear active Infrastructure filter
-        await act(() => fireEvent.click(categoriesDropdown.getByText('Infrastructure')))
+        act(() => fireEvent.click(categoriesDropdown.getByText('Infrastructure')))
 
         // close the dropdown
-        await act(() =>
+        act(() =>
           fireEvent.keyDown(screen.getByRole('listbox'), {
             key: 'Escape',
             code: 'Escape',
@@ -654,12 +641,12 @@ describe('AppsPage', () => {
 
         const categorySelector = screen.getByText('Select category')
 
-        await act(() => fireEvent.mouseDown(categorySelector))
+        act(() => fireEvent.mouseDown(categorySelector))
 
         const categoriesDropdown = within(screen.getByRole('listbox'))
 
         // filter by Infrastructure category
-        await act(() => fireEvent.click(categoriesDropdown.getByText('Infrastructure')))
+        act(() => fireEvent.click(categoriesDropdown.getByText('Infrastructure')))
 
         await waitFor(() => {
           expect(screen.queryByText('Compound', { selector: 'h5' })).not.toBeInTheDocument()
@@ -669,7 +656,7 @@ describe('AppsPage', () => {
         })
 
         // close the dropdown
-        await act(() =>
+        act(() =>
           fireEvent.keyDown(screen.getByRole('listbox'), {
             key: 'Escape',
             code: 'Escape',
@@ -679,7 +666,7 @@ describe('AppsPage', () => {
         )
 
         // clear all selected filters
-        await act(() => fireEvent.click(screen.getByLabelText('clear selected categories')))
+        act(() => fireEvent.click(screen.getByLabelText('clear selected categories')))
 
         // show all safe apps again
         await waitFor(() => {
@@ -710,7 +697,7 @@ describe('AppsPage', () => {
         })
 
         // filter by optimized for batch transactions
-        await act(() => fireEvent.click(screen.getByRole('checkbox', { checked: false })))
+        act(() => fireEvent.click(screen.getByRole('checkbox', { checked: false })))
 
         // show only transaction builder safe app
         await waitFor(() => {
@@ -739,10 +726,10 @@ describe('AppsPage', () => {
         })
 
         // filter by optimized for batch transactions
-        await act(() => fireEvent.click(screen.getByRole('checkbox', { checked: false })))
+        act(() => fireEvent.click(screen.getByRole('checkbox', { checked: false })))
 
         // clears the optimized for batch transactions filter
-        await act(() => fireEvent.click(screen.getByRole('checkbox', { checked: true })))
+        act(() => fireEvent.click(screen.getByRole('checkbox', { checked: true })))
 
         // show all safe apps
         await waitFor(() => {
diff --git a/apps/web/src/tests/server.ts b/apps/web/src/tests/server.ts
new file mode 100644
index 000000000..834cecb73
--- /dev/null
+++ b/apps/web/src/tests/server.ts
@@ -0,0 +1,5 @@
+import { setupServer } from 'msw/node'
+import { handlers } from '@safe-global/test/msw/handlers'
+import { GATEWAY_URL } from '@/config/gateway'
+
+export const server = setupServer(...handlers(GATEWAY_URL))
diff --git a/apps/web/src/tests/test-utils.tsx b/apps/web/src/tests/test-utils.tsx
new file mode 100644
index 000000000..50a60445e
--- /dev/null
+++ b/apps/web/src/tests/test-utils.tsx
@@ -0,0 +1,119 @@
+import type { RenderHookOptions } from '@testing-library/react'
+import { render, renderHook } from '@testing-library/react'
+import type { NextRouter } from 'next/router'
+import { RouterContext } from 'next/dist/shared/lib/router-context.shared-runtime'
+import type { Theme } from '@mui/material/styles'
+import { ThemeProvider } from '@mui/material/styles'
+import SafeThemeProvider from '@/components/theme/SafeThemeProvider'
+import { type RootState, makeStore, useHydrateStore } from '@/store'
+import * as web3 from '@/hooks/wallets/web3'
+import { Provider } from 'react-redux'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+import { faker } from '@faker-js/faker'
+import { userEvent } from '@testing-library/user-event'
+import { createMockWeb3Provider, type MockCallImplementation } from '@safe-global/utils/tests/web3Provider'
+
+const mockRouter = (props: Partial<NextRouter> = {}): NextRouter => ({
+  asPath: '/',
+  basePath: '/',
+  back: jest.fn(() => Promise.resolve(true)),
+  beforePopState: jest.fn(() => Promise.resolve(true)),
+  events: {
+    on: jest.fn(),
+    off: jest.fn(),
+    emit: jest.fn(),
+  },
+
+  isFallback: false,
+  isLocaleDomain: true,
+  isPreview: true,
+  isReady: true,
+  pathname: '/',
+  push: jest.fn(() => Promise.resolve(true)),
+  prefetch: jest.fn(() => Promise.resolve()),
+  reload: jest.fn(() => Promise.resolve(true)),
+  replace: jest.fn(() => Promise.resolve(true)),
+  route: '/',
+  query: {},
+  forward: () => void 0,
+  ...props,
+})
+
+// Add in any providers here if necessary:
+// (ReduxProvider, ThemeProvider, etc)
+const getProviders: (options: {
+  routerProps?: Partial<NextRouter>
+  initialReduxState?: Partial<RootState>
+}) => React.JSXElementConstructor<{ children: React.ReactNode }> = ({ routerProps, initialReduxState }) =>
+  function ProviderComponent({ children }) {
+    const store = makeStore(initialReduxState, { skipBroadcast: true })
+
+    useHydrateStore(store)
+
+    return (
+      <Provider store={store}>
+        <RouterContext.Provider value={mockRouter(routerProps)}>
+          <SafeThemeProvider mode="light">
+            {(safeTheme: Theme) => <ThemeProvider theme={safeTheme}>{children}</ThemeProvider>}
+          </SafeThemeProvider>
+        </RouterContext.Provider>
+      </Provider>
+    )
+  }
+
+const customRender = (
+  ui: React.ReactElement,
+  options?: { routerProps?: Partial<NextRouter>; initialReduxState?: Partial<RootState> },
+) => {
+  const wrapper = getProviders({
+    routerProps: options?.routerProps || {},
+    initialReduxState: options?.initialReduxState,
+  })
+
+  return render(ui, { wrapper, ...options })
+}
+
+function customRenderHook<Result, Props>(
+  render: (initialProps: Props) => Result,
+  options?: RenderHookOptions<Props> & { routerProps?: Partial<NextRouter>; initialReduxState?: Partial<RootState> },
+) {
+  const wrapper = getProviders({
+    routerProps: options?.routerProps || {},
+    initialReduxState: options?.initialReduxState,
+  })
+
+  return renderHook(render, { wrapper, ...options })
+}
+
+export const fakerChecksummedAddress = () => checksumAddress(faker.finance.ethereumAddress())
+
+// https://testing-library.com/docs/user-event/intro#writing-tests-with-userevent
+export const renderWithUserEvent = (
+  ui: React.ReactElement,
+  options?: {
+    routerProps?: Partial<NextRouter>
+    initialReduxState?: Partial<RootState>
+  },
+) => {
+  return {
+    user: userEvent.setup(),
+    ...customRender(ui, options),
+  }
+}
+
+export const mockWeb3Provider = (
+  callImplementations: MockCallImplementation[],
+  resolveName?: (name: string) => string,
+  chainId?: string,
+) => {
+  const web3Provider = createMockWeb3Provider(callImplementations, resolveName, chainId)
+  jest.spyOn(web3, 'useWeb3ReadOnly').mockReturnValue(web3Provider)
+  jest.spyOn(web3, 'getWeb3ReadOnly').mockReturnValue(web3Provider)
+  return web3Provider
+}
+// re-export everything
+export * from '@testing-library/react'
+
+// override render method
+export { customRender as render }
+export { customRenderHook as renderHook }
diff --git a/apps/web/src/tests/transactions.ts b/apps/web/src/tests/transactions.ts
new file mode 100644
index 000000000..d70744921
--- /dev/null
+++ b/apps/web/src/tests/transactions.ts
@@ -0,0 +1,111 @@
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { solidityPacked, concat } from 'ethers'
+import { OperationType } from '@safe-global/types-kit'
+import type { SafeTransaction } from '@safe-global/types-kit'
+
+import { ERC20__factory, ERC721__factory, Multi_send__factory } from '@safe-global/utils/types/contracts'
+import EthSafeTransaction from '@safe-global/protocol-kit/dist/src/utils/transactions/SafeTransaction'
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { TransactionStatus } from '@safe-global/safe-apps-sdk'
+
+export const getMockErc20TransferCalldata = (to: string) => {
+  const erc20Interface = ERC20__factory.createInterface()
+  return erc20Interface.encodeFunctionData('transfer', [
+    to,
+    0, // value
+  ])
+}
+
+export const getMockErc721TransferFromCalldata = (to: string) => {
+  const erc721Interface = ERC721__factory.createInterface()
+  return erc721Interface.encodeFunctionData('transferFrom', [
+    ZERO_ADDRESS, // from
+    to,
+    0, // value
+  ])
+}
+
+export const getMockErc721SafeTransferFromCalldata = (to: string) => {
+  const erc721Interface = ERC721__factory.createInterface()
+  return erc721Interface.encodeFunctionData('safeTransferFrom(address,address,uint256)', [
+    ZERO_ADDRESS, // from
+    to,
+    0, // value
+  ])
+}
+
+export const getMockErc721SafeTransferFromWithBytesCalldata = (to: string) => {
+  const erc721Interface = ERC721__factory.createInterface()
+  return erc721Interface.encodeFunctionData('safeTransferFrom(address,address,uint256,bytes)', [
+    ZERO_ADDRESS, // from
+    to,
+    0, // value
+    '0x', // bytes
+  ])
+}
+
+export const getMockMultiSendCalldata = (recipients: Array<string>): string => {
+  // MultiSendCallOnly
+  const OPERATION = 0
+
+  const data = '0x'
+
+  const internalTransactions = recipients.map((recipient) => {
+    return solidityPacked(
+      ['uint8', 'address', 'uint256', 'uint256', 'bytes'],
+      [
+        OPERATION,
+        recipient,
+        0, // value
+        data.length, // dataLength
+        data, // data
+      ],
+    )
+  })
+
+  const multiSendInterface = Multi_send__factory.createInterface()
+  return multiSendInterface.encodeFunctionData('multiSend', [concat(internalTransactions)])
+}
+
+export const createMockTransactionDetails = ({
+  txInfo,
+  txData,
+  detailedExecutionInfo,
+}: {
+  txInfo: TransactionDetails['txInfo']
+  txData: TransactionDetails['txData']
+  detailedExecutionInfo: TransactionDetails['detailedExecutionInfo']
+}): TransactionDetails => ({
+  safeAddress: 'sep:0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67',
+  txId: 'multisig_0xBd69b0a9DC90eB6F9bAc3E4a5875f437348b6415_0xcb83bc36cf4a2998e7fe222e36c458c59c3778f65b4e5bb361c29a73c2de62cc',
+  txStatus: TransactionStatus.AWAITING_CONFIRMATIONS,
+  txInfo,
+  txData,
+  detailedExecutionInfo,
+})
+
+// TODO: Replace with safeTxBuilder
+export const createMockSafeTransaction = ({
+  to,
+  data,
+  operation = OperationType.Call,
+  value,
+}: {
+  to: string
+  data: string
+  operation?: OperationType
+  value?: string
+}): SafeTransaction => {
+  return new EthSafeTransaction({
+    to,
+    data,
+    operation,
+    value: value || '0',
+    baseGas: '0',
+    gasPrice: '0',
+    gasToken: ZERO_ADDRESS,
+    nonce: 0,
+    refundReceiver: ZERO_ADDRESS,
+    safeTxGas: '0',
+  })
+}
diff --git a/src/utils/SimpleTxWatcher.ts b/apps/web/src/utils/SimpleTxWatcher.ts
similarity index 100%
rename from src/utils/SimpleTxWatcher.ts
rename to apps/web/src/utils/SimpleTxWatcher.ts
diff --git a/src/utils/__tests__/SimpleTxWatcher.test.ts b/apps/web/src/utils/__tests__/SimpleTxWatcher.test.ts
similarity index 98%
rename from src/utils/__tests__/SimpleTxWatcher.test.ts
rename to apps/web/src/utils/__tests__/SimpleTxWatcher.test.ts
index 32e845771..5e27b09ae 100644
--- a/src/utils/__tests__/SimpleTxWatcher.test.ts
+++ b/apps/web/src/utils/__tests__/SimpleTxWatcher.test.ts
@@ -167,7 +167,7 @@ describe('SimpleTxWatcher', () => {
       off: jest.fn(),
     } as unknown as JsonRpcProvider
     const txHash = `0x${faker.number.hex()}`
-    const result = watcher.watchTxHash(txHash, faker.finance.ethereumAddress(), 0, mockProvider).catch((error) => error)
+    watcher.watchTxHash(txHash, faker.finance.ethereumAddress(), 0, mockProvider).catch((error) => error)
 
     expect(mockProvider.on).toHaveBeenCalledTimes(1)
     expect(mockProvider.getTransactionReceipt).not.toHaveBeenCalled()
diff --git a/apps/web/src/utils/__tests__/chains.test.ts b/apps/web/src/utils/__tests__/chains.test.ts
new file mode 100644
index 000000000..548d31ace
--- /dev/null
+++ b/apps/web/src/utils/__tests__/chains.test.ts
@@ -0,0 +1,63 @@
+import { getBlockExplorerLink } from '@safe-global/utils/utils/chains'
+import { FEATURES, getLatestSafeVersion, hasFeature } from '@safe-global/utils/utils/chains'
+import { CONFIG_SERVICE_CHAINS } from '@/tests/mocks/chains'
+import { chainBuilder } from '@/tests/builders/chains'
+
+describe('chains', () => {
+  describe('hasFeature', () => {
+    it('returns true for a feature that exists', () => {
+      expect(hasFeature(CONFIG_SERVICE_CHAINS[0], FEATURES.ERC721)).toBe(true)
+    })
+
+    it("returns false for a feature that doesn't exists", () => {
+      expect(
+        hasFeature(
+          {
+            ...CONFIG_SERVICE_CHAINS[0],
+            features: [],
+          },
+          FEATURES.DOMAIN_LOOKUP,
+        ),
+      ).toBe(false)
+    })
+  })
+
+  describe('getExplorerLink', () => {
+    it('returns the correct link for an address', () => {
+      expect(getBlockExplorerLink(CONFIG_SERVICE_CHAINS[0], '0x123')).toEqual({
+        href: 'https://etherscan.io/address/0x123',
+        title: 'View on etherscan.io',
+      })
+    })
+
+    it('returns the correct link for a transaction', () => {
+      expect(
+        getBlockExplorerLink(CONFIG_SERVICE_CHAINS[0], '0x123436456456754735474574575475675435353453465645645656'),
+      ).toEqual({
+        href: 'https://etherscan.io/tx/0x123436456456754735474574575475675435353453465645645656',
+        title: 'View on etherscan.io',
+      })
+    })
+  })
+
+  describe('chains', () => {
+    describe('getLatestSafeVersion', () => {
+      it('should return the version from recommendedMasterCopyVersion', () => {
+        expect(
+          getLatestSafeVersion(chainBuilder().with({ chainId: '1', recommendedMasterCopyVersion: '1.4.1' }).build()),
+        ).toEqual('1.4.1')
+        expect(
+          getLatestSafeVersion(chainBuilder().with({ chainId: '137', recommendedMasterCopyVersion: '1.3.0' }).build()),
+        ).toEqual('1.3.0')
+      })
+
+      it('should fall back to LATEST_VERSION', () => {
+        expect(
+          getLatestSafeVersion(
+            chainBuilder().with({ chainId: '11155111', recommendedMasterCopyVersion: null }).build(),
+          ),
+        ).toEqual('1.4.1')
+      })
+    })
+  })
+})
diff --git a/apps/web/src/utils/__tests__/helpers.test.ts b/apps/web/src/utils/__tests__/helpers.test.ts
new file mode 100644
index 000000000..bc0bfc57f
--- /dev/null
+++ b/apps/web/src/utils/__tests__/helpers.test.ts
@@ -0,0 +1,40 @@
+import { getKeyWithTrueValue } from '../helpers'
+import { faker } from '@faker-js/faker'
+
+describe('helpers', () => {
+  describe('getKeyWithTrueValue', () => {
+    const address1 = faker.finance.ethereumAddress()
+    const address2 = faker.finance.ethereumAddress()
+    const address3 = faker.finance.ethereumAddress()
+
+    it('should return the address with value of true', async () => {
+      const obj = {
+        [address1]: false,
+        [address2]: false,
+        [address3]: true,
+      }
+      const result = getKeyWithTrueValue(obj)
+      expect(result).toEqual(address3)
+    })
+
+    it('should return undefined when none of the objects properties are true', async () => {
+      const obj = {
+        [address1]: false,
+        [address2]: false,
+        [address3]: false,
+      }
+      const result = getKeyWithTrueValue(obj)
+      expect(result).toEqual(undefined)
+    })
+
+    it('should return the first true value if there are more than one', async () => {
+      const obj = {
+        [address1]: true,
+        [address2]: true,
+        [address3]: true,
+      }
+      const result = getKeyWithTrueValue(obj)
+      expect(result).toEqual(address1)
+    })
+  })
+})
diff --git a/src/utils/__tests__/mad-props.test.tsx b/apps/web/src/utils/__tests__/mad-props.test.tsx
similarity index 100%
rename from src/utils/__tests__/mad-props.test.tsx
rename to apps/web/src/utils/__tests__/mad-props.test.tsx
diff --git a/apps/web/src/utils/__tests__/nested-safes.test.ts b/apps/web/src/utils/__tests__/nested-safes.test.ts
new file mode 100644
index 000000000..9d76e437c
--- /dev/null
+++ b/apps/web/src/utils/__tests__/nested-safes.test.ts
@@ -0,0 +1,188 @@
+import type { TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import { _getFactoryAddressAndSetupData } from '../nested-safes'
+
+describe('Nested Safes', () => {
+  describe('getFactoryAddressAndSetupData', () => {
+    it('should return the factory address and setup data for direct createProxyWithNonce calls', () => {
+      const txData = {
+        dataDecoded: {
+          method: 'createProxyWithNonce',
+          parameters: [
+            {
+              name: '_singleton',
+              type: 'address',
+              value: '0x41675C099F32341bf84BFc5382aF534df5C7461a',
+              valueDecoded: null,
+            },
+            {
+              name: 'initializer',
+              type: 'bytes',
+              value:
+                '0xb63e800d00000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000bd89a1ce4dde368ffab0ec35506eece0b1ffdc540000000000000000000000000000000000000000000000000000000000000140000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000057c26d4d117c926a872814fa46c179691f580e840000000000000000000000000000000000000000000000000000000000000024fe51f64300000000000000000000000029fcb43b46531bca003ddc8fcb67ffe91900c76200000000000000000000000000000000000000000000000000000000',
+              valueDecoded: null,
+            },
+            {
+              name: 'saltNonce',
+              type: 'uint256',
+              value: '1739277192719',
+              valueDecoded: null,
+            },
+          ],
+        },
+        to: {
+          value: '0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67',
+          name: 'SafeProxyFactory 1.4.1',
+          logoUri:
+            'https://safe-transaction-assets.staging.5afe.dev/contracts/logos/0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67.png',
+        },
+      } as unknown as TransactionData
+
+      const result = _getFactoryAddressAndSetupData(txData)
+
+      expect(result).toEqual({
+        factoryAddress: '0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67',
+        singleton: '0x41675C099F32341bf84BFc5382aF534df5C7461a',
+        initializer:
+          '0xb63e800d00000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000bd89a1ce4dde368ffab0ec35506eece0b1ffdc540000000000000000000000000000000000000000000000000000000000000140000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000057c26d4d117c926a872814fa46c179691f580e840000000000000000000000000000000000000000000000000000000000000024fe51f64300000000000000000000000029fcb43b46531bca003ddc8fcb67ffe91900c76200000000000000000000000000000000000000000000000000000000',
+        saltNonce: '1739277192719',
+      })
+    })
+
+    it('should return the factory address and setup data for createProxyWithNonce calls in a multiSend', () => {
+      const txData = {
+        dataDecoded: {
+          method: 'multiSend',
+          parameters: [
+            {
+              name: 'transactions',
+              type: 'bytes',
+              value:
+                '0x004e1dcf7ad4e460cfd30791ccc4f9c8a4f820ec67000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000002441688f0b900000000000000000000000041675c099f32341bf84bfc5382af534df5c7461a000000000000000000000000000000000000000000000000000000000000006000000000000000000000000000000000000000000000000000000194f500278f00000000000000000000000000000000000000000000000000000000000001a4b63e800d00000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000bd89a1ce4dde368ffab0ec35506eece0b1ffdc540000000000000000000000000000000000000000000000000000000000000140000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000057c26d4d117c926a872814fa46c179691f580e840000000000000000000000000000000000000000000000000000000000000024fe51f64300000000000000000000000029fcb43b46531bca003ddc8fcb67ffe91900c7620000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000002df9edaab4aab795339b334c9152eec7f27aeabc0000000000000000000000000000000000000000000000000de0b6b3a76400000000000000000000000000000000000000000000000000000000000000000000',
+              valueDecoded: [
+                {
+                  operation: 0,
+                  to: '0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67',
+                  value: '0',
+                  data: '0x1688f0b900000000000000000000000041675c099f32341bf84bfc5382af534df5c7461a000000000000000000000000000000000000000000000000000000000000006000000000000000000000000000000000000000000000000000000194f500278f00000000000000000000000000000000000000000000000000000000000001a4b63e800d00000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000bd89a1ce4dde368ffab0ec35506eece0b1ffdc540000000000000000000000000000000000000000000000000000000000000140000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000057c26d4d117c926a872814fa46c179691f580e840000000000000000000000000000000000000000000000000000000000000024fe51f64300000000000000000000000029fcb43b46531bca003ddc8fcb67ffe91900c7620000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000',
+                  dataDecoded: {
+                    method: 'createProxyWithNonce',
+                    parameters: [
+                      {
+                        name: '_singleton',
+                        type: 'address',
+                        value: '0x41675C099F32341bf84BFc5382aF534df5C7461a',
+                      },
+                      {
+                        name: 'initializer',
+                        type: 'bytes',
+                        value:
+                          '0xb63e800d00000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000bd89a1ce4dde368ffab0ec35506eece0b1ffdc540000000000000000000000000000000000000000000000000000000000000140000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000057c26d4d117c926a872814fa46c179691f580e840000000000000000000000000000000000000000000000000000000000000024fe51f64300000000000000000000000029fcb43b46531bca003ddc8fcb67ffe91900c76200000000000000000000000000000000000000000000000000000000',
+                      },
+                      {
+                        name: 'saltNonce',
+                        type: 'uint256',
+                        value: '1739277215631',
+                      },
+                    ],
+                  },
+                },
+                {
+                  operation: 0,
+                  to: '0x2df9edAAb4Aab795339b334C9152EeC7f27aeAbc',
+                  value: '1000000000000000000',
+                  data: null,
+                  dataDecoded: null,
+                },
+              ],
+            },
+          ],
+        },
+      } as unknown as TransactionData
+
+      const result = _getFactoryAddressAndSetupData(txData)
+
+      expect(result).toEqual({
+        factoryAddress: '0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67',
+        singleton: '0x41675C099F32341bf84BFc5382aF534df5C7461a',
+        initializer:
+          '0xb63e800d00000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000bd89a1ce4dde368ffab0ec35506eece0b1ffdc540000000000000000000000000000000000000000000000000000000000000140000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000057c26d4d117c926a872814fa46c179691f580e840000000000000000000000000000000000000000000000000000000000000024fe51f64300000000000000000000000029fcb43b46531bca003ddc8fcb67ffe91900c76200000000000000000000000000000000000000000000000000000000',
+        saltNonce: '1739277215631',
+      })
+    })
+
+    it('should throw an error if the method is invalid', () => {
+      const txData = {
+        dataDecoded: {
+          method: 'invalid',
+          parameters: [],
+        },
+      } as unknown as TransactionData
+
+      expect(() => _getFactoryAddressAndSetupData(txData)).toThrow('Invalid method')
+    })
+
+    it('should throw an error if the factory address is missing', () => {
+      const txData = {
+        dataDecoded: {
+          method: 'createProxyWithNonce',
+          parameters: [],
+        },
+        to: {
+          value: null,
+        },
+      } as unknown as TransactionData
+
+      expect(() => _getFactoryAddressAndSetupData(txData)).toThrow('Missing factory address')
+    })
+
+    it('should throw an error if the parameters are invalid', () => {
+      const txData = {
+        dataDecoded: {
+          method: 'createProxyWithNonce',
+        },
+        to: {
+          value: '0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67',
+        },
+      } as unknown as TransactionData
+
+      expect(() => _getFactoryAddressAndSetupData(txData)).toThrow('Invalid parameters')
+    })
+
+    it.each(['_singleton', 'initializer', 'saltNonce'])('should throw an error if the %s is invalid', (name) => {
+      const txData = {
+        dataDecoded: {
+          method: 'createProxyWithNonce',
+          parameters: [
+            {
+              name: '_singleton',
+              type: 'address',
+              value: '0x41675C099F32341bf84BFc5382aF534df5C7461a',
+              valueDecoded: null,
+            },
+            {
+              name: 'initializer',
+              type: 'bytes',
+              value:
+                '0xb63e800d00000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000bd89a1ce4dde368ffab0ec35506eece0b1ffdc540000000000000000000000000000000000000000000000000000000000000140000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000057c26d4d117c926a872814fa46c179691f580e840000000000000000000000000000000000000000000000000000000000000024fe51f64300000000000000000000000029fcb43b46531bca003ddc8fcb67ffe91900c76200000000000000000000000000000000000000000000000000000000',
+              valueDecoded: null,
+            },
+            {
+              name: 'saltNonce',
+              type: 'uint256',
+              value: '1739277192719',
+              valueDecoded: null,
+            },
+          ],
+        },
+        to: {
+          value: '0x4e1DCf7AD4e460CfD30791CCC4F9c8a4f820ec67',
+        },
+      } as unknown as TransactionData
+      const index = txData.dataDecoded?.parameters?.findIndex((parameter) => parameter.name === name)
+      // @ts-expect-error - as txData is const, it expects new value to be string
+      txData.dataDecoded.parameters[index].value = null
+
+      expect(() => _getFactoryAddressAndSetupData(txData)).toThrow('Invalid parameter values')
+    })
+  })
+})
diff --git a/apps/web/src/utils/__tests__/safe-hashes.test.ts b/apps/web/src/utils/__tests__/safe-hashes.test.ts
new file mode 100644
index 000000000..a26b8bf90
--- /dev/null
+++ b/apps/web/src/utils/__tests__/safe-hashes.test.ts
@@ -0,0 +1,211 @@
+import { faker } from '@faker-js/faker'
+import { getDomainHash, getSafeMessageMessageHash, getSafeTxMessageHash } from '../safe-hashes'
+import { AbiCoder, hashMessage, keccak256, TypedDataEncoder } from 'ethers'
+import type { SafeTransactionData, SafeVersion } from '@safe-global/types-kit'
+
+// <= 1.2.0
+// keccak256("EIP712Domain(address verifyingContract)");
+const OLD_DOMAIN_TYPEHASH = '0x035aff83d86937d35b32e04f0ddc6ff469290eef2f1b692d8a815c89404d4749'
+
+// >= 1.3.0
+// keccak256("EIP712Domain(uint256 chainId,address verifyingContract)");
+const NEW_DOMAIN_TYPEHASH = '0x47e79534a245952e8b16893a336b85a3d9ea9fa8c573f3d803afb92a79469218'
+
+// < 1.0.0
+// keccak256("SafeTx(address to,uint256 value,bytes data,uint8 operation,uint256 safeTxGas,uint256 dataGas,uint256 gasPrice,address gasToken,address refundReceiver,uint256 nonce)");
+const OLD_SAFE_TX_TYPEHASH = '0x14d461bc7412367e924637b363c7bf29b8f47e2f84869f4426e5633d8af47b20'
+
+// >= 1.0.0
+// keccak256("SafeTx(address to,uint256 value,bytes data,uint8 operation,uint256 safeTxGas,uint256 baseGas,uint256 gasPrice,address gasToken,address refundReceiver,uint256 nonce)");
+const NEW_SAFE_TX_TYPEHASH = '0xbb8310d486368db6bd6f849402fdd73ad53d316b5a4b2644ad6efe0f941286d8'
+
+// Not versioned (>= 0.1.0)
+// keccak256("SafeMessage(bytes message)");
+const SAFE_MESSAGE_TYPEHASH = '0x60b3cbf8b4a223d68d641b3b6ddf9a298e7f33710cf3d3a9d1146b5a6150fbca'
+
+describe('getDomainHash', () => {
+  it.each(['1.0.0' as const, '1.1.1' as const, '1.2.0' as const])(
+    'should return the domain hash without chain ID for version %s',
+    (version) => {
+      const chainId = faker.string.numeric()
+      const safeAddress = faker.finance.ethereumAddress()
+
+      const result = getDomainHash({ chainId, safeAddress, safeVersion: version })
+
+      expect(result).toEqual(
+        keccak256(AbiCoder.defaultAbiCoder().encode(['bytes32', 'address'], [OLD_DOMAIN_TYPEHASH, safeAddress])),
+      )
+    },
+  )
+
+  it.each(['1.3.0' as const, '1.4.1' as const])(
+    'should return the domain hash with chain ID for version %s',
+    (version) => {
+      const chainId = faker.string.numeric()
+      const safeAddress = faker.finance.ethereumAddress()
+
+      const result = getDomainHash({ chainId, safeAddress, safeVersion: version })
+
+      expect(result).toEqual(
+        keccak256(
+          AbiCoder.defaultAbiCoder().encode(
+            ['bytes32', 'uint256', 'address'],
+            [NEW_DOMAIN_TYPEHASH, chainId, safeAddress],
+          ),
+        ),
+      )
+    },
+  )
+})
+
+describe('getSafeTxMessageHash', () => {
+  it.each([
+    ['0.1.0' as SafeVersion, OLD_SAFE_TX_TYPEHASH],
+    ['1.0.0' as const, NEW_SAFE_TX_TYPEHASH],
+    ['1.1.1' as const, NEW_SAFE_TX_TYPEHASH],
+    ['1.2.0' as const, NEW_SAFE_TX_TYPEHASH],
+    ['1.3.0' as const, NEW_SAFE_TX_TYPEHASH],
+    ['1.4.1' as const, NEW_SAFE_TX_TYPEHASH],
+  ])('should return the message hash for version %s', (version, typehash) => {
+    const SafeTx: SafeTransactionData = {
+      to: faker.finance.ethereumAddress(),
+      value: faker.string.numeric(),
+      data: faker.string.hexadecimal({ length: 30 }),
+      operation: faker.number.int({ min: 0, max: 1 }),
+      safeTxGas: faker.string.numeric(),
+      baseGas: faker.string.numeric(), // <1.0.0 is dataGas
+      gasPrice: faker.string.numeric(),
+      gasToken: faker.finance.ethereumAddress(),
+      refundReceiver: faker.finance.ethereumAddress(),
+      nonce: faker.number.int({ min: 0, max: 69 }),
+    }
+
+    const result = getSafeTxMessageHash({ safeVersion: version, safeTxData: SafeTx })
+
+    expect(result).toEqual(
+      keccak256(
+        AbiCoder.defaultAbiCoder().encode(
+          [
+            'bytes32',
+            'address', // to
+            'uint256', // value
+            'bytes32', // data
+            'uint8', // operation
+            'uint256', // safeTxGas
+            'uint256', // dataGas/baseGas
+            'uint256', // gasPrice
+            'address', // gasToken
+            'address', // refundReceiver
+            'uint256', // nonce
+          ],
+          [
+            typehash,
+            SafeTx.to,
+            SafeTx.value,
+            // EIP-712 expects data to be hashed
+            keccak256(SafeTx.data),
+            SafeTx.operation,
+            SafeTx.safeTxGas,
+            SafeTx.baseGas,
+            SafeTx.gasPrice,
+            SafeTx.gasToken,
+            SafeTx.refundReceiver,
+            SafeTx.nonce,
+          ],
+        ),
+      ),
+    )
+  })
+})
+
+describe('getSafeMessageMessageHash', () => {
+  describe('string messages', () => {
+    it.each([
+      '0.1.0' as SafeVersion,
+      '1.0.0' as const,
+      '1.1.1' as const,
+      '1.2.0' as const,
+      '1.3.0' as const,
+      '1.4.1' as const,
+    ])(`should return the message hash for version %s`, (version) => {
+      // const message = faker.lorem.sentence()
+
+      const message = 'test23'
+
+      const result = getSafeMessageMessageHash({ message, safeVersion: version })
+
+      expect(result.slice(0, 5)).toBe('0x995')
+
+      expect(result).toEqual(
+        keccak256(
+          AbiCoder.defaultAbiCoder().encode(
+            ['bytes32', 'bytes32'],
+            [
+              SAFE_MESSAGE_TYPEHASH,
+              // EIP-712 expects bytes to be hashed
+              keccak256(hashMessage(message)),
+            ],
+          ),
+        ),
+      )
+    })
+  })
+
+  describe('typed data messages', () => {
+    it.each([
+      '0.1.0' as SafeVersion,
+      '1.0.0' as const,
+      '1.1.1' as const,
+      '1.2.0' as const,
+      '1.3.0' as const,
+      '1.4.1' as const,
+    ])(`should return the message hash for version %s`, (version) => {
+      const message = {
+        domain: {
+          name: faker.company.name(),
+          version: faker.string.numeric(),
+          chainId: faker.number.int(),
+          verifyingContract: faker.finance.ethereumAddress(),
+        },
+        types: {
+          Person: [
+            { name: 'name', type: 'string' },
+            { name: 'wallet', type: 'address' },
+          ],
+          Mail: [
+            { name: 'from', type: 'Person' },
+            { name: 'to', type: 'Person' },
+            { name: 'contents', type: 'string' },
+          ],
+        },
+        primaryType: 'Mail',
+        message: {
+          from: {
+            name: faker.person.firstName(),
+            wallet: faker.finance.ethereumAddress(),
+          },
+          to: {
+            name: faker.person.firstName(),
+            wallet: faker.finance.ethereumAddress(),
+          },
+          contents: faker.lorem.words(),
+        },
+      }
+
+      const result = getSafeMessageMessageHash({ message, safeVersion: version })
+
+      expect(result).toEqual(
+        keccak256(
+          AbiCoder.defaultAbiCoder().encode(
+            ['bytes32', 'bytes32'],
+            [
+              SAFE_MESSAGE_TYPEHASH,
+              // EIP-712 expects bytes to be hashed
+              keccak256(TypedDataEncoder.hash(message.domain, message.types, message.message)),
+            ],
+          ),
+        ),
+      )
+    })
+  })
+})
diff --git a/src/utils/__tests__/safe-messages.test.ts b/apps/web/src/utils/__tests__/safe-messages.test.ts
similarity index 97%
rename from src/utils/__tests__/safe-messages.test.ts
rename to apps/web/src/utils/__tests__/safe-messages.test.ts
index d74f72085..40f0e6697 100644
--- a/src/utils/__tests__/safe-messages.test.ts
+++ b/apps/web/src/utils/__tests__/safe-messages.test.ts
@@ -1,10 +1,14 @@
 import { zeroPadValue } from 'ethers'
 import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
 
-import { generateSafeMessageTypedData, isBlindSigningPayload, isOffchainEIP1271Supported } from '../safe-messages'
+import {
+  generateSafeMessageTypedData,
+  isBlindSigningPayload,
+  isOffchainEIP1271Supported,
+} from '@safe-global/utils/utils/safe-messages'
 import { toBeHex } from 'ethers'
-import { FEATURES } from '../chains'
 import { faker } from '@faker-js/faker'
+import { FEATURES } from '@safe-global/utils/utils/chains'
 
 const MOCK_ADDRESS = zeroPadValue('0x0123', 20)
 
@@ -31,6 +35,7 @@ describe('safe-messages', () => {
         types: {
           SafeMessage: [{ name: 'message', type: 'bytes' }],
         },
+        primaryType: 'SafeMessage',
         message: {
           message: '0xaa05af77f274774b8bdc7b61d98bc40da523dc2821fdea555f4d6aa413199bcc',
         },
@@ -57,6 +62,7 @@ describe('safe-messages', () => {
         types: {
           SafeMessage: [{ name: 'message', type: 'bytes' }],
         },
+        primaryType: 'SafeMessage',
         message: {
           message: '0xaa05af77f274774b8bdc7b61d98bc40da523dc2821fdea555f4d6aa413199bcc',
         },
@@ -147,6 +153,7 @@ describe('safe-messages', () => {
         types: {
           SafeMessage: [{ name: 'message', type: 'bytes' }],
         },
+        primaryType: 'SafeMessage',
         message: {
           message: '0xbe609aee343fb3c4b28e1df9e632fca64fcfaede20f02e86244efddf30957bd2',
         },
@@ -236,6 +243,7 @@ describe('safe-messages', () => {
         types: {
           SafeMessage: [{ name: 'message', type: 'bytes' }],
         },
+        primaryType: 'SafeMessage',
         message: {
           message: '0xbe609aee343fb3c4b28e1df9e632fca64fcfaede20f02e86244efddf30957bd2',
         },
diff --git a/apps/web/src/utils/__tests__/safe-migrations.test.ts b/apps/web/src/utils/__tests__/safe-migrations.test.ts
new file mode 100644
index 000000000..c454c9eae
--- /dev/null
+++ b/apps/web/src/utils/__tests__/safe-migrations.test.ts
@@ -0,0 +1,127 @@
+import { type ChainInfo, type TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import { OperationType } from '@safe-global/types-kit'
+import { Safe_migration__factory } from '@safe-global/utils/types/contracts'
+import { faker } from '@faker-js/faker'
+
+import { createUpdateMigration, isMigrateL2SingletonCall } from '../safe-migrations'
+import { getSafeMigrationDeployment } from '@safe-global/safe-deployments'
+
+jest.mock('@/services/tx/tx-sender/sdk')
+
+const SafeMigrationInterface = Safe_migration__factory.createInterface()
+const safeMigrationAddress = getSafeMigrationDeployment({ version: '1.4.1' })?.defaultAddress
+
+describe('isMigrateL2SingletonCall', () => {
+  it('should return false for wrong data', () => {
+    expect(
+      isMigrateL2SingletonCall({
+        hexData: faker.string.hexadecimal({ length: 64 }),
+        to: { value: safeMigrationAddress },
+      } as TransactionData),
+    ).toBeFalsy()
+  })
+
+  it('should return false for migrateL2 call to wrong contract', () => {
+    expect(
+      isMigrateL2SingletonCall({
+        hexData: SafeMigrationInterface.encodeFunctionData('migrateL2Singleton'),
+        to: { value: faker.finance.ethereumAddress() },
+      } as TransactionData),
+    ).toBeFalsy()
+  })
+
+  it('should return true for migrateL2 call to correct contract', () => {
+    expect(
+      isMigrateL2SingletonCall({
+        hexData: SafeMigrationInterface.encodeFunctionData('migrateL2Singleton'),
+        to: { value: safeMigrationAddress },
+      } as TransactionData),
+    ).toBeTruthy()
+  })
+
+  it('should return false for null data', () => {
+    expect(
+      isMigrateL2SingletonCall({
+        hexData: undefined,
+        to: { value: safeMigrationAddress },
+        operation: 0,
+        trustedDelegateCallTarget: true,
+      } as TransactionData),
+    ).toBeFalsy()
+  })
+})
+
+describe('createUpdateMigration', () => {
+  const mockChain = {
+    chainId: '1',
+    l2: false,
+    recommendedMasterCopyVersion: '1.4.1',
+  } as unknown as ChainInfo
+
+  const mockChainOld = {
+    chainId: '1',
+    l2: false,
+    recommendedMasterCopyVersion: '1.3.0',
+  } as unknown as ChainInfo
+
+  it('should create a migration transaction for L1 chain', () => {
+    const result = createUpdateMigration(mockChain, '1.3.0')
+
+    expect(result).toEqual({
+      operation: OperationType.DelegateCall,
+      data: '0xed007fc6',
+      to: '0x526643F69b81B008F46d95CD5ced5eC0edFFDaC6',
+      value: '0',
+    })
+  })
+
+  it('should create a migration transaction for L2 chain', () => {
+    const l2Chain = { ...mockChain, chainId: '137', l2: true }
+    const result = createUpdateMigration(l2Chain, '1.3.0+L2')
+
+    expect(result).toEqual({
+      operation: OperationType.DelegateCall,
+      data: '0x68cb3d94',
+      to: '0x526643F69b81B008F46d95CD5ced5eC0edFFDaC6',
+      value: '0',
+    })
+  })
+
+  it('should throw an error if deployment is not found', () => {
+    expect(() => createUpdateMigration(mockChainOld, '1.1.1')).toThrow('Migration deployment not found')
+  })
+
+  it('should overwrite fallback handler if it is the default one', () => {
+    const result = createUpdateMigration(mockChain, '1.3.0', '0xf48f2B2d2a534e402487b3ee7C18c33Aec0Fe5e4') // 1.3.0 compatibility fallback handler
+
+    expect(result).toEqual({
+      operation: OperationType.DelegateCall,
+      data: '0xed007fc6',
+      to: '0x526643F69b81B008F46d95CD5ced5eC0edFFDaC6',
+      value: '0',
+    })
+  })
+
+  it('should overwrite L2 fallback handler if it is the default one', () => {
+    const l2Chain = { ...mockChain, chainId: '137', l2: true }
+    const result = createUpdateMigration(l2Chain, '1.3.0+L2', '0xf48f2B2d2a534e402487b3ee7C18c33Aec0Fe5e4') // 1.3.0 compatibility fallback handler
+
+    expect(result).toEqual({
+      operation: OperationType.DelegateCall,
+      data: '0x68cb3d94',
+      to: '0x526643F69b81B008F46d95CD5ced5eC0edFFDaC6',
+      value: '0',
+    })
+  })
+
+  it('should NOT overwrite a custom fallback handler', () => {
+    const result = createUpdateMigration(mockChain, '1.3.0', '0x526643F69b81B008F46d95CD5ced5eC0edFFDaC6')
+
+    expect(result).toEqual({
+      operation: OperationType.DelegateCall,
+      data: '0xf6682ab0',
+      to: '0x526643F69b81B008F46d95CD5ced5eC0edFFDaC6',
+      value: '0',
+    })
+  })
+})
diff --git a/src/utils/__tests__/safe-version.test.ts b/apps/web/src/utils/__tests__/safe-version.test.ts
similarity index 100%
rename from src/utils/__tests__/safe-version.test.ts
rename to apps/web/src/utils/__tests__/safe-version.test.ts
diff --git a/apps/web/src/utils/__tests__/signers.test.ts b/apps/web/src/utils/__tests__/signers.test.ts
new file mode 100644
index 000000000..e22ca95d5
--- /dev/null
+++ b/apps/web/src/utils/__tests__/signers.test.ts
@@ -0,0 +1,140 @@
+import { getAvailableSigners } from '../signers'
+import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import { safeInfoBuilder } from '@/tests/builders/safe'
+import { faker } from '@faker-js/faker'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+
+describe('getAvailableSigners', () => {
+  const mockWallet = {
+    address: checksumAddress(faker.finance.ethereumAddress()),
+  } as ConnectedWallet
+  const parentSafe = checksumAddress(faker.finance.ethereumAddress())
+
+  const mockTx = {
+    signatures: new Map(),
+  } as SafeTransaction
+
+  it('should return an empty array if wallet is null', () => {
+    const mockSafe = safeInfoBuilder()
+      .with({ owners: [{ value: mockWallet.address }] })
+      .build()
+
+    const result = getAvailableSigners(null, ['0xOwner1'], mockSafe, mockTx)
+
+    expect(result).toEqual([])
+  })
+
+  it('should return an empty array if nestedSafeOwners is null', () => {
+    const mockSafe = safeInfoBuilder()
+      .with({ owners: [{ value: mockWallet.address }] })
+      .build()
+    const result = getAvailableSigners(mockWallet, null, mockSafe, mockTx)
+
+    expect(result).toEqual([])
+  })
+
+  it('should return an empty array if tx is undefined', () => {
+    const nestedOwners = [mockWallet.address]
+    const mockSafe = safeInfoBuilder()
+      .with({ owners: [{ value: mockWallet.address }, { value: parentSafe }] })
+      .build()
+
+    const result = getAvailableSigners(mockWallet, nestedOwners, mockSafe, undefined)
+
+    expect(result).toEqual([])
+  })
+
+  it('should include wallet address if wallet is a direct owner and has not signed', () => {
+    const nestedOwners = [checksumAddress(faker.finance.ethereumAddress())]
+    const mockSafe = safeInfoBuilder()
+      .with({ owners: [{ value: mockWallet.address }, { value: parentSafe }] })
+      .build()
+
+    const result = getAvailableSigners(mockWallet, nestedOwners, mockSafe, mockTx)
+
+    expect(result).toEqual([nestedOwners[0], mockWallet.address])
+  })
+
+  it('should not include wallet address if wallet is a direct owner and has already signed', () => {
+    const nestedOwners = [checksumAddress(faker.finance.ethereumAddress())]
+    const mockSafe = safeInfoBuilder()
+      .with({ owners: [{ value: mockWallet.address }, { value: parentSafe }], threshold: 2 })
+      .build()
+    const signedTx = {
+      ...mockTx,
+      signatures: new Map([[mockWallet.address, 'mockWallet signature']]),
+    } as unknown as SafeTransaction
+
+    const result = getAvailableSigners(mockWallet, nestedOwners, mockSafe, signedTx)
+
+    expect(result).toEqual([nestedOwners[0]])
+  })
+
+  it('should return only signers who have not signed if threshold is not met', () => {
+    const nestedOwners = [
+      checksumAddress(faker.finance.ethereumAddress()),
+      checksumAddress(faker.finance.ethereumAddress()),
+    ]
+    const mockSafe = safeInfoBuilder()
+      .with({ owners: [{ value: mockWallet.address }, { value: parentSafe }] })
+      .build()
+    const signedTx = {
+      ...mockTx,
+      signatures: new Map([[nestedOwners[0], 'nestedOwners[0] signature']]),
+    } as unknown as SafeTransaction
+
+    const result = getAvailableSigners(mockWallet, nestedOwners, mockSafe, signedTx)
+
+    expect(result).toEqual([nestedOwners[1], mockWallet.address])
+  })
+
+  it('should return nestedSafeOwners if wallet is not a direct owner', () => {
+    const nestedOwners = [
+      checksumAddress(faker.finance.ethereumAddress()),
+      checksumAddress(faker.finance.ethereumAddress()),
+    ]
+    const mockSafe = safeInfoBuilder()
+      .with({ owners: [{ value: parentSafe }] })
+      .build()
+    const result = getAvailableSigners(mockWallet, nestedOwners, mockSafe, mockTx)
+
+    expect(result).toEqual([nestedOwners[0], nestedOwners[1]])
+  })
+
+  it('should return nested signers if the transaction has met the threshold', () => {
+    const nestedOwners = [checksumAddress(faker.finance.ethereumAddress())]
+    const mockSafe = safeInfoBuilder()
+      .with({ owners: [{ value: mockWallet.address }, { value: parentSafe }], threshold: 2 })
+      .build()
+    const fullySignedTx = {
+      ...mockTx,
+      signatures: new Map([
+        [checksumAddress(mockWallet.address), 'mockWallet signature'],
+        [checksumAddress(nestedOwners[0]), 'nestedOwners[0] signature'],
+      ]),
+    } as unknown as SafeTransaction
+
+    const result = getAvailableSigners(mockWallet, nestedOwners, mockSafe, fullySignedTx)
+
+    expect(result).toEqual([nestedOwners[0]])
+  })
+
+  it('should handle case insensitivity in addresses', () => {
+    const nonChecksummedMockWallet = { address: mockWallet.address.toLowerCase() } as ConnectedWallet
+    const nestedOwners = [faker.finance.ethereumAddress().toUpperCase(), faker.finance.ethereumAddress().toLowerCase()]
+    const mockSafe = safeInfoBuilder()
+      .with({
+        owners: [{ value: mockWallet.address }, { value: parentSafe }],
+      })
+      .build()
+
+    const result = getAvailableSigners(nonChecksummedMockWallet, nestedOwners, mockSafe, mockTx)
+
+    expect(result).toEqual([
+      checksumAddress(nestedOwners[0]),
+      checksumAddress(nestedOwners[1]),
+      checksumAddress(nonChecksummedMockWallet.address),
+    ])
+  })
+})
diff --git a/apps/web/src/utils/__tests__/tokens.test.ts b/apps/web/src/utils/__tests__/tokens.test.ts
new file mode 100644
index 000000000..8bacf43d5
--- /dev/null
+++ b/apps/web/src/utils/__tests__/tokens.test.ts
@@ -0,0 +1,98 @@
+import * as web3 from '@/hooks/wallets/web3'
+import { getERC20TokenInfoOnChain } from '@/utils/tokens'
+import { faker } from '@faker-js/faker'
+import { mockWeb3Provider } from '@/tests/test-utils'
+
+describe('tokens', () => {
+  describe('getERC20TokenInfoOnChain', () => {
+    beforeEach(() => {
+      jest.clearAllMocks()
+    })
+
+    it('should return undefined if there is no provider', async () => {
+      jest.spyOn(web3, 'getWeb3ReadOnly').mockReturnValue(undefined)
+
+      const result = await getERC20TokenInfoOnChain(faker.finance.ethereumAddress())
+
+      expect(result).toBeUndefined()
+    })
+
+    it('should return symbol and decimals for a token', async () => {
+      mockWeb3Provider([
+        {
+          signature: 'decimals()',
+          returnType: 'uint256',
+          returnValue: '18',
+        },
+        {
+          signature: 'symbol()',
+          returnType: 'string',
+          returnValue: 'UNI',
+        },
+      ])
+
+      const result = (await getERC20TokenInfoOnChain('0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984'))?.[0]
+
+      expect(result?.symbol).toEqual('UNI')
+      expect(result?.decimals).toEqual(18)
+    })
+
+    it('should return symbol and decimals for multiple tokens', async () => {
+      const token1Address = faker.finance.ethereumAddress()
+      const token2Address = faker.finance.ethereumAddress()
+      mockWeb3Provider([
+        {
+          signature: 'decimals()',
+          returnType: 'uint256',
+          returnValue: '18',
+          to: token1Address,
+        },
+        {
+          signature: 'symbol()',
+          returnType: 'string',
+          returnValue: 'UNI',
+          to: token1Address,
+        },
+        {
+          signature: 'decimals()',
+          returnType: 'uint256',
+          returnValue: '6',
+          to: token2Address,
+        },
+        {
+          signature: 'symbol()',
+          returnType: 'string',
+          returnValue: 'USDC',
+          to: token2Address,
+        },
+      ])
+
+      const result = await getERC20TokenInfoOnChain([token1Address, token2Address])
+
+      expect(result).toHaveLength(2)
+      expect(result?.[0].symbol).toEqual('UNI')
+      expect(result?.[0].decimals).toEqual(18)
+      expect(result?.[1].symbol).toEqual('USDC')
+      expect(result?.[1].decimals).toEqual(6)
+    })
+    it('should decode bytes32 symbol', async () => {
+      mockWeb3Provider([
+        {
+          signature: 'decimals()',
+          returnType: 'uint256',
+          returnValue: '18',
+        },
+        {
+          signature: 'symbol()',
+          returnType: 'bytes32',
+          returnValue: '0x4d4b520000000000000000000000000000000000000000000000000000000000',
+        },
+      ])
+
+      const result = (await getERC20TokenInfoOnChain('0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984'))?.[0]
+
+      expect(result?.symbol).toEqual('MKR')
+      expect(result?.decimals).toEqual(18)
+    })
+  })
+})
diff --git a/apps/web/src/utils/__tests__/transaction-guards.test.ts b/apps/web/src/utils/__tests__/transaction-guards.test.ts
new file mode 100644
index 000000000..766e0c31f
--- /dev/null
+++ b/apps/web/src/utils/__tests__/transaction-guards.test.ts
@@ -0,0 +1,348 @@
+import {
+  isExecTxData,
+  isExecTxInfo,
+  isOnChainConfirmationTxData,
+  isOnChainConfirmationTxInfo,
+  isOnChainSignMessageTxData,
+  isSafeUpdateTxData,
+} from '../transaction-guards'
+import { faker } from '@faker-js/faker'
+import { Safe__factory, Sign_message_lib__factory } from '@safe-global/utils/types/contracts'
+import { TransactionInfoType, TransactionTokenType, TransferDirection } from '@safe-global/safe-gateway-typescript-sdk'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { txDataBuilder } from '@/tests/builders/safeTx'
+import { getSignMessageLibDeployment } from '@safe-global/safe-deployments'
+
+describe('transaction-guards', () => {
+  describe('isOnChainConfirmationTxData', () => {
+    it('should return false for undefined', () => {
+      expect(isOnChainConfirmationTxData(undefined)).toBeFalsy()
+    })
+
+    it('should return false for arbitrary txData', () => {
+      expect(
+        isOnChainConfirmationTxData({
+          operation: 0,
+          to: { value: faker.finance.ethereumAddress() },
+          trustedDelegateCallTarget: false,
+          addressInfoIndex: undefined,
+          dataDecoded: undefined,
+          hexData: faker.string.hexadecimal({ length: 64 }),
+        }),
+      ).toBeFalsy()
+    })
+
+    it('should return true for approveHash calls', () => {
+      const safeInterface = Safe__factory.createInterface()
+      expect(
+        isOnChainConfirmationTxData({
+          operation: 0,
+          to: { value: faker.finance.ethereumAddress() },
+          trustedDelegateCallTarget: false,
+          addressInfoIndex: undefined,
+          dataDecoded: undefined,
+          hexData: safeInterface.encodeFunctionData('approveHash', [faker.string.hexadecimal({ length: 64 })]),
+        }),
+      ).toBeTruthy()
+    })
+  })
+
+  describe('isOnChainConfirmationTxInfo', () => {
+    it('should return false for non-custom tx infos', () => {
+      expect(
+        isOnChainConfirmationTxInfo({
+          type: TransactionInfoType.TRANSFER,
+          direction: TransferDirection.INCOMING,
+          recipient: { value: faker.finance.ethereumAddress() },
+          sender: { value: faker.finance.ethereumAddress() },
+          transferInfo: {
+            imitation: false,
+            tokenAddress: faker.finance.ethereumAddress(),
+            type: TransactionTokenType.ERC20,
+            trusted: true,
+            value: '100',
+          },
+        }),
+      ).toBeFalsy()
+    })
+
+    it('should return false for approveHash custom txs with mismatching data', () => {
+      expect(
+        isOnChainConfirmationTxInfo({
+          type: TransactionInfoType.CUSTOM,
+          dataSize: '69',
+          isCancellation: false,
+          to: { value: faker.finance.ethereumAddress() },
+          value: '0',
+          methodName: 'approveHash',
+        }),
+      ).toBeFalsy()
+    })
+
+    it('should return true for approveHash custom txs', () => {
+      expect(
+        isOnChainConfirmationTxInfo({
+          type: TransactionInfoType.CUSTOM,
+          dataSize: '36',
+          isCancellation: false,
+          to: { value: faker.finance.ethereumAddress() },
+          value: '0',
+          methodName: 'approveHash',
+        }),
+      ).toBeTruthy()
+    })
+  })
+
+  describe('isExecTxData', () => {
+    it('should return false for undefined', () => {
+      expect(isExecTxData(undefined)).toBeFalsy()
+    })
+
+    it('should return false for arbitrary txData', () => {
+      expect(
+        isExecTxData({
+          operation: 0,
+          to: { value: faker.finance.ethereumAddress() },
+          trustedDelegateCallTarget: false,
+          addressInfoIndex: undefined,
+          dataDecoded: undefined,
+          hexData: faker.string.hexadecimal({ length: 64 }),
+        }),
+      ).toBeFalsy()
+    })
+    it('should return true for execTransaction calls', () => {
+      const safeInterface = Safe__factory.createInterface()
+      expect(
+        isExecTxData({
+          operation: 0,
+          to: { value: faker.finance.ethereumAddress() },
+          trustedDelegateCallTarget: false,
+          addressInfoIndex: undefined,
+          dataDecoded: undefined,
+          hexData: safeInterface.encodeFunctionData('execTransaction', [
+            faker.finance.ethereumAddress(),
+            '0',
+            faker.string.hexadecimal({ length: 64 }),
+            0,
+            0,
+            0,
+            0,
+            ZERO_ADDRESS,
+            ZERO_ADDRESS,
+            faker.string.hexadecimal({ length: 130 }),
+          ]),
+        }),
+      ).toBeTruthy()
+    })
+  })
+
+  describe('isExecTxInfo', () => {
+    it('should return false for non-custom tx infos', () => {
+      expect(
+        isExecTxInfo({
+          type: TransactionInfoType.TRANSFER,
+          direction: TransferDirection.INCOMING,
+          recipient: { value: faker.finance.ethereumAddress() },
+          sender: { value: faker.finance.ethereumAddress() },
+          transferInfo: {
+            imitation: false,
+            tokenAddress: faker.finance.ethereumAddress(),
+            type: TransactionTokenType.ERC20,
+            trusted: true,
+            value: '100',
+          },
+        }),
+      ).toBeFalsy()
+    })
+
+    it('should return true for execTransaction custom txs', () => {
+      expect(
+        isExecTxInfo({
+          type: TransactionInfoType.CUSTOM,
+          dataSize: '420',
+          isCancellation: false,
+          to: { value: faker.finance.ethereumAddress() },
+          value: '0',
+          methodName: 'execTransaction',
+        }),
+      ).toBeTruthy()
+    })
+  })
+
+  describe('isSafeUpdateTxData', () => {
+    it('should return true for 1.3.0+ migrations', () => {
+      const mockTxData = {
+        hexData: '0xed007fc6',
+        to: {
+          value: '0x526643F69b81B008F46d95CD5ced5eC0edFFDaC6',
+          name: 'SafeMigration 1.4.1',
+          logoUri: '',
+        },
+        value: '0',
+        operation: 1,
+        trustedDelegateCallTarget: true,
+      }
+      expect(isSafeUpdateTxData(mockTxData)).toBeTruthy()
+    })
+
+    it('should return false for arbitrary txData', () => {
+      expect(
+        isSafeUpdateTxData({
+          operation: 0,
+          to: { value: faker.finance.ethereumAddress() },
+          trustedDelegateCallTarget: false,
+          addressInfoIndex: undefined,
+          dataDecoded: undefined,
+          hexData: faker.string.hexadecimal({ length: 64 }),
+        }),
+      ).toBeFalsy()
+    })
+
+    it('should return true for older Safe masterCopyChange calls', () => {
+      const mockTxData = {
+        hexData:
+          '0x8d80ff0a000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000000f20085c9f5aa0f82a531087a356a55623cf05e7bb895000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000247de7edef00000000000000000000000041675c099f32341bf84bfc5382af534df5c7461a0085c9f5aa0f82a531087a356a55623cf05e7bb89500000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000024f08a0323000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec990000000000000000000000000000',
+        dataDecoded: {
+          method: 'multiSend',
+          parameters: [
+            {
+              name: 'transactions',
+              type: 'bytes',
+              value:
+                '0x0085c9f5aa0f82a531087a356a55623cf05e7bb895000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000247de7edef00000000000000000000000041675c099f32341bf84bfc5382af534df5c7461a0085c9f5aa0f82a531087a356a55623cf05e7bb89500000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000024f08a0323000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99',
+              valueDecoded: [
+                {
+                  operation: 0,
+                  to: '0x85C9f5aA0F82A531087a356a55623Cf05E7Bb895',
+                  value: '0',
+                  data: '0x7de7edef00000000000000000000000041675c099f32341bf84bfc5382af534df5c7461a',
+                  dataDecoded: {
+                    method: 'changeMasterCopy',
+                    parameters: [
+                      {
+                        name: '_masterCopy',
+                        type: 'address',
+                        value: '0x41675C099F32341bf84BFc5382aF534df5C7461a',
+                      },
+                    ],
+                  },
+                },
+                {
+                  operation: 0,
+                  to: '0x85C9f5aA0F82A531087a356a55623Cf05E7Bb895',
+                  value: '0',
+                  data: '0xf08a0323000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec99',
+                  dataDecoded: {
+                    method: 'setFallbackHandler',
+                    parameters: [
+                      {
+                        name: 'handler',
+                        type: 'address',
+                        value: '0xfd0732Dc9E303f09fCEf3a7388Ad10A83459Ec99',
+                      },
+                    ],
+                  },
+                },
+              ],
+            },
+          ],
+        },
+        to: {
+          value: '0x40A2aCCbd92BCA938b02010E17A5b8929b49130D',
+          name: 'Safe: MultiSendCallOnly 1.3.0',
+          logoUri: '',
+        },
+        value: '0',
+        operation: 1,
+        trustedDelegateCallTarget: true,
+      }
+
+      expect(isSafeUpdateTxData(mockTxData)).toBeTruthy()
+    })
+
+    it('should return false for arbitrary multisends', () => {
+      const mockTxData = {
+        hexData:
+          '0x8d80ff0a000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000000f20085c9f5aa0f82a531087a356a55623cf05e7bb895000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000247de7edef00000000000000000000000041675c099f32341bf84bfc5382af534df5c7461a0085c9f5aa0f82a531087a356a55623cf05e7bb89500000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000024f08a0323000000000000000000000000fd0732dc9e303f09fcef3a7388ad10a83459ec990000000000000000000000000000',
+        dataDecoded: {
+          method: 'multiSend',
+          parameters: [],
+        },
+        to: {
+          value: '0x40A2aCCbd92BCA938b02010E17A5b8929b49130D',
+          name: 'Safe: MultiSendCallOnly 1.3.0',
+          logoUri: '',
+        },
+        value: '0',
+        operation: 1,
+        trustedDelegateCallTarget: true,
+      }
+
+      expect(isSafeUpdateTxData(mockTxData)).toBeFalsy()
+    })
+  })
+
+  describe('isOnChainSignMessageTxData', () => {
+    it('should return false for undefined', () => {
+      expect(isOnChainSignMessageTxData(undefined, '1')).toBeFalsy()
+    })
+
+    it('should return false for arbitrary txData', () => {
+      expect(isOnChainSignMessageTxData(txDataBuilder().build(), '1')).toBeFalsy()
+    })
+
+    it('should return true for signMessage calls to the SignMessageLib', () => {
+      const signMessageInterface = Sign_message_lib__factory.createInterface()
+      const signMessageLibAddress = getSignMessageLibDeployment({ version: '1.3.0' })?.defaultAddress!
+
+      const mockTxData = txDataBuilder()
+        .with({
+          hexData: signMessageInterface.encodeFunctionData('signMessage', [faker.string.hexadecimal({ length: 64 })]),
+          to: { value: signMessageLibAddress },
+          addressInfoIndex: {},
+          value: '0',
+          operation: 1,
+          trustedDelegateCallTarget: true,
+        })
+        .build()
+
+      expect(isOnChainSignMessageTxData(mockTxData, '1')).toBeTruthy()
+    })
+
+    it('should return false for signMessage calls to a random address', () => {
+      const signMessageInterface = Sign_message_lib__factory.createInterface()
+      const randomAddress = faker.finance.ethereumAddress()
+
+      const mockTxData = txDataBuilder()
+        .with({
+          hexData: signMessageInterface.encodeFunctionData('signMessage', [faker.string.hexadecimal({ length: 64 })]),
+          to: { value: randomAddress },
+          addressInfoIndex: {},
+          value: '0',
+          operation: 1,
+          trustedDelegateCallTarget: true,
+        })
+        .build()
+
+      expect(isOnChainSignMessageTxData(mockTxData, '1')).toBeFalsy()
+    })
+
+    it('should return false for signMessage calls that are not delegate calls', () => {
+      const signMessageInterface = Sign_message_lib__factory.createInterface()
+      const signMessageLibAddress = getSignMessageLibDeployment({ version: '1.3.0' })?.defaultAddress!
+
+      const mockTxData = txDataBuilder()
+        .with({
+          hexData: signMessageInterface.encodeFunctionData('signMessage', [faker.string.hexadecimal({ length: 64 })]),
+          to: { value: signMessageLibAddress },
+          addressInfoIndex: {},
+          value: '0',
+          operation: 0, // Not a delegate call
+          trustedDelegateCallTarget: true,
+        })
+        .build()
+
+      expect(isOnChainSignMessageTxData(mockTxData, '1')).toBeFalsy()
+    })
+  })
+})
diff --git a/src/utils/__tests__/transactions.test.ts b/apps/web/src/utils/__tests__/transactions.test.ts
similarity index 94%
rename from src/utils/__tests__/transactions.test.ts
rename to apps/web/src/utils/__tests__/transactions.test.ts
index 52c47123a..b2c47a708 100644
--- a/src/utils/__tests__/transactions.test.ts
+++ b/apps/web/src/utils/__tests__/transactions.test.ts
@@ -9,6 +9,8 @@ import { TransactionInfoType } from '@safe-global/safe-gateway-typescript-sdk'
 import { isMultiSendTxInfo } from '../transaction-guards'
 import { getQueuedTransactionCount, getTxOrigin } from '../transactions'
 
+jest.mock('@/services/tx/tx-sender/sdk')
+
 describe('transactions', () => {
   describe('getQueuedTransactionCount', () => {
     it('should return 0 if no txPage is provided', () => {
@@ -82,6 +84,15 @@ describe('transactions', () => {
       expect(getTxOrigin(app)).toBe('{"url":"https://test.com","name":"Test name"}')
     })
 
+    it('should return a stringified object with the app name and url with a query param', () => {
+      const app = {
+        url: 'https://test.com/hello?world=1',
+        name: 'Test name',
+      } as SafeAppData
+
+      expect(getTxOrigin(app)).toBe('{"url":"https://test.com/hello","name":"Test name"}')
+    })
+
     it('should limit the origin to 200 characters with preference of the URL', () => {
       const app = {
         url: 'https://test.com/' + 'a'.repeat(160),
diff --git a/src/utils/__tests__/tx-history-filter.test.ts b/apps/web/src/utils/__tests__/tx-history-filter.test.ts
similarity index 96%
rename from src/utils/__tests__/tx-history-filter.test.ts
rename to apps/web/src/utils/__tests__/tx-history-filter.test.ts
index 956715118..0caa161f5 100644
--- a/src/utils/__tests__/tx-history-filter.test.ts
+++ b/apps/web/src/utils/__tests__/tx-history-filter.test.ts
@@ -19,6 +19,7 @@ import {
 import { renderHook } from '@/tests/test-utils'
 import type { NextRouter } from 'next/router'
 import { type TxFilterFormState } from '@/components/transactions/TxFilterForm'
+import { getTimezone } from '@/services/transactions'
 
 MockDate.set('2021-01-01T00:00:00.000Z')
 
@@ -213,7 +214,7 @@ describe('tx-history-filter', () => {
       it('should return incoming filters', () => {
         const result = txFilter.parseFormData({
           execution_date__gte: new Date('1970-01-01'),
-          value: '123',
+          value: '123000000000000000000',
           type: 'Incoming' as TxFilterType,
         } as TxFilterFormState)
 
@@ -241,7 +242,7 @@ describe('tx-history-filter', () => {
           filter: {
             to: '0x1234567890123456789012345678901234567890',
             execution_date__gte: '1969-12-31T23:00:00.000Z',
-            value: '123000000000000000000',
+            value: '123',
             nonce: '123',
           },
         })
@@ -292,7 +293,7 @@ describe('tx-history-filter', () => {
           type: 'Outgoing' as TxFilterType,
           filter: {
             execution_date__gte: '1970-01-01T00:00:00.000Z',
-            value: '123000000000000000000',
+            value: '123',
             nonce: '123',
           },
         })
@@ -388,13 +389,14 @@ describe('tx-history-filter', () => {
         '0x123',
         { type: 'Incoming' as TxFilterType, filter: { value: '123' } },
         false,
+        false,
         'pageUrl1',
       )
 
       expect(getIncomingTransfers).toHaveBeenCalledWith(
         '4',
         '0x123',
-        { value: '123', executed: undefined, timezone_offset: 3600000, trusted: false, imitation: false },
+        { value: '123', executed: undefined, timezone: getTimezone(), trusted: false, imitation: true },
         'pageUrl1',
       )
 
@@ -411,6 +413,7 @@ describe('tx-history-filter', () => {
           filter: { execution_date__gte: '1970-01-01T00:00:00.000Z', executed: 'true' },
         },
         false,
+        false,
         'pageUrl2',
       )
 
@@ -420,9 +423,9 @@ describe('tx-history-filter', () => {
         {
           execution_date__gte: '1970-01-01T00:00:00.000Z',
           executed: 'true',
-          timezone_offset: 3600000,
+          timezone: getTimezone(),
           trusted: false,
-          imitation: false,
+          imitation: true,
         },
         'pageUrl2',
       )
@@ -437,13 +440,14 @@ describe('tx-history-filter', () => {
         '0x789',
         { type: 'Module-based' as TxFilterType, filter: { to: '0x123' } },
         false,
+        false,
         'pageUrl3',
       )
 
       expect(getModuleTransactions).toHaveBeenCalledWith(
         '1',
         '0x789',
-        { to: '0x123', executed: undefined, timezone_offset: 3600000, trusted: false, imitation: false },
+        { to: '0x123', executed: undefined, timezone: getTimezone(), trusted: false, imitation: true },
         'pageUrl3',
       )
 
@@ -460,6 +464,7 @@ describe('tx-history-filter', () => {
           filter: { token_address: '0x123' },
         },
         false,
+        false,
         'pageUrl3',
       )
 
diff --git a/src/utils/__tests__/tx-list.test.ts b/apps/web/src/utils/__tests__/tx-list.test.ts
similarity index 100%
rename from src/utils/__tests__/tx-list.test.ts
rename to apps/web/src/utils/__tests__/tx-list.test.ts
diff --git a/src/utils/__tests__/url.test.ts b/apps/web/src/utils/__tests__/url.test.ts
similarity index 100%
rename from src/utils/__tests__/url.test.ts
rename to apps/web/src/utils/__tests__/url.test.ts
diff --git a/src/utils/__tests__/wallets.test.ts b/apps/web/src/utils/__tests__/wallets.test.ts
similarity index 100%
rename from src/utils/__tests__/wallets.test.ts
rename to apps/web/src/utils/__tests__/wallets.test.ts
diff --git a/apps/web/src/utils/chains.ts b/apps/web/src/utils/chains.ts
new file mode 100644
index 000000000..95a976535
--- /dev/null
+++ b/apps/web/src/utils/chains.ts
@@ -0,0 +1,29 @@
+import { AppRoutes } from '@/config/routes'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { getExplorerLink } from '@safe-global/utils/utils/gateway'
+import { FEATURES, hasFeature } from '@safe-global/utils/utils/chains'
+
+export const FeatureRoutes = {
+  [AppRoutes.apps.index]: FEATURES.SAFE_APPS,
+  [AppRoutes.swap]: FEATURES.NATIVE_SWAPS,
+  [AppRoutes.stake]: FEATURES.STAKING,
+  [AppRoutes.balances.nfts]: FEATURES.ERC721,
+  [AppRoutes.settings.notifications]: FEATURES.PUSH_NOTIFICATIONS,
+  [AppRoutes.bridge]: FEATURES.BRIDGE,
+  [AppRoutes.earn]: FEATURES.EARN,
+}
+
+export const getBlockExplorerLink = (
+  chain: ChainInfo,
+  address: string,
+): { href: string; title: string } | undefined => {
+  if (chain.blockExplorerUriTemplate) {
+    return getExplorerLink(address, chain.blockExplorerUriTemplate)
+  }
+}
+
+export const isRouteEnabled = (route: string, chain?: ChainInfo) => {
+  if (!chain) return false
+  const featureRoute = FeatureRoutes[route]
+  return !featureRoute || hasFeature(chain, featureRoute)
+}
diff --git a/src/utils/clipboard.ts b/apps/web/src/utils/clipboard.ts
similarity index 100%
rename from src/utils/clipboard.ts
rename to apps/web/src/utils/clipboard.ts
diff --git a/src/utils/createEmotionCache.ts b/apps/web/src/utils/createEmotionCache.ts
similarity index 100%
rename from src/utils/createEmotionCache.ts
rename to apps/web/src/utils/createEmotionCache.ts
diff --git a/src/utils/ethers-utils.ts b/apps/web/src/utils/ethers-utils.ts
similarity index 100%
rename from src/utils/ethers-utils.ts
rename to apps/web/src/utils/ethers-utils.ts
diff --git a/apps/web/src/utils/featureToggled.tsx b/apps/web/src/utils/featureToggled.tsx
new file mode 100644
index 000000000..29eb3420e
--- /dev/null
+++ b/apps/web/src/utils/featureToggled.tsx
@@ -0,0 +1,12 @@
+import type { ComponentType } from 'react'
+import { useHasFeature } from '@/hooks/useChains'
+import type { FEATURES } from '@safe-global/utils/utils/chains'
+export { FEATURES } from '@safe-global/utils/utils/chains'
+export const featureToggled = <P extends Record<string, unknown>>(Component: ComponentType<P>, feature: FEATURES) => {
+  const ToggledComponent = (props: P) => {
+    const hasFeature = useHasFeature(feature)
+    return hasFeature ? <Component {...props} /> : null
+  }
+  ToggledComponent.displayName = Component.displayName || Component.name
+  return ToggledComponent
+}
diff --git a/apps/web/src/utils/gateway.ts b/apps/web/src/utils/gateway.ts
new file mode 100644
index 000000000..94f5d8e0a
--- /dev/null
+++ b/apps/web/src/utils/gateway.ts
@@ -0,0 +1,45 @@
+import type { JsonRpcSigner } from 'ethers'
+import { deleteTransaction } from '@safe-global/safe-gateway-typescript-sdk'
+import { signTypedData } from '@safe-global/utils/utils/web3'
+
+export const signTxServiceMessage = async (
+  chainId: string,
+  safeAddress: string,
+  safeTxHash: string,
+  signer: JsonRpcSigner,
+): Promise<string> => {
+  return await signTypedData(signer, {
+    types: {
+      DeleteRequest: [
+        { name: 'safeTxHash', type: 'bytes32' },
+        { name: 'totp', type: 'uint256' },
+      ],
+    },
+    domain: {
+      name: 'Safe Transaction Service',
+      version: '1.0',
+      chainId: Number(chainId),
+      verifyingContract: safeAddress,
+    },
+    message: {
+      safeTxHash,
+      totp: Math.floor(Date.now() / 3600e3),
+    },
+    primaryType: 'DeleteRequest',
+  })
+}
+
+export const deleteTx = async ({
+  chainId,
+  safeAddress,
+  safeTxHash,
+  signer,
+}: {
+  chainId: string
+  safeAddress: string
+  safeTxHash: string
+  signer: JsonRpcSigner
+}) => {
+  const signature = await signTxServiceMessage(chainId, safeAddress, safeTxHash, signer)
+  return await deleteTransaction(chainId, safeTxHash, signature)
+}
diff --git a/apps/web/src/utils/helpers.ts b/apps/web/src/utils/helpers.ts
new file mode 100644
index 000000000..9e37b9c60
--- /dev/null
+++ b/apps/web/src/utils/helpers.ts
@@ -0,0 +1,31 @@
+// `assert` does not work with arrow functions
+import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import type { OnboardAPI } from '@web3-onboard/core'
+import type { Eip1193Provider } from 'ethers'
+import { invariant } from '@safe-global/utils/utils/helpers'
+
+export function assertTx(safeTx: SafeTransaction | undefined): asserts safeTx {
+  return invariant(safeTx, 'Transaction not provided')
+}
+
+export function assertWallet(wallet: ConnectedWallet | null): asserts wallet {
+  return invariant(wallet, 'Wallet not connected')
+}
+
+export function assertOnboard(onboard: OnboardAPI | undefined): asserts onboard {
+  return invariant(onboard, 'Onboard not connected')
+}
+
+export function assertChainInfo(chainInfo: ChainInfo | undefined): asserts chainInfo {
+  return invariant(chainInfo, 'No chain config available')
+}
+
+export function assertProvider(provider: Eip1193Provider | undefined | null): asserts provider {
+  return invariant(provider, 'Provider not found')
+}
+
+export const getKeyWithTrueValue = (obj: Record<string, boolean>) => {
+  return Object.entries(obj).find(([, value]) => !!value)?.[0]
+}
diff --git a/apps/web/src/utils/hex.ts b/apps/web/src/utils/hex.ts
new file mode 100644
index 000000000..7bac3d848
--- /dev/null
+++ b/apps/web/src/utils/hex.ts
@@ -0,0 +1,3 @@
+export const isEmptyHexData = (encodedData: string): boolean => encodedData !== '' && isNaN(parseInt(encodedData, 16))
+
+export const numberToHex = (value: number | bigint): `0x${string}` => `0x${value.toString(16)}`
diff --git a/src/utils/mad-props.tsx b/apps/web/src/utils/mad-props.tsx
similarity index 100%
rename from src/utils/mad-props.tsx
rename to apps/web/src/utils/mad-props.tsx
diff --git a/apps/web/src/utils/nested-safe-wallet.ts b/apps/web/src/utils/nested-safe-wallet.ts
new file mode 100644
index 000000000..48e21096b
--- /dev/null
+++ b/apps/web/src/utils/nested-safe-wallet.ts
@@ -0,0 +1,164 @@
+import { type Eip1193Provider, getAddress, type JsonRpcProvider } from 'ethers'
+import { SafeWalletProvider, type WalletSDK } from '@/services/safe-wallet-provider'
+import { getTransactionDetails, type SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { type NextRouter } from 'next/router'
+import { AppRoutes } from '@/config/routes'
+import proposeTx from '@/services/tx/proposeTransaction'
+import { isSmartContractWallet } from '@/utils/wallets'
+import { type ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import { initSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
+import { logError } from '@/services/exceptions'
+import ErrorCodes from '@safe-global/utils/services/exceptions/ErrorCodes'
+import { tryOffChainTxSigning } from '@/services/tx/tx-sender/sdk'
+import type { TransactionResult } from '@safe-global/types-kit'
+
+export type NestedWallet = {
+  address: string
+  chainId: string
+  provider: Eip1193Provider | null
+  isSafe: true
+}
+
+export const getNestedWallet = (
+  actualWallet: ConnectedWallet,
+  safeInfo: SafeInfo,
+  web3ReadOnly: JsonRpcProvider,
+  router: NextRouter,
+): NestedWallet => {
+  let requestId = 0
+  const nestedSafeSdk: WalletSDK = {
+    getBySafeTxHash(safeTxHash) {
+      return getTransactionDetails(safeInfo.chainId, safeTxHash)
+    },
+    async switchChain() {
+      return Promise.reject('Switching chains is not supported yet')
+    },
+    getCreateCallTransaction() {
+      throw new Error('Unsupported method')
+    },
+
+    async signMessage(): Promise<{ signature: string }> {
+      return Promise.reject('signMessage is not supported yet')
+    },
+
+    async proxy(method, params) {
+      return web3ReadOnly?.send(method, params ?? [])
+    },
+
+    async send(params) {
+      const safeCoreSDK = await initSafeSDK({
+        provider: web3ReadOnly,
+        chainId: safeInfo.chainId,
+        address: safeInfo.address.value,
+        version: safeInfo.version,
+        implementationVersionState: safeInfo.implementationVersionState,
+        implementation: safeInfo.implementation.value,
+      })
+
+      const connectedSDK = await safeCoreSDK?.connect({ provider: actualWallet.provider })
+
+      if (!connectedSDK) {
+        return Promise.reject('Could not initialize core sdk')
+      }
+
+      const transactions = params.txs.map(({ to, value, data }: any) => {
+        return {
+          to: getAddress(to),
+          value: BigInt(value).toString(),
+          data,
+          operation: 0,
+        }
+      })
+
+      const safeTx = await connectedSDK.createTransaction({
+        transactions,
+        onlyCalls: true,
+      })
+
+      const safeTxHash = await connectedSDK.getTransactionHash(safeTx)
+
+      let result: TransactionResult | null = null
+
+      try {
+        if (await isSmartContractWallet(safeInfo.chainId, actualWallet.address)) {
+          // With the unchecked signer, the contract call resolves once the tx
+          // has been submitted in the wallet not when it has been executed
+
+          // First we propose so the backend will pick it up
+          await proposeTx(safeInfo.chainId, safeInfo.address.value, actualWallet.address, safeTx, safeTxHash)
+          result = await connectedSDK.approveTransactionHash(safeTxHash)
+        } else {
+          // Sign off-chain
+          if (safeInfo.threshold === 1) {
+            // Always propose the tx so the resulting link to the parentTx does not error out
+            await proposeTx(safeInfo.chainId, safeInfo.address.value, actualWallet.address, safeTx, safeTxHash)
+
+            // Directly execute the tx
+            result = await connectedSDK.executeTransaction(safeTx)
+          } else {
+            const signedTx = await tryOffChainTxSigning(safeTx, connectedSDK)
+            await proposeTx(safeInfo.chainId, safeInfo.address.value, actualWallet.address, signedTx, safeTxHash)
+          }
+        }
+      } catch (err) {
+        logError(ErrorCodes._817, err)
+        throw err
+      }
+
+      return {
+        safeTxHash,
+        txHash: result?.hash,
+      }
+    },
+
+    setSafeSettings() {
+      throw new Error('setSafeSettings is not supported yet')
+    },
+
+    showTxStatus(safeTxHash) {
+      router.push({
+        pathname: AppRoutes.transactions.tx,
+        query: {
+          safe: router.query.safe,
+          id: safeTxHash,
+        },
+      })
+    },
+
+    async signTypedMessage() {
+      return Promise.reject('signTypedMessage is not supported yet')
+    },
+  }
+
+  const nestedSafeProvider = new SafeWalletProvider(
+    {
+      chainId: Number(safeInfo.chainId),
+      safeAddress: safeInfo.address.value,
+    },
+    nestedSafeSdk,
+  )
+
+  return {
+    provider: {
+      async request(request) {
+        const result = await nestedSafeProvider.request(requestId++, request, {
+          url: '',
+          description: '',
+          iconUrl: '',
+          name: 'Nested Safe',
+        })
+
+        if ('result' in result) {
+          return result.result
+        }
+
+        if ('error' in result) {
+          throw new Error(result.error.message)
+        }
+      },
+    },
+    address: safeInfo.address.value,
+    chainId: safeInfo.chainId,
+    isSafe: true,
+  }
+}
diff --git a/apps/web/src/utils/nested-safes.ts b/apps/web/src/utils/nested-safes.ts
new file mode 100644
index 000000000..d2fc75fdc
--- /dev/null
+++ b/apps/web/src/utils/nested-safes.ts
@@ -0,0 +1,67 @@
+import type { DataDecoded, InternalTransaction, TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+
+export function isNestedSafeCreation(txData: TransactionData): boolean {
+  try {
+    _getFactoryAddressAndSetupData(txData)
+    return true
+  } catch {
+    return false
+  }
+}
+
+export function _getFactoryAddressAndSetupData(txData: TransactionData): {
+  factoryAddress: string
+  singleton: string
+  initializer: string
+  saltNonce: string
+} {
+  let factoryAddress: string | undefined
+  let dataDecoded: DataDecoded | undefined
+
+  if (isCreateProxyWithNonce(txData)) {
+    factoryAddress = txData.to.value
+    dataDecoded = txData.dataDecoded
+  } else if (isMultiSend(txData)) {
+    const batchTxData = txData.dataDecoded?.parameters
+      ?.find((parameter) => parameter?.name === 'transactions')
+      ?.valueDecoded?.find(isCreateProxyWithNonce)
+
+    factoryAddress = batchTxData?.to
+    dataDecoded = batchTxData?.dataDecoded
+  } else {
+    throw new Error('Invalid method')
+  }
+
+  if (!factoryAddress) {
+    throw new Error('Missing factory address')
+  }
+
+  if (!Array.isArray(dataDecoded?.parameters)) {
+    throw new Error('Invalid parameters')
+  }
+
+  const [singleton, initializer, saltNonce] = dataDecoded.parameters
+
+  if (
+    typeof singleton.value !== 'string' ||
+    typeof initializer.value !== 'string' ||
+    typeof saltNonce.value !== 'string'
+  ) {
+    throw new Error('Invalid parameter values')
+  }
+
+  return {
+    factoryAddress,
+    singleton: singleton.value,
+    initializer: initializer.value,
+    saltNonce: saltNonce.value,
+  }
+}
+
+function isCreateProxyWithNonce(txData: TransactionData | InternalTransaction) {
+  return txData.dataDecoded?.method === 'createProxyWithNonce'
+}
+
+function isMultiSend(txData: TransactionData) {
+  return txData.dataDecoded?.method === 'multiSend'
+}
diff --git a/src/utils/providers/UncheckedJsonRpcSigner.ts b/apps/web/src/utils/providers/UncheckedJsonRpcSigner.ts
similarity index 100%
rename from src/utils/providers/UncheckedJsonRpcSigner.ts
rename to apps/web/src/utils/providers/UncheckedJsonRpcSigner.ts
diff --git a/src/utils/relaying.ts b/apps/web/src/utils/relaying.ts
similarity index 100%
rename from src/utils/relaying.ts
rename to apps/web/src/utils/relaying.ts
diff --git a/src/utils/rsk-utils.ts b/apps/web/src/utils/rsk-utils.ts
similarity index 100%
rename from src/utils/rsk-utils.ts
rename to apps/web/src/utils/rsk-utils.ts
diff --git a/apps/web/src/utils/safe-hashes.ts b/apps/web/src/utils/safe-hashes.ts
new file mode 100644
index 000000000..1d320bc31
--- /dev/null
+++ b/apps/web/src/utils/safe-hashes.ts
@@ -0,0 +1,65 @@
+import { TypedDataEncoder } from 'ethers'
+import semverSatisfies from 'semver/functions/satisfies'
+import { getEip712MessageTypes, getEip712TxTypes } from '@safe-global/protocol-kit/dist/src/utils'
+import { toChecksumAddress } from './rsk-utils'
+import type { SafeTransactionData, SafeVersion } from '@safe-global/types-kit'
+import type { MessageItem } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { generateSafeMessageMessage } from '@safe-global/utils/utils/safe-messages'
+
+const NEW_DOMAIN_TYPE_HASH_VERSION = '>=1.3.0'
+const NEW_SAFE_TX_TYPE_HASH_VERSION = '>=1.0.0'
+
+export function getDomainHash({
+  chainId,
+  safeAddress,
+  safeVersion,
+}: {
+  chainId: string
+  safeAddress: string
+  safeVersion: SafeVersion
+}): string {
+  const includeChainId = semverSatisfies(safeVersion, NEW_DOMAIN_TYPE_HASH_VERSION)
+
+  // For Rootstock, use the address in lowercase
+  const verifyingContract =
+    chainId === '30' || chainId === '31' ? safeAddress.toLowerCase() : toChecksumAddress(safeAddress, chainId)
+
+  return TypedDataEncoder.hashDomain({
+    ...(includeChainId && { chainId }),
+    verifyingContract,
+  })
+}
+
+export function getSafeTxMessageHash({
+  safeVersion,
+  safeTxData,
+}: {
+  safeVersion: SafeVersion
+  safeTxData: SafeTransactionData
+}): string {
+  const usesBaseGas = semverSatisfies(safeVersion, NEW_SAFE_TX_TYPE_HASH_VERSION)
+  const SafeTx = getEip712TxTypes(safeVersion).SafeTx
+
+  // Clone to not modify the original
+  const tx: any = { ...safeTxData }
+
+  if (!usesBaseGas) {
+    tx.dataGas = tx.baseGas
+    delete tx.baseGas
+
+    SafeTx[5].name = 'dataGas'
+  }
+
+  return TypedDataEncoder.hashStruct('SafeTx', { SafeTx }, tx)
+}
+
+export function getSafeMessageMessageHash({
+  message,
+  safeVersion,
+}: {
+  message: MessageItem['message']
+  safeVersion: SafeVersion
+}): string {
+  const SafeMessage = getEip712MessageTypes(safeVersion).SafeMessage
+  return TypedDataEncoder.hashStruct('SafeMessage', { SafeMessage }, { message: generateSafeMessageMessage(message) })
+}
diff --git a/apps/web/src/utils/safe-message-guards.ts b/apps/web/src/utils/safe-message-guards.ts
new file mode 100644
index 000000000..d426f0511
--- /dev/null
+++ b/apps/web/src/utils/safe-message-guards.ts
@@ -0,0 +1,10 @@
+import type { MessageItem, DateLabel } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import type { SafeMessageListItem } from '@safe-global/store/gateway/types'
+
+export const isSafeMessageListDateLabel = (item: SafeMessageListItem): item is DateLabel => {
+  return item.type === 'DATE_LABEL'
+}
+
+export const isSafeMessageListItem = (item: SafeMessageListItem): item is MessageItem => {
+  return item.type === 'MESSAGE'
+}
diff --git a/apps/web/src/utils/safe-migrations.ts b/apps/web/src/utils/safe-migrations.ts
new file mode 100644
index 000000000..c796f3db4
--- /dev/null
+++ b/apps/web/src/utils/safe-migrations.ts
@@ -0,0 +1,89 @@
+import { Safe_migration__factory } from '@safe-global/utils/types/contracts'
+import { getCompatibilityFallbackHandlerDeployments, getSafeMigrationDeployment } from '@safe-global/safe-deployments'
+import { hasMatchingDeployment } from '@safe-global/utils/services/contracts/deployments'
+import { type MetaTransactionData, OperationType, type SafeVersion } from '@safe-global/types-kit'
+import type { ChainInfo, TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+
+import { LATEST_SAFE_VERSION, SAFE_TO_L2_MIGRATION_VERSION } from '@safe-global/utils/config/constants'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+
+export const createUpdateMigration = (
+  chain: ChainInfo,
+  safeVersion: string,
+  fallbackHandler?: string,
+): MetaTransactionData => {
+  const deployment = getSafeMigrationDeployment({
+    version: chain.recommendedMasterCopyVersion || LATEST_SAFE_VERSION,
+    released: true,
+    network: chain.chainId,
+  })
+
+  if (!deployment) {
+    throw new Error('Migration deployment not found')
+  }
+
+  // Keep fallback handler if it's not a default one
+  const keepFallbackHandler =
+    !!fallbackHandler &&
+    !hasMatchingDeployment(getCompatibilityFallbackHandlerDeployments, fallbackHandler, chain.chainId, [
+      safeVersion as SafeVersion,
+    ])
+
+  const method = (
+    keepFallbackHandler
+      ? chain.l2
+        ? 'migrateL2Singleton'
+        : 'migrateSingleton'
+      : chain.l2
+        ? 'migrateL2WithFallbackHandler'
+        : 'migrateWithFallbackHandler'
+  ) as 'migrateSingleton' // apease typescript
+
+  const interfce = Safe_migration__factory.createInterface()
+
+  const tx: MetaTransactionData = {
+    operation: OperationType.DelegateCall, // delegate call required
+    data: interfce.encodeFunctionData(method),
+    to: deployment.defaultAddress,
+    value: '0',
+  }
+
+  return tx
+}
+
+export const createMigrateToL2 = (chain: ChainInfo) => {
+  const deployment = getSafeMigrationDeployment({
+    version: SAFE_TO_L2_MIGRATION_VERSION, // This is the only version that has this contract deployed
+    released: true,
+    network: chain.chainId,
+  })
+
+  if (!deployment) {
+    throw new Error('Migration deployment not found')
+  }
+
+  const interfce = Safe_migration__factory.createInterface()
+
+  const tx: MetaTransactionData = {
+    operation: OperationType.DelegateCall, // delegate call required
+    data: interfce.encodeFunctionData('migrateL2Singleton'),
+    to: deployment.defaultAddress,
+    value: '0',
+  }
+
+  return tx
+}
+
+export const isMigrateL2SingletonCall = (txData: TransactionData): boolean => {
+  // We always use the 1.4.1 version for this contract as it is only deployed for 1.4.1 Safes
+  const safeMigrationDeployment = getSafeMigrationDeployment({ version: SAFE_TO_L2_MIGRATION_VERSION })
+  const safeMigrationAddress = safeMigrationDeployment?.defaultAddress
+  const safeMigrationInterface = Safe_migration__factory.createInterface()
+
+  return (
+    txData.hexData !== undefined &&
+    txData.hexData !== null &&
+    txData.hexData.startsWith(safeMigrationInterface.getFunction('migrateL2Singleton').selector) &&
+    sameAddress(txData.to.value, safeMigrationAddress)
+  )
+}
diff --git a/src/utils/safe-versions.ts b/apps/web/src/utils/safe-versions.ts
similarity index 75%
rename from src/utils/safe-versions.ts
rename to apps/web/src/utils/safe-versions.ts
index 536f3e820..4d785ef34 100644
--- a/src/utils/safe-versions.ts
+++ b/apps/web/src/utils/safe-versions.ts
@@ -2,10 +2,10 @@ import {
   hasSafeFeature as sdkHasSafeFeature,
   type SAFE_FEATURES,
 } from '@safe-global/protocol-kit/dist/src/utils/safeVersions'
-import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
 
 // Note: backend returns `SafeInfo['version']` as `null` for unsupported contracts
-export const hasSafeFeature = (feature: SAFE_FEATURES, version: SafeInfo['version']): boolean => {
+export const hasSafeFeature = (feature: SAFE_FEATURES, version: SafeState['version']): boolean => {
   if (!version) {
     return false
   }
diff --git a/apps/web/src/utils/signers.ts b/apps/web/src/utils/signers.ts
new file mode 100644
index 000000000..8c0f71132
--- /dev/null
+++ b/apps/web/src/utils/signers.ts
@@ -0,0 +1,32 @@
+import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { checksumAddress } from '@safe-global/utils/utils/addresses'
+
+export const getAvailableSigners = (
+  wallet: ConnectedWallet | null | undefined,
+  nestedSafeOwners: string[] | null,
+  safe: SafeState,
+  tx: SafeTransaction | undefined,
+) => {
+  if (!wallet || !nestedSafeOwners || !tx) {
+    return []
+  }
+  const walletAddress = checksumAddress(wallet.address)
+
+  const isDirectOwner = safe.owners.map((owner) => checksumAddress(owner.value)).includes(walletAddress)
+  const isFullySigned = tx.signatures.size >= safe.threshold
+  const availableSigners = nestedSafeOwners ? nestedSafeOwners.map((addr) => checksumAddress(addr)) : []
+
+  const signers = Array.from(tx.signatures.keys()).map((addr) => checksumAddress(addr))
+
+  if (isDirectOwner && !signers.includes(walletAddress)) {
+    availableSigners.push(walletAddress)
+  }
+
+  if (!isFullySigned) {
+    // Filter signers that already signed
+    return availableSigners.filter((signer) => !signers.includes(signer))
+  }
+  return availableSigners
+}
diff --git a/apps/web/src/utils/tokens.ts b/apps/web/src/utils/tokens.ts
new file mode 100644
index 000000000..2af879bb5
--- /dev/null
+++ b/apps/web/src/utils/tokens.ts
@@ -0,0 +1,87 @@
+import { getWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { ERC20__factory, ERC721__factory } from '@safe-global/utils/types/contracts'
+import { parseBytes32String } from '@ethersproject/strings'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+import { ERC721_IDENTIFIER } from '@safe-global/utils/utils/tokens'
+import { type Erc20Token } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { multicall } from '../../../../packages/utils/src/utils/multicall'
+import { type BytesLike } from 'ethers'
+
+/**
+ * Fetches ERC20 token symbol and decimals from on-chain.
+ * @param address address of erc20 token
+ */
+export const getERC20TokenInfoOnChain = async (
+  address: string | string[],
+): Promise<Omit<Erc20Token, 'name' | 'logoUri'>[] | undefined> => {
+  const web3 = getWeb3ReadOnly()
+  if (!web3) return
+
+  let tokenAddresses = Array.isArray(address) ? address : [address]
+
+  const erc20_interface = ERC20__factory.createInterface()
+
+  const calls = tokenAddresses.flatMap((address) => [
+    {
+      to: address,
+      data: erc20_interface.encodeFunctionData('symbol'),
+    },
+    {
+      to: address,
+      data: erc20_interface.encodeFunctionData('decimals'),
+    },
+  ])
+
+  const results = await multicall(web3, calls)
+
+  const tokenInfos: Omit<Erc20Token, 'name' | 'logoUri'>[] = []
+  for (let i = 0; i < results.length; i += 2) {
+    const address = tokenAddresses[i / 2]
+    if (!address) break
+    let symbol: string
+    try {
+      symbol = erc20_interface.decodeFunctionResult('symbol', results[i].returnData)[0]
+    } catch (error) {
+      // Some older contracts use bytes32 instead of string
+      symbol = parseBytes32String(
+        error && typeof error === 'object' && 'value' in error ? (error.value as BytesLike) : '',
+      )
+    }
+    const decimals = Number(erc20_interface.decodeFunctionResult('decimals', results[i + 1].returnData)[0])
+
+    tokenInfos.push({
+      address,
+      symbol,
+      decimals,
+      type: TokenType.ERC20,
+    })
+  }
+
+  return tokenInfos
+}
+
+export const getErc721Symbol = async (address: string) => {
+  const web3 = getWeb3ReadOnly()
+  if (!web3) return ''
+
+  const erc721 = ERC721__factory.connect(address, web3)
+
+  try {
+    return await erc721.symbol()
+  } catch (e) {
+    return ''
+  }
+}
+
+export const isErc721Token = async (address: string) => {
+  const web3 = getWeb3ReadOnly()
+  if (!web3) return false
+
+  const erc721 = ERC721__factory.connect(address, web3)
+
+  try {
+    return await erc721.supportsInterface(ERC721_IDENTIFIER)
+  } catch (e) {
+    return false
+  }
+}
diff --git a/src/utils/transaction-calldata.ts b/apps/web/src/utils/transaction-calldata.ts
similarity index 84%
rename from src/utils/transaction-calldata.ts
rename to apps/web/src/utils/transaction-calldata.ts
index 303cccb48..eb6630e4a 100644
--- a/src/utils/transaction-calldata.ts
+++ b/apps/web/src/utils/transaction-calldata.ts
@@ -2,11 +2,11 @@ import { id } from 'ethers'
 import type { FunctionFragment } from 'ethers'
 import type { BaseTransaction } from '@safe-global/safe-apps-sdk'
 
-import { Multi_send__factory } from '@/types/contracts/factories/@safe-global/safe-deployments/dist/assets/v1.3.0'
-import { ERC20__factory } from '@/types/contracts/factories/@openzeppelin/contracts/build/contracts/ERC20__factory'
-import { ERC721__factory } from '@/types/contracts/factories/@openzeppelin/contracts/build/contracts/ERC721__factory'
-import { decodeMultiSendTxs } from '@/utils/transactions'
-import { Safe__factory } from '@/types/contracts'
+import { Multi_send__factory } from '@safe-global/utils/types/contracts/factories/@safe-global/safe-deployments/dist/assets/v1.3.0'
+import { ERC20__factory } from '@safe-global/utils/types/contracts/factories/@openzeppelin/contracts/build/contracts/ERC20__factory'
+import { ERC721__factory } from '@safe-global/utils/types/contracts/factories/@openzeppelin/contracts/build/contracts/ERC721__factory'
+import { Safe__factory } from '@safe-global/utils/types/contracts'
+import { decodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils'
 
 export const isCalldata = (data: string, fragment: FunctionFragment): boolean => {
   const signature = fragment.format()
@@ -93,7 +93,7 @@ export const getTransactionRecipients = ({ data, to }: BaseTransaction): Array<s
 
   // multiSend
   if (isMultiSendCalldata(data)) {
-    return decodeMultiSendTxs(data).flatMap(getTransactionRecipients)
+    return decodeMultiSendData(data).flatMap(getTransactionRecipients)
   }
 
   // Other (e.g. native transfer)
diff --git a/apps/web/src/utils/transaction-guards.ts b/apps/web/src/utils/transaction-guards.ts
new file mode 100644
index 000000000..63e96efd1
--- /dev/null
+++ b/apps/web/src/utils/transaction-guards.ts
@@ -0,0 +1,535 @@
+import type {
+  BaselineConfirmationView,
+  Cancellation,
+  ConflictHeader,
+  Creation,
+  Custom,
+  DateLabel,
+  DetailedExecutionInfo,
+  Erc20Transfer,
+  Erc721Transfer,
+  ExecutionInfo,
+  Label,
+  ModuleExecutionDetails,
+  ModuleExecutionInfo,
+  MultiSend,
+  MultisigExecutionDetails,
+  MultisigExecutionInfo,
+  NativeCoinTransfer,
+  NativeStakingDepositConfirmationView,
+  Order,
+  AnyConfirmationView,
+  AnySwapOrderConfirmationView,
+  SafeInfo,
+  SettingsChange,
+  SwapOrder,
+  SwapOrderConfirmationView,
+  Transaction,
+  TransactionInfo,
+  TransactionListItem,
+  TransactionSummary,
+  Transfer,
+  TransferInfo,
+  TwapOrder,
+  TwapOrderConfirmationView,
+  AnyStakingConfirmationView,
+  StakingTxExitInfo,
+  StakingTxDepositInfo,
+  StakingTxWithdrawInfo,
+  NativeStakingWithdrawConfirmationView,
+  NativeStakingValidatorsExitConfirmationView,
+  StakingTxInfo,
+  TransactionData,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import { type AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import {
+  ConfirmationViewTypes,
+  ConflictType,
+  DetailedExecutionInfoType,
+  Operation,
+  TransactionInfoType,
+  TransactionListItemType,
+  TransactionStatus,
+  TransactionTokenType,
+  TransferDirection,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import { getDeployedSpendingLimitModuleAddress } from '@/services/contracts/spendingLimitContracts'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import type { NamedAddress } from '@/components/new-safe/create/types'
+import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
+import { ethers } from 'ethers'
+import {
+  getSafeToL2MigrationDeployment,
+  getSafeMigrationDeployment,
+  getMultiSendDeployments,
+  getSignMessageLibDeployments,
+} from '@safe-global/safe-deployments'
+import {
+  Safe__factory,
+  Safe_to_l2_migration__factory,
+  Sign_message_lib__factory,
+} from '@safe-global/utils/types/contracts'
+import { hasMatchingDeployment } from '@safe-global/utils/services/contracts/deployments'
+import { isMultiSendCalldata } from './transaction-calldata'
+import { decodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils'
+import { OperationType } from '@safe-global/types-kit'
+import { LATEST_SAFE_VERSION } from '@safe-global/utils/config/constants'
+import type {
+  BridgeAndSwapTransactionInfo,
+  SwapTransactionInfo,
+  TransactionDetails,
+  VaultDepositTransactionInfo,
+  VaultRedeemTransactionInfo,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+export const isTxQueued = (value: TransactionStatus): boolean => {
+  return [TransactionStatus.AWAITING_CONFIRMATIONS, TransactionStatus.AWAITING_EXECUTION].includes(value)
+}
+
+export const isAwaitingExecution = (txStatus: TransactionStatus): boolean =>
+  TransactionStatus.AWAITING_EXECUTION === txStatus
+
+const isAddressEx = (owners: AddressInfo[] | NamedAddress[]): owners is AddressInfo[] => {
+  return (owners as AddressInfo[]).every((owner) => owner.value !== undefined)
+}
+
+export const isOwner = (safeOwners: AddressInfo[] | NamedAddress[] = [], walletAddress?: string) => {
+  if (isAddressEx(safeOwners)) {
+    return safeOwners.some((owner) => sameAddress(owner.value, walletAddress))
+  }
+
+  return safeOwners.some((owner) => sameAddress(owner.address, walletAddress))
+}
+
+export const isMultisigDetailedExecutionInfo = (value?: DetailedExecutionInfo): value is MultisigExecutionDetails => {
+  return value?.type === DetailedExecutionInfoType.MULTISIG
+}
+
+export const isModuleDetailedExecutionInfo = (value?: DetailedExecutionInfo): value is ModuleExecutionDetails => {
+  return value?.type === DetailedExecutionInfoType.MODULE
+}
+
+const isMigrateToL2CallData = (value: {
+  to: string
+  data: string | undefined
+  operation?: OperationType | undefined
+}) => {
+  const safeToL2MigrationDeployment = getSafeToL2MigrationDeployment()
+  const safeToL2MigrationAddress = safeToL2MigrationDeployment?.defaultAddress
+  const safeToL2MigrationInterface = Safe_to_l2_migration__factory.createInterface()
+
+  if (value.operation === OperationType.DelegateCall && sameAddress(value.to, safeToL2MigrationAddress)) {
+    const migrateToL2Selector = safeToL2MigrationInterface?.getFunction('migrateToL2')?.selector
+    return migrateToL2Selector && value.data ? value.data.startsWith(migrateToL2Selector) : false
+  }
+  return false
+}
+
+export const isMigrateToL2TxData = (value: TransactionData | undefined, chainId: string | undefined): boolean => {
+  if (!value) {
+    return false
+  }
+
+  if (
+    chainId &&
+    value?.hexData &&
+    isMultiSendCalldata(value?.hexData) &&
+    hasMatchingDeployment(getMultiSendDeployments, value.to.value, chainId, ['1.3.0', '1.4.1'])
+  ) {
+    // Its a multiSend to the MultiSend contract (not CallOnly)
+    const decodedMultiSend = decodeMultiSendData(value.hexData)
+    const firstTx = decodedMultiSend[0]
+
+    // We only trust the tx if the first tx is the only delegateCall
+    const hasMoreDelegateCalls = decodedMultiSend
+      .slice(1)
+      .some((value) => value.operation === OperationType.DelegateCall)
+
+    if (!hasMoreDelegateCalls && firstTx && isMigrateToL2CallData(firstTx)) {
+      return true
+    }
+  }
+
+  return isMigrateToL2CallData({ to: value.to.value, data: value.hexData, operation: value.operation as 0 | 1 })
+}
+
+// TransactionInfo type guards
+export const isTransferTxInfo = (value: TransactionInfo): value is Transfer => {
+  return value.type === TransactionInfoType.TRANSFER || isSwapTransferOrderTxInfo(value)
+}
+
+/**
+ * A fulfillment transaction for swap, limit or twap order is always a SwapOrder
+ * It cannot be a TWAP order
+ *
+ * @param value
+ */
+export const isSwapTransferOrderTxInfo = (value: TransactionInfo): value is SwapOrder => {
+  return value.type === TransactionInfoType.SWAP_TRANSFER
+}
+
+export const isSettingsChangeTxInfo = (value: TransactionInfo): value is SettingsChange => {
+  return value.type === TransactionInfoType.SETTINGS_CHANGE
+}
+
+export const isCustomTxInfo = (value: TransactionInfo): value is Custom => {
+  return value.type === TransactionInfoType.CUSTOM
+}
+
+export const isMultiSendTxInfo = (value: TransactionInfo): value is MultiSend => {
+  return (
+    value.type === TransactionInfoType.CUSTOM &&
+    value.methodName === 'multiSend' &&
+    typeof value.actionCount === 'number'
+  )
+}
+
+export const isOrderTxInfo = (value: TransactionInfo): value is Order => {
+  return isSwapOrderTxInfo(value) || isTwapOrderTxInfo(value)
+}
+
+export const isMigrateToL2TxInfo = (value: TransactionInfo): value is Custom => {
+  const safeToL2MigrationDeployment = getSafeToL2MigrationDeployment()
+  const safeToL2MigrationAddress = safeToL2MigrationDeployment?.defaultAddress
+
+  return isCustomTxInfo(value) && sameAddress(value.to.value, safeToL2MigrationAddress)
+}
+
+export const isSwapOrderTxInfo = (value: TransactionInfo): value is SwapOrder => {
+  return value.type === TransactionInfoType.SWAP_ORDER
+}
+
+export const isBridgeOrderTxInfo = (value: any): value is BridgeAndSwapTransactionInfo => {
+  return (value.type as string) === 'SwapAndBridge'
+}
+
+export const isLifiSwapTxInfo = (value: any): value is SwapTransactionInfo => {
+  return (value.type as string) === 'Swap'
+}
+
+export const isTwapOrderTxInfo = (value: TransactionInfo): value is TwapOrder => {
+  return value.type === TransactionInfoType.TWAP_ORDER
+}
+
+export const isStakingTxDepositInfo = (value: TransactionInfo): value is StakingTxDepositInfo => {
+  return value.type === TransactionInfoType.NATIVE_STAKING_DEPOSIT
+}
+
+export const isStakingTxExitInfo = (value: TransactionInfo): value is StakingTxExitInfo => {
+  return value.type === TransactionInfoType.NATIVE_STAKING_VALIDATORS_EXIT
+}
+
+export const isStakingTxWithdrawInfo = (value: TransactionInfo): value is StakingTxWithdrawInfo => {
+  return value.type === TransactionInfoType.NATIVE_STAKING_WITHDRAW
+}
+
+export const isAnyStakingTxInfo = (value: TransactionInfo): value is StakingTxInfo => {
+  return isStakingTxDepositInfo(value) || isStakingTxExitInfo(value) || isStakingTxWithdrawInfo(value)
+}
+
+export const isTwapConfirmationViewOrder = (
+  decodedData: AnyConfirmationView | undefined,
+): decodedData is TwapOrderConfirmationView => {
+  if (decodedData && 'type' in decodedData) {
+    return decodedData.type === ConfirmationViewTypes.COW_SWAP_TWAP_ORDER
+  }
+
+  return false
+}
+
+export const isSwapConfirmationViewOrder = (
+  decodedData: AnyConfirmationView | undefined,
+): decodedData is SwapOrderConfirmationView => {
+  if (decodedData && 'type' in decodedData) {
+    return decodedData.type === ConfirmationViewTypes.COW_SWAP_ORDER
+  }
+
+  return false
+}
+
+export const isAnySwapConfirmationViewOrder = (
+  decodedData: AnyConfirmationView | undefined,
+): decodedData is AnySwapOrderConfirmationView => {
+  return isSwapConfirmationViewOrder(decodedData) || isTwapConfirmationViewOrder(decodedData)
+}
+
+export const isStakingDepositConfirmationView = (
+  decodedData: AnyConfirmationView | undefined,
+): decodedData is NativeStakingDepositConfirmationView => {
+  if (decodedData && 'type' in decodedData) {
+    return decodedData?.type === ConfirmationViewTypes.KILN_NATIVE_STAKING_DEPOSIT
+  }
+  return false
+}
+
+export const isStakingExitConfirmationView = (
+  decodedData: AnyConfirmationView | undefined,
+): decodedData is NativeStakingValidatorsExitConfirmationView => {
+  if (decodedData && 'type' in decodedData) {
+    return decodedData?.type === ConfirmationViewTypes.KILN_NATIVE_STAKING_VALIDATORS_EXIT
+  }
+  return false
+}
+
+export const isStakingWithdrawConfirmationView = (
+  decodedData: AnyConfirmationView | undefined,
+): decodedData is NativeStakingWithdrawConfirmationView => {
+  if (decodedData && 'type' in decodedData) {
+    return decodedData?.type === ConfirmationViewTypes.KILN_NATIVE_STAKING_WITHDRAW
+  }
+  return false
+}
+
+export const isAnyStakingConfirmationView = (
+  decodedData: AnyConfirmationView | undefined,
+): decodedData is AnyStakingConfirmationView => {
+  return (
+    isStakingDepositConfirmationView(decodedData) ||
+    isStakingExitConfirmationView(decodedData) ||
+    isStakingWithdrawConfirmationView(decodedData)
+  )
+}
+
+export const isGenericConfirmation = (
+  decodedData: AnyConfirmationView | undefined,
+): decodedData is BaselineConfirmationView => {
+  if (decodedData && 'type' in decodedData) {
+    return decodedData.type === ConfirmationViewTypes.GENERIC
+  }
+  return false
+}
+
+export const isCancelledSwapOrder = (value: TransactionInfo) => {
+  return isSwapOrderTxInfo(value) && value.status === 'cancelled'
+}
+
+export const isOpenSwapOrder = (value: TransactionInfo) => {
+  return isSwapOrderTxInfo(value) && value.status === 'open'
+}
+
+export const isCancellationTxInfo = (value: TransactionInfo): value is Cancellation => {
+  return isCustomTxInfo(value) && value.isCancellation
+}
+
+export const isCreationTxInfo = (value: TransactionInfo): value is Creation => {
+  return value.type === TransactionInfoType.CREATION
+}
+
+export const isOutgoingTransfer = (txInfo: TransactionInfo): boolean => {
+  return isTransferTxInfo(txInfo) && txInfo.direction.toUpperCase() === TransferDirection.OUTGOING
+}
+
+export const isIncomingTransfer = (txInfo: TransactionInfo): boolean => {
+  return isTransferTxInfo(txInfo) && txInfo.direction.toUpperCase() === TransferDirection.INCOMING
+}
+
+// TransactionListItem type guards
+export const isLabelListItem = (value: TransactionListItem): value is Label => {
+  return value.type === TransactionListItemType.LABEL
+}
+
+export const isConflictHeaderListItem = (value: TransactionListItem): value is ConflictHeader => {
+  return value.type === TransactionListItemType.CONFLICT_HEADER
+}
+
+export const isDateLabel = (value: TransactionListItem): value is DateLabel => {
+  return value.type === TransactionListItemType.DATE_LABEL
+}
+
+export const isTransactionListItem = (value: TransactionListItem): value is Transaction => {
+  return value.type === TransactionListItemType.TRANSACTION
+}
+
+export function isRecoveryQueueItem(value: TransactionListItem | RecoveryQueueItem): value is RecoveryQueueItem {
+  const EVENT_SIGNATURE = 'TransactionAdded(uint256,bytes32,address,uint256,bytes,uint8)'
+  return 'fragment' in value && ethers.id(EVENT_SIGNATURE) === value.fragment.topicHash
+}
+
+// Narrows `Transaction`
+// TODO: Consolidate these types with the new sdk
+export const isMultisigExecutionInfo = (
+  value?: ExecutionInfo | DetailedExecutionInfo,
+): value is MultisigExecutionInfo => {
+  return value?.type === 'MULTISIG'
+}
+
+export const isModuleExecutionInfo = (value?: ExecutionInfo | DetailedExecutionInfo): value is ModuleExecutionInfo =>
+  value?.type === 'MODULE'
+
+export const isSignableBy = (txSummary: TransactionSummary, walletAddress: string): boolean => {
+  const executionInfo = isMultisigExecutionInfo(txSummary.executionInfo) ? txSummary.executionInfo : undefined
+  return !!executionInfo?.missingSigners?.some((address) => address.value === walletAddress)
+}
+
+export const isConfirmableBy = (txSummary: TransactionSummary, walletAddress: string): boolean => {
+  if (!txSummary.executionInfo || !isMultisigExecutionInfo(txSummary.executionInfo)) {
+    return false
+  }
+  const { confirmationsRequired, confirmationsSubmitted } = txSummary.executionInfo
+  return (
+    confirmationsSubmitted >= confirmationsRequired ||
+    (confirmationsSubmitted === confirmationsRequired - 1 && isSignableBy(txSummary, walletAddress))
+  )
+}
+
+export const isExecutable = (
+  txSummary: TransactionSummary,
+  walletAddress: string,
+  safe: Pick<SafeInfo, 'nonce'>,
+): boolean => {
+  if (
+    !txSummary.executionInfo ||
+    !isMultisigExecutionInfo(txSummary.executionInfo) ||
+    safe.nonce !== txSummary.executionInfo.nonce
+  ) {
+    return false
+  }
+  return isConfirmableBy(txSummary, walletAddress)
+}
+
+// Spending limits
+enum SPENDING_LIMIT_METHODS_NAMES {
+  ADD_DELEGATE = 'addDelegate',
+  SET_ALLOWANCE = 'setAllowance',
+  EXECUTE_ALLOWANCE_TRANSFER = 'executeAllowanceTransfer',
+  DELETE_ALLOWANCE = 'deleteAllowance',
+}
+
+export type SpendingLimitMethods = 'setAllowance' | 'deleteAllowance'
+
+export const isSetAllowance = (method?: string): method is SpendingLimitMethods => {
+  return method === SPENDING_LIMIT_METHODS_NAMES.SET_ALLOWANCE
+}
+
+export const isDeleteAllowance = (method?: string): method is SpendingLimitMethods => {
+  return method === SPENDING_LIMIT_METHODS_NAMES.DELETE_ALLOWANCE
+}
+
+export const isSpendingLimitMethod = (method?: string): boolean => {
+  return isSetAllowance(method) || isDeleteAllowance(method)
+}
+
+export const isSupportedSpendingLimitAddress = (txInfo: TransactionInfo, chainId: string): boolean => {
+  const toAddress = isCustomTxInfo(txInfo) ? txInfo.to.value : ''
+  const spendingLimitModuleAddress = getDeployedSpendingLimitModuleAddress(chainId, [{ value: toAddress }])
+  return !!spendingLimitModuleAddress
+}
+
+// Method parameter types
+export const isArrayParameter = (parameter: string): boolean => /(\[\d*?])+$/.test(parameter)
+export const isAddress = (type: string): boolean => type.indexOf('address') === 0
+export const isByte = (type: string): boolean => type.indexOf('byte') === 0
+
+export const isNoneConflictType = (transaction: Transaction) => {
+  return transaction.conflictType === ConflictType.NONE
+}
+export const isHasNextConflictType = (transaction: Transaction) => {
+  return transaction.conflictType === ConflictType.HAS_NEXT
+}
+export const isEndConflictType = (transaction: Transaction) => {
+  return transaction.conflictType === ConflictType.END
+}
+
+export const isNativeTokenTransfer = (value: TransferInfo): value is NativeCoinTransfer => {
+  return value.type === TransactionTokenType.NATIVE_COIN
+}
+
+export const isERC20Transfer = (value: TransferInfo): value is Erc20Transfer => {
+  return value.type === TransactionTokenType.ERC20
+}
+
+export const isERC721Transfer = (value: TransferInfo): value is Erc721Transfer => {
+  return value.type === TransactionTokenType.ERC721
+}
+
+const safeInterface = Safe__factory.createInterface()
+const signMessageInterface = Sign_message_lib__factory.createInterface()
+/**
+ * True if the tx calls `approveHash`
+ */
+export const isOnChainConfirmationTxData = (data?: TransactionData): boolean => {
+  const approveHashSelector = safeInterface.getFunction('approveHash').selector
+  return Boolean(data && data.hexData?.startsWith(approveHashSelector))
+}
+
+export const isOnChainConfirmationTxInfo = (info: TransactionInfo): info is Custom => {
+  if (isCustomTxInfo(info)) {
+    return info.methodName === 'approveHash' && info.dataSize === '36'
+  }
+  return false
+}
+
+export const isOnChainSignMessageTxData = (data: TransactionData | undefined, chainId: string): boolean => {
+  const signMessageSelector = signMessageInterface.getFunction('signMessage').selector
+  const toAddress = data?.to.value
+  const isDelegateCall = data?.operation === Operation.DELEGATE
+  const isSignMessageLib =
+    toAddress !== undefined &&
+    hasMatchingDeployment(getSignMessageLibDeployments, toAddress, chainId, ['1.3.0', '1.4.1'])
+  return Boolean(data && data.hexData?.startsWith(signMessageSelector) && isSignMessageLib && isDelegateCall)
+}
+
+/**
+ * True if the tx calls `execTransaction`
+ */
+export const isExecTxData = (data?: TransactionData): boolean => {
+  const execTransactionSelector = safeInterface.getFunction('execTransaction').selector
+  return Boolean(data && data.hexData?.startsWith(execTransactionSelector))
+}
+
+export const isExecTxInfo = (info: TransactionInfo): info is Custom => {
+  if (isCustomTxInfo(info)) {
+    return info.methodName === 'execTransaction'
+  }
+  return false
+}
+
+export const isNestedConfirmationTxInfo = (info: TransactionInfo): boolean => {
+  return isCustomTxInfo(info) && (isOnChainConfirmationTxInfo(info) || isExecTxInfo(info))
+}
+
+export const isSafeUpdateTxData = (data?: TransactionData): boolean => {
+  if (!data) return false
+
+  // Must be a trusted delegate call
+  if (!(data.trustedDelegateCallTarget && data.operation === Operation.DELEGATE)) {
+    return false
+  }
+
+  // For 1.3.0+ Safes
+  const migrationContract = getSafeMigrationDeployment({ version: LATEST_SAFE_VERSION })
+  if (migrationContract && sameAddress(data.to.value, migrationContract.defaultAddress)) {
+    return true
+  }
+
+  // For older Safes
+  return (
+    isMultiSendCalldata(data.hexData || '') &&
+    Boolean(
+      data.dataDecoded?.parameters?.[0]?.valueDecoded?.some((tx) => tx.dataDecoded?.method === 'changeMasterCopy'),
+    )
+  )
+}
+
+export const isSafeMigrationTxData = (data?: TransactionData): boolean => {
+  if (!data) return false
+  return isMigrateToL2CallData({
+    data: data.hexData,
+    to: data.to.value,
+    operation: data.operation as number,
+  })
+}
+
+export const isVaultDepositTxInfo = (value: TransactionDetails['txInfo']): value is VaultDepositTransactionInfo => {
+  return value.type === 'VaultDeposit'
+}
+
+export const isVaultRedeemTxInfo = (value: TransactionDetails['txInfo']): value is VaultRedeemTransactionInfo => {
+  return value.type === 'VaultRedeem'
+}
+
+export const isAnyEarnTxInfo = (
+  value: TransactionDetails['txInfo'],
+): value is VaultDepositTransactionInfo | VaultRedeemTransactionInfo => {
+  return isVaultDepositTxInfo(value) || isVaultRedeemTxInfo(value)
+}
diff --git a/apps/web/src/utils/transactions.ts b/apps/web/src/utils/transactions.ts
new file mode 100644
index 000000000..309e2fd50
--- /dev/null
+++ b/apps/web/src/utils/transactions.ts
@@ -0,0 +1,249 @@
+import type {
+  ChainInfo,
+  ExecutionInfo,
+  MultisigExecutionDetails,
+  MultisigExecutionInfo,
+  SafeAppData,
+  Transaction,
+  TransactionDetails,
+  TransactionListPage,
+  TransactionSummary,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import { ConflictType, getTransactionDetails, TransactionListItemType } from '@safe-global/safe-gateway-typescript-sdk'
+import {
+  isERC20Transfer,
+  isModuleDetailedExecutionInfo,
+  isMultisigDetailedExecutionInfo,
+  isMultisigExecutionInfo,
+  isTransactionListItem,
+  isTransferTxInfo,
+  isTxQueued,
+} from './transaction-guards'
+import { getReadOnlyGnosisSafeContract } from '@/services/contracts/safeContracts'
+import extractTxInfo from '@/services/tx/extractTxInfo'
+import type { AdvancedParameters } from '@/components/tx/AdvancedParams'
+import type { SafeTransaction, TransactionOptions, MetaTransactionData } from '@safe-global/types-kit'
+import { OperationType } from '@safe-global/types-kit'
+import uniqBy from 'lodash/uniqBy'
+import { Errors, logError } from '@/services/exceptions'
+import { type BaseTransaction } from '@safe-global/safe-apps-sdk'
+import { isEmptyHexData } from '@/utils/hex'
+import { isMultiSendCalldata } from './transaction-calldata'
+import { decodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils'
+import { getOriginPath } from './url'
+import { FEATURES, hasFeature } from '@safe-global/utils/utils/chains'
+
+export const makeTxFromDetails = (txDetails: TransactionDetails): Transaction => {
+  const getMissingSigners = ({
+    signers,
+    confirmations,
+    confirmationsRequired,
+  }: MultisigExecutionDetails): MultisigExecutionInfo['missingSigners'] => {
+    if (confirmations.length >= confirmationsRequired) return
+
+    const missingSigners = signers.filter(({ value }) => {
+      const hasConfirmed = confirmations?.some(({ signer }) => signer?.value === value)
+      return !hasConfirmed
+    })
+
+    return missingSigners.length > 0 ? missingSigners : undefined
+  }
+
+  const getMultisigExecutionInfo = ({
+    detailedExecutionInfo,
+  }: TransactionDetails): MultisigExecutionInfo | undefined => {
+    if (!isMultisigDetailedExecutionInfo(detailedExecutionInfo)) return undefined
+
+    return {
+      type: detailedExecutionInfo.type,
+      nonce: detailedExecutionInfo.nonce,
+      confirmationsRequired: detailedExecutionInfo.confirmationsRequired,
+      confirmationsSubmitted: detailedExecutionInfo.confirmations?.length ?? 0,
+      missingSigners: getMissingSigners(detailedExecutionInfo),
+    }
+  }
+
+  const executionInfo: ExecutionInfo | undefined = isModuleDetailedExecutionInfo(txDetails.detailedExecutionInfo)
+    ? (txDetails.detailedExecutionInfo as ExecutionInfo)
+    : getMultisigExecutionInfo(txDetails)
+
+  // Will only be used as a fallback whilst waiting on backend tx creation cache
+  const now = Date.now()
+  const timestamp = isTxQueued(txDetails.txStatus)
+    ? isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)
+      ? txDetails.detailedExecutionInfo.submittedAt
+      : now
+    : (txDetails.executedAt ?? now)
+
+  return {
+    type: TransactionListItemType.TRANSACTION,
+    transaction: {
+      id: txDetails.txId,
+      timestamp,
+      txStatus: txDetails.txStatus,
+      txInfo: txDetails.txInfo,
+      executionInfo,
+      safeAppInfo: txDetails?.safeAppInfo,
+      txHash: txDetails?.txHash || null,
+    },
+    conflictType: ConflictType.NONE,
+  }
+}
+
+export const getSafeTxHashFromTxId = (txId: string) => {
+  if (txId.startsWith('multisig_')) {
+    return txId.slice(-66)
+  }
+
+  return
+}
+
+const getSignatures = (confirmations: Record<string, string>) => {
+  return Object.entries(confirmations)
+    .filter(([, signature]) => Boolean(signature))
+    .sort(([signerA], [signerB]) => signerA.toLowerCase().localeCompare(signerB.toLowerCase()))
+    .reduce((prev, [, signature]) => {
+      return prev + signature.slice(2)
+    }, '0x')
+}
+
+export const getMultiSendTxs = async (
+  txs: TransactionDetails[],
+  chain: ChainInfo,
+  safeAddress: string,
+  safeVersion: string,
+): Promise<MetaTransactionData[]> => {
+  const readOnlySafeContract = await getReadOnlyGnosisSafeContract(chain, safeVersion)
+
+  return txs
+    .map((tx) => {
+      if (!isMultisigDetailedExecutionInfo(tx.detailedExecutionInfo)) return
+
+      const args = extractTxInfo(tx)
+      const sigs = getSignatures(args.signatures)
+
+      // @ts-ignore
+      const data = readOnlySafeContract.encode('execTransaction', [
+        args.txParams.to,
+        args.txParams.value,
+        args.txParams.data,
+        args.txParams.operation,
+        args.txParams.safeTxGas,
+        args.txParams.baseGas,
+        args.txParams.gasPrice,
+        args.txParams.gasToken,
+        args.txParams.refundReceiver,
+        sigs,
+      ])
+
+      return {
+        operation: OperationType.Call,
+        to: safeAddress,
+        value: '0',
+        data,
+      }
+    })
+    .filter(Boolean) as MetaTransactionData[]
+}
+
+export const getTxOptions = (params: AdvancedParameters, currentChain: ChainInfo | undefined): TransactionOptions => {
+  const txOptions: TransactionOptions = {
+    gasLimit: params.gasLimit?.toString(),
+    maxFeePerGas: params.maxFeePerGas?.toString(),
+    maxPriorityFeePerGas: params.maxPriorityFeePerGas?.toString(),
+    nonce: params.userNonce,
+  }
+
+  // Some chains don't support EIP-1559 gas price params
+  if (currentChain && !hasFeature(currentChain, FEATURES.EIP1559)) {
+    txOptions.gasPrice = txOptions.maxFeePerGas
+    delete txOptions.maxFeePerGas
+    delete txOptions.maxPriorityFeePerGas
+  }
+
+  return txOptions
+}
+
+export const getQueuedTransactionCount = (txPage?: TransactionListPage): string => {
+  if (!txPage) {
+    return '0'
+  }
+
+  const queuedTxs = txPage.results.filter(isTransactionListItem)
+
+  const queuedTxsByNonce = uniqBy(queuedTxs, (item) =>
+    isMultisigExecutionInfo(item.transaction.executionInfo) ? item.transaction.executionInfo.nonce : '',
+  )
+
+  if (txPage.next) {
+    return `> ${queuedTxsByNonce.length}`
+  }
+
+  return queuedTxsByNonce.length.toString()
+}
+
+export const getTxOrigin = (app?: Partial<SafeAppData>): string | undefined => {
+  if (!app) return
+
+  const MAX_ORIGIN_LENGTH = 200
+  const { url = '', name = '' } = app
+  let origin: string | undefined
+
+  try {
+    // Must include empty string to avoid including the length of `undefined`
+    const maxUrlLength = MAX_ORIGIN_LENGTH - JSON.stringify({ url: '', name: '' }).length
+    const trimmedUrl = getOriginPath(url).slice(0, maxUrlLength)
+
+    const maxNameLength = Math.max(0, maxUrlLength - trimmedUrl.length)
+    const trimmedName = name.slice(0, maxNameLength)
+
+    origin = JSON.stringify({ url: trimmedUrl, name: trimmedName })
+  } catch (e) {
+    logError(Errors._808, e)
+  }
+
+  return origin
+}
+
+export const decodeSafeTxToBaseTransactions = (safeTx: SafeTransaction): BaseTransaction[] => {
+  const txs: BaseTransaction[] = []
+  const safeTxData = safeTx.data.data
+  if (isMultiSendCalldata(safeTxData)) {
+    txs.push(...decodeMultiSendData(safeTxData))
+  } else {
+    txs.push({
+      data: safeTxData,
+      value: safeTx.data.value,
+      to: safeTx.data.to,
+    })
+  }
+  return txs
+}
+
+export const isRejectionTx = (tx?: SafeTransaction) => {
+  return !!tx && !!tx.data.data && isEmptyHexData(tx.data.data) && tx.data.value === '0'
+}
+
+export const isTrustedTx = (tx: TransactionSummary) => {
+  return (
+    isMultisigExecutionInfo(tx.executionInfo) ||
+    isModuleDetailedExecutionInfo(tx.executionInfo) ||
+    !isTransferTxInfo(tx.txInfo) ||
+    !isERC20Transfer(tx.txInfo.transferInfo) ||
+    Boolean(tx.txInfo.transferInfo.trusted)
+  )
+}
+
+export const isImitation = ({ txInfo }: TransactionSummary): boolean => {
+  return isTransferTxInfo(txInfo) && isERC20Transfer(txInfo.transferInfo) && Boolean(txInfo.transferInfo.imitation)
+}
+
+export const getSafeTransaction = async (safeTxHash: string, chainId: string, safeAddress: string) => {
+  const txId = `multisig_${safeAddress}_${safeTxHash}`
+
+  try {
+    return await getTransactionDetails(chainId, txId)
+  } catch (e) {
+    return undefined
+  }
+}
diff --git a/src/utils/tx-history-filter.ts b/apps/web/src/utils/tx-history-filter.ts
similarity index 88%
rename from src/utils/tx-history-filter.ts
rename to apps/web/src/utils/tx-history-filter.ts
index bcc4c5ba4..fbe9f3d3f 100644
--- a/src/utils/tx-history-filter.ts
+++ b/apps/web/src/utils/tx-history-filter.ts
@@ -11,8 +11,7 @@ import type { ParsedUrlQuery } from 'querystring'
 import { startOfDay, endOfDay } from 'date-fns'
 
 import type { TxFilterFormState } from '@/components/transactions/TxFilterForm'
-import { safeFormatUnits, safeParseUnits } from '@/utils/formatters'
-import { getTimezoneOffset } from '@/services/transactions'
+import { getTimezone } from '@/services/transactions'
 
 type IncomingTxFilter = NonNullable<operations['incoming_transfers']['parameters']['query']>
 type MultisigTxFilter = NonNullable<operations['multisig_transactions']['parameters']['query']>
@@ -31,7 +30,7 @@ export type TxFilter = {
 
 export const _omitNullish = (data: { [key: string]: any }) => {
   return Object.fromEntries(
-    Object.entries(data).filter(([_, value]) => {
+    Object.entries(data).filter(([, value]) => {
       return value !== '' && value != null
     }),
   )
@@ -69,7 +68,7 @@ export const txFilter = {
       execution_date__lte: formData.execution_date__lte
         ? endOfDay(formData.execution_date__lte).toISOString()
         : undefined,
-      value: formData.value ? safeParseUnits(formData.value, 18)?.toString() : undefined,
+      value: formData.value,
     })
 
     return {
@@ -93,7 +92,7 @@ export const txFilter = {
       ...filter,
       execution_date__gte: !isModule && filter.execution_date__gte ? new Date(filter.execution_date__gte) : null,
       execution_date__lte: !isModule && filter.execution_date__lte ? new Date(filter.execution_date__lte) : null,
-      value: !isModule && filter.value ? safeFormatUnits(filter.value, 18)?.toString() : '',
+      value: isModule ? '' : filter.value,
     }
   },
 }
@@ -119,15 +118,16 @@ export const fetchFilteredTxHistory = async (
   chainId: string,
   safeAddress: string,
   filterData: TxFilter,
-  onlyTrusted: boolean,
+  hideUntrustedTxs: boolean,
+  hideImitationTxs: boolean,
   pageUrl?: string,
 ): Promise<TransactionListPage> => {
   const fetchPage = () => {
     const query = {
       ...filterData.filter,
-      timezone_offset: getTimezoneOffset(),
-      trusted: onlyTrusted ?? false,
-      imitation: onlyTrusted ?? false,
+      timezone: getTimezone(),
+      trusted: hideUntrustedTxs,
+      imitation: !hideImitationTxs,
       executed: filterData.type === TxFilterType.MULTISIG ? 'true' : undefined,
     }
 
diff --git a/src/utils/tx-link.ts b/apps/web/src/utils/tx-link.ts
similarity index 100%
rename from src/utils/tx-link.ts
rename to apps/web/src/utils/tx-link.ts
diff --git a/src/utils/tx-list.ts b/apps/web/src/utils/tx-list.ts
similarity index 98%
rename from src/utils/tx-list.ts
rename to apps/web/src/utils/tx-list.ts
index f54b89bf0..e6b9ef7f7 100644
--- a/src/utils/tx-list.ts
+++ b/apps/web/src/utils/tx-list.ts
@@ -2,7 +2,7 @@ import { TransactionInfoType } from '@safe-global/safe-gateway-typescript-sdk'
 import type { Transaction, TransactionListItem } from '@safe-global/safe-gateway-typescript-sdk'
 
 import { isConflictHeaderListItem, isNoneConflictType, isTransactionListItem } from '@/utils/transaction-guards'
-import { sameAddress } from './addresses'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
 import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
 
 type GroupedTxs = Array<TransactionListItem | Transaction[]>
diff --git a/apps/web/src/utils/url.ts b/apps/web/src/utils/url.ts
new file mode 100644
index 000000000..dd14141fa
--- /dev/null
+++ b/apps/web/src/utils/url.ts
@@ -0,0 +1,55 @@
+export const trimTrailingSlash = (url: string): string => {
+  return url.replace(/\/$/, '')
+}
+
+export const isSameUrl = (url1: string, url2: string): boolean => {
+  return trimTrailingSlash(url1) === trimTrailingSlash(url2)
+}
+export const prefixedAddressRe = /[a-z0-9-]+\:0x[a-f0-9]{40}/i
+const invalidProtocolRegex = /^(\W*)(javascript|data|vbscript)/im
+const ctrlCharactersRegex = /[\u0000-\u001F\u007F-\u009F\u2000-\u200D\uFEFF]/gim
+const urlSchemeRegex = /^([^:]+):/gm
+const relativeFirstCharacters = ['.', '/']
+export const isRelativeUrl = (url: string): boolean => {
+  return relativeFirstCharacters.indexOf(url[0]) > -1
+}
+
+export const sanitizeUrl = (url: string): string => {
+  const sanitizedUrl = url.replace(ctrlCharactersRegex, '').trim()
+
+  if (isRelativeUrl(sanitizedUrl)) {
+    return sanitizedUrl
+  }
+
+  const urlSchemeParseResults = sanitizedUrl.match(urlSchemeRegex)
+  if (!urlSchemeParseResults) {
+    return sanitizedUrl
+  }
+
+  const urlScheme = urlSchemeParseResults[0]
+  if (invalidProtocolRegex.test(urlScheme)) {
+    throw new Error('Invalid protocol')
+  }
+
+  return sanitizedUrl
+}
+
+export const getOriginPath = (url: string): string => {
+  try {
+    const { origin, pathname } = new URL(url)
+    return origin + (pathname === '/' ? '' : pathname)
+  } catch (e) {
+    console.error('Error parsing URL', url, e)
+    return url
+  }
+}
+
+// Function to strip URL parameters, returning only the base URL
+export const stripUrlParams = (url: string): string => {
+  try {
+    const urlObj = new URL(url)
+    return `${urlObj.origin}${urlObj.pathname}`
+  } catch (e) {
+    return url
+  }
+}
diff --git a/apps/web/src/utils/wallets.ts b/apps/web/src/utils/wallets.ts
new file mode 100644
index 000000000..707d25a5a
--- /dev/null
+++ b/apps/web/src/utils/wallets.ts
@@ -0,0 +1,87 @@
+import type { EthersError } from '@/utils/ethers-utils'
+import { getWalletConnectLabel, type ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import { getWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { WALLET_KEYS } from '@/hooks/wallets/consts'
+import { EMPTY_DATA } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import memoize from 'lodash/memoize'
+import { PRIVATE_KEY_MODULE_LABEL } from '@/services/private-key-module'
+import { type JsonRpcProvider } from 'ethers'
+
+const WALLETCONNECT = 'WalletConnect'
+const WC_LEDGER = 'Ledger Wallet'
+
+const isWCRejection = (err: Error): boolean => {
+  return /rejected/.test(err?.message)
+}
+
+const isEthersRejection = (err: EthersError): boolean => {
+  return err.code === 'ACTION_REJECTED'
+}
+
+export const isWalletRejection = (err: EthersError | Error): boolean => {
+  return isEthersRejection(err as EthersError) || isWCRejection(err)
+}
+
+export const isEthSignWallet = (wallet: ConnectedWallet): boolean => {
+  return [WALLET_KEYS.TREZOR, WALLET_KEYS.KEYSTONE].includes(wallet.label.toUpperCase() as WALLET_KEYS)
+}
+
+export const isLedgerLive = (wallet: ConnectedWallet): boolean => {
+  return getWalletConnectLabel(wallet) === WC_LEDGER
+}
+
+export const isLedger = (wallet: ConnectedWallet): boolean => {
+  return wallet.label.toUpperCase() === WALLET_KEYS.LEDGER || isLedgerLive(wallet)
+}
+
+export const isWalletConnect = (wallet: ConnectedWallet): boolean => {
+  return wallet.label.toLowerCase().startsWith(WALLETCONNECT.toLowerCase())
+}
+
+export const isHardwareWallet = (wallet: ConnectedWallet): boolean => {
+  return [WALLET_KEYS.LEDGER, WALLET_KEYS.TREZOR, WALLET_KEYS.KEYSTONE].includes(
+    wallet.label.toUpperCase() as WALLET_KEYS,
+  )
+}
+
+export const isPKWallet = (wallet: ConnectedWallet): boolean => {
+  return wallet.label.toUpperCase() === WALLET_KEYS.PK
+}
+
+export const isSmartContract = async (address: string, provider?: JsonRpcProvider): Promise<boolean> => {
+  const web3 = provider ?? getWeb3ReadOnly()
+
+  if (!web3) {
+    throw new Error('Provider not found')
+  }
+
+  const code = await web3.getCode(address)
+
+  return code !== EMPTY_DATA
+}
+
+export const isSmartContractWallet = memoize(
+  async (_chainId: string, address: string): Promise<boolean> => {
+    return isSmartContract(address)
+  },
+  (chainId, address) => chainId + address,
+)
+
+/* Check if the wallet is unlocked. */
+export const isWalletUnlocked = async (walletName: string): Promise<boolean | undefined> => {
+  if ([PRIVATE_KEY_MODULE_LABEL, WALLETCONNECT].includes(walletName)) return true
+
+  const METAMASK_LIKE = ['MetaMask', 'Rabby Wallet', 'Zerion']
+
+  // Only MetaMask exposes a method to check if the wallet is unlocked
+  if (METAMASK_LIKE.includes(walletName)) {
+    if (typeof window === 'undefined' || !window.ethereum?._metamask) return false
+    try {
+      return await window.ethereum?._metamask.isUnlocked()
+    } catch {
+      return false
+    }
+  }
+
+  return false
+}
diff --git a/apps/web/tsconfig.json b/apps/web/tsconfig.json
new file mode 100644
index 000000000..cafab523b
--- /dev/null
+++ b/apps/web/tsconfig.json
@@ -0,0 +1,46 @@
+{
+  "compilerOptions": {
+    "target": "es2020",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "Bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@safe-global/safe-apps-sdk/*": ["../../node_modules/@safe-global/safe-apps-sdk/*"],
+      "@gnosis.pm/zodiac/*": ["../../node_modules/@gnosis.pm/zodiac/*"],
+      "@cowprotocol/app-data": ["../../node_modules/@cowprotocol/app-data"],
+      "@/public/*": ["./public/*"],
+      "@safe-global/store/*": ["../../packages/store/src/*"],
+      "@safe-global/utils/*": ["../../packages/utils/src/*"]
+    },
+    "plugins": [
+      {
+        "name": "typescript-plugin-css-modules"
+      },
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": [
+    "apps/web/next-env.d.ts",
+    "src/definitions.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "./jest.setup.js",
+    "./eslint.config.mjs"
+  ],
+  "exclude": ["node_modules", "src/types/contracts"]
+}
diff --git a/codemods/safe-gateway-typescript-sdk/convert-messages.js b/codemods/safe-gateway-typescript-sdk/convert-messages.js
new file mode 100644
index 000000000..d8c00c03b
--- /dev/null
+++ b/codemods/safe-gateway-typescript-sdk/convert-messages.js
@@ -0,0 +1,56 @@
+/**
+ * jscodeshift transformer to update @safe-global/safe-gateway-typescript-sdk Messages imports to @safe-global/store messages imports.
+ *
+ * The scripts modifies import declarations, type references and type assertions across the codebase.
+ *
+ * To use the script run
+ *
+ * jscodeshift -t codemods/safe-gateway-typescript-sdk/convert-messages.js apps/web/src --extensions=tsx --parser=tsx
+ * and
+ * jscodeshift -t codemods/safe-gateway-typescript-sdk/convert-messages.js apps/web/src --extensions=ts --parser=ts
+ *
+ * This way the changes are applied to both TypeScript and JSX files.
+ */
+
+import createTransformer from './transform'
+export const importMapping = {
+  // Messages
+  SafeMessageListItemType: { module: '@safe-global/store/gateway/types', newName: 'SafeMessageListItemType' },
+  SafeMessageDateLabel: { module: '@safe-global/store/gateway/AUTO_GENERATED/messages', newName: 'DateLabel' },
+  SafeMessageStatus: { module: '@safe-global/store/gateway/types', newName: 'SafeMessageStatus' },
+  TypedDataDomain: { module: '@safe-global/store/gateway/AUTO_GENERATED/messages', newName: 'TypedDataDomain' },
+  TypedDataTypes: { module: '@safe-global/store/gateway/AUTO_GENERATED/messages', newName: 'TypedDataParameter' },
+  TypedMessageTypes: { module: '@safe-global/store/gateway/types', newName: 'TypedMessageTypes' },
+  EIP712TypedData: { module: '@safe-global/store/gateway/AUTO_GENERATED/messages', newName: 'TypedData' },
+  SafeMessage: { module: '@safe-global/store/gateway/AUTO_GENERATED/messages', newName: 'MessageItem' },
+  SafeMessageListItem: { module: '@safe-global/store/gateway/types', newName: 'SafeMessageListItem' },
+  SafeMessageListPage: { module: '@safe-global/store/gateway/AUTO_GENERATED/messages', newName: 'MessagePage' },
+  ProposeSafeMessageRequest: {
+    module: '@safe-global/store/gateway/AUTO_GENERATED/messages',
+    newName: 'CreateMessageDto',
+  },
+  ConfirmSafeMessageRequest: {
+    module: '@safe-global/store/gateway/AUTO_GENERATED/messages',
+    newName: 'UpdateMessageSignatureDto',
+  },
+}
+
+export const enumLiteralMappings = {
+  SafeMessageStatus: {
+    NEEDS_CONFIRMATION: 'NEEDS_CONFIRMATION',
+    CONFIRMED: 'CONFIRMED',
+  },
+
+  SafeMessageListItemType: {
+    DATE_LABEL: 'DATE_LABEL',
+    MESSAGE: 'MESSAGE',
+  },
+}
+
+export const sourcePackage = '@safe-global/safe-gateway-typescript-sdk'
+
+export default createTransformer({
+  importMapping,
+  enumLiteralMappings,
+  sourcePackage,
+})
diff --git a/codemods/safe-gateway-typescript-sdk/transform.js b/codemods/safe-gateway-typescript-sdk/transform.js
new file mode 100644
index 000000000..14585e547
--- /dev/null
+++ b/codemods/safe-gateway-typescript-sdk/transform.js
@@ -0,0 +1,107 @@
+/**
+ * Generic jscodeshift transformer that can be used with different mapping configurations
+ * to update imports and type references across the codebase.
+ *
+ * To use this transformer, create a mappings object with the following properties:
+ * - importMapping: Object mapping old imports to new module/name pairs
+ * - enumLiteralMappings: Object mapping enum names to their literal values
+ * - sourcePackage: String identifying the source package to transform
+ *
+ * then pass the mappings object to the transformer.
+ */
+export default function createTransformer(mappings) {
+  return function transformer(file, api) {
+    if (!file.source.includes(mappings.sourcePackage)) {
+      return file.source
+    }
+
+    const j = api.jscodeshift
+    const root = j(file.source)
+
+    const newImportsMap = new Map()
+    const importsToRemove = []
+
+    // Replace enum references with literals based on the configurable mapping
+    Object.entries(mappings.enumLiteralMappings).forEach(([enumName, enumMappings]) => {
+      root.find(j.MemberExpression, { object: { name: enumName } }).forEach((path) => {
+        const propName = path.node.property.name
+        if (enumMappings[propName]) {
+          const newNode = j.tsAsExpression(
+            j.stringLiteral(enumMappings[propName]),
+            j.tsTypeReference(j.identifier('const')),
+          )
+          j(path).replaceWith(newNode)
+        }
+      })
+    })
+
+    // Transform imports
+    root.find(j.ImportDeclaration, { source: { value: mappings.sourcePackage } }).forEach((path) => {
+      const baseImportKind = path.node.importKind || 'value'
+      const transformedSpecifiers = []
+
+      path.node.specifiers.forEach((specifier) => {
+        if (specifier.type !== 'ImportSpecifier') return
+
+        const importedName = specifier.imported.name
+        const mapping = mappings.importMapping[importedName]
+        if (!mapping) return
+
+        const specifierImportKind = specifier.importKind || baseImportKind
+        const key = `${mapping.module}|${specifierImportKind}`
+        if (!newImportsMap.has(key)) newImportsMap.set(key, [])
+
+        const localName = specifier.local.name !== importedName ? specifier.local.name : undefined
+        if (localName) {
+          newImportsMap.get(key).push(j.importSpecifier(j.identifier(mapping.newName), j.identifier(localName)))
+        } else {
+          newImportsMap.get(key).push(j.importSpecifier(j.identifier(mapping.newName)))
+        }
+
+        transformedSpecifiers.push(specifier)
+      })
+
+      if (transformedSpecifiers.length === path.node.specifiers.length) {
+        importsToRemove.push(path)
+      } else {
+        path.node.specifiers = path.node.specifiers.filter((spec) => !transformedSpecifiers.includes(spec))
+      }
+    })
+
+    importsToRemove.forEach((p) => j(p).remove())
+
+    // Add new imports
+    newImportsMap.forEach((specifiers, key) => {
+      const [module, importKind] = key.split('|')
+      const importDecl = j.importDeclaration(specifiers, j.literal(module))
+      if (importKind === 'type') importDecl.importKind = 'type'
+      root.get().node.program.body.unshift(importDecl)
+    })
+
+    // Replace types in angle-bracket assertions
+    root.find(j.TSTypeAssertion).forEach((path) => {
+      const typeName = path.node.typeAnnotation.typeName?.name
+      if (typeName && mappings.importMapping[typeName]) {
+        path.node.typeAnnotation.typeName.name = mappings.importMapping[typeName].newName
+      }
+    })
+
+    // Replace type references
+    root.find(j.TSTypeReference).forEach((path) => {
+      const typeName = path.node.typeName?.name
+      if (typeName && mappings.importMapping[typeName]) {
+        path.node.typeName.name = mappings.importMapping[typeName].newName
+      }
+    })
+
+    // Remove empty import declarations
+    root
+      .find(j.ImportDeclaration)
+      .filter((path) => path.node.specifiers.length === 0)
+      .forEach((path) => {
+        j(path).remove()
+      })
+
+    return root.toSource({ quote: 'single', trailingComma: true })
+  }
+}
diff --git a/config/test/msw/handlers.ts b/config/test/msw/handlers.ts
new file mode 100644
index 000000000..b6f7d5ca2
--- /dev/null
+++ b/config/test/msw/handlers.ts
@@ -0,0 +1,70 @@
+import { http, HttpResponse } from 'msw'
+import type { FiatCurrencies } from '@safe-global/store/src/gateway/types'
+import { Balances } from '@safe-global/store/src/gateway/AUTO_GENERATED/balances'
+import { CollectiblePage } from '@safe-global/store/src/gateway/AUTO_GENERATED/collectibles'
+
+const iso4217Currencies = ['USD', 'EUR', 'GBP']
+export const handlers = (GATEWAY_URL: string) => [
+  http.get(`${GATEWAY_URL}/v1/auth/nonce`, () => {
+    return HttpResponse.json({
+      nonce: 'mock-nonce-for-testing-12345',
+      timestamp: new Date().toISOString(),
+      expirationTime: new Date(Date.now() + 300000).toISOString(),
+    })
+  }),
+
+  http.get<never, never, Balances>(`${GATEWAY_URL}/v1/chains/1/safes/0x123/balances/USD`, () => {
+    return HttpResponse.json({
+      items: [
+        {
+          tokenInfo: {
+            name: 'Ethereum',
+            symbol: 'ETH',
+            decimals: 18,
+            address: '0x',
+            type: 'ERC20',
+            logoUri: 'https://safe-transaction-assets.safe.global/chains/1/chain_logo.png',
+          },
+          balance: '1000000000000000000',
+          fiatBalance: '2000',
+          fiatConversion: '2000',
+        },
+      ],
+      fiatTotal: '2000',
+    })
+  }),
+  http.get<never, never, CollectiblePage>(`${GATEWAY_URL}/v2/chains/:chainId/safes/:safeAddress/collectibles`, () => {
+    return HttpResponse.json({
+      count: 2,
+      next: null,
+      previous: null,
+      results: [
+        {
+          id: '1',
+          address: '0x123',
+          tokenName: 'Cool NFT',
+          tokenSymbol: 'CNFT',
+          logoUri: 'https://example.com/nft1.png',
+          name: 'NFT #1',
+          description: 'A cool NFT',
+          uri: 'https://example.com/nft1.json',
+          imageUri: 'https://example.com/nft1.png',
+        },
+        {
+          id: '2',
+          address: '0x456',
+          tokenName: 'Another NFT',
+          tokenSymbol: 'ANFT',
+          logoUri: 'https://example.com/nft2.png',
+          name: 'NFT #2',
+          description: 'Another cool NFT',
+          uri: 'https://example.com/nft2.json',
+          imageUri: 'https://example.com/nft2.png',
+        },
+      ],
+    })
+  }),
+  http.get<never, never, FiatCurrencies>(`${GATEWAY_URL}/v1/balances/supported-fiat-codes`, () => {
+    return HttpResponse.json(iso4217Currencies)
+  }),
+]
diff --git a/config/test/package.json b/config/test/package.json
new file mode 100644
index 000000000..41a2bf357
--- /dev/null
+++ b/config/test/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@safe-global/test",
+  "version": "0.0.0",
+  "dependencies": {
+    "@safe-global/store": "workspace:^",
+    "jest": "^29.7.0",
+    "ts-jest": "29.2.5"
+  },
+  "devDependencies": {
+    "jest-transform-stub": "2.0.0"
+  },
+  "license": "MIT",
+  "private": true
+}
diff --git a/config/test/presets/jest-preset.js b/config/test/presets/jest-preset.js
new file mode 100644
index 000000000..2d5190903
--- /dev/null
+++ b/config/test/presets/jest-preset.js
@@ -0,0 +1,26 @@
+/** @type any */
+module.exports = {
+  preset: 'ts-jest',
+  moduleDirectories: ['node_modules', 'src'],
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'mjs', 'cjs', 'jsx', 'json', 'node', 'mp4'],
+  moduleNameMapper: {
+    '.+\\.(css|style|less|sass|scss|png|jpg|ttf|woff|woff2|mp4)$': 'jest-transform-stub',
+    // Jest by default doesn't support absolute imports out of the box
+    '^@safe-global/utils/(.*)$': '<rootDir>/../../packages/utils/src/$1',
+    '^@safe-global/store/(.*)$': '<rootDir>/../../packages/store/src/$1',
+    '^src/(.*)$': '<rootDir>/src/$1',
+  },
+  modulePathIgnorePatterns: ['<rootDir>/node_modules'],
+  testPathIgnorePatterns: ['<rootDir>/node_modules', '<rootDir>/dist', '<rootDir>/e2e'],
+  testMatch: ['<rootDir>/**/*.(spec|test).[jt]s?(x)'],
+  // setupFilesAfterEnv: ['<rootDir>/../../config/jest-presets/jest/setup.js'],
+
+  transformIgnorePatterns: [
+    'node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@sentry/react-native|native-base|react-native-svg|react-redux|moti/.*|@safe-global/safe-apps-sdk|ethereum-cryptography|@safe-global/protocol-kit|@safe-global/safe-gateway-typescript-sdk)',
+  ],
+  coverageDirectory: '<rootDir>/coverage',
+  coverageReporters: ['json', 'lcov', 'html'],
+  collectCoverageFrom: ['<rootDir>/packages/**/src/**/*.ts'],
+  collectCoverage: false, // turn it on when you want to collect coverage
+  clearMocks: true,
+}
diff --git a/config/tsconfig/confs/base.json b/config/tsconfig/confs/base.json
new file mode 100644
index 000000000..5fc625776
--- /dev/null
+++ b/config/tsconfig/confs/base.json
@@ -0,0 +1,42 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "compilerOptions": {
+    "paths": {
+      "@safe-global/store/*": ["packages/store/src/*"],
+      "@safe-global/utils/*": ["packages/utils/src/*"]
+    },
+    "importHelpers": true,
+    "allowJs": false,
+    "allowSyntheticDefaultImports": true,
+    "downlevelIteration": true,
+    "esModuleInterop": true,
+    "preserveSymlinks": true,
+    "incremental": true,
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "forceConsistentCasingInFileNames": true,
+    "noEmitOnError": false,
+    "noImplicitAny": false,
+    "noImplicitReturns": false,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "experimentalDecorators": true,
+    "useUnknownInCatchVariables": false,
+    "preserveConstEnums": true,
+    "removeComments": false,
+    "strict": true,
+    "skipLibCheck": true,
+    "typeRoots": ["../../../node_modules/@types"],
+    "sourceMap": false,
+    "target": "ESNext",
+    "types": ["node", "jest"],
+    "jsx": "react-jsx",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "resolveJsonModule": true,
+    "plugins": []
+  },
+  "exclude": ["_"],
+  "typeAcquisition": {
+    "enable": true
+  }
+}
diff --git a/config/tsconfig/package.json b/config/tsconfig/package.json
new file mode 100644
index 000000000..bc7928be8
--- /dev/null
+++ b/config/tsconfig/package.json
@@ -0,0 +1,8 @@
+{
+  "name": "@safe-global/tsconfig",
+  "version": "0.0.0",
+  "files": [
+    "confs/base.json"
+  ],
+  "private": true
+}
diff --git a/cypress.config.js b/cypress.config.js
deleted file mode 100644
index b03786f20..000000000
--- a/cypress.config.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import { defineConfig } from 'cypress'
-import 'dotenv/config'
-import * as fs from 'fs'
-
-export default defineConfig({
-  projectId: 'exhdra',
-  trashAssetsBeforeRuns: true,
-  reporter: 'junit',
-  reporterOptions: {
-    mochaFile: 'reports/junit-[hash].xml',
-  },
-  retries: {
-    runMode: 3,
-    openMode: 0,
-  },
-  e2e: {
-    setupNodeEvents(on, config) {
-      on('after:spec', (spec, results) => {
-        if (results && results.video) {
-          const failures = results.tests.some((test) => test.attempts.some((attempt) => attempt.state === 'failed'))
-          if (!failures) {
-            fs.unlinkSync(results.video)
-          }
-        }
-      })
-    },
-    env: {
-      ...process.env,
-    },
-    baseUrl: 'http://localhost:3000',
-    testIsolation: false,
-    hideXHR: true,
-    defaultCommandTimeout: 10000,
-    pageLoadTimeout: 60000,
-  },
-
-  chromeWebSecurity: false,
-})
diff --git a/cypress/e2e/happypath/sendfunds_queue_1.cy.js b/cypress/e2e/happypath/sendfunds_queue_1.cy.js
deleted file mode 100644
index f0a6d5624..000000000
--- a/cypress/e2e/happypath/sendfunds_queue_1.cy.js
+++ /dev/null
@@ -1,203 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as assets from '../pages/assets.pages'
-import * as tx from '../pages/transactions.page'
-import { ethers } from 'ethers'
-import SafeApiKit from '@safe-global/api-kit'
-import { createEthersAdapter, createSigners } from '../../support/api/utils_ether'
-import { createSafes } from '../../support/api/utils_protocolkit'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const receiver = walletCredentials.OWNER_2_WALLET_ADDRESS
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-const tokenAmount = '0.0001'
-const netwrok = 'sepolia'
-const network_pref = 'sep:'
-const unit_eth = 'ether'
-let apiKit,
-  protocolKitOwnerS1,
-  protocolKitOwnerS2,
-  protocolKitOwner1_S3,
-  protocolKitOwner2_S3,
-  existingSafeAddress1,
-  existingSafeAddress2,
-  existingSafeAddress3
-
-let safes = []
-let safesData = []
-
-const provider = new ethers.InfuraProvider(netwrok, Cypress.env('INFURA_API_KEY'))
-const privateKeys = [walletCredentials.OWNER_1_PRIVATE_KEY, walletCredentials.OWNER_2_PRIVATE_KEY]
-
-const signers = createSigners(privateKeys, provider)
-
-const owner1Signer = signers[0]
-const owner2Signer = signers[1]
-
-const ethAdapterOwner1 = createEthersAdapter(owner1Signer)
-const ethAdapterOwner2 = createEthersAdapter(owner2Signer)
-
-function visit(url) {
-  cy.visit(url)
-  cy.clearLocalStorage()
-  main.acceptCookies()
-}
-
-function executeTransactionFlow(fromSafe) {
-  visit(constants.transactionQueueUrl + fromSafe)
-  wallet.connectSigner(signer)
-  assets.clickOnConfirmBtn(0)
-  tx.executeFlow_1()
-  cy.wait(5000)
-}
-
-describe('Send funds from queue happy path tests 1', () => {
-  before(async () => {
-    safesData = await getSafes(CATEGORIES.funds)
-    apiKit = new SafeApiKit({
-      chainId: BigInt(1),
-      txServiceUrl: constants.stagingTxServiceUrl,
-    })
-
-    existingSafeAddress1 = safesData.SEP_FUNDS_SAFE_3.substring(4)
-    existingSafeAddress2 = safesData.SEP_FUNDS_SAFE_4.substring(4)
-    existingSafeAddress3 = safesData.SEP_FUNDS_SAFE_5.substring(4)
-
-    const safeConfigurations = [
-      { ethAdapter: ethAdapterOwner1, safeAddress: existingSafeAddress1 },
-      { ethAdapter: ethAdapterOwner1, safeAddress: existingSafeAddress2 },
-      { ethAdapter: ethAdapterOwner1, safeAddress: existingSafeAddress3 },
-      { ethAdapter: ethAdapterOwner2, safeAddress: existingSafeAddress3 },
-    ]
-
-    safes = await createSafes(safeConfigurations)
-
-    protocolKitOwnerS1 = safes[0]
-    protocolKitOwnerS2 = safes[1]
-    protocolKitOwner1_S3 = safes[2]
-    protocolKitOwner2_S3 = safes[3]
-  })
-
-  it(
-    'Verify confirmation and execution of native token queued tx by second signer with connected wallet',
-    { defaultCommandTimeout: 300000 },
-    () => {
-      cy.wrap(null)
-        .then(() => {
-          return main.fetchCurrentNonce(network_pref + existingSafeAddress1)
-        })
-        .then(async (currentNonce) => {
-          const amount = ethers.parseUnits(tokenAmount, unit_eth).toString()
-          const safeTransactionData = {
-            to: receiver,
-            data: '0x',
-            value: amount.toString(),
-          }
-
-          const safeTransaction = await protocolKitOwnerS1.createTransaction({ transactions: [safeTransactionData] })
-          const safeTxHash = await protocolKitOwnerS1.getTransactionHash(safeTransaction)
-          const senderSignature = await protocolKitOwnerS1.signHash(safeTxHash)
-          const safeAddress = existingSafeAddress1
-
-          await apiKit.proposeTransaction({
-            safeAddress,
-            safeTransactionData: safeTransaction.data,
-            safeTxHash,
-            senderAddress: await owner1Signer.getAddress(),
-            senderSignature: senderSignature.data,
-          })
-
-          executeTransactionFlow(safeAddress)
-          cy.wait(5000)
-          main.verifyNonceChange(network_pref + safeAddress, currentNonce + 1)
-        })
-    },
-  )
-
-  it.skip('Verify confirmation and execution of native token queued tx by second signer with relayer', () => {
-    function executeTransactionFlow(fromSafe) {
-      visit(constants.transactionQueueUrl + fromSafe)
-      wallet.connectSigner(signer)
-      assets.clickOnConfirmBtn(0)
-      tx.executeFlow_2()
-      cy.wait(5000)
-    }
-    cy.wrap(null)
-      .then(() => {
-        return main.fetchCurrentNonce(network_pref + existingSafeAddress2)
-      })
-      .then(async (currentNonce) => {
-        const amount = ethers.parseUnits(tokenAmount, unit_eth).toString()
-        const safeTransactionData = {
-          to: receiver,
-          data: '0x',
-          value: amount.toString(),
-        }
-
-        const safeTransaction = await protocolKitOwnerS2.createTransaction({ transactions: [safeTransactionData] })
-        const safeTxHash = await protocolKitOwnerS2.getTransactionHash(safeTransaction)
-        const senderSignature = await protocolKitOwnerS2.signHash(safeTxHash)
-        const safeAddress = existingSafeAddress2
-
-        await apiKit.proposeTransaction({
-          safeAddress,
-          safeTransactionData: safeTransaction.data,
-          safeTxHash,
-          senderAddress: await owner1Signer.getAddress(),
-          senderSignature: senderSignature.data,
-        })
-
-        executeTransactionFlow(safeAddress)
-        cy.wait(5000)
-        main.verifyNonceChange(network_pref + safeAddress, currentNonce + 1)
-      })
-  })
-
-  it('Verify 1 signer can execute a tx confirmed by 2 signers', { defaultCommandTimeout: 300000 }, () => {
-    function executeTransaction(fromSafe) {
-      visit(constants.transactionQueueUrl + fromSafe)
-      wallet.connectSigner(signer)
-      assets.clickOnExecuteBtn(0)
-      tx.executeFlow_3()
-      cy.wait(5000)
-    }
-    cy.wrap(null)
-      .then(() => {
-        return main.fetchCurrentNonce(network_pref + existingSafeAddress3)
-      })
-      .then(async (currentNonce) => {
-        const amount = ethers.parseUnits(tokenAmount, unit_eth).toString()
-        const safeTransactionData = {
-          to: receiver,
-          data: '0x',
-          value: amount.toString(),
-        }
-
-        const safeTransaction = await protocolKitOwner1_S3.createTransaction({ transactions: [safeTransactionData] })
-        const safeTxHash = await protocolKitOwner1_S3.getTransactionHash(safeTransaction)
-        const senderSignature = await protocolKitOwner1_S3.signHash(safeTxHash)
-        const safeAddress = existingSafeAddress3
-
-        await apiKit.proposeTransaction({
-          safeAddress,
-          safeTransactionData: safeTransaction.data,
-          safeTxHash,
-          senderAddress: await owner1Signer.getAddress(),
-          senderSignature: senderSignature.data,
-        })
-
-        const pendingTransactions = await apiKit.getPendingTransactions(safeAddress)
-        const safeTxHashofExistingTx = pendingTransactions.results[0].safeTxHash
-
-        const signature = await protocolKitOwner2_S3.signHash(safeTxHashofExistingTx)
-        await apiKit.confirmTransaction(safeTxHashofExistingTx, signature.data)
-
-        executeTransaction(safeAddress)
-        cy.wait(5000)
-        main.verifyNonceChange(network_pref + safeAddress, currentNonce + 1)
-      })
-  })
-})
diff --git a/cypress/e2e/happypath/tx_history_filter_hp_2.cy.js b/cypress/e2e/happypath/tx_history_filter_hp_2.cy.js
deleted file mode 100644
index 98e0f5d98..000000000
--- a/cypress/e2e/happypath/tx_history_filter_hp_2.cy.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import * as constants from '../../support/constants.js'
-import * as main from '../pages/main.page.js'
-import * as createTx from '../pages/create_tx.pages.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-let staticSafes = []
-
-describe('Tx history happy path tests 2', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_8)
-    main.acceptCookies()
-  })
-
-  it('Verify a user can filter outgoing transactions by module', () => {
-    const moduleAddress = 'sep:0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134'
-    const uiDate = 'Jan 30, 2024 - 10:53:48 AM'
-
-    createTx.clickOnFilterBtn()
-    createTx.setTxType(createTx.filterTypes.module)
-    createTx.fillFilterForm({ address: moduleAddress })
-    createTx.clickOnApplyBtn()
-    createTx.verifyNumberOfTransactions(1)
-    createTx.checkTxItemDate(0, uiDate)
-  })
-})
diff --git a/cypress/e2e/pages/batches.pages.js b/cypress/e2e/pages/batches.pages.js
deleted file mode 100644
index 85e98e635..000000000
--- a/cypress/e2e/pages/batches.pages.js
+++ /dev/null
@@ -1,108 +0,0 @@
-import * as constants from '../../support/constants'
-
-const tokenSelectorText = 'G(ö|oe)rli Ether'
-const noLaterString = 'No, later'
-const yesExecuteString = 'Yes, execute'
-const newTransactionTitle = 'New transaction'
-const sendTokensButn = 'Send tokens'
-const nextBtn = 'Next'
-const executeBtn = 'Execute'
-const addToBatchBtn = 'Add to batch'
-const confirmBatchBtn = 'Confirm batch'
-
-export const closeModalBtnBtn = '[data-testid="CloseIcon"]'
-export const deleteTransactionbtn = '[title="Delete transaction"]'
-export const batchTxTopBar = '[data-track="batching: Batch sidebar open"]'
-export const batchTxCounter = '[data-track="batching: Batch sidebar open"] span > span'
-export const addNewTxBatch = '[data-track="batching: Add new tx to batch"]'
-export const batchedTransactionsStr = 'Batched transactions'
-export const addInitialTransactionStr = 'Add an initial transaction to the batch'
-export const transactionAddedToBatchStr = 'Transaction is added to batch'
-export const addNewStransactionStr = 'Add new transaction'
-
-const recipientInput = 'input[name="recipient"]'
-const tokenAddressInput = 'input[name="tokenAddress"]'
-const listBox = 'ul[role="listbox"]'
-const amountInput = '[name="amount"]'
-const nonceInput = 'input[name="nonce"]'
-const executeOptionsContainer = 'div[role="radiogroup"]'
-
-export function addToBatch(EOA, currentNonce, amount, verify = false) {
-  fillTransactionData(EOA, amount)
-  setNonceAndProceed(currentNonce)
-  // Execute the transaction if verification is required
-  if (verify) {
-    executeTransaction()
-  }
-  addToBatchButton()
-}
-
-function fillTransactionData(EOA, amount) {
-  cy.get(recipientInput).type(EOA, { delay: 1 })
-  // Click on the Token selector
-  cy.get(tokenAddressInput).prev().click()
-  cy.get(listBox).contains(constants.tokenNames.sepoliaEther).click()
-  cy.get(amountInput).type(amount)
-  cy.contains(nextBtn).click()
-}
-
-function setNonceAndProceed(currentNonce) {
-  cy.get(nonceInput).clear().type(currentNonce, { force: true }).blur()
-  cy.contains(executeBtn).scrollIntoView()
-}
-
-function executeTransaction() {
-  cy.waitForSelector(() => {
-    return cy.get(executeOptionsContainer).then(() => {
-      cy.contains(yesExecuteString, { timeout: 4000 }).click()
-      cy.contains(addToBatchBtn).should('not.exist')
-    })
-  })
-}
-
-function addToBatchButton() {
-  cy.contains(addToBatchBtn).should('be.visible').and('not.be.disabled').click()
-}
-
-export function openBatchtransactionsModal() {
-  cy.get(batchTxTopBar).should('be.visible').click()
-  cy.contains(batchedTransactionsStr).should('be.visible')
-}
-
-export function openNewTransactionModal() {
-  cy.get(addNewTxBatch).click()
-  cy.contains(sendTokensButn).click()
-}
-
-export function addNewTransactionToBatch(EOA, currentNonce, funds_first_tx) {
-  openBatchtransactionsModal()
-  openNewTransactionModal()
-  addToBatch(EOA, currentNonce, funds_first_tx)
-}
-
-export function verifyAmountTransactionsInBatch(count) {
-  cy.contains(batchedTransactionsStr, { timeout: 7000 })
-    .should('be.visible')
-    .parents('aside')
-    .find('ul > li')
-    .should('have.length', count)
-}
-
-export function clickOnConfirmBatchBtn() {
-  cy.get('button').contains(confirmBatchBtn).should('be.visible').should('be.enabled').click()
-}
-
-export function verifyBatchTransactionsCount(count) {
-  cy.contains(`This batch contains ${count} transactions`).should('be.visible')
-}
-
-export function clickOnBatchCounter() {
-  cy.get(batchTxCounter).click()
-}
-export function verifyTransactionAdded() {
-  cy.contains(transactionAddedToBatchStr).should('be.visible')
-}
-
-export function verifyBatchIconCount(count) {
-  cy.get(batchTxCounter).contains(count)
-}
diff --git a/cypress/e2e/pages/create_tx.pages.js b/cypress/e2e/pages/create_tx.pages.js
deleted file mode 100644
index 221959716..000000000
--- a/cypress/e2e/pages/create_tx.pages.js
+++ /dev/null
@@ -1,542 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as wallet from '../pages/create_wallet.pages'
-
-export const delegateCallWarning = '[data-testid="delegate-call-warning"]'
-export const policyChangeWarning = '[data-testid="threshold-warning"]'
-const newTransactionBtnStr = 'New transaction'
-const recepientInput = 'input[name="recipient"]'
-const sendTokensBtnStr = 'Send tokens'
-const tokenAddressInput = 'input[name="tokenAddress"]'
-const amountInput = 'input[name="amount"]'
-const nonceInput = 'input[name="nonce"]'
-const nonceTxValue = '[data-testid="nonce"]'
-const gasLimitInput = '[name="gasLimit"]'
-const rotateLeftIcon = '[data-testid="RotateLeftIcon"]'
-export const transactionItem = '[data-testid="transaction-item"]'
-export const connectedWalletExecMethod = '[data-testid="connected-wallet-execution-method"]'
-const addToBatchBtn = '[data-track="batching: Add to batch"]'
-const accordionDetails = '[data-testid="accordion-details"]'
-const accordionMessageDetails = '[data-testid="accordion-msg-details"]'
-const copyIcon = '[data-testid="copy-btn-icon"]'
-const transactionSideList = '[data-testid="transaction-actions-list"]'
-const confirmationVisibilityBtn = '[data-testid="confirmation-visibility-btn"]'
-const expandAllBtn = '[data-testid="expande-all-btn"]'
-const collapseAllBtn = '[data-testid="collapse-all-btn"]'
-export const txRowTitle = '[data-testid="tx-row-title"]'
-const advancedDetails = '[data-testid="tx-advanced-details"]'
-const baseGas = '[data-testid="tx-bas-gas"]'
-const requiredConfirmation = '[data-testid="required-confirmations"]'
-export const txDate = '[data-testid="tx-date"]'
-const spamTokenWarningIcon = '[data-testid="warning"]'
-const untrustedTokenWarningModal = '[data-testid="untrusted-token-warning"]'
-const sendTokensBtn = '[data-testid="send-tokens-btn"]'
-export const replacementNewSigner = '[data-testid="new-owner"]'
-export const messageItem = '[data-testid="message-item"]'
-const filterStartDateInput = '[data-testid="start-date"]'
-const filterEndDateInput = '[data-testid="end-date"]'
-const filterAmountInput = '[data-testid="amount-input"]'
-const filterTokenInput = '[data-testid="token-input"]'
-const filterNonceInput = '[data-testid="nonce-input"]'
-const filterApplyBtn = '[data-testid="apply-btn"]'
-const filterClearBtn = '[data-testid="clear-btn"]'
-const addressItem = '[data-testid="address-item"]'
-const radioSelector = 'div[role="radiogroup"]'
-const rejectTxBtn = '[data-testid="reject-btn"]'
-const deleteTxModalBtn = '[data-testid="delete-tx-btn"]'
-
-const viewTransactionBtn = 'View transaction'
-const transactionDetailsTitle = 'Transaction details'
-const QueueLabel = 'needs to be executed first'
-const TransactionSummary = 'Send '
-const transactionsPerHrStr = 'free transactions left this hour'
-
-const maxAmountBtnStr = 'Max'
-const nextBtnStr = 'Next'
-const nativeTokenTransferStr = 'Native token transfer'
-const yesStr = 'Yes, '
-const estimatedFeeStr = 'Estimated fee'
-const executeStr = 'Execute'
-const editBtnStr = 'Edit'
-const executionParamsStr = 'Execution parameters'
-const noLaterStr = 'No, later'
-const signBtnStr = 'Sign'
-const expandAllBtnStr = 'Expand all'
-const collapseAllBtnStr = 'Collapse all'
-export const messageNestedStr = `"nestedString": "Test message 3 off-chain"`
-const noTxFoundStr = (type) => `0 ${type} transactions found`
-const deleteFromQueueStr = 'Delete from the queue'
-
-export const filterTypes = {
-  incoming: 'Incoming',
-  outgoing: 'Outgoing',
-  module: 'Module-based',
-}
-
-function clickOnRejectBtn() {
-  cy.get(rejectTxBtn).click()
-}
-
-export function deleteTx() {
-  clickOnRejectBtn()
-  cy.get(wallet.choiceBtn).contains(deleteFromQueueStr).click()
-  cy.get(deleteTxModalBtn).click()
-}
-
-export function setTxType(type) {
-  cy.get(radioSelector).find('label').contains(type).click()
-}
-
-export function verifyNoTxDisplayed(type) {
-  cy.get(transactionItem)
-    .should('have.length', 0)
-    .then(($items) => {
-      main.verifyElementsCount($items, 0)
-    })
-
-  cy.contains(noTxFoundStr(type)).should('be.visible')
-}
-
-export function clickOnApplyBtn() {
-  cy.get(filterApplyBtn).click()
-}
-
-export function checkApplyBtnEnabled() {
-  cy.get(filterApplyBtn).should('not.be', 'disabled')
-}
-
-export function clickOnClearBtn() {
-  cy.get(filterClearBtn).click()
-}
-
-export function fillFilterForm({ address, startDate, endDate, amount, token, nonce, recipient } = {}) {
-  checkApplyBtnEnabled()
-  cy.wait(2000)
-  const inputMap = {
-    address: { selector: addressItem, findInput: true },
-    startDate: { selector: filterStartDateInput, findInput: true },
-    endDate: { selector: filterEndDateInput, findInput: true },
-    amount: { selector: filterAmountInput, findInput: true },
-    token: { selector: filterTokenInput, findInput: true },
-    nonce: { selector: filterNonceInput, findInput: true },
-    recipient: { selector: addressItem, findInput: true },
-  }
-
-  Object.entries({ address, startDate, endDate, amount, token, nonce, recipient }).forEach(([key, value]) => {
-    if (value !== undefined) {
-      const { selector, findInput } = inputMap[key]
-      const element = findInput ? cy.get(selector).find('input') : cy.get(selector)
-      element.then(($el) => {
-        cy.wrap($el).invoke('removeAttr', 'readonly').clear().type(value, { force: true })
-      })
-    }
-  })
-}
-
-export function clickOnFilterBtn() {
-  cy.get('button').then((buttons) => {
-    const filterButton = [...buttons].find((button) => {
-      return ['Filter', 'Incoming', 'Outgoing', 'Module-based'].includes(button.innerText)
-    })
-
-    if (filterButton) {
-      cy.wrap(filterButton).click()
-    } else {
-      throw new Error('No filter button found')
-    }
-  })
-}
-
-export function checkTxItemDate(index, date) {
-  cy.get(txDate).eq(index).should('contain', date)
-}
-
-export function clickOnSendTokensBtn() {
-  cy.get(sendTokensBtn).click()
-}
-export function verifyNumberOfTransactions(count) {
-  cy.get(txDate).should('have.length.at.least', count)
-  cy.get(transactionItem).should('have.length.at.least', count)
-}
-
-export function checkRequiredThreshold(count) {
-  cy.get(requiredConfirmation).should('be.visible').and('include.text', count)
-}
-
-export function verifyAddressNotCopied(index, data) {
-  cy.get(copyIcon)
-    .parent()
-    .eq(index)
-    .trigger('click')
-    .wait(1000)
-    .then(() =>
-      cy.window().then((win) => {
-        win.navigator.clipboard.readText().then((text) => {
-          expect(text).not.to.contain(data)
-        })
-      }),
-    )
-  cy.get(untrustedTokenWarningModal).should('be.visible')
-}
-
-export function verifyWarningModalVisible() {
-  cy.get(untrustedTokenWarningModal).should('be.visible')
-}
-
-export function clickOnCopyBtn(index) {
-  cy.get(copyIcon).parent().eq(index).trigger('click')
-}
-
-export function verifyCopyIconWorks(index, data) {
-  cy.get(copyIcon)
-    .parent()
-    .eq(index)
-    .trigger('click')
-    .wait(1000)
-    .then(() =>
-      cy.window().then((win) => {
-        win.navigator.clipboard.readText().then((text) => {
-          expect(text).to.contain(data)
-        })
-      }),
-    )
-}
-
-export function verifyNumberOfCopyIcons(number) {
-  main.verifyElementsCount(copyIcon, number)
-}
-
-export function verifyNumberOfExternalLinks(number) {
-  for (let i = 0; i <= number; i++) {
-    cy.get(copyIcon).parent().parent().next().should('be.visible')
-    cy.get(copyIcon)
-      .parent()
-      .parent()
-      .next()
-      .children()
-      .should('have.attr', 'href')
-      .and('include', constants.sepoliaEtherscanlLink)
-  }
-}
-
-export function clickOnTransactionItemByName(name, token) {
-  cy.get(transactionItem)
-    .filter(':contains("' + name + '")')
-    .then(($elements) => {
-      if (token) {
-        $elements = $elements.filter(':contains("' + token + '")')
-      }
-      cy.wrap($elements.first()).click({ force: true })
-    })
-}
-
-export function clickOnTransactionItemByIndex(index) {
-  cy.get(messageItem)
-    .eq(index)
-    .then(($elements) => {
-      cy.wrap($elements).click({ force: true })
-    })
-}
-
-export function verifyExpandedDetails(data, warning) {
-  main.checkTextsExistWithinElement(accordionDetails, data)
-  if (warning) cy.get(warning).should('be.visible')
-}
-
-export function verifyActions(data) {
-  main.checkTextsExistWithinElement(accordionDetails, data)
-}
-
-export function clickOnExpandableAction(data) {
-  cy.get(accordionDetails).within(() => {
-    cy.get('div').contains(data).click()
-  })
-}
-
-function clickOnAdvancedDetails() {
-  cy.get(advancedDetails).click()
-}
-
-export function expandAdvancedDetails(data) {
-  clickOnAdvancedDetails()
-  data.forEach((row) => {
-    cy.get(txRowTitle).contains(row).should('be.visible')
-  })
-}
-
-export function collapseAdvancedDetails() {
-  clickOnAdvancedDetails()
-  cy.get(baseGas).should('not.exist')
-}
-
-export function expandAllActions(actions) {
-  cy.get(expandAllBtn).click()
-  main.checkTextsExistWithinElement(accordionDetails, actions)
-}
-
-export function collapseAllActions(data) {
-  cy.get(collapseAllBtn).click()
-  data.forEach((action) => {
-    cy.get(txRowTitle).contains(action).should('have.css', 'visibility', 'hidden')
-  })
-}
-
-export function verifyActionListExists(data) {
-  main.checkTextsExistWithinElement(transactionSideList, data)
-  main.verifyElementsIsVisible([confirmationVisibilityBtn])
-}
-
-export function verifySpamIconIsDisplayed(name, token) {
-  cy.get(transactionItem)
-    .filter(':contains("' + name + '")')
-    .filter(':contains("' + token + '")')
-    .then(($elements) => {
-      cy.wrap($elements.first()).then(($element) => {
-        cy.wrap($element).find(spamTokenWarningIcon).should('be.visible')
-      })
-    })
-}
-
-export function verifySummaryByName(name, token, data, alt, altToken) {
-  cy.get(transactionItem)
-    .filter(':contains("' + name + '")')
-    .then(($elements) => {
-      if (token) {
-        $elements = $elements.filter(':contains("' + token + '")')
-      }
-
-      if ($elements.length > 0) {
-        cy.wrap($elements.first()).then(($element) => {
-          if (Array.isArray(data)) {
-            data.forEach((text) => {
-              cy.wrap($element).contains(text).should('be.visible')
-            })
-          } else {
-            cy.wrap($element).contains(data).should('be.visible')
-          }
-          if (alt) cy.wrap($element).find('img').eq(0).should('have.attr', 'alt', alt).should('be.visible')
-          if (altToken) cy.wrap($element).find('img').eq(1).should('have.attr', 'alt', alt).should('be.visible')
-        })
-      }
-    })
-}
-
-export function verifySummaryByIndex(index, data, alt) {
-  cy.get(messageItem)
-    .eq(index)
-    .then(($elements) => {
-      cy.wrap($elements).then(($element) => {
-        if (Array.isArray(data)) {
-          data.forEach((text) => {
-            cy.wrap($element).contains(text).should('be.visible')
-          })
-        } else {
-          cy.wrap($element).contains(data).should('be.visible')
-        }
-        if (alt) cy.wrap($element).find('img').eq(0).should('have.attr', 'alt', alt).should('be.visible')
-      })
-    })
-}
-
-export function clickOnTransactionItem(item) {
-  cy.get(transactionItem).eq(item).scrollIntoView().click({ force: true })
-}
-
-export function verifyTransactionActionsVisibility(option) {
-  cy.get(transactionSideList).should(option)
-}
-
-export function clickOnNewtransactionBtn() {
-  // Assert that "New transaction" button is visible
-  cy.contains(newTransactionBtnStr, {
-    timeout: 60_000, // `lastWallet` takes a while initialize in CI
-  })
-    .should('be.visible')
-    .and('not.be.disabled')
-
-  // Open the new transaction modal
-  cy.contains(newTransactionBtnStr).click()
-  cy.contains('h1', newTransactionBtnStr).should('be.visible')
-}
-
-export function typeRecipientAddress(address) {
-  cy.get(recepientInput).clear().type(address).should('have.value', address)
-}
-export function verifyENSResolves(fullAddress) {
-  let split = fullAddress.split(':')
-  let noPrefixAddress = split[1]
-  cy.get(recepientInput).should('have.value', noPrefixAddress)
-}
-
-export function verifyRandomStringAddress(randomAddressString) {
-  typeRecipientAddress(randomAddressString)
-  cy.contains(constants.addressBookErrrMsg.invalidFormat).should('be.visible')
-}
-
-export function verifyWrongChecksum(wronglyChecksummedAddress) {
-  typeRecipientAddress(wronglyChecksummedAddress)
-  cy.contains(constants.addressBookErrrMsg.invalidChecksum).should('be.visible')
-}
-
-export function verifyAmountLargerThanCurrentBalance() {
-  setSendValue(9999)
-  cy.contains(constants.amountErrorMsg.largerThanCurrentBalance).should('be.visible')
-}
-
-export function verifyTooltipMessage(message) {
-  cy.get('div[role="tooltip"]').contains(message).should('be.visible')
-}
-
-export function selectCurrentWallet() {
-  cy.get(connectedWalletExecMethod).click()
-}
-
-export function verifyRelayerAttemptsAvailable() {
-  cy.contains(transactionsPerHrStr).should('be.visible')
-}
-
-export function clickOnTokenselectorAndSelectSepoliaEth() {
-  cy.get(tokenAddressInput).prev().click()
-  cy.get('ul[role="listbox"]').contains(constants.tokenNames.sepoliaEther).click()
-}
-
-export function setMaxAmount() {
-  cy.contains(maxAmountBtnStr).click()
-}
-
-export function verifyMaxAmount(token, tokenAbbreviation) {
-  cy.get(tokenAddressInput)
-    .prev()
-    .find('p')
-    .contains(token)
-    .next()
-    .then((element) => {
-      const maxBalance = parseFloat(element.text().replace(tokenAbbreviation, '').trim())
-      cy.get(amountInput).should(($input) => {
-        const actualValue = parseFloat($input.val())
-        expect(actualValue).to.be.closeTo(maxBalance, 0.1)
-      })
-      console.log(maxBalance)
-    })
-}
-
-export function setSendValue(value) {
-  cy.get(amountInput).clear().type(value)
-}
-
-export function clickOnNextBtn() {
-  cy.contains(nextBtnStr).click()
-}
-
-export function verifySubmitBtnIsEnabled() {
-  cy.get('button[type="submit"]').should('not.be.disabled')
-}
-
-export function verifyAddToBatchBtnIsEnabled() {
-  return cy.get(addToBatchBtn).should('not.be.disabled')
-}
-
-export function verifyNativeTokenTransfer() {
-  cy.contains(nativeTokenTransferStr).should('be.visible')
-}
-
-export function changeNonce(value) {
-  cy.get(nonceInput).clear().type(value, { force: true })
-}
-
-export function verifyConfirmTransactionData() {
-  cy.contains(yesStr).should('exist').click()
-  cy.contains(estimatedFeeStr).should('exist')
-
-  // Asserting the sponsored info is present
-  cy.contains(executeStr).scrollIntoView().should('be.visible')
-
-  cy.get('span').contains(estimatedFeeStr)
-}
-
-export function openExecutionParamsModal() {
-  cy.contains(estimatedFeeStr).click()
-  cy.contains(editBtnStr).click()
-}
-
-export function verifyAndSubmitExecutionParams() {
-  cy.contains(executionParamsStr).parents('form').as('Paramsform')
-
-  const arrayNames = ['Wallet nonce', 'Max priority fee (Gwei)', 'Max fee (Gwei)', 'Gas limit']
-  arrayNames.forEach((element) => {
-    cy.get('@Paramsform').find('label').contains(`${element}`).next().find('input').should('not.be.disabled')
-  })
-
-  cy.get('@Paramsform').find(gasLimitInput).clear().type('100').invoke('prop', 'value').should('equal', '100')
-  cy.contains('Gas limit must be at least 21000').should('be.visible')
-  cy.get('@Paramsform').find(gasLimitInput).clear().type('300000').invoke('prop', 'value').should('equal', '300000')
-  cy.get('@Paramsform').find(gasLimitInput).parent('div').find(rotateLeftIcon).click()
-  cy.get('@Paramsform').submit()
-}
-
-export function clickOnNoLaterOption() {
-  cy.contains(noLaterStr).click()
-}
-
-export function clickOnSignTransactionBtn() {
-  cy.get('button').contains(signBtnStr).click()
-}
-
-export function waitForProposeRequest() {
-  cy.intercept('POST', constants.proposeEndpoint).as('ProposeTx')
-  cy.wait('@ProposeTx')
-}
-
-export function clickViewTransaction() {
-  cy.contains(viewTransactionBtn).click()
-}
-
-export function verifySingleTxPage() {
-  cy.get('h3').contains(transactionDetailsTitle).should('be.visible')
-}
-
-export function verifyQueueLabel() {
-  cy.contains(QueueLabel).should('be.visible')
-}
-
-export function verifyTransactionSummary(sendValue) {
-  cy.contains(TransactionSummary + `${sendValue} ${constants.tokenAbbreviation.sep}`).should('exist')
-}
-
-export function verifyDateExists(date) {
-  cy.contains('div', date).should('exist')
-}
-
-export function verifyImageAltTxt(index, text) {
-  cy.get('img').eq(index).should('have.attr', 'alt', text).should('be.visible')
-}
-
-export function verifyStatus(status) {
-  cy.contains('div', status).should('exist')
-}
-
-export function verifyTransactionStrExists(str) {
-  cy.contains(str).should('exist')
-}
-
-export function verifyTransactionStrNotVible(str) {
-  cy.contains(str).should('not.be.visible')
-}
-
-export function clickOnExpandAllBtn() {
-  cy.contains(expandAllBtnStr).click()
-}
-
-export function clickOnCollapseAllBtn() {
-  cy.contains(collapseAllBtnStr).click()
-}
-
-export function verifyTxDestinationAddress(receivedAddress) {
-  cy.get(receivedAddress).then((address) => {
-    cy.contains(address).should('exist')
-  })
-}
-
-export function verifyReplacedSigner(newSignerName) {
-  cy.get(replacementNewSigner).should('exist').contains(newSignerName)
-}
diff --git a/cypress/e2e/pages/create_wallet.pages.js b/cypress/e2e/pages/create_wallet.pages.js
deleted file mode 100644
index 813ba6d61..000000000
--- a/cypress/e2e/pages/create_wallet.pages.js
+++ /dev/null
@@ -1,275 +0,0 @@
-import * as main from '../pages/main.page'
-import { connectedWalletExecMethod } from '../pages/create_tx.pages'
-import * as sidebar from '../pages/sidebar.pages'
-
-const welcomeLoginScreen = '[data-testid="welcome-login"]'
-const expandMoreIcon = 'svg[data-testid="ExpandMoreIcon"]'
-const nameInput = 'input[name="name"]'
-const ownerInput = 'input[name^="owners"][name$="name"]'
-const ownerAddress = 'input[name^="owners"][name$="address"]'
-const thresholdInput = 'input[name="threshold"]'
-export const removeOwnerBtn = 'button[aria-label="Remove signer"]'
-const connectingContainer = 'div[class*="connecting-container"]'
-const createNewSafeBtn = '[data-testid="create-safe-btn"]'
-const continueWithWalletBtn = 'Continue with Private key'
-const googleConnectBtn = '[data-testid="google-connect-btn"]'
-const googleSignedinBtn = '[data-testid="signed-in-account-btn"]'
-export const accountInfoHeader = '[data-testid="open-account-center"]'
-export const reviewStepOwnerInfo = '[data-testid="review-step-owner-info"]'
-const reviewStepNextBtn = '[data-testid="review-step-next-btn"]'
-const safeCreationStatusInfo = '[data-testid="safe-status-info"]'
-const startUsingSafeBtn = '[data-testid="start-using-safe-btn"]'
-const sponsorIcon = '[data-testid="sponsor-icon"]'
-const networkFeeSection = '[data-tetid="network-fee-section"]'
-const nextBtn = '[data-testid="next-btn"]'
-const backBtn = '[data-testid="back-btn"]'
-const cancelBtn = '[data-testid="cancel-btn"]'
-const safeActivationSection = '[data-testid="activation-section"]'
-const addressAutocompleteOptions = '[data-testid="address-item"]'
-export const qrCode = '[data-testid="qr-code"]'
-export const addressInfo = '[data-testid="address-info"]'
-export const choiceBtn = '[data-testid="choice-btn"]'
-const addFundsBtn = '[data-testid="add-funds-btn"]'
-const createTxBtn = '[data-testid="create-tx-btn"]'
-const qrCodeSwitch = '[data-testid="qr-code-switch"]'
-export const activateAccountBtn = '[data-testid="activate-account-btn"]'
-const notificationsSwitch = '[data-testid="notifications-switch"]'
-export const addFundsSection = '[data-testid="add-funds-section"]'
-export const noTokensAlert = '[data-testid="no-tokens-alert"]'
-
-const sponsorStr = 'Your account is sponsored by Goerli'
-const safeCreationProcessing = 'Transaction is being executed'
-const safeCreationComplete = 'Your Safe Account is being indexed'
-const changeNetworkWarningStr = 'Change your wallet network'
-const policy1_2 = '1/1 policy'
-export const walletName = 'test1-sepolia-safe'
-export const defaultSepoliaPlaceholder = 'Sepolia Safe'
-const welcomeToSafeStr = 'Welcome to Safe'
-const initialSteps = '0 of 2 steps completed'
-export const addSignerStr = 'Add signer'
-export const accountRecoveryStr = 'Account recovery'
-export const sendTokensStr = 'Send tokens'
-
-const connectWalletBtn = '[data-testid="connect-wallet-btn"]'
-export function checkNotificationsSwitchIs(status) {
-  cy.get(notificationsSwitch).find('input').should(`be.${status}`)
-}
-
-export function clickOnActivateAccountBtn() {
-  cy.get(activateAccountBtn).click()
-}
-
-export function clickOnQRCodeSwitch() {
-  cy.get(qrCodeSwitch).click()
-}
-
-export function checkQRCodeSwitchStatus(state) {
-  cy.get(qrCodeSwitch).find('input').should(state)
-}
-
-export function checkInitialStepsDisplayed() {
-  cy.contains(initialSteps).should('be.visible')
-}
-
-export function clickOnAddFundsBtn() {
-  cy.get(addFundsBtn).click()
-}
-
-export function clickOnCreateTxBtn() {
-  cy.get(createTxBtn).click()
-  main.verifyElementsCount(choiceBtn, 6)
-}
-
-export function checkAllTxTypesOrder(expectedOrder) {
-  main.checkTextOrder(choiceBtn, expectedOrder)
-}
-
-export function clickOnTxType(tx) {
-  cy.get(choiceBtn).contains(tx).click()
-}
-
-export function verifyCFSafeCreated() {
-  main.verifyElementsIsVisible([sidebar.pendingActivationIcon, safeActivationSection])
-}
-
-export function selectPayLaterOption() {
-  cy.get(connectedWalletExecMethod).click()
-}
-export function cancelWalletCreation() {
-  cy.get(cancelBtn).click()
-  cy.get('button').contains(continueWithWalletBtn).should('be.visible')
-}
-
-export function clickOnBackBtn() {
-  cy.get(backBtn).should('be.enabled').click()
-}
-export function verifySafeIsBeingCreated() {
-  cy.get(safeCreationStatusInfo).should('have.text', safeCreationProcessing)
-}
-
-export function verifySafeCreationIsComplete() {
-  cy.get(safeCreationStatusInfo).should('exist').and('have.text', safeCreationComplete)
-  cy.get(startUsingSafeBtn).should('exist').click()
-  cy.get(welcomeToSafeStr).should('exist')
-}
-
-export function clickOnReviewStepNextBtn() {
-  cy.get(reviewStepNextBtn).click()
-  cy.get(reviewStepNextBtn, { timeout: 60000 }).should('not.exist')
-}
-export function verifyOwnerInfoIsPresent() {
-  return cy.get(reviewStepOwnerInfo).shoul('exist')
-}
-
-export function verifySponsorMessageIsPresent() {
-  main.verifyElementsExist([sponsorIcon, networkFeeSection])
-  // Goerli is generated
-  cy.get(networkFeeSection).contains(sponsorStr).should('exist')
-}
-
-export function verifyPolicy1_1() {
-  cy.contains(policy1_2).should('exist')
-  // TOD: Need data-cy for containers
-}
-
-export function verifyDefaultWalletName(name) {
-  cy.get(nameInput).invoke('attr', 'placeholder').should('include', name)
-}
-
-export function verifyNextBtnIsDisabled() {
-  cy.get('button').contains('Next').should('be.disabled')
-}
-
-export function verifyNextBtnIsEnabled() {
-  cy.get('button').contains('Next').should('not.be.disabled')
-}
-
-export function checkNetworkChangeWarningMsg() {
-  cy.get('div').contains(changeNetworkWarningStr).should('exist')
-}
-
-export function clickOnCreateNewSafeBtn() {
-  cy.get(createNewSafeBtn).click().wait(1000)
-}
-
-export function clickOnContinueWithWalletBtn() {
-  cy.get('button').contains(continueWithWalletBtn).click().wait(1000)
-}
-
-export function clickOnConnectWalletBtn() {
-  cy.get(welcomeLoginScreen).within(() => {
-    cy.get(connectWalletBtn).should('be.visible').should('be.enabled').click().wait(1000)
-  })
-}
-
-export function typeWalletName(name) {
-  cy.get(nameInput).type(name).should('have.value', name)
-}
-
-export function clearWalletName() {
-  cy.get(nameInput).clear()
-}
-
-export function selectNetwork(network) {
-  cy.wait(1000)
-  cy.get(expandMoreIcon).parents('div').eq(1).click()
-  cy.wait(1000)
-  let regex = new RegExp(`^${network}$`)
-  cy.get('li').contains(regex).click()
-}
-
-export function clickOnNextBtn() {
-  cy.get(nextBtn).should('be.enabled').click()
-}
-
-export function verifyOwnerName(name, index) {
-  cy.get(ownerInput).eq(index).should('have.value', name)
-}
-
-export function verifyOwnerAddress(address, index) {
-  cy.get(ownerAddress).eq(index).should('have.value', address)
-}
-
-export function verifyThreshold(number) {
-  cy.get(thresholdInput).should('have.value', number)
-}
-
-export function clickOnSignerAddressInput(index) {
-  cy.get(getOwnerAddressInput(index)).clear()
-}
-
-export function selectSignerOnAutocomplete(index) {
-  cy.get(addressAutocompleteOptions).eq(index).click()
-}
-
-export function typeOwnerName(name, index) {
-  cy.get(getOwnerNameInput(index)).type(name).should('have.value', name)
-}
-
-export function typeOwnerAddress(address, index, clearOnly = false) {
-  if (clearOnly) {
-    cy.get(getOwnerAddressInput(index)).clear()
-    cy.get('body').click()
-    return
-  }
-  cy.get(getOwnerAddressInput(index)).clear().type(address).should('have.value', address)
-}
-
-export function clickOnAddNewOwnerBtn() {
-  cy.contains('button', 'Add new signer').click().wait(700)
-}
-
-export function addNewOwner(name, address, index) {
-  clickOnAddNewOwnerBtn()
-  typeOwnerName(name, index)
-  typeOwnerAddress(address, index)
-}
-
-export function updateThreshold(number) {
-  cy.get(thresholdInput).parent().click()
-  cy.contains('li', number).click()
-}
-
-export function removeOwner(index) {
-  // Index for remove owner btn which does not equal to number of owners
-  cy.get(removeOwnerBtn).eq(index).click()
-}
-
-export function verifySafeNameInSummaryStep(name) {
-  cy.contains(name)
-}
-
-export function verifyOwnerNameInSummaryStep(name) {
-  cy.contains(name)
-}
-
-export function verifyOwnerAddressInSummaryStep(address) {
-  cy.contains(address)
-}
-
-export function verifyThresholdStringInSummaryStep(startThreshold, endThreshold) {
-  cy.contains(`${startThreshold} out of ${endThreshold}`)
-}
-
-export function verifyNetworkInSummaryStep(network) {
-  cy.get('div').contains('Name').parent().parent().contains(network)
-}
-
-export function verifyEstimatedFeeInSummaryStep() {
-  cy.get('b')
-    .contains('ETH')
-    .parent()
-    .should(($element) => {
-      const text = 'a' + $element.text()
-      const pattern = /\d/
-      expect(/\d/.test(text)).to.equal(true)
-    })
-}
-
-function getOwnerNameInput(index) {
-  return `input[name="owners.${index}.name"]`
-}
-
-function getOwnerAddressInput(index) {
-  return `input[name="owners.${index}.address"]`
-}
diff --git a/cypress/e2e/pages/dashboard.pages.js b/cypress/e2e/pages/dashboard.pages.js
deleted file mode 100644
index 746106e15..000000000
--- a/cypress/e2e/pages/dashboard.pages.js
+++ /dev/null
@@ -1,165 +0,0 @@
-import * as constants from '../../support/constants.js'
-import * as safeapps from './safeapps.pages.js'
-import * as main from './main.page.js'
-import * as createtx from './create_tx.pages.js'
-import staticSafes from '../../fixtures/safes/static.json'
-
-const connectAndTransactStr = 'Connect & transact'
-const transactionQueueStr = 'Pending transactions'
-const noTransactionStr = 'This Safe has no queued transactions'
-const overviewStr = 'Total asset value'
-const sendStr = 'Send'
-const receiveStr = 'Receive'
-const viewAllStr = 'View all'
-const transactionBuilderStr = 'Use Transaction Builder'
-const safeAppStr = 'Safe Apps'
-const exploreSafeApps = 'Explore Safe Apps'
-export const copiedAppUrl = 'share/safe-app?appUrl'
-
-const txBuilder = 'a[href*="tx-builder"]'
-const safeSpecificLink = 'a[href*="&appUrl=http"]'
-const copyShareBtn = '[data-testid="copy-btn-icon"]'
-const exploreAppsBtn = '[data-testid="explore-apps-btn"]'
-const viewAllLink = '[data-testid="view-all-link"][href^="/transactions/queue"]'
-const noTxIcon = '[data-testid="no-tx-icon"]'
-const noTxText = '[data-testid="no-tx-text"]'
-const pendingTxWidget = '[data-testid="pending-tx-widget"]'
-const pendingTxItem = '[data-testid="tx-pending-item"]'
-const singleTxDetailsHeader = '[data-testid="tx-details"]'
-
-export function clickOnTxByIndex(index) {
-  cy.get(pendingTxItem).eq(index).click()
-  cy.get(singleTxDetailsHeader).should('be.visible')
-}
-
-export function verifySingleTxItem(data) {
-  main.checkTextsExistWithinElement(createtx.transactionItem, data)
-}
-
-export function verifyDataInPendingTx(data) {
-  main.checkTextsExistWithinElement(pendingTxWidget, data)
-}
-
-export function verifyTxItemInPendingTx(data) {
-  let matchFound = false
-
-  cy.get(pendingTxItem)
-    .each(($item) => {
-      const itemText = $item.text()
-      const isMatch = data.every((tx) => itemText.includes(tx))
-
-      if (isMatch) {
-        matchFound = true
-        return false
-      }
-    })
-    .then(() => {
-      expect(matchFound).to.be.true
-    })
-}
-
-export function verifyEmptyTxSection() {
-  main.verifyElementsIsVisible([noTxIcon, noTxText])
-}
-
-export function clickOnViewAllBtn() {
-  cy.get(viewAllLink).click()
-}
-
-export function pinAppByIndex(index) {
-  return cy
-    .get('[aria-label*="Pin"]')
-    .eq(index)
-    .click()
-    .then(() => {
-      cy.wait(1000)
-      return cy.get('[aria-label*="Unpin"]').eq(0).invoke('attr', 'aria-label')
-    })
-}
-
-export function clickOnPinBtnByName(name) {
-  cy.get(`[aria-label="${name}"]`).click()
-}
-
-export function verifyPinnedAppsCount(count) {
-  cy.get(`[aria-label*="Unpin"]`).should('have.length', count)
-}
-
-export function clickOnExploreAppsBtn() {
-  cy.get(exploreAppsBtn).click()
-  cy.get(safeapps.safeAppsList)
-    .should('exist')
-    .within(() => {
-      cy.get('li').should('have.length.at.least', 1)
-    })
-}
-
-export function verifyShareBtnWorks(index, data) {
-  cy.get(copyShareBtn)
-    .eq(index)
-    .click()
-    .wait(1000)
-    .then(() =>
-      cy.window().then((win) => {
-        win.navigator.clipboard.readText().then((text) => {
-          expect(text).to.contain(data)
-        })
-      }),
-    )
-}
-
-export function verifyConnectTransactStrIsVisible() {
-  cy.contains(connectAndTransactStr).should('be.visible')
-}
-
-export function verifyOverviewWidgetData() {
-  // Alias for the Overview section
-  cy.contains('div', overviewStr).parents('section').as('overviewSection')
-
-  cy.get('@overviewSection').within(() => {
-    // Prefix is separated across elements in EthHashInfo
-    cy.get('button').contains(sendStr)
-    cy.get('button').contains(receiveStr)
-  })
-}
-
-export function verifyTxQueueWidget() {
-  // Alias for the Transaction queue section
-  cy.contains('h2', transactionQueueStr).parents('section').as('txQueueSection')
-
-  cy.get('@txQueueSection').within(() => {
-    // There should be queued transactions
-    cy.contains(noTransactionStr).should('not.exist')
-
-    // Queued txns
-    cy.contains(
-      `a[href^="/transactions/tx?id=multisig_0x"]`,
-      '14' + 'Send' + `-0.00002 ${constants.tokenAbbreviation.sep}` + '1 out of 1',
-    ).should('exist')
-
-    cy.contains(
-      `a[href="${constants.transactionQueueUrl}${encodeURIComponent(staticSafes.SEP_STATIC_SAFE_2)}"]`,
-      viewAllStr,
-    )
-  })
-}
-
-export function verifyFeaturedAppsSection() {
-  // Alias for the featured Safe Apps section
-  cy.contains('h2', connectAndTransactStr).parents('section').as('featuredSafeAppsSection')
-
-  // Tx Builder app
-  cy.get('@featuredSafeAppsSection').within(() => {
-    // Transaction Builder
-    cy.contains(transactionBuilderStr)
-    cy.get(txBuilder).should('exist')
-
-    // Featured apps have a Safe-specific link
-    cy.get(safeSpecificLink).should('have.length', 1)
-  })
-}
-
-export function verifySafeAppsSection() {
-  cy.contains('h2', safeAppStr).parents('section').as('safeAppsSection')
-  cy.get('@safeAppsSection').contains(exploreSafeApps)
-}
diff --git a/cypress/e2e/pages/modals.page.js b/cypress/e2e/pages/modals.page.js
deleted file mode 100644
index d2b99a68e..000000000
--- a/cypress/e2e/pages/modals.page.js
+++ /dev/null
@@ -1,14 +0,0 @@
-export const modalTitle = '[data-testid="modal-title"]'
-export const modal = '[data-testid="modal-view"]'
-
-export const modalTitiles = {
-  editEntry: 'Edit entry',
-  deleteEntry: 'Delete entry',
-  dataImport: 'Data import',
-  confirmTx: 'Confirm transaction',
-  confirmMsg: 'Confirm message',
-}
-
-export function verifyModalTitle(title) {
-  cy.get(modalTitle).should('contain', title)
-}
diff --git a/cypress/e2e/pages/owners.pages.js b/cypress/e2e/pages/owners.pages.js
deleted file mode 100644
index afde4caa6..000000000
--- a/cypress/e2e/pages/owners.pages.js
+++ /dev/null
@@ -1,246 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as createWallet from '../pages/create_wallet.pages'
-import * as navigation from '../pages/navigation.page'
-import * as addressBook from '../pages/address_book.page'
-
-const tooltipLabel = (label) => `span[aria-label="${label}"]`
-export const removeOwnerBtn = 'span[data-track="settings: Remove owner"] > span > button'
-const replaceOwnerBtn = 'span[data-track="settings: Replace owner"] > span > button'
-const tooltip = 'div[role="tooltip"]'
-const expandMoreIcon = 'svg[data-testid="ExpandMoreIcon"]'
-const sentinelStart = 'div[data-testid="sentinelStart"]'
-const newOwnerName = 'input[name="newOwner.name"]'
-const newOwnerAddress = 'input[name="newOwner.address"]'
-const newOwnerNonceInput = 'input[name="nonce"]'
-const thresholdInput = 'input[name="threshold"]'
-const thresHoldDropDownIcon = 'svg[data-testid="ArrowDropDownIcon"]'
-const thresholdList = 'ul[role="listbox"]'
-const thresholdDropdown = 'div[aria-haspopup="listbox"]'
-const thresholdOption = 'li[role="option"]'
-const existingOwnerAddressInput = (index) => `input[name="owners.${index}.address"]`
-const existingOwnerNameInput = (index) => `input[name="owners.${index}.name"]`
-const singleOwnerNameInput = 'input[name="name"]'
-const finishTransactionBtn = '[data-testid="finish-transaction-btn"]'
-const addOwnerBtn = '[data-testid="add-owner-btn"]'
-const addOwnerNextBtn = '[data-testid="add-owner-next-btn"]'
-const modalHeader = '[data-testid="modal-header"]'
-const addressToBeRemoved = '[aria-label="Copy to clipboard"] span'
-
-const disconnectBtnStr = 'Disconnect'
-const notConnectedStatus = 'Connect'
-const e2eWalletStr = 'E2E Wallet'
-const max50charsLimitStr = 'Maximum 50 symbols'
-const executeBtnStr = 'Execute'
-const backbtnStr = 'Back'
-const removeOwnerStr = 'Remove signer'
-const selectedOwnerStr = 'Selected signer'
-const addNewOwnerStr = 'Add new signer'
-const processedTransactionStr = 'Transaction was successful'
-
-export const safeAccountNonceStr = 'Safe Account nonce'
-export const nonOwnerErrorMsg = 'Your connected wallet is not a signer of this Safe Account'
-export const disconnectedUserErrorMsg = 'Please connect your wallet'
-
-export function verifyOwnerTransactionComplted() {
-  cy.get(processedTransactionStr).should('exist')
-  cy.get(finishTransactionBtn).should('exist')
-}
-export function verifyNumberOfOwners(count) {
-  const indices = Array.from({ length: count }, (_, index) => index)
-  const names = indices.map(existingOwnerNameInput)
-  const addresses = indices.map(existingOwnerAddressInput)
-
-  names.forEach((selector) => {
-    cy.get(selector).should('have.length', 1)
-  })
-
-  addresses.forEach((selector) => {
-    cy.get(selector).should('have.length', 1)
-  })
-}
-
-export function verifyExistingOwnerAddress(index, address) {
-  cy.get(existingOwnerAddressInput(index)).should('have.value', address)
-}
-
-export function verifyExistingOwnerName(index, name) {
-  cy.get(existingOwnerNameInput(index)).should('have.value', name)
-}
-
-export function typeExistingOwnerName(name) {
-  cy.get(singleOwnerNameInput).clear().type(name)
-  main.verifyInputValue(singleOwnerNameInput, name)
-}
-
-export function verifyOwnerDeletionWindowDisplayed() {
-  cy.get('div').contains(constants.transactionStatus.confirm).should('exist')
-  cy.get('button').contains(backbtnStr).should('exist')
-  cy.get('p').contains(selectedOwnerStr)
-}
-
-function clickOnThresholdDropdown() {
-  cy.get(thresholdDropdown).eq(1).click()
-}
-
-export function getThresholdOptions() {
-  return cy.get('ul').find(thresholdOption)
-}
-
-export function verifyThresholdLimit(startValue, endValue) {
-  cy.get('p').contains(`out of ${endValue} signer(s)`)
-  clickOnThresholdDropdown()
-  getThresholdOptions().eq(0).should('have.text', startValue).click()
-}
-
-export function verifyRemoveBtnIsEnabled() {
-  return cy.get(removeOwnerBtn).should('exist')
-}
-
-export function verifyRemoveBtnIsDisabled() {
-  return cy.get(removeOwnerBtn).should('exist').and('be.disabled')
-}
-
-export function hoverOverDeleteOwnerBtn(index) {
-  cy.get(removeOwnerBtn).eq(index).trigger('mouseover', { force: true })
-}
-
-export function openRemoveOwnerWindow(btn) {
-  cy.get(removeOwnerBtn).eq(btn).click({ force: true })
-  cy.get('div').contains(removeOwnerStr).should('exist')
-}
-
-export function getAddressToBeRemoved() {
-  let removedAddress
-  cy.get(modalHeader)
-    .next()
-    .should('exist')
-    .find(addressToBeRemoved)
-    .first()
-    .invoke('text')
-    .then((value) => {
-      removedAddress = value
-      cy.wrap(removedAddress).as('removedAddress')
-    })
-  return removedAddress
-}
-
-export function openReplaceOwnerWindow() {
-  cy.get(replaceOwnerBtn).click({ force: true })
-  cy.get(newOwnerName).should('be.visible')
-  cy.get(newOwnerAddress).should('be.visible')
-}
-export function verifyTooltipLabel(label) {
-  cy.get(tooltipLabel(label)).should('be.visible')
-}
-export function verifyReplaceBtnIsEnabled() {
-  cy.get(replaceOwnerBtn).should('exist').and('not.be.disabled')
-}
-
-export function verifyReplaceBtnIsDisabled() {
-  cy.get(replaceOwnerBtn).should('exist').and('be.disabled')
-}
-
-export function hoverOverReplaceOwnerBtn() {
-  cy.get(replaceOwnerBtn).trigger('mouseover', { force: true })
-}
-
-export function verifyAddOwnerBtnIsEnabled() {
-  cy.get(addOwnerBtn).should('exist').and('not.be.disabled')
-}
-
-export function verifyAddOwnerBtnIsDisabled() {
-  cy.get(addOwnerBtn).should('exist').and('be.disabled')
-}
-
-export function hoverOverAddOwnerBtn() {
-  cy.get(addOwnerBtn).trigger('mouseover')
-}
-
-export function verifyTooltiptext(text) {
-  cy.get(tooltip).should('have.text', text)
-}
-
-export function clickOnWalletExpandMoreIcon() {
-  cy.get(expandMoreIcon).eq(0).click()
-  cy.get(sentinelStart).next().should('be.visible')
-}
-
-export function clickOnDisconnectBtn() {
-  cy.get('button').contains(disconnectBtnStr).click()
-  cy.get('button').contains(notConnectedStatus)
-}
-
-export function clickOnConnectBtn() {
-  cy.get('button').contains(notConnectedStatus).click().wait(1000)
-}
-
-export function waitForConnectionStatus() {
-  cy.get(createWallet.accountInfoHeader).should('exist')
-}
-
-export function openAddOwnerWindow() {
-  cy.get(addOwnerBtn).should('be.enabled').click()
-  cy.get(newOwnerName).should('be.visible')
-  cy.get(newOwnerAddress).should('be.visible')
-}
-
-export function verifyNonceInputValue(value) {
-  cy.get(newOwnerNonceInput).should('not.be.disabled')
-  main.verifyInputValue(newOwnerNonceInput, value)
-}
-
-export function verifyErrorMsgInvalidAddress(errorMsg) {
-  cy.get('label').contains(errorMsg).should('be.visible')
-}
-
-export function verifyValidWalletName(errorMsg) {
-  cy.get('label').contains(errorMsg).should('not.exist')
-}
-
-export function typeOwnerAddress(address) {
-  cy.get(newOwnerAddress)
-    .clear()
-    .type(address)
-    .then(($input) => {
-      const typedValue = $input.val()
-      expect(address).to.contain(typedValue)
-    })
-  cy.wait(1000)
-}
-
-export function typeOwnerName(name) {
-  cy.get(newOwnerName).clear().type(name)
-  main.verifyInputValue(newOwnerName, name)
-}
-
-export function selectNewOwner(name) {
-  cy.contains(name).click()
-}
-
-export function verifyNewOwnerName(name) {
-  cy.get(addressBook.addressBookRecipient).should('include.text', name)
-}
-
-export function clickOnNextBtn() {
-  cy.get(addOwnerNextBtn).should('be.enabled').click()
-}
-
-export function clickOnBackBtn() {
-  cy.get(navigation.modalBackBtn).should('be.enabled').click()
-}
-
-export function verifyConfirmTransactionWindowDisplayed() {
-  cy.get('div').contains(constants.transactionStatus.confirm).should('exist')
-  cy.get('button').contains(executeBtnStr).should('exist')
-  cy.get('button').contains(backbtnStr).should('exist')
-}
-
-export function verifyThreshold(startValue, endValue) {
-  main.verifyInputValue(thresholdInput, startValue)
-  cy.get('p').contains(`out of ${endValue} signer(s)`).should('be.visible')
-  cy.get(thresholdInput).parent().click()
-  cy.get(thresholdList).contains(endValue).should('be.visible')
-  cy.get(thresholdList).find('li').should('have.length', endValue)
-  cy.get('body').click(0, 0)
-}
diff --git a/cypress/e2e/pages/recovery.pages.js b/cypress/e2e/pages/recovery.pages.js
deleted file mode 100644
index 60537a806..000000000
--- a/cypress/e2e/pages/recovery.pages.js
+++ /dev/null
@@ -1,118 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from './main.page'
-import * as safe from '../pages/load_safe.pages'
-import * as tx from '../pages/transactions.page'
-import { tableContainer } from '../pages/address_book.page'
-import { txDate } from '../pages/create_tx.pages'
-
-const setupRecoveryBtn = '[data-testid="setup-recovery-btn"]'
-const setupRecoveryModalBtn = '[data-testid="setup-btn"]'
-const recoveryNextBtn = '[data-testid="next-btn"]'
-const warningSection = '[data-testid="warning-section"]'
-const termsCheckbox = 'input[type="checkbox"]'
-const removeRecovererBtn = '[data-testid="remove-recoverer-btn"]'
-const removeRecovererSection = '[data-testid="remove-recoverer-section"]'
-const startRecoveryBtn = '[data-testid="start-recovery-btn"]'
-const recoveryDelaySelect = '[data-testid="recovery-delay-select"]'
-const postponeRecoveryBtn = '[data-testid="postpone-recovery-btn"]'
-const goToQueueBtn = '[data-testid="queue-btn"]'
-const executeBtn = '[data-testid="execute-btn"]'
-const cancelRecoveryBtn = '[data-testid="cancel-recovery-btn"]'
-const cancelProposalBtn = '[data-testid="cancel-proposal-btn"]'
-const executeFormBtn = '[data-testid="execute-form-btn"]'
-
-export function clickOnExecuteRecoveryCancelBtn() {
-  cy.get(executeFormBtn).click()
-}
-export function cancelRecoveryTx() {
-  cy.get(txDate).click()
-  cy.get(cancelRecoveryBtn).scrollIntoView().click()
-  cy.get(cancelProposalBtn).scrollIntoView().click()
-}
-export function clickOnRecoveryExecuteBtn() {
-  cy.get(executeBtn).eq(0).should('be.enabled', { timeout: 300000 })
-  cy.wait(1000)
-  cy.get(executeBtn).eq(0).click()
-}
-export function verifyTxNotInQueue() {
-  cy.get(txDate).should('have.length', 0)
-}
-export const recoveryDelayOptions = {
-  one_minute: '1 minute',
-}
-
-export function setRecoveryDelay(option) {
-  cy.get(recoveryDelaySelect).click()
-  cy.contains(option).click()
-}
-
-export function getSetupRecoveryBtn() {
-  return cy.get(setupRecoveryBtn)
-}
-
-export function clickOnSetupRecoveryBtn() {
-  getSetupRecoveryBtn().click()
-  cy.get(setupRecoveryModalBtn).should('be.visible')
-}
-
-export function clickOnSetupRecoveryModalBtn() {
-  cy.get(setupRecoveryModalBtn).click()
-}
-
-export function clickOnNextBtn() {
-  cy.get(recoveryNextBtn).click()
-}
-
-export function clickOnGoToQueueBtn() {
-  cy.get(goToQueueBtn).click()
-  cy.get(goToQueueBtn).should('not.exist')
-}
-
-export function enterRecovererAddress(address) {
-  safe.inputOwnerAddress(0, address)
-}
-
-export function agreeToTerms() {
-  cy.get(warningSection).within(() => {
-    main.verifyCheckboxeState(termsCheckbox, 0, constants.checkboxStates.unchecked)
-    cy.get(termsCheckbox).click()
-    main.verifyCheckboxeState(termsCheckbox, 0, constants.checkboxStates.checked)
-  })
-}
-
-export function verifyRecovererAdded(address) {
-  main.verifyValuesExist(tableContainer, address)
-}
-
-export function clearRecoverers() {
-  cy.get('body').then(($body) => {
-    if ($body.find(removeRecovererBtn).length) {
-      cy.get(removeRecovererBtn).each(($btn) => {
-        cy.wrap($btn).click()
-        clickOnNextBtn()
-        tx.executeFlow_1()
-      })
-    }
-  })
-}
-
-export function clickOnStartRecoveryBtn() {
-  cy.get(startRecoveryBtn).click()
-}
-
-export function enterOwnerAddress(address) {
-  safe.inputOwnerAddress(0, address)
-}
-
-export function postponeRecovery() {
-  cy.wait(7000)
-  cy.get(postponeRecoveryBtn)
-    .should(() => {})
-    .then(($button) => {
-      if (!$button.length) {
-        return
-      }
-      cy.wrap($button).click()
-      cy.get(postponeRecoveryBtn).should('not.exist')
-    })
-}
diff --git a/cypress/e2e/pages/safeapps.pages.js b/cypress/e2e/pages/safeapps.pages.js
deleted file mode 100644
index 1810656cb..000000000
--- a/cypress/e2e/pages/safeapps.pages.js
+++ /dev/null
@@ -1,302 +0,0 @@
-import * as constants from '../../support/constants'
-
-const searchAppInput = 'input[id="search-by-name"]'
-const appUrlInput = 'input[name="appUrl"]'
-const closePreviewWindowBtn = 'button[aria-label*="Close"][aria-label*="preview"]'
-export const contractMethodIndex = '[name="contractMethodIndex"]'
-export const saveToLibraryBtn = 'button[title="Save to Library"]'
-export const downloadBatchBtn = 'button[title="Download batch"]'
-export const deleteBatchBtn = 'button[title="Delete Batch"]'
-const appModal = '[data-testid="app-info-modal"]'
-export const safeAppsList = '[data-testid="apps-list"]'
-const openSafeAppBtn = '[data-testid="open-safe-app-btn"]'
-
-const addBtnStr = /add/i
-const noAppsStr = /no Safe Apps found/i
-const bookmarkedAppsStr = /bookmarked Apps/i
-const customAppsStr = /my custom Apps/i
-const addCustomAppBtnStr = /add custom Safe App/i
-const openSafeAppBtnStr = /open Safe App/i
-const disclaimerTtle = /disclaimer/i
-const continueBtnStr = /continue/i
-const cameraCheckBoxStr = /camera/i
-const microfoneCheckBoxStr = /microphone/i
-const permissionRequestStr = /permissions request/i
-const accessToAddressBookStr = /access to your address book/i
-const acceptBtnStr = /accept/i
-const clearAllBtnStr = /clear all/i
-const allowAllPermissions = /allow all/i
-export const enterAddressStr = /enter address or ens name/i
-export const addTransactionStr = /add transaction/i
-export const createBatchStr = /create batch/i
-export const sendBatchStr = /send batch/i
-export const transactionDetailsStr = /transaction details/i
-export const addOwnerWithThreshold = /add signer with threshold/i
-export const enterABIStr = /Enter ABI/i
-export const toAddressStr = /to address/i
-export const tokenAmount = /ETH value */i
-export const dataStr = /data */i
-export const clearTransactionListStr = /Clear transaction list?/i
-export const confirmClearTransactionListStr = /Yes, clear/i
-export const cancelBtnStr = 'Cancel'
-export const confirmDeleteBtnStr = 'Yes, delete'
-export const backBtnStr = /Back/i
-export const simulateBtnStr = /Simulate/i
-export const reviewAndConfirmStr = /Review and confirm/i
-export const backToTransactionStr = /Back to Transaction Creation/i
-export const batchNameStr = /Batch name/i
-export const transactionLibraryStr = /Your transaction library/i
-export const noSavedBatchesStr = /You don't have any saved batches./i
-export const keepProxiABIStr = /Keep Proxy ABI/i
-export const selectAllRowsChbxStr = /Select All Rows checkbox/i
-export const selectRowChbxStr = /Select Row checkbox/i
-export const recipientStr = /recipient/i
-export const validRecipientAddressStr = /please enter a valid recipient address/i
-export const testAddressValue2 = 'testAddressValue'
-export const testBooleanValue = 'testBooleanValue'
-export const testFallback = 'fallback'
-export const customData = 'Custom hex data'
-export const testBooleanValue1 = '1 testBooleanValue'
-export const testBooleanValue2 = '2 testBooleanValue'
-export const testBooleanValue3 = '3 testBooleanValue'
-export const transfer2AssetsStr = 'Transfer 2 assets'
-
-export const testTransfer1 = '1 transfer'
-export const testTransfer2 = '2 transfer'
-export const nativeTransfer2 = '2 native transfer'
-export const nativeTransfer1 = '1 native transfer'
-
-export const testNativeTransfer = 'native transfer'
-
-export const newValueBool = 'newValue(bool):'
-export const ownerAddressStr = 'signer (address)'
-export const ownerAddressStr2 = 'signer(address)'
-export const thresholdStr = '_threshold (uint256) *'
-export const thresholdStr2 = '_threshold(uint256):'
-
-const appNotSupportedMsg = "The app doesn't support Safe App functionality"
-export const changedPropertiesStr = 'This batch contains some changed properties since you saved or downloaded it'
-export const anotherChainStr = 'This batch is from another Chain (1)!'
-export const useImplementationABI = 'Use Implementation ABI'
-export const addressNotValidStr = 'The address is not valid'
-export const transferEverythingStr = 'Transfer everything'
-export const noTokensSelectedStr = 'No tokens selected'
-export const reviewConfirmStr = 'Review and Confirm'
-export const requiredStr = 'Required'
-export const e3eTestStr = 'E2E test'
-export const createBtnStr = 'Create'
-export const warningStr = 'Warning'
-export const transferStr = 'Transfer'
-export const successStr = 'Success'
-export const failedStr = 'Failed'
-
-export const dummyTxStr = 'Trigger dummy tx (safe.txs.send)'
-export const signOnchainMsgStr = 'Sign message (on-chain)'
-export const pinWalletConnectStr = /pin walletconnect/i
-export const transactionBuilderStr = 'Transaction Builder'
-export const testAddressValueStr = 'testAddressValue'
-export const logoWalletConnect = /logo.*walletconnect/i
-export const walletConnectHeadlinePreview = /walletconnect/i
-export const newAddressValueStr = 'newValue (address)'
-export const newAddressValueStr2 = 'newValue(address)'
-export const transactiobUilderHeadlinePreview = 'Transaction Builder'
-export const availableNetworksPreview = 'Available networks'
-export const connecttextPreview = 'Compose custom contract interactions and batch them into a single transaction'
-const warningDefaultAppStr = 'The application you are trying to access is not in the default Safe Apps list'
-export const localStorageItem =
-  '{"https://safe-test-app.com":[{"feature":"camera","status":"granted"},{"feature":"microphone","status":"denied"}]}'
-export const gridItem = 'main .MuiPaper-root > .MuiGrid-item'
-export const linkNames = {
-  wcLogo: /WalletConnect logo/i,
-  txBuilderLogo: /Transaction Builder logo/i,
-}
-export const abi =
-  '[{{}"inputs":[{{}"internalType":"address","name":"_singleton","type":"address"{}}],"stateMutability":"nonpayable","type":"constructor"{}},{{}"stateMutability":"payable","type":"fallback"{}}]'
-
-export const permissionCheckboxes = {
-  camera: 'input[name="camera"]',
-  addressbook: 'input[name="requestAddressBook"]',
-  microphone: 'input[name="microphone"]',
-  geolocation: 'input[name="geolocation"]',
-  fullscreen: 'input[name="fullscreen"]',
-}
-
-export const permissionCheckboxNames = {
-  camera: 'Camera',
-  addressbook: 'Address Book',
-  microphone: 'Microphone',
-  geolocation: 'Geolocation',
-  fullscreen: 'Fullscreen',
-}
-
-export function triggetOffChainTx() {
-  cy.contains(dummyTxStr).click()
-}
-
-export function triggetOnChainTx() {
-  cy.contains(signOnchainMsgStr).click()
-}
-
-export function verifyWarningDefaultAppMsgIsDisplayed() {
-  cy.get('p').contains(warningDefaultAppStr).should('be.visible')
-  cy.wait(1000)
-}
-
-export function typeAppName(name) {
-  cy.get(searchAppInput).clear().type(name)
-}
-
-export function clearSearchAppInput() {
-  cy.get(searchAppInput).clear()
-}
-
-export function verifyLinkName(name) {
-  cy.findAllByRole('link', { name }).should('have.length', 1)
-}
-
-export function clickOnApp(app) {
-  cy.contains(app).click()
-  cy.wait(2000)
-}
-
-export function verifyNoAppsTextPresent() {
-  cy.contains(noAppsStr).should('exist')
-}
-
-export function pinApp(app, pin = true) {
-  const option = pin ? 'Pin' : 'Unpin'
-  cy.get(`[aria-label="${option} ${app}"]`).click()
-}
-
-export function clickOnBookmarkedAppsTab() {
-  cy.findByText(bookmarkedAppsStr).click()
-}
-
-export function verifyAppCount(count) {
-  cy.findByText(`All apps (${count})`).should('be.visible')
-}
-
-export function verifyCustomAppCount(count) {
-  cy.findByText(`Custom apps (${count})`).should('be.visible')
-}
-
-export function verifyPinnedAppCount(count) {
-  cy.findByText(`My pinned apps (${count})`).should(count ? 'be.visible' : 'not.exist')
-}
-
-export function clickOnCustomAppsTab() {
-  cy.findByText(customAppsStr).click()
-}
-
-export function clickOnAddCustomApp() {
-  cy.findByText(addCustomAppBtnStr).click()
-}
-
-export function typeCustomAppUrl(url) {
-  cy.get(appUrlInput).clear().type(url)
-}
-
-export function verifyAppNotSupportedMsg() {
-  cy.contains(appNotSupportedMsg).should('be.visible')
-}
-
-export function verifyAppTitle(title) {
-  cy.findByRole('heading', { name: title }).should('exist')
-}
-
-export function acceptTC() {
-  cy.findByRole('checkbox').click()
-}
-
-export function clickOnAddBtn() {
-  cy.findByRole('button', { name: addBtnStr }).click()
-}
-
-export function verifyAppDescription(descr) {
-  cy.findByText(descr).should('exist')
-}
-
-export function clickOnOpenSafeAppBtn() {
-  cy.get(openSafeAppBtn).click()
-  cy.wait(2000)
-}
-
-export function verifyDisclaimerIsDisplayed() {
-  verifyDisclaimerIsVisible()
-  cy.wait(500)
-}
-
-function verifyDisclaimerIsVisible() {
-  cy.findByRole('heading', { name: disclaimerTtle }).should('be.visible')
-}
-
-export function clickOnContinueBtn() {
-  cy.get(appModal).should('exist')
-  return cy.findByRole('button', { name: continueBtnStr }).click().wait(1000)
-}
-
-export function checkLocalStorage() {
-  clickOnContinueBtn().should(() => {
-    expect(window.localStorage.getItem(constants.BROWSER_PERMISSIONS_KEY)).to.eq(localStorageItem)
-  })
-}
-
-export function verifyCameraCheckBoxExists() {
-  cy.findByRole('checkbox', { name: cameraCheckBoxStr }).should('exist')
-}
-
-export function verifyMicrofoneCheckBoxExists() {
-  return cy.findByRole('checkbox', { name: microfoneCheckBoxStr }).should('exist')
-}
-
-export function storeAndVerifyPermissions() {
-  cy.waitForSelector(() => {
-    return cy
-      .findByRole('button', { name: continueBtnStr })
-      .click()
-      .wait(500)
-      .should(() => {
-        const storedBrowserPermissions = JSON.parse(localStorage.getItem(constants.BROWSER_PERMISSIONS_KEY))
-        const browserPermissions = Object.values(storedBrowserPermissions)[0][0]
-        const storedInfoModal = JSON.parse(localStorage.getItem(constants.INFO_MODAL_KEY))
-
-        expect(browserPermissions.feature).to.eq('camera')
-        expect(browserPermissions.status).to.eq('granted')
-        expect(storedInfoModal['11155111'].consentsAccepted).to.eq(true)
-      })
-  })
-}
-
-export function verifyPreviewWindow(str1, str2, str3) {
-  cy.findByRole('heading', { name: str1 }).should('exist')
-  cy.findByText(str2).should('exist')
-  cy.findByText(str3).should('exist')
-}
-
-export function closePreviewWindow() {
-  cy.get(closePreviewWindowBtn).click()
-}
-
-export function verifyPermissionsRequestExists() {
-  cy.findByRole('heading', { name: permissionRequestStr }).should('exist')
-}
-
-export function verifyAccessToAddressBookExists() {
-  cy.findByText(accessToAddressBookStr).should('exist')
-}
-
-export function clickOnAcceptBtn() {
-  cy.findByRole('button', { name: acceptBtnStr }).click()
-}
-
-export function uncheckAllPermissions(element) {
-  cy.wrap(element).findByText(clearAllBtnStr).click()
-}
-
-export function checkAllPermissions(element) {
-  cy.wrap(element).findByText(allowAllPermissions).click()
-}
-
-export function verifyPinnedApp(name) {
-  cy.get(`[aria-label="${name}"]`)
-}
diff --git a/cypress/e2e/pages/sidebar.pages.js b/cypress/e2e/pages/sidebar.pages.js
deleted file mode 100644
index 854394159..000000000
--- a/cypress/e2e/pages/sidebar.pages.js
+++ /dev/null
@@ -1,295 +0,0 @@
-import * as constants from '../../support/constants.js'
-import * as main from './main.page.js'
-import * as modal from './modals.page.js'
-import * as navigation from './navigation.page.js'
-import { safeHeaderInfo } from './import_export.pages.js'
-import * as file from './import_export.pages.js'
-import safes from '../../fixtures/safes/static.json'
-
-export const chainLogo = '[data-testid="chain-logo"]'
-const safeIcon = '[data-testid="safe-icon"]'
-const sidebarContainer = '[data-testid="sidebar-container"]'
-const openSafesIcon = '[data-testid="open-safes-icon"]'
-const qrModalBtn = '[data-testid="qr-modal-btn"]'
-const copyAddressBtn = '[data-testid="copy-address-btn"]'
-const explorerBtn = '[data-testid="explorer-btn"]'
-export const sideBarListItem = '[data-testid="sidebar-list-item"]'
-const sideBarListItemWhatsNew = '[data-testid="list-item-whats-new"]'
-const sideBarListItemNeedHelp = '[data-testid="list-item-need-help"]'
-const sideSafeListItem = '[data-testid="safe-list-item"]'
-const sidebarSafeHeader = '[data-testid="safe-header-info"]'
-const sidebarSafeContainer = '[data-testid="sidebar-safe-container"]'
-const safeItemOptionsBtn = '[data-testid="safe-options-btn"]'
-const safeItemOptionsRenameBtn = '[data-testid="rename-btn"]'
-const safeItemOptionsRemoveBtn = '[data-testid="remove-btn"]'
-const nameInput = '[data-testid="name-input"]'
-const saveBtn = '[data-testid="save-btn"]'
-const cancelBtn = '[data-testid="cancel-btn"]'
-const deleteBtn = '[data-testid="delete-btn"]'
-const readOnlyVisibility = '[data-testid="read-only-visibility"]'
-const currencySection = '[data-testid="currency-section"]'
-const missingSignatureInfo = '[data-testid="missing-signature-info"]'
-const queuedTxInfo = '[data-testid="queued-tx-info"]'
-const showMoreBtn = '[data-testid="show-more-btn" ]'
-const importBtn = '[data-testid="import-btn"]'
-export const pendingActivationIcon = '[data-testid="pending-activation-icon"]'
-const safeItemMenuIcon = '[data-testid="MoreVertIcon"]'
-export const importBtnStr = 'Import'
-export const exportBtnStr = 'Export'
-
-export const addedSafesEth = ['0x8675...a19b']
-export const addedSafesSepolia = ['0x6d0b...6dC1', '0x5912...fFdb', '0x0637...708e', '0xD157...DE9a']
-export const sideBarListItems = ['Home', 'Assets', 'Transactions', 'Address book', 'Apps', 'Settings']
-export const sideBarSafes = {
-  safe1: '0xBb26E3717172d5000F87DeFd391994f789D80aEB',
-  safe2: '0x905934aA8758c06B2422F0C90D97d2fbb6677811',
-  safe1short: '0xBb26...0aEB',
-  safe2short: '0x9059...7811',
-  safe3short: '0x86Cb...2C27',
-}
-export const sideBarSafesPendingActions = {
-  safe1: '0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb',
-  safe1short: '0x5912...fFdb',
-}
-export const testSafeHeaderDetails = ['2/2', safes.SEP_STATIC_SAFE_9_SHORT]
-const receiveAssetsStr = 'Receive assets'
-const emptyWatchListStr = 'Watch any Safe Account to keep an eye on its activity'
-const emptySafeListStr = "You don't have any Safe Accounts yet"
-const myAccountsStr = 'My accounts'
-const confirmTxStr = (number) => `${number} to confirm`
-export const confirmGenStr = 'to confirm'
-
-export function getImportBtn() {
-  return cy.get(importBtn).scrollIntoView().should('be.visible')
-}
-export function clickOnSidebarImportBtn() {
-  cy.get(sidebarSafeContainer).find(sideSafeListItem).last().scrollIntoView()
-
-  getImportBtn().click()
-  modal.verifyModalTitle(modal.modalTitiles.dataImport)
-  file.verifyValidImportInputExists()
-}
-
-export function showAllSafes() {
-  cy.get('body').then(($body) => {
-    if ($body.find(showMoreBtn).length > 0) {
-      cy.get(showMoreBtn).click()
-      cy.wait(500)
-      showAllSafes()
-    }
-  })
-}
-
-export function verifyNetworkIsDisplayed(netwrok) {
-  cy.get(sidebarContainer)
-    .should('be.visible')
-    .within(() => {
-      cy.get(chainLogo).should('contain', netwrok)
-    })
-}
-
-export function verifySafeHeaderDetails(details) {
-  main.checkTextsExistWithinElement(safeHeaderInfo, details)
-  main.verifyElementsExist([safeIcon, currencySection])
-}
-
-export function clickOnQRCodeBtn() {
-  cy.get(sidebarContainer)
-    .should('be.visible')
-    .within(() => {
-      cy.get(qrModalBtn).click()
-    })
-}
-
-export function verifyQRModalDisplayed() {
-  cy.get(modal.modal).should('be.visible')
-  cy.get(modal.modalTitle).should('contain', receiveAssetsStr)
-}
-
-export function verifyCopyAddressBtn(data) {
-  cy.wait(1000)
-  cy.get(sidebarContainer)
-    .should('be.visible')
-    .within(() => {
-      cy.get(copyAddressBtn)
-        .click()
-        .wait(1000)
-        .then(() =>
-          cy.window().then((win) => {
-            win.navigator.clipboard.readText().then((text) => {
-              expect(text).to.contain(data)
-            })
-          }),
-        )
-    })
-}
-
-export function verifyEtherscanLinkExists() {
-  cy.get(sidebarContainer)
-    .should('be.visible')
-    .within(() => {
-      cy.get(explorerBtn).should('have.attr', 'href').and('include', constants.sepoliaEtherscanlLink)
-    })
-}
-
-export function verifyNewTxBtnStatus(status) {
-  main.verifyElementsStatus([navigation.newTxBtn], status)
-}
-
-export function verifySideListItems() {
-  main.verifyValuesExist(sideBarListItem, sideBarListItems)
-  main.verifyElementsExist([sideBarListItemWhatsNew, sideBarListItemNeedHelp])
-}
-
-export function verifyTxCounter(counter) {
-  cy.get(sideBarListItem).contains(sideBarListItems[2]).should('contain', counter)
-}
-
-export function verifySafeCount(count) {
-  main.verifyMinimumElementsCount(sideSafeListItem, count)
-}
-
-export function openSidebar() {
-  cy.get(openSafesIcon).click()
-  cy.wait(500)
-  showAllSafes()
-  main.verifyElementsExist([sidebarSafeContainer])
-}
-
-export function verifyAddedSafesExist(safes) {
-  main.verifyValuesExist(sideSafeListItem, safes)
-}
-
-export function verifyAddedSafesExistByIndex(index, safe) {
-  cy.get(sideSafeListItem).eq(index).should('contain', safe)
-  cy.get(sideSafeListItem).eq(index).should('contain', 'sep:')
-}
-
-export function verifySafesByNetwork(netwrok, safes) {
-  cy.get(sidebarSafeContainer).within(() => {
-    cy.get(chainLogo)
-      .contains(netwrok)
-      .parent()
-      .next()
-      .within(() => {
-        main.verifyValuesExist(sideSafeListItem, safes)
-      })
-  })
-}
-
-function getSafeItemByName(name) {
-  return cy
-    .get(sidebarSafeContainer)
-    .find(sideSafeListItem)
-    .contains(name)
-    .parents('span')
-    .parent()
-    .within(() => {
-      cy.get(safeItemOptionsBtn)
-    })
-}
-
-export function verifySafeReadOnlyState(safe) {
-  getSafeItemByName(safe).find(readOnlyVisibility).should('exist')
-}
-
-export function verifyMissingSignature(safe) {
-  getSafeItemByName(safe).find(missingSignatureInfo).should('exist')
-}
-
-export function verifyQueuedTx(safe) {
-  return getSafeItemByName(safe).find(queuedTxInfo).should('exist')
-}
-
-function clickOnSafeItemOptionsBtn(name) {
-  getSafeItemByName(name).find(safeItemOptionsBtn).click()
-}
-
-export function renameSafeItem(oldName, newName) {
-  clickOnSafeItemOptionsBtn(oldName)
-  clickOnRenameBtn()
-  typeSafeName(newName)
-}
-
-export function removeSafeItem(name) {
-  clickOnSafeItemOptionsBtn(name)
-  clickOnRemoveBtn()
-  confirmSafeItemRemoval()
-  verifyModalRemoved()
-}
-
-function typeSafeName(name) {
-  cy.get(nameInput).find('input').clear().type(name)
-}
-
-function clickOnRenameBtn() {
-  cy.get(safeItemOptionsRenameBtn).click()
-}
-
-function clickOnRemoveBtn() {
-  cy.get(safeItemOptionsRemoveBtn).click()
-}
-
-function confirmSafeItemRemoval() {
-  cy.get(deleteBtn).click()
-}
-
-export function verifySafeNameExists(name) {
-  cy.get(sidebarSafeContainer).within(() => {
-    cy.get(sideSafeListItem).contains(name)
-  })
-}
-
-export function verifySafeRemoved(name) {
-  main.verifyValuesDoNotExist(sidebarSafeContainer, [name])
-}
-
-export function clickOnSaveBtn() {
-  cy.get(saveBtn).click()
-  verifyModalRemoved()
-}
-
-function verifyModalRemoved() {
-  main.verifyElementsCount(modal.modalTitle, 0)
-}
-
-export function checkCurrencyInHeader(currency) {
-  cy.get(sidebarSafeHeader).within(() => {
-    cy.get(currencySection).contains(currency)
-  })
-}
-
-export function checkSafeAddressInHeader(address) {
-  main.verifyValuesExist(sidebarSafeHeader, address)
-}
-
-export function verifyWatchlistIsEmpty() {
-  main.verifyValuesExist(sidebarSafeContainer, [emptyWatchListStr])
-}
-
-export function verifySafeListIsEmpty() {
-  main.verifyValuesExist(sidebarSafeContainer, [emptySafeListStr])
-}
-
-export function verifySafeGiveNameOptionExists(index) {
-  cy.get(safeItemMenuIcon).eq(index).click()
-  clickOnRenameBtn()
-}
-
-export function checkMyAccountCounter(value) {
-  cy.contains(myAccountsStr).should('contain', value)
-}
-
-export function checkTxToConfirm(numberOfTx) {
-  const str = confirmTxStr(numberOfTx)
-  main.verifyValuesExist(sideSafeListItem, [str])
-}
-
-export function verifyTxToConfirmDoesNotExist() {
-  main.verifyValuesDoNotExist(sideSafeListItem, [confirmGenStr])
-}
-
-export function checkBalanceExists() {
-  const balance = new RegExp(`\\s*\\d*\\.?\\d*\\s*`, 'i')
-  const element = cy.get(chainLogo).prev().contains(balance)
-}
diff --git a/cypress/e2e/pages/swaps.pages.js b/cypress/e2e/pages/swaps.pages.js
deleted file mode 100644
index efb734aca..000000000
--- a/cypress/e2e/pages/swaps.pages.js
+++ /dev/null
@@ -1,273 +0,0 @@
-import * as constants from '../../support/constants.js'
-import * as main from '../pages/main.page.js'
-import * as create_tx from '../pages/create_tx.pages.js'
-
-export const inputCurrencyInput = '[id="input-currency-input"]'
-export const outputurrencyInput = '[id="output-currency-input"]'
-const tokenList = '[id="tokens-list"]'
-export const swapBtn = '[id="swap-button"]'
-const exceedFeesChkbox = 'input[id="fees-exceed-checkbox"]'
-const settingsBtn = 'button[id="open-settings-dialog-button"]'
-export const assetsSwapBtn = '[data-testid="swap-btn"]'
-export const dashboardSwapBtn = '[data-testid="overview-swap-btn"]'
-export const customRecipient = 'div[id="recipient"]'
-const recipientToggle = 'button[id="toggle-recipient-mode-button"]'
-const orderTypeMenuItem = 'div[class*="MenuItem"]'
-const explorerBtn = '[data-testid="explorer-btn"]'
-const limitPriceFld = '[data-testid="limit-price"]'
-const expiryFld = '[data-testid="expiry"]'
-const slippageFld = '[data-testid="slippage"]'
-const orderIDFld = '[data-testid="order-id"]'
-const widgetFeeFld = '[data-testid="widget-fee"]'
-const interactWithFld = '[data-testid="interact-wth"]'
-const recipientAlert = '[data-testid="recipient-alert"]'
-const confirmSwapStr = 'Confirm Swap'
-
-const swapBtnStr = /Confirm Swap|Swap|Confirm (Approve COW and Swap)|Confirm/
-const orderSubmittedStr = 'Order Submitted'
-const orderIdStr = 'Order ID'
-const cowOrdersUrl = 'https://explorer.cow.fi/orders'
-
-export const blockedAddress = '0x8576acc5c05d6ce88f4e49bf65bdf0c62f91353c'
-export const blockedAddressStr = 'Blocked address'
-
-const swapStr = 'Swap'
-const limitStr = 'Limit'
-
-export const swapTokens = {
-  cow: 'COW',
-  dai: 'DAI',
-  eth: 'ETH',
-}
-
-export const orderTypes = {
-  swap: 'Swap',
-  limit: 'Limit',
-}
-
-const swapOrders = '**/api/v1/orders/*'
-const surplus = '**/users/*/total_surplus'
-const nativePrice = '**/native_price'
-const quote = '**/quote/*'
-
-export const limitOrderSafe = 'sep:0x8f4A19C85b39032A37f7a6dCc65234f966F72551'
-
-export const swapTxs = {
-  sell1Action:
-    '&id=multisig_0x03042B890b99552b60A073F808100517fb148F60_0xd033466000a40227fba7a7deb1a668371c213fec90bac9f2583096be2e0fd959',
-  buy2actions:
-    '&id=multisig_0x03042B890b99552b60A073F808100517fb148F60_0x135ff0282653d4c2a62c76cd247764b1abd4c0daa9201a72964feac2acaa7b44',
-  sellCancelled:
-    '&id=multisig_0x2a73e61bd15b25B6958b4DA3bfc759ca4db249b9_0xbe159adaa7fb0f7e80ad4bab33a2bb341043818478c96916cfa3877303d22a3d',
-  sell3Actions:
-    '&id=multisig_0x140663Cb76e4c4e97621395fc118912fa674150B_0x9f3d2c9c9879fb7eee7005d57b2b5c9006d7c8b98241aa49a0b9e769411c58ef',
-  sellLimitOrder:
-    '&id=multisig_0x03042B890b99552b60A073F808100517fb148F60_0xf7093c3e87e3b703a0df4d9360cd38254ed69d0dc4f7ff5399a194bd92e9014c',
-  sellLimitOrderFilled:
-    '&id=multisig_0x8f4A19C85b39032A37f7a6dCc65234f966F72551_0xd3d13db9fc438d0674819f81be62fcd9c74a8ed7c101a8249b8895e55ee80d76',
-  safeAppSwapOrder:
-    '&id=multisig_0x03042B890b99552b60A073F808100517fb148F60_0x5f08e05edb210a8990791e9df2f287a5311a8137815ec85856a2477a36552f1e',
-}
-
-export function clickOnAssetSwapBtn(index) {
-  cy.get(assetsSwapBtn).eq(index).as('btn')
-  cy.get('@btn').click()
-}
-
-export function verifyOrderSubmittedConfirmation() {
-  cy.get('div').contains(orderSubmittedStr).should('exist')
-}
-
-export function clickOnSettingsBtn() {
-  cy.get(settingsBtn).click()
-}
-
-export function setExpiry(value) {
-  cy.get('div').contains('Swap deadline').parent().next().find('input').clear().type(value)
-}
-
-export function enterRecipient(address) {
-  cy.get(customRecipient).find('input').clear().type(address)
-}
-
-export function setSlippage(value) {
-  cy.contains('button', 'Auto').next('button').find('input').clear().type(value)
-}
-export function waitForOrdersCallToComplete() {
-  cy.intercept('GET', swapOrders).as('Orders')
-  cy.wait('@Orders')
-}
-
-export function waitForSurplusCallToComplete() {
-  cy.intercept('GET', surplus).as('Surplus')
-  cy.wait('@Surplus')
-}
-
-export function waitFornativePriceCallToComplete() {
-  cy.intercept('GET', nativePrice).as('Price')
-  cy.wait('@Price')
-}
-
-export function waitForQuoteCallToComplete() {
-  cy.intercept('GET', quote).as('Quote')
-  cy.wait('@Quote')
-}
-
-export function clickOnConfirmSwapBtn() {
-  cy.get('button').contains(confirmSwapStr).click()
-}
-
-export function clickOnExceeFeeChkbox() {
-  cy.wait(1000)
-  cy.get(exceedFeesChkbox)
-    .should(() => {})
-    .then(($button) => {
-      if (!$button.length) {
-        return
-      }
-      cy.wrap($button).click()
-    })
-}
-
-export function clickOnSwapBtn() {
-  cy.get('button').contains(swapBtnStr).as('swapBtn')
-
-  cy.get('@swapBtn').should('exist').click()
-}
-
-export function checkSwapBtnIsVisible() {
-  cy.get('button').contains(swapBtnStr).should('be.visible')
-}
-
-export const currencyDirectionOptions = {
-  input: 'input',
-  output: 'output',
-}
-
-export function acceptLegalDisclaimer() {
-  cy.get('button').contains('Continue').click()
-}
-
-export function checkTokenBalance(safe, tokenSymbol) {
-  cy.get(inputCurrencyInput)
-    .invoke('text')
-    .then((text) => {
-      main.getSafeBalance(safe, constants.networkKeys.sepolia).then((response) => {
-        const targetToken = response.body.items.find((token) => token.tokenInfo.symbol === tokenSymbol)
-        const tokenBalance = targetToken.balance.toString()
-        let formattedBalance
-
-        if (tokenBalance.length > 4) {
-          formattedBalance = `${tokenBalance[0]},${tokenBalance.slice(1, 4)}`
-        } else {
-          formattedBalance = tokenBalance
-        }
-
-        expect(text).to.include(`${formattedBalance} ${tokenSymbol}`)
-      })
-    })
-}
-
-export function verifySelectedInputCurrancy(option) {
-  cy.get(inputCurrencyInput).within(() => {
-    cy.get('span').contains(option).should('be.visible')
-  })
-}
-export function selectInputCurrency(option) {
-  cy.get(inputCurrencyInput).within(() => {
-    cy.get('button').eq(0).trigger('mouseover').trigger('click')
-  })
-  cy.get(tokenList).find('span').contains(option).click()
-}
-
-export function selectOutputCurrency(option) {
-  cy.get(outputurrencyInput).within(() => {
-    cy.get('button').trigger('mouseover').trigger('click')
-  })
-  cy.get(tokenList).find('span').contains(option).click()
-}
-
-export function setInputValue(value) {
-  cy.get(inputCurrencyInput).within(() => {
-    cy.get('input').type(value)
-  })
-}
-
-export function setOutputValue(value) {
-  cy.get(outputurrencyInput).within(() => {
-    cy.get('input').type(value)
-  })
-}
-
-export function enableCustomRecipient(option) {
-  if (!option) cy.get(recipientToggle).click()
-}
-
-export function disableCustomRecipient(option) {
-  if (option) cy.get(recipientToggle).click()
-}
-
-export function isInputGreaterZero(inputSelector) {
-  return cy
-    .get(inputSelector)
-    .find('input')
-    .invoke('val')
-    .then((val) => {
-      const n = parseFloat(val)
-      return n > 0
-    })
-}
-
-export function selectOrderType(type) {
-  cy.get('a').contains(swapStr).click()
-  cy.get(orderTypeMenuItem).contains(type).click()
-}
-
-export function createRegex(pattern, placeholder) {
-  const pattern_ = pattern.replace(placeholder, `\\s*\\d*\\.?\\d*\\s*${placeholder}`)
-  return new RegExp(pattern_, 'i')
-}
-
-export function getOrderID() {
-  return new RegExp(`[a-fA-F0-9]{8}`, 'i')
-}
-
-export function getWidgetFee() {
-  return new RegExp(`\\s*\\d*\\.?\\d+\\s*%\\s*`, 'i')
-}
-
-export function checkTokenOrder(regexPattern, option) {
-  cy.get(create_tx.txRowTitle)
-    .filter(`:contains("${option}")`)
-    .parent('div')
-    .then(($div) => {
-      const text = $div.text()
-      const regex = new RegExp(regexPattern, 'i')
-
-      cy.wrap($div).should(($div) => {
-        expect(text).to.match(regex)
-      })
-    })
-}
-
-export function verifyOrderIDUrl() {
-  cy.get(create_tx.txRowTitle)
-    .contains(orderIdStr)
-    .parent()
-    .within(() => {
-      cy.get(explorerBtn).should('have.attr', 'href').and('include', cowOrdersUrl)
-    })
-}
-
-export function verifyOrderDetails(limitPrice, expiry, slippage, interactWith, oderID, widgetFee) {
-  cy.get(limitPriceFld).contains(limitPrice)
-  cy.get(expiryFld).contains(expiry)
-  cy.get(slippageFld).contains(slippage)
-  cy.get(orderIDFld).contains(oderID)
-  cy.get(widgetFeeFld).contains(widgetFee)
-  cy.get(interactWithFld).contains(interactWith)
-}
-
-export function verifyRecipientAlertIsDisplayed() {
-  main.verifyElementsIsVisible([recipientAlert])
-}
diff --git a/cypress/e2e/pages/transactions.page.js b/cypress/e2e/pages/transactions.page.js
deleted file mode 100644
index 9efe5bd82..000000000
--- a/cypress/e2e/pages/transactions.page.js
+++ /dev/null
@@ -1,60 +0,0 @@
-const executeNowOption = '[data-testid="execute-checkbox"]'
-const executeLaterOption = '[data-testid="sign-checkbox"]'
-const connectedWalletExecutionMethod = '[data-testid="connected-wallet-execution-method"]'
-const txStatus = '[data-testid="transaction-status"]'
-const finishTransactionBtn = '[data-testid="finish-transaction-btn"]'
-const executeFormBtn = '[data-testid="execute-form-btn"]'
-
-const executeBtnStr = 'Execute'
-const txCompletedStr = 'Transaction was successful'
-
-export function selectExecuteNow() {
-  cy.get(executeNowOption).click()
-}
-
-export function selectExecuteLater() {
-  cy.get(executeLaterOption).click()
-}
-
-export function selectConnectedWalletOption() {
-  cy.get(connectedWalletExecutionMethod).click()
-}
-
-export function selectRelayOtion() {
-  cy.get(connectedWalletExecutionMethod).prev().click()
-}
-
-export function clickOnExecuteBtn() {
-  cy.get(executeFormBtn).click()
-}
-
-export function clickOnFinishBtn() {
-  cy.get(finishTransactionBtn).click()
-}
-
-export function waitForTxToComplete() {
-  cy.get(txStatus, { timeout: 240000 }).should('contain', txCompletedStr)
-}
-
-export function executeFlow_1() {
-  selectExecuteNow()
-  selectConnectedWalletOption()
-  clickOnExecuteBtn()
-  waitForTxToComplete()
-  clickOnFinishBtn()
-}
-
-export function executeFlow_2() {
-  selectExecuteNow()
-  selectRelayOtion()
-  clickOnExecuteBtn()
-  waitForTxToComplete()
-  clickOnFinishBtn()
-}
-
-export function executeFlow_3() {
-  selectConnectedWalletOption()
-  clickOnExecuteBtn()
-  waitForTxToComplete()
-  clickOnFinishBtn()
-}
diff --git a/cypress/e2e/regression/add_owner.cy.js b/cypress/e2e/regression/add_owner.cy.js
deleted file mode 100644
index 6129ab561..000000000
--- a/cypress/e2e/regression/add_owner.cy.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../../e2e/pages/main.page'
-import * as owner from '../pages/owners.pages'
-import * as addressBook from '../pages/address_book.page'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('Add Owners tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
-    cy.clearLocalStorage()
-    main.acceptCookies()
-    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
-  })
-
-  it('Verify add owner button is disabled for disconnected user', () => {
-    owner.verifyAddOwnerBtnIsDisabled()
-  })
-
-  it('Verify the Add New Owner Form can be opened', () => {
-    wallet.connectSigner(signer)
-    owner.openAddOwnerWindow()
-  })
-
-  it('Verify error message displayed if character limit is exceeded in Name input', () => {
-    wallet.connectSigner(signer)
-    owner.openAddOwnerWindow()
-    owner.typeOwnerName(main.generateRandomString(51))
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.exceedChars)
-  })
-
-  it('Verify that the "Name" field is auto-filled with the relevant name from Address Book', () => {
-    cy.visit(constants.addressBookUrl + staticSafes.SEP_STATIC_SAFE_4)
-    addressBook.clickOnCreateEntryBtn()
-    addressBook.typeInName(constants.addresBookContacts.user1.name)
-    addressBook.typeInAddress(constants.addresBookContacts.user1.address)
-    addressBook.clickOnSaveEntryBtn()
-    addressBook.verifyNewEntryAdded(constants.addresBookContacts.user1.name, constants.addresBookContacts.user1.address)
-    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
-    wallet.connectSigner(signer)
-    owner.openAddOwnerWindow()
-    owner.typeOwnerAddress(constants.addresBookContacts.user1.address)
-    owner.verifyNewOwnerName(constants.addresBookContacts.user1.name)
-  })
-
-  it('Verify that Name field not mandatory', () => {
-    wallet.connectSigner(signer)
-    owner.openAddOwnerWindow()
-    owner.typeOwnerAddress(constants.SEPOLIA_OWNER_2)
-    owner.clickOnNextBtn()
-    owner.verifyConfirmTransactionWindowDisplayed()
-  })
-})
diff --git a/cypress/e2e/regression/address_book.cy.js b/cypress/e2e/regression/address_book.cy.js
deleted file mode 100644
index 1413b95a0..000000000
--- a/cypress/e2e/regression/address_book.cy.js
+++ /dev/null
@@ -1,122 +0,0 @@
-import 'cypress-file-upload'
-const path = require('path')
-import { format } from 'date-fns'
-import * as constants from '../../support/constants'
-import * as addressBook from '../../e2e/pages/address_book.page'
-import * as main from '../../e2e/pages/main.page'
-import * as ls from '../../support/localstorage_data.js'
-import * as sidebar from '../pages/sidebar.pages.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-const NAME = 'Owner1'
-const EDITED_NAME = 'Edited Owner1'
-const importedSafe = 'imported-safe'
-
-describe('Address book tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.visit(constants.addressBookUrl + staticSafes.SEP_STATIC_SAFE_4)
-    cy.clearLocalStorage()
-    main.acceptCookies()
-  })
-
-  it('Verify owners name can be edited', () => {
-    cy.wrap(null)
-      .then(() =>
-        main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress1),
-      )
-      .then(() =>
-        main.isItemInLocalstorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress1),
-      )
-      .then(() => {
-        cy.reload()
-        addressBook.clickOnEditEntryBtn()
-        addressBook.typeInNameInput(EDITED_NAME)
-        addressBook.clickOnSaveEntryBtn()
-        addressBook.verifyNameWasChanged(NAME, EDITED_NAME)
-      })
-  })
-
-  //TODO: Rework to use Polygon. Replace Verify csv file can be imported (Goerli) with this test
-  it.skip('Verify that Sepolia and Polygon addresses can be imported', () => {
-    // Go to a Safe on Gnosis Chain
-    cy.get('header')
-      .contains(/^G(ö|oe)rli$/)
-      .click()
-    cy.contains('Gnosis Chain').click()
-
-    // Navigate to the Address Book page
-    cy.visit(`/address-book?safe=${constants.GNO_TEST_SAFE}`)
-
-    // Waits for the Address Book table to be in the page
-    cy.contains('p', 'Address book').should('be.visible')
-
-    // Finds the imported Gnosis Chain address
-    cy.contains(constants.GNO_CSV_ENTRY.name).should('exist')
-    cy.contains(constants.GNO_CSV_ENTRY.address).should('exist')
-  })
-
-  it('Verify the address book file can be exported', () => {
-    cy.wrap(null)
-      .then(() => main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.dataSet))
-      .then(() =>
-        main.isItemInLocalstorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.dataSet),
-      )
-      .then(() => {
-        cy.reload()
-        cy.contains(ls.addressBookData.dataSet[11155111]['0xf405BC611F4a4c89CCB3E4d083099f9C36D966f8'])
-        const date = format(new Date(), 'yyyy-MM-dd', { timeZone: 'UTC' })
-        const fileName = `safe-address-book-${date}.csv`
-        addressBook.clickOnExportFileBtn()
-        addressBook.verifyExportMessage(12)
-        addressBook.confirmExport()
-        const downloadsFolder = Cypress.config('downloadsFolder')
-        //File reading is failing in the CI. Can be tested locally
-        cy.readFile(path.join(downloadsFolder, fileName)).should('exist')
-      })
-  })
-
-  it('Verify that importing a csv file does not alter addresses in the Address book not present in the file', () => {
-    cy.wrap(null)
-      .then(() =>
-        main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress1),
-      )
-      .then(() =>
-        main.isItemInLocalstorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress1),
-      )
-      .then(() => {
-        cy.wait(1000)
-        cy.reload()
-        addressBook.clickOnImportFileBtn()
-        addressBook.importCSVFile(addressBook.validCSVFile)
-        addressBook.clickOnImportBtn()
-        addressBook.verifyDataImported([constants.RECIPIENT_ADDRESS])
-      })
-  })
-
-  it('Verify Safe name changes after uploading a csv file', () => {
-    cy.wrap(null)
-      .then(() => main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addedSafes, ls.addedSafes.set4))
-      .then(() =>
-        main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.addedSafesImport),
-      )
-      .then(() => {
-        cy.wait(1000)
-        cy.reload()
-        addressBook.clickOnImportFileBtn()
-        addressBook.importCSVFile(addressBook.addedSafesCSVFile)
-        addressBook.clickOnImportBtn()
-        wallet.connectSigner(signer)
-        sidebar.openSidebar()
-        sidebar.verifyAddedSafesExist([importedSafe])
-      })
-  })
-})
diff --git a/cypress/e2e/regression/batch_tx.cy.js b/cypress/e2e/regression/batch_tx.cy.js
deleted file mode 100644
index b9ecb1374..000000000
--- a/cypress/e2e/regression/batch_tx.cy.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import * as batch from '../pages/batches.pages'
-import * as constants from '../../support/constants'
-import * as main from '../../e2e/pages/main.page'
-import * as owner from '../../e2e/pages/owners.pages.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-const currentNonce = 3
-const funds_first_tx = '0.001'
-const funds_second_tx = '0.002'
-
-let staticSafes = []
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('Batch transaction tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_2)
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    main.acceptCookies()
-  })
-
-  // TODO: Check if localstorage can be used to add batches
-  // Rework test
-  it('Verify the Add batch button is present in a transaction form', () => {
-    //The "true" is to validate that the add to batch button is not visible if "Yes, execute" is selected
-    batch.addNewTransactionToBatch(constants.EOA, currentNonce, funds_first_tx)
-  })
-
-  it('Verify a second transaction can be added to the batch', () => {
-    batch.addNewTransactionToBatch(constants.EOA, currentNonce, funds_first_tx)
-    cy.wait(1000)
-    batch.addNewTransactionToBatch(constants.EOA, currentNonce, funds_first_tx)
-    batch.verifyBatchIconCount(2)
-    batch.clickOnBatchCounter()
-    batch.verifyAmountTransactionsInBatch(2)
-  })
-})
diff --git a/cypress/e2e/regression/beamer.cy.js b/cypress/e2e/regression/beamer.cy.js
deleted file mode 100644
index 7dd046e3d..000000000
--- a/cypress/e2e/regression/beamer.cy.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import * as constants from '../../support/constants'
-import * as addressbook from '../pages/address_book.page'
-import * as main from '../../e2e/pages/main.page'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-let staticSafes = []
-
-describe('Beamer tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-    cy.clearLocalStorage()
-    cy.visit(constants.addressBookUrl + staticSafes.SEP_STATIC_SAFE_4)
-    main.acceptCookies()
-  })
-
-  it.skip('Verify "Updates" cookie acceptance is required before displaying Beamer', () => {
-    addressbook.clickOnWhatsNewBtn()
-    addressbook.acceptBeamerCookies()
-    addressbook.verifyBeamerIsChecked()
-    main.acceptCookies()
-    // wait for Beamer cookies to be set
-    cy.wait(1000)
-    addressbook.clickOnWhatsNewBtn(true) // clicks through the "lastPostTitle"
-    addressbook.verifyBeameriFrameExists()
-  })
-})
diff --git a/cypress/e2e/regression/create_safe_cf.cy.js b/cypress/e2e/regression/create_safe_cf.cy.js
deleted file mode 100644
index 4b936701d..000000000
--- a/cypress/e2e/regression/create_safe_cf.cy.js
+++ /dev/null
@@ -1,161 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as createwallet from '../pages/create_wallet.pages'
-import * as owner from '../pages/owners.pages'
-import * as navigation from '../pages/navigation.page.js'
-import * as ls from '../../support/localstorage_data.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as safeapps from '../pages/safeapps.pages'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-const txOrder = [
-  'Activate Safe now',
-  'Add another signer',
-  'Set up recovery',
-  'Swap tokens',
-  'Custom transaction',
-  'Send token',
-]
-
-describe('CF Safe regression tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_14)
-    main.acceptCookies()
-  })
-
-  it('Verify Add native assets and Create tx modals can be opened', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
-    cy.reload()
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    createwallet.clickOnAddFundsBtn()
-    main.verifyElementsIsVisible([createwallet.qrCode])
-    navigation.clickOnModalCloseBtn()
-
-    createwallet.clickOnCreateTxBtn()
-    navigation.clickOnModalCloseBtn()
-  })
-
-  it('Verify "0 out of 2 step completed" is shown in the dashboard', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
-    cy.reload()
-    createwallet.checkInitialStepsDisplayed()
-  })
-
-  it('Verify "Add native assets" button opens a modal with a QR code and the safe address', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
-    cy.reload()
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    createwallet.clickOnAddFundsBtn()
-    main.verifyElementsIsVisible([createwallet.qrCode, createwallet.addressInfo])
-  })
-
-  it('Verify QR code switch status change works in "Add native assets" modal', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
-    cy.reload()
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    createwallet.clickOnAddFundsBtn()
-    createwallet.checkQRCodeSwitchStatus(constants.checkboxStates.checked)
-    createwallet.clickOnQRCodeSwitch()
-    createwallet.checkQRCodeSwitchStatus(constants.checkboxStates.unchecked)
-  })
-
-  it('Verify "Create new transaction" modal contains tx types in sequence', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
-    cy.reload()
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    createwallet.clickOnCreateTxBtn()
-    createwallet.checkAllTxTypesOrder(txOrder)
-  })
-
-  it('Verify "Add safe now" button takes to a tx "Activate account"', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
-    cy.reload()
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    createwallet.clickOnCreateTxBtn()
-    createwallet.clickOnTxType(txOrder[0])
-    main.verifyElementsExist([createwallet.activateAccountBtn])
-  })
-
-  it('Verify "Add another Owner" takes to a tx Add owner', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
-    cy.reload()
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    createwallet.clickOnCreateTxBtn()
-    createwallet.clickOnTxType(txOrder[1])
-    main.verifyTextVisibility([createwallet.addSignerStr])
-  })
-
-  it('Verify "Setup recovery" button takes to the "Account recovery" flow', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
-    cy.reload()
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    createwallet.clickOnCreateTxBtn()
-    createwallet.clickOnTxType(txOrder[2])
-    main.verifyTextVisibility([createwallet.accountRecoveryStr])
-  })
-
-  it('Verify "Send token" takes to the tx form to send tokens', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
-    cy.reload()
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    createwallet.clickOnCreateTxBtn()
-    createwallet.clickOnTxType(txOrder[5])
-    main.verifyTextVisibility([createwallet.sendTokensStr])
-  })
-
-  it('Verify "Custom transaction" takes to the tx builder app ', () => {
-    const iframeSelector = `iframe[id="iframe-${constants.TX_Builder_url}"]`
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
-    main.addToLocalStorage(
-      constants.localStorageKeys.SAFE_v2__SafeApps__infoModal,
-      ls.appPermissions(constants.safeTestAppurl).infoModalAccepted,
-    )
-    cy.reload()
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    createwallet.clickOnCreateTxBtn()
-    createwallet.clickOnTxType(txOrder[4])
-    main.getIframeBody(iframeSelector).within(() => {
-      cy.contains(safeapps.transactionBuilderStr)
-    })
-  })
-
-  it('Verify "Notifications" in the settings are disabled', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
-    cy.reload()
-    cy.visit(constants.notificationsUrl + staticSafes.SEP_STATIC_SAFE_14)
-    createwallet.checkNotificationsSwitchIs(constants.enabledStates.disabled)
-  })
-
-  it('Verify in assets, that a "Add funds" block is present', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
-    cy.reload()
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_14)
-    main.verifyElementsIsVisible([createwallet.addFundsSection, createwallet.noTokensAlert])
-  })
-
-  it('Verify clicking on "Activate now" button opens safe activation flow', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__undeployedSafes, ls.undeployedSafe.safe1)
-    cy.reload()
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_14)
-    createwallet.clickOnActivateAccountBtn()
-    main.verifyElementsIsVisible([createwallet.activateAccountBtn])
-  })
-})
diff --git a/cypress/e2e/regression/create_safe_simple.cy.js b/cypress/e2e/regression/create_safe_simple.cy.js
deleted file mode 100644
index 2580029ba..000000000
--- a/cypress/e2e/regression/create_safe_simple.cy.js
+++ /dev/null
@@ -1,147 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../../e2e/pages/main.page'
-import * as createwallet from '../pages/create_wallet.pages'
-import * as owner from '../pages/owners.pages'
-import * as ls from '../../support/localstorage_data.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('Safe creation tests', () => {
-  beforeEach(() => {
-    cy.visit(constants.welcomeUrl + '?chain=sep')
-    cy.clearLocalStorage()
-    main.acceptCookies()
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-  })
-
-  it('Verify Next button is disabled until switching to network is done', () => {
-    createwallet.clickOnContinueWithWalletBtn()
-    createwallet.selectNetwork(constants.networks.ethereum)
-    createwallet.clickOnCreateNewSafeBtn()
-    createwallet.checkNetworkChangeWarningMsg()
-    createwallet.verifyNextBtnIsDisabled()
-    createwallet.selectNetwork(constants.networks.sepolia)
-    createwallet.verifyNextBtnIsEnabled()
-  })
-
-  // TODO: Check unit tests
-  it('Verify error message is displayed if wallet name input exceeds 50 characters', () => {
-    createwallet.clickOnContinueWithWalletBtn()
-    createwallet.clickOnCreateNewSafeBtn()
-    createwallet.typeWalletName(main.generateRandomString(51))
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.exceedChars)
-    createwallet.clearWalletName()
-  })
-
-  // TODO: Replace wallet with Safe
-  // TODO: Check unit tests
-  it('Verify there is no error message is displayed if wallet name input contains less than 50 characters', () => {
-    createwallet.clickOnContinueWithWalletBtn()
-    createwallet.clickOnCreateNewSafeBtn()
-    createwallet.typeWalletName(main.generateRandomString(50))
-    owner.verifyValidWalletName(constants.addressBookErrrMsg.exceedChars)
-  })
-
-  it('Verify current connected account is shown as default owner', () => {
-    createwallet.clickOnContinueWithWalletBtn()
-    createwallet.clickOnCreateNewSafeBtn()
-    createwallet.clickOnNextBtn()
-    owner.verifyExistingOwnerAddress(0, constants.DEFAULT_OWNER_ADDRESS)
-  })
-
-  // TODO: Check unit tests
-  it('Verify error message is displayed if owner name input exceeds 50 characters', () => {
-    createwallet.clickOnContinueWithWalletBtn()
-    createwallet.clickOnCreateNewSafeBtn()
-    owner.typeExistingOwnerName(main.generateRandomString(51))
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.exceedChars)
-  })
-
-  // TODO: Check unit tests
-  it('Verify there is no error message is displayed if owner name input contains less than 50 characters', () => {
-    createwallet.clickOnContinueWithWalletBtn()
-    createwallet.clickOnCreateNewSafeBtn()
-    owner.typeExistingOwnerName(main.generateRandomString(50))
-    owner.verifyValidWalletName(constants.addressBookErrrMsg.exceedChars)
-  })
-
-  it('Verify data persistence', () => {
-    const ownerName = 'David'
-    createwallet.clickOnContinueWithWalletBtn()
-    createwallet.clickOnCreateNewSafeBtn()
-    createwallet.clickOnNextBtn()
-    createwallet.clickOnAddNewOwnerBtn()
-    createwallet.typeOwnerName(ownerName, 1)
-    createwallet.typeOwnerAddress(constants.SEPOLIA_OWNER_2, 1)
-    createwallet.clickOnBackBtn()
-    createwallet.clearWalletName()
-    createwallet.typeWalletName(createwallet.walletName)
-    createwallet.clickOnNextBtn()
-    createwallet.clickOnNextBtn()
-    createwallet.verifySafeNameInSummaryStep(createwallet.walletName)
-    createwallet.verifyOwnerNameInSummaryStep(ownerName)
-    createwallet.verifyOwnerAddressInSummaryStep(constants.DEFAULT_OWNER_ADDRESS)
-    createwallet.verifyOwnerAddressInSummaryStep(constants.DEFAULT_OWNER_ADDRESS)
-    createwallet.verifyThresholdStringInSummaryStep(1, 2)
-    createwallet.verifyNetworkInSummaryStep(constants.networks.sepolia)
-    createwallet.clickOnBackBtn()
-    createwallet.clickOnBackBtn()
-    cy.wait(1000)
-    createwallet.clickOnNextBtn()
-    createwallet.clickOnNextBtn()
-    createwallet.verifySafeNameInSummaryStep(createwallet.walletName)
-    createwallet.verifyOwnerNameInSummaryStep(ownerName)
-    createwallet.verifyOwnerAddressInSummaryStep(constants.DEFAULT_OWNER_ADDRESS)
-    createwallet.verifyOwnerAddressInSummaryStep(constants.DEFAULT_OWNER_ADDRESS)
-    createwallet.verifyThresholdStringInSummaryStep(1, 2)
-    createwallet.verifyNetworkInSummaryStep(constants.networks.sepolia)
-    createwallet.verifyEstimatedFeeInSummaryStep()
-  })
-
-  it('Verify tip is displayed on right side for threshold 1/1', () => {
-    createwallet.clickOnContinueWithWalletBtn()
-    createwallet.clickOnCreateNewSafeBtn()
-    createwallet.clickOnNextBtn()
-    createwallet.verifyPolicy1_1()
-  })
-
-  // TODO: Check unit tests
-  it('Verify address input validation rules', () => {
-    createwallet.clickOnContinueWithWalletBtn()
-    createwallet.clickOnCreateNewSafeBtn()
-    createwallet.clickOnNextBtn()
-    createwallet.clickOnAddNewOwnerBtn()
-    createwallet.typeOwnerAddress(main.generateRandomString(10), 1)
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidFormat)
-
-    createwallet.typeOwnerAddress(constants.DEFAULT_OWNER_ADDRESS, 1)
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.ownerAdded)
-
-    createwallet.typeOwnerAddress(constants.DEFAULT_OWNER_ADDRESS.toUpperCase(), 1)
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidChecksum)
-
-    createwallet.typeOwnerAddress(constants.ENS_TEST_SEPOLIA_INVALID, 1)
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.failedResolve)
-  })
-
-  it('Verify duplicated signer error using the autocomplete feature', () => {
-    cy.visit(constants.createNewSafeSepoliaUrl + '?chain=sep')
-    cy.wrap(null)
-      .then(() =>
-        main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sameOwnerName),
-      )
-      .then(() => {
-        wallet.connectSigner(signer)
-        createwallet.clickOnContinueWithWalletBtn()
-        createwallet.clickOnCreateNewSafeBtn()
-        createwallet.clickOnNextBtn()
-        createwallet.clickOnAddNewOwnerBtn()
-        createwallet.clickOnSignerAddressInput(1)
-        createwallet.selectSignerOnAutocomplete(2)
-        owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.ownerAdded)
-      })
-  })
-})
diff --git a/cypress/e2e/regression/create_tx.cy.js b/cypress/e2e/regression/create_tx.cy.js
deleted file mode 100644
index 914828302..000000000
--- a/cypress/e2e/regression/create_tx.cy.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../../e2e/pages/main.page'
-import * as createtx from '../../e2e/pages/create_tx.pages'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-
-const sendValue = 0.00002
-
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-function happyPathToStepTwo() {
-  createtx.typeRecipientAddress(constants.EOA)
-  createtx.clickOnTokenselectorAndSelectSepoliaEth()
-  createtx.setSendValue(sendValue)
-  createtx.clickOnNextBtn()
-}
-
-describe('Create transactions tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_6)
-    main.acceptCookies()
-    wallet.connectSigner(signer)
-    createtx.clickOnNewtransactionBtn()
-    createtx.clickOnSendTokensBtn()
-  })
-
-  it('Verify submitting a tx and that clicking on notification shows the transaction in queue', () => {
-    happyPathToStepTwo()
-    createtx.verifySubmitBtnIsEnabled()
-    createtx.changeNonce(14)
-    cy.wait(1000)
-    createtx.clickOnSignTransactionBtn()
-    createtx.waitForProposeRequest()
-    createtx.clickViewTransaction()
-    createtx.verifySingleTxPage()
-    createtx.verifyQueueLabel()
-    createtx.verifyTransactionSummary(sendValue)
-  })
-})
diff --git a/cypress/e2e/regression/load_safe.cy.js b/cypress/e2e/regression/load_safe.cy.js
deleted file mode 100644
index 87533108d..000000000
--- a/cypress/e2e/regression/load_safe.cy.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import 'cypress-file-upload'
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as safe from '../pages/load_safe.pages'
-import * as createwallet from '../pages/create_wallet.pages'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-let staticSafes = []
-
-const testSafeName = 'Test safe name'
-const testOwnerName = 'Test Owner Name'
-// TODO
-const SAFE_ENS_NAME = 'test20.eth'
-const SAFE_ENS_NAME_TRANSLATED = constants.EOA
-
-const EOA_ADDRESS = constants.EOA
-
-const INVALID_ADDRESS_ERROR_MSG = 'Address given is not a valid Safe address'
-
-// TODO
-const OWNER_ENS_DEFAULT_NAME = 'test20.eth'
-const OWNER_ADDRESS = constants.EOA
-
-describe('Load Safe tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.loadNewSafeSepoliaUrl)
-    main.acceptCookies()
-    cy.wait(2000)
-  })
-
-  it('Verify custom name in the first owner can be set', () => {
-    safe.inputNameAndAddress(testSafeName, staticSafes.SEP_STATIC_SAFE_4)
-    safe.clickOnNextBtn()
-    createwallet.typeOwnerName(testOwnerName, 0)
-    safe.clickOnNextBtn()
-  })
-
-  it('Verify Safe and owner names are displayed in the Review step', () => {
-    safe.inputNameAndAddress(testSafeName, staticSafes.SEP_STATIC_SAFE_4)
-    safe.clickOnNextBtn()
-    createwallet.typeOwnerName(testOwnerName, 0)
-    safe.clickOnNextBtn()
-    safe.verifyDataInReviewSection(testSafeName, testOwnerName)
-    safe.clickOnAddBtn()
-  })
-})
diff --git a/cypress/e2e/regression/messages_onchain.cy.js b/cypress/e2e/regression/messages_onchain.cy.js
deleted file mode 100644
index 492e38fba..000000000
--- a/cypress/e2e/regression/messages_onchain.cy.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import * as constants from '../../support/constants.js'
-import * as main from '../pages/main.page.js'
-import * as createTx from '../pages/create_tx.pages.js'
-import * as msg_data from '../../fixtures/txmessages_data.json'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-let staticSafes = []
-
-const typeMessagesOnchain = msg_data.type.onChain
-
-describe('Onchain Messages tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_10)
-    main.acceptCookies()
-  })
-
-  it('Verify exapanded details for signed on-chain message', () => {
-    createTx.clickOnTransactionItemByName(typeMessagesOnchain.contractName)
-    createTx.verifyExpandedDetails([
-      typeMessagesOnchain.contractName,
-      typeMessagesOnchain.contractAddress,
-      typeMessagesOnchain.delegateCall,
-    ])
-  })
-
-  it('Verify exapanded details for unsigned on-chain message', () => {
-    cy.visit(constants.transactionQueueUrl + staticSafes.SEP_STATIC_SAFE_10)
-    createTx.clickOnTransactionItemByName(typeMessagesOnchain.contractName)
-    createTx.verifyExpandedDetails([
-      typeMessagesOnchain.contractName,
-      typeMessagesOnchain.contractAddress,
-      typeMessagesOnchain.delegateCall,
-    ])
-  })
-
-  it('Verify summary for unsigned on-chain message', () => {
-    cy.visit(constants.transactionQueueUrl + staticSafes.SEP_STATIC_SAFE_10)
-    createTx.verifySummaryByName(
-      typeMessagesOnchain.contractName,
-      [typeMessagesOnchain.oneOftwo, typeMessagesOnchain.signMessage],
-      typeMessagesOnchain.altTmage,
-    )
-  })
-
-  it('Verify summary for signed on-chain message', () => {
-    createTx.verifySummaryByName(
-      typeMessagesOnchain.contractName,
-      [typeMessagesOnchain.success, typeMessagesOnchain.signMessage],
-      typeMessagesOnchain.altTmage,
-    )
-  })
-})
diff --git a/cypress/e2e/regression/messages_popup.cy.js b/cypress/e2e/regression/messages_popup.cy.js
deleted file mode 100644
index 441debb12..000000000
--- a/cypress/e2e/regression/messages_popup.cy.js
+++ /dev/null
@@ -1,74 +0,0 @@
-import * as constants from '../../support/constants.js'
-import * as main from '../pages/main.page.js'
-import * as modal from '../pages/modals.page.js'
-import * as apps from '../pages/safeapps.pages.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as ls from '../../support/localstorage_data.js'
-import * as messages from '../pages/messages.pages.js'
-import * as msg_confirmation_modal from '../pages/modals/message_confirmation.pages.js'
-
-let staticSafes = []
-const safeApp = 'Safe Test App'
-const onchainMessage = 'Message 1'
-let iframeSelector
-
-describe('Messages popup window tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.appsCustomUrl + staticSafes.SEP_STATIC_SAFE_10)
-    main.acceptCookies()
-    iframeSelector = `iframe[id="iframe-${constants.safeTestAppurl}"]`
-  })
-
-  it('Verify off-chain message popup window can be triggered', () => {
-    main.addToLocalStorage(
-      constants.localStorageKeys.SAFE_v2__customSafeApps_11155111,
-      ls.customApps(constants.safeTestAppurl).safeTestApp,
-    )
-    main.addToLocalStorage(
-      constants.localStorageKeys.SAFE_v2__SafeApps__browserPermissions,
-      ls.appPermissions(constants.safeTestAppurl).grantedPermissions,
-    )
-    main.addToLocalStorage(
-      constants.localStorageKeys.SAFE_v2__SafeApps__infoModal,
-      ls.appPermissions(constants.safeTestAppurl).infoModalAccepted,
-    )
-    cy.reload()
-    apps.clickOnApp(safeApp)
-    apps.clickOnOpenSafeAppBtn()
-    main.getIframeBody(iframeSelector).within(() => {
-      apps.triggetOffChainTx()
-    })
-    msg_confirmation_modal.verifyConfirmationWindowTitle(modal.modalTitiles.confirmTx)
-    msg_confirmation_modal.verifySafeAppInPopupWindow(safeApp)
-  })
-
-  it('Verify on-chain message popup window can be triggered', () => {
-    main.addToLocalStorage(
-      constants.localStorageKeys.SAFE_v2__customSafeApps_11155111,
-      ls.customApps(constants.safeTestAppurl).safeTestApp,
-    )
-    main.addToLocalStorage(
-      constants.localStorageKeys.SAFE_v2__SafeApps__browserPermissions,
-      ls.appPermissions(constants.safeTestAppurl).grantedPermissions,
-    )
-    main.addToLocalStorage(
-      constants.localStorageKeys.SAFE_v2__SafeApps__infoModal,
-      ls.appPermissions(constants.safeTestAppurl).infoModalAccepted,
-    )
-    cy.reload()
-    apps.clickOnApp(safeApp)
-    apps.clickOnOpenSafeAppBtn()
-    main.getIframeBody(iframeSelector).within(() => {
-      messages.enterOnchainMessage(onchainMessage)
-      apps.triggetOnChainTx()
-    })
-    msg_confirmation_modal.verifyConfirmationWindowTitle(modal.modalTitiles.confirmMsg)
-    msg_confirmation_modal.verifySafeAppInPopupWindow(safeApp)
-    msg_confirmation_modal.verifyMessagePresent(onchainMessage)
-  })
-})
diff --git a/cypress/e2e/regression/nfts.cy.js b/cypress/e2e/regression/nfts.cy.js
deleted file mode 100644
index 386af6267..000000000
--- a/cypress/e2e/regression/nfts.cy.js
+++ /dev/null
@@ -1,104 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as nfts from '../pages/nfts.pages'
-import * as navigation from '../pages/navigation.page'
-import * as createTx from '../pages/create_tx.pages'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-const singleNFT = ['safeTransferFrom']
-const multipleNFT = ['multiSend']
-const multipleNFTAction = 'safeTransferFrom'
-const NFTSentName = 'GTT #22'
-
-let nftsSafes,
-  staticSafes = []
-
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('NFTs tests', () => {
-  before(() => {
-    getSafes(CATEGORIES.nfts)
-      .then((nfts) => {
-        nftsSafes = nfts
-        return getSafes(CATEGORIES.static)
-      })
-      .then((statics) => {
-        staticSafes = statics
-      })
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.balanceNftsUrl + staticSafes.SEP_STATIC_SAFE_2)
-    main.acceptCookies()
-    wallet.connectSigner(signer)
-    nfts.waitForNftItems(2)
-  })
-
-  // TODO: Add Sign action
-  it('Verify multipls NFTs can be selected and reviewed', () => {
-    nfts.verifyInitialNFTData()
-    nfts.selectNFTs(3)
-    nfts.deselectNFTs([2], 3)
-    nfts.sendNFT()
-    nfts.verifyNFTModalData()
-    nfts.typeRecipientAddress(staticSafes.SEP_STATIC_SAFE_1)
-    nfts.clikOnNextBtn()
-    nfts.verifyReviewModalData(2)
-  })
-
-  it('Verify that when 1 NFTs is selected, there is no Actions block in Review step', () => {
-    nfts.verifyInitialNFTData()
-    nfts.selectNFTs(1)
-    nfts.sendNFT()
-    nfts.typeRecipientAddress(staticSafes.SEP_STATIC_SAFE_1)
-    nfts.clikOnNextBtn()
-    nfts.verifyTxDetails(singleNFT)
-    nfts.verifyCountOfActions(0)
-  })
-
-  it('Verify that when 2 NFTs are selected, actions and tx details are correct in Review step', () => {
-    nfts.verifyInitialNFTData()
-    nfts.selectNFTs(2)
-    nfts.sendNFT()
-    nfts.typeRecipientAddress(staticSafes.SEP_STATIC_SAFE_1)
-    nfts.clikOnNextBtn()
-    nfts.verifyTxDetails(multipleNFT)
-    nfts.verifyCountOfActions(2)
-    nfts.verifyActionName(0, multipleNFTAction)
-    nfts.verifyActionName(1, multipleNFTAction)
-  })
-
-  it('Verify Send button is disabled for non-owner', () => {
-    cy.visit(constants.balanceNftsUrl + nftsSafes.SEP_NFT_SAFE_2)
-    nfts.verifyInitialNFTData()
-    nfts.selectNFTs(1)
-    nfts.verifySendNFTBtnDisabled()
-  })
-
-  it('Verify Send button is disabled for disconnected wallet', () => {
-    navigation.clickOnWalletExpandMoreIcon()
-    navigation.clickOnDisconnectBtn()
-    nfts.selectNFTs(1)
-    nfts.verifySendNFTBtnDisabled()
-  })
-
-  it('Verify Send NFT transaction has been created', () => {
-    cy.visit(constants.balanceNftsUrl + nftsSafes.SEP_NFT_SAFE_1)
-    wallet.connectSigner(signer)
-    nfts.verifyInitialNFTData()
-    nfts.selectNFTs(1)
-    nfts.sendNFT()
-    nfts.typeRecipientAddress(staticSafes.SEP_STATIC_SAFE_1)
-    createTx.changeNonce(2)
-    nfts.clikOnNextBtn()
-    createTx.clickOnSignTransactionBtn()
-    createTx.waitForProposeRequest()
-    createTx.clickViewTransaction()
-    createTx.verifySingleTxPage()
-    createTx.verifyQueueLabel()
-    createTx.verifyTransactionStrExists(NFTSentName)
-  })
-})
diff --git a/cypress/e2e/regression/remove_owner.cy.js b/cypress/e2e/regression/remove_owner.cy.js
deleted file mode 100644
index 15b0e6963..000000000
--- a/cypress/e2e/regression/remove_owner.cy.js
+++ /dev/null
@@ -1,68 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../../e2e/pages/main.page'
-import * as owner from '../pages/owners.pages'
-import * as createwallet from '../pages/create_wallet.pages'
-import * as createTx from '../pages/create_tx.pages.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('Remove Owners tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_13)
-    main.waitForHistoryCallToComplete()
-    cy.clearLocalStorage()
-    main.acceptCookies()
-    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
-  })
-
-  it('Verify that "Remove" icon is visible', () => {
-    owner.verifyRemoveBtnIsEnabled().should('have.length', 2)
-  })
-
-  it('Verify remove button does not exist for Non-Owner when there is only 1 owner in the safe', () => {
-    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_3)
-    main.waitForHistoryCallToComplete()
-    main.verifyElementsCount(owner.removeOwnerBtn, 0)
-  })
-
-  it('Verify remove owner button is disabled for disconnected user', () => {
-    owner.verifyRemoveBtnIsDisabled()
-  })
-
-  it('Verify owner removal form can be opened', () => {
-    wallet.connectSigner(signer)
-    owner.openRemoveOwnerWindow(1)
-  })
-
-  it('Verify threshold input displays the upper limit as the current safe number of owners minus one', () => {
-    wallet.connectSigner(signer)
-    owner.openRemoveOwnerWindow(1)
-    owner.verifyThresholdLimit(1, 1)
-    owner.getThresholdOptions().should('have.length', 1)
-  })
-
-  it('Verify owner deletion transaction has been created', () => {
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    owner.openRemoveOwnerWindow(1)
-    cy.wait(3000)
-    createwallet.clickOnNextBtn()
-    //This method creates the @removedAddress alias
-    owner.getAddressToBeRemoved()
-    owner.verifyOwnerDeletionWindowDisplayed()
-    createTx.changeNonce(10)
-    createTx.clickOnSignTransactionBtn()
-    createTx.waitForProposeRequest()
-    createTx.clickViewTransaction()
-    createTx.clickOnTransactionItemByName('removeOwner')
-    createTx.verifyTxDestinationAddress('@removedAddress')
-  })
-})
diff --git a/cypress/e2e/regression/replace_owner.cy.js b/cypress/e2e/regression/replace_owner.cy.js
deleted file mode 100644
index f332faded..000000000
--- a/cypress/e2e/regression/replace_owner.cy.js
+++ /dev/null
@@ -1,100 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../../e2e/pages/main.page'
-import * as owner from '../pages/owners.pages'
-import * as addressBook from '../pages/address_book.page'
-import * as createTx from '../pages/create_tx.pages.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-const ownerName = 'Replacement Signer Name'
-
-describe('Replace Owners tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
-    cy.clearLocalStorage()
-    main.acceptCookies()
-    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
-  })
-
-  it('Verify Tooltip displays correct message for disconnected user', () => {
-    owner.verifyReplaceBtnIsDisabled()
-  })
-
-  // TODO: Check unit tests
-  it('Verify max characters in name field', () => {
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    owner.openReplaceOwnerWindow()
-    owner.typeOwnerName(main.generateRandomString(51))
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.exceedChars)
-  })
-
-  // TODO: Rework with localstorage
-  it('Verify that Address input auto-fills with related value', () => {
-    cy.visit(constants.addressBookUrl + staticSafes.SEP_STATIC_SAFE_4)
-    addressBook.clickOnCreateEntryBtn()
-    addressBook.typeInName(constants.addresBookContacts.user1.name)
-    addressBook.typeInAddress(constants.addresBookContacts.user1.address)
-    addressBook.clickOnSaveEntryBtn()
-    addressBook.verifyNewEntryAdded(constants.addresBookContacts.user1.name, constants.addresBookContacts.user1.address)
-    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    owner.openReplaceOwnerWindow()
-    owner.typeOwnerAddress(constants.addresBookContacts.user1.address)
-    owner.verifyNewOwnerName(constants.addresBookContacts.user1.name)
-  })
-
-  it('Verify that Name field not mandatory. Verify confirmation for owner replacement is displayed', () => {
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    owner.openReplaceOwnerWindow()
-    owner.typeOwnerAddress(constants.SEPOLIA_OWNER_2)
-    owner.clickOnNextBtn()
-    owner.verifyConfirmTransactionWindowDisplayed()
-  })
-
-  it('Verify relevant error messages are displayed in Address input', () => {
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    owner.openReplaceOwnerWindow()
-    owner.typeOwnerAddress(main.generateRandomString(10))
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidFormat)
-
-    owner.typeOwnerAddress(constants.addresBookContacts.user1.address.toUpperCase())
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidChecksum)
-
-    owner.typeOwnerAddress(staticSafes.SEP_STATIC_SAFE_4)
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.ownSafe)
-
-    owner.typeOwnerAddress(constants.addresBookContacts.user1.address.replace('F', 'f'))
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidChecksum)
-
-    owner.typeOwnerAddress(constants.DEFAULT_OWNER_ADDRESS)
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.alreadyAdded)
-  })
-
-  it("Verify 'Replace' tx is created", () => {
-    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    owner.openReplaceOwnerWindow()
-    cy.wait(1000)
-    owner.typeOwnerName(ownerName)
-    owner.typeOwnerAddress(constants.SEPOLIA_OWNER_2)
-    createTx.changeNonce(2)
-    owner.clickOnNextBtn()
-    createTx.clickOnSignTransactionBtn()
-    createTx.waitForProposeRequest()
-    createTx.clickViewTransaction()
-    createTx.verifyReplacedSigner(ownerName)
-  })
-})
diff --git a/cypress/e2e/regression/sidebar.cy.js b/cypress/e2e/regression/sidebar.cy.js
deleted file mode 100644
index 597b8e381..000000000
--- a/cypress/e2e/regression/sidebar.cy.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as sideBar from '../pages/sidebar.pages'
-import * as navigation from '../pages/navigation.page'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('Sidebar tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_9)
-    cy.clearLocalStorage()
-    main.acceptCookies()
-  })
-
-  it('Verify Current network is displayed at the top', () => {
-    sideBar.verifyNetworkIsDisplayed(constants.networks.sepolia)
-  })
-
-  it('Verify current safe details', () => {
-    sideBar.verifySafeHeaderDetails(sideBar.testSafeHeaderDetails)
-  })
-
-  it('Verify QR button opens the QR code modal', () => {
-    sideBar.clickOnQRCodeBtn()
-    sideBar.verifyQRModalDisplayed()
-  })
-
-  it.skip('Verify Copy button copies the address', () => {
-    sideBar.verifyCopyAddressBtn(staticSafes.SEP_STATIC_SAFE_9.substring(4))
-  })
-
-  it('Verify Open blockexplorer button contain etherscan link', () => {
-    sideBar.verifyEtherscanLinkExists()
-  })
-
-  it('Verify New transaction button enabled for owners', () => {
-    wallet.connectSigner(signer)
-    sideBar.verifyNewTxBtnStatus(constants.enabledStates.enabled)
-  })
-
-  it('Verify New transaction button enabled for beneficiaries who are non-owners', () => {
-    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_11)
-    wallet.connectSigner(signer)
-    sideBar.verifyNewTxBtnStatus(constants.enabledStates.enabled)
-  })
-
-  it('Verify New Transaction button disabled for non-owners', () => {
-    main.verifyElementsCount(navigation.newTxBtn, 0)
-  })
-
-  it('Verify the side menu buttons exist', () => {
-    sideBar.verifySideListItems()
-  })
-
-  it('Verify counter in the "Transaction" menu item if there are tx in the queue tab', () => {
-    sideBar.verifyTxCounter(1)
-  })
-})
diff --git a/cypress/e2e/regression/sidebar_2.cy.js b/cypress/e2e/regression/sidebar_2.cy.js
deleted file mode 100644
index a24156d4e..000000000
--- a/cypress/e2e/regression/sidebar_2.cy.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as sideBar from '../pages/sidebar.pages'
-import * as ls from '../../support/localstorage_data.js'
-import * as assets from '../pages/assets.pages.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-let staticSafes = []
-
-const newSafeName = 'Added safe 3'
-const addedSafe900 = 'Added safe 900'
-const staticSafe200 = 'Added safe 200'
-
-describe('Sidebar added sidebar tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
-    cy.wait(2000)
-    cy.clearLocalStorage()
-    main.acceptCookies()
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addedSafes, ls.addedSafes.set2)
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.addedSafes)
-  })
-
-  it('Verify the safe added are listed in the sidebar', () => {
-    sideBar.openSidebar()
-    sideBar.verifyAddedSafesExist(sideBar.addedSafesSepolia)
-  })
-
-  it('Verify a safe can be renamed', () => {
-    sideBar.openSidebar()
-    sideBar.renameSafeItem(addedSafe900, newSafeName)
-    sideBar.clickOnSaveBtn()
-    sideBar.verifySafeNameExists(newSafeName)
-  })
-
-  it('Verify a safe can be removed', () => {
-    sideBar.openSidebar()
-    sideBar.removeSafeItem(addedSafe900)
-    sideBar.verifySafeRemoved([addedSafe900])
-  })
-
-  it('Verify Fiat currency changes when edited in the assets tab', () => {
-    assets.changeCurrency(assets.currencyCAD)
-    sideBar.checkCurrencyInHeader(assets.currency$)
-  })
-
-  // Waiting for endpoint from CGW
-  it.skip('Verify "wallet" tag counter if the safe has tx ready for execution', () => {
-    sideBar.openSidebar()
-    sideBar.verifyMissingSignature(staticSafe200)
-  })
-
-  // Waiting for endpoint from CGW
-  it.skip('Verify "Wallet" tag counter only shows for owners', () => {
-    sideBar.openSidebar()
-    sideBar.verifyQueuedTx(staticSafe200)
-  })
-})
diff --git a/cypress/e2e/regression/sidebar_3.cy.js b/cypress/e2e/regression/sidebar_3.cy.js
deleted file mode 100644
index b1ff34d2c..000000000
--- a/cypress/e2e/regression/sidebar_3.cy.js
+++ /dev/null
@@ -1,155 +0,0 @@
-import * as constants from '../../support/constants.js'
-import * as main from '../pages/main.page.js'
-import * as sideBar from '../pages/sidebar.pages.js'
-import * as ls from '../../support/localstorage_data.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-import * as create_wallet from '../pages/create_wallet.pages.js'
-import * as navigation from '../pages/navigation.page.js'
-import * as owner from '../pages/owners.pages.js'
-
-let staticSafes = []
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-const signer1 = walletCredentials.OWNER_1_PRIVATE_KEY
-const signer2 = walletCredentials.OWNER_3_PRIVATE_KEY
-
-describe('Sidebar tests 3', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-  })
-
-  it('Verify that users with no accounts see the empty state in "My accounts" block', () => {
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
-    main.acceptCookies()
-    cy.intercept('GET', constants.safeListEndpoint, { 1: [], 100: [], 137: [], 11155111: [] })
-    wallet.connectSigner(signer)
-    sideBar.openSidebar()
-    sideBar.verifySafeListIsEmpty()
-  })
-
-  it('Verify empty state of the Watchlist', () => {
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
-    main.acceptCookies()
-    cy.intercept('GET', constants.safeListEndpoint, {})
-    wallet.connectSigner(signer)
-    sideBar.openSidebar()
-    sideBar.verifyWatchlistIsEmpty()
-  })
-
-  it('Verify connected user is redirected from welcome page to accounts page', () => {
-    cy.visit(constants.welcomeUrl + '?chain=sep')
-    main.acceptCookies()
-    wallet.connectSigner(signer)
-    create_wallet.clickOnContinueWithWalletBtn()
-
-    cy.location().should((loc) => {
-      expect(loc.pathname).to.eq('/welcome/accounts')
-    })
-  })
-
-  it('Verify that the user see safes that he owns in the list', () => {
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
-    main.acceptCookies()
-    cy.intercept('GET', constants.safeListEndpoint, {
-      11155111: [sideBar.sideBarSafes.safe1, sideBar.sideBarSafes.safe2],
-    })
-
-    wallet.connectSigner(signer)
-    sideBar.openSidebar()
-    sideBar.verifyAddedSafesExistByIndex(0, sideBar.sideBarSafes.safe1short)
-    sideBar.verifyAddedSafesExistByIndex(1, sideBar.sideBarSafes.safe2short)
-  })
-
-  it('Verify there is an option to name an unnamed safe', () => {
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
-    main.acceptCookies()
-    cy.intercept('GET', constants.safeListEndpoint, {
-      11155111: [sideBar.sideBarSafes.safe1, sideBar.sideBarSafes.safe2],
-    })
-    wallet.connectSigner(signer)
-    sideBar.openSidebar()
-    sideBar.verifySafeGiveNameOptionExists(0)
-  })
-
-  it('Verify Import/export buttons are present', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.addedSafes)
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
-    main.acceptCookies()
-    cy.intercept('GET', constants.safeListEndpoint, {
-      11155111: [sideBar.sideBarSafes.safe1, sideBar.sideBarSafes.safe2],
-    })
-    wallet.connectSigner(signer)
-    sideBar.openSidebar()
-    main.checkButtonByTextExists(sideBar.importBtnStr)
-    main.checkButtonByTextExists(sideBar.exportBtnStr)
-  })
-
-  it('Verify the "My accounts" counter at the top is counting all safes the user owns', () => {
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
-    main.acceptCookies()
-    cy.intercept('GET', constants.safeListEndpoint, {
-      11155111: [sideBar.sideBarSafes.safe1, sideBar.sideBarSafes.safe2],
-    })
-    wallet.connectSigner(signer)
-    sideBar.openSidebar()
-    sideBar.checkMyAccountCounter(2)
-  })
-
-  it('Verify that safes the user do not owns show in the watchlist after adding them', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addedSafes, ls.addedSafes.set4)
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
-    main.acceptCookies()
-    wallet.connectSigner(signer1)
-    sideBar.openSidebar()
-    sideBar.verifyAddedSafesExist([sideBar.sideBarSafes.safe3short])
-  })
-
-  it('Verify that safes that the user owns do show in the watchlist after adding them', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addedSafes, ls.addedSafes.set4)
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_9)
-    main.acceptCookies()
-    wallet.connectSigner(signer1)
-    sideBar.openSidebar()
-    sideBar.verifyAddedSafesExist([sideBar.sideBarSafes.safe3short])
-  })
-
-  it('Verify pending signature is displayed in sidebar for unsigned tx', () => {
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_7)
-    main.acceptCookies()
-    wallet.connectSigner(signer)
-    cy.intercept('GET', constants.safeListEndpoint, {
-      11155111: [sideBar.sideBarSafesPendingActions.safe1],
-    })
-    sideBar.openSidebar()
-    sideBar.verifyTxToConfirmDoesNotExist()
-
-    cy.get('body').click()
-
-    owner.clickOnWalletExpandMoreIcon()
-    navigation.clickOnDisconnectBtn()
-    cy.intercept('GET', constants.safeListEndpoint, {
-      11155111: [sideBar.sideBarSafesPendingActions.safe1],
-    })
-    wallet.connectSigner(signer2)
-    sideBar.openSidebar()
-    sideBar.verifyAddedSafesExist([sideBar.sideBarSafesPendingActions.safe1short])
-    sideBar.checkTxToConfirm(1)
-  })
-
-  it('Verify balance exists in a tx in sidebar', () => {
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_7)
-    main.acceptCookies()
-    wallet.connectSigner(signer)
-    cy.intercept('GET', constants.safeListEndpoint, {
-      11155111: [sideBar.sideBarSafesPendingActions.safe1],
-    })
-    sideBar.openSidebar()
-    sideBar.verifyTxToConfirmDoesNotExist()
-    sideBar.checkBalanceExists()
-  })
-})
diff --git a/cypress/e2e/regression/spending_limits.cy.js b/cypress/e2e/regression/spending_limits.cy.js
deleted file mode 100644
index 91513b135..000000000
--- a/cypress/e2e/regression/spending_limits.cy.js
+++ /dev/null
@@ -1,158 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as spendinglimit from '../pages/spending_limits.pages'
-import * as navigation from '../pages/navigation.page'
-import * as tx from '../pages/create_tx.pages'
-import * as ls from '../../support/localstorage_data.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-const tokenAmount = 0.1
-const newTokenAmount = 0.001
-const spendingLimitBalance = '(0.17 ETH)'
-
-describe('Spending limits tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_8)
-    cy.clearLocalStorage()
-    main.acceptCookies()
-    cy.get(spendinglimit.spendingLimitsSection).should('be.visible')
-  })
-
-  it('Verify that the Review step shows beneficiary, amount allowed, reset time', () => {
-    //Assume that default reset time is set to One time
-    wallet.connectSigner(signer)
-    spendinglimit.clickOnNewSpendingLimitBtn()
-    spendinglimit.enterBeneficiaryAddress(staticSafes.SEP_STATIC_SAFE_6)
-    spendinglimit.enterSpendingLimitAmount(0.1)
-    spendinglimit.clickOnNextBtn()
-    spendinglimit.checkReviewData(
-      tokenAmount,
-      staticSafes.SEP_STATIC_SAFE_6,
-      spendinglimit.timePeriodOptions.oneTime.split(' ').join('-'),
-    )
-  })
-
-  it('Verify values and trash icons are displayed in Beneficiary table', () => {
-    spendinglimit.verifyBeneficiaryTable()
-  })
-
-  it('Verify Spending limit option is available when selecting the corresponding token', () => {
-    wallet.connectSigner(signer)
-    navigation.clickOnNewTxBtn()
-    tx.clickOnSendTokensBtn()
-    spendinglimit.verifyTxOptionExist([spendinglimit.spendingLimitTxOption])
-  })
-
-  it('Verify spending limit option shows available amount', () => {
-    wallet.connectSigner(signer)
-    navigation.clickOnNewTxBtn()
-    tx.clickOnSendTokensBtn()
-    spendinglimit.verifySpendingOptionShowsBalance([spendingLimitBalance])
-  })
-
-  it('Verify when owner is a delegate, standard tx and spending limit tx are present', () => {
-    wallet.connectSigner(signer)
-    navigation.clickOnNewTxBtn()
-    tx.clickOnSendTokensBtn()
-    spendinglimit.verifyTxOptionExist([spendinglimit.spendingLimitTxOption, spendinglimit.standardTx])
-  })
-
-  it('Verify when spending limit is selected the nonce field is removed', () => {
-    wallet.connectSigner(signer)
-    navigation.clickOnNewTxBtn()
-    tx.clickOnSendTokensBtn()
-    spendinglimit.selectSpendingLimitOption()
-    spendinglimit.verifyNonceState(constants.elementExistanceStates.not_exist)
-  })
-
-  it('Verify "Max" button value set to be no more than the allowed amount', () => {
-    wallet.connectSigner(signer)
-    navigation.clickOnNewTxBtn()
-    tx.clickOnSendTokensBtn()
-    spendinglimit.clickOnMaxBtn()
-    spendinglimit.checkMaxValue()
-  })
-
-  it('Verify selecting a native token from the dropdown in new tx', () => {
-    wallet.connectSigner(signer)
-    navigation.clickOnNewTxBtn()
-    tx.clickOnSendTokensBtn()
-    spendinglimit.selectToken(constants.tokenNames.sepoliaEther)
-  })
-
-  it('Verify that when replacing spending limit for the same owner, previous values are displayed in red', () => {
-    wallet.connectSigner(signer)
-    spendinglimit.clickOnNewSpendingLimitBtn()
-    spendinglimit.enterBeneficiaryAddress(constants.DEFAULT_OWNER_ADDRESS)
-    spendinglimit.enterSpendingLimitAmount(newTokenAmount)
-    spendinglimit.clickOnTimePeriodDropdown()
-    spendinglimit.selectTimePeriod(spendinglimit.timePeriodOptions.fiveMin)
-    tx.clickOnNextBtn()
-    spendinglimit.verifyOldValuesAreDisplayed()
-  })
-
-  it('Verify that when editing spending limit for owner who used some of it, relevant actions are displayed', () => {
-    wallet.connectSigner(signer)
-    spendinglimit.clickOnNewSpendingLimitBtn()
-    spendinglimit.enterBeneficiaryAddress(constants.SPENDING_LIMIT_ADDRESS_2)
-    spendinglimit.enterSpendingLimitAmount(newTokenAmount)
-    spendinglimit.clickOnTimePeriodDropdown()
-    spendinglimit.selectTimePeriod(spendinglimit.timePeriodOptions.oneTime)
-    tx.clickOnNextBtn()
-    spendinglimit.verifyActionNamesAreDisplayed([
-      constants.TXActionNames.resetAllowance,
-      constants.TXActionNames.setAllowance,
-    ])
-  })
-
-  it('Verify that when multiple assets are available, they are displayed in token dropdown', () => {
-    cy.wrap(null)
-      .then(() => main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__settings, ls.safeSettings.slimitSettings))
-      .then(() =>
-        main.isItemInLocalstorage(constants.localStorageKeys.SAFE_v2__settings, ls.safeSettings.slimitSettings),
-      )
-      .then(() => {
-        cy.reload()
-        wallet.connectSigner(signer)
-        navigation.clickOnNewTxBtn()
-        tx.clickOnSendTokensBtn()
-        spendinglimit.clickOnTokenDropdown()
-        spendinglimit.verifyMandatoryTokensExist()
-      })
-  })
-
-  it('Verify that beneficiary can be retried from address book', () => {
-    cy.wrap(null)
-      .then(() =>
-        main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress2),
-      )
-      .then(() =>
-        main.isItemInLocalstorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress2),
-      )
-      .then(() => {
-        cy.reload()
-        wallet.connectSigner(signer)
-        spendinglimit.clickOnNewSpendingLimitBtn()
-        spendinglimit.enterBeneficiaryAddress(constants.DEFAULT_OWNER_ADDRESS.substring(30))
-        spendinglimit.selectRecipient(constants.DEFAULT_OWNER_ADDRESS)
-      })
-  })
-
-  it.skip('Verify that clicking on copy icon of a beneficiary works', () => {
-    tx.verifyNumberOfCopyIcons(3)
-    tx.verifyCopyIconWorks(0, constants.DEFAULT_OWNER_ADDRESS)
-  })
-
-  it('Verify explorer links contain Sepolia link', () => {
-    tx.verifyNumberOfExternalLinks(3)
-  })
-})
diff --git a/cypress/e2e/regression/swaps.cy.js b/cypress/e2e/regression/swaps.cy.js
deleted file mode 100644
index c8994fdc4..000000000
--- a/cypress/e2e/regression/swaps.cy.js
+++ /dev/null
@@ -1,175 +0,0 @@
-import * as constants from '../../support/constants.js'
-import * as main from '../pages/main.page.js'
-import * as swaps from '../pages/swaps.pages.js'
-import * as tx from '../pages/transactions.page.js'
-import * as create_tx from '../pages/create_tx.pages.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as owner from '../pages/owners.pages'
-import * as wallet from '../../support/utils/wallet.js'
-import * as swaps_data from '../../fixtures/swaps_data.json'
-
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-const signer2 = walletCredentials.OWNER_3_WALLET_ADDRESS
-let staticSafes = []
-
-let iframeSelector
-
-const swapOrder = swaps_data.type.orderDetails
-
-describe('Swaps tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.swapUrl + staticSafes.SEP_STATIC_SAFE_1)
-    main.waitForHistoryCallToComplete()
-    wallet.connectSigner(signer)
-    main.acceptCookies()
-    iframeSelector = `iframe[src*="${constants.swapWidget}"]`
-  })
-
-  // TODO: Waiting for signer connection issue be resolved
-  it.skip('Verify an order can be created, signed and appear in tx queue', { defaultCommandTimeout: 30000 }, () => {
-    swaps.acceptLegalDisclaimer()
-    cy.wait(4000)
-    main.getIframeBody(iframeSelector).within(() => {
-      swaps.clickOnSettingsBtn()
-      swaps.setSlippage('0.30')
-      swaps.setExpiry('2')
-      swaps.clickOnSettingsBtn()
-      swaps.selectInputCurrency(swaps.swapTokens.cow)
-      swaps.checkTokenBalance(staticSafes.SEP_STATIC_SAFE_1.substring(4), swaps.swapTokens.cow)
-      swaps.setInputValue(4)
-      swaps.selectOutputCurrency(swaps.swapTokens.dai)
-      swaps.checkSwapBtnIsVisible()
-      swaps.isInputGreaterZero(swaps.outputurrencyInput).then((isGreaterThanZero) => {
-        cy.wrap(isGreaterThanZero).should('be.true')
-      })
-      swaps.clickOnExceeFeeChkbox()
-      swaps.clickOnSwapBtn()
-      swaps.clickOnSwapBtn()
-    })
-    create_tx.changeNonce(12)
-    tx.selectExecuteLater()
-    cy.wait(1000)
-
-    create_tx.clickOnSignTransactionBtn()
-    main.getIframeBody(iframeSelector).within(() => {
-      swaps.verifyOrderSubmittedConfirmation()
-    })
-    cy.visit(constants.transactionQueueUrl + staticSafes.SEP_STATIC_SAFE_1)
-    main.verifyElementsCount(create_tx.transactionItem, 1)
-    create_tx.verifySummaryByName(swapsQueue.contractName, [swapsQueue.action, swapsQueue.oneOfOne])
-    cy.visit(constants.transactionQueueUrl + staticSafes.SEP_STATIC_SAFE_1)
-    owner.waitForConnectionStatus()
-    main.acceptCookies()
-    // main.connectSigner(signer)
-    create_tx.clickOnTransactionItem(0)
-    create_tx.deleteTx()
-    main.verifyElementsCount(create_tx.transactionItem, 0)
-  })
-
-  it(
-    'Verify entering a blocked address in the custom recipient input blocks the form',
-    { defaultCommandTimeout: 30000 },
-    () => {
-      let isCustomRecipientFound
-      swaps.acceptLegalDisclaimer()
-      cy.wait(4000)
-      main
-        .getIframeBody(iframeSelector)
-        .then(($frame) => {
-          isCustomRecipientFound = (customRecipient) => {
-            const element = $frame.find(customRecipient)
-            return element.length > 0
-          }
-        })
-        .within(() => {
-          swaps.clickOnSettingsBtn()
-          swaps.enableCustomRecipient(isCustomRecipientFound(swaps.customRecipient))
-          swaps.clickOnSettingsBtn()
-          swaps.enterRecipient(swaps.blockedAddress)
-        })
-      cy.contains(swaps.blockedAddressStr)
-    },
-  )
-
-  it('Verify enabling custom recipient adds that field to the form', { defaultCommandTimeout: 30000 }, () => {
-    swaps.acceptLegalDisclaimer()
-    cy.wait(4000)
-
-    const isCustomRecipientFound = ($frame, customRecipient) => {
-      const element = $frame.find(customRecipient)
-      return element.length > 0
-    }
-
-    main.getIframeBody(iframeSelector).then(($frame) => {
-      cy.wrap($frame).within(() => {
-        swaps.clickOnSettingsBtn()
-
-        if (isCustomRecipientFound($frame, swaps.customRecipient)) {
-          swaps.disableCustomRecipient(true)
-          cy.wait(1000)
-          swaps.enableCustomRecipient(!isCustomRecipientFound($frame, swaps.customRecipient))
-        } else {
-          swaps.enableCustomRecipient(isCustomRecipientFound($frame, swaps.customRecipient))
-          cy.wait(1000)
-        }
-
-        swaps.clickOnSettingsBtn()
-        swaps.enterRecipient('1')
-      })
-    })
-  })
-
-  it('Verify order deails are displayed in swap confirmation', { defaultCommandTimeout: 30000 }, () => {
-    const limitPrice = swaps.createRegex(swapOrder.DAIeqCOW, 'COW')
-    const widgetFee = swaps.getWidgetFee()
-    const orderID = swaps.getOrderID()
-    const slippage = swaps.getWidgetFee()
-
-    swaps.acceptLegalDisclaimer()
-    cy.wait(4000)
-    main.getIframeBody(iframeSelector).within(() => {
-      swaps.clickOnSettingsBtn()
-      swaps.setSlippage('0.30')
-      swaps.setExpiry('2')
-      swaps.clickOnSettingsBtn()
-      swaps.setInputValue(4)
-      swaps.checkSwapBtnIsVisible()
-      swaps.isInputGreaterZero(swaps.outputurrencyInput).then((isGreaterThanZero) => {
-        cy.wrap(isGreaterThanZero).should('be.true')
-      })
-      swaps.clickOnExceeFeeChkbox()
-      swaps.clickOnSwapBtn()
-      swaps.clickOnSwapBtn()
-    })
-
-    swaps.verifyOrderDetails(limitPrice, swapOrder.expiry2Mins, slippage, swapOrder.interactWith, orderID, widgetFee)
-  })
-
-  it(
-    'Verify recipient address alert is displayed in order details if the recipient is not owner of the order',
-    { defaultCommandTimeout: 30000 },
-    () => {
-      const limitPrice = swaps.createRegex(swapOrder.DAIeqCOW, 'COW')
-      const widgetFee = swaps.getWidgetFee()
-      const orderID = swaps.getOrderID()
-
-      swaps.acceptLegalDisclaimer()
-      cy.wait(4000)
-      main.getIframeBody(iframeSelector).within(() => {
-        swaps.setInputValue(4)
-        swaps.checkSwapBtnIsVisible()
-        swaps.enterRecipient(signer2)
-        swaps.clickOnExceeFeeChkbox()
-        swaps.clickOnSwapBtn()
-        swaps.clickOnSwapBtn()
-      })
-      swaps.verifyRecipientAlertIsDisplayed()
-    },
-  )
-})
diff --git a/cypress/e2e/regression/swaps_history_2.cy.js b/cypress/e2e/regression/swaps_history_2.cy.js
deleted file mode 100644
index 1f97be155..000000000
--- a/cypress/e2e/regression/swaps_history_2.cy.js
+++ /dev/null
@@ -1,155 +0,0 @@
-import * as constants from '../../support/constants.js'
-import * as main from '../pages/main.page.js'
-import * as create_tx from '../pages/create_tx.pages.js'
-import * as swaps_data from '../../fixtures/swaps_data.json'
-import * as swaps from '../pages/swaps.pages.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-let staticSafes = []
-
-const swapsHistory = swaps_data.type.history
-
-describe('Swaps history tests 2', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-  })
-
-  it('Verify swap sell order with one action', { defaultCommandTimeout: 30000 }, () => {
-    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_1 + swaps.swapTxs.sell1Action)
-    main.acceptCookies()
-
-    const dai = swaps.createRegex(swapsHistory.forAtLeastFullDai, 'DAI')
-    const eq = swaps.createRegex(swapsHistory.DAIeqCOW, 'COW')
-
-    create_tx.verifyExpandedDetails([
-      swapsHistory.sellFull,
-      dai,
-      eq,
-      swapsHistory.dai,
-      swapsHistory.filled,
-      swapsHistory.gGpV2,
-    ])
-  })
-
-  it('Verify swap buy operation with 2 actions: approve & swap', { defaultCommandTimeout: 30000 }, () => {
-    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_1 + swaps.swapTxs.buy2actions)
-    main.acceptCookies()
-
-    const eq = swaps.createRegex(swapsHistory.oneGNOFull, 'COW')
-    const atMost = swaps.createRegex(swapsHistory.forAtMostCow, 'COW')
-
-    create_tx.verifyExpandedDetails([
-      swapsHistory.buyOrder,
-      swapsHistory.buy,
-      eq,
-      atMost,
-      swapsHistory.cow,
-      swapsHistory.expired,
-      swapsHistory.actionApprove,
-      swapsHistory.actionPreSignature,
-    ])
-  })
-
-  it('Verify "Cancelled" status for manually cancelled limit orders', { defaultCommandTimeout: 30000 }, () => {
-    const safe = '0x2a73e61bd15b25B6958b4DA3bfc759ca4db249b9'
-    cy.visit(constants.transactionUrl + safe + swaps.swapTxs.sellCancelled)
-    main.acceptCookies()
-
-    const uni = swaps.createRegex(swapsHistory.forAtLeastFullUni, 'UNI')
-    const eq = swaps.createRegex(swapsHistory.UNIeqCOW, 'K COW')
-
-    create_tx.verifyExpandedDetails([
-      swapsHistory.sellOrder,
-      swapsHistory.sell,
-      uni,
-      eq,
-      swapsHistory.cow,
-      swapsHistory.cancelled,
-      swapsHistory.gGpV2,
-    ])
-  })
-
-  it('Verify swap operation with 3 actions: wrap & approve & swap', { defaultCommandTimeout: 30000 }, () => {
-    const safe = '0x140663Cb76e4c4e97621395fc118912fa674150B'
-    cy.visit(constants.transactionUrl + safe + swaps.swapTxs.sell3Actions)
-    main.acceptCookies()
-
-    const dai = swaps.createRegex(swapsHistory.forAtLeastFullDai, 'DAI')
-    const eq = swaps.createRegex(swapsHistory.DAIeqWETH, 'WETH')
-
-    create_tx.verifyExpandedDetails([
-      swapsHistory.sellOrder,
-      swapsHistory.sell,
-      dai,
-      eq,
-      swapsHistory.actionApproveEth,
-      swapsHistory.actionPreSignature,
-      swapsHistory.actionDepositEth,
-    ])
-  })
-
-  it('Verify "Expired" field in the tx details for limit orders', { defaultCommandTimeout: 30000 }, () => {
-    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_1 + swaps.swapTxs.sellLimitOrder)
-    main.acceptCookies()
-
-    const dai = swaps.createRegex(swapsHistory.forAtLeastFullDai, 'DAI')
-    const eq = swaps.createRegex(swapsHistory.DAIeqCOW, 'COW')
-
-    create_tx.verifyExpandedDetails([swapsHistory.sellOrder, swapsHistory.sell, dai, eq, swapsHistory.expired])
-  })
-
-  it('Verify "Filled" field in the tx details for limit orders', { defaultCommandTimeout: 30000 }, () => {
-    cy.visit(constants.transactionUrl + swaps.limitOrderSafe + swaps.swapTxs.sellLimitOrderFilled)
-    main.acceptCookies()
-
-    const usdc = swaps.createRegex(swapsHistory.forAtLeastFullUSDT, 'USDT')
-    const eq = swaps.createRegex(swapsHistory.USDTeqUSDC, 'USDC')
-
-    create_tx.verifyExpandedDetails([swapsHistory.sellOrder, swapsHistory.sell, usdc, eq, swapsHistory.filled])
-  })
-
-  it(
-    'Verify no decoding if tx was created using CowSwap safe-app in the history',
-    { defaultCommandTimeout: 30000 },
-    () => {
-      cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_1 + swaps.swapTxs.safeAppSwapOrder)
-      main.acceptCookies()
-      main.verifyValuesDoNotExist('div', [
-        swapsHistory.actionApproveG,
-        swapsHistory.actionDepositG,
-        swapsHistory.amount,
-        swapsHistory.executionPrice,
-        swapsHistory.surplus,
-        swapsHistory.expiry,
-        swapsHistory.oderId,
-        swapsHistory.status,
-        swapsHistory.forAtLeast,
-        swapsHistory.forAtMost,
-      ])
-      main.verifyValuesDoNotExist(create_tx.transactionItem, [swapsHistory.title, swapsHistory.cow, swapsHistory.dai])
-      main.verifyValuesExist(create_tx.transactionItem, [swapsHistory.actionPreSignatureG, swapsHistory.safeAppTitile])
-    },
-  )
-
-  it('Verify token order in sell and buy operations', { defaultCommandTimeout: 30000 }, () => {
-    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_1 + swaps.swapTxs.sell1Action)
-    main.acceptCookies()
-    const eq = swaps.createRegex(swapsHistory.DAIeqCOW, 'COW')
-    swaps.checkTokenOrder(eq, swapsHistory.executionPrice)
-
-    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_1 + swaps.swapTxs.buy2actions)
-    main.acceptCookies()
-    const eq2 = swaps.createRegex(swapsHistory.oneGNOFull, 'COW')
-    swaps.checkTokenOrder(eq2, swapsHistory.limitPrice)
-  })
-
-  it('Verify OrderID url on cowswap explorer', { defaultCommandTimeout: 30000 }, () => {
-    cy.visit(constants.transactionUrl + staticSafes.SEP_STATIC_SAFE_1 + swaps.swapTxs.sell1Action)
-    main.acceptCookies()
-    swaps.verifyOrderIDUrl()
-  })
-})
diff --git a/cypress/e2e/regression/swaps_tokens.cy.js b/cypress/e2e/regression/swaps_tokens.cy.js
deleted file mode 100644
index b642b8f15..000000000
--- a/cypress/e2e/regression/swaps_tokens.cy.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import * as constants from '../../support/constants.js'
-import * as main from '../pages/main.page.js'
-import * as swaps from '../pages/swaps.pages.js'
-import * as assets from '../pages/assets.pages.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-let iframeSelector = `iframe[src*="${constants.swapWidget}"]`
-
-describe('[SMOKE] Swaps token tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_1)
-    main.acceptCookies()
-  })
-
-  it(
-    'Verify that clicking the swap from assets tab, autofills that token automatically in the form',
-    { defaultCommandTimeout: 30000 },
-    () => {
-      wallet.connectSigner(signer)
-      assets.selectTokenList(assets.tokenListOptions.allTokens)
-
-      swaps.clickOnAssetSwapBtn(0)
-      swaps.acceptLegalDisclaimer()
-      cy.wait(2000)
-      main.getIframeBody(iframeSelector).within(() => {
-        swaps.verifySelectedInputCurrancy(swaps.swapTokens.eth)
-      })
-    },
-  )
-
-  it('Verify swap button are displayed in assets table and dashboard', () => {
-    assets.selectTokenList(assets.tokenListOptions.allTokens)
-    main.verifyElementsCount(swaps.assetsSwapBtn, 4)
-    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_1)
-    main.verifyElementsCount(swaps.assetsSwapBtn, 4)
-    main.verifyElementsCount(swaps.dashboardSwapBtn, 1)
-  })
-})
diff --git a/cypress/e2e/regression/tokens.cy.js b/cypress/e2e/regression/tokens.cy.js
deleted file mode 100644
index e941adeca..000000000
--- a/cypress/e2e/regression/tokens.cy.js
+++ /dev/null
@@ -1,186 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as assets from '../pages/assets.pages'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-const ASSET_NAME_COLUMN = 0
-const TOKEN_AMOUNT_COLUMN = 1
-const FIAT_AMOUNT_COLUMN = 2
-
-let staticSafes = []
-
-describe('Tokens tests', () => {
-  const fiatRegex = assets.fiatRegex
-
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-  beforeEach(() => {
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_2)
-    cy.clearLocalStorage()
-    main.acceptCookies()
-  })
-
-  it('Verify that non-native tokens are present and have balance', () => {
-    assets.selectTokenList(assets.tokenListOptions.allTokens)
-    assets.verifyBalance(assets.currencyDaiCap, TOKEN_AMOUNT_COLUMN, assets.currencyDaiAlttext)
-    assets.verifyTokenBalanceFormat(
-      assets.currencyDaiCap,
-      assets.currencyDaiFormat_2,
-      TOKEN_AMOUNT_COLUMN,
-      FIAT_AMOUNT_COLUMN,
-      fiatRegex,
-    )
-
-    assets.verifyBalance(assets.currencyAave, TOKEN_AMOUNT_COLUMN, assets.currencyAaveAlttext)
-    assets.verifyTokenBalanceFormat(
-      assets.currencyAave,
-      assets.currentcyAaveFormat,
-      TOKEN_AMOUNT_COLUMN,
-      FIAT_AMOUNT_COLUMN,
-      fiatRegex,
-    )
-
-    assets.verifyBalance(assets.currencyLink, TOKEN_AMOUNT_COLUMN, assets.currencyLinkAlttext)
-    assets.verifyTokenBalanceFormat(
-      assets.currencyLink,
-      assets.currentcyLinkFormat,
-      TOKEN_AMOUNT_COLUMN,
-      FIAT_AMOUNT_COLUMN,
-      fiatRegex,
-    )
-
-    assets.verifyBalance(assets.currencyTestTokenA, TOKEN_AMOUNT_COLUMN, assets.currencyTestTokenAAlttext)
-    assets.verifyTokenBalanceFormat(
-      assets.currencyTestTokenA,
-      assets.currentcyTestTokenAFormat,
-      TOKEN_AMOUNT_COLUMN,
-      FIAT_AMOUNT_COLUMN,
-      fiatRegex,
-    )
-
-    assets.verifyBalance(assets.currencyTestTokenB, TOKEN_AMOUNT_COLUMN, assets.currencyTestTokenBAlttext)
-    assets.verifyTokenBalanceFormat(
-      assets.currencyTestTokenB,
-      assets.currentcyTestTokenBFormat,
-      TOKEN_AMOUNT_COLUMN,
-      FIAT_AMOUNT_COLUMN,
-      fiatRegex,
-    )
-
-    assets.verifyBalance(assets.currencyUSDC, TOKEN_AMOUNT_COLUMN, assets.currencyTestUSDCAlttext)
-    assets.verifyTokenBalanceFormat(
-      assets.currencyUSDC,
-      assets.currentcyTestUSDCFormat,
-      TOKEN_AMOUNT_COLUMN,
-      FIAT_AMOUNT_COLUMN,
-      fiatRegex,
-    )
-  })
-
-  it('Verify that every token except the native token has a "go to blockexplorer link"', () => {
-    assets.selectTokenList(assets.tokenListOptions.allTokens)
-    assets.verifyAssetNameHasExplorerLink(assets.currencyUSDC, ASSET_NAME_COLUMN)
-    assets.verifyAssetNameHasExplorerLink(assets.currencyTestTokenB, ASSET_NAME_COLUMN)
-    assets.verifyAssetNameHasExplorerLink(assets.currencyTestTokenA, ASSET_NAME_COLUMN)
-    assets.verifyAssetNameHasExplorerLink(assets.currencyLink, ASSET_NAME_COLUMN)
-    assets.verifyAssetNameHasExplorerLink(assets.currencyAave, ASSET_NAME_COLUMN)
-    assets.verifyAssetNameHasExplorerLink(assets.currencyDaiCap, ASSET_NAME_COLUMN)
-    assets.verifyAssetExplorerLinkNotAvailable(constants.tokenNames.sepoliaEther, ASSET_NAME_COLUMN)
-  })
-
-  it('Verify the default Fiat currency and the effects after changing it', () => {
-    assets.selectTokenList(assets.tokenListOptions.allTokens)
-    assets.verifyFirstRowDoesNotContainCurrency(assets.currencyEUR, FIAT_AMOUNT_COLUMN)
-    assets.verifyFirstRowContainsCurrency(assets.currency$, FIAT_AMOUNT_COLUMN)
-    assets.clickOnCurrencyDropdown()
-    assets.selectCurrency(assets.currencyOptionEUR)
-    assets.verifyFirstRowDoesNotContainCurrency(assets.currency$, FIAT_AMOUNT_COLUMN)
-    assets.verifyFirstRowContainsCurrency(assets.currencyEUR, FIAT_AMOUNT_COLUMN)
-  })
-
-  it('Verify that checking the checkboxes increases the token selected counter', () => {
-    assets.selectTokenList(assets.tokenListOptions.allTokens)
-    assets.openHideTokenMenu()
-    assets.clickOnTokenCheckbox(assets.currencyLink)
-    assets.checkTokenCounter(1)
-  })
-
-  it('Verify that selecting tokens and saving hides them from the table', () => {
-    assets.selectTokenList(assets.tokenListOptions.allTokens)
-    assets.openHideTokenMenu()
-    assets.clickOnTokenCheckbox(assets.currencyLink)
-    assets.saveHiddenTokenSelection()
-    main.verifyValuesDoNotExist(assets.tokenListTable, [assets.currencyLink])
-  })
-
-  it('Verify that Cancel closes the menu and does not change the table status', () => {
-    assets.selectTokenList(assets.tokenListOptions.allTokens)
-    assets.openHideTokenMenu()
-    assets.clickOnTokenCheckbox(assets.currencyLink)
-    assets.clickOnTokenCheckbox(assets.currencyAave)
-    assets.saveHiddenTokenSelection()
-    main.verifyValuesDoNotExist(assets.tokenListTable, [assets.currencyLink, assets.currencyAave])
-    assets.openHideTokenMenu()
-    assets.clickOnTokenCheckbox(assets.currencyLink)
-    assets.clickOnTokenCheckbox(assets.currencyAave)
-    assets.cancelSaveHiddenTokenSelection()
-    main.verifyValuesDoNotExist(assets.tokenListTable, [assets.currencyLink, assets.currencyAave])
-  })
-
-  it('Verify that Deselect All unchecks all tokens from the list', () => {
-    assets.selectTokenList(assets.tokenListOptions.allTokens)
-    assets.openHideTokenMenu()
-    assets.clickOnTokenCheckbox(assets.currencyLink)
-    assets.clickOnTokenCheckbox(assets.currencyAave)
-    assets.deselecAlltHiddenTokenSelection()
-    assets.verifyEachRowHasCheckbox(constants.checkboxStates.unchecked)
-  })
-
-  it('Verify the Hidden tokens counter works for spam tokens', () => {
-    assets.selectTokenList(assets.tokenListOptions.allTokens)
-    assets.openHideTokenMenu()
-    assets.clickOnTokenCheckbox(assets.currencyLink)
-    assets.saveHiddenTokenSelection()
-    assets.checkHiddenTokenBtnCounter(1)
-  })
-
-  it('Verify the Hidden tokens counter works for native tokens', () => {
-    assets.openHideTokenMenu()
-    assets.clickOnTokenCheckbox(constants.tokenNames.sepoliaEther)
-    assets.saveHiddenTokenSelection()
-    assets.checkHiddenTokenBtnCounter(1)
-  })
-
-  it('Verify you can hide tokens from the eye icon in the table rows', () => {
-    assets.selectTokenList(assets.tokenListOptions.allTokens)
-    assets.hideAsset(assets.currencyLink)
-  })
-
-  it('Verify the sorting of "Assets" and "Balance" in the table', () => {
-    assets.selectTokenList(assets.tokenListOptions.allTokens)
-    assets.verifyTableRows(7)
-    assets.clickOnTokenNameSortBtn()
-    assets.verifyTokenNamesOrder()
-    assets.clickOnTokenNameSortBtn()
-    assets.verifyTokenNamesOrder('descending')
-    assets.clickOnTokenBalanceSortBtn()
-    assets.verifyTokenBalanceOrder()
-    assets.clickOnTokenBalanceSortBtn()
-    assets.verifyTokenBalanceOrder('descending')
-  })
-
-  //Include in smoke.
-  it('Verify that when owner is disconnected, Send button is disabled', () => {
-    assets.selectTokenList(assets.tokenListOptions.allTokens)
-    assets.showSendBtn(0)
-    assets.VerifySendButtonIsDisabled()
-  })
-
-  it('Verify that when connected user is not owner, Send button is disabled', () => {
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_3)
-    assets.selectTokenList(assets.tokenListOptions.allTokens)
-    assets.showSendBtn(0)
-    assets.VerifySendButtonIsDisabled()
-  })
-})
diff --git a/cypress/e2e/regression/tx_history.cy.js b/cypress/e2e/regression/tx_history.cy.js
deleted file mode 100644
index d18372001..000000000
--- a/cypress/e2e/regression/tx_history.cy.js
+++ /dev/null
@@ -1,153 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as createTx from '../pages/create_tx.pages'
-import * as data from '../../fixtures/txhistory_data_data.json'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-let staticSafes = []
-
-const typeCreateAccount = data.type.accountCreation
-const typeReceive = data.type.receive
-const typeSend = data.type.send
-const typeSpendingLimits = data.type.spendingLimits
-const typeDeleteAllowance = data.type.deleteSpendingLimit
-const typeSideActions = data.type.sideActions
-const typeGeneral = data.type.general
-
-describe('Tx history tests 1', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_7)
-    main.acceptCookies()
-  })
-
-  // Account creation
-  it('Verify summary for account creation', () => {
-    createTx.verifySummaryByName(
-      typeCreateAccount.title,
-      [typeCreateAccount.actionsSummary, typeGeneral.statusOk],
-      typeCreateAccount.altTmage,
-    )
-  })
-
-  it('Verify exapanded details for account creation', () => {
-    createTx.clickOnTransactionItemByName(typeCreateAccount.title)
-    createTx.verifyExpandedDetails([
-      typeCreateAccount.creator.actionTitle,
-      typeCreateAccount.creator.address,
-      typeCreateAccount.factory.actionTitle,
-      typeCreateAccount.factory.name,
-      typeCreateAccount.factory.address,
-      typeCreateAccount.masterCopy.actionTitle,
-      typeCreateAccount.masterCopy.name,
-      typeCreateAccount.masterCopy.address,
-      typeCreateAccount.transactionHash,
-    ])
-  })
-
-  it.skip('Verify copy bottons work as expected for account creation', () => {
-    createTx.clickOnTransactionItemByName(typeCreateAccount.title)
-    createTx.verifyNumberOfCopyIcons(4)
-    createTx.verifyCopyIconWorks(0, typeCreateAccount.creator.address)
-  })
-
-  it('Verify external links exist for account creation', () => {
-    createTx.clickOnTransactionItemByName(typeCreateAccount.title)
-    createTx.verifyNumberOfExternalLinks(4)
-  })
-
-  // Token receipt
-  it.skip('Verify copy button copies tx hash', () => {
-    createTx.clickOnTransactionItemByName(typeReceive.summaryTitle, typeReceive.summaryTxInfo)
-    createTx.verifyNumberOfCopyIcons(2)
-    createTx.verifyCopyIconWorks(1, typeReceive.transactionHashCopied)
-  })
-
-  // Token send
-  it('Verify exapanded details for token send', () => {
-    createTx.clickOnTransactionItemByName(typeSend.title, typeSend.summaryTxInfo)
-    createTx.verifyExpandedDetails([typeSend.sentTo, typeSend.recipientAddress, typeSend.transactionHash])
-    createTx.verifyActionListExists([
-      typeSideActions.created,
-      typeSideActions.confirmations,
-      typeSideActions.executedBy,
-    ])
-  })
-
-  // Spending limits
-  it('Verify summary for setting spend limits', () => {
-    createTx.verifySummaryByName(
-      typeSpendingLimits.title,
-      typeSpendingLimits.summaryTxInfo,
-      [typeGeneral.statusOk],
-      typeSpendingLimits.altTmage,
-    )
-  })
-
-  it('Verify exapanded details for initial spending limits setup', () => {
-    createTx.clickOnTransactionItemByName(typeSpendingLimits.title, typeSpendingLimits.summaryTxInfo)
-    createTx.verifyExpandedDetails(
-      [
-        typeSpendingLimits.title,
-        typeSpendingLimits.description,
-        typeSpendingLimits.transactionHash,
-        typeSpendingLimits.safeTxHash,
-      ],
-      createTx.delegateCallWarning,
-    )
-  })
-
-  it('Verify that 3 actions exist in initial spending limits setup', () => {
-    createTx.clickOnTransactionItemByName(typeSpendingLimits.title, typeSpendingLimits.summaryTxInfo)
-    createTx.verifyActions([
-      typeSpendingLimits.enableModule.title,
-      typeSpendingLimits.addDelegate.title,
-      typeSpendingLimits.setAllowance.title,
-    ])
-  })
-
-  it('Verify that all 3 actions can be expanded and collapsed in initial spending limits setup', () => {
-    createTx.clickOnTransactionItemByName(typeSpendingLimits.title, typeSpendingLimits.summaryTxInfo)
-    createTx.expandAllActions([
-      typeSpendingLimits.enableModule.title,
-      typeSpendingLimits.addDelegate.title,
-      typeSpendingLimits.setAllowance.title,
-    ])
-    createTx.collapseAllActions([
-      typeSpendingLimits.enableModule.moduleAddressTitle,
-      typeSpendingLimits.addDelegate.delegateAddressTitle,
-      typeSpendingLimits.setAllowance.delegateAddressTitle,
-    ])
-  })
-
-  it('Verify that addDelegate action can be expanded and collapsed in spending limits', () => {
-    createTx.clickOnTransactionItemByName(typeSpendingLimits.title, typeSpendingLimits.summaryTxInfo)
-    createTx.clickOnExpandableAction(typeSpendingLimits.addDelegate.title)
-    createTx.verifyActions([typeSpendingLimits.addDelegate.delegateAddressTitle])
-    createTx.collapseAllActions([typeSpendingLimits.addDelegate.delegateAddressTitle])
-  })
-
-  // Spending limit deletion
-  it('Verify exapanded details for allowance deletion', () => {
-    createTx.clickOnTransactionItemByName(typeDeleteAllowance.title, typeDeleteAllowance.summaryTxInfo)
-    createTx.verifyExpandedDetails([
-      typeDeleteAllowance.description,
-      typeDeleteAllowance.beneficiary,
-      typeDeleteAllowance.beneficiaryAddress,
-      typeDeleteAllowance.transactionHash,
-      typeDeleteAllowance.safeTxHash,
-      typeDeleteAllowance.token,
-      typeDeleteAllowance.tokenName,
-    ])
-  })
-
-  it('Verify advanced details displayed in exapanded details for allowance deletion', () => {
-    createTx.clickOnTransactionItemByName(typeDeleteAllowance.title, typeDeleteAllowance.summaryTxInfo)
-    createTx.expandAdvancedDetails([typeDeleteAllowance.baseGas])
-    createTx.collapseAdvancedDetails([typeDeleteAllowance.baseGas])
-  })
-})
diff --git a/cypress/e2e/regression/tx_history_2.cy.js b/cypress/e2e/regression/tx_history_2.cy.js
deleted file mode 100644
index db98c415c..000000000
--- a/cypress/e2e/regression/tx_history_2.cy.js
+++ /dev/null
@@ -1,165 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as createTx from '../pages/create_tx.pages'
-import * as data from '../../fixtures/txhistory_data_data.json'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-let staticSafes = []
-
-const typeOnchainRejection = data.type.onchainRejection
-const typeBatch = data.type.batchNativeTransfer
-const typeAddOwner = data.type.addOwner
-const typeChangeOwner = data.type.swapOwner
-const typeRemoveOwner = data.type.removeOwner
-const typeDisableOwner = data.type.disableModule
-const typeChangeThreshold = data.type.changeThreshold
-const typeSideActions = data.type.sideActions
-const typeGeneral = data.type.general
-const typeUntrustedToken = data.type.untrustedReceivedToken
-
-describe('Tx history tests 2', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_7)
-    main.acceptCookies()
-  })
-
-  it('Verify number of transactions is correct', () => {
-    createTx.verifyNumberOfTransactions(20)
-  })
-
-  // On-chain rejection
-  it('Verify exapanded details for on-chain rejection', () => {
-    createTx.clickOnTransactionItemByName(typeOnchainRejection.title)
-    createTx.verifyExpandedDetails([
-      typeOnchainRejection.description,
-      typeOnchainRejection.transactionHash,
-      typeOnchainRejection.safeTxHash,
-    ])
-    createTx.verifyActionListExists([
-      typeSideActions.rejectionCreated,
-      typeSideActions.confirmations,
-      typeSideActions.executedBy,
-    ])
-  })
-
-  // Batch transaction
-  it('Verify exapanded details for batch', () => {
-    createTx.clickOnTransactionItemByName(typeBatch.title, typeBatch.summaryTxInfo)
-    createTx.verifyExpandedDetails(
-      [
-        typeBatch.description,
-        typeBatch.contractTitle,
-        typeBatch.contractAddress,
-        typeBatch.transactionHash,
-        typeBatch.safeTxHash,
-      ],
-      createTx.delegateCallWarning,
-    )
-    createTx.verifyActions([typeBatch.nativeTransfer.title])
-  })
-
-  // Add owner
-  it('Verify summary for adding owner', () => {
-    createTx.verifySummaryByName(typeAddOwner.title, [typeGeneral.statusOk], typeAddOwner.altImage)
-  })
-
-  it('Verify exapanded details for adding owner', () => {
-    createTx.clickOnTransactionItemByName(typeAddOwner.title)
-    createTx.verifyExpandedDetails(
-      [
-        typeAddOwner.description,
-        typeAddOwner.requiredConfirmationsTitle,
-        typeAddOwner.ownerAddress,
-        typeAddOwner.transactionHash,
-        typeAddOwner.safeTxHash,
-      ],
-      createTx.policyChangeWarning,
-    )
-  })
-
-  // Change owner
-  it('Verify summary for changing owner', () => {
-    createTx.verifySummaryByName(typeChangeOwner.title, [typeGeneral.statusOk], typeChangeOwner.altImage)
-  })
-
-  it('Verify exapanded details for changing owner', () => {
-    createTx.clickOnTransactionItemByName(typeChangeOwner.title)
-    createTx.verifyExpandedDetails([
-      typeChangeOwner.description,
-      typeChangeOwner.newOwner.actionTitile,
-      typeChangeOwner.newOwner.ownerAddress,
-      typeChangeOwner.oldOwner.actionTitile,
-      typeChangeOwner.oldOwner.ownerAddress,
-
-      typeChangeOwner.transactionHash,
-      typeChangeOwner.safeTxHash,
-    ])
-  })
-
-  // Remove owner
-  it('Verify summary for removing owner', () => {
-    createTx.verifySummaryByName(typeRemoveOwner.title, [typeGeneral.statusOk], typeRemoveOwner.altImage)
-  })
-
-  it('Verify exapanded details for removing owner', () => {
-    createTx.clickOnTransactionItemByName(typeRemoveOwner.title)
-    createTx.verifyExpandedDetails(
-      [
-        typeRemoveOwner.description,
-        typeRemoveOwner.requiredConfirmationsTitle,
-        typeRemoveOwner.ownerAddress,
-        typeRemoveOwner.transactionHash,
-        typeRemoveOwner.safeTxHash,
-      ],
-      createTx.policyChangeWarning,
-    )
-    createTx.checkRequiredThreshold(1)
-  })
-
-  // Disbale module
-  it('Verify summary for disable module', () => {
-    createTx.verifySummaryByName(typeDisableOwner.title, [typeGeneral.statusOk], typeDisableOwner.altImage)
-  })
-
-  it('Verify exapanded details for disable module', () => {
-    createTx.clickOnTransactionItemByName(typeDisableOwner.title)
-    createTx.verifyExpandedDetails([
-      typeDisableOwner.description,
-      typeDisableOwner.address,
-      typeDisableOwner.transactionHash,
-      typeDisableOwner.safeTxHash,
-    ])
-  })
-
-  // Change threshold
-  it('Verify summary for changing threshold', () => {
-    createTx.verifySummaryByName(
-      typeChangeThreshold.title,
-      [typeChangeThreshold.summaryTxInfo, typeGeneral.statusOk],
-      typeChangeThreshold.altImage,
-    )
-  })
-
-  it('Verify exapanded details for changing threshold', () => {
-    createTx.clickOnTransactionItemByName(typeChangeThreshold.title)
-    createTx.verifyExpandedDetails(
-      [
-        typeChangeThreshold.requiredConfirmationsTitle,
-        typeChangeThreshold.transactionHash,
-        typeChangeThreshold.safeTxHash,
-      ],
-      createTx.policyChangeWarning,
-    )
-    createTx.checkRequiredThreshold(2)
-  })
-
-  it('Verify that sender address of untrusted token will not be copied until agreed in warning popup', () => {
-    createTx.clickOnTransactionItemByName(typeUntrustedToken.summaryTitle, typeUntrustedToken.summaryTxInfo)
-    createTx.verifyAddressNotCopied(0, typeUntrustedToken.senderAddress)
-  })
-})
diff --git a/cypress/e2e/safe-apps/apps_list.cy.js b/cypress/e2e/safe-apps/apps_list.cy.js
deleted file mode 100644
index 7d3e4750e..000000000
--- a/cypress/e2e/safe-apps/apps_list.cy.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as safeapps from '../pages/safeapps.pages'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-const myCustomAppTitle = 'Cypress Test App'
-const myCustomAppDescrAdded = 'Cypress Test App Description'
-
-let staticSafes = []
-
-describe('Safe Apps list tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(`${constants.appsUrl}?safe=${staticSafes.SEP_STATIC_SAFE_1}`, {
-      failOnStatusCode: false,
-    })
-    main.acceptCookies()
-  })
-
-  it('Verify app list can be filtered by app name', () => {
-    // Wait for /safe-apps response
-    cy.intercept('GET', constants.appsEndpoint).then(() => {
-      safeapps.typeAppName(constants.appNames.txbuilder)
-      safeapps.verifyLinkName(safeapps.linkNames.txBuilderLogo)
-    })
-  })
-
-  it('Verify app list can be filtered by app description', () => {
-    safeapps.typeAppName(constants.appNames.customContract)
-    safeapps.verifyLinkName(safeapps.linkNames.txBuilderLogo)
-  })
-
-  it('Verify error message is displayed when no app found', () => {
-    safeapps.typeAppName(constants.appNames.noResults)
-    safeapps.verifyNoAppsTextPresent()
-  })
-
-  it('Verify apps can be pinned', () => {
-    safeapps.clearSearchAppInput()
-    safeapps.pinApp(safeapps.transactionBuilderStr)
-    safeapps.verifyPinnedAppCount(1)
-  })
-
-  it('Verify apps can be unpinned', () => {
-    safeapps.pinApp(safeapps.transactionBuilderStr)
-    safeapps.pinApp(safeapps.transactionBuilderStr, false)
-    safeapps.verifyPinnedAppCount(0)
-  })
-
-  it('Verify there is an error when the app manifest is invalid', () => {
-    cy.intercept('GET', constants.invalidAppUrl, {
-      name: constants.testAppData.name,
-    })
-    safeapps.clickOnCustomAppsTab()
-    safeapps.clickOnAddCustomApp()
-    safeapps.typeCustomAppUrl(constants.invalidAppUrl)
-    safeapps.verifyAppNotSupportedMsg()
-  })
-
-  it('Verify an app can be added to the list within the custom apps section', () => {
-    cy.intercept('GET', constants.validAppUrlJson, {
-      name: constants.testAppData.name,
-      description: constants.testAppData.descr,
-      icons: [{ src: 'logo.svg', sizes: 'any', type: 'image/svg+xml' }],
-    })
-
-    safeapps.clickOnCustomAppsTab()
-    safeapps.clickOnAddCustomApp()
-    safeapps.typeCustomAppUrl(constants.validAppUrl)
-    safeapps.verifyAppTitle(myCustomAppTitle)
-    safeapps.acceptTC()
-    safeapps.clickOnAddBtn()
-    safeapps.verifyCustomAppCount(1)
-    safeapps.verifyAppDescription(myCustomAppDescrAdded)
-  })
-})
diff --git a/cypress/e2e/safe-apps/browser_permissions.cy.js b/cypress/e2e/safe-apps/browser_permissions.cy.js
deleted file mode 100644
index fc08642fd..000000000
--- a/cypress/e2e/safe-apps/browser_permissions.cy.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as safeapps from '../pages/safeapps.pages'
-
-describe('Browser permissions tests', () => {
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.fixture('safe-app').then((html) => {
-      cy.intercept('GET', `${constants.testAppUrl}/*`, html)
-      cy.intercept('GET', `*/manifest.json`, {
-        name: constants.testAppData.name,
-        description: constants.testAppData.descr,
-        icons: [{ src: 'logo.svg', sizes: 'any', type: 'image/svg+xml' }],
-        safe_apps_permissions: ['camera', 'microphone'],
-      })
-    })
-    cy.visitSafeApp(`${constants.testAppUrl}/app`)
-    main.acceptCookies()
-  })
-
-  // @TODO: unknown apps don't have permissions
-  xit('Verify a permissions slide to the user is displayed', () => {
-    safeapps.clickOnContinueBtn()
-    safeapps.verifyCameraCheckBoxExists()
-    safeapps.verifyMicrofoneCheckBoxExists()
-  })
-
-  xit('Verify the selection can be changed, accepted and stored', () => {
-    safeapps.verifyMicrofoneCheckBoxExists().click()
-    safeapps.clickOnContinueBtn()
-    safeapps.verifyWarningDefaultAppMsgIsDisplayed()
-    safeapps.verifyCameraCheckBoxExists()
-    safeapps.clickOnContinueBtn()
-    safeapps.checkLocalStorage()
-  })
-})
diff --git a/cypress/e2e/safe-apps/info_modal.cy.js b/cypress/e2e/safe-apps/info_modal.cy.js
deleted file mode 100644
index 3a361ebbf..000000000
--- a/cypress/e2e/safe-apps/info_modal.cy.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as safeapps from '../pages/safeapps.pages'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-let staticSafes = []
-
-describe('Info modal tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(`${constants.appsUrl}?safe=${staticSafes.SEP_STATIC_SAFE_2}`, {
-      failOnStatusCode: false,
-    })
-    main.acceptCookies()
-  })
-
-  it('Verify the disclaimer is displayed when a Safe App is opened', () => {
-    safeapps.clickOnApp(safeapps.transactionBuilderStr)
-    safeapps.clickOnOpenSafeAppBtn()
-    safeapps.verifyDisclaimerIsDisplayed()
-  })
-
-  // Skip tests due to changed logic
-  // TODO: Discuss furthers
-  it.skip('Verify the permissions slide is shown if the app require permissions', () => {
-    safeapps.clickOnContinueBtn()
-    cy.wait(500) // wait for the animation to finish
-    safeapps.verifyCameraCheckBoxExists()
-  })
-
-  it.skip('Verify the permissions and consents decision are stored when accepted', () => {
-    safeapps.storeAndVerifyPermissions()
-  })
-})
diff --git a/cypress/e2e/safe-apps/tx-builder.spec.cy.js b/cypress/e2e/safe-apps/tx-builder.spec.cy.js
deleted file mode 100644
index 7dd84ba19..000000000
--- a/cypress/e2e/safe-apps/tx-builder.spec.cy.js
+++ /dev/null
@@ -1,303 +0,0 @@
-import 'cypress-file-upload'
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as safeapps from '../pages/safeapps.pages'
-import * as createtx from '../../e2e/pages/create_tx.pages'
-import * as navigation from '../pages/navigation.page'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-let safeAppSafes = []
-let iframeSelector
-
-describe('Transaction Builder tests', { defaultCommandTimeout: 20000 }, () => {
-  before(async () => {
-    safeAppSafes = await getSafes(CATEGORIES.safeapps)
-  })
-
-  beforeEach(() => {
-    const appUrl = constants.TX_Builder_url
-    iframeSelector = `iframe[id="iframe-${appUrl}"]`
-    const visitUrl = `/apps/open?safe=${safeAppSafes.SEP_SAFEAPP_SAFE_1}&appUrl=${encodeURIComponent(appUrl)}`
-
-    cy.clearLocalStorage()
-    cy.visit(visitUrl)
-    main.acceptCookies()
-    safeapps.clickOnContinueBtn()
-  })
-
-  it('Verify a simple batch can be created', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.SAFE_APP_ADDRESS)
-      getBody().find(safeapps.contractMethodIndex).parent().click()
-      getBody().findByRole('option', { name: safeapps.testAddressValue2 }).click()
-      getBody().findByLabelText(safeapps.newAddressValueStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
-      getBody().findByText(safeapps.addTransactionStr).click()
-      getBody().findAllByText(constants.SEPOLIA_CONTRACT_SHORT).should('have.length', 1)
-      getBody().findByText(safeapps.testAddressValueStr).should('exist')
-      getBody().findByText(safeapps.createBatchStr).click()
-      getBody().findByText(safeapps.sendBatchStr).click()
-    })
-    cy.get('h4').contains(safeapps.transactionBuilderStr).should('be.visible')
-    createtx.clickOnNoLaterOption()
-    createtx.verifyAddToBatchBtnIsEnabled().click()
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findByText(safeapps.reviewConfirmStr).should('exist')
-      getBody().findAllByText(constants.SEPOLIA_CONTRACT_SHORT).should('have.length', 1)
-      getBody().findByText(safeapps.testAddressValueStr).should('exist')
-    })
-  })
-
-  it('Verify a complex batch can be created', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.SAFE_APP_ADDRESS)
-      getBody().find(safeapps.contractMethodIndex).parent().click()
-      getBody().findByRole('option', { name: safeapps.testBooleanValue }).click()
-      getBody().findByText(safeapps.addTransactionStr).click()
-
-      getBody().find(safeapps.contractMethodIndex).parent().click()
-      getBody().findByRole('option', { name: safeapps.testBooleanValue }).click()
-      getBody().findByText(safeapps.addTransactionStr).click()
-
-      getBody().find(safeapps.contractMethodIndex).parent().click()
-      getBody().findByRole('option', { name: safeapps.testBooleanValue }).click()
-      getBody().findByText(safeapps.addTransactionStr).click()
-
-      getBody().findAllByText(constants.SEPOLIA_CONTRACT_SHORT).should('have.length', 3)
-      getBody().findAllByText(safeapps.testBooleanValue).should('have.length', 3)
-
-      getBody().findByText(safeapps.createBatchStr).click()
-      getBody().findByText(safeapps.sendBatchStr).click()
-    })
-    cy.get('h4').contains(safeapps.transactionBuilderStr).should('be.visible')
-    cy.findAllByText(safeapps.testBooleanValue).should('have.length', 3)
-    navigation.clickOnModalCloseBtn()
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findAllByText(constants.SEPOLIA_CONTRACT_SHORT).should('have.length', 3)
-      getBody().findAllByText(safeapps.testBooleanValue).should('have.length', 3)
-    })
-  })
-
-  // TODO: Fix this test once Sepolia ENS works in tx builder
-  it.skip('Verify a batch can be created using ENS name', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.ENS_TEST_SEPOLIA)
-      getBody().findByRole('button', { name: safeapps.useImplementationABI }).click()
-      getBody().findByLabelText(safeapps.ownerAddressStr).type(constants.SAFE_APP_ADDRESS_2)
-      getBody().findByLabelText(safeapps.thresholdStr).type('1')
-      getBody().findByText(safeapps.addTransactionStr).click()
-      getBody().findByText(safeapps.createBatchStr).click()
-      getBody().findByText(safeapps.sendBatchStr).click()
-    })
-    cy.findByRole('button', { name: safeapps.transactionDetailsStr }).click()
-    cy.findByRole('region').should('exist')
-    cy.findByText(safeapps.addOwnerWithThreshold).should('exist')
-    cy.contains(safeapps.ownerAddressStr2).should('exist')
-    cy.findAllByText(constants.SAFE_APP_ADDRESS_2_SHORT).should('have.length', 1)
-    cy.findByText(safeapps.thresholdStr2).should('exist')
-  })
-
-  it('Verify a batch can be created from an ABI', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findByLabelText(safeapps.enterABIStr).type(safeapps.abi)
-      getBody().findByLabelText(safeapps.toAddressStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
-      getBody().findByLabelText(safeapps.tokenAmount).type('0')
-      getBody().findByText(safeapps.addTransactionStr).click()
-
-      getBody().findAllByText(constants.SEPOLIA_RECIPIENT_ADDR_SHORT).should('have.length', 1)
-      // TODO: Need data-testid for this
-      getBody().findAllByText(safeapps.testFallback).should('have.length', 2)
-
-      getBody().findByText(safeapps.createBatchStr).click()
-      getBody().findByText(safeapps.sendBatchStr).click()
-    })
-    cy.get('h4').contains(safeapps.transactionBuilderStr).should('be.visible')
-    navigation.clickOnModalCloseBtn()
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findAllByText(constants.SEPOLIA_RECIPIENT_ADDR_SHORT).should('have.length', 1)
-      getBody().findAllByText(safeapps.testFallback).should('have.length', 1)
-    })
-  })
-
-  it('Verify a batch with custom data can be created', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().find('.MuiSwitch-root').click()
-      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.SAFE_APP_ADDRESS)
-      getBody().findByLabelText(safeapps.tokenAmount).type('0')
-      getBody().findByLabelText(safeapps.dataStr).type('0x')
-      getBody().findByText(safeapps.addTransactionStr).click()
-
-      getBody().findAllByText(constants.SEPOLIA_CONTRACT_SHORT).should('have.length', 1)
-      getBody().findAllByText(safeapps.customData).should('have.length', 1)
-
-      getBody().findByText(safeapps.createBatchStr).click()
-      getBody().findByText(safeapps.sendBatchStr).click()
-    })
-    cy.get('h4').contains(safeapps.transactionBuilderStr).should('be.visible')
-    navigation.clickOnModalCloseBtn()
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findAllByText(constants.SEPOLIA_CONTRACT_SHORT).should('have.length', 1)
-      getBody().findAllByText(safeapps.customData).should('have.length', 1)
-    })
-  })
-
-  it('Verify a batch can be cancelled', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.SAFE_APP_ADDRESS)
-      getBody().find(safeapps.contractMethodIndex).parent().click()
-      getBody().findByRole('option', { name: safeapps.testAddressValue2 }).click()
-      getBody().findByLabelText(safeapps.newAddressValueStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
-      getBody().findByText(safeapps.addTransactionStr).click()
-      getBody().findByText(safeapps.createBatchStr).click()
-      getBody().findByRole('button', { name: safeapps.cancelBtnStr }).click()
-      getBody().findByText(safeapps.clearTransactionListStr)
-      getBody().findByRole('button', { name: safeapps.confirmClearTransactionListStr }).click()
-      getBody().findAllByText('choose a file').should('be.visible')
-    })
-  })
-
-  it('Verify cancel operation can be reverted', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.SAFE_APP_ADDRESS)
-      getBody().find(safeapps.contractMethodIndex).parent().click()
-      getBody().findByRole('option', { name: safeapps.testAddressValue2 }).click()
-      getBody().findByLabelText(safeapps.newAddressValueStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
-      getBody().findByText(safeapps.addTransactionStr).click()
-      getBody().findByText(safeapps.createBatchStr).click()
-      getBody().findByRole('button', { name: safeapps.cancelBtnStr }).click()
-      getBody().findByText(safeapps.clearTransactionListStr)
-      getBody().findByRole('button', { name: safeapps.backBtnStr }).click()
-      getBody().findByText(safeapps.reviewAndConfirmStr).should('be.visible')
-    })
-  })
-
-  it('Verify it is allowed to go back without removing data and add more transactions to the batch', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.SAFE_APP_ADDRESS)
-      getBody().find(safeapps.contractMethodIndex).parent().click()
-      getBody().findByRole('option', { name: safeapps.testAddressValue2 }).click()
-      getBody().findByLabelText(safeapps.newAddressValueStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
-      getBody().findByText(safeapps.addTransactionStr).click()
-      getBody().findByText(safeapps.createBatchStr).click()
-      getBody().findByText(safeapps.backToTransactionStr).click()
-      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.SAFE_APP_ADDRESS)
-      getBody().find(safeapps.contractMethodIndex).parent().click()
-      getBody().findByRole('option', { name: safeapps.testAddressValue2 }).click()
-      getBody().findByLabelText(safeapps.newAddressValueStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
-      getBody().findByText(safeapps.addTransactionStr).click()
-      getBody().findByText(safeapps.createBatchStr).click()
-      getBody().findByText(safeapps.sendBatchStr).click()
-    })
-    cy.get('h4').contains(safeapps.transactionBuilderStr).should('be.visible')
-    cy.findAllByText(safeapps.testAddressValueStr).should('have.length', 2)
-    navigation.clickOnModalCloseBtn()
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findAllByText(constants.SEPOLIA_CONTRACT_SHORT).should('have.length', 2)
-      getBody().findAllByText(safeapps.testAddressValueStr).should('have.length', 2)
-    })
-  })
-
-  it('Verify a batch cannot be created with invalid address', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findByLabelText(safeapps.enterAddressStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2.substring(5))
-      getBody()
-        .findAllByText(safeapps.addressNotValidStr)
-        .should('have.css', 'color', 'rgb(244, 67, 54)')
-        .and('be.visible')
-    })
-  })
-
-  it.skip('Verify a batch cannot be created without asset amount', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findByLabelText(safeapps.enterAddressStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
-      getBody().findByText(safeapps.keepProxiABIStr).click()
-      getBody().findByText(safeapps.addTransactionStr).click()
-      getBody().findAllByText(safeapps.requiredStr).should('have.css', 'color', 'rgb(244, 67, 54)')
-    })
-  })
-
-  it('Verify a batch cannot be created without method data', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findByLabelText(safeapps.enterAddressStr).type(constants.SAFE_APP_ADDRESS)
-      getBody().findByText(safeapps.addTransactionStr).click()
-      getBody().findAllByText(safeapps.requiredStr).should('have.css', 'color', 'rgb(244, 67, 54)')
-    })
-  })
-
-  it('Verify a batch can be uploaded, saved to library, downloaded and removed', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findAllByText('choose a file').attachFile('test-working-batch.json', { subjectType: 'drag-n-drop' })
-      getBody().findAllByText('uploaded').wait(300)
-      getBody().find(safeapps.saveToLibraryBtn).click()
-      getBody().findByLabelText(safeapps.batchNameStr).type(safeapps.e3eTestStr)
-      getBody().findAllByText(safeapps.createBtnStr).should('not.be.disabled').click()
-      getBody().findByText(safeapps.transactionLibraryStr).click()
-      getBody().find(safeapps.downloadBatchBtn).click()
-      getBody().find(safeapps.deleteBatchBtn).click()
-      getBody().findAllByText(safeapps.confirmDeleteBtnStr).should('not.be.disabled').click()
-      getBody().findByText(safeapps.noSavedBatchesStr).should('be.visible')
-      getBody().findByText(safeapps.backToTransactionStr).should('be.visible')
-    })
-    cy.readFile('cypress/downloads/E2E test.json').should('exist')
-  })
-
-  it('Verify there is notification if uploaded batch is from a different chain', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findAllByText('choose a file').attachFile('test-mainnet-batch.json', { subjectType: 'drag-n-drop' })
-      getBody().findAllByText(safeapps.warningStr).should('be.visible')
-      getBody().findAllByText(safeapps.anotherChainStr).should('be.visible')
-    })
-  })
-
-  it('Verify there is error message when a modified batch is uploaded', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findAllByText('choose a file').attachFile('test-modified-batch.json', { subjectType: 'drag-n-drop' })
-      getBody().findAllByText(safeapps.changedPropertiesStr)
-      getBody().findAllByText('choose a file').should('be.visible')
-    })
-  })
-
-  it('Verify an invalid batch cannot be uploaded', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody()
-        .findAllByText('choose a file')
-        .attachFile('test-invalid-batch.json', { subjectType: 'drag-n-drop' })
-        .findAllByText('choose a file')
-        .should('be.visible')
-    })
-  })
-
-  it('Verify an empty batch cannot be uploaded', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody()
-        .findAllByText('choose a file')
-        .attachFile('test-empty-batch.json', { subjectType: 'drag-n-drop' })
-        .findAllByText('choose a file')
-        .should('be.visible')
-    })
-  })
-
-  it.skip('Verify a valid batch as successful can be simulated', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findByLabelText(safeapps.enterAddressStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
-      getBody().findByText(safeapps.keepProxiABIStr).click()
-      getBody().findByLabelText(safeapps.tokenAmount).type('0')
-      getBody().findByText(safeapps.addTransactionStr).click()
-      getBody().findByText(safeapps.createBatchStr).click()
-      getBody().findByText(safeapps.simulateBtnStr).click()
-      getBody().findByText(safeapps.transferStr).should('be.visible')
-      getBody().findByText(safeapps.successStr).should('be.visible')
-    })
-  })
-
-  it.skip('Verify an invalid batch as failed can be simulated', () => {
-    cy.enter(iframeSelector).then((getBody) => {
-      getBody().findByLabelText(safeapps.enterAddressStr).type(safeAppSafes.SEP_SAFEAPP_SAFE_2)
-      getBody().findByText(safeapps.keepProxiABIStr).click()
-      getBody().findByLabelText(safeapps.tokenAmount).type('100')
-      getBody().findByText(safeapps.addTransactionStr).click()
-      getBody().findByText(safeapps.createBatchStr).click()
-      getBody().findByText(safeapps.simulateBtnStr).click()
-      getBody().findByText(safeapps.failedStr).should('be.visible')
-    })
-  })
-})
diff --git a/cypress/e2e/safe-apps/tx_modal.cy.js b/cypress/e2e/safe-apps/tx_modal.cy.js
deleted file mode 100644
index 2549e3aa6..000000000
--- a/cypress/e2e/safe-apps/tx_modal.cy.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as safeapps from '../pages/safeapps.pages'
-
-const testAppName = 'Cypress Test App'
-const testAppDescr = 'Cypress Test App Description'
-const unknownApp = 'unknown'
-const confirmTx = 'Confirm transaction'
-
-describe('Transaction modal tests', () => {
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.fixture('safe-app').then((html) => {
-      cy.intercept('GET', `${constants.testAppUrl}/*`, html)
-      cy.intercept('GET', `*/manifest.json`, {
-        name: testAppName,
-        description: testAppDescr,
-        icons: [{ src: 'logo.svg', sizes: 'any', type: 'image/svg+xml' }],
-      })
-    })
-  })
-
-  it(
-    'Verify that the transaction popup is displayed when sending a transaction from an app',
-    { defaultCommandTimeout: 12000 },
-    () => {
-      cy.visitSafeApp(`${constants.testAppUrl}/dummy`)
-      main.acceptCookies()
-      safeapps.clickOnContinueBtn()
-      safeapps.verifyWarningDefaultAppMsgIsDisplayed()
-      safeapps.clickOnContinueBtn()
-      cy.findByRole('dialog').within(() => {
-        cy.findByText(confirmTx)
-        cy.findByText(unknownApp)
-      })
-    },
-  )
-})
diff --git a/cypress/e2e/smoke/add_owner.cy.js b/cypress/e2e/smoke/add_owner.cy.js
deleted file mode 100644
index 4539f4cb4..000000000
--- a/cypress/e2e/smoke/add_owner.cy.js
+++ /dev/null
@@ -1,74 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../../e2e/pages/main.page'
-import * as owner from '../pages/owners.pages'
-import * as navigation from '../pages/navigation.page'
-import * as wallet from '../../support/utils/wallet.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-let staticSafes = []
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('[SMOKE] Add Owners tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
-    cy.clearLocalStorage()
-    main.waitForHistoryCallToComplete()
-    main.acceptCookies()
-    main.verifyElementsExist([navigation.setupSection])
-  })
-
-  // TODO: Check if this test is covered with unit tests
-  it('[SMOKE] Verify relevant error messages are displayed in Address input', () => {
-    wallet.connectSigner(signer)
-    owner.openAddOwnerWindow()
-    owner.typeOwnerAddress(main.generateRandomString(10))
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidFormat)
-
-    owner.typeOwnerAddress(constants.addresBookContacts.user1.address.toUpperCase())
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidChecksum)
-
-    owner.typeOwnerAddress(staticSafes.SEP_STATIC_SAFE_4)
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.ownSafe)
-
-    owner.typeOwnerAddress(constants.addresBookContacts.user1.address.replace('F', 'f'))
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.invalidChecksum)
-
-    owner.typeOwnerAddress(constants.DEFAULT_OWNER_ADDRESS)
-    owner.verifyErrorMsgInvalidAddress(constants.addressBookErrrMsg.alreadyAdded)
-  })
-
-  it('[SMOKE] Verify the presence of "Add Owner" button', () => {
-    wallet.connectSigner(signer)
-    owner.verifyAddOwnerBtnIsEnabled()
-  })
-
-  it('[SMOKE] Verify “Add new owner” button is disabled for Non-Owner', () => {
-    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_3)
-    main.waitForHistoryCallToComplete()
-    owner.verifyAddOwnerBtnIsDisabled()
-  })
-
-  it('[SMOKE] Verify default threshold value. Verify correct threshold calculation', () => {
-    wallet.connectSigner(signer)
-    owner.openAddOwnerWindow()
-    owner.typeOwnerAddress(constants.DEFAULT_OWNER_ADDRESS)
-    owner.verifyThreshold(1, 2)
-  })
-
-  it('[SMOKE] Verify valid Address validation', () => {
-    wallet.connectSigner(signer)
-    owner.openAddOwnerWindow()
-    owner.typeOwnerAddress(constants.SEPOLIA_OWNER_2)
-    owner.clickOnNextBtn()
-    owner.verifyConfirmTransactionWindowDisplayed()
-    owner.clickOnBackBtn()
-    owner.typeOwnerAddress(staticSafes.SEP_STATIC_SAFE_3)
-    owner.clickOnNextBtn()
-    owner.verifyConfirmTransactionWindowDisplayed()
-  })
-})
diff --git a/cypress/e2e/smoke/address_book.cy.js b/cypress/e2e/smoke/address_book.cy.js
deleted file mode 100644
index 842369c38..000000000
--- a/cypress/e2e/smoke/address_book.cy.js
+++ /dev/null
@@ -1,114 +0,0 @@
-import 'cypress-file-upload'
-import * as constants from '../../support/constants'
-import * as addressBook from '../../e2e/pages/address_book.page'
-import * as main from '../../e2e/pages/main.page'
-import * as wallet from '../../support/utils/wallet.js'
-import * as ls from '../../support/localstorage_data.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-let staticSafes = []
-
-const NAME = 'Owner1'
-const NAME_2 = 'Owner2'
-const EDITED_NAME = 'Edited Owner1'
-const duplicateEntry = 'test-sepolia-90'
-const owner1 = 'Automation owner'
-
-const recipientData = [owner1, constants.DEFAULT_OWNER_ADDRESS]
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('[SMOKE] Address book tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.visit(constants.addressBookUrl + staticSafes.SEP_STATIC_SAFE_4)
-    cy.clearLocalStorage()
-    main.waitForHistoryCallToComplete()
-    main.acceptCookies()
-  })
-
-  it('[SMOKE] Verify entry can be added', () => {
-    addressBook.clickOnCreateEntryBtn()
-    addressBook.addEntry(NAME, constants.RECIPIENT_ADDRESS)
-  })
-
-  it('[SMOKE] Verify entry can be deleted', () => {
-    cy.wrap(null)
-      .then(() =>
-        main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress1),
-      )
-      .then(() =>
-        main.isItemInLocalstorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress1),
-      )
-      .then(() => {
-        cy.reload()
-        addressBook.clickDeleteEntryButton()
-        addressBook.clickDeleteEntryModalDeleteButton()
-        addressBook.verifyEditedNameNotExists(EDITED_NAME)
-      })
-  })
-
-  it('[SMOKE] Verify csv file can be imported', () => {
-    addressBook.clickOnImportFileBtn()
-    addressBook.importCSVFile(addressBook.validCSVFile)
-    addressBook.verifyImportBtnStatus(constants.enabledStates.enabled)
-    addressBook.clickOnImportBtn()
-    addressBook.verifyDataImported(addressBook.entries)
-    addressBook.verifyNumberOfRows(4)
-  })
-
-  it('[SMOKE] Import a csv file with an empty address/name/network in one row', () => {
-    addressBook.clickOnImportFileBtn()
-    addressBook.importCSVFile(addressBook.emptyCSVFile)
-    addressBook.verifyImportBtnStatus(constants.enabledStates.disabled)
-    addressBook.verifyUploadExportMessage([addressBook.uploadErrorMessages.emptyFile])
-  })
-
-  it('[SMOKE] Import a non-csv file', () => {
-    addressBook.clickOnImportFileBtn()
-    addressBook.importCSVFile(addressBook.nonCSVFile)
-    addressBook.verifyImportBtnStatus(constants.enabledStates.disabled)
-    addressBook.verifyUploadExportMessage([addressBook.uploadErrorMessages.fileType])
-  })
-
-  it('[SMOKE] Import a csv file with a repeated address and same network', () => {
-    addressBook.clickOnImportFileBtn()
-    addressBook.importCSVFile(addressBook.duplicatedCSVFile)
-    addressBook.verifyImportBtnStatus(constants.enabledStates.enabled)
-    addressBook.clickOnImportBtn()
-    addressBook.verifyDataImported([duplicateEntry])
-    addressBook.verifyNumberOfRows(1)
-  })
-
-  it('[SMOKE] Verify modal shows the amount of entries and networks detected', () => {
-    addressBook.clickOnImportFileBtn()
-    addressBook.importCSVFile(addressBook.networksCSVFile)
-    addressBook.verifyImportBtnStatus(constants.enabledStates.enabled)
-    addressBook.verifyModalSummaryMessage(4, 3)
-  })
-
-  it('[SMOKE] Verify an entry can be added by ENS name', () => {
-    addressBook.clickOnCreateEntryBtn()
-    addressBook.addEntryByENS(NAME_2, constants.ENS_TEST_SEPOLIA)
-  })
-
-  it('[SMOKE] Verify empty name is not allowed when editing', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress1)
-    cy.wait(1000)
-    cy.reload()
-    addressBook.clickOnEditEntryBtn()
-    addressBook.verifyEmptyOwnerNameNotAllowed()
-  })
-
-  it('[SMOKE] Verify clicking on Send button autofills the recipient filed with correct value', () => {
-    main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__addressBook, ls.addressBookData.sepoliaAddress2)
-    cy.wait(1000)
-    cy.reload()
-    wallet.connectSigner(signer)
-    addressBook.clickOnSendBtn()
-    addressBook.verifyRecipientData(recipientData)
-  })
-})
diff --git a/cypress/e2e/smoke/assets.cy.js b/cypress/e2e/smoke/assets.cy.js
deleted file mode 100644
index 368b266f3..000000000
--- a/cypress/e2e/smoke/assets.cy.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../../e2e/pages/main.page'
-import * as assets from '../pages/assets.pages'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('[SMOKE] Assets tests', () => {
-  const fiatRegex = assets.fiatRegex
-
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_2)
-    cy.clearLocalStorage()
-    main.acceptCookies()
-  })
-
-  it('[SMOKE] Verify that the native token is visible', () => {
-    assets.verifyTokenIsPresent(constants.tokenNames.sepoliaEther)
-  })
-
-  it('[SMOKE] Verify that the token tab is selected by default and the table is visible', () => {
-    assets.verifyTokensTabIsSelected('true')
-  })
-
-  it('[SMOKE] Verify that Token list dropdown down options show/hide spam tokens', () => {
-    let spamTokens = [
-      assets.currencyAave,
-      assets.currencyTestTokenA,
-      assets.currencyTestTokenB,
-      assets.currencyUSDC,
-      assets.currencyLink,
-      assets.currencyDaiCap,
-    ]
-
-    main.verifyValuesDoNotExist(assets.tokenListTable, spamTokens)
-    assets.selectTokenList(assets.tokenListOptions.allTokens)
-    spamTokens.push(constants.tokenNames.sepoliaEther)
-    main.verifyValuesExist(assets.tokenListTable, spamTokens)
-  })
-
-  it('[SMOKE] Verify that "Hide token" button is present and opens the "Hide tokens menu"', () => {
-    assets.selectTokenList(assets.tokenListOptions.allTokens)
-    assets.openHideTokenMenu()
-    assets.verifyEachRowHasCheckbox()
-  })
-
-  it('[SMOKE] Verify that clicking the button with an owner opens the Send funds form', () => {
-    wallet.connectSigner(signer)
-    assets.selectTokenList(assets.tokenListOptions.allTokens)
-    assets.clickOnSendBtn(0)
-  })
-})
diff --git a/cypress/e2e/smoke/batch_tx.cy.js b/cypress/e2e/smoke/batch_tx.cy.js
deleted file mode 100644
index 93f459c7e..000000000
--- a/cypress/e2e/smoke/batch_tx.cy.js
+++ /dev/null
@@ -1,74 +0,0 @@
-import * as batch from '../pages/batches.pages'
-import * as constants from '../../support/constants'
-import * as main from '../../e2e/pages/main.page'
-import * as ls from '../../support/localstorage_data.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-
-const currentNonce = 3
-const funds_first_tx = '0.001'
-const funds_second_tx = '0.002'
-
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('[SMOKE] Batch transaction tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_2)
-    main.acceptCookies()
-  })
-
-  it('[SMOKE] Verify empty batch list can be opened', () => {
-    wallet.connectSigner(signer)
-    batch.openBatchtransactionsModal()
-    batch.openNewTransactionModal()
-  })
-
-  it('[SMOKE] Verify a transaction can be added to the batch', () => {
-    wallet.connectSigner(signer)
-    batch.addNewTransactionToBatch(constants.EOA, currentNonce, funds_first_tx)
-    cy.contains(batch.transactionAddedToBatchStr).should('be.visible')
-    batch.verifyBatchIconCount(1)
-    batch.clickOnBatchCounter()
-    batch.verifyAmountTransactionsInBatch(1)
-  })
-
-  it('[SMOKE] Verify the batch can be confirmed and related transactions exist in the form', () => {
-    cy.wrap(null)
-      .then(() => main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__batch, ls.batchData.entry0))
-      .then(() => main.isItemInLocalstorage(constants.localStorageKeys.SAFE_v2__batch, ls.batchData.entry0))
-      .then(() => {
-        cy.reload()
-        batch.clickOnBatchCounter()
-        wallet.connectSigner(signer)
-        batch.clickOnConfirmBatchBtn()
-        batch.verifyBatchTransactionsCount(2)
-        batch.clickOnBatchCounter()
-        cy.contains(funds_first_tx).parents('ul').as('TransactionList')
-        cy.get('@TransactionList').find('li').eq(0).contains(funds_first_tx)
-        cy.get('@TransactionList').find('li').eq(1).contains(funds_first_tx)
-      })
-  })
-
-  it('[SMOKE] Verify a transaction can be removed from the batch', () => {
-    cy.wrap(null)
-      .then(() => main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__batch, ls.batchData.entry0))
-      .then(() => main.isItemInLocalstorage(constants.localStorageKeys.SAFE_v2__batch, ls.batchData.entry0))
-      .then(() => {
-        cy.reload()
-        batch.clickOnBatchCounter()
-        wallet.connectSigner(signer)
-        cy.contains(batch.batchedTransactionsStr).should('be.visible').parents('aside').find('ul > li').as('BatchList')
-        cy.get('@BatchList').find(batch.deleteTransactionbtn).eq(0).click()
-        cy.get('@BatchList').should('have.length', 1)
-        cy.get('@BatchList').contains(funds_second_tx).should('not.exist')
-      })
-  })
-})
diff --git a/cypress/e2e/smoke/create_safe_cf.cy.js b/cypress/e2e/smoke/create_safe_cf.cy.js
deleted file mode 100644
index 6eba4ed3e..000000000
--- a/cypress/e2e/smoke/create_safe_cf.cy.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as createwallet from '../pages/create_wallet.pages'
-import * as owner from '../pages/owners.pages'
-import * as wallet from '../../support/utils/wallet.js'
-
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('[SMOKE] CF Safe creation tests', () => {
-  beforeEach(() => {
-    cy.visit(constants.welcomeUrl + '?chain=sep')
-    cy.clearLocalStorage()
-    main.acceptCookies()
-  })
-  it('[SMOKE] CF creation happy path', () => {
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    createwallet.clickOnContinueWithWalletBtn()
-    createwallet.clickOnCreateNewSafeBtn()
-    createwallet.clickOnNextBtn()
-    createwallet.clickOnNextBtn()
-    createwallet.selectPayLaterOption()
-    createwallet.clickOnReviewStepNextBtn()
-    createwallet.verifyCFSafeCreated()
-  })
-})
diff --git a/cypress/e2e/smoke/create_safe_simple.cy.js b/cypress/e2e/smoke/create_safe_simple.cy.js
deleted file mode 100644
index 3b749b1e8..000000000
--- a/cypress/e2e/smoke/create_safe_simple.cy.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../../e2e/pages/main.page'
-import * as createwallet from '../pages/create_wallet.pages'
-import * as owner from '../pages/owners.pages'
-import * as wallet from '../../support/utils/wallet.js'
-
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('[SMOKE] Safe creation tests', () => {
-  beforeEach(() => {
-    cy.visit(constants.welcomeUrl + '?chain=sep')
-    cy.clearLocalStorage()
-    main.acceptCookies()
-  })
-  it('[SMOKE] Verify a Wallet can be connected', () => {
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    createwallet.clickOnContinueWithWalletBtn()
-    createwallet.clickOnCreateNewSafeBtn()
-    owner.clickOnWalletExpandMoreIcon()
-    owner.clickOnDisconnectBtn()
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-  })
-
-  it('[SMOKE] Verify that a new Wallet has default name related to the selected network', () => {
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    createwallet.clickOnContinueWithWalletBtn()
-    createwallet.clickOnCreateNewSafeBtn()
-    createwallet.verifyDefaultWalletName(createwallet.defaultSepoliaPlaceholder)
-  })
-
-  it('[SMOKE] Verify Add and Remove Owner Row works as expected', () => {
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    createwallet.clickOnContinueWithWalletBtn()
-    createwallet.clickOnCreateNewSafeBtn()
-    createwallet.clickOnNextBtn()
-    createwallet.clickOnAddNewOwnerBtn()
-    owner.verifyNumberOfOwners(2)
-    owner.verifyExistingOwnerAddress(1, '')
-    owner.verifyExistingOwnerName(1, '')
-    createwallet.removeOwner(0)
-    main.verifyElementsCount(createwallet.removeOwnerBtn, 0)
-    createwallet.clickOnAddNewOwnerBtn()
-    owner.verifyNumberOfOwners(2)
-  })
-
-  it('[SMOKE] Verify Threshold Setup', () => {
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    createwallet.clickOnContinueWithWalletBtn()
-    createwallet.clickOnCreateNewSafeBtn()
-    createwallet.clickOnNextBtn()
-    createwallet.clickOnAddNewOwnerBtn()
-    createwallet.clickOnAddNewOwnerBtn()
-    owner.verifyNumberOfOwners(3)
-    createwallet.clickOnAddNewOwnerBtn()
-    owner.verifyNumberOfOwners(4)
-    owner.verifyThresholdLimit(1, 4)
-    createwallet.updateThreshold(3)
-    createwallet.removeOwner(1)
-    owner.verifyThresholdLimit(1, 3)
-    createwallet.removeOwner(1)
-    owner.verifyThresholdLimit(1, 2)
-    createwallet.updateThreshold(1)
-  })
-})
diff --git a/cypress/e2e/smoke/create_tx.cy.js b/cypress/e2e/smoke/create_tx.cy.js
deleted file mode 100644
index 0a7dd1c6f..000000000
--- a/cypress/e2e/smoke/create_tx.cy.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../../e2e/pages/main.page'
-import * as createtx from '../../e2e/pages/create_tx.pages'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-
-const currentNonce = 5
-
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('[SMOKE] Create transactions tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_10)
-    main.acceptCookies()
-    wallet.connectSigner(signer)
-    createtx.clickOnNewtransactionBtn()
-    createtx.clickOnSendTokensBtn()
-  })
-
-  it('[SMOKE] Verify MaxAmount button', () => {
-    createtx.setMaxAmount()
-    createtx.verifyMaxAmount(constants.tokenNames.sepoliaEther, constants.tokenAbbreviation.sep)
-  })
-
-  it('[SMOKE] Verify error messages for invalid address input', () => {
-    createtx.verifyRandomStringAddress('Lorem Ipsum')
-    createtx.verifyWrongChecksum(constants.WRONGLY_CHECKSUMMED_ADDRESS)
-  })
-
-  it('[SMOKE] Verify address input resolves a valid ENS name', () => {
-    createtx.typeRecipientAddress(constants.ENS_TEST_SEPOLIA)
-    createtx.verifyENSResolves(staticSafes.SEP_STATIC_SAFE_6)
-  })
-
-  it('[SMOKE] Verify error message for invalid amount input', () => {
-    createtx.clickOnTokenselectorAndSelectSepoliaEth()
-    createtx.verifyAmountLargerThanCurrentBalance()
-  })
-
-  it('[SMOKE] Verify nonce tooltip warning messages', () => {
-    createtx.changeNonce(0)
-    createtx.verifyTooltipMessage(constants.nonceTooltipMsg.lowerThanCurrent + currentNonce.toString())
-    createtx.changeNonce(currentNonce + 53)
-    createtx.verifyTooltipMessage(constants.nonceTooltipMsg.higherThanRecommended)
-    createtx.changeNonce(currentNonce + 150)
-    createtx.verifyTooltipMessage(constants.nonceTooltipMsg.muchHigherThanRecommended)
-  })
-})
diff --git a/cypress/e2e/smoke/create_tx_2.cy.js b/cypress/e2e/smoke/create_tx_2.cy.js
deleted file mode 100644
index 7030235f6..000000000
--- a/cypress/e2e/smoke/create_tx_2.cy.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import * as constants from '../../support/constants.js'
-import * as main from '../pages/main.page.js'
-import * as createtx from '../pages/create_tx.pages.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-
-const sendValue = 0.00002
-
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-function happyPathToStepTwo() {
-  createtx.typeRecipientAddress(constants.EOA)
-  createtx.clickOnTokenselectorAndSelectSepoliaEth()
-  createtx.setSendValue(sendValue)
-  createtx.clickOnNextBtn()
-}
-
-describe('[SMOKE] Create transactions tests 2', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_6)
-    main.acceptCookies()
-    wallet.connectSigner(signer)
-    createtx.clickOnNewtransactionBtn()
-    createtx.clickOnSendTokensBtn()
-  })
-
-  it('[SMOKE] Verify advance parameters gas limit input', () => {
-    happyPathToStepTwo()
-    createtx.changeNonce('1')
-    createtx.selectCurrentWallet()
-    createtx.openExecutionParamsModal()
-    createtx.verifyAndSubmitExecutionParams()
-  })
-
-  it('[SMOKE] Verify a transaction shows relayer and addToBatch button', () => {
-    happyPathToStepTwo()
-    createtx.verifySubmitBtnIsEnabled()
-    createtx.verifyNativeTokenTransfer()
-    createtx.changeNonce('1')
-    createtx.verifyConfirmTransactionData()
-    createtx.verifyRelayerAttemptsAvailable()
-    createtx.selectCurrentWallet()
-    createtx.clickOnNoLaterOption()
-    createtx.verifyAddToBatchBtnIsEnabled()
-  })
-})
diff --git a/cypress/e2e/smoke/dashboard.cy.js b/cypress/e2e/smoke/dashboard.cy.js
deleted file mode 100644
index 626625d70..000000000
--- a/cypress/e2e/smoke/dashboard.cy.js
+++ /dev/null
@@ -1,87 +0,0 @@
-import * as constants from '../../support/constants'
-import * as dashboard from '../pages/dashboard.pages'
-import * as main from '../pages/main.page'
-import * as safeapps from '../pages/safeapps.pages'
-import * as createTx from '../pages/create_tx.pages'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-let staticSafes = []
-
-const txData = ['14', 'Send', '-0.00002 ETH', '1 out of 1']
-const txaddOwner = ['5', 'addOwnerWithThreshold', '1 out of 2']
-const txMultiSendCall3 = ['4', 'Safe: MultiSendCallOnly 1.3.0', '3 actions', '1 out of 2']
-const txMultiSendCall2 = ['6', 'Safe: MultiSendCallOnly 1.3.0', '2 actions', '1 out of 2']
-
-describe('[SMOKE] Dashboard tests', { defaultCommandTimeout: 20000 }, () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_2)
-    main.acceptCookies()
-    dashboard.verifyConnectTransactStrIsVisible()
-  })
-
-  it('[SMOKE] Verify the overview widget is displayed', () => {
-    dashboard.verifyOverviewWidgetData()
-  })
-
-  it('[SMOKE] Verify the transaction queue widget is displayed', () => {
-    dashboard.verifyTxQueueWidget()
-  })
-
-  it('[SMOKE] Verify the featured Safe Apps are displayed', () => {
-    dashboard.verifyFeaturedAppsSection()
-  })
-
-  it('[SMOKE] Verify the Safe Apps Section is displayed', () => {
-    dashboard.verifySafeAppsSection()
-  })
-
-  it.skip('[SMOKE] Verify clicking on the share icon copies the app URL to the clipboard', () => {
-    dashboard.verifyShareBtnWorks(0, dashboard.copiedAppUrl)
-  })
-
-  it('[SMOKE] Verify clicking on Explore Safe apps button opens list of all apps', () => {
-    dashboard.clickOnExploreAppsBtn()
-  })
-
-  it('[SMOKE] Verify that pinned in dashboard, an app keeps its status on apps page', () => {
-    dashboard.pinAppByIndex(0).then((pinnedApp) => {
-      cy.visit(constants.appsUrlGeneral + staticSafes.SEP_STATIC_SAFE_2)
-      safeapps.verifyPinnedApp(pinnedApp)
-      cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_2)
-      dashboard.clickOnPinBtnByName(pinnedApp)
-      dashboard.verifyPinnedAppsCount(0)
-    })
-  })
-
-  it('[SMOKE] Verify clicking on View All button directs to list of all queued txs', () => {
-    dashboard.clickOnViewAllBtn()
-    createTx.verifyNumberOfTransactions(2)
-  })
-
-  it('[SMOKE] Verify there is empty tx string and image when there are no tx queued', () => {
-    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_13)
-    dashboard.verifyEmptyTxSection()
-  })
-
-  it('[SMOKE] Verify that the last created tx in conflicting tx is showed in the widget', () => {
-    dashboard.verifyDataInPendingTx(txData)
-  })
-
-  it('[SMOKE] Verify that tx are displayed correctly in Pending tx section', () => {
-    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_12)
-    cy.wait(1000)
-    dashboard.verifyTxItemInPendingTx(txMultiSendCall3)
-    dashboard.verifyTxItemInPendingTx(txaddOwner)
-    dashboard.verifyTxItemInPendingTx(txMultiSendCall2)
-  })
-
-  it('[SMOKE] Verify clicking on any tx takes the user to Transactions > Queue tab', () => {
-    dashboard.clickOnTxByIndex(0)
-    dashboard.verifySingleTxItem(txData)
-  })
-})
diff --git a/cypress/e2e/smoke/import_export_data_2.cy.js b/cypress/e2e/smoke/import_export_data_2.cy.js
deleted file mode 100644
index 7aa5ee3dc..000000000
--- a/cypress/e2e/smoke/import_export_data_2.cy.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import 'cypress-file-upload'
-import * as file from '../pages/import_export.pages.js'
-import * as main from '../pages/main.page.js'
-import * as constants from '../../support/constants.js'
-import * as sidebar from '../pages/sidebar.pages.js'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-
-const validJsonPath = 'cypress/fixtures/data_import.json'
-const invalidJsonPath = 'cypress/fixtures/address_book_test.csv'
-const invalidJsonPath_2 = 'cypress/fixtures/balances.json'
-const invalidJsonPath_3 = 'cypress/fixtures/test-empty-batch.json'
-
-const appNames = ['Transaction Builder']
-
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('[SMOKE] Import Export Data tests 2', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.visit(constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_13)
-    cy.clearLocalStorage()
-    main.acceptCookies()
-  })
-
-  it('[SMOKE] Verify that the Sidebar Import button opens an import modal', () => {
-    wallet.connectSigner(signer)
-    sidebar.openSidebar()
-    sidebar.clickOnSidebarImportBtn()
-  })
-
-  it('[SMOKE] Verify that correctly formatted json file can be uploaded and shows data', () => {
-    wallet.connectSigner(signer)
-    sidebar.openSidebar()
-    sidebar.clickOnSidebarImportBtn()
-    file.dragAndDropFile(validJsonPath)
-    file.verifyImportMessages()
-    file.verifyImportBtnStatus(constants.enabledStates.enabled)
-    file.clickOnImportBtn()
-    cy.visit(constants.addressBookUrl + staticSafes.SEP_STATIC_SAFE_13)
-    file.verifyImportedAddressBookData()
-    cy.visit(constants.appsUrlGeneral + staticSafes.SEP_STATIC_SAFE_13)
-    file.verifyPinnedApps(appNames)
-  })
-
-  it('[SMOKE] Verify that only json files can be imported', () => {
-    wallet.connectSigner(signer)
-    sidebar.openSidebar()
-    sidebar.clickOnSidebarImportBtn()
-    file.dragAndDropFile(invalidJsonPath)
-    file.verifyErrorOnUpload()
-    file.verifyImportBtnStatus(constants.enabledStates.disabled)
-  })
-
-  it('[SMOKE] Verify the Import section is on the Global settings', () => {
-    cy.visit(constants.dataSettingsUrl + staticSafes.SEP_STATIC_SAFE_13)
-    file.verifyImportSectionVisible()
-    file.verifyValidImportInputExists()
-  })
-
-  it('[SMOKE] Verify that json files with wrong information are rejected', () => {
-    wallet.connectSigner(signer)
-    sidebar.openSidebar()
-    sidebar.clickOnSidebarImportBtn()
-    file.dragAndDropFile(invalidJsonPath_3)
-    file.verifyUploadErrorMessage(file.importErrorMessages.noImportableData)
-    file.clickOnCancelBtn()
-    sidebar.clickOnSidebarImportBtn()
-    file.dragAndDropFile(invalidJsonPath_2)
-    file.verifyUploadErrorMessage(file.importErrorMessages.noImportableData)
-    file.clickOnCancelBtn()
-  })
-
-  it('[SMOKE] Verify that the Export section is present in the safe settings', () => {
-    cy.visit(constants.dataSettingsUrl + staticSafes.SEP_STATIC_SAFE_13)
-    file.verifyExportFileSectionIsVisible()
-  })
-})
diff --git a/cypress/e2e/smoke/load_safe.cy.js b/cypress/e2e/smoke/load_safe.cy.js
deleted file mode 100644
index 1b7c7d569..000000000
--- a/cypress/e2e/smoke/load_safe.cy.js
+++ /dev/null
@@ -1,105 +0,0 @@
-import 'cypress-file-upload'
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as safe from '../pages/load_safe.pages'
-import * as createwallet from '../pages/create_wallet.pages'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-let staticSafes = []
-
-const testSafeName = 'Test safe name'
-const testOwnerName = 'Test Owner Name'
-
-describe('[SMOKE] Load Safe tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.loadNewSafeSepoliaUrl)
-    main.acceptCookies()
-    cy.wait(2000)
-  })
-
-  it('[SMOKE] Verify a network can be selected in the Safe', () => {
-    safe.clickNetworkSelector(constants.networks.sepolia)
-    safe.selectPolygon()
-    cy.wait(2000)
-    safe.clickNetworkSelector(constants.networks.polygon)
-    safe.selectSepolia()
-  })
-
-  it('[SMOKE] Verify only valid Safe name can be accepted', () => {
-    // alias the address input label
-    cy.get('input[name="address"]').parent().prev('label').as('addressLabel')
-
-    createwallet.verifyDefaultWalletName(createwallet.defaultSepoliaPlaceholder)
-    safe.verifyIncorrectAddressErrorMessage()
-    safe.inputNameAndAddress(testSafeName, staticSafes.SEP_STATIC_SAFE_4)
-
-    safe.verifyAddressInputValue(staticSafes.SEP_STATIC_SAFE_4)
-    safe.verifyNextButtonStatus('be.enabled')
-    safe.clickOnNextBtn()
-  })
-
-  it('[SMOKE] Verify names cannot have more than 50 characters', () => {
-    safe.inputName(main.generateRandomString(51))
-    safe.verifyNameLengthErrorMessage()
-  })
-
-  it('[SMOKE] Verify ENS name is translated to a valid address', () => {
-    // cy.visit(constants.loadNewSafeEthUrl)
-    safe.inputAddress(constants.ENS_TEST_SEPOLIA)
-    safe.verifyAddressInputValue(staticSafes.SEP_STATIC_SAFE_6)
-    safe.verifyNextButtonStatus('be.enabled')
-    safe.clickOnNextBtn()
-  })
-
-  it('[SMOKE] Verify the custom Safe name is successfully loaded', () => {
-    safe.inputNameAndAddress(testSafeName, staticSafes.SEP_STATIC_SAFE_3)
-    safe.clickOnNextBtn()
-    createwallet.typeOwnerName(testOwnerName, 0)
-    safe.clickOnNextBtn()
-    safe.verifyDataInReviewSection(
-      testSafeName,
-      testOwnerName,
-      constants.commonThresholds.oneOfOne,
-      constants.networks.sepolia,
-      constants.SEPOLIA_OWNER_2,
-    )
-    safe.clickOnAddBtn()
-    main.verifyHomeSafeUrl(staticSafes.SEP_STATIC_SAFE_3)
-    safe.veriySidebarSafeNameIsVisible(testSafeName)
-    safe.verifyOwnerNamePresentInSettings(testOwnerName)
-  })
-
-  it('[SMOKE] Verify safe name has a default name', () => {
-    createwallet.verifyDefaultWalletName(createwallet.defaultSepoliaPlaceholder)
-    cy.reload()
-    createwallet.verifyDefaultWalletName(createwallet.defaultSepoliaPlaceholder)
-  })
-
-  it('[SMOKE] Verify that after loading existing Safe, its name input is not empty', () => {
-    safe.inputNameAndAddress(testSafeName, staticSafes.SEP_STATIC_SAFE_4)
-    safe.clickOnNextBtn()
-    safe.verifyOnwerInputIsNotEmpty(0)
-  })
-
-  it('[SMOKE] Verify that when changing a network in dropdown, the same network is displayed in right top corner', () => {
-    safe.clickNetworkSelector(constants.networks.sepolia)
-    safe.selectPolygon()
-    cy.wait(1000)
-    safe.checkMainNetworkSelected(constants.networks.polygon)
-  })
-
-  it('[SMOKE] Verify there are mandatory networks in dropdown: Eth, Polygon, Sepolia', () => {
-    safe.clickNetworkSelector(constants.networks.sepolia)
-    safe.verifyMandatoryNetworksExist()
-  })
-
-  it('[SMOKE] Verify non-smart contract address is not allowed in safe address', () => {
-    safe.inputAddress(constants.DEFAULT_OWNER_ADDRESS)
-    safe.verifyAddressError()
-  })
-})
diff --git a/cypress/e2e/smoke/messages_offchain.cy.js b/cypress/e2e/smoke/messages_offchain.cy.js
deleted file mode 100644
index 78839b83b..000000000
--- a/cypress/e2e/smoke/messages_offchain.cy.js
+++ /dev/null
@@ -1,93 +0,0 @@
-import * as constants from '../../support/constants.js'
-import * as main from '../pages/main.page.js'
-import * as createTx from '../pages/create_tx.pages.js'
-import * as msg_data from '../../fixtures/txmessages_data.json'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as modal from '../pages/modals.page'
-import * as messages from '../pages/messages.pages.js'
-import * as msg_confirmation_modal from '../pages/modals/message_confirmation.pages.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-const offchainMessage = 'Test message 2 off-chain'
-
-const typeMessagesGeneral = msg_data.type.general
-const typeMessagesOffchain = msg_data.type.offChain
-
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('[SMOKE] Offchain Messages tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.transactionsMessagesUrl + staticSafes.SEP_STATIC_SAFE_10)
-    main.acceptCookies()
-  })
-
-  it('[SMOKE] Verify summary for off-chain unsigned messages', () => {
-    createTx.verifySummaryByIndex(0, [
-      typeMessagesGeneral.sign,
-      typeMessagesGeneral.oneOftwo,
-      typeMessagesOffchain.testMessage1,
-    ])
-    createTx.verifySummaryByIndex(2, [
-      typeMessagesGeneral.sign,
-      typeMessagesGeneral.oneOftwo,
-      typeMessagesOffchain.testMessage2,
-    ])
-  })
-
-  it('[SMOKE] Verify summary for off-chain signed messages', () => {
-    createTx.verifySummaryByIndex(1, [
-      typeMessagesGeneral.confirmed,
-      typeMessagesGeneral.twoOftwo,
-      typeMessagesOffchain.name,
-    ])
-    createTx.verifySummaryByIndex(3, [
-      typeMessagesGeneral.confirmed,
-      typeMessagesGeneral.twoOftwo,
-      typeMessagesOffchain.testMessage3,
-    ])
-  })
-
-  it('[SMOKE] Verify exapanded details for EIP 191 off-chain message', () => {
-    createTx.clickOnTransactionItemByIndex(2)
-    cy.contains(typeMessagesOffchain.message2).should('be.visible')
-  })
-
-  it('[SMOKE] Verify exapanded details for EIP 712 off-chain message', () => {
-    const jsonString = createTx.messageNestedStr
-    const values = [
-      typeMessagesOffchain.name,
-      typeMessagesOffchain.testStringNested,
-      typeMessagesOffchain.EIP712Domain,
-      typeMessagesOffchain.message3,
-    ]
-
-    createTx.clickOnTransactionItemByIndex(1)
-    cy.get(createTx.txRowTitle)
-      .next()
-      .then(($section) => {
-        expect($section.text()).to.include(jsonString)
-        const count = $section.text().split(jsonString).length - 1
-        expect(count).to.eq(3)
-      })
-
-    main.verifyTextVisibility(values)
-  })
-
-  it('[SMOKE] Verify confirmation window is displayed for unsigned message', () => {
-    wallet.connectSigner(signer)
-    messages.clickOnMessageSignBtn(2)
-    msg_confirmation_modal.verifyConfirmationWindowTitle(modal.modalTitiles.confirmMsg)
-    msg_confirmation_modal.verifyMessagePresent(offchainMessage)
-    msg_confirmation_modal.clickOnMessageDetails()
-    msg_confirmation_modal.verifyOffchainMessageHash(0)
-    msg_confirmation_modal.verifyOffchainMessageHash(1)
-    msg_confirmation_modal.checkMessageInfobox()
-  })
-})
diff --git a/cypress/e2e/smoke/nfts.cy.js b/cypress/e2e/smoke/nfts.cy.js
deleted file mode 100644
index 30fa5c8d5..000000000
--- a/cypress/e2e/smoke/nfts.cy.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as nfts from '../pages/nfts.pages'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-let staticSafes = []
-
-const nftsName = 'CatFactory'
-const nftsAddress = '0x373B...866c'
-const nftsTokenID = 'CF'
-
-describe('[SMOKE] NFTs tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.balanceNftsUrl + staticSafes.SEP_STATIC_SAFE_2)
-    main.acceptCookies()
-    nfts.waitForNftItems(2)
-  })
-
-  it('[SMOKE] Verify that NFTs exist in the table', () => {
-    nfts.verifyNFTNumber(10)
-  })
-
-  it('[SMOKE] Verify NFT row contains data', () => {
-    nfts.verifyDataInTable(nftsName, nftsAddress, nftsTokenID)
-  })
-
-  it('[SMOKE] Verify NFT preview window can be opened', () => {
-    nfts.openActiveNFT(0)
-    nfts.verifyNameInNFTModal(nftsTokenID)
-    nfts.verifySelectedNetwrokSepolia()
-    nfts.closeNFTModal()
-  })
-
-  it('[SMOKE] Verify NFT open does not open if no NFT exits', () => {
-    nfts.clickOnInactiveNFT()
-    nfts.verifyNFTModalDoesNotExist()
-  })
-})
diff --git a/cypress/e2e/smoke/replace_owner.cy.js b/cypress/e2e/smoke/replace_owner.cy.js
deleted file mode 100644
index ca931b895..000000000
--- a/cypress/e2e/smoke/replace_owner.cy.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../../e2e/pages/main.page'
-import * as owner from '../pages/owners.pages'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('[SMOKE] Replace Owners tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
-    cy.clearLocalStorage()
-    main.acceptCookies()
-    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
-  })
-
-  it('[SMOKE] Verify that "Replace" icon is visible', () => {
-    wallet.connectSigner(signer)
-    owner.verifyReplaceBtnIsEnabled()
-  })
-
-  it('[SMOKE] Verify owner replace button is disabled for Non-Owner', () => {
-    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_3)
-    owner.verifyReplaceBtnIsDisabled()
-  })
-
-  it('[SMOKE] Verify that the owner replacement form is opened', () => {
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    owner.openReplaceOwnerWindow()
-  })
-})
diff --git a/cypress/e2e/smoke/spending_limits.cy.js b/cypress/e2e/smoke/spending_limits.cy.js
deleted file mode 100644
index 63451967e..000000000
--- a/cypress/e2e/smoke/spending_limits.cy.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as spendinglimit from '../pages/spending_limits.pages'
-import * as owner from '../pages/owners.pages'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-import * as wallet from '../../support/utils/wallet.js'
-
-let staticSafes = []
-const walletCredentials = JSON.parse(Cypress.env('CYPRESS_WALLET_CREDENTIALS'))
-const signer = walletCredentials.OWNER_4_PRIVATE_KEY
-
-describe('[SMOKE] Spending limits tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_8)
-    cy.clearLocalStorage()
-    main.acceptCookies()
-    wallet.connectSigner(signer)
-    owner.waitForConnectionStatus()
-    cy.get(spendinglimit.spendingLimitsSection).should('be.visible')
-    spendinglimit.clickOnNewSpendingLimitBtn()
-  })
-
-  it('Verify A valid ENS name is resolved successfully', () => {
-    spendinglimit.enterBeneficiaryAddress(constants.ENS_TEST_SEPOLIA)
-    spendinglimit.checkBeneficiaryENS(staticSafes.SEP_STATIC_SAFE_6)
-  })
-
-  it('Verify writing a valid address shows no errors', () => {
-    spendinglimit.enterBeneficiaryAddress(staticSafes.SEP_STATIC_SAFE_6)
-    spendinglimit.verifyValidAddressShowsNoErrors()
-  })
-
-  it('Verify Amount input cannot be 0', () => {
-    spendinglimit.enterSpendingLimitAmount('0')
-    spendinglimit.verifyNumberErrorValidation()
-  })
-
-  it('Verify Amount input cannot be a negative number', () => {
-    spendinglimit.enterSpendingLimitAmount('-1')
-    spendinglimit.verifyNumberAmountEntered('1')
-  })
-
-  it('Verify Amount input cannot be characters', () => {
-    spendinglimit.enterSpendingLimitAmount('abc')
-    spendinglimit.verifyNumberAmountEntered('')
-  })
-
-  it('Verify any positive number can be set in the amount input', () => {
-    spendinglimit.enterSpendingLimitAmount(1)
-    spendinglimit.verifyValidAddressShowsNoErrors()
-  })
-
-  it('Verify the reset time is "One time" by default', () => {
-    spendinglimit.verifyDefaultTimeIsSet()
-  })
-
-  it('Validate Reset values present in dropdown: One time, 5 minutes, 30 minutes, 1 hr', () => {
-    spendinglimit.clickOnTimePeriodDropdown()
-    spendinglimit.checkTimeDropdownOptions()
-  })
-})
diff --git a/cypress/e2e/smoke/tx_history.cy.js b/cypress/e2e/smoke/tx_history.cy.js
deleted file mode 100644
index 7559ed74a..000000000
--- a/cypress/e2e/smoke/tx_history.cy.js
+++ /dev/null
@@ -1,94 +0,0 @@
-import * as constants from '../../support/constants'
-import * as main from '../pages/main.page'
-import * as createTx from '../pages/create_tx.pages'
-import * as data from '../../fixtures/txhistory_data_data.json'
-import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
-
-let staticSafes = []
-
-const typeOnchainRejection = data.type.onchainRejection
-const typeBatch = data.type.batchNativeTransfer
-const typeReceive = data.type.receive
-const typeSend = data.type.send
-const typeDeleteAllowance = data.type.deleteSpendingLimit
-const typeGeneral = data.type.general
-const typeUntrustedToken = data.type.untrustedReceivedToken
-
-describe('[SMOKE] Tx history tests', () => {
-  before(async () => {
-    staticSafes = await getSafes(CATEGORIES.static)
-  })
-
-  beforeEach(() => {
-    cy.clearLocalStorage()
-    cy.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_7)
-    main.acceptCookies()
-  })
-
-  // Token receipt
-  it('[SMOKE] Verify summary for token receipt', () => {
-    createTx.verifySummaryByName(
-      typeReceive.summaryTitle,
-      typeReceive.summaryTxInfo,
-      [typeReceive.summaryTxInfo, typeGeneral.statusOk],
-      typeReceive.altTmage,
-    )
-  })
-
-  it('[SMOKE] Verify exapanded details for token receipt', () => {
-    createTx.clickOnTransactionItemByName(typeReceive.summaryTitle, typeReceive.summaryTxInfo)
-    createTx.verifyExpandedDetails([
-      typeReceive.title,
-      typeReceive.receivedFrom,
-      typeReceive.senderAddress,
-      typeReceive.transactionHash,
-    ])
-  })
-
-  it('[SMOKE] Verify summary for token send', () => {
-    createTx.verifySummaryByName(
-      typeSend.title,
-      [typeSend.summaryTxInfo, typeGeneral.statusOk],
-      typeSend.altImage,
-      typeSend.altToken,
-    )
-  })
-
-  it('[SMOKE] Verify summary for on-chain rejection', () => {
-    createTx.verifySummaryByName(typeOnchainRejection.title, [typeGeneral.statusOk], typeOnchainRejection.altImage)
-  })
-
-  it('[SMOKE] Verify summary for batch', () => {
-    createTx.verifySummaryByName(
-      typeBatch.title,
-      typeBatch.summaryTxInfo,
-      [typeBatch.summaryTxInfo, typeGeneral.statusOk],
-      typeBatch.altImage,
-    )
-  })
-
-  it('[SMOKE] Verify summary for allowance deletion', () => {
-    createTx.verifySummaryByName(
-      typeDeleteAllowance.title,
-      typeDeleteAllowance.summaryTxInfo,
-      [typeDeleteAllowance.summaryTxInfo, typeGeneral.statusOk],
-      typeDeleteAllowance.altImage,
-    )
-  })
-
-  it('[SMOKE] Verify summary for untrusted token', () => {
-    createTx.verifySummaryByName(
-      typeUntrustedToken.summaryTitle,
-      typeUntrustedToken.summaryTxInfo,
-      [typeUntrustedToken.summaryTxInfo, typeGeneral.statusOk],
-      typeUntrustedToken.altImage,
-    )
-    createTx.verifySpamIconIsDisplayed(typeUntrustedToken.title, typeUntrustedToken.summaryTxInfo)
-  })
-
-  it('[SMOKE] Verify that copying sender address of untrusted token shows warning popup', () => {
-    createTx.clickOnTransactionItemByName(typeUntrustedToken.summaryTitle, typeUntrustedToken.summaryTxInfo)
-    createTx.clickOnCopyBtn(0)
-    createTx.verifyWarningModalVisible()
-  })
-})
diff --git a/cypress/fixtures/safes/recovery.json b/cypress/fixtures/safes/recovery.json
deleted file mode 100644
index f04d8c5d7..000000000
--- a/cypress/fixtures/safes/recovery.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "SEP_RECOVERY_SAFE_1": "sep:0x702E067A0015F1b835d9c631Cb28A9F617314F27",
-  "SEP_RECOVERY_SAFE_2": "sep:0xb791302040DB5Ab4Ade0b5295cecCaeF07AF07a1",
-  "SEP_RECOVERY_SAFE_3": "sep:0xAE1E3f93fda95eEbb857Ee06325f6F1e45EF3CBE"
-}
diff --git a/cypress/fixtures/safes/static.json b/cypress/fixtures/safes/static.json
deleted file mode 100644
index 3a470ab92..000000000
--- a/cypress/fixtures/safes/static.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "SEP_STATIC_SAFE_1": "sep:0x03042B890b99552b60A073F808100517fb148F60",
-  "SEP_STATIC_SAFE_2": "sep:0xBd69b0a9DC90eB6F9bAc3E4a5875f437348b6415",
-  "SEP_STATIC_SAFE_3": "sep:0x33C4AA5729D91FfB3B87AEf8a324bb6304Fb905c",
-  "SEP_STATIC_SAFE_4": "sep:0xBb26E3717172d5000F87DeFd391994f789D80aEB",
-  "SEP_STATIC_SAFE_5": "sep:0x6E834E9D04ad6b26e1525dE1a37BFd9b215f40B7",
-  "SEP_STATIC_SAFE_6": "sep:0xBf30F749FC027a5d79c4710D988F0D3C8e217A4F",
-  "SEP_STATIC_SAFE_7": "sep:0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb",
-  "SEP_STATIC_SAFE_8": "sep:0x9190cc22D592dDcf396Fa616ce84a9978fD96Fc9",
-  "SEP_STATIC_SAFE_9": "sep:0x98705770aF3b18db0a64597F6d4DCe825915fec0",
-  "SEP_STATIC_SAFE_9_SHORT": "0x9870...fec0",
-  "SEP_STATIC_SAFE_10": "sep:0xc2F3645bfd395516d1a18CA6ad9298299d328C01",
-  "SEP_STATIC_SAFE_11": "sep:0x10B45a24640E2170B6AA63ea3A289D723a0C9cba",
-  "SEP_STATIC_SAFE_12": "sep:0xFFfaC243A24EecE6553f0Da278322aCF1Fb6CeF1",
-  "SEP_STATIC_SAFE_13": "sep:0x027bBe128174F0e5e5d22ECe9623698E01cd3970",
-  "SEP_STATIC_SAFE_14": "sep:0xe41D568F5040FD9adeE8B64200c6B7C363C68c41"
-}
diff --git a/cypress/fixtures/swaps_data.json b/cypress/fixtures/swaps_data.json
deleted file mode 100644
index 10418befb..000000000
--- a/cypress/fixtures/swaps_data.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-  "type": {
-    "queue": {
-      "contractName": "GPv2Settlement",
-      "action": "setPreSignature",
-      "oneOfOne": "1 out of 1",
-      "title": "Swap order"
-    },
-    "orderDetails": {
-      "expiry2Mins": "in 2 minutes",
-      "interactWith": "GPv2Settlement",
-      "DAIeqCOW": "1 DAI = COW"
-    },
-    "history": {
-      "buyOrder": "Buy order",
-      "buy": "Buy",
-      "oneGNO": "1 GNO",
-      "oneGNOFull": "1 GNO = 8.4747 COW",
-      "forAtMost": "For at most",
-      "forAtMostCow": "For at most COW",
-      "cow": "COW",
-      "expired": "Expired",
-      "cancelled": "Cancelled",
-      "actionApprove": "CoW Protocol Token: approve",
-      "actionPreSignature": "GPv2Settlement: setPreSignature",
-      "actionApproveEth": "Wrapped Ether: approve",
-      "actionDepositEth": "Wrapped Ether: deposit",
-      "sellOrder": "Sell order",
-      "actionApproveG": "approve",
-      "actionPreSignatureG": "setPreSignature",
-      "actionDepositG": "deposit",
-      "amount": "Amount",
-      "executionPrice": "Execution price",
-      "limitPrice": "Limit price",
-      "surplus": "Surplus",
-      "expiry": "Expiry",
-      "oderId": "Order ID",
-      "status": "Status",
-      "sellFull": "Sell 1 COW",
-      "sell": "Sell",
-      "oneCOW": "1 COW",
-      "forAtLeast": "for at least",
-      "forAtLeastFullDai": "for at least DAI",
-      "forAtLeastFullUni": "for at least UNI",
-      "forAtLeastFullUSDT": "for at least USDT",
-      "DAIeqCOW": "1 DAI = COW",
-      "UNIeqCOW": "1 UNI = K COW",
-      "DAIeqWETH": "1 DAI = WETH",
-      "USDTeqUSDC": "1 USDT = 0.19342 USDC",
-      "dai": "DAI",
-      "filled": "Filled",
-      "partiallyFilled": "Partially filled",
-      "gGpV2": "GPv2Settlement",
-      "safeAppTitile": "CowSwap",
-      "title": "Swap order"
-    }
-  }
-}
diff --git a/cypress/fixtures/test-working-batch.json b/cypress/fixtures/test-working-batch.json
deleted file mode 100644
index 691d36919..000000000
--- a/cypress/fixtures/test-working-batch.json
+++ /dev/null
@@ -1,53 +0,0 @@
-{
-  "version":"1.0",
-  "chainId":"11155111",
-  "createdAt":1702396600164,
-  "meta":{
-     "name":"Transactions Batch",
-     "description":"",
-     "txBuilderVersion":"1.16.4",
-     "createdFromSafeAddress":"0x4DD4cB2299E491E1B469245DB589ccB2B16d7bde",
-     "createdFromOwnerAddress":"",
-     "checksum":"0x5117b795c64424440e9fccaac343a93606b405852a4b28809c909f9c805839f5"
-  },
-  "transactions":[
-     {
-        "to":"0x11AB70A4564C62F567B92868Cb5e69b50c5434aF",
-        "value":"0",
-        "data":null,
-        "contractMethod":{
-           "inputs":[
-              {
-                 "internalType":"address",
-                 "name":"newValue",
-                 "type":"address"
-              }
-           ],
-           "name":"testAddressValue",
-           "payable":false
-        },
-        "contractInputsValues":{
-           "newValue":"0x4DD4cB2299E491E1B469245DB589ccB2B16d7bde"
-        }
-     },
-     {
-        "to":"0x11AB70A4564C62F567B92868Cb5e69b50c5434aF",
-        "value":"0",
-        "data":null,
-        "contractMethod":{
-           "inputs":[
-              {
-                 "internalType":"address",
-                 "name":"newValue",
-                 "type":"address"
-              }
-           ],
-           "name":"testAddressValue",
-           "payable":false
-        },
-        "contractInputsValues":{
-           "newValue":"0xc6b82bA149CFA113f8f48d5E3b1F78e933e16DfD"
-        }
-     }
-  ]
-}
\ No newline at end of file
diff --git a/cypress/fixtures/txhistory_data_data.json b/cypress/fixtures/txhistory_data_data.json
deleted file mode 100644
index 8a276ccf8..000000000
--- a/cypress/fixtures/txhistory_data_data.json
+++ /dev/null
@@ -1,193 +0,0 @@
-{
-  "type": {
-    "general": {
-      "statusOk": "Success"
-    },
-    "sideActions": {
-      "created": "Created",
-      "rejectionCreated": "On-chain rejection created",
-      "confirmations": "Confirmations",
-      "executedBy": "Executed"
-    },
-    "accountCreation": {
-      "actionsSummary": "Safe Account created by 0xC16D...6fED",
-      "transactionSafehash": {},
-      "summaryTime": "10:30 AM",
-      "title": "Safe Account created",
-      "creator": {
-        "actionTitle": "Creator",
-        "address": "sep:0xC16Db0251654C0a72E91B190d81eAD367d2C6fED"
-      },
-      "factory": {
-        "name": "SafeProxyFactory 1.3.0",
-        "actionTitle": "Factory",
-        "address": "sep:0xC22834581EbC8527d974F8a1c97E1bEA4EF910BC"
-      },
-      "masterCopy": {
-        "name": "SafeL2 1.3.0",
-        "actionTitle": "Mastercopy",
-        "address": "sep:0xfb1bffC9d739B8D520DaF37dF666da4C687191EA"
-      },
-      "transactionHash": "0x05d4...7979",
-      "altTmage": "Safe Account created"
-    },
-    "receive": {
-      "title": "Receive",
-      "summaryTitle": "Received",
-      "summaryTxInfo": "1,000 QTRUST",
-      "summaryTime": "11:00 AM",
-      "receivedFrom": "Received 1,000 QTRUST from",
-      "senderAddress": "sep:0x96D4c6fFC338912322813a77655fCC926b9A5aC5",
-      "transactionHash": "0xd89d...9136",
-      "transactionHashCopied": "0x415977f4e4912e22a5cabc4116f7e8f8984996e00a641dcccf8cbe1eb3db3e7d",
-      "altImage": "Received",
-      "altToken": "ETH"
-    },
-    "send": {
-      "title": "Sent",
-      "summaryTxInfo": "-< 0.00001 ETH",
-      "summaryTime": "11:02 AM",
-      "sentTo": "Sent 0.000000000001 ETH to:",
-      "recipientAddress": "sep:0x06373d5e45AD31BD354CeBfA8dB4eD2c75B8708e",
-      "transactionHash": "0x6a59...6a98",
-      "altImage": "Sent",
-      "altToken": "ETH"
-    },
-    "onchainRejection": {
-      "title": "On-chain rejection",
-      "summaryTime": "11:17 AM",
-      "altImage": "On-chain rejection",
-      "description": "This is an on-chain rejection that didn't send any funds. This on-chain rejection replaced all transactions with nonce 3.",
-      "transactionHash": "0x4fbf...067d",
-      "safeTxHash": "0x1303...0fe2"
-    },
-    "batchNativeTransfer": {
-      "title": "Safe: MultiSendCallOnly 1.3.0",
-      "summaryTxInfo": "2 actions",
-      "summaryTime": "11:24 AM",
-      "description": "MultiSend contract",
-      "altImage": "Safe: MultiSendCallOnly 1.3.0",
-      "contractTitle": "Safe: MultiSendCallOnly 1.3.0",
-      "contractAddress": "sep:0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B",
-      "transactionHash": "0xa5dd...b064",
-      "safeTxHash": "0x4dd0...b2b8",
-      "nativeTransfer": {
-        "title": "native transfer",
-        "description": "Interact with (and send < 0.00001 ETH to)"
-      }
-    },
-    "addOwner": {
-      "title": "addOwnerWithThreshold",
-      "summaryTime": "11:27 AM",
-      "description": "Add signer",
-      "altImage": "addOwnerWithThreshold",
-      "requiredConfirmationsTitle": "Required confirmations for new transactions",
-      "ownerAddress": "sep:0x01A9F68e339da12565cfBc47fe7D6EdEcB11C46f",
-      "transactionHash": "0x51d5...da62",
-      "safeTxHash": "0xdcc5...e1b2"
-    },
-    "removeOwner": {
-      "title": "removeOwner",
-      "summaryTime": "11:46 AM",
-      "description": "Remove signer",
-      "altImage": "removeOwner",
-      "requiredConfirmationsTitle": "Required confirmations for new transactions",
-      "ownerAddress": "sep:0x8a39cE4E27C326B87B75AaFf820D442311CD8E4E",
-      "transactionHash": "0xac66...a4b8",
-      "safeTxHash": "0xafd5...7929"
-    },
-    "disableModule": {
-      "title": "disableModule",
-      "summaryTime": "7:37 AM",
-      "description": "Disable module",
-      "altImage": "disableModule",
-      "address": "sep:0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
-      "transactionHash": "0x8b39...adeb",
-      "safeTxHash": "0xb820...bc4a"
-    },
-    "changeThreshold": {
-      "title": "changeThreshold",
-      "summaryTime": "8:36 AM",
-      "altImage": "changeThreshold",
-      "requiredConfirmationsTitle": "Required confirmations for new transactions",
-      "transactionHash": "0xf3d2...26df",
-      "safeTxHash": "0x46eb...e7d5"
-    },
-    "swapOwner": {
-      "title": "swapOwner",
-      "summaryTime": "11:45 AM",
-      "description": "Swap signer",
-      "altImage": "swapOwner",
-      "transactionHash": "0x8cf9...2f17",
-      "safeTxHash": "0xd7a2...af6f",
-      "newOwner": {
-        "actionTitile": "New signer",
-        "ownerAddress": "sep:0x8a39cE4E27C326B87B75AaFf820D442311CD8E4E"
-      },
-      "oldOwner": {
-        "actionTitile": "Old signer",
-        "ownerAddress": "sep:0x01A9F68e339da12565cfBc47fe7D6EdEcB11C46f"
-      }
-    },
-    "deleteSpendingLimit": {
-      "title": "AllowanceModule",
-      "summaryTxInfo": "deleteAllowance",
-      "summaryTime": "11:08 AM",
-      "description": "Delete spending limit",
-      "altImage": "AllowanceModule",
-      "beneficiary": "Beneficiary",
-      "beneficiaryAddress": "sep:0xC16Db0251654C0a72E91B190d81eAD367d2C6fED",
-      "transactionHash": "0xd6e8...de8b",
-      "safeTxHash": "0x4380...b84c",
-      "token": "Token",
-      "tokenName": "ETH",
-      "tokenAlt": "ETH",
-      "baseGas": "baseGas"
-    },
-    "spendingLimits": {
-      "title": "Safe: MultiSendCallOnly 1.3.0",
-      "summaryTxInfo": "3 actions",
-      "summaryTime": "11:06 AM",
-      "description": "MultiSend contract",
-      "altImage": "Safe: MultiSendCallOnly 1.3.0",
-      "contractTitle": "Safe: MultiSendCallOnly 1.3.0",
-      "contractAddress": "sep:0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B",
-      "transactionHash": "0x69c3...bc37",
-      "safeTxHash": "0xf81c...243e",
-      "enableModule": {
-        "title": "enableModule",
-        "description": "Interact with",
-        "interactionAddress": "sep:0x5912f6616c84024cD1aff0D5b55bb36F5180fFdb",
-        "moduleAddress": "sep:0xCFbF...3134",
-        "moduleAddressTitle": "module(address)"
-      },
-      "addDelegate": {
-        "title": "addDelegate",
-        "description": "Interact with",
-        "interactionAddress": "sep:0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
-        "delegateAddress": "sep:0xC16D...6fED",
-        "delegateAddressTitle": "delegate(address)"
-      },
-      "setAllowance": {
-        "title": "setAllowance",
-        "delegateAddress": "sep:0xC16D...6fED",
-        "tokenAddress": "sep:0x0000...0000",
-        "allowanceAmount": "100000000000",
-        "resetTimeMin": "0",
-        "resetBaseMin": "0",
-        "delegateAddressTitle": "delegate(address)"
-      }
-    },
-    "untrustedReceivedToken": {
-      "title": "Receive",
-      "summaryTitle": "Received",
-      "summaryTxInfo": "5 TTONE",
-      "receivedFrom": "",
-      "senderAddress": "sep:0x06373d5e45AD31BD354CeBfA8dB4eD2c75B8708e",
-      "transactionHash": "0x54e7...2a7c",
-      "transactionHashCopied": "0x54e7e766b08d4210bc1cfcc84d84ca4782a0cc1efe9e7d9c032d305060ed2a7c",
-      "altImage": "Received",
-      "altToken": ""
-    }
-  }
-}
diff --git a/cypress/support/api/utils_ether.js b/cypress/support/api/utils_ether.js
deleted file mode 100644
index 4a065ffd0..000000000
--- a/cypress/support/api/utils_ether.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import { ethers } from 'ethers'
-import { EthersAdapter } from '@safe-global/protocol-kit'
-
-export function createSigners(privateKeys, provider) {
-  return privateKeys.map((privateKey) => new ethers.Wallet(privateKey, provider))
-}
-
-export function createEthersAdapter(signer) {
-  return new EthersAdapter({
-    ethers,
-    signerOrProvider: signer,
-  })
-}
diff --git a/cypress/support/api/utils_protocolkit.js b/cypress/support/api/utils_protocolkit.js
deleted file mode 100644
index 500b0d5a0..000000000
--- a/cypress/support/api/utils_protocolkit.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import Safe from '@safe-global/protocol-kit'
-
-export async function createSafes(safeConfigurations) {
-  const safes = []
-  for (const config of safeConfigurations) {
-    const safe = await Safe.create({
-      ethAdapter: config.ethAdapter,
-      safeAddress: config.safeAddress,
-    })
-    safes.push(safe)
-  }
-  return safes
-}
diff --git a/cypress/support/e2e.js b/cypress/support/e2e.js
deleted file mode 100644
index fb98bb629..000000000
--- a/cypress/support/e2e.js
+++ /dev/null
@@ -1,44 +0,0 @@
-// ***********************************************************
-// This example support/e2e.js is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-// Import commands.js using ES2015 syntax:
-import '@testing-library/cypress/add-commands'
-import './commands'
-import './safe-apps-commands'
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
-
-/*
- FIXME: The terms banner is being displayed depending on the cookie banner local storage state.
-  However, in cypress the cookie banner state is evaluated after the banner has been dismissed not before
-  which displays the terms banner even though it shouldn't so we need to globally hide it in our tests.
- */
-before(() => {
-  cy.on('log:added', (ev) => {
-    if (Cypress.config('hideXHR')) {
-      const app = window.top
-      if (app && !app.document.head.querySelector('[data-hide-command-log-request]')) {
-        const style = app.document.createElement('style')
-        style.innerHTML = '.command-name-request, .command-name-xhr { display: none }'
-        style.setAttribute('data-hide-command-log-request', '')
-        app.document.head.appendChild(style)
-      }
-    }
-  })
-})
-
-beforeEach(() => {
-  cy.setupInterceptors()
-})
diff --git a/cypress/support/utils/checkers.js b/cypress/support/utils/checkers.js
deleted file mode 100644
index 112e11b09..000000000
--- a/cypress/support/utils/checkers.js
+++ /dev/null
@@ -1,4 +0,0 @@
-export function startsWith0x(str) {
-  const pattern = /^0x/
-  return pattern.test(str)
-}
diff --git a/cypress/support/utils/wallet.js b/cypress/support/utils/wallet.js
deleted file mode 100644
index a9ea82fd8..000000000
--- a/cypress/support/utils/wallet.js
+++ /dev/null
@@ -1,47 +0,0 @@
-const onboardv2 = 'onboard-v2'
-const pkInput = '[data-testid="private-key-input"]'
-const pkConnectBtn = '[data-testid="pk-connect-btn"]'
-const connectWalletBtn = '[data-testid="connect-wallet-btn"]'
-
-const privateKeyStr = 'Private key'
-
-export function connectSigner(signer) {
-  const actions = {
-    privateKey: () => {
-      cy.get(onboardv2)
-        .shadow()
-        .find('button')
-        .contains(privateKeyStr)
-        .click()
-        .then(() => handlePkConnect())
-    },
-    retry: () => {
-      cy.wait(1000).then(enterPrivateKey)
-    },
-  }
-
-  function handlePkConnect() {
-    cy.get('body').then(($body) => {
-      if ($body.find(pkConnectBtn).length > 0) {
-        cy.get(pkInput).find('input').clear().type(signer)
-        cy.get(pkConnectBtn).click()
-      }
-    })
-  }
-
-  function enterPrivateKey() {
-    cy.wait(1000)
-    cy.get(connectWalletBtn)
-      .should('be.enabled')
-      .and('be.visible')
-      .click()
-      .then(() => {
-        cy.get('body').then(($body) => {
-          const actionKey = $body.find(onboardv2).length > 0 ? 'privateKey' : 'retry'
-          actions[actionKey]()
-        })
-      })
-  }
-
-  enterPrivateKey()
-}
diff --git a/docs/code-style.md b/docs/code-style.md
deleted file mode 100644
index 8065e54e9..000000000
--- a/docs/code-style.md
+++ /dev/null
@@ -1,39 +0,0 @@
-# 💝 Code Style Guidelines
-
-## Principles
-
-- Rely on automation/IDE
-- Strive for pragmatism
-- Don’t add bells and whistles (newlines, spaces for “beauty”, ordering imports etc.)
-- Avoid unnecessary stylistic changes
-    - They increase the chance of git conflicts (esp. in imports)
-    - They make it harder to review the PR
-    - Ultimately, a waste of time
-
-## Functional code style
-
-- Write small functions that do one thing with no side-effects
-- Compose small functions to do more things
-- Same with components: don’t write giant components, write small composable components
-- Prefer `map`/`filter` over `reduce`/`forEach`
-- Watch out when using destructive methods like `pop` or `sort` (yes, `sort` is destructive!)
-- Avoid initializing things on the module level, prefer to export an init function instead
-
-## Reactive programming
-
-- Keep in mind the React component life-cycle, avoid excessive re-renders
-- Glue regular JS functions and events with React using hooks
-- Write small `useEffect` hooks that do just one thing and have only necessary dependencies
-
-## Variable/function naming
-
-Infamously, the hardest problem in computer science.
-
-- Components are classes, so their names should be in PascalCase
-- Config-like constants should be in UPPER_CASE, e.g. `INFURA_URL`
-- Regular `const` variables should be in camelCase
-- Avoid prepositions in variable names:
-    - ~`restoreFromLocalStorage`~ 🙅
-    - `restoreStoredValue` 👍
-- Try to name boolean vars with `is`, e.g. `isLoading` vs `loading`
-- If something needs to be exported just for unit tests, export it with a `_` prefix, e.g. `_getOnboardConfig`
diff --git a/docs/environments.md b/docs/environments.md
deleted file mode 100644
index 1d06f0a13..000000000
--- a/docs/environments.md
+++ /dev/null
@@ -1,32 +0,0 @@
-# Environments
-We have several environments where the app can be deployed:
-
-
-|Env|URL|Purpose|How it's deployed|Backend env|
-|---|---|---|---|---|
-|local|http://localhost:3000/app|local development|`yarn start`|staging|
-|PRs   |`https://<PR_NAME>--walletweb.review.5afe.dev/`|peer review & feature QA|for all PRs on push|staging|
-|dev  |https://safe-wallet-web.dev.5afe.dev/|preview of all WIP features|on push to the `dev` branch|staging|
-|staging|https://safe-wallet-web.staging.5afe.dev/|preview of features before a release|on push to `main`|**production** (for testing)|
-|production|https://app.safe.global/|live app|deployed by DevOps (see the [Release Procedure](release-procedure.md))|**production**|
-
-## Lifecycle of a feature
-
-After a feature enters the development cycle (i.e. is in a sprint), it goes through the following steps:
-
-### Development & QA
-1. Developer starts working on the feature
-2. Developer creates a Pull Request and assigns a reviewer
-3. Reviewer leaves feedback until the PR is approved
-4. QA engineer starts testing the branch on a deployed site (each PR has one, see the table above)
-5. Once QA gives a green light, the branch is merged to the `dev` branch
-
-### Release
-1. All merged branches sit on `dev`, which is occasionally reviewed on the [dev site](https://safe-wallet-web.dev.5afe.dev/).
-2. In case some regression is noticed, it's fixed on dev.
-3. Once a sufficient amount of features are ready for a release (at least once in a sprint), a release branch is made (normally from the HEAD of `dev`) and a PR to `main` is created.
-4. QA does regression testing on the release branch. The backend APIs are pointing to production on this branch so that all chains can be tested.
-5. Once QA passes, the branch is merged to `main` and is automatically deployed to the [staging site](https://safe-wallet-web.staging.5afe.dev/).
-6. It sits on staging for a short while where QA and the release manager briefly do a final check before going live.
-7. DevOps are requested to deploy the code from `main` to the production env.
-8. Once it's done, brief sanity checks are done on the [production site](https://app.safe.global/).
diff --git a/docs/release-procedure.md b/docs/release-procedure.md
deleted file mode 100644
index 2e8002bbd..000000000
--- a/docs/release-procedure.md
+++ /dev/null
@@ -1,62 +0,0 @@
-# Releasing to production
-
-The code is being actively developed on the `dev` branch. Pull requests are made against this branch.
-
-When it's time to make a release, we "freeze" the code by creating a release branch off of the `dev` branch. A release PR is created from that branch, and sent to QA.
-
-After the PR is tested and approved by QA, it's merged into the `main` branch. `Main` is automatically deployed to the staging environment.
-
-Schematically:
-```
-<feature branches> –> dev -> release -> main
-```
-
-We prepare at least one release every sprint. Sprints are two weeks long.
-
-### Preparing a release branch
-* Create a code-freeze branch named `release`
-  * If it's a regular release, this branch is typically based off of `dev`
-  * For hot fixes, it would be `main` + cherry-picked commits
-* Bump the version in the `package.json` as a separate commit with the commit message equal to the exact version
-* Create a PR with the list of changes
-
-  >    💡 To generate a quick changelog:
-  > ```bash
-  > git log origin/main..origin/dev --pretty=format:'* %s'
-  > ```
-* Add the PR to the Project `Web Squad` and set the status to `Ready for QA`
-
-
-### QA
-* The QA team do regression testing on this branch
-* If issues are found, bugfixes are merged into this branch
-* Once the QA is done, proceed to the next step
-
-### Releasing to production
-Wait for all the checks on GitHub to pass.
-* Switch to the main branch and make sure it's up to date:
-```
-git checkout main
-git fetch --all
-git reset --hard origin/main
-```
-* Pull from the release branch:
-```
-git pull origin release
-```
-* Push:
-```
-git push
-```
-
-A deployment workflow will kick in and do the following things:
-
-* Deploy the code to staging
-* Create a new git tag from the version in package.json
-* Create a [GitHub release](https://github.com/safe-global/safe-wallet-web/releases) linked to this tag, with a changelog taken from the release PR
-* Build and upload the code to an S3 bucket
-
-After that, the release manager should:
-
-* Notify devops on Slack and send them the release link to deploy to production
-* Back-merge `main` into the `dev` branch to keep them in sync unless the release branch was based on `dev`
diff --git a/expo-plugins/notification-service-ios/README.md b/expo-plugins/notification-service-ios/README.md
new file mode 100644
index 000000000..9c23fbc3c
--- /dev/null
+++ b/expo-plugins/notification-service-ios/README.md
@@ -0,0 +1,5 @@
+# Notification service ios
+
+This plugin is based on top of the excellent https://github.com/evennit/notifee-expo-plugin
+We needed some custom functionality on top of the notifee-expo-plugin and the easiest thing was
+to copy and modify it for our use case.
diff --git a/expo-plugins/notification-service-ios/app.plugin.js b/expo-plugins/notification-service-ios/app.plugin.js
new file mode 100644
index 000000000..1f1028f57
--- /dev/null
+++ b/expo-plugins/notification-service-ios/app.plugin.js
@@ -0,0 +1 @@
+module.exports = require('./dist/plugin/withNotifee.js')
diff --git a/expo-plugins/notification-service-ios/ios-notification-service-files/NotifeeNotificationServiceExtension-Info.plist b/expo-plugins/notification-service-ios/ios-notification-service-files/NotifeeNotificationServiceExtension-Info.plist
new file mode 100644
index 000000000..01b2b348e
--- /dev/null
+++ b/expo-plugins/notification-service-ios/ios-notification-service-files/NotifeeNotificationServiceExtension-Info.plist
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>$(DEVELOPMENT_LANGUAGE)</string>
+	<key>CFBundleDisplayName</key>
+	<string>NotifeeNotificationServiceExtension</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>$(PRODUCT_BUNDLE_PACKAGE_TYPE)</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0.0</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>NSExtension</key>
+	<dict>
+		<key>NSExtensionPointIdentifier</key>
+		<string>com.apple.usernotifications.service</string>
+		<key>NSExtensionPrincipalClass</key>
+		<string>$(PRODUCT_MODULE_NAME).NotificationService</string>
+	</dict>
+</dict>
+</plist>
\ No newline at end of file
diff --git a/expo-plugins/notification-service-ios/ios-notification-service-files/NotifeeNotificationServiceExtension.entitlements b/expo-plugins/notification-service-ios/ios-notification-service-files/NotifeeNotificationServiceExtension.entitlements
new file mode 100644
index 000000000..5366d587d
--- /dev/null
+++ b/expo-plugins/notification-service-ios/ios-notification-service-files/NotifeeNotificationServiceExtension.entitlements
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>com.apple.security.application-groups</key>
+	<array>
+		[APP_GROUPS_PLACEHOLDER]
+	</array>
+</dict>
+</plist>
\ No newline at end of file
diff --git a/expo-plugins/notification-service-ios/ios-notification-service-files/NotificationService.swift b/expo-plugins/notification-service-ios/ios-notification-service-files/NotificationService.swift
new file mode 100644
index 000000000..8b8cb4ac9
--- /dev/null
+++ b/expo-plugins/notification-service-ios/ios-notification-service-files/NotificationService.swift
@@ -0,0 +1,135 @@
+import UserNotifications
+import RNNotifeeCore
+import MMKV
+import SwiftCryptoTokenFormatter
+import BigInt
+
+struct ChainInfo: Codable {
+    let name: String
+    let symbol: String
+    let decimals: Int
+}
+
+struct ExtensionStore: Codable {
+    let chains: [String: ChainInfo]
+    let contacts: [String: String]
+}
+
+func loadExtensionStore() -> ExtensionStore? {
+    guard let groupDir = FileManager.default.containerURL(forSecurityApplicationGroupIdentifier: "[NOTIFICATION_APP_GROUP_IDENTIFIER]")?.path else {
+        NSLog("[NotifeeDebug] Failed to get app group directory")
+        return nil
+    }
+    guard let kv = MMKV(mmapID: "extension", cryptKey: nil, rootPath: groupDir, mode: .multiProcess, expectedCapacity: 0) else {
+        NSLog("[NotifeeDebug] Failed to open MMKV")
+        return nil
+    }
+    guard let json = kv.string(forKey: "notification-extension-data") else {
+        NSLog("[NotifeeDebug] No data found for notification-extension-data key")
+        return nil
+    }
+    guard let data = json.data(using: String.Encoding.utf8) else {
+        NSLog("[NotifeeDebug] Failed to convert json to data")
+        return nil
+    }
+    return try? JSONDecoder().decode(ExtensionStore.self, from: data)
+}
+
+
+func parseNotification(userInfo: [AnyHashable: Any], store: ExtensionStore) -> (String, String)? {
+    NSLog("[NotifeeDebug] Parsing notification with userInfo: \(userInfo)")
+    
+    guard let type = userInfo["type"] as? String else {
+        NSLog("[NotifeeDebug] No type found in notification")
+        return nil
+    }
+    NSLog("[NotifeeDebug] Notification type: \(type)")
+    
+    let chainId = userInfo["chainId"] as? String
+    let address = userInfo["address"] as? String
+    
+    NSLog("[NotifeeDebug] ChainId: \(chainId ?? "nil"), Address: \(address ?? "nil")")
+
+    let chainInfo = chainId.flatMap { store.chains[$0] }
+    let chainName = chainInfo?.name ?? (chainId != nil ? "Chain Id \(chainId!)" : "")
+    let safeName = address.flatMap { store.contacts[$0] } ?? (address ?? "")
+    
+    NSLog("[NotifeeDebug] Resolved chainName: \(chainName), safeName: \(safeName)")
+
+    switch type {
+    case "INCOMING_ETHER":
+        // Use chain symbol if available, otherwise fall back to userInfo or default
+        let symbol = chainInfo?.symbol ?? userInfo["symbol"] as? String ?? "ETH"
+        let formatter = TokenFormatter()
+        let value = userInfo["value"] as? String ?? ""
+        // Use chain decimals if available, otherwise fall back to userInfo or default
+        let decimals = chainInfo?.decimals ?? Int(userInfo["decimals"] as? String ?? "18") ?? 18
+        let amount = formatter.string(
+            from: BigDecimal(BigInt(value) ?? BigInt(0), decimals),
+            decimalSeparator: Locale.autoupdatingCurrent.decimalSeparator ?? ".",
+            thousandSeparator: Locale.autoupdatingCurrent.groupingSeparator ?? ",")
+        
+        return ("Incoming \(symbol) (\(chainName))", "\(safeName): \(amount) \(symbol) received")
+    case "INCOMING_TOKEN":
+        return ("Incoming token (\(chainName))", "\(safeName): tokens received")
+    case "EXECUTED_MULTISIG_TRANSACTION":
+        let status = (userInfo["failed"] as? String) == "true" ? "failed" : "successful"
+        return ("Transaction \(status) (\(chainName))", "\(safeName): Transaction \(status)")
+    case "CONFIRMATION_REQUEST":
+        return ("Confirmation required (\(chainName))", "\(safeName): A transaction requires your confirmation!")
+    default:
+        return nil
+    }
+}
+
+class NotificationService: UNNotificationServiceExtension {
+    let appGroup = "[NOTIFICATION_APP_GROUP_IDENTIFIER]"
+    var contentHandler: ((UNNotificationContent) -> Void)?
+    var bestAttemptContent: UNMutableNotificationContent?
+    
+    override init() {
+        super.init()
+        if let groupDir = FileManager.default.containerURL(forSecurityApplicationGroupIdentifier: appGroup)?.path {
+            MMKV.initialize(rootDir: groupDir)
+        } else {
+            NSLog("[NotifeeDebug] Failed to initialize MMKV: couldn't get app group directory")
+        }
+    }
+  
+    override func didReceive(_ request: UNNotificationRequest, withContentHandler contentHandler: @escaping (UNNotificationContent) -> Void) {
+        NSLog("[NotifeeDebug] Received notification request with id: \(request.identifier)")
+        self.contentHandler = contentHandler
+        self.bestAttemptContent = (request.content.mutableCopy() as? UNMutableNotificationContent)
+        
+        if let mutable = self.bestAttemptContent {
+            NSLog("[NotifeeDebug] Successfully created mutable content")
+            
+            if let store = loadExtensionStore() {
+                NSLog("[NotifeeDebug] Successfully loaded extension store")
+                
+                if let parsed = parseNotification(userInfo: request.content.userInfo, store: store) {
+                    NSLog("[NotifeeDebug] Successfully parsed notification: title=\(parsed.0), body=\(parsed.1)")
+                    mutable.title = parsed.0
+                    mutable.body = parsed.1
+                    mutable.badge = 1
+                } else {
+                    NSLog("[NotifeeDebug] Failed to parse notification")
+                }
+            } else {
+                NSLog("[NotifeeDebug] Failed to load extension store")
+            }
+            
+            NotifeeExtensionHelper.populateNotificationContent(request, with: mutable, withContentHandler: contentHandler)
+        } else {
+            NSLog("[NotifeeDebug] Failed to create mutable content")
+            contentHandler(request.content)
+        }
+    }
+
+    override func serviceExtensionTimeWillExpire() {
+        NSLog("[NotifeeDebug] Service extension time will expire")
+        if let contentHandler = contentHandler, let bestAttemptContent = bestAttemptContent {
+            contentHandler(bestAttemptContent)
+        }
+    }
+}
diff --git a/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/BoolString.swift b/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/BoolString.swift
new file mode 100644
index 000000000..749130421
--- /dev/null
+++ b/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/BoolString.swift
@@ -0,0 +1,40 @@
+//
+//  BoolString.swift
+//  Multisig
+//
+//  Created by Dmitry Bespalov on 26.07.21.
+//  Copyright © 2021 Gnosis Ltd. All rights reserved.
+//
+
+import Foundation
+
+struct BoolString: Hashable, Codable {
+    var value: Bool
+
+    init(_ value: Bool) {
+        self.value = value
+    }
+
+    init(from decoder: Decoder) throws {
+        let container = try decoder.singleValueContainer()
+        let string = try container.decode(String.self)
+        value = string == "true"
+    }
+
+    func encode(to encoder: Encoder) throws {
+        var container = encoder.singleValueContainer()
+        try container.encode(value ? "true" : "false")
+    }
+}
+
+extension BoolString: ExpressibleByStringLiteral {
+    init(stringLiteral value: StringLiteralType) {
+        self.init(value == "true")
+    }
+}
+
+extension BoolString: CustomStringConvertible {
+    var description: String {
+        String(describing: value)
+    }
+}
diff --git a/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/CharacterSet+Hex.swift b/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/CharacterSet+Hex.swift
new file mode 100644
index 000000000..b43b8359d
--- /dev/null
+++ b/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/CharacterSet+Hex.swift
@@ -0,0 +1,24 @@
+//
+//  CharacterSet+Hex.swift
+//  Multisig
+//
+//  Created by Moaaz on 5/22/20.
+//  Copyright © 2020 Gnosis Ltd. All rights reserved.
+//
+
+import Foundation
+
+extension CharacterSet {
+
+    static var hexadecimalNumbers: CharacterSet {
+        return ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
+    }
+
+    static var hexadecimalLetters: CharacterSet {
+        return ["a", "b", "c", "d", "e", "f", "A", "B", "C", "D", "E", "F"]
+    }
+
+    static var hexadecimals: CharacterSet {
+        return hexadecimalNumbers.union(hexadecimalLetters)
+    }
+}
diff --git a/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/ConfigurationKey.swift b/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/ConfigurationKey.swift
new file mode 100644
index 000000000..993c396be
--- /dev/null
+++ b/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/ConfigurationKey.swift
@@ -0,0 +1,122 @@
+//
+//  Configuration.swift
+//  Multisig
+//
+//  Created by Dmitry Bespalov on 27.05.20.
+//  Copyright © 2020 Gnosis Ltd. All rights reserved.
+//
+
+import Foundation
+
+/// Allows to fetch a variable from the main Info.plist or override it
+/// with a concrete value.
+///
+/// All of the standard data types present in the Plist format
+/// are supported as well, plus the URL type that is converted from String
+/// value.
+///
+/// The supported values conform to the `InfoPlistValueType` protocol.
+/// You can conform your own types to this protocol.
+///
+/// Example usage:
+///
+///     struct Configuration {
+///
+///         @ConfigurationKey("TERMS_URL")
+///         var termsURL: URL
+///
+///         @ConfigurationKey("RELAY_SERVICE_URL")
+///         var relayServiceURL: URL
+///
+///     }
+///
+/// IMPORTANT: test your configuration values, otherwise the app will
+/// crash if the value with the specified key is not found or if the value
+/// cannot be converted to the supported type.
+///
+@propertyWrapper
+struct ConfigurationKey<T: InfoPlistValueType> {
+    private let key: String
+    private var override: T?
+
+    init(_ key: String) {
+        self.key = key
+    }
+
+    var wrappedValue: T {
+        get {
+            if let overriden = override { return overriden }
+            guard let value = Bundle.main.object(forInfoDictionaryKey: key) else {
+                preconditionFailure("Configuration key \(key) not found in the info dictionary")
+            }
+            return T.convert(from: value)
+        }
+        set {
+            override = newValue
+        }
+    }
+
+}
+
+/// Value type that is used in the Info.plist dictionary
+protocol InfoPlistValueType {
+    /// Converts value from a plist object to the protocol's implementation type
+    /// - Parameter value: a value from Info.plist dictionary
+    static func convert(from value: Any) -> Self
+}
+
+extension URL: InfoPlistValueType {
+    static func convert(from value: Any) -> URL {
+        URL(string: value as! String)!
+    }
+}
+
+extension String: InfoPlistValueType {
+    static func convert(from value: Any) -> Self {
+        value as! String
+    }
+}
+
+extension Int: InfoPlistValueType {
+    static func convert(from value: Any) -> Self {
+        value as! Int
+    }
+}
+
+extension Double: InfoPlistValueType {
+    static func convert(from value: Any) -> Self {
+        value as! Double
+    }
+}
+
+extension Bool: InfoPlistValueType {
+    static func convert(from value: Any) -> Self {
+        if let bool = value as? Bool { return bool }
+        else if let nsString = value as? NSString { return nsString.boolValue }
+        preconditionFailure("Invalid configuration value: \(value)")
+    }
+}
+
+extension Dictionary: InfoPlistValueType where Key == String, Value == Any {
+    static func convert(from value: Any) -> Self {
+        value as! [String: Any]
+    }
+}
+
+extension Array: InfoPlistValueType where Element == Any {
+    static func convert(from value: Any) -> Self {
+        value as! [Any]
+    }
+}
+
+extension Date: InfoPlistValueType {
+    static func convert(from value: Any) -> Self {
+        value as! Date
+    }
+}
+
+extension Data: InfoPlistValueType {
+    static func convert(from value: Any) -> Self {
+        value as! Data
+    }
+}
diff --git a/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/Data+MultisigExtension.swift b/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/Data+MultisigExtension.swift
new file mode 100644
index 000000000..7f0a736c0
--- /dev/null
+++ b/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/Data+MultisigExtension.swift
@@ -0,0 +1,102 @@
+//
+//  Copyright © 2018 Gnosis Ltd. All rights reserved.
+//
+
+import Foundation
+import CryptoSwift
+
+// MARK: - Hex String to Data conversion
+public extension Data {
+
+    static func value(of nibble: UInt8) -> UInt8? {
+        guard let letter = String(bytes: [nibble], encoding: .ascii) else { return nil }
+        return UInt8(letter, radix: 16)
+    }
+
+    // TODO: Duplicate code. Remove and use init(hex: String) instead, when
+    // disambiguation with other implementations of Data.init?(hex:) has been achieved
+    init(hexWC: String) {
+        var data = Data()
+        let string = hexWC.hasPrefix("0x") ? String(hexWC.dropFirst(2)) : hexWC
+
+        // Convert the string to bytes for better performance
+        guard
+            let stringData = string.data(using: .ascii, allowLossyConversion: true)
+        else {
+            self =  data
+            return
+        }
+
+        let stringBytes = Array(stringData)
+        for idx in stride(from: 0, to: stringBytes.count, by: 2) {
+            guard let high = Data.value(of: stringBytes[idx]) else {
+                data.removeAll()
+                break
+            }
+            if idx < stringBytes.count - 1, let low = Data.value(of: stringBytes[idx + 1]) {
+                data.append((high << 4) | low)
+            } else {
+                data.append(high)
+            }
+        }
+        self = data
+    }
+
+    /// Creates data from hex string, padding to even byte character count from the left with 0.
+    /// For example, "0x1" will become "0x01".
+    ///
+    /// - Parameter ethHex: hex string.
+    init(ethHex: String) {
+        var value = ethHex
+        while value.hasPrefix("0x") || value.hasPrefix("0X") { value = String(value.dropFirst(2)) }
+        // if ethHex is not full byte, Data(hex:) adds nibble at the end, but we need it in the beginning
+        let paddingToByte = value.count % 2 == 1 ? "0" : ""
+        value = paddingToByte + value
+        self.init(hexWC: value)
+    }
+
+    init?(exactlyHex hex: String) {
+        var value = hex.lowercased()
+        if value.hasPrefix("0x") {
+            value.removeFirst(2)
+        }
+        guard value.rangeOfCharacter(from: CharacterSet.hexadecimals.inverted) == nil else {
+            return nil
+        }
+        self.init(hexWC: value)
+    }
+
+    func toHexStringWithPrefix() -> String {
+        "0x" + toHexString()
+    }
+
+    /// Pads data with `value` from the left to total width of `count`
+    ///
+    /// - Parameters:
+    ///   - count: total padded with=
+    ///   - value: padding value, default is 0
+    /// - Returns: padded data of size `count`
+    func leftPadded(to count: Int, with value: UInt8 = 0) -> Data {
+        if self.count >= count { return self }
+        return Data(repeating: value, count: count - self.count) + self
+    }
+
+    func rightPadded(to count: Int, with value: UInt8 = 0) -> Data {
+        if self.count >= count { return self }
+        return self + Data(repeating: value, count: count - self.count)
+    }
+
+    func endTruncated(to count: Int) -> Data {
+        guard self.count > count else { return self }
+        return prefix(count)
+    }
+
+    init?(randomOfSize count: Int) {
+        var bytes: [UInt8] = .init(repeating: 0, count: count)
+        let result = SecRandomCopyBytes(kSecRandomDefault, bytes.count, &bytes)
+        guard result == errSecSuccess else {
+            return nil
+        }
+        self.init(bytes)
+    }
+}
diff --git a/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/DataString.swift b/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/DataString.swift
new file mode 100644
index 000000000..a5641ffe3
--- /dev/null
+++ b/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/DataString.swift
@@ -0,0 +1,45 @@
+//
+//  DataString.swift
+//  Multisig
+//
+//  Created by Dmitry Bespalov on 16.06.20.
+//  Copyright © 2020 Gnosis Ltd. All rights reserved.
+//
+
+import Foundation
+
+struct DataString: Hashable, Codable {
+    let data: Data
+
+    init(_ data: Data) {
+        self.data = data
+    }
+
+    init(hex: String) {
+        self.data = Data(hex: hex)
+    }
+
+    init(from decoder: Decoder) throws {
+        let container = try decoder.singleValueContainer()
+        let string = try container.decode(String.self)
+        data = Data(hex: string)
+    }
+
+    func encode(to encoder: Encoder) throws {
+        var container = encoder.singleValueContainer()
+        try container.encode(data.toHexStringWithPrefix())
+    }
+
+}
+
+extension DataString: ExpressibleByStringLiteral {
+    init(stringLiteral value: StringLiteralType) {
+        self.init(Data(ethHex: value))
+    }
+}
+
+extension DataString: CustomStringConvertible {
+    var description: String {
+        data.toHexStringWithPrefix()
+    }
+}
diff --git a/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/UInt256.swift b/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/UInt256.swift
new file mode 100644
index 000000000..76a4120c8
--- /dev/null
+++ b/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/UInt256.swift
@@ -0,0 +1,19 @@
+//
+//  UInt256.swift
+//  Multisig
+//
+//  Created by Dmitry Bespalov on 15.06.20.
+//  Copyright © 2020 Gnosis Ltd. All rights reserved.
+//
+
+import Foundation
+import BigInt
+
+typealias UInt256 = BigUInt
+typealias Int256 = BigInt
+
+extension UInt256 {
+    var data32: Data {
+        Data(ethHex: String(self, radix: 16)).leftPadded(to: 32).suffix(32)
+    }
+}
diff --git a/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/UInt256String.swift b/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/UInt256String.swift
new file mode 100644
index 000000000..75528d842
--- /dev/null
+++ b/expo-plugins/notification-service-ios/ios-notification-service-files/Utils/UInt256String.swift
@@ -0,0 +1,78 @@
+//
+//  UInt256String.swift
+//  Multisig
+//
+//  Created by Dmitry Bespalov on 16.06.20.
+//  Copyright © 2020 Gnosis Ltd. All rights reserved.
+//
+
+import Foundation
+
+struct UInt256String: Hashable, Codable {
+    let value: UInt256
+
+    var data32: Data {
+        value.data32
+    }
+
+    init<T>(_ value: T) where T: BinaryInteger {
+        self.value = UInt256(value)
+    }
+
+    init(_ value: UInt256) {
+        self.value = value
+    }
+
+    init(from decoder: Decoder) throws {
+        let container = try decoder.singleValueContainer()
+        if let string = try? container.decode(String.self) {
+            if string.hasPrefix("0x") {
+                let data = Data(ethHex: string)
+                value = UInt256(data)
+            } else if let uint256 = UInt256(string) {
+                value = uint256
+            } else {
+                let context = DecodingError.Context.init(
+                    codingPath: decoder.codingPath,
+                    debugDescription: "Could not convert String \(string) to UInt256")
+                throw DecodingError.valueNotFound(UInt256.self, context)
+            }
+        } else if let uint = try? container.decode(UInt.self) {
+            value = UInt256(uint)
+        } else if let int = try? container.decode(Int.self), int >= 0 {
+            value = UInt256(int)
+        } else {
+            let context = DecodingError.Context.init(
+                codingPath: decoder.codingPath,
+                debugDescription: "Could not convert value to UInt256")
+            throw DecodingError.valueNotFound(UInt256.self, context)
+        }
+    }
+
+    func encode(to encoder: Encoder) throws {
+        var container = encoder.singleValueContainer()
+        try container.encode(value.description)
+    }
+}
+
+extension UInt256String: ExpressibleByStringLiteral {
+    init(stringLiteral value: StringLiteralType) {
+        if let uint256Value = UInt256(value) {
+            self = UInt256String(uint256Value)
+        } else {
+            preconditionFailure("Invalid literal UInt256 value: \(value)")            
+        }
+    }
+}
+
+extension UInt256String: ExpressibleByIntegerLiteral {
+    init(integerLiteral value: UInt) {
+        self.init(UInt256(value))
+    }
+}
+
+extension UInt256String: CustomStringConvertible {
+    var description: String {
+        String(value)
+    }
+}
diff --git a/expo-plugins/notification-service-ios/package.json b/expo-plugins/notification-service-ios/package.json
new file mode 100644
index 000000000..f260c16b8
--- /dev/null
+++ b/expo-plugins/notification-service-ios/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "@safe-global/notification-service-ios",
+  "version": "1.0.0",
+  "description": "This plugin will allow you to use Notifee with a notification service extension without needing to eject from Expo managed workflow.",
+  "main": "./app.plugin.js",
+  "scripts": {
+    "build": "rm -rf dist && tsc && cp -a ./ios-notification-service-files dist/ios-notification-service-files/",
+    "postinstall": "yarn run build"
+  },
+  "keywords": [
+    "notifee",
+    "expo",
+    "push",
+    "notifications"
+  ],
+  "license": "MIT",
+  "devDependencies": {
+    "expo-module-scripts": "^4.1.7",
+    "typescript": "5.8.3"
+  }
+}
diff --git a/expo-plugins/notification-service-ios/plugin/config.ts b/expo-plugins/notification-service-ios/plugin/config.ts
new file mode 100644
index 000000000..fc646f2a0
--- /dev/null
+++ b/expo-plugins/notification-service-ios/plugin/config.ts
@@ -0,0 +1,31 @@
+/** IOS */
+export const DEFAULT_IOS_BUILD_NUMBER = '1'
+export const DEFAULT_APP_VERSION = '1.0.0'
+export const DEFAULT_IOS_DEPLOYMENT_TARGET = '13.4'
+export const TARGET_DEVICES = '"1,2"' // IPHONE / IPAD
+
+export const EXTENSION_SERVICE_NAME = 'NotifeeNotificationServiceExtension'
+export const EXTENSION_SERVICE_FILE = 'NotificationService.swift'
+export const FILES_TO_ADD = [
+  `NotifeeNotificationServiceExtension-Info.plist`,
+  `NotifeeNotificationServiceExtension.entitlements`,
+]
+
+export const PODFILE_MODIF_NEEDED = `
+$NotifeeExtension = true
+target 'NotifeeNotificationServiceExtension' do
+  pod 'RNNotifeeCore', :path => '../../../node_modules/@notifee/react-native/RNNotifeeCore.podspec'
+  pod 'MMKV', :git => 'https://github.com/Tencent/MMKV.git', :branch => 'master'
+  pod 'CryptoSwift', '~> 1.8.3'
+  pod 'SwiftCryptoTokenFormatter', :git => 'https://github.com/compojoom/SwiftCryptoTokenFormatter', :branch => 'main'
+  use_frameworks! :linkage => podfile_properties['ios.useFrameworks'].to_sym if podfile_properties['ios.useFrameworks']
+end`
+export const PODFILE_TARGET_STRING = "target 'NotifeeNotificationServiceExtension'"
+export const APP_VERSION_STRING = '[IF_YOU_SEE_THIS_YOU_FORGOT_TO_ADD_APP_VERSION_IN_EXPO_CONFIG]'
+export const BUNDLE_IDENTIFIER_STRING = '[IF_YOU_SEE_THIS_YOU_FORGOT_TO_ADD_BUNDLE_IDENTIFIER_IN_IOS_EXPO_CONFIG]'
+export const IOS_BUILD_NUMBER_STRING = '[IF_YOU_SEE_THIS_YOU_FORGOT_TO_ADD_BUILD_NUMBER_IN_IOS_EXPO_CONFIG]'
+export const NOTIFICATION_APP_GROUP_IDENTIFIER_STRING = '[NOTIFICATION_APP_GROUP_IDENTIFIER]'
+export const APP_GROUPS_PLACEHOLDER = '[APP_GROUPS_PLACEHOLDER]'
+
+export const BACKGROUND_MODES_TO_ENABLE = ['remote-notification']
+export const USER_ACTIVITY_TYPES_KEYS = ['INSendMessageIntent']
diff --git a/expo-plugins/notification-service-ios/plugin/ios.ts b/expo-plugins/notification-service-ios/plugin/ios.ts
new file mode 100644
index 000000000..42d72763c
--- /dev/null
+++ b/expo-plugins/notification-service-ios/plugin/ios.ts
@@ -0,0 +1,456 @@
+import { NotifeeExpoPluginProps } from './types'
+import {
+  ConfigPlugin,
+  withDangerousMod,
+  withEntitlementsPlist,
+  withInfoPlist,
+  withXcodeProject,
+} from '@expo/config-plugins'
+import * as fs from 'fs'
+import * as path from 'path'
+import {
+  APP_VERSION_STRING,
+  APP_GROUPS_PLACEHOLDER,
+  BACKGROUND_MODES_TO_ENABLE,
+  BUNDLE_IDENTIFIER_STRING,
+  DEFAULT_APP_VERSION,
+  DEFAULT_IOS_BUILD_NUMBER,
+  DEFAULT_IOS_DEPLOYMENT_TARGET,
+  EXTENSION_SERVICE_FILE,
+  EXTENSION_SERVICE_NAME,
+  FILES_TO_ADD,
+  IOS_BUILD_NUMBER_STRING,
+  NOTIFICATION_APP_GROUP_IDENTIFIER_STRING,
+  PODFILE_MODIF_NEEDED,
+  PODFILE_TARGET_STRING,
+  TARGET_DEVICES,
+  USER_ACTIVITY_TYPES_KEYS,
+} from './config'
+import { log, logError, throwError } from './utils'
+
+/**
+ * Adds Notifee to the iOS Podfile within an Expo project configuration.
+ *
+ * @param {object} c - The Expo configuration object.
+ * @returns {object} - The updated Expo configuration object after modifying the Podfile.
+ */
+const addNotifeeToPodfile: ConfigPlugin<NotifeeExpoPluginProps> = (c) => {
+  return withDangerousMod(c, [
+    'ios',
+    async (c) => {
+      const pathToPodfile = path.join(c.modRequest.projectRoot, 'ios', 'Podfile')
+
+      try {
+        const podfile = fs.readFileSync(pathToPodfile, 'utf8')
+        const hasAlreadyNeededChanges = podfile.includes(PODFILE_TARGET_STRING)
+        //Add at end of podfile
+        if (!hasAlreadyNeededChanges) {
+          fs.appendFileSync(pathToPodfile, PODFILE_MODIF_NEEDED)
+        }
+
+        log('Added Notifee to Podfile')
+      } catch {
+        throwError('Error when trying to add Notifee to Podfile')
+      }
+
+      return c
+    },
+  ])
+}
+
+/**
+ * Adds necessary notification service files to the iOS project for Notifee configuration.
+ *
+ * @param {object} c - The Expo configuration object.
+ * @param {NotifeeExpoPluginProps} props - The properties required for configuring Notifee-Expo-Plugin.
+ * @returns {object} - The updated Expo configuration object after adding the notification service files.
+ */
+const addNotificationServiceFilesToProject: ConfigPlugin<NotifeeExpoPluginProps> = (c, props) => {
+  const serviceExtensionFilesFolderPath = path.join(
+    require.resolve('@safe-global/notification-service-ios/package.json'),
+    '../ios-notification-service-files/',
+  )
+
+  const updatedConfig = withDangerousMod(c, [
+    'ios',
+    async (config) => {
+      const p = path.join(config.modRequest.projectRoot, 'ios')
+
+      try {
+        //Create folders
+        fs.mkdirSync(path.join(p, EXTENSION_SERVICE_NAME), { recursive: true })
+
+        if (!config.version) {
+          logError("You need to define 'version' in the expo config!")
+        }
+        const appVersion = !!config.version ? config.version : DEFAULT_APP_VERSION
+        if (!c.ios || !c.ios.bundleIdentifier) {
+          logError("You need to define 'bundleIdentifier' in the ios object of the expo config!")
+        }
+        const bundleIdentifier = 'group.' + config.ios?.bundleIdentifier + '.notifee'
+        if (!c.ios || !c.ios.bundleIdentifier) {
+          logError("You need to define 'buildNumber' in the ios object of the expo config!")
+        }
+        const buildNumber = !!config.ios?.buildNumber ? config.ios.buildNumber : DEFAULT_IOS_BUILD_NUMBER
+        //Transfer files & Edit necessary values
+        for (const fileName of FILES_TO_ADD) {
+          const pathToFileToRead = path.join(serviceExtensionFilesFolderPath, fileName)
+          const pathWhereToWrite = path.join(p, EXTENSION_SERVICE_NAME, fileName)
+          let file = fs.readFileSync(pathToFileToRead, 'utf8')
+          if (fileName === EXTENSION_SERVICE_NAME + '-Info.plist') {
+            file = file.replace(APP_VERSION_STRING, appVersion)
+            file = file.replace(IOS_BUILD_NUMBER_STRING, buildNumber)
+          } else if (fileName === EXTENSION_SERVICE_NAME + '.entitlements') {
+            // Build the app groups array for entitlements
+            const defaultNotifeeGroup = bundleIdentifier
+            const mainAppGroup = props.appGroupIdentifier || `group.${config.ios?.bundleIdentifier}`
+            const additionalGroups = props.additionalAppGroups || []
+
+            // Combine all app groups (notifee group + main app group + additional groups)
+            const allAppGroups = [defaultNotifeeGroup, mainAppGroup, ...additionalGroups]
+
+            // Remove duplicates
+            const uniqueAppGroups = Array.from(new Set(allAppGroups))
+
+            // Generate the XML string for app groups
+            const appGroupsXml = uniqueAppGroups.map((group) => `\t\t<string>${group}</string>`).join('\n')
+
+            file = file.replace(APP_GROUPS_PLACEHOLDER, appGroupsXml)
+          }
+          fs.writeFileSync(pathWhereToWrite, file)
+        }
+
+        // Copy Utils folder if it exists
+        const sourceUtilsPath = path.join(serviceExtensionFilesFolderPath, 'Utils')
+        const destUtilsPath = path.join(p, EXTENSION_SERVICE_NAME, 'Utils')
+
+        if (fs.existsSync(sourceUtilsPath)) {
+          // Create Utils directory if it doesn't exist
+          fs.mkdirSync(destUtilsPath, { recursive: true })
+
+          // Copy all files from Utils directory
+          const utilsFiles = fs.readdirSync(sourceUtilsPath)
+          for (const utilFile of utilsFiles) {
+            const sourcePath = path.join(sourceUtilsPath, utilFile)
+            const destPath = path.join(destUtilsPath, utilFile)
+            fs.copyFileSync(sourcePath, destPath)
+          }
+          log('Copied Utils folder successfully!')
+        }
+
+        const notificationServicePath = !!props.customNotificationServiceFilePath
+          ? props.customNotificationServiceFilePath
+          : path.join(serviceExtensionFilesFolderPath, EXTENSION_SERVICE_FILE)
+        const pathWhereToWriteNotificationService = path.join(p, EXTENSION_SERVICE_NAME, EXTENSION_SERVICE_FILE)
+
+        // Determine the app group identifier to use
+        const appGroupIdentifier = props.appGroupIdentifier || `group.${config.ios?.bundleIdentifier}`
+
+        let notificationServiceFile = fs.readFileSync(notificationServicePath, 'utf8')
+        // Replace the app group identifier placeholder
+        notificationServiceFile = notificationServiceFile.replaceAll(
+          NOTIFICATION_APP_GROUP_IDENTIFIER_STRING,
+          appGroupIdentifier,
+        )
+        fs.writeFileSync(pathWhereToWriteNotificationService, notificationServiceFile)
+
+        log('Added NotificationService files!')
+      } catch {
+        logError('serviceExtensionFilesFolderPath: ' + serviceExtensionFilesFolderPath)
+        logError('Error while copying notification service files')
+      }
+
+      return config
+    },
+  ])
+  //Make files added before available in xcode project
+  return withXcodeProject(updatedConfig, (nc) => {
+    const x = nc.modResults
+
+    // Create the main service extension group
+    const mainGroup = x.addPbxGroup(
+      [...FILES_TO_ADD, EXTENSION_SERVICE_FILE],
+      EXTENSION_SERVICE_NAME,
+      EXTENSION_SERVICE_NAME,
+    )
+
+    // Create Utils subgroup if files exist
+    const sourceUtilsPath = path.join(serviceExtensionFilesFolderPath, 'Utils')
+    if (fs.existsSync(sourceUtilsPath)) {
+      const utilsFiles = fs.readdirSync(sourceUtilsPath)
+      if (utilsFiles.length > 0) {
+        // Create a Utils subgroup within the main group
+        const utilsGroup = x.addPbxGroup(utilsFiles, 'Utils', 'Utils')
+        // Add the Utils group to the main group
+        x.addToPbxGroup(utilsGroup.uuid, mainGroup.uuid)
+
+        // Add Utils files to Sources build phase
+        const target = x.pbxTargetByName(EXTENSION_SERVICE_NAME)
+        if (target) {
+          const sourcesBuildPhase = x.buildPhaseObject('PBXSourcesBuildPhase', 'Sources', target.uuid)
+          if (sourcesBuildPhase) {
+            for (const utilFile of utilsFiles) {
+              if (utilFile.endsWith('.swift')) {
+                x.addToPbxBuildFileSection(`Utils/${utilFile}`)
+                x.addToPbxSourcesBuildPhase(`Utils/${utilFile}`, sourcesBuildPhase)
+              }
+            }
+          }
+        }
+      }
+    }
+
+    // Add the main group to the root group
+    const pbxs = x.hash.project.objects['PBXGroup']
+    Object.keys(pbxs).forEach(function (v) {
+      if (typeof pbxs[v] === 'object' && !pbxs[v].name && !pbxs[v].path) {
+        x.addToPbxGroup(mainGroup.uuid, v)
+      }
+    })
+
+    return nc
+  })
+}
+
+/**
+ * Signs the main iOS app target and the notification service extension target with the specified Apple development team ID.
+ *
+ * @param {object} c - The current Expo configuration object.
+ * @param {NotifeeExpoPluginProps} props - The properties containing the Apple development team ID.
+ * @returns {object} - The updated Expo configuration object after signing targets.
+ */
+const signAppAndNotificationServiceExtension: ConfigPlugin<NotifeeExpoPluginProps> = (c, props) => {
+  if (!props.appleDevTeamId) {
+    return c
+  }
+
+  return withXcodeProject(c, (nc) => {
+    const xcodeProject = nc.modResults
+    //Sign main target
+    const mainTarget = xcodeProject.pbxTargetByName(c.name)
+    if (mainTarget) {
+      xcodeProject.addTargetAttribute('DevelopmentTeam', props.appleDevTeamId, mainTarget)
+    }
+    //Sign notification service extension target
+    const target = xcodeProject.pbxTargetByName(EXTENSION_SERVICE_NAME)
+    if (target) {
+      xcodeProject.addTargetAttribute('DevelopmentTeam', props.appleDevTeamId, target)
+    }
+    log('Signed the main app and notification service extension targets with: ' + props.appleDevTeamId)
+
+    return nc
+  })
+}
+
+/**
+ * Sets the APS Environment Entitlement in the app's entitlements plist file to specify whether to use the development or production Apple Push Notification service (APNs).
+ *
+ * @param {object} c - The current Expo configuration object.
+ * @param {NotifeeExpoPluginProps} props - The properties containing the APS environment mode (production or development).
+ * @returns {object} - The updated Expo configuration object after setting the APS environment.
+ */
+const setAPSEnvironment: ConfigPlugin<NotifeeExpoPluginProps> = (c, props) => {
+  return withEntitlementsPlist(c, (nc) => {
+    nc.modResults['aps-environment'] = props.apsEnvMode
+
+    log('Set aps-environment to: ' + props.apsEnvMode)
+    return nc
+  })
+}
+
+/**
+ * Adds the application group entitlement necessary for Notifee to the iOS project's entitlements plist.
+ *
+ * @param {object} c - The Expo configuration object.
+ * @returns {object} - The updated Expo configuration object with added application group entitlement.
+ */
+const addNotificationServiceGroup: ConfigPlugin<NotifeeExpoPluginProps> = (c) => {
+  return withEntitlementsPlist(c, (nc) => {
+    const g = 'com.apple.security.application-groups'
+    if (!Array.isArray(nc.modResults[g])) {
+      nc.modResults[g] = []
+    }
+    const gName = `group.${nc.ios?.bundleIdentifier}`
+    const modResults = nc.modResults[g]
+    if (!modResults.includes(gName)) {
+      modResults.push(gName)
+    }
+
+    log(`Added '${gName} to com.apple.security.application-groups`)
+    return nc
+  })
+}
+
+/**
+ * Adds required background modes to the iOS project's Info.plist for Notifee functionality.
+ *
+ * @param {object} c - The Expo configuration object.
+ * @returns {object} - The updated Expo configuration object with added background modes.
+ */
+const addBackgroundModes: ConfigPlugin<NotifeeExpoPluginProps> = (c, props) => {
+  return withInfoPlist(c, (nc) => {
+    //Added this condition so it doesn't add background modes capability without anything selected when the user wants no background modes.
+    if (props.backgroundModes && props.backgroundModes.length === 0) {
+      return nc
+    }
+    if (!Array.isArray(nc.modResults.UIBackgroundModes)) {
+      nc.modResults.UIBackgroundModes = []
+    }
+    if (!props.backgroundModes) {
+      props.backgroundModes = BACKGROUND_MODES_TO_ENABLE
+    }
+    for (const mode of props.backgroundModes) {
+      if (!nc.modResults.UIBackgroundModes.includes(mode)) {
+        nc.modResults.UIBackgroundModes.push(mode)
+      }
+    }
+    log('Added background modes (' + props.backgroundModes.join(', ') + ')')
+    return nc
+  })
+}
+
+/**
+ * Enables communication notifications capability for the iOS project if specified in props.
+ * This includes setting entitlements and adding necessary keys to Info.plist.
+ *
+ * @param {object} c - The Expo configuration object.
+ * @param {NotifeeExpoPluginProps} props - The properties object containing configuration options.
+ * @returns {object} - The updated Expo configuration object with added communication notifications capability.
+ */
+const addCommunicationNotificationsCapability: ConfigPlugin<NotifeeExpoPluginProps> = (c, props) => {
+  if (!props.enableCommunicationNotifications) {
+    return c
+  }
+
+  const updatedConfig = withEntitlementsPlist(c, (nc) => {
+    if (props.enableCommunicationNotifications) {
+      nc.modResults['com.apple.developer.usernotifications.communication'] = true
+    }
+    log('Added communication notifications capability')
+    return nc
+  })
+
+  return withInfoPlist(updatedConfig, (nc) => {
+    if (!Array.isArray(nc.modResults.NSUserActivityTypes)) {
+      nc.modResults.NSUserActivityTypes = []
+    }
+    for (const v of USER_ACTIVITY_TYPES_KEYS) {
+      if (!nc.modResults.NSUserActivityTypes.includes(v)) {
+        nc.modResults.NSUserActivityTypes.push(v)
+      }
+    }
+    log('Added INSendMessageIntent to NSUserActivityTypes for communication notifications')
+    return nc
+  })
+}
+
+/**
+ * Creates and adds a notification service extension target to the Xcode project if it doesn't already exist.
+ * Configures necessary settings and build phases for the extension target.
+ *
+ * @param {object} c - The Expo configuration object.
+ * @param {NotifeeExpoPluginProps} props - The properties object containing configuration options.
+ * @returns {object} - The updated Expo configuration object with the added notification service extension target.
+ */
+const createAndAddNotificationServiceExtensionTarget: ConfigPlugin<NotifeeExpoPluginProps> = (c, props) => {
+  return withXcodeProject(c, (nc) => {
+    const x = nc.modResults
+    if (!!x.pbxTargetByName(EXTENSION_SERVICE_NAME)) {
+      return nc
+    }
+
+    /**
+     * Needed or project with one target won't add notification extension service target
+     * correctly and it will throw cannot install podfiles
+     */
+    const po = x.hash.project.objects
+    po['PBXContainerItemProxy'] = po['PBXTargetDependency'] ?? {}
+    po['PBXTargetDependency'] = po['PBXTargetDependency'] ?? {}
+
+    // Create a new target for the notification service extension
+    const newTargetBundleIdentifier = c.ios?.bundleIdentifier + '.' + EXTENSION_SERVICE_NAME
+    const nt = x.addTarget(EXTENSION_SERVICE_NAME, 'app_extension', EXTENSION_SERVICE_NAME, newTargetBundleIdentifier)
+    // Add necessary files to the new target
+    x.addBuildPhase([], 'PBXFrameworksBuildPhase', 'Frameworks', nt.uuid)
+    x.addBuildPhase([], 'PBXResourcesBuildPhase', 'Resources', nt.uuid)
+    x.addBuildPhase(['NotificationService.swift'], 'PBXSourcesBuildPhase', 'Sources', nt.uuid)
+
+    // Set the info of notification service extension target
+    const config = x.pbxXCBuildConfigurationSection()
+    for (const v in config) {
+      if (!!config[v].buildSettings && config[v].buildSettings.PRODUCT_NAME === `"${EXTENSION_SERVICE_NAME}"`) {
+        config[v].buildSettings = {
+          ...config[v].buildSettings,
+          TARGETED_DEVICE_FAMILY: TARGET_DEVICES,
+          IPHONEOS_DEPLOYMENT_TARGET: props.iosDeploymentTarget ?? DEFAULT_IOS_DEPLOYMENT_TARGET,
+          DEVELOPMENT_TEAM: props.appleDevTeamId,
+          CODE_SIGN_ENTITLEMENTS: `${EXTENSION_SERVICE_NAME}/${EXTENSION_SERVICE_NAME}.entitlements`,
+          CODE_SIGN_STYLE: 'Automatic',
+          SWIFT_VERSION: '5.0',
+        }
+      } else if (!!config[v].buildSettings && config[v].buildSettings.PRODUCT_NAME === `"${c.name}"`) {
+        config[v].buildSettings = {
+          ...config[v].buildSettings,
+          DEVELOPMENT_TEAM: props.appleDevTeamId,
+        }
+      }
+    }
+
+    log(`Created Notification Service Extension (${newTargetBundleIdentifier})`)
+    return nc
+  })
+}
+
+/**
+ * Adds the Notifee target to the Expo app extensions configuration for EAS builds.
+ * Configures the target name, bundle identifier, and entitlements for the Notifee extension.
+ *
+ * @param {object} c - The Expo configuration object.
+ * @returns {object} - The updated Expo configuration object with Notifee target added to app extensions.
+ */
+const addNotifeeTargetToExpoAppExtensions: ConfigPlugin<NotifeeExpoPluginProps> = (c) => {
+  const bundleIdentifier = c.ios?.bundleIdentifier + '.' + EXTENSION_SERVICE_NAME
+
+  const expoAppExtension = {
+    targetName: EXTENSION_SERVICE_NAME,
+    bundleIdentifier,
+    entitlements: {
+      'com.apple.security.application-groups': [
+        `group.${c.ios?.bundleIdentifier}.notifee`,
+        `group.${c.ios?.bundleIdentifier}`,
+      ],
+    },
+  }
+
+  return {
+    ...c,
+    extra: {
+      ...c.extra,
+      eas: {
+        ...c.extra?.eas,
+        build: {
+          ...c.extra?.eas?.build,
+          experimental: {
+            ...c.extra?.eas?.build?.experimental,
+            ios: {
+              ...c.extra?.eas?.build?.experimental?.ios,
+              appExtensions: [...(c.extra?.eas?.build?.experimental?.ios?.appExtensions ?? []), expoAppExtension],
+            },
+          },
+        },
+      },
+    },
+  }
+}
+
+export default {
+  setAPSEnvironment,
+  addCommunicationNotificationsCapability,
+  addBackgroundModes,
+  addNotificationServiceFilesToProject,
+  addNotifeeToPodfile,
+  signAppAndNotificationServiceExtension,
+  createAndAddNotificationServiceExtensionTarget,
+  addNotifeeTargetToExpoAppExtensions,
+  addNotificationServiceGroup,
+}
diff --git a/expo-plugins/notification-service-ios/plugin/types.ts b/expo-plugins/notification-service-ios/plugin/types.ts
new file mode 100644
index 000000000..7c7d1c6cf
--- /dev/null
+++ b/expo-plugins/notification-service-ios/plugin/types.ts
@@ -0,0 +1,63 @@
+/**
+ * Defines the possible types for Notifee Android icons.
+ */
+export type NotifeeAndroidIconType = 'large' | 'small'
+
+/**
+ * Defines the possible environments for Apple Push Notification Service (APNs).
+ */
+export type APSEnvironmentMode = 'production' | 'development'
+
+/**
+ * Describes the properties required for configuring Notifee-Expo-Plugin in an Expo project.
+ */
+export type NotifeeExpoPluginProps = {
+  /**
+   * Sets the APS Environment Entitlement. Determines whether to use the development or production
+   * Apple Push Notification service (APNs).
+   */
+  apsEnvMode: APSEnvironmentMode
+
+  /**
+   * Sets the deployment target of the notification service extension for iOS.
+   * This should match the deployment target of the main app.
+   */
+  iosDeploymentTarget: string
+
+  /**
+   * Specifies the background modes to enable for the app.
+   * If not provided, the default value will be: ["remote-notification"].
+   * On the other hand, an empty array [] will signal to the plugin to skip the backgroundModes step completly.
+   * See possible values here: https://developer.apple.com/documentation/bundleresources/information_property_list/uibackgroundmodes
+   */
+  backgroundModes?: string[]
+
+  /**
+   * Enables communication notifications, which adds the necessary configurations
+   * for communication notifications as mentioned in https://github.com/invertase/notifee/pull/526.
+   */
+  enableCommunicationNotifications?: boolean
+
+  /**
+   * Automatically signs the app and the notification service extension targets with the provided Apple developer team ID.
+   */
+  appleDevTeamId?: string
+
+  /**
+   * Specifies the path to a custom notification service file, which should already include
+   * the necessary configurations for Notifee along with any additional customizations.
+   */
+  customNotificationServiceFilePath?: string
+
+  /**
+   * Specifies the app group identifier to use for sharing data between the main app and the notification service extension.
+   * If not provided, defaults to the main app's bundle identifier app group (group.{bundleIdentifier}).
+   */
+  appGroupIdentifier?: string
+
+  /**
+   * Specifies additional app groups that the notification service extension should have access to.
+   * These will be added to the entitlements in addition to the default notifee app group.
+   */
+  additionalAppGroups?: string[]
+}
diff --git a/expo-plugins/notification-service-ios/plugin/utils.ts b/expo-plugins/notification-service-ios/plugin/utils.ts
new file mode 100644
index 000000000..3ee68a921
--- /dev/null
+++ b/expo-plugins/notification-service-ios/plugin/utils.ts
@@ -0,0 +1,67 @@
+import { NotifeeExpoPluginProps } from './types'
+
+const errorPrefix = 'expo-plugins/notification-service-ios:'
+
+/**
+ * Throws an error prefixed with the package name.
+ *
+ * @param {string} message - The error message.
+ * @throws {Error} Always throws an error.
+ */
+export const throwError = (message: string) => {
+  throw new Error(errorPrefix + message)
+}
+
+/**
+ * Validates the properties passed to the Notifee Expo plugin.
+ *
+ * @param {NotifeeExpoPluginProps} props - The properties to validate.
+ * @throws {Error} If any validation check fails.
+ */
+export const validateProps = (props: NotifeeExpoPluginProps) => {
+  if (!props) {
+    throwError("You need to pass options to this plugin! The props 'apsEnvMode' & 'iosDeploymentTarget' are required!")
+  }
+
+  if (typeof props.iosDeploymentTarget !== 'string') {
+    throwError("'iosDeploymentTarget' needs to be a string!")
+  }
+
+  if (typeof props.apsEnvMode !== 'string') {
+    throwError("'apsEnvMode' needs to be a string!")
+  }
+
+  if (props.appleDevTeamId && typeof props.appleDevTeamId !== 'string') {
+    throwError("'appleDevTeamId' needs to be a string!")
+  }
+
+  if (props.enableCommunicationNotifications && typeof props.enableCommunicationNotifications !== 'boolean') {
+    throwError("'enableCommunicationNotifications' needs to be a boolean!")
+  }
+
+  if (props.customNotificationServiceFilePath && typeof props.customNotificationServiceFilePath !== 'string') {
+    throwError("'customNotificationServiceFilePath' needs to be a string!")
+  }
+
+  if (props.backgroundModes && !Array.isArray(props.backgroundModes)) {
+    throwError("'backgroundModes' needs to be an array!")
+  }
+}
+
+/**
+ * Logs a message to the console with the package name prefixed.
+ *
+ * @param {string} message - The message to log.
+ */
+export const log = (message: string) => {
+  console.log(`${errorPrefix}: ` + message)
+}
+
+/**
+ * Logs an error message to the console with the package name prefixed.
+ *
+ * @param {string} message - The error message to log.
+ */
+export const logError = (message: string) => {
+  console.error(`${errorPrefix}: ` + message)
+}
diff --git a/expo-plugins/notification-service-ios/plugin/withNotifee.ts b/expo-plugins/notification-service-ios/plugin/withNotifee.ts
new file mode 100644
index 000000000..5cb55b44f
--- /dev/null
+++ b/expo-plugins/notification-service-ios/plugin/withNotifee.ts
@@ -0,0 +1,31 @@
+import { ConfigPlugin } from '@expo/config-plugins'
+import { validateProps } from './utils'
+import { NotifeeExpoPluginProps } from './types'
+import NotifeeIos from './ios'
+
+/**
+ * Configures Notifee settings for both Android and iOS platforms in an Expo project.
+ *
+ * @param {object} c - The Expo configuration object.
+ * @param {NotifeeExpoPluginProps} props - The properties required for configuring Notifee-Expo-Plugin.
+ *
+ * @returns {object} - The updated Expo configuration object.
+ */
+const withNotifee: ConfigPlugin<NotifeeExpoPluginProps> = (c, props) => {
+  validateProps(props)
+
+  /** iOS Configuration */
+  c = NotifeeIos.setAPSEnvironment(c, props)
+  c = NotifeeIos.addBackgroundModes(c, props)
+  c = NotifeeIos.addCommunicationNotificationsCapability(c, props)
+  c = NotifeeIos.addNotificationServiceGroup(c, props)
+  c = NotifeeIos.addNotifeeToPodfile(c, props)
+  c = NotifeeIos.addNotificationServiceFilesToProject(c, props)
+  c = NotifeeIos.addNotifeeTargetToExpoAppExtensions(c, props)
+  c = NotifeeIos.createAndAddNotificationServiceExtensionTarget(c, props)
+  c = NotifeeIos.signAppAndNotificationServiceExtension(c, props)
+
+  return c
+}
+
+export default withNotifee
diff --git a/expo-plugins/notification-service-ios/tsconfig.json b/expo-plugins/notification-service-ios/tsconfig.json
new file mode 100644
index 000000000..8777684f3
--- /dev/null
+++ b/expo-plugins/notification-service-ios/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "extends": "expo-module-scripts/tsconfig.plugin",
+  "compilerOptions": {
+    "rootDir": "./plugin",
+    "outDir": "./dist/plugin",
+    "declaration": true
+  },
+  "include": ["./plugin/**/*"],
+  "exclude": ["**/__tests__/*", "**/__mocks__/*"]
+}
diff --git a/jest.config.cjs b/jest.config.cjs
deleted file mode 100644
index 8eb1dc0ed..000000000
--- a/jest.config.cjs
+++ /dev/null
@@ -1,32 +0,0 @@
-const nextJest = require('next/jest')
-
-const createJestConfig = nextJest({
-  // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
-  dir: './',
-})
-
-// Add any custom config to be passed to Jest
-const customJestConfig = {
-  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
-
-  moduleNameMapper: {
-    // Handle module aliases (this will be automatically configured for you soon)
-    '^@/(.*)$': '<rootDir>/src/$1',
-    '^.+\\.(svg)$': '<rootDir>/mocks/svg.js',
-    isows: '<rootDir>/node_modules/isows/_cjs/index.js',
-  },
-  testEnvironment: 'jest-environment-jsdom',
-  testEnvironmentOptions: { url: 'http://localhost/balances?safe=rin:0xb3b83bf204C458B461de9B0CD2739DB152b4fa5A' },
-  globals: {
-    fetch: global.fetch,
-  },
-  coveragePathIgnorePatterns: ['/node_modules/', '/src/tests/', '/src/types/contracts/'],
-}
-
-// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
-module.exports = async () => ({
-  ...(await createJestConfig(customJestConfig)()),
-  transformIgnorePatterns: [
-    'node_modules/(?!(uint8arrays|multiformats|@web3-onboard/common|@walletconnect/(.*)/uint8arrays)/)',
-  ],
-})
diff --git a/jest.setup.js b/jest.setup.js
deleted file mode 100644
index 702bee613..000000000
--- a/jest.setup.js
+++ /dev/null
@@ -1,70 +0,0 @@
-// Optional: configure or set up a testing framework before each test.
-// If you delete this file, remove `setupFilesAfterEnv` from `jest.config.js`
-
-// Used for __tests__/testing-library.js
-// Learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom/extend-expect'
-import { TextEncoder, TextDecoder } from 'util'
-
-jest.mock('@web3-onboard/coinbase', () => jest.fn())
-jest.mock('@web3-onboard/injected-wallets', () => ({ ProviderLabel: { MetaMask: 'MetaMask' } }))
-jest.mock('@web3-onboard/keystone/dist/index', () => jest.fn())
-jest.mock('@web3-onboard/ledger/dist/index', () => jest.fn())
-jest.mock('@web3-onboard/trezor', () => jest.fn())
-jest.mock('@web3-onboard/walletconnect', () => jest.fn())
-
-const mockOnboardState = {
-  chains: [],
-  walletModules: [],
-  wallets: [],
-  accountCenter: {},
-}
-
-jest.mock('@web3-onboard/core', () => () => ({
-  connectWallet: jest.fn(),
-  disconnectWallet: jest.fn(),
-  setChain: jest.fn(),
-  state: {
-    select: (key) => ({
-      subscribe: (next) => {
-        next(mockOnboardState[key])
-
-        return {
-          unsubscribe: jest.fn(),
-        }
-      },
-    }),
-    get: () => mockOnboardState,
-  },
-}))
-
-// to avoid failing tests in some environments
-const NumberFormat = Intl.NumberFormat
-const englishTestLocale = 'en'
-
-// `viem` used by the `safe-apps-sdk` uses `TextEncoder` and `TextDecoder` which are not available in jsdom for some reason
-Object.assign(global, { TextDecoder, TextEncoder })
-
-jest.spyOn(Intl, 'NumberFormat').mockImplementation((locale, ...rest) => new NumberFormat([englishTestLocale], ...rest))
-
-// This is required for jest.spyOn to work with imported modules.
-// After Next 13, imported modules have `configurable: false` for named exports,
-// which means that `jest.spyOn` cannot modify the exported function.
-const defineProperty = Object.defineProperty
-Object.defineProperty = (obj, prop, desc) => {
-  if (prop !== 'prototype') {
-    desc.configurable = true
-  }
-  return defineProperty(obj, prop, desc)
-}
-
-// We need this, otherwise jest will fail with:
-// invalid BytesLike value on createRandom
-// https://github.com/ethers-io/ethers.js/issues/4365
-Object.defineProperty(Uint8Array, Symbol.hasInstance, {
-  value(potentialInstance) {
-    return this === Uint8Array
-      ? Object.prototype.toString.call(potentialInstance) === '[object Uint8Array]'
-      : Uint8Array[Symbol.hasInstance].call(this, potentialInstance)
-  },
-})
diff --git a/next-env.d.ts b/next-env.d.ts
deleted file mode 100644
index 4f11a03dc..000000000
--- a/next-env.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/next.config.mjs b/next.config.mjs
deleted file mode 100644
index f3fc7f9e8..000000000
--- a/next.config.mjs
+++ /dev/null
@@ -1,75 +0,0 @@
-import path from 'path'
-import withBundleAnalyzer from '@next/bundle-analyzer'
-import withPWAInit from '@ducanh2912/next-pwa'
-
-const SERVICE_WORKERS_PATH = './src/service-workers'
-
-const withPWA = withPWAInit({
-  dest: 'public',
-  workboxOptions: {
-    mode: 'production',
-  },
-  reloadOnOnline: false,
-  /* Do not precache anything */
-  publicExcludes: ['**/*'],
-  buildExcludes: [/./],
-  customWorkerSrc: SERVICE_WORKERS_PATH,
-  // Prefer InjectManifest for Web Push
-  swSrc: `${SERVICE_WORKERS_PATH}/index.ts`,
-})
-
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  output: 'export', // static site export
-
-  images: {
-    unoptimized: true,
-  },
-
-  reactStrictMode: false,
-  productionBrowserSourceMaps: true,
-  eslint: {
-    dirs: ['src', 'cypress'],
-  },
-  experimental: {
-    optimizePackageImports: ['@mui/material', '@mui/icons-material', 'lodash', 'date-fns', '@sentry/react', '@gnosis.pm/zodiac'],
-  },
-  webpack(config) {
-    config.module.rules.push({
-      test: /\.svg$/i,
-      issuer: { and: [/\.(js|ts|md)x?$/] },
-      use: [
-        {
-          loader: '@svgr/webpack',
-          options: {
-            prettier: false,
-            svgo: false,
-            svgoConfig: {
-              plugins: [
-                {
-                  name: 'preset-default',
-                  params: {
-                    overrides: { removeViewBox: false },
-                  },
-                },
-              ],
-            },
-            titleProp: true,
-          },
-        },
-      ],
-    })
-
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      'bn.js': path.resolve('./node_modules/bn.js/lib/bn.js'),
-      'mainnet.json': path.resolve('./node_modules/@ethereumjs/common/dist.browser/genesisStates/mainnet.json'),
-    }
-
-    return config
-  },
-}
-
-export default withBundleAnalyzer({
-  enabled: process.env.ANALYZE === 'true',
-})(withPWA(nextConfig))
diff --git a/package.json b/package.json
index bdc61714f..c09c19d85 100644
--- a/package.json
+++ b/package.json
@@ -1,163 +1,55 @@
 {
-  "name": "safe-wallet-web",
-  "homepage": "https://github.com/safe-global/safe-wallet-web",
-  "license": "GPL-3.0",
-  "version": "1.39.2",
-  "type": "module",
+  "private": true,
+  "name": "@safe-global/safe-wallet",
+  "version": "1.0.1",
+  "workspaces": [
+    "expo-plugins/*",
+    "apps/*",
+    "config/*",
+    "packages/*"
+  ],
   "scripts": {
-    "dev": "next dev",
-    "start": "next dev",
-    "build": "next build",
-    "lint": "tsc && next lint",
-    "lint:fix": "next lint --fix",
-    "prettier": "prettier -w \"{src,cypress,mocks,scripts}/**/*.{ts,tsx,css,js}\"",
-    "fix": "yarn lint:fix && ts-prune && yarn prettier",
-    "test": "cross-env TZ=CET DEBUG_PRINT_LIMIT=30000 jest",
-    "test:ci": "yarn test --ci --silent --coverage --json --watchAll=false --testLocationInResults --outputFile=report.json",
-    "test:coverage": "yarn test --coverage --watchAll=false",
-    "cmp": "./scripts/cmp.sh",
-    "routes": "node scripts/generate-routes.js > src/config/routes.ts && prettier -w src/config/routes.ts && cat src/config/routes.ts",
-    "css-vars": "npx -y tsx ./scripts/css-vars.ts > ./src/styles/vars.css && prettier -w src/styles/vars.css",
-    "generate-types": "typechain --target ethers-v6 --out-dir src/types/contracts ./node_modules/@safe-global/safe-deployments/dist/assets/**/*.json ./node_modules/@safe-global/safe-modules-deployments/dist/assets/**/*.json ./node_modules/@openzeppelin/contracts/build/contracts/ERC20.json ./node_modules/@openzeppelin/contracts/build/contracts/ERC721.json",
-    "after-install": "patch-package && yarn generate-types",
-    "postinstall": "patch-package && yarn after-install",
-    "analyze": "cross-env ANALYZE=true yarn build",
-    "cypress:open": "cross-env TZ=UTC cypress open --e2e",
-    "cypress:canary": "cross-env TZ=UTC cypress open --e2e -b chrome:canary",
-    "cypress:run": "cypress run",
-    "cypress:ci": "yarn cypress:run --config baseUrl=http://localhost:8080 --spec cypress/e2e/smoke/*.cy.js",
-    "serve": "npx -y serve out -p ${REVERSE_PROXY_UI_PORT:=8080}",
-    "static-serve": "yarn build && yarn serve",
-    "update-wc": "yarn add @walletconnect/web3wallet@latest @walletconnect/utils@latest; yarn add -D @walletconnect/types@latest",
-    "prepare": "husky",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "engines": {
-    "node": ">=16"
+    "lint": "yarn workspaces foreach --all -pt run lint",
+    "test": "yarn workspaces foreach --all -pt run test",
+    "eslint": "yarn workspaces foreach --all -pt run eslint",
+    "prettier": "prettier --check \"**/*.{js,jsx,ts,tsx,json,md}\"",
+    "prettier:fix": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\"",
+    "prepare": "husky"
   },
   "resolutions": {
-    "@safe-global/safe-core-sdk-types/**/ethers": "^6.11.1",
-    "@safe-global/protocol-kit/**/ethers": "^6.11.1",
-    "@safe-global/api-kit/**/ethers": "^6.11.1",
-    "@gnosis.pm/zodiac/**/ethers": "^6.11.1"
-  },
-  "dependencies": {
-    "@cowprotocol/widget-react": "^0.9.3",
-    "@ducanh2912/next-pwa": "^9.7.1",
-    "@emotion/cache": "^11.11.0",
-    "@emotion/react": "^11.11.0",
-    "@emotion/server": "^11.11.0",
-    "@emotion/styled": "^11.11.0",
-    "@gnosis.pm/zodiac": "^4.0.1",
-    "@mui/icons-material": "^5.14.20",
-    "@mui/material": "^5.14.20",
-    "@mui/x-date-pickers": "^5.0.20",
-    "@reduxjs/toolkit": "^1.9.5",
-    "@safe-global/api-kit": "^2.3.2",
-    "@safe-global/protocol-kit": "^3.1.1",
-    "@safe-global/safe-apps-sdk": "^9.1.0",
-    "@safe-global/safe-deployments": "^1.36.0",
-    "@safe-global/safe-gateway-typescript-sdk": "3.21.8",
-    "@safe-global/safe-modules-deployments": "^1.2.0",
-    "@sentry/react": "^7.91.0",
-    "@spindl-xyz/attribution-lite": "^1.4.0",
-    "@walletconnect/utils": "^2.13.1",
-    "@walletconnect/web3wallet": "^1.12.1",
-    "@web3-onboard/coinbase": "^2.2.6",
-    "@web3-onboard/core": "^2.21.4",
-    "@web3-onboard/injected-wallets": "^2.10.14",
-    "@web3-onboard/keystone": "^2.3.7",
-    "@web3-onboard/ledger": "2.3.2",
-    "@web3-onboard/trezor": "^2.4.2",
-    "@web3-onboard/walletconnect": "^2.5.4",
-    "blo": "^1.1.1",
-    "classnames": "^2.3.1",
-    "date-fns": "^2.30.0",
-    "ethers": "^6.11.1",
-    "exponential-backoff": "^3.1.0",
-    "firebase": "^10.3.1",
-    "fuse.js": "^6.6.2",
-    "idb-keyval": "^6.2.1",
-    "js-cookie": "^3.0.1",
-    "lodash": "^4.17.21",
-    "next": "^14.1.1",
-    "papaparse": "^5.3.2",
-    "qrcode.react": "^3.1.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-dropzone": "^14.2.3",
-    "react-gtm-module": "^2.0.11",
-    "react-hook-form": "7.41.1",
-    "react-papaparse": "^4.0.2",
-    "react-redux": "^8.0.5",
-    "semver": "^7.5.2",
-    "zodiac-roles-deployments": "^2.2.2"
+    "@safe-global/safe-core-sdk-types/ethers": "6.14.3",
+    "@safe-global/protocol-kit/ethers": "6.14.3",
+    "@safe-global/api-kit/ethers": "6.14.3",
+    "@ledgerhq/context-module/ethers": "6.14.3",
+    "@gnosis.pm/zodiac/ethers": "6.14.3",
+    "@ledgerhq/device-signer-kit-ethereum/ethers": "6.14.3",
+    "@cowprotocol/events": "1.3.0",
+    "@ethersproject/signing-key/elliptic": "^6.6.1",
+    "@web3-onboard/hw-common@npm:^2.3.0": "patch:@web3-onboard/hw-common@npm%3A2.3.3#~/.yarn/patches/@web3-onboard-hw-common-npm-2.3.3-e6221f97e4.patch",
+    "@web3-onboard/hw-common@npm:^2.0.4": "patch:@web3-onboard/hw-common@npm%3A2.3.3#~/.yarn/patches/@web3-onboard-hw-common-npm-2.3.3-e6221f97e4.patch",
+    "@safe-global/safe-modules-deployments@npm:^2.2.1": "patch:@safe-global/safe-modules-deployments@npm%3A2.2.6#~/.yarn/patches/@safe-global-safe-modules-deployments-npm-2.2.6-78a093615c.patch",
+    "@safe-global/safe-modules-deployments@npm:^2.2.4": "patch:@safe-global/safe-modules-deployments@npm%3A2.2.6#~/.yarn/patches/@safe-global-safe-modules-deployments-npm-2.2.6-78a093615c.patch",
+    "stylus": "github:stylus/stylus#0.64.0",
+    "@safe-global/safe-modules-deployments@npm:^2.2.12": "patch:@safe-global/safe-modules-deployments@npm%3A2.2.12#~/.yarn/patches/@safe-global-safe-modules-deployments-npm-2.2.12-c30bb15dee.patch",
+    "@safe-global/safe-modules-deployments@npm:^2.2.10": "patch:@safe-global/safe-modules-deployments@npm%3A2.2.12#~/.yarn/patches/@safe-global-safe-modules-deployments-npm-2.2.12-c30bb15dee.patch"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.3.1",
-    "@cowprotocol/app-data": "^2.1.0",
-    "@faker-js/faker": "^8.1.0",
-    "@next/bundle-analyzer": "^13.5.6",
-    "@openzeppelin/contracts": "^4.9.2",
-    "@safe-global/safe-core-sdk-types": "^4.1.1",
-    "@sentry/types": "^7.74.0",
-    "@storybook/addon-designs": "^8.0.0",
-    "@storybook/addon-essentials": "^8.0.6",
-    "@storybook/addon-interactions": "^8.0.6",
-    "@storybook/addon-links": "^8.0.6",
-    "@storybook/addon-onboarding": "^8.0.6",
-    "@storybook/addon-themes": "^8.0.6",
-    "@storybook/blocks": "^8.0.6",
-    "@storybook/nextjs": "^8.0.6",
-    "@storybook/react": "^8.0.6",
-    "@storybook/test": "^8.0.6",
-    "@svgr/webpack": "^6.3.1",
-    "@testing-library/cypress": "^8.0.7",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.3.0",
-    "@testing-library/user-event": "^14.4.2",
-    "@typechain/ethers-v6": "^0.5.1",
-    "@types/jest": "^29.5.4",
-    "@types/js-cookie": "^3.0.2",
-    "@types/lodash": "^4.14.182",
-    "@types/node": "18.11.18",
-    "@types/qrcode": "^1.5.5",
-    "@types/react": "^18.2.75",
-    "@types/react-dom": "^18.2.24",
-    "@types/react-gtm-module": "^2.0.3",
-    "@types/semver": "^7.3.10",
-    "@typescript-eslint/eslint-plugin": "^7.6.0",
-    "@walletconnect/types": "^2.13.1",
-    "cross-env": "^7.0.3",
-    "cypress": "^12.15.0",
-    "cypress-file-upload": "^5.0.8",
-    "eslint": "^8.57.0",
-    "eslint-config-next": "^14.1.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-no-only-tests": "^3.1.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-storybook": "^0.8.0",
-    "eslint-plugin-unused-imports": "^2.0.0",
-    "fake-indexeddb": "^4.0.2",
-    "husky": "^9.0.11",
-    "jest": "^29.6.2",
-    "jest-environment-jsdom": "^29.6.2",
-    "patch-package": "^8.0.0",
-    "postinstall-postinstall": "^2.1.0",
-    "mockdate": "^3.0.5",
-    "prettier": "^2.7.0",
-    "storybook": "^8.0.6",
-    "ts-prune": "^0.10.3",
-    "typechain": "^8.3.2",
-    "typescript": "^5.4.5",
-    "typescript-plugin-css-modules": "^4.2.2",
-    "webpack": "^5.88.2"
+    "husky": "^9.1.6",
+    "lint-staged": "^15.2.10",
+    "msw": "^2.7.3",
+    "prettier": "^3.4.2"
   },
-  "nextBundleAnalysis": {
-    "budget": null,
-    "budgetPercentIncreaseRed": 20,
-    "minimumChangeThreshold": 0,
-    "showDetails": true
+  "dependenciesMeta": {
+    "cypress": {
+      "built": true
+    },
+    "next": {
+      "built": true
+    }
+  },
+  "packageManager": "yarn@4.6.0",
+  "dependencies": {
+    "@yarnpkg/types": "^4.0.1",
+    "react-markdown": "9.0.1"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/store/README.md b/packages/store/README.md
new file mode 100644
index 000000000..e2ce831b0
--- /dev/null
+++ b/packages/store/README.md
@@ -0,0 +1,43 @@
+# @safe-global/store
+
+This is a utility package that deals with the state management of the application. It uses the [Redux Toolkit](https://redux-toolkit.js.org/) to manage the state of the application.
+
+## Usage
+
+The use the generated API you first need to initialiize the baseURL of the API.
+
+```typescript
+import { setBaseUrl } from '@safe-global/store'
+
+setBaseUrl('YOUR_API_BASE_URL')
+```
+
+## Automatic code generation from the Client Gateway's OpenAPI
+
+This package includes a script to generate the necessary boilerplate API code from the Client Gateway (CGW)'s OpenAPI specification using **@rtk-query/codegen-openapi**.
+
+## Prerequisites
+
+1. You've initialized the monorepo and installed all dependencies.
+2. The `openapi-config.ts` file is correctly configured in this package with your OpenAPI specification details.
+3. If you're running your own CGW service, set the `PRODUCTION_CGW_API_URL` env variable.
+
+## Running the Code Generation Script
+
+From the mono-repo root directory, run the following command:
+
+```bash
+yarn workspace @safe-global/store build
+```
+
+or, for staging API:
+
+```bash
+yarn workspace @safe-global/store build:dev
+```
+
+This will:
+
+- Fetch the OpenAPI schema.
+- Use the configuration provided in the `openapi-config.ts` file.
+- Gerate the API code using **@rtk-query/codegen-openapi**.
diff --git a/packages/store/jest.config.js b/packages/store/jest.config.js
new file mode 100644
index 000000000..af7667914
--- /dev/null
+++ b/packages/store/jest.config.js
@@ -0,0 +1,5 @@
+const preset = require('../../config/test/presets/jest-preset')
+
+module.exports = {
+  ...preset,
+}
diff --git a/packages/store/package.json b/packages/store/package.json
new file mode 100644
index 000000000..36ad8bb24
--- /dev/null
+++ b/packages/store/package.json
@@ -0,0 +1,21 @@
+{
+  "private": true,
+  "name": "@safe-global/store",
+  "version": "1.0.0",
+  "scripts": {
+    "test": "jest",
+    "fetch-schema": "ts-node ./scripts/fetch-schema.ts > scripts/api-schema/schema.json",
+    "generate-api": "npx @rtk-query/codegen-openapi scripts/openapi-config.ts",
+    "build": "yarn fetch-schema && yarn generate-api",
+    "build:dev": "NODE_ENV=dev yarn fetch-schema && yarn generate-api",
+    "build:local": "NODE_ENV=local yarn fetch-schema && yarn generate-api"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.5.14",
+    "jest": "^29.7.0"
+  },
+  "dependencies": {
+    "redux-persist": "^6.0.0",
+    "ts-node": "^10.9.2"
+  }
+}
diff --git a/packages/store/scripts/api-schema/schema.json b/packages/store/scripts/api-schema/schema.json
new file mode 100644
index 000000000..8962ffdc7
--- /dev/null
+++ b/packages/store/scripts/api-schema/schema.json
@@ -0,0 +1,10648 @@
+{
+  "openapi": "3.0.0",
+  "paths": {
+    "/about": {
+      "get": {
+        "operationId": "aboutGetAbout",
+        "parameters": [],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/About"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "about"
+        ]
+      }
+    },
+    "/v1/accounts": {
+      "post": {
+        "operationId": "accountsCreateAccountV1",
+        "parameters": [],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/CreateAccountDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/Account"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "accounts"
+        ]
+      }
+    },
+    "/v1/accounts/data-types": {
+      "get": {
+        "operationId": "accountsGetDataTypesV1",
+        "parameters": [],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "type": "array",
+                  "items": {
+                    "$ref": "#/components/schemas/AccountDataType"
+                  }
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "accounts"
+        ]
+      }
+    },
+    "/v1/accounts/{address}/data-settings": {
+      "get": {
+        "operationId": "accountsGetAccountDataSettingsV1",
+        "parameters": [
+          {
+            "name": "address",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "type": "array",
+                  "items": {
+                    "$ref": "#/components/schemas/AccountDataSetting"
+                  }
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "accounts"
+        ]
+      },
+      "put": {
+        "operationId": "accountsUpsertAccountDataSettingsV1",
+        "parameters": [
+          {
+            "name": "address",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/UpsertAccountDataSettingsDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "type": "array",
+                  "items": {
+                    "$ref": "#/components/schemas/AccountDataSetting"
+                  }
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "accounts"
+        ]
+      }
+    },
+    "/v1/accounts/{address}": {
+      "get": {
+        "operationId": "accountsGetAccountV1",
+        "parameters": [
+          {
+            "name": "address",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/Account"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "accounts"
+        ]
+      },
+      "delete": {
+        "operationId": "accountsDeleteAccountV1",
+        "parameters": [
+          {
+            "name": "address",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "204": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "accounts"
+        ]
+      }
+    },
+    "/v1/accounts/{address}/address-books/{chainId}": {
+      "get": {
+        "operationId": "addressBooksGetAddressBookV1",
+        "parameters": [
+          {
+            "name": "address",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/AddressBook"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "accounts"
+        ]
+      },
+      "post": {
+        "operationId": "addressBooksCreateAddressBookItemV1",
+        "parameters": [
+          {
+            "name": "address",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/CreateAddressBookItemDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/AddressBookItem"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "accounts"
+        ]
+      },
+      "delete": {
+        "operationId": "addressBooksDeleteAddressBookV1",
+        "parameters": [
+          {
+            "name": "address",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "accounts"
+        ]
+      }
+    },
+    "/v1/accounts/{address}/address-books/{chainId}/{addressBookItemId}": {
+      "delete": {
+        "operationId": "addressBooksDeleteAddressBookItemV1",
+        "parameters": [
+          {
+            "name": "address",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "addressBookItemId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "accounts"
+        ]
+      }
+    },
+    "/v1/accounts/{address}/counterfactual-safes/{chainId}/{predictedAddress}": {
+      "get": {
+        "operationId": "counterfactualSafesGetCounterfactualSafeV1",
+        "parameters": [
+          {
+            "name": "address",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "predictedAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/CounterfactualSafe"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "accounts"
+        ]
+      },
+      "delete": {
+        "operationId": "counterfactualSafesDeleteCounterfactualSafeV1",
+        "parameters": [
+          {
+            "name": "address",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "predictedAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "accounts"
+        ]
+      }
+    },
+    "/v1/accounts/{address}/counterfactual-safes": {
+      "get": {
+        "operationId": "counterfactualSafesGetCounterfactualSafesV1",
+        "parameters": [
+          {
+            "name": "address",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "type": "array",
+                  "items": {
+                    "$ref": "#/components/schemas/CounterfactualSafe"
+                  }
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "accounts"
+        ]
+      },
+      "put": {
+        "operationId": "counterfactualSafesCreateCounterfactualSafeV1",
+        "parameters": [
+          {
+            "name": "address",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/CreateCounterfactualSafeDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/CounterfactualSafe"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "accounts"
+        ]
+      },
+      "delete": {
+        "operationId": "counterfactualSafesDeleteCounterfactualSafesV1",
+        "parameters": [
+          {
+            "name": "address",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "accounts"
+        ]
+      }
+    },
+    "/v1/auth/nonce": {
+      "get": {
+        "operationId": "authGetNonceV1",
+        "parameters": [],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/AuthNonce"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "auth"
+        ]
+      }
+    },
+    "/v1/auth/verify": {
+      "post": {
+        "operationId": "authVerifyV1",
+        "parameters": [],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/SiweDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "Empty response body. JWT token is set as response cookie."
+          }
+        },
+        "tags": [
+          "auth"
+        ]
+      }
+    },
+    "/v1/auth/logout": {
+      "post": {
+        "operationId": "authLogoutV1",
+        "parameters": [],
+        "responses": {
+          "200": {
+            "description": "Empty response body. Cookie value is removed and set to expire."
+          }
+        },
+        "tags": [
+          "auth"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/safes/{safeAddress}/balances/{fiatCode}": {
+      "get": {
+        "operationId": "balancesGetBalancesV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "fiatCode",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "trusted",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "boolean"
+            }
+          },
+          {
+            "name": "exclude_spam",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "boolean"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/Balances"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "balances"
+        ]
+      }
+    },
+    "/v1/balances/supported-fiat-codes": {
+      "get": {
+        "operationId": "balancesGetSupportedFiatCodesV1",
+        "parameters": [],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "type": "array",
+                  "items": {
+                    "type": "string"
+                  }
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "balances"
+        ]
+      }
+    },
+    "/v1/chains": {
+      "get": {
+        "operationId": "chainsGetChainsV1",
+        "parameters": [
+          {
+            "name": "cursor",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/ChainPage"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "chains"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}": {
+      "get": {
+        "operationId": "chainsGetChainV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/Chain"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "chains"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/about": {
+      "get": {
+        "operationId": "chainsGetAboutChainV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/AboutChain"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "chains"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/about/backbone": {
+      "get": {
+        "operationId": "chainsGetBackboneV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/Backbone"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "chains"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/about/master-copies": {
+      "get": {
+        "operationId": "chainsGetMasterCopiesV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "type": "array",
+                  "items": {
+                    "$ref": "#/components/schemas/MasterCopy"
+                  }
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "chains"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/about/indexing": {
+      "get": {
+        "operationId": "chainsGetIndexingStatusV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/IndexingStatus"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "chains"
+        ]
+      }
+    },
+    "/v2/chains/{chainId}/safes/{safeAddress}/collectibles": {
+      "get": {
+        "operationId": "collectiblesGetCollectiblesV2",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "trusted",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "boolean"
+            }
+          },
+          {
+            "name": "exclude_spam",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "boolean"
+            }
+          },
+          {
+            "name": "cursor",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/CollectiblePage"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "collectibles"
+        ]
+      }
+    },
+    "/v1/community/campaigns": {
+      "get": {
+        "operationId": "communityGetCampaignsV1",
+        "parameters": [
+          {
+            "name": "cursor",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/CampaignPage"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "community"
+        ]
+      }
+    },
+    "/v1/community/campaigns/{resourceId}": {
+      "get": {
+        "operationId": "communityGetCampaignByIdV1",
+        "parameters": [
+          {
+            "name": "resourceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/Campaign"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "community"
+        ]
+      }
+    },
+    "/v1/community/campaigns/{resourceId}/activities": {
+      "get": {
+        "operationId": "communityGetCampaignActivitiesV1",
+        "parameters": [
+          {
+            "name": "resourceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "holder",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "cursor",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "community"
+        ]
+      }
+    },
+    "/v1/community/campaigns/{resourceId}/leaderboard": {
+      "get": {
+        "operationId": "communityGetCampaignLeaderboardV1",
+        "parameters": [
+          {
+            "name": "resourceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "cursor",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/CampaignRankPage"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "community"
+        ]
+      }
+    },
+    "/v1/community/campaigns/{resourceId}/leaderboard/{safeAddress}": {
+      "get": {
+        "operationId": "communityGetCampaignRankV1",
+        "parameters": [
+          {
+            "name": "resourceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/CampaignRank"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "community"
+        ]
+      }
+    },
+    "/v1/community/eligibility": {
+      "post": {
+        "operationId": "communityCheckEligibilityV1",
+        "parameters": [],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/EligibilityRequest"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/Eligibility"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "community"
+        ]
+      }
+    },
+    "/v1/community/locking/leaderboard": {
+      "get": {
+        "operationId": "communityGetLeaderboardV1",
+        "parameters": [
+          {
+            "name": "cursor",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/LockingRankPage"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "community"
+        ]
+      }
+    },
+    "/v1/community/locking/{safeAddress}/rank": {
+      "get": {
+        "operationId": "communityGetLockingRankV1",
+        "parameters": [
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/LockingRank"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "community"
+        ]
+      }
+    },
+    "/v1/community/locking/{safeAddress}/history": {
+      "get": {
+        "operationId": "communityGetLockingHistoryV1",
+        "parameters": [
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "cursor",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/LockingEventPage"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "community"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/contracts/{contractAddress}": {
+      "get": {
+        "operationId": "contractsGetContractV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "contractAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/Contract"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "contracts"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/data-decoder": {
+      "post": {
+        "operationId": "dataDecodedGetDataDecodedV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/TransactionDataDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/DataDecoded"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "data-decoded"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/delegates": {
+      "get": {
+        "deprecated": true,
+        "operationId": "delegatesGetDelegatesV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safe",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "delegate",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "delegator",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "label",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "cursor",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/DelegatePage"
+                }
+              }
+            }
+          }
+        },
+        "summary": "",
+        "tags": [
+          "delegates"
+        ]
+      },
+      "post": {
+        "deprecated": true,
+        "operationId": "delegatesPostDelegateV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/CreateDelegateDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "summary": "",
+        "tags": [
+          "delegates"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/delegates/{delegateAddress}": {
+      "delete": {
+        "deprecated": true,
+        "operationId": "delegatesDeleteDelegateV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "delegateAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/DeleteDelegateDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "summary": "",
+        "tags": [
+          "delegates"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/safes/{safeAddress}/delegates/{delegateAddress}": {
+      "delete": {
+        "deprecated": true,
+        "operationId": "delegatesDeleteSafeDelegateV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/DeleteSafeDelegateDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "summary": "",
+        "tags": [
+          "delegates"
+        ]
+      }
+    },
+    "/v2/chains/{chainId}/delegates": {
+      "get": {
+        "operationId": "delegatesGetDelegatesV2",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safe",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "delegate",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "delegator",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "label",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "cursor",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/DelegatePage"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "delegates"
+        ]
+      },
+      "post": {
+        "operationId": "delegatesPostDelegateV2",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/CreateDelegateDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "delegates"
+        ]
+      }
+    },
+    "/v2/chains/{chainId}/delegates/{delegateAddress}": {
+      "delete": {
+        "operationId": "delegatesDeleteDelegateV2",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "delegateAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/DeleteDelegateV2Dto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "delegates"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/safes/{safeAddress}/recovery": {
+      "post": {
+        "operationId": "recoveryAddRecoveryModuleV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/AddRecoveryModuleDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "recovery"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/safes/{safeAddress}/recovery/{moduleAddress}": {
+      "delete": {
+        "operationId": "recoveryDeleteRecoveryModuleV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "moduleAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "204": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "recovery"
+        ]
+      }
+    },
+    "/v2/chains/{chainId}/safes/{address}/multisig-transactions/estimations": {
+      "post": {
+        "operationId": "estimationsGetEstimationV2",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "address",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/GetEstimationDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/EstimationResponse"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "estimations"
+        ]
+      }
+    },
+    "/v2/register/notifications": {
+      "post": {
+        "operationId": "notificationsUpsertSubscriptionsV2",
+        "parameters": [],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/UpsertSubscriptionsDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "201": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "notifications"
+        ]
+      }
+    },
+    "/v2/chains/{chainId}/notifications/devices/{deviceUuid}/safes/{safeAddress}": {
+      "get": {
+        "operationId": "notificationsGetSafeSubscriptionV2",
+        "parameters": [
+          {
+            "name": "deviceUuid",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "notifications"
+        ]
+      },
+      "delete": {
+        "operationId": "notificationsDeleteSubscriptionV2",
+        "parameters": [
+          {
+            "name": "deviceUuid",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "notifications"
+        ]
+      }
+    },
+    "/v2/notifications/subscriptions": {
+      "delete": {
+        "description": "Delete all subscriptions of a Safe on a device. This will delete all subscriptions of a Safe on a device for all chains passed in the request body.",
+        "operationId": "notificationsDeleteAllSubscriptionsV2",
+        "parameters": [],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/DeleteAllSubscriptionsDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "404": {
+            "description": "No subscription was found"
+          },
+          "422": {
+            "description": "The request body is invalid"
+          }
+        },
+        "summary": "Delete all subscriptions of a device",
+        "tags": [
+          "notifications"
+        ]
+      }
+    },
+    "/v2/chains/{chainId}/notifications/devices/{deviceUuid}": {
+      "delete": {
+        "operationId": "notificationsDeleteDeviceV2",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "deviceUuid",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "notifications"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/messages/{messageHash}": {
+      "get": {
+        "operationId": "messagesGetMessageByHashV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "messageHash",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/Message"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "messages"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/safes/{safeAddress}/messages": {
+      "get": {
+        "operationId": "messagesGetMessagesBySafeV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "cursor",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/MessagePage"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "messages"
+        ]
+      },
+      "post": {
+        "operationId": "messagesCreateMessageV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/CreateMessageDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "messages"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/messages/{messageHash}/signatures": {
+      "post": {
+        "operationId": "messagesUpdateMessageSignatureV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "messageHash",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/UpdateMessageSignatureDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "messages"
+        ]
+      }
+    },
+    "/v1/register/notifications": {
+      "post": {
+        "deprecated": true,
+        "operationId": "notificationsRegisterDeviceV1",
+        "parameters": [],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/RegisterDeviceDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "summary": "",
+        "tags": [
+          "notifications"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/notifications/devices/{uuid}": {
+      "delete": {
+        "deprecated": true,
+        "operationId": "notificationsUnregisterDeviceV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "uuid",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "summary": "",
+        "tags": [
+          "notifications"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/notifications/devices/{uuid}/safes/{safeAddress}": {
+      "delete": {
+        "deprecated": true,
+        "operationId": "notificationsUnregisterSafeV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "uuid",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "summary": "",
+        "tags": [
+          "notifications"
+        ]
+      }
+    },
+    "/v1/users": {
+      "get": {
+        "operationId": "usersGetWithWalletsV1",
+        "parameters": [],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/UserWithWallets"
+                }
+              }
+            }
+          },
+          "401": {
+            "description": "Signer address not provided"
+          },
+          "404": {
+            "description": "User (wallet) not found"
+          }
+        },
+        "tags": [
+          "users"
+        ]
+      },
+      "delete": {
+        "operationId": "usersDeleteV1",
+        "parameters": [],
+        "responses": {
+          "200": {
+            "description": "User deleted"
+          },
+          "401": {
+            "description": "Signer address not provided"
+          },
+          "404": {
+            "description": "User (wallet) not found"
+          }
+        },
+        "tags": [
+          "users"
+        ]
+      }
+    },
+    "/v1/users/wallet": {
+      "post": {
+        "operationId": "usersCreateWithWalletV1",
+        "parameters": [],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/CreatedUserWithWallet"
+                }
+              }
+            }
+          },
+          "401": {
+            "description": "Signer address not provided"
+          },
+          "409": {
+            "description": "Wallet already exists"
+          }
+        },
+        "tags": [
+          "users"
+        ]
+      }
+    },
+    "/v1/users/wallet/add": {
+      "post": {
+        "operationId": "usersAddWalletToUserV1",
+        "parameters": [],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/SiweDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/WalletAddedToUser"
+                }
+              }
+            }
+          },
+          "401": {
+            "description": "Signer address not provided OR invalid message/signature"
+          },
+          "404": {
+            "description": "User not found"
+          },
+          "409": {
+            "description": "Wallet already exists"
+          }
+        },
+        "tags": [
+          "users"
+        ]
+      }
+    },
+    "/v1/users/wallet/{walletAddress}": {
+      "delete": {
+        "operationId": "usersDeleteWalletFromUserV1",
+        "parameters": [
+          {
+            "name": "walletAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "Wallet removed from user and deleted"
+          },
+          "401": {
+            "description": "Signer address not provided"
+          },
+          "404": {
+            "description": "User OR provided wallet not found"
+          },
+          "409": {
+            "description": "Cannot remove the current wallet"
+          }
+        },
+        "tags": [
+          "users"
+        ]
+      }
+    },
+    "/v1/spaces/{spaceId}/address-book": {
+      "get": {
+        "operationId": "addressBooksGetAddressBookItemsV1",
+        "parameters": [
+          {
+            "name": "spaceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "Address Book Items found",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/SpaceAddressBookDto"
+                }
+              }
+            }
+          },
+          "401": {
+            "description": "Signer address not provided"
+          },
+          "403": {
+            "description": "Signer not authorized."
+          },
+          "404": {
+            "description": "User, member or space not found"
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      },
+      "put": {
+        "operationId": "addressBooksUpsertAddressBookItemsV1",
+        "parameters": [
+          {
+            "name": "spaceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/UpsertAddressBookItemsDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "Address Book updated",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/SpaceAddressBookDto"
+                }
+              }
+            }
+          },
+          "400": {
+            "description": "Address book items limit exceeded."
+          },
+          "401": {
+            "description": "Signer address not provided"
+          },
+          "403": {
+            "description": "Signer not authorized."
+          },
+          "404": {
+            "description": "User, member or space not found"
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      }
+    },
+    "/v1/spaces/{spaceId}/address-book/{address}": {
+      "delete": {
+        "operationId": "addressBooksDeleteByAddressV1",
+        "parameters": [
+          {
+            "name": "spaceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          },
+          {
+            "name": "address",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "Address book item deleted"
+          },
+          "403": {
+            "description": "Signer address not present or not authorized"
+          },
+          "404": {
+            "description": "User, member or Space not found"
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      }
+    },
+    "/v1/spaces": {
+      "post": {
+        "operationId": "spacesCreateV1",
+        "parameters": [],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/CreateSpaceDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "Space created",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/CreateSpaceResponse"
+                }
+              }
+            }
+          },
+          "401": {
+            "description": "Signer address not provided"
+          },
+          "403": {
+            "description": "Forbidden resource"
+          },
+          "404": {
+            "description": "User not found."
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      },
+      "get": {
+        "operationId": "spacesGetV1",
+        "parameters": [],
+        "responses": {
+          "200": {
+            "description": "Spaces found",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "type": "array",
+                  "items": {
+                    "$ref": "#/components/schemas/GetSpaceResponse"
+                  }
+                }
+              }
+            }
+          },
+          "401": {
+            "description": "Signer address not provided"
+          },
+          "403": {
+            "description": "Forbidden resource"
+          },
+          "404": {
+            "description": "User not found."
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      }
+    },
+    "/v1/spaces/create-with-user": {
+      "post": {
+        "operationId": "spacesCreateWithUserV1",
+        "parameters": [],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/CreateSpaceDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "Space created",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/CreateSpaceResponse"
+                }
+              }
+            }
+          },
+          "401": {
+            "description": "Signer address not provided"
+          },
+          "403": {
+            "description": "Forbidden resource"
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      }
+    },
+    "/v1/spaces/{id}": {
+      "get": {
+        "operationId": "spacesGetOneV1",
+        "parameters": [
+          {
+            "name": "id",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "Space found",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/GetSpaceResponse"
+                }
+              }
+            }
+          },
+          "401": {
+            "description": "Signer address not provided"
+          },
+          "403": {
+            "description": "Forbidden resource"
+          },
+          "404": {
+            "description": "Space not found. OR User not found."
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      },
+      "patch": {
+        "operationId": "spacesUpdateV1",
+        "parameters": [
+          {
+            "name": "id",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/UpdateSpaceDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "Space updated",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/UpdateSpaceResponse"
+                }
+              }
+            }
+          },
+          "401": {
+            "description": "Signer address not provided OR User is unauthorized"
+          },
+          "403": {
+            "description": "Forbidden resource"
+          },
+          "404": {
+            "description": "User not found."
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      },
+      "delete": {
+        "operationId": "spacesDeleteV1",
+        "parameters": [
+          {
+            "name": "id",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "responses": {
+          "204": {
+            "description": "Spaces deleted"
+          },
+          "401": {
+            "description": "Signer address not provided OR User is unauthorized"
+          },
+          "403": {
+            "description": "Forbidden resource"
+          },
+          "404": {
+            "description": "User not found."
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      }
+    },
+    "/v1/spaces/{spaceId}/safes": {
+      "post": {
+        "operationId": "spaceSafesCreateV1",
+        "parameters": [
+          {
+            "name": "spaceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/CreateSpaceSafesDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "201": {
+            "description": "Safes created successfully"
+          },
+          "401": {
+            "description": "User unauthorize OR signer address not provided"
+          },
+          "404": {
+            "description": "User not found."
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      },
+      "get": {
+        "operationId": "spaceSafesGetV1",
+        "parameters": [
+          {
+            "name": "spaceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "Safes fetched successfully",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/GetSpaceSafeResponse"
+                }
+              }
+            }
+          },
+          "401": {
+            "description": "User unauthorized OR signer address not provided"
+          },
+          "404": {
+            "description": "User not found."
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      },
+      "delete": {
+        "operationId": "spaceSafesDeleteV1",
+        "parameters": [
+          {
+            "name": "spaceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/DeleteSpaceSafesDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "204": {
+            "description": "Safes deleted successfully"
+          },
+          "401": {
+            "description": "User unauthorized OR signer address not provided"
+          },
+          "404": {
+            "description": "Space has no Safes OR user not found."
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      }
+    },
+    "/v1/spaces/{spaceId}/members/invite": {
+      "post": {
+        "operationId": "membersInviteUserV1",
+        "parameters": [
+          {
+            "name": "spaceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/InviteUsersDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "Users invited",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "type": "array",
+                  "items": {
+                    "$ref": "#/components/schemas/Invitation"
+                  }
+                }
+              }
+            }
+          },
+          "401": {
+            "description": "User not admin OR signer address not provided OR member is not active"
+          },
+          "403": {
+            "description": "User not authorized"
+          },
+          "409": {
+            "description": "Too many invites"
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      }
+    },
+    "/v1/spaces/{spaceId}/members/accept": {
+      "post": {
+        "operationId": "membersAcceptInviteV1",
+        "parameters": [
+          {
+            "name": "spaceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/AcceptInviteDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "Invite accepted"
+          },
+          "403": {
+            "description": "Signer not authorized"
+          },
+          "404": {
+            "description": "Signer, space or membership not found"
+          },
+          "409": {
+            "description": "User invite not pending"
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      }
+    },
+    "/v1/spaces/{spaceId}/members/decline": {
+      "post": {
+        "operationId": "membersDeclineInviteV1",
+        "parameters": [
+          {
+            "name": "spaceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "Invite declined"
+          },
+          "403": {
+            "description": "Signer not authorized"
+          },
+          "404": {
+            "description": "Signer, space or membership not found"
+          },
+          "409": {
+            "description": "User invite not pending"
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      }
+    },
+    "/v1/spaces/{spaceId}/members": {
+      "get": {
+        "operationId": "membersGetUsersV1",
+        "parameters": [
+          {
+            "name": "spaceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "Space and members list",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/MembersDto"
+                }
+              }
+            }
+          },
+          "403": {
+            "description": "Signer not authorized"
+          },
+          "404": {
+            "description": "Signer or space not found"
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      },
+      "delete": {
+        "description": "Remove own membership from a space.",
+        "operationId": "membersSelfRemoveV1",
+        "parameters": [
+          {
+            "name": "spaceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "Membership deleted"
+          },
+          "401": {
+            "description": "Signer address not provided"
+          },
+          "403": {
+            "description": "Signer not authorized"
+          },
+          "404": {
+            "description": "Signer or space not found"
+          },
+          "409": {
+            "description": "Cannot remove last admin"
+          }
+        },
+        "summary": "Leave a space",
+        "tags": [
+          "spaces"
+        ]
+      }
+    },
+    "/v1/spaces/{spaceId}/members/{userId}/role": {
+      "patch": {
+        "operationId": "membersUpdateRoleV1",
+        "parameters": [
+          {
+            "name": "spaceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          },
+          {
+            "name": "userId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/UpdateRoleDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "Role updated"
+          },
+          "401": {
+            "description": "Signer not active or admin"
+          },
+          "403": {
+            "description": "Signer not authorized"
+          },
+          "404": {
+            "description": "Signer, space or signer/user-to-update membership not found"
+          },
+          "409": {
+            "description": "Cannot remove last admin"
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      }
+    },
+    "/v1/spaces/{spaceId}/members/alias": {
+      "patch": {
+        "description": "Update the alias of the authenticated member in a space. Users can only update their own alias.",
+        "operationId": "membersUpdateAliasV1",
+        "parameters": [
+          {
+            "name": "spaceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/UpdateMemberAliasDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "Alias updated"
+          },
+          "403": {
+            "description": "Signer not authorized"
+          },
+          "404": {
+            "description": "Signer, space or member not found"
+          }
+        },
+        "summary": "Update member alias",
+        "tags": [
+          "spaces"
+        ]
+      }
+    },
+    "/v1/spaces/{spaceId}/members/{userId}": {
+      "delete": {
+        "operationId": "membersRemoveUserV1",
+        "parameters": [
+          {
+            "name": "spaceId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          },
+          {
+            "name": "userId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "Membership deleted"
+          },
+          "401": {
+            "description": "Signer not active or admin"
+          },
+          "403": {
+            "description": "Signer not authorized"
+          },
+          "404": {
+            "description": "Signer or space not found"
+          },
+          "409": {
+            "description": "Cannot remove last admin"
+          }
+        },
+        "tags": [
+          "spaces"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/owners/{ownerAddress}/safes": {
+      "get": {
+        "operationId": "ownersGetSafesByOwnerV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "ownerAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/SafeList"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "owners"
+        ]
+      }
+    },
+    "/v1/owners/{ownerAddress}/safes": {
+      "get": {
+        "deprecated": true,
+        "operationId": "ownersGetAllSafesByOwnerV1",
+        "parameters": [
+          {
+            "name": "ownerAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/SafeList"
+                }
+              }
+            }
+          }
+        },
+        "summary": "Deprecated",
+        "tags": [
+          "owners"
+        ]
+      }
+    },
+    "/v2/owners/{ownerAddress}/safes": {
+      "get": {
+        "operationId": "ownersGetAllSafesByOwnerV2",
+        "parameters": [
+          {
+            "name": "ownerAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "type": "object",
+                  "additionalProperties": {
+                    "type": "array",
+                    "items": {
+                      "type": "string"
+                    }
+                  }
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "owners"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/relay": {
+      "post": {
+        "operationId": "relayRelayV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/RelayDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/Relay"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "relay"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/relay/{safeAddress}": {
+      "get": {
+        "operationId": "relayGetRelaysRemainingV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/RelaysRemaining"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "relay"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/safe-apps": {
+      "get": {
+        "operationId": "safeAppsGetSafeAppsV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "clientUrl",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "url",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "type": "array",
+                  "items": {
+                    "$ref": "#/components/schemas/SafeApp"
+                  }
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "safe-apps"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/safes/{safeAddress}": {
+      "get": {
+        "operationId": "safesGetSafeV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/SafeState"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "safes"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/safes/{safeAddress}/nonces": {
+      "get": {
+        "operationId": "safesGetNoncesV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/SafeNonces"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "safes"
+        ]
+      }
+    },
+    "/v1/safes": {
+      "get": {
+        "operationId": "safesGetSafeOverviewV1",
+        "parameters": [
+          {
+            "name": "currency",
+            "required": true,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safes",
+            "required": true,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "trusted",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "boolean"
+            }
+          },
+          {
+            "name": "exclude_spam",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "boolean"
+            }
+          },
+          {
+            "name": "wallet_address",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "type": "array",
+                  "items": {
+                    "$ref": "#/components/schemas/SafeOverview"
+                  }
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "safes"
+        ]
+      }
+    },
+    "/v1/targeted-messaging/outreaches/{outreachId}/chains/{chainId}/safes/{safeAddress}": {
+      "get": {
+        "operationId": "targetedMessagingGetTargetedSafeV1",
+        "parameters": [
+          {
+            "name": "outreachId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          },
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/TargetedSafe"
+                }
+              }
+            }
+          },
+          "404": {
+            "description": "Safe not targeted."
+          }
+        },
+        "tags": [
+          "targeted-messaging"
+        ]
+      }
+    },
+    "/v1/targeted-messaging/outreaches/{outreachId}/chains/{chainId}/safes/{safeAddress}/signers/{signerAddress}/submissions": {
+      "get": {
+        "operationId": "targetedMessagingGetSubmissionV1",
+        "parameters": [
+          {
+            "name": "outreachId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          },
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "signerAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/Submission"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "targeted-messaging"
+        ]
+      },
+      "post": {
+        "operationId": "targetedMessagingCreateSubmissionV1",
+        "parameters": [
+          {
+            "name": "outreachId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "number"
+            }
+          },
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "signerAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/CreateSubmissionDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "201": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/Submission"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "targeted-messaging"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/transactions/{id}": {
+      "get": {
+        "operationId": "transactionsGetTransactionByIdV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "id",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/TransactionDetails"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "transactions"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/multisig-transactions/{safeTxHash}/raw": {
+      "get": {
+        "deprecated": true,
+        "operationId": "transactionsGetDomainMultisigTransactionBySafeTxHashV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeTxHash",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/TXSMultisigTransaction"
+                }
+              }
+            }
+          }
+        },
+        "summary": "Deprecated",
+        "tags": [
+          "transactions"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/safes/{safeAddress}/multisig-transactions/raw": {
+      "get": {
+        "deprecated": true,
+        "operationId": "transactionsGetDomainMultisigTransactionsV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "failed",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "boolean"
+            }
+          },
+          {
+            "name": "modified__lt",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "modified__gt",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "modified__lte",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "modified__gte",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "nonce__lt",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "number"
+            }
+          },
+          {
+            "name": "nonce__gt",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "number"
+            }
+          },
+          {
+            "name": "nonce__lte",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "number"
+            }
+          },
+          {
+            "name": "nonce__gte",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "number"
+            }
+          },
+          {
+            "name": "nonce",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "number"
+            }
+          },
+          {
+            "name": "safe_tx_hash",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "to",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "value__lt",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "number"
+            }
+          },
+          {
+            "name": "value__gt",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "number"
+            }
+          },
+          {
+            "name": "value",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "number"
+            }
+          },
+          {
+            "name": "executed",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "boolean"
+            }
+          },
+          {
+            "name": "has_confirmations",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "boolean"
+            }
+          },
+          {
+            "name": "trusted",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "boolean"
+            }
+          },
+          {
+            "name": "execution_date__gte",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "execution_date__lte",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "submission_date__gte",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "submission_date__lte",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "transaction_hash",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "ordering",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "limit",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "number"
+            }
+          },
+          {
+            "name": "offset",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "number"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/TXSMultisigTransactionPage"
+                }
+              }
+            }
+          }
+        },
+        "summary": "Deprecated",
+        "tags": [
+          "transactions"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/safes/{safeAddress}/multisig-transactions": {
+      "get": {
+        "operationId": "transactionsGetMultisigTransactionsV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "execution_date__gte",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "execution_date__lte",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "to",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "value",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "nonce",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "executed",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "boolean"
+            }
+          },
+          {
+            "name": "cursor",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/MultisigTransactionPage"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "transactions"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/transactions/{safeTxHash}": {
+      "delete": {
+        "operationId": "transactionsDeleteTransactionV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeTxHash",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/DeleteTransactionDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "tags": [
+          "transactions"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/safes/{safeAddress}/module-transactions": {
+      "get": {
+        "operationId": "transactionsGetModuleTransactionsV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "to",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "module",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "transaction_hash",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "cursor",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/ModuleTransactionPage"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "transactions"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/transactions/{safeTxHash}/confirmations": {
+      "post": {
+        "operationId": "transactionsAddConfirmationV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeTxHash",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/AddConfirmationDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/Transaction"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "transactions"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/safes/{safeAddress}/incoming-transfers": {
+      "get": {
+        "operationId": "transactionsGetIncomingTransfersV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "trusted",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "boolean"
+            }
+          },
+          {
+            "name": "execution_date__gte",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "execution_date__lte",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "to",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "value",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "token_address",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "cursor",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/IncomingTransferPage"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "transactions"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/transactions/{safeAddress}/preview": {
+      "post": {
+        "operationId": "transactionsPreviewTransactionV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/PreviewTransactionDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/TransactionPreview"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "transactions"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/safes/{safeAddress}/transactions/queued": {
+      "get": {
+        "operationId": "transactionsGetTransactionQueueV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "trusted",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "boolean"
+            }
+          },
+          {
+            "name": "cursor",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/QueuedItemPage"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "transactions"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/safes/{safeAddress}/transactions/history": {
+      "get": {
+        "operationId": "transactionsGetTransactionsHistoryV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "timezone_offset",
+            "required": false,
+            "in": "query",
+            "deprecated": true,
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "trusted",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "boolean"
+            }
+          },
+          {
+            "name": "imitation",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "boolean"
+            }
+          },
+          {
+            "name": "timezone",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "cursor",
+            "required": false,
+            "in": "query",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/TransactionItemPage"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "transactions"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/transactions/{safeAddress}/propose": {
+      "post": {
+        "operationId": "transactionsProposeTransactionV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/ProposeTransactionDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/Transaction"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "transactions"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/safes/{safeAddress}/transactions/creation": {
+      "get": {
+        "operationId": "transactionsGetCreationTransactionV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/CreationTransaction"
+                }
+              }
+            }
+          }
+        },
+        "tags": [
+          "transactions"
+        ]
+      }
+    },
+    "/v1/chains/{chainId}/safes/{safeAddress}/creation/raw": {
+      "get": {
+        "deprecated": true,
+        "operationId": "transactionsGetDomainCreationTransactionV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "safeAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/TXSCreationTransaction"
+                }
+              }
+            }
+          }
+        },
+        "summary": "Deprecated",
+        "tags": [
+          "transactions"
+        ]
+      }
+    }
+  },
+  "info": {
+    "title": "Safe Client Gateway",
+    "description": "",
+    "version": "",
+    "contact": {}
+  },
+  "tags": [],
+  "servers": [],
+  "components": {
+    "schemas": {
+      "About": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "version": {
+            "type": "string",
+            "nullable": true
+          },
+          "buildNumber": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "name"
+        ]
+      },
+      "CreateAccountDto": {
+        "type": "object",
+        "properties": {
+          "address": {
+            "type": "string",
+            "minLength": 3,
+            "maxLength": 30
+          },
+          "name": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "address",
+          "name"
+        ]
+      },
+      "Account": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "string"
+          },
+          "groupId": {
+            "type": "string",
+            "nullable": true
+          },
+          "address": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "id",
+          "address",
+          "name"
+        ]
+      },
+      "AccountDataType": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "description": {
+            "type": "string",
+            "nullable": true
+          },
+          "isActive": {
+            "type": "boolean"
+          }
+        },
+        "required": [
+          "id",
+          "name",
+          "isActive"
+        ]
+      },
+      "AccountDataSetting": {
+        "type": "object",
+        "properties": {
+          "dataTypeId": {
+            "type": "string"
+          },
+          "enabled": {
+            "type": "boolean"
+          }
+        },
+        "required": [
+          "dataTypeId",
+          "enabled"
+        ]
+      },
+      "UpsertAccountDataSettingDto": {
+        "type": "object",
+        "properties": {
+          "dataTypeId": {
+            "type": "string"
+          },
+          "enabled": {
+            "type": "boolean"
+          }
+        },
+        "required": [
+          "dataTypeId",
+          "enabled"
+        ]
+      },
+      "UpsertAccountDataSettingsDto": {
+        "type": "object",
+        "properties": {
+          "accountDataSettings": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/UpsertAccountDataSettingDto"
+            }
+          }
+        },
+        "required": [
+          "accountDataSettings"
+        ]
+      },
+      "AddressBookItem": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "address": {
+            "type": "string"
+          },
+          "chainIds": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          }
+        },
+        "required": [
+          "name",
+          "address",
+          "chainIds"
+        ]
+      },
+      "AddressBook": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "string"
+          },
+          "accountId": {
+            "type": "string"
+          },
+          "chainId": {
+            "type": "string"
+          },
+          "data": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/AddressBookItem"
+            }
+          }
+        },
+        "required": [
+          "id",
+          "accountId",
+          "chainId",
+          "data"
+        ]
+      },
+      "CreateAddressBookItemDto": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "minLength": 3,
+            "maxLength": 30
+          },
+          "address": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "name",
+          "address"
+        ]
+      },
+      "CounterfactualSafe": {
+        "type": "object",
+        "properties": {
+          "chainId": {
+            "type": "string"
+          },
+          "creator": {
+            "type": "string"
+          },
+          "fallbackHandler": {
+            "type": "string"
+          },
+          "owners": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          },
+          "predictedAddress": {
+            "type": "string"
+          },
+          "saltNonce": {
+            "type": "string"
+          },
+          "singletonAddress": {
+            "type": "string"
+          },
+          "threshold": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "chainId",
+          "creator",
+          "fallbackHandler",
+          "owners",
+          "predictedAddress",
+          "saltNonce",
+          "singletonAddress",
+          "threshold"
+        ]
+      },
+      "CreateCounterfactualSafeDto": {
+        "type": "object",
+        "properties": {
+          "chainId": {
+            "type": "string"
+          },
+          "fallbackHandler": {
+            "type": "string"
+          },
+          "owners": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          },
+          "predictedAddress": {
+            "type": "string"
+          },
+          "saltNonce": {
+            "type": "string"
+          },
+          "singletonAddress": {
+            "type": "string"
+          },
+          "threshold": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "chainId",
+          "fallbackHandler",
+          "owners",
+          "predictedAddress",
+          "saltNonce",
+          "singletonAddress",
+          "threshold"
+        ]
+      },
+      "AuthNonce": {
+        "type": "object",
+        "properties": {
+          "nonce": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "nonce"
+        ]
+      },
+      "SiweDto": {
+        "type": "object",
+        "properties": {
+          "message": {
+            "type": "string"
+          },
+          "signature": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "message",
+          "signature"
+        ]
+      },
+      "NativeToken": {
+        "type": "object",
+        "properties": {
+          "address": {
+            "type": "string"
+          },
+          "decimals": {
+            "type": "number"
+          },
+          "logoUri": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "symbol": {
+            "type": "string"
+          },
+          "type": {
+            "type": "string",
+            "enum": [
+              "NATIVE_TOKEN"
+            ]
+          }
+        },
+        "required": [
+          "address",
+          "decimals",
+          "logoUri",
+          "name",
+          "symbol",
+          "type"
+        ]
+      },
+      "Erc20Token": {
+        "type": "object",
+        "properties": {
+          "address": {
+            "type": "string"
+          },
+          "decimals": {
+            "type": "number"
+          },
+          "logoUri": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "symbol": {
+            "type": "string"
+          },
+          "type": {
+            "type": "string",
+            "enum": [
+              "ERC20"
+            ]
+          }
+        },
+        "required": [
+          "address",
+          "decimals",
+          "logoUri",
+          "name",
+          "symbol",
+          "type"
+        ]
+      },
+      "Erc721Token": {
+        "type": "object",
+        "properties": {
+          "address": {
+            "type": "string"
+          },
+          "decimals": {
+            "type": "number"
+          },
+          "logoUri": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "symbol": {
+            "type": "string"
+          },
+          "type": {
+            "type": "string",
+            "enum": [
+              "ERC721"
+            ]
+          }
+        },
+        "required": [
+          "address",
+          "decimals",
+          "logoUri",
+          "name",
+          "symbol",
+          "type"
+        ]
+      },
+      "Balance": {
+        "type": "object",
+        "properties": {
+          "balance": {
+            "type": "string"
+          },
+          "fiatBalance": {
+            "type": "string"
+          },
+          "fiatConversion": {
+            "type": "string"
+          },
+          "tokenInfo": {
+            "oneOf": [
+              {
+                "$ref": "#/components/schemas/NativeToken"
+              },
+              {
+                "$ref": "#/components/schemas/Erc20Token"
+              },
+              {
+                "$ref": "#/components/schemas/Erc721Token"
+              }
+            ]
+          },
+          "fiatBalance24hChange": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "balance",
+          "fiatBalance",
+          "fiatConversion",
+          "tokenInfo"
+        ]
+      },
+      "Balances": {
+        "type": "object",
+        "properties": {
+          "fiatTotal": {
+            "type": "string"
+          },
+          "items": {
+            "type": "array",
+            "items": {
+              "oneOf": [
+                {
+                  "$ref": "#/components/schemas/Balance"
+                }
+              ]
+            }
+          }
+        },
+        "required": [
+          "fiatTotal",
+          "items"
+        ]
+      },
+      "GasPriceOracle": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string"
+          },
+          "gasParameter": {
+            "type": "string"
+          },
+          "gweiFactor": {
+            "type": "string"
+          },
+          "uri": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "type",
+          "gasParameter",
+          "gweiFactor",
+          "uri"
+        ]
+      },
+      "GasPriceFixed": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string"
+          },
+          "weiValue": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "type",
+          "weiValue"
+        ]
+      },
+      "GasPriceFixedEIP1559": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string"
+          },
+          "maxFeePerGas": {
+            "type": "string"
+          },
+          "maxPriorityFeePerGas": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "type",
+          "maxFeePerGas",
+          "maxPriorityFeePerGas"
+        ]
+      },
+      "NativeCurrency": {
+        "type": "object",
+        "properties": {
+          "decimals": {
+            "type": "number"
+          },
+          "logoUri": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "symbol": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "decimals",
+          "logoUri",
+          "name",
+          "symbol"
+        ]
+      },
+      "BlockExplorerUriTemplate": {
+        "type": "object",
+        "properties": {
+          "address": {
+            "type": "string"
+          },
+          "api": {
+            "type": "string"
+          },
+          "txHash": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "address",
+          "api",
+          "txHash"
+        ]
+      },
+      "BalancesProvider": {
+        "type": "object",
+        "properties": {
+          "chainName": {
+            "type": "number",
+            "nullable": true
+          },
+          "enabled": {
+            "type": "boolean"
+          }
+        },
+        "required": [
+          "enabled"
+        ]
+      },
+      "ContractAddresses": {
+        "type": "object",
+        "properties": {
+          "safeSingletonAddress": {
+            "type": "string",
+            "nullable": true
+          },
+          "safeProxyFactoryAddress": {
+            "type": "string",
+            "nullable": true
+          },
+          "multiSendAddress": {
+            "type": "string",
+            "nullable": true
+          },
+          "multiSendCallOnlyAddress": {
+            "type": "string",
+            "nullable": true
+          },
+          "fallbackHandlerAddress": {
+            "type": "string",
+            "nullable": true
+          },
+          "signMessageLibAddress": {
+            "type": "string",
+            "nullable": true
+          },
+          "createCallAddress": {
+            "type": "string",
+            "nullable": true
+          },
+          "simulateTxAccessorAddress": {
+            "type": "string",
+            "nullable": true
+          },
+          "safeWebAuthnSignerFactoryAddress": {
+            "type": "string",
+            "nullable": true
+          }
+        }
+      },
+      "RpcUri": {
+        "type": "object",
+        "properties": {
+          "authentication": {
+            "type": "string",
+            "enum": [
+              "API_KEY_PATH",
+              "NO_AUTHENTICATION",
+              "UNKNOWN"
+            ]
+          },
+          "value": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "authentication",
+          "value"
+        ]
+      },
+      "Theme": {
+        "type": "object",
+        "properties": {
+          "backgroundColor": {
+            "type": "string"
+          },
+          "textColor": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "backgroundColor",
+          "textColor"
+        ]
+      },
+      "Chain": {
+        "type": "object",
+        "properties": {
+          "chainId": {
+            "type": "string"
+          },
+          "chainName": {
+            "type": "string"
+          },
+          "description": {
+            "type": "string"
+          },
+          "chainLogoUri": {
+            "type": "string",
+            "nullable": true
+          },
+          "l2": {
+            "type": "boolean"
+          },
+          "isTestnet": {
+            "type": "boolean"
+          },
+          "zk": {
+            "type": "boolean"
+          },
+          "nativeCurrency": {
+            "$ref": "#/components/schemas/NativeCurrency"
+          },
+          "transactionService": {
+            "type": "string"
+          },
+          "blockExplorerUriTemplate": {
+            "$ref": "#/components/schemas/BlockExplorerUriTemplate"
+          },
+          "beaconChainExplorerUriTemplate": {
+            "type": "object"
+          },
+          "disabledWallets": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          },
+          "ensRegistryAddress": {
+            "type": "string",
+            "nullable": true
+          },
+          "balancesProvider": {
+            "$ref": "#/components/schemas/BalancesProvider"
+          },
+          "contractAddresses": {
+            "$ref": "#/components/schemas/ContractAddresses"
+          },
+          "features": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          },
+          "gasPrice": {
+            "type": "array",
+            "items": {
+              "oneOf": [
+                {
+                  "$ref": "#/components/schemas/GasPriceOracle"
+                },
+                {
+                  "$ref": "#/components/schemas/GasPriceFixed"
+                },
+                {
+                  "$ref": "#/components/schemas/GasPriceFixedEIP1559"
+                }
+              ]
+            }
+          },
+          "publicRpcUri": {
+            "$ref": "#/components/schemas/RpcUri"
+          },
+          "rpcUri": {
+            "$ref": "#/components/schemas/RpcUri"
+          },
+          "safeAppsRpcUri": {
+            "$ref": "#/components/schemas/RpcUri"
+          },
+          "shortName": {
+            "type": "string"
+          },
+          "theme": {
+            "$ref": "#/components/schemas/Theme"
+          },
+          "recommendedMasterCopyVersion": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "chainId",
+          "chainName",
+          "description",
+          "l2",
+          "isTestnet",
+          "zk",
+          "nativeCurrency",
+          "transactionService",
+          "blockExplorerUriTemplate",
+          "beaconChainExplorerUriTemplate",
+          "disabledWallets",
+          "balancesProvider",
+          "contractAddresses",
+          "features",
+          "gasPrice",
+          "publicRpcUri",
+          "rpcUri",
+          "safeAppsRpcUri",
+          "shortName",
+          "theme"
+        ]
+      },
+      "ChainPage": {
+        "type": "object",
+        "properties": {
+          "count": {
+            "type": "number",
+            "nullable": true
+          },
+          "next": {
+            "type": "string",
+            "nullable": true
+          },
+          "previous": {
+            "type": "string",
+            "nullable": true
+          },
+          "results": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/Chain"
+            }
+          }
+        },
+        "required": [
+          "results"
+        ]
+      },
+      "AboutChain": {
+        "type": "object",
+        "properties": {
+          "transactionServiceBaseUri": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "version": {
+            "type": "string"
+          },
+          "buildNumber": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "transactionServiceBaseUri",
+          "name",
+          "version",
+          "buildNumber"
+        ]
+      },
+      "Backbone": {
+        "type": "object",
+        "properties": {
+          "api_version": {
+            "type": "string"
+          },
+          "headers": {
+            "type": "string",
+            "nullable": true
+          },
+          "host": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "secure": {
+            "type": "boolean"
+          },
+          "settings": {
+            "type": "object",
+            "nullable": true
+          },
+          "version": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "api_version",
+          "host",
+          "name",
+          "secure",
+          "settings",
+          "version"
+        ]
+      },
+      "MasterCopy": {
+        "type": "object",
+        "properties": {
+          "address": {
+            "type": "string"
+          },
+          "version": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "address",
+          "version"
+        ]
+      },
+      "IndexingStatus": {
+        "type": "object",
+        "properties": {
+          "lastSync": {
+            "type": "number"
+          },
+          "synced": {
+            "type": "boolean"
+          }
+        },
+        "required": [
+          "lastSync",
+          "synced"
+        ]
+      },
+      "Collectible": {
+        "type": "object",
+        "properties": {
+          "address": {
+            "type": "string"
+          },
+          "tokenName": {
+            "type": "string"
+          },
+          "tokenSymbol": {
+            "type": "string"
+          },
+          "logoUri": {
+            "type": "string"
+          },
+          "id": {
+            "type": "string"
+          },
+          "uri": {
+            "type": "string",
+            "nullable": true
+          },
+          "name": {
+            "type": "string",
+            "nullable": true
+          },
+          "description": {
+            "type": "string",
+            "nullable": true
+          },
+          "imageUri": {
+            "type": "string",
+            "nullable": true
+          },
+          "metadata": {
+            "type": "object",
+            "nullable": true
+          }
+        },
+        "required": [
+          "address",
+          "tokenName",
+          "tokenSymbol",
+          "logoUri",
+          "id"
+        ]
+      },
+      "CollectiblePage": {
+        "type": "object",
+        "properties": {
+          "count": {
+            "type": "number",
+            "nullable": true
+          },
+          "next": {
+            "type": "string",
+            "nullable": true
+          },
+          "previous": {
+            "type": "string",
+            "nullable": true
+          },
+          "results": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/Collectible"
+            }
+          }
+        },
+        "required": [
+          "results"
+        ]
+      },
+      "ActivityMetadata": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "description": {
+            "type": "string"
+          },
+          "maxPoints": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "name",
+          "description",
+          "maxPoints"
+        ]
+      },
+      "Campaign": {
+        "type": "object",
+        "properties": {
+          "resourceId": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "description": {
+            "type": "string"
+          },
+          "startDate": {
+            "type": "string"
+          },
+          "endDate": {
+            "type": "string"
+          },
+          "lastUpdated": {
+            "type": "string",
+            "nullable": true
+          },
+          "activitiesMetadata": {
+            "nullable": true,
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/ActivityMetadata"
+            }
+          },
+          "rewardValue": {
+            "type": "string",
+            "nullable": true
+          },
+          "rewardText": {
+            "type": "string",
+            "nullable": true
+          },
+          "iconUrl": {
+            "type": "string",
+            "nullable": true
+          },
+          "safeAppUrl": {
+            "type": "string",
+            "nullable": true
+          },
+          "partnerUrl": {
+            "type": "string",
+            "nullable": true
+          },
+          "isPromoted": {
+            "type": "boolean"
+          }
+        },
+        "required": [
+          "resourceId",
+          "name",
+          "description",
+          "startDate",
+          "endDate",
+          "isPromoted"
+        ]
+      },
+      "CampaignPage": {
+        "type": "object",
+        "properties": {
+          "count": {
+            "type": "number",
+            "nullable": true
+          },
+          "next": {
+            "type": "string",
+            "nullable": true
+          },
+          "previous": {
+            "type": "string",
+            "nullable": true
+          },
+          "results": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/Campaign"
+            }
+          }
+        },
+        "required": [
+          "results"
+        ]
+      },
+      "CampaignRank": {
+        "type": "object",
+        "properties": {
+          "holder": {
+            "type": "string"
+          },
+          "position": {
+            "type": "number"
+          },
+          "boost": {
+            "type": "number"
+          },
+          "totalPoints": {
+            "type": "number"
+          },
+          "totalBoostedPoints": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "holder",
+          "position",
+          "boost",
+          "totalPoints",
+          "totalBoostedPoints"
+        ]
+      },
+      "CampaignRankPage": {
+        "type": "object",
+        "properties": {
+          "count": {
+            "type": "number",
+            "nullable": true
+          },
+          "next": {
+            "type": "string",
+            "nullable": true
+          },
+          "previous": {
+            "type": "string",
+            "nullable": true
+          },
+          "results": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/CampaignRank"
+            }
+          }
+        },
+        "required": [
+          "results"
+        ]
+      },
+      "EligibilityRequest": {
+        "type": "object",
+        "properties": {
+          "requestId": {
+            "type": "string"
+          },
+          "sealedData": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "requestId",
+          "sealedData"
+        ]
+      },
+      "Eligibility": {
+        "type": "object",
+        "properties": {
+          "requestId": {
+            "type": "string"
+          },
+          "isAllowed": {
+            "type": "boolean"
+          },
+          "isVpn": {
+            "type": "boolean"
+          }
+        },
+        "required": [
+          "requestId",
+          "isAllowed",
+          "isVpn"
+        ]
+      },
+      "LockingRank": {
+        "type": "object",
+        "properties": {
+          "holder": {
+            "type": "string"
+          },
+          "position": {
+            "type": "number"
+          },
+          "lockedAmount": {
+            "type": "string"
+          },
+          "unlockedAmount": {
+            "type": "string"
+          },
+          "withdrawnAmount": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "holder",
+          "position",
+          "lockedAmount",
+          "unlockedAmount",
+          "withdrawnAmount"
+        ]
+      },
+      "LockingRankPage": {
+        "type": "object",
+        "properties": {
+          "count": {
+            "type": "number",
+            "nullable": true
+          },
+          "next": {
+            "type": "string",
+            "nullable": true
+          },
+          "previous": {
+            "type": "string",
+            "nullable": true
+          },
+          "results": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/LockingRank"
+            }
+          }
+        },
+        "required": [
+          "results"
+        ]
+      },
+      "LockEventItem": {
+        "type": "object",
+        "properties": {
+          "eventType": {
+            "type": "string",
+            "enum": [
+              "LOCKED"
+            ]
+          },
+          "executionDate": {
+            "type": "string"
+          },
+          "transactionHash": {
+            "type": "string"
+          },
+          "holder": {
+            "type": "string"
+          },
+          "amount": {
+            "type": "string"
+          },
+          "logIndex": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "eventType",
+          "executionDate",
+          "transactionHash",
+          "holder",
+          "amount",
+          "logIndex"
+        ]
+      },
+      "UnlockEventItem": {
+        "type": "object",
+        "properties": {
+          "eventType": {
+            "type": "string",
+            "enum": [
+              "UNLOCKED"
+            ]
+          },
+          "executionDate": {
+            "type": "string"
+          },
+          "transactionHash": {
+            "type": "string"
+          },
+          "holder": {
+            "type": "string"
+          },
+          "amount": {
+            "type": "string"
+          },
+          "logIndex": {
+            "type": "string"
+          },
+          "unlockIndex": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "eventType",
+          "executionDate",
+          "transactionHash",
+          "holder",
+          "amount",
+          "logIndex",
+          "unlockIndex"
+        ]
+      },
+      "WithdrawEventItem": {
+        "type": "object",
+        "properties": {
+          "eventType": {
+            "type": "string",
+            "enum": [
+              "WITHDRAWN"
+            ]
+          },
+          "executionDate": {
+            "type": "string"
+          },
+          "transactionHash": {
+            "type": "string"
+          },
+          "holder": {
+            "type": "string"
+          },
+          "amount": {
+            "type": "string"
+          },
+          "logIndex": {
+            "type": "string"
+          },
+          "unlockIndex": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "eventType",
+          "executionDate",
+          "transactionHash",
+          "holder",
+          "amount",
+          "logIndex",
+          "unlockIndex"
+        ]
+      },
+      "LockingEventPage": {
+        "type": "object",
+        "properties": {
+          "count": {
+            "type": "number",
+            "nullable": true
+          },
+          "next": {
+            "type": "string",
+            "nullable": true
+          },
+          "previous": {
+            "type": "string",
+            "nullable": true
+          },
+          "results": {
+            "type": "array",
+            "items": {
+              "oneOf": [
+                {
+                  "$ref": "#/components/schemas/LockEventItem"
+                },
+                {
+                  "$ref": "#/components/schemas/UnlockEventItem"
+                },
+                {
+                  "$ref": "#/components/schemas/WithdrawEventItem"
+                }
+              ]
+            }
+          }
+        },
+        "required": [
+          "results"
+        ]
+      },
+      "Contract": {
+        "type": "object",
+        "properties": {
+          "address": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "displayName": {
+            "type": "string"
+          },
+          "logoUri": {
+            "type": "string"
+          },
+          "contractAbi": {
+            "type": "object",
+            "nullable": true
+          },
+          "trustedForDelegateCall": {
+            "type": "boolean"
+          }
+        },
+        "required": [
+          "address",
+          "name",
+          "displayName",
+          "logoUri",
+          "trustedForDelegateCall"
+        ]
+      },
+      "TransactionDataDto": {
+        "type": "object",
+        "properties": {
+          "data": {
+            "type": "string",
+            "description": "Hexadecimal value"
+          },
+          "to": {
+            "type": "string",
+            "description": "The target Ethereum address"
+          }
+        },
+        "required": [
+          "data"
+        ]
+      },
+      "BaseDataDecoded": {
+        "type": "object",
+        "properties": {
+          "method": {
+            "type": "string"
+          },
+          "parameters": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/DataDecodedParameter"
+            }
+          }
+        },
+        "required": [
+          "method"
+        ]
+      },
+      "MultiSend": {
+        "type": "object",
+        "properties": {
+          "operation": {
+            "type": "number",
+            "enum": [
+              0,
+              1
+            ]
+          },
+          "value": {
+            "type": "string"
+          },
+          "dataDecoded": {
+            "$ref": "#/components/schemas/BaseDataDecoded"
+          },
+          "to": {
+            "type": "string"
+          },
+          "data": {
+            "type": "object"
+          }
+        },
+        "required": [
+          "operation",
+          "value",
+          "to"
+        ]
+      },
+      "DataDecodedParameter": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "type": {
+            "type": "string"
+          },
+          "value": {
+            "type": "object"
+          },
+          "valueDecoded": {
+            "oneOf": [
+              {
+                "$ref": "#/components/schemas/BaseDataDecoded"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "$ref": "#/components/schemas/MultiSend"
+                }
+              },
+              {
+                "type": "null"
+              }
+            ]
+          }
+        },
+        "required": [
+          "name",
+          "type",
+          "value"
+        ]
+      },
+      "DataDecoded": {
+        "type": "object",
+        "properties": {
+          "method": {
+            "type": "string"
+          },
+          "parameters": {
+            "nullable": true,
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/DataDecodedParameter"
+            }
+          },
+          "accuracy": {
+            "type": "string",
+            "enum": [
+              "FULL_MATCH",
+              "PARTIAL_MATCH",
+              "ONLY_FUNCTION_MATCH",
+              "NO_MATCH",
+              "UNKNOWN"
+            ],
+            "default": "UNKNOWN"
+          }
+        },
+        "required": [
+          "method"
+        ]
+      },
+      "Delegate": {
+        "type": "object",
+        "properties": {
+          "safe": {
+            "type": "string",
+            "nullable": true
+          },
+          "delegate": {
+            "type": "string"
+          },
+          "delegator": {
+            "type": "string"
+          },
+          "label": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "delegate",
+          "delegator",
+          "label"
+        ]
+      },
+      "DelegatePage": {
+        "type": "object",
+        "properties": {
+          "count": {
+            "type": "number",
+            "nullable": true
+          },
+          "next": {
+            "type": "string",
+            "nullable": true
+          },
+          "previous": {
+            "type": "string",
+            "nullable": true
+          },
+          "results": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/Delegate"
+            }
+          }
+        },
+        "required": [
+          "results"
+        ]
+      },
+      "CreateDelegateDto": {
+        "type": "object",
+        "properties": {
+          "safe": {
+            "type": "string",
+            "nullable": true
+          },
+          "delegate": {
+            "type": "string"
+          },
+          "delegator": {
+            "type": "string"
+          },
+          "signature": {
+            "type": "string"
+          },
+          "label": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "delegate",
+          "delegator",
+          "signature",
+          "label"
+        ]
+      },
+      "DeleteDelegateDto": {
+        "type": "object",
+        "properties": {
+          "delegate": {
+            "type": "string"
+          },
+          "delegator": {
+            "type": "string"
+          },
+          "signature": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "delegate",
+          "delegator",
+          "signature"
+        ]
+      },
+      "DeleteSafeDelegateDto": {
+        "type": "object",
+        "properties": {
+          "delegate": {
+            "type": "string"
+          },
+          "safe": {
+            "type": "string"
+          },
+          "signature": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "delegate",
+          "safe",
+          "signature"
+        ]
+      },
+      "DeleteDelegateV2Dto": {
+        "type": "object",
+        "properties": {
+          "delegator": {
+            "type": "string",
+            "nullable": true
+          },
+          "safe": {
+            "type": "string",
+            "nullable": true
+          },
+          "signature": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "signature"
+        ]
+      },
+      "AddRecoveryModuleDto": {
+        "type": "object",
+        "properties": {
+          "moduleAddress": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "moduleAddress"
+        ]
+      },
+      "GetEstimationDto": {
+        "type": "object",
+        "properties": {
+          "to": {
+            "type": "string"
+          },
+          "value": {
+            "type": "string"
+          },
+          "data": {
+            "type": "string",
+            "nullable": true
+          },
+          "operation": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "to",
+          "value",
+          "operation"
+        ]
+      },
+      "EstimationResponse": {
+        "type": "object",
+        "properties": {
+          "currentNonce": {
+            "type": "number"
+          },
+          "recommendedNonce": {
+            "type": "number"
+          },
+          "safeTxGas": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "currentNonce",
+          "recommendedNonce",
+          "safeTxGas"
+        ]
+      },
+      "NotificationType": {
+        "type": "string",
+        "enum": [
+          "CONFIRMATION_REQUEST",
+          "DELETED_MULTISIG_TRANSACTION",
+          "EXECUTED_MULTISIG_TRANSACTION",
+          "INCOMING_ETHER",
+          "INCOMING_TOKEN",
+          "MESSAGE_CONFIRMATION_REQUEST",
+          "MODULE_TRANSACTION"
+        ]
+      },
+      "UpsertSubscriptionsSafesDto": {
+        "type": "object",
+        "properties": {
+          "chainId": {
+            "type": "string"
+          },
+          "address": {
+            "type": "string"
+          },
+          "notificationTypes": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/NotificationType"
+            }
+          }
+        },
+        "required": [
+          "chainId",
+          "address",
+          "notificationTypes"
+        ]
+      },
+      "DeviceType": {
+        "type": "string",
+        "enum": [
+          "ANDROID",
+          "IOS",
+          "WEB"
+        ]
+      },
+      "UpsertSubscriptionsDto": {
+        "type": "object",
+        "properties": {
+          "cloudMessagingToken": {
+            "type": "string"
+          },
+          "safes": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/UpsertSubscriptionsSafesDto"
+            }
+          },
+          "deviceType": {
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/DeviceType"
+              }
+            ]
+          },
+          "deviceUuid": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "cloudMessagingToken",
+          "safes",
+          "deviceType"
+        ]
+      },
+      "DeleteAllSubscriptionItemDto": {
+        "type": "object",
+        "properties": {
+          "chainId": {
+            "type": "string"
+          },
+          "deviceUuid": {
+            "type": "string"
+          },
+          "safeAddress": {
+            "type": "string"
+          },
+          "signerAddress": {
+            "type": "string",
+            "nullable": true,
+            "description": "Optional signer address filter:\n• Omitted (undefined): Deletes subscriptions regardless of signer address\n• null: Deletes only subscriptions with no signer address\n• Valid address: Deletes only subscriptions with that specific signer address",
+            "example": "0x1234567890123456789012345678901234567890"
+          }
+        },
+        "required": [
+          "chainId",
+          "deviceUuid",
+          "safeAddress"
+        ]
+      },
+      "DeleteAllSubscriptionsDto": {
+        "type": "object",
+        "properties": {
+          "subscriptions": {
+            "minItems": 1,
+            "description": "At least one subscription is required",
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/DeleteAllSubscriptionItemDto"
+            }
+          }
+        },
+        "required": [
+          "subscriptions"
+        ]
+      },
+      "TypedDataParameter": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "type": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "name",
+          "type"
+        ]
+      },
+      "TypedDataDomain": {
+        "type": "object",
+        "properties": {
+          "chainId": {
+            "type": "number"
+          },
+          "name": {
+            "type": "string"
+          },
+          "salt": {
+            "type": "string"
+          },
+          "verifyingContract": {
+            "type": "string"
+          },
+          "version": {
+            "type": "string"
+          }
+        }
+      },
+      "TypedData": {
+        "type": "object",
+        "properties": {
+          "domain": {
+            "$ref": "#/components/schemas/TypedDataDomain"
+          },
+          "primaryType": {
+            "type": "string"
+          },
+          "types": {
+            "type": "object",
+            "additionalProperties": {
+              "items": {
+                "$ref": "#/components/schemas/TypedDataParameter"
+              },
+              "type": "array"
+            }
+          },
+          "message": {
+            "type": "object",
+            "additionalProperties": true
+          }
+        },
+        "required": [
+          "domain",
+          "primaryType",
+          "types",
+          "message"
+        ]
+      },
+      "AddressInfo": {
+        "type": "object",
+        "properties": {
+          "value": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string",
+            "nullable": true
+          },
+          "logoUri": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "value"
+        ]
+      },
+      "MessageConfirmation": {
+        "type": "object",
+        "properties": {
+          "owner": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "signature": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "owner",
+          "signature"
+        ]
+      },
+      "Message": {
+        "type": "object",
+        "properties": {
+          "messageHash": {
+            "type": "string"
+          },
+          "status": {
+            "type": "string",
+            "enum": [
+              "NEEDS_CONFIRMATION",
+              "CONFIRMED"
+            ]
+          },
+          "logoUri": {
+            "type": "string",
+            "nullable": true
+          },
+          "name": {
+            "type": "string",
+            "nullable": true
+          },
+          "message": {
+            "oneOf": [
+              {
+                "type": "string"
+              },
+              {
+                "$ref": "#/components/schemas/TypedData"
+              }
+            ]
+          },
+          "creationTimestamp": {
+            "type": "number"
+          },
+          "modifiedTimestamp": {
+            "type": "number"
+          },
+          "confirmationsSubmitted": {
+            "type": "number"
+          },
+          "confirmationsRequired": {
+            "type": "number"
+          },
+          "proposedBy": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "confirmations": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/MessageConfirmation"
+            }
+          },
+          "preparedSignature": {
+            "type": "string",
+            "nullable": true
+          },
+          "origin": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "messageHash",
+          "status",
+          "message",
+          "creationTimestamp",
+          "modifiedTimestamp",
+          "confirmationsSubmitted",
+          "confirmationsRequired",
+          "proposedBy",
+          "confirmations"
+        ]
+      },
+      "MessageItem": {
+        "type": "object",
+        "properties": {
+          "messageHash": {
+            "type": "string"
+          },
+          "status": {
+            "type": "string",
+            "enum": [
+              "NEEDS_CONFIRMATION",
+              "CONFIRMED"
+            ]
+          },
+          "logoUri": {
+            "type": "string",
+            "nullable": true
+          },
+          "name": {
+            "type": "string",
+            "nullable": true
+          },
+          "message": {
+            "oneOf": [
+              {
+                "type": "string"
+              },
+              {
+                "$ref": "#/components/schemas/TypedData"
+              }
+            ]
+          },
+          "creationTimestamp": {
+            "type": "number"
+          },
+          "modifiedTimestamp": {
+            "type": "number"
+          },
+          "confirmationsSubmitted": {
+            "type": "number"
+          },
+          "confirmationsRequired": {
+            "type": "number"
+          },
+          "proposedBy": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "confirmations": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/MessageConfirmation"
+            }
+          },
+          "preparedSignature": {
+            "type": "string",
+            "nullable": true
+          },
+          "origin": {
+            "type": "string",
+            "nullable": true
+          },
+          "type": {
+            "type": "string",
+            "enum": [
+              "MESSAGE"
+            ]
+          }
+        },
+        "required": [
+          "messageHash",
+          "status",
+          "message",
+          "creationTimestamp",
+          "modifiedTimestamp",
+          "confirmationsSubmitted",
+          "confirmationsRequired",
+          "proposedBy",
+          "confirmations",
+          "type"
+        ]
+      },
+      "DateLabel": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "DATE_LABEL"
+            ]
+          },
+          "timestamp": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "type",
+          "timestamp"
+        ]
+      },
+      "MessagePage": {
+        "type": "object",
+        "properties": {
+          "count": {
+            "type": "number",
+            "nullable": true
+          },
+          "next": {
+            "type": "string",
+            "nullable": true
+          },
+          "previous": {
+            "type": "string",
+            "nullable": true
+          },
+          "results": {
+            "type": "array",
+            "items": {
+              "oneOf": [
+                {
+                  "$ref": "#/components/schemas/MessageItem"
+                },
+                {
+                  "$ref": "#/components/schemas/DateLabel"
+                }
+              ]
+            }
+          }
+        },
+        "required": [
+          "results"
+        ]
+      },
+      "CreateMessageDto": {
+        "type": "object",
+        "properties": {
+          "message": {
+            "oneOf": [
+              {
+                "type": "string"
+              },
+              {
+                "$ref": "#/components/schemas/TypedData"
+              }
+            ]
+          },
+          "safeAppId": {
+            "type": "number",
+            "nullable": true,
+            "deprecated": true
+          },
+          "signature": {
+            "type": "string"
+          },
+          "origin": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "message",
+          "signature"
+        ]
+      },
+      "UpdateMessageSignatureDto": {
+        "type": "object",
+        "properties": {
+          "signature": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "signature"
+        ]
+      },
+      "SafeRegistration": {
+        "type": "object",
+        "properties": {
+          "chainId": {
+            "type": "string"
+          },
+          "safes": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          },
+          "signatures": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          }
+        },
+        "required": [
+          "chainId",
+          "safes",
+          "signatures"
+        ]
+      },
+      "RegisterDeviceDto": {
+        "type": "object",
+        "properties": {
+          "uuid": {
+            "type": "string",
+            "nullable": true
+          },
+          "cloudMessagingToken": {
+            "type": "string"
+          },
+          "buildNumber": {
+            "type": "string"
+          },
+          "bundle": {
+            "type": "string"
+          },
+          "deviceType": {
+            "type": "string"
+          },
+          "version": {
+            "type": "string"
+          },
+          "timestamp": {
+            "type": "string",
+            "nullable": true
+          },
+          "safeRegistrations": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/SafeRegistration"
+            }
+          }
+        },
+        "required": [
+          "cloudMessagingToken",
+          "buildNumber",
+          "bundle",
+          "deviceType",
+          "version",
+          "safeRegistrations"
+        ]
+      },
+      "UserWallet": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "number"
+          },
+          "address": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "id",
+          "address"
+        ]
+      },
+      "UserWithWallets": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "number"
+          },
+          "status": {
+            "type": "number",
+            "enum": [
+              0,
+              1
+            ]
+          },
+          "wallets": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/UserWallet"
+            }
+          }
+        },
+        "required": [
+          "id",
+          "status",
+          "wallets"
+        ]
+      },
+      "CreatedUserWithWallet": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "id"
+        ]
+      },
+      "WalletAddedToUser": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "id"
+        ]
+      },
+      "SpaceAddressBookItemDto": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "address": {
+            "type": "string"
+          },
+          "chainIds": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          },
+          "createdBy": {
+            "type": "string"
+          },
+          "lastUpdatedBy": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "name",
+          "address",
+          "chainIds",
+          "createdBy",
+          "lastUpdatedBy"
+        ]
+      },
+      "SpaceAddressBookDto": {
+        "type": "object",
+        "properties": {
+          "spaceId": {
+            "type": "string"
+          },
+          "data": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/SpaceAddressBookItemDto"
+            }
+          }
+        },
+        "required": [
+          "spaceId",
+          "data"
+        ]
+      },
+      "UpsertAddressBookItemsDto": {
+        "type": "object",
+        "properties": {
+          "items": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/AddressBookItem"
+            }
+          }
+        },
+        "required": [
+          "items"
+        ]
+      },
+      "CreateSpaceDto": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "name"
+        ]
+      },
+      "CreateSpaceResponse": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "id": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "name",
+          "id"
+        ]
+      },
+      "UserDto": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "number"
+          },
+          "status": {
+            "type": "string",
+            "enum": [
+              "PENDING",
+              "ACTIVE"
+            ]
+          }
+        },
+        "required": [
+          "id",
+          "status"
+        ]
+      },
+      "MemberDto": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "number"
+          },
+          "role": {
+            "type": "string",
+            "enum": [
+              "ADMIN",
+              "MEMBER"
+            ]
+          },
+          "name": {
+            "type": "string"
+          },
+          "invitedBy": {
+            "type": "string"
+          },
+          "status": {
+            "type": "string",
+            "enum": [
+              "INVITED",
+              "ACTIVE",
+              "DECLINED"
+            ]
+          },
+          "createdAt": {
+            "format": "date-time",
+            "type": "string"
+          },
+          "updatedAt": {
+            "format": "date-time",
+            "type": "string"
+          },
+          "user": {
+            "$ref": "#/components/schemas/UserDto"
+          }
+        },
+        "required": [
+          "id",
+          "role",
+          "name",
+          "invitedBy",
+          "status",
+          "createdAt",
+          "updatedAt",
+          "user"
+        ]
+      },
+      "GetSpaceResponse": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "number"
+          },
+          "name": {
+            "type": "string"
+          },
+          "status": {
+            "type": "string",
+            "enum": [
+              "ACTIVE"
+            ]
+          },
+          "members": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/MemberDto"
+            }
+          }
+        },
+        "required": [
+          "id",
+          "name",
+          "status",
+          "members"
+        ]
+      },
+      "UpdateSpaceDto": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "status": {
+            "type": "string",
+            "enum": [
+              "ACTIVE"
+            ]
+          }
+        }
+      },
+      "UpdateSpaceResponse": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "id"
+        ]
+      },
+      "CreateSpaceSafeDto": {
+        "type": "object",
+        "properties": {
+          "chainId": {
+            "type": "string"
+          },
+          "address": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "chainId",
+          "address"
+        ]
+      },
+      "CreateSpaceSafesDto": {
+        "type": "object",
+        "properties": {
+          "safes": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/CreateSpaceSafeDto"
+            }
+          }
+        },
+        "required": [
+          "safes"
+        ]
+      },
+      "GetSpaceSafeResponse": {
+        "type": "object",
+        "properties": {
+          "safes": {
+            "type": "object",
+            "additionalProperties": {
+              "type": "array",
+              "items": {
+                "type": "string"
+              }
+            },
+            "example": {
+              "{chainId}": [
+                "0x..."
+              ]
+            }
+          }
+        },
+        "required": [
+          "safes"
+        ]
+      },
+      "DeleteSpaceSafeDto": {
+        "type": "object",
+        "properties": {
+          "chainId": {
+            "type": "string"
+          },
+          "address": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "chainId",
+          "address"
+        ]
+      },
+      "DeleteSpaceSafesDto": {
+        "type": "object",
+        "properties": {
+          "safes": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/DeleteSpaceSafeDto"
+            }
+          }
+        },
+        "required": [
+          "safes"
+        ]
+      },
+      "InviteUserDto": {
+        "type": "object",
+        "properties": {
+          "address": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string",
+            "minLength": 3,
+            "maxLength": 30
+          },
+          "role": {
+            "type": "string",
+            "enum": [
+              "ADMIN",
+              "MEMBER"
+            ]
+          }
+        },
+        "required": [
+          "address",
+          "name",
+          "role"
+        ]
+      },
+      "InviteUsersDto": {
+        "type": "object",
+        "properties": {
+          "users": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/InviteUserDto"
+            }
+          }
+        },
+        "required": [
+          "users"
+        ]
+      },
+      "Invitation": {
+        "type": "object",
+        "properties": {
+          "userId": {
+            "type": "number"
+          },
+          "name": {
+            "type": "string"
+          },
+          "spaceId": {
+            "type": "number"
+          },
+          "role": {
+            "type": "string",
+            "enum": [
+              "ADMIN",
+              "MEMBER"
+            ]
+          },
+          "status": {
+            "type": "string",
+            "enum": [
+              "INVITED",
+              "ACTIVE",
+              "DECLINED"
+            ]
+          },
+          "invitedBy": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "userId",
+          "name",
+          "spaceId",
+          "role",
+          "status"
+        ]
+      },
+      "AcceptInviteDto": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "minLength": 3,
+            "maxLength": 30
+          }
+        },
+        "required": [
+          "name"
+        ]
+      },
+      "MemberUser": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "number"
+          },
+          "status": {
+            "type": "string",
+            "enum": [
+              "PENDING",
+              "ACTIVE"
+            ]
+          }
+        },
+        "required": [
+          "id",
+          "status"
+        ]
+      },
+      "Member": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "number"
+          },
+          "role": {
+            "type": "string",
+            "enum": [
+              "ADMIN",
+              "MEMBER"
+            ]
+          },
+          "status": {
+            "type": "string",
+            "enum": [
+              "INVITED",
+              "ACTIVE",
+              "DECLINED"
+            ]
+          },
+          "name": {
+            "type": "string"
+          },
+          "alias": {
+            "type": "string",
+            "nullable": true
+          },
+          "invitedBy": {
+            "type": "string",
+            "nullable": true
+          },
+          "createdAt": {
+            "format": "date-time",
+            "type": "string"
+          },
+          "updatedAt": {
+            "format": "date-time",
+            "type": "string"
+          },
+          "user": {
+            "$ref": "#/components/schemas/MemberUser"
+          }
+        },
+        "required": [
+          "id",
+          "role",
+          "status",
+          "name",
+          "createdAt",
+          "updatedAt",
+          "user"
+        ]
+      },
+      "MembersDto": {
+        "type": "object",
+        "properties": {
+          "members": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/Member"
+            }
+          }
+        },
+        "required": [
+          "members"
+        ]
+      },
+      "UpdateRoleDto": {
+        "type": "object",
+        "properties": {
+          "role": {
+            "type": "string",
+            "enum": [
+              "ADMIN",
+              "MEMBER"
+            ]
+          }
+        },
+        "required": [
+          "role"
+        ]
+      },
+      "UpdateMemberAliasDto": {
+        "type": "object",
+        "properties": {
+          "alias": {
+            "type": "string",
+            "description": "The new alias for the member"
+          }
+        },
+        "required": [
+          "alias"
+        ]
+      },
+      "SafeList": {
+        "type": "object",
+        "properties": {
+          "safes": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          }
+        },
+        "required": [
+          "safes"
+        ]
+      },
+      "RelayDto": {
+        "type": "object",
+        "properties": {
+          "version": {
+            "type": "string"
+          },
+          "to": {
+            "type": "string"
+          },
+          "data": {
+            "type": "string"
+          },
+          "gasLimit": {
+            "type": "string",
+            "nullable": true,
+            "description": "If specified, a gas buffer of 150k will be added on top of the expected gas usage for the transaction.\n      This is for the <a href=\"https://docs.gelato.network/developer-services/relay/quick-start/optional-parameters\" target=\"_blank\">\n      Gelato Relay execution overhead</a>, reducing the chance of the task cancelling before it is executed on-chain."
+          }
+        },
+        "required": [
+          "version",
+          "to",
+          "data"
+        ]
+      },
+      "Relay": {
+        "type": "object",
+        "properties": {
+          "taskId": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "taskId"
+        ]
+      },
+      "RelaysRemaining": {
+        "type": "object",
+        "properties": {
+          "remaining": {
+            "type": "number"
+          },
+          "limit": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "remaining",
+          "limit"
+        ]
+      },
+      "SafeAppProvider": {
+        "type": "object",
+        "properties": {
+          "url": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "url",
+          "name"
+        ]
+      },
+      "SafeAppAccessControl": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string"
+          },
+          "value": {
+            "nullable": true,
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          }
+        },
+        "required": [
+          "type"
+        ]
+      },
+      "SafeAppSocialProfile": {
+        "type": "object",
+        "properties": {
+          "platform": {
+            "type": "string",
+            "enum": [
+              "DISCORD",
+              "GITHUB",
+              "TWITTER",
+              "TELEGRAM",
+              "UNKNOWN"
+            ]
+          },
+          "url": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "platform",
+          "url"
+        ]
+      },
+      "SafeApp": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "number"
+          },
+          "url": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "iconUrl": {
+            "type": "string",
+            "nullable": true
+          },
+          "description": {
+            "type": "string"
+          },
+          "chainIds": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          },
+          "provider": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/SafeAppProvider"
+              }
+            ]
+          },
+          "accessControl": {
+            "$ref": "#/components/schemas/SafeAppAccessControl"
+          },
+          "tags": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          },
+          "features": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          },
+          "developerWebsite": {
+            "type": "string",
+            "nullable": true
+          },
+          "socialProfiles": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/SafeAppSocialProfile"
+            }
+          },
+          "featured": {
+            "type": "boolean"
+          }
+        },
+        "required": [
+          "id",
+          "url",
+          "name",
+          "description",
+          "chainIds",
+          "accessControl",
+          "tags",
+          "features",
+          "socialProfiles",
+          "featured"
+        ]
+      },
+      "SafeState": {
+        "type": "object",
+        "properties": {
+          "address": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "chainId": {
+            "type": "string"
+          },
+          "nonce": {
+            "type": "number"
+          },
+          "threshold": {
+            "type": "number"
+          },
+          "owners": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/AddressInfo"
+            }
+          },
+          "implementation": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "modules": {
+            "nullable": true,
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/AddressInfo"
+            }
+          },
+          "fallbackHandler": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/AddressInfo"
+              }
+            ]
+          },
+          "guard": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/AddressInfo"
+              }
+            ]
+          },
+          "version": {
+            "type": "string",
+            "nullable": true
+          },
+          "implementationVersionState": {
+            "type": "string",
+            "enum": [
+              "UP_TO_DATE",
+              "OUTDATED",
+              "UNKNOWN"
+            ]
+          },
+          "collectiblesTag": {
+            "type": "string",
+            "nullable": true
+          },
+          "txQueuedTag": {
+            "type": "string",
+            "nullable": true
+          },
+          "txHistoryTag": {
+            "type": "string",
+            "nullable": true
+          },
+          "messagesTag": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "address",
+          "chainId",
+          "nonce",
+          "threshold",
+          "owners",
+          "implementation",
+          "implementationVersionState"
+        ]
+      },
+      "SafeNonces": {
+        "type": "object",
+        "properties": {
+          "currentNonce": {
+            "type": "number"
+          },
+          "recommendedNonce": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "currentNonce",
+          "recommendedNonce"
+        ]
+      },
+      "SafeOverview": {
+        "type": "object",
+        "properties": {
+          "address": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "chainId": {
+            "type": "string"
+          },
+          "threshold": {
+            "type": "number"
+          },
+          "owners": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/AddressInfo"
+            }
+          },
+          "fiatTotal": {
+            "type": "string"
+          },
+          "queued": {
+            "type": "number"
+          },
+          "awaitingConfirmation": {
+            "type": "number",
+            "nullable": true
+          }
+        },
+        "required": [
+          "address",
+          "chainId",
+          "threshold",
+          "owners",
+          "fiatTotal",
+          "queued"
+        ]
+      },
+      "TargetedSafe": {
+        "type": "object",
+        "properties": {
+          "outreachId": {
+            "type": "number"
+          },
+          "address": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "outreachId",
+          "address"
+        ]
+      },
+      "Submission": {
+        "type": "object",
+        "properties": {
+          "outreachId": {
+            "type": "number"
+          },
+          "targetedSafeId": {
+            "type": "number"
+          },
+          "signerAddress": {
+            "type": "string"
+          },
+          "completionDate": {
+            "format": "date-time",
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "outreachId",
+          "targetedSafeId",
+          "signerAddress"
+        ]
+      },
+      "CreateSubmissionDto": {
+        "type": "object",
+        "properties": {
+          "completed": {
+            "type": "boolean"
+          }
+        },
+        "required": [
+          "completed"
+        ]
+      },
+      "TransactionInfo": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "Bridge",
+              "Creation",
+              "Custom",
+              "NativeStakingDeposit",
+              "NativeStakingValidatorsExit",
+              "NativeStakingWithdraw",
+              "SettingsChange",
+              "Swap",
+              "SwapAndBridge",
+              "SwapOrder",
+              "SwapTransfer",
+              "Transfer",
+              "TwapOrder",
+              "VaultDeposit",
+              "VaultRedeem"
+            ]
+          },
+          "humanDescription": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "type"
+        ]
+      },
+      "CreationTransactionInfo": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "Creation"
+            ]
+          },
+          "humanDescription": {
+            "type": "string",
+            "nullable": true
+          },
+          "creator": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "transactionHash": {
+            "type": "string"
+          },
+          "implementation": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/AddressInfo"
+              }
+            ]
+          },
+          "factory": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "saltNonce": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "type",
+          "creator",
+          "transactionHash"
+        ]
+      },
+      "CustomTransactionInfo": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "Custom"
+            ]
+          },
+          "humanDescription": {
+            "type": "string",
+            "nullable": true
+          },
+          "to": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "dataSize": {
+            "type": "string"
+          },
+          "value": {
+            "type": "string",
+            "nullable": true
+          },
+          "isCancellation": {
+            "type": "boolean"
+          },
+          "methodName": {
+            "type": "string",
+            "nullable": true
+          },
+          "actionCount": {
+            "type": "number",
+            "nullable": true
+          }
+        },
+        "required": [
+          "type",
+          "to",
+          "dataSize",
+          "isCancellation"
+        ]
+      },
+      "AddOwner": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "ADD_OWNER"
+            ]
+          },
+          "owner": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "threshold": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "type",
+          "owner",
+          "threshold"
+        ]
+      },
+      "ChangeMasterCopy": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "CHANGE_MASTER_COPY"
+            ]
+          },
+          "implementation": {
+            "$ref": "#/components/schemas/AddressInfo"
+          }
+        },
+        "required": [
+          "type",
+          "implementation"
+        ]
+      },
+      "ChangeThreshold": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "CHANGE_THRESHOLD"
+            ]
+          },
+          "threshold": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "type",
+          "threshold"
+        ]
+      },
+      "DeleteGuard": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "DELETE_GUARD"
+            ]
+          }
+        },
+        "required": [
+          "type"
+        ]
+      },
+      "DisableModule": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "DISABLE_MODULE"
+            ]
+          },
+          "module": {
+            "$ref": "#/components/schemas/AddressInfo"
+          }
+        },
+        "required": [
+          "type",
+          "module"
+        ]
+      },
+      "EnableModule": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "ENABLE_MODULE"
+            ]
+          },
+          "module": {
+            "$ref": "#/components/schemas/AddressInfo"
+          }
+        },
+        "required": [
+          "type",
+          "module"
+        ]
+      },
+      "RemoveOwner": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "REMOVE_OWNER"
+            ]
+          },
+          "owner": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "threshold": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "type",
+          "owner",
+          "threshold"
+        ]
+      },
+      "SetFallbackHandler": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "SET_FALLBACK_HANDLER"
+            ]
+          },
+          "handler": {
+            "$ref": "#/components/schemas/AddressInfo"
+          }
+        },
+        "required": [
+          "type",
+          "handler"
+        ]
+      },
+      "SetGuard": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "SET_GUARD"
+            ]
+          },
+          "guard": {
+            "$ref": "#/components/schemas/AddressInfo"
+          }
+        },
+        "required": [
+          "type",
+          "guard"
+        ]
+      },
+      "SettingsChange": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "ADD_OWNER",
+              "CHANGE_MASTER_COPY",
+              "CHANGE_THRESHOLD",
+              "DELETE_GUARD",
+              "DISABLE_MODULE",
+              "ENABLE_MODULE",
+              "REMOVE_OWNER",
+              "SET_FALLBACK_HANDLER",
+              "SET_GUARD",
+              "SWAP_OWNER"
+            ]
+          }
+        },
+        "required": [
+          "type"
+        ]
+      },
+      "SwapOwner": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "SWAP_OWNER"
+            ]
+          },
+          "oldOwner": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "newOwner": {
+            "$ref": "#/components/schemas/AddressInfo"
+          }
+        },
+        "required": [
+          "type",
+          "oldOwner",
+          "newOwner"
+        ]
+      },
+      "SettingsChangeTransaction": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "SettingsChange"
+            ]
+          },
+          "humanDescription": {
+            "type": "string",
+            "nullable": true
+          },
+          "dataDecoded": {
+            "$ref": "#/components/schemas/DataDecoded"
+          },
+          "settingsInfo": {
+            "oneOf": [
+              {
+                "$ref": "#/components/schemas/AddOwner"
+              },
+              {
+                "$ref": "#/components/schemas/ChangeMasterCopy"
+              },
+              {
+                "$ref": "#/components/schemas/ChangeThreshold"
+              },
+              {
+                "$ref": "#/components/schemas/DeleteGuard"
+              },
+              {
+                "$ref": "#/components/schemas/DisableModule"
+              },
+              {
+                "$ref": "#/components/schemas/EnableModule"
+              },
+              {
+                "$ref": "#/components/schemas/RemoveOwner"
+              },
+              {
+                "$ref": "#/components/schemas/SetFallbackHandler"
+              },
+              {
+                "$ref": "#/components/schemas/SetGuard"
+              },
+              {
+                "$ref": "#/components/schemas/SwapOwner"
+              }
+            ]
+          }
+        },
+        "required": [
+          "type",
+          "dataDecoded",
+          "settingsInfo"
+        ]
+      },
+      "Erc20Transfer": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "ERC20"
+            ]
+          },
+          "tokenAddress": {
+            "type": "string"
+          },
+          "value": {
+            "type": "string"
+          },
+          "tokenName": {
+            "type": "string",
+            "nullable": true
+          },
+          "tokenSymbol": {
+            "type": "string",
+            "nullable": true
+          },
+          "logoUri": {
+            "type": "string",
+            "nullable": true
+          },
+          "decimals": {
+            "type": "number",
+            "nullable": true
+          },
+          "trusted": {
+            "type": "boolean",
+            "nullable": true
+          },
+          "imitation": {
+            "type": "boolean"
+          }
+        },
+        "required": [
+          "type",
+          "tokenAddress",
+          "value",
+          "imitation"
+        ]
+      },
+      "Erc721Transfer": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "ERC721"
+            ]
+          },
+          "tokenAddress": {
+            "type": "string"
+          },
+          "tokenId": {
+            "type": "string"
+          },
+          "tokenName": {
+            "type": "string",
+            "nullable": true
+          },
+          "tokenSymbol": {
+            "type": "string",
+            "nullable": true
+          },
+          "logoUri": {
+            "type": "string",
+            "nullable": true
+          },
+          "trusted": {
+            "type": "boolean",
+            "nullable": true
+          }
+        },
+        "required": [
+          "type",
+          "tokenAddress",
+          "tokenId"
+        ]
+      },
+      "NativeCoinTransfer": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "NATIVE_COIN"
+            ]
+          },
+          "value": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "type"
+        ]
+      },
+      "Transfer": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "NATIVE_COIN",
+              "ERC20",
+              "ERC721"
+            ]
+          }
+        },
+        "required": [
+          "type"
+        ]
+      },
+      "TransferTransactionInfo": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "Transfer"
+            ]
+          },
+          "humanDescription": {
+            "type": "string",
+            "nullable": true
+          },
+          "sender": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "recipient": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "direction": {
+            "type": "string",
+            "enum": [
+              "INCOMING",
+              "OUTGOING",
+              "UNKNOWN"
+            ]
+          },
+          "transferInfo": {
+            "oneOf": [
+              {
+                "$ref": "#/components/schemas/Erc20Transfer"
+              },
+              {
+                "$ref": "#/components/schemas/Erc721Transfer"
+              },
+              {
+                "$ref": "#/components/schemas/NativeCoinTransfer"
+              }
+            ],
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/Transfer"
+              }
+            ]
+          }
+        },
+        "required": [
+          "type",
+          "sender",
+          "recipient",
+          "direction",
+          "transferInfo"
+        ]
+      },
+      "BridgeFee": {
+        "type": "object",
+        "properties": {
+          "tokenAddress": {
+            "type": "string"
+          },
+          "integratorFee": {
+            "type": "string"
+          },
+          "lifiFee": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "tokenAddress",
+          "integratorFee",
+          "lifiFee"
+        ]
+      },
+      "TokenInfo": {
+        "type": "object",
+        "properties": {
+          "address": {
+            "type": "string",
+            "description": "The token address"
+          },
+          "decimals": {
+            "type": "number",
+            "description": "The token decimals"
+          },
+          "logoUri": {
+            "type": "string",
+            "nullable": true,
+            "description": "The logo URI for the token"
+          },
+          "name": {
+            "type": "string",
+            "description": "The token name"
+          },
+          "symbol": {
+            "type": "string",
+            "description": "The token symbol"
+          },
+          "trusted": {
+            "type": "boolean",
+            "description": "The token trusted status"
+          }
+        },
+        "required": [
+          "address",
+          "decimals",
+          "name",
+          "symbol",
+          "trusted"
+        ]
+      },
+      "BridgeAndSwapTransactionInfo": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "SwapAndBridge"
+            ]
+          },
+          "humanDescription": {
+            "type": "string",
+            "nullable": true
+          },
+          "fromToken": {
+            "$ref": "#/components/schemas/TokenInfo"
+          },
+          "recipient": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "explorerUrl": {
+            "type": "string",
+            "nullable": true
+          },
+          "status": {
+            "type": "string",
+            "enum": [
+              "NOT_FOUND",
+              "INVALID",
+              "PENDING",
+              "DONE",
+              "FAILED",
+              "UNKNOWN",
+              "AWAITING_EXECUTION"
+            ]
+          },
+          "substatus": {
+            "type": "string",
+            "enum": [
+              "WAIT_SOURCE_CONFIRMATIONS",
+              "WAIT_DESTINATION_TRANSACTION",
+              "BRIDGE_NOT_AVAILABLE",
+              "CHAIN_NOT_AVAILABLE",
+              "REFUND_IN_PROGRESS",
+              "UNKNOWN_ERROR",
+              "COMPLETED",
+              "PARTIAL",
+              "REFUNDED",
+              "INSUFFICIENT_ALLOWANCE",
+              "INSUFFICIENT_BALANCE",
+              "OUT_OF_GAS",
+              "EXPIRED",
+              "SLIPPAGE_EXCEEDED",
+              "UNKNOWN_FAILED_ERROR",
+              "UNKNOWN",
+              "AWAITING_EXECUTION"
+            ]
+          },
+          "fees": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/BridgeFee"
+              }
+            ]
+          },
+          "fromAmount": {
+            "type": "string"
+          },
+          "toChain": {
+            "type": "string"
+          },
+          "toToken": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/TokenInfo"
+              }
+            ]
+          },
+          "toAmount": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "type",
+          "fromToken",
+          "recipient",
+          "explorerUrl",
+          "status",
+          "substatus",
+          "fees",
+          "fromAmount",
+          "toChain",
+          "toToken",
+          "toAmount"
+        ]
+      },
+      "SwapOrderTransactionInfo": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "SwapOrder"
+            ]
+          },
+          "humanDescription": {
+            "type": "string",
+            "nullable": true
+          },
+          "uid": {
+            "type": "string",
+            "description": "The order UID"
+          },
+          "status": {
+            "type": "string",
+            "enum": [
+              "presignaturePending",
+              "open",
+              "fulfilled",
+              "cancelled",
+              "expired",
+              "unknown"
+            ]
+          },
+          "kind": {
+            "type": "string",
+            "enum": [
+              "buy",
+              "sell",
+              "unknown"
+            ]
+          },
+          "orderClass": {
+            "type": "string",
+            "enum": [
+              "market",
+              "limit",
+              "liquidity",
+              "unknown"
+            ]
+          },
+          "validUntil": {
+            "type": "number",
+            "description": "The timestamp when the order expires"
+          },
+          "sellAmount": {
+            "type": "string",
+            "description": "The sell token raw amount (no decimals)"
+          },
+          "buyAmount": {
+            "type": "string",
+            "description": "The buy token raw amount (no decimals)"
+          },
+          "executedSellAmount": {
+            "type": "string",
+            "description": "The executed sell token raw amount (no decimals)"
+          },
+          "executedBuyAmount": {
+            "type": "string",
+            "description": "The executed buy token raw amount (no decimals)"
+          },
+          "sellToken": {
+            "description": "The sell token of the order",
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/TokenInfo"
+              }
+            ]
+          },
+          "buyToken": {
+            "description": "The buy token of the order",
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/TokenInfo"
+              }
+            ]
+          },
+          "explorerUrl": {
+            "type": "string",
+            "description": "The URL to the explorer page of the order"
+          },
+          "executedFee": {
+            "type": "string",
+            "description": "The amount of fees paid for this order."
+          },
+          "executedFeeToken": {
+            "type": "string",
+            "description": "The token in which the fee was paid, expressed by SURPLUS tokens (BUY tokens for SELL orders and SELL tokens for BUY orders)."
+          },
+          "receiver": {
+            "type": "string",
+            "nullable": true,
+            "description": "The (optional) address to receive the proceeds of the trade"
+          },
+          "owner": {
+            "type": "string"
+          },
+          "fullAppData": {
+            "type": "object",
+            "nullable": true,
+            "description": "The App Data for this order"
+          }
+        },
+        "required": [
+          "type",
+          "uid",
+          "status",
+          "kind",
+          "orderClass",
+          "validUntil",
+          "sellAmount",
+          "buyAmount",
+          "executedSellAmount",
+          "executedBuyAmount",
+          "sellToken",
+          "buyToken",
+          "explorerUrl",
+          "executedFee",
+          "executedFeeToken",
+          "owner"
+        ]
+      },
+      "SwapTransactionInfo": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "Swap"
+            ]
+          },
+          "humanDescription": {
+            "type": "string",
+            "nullable": true
+          },
+          "recipient": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "fees": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/BridgeFee"
+              }
+            ]
+          },
+          "fromToken": {
+            "$ref": "#/components/schemas/TokenInfo"
+          },
+          "fromAmount": {
+            "type": "string"
+          },
+          "toToken": {
+            "$ref": "#/components/schemas/TokenInfo"
+          },
+          "toAmount": {
+            "type": "string"
+          },
+          "lifiExplorerUrl": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "type",
+          "recipient",
+          "fees",
+          "fromToken",
+          "fromAmount",
+          "toToken",
+          "toAmount",
+          "lifiExplorerUrl"
+        ]
+      },
+      "SwapTransferTransactionInfo": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "SwapTransfer"
+            ]
+          },
+          "humanDescription": {
+            "type": "string",
+            "nullable": true
+          },
+          "sender": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "recipient": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "direction": {
+            "type": "string"
+          },
+          "transferInfo": {
+            "oneOf": [
+              {
+                "$ref": "#/components/schemas/Erc20Transfer"
+              },
+              {
+                "$ref": "#/components/schemas/Erc721Transfer"
+              },
+              {
+                "$ref": "#/components/schemas/NativeCoinTransfer"
+              }
+            ],
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/Transfer"
+              }
+            ]
+          },
+          "uid": {
+            "type": "string",
+            "description": "The order UID"
+          },
+          "status": {
+            "type": "string",
+            "enum": [
+              "presignaturePending",
+              "open",
+              "fulfilled",
+              "cancelled",
+              "expired",
+              "unknown"
+            ]
+          },
+          "kind": {
+            "type": "string",
+            "enum": [
+              "buy",
+              "sell",
+              "unknown"
+            ]
+          },
+          "orderClass": {
+            "type": "string",
+            "enum": [
+              "market",
+              "limit",
+              "liquidity",
+              "unknown"
+            ]
+          },
+          "validUntil": {
+            "type": "number",
+            "description": "The timestamp when the order expires"
+          },
+          "sellAmount": {
+            "type": "string",
+            "description": "The sell token raw amount (no decimals)"
+          },
+          "buyAmount": {
+            "type": "string",
+            "description": "The buy token raw amount (no decimals)"
+          },
+          "executedSellAmount": {
+            "type": "string",
+            "description": "The executed sell token raw amount (no decimals)"
+          },
+          "executedBuyAmount": {
+            "type": "string",
+            "description": "The executed buy token raw amount (no decimals)"
+          },
+          "sellToken": {
+            "description": "The sell token of the order",
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/TokenInfo"
+              }
+            ]
+          },
+          "buyToken": {
+            "description": "The buy token of the order",
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/TokenInfo"
+              }
+            ]
+          },
+          "explorerUrl": {
+            "type": "string",
+            "description": "The URL to the explorer page of the order"
+          },
+          "executedFee": {
+            "type": "string",
+            "description": "The amount of fees paid for this order."
+          },
+          "executedFeeToken": {
+            "description": "The token in which the fee was paid, expressed by SURPLUS tokens (BUY tokens for SELL orders and SELL tokens for BUY orders).",
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/TokenInfo"
+              }
+            ]
+          },
+          "receiver": {
+            "type": "string",
+            "nullable": true,
+            "description": "The (optional) address to receive the proceeds of the trade"
+          },
+          "owner": {
+            "type": "string"
+          },
+          "fullAppData": {
+            "type": "object",
+            "nullable": true,
+            "description": "The App Data for this order"
+          }
+        },
+        "required": [
+          "type",
+          "sender",
+          "recipient",
+          "direction",
+          "transferInfo",
+          "uid",
+          "status",
+          "kind",
+          "orderClass",
+          "validUntil",
+          "sellAmount",
+          "buyAmount",
+          "executedSellAmount",
+          "executedBuyAmount",
+          "sellToken",
+          "buyToken",
+          "explorerUrl",
+          "executedFee",
+          "executedFeeToken",
+          "owner"
+        ]
+      },
+      "DurationAuto": {
+        "type": "object",
+        "properties": {
+          "durationType": {
+            "type": "string",
+            "enum": [
+              "AUTO"
+            ]
+          }
+        },
+        "required": [
+          "durationType"
+        ]
+      },
+      "DurationLimit": {
+        "type": "object",
+        "properties": {
+          "durationType": {
+            "type": "string",
+            "enum": [
+              "LIMIT_DURATION"
+            ]
+          },
+          "duration": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "durationType",
+          "duration"
+        ]
+      },
+      "StartTimeAtMining": {
+        "type": "object",
+        "properties": {
+          "startType": {
+            "type": "string",
+            "enum": [
+              "AT_MINING_TIME"
+            ]
+          }
+        },
+        "required": [
+          "startType"
+        ]
+      },
+      "StartTimeAtEpoch": {
+        "type": "object",
+        "properties": {
+          "startType": {
+            "type": "string",
+            "enum": [
+              "AT_EPOCH"
+            ]
+          },
+          "epoch": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "startType",
+          "epoch"
+        ]
+      },
+      "TwapOrderTransactionInfo": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "TwapOrder"
+            ]
+          },
+          "humanDescription": {
+            "type": "string",
+            "nullable": true
+          },
+          "status": {
+            "type": "string",
+            "description": "The TWAP status",
+            "enum": [
+              "presignaturePending",
+              "open",
+              "fulfilled",
+              "cancelled",
+              "expired",
+              "unknown"
+            ]
+          },
+          "kind": {
+            "type": "string",
+            "enum": [
+              "buy",
+              "sell",
+              "unknown"
+            ]
+          },
+          "class": {
+            "type": "string",
+            "enum": [
+              "market",
+              "limit",
+              "liquidity",
+              "unknown"
+            ]
+          },
+          "activeOrderUid": {
+            "type": "string",
+            "nullable": true,
+            "description": "The order UID of the active order, or null if none is active"
+          },
+          "validUntil": {
+            "type": "number",
+            "description": "The timestamp when the TWAP expires"
+          },
+          "sellAmount": {
+            "type": "string",
+            "description": "The sell token raw amount (no decimals)"
+          },
+          "buyAmount": {
+            "type": "string",
+            "description": "The buy token raw amount (no decimals)"
+          },
+          "executedSellAmount": {
+            "type": "string",
+            "nullable": true,
+            "description": "The executed sell token raw amount (no decimals), or null if there are too many parts"
+          },
+          "executedBuyAmount": {
+            "type": "string",
+            "nullable": true,
+            "description": "The executed buy token raw amount (no decimals), or null if there are too many parts"
+          },
+          "executedFee": {
+            "type": "string",
+            "nullable": true,
+            "description": "The executed surplus fee raw amount (no decimals), or null if there are too many parts"
+          },
+          "executedFeeToken": {
+            "type": "string",
+            "description": "The token in which the fee was paid, expressed by SURPLUS tokens (BUY tokens for SELL orders and SELL tokens for BUY orders)."
+          },
+          "sellToken": {
+            "description": "The sell token of the TWAP",
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/TokenInfo"
+              }
+            ]
+          },
+          "buyToken": {
+            "description": "The buy token of the TWAP",
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/TokenInfo"
+              }
+            ]
+          },
+          "receiver": {
+            "type": "string",
+            "description": "The address to receive the proceeds of the trade"
+          },
+          "owner": {
+            "type": "string"
+          },
+          "fullAppData": {
+            "type": "object",
+            "nullable": true,
+            "description": "The App Data for this TWAP"
+          },
+          "numberOfParts": {
+            "type": "string",
+            "description": "The number of parts in the TWAP"
+          },
+          "partSellAmount": {
+            "type": "string",
+            "description": "The amount of sellToken to sell in each part"
+          },
+          "minPartLimit": {
+            "type": "string",
+            "description": "The amount of buyToken that must be bought in each part"
+          },
+          "timeBetweenParts": {
+            "type": "number",
+            "description": "The duration of the TWAP interval"
+          },
+          "durationOfPart": {
+            "description": "Whether the TWAP is valid for the entire interval or not",
+            "oneOf": [
+              {
+                "$ref": "#/components/schemas/DurationAuto"
+              },
+              {
+                "$ref": "#/components/schemas/DurationLimit"
+              }
+            ]
+          },
+          "startTime": {
+            "description": "The start time of the TWAP",
+            "oneOf": [
+              {
+                "$ref": "#/components/schemas/StartTimeAtMining"
+              },
+              {
+                "$ref": "#/components/schemas/StartTimeAtEpoch"
+              }
+            ]
+          }
+        },
+        "required": [
+          "type",
+          "status",
+          "kind",
+          "validUntil",
+          "sellAmount",
+          "buyAmount",
+          "executedFeeToken",
+          "sellToken",
+          "buyToken",
+          "receiver",
+          "owner",
+          "numberOfParts",
+          "partSellAmount",
+          "minPartLimit",
+          "timeBetweenParts",
+          "durationOfPart",
+          "startTime"
+        ]
+      },
+      "NativeStakingDepositTransactionInfo": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "NativeStakingDeposit"
+            ]
+          },
+          "humanDescription": {
+            "type": "string",
+            "nullable": true
+          },
+          "status": {
+            "type": "string",
+            "enum": [
+              "NOT_STAKED",
+              "ACTIVATING",
+              "DEPOSIT_IN_PROGRESS",
+              "ACTIVE",
+              "EXIT_REQUESTED",
+              "EXITING",
+              "EXITED",
+              "SLASHED"
+            ]
+          },
+          "estimatedEntryTime": {
+            "type": "number"
+          },
+          "estimatedExitTime": {
+            "type": "number"
+          },
+          "estimatedWithdrawalTime": {
+            "type": "number"
+          },
+          "fee": {
+            "type": "number"
+          },
+          "monthlyNrr": {
+            "type": "number"
+          },
+          "annualNrr": {
+            "type": "number"
+          },
+          "value": {
+            "type": "string"
+          },
+          "numValidators": {
+            "type": "number"
+          },
+          "expectedAnnualReward": {
+            "type": "string"
+          },
+          "expectedMonthlyReward": {
+            "type": "string"
+          },
+          "expectedFiatAnnualReward": {
+            "type": "number"
+          },
+          "expectedFiatMonthlyReward": {
+            "type": "number"
+          },
+          "tokenInfo": {
+            "$ref": "#/components/schemas/TokenInfo"
+          },
+          "validators": {
+            "nullable": true,
+            "description": "Populated after transaction has been executed",
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          }
+        },
+        "required": [
+          "type",
+          "status",
+          "estimatedEntryTime",
+          "estimatedExitTime",
+          "estimatedWithdrawalTime",
+          "fee",
+          "monthlyNrr",
+          "annualNrr",
+          "value",
+          "numValidators",
+          "expectedAnnualReward",
+          "expectedMonthlyReward",
+          "expectedFiatAnnualReward",
+          "expectedFiatMonthlyReward",
+          "tokenInfo"
+        ]
+      },
+      "NativeStakingValidatorsExitTransactionInfo": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "NativeStakingValidatorsExit"
+            ]
+          },
+          "humanDescription": {
+            "type": "string",
+            "nullable": true
+          },
+          "status": {
+            "type": "string",
+            "enum": [
+              "NOT_STAKED",
+              "ACTIVATING",
+              "DEPOSIT_IN_PROGRESS",
+              "ACTIVE",
+              "EXIT_REQUESTED",
+              "EXITING",
+              "EXITED",
+              "SLASHED"
+            ]
+          },
+          "estimatedExitTime": {
+            "type": "number"
+          },
+          "estimatedWithdrawalTime": {
+            "type": "number"
+          },
+          "value": {
+            "type": "string"
+          },
+          "numValidators": {
+            "type": "number"
+          },
+          "tokenInfo": {
+            "$ref": "#/components/schemas/TokenInfo"
+          },
+          "validators": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          }
+        },
+        "required": [
+          "type",
+          "status",
+          "estimatedExitTime",
+          "estimatedWithdrawalTime",
+          "value",
+          "numValidators",
+          "tokenInfo",
+          "validators"
+        ]
+      },
+      "NativeStakingWithdrawTransactionInfo": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "NativeStakingWithdraw"
+            ]
+          },
+          "humanDescription": {
+            "type": "string",
+            "nullable": true
+          },
+          "value": {
+            "type": "string"
+          },
+          "tokenInfo": {
+            "$ref": "#/components/schemas/TokenInfo"
+          },
+          "validators": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          }
+        },
+        "required": [
+          "type",
+          "value",
+          "tokenInfo",
+          "validators"
+        ]
+      },
+      "VaultInfo": {
+        "type": "object",
+        "properties": {
+          "address": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "description": {
+            "type": "string"
+          },
+          "dashboardUri": {
+            "type": "string",
+            "nullable": true
+          },
+          "logoUri": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "address",
+          "name",
+          "description",
+          "logoUri"
+        ]
+      },
+      "VaultExtraReward": {
+        "type": "object",
+        "properties": {
+          "tokenInfo": {
+            "$ref": "#/components/schemas/TokenInfo"
+          },
+          "nrr": {
+            "type": "number"
+          },
+          "claimable": {
+            "type": "string"
+          },
+          "claimableNext": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "tokenInfo",
+          "nrr",
+          "claimable",
+          "claimableNext"
+        ]
+      },
+      "VaultDepositTransactionInfo": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "VaultDeposit"
+            ]
+          },
+          "humanDescription": {
+            "type": "string",
+            "nullable": true
+          },
+          "value": {
+            "type": "string"
+          },
+          "baseNrr": {
+            "type": "number"
+          },
+          "fee": {
+            "type": "number"
+          },
+          "tokenInfo": {
+            "$ref": "#/components/schemas/TokenInfo"
+          },
+          "vaultInfo": {
+            "$ref": "#/components/schemas/VaultInfo"
+          },
+          "currentReward": {
+            "type": "string"
+          },
+          "additionalRewardsNrr": {
+            "type": "number"
+          },
+          "additionalRewards": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/VaultExtraReward"
+            }
+          },
+          "expectedMonthlyReward": {
+            "type": "string"
+          },
+          "expectedAnnualReward": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "type",
+          "value",
+          "baseNrr",
+          "fee",
+          "tokenInfo",
+          "vaultInfo",
+          "currentReward",
+          "additionalRewardsNrr",
+          "additionalRewards",
+          "expectedMonthlyReward",
+          "expectedAnnualReward"
+        ]
+      },
+      "VaultRedeemTransactionInfo": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "VaultRedeem"
+            ]
+          },
+          "humanDescription": {
+            "type": "string",
+            "nullable": true
+          },
+          "value": {
+            "type": "string"
+          },
+          "baseNrr": {
+            "type": "number"
+          },
+          "fee": {
+            "type": "number"
+          },
+          "tokenInfo": {
+            "$ref": "#/components/schemas/TokenInfo"
+          },
+          "vaultInfo": {
+            "$ref": "#/components/schemas/VaultInfo"
+          },
+          "currentReward": {
+            "type": "string"
+          },
+          "additionalRewardsNrr": {
+            "type": "number"
+          },
+          "additionalRewards": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/VaultExtraReward"
+            }
+          }
+        },
+        "required": [
+          "type",
+          "value",
+          "baseNrr",
+          "fee",
+          "tokenInfo",
+          "vaultInfo",
+          "currentReward",
+          "additionalRewardsNrr",
+          "additionalRewards"
+        ]
+      },
+      "TransactionData": {
+        "type": "object",
+        "properties": {
+          "hexData": {
+            "type": "string",
+            "nullable": true
+          },
+          "dataDecoded": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/DataDecoded"
+              }
+            ]
+          },
+          "to": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "value": {
+            "type": "string",
+            "nullable": true
+          },
+          "operation": {
+            "type": "number"
+          },
+          "trustedDelegateCallTarget": {
+            "type": "boolean",
+            "nullable": true
+          },
+          "addressInfoIndex": {
+            "type": "object",
+            "additionalProperties": {
+              "$ref": "#/components/schemas/AddressInfo"
+            },
+            "nullable": true
+          },
+          "tokenInfoIndex": {
+            "type": "object",
+            "additionalProperties": {
+              "oneOf": [
+                {
+                  "$ref": "#/components/schemas/NativeToken"
+                },
+                {
+                  "$ref": "#/components/schemas/Erc20Token"
+                },
+                {
+                  "$ref": "#/components/schemas/Erc721Token"
+                }
+              ]
+            },
+            "nullable": true
+          }
+        },
+        "required": [
+          "to",
+          "operation"
+        ]
+      },
+      "MultisigConfirmationDetails": {
+        "type": "object",
+        "properties": {
+          "signer": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "signature": {
+            "type": "string",
+            "nullable": true
+          },
+          "submittedAt": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "signer",
+          "submittedAt"
+        ]
+      },
+      "MultisigExecutionDetails": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "MULTISIG"
+            ]
+          },
+          "submittedAt": {
+            "type": "number"
+          },
+          "nonce": {
+            "type": "number"
+          },
+          "safeTxGas": {
+            "type": "string"
+          },
+          "baseGas": {
+            "type": "string"
+          },
+          "gasPrice": {
+            "type": "string"
+          },
+          "gasToken": {
+            "type": "string"
+          },
+          "refundReceiver": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "safeTxHash": {
+            "type": "string"
+          },
+          "executor": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/AddressInfo"
+              }
+            ]
+          },
+          "signers": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/AddressInfo"
+            }
+          },
+          "confirmationsRequired": {
+            "type": "number"
+          },
+          "confirmations": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/MultisigConfirmationDetails"
+            }
+          },
+          "rejectors": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/AddressInfo"
+            }
+          },
+          "gasTokenInfo": {
+            "oneOf": [
+              {
+                "$ref": "#/components/schemas/NativeToken"
+              },
+              {
+                "$ref": "#/components/schemas/Erc20Token"
+              },
+              {
+                "$ref": "#/components/schemas/Erc721Token"
+              }
+            ],
+            "nullable": true
+          },
+          "trusted": {
+            "type": "boolean"
+          },
+          "proposer": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/AddressInfo"
+              }
+            ]
+          },
+          "proposedByDelegate": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/AddressInfo"
+              }
+            ]
+          }
+        },
+        "required": [
+          "type",
+          "submittedAt",
+          "nonce",
+          "safeTxGas",
+          "baseGas",
+          "gasPrice",
+          "gasToken",
+          "refundReceiver",
+          "safeTxHash",
+          "signers",
+          "confirmationsRequired",
+          "confirmations",
+          "rejectors",
+          "trusted"
+        ]
+      },
+      "ModuleExecutionDetails": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "MODULE"
+            ]
+          },
+          "address": {
+            "$ref": "#/components/schemas/AddressInfo"
+          }
+        },
+        "required": [
+          "type",
+          "address"
+        ]
+      },
+      "SafeAppInfo": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "url": {
+            "type": "string"
+          },
+          "logoUri": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "name",
+          "url"
+        ]
+      },
+      "TransactionDetails": {
+        "type": "object",
+        "properties": {
+          "txInfo": {
+            "oneOf": [
+              {
+                "$ref": "#/components/schemas/CreationTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/CustomTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/SettingsChangeTransaction"
+              },
+              {
+                "$ref": "#/components/schemas/TransferTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/SwapOrderTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/BridgeAndSwapTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/SwapTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/SwapTransferTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/TwapOrderTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingDepositTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingValidatorsExitTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingWithdrawTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/VaultDepositTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/VaultRedeemTransactionInfo"
+              }
+            ],
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/TransactionInfo"
+              }
+            ]
+          },
+          "safeAddress": {
+            "type": "string"
+          },
+          "txId": {
+            "type": "string"
+          },
+          "executedAt": {
+            "type": "number",
+            "nullable": true
+          },
+          "txStatus": {
+            "type": "string",
+            "enum": [
+              "SUCCESS",
+              "FAILED",
+              "CANCELLED",
+              "AWAITING_CONFIRMATIONS",
+              "AWAITING_EXECUTION"
+            ]
+          },
+          "txData": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/TransactionData"
+              }
+            ]
+          },
+          "detailedExecutionInfo": {
+            "oneOf": [
+              {
+                "$ref": "#/components/schemas/MultisigExecutionDetails"
+              },
+              {
+                "$ref": "#/components/schemas/ModuleExecutionDetails"
+              }
+            ],
+            "nullable": true
+          },
+          "txHash": {
+            "type": "string",
+            "nullable": true
+          },
+          "safeAppInfo": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/SafeAppInfo"
+              }
+            ]
+          },
+          "note": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "txInfo",
+          "safeAddress",
+          "txId",
+          "txStatus"
+        ]
+      },
+      "TXSMultisigTransaction": {
+        "type": "object",
+        "properties": {
+          "safe": {
+            "type": "string"
+          },
+          "to": {
+            "type": "string"
+          },
+          "value": {
+            "type": "string"
+          },
+          "data": {
+            "type": "object"
+          },
+          "operation": {
+            "type": "number"
+          },
+          "gasToken": {
+            "type": "object"
+          },
+          "safeTxGas": {
+            "type": "object"
+          },
+          "baseGas": {
+            "type": "object"
+          },
+          "gasPrice": {
+            "type": "object"
+          },
+          "proposer": {
+            "type": "object"
+          },
+          "proposedByDelegate": {
+            "type": "object"
+          },
+          "refundReceiver": {
+            "type": "object"
+          },
+          "nonce": {
+            "type": "number"
+          },
+          "executionDate": {
+            "type": "object"
+          },
+          "submissionDate": {
+            "format": "date-time",
+            "type": "string"
+          },
+          "modified": {
+            "type": "object"
+          },
+          "blockNumber": {
+            "type": "object"
+          },
+          "transactionHash": {
+            "type": "object"
+          },
+          "safeTxHash": {
+            "type": "string"
+          },
+          "executor": {
+            "type": "object"
+          },
+          "isExecuted": {
+            "type": "boolean"
+          },
+          "isSuccessful": {
+            "type": "object"
+          },
+          "ethGasPrice": {
+            "type": "object"
+          },
+          "gasUsed": {
+            "type": "object"
+          },
+          "fee": {
+            "type": "object"
+          },
+          "origin": {
+            "type": "object"
+          },
+          "confirmationsRequired": {
+            "type": "number"
+          },
+          "confirmations": {
+            "type": "object"
+          },
+          "signatures": {
+            "type": "object"
+          },
+          "trusted": {
+            "type": "boolean"
+          }
+        },
+        "required": [
+          "safe",
+          "to",
+          "value",
+          "data",
+          "operation",
+          "gasToken",
+          "safeTxGas",
+          "baseGas",
+          "gasPrice",
+          "proposer",
+          "proposedByDelegate",
+          "refundReceiver",
+          "nonce",
+          "executionDate",
+          "submissionDate",
+          "modified",
+          "blockNumber",
+          "transactionHash",
+          "safeTxHash",
+          "executor",
+          "isExecuted",
+          "isSuccessful",
+          "ethGasPrice",
+          "gasUsed",
+          "fee",
+          "origin",
+          "confirmationsRequired",
+          "confirmations",
+          "signatures",
+          "trusted"
+        ]
+      },
+      "TXSMultisigTransactionPage": {
+        "type": "object",
+        "properties": {
+          "count": {
+            "type": "number",
+            "nullable": true
+          },
+          "next": {
+            "type": "string",
+            "nullable": true
+          },
+          "previous": {
+            "type": "string",
+            "nullable": true
+          },
+          "results": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/TXSMultisigTransaction"
+            }
+          }
+        },
+        "required": [
+          "results"
+        ]
+      },
+      "ModuleExecutionInfo": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "MODULE"
+            ]
+          },
+          "address": {
+            "$ref": "#/components/schemas/AddressInfo"
+          }
+        },
+        "required": [
+          "type",
+          "address"
+        ]
+      },
+      "MultisigExecutionInfo": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "MULTISIG"
+            ]
+          },
+          "nonce": {
+            "type": "number"
+          },
+          "confirmationsRequired": {
+            "type": "number"
+          },
+          "confirmationsSubmitted": {
+            "type": "number"
+          },
+          "missingSigners": {
+            "nullable": true,
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/AddressInfo"
+            }
+          }
+        },
+        "required": [
+          "type",
+          "nonce",
+          "confirmationsRequired",
+          "confirmationsSubmitted"
+        ]
+      },
+      "Transaction": {
+        "type": "object",
+        "properties": {
+          "txInfo": {
+            "oneOf": [
+              {
+                "$ref": "#/components/schemas/CreationTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/CustomTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/SettingsChangeTransaction"
+              },
+              {
+                "$ref": "#/components/schemas/TransferTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/SwapOrderTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/BridgeAndSwapTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/SwapTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/SwapTransferTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/TwapOrderTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingDepositTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingValidatorsExitTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingWithdrawTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/VaultDepositTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/VaultRedeemTransactionInfo"
+              }
+            ],
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/TransactionInfo"
+              }
+            ]
+          },
+          "id": {
+            "type": "string"
+          },
+          "txHash": {
+            "type": "string",
+            "nullable": true
+          },
+          "timestamp": {
+            "type": "number"
+          },
+          "txStatus": {
+            "type": "string",
+            "enum": [
+              "SUCCESS",
+              "FAILED",
+              "CANCELLED",
+              "AWAITING_CONFIRMATIONS",
+              "AWAITING_EXECUTION"
+            ]
+          },
+          "executionInfo": {
+            "oneOf": [
+              {
+                "$ref": "#/components/schemas/MultisigExecutionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/ModuleExecutionInfo"
+              }
+            ],
+            "nullable": true
+          },
+          "safeAppInfo": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/SafeAppInfo"
+              }
+            ]
+          }
+        },
+        "required": [
+          "txInfo",
+          "id",
+          "timestamp",
+          "txStatus"
+        ]
+      },
+      "MultisigTransaction": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "TRANSACTION"
+            ]
+          },
+          "transaction": {
+            "$ref": "#/components/schemas/Transaction"
+          },
+          "conflictType": {
+            "type": "string",
+            "enum": [
+              "None",
+              "HasNext",
+              "End"
+            ]
+          }
+        },
+        "required": [
+          "type",
+          "transaction",
+          "conflictType"
+        ]
+      },
+      "MultisigTransactionPage": {
+        "type": "object",
+        "properties": {
+          "count": {
+            "type": "number",
+            "nullable": true
+          },
+          "next": {
+            "type": "string",
+            "nullable": true
+          },
+          "previous": {
+            "type": "string",
+            "nullable": true
+          },
+          "results": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/MultisigTransaction"
+            }
+          }
+        },
+        "required": [
+          "results"
+        ]
+      },
+      "DeleteTransactionDto": {
+        "type": "object",
+        "properties": {
+          "signature": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "signature"
+        ]
+      },
+      "ModuleTransaction": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "TRANSACTION"
+            ]
+          },
+          "transaction": {
+            "$ref": "#/components/schemas/Transaction"
+          },
+          "conflictType": {
+            "type": "string",
+            "enum": [
+              "None"
+            ]
+          }
+        },
+        "required": [
+          "type",
+          "transaction",
+          "conflictType"
+        ]
+      },
+      "ModuleTransactionPage": {
+        "type": "object",
+        "properties": {
+          "count": {
+            "type": "number",
+            "nullable": true
+          },
+          "next": {
+            "type": "string",
+            "nullable": true
+          },
+          "previous": {
+            "type": "string",
+            "nullable": true
+          },
+          "results": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/ModuleTransaction"
+            }
+          }
+        },
+        "required": [
+          "results"
+        ]
+      },
+      "AddConfirmationDto": {
+        "type": "object",
+        "properties": {
+          "signature": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "signature"
+        ]
+      },
+      "IncomingTransfer": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "TRANSACTION"
+            ]
+          },
+          "transaction": {
+            "$ref": "#/components/schemas/Transaction"
+          },
+          "conflictType": {
+            "type": "string",
+            "enum": [
+              "None"
+            ]
+          }
+        },
+        "required": [
+          "type",
+          "transaction",
+          "conflictType"
+        ]
+      },
+      "IncomingTransferPage": {
+        "type": "object",
+        "properties": {
+          "count": {
+            "type": "number",
+            "nullable": true
+          },
+          "next": {
+            "type": "string",
+            "nullable": true
+          },
+          "previous": {
+            "type": "string",
+            "nullable": true
+          },
+          "results": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/IncomingTransfer"
+            }
+          }
+        },
+        "required": [
+          "results"
+        ]
+      },
+      "PreviewTransactionDto": {
+        "type": "object",
+        "properties": {
+          "to": {
+            "type": "string"
+          },
+          "data": {
+            "type": "string",
+            "nullable": true
+          },
+          "value": {
+            "type": "string"
+          },
+          "operation": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "to",
+          "value",
+          "operation"
+        ]
+      },
+      "TransactionPreview": {
+        "type": "object",
+        "properties": {
+          "txInfo": {
+            "oneOf": [
+              {
+                "$ref": "#/components/schemas/CreationTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/CustomTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/SettingsChangeTransaction"
+              },
+              {
+                "$ref": "#/components/schemas/TransferTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/SwapOrderTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/BridgeAndSwapTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/SwapTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/SwapTransferTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/TwapOrderTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingDepositTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingValidatorsExitTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingWithdrawTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/VaultDepositTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/VaultRedeemTransactionInfo"
+              }
+            ],
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/TransactionInfo"
+              }
+            ]
+          },
+          "txData": {
+            "$ref": "#/components/schemas/TransactionData"
+          }
+        },
+        "required": [
+          "txInfo",
+          "txData"
+        ]
+      },
+      "ConflictHeaderQueuedItem": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "CONFLICT_HEADER"
+            ]
+          },
+          "nonce": {
+            "type": "number"
+          }
+        },
+        "required": [
+          "type",
+          "nonce"
+        ]
+      },
+      "LabelQueuedItem": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "LABEL"
+            ]
+          },
+          "label": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "type",
+          "label"
+        ]
+      },
+      "TransactionQueuedItem": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "TRANSACTION"
+            ]
+          },
+          "transaction": {
+            "$ref": "#/components/schemas/Transaction"
+          },
+          "conflictType": {
+            "type": "string",
+            "enum": [
+              "None",
+              "HasNext",
+              "End"
+            ]
+          }
+        },
+        "required": [
+          "type",
+          "transaction",
+          "conflictType"
+        ]
+      },
+      "QueuedItemPage": {
+        "type": "object",
+        "properties": {
+          "count": {
+            "type": "number",
+            "nullable": true
+          },
+          "next": {
+            "type": "string",
+            "nullable": true
+          },
+          "previous": {
+            "type": "string",
+            "nullable": true
+          },
+          "results": {
+            "type": "array",
+            "items": {
+              "oneOf": [
+                {
+                  "$ref": "#/components/schemas/ConflictHeaderQueuedItem"
+                },
+                {
+                  "$ref": "#/components/schemas/LabelQueuedItem"
+                },
+                {
+                  "$ref": "#/components/schemas/TransactionQueuedItem"
+                }
+              ]
+            }
+          }
+        },
+        "required": [
+          "results"
+        ]
+      },
+      "TransactionItem": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "TRANSACTION"
+            ]
+          },
+          "transaction": {
+            "$ref": "#/components/schemas/Transaction"
+          },
+          "conflictType": {
+            "type": "string",
+            "enum": [
+              "None"
+            ]
+          }
+        },
+        "required": [
+          "type",
+          "transaction",
+          "conflictType"
+        ]
+      },
+      "TransactionItemPage": {
+        "type": "object",
+        "properties": {
+          "count": {
+            "type": "number",
+            "nullable": true
+          },
+          "next": {
+            "type": "string",
+            "nullable": true
+          },
+          "previous": {
+            "type": "string",
+            "nullable": true
+          },
+          "results": {
+            "type": "array",
+            "items": {
+              "oneOf": [
+                {
+                  "$ref": "#/components/schemas/TransactionItem"
+                },
+                {
+                  "$ref": "#/components/schemas/DateLabel"
+                }
+              ]
+            }
+          }
+        },
+        "required": [
+          "results"
+        ]
+      },
+      "ProposeTransactionDto": {
+        "type": "object",
+        "properties": {
+          "to": {
+            "type": "string"
+          },
+          "value": {
+            "type": "string"
+          },
+          "data": {
+            "type": "string",
+            "nullable": true
+          },
+          "nonce": {
+            "type": "string"
+          },
+          "operation": {
+            "type": "number"
+          },
+          "safeTxGas": {
+            "type": "string"
+          },
+          "baseGas": {
+            "type": "string"
+          },
+          "gasPrice": {
+            "type": "string"
+          },
+          "gasToken": {
+            "type": "string"
+          },
+          "refundReceiver": {
+            "type": "string",
+            "nullable": true
+          },
+          "safeTxHash": {
+            "type": "string"
+          },
+          "sender": {
+            "type": "string"
+          },
+          "signature": {
+            "type": "string",
+            "nullable": true
+          },
+          "origin": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": [
+          "to",
+          "value",
+          "nonce",
+          "operation",
+          "safeTxGas",
+          "baseGas",
+          "gasPrice",
+          "gasToken",
+          "safeTxHash",
+          "sender"
+        ]
+      },
+      "CreationTransaction": {
+        "type": "object",
+        "properties": {
+          "created": {
+            "format": "date-time",
+            "type": "string"
+          },
+          "creator": {
+            "type": "string"
+          },
+          "transactionHash": {
+            "type": "string"
+          },
+          "factoryAddress": {
+            "type": "string"
+          },
+          "masterCopy": {
+            "type": "string",
+            "nullable": true
+          },
+          "setupData": {
+            "type": "string",
+            "nullable": true
+          },
+          "saltNonce": {
+            "type": "string",
+            "nullable": true
+          },
+          "dataDecoded": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/DataDecoded"
+              }
+            ]
+          }
+        },
+        "required": [
+          "created",
+          "creator",
+          "transactionHash",
+          "factoryAddress"
+        ]
+      },
+      "TXSCreationTransaction": {
+        "type": "object",
+        "properties": {
+          "created": {
+            "format": "date-time",
+            "type": "string"
+          },
+          "creator": {
+            "type": "string"
+          },
+          "transactionHash": {
+            "type": "string"
+          },
+          "factoryAddress": {
+            "type": "string"
+          },
+          "masterCopy": {
+            "type": "object"
+          },
+          "setupData": {
+            "type": "object"
+          },
+          "saltNonce": {
+            "type": "object"
+          }
+        },
+        "required": [
+          "created",
+          "creator",
+          "transactionHash",
+          "factoryAddress",
+          "masterCopy",
+          "setupData",
+          "saltNonce"
+        ]
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/store/scripts/fetch-schema.ts b/packages/store/scripts/fetch-schema.ts
new file mode 100644
index 000000000..5620aa1e5
--- /dev/null
+++ b/packages/store/scripts/fetch-schema.ts
@@ -0,0 +1,22 @@
+const PRODUCTION_CGW_API_URL = process.env.PRODUCTION_CGW_API_URL || 'https://safe-client.safe.global/api-json'
+const STAGING_CGW_API_URL = process.env.STAGING_CGW_API_URL || 'https://safe-client.staging.5afe.dev/api-json'
+const LOCAL_CGW_API_URL = process.env.LOCAL_CGW_API_URL || 'http://localhost:3000/api-json'
+
+let apiUrl = PRODUCTION_CGW_API_URL
+
+if (process.env.NODE_ENV === 'local') {
+  apiUrl = LOCAL_CGW_API_URL
+} else if (process.env.NODE_ENV === 'dev') {
+  apiUrl = STAGING_CGW_API_URL
+}
+
+fetch(apiUrl)
+  .then((response) => {
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+    return response.json()
+  })
+  .then((data) => {
+    console.log(JSON.stringify(data, null, 2))
+  })
diff --git a/packages/store/scripts/openapi-config.ts b/packages/store/scripts/openapi-config.ts
new file mode 100644
index 000000000..ca1c94f36
--- /dev/null
+++ b/packages/store/scripts/openapi-config.ts
@@ -0,0 +1,76 @@
+import type { ConfigFile } from '@rtk-query/codegen-openapi'
+
+const config: ConfigFile = {
+  schemaFile: './api-schema/schema.json',
+  prettierConfigFile: '../../../.prettierrc',
+  apiFile: '../src/gateway/cgwClient.ts',
+  apiImport: 'cgwClient',
+  exportName: 'cgwApi',
+  hooks: { queries: true, lazyQueries: true, mutations: true },
+  filterEndpoints: [/^(?!.*delegates).*/],
+  tag: true,
+  outputFiles: {
+    '../src/gateway/AUTO_GENERATED/about.ts': {
+      filterEndpoints: [/^about/],
+    },
+    '../src/gateway/AUTO_GENERATED/auth.ts': {
+      filterEndpoints: [/^auth/],
+    },
+    '../src/gateway/AUTO_GENERATED/balances.ts': {
+      filterEndpoints: [/^balances/],
+    },
+    '../src/gateway/AUTO_GENERATED/chains.ts': {
+      filterEndpoints: [/^chains/],
+    },
+    '../src/gateway/AUTO_GENERATED/collectibles.ts': {
+      filterEndpoints: [/^collectibles/],
+    },
+    '../src/gateway/AUTO_GENERATED/community.ts': {
+      filterEndpoints: [/^community/],
+    },
+    '../src/gateway/AUTO_GENERATED/contracts.ts': {
+      filterEndpoints: [/^contracts/],
+    },
+    '../src/gateway/AUTO_GENERATED/data-decoded.ts': {
+      filterEndpoints: [/^dataDecoded/],
+    },
+    '../src/gateway/AUTO_GENERATED/delegates.ts': {
+      filterEndpoints: [/^delegates(?!DeleteSafeDelegateV1)/],
+    },
+    '../src/gateway/AUTO_GENERATED/estimations.ts': {
+      filterEndpoints: [/^estimations/],
+    },
+    '../src/gateway/AUTO_GENERATED/messages.ts': {
+      filterEndpoints: [/^messages/],
+    },
+    '../src/gateway/AUTO_GENERATED/notifications.ts': {
+      filterEndpoints: [/^notifications/],
+    },
+    '../src/gateway/AUTO_GENERATED/owners.ts': {
+      filterEndpoints: [/^owners/],
+    },
+    '../src/gateway/AUTO_GENERATED/relay.ts': {
+      filterEndpoints: [/^relay/],
+    },
+    '../src/gateway/AUTO_GENERATED/safe-apps.ts': {
+      filterEndpoints: [/^safeApps/],
+    },
+    '../src/gateway/AUTO_GENERATED/safes.ts': {
+      filterEndpoints: [/^safes/],
+    },
+    '../src/gateway/AUTO_GENERATED/targeted-messages.ts': {
+      filterEndpoints: [/^targetedMessaging/],
+    },
+    '../src/gateway/AUTO_GENERATED/transactions.ts': {
+      filterEndpoints: [/^transactions/],
+    },
+    '../src/gateway/AUTO_GENERATED/users.ts': {
+      filterEndpoints: [/^users/],
+    },
+    '../src/gateway/AUTO_GENERATED/spaces.ts': {
+      filterEndpoints: [/^(spaces|members|spaceSafes)/],
+    },
+  },
+}
+
+export default config
diff --git a/packages/store/src/gateway/AUTO_GENERATED/about.ts b/packages/store/src/gateway/AUTO_GENERATED/about.ts
new file mode 100644
index 000000000..11ffed4d5
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/about.ts
@@ -0,0 +1,24 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['about'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      aboutGetAbout: build.query<AboutGetAboutApiResponse, AboutGetAboutApiArg>({
+        query: () => ({ url: `/about` }),
+        providesTags: ['about'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type AboutGetAboutApiResponse = /** status 200  */ About
+export type AboutGetAboutApiArg = void
+export type About = {
+  name: string
+  version?: string | null
+  buildNumber?: string | null
+}
+export const { useAboutGetAboutQuery, useLazyAboutGetAboutQuery } = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/auth.ts b/packages/store/src/gateway/AUTO_GENERATED/auth.ts
new file mode 100644
index 000000000..d1793de8d
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/auth.ts
@@ -0,0 +1,41 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['auth'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      authGetNonceV1: build.query<AuthGetNonceV1ApiResponse, AuthGetNonceV1ApiArg>({
+        query: () => ({ url: `/v1/auth/nonce` }),
+        providesTags: ['auth'],
+      }),
+      authVerifyV1: build.mutation<AuthVerifyV1ApiResponse, AuthVerifyV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/auth/verify`, method: 'POST', body: queryArg.siweDto }),
+        invalidatesTags: ['auth'],
+      }),
+      authLogoutV1: build.mutation<AuthLogoutV1ApiResponse, AuthLogoutV1ApiArg>({
+        query: () => ({ url: `/v1/auth/logout`, method: 'POST' }),
+        invalidatesTags: ['auth'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type AuthGetNonceV1ApiResponse = /** status 200  */ AuthNonce
+export type AuthGetNonceV1ApiArg = void
+export type AuthVerifyV1ApiResponse = unknown
+export type AuthVerifyV1ApiArg = {
+  siweDto: SiweDto
+}
+export type AuthLogoutV1ApiResponse = unknown
+export type AuthLogoutV1ApiArg = void
+export type AuthNonce = {
+  nonce: string
+}
+export type SiweDto = {
+  message: string
+  signature: string
+}
+export const { useAuthGetNonceV1Query, useLazyAuthGetNonceV1Query, useAuthVerifyV1Mutation, useAuthLogoutV1Mutation } =
+  injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/balances.ts b/packages/store/src/gateway/AUTO_GENERATED/balances.ts
new file mode 100644
index 000000000..c08048ccc
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/balances.ts
@@ -0,0 +1,80 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['balances'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      balancesGetBalancesV1: build.query<BalancesGetBalancesV1ApiResponse, BalancesGetBalancesV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}/balances/${queryArg.fiatCode}`,
+          params: {
+            trusted: queryArg.trusted,
+            exclude_spam: queryArg.excludeSpam,
+          },
+        }),
+        providesTags: ['balances'],
+      }),
+      balancesGetSupportedFiatCodesV1: build.query<
+        BalancesGetSupportedFiatCodesV1ApiResponse,
+        BalancesGetSupportedFiatCodesV1ApiArg
+      >({
+        query: () => ({ url: `/v1/balances/supported-fiat-codes` }),
+        providesTags: ['balances'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type BalancesGetBalancesV1ApiResponse = /** status 200  */ Balances
+export type BalancesGetBalancesV1ApiArg = {
+  chainId: string
+  safeAddress: string
+  fiatCode: string
+  trusted?: boolean
+  excludeSpam?: boolean
+}
+export type BalancesGetSupportedFiatCodesV1ApiResponse = /** status 200  */ string[]
+export type BalancesGetSupportedFiatCodesV1ApiArg = void
+export type NativeToken = {
+  address: string
+  decimals: number
+  logoUri: string
+  name: string
+  symbol: string
+  type: 'NATIVE_TOKEN'
+}
+export type Erc20Token = {
+  address: string
+  decimals: number
+  logoUri: string
+  name: string
+  symbol: string
+  type: 'ERC20'
+}
+export type Erc721Token = {
+  address: string
+  decimals: number
+  logoUri: string
+  name: string
+  symbol: string
+  type: 'ERC721'
+}
+export type Balance = {
+  balance: string
+  fiatBalance: string
+  fiatConversion: string
+  tokenInfo: NativeToken | Erc20Token | Erc721Token
+  fiatBalance24hChange?: string | null
+}
+export type Balances = {
+  fiatTotal: string
+  items: Balance[]
+}
+export const {
+  useBalancesGetBalancesV1Query,
+  useLazyBalancesGetBalancesV1Query,
+  useBalancesGetSupportedFiatCodesV1Query,
+  useLazyBalancesGetSupportedFiatCodesV1Query,
+} = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/chains.ts b/packages/store/src/gateway/AUTO_GENERATED/chains.ts
new file mode 100644
index 000000000..ec3f52193
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/chains.ts
@@ -0,0 +1,182 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['chains'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      chainsGetChainsV1: build.query<ChainsGetChainsV1ApiResponse, ChainsGetChainsV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/chains`,
+          params: {
+            cursor: queryArg.cursor,
+          },
+        }),
+        providesTags: ['chains'],
+      }),
+      chainsGetChainV1: build.query<ChainsGetChainV1ApiResponse, ChainsGetChainV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/chains/${queryArg.chainId}` }),
+        providesTags: ['chains'],
+      }),
+      chainsGetAboutChainV1: build.query<ChainsGetAboutChainV1ApiResponse, ChainsGetAboutChainV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/chains/${queryArg.chainId}/about` }),
+        providesTags: ['chains'],
+      }),
+      chainsGetBackboneV1: build.query<ChainsGetBackboneV1ApiResponse, ChainsGetBackboneV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/chains/${queryArg.chainId}/about/backbone` }),
+        providesTags: ['chains'],
+      }),
+      chainsGetMasterCopiesV1: build.query<ChainsGetMasterCopiesV1ApiResponse, ChainsGetMasterCopiesV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/chains/${queryArg.chainId}/about/master-copies` }),
+        providesTags: ['chains'],
+      }),
+      chainsGetIndexingStatusV1: build.query<ChainsGetIndexingStatusV1ApiResponse, ChainsGetIndexingStatusV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/chains/${queryArg.chainId}/about/indexing` }),
+        providesTags: ['chains'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type ChainsGetChainsV1ApiResponse = /** status 200  */ ChainPage
+export type ChainsGetChainsV1ApiArg = {
+  cursor?: string
+}
+export type ChainsGetChainV1ApiResponse = /** status 200  */ Chain
+export type ChainsGetChainV1ApiArg = {
+  chainId: string
+}
+export type ChainsGetAboutChainV1ApiResponse = /** status 200  */ AboutChain
+export type ChainsGetAboutChainV1ApiArg = {
+  chainId: string
+}
+export type ChainsGetBackboneV1ApiResponse = /** status 200  */ Backbone
+export type ChainsGetBackboneV1ApiArg = {
+  chainId: string
+}
+export type ChainsGetMasterCopiesV1ApiResponse = /** status 200  */ MasterCopy[]
+export type ChainsGetMasterCopiesV1ApiArg = {
+  chainId: string
+}
+export type ChainsGetIndexingStatusV1ApiResponse = /** status 200  */ IndexingStatus
+export type ChainsGetIndexingStatusV1ApiArg = {
+  chainId: string
+}
+export type NativeCurrency = {
+  decimals: number
+  logoUri: string
+  name: string
+  symbol: string
+}
+export type BlockExplorerUriTemplate = {
+  address: string
+  api: string
+  txHash: string
+}
+export type BalancesProvider = {
+  chainName?: number | null
+  enabled: boolean
+}
+export type ContractAddresses = {
+  safeSingletonAddress?: string | null
+  safeProxyFactoryAddress?: string | null
+  multiSendAddress?: string | null
+  multiSendCallOnlyAddress?: string | null
+  fallbackHandlerAddress?: string | null
+  signMessageLibAddress?: string | null
+  createCallAddress?: string | null
+  simulateTxAccessorAddress?: string | null
+  safeWebAuthnSignerFactoryAddress?: string | null
+}
+export type GasPriceOracle = {
+  type: string
+  gasParameter: string
+  gweiFactor: string
+  uri: string
+}
+export type GasPriceFixed = {
+  type: string
+  weiValue: string
+}
+export type GasPriceFixedEip1559 = {
+  type: string
+  maxFeePerGas: string
+  maxPriorityFeePerGas: string
+}
+export type RpcUri = {
+  authentication: 'API_KEY_PATH' | 'NO_AUTHENTICATION' | 'UNKNOWN'
+  value: string
+}
+export type Theme = {
+  backgroundColor: string
+  textColor: string
+}
+export type Chain = {
+  chainId: string
+  chainName: string
+  description: string
+  chainLogoUri?: string | null
+  l2: boolean
+  isTestnet: boolean
+  zk: boolean
+  nativeCurrency: NativeCurrency
+  transactionService: string
+  blockExplorerUriTemplate: BlockExplorerUriTemplate
+  beaconChainExplorerUriTemplate: object
+  disabledWallets: string[]
+  ensRegistryAddress?: string | null
+  balancesProvider: BalancesProvider
+  contractAddresses: ContractAddresses
+  features: string[]
+  gasPrice: (GasPriceOracle | GasPriceFixed | GasPriceFixedEip1559)[]
+  publicRpcUri: RpcUri
+  rpcUri: RpcUri
+  safeAppsRpcUri: RpcUri
+  shortName: string
+  theme: Theme
+  recommendedMasterCopyVersion?: string | null
+}
+export type ChainPage = {
+  count?: number | null
+  next?: string | null
+  previous?: string | null
+  results: Chain[]
+}
+export type AboutChain = {
+  transactionServiceBaseUri: string
+  name: string
+  version: string
+  buildNumber: string
+}
+export type Backbone = {
+  api_version: string
+  headers?: string | null
+  host: string
+  name: string
+  secure: boolean
+  settings: object | null
+  version: string
+}
+export type MasterCopy = {
+  address: string
+  version: string
+}
+export type IndexingStatus = {
+  lastSync: number
+  synced: boolean
+}
+export const {
+  useChainsGetChainsV1Query,
+  useLazyChainsGetChainsV1Query,
+  useChainsGetChainV1Query,
+  useLazyChainsGetChainV1Query,
+  useChainsGetAboutChainV1Query,
+  useLazyChainsGetAboutChainV1Query,
+  useChainsGetBackboneV1Query,
+  useLazyChainsGetBackboneV1Query,
+  useChainsGetMasterCopiesV1Query,
+  useLazyChainsGetMasterCopiesV1Query,
+  useChainsGetIndexingStatusV1Query,
+  useLazyChainsGetIndexingStatusV1Query,
+} = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/collectibles.ts b/packages/store/src/gateway/AUTO_GENERATED/collectibles.ts
new file mode 100644
index 000000000..577e70251
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/collectibles.ts
@@ -0,0 +1,53 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['collectibles'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      collectiblesGetCollectiblesV2: build.query<
+        CollectiblesGetCollectiblesV2ApiResponse,
+        CollectiblesGetCollectiblesV2ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v2/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}/collectibles`,
+          params: {
+            trusted: queryArg.trusted,
+            exclude_spam: queryArg.excludeSpam,
+            cursor: queryArg.cursor,
+          },
+        }),
+        providesTags: ['collectibles'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type CollectiblesGetCollectiblesV2ApiResponse = /** status 200  */ CollectiblePage
+export type CollectiblesGetCollectiblesV2ApiArg = {
+  chainId: string
+  safeAddress: string
+  trusted?: boolean
+  excludeSpam?: boolean
+  cursor?: string
+}
+export type Collectible = {
+  address: string
+  tokenName: string
+  tokenSymbol: string
+  logoUri: string
+  id: string
+  uri?: string | null
+  name?: string | null
+  description?: string | null
+  imageUri?: string | null
+  metadata?: object | null
+}
+export type CollectiblePage = {
+  count?: number | null
+  next?: string | null
+  previous?: string | null
+  results: Collectible[]
+}
+export const { useCollectiblesGetCollectiblesV2Query, useLazyCollectiblesGetCollectiblesV2Query } = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/community.ts b/packages/store/src/gateway/AUTO_GENERATED/community.ts
new file mode 100644
index 000000000..db9750dae
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/community.ts
@@ -0,0 +1,241 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['community'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      communityGetCampaignsV1: build.query<CommunityGetCampaignsV1ApiResponse, CommunityGetCampaignsV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/community/campaigns`,
+          params: {
+            cursor: queryArg.cursor,
+          },
+        }),
+        providesTags: ['community'],
+      }),
+      communityGetCampaignByIdV1: build.query<CommunityGetCampaignByIdV1ApiResponse, CommunityGetCampaignByIdV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/community/campaigns/${queryArg.resourceId}` }),
+        providesTags: ['community'],
+      }),
+      communityGetCampaignActivitiesV1: build.query<
+        CommunityGetCampaignActivitiesV1ApiResponse,
+        CommunityGetCampaignActivitiesV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/community/campaigns/${queryArg.resourceId}/activities`,
+          params: {
+            holder: queryArg.holder,
+            cursor: queryArg.cursor,
+          },
+        }),
+        providesTags: ['community'],
+      }),
+      communityGetCampaignLeaderboardV1: build.query<
+        CommunityGetCampaignLeaderboardV1ApiResponse,
+        CommunityGetCampaignLeaderboardV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/community/campaigns/${queryArg.resourceId}/leaderboard`,
+          params: {
+            cursor: queryArg.cursor,
+          },
+        }),
+        providesTags: ['community'],
+      }),
+      communityGetCampaignRankV1: build.query<CommunityGetCampaignRankV1ApiResponse, CommunityGetCampaignRankV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/community/campaigns/${queryArg.resourceId}/leaderboard/${queryArg.safeAddress}`,
+        }),
+        providesTags: ['community'],
+      }),
+      communityCheckEligibilityV1: build.mutation<
+        CommunityCheckEligibilityV1ApiResponse,
+        CommunityCheckEligibilityV1ApiArg
+      >({
+        query: (queryArg) => ({ url: `/v1/community/eligibility`, method: 'POST', body: queryArg.eligibilityRequest }),
+        invalidatesTags: ['community'],
+      }),
+      communityGetLeaderboardV1: build.query<CommunityGetLeaderboardV1ApiResponse, CommunityGetLeaderboardV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/community/locking/leaderboard`,
+          params: {
+            cursor: queryArg.cursor,
+          },
+        }),
+        providesTags: ['community'],
+      }),
+      communityGetLockingRankV1: build.query<CommunityGetLockingRankV1ApiResponse, CommunityGetLockingRankV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/community/locking/${queryArg.safeAddress}/rank` }),
+        providesTags: ['community'],
+      }),
+      communityGetLockingHistoryV1: build.query<
+        CommunityGetLockingHistoryV1ApiResponse,
+        CommunityGetLockingHistoryV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/community/locking/${queryArg.safeAddress}/history`,
+          params: {
+            cursor: queryArg.cursor,
+          },
+        }),
+        providesTags: ['community'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type CommunityGetCampaignsV1ApiResponse = /** status 200  */ CampaignPage
+export type CommunityGetCampaignsV1ApiArg = {
+  cursor?: string
+}
+export type CommunityGetCampaignByIdV1ApiResponse = /** status 200  */ Campaign
+export type CommunityGetCampaignByIdV1ApiArg = {
+  resourceId: string
+}
+export type CommunityGetCampaignActivitiesV1ApiResponse = unknown
+export type CommunityGetCampaignActivitiesV1ApiArg = {
+  resourceId: string
+  holder?: string
+  cursor?: string
+}
+export type CommunityGetCampaignLeaderboardV1ApiResponse = /** status 200  */ CampaignRankPage
+export type CommunityGetCampaignLeaderboardV1ApiArg = {
+  resourceId: string
+  cursor?: string
+}
+export type CommunityGetCampaignRankV1ApiResponse = /** status 200  */ CampaignRank
+export type CommunityGetCampaignRankV1ApiArg = {
+  resourceId: string
+  safeAddress: string
+}
+export type CommunityCheckEligibilityV1ApiResponse = /** status 200  */ Eligibility
+export type CommunityCheckEligibilityV1ApiArg = {
+  eligibilityRequest: EligibilityRequest
+}
+export type CommunityGetLeaderboardV1ApiResponse = /** status 200  */ LockingRankPage
+export type CommunityGetLeaderboardV1ApiArg = {
+  cursor?: string
+}
+export type CommunityGetLockingRankV1ApiResponse = /** status 200  */ LockingRank
+export type CommunityGetLockingRankV1ApiArg = {
+  safeAddress: string
+}
+export type CommunityGetLockingHistoryV1ApiResponse = /** status 200  */ LockingEventPage
+export type CommunityGetLockingHistoryV1ApiArg = {
+  safeAddress: string
+  cursor?: string
+}
+export type ActivityMetadata = {
+  name: string
+  description: string
+  maxPoints: number
+}
+export type Campaign = {
+  resourceId: string
+  name: string
+  description: string
+  startDate: string
+  endDate: string
+  lastUpdated?: string | null
+  activitiesMetadata?: ActivityMetadata[] | null
+  rewardValue?: string | null
+  rewardText?: string | null
+  iconUrl?: string | null
+  safeAppUrl?: string | null
+  partnerUrl?: string | null
+  isPromoted: boolean
+}
+export type CampaignPage = {
+  count?: number | null
+  next?: string | null
+  previous?: string | null
+  results: Campaign[]
+}
+export type CampaignRank = {
+  holder: string
+  position: number
+  boost: number
+  totalPoints: number
+  totalBoostedPoints: number
+}
+export type CampaignRankPage = {
+  count?: number | null
+  next?: string | null
+  previous?: string | null
+  results: CampaignRank[]
+}
+export type Eligibility = {
+  requestId: string
+  isAllowed: boolean
+  isVpn: boolean
+}
+export type EligibilityRequest = {
+  requestId: string
+  sealedData: string
+}
+export type LockingRank = {
+  holder: string
+  position: number
+  lockedAmount: string
+  unlockedAmount: string
+  withdrawnAmount: string
+}
+export type LockingRankPage = {
+  count?: number | null
+  next?: string | null
+  previous?: string | null
+  results: LockingRank[]
+}
+export type LockEventItem = {
+  eventType: 'LOCKED'
+  executionDate: string
+  transactionHash: string
+  holder: string
+  amount: string
+  logIndex: string
+}
+export type UnlockEventItem = {
+  eventType: 'UNLOCKED'
+  executionDate: string
+  transactionHash: string
+  holder: string
+  amount: string
+  logIndex: string
+  unlockIndex: string
+}
+export type WithdrawEventItem = {
+  eventType: 'WITHDRAWN'
+  executionDate: string
+  transactionHash: string
+  holder: string
+  amount: string
+  logIndex: string
+  unlockIndex: string
+}
+export type LockingEventPage = {
+  count?: number | null
+  next?: string | null
+  previous?: string | null
+  results: (LockEventItem | UnlockEventItem | WithdrawEventItem)[]
+}
+export const {
+  useCommunityGetCampaignsV1Query,
+  useLazyCommunityGetCampaignsV1Query,
+  useCommunityGetCampaignByIdV1Query,
+  useLazyCommunityGetCampaignByIdV1Query,
+  useCommunityGetCampaignActivitiesV1Query,
+  useLazyCommunityGetCampaignActivitiesV1Query,
+  useCommunityGetCampaignLeaderboardV1Query,
+  useLazyCommunityGetCampaignLeaderboardV1Query,
+  useCommunityGetCampaignRankV1Query,
+  useLazyCommunityGetCampaignRankV1Query,
+  useCommunityCheckEligibilityV1Mutation,
+  useCommunityGetLeaderboardV1Query,
+  useLazyCommunityGetLeaderboardV1Query,
+  useCommunityGetLockingRankV1Query,
+  useLazyCommunityGetLockingRankV1Query,
+  useCommunityGetLockingHistoryV1Query,
+  useLazyCommunityGetLockingHistoryV1Query,
+} = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/contracts.ts b/packages/store/src/gateway/AUTO_GENERATED/contracts.ts
new file mode 100644
index 000000000..c89b0e4c8
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/contracts.ts
@@ -0,0 +1,30 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['contracts'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      contractsGetContractV1: build.query<ContractsGetContractV1ApiResponse, ContractsGetContractV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/chains/${queryArg.chainId}/contracts/${queryArg.contractAddress}` }),
+        providesTags: ['contracts'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type ContractsGetContractV1ApiResponse = /** status 200  */ Contract
+export type ContractsGetContractV1ApiArg = {
+  chainId: string
+  contractAddress: string
+}
+export type Contract = {
+  address: string
+  name: string
+  displayName: string
+  logoUri: string
+  contractAbi?: object | null
+  trustedForDelegateCall: boolean
+}
+export const { useContractsGetContractV1Query, useLazyContractsGetContractV1Query } = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/data-decoded.ts b/packages/store/src/gateway/AUTO_GENERATED/data-decoded.ts
new file mode 100644
index 000000000..966a2c7e4
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/data-decoded.ts
@@ -0,0 +1,57 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['data-decoded'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      dataDecodedGetDataDecodedV1: build.mutation<
+        DataDecodedGetDataDecodedV1ApiResponse,
+        DataDecodedGetDataDecodedV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/data-decoder`,
+          method: 'POST',
+          body: queryArg.transactionDataDto,
+        }),
+        invalidatesTags: ['data-decoded'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type DataDecodedGetDataDecodedV1ApiResponse = /** status 200  */ DataDecoded
+export type DataDecodedGetDataDecodedV1ApiArg = {
+  chainId: string
+  transactionDataDto: TransactionDataDto
+}
+export type BaseDataDecoded = {
+  method: string
+  parameters?: DataDecodedParameter[]
+}
+export type MultiSend = {
+  operation: 0 | 1
+  value: string
+  dataDecoded?: BaseDataDecoded
+  to: string
+  data?: object
+}
+export type DataDecodedParameter = {
+  name: string
+  type: string
+  value: object
+  valueDecoded?: BaseDataDecoded | MultiSend[] | null
+}
+export type DataDecoded = {
+  method: string
+  parameters?: DataDecodedParameter[] | null
+  accuracy?: 'FULL_MATCH' | 'PARTIAL_MATCH' | 'ONLY_FUNCTION_MATCH' | 'NO_MATCH' | 'UNKNOWN'
+}
+export type TransactionDataDto = {
+  /** Hexadecimal value */
+  data: string
+  /** The target Ethereum address */
+  to?: string
+}
+export const { useDataDecodedGetDataDecodedV1Mutation } = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/delegates.ts b/packages/store/src/gateway/AUTO_GENERATED/delegates.ts
new file mode 100644
index 000000000..0f8517a12
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/delegates.ts
@@ -0,0 +1,149 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['delegates'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      delegatesGetDelegatesV1: build.query<DelegatesGetDelegatesV1ApiResponse, DelegatesGetDelegatesV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/delegates`,
+          params: {
+            safe: queryArg.safe,
+            delegate: queryArg.delegate,
+            delegator: queryArg.delegator,
+            label: queryArg.label,
+            cursor: queryArg.cursor,
+          },
+        }),
+        providesTags: ['delegates'],
+      }),
+      delegatesPostDelegateV1: build.mutation<DelegatesPostDelegateV1ApiResponse, DelegatesPostDelegateV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/delegates`,
+          method: 'POST',
+          body: queryArg.createDelegateDto,
+        }),
+        invalidatesTags: ['delegates'],
+      }),
+      delegatesDeleteDelegateV1: build.mutation<DelegatesDeleteDelegateV1ApiResponse, DelegatesDeleteDelegateV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/delegates/${queryArg.delegateAddress}`,
+          method: 'DELETE',
+          body: queryArg.deleteDelegateDto,
+        }),
+        invalidatesTags: ['delegates'],
+      }),
+      delegatesGetDelegatesV2: build.query<DelegatesGetDelegatesV2ApiResponse, DelegatesGetDelegatesV2ApiArg>({
+        query: (queryArg) => ({
+          url: `/v2/chains/${queryArg.chainId}/delegates`,
+          params: {
+            safe: queryArg.safe,
+            delegate: queryArg.delegate,
+            delegator: queryArg.delegator,
+            label: queryArg.label,
+            cursor: queryArg.cursor,
+          },
+        }),
+        providesTags: ['delegates'],
+      }),
+      delegatesPostDelegateV2: build.mutation<DelegatesPostDelegateV2ApiResponse, DelegatesPostDelegateV2ApiArg>({
+        query: (queryArg) => ({
+          url: `/v2/chains/${queryArg.chainId}/delegates`,
+          method: 'POST',
+          body: queryArg.createDelegateDto,
+        }),
+        invalidatesTags: ['delegates'],
+      }),
+      delegatesDeleteDelegateV2: build.mutation<DelegatesDeleteDelegateV2ApiResponse, DelegatesDeleteDelegateV2ApiArg>({
+        query: (queryArg) => ({
+          url: `/v2/chains/${queryArg.chainId}/delegates/${queryArg.delegateAddress}`,
+          method: 'DELETE',
+          body: queryArg.deleteDelegateV2Dto,
+        }),
+        invalidatesTags: ['delegates'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type DelegatesGetDelegatesV1ApiResponse = /** status 200  */ DelegatePage
+export type DelegatesGetDelegatesV1ApiArg = {
+  chainId: string
+  safe?: string
+  delegate?: string
+  delegator?: string
+  label?: string
+  cursor?: string
+}
+export type DelegatesPostDelegateV1ApiResponse = unknown
+export type DelegatesPostDelegateV1ApiArg = {
+  chainId: string
+  createDelegateDto: CreateDelegateDto
+}
+export type DelegatesDeleteDelegateV1ApiResponse = unknown
+export type DelegatesDeleteDelegateV1ApiArg = {
+  chainId: string
+  delegateAddress: string
+  deleteDelegateDto: DeleteDelegateDto
+}
+export type DelegatesGetDelegatesV2ApiResponse = /** status 200  */ DelegatePage
+export type DelegatesGetDelegatesV2ApiArg = {
+  chainId: string
+  safe?: string
+  delegate?: string
+  delegator?: string
+  label?: string
+  cursor?: string
+}
+export type DelegatesPostDelegateV2ApiResponse = unknown
+export type DelegatesPostDelegateV2ApiArg = {
+  chainId: string
+  createDelegateDto: CreateDelegateDto
+}
+export type DelegatesDeleteDelegateV2ApiResponse = unknown
+export type DelegatesDeleteDelegateV2ApiArg = {
+  chainId: string
+  delegateAddress: string
+  deleteDelegateV2Dto: DeleteDelegateV2Dto
+}
+export type Delegate = {
+  safe?: string | null
+  delegate: string
+  delegator: string
+  label: string
+}
+export type DelegatePage = {
+  count?: number | null
+  next?: string | null
+  previous?: string | null
+  results: Delegate[]
+}
+export type CreateDelegateDto = {
+  safe?: string | null
+  delegate: string
+  delegator: string
+  signature: string
+  label: string
+}
+export type DeleteDelegateDto = {
+  delegate: string
+  delegator: string
+  signature: string
+}
+export type DeleteDelegateV2Dto = {
+  delegator?: string | null
+  safe?: string | null
+  signature: string
+}
+export const {
+  useDelegatesGetDelegatesV1Query,
+  useLazyDelegatesGetDelegatesV1Query,
+  useDelegatesPostDelegateV1Mutation,
+  useDelegatesDeleteDelegateV1Mutation,
+  useDelegatesGetDelegatesV2Query,
+  useLazyDelegatesGetDelegatesV2Query,
+  useDelegatesPostDelegateV2Mutation,
+  useDelegatesDeleteDelegateV2Mutation,
+} = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/estimations.ts b/packages/store/src/gateway/AUTO_GENERATED/estimations.ts
new file mode 100644
index 000000000..3ecb190d2
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/estimations.ts
@@ -0,0 +1,41 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['estimations'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      estimationsGetEstimationV2: build.mutation<
+        EstimationsGetEstimationV2ApiResponse,
+        EstimationsGetEstimationV2ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v2/chains/${queryArg.chainId}/safes/${queryArg.address}/multisig-transactions/estimations`,
+          method: 'POST',
+          body: queryArg.getEstimationDto,
+        }),
+        invalidatesTags: ['estimations'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type EstimationsGetEstimationV2ApiResponse = /** status 200  */ EstimationResponse
+export type EstimationsGetEstimationV2ApiArg = {
+  chainId: string
+  address: string
+  getEstimationDto: GetEstimationDto
+}
+export type EstimationResponse = {
+  currentNonce: number
+  recommendedNonce: number
+  safeTxGas: string
+}
+export type GetEstimationDto = {
+  to: string
+  value: string
+  data?: string | null
+  operation: number
+}
+export const { useEstimationsGetEstimationV2Mutation } = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/messages.ts b/packages/store/src/gateway/AUTO_GENERATED/messages.ts
new file mode 100644
index 000000000..06b5858d0
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/messages.ts
@@ -0,0 +1,158 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['messages'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      messagesGetMessageByHashV1: build.query<MessagesGetMessageByHashV1ApiResponse, MessagesGetMessageByHashV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/chains/${queryArg.chainId}/messages/${queryArg.messageHash}` }),
+        providesTags: ['messages'],
+      }),
+      messagesGetMessagesBySafeV1: build.query<
+        MessagesGetMessagesBySafeV1ApiResponse,
+        MessagesGetMessagesBySafeV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}/messages`,
+          params: {
+            cursor: queryArg.cursor,
+          },
+        }),
+        providesTags: ['messages'],
+      }),
+      messagesCreateMessageV1: build.mutation<MessagesCreateMessageV1ApiResponse, MessagesCreateMessageV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}/messages`,
+          method: 'POST',
+          body: queryArg.createMessageDto,
+        }),
+        invalidatesTags: ['messages'],
+      }),
+      messagesUpdateMessageSignatureV1: build.mutation<
+        MessagesUpdateMessageSignatureV1ApiResponse,
+        MessagesUpdateMessageSignatureV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/messages/${queryArg.messageHash}/signatures`,
+          method: 'POST',
+          body: queryArg.updateMessageSignatureDto,
+        }),
+        invalidatesTags: ['messages'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type MessagesGetMessageByHashV1ApiResponse = /** status 200  */ Message
+export type MessagesGetMessageByHashV1ApiArg = {
+  chainId: string
+  messageHash: string
+}
+export type MessagesGetMessagesBySafeV1ApiResponse = /** status 200  */ MessagePage
+export type MessagesGetMessagesBySafeV1ApiArg = {
+  chainId: string
+  safeAddress: string
+  cursor?: string
+}
+export type MessagesCreateMessageV1ApiResponse = unknown
+export type MessagesCreateMessageV1ApiArg = {
+  chainId: string
+  safeAddress: string
+  createMessageDto: CreateMessageDto
+}
+export type MessagesUpdateMessageSignatureV1ApiResponse = unknown
+export type MessagesUpdateMessageSignatureV1ApiArg = {
+  chainId: string
+  messageHash: string
+  updateMessageSignatureDto: UpdateMessageSignatureDto
+}
+export type TypedDataDomain = {
+  chainId?: number
+  name?: string
+  salt?: string
+  verifyingContract?: string
+  version?: string
+}
+export type TypedDataParameter = {
+  name: string
+  type: string
+}
+export type TypedData = {
+  domain: TypedDataDomain
+  primaryType: string
+  types: {
+    [key: string]: TypedDataParameter[]
+  }
+  message: {
+    [key: string]: any
+  }
+}
+export type AddressInfo = {
+  value: string
+  name?: string | null
+  logoUri?: string | null
+}
+export type MessageConfirmation = {
+  owner: AddressInfo
+  signature: string
+}
+export type Message = {
+  messageHash: string
+  status: 'NEEDS_CONFIRMATION' | 'CONFIRMED'
+  logoUri?: string | null
+  name?: string | null
+  message: string | TypedData
+  creationTimestamp: number
+  modifiedTimestamp: number
+  confirmationsSubmitted: number
+  confirmationsRequired: number
+  proposedBy: AddressInfo
+  confirmations: MessageConfirmation[]
+  preparedSignature?: string | null
+  origin?: string | null
+}
+export type MessageItem = {
+  messageHash: string
+  status: 'NEEDS_CONFIRMATION' | 'CONFIRMED'
+  logoUri?: string | null
+  name?: string | null
+  message: string | TypedData
+  creationTimestamp: number
+  modifiedTimestamp: number
+  confirmationsSubmitted: number
+  confirmationsRequired: number
+  proposedBy: AddressInfo
+  confirmations: MessageConfirmation[]
+  preparedSignature?: string | null
+  origin?: string | null
+  type: 'MESSAGE'
+}
+export type DateLabel = {
+  type: 'DATE_LABEL'
+  timestamp: number
+}
+export type MessagePage = {
+  count?: number | null
+  next?: string | null
+  previous?: string | null
+  results: (MessageItem | DateLabel)[]
+}
+export type CreateMessageDto = {
+  message: string | TypedData
+  safeAppId?: number | null
+  signature: string
+  origin?: string | null
+}
+export type UpdateMessageSignatureDto = {
+  signature: string
+}
+export const {
+  useMessagesGetMessageByHashV1Query,
+  useLazyMessagesGetMessageByHashV1Query,
+  useMessagesGetMessagesBySafeV1Query,
+  useLazyMessagesGetMessagesBySafeV1Query,
+  useMessagesCreateMessageV1Mutation,
+  useMessagesUpdateMessageSignatureV1Mutation,
+} = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/notifications.ts b/packages/store/src/gateway/AUTO_GENERATED/notifications.ts
new file mode 100644
index 000000000..c09930218
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/notifications.ts
@@ -0,0 +1,190 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['notifications'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      notificationsUpsertSubscriptionsV2: build.mutation<
+        NotificationsUpsertSubscriptionsV2ApiResponse,
+        NotificationsUpsertSubscriptionsV2ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v2/register/notifications`,
+          method: 'POST',
+          body: queryArg.upsertSubscriptionsDto,
+        }),
+        invalidatesTags: ['notifications'],
+      }),
+      notificationsGetSafeSubscriptionV2: build.query<
+        NotificationsGetSafeSubscriptionV2ApiResponse,
+        NotificationsGetSafeSubscriptionV2ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v2/chains/${queryArg.chainId}/notifications/devices/${queryArg.deviceUuid}/safes/${queryArg.safeAddress}`,
+        }),
+        providesTags: ['notifications'],
+      }),
+      notificationsDeleteSubscriptionV2: build.mutation<
+        NotificationsDeleteSubscriptionV2ApiResponse,
+        NotificationsDeleteSubscriptionV2ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v2/chains/${queryArg.chainId}/notifications/devices/${queryArg.deviceUuid}/safes/${queryArg.safeAddress}`,
+          method: 'DELETE',
+        }),
+        invalidatesTags: ['notifications'],
+      }),
+      notificationsDeleteAllSubscriptionsV2: build.mutation<
+        NotificationsDeleteAllSubscriptionsV2ApiResponse,
+        NotificationsDeleteAllSubscriptionsV2ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v2/notifications/subscriptions`,
+          method: 'DELETE',
+          body: queryArg.deleteAllSubscriptionsDto,
+        }),
+        invalidatesTags: ['notifications'],
+      }),
+      notificationsDeleteDeviceV2: build.mutation<
+        NotificationsDeleteDeviceV2ApiResponse,
+        NotificationsDeleteDeviceV2ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v2/chains/${queryArg.chainId}/notifications/devices/${queryArg.deviceUuid}`,
+          method: 'DELETE',
+        }),
+        invalidatesTags: ['notifications'],
+      }),
+      notificationsRegisterDeviceV1: build.mutation<
+        NotificationsRegisterDeviceV1ApiResponse,
+        NotificationsRegisterDeviceV1ApiArg
+      >({
+        query: (queryArg) => ({ url: `/v1/register/notifications`, method: 'POST', body: queryArg.registerDeviceDto }),
+        invalidatesTags: ['notifications'],
+      }),
+      notificationsUnregisterDeviceV1: build.mutation<
+        NotificationsUnregisterDeviceV1ApiResponse,
+        NotificationsUnregisterDeviceV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/notifications/devices/${queryArg.uuid}`,
+          method: 'DELETE',
+        }),
+        invalidatesTags: ['notifications'],
+      }),
+      notificationsUnregisterSafeV1: build.mutation<
+        NotificationsUnregisterSafeV1ApiResponse,
+        NotificationsUnregisterSafeV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/notifications/devices/${queryArg.uuid}/safes/${queryArg.safeAddress}`,
+          method: 'DELETE',
+        }),
+        invalidatesTags: ['notifications'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type NotificationsUpsertSubscriptionsV2ApiResponse = unknown
+export type NotificationsUpsertSubscriptionsV2ApiArg = {
+  upsertSubscriptionsDto: UpsertSubscriptionsDto
+}
+export type NotificationsGetSafeSubscriptionV2ApiResponse = unknown
+export type NotificationsGetSafeSubscriptionV2ApiArg = {
+  deviceUuid: string
+  chainId: string
+  safeAddress: string
+}
+export type NotificationsDeleteSubscriptionV2ApiResponse = unknown
+export type NotificationsDeleteSubscriptionV2ApiArg = {
+  deviceUuid: string
+  chainId: string
+  safeAddress: string
+}
+export type NotificationsDeleteAllSubscriptionsV2ApiResponse = unknown
+export type NotificationsDeleteAllSubscriptionsV2ApiArg = {
+  deleteAllSubscriptionsDto: DeleteAllSubscriptionsDto
+}
+export type NotificationsDeleteDeviceV2ApiResponse = unknown
+export type NotificationsDeleteDeviceV2ApiArg = {
+  chainId: string
+  deviceUuid: string
+}
+export type NotificationsRegisterDeviceV1ApiResponse = unknown
+export type NotificationsRegisterDeviceV1ApiArg = {
+  registerDeviceDto: RegisterDeviceDto
+}
+export type NotificationsUnregisterDeviceV1ApiResponse = unknown
+export type NotificationsUnregisterDeviceV1ApiArg = {
+  chainId: string
+  uuid: string
+}
+export type NotificationsUnregisterSafeV1ApiResponse = unknown
+export type NotificationsUnregisterSafeV1ApiArg = {
+  chainId: string
+  uuid: string
+  safeAddress: string
+}
+export type NotificationType =
+  | 'CONFIRMATION_REQUEST'
+  | 'DELETED_MULTISIG_TRANSACTION'
+  | 'EXECUTED_MULTISIG_TRANSACTION'
+  | 'INCOMING_ETHER'
+  | 'INCOMING_TOKEN'
+  | 'MESSAGE_CONFIRMATION_REQUEST'
+  | 'MODULE_TRANSACTION'
+export type UpsertSubscriptionsSafesDto = {
+  chainId: string
+  address: string
+  notificationTypes: NotificationType[]
+}
+export type DeviceType = 'ANDROID' | 'IOS' | 'WEB'
+export type UpsertSubscriptionsDto = {
+  cloudMessagingToken: string
+  safes: UpsertSubscriptionsSafesDto[]
+  deviceType: DeviceType
+  deviceUuid?: string | null
+}
+export type DeleteAllSubscriptionItemDto = {
+  chainId: string
+  deviceUuid: string
+  safeAddress: string
+  /** Optional signer address filter:
+    • Omitted (undefined): Deletes subscriptions regardless of signer address
+    • null: Deletes only subscriptions with no signer address
+    • Valid address: Deletes only subscriptions with that specific signer address */
+  signerAddress?: string | null
+}
+export type DeleteAllSubscriptionsDto = {
+  /** At least one subscription is required */
+  subscriptions: DeleteAllSubscriptionItemDto[]
+}
+export type SafeRegistration = {
+  chainId: string
+  safes: string[]
+  signatures: string[]
+}
+export type RegisterDeviceDto = {
+  uuid?: string | null
+  cloudMessagingToken: string
+  buildNumber: string
+  bundle: string
+  deviceType: string
+  version: string
+  timestamp?: string | null
+  safeRegistrations: SafeRegistration[]
+}
+export const {
+  useNotificationsUpsertSubscriptionsV2Mutation,
+  useNotificationsGetSafeSubscriptionV2Query,
+  useLazyNotificationsGetSafeSubscriptionV2Query,
+  useNotificationsDeleteSubscriptionV2Mutation,
+  useNotificationsDeleteAllSubscriptionsV2Mutation,
+  useNotificationsDeleteDeviceV2Mutation,
+  useNotificationsRegisterDeviceV1Mutation,
+  useNotificationsUnregisterDeviceV1Mutation,
+  useNotificationsUnregisterSafeV1Mutation,
+} = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/owners.ts b/packages/store/src/gateway/AUTO_GENERATED/owners.ts
new file mode 100644
index 000000000..2a85ad562
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/owners.ts
@@ -0,0 +1,50 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['owners'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      ownersGetSafesByOwnerV1: build.query<OwnersGetSafesByOwnerV1ApiResponse, OwnersGetSafesByOwnerV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/chains/${queryArg.chainId}/owners/${queryArg.ownerAddress}/safes` }),
+        providesTags: ['owners'],
+      }),
+      ownersGetAllSafesByOwnerV1: build.query<OwnersGetAllSafesByOwnerV1ApiResponse, OwnersGetAllSafesByOwnerV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/owners/${queryArg.ownerAddress}/safes` }),
+        providesTags: ['owners'],
+      }),
+      ownersGetAllSafesByOwnerV2: build.query<OwnersGetAllSafesByOwnerV2ApiResponse, OwnersGetAllSafesByOwnerV2ApiArg>({
+        query: (queryArg) => ({ url: `/v2/owners/${queryArg.ownerAddress}/safes` }),
+        providesTags: ['owners'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type OwnersGetSafesByOwnerV1ApiResponse = /** status 200  */ SafeList
+export type OwnersGetSafesByOwnerV1ApiArg = {
+  chainId: string
+  ownerAddress: string
+}
+export type OwnersGetAllSafesByOwnerV1ApiResponse = /** status 200  */ SafeList
+export type OwnersGetAllSafesByOwnerV1ApiArg = {
+  ownerAddress: string
+}
+export type OwnersGetAllSafesByOwnerV2ApiResponse = /** status 200  */ {
+  [key: string]: string[]
+}
+export type OwnersGetAllSafesByOwnerV2ApiArg = {
+  ownerAddress: string
+}
+export type SafeList = {
+  safes: string[]
+}
+export const {
+  useOwnersGetSafesByOwnerV1Query,
+  useLazyOwnersGetSafesByOwnerV1Query,
+  useOwnersGetAllSafesByOwnerV1Query,
+  useLazyOwnersGetAllSafesByOwnerV1Query,
+  useOwnersGetAllSafesByOwnerV2Query,
+  useLazyOwnersGetAllSafesByOwnerV2Query,
+} = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/relay.ts b/packages/store/src/gateway/AUTO_GENERATED/relay.ts
new file mode 100644
index 000000000..b34ef5ecc
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/relay.ts
@@ -0,0 +1,48 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['relay'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      relayRelayV1: build.mutation<RelayRelayV1ApiResponse, RelayRelayV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/chains/${queryArg.chainId}/relay`, method: 'POST', body: queryArg.relayDto }),
+        invalidatesTags: ['relay'],
+      }),
+      relayGetRelaysRemainingV1: build.query<RelayGetRelaysRemainingV1ApiResponse, RelayGetRelaysRemainingV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/chains/${queryArg.chainId}/relay/${queryArg.safeAddress}` }),
+        providesTags: ['relay'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type RelayRelayV1ApiResponse = /** status 200  */ Relay
+export type RelayRelayV1ApiArg = {
+  chainId: string
+  relayDto: RelayDto
+}
+export type RelayGetRelaysRemainingV1ApiResponse = /** status 200  */ RelaysRemaining
+export type RelayGetRelaysRemainingV1ApiArg = {
+  chainId: string
+  safeAddress: string
+}
+export type Relay = {
+  taskId: string
+}
+export type RelayDto = {
+  version: string
+  to: string
+  data: string
+  /** If specified, a gas buffer of 150k will be added on top of the expected gas usage for the transaction.
+          This is for the <a href="https://docs.gelato.network/developer-services/relay/quick-start/optional-parameters" target="_blank">
+          Gelato Relay execution overhead</a>, reducing the chance of the task cancelling before it is executed on-chain. */
+  gasLimit?: string | null
+}
+export type RelaysRemaining = {
+  remaining: number
+  limit: number
+}
+export const { useRelayRelayV1Mutation, useRelayGetRelaysRemainingV1Query, useLazyRelayGetRelaysRemainingV1Query } =
+  injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/safe-apps.ts b/packages/store/src/gateway/AUTO_GENERATED/safe-apps.ts
new file mode 100644
index 000000000..7676871b4
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/safe-apps.ts
@@ -0,0 +1,56 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['safe-apps'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      safeAppsGetSafeAppsV1: build.query<SafeAppsGetSafeAppsV1ApiResponse, SafeAppsGetSafeAppsV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/safe-apps`,
+          params: {
+            clientUrl: queryArg.clientUrl,
+            url: queryArg.url,
+          },
+        }),
+        providesTags: ['safe-apps'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type SafeAppsGetSafeAppsV1ApiResponse = /** status 200  */ SafeApp[]
+export type SafeAppsGetSafeAppsV1ApiArg = {
+  chainId: string
+  clientUrl?: string
+  url?: string
+}
+export type SafeAppProvider = {
+  url: string
+  name: string
+}
+export type SafeAppAccessControl = {
+  type: string
+  value?: string[] | null
+}
+export type SafeAppSocialProfile = {
+  platform: 'DISCORD' | 'GITHUB' | 'TWITTER' | 'TELEGRAM' | 'UNKNOWN'
+  url: string
+}
+export type SafeApp = {
+  id: number
+  url: string
+  name: string
+  iconUrl?: string | null
+  description: string
+  chainIds: string[]
+  provider?: SafeAppProvider | null
+  accessControl: SafeAppAccessControl
+  tags: string[]
+  features: string[]
+  developerWebsite?: string | null
+  socialProfiles: SafeAppSocialProfile[]
+  featured: boolean
+}
+export const { useSafeAppsGetSafeAppsV1Query, useLazySafeAppsGetSafeAppsV1Query } = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/safes.ts b/packages/store/src/gateway/AUTO_GENERATED/safes.ts
new file mode 100644
index 000000000..fb87c5994
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/safes.ts
@@ -0,0 +1,94 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['safes'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      safesGetSafeV1: build.query<SafesGetSafeV1ApiResponse, SafesGetSafeV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}` }),
+        providesTags: ['safes'],
+      }),
+      safesGetNoncesV1: build.query<SafesGetNoncesV1ApiResponse, SafesGetNoncesV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}/nonces` }),
+        providesTags: ['safes'],
+      }),
+      safesGetSafeOverviewV1: build.query<SafesGetSafeOverviewV1ApiResponse, SafesGetSafeOverviewV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/safes`,
+          params: {
+            currency: queryArg.currency,
+            safes: queryArg.safes,
+            trusted: queryArg.trusted,
+            exclude_spam: queryArg.excludeSpam,
+            wallet_address: queryArg.walletAddress,
+          },
+        }),
+        providesTags: ['safes'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type SafesGetSafeV1ApiResponse = /** status 200  */ SafeState
+export type SafesGetSafeV1ApiArg = {
+  chainId: string
+  safeAddress: string
+}
+export type SafesGetNoncesV1ApiResponse = /** status 200  */ SafeNonces
+export type SafesGetNoncesV1ApiArg = {
+  chainId: string
+  safeAddress: string
+}
+export type SafesGetSafeOverviewV1ApiResponse = /** status 200  */ SafeOverview[]
+export type SafesGetSafeOverviewV1ApiArg = {
+  currency: string
+  safes: string
+  trusted?: boolean
+  excludeSpam?: boolean
+  walletAddress?: string
+}
+export type AddressInfo = {
+  value: string
+  name?: string | null
+  logoUri?: string | null
+}
+export type SafeState = {
+  address: AddressInfo
+  chainId: string
+  nonce: number
+  threshold: number
+  owners: AddressInfo[]
+  implementation: AddressInfo
+  modules?: AddressInfo[] | null
+  fallbackHandler?: AddressInfo | null
+  guard?: AddressInfo | null
+  version?: string | null
+  implementationVersionState: 'UP_TO_DATE' | 'OUTDATED' | 'UNKNOWN'
+  collectiblesTag?: string | null
+  txQueuedTag?: string | null
+  txHistoryTag?: string | null
+  messagesTag?: string | null
+}
+export type SafeNonces = {
+  currentNonce: number
+  recommendedNonce: number
+}
+export type SafeOverview = {
+  address: AddressInfo
+  chainId: string
+  threshold: number
+  owners: AddressInfo[]
+  fiatTotal: string
+  queued: number
+  awaitingConfirmation?: number | null
+}
+export const {
+  useSafesGetSafeV1Query,
+  useLazySafesGetSafeV1Query,
+  useSafesGetNoncesV1Query,
+  useLazySafesGetNoncesV1Query,
+  useSafesGetSafeOverviewV1Query,
+  useLazySafesGetSafeOverviewV1Query,
+} = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/spaces.ts b/packages/store/src/gateway/AUTO_GENERATED/spaces.ts
new file mode 100644
index 000000000..a9c39bfa4
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/spaces.ts
@@ -0,0 +1,299 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['spaces'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      spacesCreateV1: build.mutation<SpacesCreateV1ApiResponse, SpacesCreateV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/spaces`, method: 'POST', body: queryArg.createSpaceDto }),
+        invalidatesTags: ['spaces'],
+      }),
+      spacesGetV1: build.query<SpacesGetV1ApiResponse, SpacesGetV1ApiArg>({
+        query: () => ({ url: `/v1/spaces` }),
+        providesTags: ['spaces'],
+      }),
+      spacesCreateWithUserV1: build.mutation<SpacesCreateWithUserV1ApiResponse, SpacesCreateWithUserV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/spaces/create-with-user`, method: 'POST', body: queryArg.createSpaceDto }),
+        invalidatesTags: ['spaces'],
+      }),
+      spacesGetOneV1: build.query<SpacesGetOneV1ApiResponse, SpacesGetOneV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/spaces/${queryArg.id}` }),
+        providesTags: ['spaces'],
+      }),
+      spacesUpdateV1: build.mutation<SpacesUpdateV1ApiResponse, SpacesUpdateV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/spaces/${queryArg.id}`, method: 'PATCH', body: queryArg.updateSpaceDto }),
+        invalidatesTags: ['spaces'],
+      }),
+      spacesDeleteV1: build.mutation<SpacesDeleteV1ApiResponse, SpacesDeleteV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/spaces/${queryArg.id}`, method: 'DELETE' }),
+        invalidatesTags: ['spaces'],
+      }),
+      spaceSafesCreateV1: build.mutation<SpaceSafesCreateV1ApiResponse, SpaceSafesCreateV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/spaces/${queryArg.spaceId}/safes`,
+          method: 'POST',
+          body: queryArg.createSpaceSafesDto,
+        }),
+        invalidatesTags: ['spaces'],
+      }),
+      spaceSafesGetV1: build.query<SpaceSafesGetV1ApiResponse, SpaceSafesGetV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/spaces/${queryArg.spaceId}/safes` }),
+        providesTags: ['spaces'],
+      }),
+      spaceSafesDeleteV1: build.mutation<SpaceSafesDeleteV1ApiResponse, SpaceSafesDeleteV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/spaces/${queryArg.spaceId}/safes`,
+          method: 'DELETE',
+          body: queryArg.deleteSpaceSafesDto,
+        }),
+        invalidatesTags: ['spaces'],
+      }),
+      membersInviteUserV1: build.mutation<MembersInviteUserV1ApiResponse, MembersInviteUserV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/spaces/${queryArg.spaceId}/members/invite`,
+          method: 'POST',
+          body: queryArg.inviteUsersDto,
+        }),
+        invalidatesTags: ['spaces'],
+      }),
+      membersAcceptInviteV1: build.mutation<MembersAcceptInviteV1ApiResponse, MembersAcceptInviteV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/spaces/${queryArg.spaceId}/members/accept`,
+          method: 'POST',
+          body: queryArg.acceptInviteDto,
+        }),
+        invalidatesTags: ['spaces'],
+      }),
+      membersDeclineInviteV1: build.mutation<MembersDeclineInviteV1ApiResponse, MembersDeclineInviteV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/spaces/${queryArg.spaceId}/members/decline`, method: 'POST' }),
+        invalidatesTags: ['spaces'],
+      }),
+      membersGetUsersV1: build.query<MembersGetUsersV1ApiResponse, MembersGetUsersV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/spaces/${queryArg.spaceId}/members` }),
+        providesTags: ['spaces'],
+      }),
+      membersSelfRemoveV1: build.mutation<MembersSelfRemoveV1ApiResponse, MembersSelfRemoveV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/spaces/${queryArg.spaceId}/members`, method: 'DELETE' }),
+        invalidatesTags: ['spaces'],
+      }),
+      membersUpdateRoleV1: build.mutation<MembersUpdateRoleV1ApiResponse, MembersUpdateRoleV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/spaces/${queryArg.spaceId}/members/${queryArg.userId}/role`,
+          method: 'PATCH',
+          body: queryArg.updateRoleDto,
+        }),
+        invalidatesTags: ['spaces'],
+      }),
+      membersUpdateAliasV1: build.mutation<MembersUpdateAliasV1ApiResponse, MembersUpdateAliasV1ApiArg>({
+        query: (queryArg) => ({
+          url: `/v1/spaces/${queryArg.spaceId}/members/alias`,
+          method: 'PATCH',
+          body: queryArg.updateMemberAliasDto,
+        }),
+        invalidatesTags: ['spaces'],
+      }),
+      membersRemoveUserV1: build.mutation<MembersRemoveUserV1ApiResponse, MembersRemoveUserV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/spaces/${queryArg.spaceId}/members/${queryArg.userId}`, method: 'DELETE' }),
+        invalidatesTags: ['spaces'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type SpacesCreateV1ApiResponse = /** status 200 Space created */ CreateSpaceResponse
+export type SpacesCreateV1ApiArg = {
+  createSpaceDto: CreateSpaceDto
+}
+export type SpacesGetV1ApiResponse = /** status 200 Spaces found */ GetSpaceResponse[]
+export type SpacesGetV1ApiArg = void
+export type SpacesCreateWithUserV1ApiResponse = /** status 200 Space created */ CreateSpaceResponse
+export type SpacesCreateWithUserV1ApiArg = {
+  createSpaceDto: CreateSpaceDto
+}
+export type SpacesGetOneV1ApiResponse = /** status 200 Space found */ GetSpaceResponse
+export type SpacesGetOneV1ApiArg = {
+  id: number
+}
+export type SpacesUpdateV1ApiResponse = /** status 200 Space updated */ UpdateSpaceResponse
+export type SpacesUpdateV1ApiArg = {
+  id: number
+  updateSpaceDto: UpdateSpaceDto
+}
+export type SpacesDeleteV1ApiResponse = unknown
+export type SpacesDeleteV1ApiArg = {
+  id: number
+}
+export type SpaceSafesCreateV1ApiResponse = unknown
+export type SpaceSafesCreateV1ApiArg = {
+  spaceId: number
+  createSpaceSafesDto: CreateSpaceSafesDto
+}
+export type SpaceSafesGetV1ApiResponse = /** status 200 Safes fetched successfully */ GetSpaceSafeResponse
+export type SpaceSafesGetV1ApiArg = {
+  spaceId: number
+}
+export type SpaceSafesDeleteV1ApiResponse = unknown
+export type SpaceSafesDeleteV1ApiArg = {
+  spaceId: number
+  deleteSpaceSafesDto: DeleteSpaceSafesDto
+}
+export type MembersInviteUserV1ApiResponse = /** status 200 Users invited */ Invitation[]
+export type MembersInviteUserV1ApiArg = {
+  spaceId: number
+  inviteUsersDto: InviteUsersDto
+}
+export type MembersAcceptInviteV1ApiResponse = unknown
+export type MembersAcceptInviteV1ApiArg = {
+  spaceId: number
+  acceptInviteDto: AcceptInviteDto
+}
+export type MembersDeclineInviteV1ApiResponse = unknown
+export type MembersDeclineInviteV1ApiArg = {
+  spaceId: number
+}
+export type MembersGetUsersV1ApiResponse = /** status 200 Space and members list */ MembersDto
+export type MembersGetUsersV1ApiArg = {
+  spaceId: number
+}
+export type MembersSelfRemoveV1ApiResponse = unknown
+export type MembersSelfRemoveV1ApiArg = {
+  spaceId: number
+}
+export type MembersUpdateRoleV1ApiResponse = unknown
+export type MembersUpdateRoleV1ApiArg = {
+  spaceId: number
+  userId: number
+  updateRoleDto: UpdateRoleDto
+}
+export type MembersUpdateAliasV1ApiResponse = unknown
+export type MembersUpdateAliasV1ApiArg = {
+  spaceId: number
+  updateMemberAliasDto: UpdateMemberAliasDto
+}
+export type MembersRemoveUserV1ApiResponse = unknown
+export type MembersRemoveUserV1ApiArg = {
+  spaceId: number
+  userId: number
+}
+export type CreateSpaceResponse = {
+  name: string
+  id: number
+}
+export type CreateSpaceDto = {
+  name: string
+}
+export type UserDto = {
+  id: number
+  status: 'PENDING' | 'ACTIVE'
+}
+export type MemberDto = {
+  id: number
+  role: 'ADMIN' | 'MEMBER'
+  name: string
+  invitedBy: string
+  status: 'INVITED' | 'ACTIVE' | 'DECLINED'
+  createdAt: string
+  updatedAt: string
+  user: UserDto
+}
+export type GetSpaceResponse = {
+  id: number
+  name: string
+  status: 'ACTIVE'
+  members: MemberDto[]
+}
+export type UpdateSpaceResponse = {
+  id: number
+}
+export type UpdateSpaceDto = {
+  name?: string
+  status?: 'ACTIVE'
+}
+export type CreateSpaceSafeDto = {
+  chainId: string
+  address: string
+}
+export type CreateSpaceSafesDto = {
+  safes: CreateSpaceSafeDto[]
+}
+export type GetSpaceSafeResponse = {
+  safes: {
+    [key: string]: string[]
+  }
+}
+export type DeleteSpaceSafeDto = {
+  chainId: string
+  address: string
+}
+export type DeleteSpaceSafesDto = {
+  safes: DeleteSpaceSafeDto[]
+}
+export type Invitation = {
+  userId: number
+  name: string
+  spaceId: number
+  role: 'ADMIN' | 'MEMBER'
+  status: 'INVITED' | 'ACTIVE' | 'DECLINED'
+  invitedBy?: string | null
+}
+export type InviteUserDto = {
+  address: string
+  name: string
+  role: 'ADMIN' | 'MEMBER'
+}
+export type InviteUsersDto = {
+  users: InviteUserDto[]
+}
+export type AcceptInviteDto = {
+  name: string
+}
+export type MemberUser = {
+  id: number
+  status: 'PENDING' | 'ACTIVE'
+}
+export type Member = {
+  id: number
+  role: 'ADMIN' | 'MEMBER'
+  status: 'INVITED' | 'ACTIVE' | 'DECLINED'
+  name: string
+  alias?: string | null
+  invitedBy?: string | null
+  createdAt: string
+  updatedAt: string
+  user: MemberUser
+}
+export type MembersDto = {
+  members: Member[]
+}
+export type UpdateRoleDto = {
+  role: 'ADMIN' | 'MEMBER'
+}
+export type UpdateMemberAliasDto = {
+  /** The new alias for the member */
+  alias: string
+}
+export const {
+  useSpacesCreateV1Mutation,
+  useSpacesGetV1Query,
+  useLazySpacesGetV1Query,
+  useSpacesCreateWithUserV1Mutation,
+  useSpacesGetOneV1Query,
+  useLazySpacesGetOneV1Query,
+  useSpacesUpdateV1Mutation,
+  useSpacesDeleteV1Mutation,
+  useSpaceSafesCreateV1Mutation,
+  useSpaceSafesGetV1Query,
+  useLazySpaceSafesGetV1Query,
+  useSpaceSafesDeleteV1Mutation,
+  useMembersInviteUserV1Mutation,
+  useMembersAcceptInviteV1Mutation,
+  useMembersDeclineInviteV1Mutation,
+  useMembersGetUsersV1Query,
+  useLazyMembersGetUsersV1Query,
+  useMembersSelfRemoveV1Mutation,
+  useMembersUpdateRoleV1Mutation,
+  useMembersUpdateAliasV1Mutation,
+  useMembersRemoveUserV1Mutation,
+} = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/targeted-messages.ts b/packages/store/src/gateway/AUTO_GENERATED/targeted-messages.ts
new file mode 100644
index 000000000..26f1fa92a
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/targeted-messages.ts
@@ -0,0 +1,82 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['targeted-messaging'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      targetedMessagingGetTargetedSafeV1: build.query<
+        TargetedMessagingGetTargetedSafeV1ApiResponse,
+        TargetedMessagingGetTargetedSafeV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/targeted-messaging/outreaches/${queryArg.outreachId}/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}`,
+        }),
+        providesTags: ['targeted-messaging'],
+      }),
+      targetedMessagingGetSubmissionV1: build.query<
+        TargetedMessagingGetSubmissionV1ApiResponse,
+        TargetedMessagingGetSubmissionV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/targeted-messaging/outreaches/${queryArg.outreachId}/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}/signers/${queryArg.signerAddress}/submissions`,
+        }),
+        providesTags: ['targeted-messaging'],
+      }),
+      targetedMessagingCreateSubmissionV1: build.mutation<
+        TargetedMessagingCreateSubmissionV1ApiResponse,
+        TargetedMessagingCreateSubmissionV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/targeted-messaging/outreaches/${queryArg.outreachId}/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}/signers/${queryArg.signerAddress}/submissions`,
+          method: 'POST',
+          body: queryArg.createSubmissionDto,
+        }),
+        invalidatesTags: ['targeted-messaging'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type TargetedMessagingGetTargetedSafeV1ApiResponse = /** status 200  */ TargetedSafe
+export type TargetedMessagingGetTargetedSafeV1ApiArg = {
+  outreachId: number
+  chainId: string
+  safeAddress: string
+}
+export type TargetedMessagingGetSubmissionV1ApiResponse = /** status 200  */ Submission
+export type TargetedMessagingGetSubmissionV1ApiArg = {
+  outreachId: number
+  chainId: string
+  safeAddress: string
+  signerAddress: string
+}
+export type TargetedMessagingCreateSubmissionV1ApiResponse = /** status 201  */ Submission
+export type TargetedMessagingCreateSubmissionV1ApiArg = {
+  outreachId: number
+  chainId: string
+  safeAddress: string
+  signerAddress: string
+  createSubmissionDto: CreateSubmissionDto
+}
+export type TargetedSafe = {
+  outreachId: number
+  address: string
+}
+export type Submission = {
+  outreachId: number
+  targetedSafeId: number
+  signerAddress: string
+  completionDate?: string | null
+}
+export type CreateSubmissionDto = {
+  completed: boolean
+}
+export const {
+  useTargetedMessagingGetTargetedSafeV1Query,
+  useLazyTargetedMessagingGetTargetedSafeV1Query,
+  useTargetedMessagingGetSubmissionV1Query,
+  useLazyTargetedMessagingGetSubmissionV1Query,
+  useTargetedMessagingCreateSubmissionV1Mutation,
+} = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/transactions.ts b/packages/store/src/gateway/AUTO_GENERATED/transactions.ts
new file mode 100644
index 000000000..e521478b9
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/transactions.ts
@@ -0,0 +1,1080 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['transactions'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      transactionsGetTransactionByIdV1: build.query<
+        TransactionsGetTransactionByIdV1ApiResponse,
+        TransactionsGetTransactionByIdV1ApiArg
+      >({
+        query: (queryArg) => ({ url: `/v1/chains/${queryArg.chainId}/transactions/${queryArg.id}` }),
+        providesTags: ['transactions'],
+      }),
+      transactionsGetDomainMultisigTransactionBySafeTxHashV1: build.query<
+        TransactionsGetDomainMultisigTransactionBySafeTxHashV1ApiResponse,
+        TransactionsGetDomainMultisigTransactionBySafeTxHashV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/multisig-transactions/${queryArg.safeTxHash}/raw`,
+        }),
+        providesTags: ['transactions'],
+      }),
+      transactionsGetDomainMultisigTransactionsV1: build.query<
+        TransactionsGetDomainMultisigTransactionsV1ApiResponse,
+        TransactionsGetDomainMultisigTransactionsV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}/multisig-transactions/raw`,
+          params: {
+            failed: queryArg.failed,
+            modified__lt: queryArg.modifiedLt,
+            modified__gt: queryArg.modifiedGt,
+            modified__lte: queryArg.modifiedLte,
+            modified__gte: queryArg.modifiedGte,
+            nonce__lt: queryArg.nonceLt,
+            nonce__gt: queryArg.nonceGt,
+            nonce__lte: queryArg.nonceLte,
+            nonce__gte: queryArg.nonceGte,
+            nonce: queryArg.nonce,
+            safe_tx_hash: queryArg.safeTxHash,
+            to: queryArg.to,
+            value__lt: queryArg.valueLt,
+            value__gt: queryArg.valueGt,
+            value: queryArg.value,
+            executed: queryArg.executed,
+            has_confirmations: queryArg.hasConfirmations,
+            trusted: queryArg.trusted,
+            execution_date__gte: queryArg.executionDateGte,
+            execution_date__lte: queryArg.executionDateLte,
+            submission_date__gte: queryArg.submissionDateGte,
+            submission_date__lte: queryArg.submissionDateLte,
+            transaction_hash: queryArg.transactionHash,
+            ordering: queryArg.ordering,
+            limit: queryArg.limit,
+            offset: queryArg.offset,
+          },
+        }),
+        providesTags: ['transactions'],
+      }),
+      transactionsGetMultisigTransactionsV1: build.query<
+        TransactionsGetMultisigTransactionsV1ApiResponse,
+        TransactionsGetMultisigTransactionsV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}/multisig-transactions`,
+          params: {
+            execution_date__gte: queryArg.executionDateGte,
+            execution_date__lte: queryArg.executionDateLte,
+            to: queryArg.to,
+            value: queryArg.value,
+            nonce: queryArg.nonce,
+            executed: queryArg.executed,
+            cursor: queryArg.cursor,
+          },
+        }),
+        providesTags: ['transactions'],
+      }),
+      transactionsDeleteTransactionV1: build.mutation<
+        TransactionsDeleteTransactionV1ApiResponse,
+        TransactionsDeleteTransactionV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/transactions/${queryArg.safeTxHash}`,
+          method: 'DELETE',
+          body: queryArg.deleteTransactionDto,
+        }),
+        invalidatesTags: ['transactions'],
+      }),
+      transactionsGetModuleTransactionsV1: build.query<
+        TransactionsGetModuleTransactionsV1ApiResponse,
+        TransactionsGetModuleTransactionsV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}/module-transactions`,
+          params: {
+            to: queryArg.to,
+            module: queryArg['module'],
+            transaction_hash: queryArg.transactionHash,
+            cursor: queryArg.cursor,
+          },
+        }),
+        providesTags: ['transactions'],
+      }),
+      transactionsAddConfirmationV1: build.mutation<
+        TransactionsAddConfirmationV1ApiResponse,
+        TransactionsAddConfirmationV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/transactions/${queryArg.safeTxHash}/confirmations`,
+          method: 'POST',
+          body: queryArg.addConfirmationDto,
+        }),
+        invalidatesTags: ['transactions'],
+      }),
+      transactionsGetIncomingTransfersV1: build.query<
+        TransactionsGetIncomingTransfersV1ApiResponse,
+        TransactionsGetIncomingTransfersV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}/incoming-transfers`,
+          params: {
+            trusted: queryArg.trusted,
+            execution_date__gte: queryArg.executionDateGte,
+            execution_date__lte: queryArg.executionDateLte,
+            to: queryArg.to,
+            value: queryArg.value,
+            token_address: queryArg.tokenAddress,
+            cursor: queryArg.cursor,
+          },
+        }),
+        providesTags: ['transactions'],
+      }),
+      transactionsPreviewTransactionV1: build.mutation<
+        TransactionsPreviewTransactionV1ApiResponse,
+        TransactionsPreviewTransactionV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/transactions/${queryArg.safeAddress}/preview`,
+          method: 'POST',
+          body: queryArg.previewTransactionDto,
+        }),
+        invalidatesTags: ['transactions'],
+      }),
+      transactionsGetTransactionQueueV1: build.query<
+        TransactionsGetTransactionQueueV1ApiResponse,
+        TransactionsGetTransactionQueueV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}/transactions/queued`,
+          params: {
+            trusted: queryArg.trusted,
+            cursor: queryArg.cursor,
+          },
+        }),
+        providesTags: ['transactions'],
+      }),
+      transactionsGetTransactionsHistoryV1: build.query<
+        TransactionsGetTransactionsHistoryV1ApiResponse,
+        TransactionsGetTransactionsHistoryV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}/transactions/history`,
+          params: {
+            timezone_offset: queryArg.timezoneOffset,
+            trusted: queryArg.trusted,
+            imitation: queryArg.imitation,
+            timezone: queryArg.timezone,
+            cursor: queryArg.cursor,
+          },
+        }),
+        providesTags: ['transactions'],
+      }),
+      transactionsProposeTransactionV1: build.mutation<
+        TransactionsProposeTransactionV1ApiResponse,
+        TransactionsProposeTransactionV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/transactions/${queryArg.safeAddress}/propose`,
+          method: 'POST',
+          body: queryArg.proposeTransactionDto,
+        }),
+        invalidatesTags: ['transactions'],
+      }),
+      transactionsGetCreationTransactionV1: build.query<
+        TransactionsGetCreationTransactionV1ApiResponse,
+        TransactionsGetCreationTransactionV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}/transactions/creation`,
+        }),
+        providesTags: ['transactions'],
+      }),
+      transactionsGetDomainCreationTransactionV1: build.query<
+        TransactionsGetDomainCreationTransactionV1ApiResponse,
+        TransactionsGetDomainCreationTransactionV1ApiArg
+      >({
+        query: (queryArg) => ({ url: `/v1/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}/creation/raw` }),
+        providesTags: ['transactions'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type TransactionsGetTransactionByIdV1ApiResponse = /** status 200  */ TransactionDetails
+export type TransactionsGetTransactionByIdV1ApiArg = {
+  chainId: string
+  id: string
+}
+export type TransactionsGetDomainMultisigTransactionBySafeTxHashV1ApiResponse =
+  /** status 200  */ TxsMultisigTransaction
+export type TransactionsGetDomainMultisigTransactionBySafeTxHashV1ApiArg = {
+  chainId: string
+  safeTxHash: string
+}
+export type TransactionsGetDomainMultisigTransactionsV1ApiResponse = /** status 200  */ TxsMultisigTransactionPage
+export type TransactionsGetDomainMultisigTransactionsV1ApiArg = {
+  chainId: string
+  safeAddress: string
+  failed?: boolean
+  modifiedLt?: string
+  modifiedGt?: string
+  modifiedLte?: string
+  modifiedGte?: string
+  nonceLt?: number
+  nonceGt?: number
+  nonceLte?: number
+  nonceGte?: number
+  nonce?: number
+  safeTxHash?: string
+  to?: string
+  valueLt?: number
+  valueGt?: number
+  value?: number
+  executed?: boolean
+  hasConfirmations?: boolean
+  trusted?: boolean
+  executionDateGte?: string
+  executionDateLte?: string
+  submissionDateGte?: string
+  submissionDateLte?: string
+  transactionHash?: string
+  ordering?: string
+  limit?: number
+  offset?: number
+}
+export type TransactionsGetMultisigTransactionsV1ApiResponse = /** status 200  */ MultisigTransactionPage
+export type TransactionsGetMultisigTransactionsV1ApiArg = {
+  chainId: string
+  safeAddress: string
+  executionDateGte?: string
+  executionDateLte?: string
+  to?: string
+  value?: string
+  nonce?: string
+  executed?: boolean
+  cursor?: string
+}
+export type TransactionsDeleteTransactionV1ApiResponse = unknown
+export type TransactionsDeleteTransactionV1ApiArg = {
+  chainId: string
+  safeTxHash: string
+  deleteTransactionDto: DeleteTransactionDto
+}
+export type TransactionsGetModuleTransactionsV1ApiResponse = /** status 200  */ ModuleTransactionPage
+export type TransactionsGetModuleTransactionsV1ApiArg = {
+  chainId: string
+  safeAddress: string
+  to?: string
+  module?: string
+  transactionHash?: string
+  cursor?: string
+}
+export type TransactionsAddConfirmationV1ApiResponse = /** status 200  */ Transaction
+export type TransactionsAddConfirmationV1ApiArg = {
+  chainId: string
+  safeTxHash: string
+  addConfirmationDto: AddConfirmationDto
+}
+export type TransactionsGetIncomingTransfersV1ApiResponse = /** status 200  */ IncomingTransferPage
+export type TransactionsGetIncomingTransfersV1ApiArg = {
+  chainId: string
+  safeAddress: string
+  trusted?: boolean
+  executionDateGte?: string
+  executionDateLte?: string
+  to?: string
+  value?: string
+  tokenAddress?: string
+  cursor?: string
+}
+export type TransactionsPreviewTransactionV1ApiResponse = /** status 200  */ TransactionPreview
+export type TransactionsPreviewTransactionV1ApiArg = {
+  chainId: string
+  safeAddress: string
+  previewTransactionDto: PreviewTransactionDto
+}
+export type TransactionsGetTransactionQueueV1ApiResponse = /** status 200  */ QueuedItemPage
+export type TransactionsGetTransactionQueueV1ApiArg = {
+  chainId: string
+  safeAddress: string
+  trusted?: boolean
+  cursor?: string
+}
+export type TransactionsGetTransactionsHistoryV1ApiResponse = /** status 200  */ TransactionItemPage
+export type TransactionsGetTransactionsHistoryV1ApiArg = {
+  chainId: string
+  safeAddress: string
+  timezoneOffset?: string
+  trusted?: boolean
+  imitation?: boolean
+  timezone?: string
+  cursor?: string
+}
+export type TransactionsProposeTransactionV1ApiResponse = /** status 200  */ Transaction
+export type TransactionsProposeTransactionV1ApiArg = {
+  chainId: string
+  safeAddress: string
+  proposeTransactionDto: ProposeTransactionDto
+}
+export type TransactionsGetCreationTransactionV1ApiResponse = /** status 200  */ CreationTransaction
+export type TransactionsGetCreationTransactionV1ApiArg = {
+  chainId: string
+  safeAddress: string
+}
+export type TransactionsGetDomainCreationTransactionV1ApiResponse = /** status 200  */ TxsCreationTransaction
+export type TransactionsGetDomainCreationTransactionV1ApiArg = {
+  chainId: string
+  safeAddress: string
+}
+export type AddressInfo = {
+  value: string
+  name?: string | null
+  logoUri?: string | null
+}
+export type CreationTransactionInfo = {
+  type: 'Creation'
+  humanDescription?: string | null
+  creator: AddressInfo
+  transactionHash: string
+  implementation?: AddressInfo | null
+  factory?: AddressInfo
+  saltNonce?: string | null
+}
+export type CustomTransactionInfo = {
+  type: 'Custom'
+  humanDescription?: string | null
+  to: AddressInfo
+  dataSize: string
+  value?: string | null
+  isCancellation: boolean
+  methodName?: string | null
+  actionCount?: number | null
+}
+export type BaseDataDecoded = {
+  method: string
+  parameters?: DataDecodedParameter[]
+}
+export type MultiSend = {
+  operation: 0 | 1
+  value: string
+  dataDecoded?: BaseDataDecoded
+  to: string
+  data?: object
+}
+export type DataDecodedParameter = {
+  name: string
+  type: string
+  value: object
+  valueDecoded?: BaseDataDecoded | MultiSend[] | null
+}
+export type DataDecoded = {
+  method: string
+  parameters?: DataDecodedParameter[] | null
+  accuracy?: 'FULL_MATCH' | 'PARTIAL_MATCH' | 'ONLY_FUNCTION_MATCH' | 'NO_MATCH' | 'UNKNOWN'
+}
+export type AddOwner = {
+  type: 'ADD_OWNER'
+  owner: AddressInfo
+  threshold: number
+}
+export type ChangeMasterCopy = {
+  type: 'CHANGE_MASTER_COPY'
+  implementation: AddressInfo
+}
+export type ChangeThreshold = {
+  type: 'CHANGE_THRESHOLD'
+  threshold: number
+}
+export type DeleteGuard = {
+  type: 'DELETE_GUARD'
+}
+export type DisableModule = {
+  type: 'DISABLE_MODULE'
+  module: AddressInfo
+}
+export type EnableModule = {
+  type: 'ENABLE_MODULE'
+  module: AddressInfo
+}
+export type RemoveOwner = {
+  type: 'REMOVE_OWNER'
+  owner: AddressInfo
+  threshold: number
+}
+export type SetFallbackHandler = {
+  type: 'SET_FALLBACK_HANDLER'
+  handler: AddressInfo
+}
+export type SetGuard = {
+  type: 'SET_GUARD'
+  guard: AddressInfo
+}
+export type SwapOwner = {
+  type: 'SWAP_OWNER'
+  oldOwner: AddressInfo
+  newOwner: AddressInfo
+}
+export type SettingsChangeTransaction = {
+  type: 'SettingsChange'
+  humanDescription?: string | null
+  dataDecoded: DataDecoded
+  settingsInfo:
+    | AddOwner
+    | ChangeMasterCopy
+    | ChangeThreshold
+    | DeleteGuard
+    | DisableModule
+    | EnableModule
+    | RemoveOwner
+    | SetFallbackHandler
+    | SetGuard
+    | SwapOwner
+}
+export type Erc20Transfer = {
+  type: 'ERC20'
+  tokenAddress: string
+  value: string
+  tokenName?: string | null
+  tokenSymbol?: string | null
+  logoUri?: string | null
+  decimals?: number | null
+  trusted?: boolean | null
+  imitation: boolean
+}
+export type Erc721Transfer = {
+  type: 'ERC721'
+  tokenAddress: string
+  tokenId: string
+  tokenName?: string | null
+  tokenSymbol?: string | null
+  logoUri?: string | null
+  trusted?: boolean | null
+}
+export type NativeCoinTransfer = {
+  type: 'NATIVE_COIN'
+  value?: string | null
+}
+export type TransferTransactionInfo = {
+  type: 'Transfer'
+  humanDescription?: string | null
+  sender: AddressInfo
+  recipient: AddressInfo
+  direction: 'INCOMING' | 'OUTGOING' | 'UNKNOWN'
+  transferInfo: Erc20Transfer | Erc721Transfer | NativeCoinTransfer
+}
+export type TokenInfo = {
+  /** The token address */
+  address: string
+  /** The token decimals */
+  decimals: number
+  /** The logo URI for the token */
+  logoUri?: string | null
+  /** The token name */
+  name: string
+  /** The token symbol */
+  symbol: string
+  /** The token trusted status */
+  trusted: boolean
+}
+export type SwapOrderTransactionInfo = {
+  type: 'SwapOrder'
+  humanDescription?: string | null
+  /** The order UID */
+  uid: string
+  status: 'presignaturePending' | 'open' | 'fulfilled' | 'cancelled' | 'expired' | 'unknown'
+  kind: 'buy' | 'sell' | 'unknown'
+  orderClass: 'market' | 'limit' | 'liquidity' | 'unknown'
+  /** The timestamp when the order expires */
+  validUntil: number
+  /** The sell token raw amount (no decimals) */
+  sellAmount: string
+  /** The buy token raw amount (no decimals) */
+  buyAmount: string
+  /** The executed sell token raw amount (no decimals) */
+  executedSellAmount: string
+  /** The executed buy token raw amount (no decimals) */
+  executedBuyAmount: string
+  /** The sell token of the order */
+  sellToken: TokenInfo
+  /** The buy token of the order */
+  buyToken: TokenInfo
+  /** The URL to the explorer page of the order */
+  explorerUrl: string
+  /** The amount of fees paid for this order. */
+  executedFee: string
+  /** The token in which the fee was paid, expressed by SURPLUS tokens (BUY tokens for SELL orders and SELL tokens for BUY orders). */
+  executedFeeToken: string
+  /** The (optional) address to receive the proceeds of the trade */
+  receiver?: string | null
+  owner: string
+  /** The App Data for this order */
+  fullAppData?: object | null
+}
+export type BridgeFee = {
+  tokenAddress: string
+  integratorFee: string
+  lifiFee: string
+}
+export type BridgeAndSwapTransactionInfo = {
+  type: 'SwapAndBridge'
+  humanDescription?: string | null
+  fromToken: TokenInfo
+  recipient: AddressInfo
+  explorerUrl: string | null
+  status: 'NOT_FOUND' | 'INVALID' | 'PENDING' | 'DONE' | 'FAILED' | 'UNKNOWN' | 'AWAITING_EXECUTION'
+  substatus:
+    | 'WAIT_SOURCE_CONFIRMATIONS'
+    | 'WAIT_DESTINATION_TRANSACTION'
+    | 'BRIDGE_NOT_AVAILABLE'
+    | 'CHAIN_NOT_AVAILABLE'
+    | 'REFUND_IN_PROGRESS'
+    | 'UNKNOWN_ERROR'
+    | 'COMPLETED'
+    | 'PARTIAL'
+    | 'REFUNDED'
+    | 'INSUFFICIENT_ALLOWANCE'
+    | 'INSUFFICIENT_BALANCE'
+    | 'OUT_OF_GAS'
+    | 'EXPIRED'
+    | 'SLIPPAGE_EXCEEDED'
+    | 'UNKNOWN_FAILED_ERROR'
+    | 'UNKNOWN'
+    | 'AWAITING_EXECUTION'
+  fees: BridgeFee | null
+  fromAmount: string
+  toChain: string
+  toToken: TokenInfo | null
+  toAmount: string | null
+}
+export type SwapTransactionInfo = {
+  type: 'Swap'
+  humanDescription?: string | null
+  recipient: AddressInfo
+  fees: BridgeFee | null
+  fromToken: TokenInfo
+  fromAmount: string
+  toToken: TokenInfo
+  toAmount: string
+  lifiExplorerUrl: string | null
+}
+export type SwapTransferTransactionInfo = {
+  type: 'SwapTransfer'
+  humanDescription?: string | null
+  sender: AddressInfo
+  recipient: AddressInfo
+  direction: string
+  transferInfo: Erc20Transfer | Erc721Transfer | NativeCoinTransfer
+  /** The order UID */
+  uid: string
+  status: 'presignaturePending' | 'open' | 'fulfilled' | 'cancelled' | 'expired' | 'unknown'
+  kind: 'buy' | 'sell' | 'unknown'
+  orderClass: 'market' | 'limit' | 'liquidity' | 'unknown'
+  /** The timestamp when the order expires */
+  validUntil: number
+  /** The sell token raw amount (no decimals) */
+  sellAmount: string
+  /** The buy token raw amount (no decimals) */
+  buyAmount: string
+  /** The executed sell token raw amount (no decimals) */
+  executedSellAmount: string
+  /** The executed buy token raw amount (no decimals) */
+  executedBuyAmount: string
+  /** The sell token of the order */
+  sellToken: TokenInfo
+  /** The buy token of the order */
+  buyToken: TokenInfo
+  /** The URL to the explorer page of the order */
+  explorerUrl: string
+  /** The amount of fees paid for this order. */
+  executedFee: string
+  /** The token in which the fee was paid, expressed by SURPLUS tokens (BUY tokens for SELL orders and SELL tokens for BUY orders). */
+  executedFeeToken: TokenInfo
+  /** The (optional) address to receive the proceeds of the trade */
+  receiver?: string | null
+  owner: string
+  /** The App Data for this order */
+  fullAppData?: object | null
+}
+export type DurationAuto = {
+  durationType: 'AUTO'
+}
+export type DurationLimit = {
+  durationType: 'LIMIT_DURATION'
+  duration: string
+}
+export type StartTimeAtMining = {
+  startType: 'AT_MINING_TIME'
+}
+export type StartTimeAtEpoch = {
+  startType: 'AT_EPOCH'
+  epoch: number
+}
+export type TwapOrderTransactionInfo = {
+  type: 'TwapOrder'
+  humanDescription?: string | null
+  /** The TWAP status */
+  status: 'presignaturePending' | 'open' | 'fulfilled' | 'cancelled' | 'expired' | 'unknown'
+  kind: 'buy' | 'sell' | 'unknown'
+  class?: 'market' | 'limit' | 'liquidity' | 'unknown'
+  /** The order UID of the active order, or null if none is active */
+  activeOrderUid?: string | null
+  /** The timestamp when the TWAP expires */
+  validUntil: number
+  /** The sell token raw amount (no decimals) */
+  sellAmount: string
+  /** The buy token raw amount (no decimals) */
+  buyAmount: string
+  /** The executed sell token raw amount (no decimals), or null if there are too many parts */
+  executedSellAmount?: string | null
+  /** The executed buy token raw amount (no decimals), or null if there are too many parts */
+  executedBuyAmount?: string | null
+  /** The executed surplus fee raw amount (no decimals), or null if there are too many parts */
+  executedFee?: string | null
+  /** The token in which the fee was paid, expressed by SURPLUS tokens (BUY tokens for SELL orders and SELL tokens for BUY orders). */
+  executedFeeToken: string
+  /** The sell token of the TWAP */
+  sellToken: TokenInfo
+  /** The buy token of the TWAP */
+  buyToken: TokenInfo
+  /** The address to receive the proceeds of the trade */
+  receiver: string
+  owner: string
+  /** The App Data for this TWAP */
+  fullAppData?: object | null
+  /** The number of parts in the TWAP */
+  numberOfParts: string
+  /** The amount of sellToken to sell in each part */
+  partSellAmount: string
+  /** The amount of buyToken that must be bought in each part */
+  minPartLimit: string
+  /** The duration of the TWAP interval */
+  timeBetweenParts: number
+  /** Whether the TWAP is valid for the entire interval or not */
+  durationOfPart: DurationAuto | DurationLimit
+  /** The start time of the TWAP */
+  startTime: StartTimeAtMining | StartTimeAtEpoch
+}
+export type NativeStakingDepositTransactionInfo = {
+  type: 'NativeStakingDeposit'
+  humanDescription?: string | null
+  status:
+    | 'NOT_STAKED'
+    | 'ACTIVATING'
+    | 'DEPOSIT_IN_PROGRESS'
+    | 'ACTIVE'
+    | 'EXIT_REQUESTED'
+    | 'EXITING'
+    | 'EXITED'
+    | 'SLASHED'
+  estimatedEntryTime: number
+  estimatedExitTime: number
+  estimatedWithdrawalTime: number
+  fee: number
+  monthlyNrr: number
+  annualNrr: number
+  value: string
+  numValidators: number
+  expectedAnnualReward: string
+  expectedMonthlyReward: string
+  expectedFiatAnnualReward: number
+  expectedFiatMonthlyReward: number
+  tokenInfo: TokenInfo
+  /** Populated after transaction has been executed */
+  validators?: string[] | null
+}
+export type NativeStakingValidatorsExitTransactionInfo = {
+  type: 'NativeStakingValidatorsExit'
+  humanDescription?: string | null
+  status:
+    | 'NOT_STAKED'
+    | 'ACTIVATING'
+    | 'DEPOSIT_IN_PROGRESS'
+    | 'ACTIVE'
+    | 'EXIT_REQUESTED'
+    | 'EXITING'
+    | 'EXITED'
+    | 'SLASHED'
+  estimatedExitTime: number
+  estimatedWithdrawalTime: number
+  value: string
+  numValidators: number
+  tokenInfo: TokenInfo
+  validators: string[]
+}
+export type NativeStakingWithdrawTransactionInfo = {
+  type: 'NativeStakingWithdraw'
+  humanDescription?: string | null
+  value: string
+  tokenInfo: TokenInfo
+  validators: string[]
+}
+export type VaultInfo = {
+  address: string
+  name: string
+  description: string
+  dashboardUri?: string | null
+  logoUri: string
+}
+export type VaultExtraReward = {
+  tokenInfo: TokenInfo
+  nrr: number
+  claimable: string
+  claimableNext: string
+}
+export type VaultDepositTransactionInfo = {
+  type: 'VaultDeposit'
+  humanDescription?: string | null
+  value: string
+  baseNrr: number
+  fee: number
+  tokenInfo: TokenInfo
+  vaultInfo: VaultInfo
+  currentReward: string
+  additionalRewardsNrr: number
+  additionalRewards: VaultExtraReward[]
+  expectedMonthlyReward: string
+  expectedAnnualReward: string
+}
+export type VaultRedeemTransactionInfo = {
+  type: 'VaultRedeem'
+  humanDescription?: string | null
+  value: string
+  baseNrr: number
+  fee: number
+  tokenInfo: TokenInfo
+  vaultInfo: VaultInfo
+  currentReward: string
+  additionalRewardsNrr: number
+  additionalRewards: VaultExtraReward[]
+}
+export type NativeToken = {
+  address: string
+  decimals: number
+  logoUri: string
+  name: string
+  symbol: string
+  type: 'NATIVE_TOKEN'
+}
+export type Erc20Token = {
+  address: string
+  decimals: number
+  logoUri: string
+  name: string
+  symbol: string
+  type: 'ERC20'
+}
+export type Erc721Token = {
+  address: string
+  decimals: number
+  logoUri: string
+  name: string
+  symbol: string
+  type: 'ERC721'
+}
+export type TransactionData = {
+  hexData?: string | null
+  dataDecoded?: DataDecoded | null
+  to: AddressInfo
+  value?: string | null
+  operation: number
+  trustedDelegateCallTarget?: boolean | null
+  addressInfoIndex?: {
+    [key: string]: AddressInfo
+  } | null
+  tokenInfoIndex?: {
+    [key: string]: NativeToken | Erc20Token | Erc721Token
+  } | null
+}
+export type MultisigConfirmationDetails = {
+  signer: AddressInfo
+  signature?: string | null
+  submittedAt: number
+}
+export type MultisigExecutionDetails = {
+  type: 'MULTISIG'
+  submittedAt: number
+  nonce: number
+  safeTxGas: string
+  baseGas: string
+  gasPrice: string
+  gasToken: string
+  refundReceiver: AddressInfo
+  safeTxHash: string
+  executor?: AddressInfo | null
+  signers: AddressInfo[]
+  confirmationsRequired: number
+  confirmations: MultisigConfirmationDetails[]
+  rejectors: AddressInfo[]
+  gasTokenInfo?: (NativeToken | Erc20Token | Erc721Token) | null
+  trusted: boolean
+  proposer?: AddressInfo | null
+  proposedByDelegate?: AddressInfo | null
+}
+export type ModuleExecutionDetails = {
+  type: 'MODULE'
+  address: AddressInfo
+}
+export type SafeAppInfo = {
+  name: string
+  url: string
+  logoUri?: string | null
+}
+export type TransactionDetails = {
+  txInfo:
+    | CreationTransactionInfo
+    | CustomTransactionInfo
+    | SettingsChangeTransaction
+    | TransferTransactionInfo
+    | SwapOrderTransactionInfo
+    | BridgeAndSwapTransactionInfo
+    | SwapTransactionInfo
+    | SwapTransferTransactionInfo
+    | TwapOrderTransactionInfo
+    | NativeStakingDepositTransactionInfo
+    | NativeStakingValidatorsExitTransactionInfo
+    | NativeStakingWithdrawTransactionInfo
+    | VaultDepositTransactionInfo
+    | VaultRedeemTransactionInfo
+  safeAddress: string
+  txId: string
+  executedAt?: number | null
+  txStatus: 'SUCCESS' | 'FAILED' | 'CANCELLED' | 'AWAITING_CONFIRMATIONS' | 'AWAITING_EXECUTION'
+  txData?: TransactionData | null
+  detailedExecutionInfo?: (MultisigExecutionDetails | ModuleExecutionDetails) | null
+  txHash?: string | null
+  safeAppInfo?: SafeAppInfo | null
+  note?: string | null
+}
+export type TxsMultisigTransaction = {
+  safe: string
+  to: string
+  value: string
+  data: object
+  operation: number
+  gasToken: object
+  safeTxGas: object
+  baseGas: object
+  gasPrice: object
+  proposer: object
+  proposedByDelegate: object
+  refundReceiver: object
+  nonce: number
+  executionDate: object
+  submissionDate: string
+  modified: object
+  blockNumber: object
+  transactionHash: object
+  safeTxHash: string
+  executor: object
+  isExecuted: boolean
+  isSuccessful: object
+  ethGasPrice: object
+  gasUsed: object
+  fee: object
+  origin: object
+  confirmationsRequired: number
+  confirmations: object
+  signatures: object
+  trusted: boolean
+}
+export type TxsMultisigTransactionPage = {
+  count?: number | null
+  next?: string | null
+  previous?: string | null
+  results: TxsMultisigTransaction[]
+}
+export type MultisigExecutionInfo = {
+  type: 'MULTISIG'
+  nonce: number
+  confirmationsRequired: number
+  confirmationsSubmitted: number
+  missingSigners?: AddressInfo[] | null
+}
+export type ModuleExecutionInfo = {
+  type: 'MODULE'
+  address: AddressInfo
+}
+export type Transaction = {
+  txInfo:
+    | CreationTransactionInfo
+    | CustomTransactionInfo
+    | SettingsChangeTransaction
+    | TransferTransactionInfo
+    | SwapOrderTransactionInfo
+    | BridgeAndSwapTransactionInfo
+    | SwapTransactionInfo
+    | SwapTransferTransactionInfo
+    | TwapOrderTransactionInfo
+    | NativeStakingDepositTransactionInfo
+    | NativeStakingValidatorsExitTransactionInfo
+    | NativeStakingWithdrawTransactionInfo
+    | VaultDepositTransactionInfo
+    | VaultRedeemTransactionInfo
+  id: string
+  txHash?: string | null
+  timestamp: number
+  txStatus: 'SUCCESS' | 'FAILED' | 'CANCELLED' | 'AWAITING_CONFIRMATIONS' | 'AWAITING_EXECUTION'
+  executionInfo?: (MultisigExecutionInfo | ModuleExecutionInfo) | null
+  safeAppInfo?: SafeAppInfo | null
+}
+export type MultisigTransaction = {
+  type: 'TRANSACTION'
+  transaction: Transaction
+  conflictType: 'None' | 'HasNext' | 'End'
+}
+export type MultisigTransactionPage = {
+  count?: number | null
+  next?: string | null
+  previous?: string | null
+  results: MultisigTransaction[]
+}
+export type DeleteTransactionDto = {
+  signature: string
+}
+export type ModuleTransaction = {
+  type: 'TRANSACTION'
+  transaction: Transaction
+  conflictType: 'None'
+}
+export type ModuleTransactionPage = {
+  count?: number | null
+  next?: string | null
+  previous?: string | null
+  results: ModuleTransaction[]
+}
+export type AddConfirmationDto = {
+  signature: string
+}
+export type IncomingTransfer = {
+  type: 'TRANSACTION'
+  transaction: Transaction
+  conflictType: 'None'
+}
+export type IncomingTransferPage = {
+  count?: number | null
+  next?: string | null
+  previous?: string | null
+  results: IncomingTransfer[]
+}
+export type TransactionPreview = {
+  txInfo:
+    | CreationTransactionInfo
+    | CustomTransactionInfo
+    | SettingsChangeTransaction
+    | TransferTransactionInfo
+    | SwapOrderTransactionInfo
+    | BridgeAndSwapTransactionInfo
+    | SwapTransactionInfo
+    | SwapTransferTransactionInfo
+    | TwapOrderTransactionInfo
+    | NativeStakingDepositTransactionInfo
+    | NativeStakingValidatorsExitTransactionInfo
+    | NativeStakingWithdrawTransactionInfo
+    | VaultDepositTransactionInfo
+    | VaultRedeemTransactionInfo
+  txData: TransactionData
+}
+export type PreviewTransactionDto = {
+  to: string
+  data?: string | null
+  value: string
+  operation: number
+}
+export type ConflictHeaderQueuedItem = {
+  type: 'CONFLICT_HEADER'
+  nonce: number
+}
+export type LabelQueuedItem = {
+  type: 'LABEL'
+  label: string
+}
+export type TransactionQueuedItem = {
+  type: 'TRANSACTION'
+  transaction: Transaction
+  conflictType: 'None' | 'HasNext' | 'End'
+}
+export type QueuedItemPage = {
+  count?: number | null
+  next?: string | null
+  previous?: string | null
+  results: (ConflictHeaderQueuedItem | LabelQueuedItem | TransactionQueuedItem)[]
+}
+export type TransactionItem = {
+  type: 'TRANSACTION'
+  transaction: Transaction
+  conflictType: 'None'
+}
+export type DateLabel = {
+  type: 'DATE_LABEL'
+  timestamp: number
+}
+export type TransactionItemPage = {
+  count?: number | null
+  next?: string | null
+  previous?: string | null
+  results: (TransactionItem | DateLabel)[]
+}
+export type ProposeTransactionDto = {
+  to: string
+  value: string
+  data?: string | null
+  nonce: string
+  operation: number
+  safeTxGas: string
+  baseGas: string
+  gasPrice: string
+  gasToken: string
+  refundReceiver?: string | null
+  safeTxHash: string
+  sender: string
+  signature?: string | null
+  origin?: string | null
+}
+export type CreationTransaction = {
+  created: string
+  creator: string
+  transactionHash: string
+  factoryAddress: string
+  masterCopy?: string | null
+  setupData?: string | null
+  saltNonce?: string | null
+  dataDecoded?: DataDecoded | null
+}
+export type TxsCreationTransaction = {
+  created: string
+  creator: string
+  transactionHash: string
+  factoryAddress: string
+  masterCopy: object
+  setupData: object
+  saltNonce: object
+}
+export const {
+  useTransactionsGetTransactionByIdV1Query,
+  useLazyTransactionsGetTransactionByIdV1Query,
+  useTransactionsGetDomainMultisigTransactionBySafeTxHashV1Query,
+  useLazyTransactionsGetDomainMultisigTransactionBySafeTxHashV1Query,
+  useTransactionsGetDomainMultisigTransactionsV1Query,
+  useLazyTransactionsGetDomainMultisigTransactionsV1Query,
+  useTransactionsGetMultisigTransactionsV1Query,
+  useLazyTransactionsGetMultisigTransactionsV1Query,
+  useTransactionsDeleteTransactionV1Mutation,
+  useTransactionsGetModuleTransactionsV1Query,
+  useLazyTransactionsGetModuleTransactionsV1Query,
+  useTransactionsAddConfirmationV1Mutation,
+  useTransactionsGetIncomingTransfersV1Query,
+  useLazyTransactionsGetIncomingTransfersV1Query,
+  useTransactionsPreviewTransactionV1Mutation,
+  useTransactionsGetTransactionQueueV1Query,
+  useLazyTransactionsGetTransactionQueueV1Query,
+  useTransactionsGetTransactionsHistoryV1Query,
+  useLazyTransactionsGetTransactionsHistoryV1Query,
+  useTransactionsProposeTransactionV1Mutation,
+  useTransactionsGetCreationTransactionV1Query,
+  useLazyTransactionsGetCreationTransactionV1Query,
+  useTransactionsGetDomainCreationTransactionV1Query,
+  useLazyTransactionsGetDomainCreationTransactionV1Query,
+} = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/users.ts b/packages/store/src/gateway/AUTO_GENERATED/users.ts
new file mode 100644
index 000000000..0b0019eaf
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/users.ts
@@ -0,0 +1,76 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['users'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      usersGetWithWalletsV1: build.query<UsersGetWithWalletsV1ApiResponse, UsersGetWithWalletsV1ApiArg>({
+        query: () => ({ url: `/v1/users` }),
+        providesTags: ['users'],
+      }),
+      usersDeleteV1: build.mutation<UsersDeleteV1ApiResponse, UsersDeleteV1ApiArg>({
+        query: () => ({ url: `/v1/users`, method: 'DELETE' }),
+        invalidatesTags: ['users'],
+      }),
+      usersCreateWithWalletV1: build.mutation<UsersCreateWithWalletV1ApiResponse, UsersCreateWithWalletV1ApiArg>({
+        query: () => ({ url: `/v1/users/wallet`, method: 'POST' }),
+        invalidatesTags: ['users'],
+      }),
+      usersAddWalletToUserV1: build.mutation<UsersAddWalletToUserV1ApiResponse, UsersAddWalletToUserV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/users/wallet/add`, method: 'POST', body: queryArg.siweDto }),
+        invalidatesTags: ['users'],
+      }),
+      usersDeleteWalletFromUserV1: build.mutation<
+        UsersDeleteWalletFromUserV1ApiResponse,
+        UsersDeleteWalletFromUserV1ApiArg
+      >({
+        query: (queryArg) => ({ url: `/v1/users/wallet/${queryArg.walletAddress}`, method: 'DELETE' }),
+        invalidatesTags: ['users'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type UsersGetWithWalletsV1ApiResponse = /** status 200  */ UserWithWallets
+export type UsersGetWithWalletsV1ApiArg = void
+export type UsersDeleteV1ApiResponse = unknown
+export type UsersDeleteV1ApiArg = void
+export type UsersCreateWithWalletV1ApiResponse = /** status 200  */ CreatedUserWithWallet
+export type UsersCreateWithWalletV1ApiArg = void
+export type UsersAddWalletToUserV1ApiResponse = /** status 200  */ WalletAddedToUser
+export type UsersAddWalletToUserV1ApiArg = {
+  siweDto: SiweDto
+}
+export type UsersDeleteWalletFromUserV1ApiResponse = unknown
+export type UsersDeleteWalletFromUserV1ApiArg = {
+  walletAddress: string
+}
+export type UserWallet = {
+  id: number
+  address: string
+}
+export type UserWithWallets = {
+  id: number
+  status: 0 | 1
+  wallets: UserWallet[]
+}
+export type CreatedUserWithWallet = {
+  id: number
+}
+export type WalletAddedToUser = {
+  id: number
+}
+export type SiweDto = {
+  message: string
+  signature: string
+}
+export const {
+  useUsersGetWithWalletsV1Query,
+  useLazyUsersGetWithWalletsV1Query,
+  useUsersDeleteV1Mutation,
+  useUsersCreateWithWalletV1Mutation,
+  useUsersAddWalletToUserV1Mutation,
+  useUsersDeleteWalletFromUserV1Mutation,
+} = injectedRtkApi
diff --git a/packages/store/src/gateway/cgwClient-hooks.test.ts b/packages/store/src/gateway/cgwClient-hooks.test.ts
new file mode 100644
index 000000000..ba61c6893
--- /dev/null
+++ b/packages/store/src/gateway/cgwClient-hooks.test.ts
@@ -0,0 +1,74 @@
+import type { BaseQueryApi } from '@reduxjs/toolkit/query/react'
+import * as cgwClient from './cgwClient'
+
+/**
+ * I had to move these tests to a separate file, otherwise they were failing when ran with the other tests.
+ * I think it has to do with the way we import the cgwClient
+ */
+describe('cgwClient hooks', () => {
+  let testApi: BaseQueryApi
+  let originalFetch: typeof global.fetch
+
+  beforeAll(() => {
+    cgwClient.setBaseUrl('https://test.com')
+  })
+
+  beforeEach(() => {
+    originalFetch = global.fetch
+    // Mock fetch for all tests in this describe block
+    // Ensure the mocked response has a headers object for the prepareHeaders test
+    global.fetch = jest.fn().mockResolvedValue(
+      new Response('{}', { status: 200, headers: new Headers() }), // Headers need to be mutable for set
+    )
+
+    // Reset hooks to default implementations
+    cgwClient.setPrepareHeadersHook((headers) => headers)
+    cgwClient.setHandleResponseHook(() => {})
+
+    testApi = {
+      dispatch: jest.fn(),
+      getState: jest.fn(),
+      abort: jest.fn(),
+      signal: new AbortController().signal,
+      type: 'query' as const, // Ensure 'type' is treated as a literal type
+      endpoint: 'testEndpoint',
+      extra: {},
+    } as BaseQueryApi // Cast to BaseQueryApi
+  })
+
+  afterEach(() => {
+    // Restore original fetch
+    global.fetch = originalFetch
+  })
+
+  it('should call custom prepareHeadersHook and set header when fetchBaseQuery is used', async () => {
+    const mockHeaderFunction = jest.fn((headers: Headers, _url: string, _endpoint: string) => {
+      headers.set('X-Test-Header', 'test-value')
+      return headers
+    })
+
+    cgwClient.setPrepareHeadersHook(mockHeaderFunction)
+
+    await cgwClient.dynamicBaseQuery('/test-prepare-headers', testApi, {})
+
+    expect(mockHeaderFunction).toHaveBeenCalled()
+
+    const mockFetch = global.fetch as jest.Mock
+    expect(mockFetch).toHaveBeenCalled()
+    const request = mockFetch.mock.calls[0][0] as Request
+    expect(request.headers.get('X-Test-Header')).toBe('test-value')
+  })
+
+  it('should call custom handleResponseHook when fetchBaseQuery is used', async () => {
+    const mockResponseFunction = jest.fn()
+    cgwClient.setHandleResponseHook(mockResponseFunction)
+
+    await cgwClient.dynamicBaseQuery('/test-response', testApi, {})
+
+    const mockFetch = global.fetch as jest.Mock
+    expect(mockFetch).toHaveBeenCalled()
+
+    expect(mockResponseFunction).toHaveBeenCalled()
+    expect(mockResponseFunction).toHaveBeenCalledWith(expect.any(Response), '/test-response')
+  })
+})
diff --git a/packages/store/src/gateway/cgwClient.test.ts b/packages/store/src/gateway/cgwClient.test.ts
new file mode 100644
index 000000000..853279bb3
--- /dev/null
+++ b/packages/store/src/gateway/cgwClient.test.ts
@@ -0,0 +1,96 @@
+import type { FetchArgs, BaseQueryApi } from '@reduxjs/toolkit/query/react'
+import * as cgwClient from './cgwClient'
+
+describe('dynamicBaseQuery', () => {
+  const api: BaseQueryApi = {
+    dispatch: jest.fn(),
+    getState: jest.fn(),
+    abort: jest.fn(),
+    signal: new AbortController().signal,
+    extra: {},
+    endpoint: 'testEndpoint',
+    type: 'query',
+  }
+
+  const mockRawBaseQuery = jest.spyOn(cgwClient, 'rawBaseQuery')
+
+  beforeEach(() => {
+    jest.resetAllMocks()
+  })
+
+  it('throws an error if baseUrl is not set', async () => {
+    // Note: We do NOT set baseUrl here, so it remains null by default.
+    await expect(cgwClient.dynamicBaseQuery('/test', api, {})).rejects.toThrow(
+      'baseUrl not set. Call setBaseUrl before using the cgwClient',
+    )
+  })
+
+  it('calls rawBaseQuery with correct url when baseUrl is set and args is a string', async () => {
+    mockRawBaseQuery.mockResolvedValue({ data: 'stringResult' })
+    // Set the baseUrl
+    cgwClient.setBaseUrl('http://example.com')
+
+    const result = await cgwClient.dynamicBaseQuery('/test', api, {})
+
+    expect(mockRawBaseQuery).toHaveBeenCalledWith(
+      {
+        method: 'GET',
+        url: 'http://example.com/test',
+        credentials: 'omit',
+      },
+      api,
+      {},
+    )
+    expect(result).toEqual({ data: 'stringResult' })
+  })
+
+  it('calls rawBaseQuery with correct url when baseUrl is set and args is FetchArgs', async () => {
+    mockRawBaseQuery.mockResolvedValue({ data: 'objectResult' })
+    cgwClient.setBaseUrl('http://example.com')
+
+    const args: FetchArgs = { url: 'endpoint', method: 'POST', body: { hello: 'world' } }
+    const extraOptions = { extra: 'options' }
+
+    const result = await cgwClient.dynamicBaseQuery(args, api, extraOptions)
+
+    expect(mockRawBaseQuery).toHaveBeenCalledWith(
+      {
+        url: 'http://example.comendpoint',
+        method: 'POST',
+        body: { hello: 'world' },
+        credentials: 'omit',
+      },
+      api,
+      extraOptions,
+    )
+    expect(result).toEqual({ data: 'objectResult' })
+  })
+
+  it.each([
+    '/v1/auth',
+    '/v2/register/notifications',
+    `/v2/chains/1/notifications/devices/${crypto.randomUUID()}/safes/0x0000000000000000000000000000000000000000`,
+    '/v2/chains/1/notifications/devices/0x0000000000000000000000000000000000000000',
+  ])('calls rawBaseQuery with credentials for %s', async (url) => {
+    const mockRawBaseQuery = jest.spyOn(cgwClient, 'rawBaseQuery')
+    mockRawBaseQuery.mockResolvedValue({ data: 'objectResult' })
+    cgwClient.setBaseUrl('http://example.com')
+
+    const args: FetchArgs = { url, method: 'POST', body: { hello: 'world' } }
+    const extraOptions = { credentials: 'include' }
+
+    const result = await cgwClient.dynamicBaseQuery(args, api, extraOptions)
+
+    expect(mockRawBaseQuery).toHaveBeenCalledWith(
+      {
+        url: `http://example.com${url}`,
+        method: 'POST',
+        body: { hello: 'world' },
+        credentials: 'include',
+      },
+      api,
+      extraOptions,
+    )
+    expect(result).toEqual({ data: 'objectResult' })
+  })
+})
diff --git a/packages/store/src/gateway/cgwClient.ts b/packages/store/src/gateway/cgwClient.ts
new file mode 100644
index 000000000..c67a30870
--- /dev/null
+++ b/packages/store/src/gateway/cgwClient.ts
@@ -0,0 +1,133 @@
+import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'
+import type { BaseQueryFn, FetchArgs, FetchBaseQueryError } from '@reduxjs/toolkit/query/react'
+import { REHYDRATE } from 'redux-persist'
+import type { UnknownAction } from '@reduxjs/toolkit'
+import type { CombinedState } from '@reduxjs/toolkit/query'
+
+// Export these route patterns for use in platform-specific code
+export const CREDENTIAL_ROUTES = [
+  /\/v1\/users/,
+  /\/v1\/spaces/,
+  /\/v1\/auth/,
+  /\/v2\/register\/notifications$/,
+  /\/v2\/chains\/[^\/]+\/notifications\/devices/,
+]
+
+export function isCredentialRoute(url: string) {
+  return CREDENTIAL_ROUTES.some((route) => url.match(route))
+}
+
+let baseUrl: null | string = null
+export const setBaseUrl = (url: string) => {
+  baseUrl = url
+}
+
+export const getBaseUrl = () => {
+  return baseUrl
+}
+
+// Hook for customizing headers - this can be overridden by platform-specific code
+type PrepareHeadersHook = (headers: Headers, url: string, endpoint: string) => Headers | Promise<Headers>
+
+// Default implementation (does nothing)
+let customPrepareHeaders: PrepareHeadersHook = (headers) => headers
+
+// Setter for the custom hook
+export const setPrepareHeadersHook = (hook: PrepareHeadersHook) => {
+  customPrepareHeaders = hook
+}
+
+// Hook for handling response - this can be overridden by platform-specific code
+type HandleResponseHook = (response: Response, url: string) => void | Promise<void>
+
+// Default implementation (does nothing)
+let customHandleResponse: HandleResponseHook = () => {}
+
+// Setter for the custom hook
+export const setHandleResponseHook = (hook: HandleResponseHook) => {
+  customHandleResponse = hook
+}
+
+export const rawBaseQuery = fetchBaseQuery({
+  baseUrl: '/',
+  headers: {
+    'Content-Type': 'application/json',
+    Accept: 'application/json',
+  },
+  prepareHeaders: async (headers, api) => {
+    // Extract URL from API arguments
+    let url = ''
+
+    if (typeof api.endpoint === 'string') {
+      url = api.endpoint
+    }
+
+    if (api.arg) {
+      // Handle both string and object arg types
+      if (typeof api.arg === 'string') {
+        url = api.arg
+      } else if (typeof api.arg === 'object' && 'url' in api.arg) {
+        url = api.arg.url as string
+      }
+    }
+
+    // Apply platform-specific header customization
+    return customPrepareHeaders(headers, url, api.endpoint as string)
+  },
+})
+
+export const dynamicBaseQuery: BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError> = async (
+  args,
+  api,
+  extraOptions,
+) => {
+  const resolvedBaseUrl = getBaseUrl()
+
+  if (!resolvedBaseUrl) {
+    throw new Error('baseUrl not set. Call setBaseUrl before using the cgwClient')
+  }
+
+  const urlEnd = typeof args === 'string' ? args : args.url
+  const adjustedUrl = `${resolvedBaseUrl}${urlEnd}`
+
+  // Check for credential override in extraOptions (this is where RTK Query passes the options)
+  const forceOmitCredentials =
+    extraOptions && typeof extraOptions === 'object' && 'forceOmitCredentials' in extraOptions
+      ? (extraOptions as any).forceOmitCredentials
+      : false
+
+  const shouldIncludeCredentials = !forceOmitCredentials && isCredentialRoute(urlEnd)
+
+  const adjustedArgs = {
+    ...(typeof args === 'string' ? { method: 'GET' } : args),
+    url: adjustedUrl,
+    credentials: shouldIncludeCredentials ? ('include' as RequestCredentials) : ('omit' as RequestCredentials),
+  }
+
+  const response = await rawBaseQuery(adjustedArgs, api, extraOptions)
+
+  // Apply platform-specific response handling
+  if (response.meta?.response) {
+    await customHandleResponse(response.meta.response, urlEnd)
+  }
+
+  return response
+}
+
+export const cgwClient = createApi({
+  baseQuery: dynamicBaseQuery,
+  endpoints: () => ({}),
+  extractRehydrationInfo: (action: UnknownAction, { reducerPath }): CombinedState<{}, never, 'api'> | undefined => {
+    if (action.type === REHYDRATE && action.payload) {
+      // Use type assertion to tell TypeScript the expected structure
+      const payload = action.payload as {
+        [key: string]: { api?: unknown }
+      }
+
+      if (payload[reducerPath] && 'api' in payload[reducerPath]) {
+        return payload[reducerPath].api as CombinedState<{}, never, 'api'>
+      }
+    }
+    return undefined
+  },
+})
diff --git a/packages/store/src/gateway/chains/index.ts b/packages/store/src/gateway/chains/index.ts
new file mode 100644
index 000000000..a6790fd67
--- /dev/null
+++ b/packages/store/src/gateway/chains/index.ts
@@ -0,0 +1,48 @@
+import { type Chain as ChainInfo } from '../AUTO_GENERATED/chains'
+import { createEntityAdapter, EntityState } from '@reduxjs/toolkit'
+import { cgwClient, getBaseUrl } from '../cgwClient'
+import { QueryReturnValue, FetchBaseQueryError, FetchBaseQueryMeta } from '@reduxjs/toolkit/query'
+
+export const chainsAdapter = createEntityAdapter<ChainInfo, string>({ selectId: (chain: ChainInfo) => chain.chainId })
+export const initialState = chainsAdapter.getInitialState()
+
+const getChainsConfigs = async (
+  url = `${getBaseUrl()}/v1/chains`,
+  results: ChainInfo[] = [],
+): Promise<EntityState<ChainInfo, string>> => {
+  const response = await fetch(url)
+  if (!response.ok) {
+    throw new Error(`HTTP error! status: ${response.status}`)
+  }
+  const data = await response.json()
+
+  const nextResults = [...results, ...data.results]
+
+  if (data.next) {
+    return getChainsConfigs(data.next, nextResults)
+  }
+
+  return chainsAdapter.setAll(initialState, nextResults)
+}
+
+const getChains = async (): Promise<
+  QueryReturnValue<EntityState<ChainInfo, string>, FetchBaseQueryError, FetchBaseQueryMeta>
+> => {
+  try {
+    const data = await getChainsConfigs()
+    return { data }
+  } catch (error) {
+    return { error: error as FetchBaseQueryError }
+  }
+}
+
+export const apiSliceWithChainsConfig = cgwClient.injectEndpoints({
+  endpoints: (builder) => ({
+    getChainsConfig: builder.query<EntityState<ChainInfo, string>, void>({
+      queryFn: async () => {
+        return getChains()
+      },
+    }),
+  }),
+  overrideExisting: true,
+})
diff --git a/packages/store/src/gateway/index.ts b/packages/store/src/gateway/index.ts
new file mode 100644
index 000000000..00b8f4944
--- /dev/null
+++ b/packages/store/src/gateway/index.ts
@@ -0,0 +1,7 @@
+export { useSafesGetSafeV1Query as useGetSafeQuery } from './AUTO_GENERATED/safes'
+export {
+  useTransactionsGetTransactionQueueV1Query as useGetPendingTxsQuery,
+  useTransactionsGetTransactionsHistoryV1Query as useGetTxsHistoryQuery,
+} from './AUTO_GENERATED/transactions'
+
+export { useGetTxsHistoryInfiniteQuery } from './transactions'
diff --git a/packages/store/src/gateway/safes/index.ts b/packages/store/src/gateway/safes/index.ts
new file mode 100644
index 000000000..5864d7d90
--- /dev/null
+++ b/packages/store/src/gateway/safes/index.ts
@@ -0,0 +1,69 @@
+import { cgwClient } from '../cgwClient'
+import { SafesGetSafeOverviewV1ApiArg, SafesGetSafeOverviewV1ApiResponse } from '../AUTO_GENERATED/safes'
+import type { FetchBaseQueryError } from '@reduxjs/toolkit/query'
+import { addTagTypes } from '../AUTO_GENERATED/safes'
+
+function chunkArray<T>(array: T[], size: number): T[][] {
+  const chunks: T[][] = []
+  for (let i = 0; i < array.length; i += size) {
+    chunks.push(array.slice(i, i + size))
+  }
+  return chunks
+}
+
+const MAX_SAFES_PER_REQUEST = 10
+
+export const additionalSafesRtkApi = cgwClient
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      safesGetOverviewForMany: build.query<
+        SafesGetSafeOverviewV1ApiResponse,
+        Omit<SafesGetSafeOverviewV1ApiArg, 'safes'> & { safes: string[] }
+      >({
+        async queryFn(args, _api, _extraOptions, fetchWithBaseQuery) {
+          const { safes, currency, trusted, excludeSpam, walletAddress } = args
+          const chunkedSafes = chunkArray(safes, MAX_SAFES_PER_REQUEST)
+
+          let combinedData: SafesGetSafeOverviewV1ApiResponse = []
+
+          // Fetch each chunk
+          for (const chunk of chunkedSafes) {
+            const chunkArg: SafesGetSafeOverviewV1ApiArg = {
+              currency,
+              safes: chunk.join(','), // convert the chunk back to comma-separated
+              trusted,
+              excludeSpam,
+              walletAddress,
+            }
+
+            // Call the same underlying URL/params as the original endpoint
+            const result = await fetchWithBaseQuery({
+              url: '/v1/safes',
+              params: {
+                currency: chunkArg.currency,
+                safes: chunkArg.safes,
+                trusted: chunkArg.trusted,
+                exclude_spam: chunkArg.excludeSpam,
+                wallet_address: chunkArg.walletAddress,
+              },
+            })
+
+            if (result.error) {
+              return { error: result.error as FetchBaseQueryError }
+            }
+
+            combinedData = combinedData.concat(result.data as SafesGetSafeOverviewV1ApiResponse)
+          }
+
+          return { data: combinedData }
+        },
+        providesTags: ['safes'],
+      }),
+    }),
+    overrideExisting: true,
+  })
+
+export const { useSafesGetOverviewForManyQuery, useLazySafesGetOverviewForManyQuery } = additionalSafesRtkApi
diff --git a/packages/store/src/gateway/transactions.ts b/packages/store/src/gateway/transactions.ts
new file mode 100644
index 000000000..7ac371a8d
--- /dev/null
+++ b/packages/store/src/gateway/transactions.ts
@@ -0,0 +1,69 @@
+import { cgwClient as api } from './cgwClient'
+import type { TransactionItemPage, TransactionsGetTransactionsHistoryV1ApiArg } from './AUTO_GENERATED/transactions'
+
+// Define types needed for infinite query
+export type TxHistoryInfiniteQueryArg = Omit<TransactionsGetTransactionsHistoryV1ApiArg, 'cursor'>
+
+// Create an infinite query endpoint for transaction history
+export const txHistoryApi = api.injectEndpoints({
+  endpoints: (build) => ({
+    // Infinite query version of the transaction history query
+    getTxsHistoryInfinite: build.infiniteQuery<
+      TransactionItemPage, // Page content type (entire page response)
+      TxHistoryInfiniteQueryArg, // Query arg type (without cursor)
+      string | null // Page param type (cursor)
+    >({
+      // Define infinite query options
+      infiniteQueryOptions: {
+        initialPageParam: null, // Start with null cursor
+
+        // Function to get the next page param
+        getNextPageParam: (lastPage, allPages, lastPageParam, allPageParams) => {
+          // If there's no lastPage or no next page URL, return undefined
+          if (!lastPage || !lastPage.next) {
+            return undefined
+          }
+
+          // Extract the cursor from the next URL using URLSearchParams
+          // This is more robust than using string.split when dealing with complex URLs
+          try {
+            // The URL might be a relative URL like /v1/chains/{chainId}/safes/{safeAddress}/transactions/history?cursor=XYZ&other=param
+            // or a full URL with hostname
+            const urlParts = lastPage.next.split('?')
+            if (urlParts.length < 2) {
+              return undefined // No query string in the URL
+            }
+
+            const queryString = urlParts[1]
+            const searchParams = new URLSearchParams(queryString)
+            const cursor = searchParams.get('cursor')
+
+            if (!cursor) {
+              return undefined
+            }
+
+            return cursor
+          } catch (error) {
+            console.error('Error extracting cursor from next URL:', error)
+            return undefined
+          }
+        },
+      },
+
+      // Query function
+      query: ({ queryArg, pageParam }) => ({
+        url: `/v1/chains/${queryArg.chainId}/safes/${queryArg.safeAddress}/transactions/history`,
+        params: {
+          timezone_offset: queryArg.timezoneOffset,
+          trusted: queryArg.trusted,
+          imitation: queryArg.imitation,
+          timezone: queryArg.timezone,
+          cursor: pageParam,
+        },
+      }),
+    }),
+  }),
+})
+
+// Export the generated hook directly
+export const useGetTxsHistoryInfiniteQuery = txHistoryApi.endpoints.getTxsHistoryInfinite.useInfiniteQuery
diff --git a/packages/store/src/gateway/types.ts b/packages/store/src/gateway/types.ts
new file mode 100644
index 000000000..b0a4dff8d
--- /dev/null
+++ b/packages/store/src/gateway/types.ts
@@ -0,0 +1,133 @@
+import {
+  CustomTransactionInfo,
+  QueuedItemPage,
+  TransactionItemPage,
+  SwapOrderTransactionInfo,
+  TwapOrderTransactionInfo,
+  SwapTransferTransactionInfo,
+  ModuleExecutionInfo,
+  MultisigExecutionInfo,
+  AddressInfo,
+} from './AUTO_GENERATED/transactions'
+import { SafeOverview } from './AUTO_GENERATED/safes'
+import { MessageItem, MessagePage, TypedData } from './AUTO_GENERATED/messages'
+
+export enum RPC_AUTHENTICATION {
+  API_KEY_PATH = 'API_KEY_PATH',
+  NO_AUTHENTICATION = 'NO_AUTHENTICATION',
+  UNKNOWN = 'UNKNOWN',
+}
+
+export type ExecutionInfo = ModuleExecutionInfo | MultisigExecutionInfo
+
+export type SafeMessageListItemType = MessageItem['type']
+export type SafeMessageStatus = MessageItem['status']
+export type SafeMessageListItem = MessagePage['results'][number]
+export type TypedMessageTypes = TypedData['types']
+
+export enum TransactionStatus {
+  AWAITING_CONFIRMATIONS = 'AWAITING_CONFIRMATIONS',
+  AWAITING_EXECUTION = 'AWAITING_EXECUTION',
+  CANCELLED = 'CANCELLED',
+  FAILED = 'FAILED',
+  SUCCESS = 'SUCCESS',
+}
+
+export enum TransferDirection {
+  INCOMING = 'INCOMING',
+  OUTGOING = 'OUTGOING',
+  UNKNOWN = 'UNKNOWN',
+}
+
+export enum TransactionTokenType {
+  ERC20 = 'ERC20',
+  ERC721 = 'ERC721',
+  NATIVE_COIN = 'NATIVE_COIN',
+}
+
+export enum SettingsInfoType {
+  SET_FALLBACK_HANDLER = 'SET_FALLBACK_HANDLER',
+  ADD_OWNER = 'ADD_OWNER',
+  REMOVE_OWNER = 'REMOVE_OWNER',
+  SWAP_OWNER = 'SWAP_OWNER',
+  CHANGE_THRESHOLD = 'CHANGE_THRESHOLD',
+  CHANGE_IMPLEMENTATION = 'CHANGE_IMPLEMENTATION',
+  ENABLE_MODULE = 'ENABLE_MODULE',
+  DISABLE_MODULE = 'DISABLE_MODULE',
+  SET_GUARD = 'SET_GUARD',
+  DELETE_GUARD = 'DELETE_GUARD',
+}
+
+export enum TransactionInfoType {
+  TRANSFER = 'Transfer',
+  SETTINGS_CHANGE = 'SettingsChange',
+  CUSTOM = 'Custom',
+  CREATION = 'Creation',
+  SWAP_ORDER = 'SwapOrder',
+  TWAP_ORDER = 'TwapOrder',
+  SWAP_TRANSFER = 'SwapTransfer',
+  NATIVE_STAKING_DEPOSIT = 'NativeStakingDeposit',
+  NATIVE_STAKING_VALIDATORS_EXIT = 'NativeStakingValidatorsExit',
+  NATIVE_STAKING_WITHDRAW = 'NativeStakingWithdraw',
+}
+
+export enum ConflictType {
+  NONE = 'None',
+  HAS_NEXT = 'HasNext',
+  END = 'End',
+}
+
+export enum TransactionListItemType {
+  TRANSACTION = 'TRANSACTION',
+  LABEL = 'LABEL',
+  CONFLICT_HEADER = 'CONFLICT_HEADER',
+  DATE_LABEL = 'DATE_LABEL',
+}
+
+export enum DetailedExecutionInfoType {
+  MULTISIG = 'MULTISIG',
+  MODULE = 'MODULE',
+}
+
+export type Cancellation = CustomTransactionInfo & {
+  isCancellation: true
+}
+
+export type MultiSend = CustomTransactionInfo & {
+  value: string
+  methodName: 'multiSend'
+  actionCount: number
+  isCancellation: boolean
+  humanDescription?: string
+}
+export type SafeOverviewResult = { data: SafeOverview[]; error: unknown; isLoading: boolean }
+
+export type OrderTransactionInfo = SwapOrderTransactionInfo | TwapOrderTransactionInfo | SwapTransferTransactionInfo
+
+export enum StartTimeValue {
+  AT_MINING_TIME = 'AT_MINING_TIME',
+  AT_EPOCH = 'AT_EPOCH',
+}
+
+export type PendingTransactionItems = QueuedItemPage['results'][number]
+export type HistoryTransactionItems = TransactionItemPage['results'][number]
+
+// TODO: fix CGW DataDecodedParameter type. The decodedValue is typed only as an object or object[] there.
+export type ActionValueDecoded = {
+  data: string
+  dataDecoded: {
+    method: string
+    parameters: {
+      name: string
+      type: string
+      value: string
+    }[]
+  }
+  operation: number
+  to: string
+  value: string
+}
+
+export type AddressInfoIndex = Record<string, AddressInfo>
+
+export type { BalancesGetSupportedFiatCodesV1ApiResponse as FiatCurrencies } from './AUTO_GENERATED/balances'
diff --git a/packages/store/src/index.ts b/packages/store/src/index.ts
new file mode 100644
index 000000000..c1b461c27
--- /dev/null
+++ b/packages/store/src/index.ts
@@ -0,0 +1,3 @@
+import { setBaseUrl, cgwClient } from '@safe-global/store/src/gateway/cgwClient'
+
+export { setBaseUrl, cgwClient }
diff --git a/packages/store/src/settingsSlice.ts b/packages/store/src/settingsSlice.ts
new file mode 100644
index 000000000..33478afc2
--- /dev/null
+++ b/packages/store/src/settingsSlice.ts
@@ -0,0 +1,9 @@
+export type EnvState = {
+  tenderly: {
+    url: string
+    accessToken: string
+  }
+  rpc: {
+    [chainId: string]: string
+  }
+}
diff --git a/packages/store/src/slices/SafeInfo/types.ts b/packages/store/src/slices/SafeInfo/types.ts
new file mode 100644
index 000000000..cc7ea1ddd
--- /dev/null
+++ b/packages/store/src/slices/SafeInfo/types.ts
@@ -0,0 +1,3 @@
+import { SafeState } from '../../gateway/AUTO_GENERATED/safes'
+
+export type ExtendedSafeInfo = SafeState & { deployed: boolean }
diff --git a/packages/store/src/slices/SafeInfo/utils.ts b/packages/store/src/slices/SafeInfo/utils.ts
new file mode 100644
index 000000000..fc219dc3b
--- /dev/null
+++ b/packages/store/src/slices/SafeInfo/utils.ts
@@ -0,0 +1,21 @@
+import type { ExtendedSafeInfo } from './types'
+import type { SafeState } from '../../gateway/AUTO_GENERATED/safes'
+
+export const defaultSafeInfo: ExtendedSafeInfo = {
+  address: { value: '' },
+  chainId: '',
+  nonce: -1,
+  threshold: 0,
+  owners: [],
+  implementation: { value: '' },
+  implementationVersionState: '' as SafeState['implementationVersionState'],
+  modules: null,
+  guard: null,
+  fallbackHandler: { value: '' },
+  version: '',
+  collectiblesTag: '',
+  txQueuedTag: '',
+  txHistoryTag: '',
+  messagesTag: '',
+  deployed: true,
+}
diff --git a/packages/store/src/utils/persistTransformFilter.test.ts b/packages/store/src/utils/persistTransformFilter.test.ts
new file mode 100644
index 000000000..98058449d
--- /dev/null
+++ b/packages/store/src/utils/persistTransformFilter.test.ts
@@ -0,0 +1,224 @@
+import createFilter, {
+  createWhitelistFilter,
+  createBlacklistFilter,
+  persistFilter,
+  Path,
+} from './persistTransformFilter'
+
+// Interface for the transform results to fix typings
+interface TransformResult {
+  in: (state: Record<string, unknown>, key: string, config?: unknown) => Record<string, unknown>
+  out: (state: Record<string, unknown>, key: string, config?: unknown) => Record<string, unknown>
+}
+
+describe('redux-persist-transform-filter', () => {
+  describe('persistFilter', () => {
+    it('should be a function', () => {
+      expect(typeof persistFilter).toBe('function')
+    })
+
+    it('should return a subset, given one key', () => {
+      expect(persistFilter({ a: 'a', b: 'b', c: 'c' }, 'a')).toEqual({ a: 'a' })
+    })
+
+    it('should return a subset, given an array of keys', () => {
+      expect(persistFilter({ a: 'a', b: 'b', c: 'c' }, ['a'])).toEqual({ a: 'a' })
+      expect(persistFilter({ a: 'a', b: 'b', c: 'c' }, ['a', 'b'])).toEqual({ a: 'a', b: 'b' })
+    })
+
+    it('should return a subset, given one key path', () => {
+      expect(persistFilter({ a: { b: 'b', c: 'c' }, d: 'd' }, 'a.b')).toEqual({ a: { b: 'b' } })
+      expect(persistFilter({ a: { b: 'b', c: 'c' }, d: 'd' }, 'a.c')).toEqual({ a: { c: 'c' } })
+    })
+
+    it('should return a subset, given an array of key paths', () => {
+      expect(persistFilter({ a: { b: 'b', c: 'c' }, d: 'd' }, ['a.b'])).toEqual({ a: { b: 'b' } })
+      expect(persistFilter({ a: { b: 'b', c: 'c' }, d: 'd' }, [['a', 'b']])).toEqual({ a: { b: 'b' } })
+      expect(persistFilter({ a: { b: 'b', c: 'c' }, d: 'd' }, ['a.b', 'a.c'])).toEqual({ a: { b: 'b', c: 'c' } })
+      expect(
+        persistFilter({ a: { b: 'b', c: 'c' }, d: 'd' }, [
+          ['a', 'b'],
+          ['a', 'c'],
+        ]),
+      ).toEqual({ a: { b: 'b', c: 'c' } })
+    })
+
+    it('should return a subset, given an object that contains a path and a filterFunction', () => {
+      const store = { a: { id1: { x: true, b: 'b' }, id2: { x: true, b: 'bb' }, id3: { x: false, b: 'bbb' } }, d: 'd' }
+      expect(
+        persistFilter(store, [{ path: 'a', filterFunction: (item: unknown) => (item as { x: boolean }).x }]),
+      ).toEqual({
+        a: { id1: { x: true, b: 'b' }, id2: { x: true, b: 'bb' } },
+      })
+      expect(
+        persistFilter(store, [{ path: 'a', filterFunction: (item: unknown) => (item as { b: string }).b === 'bb' }]),
+      ).toEqual({
+        a: { id2: { x: true, b: 'bb' } },
+      })
+    })
+  })
+
+  describe('persistFilter (blacklist)', () => {
+    it('should return a subset, given one key', () => {
+      expect(persistFilter({ a: 'a', b: 'b', c: 'c' }, 'a', 'blacklist')).toEqual({ b: 'b', c: 'c' })
+    })
+
+    it('should return a subset, given an array of keys', () => {
+      expect(persistFilter({ a: 'a', b: 'b', c: 'c' }, ['a'], 'blacklist')).toEqual({ b: 'b', c: 'c' })
+      expect(persistFilter({ a: 'a', b: 'b', c: 'c' }, ['a', 'b'], 'blacklist')).toEqual({ c: 'c' })
+    })
+
+    it('should return a subset, given one key path', () => {
+      expect(persistFilter({ a: { b: 'b', c: 'c' }, d: 'd' }, 'a.b', 'blacklist')).toEqual({ a: { c: 'c' }, d: 'd' })
+      expect(persistFilter({ a: { b: 'b', c: 'c' }, d: 'd' }, 'a.c', 'blacklist')).toEqual({ a: { b: 'b' }, d: 'd' })
+    })
+
+    it('should return a subset, given an array of key paths', () => {
+      expect(persistFilter({ a: { b: 'b', c: 'c' }, d: 'd' }, ['a.b'], 'blacklist')).toEqual({ a: { c: 'c' }, d: 'd' })
+      expect(persistFilter({ a: { b: 'b', c: 'c' }, d: 'd' }, [['a', 'b']], 'blacklist')).toEqual({
+        a: { c: 'c' },
+        d: 'd',
+      })
+      expect(persistFilter({ a: { b: 'b', c: 'c' }, d: 'd' }, ['a.b', 'a.c'], 'blacklist')).toEqual({ a: {}, d: 'd' })
+      expect(
+        persistFilter(
+          { a: { b: 'b', c: 'c' }, d: 'd' },
+          [
+            ['a', 'b'],
+            ['a', 'c'],
+          ],
+          'blacklist',
+        ),
+      ).toEqual({ a: {}, d: 'd' })
+    })
+
+    it('should return a subset, given an object that contains a path and a filterFunction', () => {
+      const store = { a: { id1: { x: true, b: 'b' }, id2: { x: true, b: 'bb' }, id3: { x: false, b: 'bbb' } }, d: 'd' }
+      expect(
+        persistFilter(
+          JSON.parse(JSON.stringify(store)),
+          [{ path: 'a', filterFunction: (item: unknown) => (item as { x: boolean }).x }],
+          'blacklist',
+        ),
+      ).toEqual({ a: { id3: { x: false, b: 'bbb' } }, d: 'd' })
+      expect(
+        persistFilter(
+          JSON.parse(JSON.stringify(store)),
+          [{ path: 'a', filterFunction: (item: unknown) => (item as { b: string }).b === 'bb' }],
+          'blacklist',
+        ),
+      ).toEqual({ a: { id1: { x: true, b: 'b' }, id3: { x: false, b: 'bbb' } }, d: 'd' })
+    })
+
+    it('should return a subset, given an object that contains a path and a filterFunction to reduce array', () => {
+      const store = { a: [1, 2, 3], b: 'b' }
+      const result = persistFilter(
+        JSON.parse(JSON.stringify(store)) as Record<string, unknown>,
+        [{ path: 'a', filterFunction: (_item: unknown) => true }],
+        'blacklist',
+      )
+
+      expect(result).toEqual({ a: [], b: 'b' })
+
+      expect(Object.keys(result.a || {}).length).toBe(0)
+    })
+  })
+
+  describe('createFilter', () => {
+    it('should be a function', () => {
+      expect(typeof createFilter).toBe('function')
+    })
+
+    it('should return an object with in and out functions', () => {
+      const myFilter = createFilter('reducerName', 'a.b' as Path, 'a.c' as Path, 'whitelist')
+      expect(typeof myFilter).toBe('object')
+      expect(myFilter).toHaveProperty('in')
+      expect(myFilter).toHaveProperty('out')
+      expect(typeof myFilter.in).toBe('function')
+      expect(typeof myFilter.out).toBe('function')
+    })
+
+    it('should save a subset', () => {
+      const myFilter = createFilter('reducerName', ['a.b', 'd'] as Path[], undefined, 'whitelist') as TransformResult
+
+      const result = myFilter.in({ a: { b: 'b', c: 'c' }, d: 'd' }, 'reducerName', {})
+
+      expect(result).toEqual({ a: { b: 'b' }, d: 'd' })
+    })
+
+    it('should load a subset', () => {
+      const myFilter = createFilter('reducerName', undefined, ['a.b', 'd'] as Path[], 'whitelist') as TransformResult
+
+      const result = myFilter.out({ a: { b: 'b', c: 'c' }, d: 'd' }, 'reducerName', {})
+
+      expect(result).toEqual({ a: { b: 'b' }, d: 'd' })
+    })
+  })
+
+  describe('createWhitelistFilter', () => {
+    it('should be a function', () => {
+      expect(typeof createWhitelistFilter).toBe('function')
+    })
+
+    it('should return an object with in and out functions', () => {
+      const myFilter = createWhitelistFilter('reducerName', 'a.b' as Path, 'a.c' as Path)
+
+      expect(typeof myFilter).toBe('object')
+      expect(myFilter).toHaveProperty('in')
+      expect(myFilter).toHaveProperty('out')
+      expect(typeof myFilter.in).toBe('function')
+      expect(typeof myFilter.out).toBe('function')
+    })
+
+    it('should save a subset', () => {
+      const myFilter = createWhitelistFilter('reducerName', ['a.b', 'd'] as Path[]) as TransformResult
+
+      const result = myFilter.in({ a: { b: 'b', c: 'c' }, d: 'd' }, 'reducerName', {})
+
+      expect(result).toEqual({ a: { b: 'b' }, d: 'd' })
+    })
+
+    it('should load a subset', () => {
+      const myFilter = createWhitelistFilter('reducerName', undefined, ['a.b', 'd'] as Path[]) as TransformResult
+
+      const result = myFilter.out({ a: { b: 'b', c: 'c' }, d: 'd' }, 'reducerName', {})
+
+      expect(result).toEqual({ a: { b: 'b' }, d: 'd' })
+    })
+  })
+
+  describe('createBlacklistFilter', () => {
+    it('should export functions', () => {
+      expect(typeof createBlacklistFilter).toBe('function')
+    })
+
+    it('should return an object with in and out functions', () => {
+      const myFilter = createBlacklistFilter('reducerName', 'a.b' as Path, 'a.c' as Path)
+      expect(typeof myFilter).toBe('object')
+      expect(myFilter).toHaveProperty('in')
+      expect(myFilter).toHaveProperty('out')
+      expect(typeof myFilter.in).toBe('function')
+      expect(typeof myFilter.out).toBe('function')
+    })
+
+    it('should save a subset', () => {
+      const state = { a: { b: 'b', c: 'c' }, d: 'd' }
+      const myFilter = createBlacklistFilter('reducerName', ['a.b', 'd'] as Path[]) as TransformResult
+
+      const result = myFilter.in(state, 'reducerName', {})
+
+      expect(result).toEqual({ a: { c: 'c' } })
+      expect(state).toEqual({ a: { b: 'b', c: 'c' }, d: 'd' })
+    })
+
+    it('should load a subset', () => {
+      const state = { a: { b: 'b', c: 'c' }, d: 'd' }
+      const myFilter = createBlacklistFilter('reducerName', undefined, ['a.b', 'd'] as Path[]) as TransformResult
+
+      const result = myFilter.out(state, 'reducerName', {})
+
+      expect(result).toEqual({ a: { c: 'c' } })
+      expect(state).toEqual({ a: { b: 'b', c: 'c' }, d: 'd' })
+    })
+  })
+})
diff --git a/packages/store/src/utils/persistTransformFilter.ts b/packages/store/src/utils/persistTransformFilter.ts
new file mode 100644
index 000000000..ec86a6caf
--- /dev/null
+++ b/packages/store/src/utils/persistTransformFilter.ts
@@ -0,0 +1,154 @@
+// this is copy-paste from https://github.com/edy/redux-persist-transform-filter/tree/master
+// I've changed to typescript and modified the tests to work with jest
+
+import { createTransform, Transform } from 'redux-persist'
+import { set, get, unset, isEmpty, cloneDeep } from 'lodash'
+
+type TransformType = 'whitelist' | 'blacklist'
+type State = Record<string, unknown>
+
+export type Path = string | string[] | { path: string; filterFunction: (value: unknown) => boolean }
+
+export interface FilterObj {
+  path: string
+  filterFunction: (value: unknown) => boolean
+}
+
+/**
+ * Filter object based on provided paths
+ */
+export const persistFilter = (
+  state: State,
+  paths: Path[] | Path,
+  transformType: TransformType = 'whitelist',
+): State => {
+  // Convert single path to array for consistent handling
+  const pathsArray: Path[] = Array.isArray(paths) ? paths : [paths]
+
+  // For whitelist, start with empty object and add whitelisted properties
+  if (transformType === 'whitelist') {
+    const subset: State = {}
+
+    pathsArray.forEach((path) => {
+      if (typeof path === 'object' && 'path' in path) {
+        // Handle filter function paths
+        const { path: pathStr, filterFunction } = path
+        const value = get(state, pathStr)
+
+        if (typeof value === 'object' && value !== null) {
+          if (Array.isArray(value)) {
+            // Handle arrays
+            const filtered = value.filter(filterFunction)
+            if (filtered.length > 0) {
+              set(subset, pathStr, filtered)
+            }
+          } else {
+            // Handle objects
+            const filtered: Record<string, unknown> = {}
+
+            Object.entries(value as Record<string, unknown>).forEach(([key, val]) => {
+              if (filterFunction(val)) {
+                filtered[key] = val
+              }
+            })
+
+            if (!isEmpty(filtered)) {
+              set(subset, pathStr, filtered)
+            }
+          }
+        }
+      } else {
+        // Handle string or array paths
+        const pathStr = Array.isArray(path) ? path.join('.') : path
+        const value = get(state, pathStr)
+
+        if (typeof value !== 'undefined') {
+          set(subset, pathStr, value)
+        }
+      }
+    })
+
+    return subset
+  } else {
+    // For blacklist, start with deep copy of state and remove blacklisted properties
+    const subset = cloneDeep(state)
+
+    pathsArray.forEach((path) => {
+      if (typeof path === 'object' && 'path' in path) {
+        // Handle filter function paths
+        const { path: pathStr, filterFunction } = path
+        const value = get(state, pathStr)
+
+        if (typeof value === 'object' && value !== null) {
+          if (Array.isArray(value)) {
+            // For arrays, just empty the array if using filter functions
+            set(subset, pathStr, [])
+          } else {
+            // For objects, remove keys where filter function is true
+            const currentValue = get(subset, pathStr)
+
+            if (typeof currentValue === 'object' && currentValue !== null && !Array.isArray(currentValue)) {
+              Object.entries(currentValue as Record<string, unknown>).forEach(([key, val]) => {
+                if (filterFunction(val)) {
+                  unset(subset, `${pathStr}.${key}`)
+                }
+              })
+            }
+          }
+        }
+      } else {
+        // Handle string or array paths
+        const pathStr = Array.isArray(path) ? path.join('.') : path
+        unset(subset, pathStr)
+      }
+    })
+
+    return subset
+  }
+}
+
+/**
+ * Create a filter for redux-persist
+ */
+export function createFilter(
+  reducerName: string,
+  inboundPaths?: Path[] | Path,
+  outboundPaths?: Path[] | Path,
+  transformType: TransformType = 'whitelist',
+): Transform<State, State> {
+  return createTransform(
+    // inbound
+    (inboundState: State): State => {
+      return inboundPaths ? persistFilter(inboundState, inboundPaths, transformType) : inboundState
+    },
+    // outbound
+    (outboundState: State): State => {
+      return outboundPaths ? persistFilter(outboundState, outboundPaths, transformType) : outboundState
+    },
+    { whitelist: [reducerName] },
+  )
+}
+
+/**
+ * Create a whitelist filter for redux-persist
+ */
+export function createWhitelistFilter(
+  reducerName: string,
+  inboundPaths?: Path[] | Path,
+  outboundPaths?: Path[] | Path,
+): Transform<State, State> {
+  return createFilter(reducerName, inboundPaths, outboundPaths, 'whitelist')
+}
+
+/**
+ * Create a blacklist filter for redux-persist
+ */
+export function createBlacklistFilter(
+  reducerName: string,
+  inboundPaths?: Path[] | Path,
+  outboundPaths?: Path[] | Path,
+): Transform<State, State> {
+  return createFilter(reducerName, inboundPaths, outboundPaths, 'blacklist')
+}
+
+export default createFilter
diff --git a/packages/store/tsconfig.json b/packages/store/tsconfig.json
new file mode 100644
index 000000000..7f26ed5d8
--- /dev/null
+++ b/packages/store/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../config/tsconfig/confs/base.json",
+  "include": ["**/*.ts"],
+  "compilerOptions": {
+    "baseUrl": "."
+  }
+}
diff --git a/packages/utils/.gitignore b/packages/utils/.gitignore
new file mode 100644
index 000000000..358a21f8f
--- /dev/null
+++ b/packages/utils/.gitignore
@@ -0,0 +1,2 @@
+# Types
+src/types/contracts
diff --git a/packages/utils/jest.config.js b/packages/utils/jest.config.js
new file mode 100644
index 000000000..6e6235c8e
--- /dev/null
+++ b/packages/utils/jest.config.js
@@ -0,0 +1,7 @@
+const preset = require('../../config/test/presets/jest-preset')
+
+module.exports = {
+  ...preset,
+  collectCoverage: true,
+  collectCoverageFrom: ['<rootDir>/src/**/*.ts'],
+}
diff --git a/packages/utils/package.json b/packages/utils/package.json
new file mode 100644
index 000000000..079674f57
--- /dev/null
+++ b/packages/utils/package.json
@@ -0,0 +1,25 @@
+{
+  "private": true,
+  "name": "@safe-global/utils",
+  "description": "A collection of utility functions used across the Safe apps",
+  "version": "1.0.0",
+  "scripts": {
+    "test": "jest",
+    "test:coverage": "jest --coverage"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^9.0.3",
+    "@types/jest": "^29.5.14",
+    "ethers": "^6.14.3",
+    "jest": "^29.7.0"
+  },
+  "dependencies": {
+    "@cowprotocol/app-data": "^3.1.0",
+    "ts-node": "^10.9.2"
+  },
+  "peerDependencies": {
+    "@safe-global/protocol-kit": "^5.x",
+    "@safe-global/types-kit": "^1.x",
+    "ethers": "^6.x"
+  }
+}
diff --git a/packages/utils/src/components/confirmation-views/BridgeTransaction/BridgeWarnings.ts b/packages/utils/src/components/confirmation-views/BridgeTransaction/BridgeWarnings.ts
new file mode 100644
index 000000000..8ed31f026
--- /dev/null
+++ b/packages/utils/src/components/confirmation-views/BridgeTransaction/BridgeWarnings.ts
@@ -0,0 +1,40 @@
+export type WarningSeverity = 'warning' | 'error'
+
+export interface BridgeWarning {
+  title: string
+  description: string
+  severity: WarningSeverity
+}
+
+export const BridgeWarnings: Record<string, BridgeWarning> = {
+  DIFFERENT_SETUP: {
+    title: 'Different Safe setup on target chain',
+    description:
+      'Your Safe exists on the target chain but with a different configuration. Review carefully before proceeding. Funds sent may be inaccessible if the setup is incorrect.',
+    severity: 'warning',
+  },
+  NO_MULTICHAIN_SUPPORT: {
+    title: 'Incompatible Safe version',
+    description:
+      'This Safe account cannot add new networks. You will not be able to claim ownership of the same address on other networks. Funds sent may be inaccessible.',
+    severity: 'error',
+  },
+  SAFE_NOT_DEPLOYED: {
+    title: 'No ownership on target chain',
+    description:
+      'This Safe account is not activated on the target chain. First, create the Safe, execute a test transaction, and then proceed with bridging. Funds sent may be inaccessible.',
+    severity: 'warning',
+  },
+  DIFFERENT_ADDRESS: {
+    title: 'Unknown address',
+    description:
+      'The recipient is not a Safe you own or a known recipient in your address book. If this address is incorrect, your funds could be lost permanently.',
+    severity: 'warning',
+  },
+  UNKNOWN_CHAIN: {
+    title: 'The target network is not supported',
+    description:
+      'app.safe.global does not support the network. Unless you have a wallet deployed there, we recommend not to bridge. Funds sent may be inaccessible.',
+    severity: 'error',
+  },
+} as const
diff --git a/packages/utils/src/components/confirmation-views/BridgeTransaction/useBridgeWarningLogic.ts b/packages/utils/src/components/confirmation-views/BridgeTransaction/useBridgeWarningLogic.ts
new file mode 100644
index 000000000..85592d4a7
--- /dev/null
+++ b/packages/utils/src/components/confirmation-views/BridgeTransaction/useBridgeWarningLogic.ts
@@ -0,0 +1,71 @@
+import { useMemo } from 'react'
+import { BridgeWarnings, type BridgeWarning } from './BridgeWarnings'
+
+export interface BridgeWarningData {
+  // Address comparison
+  isSameAddress: boolean
+
+  // Chain and safe validation
+  isDestinationChainSupported: boolean
+  isMultiChainSafe: boolean
+
+  // Destination safe information
+  otherSafeExists: boolean
+  hasSameSetup: boolean
+
+  // Recipient validation
+  isRecipientInAddressBook: boolean
+  isRecipientOwnedSafe: boolean
+}
+
+/**
+ * Shared hook that contains all the bridge warning logic.
+ * Takes platform-specific data and returns the appropriate warning to display.
+ *
+ * @param data - The bridge warning data gathered from platform-specific sources
+ * @returns The warning to display, or null if no warning is needed
+ */
+export const useBridgeWarningLogic = (data: BridgeWarningData): BridgeWarning | null => {
+  return useMemo(() => {
+    const {
+      isSameAddress,
+      isDestinationChainSupported,
+      isMultiChainSafe,
+      otherSafeExists,
+      hasSameSetup,
+      isRecipientInAddressBook,
+      isRecipientOwnedSafe,
+    } = data
+
+    // When bridging to the same address (own safe)
+    if (isSameAddress) {
+      // Check if destination chain is supported
+      if (!isDestinationChainSupported) {
+        return BridgeWarnings.UNKNOWN_CHAIN
+      }
+
+      // If safe exists on destination chain
+      if (otherSafeExists) {
+        // Check if setup matches
+        if (hasSameSetup) {
+          return null // All good, no warning needed
+        }
+        return BridgeWarnings.DIFFERENT_SETUP
+      }
+
+      // Safe doesn't exist on destination chain
+      if (!isMultiChainSafe) {
+        return BridgeWarnings.NO_MULTICHAIN_SUPPORT
+      }
+
+      return BridgeWarnings.SAFE_NOT_DEPLOYED
+    }
+
+    // When bridging to a different address
+    if (!isRecipientInAddressBook && !isRecipientOwnedSafe) {
+      return BridgeWarnings.DIFFERENT_ADDRESS
+    }
+
+    return null // No warning needed
+  }, [data])
+}
diff --git a/packages/utils/src/components/tx/ApprovalEditor/utils/approvals.ts b/packages/utils/src/components/tx/ApprovalEditor/utils/approvals.ts
new file mode 100644
index 000000000..0313c8c65
--- /dev/null
+++ b/packages/utils/src/components/tx/ApprovalEditor/utils/approvals.ts
@@ -0,0 +1,6 @@
+import { ERC20__factory } from '@safe-global/utils/types/contracts'
+import { id } from 'ethers'
+
+export const APPROVAL_SIGNATURE_HASH = id('approve(address,uint256)').slice(0, 10)
+export const INCREASE_ALLOWANCE_SIGNATURE_HASH = id('increaseAllowance(address,uint256)').slice(0, 10)
+export const ERC20_INTERFACE = ERC20__factory.createInterface()
diff --git a/packages/utils/src/components/tx/security/blockaid/utils.ts b/packages/utils/src/components/tx/security/blockaid/utils.ts
new file mode 100644
index 000000000..f5c114b80
--- /dev/null
+++ b/packages/utils/src/components/tx/security/blockaid/utils.ts
@@ -0,0 +1,39 @@
+import type {
+  ModulesChangeManagement,
+  OwnershipChangeManagement,
+  ProxyUpgradeManagement,
+} from '@safe-global/utils/services/security/modules/BlockaidModule/types'
+
+export const REASON_MAPPING: Record<string, string> = {
+  raw_ether_transfer: 'transfers native currency',
+  signature_farming: 'is a raw signed transaction',
+  transfer_farming: 'transfers tokens',
+  approval_farming: 'approves erc20 tokens',
+  set_approval_for_all: 'approves all tokens of the account',
+  permit_farming: 'authorizes access or permissions',
+  seaport_farming: 'authorizes transfer of assets via Opeansea marketplace',
+  blur_farming: 'authorizes transfer of assets via Blur marketplace',
+  delegatecall_execution: 'involves a delegate call',
+}
+export const CLASSIFICATION_MAPPING: Record<string, string> = {
+  known_malicious: 'to a known malicious address',
+  unverified_contract: 'to an unverified contract',
+  new_address: 'to a new address',
+  untrusted_address: 'to an untrusted address',
+  address_poisoning: 'to a poisoned address',
+  losing_mint: 'resulting in a mint for a new token with a significantly higher price than the known price',
+  losing_assets: 'resulting in a loss of assets without any compensation',
+  losing_trade: 'resulting in a losing trade',
+  drainer_contract: 'to a known drainer contract',
+  user_mistake: 'resulting in a loss of assets due to an innocent mistake',
+  gas_farming_attack: 'resulting in a waste of the account address’ gas to generate tokens for a scammer',
+  other: 'resulting in a malicious outcome',
+}
+export const CONTRACT_CHANGE_TITLES_MAPPING: Record<
+  ProxyUpgradeManagement['type'] | OwnershipChangeManagement['type'] | ModulesChangeManagement['type'],
+  string
+> = {
+  PROXY_UPGRADE: 'This transaction will change the mastercopy of the Safe',
+  OWNERSHIP_CHANGE: 'This transaction will change the ownership of the Safe',
+  MODULES_CHANGE: 'This transaction contains a Safe modules change',
+}
diff --git a/packages/utils/src/components/tx/security/shared/types.ts b/packages/utils/src/components/tx/security/shared/types.ts
new file mode 100644
index 000000000..51a4d0e6d
--- /dev/null
+++ b/packages/utils/src/components/tx/security/shared/types.ts
@@ -0,0 +1,24 @@
+import type { BlockaidModuleResponse } from '@safe-global/utils/services/security/modules/BlockaidModule'
+import { SecuritySeverity } from '@safe-global/utils/services/security/modules/types'
+import type { Dispatch, SetStateAction } from 'react'
+
+export type TxSecurityContextProps = {
+  blockaidResponse:
+    | {
+        description: BlockaidModuleResponse['description']
+        classification: BlockaidModuleResponse['classification']
+        reason: BlockaidModuleResponse['reason']
+        warnings: NonNullable<BlockaidModuleResponse['issues']>
+        balanceChange: BlockaidModuleResponse['balanceChange'] | undefined
+        severity: SecuritySeverity | undefined
+        contractManagement: BlockaidModuleResponse['contractManagement'] | undefined
+        isLoading: boolean
+        error: Error | undefined
+      }
+    | undefined
+  needsRiskConfirmation: boolean
+  isRiskConfirmed: boolean
+  setIsRiskConfirmed: Dispatch<SetStateAction<boolean>>
+  isRiskIgnored: boolean
+  setIsRiskIgnored: Dispatch<SetStateAction<boolean>>
+}
diff --git a/packages/utils/src/components/tx/security/shared/utils.ts b/packages/utils/src/components/tx/security/shared/utils.ts
new file mode 100644
index 000000000..f6cfc0ca8
--- /dev/null
+++ b/packages/utils/src/components/tx/security/shared/utils.ts
@@ -0,0 +1,20 @@
+import { SecuritySeverity } from '@safe-global/utils/services/security/modules/types'
+
+export const defaultSecurityContextValues = {
+  blockaidResponse: {
+    warnings: [],
+    description: undefined,
+    classification: undefined,
+    reason: undefined,
+    balanceChange: undefined,
+    severity: SecuritySeverity.NONE,
+    contractManagement: undefined,
+    isLoading: false,
+    error: undefined,
+  },
+  needsRiskConfirmation: false,
+  isRiskConfirmed: false,
+  setIsRiskConfirmed: () => {},
+  isRiskIgnored: false,
+  setIsRiskIgnored: () => {},
+}
diff --git a/packages/utils/src/components/tx/security/tenderly/__tests__/utils.test.ts b/packages/utils/src/components/tx/security/tenderly/__tests__/utils.test.ts
new file mode 100644
index 000000000..fe558d6fe
--- /dev/null
+++ b/packages/utils/src/components/tx/security/tenderly/__tests__/utils.test.ts
@@ -0,0 +1,134 @@
+import { ethers, toBeHex, ZeroAddress } from 'ethers'
+import {
+  getStateOverwrites,
+  THRESHOLD_STORAGE_POSITION,
+  THRESHOLD_OVERWRITE,
+  NONCE_STORAGE_POSITION,
+  GUARD_STORAGE_POSITION,
+} from '../utils'
+import { ImplementationVersionState, type SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import type { SafeTransaction, SafeSignature } from '@safe-global/types-kit'
+import type { SingleTransactionSimulationParams } from '../utils'
+import { faker } from '@faker-js/faker'
+import { EthSafeSignature } from '@safe-global/protocol-kit'
+
+describe('getStateOverwrites', () => {
+  const mockOwners = [faker.finance.ethereumAddress(), faker.finance.ethereumAddress(), faker.finance.ethereumAddress()]
+  const safeAddress = faker.finance.ethereumAddress()
+  const mockSafe = {
+    address: { value: safeAddress },
+    chainId: '1',
+    nonce: 5,
+    threshold: 2,
+    guard: { value: ZeroAddress },
+    version: '1.4.1',
+    owners: mockOwners.map((owner) => ({ value: owner })),
+    implementation: { value: ZeroAddress },
+    implementationVersionState: ImplementationVersionState.UP_TO_DATE,
+    modules: [],
+    fallbackHandler: { value: ZeroAddress },
+    collectiblesTag: '0',
+    txQueuedTag: '0',
+    txHistoryTag: '0',
+    messagesTag: '0',
+  }
+  const mockSafeWithGuard = {
+    ...mockSafe,
+    guard: { value: faker.finance.ethereumAddress() },
+  }
+
+  const mockSignature = new EthSafeSignature(mockOwners[0], faker.string.hexadecimal({ length: 66 }))
+
+  const mockTransaction: SafeTransaction = {
+    data: {
+      to: faker.finance.ethereumAddress(),
+      value: '0',
+      data: '0x',
+      operation: 0,
+      safeTxGas: '0',
+      baseGas: '0',
+      gasPrice: '0',
+      gasToken: ZeroAddress,
+      refundReceiver: ZeroAddress,
+      nonce: 5,
+    },
+    signatures: new Map<string, SafeSignature>(),
+    getSignature: () => undefined,
+    addSignature: () => {},
+    encodedSignatures: () => '',
+  }
+
+  mockTransaction.signatures.set(mockOwners[0], mockSignature)
+
+  it('should return empty object when no overwrites are needed', () => {
+    // Threshold 2, one signature in the tx and the execution owner is the second owner
+    const params: SingleTransactionSimulationParams = {
+      safe: mockSafe,
+      executionOwner: mockOwners[1],
+      transactions: mockTransaction,
+    }
+
+    const result = getStateOverwrites(params)
+    expect(result).toEqual({})
+  })
+
+  it('should include threshold overwrite when signatures are below threshold', () => {
+    const params: SingleTransactionSimulationParams = {
+      safe: { ...mockSafe, threshold: 3 },
+      executionOwner: mockOwners[1],
+      transactions: mockTransaction,
+    }
+
+    const result = getStateOverwrites(params)
+    expect(result).toEqual({
+      [THRESHOLD_STORAGE_POSITION]: THRESHOLD_OVERWRITE,
+    })
+  })
+
+  it('should include nonce overwrite when transaction nonce is higher than safe nonce', () => {
+    const params: SingleTransactionSimulationParams = {
+      safe: mockSafe,
+      executionOwner: mockOwners[1],
+      transactions: { ...mockTransaction, data: { ...mockTransaction.data, nonce: 6 } },
+    }
+
+    const result = getStateOverwrites(params)
+    expect(result).toEqual({
+      [NONCE_STORAGE_POSITION]: toBeHex('0x6', 32),
+    })
+  })
+
+  it('should include guard overwrite when safe has a guard', () => {
+    const params: SingleTransactionSimulationParams = {
+      safe: mockSafeWithGuard,
+      executionOwner: mockOwners[1],
+      transactions: mockTransaction,
+    }
+
+    const result = getStateOverwrites(params)
+    expect(result).toEqual({
+      [GUARD_STORAGE_POSITION]: toBeHex(ZeroAddress, 32),
+    })
+  })
+
+  it('should combine multiple overwrites when multiple conditions are met', () => {
+    const params: SingleTransactionSimulationParams = {
+      safe: { ...mockSafe, guard: { value: faker.finance.ethereumAddress() }, threshold: 3 },
+      executionOwner: mockOwners[1],
+      transactions: {
+        ...mockTransaction,
+        data: {
+          ...mockTransaction.data,
+          nonce: 6,
+        },
+      },
+    }
+
+    const result = getStateOverwrites(params)
+    expect(result).toEqual({
+      [THRESHOLD_STORAGE_POSITION]: THRESHOLD_OVERWRITE,
+      [NONCE_STORAGE_POSITION]: toBeHex('0x6', 32),
+      [GUARD_STORAGE_POSITION]: toBeHex(ZeroAddress, 32),
+    })
+  })
+})
diff --git a/src/components/tx/security/tenderly/types.ts b/packages/utils/src/components/tx/security/tenderly/types.ts
similarity index 100%
rename from src/components/tx/security/tenderly/types.ts
rename to packages/utils/src/components/tx/security/tenderly/types.ts
diff --git a/packages/utils/src/components/tx/security/tenderly/useSimulation.ts b/packages/utils/src/components/tx/security/tenderly/useSimulation.ts
new file mode 100644
index 000000000..53418258f
--- /dev/null
+++ b/packages/utils/src/components/tx/security/tenderly/useSimulation.ts
@@ -0,0 +1,20 @@
+import { FETCH_STATUS, type TenderlySimulation } from '@safe-global/utils/components/tx/security/tenderly/types'
+import type { SimulationTxParams } from '@safe-global/utils/components/tx/security/tenderly/utils'
+
+export type UseSimulationReturn =
+  | {
+      _simulationRequestStatus: FETCH_STATUS.NOT_ASKED | FETCH_STATUS.ERROR | FETCH_STATUS.LOADING
+      simulation: undefined
+      simulateTransaction: (params: SimulationTxParams) => void
+      simulationLink: string
+      requestError?: string
+      resetSimulation: () => void
+    }
+  | {
+      _simulationRequestStatus: FETCH_STATUS.SUCCESS
+      simulation: TenderlySimulation
+      simulateTransaction: (params: SimulationTxParams) => void
+      simulationLink: string
+      requestError?: string
+      resetSimulation: () => void
+    }
diff --git a/packages/utils/src/components/tx/security/tenderly/utils.ts b/packages/utils/src/components/tx/security/tenderly/utils.ts
new file mode 100644
index 000000000..c49fdfb81
--- /dev/null
+++ b/packages/utils/src/components/tx/security/tenderly/utils.ts
@@ -0,0 +1,193 @@
+import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import type { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+import type { MetaTransactionData, SafeTransaction } from '@safe-global/types-kit'
+import {
+  TENDERLY_ORG_NAME,
+  TENDERLY_PROJECT_NAME,
+  TENDERLY_SIMULATE_ENDPOINT_URL,
+} from '@safe-global/utils/config/constants'
+import { FEATURES, hasFeature } from '@safe-global/utils/utils/chains'
+import {
+  FETCH_STATUS,
+  type StateObject,
+  type TenderlySimulatePayload,
+  type TenderlySimulation,
+} from '@safe-global/utils/components/tx/security/tenderly/types'
+import type { EnvState } from '@safe-global/store/settingsSlice'
+import { toBeHex, ZeroAddress } from 'ethers'
+import { UseSimulationReturn } from './useSimulation'
+
+export const getSimulationLink = (simulationId: string): string => {
+  // return `https://dashboard.tenderly.co/public/${TENDERLY_ORG_NAME}/${TENDERLY_PROJECT_NAME}/simulator/${simulationId}`
+  return `https://dashboard.tenderly.co/shared/simulation/${simulationId}`
+}
+
+export type SingleTransactionSimulationParams = {
+  safe: SafeInfo
+  executionOwner: string
+  transactions: SafeTransaction
+  gasLimit?: number
+}
+export type MultiSendTransactionSimulationParams = {
+  safe: SafeInfo
+  executionOwner: string
+  transactions: MetaTransactionData[]
+  gasLimit?: number
+}
+export type SimulationTxParams = SingleTransactionSimulationParams | MultiSendTransactionSimulationParams
+export const isTxSimulationEnabled = (chain?: Pick<Chain, 'features'>): boolean => {
+  if (!chain) {
+    return false
+  }
+
+  const isSimulationEnvSet =
+    Boolean(TENDERLY_SIMULATE_ENDPOINT_URL) && Boolean(TENDERLY_ORG_NAME) && Boolean(TENDERLY_PROJECT_NAME)
+
+  return isSimulationEnvSet && hasFeature(chain, FEATURES.TX_SIMULATION)
+}
+export const getSimulation = async (
+  tx: TenderlySimulatePayload,
+  customTenderly: EnvState['tenderly'] | undefined,
+): Promise<TenderlySimulation> => {
+  const requestObject: RequestInit = {
+    method: 'POST',
+    body: JSON.stringify(tx),
+  }
+
+  if (customTenderly?.accessToken) {
+    requestObject.headers = {
+      'content-type': 'application/JSON',
+      'X-Access-Key': customTenderly.accessToken,
+    }
+  }
+
+  const data = await fetch(
+    customTenderly?.url ? customTenderly.url : TENDERLY_SIMULATE_ENDPOINT_URL,
+    requestObject,
+  ).then((res) => {
+    if (res.ok) {
+      return res.json()
+    }
+    return res.json().then((data) => {
+      throw new Error(`${res.status} - ${res.statusText}: ${data?.error?.message}`)
+    })
+  })
+
+  return data as TenderlySimulation
+} /* We need to overwrite the nonce if we simulate a (partially) signed transaction which is not at the top position of the tx queue.
+  The nonce can be found in storage slot 5 and uses a full 32 bytes slot. */
+export const _getStateOverride = (
+  address: string,
+  balance?: string,
+  code?: string,
+  storage?: Record<string, string>,
+): Record<string, StateObject> => {
+  return {
+    [address]: {
+      balance,
+      code,
+      storage,
+    },
+  }
+}
+export const isSingleTransactionSimulation = (
+  params: SimulationTxParams,
+): params is SingleTransactionSimulationParams => {
+  return !Array.isArray(params.transactions)
+}
+/**
+ * @returns true for single MultiSig transactions if the provided signatures plus the current owner's signature (if missing)
+ * do not reach the safe's threshold.
+ */
+const isOverwriteThreshold = (params: SimulationTxParams) => {
+  if (!isSingleTransactionSimulation(params)) {
+    return false
+  }
+  const tx = params.transactions
+  const hasOwnerSig = tx.signatures.has(params.executionOwner) || tx.signatures.has(params.executionOwner.toLowerCase())
+  const effectiveSigs = tx.signatures.size + (hasOwnerSig ? 0 : 1)
+  return params.safe.threshold > effectiveSigs
+}
+const getNonceOverwrite = (params: SimulationTxParams): number | undefined => {
+  if (!isSingleTransactionSimulation(params)) {
+    return
+  }
+  const txNonce = params.transactions.data.nonce
+  const safeNonce = params.safe.nonce
+  if (txNonce > safeNonce) {
+    return txNonce
+  }
+}
+const getGuardOverwrite = (params: SimulationTxParams): string | undefined => {
+  const hasGuard = params.safe.guard?.value !== undefined && params.safe.guard.value !== ZeroAddress
+  if (hasGuard) {
+    return ZeroAddress
+  }
+}
+/* We need to overwrite the threshold stored in smart contract storage to 1
+  to do a proper simulation that takes transaction guards into account.
+  The threshold is stored in storage slot 4 and uses full 32 bytes slot.
+  Safe storage layout can be found here:
+  https://github.com/gnosis/safe-contracts/blob/main/contracts/libraries/SafeStorage.sol */
+export const THRESHOLD_STORAGE_POSITION = toBeHex('0x4', 32)
+export const THRESHOLD_OVERWRITE = toBeHex('0x1', 32)
+export const NONCE_STORAGE_POSITION = toBeHex('0x5', 32)
+/** keccak256("guard_manager.guard.address" */
+export const GUARD_STORAGE_POSITION = '0x4a204f620c8c5ccdca3fd54d003badd85ba500436a431f0cbda4f558c93c34c8'
+
+export const getStateOverwrites = (params: SimulationTxParams) => {
+  const nonceOverwrite = getNonceOverwrite(params)
+  const isThresholdOverwrite = isOverwriteThreshold(params)
+  const guardOverwrite = getGuardOverwrite(params)
+  const storageOverwrites: Record<string, string> = {} as Record<string, string>
+
+  if (isThresholdOverwrite) {
+    storageOverwrites[THRESHOLD_STORAGE_POSITION] = THRESHOLD_OVERWRITE
+  }
+  if (nonceOverwrite !== undefined) {
+    storageOverwrites[NONCE_STORAGE_POSITION] = toBeHex('0x' + BigInt(nonceOverwrite).toString(16), 32)
+  }
+  if (guardOverwrite !== undefined) {
+    storageOverwrites[GUARD_STORAGE_POSITION] = toBeHex(guardOverwrite, 32)
+  }
+
+  return storageOverwrites
+}
+
+export const getCallTraceErrors = (simulation?: TenderlySimulation) => {
+  if (!simulation || !simulation.simulation.status) {
+    return []
+  }
+
+  return simulation.transaction.call_trace.filter((call) => call.error)
+}
+
+export type SimulationStatus = {
+  isLoading: boolean
+  isFinished: boolean
+  isSuccess: boolean
+  isCallTraceError: boolean
+  isError: boolean
+}
+
+export const getSimulationStatus = (simulation: UseSimulationReturn): SimulationStatus => {
+  const isLoading = simulation._simulationRequestStatus === FETCH_STATUS.LOADING
+
+  const isFinished =
+    simulation._simulationRequestStatus === FETCH_STATUS.SUCCESS ||
+    simulation._simulationRequestStatus === FETCH_STATUS.ERROR
+
+  const isSuccess = simulation.simulation?.simulation.status || false
+
+  // Safe can emit failure event even though Tenderly simulation succeeds
+  const isCallTraceError = isSuccess && getCallTraceErrors(simulation.simulation).length > 0
+  const isError = simulation._simulationRequestStatus === FETCH_STATUS.ERROR
+
+  return {
+    isLoading,
+    isFinished,
+    isSuccess,
+    isCallTraceError,
+    isError,
+  }
+}
diff --git a/packages/utils/src/config/chains.ts b/packages/utils/src/config/chains.ts
new file mode 100644
index 000000000..05243aaad
--- /dev/null
+++ b/packages/utils/src/config/chains.ts
@@ -0,0 +1,20 @@
+import { networks } from '@safe-global/protocol-kit/dist/src/utils/eip-3770/config'
+
+/**
+ * A static shortName<->chainId dictionary
+ * E.g.:
+ *
+ * {
+ *   eth: '1',
+ *   gor: '5',
+ *   ...
+ * }
+ */
+type Chains = Record<string, string>
+
+const chains = networks.reduce<Chains>((result, { shortName, chainId }) => {
+  result[shortName] = chainId.toString()
+  return result
+}, {})
+
+export default chains
diff --git a/packages/utils/src/config/constants.ts b/packages/utils/src/config/constants.ts
new file mode 100644
index 000000000..8b39fc881
--- /dev/null
+++ b/packages/utils/src/config/constants.ts
@@ -0,0 +1,54 @@
+export const LATEST_SAFE_VERSION =
+  process.env.NEXT_PUBLIC_SAFE_VERSION || process.env.EXPO_PUBLIC_SAFE_VERSION || '1.4.1'
+
+// Risk mitigation (Blockaid)
+export const BLOCKAID_API =
+  process.env.NEXT_PUBLIC_BLOCKAID_API || process.env.EXPO_PUBLIC_BLOCKAID_API || 'https://client.blockaid.io'
+export const BLOCKAID_CLIENT_ID =
+  process.env.NEXT_PUBLIC_BLOCKAID_CLIENT_ID || process.env.EXPO_PUBLIC_BLOCKAID_CLIENT_ID || ''
+// Access keys
+export const INFURA_TOKEN = process.env.NEXT_PUBLIC_INFURA_TOKEN || process.env.EXPO_PUBLIC_INFURA_TOKEN || ''
+// Safe Apps
+export const SAFE_APPS_INFURA_TOKEN =
+  process.env.NEXT_PUBLIC_SAFE_APPS_INFURA_TOKEN || process.env.EXPO_PUBLIC_SAFE_APPS_INFURA_TOKEN || INFURA_TOKEN
+
+// Tenderly - API docs: https://www.notion.so/Simulate-API-Documentation-6f7009fe6d1a48c999ffeb7941efc104
+export const TENDERLY_SIMULATE_ENDPOINT_URL =
+  process.env.NEXT_PUBLIC_TENDERLY_SIMULATE_ENDPOINT_URL || process.env.EXPO_PUBLIC_TENDERLY_SIMULATE_ENDPOINT_URL || 'https://tsp.staging.safe.rootstock.io'
+export const TENDERLY_PROJECT_NAME =
+  process.env.NEXT_PUBLIC_TENDERLY_PROJECT_NAME || process.env.EXPO_PUBLIC_TENDERLY_PROJECT_NAME || 'safe'
+export const TENDERLY_ORG_NAME =
+  process.env.NEXT_PUBLIC_TENDERLY_ORG_NAME || process.env.EXPO_PUBLIC_TENDERLY_ORG_NAME || 'RootstockSafe'
+
+// Help Center
+
+const HELP_CENTER_URL = 'https://help.safe.global'
+export const HelpCenterArticle = {
+  ADDRESS_BOOK_DATA: `${HELP_CENTER_URL}/en/articles/40811-address-book-export-and-import`,
+  ADVANCED_PARAMS: `${HELP_CENTER_URL}/en/articles/40837-advanced-transaction-parameters`,
+  CANCELLING_TRANSACTIONS: `${HELP_CENTER_URL}/en/articles/40836-why-do-i-need-to-pay-for-cancelling-a-transaction`,
+  COOKIES: `${HELP_CENTER_URL}/en/articles/40797-why-do-i-need-to-enable-third-party-cookies-for-safe-apps`,
+  CONFLICTING_TRANSACTIONS: `${HELP_CENTER_URL}/en/articles/40839-why-are-transactions-with-the-same-nonce-conflicting-with-each-other`,
+  FALLBACK_HANDLER: `${HELP_CENTER_URL}/en/articles/40838-what-is-a-fallback-handler-and-how-does-it-relate-to-safe`,
+  MOBILE_SAFE: `${HELP_CENTER_URL}/en/articles/40801-connect-to-web-with-mobile-safe`,
+  RECOVERY: `${HELP_CENTER_URL}/en/articles/110656-account-recovery-in-safe-wallet`,
+  RELAYING: `${HELP_CENTER_URL}/en/articles/59203-what-is-gas-fee-sponsoring`,
+  SAFE_SETUP: `${HELP_CENTER_URL}/en/articles/40835-what-safe-setup-should-i-use`,
+  SIGNED_MESSAGES: `${HELP_CENTER_URL}/en/articles/40783-what-are-signed-messages`,
+  SPAM_TOKENS: `${HELP_CENTER_URL}/en/articles/40784-default-token-list-local-hiding-of-spam-tokens`,
+  SPENDING_LIMITS: `${HELP_CENTER_URL}/en/articles/40842-set-up-and-use-spending-limits`,
+  TRANSACTION_GUARD: `${HELP_CENTER_URL}/en/articles/40809-what-is-a-transaction-guard`,
+  UNEXPECTED_DELEGATE_CALL: `${HELP_CENTER_URL}/en/articles/40794-why-do-i-see-an-unexpected-delegate-call-warning-in-my-transaction`,
+  PROPOSERS: `${HELP_CENTER_URL}/en/articles/235770-proposers`,
+  PUSH_NOTIFICATIONS: `${HELP_CENTER_URL}/en/articles/99197-how-to-start-receiving-web-push-notifications-in-the-web-wallet`,
+  SWAP_WIDGET_FEES: `${HELP_CENTER_URL}/en/articles/178530-how-does-the-widget-fee-work-for-native-swaps`,
+  VERIFY_TX_DETAILS: `${HELP_CENTER_URL}/en/articles/276343-how-to-perform-basic-transactions-checks-on-safe-wallet`,
+  BULK_IMPORT_OLD_DATA: `${HELP_CENTER_URL}/en/articles/359254-new-mobile-apps-bulk-import-of-old-app-data-ios-only`,
+} as const
+export const HelperCenterArticleTitles = {
+  RECOVERY: 'Learn more about the Account recovery process',
+}
+// Social
+export const DISCORD_URL = 'https://chat.safe.global'
+export const TWITTER_URL = 'https://twitter.com/safe'
+export const SAFE_TO_L2_MIGRATION_VERSION = '1.4.1'
diff --git a/packages/utils/src/features/counterfactual/store/types.ts b/packages/utils/src/features/counterfactual/store/types.ts
new file mode 100644
index 000000000..2256a7419
--- /dev/null
+++ b/packages/utils/src/features/counterfactual/store/types.ts
@@ -0,0 +1,43 @@
+import type { SafeVersion } from '@safe-global/types-kit'
+import type { PredictedSafeProps } from '@safe-global/protocol-kit'
+import type { PayMethod } from '@safe-global/utils/features/counterfactual/types'
+
+export enum PendingSafeStatus {
+  AWAITING_EXECUTION = 'AWAITING_EXECUTION',
+  PROCESSING = 'PROCESSING',
+  RELAYING = 'RELAYING',
+}
+
+export type UndeployedSafeStatus = {
+  status: PendingSafeStatus
+  type: PayMethod
+  txHash?: string
+  taskId?: string
+  startBlock?: number
+  submittedAt?: number
+  signerAddress?: string
+  signerNonce?: number | null
+}
+export type ReplayedSafeProps = {
+  factoryAddress: string
+  masterCopy: string
+  safeAccountConfig: {
+    threshold: number
+    owners: string[]
+    fallbackHandler: string
+    to: string
+    data: string
+    paymentToken?: string
+    payment?: number
+    paymentReceiver: string
+  }
+  saltNonce: string
+  safeVersion: SafeVersion
+}
+export type UndeployedSafeProps = PredictedSafeProps | ReplayedSafeProps
+export type UndeployedSafe = {
+  status: UndeployedSafeStatus
+  props: UndeployedSafeProps
+}
+type UndeployedSafesSlice = { [address: string]: UndeployedSafe }
+export type UndeployedSafesState = { [chainId: string]: UndeployedSafesSlice }
diff --git a/packages/utils/src/features/counterfactual/types.ts b/packages/utils/src/features/counterfactual/types.ts
new file mode 100644
index 000000000..6443972b2
--- /dev/null
+++ b/packages/utils/src/features/counterfactual/types.ts
@@ -0,0 +1,4 @@
+export const enum PayMethod {
+  PayNow = 'PayNow',
+  PayLater = 'PayLater',
+}
diff --git a/packages/utils/src/features/swap/helpers/__tests__/utils.test.ts b/packages/utils/src/features/swap/helpers/__tests__/utils.test.ts
new file mode 100644
index 000000000..f4c0f9123
--- /dev/null
+++ b/packages/utils/src/features/swap/helpers/__tests__/utils.test.ts
@@ -0,0 +1,662 @@
+import {
+  getExecutionPrice,
+  getFilledPercentage,
+  getLimitPrice,
+  getPartiallyFilledSurplus,
+  getSurplusPrice,
+  isOrderPartiallyFilled,
+  isSettingTwapFallbackHandler,
+  TWAP_FALLBACK_HANDLER,
+  getOrderFeeBps,
+} from '../utils'
+import type {
+  DataDecoded,
+  TwapOrderTransactionInfo as TwapOrder,
+  SwapOrderTransactionInfo as SwapOrder,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+describe('Swap helpers', () => {
+  test('sellAmount bigger than buyAmount', () => {
+    const mockOrder = {
+      executedSellAmount: '100000000000000000000', // 100 tokens
+      executedBuyAmount: '50000000000000000000', // 50 tokens
+      buyToken: { decimals: 18 },
+      sellToken: { decimals: 18 },
+      sellAmount: '100000000000000000000',
+      buyAmount: '50000000000000000000',
+    } as unknown as SwapOrder
+
+    const executionPrice = getExecutionPrice(mockOrder)
+    const limitPrice = getLimitPrice(mockOrder)
+    const surplusPrice = getSurplusPrice(mockOrder)
+
+    expect(executionPrice).toBe(2)
+    expect(limitPrice).toBe(2)
+    expect(surplusPrice).toBe(0)
+  })
+
+  test('sellAmount smaller than buyAmount', () => {
+    const mockOrder = {
+      executedSellAmount: '50000000000000000000', // 50 tokens
+      executedBuyAmount: '100000000000000000000', // 100 tokens
+      buyToken: { decimals: 18 },
+      sellToken: { decimals: 18 },
+      sellAmount: '50000000000000000000',
+      buyAmount: '100000000000000000000',
+    } as unknown as SwapOrder
+
+    const executionPrice = getExecutionPrice(mockOrder)
+    const limitPrice = getLimitPrice(mockOrder)
+    const surplusPrice = getSurplusPrice(mockOrder)
+
+    expect(executionPrice).toBe(0.5)
+    expect(limitPrice).toBe(0.5)
+    expect(surplusPrice).toBe(0)
+  })
+
+  test('buyToken has more decimals than sellToken', () => {
+    const mockOrder = {
+      executedSellAmount: '10000000000', // 100 tokens
+      executedBuyAmount: '50000000000000000000', // 50 tokens
+      buyToken: { decimals: 18 },
+      sellToken: { decimals: 8 },
+      sellAmount: '10000000000',
+      buyAmount: '50000000000000000000',
+    } as unknown as SwapOrder
+
+    const executionPrice = getExecutionPrice(mockOrder)
+    const limitPrice = getLimitPrice(mockOrder)
+    const surplusPrice = getSurplusPrice(mockOrder)
+
+    expect(executionPrice).toBe(2)
+    expect(limitPrice).toBe(2)
+    expect(surplusPrice).toBe(0)
+  })
+
+  test('sellToken has more decimals than buyToken', () => {
+    const mockOrder = {
+      executedSellAmount: '100000000000000000000', // 100 tokens
+      executedBuyAmount: '5000000000', // 50 tokens
+      buyToken: { decimals: 8 },
+      sellToken: { decimals: 18 },
+      sellAmount: '100000000000000000000',
+      buyAmount: '5000000000',
+    } as unknown as SwapOrder
+
+    const executionPrice = getExecutionPrice(mockOrder)
+    const limitPrice = getLimitPrice(mockOrder)
+    const surplusPrice = getSurplusPrice(mockOrder)
+
+    expect(executionPrice).toBe(2)
+    expect(limitPrice).toBe(2)
+    expect(surplusPrice).toBe(0)
+  })
+
+  test('twap order with unknown executed sell and buy amounts', () => {
+    const mockOrder = {
+      executedSellAmount: null,
+      executedBuyAmount: null,
+      buyToken: { decimals: 8 },
+      sellToken: { decimals: 18 },
+      sellAmount: '100000000000000000000',
+      buyAmount: '5000000000',
+    } as unknown as TwapOrder
+
+    const executionPrice = getExecutionPrice(mockOrder)
+    const limitPrice = getLimitPrice(mockOrder)
+    const surplusPrice = getSurplusPrice(mockOrder)
+
+    expect(executionPrice).toBe(0)
+    expect(limitPrice).toBe(2)
+    expect(surplusPrice).toBe(0)
+  })
+
+  describe('getFilledPercentage', () => {
+    it('returns 0 if no amount was executed', () => {
+      const mockOrder = {
+        executedSellAmount: '0',
+        executedBuyAmount: '0',
+        buyToken: { decimals: 8 },
+        sellToken: { decimals: 18 },
+        sellAmount: '100000000000000000000',
+        buyAmount: '5000000000',
+      } as unknown as SwapOrder
+
+      const result = getFilledPercentage(mockOrder)
+
+      expect(result).toEqual('0')
+    })
+
+    it('returns the percentage for buy orders', () => {
+      const mockOrder = {
+        executedSellAmount: '10000000000000000000',
+        executedBuyAmount: '50000000',
+        buyToken: { decimals: 8 },
+        sellToken: { decimals: 18 },
+        sellAmount: '100000000000000000000',
+        buyAmount: '5000000000',
+        kind: 'buy',
+      } as unknown as SwapOrder
+
+      const result = getFilledPercentage(mockOrder)
+
+      expect(result).toEqual('1')
+    })
+
+    it('returns the percentage for sell orders', () => {
+      const mockOrder = {
+        executedSellAmount: '10000000000000000000',
+        executedBuyAmount: '50000000',
+        buyToken: { decimals: 8 },
+        sellToken: { decimals: 18 },
+        sellAmount: '100000000000000000000',
+        buyAmount: '5000000000',
+        kind: 'sell',
+      } as unknown as SwapOrder
+
+      const result = getFilledPercentage(mockOrder)
+
+      expect(result).toEqual('10')
+    })
+
+    it('returns 0 if the executed amount is below 1%', () => {
+      const mockOrder = {
+        executedSellAmount: '10000000000000000000',
+        executedBuyAmount: '50',
+        buyToken: { decimals: 8 },
+        sellToken: { decimals: 18 },
+        sellAmount: '100000000000000000000',
+        buyAmount: '5000000000',
+        kind: 'buy',
+      } as unknown as SwapOrder
+
+      const result = getFilledPercentage(mockOrder)
+
+      expect(result).toEqual('0')
+    })
+
+    it('returns the surplus amount for buy orders', () => {
+      const mockOrder = {
+        executedSellAmount: '10000000000000000000', //10
+        executedBuyAmount: '50',
+        buyToken: { decimals: 8 },
+        sellToken: { decimals: 18 },
+        sellAmount: '15000000000000000000', //15
+        buyAmount: '5000000000',
+        kind: 'buy',
+      } as unknown as SwapOrder
+
+      const result = getSurplusPrice(mockOrder)
+
+      expect(result).toEqual(5)
+    })
+
+    it('returns the surplus amount for sell orders', () => {
+      const mockOrder = {
+        executedSellAmount: '100000000000000000000',
+        executedBuyAmount: '10000000000', //100
+        buyToken: { decimals: 8 },
+        sellToken: { decimals: 18 },
+        sellAmount: '100000000000000000000',
+        buyAmount: '5000000000', //50
+        kind: 'sell',
+      } as unknown as SwapOrder
+
+      const result = getSurplusPrice(mockOrder)
+
+      expect(result).toEqual(50)
+    })
+  })
+
+  describe('isOrderPartiallyFilled', () => {
+    it('returns true if a buy order is partially filled', () => {
+      const mockOrder = {
+        executedBuyAmount: '10',
+        buyAmount: '100000000000000000000', // 100 tokens
+        executedSellAmount: '50000000000000000000', // 50 tokens
+        sellAmount: '100000000000000000000', // 100 tokens
+        kind: 'buy',
+      } as unknown as SwapOrder
+
+      const result = isOrderPartiallyFilled(mockOrder)
+
+      expect(result).toBe(true)
+    })
+
+    it('returns false if a buy order is not fully filled or fully filled', () => {
+      const mockOrder = {
+        executedBuyAmount: '0',
+        buyAmount: '100000000000000000000', // 100 tokens
+        executedSellAmount: '100000000000000000000', // 100 tokens
+        sellAmount: '100000000000000000000', // 100 tokens
+        kind: 'buy',
+      } as unknown as SwapOrder
+
+      const result = isOrderPartiallyFilled(mockOrder)
+
+      expect(result).toBe(false)
+
+      const result1 = isOrderPartiallyFilled({
+        ...mockOrder,
+        executedBuyAmount: '100000000000000000000', // 100 tokens
+      })
+      expect(result1).toBe(false)
+    })
+
+    it('returns true if a sell order is partially filled', () => {
+      const mockOrder = {
+        sellAmount: '100000000000000000000',
+        executedSellAmount: '10',
+        executedBuyAmount: '50000000000000000000', // 50 tokens
+        buyAmount: '100000000000000000000', // 100 tokens
+        kind: 'sell',
+      } as unknown as SwapOrder
+
+      const result = isOrderPartiallyFilled(mockOrder)
+
+      expect(result).toBe(true)
+    })
+
+    it('returns false if a sell order is not fully filled or fully filled', () => {
+      const mockOrder = {
+        sellAmount: '100000000000000000000',
+        executedSellAmount: '0',
+        executedBuyAmount: '100000000000000000000', // 100 tokens
+        buyAmount: '100000000000000000000', // 100 tokens
+        kind: 'sell',
+      } as unknown as SwapOrder
+
+      const result = isOrderPartiallyFilled(mockOrder)
+
+      expect(result).toBe(false)
+
+      const result1 = isOrderPartiallyFilled({
+        ...mockOrder,
+        executedSellAmount: '100000000000000000000', // 100 tokens
+      })
+
+      expect(result1).toBe(false)
+    })
+  })
+  describe('getPartiallyFilledSurplusPrice', () => {
+    it('returns 0 for partially filled sell order with no surplus', () => {
+      const mockOrder = {
+        sellAmount: '100000000000000000000', // 100 tokens
+        executedSellAmount: '50000000000000000000', // 50 tokens
+        executedBuyAmount: '50000000000000000000', // 50 tokens
+        buyAmount: '100000000000000000000', // 100 tokens
+        kind: 'sell',
+        buyToken: { decimals: 18 },
+        sellToken: { decimals: 18 },
+      } as unknown as SwapOrder
+
+      const result = getPartiallyFilledSurplus(mockOrder)
+
+      expect(result).toEqual(0)
+    })
+    it('returns 0 for partially filled buy order with no surplus', () => {
+      const mockOrder = {
+        sellAmount: '100000000000000000000', // 100 tokens
+        executedSellAmount: '50000000000000000000', // 50 tokens
+        executedBuyAmount: '50000000000000000000', // 50 tokens
+        buyAmount: '100000000000000000000', // 100 tokens
+        kind: 'buy',
+        buyToken: { decimals: 18 },
+        sellToken: { decimals: 18 },
+      } as unknown as SwapOrder
+
+      const result = getPartiallyFilledSurplus(mockOrder)
+
+      expect(result).toEqual(0)
+    })
+    it('returns surplus for partially filled sell orders', () => {
+      const mockOrder = {
+        sellAmount: '100000000000000000000', // 100 tokens
+        executedSellAmount: '50000000000000000000', // 50 tokens
+        executedBuyAmount: '55000000000000000000', // 55 tokens
+        buyAmount: '100000000000000000000', // 100 tokens
+        kind: 'sell',
+        buyToken: { decimals: 18 },
+        sellToken: { decimals: 18 },
+      } as unknown as SwapOrder
+
+      const result = getPartiallyFilledSurplus(mockOrder)
+      expect(result).toEqual(5)
+    })
+    it('returns surplus for partially filled buy orders', () => {
+      const mockOrder = {
+        sellAmount: '100000000000000000000', // 100 tokens
+        executedSellAmount: '45000000000000000000', // 50 tokens
+        executedBuyAmount: '50000000000000000000', // 55 tokens
+        buyAmount: '100000000000000000000', // 100 tokens
+        kind: 'buy',
+        buyToken: { decimals: 18 },
+        sellToken: { decimals: 18 },
+      } as unknown as SwapOrder
+
+      const result = getPartiallyFilledSurplus(mockOrder)
+
+      expect(result).toEqual(5)
+    })
+  })
+
+  describe('isSettingTwapFallbackHandler', () => {
+    it('should return true when handler is TWAP_FALLBACK_HANDLER', () => {
+      const decodedData = {
+        parameters: [
+          {
+            valueDecoded: [
+              {
+                dataDecoded: {
+                  method: 'setFallbackHandler',
+                  parameters: [{ name: 'handler', value: TWAP_FALLBACK_HANDLER }],
+                },
+              },
+            ],
+          },
+        ],
+      } as unknown as DataDecoded
+      expect(isSettingTwapFallbackHandler(decodedData)).toBe(true)
+    })
+
+    it('should return false when handler is not TWAP_FALLBACK_HANDLER', () => {
+      const decodedData = {
+        parameters: [
+          {
+            valueDecoded: [
+              {
+                dataDecoded: {
+                  method: 'setFallbackHandler',
+                  parameters: [{ name: 'handler', value: '0xDifferentHandler' }],
+                },
+              },
+            ],
+          },
+        ],
+      } as unknown as DataDecoded
+      expect(isSettingTwapFallbackHandler(decodedData)).toBe(false)
+    })
+
+    it('should return false when method is not setFallbackHandler', () => {
+      const decodedData = {
+        parameters: [
+          {
+            valueDecoded: [
+              {
+                dataDecoded: {
+                  method: 'differentMethod',
+                  parameters: [{ name: 'handler', value: TWAP_FALLBACK_HANDLER }],
+                },
+              },
+            ],
+          },
+        ],
+      } as unknown as DataDecoded
+      expect(isSettingTwapFallbackHandler(decodedData)).toBe(false)
+    })
+
+    it('should return false when parameters are missing', () => {
+      const decodedData = {} as unknown as DataDecoded
+      expect(isSettingTwapFallbackHandler(decodedData)).toBe(false)
+    })
+
+    it('should return false when valueDecoded is missing', () => {
+      const decodedData = {
+        parameters: [
+          {
+            valueDecoded: null,
+          },
+        ],
+      } as unknown as DataDecoded
+      expect(isSettingTwapFallbackHandler(decodedData)).toBe(false)
+    })
+
+    it('should return false when dataDecoded is missing', () => {
+      const decodedData = {
+        parameters: [
+          {
+            valueDecoded: [
+              {
+                dataDecoded: null,
+              },
+            ],
+          },
+        ],
+      } as unknown as DataDecoded
+      expect(isSettingTwapFallbackHandler(decodedData)).toBe(false)
+    })
+  })
+
+  describe('getOrderFeeBps', () => {
+    describe('undefined partnerFee cases', () => {
+      it('should return 0 when fullAppData is null', () => {
+        const mockOrder = {
+          fullAppData: null,
+        } as unknown as SwapOrder
+
+        const result = getOrderFeeBps(mockOrder)
+        expect(result).toBe(0)
+      })
+
+      it('should return 0 when fullAppData is undefined', () => {
+        const mockOrder = {
+          fullAppData: undefined,
+        } as unknown as SwapOrder
+
+        const result = getOrderFeeBps(mockOrder)
+        expect(result).toBe(0)
+      })
+
+      it('should return 0 when metadata is missing', () => {
+        const mockOrder = {
+          fullAppData: {},
+        } as unknown as SwapOrder
+
+        const result = getOrderFeeBps(mockOrder)
+        expect(result).toBe(0)
+      })
+
+      it('should return 0 when metadata is null', () => {
+        const mockOrder = {
+          fullAppData: {
+            metadata: null,
+          },
+        } as unknown as SwapOrder
+
+        const result = getOrderFeeBps(mockOrder)
+        expect(result).toBe(0)
+      })
+
+      it('should return 0 when partnerFee is undefined', () => {
+        const mockOrder = {
+          fullAppData: {
+            metadata: {
+              partnerFee: undefined,
+            },
+          },
+        } as unknown as SwapOrder
+
+        const result = getOrderFeeBps(mockOrder)
+        expect(result).toBe(0)
+      })
+
+      it('should return 0 when partnerFee is null', () => {
+        const mockOrder = {
+          fullAppData: {
+            metadata: {
+              partnerFee: null,
+            },
+          },
+        } as unknown as SwapOrder
+
+        const result = getOrderFeeBps(mockOrder)
+        expect(result).toBe(0)
+      })
+    })
+
+    describe('legacy partnerFee format (v1.3.0)', () => {
+      it('should return bps value for valid legacy partnerFee', () => {
+        const mockOrder = {
+          fullAppData: {
+            metadata: {
+              partnerFee: {
+                bps: 25,
+                recipient: '0x1234567890123456789012345678901234567890',
+              },
+            },
+          },
+        } as unknown as SwapOrder
+
+        const result = getOrderFeeBps(mockOrder)
+        expect(result).toBe(25)
+      })
+
+      it('should return 0 when legacy partnerFee has no bps property', () => {
+        const mockOrder = {
+          fullAppData: {
+            metadata: {
+              partnerFee: {
+                recipient: '0x1234567890123456789012345678901234567890',
+              },
+            },
+          },
+        } as unknown as SwapOrder
+
+        const result = getOrderFeeBps(mockOrder)
+        expect(result).toBe(0)
+      })
+
+      it('should return 0 when legacy partnerFee bps is not a number', () => {
+        const mockOrder = {
+          fullAppData: {
+            metadata: {
+              partnerFee: {
+                bps: 'invalid',
+                recipient: '0x1234567890123456789012345678901234567890',
+              },
+            },
+          },
+        } as unknown as SwapOrder
+
+        const result = getOrderFeeBps(mockOrder)
+        expect(result).toBe(0)
+      })
+    })
+
+    describe('modern partnerFee format (v1.4.0)', () => {
+      it('should return volumeBps for volume fee', () => {
+        const mockOrder = {
+          fullAppData: {
+            metadata: {
+              partnerFee: {
+                volumeBps: 30,
+                recipient: '0x1234567890123456789012345678901234567890',
+              },
+            },
+          },
+        } as unknown as SwapOrder
+
+        const result = getOrderFeeBps(mockOrder)
+        expect(result).toBe(30)
+      })
+
+      it('should return 0 for surplus fee (not volume fee)', () => {
+        const mockOrder = {
+          fullAppData: {
+            metadata: {
+              partnerFee: {
+                surplusBps: 25,
+                maxVolumeBps: 50,
+                recipient: '0x1234567890123456789012345678901234567890',
+              },
+            },
+          },
+        } as unknown as SwapOrder
+
+        const result = getOrderFeeBps(mockOrder)
+        expect(result).toBe(0)
+      })
+
+      it('should return 0 for price improvement fee (not volume fee)', () => {
+        const mockOrder = {
+          fullAppData: {
+            metadata: {
+              partnerFee: {
+                priceImprovementBps: 15,
+                maxVolumeBps: 40,
+                recipient: '0x1234567890123456789012345678901234567890',
+              },
+            },
+          },
+        } as unknown as SwapOrder
+
+        const result = getOrderFeeBps(mockOrder)
+        expect(result).toBe(0)
+      })
+
+      it('should sum volumeBps from array of fees', () => {
+        const mockOrder = {
+          fullAppData: {
+            metadata: {
+              partnerFee: [
+                {
+                  volumeBps: 20,
+                  recipient: '0x1234567890123456789012345678901234567890',
+                },
+                {
+                  volumeBps: 15,
+                  recipient: '0x0987654321098765432109876543210987654321',
+                },
+                {
+                  surplusBps: 10, // This should be ignored
+                  maxVolumeBps: 30,
+                  recipient: '0x1111111111111111111111111111111111111111',
+                },
+              ],
+            },
+          },
+        } as unknown as SwapOrder
+
+        const result = getOrderFeeBps(mockOrder)
+        expect(result).toBe(35) // 20 + 15, surplus fee ignored
+      })
+
+      it('should return 0 for array with no volume fees', () => {
+        const mockOrder = {
+          fullAppData: {
+            metadata: {
+              partnerFee: [
+                {
+                  surplusBps: 25,
+                  maxVolumeBps: 50,
+                  recipient: '0x1234567890123456789012345678901234567890',
+                },
+                {
+                  priceImprovementBps: 15,
+                  maxVolumeBps: 40,
+                  recipient: '0x0987654321098765432109876543210987654321',
+                },
+              ],
+            },
+          },
+        } as unknown as SwapOrder
+
+        const result = getOrderFeeBps(mockOrder)
+        expect(result).toBe(0)
+      })
+
+      it('should return 0 for empty array', () => {
+        const mockOrder = {
+          fullAppData: {
+            metadata: {
+              partnerFee: [],
+            },
+          },
+        } as unknown as SwapOrder
+
+        const result = getOrderFeeBps(mockOrder)
+        expect(result).toBe(0)
+      })
+    })
+  })
+})
diff --git a/packages/utils/src/features/swap/helpers/fee.ts b/packages/utils/src/features/swap/helpers/fee.ts
new file mode 100644
index 000000000..632dd83d5
--- /dev/null
+++ b/packages/utils/src/features/swap/helpers/fee.ts
@@ -0,0 +1,91 @@
+import { v1_4_0, v1_3_0, LatestAppDataDocVersion } from '@cowprotocol/app-data'
+import type { OrderTransactionInfo as SwapOrder } from '@safe-global/store/gateway/types'
+
+type VolumeFee = {
+  volumeBps: v1_4_0.VolumeBasisPointBPS
+  recipient: v1_4_0.PartnerAccount
+}
+
+type SurplusFee = {
+  surplusBps: v1_4_0.SurplusBasisPointBPS
+  maxVolumeBps: v1_4_0.MaxVolumeBasisPointBPS
+  recipient: v1_4_0.PartnerAccount
+}
+
+type PriceImprovementFee = {
+  priceImprovementBps: v1_4_0.PriceImprovementBasisPointBPS
+  maxVolumeBps: v1_4_0.MaxVolumeBasisPointBPS
+  recipient: v1_4_0.PartnerAccount
+}
+
+// Add proper type definitions that account for undefined
+type LegacyPartnerFee = v1_3_0.PartnerFee | undefined
+type ModernPartnerFee = v1_4_0.PartnerFee | v1_4_0.PartnerFee[] | undefined
+
+function isVolumeFee(fee: v1_4_0.PartnerFee): fee is VolumeFee {
+  return typeof (fee as VolumeFee).volumeBps === 'number'
+}
+
+function isSurplusFee(fee: v1_4_0.PartnerFee): fee is SurplusFee {
+  return typeof (fee as SurplusFee).surplusBps === 'number'
+}
+
+function isPriceImprovementFee(fee: v1_4_0.PartnerFee): fee is PriceImprovementFee {
+  return typeof (fee as PriceImprovementFee).priceImprovementBps === 'number'
+}
+
+/**
+ * Right now it doesn't look like we need the surplus and price improvement fees.
+ * and that's why we don't use this function yet.
+ */
+function resolveNewPartnerFeeBps(fee: v1_4_0.PartnerFee): number | null {
+  if (isVolumeFee(fee)) {
+    return fee.volumeBps
+  }
+  if (isSurplusFee(fee)) {
+    return fee.surplusBps
+  }
+  if (isPriceImprovementFee(fee)) {
+    return fee.priceImprovementBps
+  }
+  return null
+}
+
+export const getOrderFeeBps = (order: Pick<SwapOrder, 'fullAppData'>): number => {
+  const fullAppData = order.fullAppData as unknown as LatestAppDataDocVersion
+
+  if (!fullAppData?.metadata) {
+    return 0
+  }
+
+  // Handle legacy partner fee format (v1.3.0) with proper null checks
+  const oldPartnerFee = fullAppData.metadata.partnerFee as unknown as LegacyPartnerFee
+
+  // Check if it's the legacy format and has bps property
+  if (
+    oldPartnerFee &&
+    typeof oldPartnerFee === 'object' &&
+    'bps' in oldPartnerFee &&
+    typeof oldPartnerFee.bps === 'number'
+  ) {
+    return Number(oldPartnerFee.bps)
+  }
+
+  // Handle modern partner fee format (v1.4.0) with proper null checks
+  const newPartnerFee = fullAppData.metadata.partnerFee as unknown as ModernPartnerFee
+
+  if (!newPartnerFee) {
+    return 0
+  }
+
+  if (Array.isArray(newPartnerFee)) {
+    return newPartnerFee.reduce((acc, fee) => {
+      if (isVolumeFee(fee)) {
+        return acc + Number(fee.volumeBps)
+      }
+      return acc
+    }, 0)
+  }
+
+  return isVolumeFee(newPartnerFee) ? Number(newPartnerFee.volumeBps) : 0
+}
diff --git a/packages/utils/src/features/swap/helpers/utils.ts b/packages/utils/src/features/swap/helpers/utils.ts
new file mode 100644
index 000000000..4e17c02a7
--- /dev/null
+++ b/packages/utils/src/features/swap/helpers/utils.ts
@@ -0,0 +1,217 @@
+import type { OrderTransactionInfo as SwapOrder } from '@safe-global/store/gateway/types'
+import type { DataDecoded } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { formatUnits } from 'ethers'
+import type { AnyAppDataDocVersion, latest } from '@cowprotocol/app-data'
+
+import { TradeType, UiOrderType } from '@safe-global/utils/features/swap/types'
+import { getOrderFeeBps as getOrderFeeBpsHelper } from '@safe-global/utils/features/swap/helpers/fee'
+
+type Quantity = {
+  amount: string | number | bigint
+  decimals: number
+}
+
+export enum OrderKind {
+  SELL = 'sell',
+  BUY = 'buy',
+}
+
+function calculateDifference(amountA: string, amountB: string, decimals: number): number {
+  return asDecimal(BigInt(amountA), decimals) - asDecimal(BigInt(amountB), decimals)
+}
+
+function asDecimal(amount: number | bigint, decimals: number): number {
+  return Number(formatUnits(amount, decimals))
+}
+
+export const TWAP_FALLBACK_HANDLER = '0x2f55e8b20D0B9FEFA187AA7d00B6Cbe563605bF5'
+
+// https://github.com/cowprotocol/composable-cow/blob/main/networks.json
+export const TWAP_FALLBACK_HANDLER_NETWORKS = ['1', '100', '11155111', '42161']
+
+export const getExecutionPrice = (
+  order: Pick<SwapOrder, 'executedSellAmount' | 'executedBuyAmount' | 'buyToken' | 'sellToken'>,
+): number => {
+  const { executedSellAmount, executedBuyAmount, buyToken, sellToken } = order
+
+  const ratio = calculateRatio(
+    { amount: executedSellAmount || '0', decimals: sellToken.decimals },
+    {
+      amount: executedBuyAmount || '0',
+      decimals: buyToken.decimals,
+    },
+  )
+
+  return ratio
+}
+
+export const getLimitPrice = (
+  order: Pick<SwapOrder, 'sellAmount' | 'buyAmount' | 'buyToken' | 'sellToken'>,
+): number => {
+  const { sellAmount, buyAmount, buyToken, sellToken } = order
+
+  const ratio = calculateRatio(
+    { amount: sellAmount, decimals: sellToken.decimals },
+    { amount: buyAmount, decimals: buyToken.decimals },
+  )
+
+  return ratio
+}
+
+const calculateRatio = (a: Quantity, b: Quantity) => {
+  if (BigInt(b.amount) === 0n) {
+    return 0
+  }
+  return asDecimal(BigInt(a.amount), a.decimals) / asDecimal(BigInt(b.amount), b.decimals)
+}
+
+export const getSurplusPrice = (
+  order: Pick<
+    SwapOrder,
+    'executedBuyAmount' | 'buyAmount' | 'buyToken' | 'executedSellAmount' | 'sellAmount' | 'sellToken' | 'kind'
+  >,
+): number => {
+  const { kind, executedSellAmount, sellAmount, sellToken, executedBuyAmount, buyAmount, buyToken } = order
+  if (kind === OrderKind.BUY) {
+    return calculateDifference(sellAmount, executedSellAmount || '', sellToken.decimals)
+  } else if (kind === OrderKind.SELL) {
+    return calculateDifference(executedBuyAmount || '', buyAmount, buyToken.decimals)
+  } else {
+    return 0
+  }
+}
+
+export const getPartiallyFilledSurplus = (order: SwapOrder): number => {
+  if (order.kind === OrderKind.BUY) {
+    return getPartiallyFilledBuySurplus(order)
+  } else if (order.kind === OrderKind.SELL) {
+    return getPartiallyFilledSellSurplus(order)
+  } else {
+    return 0
+  }
+}
+
+const getPartiallyFilledBuySurplus = (
+  order: Pick<
+    SwapOrder,
+    'executedBuyAmount' | 'buyAmount' | 'buyToken' | 'executedSellAmount' | 'sellAmount' | 'sellToken' | 'kind'
+  >,
+): number => {
+  const { executedSellAmount, sellAmount, sellToken, executedBuyAmount, buyAmount, buyToken } = order
+
+  const limitPrice = calculateRatio(
+    { amount: sellAmount, decimals: sellToken.decimals },
+    { amount: buyAmount, decimals: buyToken.decimals },
+  )
+  const maximumSellAmount = asDecimal(BigInt(executedBuyAmount || 0n), buyToken.decimals) * limitPrice
+  return maximumSellAmount - asDecimal(BigInt(executedSellAmount || 0n), sellToken.decimals)
+}
+
+const getPartiallyFilledSellSurplus = (
+  order: Pick<
+    SwapOrder,
+    'executedBuyAmount' | 'buyAmount' | 'buyToken' | 'executedSellAmount' | 'sellAmount' | 'sellToken' | 'kind'
+  >,
+): number => {
+  const { executedSellAmount, sellAmount, sellToken, executedBuyAmount, buyAmount, buyToken } = order
+
+  const limitPrice = calculateRatio(
+    { amount: buyAmount, decimals: buyToken.decimals },
+    { amount: sellAmount, decimals: sellToken.decimals },
+  )
+
+  const minimumBuyAmount = asDecimal(BigInt(executedSellAmount || 0n), sellToken.decimals) * limitPrice
+  return asDecimal(BigInt(executedBuyAmount || 0n), buyToken.decimals) - minimumBuyAmount
+}
+
+export const getFilledPercentage = (
+  order: Pick<SwapOrder, 'executedBuyAmount' | 'kind' | 'buyAmount' | 'executedSellAmount' | 'sellAmount'>,
+): string => {
+  let executed: number
+  let total: number
+
+  if (order.kind === OrderKind.BUY) {
+    executed = Number(order.executedBuyAmount)
+    total = Number(order.buyAmount)
+  } else if (order.kind === OrderKind.SELL) {
+    executed = Number(order.executedSellAmount)
+    total = Number(order.sellAmount)
+  } else {
+    return '0'
+  }
+
+  return ((executed / total) * 100).toFixed(0)
+}
+
+export const getFilledAmount = (
+  order: Pick<SwapOrder, 'kind' | 'executedBuyAmount' | 'executedSellAmount' | 'buyToken' | 'sellToken'>,
+): string => {
+  if (order.kind === OrderKind.BUY) {
+    return formatUnits(order.executedBuyAmount || 0n, order.buyToken.decimals)
+  } else if (order.kind === OrderKind.SELL) {
+    return formatUnits(order.executedSellAmount || 0n, order.sellToken.decimals)
+  } else {
+    return '0'
+  }
+}
+
+export const getSlippageInPercent = (order: Pick<SwapOrder, 'fullAppData'>): string => {
+  const fullAppData = order.fullAppData as AnyAppDataDocVersion
+  const slippageBips = (fullAppData?.metadata?.quote as latest.Quote)?.slippageBips || 0
+
+  return (Number(slippageBips) / 100).toFixed(2)
+}
+
+export const getOrderClass = (order: Pick<SwapOrder, 'fullAppData'>): latest.OrderClass1 => {
+  const fullAppData = order.fullAppData as AnyAppDataDocVersion
+  const orderClass = (fullAppData?.metadata?.orderClass as latest.OrderClass)?.orderClass
+
+  return orderClass || 'market'
+}
+
+export const getOrderFeeBps = (order: Pick<SwapOrder, 'fullAppData'>): number => {
+  return getOrderFeeBpsHelper(order)
+}
+
+export const isOrderPartiallyFilled = (
+  order: Pick<SwapOrder, 'executedBuyAmount' | 'executedSellAmount' | 'sellAmount' | 'buyAmount' | 'kind'>,
+): boolean => {
+  const executedBuyAmount = BigInt(order.executedBuyAmount || 0)
+  const buyAmount = BigInt(order.buyAmount)
+  const executedSellAmount = BigInt(order.executedSellAmount || 0)
+  const sellAmount = BigInt(order.sellAmount)
+
+  if (order.kind === OrderKind.BUY) {
+    return executedBuyAmount !== 0n && executedBuyAmount < buyAmount
+  }
+
+  return BigInt(executedSellAmount) !== 0n && executedSellAmount < sellAmount
+}
+
+export const UiOrderTypeToOrderType = (orderType: UiOrderType): TradeType => {
+  switch (orderType) {
+    case UiOrderType.SWAP:
+      return TradeType.SWAP
+    case UiOrderType.LIMIT:
+      return TradeType.LIMIT
+    case UiOrderType.TWAP:
+      return TradeType.ADVANCED
+  }
+}
+
+export const isSettingTwapFallbackHandler = (decodedData: DataDecoded) => {
+  return (
+    decodedData.parameters?.some(
+      (item) =>
+        Array.isArray(item?.valueDecoded) &&
+        item.valueDecoded.some(
+          (decoded) =>
+            decoded.dataDecoded?.method === 'setFallbackHandler' &&
+            decoded.dataDecoded.parameters?.some(
+              // @ts-ignore
+              (parameter) => parameter.name === 'handler' && parameter.value === TWAP_FALLBACK_HANDLER,
+            ),
+        ),
+    ) || false
+  )
+}
diff --git a/src/features/swap/types.ts b/packages/utils/src/features/swap/types.ts
similarity index 100%
rename from src/features/swap/types.ts
rename to packages/utils/src/features/swap/types.ts
diff --git a/packages/utils/src/hooks/coreSDK/types.ts b/packages/utils/src/hooks/coreSDK/types.ts
new file mode 100644
index 000000000..18172c455
--- /dev/null
+++ b/packages/utils/src/hooks/coreSDK/types.ts
@@ -0,0 +1,13 @@
+import type { JsonRpcProvider } from 'ethers'
+import type { SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import type { UndeployedSafe } from '@safe-global/utils/features/counterfactual/store/types'
+
+export type SafeCoreSDKProps = {
+  provider: JsonRpcProvider
+  chainId: SafeState['chainId']
+  address: SafeState['address']['value']
+  version: SafeState['version']
+  implementationVersionState: SafeState['implementationVersionState']
+  implementation: SafeState['implementation']['value']
+  undeployedSafe?: UndeployedSafe
+}
diff --git a/packages/utils/src/hooks/coreSDK/utils.ts b/packages/utils/src/hooks/coreSDK/utils.ts
new file mode 100644
index 000000000..779461289
--- /dev/null
+++ b/packages/utils/src/hooks/coreSDK/utils.ts
@@ -0,0 +1,8 @@
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+
+export const isInDeployments = (address: string, deployments: string | string[] | undefined): boolean => {
+  if (Array.isArray(deployments)) {
+    return deployments.some((deployment) => sameAddress(deployment, address))
+  }
+  return sameAddress(address, deployments)
+}
diff --git a/packages/utils/src/hooks/useAsync.ts b/packages/utils/src/hooks/useAsync.ts
new file mode 100644
index 000000000..59db700a6
--- /dev/null
+++ b/packages/utils/src/hooks/useAsync.ts
@@ -0,0 +1,93 @@
+import { useCallback, useEffect, useState } from 'react'
+import { asError } from '@safe-global/utils/services/exceptions/utils'
+
+export type AsyncResult<T> = [result: T | undefined, error: Error | undefined, loading: boolean]
+
+const useAsync = <T>(
+  asyncCall: () => Promise<T> | undefined,
+  dependencies: unknown[],
+  clearData = true,
+): AsyncResult<T> => {
+  const [data, setData] = useState<T | undefined>()
+  const [error, setError] = useState<Error>()
+  const [loading, setLoading] = useState<boolean>(false)
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const callback = useCallback(asyncCall, dependencies)
+
+  useEffect(() => {
+    setError(undefined)
+
+    const promise = callback()
+
+    // Not a promise, exit early
+    if (!promise) {
+      setData(undefined)
+      setLoading(false)
+      return
+    }
+
+    let isCurrent = true
+    clearData && setData(undefined)
+    setLoading(true)
+
+    promise
+      .then((val: T) => {
+        isCurrent && setData(val)
+      })
+      .catch((err) => {
+        isCurrent && setError(asError(err))
+      })
+      .finally(() => {
+        isCurrent && setLoading(false)
+      })
+
+    return () => {
+      isCurrent = false
+    }
+  }, [callback, clearData])
+
+  return [data, error, loading]
+}
+
+export default useAsync
+
+export const useAsyncCallback = <T extends (...args: any) => Promise<any>>(
+  callback: T,
+): {
+  asyncCallback: (...args: Parameters<T>) => Promise<ReturnType<T>> | undefined
+  error: Error | undefined
+  isLoading: boolean
+} => {
+  const [error, setError] = useState<Error>()
+  const [isLoading, setLoading] = useState<boolean>(false)
+
+  const asyncCallback = useCallback(
+    async (...args: Parameters<T>) => {
+      setError(undefined)
+
+      const result = callback(...args)
+
+      // Not a promise, exit early
+      if (!result) {
+        setLoading(false)
+        return result
+      }
+
+      setLoading(true)
+
+      result
+        .catch((err) => {
+          setError(asError(err))
+        })
+        .finally(() => {
+          setLoading(false)
+        })
+
+      return result
+    },
+    [callback],
+  )
+
+  return { asyncCallback, error, isLoading }
+}
diff --git a/packages/utils/src/hooks/useTxTokenInfo.ts b/packages/utils/src/hooks/useTxTokenInfo.ts
new file mode 100644
index 000000000..5b5597deb
--- /dev/null
+++ b/packages/utils/src/hooks/useTxTokenInfo.ts
@@ -0,0 +1,51 @@
+import { type NativeToken, type TransactionDetails } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { useMemo } from 'react'
+import { ERC20__factory } from '@safe-global/utils/types/contracts'
+
+import { isEmptyHexData } from '../utils/hex'
+
+const ERC20_INTERFACE = ERC20__factory.createInterface()
+
+export const useTxTokenInfo = (
+  data: string | undefined,
+  value: string | undefined,
+  to: string,
+  nativeTokenInfo: NativeToken,
+  tokenInfoIndex?: NonNullable<TransactionDetails['txData']>['tokenInfoIndex'],
+) => {
+  const isERC20Transfer = Boolean(data?.startsWith(ERC20_INTERFACE.getFunction('transfer').selector))
+  const isNativeTransfer = value !== '0' && (!data || isEmptyHexData(data))
+
+  return useMemo(() => {
+    if (!isERC20Transfer && !isNativeTransfer) {
+      return
+    }
+    try {
+      if (isERC20Transfer) {
+        if (!data) {
+          return
+        }
+        const [recipient, transferValue] = ERC20_INTERFACE.decodeFunctionData('transfer', data)
+        const tokenInfo = isERC20Transfer ? tokenInfoIndex?.[to] : undefined
+
+        if (tokenInfo?.type !== 'ERC20') {
+          return
+        }
+
+        return { recipient, transferValue, tokenInfo }
+      }
+
+      if (!value || value === '0') {
+        return
+      }
+
+      return {
+        recipient: to,
+        transferValue: value,
+        tokenInfo: nativeTokenInfo,
+      }
+    } catch (error) {
+      return
+    }
+  }, [isERC20Transfer, isNativeTransfer, value, nativeTokenInfo, to, data, tokenInfoIndex])
+}
diff --git a/src/services/ExternalStore.ts b/packages/utils/src/services/ExternalStore.ts
similarity index 100%
rename from src/services/ExternalStore.ts
rename to packages/utils/src/services/ExternalStore.ts
diff --git a/packages/utils/src/services/contracts/deployments.ts b/packages/utils/src/services/contracts/deployments.ts
new file mode 100644
index 000000000..3737a27f7
--- /dev/null
+++ b/packages/utils/src/services/contracts/deployments.ts
@@ -0,0 +1,132 @@
+import semverSatisfies from 'semver/functions/satisfies'
+import {
+  getSafeSingletonDeployment,
+  getSafeL2SingletonDeployment,
+  getMultiSendCallOnlyDeployment,
+  getMultiSendDeployment,
+  getFallbackHandlerDeployment,
+  getProxyFactoryDeployment,
+  getSignMessageLibDeployment,
+  getCreateCallDeployment,
+} from '@safe-global/safe-deployments'
+import type { SingletonDeployment, DeploymentFilter, SingletonDeploymentV2 } from '@safe-global/safe-deployments'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { sameAddress } from '@safe-global/utils/utils/addresses'
+import { type SafeVersion } from '@safe-global/types-kit'
+import { getLatestSafeVersion } from '@safe-global/utils/utils/chains'
+import { SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+
+const toNetworkAddressList = (addresses: string | string[]) => (Array.isArray(addresses) ? addresses : [addresses])
+
+export const hasCanonicalDeployment = (deployment: SingletonDeploymentV2 | undefined, chainId: string) => {
+  const canonicalAddress = deployment?.deployments.canonical?.address
+
+  if (!canonicalAddress) {
+    return false
+  }
+
+  const networkAddresses = toNetworkAddressList(deployment.networkAddresses[chainId])
+
+  return networkAddresses.some((networkAddress) => sameAddress(canonicalAddress, networkAddress))
+}
+
+/**
+ * Checks if any of the deployments returned by the `getDeployments` function for the given `network` and `versions` contain a deployment for the `contractAddress`
+ *
+ * @param getDeployments function to get the contract deployments
+ * @param contractAddress address that should be included in the deployments
+ * @param network chainId that is getting checked
+ * @param versions supported Safe versions
+ * @returns true if a matching deployment was found
+ */
+export const hasMatchingDeployment = (
+  getDeployments: (filter?: DeploymentFilter) => SingletonDeploymentV2 | undefined,
+  contractAddress: string,
+  network: string,
+  versions: SafeVersion[],
+): boolean => {
+  return versions.some((version) => {
+    const deployments = getDeployments({ version, network })
+    if (!deployments) {
+      return false
+    }
+    const deployedAddresses = toNetworkAddressList(deployments.networkAddresses[network] ?? [])
+    return deployedAddresses.some((deployedAddress) => sameAddress(deployedAddress, contractAddress))
+  })
+}
+
+export const _tryDeploymentVersions = (
+  getDeployment: (filter?: DeploymentFilter) => SingletonDeployment | undefined,
+  network: ChainInfo,
+  version: SafeState['version'],
+): SingletonDeployment | undefined => {
+  // Unsupported Safe version
+  if (version === null) {
+    // Assume latest version as fallback
+    return getDeployment({
+      version: getLatestSafeVersion(network),
+      network: network.chainId,
+    })
+  }
+
+  // Supported Safe version
+  return getDeployment({
+    version,
+    network: network.chainId,
+  })
+}
+
+export const _isLegacy = (safeVersion: SafeState['version']): boolean => {
+  const LEGACY_VERSIONS = '<=1.0.0'
+  return !!safeVersion && semverSatisfies(safeVersion, LEGACY_VERSIONS)
+}
+
+export const _isL2 = (chain: ChainInfo, safeVersion: SafeState['version']): boolean => {
+  const L2_VERSIONS = '>=1.3.0'
+
+  // Unsupported safe version
+  if (typeof safeVersion === 'undefined' || safeVersion === null) {
+    return chain.l2
+  }
+
+  // We had L1 contracts on xDai, EWC and Volta so we also need to check version is after 1.3.0
+  return chain.l2 && semverSatisfies(safeVersion, L2_VERSIONS)
+}
+
+export const getSafeContractDeployment = (
+  chain: ChainInfo,
+  safeVersion: SafeState['version'],
+): SingletonDeployment | undefined => {
+  // Check if prior to 1.0.0 to keep minimum compatibility
+  if (_isLegacy(safeVersion)) {
+    return getSafeSingletonDeployment({ version: '1.0.0' })
+  }
+
+  const getDeployment = _isL2(chain, safeVersion) ? getSafeL2SingletonDeployment : getSafeSingletonDeployment
+
+  return _tryDeploymentVersions(getDeployment, chain, safeVersion)
+}
+
+export const getMultiSendCallOnlyContractDeployment = (chain: ChainInfo, safeVersion: SafeState['version']) => {
+  return _tryDeploymentVersions(getMultiSendCallOnlyDeployment, chain, safeVersion)
+}
+
+export const getMultiSendContractDeployment = (chain: ChainInfo, safeVersion: SafeState['version']) => {
+  return _tryDeploymentVersions(getMultiSendDeployment, chain, safeVersion)
+}
+
+export const getFallbackHandlerContractDeployment = (chain: ChainInfo, safeVersion: SafeState['version']) => {
+  return _tryDeploymentVersions(getFallbackHandlerDeployment, chain, safeVersion)
+}
+
+export const getProxyFactoryContractDeployment = (chain: ChainInfo, safeVersion: SafeState['version']) => {
+  return _tryDeploymentVersions(getProxyFactoryDeployment, chain, safeVersion)
+}
+
+export const getSignMessageLibContractDeployment = (chain: ChainInfo, safeVersion: SafeState['version']) => {
+  return _tryDeploymentVersions(getSignMessageLibDeployment, chain, safeVersion)
+}
+
+export const getCreateCallContractDeployment = (chain: ChainInfo, safeVersion: SafeState['version']) => {
+  return _tryDeploymentVersions(getCreateCallDeployment, chain, safeVersion)
+}
diff --git a/packages/utils/src/services/contracts/safeContracts.ts b/packages/utils/src/services/contracts/safeContracts.ts
new file mode 100644
index 000000000..3b9ccd3c2
--- /dev/null
+++ b/packages/utils/src/services/contracts/safeContracts.ts
@@ -0,0 +1,37 @@
+import type { SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { type GetContractProps } from '@safe-global/protocol-kit'
+import type { SafeVersion } from '@safe-global/types-kit'
+import { assertValidSafeVersion } from '@safe-global/utils/services/contracts/utils'
+import { getSafeMigrationDeployment } from '@safe-global/safe-deployments'
+import { SAFE_TO_L2_MIGRATION_VERSION } from '@safe-global/utils/config/constants'
+
+// `UNKNOWN` is returned if the mastercopy does not match supported ones
+// @see https://github.com/safe-global/safe-client-gateway/blob/main/src/routes/safes/handlers/safes.rs#L28-L31
+//      https://github.com/safe-global/safe-client-gateway/blob/main/src/routes/safes/converters.rs#L77-L79
+export const isValidMasterCopy = (implementationVersionState: SafeState['implementationVersionState']): boolean => {
+  return implementationVersionState !== 'UNKNOWN'
+}
+
+export const _getValidatedGetContractProps = (
+  safeVersion: SafeState['version'],
+): Pick<GetContractProps, 'safeVersion'> => {
+  assertValidSafeVersion(safeVersion)
+
+  // SDK request here: https://github.com/safe-global/safe-core-sdk/issues/261
+  // Remove '+L2'/'+Circles' metadata from version
+  const [noMetadataVersion] = safeVersion.split('+')
+
+  return {
+    safeVersion: noMetadataVersion as SafeVersion,
+  }
+}
+export const isMigrationToL2Possible = (safe: SafeState): boolean => {
+  return (
+    safe.nonce === 0 &&
+    Boolean(
+      getSafeMigrationDeployment({ network: safe.chainId, version: SAFE_TO_L2_MIGRATION_VERSION })?.networkAddresses[
+        safe.chainId
+      ],
+    )
+  )
+}
diff --git a/packages/utils/src/services/contracts/utils.ts b/packages/utils/src/services/contracts/utils.ts
new file mode 100644
index 000000000..a2ab04813
--- /dev/null
+++ b/packages/utils/src/services/contracts/utils.ts
@@ -0,0 +1,18 @@
+import semverSatisfies from 'semver/functions/satisfies'
+import type { SafeVersion } from '@safe-global/types-kit'
+import { invariant } from '@safe-global/utils/utils/helpers'
+import type { SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+
+export const isLegacyVersion = (safeVersion: string): boolean => {
+  const LEGACY_VERSION = '<1.3.0'
+  return semverSatisfies(safeVersion, LEGACY_VERSION)
+}
+export const isValidSafeVersion = (safeVersion?: SafeState['version']): safeVersion is SafeVersion => {
+  const SAFE_VERSIONS: SafeVersion[] = ['1.4.1', '1.3.0', '1.2.0', '1.1.1', '1.0.0']
+  return !!safeVersion && SAFE_VERSIONS.some((version) => semverSatisfies(safeVersion, version))
+}
+
+// `assert` does not work with arrow functions
+export function assertValidSafeVersion<T extends SafeState['version']>(safeVersion?: T): asserts safeVersion {
+  return invariant(isValidSafeVersion(safeVersion), `${safeVersion} is not a valid Safe Account version`)
+}
diff --git a/packages/utils/src/services/delegates/index.ts b/packages/utils/src/services/delegates/index.ts
new file mode 100644
index 000000000..b5652f8a8
--- /dev/null
+++ b/packages/utils/src/services/delegates/index.ts
@@ -0,0 +1,37 @@
+/**
+ * Generates typed data for delegate registration according to EIP-712
+ * Used by both web and mobile apps for consistent delegate registration
+ */
+export const getDelegateTypedData = (chainId: string, delegateAddress: string) => {
+  const totp = Math.floor(Date.now() / 1000 / 3600)
+
+  // For Rootstock, use the address in lowercase
+  const checksummedAddress =
+    chainId === '30' || chainId === '31' ? proposerAddress.toLowerCase() : toChecksumAddress(proposerAddress, chainId)
+
+
+  const domain = {
+    name: 'Safe Transaction Service',
+    version: '1.0',
+    chainId: Number(chainId),
+  }
+
+  const types = {
+    Delegate: [
+      { name: 'delegateAddress', type: 'address' },
+      { name: 'totp', type: 'uint256' },
+    ],
+  }
+
+  const message = {
+    delegateAddress,
+    totp,
+  }
+
+  return {
+    domain,
+    types,
+    message,
+    primaryType: 'Delegate' as const,
+  }
+}
diff --git a/src/services/exceptions/ErrorCodes.ts b/packages/utils/src/services/exceptions/ErrorCodes.ts
similarity index 85%
rename from src/services/exceptions/ErrorCodes.ts
rename to packages/utils/src/services/exceptions/ErrorCodes.ts
index be96e6098..51cadf43c 100644
--- a/src/services/exceptions/ErrorCodes.ts
+++ b/packages/utils/src/services/exceptions/ErrorCodes.ts
@@ -13,12 +13,11 @@ enum ErrorCodes {
   _104 = '104: Invalid chain short name in the URL',
   _105 = '105: Error connecting to the blockchain',
   _106 = '106: Failed to get connected wallet',
+  _107 = '107: Error connecting to the wallet',
+  _108 = '108: Error disconnecting the wallet',
 
-  _302 = '302: Error connecting to the wallet',
-  _304 = '304: Error enabling MFA',
-  _305 = '305: Error exporting account key',
-  _306 = '306: Error logging in',
-  _307 = '307: Error attempted new account creation',
+  _200 = '200: Tenderly simulation failed',
+  _201 = '201: Blockaid scan failed',
 
   _400 = '400: Error requesting browser notification permissions',
   _401 = '401: Error tracking push notifications',
@@ -38,10 +37,11 @@ enum ErrorCodes {
   _616 = '616: Failed to retrieve recommended nonce',
   _619 = '619: Error fetching data from master-copies',
   _620 = '620: Error loading chains',
-  _630 = '630: Error fetching remaining hourly relays',
+  _630 = '630: Error fetching remaining daily relays',
   _631 = '631: Transaction failed to be relayed',
   _632 = '632: Error fetching relay task status',
   _633 = '633: Notification (un-)registration failed',
+  _640 = '640: Error signing in with Ethereum',
 
   _700 = '700: Failed to read from local/session storage',
   _701 = '701: Failed to write to local/session storage',
@@ -67,6 +67,10 @@ enum ErrorCodes {
   _813 = '813: Failed to cancel recovery',
   _814 = '814: Failed to speed up transaction',
   _815 = '815: Error executing a transaction through a role',
+  _816 = '816: Error computing replay Safe creation data',
+  _817 = '817: Error sending a transaction through nested Safe provider',
+  _818 = '818: Error validating transaction data',
+  _819 = '819: Error adding a transaction to the batch',
 
   _900 = '900: Error loading Safe App',
   _901 = '901: Error processing Safe Apps SDK request',
diff --git a/packages/utils/src/services/exceptions/utils.ts b/packages/utils/src/services/exceptions/utils.ts
new file mode 100644
index 000000000..710ac4464
--- /dev/null
+++ b/packages/utils/src/services/exceptions/utils.ts
@@ -0,0 +1,19 @@
+export const asError = (thrown: unknown): Error => {
+  if (thrown instanceof Error) {
+    return thrown
+  }
+
+  let message: string
+
+  if (typeof thrown === 'string') {
+    message = thrown
+  } else {
+    try {
+      message = JSON.stringify(thrown)
+    } catch {
+      message = String(thrown)
+    }
+  }
+
+  return new Error(message)
+}
diff --git a/packages/utils/src/services/security/modules/ApprovalModule/index.ts b/packages/utils/src/services/security/modules/ApprovalModule/index.ts
new file mode 100644
index 000000000..5589c518b
--- /dev/null
+++ b/packages/utils/src/services/security/modules/ApprovalModule/index.ts
@@ -0,0 +1,154 @@
+import type { TypedData } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { ERC20__factory } from '@safe-global/utils/types/contracts'
+import { normalizeTypedData } from '@safe-global/utils/utils/web3'
+import { type SafeTransaction } from '@safe-global/types-kit'
+import { id } from 'ethers'
+import { type SecurityResponse, type SecurityModule, SecuritySeverity } from '../types'
+import { decodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils'
+import {
+  APPROVAL_SIGNATURE_HASH,
+  INCREASE_ALLOWANCE_SIGNATURE_HASH,
+} from '@safe-global/utils/components/tx/ApprovalEditor/utils/approvals'
+
+export type ApprovalModuleResponse = Approval[]
+
+export type ApprovalModuleRequest = {
+  safeTransaction: SafeTransaction
+}
+
+export type ApprovalModuleMessageRequest = {
+  safeMessage: TypedData
+}
+
+export type Approval = {
+  spender: any
+  amount: any
+  tokenAddress: string
+  method: 'approve' | 'increaseAllowance' | 'Permit2' | 'Permit'
+  transactionIndex: number
+}
+
+type PermitDetails = { token: string; amount: string }
+
+const MULTISEND_SIGNATURE_HASH = id('multiSend(bytes)').slice(0, 10)
+const ERC20_INTERFACE = ERC20__factory.createInterface()
+
+export class ApprovalModule implements SecurityModule<ApprovalModuleRequest, ApprovalModuleResponse> {
+  private static scanInnerTransaction(txPartial: { to: string; data: string }, txIndex: number): Approval[] {
+    if (txPartial.data.startsWith(APPROVAL_SIGNATURE_HASH)) {
+      const [spender, amount] = ERC20_INTERFACE.decodeFunctionData('approve', txPartial.data)
+      return [
+        {
+          amount,
+          spender,
+          tokenAddress: txPartial.to,
+          method: 'approve',
+          transactionIndex: txIndex,
+        },
+      ]
+    }
+
+    if (txPartial.data.startsWith(INCREASE_ALLOWANCE_SIGNATURE_HASH)) {
+      const [spender, amount] = ERC20_INTERFACE.decodeFunctionData('increaseAllowance', txPartial.data)
+      return [
+        {
+          amount,
+          spender,
+          tokenAddress: txPartial.to,
+          method: 'increaseAllowance',
+          transactionIndex: txIndex,
+        },
+      ]
+    }
+    return []
+  }
+
+  private static getPermitDetails(details: PermitDetails): Pick<Approval, 'amount' | 'tokenAddress'> {
+    return {
+      amount: BigInt(details.amount),
+      tokenAddress: details.token,
+    }
+  }
+
+  scanMessage(request: ApprovalModuleMessageRequest): SecurityResponse<ApprovalModuleResponse> {
+    const safeMessage = request.safeMessage
+    const approvalInfos: Approval[] = []
+    const normalizedMessage = normalizeTypedData(safeMessage)
+
+    if (normalizedMessage.domain.name === 'Permit2') {
+      if (normalizedMessage.types['PermitSingle'] !== undefined) {
+        const spender = normalizedMessage.message['spender'] as string
+        const details = normalizedMessage.message['details'] as PermitDetails
+        const permitInfo = ApprovalModule.getPermitDetails(details)
+
+        approvalInfos.push({
+          ...permitInfo,
+          method: 'Permit2',
+          spender,
+          transactionIndex: 0,
+        })
+      } else if (normalizedMessage.types['PermitBatch'] !== undefined) {
+        const spender = normalizedMessage.message['spender'] as string
+        const details = normalizedMessage.message['details'] as PermitDetails[]
+        details.forEach((details, idx) => {
+          const permitInfo = ApprovalModule.getPermitDetails(details)
+
+          approvalInfos.push({
+            ...permitInfo,
+            method: 'Permit2',
+            spender,
+            transactionIndex: idx,
+          })
+        })
+      }
+    } else if (normalizedMessage.primaryType === 'Permit' && normalizedMessage.types['Permit'] !== undefined) {
+      const spender = normalizedMessage.message['spender'] as string
+      const amount = BigInt(normalizedMessage.message['value'] as string)
+      const tokenAddress = normalizedMessage.domain.verifyingContract
+
+      if (tokenAddress) {
+        approvalInfos.push({
+          method: 'Permit',
+          spender,
+          transactionIndex: 0,
+          amount,
+          tokenAddress,
+        })
+      }
+    }
+    if (approvalInfos.length > 0) {
+      return {
+        severity: SecuritySeverity.NONE,
+        payload: approvalInfos,
+      }
+    }
+
+    return {
+      severity: SecuritySeverity.NONE,
+    }
+  }
+
+  scanTransaction(request: ApprovalModuleRequest): SecurityResponse<ApprovalModuleResponse> {
+    const safeTransaction = request.safeTransaction
+
+    const approvalInfos: Approval[] = []
+    const safeTxData = safeTransaction.data.data
+    if (safeTxData.startsWith(MULTISEND_SIGNATURE_HASH)) {
+      const innerTxs = decodeMultiSendData(safeTxData)
+      approvalInfos.push(...innerTxs.flatMap((tx, index) => ApprovalModule.scanInnerTransaction(tx, index)))
+    } else {
+      approvalInfos.push(...ApprovalModule.scanInnerTransaction({ to: safeTransaction.data.to, data: safeTxData }, 0))
+    }
+
+    if (approvalInfos.length > 0) {
+      return {
+        severity: SecuritySeverity.NONE,
+        payload: approvalInfos,
+      }
+    }
+
+    return {
+      severity: SecuritySeverity.NONE,
+    }
+  }
+}
diff --git a/packages/utils/src/services/security/modules/BlockaidModule/index.ts b/packages/utils/src/services/security/modules/BlockaidModule/index.ts
new file mode 100644
index 000000000..0e54fa4fa
--- /dev/null
+++ b/packages/utils/src/services/security/modules/BlockaidModule/index.ts
@@ -0,0 +1,165 @@
+import type { TypedData } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { isEIP712TypedData } from '@safe-global/utils/utils/safe-messages'
+import { normalizeTypedData } from '@safe-global/utils/utils/web3'
+import { type SafeTransaction } from '@safe-global/types-kit'
+import { generateTypedData } from '@safe-global/protocol-kit/dist/src/utils/eip-712'
+import { type SecurityResponse, type SecurityModule, SecuritySeverity } from '../types'
+import type {
+  AssetDiff,
+  ModulesChangeManagement,
+  OwnershipChangeManagement,
+  ProxyUpgradeManagement,
+  TransactionScanResponse,
+} from './types'
+import { BLOCKAID_API, BLOCKAID_CLIENT_ID } from '@safe-global/utils/config/constants'
+import { numberToHex } from '@safe-global/web/src/utils/hex'
+
+/** @see https://docs.blockaid.io/docs/supported-chains */
+
+const blockaidSeverityMap: Record<string, SecuritySeverity> = {
+  Malicious: SecuritySeverity.HIGH,
+  Warning: SecuritySeverity.MEDIUM,
+  Benign: SecuritySeverity.NONE,
+  Info: SecuritySeverity.NONE,
+}
+
+export type BlockaidModuleRequest = {
+  chainId: number
+  safeAddress: string
+  walletAddress: string
+  data: SafeTransaction | TypedData
+  threshold: number
+  origin?: string
+}
+
+export type BlockaidModuleResponse = {
+  description?: string
+  classification?: string
+  reason?: string
+  issues: {
+    severity: SecuritySeverity
+    description: string
+  }[]
+  balanceChange: AssetDiff[]
+  contractManagement: Array<ProxyUpgradeManagement | OwnershipChangeManagement | ModulesChangeManagement>
+  error: Error | undefined
+}
+
+type BlockaidPayload = {
+  chain: string
+  account_address: string
+  metadata:
+    | {
+        domain: string
+      }
+    | {
+        non_dapp: true
+      }
+  data: {
+    method: 'eth_signTypedData_v4'
+    params: [string, string]
+  }
+  options: ['simulation', 'validation']
+}
+
+export class BlockaidModule implements SecurityModule<BlockaidModuleRequest, BlockaidModuleResponse> {
+  static prepareMessage(request: BlockaidModuleRequest): string {
+    const { data, safeAddress, chainId } = request
+    if (isEIP712TypedData(data)) {
+      const normalizedMsg = normalizeTypedData(data)
+      return JSON.stringify(normalizedMsg)
+    } else {
+      return JSON.stringify(
+        generateTypedData({
+          safeAddress,
+          safeVersion: '1.3.0', // TODO: pass to module, taking into account that lower Safe versions don't have chainId in payload
+          chainId: BigInt(chainId),
+          data: {
+            ...data.data,
+            safeTxGas: data.data.safeTxGas,
+            baseGas: data.data.baseGas,
+            gasPrice: data.data.gasPrice,
+          },
+        }),
+      )
+    }
+  }
+  async scanTransaction(request: BlockaidModuleRequest): Promise<SecurityResponse<BlockaidModuleResponse>> {
+    if (!BLOCKAID_CLIENT_ID) {
+      throw new Error('Security check CLIENT_ID not configured')
+    }
+
+    const { chainId, safeAddress, walletAddress } = request
+    const message = BlockaidModule.prepareMessage(request)
+
+    const payload: BlockaidPayload = {
+      chain: numberToHex(chainId),
+      account_address: walletAddress,
+      data: {
+        method: 'eth_signTypedData_v4',
+        params: [safeAddress, message],
+      },
+      options: ['simulation', 'validation'],
+      metadata: request.origin
+        ? {
+            domain: request.origin,
+          }
+        : {
+            non_dapp: true,
+          },
+    }
+    const res = await fetch(`${BLOCKAID_API}/v0/evm/json-rpc/scan`, {
+      method: 'POST',
+      headers: {
+        'content-type': 'application/json',
+        accept: 'application/json',
+        'X-CLIENT-ID': BLOCKAID_CLIENT_ID,
+      },
+      body: JSON.stringify(payload),
+    })
+
+    if (!res.ok) {
+      throw new Error('Blockaid scan failed', await res.json())
+    }
+
+    const result = (await res.json()) as TransactionScanResponse
+
+    const issues = (result.validation?.features ?? [])
+      .filter((feature) => feature.type === 'Malicious' || feature.type === 'Warning')
+      .map((feature) => ({
+        severity: blockaidSeverityMap[feature.type],
+        description: feature.description,
+      }))
+
+    const simulation = result.simulation
+    let balanceChange: AssetDiff[] = []
+    let contractManagement: Array<ProxyUpgradeManagement | OwnershipChangeManagement | ModulesChangeManagement> = []
+    let error: Error | undefined = undefined
+    if (simulation?.status === 'Success') {
+      balanceChange = simulation.assets_diffs[safeAddress]
+      contractManagement = simulation.contract_management?.[safeAddress] || []
+    } else if (simulation?.status === 'Error') {
+      error = new Error(simulation.error)
+    }
+
+    // Sometimes the validation is missing
+    if (result.validation === undefined) {
+      error = new Error('Validation result missing')
+    }
+
+    return {
+      severity: result.validation?.result_type
+        ? blockaidSeverityMap[result.validation.result_type]
+        : (SecuritySeverity.NONE ?? SecuritySeverity.NONE),
+      payload: {
+        description: result.validation?.description,
+        classification: result.validation?.classification,
+        reason: result.validation?.reason,
+        issues,
+        balanceChange,
+        contractManagement,
+        error,
+      },
+    }
+  }
+}
diff --git a/packages/utils/src/services/security/modules/BlockaidModule/types.ts b/packages/utils/src/services/security/modules/BlockaidModule/types.ts
new file mode 100644
index 000000000..ded9b518a
--- /dev/null
+++ b/packages/utils/src/services/security/modules/BlockaidModule/types.ts
@@ -0,0 +1,728 @@
+export interface AddressAssetExposure {
+  /**
+   * description of the asset for the current diff
+   */
+  asset: Erc20TokenDetails | Erc1155TokenDetails | Erc721TokenDetails | NonercTokenDetails
+
+  /**
+   * dictionary of spender addresses where the exposure has changed during this
+   * transaction for the current address and asset
+   */
+  spenders: Record<string, Erc20Exposure | Erc721Exposure | Erc1155Exposure>
+}
+
+export interface AssetDiff {
+  /**
+   * description of the asset for the current diff
+   */
+  asset: Erc20TokenDetails | Erc1155TokenDetails | Erc721TokenDetails | NonercTokenDetails | NativeAssetDetails
+
+  /**
+   * amount of the asset that was transferred to the address in this transaction
+   */
+  in: Array<GeneralAssetDiff>
+
+  /**
+   * amount of the asset that was transferred from the address in this transaction
+   */
+  out: Array<GeneralAssetDiff>
+}
+
+export type GeneralAssetDiff = Erc1155Diff | Erc721Diff | Erc20Diff | NativeDiff
+
+export interface Erc1155Diff {
+  /**
+   * id of the token
+   */
+  token_id: number
+
+  /**
+   * value before divided by decimal, that was transferred from this address
+   */
+  value: string
+
+  /**
+   * url of the token logo
+   */
+  logo_url?: string
+
+  /**
+   * user friendly description of the asset transfer
+   */
+  summary?: string
+
+  /**
+   * usd equal of the asset that was transferred from this address
+   */
+  usd_price?: string
+}
+
+export interface Erc1155Exposure {
+  exposure: Array<Erc1155Diff>
+
+  /**
+   * boolean indicates whether an is_approved_for_all function was used (missing in
+   * case of ERC20 / ERC1155)
+   */
+  is_approved_for_all: boolean
+
+  /**
+   * user friendly description of the approval
+   */
+  summary?: string
+}
+
+export interface Erc1155TokenDetails {
+  /**
+   * address of the token
+   */
+  address: string
+
+  /**
+   * asset type.
+   */
+  type: 'ERC1155'
+
+  /**
+   * url of the token logo
+   */
+  logo_url?: string
+
+  /**
+   * string represents the name of the asset
+   */
+  name?: string
+
+  /**
+   * asset's symbol name
+   */
+  symbol?: string
+}
+
+export interface Erc20Diff {
+  /**
+   * value before divided by decimal, that was transferred from this address
+   */
+  raw_value: string
+
+  /**
+   * user friendly description of the asset transfer
+   */
+  summary?: string
+
+  /**
+   * usd equal of the asset that was transferred from this address
+   */
+  usd_price?: string
+
+  /**
+   * value after divided by decimals, that was transferred from this address
+   */
+  value?: string
+}
+
+export interface Erc20Exposure {
+  /**
+   * the amount that was asked in the approval request for this spender from the
+   * current address and asset
+   */
+  approval: number
+
+  exposure: Array<Erc20Diff>
+
+  /**
+   * the expiration time of the permit2 protocol
+   */
+  expiration?: string
+
+  /**
+   * user friendly description of the approval
+   */
+  summary?: string
+}
+
+export interface Erc20TokenDetails {
+  /**
+   * address of the token
+   */
+  address: string
+
+  /**
+   * asset's decimals
+   */
+  decimals: number
+
+  /**
+   * asset type.
+   */
+  type: 'ERC20'
+
+  /**
+   * url of the token logo
+   */
+  logo_url?: string
+
+  /**
+   * string represents the name of the asset
+   */
+  name?: string
+
+  /**
+   * asset's symbol name
+   */
+  symbol?: string
+}
+
+export interface Erc721Diff {
+  /**
+   * id of the token
+   */
+  token_id: number
+
+  /**
+   * url of the token logo
+   */
+  logo_url?: string
+
+  /**
+   * user friendly description of the asset transfer
+   */
+  summary?: string
+
+  /**
+   * usd equal of the asset that was transferred from this address
+   */
+  usd_price?: string
+}
+
+export interface Erc721Exposure {
+  exposure: Array<Erc721Diff>
+
+  /**
+   * boolean indicates whether an is_approved_for_all function was used (missing in
+   * case of ERC20 / ERC1155)
+   */
+  is_approved_for_all: boolean
+
+  /**
+   * user friendly description of the approval
+   */
+  summary?: string
+}
+
+export interface Erc721TokenDetails {
+  /**
+   * address of the token
+   */
+  address: string
+
+  /**
+   * asset type.
+   */
+  type: 'ERC721'
+
+  /**
+   * url of the token logo
+   */
+  logo_url?: string
+
+  /**
+   * string represents the name of the asset
+   */
+  name?: string
+
+  /**
+   * asset's symbol name
+   */
+  symbol?: string
+}
+
+export interface Metadata {
+  /**
+   * cross reference transaction against the domain.
+   */
+  domain: string
+}
+
+export interface NativeAssetDetails {
+  chain_id: number
+
+  chain_name: string
+
+  decimals: number
+
+  logo_url: string
+
+  /**
+   * asset type.
+   */
+  type: 'NATIVE'
+
+  /**
+   * string represents the name of the asset
+   */
+  name?: string
+
+  /**
+   * asset's symbol name
+   */
+  symbol?: string
+}
+
+export interface NativeDiff {
+  /**
+   * value before divided by decimal, that was transferred from this address
+   */
+  raw_value: string
+
+  /**
+   * user friendly description of the asset transfer
+   */
+  summary?: string
+
+  /**
+   * usd equal of the asset that was transferred from this address
+   */
+  usd_price?: string
+
+  /**
+   * value after divided by decimals, that was transferred from this address
+   */
+  value?: string
+}
+
+export interface NonercTokenDetails {
+  /**
+   * address of the token
+   */
+  address: string
+
+  /**
+   * asset type.
+   */
+  type: 'NONERC'
+
+  /**
+   * url of the token logo
+   */
+  logo_url?: string
+
+  /**
+   * string represents the name of the asset
+   */
+  name?: string
+
+  /**
+   * asset's symbol name
+   */
+  symbol?: string
+}
+
+export type TransactionSimulationResponse = TransactionSimulation | TransactionSimulationError
+
+export type TransactionValidationResponse = TransactionValidation | TransactionValidationError
+
+/**
+ * The chain name
+ */
+export type TokenScanSupportedChain =
+  | 'arbitrum'
+  | 'avalanche'
+  | 'base'
+  | 'bsc'
+  | 'ethereum'
+  | 'optimism'
+  | 'polygon'
+  | 'zora'
+  | 'solana'
+  | 'unknown'
+
+export interface TransactionScanFeature {
+  /**
+   * Textual description
+   */
+  description: string
+
+  /**
+   * Feature name
+   */
+  feature_id: string
+
+  /**
+   * An enumeration.
+   */
+  type: 'Malicious' | 'Warning' | 'Benign' | 'Info'
+
+  /**
+   * Address the feature refers to
+   */
+  address?: string
+}
+
+export interface TransactionScanResponse {
+  block: string
+
+  chain: string
+
+  events?: Array<TransactionScanResponse.Event>
+
+  features?: unknown
+
+  gas_estimation?:
+    | TransactionScanResponse.TransactionScanGasEstimation
+    | TransactionScanResponse.TransactionScanGasEstimationError
+
+  simulation?: TransactionSimulationResponse
+
+  validation?: TransactionValidationResponse
+}
+
+export namespace TransactionScanResponse {
+  export interface Event {
+    data: string
+
+    emitter_address: string
+
+    topics: Array<string>
+
+    emitter_name?: string
+
+    name?: string
+
+    params?: Array<Event.Param>
+  }
+
+  export namespace Event {
+    export interface Param {
+      type: string
+
+      value: string | unknown | Array<unknown>
+
+      internalType?: string
+
+      name?: string
+    }
+  }
+
+  export interface TransactionScanGasEstimation {
+    estimate: number
+
+    status: 'Success'
+
+    used: number
+  }
+
+  export interface TransactionScanGasEstimationError {
+    error: string
+
+    status: 'Error'
+  }
+}
+
+/**
+ * The chain name
+ */
+export type TransactionScanSupportedChain =
+  | 'arbitrum'
+  | 'avalanche'
+  | 'base'
+  | 'base-sepolia'
+  | 'bsc'
+  | 'ethereum'
+  | 'optimism'
+  | 'polygon'
+  | 'zksync'
+  | 'zora'
+  | 'linea'
+  | 'blast'
+  | 'unknown'
+
+export interface TransactionSimulation {
+  /**
+   * Account summary for the account address. account address is determined implicit
+   * by the `from` field in the transaction request, or explicit by the
+   * account_address field in the request.
+   */
+  account_summary: TransactionSimulation.AccountSummary
+
+  /**
+   * a dictionary including additional information about each relevant address in the
+   * transaction.
+   */
+  address_details: Record<string, TransactionSimulation.AddressDetails>
+
+  /**
+   * dictionary describes the assets differences as a result of this transaction for
+   * every involved address
+   */
+  assets_diffs: Record<string, Array<AssetDiff>>
+
+  /**
+   * dictionary describes the exposure differences as a result of this transaction
+   * for every involved address (as a result of any approval / setApproval / permit
+   * function)
+   */
+  exposures: Record<string, Array<AddressAssetExposure>>
+
+  /**
+   * A string indicating if the simulation was successful or not.
+   */
+  status: 'Success'
+
+  /**
+   * dictionary represents the usd value each address gained / lost during this
+   * transaction
+   */
+  total_usd_diff: Record<string, UsdDiff>
+
+  /**
+   * a dictionary representing the usd value each address is exposed to, split by
+   * spenders
+   */
+  total_usd_exposure: Record<string, Record<string, string>>
+
+  /**
+   * dictionary describes contract management changes as a result of this transaction
+   * for every involved address
+   */
+  // contract_management?: Record<string, Array<ContractManagementChange>>
+  contract_management?: Record<
+    string,
+    Array<ProxyUpgradeManagement | OwnershipChangeManagement | ModulesChangeManagement>
+  >
+}
+
+export interface ProxyUpgradeManagement {
+  /**
+   * The state after the transaction
+   */
+  after: ProxyUpgradeManagement.After
+
+  /**
+   * The state before the transaction
+   */
+  before: ProxyUpgradeManagement.Before
+
+  /**
+   * The type of the state change
+   */
+  type: 'PROXY_UPGRADE'
+}
+
+export namespace ProxyUpgradeManagement {
+  /**
+   * The state after the transaction
+   */
+  export interface After {
+    address: string
+  }
+
+  /**
+   * The state before the transaction
+   */
+  export interface Before {
+    address: string
+  }
+}
+
+export interface OwnershipChangeManagement {
+  /**
+   * The state after the transaction
+   */
+  after: OwnershipChangeManagement.After
+
+  /**
+   * The state before the transaction
+   */
+  before: OwnershipChangeManagement.Before
+
+  /**
+   * The type of the state change
+   */
+  type: 'OWNERSHIP_CHANGE'
+}
+
+export namespace OwnershipChangeManagement {
+  /**
+   * The state after the transaction
+   */
+  export interface After {
+    owners: Array<string>
+  }
+
+  /**
+   * The state before the transaction
+   */
+  export interface Before {
+    owners: Array<string>
+  }
+}
+
+export interface ModulesChangeManagement {
+  /**
+   * The state after the transaction
+   */
+  after: ModulesChangeManagement.After
+
+  /**
+   * The state before the transaction
+   */
+  before: ModulesChangeManagement.Before
+
+  /**
+   * The type of the state change
+   */
+  type: 'MODULES_CHANGE'
+}
+
+export namespace ModulesChangeManagement {
+  /**
+   * The state after the transaction
+   */
+  export interface After {
+    modules: Array<string>
+  }
+
+  /**
+   * The state before the transaction
+   */
+  export interface Before {
+    modules: Array<string>
+  }
+}
+
+export namespace TransactionSimulation {
+  /**
+   * Account summary for the account address. account address is determined implicit
+   * by the `from` field in the transaction request, or explicit by the
+   * account_address field in the request.
+   */
+  export interface AccountSummary {
+    /**
+     * All assets diffs related to the account address
+     */
+    assets_diffs: Array<AssetDiff>
+
+    /**
+     * All assets exposures related to the account address
+     */
+    exposures: Array<AddressAssetExposure>
+
+    /**
+     * Total usd diff related to the account address
+     */
+    total_usd_diff: UsdDiff
+
+    /**
+     * Total usd exposure related to the account address
+     */
+    total_usd_exposure: Record<string, string>
+  }
+
+  export interface AddressDetails {
+    /**
+     * contains the contract's name if the address is a verified contract
+     */
+    contract_name?: string
+
+    /**
+     * known name tag for the address
+     */
+    name_tag?: string
+  }
+}
+
+export interface TransactionSimulationError {
+  /**
+   * An error message if the simulation failed.
+   */
+  error: string
+
+  /**
+   * A string indicating if the simulation was successful or not.
+   */
+  status: 'Error'
+}
+
+export interface TransactionValidation {
+  /**
+   * A list of features about this transaction explaining the validation.
+   */
+  features: Array<TransactionScanFeature>
+
+  /**
+   * An enumeration.
+   */
+  result_type: 'Benign' | 'Warning' | 'Malicious'
+
+  /**
+   * A string indicating if the simulation was successful or not.
+   */
+  status: 'Success'
+
+  /**
+   * A textual classification that can be presented to the user explaining the
+   * reason.
+   */
+  classification?: string
+
+  /**
+   * A textual description that can be presented to the user about what this
+   * transaction is doing.
+   */
+  description?: string
+
+  /**
+   * A textual description about the reasons the transaction was flagged with
+   * result_type.
+   */
+  reason?: string
+}
+
+export interface TransactionValidationError {
+  /**
+   * A textual classification that can be presented to the user explaining the
+   * reason.
+   */
+  classification: ''
+
+  /**
+   * A textual description that can be presented to the user about what this
+   * transaction is doing.
+   */
+  description: ''
+
+  /**
+   * An error message if the validation failed.
+   */
+  error: string
+
+  /**
+   * A list of features about this transaction explaining the validation.
+   */
+  features: Array<TransactionScanFeature>
+
+  /**
+   * A textual description about the reasons the transaction was flagged with
+   * result_type.
+   */
+  reason: ''
+
+  /**
+   * A string indicating if the transaction is safe to sign or not.
+   */
+  result_type: 'Error'
+
+  /**
+   * A string indicating if the simulation was successful or not.
+   */
+  status: 'Success'
+}
+
+export interface UsdDiff {
+  in: string
+
+  out: string
+
+  total: string
+}
diff --git a/packages/utils/src/services/security/modules/DelegateCallModule/index.test.ts b/packages/utils/src/services/security/modules/DelegateCallModule/index.test.ts
new file mode 100644
index 000000000..8d0fb6757
--- /dev/null
+++ b/packages/utils/src/services/security/modules/DelegateCallModule/index.test.ts
@@ -0,0 +1,91 @@
+import { OperationType } from '@safe-global/types-kit'
+import { getMultiSendCallOnlyDeployment } from '@safe-global/safe-deployments'
+import { toBeHex } from 'ethers'
+
+import { DelegateCallModule } from './index'
+import { createMockSafeTransaction, getMockMultiSendCalldata } from '@safe-global/utils/tests/transactions'
+import { chainBuilder } from '@safe-global/utils/tests/builders/chains'
+import { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+describe('DelegateCallModule', () => {
+  const DelegateCallModuleInstance = new DelegateCallModule()
+
+  const chainInfo = chainBuilder().with({ chainId: '1', chainLogoUri: null }).build() as unknown as ChainInfo
+
+  it('should not warn about Call operation transactions', async () => {
+    const recipient = toBeHex('0x1', 20)
+
+    const safeTransaction = createMockSafeTransaction({
+      to: recipient,
+      data: '0x',
+      operation: OperationType.Call,
+    })
+
+    const result = await DelegateCallModuleInstance.scanTransaction({
+      safeTransaction,
+      chain: chainInfo,
+      safeVersion: '1.3.0',
+    })
+
+    expect(result).toEqual({
+      severity: 0,
+    })
+  })
+
+  it('should not warn about MultiSendCallOnly DelegateCall operation transactions', async () => {
+    const CHAIN_ID = '1'
+    const SAFE_VERSION = '1.3.0'
+
+    const multiSend = getMultiSendCallOnlyDeployment({
+      network: CHAIN_ID,
+      version: SAFE_VERSION,
+    })!.defaultAddress
+
+    const recipient1 = toBeHex('0x2', 20)
+    const recipient2 = toBeHex('0x3', 20)
+
+    const data = getMockMultiSendCalldata([recipient1, recipient2])
+
+    const safeTransaction = createMockSafeTransaction({
+      to: multiSend,
+      data,
+      operation: OperationType.DelegateCall,
+    })
+
+    const result = await DelegateCallModuleInstance.scanTransaction({
+      safeTransaction,
+      chain: chainInfo,
+      safeVersion: SAFE_VERSION,
+    })
+
+    expect(result).toEqual({
+      severity: 0,
+    })
+  })
+
+  it('should warn about non-MultiSendCallOnly DelegateCall operation transactions', async () => {
+    const recipient = toBeHex('0x1', 20)
+
+    const safeTransaction = createMockSafeTransaction({
+      to: recipient,
+      data: '0x',
+      operation: OperationType.DelegateCall,
+    })
+
+    const result = await DelegateCallModuleInstance.scanTransaction({
+      safeTransaction,
+      chain: chainInfo,
+      safeVersion: '1.3.0',
+    })
+
+    expect(result).toEqual({
+      severity: 3,
+      payload: {
+        description: {
+          long: 'This transaction is a DelegateCall. It calls a smart contract that will be able to modify your Safe Account.',
+          short: 'Unexpected DelegateCall',
+        },
+      },
+    })
+  })
+})
diff --git a/packages/utils/src/services/security/modules/DelegateCallModule/index.ts b/packages/utils/src/services/security/modules/DelegateCallModule/index.ts
new file mode 100644
index 000000000..20e28b2f7
--- /dev/null
+++ b/packages/utils/src/services/security/modules/DelegateCallModule/index.ts
@@ -0,0 +1,54 @@
+import { OperationType } from '@safe-global/types-kit'
+import { getMultiSendCallOnlyContractDeployment } from '@safe-global/utils/services/contracts/deployments'
+import type { SafeTransaction } from '@safe-global/types-kit'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { type SafeState as SafeInfo } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+
+import { SecuritySeverity } from '../types'
+import type { SecurityModule, SecurityResponse } from '../types'
+
+type DelegateCallModuleRequest = {
+  chain: ChainInfo
+  safeVersion: SafeInfo['version']
+  safeTransaction: SafeTransaction
+}
+
+export type DelegateCallModuleResponse = {
+  description: {
+    short: string
+    long: string
+  }
+}
+
+export class DelegateCallModule implements SecurityModule<DelegateCallModuleRequest, DelegateCallModuleResponse> {
+  private isUnexpectedDelegateCall(request: DelegateCallModuleRequest): boolean {
+    const { chain, safeTransaction, safeVersion } = request
+
+    if (safeTransaction.data.operation !== OperationType.DelegateCall) {
+      return false
+    }
+
+    // We need not check for nested delegate calls as we only use MultiSendCallOnly in the UI
+    const multiSendDeployment = getMultiSendCallOnlyContractDeployment(chain, safeVersion)
+
+    return multiSendDeployment?.networkAddresses[chain.chainId] !== safeTransaction.data.to
+  }
+
+  async scanTransaction(request: DelegateCallModuleRequest): Promise<SecurityResponse<DelegateCallModuleResponse>> {
+    if (!this.isUnexpectedDelegateCall(request)) {
+      return {
+        severity: SecuritySeverity.NONE,
+      }
+    }
+
+    return {
+      severity: SecuritySeverity.HIGH,
+      payload: {
+        description: {
+          short: 'Unexpected DelegateCall',
+          long: 'This transaction is a DelegateCall. It calls a smart contract that will be able to modify your Safe Account.',
+        },
+      },
+    }
+  }
+}
diff --git a/src/services/security/modules/types.ts b/packages/utils/src/services/security/modules/types.ts
similarity index 100%
rename from src/services/security/modules/types.ts
rename to packages/utils/src/services/security/modules/types.ts
diff --git a/packages/utils/src/tests/Builder.ts b/packages/utils/src/tests/Builder.ts
new file mode 100644
index 000000000..139302194
--- /dev/null
+++ b/packages/utils/src/tests/Builder.ts
@@ -0,0 +1,30 @@
+export interface IBuilder<T> {
+  with(override: Partial<T>): IBuilder<T>
+
+  build(): T
+}
+
+export class Builder<T> implements IBuilder<T> {
+  private constructor(private target: Partial<T>) {}
+
+  /**
+   * Returns a new {@link Builder} with the property {@link key} set to {@link value}.
+   *
+   * @param override - the override value to apply
+   */
+  with(override: Partial<T>): IBuilder<T> {
+    const target: Partial<T> = { ...this.target, ...override }
+    return new Builder<T>(target)
+  }
+
+  /**
+   * Returns an instance of T with the values that were set so far
+   */
+  build(): T {
+    return this.target as T
+  }
+
+  public static new<T>(): IBuilder<T> {
+    return new Builder<T>({})
+  }
+}
diff --git a/packages/utils/src/tests/builders/chains.ts b/packages/utils/src/tests/builders/chains.ts
new file mode 100644
index 000000000..308cf0d43
--- /dev/null
+++ b/packages/utils/src/tests/builders/chains.ts
@@ -0,0 +1,107 @@
+import { faker } from '@faker-js/faker'
+
+import {
+  BlockExplorerUriTemplate,
+  Chain as ChainInfo,
+  GasPriceFixed,
+  GasPriceFixedEip1559,
+  GasPriceOracle,
+  NativeCurrency,
+  RpcUri,
+  Theme,
+} from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+
+import { Builder } from '@safe-global/utils/tests/Builder'
+import { generateRandomArray } from '@safe-global/utils/tests/utils'
+import type { IBuilder } from '@safe-global/utils/tests/Builder'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+const rpcUriBuilder = (): IBuilder<RpcUri> => {
+  return Builder.new<RpcUri>().with({
+    authentication: 'NO_AUTHENTICATION' as const,
+    value: faker.internet.url({ appendSlash: false }),
+  })
+}
+
+const blockExplorerUriTemplateBuilder = (): IBuilder<BlockExplorerUriTemplate> => {
+  return Builder.new<BlockExplorerUriTemplate>().with({
+    address: faker.internet.url({ appendSlash: false }),
+    txHash: faker.internet.url({ appendSlash: false }),
+    api: faker.internet.url({ appendSlash: false }),
+  })
+}
+
+const nativeCurrencyBuilder = (): IBuilder<NativeCurrency> => {
+  return Builder.new<NativeCurrency>().with({
+    name: faker.finance.currencyName(),
+    symbol: faker.finance.currencySymbol(),
+    decimals: 18,
+    logoUri: faker.internet.url({ appendSlash: false }),
+  })
+}
+
+const themeBuilder = (): IBuilder<Theme> => {
+  return Builder.new<Theme>().with({
+    textColor: faker.color.rgb(),
+    backgroundColor: faker.color.rgb(),
+  })
+}
+
+const gasPriceFixedBuilder = (): IBuilder<GasPriceFixed> => {
+  return Builder.new<GasPriceFixed>().with({
+    type: 'FIXED',
+    weiValue: faker.string.numeric(),
+  })
+}
+
+const gasPriceFixedEIP1559Builder = (): IBuilder<GasPriceFixedEip1559> => {
+  return Builder.new<GasPriceFixedEip1559>().with({
+    type: 'FIXED_1559',
+    maxFeePerGas: faker.string.numeric(),
+    maxPriorityFeePerGas: faker.string.numeric(),
+  })
+}
+
+const gasPriceOracleBuilder = (): IBuilder<GasPriceOracle> => {
+  return Builder.new<GasPriceOracle>().with({
+    type: 'ORACLE',
+    uri: faker.internet.url({ appendSlash: false }),
+    gasParameter: faker.word.sample(),
+    gweiFactor: faker.string.numeric(),
+  })
+}
+
+const getRandomGasPriceBuilder = () => {
+  const gasPriceBuilders = [
+    gasPriceFixedBuilder(),
+    gasPriceFixedEIP1559Builder(),
+    gasPriceOracleBuilder(),
+    // gasPriceOracleUnknownBuilder(),
+  ]
+
+  const randomIndex = Math.floor(Math.random() * gasPriceBuilders.length)
+  return gasPriceBuilders[randomIndex]
+}
+
+export const chainBuilder = (): IBuilder<ChainInfo> => {
+  return Builder.new<ChainInfo>().with({
+    chainId: faker.string.numeric(),
+    chainLogoUri: faker.internet.url({ appendSlash: false }),
+    chainName: faker.word.sample(),
+    description: faker.word.words(),
+    l2: faker.datatype.boolean(),
+    shortName: faker.word.sample(),
+    rpcUri: rpcUriBuilder().build(),
+    safeAppsRpcUri: rpcUriBuilder().build(),
+    publicRpcUri: rpcUriBuilder().build(),
+    blockExplorerUriTemplate: blockExplorerUriTemplateBuilder().build(),
+    nativeCurrency: nativeCurrencyBuilder().build(),
+    transactionService: faker.internet.url({ appendSlash: false }),
+    theme: themeBuilder().build(),
+    gasPrice: generateRandomArray(() => getRandomGasPriceBuilder().build(), { min: 1, max: 4 }),
+    ensRegistryAddress: faker.finance.ethereumAddress(),
+    disabledWallets: generateRandomArray(() => faker.word.sample(), { min: 1, max: 10 }),
+    features: generateRandomArray(() => faker.helpers.enumValue(FEATURES), { min: 1, max: 10 }),
+    recommendedMasterCopyVersion: faker.system.semver(),
+  })
+}
diff --git a/packages/utils/src/tests/transactions.ts b/packages/utils/src/tests/transactions.ts
new file mode 100644
index 000000000..d70744921
--- /dev/null
+++ b/packages/utils/src/tests/transactions.ts
@@ -0,0 +1,111 @@
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { solidityPacked, concat } from 'ethers'
+import { OperationType } from '@safe-global/types-kit'
+import type { SafeTransaction } from '@safe-global/types-kit'
+
+import { ERC20__factory, ERC721__factory, Multi_send__factory } from '@safe-global/utils/types/contracts'
+import EthSafeTransaction from '@safe-global/protocol-kit/dist/src/utils/transactions/SafeTransaction'
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { TransactionStatus } from '@safe-global/safe-apps-sdk'
+
+export const getMockErc20TransferCalldata = (to: string) => {
+  const erc20Interface = ERC20__factory.createInterface()
+  return erc20Interface.encodeFunctionData('transfer', [
+    to,
+    0, // value
+  ])
+}
+
+export const getMockErc721TransferFromCalldata = (to: string) => {
+  const erc721Interface = ERC721__factory.createInterface()
+  return erc721Interface.encodeFunctionData('transferFrom', [
+    ZERO_ADDRESS, // from
+    to,
+    0, // value
+  ])
+}
+
+export const getMockErc721SafeTransferFromCalldata = (to: string) => {
+  const erc721Interface = ERC721__factory.createInterface()
+  return erc721Interface.encodeFunctionData('safeTransferFrom(address,address,uint256)', [
+    ZERO_ADDRESS, // from
+    to,
+    0, // value
+  ])
+}
+
+export const getMockErc721SafeTransferFromWithBytesCalldata = (to: string) => {
+  const erc721Interface = ERC721__factory.createInterface()
+  return erc721Interface.encodeFunctionData('safeTransferFrom(address,address,uint256,bytes)', [
+    ZERO_ADDRESS, // from
+    to,
+    0, // value
+    '0x', // bytes
+  ])
+}
+
+export const getMockMultiSendCalldata = (recipients: Array<string>): string => {
+  // MultiSendCallOnly
+  const OPERATION = 0
+
+  const data = '0x'
+
+  const internalTransactions = recipients.map((recipient) => {
+    return solidityPacked(
+      ['uint8', 'address', 'uint256', 'uint256', 'bytes'],
+      [
+        OPERATION,
+        recipient,
+        0, // value
+        data.length, // dataLength
+        data, // data
+      ],
+    )
+  })
+
+  const multiSendInterface = Multi_send__factory.createInterface()
+  return multiSendInterface.encodeFunctionData('multiSend', [concat(internalTransactions)])
+}
+
+export const createMockTransactionDetails = ({
+  txInfo,
+  txData,
+  detailedExecutionInfo,
+}: {
+  txInfo: TransactionDetails['txInfo']
+  txData: TransactionDetails['txData']
+  detailedExecutionInfo: TransactionDetails['detailedExecutionInfo']
+}): TransactionDetails => ({
+  safeAddress: 'sep:0xE20CcFf2c38Ef3b64109361D7b7691ff2c7D5f67',
+  txId: 'multisig_0xBd69b0a9DC90eB6F9bAc3E4a5875f437348b6415_0xcb83bc36cf4a2998e7fe222e36c458c59c3778f65b4e5bb361c29a73c2de62cc',
+  txStatus: TransactionStatus.AWAITING_CONFIRMATIONS,
+  txInfo,
+  txData,
+  detailedExecutionInfo,
+})
+
+// TODO: Replace with safeTxBuilder
+export const createMockSafeTransaction = ({
+  to,
+  data,
+  operation = OperationType.Call,
+  value,
+}: {
+  to: string
+  data: string
+  operation?: OperationType
+  value?: string
+}): SafeTransaction => {
+  return new EthSafeTransaction({
+    to,
+    data,
+    operation,
+    value: value || '0',
+    baseGas: '0',
+    gasPrice: '0',
+    gasToken: ZERO_ADDRESS,
+    nonce: 0,
+    refundReceiver: ZERO_ADDRESS,
+    safeTxGas: '0',
+  })
+}
diff --git a/packages/utils/src/tests/utils.ts b/packages/utils/src/tests/utils.ts
new file mode 100644
index 000000000..589265330
--- /dev/null
+++ b/packages/utils/src/tests/utils.ts
@@ -0,0 +1,6 @@
+import { faker } from '@faker-js/faker'
+import type { NumberModule } from '@faker-js/faker'
+
+export const generateRandomArray = <T>(generator: () => T, options?: Parameters<NumberModule['int']>[0]): Array<T> => {
+  return Array.from({ length: faker.number.int(options) }, generator)
+}
diff --git a/packages/utils/src/tests/web3Provider.ts b/packages/utils/src/tests/web3Provider.ts
new file mode 100644
index 000000000..a6ac11dac
--- /dev/null
+++ b/packages/utils/src/tests/web3Provider.ts
@@ -0,0 +1,106 @@
+import { JsonRpcProvider, id, AbiCoder, Network, Interface } from 'ethers'
+import { MULTICALL_ABI } from '../utils/multicall'
+import { sameAddress } from '../utils/addresses'
+
+export type MockCallImplementation = {
+  signature: string
+  to?: string
+  returnType: string
+  returnValue: unknown
+}
+
+const MULTI_CALL_INTERFACE = new Interface(MULTICALL_ABI)
+
+/**
+ * Creates a getWeb3 spy which returns a Web3Provider with a mocked `call` and `resolveName` function.
+ * It will automatically handle multicalls.
+ *
+ * @param callImplementations list of supported function calls and the mocked return value. i.e.
+ * ```
+ * [{
+ *   signature: "balanceOf(address)",
+ *   returnType: "uint256",
+ *   returnValue: "200"
+ * }]
+ * ```
+ * @param resolveName mock ens resolveName implementation
+ * @param chainId mock chainId
+ * @returns web3provider jest spy
+ */
+export const createMockWeb3Provider = (
+  callImplementations: MockCallImplementation[],
+  resolveName?: (name: string) => string,
+  chainId?: string,
+): JsonRpcProvider => {
+  const findImplementation = (data: string, to: string) => {
+    return callImplementations.find((implementation) => {
+      const sigHash = implementation.signature.startsWith('0x')
+        ? implementation.signature
+        : id(implementation.signature)
+      return data?.startsWith(sigHash.slice(0, 10)) && (implementation.to ? sameAddress(to, implementation.to) : true)
+    })
+  }
+
+  const mockWeb3ReadOnly = {
+    getNetwork: jest.fn(() => {
+      return new Network('mock', BigInt(chainId ?? 1))
+    }),
+    call: jest.fn((tx: { data: string; to: string }) => {
+      const multiCallSignature = MULTI_CALL_INTERFACE.getFunction('aggregate3')?.selector!
+      // Auto handle multicalls
+      if (
+        tx.data.startsWith(multiCallSignature) &&
+        !callImplementations.some((implementation) => implementation.signature === multiCallSignature)
+      ) {
+        // Unwrap multicall and check if any selectors match
+        const calls = MULTI_CALL_INTERFACE.decodeFunctionData('aggregate3', tx.data)[0]
+        const results: { success: boolean; returnData: string }[] = []
+        for (const call of calls) {
+          const [target, allowFailure, callData] = call
+          const matchedImplementation = findImplementation(callData, target)
+          if (!matchedImplementation) {
+            console.log('No matched implementation for call', callData)
+            results.push({
+              success: false,
+              returnData: '0x',
+            })
+          } else {
+            const returnData =
+              matchedImplementation.returnType === 'raw'
+                ? (matchedImplementation.returnValue as string)
+                : AbiCoder.defaultAbiCoder().encode(
+                    [matchedImplementation.returnType],
+                    [matchedImplementation.returnValue],
+                  )
+            results.push({
+              success: true,
+              returnData,
+            })
+          }
+        }
+
+        return MULTI_CALL_INTERFACE.encodeFunctionResult('aggregate3', [results])
+      }
+
+      const matchedImplementation = findImplementation(tx.data, tx.to)
+
+      if (!matchedImplementation) {
+        throw new Error(`No matcher for call data: ${tx.data}`)
+      }
+
+      if (matchedImplementation.returnType === 'raw') {
+        return matchedImplementation.returnValue as string
+      }
+
+      return AbiCoder.defaultAbiCoder().encode([matchedImplementation.returnType], [matchedImplementation.returnValue])
+    }),
+    estimateGas: jest.fn(() => {
+      return Promise.resolve(50_000n)
+    }),
+    getTransactionReceipt: jest.fn(),
+    _isProvider: true,
+    resolveName,
+  } as unknown as JsonRpcProvider
+
+  return mockWeb3ReadOnly
+}
diff --git a/packages/utils/src/utils/__tests__/addresses.test.ts b/packages/utils/src/utils/__tests__/addresses.test.ts
new file mode 100644
index 000000000..e76d8adf3
--- /dev/null
+++ b/packages/utils/src/utils/__tests__/addresses.test.ts
@@ -0,0 +1,195 @@
+import { checksumAddress, cleanInputValue, isChecksummedAddress, parsePrefixedAddress, sameAddress } from '../addresses'
+
+describe('Addresses', () => {
+  describe('checksumAddress', () => {
+    it('should checksum lowercase addresses', () => {
+      const value = checksumAddress('0x62da87ff2e2216f1858603a3db9313e178da3112')
+      expect(value).toBe('0x62Da87FF2E2216F1858603A3Db9313E178da3112')
+    })
+
+    it('should return checksummed addresses as is', () => {
+      const value = checksumAddress('0x62Da87FF2E2216F1858603A3Db9313E178da3112')
+      expect(value).toBe('0x62Da87FF2E2216F1858603A3Db9313E178da3112')
+    })
+
+    it('should return mixed case addresses as is', () => {
+      const value = checksumAddress('0x62Da87ff2E2216F1858603A3Db9313E178da3112')
+      expect(value).toBe('0x62Da87ff2E2216F1858603A3Db9313E178da3112')
+    })
+
+    it('should return uppercase addresses as is', () => {
+      const value = checksumAddress('0X62DA87FF2E2216F1858603A3DB9313E178DA3112')
+      expect(value).toBe('0X62DA87FF2E2216F1858603A3DB9313E178DA3112')
+    })
+
+    it('should return non-addresses as is', () => {
+      const value = checksumAddress('sdfgsdfg')
+      expect(value).toBe('sdfgsdfg')
+    })
+  })
+
+  describe('isChecksummedAddress', () => {
+    it('should return true for checksummed addresses', () => {
+      const value = isChecksummedAddress('0x62Da87FF2E2216F1858603A3Db9313E178da3112')
+      expect(value).toBe(true)
+    })
+
+    it('should return false for lowercase addresses', () => {
+      const value = isChecksummedAddress('0x62da87ff2e2216f1858603a3db9313e178da3112')
+      expect(value).toBe(false)
+    })
+
+    it('should return false for mixed case addresses', () => {
+      const value = isChecksummedAddress('0x62Da87ff2E2216F1858603A3Db9313E178da3112')
+      expect(value).toBe(false)
+    })
+
+    it('should return false for uppercase addresses', () => {
+      const value = isChecksummedAddress('0X62DA87FF2E2216F1858603A3DB9313E178DA3112')
+      expect(value).toBe(false)
+    })
+
+    it('should return false for non-/invalid addresses', () => {
+      const value = isChecksummedAddress('sdfgsdfg')
+      expect(value).toBe(false)
+    })
+  })
+
+  describe('sameAddress', () => {
+    it('returns false if the first or second address is undefined', () => {
+      const address = '0x62Da87FF2E2216F1858603A3Db9313E178da3112'
+      expect(sameAddress(undefined, address)).toBe(false)
+      expect(sameAddress(address, undefined)).toBe(false)
+    })
+
+    it('returns false if the addresses are different', () => {
+      const address1 = '0x62Da87FF2E2216F1858603A3Db9313E178da3112'
+      const address2 = '0x62Da87FF2E2216F1858603A3Db9313E178da3113'
+      expect(sameAddress(address1, address2)).toBe(false)
+    })
+
+    it('returns true if the addresses are the same', () => {
+      const address = '0x62Da87FF2E2216F1858603A3Db9313E178da3112'
+      expect(sameAddress(address, address)).toBe(true)
+    })
+  })
+
+  describe('parsePrefixedAddress', () => {
+    it('should parse a prefixed address', () => {
+      const { prefix, address } = parsePrefixedAddress('prefix:0x62Da87FF2E2216F1858603A3Db9313E178da3112')
+      expect(prefix).toBe('prefix')
+      expect(address).toBe('0x62Da87FF2E2216F1858603A3Db9313E178da3112')
+    })
+
+    it('should parse a non-prefixed address', () => {
+      const { prefix, address } = parsePrefixedAddress('0x62Da87FF2E2216F1858603A3Db9313E178da3112')
+      expect(prefix).toBeUndefined()
+      expect(address).toBe('0x62Da87FF2E2216F1858603A3Db9313E178da3112')
+    })
+
+    it('should checksum addresses', () => {
+      const { prefix, address } = parsePrefixedAddress('0x62da87ff2e2216f1858603a3db9313e178da3112')
+      expect(prefix).toBeUndefined()
+      expect(address).toBe('0x62Da87FF2E2216F1858603A3Db9313E178da3112')
+    })
+
+    it('should parse a non-addresses', () => {
+      const { prefix, address } = parsePrefixedAddress('sdfgsdfg')
+      expect(prefix).toBeUndefined()
+      expect(address).toBe('sdfgsdfg')
+    })
+  })
+
+  describe('cleanInputValue', () => {
+    it('should return the address when input is a valid address without prefix', () => {
+      const input = '0xabcdefabcdefabcdefabcdefabcdefabcdefabcd'
+      const output = cleanInputValue(input)
+
+      expect(output).toBe('0xabcdefabcdefabcdefabcdefabcdefabcdefabcd')
+    })
+
+    it('should return the address with prefix when input has a valid prefix', () => {
+      const input = 'prefix:0xabcdefabcdefabcdefabcdefabcdefabcdefabcd'
+      const output = cleanInputValue(input)
+
+      expect(output).toBe('prefix:0xabcdefabcdefabcdefabcdefabcdefabcdefabcd')
+    })
+
+    it('should return the matched address when input contains text before the match', () => {
+      const input = 'some text prefix:0xabcdefabcdefabcdefabcdefabcdefabcdefabcd'
+      const output = cleanInputValue(input)
+
+      expect(output).toBe('prefix:0xabcdefabcdefabcdefabcdefabcdefabcdefabcd')
+    })
+
+    it('should return the matched address when input contains text after the match', () => {
+      const input = 'prefix:0xabcdefabcdefabcdefabcdefabcdefabcdefabcd some text'
+      const output = cleanInputValue(input)
+
+      expect(output).toBe('prefix:0xabcdefabcdefabcdefabcdefabcdefabcdefabcd')
+    })
+
+    it('should return the original value when input does not match the regex', () => {
+      const input = 'invalid input'
+      const output = cleanInputValue(input)
+
+      expect(output).toBe('invalid input')
+    })
+
+    it('should handle prefixes with hyphens', () => {
+      const input = 'uh-huh:0xabcdefabcdefabcdefabcdefabcdefabcdefabcd'
+      const output = cleanInputValue(input)
+
+      expect(output).toBe('uh-huh:0xabcdefabcdefabcdefabcdefabcdefabcdefabcd')
+    })
+
+    it('should return the address when input has uppercase letters', () => {
+      const input = '0xABCDEFABCDEFABCDEFABCDEFABCDEFABCDEFABCD'
+      const output = cleanInputValue(input)
+
+      expect(output).toBe('0xABCDEFABCDEFABCDEFABCDEFABCDEFABCDEFABCD')
+    })
+
+    it('should return the original value when Ethereum address is invalid (too short)', () => {
+      const input = '0x123'
+      const output = cleanInputValue(input)
+
+      expect(output).toBe('0x123')
+    })
+
+    it('should trim spaces and return the address when input has leading and trailing spaces', () => {
+      const input = '  0xabcdefabcdefabcdefabcdefabcdefabcdefabcd  '
+      const output = cleanInputValue(input)
+
+      expect(output).toBe('0xabcdefabcdefabcdefabcdefabcdefabcdefabcd')
+    })
+
+    it('should return the first matched address when input contains multiple addresses', () => {
+      const input = '0xabcdefabcdefabcdefabcdefabcdefabcdefabcd 0x1234567890abcdef1234567890abcdef12345678'
+      const output = cleanInputValue(input)
+
+      expect(output).toBe('0xabcdefabcdefabcdefabcdefabcdefabcdefabcd')
+    })
+
+    it('should return the address with numeric prefix', () => {
+      const input = '12345:0xabcdefabcdefabcdefabcdefabcdefabcdefabcd'
+      const output = cleanInputValue(input)
+
+      expect(output).toBe('12345:0xabcdefabcdefabcdefabcdefabcdefabcdefabcd')
+    })
+
+    it('should return the address when prefix is missing colon', () => {
+      const input = 'prefix0xabcdefabcdefabcdefabcdefabcdefabcdefabcd'
+      const output = cleanInputValue(input)
+
+      expect(output).toBe('0xabcdefabcdefabcdefabcdefabcdefabcdefabcd')
+    })
+
+    it('should return the original value when prefix contains invalid characters', () => {
+      const input = 'invalid!prefix:0xabcdefabcdefabcdefabcdefabcdefabcdefabcd'
+      const output = cleanInputValue(input)
+
+      expect(output).toBe(input)
+    })
+  })
+})
diff --git a/packages/utils/src/utils/__tests__/date.test.ts b/packages/utils/src/utils/__tests__/date.test.ts
new file mode 100644
index 000000000..26a4b8745
--- /dev/null
+++ b/packages/utils/src/utils/__tests__/date.test.ts
@@ -0,0 +1,50 @@
+import { getCountdown, getPeriod } from '../date'
+
+describe('getCountdown', () => {
+  it('should convert 0 seconds to 0 days, 0 hours, and 0 minutes', () => {
+    const result = getCountdown(0)
+    expect(result).toEqual({ days: 0, hours: 0, minutes: 0 })
+  })
+
+  it('should convert 3600 seconds to 0 days, 1 hour, and 0 minutes', () => {
+    const result = getCountdown(3600)
+    expect(result).toEqual({ days: 0, hours: 1, minutes: 0 })
+  })
+
+  it('should convert 86400 seconds to 1 day, 0 hours, and 0 minutes', () => {
+    const result = getCountdown(86400)
+    expect(result).toEqual({ days: 1, hours: 0, minutes: 0 })
+  })
+
+  it('should convert 123456 seconds to 1 day, 10 hours, and 17 minutes', () => {
+    const result = getCountdown(123456)
+    expect(result).toEqual({ days: 1, hours: 10, minutes: 17 })
+  })
+})
+
+describe('getPeriod', () => {
+  it('returns correct period for days', () => {
+    expect(getPeriod(86400)).toBe('1 day')
+    expect(getPeriod(172800)).toBe('2 days')
+  })
+
+  it('returns correct period for hours', () => {
+    expect(getPeriod(3600)).toBe('1 hour')
+    expect(getPeriod(7200)).toBe('2 hours')
+  })
+
+  it('returns correct period for minutes', () => {
+    expect(getPeriod(60)).toBe('1 minute')
+    expect(getPeriod(120)).toBe('2 minutes')
+  })
+
+  it('returns undefined for seconds less than 60', () => {
+    expect(getPeriod(59)).toBeUndefined()
+  })
+
+  it('returns correct period when there are multiple units', () => {
+    expect(getPeriod(90000)).toBe('1 day')
+    expect(getPeriod(86400 + 3600)).toBe('1 day')
+    expect(getPeriod(86400 + 3600 + 60)).toBe('1 day')
+  })
+})
diff --git a/packages/utils/src/utils/__tests__/formatNumber.test.ts b/packages/utils/src/utils/__tests__/formatNumber.test.ts
new file mode 100644
index 000000000..e3675c671
--- /dev/null
+++ b/packages/utils/src/utils/__tests__/formatNumber.test.ts
@@ -0,0 +1,126 @@
+import {
+  formatAmountPrecise,
+  formatAmount,
+  formatCurrency,
+  formatCurrencyPrecise,
+  percentageOfTotal,
+} from '@safe-global/utils/utils/formatNumber'
+
+describe('formatNumber', () => {
+  describe('formatAmountPrecise', () => {
+    it('should format a number with a defined precision', () => {
+      expect(formatAmountPrecise(1234.5678, 2)).toBe('1,234.57')
+    })
+  })
+
+  describe('formatAmount', () => {
+    it('should format a number below 0.0001', () => {
+      expect(formatAmount(0.000000009)).toBe('< 0.00001')
+    })
+
+    it('should format a number below 1', () => {
+      expect(formatAmount(0.567811)).toBe('0.56781')
+    })
+
+    it('should format a number above 1', () => {
+      expect(formatAmount(285.1257657)).toBe('285.12577')
+    })
+
+    it('should abbreviate a number with more than 10 digits', () => {
+      expect(formatAmount(12345678901)).toBe('12.35B')
+    })
+
+    it('should abbreviate a number with more than a given amount of digits', () => {
+      expect(formatAmount(1234.12, 2, 4)).toBe('1.23K')
+    })
+  })
+
+  describe('formatCurrency', () => {
+    it('should format a 0', () => {
+      expect(formatCurrency(0, 'USD')).toBe('$ 0')
+    })
+
+    it('should format a number below 1', () => {
+      expect(formatCurrency(0.5678, 'USD')).toBe('$ 0.57')
+    })
+
+    it('should format a number above 1', () => {
+      expect(formatCurrency(285.1257657, 'EUR')).toBe('€ 285')
+    })
+
+    it('should abbreviate billions', () => {
+      expect(formatCurrency(12_345_678_901, 'USD')).toBe('$ 12.35B')
+    })
+
+    it('should abbreviate millions', () => {
+      expect(formatCurrency(9_589_009.543645, 'EUR')).toBe('€ 9.59M')
+    })
+
+    it('should abbreviate thousands', () => {
+      expect(formatCurrency(119_589.543645, 'EUR')).toBe('€ 119.59K')
+    })
+
+    it('should abbreviate a number with more than a given amount of digits', () => {
+      expect(formatCurrency(1234.12, 'USD', 4)).toBe('$ 1.23K')
+    })
+  })
+
+  describe('formatCurrencyPrecise', () => {
+    it('should format the number correctly for USD', () => {
+      const result = formatCurrencyPrecise(1234.56, 'USD')
+      expect(result).toBe('$ 1,234.56')
+    })
+
+    it('should format the number correctly for EUR', () => {
+      const result = formatCurrencyPrecise(1234.56, 'EUR')
+      expect(result).toBe('€ 1,234.56')
+    })
+
+    it('should handle string input as number', () => {
+      const result = formatCurrencyPrecise('1234.56', 'USD')
+      expect(result).toBe('$ 1,234.56')
+    })
+
+    it('should add the narrow non-breaking space after the currency symbol', () => {
+      const result = formatCurrencyPrecise(1234.56, 'USD')
+      expect(result).toBe('$ 1,234.56')
+    })
+
+    it('should format the number correctly with 5 decimal places for USD', () => {
+      const result = formatCurrencyPrecise(1234.56789, 'USD')
+      expect(result).toBe('$ 1,234.57')
+    })
+
+    it('should return "NaN" for invalid number input', () => {
+      const result = formatCurrencyPrecise('invalid-number', 'USD')
+      expect(result).toBe('$NaN ')
+    })
+  })
+
+  describe('percentageOfTotal', () => {
+    it('returns the correct fraction for typical inputs', () => {
+      expect(percentageOfTotal(30, 100)).toBeCloseTo(0.3)
+      expect(percentageOfTotal('75', '150')).toBeCloseTo(0.5)
+    })
+
+    it('handles a zero total by returning 0 (avoids division by 0)', () => {
+      expect(percentageOfTotal(10, 0)).toBe(0)
+    })
+
+    it('handles a negative total by returning 0', () => {
+      expect(percentageOfTotal(10, -50)).toBe(0)
+    })
+
+    it('handles non-numeric totals by returning 0', () => {
+      expect(percentageOfTotal(10, 'not-a-number')).toBe(0)
+    })
+
+    it('handles non-numeric balances by returning 0', () => {
+      expect(percentageOfTotal(NaN, 100)).toBe(0)
+    })
+
+    it('handles extremely large totals without throwing', () => {
+      expect(percentageOfTotal(1, Number.MAX_SAFE_INTEGER)).toBeCloseTo(1 / Number.MAX_SAFE_INTEGER)
+    })
+  })
+})
diff --git a/packages/utils/src/utils/__tests__/formatters.test.ts b/packages/utils/src/utils/__tests__/formatters.test.ts
new file mode 100644
index 000000000..5df3fd528
--- /dev/null
+++ b/packages/utils/src/utils/__tests__/formatters.test.ts
@@ -0,0 +1,133 @@
+import * as formatters from '../formatters'
+import { parseEther } from 'ethers'
+
+describe('formatters', () => {
+  describe('removeTrailingZeros', () => {
+    it('strips trailing 0s', () => {
+      expect(formatters._removeTrailingZeros('0')).toBe('0')
+      expect(formatters._removeTrailingZeros('0.000')).toBe('0')
+
+      expect(formatters._removeTrailingZeros('10')).toBe('10')
+      expect(formatters._removeTrailingZeros('100')).toBe('100')
+
+      expect(formatters._removeTrailingZeros('0.100')).toBe('0.1')
+      expect(formatters._removeTrailingZeros('0.010')).toBe('0.01')
+
+      expect(formatters._removeTrailingZeros('1.101')).toBe('1.101')
+      expect(formatters._removeTrailingZeros('1.100')).toBe('1.1')
+      expect(formatters._removeTrailingZeros('1.100010')).toBe('1.10001')
+
+      expect(formatters._removeTrailingZeros('100.11')).toBe('100.11')
+      expect(formatters._removeTrailingZeros('100.10')).toBe('100.1')
+
+      expect(
+        formatters._removeTrailingZeros('1000000000000000000000000000000000000000000000000000000000000000001'),
+      ).toBe('1000000000000000000000000000000000000000000000000000000000000000001')
+      expect(
+        formatters._removeTrailingZeros('1000000000000000000000000000000000000000000000000000000000000000001.100'),
+      ).toBe('1000000000000000000000000000000000000000000000000000000000000000001.1')
+    })
+  })
+
+  describe('camelCaseToSpaces', () => {
+    it('should convert "safeTransferFrom" to "safe Transfer From"', () => {
+      expect(formatters.camelCaseToSpaces('safeTransferFrom')).toEqual('safe Transfer From')
+    })
+
+    it('should convert "depositERC20token" to "deposit ERC20 Token"', () => {
+      expect(formatters.camelCaseToSpaces('depositERC20Token')).toEqual('deposit ERC20 Token')
+    })
+  })
+
+  describe('safeFormatUnits', () => {
+    it('formats to gwei by default', () => {
+      const result1 = formatters.safeFormatUnits('1')
+      expect(result1).toBe('0.000000001')
+
+      const result2 = formatters.safeFormatUnits('100000000')
+      expect(result2).toBe('0.1')
+    })
+  })
+
+  describe('shortenAddress', () => {
+    it('should shorten an address', () => {
+      expect(formatters.shortenAddress('0x1234567890123456789012345678901234567890')).toEqual('0x1234...7890')
+    })
+
+    it('should shorten an address with custom length', () => {
+      expect(formatters.shortenAddress('0x1234567890123456789012345678901234567890', 5)).toEqual('0x12345...67890')
+    })
+
+    it('should return an empty string if passed a falsy value', () => {
+      expect(formatters.shortenAddress('', 5)).toEqual('')
+
+      // @ts-ignore - Invalid type
+      expect(formatters.shortenAddress(undefined, 5)).toEqual('')
+
+      // @ts-ignore - Invalid type
+      expect(formatters.shortenAddress(null, 5)).toEqual('')
+    })
+  })
+
+  describe('formatVisualAmount', () => {
+    it('should format with different decimals', () => {
+      expect(formatters.formatVisualAmount('123456789', 0, 10)).toEqual('123,456,789')
+      expect(formatters.formatVisualAmount('123456789', 1, 10)).toEqual('12,345,678.9')
+      expect(formatters.formatVisualAmount('123456789', 2, 10)).toEqual('1,234,567.89')
+      expect(formatters.formatVisualAmount('123456789', 3, 10)).toEqual('123,456.789')
+      expect(formatters.formatVisualAmount('123456789', 4, 10)).toEqual('12,345.6789')
+      expect(formatters.formatVisualAmount('123456789', 5, 10)).toEqual('1,234.56789')
+      expect(formatters.formatVisualAmount('123456789', 6, 10)).toEqual('123.456789')
+      expect(formatters.formatVisualAmount('123456789', 7, 10)).toEqual('12.3456789')
+      expect(formatters.formatVisualAmount('123456789', 8, 10)).toEqual('1.23456789')
+      expect(formatters.formatVisualAmount('123456789', 9, 10)).toEqual('0.123456789')
+    })
+
+    it('should format with different precisions', () => {
+      expect(formatters.formatVisualAmount('123456789', 6, 0)).toEqual('123')
+      expect(formatters.formatVisualAmount('123456789', 6, 1)).toEqual('123.5')
+      expect(formatters.formatVisualAmount('123456789', 6, 2)).toEqual('123.46')
+      expect(formatters.formatVisualAmount('123456789', 6, 3)).toEqual('123.457')
+      expect(formatters.formatVisualAmount('123456789', 6, 4)).toEqual('123.4568')
+      expect(formatters.formatVisualAmount('123456789', 6, 5)).toEqual('123.45679')
+      expect(formatters.formatVisualAmount('123456789', 6, 6)).toEqual('123.456789')
+    })
+
+    it('should format wei correctly', () => {
+      expect(formatters.formatVisualAmount(parseEther('1'), 18, 18)).toEqual('1')
+      expect(formatters.formatVisualAmount(parseEther('10'), 18, 18)).toEqual('10')
+      expect(formatters.formatVisualAmount(parseEther('1000'), 18, 18)).toEqual('1,000')
+      expect(formatters.formatVisualAmount(parseEther('0.00001'), 18, 18)).toEqual('0.00001')
+      expect(formatters.formatVisualAmount('1', 18, 18)).toEqual('0.000000000000000001')
+    })
+  })
+
+  describe('maybePlural', () => {
+    const { maybePlural } = formatters
+    it('should add an "s" for more than 1', () => {
+      expect(maybePlural(2)).toEqual('s')
+      expect(maybePlural(10)).toEqual('s')
+      expect(maybePlural(0)).toEqual('s')
+      expect(maybePlural(1)).toEqual('')
+    })
+
+    it('should work for arrays too', () => {
+      expect(maybePlural(['1', '2'])).toEqual('s')
+      expect(maybePlural(['1'])).toEqual('')
+    })
+  })
+
+  describe('formatPercentage', () => {
+    it('should format percentage correctly', () => {
+      expect(formatters.formatPercentage(0.123456789)).toEqual('12.35%')
+    })
+
+    it('should not return signs', () => {
+      expect(formatters.formatPercentage(-0.123456789)).toEqual('12.35%')
+    })
+
+    it('should always show 2 decimals', () => {
+      expect(formatters.formatPercentage(0.69)).toEqual('69.00%')
+    })
+  })
+})
diff --git a/src/utils/__tests__/gateway.test.ts b/packages/utils/src/utils/__tests__/gateway.test.ts
similarity index 98%
rename from src/utils/__tests__/gateway.test.ts
rename to packages/utils/src/utils/__tests__/gateway.test.ts
index 59ec4fff5..93abf3fdf 100644
--- a/src/utils/__tests__/gateway.test.ts
+++ b/packages/utils/src/utils/__tests__/gateway.test.ts
@@ -1,4 +1,4 @@
-import { getExplorerLink, getHashedExplorerUrl, _replaceTemplate } from '../gateway'
+import { getExplorerLink, getHashedExplorerUrl, _replaceTemplate } from '@safe-global/utils/utils/gateway'
 
 describe('gateway', () => {
   describe('replaceTemplate', () => {
diff --git a/packages/utils/src/utils/__tests__/image.test.ts b/packages/utils/src/utils/__tests__/image.test.ts
new file mode 100644
index 000000000..07a9ccb0f
--- /dev/null
+++ b/packages/utils/src/utils/__tests__/image.test.ts
@@ -0,0 +1,54 @@
+import { upgradeCoinGeckoThumbToQuality } from '../image'
+
+describe('upgradeCoinGeckoThumbToQuality', () => {
+  it('should replace CoinGecko thumbnail URLs with large versions', () => {
+    const thumbnailUrl = 'https://coin-images.coingecko.com/coins/images/25244/thumb/Optimism.png'
+    const expectedUrl = 'https://coin-images.coingecko.com/coins/images/25244/large/Optimism.png'
+
+    expect(upgradeCoinGeckoThumbToQuality(thumbnailUrl, 'large')).toBe(expectedUrl)
+  })
+
+  it('should replace CoinGecko thumbnail URLs with small versions', () => {
+    const thumbnailUrl = 'https://coin-images.coingecko.com/coins/images/25244/thumb/Optimism.png'
+    const expectedUrl = 'https://coin-images.coingecko.com/coins/images/25244/small/Optimism.png'
+
+    expect(upgradeCoinGeckoThumbToQuality(thumbnailUrl, 'small')).toBe(expectedUrl)
+  })
+
+  it('should use small as default quality', () => {
+    const thumbnailUrl = 'https://coin-images.coingecko.com/coins/images/25244/thumb/Optimism.png'
+    const expectedUrl = 'https://coin-images.coingecko.com/coins/images/25244/small/Optimism.png'
+
+    expect(upgradeCoinGeckoThumbToQuality(thumbnailUrl)).toBe(expectedUrl)
+  })
+
+  it('should return unchanged URL if it does not contain /thumb/', () => {
+    const coingeckoUrl = 'https://coin-images.coingecko.com/coins/images/25244/small/Optimism.png'
+
+    expect(upgradeCoinGeckoThumbToQuality(coingeckoUrl, 'large')).toBe(coingeckoUrl)
+  })
+
+  it('should return unchanged URL if it is not from coingecko.com', () => {
+    const regularUrl = 'https://example.com/token-logo.png'
+
+    expect(upgradeCoinGeckoThumbToQuality(regularUrl, 'large')).toBe(regularUrl)
+  })
+
+  it('should return unchanged URL for non-CoinGecko URLs with /thumb/', () => {
+    const nonCoingeckoUrl = 'https://example.com/assets/thumb/token.png'
+
+    expect(upgradeCoinGeckoThumbToQuality(nonCoingeckoUrl, 'large')).toBe(nonCoingeckoUrl)
+  })
+
+  it('should handle null input', () => {
+    expect(upgradeCoinGeckoThumbToQuality(null, 'large')).toBeUndefined()
+  })
+
+  it('should handle undefined input', () => {
+    expect(upgradeCoinGeckoThumbToQuality(undefined, 'large')).toBeUndefined()
+  })
+
+  it('should handle empty string', () => {
+    expect(upgradeCoinGeckoThumbToQuality('', 'large')).toBe('')
+  })
+})
diff --git a/packages/utils/src/utils/__tests__/safe-setup-comparison.test.ts b/packages/utils/src/utils/__tests__/safe-setup-comparison.test.ts
new file mode 100644
index 000000000..97ad4d5c2
--- /dev/null
+++ b/packages/utils/src/utils/__tests__/safe-setup-comparison.test.ts
@@ -0,0 +1,123 @@
+import { areOwnersMatching, haveSameSetup, type SafeSetupData } from '../safe-setup-comparison'
+
+describe('safe-setup-comparison', () => {
+  describe('areOwnersMatching', () => {
+    it('should return true for identical owner arrays', () => {
+      const owners1 = ['0x1234', '0x5678', '0x9abc']
+      const owners2 = ['0x1234', '0x5678', '0x9abc']
+
+      expect(areOwnersMatching(owners1, owners2)).toBe(true)
+    })
+
+    it('should return true for owners in different order', () => {
+      const owners1 = ['0x1234', '0x5678', '0x9abc']
+      const owners2 = ['0x9abc', '0x1234', '0x5678']
+
+      expect(areOwnersMatching(owners1, owners2)).toBe(true)
+    })
+
+    it('should return false for different owner arrays', () => {
+      const owners1 = ['0x1234', '0x5678', '0x9abc']
+      const owners2 = ['0x1234', '0x5678', '0xdiff']
+
+      expect(areOwnersMatching(owners1, owners2)).toBe(false)
+    })
+
+    it('should return false for arrays of different lengths', () => {
+      const owners1 = ['0x1234', '0x5678']
+      const owners2 = ['0x1234', '0x5678', '0x9abc']
+
+      expect(areOwnersMatching(owners1, owners2)).toBe(false)
+    })
+
+    it('should return true for empty arrays', () => {
+      expect(areOwnersMatching([], [])).toBe(true)
+    })
+
+    it('should handle case-insensitive address comparison', () => {
+      const owners1 = ['0x1234ABCD', '0x5678EFGH']
+      const owners2 = ['0x1234abcd', '0x5678efgh']
+
+      expect(areOwnersMatching(owners1, owners2)).toBe(true)
+    })
+  })
+
+  describe('haveSameSetup', () => {
+    const createSafeSetup = (owners: string[], threshold: number): SafeSetupData => ({
+      owners: owners.map((owner) => ({ value: owner })),
+      threshold,
+    })
+
+    const createSafeSetupStrings = (owners: string[], threshold: number): SafeSetupData => ({
+      owners,
+      threshold,
+    })
+
+    it('should return true for identical safe setups with object owners', () => {
+      const safe1 = createSafeSetup(['0x1234', '0x5678'], 2)
+      const safe2 = createSafeSetup(['0x1234', '0x5678'], 2)
+
+      expect(haveSameSetup(safe1, safe2)).toBe(true)
+    })
+
+    it('should return true for identical safe setups with string owners', () => {
+      const safe1 = createSafeSetupStrings(['0x1234', '0x5678'], 2)
+      const safe2 = createSafeSetupStrings(['0x1234', '0x5678'], 2)
+
+      expect(haveSameSetup(safe1, safe2)).toBe(true)
+    })
+
+    it('should return true for safe setups with owners in different order', () => {
+      const safe1 = createSafeSetup(['0x1234', '0x5678'], 2)
+      const safe2 = createSafeSetup(['0x5678', '0x1234'], 2)
+
+      expect(haveSameSetup(safe1, safe2)).toBe(true)
+    })
+
+    it('should return false for different thresholds', () => {
+      const safe1 = createSafeSetup(['0x1234', '0x5678'], 1)
+      const safe2 = createSafeSetup(['0x1234', '0x5678'], 2)
+
+      expect(haveSameSetup(safe1, safe2)).toBe(false)
+    })
+
+    it('should return false for different owners', () => {
+      const safe1 = createSafeSetup(['0x1234', '0x5678'], 2)
+      const safe2 = createSafeSetup(['0x1234', '0x9abc'], 2)
+
+      expect(haveSameSetup(safe1, safe2)).toBe(false)
+    })
+
+    it('should return false when one safe is null', () => {
+      const safe1 = createSafeSetup(['0x1234', '0x5678'], 2)
+
+      expect(haveSameSetup(safe1, null)).toBe(false)
+      expect(haveSameSetup(null, safe1)).toBe(false)
+    })
+
+    it('should return false when one safe is undefined', () => {
+      const safe1 = createSafeSetup(['0x1234', '0x5678'], 2)
+
+      expect(haveSameSetup(safe1, undefined)).toBe(false)
+      expect(haveSameSetup(undefined, safe1)).toBe(false)
+    })
+
+    it('should return false when both safes are null', () => {
+      expect(haveSameSetup(null, null)).toBe(false)
+    })
+
+    it('should handle mixed owner formats (objects vs strings)', () => {
+      const safe1 = createSafeSetup(['0x1234', '0x5678'], 2)
+      const safe2 = createSafeSetupStrings(['0x1234', '0x5678'], 2)
+
+      expect(haveSameSetup(safe1, safe2)).toBe(true)
+    })
+
+    it('should handle case-insensitive addresses', () => {
+      const safe1 = createSafeSetup(['0x1234ABCD', '0x5678EFGH'], 2)
+      const safe2 = createSafeSetup(['0x1234abcd', '0x5678efgh'], 2)
+
+      expect(haveSameSetup(safe1, safe2)).toBe(true)
+    })
+  })
+})
diff --git a/src/utils/__tests__/validation.test.ts b/packages/utils/src/utils/__tests__/validation.test.ts
similarity index 95%
rename from src/utils/__tests__/validation.test.ts
rename to packages/utils/src/utils/__tests__/validation.test.ts
index ecd8b4e43..ce1a233e5 100644
--- a/src/utils/__tests__/validation.test.ts
+++ b/packages/utils/src/utils/__tests__/validation.test.ts
@@ -6,7 +6,7 @@ import {
   validateDecimalLength,
   isValidAddress,
   isValidURL,
-} from '@/utils/validation'
+} from '@safe-global/utils/utils/validation'
 
 describe('validation', () => {
   describe('Ethereum address validation', () => {
@@ -89,6 +89,11 @@ describe('validation', () => {
       const result2 = validateLimitedAmount('101', 18, '100000000000000000000')
       expect(result2).toBe('Maximum value is 100')
     })
+
+    it('returns a custom error message if provided', () => {
+      const result = validateLimitedAmount('101', 18, '100', 'Custom error message')
+      expect(result).toBe('Custom error message')
+    })
   })
 
   describe('Decimal length validation', () => {
diff --git a/src/utils/__tests__/web3.test.ts b/packages/utils/src/utils/__tests__/web3.test.ts
similarity index 93%
rename from src/utils/__tests__/web3.test.ts
rename to packages/utils/src/utils/__tests__/web3.test.ts
index 29a1cede6..5ec3fbadb 100644
--- a/src/utils/__tests__/web3.test.ts
+++ b/packages/utils/src/utils/__tests__/web3.test.ts
@@ -1,5 +1,5 @@
 import type { JsonRpcSigner } from 'ethers'
-import { signTypedData } from '../web3'
+import { signTypedData } from '@safe-global/utils/utils/web3'
 
 describe('web3', () => {
   describe('signTypedData', () => {
@@ -20,6 +20,7 @@ describe('web3', () => {
           EIP712Domain: [],
         },
         message: {},
+        primaryType: 'EIP712Domain',
       }
       const result = await signTypedData(signer as unknown as JsonRpcSigner, typedData)
       expect(result).toBe(mockSignature)
@@ -39,6 +40,7 @@ describe('web3', () => {
           EIP712Domain: [],
         },
         message: {},
+        primaryType: 'EIP712Domain',
       }
       await expect(signTypedData(signer as unknown as JsonRpcSigner, typedData)).rejects.toThrow('error')
     })
@@ -71,6 +73,7 @@ describe('web3', () => {
           safeTxHash: '0x1234567890123456789012345678901234567890123456789012345678901234',
           totp: Math.floor(Date.now() / 3600e3),
         },
+        primaryType: 'DeleteRequest',
       }
       const result = await signTypedData(signer as unknown as JsonRpcSigner, typedData)
       expect(result).toBe(mockSignature)
diff --git a/src/utils/addresses.ts b/packages/utils/src/utils/addresses.ts
similarity index 97%
rename from src/utils/addresses.ts
rename to packages/utils/src/utils/addresses.ts
index 7e5f64cc0..8c56c7506 100644
--- a/src/utils/addresses.ts
+++ b/packages/utils/src/utils/addresses.ts
@@ -60,7 +60,7 @@ export const formatPrefixedAddress = (address: string, prefix?: string): string
 }
 
 export const cleanInputValue = (value: string): string => {
-  const regex = /(?:([a-z0-9]+):)?(0x[a-f0-9]{40})\b/i
+  const regex = /(?:([^\s:]+):)?(0x[a-f0-9]{40})\b/i
   const match = value.match(regex)
   // if match, return the address with optional prefix
   if (match) return match[0]
diff --git a/packages/utils/src/utils/chains.ts b/packages/utils/src/utils/chains.ts
new file mode 100644
index 000000000..5cf2d8096
--- /dev/null
+++ b/packages/utils/src/utils/chains.ts
@@ -0,0 +1,83 @@
+import { getExplorerLink } from '@safe-global/utils/utils/gateway'
+import type { SafeVersion } from '@safe-global/types-kit'
+import { getSafeSingletonDeployment } from '@safe-global/safe-deployments'
+import semverSatisfies from 'semver/functions/satisfies'
+import { LATEST_SAFE_VERSION } from '@safe-global/utils/config/constants'
+import type { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+
+export enum FEATURES {
+  ERC721 = 'ERC721',
+  SAFE_APPS = 'SAFE_APPS',
+  DOMAIN_LOOKUP = 'DOMAIN_LOOKUP',
+  SPENDING_LIMIT = 'SPENDING_LIMIT',
+  EIP1559 = 'EIP1559',
+  SAFE_TX_GAS_OPTIONAL = 'SAFE_TX_GAS_OPTIONAL',
+  TX_SIMULATION = 'TX_SIMULATION',
+  DEFAULT_TOKENLIST = 'DEFAULT_TOKENLIST',
+  RELAYING = 'RELAYING',
+  EIP1271 = 'EIP1271',
+  RISK_MITIGATION = 'RISK_MITIGATION',
+  PUSH_NOTIFICATIONS = 'PUSH_NOTIFICATIONS',
+  NATIVE_WALLETCONNECT = 'NATIVE_WALLETCONNECT',
+  RECOVERY = 'RECOVERY',
+  COUNTERFACTUAL = 'COUNTERFACTUAL',
+  DELETE_TX = 'DELETE_TX',
+  SPEED_UP_TX = 'SPEED_UP_TX',
+  SAP_BANNER = 'SAP_BANNER',
+  NATIVE_SWAPS = 'NATIVE_SWAPS',
+  NATIVE_SWAPS_USE_COW_STAGING_SERVER = 'NATIVE_SWAPS_USE_COW_STAGING_SERVER',
+  NATIVE_SWAPS_FEE_ENABLED = 'NATIVE_SWAPS_FEE_ENABLED',
+  NATIVE_SWAPS_COW = 'NATIVE_SWAPS_COW',
+  ZODIAC_ROLES = 'ZODIAC_ROLES',
+  STAKING = 'STAKING',
+  STAKING_BANNER = 'STAKING_BANNER',
+  MULTI_CHAIN_SAFE_CREATION = 'MULTI_CHAIN_SAFE_CREATION',
+  MULTI_CHAIN_SAFE_ADD_NETWORK = 'MULTI_CHAIN_SAFE_ADD_NETWORK',
+  PROPOSERS = 'PROPOSERS',
+  TARGETED_SURVEY = 'TARGETED_SURVEY',
+  BRIDGE = 'BRIDGE',
+  RENEW_NOTIFICATIONS_TOKEN = 'RENEW_NOTIFICATIONS_TOKEN',
+  TX_NOTES = 'TX_NOTES',
+  NESTED_SAFES = 'NESTED_SAFES',
+  MASS_PAYOUTS = 'MASS_PAYOUTS',
+  SPACES = 'SPACES',
+  EARN = 'EARN',
+  MIXPANEL = 'MIXPANEL',
+}
+
+const MIN_SAFE_VERSION = '1.3.0'
+
+export const hasFeature = (chain: Pick<Chain, 'features'>, feature: FEATURES): boolean => {
+  return (chain.features as string[]).includes(feature)
+}
+
+export const getBlockExplorerLink = (
+  chain: Pick<Chain, 'blockExplorerUriTemplate'>,
+  address: string,
+): { href: string; title: string } | undefined => {
+  if (chain.blockExplorerUriTemplate) {
+    return getExplorerLink(address, chain.blockExplorerUriTemplate)
+  }
+}
+/** This version is used if a network does not have the LATEST_SAFE_VERSION deployed yet */
+const FALLBACK_SAFE_VERSION = '1.3.0' as const
+export const getLatestSafeVersion = (
+  chain: Pick<Chain, 'recommendedMasterCopyVersion' | 'chainId'> | undefined,
+): SafeVersion => {
+  const latestSafeVersion = chain?.recommendedMasterCopyVersion || LATEST_SAFE_VERSION
+
+  // Without version filter it will always return the LATEST_SAFE_VERSION constant to avoid automatically updating to the newest version if the deployments change
+  const latestDeploymentVersion = (getSafeSingletonDeployment({ network: chain?.chainId, released: true })?.version ??
+    FALLBACK_SAFE_VERSION) as SafeVersion
+
+  // The version needs to be smaller or equal to the
+  if (semverSatisfies(latestDeploymentVersion, `<=${latestSafeVersion}`)) {
+    return latestDeploymentVersion
+  } else {
+    return latestSafeVersion as SafeVersion
+  }
+}
+
+export const isNonCriticalUpdate = (version?: string | null) => {
+  return version && semverSatisfies(version, `>= ${MIN_SAFE_VERSION}`)
+}
diff --git a/packages/utils/src/utils/date.ts b/packages/utils/src/utils/date.ts
new file mode 100644
index 000000000..eb52304cc
--- /dev/null
+++ b/packages/utils/src/utils/date.ts
@@ -0,0 +1,54 @@
+import { format, formatDistanceToNow, formatRelative } from 'date-fns'
+import { maybePlural } from './formatters'
+
+export const currentMinutes = (): number => Math.floor(Date.now() / (1000 * 60))
+
+export const relativeTime = (baseTimeMin: string, resetTimeMin: string): string => {
+  if (resetTimeMin === '0') {
+    return 'One-time'
+  }
+
+  const baseTimeSeconds = +baseTimeMin * 60
+  const resetTimeSeconds = +resetTimeMin * 60
+  const nextResetTimeMilliseconds = (baseTimeSeconds + resetTimeSeconds) * 1000
+
+  return formatRelative(nextResetTimeMilliseconds, Date.now())
+}
+
+export const formatWithSchema = (timestamp: number, schema: string): string => format(timestamp, schema)
+
+export const formatTime = (timestamp: number): string => formatWithSchema(timestamp, 'h:mm a')
+
+export const formatDateTime = (timestamp: number): string => formatWithSchema(timestamp, 'MMM d, yyyy - h:mm:ss a')
+
+export const formatTimeInWords = (timestamp: number): string => formatDistanceToNow(timestamp, { addSuffix: true })
+
+export function getCountdown(seconds: number): { days: number; hours: number; minutes: number } {
+  const MINUTE_IN_SECONDS = 60
+  const HOUR_IN_SECONDS = 60 * MINUTE_IN_SECONDS
+  const DAY_IN_SECONDS = 24 * HOUR_IN_SECONDS
+
+  const days = Math.floor(seconds / DAY_IN_SECONDS)
+
+  const remainingSeconds = seconds % DAY_IN_SECONDS
+  const hours = Math.floor(remainingSeconds / HOUR_IN_SECONDS)
+  const minutes = Math.floor((remainingSeconds % HOUR_IN_SECONDS) / MINUTE_IN_SECONDS)
+
+  return { days, hours, minutes }
+}
+
+export function getPeriod(seconds: number): string | undefined {
+  const { days, hours, minutes } = getCountdown(seconds)
+
+  if (days > 0) {
+    return `${days} day${maybePlural(days)}`
+  }
+
+  if (hours > 0) {
+    return `${hours} hour${maybePlural(hours)}`
+  }
+
+  if (minutes > 0) {
+    return `${minutes} minute${maybePlural(minutes)}`
+  }
+}
diff --git a/packages/utils/src/utils/formatNumber.ts b/packages/utils/src/utils/formatNumber.ts
new file mode 100644
index 000000000..d6af401ad
--- /dev/null
+++ b/packages/utils/src/utils/formatNumber.ts
@@ -0,0 +1,103 @@
+import memoize from 'lodash/memoize'
+
+const locale = typeof navigator !== 'undefined' ? navigator.language : undefined
+
+const _getNumberFormatter = (maximumFractionDigits?: number, compact?: boolean) => {
+  return new Intl.NumberFormat(locale, {
+    style: 'decimal',
+    maximumFractionDigits,
+    notation: compact ? 'compact' : 'standard',
+  })
+}
+const getNumberFormatter = memoize(_getNumberFormatter, (...args: Parameters<typeof _getNumberFormatter>) =>
+  args.join(''),
+)
+
+const _getCurrencyFormatter = (
+  currency: string,
+  compact?: boolean,
+  maximumFractionDigits?: number,
+  minimumFractionDigits?: number,
+) => {
+  return new Intl.NumberFormat(locale, {
+    style: 'currency',
+    currency,
+    currencyDisplay: 'narrowSymbol',
+    maximumFractionDigits,
+    minimumFractionDigits,
+    notation: compact ? 'compact' : 'standard',
+  })
+}
+const getCurrencyFormatter = memoize(_getCurrencyFormatter, (...args: Parameters<typeof _getCurrencyFormatter>) =>
+  args.join(''),
+)
+
+/**
+ * Intl.NumberFormat number formatter that adheres to our style guide
+ * @param number Number to format
+ */
+export const formatAmount = (number: string | number, precision = 5, maxLength = 6): string => {
+  const float = Number(number)
+  if (float === 0) return '0'
+  if (float === Math.round(float)) precision = 0
+  if (Math.abs(float) < 0.00001) return '< 0.00001'
+
+  const fullNum = getNumberFormatter(precision).format(float)
+
+  // +3 for the decimal point and the two decimal places
+  if (fullNum.length <= maxLength + 3) return fullNum
+
+  return getNumberFormatter(2, true).format(float)
+}
+
+/**
+ * Returns a formatted number with a defined precision not adhering to our style guide compact notation
+ * @param number Number to format
+ * @param precision Fraction digits to show
+ */
+export const formatAmountPrecise = (number: string | number, precision?: number): string => {
+  return getNumberFormatter(precision).format(Number(number))
+}
+
+/**
+ * Currency formatter that appends the currency code
+ * @param number Number to format
+ * @param currency ISO 4217 currency code
+ */
+export const formatCurrency = (number: string | number, currency: string, maxLength = 6): string => {
+  const float = Number(number)
+
+  let result = getCurrencyFormatter(currency, false, Math.abs(float) >= 1 || float === 0 ? 0 : 2).format(float)
+
+  // +1 for the currency symbol
+  if (result.length > maxLength + 1) {
+    result = getCurrencyFormatter(currency, true, 2).format(float)
+  }
+
+  return result.replace(/^(\D+)/, '$1 ')
+}
+
+export const formatCurrencyPrecise = (number: string | number, currency: string): string => {
+  const result = getCurrencyFormatter(currency, false, 2, 2).format(Number(number))
+  return result.replace(/^(\D+)/, '$1 ')
+}
+
+/**
+ * Safely compute the ratio `balance / total`.
+ *
+ * @param balance  The asset’s fiat balance
+ * @param total    The overall fiat total
+ * @returns A number between 0 and 1.  Returns 0 when the inputs are non-numeric, Infinity, or when total ≤ 0.
+ */
+export function percentageOfTotal(balance: number | string, total: number | string): number {
+  const totalNum = Number(total)
+  const balanceNum = Number(balance)
+
+  // invalid, zero or negative totals → return 0 to avoid division by 0/−n
+  if (!Number.isFinite(totalNum) || totalNum <= 0) return 0
+
+  // invalid balances → treat as 0 so the overall percentage still works
+  if (!Number.isFinite(balanceNum)) return 0
+
+  return balanceNum / totalNum
+}
diff --git a/packages/utils/src/utils/formatters.ts b/packages/utils/src/utils/formatters.ts
new file mode 100644
index 000000000..17858fb6c
--- /dev/null
+++ b/packages/utils/src/utils/formatters.ts
@@ -0,0 +1,122 @@
+import type { BigNumberish } from 'ethers'
+import { formatUnits, parseUnits } from 'ethers'
+import { formatAmount, formatAmountPrecise } from '@safe-global/utils/utils/formatNumber'
+import { formatDuration, intervalToDuration } from 'date-fns'
+
+const GWEI = 'gwei'
+
+export const _removeTrailingZeros = (value: string): string => {
+  // Match `.000` or `.01000`
+  return value.replace(/\.0+$/, '').replace(/(\..*?)0+$/, '$1')
+}
+
+/**
+ * Converts value to raw, specified decimal precision
+ * @param value value in unspecified unit
+ * @param decimals decimals of the specified value or unit name
+ * @returns value at specified decimals, i.e. 0.000000000000000001
+ */
+export const safeFormatUnits = (value: BigNumberish, decimals?: number | string | null): string => {
+  decimals = decimals ?? GWEI
+  try {
+    const formattedAmount = formatUnits(value, decimals)
+
+    // ethers' `formatFixed` doesn't remove trailing 0s and using `parseFloat` can return exponentials
+    return _removeTrailingZeros(formattedAmount)
+  } catch (err) {
+    console.error('Error formatting units', err)
+    return ''
+  }
+}
+
+/**
+ * Converts value to formatted (https://github.com/5afe/safe/wiki/How-to-format-amounts), specified decimal precision
+ * @param value value in unspecified unit
+ * @param decimals decimals of the specified value or unit name
+ * @returns value at specified decimals, formatted, i.e. -< 0.00001
+ */
+export const formatVisualAmount = (
+  value: BigNumberish,
+  decimals?: number | string | null,
+  precision?: number,
+): string => {
+  const amount = safeFormatUnits(value, decimals ?? GWEI)
+  return precision !== undefined ? formatAmountPrecise(amount, precision) : formatAmount(amount)
+}
+
+export const safeParseUnits = (value: string, decimals?: number | string | null): bigint | undefined => {
+  try {
+    return parseUnits(value, decimals ?? GWEI)
+  } catch (err) {
+    console.error('Error parsing units', err)
+    return
+  }
+}
+
+export const shortenAddress = (address: string, length = 4): string => {
+  if (!address) {
+    return ''
+  }
+
+  return `${address.slice(0, length + 2)}...${address.slice(-length)}`
+}
+
+export const shortenText = (text: string, length = 10, separator = '…'): string => {
+  return `${text.slice(0, length)}${separator}`
+}
+
+export const dateString = (date: number) => {
+  const formatterOptions: Intl.DateTimeFormatOptions = {
+    month: 'numeric',
+    day: 'numeric',
+    year: 'numeric',
+    hour: 'numeric',
+    minute: 'numeric',
+    second: 'numeric',
+  }
+  return new Intl.DateTimeFormat(undefined, formatterOptions).format(new Date(date))
+}
+
+export const camelCaseToSpaces = (str: string): string => {
+  return str.replace(/[a-z0-9](?=[A-Z])/g, (str) => str + ' ')
+}
+
+export const ellipsis = (str: string, length: number): string => {
+  return str.length > length ? `${str.slice(0, length)}...` : str
+}
+
+export const capitalize = (str: string): string => {
+  return str.slice(0, 1).toUpperCase() + str.slice(1)
+}
+
+// Format the error message
+export const formatError = (error: Error & { reason?: string }): string => {
+  let { reason } = error
+  if (!reason) return ''
+  if (!reason.endsWith('.')) reason += '.'
+  return ` ${capitalize(reason)}`
+}
+
+export const formatDurationFromMilliseconds = (
+  seconds: number,
+  format: Array<'years' | 'months' | 'days' | 'hours' | 'minutes' | 'seconds'> = ['hours', 'minutes'],
+) => {
+  const duration = intervalToDuration({ start: 0, end: seconds })
+  return formatDuration(duration, { format })
+}
+
+export const maybePlural = (quantity: number | unknown[]) => {
+  quantity = Array.isArray(quantity) ? quantity.length : quantity
+  return quantity === 1 ? '' : 's'
+}
+
+export const formatPercentage = (value: number, hideFractions?: boolean) => {
+  const fraction = hideFractions ? 0 : 2
+
+  return new Intl.NumberFormat(undefined, {
+    style: 'percent',
+    maximumFractionDigits: fraction,
+    signDisplay: 'never',
+    minimumFractionDigits: fraction,
+  }).format(value)
+}
diff --git a/packages/utils/src/utils/gateway.ts b/packages/utils/src/utils/gateway.ts
new file mode 100644
index 000000000..826502bd7
--- /dev/null
+++ b/packages/utils/src/utils/gateway.ts
@@ -0,0 +1,27 @@
+import { type Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+
+export const _replaceTemplate = (uri: string, data: Record<string, string>): string => {
+  // Template syntax returned from gateway is {{this}}
+  const TEMPLATE_REGEX = /\{\{([^}]+)\}\}/g
+
+  return uri.replace(TEMPLATE_REGEX, (_, key: string) => data[key])
+}
+
+export const getHashedExplorerUrl = (
+  hash: string,
+  blockExplorerUriTemplate: Chain['blockExplorerUriTemplate'],
+): string => {
+  const isTx = hash.length > 42
+  const param = isTx ? 'txHash' : 'address'
+
+  return _replaceTemplate(blockExplorerUriTemplate[param], { [param]: hash })
+}
+export const getExplorerLink = (
+  hash: string,
+  blockExplorerUriTemplate: Chain['blockExplorerUriTemplate'],
+): { href: string; title: string } => {
+  const href = getHashedExplorerUrl(hash, blockExplorerUriTemplate)
+  const title = `View on ${new URL(href).hostname}`
+
+  return { href, title }
+}
diff --git a/packages/utils/src/utils/helpers.ts b/packages/utils/src/utils/helpers.ts
new file mode 100644
index 000000000..d75982c9e
--- /dev/null
+++ b/packages/utils/src/utils/helpers.ts
@@ -0,0 +1,7 @@
+export function invariant<T extends unknown>(condition: T, error: string): asserts condition {
+  if (condition) {
+    return
+  }
+
+  throw new Error(error)
+}
diff --git a/packages/utils/src/utils/hex.ts b/packages/utils/src/utils/hex.ts
new file mode 100644
index 000000000..7bac3d848
--- /dev/null
+++ b/packages/utils/src/utils/hex.ts
@@ -0,0 +1,3 @@
+export const isEmptyHexData = (encodedData: string): boolean => encodedData !== '' && isNaN(parseInt(encodedData, 16))
+
+export const numberToHex = (value: number | bigint): `0x${string}` => `0x${value.toString(16)}`
diff --git a/packages/utils/src/utils/image.ts b/packages/utils/src/utils/image.ts
new file mode 100644
index 000000000..69b4240d5
--- /dev/null
+++ b/packages/utils/src/utils/image.ts
@@ -0,0 +1,19 @@
+const COINGECKO_THUMB = '/thumb/'
+const COINGECKO_DOMAIN = 'coingecko.com'
+
+type CoinGeckoImageQuality = 'small' | 'large'
+
+export const upgradeCoinGeckoThumbToQuality = (
+  logoUri?: string | null,
+  quality: CoinGeckoImageQuality = 'small',
+): string | undefined => {
+  if (logoUri === null || logoUri === undefined) {
+    return undefined
+  }
+
+  if (logoUri === '' || !logoUri.includes(COINGECKO_DOMAIN)) {
+    return logoUri
+  }
+
+  return logoUri.replace(COINGECKO_THUMB, `/${quality}/`)
+}
diff --git a/packages/utils/src/utils/multicall/deployments.ts b/packages/utils/src/utils/multicall/deployments.ts
new file mode 100644
index 000000000..c620e3d14
--- /dev/null
+++ b/packages/utils/src/utils/multicall/deployments.ts
@@ -0,0 +1,1454 @@
+type MulticallDeployment = {
+  name: string
+  chainId: number
+  url: string
+  address?: string
+}
+
+export const CANONICAL_MULTICALL_ADDRESSS = '0xca11bde05977b3631167028862be2a173976ca11'
+
+export const MULTICALL_DEPLOYMENTS: MulticallDeployment[] = [
+  {
+    name: 'Mainnet',
+    chainId: 1,
+    url: 'https://etherscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Kovan',
+    chainId: 42,
+    url: 'https://kovan.etherscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Rinkeby',
+    chainId: 4,
+    url: 'https://rinkeby.etherscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Görli',
+    chainId: 5,
+    url: 'https://goerli.etherscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Ropsten',
+    chainId: 3,
+    url: 'https://ropsten.etherscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Sepolia',
+    chainId: 11155111,
+    url: 'https://sepolia.etherscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Holesky',
+    chainId: 17000,
+    url: 'https://holesky.etherscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Story',
+    chainId: 1514,
+    url: 'https://www.storyscan.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Story Aeneid Testnet',
+    chainId: 1315,
+    url: 'https://aeneid.storyscan.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Xterio Chain',
+    chainId: 112358,
+    url: 'https://xterscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Xterio Testnet',
+    chainId: 1637450,
+    url: 'https://testnet.xterscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Optimism',
+    chainId: 10,
+    url: 'https://optimistic.etherscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Optimism Kovan',
+    chainId: 69,
+    url: 'https://kovan-optimistic.etherscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Optimism Görli',
+    chainId: 420,
+    url: 'https://blockscout.com/optimism/goerli/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Optimism Sepolia',
+    chainId: 11155420,
+    url: 'https://optimism-sepolia.blockscout.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Arbitrum',
+    chainId: 42161,
+    url: 'https://arbiscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Arbitrum Nova',
+    chainId: 42170,
+    url: 'https://nova.arbiscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Arbitrum Görli',
+    chainId: 421613,
+    url: 'https://goerli-rollup-explorer.arbitrum.io/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Arbitrum Sepolia',
+    chainId: 421614,
+    url: 'https://sepolia-explorer.arbitrum.io/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Arbitrum Rinkeby',
+    chainId: 421611,
+    url: 'https://testnet.arbiscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Stylus Testnet',
+    chainId: 23011913,
+    url: 'https://stylus-testnet-explorer.arbitrum.io/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Polygon',
+    chainId: 137,
+    url: 'https://polygonscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Mumbai',
+    chainId: 80001,
+    url: 'https://mumbai.polygonscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Amoy',
+    chainId: 80002,
+    url: 'https://amoy.polygonscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Polygon zkEVM',
+    chainId: 1101,
+    url: 'https://zkevm.polygonscan.com/address/0xca11bde05977b3631167028862be2a173976ca11#code',
+  },
+  {
+    name: 'Polygon zkEVM Testnet',
+    chainId: 1442,
+    url: 'https://testnet-zkevm.polygonscan.com/address/0xca11bde05977b3631167028862be2a173976ca11#code',
+  },
+  {
+    name: 'Cardona zkEVM Testnet',
+    chainId: 2442,
+    url: 'https://cardona-zkevm.polygonscan.com/address/0xca11bde05977b3631167028862be2a173976ca11#code',
+  },
+  {
+    name: 'Gnosis Chain (xDai)',
+    chainId: 100,
+    url: 'https://blockscout.com/xdai/mainnet/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Chiado (Gnosis Chain Testnet)',
+    chainId: 10200,
+    url: 'https://blockscout.chiadochain.net/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Avalanche',
+    chainId: 43114,
+    url: 'https://snowtrace.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Avalanche Fuji',
+    chainId: 43113,
+    url: 'https://testnet.snowtrace.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Fantom Testnet',
+    chainId: 4002,
+    url: 'https://testnet.ftmscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Fantom Opera',
+    chainId: 250,
+    url: 'https://ftmscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Fantom Sonic',
+    chainId: 64240,
+    url: 'https://public-sonic.fantom.network/address/0xca11bde05977b3631167028862be2a173976ca11',
+  },
+  {
+    name: 'Sonic Network',
+    chainId: 146,
+    url: 'https://sonicscan.org/address/0xca11bde05977b3631167028862be2a173976ca11',
+  },
+  {
+    name: 'BNB Smart Chain',
+    chainId: 56,
+    url: 'https://bscscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'BNB Smart Chain Testnet',
+    chainId: 97,
+    url: 'https://testnet.bscscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'opBNB Testnet',
+    chainId: 5611,
+    url: 'https://opbnbscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?p=1&tab=Contract',
+  },
+  {
+    name: 'opBNB Mainnet',
+    chainId: 204,
+    url: 'https://mainnet.opbnbscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?p=1&tab=Contract',
+  },
+  {
+    name: 'Moonbeam',
+    chainId: 1284,
+    url: 'https://moonscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Moonriver',
+    chainId: 1285,
+    url: 'https://moonriver.moonscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Moonbase Alpha Testnet',
+    chainId: 1287,
+    url: 'https://moonbase.moonscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Palm',
+    chainId: 11297108109,
+    url: 'https://palm.chainlens.com/contracts/0xca11bde05977b3631167028862be2a173976ca11/sources',
+  },
+  {
+    name: 'Palm Testnet',
+    chainId: 11297108099,
+    url: 'https://testnet.palm.chainlens.com/contracts/0xca11bde05977b3631167028862be2a173976ca11/sources',
+  },
+  {
+    name: 'Harmony',
+    chainId: 1666600000,
+    url: 'https://explorer.harmony.one/address/0xcA11bde05977b3631167028862bE2a173976CA11?activeTab=7',
+  },
+  {
+    name: 'Cronos',
+    chainId: 25,
+    url: 'https://cronoscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Cronos Testnet',
+    chainId: 338,
+    url: 'https://cronos.org/explorer/testnet3/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Reya Cronos',
+    chainId: 89346162,
+    url: 'https://reya-cronos.blockscout.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Reya Network',
+    chainId: 1729,
+    url: 'https://explorer.reya.network/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Fuse',
+    chainId: 122,
+    url: 'https://explorer.fuse.io/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Flare Mainnet',
+    chainId: 14,
+    url: 'https://flare-explorer.flare.network/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Songbird Canary Network',
+    chainId: 19,
+    url: 'https://songbird-explorer.flare.network/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Coston Testnet',
+    chainId: 16,
+    url: 'https://coston-explorer.flare.network/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Coston2 Testnet',
+    chainId: 114,
+    url: 'https://coston2-explorer.flare.network/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Boba',
+    chainId: 288,
+    url: 'https://blockexplorer.boba.network/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Aurora',
+    chainId: 1313161554,
+    url: 'https://explorer.mainnet.aurora.dev/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Astar',
+    chainId: 592,
+    url: 'https://blockscout.com/astar/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Astar zKyoto Testnet',
+    chainId: 6038361,
+    url: 'https://zkyoto.explorer.startale.com/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Astar zkEVM',
+    chainId: 3776,
+    url: 'https://astar-zkevm.explorer.startale.com/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'OKC',
+    chainId: 66,
+    url: 'https://www.oklink.com/en/okc/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Heco Chain',
+    chainId: 128,
+    url: 'https://hecoinfo.com/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Metis Andromeda',
+    chainId: 1088,
+    url: 'https://andromeda-explorer.metis.io/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Metis Goerli',
+    chainId: 599,
+    url: 'https://goerli.explorer.metisdevops.link/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Metis Sepolia',
+    chainId: 59902,
+    url: 'https://sepolia-explorer.metisdevops.link/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Over Protocol',
+    chainId: 54176,
+    url: 'https://scan.over.network/address/0x03657CDcDA1523C073b5e09c37dd199E6fBD1b99',
+  },
+  {
+    name: 'Over Protocol Dolphin Testnet',
+    chainId: 541764,
+    url: 'https://dolphin-scan.over.network/address/0x03657CDcDA1523C073b5e09c37dd199E6fBD1b99',
+  },
+  {
+    name: 'RSK',
+    chainId: 30,
+    url: 'https://explorer.rsk.co/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'RSK Testnet',
+    chainId: 31,
+    url: 'https://explorer.testnet.rsk.co/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Evmos',
+    chainId: 9001,
+    url: 'https://evm.evmos.org/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Evmos Testnet',
+    chainId: 9000,
+    url: 'https://evm.evmos.dev/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Thundercore',
+    chainId: 108,
+    url: 'https://viewblock.io/thundercore/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=code',
+  },
+  {
+    name: 'Thundercore Testnet',
+    chainId: 18,
+    url: 'https://explorer-testnet.thundercore.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Oasis',
+    chainId: 42262,
+    url: 'https://explorer.emerald.oasis.dev/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Oasis Sapphire',
+    chainId: 23294,
+    url: 'https://explorer.sapphire.oasis.io/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Celo',
+    chainId: 42220,
+    url: 'https://explorer.celo.org/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Celo Alfajores Testnet',
+    chainId: 44787,
+    url: 'https://explorer.celo.org/alfajores/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Godwoken',
+    chainId: 71402,
+    url: 'https://v1.gwscan.com/account/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Godwoken Testnet',
+    chainId: 71401,
+    url: 'https://gw-explorer.nervosdao.community/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Klaytn',
+    chainId: 8217,
+    url: 'https://scope.klaytn.com/account/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Klaytn Testnet (Baobab)',
+    chainId: 1001,
+    url: 'https://baobab.klaytnscope.com/account/0xca11bde05977b3631167028862be2a173976ca11?tabId=contractCode',
+  },
+  {
+    name: 'Milkomeda',
+    chainId: 2001,
+    url: 'https://explorer-mainnet-cardano-evm.c1.milkomeda.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'KCC',
+    chainId: 321,
+    url: 'https://explorer.kcc.io/en/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Velas',
+    chainId: 106,
+    url: 'https://evmexplorer.velas.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Telos',
+    chainId: 40,
+    url: 'https://www.teloscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#contract',
+  },
+  {
+    name: 'Step Network',
+    chainId: 1234,
+    url: 'https://stepscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Canto',
+    chainId: 7700,
+    url: 'https://tuber.build/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Canto Testnet',
+    chainId: 7701,
+    url: 'https://testnet.tuber.build/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Iotex',
+    chainId: 4689,
+    url: 'https://iotexscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#transactions',
+  },
+  {
+    name: 'Bitgert',
+    chainId: 32520,
+    url: 'https://brisescan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Kava',
+    chainId: 2222,
+    url: 'https://explorer.kava.io/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Mantle Sepolia Testnet',
+    chainId: 5003,
+    url: 'https://explorer.sepolia.mantle.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Mantle Testnet',
+    chainId: 5001,
+    url: 'https://explorer.testnet.mantle.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Mantle',
+    chainId: 5000,
+    url: 'https://explorer.mantle.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Shardeum Sphinx',
+    chainId: 8082,
+    url: 'https://explorer.testnet.mantle.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Base Testnet (Goerli)',
+    chainId: 84531,
+    url: 'https://goerli.basescan.org/address/0xca11bde05977b3631167028862be2a173976ca11#code',
+  },
+  {
+    name: 'Base Testnet (Sepolia)',
+    chainId: 84532,
+    url: 'https://base-sepolia.blockscout.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Base',
+    chainId: 8453,
+    url: 'https://basescan.org/address/0xca11bde05977b3631167028862be2a173976ca11#code',
+  },
+  {
+    name: 'Kroma Testnet (Sepolia)',
+    chainId: 2358,
+    url: 'https://sepolia.kromascan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Kroma',
+    chainId: 255,
+    url: 'https://kromascan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'DeFiChain EVM Mainnet',
+    chainId: 1130,
+    url: 'https://meta.defiscan.live/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'DeFiChain EVM Testnet',
+    chainId: 1131,
+    url: 'https://meta.defiscan.live/address/0xcA11bde05977b3631167028862bE2a173976CA11?network=TestNet',
+  },
+  {
+    name: 'Defi Oracle Meta Mainnet',
+    chainId: 138,
+    url: 'https://blockscout.defi-oracle.io/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'DFK Chain Test',
+    chainId: 335,
+    url: 'https://subnets-test.avax.network/defi-kingdoms/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'DFK Chain',
+    chainId: 53935,
+    url: 'https://subnets.avax.network/defi-kingdoms/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Neon EVM DevNet',
+    chainId: 245022926,
+    url: 'https://devnet.neonscan.org/address/0xcA11bde05977b3631167028862bE2a173976CA11#contract',
+  },
+  {
+    name: 'Linea Sepolia Testnet',
+    chainId: 59141,
+    url: 'https://sepolia.lineascan.build/address/0xca11bde05977b3631167028862be2a173976ca11#code',
+  },
+  {
+    name: 'Linea Goerli Testnet',
+    chainId: 59140,
+    url: 'https://explorer.goerli.linea.build/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Linea Mainnet',
+    chainId: 59144,
+    url: 'https://lineascan.build/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Hashbit',
+    chainId: 11119,
+    url: 'https://explorer.hashbit.org/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Syscoin',
+    chainId: 57,
+    url: 'https://explorer.syscoin.org/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Syscoin Rollux Mainnet',
+    chainId: 570,
+    url: 'https://explorer.rollux.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Syscoin Tannebaum Testnet',
+    chainId: 5700,
+    url: 'https://tanenbaum.io/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Syscoin Tannebaum Rollux',
+    chainId: 57000,
+    url: 'https://rollux.tanenbaum.io/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Pulsechain v4 Testnet',
+    chainId: 943,
+    url: 'https://scan.v4.testnet.pulsechain.com/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Pulsechain Mainnet',
+    chainId: 369,
+    url: 'https://scan.pulsechain.com/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Zora Goerli Testnet',
+    chainId: 999,
+    url: 'https://testnet.explorer.zora.co/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Zora',
+    chainId: 7777777,
+    url: 'https://explorer.zora.co/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Zora Sepolia Testnet',
+    chainId: 999999999,
+    url: 'https://sepolia.explorer.zora.energy/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Darwinia Crab Network',
+    chainId: 44,
+    url: 'https://crab.subscan.io/account/0xca11bde05977b3631167028862be2a173976ca11',
+  },
+  {
+    name: 'Darwinia Network',
+    chainId: 46,
+    url: 'https://darwinia.subscan.io/account/0xca11bde05977b3631167028862be2a173976ca11',
+  },
+  {
+    name: 'Chain Verse Mainnet',
+    chainId: 5555,
+    url: 'https://explorer.chainverse.info/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Scroll Alpha Testnet',
+    chainId: 534353,
+    url: 'https://blockscout.scroll.io/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Scroll Sepolia Testnet',
+    chainId: 534351,
+    url: 'https://sepolia.scrollscan.dev/address/0xca11bde05977b3631167028862be2a173976ca11#code',
+  },
+  {
+    name: 'Scroll',
+    chainId: 534352,
+    url: 'https://scrollscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Xodex',
+    chainId: 2415,
+    url: 'https://explorer.xo-dex.com/contracts/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'EOS EVM Testnet',
+    chainId: 15557,
+    url: 'https://explorer.testnet.evm.eosnetwork.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'EOS EVM',
+    chainId: 17777,
+    url: 'https://explorer.evm.eosnetwork.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Crossbell',
+    chainId: 3737,
+    url: 'https://scan.crossbell.io/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Dogechain',
+    chainId: 2000,
+    url: 'https://explorer.dogechain.dog/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'MEVerse Chain Testnet',
+    chainId: 4759,
+    url: 'https://testnet.meversescan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'MEVerse Chain Mainnet',
+    chainId: 7518,
+    url: 'https://meversescan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'SKALE Calypso Testnet',
+    chainId: 974399131,
+    url: 'https://giant-half-dual-testnet.explorer.testnet.skalenodes.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'SKALE Europa Testnet',
+    chainId: 1444673419,
+    url: 'https://juicy-low-small-testnet.explorer.testnet.skalenodes.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'SKALE Nebula Testnet',
+    chainId: 37084624,
+    url: 'https://lanky-ill-funny-testnet.explorer.testnet.skalenodes.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'SKALE Titan Testnet',
+    chainId: 1020352220,
+    url: 'https://aware-fake-trim-testnet.explorer.testnet.skalenodes.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'SKALE Calypso Hub',
+    chainId: 1564830818,
+    url: 'https://honorable-steel-rasalhague.explorer.mainnet.skalenodes.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'SKALE Europa Liquidity Hub',
+    chainId: 2046399126,
+    url: 'https://elated-tan-skat.explorer.mainnet.skalenodes.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'SKALE Nebula Gaming Hub',
+    chainId: 1482601649,
+    url: 'https://green-giddy-denebola.explorer.mainnet.skalenodes.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'SKALE Titan AI Hub',
+    chainId: 1350216234,
+    url: 'https://parallel-stormy-spica.explorer.mainnet.skalenodes.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Ronin Saigon Testnet',
+    chainId: 2021,
+    url: 'https://saigon-app.roninchain.com/address/ronin:ca11bde05977b3631167028862be2a173976ca11?t=contract',
+  },
+  {
+    name: 'Ronin Mainnet',
+    chainId: 2020,
+    url: 'https://app.roninchain.com/address/ronin:ca11bde05977b3631167028862be2a173976ca11',
+  },
+  {
+    name: 'Qitmeer Testnet',
+    chainId: 8131,
+    url: 'https://testnet-qng.qitmeer.io/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Qitmeer QNG Mainnet',
+    chainId: 813,
+    url: 'https://qng.meerscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Q Testnet',
+    chainId: 35443,
+    url: 'https://explorer.qtestnet.org/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Q Devnet',
+    chainId: 35442,
+    url: 'https://explorer.qdevnet.org/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Q Mainnet',
+    chainId: 35441,
+    url: 'https://explorer.q.org/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Neon Mainnet',
+    chainId: 245022934,
+    url: 'https://neonscan.org/address/0xca11bde05977b3631167028862be2a173976ca11#contract',
+  },
+  {
+    name: 'LUKSO Testnet',
+    chainId: 4201,
+    url: 'https://explorer.execution.testnet.lukso.network/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'LUKSO Mainnet',
+    chainId: 42,
+    url: 'https://explorer.execution.mainnet.lukso.network/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Edgeware EdgeEVM',
+    chainId: 2021,
+    url: 'https://edgscan.live/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts',
+  },
+  {
+    name: 'Meter Testnet',
+    chainId: 83,
+    url: 'https://scan-warringstakes.meter.io/address/0xca11bde05977b3631167028862be2a173976ca11?tab=0&p=1',
+  },
+  {
+    name: 'Meter',
+    chainId: 82,
+    url: 'https://scan.meter.io/address/0xca11bde05977b3631167028862be2a173976ca11?tab=0&p=1',
+  },
+  {
+    name: 'Sepolia PGN (Public Goods Network) Testnet',
+    chainId: 58008,
+    url: 'https://explorer.sepolia.publicgoods.network/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'PGN (Public Goods Network)',
+    chainId: 424,
+    url: 'https://explorer.publicgoods.network/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'ShimmerEVM',
+    chainId: 148,
+    url: 'https://explorer.evm.shimmer.network/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Highbury EVM',
+    chainId: 710,
+    url: 'https://explorer.furya.io/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Arthera Testnet',
+    chainId: 10243,
+    url: 'https://explorer-test.arthera.net/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Arthera Mainnet',
+    chainId: 10242,
+    url: 'https://explorer.arthera.net/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Manta Pacific Mainnet',
+    chainId: 169,
+    url: 'https://pacific-explorer.manta.network/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Jolnir (Taiko Testnet)',
+    chainId: 167007,
+    url: 'https://explorer.jolnir.taiko.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Katla (Taiko A6 Testnet)',
+    chainId: 167008,
+    url: 'https://explorer.katla.taiko.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Filecoin Mainnet',
+    chainId: 314,
+    url: 'https://filfox.info/en/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Filecoin Calibration Testnet',
+    chainId: 314159,
+    url: 'https://calibration.filscan.io/en/tx/0xdbfa261cd7d17bb40479a0493ad6c0fee435859e37aae73aa7e803f3122cc465/',
+  },
+  {
+    name: 'Fusion',
+    chainId: 32659,
+    url: 'https://fsnscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11#contract',
+  },
+  {
+    name: 'Fusion Testnet',
+    chainId: 46688,
+    url: 'https://testnet.fsnscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11#contract',
+  },
+  {
+    name: 'Xai Testnet',
+    chainId: 47279324479,
+    url: 'https://testnet-explorer.xai-chain.net/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'JFIN Chain',
+    chainId: 3501,
+    url: 'https://jfinscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'JFIN Chain Testnet',
+    chainId: 3502,
+    url: 'https://testnet.jfinscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Chiliz Chain',
+    chainId: 88888,
+    url: 'https://scan.chiliz.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Chiliz Spicy Testnet',
+    chainId: 88882,
+    url: 'https://testnet.chiliscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11/contract/88882/code',
+  },
+  {
+    name: 'CORE',
+    chainId: 1116,
+    url: 'https://scan.coredao.org/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Core Testnet',
+    chainId: 1115,
+    url: 'https://scan.test.btcs.network/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Core Testnet2',
+    chainId: 1114,
+    url: 'https://scan.test2.btcs.network/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Ethereum Classic',
+    chainId: 61,
+    url: 'https://etc.blockscout.com/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Frame Testnet',
+    chainId: 68840142,
+    url: 'https://explorer.testnet.frame.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Etherlink Mainnet',
+    chainId: 42793,
+    url: 'https://explorer.etherlink.com/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Etherlink Testnet',
+    chainId: 128123,
+    url: 'https://testnet-explorer.etherlink.com/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'ZetaChain Athens 3 Testnet',
+    chainId: 7001,
+    url: 'https://explorer.zetachain.com/address/0xca11bde05977b3631167028862be2a173976ca11',
+  },
+  {
+    name: 'ZetaChain ',
+    chainId: 7000,
+    url: 'https://explorer.zetachain.com/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'X1 Testnet',
+    chainId: 195,
+    url: 'https://www.oklink.com/x1-test/address/0xca11bde05977b3631167028862be2a173976ca11/contract',
+  },
+  {
+    name: 'Lumiterra Layer3',
+    chainId: 94168,
+    url: 'https://scan.layerlumi.com/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'BitTorrent Chain Mainnet',
+    chainId: 199,
+    url: 'https://bttcscan.com/address/0xca11bde05977b3631167028862be2a173976ca11#code',
+  },
+  {
+    name: 'BTT Chain Testnet',
+    chainId: 1029,
+    url: 'https://testnet.bttcscan.com/address/0xca11bde05977b3631167028862be2a173976ca11',
+  },
+  {
+    name: 'Callisto Mainnet',
+    chainId: 820,
+    url: 'https://explorer.callisto.network/address/0xcA11bde05977b3631167028862bE2a173976CA11/transactions',
+  },
+  {
+    name: 'Areon Network Testnet',
+    chainId: 462,
+    url: 'https://areonscan.com/contracts/0xca11bde05977b3631167028862be2a173976ca11?page=0',
+  },
+  {
+    name: 'Areon Network Mainnet',
+    chainId: 463,
+    url: 'https://areonscan.com/contracts/0xca11bde05977b3631167028862be2a173976ca11',
+  },
+  {
+    name: 'zkFair Mainnet',
+    chainId: 42766,
+    url: 'https://scan.zkfair.io/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'Mode Mainnet',
+    chainId: 34443,
+    url: 'https://explorer.mode.network/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Blast Sepolia',
+    chainId: 168587773,
+    url: 'https://testnet.blastscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11/contract/168587773/code',
+  },
+  {
+    name: 'Blast',
+    chainId: 81457,
+    url: 'https://blastscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Xai',
+    chainId: 660279,
+    url: 'https://explorer.xai-chain.net/address/0xcA11bde05977b3631167028862bE2a173976CA11/contracts#address-tabs',
+  },
+  {
+    name: 'DOS Chain',
+    chainId: 7979,
+    url: 'https://doscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'DOS Chain Testnet',
+    chainId: 3939,
+    url: 'https://test.doscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Tron',
+    chainId: 728126428,
+    url: 'https://tronscan.org/#/contract/TEazPvZwDjDtFeJupyo7QunvnrnUjPH8ED/code',
+    address: 'TEazPvZwDjDtFeJupyo7QunvnrnUjPH8ED',
+  },
+  {
+    name: 'zkSync Era',
+    chainId: 324,
+    url: 'https://explorer.zksync.io/address/0xF9cda624FBC7e059355ce98a31693d299FACd963#contract',
+    address: '0xF9cda624FBC7e059355ce98a31693d299FACd963',
+  },
+  {
+    name: 'zkSync Era Goerli Testnet',
+    chainId: 280,
+    url: 'https://goerli.explorer.zksync.io/address/0xF9cda624FBC7e059355ce98a31693d299FACd963#contract',
+    address: '0xF9cda624FBC7e059355ce98a31693d299FACd963',
+  },
+  {
+    name: 'zkSync Era Sepolia Testnet',
+    chainId: 300,
+    url: 'https://sepolia.explorer.zksync.io/address/0xF9cda624FBC7e059355ce98a31693d299FACd963#contract',
+    address: '0xF9cda624FBC7e059355ce98a31693d299FACd963',
+  },
+  {
+    name: 'PlayFi Albireo Testnet',
+    chainId: 1612127,
+    url: 'https://albireo-explorer.playfi.ai/address/0xF9cda624FBC7e059355ce98a31693d299FACd963#contract',
+    address: '0xF9cda624FBC7e059355ce98a31693d299FACd963',
+  },
+  {
+    name: 'Abstract Testnet',
+    chainId: 11124,
+    url: 'https://explorer.testnet.abs.xyz/address/0xF9cda624FBC7e059355ce98a31693d299FACd963#contract',
+    address: '0xF9cda624FBC7e059355ce98a31693d299FACd963',
+  },
+  {
+    name: 'Abstract Mainnet',
+    chainId: 2741,
+    url: 'https://abscan.org/address/0xF9cda624FBC7e059355ce98a31693d299FACd963#code',
+    address: '0xF9cda624FBC7e059355ce98a31693d299FACd963',
+  },
+  {
+    name: 'Fraxtal Mainnet',
+    chainId: 252,
+    url: 'https://fraxscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Fraxtal Holesky Testnet',
+    chainId: 2522,
+    url: 'https://holesky.fraxscan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'Omax Mainnet',
+    chainId: 311,
+    url: 'https://omaxray.com/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Syndicate Frame Chain',
+    chainId: 5101,
+    url: 'https://explorer-frame.syndicate.io/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Dela Sepolia',
+    chainId: 9393,
+    url: 'https://sepolia-delascan.deperp.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'NeoX Testnet',
+    chainId: 12227330,
+    url: 'https://xt2scan.ngd.network/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Sanko Mainnet',
+    chainId: 1996,
+    url: 'https://explorer.sanko.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Sanko Testnet',
+    chainId: 1992,
+    url: 'https://testnet.sankoscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Berachain Mainnet',
+    chainId: 80094,
+    url: 'https://berascan.com/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Berachain Bepolia Testnet',
+    chainId: 80069,
+    url: 'https://bepolia.beratrail.io/address/0xca11bde05977b3631167028862be2a173976ca11',
+  },
+  {
+    name: 'Shibarium',
+    chainId: 109,
+    url: 'https://www.shibariumscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Immutable zkEVM Mainnet',
+    chainId: 13371,
+    url: 'https://explorer.immutable.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Immutable zkEVM Testnet',
+    chainId: 13473,
+    url: 'https://explorer.testnet.immutable.com/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'RSS3 VSL Mainnet',
+    chainId: 12553,
+    url: 'https://scan.rss3.io/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'RSS3 VSL Sepolia Testnet',
+    chainId: 2331,
+    url: 'https://scan.testnet.rss3.io/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Morph Sepolia Testnet',
+    chainId: 2710,
+    url: 'https://explorer-testnet.morphl2.io/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Morph Holesky Testnet',
+    chainId: 2810,
+    url: 'https://explorer-holesky.morphl2.io/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Morph',
+    chainId: 2818,
+    url: 'https://explorer.morphl2.io/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'JIBCHAIN L1',
+    chainId: 8899,
+    url: 'https://exp-l1.jibchain.net/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Haqq Mainnet',
+    chainId: 11235,
+    url: 'https://explorer.haqq.network/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Zircuit Sepolia Testnet',
+    chainId: 48899,
+    url: 'https://explorer.zircuit.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?activeTab=3',
+  },
+  {
+    name: 're.al',
+    chainId: 111188,
+    url: 'https://explorer.re.al/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Merlin Testnet',
+    chainId: 686868,
+    url: 'https://testnet-scan.merlinchain.io/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'IOTA EVM',
+    chainId: 8822,
+    url: 'https://explorer.evm.iota.org/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Planq',
+    chainId: 7070,
+    url: 'https://evm.planq.network/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Cyber Testnet',
+    chainId: 111557560,
+    url: 'https://testnet.cyberscan.co/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Unit Zero Mainnet',
+    chainId: 88811,
+    url: 'https://explorer.unit0.dev/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Unit Zero Stagenet',
+    chainId: 88819,
+    url: 'https://explorer-stagenet.unit0.dev/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Unit Zero Testnet',
+    chainId: 88817,
+    url: 'https://explorer-testnet.unit0.dev/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Sei EVM Devnet',
+    chainId: 713715,
+    url: 'https://seitrace.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Sei EVM Mainnet',
+    chainId: 1329,
+    url: 'https://seitrace.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?chain=pacific-1&tab=contract',
+  },
+  {
+    name: 'Hekla (Taiko A7 Testnet)',
+    chainId: 167009,
+    url: 'https://explorer.hekla.taiko.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Taiko Mainnet',
+    chainId: 167000,
+    url: 'https://taikoscan.io/address/0xca11bde05977b3631167028862be2a173976ca11#code',
+  },
+  {
+    name: 'Cyber Mainnet',
+    chainId: 7560,
+    url: 'https://cyberscan.co/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'DreyerX Mainnet',
+    chainId: 23451,
+    url: 'https://scan.dreyerx.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Sahara Testnet',
+    chainId: 313313,
+    url: 'https://explorer.saharaa.info/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'BOX Chain',
+    chainId: 42299,
+    url: 'https://explorerl2new-boxchain-t4zoh9y5dr.t.conduit.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'OX Chain',
+    chainId: 6699,
+    url: 'https://explorer-ox-chain-2s86s7wp21.t.conduit.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Conflux Espace',
+    chainId: 1030,
+    url: 'https://evm.confluxscan.net/address/0xca11bde05977b3631167028862be2a173976ca11?tab=contract-viewer',
+  },
+  {
+    name: 'BEVM Testnet',
+    chainId: 11503,
+    url: 'https://scan-testnet.bevm.io/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Aura Mainnet',
+    chainId: 6322,
+    url: 'https://aurascan.io/evm-contracts/0xca11bde05977b3631167028862be2a173976ca11',
+  },
+  {
+    name: 'Superposition Testnet',
+    chainId: 98985,
+    url: 'https://testnet-explorer.superposition.so/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'X Layer Mainnet',
+    chainId: 196,
+    url: 'https://www.okx.com/web3/explorer/xlayer/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Nahmii 3 Mainnet',
+    chainId: 4061,
+    url: 'https://explorer.nahmii.io/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Nahmii 3 Testnet',
+    chainId: 4062,
+    url: 'https://explorer.testnet.nahmii.io/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Plume Testnet',
+    chainId: 98867,
+    url: 'https://testnet-explorer.plumenetwork.xyz/address/0xca11bde05977b3631167028862be2a173976ca11?tab=contract',
+  },
+  {
+    name: 'Plume Mainnet',
+    chainId: 98866,
+    url: 'https://phoenix-explorer.plumenetwork.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Algen L1',
+    chainId: 8911,
+    url: 'https://scan.algen.network/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Bitlayer Mainnet',
+    chainId: 200901,
+    url: 'https://www.btrscan.com/address/0xca11bde05977b3631167028862be2a173976ca11?tab=Contract',
+  },
+  {
+    name: 'Lisk Mainnet',
+    chainId: 1135,
+    url: 'https://blockscout.lisk.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Gravity Alpha Mainnet',
+    chainId: 1625,
+    url: 'https://explorer.gravity.xyz/address/0xca11bde05977b3631167028862be2a173976ca11?tab=contract',
+  },
+  {
+    name: 'Yominet',
+    chainId: 5264468217,
+    url: 'https://yominet.explorer.caldera.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Bob',
+    chainId: 60808,
+    url: 'https://explorer.gobob.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Superseed',
+    chainId: 53302,
+    url: 'https://sepolia-explorer.superseed.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Rupaya',
+    chainId: 499,
+    url: 'https://scan.rupaya.io/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Fluence Testnet',
+    chainId: 52164803,
+    url: 'https://blockscout.testnet.fluence.dev/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Fluence Stage',
+    chainId: 123420000220,
+    url: 'https://blockscout.stage.fluence.dev/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Fluence',
+    chainId: 9999999,
+    url: 'https://blockscout.mainnet.fluence.dev/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Camp Testnet V2',
+    chainId: 325000,
+    url: 'https://camp-network-testnet.blockscout.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Ontology Testnet',
+    chainId: 5851,
+    url: 'https://explorer.ont.io/testnet/contract/other/0xca11bde05977b3631167028862be2a173976ca11',
+  },
+  {
+    name: 'Ontology Mainnet',
+    chainId: 58,
+    url: 'https://explorer.ont.io/contract/all/0xca11bde05977b3631167028862be2a173976ca11',
+  },
+  {
+    name: 'Viction Testnet',
+    chainId: 89,
+    url: 'https://testnet.vicscan.xyz/address/0xca11bde05977b3631167028862be2a173976ca11#code',
+  },
+  {
+    name: 'Viction Mainnet',
+    chainId: 88,
+    url: 'https://www.vicscan.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'World Chain',
+    chainId: 480,
+    url: 'https://worldchain-mainnet.explorer.alchemy.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Flow Mainnet',
+    chainId: 747,
+    url: 'https://evm.flowscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Flow Testnet',
+    chainId: 545,
+    url: 'https://evm-testnet.flowscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Conflux Core Space Mainnet',
+    chainId: 1029,
+    url: 'https://confluxscan.io/address/cfx:acevn2d3dr6vh4jca28c6cmvkktsg7r8n25vp9hnmw?tab=contract-viewer',
+    address: 'cfx:acevn2d3dr6vh4jca28c6cmvkktsg7r8n25vp9hnmw',
+  },
+  {
+    name: 'Superposition',
+    chainId: 55244,
+    url: 'https://explorer.superposition.so/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Starchain Testnet',
+    chainId: 1570,
+    url: 'https://devnet.starchainscan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Starchain Mainnet',
+    chainId: 1578,
+    url: 'https://starchainscan.io/address/0xca11bde05977b3631167028862be2a173976ca11',
+  },
+  {
+    name: 'ApeChain Mainnet',
+    chainId: 33139,
+    url: 'https://apescan.io/address/0xcA11bde05977b3631167028862bE2a173976CA11#code',
+  },
+  {
+    name: 'WEMIX 3.0 Mainnet',
+    chainId: 1111,
+    url: 'https://wemixscan.com/address/0xca11bde05977b3631167028862be2a173976ca11',
+  },
+  {
+    name: 'Aleph Zero EVM Mainnet',
+    chainId: 41455,
+    url: 'https://evm-explorer.alephzero.org/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'EDUChain Testnet',
+    chainId: 656476,
+    url: 'https://edu-chain-testnet.blockscout.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Form Testnet',
+    chainId: 132902,
+    url: 'https://explorer.form.network/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'peaq',
+    chainId: 3338,
+    url: 'https://peaq.subscan.io/account/0xca11bde05977b3631167028862be2a173976ca11?tab=contract&evm_contract_tab=code',
+  },
+  {
+    name: 'HyperEVM',
+    chainId: 999,
+    url: 'https://hyperliquid.cloud.blockscout.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Monad Testnet',
+    chainId: 10143,
+    url: 'https://testnet.monadexplorer.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=Contract',
+  },
+  {
+    name: 'Powerloom Mainnet',
+    chainId: 7869,
+    url: 'https://explorer-v2.powerloom.network/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Hoodi',
+    chainId: 560048,
+    url: 'https://hoodi.etherscan.io/address/0xca11bde05977b3631167028862be2a173976ca11#code',
+  },
+  {
+    name: 'MegaETH Testnet',
+    chainId: 6342,
+    url: 'https://www.megaexplorer.xyz/address/0xcA11bde05977b3631167028862bE2a173976CA11',
+  },
+  {
+    name: 'Ink Sepolia',
+    chainId: 763373,
+    url: 'https://explorer-sepolia.inkonchain.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Ink',
+    chainId: 57073,
+    url: 'https://explorer.inkonchain.com/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Bittensor',
+    chainId: 964,
+    url: 'https://evm.taostats.io/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+  {
+    name: 'Whitechain',
+    chainId: 1875,
+    url: 'https://explorer.whitechain.io/address/0xcA11bde05977b3631167028862bE2a173976CA11/contract',
+  },
+  {
+    name: 'Tangle Testnet',
+    chainId: 3799,
+    url: 'https://testnet-explorer.tangle.tools/address/0xca11bde05977b3631167028862be2a173976ca11?tab=contract',
+  },
+  {
+    name: 'Tangle Mainnet',
+    chainId: 8545,
+    url: 'https://explorer.tangle.tools/address/0xcA11bde05977b3631167028862bE2a173976CA11?tab=contract',
+  },
+]
diff --git a/packages/utils/src/utils/multicall/index.ts b/packages/utils/src/utils/multicall/index.ts
new file mode 100644
index 000000000..b737eac85
--- /dev/null
+++ b/packages/utils/src/utils/multicall/index.ts
@@ -0,0 +1,73 @@
+import { Contract, AbstractProvider } from 'ethers'
+import { CANONICAL_MULTICALL_ADDRESSS, MULTICALL_DEPLOYMENTS } from './deployments'
+
+// Multicall contract ABI
+export const MULTICALL_ABI = [
+  'function aggregate3(tuple(address target, bool allowFailure, bytes callData)[] calls) payable returns (tuple(bool success, bytes returnData)[] returnData)',
+]
+
+/**
+ * Get the multicall contract address for a given chain ID
+ * @param chainId The chain ID to get the multicall address for
+ * @returns The multicall contract address for the given chain ID
+ */
+export const getMultiCallAddress = (chainId: string): string | null => {
+  const deployment = MULTICALL_DEPLOYMENTS.find((deployment) => deployment.chainId.toString() === chainId)
+  if (!deployment) {
+    return null
+  }
+  return deployment.address ?? CANONICAL_MULTICALL_ADDRESSS
+}
+
+export type Aggregate3Response = { success: boolean; returnData: string }
+
+const fallbackMulticall = async (provider: AbstractProvider, calls: { to: string; data: string }[]) => {
+  const results: Aggregate3Response[] = []
+  for (const call of calls) {
+    try {
+      const result = await provider.call(call)
+      results.push({ success: true, returnData: result })
+    } catch (error) {
+      results.push({ success: false, returnData: '0x' })
+    }
+  }
+  return results
+}
+
+/**
+ * Execute multiple calls in a single RPC request using the multicall contract
+ * @param provider The ethers provider to use
+ * @param calls Array of calls to execute, each containing target address and call data
+ * @param chainId The chain ID to execute the calls on
+ * @returns Array of return data from each call
+ */
+export const multicall = async (
+  provider: AbstractProvider,
+  calls: { to: string; data: string }[],
+): Promise<{ success: boolean; returnData: string }[]> => {
+  if (calls.length === 0) {
+    return []
+  }
+  const chainId = (await provider.getNetwork()).chainId.toString()
+
+  const multicallAddress = getMultiCallAddress(chainId)
+  if (!multicallAddress || calls.length === 1) {
+    // Fallback to consecutive calls if multicall is not supported or if there is only one call
+    return fallbackMulticall(provider, calls)
+  }
+
+  const multicallContract = new Contract(multicallAddress, MULTICALL_ABI, provider)
+
+  try {
+    const calls3 = calls.map((call) => ({
+      target: call.to,
+      allowFailure: true,
+      callData: call.data,
+    }))
+
+    const resolverResults: Aggregate3Response[] = await multicallContract.aggregate3.staticCall(calls3)
+    return resolverResults
+  } catch (error) {
+    throw new Error(`Multicall failed: ${error instanceof Error ? error.message : String(error)}`)
+  }
+}
diff --git a/packages/utils/src/utils/multicall/multicall.test.ts b/packages/utils/src/utils/multicall/multicall.test.ts
new file mode 100644
index 000000000..585a6fca6
--- /dev/null
+++ b/packages/utils/src/utils/multicall/multicall.test.ts
@@ -0,0 +1,119 @@
+import { ethers } from 'ethers'
+import { faker } from '@faker-js/faker'
+import { multicall, getMultiCallAddress, MULTICALL_ABI } from '.'
+import { createMockWeb3Provider } from '@safe-global/utils/tests/web3Provider'
+
+const MULTICALL_INTERFACE = new ethers.Interface(MULTICALL_ABI)
+describe('multicall', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should return empty array for empty calls', async () => {
+    const mockProvider = createMockWeb3Provider([], undefined, '1')
+    const result = await multicall(mockProvider, [])
+    expect(result).toEqual([])
+  })
+
+  it('should use fallback for chains without multicall support', async () => {
+    const target1 = faker.finance.ethereumAddress()
+    const target2 = faker.finance.ethereumAddress()
+    const calls = [
+      { to: target1, data: faker.string.hexadecimal({ length: 64 }) },
+      { to: target2, data: faker.string.hexadecimal({ length: 64 }) },
+    ]
+    const mockProvider = createMockWeb3Provider(
+      [
+        {
+          signature: calls[0].data.slice(0, 10),
+          returnType: 'uint256',
+          returnValue: 100,
+        },
+        {
+          signature: calls[1].data.slice(0, 10),
+          returnType: 'uint256',
+          returnValue: 200,
+        },
+      ],
+      undefined,
+      '232',
+    )
+
+    const result = await multicall(mockProvider, calls)
+
+    expect(result).toEqual([
+      { success: true, returnData: ethers.AbiCoder.defaultAbiCoder().encode(['uint256'], [100]) },
+      { success: true, returnData: ethers.AbiCoder.defaultAbiCoder().encode(['uint256'], [200]) },
+    ])
+    expect(mockProvider.call).toHaveBeenCalledTimes(2)
+    expect(mockProvider.call).toHaveBeenCalledWith(calls[0])
+    expect(mockProvider.call).toHaveBeenCalledWith(calls[1])
+  })
+
+  it('should use fallback for single call', async () => {
+    const target = faker.finance.ethereumAddress()
+    const calls = [{ to: target, data: faker.string.hexadecimal({ length: 64 }) }]
+    const mockProvider = createMockWeb3Provider(
+      [
+        {
+          signature: calls[0].data.slice(0, 10),
+          returnType: 'uint256',
+          returnValue: '100',
+        },
+      ],
+      undefined,
+      '1',
+    )
+    const result = await multicall(mockProvider, calls)
+
+    expect(result).toEqual([
+      { success: true, returnData: ethers.AbiCoder.defaultAbiCoder().encode(['uint256'], [100]) },
+    ])
+    expect(mockProvider.call).toHaveBeenCalledTimes(1)
+    expect(mockProvider.call).toHaveBeenCalledWith(calls[0])
+  })
+
+  it('should use multicall contract for multiple calls on supported chain', async () => {
+    const target1 = faker.finance.ethereumAddress()
+    const target2 = faker.finance.ethereumAddress()
+    const calls = [
+      { to: target1, data: faker.string.hexadecimal({ length: 64 }) },
+      { to: target2, data: faker.string.hexadecimal({ length: 64 }) },
+    ]
+
+    const expectedResults = [
+      { success: true, returnData: ethers.AbiCoder.defaultAbiCoder().encode(['uint256'], [100]) },
+      { success: true, returnData: ethers.AbiCoder.defaultAbiCoder().encode(['uint256'], [200]) },
+    ]
+
+    const mockProvider = createMockWeb3Provider(
+      [
+        {
+          signature: MULTICALL_INTERFACE.getFunction('aggregate3')?.selector!,
+          returnType: 'raw',
+          returnValue: MULTICALL_INTERFACE.encodeFunctionResult('aggregate3', [expectedResults]),
+        },
+      ],
+      undefined,
+      '1',
+    )
+
+    const result = await multicall(mockProvider, calls)
+    expect(result.every((r) => r.success)).toBe(true)
+    expect(result[0].returnData).toEqual(expectedResults[0].returnData)
+    expect(result[1].returnData).toEqual(expectedResults[1].returnData)
+
+    expect(mockProvider.call).toHaveBeenCalledTimes(1)
+  })
+})
+
+describe('getMultiCallAddress', () => {
+  it('should return null for unsupported chains', () => {
+    expect(getMultiCallAddress('232')).toBeNull() // Lens
+  })
+
+  it('should return canonical address for supported chains', () => {
+    expect(getMultiCallAddress('1')).toBe('0xca11bde05977b3631167028862be2a173976ca11') // Ethereum Mainnet
+    expect(getMultiCallAddress('137')).toBe('0xca11bde05977b3631167028862be2a173976ca11') // Polygon
+  })
+})
diff --git a/packages/utils/src/utils/rsk-utils.ts b/packages/utils/src/utils/rsk-utils.ts
new file mode 100644
index 000000000..7d295585a
--- /dev/null
+++ b/packages/utils/src/utils/rsk-utils.ts
@@ -0,0 +1,25 @@
+import { keccak, stripHexPrefix } from 'ethereumjs-util'
+
+export function isAddress(address: string) {
+  return /^(0x)?[0-9a-fA-F]{40}$/.test(address)
+}
+
+/**
+ * @description Implements EIP-1191 Address Checksum
+ * @param {String} _address
+ * @param {Integer|String} _chainId
+ * @returns {String} checksummed address
+ */
+export function toChecksumAddress(_address: string, _chainId: string = '') {
+  const address = stripHexPrefix(_address).toLowerCase()
+  const chainId = parseInt(_chainId)
+  const prefix = !isNaN(chainId) ? `${chainId.toString()}0x` : ''
+  const hash = keccak(Buffer.from(`${prefix}${address}`)).toString('hex')
+  return (
+    '0x' +
+    address
+      .split('')
+      .map((b, i) => (parseInt(hash[i], 16) >= 8 ? b.toUpperCase() : b))
+      .join('')
+  )
+}
diff --git a/packages/utils/src/utils/safe-messages.ts b/packages/utils/src/utils/safe-messages.ts
new file mode 100644
index 000000000..9b356eb22
--- /dev/null
+++ b/packages/utils/src/utils/safe-messages.ts
@@ -0,0 +1,126 @@
+import type { MessageItem, TypedData } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import { hashMessage, type TypedDataDomain, type JsonRpcSigner } from 'ethers'
+import { gte } from 'semver'
+import { adjustVInSignature } from '@safe-global/protocol-kit/dist/src/utils/signatures'
+
+import { hashTypedData } from '@safe-global/utils/utils/web3'
+import { isValidAddress } from '@safe-global/utils/utils/validation'
+import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { type SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { FEATURES } from '@safe-global/utils/utils/chains'
+
+import { hasFeature } from './chains'
+import { toChecksumAddress } from './rsk-utils'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { SigningMethod } from '@safe-global/protocol-kit'
+
+/*
+ * From v1.3.0, EIP-1271 support was moved to the CompatibilityFallbackHandler.
+ * Also 1.3.0 introduces the chainId in the domain part of the SafeMessage
+ */
+const EIP1271_FALLBACK_HANDLER_SUPPORTED_SAFE_VERSION = '1.3.0'
+
+const EIP1271_SUPPORTED_SAFE_VERSION = '1.0.0'
+
+const EIP1271_OFFCHAIN_SUPPORTED_SAFE_APPS_SDK_VERSION = '7.11.0'
+
+const isHash = (payload: string) => /^0x[a-f0-9]+$/i.test(payload)
+
+/*
+ * Typeguard for EIP712TypedData
+ *
+ */
+export const isEIP712TypedData = (obj: any): obj is TypedData => {
+  return typeof obj === 'object' && obj != null && 'domain' in obj && 'types' in obj && 'message' in obj
+}
+
+export const isBlindSigningPayload = (obj: TypedData | string): boolean => !isEIP712TypedData(obj) && isHash(obj)
+
+export const generateSafeMessageMessage = (message: MessageItem['message']): string => {
+  return typeof message === 'string' ? hashMessage(message) : hashTypedData(message)
+}
+
+/**
+ * Generates `SafeMessage` typed data for EIP-712
+ * https://github.com/safe-global/safe-contracts/blob/main/contracts/handler/CompatibilityFallbackHandler.sol#L12
+ * @param safe Safe which will sign the message
+ * @param message Message to sign
+ * @returns `SafeMessage` types for signing
+ */
+export const generateSafeMessageTypedData = (
+  { version, chainId, address }: SafeState,
+  message: MessageItem['message'],
+): TypedData => {
+  if (!version) {
+    throw Error('Cannot create SafeMessage without version information')
+  }
+  const isHandledByFallbackHandler = gte(version, EIP1271_FALLBACK_HANDLER_SUPPORTED_SAFE_VERSION)
+
+  return {
+    domain: isHandledByFallbackHandler
+      ? {
+        chainId: Number(chainId),
+        verifyingContract: address.value,
+      }
+      : { verifyingContract: address.value },
+    types: {
+      SafeMessage: [{ name: 'message', type: 'bytes' }],
+    },
+    message: {
+      message: generateSafeMessageMessage(message),
+    },
+    primaryType: 'SafeMessage',
+  }
+}
+
+export const generateSafeMessageHash = (safe: SafeState, message: MessageItem['message']): string => {
+  const typedData = generateSafeMessageTypedData(safe, message)
+  return hashTypedData(typedData)
+}
+
+export const isOffchainEIP1271Supported = (
+  { version, fallbackHandler }: SafeState,
+  chain: ChainInfo | undefined,
+  sdkVersion?: string,
+): boolean => {
+  if (!version) {
+    return false
+  }
+
+  // check feature toggle
+  if (!chain || !hasFeature(chain, FEATURES.EIP1271)) {
+    return false
+  }
+
+  // If the Safe apps sdk does not support off-chain signing yet
+  if (sdkVersion && !gte(sdkVersion, EIP1271_OFFCHAIN_SUPPORTED_SAFE_APPS_SDK_VERSION)) {
+    return false
+  }
+
+  // Check if Safe has fallback handler
+  const isHandledByFallbackHandler = gte(version, EIP1271_FALLBACK_HANDLER_SUPPORTED_SAFE_VERSION)
+  if (isHandledByFallbackHandler) {
+    // Applying RSK address conversion
+    const rskFallbackHandlerAddress = toChecksumAddress(
+      fallbackHandler ? fallbackHandler.value : ZERO_ADDRESS,
+      chain.chainId,
+    )
+    // We only check if any fallback Handler is set as we expect / assume that users who overwrite the fallback handler by a custom one know what they are doing
+    return fallbackHandler !== null && isValidAddress(rskFallbackHandlerAddress, String(chain.chainId))
+  }
+
+  // check if Safe version supports EIP-1271
+  return gte(version, EIP1271_SUPPORTED_SAFE_VERSION)
+}
+
+export const tryOffChainMsgSigning = async (
+  signer: JsonRpcSigner,
+  safe: SafeState,
+  message: MessageItem['message'],
+): Promise<string> => {
+  const typedData = generateSafeMessageTypedData(safe, message)
+  const signature = await signer.signTypedData(typedData.domain as TypedDataDomain, typedData.types, typedData.message)
+
+  // V needs adjustment when signing with ledger / trezor through metamask
+  return adjustVInSignature(SigningMethod.ETH_SIGN_TYPED_DATA, signature)
+}
diff --git a/packages/utils/src/utils/safe-setup-comparison.ts b/packages/utils/src/utils/safe-setup-comparison.ts
new file mode 100644
index 000000000..6215164c3
--- /dev/null
+++ b/packages/utils/src/utils/safe-setup-comparison.ts
@@ -0,0 +1,50 @@
+import { sameAddress } from './addresses'
+
+/**
+ * Compares two arrays of owner addresses to check if they match
+ * @param owners1 - First array of owner addresses
+ * @param owners2 - Second array of owner addresses
+ * @returns true if both arrays contain the same addresses (order doesn't matter)
+ */
+export const areOwnersMatching = (owners1: string[], owners2: string[]): boolean =>
+  owners1.length === owners2.length && owners1.every((owner) => owners2.some((owner2) => sameAddress(owner, owner2)))
+
+/**
+ * Interface for safe configuration data needed for comparison
+ */
+export interface SafeSetupData {
+  owners: Array<{ value: string }> | Array<string>
+  threshold: number
+}
+
+/**
+ * Normalizes owner data to string array
+ * @param owners - Owner data that can be either string array or object array with value property
+ * @returns Array of owner address strings
+ */
+const normalizeOwners = (owners: Array<{ value: string }> | Array<string>): string[] => {
+  return owners.map((owner) => (typeof owner === 'string' ? owner : owner.value))
+}
+
+/**
+ * Compares two safe configurations to determine if they have the same setup
+ * @param safe1 - First safe configuration
+ * @param safe2 - Second safe configuration
+ * @returns true if both safes have matching owners and threshold
+ */
+export const haveSameSetup = (
+  safe1: SafeSetupData | null | undefined,
+  safe2: SafeSetupData | null | undefined,
+): boolean => {
+  if (!safe1 || !safe2) {
+    return false
+  }
+
+  const owners1 = normalizeOwners(safe1.owners)
+  const owners2 = normalizeOwners(safe2.owners)
+
+  const hasMatchingOwners = areOwnersMatching(owners1, owners2)
+  const hasMatchingThreshold = safe1.threshold === safe2.threshold
+
+  return hasMatchingOwners && hasMatchingThreshold
+}
diff --git a/packages/utils/src/utils/tokens.ts b/packages/utils/src/utils/tokens.ts
new file mode 100644
index 000000000..e82c9aee2
--- /dev/null
+++ b/packages/utils/src/utils/tokens.ts
@@ -0,0 +1,4 @@
+export const UNLIMITED_APPROVAL_AMOUNT = 2n ** 256n - 1n
+export const UNLIMITED_PERMIT2_AMOUNT = 2n ** 160n - 1n
+// As per https://eips.ethereum.org/EIPS/eip-721#specification
+export const ERC721_IDENTIFIER = '0x80ac58cd'
diff --git a/packages/utils/src/utils/validation.ts b/packages/utils/src/utils/validation.ts
new file mode 100644
index 000000000..d995fd7e0
--- /dev/null
+++ b/packages/utils/src/utils/validation.ts
@@ -0,0 +1,106 @@
+import { parsePrefixedAddress, sameAddress, isChecksummedAddress } from '@safe-global/utils/utils/addresses'
+import { safeFormatUnits, safeParseUnits } from '@safe-global/utils/utils/formatters'
+
+export const validateAddress = (address: string, chainId?: string) => {
+  const ADDRESS_RE = /^0x[0-9a-f]{40}$/i
+
+  if (!ADDRESS_RE.test(address)) {
+    return 'Invalid address format'
+  }
+
+  if (!isChecksummedAddress(address, chainId)) {
+    return 'Invalid address checksum'
+  }
+}
+
+export const isValidAddress = (address: string, chainId?: string): boolean =>
+  validateAddress(address, chainId) === undefined
+
+export const validatePrefixedAddress =
+  (chainShortName?: string) =>
+  (value: string, chainId?: string): string | undefined => {
+    const { prefix, address } = parsePrefixedAddress(value, chainId)
+
+    if (prefix) {
+      if (prefix !== chainShortName) {
+        return `"${prefix}" doesn't match the current chain`
+      }
+    }
+
+    return validateAddress(address, chainId)
+  }
+
+export const uniqueAddress =
+  (addresses: string[] = []) =>
+  (address: string): string | undefined => {
+    const ADDRESS_REPEATED_ERROR = 'Address already added'
+    const addressExists = addresses.some((addressFromList) => sameAddress(addressFromList, address))
+    return addressExists ? ADDRESS_REPEATED_ERROR : undefined
+  }
+
+export const addressIsNotCurrentSafe =
+  (safeAddress: string, message?: string) =>
+  (address: string): string | undefined => {
+    const SIGNER_ADDRESS_IS_SAFE_ADDRESS_ERROR = message || 'Cannot use Safe Account itself as signer.'
+    return sameAddress(safeAddress, address) ? SIGNER_ADDRESS_IS_SAFE_ADDRESS_ERROR : undefined
+  }
+
+export const addressIsNotOwner =
+  (owners: string[], message?: string) =>
+  (address: string): string | undefined => {
+    const ADDRESS_IS_OWNER_ERROR = message || 'Cannot use Owners.'
+    return owners.some((owner) => owner === address) ? ADDRESS_IS_OWNER_ERROR : undefined
+  }
+
+export const FLOAT_REGEX = /^[0-9]+([,.][0-9]+)?$/
+
+export const validateAmount = (amount?: string, includingZero: boolean = false) => {
+  if (!amount || isNaN(Number(amount))) {
+    return 'The value must be a number'
+  }
+
+  if (includingZero ? parseFloat(amount) < 0 : parseFloat(amount) <= 0) {
+    return 'The value must be greater than 0'
+  }
+}
+
+export const validateLimitedAmount = (amount: string, decimals?: number | null, max?: string, errorMsg?: string) => {
+  if (decimals == null || !max) return
+
+  const numberError = validateAmount(amount)
+  if (numberError) {
+    return numberError
+  }
+
+  const value = safeParseUnits(amount, decimals)
+
+  if (value !== undefined && value > BigInt(max)) {
+    return errorMsg || `Maximum value is ${safeFormatUnits(max, decimals)}`
+  }
+}
+
+export const validateDecimalLength = (value: string, maxLen?: number | null, minLen = 1) => {
+  if (maxLen == null || !value.includes('.')) {
+    return
+  }
+
+  if (maxLen === 0) {
+    return 'Should not have decimals'
+  }
+
+  const decimals = value.split('.')[1] || ''
+
+  if (decimals.length < +minLen || decimals.length > +maxLen) {
+    return `Should have ${minLen} to ${maxLen} decimals`
+  }
+}
+
+export const isValidURL = (url: string, protocolsAllowed = ['https:']): boolean => {
+  try {
+    const urlInfo = new URL(url)
+
+    return protocolsAllowed.includes(urlInfo.protocol) || urlInfo.hostname.split('.').pop() === 'localhost'
+  } catch (error) {
+    return false
+  }
+}
diff --git a/packages/utils/src/utils/web3.ts b/packages/utils/src/utils/web3.ts
new file mode 100644
index 000000000..8862f8230
--- /dev/null
+++ b/packages/utils/src/utils/web3.ts
@@ -0,0 +1,52 @@
+import type { TypedData } from '@safe-global/store/gateway/AUTO_GENERATED/messages'
+import type { JsonRpcSigner } from 'ethers'
+import { TypedDataEncoder } from 'ethers'
+import type { TypedDataDomain } from 'ethers'
+import { adjustVInSignature } from '@safe-global/protocol-kit/dist/src/utils/signatures'
+import { SigningMethod } from '@safe-global/protocol-kit'
+
+export const hashTypedData = (typedData: TypedData): string => {
+  // `ethers` doesn't require `EIP712Domain` and otherwise throws
+  const { EIP712Domain: _, ...types } = typedData.types
+  return TypedDataEncoder.hash(typedData.domain as TypedDataDomain, types, typedData.message)
+}
+
+export const normalizeTypedData = (typedData: TypedData): TypedData => {
+  const { EIP712Domain: _, ...types } = typedData.types
+  const payload = TypedDataEncoder.getPayload(typedData.domain as TypedDataDomain, types, typedData.message)
+
+  // ethers v6 converts the chainId to a hex value:
+  // https://github.com/ethers-io/ethers.js/blob/50b74b8806ef2064f2764b09f89c7ac75fda3a3c/src.ts/hash/typed-data.ts#L75
+  // Our SDK expects a number, that's why we convert it here
+  // If this gets fixed here: https://github.com/safe-global/safe-eth-py/issues/748
+  // we can remove this workaround
+  if (payload.domain.chainId) {
+    payload.domain.chainId = Number(BigInt(payload.domain.chainId))
+  }
+
+  return payload
+}
+
+// Fall back to `eth_signTypedData` for Ledger that doesn't support `eth_signTypedData_v4`
+const signTypedDataFallback = async (signer: JsonRpcSigner, typedData: TypedData): Promise<string> => {
+  return await signer.provider.send('eth_signTypedData', [
+    signer.address.toLowerCase(),
+    TypedDataEncoder.getPayload(typedData.domain as TypedDataDomain, typedData.types, typedData.message),
+  ])
+}
+
+export const signTypedData = async (signer: JsonRpcSigner, typedData: TypedData): Promise<string> => {
+  const UNSUPPORTED_OPERATION = 'UNSUPPORTED_OPERATION'
+  let signature = ''
+  try {
+    const { domain, types, message } = typedData
+    signature = await signer.signTypedData(domain as TypedDataDomain, types, message)
+  } catch (e) {
+    if ((e as Error & { code: string }).code === UNSUPPORTED_OPERATION) {
+      signature = await signTypedDataFallback(signer, typedData)
+    } else {
+      throw e
+    }
+  }
+  return adjustVInSignature(SigningMethod.ETH_SIGN_TYPED_DATA, signature)
+}
diff --git a/packages/utils/tsconfig.json b/packages/utils/tsconfig.json
new file mode 100644
index 000000000..1cfac6677
--- /dev/null
+++ b/packages/utils/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "extends": "../../config/tsconfig/confs/base.json",
+  "compilerOptions": {
+    "baseUrl": "./",
+    //    "rootDir": "./"
+    "paths": {
+      "@safe-global/store/*": ["../../packages/store/src/*"],
+      "@safe-global/utils/*": ["../../packages/utils/src/*"]
+    }
+  },
+  "include": ["**/*.ts"]
+}
diff --git a/patches/@safe-global+safe-modules-deployments+1.2.0.patch b/patches/@safe-global+safe-modules-deployments+1.2.0.patch
deleted file mode 100644
index ce7a8e398..000000000
--- a/patches/@safe-global+safe-modules-deployments+1.2.0.patch
+++ /dev/null
@@ -1,26 +0,0 @@
-diff --git a/node_modules/@safe-global/safe-modules-deployments/dist/assets/allowance-module/v0.1.0/allowance-module.json b/node_modules/@safe-global/safe-modules-deployments/dist/assets/allowance-module/v0.1.0/allowance-module.json
-index 1324cfa..5c8a9ba 100644
---- a/node_modules/@safe-global/safe-modules-deployments/dist/assets/allowance-module/v0.1.0/allowance-module.json
-+++ b/node_modules/@safe-global/safe-modules-deployments/dist/assets/allowance-module/v0.1.0/allowance-module.json
-@@ -6,6 +6,8 @@
-         "1": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
-         "4": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
-         "5": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
-+        "30": "0xE46FE78DBfCa5E835667Ba9dCd3F3315E7623F8a",
-+        "31": "0xE46FE78DBfCa5E835667Ba9dCd3F3315E7623F8a",
-         "42": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
-         "56": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
-         "100": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
-diff --git a/node_modules/@safe-global/safe-modules-deployments/src/assets/allowance-module/v0.1.0/allowance-module.json b/node_modules/@safe-global/safe-modules-deployments/src/assets/allowance-module/v0.1.0/allowance-module.json
-index b873a40..5e49d1c 100644
---- a/node_modules/@safe-global/safe-modules-deployments/src/assets/allowance-module/v0.1.0/allowance-module.json
-+++ b/node_modules/@safe-global/safe-modules-deployments/src/assets/allowance-module/v0.1.0/allowance-module.json
-@@ -6,6 +6,8 @@
-     "1": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
-     "4": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
-     "5": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
-+    "30": "0xE46FE78DBfCa5E835667Ba9dCd3F3315E7623F8a",
-+    "31": "0xE46FE78DBfCa5E835667Ba9dCd3F3315E7623F8a",
-     "42": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
-     "56": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
-     "100": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
diff --git a/patches/@web3-onboard+ledger+2.3.2.patch b/patches/@web3-onboard+ledger+2.3.2.patch
deleted file mode 100644
index c694c3877..000000000
--- a/patches/@web3-onboard+ledger+2.3.2.patch
+++ /dev/null
@@ -1,92 +0,0 @@
-diff --git a/node_modules/@web3-onboard/ledger/dist/index.js b/node_modules/@web3-onboard/ledger/dist/index.js
-index 12bf9df..01fb4f1 100644
---- a/node_modules/@web3-onboard/ledger/dist/index.js
-+++ b/node_modules/@web3-onboard/ledger/dist/index.js
-@@ -1,7 +1,12 @@
- // these cannot be dynamically imported
- import { TypedDataUtils } from '@metamask/eth-sig-util';
-+import { stripHexPrefix, keccak } from 'ethereumjs-util'
-+
- const LEDGER_LIVE_PATH = `m/44'/60'`;
- const LEDGER_DEFAULT_PATH = `m/44'/60'/0'`;
-+const ROOTSTOCK = `m/44'/137'/0'/0`;
-+const ROOTSTOCK_TEST = `m/44'/37310'/0'/0`;
-+
- const DEFAULT_BASE_PATHS = [
-     {
-         label: 'Ledger Live',
-@@ -10,16 +15,44 @@ const DEFAULT_BASE_PATHS = [
-     {
-         label: 'Ledger Legacy',
-         value: LEDGER_DEFAULT_PATH
--    }
-+    },
-+    {
-+        label: 'Rootstock Path',
-+        value: ROOTSTOCK
-+    },
-+    {
-+        label: 'Rootstock Testnet Path',
-+        value: ROOTSTOCK_TEST
-+    },
- ];
- const assets = [
-     {
--        label: 'ETH'
-+        label: 'RBTC'
-     }
- ];
- const supportsWebUSB = () => Promise.resolve(!!navigator &&
-     !!navigator.usb &&
-     typeof navigator.usb.getDevices === 'function');
-+
-+/**
-+ * @description Implements EIP-1191 Address Checksum
-+ * @param _address
-+ * @param _chainId
-+ * @returns checksummed address
-+ */
-+export function toChecksumAddress(_address, _chainId = "") {
-+    const address = stripHexPrefix(_address).toLowerCase()
-+    const chainId = parseInt(_chainId)
-+    const prefix = !isNaN(chainId) ? `${chainId.toString()}0x` : ""
-+    const hash = keccak(Buffer.from(`${prefix}${address}`)).toString("hex")
-+    return (
-+      "0x" +
-+      address
-+        .split("")
-+        .map((b, i) => (parseInt(hash[i], 16) >= 8 ? b.toUpperCase() : b))
-+        .join("")
-+    )
-+  };
- /**
-  * Returns the correct ledger transport based on browser compatibility for webUSB.
-  * @returns
-@@ -31,7 +64,9 @@ const getAccount = async (derivationPath, asset, index, provider, eth) => {
-     const dPath = derivationPath === LEDGER_LIVE_PATH
-         ? `${derivationPath}/${index}'/0/0`
-         : `${derivationPath}/${index}`;
--    const { address } = await eth.getAddress(dPath);
-+    let { address } = await eth.getAddress(dPath);
-+    //Matching rootstock checksum
-+    address = toChecksumAddress(address);
-     return {
-         derivationPath: dPath,
-         address,
-@@ -95,8 +130,14 @@ function ledger({ customNetwork, filter } = {}) {
-                         // Checks to see if this is a custom derivation path
-                         // If it is then just return the single account
-                         if (derivationPath !== LEDGER_LIVE_PATH &&
--                            derivationPath !== LEDGER_DEFAULT_PATH) {
--                            const { address } = await eth.getAddress(derivationPath);
-+                            derivationPath !== LEDGER_DEFAULT_PATH &&
-+                            derivationPath !== ROOTSTOCK &&
-+                            derivationPath !== ROOTSTOCK_TEST
-+                            ) {
-+                            let { address } = await eth.getAddress(derivationPath);
-+                            if(derivationPath.includes("m/44'/137") || derivationPath.includes("m/44'/37310")){
-+                                address = toChecksumAddress(address)
-+                              }
-                             return [
-                                 {
-                                     derivationPath,
diff --git a/public/fonts/fonts.css b/public/fonts/fonts.css
deleted file mode 100644
index 6dc970e07..000000000
--- a/public/fonts/fonts.css
+++ /dev/null
@@ -1,13 +0,0 @@
-@font-face {
-  font-family: 'DM Sans';
-  font-display: swap;
-  font-weight: 400;
-  src: url('/fonts/DMSansRegular.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'DM Sans';
-  font-display: swap;
-  font-weight: bold;
-  src: url('/fonts/DMSans700.woff2') format('woff2');
-}
diff --git a/public/images/common/appstore-light.svg b/public/images/common/appstore-light.svg
deleted file mode 100644
index a21ad045c..000000000
--- a/public/images/common/appstore-light.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 646 250" style="enable-background:new 0 0 646 250" xml:space="preserve"><path d="M583.2 21.5H57.1c-1.6 0-3.2 0-4.8.1-3.5 0-6.9.3-10.4.9-3.4.6-6.7 1.7-9.8 3.2-3.1 1.6-5.9 3.6-8.4 6.1-2.5 2.4-4.5 5.3-6.1 8.4-1.6 3.1-2.7 6.4-3.2 9.8-.6 3.4-.9 6.9-.9 10.4 0 1.6-.1 3.2-.1 4.8v119.6c0 1.6 0 3.2.1 4.8 0 3.5.4 6.9.9 10.4.6 3.4 1.7 6.8 3.2 9.9 1.6 3.1 3.6 5.9 6.1 8.4 2.4 2.5 5.3 4.5 8.4 6.1 3.1 1.6 6.4 2.7 9.8 3.3 3.4.6 6.9.9 10.4.9 1.6 0 3.2.1 4.8.1h531.7c1.6 0 3.2 0 4.8-.1 3.5 0 6.9-.3 10.3-.9 3.4-.6 6.8-1.7 9.9-3.3 3.1-1.6 5.9-3.6 8.4-6.1 2.5-2.4 4.5-5.3 6.1-8.4 1.6-3.1 2.6-6.4 3.2-9.9.6-3.4.9-6.9 1-10.4V60.5c-.1-3.5-.4-6.9-1-10.4-.6-3.4-1.6-6.7-3.2-9.8-3.2-6.3-8.3-11.3-14.5-14.5-3.1-1.6-6.4-2.7-9.9-3.2-3.4-.6-6.9-.9-10.3-.9-1.6 0-3.2-.1-4.8-.1-1.8-.1-3.7-.1-5.6-.1z"/><path d="M57.2 223.9c-1.6 0-3.1 0-4.7-.1-3.2 0-6.5-.3-9.7-.8-3-.5-5.9-1.5-8.6-2.8-2.7-1.4-5.1-3.1-7.2-5.3-2.1-2.1-3.9-4.5-5.3-7.2s-2.3-5.6-2.8-8.6c-.5-3.2-.8-6.4-.9-9.7 0-1.1-.1-4.7-.1-4.7V65.2s0-3.6.1-4.6c0-3.2.3-6.5.9-9.7.5-3 1.4-5.9 2.8-8.6 1.3-2.7 3.1-5.1 5.3-7.2 2.1-2.1 4.6-3.9 7.3-5.3s5.6-2.3 8.6-2.8c3.2-.5 6.5-.8 9.7-.8l4.7-.1h531.6l4.7.1c3.2 0 6.4.3 9.6.8 3 .5 5.9 1.5 8.6 2.8 5.4 2.8 9.7 7.1 12.5 12.5 1.3 2.7 2.3 5.6 2.8 8.5.5 3.2.8 6.5.9 9.8v128.9c-.1 3.2-.4 6.4-.9 9.6-.5 3-1.4 5.9-2.8 8.6-1.4 2.7-3.1 5.1-5.3 7.2-2.1 2.1-4.6 3.9-7.2 5.3-2.7 1.4-5.6 2.3-8.6 2.8-3.2.5-6.4.8-9.7.8-1.5 0-3.1.1-4.6.1H57.2z" style="fill:#fff"/><path d="M142.8 124.4c.1-9.1 4.9-17.6 12.7-22.3-4.9-7-12.9-11.3-21.5-11.6-9-.9-17.8 5.4-22.4 5.4-4.7 0-11.8-5.3-19.4-5.2-10 .3-19.2 5.9-24.1 14.7-10.4 18-2.6 44.5 7.3 59 5 7.1 10.8 15.1 18.4 14.8 7.5-.3 10.2-4.8 19.3-4.8 8.9 0 11.5 4.8 19.3 4.6 8-.1 13.1-7.2 17.9-14.4 3.6-5.1 6.3-10.7 8.2-16.6-9.5-3.9-15.7-13.2-15.7-23.6zM128.1 80.9c4.4-5.2 6.5-12 6-18.8-6.7.7-12.8 3.9-17.3 8.9-4.4 5-6.6 11.5-6.2 18.1 6.9.1 13.3-2.9 17.5-8.2zM232.3 161.9h-24.5l-5.9 17.4h-10.4l23.2-64.2h10.8l23.2 64.2h-10.5l-5.9-17.4zm-21.9-8h19.4l-9.6-28.2h-.3l-9.5 28.2zM298.8 155.9c0 14.6-7.8 23.9-19.5 23.9-6.1.3-11.8-2.9-14.7-8.2h-.2v23.2h-9.6v-62.3h9.3v7.8h.2c3.1-5.3 8.8-8.5 14.9-8.3 11.8 0 19.6 9.4 19.6 23.9zm-9.9 0c0-9.5-4.9-15.7-12.4-15.7-7.3 0-12.3 6.4-12.3 15.7 0 9.4 4.9 15.8 12.3 15.8 7.5-.1 12.4-6.3 12.4-15.8zM350.4 155.9c0 14.6-7.8 23.9-19.5 23.9-6.1.3-11.8-2.9-14.7-8.2h-.2v23.2h-9.6v-62.3h9.3v7.8h.2c3.1-5.3 8.8-8.5 14.9-8.3 11.7 0 19.6 9.4 19.6 23.9zm-9.9 0c0-9.5-4.9-15.7-12.4-15.7-7.3 0-12.3 6.4-12.3 15.7 0 9.4 4.9 15.8 12.3 15.8 7.5-.1 12.4-6.3 12.4-15.8zM384.4 161.4c.7 6.4 6.9 10.6 15.4 10.6 8.1 0 13.9-4.2 13.9-9.9 0-5-3.5-8-11.8-10l-8.3-2c-11.8-2.8-17.3-8.4-17.3-17.3 0-11.1 9.7-18.7 23.4-18.7 13.6 0 22.9 7.6 23.2 18.7h-9.7c-.6-6.4-5.9-10.3-13.6-10.3-7.7 0-13 3.9-13 9.6 0 4.5 3.4 7.2 11.7 9.3l7.1 1.7c13.2 3.1 18.7 8.4 18.7 17.8 0 12-9.6 19.5-24.8 19.5-14.2 0-23.9-7.4-24.5-19h9.6zM444.6 121.4v11.1h8.9v7.6h-8.9v25.8c0 4 1.8 5.9 5.7 5.9 1.1 0 2.1-.1 3.2-.2v7.6c-1.8.3-3.5.5-5.3.4-9.5 0-13.2-3.6-13.2-12.6v-26.8h-6.8v-7.6h6.8v-11.1h9.6zM458.7 155.9c0-14.7 8.7-24 22.2-24 13.6 0 22.2 9.3 22.2 24 0 14.8-8.6 24-22.2 24s-22.2-9.2-22.2-24zm34.6 0c0-10.1-4.6-16.1-12.4-16.1s-12.4 6-12.4 16.1c0 10.1 4.6 16.1 12.4 16.1s12.4-6 12.4-16.1zM511 132.5h9.2v8h.2c1.3-5.1 6-8.7 11.3-8.5 1.1 0 2.2.1 3.3.4v9c-1.4-.4-2.9-.6-4.3-.6-5.3-.2-9.9 3.9-10.1 9.3 0 .5 0 1 .1 1.5v27.8H511v-46.9zM579.3 165.5c-1.3 8.5-9.6 14.3-20.2 14.3-13.6 0-22.1-9.1-22.1-23.8 0-14.7 8.5-24.2 21.7-24.2 13 0 21.1 8.9 21.1 23.1v3.3h-33.1v.6c-.6 6.7 4.4 12.6 11.1 13.2.5 0 1 .1 1.5 0 4.7.4 9.1-2.2 10.8-6.6l9.2.1zm-32.5-13.9h23.4c.3-6.2-4.4-11.5-10.6-11.9h-.9c-6.5 0-11.9 5.2-11.9 11.8v.1zM209.2 66.7c7.5-.5 14.1 5.1 14.6 12.6.1.9 0 1.8-.1 2.7 0 9.9-5.3 15.5-14.5 15.5H198V66.7h11.2zm-6.4 26.5h5.8c5.3.3 9.9-3.8 10.3-9.1 0-.7 0-1.3-.1-2 .7-5.3-3-10.2-8.3-11-.6-.1-1.2-.1-1.9-.1h-5.8v22.2zM229.1 85.9c-.6-6.1 3.9-11.5 9.9-12 6.1-.6 11.5 3.9 12 9.9.1.7.1 1.4 0 2.1.6 6.1-3.8 11.5-9.9 12.1-6.1.6-11.5-3.8-12.1-9.9 0-.8 0-1.5.1-2.2zm17.2 0c0-5-2.3-8-6.2-8-4 0-6.2 3-6.2 8 0 5.1 2.2 8 6.2 8s6.2-2.9 6.2-8zM280.3 97.6h-4.8l-4.8-17.2h-.4l-4.8 17.2h-4.7l-6.4-23.3h4.7l4.2 17.8h.3l4.8-17.8h4.4l4.8 17.8h.4l4.2-17.8h4.6l-6.5 23.3zM292.1 74.3h4.4V78h.3c1.2-2.7 4-4.4 7-4.1 4.2-.3 7.8 2.8 8.1 7 0 .6 0 1.1-.1 1.7v15.1h-4.6V83.6c0-3.7-1.6-5.6-5-5.6-2.9-.1-5.4 2.1-5.6 5.1v14.4H292l.1-23.2zM319.2 65.2h4.6v32.4h-4.6V65.2zM330.2 85.9c-.6-6.1 3.9-11.5 9.9-12 6.1-.6 11.5 3.9 12 9.9.1.7.1 1.4 0 2.1.6 6.1-3.9 11.5-9.9 12.1-6.1.6-11.5-3.9-12.1-9.9 0-.8 0-1.5.1-2.2zm17.2 0c0-5-2.3-8-6.2-8-4 0-6.2 3-6.2 8 0 5.1 2.2 8 6.2 8 3.9 0 6.2-2.9 6.2-8zM357 91c0-4.2 3.1-6.6 8.7-7l6.3-.4v-2c0-2.5-1.6-3.8-4.8-3.8-2.6 0-4.3.9-4.9 2.6h-4.5c.5-4 4.2-6.6 9.5-6.6 5.8 0 9.1 2.9 9.1 7.8v15.9H372v-3.3h-.4c-1.5 2.4-4.2 3.8-7 3.7-3.9.4-7.3-2.4-7.7-6.3.1-.1.1-.4.1-.6zm15-2v-2l-5.7.4c-3.2.2-4.7 1.3-4.7 3.4 0 2.1 1.8 3.3 4.3 3.3 3 .3 5.7-1.9 6-4.9 0-.1 0-.1.1-.2zM382.6 85.9c0-7.4 3.8-12 9.7-12 3-.1 5.8 1.5 7.1 4.1h.3V65.2h4.6v32.4h-4.4v-3.7h-.4c-1.5 2.6-4.3 4.2-7.3 4.1-5.9 0-9.6-4.7-9.6-12.1zm4.7 0c0 4.9 2.3 7.9 6.2 7.9 3.9 0 6.3-3 6.3-7.9s-2.4-7.9-6.3-7.9c-3.8 0-6.2 3-6.2 7.9zM423.3 85.9c-.6-6.1 3.9-11.5 9.9-12 6.1-.6 11.5 3.9 12 9.9.1.7.1 1.4 0 2.1.6 6.1-3.8 11.5-9.9 12.1-6.1.6-11.5-3.8-12.1-9.9.1-.8.1-1.5.1-2.2zm17.3 0c0-5-2.3-8-6.2-8-4 0-6.2 3-6.2 8 0 5.1 2.2 8 6.2 8 3.9 0 6.2-2.9 6.2-8zM451.5 74.3h4.4V78h.3c1.2-2.7 4-4.4 7-4.1 4.2-.3 7.8 2.8 8.1 7 0 .6 0 1.1-.1 1.7v15.1h-4.6V83.6c0-3.7-1.6-5.6-5-5.6-2.9-.1-5.4 2.1-5.6 5.1v14.4h-4.6V74.3zM497.2 68.5v5.9h5v3.9h-5v12c0 2.4 1 3.5 3.3 3.5.6 0 1.2 0 1.8-.1v3.8c-.8.1-1.7.2-2.5.2-5.1 0-7.1-1.8-7.1-6.3V78.3H489v-3.9h3.7v-5.9h4.5zM508.6 65.2h4.6V78h.4c1.3-2.7 4.1-4.4 7.1-4.2 4.2-.2 7.8 3 8.1 7.2 0 .5 0 1-.1 1.4v15H524V83.7c0-3.7-1.7-5.6-5-5.6-3-.2-5.6 2-5.9 5v14.5h-4.6l.1-32.4zM555.4 91.3c-1.3 4.4-5.5 7.2-10.1 6.7-5.8.2-10.7-4.5-10.9-10.3 0-.6 0-1.2.1-1.7-.8-5.9 3.3-11.3 9.2-12.1.5-.1 1-.1 1.5-.1 6.5 0 10.4 4.4 10.4 11.7v1.6h-16.4v.3c-.3 3.4 2.2 6.4 5.6 6.7h.6c2.2.3 4.4-.8 5.5-2.8h4.5zm-16.2-7.5H551c.2-3.1-2.1-5.8-5.2-6h-.5c-3.3 0-6 2.6-6 5.9-.1 0-.1 0-.1.1z"/></svg>
\ No newline at end of file
diff --git a/public/images/common/appstore.svg b/public/images/common/appstore.svg
deleted file mode 100644
index 1dbcc9769..000000000
--- a/public/images/common/appstore.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="119.664" height="40"><path d="M110.135 0H9.535c-.367 0-.73 0-1.095.002-.306.002-.61.008-.919.013A13.215 13.215 0 0 0 5.517.19a6.665 6.665 0 0 0-1.9.627 6.438 6.438 0 0 0-1.62 1.18A6.258 6.258 0 0 0 .82 3.617 6.601 6.601 0 0 0 .195 5.52a12.993 12.993 0 0 0-.179 2.002c-.01.307-.01.615-.015.921V31.56c.005.31.006.61.015.921a12.992 12.992 0 0 0 .18 2.002 6.588 6.588 0 0 0 .624 1.905A6.208 6.208 0 0 0 1.998 38a6.274 6.274 0 0 0 1.618 1.179 6.7 6.7 0 0 0 1.901.63 13.455 13.455 0 0 0 2.004.177c.31.007.613.011.919.011.366.002.728.002 1.095.002h100.6c.36 0 .724 0 1.084-.002.304 0 .617-.004.922-.01a13.279 13.279 0 0 0 2-.178 6.804 6.804 0 0 0 1.908-.63A6.277 6.277 0 0 0 117.666 38a6.395 6.395 0 0 0 1.182-1.614 6.604 6.604 0 0 0 .619-1.905 13.506 13.506 0 0 0 .185-2.002c.004-.31.004-.61.004-.921.008-.364.008-.725.008-1.094V9.536c0-.366 0-.73-.008-1.092 0-.306 0-.614-.004-.92a13.507 13.507 0 0 0-.185-2.003 6.618 6.618 0 0 0-.62-1.903 6.466 6.466 0 0 0-2.798-2.8 6.768 6.768 0 0 0-1.908-.627 13.044 13.044 0 0 0-2-.176c-.305-.005-.618-.011-.922-.013-.36-.002-.725-.002-1.084-.002Z" style="fill:#a6a6a6"/><path d="M8.445 39.125c-.305 0-.602-.004-.904-.01a12.687 12.687 0 0 1-1.87-.164 5.884 5.884 0 0 1-1.656-.548 5.406 5.406 0 0 1-1.397-1.016 5.32 5.32 0 0 1-1.02-1.397 5.722 5.722 0 0 1-.544-1.657 12.414 12.414 0 0 1-.166-1.875c-.007-.21-.015-.913-.015-.913v-23.1s.009-.692.015-.895a12.37 12.37 0 0 1 .165-1.872 5.755 5.755 0 0 1 .544-1.662 5.373 5.373 0 0 1 1.015-1.398 5.565 5.565 0 0 1 1.402-1.023 5.823 5.823 0 0 1 1.653-.544A12.586 12.586 0 0 1 7.543.887l.902-.012h102.769l.913.013a12.385 12.385 0 0 1 1.858.162 5.938 5.938 0 0 1 1.671.548 5.594 5.594 0 0 1 2.415 2.42 5.763 5.763 0 0 1 .535 1.649 12.995 12.995 0 0 1 .174 1.887c.003.283.003.588.003.89.008.375.008.732.008 1.092v20.929c0 .363 0 .718-.008 1.075 0 .325 0 .623-.004.93a12.731 12.731 0 0 1-.17 1.853 5.739 5.739 0 0 1-.54 1.67 5.48 5.48 0 0 1-1.016 1.386 5.413 5.413 0 0 1-1.4 1.022 5.862 5.862 0 0 1-1.668.55 12.542 12.542 0 0 1-1.869.163c-.293.007-.6.011-.897.011l-1.084.002Z"/><g data-name="&lt;Group&gt;"><g data-name="&lt;Group&gt;"><path data-name="&lt;Path&gt;" d="M24.769 20.3a4.949 4.949 0 0 1 2.356-4.151 5.066 5.066 0 0 0-3.99-2.158c-1.68-.176-3.308 1.005-4.164 1.005-.872 0-2.19-.988-3.608-.958a5.315 5.315 0 0 0-4.473 2.728c-1.934 3.348-.491 8.269 1.361 10.976.927 1.325 2.01 2.805 3.428 2.753 1.387-.058 1.905-.885 3.58-.885 1.658 0 2.144.885 3.59.852 1.489-.025 2.426-1.332 3.32-2.67a10.962 10.962 0 0 0 1.52-3.092 4.782 4.782 0 0 1-2.92-4.4Zm-2.732-8.09a4.872 4.872 0 0 0 1.115-3.49 4.957 4.957 0 0 0-3.208 1.66 4.636 4.636 0 0 0-1.144 3.36 4.1 4.1 0 0 0 3.237-1.53Z" style="fill:#fff"/></g><path d="M42.302 27.14H37.57l-1.137 3.356h-2.005l4.484-12.418h2.083l4.483 12.418h-2.039Zm-4.243-1.55h3.752l-1.85-5.446h-.051Zm17.101.38c0 2.813-1.506 4.62-3.779 4.62a3.07 3.07 0 0 1-2.848-1.583h-.043v4.484h-1.86V21.442h1.8v1.506h.033a3.212 3.212 0 0 1 2.883-1.6c2.298 0 3.813 1.816 3.813 4.622Zm-1.91 0c0-1.833-.948-3.038-2.393-3.038-1.42 0-2.375 1.23-2.375 3.038 0 1.824.955 3.046 2.375 3.046 1.445 0 2.393-1.197 2.393-3.046Zm11.875 0c0 2.813-1.506 4.62-3.779 4.62a3.07 3.07 0 0 1-2.848-1.583h-.043v4.484h-1.859V21.442h1.799v1.506h.034a3.212 3.212 0 0 1 2.883-1.6c2.298 0 3.813 1.816 3.813 4.622Zm-1.91 0c0-1.833-.948-3.038-2.393-3.038-1.42 0-2.375 1.23-2.375 3.038 0 1.824.955 3.046 2.375 3.046 1.445 0 2.392-1.197 2.392-3.046Zm8.495 1.066c.138 1.232 1.334 2.04 2.97 2.04 1.566 0 2.693-.808 2.693-1.919 0-.964-.68-1.54-2.29-1.936l-1.609-.388c-2.28-.55-3.339-1.617-3.339-3.348 0-2.142 1.867-3.614 4.519-3.614 2.624 0 4.423 1.472 4.483 3.614h-1.876c-.112-1.239-1.136-1.987-2.634-1.987s-2.521.757-2.521 1.858c0 .878.654 1.395 2.255 1.79l1.368.336c2.548.603 3.606 1.626 3.606 3.443 0 2.323-1.85 3.778-4.793 3.778-2.754 0-4.614-1.42-4.734-3.667ZM83.346 19.3v2.142h1.722v1.472h-1.722v4.991c0 .776.345 1.137 1.102 1.137a5.808 5.808 0 0 0 .611-.043v1.463a5.104 5.104 0 0 1-1.032.086c-1.833 0-2.548-.689-2.548-2.445v-5.189h-1.316v-1.472h1.316V19.3Zm2.719 6.67c0-2.849 1.678-4.639 4.294-4.639 2.625 0 4.295 1.79 4.295 4.639 0 2.856-1.661 4.638-4.295 4.638-2.633 0-4.294-1.782-4.294-4.638Zm6.695 0c0-1.954-.895-3.108-2.401-3.108s-2.4 1.162-2.4 3.108c0 1.962.894 3.106 2.4 3.106s2.401-1.144 2.401-3.106Zm3.426-4.528h1.773v1.541h.043a2.16 2.16 0 0 1 2.177-1.635 2.866 2.866 0 0 1 .637.069v1.738a2.598 2.598 0 0 0-.835-.112 1.873 1.873 0 0 0-1.937 2.083v5.37h-1.858Zm13.198 6.395c-.25 1.643-1.85 2.771-3.898 2.771-2.634 0-4.269-1.764-4.269-4.595 0-2.84 1.644-4.682 4.19-4.682 2.506 0 4.08 1.72 4.08 4.466v.637h-6.394v.112a2.358 2.358 0 0 0 2.436 2.564 2.048 2.048 0 0 0 2.09-1.273Zm-6.282-2.702h4.526a2.177 2.177 0 0 0-2.22-2.298 2.292 2.292 0 0 0-2.306 2.298Z" style="fill:#fff"/></g><path d="M37.826 8.731a2.64 2.64 0 0 1 2.808 2.965c0 1.906-1.03 3.002-2.808 3.002h-2.155V8.73Zm-1.228 5.123h1.125a1.876 1.876 0 0 0 1.967-2.146 1.881 1.881 0 0 0-1.967-2.134h-1.125Zm5.082-1.41a2.133 2.133 0 1 1 4.248 0 2.134 2.134 0 1 1-4.247 0Zm3.334 0c0-.976-.439-1.547-1.208-1.547-.773 0-1.207.571-1.207 1.547 0 .984.434 1.55 1.207 1.55.77 0 1.208-.57 1.208-1.55Zm6.559 2.254h-.922l-.93-3.317h-.07l-.927 3.317h-.913l-1.242-4.503h.902l.806 3.436h.067l.926-3.436h.852l.926 3.436h.07l.803-3.436h.889Zm2.281-4.503h.855v.715h.066a1.348 1.348 0 0 1 1.344-.802 1.465 1.465 0 0 1 1.559 1.675v2.915h-.889v-2.692c0-.724-.314-1.084-.972-1.084a1.033 1.033 0 0 0-1.075 1.141v2.635h-.888Zm5.24-1.758h.888v6.26h-.888Zm2.124 4.007a2.133 2.133 0 1 1 4.247 0 2.134 2.134 0 1 1-4.247 0Zm3.333 0c0-.976-.439-1.547-1.208-1.547-.773 0-1.207.571-1.207 1.547 0 .984.434 1.55 1.207 1.55.77 0 1.208-.57 1.208-1.55Zm1.849.98c0-.81.604-1.278 1.676-1.344l1.22-.07v-.389c0-.475-.315-.744-.922-.744-.497 0-.84.182-.939.5h-.86c.09-.773.818-1.27 1.84-1.27 1.128 0 1.765.563 1.765 1.514v3.077h-.855v-.633h-.07a1.515 1.515 0 0 1-1.353.707 1.36 1.36 0 0 1-1.501-1.348Zm2.895-.384v-.377l-1.1.07c-.62.042-.9.253-.9.65 0 .405.351.64.834.64a1.062 1.062 0 0 0 1.166-.983Zm2.053-.596c0-1.423.732-2.324 1.87-2.324a1.484 1.484 0 0 1 1.38.79h.067V8.437h.888v6.26h-.851v-.71h-.07a1.563 1.563 0 0 1-1.415.785c-1.145 0-1.869-.901-1.869-2.328Zm.918 0c0 .955.45 1.53 1.203 1.53.75 0 1.212-.583 1.212-1.526 0-.938-.468-1.53-1.212-1.53-.748 0-1.203.58-1.203 1.526Zm6.964 0a2.133 2.133 0 1 1 4.247 0 2.134 2.134 0 1 1-4.247 0Zm3.333 0c0-.976-.438-1.547-1.208-1.547-.772 0-1.207.571-1.207 1.547 0 .984.435 1.55 1.207 1.55.77 0 1.208-.57 1.208-1.55Zm2.107-2.249h.855v.715h.066a1.348 1.348 0 0 1 1.344-.802 1.465 1.465 0 0 1 1.559 1.675v2.915h-.889v-2.692c0-.724-.314-1.084-.972-1.084a1.033 1.033 0 0 0-1.075 1.141v2.635h-.889Zm8.845-1.121v1.141h.976v.749h-.976v2.315c0 .472.194.679.637.679a2.967 2.967 0 0 0 .339-.021v.74a2.916 2.916 0 0 1-.484.046c-.988 0-1.381-.348-1.381-1.216v-2.543h-.715v-.749h.715V9.074Zm2.19-.637h.88v2.481h.07a1.386 1.386 0 0 1 1.374-.806 1.483 1.483 0 0 1 1.55 1.679v2.907h-.889V12.01c0-.72-.335-1.084-.963-1.084a1.052 1.052 0 0 0-1.134 1.142v2.63h-.888Zm9.056 5.045a1.828 1.828 0 0 1-1.95 1.303 2.045 2.045 0 0 1-2.081-2.325 2.077 2.077 0 0 1 2.076-2.352c1.253 0 2.009.856 2.009 2.27v.31h-3.18v.05a1.19 1.19 0 0 0 1.2 1.29 1.08 1.08 0 0 0 1.07-.546Zm-3.126-1.451h2.275a1.086 1.086 0 0 0-1.109-1.167 1.152 1.152 0 0 0-1.166 1.167Z" style="fill:#fff" data-name="&lt;Group&gt;"/></svg>
\ No newline at end of file
diff --git a/public/images/common/recovery_coincover.svg b/public/images/common/recovery_coincover.svg
deleted file mode 100644
index 94303918f..000000000
--- a/public/images/common/recovery_coincover.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1495_2348)">
-<circle cx="20.6667" cy="20" r="20" fill="#001F33"/>
-<path d="M11 20C11 24.4667 13.9333 28.2556 17.9778 29.5333V10.4667C13.9333 11.7445 11 15.5333 11 20Z" fill="#B4FF00"/>
-<path d="M26.1556 10C20.6334 10 16.1556 14.4778 16.1556 20C16.1556 25.5222 20.6334 30 26.1556 30C26.2556 30 26.3667 30 26.4667 30V10.0111C26.3667 10.0111 26.2667 10.0111 26.1556 10.0111V10Z" fill="#B4FF00"/>
-</g>
-<defs>
-<clipPath id="clip0_1495_2348">
-<rect width="40" height="40" fill="white" transform="translate(0.666687)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/public/images/common/recovery_sygnum.svg b/public/images/common/recovery_sygnum.svg
deleted file mode 100644
index b13483a96..000000000
--- a/public/images/common/recovery_sygnum.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1495_2339)">
-<circle cx="20.3334" cy="20" r="20" fill="#DF2A4F"/>
-<path d="M25.1741 14.9377C27.0353 14.9377 28.0714 14.1216 28.0714 12.7798V11.1476C28.0714 9.80578 27.0353 9 25.1741 9C23.313 9 22.2768 9.80578 22.2768 11.1476V12.7798C22.2773 12.8803 22.2841 12.9807 22.2969 13.0804L15.2447 17.7742C14.5832 17.2293 13.7434 16.9644 12.8973 17.0337C11.0345 17.0337 10 17.8395 10 19.1813V20.8135C10 22.1554 11.0345 22.9714 12.8973 22.9714C13.335 23.0115 13.7761 22.9582 14.1928 22.8151C14.6094 22.672 14.9927 22.4421 15.3185 22.1398L22.312 26.7786C22.2855 26.9208 22.2721 27.0653 22.2717 27.2099V28.8421C22.2717 30.1839 23.3063 31 25.1691 31C27.0319 31 28.0664 30.1839 28.0664 28.8421V27.2099C28.0664 25.8681 27.0302 25.0623 25.1691 25.0623C24.3108 24.9896 23.4591 25.2661 22.7982 25.8321L15.7662 21.164C15.7843 21.0464 15.7938 20.9275 15.7947 20.8084V19.1762C15.7948 19.0169 15.7791 18.858 15.7477 18.702L22.7127 14.0632C23.0409 14.3809 23.4318 14.6227 23.8591 14.7721C24.2863 14.9214 24.74 14.975 25.1893 14.9291L25.1741 14.9377Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_1495_2339">
-<rect width="40" height="40" fill="white" transform="translate(0.333374)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/public/images/messages/link.svg b/public/images/messages/link.svg
deleted file mode 100644
index 4cb52591e..000000000
--- a/public/images/messages/link.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.7947 4.22853L12.3936 3.64844C14.5921 1.45114 18.1551 1.45114 20.3526 3.64863C22.4917 5.78774 22.5495 9.21871 20.5262 11.4275L20.3527 11.6087L17.3344 14.628C15.1369 16.8243 11.5731 16.8243 9.37541 14.6278C9.16318 14.4156 8.96942 14.1883 8.79617 13.9487C8.47256 13.5011 8.57303 12.876 9.02057 12.5524C9.46812 12.2288 10.0933 12.3292 10.4169 12.7768C10.5278 12.9302 10.6525 13.0765 10.7894 13.2134C12.1554 14.5786 14.3411 14.6274 15.7653 13.36L15.9203 13.2137L18.9384 10.1946C20.3559 8.77716 20.3559 6.48032 18.9384 5.06284C17.5725 3.69693 15.3879 3.64814 13.9527 4.92645L13.7964 5.07394L13.1864 5.66494C12.7897 6.04924 12.1566 6.03922 11.7723 5.64257C11.4176 5.27643 11.3988 4.70883 11.71 4.32141L11.7947 4.22853Z" fill="#5FDDFF"/>
-<path d="M6.6671 9.37566C8.8646 7.17817 12.4286 7.17817 14.6273 9.37566C14.7826 9.53091 14.9274 9.69368 15.0624 9.86421C15.4051 10.2973 15.3318 10.9262 14.8988 11.2689C14.4657 11.6116 13.8368 11.5384 13.4941 11.1053C13.407 10.9953 13.3136 10.8904 13.2133 10.7901C11.8464 9.42396 9.66084 9.37517 8.23627 10.6436L8.0812 10.79L5.06251 13.8077C3.64578 15.2252 3.64578 17.5223 5.06232 18.9397C6.42917 20.3065 8.61369 20.3553 10.0348 19.0903L10.1895 18.9443L10.9425 18.1813C11.3304 17.7882 11.9635 17.7841 12.3566 18.172C12.7195 18.5301 12.751 19.0971 12.4485 19.4914L12.366 19.5862L11.6083 20.3539C9.40979 22.5524 5.84663 22.5524 3.64791 20.3537C1.51003 18.2146 1.45225 14.7839 3.47486 12.5748L3.64822 12.3935L6.6671 9.37566Z" fill="#5FDDFF"/>
-</svg>
diff --git a/scripts/github/download_bundle_analyser_artifact.sh b/scripts/github/download_bundle_analyser_artifact.sh
deleted file mode 100644
index e5c0fa122..000000000
--- a/scripts/github/download_bundle_analyser_artifact.sh
+++ /dev/null
@@ -1,31 +0,0 @@
-# We use this instead of action-download-artifact. See discussion on
-# https://github.com/dawidd6/action-download-artifact/issues/240
-set -xe
-ORG="safe-global"
-REPO="safe-wallet-web"
-WORKFLOW="nextjs-bundle-analysis.yml"
-ARTIFACT_NAME="bundle"
-DESTINATION=".next/analyze/base"
-BASE_BRANCH="dev"
-
-ARTIFACTS_URL=$(
-  gh api \
-    -H "Accept: application/vnd.github+json" \
-    -H "X-GitHub-Api-Version: 2022-11-28" \
-    "/repos/${ORG}/${REPO}/actions/workflows/${WORKFLOW}/runs?event=push&branch=${BASE_BRANCH}&status=success&per_page=1" \
-    --jq ".workflow_runs[0].artifacts_url"
-)
-
-DOWNLOAD_URL=$(
-  gh api \
-    -H "Accept: application/vnd.github+json" \
-    -H "X-GitHub-Api-Version: 2022-11-28" \
-    "${ARTIFACTS_URL}" \
-    --jq '.artifacts[] | select(.name == "'"${ARTIFACT_NAME}"'") | .archive_download_url'
-)
-
-set +x
-curl -H "Accept: application/vnd.github+json" -H "Authorization: token $GH_TOKEN" -L -o "${DESTINATION}.zip" "$DOWNLOAD_URL"
-set -x
-unzip "${DESTINATION}.zip" -d "${DESTINATION}" && mkdir -p "${DESTINATION}/bundle" && mv "${DESTINATION}/__bundle_analysis.json" "${DESTINATION}/bundle/"
-rm "${DESTINATION}.zip"
diff --git a/scripts/github/s3_upload.sh b/scripts/github/s3_upload.sh
deleted file mode 100755
index 048cf1438..000000000
--- a/scripts/github/s3_upload.sh
+++ /dev/null
@@ -1,19 +0,0 @@
-#!/bin/bash
-
-set -ev
-
-if [[ -f $CHECKSUM_FILE ]]; then
-  cp ./$CHECKSUM_FILE ./out/$CHECKSUM_FILE
-fi
-
-cd out
-
-# Upload the build to S3
-aws s3 sync . $BUCKET --delete
-
-# Upload all HTML files again but w/o an extention so that URLs like /welcome open the right page
-for file in $(find . -name '*.html' | sed 's|^\./||'); do
-    aws s3 cp ${file%} $BUCKET/${file%.*} --content-type 'text/html'
-done
-
-cd -
diff --git a/src/components/address-book/AddressBookHeader/index.tsx b/src/components/address-book/AddressBookHeader/index.tsx
deleted file mode 100644
index c1b861103..000000000
--- a/src/components/address-book/AddressBookHeader/index.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { Button, SvgIcon, Grid } from '@mui/material'
-import type { ReactElement, ElementType } from 'react'
-import InputAdornment from '@mui/material/InputAdornment'
-import SearchIcon from '@/public/images/common/search.svg'
-import TextField from '@mui/material/TextField'
-
-import Track from '@/components/common/Track'
-import { ADDRESS_BOOK_EVENTS } from '@/services/analytics/events/addressBook'
-import PageHeader from '@/components/common/PageHeader'
-import { ModalType } from '../AddressBookTable'
-import { useAppSelector } from '@/store'
-import { type AddressBookState, selectAllAddressBooks } from '@/store/addressBookSlice'
-import ImportIcon from '@/public/images/common/import.svg'
-import ExportIcon from '@/public/images/common/export.svg'
-import AddCircleIcon from '@/public/images/common/add-outlined.svg'
-import mapProps from '@/utils/mad-props'
-
-const HeaderButton = ({
-  icon,
-  onClick,
-  disabled,
-  children,
-}: {
-  icon: ElementType
-  onClick: () => void
-  disabled?: boolean
-  children: string
-}): ReactElement => {
-  const svg = <SvgIcon component={icon} inheritViewBox fontSize="small" />
-
-  return (
-    <Button onClick={onClick} disabled={disabled} variant="text" color="primary" size="small" startIcon={svg}>
-      {children}
-    </Button>
-  )
-}
-
-type Props = {
-  allAddressBooks: AddressBookState
-  handleOpenModal: (type: ModalType) => () => void
-  searchQuery: string
-  onSearchQueryChange: (searchQuery: string) => void
-}
-
-function AddressBookHeader({
-  allAddressBooks,
-  handleOpenModal,
-  searchQuery,
-  onSearchQueryChange,
-}: Props): ReactElement {
-  const canExport = Object.values(allAddressBooks).some((addressBook) => Object.keys(addressBook || {}).length > 0)
-
-  return (
-    <PageHeader
-      title="Address book"
-      noBorder
-      action={
-        <Grid container pb={1} spacing={1}>
-          <Grid item xs={12} md={5} xl={4.5}>
-            <TextField
-              placeholder="Search"
-              variant="filled"
-              hiddenLabel
-              value={searchQuery}
-              onChange={(e) => {
-                onSearchQueryChange(e.target.value)
-              }}
-              InputProps={{
-                startAdornment: (
-                  <InputAdornment position="start">
-                    <SvgIcon component={SearchIcon} inheritViewBox color="border" />
-                  </InputAdornment>
-                ),
-                disableUnderline: true,
-              }}
-              fullWidth
-              size="small"
-            />
-          </Grid>
-          <Grid item xs={12} md={7} display="flex" justifyContent={['space-between', , 'flex-end']} alignItems="center">
-            <Track {...ADDRESS_BOOK_EVENTS.IMPORT_BUTTON}>
-              <HeaderButton onClick={handleOpenModal(ModalType.IMPORT)} icon={ImportIcon}>
-                Import
-              </HeaderButton>
-            </Track>
-
-            <Track {...ADDRESS_BOOK_EVENTS.DOWNLOAD_BUTTON}>
-              <HeaderButton onClick={handleOpenModal(ModalType.EXPORT)} icon={ExportIcon} disabled={!canExport}>
-                Export
-              </HeaderButton>
-            </Track>
-
-            <Track {...ADDRESS_BOOK_EVENTS.CREATE_ENTRY}>
-              <HeaderButton onClick={handleOpenModal(ModalType.ENTRY)} icon={AddCircleIcon}>
-                Create entry
-              </HeaderButton>
-            </Track>
-          </Grid>
-        </Grid>
-      }
-    />
-  )
-}
-
-const useAllAddressBooks = () => useAppSelector(selectAllAddressBooks)
-
-export default mapProps(AddressBookHeader, {
-  allAddressBooks: useAllAddressBooks,
-})
diff --git a/src/components/address-book/AddressBookTable/index.tsx b/src/components/address-book/AddressBookTable/index.tsx
deleted file mode 100644
index f1ee73aee..000000000
--- a/src/components/address-book/AddressBookTable/index.tsx
+++ /dev/null
@@ -1,184 +0,0 @@
-import { useContext, useMemo, useState } from 'react'
-import { Box } from '@mui/material'
-import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-
-import EnhancedTable from '@/components/common/EnhancedTable'
-import type { AddressEntry } from '@/components/address-book/EntryDialog'
-import EntryDialog from '@/components/address-book/EntryDialog'
-import ExportDialog from '@/components/address-book/ExportDialog'
-import ImportDialog from '@/components/address-book/ImportDialog'
-import EditIcon from '@/public/images/common/edit.svg'
-import DeleteIcon from '@/public/images/common/delete.svg'
-import Button from '@mui/material/Button'
-import IconButton from '@mui/material/IconButton'
-import Tooltip from '@mui/material/Tooltip'
-import RemoveDialog from '@/components/address-book/RemoveDialog'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import AddressBookHeader from '../AddressBookHeader'
-import useAddressBook from '@/hooks/useAddressBook'
-import Track from '@/components/common/Track'
-import { ADDRESS_BOOK_EVENTS } from '@/services/analytics/events/addressBook'
-import SvgIcon from '@mui/material/SvgIcon'
-import PagePlaceholder from '@/components/common/PagePlaceholder'
-import NoEntriesIcon from '@/public/images/address-book/no-entries.svg'
-import { useCurrentChain } from '@/hooks/useChains'
-import tableCss from '@/components/common/EnhancedTable/styles.module.css'
-import { TxModalContext, type TxModalContextType } from '@/components/tx-flow'
-import { TokenTransferFlow } from '@/components/tx-flow/flows'
-import CheckWallet from '@/components/common/CheckWallet'
-import madProps from '@/utils/mad-props'
-
-const headCells = [
-  { id: 'name', label: 'Name' },
-  { id: 'address', label: 'Address' },
-  { id: 'actions', label: '' },
-]
-
-export enum ModalType {
-  EXPORT = 'export',
-  IMPORT = 'import',
-  ENTRY = 'entry',
-  REMOVE = 'remove',
-}
-
-const defaultOpen = {
-  [ModalType.EXPORT]: false,
-  [ModalType.IMPORT]: false,
-  [ModalType.ENTRY]: false,
-  [ModalType.REMOVE]: false,
-}
-
-type AddressBookTableProps = {
-  chain?: ChainInfo
-  setTxFlow: TxModalContextType['setTxFlow']
-}
-
-function AddressBookTable({ chain, setTxFlow }: AddressBookTableProps) {
-  const [open, setOpen] = useState<typeof defaultOpen>(defaultOpen)
-  const [searchQuery, setSearchQuery] = useState('')
-  const [defaultValues, setDefaultValues] = useState<AddressEntry | undefined>(undefined)
-
-  const handleOpenModal = (type: keyof typeof open) => () => {
-    setOpen((prev) => ({ ...prev, [type]: true }))
-  }
-
-  const handleOpenModalWithValues = (modal: ModalType, address: string, name: string) => {
-    setDefaultValues({ address, name })
-    handleOpenModal(modal)()
-  }
-
-  const handleClose = () => {
-    setOpen(defaultOpen)
-    setDefaultValues(undefined)
-  }
-
-  const addressBook = useAddressBook()
-  const addressBookEntries = Object.entries(addressBook)
-  const filteredEntries = useMemo(() => {
-    if (!searchQuery) {
-      return addressBookEntries
-    }
-
-    const query = searchQuery.toLowerCase()
-    return addressBookEntries.filter(([address, name]) => {
-      return address.toLowerCase().includes(query) || name.toLowerCase().includes(query)
-    })
-  }, [addressBookEntries, searchQuery])
-
-  const rows = filteredEntries.map(([address, name]) => ({
-    cells: {
-      name: {
-        rawValue: name,
-        content: name,
-      },
-      address: {
-        rawValue: address,
-        content: <EthHashInfo address={address} showName={false} shortAddress={false} hasExplorer showCopyButton />,
-      },
-      actions: {
-        rawValue: '',
-        sticky: true,
-        content: (
-          <div className={tableCss.actions}>
-            <Track {...ADDRESS_BOOK_EVENTS.EDIT_ENTRY}>
-              <Tooltip title="Edit entry" placement="top">
-                <IconButton onClick={() => handleOpenModalWithValues(ModalType.ENTRY, address, name)} size="small">
-                  <SvgIcon component={EditIcon} inheritViewBox color="border" fontSize="small" />
-                </IconButton>
-              </Tooltip>
-            </Track>
-
-            <Track {...ADDRESS_BOOK_EVENTS.DELETE_ENTRY}>
-              <Tooltip title="Delete entry" placement="top">
-                <IconButton onClick={() => handleOpenModalWithValues(ModalType.REMOVE, address, name)} size="small">
-                  <SvgIcon component={DeleteIcon} inheritViewBox color="error" fontSize="small" />
-                </IconButton>
-              </Tooltip>
-            </Track>
-
-            <CheckWallet>
-              {(isOk) => (
-                <Track {...ADDRESS_BOOK_EVENTS.SEND}>
-                  <Button
-                    data-testid="send-btn"
-                    variant="contained"
-                    color="primary"
-                    size="small"
-                    onClick={() => setTxFlow(<TokenTransferFlow recipient={address} />)}
-                    disabled={!isOk}
-                  >
-                    Send
-                  </Button>
-                </Track>
-              )}
-            </CheckWallet>
-          </div>
-        ),
-      },
-    },
-  }))
-
-  return (
-    <>
-      <AddressBookHeader
-        handleOpenModal={handleOpenModal}
-        searchQuery={searchQuery}
-        onSearchQueryChange={setSearchQuery}
-      />
-
-      <main>
-        {filteredEntries.length > 0 ? (
-          <EnhancedTable rows={rows} headCells={headCells} mobileVariant />
-        ) : (
-          <Box bgcolor="background.paper" borderRadius={1}>
-            <PagePlaceholder
-              img={<NoEntriesIcon />}
-              text={`No entries found${chain ? ` on ${chain.chainName}` : ''}`}
-            />
-          </Box>
-        )}
-      </main>
-
-      {open[ModalType.EXPORT] && <ExportDialog handleClose={handleClose} />}
-
-      {open[ModalType.IMPORT] && <ImportDialog handleClose={handleClose} />}
-
-      {open[ModalType.ENTRY] && (
-        <EntryDialog
-          handleClose={handleClose}
-          defaultValues={defaultValues}
-          disableAddressInput={Boolean(defaultValues?.name)}
-        />
-      )}
-
-      {open[ModalType.REMOVE] && <RemoveDialog handleClose={handleClose} address={defaultValues?.address || ''} />}
-    </>
-  )
-}
-
-const useSetTxFlow = () => useContext(TxModalContext).setTxFlow
-
-export default madProps(AddressBookTable, {
-  chain: useCurrentChain,
-  setTxFlow: useSetTxFlow,
-})
diff --git a/src/components/address-book/EntryDialog/index.tsx b/src/components/address-book/EntryDialog/index.tsx
deleted file mode 100644
index 4faa8c199..000000000
--- a/src/components/address-book/EntryDialog/index.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import type { ReactElement, BaseSyntheticEvent } from 'react'
-import { Box, Button, DialogActions, DialogContent } from '@mui/material'
-import { FormProvider, useForm } from 'react-hook-form'
-
-import AddressInput from '@/components/common/AddressInput'
-import ModalDialog from '@/components/common/ModalDialog'
-import NameInput from '@/components/common/NameInput'
-import useChainId from '@/hooks/useChainId'
-import { useAppDispatch } from '@/store'
-import { upsertAddressBookEntry } from '@/store/addressBookSlice'
-import madProps from '@/utils/mad-props'
-
-export type AddressEntry = {
-  name: string
-  address: string
-}
-
-function EntryDialog({
-  handleClose,
-  defaultValues = {
-    name: '',
-    address: '',
-  },
-  disableAddressInput = false,
-  chainId,
-  currentChainId,
-}: {
-  handleClose: () => void
-  defaultValues?: AddressEntry
-  disableAddressInput?: boolean
-  chainId?: string
-  currentChainId: string
-}): ReactElement {
-  const dispatch = useAppDispatch()
-
-  const methods = useForm<AddressEntry>({
-    defaultValues,
-    mode: 'onChange',
-  })
-
-  const { handleSubmit, formState } = methods
-
-  const submitCallback = handleSubmit((data: AddressEntry) => {
-    dispatch(upsertAddressBookEntry({ ...data, chainId: chainId || currentChainId }))
-    handleClose()
-  })
-
-  const onSubmit = (e: BaseSyntheticEvent) => {
-    e.stopPropagation()
-    submitCallback(e)
-  }
-
-  return (
-    <ModalDialog open onClose={handleClose} dialogTitle={defaultValues.name ? 'Edit entry' : 'Create entry'}>
-      <FormProvider {...methods}>
-        <form onSubmit={onSubmit}>
-          <DialogContent>
-            <Box mb={2}>
-              <NameInput data-testid="name-input" label="Name" autoFocus name="name" required />
-            </Box>
-
-            <Box>
-              <AddressInput
-                name="address"
-                label="Contact"
-                variant="outlined"
-                fullWidth
-                required
-                disabled={disableAddressInput}
-              />
-            </Box>
-          </DialogContent>
-
-          <DialogActions>
-            <Button data-testid="cancel-btn" onClick={handleClose}>
-              Cancel
-            </Button>
-            <Button
-              data-testid="save-btn"
-              type="submit"
-              variant="contained"
-              disabled={!formState.isValid}
-              disableElevation
-            >
-              Save
-            </Button>
-          </DialogActions>
-        </form>
-      </FormProvider>
-    </ModalDialog>
-  )
-}
-
-export default madProps(EntryDialog, {
-  currentChainId: useChainId,
-})
diff --git a/src/components/address-book/ExportDialog/index.tsx b/src/components/address-book/ExportDialog/index.tsx
deleted file mode 100644
index 15256feaa..000000000
--- a/src/components/address-book/ExportDialog/index.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import DialogContent from '@mui/material/DialogContent'
-import DialogActions from '@mui/material/DialogActions'
-import Button from '@mui/material/Button'
-import Typography from '@mui/material/Typography'
-import { useCSVDownloader } from 'react-papaparse'
-import type { SyntheticEvent } from 'react'
-import { useMemo, type ReactElement } from 'react'
-
-import ModalDialog from '@/components/common/ModalDialog'
-import { type AddressBookState, selectAllAddressBooks } from '@/store/addressBookSlice'
-import { useAppSelector } from '@/store'
-import { trackEvent, ADDRESS_BOOK_EVENTS } from '@/services/analytics'
-import ExternalLink from '@/components/common/ExternalLink'
-import { HelpCenterArticle } from '@/config/constants'
-import madProps from '@/utils/mad-props'
-
-const COL_1 = 'address'
-const COL_2 = 'name'
-const COL_3 = 'chainId'
-
-type CsvData = { [COL_1]: string; [COL_2]: string; [COL_3]: string }[]
-
-export const _getCsvData = (addressBooks: AddressBookState): CsvData => {
-  const csvData = Object.entries(addressBooks).reduce<CsvData>((acc, [chainId, entries]) => {
-    Object.entries(entries).forEach(([address, name]) => {
-      acc.push({
-        [COL_1]: address,
-        [COL_2]: name,
-        [COL_3]: chainId,
-      })
-    })
-
-    return acc
-  }, [])
-
-  return csvData
-}
-
-function ExportDialog({
-  allAddressBooks,
-  handleClose,
-}: {
-  allAddressBooks: AddressBookState
-  handleClose: () => void
-}): ReactElement {
-  const length = Object.values(allAddressBooks).reduce<number>((acc, entries) => acc + Object.keys(entries).length, 0)
-  const { CSVDownloader } = useCSVDownloader()
-  // safe-address-book-1970-01-01
-  const filename = `safe-address-book-${new Date().toISOString().slice(0, 10)}`
-
-  const csvData = useMemo(() => _getCsvData(allAddressBooks), [allAddressBooks])
-
-  const onSubmit = (e: SyntheticEvent) => {
-    e.preventDefault()
-
-    trackEvent(ADDRESS_BOOK_EVENTS.EXPORT)
-
-    setTimeout(() => {
-      handleClose()
-    }, 300)
-  }
-
-  return (
-    <ModalDialog open onClose={handleClose} dialogTitle="Export address book" hideChainIndicator>
-      <DialogContent sx={{ p: '24px !important' }}>
-        <Typography data-testid="export-summary">
-          You&apos;re about to export a CSV file with{' '}
-          <b>
-            {length} address book {length === 1 ? 'entry' : 'entries'}
-          </b>
-          .
-        </Typography>
-
-        <Typography mt={1}>
-          <ExternalLink
-            href={HelpCenterArticle.ADDRESS_BOOK_DATA}
-            title="Learn about the address book import and export"
-          >
-            Learn about the address book import and export
-          </ExternalLink>
-        </Typography>
-      </DialogContent>
-
-      <DialogActions>
-        <Button onClick={handleClose}>Cancel</Button>
-        <CSVDownloader filename={filename} bom config={{ delimiter: ',' }} data={csvData} style={{ order: 2 }}>
-          <Button data-testid="export-modal-btn" variant="contained" disableElevation onClick={onSubmit}>
-            Export
-          </Button>
-        </CSVDownloader>
-      </DialogActions>
-    </ModalDialog>
-  )
-}
-
-const useAllAddressBooks = () => useAppSelector(selectAllAddressBooks)
-
-export default madProps(ExportDialog, {
-  allAddressBooks: useAllAddressBooks,
-})
diff --git a/src/components/address-book/ImportDialog/index.tsx b/src/components/address-book/ImportDialog/index.tsx
deleted file mode 100644
index d031893ed..000000000
--- a/src/components/address-book/ImportDialog/index.tsx
+++ /dev/null
@@ -1,183 +0,0 @@
-import DialogContent from '@mui/material/DialogContent'
-import DialogActions from '@mui/material/DialogActions'
-import Button from '@mui/material/Button'
-import Typography from '@mui/material/Typography'
-import { useCSVReader, formatFileSize } from 'react-papaparse'
-import type { ParseResult } from 'papaparse'
-import { type ReactElement, useState, type MouseEvent, useMemo } from 'react'
-
-import ModalDialog from '@/components/common/ModalDialog'
-import { upsertAddressBookEntry } from '@/store/addressBookSlice'
-import { useAppDispatch } from '@/store'
-
-import css from './styles.module.css'
-import { trackEvent, ADDRESS_BOOK_EVENTS } from '@/services/analytics'
-import { abCsvReaderValidator, abOnUploadValidator } from './validation'
-import ErrorMessage from '@/components/tx/ErrorMessage'
-import { Errors, logError } from '@/services/exceptions'
-import FileUpload, { FileTypes, type FileInfo } from '@/components/common/FileUpload'
-import ExternalLink from '@/components/common/ExternalLink'
-import { HelpCenterArticle } from '@/config/constants'
-
-type AddressBookCSVRow = ['address', 'name', 'chainId']
-
-// https://react-papaparse.js.org/docs#errors
-type PapaparseErrorType = {
-  type: 'Quotes' | 'Delimiter' | 'FieldMismatch'
-  code: 'MissingQuotes' | 'UndetectableDelimiter' | 'TooFewFields' | 'TooManyFields'
-  message: string
-  row?: number
-  index?: number
-}
-
-const hasEntry = (entry: string[]) => {
-  return entry.length === 3 && entry[0] && entry[1] && entry[2]
-}
-
-const ImportDialog = ({ handleClose }: { handleClose: () => void }): ReactElement => {
-  const [zoneHover, setZoneHover] = useState<boolean>(false)
-  const [csvData, setCsvData] = useState<ParseResult<AddressBookCSVRow>>()
-  const [error, setError] = useState<string>()
-
-  // Count how many entries are in the CSV file
-  const [entryCount, chainCount] = useMemo(() => {
-    if (!csvData) return [0, 0]
-    const entries = csvData.data.slice(1).filter(hasEntry)
-    const entryLen = entries.length
-    const chainLen = new Set(entries.map((entry) => entry[2].trim())).size
-    return [entryLen, chainLen]
-  }, [csvData])
-
-  const dispatch = useAppDispatch()
-  const { CSVReader } = useCSVReader()
-
-  const handleImport = () => {
-    if (!csvData) {
-      return
-    }
-
-    const [, ...entries] = csvData.data
-
-    for (const entry of entries) {
-      const [address, name, chainId] = entry
-      dispatch(upsertAddressBookEntry({ address, name, chainId: chainId.trim() }))
-    }
-
-    trackEvent({ ...ADDRESS_BOOK_EVENTS.IMPORT, label: entries.length })
-
-    handleClose()
-  }
-
-  return (
-    <ModalDialog open onClose={handleClose} dialogTitle="Import address book" hideChainIndicator>
-      <DialogContent>
-        <CSVReader
-          accept="text/csv"
-          multiple={false}
-          onDragOver={() => {
-            setZoneHover(true)
-          }}
-          onDragLeave={() => {
-            setZoneHover(false)
-          }}
-          validator={abCsvReaderValidator}
-          onUploadRejected={(result: { file: File; errors?: Array<Error | string | PapaparseErrorType> }[]) => {
-            setZoneHover(false)
-            setError(undefined)
-
-            // csvReaderValidator error
-            const error = result?.[0].errors?.pop()
-
-            if (error) {
-              const errorDescription = typeof error === 'string' ? error.toString() : error.message
-              setError(errorDescription)
-              logError(Errors._703, errorDescription)
-            }
-          }}
-          onUploadAccepted={(result: ParseResult<['address', 'name', 'chainId']>) => {
-            setZoneHover(false)
-            setError(undefined)
-
-            // Remove empty rows
-            const cleanResult = {
-              ...result,
-              data: result.data.filter(hasEntry),
-            }
-
-            const message = abOnUploadValidator(cleanResult)
-
-            if (message) {
-              setError(message)
-            } else {
-              setCsvData(cleanResult)
-            }
-          }}
-        >
-          {/* https://github.com/Bunlong/react-papaparse/blob/master/src/useCSVReader.tsx */}
-          {({ getRootProps, acceptedFile, ProgressBar, getRemoveFileProps, Remove }: any) => {
-            const { onClick } = getRemoveFileProps()
-
-            const onRemove = (e: MouseEvent<HTMLSpanElement>) => {
-              setCsvData(undefined)
-              setError(undefined)
-              onClick(e)
-            }
-
-            const fileInfo: FileInfo | undefined = acceptedFile
-              ? {
-                  name: acceptedFile.name,
-                  additionalInfo: formatFileSize(acceptedFile.size),
-                  summary: [
-                    <Typography data-testid="summary-message" key="abSummary">
-                      {`Found ${entryCount} entries on ${chainCount} ${chainCount > 1 ? 'chains' : 'chain'}`}
-                    </Typography>,
-                  ],
-                }
-              : undefined
-
-            return (
-              <FileUpload
-                fileInfo={fileInfo}
-                fileType={FileTypes.CSV}
-                getRootProps={getRootProps}
-                isDragActive={zoneHover}
-                onRemove={onRemove}
-              />
-            )
-          }}
-        </CSVReader>
-
-        <div className={css.horizontalDivider} />
-
-        {error && <ErrorMessage>{error}</ErrorMessage>}
-
-        <Typography>
-          Only CSV files exported from a {'Rootstock Safe'} can be imported.
-          <br />
-          <ExternalLink
-            href={HelpCenterArticle.ADDRESS_BOOK_DATA}
-            title="Learn about the address book import and export"
-          >
-            Learn about the address book import and export
-          </ExternalLink>
-        </Typography>
-      </DialogContent>
-      <DialogActions>
-        <Button data-testid="cancel-btn" onClick={handleClose}>
-          Cancel
-        </Button>
-        <Button
-          data-testid="import-btn"
-          onClick={handleImport}
-          variant="contained"
-          disableElevation
-          disabled={!csvData || !!error}
-        >
-          Import
-        </Button>
-      </DialogActions>
-    </ModalDialog>
-  )
-}
-
-export default ImportDialog
diff --git a/src/components/address-book/ImportDialog/validation.ts b/src/components/address-book/ImportDialog/validation.ts
deleted file mode 100644
index b6b5b2c1e..000000000
--- a/src/components/address-book/ImportDialog/validation.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import type { ParseResult } from 'papaparse'
-
-import { validateAddress } from '@/utils/validation'
-
-export const abCsvReaderValidator = ({ size }: File): string[] | undefined => {
-  if (size > 1_000_000) {
-    return ['Address book cannot be larger than 1MB']
-  }
-}
-
-export const hasValidAbHeader = (header: string[]) => {
-  return header.length === 3 && header[0] === 'address' && header[1] === 'name' && header[2] === 'chainId'
-}
-
-export const hasValidAbEntryAddresses = (entries: string[][]) => {
-  return entries.every((entry) => entry.length >= 1 && !validateAddress(entry[0], entry[2]))
-}
-
-export const hasValidAbNames = (entries: string[][]) => {
-  return entries.every((entry) => entry.length >= 2 && !!entry[1])
-}
-
-export const abOnUploadValidator = ({ data, errors }: ParseResult<string[]>): string | undefined => {
-  const [header, ...entries] = data
-
-  // papaparse error
-  if (errors.length > 0) {
-    return errors[0].message
-  }
-
-  // Empty CSV
-  if (data.length === 0) {
-    return 'CSV file is empty'
-  }
-
-  // Wrong header
-  if (!hasValidAbHeader(header)) {
-    return 'Invalid or corrupt address book header'
-  }
-
-  // No entries
-  if (entries.length === 0) {
-    return 'No entries found in address book'
-  }
-
-  // We + 2 to each row to make up for header and index
-
-  // An entry has invalid address
-  if (!hasValidAbEntryAddresses(entries)) {
-    const i = entries.findIndex((entry) => (entry.length >= 1 ? validateAddress(entry[0], entry[2]) : true))
-    return `Address book contains an invalid address on row ${i + 2}`
-  }
-
-  // An entry has invalid name
-  if (!hasValidAbNames(entries)) {
-    const i = entries.findIndex((entry) => (entry.length >= 2 ? !entry[1] : true))
-    return `Address book contains an invalid name on row ${i + 2}`
-  }
-}
diff --git a/src/components/balances/AssetsTable/SendButton.tsx b/src/components/balances/AssetsTable/SendButton.tsx
deleted file mode 100644
index f6a1a41b7..000000000
--- a/src/components/balances/AssetsTable/SendButton.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { useContext } from 'react'
-import type { TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { Button } from '@mui/material'
-import ArrowIconNW from '@/public/images/common/arrow-top-right.svg'
-import CheckWallet from '@/components/common/CheckWallet'
-import useSpendingLimit from '@/hooks/useSpendingLimit'
-import Track from '@/components/common/Track'
-import { ASSETS_EVENTS } from '@/services/analytics/events/assets'
-import { TokenTransferFlow } from '@/components/tx-flow/flows'
-import { TxModalContext } from '@/components/tx-flow'
-
-const SendButton = ({ tokenInfo, isOutlined }: { tokenInfo: TokenInfo; isOutlined?: boolean }) => {
-  const spendingLimit = useSpendingLimit(tokenInfo)
-  const { setTxFlow } = useContext(TxModalContext)
-
-  const onSendClick = () => {
-    setTxFlow(<TokenTransferFlow tokenAddress={tokenInfo.address} />)
-  }
-
-  return (
-    <CheckWallet allowSpendingLimit={!!spendingLimit}>
-      {(isOk) => (
-        <Track {...ASSETS_EVENTS.SEND}>
-          <Button
-            variant={isOutlined ? 'outlined' : 'contained'}
-            color="primary"
-            size="small"
-            startIcon={<ArrowIconNW />}
-            onClick={onSendClick}
-            disabled={!isOk}
-            sx={{ height: '37.5px' }}
-          >
-            Send
-          </Button>
-        </Track>
-      )}
-    </CheckWallet>
-  )
-}
-
-export default SendButton
diff --git a/src/components/balances/AssetsTable/index.test.tsx b/src/components/balances/AssetsTable/index.test.tsx
deleted file mode 100644
index ce7b4de01..000000000
--- a/src/components/balances/AssetsTable/index.test.tsx
+++ /dev/null
@@ -1,480 +0,0 @@
-import * as useChainId from '@/hooks/useChainId'
-import useHiddenTokens from '@/hooks/useHiddenTokens'
-import { TOKEN_LISTS } from '@/store/settingsSlice'
-import { act, fireEvent, getByRole, getByTestId, render, waitFor } from '@/tests/test-utils'
-import { safeParseUnits } from '@/utils/formatters'
-import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
-import { toBeHex } from 'ethers'
-import { useState } from 'react'
-import AssetsTable from '.'
-import { COLLAPSE_TIMEOUT_MS } from './useHideAssets'
-
-const getParentRow = (element: HTMLElement | null) => {
-  while (element !== null) {
-    if (element.tagName.toLowerCase() === 'tr') {
-      return element
-    }
-    element = element.parentElement
-  }
-  return null
-}
-
-const TestComponent = () => {
-  const [showHidden, setShowHidden] = useState(false)
-  const hiddenTokens = useHiddenTokens()
-  return (
-    <>
-      <AssetsTable showHiddenAssets={showHidden} setShowHiddenAssets={setShowHidden} />
-      <button data-testid="showHidden" onClick={() => setShowHidden((prev) => !prev)} />
-      <ul>
-        {hiddenTokens.map((token) => (
-          <li key={token}>{token}</li>
-        ))}
-      </ul>
-    </>
-  )
-}
-
-describe('AssetsTable', () => {
-  beforeEach(() => {
-    window.localStorage.clear()
-    jest.clearAllMocks()
-    jest.spyOn(useChainId, 'default').mockReturnValue('5')
-    jest.useFakeTimers()
-  })
-
-  test('select and deselect hidden assets', async () => {
-    const mockHiddenAssets = {
-      '5': [toBeHex('0x2', 20), toBeHex('0x3', 20)],
-    }
-    const mockBalances = {
-      data: {
-        fiatTotal: '300',
-        items: [
-          {
-            balance: safeParseUnits('100', 18)!.toString(),
-            fiatBalance: '100',
-            fiatConversion: '1',
-            tokenInfo: {
-              address: toBeHex('0x2', 20),
-              decimals: 18,
-              logoUri: '',
-              name: 'DAI',
-              symbol: 'DAI',
-              type: TokenType.ERC20,
-            },
-          },
-          {
-            balance: safeParseUnits('200', 18)!.toString(),
-            fiatBalance: '200',
-            fiatConversion: '1',
-            tokenInfo: {
-              address: toBeHex('0x3', 20),
-              decimals: 18,
-              logoUri: '',
-              name: 'SPAM',
-              symbol: 'SPM',
-              type: TokenType.ERC20,
-            },
-          },
-        ],
-      },
-      loading: false,
-      error: undefined,
-    }
-
-    const result = render(<TestComponent />, {
-      initialReduxState: {
-        balances: mockBalances,
-        settings: {
-          currency: 'usd',
-          hiddenTokens: mockHiddenAssets,
-          tokenList: TOKEN_LISTS.ALL,
-          shortName: {
-            copy: true,
-            qr: true,
-          },
-          theme: {
-            darkMode: true,
-          },
-          env: {
-            tenderly: {
-              url: '',
-              accessToken: '',
-            },
-            rpc: {},
-          },
-          signing: {
-            onChainSigning: false,
-            blindSigning: false,
-          },
-          transactionExecution: true,
-        },
-      },
-    })
-
-    const toggleHiddenButton = result.getByTestId('showHidden')
-
-    // Show only hidden assets
-    fireEvent.click(toggleHiddenButton)
-
-    await waitFor(() => {
-      expect(result.queryByText('100 DAI')).not.toBeNull()
-      expect(result.queryByText('200 SPM')).not.toBeNull()
-    })
-
-    // unhide both tokens
-    let tableRow = getParentRow(result.getByText('100 DAI'))
-    expect(tableRow).not.toBeNull()
-    fireEvent.click(getByRole(tableRow!, 'checkbox'))
-
-    tableRow = getParentRow(result.getByText('200 SPM'))
-    expect(tableRow).not.toBeNull()
-    fireEvent.click(getByRole(tableRow!, 'checkbox'))
-
-    // hide them again
-    tableRow = getParentRow(result.getByText('100 DAI'))
-    expect(tableRow).not.toBeNull()
-    fireEvent.click(getByRole(tableRow!, 'checkbox'))
-
-    tableRow = getParentRow(result.getByText('200 SPM'))
-    expect(tableRow).not.toBeNull()
-    fireEvent.click(getByRole(tableRow!, 'checkbox'))
-
-    const saveButton = result.getByText('Save')
-    fireEvent.click(saveButton)
-
-    // Both tokens should still be hidden
-    expect(result.queryByText('100 DAI')).toBeNull()
-    expect(result.queryByText('200 SPM')).toBeNull()
-  })
-
-  test('Deselect all and save', async () => {
-    const mockHiddenAssets = {
-      '5': [toBeHex('0x2', 20), toBeHex('0x3', 20), toBeHex('0xdead', 20)],
-    }
-    const mockBalances = {
-      data: {
-        fiatTotal: '300',
-        items: [
-          {
-            balance: safeParseUnits('100', 18)!.toString(),
-            fiatBalance: '100',
-            fiatConversion: '1',
-            tokenInfo: {
-              address: toBeHex('0x2', 20),
-              decimals: 18,
-              logoUri: '',
-              name: 'DAI',
-              symbol: 'DAI',
-              type: TokenType.ERC20,
-            },
-          },
-          {
-            balance: safeParseUnits('200', 18)!.toString(),
-            fiatBalance: '200',
-            fiatConversion: '1',
-            tokenInfo: {
-              address: toBeHex('0x3', 20),
-              decimals: 18,
-              logoUri: '',
-              name: 'SPAM',
-              symbol: 'SPM',
-              type: TokenType.ERC20,
-            },
-          },
-        ],
-      },
-      loading: false,
-      error: undefined,
-    }
-
-    const result = render(<TestComponent />, {
-      initialReduxState: {
-        balances: mockBalances,
-        settings: {
-          currency: 'usd',
-          hiddenTokens: mockHiddenAssets,
-          tokenList: TOKEN_LISTS.ALL,
-          shortName: {
-            copy: true,
-            qr: true,
-          },
-          theme: {
-            darkMode: true,
-          },
-          env: {
-            tenderly: {
-              url: '',
-              accessToken: '',
-            },
-            rpc: {},
-          },
-          signing: {
-            onChainSigning: false,
-            blindSigning: false,
-          },
-          transactionExecution: true,
-        },
-      },
-    })
-
-    const toggleHiddenButton = result.getByTestId('showHidden')
-
-    // Show only hidden assets
-    fireEvent.click(toggleHiddenButton)
-
-    await waitFor(() => {
-      expect(result.queryByText('100 DAI')).not.toBeNull()
-      expect(result.queryByText('200 SPM')).not.toBeNull()
-    })
-
-    // Expect 3 hidden token addresses
-    expect(result.queryByText(toBeHex('0x2', 20))).not.toBeNull()
-    expect(result.queryByText(toBeHex('0x3', 20))).not.toBeNull()
-    expect(result.queryByText(toBeHex('0xdead', 20))).not.toBeNull()
-
-    fireEvent.click(result.getByText('Deselect all'))
-    fireEvent.click(result.getByText('Save'))
-
-    await waitFor(() => {
-      // Menu should disappear
-      expect(result.queryByText('Save')).toBeNull()
-      // Assets should still be visible (unhidden)
-      expect(result.queryByText('100 DAI')).not.toBeNull()
-      expect(result.queryByText('200 SPM')).not.toBeNull()
-    })
-
-    // Expect one hidden token, which was not part of the current balance
-    expect(result.queryByText(toBeHex('0x2', 20))).toBeNull()
-    expect(result.queryByText(toBeHex('0x3', 20))).toBeNull()
-    expect(result.queryByText(toBeHex('0xdead', 20))).not.toBeNull()
-  })
-
-  test('immediately hide visible assets', async () => {
-    const mockHiddenAssets = {
-      '5': [],
-    }
-    const mockBalances = {
-      data: {
-        fiatTotal: '300',
-        items: [
-          {
-            balance: safeParseUnits('100', 18)!.toString(),
-            fiatBalance: '100',
-            fiatConversion: '1',
-            tokenInfo: {
-              address: toBeHex('0x2', 20),
-              decimals: 18,
-              logoUri: '',
-              name: 'DAI',
-              symbol: 'DAI',
-              type: TokenType.ERC20,
-            },
-          },
-          {
-            balance: safeParseUnits('200', 18)!.toString(),
-            fiatBalance: '200',
-            fiatConversion: '1',
-            tokenInfo: {
-              address: toBeHex('0x3', 20),
-              decimals: 18,
-              logoUri: '',
-              name: 'SPAM',
-              symbol: 'SPM',
-              type: TokenType.ERC20,
-            },
-          },
-        ],
-      },
-      loading: false,
-      error: undefined,
-    }
-
-    const result = render(<TestComponent />, {
-      initialReduxState: {
-        balances: mockBalances,
-        settings: {
-          currency: 'usd',
-          hiddenTokens: mockHiddenAssets,
-          tokenList: TOKEN_LISTS.ALL,
-          shortName: {
-            copy: true,
-            qr: true,
-          },
-          theme: {
-            darkMode: true,
-          },
-          env: {
-            tenderly: {
-              url: '',
-              accessToken: '',
-            },
-            rpc: {},
-          },
-          signing: {
-            onChainSigning: false,
-            blindSigning: false,
-          },
-          transactionExecution: true,
-        },
-      },
-    })
-
-    // Initially we see all tokens
-    expect(result.queryByText('100 DAI')).not.toBeNull()
-    expect(result.queryByText('200 SPM')).not.toBeNull()
-
-    // hide one token
-    let tableRow = getParentRow(result.getByText('200 SPM'))
-    expect(tableRow).not.toBeNull()
-    fireEvent.click(getByTestId(tableRow!, 'VisibilityOutlinedIcon'))
-
-    // As the animation runs for 300ms it is still visible in the first 299 ms
-    jest.advanceTimersByTime(COLLAPSE_TIMEOUT_MS - 1)
-    expect(result.queryByText('200 SPM')).not.toBeNull()
-
-    act(() => jest.advanceTimersByTime(1))
-    // We only see DAI
-    expect(result.queryByText('100 DAI')).not.toBeNull()
-    expect(result.queryByText('200 SPM')).toBeNull()
-
-    // Hide 2nd token
-    tableRow = getParentRow(result.getByText('100 DAI'))
-    expect(tableRow).not.toBeNull()
-    fireEvent.click(getByTestId(tableRow!, 'VisibilityOutlinedIcon'))
-
-    act(() => jest.advanceTimersByTime(COLLAPSE_TIMEOUT_MS))
-
-    expect(result.queryByText('100 DAI')).toBeNull()
-    expect(result.queryByText('200 SPM')).toBeNull()
-  })
-
-  test('hideAndUnhideAssets', async () => {
-    const mockHiddenAssets = {
-      '5': [],
-    }
-    const mockBalances = {
-      data: {
-        fiatTotal: '300',
-        items: [
-          {
-            balance: safeParseUnits('100', 18)!.toString(),
-            fiatBalance: '100',
-            fiatConversion: '1',
-            tokenInfo: {
-              address: toBeHex('0x2', 20),
-              decimals: 18,
-              logoUri: '',
-              name: 'DAI',
-              symbol: 'DAI',
-              type: TokenType.ERC20,
-            },
-          },
-          {
-            balance: safeParseUnits('200', 18)!.toString(),
-            fiatBalance: '200',
-            fiatConversion: '1',
-            tokenInfo: {
-              address: toBeHex('0x3', 20),
-              decimals: 18,
-              logoUri: '',
-              name: 'SPAM',
-              symbol: 'SPM',
-              type: TokenType.ERC20,
-            },
-          },
-        ],
-      },
-      loading: false,
-      error: undefined,
-    }
-
-    const result = render(<TestComponent />, {
-      initialReduxState: {
-        balances: mockBalances,
-        settings: {
-          currency: 'usd',
-          hiddenTokens: mockHiddenAssets,
-          tokenList: TOKEN_LISTS.ALL,
-          shortName: {
-            copy: true,
-            qr: true,
-          },
-          theme: {
-            darkMode: true,
-          },
-          env: {
-            tenderly: {
-              url: '',
-              accessToken: '',
-            },
-            rpc: {},
-          },
-          signing: {
-            onChainSigning: false,
-            blindSigning: false,
-          },
-          transactionExecution: true,
-        },
-      },
-    })
-
-    const toggleHiddenButton = result.getByTestId('showHidden')
-
-    // Initially we see all tokens (as none are hidden)
-    expect(result.queryByText('100 DAI')).not.toBeNull()
-    expect(result.queryByText('200 SPM')).not.toBeNull()
-
-    // toggle spam token
-    let tableRow = getParentRow(result.getByText('200 SPM'))
-    expect(tableRow).not.toBeNull()
-
-    // hide button
-    fireEvent.click(getByTestId(tableRow!, 'VisibilityOutlinedIcon'))
-
-    // SPAM token is hidden now
-    await waitFor(() => {
-      expect(result.queryByText('100 DAI')).not.toBeNull()
-      expect(result.queryByText('200 SPM')).toBeNull()
-    })
-
-    // show hidden tokens
-    fireEvent.click(toggleHiddenButton)
-
-    // All assets are visible
-    await waitFor(() => {
-      expect(result.queryByText('100 DAI')).not.toBeNull()
-      expect(result.queryByText('200 SPM')).not.toBeNull()
-    })
-
-    // Unhide token & reset (make no changes)
-    tableRow = getParentRow(result.getByText('200 SPM'))
-    expect(tableRow).not.toBeNull()
-    fireEvent.click(getByRole(tableRow!, 'checkbox'))
-    const resetButton = result.getByText('Cancel')
-    fireEvent.click(resetButton)
-
-    // SPAM token is hidden again
-    await waitFor(() => {
-      expect(result.queryByText('100 DAI')).not.toBeNull()
-      expect(result.queryByText('200 SPM')).toBeNull()
-    })
-
-    // show hidden tokens
-    fireEvent.click(toggleHiddenButton)
-
-    // Unhide token & apply
-    tableRow = getParentRow(result.getByText('200 SPM'))
-    expect(tableRow).not.toBeNull()
-    fireEvent.click(getByRole(tableRow!, 'checkbox'))
-    const saveButton = result.getByText('Save')
-    fireEvent.click(saveButton)
-
-    // Both tokens are visible again
-    await waitFor(() => {
-      expect(result.queryByText('100 DAI')).not.toBeNull()
-      expect(result.queryByText('200 SPM')).not.toBeNull()
-    })
-  })
-})
diff --git a/src/components/balances/AssetsTable/index.tsx b/src/components/balances/AssetsTable/index.tsx
deleted file mode 100644
index df1f069b5..000000000
--- a/src/components/balances/AssetsTable/index.tsx
+++ /dev/null
@@ -1,234 +0,0 @@
-import CheckBalance from '@/features/counterfactual/CheckBalance'
-import { type ReactElement } from 'react'
-import { Tooltip, Typography, SvgIcon, IconButton, Box, Checkbox, Skeleton } from '@mui/material'
-import type { TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
-import css from './styles.module.css'
-import FiatValue from '@/components/common/FiatValue'
-import TokenAmount from '@/components/common/TokenAmount'
-import TokenIcon from '@/components/common/TokenIcon'
-import EnhancedTable, { type EnhancedTableProps } from '@/components/common/EnhancedTable'
-import TokenExplorerLink from '@/components/common/TokenExplorerLink'
-import Track from '@/components/common/Track'
-import { ASSETS_EVENTS } from '@/services/analytics/events/assets'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import { VisibilityOutlined } from '@mui/icons-material'
-import TokenMenu from '../TokenMenu'
-import useBalances from '@/hooks/useBalances'
-import { useHideAssets, useVisibleAssets } from './useHideAssets'
-import AddFundsCTA from '@/components/common/AddFunds'
-import SwapButton from '@/features/swap/components/SwapButton'
-import { SWAP_LABELS } from '@/services/analytics/events/swaps'
-import SendButton from './SendButton'
-import useIsSwapFeatureEnabled from '@/features/swap/hooks/useIsSwapFeatureEnabled'
-
-const skeletonCells: EnhancedTableProps['rows'][0]['cells'] = {
-  asset: {
-    rawValue: '0x0',
-    content: (
-      <div className={css.token}>
-        <Skeleton variant="rounded" width="26px" height="26px" />
-        <Typography>
-          <Skeleton width="80px" />
-        </Typography>
-      </div>
-    ),
-  },
-  balance: {
-    rawValue: '0',
-    content: (
-      <Typography>
-        <Skeleton width="32px" />
-      </Typography>
-    ),
-  },
-  value: {
-    rawValue: '0',
-    content: (
-      <Typography>
-        <Skeleton width="32px" />
-      </Typography>
-    ),
-  },
-  actions: {
-    rawValue: '',
-    sticky: true,
-    content: <div></div>,
-  },
-}
-
-const skeletonRows: EnhancedTableProps['rows'] = Array(3).fill({ cells: skeletonCells })
-
-const isNativeToken = (tokenInfo: TokenInfo) => {
-  return tokenInfo.type === TokenType.NATIVE_TOKEN
-}
-
-const headCells = [
-  {
-    id: 'asset',
-    label: 'Asset',
-    width: '60%',
-  },
-  {
-    id: 'balance',
-    label: 'Balance',
-    width: '20%',
-  },
-  {
-    id: 'value',
-    label: 'Value',
-    width: '20%',
-    align: 'right',
-  },
-  {
-    id: 'actions',
-    label: '',
-    width: '20%',
-    sticky: true,
-  },
-]
-
-const AssetsTable = ({
-  showHiddenAssets,
-  setShowHiddenAssets,
-}: {
-  showHiddenAssets: boolean
-  setShowHiddenAssets: (hidden: boolean) => void
-}): ReactElement => {
-  const { balances, loading } = useBalances()
-  const isSwapFeatureEnabled = useIsSwapFeatureEnabled()
-
-  const { isAssetSelected, toggleAsset, hidingAsset, hideAsset, cancel, deselectAll, saveChanges } = useHideAssets(() =>
-    setShowHiddenAssets(false),
-  )
-
-  const visible = useVisibleAssets()
-  const visibleAssets = showHiddenAssets ? balances.items : visible
-
-  const hasNoAssets = !loading && balances.items.length === 1 && balances.items[0].balance === '0'
-
-  const selectedAssetCount = visibleAssets?.filter((item) => isAssetSelected(item.tokenInfo.address)).length || 0
-
-  const rows = loading
-    ? skeletonRows
-    : (visibleAssets || []).map((item) => {
-        const rawFiatValue = parseFloat(item.fiatBalance)
-        const isNative = isNativeToken(item.tokenInfo)
-        const isSelected = isAssetSelected(item.tokenInfo.address)
-
-        return {
-          key: item.tokenInfo.address,
-          selected: isSelected,
-          collapsed: item.tokenInfo.address === hidingAsset,
-          cells: {
-            asset: {
-              rawValue: item.tokenInfo.name,
-              collapsed: item.tokenInfo.address === hidingAsset,
-              content: (
-                <div className={css.token}>
-                  <TokenIcon logoUri={item.tokenInfo.logoUri} tokenSymbol={item.tokenInfo.symbol} />
-
-                  <Typography>{item.tokenInfo.name}</Typography>
-
-                  {!isNative && <TokenExplorerLink address={item.tokenInfo.address} />}
-                </div>
-              ),
-            },
-            balance: {
-              rawValue: Number(item.balance) / 10 ** item.tokenInfo.decimals,
-              collapsed: item.tokenInfo.address === hidingAsset,
-              content: (
-                <TokenAmount
-                  value={item.balance}
-                  decimals={item.tokenInfo.decimals}
-                  tokenSymbol={item.tokenInfo.symbol}
-                />
-              ),
-            },
-            value: {
-              rawValue: rawFiatValue,
-              collapsed: item.tokenInfo.address === hidingAsset,
-              content: (
-                <Typography textAlign="right">
-                  <FiatValue value={item.fiatBalance} />
-
-                  {rawFiatValue === 0 && (
-                    <Tooltip
-                      title="Provided values are indicative and we are unable to accommodate pricing requests for individual assets"
-                      placement="top"
-                      arrow
-                    >
-                      <span>
-                        <SvgIcon
-                          component={InfoIcon}
-                          inheritViewBox
-                          color="error"
-                          fontSize="small"
-                          sx={{ verticalAlign: 'middle', marginLeft: 0.5 }}
-                        />
-                      </span>
-                    </Tooltip>
-                  )}
-                </Typography>
-              ),
-            },
-            actions: {
-              rawValue: '',
-              sticky: true,
-              collapsed: item.tokenInfo.address === hidingAsset,
-              content: (
-                <Box display="flex" flexDirection="row" gap={1} alignItems="center">
-                  <>
-                    <SendButton tokenInfo={item.tokenInfo} />
-
-                    {isSwapFeatureEnabled && (
-                      <SwapButton tokenInfo={item.tokenInfo} amount="0" trackingLabel={SWAP_LABELS.asset} />
-                    )}
-
-                    {showHiddenAssets ? (
-                      <Checkbox size="small" checked={isSelected} onClick={() => toggleAsset(item.tokenInfo.address)} />
-                    ) : (
-                      <Track {...ASSETS_EVENTS.HIDE_TOKEN}>
-                        <Tooltip title="Hide asset" arrow disableInteractive>
-                          <IconButton
-                            disabled={hidingAsset !== undefined}
-                            size="medium"
-                            onClick={() => hideAsset(item.tokenInfo.address)}
-                          >
-                            <VisibilityOutlined fontSize="small" />
-                          </IconButton>
-                        </Tooltip>
-                      </Track>
-                    )}
-                  </>
-                </Box>
-              ),
-            },
-          },
-        }
-      })
-
-  return (
-    <>
-      <TokenMenu
-        saveChanges={saveChanges}
-        cancel={cancel}
-        deselectAll={deselectAll}
-        selectedAssetCount={selectedAssetCount}
-        showHiddenAssets={showHiddenAssets}
-      />
-
-      {hasNoAssets ? (
-        <AddFundsCTA />
-      ) : (
-        <div className={css.container}>
-          <EnhancedTable rows={rows} headCells={headCells} />
-        </div>
-      )}
-
-      <CheckBalance />
-    </>
-  )
-}
-
-export default AssetsTable
diff --git a/src/components/balances/CurrencySelect/__tests__/useCurrencies.test.ts b/src/components/balances/CurrencySelect/__tests__/useCurrencies.test.ts
deleted file mode 100644
index b8dfbc927..000000000
--- a/src/components/balances/CurrencySelect/__tests__/useCurrencies.test.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { act, renderHook } from '@testing-library/react'
-import { getFiatCurrencies } from '@safe-global/safe-gateway-typescript-sdk'
-import useCurrencies from '../useCurrencies'
-import { Errors, logError } from '@/services/exceptions'
-
-jest.mock('@safe-global/safe-gateway-typescript-sdk', () => ({
-  getFiatCurrencies: jest.fn(),
-}))
-
-jest.mock('@/services/exceptions', () => {
-  const originalModule = jest.requireActual('@/services/exceptions')
-
-  return {
-    ...originalModule, // this will keep the original exports
-    logError: jest.fn(), // this will override logError with a mock function
-  }
-})
-
-describe('useCurrencies', () => {
-  beforeEach(() => {
-    jest.clearAllMocks()
-  })
-
-  it('should fetch and return the list of ISO 4217 currencies', async () => {
-    const iso4217Currencies = ['USD', 'EUR', 'GBP']
-    const mockCurrencies = [...iso4217Currencies, 'SATS']
-    const getFiatCurrenciesMock = jest.fn(async () => Promise.resolve(mockCurrencies))
-    const myMock = getFiatCurrencies as jest.Mock
-    myMock.mockImplementation(getFiatCurrenciesMock)
-
-    const { result, rerender } = renderHook(() => useCurrencies())
-
-    expect(result.current).toBeUndefined()
-
-    await act(async () => {
-      rerender()
-    })
-
-    expect(result.current).toEqual(iso4217Currencies)
-    expect(getFiatCurrenciesMock).toHaveBeenCalledTimes(1)
-  })
-
-  it('should log an error if fetching currencies fails', async () => {
-    const mockError = new Error('Failed to fetch currencies')
-    const myMock = getFiatCurrencies as jest.Mock
-    myMock.mockRejectedValue(mockError)
-
-    const { rerender } = renderHook(() => useCurrencies())
-
-    await act(async () => {
-      rerender()
-    })
-
-    expect(logError).toHaveBeenCalledWith(Errors._607, mockError.message)
-  })
-})
diff --git a/src/components/balances/CurrencySelect/useCurrencies.ts b/src/components/balances/CurrencySelect/useCurrencies.ts
deleted file mode 100644
index 65ed7ce3f..000000000
--- a/src/components/balances/CurrencySelect/useCurrencies.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { useEffect } from 'react'
-import type { FiatCurrencies } from '@safe-global/safe-gateway-typescript-sdk'
-import { getFiatCurrencies } from '@safe-global/safe-gateway-typescript-sdk'
-import useAsync from '@/hooks/useAsync'
-import { Errors, logError } from '@/services/exceptions'
-
-// The SDK returns a list of currencies, including crypto
-// some of the crypto currencies have a length of 4 characters
-// we filter them out because the frontend only supports ISO 4217 currencies
-// and they have to be exactly 3 characters long
-// if that is not the case Intl.NumberFormat will throw an error and crash the app
-const getISO4217Currencies = async (): Promise<FiatCurrencies> => {
-  const currencies = await getFiatCurrencies()
-
-  return currencies.filter((currency) => currency.length === 3)
-}
-
-const useCurrencies = (): FiatCurrencies | undefined => {
-  // Re-fetch assets when the entire SafeInfo updates
-  const [data, error] = useAsync<FiatCurrencies>(getISO4217Currencies, [])
-
-  // Log errors
-  useEffect(() => {
-    if (!error) return
-    logError(Errors._607, error.message)
-  }, [error])
-
-  return data
-}
-
-export default useCurrencies
diff --git a/src/components/balances/HiddenTokenButton/index.test.tsx b/src/components/balances/HiddenTokenButton/index.test.tsx
deleted file mode 100644
index facd302a2..000000000
--- a/src/components/balances/HiddenTokenButton/index.test.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import * as useChainId from '@/hooks/useChainId'
-import { fireEvent, render } from '@/tests/test-utils'
-import { toBeHex } from 'ethers'
-import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
-import { safeParseUnits } from '@/utils/formatters'
-import HiddenTokenButton from '.'
-import { useState } from 'react'
-import { TOKEN_LISTS } from '@/store/settingsSlice'
-
-const TestComponent = () => {
-  const [showHidden, setShowHidden] = useState(false)
-  return (
-    <HiddenTokenButton showHiddenAssets={showHidden} toggleShowHiddenAssets={() => setShowHidden((prev) => !prev)} />
-  )
-}
-
-describe('HiddenTokenToggle', () => {
-  beforeEach(() => {
-    jest.clearAllMocks()
-    window.localStorage.clear()
-    jest.spyOn(useChainId, 'default').mockReturnValue('5')
-  })
-
-  test('button disabled if hidden assets are visible', async () => {
-    const mockHiddenAssets = {
-      '5': [toBeHex('0x3', 20)],
-    }
-    const mockBalances = {
-      data: {
-        fiatTotal: '300',
-        items: [
-          {
-            balance: safeParseUnits('100', 18)!.toString(),
-            fiatBalance: '100',
-            fiatConversion: '1',
-            tokenInfo: {
-              address: toBeHex('0x2', 20),
-              decimals: 18,
-              logoUri: '',
-              name: 'DAI',
-              symbol: 'DAI',
-              type: TokenType.ERC20,
-            },
-          },
-          {
-            balance: safeParseUnits('200', 18)!.toString(),
-            fiatBalance: '200',
-            fiatConversion: '1',
-            tokenInfo: {
-              address: toBeHex('0x3', 20),
-              decimals: 18,
-              logoUri: '',
-              name: 'SPAM',
-              symbol: 'SPM',
-              type: TokenType.ERC20,
-            },
-          },
-        ],
-      },
-      loading: false,
-      error: undefined,
-    }
-
-    const result = render(<TestComponent />, {
-      initialReduxState: {
-        balances: mockBalances,
-        settings: {
-          currency: 'usd',
-          hiddenTokens: mockHiddenAssets,
-          tokenList: TOKEN_LISTS.ALL,
-          shortName: {
-            copy: true,
-            qr: true,
-          },
-          theme: {
-            darkMode: true,
-          },
-          env: {
-            tenderly: {
-              url: '',
-              accessToken: '',
-            },
-            rpc: {},
-          },
-          signing: {
-            onChainSigning: false,
-            blindSigning: false,
-          },
-          transactionExecution: true,
-        },
-      },
-    })
-    fireEvent.click(result.getByTestId('toggle-hidden-assets'))
-
-    // Now it is disabled
-    expect(result.getByTestId('toggle-hidden-assets')).toBeDisabled()
-  })
-})
diff --git a/src/components/balances/HiddenTokenButton/index.tsx b/src/components/balances/HiddenTokenButton/index.tsx
deleted file mode 100644
index 18ab57dbc..000000000
--- a/src/components/balances/HiddenTokenButton/index.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { type ReactElement } from 'react'
-import { Typography, Button } from '@mui/material'
-import { ASSETS_EVENTS } from '@/services/analytics'
-import useHiddenTokens from '@/hooks/useHiddenTokens'
-import useBalances from '@/hooks/useBalances'
-import VisibilityOutlined from '@mui/icons-material/VisibilityOutlined'
-import Track from '@/components/common/Track'
-
-import css from './styles.module.css'
-
-const HiddenTokenButton = ({
-  toggleShowHiddenAssets,
-  showHiddenAssets,
-}: {
-  toggleShowHiddenAssets?: () => void
-  showHiddenAssets?: boolean
-}): ReactElement | null => {
-  const { balances } = useBalances()
-  const currentHiddenAssets = useHiddenTokens()
-
-  const hiddenAssetCount =
-    balances.items?.filter((item) => currentHiddenAssets.includes(item.tokenInfo.address)).length || 0
-
-  return (
-    <div className={css.hiddenTokenButton}>
-      <Track {...ASSETS_EVENTS.SHOW_HIDDEN_ASSETS}>
-        <Button
-          sx={{
-            gap: 1,
-            padding: 1,
-            borderWidth: '1px !important',
-            borderColor: ({ palette }) => palette.border.main,
-          }}
-          disabled={showHiddenAssets}
-          onClick={toggleShowHiddenAssets}
-          data-testid="toggle-hidden-assets"
-          variant="outlined"
-        >
-          <>
-            <VisibilityOutlined fontSize="small" />
-            <Typography fontSize="medium">
-              {hiddenAssetCount === 0
-                ? 'Hide tokens'
-                : `${hiddenAssetCount} hidden token${hiddenAssetCount > 1 ? 's' : ''}`}{' '}
-            </Typography>
-          </>
-        </Button>
-      </Track>
-    </div>
-  )
-}
-
-export default HiddenTokenButton
diff --git a/src/components/balances/TokenListSelect/index.tsx b/src/components/balances/TokenListSelect/index.tsx
deleted file mode 100644
index e300bc4e1..000000000
--- a/src/components/balances/TokenListSelect/index.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import { useAppDispatch, useAppSelector } from '@/store'
-import { selectSettings, setTokenList, TOKEN_LISTS } from '@/store/settingsSlice'
-import { FEATURES } from '@/utils/chains'
-import type { SelectChangeEvent } from '@mui/material'
-import { Box, SvgIcon, Tooltip, Typography, FormControl, InputLabel, Select, MenuItem } from '@mui/material'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import ExternalLink from '@/components/common/ExternalLink'
-import { OnboardingTooltip } from '@/components/common/OnboardingTooltip'
-import Track from '@/components/common/Track'
-import { ASSETS_EVENTS, trackEvent } from '@/services/analytics'
-import { HelpCenterArticle } from '@/config/constants'
-import { useHasFeature } from '@/hooks/useChains'
-
-const LS_TOKENLIST_ONBOARDING = 'tokenlist_onboarding'
-
-const TokenListLabel = {
-  [TOKEN_LISTS.TRUSTED]: 'Default tokens',
-  [TOKEN_LISTS.ALL]: 'All tokens',
-}
-
-const TokenListSelect = () => {
-  const dispatch = useAppDispatch()
-  const settings = useAppSelector(selectSettings)
-  const hasDefaultTokenlist = useHasFeature(FEATURES.DEFAULT_TOKENLIST)
-
-  const handleSelectTokenList = (event: SelectChangeEvent<TOKEN_LISTS>) => {
-    const selectedString = event.target.value as TOKEN_LISTS
-    dispatch(setTokenList(selectedString))
-  }
-
-  if (!hasDefaultTokenlist) {
-    return null
-  }
-
-  return (
-    <FormControl size="small">
-      <InputLabel id="tokenlist-select-label">Token list</InputLabel>
-
-      <OnboardingTooltip
-        widgetLocalStorageId={LS_TOKENLIST_ONBOARDING}
-        text={
-          <>
-            Spam filter on!
-            <br />
-            Switch to &quot;All tokens&quot; to see all of your tokens.
-          </>
-        }
-      >
-        <Select
-          labelId="tokenlist-select-label"
-          id="tokenlist-select"
-          value={settings.tokenList}
-          label="Tokenlist"
-          onChange={handleSelectTokenList}
-          renderValue={(value) => TokenListLabel[value]}
-          onOpen={() => trackEvent(ASSETS_EVENTS.OPEN_TOKEN_LIST_MENU)}
-          sx={{ minWidth: '152px' }}
-        >
-          <MenuItem value={TOKEN_LISTS.TRUSTED}>
-            <Track {...ASSETS_EVENTS.SHOW_DEFAULT_TOKENS}>
-              <Box display="flex" flexDirection="row" gap="4px" alignItems="center" minWidth={155}>
-                {TokenListLabel.TRUSTED}
-                <Tooltip
-                  arrow
-                  title={
-                    <Typography>
-                      Learn more about <ExternalLink href={HelpCenterArticle.SPAM_TOKENS}>default tokens</ExternalLink>
-                    </Typography>
-                  }
-                >
-                  <span>
-                    <SvgIcon sx={{ display: 'block' }} color="border" fontSize="small" component={InfoIcon} />
-                  </span>
-                </Tooltip>
-              </Box>
-            </Track>
-          </MenuItem>
-
-          <MenuItem value={TOKEN_LISTS.ALL}>
-            <Track {...ASSETS_EVENTS.SHOW_ALL_TOKENS}>
-              <span>{TokenListLabel.ALL}</span>
-            </Track>
-          </MenuItem>
-        </Select>
-      </OnboardingTooltip>
-    </FormControl>
-  )
-}
-
-export default TokenListSelect
diff --git a/src/components/common/AddFunds/index.tsx b/src/components/common/AddFunds/index.tsx
deleted file mode 100644
index b9e549f9d..000000000
--- a/src/components/common/AddFunds/index.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { Box, FormControlLabel, Grid, Paper, Switch, Typography } from '@mui/material'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import QRCode from '@/components/common/QRCode'
-import { useCurrentChain } from '@/hooks/useChains'
-import useSafeAddress from '@/hooks/useSafeAddress'
-import { useAppDispatch, useAppSelector } from '@/store'
-import { selectSettings, setQrShortName } from '@/store/settingsSlice'
-import BuyCryptoButton from '@/components/common/BuyCryptoButton'
-
-const AddFundsCTA = () => {
-  const safeAddress = useSafeAddress()
-  const chain = useCurrentChain()
-  const dispatch = useAppDispatch()
-  const settings = useAppSelector(selectSettings)
-  const qrPrefix = settings.shortName.qr ? `${chain?.shortName}:` : ''
-  const qrCode = `${qrPrefix}${safeAddress}`
-
-  return (
-    <Paper data-testid="add-funds-section">
-      <Grid container gap={3} alignItems="center" justifyContent="center" p={4}>
-        <Grid item>
-          <div>
-            <Box p={2} border="1px solid" borderColor="border.light" borderRadius={1} display="inline-block">
-              <QRCode value={qrCode} size={195} />
-            </Box>
-          </div>
-
-          <FormControlLabel
-            control={
-              <Switch checked={settings.shortName.qr} onChange={(e) => dispatch(setQrShortName(e.target.checked))} />
-            }
-            label={<>QR code with chain prefix</>}
-          />
-        </Grid>
-
-        <Grid item container xs={12} md={6} gap={2} flexDirection="column">
-          <Typography variant="h3" fontWeight="bold">
-            Add funds to get started
-          </Typography>
-
-          <Typography>
-            Add funds directly from your bank account or copy your address to send tokens from a different account.
-          </Typography>
-
-          <Box bgcolor="background.main" p={2} borderRadius="6px" alignSelf="flex-start" fontSize="14px">
-            <EthHashInfo address={safeAddress} shortAddress={false} showCopyButton hasExplorer avatarSize={24} />
-          </Box>
-
-          <Box alignSelf="flex-start">
-            <BuyCryptoButton />
-          </Box>
-        </Grid>
-      </Grid>
-    </Paper>
-  )
-}
-
-export default AddFundsCTA
diff --git a/src/components/common/AddressBookInput/index.test.tsx b/src/components/common/AddressBookInput/index.test.tsx
deleted file mode 100644
index 449e0eead..000000000
--- a/src/components/common/AddressBookInput/index.test.tsx
+++ /dev/null
@@ -1,275 +0,0 @@
-import { act, fireEvent, render, waitFor } from '@/tests/test-utils'
-import { FormProvider, useForm } from 'react-hook-form'
-import AddressBookInput from '.'
-import type { AddressInputProps } from '../AddressInput'
-import { useCurrentChain } from '@/hooks/useChains'
-import { faker } from '@faker-js/faker'
-import { chainBuilder } from '@/tests/builders/chains'
-import { FEATURES } from '@safe-global/safe-gateway-typescript-sdk'
-import { checksumAddress } from '@/utils/addresses'
-import type { AddressBook } from '@/store/addressBookSlice'
-
-// We use Rinkeby and chainId 4 here as this is our default url chain (see jest.setup.js)
-const mockChain = chainBuilder()
-  .with({ features: [FEATURES.DOMAIN_LOOKUP] })
-  .with({ chainId: '4' })
-  .with({ shortName: 'rin' })
-  .build()
-
-// mock useCurrentChain
-jest.mock('@/hooks/useChains', () => ({
-  ...jest.requireActual('@/hooks/useChains'),
-  useCurrentChain: jest.fn(() => mockChain),
-  __esModule: true,
-}))
-
-// mock useNameResolver
-jest.mock('@/components/common/AddressInput/useNameResolver', () => ({
-  __esModule: true,
-  default: jest.fn((val: string) => ({
-    address: val === 'zero.eth' ? '0x0000000000000000000000000000000000000000' : undefined,
-    resolverError: val === 'bogus.eth' ? new Error('Failed to resolve') : undefined,
-    resolving: false,
-  })),
-}))
-
-const testId = 'recipientAutocomplete'
-const TestForm = ({
-  address,
-  validate,
-  canAdd,
-}: {
-  address: string
-  validate?: AddressInputProps['validate']
-  canAdd?: boolean
-}) => {
-  const name = 'recipient'
-
-  const methods = useForm<{
-    [name]: string
-  }>({
-    defaultValues: {
-      [name]: address,
-    },
-    mode: 'all',
-  })
-
-  return (
-    <FormProvider {...methods}>
-      <form onSubmit={methods.handleSubmit(() => null)}>
-        <AddressBookInput
-          data-testid={testId}
-          name={name}
-          label="Recipient address"
-          validate={validate}
-          canAdd={canAdd}
-        />
-        <button type="submit">Submit</button>
-      </form>
-    </FormProvider>
-  )
-}
-
-const setup = (
-  address: string,
-  initialAddressBook: AddressBook,
-  validate?: AddressInputProps['validate'],
-  canAdd?: boolean,
-) => {
-  const utils = render(<TestForm address={address} validate={validate} canAdd={canAdd} />, {
-    initialReduxState: {
-      addressBook: {
-        [mockChain.chainId]: initialAddressBook,
-      },
-      chains: { data: [mockChain], loading: false },
-    },
-  })
-  const input = utils.getByLabelText('Recipient address', { exact: false })
-
-  return {
-    input: input as HTMLInputElement,
-    utils,
-  }
-}
-
-describe('AddressBookInput', () => {
-  beforeAll(() => {
-    jest.useFakeTimers()
-  })
-
-  afterAll(() => {
-    jest.useRealTimers()
-  })
-
-  beforeEach(() => {
-    jest.clearAllMocks()
-    ;(useCurrentChain as jest.Mock).mockImplementation(() => mockChain)
-  })
-
-  it('should not open autocomplete without entries', () => {
-    const { input } = setup('', {})
-
-    expect(input).toHaveAttribute('aria-expanded', 'false')
-
-    act(() => {
-      fireEvent.mouseDown(input)
-    })
-
-    expect(input).toHaveAttribute('aria-expanded', 'false')
-  })
-
-  it('should open autocomplete with entries', () => {
-    const { input } = setup('', {
-      [checksumAddress(faker.finance.ethereumAddress())]: 'Tim Testermann',
-    })
-
-    expect(input).toHaveAttribute('aria-expanded', 'false')
-
-    act(() => {
-      fireEvent.mouseDown(input)
-    })
-
-    expect(input).toHaveAttribute('aria-expanded', 'true')
-  })
-
-  it('should allow to input and validate an address by typing an address', async () => {
-    const invalidAddress = checksumAddress(faker.finance.ethereumAddress())
-    const validationError = 'You cannot use this address'
-    const validation = (value: string) => (value === invalidAddress ? validationError : undefined)
-
-    const { input, utils } = setup(
-      '',
-      {
-        [checksumAddress(faker.finance.ethereumAddress())]: 'Tim Testermann',
-      },
-      validation,
-    )
-
-    expect(input).toHaveAttribute('aria-expanded', 'false')
-
-    await act(() => {
-      fireEvent.mouseDown(input)
-      fireEvent.mouseUp(input)
-    })
-
-    await act(() => {
-      fireEvent.change(input, { target: { value: invalidAddress } })
-      jest.advanceTimersByTime(1000)
-    })
-
-    await waitFor(() => expect(utils.getByLabelText(validationError, { exact: false })).toBeDefined())
-
-    const address = checksumAddress(faker.finance.ethereumAddress())
-    await act(() => {
-      fireEvent.change(input, { target: { value: address } })
-      jest.advanceTimersByTime(1000)
-    })
-
-    expect(input.value).toBe(address)
-    await waitFor(() => expect(utils.queryByLabelText(validationError, { exact: false })).toBeNull())
-  })
-
-  it('should allow to input an address from addressbook suggestions', async () => {
-    const invalidAddress = checksumAddress(faker.finance.ethereumAddress())
-    const validAddress = checksumAddress(faker.finance.ethereumAddress())
-
-    const validationError = 'You cannot use this address'
-    const validation = (value: string) => (value === invalidAddress ? validationError : undefined)
-
-    const { input, utils } = setup(
-      '',
-      {
-        [invalidAddress]: 'InvalidAddress',
-        [validAddress]: 'ValidAddress',
-      },
-      validation,
-    )
-
-    expect(input).toHaveAttribute('aria-expanded', 'false')
-
-    await act(() => {
-      fireEvent.mouseDown(input)
-      fireEvent.mouseUp(input)
-    })
-
-    expect(input).toHaveAttribute('aria-expanded', 'true')
-
-    await act(() => {
-      fireEvent.click(utils.getByText('InvalidAddress'))
-      fireEvent.blur(input)
-      jest.advanceTimersByTime(1000)
-    })
-
-    // Should close auto completion and hide validation error
-    await waitFor(() => {
-      expect(utils.getByLabelText(validationError, { exact: false })).toBeDefined()
-    })
-
-    // Clear the input by clicking on the readonly input
-    await act(() => {
-      // first click clears input
-      fireEvent.click(utils.getByLabelText(validationError, { exact: false }))
-    })
-
-    await waitFor(() => expect(utils.getByLabelText(validationError, { exact: false })).toHaveValue(''))
-    const newInput = utils.getByLabelText(validationError, { exact: false })
-    expect(newInput).toBeVisible()
-
-    await act(() => {
-      // mousedown opens autocompletion again
-      fireEvent.mouseDown(newInput)
-      fireEvent.mouseUp(newInput)
-    })
-
-    await act(() => {
-      fireEvent.click(utils.getByText('ValidAddress'))
-      fireEvent.blur(newInput)
-
-      jest.advanceTimersByTime(1000)
-    })
-
-    await waitFor(() => expect(utils.queryByLabelText(validationError, { exact: false })).toBeNull())
-
-    // should display name of address as well as address
-    await waitFor(() => expect(utils.getByText('ValidAddress', { exact: false })).toBeDefined())
-    await waitFor(() => expect(utils.getByText(validAddress, { exact: false })).toBeDefined())
-  })
-
-  it('should offer to add unknown addresses if canAdd is true', async () => {
-    const { input, utils } = setup('', {}, undefined, true)
-
-    const newAddress = checksumAddress(faker.finance.ethereumAddress())
-    await act(() => {
-      fireEvent.change(input, { target: { value: newAddress } })
-      jest.advanceTimersByTime(1000)
-    })
-
-    await waitFor(() => expect(utils.getByText('add it to your address book', { exact: false })).toBeDefined())
-
-    await act(async () => {
-      fireEvent.click(utils.getByText('add it to your address book', { exact: false }))
-      // Wait for dialog to pop up to have it wrapped in the act
-      await Promise.resolve()
-    })
-
-    const nameInput = utils.getByLabelText('Name', { exact: false })
-    await act(() => {
-      fireEvent.change(nameInput, { target: { value: 'Tim Testermann' } })
-      fireEvent.submit(nameInput)
-    })
-
-    await waitFor(() => expect(utils.getByText('Tim Testermann', { exact: false })).toBeDefined())
-  })
-
-  it('should not offer to add unknown addresses if canAdd is false', async () => {
-    const { input, utils } = setup('', {}, undefined, false)
-
-    const newAddress = checksumAddress(faker.finance.ethereumAddress())
-    await act(() => {
-      fireEvent.change(input, { target: { value: newAddress } })
-      jest.advanceTimersByTime(1000)
-    })
-
-    await waitFor(() => expect(utils.queryByText('add it to your address book', { exact: false })).toBeNull())
-  })
-})
diff --git a/src/components/common/AddressBookInput/index.tsx b/src/components/common/AddressBookInput/index.tsx
deleted file mode 100644
index c49de00ef..000000000
--- a/src/components/common/AddressBookInput/index.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-import { type ReactElement, useState, useMemo } from 'react'
-import { Controller, useFormContext, useWatch } from 'react-hook-form'
-import { SvgIcon, Typography } from '@mui/material'
-import Autocomplete, { createFilterOptions } from '@mui/material/Autocomplete'
-import useAddressBook from '@/hooks/useAddressBook'
-import AddressInput, { type AddressInputProps } from '../AddressInput'
-import EthHashInfo from '../EthHashInfo'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import EntryDialog from '@/components/address-book/EntryDialog'
-import css from './styles.module.css'
-import inputCss from '@/styles/inputs.module.css'
-import { isValidAddress } from '@/utils/validation'
-import { sameAddress } from '@/utils/addresses'
-
-const abFilterOptions = createFilterOptions({
-  stringify: (option: { label: string; name: string }) => option.name + ' ' + option.label,
-})
-
-/**
- *  Temporary component until revamped safe components are done
- */
-const AddressBookInput = ({ name, canAdd, ...props }: AddressInputProps & { canAdd?: boolean }): ReactElement => {
-  const addressBook = useAddressBook()
-  const { setValue, control } = useFormContext()
-  const addressValue = useWatch({ name, control })
-  const [open, setOpen] = useState(false)
-  const [openAddressBook, setOpenAddressBook] = useState<boolean>(false)
-
-  const addressBookEntries = Object.entries(addressBook).map(([address, name]) => ({
-    label: address,
-    name,
-  }))
-
-  const hasVisibleOptions = useMemo(
-    () => !!addressBookEntries.filter((entry) => entry.label.includes(addressValue)).length,
-    [addressBookEntries, addressValue],
-  )
-
-  const isInAddressBook = useMemo(
-    () => addressBookEntries.some((entry) => sameAddress(entry.label, addressValue)),
-    [addressBookEntries, addressValue],
-  )
-
-  const customFilterOptions = (options: any, state: any) => {
-    // Don't show suggestions from the address book once a valid address has been entered.
-    if (isValidAddress(addressValue)) return []
-    return abFilterOptions(options, state)
-  }
-
-  const handleOpenAutocomplete = () => {
-    setOpen((value) => !value)
-  }
-
-  const onAddressBookClick = canAdd
-    ? () => {
-        setOpenAddressBook(true)
-      }
-    : undefined
-
-  return (
-    <>
-      <Controller
-        name={name}
-        control={control}
-        render={({ field: { ref, ...field }, fieldState: { error } }) => (
-          <Autocomplete
-            {...field}
-            className={inputCss.input}
-            disableClearable
-            disabled={props.disabled}
-            readOnly={props.InputProps?.readOnly}
-            freeSolo
-            options={addressBookEntries}
-            onChange={(_, value) => (typeof value === 'string' ? field.onChange(value) : field.onChange(value.label))}
-            onInputChange={(_, value) => setValue(name, value)}
-            filterOptions={customFilterOptions}
-            componentsProps={{
-              paper: {
-                elevation: 2,
-              },
-            }}
-            renderOption={(props, option) => (
-              <Typography data-testid="address-item" component="li" variant="body2" {...props}>
-                <EthHashInfo address={option.label} name={option.name} shortAddress={false} copyAddress={false} />
-              </Typography>
-            )}
-            renderInput={(params) => (
-              <AddressInput
-                data-testid="address-item"
-                {...params}
-                {...props}
-                focused={props.focused || !addressValue}
-                name={name}
-                onOpenListClick={hasVisibleOptions ? handleOpenAutocomplete : undefined}
-                isAutocompleteOpen={open}
-                onAddressBookClick={onAddressBookClick}
-              />
-            )}
-          />
-        )}
-      />
-
-      {canAdd && !isInAddressBook ? (
-        <Typography variant="body2" className={css.unknownAddress}>
-          <SvgIcon component={InfoIcon} fontSize="small" />
-          <span>
-            This is an unknown address. You can{' '}
-            <a role="button" onClick={onAddressBookClick}>
-              add it to your address book
-            </a>
-            .
-          </span>
-        </Typography>
-      ) : null}
-
-      {openAddressBook && (
-        <EntryDialog
-          handleClose={() => setOpenAddressBook(false)}
-          defaultValues={{ name: '', address: addressValue }}
-        />
-      )}
-    </>
-  )
-}
-
-export default AddressBookInput
diff --git a/src/components/common/AddressInput/index.test.tsx b/src/components/common/AddressInput/index.test.tsx
deleted file mode 100644
index abd405587..000000000
--- a/src/components/common/AddressInput/index.test.tsx
+++ /dev/null
@@ -1,301 +0,0 @@
-import * as addressBook from '@/hooks/useAddressBook'
-import * as allAddressBooks from '@/hooks/useAllAddressBooks'
-import * as urlChainId from '@/hooks/useChainId'
-import { act, fireEvent, waitFor } from '@testing-library/react'
-import { render } from '@/tests/test-utils'
-import { useForm, FormProvider } from 'react-hook-form'
-import AddressInput, { type AddressInputProps } from '.'
-import { useCurrentChain } from '@/hooks/useChains'
-import useNameResolver from '@/components/common/AddressInput/useNameResolver'
-import { chainBuilder } from '@/tests/builders/chains'
-import { FEATURES } from '@safe-global/safe-gateway-typescript-sdk'
-
-const mockChain = chainBuilder()
-  .with({ features: [FEATURES.DOMAIN_LOOKUP] })
-  .with({ chainId: '11155111' })
-  .build()
-
-// mock useCurrentChain
-jest.mock('@/hooks/useChains', () => ({
-  useCurrentChain: jest.fn(() => mockChain),
-  useChain: jest.fn(() => mockChain),
-}))
-
-// mock useNameResolver
-jest.mock('@/components/common/AddressInput/useNameResolver', () => ({
-  __esModule: true,
-  default: jest.fn((val: string) => ({
-    address: val === 'zero.eth' ? '0x0000000000000000000000000000000000000000' : undefined,
-    resolverError: val === 'bogus.eth' ? new Error('Failed to resolve') : undefined,
-    resolving: false,
-  })),
-}))
-
-const TestForm = ({ address, validate }: { address: string; validate?: AddressInputProps['validate'] }) => {
-  const name = 'recipient'
-
-  const methods = useForm<{
-    [name]: string
-  }>({
-    defaultValues: {
-      [name]: address,
-    },
-    mode: 'all',
-  })
-
-  return (
-    <FormProvider {...methods}>
-      <form onSubmit={methods.handleSubmit(() => null)}>
-        <AddressInput name={name} label="Recipient address" validate={validate} />
-        <button type="submit">Submit</button>
-      </form>
-    </FormProvider>
-  )
-}
-
-const setup = (address: string, validate?: AddressInputProps['validate']) => {
-  const utils = render(<TestForm address={address} validate={validate} />)
-  const input = utils.getByLabelText('Recipient address', { exact: false })
-
-  return {
-    input: input as HTMLInputElement,
-    utils,
-  }
-}
-
-const TEST_ADDRESS_A = '0x0000000000000000000000000000000000000000'
-const TEST_ADDRESS_B = '0x0000000000000000000000000000000000000001'
-
-describe('AddressInput tests', () => {
-  beforeAll(() => {
-    jest.useFakeTimers()
-  })
-
-  afterAll(() => {
-    jest.useRealTimers()
-  })
-
-  beforeEach(() => {
-    jest.clearAllMocks()
-    ;(useCurrentChain as jest.Mock).mockImplementation(() => mockChain)
-    jest.spyOn(addressBook, 'default').mockReturnValue({})
-  })
-
-  it('should render with a default address value', () => {
-    const { input } = setup(TEST_ADDRESS_A)
-    expect(input.value).toBe(TEST_ADDRESS_A)
-  })
-
-  it('should render with a default prefixed address value', () => {
-    const { input } = setup(`eth:${TEST_ADDRESS_A}`)
-    expect(input.value).toBe(`eth:${TEST_ADDRESS_A}`)
-  })
-
-  it('should validate the address on input', async () => {
-    const { input, utils } = setup('')
-
-    act(() => {
-      fireEvent.change(input, { target: { value: `eth:${TEST_ADDRESS_A}` } })
-      jest.advanceTimersByTime(1000)
-    })
-
-    await waitFor(() =>
-      expect(utils.getByLabelText(`"eth" doesn't match the current chain`, { exact: false })).toBeDefined(),
-    )
-
-    // The validation error should persist on blur
-    await act(async () => {
-      fireEvent.blur(input)
-      jest.advanceTimersByTime(1000)
-      await Promise.resolve()
-    })
-
-    await waitFor(() =>
-      expect(utils.getByLabelText(`"eth" doesn't match the current chain`, { exact: false })).toBeDefined(),
-    )
-
-    act(() => {
-      fireEvent.change(input, { target: { value: `${mockChain.shortName}:0x123` } })
-      jest.advanceTimersByTime(1000)
-    })
-
-    await waitFor(() => expect(utils.getByLabelText(`Invalid address format`, { exact: false })).toBeDefined())
-  })
-
-  it('should accept a custom validate function', async () => {
-    const { input, utils } = setup('', (val) => `${val} is wrong`)
-
-    act(() => {
-      fireEvent.change(input, { target: { value: `${mockChain.shortName}:${TEST_ADDRESS_A}` } })
-      jest.advanceTimersByTime(1000)
-    })
-
-    await waitFor(() => expect(utils.getByLabelText(`${TEST_ADDRESS_A} is wrong`, { exact: false })).toBeDefined())
-
-    act(() => {
-      fireEvent.change(input, { target: { value: `${mockChain.shortName}:${TEST_ADDRESS_B}` } })
-      jest.advanceTimersByTime(1000)
-    })
-
-    await waitFor(() => expect(utils.getByLabelText(`${TEST_ADDRESS_B} is wrong`, { exact: false })).toBeDefined())
-  })
-
-  it('should show a spinner when validation is in progress', async () => {
-    const sleep = (ms: number) => new Promise((r) => setTimeout(r, ms))
-
-    const { input, utils } = setup('', async (val) => {
-      await sleep(2000)
-      return `${val} is wrong`
-    })
-
-    act(() => {
-      fireEvent.change(input, { target: { value: `${mockChain.shortName}:${TEST_ADDRESS_A}` } })
-      jest.advanceTimersByTime(1000)
-    })
-
-    await waitFor(() => {
-      expect(utils.getByRole('progressbar')).toBeDefined()
-      expect(utils.queryByLabelText(`${TEST_ADDRESS_A} is wrong`, { exact: false })).toBeNull()
-    })
-
-    act(() => {
-      jest.advanceTimersByTime(1000)
-    })
-
-    await waitFor(() => expect(utils.getByLabelText(`${TEST_ADDRESS_A} is wrong`, { exact: false })).toBeDefined())
-  })
-
-  it('should resolve ENS names', async () => {
-    const { input } = setup('')
-
-    act(() => {
-      fireEvent.change(input, { target: { value: 'zero.eth' } })
-    })
-
-    await waitFor(() => expect(input.value).toBe('0x0000000000000000000000000000000000000000'))
-
-    expect(useNameResolver).toHaveBeenCalledWith('zero.eth')
-  })
-
-  it('should show an error if ENS resolution has failed', async () => {
-    const { input, utils } = setup('')
-
-    act(() => {
-      fireEvent.change(input, { target: { value: 'bogus.eth' } })
-      jest.advanceTimersByTime(1000)
-    })
-
-    expect(useNameResolver).toHaveBeenCalledWith('bogus.eth')
-    await waitFor(() => expect(utils.getByLabelText(`Failed to resolve`, { exact: false })).toBeDefined())
-  })
-
-  it('should not resolve ENS names if this feature is disabled', async () => {
-    ;(useCurrentChain as jest.Mock).mockImplementation(() => ({
-      shortName: 'gor',
-      chainId: '5',
-      chainName: 'Goerli',
-      features: [],
-    }))
-
-    const { input, utils } = setup('')
-
-    act(() => {
-      fireEvent.change(input, { target: { value: 'zero.eth' } })
-      jest.advanceTimersByTime(1000)
-    })
-
-    expect(useNameResolver).toHaveBeenCalledWith('')
-    await waitFor(() => expect(input.value).toBe('zero.eth'))
-    await waitFor(() => expect(utils.getByLabelText('Invalid address format', { exact: false })).toBeDefined())
-  })
-
-  it('should show chain prefix in an adornment', async () => {
-    const { input } = setup(TEST_ADDRESS_A)
-
-    await waitFor(() => expect(input.value).toBe(TEST_ADDRESS_A))
-
-    expect(input.previousElementSibling?.textContent).toBe(`${mockChain.shortName}:`)
-  })
-
-  it('should not show the adornment prefix when the value contains correct prefix', async () => {
-    const mockChain = chainBuilder().with({ features: [] }).build()
-    ;(useCurrentChain as jest.Mock).mockImplementation(() => mockChain)
-
-    const { input } = setup(`${mockChain.shortName}:${TEST_ADDRESS_A}`)
-
-    await act(() => {
-      fireEvent.change(input, { target: { value: `${mockChain.shortName}:${TEST_ADDRESS_B}` } })
-      return Promise.resolve()
-    })
-
-    await waitFor(() => expect(input.previousElementSibling?.textContent).toBe(''))
-  })
-
-  it('should keep a bare address in the form state', async () => {
-    let methods: any
-
-    const Form = () => {
-      const name = 'recipient'
-
-      methods = useForm<{
-        [name]: string
-      }>({
-        defaultValues: {
-          [name]: '',
-        },
-      })
-
-      return (
-        <FormProvider {...methods}>
-          <form onSubmit={methods.handleSubmit(() => null)}>
-            <AddressInput name={name} label="Recipient" />
-          </form>
-        </FormProvider>
-      )
-    }
-
-    const utils = render(<Form />)
-    const input = utils.getByLabelText('Recipient', { exact: false }) as HTMLInputElement
-
-    act(() => {
-      fireEvent.change(input, { target: { value: `${mockChain.shortName}:${TEST_ADDRESS_A}` } })
-    })
-
-    expect(methods.getValues().recipient).toBe(TEST_ADDRESS_A)
-  })
-
-  it('should clean up the input value if it contains a valid address', async () => {
-    ;(useCurrentChain as jest.Mock).mockImplementation(() => ({
-      shortName: 'gor',
-      chainId: '5',
-      chainName: 'Goerli',
-      features: [],
-    }))
-
-    const { input } = setup(``)
-
-    act(() => {
-      fireEvent.change(input, { target: { value: `Here's my address: ${TEST_ADDRESS_A}` } })
-    })
-
-    await waitFor(() => expect(input.value).toBe(TEST_ADDRESS_A))
-  })
-
-  it('should display a read-only input if the address is in the address book', async () => {
-    const mockChainId = '11155111'
-    const mockSafeName = 'Test Safe'
-    const mockAB = { [TEST_ADDRESS_A]: mockSafeName }
-
-    jest.spyOn(urlChainId, 'default').mockImplementation(() => mockChainId)
-    jest.spyOn(allAddressBooks, 'default').mockReturnValue({ [mockChainId]: mockAB })
-    jest.spyOn(addressBook, 'default').mockImplementation(() => mockAB)
-
-    const { input, utils } = setup(TEST_ADDRESS_A)
-
-    act(() => {
-      fireEvent.change(input, { target: { value: TEST_ADDRESS_A } })
-    })
-
-    await waitFor(() => expect(utils.getByText(mockSafeName)).toBeInTheDocument())
-  })
-})
diff --git a/src/components/common/AddressInput/index.tsx b/src/components/common/AddressInput/index.tsx
deleted file mode 100644
index 787e8f1f9..000000000
--- a/src/components/common/AddressInput/index.tsx
+++ /dev/null
@@ -1,194 +0,0 @@
-import AddressInputReadOnly from '@/components/common/AddressInputReadOnly'
-import useAddressBook from '@/hooks/useAddressBook'
-import type { ReactElement } from 'react'
-import { useEffect, useCallback, useRef, useMemo } from 'react'
-import {
-  InputAdornment,
-  TextField,
-  type TextFieldProps,
-  CircularProgress,
-  IconButton,
-  SvgIcon,
-  Skeleton,
-} from '@mui/material'
-import { useFormContext, useWatch, type Validate, get } from 'react-hook-form'
-import { validatePrefixedAddress } from '@/utils/validation'
-import { useCurrentChain } from '@/hooks/useChains'
-import useNameResolver from './useNameResolver'
-import { FEATURES, hasFeature } from '@/utils/chains'
-import { cleanInputValue, parsePrefixedAddress } from '@/utils/addresses'
-import useDebounce from '@/hooks/useDebounce'
-import CaretDownIcon from '@/public/images/common/caret-down.svg'
-import SaveAddressIcon from '@/public/images/common/save-address.svg'
-import classnames from 'classnames'
-import css from './styles.module.css'
-import inputCss from '@/styles/inputs.module.css'
-import Identicon from '../Identicon'
-
-export type AddressInputProps = TextFieldProps & {
-  name: string
-  address?: string
-  onOpenListClick?: () => void
-  isAutocompleteOpen?: boolean
-  validate?: Validate<string>
-  deps?: string | string[]
-  onAddressBookClick?: () => void
-}
-
-const AddressInput = ({
-  name,
-  validate,
-  required = true,
-  onOpenListClick,
-  isAutocompleteOpen,
-  onAddressBookClick,
-  deps,
-  ...props
-}: AddressInputProps): ReactElement => {
-  const {
-    register,
-    setValue,
-    control,
-    formState: { errors, isValidating },
-    trigger,
-  } = useFormContext()
-
-  const currentChain = useCurrentChain()
-  const rawValueRef = useRef<string>('')
-  const watchedValue = useWatch({ name, control })
-  const currentShortName = currentChain?.shortName || ''
-
-  const addressBook = useAddressBook()
-
-  // Fetch an ENS resolution for the current address
-  const isDomainLookupEnabled = !!currentChain && hasFeature(currentChain, FEATURES.DOMAIN_LOOKUP)
-  const { address, resolverError, resolving } = useNameResolver(isDomainLookupEnabled ? watchedValue : '')
-
-  // errors[name] doesn't work with nested field names like 'safe.address', need to use the lodash get
-  const fieldError = resolverError || get(errors, name)
-
-  // Debounce the field error unless there's no error or it's resolving a domain
-  let error = useDebounce(fieldError, 500)
-  if (resolverError) error = resolverError
-  if (!fieldError || resolving) error = undefined
-
-  // Validation function based on the current chain prefix
-  const validatePrefixed = useMemo(() => validatePrefixedAddress(currentShortName), [currentShortName])
-
-  // Update the input value
-  const setAddressValue = useCallback(
-    (value: string) => setValue(name, value, { shouldValidate: true }),
-    [setValue, name],
-  )
-
-  // On ENS resolution, update the input value
-  useEffect(() => {
-    if (address) {
-      setAddressValue(`${currentShortName}:${address}`)
-    }
-  }, [address, currentShortName, setAddressValue])
-
-  const endAdornment = (
-    <InputAdornment position="end">
-      {resolving || isValidating ? (
-        <CircularProgress size={20} />
-      ) : !props.disabled ? (
-        <>
-          {onAddressBookClick && (
-            <IconButton onClick={onAddressBookClick}>
-              <SvgIcon component={SaveAddressIcon} inheritViewBox fontSize="small" color="primary" />
-            </IconButton>
-          )}
-
-          {onOpenListClick && (
-            <IconButton
-              onClick={onOpenListClick}
-              className={classnames(css.openButton, { [css.rotated]: isAutocompleteOpen })}
-              color="primary"
-            >
-              <SvgIcon component={CaretDownIcon} inheritViewBox fontSize="small" />
-            </IconButton>
-          )}
-        </>
-      ) : null}
-    </InputAdornment>
-  )
-
-  return (
-    <>
-      <TextField
-        {...props}
-        className={inputCss.input}
-        autoComplete="off"
-        autoFocus={props.focused}
-        label={<>{error?.message || props.label || `Recipient address${isDomainLookupEnabled ? ' or ENS' : ''}`}</>}
-        error={!!error}
-        fullWidth
-        onClick={addressBook[watchedValue] ? () => setValue(name, '') : undefined}
-        spellCheck={false}
-        InputProps={{
-          ...(props.InputProps || {}),
-          className: addressBook[watchedValue] ? css.readOnly : undefined,
-
-          startAdornment: addressBook[watchedValue] ? (
-            <AddressInputReadOnly address={watchedValue} />
-          ) : (
-            // Display the current short name in the adornment, unless the value contains the same prefix
-            <InputAdornment position="end" sx={{ ml: 0, gap: 1 }}>
-              {watchedValue && !fieldError ? (
-                <Identicon address={watchedValue} size={32} />
-              ) : (
-                <Skeleton variant="circular" width={32} height={32} animation={false} />
-              )}
-
-              {!rawValueRef.current.startsWith(`${currentShortName}:`) && <>{currentShortName}:</>}
-            </InputAdornment>
-          ),
-
-          endAdornment,
-        }}
-        InputLabelProps={{
-          ...(props.InputLabelProps || {}),
-          shrink: true,
-        }}
-        {...register(name, {
-          deps,
-
-          required,
-
-          setValueAs: (value: string): string => {
-            // Clean the input value
-            const cleanValue = cleanInputValue(value)
-            rawValueRef.current = cleanValue
-            // This also checksums the address
-            if (validatePrefixed(cleanValue) === undefined) {
-              // if the prefix is correct we remove it from the value
-              return parsePrefixedAddress(cleanValue, currentChain?.chainId).address
-            } else {
-              // we keep invalid prefixes such that the validation error is persistet
-              return cleanValue
-            }
-          },
-
-          validate: async () => {
-            const value = rawValueRef.current
-            if (value) {
-              return (
-                validatePrefixed(value, currentChain?.chainId) ||
-                (await validate?.(parsePrefixedAddress(value, currentChain?.chainId).address))
-              )
-            }
-          },
-
-          // Workaround for a bug in react-hook-form that it restores a cached error state on blur
-          onBlur: () => setTimeout(() => trigger(name), 100),
-        })}
-        // Workaround for a bug in react-hook-form when `register().value` is cached after `setValueAs`
-        // Only seems to occur on the `/load` route
-        value={watchedValue}
-      />
-    </>
-  )
-}
-
-export default AddressInput
diff --git a/src/components/common/AddressInput/styles.module.css b/src/components/common/AddressInput/styles.module.css
deleted file mode 100644
index 7e95c6959..000000000
--- a/src/components/common/AddressInput/styles.module.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.wrapper :global .MuiInputLabel-root.Mui-error[data-shrink='false'] {
-  padding: 5px 4px;
-}
-
-.wrapper :global .MuiInputAdornment-root {
-  margin-left: 0;
-}
-
-.openButton svg {
-  transition: transform 0.3s ease-in-out;
-}
-
-.rotated svg {
-  transform: rotate(180deg);
-}
-
-.readOnly :global .MuiInputBase-input {
-  visibility: hidden;
-  position: absolute;
-}
diff --git a/src/components/common/AddressInputReadOnly/index.tsx b/src/components/common/AddressInputReadOnly/index.tsx
deleted file mode 100644
index 65f5fa192..000000000
--- a/src/components/common/AddressInputReadOnly/index.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { type ReactElement } from 'react'
-import { InputAdornment, Typography } from '@mui/material'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import css from './styles.module.css'
-
-const AddressInputReadOnly = ({ address }: { address: string }): ReactElement => {
-  return (
-    <div className={css.input} data-testid="address-book-recipient">
-      <InputAdornment position="start">
-        <Typography variant="body2" component="div" width={1}>
-          <EthHashInfo address={address} shortAddress={false} copyAddress={false} />
-        </Typography>
-      </InputAdornment>
-    </div>
-  )
-}
-
-export default AddressInputReadOnly
diff --git a/src/components/common/AppStoreButton/index.tsx b/src/components/common/AppStoreButton/index.tsx
deleted file mode 100644
index 65fe9eb30..000000000
--- a/src/components/common/AppStoreButton/index.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import type { ReactElement } from 'react'
-import Image from 'next/image'
-
-import { useDarkMode } from '@/hooks/useDarkMode'
-import { MOBILE_APP_EVENTS, trackEvent } from '@/services/analytics'
-
-// App Store campaigns track the user interaction
-enum LINKS {
-  footer = 'https://apps.apple.com/app/apple-store/id1515759131?pt=119497694&ct=Web%20App%20Footer&mt=8',
-}
-
-const AppstoreButton = ({ placement }: { placement: keyof typeof LINKS }): ReactElement => {
-  const isDarkMode = useDarkMode()
-
-  const onClick = () => {
-    trackEvent({
-      ...MOBILE_APP_EVENTS.APPSTORE_BUTTON_CLICK,
-      label: placement,
-    })
-  }
-
-  return (
-    <a href={LINKS[placement]} target="_blank" rel="noreferrer" onClick={onClick}>
-      <Image
-        src={isDarkMode ? '/images/common/appstore-light.svg' : '/images/common/appstore.svg'}
-        alt="Download on the App Store"
-        width={105}
-        height={35}
-      />
-    </a>
-  )
-}
-
-export default AppstoreButton
diff --git a/src/components/common/BlockedAddress/index.tsx b/src/components/common/BlockedAddress/index.tsx
deleted file mode 100644
index 4e2dc6d8e..000000000
--- a/src/components/common/BlockedAddress/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import type { ReactElement } from 'react'
-import { useMediaQuery, useTheme } from '@mui/material'
-import { shortenAddress } from '@/utils/formatters'
-import { useRouter } from 'next/router'
-import Disclaimer from '@/components/common/Disclaimer'
-import { AppRoutes } from '@/config/routes'
-
-export const BlockedAddress = ({ address }: { address?: string }): ReactElement => {
-  const theme = useTheme()
-  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))
-  const displayAddress = address && isMobile ? shortenAddress(address) : address
-  const router = useRouter()
-
-  const handleAccept = () => {
-    router.push({ pathname: AppRoutes.home, query: router.query })
-  }
-
-  return (
-    <Disclaimer
-      title="Blocked address"
-      subtitle={displayAddress}
-      content="The above address is part of the OFAC SDN list and the embedded swaps feature with CoW Swap is unavailable for sanctioned addresses."
-      onAccept={handleAccept}
-    />
-  )
-}
-
-export default BlockedAddress
diff --git a/src/components/common/BuyCryptoButton/index.tsx b/src/components/common/BuyCryptoButton/index.tsx
deleted file mode 100644
index c843586f3..000000000
--- a/src/components/common/BuyCryptoButton/index.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import { useTheme } from '@mui/material/styles'
-import { usePathname, useSearchParams } from 'next/navigation'
-import Link, { type LinkProps } from 'next/link'
-import { Alert, Box, Button, ButtonBase, Typography, useMediaQuery } from '@mui/material'
-import AddIcon from '@mui/icons-material/Add'
-import { SafeAppsTag } from '@/config/constants'
-import { AppRoutes } from '@/config/routes'
-import { useRemoteSafeApps } from '@/hooks/safe-apps/useRemoteSafeApps'
-import madProps from '@/utils/mad-props'
-import { type ReactNode, useMemo } from 'react'
-import Track from '../Track'
-import { OVERVIEW_EVENTS } from '@/services/analytics'
-import RampLogo from '@/public/images/common/ramp_logo.svg'
-import css from './styles.module.css'
-import ChevronRightRoundedIcon from '@mui/icons-material/ChevronRightRounded'
-
-const useOnrampAppUrl = (): string | undefined => {
-  const [onrampApps] = useRemoteSafeApps(SafeAppsTag.ONRAMP)
-  return onrampApps?.[0]?.url
-}
-
-const useBuyCryptoHref = (): LinkProps['href'] | undefined => {
-  const query = useSearchParams()
-  const safe = query?.get('safe')
-  const appUrl = useOnrampAppUrl()
-
-  return useMemo(() => {
-    if (!safe || !appUrl) return undefined
-    return { pathname: AppRoutes.apps.open, query: { safe, appUrl } }
-  }, [safe, appUrl])
-}
-
-const buttonStyles = {
-  minHeight: '37.5px',
-}
-
-const BuyCryptoOption = ({ name, children }: { name: string; children: ReactNode }) => {
-  return (
-    <ButtonBase className={css.button}>
-      <Typography display="flex" alignItems="center" fontWeight="bold" fontSize="18px" gap={1}>
-        {children}
-        {name}
-      </Typography>
-      <ChevronRightRoundedIcon color="border" />
-    </ButtonBase>
-  )
-}
-
-const _BuyCryptoOptions = ({ rampLink }: { rampLink?: LinkProps['href'] }) => {
-  if (rampLink) {
-    return (
-      <Box position="relative">
-        <Track {...OVERVIEW_EVENTS.BUY_CRYPTO_BUTTON} label="onboarding">
-          <Link href={rampLink} passHref>
-            <BuyCryptoOption name="Ramp">
-              <RampLogo />
-            </BuyCryptoOption>
-          </Link>
-        </Track>
-      </Box>
-    )
-  }
-
-  return (
-    <Alert severity="info">
-      Find an on-ramp provider that supports your region and on-ramp funds to your Safe Account address.
-    </Alert>
-  )
-}
-
-const _BuyCryptoButton = ({ href, pagePath }: { href?: LinkProps['href']; pagePath: string }) => {
-  const theme = useTheme()
-  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))
-
-  if (!href) return null
-
-  return (
-    <>
-      <Track {...OVERVIEW_EVENTS.BUY_CRYPTO_BUTTON} label={pagePath}>
-        <Link href={href} passHref>
-          <Button
-            variant="contained"
-            size={isSmallScreen ? 'medium' : 'small'}
-            sx={buttonStyles}
-            startIcon={<AddIcon />}
-            className={css.buyCryptoButton}
-            fullWidth
-          >
-            Buy crypto
-          </Button>
-        </Link>
-      </Track>
-    </>
-  )
-}
-
-const BuyCryptoButton = madProps(_BuyCryptoButton, {
-  href: useBuyCryptoHref,
-  pagePath: usePathname,
-})
-
-export const BuyCryptoOptions = madProps(_BuyCryptoOptions, {
-  rampLink: useBuyCryptoHref,
-})
-
-export default BuyCryptoButton
diff --git a/src/components/common/ChainIndicator/index.tsx b/src/components/common/ChainIndicator/index.tsx
deleted file mode 100644
index 13902e92e..000000000
--- a/src/components/common/ChainIndicator/index.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import type { ReactElement } from 'react'
-import { useMemo } from 'react'
-import classnames from 'classnames'
-import { useAppSelector } from '@/store'
-import { selectChainById, selectChains } from '@/store/chainsSlice'
-import css from './styles.module.css'
-import useChainId from '@/hooks/useChainId'
-import { Skeleton } from '@mui/material'
-import isEmpty from 'lodash/isEmpty'
-
-type ChainIndicatorProps = {
-  chainId?: string
-  inline?: boolean
-  className?: string
-  showUnknown?: boolean
-  showLogo?: boolean
-  responsive?: boolean
-}
-
-const fallbackChainConfig = {
-  chainName: 'Unknown chain',
-  chainId: '-1',
-  theme: {
-    backgroundColor: '#ddd',
-    textColor: '#000',
-  },
-  chainLogoUri: null,
-}
-
-const ChainIndicator = ({
-  chainId,
-  className,
-  inline = false,
-  showUnknown = true,
-  showLogo = true,
-  responsive = false,
-}: ChainIndicatorProps): ReactElement | null => {
-  const currentChainId = useChainId()
-  const id = chainId || currentChainId
-  const chains = useAppSelector(selectChains)
-  const chainConfig =
-    useAppSelector((state) => selectChainById(state, id)) || (showUnknown ? fallbackChainConfig : null)
-  const noChains = isEmpty(chains.data)
-
-  const style = useMemo(() => {
-    if (!chainConfig) return
-    const { theme } = chainConfig
-
-    return {
-      backgroundColor: theme.backgroundColor,
-      color: theme.textColor,
-    }
-  }, [chainConfig])
-
-  return noChains ? (
-    <Skeleton width="100%" height="22px" variant="rectangular" sx={{ flexShrink: 0 }} />
-  ) : chainConfig ? (
-    <span
-      data-testid="chain-logo"
-      style={showLogo ? undefined : style}
-      className={classnames(className || '', {
-        [css.inlineIndicator]: inline,
-        [css.indicator]: !inline,
-        [css.withLogo]: showLogo,
-        [css.responsive]: responsive,
-      })}
-    >
-      {showLogo && (
-        <img
-          src={chainConfig.chainLogoUri ?? undefined}
-          alt={`${chainConfig.chainName} Logo`}
-          width={24}
-          height={24}
-          loading="lazy"
-        />
-      )}
-
-      <span className={css.name}>{chainConfig.chainName}</span>
-    </span>
-  ) : null
-}
-
-export default ChainIndicator
diff --git a/src/components/common/ChainIndicator/styles.module.css b/src/components/common/ChainIndicator/styles.module.css
deleted file mode 100644
index c80681292..000000000
--- a/src/components/common/ChainIndicator/styles.module.css
+++ /dev/null
@@ -1,42 +0,0 @@
-.indicator {
-  display: flex;
-  align-items: center;
-  min-width: 70px;
-  font-size: 12px;
-  justify-content: center;
-}
-
-.inlineIndicator {
-  display: inline-block;
-  min-width: 70px;
-  font-size: 11px;
-  line-height: normal;
-  text-align: center;
-  border-radius: 4px;
-  padding: 4px 8px;
-}
-
-.withLogo {
-  display: flex;
-  align-items: center;
-  gap: var(--space-1);
-  padding: 0;
-  min-width: 115px;
-  font-size: 14px;
-  justify-content: flex-start;
-}
-
-@media (max-width: 899.95px) {
-  .indicator {
-    min-width: 35px;
-  }
-}
-
-@container my-accounts-container (max-width: 500px) {
-  .responsive {
-    min-width: 0;
-  }
-  .responsive .name {
-    display: none;
-  }
-}
diff --git a/src/components/common/ChainSwitcher/index.tsx b/src/components/common/ChainSwitcher/index.tsx
deleted file mode 100644
index 8c70c4f4a..000000000
--- a/src/components/common/ChainSwitcher/index.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import type { ReactElement } from 'react'
-import { useCallback } from 'react'
-import { Box, Button } from '@mui/material'
-import { useCurrentChain } from '@/hooks/useChains'
-import useOnboard from '@/hooks/wallets/useOnboard'
-import useIsWrongChain from '@/hooks/useIsWrongChain'
-import css from './styles.module.css'
-import { switchWalletChain } from '@/services/tx/tx-sender/sdk'
-
-const ChainSwitcher = ({ fullWidth }: { fullWidth?: boolean }): ReactElement | null => {
-  const chain = useCurrentChain()
-  const onboard = useOnboard()
-  const isWrongChain = useIsWrongChain()
-
-  const handleChainSwitch = useCallback(async () => {
-    if (!onboard || !chain) return
-
-    await switchWalletChain(onboard, chain.chainId)
-  }, [chain, onboard])
-
-  if (!isWrongChain) return null
-
-  return (
-    <Button onClick={handleChainSwitch} variant="outlined" size="small" fullWidth={fullWidth} color="primary">
-      Switch to&nbsp;
-      <Box className={css.circle} bgcolor={chain?.theme?.backgroundColor || ''} />
-      &nbsp;{chain?.chainName}
-    </Button>
-  )
-}
-
-export default ChainSwitcher
diff --git a/src/components/common/CheckWallet/index.test.tsx b/src/components/common/CheckWallet/index.test.tsx
deleted file mode 100644
index 7172f1e92..000000000
--- a/src/components/common/CheckWallet/index.test.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import { render } from '@/tests/test-utils'
-import CheckWallet from '.'
-import useIsOnlySpendingLimitBeneficiary from '@/hooks/useIsOnlySpendingLimitBeneficiary'
-import useIsSafeOwner from '@/hooks/useIsSafeOwner'
-import useWallet from '@/hooks/wallets/useWallet'
-import { chainBuilder } from '@/tests/builders/chains'
-
-// mock useWallet
-jest.mock('@/hooks/wallets/useWallet', () => ({
-  __esModule: true,
-  default: jest.fn(() => ({
-    address: '0x1234567890',
-  })),
-}))
-
-// mock useIsSafeOwner
-jest.mock('@/hooks/useIsSafeOwner', () => ({
-  __esModule: true,
-  default: jest.fn(() => true),
-}))
-
-// mock useIsOnlySpendingLimitBeneficiary
-jest.mock('@/hooks/useIsOnlySpendingLimitBeneficiary', () => ({
-  __esModule: true,
-  default: jest.fn(() => false),
-}))
-
-// mock useCurrentChain
-jest.mock('@/hooks/useChains', () => ({
-  __esModule: true,
-  useCurrentChain: jest.fn(() => chainBuilder().build()),
-}))
-
-const renderButton = () => render(<CheckWallet>{(isOk) => <button disabled={!isOk}>Continue</button>}</CheckWallet>)
-
-describe('CheckWallet', () => {
-  beforeEach(() => {
-    jest.clearAllMocks()
-  })
-
-  it('renders correctly when the wallet is connected to the right chain and is an owner', () => {
-    const { container } = renderButton()
-
-    // Check that the button is enabled
-    expect(container.querySelector('button')).not.toBeDisabled()
-  })
-
-  it('should disable the button when the wallet is not connected', () => {
-    ;(useWallet as jest.MockedFunction<typeof useWallet>).mockReturnValueOnce(null)
-
-    const { container } = renderButton()
-
-    // Check that the button is disabled
-    expect(container.querySelector('button')).toBeDisabled()
-
-    // Check the tooltip text
-    expect(container.querySelector('span[aria-label]')).toHaveAttribute('aria-label', 'Please connect your wallet')
-  })
-
-  it('should disable the button when the wallet is connected to the right chain but is not an owner', () => {
-    ;(useIsSafeOwner as jest.MockedFunction<typeof useIsSafeOwner>).mockReturnValueOnce(false)
-
-    const { container } = renderButton()
-
-    expect(container.querySelector('button')).toBeDisabled()
-    expect(container.querySelector('span[aria-label]')).toHaveAttribute(
-      'aria-label',
-      `Your connected wallet is not a signer of this Safe Account`,
-    )
-  })
-
-  it('should not disable the button for non-owner spending limit benificiaries', () => {
-    ;(useIsSafeOwner as jest.MockedFunction<typeof useIsSafeOwner>).mockReturnValueOnce(false)
-    ;(
-      useIsOnlySpendingLimitBeneficiary as jest.MockedFunction<typeof useIsOnlySpendingLimitBeneficiary>
-    ).mockReturnValueOnce(true)
-
-    const { container } = renderButton()
-
-    expect(container.querySelector('button')).toBeDisabled()
-    expect(container.querySelector('span[aria-label]')).toHaveAttribute(
-      'aria-label',
-      'Your connected wallet is not a signer of this Safe Account',
-    )
-
-    const { container: allowContainer } = render(
-      <CheckWallet allowSpendingLimit>{(isOk) => <button disabled={!isOk}>Continue</button>}</CheckWallet>,
-    )
-
-    expect(allowContainer.querySelector('button')).not.toBeDisabled()
-  })
-
-  it('should allow non-owners if specified', () => {
-    ;(useIsSafeOwner as jest.MockedFunction<typeof useIsSafeOwner>).mockReturnValueOnce(false)
-
-    const { container } = render(
-      <CheckWallet allowNonOwner>{(isOk) => <button disabled={!isOk}>Continue</button>}</CheckWallet>,
-    )
-
-    expect(container.querySelector('button')).not.toBeDisabled()
-  })
-})
diff --git a/src/components/common/CheckWallet/index.tsx b/src/components/common/CheckWallet/index.tsx
deleted file mode 100644
index 60ad9fc52..000000000
--- a/src/components/common/CheckWallet/index.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { type ReactElement } from 'react'
-import { Tooltip } from '@mui/material'
-import useIsOnlySpendingLimitBeneficiary from '@/hooks/useIsOnlySpendingLimitBeneficiary'
-import useIsSafeOwner from '@/hooks/useIsSafeOwner'
-import useWallet from '@/hooks/wallets/useWallet'
-import useConnectWallet from '../ConnectWallet/useConnectWallet'
-
-type CheckWalletProps = {
-  children: (ok: boolean) => ReactElement
-  allowSpendingLimit?: boolean
-  allowNonOwner?: boolean
-  noTooltip?: boolean
-}
-
-enum Message {
-  WalletNotConnected = 'Please connect your wallet',
-  NotSafeOwner = 'Your connected wallet is not a signer of this Safe Account',
-}
-
-const CheckWallet = ({ children, allowSpendingLimit, allowNonOwner, noTooltip }: CheckWalletProps): ReactElement => {
-  const wallet = useWallet()
-  const isSafeOwner = useIsSafeOwner()
-  const isSpendingLimit = useIsOnlySpendingLimitBeneficiary()
-  const connectWallet = useConnectWallet()
-
-  const message =
-    wallet && (isSafeOwner || allowNonOwner || (isSpendingLimit && allowSpendingLimit))
-      ? ''
-      : !wallet
-      ? Message.WalletNotConnected
-      : Message.NotSafeOwner
-
-  if (!message) return children(true)
-
-  if (noTooltip) return children(false)
-
-  return (
-    <Tooltip title={message}>
-      <span onClick={wallet ? undefined : connectWallet}>{children(false)}</span>
-    </Tooltip>
-  )
-}
-
-export default CheckWallet
diff --git a/src/components/common/Chip/index.tsx b/src/components/common/Chip/index.tsx
deleted file mode 100644
index 81bb62368..000000000
--- a/src/components/common/Chip/index.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Chip as MuiChip } from '@mui/material'
-import type { ChipProps } from '@mui/material'
-import type { ReactElement } from 'react'
-import React from 'react'
-
-export function Chip(props: ChipProps): ReactElement {
-  return <MuiChip label="New" color="success" size="small" sx={{ fontSize: '11px', fontWeight: 'bold' }} {...props} />
-}
diff --git a/src/components/common/ChoiceButton/index.tsx b/src/components/common/ChoiceButton/index.tsx
deleted file mode 100644
index 9a99c8b17..000000000
--- a/src/components/common/ChoiceButton/index.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { type ElementType } from 'react'
-import { Box, ButtonBase, SvgIcon, type SvgIconOwnProps, Typography } from '@mui/material'
-import ChevronRightRoundedIcon from '@mui/icons-material/ChevronRightRounded'
-import css from './styles.module.css'
-
-const ChoiceButton = ({
-  title,
-  description,
-  icon,
-  iconColor,
-  onClick,
-  disabled,
-  chip,
-}: {
-  title: string
-  description?: string
-  icon: ElementType
-  iconColor?: SvgIconOwnProps['color']
-  onClick: () => void
-  disabled?: boolean
-  chip?: string
-}) => {
-  return (
-    <ButtonBase data-testid="choice-btn" className={css.txButton} onClick={onClick} disabled={disabled}>
-      <Box
-        className={css.iconBg}
-        sx={{ backgroundColor: iconColor ? `var(--color-${iconColor}-background) !important` : '' }}
-      >
-        <SvgIcon component={icon} fontSize="small" inheritViewBox color={iconColor} />
-      </Box>
-
-      <Box py={0.2}>
-        <Typography fontWeight="bold">{title}</Typography>
-
-        {description && (
-          <Typography variant="body2" color="primary.light">
-            {description}
-          </Typography>
-        )}
-      </Box>
-
-      <SvgIcon component={ChevronRightRoundedIcon} color="border" sx={{ ml: 'auto' }} />
-
-      {chip && <Box className={css.chip}>{chip}</Box>}
-    </ButtonBase>
-  )
-}
-
-export default ChoiceButton
diff --git a/src/components/common/ConnectWallet/WalletDetails.tsx b/src/components/common/ConnectWallet/WalletDetails.tsx
deleted file mode 100644
index 8bab108de..000000000
--- a/src/components/common/ConnectWallet/WalletDetails.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Box, Divider, SvgIcon, Typography } from '@mui/material'
-import type { ReactElement } from 'react'
-
-import LockIcon from '@/public/images/common/lock.svg'
-
-import WalletLogin from '@/components/welcome/WelcomeLogin/WalletLogin'
-
-const WalletDetails = ({ onConnect }: { onConnect: () => void }): ReactElement => {
-  return (
-    <>
-      <Box my={1} display="flex" justifyContent="center">
-        <SvgIcon inheritViewBox sx={{ width: 64, height: 64, display: 'block' }}>
-          <LockIcon />
-        </SvgIcon>
-      </Box>
-
-      <WalletLogin onLogin={onConnect} />
-
-      <Divider sx={{ width: '100%' }}>
-        <Typography color="text.secondary" fontWeight={700} variant="overline">
-          or
-        </Typography>
-      </Divider>
-    </>
-  )
-}
-
-export default WalletDetails
diff --git a/src/components/common/CookieAndTermBanner/index.tsx b/src/components/common/CookieAndTermBanner/index.tsx
deleted file mode 100644
index be809a48b..000000000
--- a/src/components/common/CookieAndTermBanner/index.tsx
+++ /dev/null
@@ -1,159 +0,0 @@
-import { useEffect, type ReactElement } from 'react'
-import classnames from 'classnames'
-import type { CheckboxProps } from '@mui/material'
-import { Grid, Button, Checkbox, FormControlLabel, Typography, Paper, SvgIcon, Box } from '@mui/material'
-import WarningIcon from '@/public/images/notifications/warning.svg'
-import { useForm } from 'react-hook-form'
-
-import { useAppDispatch, useAppSelector } from '@/store'
-import { selectCookies, CookieAndTermType, saveCookieAndTermConsent } from '@/store/cookiesAndTermsSlice'
-import { selectCookieBanner, openCookieBanner, closeCookieBanner } from '@/store/popupSlice'
-
-import css from './styles.module.css'
-import { AppRoutes } from '@/config/routes'
-import ExternalLink from '../ExternalLink'
-
-const COOKIE_AND_TERM_WARNING: Record<CookieAndTermType, string> = {
-  [CookieAndTermType.TERMS]: '',
-  [CookieAndTermType.NECESSARY]: '',
-  [CookieAndTermType.UPDATES]: `You attempted to open the "What's new" section but need to accept the "Beamer" cookies first.`,
-  [CookieAndTermType.ANALYTICS]: '',
-}
-
-const CookieCheckbox = ({
-  checkboxProps,
-  label,
-  checked,
-}: {
-  label: string
-  checked: boolean
-  checkboxProps: CheckboxProps
-}) => <FormControlLabel label={label} checked={checked} control={<Checkbox {...checkboxProps} />} sx={{ mt: '-9px' }} />
-
-export const CookieAndTermBanner = ({
-  warningKey,
-  inverted,
-}: {
-  warningKey?: CookieAndTermType
-  inverted?: boolean
-}): ReactElement => {
-  const warning = warningKey ? COOKIE_AND_TERM_WARNING[warningKey] : undefined
-  const dispatch = useAppDispatch()
-  const cookies = useAppSelector(selectCookies)
-
-  const { register, watch, getValues, setValue } = useForm({
-    defaultValues: {
-      [CookieAndTermType.TERMS]: true,
-      [CookieAndTermType.NECESSARY]: true,
-      [CookieAndTermType.UPDATES]: cookies[CookieAndTermType.UPDATES] ?? false,
-      [CookieAndTermType.ANALYTICS]: cookies[CookieAndTermType.ANALYTICS] ?? false,
-      ...(warningKey ? { [warningKey]: true } : {}),
-    },
-  })
-
-  const handleAccept = () => {
-    dispatch(saveCookieAndTermConsent(getValues()))
-    dispatch(closeCookieBanner())
-  }
-
-  const handleAcceptAll = () => {
-    setValue(CookieAndTermType.UPDATES, true)
-    setValue(CookieAndTermType.ANALYTICS, true)
-    setTimeout(handleAccept, 300)
-  }
-
-  return (
-    <Paper className={classnames(css.container, { [css.inverted]: inverted })}>
-      {warning && (
-        <Typography align="center" mb={2} color="warning.background" variant="body2">
-          <SvgIcon component={WarningIcon} inheritViewBox fontSize="small" color="error" sx={{ mb: -0.4 }} /> {warning}
-        </Typography>
-      )}
-
-      <form>
-        <Grid container alignItems="center">
-          <Grid item xs>
-            <Typography variant="body2" mb={2}>
-              By browsing this page, you accept our Terms & Conditions (last updated July 2024) and the use of necessary
-              cookies. By clicking &quot;Accept all&quot; you additionally agree to the use of Beamer and Analytics
-              cookies as listed below. Cookie policy
-            </Typography>
-
-            <Grid container alignItems="center" gap={4}>
-              <Grid item xs={12} sm>
-                <Box mb={2}>
-                  <CookieCheckbox checkboxProps={{ id: 'necessary', disabled: true }} label="Necessary" checked />
-                  <br />
-                  <Typography variant="body2">Locally stored data for core functionality</Typography>
-                </Box>
-                {/* 
-                <Box mb={2}>
-                  <CookieCheckbox
-                    checkboxProps={{ ...register(CookieAndTermType.UPDATES), id: 'beamer' }}
-                    label="Beamer"
-                    checked={watch(CookieAndTermType.UPDATES)}
-                  />
-                  <br />
-                  <Typography variant="body2">New features and product announcements</Typography>
-                </Box>
-
-                <Box>
-                  <CookieCheckbox
-                    checkboxProps={{ ...register(CookieAndTermType.ANALYTICS), id: 'ga' }}
-                    label="Analytics"
-                    checked={watch(CookieAndTermType.ANALYTICS)}
-                  />
-                  <br />
-                  <Typography variant="body2">
-                    Opt in for Google Analytics cookies to help us analyze app usage patterns.
-                  </Typography>
-                </Box> */}
-              </Grid>
-            </Grid>
-
-            <Grid container alignItems="center" justifyContent="center" mt={4} gap={2}>
-              <Grid item>
-                <Typography>
-                  <Button onClick={handleAccept} variant="text" size="small" color="inherit" disableElevation>
-                    Save settings
-                  </Button>
-                </Typography>
-              </Grid>
-
-              <Grid item>
-                <Button onClick={handleAcceptAll} variant="contained" color="secondary" size="small" disableElevation>
-                  Accept all
-                </Button>
-              </Grid>
-            </Grid>
-          </Grid>
-        </Grid>
-      </form>
-    </Paper>
-  )
-}
-
-const CookieBannerPopup = (): ReactElement | null => {
-  const cookiePopup = useAppSelector(selectCookieBanner)
-  const cookies = useAppSelector(selectCookies)
-  const dispatch = useAppDispatch()
-
-  // Open the banner if cookie preferences haven't been set
-  const shouldOpen = cookies[CookieAndTermType.NECESSARY] === undefined
-
-  useEffect(() => {
-    if (shouldOpen) {
-      dispatch(openCookieBanner({}))
-    } else {
-      dispatch(closeCookieBanner())
-    }
-  }, [dispatch, shouldOpen])
-
-  return cookiePopup?.open ? (
-    <div className={css.popup}>
-      <CookieAndTermBanner warningKey={cookiePopup.warningKey} inverted />
-    </div>
-  ) : null
-}
-
-export default CookieBannerPopup
diff --git a/src/components/common/CookieAndTermBanner/styles.module.css b/src/components/common/CookieAndTermBanner/styles.module.css
deleted file mode 100644
index 2ccbe89d1..000000000
--- a/src/components/common/CookieAndTermBanner/styles.module.css
+++ /dev/null
@@ -1,42 +0,0 @@
-.popup {
-  position: fixed;
-  z-index: 1300;
-  bottom: var(--space-2);
-  right: var(--space-2);
-  max-width: 400px;
-}
-
-.container {
-  padding: var(--space-2);
-  border-radius: 0 !important;
-}
-
-.container label,
-.container input {
-  user-select: none;
-}
-
-@media (max-width: 599.95px) {
-  .container {
-    right: 0;
-    bottom: 0;
-  }
-}
-
-.container.inverted {
-  background: var(--color-text-primary);
-}
-
-.container.inverted,
-.container.inverted :global(.MuiCheckbox-root),
-.container.inverted a {
-  color: var(--color-background-paper);
-}
-
-.container.inverted :global(.Mui-checked) {
-  color: var(--color-background-paper);
-}
-
-.container.inverted :global(.Mui-checked.Mui-disabled) {
-  opacity: 0.5;
-}
diff --git a/src/components/common/CopyAddressButton/__tests__/index.test.tsx b/src/components/common/CopyAddressButton/__tests__/index.test.tsx
deleted file mode 100644
index 1ce7149c6..000000000
--- a/src/components/common/CopyAddressButton/__tests__/index.test.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { act, render, waitFor } from '@/tests/test-utils'
-import { checksumAddress } from '@/utils/addresses'
-import { faker } from '@faker-js/faker'
-import CopyAddressButton from '..'
-
-const originalClipboard = { ...global.navigator.clipboard }
-
-class FakeClipboard {
-  private text = ''
-  readText() {
-    return Promise.resolve(this.text)
-  }
-
-  writeText(text: string) {
-    this.text = text
-  }
-}
-
-describe('CopyAddressButton', () => {
-  beforeAll(() => {
-    //@ts-ignore
-    navigator.clipboard = new FakeClipboard()
-  })
-
-  beforeEach(() => {
-    navigator.clipboard.writeText('')
-  })
-
-  afterAll(() => {
-    //@ts-ignore
-    navigator.clipboard = originalClipboard
-  })
-  it('should copy a trusted address', async () => {
-    const address = faker.finance.ethereumAddress()
-    const result = render(<CopyAddressButton address={address} trusted />)
-
-    act(() => {
-      result.getByRole('button').click()
-    })
-
-    await waitFor(async () => {
-      const copiedText = await navigator.clipboard.readText()
-      expect(copiedText).toEqual(address)
-    })
-  })
-
-  it('should show a confirmation modal when copying an untrusted address', async () => {
-    const address = checksumAddress(faker.finance.ethereumAddress())
-    const result = render(<CopyAddressButton address={address} trusted={false} />)
-
-    act(() => {
-      result.getByRole('button').click()
-    })
-
-    expect(result.getByText(address)).toBeVisible()
-    expect(navigator.clipboard.readText()).resolves.toEqual('')
-
-    act(() => {
-      result.getByText('Proceed and copy').click()
-    })
-
-    await waitFor(async () => {
-      const copiedText = await navigator.clipboard.readText()
-      expect(copiedText).toEqual(address)
-    })
-  })
-
-  it('should not copy an untrusted address if the modal gets closed', async () => {
-    const address = checksumAddress(faker.finance.ethereumAddress())
-    const result = render(<CopyAddressButton address={address} trusted={false} />)
-
-    act(() => {
-      result.getByRole('button').click()
-    })
-
-    expect(result.getByText(address)).toBeVisible()
-    expect(navigator.clipboard.readText()).resolves.toEqual('')
-
-    result.getByLabelText('close').click()
-
-    await waitFor(async () => {
-      expect(navigator.clipboard.readText()).resolves.toEqual('')
-      expect(result.queryByText(address)).not.toBeVisible()
-    })
-  })
-})
diff --git a/src/components/common/CopyAddressButton/index.tsx b/src/components/common/CopyAddressButton/index.tsx
deleted file mode 100644
index 83a378fa7..000000000
--- a/src/components/common/CopyAddressButton/index.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { checksumAddress } from '@/utils/addresses'
-import { Box, Typography } from '@mui/material'
-import type { ReactNode, ReactElement } from 'react'
-import CopyButton from '../CopyButton'
-import EthHashInfo from '../EthHashInfo'
-
-const CopyAddressButton = ({
-  prefix,
-  address,
-  copyPrefix,
-  children,
-  trusted = true,
-}: {
-  prefix?: string
-  address: string
-  copyPrefix?: boolean
-  children?: ReactNode
-  trusted?: boolean
-}): ReactElement => {
-  const addressText = copyPrefix && prefix ? `${prefix}:${address}` : address
-
-  const checksummedAddress = checksumAddress(address)
-
-  const dialogContent = trusted ? undefined : (
-    <Box display="flex" flexDirection="column" gap={2}>
-      <EthHashInfo
-        address={checksummedAddress}
-        shortAddress={false}
-        copyAddress={false}
-        showCopyButton={false}
-        hasExplorer
-      />
-      <Typography>
-        The copied address is linked to a transaction with an untrusted token. Make sure you are interacting with the
-        right address.
-      </Typography>
-    </Box>
-  )
-
-  return (
-    <CopyButton text={addressText} dialogContent={dialogContent}>
-      {children}
-    </CopyButton>
-  )
-}
-
-export default CopyAddressButton
diff --git a/src/components/common/CopyTooltip/ConfirmCopyModal.tsx b/src/components/common/CopyTooltip/ConfirmCopyModal.tsx
deleted file mode 100644
index b2c039898..000000000
--- a/src/components/common/CopyTooltip/ConfirmCopyModal.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Close } from '@mui/icons-material'
-import {
-  Dialog,
-  DialogTitle,
-  SvgIcon,
-  Typography,
-  IconButton,
-  Divider,
-  DialogContent,
-  DialogActions,
-  Button,
-  Box,
-} from '@mui/material'
-import WarningIcon from '@/public/images/notifications/warning.svg'
-import { type ReactElement, useEffect, type SyntheticEvent } from 'react'
-import { trackEvent, TX_LIST_EVENTS } from '@/services/analytics'
-import Track from '../Track'
-
-export type ConfirmCopyModalProps = {
-  open: boolean
-  onClose: () => void
-  onCopy: { (e: SyntheticEvent): void }
-  children: ReactElement
-}
-
-const ConfirmCopyModal = ({ open, onClose, onCopy, children }: ConfirmCopyModalProps) => {
-  useEffect(() => {
-    if (open) {
-      trackEvent(TX_LIST_EVENTS.COPY_WARNING_SHOWN)
-    }
-  }, [open])
-
-  return (
-    <Dialog open={open} onClose={onClose}>
-      <DialogTitle>
-        <Box data-testid="untrusted-token-warning" display="flex" flexDirection="row" alignItems="center" gap={1}>
-          <SvgIcon component={WarningIcon} inheritViewBox color="warning" sx={{ mb: -0.4 }} />
-          <Typography variant="h6" fontWeight={700}>
-            Before you copy
-          </Typography>
-          <IconButton aria-label="close" onClick={onClose} sx={{ marginLeft: 'auto' }}>
-            <Close />
-          </IconButton>
-        </Box>
-      </DialogTitle>
-      <Divider />
-      <DialogContent>{children}</DialogContent>
-      <Divider />
-      <DialogActions sx={{ padding: 3 }}>
-        <Track {...TX_LIST_EVENTS.COPY_WARNING_PROCEED}>
-          <Button size="small" variant="outlined" color="primary" onClick={onCopy}>
-            Proceed and copy
-          </Button>
-        </Track>
-      </DialogActions>
-    </Dialog>
-  )
-}
-
-export default ConfirmCopyModal
diff --git a/src/components/common/DatePickerInput/index.tsx b/src/components/common/DatePickerInput/index.tsx
deleted file mode 100644
index ed760e712..000000000
--- a/src/components/common/DatePickerInput/index.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import { useFormContext, Controller } from 'react-hook-form'
-import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'
-import { DatePicker } from '@mui/x-date-pickers/DatePicker'
-import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns'
-import TextField from '@mui/material/TextField'
-import { isFuture, isValid, startOfDay } from 'date-fns'
-
-import inputCss from '@/styles/inputs.module.css'
-
-const DatePickerInput = ({
-  name,
-  label,
-  deps,
-  disableFuture = true,
-  validate,
-}: {
-  name: string
-  label: string
-  deps?: string[]
-  disableFuture?: boolean
-  validate?: (value: Date | null) => string | undefined
-}) => {
-  const { control } = useFormContext()
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      rules={{
-        deps,
-        validate: (val) => {
-          if (!val) {
-            return
-          }
-
-          if (!isValid(val)) {
-            return 'Invalid date'
-          }
-
-          // Compare days using `startOfDay` to ignore timezone offset
-          if (disableFuture && isFuture(startOfDay(val))) {
-            return 'Date cannot be in the future'
-          }
-
-          return validate?.(val)
-        },
-      }}
-      render={({ field, fieldState }) => (
-        <LocalizationProvider dateAdapter={AdapterDateFns}>
-          <DatePicker
-            className={inputCss.input}
-            label={label}
-            inputFormat="dd/MM/yyyy"
-            {...field}
-            disableFuture={disableFuture}
-            renderInput={({ label, error: _, ...params }) => (
-              <TextField label={fieldState.error?.message || label} {...params} fullWidth error={!!fieldState.error} />
-            )}
-            PaperProps={{
-              elevation: 2,
-            }}
-          />
-        </LocalizationProvider>
-      )}
-    />
-  )
-}
-
-export default DatePickerInput
diff --git a/src/components/common/DateTime/index.test.tsx b/src/components/common/DateTime/index.test.tsx
deleted file mode 100644
index a749c21d7..000000000
--- a/src/components/common/DateTime/index.test.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import { render } from '@/tests/test-utils'
-
-import DateTime from '.'
-import { formatDateTime, formatTime } from '@/utils/date'
-import { useTxFilter } from '@/utils/tx-history-filter'
-
-jest.mock('@/utils/tx-history-filter', () => ({
-  useTxFilter: jest.fn(() => [null, jest.fn()]),
-}))
-
-describe('DateTime', () => {
-  beforeAll(() => {
-    // If we do not use a fixed date, this test will fail once a year (in some timezones) due to daylight saving time.
-    jest.useFakeTimers()
-    jest.setSystemTime(Date.parse('01.01.2023'))
-  })
-
-  afterAll(() => {
-    jest.useRealTimers()
-  })
-
-  it('should render the relative time before threshold on the queue', () => {
-    const date = new Date()
-    const days = 3
-
-    date.setDate(date.getDate() - days)
-
-    const { queryByText } = render(<DateTime value={date.getTime()} />, {
-      routerProps: { pathname: '/transactions/queue' },
-    })
-
-    expect(queryByText('3 days ago')).toBeInTheDocument()
-  })
-
-  it('should render the full date and time after threshold on the queue', () => {
-    const date = new Date()
-    const days = 61
-
-    date.setDate(date.getDate() - days)
-
-    const { queryByText } = render(<DateTime value={date.getTime()} />, {
-      routerProps: { pathname: '/transactions/queue' },
-    })
-
-    const expected = formatDateTime(date.getTime())
-
-    expect(queryByText(expected)).toBeInTheDocument()
-  })
-
-  it('should render the time on the history', () => {
-    const date = new Date()
-    const days = 1
-
-    date.setDate(date.getDate() - days)
-
-    const { queryByText } = render(<DateTime value={date.getTime()} />, {
-      routerProps: { pathname: '/transactions/history' },
-    })
-
-    const expected = formatTime(date.getTime())
-
-    expect(queryByText(expected)).toBeInTheDocument()
-  })
-
-  it('should render the relative time before threshold on the filter', () => {
-    ;(useTxFilter as jest.Mock).mockImplementation(() => [{ type: 'Incoming', filter: {} }])
-
-    const date = new Date()
-    const days = 3
-
-    date.setDate(date.getDate() - days)
-
-    const { queryByText } = render(<DateTime value={date.getTime()} />, {
-      routerProps: { pathname: '/transactions/history' },
-    })
-
-    const expected = formatDateTime(date.getTime())
-
-    expect(queryByText('3 days ago')).toBeInTheDocument()
-  })
-
-  it('should render the full date and time after threshold on the filter', () => {
-    ;(useTxFilter as jest.Mock).mockImplementation(() => [{ type: 'Incoming', filter: {} }])
-
-    const date = new Date()
-    const days = 61
-
-    date.setDate(date.getDate() - days)
-
-    const { queryByText } = render(<DateTime value={date.getTime()} />, {
-      routerProps: { pathname: '/transactions/history' },
-    })
-
-    const expected = formatDateTime(date.getTime())
-
-    expect(queryByText(expected)).toBeInTheDocument()
-  })
-})
diff --git a/src/components/common/Disclaimer/index.tsx b/src/components/common/Disclaimer/index.tsx
deleted file mode 100644
index 1fa869a84..000000000
--- a/src/components/common/Disclaimer/index.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import type { ReactElement, ReactNode } from 'react'
-import { Box, Button, Divider, Paper, Stack, SvgIcon, Typography } from '@mui/material'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import css from './styles.module.css'
-
-export const Disclaimer = ({
-  title,
-  subtitle,
-  buttonText,
-  content,
-  onAccept,
-}: {
-  title: string
-  subtitle?: string
-  buttonText?: string
-  content: ReactNode
-  onAccept: () => void
-}): ReactElement => {
-  return (
-    <div className={css.container}>
-      <Paper sx={{ maxWidth: '500px' }}>
-        <Stack
-          padding="var(--space-3)"
-          gap={2}
-          display="flex"
-          alignItems="center"
-          sx={({ palette }) => ({ borderBottom: `1px solid ${palette.border.light}` })}
-        >
-          {subtitle && <Typography color="var(--color-text-secondary)">{subtitle}</Typography>}
-
-          <Box className={css.iconCircle}>
-            <SvgIcon component={InfoIcon} inheritViewBox fontSize="medium" />
-          </Box>
-          <Typography variant="h3" fontWeight={700}>
-            {title}
-          </Typography>
-          <Typography variant="body2">{content}</Typography>
-          <Divider />
-        </Stack>
-        <Box display="flex" justifyContent="center" pt={3} pb={2}>
-          <Button variant="contained" size="small" sx={{ px: '16px' }} onClick={onAccept}>
-            {buttonText || 'Got it'}
-          </Button>
-        </Box>
-      </Paper>
-    </div>
-  )
-}
-
-export default Disclaimer
diff --git a/src/components/common/EnhancedTable/index.tsx b/src/components/common/EnhancedTable/index.tsx
deleted file mode 100644
index 0874f4beb..000000000
--- a/src/components/common/EnhancedTable/index.tsx
+++ /dev/null
@@ -1,195 +0,0 @@
-import type { ChangeEvent, ReactNode } from 'react'
-import React, { useState } from 'react'
-import Box from '@mui/material/Box'
-import Table from '@mui/material/Table'
-import TableBody from '@mui/material/TableBody'
-import type { SortDirection } from '@mui/material/TableCell'
-import TableCell from '@mui/material/TableCell'
-import TableContainer from '@mui/material/TableContainer'
-import TableHead from '@mui/material/TableHead'
-import TablePagination from '@mui/material/TablePagination'
-import TableRow from '@mui/material/TableRow'
-import TableSortLabel from '@mui/material/TableSortLabel'
-import Paper from '@mui/material/Paper'
-import { visuallyHidden } from '@mui/utils'
-import classNames from 'classnames'
-
-import css from './styles.module.css'
-import { Collapse } from '@mui/material'
-
-type EnhancedCell = {
-  content: ReactNode
-  rawValue: string | number
-  sticky?: boolean
-}
-
-type EnhancedRow = {
-  selected?: boolean
-  collapsed?: boolean
-  key?: string
-  cells: Record<string, EnhancedCell>
-}
-
-type EnhancedHeadCell = {
-  id: string
-  label: ReactNode
-  width?: string
-  align?: string
-  sticky?: boolean
-}
-
-function descendingComparator(a: EnhancedRow, b: EnhancedRow, orderBy: string) {
-  if (b.cells[orderBy].rawValue < a.cells[orderBy].rawValue) {
-    return -1
-  }
-  if (b.cells[orderBy].rawValue > a.cells[orderBy].rawValue) {
-    return 1
-  }
-  return 0
-}
-
-function getComparator(order: SortDirection, orderBy: string) {
-  return order === 'desc'
-    ? (a: any, b: any) => descendingComparator(a, b, orderBy)
-    : (a: any, b: any) => -descendingComparator(a, b, orderBy)
-}
-
-type EnhancedTableHeadProps = {
-  headCells: EnhancedHeadCell[]
-  onRequestSort: (property: string) => void
-  order: 'asc' | 'desc'
-  orderBy: string
-}
-
-function EnhancedTableHead(props: EnhancedTableHeadProps) {
-  const { headCells, order, orderBy, onRequestSort } = props
-  const createSortHandler = (property: string) => () => {
-    onRequestSort(property)
-  }
-
-  return (
-    <TableHead>
-      <TableRow>
-        {headCells.map((headCell) => (
-          <TableCell
-            key={headCell.id}
-            align="left"
-            padding="normal"
-            sortDirection={orderBy === headCell.id ? order : false}
-            sx={{
-              width: headCell.width ? headCell.width : '',
-              textAlign: headCell.align ? headCell.align : '',
-            }}
-            className={classNames({ sticky: headCell.sticky })}
-          >
-            {headCell.label && (
-              <>
-                <TableSortLabel
-                  active={orderBy === headCell.id}
-                  direction={orderBy === headCell.id ? order : 'asc'}
-                  onClick={createSortHandler(headCell.id)}
-                >
-                  {headCell.label}
-                  {orderBy === headCell.id ? (
-                    <Box component="span" sx={visuallyHidden}>
-                      {order === 'desc' ? 'sorted descending' : 'sorted ascending'}
-                    </Box>
-                  ) : null}
-                </TableSortLabel>
-              </>
-            )}
-          </TableCell>
-        ))}
-      </TableRow>
-    </TableHead>
-  )
-}
-
-export type EnhancedTableProps = {
-  rows: EnhancedRow[]
-  headCells: EnhancedHeadCell[]
-  mobileVariant?: boolean
-}
-
-const pageSizes = [10, 25, 100]
-
-function EnhancedTable({ rows, headCells, mobileVariant }: EnhancedTableProps) {
-  const [order, setOrder] = useState<'asc' | 'desc'>('asc')
-  const [orderBy, setOrderBy] = useState<string>('')
-  const [page, setPage] = useState<number>(0)
-  const [rowsPerPage, setRowsPerPage] = useState<number>(pageSizes[1])
-
-  const handleRequestSort = (property: string) => {
-    const isAsc = orderBy === property && order === 'asc'
-    setOrder(isAsc ? 'desc' : 'asc')
-    setOrderBy(property)
-  }
-
-  const handleChangePage = (_: any, newPage: number) => {
-    setPage(newPage)
-  }
-
-  const handleChangeRowsPerPage = (event: ChangeEvent<HTMLInputElement>) => {
-    setRowsPerPage(parseInt(event.target.value, 10))
-    setPage(0)
-  }
-
-  const orderedRows = orderBy ? rows.slice().sort(getComparator(order, orderBy)) : rows
-  const pagedRows = orderedRows.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)
-
-  return (
-    <Box sx={{ width: '100%' }}>
-      <TableContainer data-testid="table-container" component={Paper} sx={{ width: '100%', mb: 2 }}>
-        <Table aria-labelledby="tableTitle" className={mobileVariant ? css.mobileColumn : undefined}>
-          <EnhancedTableHead headCells={headCells} order={order} orderBy={orderBy} onRequestSort={handleRequestSort} />
-          <TableBody>
-            {pagedRows.length > 0 ? (
-              pagedRows.map((row, index) => (
-                <TableRow
-                  data-testid="table-row"
-                  tabIndex={-1}
-                  key={row.key ?? index}
-                  selected={row.selected}
-                  className={row.collapsed ? css.collapsedRow : undefined}
-                >
-                  {Object.entries(row.cells).map(([key, cell]) => (
-                    <TableCell
-                      key={key}
-                      className={classNames({
-                        sticky: cell.sticky,
-                        [css.collapsedCell]: row.collapsed,
-                      })}
-                    >
-                      <Collapse key={index} in={!row.collapsed} enter={false}>
-                        {cell.content}
-                      </Collapse>
-                    </TableCell>
-                  ))}
-                </TableRow>
-              ))
-            ) : (
-              // Prevent no `tbody` rows hydration error
-              <TableRow>
-                <TableCell />
-              </TableRow>
-            )}
-          </TableBody>
-        </Table>
-      </TableContainer>
-
-      {rows.length > pagedRows.length && (
-        <TablePagination
-          rowsPerPageOptions={pageSizes}
-          component="div"
-          count={rows.length}
-          rowsPerPage={rowsPerPage}
-          page={page}
-          onPageChange={handleChangePage}
-          onRowsPerPageChange={handleChangeRowsPerPage}
-        />
-      )}
-    </Box>
-  )
-}
-
-export default EnhancedTable
diff --git a/src/components/common/ErrorBoundary/index.tsx b/src/components/common/ErrorBoundary/index.tsx
deleted file mode 100644
index f25c1bbcf..000000000
--- a/src/components/common/ErrorBoundary/index.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Typography, Link } from '@mui/material'
-import type { FallbackRender } from '@sentry/react'
-
-import { HELP_CENTER_URL, IS_PRODUCTION } from '@/config/constants'
-import { AppRoutes } from '@/config/routes'
-import WarningIcon from '@/public/images/notifications/warning.svg'
-
-import css from '@/components/common/ErrorBoundary/styles.module.css'
-import CircularIcon from '../icons/CircularIcon'
-import ExternalLink from '../ExternalLink'
-
-const ErrorBoundary: FallbackRender = ({ error, componentStack }) => {
-  return (
-    <div className={css.container}>
-      <div className={css.wrapper}>
-        <Typography variant="h3" color="text.primary">
-          Something went wrong,
-          <br />
-          please try again.
-        </Typography>
-
-        <CircularIcon icon={WarningIcon} badgeColor="warning" />
-
-        {IS_PRODUCTION ? (
-          <Typography color="text.primary">
-            In case the problem persists, please reach out to us via our{' '}
-            <ExternalLink href={HELP_CENTER_URL}>Help Center</ExternalLink>
-          </Typography>
-        ) : (
-          <>
-            {/* Error may be undefined despite what the type says */}
-            <Typography color="error">{error?.toString()}</Typography>
-            <Typography color="error">{componentStack}</Typography>
-          </>
-        )}
-        <Link href={AppRoutes.welcome.index} color="primary" mt={2}>
-          Go home
-        </Link>
-      </div>
-    </div>
-  )
-}
-
-export default ErrorBoundary
diff --git a/src/components/common/EthHashInfo/SrcEthHashInfo/index.tsx b/src/components/common/EthHashInfo/SrcEthHashInfo/index.tsx
deleted file mode 100644
index d21b9a830..000000000
--- a/src/components/common/EthHashInfo/SrcEthHashInfo/index.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-import classnames from 'classnames'
-import type { ReactNode, ReactElement, SyntheticEvent } from 'react'
-// import { isAddress } from 'ethers'
-import { isAddress } from '@/utils/rsk-utils'
-import { useTheme } from '@mui/material/styles'
-import { Box, SvgIcon, Tooltip } from '@mui/material'
-import AddressBookIcon from '@/public/images/sidebar/address-book.svg'
-import useMediaQuery from '@mui/material/useMediaQuery'
-import Identicon from '../../Identicon'
-import CopyAddressButton from '../../CopyAddressButton'
-import ExplorerButton, { type ExplorerButtonProps } from '../../ExplorerButton'
-import { shortenAddress } from '@/utils/formatters'
-import ImageFallback from '../../ImageFallback'
-import css from './styles.module.css'
-
-export type EthHashInfoProps = {
-  address: string
-  chainId?: string
-  name?: string | null
-  showAvatar?: boolean
-  onlyName?: boolean
-  showCopyButton?: boolean
-  prefix?: string
-  showPrefix?: boolean
-  copyPrefix?: boolean
-  shortAddress?: boolean
-  copyAddress?: boolean
-  customAvatar?: string
-  hasExplorer?: boolean
-  avatarSize?: number
-  children?: ReactNode
-  trusted?: boolean
-  ExplorerButtonProps?: ExplorerButtonProps
-  isAddressBookName?: boolean
-}
-
-const stopPropagation = (e: SyntheticEvent) => e.stopPropagation()
-
-const SrcEthHashInfo = ({
-  address,
-  customAvatar,
-  prefix = '',
-  copyPrefix = true,
-  showPrefix = true,
-  shortAddress = true,
-  copyAddress = true,
-  showAvatar = true,
-  onlyName = false,
-  avatarSize,
-  name,
-  showCopyButton,
-  hasExplorer,
-  ExplorerButtonProps,
-  children,
-  trusted = true,
-  isAddressBookName = false,
-}: EthHashInfoProps): ReactElement => {
-  const shouldPrefix = isAddress(address)
-  const theme = useTheme()
-  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))
-  const identicon = <Identicon address={address} size={avatarSize} />
-  const shouldCopyPrefix = shouldPrefix && copyPrefix
-
-  const addressElement = (
-    <>
-      {showPrefix && shouldPrefix && prefix && <b>{prefix}:</b>}
-      <span>{shortAddress || isMobile ? shortenAddress(address) : address}</span>
-    </>
-  )
-
-  return (
-    <div className={css.container}>
-      {showAvatar && (
-        <div
-          className={css.avatarContainer}
-          style={avatarSize !== undefined ? { width: `${avatarSize}px`, height: `${avatarSize}px` } : undefined}
-        >
-          {customAvatar ? (
-            <ImageFallback src={customAvatar} fallbackComponent={identicon} width={avatarSize} height={avatarSize} />
-          ) : (
-            identicon
-          )}
-        </div>
-      )}
-
-      <Box overflow="hidden" className={onlyName ? css.inline : undefined}>
-        {name && (
-          <Box title={name} display="flex" alignItems="center" gap={0.5}>
-            <Box overflow="hidden" textOverflow="ellipsis">
-              {name}
-            </Box>
-
-            {isAddressBookName && (
-              <Tooltip title="From your address book" placement="top">
-                <span style={{ lineHeight: 0 }}>
-                  <SvgIcon component={AddressBookIcon} inheritViewBox color="border" fontSize="small" />
-                </span>
-              </Tooltip>
-            )}
-          </Box>
-        )}
-
-        <div className={classnames(css.addressContainer, { [css.inline]: onlyName })}>
-          {(!onlyName || !name) && (
-            <Box fontWeight="inherit" fontSize="inherit" overflow="hidden" textOverflow="ellipsis">
-              {copyAddress ? (
-                <CopyAddressButton prefix={prefix} address={address} copyPrefix={shouldCopyPrefix} trusted={trusted}>
-                  {addressElement}
-                </CopyAddressButton>
-              ) : (
-                addressElement
-              )}
-            </Box>
-          )}
-
-          {showCopyButton && (
-            <CopyAddressButton prefix={prefix} address={address} copyPrefix={shouldCopyPrefix} trusted={trusted} />
-          )}
-
-          {hasExplorer && ExplorerButtonProps && (
-            <Box color="border.main">
-              <ExplorerButton {...ExplorerButtonProps} onClick={stopPropagation} />
-            </Box>
-          )}
-
-          {children}
-        </div>
-      </Box>
-    </div>
-  )
-}
-
-export default SrcEthHashInfo
diff --git a/src/components/common/EthHashInfo/SrcEthHashInfo/styles.module.css b/src/components/common/EthHashInfo/SrcEthHashInfo/styles.module.css
deleted file mode 100644
index 9dc2b92c1..000000000
--- a/src/components/common/EthHashInfo/SrcEthHashInfo/styles.module.css
+++ /dev/null
@@ -1,29 +0,0 @@
-.container {
-  display: flex;
-  align-items: center;
-  gap: 0.5em;
-  line-height: 1.4;
-  width: 100%;
-}
-
-.avatarContainer {
-  flex-shrink: 0;
-  position: relative;
-}
-
-.avatarContainer > * {
-  width: 100% !important;
-  height: 100% !important;
-}
-
-.addressContainer {
-  display: flex;
-  align-items: center;
-  gap: 0.25em;
-  white-space: nowrap;
-}
-
-.inline {
-  display: flex;
-  align-items: center;
-}
diff --git a/src/components/common/EthHashInfo/index.test.tsx b/src/components/common/EthHashInfo/index.test.tsx
deleted file mode 100644
index 0facb02d3..000000000
--- a/src/components/common/EthHashInfo/index.test.tsx
+++ /dev/null
@@ -1,416 +0,0 @@
-import { blo } from 'blo'
-import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-
-import { act, fireEvent, render, waitFor } from '@/tests/test-utils'
-import * as useAllAddressBooks from '@/hooks/useAllAddressBooks'
-import * as useChainId from '@/hooks/useChainId'
-import * as store from '@/store'
-import EthHashInfo from '.'
-
-const originalClipboard = { ...global.navigator.clipboard }
-
-const MOCK_SAFE_ADDRESS = '0x0000000000000000000000000000000000005AFE'
-const MOCK_CHAIN_ID = '4'
-
-jest.mock('@/hooks/useAllAddressBooks')
-jest.mock('@/hooks/useChainId')
-
-describe('EthHashInfo', () => {
-  beforeEach(() => {
-    jest.clearAllMocks()
-
-    jest.spyOn(useAllAddressBooks, 'default').mockImplementation(() => ({
-      [MOCK_CHAIN_ID]: {
-        [MOCK_SAFE_ADDRESS]: 'Address book name',
-      },
-    }))
-
-    //@ts-ignore
-    global.navigator.clipboard = {
-      writeText: jest.fn(() => Promise.resolve()),
-    }
-  })
-
-  afterEach(() => {
-    //@ts-ignore
-    global.navigator.clipboard = originalClipboard
-  })
-
-  describe('address', () => {
-    it('renders a shortened address by default', () => {
-      const { queryAllByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} />)
-
-      expect(queryAllByText('0x0000...5AFE')[0]).toBeInTheDocument()
-    })
-
-    it('renders a full address', () => {
-      const { queryByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} shortAddress={false} />)
-
-      expect(queryByText(MOCK_SAFE_ADDRESS)).toBeInTheDocument()
-    })
-  })
-
-  describe('prefix', () => {
-    it('renders the current chain prefix by default', () => {
-      jest.spyOn(useChainId, 'default').mockReturnValue('4')
-
-      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
-        selector({
-          session: {},
-          settings: {
-            shortName: {
-              copy: true,
-            },
-          },
-          chains: {
-            data: [{ chainId: '4', shortName: 'rin' }],
-          },
-        } as store.RootState),
-      )
-
-      const { queryByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} />)
-
-      expect(queryByText('rin:')).toBeInTheDocument()
-    })
-
-    it('renders the chain prefix associated with the given chainId', () => {
-      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
-        selector({
-          session: {},
-          settings: {
-            shortName: {
-              copy: true,
-            },
-          },
-          chains: {
-            data: [
-              { chainId: '4', shortName: 'rin' },
-              { chainId: '100', shortName: 'gno' },
-            ],
-          },
-        } as store.RootState),
-      )
-
-      const { queryByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} chainId="100" />)
-
-      expect(queryByText('gno:')).toBeInTheDocument()
-    })
-
-    it('renders a custom prefix', () => {
-      jest.spyOn(store, 'useAppSelector').mockReturnValue({
-        shortName: {
-          copy: true,
-        },
-      })
-
-      const { queryByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} prefix="test" />)
-
-      expect(queryByText('test:')).toBeInTheDocument()
-    })
-
-    it("doesn't prefix non-addresses", () => {
-      jest.spyOn(useChainId, 'default').mockReturnValue('4')
-
-      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
-        selector({
-          session: {},
-          settings: {
-            shortName: {
-              copy: true,
-            },
-          },
-          chains: {
-            data: [{ chainId: '4', shortName: 'rin' }],
-          },
-        } as store.RootState),
-      )
-
-      const result1 = render(
-        <EthHashInfo address="0xe26920604f9a02c5a877d449faa71b7504f0c2508dcc7c0384078a024b8e592f" />,
-      )
-
-      expect(result1.queryByText('rin:')).not.toBeInTheDocument()
-
-      const result2 = render(<EthHashInfo address="0x123" />)
-
-      expect(result2.queryByText('rin:')).not.toBeInTheDocument()
-    })
-
-    it('should not render the prefix when disabled in the props', () => {
-      const { queryByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} showPrefix={false} />)
-
-      expect(queryByText('rin:')).not.toBeInTheDocument()
-    })
-  })
-
-  describe('name', () => {
-    it('renders a name by default', () => {
-      const { queryByText } = render(<EthHashInfo address="0x1234" name="Test name" />)
-
-      expect(queryByText('Test name')).toBeInTheDocument()
-    })
-
-    it('renders a name from the address book even if a name is passed', () => {
-      const { queryByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} name="Fallback name" />)
-
-      expect(queryByText('Address book name')).toBeInTheDocument()
-    })
-
-    it('renders a name from the address book', () => {
-      const { queryByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} />)
-
-      expect(queryByText('Address book name')).toBeInTheDocument()
-    })
-
-    it('hides a name', () => {
-      const { queryByText } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} name="Test" showName={false} />)
-
-      expect(queryByText('Test')).not.toBeInTheDocument()
-      expect(queryByText('Address book name')).not.toBeInTheDocument()
-    })
-  })
-
-  describe('avatar', () => {
-    it('renders an avatar by default', () => {
-      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} />)
-
-      expect(container.querySelector('.icon')).toHaveAttribute(
-        'style',
-        `background-image: url(${blo(MOCK_SAFE_ADDRESS)}); width: 40px; height: 40px;`,
-      )
-    })
-
-    it('allows for sizing of avatars', () => {
-      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} avatarSize={100} />)
-
-      expect(container.querySelector('.icon')).toHaveAttribute(
-        'style',
-        `background-image: url(${blo(MOCK_SAFE_ADDRESS)}); width: 100px; height: 100px;`,
-      )
-    })
-
-    it('renders a custom avatar', () => {
-      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} customAvatar="./test.jpg" />)
-
-      expect(container.querySelector('img')).toHaveAttribute('src', './test.jpg')
-    })
-
-    it('allows for sizing of custom avatars', () => {
-      const { container } = render(
-        <EthHashInfo address={MOCK_SAFE_ADDRESS} customAvatar="./test.jpg" avatarSize={100} />,
-      )
-
-      const avatar = container.querySelector('img')
-
-      expect(avatar).toHaveAttribute('src', './test.jpg')
-      expect(avatar).toHaveAttribute('width', '100')
-      expect(avatar).toHaveAttribute('height', '100')
-    })
-
-    it('falls back to an identicon', async () => {
-      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} customAvatar="" />)
-
-      await waitFor(() => {
-        expect(container.querySelector('.icon')).toBeInTheDocument()
-      })
-    })
-
-    it('hides the avatar', () => {
-      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} showAvatar={false} />)
-
-      expect(container.querySelector('.icon')).not.toBeInTheDocument()
-    })
-  })
-
-  describe('copy button', () => {
-    it("doesn't show the copy button by default", () => {
-      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} />)
-
-      expect(container.querySelector('button')).not.toBeInTheDocument()
-    })
-
-    it('shows the copy button', () => {
-      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} showCopyButton />)
-
-      expect(container.querySelector('button')).toBeInTheDocument()
-    })
-
-    it("doesn't copy the prefix with non-addresses", async () => {
-      jest.spyOn(useChainId, 'default').mockReturnValue('4')
-
-      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
-        selector({
-          session: {},
-          settings: {
-            shortName: {
-              copy: true,
-            },
-          },
-          chains: {
-            data: [{ chainId: '4', shortName: 'rin' }],
-          },
-        } as store.RootState),
-      )
-
-      const { container } = render(
-        <EthHashInfo address="0xe26920604f9a02c5a877d449faa71b7504f0c2508dcc7c0384078a024b8e592f" showCopyButton />,
-      )
-
-      const button = container.querySelector('button')
-
-      await act(() => {
-        fireEvent.click(button!)
-      })
-
-      expect(navigator.clipboard.writeText).toHaveBeenCalledWith(
-        '0xe26920604f9a02c5a877d449faa71b7504f0c2508dcc7c0384078a024b8e592f',
-      )
-    })
-
-    it('copies the default prefixed address', async () => {
-      jest.spyOn(useChainId, 'default').mockReturnValue('4')
-
-      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
-        selector({
-          session: {},
-          settings: {
-            shortName: {
-              copy: true,
-            },
-          },
-          chains: {
-            data: [{ chainId: '4', shortName: 'rin' }],
-          },
-        } as store.RootState),
-      )
-
-      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} showCopyButton />)
-
-      const button = container.querySelector('button')
-
-      await act(() => {
-        fireEvent.click(button!)
-      })
-
-      expect(navigator.clipboard.writeText).toHaveBeenCalledWith(`rin:${MOCK_SAFE_ADDRESS}`)
-    })
-
-    it('copies the prefix even if it is hidden', async () => {
-      jest.spyOn(useChainId, 'default').mockReturnValue('4')
-
-      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
-        selector({
-          session: {},
-          settings: {
-            shortName: {
-              copy: true,
-            },
-          },
-          chains: {
-            data: [{ chainId: '4', shortName: 'rin' }],
-          },
-        } as store.RootState),
-      )
-
-      const { container, queryByText } = render(
-        <EthHashInfo address={MOCK_SAFE_ADDRESS} showCopyButton showPrefix={false} />,
-      )
-
-      expect(queryByText('rin:')).not.toBeInTheDocument()
-
-      const button = container.querySelector('button')
-
-      await act(() => {
-        fireEvent.click(button!)
-      })
-
-      expect(navigator.clipboard.writeText).toHaveBeenCalledWith(`rin:${MOCK_SAFE_ADDRESS}`)
-    })
-
-    it('copies the selected chainId prefix', async () => {
-      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
-        selector({
-          session: {},
-          settings: {
-            shortName: {
-              copy: true,
-            },
-          },
-          chains: {
-            data: [
-              { chainId: '4', shortName: 'rin' },
-              { chainId: '100', shortName: 'gno' },
-            ],
-          },
-        } as store.RootState),
-      )
-
-      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} showCopyButton chainId="100" />)
-
-      const button = container.querySelector('button')
-
-      await act(() => {
-        fireEvent.click(button!)
-      })
-
-      expect(navigator.clipboard.writeText).toHaveBeenCalledWith(`gno:${MOCK_SAFE_ADDRESS}`)
-    })
-
-    it('copies the raw address', async () => {
-      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
-        selector({
-          session: {},
-          settings: {
-            shortName: {
-              copy: false,
-            },
-          },
-          chains: {
-            data: [] as ChainInfo[],
-          },
-        } as store.RootState),
-      )
-
-      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} showCopyButton />)
-
-      const button = container.querySelector('button')
-
-      await act(() => {
-        fireEvent.click(button!)
-      })
-
-      expect(navigator.clipboard.writeText).toHaveBeenCalledWith(MOCK_SAFE_ADDRESS)
-    })
-  })
-
-  describe('block explorer', () => {
-    it("doesn't render the block explorer link by default", () => {
-      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} />)
-
-      expect(container.querySelector('a')).not.toBeInTheDocument()
-    })
-    it('renders the block explorer link', () => {
-      jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
-        selector({
-          session: {},
-          settings: { shortName: {} },
-          chains: {
-            data: [
-              {
-                chainId: '4',
-                blockExplorerUriTemplate: { address: 'https://rinkeby.etherscan.io/address/{{address}}' },
-              },
-            ],
-          },
-        } as store.RootState),
-      )
-
-      const { container } = render(<EthHashInfo address={MOCK_SAFE_ADDRESS} hasExplorer />)
-
-      expect(container.querySelector('a')).toHaveAttribute(
-        'href',
-        'https://rinkeby.etherscan.io/address/0x0000000000000000000000000000000000005AFE',
-      )
-    })
-  })
-})
diff --git a/src/components/common/EthHashInfo/index.tsx b/src/components/common/EthHashInfo/index.tsx
deleted file mode 100644
index b222c9251..000000000
--- a/src/components/common/EthHashInfo/index.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { type ReactElement, useMemo } from 'react'
-import { useChain } from '@/hooks/useChains'
-import useAllAddressBooks from '@/hooks/useAllAddressBooks'
-import useChainId from '@/hooks/useChainId'
-import { useAppSelector } from '@/store'
-import { selectSettings } from '@/store/settingsSlice'
-import { getBlockExplorerLink } from '@/utils/chains'
-import SrcEthHashInfo, { type EthHashInfoProps } from './SrcEthHashInfo'
-import { toChecksumAddress } from '@/utils/rsk-utils'
-
-const EthHashInfo = ({
-  showName = true,
-  avatarSize = 40,
-  ...props
-}: EthHashInfoProps & { showName?: boolean }): ReactElement => {
-  const settings = useAppSelector(selectSettings)
-  const currentChainId = useChainId()
-  const chain = useChain(props.chainId || currentChainId)
-  const addressBooks = useAllAddressBooks()
-  const address = useMemo(() => toChecksumAddress(props.address, currentChainId), [props.address, currentChainId])
-  const link = chain && props.hasExplorer ? getBlockExplorerLink(chain, address) : undefined
-  const name = showName && chain ? addressBooks?.[chain.chainId]?.[address] || props.name : undefined
-  // const link = chain && props.hasExplorer ? getBlockExplorerLink(chain, props.address) : undefined
-  // const addressBookName = chain ? addressBooks?.[chain.chainId]?.[props.address] : undefined
-  // const name = showName ? addressBookName || props.name : undefined
-
-  return (
-    <SrcEthHashInfo
-      prefix={chain?.shortName}
-      copyPrefix={settings.shortName.copy}
-      {...props}
-      address={address}
-      name={name}
-      isAddressBookName={!!name}
-      customAvatar={props.customAvatar}
-      ExplorerButtonProps={{ title: link?.title || '', href: link?.href || '' }}
-      avatarSize={avatarSize}
-    >
-      {props.children}
-    </SrcEthHashInfo>
-  )
-}
-
-export default EthHashInfo
diff --git a/src/components/common/ExplorerButton/index.tsx b/src/components/common/ExplorerButton/index.tsx
deleted file mode 100644
index 4bc6db737..000000000
--- a/src/components/common/ExplorerButton/index.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import type { ReactElement, ComponentType, SyntheticEvent } from 'react'
-import { Box, IconButton, SvgIcon, Tooltip, Typography } from '@mui/material'
-import LinkIcon from '@/public/images/common/link.svg'
-import Link from 'next/link'
-
-export type ExplorerButtonProps = {
-  title?: string
-  href?: string
-  className?: string
-  icon?: ComponentType
-  onClick?: (e: SyntheticEvent) => void
-  isCompact?: boolean
-}
-
-const ExplorerButton = ({
-  title = '',
-  href = '',
-  icon = LinkIcon,
-  className,
-  onClick,
-  isCompact = true,
-}: ExplorerButtonProps): ReactElement => {
-  return isCompact ? (
-    <Tooltip title={title} placement="top">
-      <IconButton
-        data-testid="explorer-btn"
-        className={className}
-        target="_blank"
-        rel="noreferrer"
-        href={href}
-        size="small"
-        sx={{ color: 'inherit' }}
-        onClick={onClick}
-      >
-        <SvgIcon component={icon} inheritViewBox fontSize="small" />
-      </IconButton>
-    </Tooltip>
-  ) : (
-    <Link
-      data-testid="explorer-btn"
-      className={className}
-      target="_blank"
-      rel="noreferrer"
-      href={href}
-      onClick={onClick}
-    >
-      <Box display="flex" alignItems="center">
-        <Typography fontWeight={700} fontSize="small" mr="var(--space-1)" noWrap>
-          View on explorer
-        </Typography>
-
-        <SvgIcon component={icon} inheritViewBox fontSize="small" />
-      </Box>
-    </Link>
-  )
-}
-
-export default ExplorerButton
diff --git a/src/components/common/ExternalLink/index.tsx b/src/components/common/ExternalLink/index.tsx
deleted file mode 100644
index 30b96958f..000000000
--- a/src/components/common/ExternalLink/index.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import type { ReactElement } from 'react'
-import { OpenInNewRounded } from '@mui/icons-material'
-import { Box, Link, type LinkProps } from '@mui/material'
-
-/**
- * Renders an external Link which always sets the noopener and noreferrer rel attribute and the target to _blank.
- * It also always adds the external link icon as end adornment.
- */
-const ExternalLink = ({
-  noIcon = false,
-  children,
-  ...props
-}: Omit<LinkProps, 'target' | 'rel'> & { noIcon?: boolean }): ReactElement => {
-  if (!props.href) return <>{children}</>
-
-  return (
-    <Link rel="noreferrer noopener" target="_blank" {...props}>
-      <Box display="inline-flex" alignItems="center" gap={0.2} component="span">
-        {children}
-        {!noIcon && <OpenInNewRounded fontSize="small" />}
-      </Box>
-    </Link>
-  )
-}
-
-export default ExternalLink
diff --git a/src/components/common/FiatValue/index.tsx b/src/components/common/FiatValue/index.tsx
deleted file mode 100644
index 9cc09f1ea..000000000
--- a/src/components/common/FiatValue/index.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import type { CSSProperties, ReactElement } from 'react'
-import { useMemo } from 'react'
-import { useAppSelector } from '@/store'
-import { selectCurrency } from '@/store/settingsSlice'
-import { formatCurrency } from '@/utils/formatNumber'
-
-const style = { whiteSpace: 'nowrap' } as CSSProperties
-
-const FiatValue = ({ value, maxLength }: { value: string | number; maxLength?: number }): ReactElement => {
-  const currency = useAppSelector(selectCurrency)
-
-  const fiat = useMemo(() => {
-    return formatCurrency(value, currency, maxLength)
-  }, [value, currency, maxLength])
-
-  return (
-    <span suppressHydrationWarning style={style}>
-      {fiat}
-    </span>
-  )
-}
-
-export default FiatValue
diff --git a/src/components/common/FileUpload/index.tsx b/src/components/common/FileUpload/index.tsx
deleted file mode 100644
index 255971f78..000000000
--- a/src/components/common/FileUpload/index.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-import css from './styles.module.css'
-import { Box, Grid, IconButton, Link, SvgIcon, type SvgIconTypeMap, Typography } from '@mui/material'
-import HighlightOffIcon from '@mui/icons-material/HighlightOff'
-import FileIcon from '@/public/images/settings/data/file.svg'
-import type { MouseEventHandler, ReactElement } from 'react'
-import type { DropzoneInputProps, DropzoneRootProps } from 'react-dropzone'
-
-export type FileInfo = {
-  name: string
-  additionalInfo?: string
-  summary: ReactElement[]
-  error?: string
-}
-
-export enum FileTypes {
-  JSON = 'JSON',
-  CSV = 'CSV',
-}
-
-const ColoredFileIcon = ({ color }: { color: SvgIconTypeMap['props']['color'] }) => (
-  <SvgIcon component={FileIcon} inheritViewBox fontSize="small" color={color} sx={{ fill: 'none' }} />
-)
-
-const UploadSummary = ({ fileInfo, onRemove }: { fileInfo: FileInfo; onRemove: (() => void) | MouseEventHandler }) => {
-  return (
-    <Grid container direction="column" gap={1} mt={3}>
-      <Grid container gap={1} display="flex" alignItems="center">
-        <Grid item xs={1}>
-          <ColoredFileIcon color="primary" />
-        </Grid>
-        <Grid item xs={7}>
-          {fileInfo.name}
-          {fileInfo.additionalInfo && ` - ${fileInfo.additionalInfo}`}
-        </Grid>
-
-        <Grid item xs display="flex" justifyContent="flex-end">
-          <IconButton onClick={onRemove} size="small">
-            <HighlightOffIcon color="primary" />
-          </IconButton>
-        </Grid>
-      </Grid>
-      <Grid item xs={12} display="flex" justifyContent="flex-start">
-        <div className={css.verticalLine} />
-      </Grid>
-      <>
-        {fileInfo.summary.map((summaryItem, idx) => (
-          <Grid key={`${fileInfo.name}${idx}`} container display="flex" gap={1} alignItems="center">
-            <Grid item xs={1}>
-              <ColoredFileIcon color="border" />
-            </Grid>
-            <Grid item xs>
-              <Typography>{summaryItem}</Typography>
-            </Grid>
-          </Grid>
-        ))}
-        {fileInfo.error && (
-          <Grid container display="flex" gap={1} alignItems="center">
-            <Grid item xs={1}>
-              <ColoredFileIcon color="border" />
-            </Grid>
-            <Grid item xs>
-              <Typography color="error">
-                <strong>{fileInfo.error}</strong>
-              </Typography>
-            </Grid>
-          </Grid>
-        )}
-      </>
-    </Grid>
-  )
-}
-
-const FileUpload = ({
-  getRootProps,
-  getInputProps,
-  isDragReject = false,
-  isDragActive = false,
-  fileType,
-  fileInfo,
-  onRemove,
-}: {
-  isDragReject?: boolean
-  isDragActive?: boolean
-  fileType: FileTypes
-  getInputProps?: <T extends DropzoneInputProps>(props?: T | undefined) => T
-  getRootProps: <T extends DropzoneRootProps>(props?: T | undefined) => T
-  fileInfo?: FileInfo
-  onRemove: (() => void) | MouseEventHandler
-}) => {
-  if (fileInfo) {
-    return <UploadSummary fileInfo={fileInfo} onRemove={onRemove} />
-  }
-  return (
-    <Box
-      data-testid="file-upload-section"
-      {...getRootProps()}
-      className={css.dropbox}
-      sx={{
-        cursor: isDragReject ? 'not-allowed' : undefined,
-        background: ({ palette }) => `${isDragReject ? palette.error.light : undefined} !important`,
-        border: ({ palette }) =>
-          `1px dashed ${
-            isDragReject ? palette.error.dark : isDragActive ? palette.primary.main : palette.secondary.dark
-          }`,
-      }}
-    >
-      {getInputProps && <input {...getInputProps()} />}
-
-      <Box display="flex" alignItems="center" gap={1}>
-        <SvgIcon
-          component={FileIcon}
-          inheritViewBox
-          fontSize="small"
-          sx={{ fill: 'none', color: ({ palette }) => palette.primary.light }}
-        />
-        <Typography>
-          Drag and drop a {fileType} file or <Link color="secondary">choose a file</Link>
-        </Typography>
-      </Box>
-    </Box>
-  )
-}
-
-export default FileUpload
diff --git a/src/components/common/FileUpload/styles.module.css b/src/components/common/FileUpload/styles.module.css
deleted file mode 100644
index 1225fc143..000000000
--- a/src/components/common/FileUpload/styles.module.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.dropbox {
-  align-items: center;
-  border-radius: 8px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  cursor: pointer;
-  padding: var(--space-3) var(--space-5);
-  margin: var(--space-3) 0;
-  background: var(--color-secondary-background);
-  color: var(--color-primary-light);
-  transition: border 0.5s, background 0.5s;
-}
-
-.verticalLine {
-  display: flex;
-  height: 18px;
-  border-right: 1px solid var(--color-primary-main);
-  margin-left: 7px;
-  margin-top: -8px;
-}
diff --git a/src/components/common/Footer/index.tsx b/src/components/common/Footer/index.tsx
deleted file mode 100644
index 2692e42e0..000000000
--- a/src/components/common/Footer/index.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import type { ReactElement, ReactNode } from 'react'
-import { SvgIcon, Typography } from '@mui/material'
-import GitHubIcon from '@mui/icons-material/GitHub'
-import Link from 'next/link'
-import { useRouter } from 'next/router'
-import css from './styles.module.css'
-import { AppRoutes } from '@/config/routes'
-import packageJson from '../../../../package.json'
-//import AppstoreButton from '../AppStoreButton'
-import ExternalLink from '../ExternalLink'
-import MUILink from '@mui/material/Link'
-import { HELP_CENTER_URL, IS_DEV, IS_OFFICIAL_HOST } from '@/config/constants'
-
-const footerPages = [
-  AppRoutes.welcome.index,
-  AppRoutes.settings.index,
-  AppRoutes.imprint,
-  AppRoutes.privacy,
-  AppRoutes.cookie,
-  AppRoutes.terms,
-  AppRoutes.licenses,
-]
-
-const FooterLink = ({ children, href }: { children: ReactNode; href: string }): ReactElement => {
-  return href ? (
-    <Link href={href} passHref legacyBehavior>
-      <MUILink>{children}</MUILink>
-    </Link>
-  ) : (
-    <MUILink>{children}</MUILink>
-  )
-}
-
-const Footer = (): ReactElement | null => {
-  const router = useRouter()
-
-  if (!footerPages.some((path) => router.pathname.startsWith(path))) {
-    return null
-  }
-
-  const getHref = (path: string): string => {
-    return router.pathname === path ? '' : path
-  }
-
-  return (
-    <footer className={css.container}>
-      <ul>
-        {IS_OFFICIAL_HOST || IS_DEV ? (
-          <>
-            <li>
-              <Typography variant="caption">&copy;2022–{new Date().getFullYear()} Core Contributors GmbH</Typography>
-            </li>
-            <li>
-              <FooterLink href={getHref(AppRoutes.terms)}>Terms</FooterLink>
-            </li>
-            <li>
-              <FooterLink href={getHref(AppRoutes.privacy)}>Privacy</FooterLink>
-            </li>
-            <li>
-              <FooterLink href={getHref(AppRoutes.licenses)}>Licenses</FooterLink>
-            </li>
-            <li>
-              <FooterLink href={getHref(AppRoutes.imprint)}>Imprint</FooterLink>
-            </li>
-            <li>
-              <FooterLink href={getHref(AppRoutes.cookie)}>Cookie policy</FooterLink>
-            </li>
-            <li>
-              <FooterLink href={getHref(AppRoutes.settings.index)}>Preferences</FooterLink>
-            </li>
-            <li>
-              <ExternalLink href={HELP_CENTER_URL} noIcon sx={{ span: { textDecoration: 'underline' } }}>
-                Help
-              </ExternalLink>
-            </li>
-          </>
-        ) : (
-          <li>
-            <FooterLink href={getHref(AppRoutes.settings.index)}>Preferences</FooterLink>
-          </li>
-        )}
-
-        <li>
-          <ExternalLink href={`${packageJson.homepage}/releases/tag/v${packageJson.version}`} noIcon>
-            <SvgIcon component={GitHubIcon} inheritViewBox fontSize="inherit" sx={{ mr: 0.5 }} /> v{packageJson.version}
-          </ExternalLink>
-        </li>
-        {/* <li>
-          <AppstoreButton placement="footer" />
-        </li> */}
-      </ul>
-    </footer>
-  )
-}
-
-export default Footer
diff --git a/src/components/common/GeoblockingProvider/index.tsx b/src/components/common/GeoblockingProvider/index.tsx
deleted file mode 100644
index b6451de00..000000000
--- a/src/components/common/GeoblockingProvider/index.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { AppRoutes } from '@/config/routes'
-import { createContext, type ReactElement, type ReactNode, useEffect, useState } from 'react'
-
-export const GeoblockingContext = createContext<boolean | null>(null)
-
-/**
- * Endpoint returns a 403 if the requesting user is from one of the OFAC sanctioned countries
- */
-const GeoblockingProvider = ({ children }: { children: ReactNode }): ReactElement => {
-  const [isBlockedCountry, setIsBlockedCountry] = useState<boolean | null>(null)
-
-  useEffect(() => {
-    const fetchSwaps = async () => {
-      await fetch(AppRoutes.swap, { method: 'HEAD' }).then((res) => {
-        if (res.status === 403) {
-          setIsBlockedCountry(true)
-        } else {
-          setIsBlockedCountry(false)
-        }
-      })
-    }
-
-    fetchSwaps()
-  }, [])
-
-  return <GeoblockingContext.Provider value={isBlockedCountry}>{children}</GeoblockingContext.Provider>
-}
-
-export default GeoblockingProvider
diff --git a/src/components/common/Header/index.tsx b/src/components/common/Header/index.tsx
deleted file mode 100644
index e08289543..000000000
--- a/src/components/common/Header/index.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import type { Dispatch, SetStateAction } from 'react'
-import { type ReactElement } from 'react'
-import { useRouter } from 'next/router'
-import type { Url } from 'next/dist/shared/lib/router/router'
-import { IconButton, Paper } from '@mui/material'
-import MenuIcon from '@mui/icons-material/Menu'
-import classnames from 'classnames'
-import css from './styles.module.css'
-import ConnectWallet from '@/components/common/ConnectWallet'
-import NetworkSelector from '@/components/common/NetworkSelector'
-import SafeTokenWidget, { getSafeTokenAddress } from '@/components/common/SafeTokenWidget'
-import NotificationCenter from '@/components/notification-center/NotificationCenter'
-import { AppRoutes } from '@/config/routes'
-import useChainId from '@/hooks/useChainId'
-import SafeLogo from '@/public/images/logo.svg'
-import Link from 'next/link'
-import useSafeAddress from '@/hooks/useSafeAddress'
-import BatchIndicator from '@/components/batch/BatchIndicator'
-import WalletConnect from '@/features/walletconnect/components'
-import { FEATURES } from '@/utils/chains'
-import { useHasFeature } from '@/hooks/useChains'
-import Track from '@/components/common/Track'
-import { OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
-
-type HeaderProps = {
-  onMenuToggle?: Dispatch<SetStateAction<boolean>>
-  onBatchToggle?: Dispatch<SetStateAction<boolean>>
-}
-
-function getLogoLink(router: ReturnType<typeof useRouter>): Url {
-  return router.pathname === AppRoutes.home || !router.query.safe
-    ? router.pathname === AppRoutes.welcome.accounts
-      ? AppRoutes.welcome.index
-      : AppRoutes.welcome.accounts
-    : { pathname: AppRoutes.home, query: { safe: router.query.safe } }
-}
-
-const Header = ({ onMenuToggle, onBatchToggle }: HeaderProps): ReactElement => {
-  const chainId = useChainId()
-  const safeAddress = useSafeAddress()
-  const showSafeToken = safeAddress && !!getSafeTokenAddress(chainId)
-  const router = useRouter()
-  const enableWc = useHasFeature(FEATURES.NATIVE_WALLETCONNECT)
-
-  // If on the home page, the logo should link to the Accounts or Welcome page, otherwise to the home page
-  const logoHref = getLogoLink(router)
-
-  const handleMenuToggle = () => {
-    if (onMenuToggle) {
-      onMenuToggle((isOpen) => !isOpen)
-    } else {
-      router.push(logoHref)
-    }
-  }
-
-  const handleBatchToggle = () => {
-    if (onBatchToggle) {
-      onBatchToggle((isOpen) => !isOpen)
-    }
-  }
-
-  return (
-    <Paper className={css.container}>
-      <div className={classnames(css.element, css.menuButton, !onMenuToggle ? css.hideSidebarMobile : null)}>
-        <IconButton onClick={handleMenuToggle} size="large" color="default" aria-label="menu">
-          <MenuIcon />
-        </IconButton>
-      </div>
-
-      <div className={classnames(css.element, css.hideMobile, css.logo)}>
-        <Link href={logoHref} passHref>
-          <SafeLogo alt="Safe logo" />
-        </Link>
-      </div>
-
-      {showSafeToken && (
-        <div className={classnames(css.element, css.hideMobile)}>
-          <SafeTokenWidget />
-        </div>
-      )}
-
-      <div className={css.element}>
-        <NotificationCenter />
-      </div>
-
-      {safeAddress && (
-        <div className={classnames(css.element, css.hideMobile)}>
-          <BatchIndicator onClick={handleBatchToggle} />
-        </div>
-      )}
-
-      {enableWc && (
-        <div className={classnames(css.element, css.hideMobile)}>
-          <WalletConnect />
-        </div>
-      )}
-
-      <div className={classnames(css.element, css.connectWallet)}>
-        <Track label={OVERVIEW_LABELS.top_bar} {...OVERVIEW_EVENTS.OPEN_ONBOARD}>
-          <ConnectWallet />
-        </Track>
-      </div>
-
-      <div className={classnames(css.element, css.networkSelector)}>
-        <NetworkSelector />
-      </div>
-    </Paper>
-  )
-}
-
-export default Header
diff --git a/src/components/common/Header/styles.module.css b/src/components/common/Header/styles.module.css
deleted file mode 100644
index 3051c3ba1..000000000
--- a/src/components/common/Header/styles.module.css
+++ /dev/null
@@ -1,80 +0,0 @@
-.container {
-  height: var(--header-height);
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-items: center;
-  position: relative;
-  border-radius: 0 !important;
-  background-color: var(--color-background-paper);
-  border-bottom: 1px solid var(--color-border-light);
-}
-
-.element {
-  height: 100%;
-  border-right: 1px solid var(--color-border-light);
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}
-
-.element :global(.MuiBadge-standard) {
-  font-size: 12px;
-  width: 18px;
-  height: 18px;
-  min-width: 18px;
-}
-
-[data-theme='dark'] .element :global(.MuiBadge-standard) {
-  background-color: var(--color-primary-main);
-}
-
-.menuButton,
-.logo {
-  flex: 1;
-  border: none;
-  align-items: flex-start;
-}
-
-.logo svg {
-  width: auto;
-  display: block;
-  color: var(--color-logo-main);
-  height: 30px;
-}
-
-.logo {
-  padding: var(--space-2);
-}
-
-.menuButton {
-  display: none;
-}
-
-.networkSelector {
-  border-right: none;
-}
-
-.connectWallet {
-  flex-shrink: 0;
-}
-
-@media (max-width: 899.95px) {
-  .logo {
-    display: none;
-  }
-
-  .menuButton {
-    display: flex;
-  }
-}
-
-@media (max-width: 599.95px) {
-  .hideMobile {
-    display: none;
-  }
-
-  .hideSidebarMobile {
-    visibility: hidden;
-  }
-}
diff --git a/src/components/common/Identicon/index.tsx b/src/components/common/Identicon/index.tsx
deleted file mode 100644
index 6b3d4d762..000000000
--- a/src/components/common/Identicon/index.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import type { ReactElement, CSSProperties } from 'react'
-import { useMemo } from 'react'
-import { blo } from 'blo'
-import Skeleton from '@mui/material/Skeleton'
-
-import css from './styles.module.css'
-
-export interface IdenticonProps {
-  address: string
-  size?: number
-}
-
-const Identicon = ({ address, size = 40 }: IdenticonProps): ReactElement => {
-  const style = useMemo<CSSProperties | null>(() => {
-    try {
-      const blockie = blo(address as `0x${string}`)
-      return {
-        backgroundImage: `url(${blockie})`,
-        width: `${size}px`,
-        height: `${size}px`,
-      }
-    } catch (e) {
-      return null
-    }
-  }, [address, size])
-
-  return !style ? (
-    <Skeleton variant="circular" width={size} height={size} />
-  ) : (
-    <div className={css.icon} style={style} />
-  )
-}
-
-export default Identicon
diff --git a/src/components/common/LegalDisclaimerContent/index.tsx b/src/components/common/LegalDisclaimerContent/index.tsx
deleted file mode 100644
index 956a8a124..000000000
--- a/src/components/common/LegalDisclaimerContent/index.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import ExternalLink from '@/components/common/ExternalLink'
-import { AppRoutes } from '@/config/routes'
-import { Typography } from '@mui/material'
-
-import css from './styles.module.css'
-
-const LegalDisclaimerContent = ({
-  withTitle = true,
-  isSafeApps = true,
-}: {
-  withTitle?: boolean
-  isSafeApps?: boolean
-}): JSX.Element => (
-  <div className={css.disclaimerContainer}>
-    {withTitle && (
-      <Typography variant="h3" fontWeight={700} my={3}>
-        Disclaimer
-      </Typography>
-    )}
-    <div className={css.disclaimerInner}>
-      <Typography mb={4}>
-        You are now accessing {isSafeApps ? 'third-party apps' : 'a third-party app'}, which we do not own, control,
-        maintain or audit. We are not liable for any loss you may suffer in connection with interacting with the{' '}
-        {isSafeApps ? 'apps' : 'app'}, which is at your own risk.
-      </Typography>
-
-      <Typography mb={4}>
-        You must read our Terms, which contain more detailed provisions binding on you relating to the{' '}
-        {isSafeApps ? 'apps' : 'app'}.
-      </Typography>
-
-      <Typography>
-        I have read and understood the{' '}
-        <ExternalLink href={AppRoutes.terms} sx={{ textDecoration: 'none' }}>
-          Terms
-        </ExternalLink>{' '}
-        and this Disclaimer, and agree to be bound by them.
-      </Typography>
-    </div>
-  </div>
-)
-
-export default LegalDisclaimerContent
diff --git a/src/components/common/MetaTags/index.tsx b/src/components/common/MetaTags/index.tsx
deleted file mode 100644
index 524b09c5e..000000000
--- a/src/components/common/MetaTags/index.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { IS_PRODUCTION } from '@/config/constants'
-import { ContentSecurityPolicy, StrictTransportSecurity } from '@/config/securityHeaders'
-import lightPalette from '@/components/theme/lightPalette'
-import darkPalette from '@/components/theme/darkPalette'
-
-const descriptionText = 'Rootstock Safe is the most trusted platform to manage digital assets on Rootstock.'
-const titleText = 'Rootstock Safe'
-
-const MetaTags = ({ prefetchUrl }: { prefetchUrl: string }) => (
-  <>
-    <meta name="description" content={descriptionText} />
-    {!IS_PRODUCTION && <meta name="robots" content="noindex" />}
-
-    {/* Social sharing */}
-    <meta name="og:image" content="https://app.safe.global/images/social-share.png" />
-    <meta name="og:description" content={descriptionText} />
-    <meta name="og:title" content={titleText} />
-    <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:site" content="@safe" />
-    <meta name="twitter:title" content={titleText} />
-    <meta name="twitter:description" content={descriptionText} />
-    <meta name="twitter:image" content="https://app.safe.global/images/social-share.png" />
-
-    {/* CSP */}
-    <meta httpEquiv="Content-Security-Policy" content={ContentSecurityPolicy} />
-    {IS_PRODUCTION && <meta httpEquiv="Strict-Transport-Security" content={StrictTransportSecurity} />}
-
-    {/* Prefetch the backend domain */}
-    <link rel="dns-prefetch" href={prefetchUrl} />
-    <link rel="preconnect" href={prefetchUrl} crossOrigin="" />
-
-    {/* Mobile tags */}
-    <meta name="viewport" content="width=device-width" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-
-    {/* PWA primary color and manifest */}
-    <meta name="theme-color" content={lightPalette.background.main} media="(prefers-color-scheme: light)" />
-    <meta name="theme-color" content={darkPalette.background.main} media="(prefers-color-scheme: dark)" />
-    <link rel="manifest" href="/safe.webmanifest" />
-
-    {/* Favicons */}
-    <link rel="shortcut icon" href="/favicons/favicon.ico" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png" />
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png" />
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png" />
-    <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#000" />
-  </>
-)
-
-export default MetaTags
diff --git a/src/components/common/ModalDialog/index.tsx b/src/components/common/ModalDialog/index.tsx
deleted file mode 100644
index c9d32eafe..000000000
--- a/src/components/common/ModalDialog/index.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { type ReactElement, type ReactNode } from 'react'
-import { IconButton, type ModalProps } from '@mui/material'
-import { Dialog, DialogTitle, type DialogProps, useMediaQuery } from '@mui/material'
-import { useTheme } from '@mui/material/styles'
-import ChainIndicator from '@/components/common/ChainIndicator'
-import CloseIcon from '@mui/icons-material/Close'
-
-import css from './styles.module.css'
-
-interface ModalDialogProps extends DialogProps {
-  dialogTitle?: React.ReactNode
-  hideChainIndicator?: boolean
-}
-
-interface DialogTitleProps {
-  children: ReactNode
-  onClose?: ModalProps['onClose']
-  hideChainIndicator?: boolean
-}
-
-export const ModalDialogTitle = ({ children, onClose, hideChainIndicator = false, ...other }: DialogTitleProps) => {
-  return (
-    <DialogTitle data-testid="modal-title" sx={{ m: 0, p: 2, display: 'flex', alignItems: 'center' }} {...other}>
-      {children}
-      <span style={{ flex: 1 }} />
-      {!hideChainIndicator && <ChainIndicator inline />}
-      {onClose ? (
-        <IconButton
-          data-testid="modal-dialog-close-btn"
-          aria-label="close"
-          onClick={(e) => {
-            onClose(e, 'backdropClick')
-          }}
-          size="small"
-          sx={{
-            ml: 2,
-            color: 'border.main',
-          }}
-        >
-          <CloseIcon />
-        </IconButton>
-      ) : null}
-    </DialogTitle>
-  )
-}
-
-const ModalDialog = ({
-  dialogTitle,
-  hideChainIndicator,
-  children,
-  fullScreen = false,
-  ...restProps
-}: ModalDialogProps): ReactElement => {
-  const theme = useTheme()
-  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))
-  const isFullScreen = fullScreen || isSmallScreen
-
-  return (
-    <Dialog
-      data-testid="modal-view"
-      {...restProps}
-      fullScreen={isFullScreen}
-      scroll={fullScreen ? 'paper' : 'body'}
-      className={css.dialog}
-      onClick={(e) => e.stopPropagation()}
-    >
-      {dialogTitle && (
-        <ModalDialogTitle onClose={restProps.onClose} hideChainIndicator={hideChainIndicator}>
-          {dialogTitle}
-        </ModalDialogTitle>
-      )}
-
-      {children}
-    </Dialog>
-  )
-}
-
-export default ModalDialog
diff --git a/src/components/common/ModalDialog/styles.module.css b/src/components/common/ModalDialog/styles.module.css
deleted file mode 100644
index 526648940..000000000
--- a/src/components/common/ModalDialog/styles.module.css
+++ /dev/null
@@ -1,25 +0,0 @@
-.dialog :global .MuiDialogActions-root {
-  border-top: 2px solid var(--color-border-light);
-  padding: var(--space-3);
-}
-
-.dialog :global .MuiDialogActions-root > :last-of-type:not(:first-of-type) {
-  order: 2;
-}
-
-.dialog :global .MuiDialogActions-root:after {
-  content: '';
-  order: 1;
-  flex: 1;
-}
-
-.dialog :global .MuiDialogTitle-root {
-  border-bottom: 2px solid var(--color-border-light);
-}
-
-@media (min-width: 600px) {
-  .dialog :global .MuiDialog-paper {
-    min-width: 600px;
-    margin: 0;
-  }
-}
diff --git a/src/components/common/NameInput/index.tsx b/src/components/common/NameInput/index.tsx
deleted file mode 100644
index 09289fc8a..000000000
--- a/src/components/common/NameInput/index.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import type { TextFieldProps } from '@mui/material'
-import { TextField } from '@mui/material'
-import get from 'lodash/get'
-import { type FieldError, type Validate, useFormContext } from 'react-hook-form'
-import inputCss from '@/styles/inputs.module.css'
-
-const NameInput = ({
-  name,
-  validate,
-  required = false,
-  ...props
-}: Omit<TextFieldProps, 'error' | 'variant' | 'ref' | 'fullWidth'> & {
-  name: string
-  validate?: Validate<string>
-  required?: boolean
-}) => {
-  const { register, formState } = useFormContext() || {}
-  // the name can be a path: e.g. "owner.3.name"
-  const fieldError = get(formState.errors, name) as FieldError | undefined
-
-  return (
-    <TextField
-      {...props}
-      variant="outlined"
-      label={<>{fieldError?.type === 'maxLength' ? 'Maximum 50 symbols' : fieldError?.message || props.label}</>}
-      error={Boolean(fieldError)}
-      fullWidth
-      required={required}
-      className={inputCss.input}
-      {...register(name, { maxLength: 50, required })}
-    />
-  )
-}
-
-export default NameInput
diff --git a/src/components/common/NamedAddressInfo/index.test.tsx b/src/components/common/NamedAddressInfo/index.test.tsx
deleted file mode 100644
index 958130365..000000000
--- a/src/components/common/NamedAddressInfo/index.test.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { render, waitFor } from '@/tests/test-utils'
-import NamedAddressInfo from '.'
-import { faker } from '@faker-js/faker'
-import { getContract, type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-
-const mockChainInfo = {
-  chainId: '4',
-  shortName: 'tst',
-  blockExplorerUriTemplate: {
-    address: 'https://test.scan.eth/{address}',
-    api: 'https://test.scan.eth/',
-    txHash: 'https://test.scan.eth/{txHash}',
-  },
-} as ChainInfo
-
-jest.mock('@safe-global/safe-gateway-typescript-sdk', () => ({
-  ...jest.requireActual('@safe-global/safe-gateway-typescript-sdk'),
-  getContract: jest.fn(),
-  __esModule: true,
-}))
-
-describe('NamedAddressInfo', () => {
-  const getContractMock = getContract as jest.Mock
-  it('should not fetch contract info if name / logo is given', async () => {
-    const result = render(
-      <NamedAddressInfo
-        address={faker.finance.ethereumAddress()}
-        name="TestAddressName"
-        customAvatar="https://img.test.safe.global"
-      />,
-      {
-        initialReduxState: {
-          chains: {
-            loading: false,
-            data: [mockChainInfo],
-          },
-        },
-      },
-    )
-
-    expect(result.getByText('TestAddressName')).toBeVisible()
-    expect(getContractMock).not.toHaveBeenCalled()
-  })
-
-  it('should fetch contract info if name / logo is not given', async () => {
-    const address = faker.finance.ethereumAddress()
-    getContractMock.mockResolvedValue({
-      displayName: 'Resolved Test Name',
-      name: 'ResolvedTestName',
-      logoUri: 'https://img-resolved.test.safe.global',
-    })
-    const result = render(<NamedAddressInfo address={address} />, {
-      initialReduxState: {
-        chains: {
-          loading: false,
-          data: [mockChainInfo],
-        },
-      },
-    })
-
-    await waitFor(() => {
-      expect(result.getByText('Resolved Test Name')).toBeVisible()
-    })
-
-    expect(getContractMock).toHaveBeenCalledWith('4', address)
-  })
-})
diff --git a/src/components/common/NamedAddressInfo/index.tsx b/src/components/common/NamedAddressInfo/index.tsx
deleted file mode 100644
index 7ebd1852e..000000000
--- a/src/components/common/NamedAddressInfo/index.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import useAsync from '@/hooks/useAsync'
-import useChainId from '@/hooks/useChainId'
-import { getContract } from '@safe-global/safe-gateway-typescript-sdk'
-import EthHashInfo from '../EthHashInfo'
-import type { EthHashInfoProps } from '../EthHashInfo/SrcEthHashInfo'
-
-const NamedAddressInfo = ({ address, name, customAvatar, ...props }: EthHashInfoProps) => {
-  const chainId = useChainId()
-  const [contract] = useAsync(
-    () => (!name && !customAvatar ? getContract(chainId, address) : undefined),
-    [address, chainId, name, customAvatar],
-  )
-
-  return (
-    <EthHashInfo
-      address={address}
-      name={name || contract?.displayName || contract?.name}
-      customAvatar={customAvatar || contract?.logoUri}
-      {...props}
-    />
-  )
-}
-
-export default NamedAddressInfo
diff --git a/src/components/common/NavTabs/index.tsx b/src/components/common/NavTabs/index.tsx
deleted file mode 100644
index 4637d02e7..000000000
--- a/src/components/common/NavTabs/index.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import React, { forwardRef } from 'react'
-import NextLink, { type LinkProps as NextLinkProps } from 'next/link'
-import { Tab, Tabs, Typography, type TabProps } from '@mui/material'
-import { useRouter } from 'next/router'
-import type { NavItem } from '@/components/sidebar/SidebarNavigation/config'
-import css from './styles.module.css'
-
-type Props = TabProps & NextLinkProps
-
-// This is needed in order for the tabs to work properly with Next Link e.g. tabbing with the keyboard
-// Based on https://github.com/mui/material-ui/blob/master/examples/nextjs-with-typescript/src/Link.tsx
-const NextLinkComposed = forwardRef<HTMLAnchorElement, Props>(function NextComposedLink(props: Props, ref) {
-  const { href, as, replace, scroll, shallow, prefetch, legacyBehavior = true, locale, ...other } = props
-
-  return (
-    <NextLink
-      href={href}
-      prefetch={prefetch}
-      as={as}
-      replace={replace}
-      scroll={scroll}
-      shallow={shallow}
-      passHref
-      locale={locale}
-      legacyBehavior={legacyBehavior}
-    >
-      {/* @ts-ignore */}
-      <a ref={ref} {...other} />
-    </NextLink>
-  )
-})
-
-const NavTabs = ({ tabs }: { tabs: NavItem[] }) => {
-  const router = useRouter()
-  const activeTab = Math.max(0, tabs.map((tab) => tab.href).indexOf(router.pathname))
-  const query = router.query.safe ? { safe: router.query.safe } : undefined
-
-  return (
-    <Tabs value={activeTab} variant="scrollable" allowScrollButtonsMobile className={css.tabs}>
-      {tabs.map((tab, idx) => (
-        <Tab
-          component={NextLinkComposed}
-          key={tab.href}
-          href={{ pathname: tab.href, query }}
-          className={css.tab}
-          label={
-            <Typography
-              variant="body2"
-              fontWeight={700}
-              color={activeTab === idx ? 'primary' : 'primary.light'}
-              className={css.label}
-            >
-              {tab.label}
-            </Typography>
-          }
-        />
-      ))}
-    </Tabs>
-  )
-}
-
-export default NavTabs
diff --git a/src/components/common/NetworkSelector/index.tsx b/src/components/common/NetworkSelector/index.tsx
deleted file mode 100644
index 296dabd33..000000000
--- a/src/components/common/NetworkSelector/index.tsx
+++ /dev/null
@@ -1,122 +0,0 @@
-import ChainIndicator from '@/components/common/ChainIndicator'
-import { useDarkMode } from '@/hooks/useDarkMode'
-import { useTheme } from '@mui/material/styles'
-import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import Link from 'next/link'
-import type { SelectChangeEvent } from '@mui/material'
-import { ListSubheader, MenuItem, Select, Skeleton } from '@mui/material'
-import partition from 'lodash/partition'
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
-import useChains from '@/hooks/useChains'
-import { useRouter } from 'next/router'
-import css from './styles.module.css'
-import { useChainId } from '@/hooks/useChainId'
-import { type ReactElement, useMemo } from 'react'
-import { useCallback } from 'react'
-import { AppRoutes } from '@/config/routes'
-import { trackEvent, OVERVIEW_EVENTS } from '@/services/analytics'
-import useWallet from '@/hooks/wallets/useWallet'
-
-const NetworkSelector = (props: { onChainSelect?: () => void }): ReactElement => {
-  const isDarkMode = useDarkMode()
-  const theme = useTheme()
-  const { configs } = useChains()
-  const chainId = useChainId()
-  const router = useRouter()
-  const isWalletConnected = !!useWallet()
-
-  const [testNets, prodNets] = useMemo(() => partition(configs, (config) => config.isTestnet), [configs])
-
-  const getNetworkLink = useCallback(
-    (shortName: string) => {
-      const shouldKeepPath = !router.query.safe
-
-      const route = {
-        pathname: shouldKeepPath
-          ? router.pathname
-          : isWalletConnected
-          ? AppRoutes.welcome.accounts
-          : AppRoutes.welcome.index,
-        query: {
-          chain: shortName,
-        } as {
-          chain: string
-          safeViewRedirectURL?: string
-        },
-      }
-
-      if (router.query?.safeViewRedirectURL) {
-        route.query.safeViewRedirectURL = router.query?.safeViewRedirectURL.toString()
-      }
-
-      return route
-    },
-    [router, isWalletConnected],
-  )
-
-  const onChange = (event: SelectChangeEvent) => {
-    event.preventDefault() // Prevent the link click
-
-    const newChainId = event.target.value
-    const shortName = configs.find((item) => item.chainId === newChainId)?.shortName
-
-    if (shortName) {
-      trackEvent({ ...OVERVIEW_EVENTS.SWITCH_NETWORK, label: newChainId })
-      router.push(getNetworkLink(shortName))
-    }
-  }
-
-  const renderMenuItem = useCallback(
-    (value: string, chain: ChainInfo) => {
-      return (
-        <MenuItem key={value} value={value} className={css.menuItem}>
-          <Link href={getNetworkLink(chain.shortName)} onClick={props.onChainSelect} className={css.item}>
-            <ChainIndicator chainId={chain.chainId} inline />
-          </Link>
-        </MenuItem>
-      )
-    },
-    [getNetworkLink, props.onChainSelect],
-  )
-
-  return configs.length ? (
-    <Select
-      value={chainId}
-      onChange={onChange}
-      size="small"
-      className={css.select}
-      variant="standard"
-      IconComponent={ExpandMoreIcon}
-      MenuProps={{
-        transitionDuration: 0,
-        sx: {
-          '& .MuiPaper-root': {
-            overflow: 'auto',
-          },
-          ...(isDarkMode
-            ? {
-                '& .Mui-selected, & .Mui-selected:hover': {
-                  backgroundColor: `${theme.palette.secondary.background} !important`,
-                },
-              }
-            : {}),
-        },
-      }}
-      sx={{
-        '& .MuiSelect-select': {
-          py: 0,
-        },
-      }}
-    >
-      {prodNets.map((chain) => renderMenuItem(chain.chainId, chain))}
-
-      <ListSubheader className={css.listSubHeader}>Testnets</ListSubheader>
-
-      {testNets.map((chain) => renderMenuItem(chain.chainId, chain))}
-    </Select>
-  ) : (
-    <Skeleton width={94} height={31} sx={{ mx: 2 }} />
-  )
-}
-
-export default NetworkSelector
diff --git a/src/components/common/NetworkSelector/styles.module.css b/src/components/common/NetworkSelector/styles.module.css
deleted file mode 100644
index a2ab95a39..000000000
--- a/src/components/common/NetworkSelector/styles.module.css
+++ /dev/null
@@ -1,55 +0,0 @@
-.select {
-  height: 100%;
-}
-
-.select:after,
-.select:before {
-  display: none;
-}
-
-.select *:focus-visible {
-  outline: 5px auto Highlight;
-  outline: 5px auto -webkit-focus-ring-color;
-}
-
-.select :global .MuiSelect-select {
-  padding-right: 40px !important;
-  padding-left: 16px;
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-
-.select :global .MuiSelect-icon {
-  margin-right: var(--space-2);
-}
-
-.select :global .Mui-disabled {
-  pointer-events: none;
-}
-
-.menuItem {
-  padding-top: var(--space-1);
-  padding-bottom: var(--space-1);
-}
-
-.listSubHeader {
-  text-transform: uppercase;
-  font-size: 11px;
-  font-weight: bold;
-  line-height: 32px;
-}
-
-.newChip {
-  font-weight: bold;
-  letter-spacing: -0.1px;
-  margin-top: -18px;
-  margin-left: -14px;
-  transform: scale(0.7);
-}
-
-.item {
-  display: flex;
-  align-items: center;
-  gap: var(--space-1);
-}
diff --git a/src/components/common/Notifications/index.tsx b/src/components/common/Notifications/index.tsx
deleted file mode 100644
index 6cf42948f..000000000
--- a/src/components/common/Notifications/index.tsx
+++ /dev/null
@@ -1,142 +0,0 @@
-import type { ReactElement, SyntheticEvent } from 'react'
-import { useCallback, useEffect } from 'react'
-import groupBy from 'lodash/groupBy'
-import { useAppDispatch, useAppSelector } from '@/store'
-import type { Notification } from '@/store/notificationsSlice'
-import { closeNotification, readNotification, selectNotifications } from '@/store/notificationsSlice'
-import type { AlertColor, SnackbarCloseReason } from '@mui/material'
-import { Alert, Link, Snackbar, Typography } from '@mui/material'
-import css from './styles.module.css'
-import NextLink from 'next/link'
-import ChevronRightIcon from '@mui/icons-material/ChevronRight'
-import { OVERVIEW_EVENTS } from '@/services/analytics/events/overview'
-import Track from '../Track'
-import { isRelativeUrl } from '@/utils/url'
-
-const toastStyle = { position: 'static', margin: 1 }
-
-export const NotificationLink = ({
-  link,
-  onClick,
-}: {
-  link: Notification['link']
-  onClick: (_: Event | SyntheticEvent) => void
-}): ReactElement | null => {
-  if (!link) {
-    return null
-  }
-
-  const isExternal =
-    typeof link.href === 'string' ? !isRelativeUrl(link.href) : !!(link.href.host || link.href.hostname)
-
-  return (
-    <Track {...OVERVIEW_EVENTS.NOTIFICATION_INTERACTION} label={link.title} as="span">
-      <NextLink href={link.href} passHref legacyBehavior>
-        <Link
-          className={css.link}
-          onClick={onClick}
-          {...(isExternal && { target: '_blank', rel: 'noopener noreferrer' })}
-        >
-          {link.title} <ChevronRightIcon />
-        </Link>
-      </NextLink>
-    </Track>
-  )
-}
-
-const Toast = ({
-  title,
-  message,
-  detailedMessage,
-  variant,
-  link,
-  onClose,
-  id,
-}: {
-  variant: AlertColor
-  onClose: () => void
-} & Notification) => {
-  const dispatch = useAppDispatch()
-
-  const handleClose = (_: Event | SyntheticEvent, reason?: SnackbarCloseReason) => {
-    if (reason === 'clickaway') return
-
-    // Manually closed
-    if (!reason) {
-      dispatch(readNotification({ id }))
-    }
-
-    onClose()
-  }
-
-  const autoHideDuration = variant === 'info' || variant === 'success' ? 5000 : undefined
-
-  return (
-    <Snackbar open onClose={handleClose} sx={toastStyle} autoHideDuration={autoHideDuration}>
-      <Alert severity={variant} onClose={handleClose} elevation={3} sx={{ width: '340px' }}>
-        {title && (
-          <Typography variant="body2" fontWeight="700">
-            {title}
-          </Typography>
-        )}
-
-        {message}
-
-        {detailedMessage && (
-          <details>
-            <Link component="summary">Details</Link>
-            <pre>{detailedMessage}</pre>
-          </details>
-        )}
-        <NotificationLink link={link} onClick={handleClose} />
-      </Alert>
-    </Snackbar>
-  )
-}
-
-const getVisibleNotifications = (notifications: Notification[]) => {
-  return notifications.filter((notification) => !notification.isDismissed)
-}
-
-const Notifications = (): ReactElement | null => {
-  const notifications = useAppSelector(selectNotifications)
-  const dispatch = useAppDispatch()
-
-  const visible = getVisibleNotifications(notifications)
-
-  const visibleItems = visible.length
-
-  const handleClose = useCallback(
-    (item: Notification) => {
-      dispatch(closeNotification(item))
-      item.onClose?.()
-    },
-    [dispatch],
-  )
-
-  // Close previous notifications in the same group
-  useEffect(() => {
-    const groups: Record<string, Notification[]> = groupBy(notifications, 'groupKey')
-
-    Object.values(groups).forEach((items) => {
-      const previous = getVisibleNotifications(items).slice(0, -1)
-      previous.forEach(handleClose)
-    })
-  }, [notifications, handleClose])
-
-  if (visibleItems === 0) {
-    return null
-  }
-
-  return (
-    <div className={css.container}>
-      {visible.map((item) => (
-        <div className={css.row} key={item.id}>
-          <Toast {...item} onClose={() => handleClose(item)} />
-        </div>
-      ))}
-    </div>
-  )
-}
-
-export default Notifications
diff --git a/src/components/common/OnboardingTooltip/index.tsx b/src/components/common/OnboardingTooltip/index.tsx
deleted file mode 100644
index 7a08e26f7..000000000
--- a/src/components/common/OnboardingTooltip/index.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import type { ReactElement } from 'react'
-import useLocalStorage from '@/services/local-storage/useLocalStorage'
-import type { TooltipProps } from '@mui/material'
-import { Box, Button, SvgIcon, Tooltip } from '@mui/material'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import { useDarkMode } from '@/hooks/useDarkMode'
-
-/**
- * The OnboardingTooltip renders a sticky Tooltip with an arrow pointing towards the wrapped component.
- * This Tooltip contains a button to hide it. This decision will be stored in the local storage such that the OnboardingTooltip will only popup until clicked away once.
- */
-export const OnboardingTooltip = ({
-  children,
-  widgetLocalStorageId,
-  text,
-  initiallyShown = true,
-  className,
-  placement,
-}: {
-  children: ReactElement // NB: this has to be an actual HTML element, otherwise the Tooltip will not work
-  widgetLocalStorageId: string
-  text: string | ReactElement
-  initiallyShown?: boolean
-  className?: string
-  placement?: TooltipProps['placement']
-}): ReactElement => {
-  const [widgetHidden = !initiallyShown, setWidgetHidden] = useLocalStorage<boolean>(widgetLocalStorageId)
-  const isDarkMode = useDarkMode()
-
-  return widgetHidden || !text ? (
-    children
-  ) : (
-    <Tooltip
-      PopperProps={{
-        className,
-      }}
-      open
-      placement={placement}
-      arrow
-      title={
-        <Box display="flex" alignItems="center" gap={1} padding={1}>
-          <SvgIcon component={InfoIcon} inheritViewBox fontSize="small" />
-          <span>{text}</span>
-          <Button
-            size="small"
-            color={isDarkMode ? 'background' : 'secondary'}
-            variant="text"
-            sx={{ whiteSpace: 'nowrap' }}
-            onClick={() => setWidgetHidden(true)}
-          >
-            Got it!
-          </Button>
-        </Box>
-      }
-    >
-      {children}
-    </Tooltip>
-  )
-}
diff --git a/src/components/common/PageLayout/index.tsx b/src/components/common/PageLayout/index.tsx
deleted file mode 100644
index e0f00b8e4..000000000
--- a/src/components/common/PageLayout/index.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { useContext, useEffect, useState, type ReactElement } from 'react'
-import classnames from 'classnames'
-
-import Header from '@/components/common/Header'
-import css from './styles.module.css'
-import SafeLoadingError from '../SafeLoadingError'
-import Footer from '../Footer'
-import SideDrawer from './SideDrawer'
-import { useIsSidebarRoute } from '@/hooks/useIsSidebarRoute'
-import { TxModalContext } from '@/components/tx-flow'
-import BatchSidebar from '@/components/batch/BatchSidebar'
-
-const PageLayout = ({ pathname, children }: { pathname: string; children: ReactElement }): ReactElement => {
-  const [isSidebarRoute, isAnimated] = useIsSidebarRoute(pathname)
-  const [isSidebarOpen, setSidebarOpen] = useState<boolean>(true)
-  const [isBatchOpen, setBatchOpen] = useState<boolean>(false)
-  const { setFullWidth } = useContext(TxModalContext)
-
-  useEffect(() => {
-    setFullWidth(!isSidebarOpen)
-  }, [isSidebarOpen, setFullWidth])
-
-  return (
-    <>
-      <header className={css.header}>
-        <Header onMenuToggle={isSidebarRoute ? setSidebarOpen : undefined} onBatchToggle={setBatchOpen} />
-      </header>
-
-      {isSidebarRoute && <SideDrawer isOpen={isSidebarOpen} onToggle={setSidebarOpen} />}
-
-      <div
-        className={classnames(css.main, {
-          [css.mainNoSidebar]: !isSidebarOpen || !isSidebarRoute,
-          [css.mainAnimated]: isSidebarRoute && isAnimated,
-        })}
-      >
-        <div className={css.content}>
-          <SafeLoadingError>{children}</SafeLoadingError>
-        </div>
-
-        <BatchSidebar isOpen={isBatchOpen} onToggle={setBatchOpen} />
-
-        <Footer />
-      </div>
-    </>
-  )
-}
-
-export default PageLayout
diff --git a/src/components/common/PageLayout/styles.module.css b/src/components/common/PageLayout/styles.module.css
deleted file mode 100644
index c4dff8197..000000000
--- a/src/components/common/PageLayout/styles.module.css
+++ /dev/null
@@ -1,89 +0,0 @@
-.header {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100%;
-  z-index: 1201;
-}
-
-.main {
-  background-color: var(--color-background-main);
-  padding-left: 230px;
-  padding-top: var(--header-height);
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-}
-
-.mainAnimated {
-  transition: padding 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
-}
-
-.mainNoSidebar {
-  padding-left: 0;
-}
-
-.content {
-  flex: 1;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  flex-wrap: wrap;
-}
-
-.content main {
-  padding: var(--space-3);
-}
-
-.sidebarTogglePosition {
-  position: fixed;
-  z-index: 4;
-  left: 0;
-  top: 0;
-  /* mimics MUI drawer animation */
-  transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
-}
-
-.sidebarTogglePosition.sidebarOpen {
-  transform: translateX(230px);
-}
-
-.sidebarToggle {
-  height: 100vh;
-  width: var(--space-1);
-  background-color: var(--color-border-light);
-  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  cursor: pointer;
-}
-
-.sidebarToggle button {
-  position: absolute;
-  z-index: 1;
-  top: 50%;
-  left: -3px;
-  transform: translateY(-50%);
-  background-color: var(--color-border-light);
-  clip-path: inset(0 -14px 0 0);
-  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-}
-
-.sidebarToggle:hover,
-.sidebarToggle:hover button {
-  background-color: var(--color-background-light);
-}
-
-@media (max-width: 899.95px) {
-  .main {
-    padding-left: 0;
-  }
-
-  .smDrawerHidden {
-    display: none;
-  }
-}
-
-@media (max-width: 599.95px) {
-  .main main {
-    padding: var(--space-2);
-  }
-}
diff --git a/src/components/common/ProgressBar/styles.module.css b/src/components/common/ProgressBar/styles.module.css
deleted file mode 100644
index bdc2c6a2e..000000000
--- a/src/components/common/ProgressBar/styles.module.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.progressBar {
-  height: 6px;
-  border-radius: 6px;
-  background-color: var(--color-border-light);
-}
-
-.progressBar :global .MuiLinearProgress-bar {
-  background: var(--color-primary-main);
-  border-radius: 6px;
-}
-
-@media (max-width: 599.95px) {
-  .progressBar {
-    border-radius: 0;
-  }
-}
diff --git a/src/components/common/SafeIcon/index.tsx b/src/components/common/SafeIcon/index.tsx
deleted file mode 100644
index 4ecfdddbb..000000000
--- a/src/components/common/SafeIcon/index.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import type { ReactElement } from 'react'
-import { Box } from '@mui/material'
-
-import css from './styles.module.css'
-import Identicon, { type IdenticonProps } from '../Identicon'
-
-interface ThresholdProps {
-  threshold: number | string
-  owners: number | string
-}
-const Threshold = ({ threshold, owners }: ThresholdProps): ReactElement => (
-  <Box className={css.threshold} sx={{ color: ({ palette }) => palette.static.main }}>
-    {threshold}/{owners}
-  </Box>
-)
-
-interface SafeIconProps extends IdenticonProps {
-  threshold?: ThresholdProps['threshold']
-  owners?: ThresholdProps['owners']
-  size?: number
-}
-
-const SafeIcon = ({ address, threshold, owners, size }: SafeIconProps): ReactElement => (
-  <div className={css.container}>
-    {threshold && owners ? <Threshold threshold={threshold} owners={owners} /> : null}
-    <Identicon address={address} size={size} />
-  </div>
-)
-
-export default SafeIcon
diff --git a/src/components/common/SafeTokenWidget/__tests__/SafeTokenWidget.test.tsx b/src/components/common/SafeTokenWidget/__tests__/SafeTokenWidget.test.tsx
deleted file mode 100644
index 49090fab7..000000000
--- a/src/components/common/SafeTokenWidget/__tests__/SafeTokenWidget.test.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import * as nextNav from 'next/navigation'
-import useChainId from '@/hooks/useChainId'
-import { render, waitFor } from '@/tests/test-utils'
-import SafeTokenWidget from '..'
-import { toBeHex } from 'ethers'
-import { AppRoutes } from '@/config/routes'
-import useSafeTokenAllocation, { useSafeVotingPower } from '@/hooks/useSafeTokenAllocation'
-
-jest.mock('@/hooks/useChainId', () => jest.fn(() => '1'))
-
-jest.mock('@/hooks/useSafeTokenAllocation')
-
-describe('SafeTokenWidget', () => {
-  const fakeSafeAddress = toBeHex('0x1', 20)
-  beforeEach(() => {
-    jest.restoreAllMocks()
-    jest.spyOn(nextNav, 'useSearchParams').mockImplementation(
-      () =>
-        ({
-          get: () => fakeSafeAddress,
-        } as any),
-    )
-  })
-
-  it('Should render nothing for unsupported chains', () => {
-    ;(useChainId as jest.Mock).mockImplementationOnce(jest.fn(() => '100'))
-    ;(useSafeTokenAllocation as jest.Mock).mockImplementation(() => [[], , false])
-    ;(useSafeVotingPower as jest.Mock).mockImplementation(() => [BigInt(0), , false])
-
-    const result = render(<SafeTokenWidget />)
-    expect(result.baseElement).toContainHTML('<body><div /></body>')
-  })
-
-  it('Should display 0 if Safe has no SAFE token', async () => {
-    ;(useSafeTokenAllocation as jest.Mock).mockImplementation(() => [[], , false])
-    ;(useSafeVotingPower as jest.Mock).mockImplementation(() => [BigInt(0), , false])
-
-    const result = render(<SafeTokenWidget />)
-    await waitFor(() => expect(result.baseElement).toHaveTextContent('0'))
-  })
-
-  it('Should display the value formatted correctly', async () => {
-    ;(useSafeTokenAllocation as jest.Mock).mockImplementation(() => [[], , false])
-    ;(useSafeVotingPower as jest.Mock).mockImplementation(() => [BigInt('472238796133701648384'), , false])
-
-    // to avoid failing tests in some environments
-    const NumberFormat = Intl.NumberFormat
-    const englishTestLocale = 'en'
-
-    jest.spyOn(Intl, 'NumberFormat').mockImplementation((_, ...rest) => new NumberFormat([englishTestLocale], ...rest))
-
-    const result = render(<SafeTokenWidget />)
-    await waitFor(() => {
-      expect(result.baseElement).toHaveTextContent('472.24')
-      expect(result.baseElement).not.toHaveTextContent('472.2388')
-    })
-  })
-
-  it('Should render a link to the governance app', async () => {
-    ;(useSafeTokenAllocation as jest.Mock).mockImplementation(() => [[], , false])
-    ;(useSafeVotingPower as jest.Mock).mockImplementation(() => [BigInt(420000), , false])
-
-    const result = render(<SafeTokenWidget />)
-    await waitFor(() => {
-      expect(result.baseElement).toContainHTML(
-        `href="${AppRoutes.apps.open}?safe=${fakeSafeAddress}&appUrl=${encodeURIComponent(
-          'https://safe-dao-governance.dev.5afe.dev',
-        )}`,
-      )
-    })
-  })
-
-  it('Should render a claim button for SEP5 qualification', async () => {
-    ;(useSafeTokenAllocation as jest.Mock).mockImplementation(() => [[{ tag: 'user_v2' }], , false])
-    ;(useSafeVotingPower as jest.Mock).mockImplementation(() => [BigInt(420000), , false])
-
-    const result = render(<SafeTokenWidget />)
-    await waitFor(() => {
-      expect(result.baseElement).toContainHTML('New allocation')
-    })
-  })
-})
diff --git a/src/components/common/SafeTokenWidget/index.tsx b/src/components/common/SafeTokenWidget/index.tsx
deleted file mode 100644
index 79c4aa10f..000000000
--- a/src/components/common/SafeTokenWidget/index.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import { IS_PRODUCTION, SAFE_TOKEN_ADDRESSES, SAFE_LOCKING_ADDRESS } from '@/config/constants'
-import { AppRoutes } from '@/config/routes'
-import useChainId from '@/hooks/useChainId'
-import useSafeTokenAllocation, { useSafeVotingPower, type Vesting } from '@/hooks/useSafeTokenAllocation'
-import { OVERVIEW_EVENTS } from '@/services/analytics'
-import { formatVisualAmount } from '@/utils/formatters'
-import { Box, Button, ButtonBase, Skeleton, Tooltip, Typography } from '@mui/material'
-import Link from 'next/link'
-import { useSearchParams } from 'next/navigation'
-import Track from '../Track'
-import SafeTokenIcon from '@/public/images/common/safe-token.svg'
-import css from './styles.module.css'
-import UnreadBadge from '../UnreadBadge'
-import classnames from 'classnames'
-
-const TOKEN_DECIMALS = 18
-
-export const useSafeTokenAddress = () => {
-  const chainId = useChainId()
-  return getSafeTokenAddress(chainId)
-}
-
-export const getSafeTokenAddress = (chainId: string): string | undefined => {
-  return SAFE_TOKEN_ADDRESSES[chainId]
-}
-
-export const getSafeLockingAddress = (chainId: string): string | undefined => {
-  return SAFE_LOCKING_ADDRESS[chainId]
-}
-
-const canRedeemSep5Airdrop = (allocation?: Vesting[]): boolean => {
-  const sep5Allocation = allocation?.find(({ tag }) => tag === 'user_v2')
-
-  if (!sep5Allocation) {
-    return false
-  }
-
-  return !sep5Allocation.isRedeemed && !sep5Allocation.isExpired
-}
-
-const GOVERNANCE_APP_URL = IS_PRODUCTION ? 'https://community.safe.global' : 'https://safe-dao-governance.dev.5afe.dev'
-
-const SafeTokenWidget = () => {
-  const chainId = useChainId()
-  const query = useSearchParams()
-
-  const [allocationData, , allocationDataLoading] = useSafeTokenAllocation()
-  const [allocation, , allocationLoading] = useSafeVotingPower(allocationData)
-
-  const tokenAddress = getSafeTokenAddress(chainId)
-  if (!tokenAddress) {
-    return null
-  }
-
-  const url = {
-    pathname: AppRoutes.apps.open,
-    query: { safe: query?.get('safe'), appUrl: GOVERNANCE_APP_URL },
-  }
-
-  const canRedeemSep5 = canRedeemSep5Airdrop(allocationData)
-  const flooredSafeBalance = formatVisualAmount(allocation || BigInt(0), TOKEN_DECIMALS, 2)
-
-  return (
-    <Box className={css.container}>
-      <Tooltip title="Go to Safe{DAO} Governance">
-        <span>
-          <Track {...OVERVIEW_EVENTS.SAFE_TOKEN_WIDGET}>
-            <Link href={url} passHref legacyBehavior>
-              <ButtonBase
-                aria-describedby="safe-token-widget"
-                className={classnames(css.tokenButton, { [css.sep5]: canRedeemSep5 })}
-                disabled={url === undefined}
-              >
-                <SafeTokenIcon width={24} height={24} />
-                <Typography
-                  component="div"
-                  lineHeight="16px"
-                  fontWeight={700}
-                  // Badge does not accept className so must be here
-                  className={css.allocationBadge}
-                >
-                  <UnreadBadge
-                    invisible={!canRedeemSep5}
-                    anchorOrigin={{
-                      vertical: 'bottom',
-                      horizontal: 'right',
-                    }}
-                  >
-                    {allocationDataLoading || allocationLoading ? (
-                      <Skeleton width="16px" animation="wave" />
-                    ) : (
-                      flooredSafeBalance
-                    )}
-                  </UnreadBadge>
-                </Typography>
-                {canRedeemSep5 && (
-                  <Track {...OVERVIEW_EVENTS.SEP5_ALLOCATION_BUTTON}>
-                    <Button variant="contained" className={css.redeemButton}>
-                      New allocation
-                    </Button>
-                  </Track>
-                )}
-              </ButtonBase>
-            </Link>
-          </Track>
-        </span>
-      </Tooltip>
-    </Box>
-  )
-}
-
-export default SafeTokenWidget
diff --git a/src/components/common/Sticky/index.tsx b/src/components/common/Sticky/index.tsx
deleted file mode 100644
index 7bc390b4c..000000000
--- a/src/components/common/Sticky/index.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Box } from '@mui/material'
-import type { ReactElement } from 'react'
-
-const stickyTop = { xs: '103px', md: '111px' }
-export const Sticky = ({ children }: { children: ReactElement }): ReactElement => (
-  <Box position="sticky" zIndex="1" top={stickyTop} py={1} bgcolor="background.main" mt={-1} mb={1}>
-    {children}
-  </Box>
-)
diff --git a/src/components/common/Table/DataRow.tsx b/src/components/common/Table/DataRow.tsx
deleted file mode 100644
index be49473c6..000000000
--- a/src/components/common/Table/DataRow.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import type { ReactElement, ReactNode } from 'react'
-import { Typography } from '@mui/material'
-import css from './styles.module.css'
-
-type DataRowProps = {
-  datatestid?: String
-  title: ReactNode
-  children?: ReactNode
-}
-
-export const DataRow = ({ datatestid, title, children }: DataRowProps): ReactElement | null => {
-  if (children == undefined) return null
-  return (
-    <div data-testid={datatestid} className={css.gridRow}>
-      <div data-testid="tx-row-title" className={css.title}>
-        {title}
-      </div>
-
-      {typeof children === 'string' ? (
-        <Typography component="div" data-testid="tx-data-row">
-          {children}
-        </Typography>
-      ) : (
-        children
-      )}
-    </div>
-  )
-}
diff --git a/src/components/common/Table/styles.module.css b/src/components/common/Table/styles.module.css
deleted file mode 100644
index ccc68717d..000000000
--- a/src/components/common/Table/styles.module.css
+++ /dev/null
@@ -1,45 +0,0 @@
-.gridRow {
-  display: grid;
-  grid-template-columns: 25% auto;
-  gap: var(--space-1);
-  justify-content: flex-start;
-  max-width: 900px;
-}
-
-.gridEmptyRow {
-  display: grid;
-  grid-template-columns: 35% auto;
-  gap: var(--space-1);
-  justify-content: flex-start;
-  max-width: 900px;
-  margin-top: var(--space-1);
-  margin-bottom: var(--space-1);
-  border-top: 1px solid var(--color-border-light);
-}
-.title {
-  color: var(--color-primary-light);
-  font-weight: 400;
-  word-break: break-all;
-}
-
-.gridRow > * {
-  flex-shrink: 0;
-}
-
-.valueWrapper {
-  min-width: 50%;
-  flex-shrink: 0;
-}
-
-.rawData {
-  display: flex;
-  align-items: center;
-}
-
-@media (max-width: 599.95px) {
-  .gridRow {
-    grid-template-columns: 1fr;
-    gap: 0;
-    margin-top: var(--space-1);
-  }
-}
diff --git a/src/components/common/TokenAmount/index.tsx b/src/components/common/TokenAmount/index.tsx
deleted file mode 100644
index 0e8f87440..000000000
--- a/src/components/common/TokenAmount/index.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { type ReactElement } from 'react'
-import { TransferDirection } from '@safe-global/safe-gateway-typescript-sdk'
-import css from './styles.module.css'
-import { formatVisualAmount } from '@/utils/formatters'
-import TokenIcon from '../TokenIcon'
-import classNames from 'classnames'
-
-const PRECISION = 20
-
-const TokenAmount = ({
-  value,
-  decimals,
-  logoUri,
-  tokenSymbol,
-  direction,
-  fallbackSrc,
-  preciseAmount,
-}: {
-  value: string
-  decimals?: number
-  logoUri?: string
-  tokenSymbol?: string
-  direction?: TransferDirection
-  fallbackSrc?: string
-  preciseAmount?: boolean
-}): ReactElement => {
-  const sign = direction === TransferDirection.OUTGOING ? '-' : ''
-  const amount =
-    decimals !== undefined ? formatVisualAmount(value, decimals, preciseAmount ? PRECISION : undefined) : value
-
-  return (
-    <span className={classNames(css.container, { [css.verticalAlign]: logoUri })}>
-      {logoUri && <TokenIcon logoUri={logoUri} tokenSymbol={tokenSymbol} fallbackSrc={fallbackSrc} />}
-      <b>
-        {sign}
-        {amount} {tokenSymbol}
-      </b>
-    </span>
-  )
-}
-
-export default TokenAmount
diff --git a/src/components/common/TokenAmount/styles.module.css b/src/components/common/TokenAmount/styles.module.css
deleted file mode 100644
index 4a1e21d44..000000000
--- a/src/components/common/TokenAmount/styles.module.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.container {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-1);
-  color: var(--color-text-primary);
-}
-
-.verticalAlign {
-  vertical-align: middle;
-}
diff --git a/src/components/common/TokenAmountInput/index.tsx b/src/components/common/TokenAmountInput/index.tsx
deleted file mode 100644
index 19c0ebec8..000000000
--- a/src/components/common/TokenAmountInput/index.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import { safeFormatUnits } from '@/utils/formatters'
-import { Button, Divider, FormControl, InputLabel, MenuItem, TextField } from '@mui/material'
-import { type SafeBalanceResponse } from '@safe-global/safe-gateway-typescript-sdk'
-import css from './styles.module.css'
-import NumberField from '@/components/common/NumberField'
-import { validateDecimalLength, validateLimitedAmount } from '@/utils/validation'
-import { AutocompleteItem } from '@/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer'
-import { useFormContext } from 'react-hook-form'
-import classNames from 'classnames'
-import { useCallback } from 'react'
-
-export enum TokenAmountFields {
-  tokenAddress = 'tokenAddress',
-  amount = 'amount',
-}
-
-const TokenAmountInput = ({
-  balances,
-  selectedToken,
-  maxAmount,
-  validate,
-}: {
-  balances: SafeBalanceResponse['items']
-  selectedToken: SafeBalanceResponse['items'][number] | undefined
-  maxAmount?: bigint
-  validate?: (value: string) => string | undefined
-}) => {
-  const {
-    formState: { errors },
-    register,
-    resetField,
-    watch,
-    setValue,
-  } = useFormContext<{ [TokenAmountFields.tokenAddress]: string; [TokenAmountFields.amount]: string }>()
-
-  const tokenAddress = watch(TokenAmountFields.tokenAddress)
-  const isAmountError = !!errors[TokenAmountFields.tokenAddress] || !!errors[TokenAmountFields.amount]
-
-  const validateAmount = useCallback(
-    (value: string) => {
-      const decimals = selectedToken?.tokenInfo.decimals
-      return validateLimitedAmount(value, decimals, maxAmount?.toString()) || validateDecimalLength(value, decimals)
-    },
-    [maxAmount, selectedToken?.tokenInfo.decimals],
-  )
-
-  const onMaxAmountClick = useCallback(() => {
-    if (!selectedToken || maxAmount === undefined) return
-
-    setValue(TokenAmountFields.amount, safeFormatUnits(maxAmount.toString(), selectedToken.tokenInfo.decimals), {
-      shouldValidate: true,
-    })
-  }, [maxAmount, selectedToken, setValue])
-
-  return (
-    <FormControl
-      data-testid="token-amount-section"
-      className={classNames(css.outline, { [css.error]: isAmountError })}
-      fullWidth
-    >
-      <InputLabel shrink required className={css.label}>
-        {errors[TokenAmountFields.tokenAddress]?.message || errors[TokenAmountFields.amount]?.message || 'Amount'}
-      </InputLabel>
-      <div className={css.inputs}>
-        <NumberField
-          data-testid="token-amount-field"
-          variant="standard"
-          InputProps={{
-            disableUnderline: true,
-            endAdornment: maxAmount !== undefined && (
-              <Button data-testid="max-btn" className={css.max} onClick={onMaxAmountClick}>
-                Max
-              </Button>
-            ),
-          }}
-          className={css.amount}
-          required
-          placeholder="0"
-          {...register(TokenAmountFields.amount, {
-            required: true,
-            validate: validate ?? validateAmount,
-          })}
-        />
-        <Divider orientation="vertical" flexItem />
-        <TextField
-          data-testid="token-balance"
-          select
-          variant="standard"
-          InputProps={{
-            disableUnderline: true,
-          }}
-          className={css.select}
-          {...register(TokenAmountFields.tokenAddress, {
-            required: true,
-            onChange: () => {
-              resetField(TokenAmountFields.amount, { defaultValue: '' })
-            },
-          })}
-          value={tokenAddress}
-          required
-        >
-          {balances.map((item) => (
-            <MenuItem data-testid="token-item" key={item.tokenInfo.address} value={item.tokenInfo.address}>
-              <AutocompleteItem {...item} />
-            </MenuItem>
-          ))}
-        </TextField>
-      </div>
-    </FormControl>
-  )
-}
-
-export default TokenAmountInput
diff --git a/src/components/common/TokenExplorerLink/index.tsx b/src/components/common/TokenExplorerLink/index.tsx
deleted file mode 100644
index eeb802bb9..000000000
--- a/src/components/common/TokenExplorerLink/index.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { type ReactElement } from 'react'
-import ExplorerButton from '@/components/common/ExplorerButton'
-import { useCurrentChain } from '@/hooks/useChains'
-import { getBlockExplorerLink } from '@/utils/chains'
-import { Typography } from '@mui/material'
-import { checksumAddress } from '@/utils/addresses'
-
-const ExplorerLink = ({ address }: { address: string }): ReactElement | null => {
-  const currentChain = useCurrentChain()
-  const link = currentChain
-    ? getBlockExplorerLink(currentChain, checksumAddress(address, currentChain.chainId))
-    : undefined
-
-  if (!link) return null
-
-  return (
-    <Typography component="span" color="border.main">
-      <ExplorerButton href={link.href} title={link.title} />
-    </Typography>
-  )
-}
-
-export default ExplorerLink
diff --git a/src/components/common/TokenIcon/index.tsx b/src/components/common/TokenIcon/index.tsx
deleted file mode 100644
index a3a64d80a..000000000
--- a/src/components/common/TokenIcon/index.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { type ReactElement } from 'react'
-import ImageFallback from '../ImageFallback'
-import css from './styles.module.css'
-
-const FALLBACK_ICON = '/images/common/token-placeholder.svg'
-
-const TokenIcon = ({
-  logoUri,
-  tokenSymbol,
-  size = 26,
-  fallbackSrc,
-}: {
-  logoUri?: string
-  tokenSymbol?: string
-  size?: number
-  fallbackSrc?: string
-}): ReactElement => {
-  return (
-    <ImageFallback
-      src={logoUri}
-      alt={tokenSymbol}
-      fallbackSrc={fallbackSrc || FALLBACK_ICON}
-      height={size}
-      className={css.image}
-    />
-  )
-}
-
-export default TokenIcon
diff --git a/src/components/common/TokenIcon/styles.module.css b/src/components/common/TokenIcon/styles.module.css
deleted file mode 100644
index 25bd7d149..000000000
--- a/src/components/common/TokenIcon/styles.module.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.image {
-  display: block;
-  width: auto;
-}
-
-[data-theme='dark'] .image {
-  background: var(--color-secondary-main);
-  border-radius: 4px;
-  padding: 2px;
-}
diff --git a/src/components/common/TxModalDialog/index.tsx b/src/components/common/TxModalDialog/index.tsx
deleted file mode 100644
index 904c15175..000000000
--- a/src/components/common/TxModalDialog/index.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import { type ReactElement } from 'react'
-import { IconButton, Dialog, DialogTitle, type DialogProps } from '@mui/material'
-import classnames from 'classnames'
-import CloseIcon from '@mui/icons-material/Close'
-import css from './styles.module.css'
-
-interface ModalDialogProps extends DialogProps {
-  dialogTitle?: React.ReactNode
-  hideChainIndicator?: boolean
-}
-
-const TxModalDialog = ({
-  dialogTitle,
-  hideChainIndicator,
-  children,
-  onClose,
-  fullScreen = false,
-  fullWidth = false,
-  ...restProps
-}: ModalDialogProps): ReactElement => {
-  return (
-    <Dialog
-      {...restProps}
-      fullScreen={true}
-      scroll={fullScreen ? 'paper' : 'body'}
-      className={classnames(css.dialog, { [css.fullWidth]: fullWidth })}
-      onClick={(e) => e.stopPropagation()}
-      hideBackdrop
-      PaperProps={{
-        className: css.paper,
-      }}
-    >
-      <DialogTitle className={css.title}>
-        <div className={css.buttons}>
-          <IconButton
-            className={css.close}
-            aria-label="close"
-            onClick={(e) => onClose?.(e, 'backdropClick')}
-            size="small"
-          >
-            <CloseIcon fontSize="large" />
-          </IconButton>
-        </div>
-      </DialogTitle>
-
-      {children}
-    </Dialog>
-  )
-}
-
-export default TxModalDialog
diff --git a/src/components/common/WalletBalance/index.tsx b/src/components/common/WalletBalance/index.tsx
deleted file mode 100644
index 2f8bb0117..000000000
--- a/src/components/common/WalletBalance/index.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { formatVisualAmount } from '@/utils/formatters'
-import { Skeleton } from '@mui/material'
-import { useCurrentChain } from '@/hooks/useChains'
-
-const WalletBalance = ({ balance }: { balance: string | bigint | undefined }) => {
-  const currentChain = useCurrentChain()
-
-  if (balance === undefined) {
-    return <Skeleton width={30} variant="text" sx={{ display: 'inline-block' }} />
-  }
-
-  if (typeof balance === 'string') {
-    return <>{balance}</>
-  }
-
-  return (
-    <>
-      {formatVisualAmount(balance, currentChain?.nativeCurrency.decimals ?? 18)}{' '}
-      {currentChain?.nativeCurrency.symbol ?? 'ETH'}
-    </>
-  )
-}
-
-export default WalletBalance
diff --git a/src/components/common/WalletInfo/index.tsx b/src/components/common/WalletInfo/index.tsx
deleted file mode 100644
index 23c1af8cb..000000000
--- a/src/components/common/WalletInfo/index.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import WalletBalance from '@/components/common/WalletBalance'
-import { WalletIdenticon } from '@/components/common/WalletOverview'
-import { Box, Button, Typography } from '@mui/material'
-import css from './styles.module.css'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import ChainSwitcher from '@/components/common/ChainSwitcher'
-import useOnboard, { type ConnectedWallet, switchWallet } from '@/hooks/wallets/useOnboard'
-import useAddressBook from '@/hooks/useAddressBook'
-import { useAppSelector } from '@/store'
-import { selectChainById } from '@/store/chainsSlice'
-import madProps from '@/utils/mad-props'
-import PowerSettingsNewIcon from '@mui/icons-material/PowerSettingsNew'
-import useChainId from '@/hooks/useChainId'
-
-type WalletInfoProps = {
-  wallet: ConnectedWallet
-  balance?: string | bigint
-  currentChainId: ReturnType<typeof useChainId>
-  onboard: ReturnType<typeof useOnboard>
-  addressBook: ReturnType<typeof useAddressBook>
-  handleClose: () => void
-}
-
-export const WalletInfo = ({ wallet, balance, currentChainId, onboard, addressBook, handleClose }: WalletInfoProps) => {
-  const chainInfo = useAppSelector((state) => selectChainById(state, wallet.chainId))
-  const prefix = chainInfo?.shortName
-
-  const handleSwitchWallet = () => {
-    if (onboard) {
-      handleClose()
-      switchWallet(onboard)
-    }
-  }
-
-  const handleDisconnect = () => {
-    onboard?.disconnectWallet({
-      label: wallet.label,
-    })
-
-    handleClose()
-  }
-
-  return (
-    <>
-      <Box display="flex" gap="12px">
-        <WalletIdenticon wallet={wallet} size={36} />
-
-        <Typography variant="body2" className={css.address} component="div">
-          <EthHashInfo
-            address={wallet.address}
-            name={addressBook[wallet.address] || wallet.ens || wallet.label}
-            showAvatar={false}
-            showPrefix={false}
-            hasExplorer
-            showCopyButton
-            prefix={prefix}
-          />
-        </Typography>
-      </Box>
-
-      <Box className={css.rowContainer}>
-        <Box className={css.row}>
-          <Typography variant="body2" color="primary.light">
-            Wallet
-          </Typography>
-          <Typography variant="body2">{wallet.label}</Typography>
-        </Box>
-
-        <Box className={css.row}>
-          <Typography variant="body2" color="primary.light">
-            Balance
-          </Typography>
-          <Typography variant="body2" textAlign="right">
-            <WalletBalance balance={balance} />
-
-            {currentChainId !== chainInfo?.chainId && (
-              <>
-                <Typography variant="body2" color="primary.light">
-                  ({chainInfo?.chainName || 'Unknown chain'})
-                </Typography>
-              </>
-            )}
-          </Typography>
-        </Box>
-      </Box>
-
-      <Box display="flex" flexDirection="column" gap={2} width={1}>
-        <ChainSwitcher fullWidth />
-
-        <Button variant="contained" size="small" onClick={handleSwitchWallet} fullWidth>
-          Switch wallet
-        </Button>
-
-        <Button
-          onClick={handleDisconnect}
-          variant="danger"
-          size="small"
-          fullWidth
-          disableElevation
-          startIcon={<PowerSettingsNewIcon />}
-        >
-          Disconnect
-        </Button>
-      </Box>
-    </>
-  )
-}
-
-export default madProps(WalletInfo, {
-  onboard: useOnboard,
-  addressBook: useAddressBook,
-  currentChainId: useChainId,
-})
diff --git a/src/components/common/WalletOverview/styles.module.css b/src/components/common/WalletOverview/styles.module.css
deleted file mode 100644
index 14dd5f668..000000000
--- a/src/components/common/WalletOverview/styles.module.css
+++ /dev/null
@@ -1,48 +0,0 @@
-.container {
-  display: flex;
-  align-items: center;
-  gap: var(--space-1);
-  justify-content: center;
-}
-
-.imageContainer {
-  display: flex;
-  justify-content: center;
-  position: relative;
-}
-
-.walletIcon {
-  position: absolute;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  bottom: -6px;
-  right: -6px;
-  border-radius: 50%;
-  border: 2px solid var(--color-background-paper);
-  background-color: var(--color-background-main);
-  overflow: hidden;
-}
-
-.walletIcon img {
-  padding: 2px;
-}
-
-[data-theme='dark'] .imageContainer img[alt*='Ledger'] {
-  filter: invert(100%);
-}
-
-@media (max-width: 599.95px) {
-  .buttonContainer button {
-    font-size: 12px;
-  }
-
-  .walletDetails {
-    display: none;
-  }
-
-  .imageContainer img {
-    width: 22px;
-    height: auto;
-  }
-}
diff --git a/src/components/common/WalletProvider/index.tsx b/src/components/common/WalletProvider/index.tsx
deleted file mode 100644
index f1c360c68..000000000
--- a/src/components/common/WalletProvider/index.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { createContext, type ReactElement, type ReactNode, useEffect, useState } from 'react'
-import useOnboard, { type ConnectedWallet, getConnectedWallet } from '@/hooks/wallets/useOnboard'
-
-export const WalletContext = createContext<ConnectedWallet | null>(null)
-
-const WalletProvider = ({ children }: { children: ReactNode }): ReactElement => {
-  const onboard = useOnboard()
-  const onboardWallets = onboard?.state.get().wallets || []
-  const [wallet, setWallet] = useState<ConnectedWallet | null>(getConnectedWallet(onboardWallets))
-
-  useEffect(() => {
-    if (!onboard) return
-
-    const walletSubscription = onboard.state.select('wallets').subscribe((wallets) => {
-      const newWallet = getConnectedWallet(wallets)
-      setWallet(newWallet)
-    })
-
-    return () => {
-      walletSubscription.unsubscribe()
-    }
-  }, [onboard])
-
-  return <WalletContext.Provider value={wallet}>{children}</WalletContext.Provider>
-}
-
-export default WalletProvider
diff --git a/src/components/dashboard/ActivityRewardsSection/index.tsx b/src/components/dashboard/ActivityRewardsSection/index.tsx
deleted file mode 100644
index 6d4d31ca5..000000000
--- a/src/components/dashboard/ActivityRewardsSection/index.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import type { ReactNode } from 'react'
-import { Typography, Card, SvgIcon, Grid, Button, Box } from '@mui/material'
-import css from './styles.module.css'
-import { useRemoteSafeApps } from '@/hooks/safe-apps/useRemoteSafeApps'
-import { SafeAppsTag } from '@/config/constants'
-import SafePass from '@/public/images/common/safe-pass-logo.svg'
-import Asterix from '@/public/images/common/asterix.svg'
-
-import classNames from 'classnames'
-import { useDarkMode } from '@/hooks/useDarkMode'
-import { useRouter } from 'next/router'
-import { getSafeAppUrl } from '@/components/safe-apps/SafeAppCard'
-import NextLink from 'next/link'
-import { OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
-import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
-
-const Step = ({ active, title }: { active: boolean; title: ReactNode }) => {
-  return (
-    <Typography
-      className={classNames(css.step, { [css.activeStep]: active })}
-      variant="body1"
-      fontWeight="bold"
-      display="flex"
-      gap={1}
-    >
-      {title}
-      {!active && (
-        <Typography variant="caption" component="span" className={css.comingSoon}>
-          Coming soon
-        </Typography>
-      )}
-    </Typography>
-  )
-}
-
-const ActivityRewardsSection = () => {
-  const [matchingApps] = useRemoteSafeApps(SafeAppsTag.SAFE_GOVERNANCE_APP)
-  const isDarkMode = useDarkMode()
-  const router = useRouter()
-
-  const isSAPBannerEnabled = useHasFeature(FEATURES.SAP_BANNER)
-  const governanceApp = matchingApps?.[0]
-
-  if (!governanceApp || !governanceApp?.url || !isSAPBannerEnabled) return null
-
-  const appUrl = getSafeAppUrl(router, governanceApp?.url)
-
-  const onClick = () => {
-    trackEvent(OVERVIEW_EVENTS.OPEN_ACTIVITY_APP)
-  }
-
-  return (
-    <>
-      <Card className={css.widgetWrapper}>
-        <SvgIcon
-          component={Asterix}
-          inheritViewBox
-          sx={{
-            color: 'transparent',
-            position: 'absolute',
-            top: 0,
-            right: 0,
-            height: '208px',
-            width: 'inherit',
-            display: { xs: 'none', sm: 'block' },
-          }}
-        />
-        <Grid container item xs={12} sx={{ gap: { xs: 4, lg: 0 } }}>
-          <Grid item xs={12} lg={6} p={0}>
-            <SvgIcon
-              component={SafePass}
-              inheritViewBox
-              color="border"
-              className={classNames(css.milesIcon, { [css.milesIconLight]: !isDarkMode })}
-            />
-            <Typography
-              variant="h1"
-              fontWeight={700}
-              mt={4}
-              className={classNames(css.header, { [css.gradientText]: isDarkMode })}
-            >
-              Interact with Safe and get rewards
-            </Typography>
-            <Box className={css.links} gap={2}>
-              <NextLink href={appUrl} passHref rel="noreferrer" onClick={onClick}>
-                <Button variant="contained">{'Open Safe{Pass}'}</Button>
-              </NextLink>
-              <NextLink href="https://safe.global/pass" target="_blank" passHref rel="noreferrer" onClick={onClick}>
-                <Button variant="text">Learn more</Button>
-              </NextLink>
-            </Box>
-          </Grid>
-          <Grid item xs={12} lg={6} p={0} zIndex={2}>
-            <Typography variant="overline" color="primary.light">
-              How it works
-            </Typography>
-            <div className={css.steps}>
-              <Step title="Lock SAFE to boost your points!" active />
-              <Step title="Get activity points" active />
-              <Step title="Receive rewards" active={false} />
-            </div>
-          </Grid>
-        </Grid>
-      </Card>
-    </>
-  )
-}
-
-export default ActivityRewardsSection
diff --git a/src/components/dashboard/ActivityRewardsSection/styles.module.css b/src/components/dashboard/ActivityRewardsSection/styles.module.css
deleted file mode 100644
index 92c6ac163..000000000
--- a/src/components/dashboard/ActivityRewardsSection/styles.module.css
+++ /dev/null
@@ -1,84 +0,0 @@
-.widgetWrapper {
-  position: relative;
-  border: none;
-  margin: 0;
-  padding: var(--space-4);
-}
-
-.loadErrorCard {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: var(--space-2);
-  text-align: center;
-  flex-grow: 1;
-}
-
-.milesIcon {
-  height: 21px;
-  width: 118px;
-}
-
-.milesIconLight path {
-  fill: var(--color-text-primary);
-}
-
-.gradientText {
-  background: linear-gradient(225deg, #5fddff 12.5%, #12ff80 88.07%);
-  background-clip: text;
-  color: transparent;
-}
-
-.header {
-  padding-right: var(--space-8);
-}
-
-.steps {
-  z-index: 1;
-  margin-top: 20px;
-  margin-bottom: 20px;
-}
-
-.step {
-  margin-bottom: 18px;
-  counter-increment: item;
-}
-
-.step:before {
-  content: counter(item);
-  width: 24px;
-  height: 24px;
-  background: var(--color-border-main);
-  border-radius: 50%;
-  color: #121312;
-  text-align: center;
-}
-
-.activeStep:before {
-  background-color: #12ff80;
-}
-
-.comingSoon {
-  background-color: var(--color-border-light);
-  border-radius: 4px;
-  color: var(--color-text-primary);
-  padding: 4px 8px;
-}
-
-.links {
-  display: flex;
-  flex-wrap: nowrap;
-  align-items: center;
-  margin-top: var(--space-3);
-  text-wrap: nowrap;
-}
-
-@media (max-width: 899.99px) {
-  .header {
-    padding: 0;
-  }
-
-  .widgetWrapper {
-    padding: 32px;
-  }
-}
diff --git a/src/components/dashboard/Assets/index.tsx b/src/components/dashboard/Assets/index.tsx
deleted file mode 100644
index 8df89c164..000000000
--- a/src/components/dashboard/Assets/index.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import { useMemo } from 'react'
-import { Box, Skeleton, Typography, Paper } from '@mui/material'
-import type { SafeBalanceResponse } from '@safe-global/safe-gateway-typescript-sdk'
-import useBalances from '@/hooks/useBalances'
-import FiatValue from '@/components/common/FiatValue'
-import TokenAmount from '@/components/common/TokenAmount'
-import SwapButton from '@/features/swap/components/SwapButton'
-import { AppRoutes } from '@/config/routes'
-import { WidgetContainer, WidgetBody, ViewAllLink } from '../styled'
-import css from '../PendingTxs/styles.module.css'
-import { useRouter } from 'next/router'
-import { SWAP_LABELS } from '@/services/analytics/events/swaps'
-import { useVisibleAssets } from '@/components/balances/AssetsTable/useHideAssets'
-import BuyCryptoButton from '@/components/common/BuyCryptoButton'
-import SendButton from '@/components/balances/AssetsTable/SendButton'
-import useIsSwapFeatureEnabled from '@/features/swap/hooks/useIsSwapFeatureEnabled'
-
-const MAX_ASSETS = 5
-
-const AssetsDummy = () => (
-  <Box className={css.container}>
-    <Skeleton variant="circular" width={26} height={26} />
-    {Array.from({ length: 2 }).map((_, index) => (
-      <Skeleton variant="text" sx={{ flex: 1 }} key={index} />
-    ))}
-    <Skeleton variant="text" width={88} />
-  </Box>
-)
-
-const NoAssets = () => (
-  <Paper elevation={0} sx={{ p: 5 }}>
-    <Typography variant="h3" fontWeight="bold" mb={1}>
-      Add funds to get started
-    </Typography>
-
-    <Typography>
-      Add funds directly from your bank account or copy your address to send tokens from a different account.
-    </Typography>
-
-    <Box display="flex" mt={2}>
-      <BuyCryptoButton />
-    </Box>
-  </Paper>
-)
-
-const AssetRow = ({ item, showSwap }: { item: SafeBalanceResponse['items'][number]; showSwap: boolean }) => (
-  <Box className={css.container} key={item.tokenInfo.address}>
-    <Box flex={1}>
-      <TokenAmount
-        value={item.balance}
-        decimals={item.tokenInfo.decimals}
-        tokenSymbol={item.tokenInfo.symbol}
-        logoUri={item.tokenInfo.logoUri}
-      />
-    </Box>
-
-    <Box flex={1} display={['none', 'block']} textAlign="right" pr={4}>
-      <FiatValue value={item.fiatBalance} />
-    </Box>
-
-    <Box my={-0.7}>
-      {showSwap ? (
-        <SwapButton tokenInfo={item.tokenInfo} amount="0" trackingLabel={SWAP_LABELS.dashboard_assets} />
-      ) : (
-        <SendButton tokenInfo={item.tokenInfo} isOutlined />
-      )}
-    </Box>
-  </Box>
-)
-
-const AssetList = ({ items }: { items: SafeBalanceResponse['items'] }) => {
-  const isSwapFeatureEnabled = useIsSwapFeatureEnabled()
-
-  return (
-    <Box display="flex" flexDirection="column" gap={1}>
-      {items.map((item) => (
-        <AssetRow item={item} key={item.tokenInfo.address} showSwap={isSwapFeatureEnabled} />
-      ))}
-    </Box>
-  )
-}
-
-const isNonZeroBalance = (item: SafeBalanceResponse['items'][number]) => item.balance !== '0'
-
-const AssetsWidget = () => {
-  const router = useRouter()
-  const { safe } = router.query
-  const { loading } = useBalances()
-  const visibleAssets = useVisibleAssets()
-
-  const items = useMemo(() => {
-    return visibleAssets.filter(isNonZeroBalance).slice(0, MAX_ASSETS)
-  }, [visibleAssets])
-
-  const viewAllUrl = useMemo(
-    () => ({
-      pathname: AppRoutes.balances.index,
-      query: { safe },
-    }),
-    [safe],
-  )
-
-  return (
-    <WidgetContainer data-testid="assets-widget">
-      <div className={css.title}>
-        <Typography component="h2" variant="subtitle1" fontWeight={700} mb={2}>
-          Top assets
-        </Typography>
-
-        {items.length > 0 && <ViewAllLink url={viewAllUrl} text={`View all (${visibleAssets.length})`} />}
-      </div>
-
-      <WidgetBody>
-        {loading ? <AssetsDummy /> : items.length > 0 ? <AssetList items={items} /> : <NoAssets />}
-      </WidgetBody>
-    </WidgetContainer>
-  )
-}
-
-export default AssetsWidget
diff --git a/src/components/dashboard/FeaturedApps/FeaturedApps.tsx b/src/components/dashboard/FeaturedApps/FeaturedApps.tsx
deleted file mode 100644
index fbef5f301..000000000
--- a/src/components/dashboard/FeaturedApps/FeaturedApps.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import type { ReactElement, SyntheticEvent } from 'react'
-import { Box, Grid, Typography, Link } from '@mui/material'
-import { Card, WidgetBody, WidgetContainer } from '../styled'
-import NextLink from 'next/link'
-import SafeAppIconCard from '@/components/safe-apps/SafeAppIconCard'
-import { openWalletConnect } from '@/features/walletconnect/components'
-import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
-import { useTxBuilderApp } from '@/hooks/safe-apps/useTxBuilderApp'
-
-const FeaturedAppCard = ({ name, description, iconUrl }: { name: string; description: string; iconUrl: string }) => (
-  <Card>
-    <Grid container alignItems="center" spacing={3}>
-      <Grid item xs={12} md={3}>
-        <SafeAppIconCard src={iconUrl} alt={name} width={64} height={64} />
-      </Grid>
-
-      <Grid item xs={12} md={9}>
-        <Box mb={1.01}>
-          <Typography fontSize="lg">{description}</Typography>
-        </Box>
-
-        <Link color="primary.main" fontWeight="bold" component="span">
-          Use {name}
-        </Link>
-      </Grid>
-    </Grid>
-  </Card>
-)
-
-const onWcWidgetClick = (e: SyntheticEvent) => {
-  e.preventDefault()
-  openWalletConnect()
-}
-
-export const FeaturedApps = ({ stackedLayout }: { stackedLayout: boolean }): ReactElement | null => {
-  const txBuilder = useTxBuilderApp()
-  const isWcEnabled = useHasFeature(FEATURES.NATIVE_WALLETCONNECT)
-
-  return (
-    <Grid item xs={12} md style={{ height: '100%' }}>
-      <WidgetContainer id="featured-safe-apps">
-        <Typography component="h2" variant="subtitle1" fontWeight={700} mb={2}>
-          Connect &amp; transact
-        </Typography>
-        <WidgetBody>
-          <Grid container spacing={3} height={1}>
-            {txBuilder?.app && (
-              <Grid item xs={12} md={stackedLayout ? 12 : 6}>
-                <NextLink passHref href={txBuilder?.link}>
-                  <FeaturedAppCard
-                    name={txBuilder.app.name}
-                    description={txBuilder.app.description}
-                    iconUrl={txBuilder.app.iconUrl}
-                  />
-                </NextLink>
-              </Grid>
-            )}
-            {isWcEnabled && (
-              <Grid item xs={12} md={stackedLayout ? 12 : 6}>
-                <a onClick={onWcWidgetClick} href="#">
-                  <FeaturedAppCard
-                    name="WalletConnect"
-                    description="Connect your Safe to any dApp that supports WalletConnect"
-                    iconUrl="/images/common/walletconnect.svg"
-                  />
-                </a>
-              </Grid>
-            )}
-          </Grid>
-        </WidgetBody>
-      </WidgetContainer>
-    </Grid>
-  )
-}
diff --git a/src/components/dashboard/FirstSteps/index.tsx b/src/components/dashboard/FirstSteps/index.tsx
deleted file mode 100644
index 82eb34a5e..000000000
--- a/src/components/dashboard/FirstSteps/index.tsx
+++ /dev/null
@@ -1,374 +0,0 @@
-import { BuyCryptoOptions } from '@/components/common/BuyCryptoButton'
-import CheckWallet from '@/components/common/CheckWallet'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import ExternalLink from '@/components/common/ExternalLink'
-import ModalDialog from '@/components/common/ModalDialog'
-import QRCode from '@/components/common/QRCode'
-import Track from '@/components/common/Track'
-import FirstTxFlow from '@/features/counterfactual/FirstTxFlow'
-import { selectUndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
-import useBalances from '@/hooks/useBalances'
-import { useCurrentChain } from '@/hooks/useChains'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { OVERVIEW_EVENTS } from '@/services/analytics'
-import { useAppDispatch, useAppSelector } from '@/store'
-import { selectSettings, setQrShortName } from '@/store/settingsSlice'
-import { selectOutgoingTransactions } from '@/store/txHistorySlice'
-import { getExplorerLink } from '@/utils/gateway'
-import classnames from 'classnames'
-import { type ReactNode, useState } from 'react'
-import { Card, WidgetBody, WidgetContainer } from '@/components/dashboard/styled'
-import { Box, Button, CircularProgress, Divider, FormControlLabel, Grid, Switch, Typography } from '@mui/material'
-import CircleOutlinedIcon from '@mui/icons-material/CircleOutlined'
-import CheckCircleRoundedIcon from '@mui/icons-material/CheckCircleRounded'
-import CheckCircleOutlineRoundedIcon from '@mui/icons-material/CheckCircleOutlineRounded'
-import LightbulbOutlinedIcon from '@mui/icons-material/LightbulbOutlined'
-import css from './styles.module.css'
-
-const calculateProgress = (items: boolean[]) => {
-  const totalNumberOfItems = items.length
-  const completedItems = items.filter((item) => item)
-  return Math.round((completedItems.length / totalNumberOfItems) * 100)
-}
-
-const StatusCard = ({
-  badge,
-  title,
-  content,
-  completed,
-  children,
-}: {
-  badge: ReactNode
-  title: string
-  content: string
-  completed: boolean
-  children?: ReactNode
-}) => {
-  return (
-    <Card className={css.card}>
-      <div className={css.topBadge}>{badge}</div>
-      <div className={css.status}>
-        {completed ? (
-          <CheckCircleRoundedIcon color="success" fontSize="medium" />
-        ) : (
-          <CircleOutlinedIcon color="inherit" fontSize="medium" />
-        )}
-      </div>
-      <Typography variant="h4" fontWeight="bold" mb={2}>
-        {title}
-      </Typography>
-      <Typography>{content}</Typography>
-      {children}
-    </Card>
-  )
-}
-
-const ActivationStatusWidget = ({ explorerLink }: { explorerLink?: string }) => {
-  return (
-    <StatusCard
-      badge={
-        <Typography
-          variant="body2"
-          sx={{ backgroundColor: 'border.light', borderRadius: '0 0 4px 4px', padding: '4px 8px' }}
-        >
-          Just submitted
-        </Typography>
-      }
-      title="Transaction pending"
-      content="Depending on network usage, it can take some time until the transaction is successfully processed and executed."
-      completed={false}
-    >
-      {explorerLink && (
-        <ExternalLink href={explorerLink} sx={{ mt: 2 }}>
-          View Explorer
-        </ExternalLink>
-      )}
-    </StatusCard>
-  )
-}
-
-const UsefulHintsWidget = () => {
-  return (
-    <StatusCard
-      badge={
-        <Typography variant="body2" className={classnames(css.badgeText, css.badgeTextInfo)}>
-          <LightbulbOutlinedIcon fontSize="small" sx={{ mr: 0.5 }} />
-          Did you know
-        </Typography>
-      }
-      title="Explore over 70+ dApps"
-      content="In our Safe App section you can connect your Safe to over 70 dApps directly or via Wallet Connect to interact with any application."
-      completed={false}
-    />
-  )
-}
-
-const AddFundsWidget = ({ completed }: { completed: boolean }) => {
-  const [open, setOpen] = useState<boolean>(false)
-  const { safeAddress } = useSafeInfo()
-  const chain = useCurrentChain()
-  const dispatch = useAppDispatch()
-  const settings = useAppSelector(selectSettings)
-  const qrPrefix = settings.shortName.qr ? `${chain?.shortName}:` : ''
-  const qrCode = `${qrPrefix}${safeAddress}`
-
-  const title = 'Add native assets'
-  const content = `Receive ${chain?.nativeCurrency.name} to start interacting with your account.`
-
-  const toggleDialog = () => {
-    setOpen((prev) => !prev)
-  }
-
-  return (
-    <StatusCard
-      badge={
-        <Typography variant="body2" className={css.badgeText}>
-          First interaction
-        </Typography>
-      }
-      title={title}
-      content={content}
-      completed={completed}
-    >
-      {!completed && (
-        <>
-          <Box mt={2}>
-            <CheckWallet>
-              {(isOk) => (
-                <Track {...OVERVIEW_EVENTS.ADD_FUNDS}>
-                  <Button
-                    data-testid="add-funds-btn"
-                    onClick={toggleDialog}
-                    variant="contained"
-                    size="small"
-                    sx={{ minHeight: '40px' }}
-                    disabled={!isOk}
-                  >
-                    Add funds
-                  </Button>
-                </Track>
-              )}
-            </CheckWallet>
-          </Box>
-          <ModalDialog
-            open={open}
-            onClose={toggleDialog}
-            dialogTitle="Add funds to your Safe Account"
-            hideChainIndicator
-          >
-            <Box px={4} pb={5} pt={4}>
-              <Grid container spacing={2} alignItems="center" justifyContent="center" mb={4}>
-                <Grid data-testid="qr-code" item textAlign="center">
-                  <Box p={1} border={1} borderRadius="6px" borderColor="border.light" display="inline-flex">
-                    <QRCode value={qrCode} size={132} />
-                  </Box>
-                  <Box>
-                    <FormControlLabel
-                      control={
-                        <Switch
-                          data-testid="qr-code-switch"
-                          checked={settings.shortName.qr}
-                          onChange={(e) => dispatch(setQrShortName(e.target.checked))}
-                        />
-                      }
-                      label={
-                        <>
-                          QR code with chain prefix (<b>{chain?.shortName}:</b>)
-                        </>
-                      }
-                    />
-                  </Box>
-                </Grid>
-                <Grid item xs>
-                  <Typography mb={2}>
-                    Add funds directly from your bank account or copy your address to send tokens from a different
-                    account.
-                  </Typography>
-
-                  <Box
-                    data-testid="address-info"
-                    bgcolor="background.main"
-                    p={2}
-                    borderRadius="6px"
-                    alignSelf="flex-start"
-                    fontSize="14px"
-                  >
-                    <EthHashInfo
-                      address={safeAddress}
-                      showName={false}
-                      shortAddress={false}
-                      showCopyButton
-                      hasExplorer
-                      avatarSize={24}
-                    />
-                  </Box>
-                </Grid>
-              </Grid>
-
-              <Box mb={4} position="relative" textAlign="center">
-                <Typography className={css.orDivider}>or</Typography>
-                <Divider />
-              </Box>
-
-              <Typography mb={2}>Buy crypto with fiat:</Typography>
-              <BuyCryptoOptions />
-            </Box>
-          </ModalDialog>
-        </>
-      )}
-    </StatusCard>
-  )
-}
-
-const FirstTransactionWidget = ({ completed }: { completed: boolean }) => {
-  const [open, setOpen] = useState<boolean>(false)
-
-  const title = 'Create your first transaction'
-  const content = 'Simply send funds, add a new signer or swap tokens through a safe app.'
-
-  return (
-    <>
-      <StatusCard
-        badge={
-          <Typography variant="body2" className={css.badgeText}>
-            First interaction
-          </Typography>
-        }
-        title={title}
-        content={content}
-        completed={completed}
-      >
-        {!completed && (
-          <CheckWallet>
-            {(isOk) => (
-              <Track {...OVERVIEW_EVENTS.NEW_TRANSACTION} label="onboarding">
-                <Button
-                  data-testid="create-tx-btn"
-                  onClick={() => setOpen(true)}
-                  variant="outlined"
-                  size="small"
-                  sx={{ mt: 2, minHeight: '40px' }}
-                  disabled={!isOk}
-                >
-                  Create transaction
-                </Button>
-              </Track>
-            )}
-          </CheckWallet>
-        )}
-      </StatusCard>
-      <FirstTxFlow open={open} onClose={() => setOpen(false)} />
-    </>
-  )
-}
-
-const AccountReadyWidget = () => {
-  return (
-    <Card className={classnames(css.card, css.accountReady)}>
-      <div className={classnames(css.checkIcon)}>
-        <CheckCircleOutlineRoundedIcon sx={{ width: '60px', height: '60px' }} />
-      </div>
-      <Typography variant="h4" fontWeight="bold" mb={2} mt={2}>
-        Safe Account is ready!
-      </Typography>
-      <Typography>Continue to improve your account security and unlock more features</Typography>
-    </Card>
-  )
-}
-
-const FirstSteps = () => {
-  const { balances } = useBalances()
-  const { safe, safeAddress } = useSafeInfo()
-  const outgoingTransactions = useAppSelector(selectOutgoingTransactions)
-  const chain = useCurrentChain()
-  const undeployedSafe = useAppSelector((state) => selectUndeployedSafe(state, safe.chainId, safeAddress))
-
-  const hasNonZeroBalance = balances && (balances.items.length > 1 || BigInt(balances.items[0]?.balance || 0) > 0)
-  const hasOutgoingTransactions = !!outgoingTransactions && outgoingTransactions.length > 0
-  const completedItems = [hasNonZeroBalance, hasOutgoingTransactions]
-
-  const progress = calculateProgress(completedItems)
-  const stepsCompleted = completedItems.filter((item) => item).length
-
-  if (safe.deployed) return null
-
-  const isActivating = undeployedSafe?.status.status !== 'AWAITING_EXECUTION'
-
-  return (
-    <WidgetContainer>
-      <WidgetBody data-testid="activation-section">
-        <Grid container gap={3} mb={2} flexWrap="nowrap" alignItems="center">
-          <Grid item position="relative" display="inline-flex">
-            <svg className={css.gradient}>
-              <defs>
-                <linearGradient
-                  id="progress_gradient"
-                  x1="21.1648"
-                  y1="8.21591"
-                  x2="-9.95028"
-                  y2="22.621"
-                  gradientUnits="userSpaceOnUse"
-                >
-                  <stop stopColor="#5FDDFF" />
-                  <stop offset="1" stopColor="#12FF80" />
-                </linearGradient>
-              </defs>
-            </svg>
-            <CircularProgress variant="determinate" value={100} className={css.circleBg} size={60} thickness={5} />
-            <CircularProgress
-              variant={isActivating ? 'indeterminate' : 'determinate'}
-              value={progress === 0 ? 3 : progress} // Just to give an indication of the progress even at 0%
-              className={css.circleProgress}
-              size={60}
-              thickness={5}
-              sx={{ 'svg circle': { stroke: 'url(#progress_gradient)', strokeLinecap: 'round' } }}
-            />
-          </Grid>
-          <Grid item>
-            <Typography component="div" variant="h2" fontWeight={700} mb={1}>
-              {isActivating ? 'Account is being activated...' : 'Activate your Safe Account'}
-            </Typography>
-
-            {isActivating ? (
-              <Typography variant="body2">
-                <strong>This may take a few minutes.</strong> Once activated, your account will be up and running.
-              </Typography>
-            ) : (
-              <Typography variant="body2">
-                <strong>
-                  {stepsCompleted} of {completedItems.length} steps completed.
-                </strong>{' '}
-                Finish the next steps to start using all Safe Account features:
-              </Typography>
-            )}
-          </Grid>
-        </Grid>
-        <Grid container spacing={3}>
-          <Grid item xs={12} md={4}>
-            {isActivating && chain ? (
-              <ActivationStatusWidget
-                explorerLink={
-                  undeployedSafe?.status.txHash
-                    ? getExplorerLink(undeployedSafe.status.txHash, chain.blockExplorerUriTemplate).href
-                    : undefined
-                }
-              />
-            ) : (
-              <AddFundsWidget completed={hasNonZeroBalance} />
-            )}
-          </Grid>
-
-          <Grid item xs={12} md={4}>
-            {isActivating ? <UsefulHintsWidget /> : <FirstTransactionWidget completed={hasOutgoingTransactions} />}
-          </Grid>
-
-          <Grid item xs={12} md={4}>
-            <AccountReadyWidget />
-          </Grid>
-        </Grid>
-      </WidgetBody>
-    </WidgetContainer>
-  )
-}
-
-export default FirstSteps
diff --git a/src/components/dashboard/GovernanceSection/GovernanceSection.tsx b/src/components/dashboard/GovernanceSection/GovernanceSection.tsx
deleted file mode 100644
index 909e75c52..000000000
--- a/src/components/dashboard/GovernanceSection/GovernanceSection.tsx
+++ /dev/null
@@ -1,157 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from 'react'
-import { Typography, Card, Box, Link, SvgIcon } from '@mui/material'
-import { WidgetBody } from '@/components/dashboard/styled'
-import css from './styles.module.css'
-import { useBrowserPermissions } from '@/hooks/safe-apps/permissions'
-import { useRemoteSafeApps } from '@/hooks/safe-apps/useRemoteSafeApps'
-import { DISCORD_URL, SafeAppsTag } from '@/config/constants'
-import { useDarkMode } from '@/hooks/useDarkMode'
-import { OpenInNew } from '@mui/icons-material'
-import NetworkError from '@/public/images/common/network-error.svg'
-import useChainId from '@/hooks/useChainId'
-import { getSafeTokenAddress } from '@/components/common/SafeTokenWidget'
-import SafeAppIframe from '@/components/safe-apps/AppFrame/SafeAppIframe'
-import type { UseAppCommunicatorHandlers } from '@/components/safe-apps/AppFrame/useAppCommunicator'
-import useAppCommunicator from '@/components/safe-apps/AppFrame/useAppCommunicator'
-import { useCurrentChain } from '@/hooks/useChains'
-import useGetSafeInfo from '@/components/safe-apps/AppFrame/useGetSafeInfo'
-import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { fetchSafeAppFromManifest } from '@/services/safe-apps/manifest'
-import useAsync from '@/hooks/useAsync'
-import { getOrigin } from '@/components/safe-apps/utils'
-import InfiniteScroll from '@/components/common/InfiniteScroll'
-
-// A fallback component when the Safe App fails to load
-const WidgetLoadErrorFallback = () => (
-  <Box display="flex" flexDirection="column" alignItems="center" height="100%">
-    <Card className={css.loadErrorCard}>
-      <Box className={css.loadErrorMsgContainer}>
-        <Typography variant="h4" color="text.primary" fontWeight="bold">
-          Couldn&apos;t load governance widgets
-        </Typography>
-        <SvgIcon component={NetworkError} inheritViewBox className={css.loadErroricon} />
-        <Typography variant="body1" color="text.primary">
-          You can try to reload the page and in case the problem persists, please reach out to us via{' '}
-          <Link target="_blank" href={DISCORD_URL} fontSize="medium">
-            Discord
-            <OpenInNew fontSize="small" color="primary" className={css.loadErroricon} />
-          </Link>
-        </Typography>
-      </Box>
-    </Card>
-  </Box>
-)
-
-// A mini Safe App frame with a minimal set of communication handlers
-const MiniAppFrame = ({ app, title }: { app: SafeAppData; title: string }) => {
-  const chain = useCurrentChain()
-  const isDarkMode = useDarkMode()
-  const theme = isDarkMode ? 'dark' : 'light'
-  const { getAllowedFeaturesList } = useBrowserPermissions()
-  const iframeRef = useRef<HTMLIFrameElement>(null)
-
-  const [, error] = useAsync(() => {
-    if (!chain?.chainId) return
-    return fetchSafeAppFromManifest(app.url, chain.chainId)
-  }, [app.url, chain?.chainId])
-
-  // Initialize the app communicator
-  useAppCommunicator(iframeRef, app, chain, {
-    onGetSafeInfo: useGetSafeInfo(),
-  } as Partial<UseAppCommunicatorHandlers> as UseAppCommunicatorHandlers)
-
-  return error ? (
-    <WidgetLoadErrorFallback />
-  ) : (
-    <SafeAppIframe
-      key={theme}
-      appUrl={`${app.url}/widgets?theme=${theme}`}
-      allowedFeaturesList={getAllowedFeaturesList(getOrigin(app.url))}
-      title={title}
-      iframeRef={iframeRef}
-    />
-  )
-}
-
-// Entire section for the governance widgets
-const GovernanceSection = () => {
-  const [matchingApps, errorFetchingGovernanceSafeApp] = useRemoteSafeApps(SafeAppsTag.SAFE_GOVERNANCE_APP)
-  const governanceApp = matchingApps?.[0]
-  const fetchingSafeGovernanceApp = !governanceApp && !errorFetchingGovernanceSafeApp
-  const { safeLoading } = useSafeInfo()
-
-  return (
-    <>
-      {governanceApp || fetchingSafeGovernanceApp ? (
-        <WidgetBody>
-          <Card className={css.widgetWrapper}>
-            {governanceApp && !safeLoading ? (
-              <MiniAppFrame app={governanceApp} title="Safe Governance" />
-            ) : (
-              <Box
-                className={css.widgetWrapper}
-                display="flex"
-                alignItems="center"
-                justifyContent="center"
-                textAlign="center"
-              >
-                <Typography variant="h1" color="text.secondary">
-                  Loading section...
-                </Typography>
-              </Box>
-            )}
-          </Card>
-        </WidgetBody>
-      ) : (
-        <WidgetLoadErrorFallback />
-      )}
-    </>
-  )
-}
-
-const LazyGovernanceSection = () => {
-  const [isVisible, setIsVisible] = useState(false)
-  const [hasScrolled, setHasScrolled] = useState(false)
-
-  const onVisible = useCallback(() => {
-    setIsVisible(true)
-  }, [])
-
-  useEffect(() => {
-    const handleScroll = () => {
-      if (window.scrollY > 0) {
-        setHasScrolled(true)
-        window.removeEventListener('scroll', handleScroll)
-      }
-    }
-    window.addEventListener('scroll', handleScroll)
-    return () => window.removeEventListener('scroll', handleScroll)
-  }, [])
-
-  return (
-    <>
-      {hasScrolled && <InfiniteScroll onLoadMore={onVisible} />}
-
-      <Typography component="h2" variant="subtitle1" fontWeight={700}>
-        Governance
-      </Typography>
-      <Typography variant="body2" mb={2} color="text.secondary">
-        Use your SAFE tokens to vote on important proposals or participate in forum discussions.
-      </Typography>
-
-      <div className={css.lazyWrapper}>{isVisible && <GovernanceSection />}</div>
-    </>
-  )
-}
-
-// Prevent `GovernanceSection` hooks from needlessly being called
-const GovernanceSectionWrapper = () => {
-  const chainId = useChainId()
-  if (!getSafeTokenAddress(chainId)) {
-    return null
-  }
-  return <LazyGovernanceSection />
-}
-
-export default GovernanceSectionWrapper
diff --git a/src/components/dashboard/GovernanceSection/styles.module.css b/src/components/dashboard/GovernanceSection/styles.module.css
deleted file mode 100644
index 71592fad4..000000000
--- a/src/components/dashboard/GovernanceSection/styles.module.css
+++ /dev/null
@@ -1,46 +0,0 @@
-.lazyWrapper {
-  height: 300px;
-  overflow: hidden;
-}
-
-.widgetWrapper {
-  height: 300px;
-  border: none;
-}
-
-/* iframe sm breakpoint + paddings */
-@media (max-width: 662px) {
-  .widgetWrapper {
-    height: 624px;
-  }
-}
-
-.loadErrorCard {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: var(--space-2);
-  text-align: center;
-  flex-grow: 1;
-}
-
-.loadErrorCard:last-of-type {
-  min-width: 300px;
-}
-
-.loadErrorMsgContainer {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--space-2);
-  max-width: 80%;
-}
-
-.loadErroricon {
-  font-size: 54px;
-  position: relative;
-  left: 3px;
-  top: 3px;
-}
diff --git a/src/components/dashboard/Overview/Overview.tsx b/src/components/dashboard/Overview/Overview.tsx
deleted file mode 100644
index f0b069ea4..000000000
--- a/src/components/dashboard/Overview/Overview.tsx
+++ /dev/null
@@ -1,156 +0,0 @@
-import BuyCryptoButton from '@/components/common/BuyCryptoButton'
-import TokenAmount from '@/components/common/TokenAmount'
-import Track from '@/components/common/Track'
-import QrCodeButton from '@/components/sidebar/QrCodeButton'
-import { TxModalContext } from '@/components/tx-flow'
-import { NewTxFlow } from '@/components/tx-flow/flows'
-import SwapIcon from '@/public/images/common/swap.svg'
-import { OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
-import Link from 'next/link'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { useVisibleBalances } from '@/hooks/useVisibleBalances'
-import ArrowIconNW from '@/public/images/common/arrow-top-right.svg'
-import ArrowIconSE from '@/public/images/common/arrow-se.svg'
-import FiatValue from '@/components/common/FiatValue'
-import { AppRoutes } from '@/config/routes'
-import { Button, Grid, Skeleton, Typography, useMediaQuery } from '@mui/material'
-import { useRouter } from 'next/router'
-import { type ReactElement, useContext } from 'react'
-import { WidgetBody, WidgetContainer } from '../styled'
-import { useTheme } from '@mui/material/styles'
-import { SWAP_EVENTS, SWAP_LABELS } from '@/services/analytics/events/swaps'
-import useIsSwapFeatureEnabled from '@/features/swap/hooks/useIsSwapFeatureEnabled'
-
-const SkeletonOverview = (
-  <>
-    <Grid container pb={2} mt={3} gap={2} alignItems="flex-end" justifyContent="space-between">
-      <Grid item>
-        <Skeleton variant="text" width={100} height={30} />
-        <Skeleton variant="rounded" width={160} height={40} />
-      </Grid>
-
-      <Grid item>
-        <Grid container gap={1} flexWrap="wrap">
-          <Skeleton variant="rounded" width="115px" height="40px" />
-          <Skeleton variant="rounded" width="115px" height="40px" />
-        </Grid>
-      </Grid>
-    </Grid>
-  </>
-)
-
-const Overview = (): ReactElement => {
-  const { safe, safeLoading, safeLoaded } = useSafeInfo()
-  const { balances, loading: balancesLoading } = useVisibleBalances()
-  const { setTxFlow } = useContext(TxModalContext)
-  const router = useRouter()
-  const theme = useTheme()
-  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))
-  const isSwapFeatureEnabled = useIsSwapFeatureEnabled()
-
-  const isInitialState = !safeLoaded && !safeLoading
-  const isLoading = safeLoading || balancesLoading || isInitialState
-
-  const handleOnSend = () => {
-    setTxFlow(<NewTxFlow />, undefined, false)
-    trackEvent(OVERVIEW_EVENTS.NEW_TRANSACTION)
-  }
-
-  const buttonWidth = isSwapFeatureEnabled ? 4 : 6
-
-  return (
-    <WidgetContainer>
-      <WidgetBody>
-        {isLoading ? (
-          SkeletonOverview
-        ) : (
-          <>
-            <Grid container pb={2} mt={3} gap={2} alignItems="flex-end" justifyContent="space-between">
-              <Grid item>
-                <Typography color="primary.light" fontWeight="bold" mb={1}>
-                  Total asset value
-                </Typography>
-                <Typography component="div" variant="h1" fontSize={44} lineHeight="40px">
-                  {safe.deployed ? (
-                    <FiatValue value={balances.fiatTotal} maxLength={20} />
-                  ) : (
-                    <TokenAmount
-                      value={balances.items[0].balance}
-                      decimals={balances.items[0].tokenInfo.decimals}
-                      tokenSymbol={balances.items[0].tokenInfo.symbol}
-                    />
-                  )}
-                </Typography>
-              </Grid>
-
-              {safe.deployed && (
-                <Grid
-                  item
-                  container
-                  spacing={1}
-                  xs={12}
-                  sm
-                  justifyContent="flex-end"
-                  flexWrap={{ xs: 'wrap', sm: 'nowrap' }}
-                >
-                  <Grid item xs={12} sm="auto">
-                    <BuyCryptoButton />
-                  </Grid>
-
-                  <Grid item xs={buttonWidth} sm="auto">
-                    <Button
-                      onClick={handleOnSend}
-                      size={isSmallScreen ? 'medium' : 'small'}
-                      variant="outlined"
-                      color="primary"
-                      startIcon={<ArrowIconNW />}
-                      fullWidth
-                    >
-                      Send
-                    </Button>
-                  </Grid>
-                  <Grid item xs={buttonWidth} sm="auto">
-                    <Track {...OVERVIEW_EVENTS.SHOW_QR} label="dashboard">
-                      <QrCodeButton>
-                        <Button
-                          size={isSmallScreen ? 'medium' : 'small'}
-                          variant="outlined"
-                          color="primary"
-                          startIcon={<ArrowIconSE />}
-                          fullWidth
-                        >
-                          Receive
-                        </Button>
-                      </QrCodeButton>
-                    </Track>
-                  </Grid>
-
-                  {isSwapFeatureEnabled && (
-                    <Grid item xs={buttonWidth} sm="auto">
-                      <Track {...SWAP_EVENTS.OPEN_SWAPS} label={SWAP_LABELS.dashboard}>
-                        <Link href={{ pathname: AppRoutes.swap, query: router.query }} passHref type="button">
-                          <Button
-                            data-testid="overview-swap-btn"
-                            size={isSmallScreen ? 'medium' : 'small'}
-                            variant="outlined"
-                            color="primary"
-                            startIcon={<SwapIcon />}
-                            fullWidth
-                          >
-                            Swap
-                          </Button>
-                        </Link>
-                      </Track>
-                    </Grid>
-                  )}
-                </Grid>
-              )}
-            </Grid>
-          </>
-        )}
-      </WidgetBody>
-    </WidgetContainer>
-  )
-}
-
-export default Overview
diff --git a/src/components/dashboard/PendingTxs/PendingRecoveryListItem.tsx b/src/components/dashboard/PendingTxs/PendingRecoveryListItem.tsx
deleted file mode 100644
index d4bb51b60..000000000
--- a/src/components/dashboard/PendingTxs/PendingRecoveryListItem.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import Link from 'next/link'
-import { useMemo } from 'react'
-import { useRouter } from 'next/router'
-import { ChevronRight } from '@mui/icons-material'
-import { Box } from '@mui/material'
-import type { ReactElement } from 'react'
-
-import { RecoveryInfo } from '@/features/recovery/components/RecoveryInfo'
-import { RecoveryStatus } from '@/features/recovery/components/RecoveryStatus'
-import { RecoveryType } from '@/features/recovery/components/RecoveryType'
-import { AppRoutes } from '@/config/routes'
-import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
-
-import css from './styles.module.css'
-
-function PendingRecoveryListItem({ transaction }: { transaction: RecoveryQueueItem }): ReactElement {
-  const router = useRouter()
-  const { isMalicious } = transaction
-
-  const url = useMemo(
-    () => ({
-      pathname: AppRoutes.transactions.queue,
-      query: router.query,
-    }),
-    [router.query],
-  )
-
-  return (
-    <Link href={url} passHref>
-      <Box className={css.container} minHeight={50}>
-        <Box flex={1}>
-          <RecoveryType isMalicious={isMalicious} />
-        </Box>
-
-        <RecoveryInfo isMalicious={isMalicious} />
-
-        <RecoveryStatus recovery={transaction} />
-
-        <ChevronRight color="border" />
-      </Box>
-    </Link>
-  )
-}
-
-export default PendingRecoveryListItem
diff --git a/src/components/dashboard/PendingTxs/PendingTxListItem.tsx b/src/components/dashboard/PendingTxs/PendingTxListItem.tsx
deleted file mode 100644
index f58b651db..000000000
--- a/src/components/dashboard/PendingTxs/PendingTxListItem.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import NextLink from 'next/link'
-import { useRouter } from 'next/router'
-import type { ReactElement } from 'react'
-import { useMemo } from 'react'
-import ChevronRight from '@mui/icons-material/ChevronRight'
-import type { TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
-import { Box } from '@mui/material'
-import { isMultisigExecutionInfo } from '@/utils/transaction-guards'
-import TxInfo from '@/components/transactions/TxInfo'
-import TxType from '@/components/transactions/TxType'
-import css from './styles.module.css'
-import { AppRoutes } from '@/config/routes'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import TxConfirmations from '@/components/transactions/TxConfirmations'
-
-type PendingTxType = {
-  transaction: TransactionSummary
-}
-
-const PendingTx = ({ transaction }: PendingTxType): ReactElement => {
-  const router = useRouter()
-  const { id } = transaction
-  const { safe } = useSafeInfo()
-
-  const url = useMemo(
-    () => ({
-      pathname: AppRoutes.transactions.tx,
-      query: {
-        id,
-        safe: router.query.safe,
-      },
-    }),
-    [router, id],
-  )
-
-  return (
-    <NextLink data-testid="tx-pending-item" href={url} passHref>
-      <Box className={css.container}>
-        <Box minWidth={30}>{isMultisigExecutionInfo(transaction.executionInfo) && transaction.executionInfo.nonce}</Box>
-
-        <Box minWidth={62}>
-          <TxType tx={transaction} />
-        </Box>
-
-        <TxInfo info={transaction.txInfo} />
-
-        <Box flexGrow={1} />
-
-        <Box alignSelf="flex-end" display="flex" flexWrap="nowrap" alignItems="center" gap={1.5}>
-          {isMultisigExecutionInfo(transaction.executionInfo) && (
-            <TxConfirmations
-              submittedConfirmations={transaction.executionInfo.confirmationsSubmitted}
-              requiredConfirmations={transaction.executionInfo.confirmationsRequired}
-            />
-          )}
-
-          <ChevronRight color="border" />
-        </Box>
-      </Box>
-    </NextLink>
-  )
-}
-
-export default PendingTx
diff --git a/src/components/dashboard/PendingTxs/PendingTxsList.tsx b/src/components/dashboard/PendingTxs/PendingTxsList.tsx
deleted file mode 100644
index ce6e96bc1..000000000
--- a/src/components/dashboard/PendingTxs/PendingTxsList.tsx
+++ /dev/null
@@ -1,136 +0,0 @@
-import type { ReactElement } from 'react'
-import { useMemo } from 'react'
-import { useRouter } from 'next/router'
-import dynamic from 'next/dynamic'
-import { getLatestTransactions } from '@/utils/tx-list'
-import { Box, Skeleton, Typography } from '@mui/material'
-import { Card, ViewAllLink, WidgetBody, WidgetContainer } from '../styled'
-import PendingTxListItem from './PendingTxListItem'
-import useTxQueue from '@/hooks/useTxQueue'
-import { AppRoutes } from '@/config/routes'
-import NoTransactionsIcon from '@/public/images/transactions/no-transactions.svg'
-import css from './styles.module.css'
-import { isSignableBy, isExecutable } from '@/utils/transaction-guards'
-import useWallet from '@/hooks/wallets/useWallet'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { useRecoveryQueue } from '@/features/recovery/hooks/useRecoveryQueue'
-import type { SafeInfo, Transaction } from '@safe-global/safe-gateway-typescript-sdk'
-import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
-
-const PendingRecoveryListItem = dynamic(() => import('./PendingRecoveryListItem'))
-
-const MAX_TXS = 4
-
-const EmptyState = () => {
-  return (
-    <Card>
-      <Box display="flex" flexDirection="column" alignItems="center" justifyContent="center" height="100%" gap={2}>
-        <NoTransactionsIcon data-testid="no-tx-icon" />
-
-        <Typography data-testid="no-tx-text" variant="body1" color="primary.light">
-          This Safe Account has no queued transactions
-        </Typography>
-      </Box>
-    </Card>
-  )
-}
-
-const LoadingState = () => (
-  <div className={css.list}>
-    {Array.from(Array(MAX_TXS).keys()).map((key) => (
-      <Skeleton key={key} variant="rectangular" height={52} />
-    ))}
-  </div>
-)
-
-function getActionableTransactions(txs: Transaction[], safe: SafeInfo, walletAddress?: string): Transaction[] {
-  if (!walletAddress) {
-    return txs
-  }
-
-  return txs.filter((tx) => {
-    return isSignableBy(tx.transaction, walletAddress) || isExecutable(tx.transaction, walletAddress, safe)
-  })
-}
-
-export function _getTransactionsToDisplay({
-  recoveryQueue,
-  queue,
-  walletAddress,
-  safe,
-}: {
-  recoveryQueue: RecoveryQueueItem[]
-  queue: Transaction[]
-  walletAddress?: string
-  safe: SafeInfo
-}): [RecoveryQueueItem[], Transaction[]] {
-  if (recoveryQueue.length >= MAX_TXS) {
-    return [recoveryQueue.slice(0, MAX_TXS), []]
-  }
-
-  const actionableQueue = getActionableTransactions(queue, safe, walletAddress)
-  const _queue = actionableQueue.length > 0 ? actionableQueue : queue
-  const queueToDisplay = _queue.slice(0, MAX_TXS - recoveryQueue.length)
-
-  return [recoveryQueue, queueToDisplay]
-}
-
-const PendingTxsList = (): ReactElement | null => {
-  const router = useRouter()
-  const { page, loading } = useTxQueue()
-  const { safe } = useSafeInfo()
-  const wallet = useWallet()
-  const queuedTxns = useMemo(() => getLatestTransactions(page?.results), [page?.results])
-  const recoveryQueue = useRecoveryQueue()
-
-  const [recoveryTxs, queuedTxs] = useMemo(() => {
-    return _getTransactionsToDisplay({
-      recoveryQueue,
-      queue: queuedTxns,
-      walletAddress: wallet?.address,
-      safe,
-    })
-  }, [recoveryQueue, queuedTxns, wallet?.address, safe])
-
-  const totalTxs = recoveryTxs.length + queuedTxs.length
-
-  const queueUrl = useMemo(
-    () => ({
-      pathname: AppRoutes.transactions.queue,
-      query: { safe: router.query.safe },
-    }),
-    [router.query.safe],
-  )
-
-  return (
-    <WidgetContainer data-testid="pending-tx-widget">
-      <div className={css.title}>
-        <Typography component="h2" variant="subtitle1" fontWeight={700} mb={2}>
-          Pending transactions
-        </Typography>
-
-        {totalTxs > 0 && <ViewAllLink url={queueUrl} />}
-      </div>
-
-      <WidgetBody>
-        {loading ? (
-          <LoadingState />
-        ) : totalTxs > 0 ? (
-          <div className={css.list}>
-            {recoveryTxs.map((tx) => (
-              <PendingRecoveryListItem transaction={tx} key={tx.transactionHash} />
-            ))}
-
-            {queuedTxs.map((tx) => (
-              <PendingTxListItem transaction={tx.transaction} key={tx.transaction.id} />
-            ))}
-          </div>
-        ) : (
-          <EmptyState />
-        )}
-      </WidgetBody>
-    </WidgetContainer>
-  )
-}
-
-export default PendingTxsList
diff --git a/src/components/dashboard/PendingTxs/styles.module.css b/src/components/dashboard/PendingTxs/styles.module.css
deleted file mode 100644
index 15faf4809..000000000
--- a/src/components/dashboard/PendingTxs/styles.module.css
+++ /dev/null
@@ -1,34 +0,0 @@
-.container {
-  width: 100%;
-  padding: 11px 16px;
-  background-color: var(--color-background-paper);
-  border: 1px solid var(--color-background-paper);
-  border-radius: 8px;
-  flex-wrap: wrap;
-  display: flex;
-  align-items: center;
-  gap: var(--space-2);
-  min-height: 50px;
-}
-
-.container:hover {
-  background-color: var(--color-background-light);
-  border-color: var(--color-secondary-light);
-}
-
-.list {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-1);
-  width: 100%;
-}
-
-.skeleton {
-  border-radius: 8px;
-  overflow: hidden;
-}
-
-.title {
-  display: flex;
-  justify-content: space-between;
-}
diff --git a/src/components/dashboard/Relaying/index.tsx b/src/components/dashboard/Relaying/index.tsx
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/components/dashboard/SafeAppsDashboardSection/SafeAppsDashboardSection.tsx b/src/components/dashboard/SafeAppsDashboardSection/SafeAppsDashboardSection.tsx
deleted file mode 100644
index 8d297c895..000000000
--- a/src/components/dashboard/SafeAppsDashboardSection/SafeAppsDashboardSection.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { useRouter } from 'next/router'
-import Typography from '@mui/material/Typography'
-import Grid from '@mui/material/Grid'
-import Button from '@mui/material/Button'
-
-import { WidgetContainer } from '../styled'
-import { useSafeApps } from '@/hooks/safe-apps/useSafeApps'
-import useSafeAppPreviewDrawer from '@/hooks/safe-apps/useSafeAppPreviewDrawer'
-import SafeAppPreviewDrawer from '@/components/safe-apps/SafeAppPreviewDrawer'
-import SafeAppCard, { SafeAppCardContainer } from '@/components/safe-apps/SafeAppCard'
-import { AppRoutes } from '@/config/routes'
-import ExploreSafeAppsIcon from '@/public/images/apps/explore.svg'
-
-import css from './styles.module.css'
-
-const SafeAppsDashboardSection = () => {
-  const { rankedSafeApps, togglePin, pinnedSafeAppIds } = useSafeApps()
-  const { isPreviewDrawerOpen, previewDrawerApp, openPreviewDrawer, closePreviewDrawer } = useSafeAppPreviewDrawer()
-
-  return (
-    <WidgetContainer>
-      <Typography component="h2" variant="subtitle1" fontWeight={700} mb={2}>
-        Safe Apps
-      </Typography>
-
-      <Grid container spacing={3}>
-        {rankedSafeApps.map((rankedSafeApp) => (
-          <Grid key={rankedSafeApp.id} item xs={12} sm={6} md={4} xl={4}>
-            <SafeAppCard
-              safeApp={rankedSafeApp}
-              onBookmarkSafeApp={togglePin}
-              isBookmarked={pinnedSafeAppIds.has(rankedSafeApp.id)}
-              onClickSafeApp={() => openPreviewDrawer(rankedSafeApp)}
-              openPreviewDrawer={openPreviewDrawer}
-            />
-          </Grid>
-        ))}
-
-        <Grid item xs={12} sm={6} md={4} xl={4}>
-          <ExploreSafeAppsCard />
-        </Grid>
-      </Grid>
-
-      <SafeAppPreviewDrawer
-        isOpen={isPreviewDrawerOpen}
-        safeApp={previewDrawerApp}
-        isBookmarked={previewDrawerApp && pinnedSafeAppIds.has(previewDrawerApp.id)}
-        onClose={closePreviewDrawer}
-        onBookmark={togglePin}
-      />
-    </WidgetContainer>
-  )
-}
-
-export default SafeAppsDashboardSection
-
-const ExploreSafeAppsCard = () => {
-  const router = useRouter()
-  const safeAppsLink = `${AppRoutes.apps.index}?safe=${router.query.safe}`
-
-  return (
-    <SafeAppCardContainer safeAppUrl={safeAppsLink} className={css.container}>
-      <ExploreSafeAppsIcon alt="Explore Safe Apps icon" />
-
-      <Button data-testid="explore-apps-btn" variant="contained" size="small">
-        Explore Safe Apps
-      </Button>
-    </SafeAppCardContainer>
-  )
-}
diff --git a/src/components/dashboard/SafeAppsDashboardSection/styles.module.css b/src/components/dashboard/SafeAppsDashboardSection/styles.module.css
deleted file mode 100644
index a63a8dd8f..000000000
--- a/src/components/dashboard/SafeAppsDashboardSection/styles.module.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  gap: var(--space-1);
-  padding: var(--space-2);
-}
diff --git a/src/components/dashboard/index.tsx b/src/components/dashboard/index.tsx
deleted file mode 100644
index fa480c931..000000000
--- a/src/components/dashboard/index.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import FirstSteps from '@/components/dashboard/FirstSteps'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import type { ReactElement } from 'react'
-import dynamic from 'next/dynamic'
-import { Grid } from '@mui/material'
-import PendingTxsList from '@/components/dashboard/PendingTxs/PendingTxsList'
-import AssetsWidget from '@/components/dashboard/Assets'
-import Overview from '@/components/dashboard/Overview/Overview'
-import { FeaturedApps } from '@/components/dashboard/FeaturedApps/FeaturedApps'
-import SafeAppsDashboardSection from '@/components/dashboard/SafeAppsDashboardSection/SafeAppsDashboardSection'
-import GovernanceSection from '@/components/dashboard/GovernanceSection/GovernanceSection'
-import useRecovery from '@/features/recovery/hooks/useRecovery'
-import { useIsRecoverySupported } from '@/features/recovery/hooks/useIsRecoverySupported'
-import ActivityRewardsSection from '@/components/dashboard/ActivityRewardsSection'
-import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
-import css from './styles.module.css'
-import SwapWidget from '@/features/swap/components/SwapWidget'
-
-const RecoveryHeader = dynamic(() => import('@/features/recovery/components/RecoveryHeader'))
-
-const Dashboard = (): ReactElement => {
-  const { safe } = useSafeInfo()
-  const showSafeApps = useHasFeature(FEATURES.SAFE_APPS)
-  const isSAPBannerEnabled = useHasFeature(FEATURES.SAP_BANNER)
-  const supportsRecovery = useIsRecoverySupported()
-  const [recovery] = useRecovery()
-  const showRecoveryWidget = supportsRecovery && !recovery
-
-  return (
-    <>
-      <Grid container spacing={3}>
-        {supportsRecovery && <RecoveryHeader />}
-
-        <Grid item xs={12}>
-          <Overview />
-        </Grid>
-
-        <Grid item xs={12} className={css.hideIfEmpty}>
-          <FirstSteps />
-        </Grid>
-
-        {safe.deployed && (
-          <>
-            <Grid item xs={12} xl={isSAPBannerEnabled ? 6 : 12} className={css.hideIfEmpty}>
-              <SwapWidget />
-            </Grid>
-
-            <Grid item xs className={css.hideIfEmpty}>
-              <ActivityRewardsSection />
-            </Grid>
-
-            <Grid item xs={12} />
-
-            <Grid item xs={12} lg={6}>
-              <AssetsWidget />
-            </Grid>
-
-            <Grid item xs={12} lg={6}>
-              <PendingTxsList />
-            </Grid>
-
-            {showSafeApps && (
-              <Grid item xs={12} lg={showRecoveryWidget ? 12 : 6}>
-                <FeaturedApps stackedLayout={!showRecoveryWidget} />
-              </Grid>
-            )}
-
-            {showSafeApps && (
-              <Grid item xs={12}>
-                <SafeAppsDashboardSection />
-              </Grid>
-            )}
-
-            <Grid item xs={12} className={css.hideIfEmpty}>
-              <GovernanceSection />
-            </Grid>
-          </>
-        )}
-      </Grid>
-    </>
-  )
-}
-
-export default Dashboard
diff --git a/src/components/dashboard/styled.tsx b/src/components/dashboard/styled.tsx
deleted file mode 100644
index 14de0b75d..000000000
--- a/src/components/dashboard/styled.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import type { ReactElement } from 'react'
-import styled from '@emotion/styled'
-import NextLink from 'next/link'
-import type { LinkProps } from 'next/link'
-import { Link } from '@mui/material'
-import ChevronRightIcon from '@mui/icons-material/ChevronRight'
-
-export const WidgetContainer = styled.section`
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-`
-
-export const WidgetTitle = styled.h2`
-  margin-top: 0;
-`
-
-export const WidgetBody = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  height: 100%;
-`
-
-export const Card = styled.div`
-  background: var(--color-background-paper);
-  padding: var(--space-3);
-  border-radius: 6px;
-  flex-grow: 1;
-  position: relative;
-  box-sizing: border-box;
-  height: 100%;
-  overflow: hidden;
-
-  & h2 {
-    margin-top: 0;
-  }
-`
-
-const StyledLink = styled(Link)`
-  text-decoration: none;
-  font-weight: bold;
-  display: flex;
-  align-items: center;
-  gap: var(--space-1);
-  margin-bottom: 10px;
-  padding-right: 17px;
-`
-
-export const ViewAllLink = ({ url, text }: { url: LinkProps['href']; text?: string }): ReactElement => (
-  <NextLink href={url} passHref legacyBehavior>
-    <StyledLink data-testid="view-all-link">
-      {text || 'View all'} <ChevronRightIcon />
-    </StyledLink>
-  </NextLink>
-)
diff --git a/src/components/dashboard/styles.module.css b/src/components/dashboard/styles.module.css
deleted file mode 100644
index e88d9deeb..000000000
--- a/src/components/dashboard/styles.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.hideIfEmpty:empty {
-  display: none;
-}
diff --git a/src/components/licenses/index.tsx b/src/components/licenses/index.tsx
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/components/new-safe/OwnerRow/index.tsx b/src/components/new-safe/OwnerRow/index.tsx
deleted file mode 100644
index 8f9b75bd1..000000000
--- a/src/components/new-safe/OwnerRow/index.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import { useCallback, useEffect, useMemo } from 'react'
-import { CircularProgress, FormControl, Grid, IconButton, SvgIcon, Typography } from '@mui/material'
-import NameInput from '@/components/common/NameInput'
-import InputAdornment from '@mui/material/InputAdornment'
-import AddressBookInput from '@/components/common/AddressBookInput'
-import DeleteIcon from '@/public/images/common/delete.svg'
-import { useFormContext, useWatch } from 'react-hook-form'
-import { useAddressResolver } from '@/hooks/useAddressResolver'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import type { NamedAddress } from '@/components/new-safe/create/types'
-import useWallet from '@/hooks/wallets/useWallet'
-import { sameAddress } from '@/utils/addresses'
-import css from './styles.module.css'
-import classNames from 'classnames'
-
-export const OwnerRow = ({
-  index,
-  groupName,
-  removable = true,
-  remove,
-  readOnly = false,
-}: {
-  index: number
-  removable?: boolean
-  groupName: string
-  remove?: (index: number) => void
-  readOnly?: boolean
-}) => {
-  const wallet = useWallet()
-  const fieldName = `${groupName}.${index}`
-  const { control, getValues, setValue } = useFormContext()
-  const owners = useWatch({
-    control,
-    name: groupName,
-  })
-  const owner = useWatch({
-    control,
-    name: fieldName,
-  })
-
-  const deps = useMemo(() => {
-    return Array.from({ length: owners.length }, (_, i) => `${groupName}.${i}`)
-  }, [owners, groupName])
-
-  const validateSafeAddress = useCallback(
-    async (address: string) => {
-      const owners = getValues('owners')
-      if (owners.filter((owner: NamedAddress) => sameAddress(owner.address, address)).length > 1) {
-        return 'Signer is already added'
-      }
-    },
-    [getValues],
-  )
-
-  const { name, ens, resolving } = useAddressResolver(owner.address)
-
-  useEffect(() => {
-    if (name && !getValues(`${fieldName}.name`)) {
-      setValue(`${fieldName}.name`, name)
-    }
-  }, [setValue, getValues, name, fieldName])
-
-  useEffect(() => {
-    if (ens) {
-      setValue(`${fieldName}.ens`, ens)
-    }
-  }, [ens, setValue, fieldName])
-
-  const walletIsOwner = owner.address === wallet?.address
-
-  return (
-    <Grid
-      container
-      spacing={3}
-      alignItems="center"
-      marginBottom={3}
-      flexWrap={['wrap', undefined, 'nowrap']}
-      className={classNames({ [css.helper]: walletIsOwner })}
-    >
-      <Grid item xs={12} md={readOnly ? 5 : 4}>
-        <FormControl fullWidth>
-          <NameInput
-            data-testid="owner-name"
-            name={`${fieldName}.name`}
-            label="Signer name"
-            InputLabelProps={{ shrink: true }}
-            placeholder={ens || `Signer ${index + 1}`}
-            helperText={walletIsOwner && 'Your connected wallet'}
-            InputProps={{
-              endAdornment: resolving ? (
-                <InputAdornment position="end">
-                  <CircularProgress size={20} />
-                </InputAdornment>
-              ) : null,
-            }}
-          />
-        </FormControl>
-      </Grid>
-      <Grid item xs={11} md={7}>
-        {readOnly ? (
-          <Typography variant="body2" component="div">
-            <EthHashInfo address={owner.address} shortAddress hasExplorer showCopyButton />
-          </Typography>
-        ) : (
-          <FormControl fullWidth>
-            <AddressBookInput name={`${fieldName}.address`} label="Signer" validate={validateSafeAddress} deps={deps} />
-          </FormControl>
-        )}
-      </Grid>
-      {!readOnly && (
-        <Grid item ml={-2} xs={1} alignSelf="stretch" display="flex" alignItems="center" flexShrink={0}>
-          {removable && (
-            <>
-              <IconButton data-testid="remove-owner-btn" onClick={() => remove?.(index)} aria-label="Remove signer">
-                <SvgIcon component={DeleteIcon} inheritViewBox />
-              </IconButton>
-            </>
-          )}
-        </Grid>
-      )}
-    </Grid>
-  )
-}
-
-export default OwnerRow
diff --git a/src/components/new-safe/create/CreateSafeInfos/index.tsx b/src/components/new-safe/create/CreateSafeInfos/index.tsx
deleted file mode 100644
index 1f5211f6d..000000000
--- a/src/components/new-safe/create/CreateSafeInfos/index.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import InfoWidget from '@/components/new-safe/create/InfoWidget'
-import { Grid } from '@mui/material'
-import type { AlertColor } from '@mui/material'
-import { type ReactElement } from 'react'
-
-export type CreateSafeInfoItem = {
-  title: string
-  variant: AlertColor
-  steps: { title: string; text: string | ReactElement }[]
-}
-
-const CreateSafeInfos = ({
-  staticHint,
-  dynamicHint,
-}: {
-  staticHint?: CreateSafeInfoItem
-  dynamicHint?: CreateSafeInfoItem
-}) => {
-  if (!staticHint && !dynamicHint) {
-    return null
-  }
-
-  return (
-    <Grid item xs={12}>
-      <Grid container direction="column" gap={3}>
-        {staticHint && (
-          <Grid item>
-            <InfoWidget title={staticHint.title} variant={staticHint.variant} steps={staticHint.steps} />
-          </Grid>
-        )}
-        {dynamicHint && (
-          <Grid item>
-            <InfoWidget
-              title={dynamicHint.title}
-              variant={dynamicHint.variant}
-              steps={dynamicHint.steps}
-              startExpanded
-            />
-          </Grid>
-        )}
-      </Grid>
-    </Grid>
-  )
-}
-
-export default CreateSafeInfos
diff --git a/src/components/new-safe/create/NetworkWarning/index.tsx b/src/components/new-safe/create/NetworkWarning/index.tsx
deleted file mode 100644
index 1a7aa0156..000000000
--- a/src/components/new-safe/create/NetworkWarning/index.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Alert, AlertTitle, Box } from '@mui/material'
-import { useCurrentChain } from '@/hooks/useChains'
-import ChainSwitcher from '@/components/common/ChainSwitcher'
-
-const NetworkWarning = () => {
-  const chain = useCurrentChain()
-
-  if (!chain) return null
-
-  return (
-    <Alert severity="warning" sx={{ mt: 3 }}>
-      <AlertTitle sx={{ fontWeight: 700 }}>Change your wallet network</AlertTitle>
-      You are trying to create a Safe Account on {chain.chainName}. Make sure that your wallet is set to the same
-      network.
-      <Box mt={2}>
-        <ChainSwitcher />
-      </Box>
-    </Alert>
-  )
-}
-
-export default NetworkWarning
diff --git a/src/components/new-safe/create/OverviewWidget/index.tsx b/src/components/new-safe/create/OverviewWidget/index.tsx
deleted file mode 100644
index 2d0a5f858..000000000
--- a/src/components/new-safe/create/OverviewWidget/index.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import ChainIndicator from '@/components/common/ChainIndicator'
-import WalletOverview from 'src/components/common/WalletOverview'
-import { useCurrentChain } from '@/hooks/useChains'
-import useWallet from '@/hooks/wallets/useWallet'
-import { Card, Grid, Typography } from '@mui/material'
-import type { ReactElement } from 'react'
-import SafeLogo from '@/public/images/logo-no-text.svg'
-
-import css from '@/components/new-safe/create/OverviewWidget/styles.module.css'
-
-const LOGO_DIMENSIONS = '22px'
-
-const OverviewWidget = ({ safeName }: { safeName: string }): ReactElement | null => {
-  const wallet = useWallet()
-  const chain = useCurrentChain()
-  const rows = [
-    ...(wallet ? [{ title: 'Wallet', component: <WalletOverview wallet={wallet} /> }] : []),
-    ...(chain ? [{ title: 'Network', component: <ChainIndicator chainId={chain.chainId} inline /> }] : []),
-    ...(safeName !== '' ? [{ title: 'Name', component: <Typography>{safeName}</Typography> }] : []),
-  ]
-
-  return (
-    <Grid item xs={12}>
-      <Card className={css.card}>
-        <div className={css.header}>
-          <SafeLogo alt="Safe logo" width={LOGO_DIMENSIONS} height={LOGO_DIMENSIONS} />
-          <Typography variant="h4">Your Safe Account preview</Typography>
-        </div>
-        {wallet ? (
-          rows.map((row) => (
-            <div key={row.title} className={css.row}>
-              <Typography variant="body2">{row.title}</Typography>
-              {row.component}
-            </div>
-          ))
-        ) : (
-          <div className={css.row}>
-            <Typography variant="body2" color="border.main" textAlign="center" width={1}>
-              Connect your wallet to continue
-            </Typography>
-          </div>
-        )}
-      </Card>
-    </Grid>
-  )
-}
-
-export default OverviewWidget
diff --git a/src/components/new-safe/create/OverviewWidget/styles.module.css b/src/components/new-safe/create/OverviewWidget/styles.module.css
deleted file mode 100644
index c7e87b7db..000000000
--- a/src/components/new-safe/create/OverviewWidget/styles.module.css
+++ /dev/null
@@ -1,22 +0,0 @@
-.card {
-  border: 1px solid var(--color-border-light);
-  width: 100%;
-}
-
-.header {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  align-items: center;
-  gap: var(--space-2);
-  padding: var(--space-2);
-}
-
-.row {
-  padding: var(--space-2);
-  display: flex;
-  flex-grow: 1;
-  justify-content: space-between;
-  align-items: center;
-  border-top: 1px solid var(--color-border-light);
-}
diff --git a/src/components/new-safe/create/__tests__/useSyncSafeCreationStep.test.ts b/src/components/new-safe/create/__tests__/useSyncSafeCreationStep.test.ts
deleted file mode 100644
index 1c0d1cb8c..000000000
--- a/src/components/new-safe/create/__tests__/useSyncSafeCreationStep.test.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { PayMethod } from '@/features/counterfactual/PayNowPayLater'
-import { PendingSafeStatus } from '@/features/counterfactual/store/undeployedSafesSlice'
-import { renderHook } from '@/tests/test-utils'
-import useSyncSafeCreationStep from '@/components/new-safe/create/useSyncSafeCreationStep'
-import * as wallet from '@/hooks/wallets/useWallet'
-import * as localStorage from '@/services/local-storage/useLocalStorage'
-import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
-import * as useChainId from '@/hooks/useChainId'
-import * as useIsWrongChain from '@/hooks/useIsWrongChain'
-import * as useRouter from 'next/router'
-import { type NextRouter } from 'next/router'
-import { AppRoutes } from '@/config/routes'
-
-describe('useSyncSafeCreationStep', () => {
-  beforeEach(() => {
-    jest.clearAllMocks()
-  })
-
-  it('should go to the first step if no wallet is connected and there is no pending safe', async () => {
-    const mockPushRoute = jest.fn()
-    jest.spyOn(wallet, 'default').mockReturnValue(null)
-    jest.spyOn(useRouter, 'useRouter').mockReturnValue({
-      push: mockPushRoute,
-    } as unknown as NextRouter)
-    const mockSetStep = jest.fn()
-
-    renderHook(() => useSyncSafeCreationStep(mockSetStep))
-
-    expect(mockSetStep).not.toHaveBeenCalled()
-    expect(mockPushRoute).toHaveBeenCalledWith({ pathname: AppRoutes.welcome.index, query: undefined })
-  })
-
-  it('should go to the fourth step if there is a pending safe', async () => {
-    const mockPushRoute = jest.fn()
-    jest.spyOn(localStorage, 'default').mockReturnValue([{}, jest.fn()])
-    jest.spyOn(wallet, 'default').mockReturnValue({ address: '0x1' } as ConnectedWallet)
-    jest.spyOn(useChainId, 'default').mockReturnValue('11155111')
-    jest.spyOn(useRouter, 'useRouter').mockReturnValue({
-      push: mockPushRoute,
-    } as unknown as NextRouter)
-
-    const mockSetStep = jest.fn()
-
-    renderHook(() => useSyncSafeCreationStep(mockSetStep), {
-      initialReduxState: {
-        undeployedSafes: {
-          '11155111': {
-            '0x123': { status: { status: PendingSafeStatus.PROCESSING, type: PayMethod.PayNow }, props: {} as any },
-          },
-        },
-      },
-    })
-
-    expect(mockSetStep).toHaveBeenCalledWith(3)
-
-    expect(mockPushRoute).not.toHaveBeenCalled()
-  })
-
-  it('should go to the second step if the wrong chain is connected', async () => {
-    jest.spyOn(localStorage, 'default').mockReturnValue([{}, jest.fn()])
-    jest.spyOn(wallet, 'default').mockReturnValue({ address: '0x1' } as ConnectedWallet)
-    jest.spyOn(useIsWrongChain, 'default').mockReturnValue(true)
-
-    const mockSetStep = jest.fn()
-
-    renderHook(() => useSyncSafeCreationStep(mockSetStep))
-
-    expect(mockSetStep).toHaveBeenCalledWith(0)
-  })
-
-  it('should not do anything if wallet is connected and there is no pending safe', async () => {
-    jest.spyOn(localStorage, 'default').mockReturnValue([undefined, jest.fn()])
-    jest.spyOn(wallet, 'default').mockReturnValue({ address: '0x1' } as ConnectedWallet)
-    jest.spyOn(useIsWrongChain, 'default').mockReturnValue(false)
-
-    const mockSetStep = jest.fn()
-
-    renderHook(() => useSyncSafeCreationStep(mockSetStep))
-
-    expect(mockSetStep).not.toHaveBeenCalled()
-  })
-})
diff --git a/src/components/new-safe/create/index.tsx b/src/components/new-safe/create/index.tsx
deleted file mode 100644
index 8f738c082..000000000
--- a/src/components/new-safe/create/index.tsx
+++ /dev/null
@@ -1,195 +0,0 @@
-import { Container, Typography, Grid } from '@mui/material'
-import { useRouter } from 'next/router'
-
-import useWallet from '@/hooks/wallets/useWallet'
-import OverviewWidget from '@/components/new-safe/create/OverviewWidget'
-import type { NamedAddress } from '@/components/new-safe/create/types'
-import type { TxStepperProps } from '@/components/new-safe/CardStepper/useCardStepper'
-import SetNameStep from '@/components/new-safe/create/steps/SetNameStep'
-import OwnerPolicyStep from '@/components/new-safe/create/steps/OwnerPolicyStep'
-import ReviewStep from '@/components/new-safe/create/steps/ReviewStep'
-import { CreateSafeStatus } from '@/components/new-safe/create/steps/StatusStep'
-import { CardStepper } from '@/components/new-safe/CardStepper'
-import { AppRoutes } from '@/config/routes'
-import { CREATE_SAFE_CATEGORY } from '@/services/analytics'
-import type { AlertColor } from '@mui/material'
-import type { CreateSafeInfoItem } from '@/components/new-safe/create/CreateSafeInfos'
-import CreateSafeInfos from '@/components/new-safe/create/CreateSafeInfos'
-import { type ReactElement, useMemo, useState } from 'react'
-import ExternalLink from '@/components/common/ExternalLink'
-import { HelpCenterArticle } from '@/config/constants'
-
-export type NewSafeFormData = {
-  name: string
-  threshold: number
-  owners: NamedAddress[]
-  saltNonce: number
-  safeAddress?: string
-  willRelay?: boolean
-}
-
-const staticHints: Record<
-  number,
-  { title: string; variant: AlertColor; steps: { title: string; text: string | ReactElement }[] }
-> = {
-  1: {
-    title: 'Safe Account creation',
-    variant: 'info',
-    steps: [
-      {
-        title: 'Network fee',
-        text: 'Deploying your Safe Account requires the payment of the associated network fee with your connected wallet. An estimation will be provided in the last step.',
-      },
-      {
-        title: 'Address book privacy',
-        text: 'The name of your Safe Account will be stored in a local address book on your device and can be changed at a later stage. It will not be shared with us or any third party.',
-      },
-    ],
-  },
-  2: {
-    title: 'Safe Account creation',
-    variant: 'info',
-    steps: [
-      {
-        title: 'Flat hierarchy',
-        text: 'Every signer has the same rights within the Safe Account and can propose, sign and execute transactions that have the required confirmations.',
-      },
-      {
-        title: 'Managing Signers',
-        text: 'You can always change the number of signers and required confirmations in your Safe Account after creation.',
-      },
-      {
-        title: 'Safe Account setup',
-        text: (
-          <>
-            Not sure how many signers and confirmations you need for your Safe Account?
-            <br />
-            <ExternalLink href={HelpCenterArticle.SAFE_SETUP} fontWeight="bold">
-              Learn more about setting up your Safe Account.
-            </ExternalLink>
-          </>
-        ),
-      },
-    ],
-  },
-  3: {
-    title: 'Safe Account creation',
-    variant: 'info',
-    steps: [
-      {
-        title: 'Wait for the creation',
-        text: 'Depending on network usage, it can take some time until the transaction is successfully added to the blockchain and picked up by our services.',
-      },
-    ],
-  },
-  4: {
-    title: 'Safe Account usage',
-    variant: 'success',
-    steps: [
-      {
-        title: 'Connect your Safe Account',
-        text: 'In our Safe Apps section you can connect your Safe Account to over 70 dApps directly or via Wallet Connect to interact with any application.',
-      },
-    ],
-  },
-}
-
-const CreateSafe = () => {
-  const router = useRouter()
-  const wallet = useWallet()
-
-  const [safeName, setSafeName] = useState('')
-  const [dynamicHint, setDynamicHint] = useState<CreateSafeInfoItem>()
-  const [activeStep, setActiveStep] = useState(0)
-
-  const CreateSafeSteps: TxStepperProps<NewSafeFormData>['steps'] = [
-    {
-      title: 'Select network and name of your Safe Account',
-      subtitle: 'Select the network on which to create your Safe Account',
-      render: (data, onSubmit, onBack, setStep) => (
-        <SetNameStep setSafeName={setSafeName} data={data} onSubmit={onSubmit} onBack={onBack} setStep={setStep} />
-      ),
-    },
-    {
-      title: 'Signers and confirmations',
-      subtitle:
-        'Set the signer wallets of your Safe Account and how many need to confirm to execute a valid transaction.',
-      render: (data, onSubmit, onBack, setStep) => (
-        <OwnerPolicyStep
-          setDynamicHint={setDynamicHint}
-          data={data}
-          onSubmit={onSubmit}
-          onBack={onBack}
-          setStep={setStep}
-        />
-      ),
-    },
-    {
-      title: 'Review',
-      subtitle:
-        "You're about to create a new Safe Account and will have to confirm the transaction with your connected wallet.",
-      render: (data, onSubmit, onBack, setStep) => (
-        <ReviewStep data={data} onSubmit={onSubmit} onBack={onBack} setStep={setStep} />
-      ),
-    },
-    {
-      title: '',
-      subtitle: '',
-      render: (data, onSubmit, onBack, setStep, setProgressColor, setStepData) => (
-        <CreateSafeStatus
-          data={data}
-          onSubmit={onSubmit}
-          onBack={onBack}
-          setStep={setStep}
-          setProgressColor={setProgressColor}
-          setStepData={setStepData}
-        />
-      ),
-    },
-  ]
-
-  const staticHint = useMemo(() => staticHints[activeStep], [activeStep])
-
-  const initialStep = 0
-  const initialData: NewSafeFormData = {
-    name: '',
-    owners: [],
-    threshold: 1,
-    saltNonce: Date.now(),
-  }
-
-  const onClose = () => {
-    router.push(AppRoutes.welcome.index)
-  }
-
-  return (
-    <Container>
-      <Grid container columnSpacing={3} justifyContent="center" mt={[2, null, 7]}>
-        <Grid item xs={12}>
-          <Typography variant="h2" pb={2}>
-            Create new Safe Account
-          </Typography>
-        </Grid>
-        <Grid item xs={12} md={8} order={[1, null, 0]}>
-          <CardStepper
-            initialData={initialData}
-            initialStep={initialStep}
-            onClose={onClose}
-            steps={CreateSafeSteps}
-            eventCategory={CREATE_SAFE_CATEGORY}
-            setWidgetStep={setActiveStep}
-          />
-        </Grid>
-
-        <Grid item xs={12} md={4} mb={[3, null, 0]} order={[0, null, 1]}>
-          <Grid container spacing={3}>
-            {activeStep < 2 && <OverviewWidget safeName={safeName} />}
-            {wallet?.address && <CreateSafeInfos staticHint={staticHint} dynamicHint={dynamicHint} />}
-          </Grid>
-        </Grid>
-      </Grid>
-    </Container>
-  )
-}
-
-export default CreateSafe
diff --git a/src/components/new-safe/create/logic/address-book.ts b/src/components/new-safe/create/logic/address-book.ts
deleted file mode 100644
index e803e07aa..000000000
--- a/src/components/new-safe/create/logic/address-book.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import type { AppThunk } from '@/store'
-import { addOrUpdateSafe } from '@/store/addedSafesSlice'
-import { upsertAddressBookEntry } from '@/store/addressBookSlice'
-import { defaultSafeInfo } from '@/store/safeInfoSlice'
-import type { NamedAddress } from '@/components/new-safe/create/types'
-
-export const updateAddressBook = (
-  chainId: string,
-  address: string,
-  name: string,
-  owners: NamedAddress[],
-  threshold: number,
-): AppThunk => {
-  return (dispatch) => {
-    dispatch(
-      upsertAddressBookEntry({
-        chainId,
-        address,
-        name,
-      }),
-    )
-
-    owners.forEach((owner) => {
-      const entryName = owner.name || owner.ens
-      if (entryName) {
-        dispatch(upsertAddressBookEntry({ chainId, address: owner.address, name: entryName }))
-      }
-    })
-
-    dispatch(
-      addOrUpdateSafe({
-        safe: {
-          ...defaultSafeInfo,
-          address: { value: address, name },
-          threshold,
-          owners: owners.map((owner) => ({
-            value: owner.address,
-            name: owner.name || owner.ens,
-          })),
-          chainId,
-          nonce: 0,
-        },
-      }),
-    )
-  }
-}
diff --git a/src/components/new-safe/create/logic/index.test.ts b/src/components/new-safe/create/logic/index.test.ts
deleted file mode 100644
index 6457eca09..000000000
--- a/src/components/new-safe/create/logic/index.test.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-import { JsonRpcProvider } from 'ethers'
-import { EMPTY_DATA, ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-import * as web3 from '@/hooks/wallets/web3'
-import { relaySafeCreation } from '@/components/new-safe/create/logic/index'
-import { relayTransaction, type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { toBeHex } from 'ethers'
-import {
-  Gnosis_safe__factory,
-  Proxy_factory__factory,
-} from '@/types/contracts/factories/@safe-global/safe-deployments/dist/assets/v1.3.0'
-import {
-  getReadOnlyFallbackHandlerContract,
-  getReadOnlyGnosisSafeContract,
-  getReadOnlyProxyFactoryContract,
-} from '@/services/contracts/safeContracts'
-import { LATEST_SAFE_VERSION } from '@/config/constants'
-import * as gateway from '@safe-global/safe-gateway-typescript-sdk'
-
-const provider = new JsonRpcProvider(undefined, { name: 'rinkeby', chainId: 4 })
-
-const mockTransaction = {
-  data: EMPTY_DATA,
-  nonce: 1,
-  from: '0x10',
-  to: '0x11',
-  value: BigInt(0),
-}
-
-const mockPendingTx = {
-  data: EMPTY_DATA,
-  from: ZERO_ADDRESS,
-  to: ZERO_ADDRESS,
-  nonce: 0,
-  startBlock: 0,
-  value: BigInt(0),
-}
-
-jest.mock('@safe-global/protocol-kit', () => {
-  const originalModule = jest.requireActual('@safe-global/protocol-kit')
-
-  // Mock class
-  class MockEthersAdapter extends originalModule.EthersAdapter {
-    getChainId = jest.fn().mockImplementation(() => Promise.resolve(BigInt(4)))
-  }
-
-  return {
-    ...originalModule,
-    EthersAdapter: MockEthersAdapter,
-  }
-})
-
-describe('createNewSafeViaRelayer', () => {
-  const owner1 = toBeHex('0x1', 20)
-  const owner2 = toBeHex('0x2', 20)
-
-  const mockChainInfo = {
-    chainId: '5',
-    l2: false,
-  } as ChainInfo
-
-  beforeAll(() => {
-    jest.resetAllMocks()
-    jest.spyOn(web3, 'getWeb3ReadOnly').mockImplementation(() => provider)
-  })
-
-  it('returns taskId if create Safe successfully relayed', async () => {
-    jest.spyOn(gateway, 'relayTransaction').mockResolvedValue({ taskId: '0x123' })
-
-    const expectedSaltNonce = 69
-    const expectedThreshold = 1
-    const proxyFactoryAddress = await (await getReadOnlyProxyFactoryContract('5', LATEST_SAFE_VERSION)).getAddress()
-    const readOnlyFallbackHandlerContract = await getReadOnlyFallbackHandlerContract('5', LATEST_SAFE_VERSION)
-    const safeContractAddress = await (await getReadOnlyGnosisSafeContract(mockChainInfo)).getAddress()
-
-    const expectedInitializer = Gnosis_safe__factory.createInterface().encodeFunctionData('setup', [
-      [owner1, owner2],
-      expectedThreshold,
-      ZERO_ADDRESS,
-      EMPTY_DATA,
-      await readOnlyFallbackHandlerContract.getAddress(),
-      ZERO_ADDRESS,
-      0,
-      ZERO_ADDRESS,
-    ])
-
-    const expectedCallData = Proxy_factory__factory.createInterface().encodeFunctionData('createProxyWithNonce', [
-      safeContractAddress,
-      expectedInitializer,
-      expectedSaltNonce,
-    ])
-
-    const taskId = await relaySafeCreation(mockChainInfo, [owner1, owner2], expectedThreshold, expectedSaltNonce)
-
-    expect(taskId).toEqual('0x123')
-    expect(relayTransaction).toHaveBeenCalledTimes(1)
-    expect(relayTransaction).toHaveBeenCalledWith('5', {
-      to: proxyFactoryAddress,
-      data: expectedCallData,
-      version: LATEST_SAFE_VERSION,
-    })
-  })
-
-  it('should throw an error if relaying fails', () => {
-    const relayFailedError = new Error('Relay failed')
-    jest.spyOn(gateway, 'relayTransaction').mockRejectedValue(relayFailedError)
-
-    expect(relaySafeCreation(mockChainInfo, [owner1, owner2], 1, 69)).rejects.toEqual(relayFailedError)
-  })
-})
diff --git a/src/components/new-safe/create/logic/index.ts b/src/components/new-safe/create/logic/index.ts
deleted file mode 100644
index 9c15781a5..000000000
--- a/src/components/new-safe/create/logic/index.ts
+++ /dev/null
@@ -1,221 +0,0 @@
-import type { SafeVersion } from '@safe-global/safe-core-sdk-types'
-import { type BrowserProvider, type Provider } from 'ethers'
-
-import { getSafeInfo, type SafeInfo, type ChainInfo, relayTransaction } from '@safe-global/safe-gateway-typescript-sdk'
-import {
-  getReadOnlyFallbackHandlerContract,
-  getReadOnlyGnosisSafeContract,
-  getReadOnlyProxyFactoryContract,
-} from '@/services/contracts/safeContracts'
-import type { UrlObject } from 'url'
-import { AppRoutes } from '@/config/routes'
-import { SAFE_APPS_EVENTS, trackEvent } from '@/services/analytics'
-import { predictSafeAddress, SafeFactory } from '@safe-global/protocol-kit'
-import type Safe from '@safe-global/protocol-kit'
-import type { DeploySafeProps } from '@safe-global/protocol-kit'
-import { createEthersAdapter, isValidSafeVersion } from '@/hooks/coreSDK/safeCoreSDK'
-
-import { backOff } from 'exponential-backoff'
-import { LATEST_SAFE_VERSION } from '@/config/constants'
-import { EMPTY_DATA, ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-// import { sponsoredCall } from '@/services/tx/relaying'
-import { checksumAddress } from '@/utils/addresses'
-
-export type SafeCreationProps = {
-  owners: string[]
-  threshold: number
-  saltNonce: number
-}
-
-const getSafeFactory = async (
-  ethersProvider: BrowserProvider,
-  safeVersion = LATEST_SAFE_VERSION,
-): Promise<SafeFactory> => {
-  if (!isValidSafeVersion(safeVersion)) {
-    throw new Error('Invalid Safe version')
-  }
-  const ethAdapter = await createEthersAdapter(ethersProvider)
-  const safeFactory = await SafeFactory.create({ ethAdapter, safeVersion })
-  return safeFactory
-}
-
-/**
- * Create a Safe creation transaction via Core SDK and submits it to the wallet
- */
-export const createNewSafe = async (
-  ethersProvider: BrowserProvider,
-  props: DeploySafeProps,
-  safeVersion?: SafeVersion,
-): Promise<Safe> => {
-  const safeFactory = await getSafeFactory(ethersProvider, safeVersion)
-  return safeFactory.deploySafe(props)
-}
-
-/**
- * Compute the new counterfactual Safe address before it is actually created
- */
-export const computeNewSafeAddress = async (
-  ethersProvider: BrowserProvider,
-  props: DeploySafeProps,
-  chainId: string,
-): Promise<string> => {
-  const ethAdapter = await createEthersAdapter(ethersProvider)
-
-  return predictSafeAddress({
-    ethAdapter,
-    chainId: BigInt(chainId),
-    safeAccountConfig: props.safeAccountConfig,
-    safeDeploymentConfig: {
-      saltNonce: props.saltNonce,
-      safeVersion: LATEST_SAFE_VERSION as SafeVersion,
-    },
-  })
-}
-
-/**
- * Encode a Safe creation transaction NOT using the Core SDK because it doesn't support that
- * This is used for gas estimation.
- */
-export const encodeSafeCreationTx = async ({
-  owners,
-  threshold,
-  saltNonce,
-  chain,
-}: SafeCreationProps & { chain: ChainInfo }) => {
-  const readOnlySafeContract = await getReadOnlyGnosisSafeContract(chain, LATEST_SAFE_VERSION)
-  const readOnlyProxyContract = await getReadOnlyProxyFactoryContract(chain.chainId, LATEST_SAFE_VERSION)
-  const readOnlyFallbackHandlerContract = await getReadOnlyFallbackHandlerContract(chain.chainId, LATEST_SAFE_VERSION)
-
-  const setupData = readOnlySafeContract.encode('setup', [
-    owners,
-    threshold,
-    ZERO_ADDRESS,
-    EMPTY_DATA,
-    await readOnlyFallbackHandlerContract.getAddress(),
-    ZERO_ADDRESS,
-    '0',
-    ZERO_ADDRESS,
-  ])
-
-  return readOnlyProxyContract.encode('createProxyWithNonce', [
-    await readOnlySafeContract.getAddress(),
-    setupData,
-    saltNonce,
-  ])
-}
-
-export const estimateSafeCreationGas = async (
-  chain: ChainInfo,
-  provider: Provider,
-  from: string,
-  safeParams: SafeCreationProps,
-): Promise<bigint> => {
-  const readOnlyProxyFactoryContract = await getReadOnlyProxyFactoryContract(chain.chainId, LATEST_SAFE_VERSION)
-  const encodedSafeCreationTx = await encodeSafeCreationTx({ ...safeParams, chain })
-
-  const gas = await provider.estimateGas({
-    from,
-    to: await readOnlyProxyFactoryContract.getAddress(),
-    data: encodedSafeCreationTx,
-  })
-
-  return gas
-}
-
-export const pollSafeInfo = async (chainId: string, safeAddress: string): Promise<SafeInfo> => {
-  // exponential delay between attempts for around 4 min
-  return backOff(() => getSafeInfo(chainId, checksumAddress(safeAddress)), {
-    startingDelay: 750,
-    maxDelay: 20000,
-    numOfAttempts: 19,
-    retry: (e) => {
-      console.info('waiting for client-gateway to provide safe information', e)
-      return true
-    },
-  })
-}
-
-export const getRedirect = (
-  chainPrefix: string,
-  safeAddress: string,
-  redirectQuery?: string | string[],
-): UrlObject | string => {
-  const redirectUrl = Array.isArray(redirectQuery) ? redirectQuery[0] : redirectQuery
-  const address = `${chainPrefix}:${safeAddress}`
-
-  // Should never happen in practice
-  if (!chainPrefix) return AppRoutes.index
-
-  // Go to the dashboard if no specific redirect is provided
-  if (!redirectUrl) {
-    return { pathname: AppRoutes.home, query: { safe: address } }
-  }
-
-  // Otherwise, redirect to the provided URL (e.g. from a Safe App)
-
-  // Track the redirect to Safe App
-  // TODO: Narrow this down to /apps only
-  if (redirectUrl.includes('apps')) {
-    trackEvent(SAFE_APPS_EVENTS.SHARED_APP_OPEN_AFTER_SAFE_CREATION)
-  }
-
-  // We're prepending the safe address directly here because the `router.push` doesn't parse
-  // The URL for already existing query params
-  // TODO: Check if we can accomplish this with URLSearchParams or URL instead
-  const hasQueryParams = redirectUrl.includes('?')
-  const appendChar = hasQueryParams ? '&' : '?'
-  return redirectUrl + `${appendChar}safe=${address}`
-}
-
-export const relaySafeCreation = async (
-  chain: ChainInfo,
-  owners: string[],
-  threshold: number,
-  saltNonce: number,
-  version?: SafeVersion,
-) => {
-  const safeVersion = version ?? LATEST_SAFE_VERSION
-
-  const readOnlyProxyFactoryContract = await getReadOnlyProxyFactoryContract(chain.chainId, safeVersion)
-  const proxyFactoryAddress = await readOnlyProxyFactoryContract.getAddress()
-  const readOnlyFallbackHandlerContract = await getReadOnlyFallbackHandlerContract(chain.chainId, safeVersion)
-  const fallbackHandlerAddress = await readOnlyFallbackHandlerContract.getAddress()
-  const readOnlySafeContract = await getReadOnlyGnosisSafeContract(chain)
-  const safeContractAddress = await readOnlySafeContract.getAddress()
-
-  const callData = {
-    owners,
-    threshold,
-    to: ZERO_ADDRESS,
-    data: EMPTY_DATA,
-    fallbackHandler: fallbackHandlerAddress,
-    paymentToken: ZERO_ADDRESS,
-    payment: 0,
-    paymentReceiver: ZERO_ADDRESS,
-  }
-
-  const initializer = readOnlySafeContract.encode('setup', [
-    callData.owners,
-    callData.threshold,
-    callData.to,
-    callData.data,
-    callData.fallbackHandler,
-    callData.paymentToken,
-    callData.payment,
-    callData.paymentReceiver,
-  ])
-
-  const createProxyWithNonceCallData = readOnlyProxyFactoryContract.encode('createProxyWithNonce', [
-    safeContractAddress,
-    initializer,
-    saltNonce,
-  ])
-
-  const relayResponse = await relayTransaction(chain.chainId, {
-    to: proxyFactoryAddress,
-    data: createProxyWithNonceCallData,
-    version: safeVersion,
-  })
-
-  return relayResponse.taskId
-}
diff --git a/src/components/new-safe/create/logic/utils.test.ts b/src/components/new-safe/create/logic/utils.test.ts
deleted file mode 100644
index 91b5c4c54..000000000
--- a/src/components/new-safe/create/logic/utils.test.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import * as creationUtils from '@/components/new-safe/create/logic/index'
-import { getAvailableSaltNonce } from '@/components/new-safe/create/logic/utils'
-import * as web3Utils from '@/hooks/wallets/web3'
-import { faker } from '@faker-js/faker'
-import type { DeploySafeProps } from '@safe-global/protocol-kit'
-import { BrowserProvider } from 'ethers'
-import { MockEip1193Provider } from '@/tests/mocks/providers'
-
-describe('getAvailableSaltNonce', () => {
-  jest.spyOn(creationUtils, 'computeNewSafeAddress').mockReturnValue(Promise.resolve(faker.finance.ethereumAddress()))
-
-  let mockProvider: BrowserProvider
-  let mockDeployProps: DeploySafeProps
-
-  beforeAll(() => {
-    mockProvider = new BrowserProvider(MockEip1193Provider)
-    mockDeployProps = {
-      safeAccountConfig: {
-        threshold: 1,
-        owners: [faker.finance.ethereumAddress()],
-        fallbackHandler: faker.finance.ethereumAddress(),
-      },
-    }
-  })
-
-  beforeEach(() => {
-    jest.clearAllMocks()
-  })
-
-  it('should return initial nonce if no contract is deployed to the computed address', async () => {
-    jest.spyOn(web3Utils, 'isSmartContract').mockReturnValue(Promise.resolve(false))
-    const initialNonce = faker.string.numeric()
-    const mockChainId = faker.string.numeric()
-
-    const result = await getAvailableSaltNonce(
-      mockProvider,
-      { ...mockDeployProps, saltNonce: initialNonce },
-      mockChainId,
-    )
-
-    expect(result).toEqual(initialNonce)
-  })
-
-  it('should return an increased nonce if a contract is deployed to the computed address', async () => {
-    jest.spyOn(web3Utils, 'isSmartContract').mockReturnValueOnce(Promise.resolve(true))
-    const initialNonce = faker.string.numeric()
-    const mockChainId = faker.string.numeric()
-
-    const result = await getAvailableSaltNonce(
-      mockProvider,
-      { ...mockDeployProps, saltNonce: initialNonce },
-      mockChainId,
-    )
-
-    jest.spyOn(web3Utils, 'isSmartContract').mockReturnValueOnce(Promise.resolve(false))
-
-    const increasedNonce = (Number(initialNonce) + 1).toString()
-
-    expect(result).toEqual(increasedNonce)
-  })
-})
diff --git a/src/components/new-safe/create/logic/utils.ts b/src/components/new-safe/create/logic/utils.ts
deleted file mode 100644
index 5d616c2d1..000000000
--- a/src/components/new-safe/create/logic/utils.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { computeNewSafeAddress } from '@/components/new-safe/create/logic/index'
-import { isSmartContract } from '@/hooks/wallets/web3'
-import type { DeploySafeProps } from '@safe-global/protocol-kit'
-import type { BrowserProvider } from 'ethers'
-
-export const getAvailableSaltNonce = async (
-  provider: BrowserProvider,
-  props: DeploySafeProps,
-  chainId: string,
-): Promise<string> => {
-  const safeAddress = await computeNewSafeAddress(provider, props, chainId)
-  const isContractDeployed = await isSmartContract(provider, safeAddress)
-
-  // Safe is already deployed so we try the next saltNonce
-  if (isContractDeployed) {
-    return getAvailableSaltNonce(provider, { ...props, saltNonce: (Number(props.saltNonce) + 1).toString() }, chainId)
-  }
-
-  // We know that there will be a saltNonce but the type has it as optional
-  return props.saltNonce!
-}
diff --git a/src/components/new-safe/create/steps/OwnerPolicyStep/index.tsx b/src/components/new-safe/create/steps/OwnerPolicyStep/index.tsx
deleted file mode 100644
index cdedec2bd..000000000
--- a/src/components/new-safe/create/steps/OwnerPolicyStep/index.tsx
+++ /dev/null
@@ -1,185 +0,0 @@
-import CounterfactualHint from '@/features/counterfactual/CounterfactualHint'
-import useAddressBook from '@/hooks/useAddressBook'
-import useWallet from '@/hooks/wallets/useWallet'
-import { Button, SvgIcon, MenuItem, Tooltip, Typography, Divider, Box, Grid, TextField } from '@mui/material'
-import { Controller, FormProvider, useFieldArray, useForm } from 'react-hook-form'
-import type { ReactElement } from 'react'
-
-import AddIcon from '@/public/images/common/add.svg'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import type { NamedAddress } from '@/components/new-safe/create/types'
-import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
-import type { NewSafeFormData } from '@/components/new-safe/create'
-import type { CreateSafeInfoItem } from '@/components/new-safe/create/CreateSafeInfos'
-import { useSafeSetupHints } from '@/components/new-safe/create/steps/OwnerPolicyStep/useSafeSetupHints'
-import useSyncSafeCreationStep from '@/components/new-safe/create/useSyncSafeCreationStep'
-import ArrowBackIcon from '@mui/icons-material/ArrowBack'
-import layoutCss from '@/components/new-safe/create/styles.module.css'
-import { CREATE_SAFE_EVENTS, trackEvent } from '@/services/analytics'
-import OwnerRow from '@/components/new-safe/OwnerRow'
-
-enum OwnerPolicyStepFields {
-  owners = 'owners',
-  threshold = 'threshold',
-}
-
-export type OwnerPolicyStepForm = {
-  [OwnerPolicyStepFields.owners]: NamedAddress[]
-  [OwnerPolicyStepFields.threshold]: number
-}
-
-const OWNER_POLICY_STEP_FORM_ID = 'create-safe-owner-policy-step-form'
-
-const OwnerPolicyStep = ({
-  onSubmit,
-  onBack,
-  data,
-  setStep,
-  setDynamicHint,
-}: StepRenderProps<NewSafeFormData> & {
-  setDynamicHint: (hints: CreateSafeInfoItem | undefined) => void
-}): ReactElement => {
-  const wallet = useWallet()
-  const addressBook = useAddressBook()
-  const defaultOwnerAddressBookName = wallet?.address ? addressBook[wallet.address] : undefined
-  const defaultOwner: NamedAddress = {
-    name: defaultOwnerAddressBookName || wallet?.ens || '',
-    address: wallet?.address || '',
-  }
-  useSyncSafeCreationStep(setStep)
-
-  const formMethods = useForm<OwnerPolicyStepForm>({
-    mode: 'onChange',
-    defaultValues: {
-      [OwnerPolicyStepFields.owners]: data.owners.length > 0 ? data.owners : [defaultOwner],
-      [OwnerPolicyStepFields.threshold]: data.threshold,
-    },
-  })
-
-  const { handleSubmit, control, watch, formState, getValues, setValue, trigger } = formMethods
-
-  const threshold = watch(OwnerPolicyStepFields.threshold)
-
-  const {
-    fields: ownerFields,
-    append: appendOwner,
-    remove,
-  } = useFieldArray({ control, name: OwnerPolicyStepFields.owners })
-
-  const removeOwner = (index: number): void => {
-    // Set threshold if it's greater than the number of owners
-    setValue(OwnerPolicyStepFields.threshold, Math.min(threshold, ownerFields.length - 1))
-    remove(index)
-    trigger(OwnerPolicyStepFields.owners)
-  }
-
-  const isDisabled = !formState.isValid
-
-  useSafeSetupHints(threshold, ownerFields.length, setDynamicHint)
-
-  const handleBack = () => {
-    const formData = getValues()
-    onBack(formData)
-  }
-
-  const onFormSubmit = handleSubmit((data) => {
-    onSubmit(data)
-
-    trackEvent({
-      ...CREATE_SAFE_EVENTS.OWNERS,
-      label: data.owners.length,
-    })
-
-    trackEvent({
-      ...CREATE_SAFE_EVENTS.THRESHOLD,
-      label: data.threshold,
-    })
-  })
-
-  return (
-    <form data-testid="owner-policy-step-form" onSubmit={onFormSubmit} id={OWNER_POLICY_STEP_FORM_ID}>
-      <FormProvider {...formMethods}>
-        <Box className={layoutCss.row}>
-          {ownerFields.map((field, i) => (
-            <OwnerRow
-              key={field.id}
-              index={i}
-              removable={i > 0}
-              groupName={OwnerPolicyStepFields.owners}
-              remove={removeOwner}
-            />
-          ))}
-          <Button
-            data-testid="add-owner-btn"
-            variant="text"
-            onClick={() => appendOwner({ name: '', address: '' }, { shouldFocus: true })}
-            startIcon={<SvgIcon component={AddIcon} inheritViewBox fontSize="small" />}
-            size="large"
-          >
-            Add new signer
-          </Button>
-        </Box>
-
-        <Divider />
-        <Box className={layoutCss.row}>
-          <Typography variant="h4" fontWeight={700} display="inline-flex" alignItems="center" gap={1}>
-            Threshold
-            <Tooltip
-              title="The threshold of a Safe Account specifies how many signers need to confirm a Safe Account transaction before it can be executed."
-              arrow
-              placement="top"
-            >
-              <span style={{ display: 'flex' }}>
-                <SvgIcon component={InfoIcon} inheritViewBox color="border" fontSize="small" />
-              </span>
-            </Tooltip>
-          </Typography>
-          <Typography variant="body2" mb={2}>
-            Any transaction requires the confirmation of:
-          </Typography>
-          <Grid container direction="row" alignItems="center" gap={2} pt={1}>
-            <Grid item>
-              <Controller
-                control={control}
-                name="threshold"
-                render={({ field }) => (
-                  <TextField select {...field}>
-                    {ownerFields.map((_, idx) => (
-                      <MenuItem key={idx + 1} value={idx + 1}>
-                        {idx + 1}
-                      </MenuItem>
-                    ))}
-                  </TextField>
-                )}
-              />
-            </Grid>
-            <Grid item>
-              <Typography>out of {ownerFields.length} signer(s)</Typography>
-            </Grid>
-          </Grid>
-
-          {ownerFields.length > 1 && <CounterfactualHint />}
-        </Box>
-        <Divider />
-        <Box className={layoutCss.row}>
-          <Box display="flex" flexDirection="row" justifyContent="space-between" gap={3}>
-            <Button
-              data-testid="back-btn"
-              variant="outlined"
-              size="small"
-              onClick={handleBack}
-              startIcon={<ArrowBackIcon fontSize="small" />}
-            >
-              Back
-            </Button>
-            <Button data-testid="next-btn" type="submit" variant="contained" size="stretched" disabled={isDisabled}>
-              Next
-            </Button>
-          </Box>
-        </Box>
-      </FormProvider>
-    </form>
-  )
-}
-
-export default OwnerPolicyStep
diff --git a/src/components/new-safe/create/steps/OwnerPolicyStep/useSafeSetupHints.ts b/src/components/new-safe/create/steps/OwnerPolicyStep/useSafeSetupHints.ts
deleted file mode 100644
index ec431b533..000000000
--- a/src/components/new-safe/create/steps/OwnerPolicyStep/useSafeSetupHints.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { useEffect } from 'react'
-import type { CreateSafeInfoItem } from '@/components/new-safe/create/CreateSafeInfos'
-
-export const useSafeSetupHints = (
-  threshold: number,
-  noOwners: number,
-  setHint: (hint: CreateSafeInfoItem | undefined) => void,
-) => {
-  useEffect(() => {
-    const safeSetupWarningSteps: { title: string; text: string }[] = []
-
-    // 1/n warning
-    if (threshold === 1) {
-      safeSetupWarningSteps.push({
-        title: `1/${noOwners} policy`,
-        text: 'Use a threshold higher than one to prevent losing access to your Safe Account in case a signer key is lost or compromised.',
-      })
-    }
-
-    // n/n warning
-    if (threshold === noOwners && noOwners > 1) {
-      safeSetupWarningSteps.push({
-        title: `${noOwners}/${noOwners} policy`,
-        text: 'Use a threshold which is lower than the total number of signers of your Safe Account in case a signer loses access to their account and needs to be replaced.',
-      })
-    }
-
-    setHint({ title: 'Safe Account setup', variant: 'info', steps: safeSetupWarningSteps })
-
-    // Clear dynamic hints when the step / hook unmounts
-    return () => {
-      setHint(undefined)
-    }
-  }, [threshold, noOwners, setHint])
-}
diff --git a/src/components/new-safe/create/steps/ReviewStep/index.test.tsx b/src/components/new-safe/create/steps/ReviewStep/index.test.tsx
deleted file mode 100644
index 9ab659c24..000000000
--- a/src/components/new-safe/create/steps/ReviewStep/index.test.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-import type { NewSafeFormData } from '@/components/new-safe/create'
-import * as useChains from '@/hooks/useChains'
-import * as relay from '@/utils/relaying'
-import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-
-import { render } from '@/tests/test-utils'
-import ReviewStep, { NetworkFee } from '@/components/new-safe/create/steps/ReviewStep/index'
-import * as useWallet from '@/hooks/wallets/useWallet'
-import { type ConnectedWallet } from '@/hooks/wallets/useOnboard'
-import { act, fireEvent, screen } from '@testing-library/react'
-
-const mockChainInfo = {
-  chainId: '100',
-  chainName: 'Gnosis Chain',
-  l2: false,
-  nativeCurrency: {
-    symbol: 'ETH',
-  },
-} as ChainInfo
-
-describe('NetworkFee', () => {
-  it('should display the total fee', () => {
-    jest.spyOn(useWallet, 'default').mockReturnValue({ label: 'MetaMask' } as unknown as ConnectedWallet)
-    const mockTotalFee = '0.0123'
-    const result = render(<NetworkFee totalFee={mockTotalFee} chain={mockChainInfo} willRelay={true} />)
-
-    expect(result.getByText(`≈ ${mockTotalFee} ${mockChainInfo.nativeCurrency.symbol}`)).toBeInTheDocument()
-  })
-})
-
-describe('ReviewStep', () => {
-  beforeEach(() => {
-    jest.clearAllMocks()
-  })
-
-  it('should display a pay now pay later option for counterfactual safe setups', () => {
-    const mockData: NewSafeFormData = {
-      name: 'Test',
-      threshold: 1,
-      owners: [{ name: '', address: '0x1' }],
-      saltNonce: 0,
-    }
-    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
-
-    const { getByText } = render(
-      <ReviewStep data={mockData} onSubmit={jest.fn()} onBack={jest.fn()} setStep={jest.fn()} />,
-    )
-
-    expect(getByText('Pay now')).toBeInTheDocument()
-  })
-
-  it('should display a pay later option as selected by default for counterfactual safe setups', () => {
-    const mockData: NewSafeFormData = {
-      name: 'Test',
-      threshold: 1,
-      owners: [{ name: '', address: '0x1' }],
-      saltNonce: 0,
-    }
-    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
-
-    render(<ReviewStep data={mockData} onSubmit={jest.fn()} onBack={jest.fn()} setStep={jest.fn()} />)
-
-    const payLaterOption = screen.getByRole('radio', { name: /Pay later/i })
-    expect(payLaterOption).toBeChecked()
-  })
-
-  it('should not display the network fee for counterfactual safes', () => {
-    const mockData: NewSafeFormData = {
-      name: 'Test',
-      threshold: 1,
-      owners: [{ name: '', address: '0x1' }],
-      saltNonce: 0,
-    }
-    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
-
-    const { queryByText } = render(
-      <ReviewStep data={mockData} onSubmit={jest.fn()} onBack={jest.fn()} setStep={jest.fn()} />,
-    )
-
-    expect(queryByText('You will have to confirm a transaction and pay an estimated fee')).not.toBeInTheDocument()
-  })
-
-  it('should not display the execution method for counterfactual safes', () => {
-    const mockData: NewSafeFormData = {
-      name: 'Test',
-      threshold: 1,
-      owners: [{ name: '', address: '0x1' }],
-      saltNonce: 0,
-    }
-    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
-
-    const { queryByText } = render(
-      <ReviewStep data={mockData} onSubmit={jest.fn()} onBack={jest.fn()} setStep={jest.fn()} />,
-    )
-
-    expect(queryByText('Who will pay gas fees:')).not.toBeInTheDocument()
-  })
-
-  it('should display the network fee for counterfactual safes if the user selects pay now', async () => {
-    const mockData: NewSafeFormData = {
-      name: 'Test',
-      threshold: 1,
-      owners: [{ name: '', address: '0x1' }],
-      saltNonce: 0,
-    }
-    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
-
-    const { getByText } = render(
-      <ReviewStep data={mockData} onSubmit={jest.fn()} onBack={jest.fn()} setStep={jest.fn()} />,
-    )
-
-    const payNow = getByText('Pay now')
-
-    act(() => {
-      fireEvent.click(payNow)
-    })
-
-    expect(getByText(/You will have to confirm a transaction and pay an estimated fee/)).toBeInTheDocument()
-  })
-
-  it('should display the execution method for counterfactual safes if the user selects pay now and there is relaying', async () => {
-    const mockData: NewSafeFormData = {
-      name: 'Test',
-      threshold: 1,
-      owners: [{ name: '', address: '0x1' }],
-      saltNonce: 0,
-    }
-    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
-    jest.spyOn(relay, 'hasRemainingRelays').mockReturnValue(true)
-
-    const { getByText } = render(
-      <ReviewStep data={mockData} onSubmit={jest.fn()} onBack={jest.fn()} setStep={jest.fn()} />,
-    )
-
-    const payNow = getByText('Pay now')
-
-    act(() => {
-      fireEvent.click(payNow)
-    })
-
-    expect(getByText(/Who will pay gas fees:/)).toBeInTheDocument()
-  })
-})
diff --git a/src/components/new-safe/create/steps/ReviewStep/index.tsx b/src/components/new-safe/create/steps/ReviewStep/index.tsx
deleted file mode 100644
index e7bfa4a4f..000000000
--- a/src/components/new-safe/create/steps/ReviewStep/index.tsx
+++ /dev/null
@@ -1,387 +0,0 @@
-import ChainIndicator from '@/components/common/ChainIndicator'
-import type { NamedAddress } from '@/components/new-safe/create/types'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { safeCreationDispatch, SafeCreationEvent } from '@/features/counterfactual/services/safeCreationEvents'
-import { addUndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
-import { getTotalFeeFormatted } from '@/hooks/useGasPrice'
-import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
-import type { NewSafeFormData } from '@/components/new-safe/create'
-import { computeNewSafeAddress, createNewSafe, relaySafeCreation } from '@/components/new-safe/create/logic'
-import { getAvailableSaltNonce } from '@/components/new-safe/create/logic/utils'
-import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
-import css from '@/components/new-safe/create/steps/ReviewStep/styles.module.css'
-import layoutCss from '@/components/new-safe/create/styles.module.css'
-import { useEstimateSafeCreationGas } from '@/components/new-safe/create/useEstimateSafeCreationGas'
-import useSyncSafeCreationStep from '@/components/new-safe/create/useSyncSafeCreationStep'
-import ReviewRow from '@/components/new-safe/ReviewRow'
-import ErrorMessage from '@/components/tx/ErrorMessage'
-import { ExecutionMethod, ExecutionMethodSelector } from '@/components/tx/ExecutionMethodSelector'
-import { LATEST_SAFE_VERSION } from '@/config/constants'
-import PayNowPayLater, { PayMethod } from '@/features/counterfactual/PayNowPayLater'
-import { CF_TX_GROUP_KEY, createCounterfactualSafe } from '@/features/counterfactual/utils'
-import { useCurrentChain, useHasFeature } from '@/hooks/useChains'
-import useGasPrice from '@/hooks/useGasPrice'
-import useIsWrongChain from '@/hooks/useIsWrongChain'
-import { useLeastRemainingRelays } from '@/hooks/useRemainingRelays'
-import useWalletCanPay from '@/hooks/useWalletCanPay'
-import useWallet from '@/hooks/wallets/useWallet'
-import { useWeb3 } from '@/hooks/wallets/web3'
-import { CREATE_SAFE_CATEGORY, CREATE_SAFE_EVENTS, OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
-import { gtmSetSafeAddress } from '@/services/analytics/gtm'
-import { getReadOnlyFallbackHandlerContract } from '@/services/contracts/safeContracts'
-import { asError } from '@/services/exceptions/utils'
-import { useAppDispatch } from '@/store'
-import { FEATURES, hasFeature } from '@/utils/chains'
-import { hasRemainingRelays } from '@/utils/relaying'
-import { isWalletRejection } from '@/utils/wallets'
-import ArrowBackIcon from '@mui/icons-material/ArrowBack'
-import { Box, Button, CircularProgress, Divider, Grid, Typography } from '@mui/material'
-import { type DeploySafeProps } from '@safe-global/protocol-kit'
-import type { SafeVersion } from '@safe-global/safe-core-sdk-types'
-import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import classnames from 'classnames'
-import { useRouter } from 'next/router'
-import { useMemo, useState } from 'react'
-import { checksumAddress } from '@/utils/addresses'
-
-export const NetworkFee = ({
-  totalFee,
-  chain,
-  willRelay,
-  inline = false,
-}: {
-  totalFee: string
-  chain: ChainInfo | undefined
-  willRelay: boolean
-  inline?: boolean
-}) => {
-  const wallet = useWallet()
-
-  return (
-    <Box className={classnames(css.networkFee, { [css.networkFeeInline]: inline })}>
-      <Typography className={classnames({ [css.sponsoredFee]: willRelay })}>
-        <b>
-          &asymp; {totalFee} {chain?.nativeCurrency.symbol}
-        </b>
-      </Typography>
-    </Box>
-  )
-}
-
-export const SafeSetupOverview = ({
-  name,
-  owners,
-  threshold,
-}: {
-  name?: string
-  owners: NamedAddress[]
-  threshold: number
-}) => {
-  const chain = useCurrentChain()
-
-  return (
-    <Grid container spacing={3}>
-      <ReviewRow name="Network" value={<ChainIndicator chainId={chain?.chainId} inline />} />
-      {name && <ReviewRow name="Name" value={<Typography>{name}</Typography>} />}
-      <ReviewRow
-        name="Signers"
-        value={
-          <Box data-testid="review-step-owner-info" className={css.ownersArray}>
-            {owners.map((owner, index) => (
-              <EthHashInfo
-                address={owner.address}
-                name={owner.name || owner.ens}
-                shortAddress={false}
-                showPrefix={false}
-                showName
-                hasExplorer
-                showCopyButton
-                key={index}
-              />
-            ))}
-          </Box>
-        }
-      />
-      <ReviewRow
-        name="Threshold"
-        value={
-          <Typography>
-            {threshold} out of {owners.length} signer(s)
-          </Typography>
-        }
-      />
-    </Grid>
-  )
-}
-
-const ReviewStep = ({ data, onSubmit, onBack, setStep }: StepRenderProps<NewSafeFormData>) => {
-  const isWrongChain = useIsWrongChain()
-  useSyncSafeCreationStep(setStep)
-  const chain = useCurrentChain()
-  const wallet = useWallet()
-  const provider = useWeb3()
-  const dispatch = useAppDispatch()
-  const router = useRouter()
-  const [gasPrice] = useGasPrice()
-  const [payMethod, setPayMethod] = useState(PayMethod.PayLater)
-  const [executionMethod, setExecutionMethod] = useState(ExecutionMethod.RELAY)
-  const [isCreating, setIsCreating] = useState<boolean>(false)
-  const [submitError, setSubmitError] = useState<string>()
-  const isCounterfactualEnabled = useHasFeature(FEATURES.COUNTERFACTUAL)
-  const isEIP1559 = chain && hasFeature(chain, FEATURES.EIP1559)
-
-  const ownerAddresses = useMemo(() => data.owners.map((owner) => owner.address), [data.owners])
-  const [minRelays] = useLeastRemainingRelays(ownerAddresses)
-
-  // Every owner has remaining relays and relay method is selected
-  const canRelay = hasRemainingRelays(minRelays)
-  const willRelay = canRelay && executionMethod === ExecutionMethod.RELAY
-
-  const safeParams = useMemo(() => {
-    return {
-      owners: data.owners.map((owner) => checksumAddress(owner.address)),
-      threshold: data.threshold,
-      saltNonce: Date.now(), // This is not the final saltNonce but easier to use and will only result in a slightly higher gas estimation
-    }
-  }, [data.owners, data.threshold])
-
-  const { gasLimit } = useEstimateSafeCreationGas(safeParams)
-
-  const maxFeePerGas = gasPrice?.maxFeePerGas
-  const maxPriorityFeePerGas = gasPrice?.maxPriorityFeePerGas
-
-  const walletCanPay = useWalletCanPay({ gasLimit, maxFeePerGas, maxPriorityFeePerGas })
-
-  const totalFee = getTotalFeeFormatted(maxFeePerGas, gasLimit, chain)
-
-  // Only 1 out of 1 safe setups are supported for now
-  const isCounterfactual = data.threshold === 1 && data.owners.length === 1 && isCounterfactualEnabled
-
-  const handleBack = () => {
-    onBack(data)
-  }
-
-  const createSafe = async () => {
-    if (!wallet || !provider || !chain) return
-
-    setIsCreating(true)
-
-    try {
-      const readOnlyFallbackHandlerContract = await getReadOnlyFallbackHandlerContract(
-        chain.chainId,
-        LATEST_SAFE_VERSION,
-      )
-
-      const props: DeploySafeProps = {
-        safeAccountConfig: {
-          threshold: data.threshold,
-          owners: data.owners.map((owner) => checksumAddress(owner.address)),
-          fallbackHandler: await readOnlyFallbackHandlerContract.getAddress(),
-        },
-      }
-
-      const saltNonce = await getAvailableSaltNonce(provider, { ...props, saltNonce: '0' }, chain.chainId)
-      const safeAddress = await computeNewSafeAddress(provider, { ...props, saltNonce }, chain.chainId)
-
-      if (isCounterfactual && payMethod === PayMethod.PayLater) {
-        gtmSetSafeAddress(safeAddress)
-
-        trackEvent({ ...OVERVIEW_EVENTS.PROCEED_WITH_TX, label: 'counterfactual', category: CREATE_SAFE_CATEGORY })
-        await createCounterfactualSafe(chain, safeAddress, saltNonce, data, dispatch, props, router)
-        trackEvent({ ...CREATE_SAFE_EVENTS.CREATED_SAFE, label: 'counterfactual' })
-        return
-      }
-
-      const options: DeploySafeProps['options'] = isEIP1559
-        ? {
-            maxFeePerGas: maxFeePerGas?.toString(),
-            maxPriorityFeePerGas: maxPriorityFeePerGas?.toString(),
-            gasLimit: gasLimit?.toString(),
-          }
-        : { gasPrice: maxFeePerGas?.toString(), gasLimit: gasLimit?.toString() }
-
-      const undeployedSafe = {
-        chainId: chain.chainId,
-        address: safeAddress,
-        type: PayMethod.PayNow,
-        safeProps: {
-          safeAccountConfig: props.safeAccountConfig,
-          safeDeploymentConfig: {
-            saltNonce,
-            safeVersion: LATEST_SAFE_VERSION as SafeVersion,
-          },
-        },
-      }
-
-      const onSubmitCallback = async (taskId?: string, txHash?: string) => {
-        dispatch(addUndeployedSafe(undeployedSafe))
-
-        if (taskId) {
-          safeCreationDispatch(SafeCreationEvent.RELAYING, { groupKey: CF_TX_GROUP_KEY, taskId, safeAddress })
-        }
-
-        if (txHash) {
-          safeCreationDispatch(SafeCreationEvent.PROCESSING, {
-            groupKey: CF_TX_GROUP_KEY,
-            txHash,
-            safeAddress,
-          })
-        }
-
-        trackEvent(CREATE_SAFE_EVENTS.SUBMIT_CREATE_SAFE)
-        trackEvent({ ...OVERVIEW_EVENTS.PROCEED_WITH_TX, label: 'deployment', category: CREATE_SAFE_CATEGORY })
-
-        onSubmit(data)
-      }
-
-      if (willRelay) {
-        const taskId = await relaySafeCreation(
-          chain,
-          props.safeAccountConfig.owners,
-          props.safeAccountConfig.threshold,
-          Number(saltNonce),
-        )
-        onSubmitCallback(taskId)
-      } else {
-        await createNewSafe(provider, {
-          safeAccountConfig: props.safeAccountConfig,
-          saltNonce,
-          options,
-          callback: (txHash) => {
-            onSubmitCallback(undefined, txHash)
-          },
-        })
-      }
-    } catch (_err) {
-      const error = asError(_err)
-      const submitError = isWalletRejection(error)
-        ? 'User rejected signing.'
-        : 'Error creating the Safe Account. Please try again later.'
-      setSubmitError(submitError)
-
-      if (isWalletRejection(error)) {
-        trackEvent(CREATE_SAFE_EVENTS.REJECT_CREATE_SAFE)
-      }
-    }
-
-    setIsCreating(false)
-  }
-
-  const isDisabled = isWrongChain || isCreating
-
-  return (
-    <>
-      <Box className={layoutCss.row}>
-        <SafeSetupOverview name={data.name} owners={data.owners} threshold={data.threshold} />
-      </Box>
-
-      {isCounterfactual && (
-        <>
-          <Divider />
-          <Box className={layoutCss.row}>
-            <PayNowPayLater totalFee={totalFee} canRelay={canRelay} payMethod={payMethod} setPayMethod={setPayMethod} />
-
-            {canRelay && payMethod === PayMethod.PayNow && (
-              <Grid container spacing={3} pt={2}>
-                <ReviewRow
-                  value={
-                    <ExecutionMethodSelector
-                      executionMethod={executionMethod}
-                      setExecutionMethod={setExecutionMethod}
-                      relays={minRelays}
-                    />
-                  }
-                />
-              </Grid>
-            )}
-
-            {payMethod === PayMethod.PayNow && (
-              <Grid item>
-                <Typography component="div" mt={2}>
-                  You will have to confirm a transaction and pay an estimated fee of{' '}
-                  <NetworkFee totalFee={totalFee} willRelay={willRelay} chain={chain} inline /> with your connected
-                  wallet
-                </Typography>
-              </Grid>
-            )}
-          </Box>
-        </>
-      )}
-
-      {!isCounterfactual && (
-        <>
-          <Divider />
-          <Box className={layoutCss.row} display="flex" flexDirection="column" gap={3}>
-            {canRelay && (
-              <Grid container spacing={3}>
-                <ReviewRow
-                  name="Execution method"
-                  value={
-                    <ExecutionMethodSelector
-                      executionMethod={executionMethod}
-                      setExecutionMethod={setExecutionMethod}
-                      relays={minRelays}
-                    />
-                  }
-                />
-              </Grid>
-            )}
-
-            <Grid data-testid="network-fee-section" container spacing={3}>
-              <ReviewRow
-                name="Est. network fee"
-                value={
-                  <>
-                    <NetworkFee totalFee={totalFee} willRelay={willRelay} chain={chain} />
-
-                    {!willRelay && (
-                      <Typography variant="body2" color="text.secondary" mt={1}>
-                        You will have to confirm a transaction with your connected wallet.
-                      </Typography>
-                    )}
-                  </>
-                }
-              />
-            </Grid>
-
-            {isWrongChain && <NetworkWarning />}
-
-            {!walletCanPay && !willRelay && (
-              <ErrorMessage>
-                Your connected wallet doesn&apos;t have enough funds to execute this transaction
-              </ErrorMessage>
-            )}
-          </Box>
-        </>
-      )}
-
-      <Divider />
-
-      <Box className={layoutCss.row}>
-        {submitError && <ErrorMessage className={css.errorMessage}>{submitError}</ErrorMessage>}
-        <Box display="flex" flexDirection="row" justifyContent="space-between" gap={3}>
-          <Button
-            data-testid="back-btn"
-            variant="outlined"
-            size="small"
-            onClick={handleBack}
-            startIcon={<ArrowBackIcon fontSize="small" />}
-          >
-            Back
-          </Button>
-          <Button
-            data-testid="review-step-next-btn"
-            onClick={createSafe}
-            variant="contained"
-            size="stretched"
-            disabled={isDisabled}
-          >
-            {isCreating ? <CircularProgress size={18} /> : 'Create'}
-          </Button>
-        </Box>
-      </Box>
-    </>
-  )
-}
-
-export default ReviewStep
diff --git a/src/components/new-safe/create/steps/ReviewStep/styles.module.css b/src/components/new-safe/create/steps/ReviewStep/styles.module.css
deleted file mode 100644
index 47bb71ae8..000000000
--- a/src/components/new-safe/create/steps/ReviewStep/styles.module.css
+++ /dev/null
@@ -1,28 +0,0 @@
-.ownersArray {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-  font-size: 14px;
-}
-
-.sponsoredFee {
-  text-decoration: line-through;
-  color: var(--color-text-secondary);
-}
-
-.errorMessage {
-  margin-top: 0;
-}
-
-.networkFee {
-  padding: var(--space-1);
-  background-color: var(--color-secondary-background);
-  color: var(--color-text-primary);
-  width: fit-content;
-  border-radius: 6px;
-}
-
-.networkFeeInline {
-  padding: 2px 4px;
-  display: inline-flex;
-}
diff --git a/src/components/new-safe/create/steps/SetNameStep/index.tsx b/src/components/new-safe/create/steps/SetNameStep/index.tsx
deleted file mode 100644
index 703cafc30..000000000
--- a/src/components/new-safe/create/steps/SetNameStep/index.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-import { InputAdornment, Tooltip, SvgIcon, Typography, Box, Divider, Button, Grid } from '@mui/material'
-import { FormProvider, useForm } from 'react-hook-form'
-import { useMnemonicSafeName } from '@/hooks/useMnemonicName'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import NetworkSelector from '@/components/common/NetworkSelector'
-import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
-import type { NewSafeFormData } from '@/components/new-safe/create'
-import useSyncSafeCreationStep from '@/components/new-safe/create/useSyncSafeCreationStep'
-
-import css from '@/components/new-safe/create/steps/SetNameStep/styles.module.css'
-import layoutCss from '@/components/new-safe/create/styles.module.css'
-import useIsWrongChain from '@/hooks/useIsWrongChain'
-import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
-import NameInput from '@/components/common/NameInput'
-import { CREATE_SAFE_EVENTS, trackEvent } from '@/services/analytics'
-import { AppRoutes } from '@/config/routes'
-import MUILink from '@mui/material/Link'
-import Link from 'next/link'
-import { useRouter } from 'next/router'
-
-type SetNameStepForm = {
-  name: string
-}
-
-enum SetNameStepFields {
-  name = 'name',
-}
-
-const SET_NAME_STEP_FORM_ID = 'create-safe-set-name-step-form'
-
-function SetNameStep({
-  data,
-  onSubmit,
-  setStep,
-  setSafeName,
-}: StepRenderProps<NewSafeFormData> & { setSafeName: (name: string) => void }) {
-  const router = useRouter()
-  const fallbackName = useMnemonicSafeName()
-  const isWrongChain = useIsWrongChain()
-  useSyncSafeCreationStep(setStep)
-
-  const formMethods = useForm<SetNameStepForm>({
-    mode: 'all',
-    defaultValues: {
-      [SetNameStepFields.name]: data.name,
-    },
-  })
-
-  const {
-    handleSubmit,
-    formState: { errors, isValid },
-  } = formMethods
-
-  const onFormSubmit = (data: Pick<NewSafeFormData, 'name'>) => {
-    const name = data.name || fallbackName
-    setSafeName(name)
-    onSubmit({ ...data, name })
-
-    if (data.name) {
-      trackEvent(CREATE_SAFE_EVENTS.NAME_SAFE)
-    }
-  }
-
-  const onCancel = () => {
-    trackEvent(CREATE_SAFE_EVENTS.CANCEL_CREATE_SAFE_FORM)
-    router.push(AppRoutes.welcome.index)
-  }
-
-  const isDisabled = isWrongChain || !isValid
-
-  return (
-    <FormProvider {...formMethods}>
-      <form onSubmit={handleSubmit(onFormSubmit)} id={SET_NAME_STEP_FORM_ID}>
-        <Box className={layoutCss.row}>
-          <Grid container spacing={1}>
-            <Grid item xs={12} md={8}>
-              <NameInput
-                name={SetNameStepFields.name}
-                label={errors?.[SetNameStepFields.name]?.message || 'Name'}
-                placeholder={fallbackName}
-                InputLabelProps={{ shrink: true }}
-                InputProps={{
-                  endAdornment: (
-                    <Tooltip
-                      title="This name is stored locally and will never be shared with us or any third parties."
-                      arrow
-                      placement="top"
-                    >
-                      <InputAdornment position="end">
-                        <SvgIcon component={InfoIcon} inheritViewBox />
-                      </InputAdornment>
-                    </Tooltip>
-                  ),
-                }}
-              />
-            </Grid>
-            <Grid item>
-              <Box className={css.select} data-cy="create-safe-select-network">
-                <NetworkSelector />
-              </Box>
-            </Grid>
-          </Grid>
-          <Typography variant="body2" mt={2}>
-            By continuing, you agree to our{' '}
-            <Link href={AppRoutes.terms} passHref legacyBehavior>
-              <MUILink>terms of use</MUILink>
-            </Link>{' '}
-            and{' '}
-            <Link href={AppRoutes.privacy} passHref legacyBehavior>
-              <MUILink>privacy policy</MUILink>
-            </Link>
-            .
-          </Typography>
-
-          {isWrongChain && <NetworkWarning />}
-        </Box>
-        <Divider />
-        <Box className={layoutCss.row}>
-          <Box display="flex" flexDirection="row" justifyContent="space-between" gap={3}>
-            <Button data-testid="cancel-btn" variant="outlined" onClick={onCancel} size="small">
-              Cancel
-            </Button>
-            <Button data-testid="next-btn" type="submit" variant="contained" size="stretched" disabled={isDisabled}>
-              Next
-            </Button>
-          </Box>
-        </Box>
-      </form>
-    </FormProvider>
-  )
-}
-
-export default SetNameStep
diff --git a/src/components/new-safe/create/steps/StatusStep/StatusMessage.tsx b/src/components/new-safe/create/steps/StatusStep/StatusMessage.tsx
deleted file mode 100644
index 3776d953f..000000000
--- a/src/components/new-safe/create/steps/StatusStep/StatusMessage.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import ExternalLink from '@/components/common/ExternalLink'
-import LoadingSpinner, { SpinnerStatus } from '@/components/new-safe/create/steps/StatusStep/LoadingSpinner'
-import { SafeCreationEvent } from '@/features/counterfactual/services/safeCreationEvents'
-import type { UndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
-import { useCurrentChain } from '@/hooks/useChains'
-import { getBlockExplorerLink } from '@/utils/chains'
-import { Box, Typography } from '@mui/material'
-import FailedIcon from '@/public/images/common/tx-failed.svg'
-
-const getStep = (status: SafeCreationEvent) => {
-  switch (status) {
-    case SafeCreationEvent.PROCESSING:
-    case SafeCreationEvent.RELAYING:
-      return {
-        description: 'We are activating your account',
-        instruction: 'It can take some minutes to create your account, but you can check the progress below.',
-      }
-    case SafeCreationEvent.FAILED:
-      return {
-        description: "Your account couldn't be created",
-        instruction:
-          'The creation transaction was rejected by the connected wallet. You can retry or create an account from scratch.',
-      }
-    case SafeCreationEvent.REVERTED:
-      return {
-        description: "Your account couldn't be created",
-        instruction: 'The creation transaction reverted. You can retry or create an account from scratch.',
-      }
-    case SafeCreationEvent.SUCCESS:
-      return {
-        description: 'Your Safe Account is being indexed..',
-        instruction: 'The account will be ready for use shortly. Please do not leave this page.',
-      }
-    case SafeCreationEvent.INDEXED:
-      return {
-        description: 'Your Safe Account was successfully created!',
-        instruction: '',
-      }
-  }
-}
-
-const StatusMessage = ({
-  status,
-  isError,
-  pendingSafe,
-}: {
-  status: SafeCreationEvent
-  isError: boolean
-  pendingSafe: UndeployedSafe | undefined
-}) => {
-  const stepInfo = getStep(status)
-  const chain = useCurrentChain()
-
-  const isSuccess = status === SafeCreationEvent.SUCCESS
-  const spinnerStatus = isSuccess ? SpinnerStatus.SUCCESS : SpinnerStatus.PROCESSING
-  const explorerLink =
-    chain && pendingSafe?.status.txHash ? getBlockExplorerLink(chain, pendingSafe.status.txHash) : undefined
-
-  return (
-    <>
-      <Box data-testid="safe-status-info" paddingX={3} mt={3}>
-        <Box width="160px" height="160px" display="flex" margin="auto">
-          {isError ? <FailedIcon /> : <LoadingSpinner status={spinnerStatus} />}
-        </Box>
-        <Typography variant="h3" marginTop={2} fontWeight={700}>
-          {stepInfo.description}
-        </Typography>
-      </Box>
-      <Box maxWidth={390} margin="auto">
-        {stepInfo.instruction && (
-          <Typography variant="body2" my={2}>
-            {stepInfo.instruction}
-          </Typography>
-        )}
-        {!isError && explorerLink && <ExternalLink href={explorerLink.href}>Check Status</ExternalLink>}
-      </Box>
-    </>
-  )
-}
-
-export default StatusMessage
diff --git a/src/components/new-safe/create/steps/StatusStep/index.tsx b/src/components/new-safe/create/steps/StatusStep/index.tsx
deleted file mode 100644
index 2a6b01ac0..000000000
--- a/src/components/new-safe/create/steps/StatusStep/index.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-import { useCounter } from '@/components/common/Notifications/useCounter'
-import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
-import type { NewSafeFormData } from '@/components/new-safe/create'
-import { getRedirect } from '@/components/new-safe/create/logic'
-import { updateAddressBook } from '@/components/new-safe/create/logic/address-book'
-import StatusMessage from '@/components/new-safe/create/steps/StatusStep/StatusMessage'
-import useUndeployedSafe from '@/components/new-safe/create/steps/StatusStep/useUndeployedSafe'
-import lightPalette from '@/components/theme/lightPalette'
-import { AppRoutes } from '@/config/routes'
-import { safeCreationPendingStatuses } from '@/features/counterfactual/hooks/usePendingSafeStatuses'
-import { SafeCreationEvent, safeCreationSubscribe } from '@/features/counterfactual/services/safeCreationEvents'
-import { useCurrentChain } from '@/hooks/useChains'
-import Rocket from '@/public/images/common/rocket.svg'
-import { CREATE_SAFE_EVENTS, trackEvent } from '@/services/analytics'
-import { useAppDispatch } from '@/store'
-import { Alert, AlertTitle, Box, Button, Paper, Stack, SvgIcon, Typography } from '@mui/material'
-import Link from 'next/link'
-import { useRouter } from 'next/router'
-import { useEffect, useState } from 'react'
-import useSyncSafeCreationStep from '../../useSyncSafeCreationStep'
-
-const SPEED_UP_THRESHOLD_IN_SECONDS = 15
-
-export const CreateSafeStatus = ({
-  data,
-  setProgressColor,
-  setStep,
-  setStepData,
-}: StepRenderProps<NewSafeFormData>) => {
-  const [status, setStatus] = useState<SafeCreationEvent>(SafeCreationEvent.PROCESSING)
-  const [safeAddress, pendingSafe] = useUndeployedSafe()
-  const router = useRouter()
-  const chain = useCurrentChain()
-  const dispatch = useAppDispatch()
-
-  const counter = useCounter(pendingSafe?.status.submittedAt)
-
-  const isError = status === SafeCreationEvent.FAILED || status === SafeCreationEvent.REVERTED
-
-  useSyncSafeCreationStep(setStep)
-
-  useEffect(() => {
-    const unsubFns = Object.entries(safeCreationPendingStatuses).map(([event]) =>
-      safeCreationSubscribe(event as SafeCreationEvent, async () => {
-        setStatus(event as SafeCreationEvent)
-      }),
-    )
-
-    return () => {
-      unsubFns.forEach((unsub) => unsub())
-    }
-  }, [])
-
-  useEffect(() => {
-    if (!chain || !safeAddress) return
-
-    if (status === SafeCreationEvent.SUCCESS) {
-      dispatch(updateAddressBook(chain.chainId, safeAddress, data.name, data.owners, data.threshold))
-      router.push(getRedirect(chain.shortName, safeAddress, router.query?.safeViewRedirectURL))
-    }
-  }, [dispatch, chain, data.name, data.owners, data.threshold, router, safeAddress, status])
-
-  useEffect(() => {
-    if (!setProgressColor) return
-
-    if (isError) {
-      setProgressColor(lightPalette.error.main)
-    } else {
-      setProgressColor(lightPalette.secondary.main)
-    }
-  }, [isError, setProgressColor])
-
-  const tryAgain = () => {
-    trackEvent(CREATE_SAFE_EVENTS.RETRY_CREATE_SAFE)
-
-    if (!pendingSafe) {
-      setStep(0)
-      return
-    }
-
-    setProgressColor?.(lightPalette.secondary.main)
-    setStep(2)
-    setStepData?.({
-      owners: pendingSafe.props.safeAccountConfig.owners.map((owner) => ({ name: '', address: owner })),
-      name: '',
-      threshold: pendingSafe.props.safeAccountConfig.threshold,
-      saltNonce: Number(pendingSafe.props.safeDeploymentConfig?.saltNonce),
-      safeAddress,
-    })
-  }
-
-  const onCancel = () => {
-    trackEvent(CREATE_SAFE_EVENTS.CANCEL_CREATE_SAFE)
-  }
-
-  return (
-    <Paper
-      sx={{
-        textAlign: 'center',
-      }}
-    >
-      <Box p={{ xs: 2, sm: 8 }}>
-        <StatusMessage status={status} isError={isError} pendingSafe={pendingSafe} />
-
-        {counter && counter > SPEED_UP_THRESHOLD_IN_SECONDS && !isError && (
-          <Alert severity="warning" icon={<SvgIcon component={Rocket} />} sx={{ mt: 5 }}>
-            <AlertTitle>
-              <Typography variant="body2" textAlign="left" fontWeight="bold">
-                Transaction is taking too long
-              </Typography>
-            </AlertTitle>
-            <Typography variant="body2" textAlign="left">
-              Try to speed it up with better gas parameters in your wallet.
-            </Typography>
-          </Alert>
-        )}
-
-        {isError && (
-          <Stack direction="row" justifyContent="center" gap={2}>
-            <Link href={AppRoutes.welcome.index} passHref>
-              <Button variant="outlined" onClick={onCancel}>
-                Go to homepage
-              </Button>
-            </Link>
-            <Button variant="contained" onClick={tryAgain}>
-              Try again
-            </Button>
-          </Stack>
-        )}
-      </Box>
-    </Paper>
-  )
-}
diff --git a/src/components/new-safe/create/useEstimateSafeCreationGas.ts b/src/components/new-safe/create/useEstimateSafeCreationGas.ts
deleted file mode 100644
index b285f007c..000000000
--- a/src/components/new-safe/create/useEstimateSafeCreationGas.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
-import useWallet from '@/hooks/wallets/useWallet'
-import useAsync from '@/hooks/useAsync'
-import { useCurrentChain } from '@/hooks/useChains'
-import { estimateSafeCreationGas, type SafeCreationProps } from '@/components/new-safe/create/logic'
-
-export const useEstimateSafeCreationGas = (
-  safeParams: SafeCreationProps,
-): {
-  gasLimit?: bigint
-  gasLimitError?: Error
-  gasLimitLoading: boolean
-} => {
-  const web3ReadOnly = useWeb3ReadOnly()
-  const chain = useCurrentChain()
-  const wallet = useWallet()
-
-  const [gasLimit, gasLimitError, gasLimitLoading] = useAsync<bigint>(() => {
-    if (!wallet?.address || !chain || !web3ReadOnly) return
-
-    return estimateSafeCreationGas(chain, web3ReadOnly, wallet.address, safeParams)
-  }, [wallet, chain, web3ReadOnly, safeParams])
-
-  return { gasLimit, gasLimitError, gasLimitLoading }
-}
diff --git a/src/components/new-safe/create/useSyncSafeCreationStep.ts b/src/components/new-safe/create/useSyncSafeCreationStep.ts
deleted file mode 100644
index 1e645d6c9..000000000
--- a/src/components/new-safe/create/useSyncSafeCreationStep.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import useUndeployedSafe from '@/components/new-safe/create/steps/StatusStep/useUndeployedSafe'
-import { useEffect } from 'react'
-import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
-import type { NewSafeFormData } from '@/components/new-safe/create/index'
-import useWallet from '@/hooks/wallets/useWallet'
-import useIsWrongChain from '@/hooks/useIsWrongChain'
-import { useRouter } from 'next/router'
-import { AppRoutes } from '@/config/routes'
-
-const useSyncSafeCreationStep = (setStep: StepRenderProps<NewSafeFormData>['setStep']) => {
-  const [safeAddress, pendingSafe] = useUndeployedSafe()
-
-  const wallet = useWallet()
-  const isWrongChain = useIsWrongChain()
-  const router = useRouter()
-
-  useEffect(() => {
-    // Jump to the status screen if there is already a tx submitted
-    if (pendingSafe && pendingSafe.status.status !== 'AWAITING_EXECUTION') {
-      setStep(3)
-      return
-    }
-
-    // Jump to the welcome page if there is no wallet
-    if (!wallet) {
-      router.push({ pathname: AppRoutes.welcome.index, query: router.query })
-    }
-
-    // Jump to choose name and network step if the wallet is connected to the wrong chain and there is no pending Safe
-    if (isWrongChain) {
-      setStep(0)
-      return
-    }
-  }, [wallet, setStep, pendingSafe, isWrongChain, router])
-}
-
-export default useSyncSafeCreationStep
diff --git a/src/components/new-safe/load/index.tsx b/src/components/new-safe/load/index.tsx
deleted file mode 100644
index 444d846c7..000000000
--- a/src/components/new-safe/load/index.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import React from 'react'
-import { useRouter } from 'next/router'
-
-import { LOAD_SAFE_CATEGORY } from '@/services/analytics'
-import { Container, Grid, Typography } from '@mui/material'
-import { CardStepper } from '@/components/new-safe/CardStepper'
-import type { TxStepperProps } from '@/components/new-safe/CardStepper/useCardStepper'
-import type { NamedAddress } from '@/components/new-safe/create/types'
-import SetAddressStep from '@/components/new-safe/load/steps/SetAddressStep'
-import { AppRoutes } from '@/config/routes'
-import SafeOwnerStep from '@/components/new-safe/load/steps/SafeOwnerStep'
-import SafeReviewStep from '@/components/new-safe/load/steps/SafeReviewStep'
-
-export type LoadSafeFormData = NamedAddress & {
-  threshold: number
-  owners: NamedAddress[]
-}
-
-export const LoadSafeSteps: TxStepperProps<LoadSafeFormData>['steps'] = [
-  {
-    title: 'Choose address, network and a name',
-    subtitle: 'Paste the address of the Safe Account you want to add, select the network and choose a name.',
-    render: (data, onSubmit, onBack, setStep) => (
-      <SetAddressStep onSubmit={onSubmit} onBack={onBack} data={data} setStep={setStep} />
-    ),
-  },
-  {
-    title: 'Signers and confirmations',
-    subtitle: 'Optional: Provide a name for each signer.',
-    render: (data, onSubmit, onBack, setStep) => (
-      <SafeOwnerStep onSubmit={onSubmit} onBack={onBack} data={data} setStep={setStep} />
-    ),
-  },
-  {
-    title: 'Review',
-    subtitle: 'Confirm adding Safe Account to your Watchlist',
-    render: (data, onSubmit, onBack, setStep) => (
-      <SafeReviewStep onSubmit={onSubmit} onBack={onBack} data={data} setStep={setStep} />
-    ),
-  },
-]
-
-export const loadSafeDefaultData = { threshold: -1, owners: [], address: '', name: '' }
-
-const LoadSafe = ({ initialData }: { initialData?: TxStepperProps<LoadSafeFormData>['initialData'] }) => {
-  const router = useRouter()
-
-  const onClose = () => {
-    router.push(AppRoutes.welcome.index)
-  }
-
-  const initialSafe = initialData ?? loadSafeDefaultData
-
-  return (
-    <Container data-testid="load-safe-form">
-      <Grid container columnSpacing={3} mt={[2, null, 7]} justifyContent="center">
-        <Grid item xs={12} md={10} lg={8}>
-          <Typography variant="h2" pb={2}>
-            Add Safe Account to watchlist
-          </Typography>
-        </Grid>
-        <Grid item xs={12} md={10} lg={8} order={[1, null, 0]}>
-          <CardStepper
-            // Populate initial data
-            key={initialSafe.address}
-            initialData={initialSafe}
-            onClose={onClose}
-            steps={LoadSafeSteps}
-            eventCategory={LOAD_SAFE_CATEGORY}
-          />
-        </Grid>
-      </Grid>
-    </Container>
-  )
-}
-
-export default LoadSafe
diff --git a/src/components/new-safe/load/steps/SafeOwnerStep/index.tsx b/src/components/new-safe/load/steps/SafeOwnerStep/index.tsx
deleted file mode 100644
index 6bb299756..000000000
--- a/src/components/new-safe/load/steps/SafeOwnerStep/index.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import React, { useEffect } from 'react'
-import { getSafeInfo, type SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { FormProvider, useFieldArray, useForm } from 'react-hook-form'
-import { Box, Button, Divider } from '@mui/material'
-
-import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
-import type { LoadSafeFormData } from '@/components/new-safe/load'
-import useAsync from '@/hooks/useAsync'
-import useChainId from '@/hooks/useChainId'
-import type { NamedAddress } from '@/components/new-safe/create/types'
-import layoutCss from '@/components/new-safe/create/styles.module.css'
-import ArrowBackIcon from '@mui/icons-material/ArrowBack'
-import { OwnerRow } from '@/components/new-safe/OwnerRow'
-import { checksumAddress } from '@/utils/addresses'
-
-enum Field {
-  owners = 'owners',
-  threshold = 'threshold',
-}
-
-type FormData = {
-  [Field.owners]: NamedAddress[]
-  [Field.threshold]: number
-}
-
-const SafeOwnerStep = ({ data, onSubmit, onBack }: StepRenderProps<LoadSafeFormData>) => {
-  const chainId = useChainId()
-  const formMethods = useForm<FormData>({
-    defaultValues: data,
-    mode: 'onChange',
-  })
-  const {
-    handleSubmit,
-    setValue,
-    control,
-    formState: { isValid },
-    getValues,
-  } = formMethods
-
-  const { fields } = useFieldArray({
-    control,
-    name: Field.owners,
-  })
-
-  const [safeInfo] = useAsync<SafeInfo>(() => {
-    if (data.address) {
-      return getSafeInfo(chainId, checksumAddress(data.address))
-    }
-  }, [chainId, data.address])
-
-  useEffect(() => {
-    if (!safeInfo) return
-
-    setValue(Field.threshold, safeInfo.threshold)
-
-    const owners = safeInfo.owners.map((owner, i) => ({
-      address: owner.value,
-      name: getValues(`owners.${i}.name`) || '',
-    }))
-
-    setValue(Field.owners, owners)
-  }, [getValues, safeInfo, setValue])
-
-  const handleBack = () => {
-    onBack(getValues())
-  }
-
-  return (
-    <FormProvider {...formMethods}>
-      <form onSubmit={handleSubmit(onSubmit)}>
-        <Box className={layoutCss.row}>
-          {fields.map((field, index) => (
-            <OwnerRow key={field.id} index={index} groupName="owners" readOnly />
-          ))}
-        </Box>
-        <Divider />
-        <Box className={layoutCss.row}>
-          <Box display="flex" flexDirection="row" justifyContent="space-between" gap={3}>
-            <Button variant="outlined" size="small" onClick={handleBack} startIcon={<ArrowBackIcon fontSize="small" />}>
-              Back
-            </Button>
-            <Button type="submit" variant="contained" size="stretched" disabled={!isValid}>
-              Next
-            </Button>
-          </Box>
-        </Box>
-      </form>
-    </FormProvider>
-  )
-}
-
-export default SafeOwnerStep
diff --git a/src/components/new-safe/load/steps/SafeReviewStep/index.tsx b/src/components/new-safe/load/steps/SafeReviewStep/index.tsx
deleted file mode 100644
index d414e5941..000000000
--- a/src/components/new-safe/load/steps/SafeReviewStep/index.tsx
+++ /dev/null
@@ -1,142 +0,0 @@
-import React from 'react'
-import { Box, Button, Divider, Grid, Typography } from '@mui/material'
-
-import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
-import type { LoadSafeFormData } from '@/components/new-safe/load'
-import layoutCss from '@/components/new-safe/create/styles.module.css'
-import ArrowBackIcon from '@mui/icons-material/ArrowBack'
-import ChainIndicator from '@/components/common/ChainIndicator'
-import css from '@/components/new-safe/create/steps/ReviewStep/styles.module.css'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { useCurrentChain } from '@/hooks/useChains'
-import { useAppDispatch } from '@/store'
-import { useRouter } from 'next/router'
-import { addOrUpdateSafe } from '@/store/addedSafesSlice'
-import { defaultSafeInfo } from '@/store/safeInfoSlice'
-import { upsertAddressBookEntry } from '@/store/addressBookSlice'
-import { LOAD_SAFE_EVENTS, OPEN_SAFE_LABELS, OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
-import { AppRoutes } from '@/config/routes'
-import ReviewRow from '@/components/new-safe/ReviewRow'
-
-const SafeReviewStep = ({ data, onBack }: StepRenderProps<LoadSafeFormData>) => {
-  const chain = useCurrentChain()
-  const dispatch = useAppDispatch()
-  const router = useRouter()
-  const chainId = chain?.chainId || ''
-
-  const addSafe = () => {
-    const safeName = data.name
-    const safeAddress = data.address
-
-    dispatch(
-      addOrUpdateSafe({
-        safe: {
-          ...defaultSafeInfo,
-          address: { value: safeAddress, name: safeName },
-          threshold: data.threshold,
-          owners: data.owners.map((owner) => ({
-            value: owner.address,
-            name: owner.name || owner.ens,
-          })),
-          chainId,
-        },
-      }),
-    )
-
-    dispatch(
-      upsertAddressBookEntry({
-        chainId,
-        address: safeAddress,
-        name: safeName,
-      }),
-    )
-
-    for (const { address, name, ens } of data.owners) {
-      const entryName = name || ens
-
-      if (!entryName) {
-        continue
-      }
-
-      dispatch(
-        upsertAddressBookEntry({
-          chainId,
-          address,
-          name: entryName,
-        }),
-      )
-    }
-
-    trackEvent({
-      ...LOAD_SAFE_EVENTS.OWNERS,
-      label: data.owners.length,
-    })
-
-    trackEvent({
-      ...LOAD_SAFE_EVENTS.THRESHOLD,
-      label: data.threshold,
-    })
-
-    trackEvent({ ...OVERVIEW_EVENTS.OPEN_SAFE, label: OPEN_SAFE_LABELS.after_add })
-
-    router.push({
-      pathname: AppRoutes.home,
-      query: { safe: `${chain?.shortName}:${safeAddress}` },
-    })
-  }
-
-  const handleBack = () => {
-    onBack(data)
-  }
-
-  return (
-    <>
-      <Box className={layoutCss.row}>
-        <Grid container spacing={3}>
-          <ReviewRow name="Network" value={<ChainIndicator chainId={chain?.chainId} inline />} />
-          <ReviewRow name="Name" value={<Typography>{data.name}</Typography>} />
-          <ReviewRow
-            name="Signers"
-            value={
-              <Box className={css.ownersArray}>
-                {data.owners.map((owner, index) => (
-                  <EthHashInfo
-                    address={owner.address}
-                    name={owner.name || owner.ens}
-                    shortAddress={false}
-                    showPrefix={false}
-                    showName
-                    hasExplorer
-                    showCopyButton
-                    key={index}
-                  />
-                ))}
-              </Box>
-            }
-          />
-          <ReviewRow
-            name="Threshold"
-            value={
-              <Typography>
-                {data.threshold} out of {data.owners.length} signer(s)
-              </Typography>
-            }
-          />
-        </Grid>
-      </Box>
-      <Divider />
-      <Box className={layoutCss.row}>
-        <Box display="flex" flexDirection="row" justifyContent="space-between" gap={3}>
-          <Button variant="outlined" size="small" onClick={handleBack} startIcon={<ArrowBackIcon fontSize="small" />}>
-            Back
-          </Button>
-          <Button onClick={addSafe} variant="contained" size="stretched">
-            Add
-          </Button>
-        </Box>
-      </Box>
-    </>
-  )
-}
-
-export default SafeReviewStep
diff --git a/src/components/new-safe/load/steps/SetAddressStep/index.tsx b/src/components/new-safe/load/steps/SetAddressStep/index.tsx
deleted file mode 100644
index c0a791746..000000000
--- a/src/components/new-safe/load/steps/SetAddressStep/index.tsx
+++ /dev/null
@@ -1,181 +0,0 @@
-import type { StepRenderProps } from '@/components/new-safe/CardStepper/useCardStepper'
-import type { LoadSafeFormData } from '@/components/new-safe/load'
-import { FormProvider, useForm } from 'react-hook-form'
-import {
-  Box,
-  Button,
-  CircularProgress,
-  Divider,
-  Grid,
-  InputAdornment,
-  SvgIcon,
-  Tooltip,
-  /*Typography,*/
-} from '@mui/material'
-import layoutCss from '@/components/new-safe/create/styles.module.css'
-import NameInput from '@/components/common/NameInput'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import css from '@/components/new-safe/create/steps/SetNameStep/styles.module.css'
-import NetworkSelector from '@/components/common/NetworkSelector'
-import { useMnemonicSafeName } from '@/hooks/useMnemonicName'
-import { useAddressResolver } from '@/hooks/useAddressResolver'
-import ArrowBackIcon from '@mui/icons-material/ArrowBack'
-import AddressInput from '@/components/common/AddressInput'
-import React from 'react'
-import { getSafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import useChainId from '@/hooks/useChainId'
-import { useAppSelector } from '@/store'
-import { selectAddedSafes } from '@/store/addedSafesSlice'
-import { LOAD_SAFE_EVENTS, trackEvent } from '@/services/analytics'
-// import { AppRoutes } from '@/config/routes'
-// import MUILink from '@mui/material/Link'
-// import Link from 'next/link'
-import { checksumAddress } from '@/utils/addresses'
-
-enum Field {
-  name = 'name',
-  address = 'address',
-}
-
-type FormData = {
-  [Field.name]: string
-  [Field.address]: string
-}
-
-const SetAddressStep = ({ data, onSubmit, onBack }: StepRenderProps<LoadSafeFormData>) => {
-  const currentChainId = useChainId()
-  const addedSafes = useAppSelector((state) => selectAddedSafes(state, currentChainId))
-  const formMethods = useForm<FormData>({
-    mode: 'all',
-    defaultValues: {
-      [Field.name]: data.name,
-      [Field.address]: data.address,
-    },
-  })
-
-  const {
-    handleSubmit,
-    formState: { errors, isValid },
-    watch,
-    getValues,
-  } = formMethods
-
-  const safeAddress = watch(Field.address)
-  const randomName = useMnemonicSafeName()
-  const { ens, name, resolving } = useAddressResolver(safeAddress)
-
-  // Address book, ENS, mnemonic
-  const fallbackName = name || ens || randomName
-
-  const validateSafeAddress = async (address: string) => {
-    if (addedSafes && Object.keys(addedSafes).includes(address)) {
-      return 'Safe Account is already added'
-    }
-
-    try {
-      await getSafeInfo(currentChainId, checksumAddress(address))
-    } catch (error) {
-      return 'Address given is not a valid Safe Account address'
-    }
-  }
-
-  const onFormSubmit = handleSubmit((data: FormData) => {
-    onSubmit({
-      ...data,
-      [Field.name]: data[Field.name] || fallbackName,
-    })
-
-    if (data[Field.name]) {
-      trackEvent(LOAD_SAFE_EVENTS.NAME_SAFE)
-    }
-  })
-
-  const handleBack = () => {
-    const formData = getValues()
-    onBack({
-      ...formData,
-      [Field.name]: formData.name || fallbackName,
-    })
-  }
-
-  return (
-    <FormProvider {...formMethods}>
-      <form onSubmit={onFormSubmit}>
-        <Box className={layoutCss.row}>
-          <Grid container spacing={[3, 1]} mb={3} pr="40px">
-            <Grid item xs={12} md>
-              <NameInput
-                name={Field.name}
-                label={errors?.[Field.name]?.message || 'Name'}
-                placeholder={fallbackName}
-                InputLabelProps={{ shrink: true }}
-                InputProps={{
-                  endAdornment: resolving ? (
-                    <InputAdornment position="end">
-                      <CircularProgress size={20} />
-                    </InputAdornment>
-                  ) : (
-                    <Tooltip
-                      title="This name is stored locally and will never be shared with us or any third parties."
-                      arrow
-                      placement="top"
-                    >
-                      <InputAdornment position="end">
-                        <SvgIcon component={InfoIcon} inheritViewBox />
-                      </InputAdornment>
-                    </Tooltip>
-                  ),
-                }}
-              />
-            </Grid>
-            <Grid item order={[-1, 1]}>
-              <Box className={css.select}>
-                <NetworkSelector />
-              </Box>
-            </Grid>
-          </Grid>
-
-          <AddressInput
-            data-testid="address-section"
-            label="Safe Account"
-            validate={validateSafeAddress}
-            name={Field.address}
-          />
-
-          {/* <Typography mt={4}>
-            By continuing you consent to the{' '}
-            <Link href={AppRoutes.terms} passHref legacyBehavior>
-              <MUILink>terms of use</MUILink>
-            </Link>{' '}
-            and{' '}
-            <Link href={AppRoutes.privacy} passHref legacyBehavior>
-              <MUILink>privacy policy</MUILink>
-            </Link>
-            .
-          </Typography> */}
-        </Box>
-
-        <Divider />
-
-        <Box className={layoutCss.row}>
-          <Box display="flex" flexDirection="row" justifyContent="space-between" gap={3}>
-            <Button variant="outlined" size="small" onClick={handleBack} startIcon={<ArrowBackIcon fontSize="small" />}>
-              Back
-            </Button>
-            <Button
-              data-testid="load-safe-next-btn"
-              type="submit"
-              variant="contained"
-              size="stretched"
-              disabled={!isValid}
-            >
-              Next
-            </Button>
-          </Box>
-        </Box>
-      </form>
-    </FormProvider>
-  )
-}
-
-export default SetAddressStep
diff --git a/src/components/nfts/NftSendForm/index.tsx b/src/components/nfts/NftSendForm/index.tsx
deleted file mode 100644
index 9665dcd4e..000000000
--- a/src/components/nfts/NftSendForm/index.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import type { ReactElement } from 'react'
-import { Box, Button, Grid, SvgIcon, Typography } from '@mui/material'
-import ArrowIcon from '@/public/images/common/arrow-nw.svg'
-import type { SafeCollectibleResponse } from '@safe-global/safe-gateway-typescript-sdk'
-import { Sticky } from '@/components/common/Sticky'
-import CheckWallet from '@/components/common/CheckWallet'
-
-type NftSendFormProps = {
-  selectedNfts: SafeCollectibleResponse[]
-}
-
-const NftSendForm = ({ selectedNfts }: NftSendFormProps): ReactElement => {
-  const nftsText = `NFT${selectedNfts.length === 1 ? '' : 's'}`
-  const noSelected = selectedNfts.length === 0
-
-  return (
-    <Sticky>
-      <Grid container spacing={1} justifyContent="flex-end" alignItems="center">
-        <Grid item display={['none', 'block']} flex="1">
-          <Box bgcolor="secondary.background" py={0.75} px={2} flex={1} borderRadius={1} mr={1}>
-            <Box display="flex" alignItems="center" gap={1.5}>
-              <SvgIcon component={ArrowIcon} inheritViewBox color="border" sx={{ width: 12, height: 12 }} />
-
-              <Typography variant="body2" lineHeight="inherit">
-                {`${selectedNfts.length} ${nftsText} selected`}
-              </Typography>
-            </Box>
-          </Box>
-        </Grid>
-
-        <Grid item>
-          <CheckWallet>
-            {(isOk) => (
-              <Button
-                data-testid={`nft-send-btn-${!isOk || noSelected}`}
-                type="submit"
-                variant="contained"
-                size="small"
-                disabled={!isOk || noSelected}
-                sx={{
-                  minWidth: '10em',
-                }}
-              >
-                {noSelected ? 'Send' : `Send ${selectedNfts.length} ${nftsText}`}
-              </Button>
-            )}
-          </CheckWallet>
-        </Grid>
-      </Grid>
-    </Sticky>
-  )
-}
-
-export default NftSendForm
diff --git a/src/components/notification-center/NotificationCenter/index.tsx b/src/components/notification-center/NotificationCenter/index.tsx
deleted file mode 100644
index ebce3aee2..000000000
--- a/src/components/notification-center/NotificationCenter/index.tsx
+++ /dev/null
@@ -1,195 +0,0 @@
-import { useState, useMemo, type ReactElement, type MouseEvent } from 'react'
-import ButtonBase from '@mui/material/ButtonBase'
-import Popover from '@mui/material/Popover'
-import Paper from '@mui/material/Paper'
-import Typography from '@mui/material/Typography'
-import IconButton from '@mui/material/IconButton'
-import MuiLink from '@mui/material/Link'
-import BellIcon from '@/public/images/common/notifications.svg'
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
-import ExpandLessIcon from '@mui/icons-material/ExpandLess'
-import { useAppDispatch, useAppSelector } from '@/store'
-import {
-  selectNotifications,
-  readNotification,
-  closeNotification,
-  deleteAllNotifications,
-} from '@/store/notificationsSlice'
-import NotificationCenterList from '@/components/notification-center/NotificationCenterList'
-import UnreadBadge from '@/components/common/UnreadBadge'
-import Link from 'next/link'
-import { useRouter } from 'next/router'
-import { AppRoutes } from '@/config/routes'
-import SettingsIcon from '@/public/images/sidebar/settings.svg'
-
-import css from './styles.module.css'
-import { trackEvent, OVERVIEW_EVENTS } from '@/services/analytics'
-import SvgIcon from '@mui/icons-material/ExpandLess'
-import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
-
-const NOTIFICATION_CENTER_LIMIT = 4
-
-const NotificationCenter = (): ReactElement => {
-  const router = useRouter()
-  const [showAll, setShowAll] = useState<boolean>(false)
-  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)
-  const open = Boolean(anchorEl)
-  const hasPushNotifications = useHasFeature(FEATURES.PUSH_NOTIFICATIONS)
-  const dispatch = useAppDispatch()
-
-  const notifications = useAppSelector(selectNotifications)
-  const chronologicalNotifications = useMemo(() => {
-    // Clone as Redux returns read-only array
-    return notifications.slice().sort((a, b) => b.timestamp - a.timestamp)
-  }, [notifications])
-
-  const canExpand = notifications.length > NOTIFICATION_CENTER_LIMIT + 1
-
-  const notificationsToShow =
-    showAll || !canExpand ? chronologicalNotifications : chronologicalNotifications.slice(0, NOTIFICATION_CENTER_LIMIT)
-
-  const unreadCount = useMemo(() => notifications.filter(({ isRead }) => !isRead).length, [notifications])
-  const hasUnread = unreadCount > 0
-
-  const handleRead = () => {
-    notificationsToShow.forEach(({ isRead, id }) => {
-      if (!isRead) {
-        dispatch(readNotification({ id }))
-      }
-    })
-    setShowAll(false)
-  }
-
-  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {
-    if (!open) {
-      trackEvent(OVERVIEW_EVENTS.NOTIFICATION_CENTER)
-
-      notifications.forEach(({ isDismissed, id }) => {
-        if (!isDismissed) {
-          dispatch(closeNotification({ id }))
-        }
-      })
-    } else {
-      handleRead()
-    }
-    setAnchorEl(event.currentTarget)
-  }
-
-  const handleClose = () => {
-    if (open) {
-      handleRead()
-      setShowAll(false)
-    }
-    setAnchorEl(null)
-  }
-
-  const handleClear = () => {
-    dispatch(deleteAllNotifications())
-  }
-
-  const onSettingsClick = () => {
-    setTimeout(handleClose, 300)
-  }
-
-  const ExpandIcon = showAll ? ExpandLessIcon : ExpandMoreIcon
-
-  return (
-    <>
-      <ButtonBase className={css.bell} onClick={handleClick}>
-        <UnreadBadge
-          invisible={!hasUnread}
-          count={unreadCount}
-          anchorOrigin={{
-            vertical: 'bottom',
-            horizontal: 'right',
-          }}
-        >
-          <SvgIcon component={BellIcon} inheritViewBox fontSize="medium" />
-        </UnreadBadge>
-      </ButtonBase>
-
-      <Popover
-        open={open}
-        anchorEl={anchorEl}
-        onClose={handleClose}
-        anchorOrigin={{
-          vertical: 'bottom',
-          horizontal: 'left',
-        }}
-        transformOrigin={{
-          vertical: 'top',
-          horizontal: 'left',
-        }}
-        sx={{
-          '& > .MuiPaper-root': {
-            top: 'var(--header-height) !important',
-          },
-        }}
-        transitionDuration={0}
-      >
-        <Paper className={css.popoverContainer}>
-          <div className={css.popoverHeader}>
-            <div>
-              <Typography variant="h4" component="span" fontWeight={700}>
-                Notifications
-              </Typography>
-              {hasUnread && (
-                <Typography variant="caption" className={css.unreadCount}>
-                  {unreadCount}
-                </Typography>
-              )}
-            </div>
-            {notifications.length > 0 && (
-              <MuiLink onClick={handleClear} variant="body2" component="button" sx={{ textDecoration: 'unset' }}>
-                Clear all
-              </MuiLink>
-            )}
-          </div>
-
-          <div>
-            <NotificationCenterList notifications={notificationsToShow} handleClose={handleClose} />
-          </div>
-
-          <div className={css.popoverFooter}>
-            {canExpand && (
-              <>
-                <IconButton onClick={() => setShowAll((prev) => !prev)} disableRipple className={css.expandButton}>
-                  <UnreadBadge
-                    invisible={showAll || unreadCount <= NOTIFICATION_CENTER_LIMIT}
-                    anchorOrigin={{
-                      vertical: 'top',
-                      horizontal: 'left',
-                    }}
-                  >
-                    <ExpandIcon color="border" />
-                  </UnreadBadge>
-                </IconButton>
-                <Typography sx={{ color: ({ palette }) => palette.border.main }}>
-                  {showAll ? 'Hide' : `${notifications.length - NOTIFICATION_CENTER_LIMIT} other notifications`}
-                </Typography>
-              </>
-            )}
-
-            {hasPushNotifications && (
-              <Link
-                href={{
-                  pathname: AppRoutes.settings.notifications,
-                  query: router.query,
-                }}
-                passHref
-                legacyBehavior
-              >
-                <MuiLink className={css.settingsLink} variant="body2" onClick={onSettingsClick}>
-                  <SvgIcon component={SettingsIcon} inheritViewBox fontSize="small" /> Push notifications settings
-                </MuiLink>
-              </Link>
-            )}
-          </div>
-        </Paper>
-      </Popover>
-    </>
-  )
-}
-
-export default NotificationCenter
diff --git a/src/components/notification-center/NotificationCenterItem/index.tsx b/src/components/notification-center/NotificationCenterItem/index.tsx
deleted file mode 100644
index 4af8e6dd0..000000000
--- a/src/components/notification-center/NotificationCenterItem/index.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import ListItem from '@mui/material/ListItem'
-import ListItemAvatar from '@mui/material/ListItemAvatar'
-import ListItemText from '@mui/material/ListItemText'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import WarningIcon from '@/public/images/notifications/warning.svg'
-import ErrorIcon from '@/public/images/notifications/error.svg'
-import SuccessIcon from '@/public/images/notifications/success.svg'
-import { NotificationLink } from '@/components/common/Notifications'
-import type { AlertColor } from '@mui/material/Alert'
-import type { ReactElement } from 'react'
-
-import type { Notification } from '@/store/notificationsSlice'
-import UnreadBadge from '@/components/common/UnreadBadge'
-import { formatTimeInWords } from '@/utils/date'
-
-import css from './styles.module.css'
-import classnames from 'classnames'
-import SvgIcon from '@mui/material/SvgIcon'
-import { Typography } from '@mui/material'
-
-const VARIANT_ICONS = {
-  error: ErrorIcon,
-  info: InfoIcon,
-  success: SuccessIcon,
-  warning: WarningIcon,
-}
-
-const getNotificationIcon = (variant: AlertColor): ReactElement => {
-  return <SvgIcon component={VARIANT_ICONS[variant]} inheritViewBox color={variant} />
-}
-
-const NotificationCenterItem = ({
-  isRead,
-  variant,
-  message,
-  timestamp,
-  link,
-  handleClose,
-  title,
-}: Notification & { handleClose: () => void }): ReactElement => {
-  const requiresAction = !isRead && !!link
-
-  const secondaryText = (
-    <span className={css.secondaryText}>
-      <span>{formatTimeInWords(timestamp)}</span>
-      <NotificationLink link={link} onClick={handleClose} />
-    </span>
-  )
-
-  const primaryText = (
-    <>
-      {title && <Typography fontWeight="700">{title}</Typography>}
-      <Typography>{message}</Typography>
-    </>
-  )
-
-  return (
-    <ListItem className={classnames(css.item, { [css.requiresAction]: requiresAction })}>
-      <ListItemAvatar className={css.avatar}>
-        <UnreadBadge
-          invisible={isRead}
-          anchorOrigin={{
-            vertical: 'top',
-            horizontal: 'left',
-          }}
-        >
-          {getNotificationIcon(variant)}
-        </UnreadBadge>
-      </ListItemAvatar>
-      <ListItemText primary={primaryText} secondary={secondaryText} />
-    </ListItem>
-  )
-}
-
-export default NotificationCenterItem
diff --git a/src/components/notification-center/NotificationCenterList/index.tsx b/src/components/notification-center/NotificationCenterList/index.tsx
deleted file mode 100644
index 8be6e28e8..000000000
--- a/src/components/notification-center/NotificationCenterList/index.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import type { ReactElement } from 'react'
-import Typography from '@mui/material/Typography'
-import List from '@mui/material/List'
-import Box from '@mui/material/Box'
-
-import type { NotificationState } from '@/store/notificationsSlice'
-import NotificationCenterItem from '@/components/notification-center/NotificationCenterItem'
-import NoNotificationsIcon from '@/public/images/notifications/no-notifications.svg'
-
-import css from './styles.module.css'
-
-type NotificationCenterListProps = {
-  notifications: NotificationState
-  handleClose: () => void
-}
-
-const NotificationCenterList = ({ notifications, handleClose }: NotificationCenterListProps): ReactElement => {
-  if (!notifications.length) {
-    return (
-      <div className={css.wrapper}>
-        <NoNotificationsIcon alt="No notifications" />
-        <Typography paddingTop="8px">No notifications</Typography>
-      </div>
-    )
-  }
-
-  return (
-    <Box className={css.scrollContainer}>
-      <List sx={{ p: 0 }}>
-        {notifications.map((notification) => (
-          <NotificationCenterItem key={notification.id} {...notification} handleClose={handleClose} />
-        ))}
-      </List>
-    </Box>
-  )
-}
-
-export default NotificationCenterList
diff --git a/src/components/privacy/index.tsx b/src/components/privacy/index.tsx
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/components/safe-apps/AddCustomAppModal/index.tsx b/src/components/safe-apps/AddCustomAppModal/index.tsx
deleted file mode 100644
index c7b3d2edd..000000000
--- a/src/components/safe-apps/AddCustomAppModal/index.tsx
+++ /dev/null
@@ -1,170 +0,0 @@
-import { useCallback } from 'react'
-import type { SubmitHandler } from 'react-hook-form'
-import { useForm } from 'react-hook-form'
-import {
-  DialogActions,
-  DialogContent,
-  Typography,
-  Button,
-  TextField,
-  FormControlLabel,
-  Checkbox,
-  Box,
-  FormHelperText,
-} from '@mui/material'
-import CheckIcon from '@mui/icons-material/Check'
-import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
-import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined'
-import ModalDialog from '@/components/common/ModalDialog'
-import { isValidURL } from '@/utils/validation'
-import { useCurrentChain } from '@/hooks/useChains'
-import useAsync from '@/hooks/useAsync'
-import useDebounce from '@/hooks/useDebounce'
-import { fetchSafeAppFromManifest } from '@/services/safe-apps/manifest'
-import { SAFE_APPS_EVENTS, trackSafeAppEvent } from '@/services/analytics'
-import { isSameUrl, trimTrailingSlash } from '@/utils/url'
-import CustomAppPlaceholder from './CustomAppPlaceholder'
-import CustomApp from './CustomApp'
-import { useShareSafeAppUrl } from '@/components/safe-apps/hooks/useShareSafeAppUrl'
-
-import css from './styles.module.css'
-import ExternalLink from '@/components/common/ExternalLink'
-
-type Props = {
-  open: boolean
-  onClose: () => void
-  onSave: (data: SafeAppData) => void
-  // A list of safe apps to check if the app is already there
-  safeAppsList: SafeAppData[]
-}
-
-type CustomAppFormData = {
-  appUrl: string
-  riskAcknowledgement: boolean
-  safeApp: SafeAppData
-}
-
-const HELP_LINK = 'https://docs.safe.global/apps-sdk-overview'
-const APP_ALREADY_IN_THE_LIST_ERROR = 'This Safe App is already in the list'
-const MANIFEST_ERROR = "The app doesn't support Safe App functionality"
-const INVALID_URL_ERROR = 'The url is invalid'
-
-export const AddCustomAppModal = ({ open, onClose, onSave, safeAppsList }: Props) => {
-  const currentChain = useCurrentChain()
-
-  const {
-    register,
-    handleSubmit,
-    formState: { errors, isValid },
-    watch,
-    reset,
-  } = useForm<CustomAppFormData>({ defaultValues: { riskAcknowledgement: false }, mode: 'onChange' })
-
-  const onSubmit: SubmitHandler<CustomAppFormData> = (_, __) => {
-    if (safeApp) {
-      onSave(safeApp)
-      trackSafeAppEvent(SAFE_APPS_EVENTS.ADD_CUSTOM_APP, safeApp.url)
-      reset()
-      onClose()
-    }
-  }
-
-  const appUrl = watch('appUrl')
-  const debouncedUrl = useDebounce(trimTrailingSlash(appUrl || ''), 300)
-
-  const [safeApp, manifestError] = useAsync<SafeAppData | undefined>(() => {
-    if (!isValidURL(debouncedUrl)) return
-
-    return fetchSafeAppFromManifest(debouncedUrl, currentChain?.chainId || '')
-  }, [currentChain, debouncedUrl])
-
-  const handleClose = () => {
-    reset()
-    onClose()
-  }
-
-  const isAppAlreadyInTheList = useCallback(
-    (appUrl: string) => safeAppsList.some((app) => isSameUrl(app.url, appUrl)),
-    [safeAppsList],
-  )
-
-  const shareSafeAppUrl = useShareSafeAppUrl(safeApp?.url || '')
-  const isSafeAppValid = isValid && safeApp
-  const isCustomAppInTheDefaultList = errors?.appUrl?.type === 'alreadyExists'
-
-  return (
-    <ModalDialog open={open} onClose={handleClose} dialogTitle="Add custom Safe App">
-      <form onSubmit={handleSubmit(onSubmit)}>
-        <DialogContent className={css.addCustomAppContainer}>
-          <div className={css.addCustomAppFields}>
-            <TextField
-              required
-              label="Safe App URL"
-              error={errors?.appUrl?.type === 'validUrl'}
-              helperText={errors?.appUrl?.type === 'validUrl' && errors?.appUrl?.message}
-              autoComplete="off"
-              {...register('appUrl', {
-                required: true,
-                validate: {
-                  validUrl: (val: string) => (isValidURL(val) ? undefined : INVALID_URL_ERROR),
-                  alreadyExists: (val: string) =>
-                    isAppAlreadyInTheList(val) ? APP_ALREADY_IN_THE_LIST_ERROR : undefined,
-                },
-              })}
-            />
-            <Box mt={2}>
-              {safeApp ? (
-                <>
-                  <CustomApp safeApp={safeApp} shareUrl={isCustomAppInTheDefaultList ? shareSafeAppUrl : ''} />
-                  {isCustomAppInTheDefaultList ? (
-                    <Box display="flex" mt={2} alignItems="center">
-                      <CheckIcon color="success" />
-                      <Typography ml={1}>This Safe App is already registered</Typography>
-                    </Box>
-                  ) : (
-                    <>
-                      <FormControlLabel
-                        aria-required
-                        control={
-                          <Checkbox
-                            {...register('riskAcknowledgement', {
-                              required: true,
-                            })}
-                          />
-                        }
-                        label="This Safe App is not part of Rootstock Safe and I agree to use it at my own risk."
-                        sx={{ mt: 2 }}
-                      />
-
-                      {errors.riskAcknowledgement && (
-                        <FormHelperText error>Accepting the disclaimer is mandatory</FormHelperText>
-                      )}
-                    </>
-                  )}
-                </>
-              ) : (
-                <CustomAppPlaceholder error={isValidURL(debouncedUrl) && manifestError ? MANIFEST_ERROR : ''} />
-              )}
-            </Box>
-          </div>
-
-          <div className={css.addCustomAppHelp}>
-            <InfoOutlinedIcon className={css.addCustomAppHelpIcon} />
-            <Typography ml={0.5}>Learn more about building</Typography>
-            <ExternalLink className={css.addCustomAppHelpLink} href={HELP_LINK} fontWeight={700}>
-              Safe Apps
-            </ExternalLink>
-            .
-          </div>
-        </DialogContent>
-
-        <DialogActions disableSpacing>
-          <Button onClick={handleClose}>Cancel</Button>
-          <Button type="submit" variant="contained" disabled={!isSafeAppValid}>
-            Add
-          </Button>
-        </DialogActions>
-      </form>
-    </ModalDialog>
-  )
-}
diff --git a/src/components/safe-apps/AddCustomSafeAppCard/index.tsx b/src/components/safe-apps/AddCustomSafeAppCard/index.tsx
deleted file mode 100644
index aaf1cef17..000000000
--- a/src/components/safe-apps/AddCustomSafeAppCard/index.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { useState } from 'react'
-import Card from '@mui/material/Card'
-import Box from '@mui/material/Box'
-import Button from '@mui/material/Button'
-import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
-
-import AddCustomAppIcon from '@/public/images/apps/add-custom-app.svg'
-import { AddCustomAppModal } from '@/components/safe-apps/AddCustomAppModal'
-
-type Props = { onSave: (data: SafeAppData) => void; safeAppList: SafeAppData[] }
-
-const AddCustomSafeAppCard = ({ onSave, safeAppList }: Props) => {
-  const [addCustomAppModalOpen, setAddCustomAppModalOpen] = useState<boolean>(false)
-
-  return (
-    <>
-      <Card>
-        <Box padding="48px 12px" display="flex" flexDirection="column" alignItems="center">
-          {/* Add Custom Safe App Icon */}
-          <AddCustomAppIcon alt="Add Custom Safe App card" />
-
-          {/*  Add Custom Safe App Button */}
-          <Button
-            variant="contained"
-            size="small"
-            onClick={() => setAddCustomAppModalOpen(true)}
-            sx={{
-              mt: 3,
-            }}
-          >
-            Add custom Safe App
-          </Button>
-        </Box>
-      </Card>
-
-      {/*  Add Custom Safe App Modal */}
-      <AddCustomAppModal
-        open={addCustomAppModalOpen}
-        onClose={() => setAddCustomAppModalOpen(false)}
-        onSave={onSave}
-        safeAppsList={safeAppList}
-      />
-    </>
-  )
-}
-
-export default AddCustomSafeAppCard
diff --git a/src/components/safe-apps/AppFrame/SafeAppIframe.tsx b/src/components/safe-apps/AppFrame/SafeAppIframe.tsx
deleted file mode 100644
index b6eaf4601..000000000
--- a/src/components/safe-apps/AppFrame/SafeAppIframe.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import type { MutableRefObject, ReactElement } from 'react'
-import css from './styles.module.css'
-
-type SafeAppIFrameProps = {
-  appUrl: string
-  allowedFeaturesList: string
-  title?: string
-  iframeRef?: MutableRefObject<HTMLIFrameElement | null>
-  onLoad?: () => void
-}
-
-// see sandbox mdn docs for more details https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-sandbox
-const IFRAME_SANDBOX_ALLOWED_FEATURES =
-  'allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-forms allow-downloads allow-orientation-lock'
-
-const SafeAppIframe = ({ appUrl, allowedFeaturesList, iframeRef, onLoad, title }: SafeAppIFrameProps): ReactElement => {
-  return (
-    <iframe
-      className={css.iframe}
-      id={`iframe-${appUrl}`}
-      ref={iframeRef}
-      src={appUrl}
-      title={title}
-      onLoad={onLoad}
-      sandbox={IFRAME_SANDBOX_ALLOWED_FEATURES}
-      allow={allowedFeaturesList}
-    />
-  )
-}
-
-export default SafeAppIframe
diff --git a/src/components/safe-apps/AppFrame/TransactionQueueBar/index.tsx b/src/components/safe-apps/AppFrame/TransactionQueueBar/index.tsx
deleted file mode 100644
index 3719947d0..000000000
--- a/src/components/safe-apps/AppFrame/TransactionQueueBar/index.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import type { Dispatch, ReactElement, SetStateAction } from 'react'
-import { Backdrop, Typography, Box, IconButton, Accordion, AccordionDetails, AccordionSummary } from '@mui/material'
-import { ClickAwayListener } from '@mui/base'
-import CloseIcon from '@mui/icons-material/Close'
-import ExpandLessIcon from '@mui/icons-material/ExpandLess'
-
-import useTxQueue from '@/hooks/useTxQueue'
-import PaginatedTxns from '@/components/common/PaginatedTxns'
-import styles from './styles.module.css'
-import { getQueuedTransactionCount } from '@/utils/transactions'
-import { BatchExecuteHoverProvider } from '@/components/transactions/BatchExecuteButton/BatchExecuteHoverProvider'
-import BatchExecuteButton from '@/components/transactions/BatchExecuteButton'
-import type { TransactionListPage } from '@safe-global/safe-gateway-typescript-sdk'
-
-type Props = {
-  expanded: boolean
-  visible: boolean
-  setExpanded: Dispatch<SetStateAction<boolean>>
-  onDismiss: () => void
-  transactions: TransactionListPage
-}
-
-const TransactionQueueBar = ({
-  expanded,
-  visible,
-  setExpanded,
-  onDismiss,
-  transactions,
-}: Props): ReactElement | null => {
-  if (!visible || transactions.results.length === 0) {
-    return null
-  }
-
-  const queuedTxCount = getQueuedTransactionCount(transactions)
-
-  // if you inline the expression, it will split put the `queuedTxCount` on a new line
-  // and make it harder to find this text for matchers in tests
-  const barTitle = `(${queuedTxCount}) Transaction queue`
-  return (
-    <>
-      <Box className={styles.barWrapper}>
-        <ClickAwayListener onClickAway={() => setExpanded(false)} mouseEvent="onMouseDown" touchEvent="onTouchStart">
-          <Accordion
-            expanded={expanded}
-            onChange={() => setExpanded((prev) => !prev)}
-            TransitionProps={{
-              timeout: {
-                appear: 400,
-                enter: 0,
-                exit: 500,
-              },
-              unmountOnExit: false,
-              mountOnEnter: true,
-            }}
-            sx={{
-              // there are very specific rules for the border radius that we have to override
-              borderBottomLeftRadius: '0 !important',
-              borderBottomRightRadius: '0 !important',
-            }}
-          >
-            <AccordionSummary
-              sx={{ '.MuiAccordionSummary-content': { alignItems: 'center' }, height: TRANSACTION_BAR_HEIGHT }}
-            >
-              <Typography variant="body1" color="primary.main" fontWeight={700} sx={{ mr: 'auto' }}>
-                {barTitle}
-              </Typography>
-
-              <IconButton
-                onClick={(event) => {
-                  event.stopPropagation()
-                  setExpanded((prev) => !prev)
-                }}
-                aria-label={`${expanded ? 'close' : 'expand'} transaction queue bar`}
-                sx={{ transform: expanded ? 'rotate(180deg)' : undefined }}
-              >
-                <ExpandLessIcon />
-              </IconButton>
-              <IconButton onClick={onDismiss} aria-label="dismiss transaction queue bar">
-                <CloseIcon />
-              </IconButton>
-            </AccordionSummary>
-            <AccordionDetails>
-              <BatchExecuteHoverProvider>
-                <Box display="flex" flexDirection="column" alignItems="flex-end">
-                  <BatchExecuteButton />
-                </Box>
-                <PaginatedTxns useTxns={useTxQueue} />
-              </BatchExecuteHoverProvider>
-            </AccordionDetails>
-          </Accordion>
-        </ClickAwayListener>
-      </Box>
-      <Backdrop open={expanded} />
-    </>
-  )
-}
-
-export const TRANSACTION_BAR_HEIGHT = '64px'
-
-export default TransactionQueueBar
diff --git a/src/components/safe-apps/AppFrame/index.tsx b/src/components/safe-apps/AppFrame/index.tsx
deleted file mode 100644
index b2e1155ea..000000000
--- a/src/components/safe-apps/AppFrame/index.tsx
+++ /dev/null
@@ -1,178 +0,0 @@
-import useAddressBook from '@/hooks/useAddressBook'
-import useChainId from '@/hooks/useChainId'
-import { type AddressBookItem, Methods } from '@safe-global/safe-apps-sdk'
-import type { ReactElement } from 'react'
-import { useMemo } from 'react'
-import { useCallback, useEffect } from 'react'
-import { CircularProgress, Typography } from '@mui/material'
-import { useRouter } from 'next/router'
-import Head from 'next/head'
-import type { RequestId } from '@safe-global/safe-apps-sdk'
-import { trackSafeAppOpenCount } from '@/services/safe-apps/track-app-usage-count'
-import { SAFE_APPS_EVENTS, trackSafeAppEvent } from '@/services/analytics'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { useSafeAppFromBackend } from '@/hooks/safe-apps/useSafeAppFromBackend'
-import { useSafePermissions } from '@/hooks/safe-apps/permissions'
-import { useCurrentChain } from '@/hooks/useChains'
-import { isSameUrl } from '@/utils/url'
-import useTransactionQueueBarState from '@/components/safe-apps/AppFrame/useTransactionQueueBarState'
-import { gtmTrackPageview } from '@/services/analytics/gtm'
-import useThirdPartyCookies from './useThirdPartyCookies'
-import useAnalyticsFromSafeApp from './useFromAppAnalytics'
-import useAppIsLoading from './useAppIsLoading'
-import { ThirdPartyCookiesWarning } from './ThirdPartyCookiesWarning'
-import TransactionQueueBar, { TRANSACTION_BAR_HEIGHT } from './TransactionQueueBar'
-import PermissionsPrompt from '@/components/safe-apps/PermissionsPrompt'
-import { PermissionStatus, type SafeAppDataWithPermissions } from '@/components/safe-apps/types'
-
-import css from './styles.module.css'
-import SafeAppIframe from './SafeAppIframe'
-import { useCustomAppCommunicator } from '@/hooks/safe-apps/useCustomAppCommunicator'
-
-const UNKNOWN_APP_NAME = 'Unknown Safe App'
-
-type AppFrameProps = {
-  appUrl: string
-  allowedFeaturesList: string
-  safeAppFromManifest: SafeAppDataWithPermissions
-}
-
-const AppFrame = ({ appUrl, allowedFeaturesList, safeAppFromManifest }: AppFrameProps): ReactElement => {
-  const { safe, safeLoaded } = useSafeInfo()
-  const addressBook = useAddressBook()
-  const chainId = useChainId()
-  const chain = useCurrentChain()
-  const router = useRouter()
-  const {
-    expanded: queueBarExpanded,
-    dismissedByUser: queueBarDismissed,
-    setExpanded,
-    dismissQueueBar,
-    transactions,
-  } = useTransactionQueueBarState()
-  const queueBarVisible = transactions.results.length > 0 && !queueBarDismissed
-  const [remoteApp, , isBackendAppsLoading] = useSafeAppFromBackend(appUrl, safe.chainId)
-  const { thirdPartyCookiesDisabled, setThirdPartyCookiesDisabled } = useThirdPartyCookies()
-  const { iframeRef, appIsLoading, isLoadingSlow, setAppIsLoading } = useAppIsLoading()
-  useAnalyticsFromSafeApp(iframeRef)
-  const { permissionsRequest, setPermissionsRequest, confirmPermissionRequest, getPermissions, hasPermission } =
-    useSafePermissions()
-  const appName = useMemo(() => (remoteApp ? remoteApp.name : appUrl), [appUrl, remoteApp])
-
-  const communicator = useCustomAppCommunicator(iframeRef, remoteApp || safeAppFromManifest, chain, {
-    onGetPermissions: getPermissions,
-    onRequestAddressBook: (origin: string): AddressBookItem[] => {
-      if (hasPermission(origin, Methods.requestAddressBook)) {
-        return Object.entries(addressBook).map(([address, name]) => ({ address, name, chainId }))
-      }
-
-      return []
-    },
-    onSetPermissions: setPermissionsRequest,
-  })
-
-  const onAcceptPermissionRequest = (_origin: string, requestId: RequestId) => {
-    const permissions = confirmPermissionRequest(PermissionStatus.GRANTED)
-    communicator?.send(permissions, requestId as string)
-  }
-
-  const onRejectPermissionRequest = (requestId?: RequestId) => {
-    if (requestId) {
-      confirmPermissionRequest(PermissionStatus.DENIED)
-      communicator?.send('Permissions were rejected', requestId as string, true)
-    } else {
-      setPermissionsRequest(undefined)
-    }
-  }
-
-  useEffect(() => {
-    if (!remoteApp) return
-
-    trackSafeAppOpenCount(remoteApp.id)
-  }, [remoteApp])
-
-  const onIframeLoad = useCallback(() => {
-    const iframe = iframeRef.current
-    if (!iframe || !isSameUrl(iframe.src, appUrl)) {
-      return
-    }
-
-    setAppIsLoading(false)
-    gtmTrackPageview(`${router.pathname}?appUrl=${router.query.appUrl}`, router.asPath)
-  }, [appUrl, iframeRef, setAppIsLoading, router])
-
-  useEffect(() => {
-    if (!appIsLoading && !isBackendAppsLoading) {
-      trackSafeAppEvent(
-        {
-          ...SAFE_APPS_EVENTS.OPEN_APP,
-        },
-        appName,
-      )
-    }
-  }, [appIsLoading, isBackendAppsLoading, appName])
-
-  if (!safeLoaded) {
-    return <div />
-  }
-
-  return (
-    <>
-      <Head>
-        <title>{`Safe Apps - Viewer - ${remoteApp ? remoteApp.name : UNKNOWN_APP_NAME}`}</title>
-      </Head>
-
-      <div className={css.wrapper}>
-        {thirdPartyCookiesDisabled && <ThirdPartyCookiesWarning onClose={() => setThirdPartyCookiesDisabled(false)} />}
-
-        {appIsLoading && (
-          <div className={css.loadingContainer}>
-            {isLoadingSlow && (
-              <Typography variant="h4" gutterBottom>
-                The Safe App is taking too long to load, consider refreshing.
-              </Typography>
-            )}
-            <CircularProgress size={48} color="primary" />
-          </div>
-        )}
-
-        <div
-          style={{
-            height: '100%',
-            display: appIsLoading ? 'none' : 'block',
-            paddingBottom: queueBarVisible ? TRANSACTION_BAR_HEIGHT : 0,
-          }}
-        >
-          <SafeAppIframe
-            appUrl={appUrl}
-            allowedFeaturesList={allowedFeaturesList}
-            iframeRef={iframeRef}
-            onLoad={onIframeLoad}
-            title={safeAppFromManifest?.name}
-          />
-        </div>
-
-        <TransactionQueueBar
-          expanded={queueBarExpanded}
-          visible={queueBarVisible && !queueBarDismissed}
-          setExpanded={setExpanded}
-          onDismiss={dismissQueueBar}
-          transactions={transactions}
-        />
-
-        {permissionsRequest && (
-          <PermissionsPrompt
-            isOpen
-            origin={permissionsRequest.origin}
-            requestId={permissionsRequest.requestId}
-            onAccept={onAcceptPermissionRequest}
-            onReject={onRejectPermissionRequest}
-            permissions={permissionsRequest.request}
-          />
-        )}
-      </div>
-    </>
-  )
-}
-
-export default AppFrame
diff --git a/src/components/safe-apps/AppFrame/useGetSafeInfo.ts b/src/components/safe-apps/AppFrame/useGetSafeInfo.ts
deleted file mode 100644
index 1dcb0c6c0..000000000
--- a/src/components/safe-apps/AppFrame/useGetSafeInfo.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { useMemo } from 'react'
-import useChainId from '@/hooks/useChainId'
-import { useCurrentChain } from '@/hooks/useChains'
-import useIsSafeOwner from '@/hooks/useIsSafeOwner'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { getLegacyChainName } from '../utils'
-
-const useGetSafeInfo = () => {
-  const { safe, safeAddress } = useSafeInfo()
-  const isOwner = useIsSafeOwner()
-  const chainId = useChainId()
-  const chain = useCurrentChain()
-  const chainName = chain?.chainName || ''
-
-  return useMemo(
-    () => () => ({
-      safeAddress,
-      chainId: parseInt(chainId, 10),
-      owners: safe.owners.map((owner) => owner.value),
-      threshold: safe.threshold,
-      isReadOnly: !isOwner,
-      nonce: safe.nonce,
-      implementation: safe.implementation.value,
-      modules: safe.modules ? safe.modules.map((module) => module.value) : null,
-      fallbackHandler: safe.fallbackHandler ? safe.fallbackHandler?.value : null,
-      guard: safe.guard?.value || null,
-      version: safe.version,
-      network: getLegacyChainName(chainName || '', chainId).toUpperCase(),
-    }),
-    [
-      chainId,
-      chainName,
-      isOwner,
-      safeAddress,
-      safe.owners,
-      safe.threshold,
-      safe.nonce,
-      safe.implementation,
-      safe.modules,
-      safe.fallbackHandler,
-      safe.guard,
-      safe.version,
-    ],
-  )
-}
-
-export default useGetSafeInfo
diff --git a/src/components/safe-apps/NativeSwapsCard/index.tsx b/src/components/safe-apps/NativeSwapsCard/index.tsx
deleted file mode 100644
index b95e687b7..000000000
--- a/src/components/safe-apps/NativeSwapsCard/index.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import CardHeader from '@mui/material/CardHeader'
-import CardContent from '@mui/material/CardContent'
-import Typography from '@mui/material/Typography'
-import { Button, Paper, Stack } from '@mui/material'
-import SafeAppIconCard from '../SafeAppIconCard'
-import css from './styles.module.css'
-import { SWAP_EVENTS, SWAP_LABELS } from '@/services/analytics/events/swaps'
-import Track from '@/components/common/Track'
-import Link from 'next/link'
-import { AppRoutes } from '@/config/routes'
-import { useRouter } from 'next/router'
-import useLocalStorage from '@/services/local-storage/useLocalStorage'
-import useIsSwapFeatureEnabled from '@/features/swap/hooks/useIsSwapFeatureEnabled'
-
-const SWAPS_APP_CARD_STORAGE_KEY = 'showSwapsAppCard'
-
-const NativeSwapsCard = () => {
-  const router = useRouter()
-  const isSwapFeatureEnabled = useIsSwapFeatureEnabled()
-  const [isSwapsCardVisible = true, setIsSwapsCardVisible] = useLocalStorage<boolean>(SWAPS_APP_CARD_STORAGE_KEY)
-  if (!isSwapFeatureEnabled || !isSwapsCardVisible) return null
-
-  return (
-    <Paper className={css.container}>
-      <CardHeader
-        className={css.header}
-        avatar={
-          <div className={css.iconContainer}>
-            <SafeAppIconCard src="/images/common/swap.svg" alt="Swap Icon" width={24} height={24} />
-          </div>
-        }
-      />
-
-      <CardContent className={css.content}>
-        <Typography className={css.title} variant="h5">
-          Native swaps are here!
-        </Typography>
-
-        <Typography className={css.description} variant="body2" color="text.secondary">
-          Experience seamless trading with better decoding and security in native swaps.
-        </Typography>
-
-        <Stack direction="row" gap={2} className={css.buttons}>
-          <Track {...SWAP_EVENTS.OPEN_SWAPS} label={SWAP_LABELS.safeAppsPromoWidget}>
-            <Link href={{ pathname: AppRoutes.swap, query: { safe: router.query.safe } }} passHref legacyBehavior>
-              <Button variant="contained" size="small">
-                Try now
-              </Button>
-            </Link>
-          </Track>
-          <Button onClick={() => setIsSwapsCardVisible(false)} size="small" variant="text" sx={{ px: '16px' }}>
-            Don&apos;t show
-          </Button>
-        </Stack>
-      </CardContent>
-    </Paper>
-  )
-}
-
-export default NativeSwapsCard
diff --git a/src/components/safe-apps/NativeSwapsCard/styles.module.css b/src/components/safe-apps/NativeSwapsCard/styles.module.css
deleted file mode 100644
index 68b767d1a..000000000
--- a/src/components/safe-apps/NativeSwapsCard/styles.module.css
+++ /dev/null
@@ -1,50 +0,0 @@
-.container {
-  transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
-  border: 1px solid transparent;
-  height: 100%;
-}
-
-.container:hover {
-  background-color: var(--color-background-light);
-  border: 1px solid var(--color-secondary-light);
-}
-
-.header {
-  padding: var(--space-3) var(--space-2) var(--space-1) var(--space-2);
-}
-
-.content {
-  padding: var(--space-2);
-}
-
-.iconContainer {
-  position: relative;
-  background: var(--color-secondary-light);
-  border-radius: 50%;
-  display: flex;
-  padding: var(--space-1);
-}
-
-.title {
-  line-height: 175%;
-  margin: 0;
-
-  flex-grow: 1;
-
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.description {
-  /* Truncate Safe App Description (3 lines) */
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-.buttons {
-  padding-top: var(--space-2);
-  white-space: nowrap;
-}
diff --git a/src/components/safe-apps/SafeAppCard/index.tsx b/src/components/safe-apps/SafeAppCard/index.tsx
deleted file mode 100644
index 64b4cc6f6..000000000
--- a/src/components/safe-apps/SafeAppCard/index.tsx
+++ /dev/null
@@ -1,163 +0,0 @@
-import Link from 'next/link'
-import { useRouter } from 'next/router'
-import Card from '@mui/material/Card'
-import CardHeader from '@mui/material/CardHeader'
-import CardContent from '@mui/material/CardContent'
-import Typography from '@mui/material/Typography'
-import { resolveHref } from 'next/dist/client/resolve-href'
-import classNames from 'classnames'
-import type { ReactNode, SyntheticEvent } from 'react'
-import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
-import type { NextRouter } from 'next/router'
-
-import type { UrlObject } from 'url'
-import SafeAppIconCard from '@/components/safe-apps/SafeAppIconCard'
-import SafeAppActionButtons from '@/components/safe-apps/SafeAppActionButtons'
-import SafeAppTags from '@/components/safe-apps/SafeAppTags'
-import { isOptimizedForBatchTransactions } from '@/components/safe-apps/utils'
-import { AppRoutes } from '@/config/routes'
-import BatchIcon from '@/public/images/apps/batch-icon.svg'
-import css from './styles.module.css'
-
-type SafeAppCardProps = {
-  safeApp: SafeAppData
-  onClickSafeApp?: () => void
-  isBookmarked?: boolean
-  onBookmarkSafeApp?: (safeAppId: number) => void
-  removeCustomApp?: (safeApp: SafeAppData) => void
-  openPreviewDrawer?: (safeApp: SafeAppData) => void
-}
-
-const SafeAppCard = ({
-  safeApp,
-  onClickSafeApp,
-  isBookmarked,
-  onBookmarkSafeApp,
-  removeCustomApp,
-  openPreviewDrawer,
-}: SafeAppCardProps) => {
-  const router = useRouter()
-
-  const safeAppUrl = getSafeAppUrl(router, safeApp.url)
-
-  return (
-    <SafeAppCardGridView
-      safeApp={safeApp}
-      safeAppUrl={safeAppUrl}
-      isBookmarked={isBookmarked}
-      onBookmarkSafeApp={onBookmarkSafeApp}
-      removeCustomApp={removeCustomApp}
-      onClickSafeApp={onClickSafeApp}
-      openPreviewDrawer={openPreviewDrawer}
-    />
-  )
-}
-
-export default SafeAppCard
-
-export const getSafeAppUrl = (router: NextRouter, safeAppUrl: string) => {
-  const shareUrlObj: UrlObject = {
-    pathname: AppRoutes.apps.open,
-    query: { safe: router.query.safe, appUrl: safeAppUrl },
-  }
-
-  return resolveHref(router, shareUrlObj)
-}
-
-type SafeAppCardViewProps = {
-  safeApp: SafeAppData
-  onClickSafeApp?: () => void
-  safeAppUrl: string
-  isBookmarked?: boolean
-  onBookmarkSafeApp?: (safeAppId: number) => void
-  removeCustomApp?: (safeApp: SafeAppData) => void
-  openPreviewDrawer?: (safeApp: SafeAppData) => void
-}
-
-const SafeAppCardGridView = ({
-  safeApp,
-  onClickSafeApp,
-  safeAppUrl,
-  isBookmarked,
-  onBookmarkSafeApp,
-  removeCustomApp,
-  openPreviewDrawer,
-}: SafeAppCardViewProps) => {
-  return (
-    <SafeAppCardContainer safeAppUrl={safeAppUrl} onClickSafeApp={onClickSafeApp} height="100%">
-      {/* Safe App Header */}
-      <CardHeader
-        className={css.safeAppHeader}
-        avatar={
-          <div className={css.safeAppIconContainer}>
-            {/* Batch transactions Icon */}
-            {isOptimizedForBatchTransactions(safeApp) && (
-              <BatchIcon className={css.safeAppBatchIcon} alt="batch transactions icon" />
-            )}
-
-            {/* Safe App Icon */}
-            <SafeAppIconCard src={safeApp.iconUrl} alt={`${safeApp.name} logo`} />
-          </div>
-        }
-        action={
-          <>
-            {/* Safe App Action Buttons */}
-            <SafeAppActionButtons
-              safeApp={safeApp}
-              isBookmarked={isBookmarked}
-              onBookmarkSafeApp={onBookmarkSafeApp}
-              removeCustomApp={removeCustomApp}
-              openPreviewDrawer={openPreviewDrawer}
-            />
-          </>
-        }
-      />
-
-      <CardContent className={css.safeAppContent}>
-        {/* Safe App Title */}
-        <Typography className={css.safeAppTitle} gutterBottom variant="h5">
-          {safeApp.name}
-        </Typography>
-
-        {/* Safe App Description */}
-        <Typography className={css.safeAppDescription} variant="body2" color="text.secondary">
-          {safeApp.description}
-        </Typography>
-
-        {/* Safe App Tags */}
-        <SafeAppTags tags={safeApp.tags} />
-      </CardContent>
-    </SafeAppCardContainer>
-  )
-}
-
-type SafeAppCardContainerProps = {
-  onClickSafeApp?: () => void
-  safeAppUrl: string
-  children: ReactNode
-  height?: string
-  className?: string
-}
-
-export const SafeAppCardContainer = ({
-  children,
-  safeAppUrl,
-  onClickSafeApp,
-  height,
-  className,
-}: SafeAppCardContainerProps) => {
-  const handleClickSafeApp = (event: SyntheticEvent) => {
-    if (onClickSafeApp) {
-      event.preventDefault()
-      onClickSafeApp()
-    }
-  }
-
-  return (
-    <Link href={safeAppUrl} passHref rel="noreferrer" onClick={handleClickSafeApp}>
-      <Card className={classNames(css.safeAppContainer, className)} sx={{ height }}>
-        {children}
-      </Card>
-    </Link>
-  )
-}
diff --git a/src/components/safe-apps/SafeAppCard/styles.module.css b/src/components/safe-apps/SafeAppCard/styles.module.css
deleted file mode 100644
index 506205689..000000000
--- a/src/components/safe-apps/SafeAppCard/styles.module.css
+++ /dev/null
@@ -1,63 +0,0 @@
-.safeAppContainer {
-  transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
-  border: 1px solid transparent;
-}
-
-.safeAppContainer:hover {
-  background-color: var(--color-background-light);
-  border: 1px solid var(--color-secondary-light);
-}
-
-.safeAppHeader {
-  padding: var(--space-3) var(--space-2) 0 var(--space-2);
-}
-
-.safeAppContent {
-  padding: var(--space-2);
-}
-
-.safeAppIconContainer {
-  position: relative;
-}
-
-.safeAppIconContainer iframe {
-  display: block;
-}
-
-.safeAppBatchIcon {
-  position: absolute;
-  top: -6px;
-  right: -8px;
-}
-
-.safeAppTitle {
-  line-height: 175%;
-  margin: 0;
-
-  flex-grow: 1;
-
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.safeAppDescription {
-  /* Truncate Safe App Description (3 lines) */
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-.safeAppTagContainer {
-  padding-top: var(--space-2);
-}
-
-.safeAppTagLabel {
-  border-radius: 4px;
-  height: 24px;
-}
-
-.safeAppTagLabel > * {
-  padding: var(--space-1);
-}
diff --git a/src/components/safe-apps/SafeAppIconCard/index.test.ts b/src/components/safe-apps/SafeAppIconCard/index.test.ts
deleted file mode 100644
index 8ac514a8b..000000000
--- a/src/components/safe-apps/SafeAppIconCard/index.test.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { _isSafeSrc } from '.'
-
-describe('SafeAppIconCard', () => {
-  it('should detect unsafe src', () => {
-    expect(_isSafeSrc('https://google.com/test.jpg')).toBe(false)
-    expect(_isSafeSrc('data:image/png;base64,')).toBe(false)
-  })
-
-  it('should detect safe src', () => {
-    expect(_isSafeSrc('https://safe-transaction-assets.safe.global/contracts/logos/0x34CfAC646f3.png')).toBe(true)
-    expect(_isSafeSrc('https://safe-transaction-assets.staging.5afe.dev/contracts/logos/0x34CfAC.png')).toBe(true)
-    expect(_isSafeSrc('/images/transactions/incoming.svg')).toBe(true)
-  })
-})
diff --git a/src/components/safe-apps/SafeAppIconCard/index.tsx b/src/components/safe-apps/SafeAppIconCard/index.tsx
deleted file mode 100644
index b0333aa34..000000000
--- a/src/components/safe-apps/SafeAppIconCard/index.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import ImageFallback from '@/components/common/ImageFallback'
-import { type ReactElement, memo } from 'react'
-
-const APP_LOGO_FALLBACK_IMAGE = `/images/apps/app-placeholder.svg`
-
-const getIframeContent = (url: string, width: number, height: number, fallback: string): string => {
-  return `
-     <body style="margin: 0; overflow: hidden; display: flex;">
-       <img src="${encodeURI(url)}" alt="Safe App logo" width="${width}" height="${height}" />
-       <script>
-          document.querySelector('img').onerror = (e) => {
-           e.target.onerror = null
-           e.target.src = "${fallback}"
-         }
-       </script>
-     </body>
-  `
-}
-
-export const _isSafeSrc = (src: string) => {
-  const allowedHosts = ['.safe.global', '.5afe.dev']
-  const isRelative = src.startsWith('/')
-
-  let hostname = ''
-  if (!isRelative) {
-    try {
-      hostname = new URL(src).hostname
-    } catch (e) {
-      return false
-    }
-  }
-
-  return isRelative || allowedHosts.some((host) => hostname.endsWith(host))
-}
-
-const SafeAppIconCard = ({
-  src,
-  alt,
-  width = 48,
-  height = 48,
-  fallback = APP_LOGO_FALLBACK_IMAGE,
-}: {
-  src: string
-  alt: string
-  width?: number
-  height?: number
-  fallback?: string
-}): ReactElement => {
-  if (_isSafeSrc(src)) {
-    return <ImageFallback src={src} alt={alt} width={width} height={height} fallbackSrc={fallback} />
-  }
-
-  return (
-    <iframe
-      title={alt}
-      srcDoc={getIframeContent(src, width, height, fallback)}
-      sandbox="allow-scripts"
-      referrerPolicy="strict-origin"
-      width={width}
-      height={height}
-      style={{ pointerEvents: 'none', border: 0 }}
-      tabIndex={-1}
-      loading="lazy"
-    />
-  )
-}
-
-export default memo(SafeAppIconCard)
diff --git a/src/components/safe-apps/SafeAppLandingPage/index.tsx b/src/components/safe-apps/SafeAppLandingPage/index.tsx
deleted file mode 100644
index 10dcfeda5..000000000
--- a/src/components/safe-apps/SafeAppLandingPage/index.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import { useEffect } from 'react'
-import { Box, CircularProgress, Paper } from '@mui/material'
-import Grid from '@mui/material/Unstable_Grid2'
-import { OVERVIEW_EVENTS, SAFE_APPS_EVENTS, trackEvent, trackSafeAppEvent } from '@/services/analytics'
-import { useSafeAppFromBackend } from '@/hooks/safe-apps/useSafeAppFromBackend'
-import { useSafeAppFromManifest } from '@/hooks/safe-apps/useSafeAppFromManifest'
-import { SafeAppDetails } from '@/components/safe-apps/SafeAppLandingPage/SafeAppDetails'
-import { TryDemo } from '@/components/safe-apps/SafeAppLandingPage/TryDemo'
-import { AppActions } from '@/components/safe-apps/SafeAppLandingPage/AppActions'
-import useWallet from '@/hooks/wallets/useWallet'
-import { AppRoutes } from '@/config/routes'
-import { SAFE_APPS_DEMO_SAFE_MAINNET } from '@/config/constants'
-import useOnboard from '@/hooks/wallets/useOnboard'
-import { Errors, logError } from '@/services/exceptions'
-import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-
-type Props = {
-  appUrl: string
-  chain: ChainInfo
-}
-
-const CHAIN_ID_WITH_A_DEMO = '1'
-
-const SafeAppLanding = ({ appUrl, chain }: Props) => {
-  const [backendApp, , backendAppLoading] = useSafeAppFromBackend(appUrl, chain.chainId)
-  const { safeApp, isLoading } = useSafeAppFromManifest(appUrl, chain.chainId, backendApp)
-  const wallet = useWallet()
-  const onboard = useOnboard()
-  // show demo if the app was shared for mainnet or we can find the mainnet chain id on the backend
-  const showDemo = chain.chainId === CHAIN_ID_WITH_A_DEMO || !!backendApp?.chainIds.includes(CHAIN_ID_WITH_A_DEMO)
-
-  useEffect(() => {
-    if (!isLoading && !backendAppLoading && safeApp.chainIds.length) {
-      const appName = backendApp ? backendApp.name : safeApp.url
-
-      trackSafeAppEvent({ ...SAFE_APPS_EVENTS.SHARED_APP_LANDING, label: chain.chainId }, appName)
-    }
-  }, [isLoading, backendApp, safeApp, backendAppLoading, chain])
-
-  const handleConnectWallet = async () => {
-    if (!onboard) return
-
-    trackEvent(OVERVIEW_EVENTS.OPEN_ONBOARD)
-
-    onboard.connectWallet().catch((e) => logError(Errors._302, e))
-  }
-
-  const handleDemoClick = () => {
-    trackSafeAppEvent(SAFE_APPS_EVENTS.SHARED_APP_OPEN_DEMO, backendApp ? backendApp.name : appUrl)
-  }
-
-  if (isLoading || backendAppLoading) {
-    return (
-      <Box py={4} textAlign="center">
-        <CircularProgress size={40} />
-      </Box>
-    )
-  }
-
-  return (
-    <Grid container>
-      <Grid sm={12} md={12} lg={8} lgOffset={2} xl={6} xlOffset={3}>
-        <Paper sx={{ p: 6 }}>
-          <SafeAppDetails app={backendApp || safeApp} showDefaultListWarning={!backendApp} />
-          <Grid container sx={{ mt: 4 }} rowSpacing={{ xs: 2, sm: 2 }}>
-            <Grid xs={12} sm={12} md={showDemo ? 6 : 12}>
-              <AppActions
-                appUrl={appUrl}
-                wallet={wallet}
-                onConnectWallet={handleConnectWallet}
-                chain={chain}
-                app={backendApp || safeApp}
-              />
-            </Grid>
-            {showDemo && (
-              <Grid xs={12} sm={12} md={6}>
-                <TryDemo
-                  demoUrl={{
-                    pathname: AppRoutes.apps.open,
-                    query: { safe: SAFE_APPS_DEMO_SAFE_MAINNET, appUrl },
-                  }}
-                  onClick={handleDemoClick}
-                />
-              </Grid>
-            )}
-          </Grid>
-        </Paper>
-      </Grid>
-    </Grid>
-  )
-}
-
-export { SafeAppLanding }
diff --git a/src/components/safe-apps/SafeAppList/index.tsx b/src/components/safe-apps/SafeAppList/index.tsx
deleted file mode 100644
index 936129dff..000000000
--- a/src/components/safe-apps/SafeAppList/index.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import { useCallback } from 'react'
-import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
-
-import SafeAppCard from '@/components/safe-apps/SafeAppCard'
-import AddCustomSafeAppCard from '@/components/safe-apps/AddCustomSafeAppCard'
-import SafeAppPreviewDrawer from '@/components/safe-apps/SafeAppPreviewDrawer'
-import SafeAppsListHeader from '@/components/safe-apps/SafeAppsListHeader'
-import SafeAppsZeroResultsPlaceholder from '@/components/safe-apps/SafeAppsZeroResultsPlaceholder'
-import useSafeAppPreviewDrawer from '@/hooks/safe-apps/useSafeAppPreviewDrawer'
-import css from './styles.module.css'
-import { Skeleton } from '@mui/material'
-import { useOpenedSafeApps } from '@/hooks/safe-apps/useOpenedSafeApps'
-import NativeSwapsCard from '@/components/safe-apps/NativeSwapsCard'
-
-type SafeAppListProps = {
-  safeAppsList: SafeAppData[]
-  safeAppsListLoading?: boolean
-  bookmarkedSafeAppsId?: Set<number>
-  onBookmarkSafeApp?: (safeAppId: number) => void
-  addCustomApp?: (safeApp: SafeAppData) => void
-  removeCustomApp?: (safeApp: SafeAppData) => void
-  title: string
-  query?: string
-  isFiltered?: boolean
-}
-
-const SafeAppList = ({
-  safeAppsList,
-  safeAppsListLoading,
-  bookmarkedSafeAppsId,
-  onBookmarkSafeApp,
-  addCustomApp,
-  removeCustomApp,
-  title,
-  query,
-  isFiltered = false,
-}: SafeAppListProps) => {
-  const { isPreviewDrawerOpen, previewDrawerApp, openPreviewDrawer, closePreviewDrawer } = useSafeAppPreviewDrawer()
-  const { openedSafeAppIds } = useOpenedSafeApps()
-
-  const showZeroResultsPlaceholder = query && safeAppsList.length === 0
-
-  const handleSafeAppClick = useCallback(
-    (safeApp: SafeAppData) => {
-      const isCustomApp = safeApp.id < 1
-
-      if (isCustomApp || openedSafeAppIds.includes(safeApp.id)) return
-
-      return () => openPreviewDrawer(safeApp)
-    },
-    [openPreviewDrawer, openedSafeAppIds],
-  )
-
-  return (
-    <>
-      {/* Safe Apps List Header */}
-      <SafeAppsListHeader title={title} amount={safeAppsList.length} />
-
-      {/* Safe Apps List */}
-      <ul data-testid="apps-list" className={css.safeAppsContainer}>
-        {/* Add Custom Safe App Card */}
-        {addCustomApp && (
-          <li>
-            <AddCustomSafeAppCard safeAppList={safeAppsList} onSave={addCustomApp} />
-          </li>
-        )}
-
-        {safeAppsListLoading &&
-          Array.from({ length: 8 }, (_, index) => (
-            <li key={index}>
-              <Skeleton variant="rounded" height="271px" />
-            </li>
-          ))}
-
-        {!isFiltered && !addCustomApp && <NativeSwapsCard />}
-
-        {/* Flat list filtered by search query */}
-        {safeAppsList.map((safeApp) => (
-          <li key={safeApp.id}>
-            <SafeAppCard
-              safeApp={safeApp}
-              isBookmarked={bookmarkedSafeAppsId?.has(safeApp.id)}
-              onBookmarkSafeApp={onBookmarkSafeApp}
-              removeCustomApp={removeCustomApp}
-              onClickSafeApp={handleSafeAppClick(safeApp)}
-              openPreviewDrawer={openPreviewDrawer}
-            />
-          </li>
-        ))}
-      </ul>
-
-      {/* Zero results placeholder */}
-      {showZeroResultsPlaceholder && <SafeAppsZeroResultsPlaceholder searchQuery={query} />}
-
-      {/* Safe App Preview Drawer */}
-      <SafeAppPreviewDrawer
-        isOpen={isPreviewDrawerOpen}
-        safeApp={previewDrawerApp}
-        isBookmarked={previewDrawerApp && bookmarkedSafeAppsId?.has(previewDrawerApp.id)}
-        onClose={closePreviewDrawer}
-        onBookmark={onBookmarkSafeApp}
-      />
-    </>
-  )
-}
-
-export default SafeAppList
diff --git a/src/components/safe-apps/SafeAppPreviewDrawer/index.tsx b/src/components/safe-apps/SafeAppPreviewDrawer/index.tsx
deleted file mode 100644
index f1e63e4b1..000000000
--- a/src/components/safe-apps/SafeAppPreviewDrawer/index.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import Link from 'next/link'
-import { useRouter } from 'next/router'
-import Drawer from '@mui/material/Drawer'
-import Box from '@mui/material/Box'
-import Typography from '@mui/material/Typography'
-import Button from '@mui/material/Button'
-import SvgIcon from '@mui/material/SvgIcon'
-import IconButton from '@mui/material/IconButton'
-import Tooltip from '@mui/material/Tooltip'
-import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
-
-import { getSafeAppUrl } from '@/components/safe-apps/SafeAppCard'
-import ChainIndicator from '@/components/common/ChainIndicator'
-import SafeAppIconCard from '@/components/safe-apps/SafeAppIconCard'
-import SafeAppActionButtons from '@/components/safe-apps/SafeAppActionButtons'
-import SafeAppTags from '@/components/safe-apps/SafeAppTags'
-import SafeAppSocialLinksCard from '@/components/safe-apps/SafeAppSocialLinksCard'
-import CloseIcon from '@/public/images/common/close.svg'
-import { useOpenedSafeApps } from '@/hooks/safe-apps/useOpenedSafeApps'
-import css from './styles.module.css'
-
-type SafeAppPreviewDrawerProps = {
-  safeApp?: SafeAppData
-  isOpen: boolean
-  isBookmarked?: boolean
-  onClose: () => void
-  onBookmark?: (safeAppId: number) => void
-}
-
-const SafeAppPreviewDrawer = ({ isOpen, safeApp, isBookmarked, onClose, onBookmark }: SafeAppPreviewDrawerProps) => {
-  const { markSafeAppOpened } = useOpenedSafeApps()
-  const router = useRouter()
-  const safeAppUrl = getSafeAppUrl(router, safeApp?.url || '')
-
-  const onOpenSafe = () => {
-    if (safeApp) {
-      markSafeAppOpened(safeApp.id)
-    }
-  }
-
-  return (
-    <Drawer anchor="right" open={isOpen} onClose={onClose}>
-      <Box className={css.drawerContainer}>
-        {/* Toolbar */}
-
-        {safeApp && (
-          <Box display="flex" justifyContent="right">
-            <SafeAppActionButtons safeApp={safeApp} isBookmarked={isBookmarked} onBookmarkSafeApp={onBookmark} />
-            <Tooltip title={`Close ${safeApp.name} preview`} placement="top">
-              <IconButton
-                onClick={onClose}
-                size="small"
-                sx={{
-                  color: 'border.main',
-                  ml: 1,
-                }}
-              >
-                <SvgIcon component={CloseIcon} inheritViewBox color="border" fontSize="small" />
-              </IconButton>
-            </Tooltip>
-          </Box>
-        )}
-
-        {/* Safe App Info */}
-        <Box sx={{ px: 1 }}>
-          <SafeAppIconCard src={safeApp?.iconUrl || ''} alt={`${safeApp?.name} logo`} width={90} height={90} />
-        </Box>
-
-        <Typography variant="h4" fontWeight={700} sx={{ mt: 2 }}>
-          {safeApp?.name}
-        </Typography>
-
-        <Typography variant="body2" color="primary.light" sx={{ mt: 2 }}>
-          {safeApp?.description}
-        </Typography>
-
-        {/* Tags */}
-        <SafeAppTags tags={safeApp?.tags || []} />
-
-        {/* Networks */}
-        <Typography variant="body2" color="text.secondary" sx={{ mt: 2 }}>
-          Available networks
-        </Typography>
-
-        <Box sx={{ display: 'flex', gap: 2, mt: 2, flexWrap: 'wrap' }}>
-          {safeApp?.chainIds.map((chainId) => (
-            <ChainIndicator key={chainId} chainId={chainId} inline showUnknown={false} />
-          ))}
-        </Box>
-
-        {/* Open Safe App button */}
-        <Link href={safeAppUrl} passHref legacyBehavior>
-          <Button
-            data-testid="open-safe-app-btn"
-            fullWidth
-            variant="contained"
-            color="primary"
-            component="a"
-            href={safeApp?.url}
-            sx={{ mt: 3 }}
-            onClick={onOpenSafe}
-          >
-            Open Safe App
-          </Button>
-        </Link>
-
-        {/* Safe App Social Links */}
-        {safeApp && <SafeAppSocialLinksCard safeApp={safeApp} />}
-      </Box>
-    </Drawer>
-  )
-}
-
-export default SafeAppPreviewDrawer
diff --git a/src/components/safe-apps/SafeAppSocialLinksCard/index.tsx b/src/components/safe-apps/SafeAppSocialLinksCard/index.tsx
deleted file mode 100644
index 7cdd885ac..000000000
--- a/src/components/safe-apps/SafeAppSocialLinksCard/index.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-import Link from 'next/link'
-import Card from '@mui/material/Card'
-import Box from '@mui/material/Box'
-import Typography from '@mui/material/Typography'
-import IconButton from '@mui/material/IconButton'
-import Divider from '@mui/material/Divider'
-import { default as MuiLink } from '@mui/material/Link'
-import HelpOutlineRoundedIcon from '@mui/icons-material/HelpOutlineRounded'
-import GitHubIcon from '@mui/icons-material/GitHub'
-import TwitterIcon from '@mui/icons-material/Twitter'
-import { SafeAppSocialPlatforms } from '@safe-global/safe-gateway-typescript-sdk'
-import type { SafeAppData, SafeAppSocialProfile } from '@safe-global/safe-gateway-typescript-sdk'
-
-import DiscordIcon from '@/public/images/common/discord-icon.svg'
-import css from './styles.module.css'
-
-type SafeAppSocialLinksCardProps = {
-  safeApp: SafeAppData
-}
-
-const SafeAppSocialLinksCard = ({ safeApp }: SafeAppSocialLinksCardProps) => {
-  const { socialProfiles, developerWebsite } = safeApp
-
-  const hasSocialLinks = socialProfiles?.length > 0
-
-  if (!hasSocialLinks && !developerWebsite) {
-    return null
-  }
-
-  const discordSocialLink = getSocialProfile(socialProfiles, SafeAppSocialPlatforms.DISCORD)
-  const twitterSocialLink = getSocialProfile(socialProfiles, SafeAppSocialPlatforms.TWITTER)
-  const githubSocialLink = getSocialProfile(socialProfiles, SafeAppSocialPlatforms.GITHUB)
-
-  return (
-    <Card className={css.container}>
-      <Box display="flex" alignItems="center" gap={1} component="a">
-        {/* Team Link section */}
-        <div className={css.questionMarkIcon}>
-          <HelpOutlineRoundedIcon color="info" />
-        </div>
-        <div>
-          <Typography fontWeight="bold" variant="subtitle1">
-            Something wrong with the Safe App?
-          </Typography>
-          <Typography color="primary.light" variant="body2">
-            Get in touch with the team
-          </Typography>
-        </div>
-      </Box>
-
-      <Box className={css.socialLinksSectionContainer} display="flex" gap={4}>
-        {/* Social links section */}
-        {hasSocialLinks && (
-          <div>
-            <Typography color="border.main" variant="body2" paddingLeft={1}>
-              Social Media
-            </Typography>
-
-            <Box display="flex" mt={0.2} minHeight="40px">
-              {discordSocialLink && (
-                <IconButton aria-label="Discord link" component="a" target="_blank" href={discordSocialLink.url}>
-                  <DiscordIcon />
-                </IconButton>
-              )}
-
-              {twitterSocialLink && (
-                <IconButton aria-label="Twitter link" component="a" target="_blank" href={twitterSocialLink.url}>
-                  <TwitterIcon color="border" />
-                </IconButton>
-              )}
-
-              {githubSocialLink && (
-                <IconButton
-                  aria-label="Github link"
-                  component="a"
-                  href={githubSocialLink.url}
-                  target="_blank"
-                  style={{ height: '40px', width: '40px' }}
-                >
-                  <GitHubIcon color="border" />
-                </IconButton>
-              )}
-            </Box>
-          </div>
-        )}
-
-        {hasSocialLinks && developerWebsite && (
-          <Divider sx={{ height: '40px' }} orientation="vertical" component="div" />
-        )}
-
-        {/* Developer website section */}
-        {developerWebsite && (
-          <Box display="flex" flexDirection="column">
-            <Typography color="border.main" variant="body2">
-              Website
-            </Typography>
-
-            <Link
-              href={developerWebsite}
-              passHref
-              target="_blank"
-              rel="noopener noreferrer"
-              color="primary"
-              legacyBehavior
-            >
-              <MuiLink target="_blank" className={css.websiteLink} underline="hover" fontWeight="bold" mt={1.2}>
-                {developerWebsite}
-              </MuiLink>
-            </Link>
-          </Box>
-        )}
-      </Box>
-    </Card>
-  )
-}
-
-export default SafeAppSocialLinksCard
-
-const getSocialProfile = (socialProfiles: SafeAppSocialProfile[], platform: SafeAppSocialPlatforms) => {
-  const socialLink = socialProfiles.find((socialProfile) => socialProfile.platform === platform)
-
-  return socialLink
-}
diff --git a/src/components/safe-apps/SafeAppTags/index.tsx b/src/components/safe-apps/SafeAppTags/index.tsx
deleted file mode 100644
index 50de82825..000000000
--- a/src/components/safe-apps/SafeAppTags/index.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import Stack from '@mui/material/Stack'
-import Chip from '@mui/material/Chip'
-
-import { filterInternalCategories } from '@/components/safe-apps/utils'
-import css from './styles.module.css'
-
-type SafeAppTagsProps = {
-  tags: string[]
-}
-
-const SafeAppTags = ({ tags = [] }: SafeAppTagsProps) => {
-  const displayedTags = filterInternalCategories(tags)
-
-  return (
-    <Stack className={css.safeAppTagContainer} flexDirection="row" gap={1} flexWrap="wrap">
-      {displayedTags.map((tag) => (
-        <Chip className={css.safeAppTagLabel} key={tag} label={tag} />
-      ))}
-    </Stack>
-  )
-}
-
-export default SafeAppTags
diff --git a/src/components/safe-apps/SafeAppTags/styles.module.css b/src/components/safe-apps/SafeAppTags/styles.module.css
deleted file mode 100644
index 4937821d7..000000000
--- a/src/components/safe-apps/SafeAppTags/styles.module.css
+++ /dev/null
@@ -1,8 +0,0 @@
-.safeAppTagContainer {
-  padding-top: var(--space-2);
-}
-
-.safeAppTagLabel {
-  border-radius: 4px;
-  height: 24px;
-}
diff --git a/src/components/safe-apps/SafeAppsInfoModal/index.tsx b/src/components/safe-apps/SafeAppsInfoModal/index.tsx
deleted file mode 100644
index 33b448aed..000000000
--- a/src/components/safe-apps/SafeAppsInfoModal/index.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-import { memo, useMemo, useState } from 'react'
-import { alpha, Box } from '@mui/system'
-import { Grid, LinearProgress } from '@mui/material'
-
-import type { BrowserPermission } from '@/hooks/safe-apps/permissions'
-import Slider from './Slider'
-import AllowedFeaturesList from './AllowedFeaturesList'
-import type { AllowedFeatures, AllowedFeatureSelection } from '../types'
-import { PermissionStatus } from '../types'
-import UnknownAppWarning from './UnknownAppWarning'
-import { getOrigin } from '../utils'
-import LegalDisclaimerContent from '@/components/common/LegalDisclaimerContent'
-
-type SafeAppsInfoModalProps = {
-  onCancel: () => void
-  onConfirm: (shouldHide: boolean, browserPermissions: BrowserPermission[]) => void
-  features: AllowedFeatures[]
-  appUrl: string
-  isConsentAccepted?: boolean
-  isPermissionsReviewCompleted: boolean
-  isSafeAppInDefaultList: boolean
-  isFirstTimeAccessingApp: boolean
-}
-
-const SafeAppsInfoModal = ({
-  onCancel,
-  onConfirm,
-  features,
-  appUrl,
-  isConsentAccepted,
-  isPermissionsReviewCompleted,
-  isSafeAppInDefaultList,
-  isFirstTimeAccessingApp,
-}: SafeAppsInfoModalProps): JSX.Element => {
-  const [hideWarning, setHideWarning] = useState(false)
-  const [selectedFeatures, setSelectedFeatures] = useState<AllowedFeatureSelection[]>(
-    features.map((feature) => {
-      return {
-        feature,
-        checked: true,
-      }
-    }),
-  )
-  const [currentSlide, setCurrentSlide] = useState(0)
-
-  const totalSlides = useMemo(() => {
-    let totalSlides = 0
-
-    if (!isConsentAccepted) {
-      totalSlides += 1
-    }
-
-    if (!isPermissionsReviewCompleted) {
-      totalSlides += 1
-    }
-
-    if (!isSafeAppInDefaultList && isFirstTimeAccessingApp) {
-      totalSlides += 1
-    }
-
-    return totalSlides
-  }, [isConsentAccepted, isFirstTimeAccessingApp, isPermissionsReviewCompleted, isSafeAppInDefaultList])
-
-  const handleSlideChange = (newStep: number) => {
-    const isFirstStep = newStep === -1
-    const isLastStep = newStep === totalSlides
-
-    if (isFirstStep) {
-      onCancel()
-    }
-
-    if (isLastStep) {
-      onConfirm(
-        hideWarning,
-        selectedFeatures.map(({ feature, checked }) => {
-          return {
-            feature,
-            status: checked ? PermissionStatus.GRANTED : PermissionStatus.DENIED,
-          }
-        }),
-      )
-    }
-
-    setCurrentSlide(newStep)
-  }
-
-  const progressValue = useMemo(() => {
-    return ((currentSlide + 1) * 100) / totalSlides
-  }, [currentSlide, totalSlides])
-
-  const shouldShowUnknownAppWarning = useMemo(
-    () => !isSafeAppInDefaultList && isFirstTimeAccessingApp,
-    [isFirstTimeAccessingApp, isSafeAppInDefaultList],
-  )
-
-  const handleFeatureSelectionChange = (feature: AllowedFeatures, checked: boolean) => {
-    setSelectedFeatures(
-      selectedFeatures.map((feat) => {
-        if (feat.feature === feature) {
-          return {
-            feature,
-            checked,
-          }
-        }
-        return feat
-      }),
-    )
-  }
-
-  const origin = useMemo(() => getOrigin(appUrl), [appUrl])
-
-  return (
-    <Box display="flex" alignItems="center" justifyContent="center" flexDirection="column" height="calc(100vh - 52px)">
-      <Box
-        data-testid="app-info-modal"
-        sx={({ palette }) => ({
-          width: '450px',
-          backgroundColor: palette.background.paper,
-          boxShadow: `1px 2px 10px 0 ${alpha(palette.text.primary, 0.18)}`,
-        })}
-      >
-        <LinearProgress
-          variant="determinate"
-          value={progressValue}
-          sx={({ palette }) => ({
-            height: '6px',
-            backgroundColor: palette.background.paper,
-            borderRadius: '8px 8px 0 0',
-            '> .MuiLinearProgress-bar': {
-              backgroundColor:
-                progressValue === 100 && shouldShowUnknownAppWarning ? palette.warning.main : palette.primary.main,
-              borderRadius: '8px',
-            },
-          })}
-        />
-        <Grid container justifyContent="center" alignItems="center" direction="column" textAlign="center" p={3}>
-          <Slider onSlideChange={handleSlideChange}>
-            {!isConsentAccepted && <LegalDisclaimerContent />}
-
-            {!isPermissionsReviewCompleted && (
-              <AllowedFeaturesList
-                features={selectedFeatures}
-                onFeatureSelectionChange={handleFeatureSelectionChange}
-              />
-            )}
-
-            {shouldShowUnknownAppWarning && <UnknownAppWarning url={origin} onHideWarning={setHideWarning} />}
-          </Slider>
-        </Grid>
-      </Box>
-    </Box>
-  )
-}
-
-export default memo(SafeAppsInfoModal)
diff --git a/src/components/safe-apps/SafeAppsListHeader/index.tsx b/src/components/safe-apps/SafeAppsListHeader/index.tsx
deleted file mode 100644
index 3257c51fa..000000000
--- a/src/components/safe-apps/SafeAppsListHeader/index.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import Typography from '@mui/material/Typography'
-
-type SafeAppsListHeaderProps = {
-  title: string
-  amount?: number
-}
-
-const SafeAppsListHeader = ({ title, amount }: SafeAppsListHeaderProps) => {
-  return (
-    <Typography variant="body2" color="primary.light" fontWeight="bold" mt={3}>
-      {title} ({amount || 0})
-    </Typography>
-  )
-}
-
-export default SafeAppsListHeader
diff --git a/src/components/safe-apps/SafeAppsZeroResultsPlaceholder/index.tsx b/src/components/safe-apps/SafeAppsZeroResultsPlaceholder/index.tsx
deleted file mode 100644
index e495f3519..000000000
--- a/src/components/safe-apps/SafeAppsZeroResultsPlaceholder/index.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React, { useMemo } from 'react'
-import { useRouter } from 'next/router'
-import Link from 'next/link'
-import Button from '@mui/material/Button'
-import Typography from '@mui/material/Typography'
-import type { LinkProps } from 'next/link'
-
-import PagePlaceholder from '@/components/common/PagePlaceholder'
-import AddCustomAppIcon from '@/public/images/apps/add-custom-app.svg'
-import { AppRoutes } from '@/config/routes'
-import { SafeAppsTag } from '@/config/constants'
-import { useRemoteSafeApps } from '@/hooks/safe-apps/useRemoteSafeApps'
-
-const useWCAppLink = (): LinkProps['href'] => {
-  const router = useRouter()
-  const [matchingApps] = useRemoteSafeApps(SafeAppsTag.WALLET_CONNECT)
-  const app = matchingApps?.[0]
-
-  return useMemo(
-    () => ({
-      pathname: AppRoutes.apps.open,
-      query: { safe: router.query.safe, appUrl: app?.url },
-    }),
-    [app?.url, router.query.safe],
-  )
-}
-
-const SafeAppsZeroResultsPlaceholder = ({ searchQuery }: { searchQuery: string }) => {
-  const wcLink = useWCAppLink()
-  return (
-    <PagePlaceholder
-      img={<AddCustomAppIcon />}
-      text={
-        <Typography variant="body1" color="primary.light" m={2} maxWidth="600px">
-          No Safe Apps found matching <strong>{searchQuery}</strong>. Connect to dApps that haven&apos;t yet been
-          integrated with the {'Rootstock Safe'} using the WalletConnect Safe App.
-        </Typography>
-      }
-    >
-      <Link href={wcLink} passHref legacyBehavior>
-        <Button variant="contained" disableElevation size="small">
-          Use WalletConnect
-        </Button>
-      </Link>
-    </PagePlaceholder>
-  )
-}
-
-export default SafeAppsZeroResultsPlaceholder
diff --git a/src/components/safe-apps/types.ts b/src/components/safe-apps/types.ts
deleted file mode 100644
index 27e4fd120..000000000
--- a/src/components/safe-apps/types.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
-
-export enum PermissionStatus {
-  GRANTED = 'granted',
-  PROMPT = 'prompt',
-  DENIED = 'denied',
-}
-
-const FEATURES = [
-  'accelerometer',
-  'ambient-light-sensor',
-  'autoplay',
-  'battery',
-  'camera',
-  'cross-origin-isolated',
-  'display-capture',
-  'document-domain',
-  'encrypted-media',
-  'execution-while-not-rendered',
-  'execution-while-out-of-viewport',
-  'fullscreen',
-  'geolocation',
-  'gyroscope',
-  'keyboard-map',
-  'magnetometer',
-  'microphone',
-  'midi',
-  'navigation-override',
-  'payment',
-  'picture-in-picture',
-  'publickey-credentials-get',
-  'screen-wake-lock',
-  'sync-xhr',
-  'usb',
-  'web-share',
-  'xr-spatial-tracking',
-  'clipboard-read',
-  'clipboard-write',
-  'gamepad',
-  'speaker-selection',
-]
-
-type FeaturesType = typeof FEATURES
-
-export type AllowedFeatures = FeaturesType[number]
-
-export const isBrowserFeature = (featureKey: string): featureKey is AllowedFeatures => {
-  return FEATURES.includes(featureKey as AllowedFeatures)
-}
-
-export type AllowedFeatureSelection = { feature: AllowedFeatures; checked: boolean }
-
-export type SafeAppDataWithPermissions = SafeAppData & { safeAppsPermissions: AllowedFeatures[] }
diff --git a/src/components/safe-apps/utils.ts b/src/components/safe-apps/utils.ts
deleted file mode 100644
index 53a43ab85..000000000
--- a/src/components/safe-apps/utils.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import { isHexString, toUtf8String } from 'ethers'
-import { SafeAppAccessPolicyTypes } from '@safe-global/safe-gateway-typescript-sdk'
-import { SafeAppFeatures } from '@safe-global/safe-gateway-typescript-sdk'
-import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
-import type { BaseTransaction, ChainInfo } from '@safe-global/safe-apps-sdk'
-
-import { formatVisualAmount } from '@/utils/formatters'
-import { validateAddress } from '@/utils/validation'
-import type { SafeAppDataWithPermissions } from './types'
-import { SafeAppsTag } from '@/config/constants'
-
-const validateTransaction = (t: BaseTransaction, chainId?: string): boolean => {
-  if (!['string', 'number'].includes(typeof t.value)) {
-    return false
-  }
-
-  if (typeof t.value === 'string' && !/^(0x)?[0-9a-f]+$/i.test(t.value)) {
-    return false
-  }
-
-  const isAddressValid = validateAddress(t.to, chainId) === undefined
-  return isAddressValid && !!t.data && typeof t.data === 'string'
-}
-
-export const isTxValid = (txs: BaseTransaction[], chainId?: string): boolean =>
-  txs.length > 0 && txs.every((t) => validateTransaction(t, chainId))
-
-export const getInteractionTitle = (value?: string, chain?: ChainInfo) => {
-  const { decimals, symbol } = chain!.nativeCurrency
-  return `Interact with${
-    Number(value) !== 0 ? ` (and send ${formatVisualAmount(value || 0, decimals)} ${symbol} to)` : ''
-  }:`
-}
-
-/**
- * If message is a hex value and is Utf8 encoded string we decode it, else we return the raw message
- * @param {string} message raw input message
- * @returns {string}
- */
-export const getDecodedMessage = (message: string): string => {
-  if (isHexString(message)) {
-    // If is a hex string we try to extract a message
-    try {
-      return toUtf8String(message)
-    } catch (e) {
-      // the hex string is not UTF8 encoding so we will return the raw message.
-    }
-  }
-
-  return message
-}
-
-export const getLegacyChainName = (chainName: string, chainId: string): string => {
-  let network = chainName
-
-  switch (chainId) {
-    case '1':
-      network = 'MAINNET'
-      break
-    case '100':
-      network = 'XDAI'
-  }
-
-  return network
-}
-
-export const getEmptySafeApp = (url = '', appData?: SafeAppData): SafeAppDataWithPermissions => {
-  return {
-    id: Math.round(Math.random() * 1e9 + 1e6),
-    url,
-    name: 'unknown',
-    iconUrl: '/images/apps/apps-icon.svg',
-    description: '',
-    chainIds: [],
-    accessControl: {
-      type: SafeAppAccessPolicyTypes.NoRestrictions,
-    },
-    tags: [],
-    features: [],
-    developerWebsite: '',
-    socialProfiles: [],
-    ...appData,
-    safeAppsPermissions: [],
-  }
-}
-
-export const getOrigin = (url?: string): string => {
-  if (!url) return ''
-
-  const { origin } = new URL(url)
-
-  return origin
-}
-
-export const isOptimizedForBatchTransactions = (safeApp: SafeAppData) =>
-  safeApp.features?.includes(SafeAppFeatures.BATCHED_TRANSACTIONS)
-
-// some categories are used internally and we dont want to display them in the UI
-export const filterInternalCategories = (categories: string[]): string[] => {
-  const internalCategories = Object.values(SafeAppsTag)
-  return categories.filter((tag) => !internalCategories.some((internalCategory) => tag === internalCategory))
-}
-
-// Get unique tags from all apps
-export const getUniqueTags = (apps: SafeAppData[]): string[] => {
-  // Get the list of categories from the safeAppsList
-  const tags = apps.reduce<Set<string>>((result, app) => {
-    app.tags.forEach((tag) => result.add(tag))
-    return result
-  }, new Set())
-
-  // Filter out internal tags
-  const filteredTags = filterInternalCategories(Array.from(tags))
-
-  // Sort alphabetically
-  return filteredTags.sort()
-}
diff --git a/src/components/safe-messages/DecodedMsg/index.tsx b/src/components/safe-messages/DecodedMsg/index.tsx
deleted file mode 100644
index 88c79f8eb..000000000
--- a/src/components/safe-messages/DecodedMsg/index.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import { generateDataRowValue, TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
-import { Value } from '@/components/transactions/TxDetails/TxData/DecodedData/ValueArray'
-import { isByte } from '@/utils/transaction-guards'
-import { type EIP712Normalized, normalizeTypedData } from '@/utils/web3'
-import { Box, Typography } from '@mui/material'
-import type { SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
-import { ErrorBoundary } from '@sentry/react'
-import classNames from 'classnames'
-import { isAddress } from 'ethers'
-import type { ReactElement } from 'react'
-import Msg from '../Msg'
-import css from './styles.module.css'
-
-const EIP712_DOMAIN_TYPE = 'EIP712Domain'
-
-const DecodedTypedObject = ({ displayedType, eip712Msg }: { displayedType: string; eip712Msg: EIP712Normalized }) => {
-  const { types, message: msg, domain } = eip712Msg
-  const findType = (paramName: string) => types[displayedType].find((paramType) => paramType.name === paramName)?.type
-  return (
-    <Box>
-      <Typography
-        textTransform="uppercase"
-        fontWeight={700}
-        variant="caption"
-        sx={({ palette }) => ({ color: `${palette.border.main}` })}
-      >
-        {displayedType}
-      </Typography>
-
-      {Object.entries(displayedType === EIP712_DOMAIN_TYPE ? domain : msg).map((param, index) => {
-        const [paramName, paramValue] = param
-        const type = findType(paramName) || 'string'
-
-        const isArrayValueParam = Array.isArray(paramValue)
-        const isNested = Object.keys(types).some((typeName) => typeName === type || `${typeName}[]` === type)
-        const inlineType = isAddress(paramValue as string) ? 'address' : isByte(type) ? 'bytes' : undefined
-        const paramValueAsString = typeof paramValue === 'string' ? paramValue : JSON.stringify(paramValue, null, 2)
-        return (
-          <TxDataRow key={`${displayedType}_param-${index}`} title={`${param[0]}(${type}):`}>
-            {isNested ? (
-              <Box
-                className={css.nestedMsg}
-                sx={{
-                  borderRadius: (theme) => `${theme.shape.borderRadius}px`,
-                }}
-              >
-                {paramValueAsString}
-              </Box>
-            ) : isArrayValueParam ? (
-              <Value method={displayedType} type={type} value={paramValueAsString} />
-            ) : (
-              generateDataRowValue(paramValueAsString, inlineType, true)
-            )}
-          </TxDataRow>
-        )
-      })}
-    </Box>
-  )
-}
-
-export const DecodedMsg = ({
-  message,
-  isInModal = false,
-}: {
-  message: SafeMessage['message'] | undefined
-  isInModal?: boolean
-}): ReactElement | null => {
-  const isTextMessage = typeof message === 'string'
-
-  if (!message) {
-    return null
-  }
-  if (isTextMessage) {
-    return <Msg message={message} />
-  }
-
-  // Normalize message such that we know the primaryType
-  const normalizedMsg = normalizeTypedData(message)
-
-  return (
-    <Box
-      className={classNames(css.container, { [css.scrollable]: isInModal })}
-      sx={{
-        borderRadius: (theme) => `${theme.shape.borderRadius}px`,
-      }}
-    >
-      <ErrorBoundary fallback={<div>Error decoding message</div>}>
-        <DecodedTypedObject eip712Msg={normalizedMsg} displayedType={EIP712_DOMAIN_TYPE} />
-        <DecodedTypedObject eip712Msg={normalizedMsg} displayedType={normalizedMsg.primaryType} />
-      </ErrorBoundary>
-    </Box>
-  )
-}
diff --git a/src/components/safe-messages/Msg/index.tsx b/src/components/safe-messages/Msg/index.tsx
deleted file mode 100644
index 6a06e4833..000000000
--- a/src/components/safe-messages/Msg/index.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { TextField } from '@mui/material'
-import { useMemo } from 'react'
-import type { ReactElement } from 'react'
-import type { SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
-
-import css from './styles.module.css'
-
-const MAX_ROWS = 10
-
-const Msg = ({ message }: { message: SafeMessage['message'] }): ReactElement => {
-  const isTextMessage = typeof message === 'string'
-
-  const readableData = useMemo(() => {
-    return isTextMessage ? message : JSON.stringify(message, null, 2)
-  }, [isTextMessage, message])
-
-  return (
-    <TextField
-      maxRows={MAX_ROWS}
-      multiline
-      disabled
-      fullWidth
-      className={css.msg}
-      inputProps={{
-        value: readableData,
-      }}
-    />
-  )
-}
-
-export default Msg
diff --git a/src/components/safe-messages/MsgDetails/index.tsx b/src/components/safe-messages/MsgDetails/index.tsx
deleted file mode 100644
index fa2b1c7a7..000000000
--- a/src/components/safe-messages/MsgDetails/index.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import { useMemo, type ReactElement } from 'react'
-import { Accordion, AccordionSummary, Typography, AccordionDetails, Box } from '@mui/material'
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
-import CodeIcon from '@mui/icons-material/Code'
-import classNames from 'classnames'
-import { SafeMessageStatus, type SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
-
-import { formatDateTime } from '@/utils/date'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { InfoDetails } from '@/components/transactions/InfoDetails'
-import { generateDataRowValue, TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
-import MsgSigners from '@/components/safe-messages/MsgSigners'
-import useWallet from '@/hooks/wallets/useWallet'
-import SignMsgButton from '@/components/safe-messages/SignMsgButton'
-import { generateSafeMessageMessage, isEIP712TypedData } from '@/utils/safe-messages'
-
-import txDetailsCss from '@/components/transactions/TxDetails/styles.module.css'
-import singleTxDecodedCss from '@/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/styles.module.css'
-import infoDetailsCss from '@/components/transactions/InfoDetails/styles.module.css'
-import { DecodedMsg } from '../DecodedMsg'
-import CopyButton from '@/components/common/CopyButton'
-import NamedAddressInfo from '@/components/common/NamedAddressInfo'
-import MsgShareLink from '../MsgShareLink'
-
-const MsgDetails = ({ msg }: { msg: SafeMessage }): ReactElement => {
-  const wallet = useWallet()
-  const isConfirmed = msg.status === SafeMessageStatus.CONFIRMED
-  const safeMessage = useMemo(() => {
-    return generateSafeMessageMessage(msg.message)
-  }, [msg.message])
-  const verifyingContract = isEIP712TypedData(msg.message) ? msg.message.domain.verifyingContract : undefined
-
-  return (
-    <div className={txDetailsCss.container}>
-      <div className={txDetailsCss.details}>
-        <div className={txDetailsCss.shareLink}>
-          <MsgShareLink safeMessageHash={msg.messageHash} />
-        </div>
-        <div className={txDetailsCss.txData}>
-          <InfoDetails title="Created by:">
-            <EthHashInfo
-              address={msg.proposedBy.value || ''}
-              name={msg.proposedBy.name}
-              customAvatar={msg.proposedBy.logoUri}
-              shortAddress={false}
-              showCopyButton
-              hasExplorer
-            />
-          </InfoDetails>
-        </div>
-
-        {verifyingContract && (
-          <div className={txDetailsCss.txData}>
-            <InfoDetails title="Verifying contract:">
-              <NamedAddressInfo address={verifyingContract} shortAddress={false} showCopyButton hasExplorer />
-            </InfoDetails>
-          </div>
-        )}
-
-        <div className={txDetailsCss.txData}>
-          <InfoDetails
-            title={
-              <>
-                Message <CopyButton text={JSON.stringify(msg.message, null, 2)} />
-              </>
-            }
-          >
-            <DecodedMsg message={msg.message} />
-          </InfoDetails>
-        </div>
-
-        <div className={txDetailsCss.txSummary}>
-          <TxDataRow title="Created:">{formatDateTime(msg.creationTimestamp)}</TxDataRow>
-          <TxDataRow title="Last modified:">{formatDateTime(msg.modifiedTimestamp)}</TxDataRow>
-          <TxDataRow title="Message hash:">{generateDataRowValue(msg.messageHash, 'hash')}</TxDataRow>
-          <TxDataRow title="SafeMessage:">{generateDataRowValue(safeMessage, 'hash')}</TxDataRow>
-        </div>
-
-        {msg.preparedSignature && (
-          <div className={classNames(txDetailsCss.txSummary, txDetailsCss.multiSend)}>
-            <TxDataRow title="Prepared signature:">{generateDataRowValue(msg.preparedSignature, 'hash')}</TxDataRow>
-          </div>
-        )}
-
-        <div className={txDetailsCss.multiSend}>
-          {msg.confirmations.map((confirmation, i) => (
-            <Accordion
-              variant="elevation"
-              key={confirmation.signature}
-              defaultExpanded={confirmation.owner.value === wallet?.address}
-            >
-              <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-                <div className={singleTxDecodedCss.summary}>
-                  <CodeIcon />
-                  <Typography>{`Confirmation ${i + 1}`}</Typography>
-                </div>
-              </AccordionSummary>
-
-              <AccordionDetails>
-                <div className={infoDetailsCss.container}>
-                  <EthHashInfo
-                    address={confirmation.owner.value || ''}
-                    name={confirmation.owner.name}
-                    customAvatar={confirmation.owner.logoUri}
-                    shortAddress={false}
-                    showCopyButton
-                    hasExplorer
-                  />
-                </div>
-                <TxDataRow title="Signature:">
-                  <EthHashInfo address={confirmation.signature} showAvatar={false} showCopyButton />
-                </TxDataRow>
-              </AccordionDetails>
-            </Accordion>
-          ))}
-        </div>
-      </div>
-      <div className={txDetailsCss.txSigners}>
-        <MsgSigners msg={msg} />
-        {wallet && !isConfirmed && (
-          <Box display="flex" alignItems="center" justifyContent="center" gap={1} mt={2}>
-            <SignMsgButton msg={msg} />
-          </Box>
-        )}
-      </div>
-    </div>
-  )
-}
-
-export default MsgDetails
diff --git a/src/components/safe-messages/MsgList/index.tsx b/src/components/safe-messages/MsgList/index.tsx
deleted file mode 100644
index 6239b6849..000000000
--- a/src/components/safe-messages/MsgList/index.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { ReactElement } from 'react'
-import type { SafeMessageListPage } from '@safe-global/safe-gateway-typescript-sdk'
-
-import { TxListGrid } from '@/components/transactions/TxList'
-import MsgListItem from '@/components/safe-messages/MsgListItem'
-
-const MsgList = ({ items }: { items: SafeMessageListPage['results'] }): ReactElement => {
-  return (
-    <TxListGrid>
-      {items.map((item, i) => (
-        <MsgListItem item={item} key={i} />
-      ))}
-    </TxListGrid>
-  )
-}
-
-export default MsgList
diff --git a/src/components/safe-messages/MsgListItem/ExpandableMsgItem.tsx b/src/components/safe-messages/MsgListItem/ExpandableMsgItem.tsx
deleted file mode 100644
index 22e5637f0..000000000
--- a/src/components/safe-messages/MsgListItem/ExpandableMsgItem.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Accordion, AccordionDetails, AccordionSummary } from '@mui/material'
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
-import type { ReactElement } from 'react'
-import type { SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
-
-import MsgDetails from '@/components/safe-messages/MsgDetails'
-import MsgSummary from '@/components/safe-messages/MsgSummary'
-
-import txListItemCss from '@/components/transactions/TxListItem/styles.module.css'
-
-const ExpandableMsgItem = ({ msg, expanded = false }: { msg: SafeMessage; expanded?: boolean }): ReactElement => {
-  return (
-    <Accordion
-      defaultExpanded={expanded}
-      disableGutters
-      elevation={0}
-      className={txListItemCss.accordion}
-      sx={{ border: 'none', '&:before': { display: 'none' } }}
-    >
-      <AccordionSummary
-        data-testid="message-item"
-        expandIcon={<ExpandMoreIcon />}
-        sx={{ justifyContent: 'flex-start', overflowX: 'auto' }}
-      >
-        <MsgSummary msg={msg} />
-      </AccordionSummary>
-
-      <AccordionDetails sx={{ padding: 0 }}>
-        <MsgDetails msg={msg} />
-      </AccordionDetails>
-    </Accordion>
-  )
-}
-
-export default ExpandableMsgItem
diff --git a/src/components/safe-messages/MsgListItem/index.tsx b/src/components/safe-messages/MsgListItem/index.tsx
deleted file mode 100644
index ff055bae5..000000000
--- a/src/components/safe-messages/MsgListItem/index.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { ReactElement } from 'react'
-import type { SafeMessageListItem } from '@safe-global/safe-gateway-typescript-sdk'
-
-import { isSafeMessageListDateLabel, isSafeMessageListItem } from '@/utils/safe-message-guards'
-import TxDateLabel from '@/components/transactions/TxDateLabel'
-import ExpandableMsgItem from '@/components/safe-messages/MsgListItem/ExpandableMsgItem'
-
-const MsgListItem = ({ item }: { item: SafeMessageListItem }): ReactElement | null => {
-  if (isSafeMessageListDateLabel(item)) {
-    return <TxDateLabel item={item} />
-  }
-  if (isSafeMessageListItem(item)) {
-    return <ExpandableMsgItem msg={item} />
-  }
-  return null
-}
-
-export default MsgListItem
diff --git a/src/components/safe-messages/MsgSigners/index.tsx b/src/components/safe-messages/MsgSigners/index.tsx
deleted file mode 100644
index a24c084ce..000000000
--- a/src/components/safe-messages/MsgSigners/index.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-import { useState, type ReactElement } from 'react'
-import { Box, Link, List, ListItem, ListItemIcon, ListItemText, Skeleton, SvgIcon, Typography } from '@mui/material'
-import { SafeMessageStatus } from '@safe-global/safe-gateway-typescript-sdk'
-import type { SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
-import CircleOutlinedIcon from '@mui/icons-material/CircleOutlined'
-
-import CreatedIcon from '@/public/images/messages/created.svg'
-import SignedIcon from '@/public/images/messages/signed.svg'
-import DotIcon from '@/public/images/messages/dot.svg'
-import EthHashInfo from '@/components/common/EthHashInfo'
-
-import css from '@/components/safe-messages/MsgSigners/styles.module.css'
-import txSignersCss from '@/components/transactions/TxSigners/styles.module.css'
-
-// Icons
-
-const Created = () => (
-  <SvgIcon
-    component={CreatedIcon}
-    inheritViewBox
-    className={css.icon}
-    sx={{
-      '& path:last-of-type': { fill: ({ palette }) => palette.background.paper },
-    }}
-  />
-)
-
-const Signed = () => (
-  <SvgIcon
-    component={SignedIcon}
-    inheritViewBox
-    className={css.icon}
-    sx={{
-      '& path:last-of-type': { fill: ({ palette }) => palette.background.paper },
-    }}
-  />
-)
-
-const Dot = () => <SvgIcon component={DotIcon} inheritViewBox className={css.dot} />
-
-const shouldHideConfirmations = (msg: SafeMessage): boolean => {
-  const isConfirmed = msg.status === SafeMessageStatus.CONFIRMED
-
-  // Threshold reached or more than 3 confirmations
-  return isConfirmed || msg.confirmations.length > 3
-}
-
-export const MsgSigners = ({
-  msg,
-  showOnlyConfirmations = false,
-  showMissingSignatures = false,
-  backgroundColor,
-}: {
-  msg: SafeMessage
-  showOnlyConfirmations?: boolean
-  showMissingSignatures?: boolean
-  backgroundColor?: string
-}): ReactElement => {
-  const [hideConfirmations, setHideConfirmations] = useState<boolean>(shouldHideConfirmations(msg))
-
-  const toggleHide = () => {
-    setHideConfirmations((prev) => !prev)
-  }
-
-  const { confirmations, confirmationsRequired, confirmationsSubmitted } = msg
-
-  const missingConfirmations = [...new Array(Math.max(0, confirmationsRequired - confirmationsSubmitted))]
-
-  const isConfirmed = msg.status === SafeMessageStatus.CONFIRMED
-
-  return (
-    <List className={css.signers}>
-      {!showOnlyConfirmations && (
-        <ListItem>
-          <ListItemIcon>
-            <Created />
-          </ListItemIcon>
-          <ListItemText primaryTypographyProps={{ fontWeight: 700 }}>Created</ListItemText>
-        </ListItem>
-      )}
-      <ListItem>
-        <ListItemIcon sx={{ backgroundColor }}>
-          <Signed />
-        </ListItemIcon>
-        <ListItemText primaryTypographyProps={{ fontWeight: 700 }}>
-          Confirmations{' '}
-          <Box component="span" className={txSignersCss.confirmationsTotal}>
-            ({`${confirmationsSubmitted} of ${confirmationsRequired}`})
-          </Box>
-        </ListItemText>
-      </ListItem>
-      {!hideConfirmations &&
-        confirmations.map(({ owner }) => (
-          <ListItem key={owner.value} sx={{ py: 0 }}>
-            <ListItemIcon sx={{ backgroundColor }}>
-              <Dot />
-            </ListItemIcon>
-            <ListItemText>
-              <EthHashInfo address={owner.value} name={owner.name} hasExplorer showCopyButton />
-            </ListItemText>
-          </ListItem>
-        ))}
-      {!showOnlyConfirmations && confirmations.length > 0 && (
-        <ListItem>
-          <ListItemIcon sx={{ backgroundColor }}>
-            <Dot />
-          </ListItemIcon>
-          <ListItemText>
-            <Link component="button" onClick={toggleHide} fontSize="medium">
-              {hideConfirmations ? 'Show all' : 'Hide all'}
-            </Link>
-          </ListItemText>
-        </ListItem>
-      )}
-      {showMissingSignatures &&
-        missingConfirmations.map((_, idx) => (
-          <ListItem key={`skeleton${idx}`} sx={{ py: 0 }}>
-            <ListItemIcon sx={{ backgroundColor }}>
-              <SvgIcon component={CircleOutlinedIcon} className={css.dot} color="border" fontSize="small" />
-            </ListItemIcon>
-            <ListItemText>
-              <Box display="flex" flexDirection="row" alignItems="center" gap={1}>
-                <Skeleton variant="circular" width={36} height={36} />
-                <Typography variant="body2" color="text.secondary">
-                  Confirmation #{idx + 1 + confirmationsSubmitted}
-                </Typography>
-              </Box>
-            </ListItemText>
-          </ListItem>
-        ))}
-      {isConfirmed && (
-        <ListItem>
-          <ListItemIcon sx={{ backgroundColor }}>
-            <Dot />
-          </ListItemIcon>
-          <ListItemText>Confirmed</ListItemText>
-        </ListItem>
-      )}
-    </List>
-  )
-}
-
-export default MsgSigners
diff --git a/src/components/safe-messages/MsgSummary/index.tsx b/src/components/safe-messages/MsgSummary/index.tsx
deleted file mode 100644
index 7c8814263..000000000
--- a/src/components/safe-messages/MsgSummary/index.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import { Box, CircularProgress, type Palette, Typography } from '@mui/material'
-import type { ReactElement } from 'react'
-import { SafeMessageStatus } from '@safe-global/safe-gateway-typescript-sdk'
-import type { SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
-
-import DateTime from '@/components/common/DateTime'
-import MsgType from '@/components/safe-messages/MsgType'
-import SignMsgButton from '@/components/safe-messages/SignMsgButton'
-import useSafeMessageStatus from '@/hooks/messages/useSafeMessageStatus'
-import TxConfirmations from '@/components/transactions/TxConfirmations'
-
-import css from '@/components/transactions/TxSummary/styles.module.css'
-import useIsSafeMessagePending from '@/hooks/messages/useIsSafeMessagePending'
-import { isEIP712TypedData } from '@/utils/safe-messages'
-
-const getStatusColor = (value: SafeMessageStatus, palette: Palette): string => {
-  switch (value) {
-    case SafeMessageStatus.CONFIRMED:
-      return palette.success.main
-    case SafeMessageStatus.NEEDS_CONFIRMATION:
-      return palette.warning.main
-    default:
-      return palette.text.primary
-  }
-}
-
-const MsgSummary = ({ msg }: { msg: SafeMessage }): ReactElement => {
-  const { confirmationsSubmitted, confirmationsRequired } = msg
-  const txStatusLabel = useSafeMessageStatus(msg)
-  const isConfirmed = msg.status === SafeMessageStatus.CONFIRMED
-  const isPending = useIsSafeMessagePending(msg.messageHash)
-  let type = ''
-  if (isEIP712TypedData(msg.message)) {
-    type = (msg.message as unknown as { primaryType: string }).primaryType
-  }
-
-  return (
-    <Box className={[css.gridContainer, css.message].join(' ')}>
-      <Box gridArea="type">
-        <MsgType msg={msg} />
-      </Box>
-
-      <Box gridArea="info">{type || 'Signature'}</Box>
-
-      <Box gridArea="date" className={css.date}>
-        <DateTime value={msg.modifiedTimestamp} />
-      </Box>
-
-      <Box gridArea="confirmations">
-        {confirmationsRequired > 0 && (
-          <TxConfirmations
-            submittedConfirmations={confirmationsSubmitted}
-            requiredConfirmations={confirmationsRequired}
-          />
-        )}
-      </Box>
-
-      <Box gridArea="status">
-        {isConfirmed || isPending ? (
-          <Typography
-            variant="caption"
-            fontWeight="bold"
-            display="flex"
-            alignItems="center"
-            gap={1}
-            color={({ palette }) => getStatusColor(msg.status, palette)}
-          >
-            {isPending && <CircularProgress size={14} color="inherit" />}
-
-            {txStatusLabel}
-          </Typography>
-        ) : (
-          <SignMsgButton msg={msg} compact />
-        )}
-      </Box>
-    </Box>
-  )
-}
-
-export default MsgSummary
diff --git a/src/components/safe-messages/MsgType/index.tsx b/src/components/safe-messages/MsgType/index.tsx
deleted file mode 100644
index 7b0fb197a..000000000
--- a/src/components/safe-messages/MsgType/index.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Box, SvgIcon } from '@mui/material'
-import type { SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
-import RequiredIcon from '@/public/images/messages/required.svg'
-import ImageFallback from '@/components/common/ImageFallback'
-import txTypeCss from '@/components/transactions/TxType/styles.module.css'
-import { isEIP712TypedData } from '@/utils/safe-messages'
-
-const FALLBACK_LOGO_URI = '/images/transactions/custom.svg'
-const MAX_TRIMMED_LENGTH = 20
-
-const getMessageName = (msg: SafeMessage) => {
-  if (msg.name != null) return msg.name
-
-  if (isEIP712TypedData(msg.message)) {
-    return msg.message.domain?.name || ''
-  }
-
-  const firstLine = msg.message.split('\n')[0]
-  let trimmed = firstLine.slice(0, MAX_TRIMMED_LENGTH)
-  if (trimmed.length < firstLine.length) {
-    trimmed += '…'
-  }
-  return trimmed
-}
-
-const MsgType = ({ msg }: { msg: SafeMessage }) => {
-  return (
-    <Box className={txTypeCss.txType}>
-      {msg.logoUri ? (
-        <ImageFallback
-          src={msg.logoUri || FALLBACK_LOGO_URI}
-          fallbackSrc={FALLBACK_LOGO_URI}
-          alt="Message type"
-          width={16}
-          height={16}
-        />
-      ) : (
-        <SvgIcon component={RequiredIcon} viewBox="0 0 32 32" fontSize="small" />
-      )}
-      {getMessageName(msg)}
-    </Box>
-  )
-}
-
-export default MsgType
diff --git a/src/components/safe-messages/PaginatedMsgs/index.tsx b/src/components/safe-messages/PaginatedMsgs/index.tsx
deleted file mode 100644
index b57222309..000000000
--- a/src/components/safe-messages/PaginatedMsgs/index.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { Box } from '@mui/material'
-import { Typography, Link, SvgIcon } from '@mui/material'
-import { useEffect, useState } from 'react'
-import type { ReactElement } from 'react'
-
-import ErrorMessage from '@/components/tx/ErrorMessage'
-import useSafeMessages from '@/hooks/messages/useSafeMessages'
-import LinkIcon from '@/public/images/common/link.svg'
-import NoMessagesIcon from '@/public/images/messages/no-messages.svg'
-import InfiniteScroll from '@/components/common/InfiniteScroll'
-import PagePlaceholder from '@/components/common/PagePlaceholder'
-import MsgList from '@/components/safe-messages/MsgList'
-import SkeletonTxList from '@/components/common/PaginatedTxns/SkeletonTxList'
-import { HelpCenterArticle } from '@/config/constants'
-import useSafeInfo from '@/hooks/useSafeInfo'
-
-const NoMessages = (): ReactElement => {
-  return (
-    <PagePlaceholder
-      img={<NoMessagesIcon />}
-      text={
-        <Typography variant="body1" color="primary.light" m={2} maxWidth="600px">
-          Some applications allow you to interact with them via off-chain contract signatures (&ldquo;messages&ldquo;)
-          that you can generate with your Safe Account.
-        </Typography>
-      }
-    >
-      <Link rel="noopener noreferrer" target="_blank" href={HelpCenterArticle.SIGNED_MESSAGES} fontWeight={700}>
-        Learn more about off-chain messages{' '}
-        <SvgIcon component={LinkIcon} inheritViewBox fontSize="small" sx={{ verticalAlign: 'middle', ml: 0.5 }} />
-      </Link>
-    </PagePlaceholder>
-  )
-}
-
-const MsgPage = ({
-  pageUrl,
-  onNextPage,
-}: {
-  pageUrl: string
-  onNextPage?: (pageUrl: string) => void
-}): ReactElement => {
-  const { page, error, loading } = useSafeMessages(pageUrl)
-
-  return (
-    <>
-      {page && page.results.length > 0 && <MsgList items={page.results} />}
-
-      {page?.results.length === 0 && <NoMessages />}
-
-      {error && <ErrorMessage>Error loading messages</ErrorMessage>}
-
-      {loading && <SkeletonTxList />}
-
-      {page?.next && onNextPage && (
-        <Box my={4} textAlign="center">
-          <InfiniteScroll onLoadMore={() => onNextPage(page.next!)} />
-        </Box>
-      )}
-    </>
-  )
-}
-
-const PaginatedMsgs = (): ReactElement => {
-  const [pages, setPages] = useState<string[]>([''])
-  const { safeAddress, safe } = useSafeInfo()
-
-  // Trigger the next page load
-  const onNextPage = (pageUrl: string) => {
-    setPages((prev) => prev.concat(pageUrl))
-  }
-
-  // Reset the pages when the Safe Account changes
-  useEffect(() => {
-    setPages([''])
-  }, [safe.chainId, safeAddress])
-
-  return (
-    <Box mb={4} position="relative">
-      {pages.map((pageUrl, index) => (
-        <MsgPage key={pageUrl} pageUrl={pageUrl} onNextPage={index === pages.length - 1 ? onNextPage : undefined} />
-      ))}
-    </Box>
-  )
-}
-
-export default PaginatedMsgs
diff --git a/src/components/safe-messages/SignMsgButton/index.tsx b/src/components/safe-messages/SignMsgButton/index.tsx
deleted file mode 100644
index c0cc6bd91..000000000
--- a/src/components/safe-messages/SignMsgButton/index.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Button, Tooltip } from '@mui/material'
-import { useContext } from 'react'
-import type { SyntheticEvent, ReactElement } from 'react'
-import type { SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
-
-import useWallet from '@/hooks/wallets/useWallet'
-import Track from '@/components/common/Track'
-import { MESSAGE_EVENTS } from '@/services/analytics/events/txList'
-import useIsSafeMessageSignableBy from '@/hooks/messages/useIsSafeMessageSignableBy'
-import { TxModalContext } from '@/components/tx-flow'
-import { SignMessageFlow } from '@/components/tx-flow/flows'
-import CheckWallet from '@/components/common/CheckWallet'
-
-const SignMsgButton = ({ msg, compact = false }: { msg: SafeMessage; compact?: boolean }): ReactElement => {
-  const wallet = useWallet()
-  const isSignable = useIsSafeMessageSignableBy(msg, wallet?.address || '')
-  const { setTxFlow } = useContext(TxModalContext)
-
-  const onClick = (e: SyntheticEvent) => {
-    e.stopPropagation()
-    setTxFlow(<SignMessageFlow {...msg} />)
-  }
-
-  return (
-    <CheckWallet>
-      {(isOk) => (
-        <Tooltip title={isOk && !isSignable ? "You've already signed this message" : ''}>
-          <span>
-            <Track {...MESSAGE_EVENTS.SIGN}>
-              <Button
-                onClick={onClick}
-                variant={isSignable ? 'contained' : 'outlined'}
-                disabled={!isOk || !isSignable}
-                size={compact ? 'small' : 'stretched'}
-                sx={compact ? { py: 0.8 } : undefined}
-              >
-                Sign
-              </Button>
-            </Track>
-          </span>
-        </Tooltip>
-      )}
-    </CheckWallet>
-  )
-}
-
-export default SignMsgButton
diff --git a/src/components/safe-messages/SingleMsg/index.tsx b/src/components/safe-messages/SingleMsg/index.tsx
deleted file mode 100644
index dc5c18165..000000000
--- a/src/components/safe-messages/SingleMsg/index.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { useRouter } from 'next/router'
-import { TxListGrid } from '@/components/transactions/TxList'
-import { TransactionSkeleton } from '@/components/transactions/TxListItem/ExpandableTransactionItem'
-import ExpandableMsgItem from '../MsgListItem/ExpandableMsgItem'
-import useSafeMessage from '@/hooks/messages/useSafeMessage'
-import ErrorMessage from '@/components/tx/ErrorMessage'
-
-const SingleMsg = () => {
-  const router = useRouter()
-  const { messageHash } = router.query
-  const safeMessageHash = Array.isArray(messageHash) ? messageHash[0] : messageHash
-  const [safeMessage, _, messageError] = useSafeMessage(safeMessageHash)
-
-  if (safeMessage) {
-    return (
-      <TxListGrid>
-        <ExpandableMsgItem msg={safeMessage} expanded />
-      </TxListGrid>
-    )
-  }
-
-  if (messageError) {
-    return <ErrorMessage error={messageError}>Failed to load message</ErrorMessage>
-  }
-
-  // Loading skeleton
-  return <TransactionSkeleton />
-}
-
-export default SingleMsg
diff --git a/src/components/settings/ContractVersion/index.tsx b/src/components/settings/ContractVersion/index.tsx
deleted file mode 100644
index 334ca921d..000000000
--- a/src/components/settings/ContractVersion/index.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import { useContext, useMemo } from 'react'
-import { SvgIcon, Typography, Alert, AlertTitle, Skeleton, Button } from '@mui/material'
-import { ImplementationVersionState } from '@safe-global/safe-gateway-typescript-sdk'
-import { LATEST_SAFE_VERSION } from '@/config/constants'
-import { sameAddress } from '@/utils/addresses'
-import type { MasterCopy } from '@/hooks/useMasterCopies'
-import { MasterCopyDeployer, useMasterCopies } from '@/hooks/useMasterCopies'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import CheckCircleIcon from '@mui/icons-material/CheckCircle'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import { TxModalContext } from '@/components/tx-flow'
-import { UpdateSafeFlow } from '@/components/tx-flow/flows'
-import ExternalLink from '@/components/common/ExternalLink'
-import CheckWallet from '@/components/common/CheckWallet'
-
-export const ContractVersion = () => {
-  const { setTxFlow } = useContext(TxModalContext)
-  const [masterCopies] = useMasterCopies()
-  const { safe, safeLoaded } = useSafeInfo()
-  const masterCopyAddress = safe.implementation.value
-
-  const safeMasterCopy: MasterCopy | undefined = useMemo(() => {
-    return masterCopies?.find((mc) => sameAddress(mc.address, masterCopyAddress))
-  }, [masterCopies, masterCopyAddress])
-
-  const needsUpdate = safe.implementationVersionState === ImplementationVersionState.OUTDATED
-  const showUpdateDialog = safeMasterCopy?.deployer === MasterCopyDeployer.GNOSIS && needsUpdate
-  const isLatestVersion = safe.version && !showUpdateDialog
-
-  return (
-    <>
-      <Typography variant="h4" fontWeight={700} marginBottom={1}>
-        Contract version
-      </Typography>
-
-      <Typography variant="body1" fontWeight={400} display="flex" alignItems="center">
-        {safeLoaded ? (
-          <>
-            {safe.version ?? 'Unsupported contract'}
-            {isLatestVersion && (
-              <>
-                <CheckCircleIcon color="primary" sx={{ ml: 1, mr: 0.5 }} /> Latest version
-              </>
-            )}
-          </>
-        ) : (
-          <Skeleton width="60px" />
-        )}
-      </Typography>
-
-      {safeLoaded && safe.version && showUpdateDialog && (
-        <Alert
-          sx={{ mt: 2, borderRadius: '2px', borderColor: '#B0FFC9' }}
-          icon={<SvgIcon component={InfoIcon} inheritViewBox color="secondary" />}
-        >
-          <AlertTitle sx={{ fontWeight: 700 }}>New version is available: {LATEST_SAFE_VERSION}</AlertTitle>
-
-          <Typography mb={3}>
-            Update now to take advantage of new features and the highest security standards available. You will need to
-            confirm this update just like any other transaction.{' '}
-            <ExternalLink href={safeMasterCopy?.deployerRepoUrl}>GitHub</ExternalLink>
-          </Typography>
-
-          <CheckWallet>
-            {(isOk) => (
-              <Button onClick={() => setTxFlow(<UpdateSafeFlow />)} variant="contained" disabled={!isOk}>
-                Update
-              </Button>
-            )}
-          </CheckWallet>
-        </Alert>
-      )}
-    </>
-  )
-}
diff --git a/src/components/settings/DataManagement/index.tsx b/src/components/settings/DataManagement/index.tsx
deleted file mode 100644
index a91fac1ae..000000000
--- a/src/components/settings/DataManagement/index.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import { useEffect, useState } from 'react'
-import { Paper, Grid, Typography, Button, SvgIcon, Box } from '@mui/material'
-
-import FileIcon from '@/public/images/settings/data/file.svg'
-import ExportIcon from '@/public/images/common/export.svg'
-import { getPersistedState, useAppSelector } from '@/store'
-import { addressBookSlice, selectAllAddressBooks } from '@/store/addressBookSlice'
-import { addedSafesSlice, selectAllAddedSafes } from '@/store/addedSafesSlice'
-import { safeAppsSlice, selectSafeApps } from '@/store/safeAppsSlice'
-import { selectSettings, settingsSlice } from '@/store/settingsSlice'
-import { ImportFileUpload } from '@/components/settings/DataManagement/ImportFileUpload'
-import { ImportDialog } from '@/components/settings/DataManagement/ImportDialog'
-import { SAFE_EXPORT_VERSION } from '@/components/settings/DataManagement/useGlobalImportFileParser'
-import { FileListCard } from '@/components/settings/DataManagement/FileListCard'
-
-import css from './styles.module.css'
-import Track from '@/components/common/Track'
-import { OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
-
-const getExportFileName = () => {
-  const today = new Date().toISOString().slice(0, 10)
-  return `safe-${today}.json`
-}
-
-export const exportAppData = () => {
-  // Extract the slices we want to export
-  const {
-    [addressBookSlice.name]: addressBook,
-    [addedSafesSlice.name]: addedSafes,
-    [settingsSlice.name]: setting,
-    [safeAppsSlice.name]: safeApps,
-  } = getPersistedState()
-
-  // Ensure they are under the same name as the slice
-  const exportData = {
-    [addressBookSlice.name]: addressBook,
-    [addedSafesSlice.name]: addedSafes,
-    [settingsSlice.name]: setting,
-    [safeAppsSlice.name]: safeApps,
-  }
-
-  const data = JSON.stringify({ version: SAFE_EXPORT_VERSION.V2, data: exportData })
-
-  const blob = new Blob([data], { type: 'text/json' })
-  const link = document.createElement('a')
-
-  link.download = getExportFileName()
-  link.href = window.URL.createObjectURL(blob)
-  link.dataset.downloadurl = ['text/json', link.download, link.href].join(':')
-  link.dispatchEvent(new MouseEvent('click'))
-}
-
-const DataManagement = () => {
-  const [exportFileName, setExportFileName] = useState('')
-  const [importFileName, setImportFileName] = useState<string>()
-  const [jsonData, setJsonData] = useState<string>()
-
-  const addedSafes = useAppSelector(selectAllAddedSafes)
-  const addressBook = useAppSelector(selectAllAddressBooks)
-  const settings = useAppSelector(selectSettings)
-  const safeApps = useAppSelector(selectSafeApps)
-
-  useEffect(() => {
-    // Prevent hydration errors
-    setExportFileName(getExportFileName())
-  }, [])
-
-  return (
-    <>
-      <Paper sx={{ p: 4, mb: 2 }}>
-        <Grid container spacing={3}>
-          <Grid item sm={4} xs={12}>
-            <Typography variant="h4" fontWeight={700}>
-              Data export
-            </Typography>
-          </Grid>
-
-          <Grid data-testid="export-file-section" item container xs>
-            <Typography>Download your local data with your added Safe Accounts, address book and settings.</Typography>
-
-            <FileListCard
-              avatar={
-                <Box className={css.fileIcon} sx={{ borderRadius: ({ shape }) => `${shape.borderRadius}px` }}>
-                  <SvgIcon component={FileIcon} inheritViewBox fontSize="small" sx={{ fill: 'none' }} />
-                </Box>
-              }
-              title={<b>{exportFileName}</b>}
-              action={
-                <Track {...OVERVIEW_EVENTS.EXPORT_DATA} label={OVERVIEW_LABELS.settings}>
-                  <Button variant="contained" className={css.exportIcon} onClick={exportAppData}>
-                    <SvgIcon component={ExportIcon} inheritViewBox fontSize="small" />
-                  </Button>
-                </Track>
-              }
-              addedSafes={addedSafes}
-              addressBook={addressBook}
-              settings={settings}
-              safeApps={safeApps}
-            />
-          </Grid>
-        </Grid>
-      </Paper>
-
-      <Paper sx={{ p: 4 }}>
-        <Grid container spacing={3}>
-          <Grid item sm={4} xs={12}>
-            <Typography variant="h4" fontWeight={700}>
-              Data import
-            </Typography>
-          </Grid>
-
-          <Grid item xs>
-            <ImportFileUpload setFileName={setImportFileName} setJsonData={setJsonData} />
-          </Grid>
-
-          {jsonData && (
-            <ImportDialog
-              jsonData={jsonData}
-              fileName={importFileName}
-              setJsonData={setJsonData}
-              setFileName={setImportFileName}
-            />
-          )}
-        </Grid>
-      </Paper>
-    </>
-  )
-}
-
-export default DataManagement
diff --git a/src/components/settings/DelegatesList/index.tsx b/src/components/settings/DelegatesList/index.tsx
deleted file mode 100644
index 1610e2db8..000000000
--- a/src/components/settings/DelegatesList/index.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import { getDelegates } from '@safe-global/safe-gateway-typescript-sdk'
-import useAsync from '@/hooks/useAsync'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { Box, Grid, Paper, SvgIcon, Tooltip, Typography } from '@mui/material'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import ExternalLink from '@/components/common/ExternalLink'
-import { HelpCenterArticle } from '@/config/constants'
-
-const useDelegates = () => {
-  const {
-    safe: { chainId },
-    safeAddress,
-  } = useSafeInfo()
-  const [delegates] = useAsync(() => {
-    if (!chainId || !safeAddress) return
-    return getDelegates(chainId, { safe: safeAddress })
-  }, [chainId, safeAddress])
-  return delegates
-}
-
-const DelegatesList = () => {
-  const delegates = useDelegates()
-
-  if (!delegates?.results.length) return null
-
-  return (
-    <Paper sx={{ p: 4, mt: 2 }}>
-      <Box display="flex" flexDirection="column" gap={2}>
-        <Grid container spacing={3}>
-          <Grid item lg={4} xs={12}>
-            <Typography variant="h4" fontWeight={700}>
-              <Tooltip
-                placement="top"
-                title={
-                  <>
-                    What are delegated accounts?{' '}
-                    <ExternalLink href={HelpCenterArticle.DELEGATES}>Learn more</ExternalLink>
-                  </>
-                }
-              >
-                <span>
-                  Delegated accounts
-                  <SvgIcon
-                    component={InfoIcon}
-                    inheritViewBox
-                    fontSize="small"
-                    color="border"
-                    sx={{ verticalAlign: 'middle', ml: 0.5 }}
-                  />
-                </span>
-              </Tooltip>
-            </Typography>
-          </Grid>
-
-          <Grid item xs>
-            <ul style={{ padding: 0, margin: 0 }}>
-              {delegates.results.map((item) => (
-                <li
-                  key={item.delegate}
-                  style={{ listStyleType: 'none', marginBottom: '1em' }}
-                  title={`Delegated by ${item.delegator}`}
-                >
-                  <EthHashInfo
-                    address={item.delegate}
-                    showCopyButton
-                    hasExplorer
-                    name={item.label || undefined}
-                    shortAddress={false}
-                  />
-                </li>
-              ))}
-            </ul>
-          </Grid>
-        </Grid>
-      </Box>
-    </Paper>
-  )
-}
-
-export default DelegatesList
diff --git a/src/components/settings/EnvironmentVariables/index.tsx b/src/components/settings/EnvironmentVariables/index.tsx
deleted file mode 100644
index d2b45729a..000000000
--- a/src/components/settings/EnvironmentVariables/index.tsx
+++ /dev/null
@@ -1,223 +0,0 @@
-import { useForm, FormProvider } from 'react-hook-form'
-import { Paper, Grid, Typography, TextField, Button, Tooltip, IconButton, SvgIcon } from '@mui/material'
-import InputAdornment from '@mui/material/InputAdornment'
-import RotateLeftIcon from '@mui/icons-material/RotateLeft'
-import { useAppDispatch, useAppSelector } from '@/store'
-import { selectSettings, setRpc, setTenderly } from '@/store/settingsSlice'
-import { TENDERLY_SIMULATE_ENDPOINT_URL } from '@/config/constants'
-import useChainId from '@/hooks/useChainId'
-import { useCurrentChain } from '@/hooks/useChains'
-import { SETTINGS_EVENTS, trackEvent } from '@/services/analytics'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import ExternalLink from '@/components/common/ExternalLink'
-
-export enum EnvVariablesField {
-  rpc = 'rpc',
-  tenderlyURL = 'tenderlyURL',
-  tenderlyToken = 'tenderlyToken',
-}
-
-export type EnvVariablesFormData = {
-  [EnvVariablesField.rpc]: string
-  [EnvVariablesField.tenderlyURL]: string
-  [EnvVariablesField.tenderlyToken]: string
-}
-
-const EnvironmentVariables = () => {
-  const chainId = useChainId()
-  const chain = useCurrentChain()
-  const settings = useAppSelector(selectSettings)
-  const dispatch = useAppDispatch()
-
-  const formMethods = useForm<EnvVariablesFormData>({
-    mode: 'onChange',
-    values: {
-      [EnvVariablesField.rpc]: settings.env?.rpc[chainId] ?? '',
-      [EnvVariablesField.tenderlyURL]: settings.env?.tenderly.url ?? '',
-      [EnvVariablesField.tenderlyToken]: settings.env?.tenderly.accessToken ?? '',
-    },
-  })
-
-  const { register, handleSubmit, setValue, watch } = formMethods
-
-  const rpc = watch(EnvVariablesField.rpc)
-  const tenderlyURL = watch(EnvVariablesField.tenderlyURL)
-  const tenderlyToken = watch(EnvVariablesField.tenderlyToken)
-
-  const onSubmit = handleSubmit((data) => {
-    trackEvent({ ...SETTINGS_EVENTS.ENV_VARIABLES.SAVE })
-
-    dispatch(
-      setRpc({
-        chainId,
-        rpc: data[EnvVariablesField.rpc],
-      }),
-    )
-
-    dispatch(
-      setTenderly({
-        url: data[EnvVariablesField.tenderlyURL],
-        accessToken: data[EnvVariablesField.tenderlyToken],
-      }),
-    )
-
-    location.reload()
-  })
-
-  const onReset = (name: EnvVariablesField) => {
-    setValue(name, '')
-  }
-
-  return (
-    <Paper sx={{ padding: 4 }}>
-      <Grid container direction="row" justifyContent="space-between" spacing={3} mb={2}>
-        <Grid item lg={4} xs={12}>
-          <Typography variant="h4" fontWeight={700}>
-            Environment variables
-          </Typography>
-        </Grid>
-
-        <Grid item xs>
-          <Typography mb={3}>
-            You can override some of our default APIs here in case you need to. Proceed at your own risk.
-          </Typography>
-
-          <FormProvider {...formMethods}>
-            <form onSubmit={onSubmit}>
-              <Typography fontWeight={700} mb={2} mt={3}>
-                RPC provider
-                <Tooltip
-                  placement="top"
-                  arrow
-                  title="Any provider that implements the Ethereum JSON-RPC standard can be used."
-                >
-                  <span>
-                    <SvgIcon
-                      component={InfoIcon}
-                      inheritViewBox
-                      fontSize="small"
-                      color="border"
-                      sx={{ verticalAlign: 'middle', ml: 0.5 }}
-                    />
-                  </span>
-                </Tooltip>
-              </Typography>
-
-              <TextField
-                {...register(EnvVariablesField.rpc)}
-                variant="outlined"
-                type="url"
-                placeholder={chain?.rpcUri.value}
-                InputProps={{
-                  endAdornment: rpc ? (
-                    <InputAdornment position="end">
-                      <Tooltip title="Reset to default value">
-                        <IconButton onClick={() => onReset(EnvVariablesField.rpc)} size="small" color="primary">
-                          <RotateLeftIcon />
-                        </IconButton>
-                      </Tooltip>
-                    </InputAdornment>
-                  ) : null,
-                }}
-                fullWidth
-              />
-
-              <Typography fontWeight={700} mb={2} mt={3}>
-                Tenderly
-                <Tooltip
-                  placement="top"
-                  arrow
-                  title={
-                    <>
-                      You can use your own Tenderly project to keep track of all your transaction simulations.{' '}
-                      <ExternalLink
-                        color="secondary"
-                        href="https://docs.tenderly.co/simulations-and-forks/simulation-api/configuration-of-api-access"
-                      >
-                        Read more
-                      </ExternalLink>
-                    </>
-                  }
-                >
-                  <span>
-                    <SvgIcon
-                      component={InfoIcon}
-                      inheritViewBox
-                      fontSize="small"
-                      color="border"
-                      sx={{ verticalAlign: 'middle', ml: 0.5 }}
-                    />
-                  </span>
-                </Tooltip>
-              </Typography>
-
-              <Grid container spacing={2}>
-                <Grid item xs={12} md={6}>
-                  <TextField
-                    {...register(EnvVariablesField.tenderlyURL)}
-                    type="url"
-                    variant="outlined"
-                    label="Tenderly API URL"
-                    placeholder={TENDERLY_SIMULATE_ENDPOINT_URL}
-                    InputLabelProps={{
-                      shrink: true,
-                    }}
-                    InputProps={{
-                      endAdornment: tenderlyURL ? (
-                        <InputAdornment position="end">
-                          <Tooltip title="Reset to default value">
-                            <IconButton
-                              onClick={() => onReset(EnvVariablesField.tenderlyURL)}
-                              size="small"
-                              color="primary"
-                            >
-                              <RotateLeftIcon />
-                            </IconButton>
-                          </Tooltip>
-                        </InputAdornment>
-                      ) : null,
-                    }}
-                    fullWidth
-                  />
-                </Grid>
-
-                <Grid item xs={12} md={6}>
-                  <TextField
-                    {...register(EnvVariablesField.tenderlyToken)}
-                    variant="outlined"
-                    label="Tenderly access token"
-                    InputLabelProps={{
-                      shrink: true,
-                    }}
-                    InputProps={{
-                      endAdornment: tenderlyToken ? (
-                        <InputAdornment position="end">
-                          <Tooltip title="Reset to default value">
-                            <IconButton
-                              onClick={() => onReset(EnvVariablesField.tenderlyToken)}
-                              size="small"
-                              color="primary"
-                            >
-                              <RotateLeftIcon />
-                            </IconButton>
-                          </Tooltip>
-                        </InputAdornment>
-                      ) : null,
-                    }}
-                    fullWidth
-                  />
-                </Grid>
-              </Grid>
-
-              <Button type="submit" variant="contained" color="primary" sx={{ mt: 2 }}>
-                Save
-              </Button>
-            </form>
-          </FormProvider>
-        </Grid>
-      </Grid>
-    </Paper>
-  )
-}
-
-export default EnvironmentVariables
diff --git a/src/components/settings/FallbackHandler/__tests__/index.test.tsx b/src/components/settings/FallbackHandler/__tests__/index.test.tsx
deleted file mode 100644
index f39b00d17..000000000
--- a/src/components/settings/FallbackHandler/__tests__/index.test.tsx
+++ /dev/null
@@ -1,241 +0,0 @@
-import { chainBuilder } from '@/tests/builders/chains'
-import { render, waitFor } from '@/tests/test-utils'
-
-import * as useSafeInfoHook from '@/hooks/useSafeInfo'
-import * as useChainId from '@/hooks/useChainId'
-import * as useTxBuilderHook from '@/hooks/safe-apps/useTxBuilderApp'
-import { FallbackHandler } from '..'
-
-const GOERLI_FALLBACK_HANDLER = '0xf48f2B2d2a534e402487b3ee7C18c33Aec0Fe5e4'
-
-const mockChain = chainBuilder().build()
-
-describe('FallbackHandler', () => {
-  beforeEach(() => {
-    jest.clearAllMocks()
-
-    jest.spyOn(useTxBuilderHook, 'useTxBuilderApp').mockImplementation(() => ({
-      link: { href: 'https://mock.link/tx-builder' },
-    }))
-
-    jest.spyOn(useChainId, 'default').mockImplementation(() => mockChain.chainId)
-  })
-
-  it('should render the Fallback Handler when one is set', async () => {
-    jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
-      () =>
-        ({
-          safe: {
-            version: '1.3.0',
-            chainId: '5',
-            fallbackHandler: {
-              value: GOERLI_FALLBACK_HANDLER,
-              name: 'FallbackHandlerName',
-            },
-          },
-        } as unknown as ReturnType<typeof useSafeInfoHook.default>),
-    )
-
-    const fbHandler = render(<FallbackHandler />, {
-      initialReduxState: { chains: { loading: false, data: [mockChain] } },
-    })
-
-    await waitFor(() => {
-      expect(
-        fbHandler.queryByText(
-          'The fallback handler adds fallback logic for funtionality that may not be present in the Safe contract. Learn more about the fallback handler',
-        ),
-      ).toBeDefined()
-
-      expect(fbHandler.getByText(GOERLI_FALLBACK_HANDLER)).toBeDefined()
-
-      expect(fbHandler.getByText('FallbackHandlerName')).toBeDefined()
-    })
-  })
-
-  it('should render the Fallback Handler without warning when one that is not a default address is set', async () => {
-    const OPTIMISM_FALLBACK_HANDLER = '0x69f4D1788e39c87893C980c06EdF4b7f686e2938'
-
-    // Optimism is not a "default" address
-    expect(OPTIMISM_FALLBACK_HANDLER).not.toBe(GOERLI_FALLBACK_HANDLER)
-
-    jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
-      () =>
-        ({
-          safe: {
-            version: '1.3.0',
-            chainId: '10',
-            fallbackHandler: {
-              value: OPTIMISM_FALLBACK_HANDLER,
-              name: 'FallbackHandlerName',
-            },
-          },
-        } as unknown as ReturnType<typeof useSafeInfoHook.default>),
-    )
-
-    const fbHandler = render(<FallbackHandler />, {
-      initialReduxState: { chains: { loading: false, data: [mockChain] } },
-    })
-
-    await waitFor(() => {
-      expect(
-        fbHandler.queryByText(
-          'The fallback handler adds fallback logic for funtionality that may not be present in the Safe contract. Learn more about the fallback handler',
-        ),
-      ).toBeDefined()
-
-      expect(fbHandler.getByText(OPTIMISM_FALLBACK_HANDLER)).toBeDefined()
-
-      expect(fbHandler.getByText('FallbackHandlerName')).toBeDefined()
-
-      expect(fbHandler.queryByText('An unofficial fallback handler is currently set.')).not.toBeInTheDocument()
-    })
-  })
-
-  it('should use the official deployment name if the address is official but no known name is present', async () => {
-    jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
-      () =>
-        ({
-          safe: {
-            version: '1.3.0',
-            chainId: '5',
-            fallbackHandler: {
-              value: GOERLI_FALLBACK_HANDLER,
-            },
-          },
-        } as unknown as ReturnType<typeof useSafeInfoHook.default>),
-    )
-
-    const fbHandler = render(<FallbackHandler />, {
-      initialReduxState: { chains: { loading: false, data: [mockChain] } },
-    })
-
-    await waitFor(() => {
-      expect(fbHandler.getByText('CompatibilityFallbackHandler')).toBeDefined()
-    })
-  })
-
-  describe('No Fallback Handler', () => {
-    it('should render a warning when no Fallback Handler is set', async () => {
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
-        () =>
-          ({
-            safe: {
-              version: '1.3.0',
-              chainId: '5',
-            },
-          } as unknown as ReturnType<typeof useSafeInfoHook.default>),
-      )
-
-      const fbHandler = render(<FallbackHandler />)
-
-      await waitFor(() => {
-        expect(
-          fbHandler.queryByText(
-            new RegExp('The Rootstock Safe may not work correctly as no fallback handler is currently set.'),
-          ),
-        ).toBeInTheDocument()
-        expect(fbHandler.queryByText('Transaction Builder')).toBeInTheDocument()
-      })
-    })
-
-    it('should conditionally append the Transaction Builder link', async () => {
-      jest.spyOn(useTxBuilderHook, 'useTxBuilderApp').mockImplementation(() => undefined)
-
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
-        () =>
-          ({
-            safe: {
-              version: '1.3.0',
-              chainId: '5',
-            },
-          } as unknown as ReturnType<typeof useSafeInfoHook.default>),
-      )
-
-      const fbHandler = render(<FallbackHandler />)
-
-      await waitFor(() => {
-        expect(
-          fbHandler.queryByText(
-            new RegExp('The Rootstock Safe may not work correctly as no fallback handler is currently set.'),
-          ),
-        ).toBeInTheDocument()
-        expect(fbHandler.queryByText('Transaction Builder')).not.toBeInTheDocument()
-      })
-    })
-  })
-
-  describe('Unofficial Fallback Handler', () => {
-    it('should render placeholder and warning when an unofficial Fallback Handler is set', async () => {
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
-        () =>
-          ({
-            safe: {
-              version: '1.3.0',
-              chainId: '5',
-              fallbackHandler: {
-                value: '0x123',
-              },
-            },
-          } as unknown as ReturnType<typeof useSafeInfoHook.default>),
-      )
-
-      const fbHandler = render(<FallbackHandler />)
-
-      await waitFor(() => {
-        expect(
-          fbHandler.queryByText(
-            'The fallback handler adds fallback logic for funtionality that may not be present in the Safe Account contract. Learn more about the fallback handler',
-          ),
-        ).toBeDefined()
-
-        expect(fbHandler.getByText('0x123')).toBeDefined()
-      })
-
-      await waitFor(() => {
-        expect(fbHandler.queryByText(new RegExp('An unofficial fallback handler is currently set.')))
-        expect(fbHandler.queryByText('Transaction Builder')).toBeInTheDocument()
-      })
-    })
-
-    it('should conditionally append the Transaction Builder link', async () => {
-      jest.spyOn(useTxBuilderHook, 'useTxBuilderApp').mockImplementation(() => undefined)
-
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
-        () =>
-          ({
-            safe: {
-              version: '1.3.0',
-              chainId: '5',
-              fallbackHandler: {
-                value: '0x123',
-              },
-            },
-          } as unknown as ReturnType<typeof useSafeInfoHook.default>),
-      )
-
-      const fbHandler = render(<FallbackHandler />)
-
-      await waitFor(() => {
-        expect(fbHandler.queryByText(new RegExp('An unofficial fallback handler is currently set.')))
-        expect(fbHandler.queryByText('Transaction Builder')).not.toBeInTheDocument()
-      })
-    })
-  })
-
-  it('should render nothing if the Safe Account version does not support Fallback Handlers', () => {
-    jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
-      () =>
-        ({
-          safe: {
-            version: '1.0.0',
-            chainId: '5',
-          },
-        } as unknown as ReturnType<typeof useSafeInfoHook.default>),
-    )
-
-    const fbHandler = render(<FallbackHandler />)
-
-    expect(fbHandler.container).toBeEmptyDOMElement()
-  })
-})
diff --git a/src/components/settings/FallbackHandler/index.tsx b/src/components/settings/FallbackHandler/index.tsx
deleted file mode 100644
index 81540190a..000000000
--- a/src/components/settings/FallbackHandler/index.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import { TWAP_FALLBACK_HANDLER } from '@/features/swap/helpers/utils'
-import NextLink from 'next/link'
-import { Typography, Box, Grid, Paper, Link, Alert } from '@mui/material'
-import semverSatisfies from 'semver/functions/satisfies'
-import { useMemo } from 'react'
-import type { ReactElement } from 'react'
-
-import EthHashInfo from '@/components/common/EthHashInfo'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { getFallbackHandlerContractDeployment } from '@/services/contracts/deployments'
-import { HelpCenterArticle } from '@/config/constants'
-import ExternalLink from '@/components/common/ExternalLink'
-import { useTxBuilderApp } from '@/hooks/safe-apps/useTxBuilderApp'
-
-const FALLBACK_HANDLER_VERSION = '>=1.1.1'
-
-export const FallbackHandler = (): ReactElement | null => {
-  const { safe } = useSafeInfo()
-  const txBuilder = useTxBuilderApp()
-
-  const supportsFallbackHandler = !!safe.version && semverSatisfies(safe.version, FALLBACK_HANDLER_VERSION)
-
-  const fallbackHandlerDeployment = useMemo(() => {
-    return getFallbackHandlerContractDeployment(safe.chainId, safe.version)
-  }, [safe.version, safe.chainId])
-
-  if (!supportsFallbackHandler) {
-    return null
-  }
-
-  const hasFallbackHandler = !!safe.fallbackHandler
-  const isOfficial =
-    hasFallbackHandler && safe.fallbackHandler?.value === fallbackHandlerDeployment?.networkAddresses[safe.chainId]
-  const isTWAPFallbackHandler = safe.fallbackHandler?.value === TWAP_FALLBACK_HANDLER
-
-  const warning = !hasFallbackHandler ? (
-    <>
-      The {'Rootstock Safe'} may not work correctly as no fallback handler is currently set.
-      {txBuilder && (
-        <>
-          {' '}
-          It can be set via the{' '}
-          <NextLink href={txBuilder.link} passHref legacyBehavior>
-            <Link>Transaction Builder</Link>
-          </NextLink>
-          .
-        </>
-      )}
-    </>
-  ) : isTWAPFallbackHandler ? (
-    <>This is CoW&apos;s fallback handler. It is needed for this Safe to be able to use the TWAP feature for Swaps.</>
-  ) : !isOfficial ? (
-    <>
-      An <b>unofficial</b> fallback handler is currently set.
-      {txBuilder && (
-        <>
-          {' '}
-          It can be altered via the{' '}
-          <NextLink href={txBuilder.link} passHref legacyBehavior>
-            <Link>Transaction Builder</Link>
-          </NextLink>
-          .
-        </>
-      )}
-    </>
-  ) : undefined
-
-  return (
-    <Paper sx={{ padding: 4 }}>
-      <Grid container direction="row" justifyContent="space-between" spacing={3}>
-        <Grid item lg={4} xs={12}>
-          <Typography variant="h4" fontWeight={700}>
-            Fallback handler
-          </Typography>
-        </Grid>
-
-        <Grid item xs>
-          <Box>
-            <Typography>
-              The fallback handler adds fallback logic for funtionality that may not be present in the Safe Account
-              contract. Learn more about the fallback handler{' '}
-              <ExternalLink href={HelpCenterArticle.FALLBACK_HANDLER}>here</ExternalLink>
-            </Typography>
-
-            <Alert
-              severity={!hasFallbackHandler ? 'warning' : isOfficial || isTWAPFallbackHandler ? 'success' : 'info'}
-              icon={false}
-              sx={{ mt: 2 }}
-            >
-              {warning && (
-                <Typography mb={hasFallbackHandler ? 1 : 0} variant="body2">
-                  {warning}
-                </Typography>
-              )}
-
-              {safe.fallbackHandler && (
-                <EthHashInfo
-                  shortAddress={false}
-                  name={safe.fallbackHandler.name || fallbackHandlerDeployment?.contractName}
-                  address={safe.fallbackHandler.value}
-                  customAvatar={safe.fallbackHandler.logoUri}
-                  showCopyButton
-                  hasExplorer
-                />
-              )}
-            </Alert>
-          </Box>
-        </Grid>
-      </Grid>
-    </Paper>
-  )
-}
diff --git a/src/components/settings/PushNotifications/__tests__/logic.test.ts b/src/components/settings/PushNotifications/__tests__/logic.test.ts
deleted file mode 100644
index cb5993237..000000000
--- a/src/components/settings/PushNotifications/__tests__/logic.test.ts
+++ /dev/null
@@ -1,218 +0,0 @@
-import * as firebase from 'firebase/messaging'
-import { DeviceType } from '@safe-global/safe-gateway-typescript-sdk/dist/types/notifications'
-import { BrowserProvider, type JsonRpcSigner, toBeHex } from 'ethers'
-
-import * as logic from '../logic'
-import * as web3 from '@/hooks/wallets/web3'
-import packageJson from '../../../../../package.json'
-import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
-import { MockEip1193Provider } from '@/tests/mocks/providers'
-
-jest.mock('firebase/messaging')
-
-Object.defineProperty(globalThis, 'crypto', {
-  value: {
-    randomUUID: () => Math.random().toString(),
-  },
-})
-
-Object.defineProperty(globalThis, 'navigator', {
-  value: {
-    serviceWorker: {
-      getRegistrations: () => [],
-    },
-  },
-})
-
-Object.defineProperty(globalThis, 'location', {
-  value: {
-    origin: 'https://app.safe.global',
-  },
-})
-
-const MM_SIGNATURE =
-  '0x844ba559793a122c5742e9d922ed1f4650d4efd8ea35191105ddaee6a604000165c14f56278bda8d52c9400cdaeaf5cdc38d3596264cc5ccd8f03e5619d5d9d41b'
-const LEDGER_SIGNATURE =
-  '0xb1274687aea0d8b8578a3eb6da57979eee0a64225e04445a0858e6f8d0d1b5870cdff961513992d849e47e9b0a8d432019829f1e4958837fd86e034656766a4e00'
-const ADJUSTED_LEDGER_SIGNATURE =
-  '0xb1274687aea0d8b8578a3eb6da57979eee0a64225e04445a0858e6f8d0d1b5870cdff961513992d849e47e9b0a8d432019829f1e4958837fd86e034656766a4e1b'
-
-describe('Notifications', () => {
-  let alertMock = jest.fn()
-
-  beforeEach(() => {
-    jest.clearAllMocks()
-
-    window.alert = alertMock
-  })
-
-  describe('requestNotificationPermission', () => {
-    let requestPermissionMock = jest.fn()
-
-    beforeEach(() => {
-      globalThis.Notification = {
-        requestPermission: requestPermissionMock,
-        permission: 'default',
-      } as unknown as jest.Mocked<typeof Notification>
-    })
-
-    it('should return true and not request permission again if already granted', async () => {
-      globalThis.Notification = {
-        requestPermission: requestPermissionMock,
-        permission: 'granted',
-      } as unknown as jest.Mocked<typeof Notification>
-
-      const result = await logic.requestNotificationPermission()
-
-      expect(requestPermissionMock).not.toHaveBeenCalled()
-      expect(result).toBe(true)
-    })
-
-    it('should return false if permission is denied', async () => {
-      requestPermissionMock.mockResolvedValue('denied')
-
-      const result = await logic.requestNotificationPermission()
-
-      expect(requestPermissionMock).toHaveBeenCalledTimes(1)
-      expect(result).toBe(false)
-    })
-
-    it('should return false if permission request throw', async () => {
-      requestPermissionMock.mockImplementation(Promise.reject)
-
-      const result = await logic.requestNotificationPermission()
-
-      expect(requestPermissionMock).toHaveBeenCalledTimes(1)
-      expect(result).toBe(false)
-    })
-
-    it('should return true if permission are granted', async () => {
-      requestPermissionMock.mockResolvedValue('granted')
-
-      const result = await logic.requestNotificationPermission()
-
-      expect(requestPermissionMock).toHaveBeenCalledTimes(1)
-      expect(result).toBe(true)
-    })
-  })
-
-  describe('adjustLegerSignature', () => {
-    it('should return the same signature if not that of a Ledger', () => {
-      const adjustedSignature = logic._adjustLedgerSignatureV(MM_SIGNATURE)
-
-      expect(adjustedSignature).toBe(MM_SIGNATURE)
-    })
-
-    it('should return an adjusted signature if is that of a Ledger and v is 0 or 1', () => {
-      const adjustedSignature = logic._adjustLedgerSignatureV(LEDGER_SIGNATURE)
-
-      expect(adjustedSignature).toBe(ADJUSTED_LEDGER_SIGNATURE)
-    })
-
-    it('should return the same signature if v is 27 or 28', () => {
-      const adjustedSignature = logic._adjustLedgerSignatureV(MM_SIGNATURE)
-
-      expect(adjustedSignature).toBe(MM_SIGNATURE)
-    })
-  })
-
-  describe('getRegisterDevicePayload', () => {
-    it('should return the payload with signature', async () => {
-      const token = crypto.randomUUID()
-      jest.spyOn(firebase, 'getToken').mockImplementation(() => Promise.resolve(token))
-
-      const mockProvider = new BrowserProvider(MockEip1193Provider)
-
-      jest.spyOn(mockProvider, 'getSigner').mockImplementation((address?: string | number | undefined) =>
-        Promise.resolve({
-          signMessage: jest.fn().mockResolvedValueOnce(MM_SIGNATURE),
-        } as unknown as JsonRpcSigner),
-      )
-      jest.spyOn(web3, 'createWeb3').mockImplementation(() => mockProvider)
-
-      const uuid = crypto.randomUUID()
-
-      const payload = await logic.getRegisterDevicePayload({
-        safesToRegister: {
-          ['1']: [toBeHex('0x1', 20), toBeHex('0x2', 20)],
-          ['2']: [toBeHex('0x1', 20)],
-        },
-        uuid,
-        wallet: {
-          label: 'MetaMask',
-        } as ConnectedWallet,
-      })
-
-      expect(payload).toStrictEqual({
-        uuid,
-        cloudMessagingToken: token,
-        buildNumber: '0',
-        bundle: 'safe',
-        deviceType: DeviceType.WEB,
-        version: packageJson.version,
-        timestamp: expect.any(String),
-        safeRegistrations: [
-          {
-            chainId: '1',
-            safes: [toBeHex('0x1', 20), toBeHex('0x2', 20)],
-            signatures: [MM_SIGNATURE],
-          },
-          {
-            chainId: '2',
-            safes: [toBeHex('0x1', 20)],
-            signatures: [MM_SIGNATURE],
-          },
-        ],
-      })
-    })
-
-    it('should return the payload with a Ledger adjusted signature', async () => {
-      const token = crypto.randomUUID()
-      jest.spyOn(firebase, 'getToken').mockImplementation(() => Promise.resolve(token))
-
-      const mockProvider = new BrowserProvider(MockEip1193Provider)
-
-      jest.spyOn(mockProvider, 'getSigner').mockImplementation(() =>
-        Promise.resolve({
-          signMessage: jest.fn().mockResolvedValueOnce(LEDGER_SIGNATURE),
-        } as unknown as JsonRpcSigner),
-      )
-      jest.spyOn(web3, 'createWeb3').mockImplementation(() => mockProvider)
-
-      const uuid = crypto.randomUUID()
-
-      const payload = await logic.getRegisterDevicePayload({
-        safesToRegister: {
-          ['1']: [toBeHex('0x1', 20), toBeHex('0x2', 20)],
-          ['2']: [toBeHex('0x1', 20)],
-        },
-        uuid,
-        wallet: {
-          label: 'Ledger',
-        } as ConnectedWallet,
-      })
-
-      expect(payload).toStrictEqual({
-        uuid,
-        cloudMessagingToken: token,
-        buildNumber: '0',
-        bundle: 'safe',
-        deviceType: DeviceType.WEB,
-        version: packageJson.version,
-        timestamp: expect.any(String),
-        safeRegistrations: [
-          {
-            chainId: '1',
-            safes: [toBeHex('0x1', 20), toBeHex('0x2', 20)],
-            signatures: [ADJUSTED_LEDGER_SIGNATURE],
-          },
-          {
-            chainId: '2',
-            safes: [toBeHex('0x1', 20)],
-            signatures: [ADJUSTED_LEDGER_SIGNATURE],
-          },
-        ],
-      })
-    })
-  })
-})
diff --git a/src/components/settings/PushNotifications/index.tsx b/src/components/settings/PushNotifications/index.tsx
deleted file mode 100644
index eeb1a1172..000000000
--- a/src/components/settings/PushNotifications/index.tsx
+++ /dev/null
@@ -1,269 +0,0 @@
-import {
-  Grid,
-  Paper,
-  Typography,
-  Checkbox,
-  FormControlLabel,
-  FormGroup,
-  Alert,
-  Switch,
-  Divider,
-  Link as MuiLink,
-} from '@mui/material'
-import Link from 'next/link'
-import { useState } from 'react'
-import type { ReactElement } from 'react'
-
-import useSafeInfo from '@/hooks/useSafeInfo'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { WebhookType } from '@/service-workers/firebase-messaging/webhook-types'
-import { useNotificationRegistrations } from './hooks/useNotificationRegistrations'
-import { useNotificationPreferences } from './hooks/useNotificationPreferences'
-import { GlobalPushNotifications } from './GlobalPushNotifications'
-import useIsSafeOwner from '@/hooks/useIsSafeOwner'
-import { HelpCenterArticle, IS_DEV } from '@/config/constants'
-import { trackEvent } from '@/services/analytics'
-import { PUSH_NOTIFICATION_EVENTS } from '@/services/analytics/events/push-notifications'
-import { AppRoutes } from '@/config/routes'
-import CheckWallet from '@/components/common/CheckWallet'
-import { useIsMac } from '@/hooks/useIsMac'
-import useOnboard from '@/hooks/wallets/useOnboard'
-import { assertWalletChain } from '@/services/tx/tx-sender/sdk'
-import ExternalLink from '@/components/common/ExternalLink'
-
-import css from './styles.module.css'
-
-export const PushNotifications = (): ReactElement => {
-  const { safe, safeLoaded } = useSafeInfo()
-  const isOwner = useIsSafeOwner()
-  const isMac = useIsMac()
-  const [isRegistering, setIsRegistering] = useState(false)
-  const [isUpdatingIndexedDb, setIsUpdatingIndexedDb] = useState(false)
-  const onboard = useOnboard()
-
-  const { updatePreferences, getPreferences, getAllPreferences } = useNotificationPreferences()
-  const { unregisterSafeNotifications, unregisterDeviceNotifications, registerNotifications } =
-    useNotificationRegistrations()
-
-  const preferences = getPreferences(safe.chainId, safe.address.value)
-
-  const setPreferences = (newPreferences: NonNullable<ReturnType<typeof getPreferences>>) => {
-    setIsUpdatingIndexedDb(true)
-
-    updatePreferences(safe.chainId, safe.address.value, newPreferences)
-
-    setIsUpdatingIndexedDb(false)
-  }
-
-  const shouldShowMacHelper = isMac || IS_DEV
-
-  const handleOnChange = async () => {
-    if (!onboard) {
-      return
-    }
-
-    setIsRegistering(true)
-
-    try {
-      await assertWalletChain(onboard, safe.chainId)
-    } catch {
-      return
-    }
-
-    if (!preferences) {
-      await registerNotifications({ [safe.chainId]: [safe.address.value] })
-      trackEvent(PUSH_NOTIFICATION_EVENTS.ENABLE_SAFE)
-      setIsRegistering(false)
-      return
-    }
-
-    const allPreferences = getAllPreferences()
-    const totalRegisteredSafesOnChain = allPreferences
-      ? Object.values(allPreferences).filter(({ chainId }) => chainId === safe.chainId).length
-      : 0
-    const shouldUnregisterDevice = totalRegisteredSafesOnChain === 1
-
-    if (shouldUnregisterDevice) {
-      await unregisterDeviceNotifications(safe.chainId)
-    } else {
-      await unregisterSafeNotifications(safe.chainId, safe.address.value)
-    }
-
-    trackEvent(PUSH_NOTIFICATION_EVENTS.DISABLE_SAFE)
-    setIsRegistering(false)
-  }
-
-  return (
-    <>
-      <Paper sx={{ p: 4, mb: 2 }}>
-        <Grid container spacing={3}>
-          <Grid item sm={4} xs={12}>
-            <Typography variant="h4" fontWeight={700}>
-              Push notifications
-            </Typography>
-          </Grid>
-
-          <Grid item xs>
-            <Grid container gap={2.5} flexDirection="column">
-              <Typography>
-                Enable push notifications for {safeLoaded ? 'this Safe Account' : 'your Safe Accounts'} in your browser
-                with your signature. You will need to enable them again if you clear your browser cache. Learn more
-                about push notifications <ExternalLink href={HelpCenterArticle.PUSH_NOTIFICATIONS}>here</ExternalLink>
-              </Typography>
-
-              {shouldShowMacHelper && (
-                <Alert severity="info" className={css.macOsInfo}>
-                  <Typography fontWeight={700} variant="body2" mb={1}>
-                    For macOS users
-                  </Typography>
-                  <Typography variant="body2">
-                    Double-check that you have enabled your browser notifications under <b>System Settings</b> &gt;{' '}
-                    <b>Notifications</b> &gt; <b>Application Notifications</b> (path may vary depending on OS version).
-                  </Typography>
-                </Alert>
-              )}
-
-              {safeLoaded ? (
-                <>
-                  <Divider />
-
-                  <div style={{ display: 'flex', justifyContent: 'space-between' }}>
-                    <EthHashInfo
-                      address={safe.address.value}
-                      showCopyButton
-                      shortAddress={false}
-                      showName={true}
-                      hasExplorer
-                    />
-                    <CheckWallet allowNonOwner>
-                      {(isOk) => (
-                        <FormControlLabel
-                          data-testid="notifications-switch"
-                          control={<Switch checked={!!preferences} onChange={handleOnChange} />}
-                          label={preferences ? 'On' : 'Off'}
-                          disabled={!isOk || isRegistering || !safe.deployed}
-                        />
-                      )}
-                    </CheckWallet>
-                  </div>
-
-                  <Paper className={css.globalInfo} variant="outlined">
-                    <Typography variant="body2">
-                      Want to setup notifications for different or all Safe Accounts? You can do so in your{' '}
-                      <Link href={AppRoutes.settings.notifications} passHref legacyBehavior>
-                        <MuiLink>global preferences</MuiLink>
-                      </Link>
-                      .
-                    </Typography>
-                  </Paper>
-                </>
-              ) : (
-                <GlobalPushNotifications />
-              )}
-            </Grid>
-          </Grid>
-        </Grid>
-      </Paper>
-      {preferences && (
-        <Paper sx={{ p: 4 }}>
-          <Grid container spacing={3}>
-            <Grid item sm={4} xs={12}>
-              <Typography variant="h4" fontWeight={700}>
-                Notification
-              </Typography>
-            </Grid>
-
-            <Grid item xs>
-              <FormGroup>
-                <FormControlLabel
-                  control={
-                    <Checkbox
-                      checked={preferences[WebhookType.INCOMING_ETHER] && preferences[WebhookType.INCOMING_TOKEN]}
-                      disabled={isUpdatingIndexedDb}
-                      onChange={(_, checked) => {
-                        setPreferences({
-                          ...preferences,
-                          [WebhookType.INCOMING_ETHER]: checked,
-                          [WebhookType.INCOMING_TOKEN]: checked,
-                        })
-
-                        trackEvent({ ...PUSH_NOTIFICATION_EVENTS.TOGGLE_INCOMING_TXS, label: checked })
-                      }}
-                    />
-                  }
-                  label="Incoming transactions"
-                />
-
-                <FormControlLabel
-                  control={
-                    <Checkbox
-                      checked={
-                        preferences[WebhookType.MODULE_TRANSACTION] &&
-                        preferences[WebhookType.EXECUTED_MULTISIG_TRANSACTION]
-                      }
-                      disabled={isUpdatingIndexedDb}
-                      onChange={(_, checked) => {
-                        setPreferences({
-                          ...preferences,
-                          [WebhookType.MODULE_TRANSACTION]: checked,
-                          [WebhookType.EXECUTED_MULTISIG_TRANSACTION]: checked,
-                        })
-
-                        trackEvent({ ...PUSH_NOTIFICATION_EVENTS.TOGGLE_OUTGOING_TXS, label: checked })
-                      }}
-                    />
-                  }
-                  label="Outgoing transactions"
-                />
-
-                <FormControlLabel
-                  control={
-                    <Checkbox
-                      checked={preferences[WebhookType.CONFIRMATION_REQUEST]}
-                      disabled={isUpdatingIndexedDb}
-                      onChange={(_, checked) => {
-                        const updateConfirmationRequestPreferences = () => {
-                          setPreferences({
-                            ...preferences,
-                            [WebhookType.CONFIRMATION_REQUEST]: checked,
-                          })
-
-                          trackEvent({ ...PUSH_NOTIFICATION_EVENTS.TOGGLE_CONFIRMATION_REQUEST, label: checked })
-                        }
-
-                        if (checked) {
-                          registerNotifications({
-                            [safe.chainId]: [safe.address.value],
-                          })
-                            .then((registered) => {
-                              if (registered) {
-                                updateConfirmationRequestPreferences()
-                              }
-                            })
-                            .catch(() => null)
-                        } else {
-                          updateConfirmationRequestPreferences()
-                        }
-                      }}
-                    />
-                  }
-                  label={
-                    <>
-                      <Typography>Confirmation requests</Typography>
-                      {!preferences[WebhookType.CONFIRMATION_REQUEST] && (
-                        <Typography color="text.secondary" variant="body2">
-                          {isOwner ? 'Requires your signature' : 'Only signers'}
-                        </Typography>
-                      )}
-                    </>
-                  }
-                  disabled={!isOwner || !preferences}
-                />
-              </FormGroup>
-            </Grid>
-          </Grid>
-        </Paper>
-      )}
-    </>
-  )
-}
diff --git a/src/components/settings/RequiredConfirmations/index.tsx b/src/components/settings/RequiredConfirmations/index.tsx
deleted file mode 100644
index 2ccc9fc09..000000000
--- a/src/components/settings/RequiredConfirmations/index.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Box, Button, Grid, Typography } from '@mui/material'
-import Track from '@/components/common/Track'
-import { SETTINGS_EVENTS } from '@/services/analytics'
-import { ChangeThresholdFlow } from '@/components/tx-flow/flows'
-import CheckWallet from '@/components/common/CheckWallet'
-import { useContext } from 'react'
-import { TxModalContext } from '@/components/tx-flow'
-
-export const RequiredConfirmation = ({ threshold, owners }: { threshold: number; owners: number }) => {
-  const { setTxFlow } = useContext(TxModalContext)
-
-  return (
-    <Box marginTop={6}>
-      <Grid container spacing={3}>
-        <Grid item lg={4} xs={12}>
-          <Typography variant="h4" fontWeight={700}>
-            Required confirmations
-          </Typography>
-        </Grid>
-
-        <Grid item xs>
-          <Typography pb={2}>Any transaction requires the confirmation of:</Typography>
-
-          <Typography pt={3} pr={2} component="span">
-            <b>{threshold}</b> out of <b>{owners}</b> signers.
-          </Typography>
-
-          {owners > 1 && (
-            <CheckWallet>
-              {(isOk) => (
-                <Track {...SETTINGS_EVENTS.SETUP.CHANGE_THRESHOLD} as="span">
-                  <Button onClick={() => setTxFlow(<ChangeThresholdFlow />)} variant="contained" disabled={!isOk}>
-                    Change
-                  </Button>
-                </Track>
-              )}
-            </CheckWallet>
-          )}
-        </Grid>
-      </Grid>
-    </Box>
-  )
-}
diff --git a/src/components/settings/SafeAppsPermissions/index.tsx b/src/components/settings/SafeAppsPermissions/index.tsx
deleted file mode 100644
index f4c8d8fff..000000000
--- a/src/components/settings/SafeAppsPermissions/index.tsx
+++ /dev/null
@@ -1,195 +0,0 @@
-import { useSafeApps } from '@/hooks/safe-apps/useSafeApps'
-import {
-  getBrowserPermissionDisplayValues,
-  getSafePermissionDisplayValues,
-  useBrowserPermissions,
-  useSafePermissions,
-} from '@/hooks/safe-apps/permissions'
-import type { ReactElement } from 'react'
-import { useCallback, useMemo } from 'react'
-import type { AllowedFeatures } from '@/components/safe-apps/types'
-import { PermissionStatus } from '@/components/safe-apps/types'
-import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
-import { Grid, Link, Paper, SvgIcon, Typography } from '@mui/material'
-import PermissionsCheckbox from '@/components/safe-apps/PermissionCheckbox'
-import DeleteIcon from '@/public/images/common/delete.svg'
-
-const SafeAppsPermissions = (): ReactElement => {
-  const { allSafeApps } = useSafeApps()
-  const {
-    permissions: safePermissions,
-    updatePermission: updateSafePermission,
-    removePermissions: removeSafePermissions,
-    isUserRestricted,
-  } = useSafePermissions()
-  const {
-    permissions: browserPermissions,
-    updatePermission: updateBrowserPermission,
-    removePermissions: removeBrowserPermissions,
-  } = useBrowserPermissions()
-  const domains = useMemo(() => {
-    const mergedPermissionsSet = new Set(Object.keys(browserPermissions).concat(Object.keys(safePermissions)))
-
-    return Array.from(mergedPermissionsSet)
-  }, [safePermissions, browserPermissions])
-
-  const handleSafePermissionsChange = (origin: string, capability: string, checked: boolean) =>
-    updateSafePermission(origin, [{ capability, selected: checked }])
-
-  const handleBrowserPermissionsChange = (origin: string, feature: AllowedFeatures, checked: boolean) =>
-    updateBrowserPermission(origin, [{ feature, selected: checked }])
-
-  const updateAllPermissions = useCallback(
-    (origin: string, selected: boolean) => {
-      if (safePermissions[origin]?.length)
-        updateSafePermission(
-          origin,
-          safePermissions[origin].map(({ parentCapability }) => ({ capability: parentCapability, selected })),
-        )
-
-      if (browserPermissions[origin]?.length)
-        updateBrowserPermission(
-          origin,
-          browserPermissions[origin].map(({ feature }) => ({ feature, selected })),
-        )
-    },
-    [browserPermissions, safePermissions, updateBrowserPermission, updateSafePermission],
-  )
-
-  const handleAllowAll = useCallback(
-    (event: React.MouseEvent, origin: string) => {
-      event.preventDefault()
-      updateAllPermissions(origin, true)
-    },
-    [updateAllPermissions],
-  )
-
-  const handleClearAll = useCallback(
-    (event: React.MouseEvent, origin: string) => {
-      event.preventDefault()
-      updateAllPermissions(origin, false)
-    },
-    [updateAllPermissions],
-  )
-
-  const handleRemoveApp = useCallback(
-    (event: React.MouseEvent, origin: string) => {
-      event.preventDefault()
-      removeSafePermissions(origin)
-      removeBrowserPermissions(origin)
-    },
-    [removeBrowserPermissions, removeSafePermissions],
-  )
-
-  const appNames = useMemo(() => {
-    const appNames = allSafeApps.reduce((acc: Record<string, string>, app: SafeAppData) => {
-      acc[app.url] = app.name
-      return acc
-    }, {})
-
-    return appNames
-  }, [allSafeApps])
-
-  if (!allSafeApps.length) {
-    return <div />
-  }
-
-  return (
-    <Paper sx={{ padding: 4 }}>
-      <Typography variant="h4" fontWeight={700}>
-        Safe Apps permissions
-      </Typography>
-      <br />
-      {!domains.length && (
-        <Typography variant="body1" color={({ palette }) => palette.primary.light}>
-          There are no Safe Apps using permissions.
-        </Typography>
-      )}
-      {domains.map((domain) => (
-        <Grid
-          item
-          key={domain}
-          sx={({ palette, shape }) => ({
-            border: `1px solid ${palette.border.light}`,
-            borderRadius: shape.borderRadius,
-            marginBottom: '16px',
-          })}
-        >
-          <Grid
-            container
-            sx={({ palette }) => ({
-              padding: '15px 24px',
-              borderBottom: `1px solid ${palette.border.light}`,
-            })}
-          >
-            <Grid
-              item
-              xs={12}
-              sm={5}
-              sx={{
-                padding: '9px 0',
-              }}
-            >
-              <Typography variant="h5" fontWeight={700}>
-                {appNames[domain]}
-              </Typography>
-              <Typography variant="body2">{domain}</Typography>
-            </Grid>
-            <Grid container item xs={12} sm={7}>
-              {safePermissions[domain]?.map(({ parentCapability, caveats }) => {
-                return (
-                  <Grid key={parentCapability} item xs={12} sm={6} lg={4} xl={3}>
-                    <PermissionsCheckbox
-                      name={parentCapability}
-                      label={getSafePermissionDisplayValues(parentCapability).displayName}
-                      onChange={(_, checked: boolean) => handleSafePermissionsChange(domain, parentCapability, checked)}
-                      checked={!isUserRestricted(caveats)}
-                    />
-                  </Grid>
-                )
-              })}
-              {browserPermissions[domain]?.map(({ feature, status }) => {
-                return (
-                  <Grid key={feature} item xs={12} sm={6} lg={4} xl={3}>
-                    <PermissionsCheckbox
-                      name={feature.toString()}
-                      label={getBrowserPermissionDisplayValues(feature).displayName}
-                      onChange={(_, checked: boolean) => handleBrowserPermissionsChange(domain, feature, checked)}
-                      checked={status === PermissionStatus.GRANTED ? true : false}
-                    />
-                  </Grid>
-                )
-              })}
-            </Grid>
-          </Grid>
-          <Grid
-            container
-            item
-            justifyContent="flex-end"
-            sx={{
-              padding: '12px 24px',
-            }}
-          >
-            <Link href="#" onClick={(event) => handleAllowAll(event, domain)} sx={{ textDecoration: 'none' }}>
-              Allow all
-            </Link>
-            <Link
-              href="#"
-              color="error"
-              onClick={(event) => handleClearAll(event, domain)}
-              sx={{ textDecoration: 'none' }}
-              ml={2}
-            >
-              Clear all
-            </Link>
-            <Link href="#" color="error" onClick={(event) => handleRemoveApp(event, domain)} ml={2}>
-              <SvgIcon component={DeleteIcon} inheritViewBox color="error" fontSize="small" />
-            </Link>
-          </Grid>
-        </Grid>
-      ))}
-    </Paper>
-  )
-}
-
-export default SafeAppsPermissions
diff --git a/src/components/settings/SafeAppsSigningMethod/index.tsx b/src/components/settings/SafeAppsSigningMethod/index.tsx
deleted file mode 100644
index d1a12aa19..000000000
--- a/src/components/settings/SafeAppsSigningMethod/index.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import ExternalLink from '@/components/common/ExternalLink'
-import { SETTINGS_EVENTS, trackEvent } from '@/services/analytics'
-import { useAppDispatch, useAppSelector } from '@/store'
-import { selectOnChainSigning, setOnChainSigning } from '@/store/settingsSlice'
-import { FormControlLabel, Checkbox, Paper, Typography, FormGroup, Grid } from '@mui/material'
-import { HelpCenterArticle } from '@/config/constants'
-
-export const SafeAppsSigningMethod = () => {
-  const onChainSigning = useAppSelector(selectOnChainSigning)
-
-  const dispatch = useAppDispatch()
-
-  const onChange = () => {
-    trackEvent(SETTINGS_EVENTS.SAFE_APPS.CHANGE_SIGNING_METHOD)
-    dispatch(setOnChainSigning(!onChainSigning))
-  }
-
-  return (
-    <Paper sx={{ padding: 4, mt: 2 }}>
-      <Grid container spacing={3}>
-        <Grid item lg={4} xs={12}>
-          <Typography variant="h4" fontWeight="bold" mb={1}>
-            Signing method
-          </Typography>
-        </Grid>
-
-        <Grid item xs>
-          <Typography mb={2}>
-            This setting determines how the {'Rootstock Safe'} will sign message requests from Safe Apps. Gasless,
-            off-chain signing is used by default. Learn more about message signing{' '}
-            <ExternalLink href={HelpCenterArticle.SIGNED_MESSAGES}>here</ExternalLink>.
-          </Typography>
-          <FormGroup>
-            <FormControlLabel
-              sx={({ palette }) => ({
-                flex: 1,
-                '.MuiIconButton-root:not(.Mui-checked)': {
-                  color: palette.text.disabled,
-                },
-              })}
-              control={<Checkbox checked={onChainSigning} onChange={onChange} name="use-on-chain-signing" />}
-              label="Always use on-chain signatures"
-            />
-          </FormGroup>
-        </Grid>
-      </Grid>
-    </Paper>
-  )
-}
diff --git a/src/components/settings/SafeModules/index.tsx b/src/components/settings/SafeModules/index.tsx
deleted file mode 100644
index 204448ce3..000000000
--- a/src/components/settings/SafeModules/index.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import EthHashInfo from '@/components/common/EthHashInfo'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { Paper, Grid, Typography, Box, IconButton, SvgIcon } from '@mui/material'
-
-import ExternalLink from '@/components/common/ExternalLink'
-import { RemoveModuleFlow } from '@/components/tx-flow/flows'
-import DeleteIcon from '@/public/images/common/delete.svg'
-import CheckWallet from '@/components/common/CheckWallet'
-import { useContext } from 'react'
-import { TxModalContext } from '@/components/tx-flow'
-import { selectDelayModifierByAddress } from '@/features/recovery/services/selectors'
-import { RemoveRecoveryFlow } from '@/components/tx-flow/flows'
-import useRecovery from '@/features/recovery/hooks/useRecovery'
-
-import css from '../TransactionGuards/styles.module.css'
-
-const NoModules = () => {
-  return (
-    <Typography mt={2} color={({ palette }) => palette.primary.light}>
-      No modules enabled
-    </Typography>
-  )
-}
-
-const ModuleDisplay = ({ moduleAddress, chainId, name }: { moduleAddress: string; chainId: string; name?: string }) => {
-  const { setTxFlow } = useContext(TxModalContext)
-  const [recovery] = useRecovery()
-  const delayModifier = recovery && selectDelayModifierByAddress(recovery, moduleAddress)
-
-  const onRemove = () => {
-    if (delayModifier) {
-      setTxFlow(<RemoveRecoveryFlow delayModifier={delayModifier} />)
-    } else {
-      setTxFlow(<RemoveModuleFlow address={moduleAddress} />)
-    }
-  }
-
-  return (
-    <Box className={css.guardDisplay}>
-      <EthHashInfo
-        name={name}
-        shortAddress={false}
-        address={moduleAddress}
-        showCopyButton
-        chainId={chainId}
-        hasExplorer
-      />
-      <CheckWallet>
-        {(isOk) => (
-          <IconButton onClick={onRemove} color="error" size="small" disabled={!isOk} title="Remove module">
-            <SvgIcon component={DeleteIcon} inheritViewBox color="error" fontSize="small" />
-          </IconButton>
-        )}
-      </CheckWallet>
-    </Box>
-  )
-}
-
-const SafeModules = () => {
-  const { safe } = useSafeInfo()
-  const safeModules = safe.modules || []
-
-  return (
-    <Paper sx={{ padding: 4 }}>
-      <Grid container direction="row" justifyContent="space-between" spacing={3}>
-        <Grid item lg={4} xs={12}>
-          <Typography variant="h4" fontWeight={700}>
-            Safe modules
-          </Typography>
-        </Grid>
-
-        <Grid item xs>
-          <Box>
-            <Typography>
-              Modules allow you to customize the access-control logic of your Safe Account. Modules are potentially
-              risky, so make sure to only use modules from trusted sources. Learn more about modules{' '}
-              <ExternalLink href="https://docs.safe.global/safe-core-protocol/plugins">here</ExternalLink>
-            </Typography>
-            {safeModules.length === 0 ? (
-              <NoModules />
-            ) : (
-              safeModules.map((module) => (
-                <ModuleDisplay
-                  key={module.value}
-                  chainId={safe.chainId}
-                  moduleAddress={module.value}
-                  name={module.name}
-                />
-              ))
-            )}
-          </Box>
-        </Grid>
-      </Grid>
-    </Paper>
-  )
-}
-
-export default SafeModules
diff --git a/src/components/settings/SettingsHeader/index.test.tsx b/src/components/settings/SettingsHeader/index.test.tsx
deleted file mode 100644
index 32574c41f..000000000
--- a/src/components/settings/SettingsHeader/index.test.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import { SettingsHeader } from '@/components/settings/SettingsHeader/index'
-import { CONFIG_SERVICE_CHAINS } from '@/tests/mocks/chains'
-import * as safeAddress from '@/hooks/useSafeAddress'
-
-import { render } from '@/tests/test-utils'
-import { faker } from '@faker-js/faker'
-import { FEATURES } from '@/utils/chains'
-import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-
-describe('SettingsHeader', () => {
-  beforeEach(() => {
-    jest.resetAllMocks()
-  })
-
-  describe('A safe is open', () => {
-    beforeEach(() => {
-      jest.resetAllMocks()
-      jest.spyOn(safeAddress, 'default').mockReturnValue(faker.finance.ethereumAddress())
-    })
-
-    it('displays safe specific preferences if on a safe', () => {
-      const result = render(<SettingsHeader safeAddress="0x1234" chain={CONFIG_SERVICE_CHAINS[0]} />)
-
-      expect(result.getByText('Setup')).toBeInTheDocument()
-    })
-
-    it('displays Notifications if feature is enabled', () => {
-      const result = render(
-        <SettingsHeader
-          safeAddress="0x1234"
-          chain={{
-            ...CONFIG_SERVICE_CHAINS[0],
-            features: [FEATURES.PUSH_NOTIFICATIONS] as unknown as ChainInfo['features'],
-          }}
-        />,
-      )
-
-      expect(result.getByText('Notifications')).toBeInTheDocument()
-    })
-  })
-
-  describe('No safe is open', () => {
-    beforeEach(() => {
-      jest.resetAllMocks()
-      jest.spyOn(safeAddress, 'default').mockReturnValue('')
-    })
-
-    it('displays general preferences if no safe is open', () => {
-      const result = render(<SettingsHeader safeAddress="" chain={CONFIG_SERVICE_CHAINS[0]} />)
-
-      expect(result.getByText('Cookies')).toBeInTheDocument()
-      expect(result.getByText('Appearance')).toBeInTheDocument()
-      expect(result.getByText('Data')).toBeInTheDocument()
-      expect(result.getByText('Environment variables')).toBeInTheDocument()
-    })
-
-    it('displays Notifications if feature is enabled', () => {
-      const result = render(
-        <SettingsHeader
-          safeAddress=""
-          chain={{
-            ...CONFIG_SERVICE_CHAINS[0],
-            features: [FEATURES.PUSH_NOTIFICATIONS] as unknown as ChainInfo['features'],
-          }}
-        />,
-      )
-
-      expect(result.getByText('Notifications')).toBeInTheDocument()
-    })
-  })
-})
diff --git a/src/components/settings/SpendingLimits/index.tsx b/src/components/settings/SpendingLimits/index.tsx
deleted file mode 100644
index 7a5f38c05..000000000
--- a/src/components/settings/SpendingLimits/index.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import { useContext } from 'react'
-import { Paper, Grid, Typography, Box, Button } from '@mui/material'
-import { NoSpendingLimits } from '@/components/settings/SpendingLimits/NoSpendingLimits'
-import { SpendingLimitsTable } from '@/components/settings/SpendingLimits/SpendingLimitsTable'
-import { useSelector } from 'react-redux'
-import { selectSpendingLimits, selectSpendingLimitsLoading } from '@/store/spendingLimitsSlice'
-import { FEATURES } from '@/utils/chains'
-import { useHasFeature } from '@/hooks/useChains'
-import { NewSpendingLimitFlow } from '@/components/tx-flow/flows'
-import { SETTINGS_EVENTS } from '@/services/analytics'
-import CheckWallet from '@/components/common/CheckWallet'
-import Track from '@/components/common/Track'
-import { TxModalContext } from '@/components/tx-flow'
-
-const SpendingLimits = () => {
-  const { setTxFlow } = useContext(TxModalContext)
-  const spendingLimits = useSelector(selectSpendingLimits)
-  const spendingLimitsLoading = useSelector(selectSpendingLimitsLoading)
-  const isEnabled = useHasFeature(FEATURES.SPENDING_LIMIT)
-
-  return (
-    <Paper data-testid="spending-limit-section" sx={{ padding: 4 }}>
-      <Grid container direction="row" justifyContent="space-between" spacing={3} mb={2}>
-        <Grid item lg={4} xs={12}>
-          <Typography variant="h4" fontWeight={700}>
-            Spending limits
-          </Typography>
-        </Grid>
-
-        <Grid item xs>
-          {isEnabled ? (
-            <Box>
-              <Typography>
-                You can set rules for specific beneficiaries to access funds from this Safe Account without having to
-                collect all signatures.
-              </Typography>
-
-              <CheckWallet>
-                {(isOk) => (
-                  <Track {...SETTINGS_EVENTS.SPENDING_LIMIT.NEW_LIMIT}>
-                    <Button
-                      data-testid="new-spending-limit"
-                      onClick={() => setTxFlow(<NewSpendingLimitFlow />)}
-                      sx={{ mt: 2 }}
-                      variant="contained"
-                      disabled={!isOk}
-                    >
-                      New spending limit
-                    </Button>
-                  </Track>
-                )}
-              </CheckWallet>
-
-              {!spendingLimits.length && !spendingLimitsLoading && <NoSpendingLimits />}
-            </Box>
-          ) : (
-            <Typography>The spending limit module is not yet available on this chain.</Typography>
-          )}
-        </Grid>
-      </Grid>
-      <SpendingLimitsTable isLoading={spendingLimitsLoading} spendingLimits={spendingLimits} />
-    </Paper>
-  )
-}
-
-export default SpendingLimits
diff --git a/src/components/settings/TransactionGuards/index.tsx b/src/components/settings/TransactionGuards/index.tsx
deleted file mode 100644
index e4a4bbb07..000000000
--- a/src/components/settings/TransactionGuards/index.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import EthHashInfo from '@/components/common/EthHashInfo'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { Paper, Grid, Typography, Box, IconButton, SvgIcon } from '@mui/material'
-
-import css from './styles.module.css'
-import ExternalLink from '@/components/common/ExternalLink'
-import { SAFE_FEATURES } from '@safe-global/protocol-kit/dist/src/utils/safeVersions'
-import { hasSafeFeature } from '@/utils/safe-versions'
-import { HelpCenterArticle } from '@/config/constants'
-import DeleteIcon from '@/public/images/common/delete.svg'
-import CheckWallet from '@/components/common/CheckWallet'
-import { useContext } from 'react'
-import { TxModalContext } from '@/components/tx-flow'
-import { RemoveGuardFlow } from '@/components/tx-flow/flows'
-
-const NoTransactionGuard = () => {
-  return (
-    <Typography mt={2} color={({ palette }) => palette.primary.light}>
-      No transaction guard set
-    </Typography>
-  )
-}
-
-const GuardDisplay = ({ guardAddress, chainId }: { guardAddress: string; chainId: string }) => {
-  const { setTxFlow } = useContext(TxModalContext)
-
-  return (
-    <Box className={css.guardDisplay}>
-      <EthHashInfo shortAddress={false} address={guardAddress} showCopyButton chainId={chainId} />
-      <CheckWallet>
-        {(isOk) => (
-          <IconButton
-            onClick={() => setTxFlow(<RemoveGuardFlow address={guardAddress} />)}
-            color="error"
-            size="small"
-            disabled={!isOk}
-          >
-            <SvgIcon component={DeleteIcon} inheritViewBox color="error" fontSize="small" />
-          </IconButton>
-        )}
-      </CheckWallet>
-    </Box>
-  )
-}
-
-const TransactionGuards = () => {
-  const { safe, safeLoaded } = useSafeInfo()
-
-  const isVersionWithGuards = safeLoaded && hasSafeFeature(SAFE_FEATURES.SAFE_TX_GUARDS, safe.version)
-
-  if (!isVersionWithGuards) {
-    return null
-  }
-
-  return (
-    <Paper sx={{ padding: 4 }}>
-      <Grid container direction="row" justifyContent="space-between" spacing={3}>
-        <Grid item lg={4} xs={12}>
-          <Typography variant="h4" fontWeight={700}>
-            Transaction guards
-          </Typography>
-        </Grid>
-
-        <Grid item xs>
-          <Box>
-            <Typography>
-              Transaction guards impose additional constraints that are checked prior to executing a Safe transaction.
-              Transaction guards are potentially risky, so make sure to only use transaction guards from trusted
-              sources. Learn more about transaction guards{' '}
-              <ExternalLink href={HelpCenterArticle.TRANSACTION_GUARD}>here</ExternalLink>.
-            </Typography>
-            {safe.guard ? (
-              <GuardDisplay guardAddress={safe.guard.value} chainId={safe.chainId} />
-            ) : (
-              <NoTransactionGuard />
-            )}
-          </Box>
-        </Grid>
-      </Grid>
-    </Paper>
-  )
-}
-
-export default TransactionGuards
diff --git a/src/components/settings/TransactionGuards/styles.module.css b/src/components/settings/TransactionGuards/styles.module.css
deleted file mode 100644
index fd3c093e5..000000000
--- a/src/components/settings/TransactionGuards/styles.module.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.guardDisplay {
-  background-color: var(--color-secondary-background);
-  border: 1px solid var(--color-success-dark);
-  padding: 8px;
-  border-radius: 4px;
-  margin-top: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
diff --git a/src/components/settings/owner/EditOwnerDialog/index.tsx b/src/components/settings/owner/EditOwnerDialog/index.tsx
deleted file mode 100644
index 75790f99c..000000000
--- a/src/components/settings/owner/EditOwnerDialog/index.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import EthHashInfo from '@/components/common/EthHashInfo'
-import ModalDialog from '@/components/common/ModalDialog'
-import NameInput from '@/components/common/NameInput'
-import Track from '@/components/common/Track'
-import { SETTINGS_EVENTS } from '@/services/analytics/events/settings'
-import { useAppDispatch } from '@/store'
-import { upsertAddressBookEntry } from '@/store/addressBookSlice'
-import EditIcon from '@/public/images/common/edit.svg'
-import { Box, Button, DialogActions, DialogContent, IconButton, Tooltip, SvgIcon } from '@mui/material'
-import { useState } from 'react'
-import { FormProvider, useForm } from 'react-hook-form'
-
-type EditOwnerValues = {
-  name: string
-}
-
-export const EditOwnerDialog = ({ chainId, address, name }: { chainId: string; address: string; name?: string }) => {
-  const [open, setOpen] = useState(false)
-
-  const dispatch = useAppDispatch()
-
-  const handleClose = () => setOpen(false)
-
-  const onSubmit = (data: EditOwnerValues) => {
-    if (data.name !== name) {
-      dispatch(
-        upsertAddressBookEntry({
-          chainId,
-          address,
-          name: data.name,
-        }),
-      )
-      handleClose()
-    }
-  }
-
-  const formMethods = useForm<EditOwnerValues>({
-    defaultValues: {
-      name: name || '',
-    },
-    mode: 'onChange',
-  })
-
-  const { handleSubmit, formState, watch } = formMethods
-
-  const nameValue = watch('name')
-
-  const buttonDisabled = !formState.isValid || nameValue === name || nameValue === ''
-
-  return (
-    <>
-      <Track {...SETTINGS_EVENTS.SETUP.EDIT_OWNER}>
-        <Tooltip title="Edit signer">
-          <span>
-            <IconButton onClick={() => setOpen(true)} size="small">
-              <SvgIcon component={EditIcon} inheritViewBox color="border" fontSize="small" />
-            </IconButton>
-          </span>
-        </Tooltip>
-      </Track>
-
-      <ModalDialog open={open} onClose={handleClose} dialogTitle="Edit signer name">
-        <FormProvider {...formMethods}>
-          <form onSubmit={handleSubmit(onSubmit)}>
-            <DialogContent>
-              <Box py={2}>
-                <NameInput label="Signer name" name="name" required />
-              </Box>
-
-              <Box py={2}>
-                <EthHashInfo address={address} showCopyButton shortAddress={false} />
-              </Box>
-            </DialogContent>
-
-            <DialogActions>
-              <Button onClick={handleClose}>Cancel</Button>
-              <Button type="submit" variant="contained" disabled={buttonDisabled}>
-                Save
-              </Button>
-            </DialogActions>
-          </form>
-        </FormProvider>
-      </ModalDialog>
-    </>
-  )
-}
diff --git a/src/components/settings/owner/OwnerList/index.tsx b/src/components/settings/owner/OwnerList/index.tsx
deleted file mode 100644
index 0b8df0aae..000000000
--- a/src/components/settings/owner/OwnerList/index.tsx
+++ /dev/null
@@ -1,158 +0,0 @@
-import { jsonToCSV } from 'react-papaparse'
-import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { AddOwnerFlow, ReplaceOwnerFlow, RemoveOwnerFlow } from '@/components/tx-flow/flows'
-import useAddressBook from '@/hooks/useAddressBook'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { Box, Grid, Typography, Button, SvgIcon, Tooltip, IconButton } from '@mui/material'
-import { useContext, useMemo } from 'react'
-import { EditOwnerDialog } from '../EditOwnerDialog'
-import EnhancedTable from '@/components/common/EnhancedTable'
-import AddIcon from '@/public/images/common/add.svg'
-import Track from '@/components/common/Track'
-import { SETTINGS_EVENTS } from '@/services/analytics/events/settings'
-import CheckWallet from '@/components/common/CheckWallet'
-import { TxModalContext } from '@/components/tx-flow'
-import ReplaceOwnerIcon from '@/public/images/settings/setup/replace-owner.svg'
-import DeleteIcon from '@/public/images/common/delete.svg'
-import type { AddressBook } from '@/store/addressBookSlice'
-
-import tableCss from '@/components/common/EnhancedTable/styles.module.css'
-
-const headCells = [
-  { id: 'owner', label: 'Name' },
-  { id: 'actions', label: '', sticky: true },
-]
-
-export const OwnerList = () => {
-  const addressBook = useAddressBook()
-  const { safe } = useSafeInfo()
-  const { setTxFlow } = useContext(TxModalContext)
-
-  const rows = useMemo(() => {
-    const showRemoveOwnerButton = safe.owners.length > 1
-
-    return safe.owners.map((owner) => {
-      const address = owner.value
-      const name = addressBook[address]
-
-      return {
-        cells: {
-          owner: {
-            rawValue: address,
-            content: <EthHashInfo address={address} showCopyButton shortAddress={false} showName={true} hasExplorer />,
-          },
-          actions: {
-            rawValue: '',
-            sticky: true,
-            content: (
-              <div className={tableCss.actions}>
-                <CheckWallet>
-                  {(isOk) => (
-                    <Track {...SETTINGS_EVENTS.SETUP.REPLACE_OWNER}>
-                      <Tooltip title={isOk ? 'Replace signer' : undefined}>
-                        <span>
-                          <IconButton
-                            onClick={() => setTxFlow(<ReplaceOwnerFlow address={address} />)}
-                            size="small"
-                            disabled={!isOk}
-                          >
-                            <SvgIcon component={ReplaceOwnerIcon} inheritViewBox color="border" fontSize="small" />
-                          </IconButton>
-                        </span>
-                      </Tooltip>
-                    </Track>
-                  )}
-                </CheckWallet>
-
-                <EditOwnerDialog address={address} name={name} chainId={safe.chainId} />
-
-                {showRemoveOwnerButton && (
-                  <CheckWallet>
-                    {(isOk) => (
-                      <Track {...SETTINGS_EVENTS.SETUP.REMOVE_OWNER}>
-                        <Tooltip title={isOk ? 'Remove signer' : undefined}>
-                          <span>
-                            <IconButton
-                              onClick={() => setTxFlow(<RemoveOwnerFlow name={name} address={address} />)}
-                              size="small"
-                              disabled={!isOk}
-                            >
-                              <SvgIcon component={DeleteIcon} inheritViewBox color="error" fontSize="small" />
-                            </IconButton>
-                          </span>
-                        </Tooltip>
-                      </Track>
-                    )}
-                  </CheckWallet>
-                )}
-              </div>
-            ),
-          },
-        },
-      }
-    })
-  }, [safe.owners, safe.chainId, addressBook, setTxFlow])
-
-  return (
-    <Box display="flex" flexDirection="column" gap={2}>
-      <Grid container spacing={3}>
-        <Grid item lg={4} xs={12}>
-          <Typography variant="h4" fontWeight={700}>
-            Manage Safe Account signers
-          </Typography>
-        </Grid>
-
-        <Grid item xs>
-          <Typography mb={2}>
-            Add, remove and replace or rename existing signers. Signer names are only stored locally and will never be
-            shared with us or any third parties.
-          </Typography>
-
-          <EnhancedTable rows={rows} headCells={headCells} />
-
-          <Box pt={2} display="flex" justifyContent="space-between">
-            <CheckWallet>
-              {(isOk) => (
-                <Track {...SETTINGS_EVENTS.SETUP.ADD_OWNER}>
-                  <Button
-                    data-testid="add-owner-btn"
-                    onClick={() => setTxFlow(<AddOwnerFlow />)}
-                    variant="text"
-                    startIcon={<SvgIcon component={AddIcon} inheritViewBox fontSize="small" />}
-                    disabled={!isOk}
-                  >
-                    Add new signer
-                  </Button>
-                </Track>
-              )}
-            </CheckWallet>
-
-            <Button variant="text" onClick={() => exportOwners(safe, addressBook)}>
-              Export as CSV
-            </Button>
-          </Box>
-        </Grid>
-      </Grid>
-    </Box>
-  )
-}
-
-function exportOwners({ chainId, address, owners }: SafeInfo, addressBook: AddressBook) {
-  const json = owners.map((owner) => {
-    const address = owner.value
-    const name = addressBook[address] || owner.name
-    return [address, name]
-  })
-
-  const csv = jsonToCSV(json)
-  const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' })
-  const link = document.createElement('a')
-
-  Object.assign(link, {
-    download: `${chainId}-${address.value}-signers.csv`,
-    href: window.URL.createObjectURL(blob),
-  })
-
-  link.click()
-}
diff --git a/src/components/sidebar/DebugToggle/index.tsx b/src/components/sidebar/DebugToggle/index.tsx
deleted file mode 100644
index eb1230029..000000000
--- a/src/components/sidebar/DebugToggle/index.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { type ChangeEvent, type ReactElement } from 'react'
-import { Box, FormControlLabel, Switch } from '@mui/material'
-import { localItem } from '@/services/local-storage/local'
-import useLocalStorage from '@/services/local-storage/useLocalStorage'
-import { setDarkMode } from '@/store/settingsSlice'
-import { useDarkMode } from '@/hooks/useDarkMode'
-import { useAppDispatch } from '@/store'
-
-const LS_KEY = 'debugProdCgw'
-
-export const cgwDebugStorage = localItem<boolean>(LS_KEY)
-
-const DebugToggle = (): ReactElement => {
-  const dispatch = useAppDispatch()
-  const isDarkMode = useDarkMode()
-
-  const [isProdGateway = false, setIsProdGateway] = useLocalStorage<boolean>(LS_KEY)
-
-  const onToggleGateway = (event: ChangeEvent<HTMLInputElement>) => {
-    setIsProdGateway(event.target.checked)
-
-    setTimeout(() => {
-      location.reload()
-    }, 300)
-  }
-
-  return (
-    <Box py={2} ml={2}>
-      <FormControlLabel
-        control={<Switch checked={isDarkMode} onChange={(_, checked) => dispatch(setDarkMode(checked))} />}
-        label="Dark mode"
-      />
-      <FormControlLabel control={<Switch checked={isProdGateway} onChange={onToggleGateway} />} label="Use prod CGW" />
-    </Box>
-  )
-}
-
-export default DebugToggle
diff --git a/src/components/sidebar/NewTxButton/index.tsx b/src/components/sidebar/NewTxButton/index.tsx
deleted file mode 100644
index 2c57814b0..000000000
--- a/src/components/sidebar/NewTxButton/index.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { type ReactElement, useContext } from 'react'
-import Button from '@mui/material/Button'
-import { OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
-import CheckWallet from '@/components/common/CheckWallet'
-import { TxModalContext } from '@/components/tx-flow'
-import { NewTxFlow } from '@/components/tx-flow/flows'
-import WatchlistAddButton from '../WatchlistAddButton'
-
-const NewTxButton = (): ReactElement => {
-  const { setTxFlow } = useContext(TxModalContext)
-
-  const onClick = () => {
-    setTxFlow(<NewTxFlow />, undefined, false)
-    trackEvent({ ...OVERVIEW_EVENTS.NEW_TRANSACTION, label: 'sidebar' })
-  }
-
-  return (
-    <CheckWallet allowSpendingLimit noTooltip>
-      {(isOk) =>
-        isOk ? (
-          <Button
-            data-testid="new-tx-btn"
-            onClick={onClick}
-            variant="contained"
-            size="small"
-            disabled={!isOk}
-            fullWidth
-            disableElevation
-            sx={{ py: 1.3 }}
-          >
-            New transaction
-          </Button>
-        ) : (
-          <WatchlistAddButton />
-        )
-      }
-    </CheckWallet>
-  )
-}
-
-export default NewTxButton
diff --git a/src/components/sidebar/SafeListContextMenu/index.tsx b/src/components/sidebar/SafeListContextMenu/index.tsx
deleted file mode 100644
index e019e5ee8..000000000
--- a/src/components/sidebar/SafeListContextMenu/index.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import type { MouseEvent } from 'react'
-import { useState, type ReactElement } from 'react'
-import ListItemIcon from '@mui/material/ListItemIcon'
-import IconButton from '@mui/material/IconButton'
-import MoreVertIcon from '@mui/icons-material/MoreVert'
-import MenuItem from '@mui/material/MenuItem'
-import ListItemText from '@mui/material/ListItemText'
-
-import EntryDialog from '@/components/address-book/EntryDialog'
-import SafeListRemoveDialog from '@/components/sidebar/SafeListRemoveDialog'
-import { useAppSelector } from '@/store'
-import { selectAddedSafes } from '@/store/addedSafesSlice'
-import EditIcon from '@/public/images/common/edit.svg'
-import DeleteIcon from '@/public/images/common/delete.svg'
-import ContextMenu from '@/components/common/ContextMenu'
-import { trackEvent, OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
-import { SvgIcon } from '@mui/material'
-import useAddressBook from '@/hooks/useAddressBook'
-import { AppRoutes } from '@/config/routes'
-import router from 'next/router'
-
-enum ModalType {
-  RENAME = 'rename',
-  REMOVE = 'remove',
-}
-
-const defaultOpen = { [ModalType.RENAME]: false, [ModalType.REMOVE]: false }
-
-const SafeListContextMenu = ({
-  name,
-  address,
-  chainId,
-}: {
-  name: string
-  address: string
-  chainId: string
-}): ReactElement => {
-  const addedSafes = useAppSelector((state) => selectAddedSafes(state, chainId))
-  const isAdded = !!addedSafes?.[address]
-  const addressBook = useAddressBook()
-  const hasName = address in addressBook
-
-  const [anchorEl, setAnchorEl] = useState<HTMLElement | undefined>()
-  const [open, setOpen] = useState<typeof defaultOpen>(defaultOpen)
-
-  const trackingLabel =
-    router.pathname === AppRoutes.welcome.accounts ? OVERVIEW_LABELS.login_page : OVERVIEW_LABELS.sidebar
-
-  const handleOpenContextMenu = (e: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => {
-    setAnchorEl(e.currentTarget)
-  }
-
-  const handleCloseContextMenu = () => {
-    setAnchorEl(undefined)
-  }
-
-  const handleOpenModal =
-    (type: keyof typeof open, event: typeof OVERVIEW_EVENTS.SIDEBAR_RENAME | typeof OVERVIEW_EVENTS.SIDEBAR_RENAME) =>
-    () => {
-      handleCloseContextMenu()
-      setOpen((prev) => ({ ...prev, [type]: true }))
-
-      trackEvent({ ...event, label: trackingLabel })
-    }
-
-  const handleCloseModal = () => {
-    setOpen(defaultOpen)
-  }
-
-  return (
-    <>
-      <IconButton data-testid="safe-options-btn" edge="end" size="small" onClick={handleOpenContextMenu}>
-        <MoreVertIcon sx={({ palette }) => ({ color: palette.border.main })} />
-      </IconButton>
-      <ContextMenu anchorEl={anchorEl} open={!!anchorEl} onClose={handleCloseContextMenu}>
-        <MenuItem onClick={handleOpenModal(ModalType.RENAME, OVERVIEW_EVENTS.SIDEBAR_RENAME)}>
-          <ListItemIcon>
-            <SvgIcon component={EditIcon} inheritViewBox fontSize="small" color="success" />
-          </ListItemIcon>
-          <ListItemText data-testid="rename-btn">{hasName ? 'Rename' : 'Give name'}</ListItemText>
-        </MenuItem>
-
-        {isAdded && (
-          <MenuItem onClick={handleOpenModal(ModalType.REMOVE, OVERVIEW_EVENTS.REMOVE_FROM_WATCHLIST)}>
-            <ListItemIcon>
-              <SvgIcon component={DeleteIcon} inheritViewBox fontSize="small" color="error" />
-            </ListItemIcon>
-            <ListItemText data-testid="remove-btn">Remove</ListItemText>
-          </MenuItem>
-        )}
-      </ContextMenu>
-
-      {open[ModalType.RENAME] && (
-        <EntryDialog
-          handleClose={handleCloseModal}
-          defaultValues={{ name, address }}
-          chainId={chainId}
-          disableAddressInput
-        />
-      )}
-
-      {open[ModalType.REMOVE] && (
-        <SafeListRemoveDialog handleClose={handleCloseModal} address={address} chainId={chainId} />
-      )}
-    </>
-  )
-}
-
-export default SafeListContextMenu
diff --git a/src/components/sidebar/SafeListRemoveDialog/index.tsx b/src/components/sidebar/SafeListRemoveDialog/index.tsx
deleted file mode 100644
index 17718eb6a..000000000
--- a/src/components/sidebar/SafeListRemoveDialog/index.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import DialogContent from '@mui/material/DialogContent'
-import DialogActions from '@mui/material/DialogActions'
-import Typography from '@mui/material/Typography'
-import Button from '@mui/material/Button'
-import type { ReactElement } from 'react'
-
-import ModalDialog from '@/components/common/ModalDialog'
-import { useAppDispatch } from '@/store'
-import useAddressBook from '@/hooks/useAddressBook'
-import { removeSafe } from '@/store/addedSafesSlice'
-import Track from '@/components/common/Track'
-import { OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
-import { AppRoutes } from '@/config/routes'
-import router from 'next/router'
-
-const SafeListRemoveDialog = ({
-  handleClose,
-  address,
-  chainId,
-}: {
-  handleClose: () => void
-  address: string
-  chainId: string
-}): ReactElement => {
-  const dispatch = useAppDispatch()
-  const addressBook = useAddressBook()
-  const trackingLabel =
-    router.pathname === AppRoutes.welcome.accounts ? OVERVIEW_LABELS.login_page : OVERVIEW_LABELS.sidebar
-
-  const safe = addressBook?.[address] || address
-
-  const handleConfirm = () => {
-    dispatch(removeSafe({ chainId, address }))
-    handleClose()
-  }
-
-  return (
-    <ModalDialog open onClose={handleClose} dialogTitle="Delete entry">
-      <DialogContent sx={{ p: '24px !important' }}>
-        <Typography>
-          Are you sure you want to remove <b>{safe}</b> from your Watchlist?
-        </Typography>
-      </DialogContent>
-
-      <DialogActions>
-        <Button data-testid="cancel-btn" onClick={handleClose}>
-          Cancel
-        </Button>
-        <Track {...OVERVIEW_EVENTS.DELETED_FROM_WATCHLIST} label={trackingLabel}>
-          <Button data-testid="delete-btn" onClick={handleConfirm} variant="danger" disableElevation>
-            Delete
-          </Button>
-        </Track>
-      </DialogActions>
-    </ModalDialog>
-  )
-}
-
-export default SafeListRemoveDialog
diff --git a/src/components/sidebar/Sidebar/index.tsx b/src/components/sidebar/Sidebar/index.tsx
deleted file mode 100644
index ac405379c..000000000
--- a/src/components/sidebar/Sidebar/index.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import { useCallback, useState, type ReactElement } from 'react'
-import { Box, Divider, Drawer } from '@mui/material'
-import ChevronRight from '@mui/icons-material/ChevronRight'
-
-import ChainIndicator from '@/components/common/ChainIndicator'
-import SidebarHeader from '@/components/sidebar/SidebarHeader'
-import SidebarNavigation from '@/components/sidebar/SidebarNavigation'
-//import SidebarFooter from '@/components/sidebar/SidebarFooter'
-
-import css from './styles.module.css'
-import { trackEvent, OVERVIEW_EVENTS } from '@/services/analytics'
-import MyAccounts from '@/components/welcome/MyAccounts'
-
-const Sidebar = (): ReactElement => {
-  const [isDrawerOpen, setIsDrawerOpen] = useState<boolean>(false)
-
-  const onDrawerToggle = useCallback(() => {
-    setIsDrawerOpen((isOpen) => {
-      trackEvent({ ...OVERVIEW_EVENTS.SIDEBAR, label: isOpen ? 'Close' : 'Open' })
-
-      return !isOpen
-    })
-  }, [])
-
-  const closeDrawer = useCallback(() => setIsDrawerOpen(false), [])
-
-  return (
-    <div data-testid="sidebar-container" className={css.container}>
-      <div className={css.scroll}>
-        <ChainIndicator showLogo={false} />
-
-        {/* Open the safes list */}
-        <button data-testid="open-safes-icon" className={css.drawerButton} onClick={onDrawerToggle}>
-          <ChevronRight />
-        </button>
-
-        {/* Address, balance, copy button, etc */}
-        <SidebarHeader />
-
-        <Divider />
-
-        {/* Nav menu */}
-        <SidebarNavigation />
-
-        <Box flex={1} />
-
-        <Divider flexItem />
-
-        {/* What's new + Need help? */}
-        {/* <SidebarFooter /> */}
-      </div>
-
-      <Drawer variant="temporary" anchor="left" open={isDrawerOpen} onClose={onDrawerToggle}>
-        <div className={css.drawer}>
-          <MyAccounts onLinkClick={closeDrawer}></MyAccounts>
-        </div>
-      </Drawer>
-    </div>
-  )
-}
-
-export default Sidebar
diff --git a/src/components/sidebar/Sidebar/styles.module.css b/src/components/sidebar/Sidebar/styles.module.css
deleted file mode 100644
index f5f3013f3..000000000
--- a/src/components/sidebar/Sidebar/styles.module.css
+++ /dev/null
@@ -1,85 +0,0 @@
-.container {
-  height: 100vh;
-  padding-top: var(--header-height);
-  display: flex;
-  overflow: hidden;
-  flex-direction: column;
-  background-color: var(--color-background-paper);
-}
-
-.container {
-  width: 230px;
-}
-
-.scroll {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  position: relative;
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-.drawer {
-  width: 480px;
-  max-width: 90vw;
-  padding-top: var(--header-height);
-  border-right: 1px solid var(--color-border-light);
-  overflow-y: auto;
-  height: 100%;
-}
-
-.dataWidget {
-  margin-top: var(--space-4);
-  border-top: 1px solid var(--color-border-light);
-}
-
-.noSafeHeader {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding: 10px;
-  min-height: 100px;
-}
-
-.drawerButton {
-  position: absolute !important;
-  z-index: 2;
-  color: var(--color-text-primary);
-  padding: 8px 0;
-  right: 0;
-  transform: translateX(50%);
-  margin-top: 54px;
-  border-radius: 50%;
-  width: 40px;
-  height: 40px;
-  border: 0;
-  cursor: pointer;
-  background-color: var(--color-background-main);
-}
-
-.drawerButton:hover {
-  background-color: var(--color-secondary-background);
-}
-
-.drawerButton svg {
-  transform: translateX(-25%);
-}
-
-@media (max-width: 899.95px) {
-  .container {
-    padding-top: var(--header-height);
-    border-right: 1px solid var(--color-border-light);
-  }
-
-  .drawer {
-    max-width: 90vw;
-  }
-
-  .drawerButton {
-    width: 60px;
-    height: 60px;
-    margin-top: 44px;
-  }
-}
diff --git a/src/components/sidebar/SidebarFooter/index.tsx b/src/components/sidebar/SidebarFooter/index.tsx
deleted file mode 100644
index 31b0486e4..000000000
--- a/src/components/sidebar/SidebarFooter/index.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import type { ReactElement } from 'react'
-import { useCallback, useEffect } from 'react'
-
-import {
-  SidebarList,
-  SidebarListItemButton,
-  SidebarListItemIcon,
-  SidebarListItemText,
-} from '@/components/sidebar/SidebarList'
-import { BEAMER_SELECTOR, loadBeamer } from '@/services/beamer'
-import { useAppDispatch, useAppSelector } from '@/store'
-import { selectCookies, CookieAndTermType } from '@/store/cookiesAndTermsSlice'
-import { openCookieBanner } from '@/store/popupSlice'
-import BeamerIcon from '@/public/images/sidebar/whats-new.svg'
-import HelpCenterIcon from '@/public/images/sidebar/help-center.svg'
-import { ListItem } from '@mui/material'
-import DebugToggle from '../DebugToggle'
-import { HELP_CENTER_URL, IS_PRODUCTION } from '@/config/constants'
-import Track from '@/components/common/Track'
-import { OVERVIEW_EVENTS } from '@/services/analytics/events/overview'
-import { useCurrentChain } from '@/hooks/useChains'
-
-const SidebarFooter = (): ReactElement => {
-  const dispatch = useAppDispatch()
-  const cookies = useAppSelector(selectCookies)
-  const chain = useCurrentChain()
-
-  const hasBeamerConsent = useCallback(() => cookies[CookieAndTermType.UPDATES], [cookies])
-
-  useEffect(() => {
-    // Initialise Beamer when consent was previously given
-    if (hasBeamerConsent() && chain?.shortName) {
-      loadBeamer(chain.shortName)
-    }
-  }, [hasBeamerConsent, chain?.shortName])
-
-  const handleBeamer = () => {
-    if (!hasBeamerConsent()) {
-      dispatch(openCookieBanner({ warningKey: CookieAndTermType.UPDATES }))
-    }
-  }
-
-  return (
-    <SidebarList>
-      {!IS_PRODUCTION && (
-        <ListItem disablePadding>
-          <DebugToggle />
-        </ListItem>
-      )}
-
-      <Track {...OVERVIEW_EVENTS.WHATS_NEW}>
-        <ListItem disablePadding>
-          <SidebarListItemButton id={BEAMER_SELECTOR} onClick={handleBeamer}>
-            <SidebarListItemIcon color="primary">
-              <BeamerIcon />
-            </SidebarListItemIcon>
-            <SidebarListItemText data-testid="list-item-whats-new" bold>
-              What&apos;s new
-            </SidebarListItemText>
-          </SidebarListItemButton>
-        </ListItem>
-      </Track>
-
-      <Track {...OVERVIEW_EVENTS.HELP_CENTER}>
-        <ListItem disablePadding>
-          <a target="_blank" rel="noopener noreferrer" href={HELP_CENTER_URL} style={{ width: '100%' }}>
-            <SidebarListItemButton>
-              <SidebarListItemIcon color="primary">
-                <HelpCenterIcon />
-              </SidebarListItemIcon>
-              <SidebarListItemText data-testid="list-item-need-help" bold>
-                Need help?
-              </SidebarListItemText>
-            </SidebarListItemButton>
-          </a>
-        </ListItem>
-      </Track>
-    </SidebarList>
-  )
-}
-
-export default SidebarFooter
diff --git a/src/components/sidebar/SidebarHeader/index.tsx b/src/components/sidebar/SidebarHeader/index.tsx
deleted file mode 100644
index 234fc0602..000000000
--- a/src/components/sidebar/SidebarHeader/index.tsx
+++ /dev/null
@@ -1,122 +0,0 @@
-import TokenAmount from '@/components/common/TokenAmount'
-import CounterfactualStatusButton from '@/features/counterfactual/CounterfactualStatusButton'
-import { type ReactElement } from 'react'
-import Typography from '@mui/material/Typography'
-import IconButton from '@mui/material/IconButton'
-import Skeleton from '@mui/material/Skeleton'
-import Tooltip from '@mui/material/Tooltip'
-
-import useSafeInfo from '@/hooks/useSafeInfo'
-import SafeIcon from '@/components/common/SafeIcon'
-import NewTxButton from '@/components/sidebar/NewTxButton'
-import { useAppSelector } from '@/store'
-
-import css from './styles.module.css'
-import QrIconBold from '@/public/images/sidebar/qr-bold.svg'
-import CopyIconBold from '@/public/images/sidebar/copy-bold.svg'
-import LinkIconBold from '@/public/images/sidebar/link-bold.svg'
-
-import { selectSettings } from '@/store/settingsSlice'
-import { useCurrentChain } from '@/hooks/useChains'
-import { getBlockExplorerLink } from '@/utils/chains'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import QrCodeButton from '../QrCodeButton'
-import Track from '@/components/common/Track'
-import { OVERVIEW_EVENTS } from '@/services/analytics/events/overview'
-import { SvgIcon } from '@mui/material'
-import { useVisibleBalances } from '@/hooks/useVisibleBalances'
-import EnvHintButton from '@/components/settings/EnvironmentVariables/EnvHintButton'
-import useSafeAddress from '@/hooks/useSafeAddress'
-import ExplorerButton from '@/components/common/ExplorerButton'
-import CopyTooltip from '@/components/common/CopyTooltip'
-import FiatValue from '@/components/common/FiatValue'
-import { useAddressResolver } from '@/hooks/useAddressResolver'
-
-const SafeHeader = (): ReactElement => {
-  const { balances } = useVisibleBalances()
-  const safeAddress = useSafeAddress()
-  const { safe } = useSafeInfo()
-  const { threshold, owners } = safe
-  const chain = useCurrentChain()
-  const settings = useAppSelector(selectSettings)
-  const { ens } = useAddressResolver(safeAddress)
-
-  const addressCopyText = settings.shortName.copy && chain ? `${chain.shortName}:${safeAddress}` : safeAddress
-
-  const blockExplorerLink = chain ? getBlockExplorerLink(chain, safeAddress) : undefined
-
-  return (
-    <div className={css.container}>
-      <div className={css.info}>
-        <div data-testid="safe-header-info" className={css.safe}>
-          <div data-testid="safe-icon">
-            {safeAddress ? (
-              <SafeIcon address={safeAddress} threshold={threshold} owners={owners?.length} />
-            ) : (
-              <Skeleton variant="circular" width={40} height={40} />
-            )}
-          </div>
-
-          <div className={css.address}>
-            {safeAddress ? (
-              <EthHashInfo address={safeAddress} shortAddress showAvatar={false} name={ens} />
-            ) : (
-              <Typography variant="body2">
-                <Skeleton variant="text" width={86} />
-                <Skeleton variant="text" width={120} />
-              </Typography>
-            )}
-
-            <Typography data-testid="currency-section" variant="body2" fontWeight={700}>
-              {safe.deployed ? (
-                balances.fiatTotal ? (
-                  <FiatValue value={balances.fiatTotal} />
-                ) : (
-                  <Skeleton variant="text" width={60} />
-                )
-              ) : (
-                <TokenAmount
-                  value={balances.items[0]?.balance}
-                  decimals={balances.items[0]?.tokenInfo.decimals}
-                  tokenSymbol={balances.items[0]?.tokenInfo.symbol}
-                />
-              )}
-            </Typography>
-          </div>
-        </div>
-
-        <div className={css.iconButtons}>
-          <Track {...OVERVIEW_EVENTS.SHOW_QR} label="sidebar">
-            <QrCodeButton>
-              <Tooltip title="Open QR code" placement="top">
-                <IconButton className={css.iconButton}>
-                  <SvgIcon component={QrIconBold} inheritViewBox color="primary" fontSize="small" />
-                </IconButton>
-              </Tooltip>
-            </QrCodeButton>
-          </Track>
-
-          <Track {...OVERVIEW_EVENTS.COPY_ADDRESS}>
-            <CopyTooltip text={addressCopyText.toLowerCase()}>
-              <IconButton data-testid="copy-address-btn" className={css.iconButton}>
-                <SvgIcon component={CopyIconBold} inheritViewBox color="primary" fontSize="small" />
-              </IconButton>
-            </CopyTooltip>
-          </Track>
-
-          <Track {...OVERVIEW_EVENTS.OPEN_EXPLORER}>
-            <ExplorerButton {...blockExplorerLink} className={css.iconButton} icon={LinkIconBold} />
-          </Track>
-
-          <CounterfactualStatusButton />
-
-          <EnvHintButton />
-        </div>
-      </div>
-
-      <NewTxButton />
-    </div>
-  )
-}
-
-export default SafeHeader
diff --git a/src/components/sidebar/SidebarHeader/styles.module.css b/src/components/sidebar/SidebarHeader/styles.module.css
deleted file mode 100644
index f5cf98556..000000000
--- a/src/components/sidebar/SidebarHeader/styles.module.css
+++ /dev/null
@@ -1,42 +0,0 @@
-.container {
-  padding: var(--space-2) var(--space-1);
-}
-
-.info {
-  padding: 0 var(--space-1);
-}
-
-.safe {
-  display: flex;
-  gap: 12px;
-  text-align: left;
-  align-items: center;
-}
-
-.iconButtons {
-  margin-top: 10px;
-  margin-bottom: 16px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.iconButton {
-  border-radius: 4px;
-  padding: 6px;
-  color: var(--color-primary-main);
-  background-color: var(--color-background-main);
-  width: 32px;
-  height: 32px;
-}
-
-.iconButton:hover {
-  background-color: var(--color-secondary-background);
-}
-
-.address {
-  width: 100%;
-  overflow: hidden;
-  white-space: nowrap;
-  font-size: 14px;
-}
diff --git a/src/components/sidebar/SidebarList/index.tsx b/src/components/sidebar/SidebarList/index.tsx
deleted file mode 100644
index 409275b24..000000000
--- a/src/components/sidebar/SidebarList/index.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import type { ReactElement } from 'react'
-import List, { type ListProps } from '@mui/material/List'
-import ListItemButton, { type ListItemButtonProps } from '@mui/material/ListItemButton'
-import ListItemIcon, { type ListItemIconProps } from '@mui/material/ListItemIcon'
-import ListItemText, { type ListItemTextProps } from '@mui/material/ListItemText'
-import Link from 'next/link'
-import type { LinkProps } from 'next/link'
-import Badge from '@mui/material/Badge'
-
-import css from './styles.module.css'
-
-export const SidebarList = ({ children, ...rest }: Omit<ListProps, 'className'>): ReactElement => (
-  <List className={css.list} {...rest}>
-    {children}
-  </List>
-)
-
-export const SidebarListItemButton = ({
-  href,
-  children,
-  ...rest
-}: Omit<ListItemButtonProps, 'sx'> & { href?: LinkProps['href'] }): ReactElement => {
-  const button = (
-    <ListItemButton className={css.listItemButton} {...rest}>
-      {children}
-    </ListItemButton>
-  )
-
-  return href ? (
-    <Link href={href} passHref legacyBehavior>
-      {button}
-    </Link>
-  ) : (
-    button
-  )
-}
-
-export const SidebarListItemIcon = ({
-  children,
-  badge = false,
-  ...rest
-}: Omit<ListItemIconProps, 'className'> & { badge?: boolean }): ReactElement => (
-  <ListItemIcon
-    className={css.icon}
-    sx={{
-      '& svg': {
-        width: '16px',
-        height: '16px',
-        '& path': ({ palette }) => ({
-          fill: palette.logo.main,
-        }),
-      },
-    }}
-    {...rest}
-  >
-    <Badge color="error" variant="dot" invisible={!badge} anchorOrigin={{ vertical: 'top', horizontal: 'right' }}>
-      {children}
-    </Badge>
-  </ListItemIcon>
-)
-
-export const SidebarListItemText = ({
-  children,
-  bold = false,
-  ...rest
-}: ListItemTextProps & { bold?: boolean }): ReactElement => (
-  <ListItemText
-    primaryTypographyProps={{
-      variant: 'body2',
-      fontWeight: bold ? 700 : undefined,
-      display: 'flex',
-      justifyContent: 'space-between',
-    }}
-    {...rest}
-  >
-    {children}
-  </ListItemText>
-)
-
-export const SidebarListItemCounter = ({ count }: { count?: string }): ReactElement | null =>
-  count ? (
-    <Badge
-      sx={{
-        '& .MuiBadge-badge': {
-          color: 'static.main',
-          backgroundColor: 'warning.light',
-          transform: 'none',
-          fontWeight: 'bold',
-          padding: '0 var(--space-1)',
-          fontSize: '11px',
-        },
-        ml: 3,
-      }}
-      variant="standard"
-      badgeContent={count}
-    />
-  ) : null
diff --git a/src/components/sidebar/SidebarList/styles.module.css b/src/components/sidebar/SidebarList/styles.module.css
deleted file mode 100644
index 9a68c1492..000000000
--- a/src/components/sidebar/SidebarList/styles.module.css
+++ /dev/null
@@ -1,44 +0,0 @@
-.list {
-  display: grid;
-  gap: 4px;
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
-.icon {
-  min-width: 0;
-  margin-right: var(--space-2);
-}
-
-.listItemButton {
-  border-radius: 6px;
-  padding-top: 6px;
-  padding-bottom: 6px;
-}
-
-.list :global .MuiListItemButton-root {
-  color: var(--color-text-primary);
-}
-
-[data-theme='dark'] .list :global .Mui-selected {
-  background-color: var(--color-border-light);
-}
-
-.list :global .MuiListItemButton-root:hover {
-  border-radius: 6px;
-  background-color: var(--color-background-light);
-}
-
-.list :global .Mui-selected {
-  border-radius: 6px;
-  background-color: var(--color-background-main);
-}
-
-.listItemButton :global .beamer_icon.active {
-  top: auto;
-  left: 28px;
-  bottom: 10px;
-  width: 6px;
-  height: 6px;
-  color: transparent;
-}
diff --git a/src/components/sidebar/SidebarNavigation/config.tsx b/src/components/sidebar/SidebarNavigation/config.tsx
deleted file mode 100644
index efa82d35f..000000000
--- a/src/components/sidebar/SidebarNavigation/config.tsx
+++ /dev/null
@@ -1,157 +0,0 @@
-import type { ReactElement } from 'react'
-import React from 'react'
-import { AppRoutes } from '@/config/routes'
-import HomeIcon from '@/public/images/sidebar/home.svg'
-import AssetsIcon from '@/public/images/sidebar/assets.svg'
-import TransactionIcon from '@/public/images/sidebar/transactions.svg'
-import ABIcon from '@/public/images/sidebar/address-book.svg'
-import AppsIcon from '@/public/images/apps/apps-icon.svg'
-import SettingsIcon from '@/public/images/sidebar/settings.svg'
-import SwapIcon from '@/public/images/common/swap.svg'
-import { SvgIcon } from '@mui/material'
-import { Chip } from '@/components/common/Chip'
-
-export type NavItem = {
-  label: string
-  icon?: ReactElement
-  href: string
-  tag?: ReactElement
-}
-
-export const navItems: NavItem[] = [
-  {
-    label: 'Home',
-    icon: <SvgIcon component={HomeIcon} inheritViewBox />,
-    href: AppRoutes.home,
-  },
-  {
-    label: 'Assets',
-    icon: <SvgIcon component={AssetsIcon} inheritViewBox />,
-    href: AppRoutes.balances.index,
-  },
-  {
-    label: 'Swap',
-    icon: <SvgIcon component={SwapIcon} inheritViewBox />,
-    href: AppRoutes.swap,
-    tag: <Chip component="span" />,
-  },
-  {
-    label: 'Transactions',
-    icon: <SvgIcon component={TransactionIcon} inheritViewBox />,
-    href: AppRoutes.transactions.history,
-  },
-  {
-    label: 'Address book',
-    icon: <SvgIcon component={ABIcon} inheritViewBox />,
-    href: AppRoutes.addressBook,
-  },
-  {
-    label: 'Apps',
-    icon: <SvgIcon component={AppsIcon} inheritViewBox />,
-    href: AppRoutes.apps.index,
-  },
-  {
-    label: 'Settings',
-    icon: <SvgIcon data-testid="settings-nav-icon" component={SettingsIcon} inheritViewBox />,
-    href: AppRoutes.settings.setup,
-  },
-]
-
-export const transactionNavItems = [
-  {
-    label: 'Queue',
-    href: AppRoutes.transactions.queue,
-  },
-  {
-    label: 'History',
-    href: AppRoutes.transactions.history,
-  },
-  {
-    label: 'Messages',
-    href: AppRoutes.transactions.messages,
-  },
-]
-
-export const balancesNavItems = [
-  {
-    label: 'Tokens',
-    href: AppRoutes.balances.index,
-  },
-  {
-    label: 'NFTs',
-    href: AppRoutes.balances.nfts,
-  },
-]
-
-export const settingsNavItems = [
-  {
-    label: 'Setup',
-    href: AppRoutes.settings.setup,
-  },
-  {
-    label: 'Appearance',
-    href: AppRoutes.settings.appearance,
-  },
-  {
-    label: 'Security',
-    href: AppRoutes.settings.security,
-  },
-  // {
-  //   label: 'Notifications',
-  //   href: AppRoutes.settings.notifications,
-  // },
-  {
-    label: 'Modules',
-    href: AppRoutes.settings.modules,
-  },
-  {
-    label: 'Safe Apps',
-    href: AppRoutes.settings.safeApps.index,
-  },
-  {
-    label: 'Data',
-    href: AppRoutes.settings.data,
-  },
-  {
-    label: 'Environment variables',
-    href: AppRoutes.settings.environmentVariables,
-  },
-]
-
-export const generalSettingsNavItems = [
-  {
-    label: 'Cookies',
-    href: AppRoutes.settings.cookies,
-  },
-  {
-    label: 'Appearance',
-    href: AppRoutes.settings.appearance,
-  },
-  // {
-  //   label: 'Notifications',
-  //   href: AppRoutes.settings.notifications,
-  // },
-  {
-    label: 'Security',
-    href: AppRoutes.settings.security,
-  },
-  {
-    label: 'Data',
-    href: AppRoutes.settings.data,
-  },
-  {
-    label: 'Environment variables',
-    href: AppRoutes.settings.environmentVariables,
-  },
-]
-
-export const safeAppsNavItems = [
-  {
-    label: 'All apps',
-    href: AppRoutes.apps.index,
-  },
-  {
-    label: 'My custom apps',
-    href: AppRoutes.apps.custom,
-  },
-]
diff --git a/src/components/sidebar/SidebarNavigation/index.tsx b/src/components/sidebar/SidebarNavigation/index.tsx
deleted file mode 100644
index 1a5632c80..000000000
--- a/src/components/sidebar/SidebarNavigation/index.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import React, { useContext, useMemo, type ReactElement } from 'react'
-import { useRouter } from 'next/router'
-import ListItem from '@mui/material/ListItem'
-import { ImplementationVersionState } from '@safe-global/safe-gateway-typescript-sdk'
-
-import {
-  SidebarList,
-  SidebarListItemButton,
-  SidebarListItemCounter,
-  SidebarListItemIcon,
-  SidebarListItemText,
-} from '@/components/sidebar/SidebarList'
-import { type NavItem, navItems } from './config'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { AppRoutes } from '@/config/routes'
-import { useQueuedTxsLength } from '@/hooks/useTxQueue'
-import { useCurrentChain } from '@/hooks/useChains'
-import { isRouteEnabled } from '@/utils/chains'
-import { trackEvent } from '@/services/analytics'
-import { SWAP_EVENTS, SWAP_LABELS } from '@/services/analytics/events/swaps'
-import { GeoblockingContext } from '@/components/common/GeoblockingProvider'
-
-const getSubdirectory = (pathname: string): string => {
-  return pathname.split('/')[1]
-}
-
-const Navigation = (): ReactElement => {
-  const chain = useCurrentChain()
-  const router = useRouter()
-  const { safe } = useSafeInfo()
-  const currentSubdirectory = getSubdirectory(router.pathname)
-  const queueSize = useQueuedTxsLength()
-  const isBlockedCountry = useContext(GeoblockingContext)
-  const enabledNavItems = useMemo(() => {
-    return navItems.filter((item) => {
-      const enabled = isRouteEnabled(item.href, chain)
-
-      if (item.href === AppRoutes.swap && isBlockedCountry) {
-        return false
-      }
-      return enabled
-    })
-  }, [chain, isBlockedCountry])
-
-  const getBadge = (item: NavItem) => {
-    // Indicate whether the current Safe needs an upgrade
-    if (item.href === AppRoutes.settings.setup) {
-      return safe.implementationVersionState === ImplementationVersionState.OUTDATED
-    }
-  }
-
-  // Route Transactions to Queue if there are queued txs, otherwise to History
-  const getRoute = (href: string) => {
-    if (href === AppRoutes.transactions.history && queueSize) {
-      return AppRoutes.transactions.queue
-    }
-    return href
-  }
-
-  const handleNavigationClick = (href: string) => {
-    if (href === AppRoutes.swap) {
-      trackEvent({ ...SWAP_EVENTS.OPEN_SWAPS, label: SWAP_LABELS.sidebar })
-    }
-  }
-
-  return (
-    <SidebarList>
-      {enabledNavItems.map((item) => {
-        const isSelected = currentSubdirectory === getSubdirectory(item.href)
-
-        let ItemTag = item.tag ? item.tag : null
-
-        if (item.href === AppRoutes.transactions.history) {
-          ItemTag = queueSize ? <SidebarListItemCounter count={queueSize} /> : null
-        }
-
-        return (
-          <ListItem
-            key={item.href}
-            disablePadding
-            selected={isSelected}
-            onClick={() => handleNavigationClick(item.href)}
-          >
-            <SidebarListItemButton
-              selected={isSelected}
-              href={{ pathname: getRoute(item.href), query: { safe: router.query.safe } }}
-            >
-              {item.icon && <SidebarListItemIcon badge={getBadge(item)}>{item.icon}</SidebarListItemIcon>}
-
-              <SidebarListItemText data-testid="sidebar-list-item" bold>
-                {item.label}
-
-                {ItemTag}
-              </SidebarListItemText>
-            </SidebarListItemButton>
-          </ListItem>
-        )
-      })}
-    </SidebarList>
-  )
-}
-
-export default React.memo(Navigation)
diff --git a/src/components/sidebar/WatchlistAddButton/index.tsx b/src/components/sidebar/WatchlistAddButton/index.tsx
deleted file mode 100644
index 43b37ac58..000000000
--- a/src/components/sidebar/WatchlistAddButton/index.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import { OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
-import { useRouter } from 'next/router'
-import { AppRoutes } from '@/config/routes'
-import { useCurrentChain } from '@/hooks/useChains'
-import useSafeAddress from '@/hooks/useSafeAddress'
-import { Button } from '@mui/material'
-import SafeListRemoveDialog from '../SafeListRemoveDialog'
-import { useAppSelector } from '@/store'
-import { selectAddedSafes } from '@/store/addedSafesSlice'
-import { useState } from 'react'
-import { VisibilityOutlined } from '@mui/icons-material'
-import Track from '@/components/common/Track'
-
-const WatchlistAddButton = () => {
-  const [open, setOpen] = useState(false)
-  const router = useRouter()
-  const chain = useCurrentChain()
-  const address = useSafeAddress()
-  const chainId = chain?.chainId || ''
-  const addedSafes = useAppSelector((state) => selectAddedSafes(state, chainId))
-  const isInWatchlist = !!addedSafes?.[address]
-
-  const onClick = () => {
-    router.push({
-      pathname: AppRoutes.newSafe.load,
-      query: {
-        chain: chain?.shortName,
-        address,
-      },
-    })
-  }
-
-  return (
-    <>
-      {isInWatchlist ? (
-        <Track {...OVERVIEW_EVENTS.REMOVE_FROM_WATCHLIST} label={OVERVIEW_LABELS.quick_remove}>
-          <Button
-            data-testid="remove-watchlist-btn"
-            onClick={() => setOpen(true)}
-            variant="outlined"
-            size="small"
-            fullWidth
-            disableElevation
-            sx={{ py: 1.3, px: 1 }}
-          >
-            Remove from watchlist
-          </Button>
-        </Track>
-      ) : (
-        <Track {...OVERVIEW_EVENTS.ADD_TO_WATCHLIST} label={OVERVIEW_LABELS.quick_add}>
-          <Button
-            data-testid="add-watchlist-btn"
-            onClick={onClick}
-            variant="outlined"
-            size="small"
-            fullWidth
-            disableElevation
-            sx={{ py: 1.3 }}
-            startIcon={<VisibilityOutlined sx={{ verticalAlign: 'middle', marginRight: 1 }} />}
-          >
-            Add to watchlist
-          </Button>
-        </Track>
-      )}
-
-      {open && chainId && (
-        <SafeListRemoveDialog handleClose={() => setOpen(false)} address={address} chainId={chainId} />
-      )}
-    </>
-  )
-}
-
-export default WatchlistAddButton
diff --git a/src/components/terms/index.tsx b/src/components/terms/index.tsx
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/components/theme/darkPalette.ts b/src/components/theme/darkPalette.ts
deleted file mode 100644
index 46818fd50..000000000
--- a/src/components/theme/darkPalette.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-const darkPalette = {
-  text: {
-    primary: '#FFFFFF',
-    secondary: '#636669',
-    disabled: '#636669',
-  },
-  primary: {
-    dark: '#0cb259',
-    main: '#12FF80',
-    light: '#A1A3A7',
-  },
-  secondary: {
-    dark: '#636669',
-    main: '#FFFFFF',
-    light: '#B0FFC9',
-    background: '#1B2A22',
-  },
-  border: {
-    main: '#636669',
-    light: '#303033',
-    background: '#121312',
-  },
-  error: {
-    dark: '#AC2C3B',
-    main: '#FF5F72',
-    light: '#FFB4BD',
-    background: '#2F2527',
-  },
-  success: {
-    dark: '#028D4C',
-    main: '#00B460',
-    light: '#81C784',
-    background: '#1F2920',
-  },
-  info: {
-    dark: '#52BFDC',
-    main: '#5FDDFF',
-    light: '#B7F0FF',
-    background: '#19252C',
-  },
-  warning: {
-    dark: '#C04C32',
-    main: '#FF8061',
-    light: '#FFBC9F',
-    background: '#2F2318',
-  },
-  background: {
-    default: '#121312',
-    main: '#121312',
-    paper: '#1C1C1C',
-    light: '#1B2A22',
-  },
-  backdrop: {
-    main: '#636669',
-  },
-  logo: {
-    main: '#FFFFFF',
-    background: '#303033',
-  },
-  static: {
-    main: '#121312',
-  },
-}
-
-export default darkPalette
diff --git a/src/components/theme/lightPalette.ts b/src/components/theme/lightPalette.ts
deleted file mode 100644
index a47daca3f..000000000
--- a/src/components/theme/lightPalette.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-const lightPalette = {
-  text: {
-    primary: '#121312',
-    secondary: '#A1A3A7',
-    disabled: '#DDDEE0',
-  },
-  primary: {
-    dark: '#3c3c3c',
-    main: '#121312',
-    light: '#636669',
-  },
-  secondary: {
-    dark: '#0FDA6D',
-    main: '#12FF80',
-    light: '#B0FFC9',
-    background: '#EFFFF4',
-  },
-  border: {
-    main: '#A1A3A7',
-    light: '#DCDEE0',
-    background: '#F4F4F4',
-  },
-  error: {
-    dark: '#AC2C3B',
-    main: '#FF5F72',
-    light: '#FFB4BD',
-    background: '#FFE6EA',
-  },
-  success: {
-    dark: '#028D4C',
-    main: '#00B460',
-    light: '#72F5B8',
-    background: '#EFFAF1',
-  },
-  info: {
-    dark: '#52BFDC',
-    main: '#5FDDFF',
-    light: '#B7F0FF',
-    background: '#EFFCFF',
-  },
-  warning: {
-    dark: '#C04C32',
-    main: '#FF8061',
-    light: '#FFBC9F',
-    background: '#FFF1E0',
-  },
-  background: {
-    default: '#F4F4F4',
-    main: '#F4F4F4',
-    paper: '#FFFFFF',
-    light: '#EFFFF4',
-  },
-  backdrop: {
-    main: '#636669',
-  },
-  logo: {
-    main: '#121312',
-    background: '#EEEFF0',
-  },
-  static: {
-    main: '#121312',
-  },
-}
-
-export default lightPalette
diff --git a/src/components/transactions/BatchExecuteButton/index.tsx b/src/components/transactions/BatchExecuteButton/index.tsx
deleted file mode 100644
index 5d795a743..000000000
--- a/src/components/transactions/BatchExecuteButton/index.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import { useCallback, useContext } from 'react'
-import { Button, Tooltip } from '@mui/material'
-import { BatchExecuteHoverContext } from '@/components/transactions/BatchExecuteButton/BatchExecuteHoverProvider'
-import { useAppSelector } from '@/store'
-import { selectPendingTxs } from '@/store/pendingTxsSlice'
-import useBatchedTxs from '@/hooks/useBatchedTxs'
-import { ExecuteBatchFlow } from '@/components/tx-flow/flows'
-import { trackEvent } from '@/services/analytics'
-import { TX_LIST_EVENTS } from '@/services/analytics/events/txList'
-import useWallet from '@/hooks/wallets/useWallet'
-import useTxQueue from '@/hooks/useTxQueue'
-import { TxModalContext } from '@/components/tx-flow'
-
-const BatchExecuteButton = () => {
-  const { setTxFlow } = useContext(TxModalContext)
-  const pendingTxs = useAppSelector(selectPendingTxs)
-  const hoverContext = useContext(BatchExecuteHoverContext)
-  const { page } = useTxQueue()
-  const batchableTransactions = useBatchedTxs(page?.results || [])
-  const wallet = useWallet()
-
-  const isBatchable = batchableTransactions.length > 1
-  const hasPendingTx = batchableTransactions.some((tx) => pendingTxs[tx.transaction.id])
-  const isDisabled = !isBatchable || hasPendingTx || !wallet
-
-  const handleOnMouseEnter = useCallback(() => {
-    hoverContext.setActiveHover(batchableTransactions.map((tx) => tx.transaction.id))
-  }, [batchableTransactions, hoverContext])
-
-  const handleOnMouseLeave = useCallback(() => {
-    hoverContext.setActiveHover([])
-  }, [hoverContext])
-
-  const handleOpenModal = () => {
-    trackEvent({
-      ...TX_LIST_EVENTS.BATCH_EXECUTE,
-      label: batchableTransactions.length,
-    })
-
-    setTxFlow(<ExecuteBatchFlow txs={batchableTransactions} />, undefined, false)
-  }
-
-  return (
-    <>
-      <Tooltip
-        placement="top-start"
-        arrow
-        title={
-          isDisabled
-            ? 'Batch execution is only available for transactions that have been fully signed and are strictly sequential in Safe Account nonce.'
-            : 'All transactions highlighted in light green will be included in the batch execution.'
-        }
-      >
-        <span>
-          <Button
-            onMouseEnter={handleOnMouseEnter}
-            onMouseLeave={handleOnMouseLeave}
-            variant="contained"
-            size="small"
-            disabled={isDisabled}
-            onClick={handleOpenModal}
-          >
-            Bulk execute{isBatchable && ` ${batchableTransactions.length} transactions`}
-          </Button>
-        </span>
-      </Tooltip>
-    </>
-  )
-}
-
-export default BatchExecuteButton
diff --git a/src/components/transactions/BulkTxListGroup/index.tsx b/src/components/transactions/BulkTxListGroup/index.tsx
deleted file mode 100644
index b793fef6c..000000000
--- a/src/components/transactions/BulkTxListGroup/index.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import type { ReactElement } from 'react'
-import { Box, Paper, SvgIcon, Typography } from '@mui/material'
-import type { Order, Transaction } from '@safe-global/safe-gateway-typescript-sdk'
-import { isMultisigExecutionInfo, isSwapTransferOrderTxInfo } from '@/utils/transaction-guards'
-import ExpandableTransactionItem from '@/components/transactions/TxListItem/ExpandableTransactionItem'
-import BatchIcon from '@/public/images/common/batch.svg'
-import css from './styles.module.css'
-import ExplorerButton from '@/components/common/ExplorerButton'
-import { getBlockExplorerLink } from '@/utils/chains'
-import { useCurrentChain } from '@/hooks/useChains'
-import { getOrderClass } from '@/features/swap/helpers/utils'
-
-const orderClassTitles: Record<string, string> = {
-  limit: 'Limit order settlement',
-  twap: 'TWAP order settlement',
-  liquidity: 'Liquidity order settlement',
-  market: 'Swap order settlement',
-}
-
-const getSettlementOrderTitle = (order: Order): string => {
-  const orderClass = getOrderClass(order)
-  return orderClassTitles[orderClass] || orderClassTitles['market']
-}
-
-const GroupedTxListItems = ({
-  groupedListItems,
-  transactionHash,
-}: {
-  groupedListItems: Transaction[]
-  transactionHash: string
-}): ReactElement | null => {
-  const chain = useCurrentChain()
-  const explorerLink = chain && getBlockExplorerLink(chain, transactionHash)?.href
-  if (groupedListItems.length === 0) return null
-  let title = 'Bulk transactions'
-  const isSwapTransfer = isSwapTransferOrderTxInfo(groupedListItems[0].transaction.txInfo)
-  if (isSwapTransfer) {
-    title = getSettlementOrderTitle(groupedListItems[0].transaction.txInfo as Order)
-  }
-  return (
-    <Paper className={css.container}>
-      <Box gridArea="icon">
-        <SvgIcon className={css.icon} component={BatchIcon} inheritViewBox fontSize="medium" />
-      </Box>
-      <Box gridArea="info">
-        <Typography noWrap>{title}</Typography>
-      </Box>
-      <Box className={css.action}>{groupedListItems.length} transactions</Box>
-      <Box className={css.hash}>
-        <ExplorerButton href={explorerLink} isCompact={false} />
-      </Box>
-
-      <Box gridArea="items" className={css.txItems}>
-        {groupedListItems.map((tx) => {
-          const nonce = isMultisigExecutionInfo(tx.transaction.executionInfo) ? tx.transaction.executionInfo.nonce : ''
-          return (
-            <Box position="relative" key={tx.transaction.id}>
-              <Box className={css.nonce}>
-                <Typography className={css.nonce}>{nonce}</Typography>
-              </Box>
-              <ExpandableTransactionItem item={tx} isBulkGroup={true} />
-            </Box>
-          )
-        })}
-      </Box>
-    </Paper>
-  )
-}
-
-export default GroupedTxListItems
diff --git a/src/components/transactions/GroupedTxListItems/index.tsx b/src/components/transactions/GroupedTxListItems/index.tsx
deleted file mode 100644
index 424bcdcc8..000000000
--- a/src/components/transactions/GroupedTxListItems/index.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import type { ReactElement } from 'react'
-import { useContext } from 'react'
-import { Box, Paper, Typography } from '@mui/material'
-import type { Transaction } from '@safe-global/safe-gateway-typescript-sdk'
-import { isMultisigExecutionInfo } from '@/utils/transaction-guards'
-import ExpandableTransactionItem from '@/components/transactions/TxListItem/ExpandableTransactionItem'
-import css from './styles.module.css'
-import { ReplaceTxHoverContext, ReplaceTxHoverProvider } from './ReplaceTxHoverProvider'
-import ExternalLink from '@/components/common/ExternalLink'
-import { HelpCenterArticle } from '@/config/constants'
-
-const Disclaimer = () => (
-  <Typography>
-    <b>Conflicting transactions</b>. Executing one will automatically replace the others.{' '}
-    <ExternalLink
-      href={HelpCenterArticle.CONFLICTING_TRANSACTIONS}
-      title="Why are transactions with the same nonce conflicting with each other?"
-      noIcon
-    >
-      Why did this happen?
-    </ExternalLink>
-  </Typography>
-)
-
-const TxGroup = ({ groupedListItems }: { groupedListItems: Transaction[] }): ReactElement => {
-  const nonce = isMultisigExecutionInfo(groupedListItems[0].transaction.executionInfo)
-    ? groupedListItems[0].transaction.executionInfo.nonce
-    : undefined
-
-  const { replacedTxIds } = useContext(ReplaceTxHoverContext)
-
-  return (
-    <Paper className={css.container}>
-      <Typography gridArea="nonce">{nonce}</Typography>
-
-      <Box gridArea="warning" className={css.disclaimerContainer}>
-        <Disclaimer />
-      </Box>
-
-      <Box gridArea="line" className={css.line} />
-
-      <Box gridArea="items" className={css.txItems}>
-        {groupedListItems.map((tx) => (
-          <div
-            key={tx.transaction.id}
-            className={replacedTxIds.includes(tx.transaction.id) ? css.willBeReplaced : undefined}
-          >
-            <ExpandableTransactionItem item={tx} isConflictGroup />
-          </div>
-        ))}
-      </Box>
-    </Paper>
-  )
-}
-
-const GroupedTxListItems = ({ groupedListItems }: { groupedListItems: Transaction[] }): ReactElement | null => {
-  if (groupedListItems.length === 0) return null
-
-  return (
-    <ReplaceTxHoverProvider groupedListItems={groupedListItems}>
-      <TxGroup groupedListItems={groupedListItems} />
-    </ReplaceTxHoverProvider>
-  )
-}
-
-export default GroupedTxListItems
diff --git a/src/components/transactions/HexEncodedData/index.tsx b/src/components/transactions/HexEncodedData/index.tsx
deleted file mode 100644
index a72ccab00..000000000
--- a/src/components/transactions/HexEncodedData/index.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { shortenText } from '@/utils/formatters'
-import { Box, Link } from '@mui/material'
-import type { ReactElement } from 'react'
-import { useState } from 'react'
-import css from './styles.module.css'
-
-interface Props {
-  hexData: string
-  title?: string
-  limit?: number
-}
-
-export const HexEncodedData = ({ hexData, title, limit = 20 }: Props): ReactElement => {
-  const [showTxData, setShowTxData] = useState(false)
-  const showExpandBtn = hexData.length > limit
-
-  const toggleExpanded = () => {
-    setShowTxData((val) => !val)
-  }
-
-  return (
-    <Box data-testid="tx-hexData" className={css.encodedData}>
-      {title && (
-        <span>
-          <b>{title}: </b>
-        </span>
-      )}
-      {showExpandBtn ? (
-        <>
-          {showTxData ? hexData : shortenText(hexData, 25)}{' '}
-          <Link component="button" onClick={toggleExpanded} type="button" sx={{ verticalAlign: 'text-top' }}>
-            Show {showTxData ? 'less' : 'more'}
-          </Link>
-        </>
-      ) : (
-        <span>{hexData}</span>
-      )}
-    </Box>
-  )
-}
diff --git a/src/components/transactions/HexEncodedData/styles.module.css b/src/components/transactions/HexEncodedData/styles.module.css
deleted file mode 100644
index dacdb7edc..000000000
--- a/src/components/transactions/HexEncodedData/styles.module.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.encodedData {
-  line-break: anywhere;
-  word-break: break-all;
-}
diff --git a/src/components/transactions/MaliciousTxWarning/index.tsx b/src/components/transactions/MaliciousTxWarning/index.tsx
deleted file mode 100644
index adbb973fb..000000000
--- a/src/components/transactions/MaliciousTxWarning/index.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Tooltip, SvgIcon, Box } from '@mui/material'
-import WarningIcon from '@/public/images/notifications/warning.svg'
-
-const MaliciousTxWarning = ({ withTooltip = true }: { withTooltip?: boolean }) => {
-  return withTooltip ? (
-    <Tooltip title="This token is unfamiliar and may pose risks when interacting with it or involved addresses">
-      <Box lineHeight="16px">
-        <SvgIcon component={WarningIcon} fontSize="small" inheritViewBox color="warning" />
-      </Box>
-    </Tooltip>
-  ) : (
-    <Box lineHeight="16px">
-      <SvgIcon component={WarningIcon} fontSize="small" inheritViewBox color="warning" />
-    </Box>
-  )
-}
-
-export default MaliciousTxWarning
diff --git a/src/components/transactions/SafeCreationTx/index.tsx b/src/components/transactions/SafeCreationTx/index.tsx
deleted file mode 100644
index 8cce5e829..000000000
--- a/src/components/transactions/SafeCreationTx/index.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import React from 'react'
-import type { TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
-import { Box } from '@mui/system'
-import css from './styles.module.css'
-import { InfoDetails } from '@/components/transactions/InfoDetails'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { generateDataRowValue, TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
-import { dateString } from '@/utils/formatters'
-import { isCreationTxInfo } from '@/utils/transaction-guards'
-import { NOT_AVAILABLE } from '@/components/transactions/TxDetails'
-
-type SafeCreationTxProps = {
-  txSummary: TransactionSummary
-}
-
-const SafeCreationTx = ({ txSummary }: SafeCreationTxProps) => {
-  if (!isCreationTxInfo(txSummary.txInfo)) return null
-
-  const timestamp = txSummary.timestamp
-  const { creator, factory, implementation, transactionHash } = txSummary.txInfo
-
-  return (
-    <>
-      <Box className={css.txCreation}>
-        <InfoDetails title="Creator:">
-          <EthHashInfo address={creator.value} shortAddress={false} showCopyButton hasExplorer />
-        </InfoDetails>
-        <InfoDetails title="Factory:">
-          {factory ? (
-            <EthHashInfo name={factory.name} address={factory.value} shortAddress={false} showCopyButton hasExplorer />
-          ) : (
-            NOT_AVAILABLE
-          )}
-        </InfoDetails>
-        <InfoDetails title="Mastercopy:">
-          {implementation ? (
-            <EthHashInfo
-              name={implementation.name}
-              address={implementation.value}
-              shortAddress={false}
-              showCopyButton
-              hasExplorer
-            />
-          ) : (
-            NOT_AVAILABLE
-          )}
-        </InfoDetails>
-      </Box>
-      <Box className={css.txSummary}>
-        <TxDataRow title="Transaction hash:">{generateDataRowValue(transactionHash, 'hash', true)}</TxDataRow>
-        <TxDataRow title="Created:">{timestamp ? dateString(timestamp) : null}</TxDataRow>
-      </Box>
-    </>
-  )
-}
-
-export default SafeCreationTx
diff --git a/src/components/transactions/SafeCreationTx/styles.module.css b/src/components/transactions/SafeCreationTx/styles.module.css
deleted file mode 100644
index 88c13c650..000000000
--- a/src/components/transactions/SafeCreationTx/styles.module.css
+++ /dev/null
@@ -1,8 +0,0 @@
-.txCreation,
-.txSummary {
-  padding: 20px 24px;
-  display: flex;
-  flex-direction: column;
-  padding-right: 60px; /* to not overlap with the share link */
-  border-top: 2px solid var(--color-border-light);
-}
diff --git a/src/components/transactions/SignTxButton/index.tsx b/src/components/transactions/SignTxButton/index.tsx
deleted file mode 100644
index 76298771c..000000000
--- a/src/components/transactions/SignTxButton/index.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import useIsExpiredSwap from '@/features/swap/hooks/useIsExpiredSwap'
-import type { SyntheticEvent } from 'react'
-import { useContext, type ReactElement } from 'react'
-import { type TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
-import { Button, Tooltip } from '@mui/material'
-
-import { isSignableBy } from '@/utils/transaction-guards'
-import useWallet from '@/hooks/wallets/useWallet'
-import Track from '@/components/common/Track'
-import { TX_LIST_EVENTS } from '@/services/analytics/events/txList'
-import CheckWallet from '@/components/common/CheckWallet'
-import { useSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
-import { TxModalContext } from '@/components/tx-flow'
-import { ConfirmTxFlow } from '@/components/tx-flow/flows'
-
-const SignTxButton = ({
-  txSummary,
-  compact = false,
-}: {
-  txSummary: TransactionSummary
-  compact?: boolean
-}): ReactElement => {
-  const { setTxFlow } = useContext(TxModalContext)
-  const wallet = useWallet()
-  const isSignable = isSignableBy(txSummary, wallet?.address || '')
-  const safeSDK = useSafeSDK()
-  const expiredSwap = useIsExpiredSwap(txSummary.txInfo)
-  const isDisabled = !isSignable || !safeSDK || expiredSwap
-
-  const onClick = (e: SyntheticEvent) => {
-    e.stopPropagation()
-    e.preventDefault()
-    setTxFlow(<ConfirmTxFlow txSummary={txSummary} />, undefined, false)
-  }
-
-  return (
-    <CheckWallet>
-      {(isOk) => (
-        <Tooltip title={isOk && !isSignable ? "You've already signed this transaction" : ''}>
-          <span>
-            <Track {...TX_LIST_EVENTS.CONFIRM}>
-              <Button
-                onClick={onClick}
-                variant={compact ? 'outlined' : 'contained'}
-                disabled={!isOk || isDisabled}
-                size={compact ? 'small' : 'stretched'}
-                sx={compact ? { py: 0.6 } : undefined}
-              >
-                Confirm
-              </Button>
-            </Track>
-          </span>
-        </Tooltip>
-      )}
-    </CheckWallet>
-  )
-}
-
-export default SignTxButton
diff --git a/src/components/transactions/SignedMessagesHelpLink/index.tsx b/src/components/transactions/SignedMessagesHelpLink/index.tsx
deleted file mode 100644
index 6c3cfafe1..000000000
--- a/src/components/transactions/SignedMessagesHelpLink/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Box, SvgIcon, Typography } from '@mui/material'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import ExternalLink from '@/components/common/ExternalLink'
-import { useAppSelector } from '@/store'
-import { selectSafeMessages } from '@/store/safeMessagesSlice'
-import { HelpCenterArticle } from '@/config/constants'
-
-const SignedMessagesHelpLink = () => {
-  const safeMessages = useAppSelector(selectSafeMessages)
-  const safeMessagesCount = safeMessages.data?.results.length ?? 0
-
-  if (safeMessagesCount === 0) {
-    return null
-  }
-
-  return (
-    <Box display="flex" alignItems="center" gap={1}>
-      <SvgIcon component={InfoIcon} inheritViewBox color="border" fontSize="small" />
-      <ExternalLink noIcon href={HelpCenterArticle.SIGNED_MESSAGES}>
-        <Typography variant="body2" fontWeight={700}>
-          What are signed messages?
-        </Typography>
-      </ExternalLink>
-    </Box>
-  )
-}
-
-export default SignedMessagesHelpLink
diff --git a/src/components/transactions/SingleTx/index.tsx b/src/components/transactions/SingleTx/index.tsx
deleted file mode 100644
index 07f9d33da..000000000
--- a/src/components/transactions/SingleTx/index.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import ErrorMessage from '@/components/tx/ErrorMessage'
-import { useRouter } from 'next/router'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import useAsync from '@/hooks/useAsync'
-import type { Label, Transaction, TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
-import { LabelValue } from '@safe-global/safe-gateway-typescript-sdk'
-import { getTransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
-import { sameAddress } from '@/utils/addresses'
-import type { ReactElement } from 'react'
-import { makeTxFromDetails } from '@/utils/transactions'
-import { TxListGrid } from '@/components/transactions/TxList'
-import ExpandableTransactionItem, {
-  TransactionSkeleton,
-} from '@/components/transactions/TxListItem/ExpandableTransactionItem'
-import GroupLabel from '../GroupLabel'
-import { isMultisigDetailedExecutionInfo } from '@/utils/transaction-guards'
-
-const SingleTxGrid = ({ txDetails }: { txDetails: TransactionDetails }): ReactElement => {
-  const tx: Transaction = makeTxFromDetails(txDetails)
-
-  // Show a label for the transaction if it's a queued transaction
-  const { safe } = useSafeInfo()
-  const nonce = isMultisigDetailedExecutionInfo(txDetails?.detailedExecutionInfo)
-    ? txDetails?.detailedExecutionInfo.nonce
-    : -1
-  const label = nonce === safe.nonce ? LabelValue.Next : nonce > safe.nonce ? LabelValue.Queued : undefined
-
-  return (
-    <TxListGrid>
-      {label ? <GroupLabel item={{ label } as Label} /> : null}
-
-      <ExpandableTransactionItem item={tx} txDetails={txDetails} />
-    </TxListGrid>
-  )
-}
-
-const SingleTx = () => {
-  const router = useRouter()
-  const { id } = router.query
-  const transactionId = Array.isArray(id) ? id[0] : id
-  const { safe, safeAddress } = useSafeInfo()
-
-  const [txDetails, txDetailsError] = useAsync<TransactionDetails>(
-    () => {
-      if (!transactionId || !safeAddress) return
-
-      return getTransactionDetails(safe.chainId, transactionId).then((details) => {
-        // If the transaction is not related to the current safe, throw an error
-        if (!sameAddress(details.safeAddress, safeAddress)) {
-          return Promise.reject(new Error('Transaction with this id was not found in this Safe Account'))
-        }
-        return details
-      })
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [transactionId, safe.chainId, safe.txQueuedTag, safe.txHistoryTag, safeAddress],
-    false,
-  )
-
-  if (txDetailsError) {
-    return <ErrorMessage error={txDetailsError}>Failed to load transaction</ErrorMessage>
-  }
-
-  if (txDetails) {
-    return <SingleTxGrid txDetails={txDetails} />
-  }
-
-  // Loading skeleton
-  return <TransactionSkeleton />
-}
-
-export default SingleTx
diff --git a/src/components/transactions/TrustedToggle/index.tsx b/src/components/transactions/TrustedToggle/index.tsx
deleted file mode 100644
index 19dc0f980..000000000
--- a/src/components/transactions/TrustedToggle/index.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { useHasFeature } from '@/hooks/useChains'
-import { useAppDispatch, useAppSelector } from '@/store'
-import { selectSettings, setshowOnlyTrustedTransactions } from '@/store/settingsSlice'
-import { FEATURES } from '@/utils/chains'
-import madProps from '@/utils/mad-props'
-import _TrustedToggleButton from './TrustedToggleButton'
-
-const useOnlyTrusted = () => {
-  const userSettings = useAppSelector(selectSettings)
-  return userSettings.showOnlyTrustedTransactions || false
-}
-
-const useHasDefaultTokenList = () => {
-  return useHasFeature(FEATURES.DEFAULT_TOKENLIST)
-}
-
-const useSetOnlyTrusted = () => {
-  const dispatch = useAppDispatch()
-  return (isOn: boolean) => {
-    dispatch(setshowOnlyTrustedTransactions(isOn))
-  }
-}
-
-const TrustedToggle = madProps(_TrustedToggleButton, {
-  onlyTrusted: useOnlyTrusted,
-  setOnlyTrusted: useSetOnlyTrusted,
-  hasDefaultTokenlist: useHasDefaultTokenList,
-})
-
-export default TrustedToggle
diff --git a/src/components/transactions/TxDateLabel/index.tsx b/src/components/transactions/TxDateLabel/index.tsx
deleted file mode 100644
index 1b6e134cb..000000000
--- a/src/components/transactions/TxDateLabel/index.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { DateLabel, SafeMessageDateLabel } from '@safe-global/safe-gateway-typescript-sdk'
-import type { ReactElement } from 'react'
-
-import { formatWithSchema } from '@/utils/date'
-
-import css from './styles.module.css'
-
-const TxDateLabel = ({ item }: { item: DateLabel | SafeMessageDateLabel }): ReactElement => {
-  return (
-    <div className={css.container}>
-      <span>{formatWithSchema(item.timestamp, 'MMM d, yyyy')}</span>
-    </div>
-  )
-}
-
-export default TxDateLabel
diff --git a/src/components/transactions/TxDetails/Summary/TxDataRow/index.tsx b/src/components/transactions/TxDetails/Summary/TxDataRow/index.tsx
deleted file mode 100644
index 1700365c3..000000000
--- a/src/components/transactions/TxDetails/Summary/TxDataRow/index.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import type { ReactElement } from 'react'
-import type { AddressEx } from '@safe-global/safe-gateway-typescript-sdk'
-import CopyButton from '@/components/common/CopyButton'
-import { HexEncodedData } from '@/components/transactions/HexEncodedData'
-import { Typography } from '@mui/material'
-import { dataLength } from 'ethers'
-import css from './styles.module.css'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { DataRow } from '@/components/common/Table/DataRow'
-
-export const TxDataRow = DataRow
-
-export const generateDataRowValue = (
-  value?: string,
-  type?: 'hash' | 'rawData' | 'address' | 'bytes',
-  hasExplorer?: boolean,
-  addressInfo?: AddressEx,
-): ReactElement | null => {
-  if (value == undefined) return null
-
-  switch (type) {
-    case 'hash':
-    case 'address':
-      const customAvatar = addressInfo?.logoUri
-
-      return (
-        <EthHashInfo
-          address={value}
-          name={addressInfo?.name}
-          customAvatar={customAvatar}
-          showAvatar={!!customAvatar}
-          hasExplorer={hasExplorer}
-          showCopyButton
-        />
-      )
-    case 'rawData':
-      return (
-        <div data-testid="tx-data-row" className={css.rawData}>
-          <div>{value ? dataLength(value) : 0} bytes</div>
-          <CopyButton text={value} />
-        </div>
-      )
-    case 'bytes':
-      return <HexEncodedData limit={60} hexData={value} />
-    default:
-      return <Typography sx={{ wordBreak: 'break-all' }}>{value}</Typography>
-  }
-}
diff --git a/src/components/transactions/TxDetails/Summary/TxDataRow/styles.module.css b/src/components/transactions/TxDetails/Summary/TxDataRow/styles.module.css
deleted file mode 100644
index 4c1f50dc3..000000000
--- a/src/components/transactions/TxDetails/Summary/TxDataRow/styles.module.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.rawData {
-  display: flex;
-  align-items: center;
-}
diff --git a/src/components/transactions/TxDetails/Summary/index.tsx b/src/components/transactions/TxDetails/Summary/index.tsx
deleted file mode 100644
index 8ec312f29..000000000
--- a/src/components/transactions/TxDetails/Summary/index.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import type { ReactElement } from 'react'
-import React, { useState } from 'react'
-import { Link } from '@mui/material'
-import { generateDataRowValue, TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
-import { isMultisigDetailedExecutionInfo } from '@/utils/transaction-guards'
-import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
-import { Operation } from '@safe-global/safe-gateway-typescript-sdk'
-import { dateString } from '@/utils/formatters'
-import css from './styles.module.css'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import SafeTxGasForm from '../SafeTxGasForm'
-
-interface Props {
-  txDetails: TransactionDetails
-  defaultExpanded?: boolean
-}
-
-const Summary = ({ txDetails, defaultExpanded = false }: Props): ReactElement => {
-  const [expanded, setExpanded] = useState<boolean>(defaultExpanded)
-
-  const toggleExpanded = () => {
-    setExpanded((val) => !val)
-  }
-
-  const { txHash, detailedExecutionInfo, executedAt, txData } = txDetails
-
-  let submittedAt, confirmations, safeTxHash, baseGas, gasPrice, gasToken, refundReceiver, safeTxGas
-  if (isMultisigDetailedExecutionInfo(detailedExecutionInfo)) {
-    ;({ submittedAt, confirmations, safeTxHash, baseGas, gasPrice, gasToken, safeTxGas } = detailedExecutionInfo)
-    refundReceiver = detailedExecutionInfo.refundReceiver?.value
-  }
-
-  return (
-    <>
-      <TxDataRow datatestid="tx-hash" title="Transaction hash:">
-        {generateDataRowValue(txHash, 'hash', true)}{' '}
-      </TxDataRow>
-      <TxDataRow datatestid="tx-safe-hash" title="safeTxHash:">
-        {generateDataRowValue(safeTxHash, 'hash')}
-      </TxDataRow>
-      <TxDataRow datatestid="tx-created-at" title="Created:">
-        {submittedAt ? dateString(submittedAt) : null}
-      </TxDataRow>
-      {executedAt && (
-        <TxDataRow datatestid="tx-executed-at" title="Executed:">
-          {dateString(executedAt)}
-        </TxDataRow>
-      )}
-
-      {/* Advanced TxData */}
-      {txData && (
-        <>
-          {!defaultExpanded && (
-            <Link
-              data-testid="tx-advanced-details"
-              className={css.buttonExpand}
-              onClick={toggleExpanded}
-              component="button"
-              variant="body1"
-            >
-              Advanced details
-            </Link>
-          )}
-
-          {expanded && (
-            <div>
-              <TxDataRow datatestid="tx-operation" title="Operation:">
-                {`${txData.operation} (${Operation[txData.operation].toLowerCase()})`}
-              </TxDataRow>
-              <TxDataRow datatestid="tx-safe-gas" title="safeTxGas:">
-                {safeTxGas}
-              </TxDataRow>
-              <TxDataRow datatestid="tx-bas-gas" title="baseGas:">
-                {baseGas}
-              </TxDataRow>
-              <TxDataRow datatestid="tx-gas-price" title="gasPrice:">
-                {gasPrice}
-              </TxDataRow>
-              <TxDataRow datatestid="tx-gas-token" title="gasToken:">
-                {generateDataRowValue(gasToken, 'hash', true)}
-              </TxDataRow>
-              <TxDataRow datatestid="tx-refund-receiver" title="refundReceiver:">
-                {generateDataRowValue(refundReceiver, 'hash', true)}
-              </TxDataRow>
-              {confirmations?.map(({ signature }, index) => (
-                <TxDataRow datatestid="tx-signature" title={`Signature ${index + 1}:`} key={`signature-${index}:`}>
-                  {generateDataRowValue(signature, 'rawData')}
-                </TxDataRow>
-              ))}
-              <TxDataRow datatestid="tx-raw-data" title="Raw data:">
-                {generateDataRowValue(txData.hexData, 'rawData')}
-              </TxDataRow>
-            </div>
-          )}
-        </>
-      )}
-    </>
-  )
-}
-
-export default Summary
-
-export const PartialSummary = ({ safeTx }: { safeTx: SafeTransaction }) => {
-  const txData = safeTx.data
-  return (
-    <>
-      <TxDataRow datatestid="tx-executed-at" title="safeTxGas:">
-        <SafeTxGasForm />
-      </TxDataRow>
-      <TxDataRow datatestid="tx-executed-at" title="baseGas:">
-        {txData.baseGas}
-      </TxDataRow>
-      <TxDataRow datatestid="tx-executed-at" title="refundReceiver:">
-        {generateDataRowValue(txData.refundReceiver, 'hash', true)}
-      </TxDataRow>
-      <TxDataRow datatestid="tx-executed-at" title="Raw data:">
-        {generateDataRowValue(txData.data, 'rawData')}
-      </TxDataRow>
-    </>
-  )
-}
diff --git a/src/components/transactions/TxDetails/Summary/styles.module.css b/src/components/transactions/TxDetails/Summary/styles.module.css
deleted file mode 100644
index f6dd3cc65..000000000
--- a/src/components/transactions/TxDetails/Summary/styles.module.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.buttonExpand {
-  margin-top: 8px;
-  padding: 0;
-}
diff --git a/src/components/transactions/TxDetails/TxData/DecodedData/MethodDetails/index.tsx b/src/components/transactions/TxDetails/TxData/DecodedData/MethodDetails/index.tsx
deleted file mode 100644
index a4b39a91b..000000000
--- a/src/components/transactions/TxDetails/TxData/DecodedData/MethodDetails/index.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import type { ReactElement } from 'react'
-import { generateDataRowValue, TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
-import { isAddress, isArrayParameter, isByte } from '@/utils/transaction-guards'
-import type { AddressEx, DataDecoded } from '@safe-global/safe-gateway-typescript-sdk'
-import { Box, Typography } from '@mui/material'
-import { Value } from '@/components/transactions/TxDetails/TxData/DecodedData/ValueArray'
-import { camelCaseToSpaces } from '@/utils/formatters'
-
-type MethodDetailsProps = {
-  data: DataDecoded
-  addressInfoIndex?: {
-    [key: string]: AddressEx
-  }
-}
-
-export const MethodDetails = ({ data, addressInfoIndex }: MethodDetailsProps): ReactElement => {
-  return (
-    <Box>
-      <Typography variant="overline" fontWeight="bold" color="border.main">
-        {camelCaseToSpaces(data.method)}
-      </Typography>
-
-      {data.parameters?.map((param, index) => {
-        const isArrayValueParam = isArrayParameter(param.type) || Array.isArray(param.value)
-        const inlineType = isAddress(param.type) ? 'address' : isByte(param.type) ? 'bytes' : undefined
-        const addressEx = typeof param.value === 'string' ? addressInfoIndex?.[param.value] : undefined
-
-        return (
-          <TxDataRow key={`${data.method}_param-${index}`} title={`${param.name}(${param.type}):`}>
-            {isArrayValueParam ? (
-              <Value method={data.method} type={param.type} value={param.value as string} />
-            ) : (
-              generateDataRowValue(param.value as string, inlineType, true, addressEx)
-            )}
-          </TxDataRow>
-        )
-      })}
-    </Box>
-  )
-}
diff --git a/src/components/transactions/TxDetails/TxData/DecodedData/Multisend/index.tsx b/src/components/transactions/TxDetails/TxData/DecodedData/Multisend/index.tsx
deleted file mode 100644
index 092f12193..000000000
--- a/src/components/transactions/TxDetails/TxData/DecodedData/Multisend/index.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import { HexEncodedData } from '@/components/transactions/HexEncodedData'
-import { Operation } from '@safe-global/safe-gateway-typescript-sdk'
-import type { TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
-import { useState, useEffect } from 'react'
-import type { Dispatch, ReactElement, SetStateAction } from 'react'
-import type { AccordionProps } from '@mui/material/Accordion/Accordion'
-import SingleTxDecoded from '@/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded'
-import { Button, Divider, Stack } from '@mui/material'
-import css from './styles.module.css'
-import classnames from 'classnames'
-
-type MultisendProps = {
-  txData?: TransactionData
-  showDelegateCallWarning?: boolean
-  compact?: boolean
-}
-
-export const MultisendActionsHeader = ({
-  setOpen,
-  amount,
-  compact = false,
-  title = 'All actions',
-}: {
-  setOpen: Dispatch<SetStateAction<Record<number, boolean> | undefined>>
-  amount: number
-  compact?: boolean
-  title?: string
-}) => {
-  const onClickAll = (expanded: boolean) => () => {
-    setOpen(Array(amount).fill(expanded))
-  }
-
-  return (
-    <div data-testid="all-actions" className={classnames(css.actionsHeader, { [css.compactHeader]: compact })}>
-      {title}
-      <Stack direction="row" divider={<Divider className={css.divider} />}>
-        <Button data-testid="expande-all-btn" onClick={onClickAll(true)} variant="text">
-          Expand all
-        </Button>
-        <Button data-testid="collapse-all-btn" onClick={onClickAll(false)} variant="text">
-          Collapse all
-        </Button>
-      </Stack>
-    </div>
-  )
-}
-
-export const Multisend = ({
-  txData,
-  showDelegateCallWarning = true,
-  compact = false,
-}: MultisendProps): ReactElement | null => {
-  const [openMap, setOpenMap] = useState<Record<number, boolean>>()
-  const isOpenMapUndefined = openMap == null
-
-  // multiSend method receives one parameter `transactions`
-  const multiSendTransactions = txData?.dataDecoded?.parameters?.[0].valueDecoded
-
-  useEffect(() => {
-    // Initialise whether each transaction should be expanded or not
-    if (isOpenMapUndefined && multiSendTransactions) {
-      setOpenMap(
-        multiSendTransactions.map(({ operation }) => {
-          return showDelegateCallWarning ? operation === Operation.DELEGATE : false
-        }),
-      )
-    }
-  }, [multiSendTransactions, isOpenMapUndefined, showDelegateCallWarning])
-
-  if (!txData) return null
-
-  // ? when can a multiSend call take no parameters?
-  if (!txData.dataDecoded?.parameters) {
-    if (txData.hexData) {
-      return <HexEncodedData title="Data (hex encoded)" hexData={txData.hexData} />
-    }
-    return null
-  }
-
-  if (!multiSendTransactions) {
-    return null
-  }
-
-  return (
-    <>
-      <MultisendActionsHeader setOpen={setOpenMap} amount={multiSendTransactions.length} compact={compact} />
-
-      <div className={compact ? css.compact : ''}>
-        {multiSendTransactions.map(({ dataDecoded, data, value, to, operation }, index) => {
-          const onChange: AccordionProps['onChange'] = (_, expanded) => {
-            setOpenMap((prev) => ({
-              ...prev,
-              [index]: expanded,
-            }))
-          }
-
-          return (
-            <SingleTxDecoded
-              key={`${data ?? to}-${index}`}
-              tx={{
-                dataDecoded,
-                data,
-                value,
-                to,
-                operation,
-              }}
-              txData={txData}
-              showDelegateCallWarning={showDelegateCallWarning}
-              actionTitle={`${index + 1}`}
-              variant={compact ? 'outlined' : 'elevation'}
-              expanded={openMap?.[index] ?? false}
-              onChange={onChange}
-            />
-          )
-        })}
-      </div>
-    </>
-  )
-}
-
-export default Multisend
diff --git a/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/index.test.tsx b/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/index.test.tsx
deleted file mode 100644
index 357ca4fc1..000000000
--- a/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/index.test.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import { render } from '@/tests/test-utils'
-import SingleTxDecoded from '.'
-import { Operation } from '@safe-global/safe-gateway-typescript-sdk'
-import { faker } from '@faker-js/faker'
-import { parseUnits } from 'ethers'
-import { ERC20__factory } from '@/types/contracts'
-
-describe('SingleTxDecoded', () => {
-  it('should show native transfers', () => {
-    const receiver = faker.finance.ethereumAddress()
-    const result = render(
-      <SingleTxDecoded
-        actionTitle="0"
-        showDelegateCallWarning
-        tx={{
-          data: '0x',
-          operation: Operation.CALL,
-          to: receiver,
-          value: parseUnits('1').toString(),
-        }}
-        txData={{
-          to: { value: receiver },
-          operation: Operation.CALL,
-          trustedDelegateCallTarget: false,
-          addressInfoIndex: {},
-          value: parseUnits('1').toString(),
-        }}
-      />,
-    )
-
-    expect(result.queryByText('native transfer')).not.toBeNull()
-  })
-
-  it('should show unknown contract interactions', () => {
-    const unknownToken = faker.finance.ethereumAddress()
-    const spender = faker.finance.ethereumAddress()
-    const result = render(
-      <SingleTxDecoded
-        actionTitle="0"
-        showDelegateCallWarning
-        tx={{
-          data: ERC20__factory.createInterface().encodeFunctionData('approve', [spender, '100000']),
-          operation: Operation.CALL,
-          to: unknownToken,
-        }}
-        txData={{
-          to: { value: unknownToken },
-          operation: Operation.CALL,
-          trustedDelegateCallTarget: false,
-          addressInfoIndex: {},
-        }}
-      />,
-    )
-
-    expect(result.queryByText('contract interaction')).not.toBeNull()
-  })
-
-  it('should show decoded data ', () => {
-    const unknownToken = faker.finance.ethereumAddress()
-    const spender = faker.finance.ethereumAddress()
-    const result = render(
-      <SingleTxDecoded
-        actionTitle="0"
-        showDelegateCallWarning
-        tx={{
-          data: ERC20__factory.createInterface().encodeFunctionData('approve', [spender, '100000']),
-          operation: Operation.CALL,
-          to: unknownToken,
-          dataDecoded: {
-            method: 'approve',
-            parameters: [
-              {
-                name: 'spender',
-                type: 'address',
-                value: spender,
-              },
-              {
-                name: 'value',
-                type: 'uint256',
-                value: '100000',
-              },
-            ],
-          },
-        }}
-        txData={{
-          to: { value: unknownToken },
-          operation: Operation.CALL,
-          trustedDelegateCallTarget: false,
-          addressInfoIndex: {},
-          dataDecoded: {
-            method: 'approve',
-            parameters: [
-              {
-                name: 'spender',
-                type: 'address',
-                value: spender,
-              },
-              {
-                name: 'value',
-                type: 'uint256',
-                value: '100000',
-              },
-            ],
-          },
-        }}
-      />,
-    )
-
-    expect(result.queryAllByText('approve')).not.toHaveLength(0)
-  })
-})
diff --git a/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/index.tsx b/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/index.tsx
deleted file mode 100644
index 920f35001..000000000
--- a/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/index.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import { isEmptyHexData } from '@/utils/hex'
-import {
-  type InternalTransaction,
-  Operation,
-  type TransactionData,
-  TokenType,
-} from '@safe-global/safe-gateway-typescript-sdk'
-import type { AccordionProps } from '@mui/material/Accordion/Accordion'
-import { useCurrentChain } from '@/hooks/useChains'
-import { safeFormatUnits } from '@/utils/formatters'
-import { MethodDetails } from '@/components/transactions/TxDetails/TxData/DecodedData/MethodDetails'
-import { HexEncodedData } from '@/components/transactions/HexEncodedData'
-import { isDeleteAllowance, isSetAllowance } from '@/utils/transaction-guards'
-import { Accordion, AccordionDetails, AccordionSummary, Stack, Typography } from '@mui/material'
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
-import css from './styles.module.css'
-import accordionCss from '@/styles/accordion.module.css'
-import CodeIcon from '@mui/icons-material/Code'
-import { DelegateCallWarning } from '@/components/transactions/Warning'
-import SendAmountBlock from '@/components/tx-flow/flows/TokenTransfer/SendAmountBlock'
-import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-import SendToBlock from '@/components/tx/SendToBlock'
-
-type SingleTxDecodedProps = {
-  tx: InternalTransaction
-  txData: TransactionData
-  actionTitle: string
-  showDelegateCallWarning: boolean
-  variant?: AccordionProps['variant']
-  expanded?: boolean
-  onChange?: AccordionProps['onChange']
-}
-
-export const SingleTxDecoded = ({
-  tx,
-  txData,
-  actionTitle,
-  showDelegateCallWarning,
-  variant,
-  expanded,
-  onChange,
-}: SingleTxDecodedProps) => {
-  const chain = useCurrentChain()
-  const isNativeTransfer = tx.value !== '0' && (!tx.data || isEmptyHexData(tx.data))
-  const method = tx.dataDecoded?.method || (isNativeTransfer ? 'native transfer' : 'contract interaction')
-  const { decimals } = chain?.nativeCurrency || {}
-  const amount = tx.value ? safeFormatUnits(tx.value, decimals) : 0
-
-  let details
-  if (tx.dataDecoded) {
-    details = <MethodDetails data={tx.dataDecoded} addressInfoIndex={txData.addressInfoIndex} />
-  } else if (tx.data) {
-    // If data is not decoded in the backend response
-    details = <HexEncodedData title="Data (hex encoded)" hexData={tx.data} />
-  }
-
-  const addressInfo = txData.addressInfoIndex?.[tx.to]
-  const name = addressInfo?.name
-  const isDelegateCall = tx.operation === Operation.DELEGATE && showDelegateCallWarning
-  const isSpendingLimitMethod = isSetAllowance(tx.dataDecoded?.method) || isDeleteAllowance(tx.dataDecoded?.method)
-
-  return (
-    <Accordion variant={variant} expanded={expanded} onChange={onChange}>
-      <AccordionSummary data-testid="action-item" expandIcon={<ExpandMoreIcon />} className={accordionCss.accordion}>
-        <div className={css.summary}>
-          <CodeIcon color="border" fontSize="small" />
-          <Typography>{actionTitle}</Typography>
-          <Typography ml="8px">
-            {name ? name + ': ' : ''}
-            <b>{method}</b>
-          </Typography>
-        </div>
-      </AccordionSummary>
-
-      <AccordionDetails>
-        {/* We always warn of nested delegate calls */}
-        {isDelegateCall && <DelegateCallWarning showWarning={!txData.trustedDelegateCallTarget} />}
-        {!isSpendingLimitMethod && (
-          <Stack spacing={1}>
-            {amount !== '0' && (
-              <SendAmountBlock
-                amount={amount}
-                tokenInfo={{
-                  type: TokenType.NATIVE_TOKEN,
-                  address: ZERO_ADDRESS,
-                  decimals: chain?.nativeCurrency.decimals ?? 18,
-                  symbol: chain?.nativeCurrency.symbol ?? 'ETH',
-                  logoUri: chain?.nativeCurrency.logoUri,
-                }}
-              />
-            )}
-            <SendToBlock address={tx.to} title="Interact with:" avatarSize={26} />
-          </Stack>
-        )}
-        {details}
-      </AccordionDetails>
-    </Accordion>
-  )
-}
-
-export default SingleTxDecoded
diff --git a/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/ValueArray.test.tsx b/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/ValueArray.test.tsx
deleted file mode 100644
index 2b2637417..000000000
--- a/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/ValueArray.test.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Value } from '.'
-import { render } from '@/tests/test-utils'
-
-describe('ValueArray', () => {
-  it('should render Snapshot Proposal', () => {
-    const result = render(<Value type="string[]" value='[\n  "Yes",\n  "No"\n]' method="Proposal" />)
-
-    expect(result.queryByText('[', { exact: false })).toBeInTheDocument()
-    expect(result.queryByText('Yes', { exact: false })).toBeInTheDocument()
-    expect(result.queryByText('No', { exact: false })).toBeInTheDocument()
-    expect(result.queryByText(']', { exact: false })).toBeInTheDocument()
-  })
-})
diff --git a/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/index.tsx b/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/index.tsx
deleted file mode 100644
index 408aa7b40..000000000
--- a/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/index.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import { useMemo } from 'react'
-import type { ReactElement } from 'react'
-import { Typography } from '@mui/material'
-import { isAddress, isArrayParameter } from '@/utils/transaction-guards'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { HexEncodedData } from '@/components/transactions/HexEncodedData'
-import css from './styles.module.css'
-
-type ValueArrayProps = {
-  method: string
-  type: string
-  value: string | string[]
-  key?: string
-}
-
-// Sometime DApps return stringified arrays, e.g. "["hello","world"]"
-const parseValue = (value: ValueArrayProps['value']) => {
-  if (Array.isArray(value)) {
-    return value
-  }
-
-  try {
-    return JSON.parse(value)
-  } catch {
-    return value
-  }
-}
-
-export const Value = ({ type, value, ...props }: ValueArrayProps): ReactElement => {
-  const parsedValue = useMemo(() => {
-    return parseValue(value)
-  }, [value])
-
-  if (isArrayParameter(type) && isAddress(type) && Array.isArray(parsedValue)) {
-    return (
-      <Typography component="div" variant="body2">
-        [
-        <div className={css.nestedWrapper}>
-          {parsedValue.map((address, index) => {
-            const key = `${props.key || props.method}-${index}`
-            if (Array.isArray(address)) {
-              const newProps = {
-                type,
-                ...props,
-                value: address,
-              }
-              return <Value key={key} {...newProps} />
-            }
-            return (
-              <div key={`${address}_${key}`}>
-                <EthHashInfo address={address} showAvatar={false} shortAddress={false} showCopyButton hasExplorer />
-              </div>
-            )
-          })}
-        </div>
-        ]
-      </Typography>
-    )
-  }
-
-  return <GenericValue value={parsedValue} {...props} />
-}
-
-const getTextValue = (value: string, key?: string) => {
-  return <HexEncodedData limit={60} hexData={value} key={key} />
-}
-
-const getArrayValue = (parentId: string, value: string[], separator?: boolean) => (
-  <Typography component="div" variant="body2">
-    [
-    <div className={css.nestedWrapper}>
-      {value.map((currentValue, index, values) => {
-        const key = `${parentId}-value-${index}`
-        const hasSeparator = index < values.length - 1
-
-        return Array.isArray(currentValue) ? (
-          <div key={key}>{getArrayValue(key, currentValue, hasSeparator)}</div>
-        ) : (
-          getTextValue(currentValue, key)
-        )
-      })}
-    </div>
-    ]{separator ? ',' : null}
-  </Typography>
-)
-
-const GenericValue = ({ method, value }: Omit<ValueArrayProps, 'type'>): React.ReactElement => {
-  if (Array.isArray(value)) {
-    return getArrayValue(method, value)
-  }
-
-  return getTextValue(value)
-}
diff --git a/src/components/transactions/TxDetails/TxData/DecodedData/index.tsx b/src/components/transactions/TxDetails/TxData/DecodedData/index.tsx
deleted file mode 100644
index 156d8b194..000000000
--- a/src/components/transactions/TxDetails/TxData/DecodedData/index.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import type { ReactElement } from 'react'
-import { TokenType, type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
-
-import { HexEncodedData } from '@/components/transactions/HexEncodedData'
-import { MethodDetails } from '@/components/transactions/TxDetails/TxData/DecodedData/MethodDetails'
-import { useCurrentChain } from '@/hooks/useChains'
-import { formatVisualAmount } from '@/utils/formatters'
-import SendAmountBlock from '@/components/tx-flow/flows/TokenTransfer/SendAmountBlock'
-import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-import SendToBlock from '@/components/tx/SendToBlock'
-import { Stack } from '@mui/material'
-import { isCustomTxInfo } from '@/utils/transaction-guards'
-
-interface Props {
-  txData: TransactionDetails['txData']
-  txInfo: TransactionDetails['txInfo']
-}
-
-export const DecodedData = ({ txData, txInfo }: Props): ReactElement | null => {
-  const chainInfo = useCurrentChain()
-  // nothing to render
-  if (!txData) {
-    return null
-  }
-
-  let decodedData = <></>
-  if (txData.dataDecoded) {
-    decodedData = <MethodDetails data={txData.dataDecoded} addressInfoIndex={txData.addressInfoIndex} />
-  } else if (txData.hexData) {
-    // When no decoded data, display raw hex data
-    decodedData = <HexEncodedData title="Data (hex encoded)" hexData={txData.hexData} />
-  }
-
-  const amount = txData.value ? formatVisualAmount(txData.value, chainInfo?.nativeCurrency.decimals) : '0'
-  // we render the decoded data
-  return (
-    <Stack spacing={1}>
-      {amount !== '0' && (
-        <SendAmountBlock
-          amount={amount}
-          tokenInfo={{
-            type: TokenType.NATIVE_TOKEN,
-            address: ZERO_ADDRESS,
-            decimals: chainInfo?.nativeCurrency.decimals ?? 18,
-            symbol: chainInfo?.nativeCurrency.symbol ?? 'ETH',
-            logoUri: chainInfo?.nativeCurrency.logoUri,
-          }}
-        />
-      )}
-      <SendToBlock
-        address={txData.to.value}
-        title="Interact with"
-        name={isCustomTxInfo(txInfo) ? txInfo.to.name : undefined}
-        avatarSize={26}
-      />
-
-      {decodedData}
-    </Stack>
-  )
-}
-
-export default DecodedData
diff --git a/src/components/transactions/TxDetails/TxData/MultiSendTxInfo/index.tsx b/src/components/transactions/TxDetails/TxData/MultiSendTxInfo/index.tsx
deleted file mode 100644
index 99cd427bc..000000000
--- a/src/components/transactions/TxDetails/TxData/MultiSendTxInfo/index.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { InfoDetails } from '@/components/transactions/InfoDetails'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
-import type { ReactElement } from 'react'
-import React from 'react'
-import type { MultiSend } from '@safe-global/safe-gateway-typescript-sdk'
-
-export const MultiSendTxInfo = ({ txInfo }: { txInfo: MultiSend }): ReactElement => {
-  return (
-    <div>
-      <InfoDetails title="MultiSend contract:">
-        <EthHashInfo
-          address={txInfo?.to.value || ''}
-          name={txInfo?.to.name}
-          customAvatar={txInfo?.to.logoUri}
-          shortAddress={false}
-          showCopyButton
-          hasExplorer
-        />
-      </InfoDetails>
-      <TxDataRow title="Value:">{txInfo?.value}</TxDataRow>
-    </div>
-  )
-}
diff --git a/src/components/transactions/TxDetails/TxData/Rejection/index.tsx b/src/components/transactions/TxDetails/TxData/Rejection/index.tsx
deleted file mode 100644
index f1c8f6603..000000000
--- a/src/components/transactions/TxDetails/TxData/Rejection/index.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import ExternalLink from '@/components/common/ExternalLink'
-import { NOT_AVAILABLE } from '@/components/transactions/TxDetails'
-import type { MultisigExecutionDetails } from '@safe-global/safe-gateway-typescript-sdk'
-import { Box, Typography } from '@mui/material'
-import React from 'react'
-import { HelpCenterArticle } from '@/config/constants'
-
-interface Props {
-  nonce?: MultisigExecutionDetails['nonce']
-  isTxExecuted: boolean
-}
-
-const RejectionTxInfo = ({ nonce, isTxExecuted }: Props) => {
-  const txNonce = nonce ?? NOT_AVAILABLE
-  const message = `This is an on-chain rejection that ${isTxExecuted ? "didn't" : "won't"} send any funds. ${
-    isTxExecuted
-      ? `This on-chain rejection replaced all transactions with nonce ${txNonce}.`
-      : `Executing this on-chain rejection will replace all currently awaiting transactions with nonce ${txNonce}.`
-  }`
-
-  const title = 'Why do I need to pay to reject a transaction?'
-
-  return (
-    <>
-      <Typography data-testid="onchain-rejection" mr={2}>
-        {message}
-      </Typography>
-      {!isTxExecuted && (
-        <Box mt={2} sx={{ width: 'fit-content' }}>
-          <ExternalLink href={HelpCenterArticle.CANCELLING_TRANSACTIONS} title={title}>
-            <Box sx={{ display: 'flex', alignItems: 'center', gap: '6px' }}>
-              <Typography sx={{ textDecoration: 'underline' }}>{title}</Typography>
-            </Box>
-          </ExternalLink>
-        </Box>
-      )}
-    </>
-  )
-}
-
-export default RejectionTxInfo
diff --git a/src/components/transactions/TxDetails/TxData/SettingsChange/index.tsx b/src/components/transactions/TxDetails/TxData/SettingsChange/index.tsx
deleted file mode 100644
index 68d6659f8..000000000
--- a/src/components/transactions/TxDetails/TxData/SettingsChange/index.tsx
+++ /dev/null
@@ -1,134 +0,0 @@
-import type { ComponentProps, ReactElement } from 'react'
-import type { SettingsChange } from '@safe-global/safe-gateway-typescript-sdk'
-import { SettingsInfoType } from '@safe-global/safe-gateway-typescript-sdk'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { InfoDetails } from '@/components/transactions/InfoDetails'
-import { ThresholdWarning } from '@/components/transactions/Warning'
-
-type SettingsChangeTxInfoProps = {
-  settingsInfo: SettingsChange['settingsInfo']
-}
-
-const addressInfoProps: Pick<ComponentProps<typeof EthHashInfo>, 'shortAddress' | 'showCopyButton' | 'hasExplorer'> = {
-  shortAddress: false,
-  showCopyButton: true,
-  hasExplorer: true,
-}
-
-export const SettingsChangeTxInfo = ({ settingsInfo }: SettingsChangeTxInfoProps): ReactElement | null => {
-  if (!settingsInfo) {
-    return null
-  }
-
-  switch (settingsInfo.type) {
-    case SettingsInfoType.SET_FALLBACK_HANDLER: {
-      return (
-        <InfoDetails title="Set fallback handler:">
-          <EthHashInfo
-            address={settingsInfo.handler.value}
-            name={settingsInfo.handler?.name}
-            customAvatar={settingsInfo.handler?.logoUri}
-            {...addressInfoProps}
-          />
-        </InfoDetails>
-      )
-    }
-    case SettingsInfoType.ADD_OWNER:
-    case SettingsInfoType.REMOVE_OWNER: {
-      const title = settingsInfo.type === SettingsInfoType.ADD_OWNER ? 'Add signer:' : 'Remove signer:'
-      return (
-        <>
-          <ThresholdWarning />
-          <InfoDetails datatestid="owner-action" title={title}>
-            <EthHashInfo
-              address={settingsInfo.owner.value}
-              name={settingsInfo.owner?.name}
-              customAvatar={settingsInfo.owner?.logoUri}
-              {...addressInfoProps}
-            />
-            <InfoDetails datatestid="required-confirmations" title="Required confirmations for new transactions:">
-              {settingsInfo.threshold}
-            </InfoDetails>
-          </InfoDetails>
-        </>
-      )
-    }
-    case SettingsInfoType.SWAP_OWNER: {
-      return (
-        <InfoDetails datatestid="swap-owner" title="Swap signer:">
-          <InfoDetails datatestid="old-owner" title="Old signer">
-            <EthHashInfo
-              address={settingsInfo.oldOwner.value}
-              name={settingsInfo.oldOwner?.name}
-              customAvatar={settingsInfo.oldOwner?.logoUri}
-              {...addressInfoProps}
-            />
-          </InfoDetails>
-          <InfoDetails datatestid="new-owner" title="New signer">
-            <EthHashInfo
-              address={settingsInfo.newOwner.value}
-              name={settingsInfo.newOwner?.name}
-              customAvatar={settingsInfo.newOwner?.logoUri}
-              {...addressInfoProps}
-            />
-          </InfoDetails>
-        </InfoDetails>
-      )
-    }
-    case SettingsInfoType.CHANGE_THRESHOLD: {
-      return (
-        <>
-          <ThresholdWarning />
-          <InfoDetails datatestid="required-confirmations" title="Required confirmations for new transactions:">
-            {settingsInfo.threshold}
-          </InfoDetails>
-        </>
-      )
-    }
-    case SettingsInfoType.CHANGE_IMPLEMENTATION: {
-      return (
-        <InfoDetails title="Change implementation:">
-          <EthHashInfo
-            address={settingsInfo.implementation.value}
-            name={settingsInfo.implementation?.name}
-            customAvatar={settingsInfo.implementation?.logoUri}
-            {...addressInfoProps}
-          />
-        </InfoDetails>
-      )
-    }
-    case SettingsInfoType.ENABLE_MODULE:
-    case SettingsInfoType.DISABLE_MODULE: {
-      const title = settingsInfo.type === SettingsInfoType.ENABLE_MODULE ? 'Enable module:' : 'Disable module:'
-      return (
-        <InfoDetails datatestid="module-action" title={title}>
-          <EthHashInfo
-            address={settingsInfo.module.value}
-            name={settingsInfo.module?.name}
-            customAvatar={settingsInfo.module?.logoUri}
-            {...addressInfoProps}
-          />
-        </InfoDetails>
-      )
-    }
-    case SettingsInfoType.SET_GUARD: {
-      return (
-        <InfoDetails title="Set guard:">
-          <EthHashInfo
-            address={settingsInfo.guard.value}
-            name={settingsInfo.guard?.name}
-            customAvatar={settingsInfo.guard?.logoUri}
-            {...addressInfoProps}
-          />
-        </InfoDetails>
-      )
-    }
-    case SettingsInfoType.DELETE_GUARD: {
-      return <InfoDetails title="Delete guard" />
-    }
-    default:
-      return <></>
-  }
-}
-
-export default SettingsChangeTxInfo
diff --git a/src/components/transactions/TxDetails/TxData/SpendingLimits/index.tsx b/src/components/transactions/TxDetails/TxData/SpendingLimits/index.tsx
deleted file mode 100644
index 035a3ead8..000000000
--- a/src/components/transactions/TxDetails/TxData/SpendingLimits/index.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import type { ReactElement } from 'react'
-import React, { useMemo } from 'react'
-import type { Custom, TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
-import { Box, Typography } from '@mui/material'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import TokenIcon from '@/components/common/TokenIcon'
-import SpendingLimitLabel from '@/components/common/SpendingLimitLabel'
-import { useCurrentChain } from '@/hooks/useChains'
-import { selectTokens } from '@/store/balancesSlice'
-import { useAppSelector } from '@/store'
-import { sameAddress } from '@/utils/addresses'
-import { formatVisualAmount } from '@/utils/formatters'
-import type { SpendingLimitMethods } from '@/utils/transaction-guards'
-import { isSetAllowance } from '@/utils/transaction-guards'
-import css from './styles.module.css'
-import chains from '@/config/chains'
-
-type SpendingLimitsProps = {
-  txData?: TransactionData
-  txInfo: Custom
-  type: SpendingLimitMethods
-}
-
-export const SpendingLimits = ({ txData, txInfo, type }: SpendingLimitsProps): ReactElement | null => {
-  const chain = useCurrentChain()
-  const tokens = useAppSelector(selectTokens)
-  const isSetAllowanceMethod = useMemo(() => isSetAllowance(type), [type])
-
-  const [beneficiary, tokenAddress, amount, resetTimeMin] =
-    txData?.dataDecoded?.parameters?.map(({ value }) => value) || []
-
-  const resetTimeLabel = useMemo(
-    () => getResetTimeOptions(chain?.chainId).find(({ value }) => +value === +resetTimeMin)?.label,
-    [chain?.chainId, resetTimeMin],
-  )
-  const tokenInfo = useMemo(
-    () => tokens.find(({ address }) => sameAddress(address, tokenAddress as string)),
-    [tokenAddress, tokens],
-  )
-  const txTo = txInfo.to
-
-  if (!txData) return null
-
-  return (
-    <Box className={css.container}>
-      <Typography>
-        <b>{`${isSetAllowanceMethod ? 'Modify' : 'Delete'} spending limit:`}</b>
-      </Typography>
-      <Box className={css.group}>
-        <Typography sx={({ palette }) => ({ color: palette.primary.light })}>Beneficiary</Typography>
-        <EthHashInfo
-          address={(beneficiary as string) || txTo?.value || '0x'}
-          name={txTo.name}
-          customAvatar={txTo.logoUri}
-          shortAddress={false}
-          showCopyButton
-          hasExplorer
-        />
-      </Box>
-      <Box className={css.group}>
-        <Typography sx={({ palette }) => ({ color: palette.primary.light })}>
-          {isSetAllowanceMethod ? (tokenInfo ? 'Amount' : 'Raw Amount (in decimals)') : 'Token'}
-        </Typography>
-        <Box className={css.inline}>
-          {tokenInfo && (
-            <>
-              <TokenIcon logoUri={tokenInfo.logoUri} size={32} tokenSymbol={tokenInfo.symbol} />
-              <Typography>{tokenInfo.symbol}</Typography>
-            </>
-          )}
-
-          {isSetAllowanceMethod && (
-            <>
-              {tokenInfo ? (
-                <Typography>
-                  {formatVisualAmount(amount as string, tokenInfo.decimals)} {tokenInfo.symbol}
-                </Typography>
-              ) : (
-                <Typography>{amount}</Typography>
-              )}
-            </>
-          )}
-        </Box>
-      </Box>
-      {isSetAllowanceMethod && (
-        <Box className={css.group}>
-          <Typography sx={({ palette }) => ({ color: palette.primary.light })}>Reset time</Typography>
-          <SpendingLimitLabel label={resetTimeLabel || 'One-time spending limit'} isOneTime={!resetTimeLabel} />
-        </Box>
-      )}
-    </Box>
-  )
-}
-
-const RESET_TIME_OPTIONS = [
-  { label: 'One time', value: '0' },
-  { label: '1 day', value: '1440' },
-  { label: '1 week', value: '10080' },
-  { label: '1 month', value: '43200' },
-]
-
-const TEST_RESET_TIME_OPTIONS = [
-  { label: 'One time', value: '0' },
-  { label: '5 minutes', value: '5' },
-  { label: '30 minutes', value: '30' },
-  { label: '1 hour', value: '60' },
-]
-
-export const getResetTimeOptions = (chainId = ''): { label: string; value: string }[] => {
-  return chainId === chains.gor || chainId === chains.sep ? TEST_RESET_TIME_OPTIONS : RESET_TIME_OPTIONS
-}
-
-export default SpendingLimits
diff --git a/src/components/transactions/TxDetails/TxData/SpendingLimits/styles.module.css b/src/components/transactions/TxDetails/TxData/SpendingLimits/styles.module.css
deleted file mode 100644
index 7368a6790..000000000
--- a/src/components/transactions/TxDetails/TxData/SpendingLimits/styles.module.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.container {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.group {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.inline {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
diff --git a/src/components/transactions/TxDetails/TxData/Transfer/index.test.tsx b/src/components/transactions/TxDetails/TxData/Transfer/index.test.tsx
deleted file mode 100644
index d90437295..000000000
--- a/src/components/transactions/TxDetails/TxData/Transfer/index.test.tsx
+++ /dev/null
@@ -1,276 +0,0 @@
-import { render } from '@/tests/test-utils'
-import TransferTxInfo from '.'
-import {
-  TransactionInfoType,
-  TransactionStatus,
-  TransactionTokenType,
-  TransferDirection,
-} from '@safe-global/safe-gateway-typescript-sdk'
-import { faker } from '@faker-js/faker'
-import { parseUnits } from 'ethers'
-import { chainBuilder } from '@/tests/builders/chains'
-
-jest.mock('@/hooks/useChains', () => ({
-  __esModule: true,
-  useChainId: () => '1',
-  useChain: () => chainBuilder().with({ chainId: '1' }).build(),
-  useCurrentChain: () => chainBuilder().with({ chainId: '1' }).build(),
-  default: () => ({
-    loading: false,
-    error: undefined,
-    configs: [chainBuilder().with({ chainId: '1' }).build()],
-  }),
-}))
-
-describe('TransferTxInfo', () => {
-  describe('should render non-malicious', () => {
-    it('outgoing tx', () => {
-      const recipient = faker.finance.ethereumAddress()
-      const sender = faker.finance.ethereumAddress()
-      const tokenAddress = faker.finance.ethereumAddress()
-
-      const result = render(
-        <TransferTxInfo
-          imitation={false}
-          trusted
-          txInfo={{
-            direction: TransferDirection.OUTGOING,
-            recipient: { value: recipient },
-            sender: { value: sender },
-            type: TransactionInfoType.TRANSFER,
-            transferInfo: {
-              tokenAddress,
-              trusted: true,
-              type: TransactionTokenType.ERC20,
-              decimals: 18,
-              value: parseUnits('1', 18).toString(),
-              tokenName: 'Test',
-              tokenSymbol: 'TST',
-              imitation: false,
-            },
-          }}
-          txStatus={TransactionStatus.SUCCESS}
-        />,
-      )
-
-      expect(result.getByText('1 TST')).toBeInTheDocument()
-      expect(result.getByText(recipient)).toBeInTheDocument()
-      expect(result.queryByText('malicious', { exact: false })).toBeNull()
-      expect(result.queryByLabelText('This token is unfamiliar', { exact: false })).toBeNull()
-    })
-
-    it('incoming tx', () => {
-      const recipient = faker.finance.ethereumAddress()
-      const sender = faker.finance.ethereumAddress()
-      const tokenAddress = faker.finance.ethereumAddress()
-
-      const result = render(
-        <TransferTxInfo
-          imitation={false}
-          trusted
-          txInfo={{
-            direction: TransferDirection.INCOMING,
-            recipient: { value: recipient },
-            sender: { value: sender },
-            type: TransactionInfoType.TRANSFER,
-            transferInfo: {
-              tokenAddress,
-              trusted: true,
-              type: TransactionTokenType.ERC20,
-              decimals: 18,
-              value: parseUnits('12.34', 18).toString(),
-              tokenName: 'Test',
-              tokenSymbol: 'TST',
-              imitation: false,
-            },
-          }}
-          txStatus={TransactionStatus.SUCCESS}
-        />,
-      )
-
-      expect(result.getByText('12.34 TST')).toBeInTheDocument()
-      expect(result.getByText(sender)).toBeInTheDocument()
-      expect(result.queryByText('malicious', { exact: false })).toBeNull()
-      expect(result.queryByLabelText('This token is unfamiliar', { exact: false })).toBeNull()
-    })
-  })
-
-  describe('should render untrusted', () => {
-    it('outgoing tx', () => {
-      const recipient = faker.finance.ethereumAddress()
-      const sender = faker.finance.ethereumAddress()
-      const tokenAddress = faker.finance.ethereumAddress()
-
-      const result = render(
-        <TransferTxInfo
-          imitation={false}
-          trusted={false}
-          txInfo={{
-            direction: TransferDirection.OUTGOING,
-            recipient: { value: recipient },
-            sender: { value: sender },
-            type: TransactionInfoType.TRANSFER,
-            transferInfo: {
-              tokenAddress,
-              trusted: false,
-              type: TransactionTokenType.ERC20,
-              decimals: 18,
-              value: parseUnits('1', 18).toString(),
-              tokenName: 'Test',
-              tokenSymbol: 'TST',
-              imitation: false,
-            },
-          }}
-          txStatus={TransactionStatus.SUCCESS}
-        />,
-      )
-
-      expect(result.getByText('1 TST')).toBeInTheDocument()
-      expect(result.getByText(recipient)).toBeInTheDocument()
-      expect(result.queryByText('malicious', { exact: false })).toBeNull()
-      expect(result.getByLabelText('This token is unfamiliar', { exact: false })).toBeInTheDocument()
-    })
-
-    it('incoming tx', () => {
-      const recipient = faker.finance.ethereumAddress()
-      const sender = faker.finance.ethereumAddress()
-      const tokenAddress = faker.finance.ethereumAddress()
-
-      const result = render(
-        <TransferTxInfo
-          imitation={false}
-          trusted={false}
-          txInfo={{
-            direction: TransferDirection.INCOMING,
-            recipient: { value: recipient },
-            sender: { value: sender },
-            type: TransactionInfoType.TRANSFER,
-            transferInfo: {
-              tokenAddress,
-              trusted: true,
-              type: TransactionTokenType.ERC20,
-              decimals: 18,
-              value: parseUnits('12.34', 18).toString(),
-              tokenName: 'Test',
-              tokenSymbol: 'TST',
-              imitation: false,
-            },
-          }}
-          txStatus={TransactionStatus.SUCCESS}
-        />,
-      )
-
-      expect(result.getByText('12.34 TST')).toBeInTheDocument()
-      expect(result.getByText(sender)).toBeInTheDocument()
-      expect(result.queryByText('malicious', { exact: false })).toBeNull()
-      expect(result.queryByLabelText('This token is unfamiliar', { exact: false })).toBeInTheDocument()
-    })
-  })
-
-  describe('should render imitations', () => {
-    it('outgoing tx', () => {
-      const recipient = faker.finance.ethereumAddress()
-      const sender = faker.finance.ethereumAddress()
-      const tokenAddress = faker.finance.ethereumAddress()
-
-      const result = render(
-        <TransferTxInfo
-          imitation
-          trusted
-          txInfo={{
-            direction: TransferDirection.OUTGOING,
-            recipient: { value: recipient },
-            sender: { value: sender },
-            type: TransactionInfoType.TRANSFER,
-            transferInfo: {
-              tokenAddress,
-              trusted: true,
-              type: TransactionTokenType.ERC20,
-              decimals: 18,
-              value: parseUnits('1', 18).toString(),
-              tokenName: 'Test',
-              tokenSymbol: 'TST',
-              imitation: true,
-            },
-          }}
-          txStatus={TransactionStatus.SUCCESS}
-        />,
-      )
-
-      expect(result.getByText('1 TST')).toBeInTheDocument()
-      expect(result.getByText(recipient)).toBeInTheDocument()
-      expect(result.getByText('malicious', { exact: false })).toBeInTheDocument()
-      expect(result.queryByLabelText('This token is unfamiliar', { exact: false })).toBeNull()
-    })
-
-    it('incoming tx', () => {
-      const recipient = faker.finance.ethereumAddress()
-      const sender = faker.finance.ethereumAddress()
-      const tokenAddress = faker.finance.ethereumAddress()
-
-      const result = render(
-        <TransferTxInfo
-          imitation
-          trusted
-          txInfo={{
-            direction: TransferDirection.INCOMING,
-            recipient: { value: recipient },
-            sender: { value: sender },
-            type: TransactionInfoType.TRANSFER,
-            transferInfo: {
-              tokenAddress,
-              trusted: true,
-              type: TransactionTokenType.ERC20,
-              decimals: 18,
-              value: parseUnits('12.34', 18).toString(),
-              tokenName: 'Test',
-              tokenSymbol: 'TST',
-              imitation: true,
-            },
-          }}
-          txStatus={TransactionStatus.SUCCESS}
-        />,
-      )
-
-      expect(result.getByText('12.34 TST')).toBeInTheDocument()
-      expect(result.getByText(sender)).toBeInTheDocument()
-      expect(result.getByText('malicious', { exact: false })).toBeInTheDocument()
-      expect(result.queryByLabelText('This token is unfamiliar', { exact: false })).toBeNull()
-    })
-
-    it('untrusted and imitation tx', () => {
-      const recipient = faker.finance.ethereumAddress()
-      const sender = faker.finance.ethereumAddress()
-      const tokenAddress = faker.finance.ethereumAddress()
-
-      const result = render(
-        <TransferTxInfo
-          imitation
-          trusted={false}
-          txInfo={{
-            direction: TransferDirection.INCOMING,
-            recipient: { value: recipient },
-            sender: { value: sender },
-            type: TransactionInfoType.TRANSFER,
-            transferInfo: {
-              tokenAddress,
-              trusted: true,
-              type: TransactionTokenType.ERC20,
-              decimals: 18,
-              value: parseUnits('12.34', 18).toString(),
-              tokenName: 'Test',
-              tokenSymbol: 'TST',
-              imitation: true,
-            },
-          }}
-          txStatus={TransactionStatus.SUCCESS}
-        />,
-      )
-
-      expect(result.getByText('12.34 TST')).toBeInTheDocument()
-      expect(result.getByText(sender)).toBeInTheDocument()
-      expect(result.getByText('malicious', { exact: false })).toBeInTheDocument()
-      expect(result.queryByLabelText('This token is unfamiliar', { exact: false })).toBeNull()
-    })
-  })
-})
diff --git a/src/components/transactions/TxDetails/TxData/Transfer/index.tsx b/src/components/transactions/TxDetails/TxData/Transfer/index.tsx
deleted file mode 100644
index 9971388af..000000000
--- a/src/components/transactions/TxDetails/TxData/Transfer/index.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { TransferTx } from '@/components/transactions/TxInfo'
-import { isTxQueued } from '@/utils/transaction-guards'
-import type { TransactionStatus, Transfer } from '@safe-global/safe-gateway-typescript-sdk'
-import { TransferDirection } from '@safe-global/safe-gateway-typescript-sdk'
-import { Box, Typography } from '@mui/material'
-import React from 'react'
-
-import TransferActions from '@/components/transactions/TxDetails/TxData/Transfer/TransferActions'
-import MaliciousTxWarning from '@/components/transactions/MaliciousTxWarning'
-import { ImitationTransactionWarning } from '@/components/transactions/ImitationTransactionWarning'
-
-type TransferTxInfoProps = {
-  txInfo: Transfer
-  txStatus: TransactionStatus
-  trusted: boolean
-  imitation: boolean
-}
-
-const TransferTxInfoMain = ({ txInfo, txStatus, trusted, imitation }: TransferTxInfoProps) => {
-  const { direction } = txInfo
-
-  return (
-    <Box display="flex" flexDirection="row" alignItems="center" gap={1}>
-      <Typography>
-        {direction === TransferDirection.INCOMING ? 'Received' : isTxQueued(txStatus) ? 'Send' : 'Sent'}{' '}
-        <b>
-          <TransferTx info={txInfo} withLogo={false} omitSign preciseAmount />
-        </b>
-        {direction === TransferDirection.INCOMING ? ' from:' : ' to:'}
-      </Typography>
-      {!trusted && !imitation && <MaliciousTxWarning />}
-    </Box>
-  )
-}
-
-const TransferTxInfo = ({ txInfo, txStatus, trusted, imitation }: TransferTxInfoProps) => {
-  const address = txInfo.direction.toUpperCase() === TransferDirection.INCOMING ? txInfo.sender : txInfo.recipient
-
-  return (
-    <Box display="flex" flexDirection="column" gap={1}>
-      <TransferTxInfoMain txInfo={txInfo} txStatus={txStatus} trusted={trusted} imitation={imitation} />
-
-      <Box display="flex" alignItems="center" width="100%">
-        <EthHashInfo
-          address={address.value}
-          name={address.name}
-          customAvatar={address.logoUri}
-          shortAddress={false}
-          hasExplorer
-          showCopyButton
-          trusted={trusted && !imitation}
-        >
-          <TransferActions address={address.value} txInfo={txInfo} trusted={trusted} />
-        </EthHashInfo>
-      </Box>
-      {imitation && <ImitationTransactionWarning />}
-    </Box>
-  )
-}
-
-export default TransferTxInfo
diff --git a/src/components/transactions/TxDetails/TxData/index.tsx b/src/components/transactions/TxDetails/TxData/index.tsx
deleted file mode 100644
index 060e7656a..000000000
--- a/src/components/transactions/TxDetails/TxData/index.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import SettingsChangeTxInfo from '@/components/transactions/TxDetails/TxData/SettingsChange'
-import type { SpendingLimitMethods } from '@/utils/transaction-guards'
-import {
-  isCancellationTxInfo,
-  isCustomTxInfo,
-  isMultiSendTxInfo,
-  isMultisigDetailedExecutionInfo,
-  isSettingsChangeTxInfo,
-  isSpendingLimitMethod,
-  isSupportedSpendingLimitAddress,
-  isSwapOrderTxInfo,
-  isTransferTxInfo,
-} from '@/utils/transaction-guards'
-import { SpendingLimits } from '@/components/transactions/TxDetails/TxData/SpendingLimits'
-import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
-import { type ReactElement } from 'react'
-import RejectionTxInfo from '@/components/transactions/TxDetails/TxData/Rejection'
-import DecodedData from '@/components/transactions/TxDetails/TxData/DecodedData'
-import TransferTxInfo from '@/components/transactions/TxDetails/TxData/Transfer'
-import useChainId from '@/hooks/useChainId'
-import { MultiSendTxInfo } from '@/components/transactions/TxDetails/TxData/MultiSendTxInfo'
-import InteractWith from '@/features/swap/components/SwapTxInfo/interactWith'
-
-const TxData = ({
-  txDetails,
-  trusted,
-  imitation,
-}: {
-  txDetails: TransactionDetails
-  trusted: boolean
-  imitation: boolean
-}): ReactElement => {
-  const chainId = useChainId()
-  const txInfo = txDetails.txInfo
-
-  if (isTransferTxInfo(txInfo)) {
-    return <TransferTxInfo txInfo={txInfo} txStatus={txDetails.txStatus} trusted={trusted} imitation={imitation} />
-  }
-
-  if (isSettingsChangeTxInfo(txInfo)) {
-    return <SettingsChangeTxInfo settingsInfo={txInfo.settingsInfo} />
-  }
-
-  if (isCancellationTxInfo(txInfo) && isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)) {
-    return <RejectionTxInfo nonce={txDetails.detailedExecutionInfo?.nonce} isTxExecuted={!!txDetails.executedAt} />
-  }
-
-  if (isMultiSendTxInfo(txInfo)) {
-    return <MultiSendTxInfo txInfo={txInfo} />
-  }
-
-  const method = txDetails.txData?.dataDecoded?.method as SpendingLimitMethods
-  if (isCustomTxInfo(txInfo) && isSupportedSpendingLimitAddress(txInfo, chainId) && isSpendingLimitMethod(method)) {
-    return <SpendingLimits txData={txDetails.txData} txInfo={txInfo} type={method} />
-  }
-
-  if (isSwapOrderTxInfo(txInfo)) {
-    return <InteractWith txData={txDetails.txData} />
-  }
-
-  return <DecodedData txData={txDetails.txData} txInfo={txInfo} />
-}
-
-export default TxData
diff --git a/src/components/transactions/TxDetails/index.tsx b/src/components/transactions/TxDetails/index.tsx
deleted file mode 100644
index c84423d4d..000000000
--- a/src/components/transactions/TxDetails/index.tsx
+++ /dev/null
@@ -1,204 +0,0 @@
-import { POLLING_INTERVAL } from '@/config/constants'
-import useIsExpiredSwap from '@/features/swap/hooks/useIsExpiredSwap'
-import useIntervalCounter from '@/hooks/useIntervalCounter'
-import React, { type ReactElement } from 'react'
-import type { TransactionDetails, TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
-import { getTransactionDetails, Operation } from '@safe-global/safe-gateway-typescript-sdk'
-import { Box, CircularProgress, Typography } from '@mui/material'
-
-import TxSigners from '@/components/transactions/TxSigners'
-import Summary from '@/components/transactions/TxDetails/Summary'
-import TxData from '@/components/transactions/TxDetails/TxData'
-import useChainId from '@/hooks/useChainId'
-import useAsync from '@/hooks/useAsync'
-import {
-  isAwaitingExecution,
-  isOrderTxInfo,
-  isModuleExecutionInfo,
-  isMultiSendTxInfo,
-  isMultisigDetailedExecutionInfo,
-  isMultisigExecutionInfo,
-  isOpenSwapOrder,
-  isTxQueued,
-  isSwapTransferOrderTxInfo,
-} from '@/utils/transaction-guards'
-import { InfoDetails } from '@/components/transactions/InfoDetails'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import css from './styles.module.css'
-import ErrorMessage from '@/components/tx/ErrorMessage'
-import TxShareLink from '../TxShareLink'
-import { ErrorBoundary } from '@sentry/react'
-import ExecuteTxButton from '@/components/transactions/ExecuteTxButton'
-import SignTxButton from '@/components/transactions/SignTxButton'
-import RejectTxButton from '@/components/transactions/RejectTxButton'
-import { DelegateCallWarning, UnsignedWarning } from '@/components/transactions/Warning'
-import Multisend from '@/components/transactions/TxDetails/TxData/DecodedData/Multisend'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import useIsPending from '@/hooks/useIsPending'
-import { isImitation, isTrustedTx } from '@/utils/transactions'
-import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
-import { SwapOrder } from '@/features/swap/components/SwapOrder'
-
-export const NOT_AVAILABLE = 'n/a'
-
-type TxDetailsProps = {
-  txSummary: TransactionSummary
-  txDetails: TransactionDetails
-}
-
-const TxDetailsBlock = ({ txSummary, txDetails }: TxDetailsProps): ReactElement => {
-  const isPending = useIsPending(txSummary.id)
-  const hasDefaultTokenlist = useHasFeature(FEATURES.DEFAULT_TOKENLIST)
-  const isQueue = isTxQueued(txSummary.txStatus)
-  const awaitingExecution = isAwaitingExecution(txSummary.txStatus)
-  const isUnsigned =
-    isMultisigExecutionInfo(txSummary.executionInfo) && txSummary.executionInfo.confirmationsSubmitted === 0
-
-  const isUntrusted =
-    isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo) &&
-    txDetails.detailedExecutionInfo.trusted === false
-
-  // If we have no token list we always trust the transfer
-  const isTrustedTransfer = !hasDefaultTokenlist || isTrustedTx(txSummary)
-  const isImitationTransaction = isImitation(txSummary)
-
-  let proposer, safeTxHash
-  if (isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)) {
-    proposer = txDetails.detailedExecutionInfo.proposer?.value
-    safeTxHash = txDetails.detailedExecutionInfo.safeTxHash
-  }
-
-  const expiredSwap = useIsExpiredSwap(txSummary.txInfo)
-
-  return (
-    <>
-      {/* /Details */}
-      <div className={`${css.details} ${isUnsigned ? css.noSigners : ''}`}>
-        {isOrderTxInfo(txDetails.txInfo) && (
-          <div className={css.swapOrder}>
-            <ErrorBoundary fallback={<div>Error parsing data</div>}>
-              <SwapOrder txData={txDetails.txData} txInfo={txDetails.txInfo} />
-            </ErrorBoundary>
-          </div>
-        )}
-
-        <div className={css.shareLink}>
-          <TxShareLink id={txSummary.id} />
-        </div>
-
-        <div className={css.txData}>
-          <ErrorBoundary fallback={<div>Error parsing data</div>}>
-            <TxData txDetails={txDetails} trusted={isTrustedTransfer} imitation={isImitationTransaction} />
-            {isSwapTransferOrderTxInfo(txDetails.txInfo) && (
-              <div className={css.swapOrderTransfer}>
-                <ErrorBoundary fallback={<div>Error parsing data</div>}>
-                  <SwapOrder txData={txDetails.txData} txInfo={txDetails.txInfo} />
-                </ErrorBoundary>
-              </div>
-            )}
-          </ErrorBoundary>
-        </div>
-
-        {/* Module information*/}
-        {isModuleExecutionInfo(txSummary.executionInfo) && (
-          <div className={css.txModule}>
-            <InfoDetails title="Module:">
-              <EthHashInfo
-                address={txSummary.executionInfo.address.value}
-                shortAddress={false}
-                showCopyButton
-                hasExplorer
-              />
-            </InfoDetails>
-          </div>
-        )}
-
-        <div className={css.txSummary}>
-          {isUntrusted && !isPending && <UnsignedWarning />}
-
-          {txDetails.txData?.operation === Operation.DELEGATE && (
-            <div className={css.delegateCall}>
-              <DelegateCallWarning showWarning={!txDetails.txData.trustedDelegateCallTarget} />
-            </div>
-          )}
-          <Summary txDetails={txDetails} />
-        </div>
-
-        {(isMultiSendTxInfo(txDetails.txInfo) || isOrderTxInfo(txDetails.txInfo)) && (
-          <div className={css.multiSend}>
-            <ErrorBoundary fallback={<div>Error parsing data</div>}>
-              <Multisend txData={txDetails.txData} />
-            </ErrorBoundary>
-          </div>
-        )}
-      </div>
-
-      {/* Signers */}
-      {!isUnsigned && (
-        <div className={css.txSigners}>
-          <TxSigners txDetails={txDetails} txSummary={txSummary} />
-
-          {isQueue && (
-            <Box className={css.buttons}>
-              {awaitingExecution ? <ExecuteTxButton txSummary={txSummary} /> : <SignTxButton txSummary={txSummary} />}
-              <RejectTxButton txSummary={txSummary} safeTxHash={safeTxHash} proposer={proposer} />
-            </Box>
-          )}
-
-          {isQueue && expiredSwap && (
-            <Typography color="text.secondary" mt={2}>
-              This order has expired. Reject this transaction and try again.
-            </Typography>
-          )}
-        </div>
-      )}
-    </>
-  )
-}
-
-const TxDetails = ({
-  txSummary,
-  txDetails,
-}: {
-  txSummary: TransactionSummary
-  txDetails?: TransactionDetails // optional
-}): ReactElement => {
-  const chainId = useChainId()
-  const { safe } = useSafeInfo()
-
-  const [pollCount] = useIntervalCounter(POLLING_INTERVAL)
-  const swapPollCount = isOpenSwapOrder(txSummary.txInfo) ? pollCount : 0
-
-  const [txDetailsData, error, loading] = useAsync<TransactionDetails>(
-    async () => {
-      if (txDetails && swapPollCount <= 0) {
-        return txDetails
-      }
-      return getTransactionDetails(chainId, txSummary.id)
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [txDetails, chainId, txSummary.id, safe.txQueuedTag, swapPollCount],
-    false,
-  )
-
-  return (
-    <div className={css.container}>
-      {txDetailsData ? (
-        <TxDetailsBlock txSummary={txSummary} txDetails={txDetailsData} />
-      ) : loading ? (
-        <div className={css.loading}>
-          <CircularProgress />
-        </div>
-      ) : (
-        error && (
-          <div className={css.error}>
-            <ErrorMessage error={error}>Couldn&apos;t load the transaction details</ErrorMessage>
-          </div>
-        )
-      )}
-    </div>
-  )
-}
-
-export default TxDetails
diff --git a/src/components/transactions/TxDetails/styles.module.css b/src/components/transactions/TxDetails/styles.module.css
deleted file mode 100644
index 21d7b6ae2..000000000
--- a/src/components/transactions/TxDetails/styles.module.css
+++ /dev/null
@@ -1,97 +0,0 @@
-.container {
-  display: flex;
-  width: 100%;
-  overflow-x: auto;
-}
-
-.details {
-  width: 66.6%;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-}
-
-.shareLink {
-  position: absolute;
-  right: 16px;
-  top: 16px;
-}
-
-.loading,
-.error,
-.txData,
-.txSummary,
-.advancedDetails,
-.txModule,
-.swapOrder {
-  padding: var(--space-2);
-}
-
-.swapOrderTransfer {
-  border-top: 1px solid var(--color-border-light);
-  margin-top: var(--space-2);
-  margin-left: calc(var(--space-2) * -1);
-  margin-right: calc(var(--space-2) * -1);
-  padding: var(--space-2);
-  padding-top: var(--space-3)
-}
-.txData,
-.swapOrder {
-  border-bottom: 1px solid var(--color-border-light);
-}
-
-.txSummary,
-.advancedDetails {
-  height: 100%;
-}
-
-.txSigners {
-  display: flex;
-  width: 33.3%;
-  flex-direction: column;
-  padding: var(--space-3);
-  border-left: 1px solid var(--color-border-light);
-}
-
-.delegateCall .alert {
-  width: fit-content;
-  padding: 0 var(--space-1);
-}
-
-.multiSend,
-.swapOrder {
-  border-top: 1px solid var(--color-border-light);
-}
-
-.buttons {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  gap: var(--space-1);
-  margin-top: var(--space-2);
-}
-
-.buttons > * {
-  flex: 1;
-}
-
-.buttons button {
-  width: 100%;
-}
-
-@media (max-width: 599.95px) {
-  .container {
-    flex-direction: column;
-  }
-
-  .details {
-    width: 100%;
-  }
-
-  .txSigners {
-    width: 100%;
-    border-left: 0;
-    border-top: 1px solid var(--color-border-light);
-  }
-}
diff --git a/src/components/transactions/TxFilterForm/index.tsx b/src/components/transactions/TxFilterForm/index.tsx
deleted file mode 100644
index 9fb166b66..000000000
--- a/src/components/transactions/TxFilterForm/index.tsx
+++ /dev/null
@@ -1,281 +0,0 @@
-import Paper from '@mui/material/Paper'
-import Grid from '@mui/material/Grid'
-import FormControl from '@mui/material/FormControl'
-import RadioGroup from '@mui/material/RadioGroup'
-import FormLabel from '@mui/material/FormLabel'
-import FormControlLabel from '@mui/material/FormControlLabel'
-import Radio from '@mui/material/Radio'
-import Button from '@mui/material/Button'
-import Divider from '@mui/material/Divider'
-import { isBefore, isAfter, startOfDay } from 'date-fns'
-import { Controller, FormProvider, useForm, useFormState, type DefaultValues } from 'react-hook-form'
-import { useMemo, type ReactElement } from 'react'
-
-import AddressBookInput from '@/components/common/AddressBookInput'
-import DatePickerInput from '@/components/common/DatePickerInput'
-import { validateAmount } from '@/utils/validation'
-import { trackEvent } from '@/services/analytics'
-import { TX_LIST_EVENTS } from '@/services/analytics/events/txList'
-import { txFilter, useTxFilter, TxFilterType, type TxFilter } from '@/utils/tx-history-filter'
-import { useCurrentChain } from '@/hooks/useChains'
-import NumberField from '@/components/common/NumberField'
-
-import css from './styles.module.css'
-import inputCss from '@/styles/inputs.module.css'
-
-enum TxFilterFormFieldNames {
-  FILTER_TYPE = 'type',
-  DATE_FROM = 'execution_date__gte',
-  DATE_TO = 'execution_date__lte',
-  RECIPIENT = 'to',
-  AMOUNT = 'value',
-  TOKEN_ADDRESS = 'token_address',
-  MODULE = 'module',
-  NONCE = 'nonce',
-}
-
-export type TxFilterFormState = {
-  [TxFilterFormFieldNames.FILTER_TYPE]: TxFilterType
-  [TxFilterFormFieldNames.DATE_FROM]: Date | null
-  [TxFilterFormFieldNames.DATE_TO]: Date | null
-  [TxFilterFormFieldNames.RECIPIENT]: string
-  [TxFilterFormFieldNames.AMOUNT]: string
-  [TxFilterFormFieldNames.TOKEN_ADDRESS]: string
-  [TxFilterFormFieldNames.MODULE]: string
-  [TxFilterFormFieldNames.NONCE]: string
-}
-
-const defaultValues: DefaultValues<TxFilterFormState> = {
-  [TxFilterFormFieldNames.FILTER_TYPE]: TxFilterType.INCOMING,
-  [TxFilterFormFieldNames.DATE_FROM]: null,
-  [TxFilterFormFieldNames.DATE_TO]: null,
-  [TxFilterFormFieldNames.RECIPIENT]: '',
-  [TxFilterFormFieldNames.AMOUNT]: '',
-  [TxFilterFormFieldNames.TOKEN_ADDRESS]: '',
-  [TxFilterFormFieldNames.MODULE]: '',
-  [TxFilterFormFieldNames.NONCE]: '',
-}
-
-const getInitialFormValues = (filter: TxFilter | null): DefaultValues<TxFilterFormState> => {
-  return filter
-    ? {
-        ...defaultValues,
-        ...txFilter.formatFormData(filter),
-      }
-    : defaultValues
-}
-
-const TxFilterForm = ({ toggleFilter }: { toggleFilter: () => void }): ReactElement => {
-  const [filter, setFilter] = useTxFilter()
-  const chain = useCurrentChain()
-
-  const formMethods = useForm<TxFilterFormState>({
-    mode: 'onChange',
-    shouldUnregister: true,
-    defaultValues: getInitialFormValues(filter),
-  })
-
-  const { control, watch, handleSubmit, reset, getValues } = formMethods
-
-  const filterType = watch(TxFilterFormFieldNames.FILTER_TYPE)
-
-  const isIncomingFilter = filterType === TxFilterType.INCOMING
-  const isMultisigFilter = filterType === TxFilterType.MULTISIG
-  const isModuleFilter = filterType === TxFilterType.MODULE
-
-  // Only subscribe to relevant `formState`
-  const { dirtyFields, isValid } = useFormState({ control })
-
-  const dirtyFieldNames = Object.keys(dirtyFields)
-
-  const canClear = useMemo(() => {
-    const isFormDirty = dirtyFieldNames.some((name) => name !== TxFilterFormFieldNames.FILTER_TYPE)
-    const hasFilterInQuery = !!filter?.type
-    return !isValid || isFormDirty || hasFilterInQuery
-  }, [dirtyFieldNames, filter?.type, isValid])
-
-  const clearFilter = () => {
-    setFilter(null)
-
-    reset({
-      ...defaultValues,
-      // Persist the current type
-      [TxFilterFormFieldNames.FILTER_TYPE]: getValues(TxFilterFormFieldNames.FILTER_TYPE),
-    })
-  }
-
-  const onSubmit = (data: TxFilterFormState) => {
-    for (const name of dirtyFieldNames) {
-      trackEvent({ ...TX_LIST_EVENTS.FILTER, label: name })
-    }
-
-    const filterData = txFilter.parseFormData(data)
-
-    setFilter(filterData)
-
-    toggleFilter()
-  }
-
-  return (
-    <Paper elevation={0} variant="outlined" className={css.filterWrapper}>
-      <FormProvider {...formMethods}>
-        <form onSubmit={handleSubmit(onSubmit)}>
-          <Grid data-testid="filter-modal" container>
-            <Grid item xs={12} md={3} sx={{ p: 4 }}>
-              <FormControl>
-                <FormLabel sx={{ mb: 2, color: ({ palette }) => palette.primary.light }}>Transaction type</FormLabel>
-                <Controller
-                  name={TxFilterFormFieldNames.FILTER_TYPE}
-                  control={control}
-                  render={({ field }) => (
-                    <RadioGroup {...field}>
-                      {Object.values(TxFilterType).map((value) => (
-                        <FormControlLabel value={value} control={<Radio />} label={value} key={value} />
-                      ))}
-                    </RadioGroup>
-                  )}
-                />
-              </FormControl>
-            </Grid>
-
-            <Divider orientation="vertical" flexItem />
-
-            <Grid item xs={12} md={8} sx={{ p: 4 }}>
-              <FormControl sx={{ width: '100%' }}>
-                <FormLabel sx={{ mb: 3, color: ({ palette }) => palette.primary.light }}>Parameters</FormLabel>
-                <Grid container item spacing={2} xs={12}>
-                  {!isModuleFilter && (
-                    <>
-                      <Grid data-testid="start-date" item xs={12} md={6}>
-                        <DatePickerInput
-                          name={TxFilterFormFieldNames.DATE_FROM}
-                          label="From"
-                          deps={[TxFilterFormFieldNames.DATE_TO]}
-                          validate={(val: TxFilterFormState[TxFilterFormFieldNames.DATE_FROM]) => {
-                            const toDate = getValues(TxFilterFormFieldNames.DATE_TO)
-                            if (val && toDate && isBefore(startOfDay(toDate), startOfDay(val))) {
-                              return 'Must be before "To" date'
-                            }
-                          }}
-                        />
-                      </Grid>
-                      <Grid data-testid="end-date" item xs={12} md={6}>
-                        <DatePickerInput
-                          name={TxFilterFormFieldNames.DATE_TO}
-                          label="To"
-                          deps={[TxFilterFormFieldNames.DATE_FROM]}
-                          validate={(val: TxFilterFormState[TxFilterFormFieldNames.DATE_FROM]) => {
-                            const fromDate = getValues(TxFilterFormFieldNames.DATE_FROM)
-                            if (val && fromDate && isAfter(startOfDay(fromDate), startOfDay(val))) {
-                              return 'Must be after "From" date'
-                            }
-                          }}
-                        />
-                      </Grid>
-                      <Grid item xs={12} md={6}>
-                        <Controller
-                          name={TxFilterFormFieldNames.AMOUNT}
-                          control={control}
-                          rules={{
-                            validate: (val: TxFilterFormState[TxFilterFormFieldNames.AMOUNT]) => {
-                              if (val.length > 0) {
-                                return validateAmount(val)
-                              }
-                            },
-                          }}
-                          render={({ field, fieldState }) => (
-                            <NumberField
-                              data-testid="amount-input"
-                              className={inputCss.input}
-                              label={
-                                fieldState.error?.message ||
-                                `Amount${isMultisigFilter && chain ? ` (only ${chain.nativeCurrency.symbol})` : ''}`
-                              }
-                              error={!!fieldState.error}
-                              {...field}
-                              fullWidth
-                            />
-                          )}
-                        />
-                      </Grid>
-                    </>
-                  )}
-
-                  {isIncomingFilter && (
-                    <Grid item xs={12} md={6}>
-                      <AddressBookInput
-                        data-testid="token-input"
-                        label="Token"
-                        name={TxFilterFormFieldNames.TOKEN_ADDRESS}
-                        required={false}
-                        fullWidth
-                      />
-                    </Grid>
-                  )}
-
-                  {isMultisigFilter && (
-                    <>
-                      <Grid item xs={12} md={6}>
-                        <AddressBookInput
-                          label="Recipient"
-                          name={TxFilterFormFieldNames.RECIPIENT}
-                          required={false}
-                          fullWidth
-                        />
-                      </Grid>
-                      <Grid item xs={12} md={6}>
-                        <Controller
-                          name={TxFilterFormFieldNames.NONCE}
-                          control={control}
-                          rules={{
-                            validate: (val: TxFilterFormState[TxFilterFormFieldNames.NONCE]) => {
-                              if (val.length > 0) {
-                                return validateAmount(val)
-                              }
-                            },
-                          }}
-                          render={({ field, fieldState }) => (
-                            <NumberField
-                              data-testid="nonce-input"
-                              className={inputCss.input}
-                              label={fieldState.error?.message || 'Nonce'}
-                              error={!!fieldState.error}
-                              {...field}
-                              fullWidth
-                            />
-                          )}
-                        />
-                      </Grid>
-                    </>
-                  )}
-
-                  {isModuleFilter && (
-                    <Grid item xs={12} md={6}>
-                      <AddressBookInput
-                        label="Module"
-                        name={TxFilterFormFieldNames.MODULE}
-                        required={false}
-                        fullWidth
-                      />
-                    </Grid>
-                  )}
-                </Grid>
-              </FormControl>
-
-              <Grid item container md={6} sx={{ gap: 2, mt: 3 }}>
-                <Button data-testid="clear-btn" variant="contained" onClick={clearFilter} disabled={!canClear}>
-                  Clear
-                </Button>
-                <Button data-testid="apply-btn" type="submit" variant="contained" color="primary" disabled={!isValid}>
-                  Apply
-                </Button>
-              </Grid>
-            </Grid>
-          </Grid>
-        </form>
-      </FormProvider>
-    </Paper>
-  )
-}
-
-export default TxFilterForm
diff --git a/src/components/transactions/TxInfo/index.tsx b/src/components/transactions/TxInfo/index.tsx
deleted file mode 100644
index 255636526..000000000
--- a/src/components/transactions/TxInfo/index.tsx
+++ /dev/null
@@ -1,141 +0,0 @@
-import { type ReactElement } from 'react'
-import type {
-  Creation,
-  Custom,
-  MultiSend,
-  SettingsChange,
-  TransactionInfo,
-  Transfer,
-} from '@safe-global/safe-gateway-typescript-sdk'
-import { SettingsInfoType } from '@safe-global/safe-gateway-typescript-sdk'
-import TokenAmount from '@/components/common/TokenAmount'
-import {
-  isOrderTxInfo,
-  isCreationTxInfo,
-  isCustomTxInfo,
-  isERC20Transfer,
-  isERC721Transfer,
-  isMultiSendTxInfo,
-  isNativeTokenTransfer,
-  isSettingsChangeTxInfo,
-  isTransferTxInfo,
-} from '@/utils/transaction-guards'
-import { ellipsis, shortenAddress } from '@/utils/formatters'
-import { useCurrentChain } from '@/hooks/useChains'
-import { SwapTx } from '@/features/swap/components/SwapTxInfo/SwapTx'
-
-export const TransferTx = ({
-  info,
-  omitSign = false,
-  withLogo = true,
-  preciseAmount = false,
-}: {
-  info: Transfer
-  omitSign?: boolean
-  withLogo?: boolean
-  preciseAmount?: boolean
-}): ReactElement => {
-  const chainConfig = useCurrentChain()
-  const { nativeCurrency } = chainConfig || {}
-  const transfer = info.transferInfo
-  const direction = omitSign ? undefined : info.direction
-
-  if (isNativeTokenTransfer(transfer)) {
-    return (
-      <TokenAmount
-        direction={direction}
-        value={transfer.value}
-        decimals={nativeCurrency?.decimals}
-        tokenSymbol={nativeCurrency?.symbol}
-        logoUri={withLogo ? nativeCurrency?.logoUri : undefined}
-        preciseAmount={preciseAmount}
-      />
-    )
-  }
-
-  if (isERC20Transfer(transfer)) {
-    return (
-      <TokenAmount
-        {...transfer}
-        direction={direction}
-        logoUri={withLogo ? transfer?.logoUri : undefined}
-        preciseAmount={preciseAmount}
-      />
-    )
-  }
-
-  if (isERC721Transfer(transfer)) {
-    return (
-      <TokenAmount
-        {...transfer}
-        tokenSymbol={ellipsis(
-          `${transfer.tokenSymbol ? transfer.tokenSymbol : 'Unknown NFT'} #${transfer.tokenId}`,
-          withLogo ? 16 : 100,
-        )}
-        value="1"
-        direction={undefined}
-        logoUri={withLogo ? transfer?.logoUri : undefined}
-        fallbackSrc="/images/common/nft-placeholder.png"
-      />
-    )
-  }
-
-  return <></>
-}
-
-const CustomTx = ({ info }: { info: Custom }): ReactElement => {
-  return <>{info.methodName}</>
-}
-
-const CreationTx = ({ info }: { info: Creation }): ReactElement => {
-  return <>Safe Account created by {shortenAddress(info.creator.value)}</>
-}
-
-const MultiSendTx = ({ info }: { info: MultiSend }): ReactElement => {
-  return (
-    <>
-      {info.actionCount} {`action${info.actionCount > 1 ? 's' : ''}`}
-    </>
-  )
-}
-
-const SettingsChangeTx = ({ info }: { info: SettingsChange }): ReactElement => {
-  if (
-    info.settingsInfo?.type === SettingsInfoType.ENABLE_MODULE ||
-    info.settingsInfo?.type === SettingsInfoType.DISABLE_MODULE
-  ) {
-    return <>{info.settingsInfo.module.name}</>
-  }
-
-  return <></>
-}
-
-const TxInfo = ({ info, ...rest }: { info: TransactionInfo; omitSign?: boolean; withLogo?: boolean }): ReactElement => {
-  if (isSettingsChangeTxInfo(info)) {
-    return <SettingsChangeTx info={info} />
-  }
-
-  if (isMultiSendTxInfo(info)) {
-    return <MultiSendTx info={info} />
-  }
-
-  if (isTransferTxInfo(info)) {
-    return <TransferTx info={info} {...rest} />
-  }
-
-  if (isCustomTxInfo(info)) {
-    return <CustomTx info={info} />
-  }
-
-  if (isCreationTxInfo(info)) {
-    return <CreationTx info={info} />
-  }
-
-  if (isOrderTxInfo(info)) {
-    return <SwapTx info={info} />
-  }
-
-  return <></>
-}
-
-export default TxInfo
diff --git a/src/components/transactions/TxNavigation/index.tsx b/src/components/transactions/TxNavigation/index.tsx
deleted file mode 100644
index e60aba1ca..000000000
--- a/src/components/transactions/TxNavigation/index.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import NavTabs from '@/components/common/NavTabs'
-import { transactionNavItems } from '@/components/sidebar/SidebarNavigation/config'
-import { AppRoutes } from '@/config/routes'
-import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
-
-const TxNavigation = () => {
-  const isEIP1271 = useHasFeature(FEATURES.EIP1271)
-
-  const navItems = isEIP1271
-    ? transactionNavItems
-    : transactionNavItems.filter((item) => item.href !== AppRoutes.transactions.messages)
-
-  return <NavTabs tabs={navItems} />
-}
-
-export default TxNavigation
diff --git a/src/components/transactions/TxShareLink/index.tsx b/src/components/transactions/TxShareLink/index.tsx
deleted file mode 100644
index 10cb9a326..000000000
--- a/src/components/transactions/TxShareLink/index.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import type { ReactElement } from 'react'
-import { IconButton, Link, SvgIcon } from '@mui/material'
-import ShareIcon from '@/public/images/common/share.svg'
-import { AppRoutes } from '@/config/routes'
-import { useRouter } from 'next/router'
-import Track from '@/components/common/Track'
-import { TX_LIST_EVENTS } from '@/services/analytics/events/txList'
-import React from 'react'
-import CopyTooltip from '@/components/common/CopyTooltip'
-import useOrigin from '@/hooks/useOrigin'
-
-const TxShareLink = ({ id }: { id: string }): ReactElement => {
-  const router = useRouter()
-  const { safe = '' } = router.query
-  const href = `${AppRoutes.transactions.tx}?safe=${safe}&id=${id}`
-  const txUrl = useOrigin() + href
-
-  return (
-    <Track {...TX_LIST_EVENTS.COPY_DEEPLINK}>
-      <CopyTooltip text={txUrl} initialToolTipText="Copy the transaction URL">
-        <IconButton data-testid="share-btn" component={Link} aria-label="Share">
-          <SvgIcon component={ShareIcon} inheritViewBox fontSize="small" color="border" />
-        </IconButton>
-      </CopyTooltip>
-    </Track>
-  )
-}
-
-export default TxShareLink
diff --git a/src/components/transactions/TxSigners/index.tsx b/src/components/transactions/TxSigners/index.tsx
deleted file mode 100644
index bb0d980a9..000000000
--- a/src/components/transactions/TxSigners/index.tsx
+++ /dev/null
@@ -1,221 +0,0 @@
-import { useState, type ReactElement } from 'react'
-import {
-  Box,
-  Link,
-  List,
-  ListItem,
-  ListItemIcon,
-  ListItemText,
-  type Palette,
-  SvgIcon,
-  Typography,
-  type ListItemIconProps,
-} from '@mui/material'
-import type {
-  DetailedExecutionInfo,
-  TransactionDetails,
-  TransactionSummary,
-} from '@safe-global/safe-gateway-typescript-sdk'
-
-import useWallet from '@/hooks/wallets/useWallet'
-import useIsPending from '@/hooks/useIsPending'
-import { isCancellationTxInfo, isExecutable, isMultisigDetailedExecutionInfo } from '@/utils/transaction-guards'
-import EthHashInfo from '@/components/common/EthHashInfo'
-
-import css from './styles.module.css'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import CreatedIcon from '@/public/images/common/created.svg'
-import DotIcon from '@/public/images/common/dot.svg'
-import CircleIcon from '@/public/images/common/circle.svg'
-import CheckIcon from '@/public/images/common/circle-check.svg'
-import CancelIcon from '@/public/images/common/cancel.svg'
-import useTransactionStatus from '@/hooks/useTransactionStatus'
-
-// Icons
-const Created = () => (
-  <SvgIcon
-    component={CreatedIcon}
-    inheritViewBox
-    className={css.icon}
-    sx={{
-      '& path:last-of-type': { fill: ({ palette }) => palette.background.paper },
-    }}
-  />
-)
-const MissingConfirmation = () => <SvgIcon component={CircleIcon} inheritViewBox className={css.icon} />
-const Check = () => (
-  <SvgIcon
-    component={CheckIcon}
-    inheritViewBox
-    className={css.icon}
-    sx={{
-      '& path:last-of-type': { fill: ({ palette }) => palette.background.paper },
-    }}
-  />
-)
-const Cancel = () => <SvgIcon component={CancelIcon} inheritViewBox className={css.icon} />
-const Dot = () => <SvgIcon component={DotIcon} inheritViewBox className={css.dot} />
-
-enum StepState {
-  CONFIRMED = 'CONFIRMED',
-  ACTIVE = 'ACTIVE',
-  DISABLED = 'DISABLED',
-  ERROR = 'ERROR',
-}
-
-const getStepColor = (state: StepState, palette: Palette): string => {
-  const colors: { [key in StepState]: string } = {
-    [StepState.CONFIRMED]: palette.primary.main,
-    [StepState.ACTIVE]: palette.warning.dark,
-    [StepState.DISABLED]: palette.border.main,
-    [StepState.ERROR]: palette.error.main,
-  }
-  return colors[state]
-}
-
-const StyledListItemIcon = ({
-  $state,
-  ...rest
-}: {
-  $state: StepState
-} & ListItemIconProps) => (
-  <ListItemIcon
-    sx={({ palette }) => ({
-      '.MuiSvgIcon-root': {
-        color: getStepColor($state, palette),
-        alignItems: 'center',
-      },
-    })}
-    {...rest}
-  />
-)
-
-const shouldHideConfirmations = (detailedExecutionInfo?: DetailedExecutionInfo): boolean => {
-  if (!detailedExecutionInfo || !isMultisigDetailedExecutionInfo(detailedExecutionInfo)) {
-    return true
-  }
-
-  const confirmationsNeeded = detailedExecutionInfo.confirmationsRequired - detailedExecutionInfo.confirmations.length
-  const isConfirmed = confirmationsNeeded <= 0
-
-  // Threshold reached or more than 3 confirmations
-  return isConfirmed || detailedExecutionInfo.confirmations.length > 3
-}
-
-type TxSignersProps = {
-  txDetails: TransactionDetails
-  txSummary: TransactionSummary
-}
-
-export const TxSigners = ({ txDetails, txSummary }: TxSignersProps): ReactElement | null => {
-  const { detailedExecutionInfo, txInfo, txId } = txDetails
-  const [hideConfirmations, setHideConfirmations] = useState<boolean>(shouldHideConfirmations(detailedExecutionInfo))
-  const isPending = useIsPending(txId)
-  const txStatus = useTransactionStatus(txSummary)
-  const wallet = useWallet()
-  const { safe } = useSafeInfo()
-
-  const toggleHide = () => {
-    setHideConfirmations((prev) => !prev)
-  }
-
-  if (!detailedExecutionInfo || !isMultisigDetailedExecutionInfo(detailedExecutionInfo)) {
-    return null
-  }
-
-  const { confirmations, confirmationsRequired, executor } = detailedExecutionInfo
-
-  // TODO: Refactor to use `isConfirmableBy`
-  const confirmationsCount = confirmations.length
-  const canExecute = wallet?.address ? isExecutable(txSummary, wallet.address, safe) : false
-  const confirmationsNeeded = confirmationsRequired - confirmations.length
-  const isConfirmed = confirmationsNeeded <= 0 || canExecute
-
-  return (
-    <>
-      <List data-testid="transaction-actions-list" className={css.signers}>
-        <ListItem>
-          {isCancellationTxInfo(txInfo) ? (
-            <>
-              <StyledListItemIcon $state={StepState.ERROR}>
-                <Cancel />
-              </StyledListItemIcon>
-              <ListItemText primaryTypographyProps={{ fontWeight: 700 }}>On-chain rejection created</ListItemText>
-            </>
-          ) : (
-            <>
-              <StyledListItemIcon $state={StepState.CONFIRMED}>
-                <Created />
-              </StyledListItemIcon>
-              <ListItemText data-testid="create-action" primaryTypographyProps={{ fontWeight: 700 }}>
-                Created
-              </ListItemText>
-            </>
-          )}
-        </ListItem>
-
-        <ListItem>
-          <StyledListItemIcon $state={isConfirmed ? StepState.CONFIRMED : StepState.ACTIVE}>
-            {isConfirmed ? <Check /> : <MissingConfirmation />}
-          </StyledListItemIcon>
-          <ListItemText data-testid="confirmation-action" primaryTypographyProps={{ fontWeight: 700 }}>
-            Confirmations{' '}
-            <Box className={css.confirmationsTotal}>({`${confirmationsCount} of ${confirmationsRequired}`})</Box>
-          </ListItemText>
-        </ListItem>
-        {!hideConfirmations &&
-          confirmations.map(({ signer }) => (
-            <ListItem key={signer.value} sx={{ py: 0 }}>
-              <StyledListItemIcon $state={StepState.CONFIRMED}>
-                <Dot />
-              </StyledListItemIcon>
-              <ListItemText data-testid="signer">
-                <EthHashInfo address={signer.value} name={signer.name} hasExplorer showCopyButton />
-              </ListItemText>
-            </ListItem>
-          ))}
-        {confirmations.length > 0 && (
-          <ListItem>
-            <StyledListItemIcon $state={StepState.CONFIRMED}>
-              <Dot />
-            </StyledListItemIcon>
-            <ListItemText>
-              <Link data-testid="confirmation-visibility-btn" component="button" onClick={toggleHide} fontSize="medium">
-                {hideConfirmations ? 'Show all' : 'Hide all'}
-              </Link>
-            </ListItemText>
-          </ListItem>
-        )}
-        <ListItem>
-          <StyledListItemIcon $state={executor ? StepState.CONFIRMED : StepState.DISABLED}>
-            {executor ? <Check /> : <MissingConfirmation />}
-          </StyledListItemIcon>
-          <ListItemText data-testid="tx-action-status" primaryTypographyProps={{ fontWeight: 700 }}>
-            {executor ? 'Executed' : isPending ? txStatus : 'Can be executed'}
-          </ListItemText>
-        </ListItem>
-      </List>
-      {executor ? (
-        <Box data-testid="executor" className={css.listFooter}>
-          <EthHashInfo
-            address={executor.value}
-            name={executor.name}
-            customAvatar={executor.logoUri}
-            hasExplorer
-            showCopyButton
-          />
-        </Box>
-      ) : (
-        !isConfirmed && (
-          <Box className={css.listFooter}>
-            <Typography sx={({ palette }) => ({ color: palette.border.main })}>
-              Can be executed once the threshold is reached
-            </Typography>
-          </Box>
-        )
-      )}
-    </>
-  )
-}
-
-export default TxSigners
diff --git a/src/components/transactions/TxStatusChip/index.tsx b/src/components/transactions/TxStatusChip/index.tsx
deleted file mode 100644
index c9bb49c87..000000000
--- a/src/components/transactions/TxStatusChip/index.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import type { ReactElement, ReactNode } from 'react'
-import { Typography, Chip } from '@mui/material'
-
-const TxStatusChip = ({
-  children,
-  color,
-}: {
-  children: ReactNode
-  color?: 'primary' | 'secondary' | 'info' | 'warning' | 'success' | 'error'
-}): ReactElement => {
-  return (
-    <Chip
-      size="small"
-      sx={{ backgroundColor: `${color}.background`, color: `${color}.dark` }}
-      label={
-        <Typography variant="caption" fontWeight="bold" display="flex" alignItems="center" gap={1}>
-          {children}
-        </Typography>
-      }
-    />
-  )
-}
-
-export default TxStatusChip
diff --git a/src/components/transactions/TxStatusLabel/index.tsx b/src/components/transactions/TxStatusLabel/index.tsx
deleted file mode 100644
index adb4abbda..000000000
--- a/src/components/transactions/TxStatusLabel/index.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { isCancelledSwapOrder } from '@/utils/transaction-guards'
-import { CircularProgress, type Palette, Typography } from '@mui/material'
-import { TransactionStatus, type TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
-import useIsPending from '@/hooks/useIsPending'
-import useTransactionStatus from '@/hooks/useTransactionStatus'
-
-const getStatusColor = (tx: TransactionSummary, palette: Palette) => {
-  if (isCancelledSwapOrder(tx.txInfo)) {
-    return palette.error.main
-  }
-
-  switch (tx.txStatus) {
-    case TransactionStatus.SUCCESS:
-      return palette.success.main
-    case TransactionStatus.FAILED:
-    case TransactionStatus.CANCELLED:
-      return palette.error.main
-    case TransactionStatus.AWAITING_CONFIRMATIONS:
-    case TransactionStatus.AWAITING_EXECUTION:
-      return palette.warning.main
-    default:
-      return palette.primary.main
-  }
-}
-
-const TxStatusLabel = ({ tx }: { tx: TransactionSummary }) => {
-  const txStatusLabel = useTransactionStatus(tx)
-  const isPending = useIsPending(tx.id)
-
-  return (
-    <Typography
-      variant="caption"
-      fontWeight="bold"
-      display="flex"
-      alignItems="center"
-      gap={1}
-      color={({ palette }) => getStatusColor(tx, palette)}
-      data-testid="tx-status-label"
-    >
-      {isPending && <CircularProgress size={14} color="inherit" />}
-      {txStatusLabel}
-    </Typography>
-  )
-}
-
-export default TxStatusLabel
diff --git a/src/components/transactions/TxSummary/index.tsx b/src/components/transactions/TxSummary/index.tsx
deleted file mode 100644
index 3763d60fb..000000000
--- a/src/components/transactions/TxSummary/index.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import StatusLabel from '@/features/swap/components/StatusLabel'
-import useIsExpiredSwap from '@/features/swap/hooks/useIsExpiredSwap'
-import { Box } from '@mui/material'
-import type { ReactElement } from 'react'
-import { type Transaction } from '@safe-global/safe-gateway-typescript-sdk'
-
-import css from './styles.module.css'
-import DateTime from '@/components/common/DateTime'
-import TxInfo from '@/components/transactions/TxInfo'
-import { isMultisigExecutionInfo, isTxQueued } from '@/utils/transaction-guards'
-import TxType from '@/components/transactions/TxType'
-import classNames from 'classnames'
-import { isImitation, isTrustedTx } from '@/utils/transactions'
-import MaliciousTxWarning from '../MaliciousTxWarning'
-import QueueActions from './QueueActions'
-import useIsPending from '@/hooks/useIsPending'
-import TxConfirmations from '../TxConfirmations'
-import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
-import TxStatusLabel from '@/components/transactions/TxStatusLabel'
-
-type TxSummaryProps = {
-  isConflictGroup?: boolean
-  isBulkGroup?: boolean
-  item: Transaction
-}
-
-const TxSummary = ({ item, isConflictGroup, isBulkGroup }: TxSummaryProps): ReactElement => {
-  const hasDefaultTokenlist = useHasFeature(FEATURES.DEFAULT_TOKENLIST)
-
-  const tx = item.transaction
-  const isQueue = isTxQueued(tx.txStatus)
-  const nonce = isMultisigExecutionInfo(tx.executionInfo) ? tx.executionInfo.nonce : undefined
-  const isTrusted = !hasDefaultTokenlist || isTrustedTx(tx)
-  const isImitationTransaction = isImitation(tx)
-  const isPending = useIsPending(tx.id)
-  const executionInfo = isMultisigExecutionInfo(tx.executionInfo) ? tx.executionInfo : undefined
-  const expiredSwap = useIsExpiredSwap(tx.txInfo)
-
-  return (
-    <Box
-      data-testid="transaction-item"
-      className={classNames(css.gridContainer, {
-        [css.history]: !isQueue,
-        [css.conflictGroup]: isConflictGroup,
-        [css.bulkGroup]: isBulkGroup,
-        [css.untrusted]: !isTrusted || isImitationTransaction,
-      })}
-      id={tx.id}
-    >
-      {nonce !== undefined && !isConflictGroup && !isBulkGroup && (
-        <Box gridArea="nonce" data-testid="nonce" className={css.nonce}>
-          {nonce}
-        </Box>
-      )}
-
-      {(isImitationTransaction || !isTrusted) && (
-        <Box data-testid="warning" gridArea="nonce">
-          <MaliciousTxWarning withTooltip={!isImitationTransaction} />
-        </Box>
-      )}
-
-      <Box gridArea="type" data-testid="tx-type">
-        <TxType tx={tx} />
-      </Box>
-
-      <Box gridArea="info" data-testid="tx-info">
-        <TxInfo info={tx.txInfo} />
-      </Box>
-
-      <Box gridArea="date" data-testid="tx-date" className={css.date}>
-        <DateTime value={tx.timestamp} />
-      </Box>
-
-      {isQueue && executionInfo && (
-        <Box gridArea="confirmations">
-          <TxConfirmations
-            submittedConfirmations={executionInfo.confirmationsSubmitted}
-            requiredConfirmations={executionInfo.confirmationsRequired}
-          />
-        </Box>
-      )}
-
-      {isQueue && expiredSwap ? (
-        <Box gridArea="status" justifyContent="flex-end" display="flex" className={css.status}>
-          <StatusLabel status="expired" />
-        </Box>
-      ) : !isQueue || isPending ? (
-        <Box gridArea="status" justifyContent="flex-end" display="flex" className={css.status}>
-          <TxStatusLabel tx={tx} />
-        </Box>
-      ) : (
-        ''
-      )}
-
-      {isQueue && !expiredSwap && (
-        <Box gridArea="actions">
-          <QueueActions tx={tx} />
-        </Box>
-      )}
-    </Box>
-  )
-}
-
-export default TxSummary
diff --git a/src/components/transactions/TxSummary/styles.module.css b/src/components/transactions/TxSummary/styles.module.css
deleted file mode 100644
index fc8ed69fa..000000000
--- a/src/components/transactions/TxSummary/styles.module.css
+++ /dev/null
@@ -1,83 +0,0 @@
-.gridContainer {
-  --grid-nonce: minmax(45px, 0.25fr);
-  --grid-type: minmax(150px, 3fr);
-  --grid-info: minmax(190px, 3fr);
-  --grid-date: minmax(200px, 3fr);
-  --grid-confirmations: minmax(120px, 1fr);
-
-  --grid-status: minmax(120px, 1fr);
-  --grid-actions: minmax(100px, 1fr);
-
-  width: 100%;
-  display: grid;
-  gap: var(--space-2);
-  align-items: center;
-  white-space: nowrap;
-  grid-template-columns:
-    var(--grid-nonce) var(--grid-type) var(--grid-info) var(--grid-date) var(--grid-confirmations)
-    var(--grid-status) var(--grid-actions);
-  grid-template-areas: 'nonce type info date confirmations status actions';
-}
-
-.gridContainer > * {
-  max-width: 100%;
-}
-
-.gridContainer.history {
-  grid-template-columns: var(--grid-nonce) var(--grid-type) var(--grid-info) var(--grid-date) var(--grid-status);
-  grid-template-areas: 'nonce type info date status';
-}
-
-.gridContainer.conflictGroup {
-  grid-template-columns: var(--grid-type) var(--grid-info) var(--grid-date) var(--grid-confirmations) var(--grid-status) var(
-      --grid-actions
-    );
-  grid-template-areas: 'type info date confirmations status actions';
-}
-
-.gridContainer.bulkGroup {
-  grid-template-columns: var(--grid-type) var(--grid-info) var(--grid-date) var(--grid-status);
-  grid-template-areas: 'type info date status';
-}
-
-.gridContainer.bulkGroup.untrusted {
-  grid-template-columns: var(--grid-nonce) minmax(200px, 2.4fr) var(--grid-info) var(--grid-date) var(--grid-status);
-  grid-template-areas: 'nonce type info date status';
-}
-
-.gridContainer.message {
-  grid-template-columns: var(--grid-type) var(--grid-info) var(--grid-date) var(--grid-status) var(--grid-confirmations);
-  grid-template-areas: 'type info date status confirmations';
-}
-
-.gridContainer.untrusted :not(:first-child):is(div) {
-  opacity: 0.4;
-}
-
-.gridContainer .status {
-  margin-right: var(--space-3);
-}
-
-.date {
-  color: var(--color-text-secondary);
-}
-
-@media (max-width: 1350px) {
-  .gridContainer {
-    gap: var(--space-1);
-    display: flex;
-    flex-wrap: wrap;
-  }
-
-  .nonce {
-    min-width: 30px;
-  }
-
-  .date {
-    width: 100%;
-  }
-
-  .status {
-    margin: 0 var(--space-1);
-  }
-}
diff --git a/src/components/transactions/TxType/index.tsx b/src/components/transactions/TxType/index.tsx
deleted file mode 100644
index e246bc189..000000000
--- a/src/components/transactions/TxType/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { useTransactionType } from '@/hooks/useTransactionType'
-import type { TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
-import { Box } from '@mui/material'
-import css from './styles.module.css'
-import SafeAppIconCard from '@/components/safe-apps/SafeAppIconCard'
-
-type TxTypeProps = {
-  tx: TransactionSummary
-}
-
-const TxType = ({ tx }: TxTypeProps) => {
-  const type = useTransactionType(tx)
-
-  return (
-    <Box className={css.txType}>
-      <SafeAppIconCard
-        src={type.icon}
-        alt={type.text}
-        width={16}
-        height={16}
-        fallback="/images/transactions/custom.svg"
-      />
-      <span className={css.txTypeText}>{type.text}</span>
-    </Box>
-  )
-}
-
-export default TxType
diff --git a/src/components/transactions/Warning/index.tsx b/src/components/transactions/Warning/index.tsx
deleted file mode 100644
index d5123dac4..000000000
--- a/src/components/transactions/Warning/index.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import type { ReactElement } from 'react'
-import { Alert, SvgIcon, Tooltip } from '@mui/material'
-import type { AlertColor } from '@mui/material'
-
-import InfoOutlinedIcon from '@/public/images/notifications/info.svg'
-import css from './styles.module.css'
-import ExternalLink from '@/components/common/ExternalLink'
-import { HelpCenterArticle } from '@/config/constants'
-
-const Warning = ({
-  datatestid,
-  title,
-  text,
-  severity,
-}: {
-  datatestid?: String
-  title: string | ReactElement
-  text: string
-  severity: AlertColor
-}): ReactElement => {
-  return (
-    <Tooltip data-testid={datatestid} title={title} placement="top-start" arrow>
-      <Alert
-        className={css.alert}
-        sx={{ borderLeft: ({ palette }) => `3px solid ${palette[severity].main} !important` }}
-        severity={severity}
-        icon={<SvgIcon component={InfoOutlinedIcon} inheritViewBox color={severity} />}
-      >
-        <b>{text}</b>
-      </Alert>
-    </Tooltip>
-  )
-}
-
-export const DelegateCallWarning = ({ showWarning }: { showWarning: boolean }): ReactElement => {
-  const severity = showWarning ? 'warning' : 'success'
-  return (
-    <Warning
-      datatestid="delegate-call-warning"
-      title={
-        <>
-          This transaction calls a smart contract that will be able to modify your Safe Account.
-          {showWarning && (
-            <>
-              <br />
-              <ExternalLink href={HelpCenterArticle.UNEXPECTED_DELEGATE_CALL}>Learn more</ExternalLink>
-            </>
-          )}
-        </>
-      }
-      severity={severity}
-      text={showWarning ? 'Unexpected delegate call' : 'Delegate call'}
-    />
-  )
-}
-
-export const ApprovalWarning = ({ approvalTxCount }: { approvalTxCount: number }): ReactElement => (
-  <Warning title="" severity="warning" text={`${approvalTxCount} ERC20 approval${approvalTxCount > 1 ? 's' : ''}`} />
-)
-
-export const ThresholdWarning = (): ReactElement => (
-  <Warning
-    datatestid="threshold-warning"
-    title="This transaction potentially alters the number of confirmations required to execute a transaction. Please verify before signing."
-    severity="warning"
-    text="Confirmation policy change"
-  />
-)
-
-export const UnsignedWarning = (): ReactElement => (
-  <Warning
-    title="This transaction is unsigned and could have been created by anyone. To avoid phishing, only sign it if you trust the source of the link."
-    severity="error"
-    text="Untrusted transaction"
-  />
-)
diff --git a/src/components/tx-flow/SafeTxProvider.tsx b/src/components/tx-flow/SafeTxProvider.tsx
deleted file mode 100644
index b4864a1f4..000000000
--- a/src/components/tx-flow/SafeTxProvider.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-import { createContext, useState, useEffect } from 'react'
-import type { Dispatch, ReactNode, SetStateAction, ReactElement } from 'react'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import { createTx } from '@/services/tx/tx-sender'
-import { useRecommendedNonce, useSafeTxGas } from '../tx/SignOrExecuteForm/hooks'
-import { Errors, logError } from '@/services/exceptions'
-import type { EIP712TypedData } from '@safe-global/safe-gateway-typescript-sdk'
-
-export const SafeTxContext = createContext<{
-  safeTx?: SafeTransaction
-  setSafeTx: Dispatch<SetStateAction<SafeTransaction | undefined>>
-
-  safeMessage?: EIP712TypedData
-  setSafeMessage: Dispatch<SetStateAction<EIP712TypedData | undefined>>
-
-  safeTxError?: Error
-  setSafeTxError: Dispatch<SetStateAction<Error | undefined>>
-
-  nonce?: number
-  setNonce: Dispatch<SetStateAction<number | undefined>>
-  nonceNeeded?: boolean
-  setNonceNeeded: Dispatch<SetStateAction<boolean>>
-
-  safeTxGas?: string
-  setSafeTxGas: Dispatch<SetStateAction<string | undefined>>
-
-  recommendedNonce?: number
-}>({
-  setSafeTx: () => {},
-  setSafeMessage: () => {},
-  setSafeTxError: () => {},
-  setNonce: () => {},
-  setNonceNeeded: () => {},
-  setSafeTxGas: () => {},
-})
-
-const SafeTxProvider = ({ children }: { children: ReactNode }): ReactElement => {
-  const [safeTx, setSafeTx] = useState<SafeTransaction>()
-  const [safeMessage, setSafeMessage] = useState<EIP712TypedData>()
-  const [safeTxError, setSafeTxError] = useState<Error>()
-  const [nonce, setNonce] = useState<number>()
-  const [nonceNeeded, setNonceNeeded] = useState<boolean>(true)
-  const [safeTxGas, setSafeTxGas] = useState<string>()
-
-  // Signed txs cannot be updated
-  const isSigned = safeTx && safeTx.signatures.size > 0
-
-  // Recommended nonce and safeTxGas
-  const recommendedNonce = useRecommendedNonce()
-  const recommendedSafeTxGas = useSafeTxGas(safeTx)
-
-  // Priority to external nonce, then to the recommended one
-  const finalNonce = isSigned ? safeTx?.data.nonce : nonce ?? recommendedNonce ?? safeTx?.data.nonce
-  const finalSafeTxGas = isSigned ? safeTx?.data.safeTxGas : safeTxGas ?? recommendedSafeTxGas ?? safeTx?.data.safeTxGas
-
-  // Update the tx when the nonce or safeTxGas change
-  useEffect(() => {
-    if (isSigned || !safeTx?.data) return
-    if (safeTx.data.nonce === finalNonce && safeTx.data.safeTxGas === finalSafeTxGas) return
-
-    createTx({ ...safeTx.data, safeTxGas: String(finalSafeTxGas) }, finalNonce)
-      .then(setSafeTx)
-      .catch(setSafeTxError)
-  }, [isSigned, finalNonce, finalSafeTxGas, safeTx?.data])
-
-  // Log errors
-  useEffect(() => {
-    safeTxError && logError(Errors._103, safeTxError)
-  }, [safeTxError])
-
-  return (
-    <SafeTxContext.Provider
-      value={{
-        safeTx,
-        safeTxError,
-        setSafeTx,
-        setSafeTxError,
-        safeMessage,
-        setSafeMessage,
-        nonce: finalNonce,
-        setNonce,
-        nonceNeeded,
-        setNonceNeeded,
-        safeTxGas: finalSafeTxGas,
-        setSafeTxGas,
-        recommendedNonce,
-      }}
-    >
-      {children}
-    </SafeTxContext.Provider>
-  )
-}
-
-export default SafeTxProvider
diff --git a/src/components/tx-flow/TxInfoProvider.tsx b/src/components/tx-flow/TxInfoProvider.tsx
deleted file mode 100644
index 567087c5c..000000000
--- a/src/components/tx-flow/TxInfoProvider.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { createContext } from 'react'
-
-import { useSimulation, type UseSimulationReturn } from '@/components/tx/security/tenderly/useSimulation'
-import { FETCH_STATUS, type TenderlySimulation } from '@/components/tx/security/tenderly/types'
-
-const getCallTraceErrors = (simulation?: TenderlySimulation) => {
-  if (!simulation || !simulation.simulation.status) {
-    return []
-  }
-
-  return simulation.transaction.call_trace.filter((call) => call.error)
-}
-
-type SimulationStatus = {
-  isLoading: boolean
-  isFinished: boolean
-  isSuccess: boolean
-  isCallTraceError: boolean
-  isError: boolean
-}
-
-export const TxInfoContext = createContext<{
-  simulation: UseSimulationReturn
-  status: SimulationStatus
-}>({
-  simulation: {
-    simulateTransaction: () => {},
-    simulation: undefined,
-    _simulationRequestStatus: FETCH_STATUS.NOT_ASKED,
-    simulationLink: '',
-    requestError: undefined,
-    resetSimulation: () => {},
-  },
-  status: {
-    isLoading: false,
-    isFinished: false,
-    isSuccess: false,
-    isCallTraceError: false,
-    isError: false,
-  },
-})
-
-export const TxInfoProvider = ({ children }: { children: JSX.Element }) => {
-  const simulation = useSimulation()
-
-  const isLoading = simulation._simulationRequestStatus === FETCH_STATUS.LOADING
-
-  const isFinished =
-    simulation._simulationRequestStatus === FETCH_STATUS.SUCCESS ||
-    simulation._simulationRequestStatus === FETCH_STATUS.ERROR
-
-  const isSuccess = simulation.simulation?.simulation.status || false
-
-  // Safe can emit failure event even though Tenderly simulation succeeds
-  const isCallTraceError = isSuccess && getCallTraceErrors(simulation.simulation).length > 0
-  const isError = simulation._simulationRequestStatus === FETCH_STATUS.ERROR
-
-  const status = {
-    isLoading,
-    isFinished,
-    isSuccess,
-    isCallTraceError,
-    isError,
-  }
-
-  return <TxInfoContext.Provider value={{ simulation, status }}>{children}</TxInfoContext.Provider>
-}
diff --git a/src/components/tx-flow/common/OwnerList/index.tsx b/src/components/tx-flow/common/OwnerList/index.tsx
deleted file mode 100644
index 9592d7058..000000000
--- a/src/components/tx-flow/common/OwnerList/index.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Paper, Typography, SvgIcon } from '@mui/material'
-import type { PaperProps } from '@mui/material'
-import type { AddressEx } from '@safe-global/safe-gateway-typescript-sdk'
-import type { ReactElement } from 'react'
-
-import PlusIcon from '@/public/images/common/plus.svg'
-import EthHashInfo from '@/components/common/EthHashInfo'
-
-import css from './styles.module.css'
-
-export function OwnerList({
-  title,
-  owners,
-  sx,
-}: {
-  owners: Array<AddressEx>
-  title?: string
-  sx?: PaperProps['sx']
-}): ReactElement {
-  return (
-    <Paper className={css.container} sx={sx}>
-      <Typography color="text.secondary" display="flex" alignItems="center">
-        <SvgIcon component={PlusIcon} inheritViewBox fontSize="small" sx={{ mr: 1 }} />
-        {title ?? `New signer${owners.length > 1 ? 's' : ''}`}
-      </Typography>
-      {owners.map((newOwner) => (
-        <EthHashInfo
-          key={newOwner.value}
-          address={newOwner.value}
-          name={newOwner.name}
-          shortAddress={false}
-          showCopyButton
-          hasExplorer
-          avatarSize={32}
-        />
-      ))}
-    </Paper>
-  )
-}
diff --git a/src/components/tx-flow/common/OwnerList/styles.module.css b/src/components/tx-flow/common/OwnerList/styles.module.css
deleted file mode 100644
index dcf618977..000000000
--- a/src/components/tx-flow/common/OwnerList/styles.module.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.container {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-1);
-  padding: var(--space-2);
-  background-color: var(--color-success-background);
-}
diff --git a/src/components/tx-flow/common/TxCard/index.tsx b/src/components/tx-flow/common/TxCard/index.tsx
deleted file mode 100644
index 85ec9aa00..000000000
--- a/src/components/tx-flow/common/TxCard/index.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import type { ReactNode } from 'react'
-import { Card, CardContent } from '@mui/material'
-import css from '../styles.module.css'
-
-const sx = { my: 2, border: 0 }
-
-const TxCard = ({ children }: { children: ReactNode }) => {
-  return (
-    <Card sx={sx}>
-      <CardContent className={css.cardContent}>{children}</CardContent>
-    </Card>
-  )
-}
-
-export default TxCard
diff --git a/src/components/tx-flow/common/TxLayout/index.tsx b/src/components/tx-flow/common/TxLayout/index.tsx
deleted file mode 100644
index de243b6d8..000000000
--- a/src/components/tx-flow/common/TxLayout/index.tsx
+++ /dev/null
@@ -1,188 +0,0 @@
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { type ComponentType, type ReactElement, type ReactNode, useContext, useEffect, useState } from 'react'
-import { Box, Container, Grid, Typography, Button, Paper, SvgIcon, IconButton, useMediaQuery } from '@mui/material'
-import ArrowBackIcon from '@mui/icons-material/ArrowBack'
-import { useTheme } from '@mui/material/styles'
-import type { TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
-import classnames from 'classnames'
-import { ProgressBar } from '@/components/common/ProgressBar'
-import SafeTxProvider, { SafeTxContext } from '../../SafeTxProvider'
-import { TxInfoProvider } from '@/components/tx-flow/TxInfoProvider'
-import TxNonce from '../TxNonce'
-import TxStatusWidget from '../TxStatusWidget'
-import css from './styles.module.css'
-import SafeLogo from '@/public/images/logo-no-text.svg'
-import { TxSecurityProvider } from '@/components/tx/security/shared/TxSecurityContext'
-import ChainIndicator from '@/components/common/ChainIndicator'
-import SecurityWarnings from '@/components/tx/security/SecurityWarnings'
-
-const TxLayoutHeader = ({
-  hideNonce,
-  icon,
-  subtitle,
-}: {
-  hideNonce: TxLayoutProps['hideNonce']
-  icon: TxLayoutProps['icon']
-  subtitle: TxLayoutProps['subtitle']
-}) => {
-  const { safe } = useSafeInfo()
-  const { nonceNeeded } = useContext(SafeTxContext)
-
-  if (hideNonce && !icon && !subtitle) return null
-
-  return (
-    <Box className={css.headerInner}>
-      <Box display="flex" alignItems="center">
-        {icon && (
-          <div className={css.icon}>
-            <SvgIcon component={icon} inheritViewBox />
-          </div>
-        )}
-
-        <Typography variant="h4" component="div" fontWeight="bold">
-          {subtitle}
-        </Typography>
-      </Box>
-
-      {!hideNonce && safe.deployed && nonceNeeded && <TxNonce />}
-    </Box>
-  )
-}
-
-type TxLayoutProps = {
-  title: ReactNode
-  children: ReactNode
-  subtitle?: ReactNode
-  icon?: ComponentType
-  step?: number
-  txSummary?: TransactionSummary
-  onBack?: () => void
-  hideNonce?: boolean
-  hideProgress?: boolean
-  isBatch?: boolean
-  isReplacement?: boolean
-  isMessage?: boolean
-  isRecovery?: boolean
-}
-
-const TxLayout = ({
-  title,
-  subtitle,
-  icon,
-  children,
-  step = 0,
-  txSummary,
-  onBack,
-  hideNonce = false,
-  hideProgress = false,
-  isBatch = false,
-  isReplacement = false,
-  isMessage = false,
-}: TxLayoutProps): ReactElement => {
-  const [statusVisible, setStatusVisible] = useState<boolean>(true)
-
-  const theme = useTheme()
-  const isSmallScreen = useMediaQuery(theme.breakpoints.down('md'))
-  const isDesktop = useMediaQuery(theme.breakpoints.down('lg'))
-
-  const steps = Array.isArray(children) ? children : [children]
-  const progress = Math.round(((step + 1) / steps.length) * 100)
-
-  useEffect(() => {
-    setStatusVisible(!isSmallScreen)
-  }, [isSmallScreen])
-
-  const toggleStatus = () => {
-    setStatusVisible((prev) => !prev)
-  }
-
-  return (
-    <SafeTxProvider>
-      <TxInfoProvider>
-        <TxSecurityProvider>
-          <>
-            {/* Header status button */}
-            {!isReplacement && (
-              <IconButton
-                className={css.statusButton}
-                aria-label="Transaction status"
-                size="large"
-                onClick={toggleStatus}
-              >
-                <SafeLogo width={16} height={16} />
-              </IconButton>
-            )}
-
-            <Container className={css.container}>
-              <Grid container gap={3} justifyContent="center">
-                {/* Main content */}
-                <Grid item xs={12} md={7}>
-                  <div className={css.titleWrapper}>
-                    <Typography
-                      data-testid="modal-title"
-                      variant="h3"
-                      component="div"
-                      fontWeight="700"
-                      className={css.title}
-                    >
-                      {title}
-                    </Typography>
-
-                    <ChainIndicator inline />
-                  </div>
-
-                  <Paper data-testid="modal-header" className={css.header}>
-                    {!hideProgress && (
-                      <Box className={css.progressBar}>
-                        <ProgressBar value={progress} />
-                      </Box>
-                    )}
-
-                    <TxLayoutHeader subtitle={subtitle} icon={icon} hideNonce={hideNonce} />
-                  </Paper>
-
-                  <div className={css.step}>
-                    {steps[step]}
-
-                    {onBack && step > 0 && (
-                      <Button
-                        data-testid="modal-back-btn"
-                        variant={isDesktop ? 'text' : 'outlined'}
-                        onClick={onBack}
-                        className={css.backButton}
-                        startIcon={<ArrowBackIcon fontSize="small" />}
-                      >
-                        Back
-                      </Button>
-                    )}
-                  </div>
-                </Grid>
-
-                {/* Sidebar */}
-                {!isReplacement && (
-                  <Grid item xs={12} md={4} className={classnames(css.widget, { [css.active]: statusVisible })}>
-                    {statusVisible && (
-                      <TxStatusWidget
-                        step={step}
-                        txSummary={txSummary}
-                        handleClose={() => setStatusVisible(false)}
-                        isBatch={isBatch}
-                        isMessage={isMessage}
-                      />
-                    )}
-
-                    <Box className={css.sticky}>
-                      <SecurityWarnings />
-                    </Box>
-                  </Grid>
-                )}
-              </Grid>
-            </Container>
-          </>
-        </TxSecurityProvider>
-      </TxInfoProvider>
-    </SafeTxProvider>
-  )
-}
-
-export default TxLayout
diff --git a/src/components/tx-flow/common/TxLayout/styles.module.css b/src/components/tx-flow/common/TxLayout/styles.module.css
deleted file mode 100644
index f8dfb36df..000000000
--- a/src/components/tx-flow/common/TxLayout/styles.module.css
+++ /dev/null
@@ -1,168 +0,0 @@
-.container {
-  margin-top: 10px;
-}
-
-.header {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
-.headerInner {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  /* Remove height of progress bar */
-  padding: calc(var(--space-3) - 6px) var(--space-3) var(--space-3);
-  border-bottom: 1px solid var(--color-border-light);
-}
-
-.step {
-  position: relative;
-}
-
-/* Back button */
-.backButton {
-  position: absolute;
-  left: var(--space-3);
-  bottom: var(--space-3);
-}
-
-.step :global(.MuiCard-root:first-child) {
-  border-top-right-radius: 0;
-  border-top-left-radius: 0;
-  margin-top: 0;
-}
-
-/* Submit button */
-.step :global(.MuiCardActions-root) {
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-  margin-top: var(--space-3);
-}
-
-.step :global(.MuiCardActions-root) > * {
-  align-self: flex-end;
-}
-
-.icon {
-  width: 32px;
-  height: 32px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  border-radius: 6px;
-  border: 1px solid var(--color-border-light);
-  margin-right: var(--space-2);
-}
-
-.icon svg {
-  height: 16px;
-  width: auto;
-}
-
-.step :global(.MuiAccordionSummary-content),
-.step :global(.MuiAccordionSummary-content) p {
-  font-weight: bold;
-  font-size: 14px;
-}
-
-.step :global(.MuiAccordionSummary-expandIconWrapper) {
-  margin-left: var(--space-2);
-}
-
-.statusButton {
-  position: absolute;
-  top: 0;
-  right: 57px;
-  color: var(--color-text-primary);
-  padding: var(--space-2);
-  border-left: 1px solid var(--color-border-light);
-  border-right: 1px solid var(--color-border-light);
-  border-radius: 0;
-  width: 24px;
-  height: 24px;
-  box-sizing: content-box;
-  display: none;
-}
-
-.sticky {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-  position: sticky;
-  top: var(--space-2);
-  margin-top: var(--space-2);
-}
-
-.titleWrapper {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: var(--space-2);
-}
-
-.widget {
-  /* Height of transaction type title */
-  margin-top: 46px;
-}
-@media (max-width: 1199.95px) {
-  .backButton {
-    left: 50%;
-    transform: translateX(-50%);
-  }
-  .step :global(.MuiCardActions-root) {
-    margin-bottom: var(--space-8);
-  }
-}
-@media (max-width: 899.95px) {
-  .widget {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: -1;
-    margin-top: unset;
-  }
-
-  .widget.active {
-    z-index: 1;
-  }
-
-  .widget :global .MuiPaper-root {
-    height: 100%;
-  }
-
-  .titleWrapper {
-    position: absolute;
-    top: 16px;
-    left: var(--space-2);
-    margin-bottom: 0;
-    width: calc(100% - 145px);
-  }
-
-  .title {
-    font-size: 16px;
-    line-height: 18px;
-  }
-
-  .container {
-    padding: 0;
-  }
-
-  .progressBar {
-    display: none;
-  }
-
-  .step :global(.MuiCard-root),
-  .header {
-    border-radius: 0;
-  }
-
-  .statusButton {
-    display: inline-flex;
-  }
-}
diff --git a/src/components/tx-flow/common/TxNonce/index.tsx b/src/components/tx-flow/common/TxNonce/index.tsx
deleted file mode 100644
index 9fb124ca5..000000000
--- a/src/components/tx-flow/common/TxNonce/index.tsx
+++ /dev/null
@@ -1,295 +0,0 @@
-import { memo, type ReactElement, useContext, useMemo, useState, useEffect } from 'react'
-import {
-  Autocomplete,
-  Box,
-  IconButton,
-  InputAdornment,
-  Skeleton,
-  Tooltip,
-  Popper,
-  type PopperProps,
-  type MenuItemProps,
-  MenuItem,
-  Typography,
-  ListSubheader,
-  type ListSubheaderProps,
-} from '@mui/material'
-import { createFilterOptions } from '@mui/material/Autocomplete'
-import { Controller, useForm } from 'react-hook-form'
-
-import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
-import RotateLeftIcon from '@mui/icons-material/RotateLeft'
-import NumberField from '@/components/common/NumberField'
-import { useQueuedTxByNonce } from '@/hooks/useTxQueue'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import useAddressBook from '@/hooks/useAddressBook'
-import { getLatestTransactions } from '@/utils/tx-list'
-import { getTransactionType } from '@/hooks/useTransactionType'
-import usePreviousNonces from '@/hooks/usePreviousNonces'
-import { isRejectionTx } from '@/utils/transactions'
-
-import css from './styles.module.css'
-import classNames from 'classnames'
-
-const CustomPopper = function ({
-  // Don't set width of Popper to that of the field
-  style: _,
-  className,
-  ...props
-}: PopperProps) {
-  return <Popper {...props} className={classNames(className, css.popper)} placement="bottom-start" />
-}
-
-const NonceFormHeader = memo(function NonceFormSubheader({ children, ...props }: ListSubheaderProps) {
-  return (
-    <ListSubheader {...props} disableSticky>
-      <Typography variant="caption" fontWeight={700} color="text.secondary">
-        {children}
-      </Typography>
-    </ListSubheader>
-  )
-})
-
-const NonceFormOption = memo(function NonceFormOption({
-  nonce,
-  menuItemProps,
-}: {
-  nonce: string
-  menuItemProps: MenuItemProps
-}): ReactElement {
-  const addressBook = useAddressBook()
-  const transactions = useQueuedTxByNonce(Number(nonce))
-
-  const txLabel = useMemo(() => {
-    const latestTransactions = getLatestTransactions(transactions)
-
-    if (latestTransactions.length === 0) {
-      return
-    }
-
-    const [{ transaction }] = latestTransactions
-    return transaction.txInfo.humanDescription || `${getTransactionType(transaction, addressBook).text} transaction`
-  }, [addressBook, transactions])
-
-  const label = txLabel || 'New transaction'
-
-  return (
-    <MenuItem {...menuItemProps}>
-      <Typography variant="body2">
-        <b>{nonce}</b>&nbsp;- {label}
-      </Typography>
-    </MenuItem>
-  )
-})
-
-const getFieldMinWidth = (value: string): string => {
-  const MIN_CHARS = 7
-  const MAX_WIDTH = '200px'
-  const clamped = `clamp(calc(${MIN_CHARS}ch + 6px), calc(${Math.max(MIN_CHARS, value.length)}ch + 6px), ${MAX_WIDTH})`
-  return clamped
-}
-
-const filter = createFilterOptions<string>()
-
-enum TxNonceFormFieldNames {
-  NONCE = 'nonce',
-}
-
-enum ErrorMessages {
-  NONCE_MUST_BE_NUMBER = 'Nonce must be a number',
-  NONCE_TOO_LOW = "Nonce can't be lower than %%nonce%%",
-  NONCE_TOO_HIGH = 'Nonce is too high',
-  NONCE_TOO_FAR = 'Nonce is much higher than the current nonce',
-  NONCE_GT_RECOMMENDED = 'Nonce is higher than the recommended nonce',
-  NONCE_MUST_BE_INTEGER = "Nonce can't contain decimals",
-}
-
-const MAX_NONCE_DIFFERENCE = 100
-
-const TxNonceForm = ({ nonce, recommendedNonce }: { nonce: string; recommendedNonce: string }) => {
-  const { safeTx, setNonce } = useContext(SafeTxContext)
-  const previousNonces = usePreviousNonces().map((nonce) => nonce.toString())
-  const { safe } = useSafeInfo()
-  const [warning, setWarning] = useState<string>('')
-
-  const showRecommendedNonceButton = recommendedNonce !== nonce
-  const isEditable = !safeTx || safeTx?.signatures.size === 0
-  const readOnly = !isEditable || isRejectionTx(safeTx)
-
-  const formMethods = useForm({
-    defaultValues: {
-      [TxNonceFormFieldNames.NONCE]: nonce,
-    },
-    mode: 'all',
-    values: {
-      [TxNonceFormFieldNames.NONCE]: nonce,
-    },
-  })
-
-  const resetNonce = () => {
-    formMethods.setValue(TxNonceFormFieldNames.NONCE, recommendedNonce)
-  }
-
-  useEffect(() => {
-    let message = ''
-    // Warnings
-    if (Number(nonce) > Number(recommendedNonce)) {
-      message = ErrorMessages.NONCE_GT_RECOMMENDED
-    }
-
-    if (Number(nonce) >= safe.nonce + MAX_NONCE_DIFFERENCE) {
-      message = ErrorMessages.NONCE_TOO_FAR
-    }
-
-    setWarning(message)
-  }, [nonce, recommendedNonce, safe.nonce])
-
-  return (
-    <Controller
-      name={TxNonceFormFieldNames.NONCE}
-      control={formMethods.control}
-      rules={{
-        required: 'Nonce is required',
-        // Validation must be async to allow resetting invalid values onBlur
-        validate: async (value) => {
-          // nonce is always valid so no need to validate if the input is the same
-          if (value === nonce) return
-
-          const newNonce = Number(value)
-
-          if (isNaN(newNonce)) {
-            return ErrorMessages.NONCE_MUST_BE_NUMBER
-          }
-
-          if (newNonce < safe.nonce) {
-            return ErrorMessages.NONCE_TOO_LOW.replace('%%nonce%%', safe.nonce.toString())
-          }
-
-          if (newNonce >= Number.MAX_SAFE_INTEGER) {
-            return ErrorMessages.NONCE_TOO_HIGH
-          }
-
-          if (!Number.isInteger(newNonce)) {
-            return ErrorMessages.NONCE_MUST_BE_INTEGER
-          }
-
-          // Update context with valid nonce
-          setNonce(newNonce)
-        },
-      }}
-      render={({ field, fieldState }) => {
-        if (readOnly) {
-          return (
-            <Typography variant="body2" fontWeight={700} ml={-1}>
-              {nonce}
-            </Typography>
-          )
-        }
-
-        return (
-          <Autocomplete
-            value={field.value}
-            freeSolo
-            onChange={(_, value) => field.onChange(value)}
-            onInputChange={(_, value) => field.onChange(value)}
-            onBlur={() => {
-              field.onBlur()
-
-              if (fieldState.error) {
-                formMethods.setValue(field.name, recommendedNonce.toString())
-              }
-            }}
-            options={[recommendedNonce, ...previousNonces]}
-            getOptionLabel={(option) => option.toString()}
-            filterOptions={(options, params) => {
-              const filtered = filter(options, params)
-
-              // Prevent segments from showing recommended, e.g. if recommended is 250, don't show for 2, 5 or 25
-              const shouldShow = !recommendedNonce.includes(params.inputValue)
-              const isQueued = options.some((option) => params.inputValue === option)
-
-              if (params.inputValue !== '' && !isQueued && shouldShow) {
-                filtered.push(recommendedNonce)
-              }
-
-              return filtered
-            }}
-            renderOption={(props, option) => {
-              const isRecommendedNonce = option === recommendedNonce
-              const isInitialPreviousNonce = option === previousNonces[0]
-
-              return (
-                <div key={option}>
-                  {isRecommendedNonce && <NonceFormHeader>Recommended nonce</NonceFormHeader>}
-                  {isInitialPreviousNonce && <NonceFormHeader sx={{ pt: 3 }}>Replace existing</NonceFormHeader>}
-                  <NonceFormOption key={option} menuItemProps={props} nonce={option} />
-                </div>
-              )
-            }}
-            disableClearable
-            componentsProps={{
-              paper: {
-                elevation: 2,
-              },
-            }}
-            renderInput={(params) => {
-              return (
-                <Tooltip title={fieldState.error?.message || warning} open arrow placement="top">
-                  <NumberField
-                    {...params}
-                    error={!!fieldState.error}
-                    InputProps={{
-                      ...params.InputProps,
-                      name: field.name,
-                      endAdornment: showRecommendedNonceButton ? (
-                        <InputAdornment position="end" className={css.adornment}>
-                          <Tooltip title="Reset to recommended nonce">
-                            <IconButton onClick={resetNonce} size="small" color="primary">
-                              <RotateLeftIcon fontSize="small" />
-                            </IconButton>
-                          </Tooltip>
-                        </InputAdornment>
-                      ) : null,
-                    }}
-                    className={classNames([
-                      css.input,
-                      {
-                        [css.withAdornment]: showRecommendedNonceButton,
-                      },
-                    ])}
-                    sx={{
-                      minWidth: getFieldMinWidth(field.value),
-                    }}
-                  />
-                </Tooltip>
-              )
-            }}
-            PopperComponent={CustomPopper}
-          />
-        )
-      }}
-    />
-  )
-}
-
-const skeletonMinWidth = getFieldMinWidth('')
-
-const TxNonce = () => {
-  const { nonce, recommendedNonce } = useContext(SafeTxContext)
-
-  return (
-    <Box data-testid="nonce-fld" display="flex" alignItems="center" gap={1}>
-      Nonce{' '}
-      <Typography component="span" fontWeight={700}>
-        #
-      </Typography>
-      {nonce === undefined || recommendedNonce === undefined ? (
-        <Skeleton width={skeletonMinWidth} height="38px" />
-      ) : (
-        <TxNonceForm nonce={nonce.toString()} recommendedNonce={recommendedNonce.toString()} />
-      )}
-    </Box>
-  )
-}
-
-export default TxNonce
diff --git a/src/components/tx-flow/common/TxStatusWidget/index.tsx b/src/components/tx-flow/common/TxStatusWidget/index.tsx
deleted file mode 100644
index 8a19a2eff..000000000
--- a/src/components/tx-flow/common/TxStatusWidget/index.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import { useContext } from 'react'
-import { Divider, IconButton, List, ListItem, ListItemIcon, ListItemText, Paper, Typography } from '@mui/material'
-import CreatedIcon from '@/public/images/messages/created.svg'
-import SignedIcon from '@/public/images/messages/signed.svg'
-import { type TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { isMultisigExecutionInfo, isSignableBy, isConfirmableBy } from '@/utils/transaction-guards'
-import classnames from 'classnames'
-import css from './styles.module.css'
-import CloseIcon from '@mui/icons-material/Close'
-import useWallet from '@/hooks/wallets/useWallet'
-import SafeLogo from '@/public/images/logo-no-text.svg'
-import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
-
-const TxStatusWidget = ({
-  step,
-  txSummary,
-  handleClose,
-  isBatch = false,
-  isMessage = false,
-}: {
-  step: number
-  txSummary?: TransactionSummary
-  handleClose: () => void
-  isBatch?: boolean
-  isMessage?: boolean
-}) => {
-  const wallet = useWallet()
-  const { safe } = useSafeInfo()
-  const { nonceNeeded } = useContext(SafeTxContext)
-  const { threshold } = safe
-
-  const { executionInfo = undefined } = txSummary || {}
-  const { confirmationsSubmitted = 0 } = isMultisigExecutionInfo(executionInfo) ? executionInfo : {}
-
-  const canConfirm = txSummary ? isConfirmableBy(txSummary, wallet?.address || '') : safe.threshold === 1
-  const canSign = txSummary ? isSignableBy(txSummary, wallet?.address || '') : true
-
-  return (
-    <Paper>
-      <div className={css.header}>
-        <Typography fontWeight="700" display="flex" alignItems="center" gap={1}>
-          <SafeLogo width={16} height={16} className={css.logo} />
-          {isMessage ? 'Message' : 'Transaction'} status
-        </Typography>
-
-        <IconButton className={css.close} aria-label="close" onClick={handleClose} size="small">
-          <CloseIcon />
-        </IconButton>
-      </div>
-
-      <Divider />
-
-      <div className={css.content}>
-        <List className={css.status}>
-          <ListItem>
-            <ListItemIcon>
-              <CreatedIcon />
-            </ListItemIcon>
-
-            <ListItemText primaryTypographyProps={{ fontWeight: 700 }}>
-              {isBatch ? 'Queue transactions' : 'Create'}
-            </ListItemText>
-          </ListItem>
-
-          <ListItem className={classnames({ [css.incomplete]: !canConfirm && !isBatch })}>
-            <ListItemIcon>
-              <SignedIcon />
-            </ListItemIcon>
-
-            <ListItemText primaryTypographyProps={{ fontWeight: 700 }}>
-              {isBatch ? (
-                'Create batch'
-              ) : !nonceNeeded ? (
-                'Confirmed'
-              ) : isMessage ? (
-                'Collect signatures'
-              ) : (
-                <>
-                  Confirmed ({confirmationsSubmitted} of {threshold})
-                  {canSign && (
-                    <Typography variant="body2" component="span" className={css.badge}>
-                      +1
-                    </Typography>
-                  )}
-                </>
-              )}
-            </ListItemText>
-          </ListItem>
-
-          <ListItem className={classnames({ [css.incomplete]: step < 2 })}>
-            <ListItemIcon>
-              <SignedIcon />
-            </ListItemIcon>
-
-            <ListItemText primaryTypographyProps={{ fontWeight: 700 }}>{isMessage ? 'Done' : 'Execute'}</ListItemText>
-          </ListItem>
-        </List>
-      </div>
-    </Paper>
-  )
-}
-
-export default TxStatusWidget
diff --git a/src/components/tx-flow/common/TxStatusWidget/styles.module.css b/src/components/tx-flow/common/TxStatusWidget/styles.module.css
deleted file mode 100644
index 3408f2bac..000000000
--- a/src/components/tx-flow/common/TxStatusWidget/styles.module.css
+++ /dev/null
@@ -1,92 +0,0 @@
-.header {
-  padding: var(--space-4) var(--space-3);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-1);
-}
-
-.content {
-  padding: var(--space-2);
-}
-
-.status {
-  padding: 0;
-}
-
-.status::before {
-  content: '';
-  position: absolute;
-  border-left: 2px solid var(--color-border-light);
-  left: 15px;
-  top: 20px;
-  height: calc(100% - 40px);
-}
-
-.status :global .MuiListItem-root:first-of-type {
-  padding-top: 0;
-}
-
-.status :global .MuiListItem-root {
-  padding-left: 0;
-  padding-right: 0;
-}
-
-.status :global .MuiListItemIcon-root {
-  color: var(--color-primary-main);
-  justify-content: center;
-  min-width: 32px;
-  padding: var(--space-1);
-  background-color: var(--color-background-paper);
-}
-
-.incomplete > * {
-  color: var(--color-text-secondary) !important;
-}
-
-.close {
-  color: var(--color-border-main);
-  padding: var(--space-2);
-  border-left: 1px solid var(--color-border-light);
-  border-radius: 0;
-  margin-left: auto;
-  display: none;
-}
-
-.badge {
-  margin-left: var(--space-1);
-  padding-right: 2px;
-  border-radius: 50%;
-  width: var(--space-3);
-  height: var(--space-3);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--color-secondary-main);
-  color: var(--color-text-primary);
-}
-
-[data-theme='dark'] .badge {
-  background-color: var(--color-primary-main);
-  color: var(--color-text-secondary);
-}
-
-@media (max-width: 899.95px) {
-  .header {
-    padding: 0;
-    flex-direction: row;
-  }
-
-  .logo {
-    width: 24px;
-    height: 24px;
-    margin-left: 16px;
-  }
-
-  .close {
-    display: flex;
-  }
-
-  .content {
-    padding: var(--space-3);
-  }
-}
diff --git a/src/components/tx-flow/common/styles.module.css b/src/components/tx-flow/common/styles.module.css
deleted file mode 100644
index 55fb434f1..000000000
--- a/src/components/tx-flow/common/styles.module.css
+++ /dev/null
@@ -1,18 +0,0 @@
-.cardContent {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-  padding: var(--space-3);
-}
-
-.cardContent :global .errorMessage {
-  margin: 0;
-}
-
-.nestedDivider {
-  margin: 0 calc(-1 * var(--space-3));
-}
-
-.form > :global(.MuiFormControl-root) {
-  margin-bottom: 28px;
-}
diff --git a/src/components/tx-flow/flows/AddOwner/ReviewOwner.tsx b/src/components/tx-flow/flows/AddOwner/ReviewOwner.tsx
deleted file mode 100644
index a74cfea4b..000000000
--- a/src/components/tx-flow/flows/AddOwner/ReviewOwner.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { useCurrentChain } from '@/hooks/useChains'
-import { useContext, useEffect } from 'react'
-import { Typography, Divider, Box, SvgIcon, Paper } from '@mui/material'
-
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { trackEvent, SETTINGS_EVENTS } from '@/services/analytics'
-import { createSwapOwnerTx, createAddOwnerTx } from '@/services/tx/tx-sender'
-import { useAppDispatch } from '@/store'
-import { upsertAddressBookEntry } from '@/store/addressBookSlice'
-import { SafeTxContext } from '../../SafeTxProvider'
-import type { AddOwnerFlowProps } from '.'
-import type { ReplaceOwnerFlowProps } from '../ReplaceOwner'
-import { OwnerList } from '../../common/OwnerList'
-import MinusIcon from '@/public/images/common/minus.svg'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import commonCss from '@/components/tx-flow/common/styles.module.css'
-import { checksumAddress } from '@/utils/addresses'
-
-export const ReviewOwner = ({ params }: { params: AddOwnerFlowProps | ReplaceOwnerFlowProps }) => {
-  const dispatch = useAppDispatch()
-  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
-  const { safe } = useSafeInfo()
-  const { chainId } = safe
-  const chain = useCurrentChain()
-  const { newOwner, removedOwner, threshold } = params
-
-  useEffect(() => {
-    if (!chain) return
-
-    const promise = removedOwner
-      ? createSwapOwnerTx(chain, safe.deployed, {
-          newOwnerAddress: checksumAddress(newOwner.address),
-          oldOwnerAddress: checksumAddress(removedOwner.address),
-        })
-      : createAddOwnerTx(chain, safe.deployed, {
-          ownerAddress: checksumAddress(newOwner.address),
-          threshold,
-        })
-
-    promise.then(setSafeTx).catch(setSafeTxError)
-  }, [removedOwner, newOwner, threshold, setSafeTx, setSafeTxError, chain, safe.deployed])
-
-  const addAddressBookEntryAndSubmit = () => {
-    if (typeof newOwner.name !== 'undefined') {
-      dispatch(
-        upsertAddressBookEntry({
-          chainId,
-          address: newOwner.address,
-          name: newOwner.name,
-        }),
-      )
-    }
-
-    trackEvent({ ...SETTINGS_EVENTS.SETUP.THRESHOLD, label: safe.threshold })
-    trackEvent({ ...SETTINGS_EVENTS.SETUP.OWNERS, label: safe.owners.length })
-  }
-
-  return (
-    <SignOrExecuteForm onSubmit={addAddressBookEntryAndSubmit}>
-      {params.removedOwner && (
-        <Paper sx={{ backgroundColor: ({ palette }) => palette.warning.background, p: 2 }}>
-          <Typography color="text.secondary" mb={2} display="flex" alignItems="center">
-            <SvgIcon component={MinusIcon} inheritViewBox fontSize="small" sx={{ mr: 1 }} />
-            Previous signer
-          </Typography>
-          <EthHashInfo
-            name={params.removedOwner.name}
-            address={params.removedOwner.address}
-            shortAddress={false}
-            showCopyButton
-            hasExplorer
-          />
-        </Paper>
-      )}
-      <OwnerList owners={[{ name: newOwner.name, value: newOwner.address }]} />
-      <Divider className={commonCss.nestedDivider} />
-      <Box>
-        <Typography variant="body2">Any transaction requires the confirmation of:</Typography>
-        <Typography>
-          <b>{threshold}</b> out of <b>{safe.owners.length + (removedOwner ? 0 : 1)} signers</b>
-        </Typography>
-      </Box>
-      <Divider className={commonCss.nestedDivider} />
-    </SignOrExecuteForm>
-  )
-}
diff --git a/src/components/tx-flow/flows/AddOwner/index.tsx b/src/components/tx-flow/flows/AddOwner/index.tsx
deleted file mode 100644
index 3ac29131d..000000000
--- a/src/components/tx-flow/flows/AddOwner/index.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import useTxStepper from '@/components/tx-flow/useTxStepper'
-import { ChooseOwner, ChooseOwnerMode } from '@/components/tx-flow/flows/AddOwner/ChooseOwner'
-import { ReviewOwner } from '@/components/tx-flow/flows/AddOwner/ReviewOwner'
-import SaveAddressIcon from '@/public/images/common/save-address.svg'
-import useSafeInfo from '@/hooks/useSafeInfo'
-
-type Owner = {
-  address: string
-  name?: string
-}
-
-export type AddOwnerFlowProps = {
-  newOwner: Owner
-  removedOwner?: Owner
-  threshold: number
-}
-
-const FlowInner = ({ defaultValues }: { defaultValues: AddOwnerFlowProps }) => {
-  const { data, step, nextStep, prevStep } = useTxStepper<AddOwnerFlowProps>(defaultValues)
-
-  const steps = [
-    <ChooseOwner
-      key={0}
-      params={data}
-      onSubmit={(formData) => nextStep({ ...data, ...formData })}
-      mode={ChooseOwnerMode.ADD}
-    />,
-    <ReviewOwner key={1} params={data} />,
-  ]
-
-  return (
-    <TxLayout
-      title={step === 0 ? 'New transaction' : 'Confirm transaction'}
-      subtitle="Add signer"
-      icon={SaveAddressIcon}
-      step={step}
-      onBack={prevStep}
-    >
-      {steps}
-    </TxLayout>
-  )
-}
-
-const AddOwnerFlow = ({ address }: { address?: string }) => {
-  const { safe, safeLoading, safeLoaded } = useSafeInfo()
-
-  const defaultValues: AddOwnerFlowProps = {
-    newOwner: {
-      address: address || '',
-      name: '',
-    },
-    threshold: safe.threshold,
-  }
-
-  if (!safeLoaded || safeLoading) return null
-
-  return <FlowInner defaultValues={defaultValues} />
-}
-
-export default AddOwnerFlow
diff --git a/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryFlowReview.tsx b/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryFlowReview.tsx
deleted file mode 100644
index 578f308e3..000000000
--- a/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryFlowReview.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { trackEvent } from '@/services/analytics'
-import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
-import { Typography } from '@mui/material'
-import { useContext } from 'react'
-import type { ReactElement } from 'react'
-
-import { SafeTxContext } from '../../SafeTxProvider'
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
-import { getRecoverySkipTransaction } from '@/features/recovery/services/transaction'
-import { createTx } from '@/services/tx/tx-sender'
-import ErrorMessage from '@/components/tx/ErrorMessage'
-import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
-import useAsync from '@/hooks/useAsync'
-
-const onSubmit = () => {
-  trackEvent({ ...RECOVERY_EVENTS.SUBMIT_RECOVERY_CANCEL })
-}
-
-export function CancelRecoveryFlowReview({ recovery }: { recovery: RecoveryQueueItem }): ReactElement {
-  const web3ReadOnly = useWeb3ReadOnly()
-  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
-
-  useAsync(async () => {
-    if (!web3ReadOnly) {
-      return
-    }
-    const transaction = await getRecoverySkipTransaction(recovery, web3ReadOnly)
-    createTx(transaction).then(setSafeTx).catch(setSafeTxError)
-  }, [setSafeTx, setSafeTxError, recovery, web3ReadOnly])
-
-  return (
-    <SignOrExecuteForm onSubmit={onSubmit} isBatchable={false}>
-      <Typography mb={1}>
-        All actions initiated by the Recoverer will be cancelled. The current signers will remain the signers of the
-        Safe Account.
-      </Typography>
-
-      <ErrorMessage level="info">
-        This transaction will initiate the cancellation of the{' '}
-        {recovery.isMalicious ? 'malicious transaction' : 'recovery proposal'}. It requires other signer signatures in
-        order to be executed.
-      </ErrorMessage>
-    </SignOrExecuteForm>
-  )
-}
diff --git a/src/components/tx-flow/flows/CancelRecovery/index.tsx b/src/components/tx-flow/flows/CancelRecovery/index.tsx
deleted file mode 100644
index 7038c43d1..000000000
--- a/src/components/tx-flow/flows/CancelRecovery/index.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { CANCEL_RECOVERY_CATEGORY } from '@/services/analytics/events/recovery'
-import type { ReactElement } from 'react'
-
-import TxLayout from '../../common/TxLayout'
-import { CancelRecoveryFlowReview } from './CancelRecoveryFlowReview'
-import { CancelRecoveryOverview } from './CancelRecoveryOverview'
-import useTxStepper from '../../useTxStepper'
-import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
-
-function CancelRecoveryFlow({ recovery }: { recovery: RecoveryQueueItem }): ReactElement {
-  const { step, nextStep, prevStep } = useTxStepper<undefined>(undefined, CANCEL_RECOVERY_CATEGORY)
-
-  const steps = [
-    <CancelRecoveryOverview key={0} onSubmit={() => nextStep(undefined)} />,
-    <CancelRecoveryFlowReview key={1} recovery={recovery} />,
-  ]
-
-  const isIntro = step === 0
-
-  return (
-    <TxLayout
-      title={isIntro ? 'Cancel Account recovery' : 'New transaction'}
-      subtitle={isIntro ? undefined : 'Cancel Account recovery'}
-      step={step}
-      hideNonce={isIntro}
-      onBack={prevStep}
-    >
-      {steps}
-    </TxLayout>
-  )
-}
-
-export default CancelRecoveryFlow
diff --git a/src/components/tx-flow/flows/ChangeThreshold/ChooseThreshold.tsx b/src/components/tx-flow/flows/ChangeThreshold/ChooseThreshold.tsx
deleted file mode 100644
index e88fa29db..000000000
--- a/src/components/tx-flow/flows/ChangeThreshold/ChooseThreshold.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-import { Controller, useForm } from 'react-hook-form'
-import {
-  TextField,
-  MenuItem,
-  Button,
-  CardActions,
-  Divider,
-  Typography,
-  Box,
-  Grid,
-  SvgIcon,
-  Tooltip,
-} from '@mui/material'
-import type { ReactElement } from 'react'
-
-import useSafeInfo from '@/hooks/useSafeInfo'
-import TxCard from '@/components/tx-flow/common/TxCard'
-import { ChangeThresholdFlowFieldNames } from '@/components/tx-flow/flows/ChangeThreshold'
-import type { ChangeThresholdFlowProps } from '@/components/tx-flow/flows/ChangeThreshold'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import { TOOLTIP_TITLES } from '@/components/tx-flow/common/constants'
-
-import commonCss from '@/components/tx-flow/common/styles.module.css'
-
-export const ChooseThreshold = ({
-  params,
-  onSubmit,
-}: {
-  params: ChangeThresholdFlowProps
-  onSubmit: (data: ChangeThresholdFlowProps) => void
-}): ReactElement => {
-  const { safe } = useSafeInfo()
-
-  const formMethods = useForm<ChangeThresholdFlowProps>({
-    defaultValues: params,
-    mode: 'onChange',
-  })
-
-  const newThreshold = formMethods.watch(ChangeThresholdFlowFieldNames.threshold)
-
-  return (
-    <TxCard>
-      <div>
-        <Typography variant="h3" fontWeight={700}>
-          Threshold
-          <Tooltip title={TOOLTIP_TITLES.THRESHOLD} arrow placement="top">
-            <span>
-              <SvgIcon
-                component={InfoIcon}
-                inheritViewBox
-                color="border"
-                fontSize="small"
-                sx={{
-                  verticalAlign: 'middle',
-                  ml: 0.5,
-                }}
-              />
-            </span>
-          </Tooltip>
-        </Typography>
-
-        <Typography>Any transaction will require the confirmation of:</Typography>
-      </div>
-
-      <form onSubmit={formMethods.handleSubmit(onSubmit)}>
-        <Box mb={2}>
-          <Controller
-            control={formMethods.control}
-            rules={{
-              validate: (value) => {
-                if (value === safe.threshold) {
-                  return `Current policy is already set to ${safe.threshold}.`
-                }
-              },
-            }}
-            name={ChangeThresholdFlowFieldNames.threshold}
-            render={({ field, fieldState }) => {
-              const isError = !!fieldState.error
-
-              return (
-                <Grid container direction="row" gap={2} alignItems="center">
-                  <Grid item>
-                    <TextField select {...field} error={isError}>
-                      {safe.owners.map((_, idx) => (
-                        <MenuItem key={idx + 1} value={idx + 1}>
-                          {idx + 1}
-                        </MenuItem>
-                      ))}
-                    </TextField>
-                  </Grid>
-
-                  <Grid item>
-                    <Typography>out of {safe.owners.length} signer(s)</Typography>
-                  </Grid>
-
-                  <Grid item xs={12}>
-                    {isError ? (
-                      <Typography color="error" mb={2}>
-                        {fieldState.error?.message}
-                      </Typography>
-                    ) : (
-                      <Typography mb={2}>
-                        {fieldState.isDirty ? 'Previous policy was ' : 'Current policy is '}
-                        <b>
-                          {safe.threshold} out of {safe.owners.length}
-                        </b>
-                        .
-                      </Typography>
-                    )}
-                  </Grid>
-                </Grid>
-              )
-            }}
-          />
-        </Box>
-
-        <Divider className={commonCss.nestedDivider} />
-
-        <CardActions>
-          <Button
-            variant="contained"
-            type="submit"
-            disabled={
-              !!formMethods.formState.errors[ChangeThresholdFlowFieldNames.threshold] ||
-              // Prevent initial submit before field was interacted with
-              newThreshold === safe.threshold
-            }
-          >
-            Next
-          </Button>
-        </CardActions>
-      </form>
-    </TxCard>
-  )
-}
diff --git a/src/components/tx-flow/flows/ChangeThreshold/ReviewChangeThreshold.tsx b/src/components/tx-flow/flows/ChangeThreshold/ReviewChangeThreshold.tsx
deleted file mode 100644
index 78d8958f5..000000000
--- a/src/components/tx-flow/flows/ChangeThreshold/ReviewChangeThreshold.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { useContext, useEffect } from 'react'
-import { Box, Divider, Typography } from '@mui/material'
-
-import { createUpdateThresholdTx } from '@/services/tx/tx-sender'
-import { SETTINGS_EVENTS, trackEvent } from '@/services/analytics'
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
-import { ChangeThresholdFlowFieldNames } from '@/components/tx-flow/flows/ChangeThreshold'
-import type { ChangeThresholdFlowProps } from '@/components/tx-flow/flows/ChangeThreshold'
-
-import commonCss from '@/components/tx-flow/common/styles.module.css'
-
-const ReviewChangeThreshold = ({ params }: { params: ChangeThresholdFlowProps }) => {
-  const { safe } = useSafeInfo()
-  const newThreshold = params[ChangeThresholdFlowFieldNames.threshold]
-
-  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
-
-  useEffect(() => {
-    createUpdateThresholdTx(newThreshold).then(setSafeTx).catch(setSafeTxError)
-  }, [newThreshold, setSafeTx, setSafeTxError])
-
-  const onChangeThreshold = () => {
-    trackEvent({ ...SETTINGS_EVENTS.SETUP.OWNERS, label: safe.owners.length })
-    trackEvent({ ...SETTINGS_EVENTS.SETUP.THRESHOLD, label: newThreshold })
-  }
-
-  return (
-    <SignOrExecuteForm onSubmit={onChangeThreshold}>
-      <div>
-        <Typography variant="body2" color="text.secondary" mb={0.5}>
-          Any transaction will require the confirmation of:
-        </Typography>
-
-        <Typography>
-          <b>{newThreshold}</b> out of <b>{safe.owners.length} signer(s)</b>
-        </Typography>
-      </div>
-      <Box my={1}>
-        <Divider className={commonCss.nestedDivider} />
-      </Box>
-    </SignOrExecuteForm>
-  )
-}
-
-export default ReviewChangeThreshold
diff --git a/src/components/tx-flow/flows/ChangeThreshold/index.tsx b/src/components/tx-flow/flows/ChangeThreshold/index.tsx
deleted file mode 100644
index 907d48da7..000000000
--- a/src/components/tx-flow/flows/ChangeThreshold/index.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import ReviewChangeThreshold from '@/components/tx-flow/flows/ChangeThreshold/ReviewChangeThreshold'
-import useTxStepper from '@/components/tx-flow/useTxStepper'
-import SaveAddressIcon from '@/public/images/common/save-address.svg'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { ChooseThreshold } from '@/components/tx-flow/flows/ChangeThreshold/ChooseThreshold'
-
-export enum ChangeThresholdFlowFieldNames {
-  threshold = 'threshold',
-}
-
-export type ChangeThresholdFlowProps = {
-  [ChangeThresholdFlowFieldNames.threshold]: number
-}
-
-const ChangeThresholdFlow = () => {
-  const { safe } = useSafeInfo()
-
-  const { data, step, nextStep, prevStep } = useTxStepper<ChangeThresholdFlowProps>({
-    [ChangeThresholdFlowFieldNames.threshold]: safe.threshold,
-  })
-
-  const steps = [
-    <ChooseThreshold key={0} params={data} onSubmit={(formData) => nextStep(formData)} />,
-    <ReviewChangeThreshold key={1} params={data} />,
-  ]
-
-  return (
-    <TxLayout
-      title={step === 0 ? 'New transaction' : 'Confirm transaction'}
-      subtitle="Change threshold"
-      icon={SaveAddressIcon}
-      step={step}
-      onBack={prevStep}
-    >
-      {steps}
-    </TxLayout>
-  )
-}
-
-export default ChangeThresholdFlow
diff --git a/src/components/tx-flow/flows/ConfirmBatch/index.tsx b/src/components/tx-flow/flows/ConfirmBatch/index.tsx
deleted file mode 100644
index 27e53d211..000000000
--- a/src/components/tx-flow/flows/ConfirmBatch/index.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { type ReactElement, useContext, useEffect } from 'react'
-import { type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import { createMultiSendCallOnlyTx } from '@/services/tx/tx-sender'
-import { SafeTxContext } from '../../SafeTxProvider'
-import type { MetaTransactionData } from '@safe-global/safe-core-sdk-types'
-import { OperationType } from '@safe-global/safe-core-sdk-types'
-import TxLayout from '../../common/TxLayout'
-import BatchIcon from '@/public/images/common/batch.svg'
-import { useDraftBatch } from '@/hooks/useDraftBatch'
-import BatchTxList from '@/components/batch/BatchSidebar/BatchTxList'
-
-type ConfirmBatchProps = {
-  onSubmit: () => void
-}
-
-const getData = (txDetails: TransactionDetails): MetaTransactionData => {
-  return {
-    to: txDetails.txData?.to.value ?? '',
-    value: txDetails.txData?.value ?? '0',
-    data: txDetails.txData?.hexData ?? '0x',
-    operation: OperationType.Call, // only calls can be batched
-  }
-}
-
-const ConfirmBatch = ({ onSubmit }: ConfirmBatchProps): ReactElement => {
-  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
-  const batchTxs = useDraftBatch()
-
-  useEffect(() => {
-    const calls = batchTxs.map((tx) => getData(tx.txDetails))
-    createMultiSendCallOnlyTx(calls).then(setSafeTx).catch(setSafeTxError)
-  }, [batchTxs, setSafeTx, setSafeTxError])
-
-  return (
-    <SignOrExecuteForm onSubmit={onSubmit} isBatch>
-      <BatchTxList txItems={batchTxs} />
-    </SignOrExecuteForm>
-  )
-}
-
-const ConfirmBatchFlow = (props: ConfirmBatchProps) => {
-  const { length } = useDraftBatch()
-
-  return (
-    <TxLayout
-      title="Confirm batch"
-      subtitle={`This batch contains ${length} transaction${length > 1 ? 's' : ''}`}
-      icon={BatchIcon}
-      step={0}
-      isBatch
-    >
-      <ConfirmBatch {...props} />
-    </TxLayout>
-  )
-}
-
-export default ConfirmBatchFlow
diff --git a/src/components/tx-flow/flows/ConfirmTx/ConfirmProposedTx.tsx b/src/components/tx-flow/flows/ConfirmTx/ConfirmProposedTx.tsx
deleted file mode 100644
index 29f73d5ab..000000000
--- a/src/components/tx-flow/flows/ConfirmTx/ConfirmProposedTx.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { type ReactElement, useContext, useEffect } from 'react'
-import type { TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { useChainId } from '@/hooks/useChainId'
-import useWallet from '@/hooks/wallets/useWallet'
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import { isExecutable, isMultisigExecutionInfo, isSignableBy } from '@/utils/transaction-guards'
-import { Typography } from '@mui/material'
-import { createExistingTx } from '@/services/tx/tx-sender'
-import { SafeTxContext } from '../../SafeTxProvider'
-
-type ConfirmProposedTxProps = {
-  txSummary: TransactionSummary
-}
-
-const SIGN_TEXT = 'Sign this transaction.'
-const EXECUTE_TEXT = 'Submit the form to execute this transaction.'
-const SIGN_EXECUTE_TEXT = 'Sign or immediately execute this transaction.'
-
-const ConfirmProposedTx = ({ txSummary }: ConfirmProposedTxProps): ReactElement => {
-  const wallet = useWallet()
-  const { safe, safeAddress } = useSafeInfo()
-  const chainId = useChainId()
-  const { setSafeTx, setSafeTxError, setNonce } = useContext(SafeTxContext)
-
-  const txId = txSummary.id
-  const txNonce = isMultisigExecutionInfo(txSummary.executionInfo) ? txSummary.executionInfo.nonce : undefined
-  const canExecute = isExecutable(txSummary, wallet?.address || '', safe)
-  const canSign = isSignableBy(txSummary, wallet?.address || '')
-
-  useEffect(() => {
-    txNonce !== undefined && setNonce(txNonce)
-  }, [setNonce, txNonce])
-
-  useEffect(() => {
-    createExistingTx(chainId, safeAddress, txId).then(setSafeTx).catch(setSafeTxError)
-  }, [txId, safeAddress, chainId, setSafeTx, setSafeTxError])
-
-  const text = canSign ? (canExecute ? SIGN_EXECUTE_TEXT : SIGN_TEXT) : EXECUTE_TEXT
-
-  return (
-    <SignOrExecuteForm txId={txId} isExecutable={canExecute} onlyExecute={!canSign} showToBlock>
-      <Typography>{text}</Typography>
-    </SignOrExecuteForm>
-  )
-}
-
-export default ConfirmProposedTx
diff --git a/src/components/tx-flow/flows/ConfirmTx/index.tsx b/src/components/tx-flow/flows/ConfirmTx/index.tsx
deleted file mode 100644
index 47c91cc76..000000000
--- a/src/components/tx-flow/flows/ConfirmTx/index.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { isSwapOrderTxInfo } from '@/utils/transaction-guards'
-import type { TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import ConfirmProposedTx from './ConfirmProposedTx'
-import { useTransactionType } from '@/hooks/useTransactionType'
-import SwapIcon from '@/public/images/common/swap.svg'
-
-const ConfirmTxFlow = ({ txSummary }: { txSummary: TransactionSummary }) => {
-  const { text } = useTransactionType(txSummary)
-  const isSwapOrder = isSwapOrderTxInfo(txSummary.txInfo)
-
-  return (
-    <TxLayout
-      title="Confirm transaction"
-      subtitle={<>{text}&nbsp;</>}
-      icon={isSwapOrder && SwapIcon}
-      step={0}
-      txSummary={txSummary}
-    >
-      <ConfirmProposedTx txSummary={txSummary} />
-    </TxLayout>
-  )
-}
-
-export default ConfirmTxFlow
diff --git a/src/components/tx-flow/flows/NewSpendingLimit/ReviewSpendingLimit.tsx b/src/components/tx-flow/flows/NewSpendingLimit/ReviewSpendingLimit.tsx
deleted file mode 100644
index ec7dae61c..000000000
--- a/src/components/tx-flow/flows/NewSpendingLimit/ReviewSpendingLimit.tsx
+++ /dev/null
@@ -1,166 +0,0 @@
-import { useCurrentChain } from '@/hooks/useChains'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { useEffect, useMemo, useContext } from 'react'
-import { useSelector } from 'react-redux'
-import { Typography, Grid, Alert } from '@mui/material'
-
-import SpendingLimitLabel from '@/components/common/SpendingLimitLabel'
-import { getResetTimeOptions } from '@/components/transactions/TxDetails/TxData/SpendingLimits'
-import SendAmountBlock from '@/components/tx-flow/flows/TokenTransfer/SendAmountBlock'
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import useBalances from '@/hooks/useBalances'
-import useChainId from '@/hooks/useChainId'
-import { trackEvent, SETTINGS_EVENTS } from '@/services/analytics'
-import { createNewSpendingLimitTx } from '@/services/tx/tx-sender'
-import { selectSpendingLimits } from '@/store/spendingLimitsSlice'
-import { formatVisualAmount } from '@/utils/formatters'
-import type { NewSpendingLimitFlowProps } from '.'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { SafeTxContext } from '../../SafeTxProvider'
-
-export const ReviewSpendingLimit = ({ params }: { params: NewSpendingLimitFlowProps }) => {
-  const spendingLimits = useSelector(selectSpendingLimits)
-  const { safe } = useSafeInfo()
-  const chainId = useChainId()
-  const chain = useCurrentChain()
-  const { balances } = useBalances()
-  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
-  const token = balances.items.find((item) => item.tokenInfo.address === params.tokenAddress)
-  const { decimals } = token?.tokenInfo || {}
-
-  const existingSpendingLimit = useMemo(() => {
-    return spendingLimits.find(
-      (spendingLimit) =>
-        spendingLimit.beneficiary === params.beneficiary && spendingLimit.token.address === params.tokenAddress,
-    )
-  }, [spendingLimits, params])
-
-  useEffect(() => {
-    createNewSpendingLimitTx(params, spendingLimits, chainId, chain, safe.deployed, decimals, existingSpendingLimit)
-      .then(setSafeTx)
-      .catch(setSafeTxError)
-  }, [
-    chain,
-    chainId,
-    decimals,
-    existingSpendingLimit,
-    params,
-    safe.deployed,
-    setSafeTx,
-    setSafeTxError,
-    spendingLimits,
-  ])
-
-  const isOneTime = params.resetTime === '0'
-  const resetTime = useMemo(() => {
-    return isOneTime
-      ? 'One-time spending limit'
-      : getResetTimeOptions(chainId).find((time) => time.value === params.resetTime)?.label
-  }, [isOneTime, params.resetTime, chainId])
-
-  const onFormSubmit = () => {
-    trackEvent({
-      ...SETTINGS_EVENTS.SPENDING_LIMIT.RESET_PERIOD,
-      label: resetTime,
-    })
-  }
-
-  const existingAmount = existingSpendingLimit
-    ? formatVisualAmount(BigInt(existingSpendingLimit?.amount), decimals)
-    : undefined
-
-  const oldResetTime = existingSpendingLimit
-    ? getResetTimeOptions(chainId).find((time) => time.value === existingSpendingLimit?.resetTimeMin)?.label
-    : undefined
-
-  return (
-    <SignOrExecuteForm onSubmit={onFormSubmit}>
-      {token && (
-        <SendAmountBlock amount={params.amount} tokenInfo={token.tokenInfo} title="Amount">
-          {existingAmount && existingAmount !== params.amount && (
-            <>
-              <Typography
-                data-testid="old-token-amount"
-                color="error"
-                sx={{ textDecoration: 'line-through' }}
-                component="span"
-              >
-                {existingAmount}
-              </Typography>
-              →
-            </>
-          )}
-        </SendAmountBlock>
-      )}
-
-      <Grid container gap={1} alignItems="center">
-        <Grid item md>
-          <Typography variant="body2" color="text.secondary">
-            Beneficiary
-          </Typography>
-        </Grid>
-
-        <Grid data-testid="beneficiary-address" item md={10}>
-          <EthHashInfo
-            address={params.beneficiary}
-            shortAddress={false}
-            hasExplorer
-            showCopyButton
-            showAvatar={false}
-          />
-        </Grid>
-      </Grid>
-
-      <Grid container gap={1} alignItems="center">
-        <Grid item md>
-          <Typography variant="body2" color="text.secondary">
-            Reset time
-          </Typography>
-        </Grid>
-        <Grid item md={10}>
-          {existingSpendingLimit ? (
-            <>
-              <SpendingLimitLabel
-                label={
-                  <>
-                    {existingSpendingLimit.resetTimeMin !== params.resetTime && (
-                      <>
-                        <Typography
-                          data-testid="old-reset-time"
-                          color="error"
-                          sx={{ textDecoration: 'line-through' }}
-                          display="inline"
-                          component="span"
-                        >
-                          {oldResetTime}
-                        </Typography>
-                        {' → '}
-                      </>
-                    )}
-                    <Typography display="inline" component="span">
-                      {resetTime}
-                    </Typography>
-                  </>
-                }
-                isOneTime={existingSpendingLimit.resetTimeMin === '0'}
-              />
-            </>
-          ) : (
-            <SpendingLimitLabel
-              data-testid="spending-limit-label"
-              label={resetTime || 'One-time spending limit'}
-              isOneTime={!!resetTime && isOneTime}
-            />
-          )}
-        </Grid>
-      </Grid>
-      {existingSpendingLimit && (
-        <Alert severity="warning" sx={{ border: 'unset' }}>
-          <Typography data-testid="limit-replacement-warning" fontWeight={700}>
-            You are about to replace an existing spending limit
-          </Typography>
-        </Alert>
-      )}
-    </SignOrExecuteForm>
-  )
-}
diff --git a/src/components/tx-flow/flows/NewSpendingLimit/index.tsx b/src/components/tx-flow/flows/NewSpendingLimit/index.tsx
deleted file mode 100644
index 007b24f18..000000000
--- a/src/components/tx-flow/flows/NewSpendingLimit/index.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import TxLayout from '../../common/TxLayout'
-import useTxStepper from '../../useTxStepper'
-import { CreateSpendingLimit } from './CreateSpendingLimit'
-import { ReviewSpendingLimit } from './ReviewSpendingLimit'
-import SaveAddressIcon from '@/public/images/common/save-address.svg'
-import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-import { TokenAmountFields } from '@/components/common/TokenAmountInput'
-
-enum Fields {
-  beneficiary = 'beneficiary',
-  resetTime = 'resetTime',
-}
-
-export const SpendingLimitFields = { ...Fields, ...TokenAmountFields }
-
-export type NewSpendingLimitFlowProps = {
-  [SpendingLimitFields.beneficiary]: string
-  [SpendingLimitFields.tokenAddress]: string
-  [SpendingLimitFields.amount]: string
-  [SpendingLimitFields.resetTime]: string
-}
-
-const defaultValues: NewSpendingLimitFlowProps = {
-  beneficiary: '',
-  tokenAddress: ZERO_ADDRESS,
-  amount: '',
-  resetTime: '0',
-}
-
-const NewSpendingLimitFlow = () => {
-  const { data, step, nextStep, prevStep } = useTxStepper<NewSpendingLimitFlowProps>(defaultValues)
-
-  const steps = [
-    <CreateSpendingLimit key={0} params={data} onSubmit={(formData) => nextStep({ ...data, ...formData })} />,
-    <ReviewSpendingLimit key={1} params={data} />,
-  ]
-
-  return (
-    <TxLayout
-      title={step === 0 ? 'New transaction' : 'Confirm transaction'}
-      subtitle="Spending limit"
-      icon={SaveAddressIcon}
-      step={step}
-      onBack={prevStep}
-    >
-      {steps}
-    </TxLayout>
-  )
-}
-
-export default NewSpendingLimitFlow
diff --git a/src/components/tx-flow/flows/NewTx/index.tsx b/src/components/tx-flow/flows/NewTx/index.tsx
deleted file mode 100644
index b48024392..000000000
--- a/src/components/tx-flow/flows/NewTx/index.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import { useCallback, useContext } from 'react'
-import { MakeASwapButton, SendTokensButton, TxBuilderButton } from '@/components/tx-flow/common/TxButton'
-import { Container, Grid, Paper, Typography } from '@mui/material'
-import { TxModalContext } from '../../'
-import TokenTransferFlow from '../TokenTransfer'
-import { useTxBuilderApp } from '@/hooks/safe-apps/useTxBuilderApp'
-import { ProgressBar } from '@/components/common/ProgressBar'
-import ChainIndicator from '@/components/common/ChainIndicator'
-import NewTxIcon from '@/public/images/transactions/new-tx.svg'
-
-import css from './styles.module.css'
-
-const NewTxFlow = () => {
-  const txBuilder = useTxBuilderApp()
-  const { setTxFlow } = useContext(TxModalContext)
-
-  const onTokensClick = useCallback(() => {
-    setTxFlow(<TokenTransferFlow />)
-  }, [setTxFlow])
-
-  const progress = 10
-
-  return (
-    <Container className={css.container}>
-      <Grid container justifyContent="center">
-        {/* Alignment of `TxLayout` */}
-        <Grid item xs={12} md={11} display="flex" flexDirection="column">
-          <ChainIndicator inline className={css.chain} />
-
-          <Grid container component={Paper}>
-            <Grid item xs={12} className={css.progressBar}>
-              <ProgressBar value={progress} />
-            </Grid>
-            <Grid item xs={12} md={6} className={css.pane} gap={3}>
-              <div className={css.globs}>
-                <NewTxIcon />
-              </div>
-
-              <Typography variant="h1" className={css.title}>
-                New transaction
-              </Typography>
-            </Grid>
-
-            <Grid item xs={12} md={5} className={css.pane} gap={2}>
-              <Typography variant="h4" className={css.type}>
-                Manage assets
-              </Typography>
-
-              <SendTokensButton onClick={onTokensClick} />
-              <MakeASwapButton />
-
-              {txBuilder?.app && (
-                <>
-                  <Typography variant="h4" className={css.type} mt={3}>
-                    Interact with contracts
-                  </Typography>
-
-                  <TxBuilderButton />
-                </>
-              )}
-            </Grid>
-          </Grid>
-        </Grid>
-      </Grid>
-    </Container>
-  )
-}
-
-export default NewTxFlow
diff --git a/src/components/tx-flow/flows/NftTransfer/ReviewNftBatch.tsx b/src/components/tx-flow/flows/NftTransfer/ReviewNftBatch.tsx
deleted file mode 100644
index 74ac05050..000000000
--- a/src/components/tx-flow/flows/NftTransfer/ReviewNftBatch.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { type ReactElement, useEffect, useContext } from 'react'
-import { Grid, Typography } from '@mui/material'
-import SendToBlock from '@/components/tx/SendToBlock'
-import { createNftTransferParams } from '@/services/tx/tokenTransferParams'
-import type { NftTransferParams } from '.'
-import useSafeAddress from '@/hooks/useSafeAddress'
-import { createMultiSendCallOnlyTx, createTx } from '@/services/tx/tx-sender'
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import { SafeTxContext } from '../../SafeTxProvider'
-import { NftItems } from '@/components/tx-flow/flows/NftTransfer/SendNftBatch'
-
-type ReviewNftBatchProps = {
-  params: NftTransferParams
-  onSubmit: () => void
-  txNonce?: number
-}
-
-const ReviewNftBatch = ({ params, onSubmit, txNonce }: ReviewNftBatchProps): ReactElement => {
-  const { setSafeTx, setSafeTxError, setNonce } = useContext(SafeTxContext)
-  const safeAddress = useSafeAddress()
-  const { tokens } = params
-
-  useEffect(() => {
-    if (txNonce !== undefined) {
-      setNonce(txNonce)
-    }
-  }, [txNonce, setNonce])
-
-  useEffect(() => {
-    if (!safeAddress) return
-
-    const calls = params.tokens.map((token) => {
-      return createNftTransferParams(safeAddress, params.recipient, token.id, token.address)
-    })
-
-    const promise = calls.length > 1 ? createMultiSendCallOnlyTx(calls) : createTx(calls[0])
-
-    promise.then(setSafeTx).catch(setSafeTxError)
-  }, [safeAddress, params, setSafeTx, setSafeTxError])
-
-  return (
-    <SignOrExecuteForm onSubmit={onSubmit}>
-      <Grid container gap={1} mb={2}>
-        <Grid item md>
-          <Typography variant="body2" color="text.secondary">
-            Send
-          </Typography>
-        </Grid>
-
-        <Grid item xs md={10}>
-          <NftItems tokens={tokens} />
-        </Grid>
-      </Grid>
-
-      <SendToBlock address={params.recipient} />
-    </SignOrExecuteForm>
-  )
-}
-
-export default ReviewNftBatch
diff --git a/src/components/tx-flow/flows/NftTransfer/SendNftBatch.tsx b/src/components/tx-flow/flows/NftTransfer/SendNftBatch.tsx
deleted file mode 100644
index 9f2bb7977..000000000
--- a/src/components/tx-flow/flows/NftTransfer/SendNftBatch.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import { Box, Button, CardActions, Divider, FormControl, Grid, SvgIcon, Typography } from '@mui/material'
-import { type SafeCollectibleResponse } from '@safe-global/safe-gateway-typescript-sdk'
-import { FormProvider, useForm } from 'react-hook-form'
-import NftIcon from '@/public/images/common/nft.svg'
-import AddressBookInput from '@/components/common/AddressBookInput'
-import type { NftTransferParams } from '.'
-import ImageFallback from '@/components/common/ImageFallback'
-import TxCard from '../../common/TxCard'
-import commonCss from '@/components/tx-flow/common/styles.module.css'
-
-enum Field {
-  recipient = 'recipient',
-}
-
-type FormData = Pick<NftTransferParams, Field.recipient>
-
-type SendNftBatchProps = {
-  onSubmit: (data: NftTransferParams) => void
-  params: NftTransferParams
-}
-
-const NftItem = ({ image, name, description }: { image: string; name: string; description?: string }) => (
-  <Grid container gap={2} alignItems="center" wrap="nowrap">
-    <Grid item>
-      <Box width={40} height={40}>
-        <ImageFallback
-          src={image}
-          fallbackSrc=""
-          fallbackComponent={<SvgIcon component={NftIcon} inheritViewBox sx={{ width: 1, height: 1 }} />}
-          alt={name}
-          height={40}
-        />
-      </Box>
-    </Grid>
-
-    <Grid item overflow="hidden">
-      <Typography
-        data-testid="nft-item-name"
-        variant="body2"
-        fontWeight={700}
-        whiteSpace="nowrap"
-        overflow="hidden"
-        textOverflow="ellipsis"
-      >
-        {name}
-      </Typography>
-
-      {description && (
-        <Typography
-          variant="body2"
-          color="text.secondary"
-          whiteSpace="nowrap"
-          display="block"
-          overflow="hidden"
-          textOverflow="ellipsis"
-        >
-          {description}
-        </Typography>
-      )}
-    </Grid>
-  </Grid>
-)
-
-export const NftItems = ({ tokens }: { tokens: SafeCollectibleResponse[] }) => {
-  return (
-    <Box
-      data-testid="nft-item-list"
-      display="flex"
-      flexDirection="column"
-      gap={2}
-      overflow="auto"
-      maxHeight="20vh"
-      minHeight="40px"
-    >
-      {tokens.map((token) => (
-        <NftItem
-          key={`${token.address}-${token.id}`}
-          image={token.imageUri || token.logoUri}
-          name={`${token.tokenName || token.tokenSymbol || ''} #${token.id}`}
-          description={`Token ID: ${token.id}${token.name ? ` - ${token.name}` : ''}`}
-        />
-      ))}
-    </Box>
-  )
-}
-
-const SendNftBatch = ({ params, onSubmit }: SendNftBatchProps) => {
-  const { tokens } = params
-
-  const formMethods = useForm<FormData>({
-    defaultValues: {
-      [Field.recipient]: params.recipient,
-    },
-  })
-  const {
-    handleSubmit,
-    watch,
-    formState: { errors },
-  } = formMethods
-
-  const recipient = watch(Field.recipient)
-  const isAddressValid = !!recipient && !errors[Field.recipient]
-
-  const onFormSubmit = (data: FormData) => {
-    onSubmit({
-      recipient: data.recipient,
-      tokens,
-    })
-  }
-
-  return (
-    <TxCard>
-      <FormProvider {...formMethods}>
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <FormControl fullWidth sx={{ mb: 3, mt: 1 }}>
-            <AddressBookInput name={Field.recipient} canAdd={isAddressValid} />
-          </FormControl>
-
-          <Typography data-testid="selected-nfts" variant="body2" color="text.secondary" mb={2}>
-            Selected NFTs
-          </Typography>
-
-          <NftItems tokens={tokens} />
-
-          <Divider className={commonCss.nestedDivider} sx={{ pt: 3 }} />
-
-          <CardActions>
-            <Button variant="contained" type="submit">
-              Next
-            </Button>
-          </CardActions>
-        </form>
-      </FormProvider>
-    </TxCard>
-  )
-}
-
-export default SendNftBatch
diff --git a/src/components/tx-flow/flows/NftTransfer/index.tsx b/src/components/tx-flow/flows/NftTransfer/index.tsx
deleted file mode 100644
index 308357118..000000000
--- a/src/components/tx-flow/flows/NftTransfer/index.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import type { SafeCollectibleResponse } from '@safe-global/safe-gateway-typescript-sdk'
-import NftIcon from '@/public/images/common/nft.svg'
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import useTxStepper from '../../useTxStepper'
-import SendNftBatch from './SendNftBatch'
-import ReviewNftBatch from './ReviewNftBatch'
-
-export type NftTransferParams = {
-  recipient: string
-  tokens: SafeCollectibleResponse[]
-}
-
-type NftTransferFlowProps = Partial<NftTransferParams> & {
-  txNonce?: number
-}
-
-const defaultParams: NftTransferParams = {
-  recipient: '',
-  tokens: [],
-}
-
-const NftTransferFlow = ({ txNonce, ...params }: NftTransferFlowProps) => {
-  const { data, step, nextStep, prevStep } = useTxStepper<NftTransferParams>({
-    ...defaultParams,
-    ...params,
-  })
-
-  const steps = [
-    <SendNftBatch key={0} params={data} onSubmit={(formData) => nextStep({ ...data, ...formData })} />,
-
-    <ReviewNftBatch key={1} params={data} txNonce={txNonce} onSubmit={() => null} />,
-  ]
-
-  return (
-    <TxLayout
-      title={step === 0 ? 'New transaction' : 'Confirm transaction'}
-      subtitle="Send NFTs"
-      icon={NftIcon}
-      step={step}
-      onBack={prevStep}
-    >
-      {steps}
-    </TxLayout>
-  )
-}
-
-export default NftTransferFlow
diff --git a/src/components/tx-flow/flows/RecoverAccount/index.tsx b/src/components/tx-flow/flows/RecoverAccount/index.tsx
deleted file mode 100644
index 09ab544eb..000000000
--- a/src/components/tx-flow/flows/RecoverAccount/index.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { START_RECOVERY_CATEGORY } from '@/services/analytics/events/recovery'
-import type { ReactElement } from 'react'
-import type { AddressEx } from '@safe-global/safe-gateway-typescript-sdk'
-
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import SaveAddressIcon from '@/public/images/common/save-address.svg'
-import useTxStepper from '../../useTxStepper'
-import { RecoverAccountFlowReview } from './RecoverAccountFlowReview'
-import { RecoverAccountFlowSetup } from './RecoverAccountFlowSetup'
-
-export enum RecoverAccountFlowFields {
-  owners = 'owners',
-  threshold = 'threshold',
-}
-
-export type RecoverAccountFlowProps = {
-  // RHF accept primitive field arrays
-  [RecoverAccountFlowFields.owners]: Array<AddressEx>
-  [RecoverAccountFlowFields.threshold]: string
-}
-
-function RecoverAccountFlow(): ReactElement {
-  const { data, step, nextStep, prevStep } = useTxStepper<RecoverAccountFlowProps>(
-    {
-      [RecoverAccountFlowFields.owners]: [{ value: '' }],
-      [RecoverAccountFlowFields.threshold]: '1',
-    },
-    START_RECOVERY_CATEGORY,
-  )
-
-  const steps = [
-    <RecoverAccountFlowSetup key={0} params={data} onSubmit={(formData) => nextStep({ ...data, ...formData })} />,
-    <RecoverAccountFlowReview key={1} params={data} />,
-  ]
-
-  return (
-    <TxLayout
-      title={step === 0 ? 'Start Account recovery' : 'Confirm transaction'}
-      subtitle="Change Account settings"
-      icon={SaveAddressIcon}
-      step={step}
-      onBack={prevStep}
-      hideNonce
-    >
-      {steps}
-    </TxLayout>
-  )
-}
-
-export default RecoverAccountFlow
diff --git a/src/components/tx-flow/flows/RejectTx/RejectTx.tsx b/src/components/tx-flow/flows/RejectTx/RejectTx.tsx
deleted file mode 100644
index 654e46156..000000000
--- a/src/components/tx-flow/flows/RejectTx/RejectTx.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import type { ReactElement } from 'react'
-import { Typography } from '@mui/material'
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import { createRejectTx } from '@/services/tx/tx-sender'
-import { useContext, useEffect } from 'react'
-import { SafeTxContext } from '../../SafeTxProvider'
-
-type RejectTxProps = {
-  txNonce: number
-}
-
-const RejectTx = ({ txNonce }: RejectTxProps): ReactElement => {
-  const { setSafeTx, setSafeTxError, setNonce } = useContext(SafeTxContext)
-
-  useEffect(() => {
-    setNonce(txNonce)
-
-    createRejectTx(txNonce).then(setSafeTx).catch(setSafeTxError)
-  }, [txNonce, setNonce, setSafeTx, setSafeTxError])
-
-  return (
-    <SignOrExecuteForm isBatchable={false}>
-      <Typography mb={2}>
-        To reject the transaction, a separate rejection transaction will be created to replace the original one.
-      </Typography>
-
-      <Typography mb={2}>
-        Transaction nonce: <b>{txNonce}</b>
-      </Typography>
-
-      <Typography mb={2}>
-        You will need to confirm the rejection transaction with your currently connected wallet.
-      </Typography>
-    </SignOrExecuteForm>
-  )
-}
-
-export default RejectTx
diff --git a/src/components/tx-flow/flows/RejectTx/index.tsx b/src/components/tx-flow/flows/RejectTx/index.tsx
deleted file mode 100644
index 6d6702c04..000000000
--- a/src/components/tx-flow/flows/RejectTx/index.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { ReactElement } from 'react'
-import TxLayout from '../../common/TxLayout'
-import RejectTx from './RejectTx'
-
-type RejectTxProps = {
-  txNonce: number
-}
-
-const RejectTxFlow = ({ txNonce }: RejectTxProps): ReactElement => {
-  return (
-    <TxLayout title="Confirm transaction" subtitle="Reject" step={0}>
-      <RejectTx txNonce={txNonce} />
-    </TxLayout>
-  )
-}
-
-export default RejectTxFlow
diff --git a/src/components/tx-flow/flows/RemoveGuard/ReviewRemoveGuard.tsx b/src/components/tx-flow/flows/RemoveGuard/ReviewRemoveGuard.tsx
deleted file mode 100644
index 2b61d25a0..000000000
--- a/src/components/tx-flow/flows/RemoveGuard/ReviewRemoveGuard.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { useContext, useEffect } from 'react'
-import { Typography } from '@mui/material'
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { Errors, logError } from '@/services/exceptions'
-import { trackEvent, SETTINGS_EVENTS } from '@/services/analytics'
-import { createRemoveGuardTx } from '@/services/tx/tx-sender'
-import { type RemoveGuardFlowProps } from '.'
-import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
-
-const onFormSubmit = () => {
-  trackEvent(SETTINGS_EVENTS.MODULES.REMOVE_GUARD)
-}
-
-export const ReviewRemoveGuard = ({ params }: { params: RemoveGuardFlowProps }) => {
-  const { setSafeTx, safeTxError, setSafeTxError } = useContext(SafeTxContext)
-
-  useEffect(() => {
-    createRemoveGuardTx().then(setSafeTx).catch(setSafeTxError)
-  }, [setSafeTx, setSafeTxError])
-
-  useEffect(() => {
-    if (safeTxError) {
-      logError(Errors._807, safeTxError.message)
-    }
-  }, [safeTxError])
-
-  return (
-    <SignOrExecuteForm onSubmit={onFormSubmit}>
-      <Typography sx={({ palette }) => ({ color: palette.primary.light })}>Transaction guard</Typography>
-
-      <EthHashInfo address={params.address} showCopyButton hasExplorer shortAddress={false} />
-
-      <Typography my={2}>
-        Once the transaction guard has been removed, checks by the transaction guard will not be conducted before or
-        after any subsequent transactions.
-      </Typography>
-    </SignOrExecuteForm>
-  )
-}
diff --git a/src/components/tx-flow/flows/RemoveGuard/index.tsx b/src/components/tx-flow/flows/RemoveGuard/index.tsx
deleted file mode 100644
index 2e96e6b47..000000000
--- a/src/components/tx-flow/flows/RemoveGuard/index.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import { ReviewRemoveGuard } from '@/components/tx-flow/flows/RemoveGuard/ReviewRemoveGuard'
-
-// TODO: This can possibly be combined with the remove module type
-export type RemoveGuardFlowProps = {
-  address: string
-}
-
-const RemoveGuardFlow = ({ address }: RemoveGuardFlowProps) => {
-  return (
-    <TxLayout title="Confirm transaction" subtitle="Remove guard">
-      <ReviewRemoveGuard params={{ address }} />
-    </TxLayout>
-  )
-}
-
-export default RemoveGuardFlow
diff --git a/src/components/tx-flow/flows/RemoveModule/ReviewRemoveModule.tsx b/src/components/tx-flow/flows/RemoveModule/ReviewRemoveModule.tsx
deleted file mode 100644
index 9df4ced25..000000000
--- a/src/components/tx-flow/flows/RemoveModule/ReviewRemoveModule.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import { Grid, Typography } from '@mui/material'
-import { useContext, useEffect } from 'react'
-import { Errors, logError } from '@/services/exceptions'
-import { trackEvent, SETTINGS_EVENTS } from '@/services/analytics'
-import { createRemoveModuleTx } from '@/services/tx/tx-sender'
-import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
-import { type RemoveModuleFlowProps } from '.'
-import EthHashInfo from '@/components/common/EthHashInfo'
-
-const onFormSubmit = () => {
-  trackEvent(SETTINGS_EVENTS.MODULES.REMOVE_MODULE)
-}
-
-export const ReviewRemoveModule = ({ params }: { params: RemoveModuleFlowProps }) => {
-  const { setSafeTx, safeTxError, setSafeTxError } = useContext(SafeTxContext)
-
-  useEffect(() => {
-    createRemoveModuleTx(params.address).then(setSafeTx).catch(setSafeTxError)
-  }, [params.address, setSafeTx, setSafeTxError])
-
-  useEffect(() => {
-    if (safeTxError) {
-      logError(Errors._806, safeTxError.message)
-    }
-  }, [safeTxError])
-
-  return (
-    <SignOrExecuteForm onSubmit={onFormSubmit}>
-      <Grid container gap={1} alignItems="center">
-        <Grid item xs={2}>
-          Module
-        </Grid>
-        <Typography variant="body2" component="div">
-          <EthHashInfo address={params.address} shortAddress={false} hasExplorer showCopyButton />
-        </Typography>
-      </Grid>
-      <Typography my={2}>
-        After removing this module, any feature or app that uses this module might no longer work. If this Safe Account
-        requires more then one signature, the module removal will have to be confirmed by other signers as well.
-      </Typography>
-    </SignOrExecuteForm>
-  )
-}
diff --git a/src/components/tx-flow/flows/RemoveModule/index.tsx b/src/components/tx-flow/flows/RemoveModule/index.tsx
deleted file mode 100644
index 5332d8c0c..000000000
--- a/src/components/tx-flow/flows/RemoveModule/index.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import { ReviewRemoveModule } from './ReviewRemoveModule'
-
-export type RemoveModuleFlowProps = {
-  address: string
-}
-
-const RemoveModuleFlow = ({ address }: RemoveModuleFlowProps) => {
-  return (
-    <TxLayout title="Confirm transaction" subtitle="Remove module">
-      <ReviewRemoveModule params={{ address }} />
-    </TxLayout>
-  )
-}
-
-export default RemoveModuleFlow
diff --git a/src/components/tx-flow/flows/RemoveOwner/ReviewRemoveOwner.tsx b/src/components/tx-flow/flows/RemoveOwner/ReviewRemoveOwner.tsx
deleted file mode 100644
index 4a0c97b78..000000000
--- a/src/components/tx-flow/flows/RemoveOwner/ReviewRemoveOwner.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { useContext, useEffect } from 'react'
-import { Typography, Divider, Box, Paper, SvgIcon } from '@mui/material'
-import type { ReactElement } from 'react'
-
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import useAddressBook from '@/hooks/useAddressBook'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { trackEvent, SETTINGS_EVENTS } from '@/services/analytics'
-import { createRemoveOwnerTx } from '@/services/tx/tx-sender'
-import MinusIcon from '@/public/images/common/minus.svg'
-import { SafeTxContext } from '../../SafeTxProvider'
-import type { RemoveOwnerFlowProps } from '.'
-import EthHashInfo from '@/components/common/EthHashInfo'
-
-import commonCss from '@/components/tx-flow/common/styles.module.css'
-import { checksumAddress } from '@/utils/addresses'
-
-export const ReviewRemoveOwner = ({ params }: { params: RemoveOwnerFlowProps }): ReactElement => {
-  const addressBook = useAddressBook()
-  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
-  const { safe } = useSafeInfo()
-  const { removedOwner, threshold } = params
-
-  useEffect(() => {
-    createRemoveOwnerTx({ ownerAddress: checksumAddress(removedOwner.address), threshold })
-      .then(setSafeTx)
-      .catch(setSafeTxError)
-  }, [removedOwner.address, setSafeTx, setSafeTxError, threshold])
-
-  const newOwnerLength = safe.owners.length - 1
-
-  const onFormSubmit = () => {
-    trackEvent({ ...SETTINGS_EVENTS.SETUP.THRESHOLD, label: safe.threshold })
-    trackEvent({ ...SETTINGS_EVENTS.SETUP.OWNERS, label: safe.owners.length })
-  }
-
-  return (
-    <SignOrExecuteForm onSubmit={onFormSubmit}>
-      <Paper sx={{ backgroundColor: ({ palette }) => palette.warning.background, p: 2 }}>
-        <Typography color="text.secondary" mb={2} display="flex" alignItems="center">
-          <SvgIcon component={MinusIcon} inheritViewBox fontSize="small" sx={{ mr: 1 }} />
-          Selected signer
-        </Typography>
-        <EthHashInfo
-          address={removedOwner.address}
-          name={addressBook[removedOwner.address]}
-          shortAddress={false}
-          showCopyButton
-          hasExplorer
-        />
-      </Paper>
-      <Divider className={commonCss.nestedDivider} />
-      <Box m={1}>
-        <Typography variant="body2" color="text.secondary" mb={0.5}>
-          Any transaction requires the confirmation of:
-        </Typography>
-        <Typography>
-          <b>{threshold}</b> out of <b>{newOwnerLength}</b> signers
-        </Typography>
-      </Box>
-      <Divider className={commonCss.nestedDivider} />
-    </SignOrExecuteForm>
-  )
-}
diff --git a/src/components/tx-flow/flows/RemoveOwner/index.tsx b/src/components/tx-flow/flows/RemoveOwner/index.tsx
deleted file mode 100644
index 1d450816b..000000000
--- a/src/components/tx-flow/flows/RemoveOwner/index.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import useTxStepper from '../../useTxStepper'
-import { ReviewRemoveOwner } from './ReviewRemoveOwner'
-import SaveAddressIcon from '@/public/images/common/save-address.svg'
-import { SetThreshold } from './SetThreshold'
-
-type Owner = {
-  address: string
-  name?: string
-}
-
-export type RemoveOwnerFlowProps = {
-  removedOwner: Owner
-  threshold: number
-}
-
-const RemoveOwnerFlow = (props: Owner) => {
-  const { safe } = useSafeInfo()
-
-  const defaultValues: RemoveOwnerFlowProps = {
-    removedOwner: props,
-    threshold: Math.min(safe.threshold, safe.owners.length - 1),
-  }
-
-  const { data, step, nextStep, prevStep } = useTxStepper<RemoveOwnerFlowProps>(defaultValues)
-
-  const steps = [
-    <SetThreshold key={0} params={data} onSubmit={(formData: any) => nextStep({ ...data, ...formData })} />,
-    <ReviewRemoveOwner key={1} params={data} />,
-  ]
-
-  return (
-    <TxLayout
-      title={step === 0 ? 'New transaction' : 'Confirm transaction'}
-      subtitle="Remove signer"
-      icon={SaveAddressIcon}
-      step={step}
-      onBack={prevStep}
-    >
-      {steps}
-    </TxLayout>
-  )
-}
-
-export default RemoveOwnerFlow
diff --git a/src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowReview.tsx b/src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowReview.tsx
deleted file mode 100644
index 705e98f31..000000000
--- a/src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowReview.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { trackEvent } from '@/services/analytics'
-import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
-import { Typography } from '@mui/material'
-import { useContext, useEffect } from 'react'
-import type { ReactElement } from 'react'
-
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import { createRemoveModuleTx } from '@/services/tx/tx-sender'
-import { OwnerList } from '../../common/OwnerList'
-import { SafeTxContext } from '../../SafeTxProvider'
-import type { RecoveryFlowProps } from '.'
-
-const onSubmit = () => {
-  trackEvent({ ...RECOVERY_EVENTS.SUBMIT_RECOVERY_REMOVE })
-}
-
-export function RemoveRecoveryFlowReview({ delayModifier }: RecoveryFlowProps): ReactElement {
-  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
-
-  useEffect(() => {
-    createRemoveModuleTx(delayModifier.address).then(setSafeTx).catch(setSafeTxError)
-  }, [delayModifier.address, setSafeTx, setSafeTxError])
-
-  return (
-    <SignOrExecuteForm onSubmit={onSubmit}>
-      <Typography>
-        This transaction will remove the recovery module from your Safe Account. You will no longer be able to recover
-        your Safe Account once this transaction is executed.
-      </Typography>
-
-      <OwnerList
-        title="Removing Recoverer"
-        owners={delayModifier.recoverers.map((recoverer) => ({ value: recoverer }))}
-        sx={{ bgcolor: ({ palette }) => `${palette.warning.background} !important` }}
-      />
-    </SignOrExecuteForm>
-  )
-}
diff --git a/src/components/tx-flow/flows/RemoveRecovery/index.tsx b/src/components/tx-flow/flows/RemoveRecovery/index.tsx
deleted file mode 100644
index bc10145c1..000000000
--- a/src/components/tx-flow/flows/RemoveRecovery/index.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { REMOVE_RECOVERY_CATEGORY } from '@/services/analytics/events/recovery'
-import type { ReactElement } from 'react'
-
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import RecoveryPlus from '@/public/images/common/recovery-plus.svg'
-import useTxStepper from '../../useTxStepper'
-import { RemoveRecoveryFlowOverview } from './RemoveRecoveryFlowOverview'
-import { RemoveRecoveryFlowReview } from './RemoveRecoveryFlowReview'
-import type { RecoveryStateItem } from '@/features/recovery/services/recovery-state'
-
-export type RecoveryFlowProps = {
-  delayModifier: RecoveryStateItem
-}
-
-function RemoveRecoveryFlow({ delayModifier }: RecoveryFlowProps): ReactElement {
-  const { step, nextStep, prevStep } = useTxStepper<undefined>(undefined, REMOVE_RECOVERY_CATEGORY)
-
-  const steps = [
-    <RemoveRecoveryFlowOverview key={0} delayModifier={delayModifier} onSubmit={() => nextStep(undefined)} />,
-    <RemoveRecoveryFlowReview key={1} delayModifier={delayModifier} />,
-  ]
-
-  return (
-    <TxLayout
-      title={step === 0 ? 'Remove Account recovery' : 'Confirm transaction'}
-      subtitle="Remove Recoverer"
-      icon={RecoveryPlus}
-      step={step}
-      onBack={prevStep}
-    >
-      {steps}
-    </TxLayout>
-  )
-}
-
-export default RemoveRecoveryFlow
diff --git a/src/components/tx-flow/flows/RemoveSpendingLimit/RemoveSpendingLimit.tsx b/src/components/tx-flow/flows/RemoveSpendingLimit/RemoveSpendingLimit.tsx
deleted file mode 100644
index c8655047b..000000000
--- a/src/components/tx-flow/flows/RemoveSpendingLimit/RemoveSpendingLimit.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import { getSpendingLimitInterface, getSpendingLimitModuleAddress } from '@/services/contracts/spendingLimitContracts'
-import useChainId from '@/hooks/useChainId'
-import { useContext, useEffect } from 'react'
-import { SafeTxContext } from '../../SafeTxProvider'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { Grid, Typography } from '@mui/material'
-import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
-import { relativeTime } from '@/utils/date'
-import { trackEvent, SETTINGS_EVENTS } from '@/services/analytics'
-import useBalances from '@/hooks/useBalances'
-import SendAmountBlock from '@/components/tx-flow/flows/TokenTransfer/SendAmountBlock'
-import { safeFormatUnits } from '@/utils/formatters'
-import SpendingLimitLabel from '@/components/common/SpendingLimitLabel'
-import { createTx } from '@/services/tx/tx-sender'
-
-const onFormSubmit = () => {
-  trackEvent(SETTINGS_EVENTS.SPENDING_LIMIT.LIMIT_REMOVED)
-}
-
-export const RemoveSpendingLimit = ({ params }: { params: SpendingLimitState }) => {
-  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
-  const chainId = useChainId()
-  const { balances } = useBalances()
-  const token = balances.items.find((item) => item.tokenInfo.address === params.token.address)
-
-  useEffect(() => {
-    const spendingLimitAddress = getSpendingLimitModuleAddress(chainId)
-
-    if (!spendingLimitAddress) {
-      return
-    }
-
-    const spendingLimitInterface = getSpendingLimitInterface()
-    const txData = spendingLimitInterface.encodeFunctionData('deleteAllowance', [
-      params.beneficiary,
-      params.token.address,
-    ])
-
-    const txParams = {
-      to: spendingLimitAddress,
-      value: '0',
-      data: txData,
-    }
-
-    createTx(txParams).then(setSafeTx).catch(setSafeTxError)
-  }, [chainId, params.beneficiary, params.token, setSafeTx, setSafeTxError])
-
-  return (
-    <SignOrExecuteForm onSubmit={onFormSubmit}>
-      {token && (
-        <SendAmountBlock
-          amount={safeFormatUnits(params.amount, token.tokenInfo.decimals)}
-          tokenInfo={token.tokenInfo}
-          title="Amount"
-        />
-      )}
-
-      <Grid container gap={1} alignItems="center">
-        <Grid item md>
-          <Typography variant="body2" color="text.secondary">
-            Beneficiary
-          </Typography>
-        </Grid>
-        <Grid item md={10}>
-          <EthHashInfo
-            address={params.beneficiary}
-            showCopyButton
-            hasExplorer
-            shortAddress={false}
-            showAvatar={false}
-          />
-        </Grid>
-      </Grid>
-
-      <Grid container gap={1} alignItems="center">
-        <Grid item md>
-          <Typography variant="body2" color="text.secondary">
-            Reset time
-          </Typography>
-        </Grid>
-        <Grid item md={10}>
-          <SpendingLimitLabel
-            label={relativeTime(params.lastResetMin, params.resetTimeMin)}
-            isOneTime={params.resetTimeMin === '0'}
-          />
-        </Grid>
-      </Grid>
-    </SignOrExecuteForm>
-  )
-}
diff --git a/src/components/tx-flow/flows/RemoveSpendingLimit/index.tsx b/src/components/tx-flow/flows/RemoveSpendingLimit/index.tsx
deleted file mode 100644
index 64f377e3e..000000000
--- a/src/components/tx-flow/flows/RemoveSpendingLimit/index.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import { RemoveSpendingLimit } from './RemoveSpendingLimit'
-import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
-import SaveAddressIcon from '@/public/images/common/save-address.svg'
-
-const RemoveSpendingLimitFlow = ({ spendingLimit }: { spendingLimit: SpendingLimitState }) => {
-  return (
-    <TxLayout title="Confirm transaction" subtitle="Remove spending limit" icon={SaveAddressIcon}>
-      <RemoveSpendingLimit params={spendingLimit} />
-    </TxLayout>
-  )
-}
-
-export default RemoveSpendingLimitFlow
diff --git a/src/components/tx-flow/flows/ReplaceOwner/index.tsx b/src/components/tx-flow/flows/ReplaceOwner/index.tsx
deleted file mode 100644
index ecc00f9ef..000000000
--- a/src/components/tx-flow/flows/ReplaceOwner/index.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import useTxStepper from '@/components/tx-flow/useTxStepper'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { ReviewOwner } from '../AddOwner/ReviewOwner'
-import { ChooseOwner, ChooseOwnerMode } from '../AddOwner/ChooseOwner'
-import SaveAddressIcon from '@/public/images/common/save-address.svg'
-
-type Owner = {
-  address: string
-  name?: string
-}
-
-export type ReplaceOwnerFlowProps = {
-  newOwner: Owner
-  removedOwner: Owner
-  threshold: number
-}
-
-const ReplaceOwnerFlow = ({ address }: { address: string }) => {
-  const { safe } = useSafeInfo()
-
-  const defaultValues: ReplaceOwnerFlowProps = {
-    newOwner: { address: '' },
-    removedOwner: { address },
-    threshold: safe.threshold,
-  }
-
-  const { data, step, nextStep, prevStep } = useTxStepper<ReplaceOwnerFlowProps>(defaultValues)
-
-  const steps = [
-    <ChooseOwner
-      key={0}
-      params={data}
-      onSubmit={(formData) => nextStep({ ...data, ...formData })}
-      mode={ChooseOwnerMode.REPLACE}
-    />,
-    <ReviewOwner key={1} params={data} />,
-  ]
-
-  return (
-    <TxLayout
-      title={step === 0 ? 'New transaction' : 'Confirm transaction'}
-      subtitle="Replace signer"
-      icon={SaveAddressIcon}
-      step={step}
-      onBack={prevStep}
-    >
-      {steps}
-    </TxLayout>
-  )
-}
-
-export default ReplaceOwnerFlow
diff --git a/src/components/tx-flow/flows/ReplaceTx/index.tsx b/src/components/tx-flow/flows/ReplaceTx/index.tsx
deleted file mode 100644
index 469dc6304..000000000
--- a/src/components/tx-flow/flows/ReplaceTx/index.tsx
+++ /dev/null
@@ -1,185 +0,0 @@
-import { useContext, useState } from 'react'
-import { type NextRouter, useRouter } from 'next/router'
-import { Box, Tooltip, Typography } from '@mui/material'
-import DeleteIcon from '@/public/images/common/delete.svg'
-import CancelIcon from '@/public/images/common/cancel.svg'
-import ReplaceTxIcon from '@/public/images/transactions/replace-tx.svg'
-import CachedIcon from '@mui/icons-material/Cached'
-import { useQueuedTxByNonce } from '@/hooks/useTxQueue'
-import { isCustomTxInfo } from '@/utils/transaction-guards'
-
-import css from './styles.module.css'
-import { TxModalContext } from '../..'
-import TokenTransferFlow from '../TokenTransfer'
-import RejectTx from '../RejectTx'
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import TxCard from '@/components/tx-flow/common/TxCard'
-import DeleteTxModal from './DeleteTxModal'
-import ExternalLink from '@/components/common/ExternalLink'
-import ChoiceButton from '@/components/common/ChoiceButton'
-import useWallet from '@/hooks/wallets/useWallet'
-import { sameAddress } from '@/utils/addresses'
-import { AppRoutes } from '@/config/routes'
-import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
-import Track from '@/components/common/Track'
-import { REJECT_TX_EVENTS } from '@/services/analytics/events/reject-tx'
-import { useRecommendedNonce } from '@/components/tx/SignOrExecuteForm/hooks'
-
-const goToQueue = (router: NextRouter) => {
-  if (router.pathname === AppRoutes.transactions.tx) {
-    router.push({
-      pathname: AppRoutes.transactions.queue,
-      query: { safe: router.query.safe },
-    })
-  }
-}
-
-/**
- * To avoid nonce gaps in the queue, we allow deleting the last transaction in the queue or duplicates.
- * The recommended nonce is used to calculate the last transaction in the queue.
- */
-const useIsNonceDeletable = (txNonce: number) => {
-  const queuedTxsByNonce = useQueuedTxByNonce(txNonce)
-  const recommendedNonce = useRecommendedNonce() || 0
-  const duplicateCount = queuedTxsByNonce?.length || 0
-  return duplicateCount > 1 || txNonce === recommendedNonce - 1
-}
-
-const DeleteTxButton = ({
-  safeTxHash,
-  txNonce,
-  onSuccess,
-}: {
-  safeTxHash: string
-  txNonce: number
-  onSuccess: () => void
-}) => {
-  const router = useRouter()
-  const isDeletable = useIsNonceDeletable(txNonce)
-  const [isDeleting, setIsDeleting] = useState(false)
-
-  const onDeleteSuccess = () => {
-    setIsDeleting(false)
-    goToQueue(router)
-    onSuccess()
-  }
-  const onDeleteClose = () => setIsDeleting(false)
-
-  return (
-    <>
-      <Typography variant="overline" className={css.or}>
-        or
-      </Typography>
-
-      <Typography variant="body2" mb={0.5}>
-        Don’t want to have this transaction anymore? Remove it permanently from the queue.
-      </Typography>
-
-      <Tooltip
-        arrow
-        placement="top"
-        title={isDeletable ? '' : 'You can only delete the last transaction in the queue or duplicates'}
-      >
-        <span style={{ width: '100%' }}>
-          <Track {...REJECT_TX_EVENTS.DELETE_OFFCHAIN_BUTTON} as="div">
-            <ChoiceButton
-              icon={DeleteIcon}
-              iconColor="error"
-              onClick={() => setIsDeleting(true)}
-              title="Delete from the queue"
-              description="Remove this transaction from the off-chain queue"
-              disabled={!isDeletable}
-            />
-          </Track>
-        </span>
-      </Tooltip>
-
-      {safeTxHash && isDeleting && (
-        <DeleteTxModal onSuccess={onDeleteSuccess} onClose={onDeleteClose} safeTxHash={safeTxHash} />
-      )}
-    </>
-  )
-}
-
-const ReplaceTxMenu = ({
-  txNonce,
-  safeTxHash,
-  proposer,
-}: {
-  txNonce: number
-  safeTxHash?: string
-  proposer?: string
-}) => {
-  const wallet = useWallet()
-  const { setTxFlow } = useContext(TxModalContext)
-  const queuedTxsByNonce = useQueuedTxByNonce(txNonce)
-  const canCancel = !queuedTxsByNonce?.some(
-    (item) => isCustomTxInfo(item.transaction.txInfo) && item.transaction.txInfo.isCancellation,
-  )
-
-  const isDeleteEnabled = useHasFeature(FEATURES.DELETE_TX)
-  const canDelete = safeTxHash && isDeleteEnabled && proposer && wallet && sameAddress(wallet.address, proposer)
-
-  return (
-    <TxLayout title={`Reject transaction #${txNonce}`} step={0} hideNonce isReplacement>
-      <TxCard>
-        <Box mt={2} textAlign="center">
-          <ReplaceTxIcon />
-        </Box>
-
-        <Typography variant="body2" mt={-1} mb={1}>
-          You can replace or reject this transaction on-chain. It requires gas fees and your signature.{' '}
-          <Track {...REJECT_TX_EVENTS.READ_MORE}>
-            <ExternalLink href="https://help.safe.global/en/articles/40836-why-do-i-need-to-pay-for-cancelling-a-transaction">
-              Read more
-            </ExternalLink>
-          </Track>
-        </Typography>
-
-        <Box display="flex" flexDirection="column" gap={2}>
-          <Track {...REJECT_TX_EVENTS.REPLACE_TX_BUTTON} as="div">
-            <ChoiceButton
-              icon={CachedIcon}
-              onClick={() => setTxFlow(<TokenTransferFlow txNonce={txNonce} />)}
-              title="Replace with another transaction"
-              description="Propose a new transaction with the same nonce to overwrite this one"
-              chip="Recommended"
-            />
-          </Track>
-
-          <Tooltip
-            arrow
-            placement="top"
-            title={canCancel ? '' : `Transaction with nonce ${txNonce} already has a reject transaction`}
-          >
-            <span style={{ width: '100%' }}>
-              <Track {...REJECT_TX_EVENTS.REJECT_ONCHAIN_BUTTON} as="div">
-                <ChoiceButton
-                  icon={CancelIcon}
-                  iconColor="warning"
-                  onClick={() => setTxFlow(<RejectTx txNonce={txNonce} />)}
-                  disabled={!canCancel}
-                  title="Reject transaction"
-                  description="Propose an on-chain cancellation transaction with the same nonce"
-                  chip={canDelete ? 'Recommended' : undefined}
-                />
-              </Track>
-            </span>
-          </Tooltip>
-
-          {canDelete && (
-            <DeleteTxButton
-              data-testid="delete-tx"
-              safeTxHash={safeTxHash}
-              txNonce={txNonce}
-              onSuccess={() => setTxFlow(undefined)}
-            />
-          )}
-        </Box>
-      </TxCard>
-    </TxLayout>
-  )
-}
-
-export default ReplaceTxMenu
diff --git a/src/components/tx-flow/flows/SafeAppsTx/ReviewSafeAppsTx.tsx b/src/components/tx-flow/flows/SafeAppsTx/ReviewSafeAppsTx.tsx
deleted file mode 100644
index 815195e7b..000000000
--- a/src/components/tx-flow/flows/SafeAppsTx/ReviewSafeAppsTx.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import useWallet from '@/hooks/wallets/useWallet'
-import { assertWalletChain } from '@/services/tx/tx-sender/sdk'
-import { useContext, useEffect, useMemo } from 'react'
-import type { ReactElement } from 'react'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import type { SafeAppsTxParams } from '.'
-import { trackSafeAppTxCount } from '@/services/safe-apps/track-app-usage-count'
-import { getTxOrigin } from '@/utils/transactions'
-import { createMultiSendCallOnlyTx, createTx, dispatchSafeAppsTx } from '@/services/tx/tx-sender'
-import useOnboard from '@/hooks/wallets/useOnboard'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import useHighlightHiddenTab from '@/hooks/useHighlightHiddenTab'
-import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
-import { isTxValid } from '@/components/safe-apps/utils'
-import ErrorMessage from '@/components/tx/ErrorMessage'
-import { asError } from '@/services/exceptions/utils'
-import { SWAP_TITLE } from '@/features/swap/constants'
-
-type ReviewSafeAppsTxProps = {
-  safeAppsTx: SafeAppsTxParams
-  onSubmit?: (txId: string, safeTxHash: string) => void
-}
-
-const ReviewSafeAppsTx = ({
-  safeAppsTx: { txs, requestId, params, appId, app },
-  onSubmit,
-}: ReviewSafeAppsTxProps): ReactElement => {
-  const { safe } = useSafeInfo()
-  const onboard = useOnboard()
-  const wallet = useWallet()
-  const { safeTx, setSafeTx, safeTxError, setSafeTxError } = useContext(SafeTxContext)
-
-  useHighlightHiddenTab()
-
-  useEffect(() => {
-    const createSafeTx = async (): Promise<SafeTransaction> => {
-      const isMultiSend = txs.length > 1
-      const tx = isMultiSend ? await createMultiSendCallOnlyTx(txs) : await createTx(txs[0])
-
-      if (params?.safeTxGas !== undefined) {
-        // FIXME: do it properly via the Core SDK
-        // @ts-expect-error safeTxGas readonly
-        tx.data.safeTxGas = params.safeTxGas
-      }
-
-      return tx
-    }
-
-    createSafeTx().then(setSafeTx).catch(setSafeTxError)
-  }, [txs, setSafeTx, setSafeTxError, params])
-
-  const handleSubmit = async (txId: string) => {
-    if (!safeTx || !onboard || !wallet?.provider) return
-    trackSafeAppTxCount(Number(appId))
-
-    let safeTxHash = ''
-    try {
-      await assertWalletChain(onboard, safe.chainId)
-      safeTxHash = await dispatchSafeAppsTx(safeTx, requestId, wallet.provider, txId)
-    } catch (error) {
-      setSafeTxError(asError(error))
-    }
-
-    onSubmit?.(txId, safeTxHash)
-  }
-
-  const origin = useMemo(() => getTxOrigin(app), [app])
-  const error = !isTxValid(txs)
-
-  return (
-    <SignOrExecuteForm onSubmit={handleSubmit} origin={origin} showToBlock isBatchable={app?.name !== SWAP_TITLE}>
-      {error ? (
-        <ErrorMessage error={safeTxError}>
-          This Safe App initiated a transaction which cannot be processed. Please get in touch with the developer of
-          this Safe App for more information.
-        </ErrorMessage>
-      ) : null}
-    </SignOrExecuteForm>
-  )
-}
-
-export default ReviewSafeAppsTx
diff --git a/src/components/tx-flow/flows/SafeAppsTx/index.tsx b/src/components/tx-flow/flows/SafeAppsTx/index.tsx
deleted file mode 100644
index 6bb247630..000000000
--- a/src/components/tx-flow/flows/SafeAppsTx/index.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import type { BaseTransaction, RequestId, SendTransactionRequestParams } from '@safe-global/safe-apps-sdk'
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
-import ReviewSafeAppsTx from './ReviewSafeAppsTx'
-import { AppTitle } from '@/components/tx-flow/flows/SignMessage'
-
-export type SafeAppsTxParams = {
-  appId?: string
-  app?: Partial<SafeAppData>
-  requestId: RequestId
-  txs: BaseTransaction[]
-  params?: SendTransactionRequestParams
-}
-
-const SafeAppsTxFlow = ({
-  data,
-  onSubmit,
-}: {
-  data: SafeAppsTxParams
-  onSubmit?: (txId: string, safeTxHash: string) => void
-}) => {
-  return (
-    <TxLayout
-      title="Confirm transaction"
-      subtitle={<AppTitle name={data.app?.name} logoUri={data.app?.iconUrl} txs={data.txs} />}
-      step={0}
-    >
-      <ReviewSafeAppsTx safeAppsTx={data} onSubmit={onSubmit} />
-    </TxLayout>
-  )
-}
-
-export default SafeAppsTxFlow
diff --git a/src/components/tx-flow/flows/SignMessage/index.tsx b/src/components/tx-flow/flows/SignMessage/index.tsx
deleted file mode 100644
index ac9503ef5..000000000
--- a/src/components/tx-flow/flows/SignMessage/index.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import SignMessage, { type ConfirmProps, type ProposeProps } from '@/components/tx-flow/flows/SignMessage/SignMessage'
-import { getSwapTitle } from '@/features/swap'
-import { selectSwapParams } from '@/features/swap/store/swapParamsSlice'
-import { useAppSelector } from '@/store'
-import { Box, Typography } from '@mui/material'
-import SafeAppIconCard from '@/components/safe-apps/SafeAppIconCard'
-import { ErrorBoundary } from '@sentry/react'
-import { type BaseTransaction } from '@safe-global/safe-apps-sdk'
-import { SWAP_TITLE } from '@/features/swap/constants'
-
-const APP_LOGO_FALLBACK_IMAGE = '/images/apps/apps-icon.svg'
-const APP_NAME_FALLBACK = 'Sign message'
-
-export const AppTitle = ({
-  name,
-  logoUri,
-  txs,
-}: {
-  name?: string | null
-  logoUri?: string | null
-  txs?: BaseTransaction[]
-}) => {
-  const swapParams = useAppSelector(selectSwapParams)
-
-  const appName = name || APP_NAME_FALLBACK
-  const appLogo = logoUri || APP_LOGO_FALLBACK_IMAGE
-
-  const title = name === SWAP_TITLE ? getSwapTitle(swapParams.tradeType, txs) : appName
-
-  return (
-    <Box display="flex" alignItems="center">
-      <SafeAppIconCard src={appLogo} alt={name || 'The icon of the application'} width={32} height={32} />
-      <Typography variant="h4" pl={2} fontWeight="bold">
-        {title}
-      </Typography>
-    </Box>
-  )
-}
-
-const SignMessageFlow = ({ ...props }: ProposeProps | ConfirmProps) => {
-  return (
-    <TxLayout
-      title="Confirm message"
-      subtitle={<AppTitle name={props.name} logoUri={props.logoUri} />}
-      step={0}
-      hideNonce
-      isMessage
-    >
-      <ErrorBoundary fallback={<div>Error signing message</div>}>
-        <SignMessage {...props} />
-      </ErrorBoundary>
-    </TxLayout>
-  )
-}
-
-export default SignMessageFlow
diff --git a/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.test.tsx b/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.test.tsx
deleted file mode 100644
index 15ea1e874..000000000
--- a/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.test.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import { Methods } from '@safe-global/safe-apps-sdk'
-import * as web3 from '@/hooks/wallets/web3'
-import * as useSafeInfo from '@/hooks/useSafeInfo'
-import { render, screen } from '@/tests/test-utils'
-import { SafeAppAccessPolicyTypes } from '@safe-global/safe-gateway-typescript-sdk'
-import ReviewSignMessageOnChain from '@/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain'
-import { JsonRpcProvider, zeroPadValue } from 'ethers'
-import { act } from '@testing-library/react'
-
-jest.mock('@safe-global/protocol-kit', () => {
-  const originalModule = jest.requireActual('@safe-global/protocol-kit')
-
-  // Mock class
-  class MockEthersAdapter extends originalModule.EthersAdapter {
-    getChainId = jest.fn().mockImplementation(() => Promise.resolve(BigInt(1)))
-  }
-
-  return {
-    ...originalModule,
-    EthersAdapter: MockEthersAdapter,
-  }
-})
-
-describe('ReviewSignMessageOnChain', () => {
-  test('can handle messages with EIP712Domain type in the JSON-RPC payload', async () => {
-    jest.spyOn(web3, 'getWeb3ReadOnly').mockImplementation(() => new JsonRpcProvider())
-    jest.spyOn(useSafeInfo, 'default').mockImplementation(
-      () =>
-        ({
-          safe: {
-            address: {
-              value: zeroPadValue('0x01', 20),
-            },
-            version: '1.3.0',
-          } as ReturnType<typeof useSafeInfo.default>['safe'],
-        } as ReturnType<typeof useSafeInfo.default>),
-    )
-
-    await act(async () => {
-      render(
-        <ReviewSignMessageOnChain
-          app={{
-            id: 73,
-            url: 'https://app.com',
-            name: 'App',
-            iconUrl: 'https://app.com/icon.png',
-            description: 'App description',
-            chainIds: ['1'],
-            tags: [],
-            features: [],
-            socialProfiles: [],
-            developerWebsite: '',
-            accessControl: {
-              type: SafeAppAccessPolicyTypes.NoRestrictions,
-            },
-          }}
-          requestId="73"
-          message={{
-            types: {
-              Vote: [
-                {
-                  name: 'from',
-                  type: 'address',
-                },
-                {
-                  name: 'space',
-                  type: 'string',
-                },
-                {
-                  name: 'timestamp',
-                  type: 'uint64',
-                },
-                {
-                  name: 'proposal',
-                  type: 'bytes32',
-                },
-                {
-                  name: 'choice',
-                  type: 'uint32',
-                },
-              ],
-              EIP712Domain: [
-                { name: 'name', type: 'string' },
-                { name: 'version', type: 'string' },
-              ],
-            },
-            domain: {
-              name: 'snapshot',
-              version: '0.1.4',
-            },
-            message: {
-              from: '0x292bacf82268e143f5195af6928693699e31f911',
-              space: 'fabien.eth',
-              timestamp: '1663592967',
-              proposal: '0xbe992f0a433d2dbe2e0cee579e5e1bdb625cdcb3a14357ea990c6cdc3e129991',
-              choice: '1',
-            },
-          }}
-          method={Methods.signTypedMessage}
-        />,
-      )
-    })
-
-    expect(screen.getByText('Interact with SignMessageLib')).toBeInTheDocument()
-  })
-})
diff --git a/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.tsx b/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.tsx
deleted file mode 100644
index 74c54a9fd..000000000
--- a/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.tsx
+++ /dev/null
@@ -1,166 +0,0 @@
-import useWallet from '@/hooks/wallets/useWallet'
-import { assertWalletChain } from '@/services/tx/tx-sender/sdk'
-import type { ReactElement } from 'react'
-import { useContext, useEffect, useState } from 'react'
-import { useMemo } from 'react'
-import { hashMessage, TypedDataEncoder } from 'ethers'
-import { Box } from '@mui/system'
-import { Typography, SvgIcon } from '@mui/material'
-import WarningIcon from '@/public/images/notifications/warning.svg'
-import { type EIP712TypedData, Methods, type RequestId } from '@safe-global/safe-apps-sdk'
-import { OperationType } from '@safe-global/safe-core-sdk-types'
-
-import SendFromBlock from '@/components/tx/SendFromBlock'
-import { InfoDetails } from '@/components/transactions/InfoDetails'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import { generateDataRowValue } from '@/components/transactions/TxDetails/Summary/TxDataRow'
-import useChainId from '@/hooks/useChainId'
-import { getReadOnlySignMessageLibContract } from '@/services/contracts/safeContracts'
-import { DecodedMsg } from '@/components/safe-messages/DecodedMsg'
-import CopyButton from '@/components/common/CopyButton'
-import { getDecodedMessage } from '@/components/safe-apps/utils'
-import { createTx, dispatchSafeAppsTx } from '@/services/tx/tx-sender'
-import useOnboard from '@/hooks/wallets/useOnboard'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import useHighlightHiddenTab from '@/hooks/useHighlightHiddenTab'
-import { type SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
-import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
-import { asError } from '@/services/exceptions/utils'
-import { isEIP712TypedData } from '@/utils/safe-messages'
-import ApprovalEditor from '@/components/tx/ApprovalEditor'
-import { ErrorBoundary } from '@sentry/react'
-import useAsync from '@/hooks/useAsync'
-
-export type SignMessageOnChainProps = {
-  app?: SafeAppData
-  requestId: RequestId
-  message: string | EIP712TypedData
-  method: Methods.signMessage | Methods.signTypedMessage
-}
-
-const ReviewSignMessageOnChain = ({ message, method, requestId }: SignMessageOnChainProps): ReactElement => {
-  const chainId = useChainId()
-  const { safe } = useSafeInfo()
-  const onboard = useOnboard()
-  const wallet = useWallet()
-  const { safeTx, setSafeTx, setSafeTxError } = useContext(SafeTxContext)
-  useHighlightHiddenTab()
-
-  const isTextMessage = method === Methods.signMessage && typeof message === 'string'
-  const isTypedMessage = method === Methods.signTypedMessage && isEIP712TypedData(message)
-
-  const [readOnlySignMessageLibContract] = useAsync(
-    async () => getReadOnlySignMessageLibContract(chainId, safe.version),
-    [chainId, safe.version],
-  )
-
-  const [signMessageAddress, setSignMessageAddress] = useState<string>('')
-
-  useEffect(() => {
-    if (!readOnlySignMessageLibContract) return
-    readOnlySignMessageLibContract.getAddress().then(setSignMessageAddress)
-  }, [readOnlySignMessageLibContract])
-
-  const [decodedMessage, readableMessage] = useMemo(() => {
-    if (isTextMessage) {
-      const decoded = getDecodedMessage(message)
-      return [decoded, decoded]
-    } else if (isTypedMessage) {
-      return [message, JSON.stringify(message, null, 2)]
-    }
-    return []
-  }, [isTextMessage, isTypedMessage, message])
-
-  useEffect(() => {
-    let txData
-
-    if (!readOnlySignMessageLibContract) return
-
-    if (isTextMessage) {
-      txData = readOnlySignMessageLibContract.encode('signMessage', [hashMessage(getDecodedMessage(message))])
-    } else if (isTypedMessage) {
-      const typesCopy = { ...message.types }
-
-      // We need to remove the EIP712Domain type from the types object
-      // Because it's a part of the JSON-RPC payload, but for the `.hash` in ethers.js
-      // The types are not allowed to be recursive, so ever type must either be used by another type, or be
-      // the primary type. And there must only be one type that is not used by any other type.
-      delete typesCopy.EIP712Domain
-      txData = readOnlySignMessageLibContract.encode('signMessage', [
-        // @ts-ignore
-        TypedDataEncoder.hash(message.domain, typesCopy, message.message),
-      ])
-    }
-
-    const params = {
-      to: signMessageAddress,
-      value: '0',
-      data: txData ?? '0x',
-      operation: OperationType.DelegateCall,
-    }
-    createTx(params).then(setSafeTx).catch(setSafeTxError)
-  }, [
-    isTextMessage,
-    isTypedMessage,
-    message,
-    readOnlySignMessageLibContract,
-    setSafeTx,
-    setSafeTxError,
-    signMessageAddress,
-  ])
-
-  const handleSubmit = async () => {
-    if (!safeTx || !onboard || !wallet) return
-
-    try {
-      await assertWalletChain(onboard, safe.chainId)
-      await dispatchSafeAppsTx(safeTx, requestId, wallet.provider)
-    } catch (error) {
-      setSafeTxError(asError(error))
-    }
-  }
-
-  return (
-    <SignOrExecuteForm onSubmit={handleSubmit}>
-      <SendFromBlock />
-
-      <InfoDetails title="Interact with SignMessageLib">
-        <EthHashInfo address={signMessageAddress} shortAddress={false} showCopyButton hasExplorer />
-      </InfoDetails>
-
-      {isEIP712TypedData(decodedMessage) && (
-        <ErrorBoundary fallback={<div>Error parsing data</div>}>
-          <ApprovalEditor safeMessage={decodedMessage} />
-        </ErrorBoundary>
-      )}
-
-      {safeTx && (
-        <Box pb={1}>
-          <Typography mt={2} color="primary.light">
-            Data (hex encoded)
-          </Typography>
-          {generateDataRowValue(safeTx.data.data, 'rawData')}
-        </Box>
-      )}
-
-      <Typography my={1}>
-        <b>Signing method:</b> <code>{method}</code>
-      </Typography>
-
-      <Typography my={2}>
-        <b>Signing message:</b> {readableMessage && <CopyButton text={readableMessage} />}
-      </Typography>
-      <DecodedMsg message={decodedMessage} isInModal />
-
-      <Box display="flex" alignItems="center" my={2}>
-        <SvgIcon component={WarningIcon} inheritViewBox color="warning" />
-        <Typography ml={1}>
-          Signing a message with your Safe Account requires a transaction on the blockchain
-        </Typography>
-      </Box>
-    </SignOrExecuteForm>
-  )
-}
-
-export default ReviewSignMessageOnChain
diff --git a/src/components/tx-flow/flows/SignMessageOnChain/index.tsx b/src/components/tx-flow/flows/SignMessageOnChain/index.tsx
deleted file mode 100644
index bcfc3c767..000000000
--- a/src/components/tx-flow/flows/SignMessageOnChain/index.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import { AppTitle } from '@/components/tx-flow/flows/SignMessage'
-import ReviewSignMessageOnChain, {
-  type SignMessageOnChainProps,
-} from '@/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain'
-
-const SignMessageOnChainFlow = ({ props }: { props: SignMessageOnChainProps }) => {
-  return (
-    <TxLayout
-      title="Confirm message"
-      subtitle={<AppTitle name={props.app?.name} logoUri={props.app?.iconUrl} />}
-      step={0}
-    >
-      <ReviewSignMessageOnChain {...props} />
-    </TxLayout>
-  )
-}
-
-export default SignMessageOnChainFlow
diff --git a/src/components/tx-flow/flows/SuccessScreen/StatusMessage.tsx b/src/components/tx-flow/flows/SuccessScreen/StatusMessage.tsx
deleted file mode 100644
index e53e1f7a5..000000000
--- a/src/components/tx-flow/flows/SuccessScreen/StatusMessage.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { isTimeoutError } from '@/utils/ethers-utils'
-import classNames from 'classnames'
-import { Box, Typography } from '@mui/material'
-import LoadingSpinner, { SpinnerStatus } from '@/components/new-safe/create/steps/StatusStep/LoadingSpinner'
-import { PendingStatus } from '@/store/pendingTxsSlice'
-import css from './styles.module.css'
-
-const getStep = (status: PendingStatus, error?: Error) => {
-  switch (status) {
-    case PendingStatus.PROCESSING:
-    case PendingStatus.RELAYING:
-      return {
-        description: 'Transaction is now processing',
-        instruction: 'The transaction was confirmed and is now being processed.',
-        classNames: '',
-      }
-    case PendingStatus.INDEXING:
-      return {
-        description: 'Transaction was processed',
-        instruction: 'It is now being indexed.',
-        classNames: classNames(css.instructions, error ? css.errorBg : css.infoBg),
-      }
-    default:
-      return {
-        description: error ? 'Transaction failed' : 'Transaction was successful',
-        instruction: error ? (isTimeoutError(error) ? 'Transaction timed out' : error.message) : '',
-        classNames: classNames(css.instructions, error ? css.errorBg : css.infoBg),
-      }
-  }
-}
-
-const StatusMessage = ({ status, error }: { status: PendingStatus; error?: Error }) => {
-  const stepInfo = getStep(status, error)
-
-  const isSuccess = status === undefined
-  const spinnerStatus = error ? SpinnerStatus.ERROR : isSuccess ? SpinnerStatus.SUCCESS : SpinnerStatus.PROCESSING
-
-  return (
-    <>
-      <Box paddingX={3} mt={3}>
-        <LoadingSpinner status={spinnerStatus} />
-        <Typography data-testid="transaction-status" variant="h6" marginTop={2} fontWeight={700}>
-          {stepInfo.description}
-        </Typography>
-      </Box>
-      {stepInfo.instruction && (
-        <Box className={stepInfo.classNames}>
-          <Typography variant="body2">{stepInfo.instruction}</Typography>
-        </Box>
-      )}
-    </>
-  )
-}
-
-export default StatusMessage
diff --git a/src/components/tx-flow/flows/SuccessScreen/index.tsx b/src/components/tx-flow/flows/SuccessScreen/index.tsx
deleted file mode 100644
index 88e31e446..000000000
--- a/src/components/tx-flow/flows/SuccessScreen/index.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-import StatusStepper from './StatusStepper'
-import { Button, Container, Divider, Paper } from '@mui/material'
-import classnames from 'classnames'
-import Link from 'next/link'
-import css from './styles.module.css'
-import { useAppSelector } from '@/store'
-import { PendingStatus, selectPendingTxById } from '@/store/pendingTxsSlice'
-import { useCallback, useContext, useEffect, useState } from 'react'
-import { useCurrentChain } from '@/hooks/useChains'
-import { TxEvent, txSubscribe } from '@/services/tx/txEvents'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { TxModalContext } from '../..'
-import LoadingSpinner, { SpinnerStatus } from '@/components/new-safe/create/steps/StatusStep/LoadingSpinner'
-import { ProcessingStatus } from '@/components/tx-flow/flows/SuccessScreen/statuses/ProcessingStatus'
-import { IndexingStatus } from '@/components/tx-flow/flows/SuccessScreen/statuses/IndexingStatus'
-import { DefaultStatus } from '@/components/tx-flow/flows/SuccessScreen/statuses/DefaultStatus'
-import useDecodeTx from '@/hooks/useDecodeTx'
-import { isSwapConfirmationViewOrder } from '@/utils/transaction-guards'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import { getTxLink } from '@/utils/tx-link'
-
-interface Props {
-  /** The ID assigned to the transaction in the client-gateway */
-  txId?: string
-  /** For module transaction, pass the transaction hash while the `txId` is not yet available */
-  txHash?: string
-  /** The multisig transaction object */
-  safeTx?: SafeTransaction
-}
-
-const SuccessScreen = ({ txId, txHash, safeTx }: Props) => {
-  const [localTxHash, setLocalTxHash] = useState<string | undefined>(txHash)
-  const [error, setError] = useState<Error>()
-  const { setTxFlow } = useContext(TxModalContext)
-  const chain = useCurrentChain()
-  const pendingTx = useAppSelector((state) => (txId ? selectPendingTxById(state, txId) : undefined))
-  const { safeAddress } = useSafeInfo()
-  const status = !txId && txHash ? PendingStatus.INDEXING : pendingTx?.status
-  const pendingTxHash = pendingTx && 'txHash' in pendingTx ? pendingTx.txHash : undefined
-  const txLink = chain && txId && getTxLink(txId, chain, safeAddress)
-  const [decodedData] = useDecodeTx(safeTx)
-  const isSwapOrder = isSwapConfirmationViewOrder(decodedData)
-
-  useEffect(() => {
-    if (!pendingTxHash) return
-
-    setLocalTxHash(pendingTxHash)
-  }, [pendingTxHash])
-
-  useEffect(() => {
-    const unsubFns: Array<() => void> = ([TxEvent.FAILED, TxEvent.REVERTED] as const).map((event) =>
-      txSubscribe(event, (detail) => {
-        if (detail.txId === txId && pendingTx) setError(detail.error)
-      }),
-    )
-
-    return () => unsubFns.forEach((unsubscribe) => unsubscribe())
-  }, [txId, pendingTx])
-
-  const onClose = useCallback(() => {
-    setTxFlow(undefined)
-  }, [setTxFlow])
-
-  const isSuccess = status === undefined
-  const spinnerStatus = error ? SpinnerStatus.ERROR : isSuccess ? SpinnerStatus.SUCCESS : SpinnerStatus.PROCESSING
-
-  let StatusComponent
-  switch (status) {
-    case PendingStatus.PROCESSING:
-    case PendingStatus.RELAYING:
-      // status can only have these values if txId & pendingTx are defined
-      StatusComponent = <ProcessingStatus txId={txId!} pendingTx={pendingTx!} />
-      break
-    case PendingStatus.INDEXING:
-      StatusComponent = <IndexingStatus />
-      break
-    default:
-      StatusComponent = <DefaultStatus error={error} />
-  }
-
-  return (
-    <Container
-      component={Paper}
-      disableGutters
-      sx={{
-        textAlign: 'center',
-        maxWidth: `${900 - 75}px`, // md={11}
-      }}
-      maxWidth={false}
-    >
-      <div className={css.row}>
-        <LoadingSpinner status={spinnerStatus} />
-        {StatusComponent}
-      </div>
-
-      {!error && (
-        <>
-          <Divider />
-          <div className={css.row}>
-            <StatusStepper status={status} txHash={localTxHash} />
-          </div>
-        </>
-      )}
-
-      <Divider />
-
-      <div className={classnames(css.row, css.buttons)}>
-        {isSwapOrder && (
-          <Button data-testid="finish-transaction-btn" variant="outlined" size="small" onClick={onClose}>
-            Back to swaps
-          </Button>
-        )}
-
-        {txLink && (
-          <Link {...txLink} passHref target="_blank" rel="noreferrer" legacyBehavior>
-            <Button
-              data-testid="view-transaction-btn"
-              variant={isSwapOrder ? 'contained' : 'outlined'}
-              size="small"
-              onClick={onClose}
-            >
-              View transaction
-            </Button>
-          </Link>
-        )}
-
-        {!isSwapOrder && (
-          <Button data-testid="finish-transaction-btn" variant="contained" size="small" onClick={onClose}>
-            Finish
-          </Button>
-        )}
-      </div>
-    </Container>
-  )
-}
-
-export default SuccessScreen
diff --git a/src/components/tx-flow/flows/SuccessScreen/statuses/DefaultStatus.tsx b/src/components/tx-flow/flows/SuccessScreen/statuses/DefaultStatus.tsx
deleted file mode 100644
index 45fae9fda..000000000
--- a/src/components/tx-flow/flows/SuccessScreen/statuses/DefaultStatus.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Box, Typography } from '@mui/material'
-import classNames from 'classnames'
-import css from '@/components/tx-flow/flows/SuccessScreen/styles.module.css'
-import { isTimeoutError } from '@/utils/ethers-utils'
-
-const TRANSACTION_FAILED = 'Transaction failed'
-const TRANSACTION_SUCCESSFUL = 'Transaction was successful'
-
-type Props = {
-  error: undefined | Error
-}
-export const DefaultStatus = ({ error }: Props) => (
-  <Box paddingX={3} mt={3}>
-    <Typography data-testid="transaction-status" variant="h6" marginTop={2} fontWeight={700}>
-      {error ? TRANSACTION_FAILED : TRANSACTION_SUCCESSFUL}
-    </Typography>
-    {error && (
-      <Box className={classNames(css.instructions, error ? css.errorBg : css.infoBg)}>
-        <Typography variant="body2">
-          {error ? (isTimeoutError(error) ? 'Transaction timed out' : error.message) : ''}
-        </Typography>
-      </Box>
-    )}
-  </Box>
-)
diff --git a/src/components/tx-flow/flows/SuccessScreen/statuses/IndexingStatus.tsx b/src/components/tx-flow/flows/SuccessScreen/statuses/IndexingStatus.tsx
deleted file mode 100644
index 088f7cf31..000000000
--- a/src/components/tx-flow/flows/SuccessScreen/statuses/IndexingStatus.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Box, Typography } from '@mui/material'
-import classNames from 'classnames'
-import css from '@/components/tx-flow/flows/SuccessScreen/styles.module.css'
-
-export const IndexingStatus = () => (
-  <Box paddingX={3} mt={3}>
-    <Typography data-testid="transaction-status" variant="h6" marginTop={2} fontWeight={700}>
-      Transaction was processed
-    </Typography>
-    <Box className={classNames(css.instructions, css.infoBg)}>
-      <Typography variant="body2"> It is now being indexed.</Typography>
-    </Box>
-  </Box>
-)
diff --git a/src/components/tx-flow/flows/SuccessScreen/statuses/ProcessingStatus.tsx b/src/components/tx-flow/flows/SuccessScreen/statuses/ProcessingStatus.tsx
deleted file mode 100644
index 5c94c74f8..000000000
--- a/src/components/tx-flow/flows/SuccessScreen/statuses/ProcessingStatus.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-// Extract status handling into separate components
-import { Box, Typography } from '@mui/material'
-import { SpeedUpMonitor } from '@/features/speedup/components/SpeedUpMonitor'
-import { PendingStatus, type PendingTx } from '@/store/pendingTxsSlice'
-
-type Props = {
-  txId: string
-  pendingTx: PendingTx
-}
-export const ProcessingStatus = ({ txId, pendingTx }: Props) => (
-  <Box paddingX={3} mt={3}>
-    <Typography data-testid="transaction-status" variant="h6" marginTop={2} fontWeight={700}>
-      Transaction is now processing
-    </Typography>
-    <Typography variant="body2" mb={3}>
-      The transaction was confirmed and is now being processed.
-    </Typography>
-    <Box>
-      {pendingTx.status === PendingStatus.PROCESSING && (
-        <SpeedUpMonitor txId={txId} pendingTx={pendingTx} modalTrigger="alertBox" />
-      )}
-    </Box>
-  </Box>
-)
diff --git a/src/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer.tsx b/src/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer.tsx
deleted file mode 100644
index 4b5c18b3f..000000000
--- a/src/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import { useTokenAmount, useVisibleTokens } from '@/components/tx-flow/flows/TokenTransfer/utils'
-import { type ReactElement, useContext, useEffect } from 'react'
-import { type TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import useIsOnlySpendingLimitBeneficiary from '@/hooks/useIsOnlySpendingLimitBeneficiary'
-import { FormProvider, useForm } from 'react-hook-form'
-import { Button, CardActions, Divider, FormControl, Grid, Typography } from '@mui/material'
-import TokenIcon from '@/components/common/TokenIcon'
-import AddressBookInput from '@/components/common/AddressBookInput'
-import SpendingLimitRow from '@/components/tx-flow/flows/TokenTransfer/SpendingLimitRow'
-import { TokenTransferFields, type TokenTransferParams, TokenTransferType } from '.'
-import TxCard from '../../common/TxCard'
-import { formatVisualAmount } from '@/utils/formatters'
-import commonCss from '@/components/tx-flow/common/styles.module.css'
-import TokenAmountInput from '@/components/common/TokenAmountInput'
-import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
-
-export const AutocompleteItem = (item: { tokenInfo: TokenInfo; balance: string }): ReactElement => (
-  <Grid container alignItems="center" gap={1}>
-    <TokenIcon logoUri={item.tokenInfo.logoUri} key={item.tokenInfo.address} tokenSymbol={item.tokenInfo.symbol} />
-
-    <Grid item xs>
-      <Typography variant="body2" whiteSpace="normal">
-        {item.tokenInfo.name}
-      </Typography>
-
-      <Typography variant="caption" component="p">
-        {formatVisualAmount(item.balance, item.tokenInfo.decimals)} {item.tokenInfo.symbol}
-      </Typography>
-    </Grid>
-  </Grid>
-)
-
-export const CreateTokenTransfer = ({
-  params,
-  onSubmit,
-  txNonce,
-}: {
-  params: TokenTransferParams
-  onSubmit: (data: TokenTransferParams) => void
-  txNonce?: number
-}): ReactElement => {
-  const disableSpendingLimit = txNonce !== undefined
-  const isOnlySpendingLimitBeneficiary = useIsOnlySpendingLimitBeneficiary()
-  const balancesItems = useVisibleTokens()
-  const { setNonce, setNonceNeeded } = useContext(SafeTxContext)
-
-  useEffect(() => {
-    if (txNonce !== undefined) {
-      setNonce(txNonce)
-    }
-  }, [setNonce, txNonce])
-
-  const formMethods = useForm<TokenTransferParams>({
-    defaultValues: {
-      ...params,
-      [TokenTransferFields.type]: disableSpendingLimit
-        ? TokenTransferType.multiSig
-        : isOnlySpendingLimitBeneficiary
-        ? TokenTransferType.spendingLimit
-        : params.type,
-      [TokenTransferFields.tokenAddress]: isOnlySpendingLimitBeneficiary
-        ? balancesItems[0]?.tokenInfo.address
-        : params.tokenAddress,
-    },
-    mode: 'onChange',
-    delayError: 500,
-  })
-
-  const {
-    handleSubmit,
-    watch,
-    formState: { errors },
-  } = formMethods
-
-  const recipient = watch(TokenTransferFields.recipient)
-  const tokenAddress = watch(TokenTransferFields.tokenAddress)
-  const type = watch(TokenTransferFields.type)
-
-  const selectedToken = balancesItems.find((item) => item.tokenInfo.address === tokenAddress)
-  const { totalAmount, spendingLimitAmount } = useTokenAmount(selectedToken)
-
-  const isSpendingLimitType = type === TokenTransferType.spendingLimit
-
-  const maxAmount = isSpendingLimitType && totalAmount > spendingLimitAmount ? spendingLimitAmount : totalAmount
-
-  const isAddressValid = !!recipient && !errors[TokenTransferFields.recipient]
-
-  useEffect(() => {
-    setNonceNeeded(!isSpendingLimitType || spendingLimitAmount === 0n)
-  }, [setNonceNeeded, isSpendingLimitType, spendingLimitAmount])
-
-  return (
-    <TxCard>
-      <FormProvider {...formMethods}>
-        <form onSubmit={handleSubmit(onSubmit)} className={commonCss.form}>
-          <FormControl fullWidth sx={{ mt: 1 }}>
-            <AddressBookInput name={TokenTransferFields.recipient} canAdd={isAddressValid} />
-          </FormControl>
-
-          <TokenAmountInput balances={balancesItems} selectedToken={selectedToken} maxAmount={maxAmount} />
-
-          {!disableSpendingLimit && spendingLimitAmount > 0n && (
-            <FormControl fullWidth sx={{ mt: 3 }}>
-              <SpendingLimitRow availableAmount={spendingLimitAmount} selectedToken={selectedToken?.tokenInfo} />
-            </FormControl>
-          )}
-
-          <Divider className={commonCss.nestedDivider} />
-
-          <CardActions>
-            <Button variant="contained" type="submit">
-              Next
-            </Button>
-          </CardActions>
-        </form>
-      </FormProvider>
-    </TxCard>
-  )
-}
-
-export default CreateTokenTransfer
diff --git a/src/components/tx-flow/flows/TokenTransfer/ReviewTokenTransfer.tsx b/src/components/tx-flow/flows/TokenTransfer/ReviewTokenTransfer.tsx
deleted file mode 100644
index 5adda6f94..000000000
--- a/src/components/tx-flow/flows/TokenTransfer/ReviewTokenTransfer.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { useContext, useEffect } from 'react'
-import useBalances from '@/hooks/useBalances'
-import SignOrExecuteForm, { type SubmitCallback } from '@/components/tx/SignOrExecuteForm'
-import SendAmountBlock from '@/components/tx-flow/flows/TokenTransfer/SendAmountBlock'
-import SendToBlock from '@/components/tx/SendToBlock'
-import { createTokenTransferParams } from '@/services/tx/tokenTransferParams'
-import { createTx } from '@/services/tx/tx-sender'
-import type { TokenTransferParams } from '.'
-import { SafeTxContext } from '../../SafeTxProvider'
-
-const ReviewTokenTransfer = ({
-  params,
-  onSubmit,
-  txNonce,
-}: {
-  params: TokenTransferParams
-  onSubmit: SubmitCallback
-  txNonce?: number
-}) => {
-  const { setSafeTx, setSafeTxError, setNonce } = useContext(SafeTxContext)
-  const { balances } = useBalances()
-  const token = balances.items.find((item) => item.tokenInfo.address === params.tokenAddress)
-
-  useEffect(() => {
-    if (txNonce !== undefined) {
-      setNonce(txNonce)
-    }
-
-    if (!token) return
-
-    const txParams = createTokenTransferParams(
-      params.recipient,
-      params.amount,
-      token.tokenInfo.decimals,
-      token.tokenInfo.address,
-    )
-
-    createTx(txParams, txNonce).then(setSafeTx).catch(setSafeTxError)
-  }, [params, txNonce, token, setNonce, setSafeTx, setSafeTxError])
-
-  return (
-    <SignOrExecuteForm onSubmit={onSubmit}>
-      {token && <SendAmountBlock amount={params.amount} tokenInfo={token.tokenInfo} />}
-
-      <SendToBlock address={params.recipient} />
-    </SignOrExecuteForm>
-  )
-}
-
-export default ReviewTokenTransfer
diff --git a/src/components/tx-flow/flows/TokenTransfer/ReviewTokenTx.tsx b/src/components/tx-flow/flows/TokenTransfer/ReviewTokenTx.tsx
deleted file mode 100644
index da38fa459..000000000
--- a/src/components/tx-flow/flows/TokenTransfer/ReviewTokenTx.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { type ReactElement } from 'react'
-import { type TokenTransferParams, TokenTransferType } from '@/components/tx-flow/flows/TokenTransfer/index'
-import ReviewTokenTransfer from '@/components/tx-flow/flows/TokenTransfer/ReviewTokenTransfer'
-import ReviewSpendingLimitTx from '@/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx'
-
-const ReviewTokenTx = ({
-  params,
-  onSubmit,
-  txNonce,
-}: {
-  params: TokenTransferParams
-  onSubmit: () => void
-  txNonce?: number
-}): ReactElement => {
-  const isSpendingLimitTx = params.type === TokenTransferType.spendingLimit
-
-  return isSpendingLimitTx ? (
-    <ReviewSpendingLimitTx params={params} onSubmit={onSubmit} />
-  ) : (
-    <ReviewTokenTransfer params={params} onSubmit={onSubmit} txNonce={txNonce} />
-  )
-}
-
-export default ReviewTokenTx
diff --git a/src/components/tx-flow/flows/TokenTransfer/SendAmountBlock.tsx b/src/components/tx-flow/flows/TokenTransfer/SendAmountBlock.tsx
deleted file mode 100644
index 9f9a49fa1..000000000
--- a/src/components/tx-flow/flows/TokenTransfer/SendAmountBlock.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { type ReactNode } from 'react'
-import { type TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { Box, Typography } from '@mui/material'
-import TokenIcon from '@/components/common/TokenIcon'
-import { formatAmountPrecise } from '@/utils/formatNumber'
-import { PSEUDO_APPROVAL_VALUES } from '@/components/tx/ApprovalEditor/utils/approvals'
-import FieldsGrid from '@/components/tx/FieldsGrid'
-
-const SendAmountBlock = ({
-  amount,
-  tokenInfo,
-  children,
-  title = 'Send',
-}: {
-  amount: number | string
-  tokenInfo: Omit<TokenInfo, 'name' | 'logoUri'> & { logoUri?: string }
-  children?: ReactNode
-  title?: string
-}) => {
-  return (
-    <FieldsGrid title={title}>
-      <Box display="flex" alignItems="center" gap={1}>
-        <TokenIcon logoUri={tokenInfo.logoUri} tokenSymbol={tokenInfo.symbol} />
-
-        <Typography fontWeight="bold">{tokenInfo.symbol}</Typography>
-
-        {children}
-
-        {amount === PSEUDO_APPROVAL_VALUES.UNLIMITED ? (
-          <Typography>{PSEUDO_APPROVAL_VALUES.UNLIMITED}</Typography>
-        ) : (
-          <Typography data-testid="token-amount">{formatAmountPrecise(amount, tokenInfo.decimals)}</Typography>
-        )}
-      </Box>
-    </FieldsGrid>
-  )
-}
-
-export default SendAmountBlock
diff --git a/src/components/tx-flow/flows/TokenTransfer/SpendingLimitRow/index.tsx b/src/components/tx-flow/flows/TokenTransfer/SpendingLimitRow/index.tsx
deleted file mode 100644
index 3145b0ed0..000000000
--- a/src/components/tx-flow/flows/TokenTransfer/SpendingLimitRow/index.tsx
+++ /dev/null
@@ -1,153 +0,0 @@
-import { FormControl, FormControlLabel, InputLabel, Radio, RadioGroup, SvgIcon, Tooltip } from '@mui/material'
-import { Controller, useFormContext } from 'react-hook-form'
-import classNames from 'classnames'
-import { safeFormatUnits } from '@/utils/formatters'
-import type { TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { TokenTransferFields, TokenTransferType } from '@/components/tx-flow/flows/TokenTransfer'
-import useIsOnlySpendingLimitBeneficiary from '@/hooks/useIsOnlySpendingLimitBeneficiary'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import ExternalLink from '@/components/common/ExternalLink'
-import { HelpCenterArticle } from '@/config/constants'
-
-import css from './styles.module.css'
-import { TokenAmountFields } from '@/components/common/TokenAmountInput'
-import { useContext, useEffect } from 'react'
-import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
-
-const SpendingLimitRow = ({
-  availableAmount,
-  selectedToken,
-}: {
-  availableAmount: bigint
-  selectedToken: TokenInfo | undefined
-}) => {
-  const { control, trigger, resetField } = useFormContext()
-  const isOnlySpendLimitBeneficiary = useIsOnlySpendingLimitBeneficiary()
-  const { setNonceNeeded } = useContext(SafeTxContext)
-
-  const formattedAmount = safeFormatUnits(availableAmount, selectedToken?.decimals)
-
-  useEffect(() => {
-    return () => {
-      // reset the field value to default when the component is unmounted
-      resetField(TokenTransferFields.type)
-    }
-  }, [resetField])
-
-  return (
-    <FormControl>
-      <InputLabel shrink required sx={{ backgroundColor: 'background.paper', px: '6px', mx: '-6px' }}>
-        Send as
-      </InputLabel>
-      <Controller
-        rules={{ required: true }}
-        control={control}
-        name={TokenTransferFields.type}
-        render={({ field: { onChange, ...field } }) => (
-          <RadioGroup
-            row
-            onChange={(e) => {
-              onChange(e)
-
-              setNonceNeeded(e.target.value === TokenTransferType.multiSig)
-
-              // Validate only after the field is changed
-              setTimeout(() => {
-                trigger(TokenAmountFields.amount)
-              }, 10)
-            }}
-            {...field}
-            defaultValue={TokenTransferType.multiSig}
-            className={css.group}
-          >
-            {!isOnlySpendLimitBeneficiary && (
-              <FormControlLabel
-                data-testid="standard-tx"
-                value={TokenTransferType.multiSig}
-                label={
-                  <>
-                    Standard transaction
-                    <Tooltip
-                      title={
-                        <>
-                          A standard transaction requires the signatures of other signers before the specified funds can
-                          be transferred.&nbsp;
-                          <ExternalLink
-                            href={HelpCenterArticle.SPENDING_LIMITS}
-                            title="Learn more about spending limits"
-                          >
-                            Learn more about spending limits
-                          </ExternalLink>
-                          .
-                        </>
-                      }
-                      arrow
-                      placement="top"
-                    >
-                      <span>
-                        <SvgIcon
-                          component={InfoIcon}
-                          inheritViewBox
-                          color="border"
-                          fontSize="small"
-                          sx={{
-                            verticalAlign: 'middle',
-                            ml: 0.5,
-                          }}
-                        />
-                      </span>
-                    </Tooltip>
-                  </>
-                }
-                control={<Radio />}
-                componentsProps={{ typography: { variant: 'body2' } }}
-                className={css.label}
-              />
-            )}
-            <FormControlLabel
-              data-testid="spending-limit-tx"
-              value={TokenTransferType.spendingLimit}
-              label={
-                <>
-                  Spending limit <b>{`(${formattedAmount} ${selectedToken?.symbol})`}</b>
-                  <Tooltip
-                    title={
-                      <>
-                        A spending limit transaction allows you to transfer the specified funds without the need to
-                        collect the signatures of other signers.&nbsp;
-                        <ExternalLink href={HelpCenterArticle.SPENDING_LIMITS} title="Learn more about spending limits">
-                          Learn more about spending limits
-                        </ExternalLink>
-                        .
-                      </>
-                    }
-                    arrow
-                    placement="top"
-                  >
-                    <span>
-                      <SvgIcon
-                        component={InfoIcon}
-                        inheritViewBox
-                        color="border"
-                        fontSize="small"
-                        sx={{
-                          verticalAlign: 'middle',
-                          ml: 0.5,
-                        }}
-                      />
-                    </span>
-                  </Tooltip>
-                </>
-              }
-              control={<Radio />}
-              componentsProps={{ typography: { variant: 'body2' } }}
-              className={classNames(css.label, { [css.spendingLimit]: !isOnlySpendLimitBeneficiary })}
-            />
-          </RadioGroup>
-        )}
-      />
-    </FormControl>
-  )
-}
-
-export default SpendingLimitRow
diff --git a/src/components/tx-flow/flows/TokenTransfer/__tests__/CreateTokenTransfer.test.tsx b/src/components/tx-flow/flows/TokenTransfer/__tests__/CreateTokenTransfer.test.tsx
deleted file mode 100644
index aa5bf407e..000000000
--- a/src/components/tx-flow/flows/TokenTransfer/__tests__/CreateTokenTransfer.test.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { TokenTransferType } from '@/components/tx-flow/flows/TokenTransfer'
-import { CreateTokenTransfer } from '@/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer'
-import * as tokenUtils from '@/components/tx-flow/flows/TokenTransfer/utils'
-import { render } from '@/tests/test-utils'
-import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-
-describe('CreateTokenTransfer', () => {
-  const mockParams = {
-    recipient: '',
-    tokenAddress: ZERO_ADDRESS,
-    amount: '',
-    type: TokenTransferType.multiSig,
-  }
-
-  beforeEach(() => {
-    jest.clearAllMocks()
-  })
-
-  it('should display a token amount input', () => {
-    const { getByText } = render(<CreateTokenTransfer params={mockParams} onSubmit={jest.fn()} />)
-
-    expect(getByText('Amount')).toBeInTheDocument()
-  })
-
-  it('should display a recipient input', () => {
-    const { getAllByText } = render(<CreateTokenTransfer params={mockParams} onSubmit={jest.fn()} />)
-
-    expect(getAllByText('Recipient address')[0]).toBeInTheDocument()
-  })
-
-  it('should display a type selection if a spending limit token is selected', () => {
-    jest
-      .spyOn(tokenUtils, 'useTokenAmount')
-      .mockReturnValue({ totalAmount: BigInt(1000), spendingLimitAmount: BigInt(500) })
-
-    const { getByText } = render(<CreateTokenTransfer params={mockParams} onSubmit={jest.fn()} />)
-
-    expect(getByText('Send as')).toBeInTheDocument()
-  })
-
-  it('should not display a type selection if there is a txNonce', () => {
-    const { queryByText } = render(<CreateTokenTransfer params={mockParams} onSubmit={jest.fn()} txNonce={1} />)
-
-    expect(queryByText('Send as')).not.toBeInTheDocument()
-  })
-})
diff --git a/src/components/tx-flow/flows/TokenTransfer/index.tsx b/src/components/tx-flow/flows/TokenTransfer/index.tsx
deleted file mode 100644
index 89b99fd8c..000000000
--- a/src/components/tx-flow/flows/TokenTransfer/index.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import useTxStepper from '../../useTxStepper'
-import CreateTokenTransfer from './CreateTokenTransfer'
-import ReviewTokenTx from '@/components/tx-flow/flows/TokenTransfer/ReviewTokenTx'
-import AssetsIcon from '@/public/images/sidebar/assets.svg'
-import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-import { TokenAmountFields } from '@/components/common/TokenAmountInput'
-
-export enum TokenTransferType {
-  multiSig = 'multiSig',
-  spendingLimit = 'spendingLimit',
-}
-
-enum Fields {
-  recipient = 'recipient',
-  type = 'type',
-}
-
-export const TokenTransferFields = { ...Fields, ...TokenAmountFields }
-
-export type TokenTransferParams = {
-  [TokenTransferFields.recipient]: string
-  [TokenTransferFields.tokenAddress]: string
-  [TokenTransferFields.amount]: string
-  [TokenTransferFields.type]: TokenTransferType
-}
-
-type TokenTransferFlowProps = Partial<TokenTransferParams> & {
-  txNonce?: number
-}
-
-const defaultParams: TokenTransferParams = {
-  recipient: '',
-  tokenAddress: ZERO_ADDRESS,
-  amount: '',
-  type: TokenTransferType.multiSig,
-}
-
-const TokenTransferFlow = ({ txNonce, ...params }: TokenTransferFlowProps) => {
-  const { data, step, nextStep, prevStep } = useTxStepper<TokenTransferParams>({
-    ...defaultParams,
-    ...params,
-  })
-
-  const steps = [
-    <CreateTokenTransfer
-      key={0}
-      params={data}
-      txNonce={txNonce}
-      onSubmit={(formData) => nextStep({ ...data, ...formData })}
-    />,
-
-    <ReviewTokenTx key={1} params={data} txNonce={txNonce} onSubmit={() => null} />,
-  ]
-
-  return (
-    <TxLayout
-      title={step === 0 ? 'New transaction' : 'Confirm transaction'}
-      subtitle="Send tokens"
-      icon={AssetsIcon}
-      step={step}
-      onBack={prevStep}
-    >
-      {steps}
-    </TxLayout>
-  )
-}
-
-export default TokenTransferFlow
diff --git a/src/components/tx-flow/flows/TokenTransfer/utils.ts b/src/components/tx-flow/flows/TokenTransfer/utils.ts
deleted file mode 100644
index 68a92b2f8..000000000
--- a/src/components/tx-flow/flows/TokenTransfer/utils.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import useIsOnlySpendingLimitBeneficiary from '@/hooks/useIsOnlySpendingLimitBeneficiary'
-import useSpendingLimit from '@/hooks/useSpendingLimit'
-import { useVisibleBalances } from '@/hooks/useVisibleBalances'
-import useWallet from '@/hooks/wallets/useWallet'
-import { useAppSelector } from '@/store'
-import { selectSpendingLimits } from '@/store/spendingLimitsSlice'
-import { sameAddress } from '@/utils/addresses'
-import { type SafeBalanceResponse } from '@safe-global/safe-gateway-typescript-sdk'
-
-export const useTokenAmount = (selectedToken: SafeBalanceResponse['items'][0] | undefined) => {
-  const spendingLimit = useSpendingLimit(selectedToken?.tokenInfo)
-
-  const spendingLimitAmount = BigInt(spendingLimit?.amount || 0) - BigInt(spendingLimit?.spent || 0)
-  const totalAmount = BigInt(selectedToken?.balance || 0)
-
-  return { totalAmount, spendingLimitAmount }
-}
-
-export const useVisibleTokens = () => {
-  const isOnlySpendingLimitBeneficiary = useIsOnlySpendingLimitBeneficiary()
-  const { balances } = useVisibleBalances()
-  const spendingLimits = useAppSelector(selectSpendingLimits)
-  const wallet = useWallet()
-
-  if (isOnlySpendingLimitBeneficiary) {
-    return balances.items.filter(({ tokenInfo }) => {
-      return spendingLimits?.some(({ beneficiary, token }) => {
-        return sameAddress(beneficiary, wallet?.address) && sameAddress(tokenInfo.address, token.address)
-      })
-    })
-  }
-
-  return balances.items
-}
diff --git a/src/components/tx-flow/flows/UpdateSafe/UpdateSafeReview.tsx b/src/components/tx-flow/flows/UpdateSafe/UpdateSafeReview.tsx
deleted file mode 100644
index 834c26d97..000000000
--- a/src/components/tx-flow/flows/UpdateSafe/UpdateSafeReview.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { useContext } from 'react'
-import { Typography } from '@mui/material'
-
-import ExternalLink from '@/components/common/ExternalLink'
-import { LATEST_SAFE_VERSION } from '@/config/constants'
-import { useCurrentChain } from '@/hooks/useChains'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { createUpdateSafeTxs } from '@/services/tx/safeUpdateParams'
-import { createMultiSendCallOnlyTx } from '@/services/tx/tx-sender'
-import { SafeTxContext } from '../../SafeTxProvider'
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import useAsync from '@/hooks/useAsync'
-
-export const UpdateSafeReview = () => {
-  const { safe, safeLoaded } = useSafeInfo()
-  const chain = useCurrentChain()
-  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
-
-  useAsync(async () => {
-    if (!chain || !safeLoaded) {
-      return
-    }
-
-    const txs = await createUpdateSafeTxs(safe, chain)
-    createMultiSendCallOnlyTx(txs).then(setSafeTx).catch(setSafeTxError)
-  }, [safe, safeLoaded, chain, setSafeTx, setSafeTxError])
-
-  return (
-    <SignOrExecuteForm>
-      <Typography mb={2}>
-        Update now to take advantage of new features and the highest security standards available.
-      </Typography>
-
-      <Typography mb={2}>
-        To check details about updates added by this smart contract version please visit{' '}
-        <ExternalLink href={`https://github.com/safe-global/safe-contracts/releases/tag/v${LATEST_SAFE_VERSION}`}>
-          latest Safe Account contracts changelog
-        </ExternalLink>
-      </Typography>
-
-      <Typography mb={2}>
-        You will need to confirm this update just like any other transaction. This means other signers will have to
-        confirm the update in case more than one confirmation is required for this Safe Account.
-      </Typography>
-
-      <Typography mb={2}>
-        <b>Warning:</b> this upgrade will invalidate all unexecuted transactions. This means you will be unable to
-        access or execute them after the upgrade. Please make sure to execute any remaining transactions before
-        upgrading.
-      </Typography>
-    </SignOrExecuteForm>
-  )
-}
diff --git a/src/components/tx-flow/flows/UpdateSafe/index.tsx b/src/components/tx-flow/flows/UpdateSafe/index.tsx
deleted file mode 100644
index 082272d01..000000000
--- a/src/components/tx-flow/flows/UpdateSafe/index.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import { UpdateSafeReview } from './UpdateSafeReview'
-import SettingsIcon from '@/public/images/sidebar/settings.svg'
-
-const UpdateSafeFlow = () => {
-  return (
-    <TxLayout title="Confirm transaction" subtitle="Update Safe Account version" icon={SettingsIcon}>
-      <UpdateSafeReview />
-    </TxLayout>
-  )
-}
-
-export default UpdateSafeFlow
diff --git a/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowReview.tsx b/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowReview.tsx
deleted file mode 100644
index 169dcfa17..000000000
--- a/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowReview.tsx
+++ /dev/null
@@ -1,156 +0,0 @@
-import { SvgIcon, Tooltip, Typography } from '@mui/material'
-import { getSafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { useContext, useEffect } from 'react'
-import type { ReactElement } from 'react'
-
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
-import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
-import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import { trackEvent } from '@/services/analytics'
-import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
-import { Errors, logError } from '@/services/exceptions'
-import { getRecoveryUpsertTransactions } from '@/features/recovery/services/setup'
-import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
-import { createMultiSendCallOnlyTx, createTx } from '@/services/tx/tx-sender'
-import { isSmartContractWallet } from '@/utils/wallets'
-import { UpsertRecoveryFlowFields } from '.'
-import { TOOLTIP_TITLES } from '../../common/constants'
-import { useRecoveryPeriods } from './useRecoveryPeriods'
-import type { UpsertRecoveryFlowProps } from '.'
-import { isCustomDelaySelected } from './utils'
-
-enum AddressType {
-  EOA = 'EOA',
-  Safe = 'Safe',
-  Other = 'Other',
-}
-
-const getAddressType = async (address: string, chainId: string) => {
-  const isSmartContract = await isSmartContractWallet(chainId, address)
-  if (!isSmartContract) return AddressType.EOA
-
-  const isSafeContract = await getSafeInfo(chainId, address)
-  if (isSafeContract) return AddressType.Safe
-
-  return AddressType.Other
-}
-
-const onSubmit = async (
-  isEdit: boolean,
-  params: Omit<UpsertRecoveryFlowProps, 'customDelay' | 'selectedDelay'>,
-  chainId: string,
-) => {
-  const addressType = await getAddressType(params.recoverer, chainId)
-  const creationEvent = isEdit ? RECOVERY_EVENTS.SUBMIT_RECOVERY_EDIT : RECOVERY_EVENTS.SUBMIT_RECOVERY_CREATE
-  const settings = `delay_${params.delay},expiry_${params.expiry},type_${addressType}`
-
-  trackEvent({ ...creationEvent })
-  trackEvent({ ...RECOVERY_EVENTS.RECOVERY_SETTINGS, label: settings })
-}
-
-export function UpsertRecoveryFlowReview({
-  params,
-  moduleAddress,
-}: {
-  params: UpsertRecoveryFlowProps
-  moduleAddress?: string
-}): ReactElement {
-  const web3ReadOnly = useWeb3ReadOnly()
-  const { safe, safeAddress } = useSafeInfo()
-  const { setSafeTx, safeTxError, setSafeTxError } = useContext(SafeTxContext)
-  const periods = useRecoveryPeriods()
-
-  const { recoverer, expiry, delay, customDelay, selectedDelay } = params
-  const isCustomDelay = isCustomDelaySelected(selectedDelay)
-
-  const expiryLabel = periods.expiration.find(({ value }) => value === params[UpsertRecoveryFlowFields.expiry])!.label
-  const delayLabel = isCustomDelay
-    ? `${customDelay} days`
-    : periods.delay.find(({ value }) => value === selectedDelay)?.label
-
-  useEffect(() => {
-    if (!web3ReadOnly) {
-      return
-    }
-
-    getRecoveryUpsertTransactions({
-      ...params,
-      provider: web3ReadOnly,
-      chainId: safe.chainId,
-      safeAddress,
-      moduleAddress,
-    })
-      .then((transactions) => {
-        return transactions.length > 1 ? createMultiSendCallOnlyTx(transactions) : createTx(transactions[0])
-      })
-      .then(setSafeTx)
-      .catch(setSafeTxError)
-  }, [moduleAddress, params, safe.chainId, safeAddress, setSafeTx, setSafeTxError, web3ReadOnly])
-
-  useEffect(() => {
-    if (safeTxError) {
-      logError(Errors._809, safeTxError.message)
-    }
-  }, [safeTxError])
-
-  const isEdit = !!moduleAddress
-
-  return (
-    <SignOrExecuteForm onSubmit={() => onSubmit(isEdit, { recoverer, expiry, delay }, safe.chainId)}>
-      <Typography>
-        This transaction will {moduleAddress ? 'update' : 'enable'} the Account recovery feature once executed.
-      </Typography>
-
-      <TxDataRow title="Trusted Recoverer">
-        <EthHashInfo address={recoverer} showName={false} hasExplorer showCopyButton avatarSize={24} />
-      </TxDataRow>
-
-      <TxDataRow
-        title={
-          <>
-            Review window
-            <Tooltip placement="top" title={TOOLTIP_TITLES.REVIEW_WINDOW}>
-              <span>
-                <SvgIcon
-                  component={InfoIcon}
-                  inheritViewBox
-                  fontSize="small"
-                  color="border"
-                  sx={{ verticalAlign: 'middle', ml: 0.5 }}
-                />
-              </span>
-            </Tooltip>
-          </>
-        }
-      >
-        {delayLabel}
-      </TxDataRow>
-
-      {expiryLabel !== '0' && (
-        <TxDataRow
-          title={
-            <>
-              Proposal expiry
-              <Tooltip placement="top" title={TOOLTIP_TITLES.PROPOSAL_EXPIRY}>
-                <span>
-                  <SvgIcon
-                    component={InfoIcon}
-                    inheritViewBox
-                    fontSize="small"
-                    color="border"
-                    sx={{ verticalAlign: 'middle', ml: 0.5 }}
-                  />
-                </span>
-              </Tooltip>
-            </>
-          }
-        >
-          {expiryLabel}
-        </TxDataRow>
-      )}
-    </SignOrExecuteForm>
-  )
-}
diff --git a/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowSettings.tsx b/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowSettings.tsx
deleted file mode 100644
index 85b4f01bc..000000000
--- a/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowSettings.tsx
+++ /dev/null
@@ -1,264 +0,0 @@
-import { trackEvent } from '@/services/analytics'
-import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
-import {
-  Divider,
-  CardActions,
-  Button,
-  Typography,
-  SvgIcon,
-  MenuItem,
-  TextField,
-  Collapse,
-  Checkbox,
-  FormControlLabel,
-  Tooltip,
-  Alert,
-  Box,
-} from '@mui/material'
-import ExpandLessIcon from '@mui/icons-material/ExpandLess'
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
-import { useForm, FormProvider, Controller } from 'react-hook-form'
-import { useState } from 'react'
-import type { ReactElement } from 'react'
-
-import TxCard from '../../common/TxCard'
-import { useRecoveryPeriods } from './useRecoveryPeriods'
-import { UpsertRecoveryFlowFields, type UpsertRecoveryFlowProps } from '.'
-import AddressBookInput from '@/components/common/AddressBookInput'
-import { sameAddress } from '@/utils/addresses'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import { RecovererWarning } from './RecovererSmartContractWarning'
-import ExternalLink from '@/components/common/ExternalLink'
-import { HelpCenterArticle, HelperCenterArticleTitles } from '@/config/constants'
-import { TOOLTIP_TITLES } from '../../common/constants'
-import Track from '@/components/common/Track'
-import type { RecoveryStateItem } from '@/features/recovery/services/recovery-state'
-
-import commonCss from '@/components/tx-flow/common/styles.module.css'
-import css from './styles.module.css'
-import NumberField from '@/components/common/NumberField'
-import { getDelay, isCustomDelaySelected } from './utils'
-
-export function UpsertRecoveryFlowSettings({
-  params,
-  delayModifier,
-  onSubmit,
-}: {
-  params: UpsertRecoveryFlowProps
-  delayModifier?: RecoveryStateItem
-  onSubmit: (formData: UpsertRecoveryFlowProps) => void
-}): ReactElement {
-  const { safeAddress } = useSafeInfo()
-  const [showAdvanced, setShowAdvanced] = useState(params[UpsertRecoveryFlowFields.expiry] !== '0')
-  const [understandsRisk, setUnderstandsRisk] = useState(false)
-  const periods = useRecoveryPeriods()
-
-  const formMethods = useForm<UpsertRecoveryFlowProps>({
-    defaultValues: params,
-    mode: 'onChange',
-  })
-
-  const recoverer = formMethods.watch(UpsertRecoveryFlowFields.recoverer)
-  const expiry = formMethods.watch(UpsertRecoveryFlowFields.expiry)
-  const selectedDelay = formMethods.watch(UpsertRecoveryFlowFields.selectedDelay)
-  const customDelay = formMethods.watch(UpsertRecoveryFlowFields.customDelay)
-  const customDelayState = formMethods.getFieldState(UpsertRecoveryFlowFields.customDelay)
-
-  const delay = getDelay(customDelay, selectedDelay)
-
-  // RHF's dirty check is tempermental with our address input dropdown
-  const isDirty = delayModifier
-    ? // Updating settings
-      !sameAddress(recoverer, delayModifier.recoverers[0]) ||
-      delayModifier.delay !== BigInt(delay) ||
-      delayModifier.expiry !== BigInt(expiry)
-    : // Setting up recovery
-      recoverer && delay && expiry
-
-  const validateRecoverer = (recoverer: string) => {
-    if (sameAddress(recoverer, safeAddress)) {
-      return 'The Safe Account cannot be a Recoverer of itself'
-    }
-  }
-
-  const validateCustomDelay = (delay: string) => {
-    if (!delay) return ''
-    if (delay === '0' || !Number.isInteger(Number(delay))) {
-      return 'Invalid number'
-    }
-  }
-
-  const onShowAdvanced = () => {
-    setShowAdvanced((prev) => !prev)
-    trackEvent(RECOVERY_EVENTS.SHOW_ADVANCED)
-  }
-
-  const isDisabled = !understandsRisk || !isDirty || !!customDelayState.error
-
-  const handleSubmit = () => {
-    onSubmit({ expiry, delay, customDelay, selectedDelay, recoverer })
-  }
-
-  return (
-    <>
-      <FormProvider {...formMethods}>
-        <form onSubmit={formMethods.handleSubmit(handleSubmit)} className={commonCss.form}>
-          <TxCard>
-            <Alert severity="warning" sx={{ border: 'unset' }}>
-              Your Recoverer will be able to reset your Account setup. Only select an address that you trust.{' '}
-              <Track {...RECOVERY_EVENTS.LEARN_MORE} label="recover-setup-flow">
-                <ExternalLink href={HelpCenterArticle.RECOVERY} title={HelperCenterArticleTitles.RECOVERY}>
-                  Learn more
-                </ExternalLink>
-              </Track>
-            </Alert>
-            <div>
-              <Typography variant="h5" gutterBottom>
-                Trusted Recoverer
-              </Typography>
-
-              <Typography variant="body2">
-                Choose a Recoverer, such as a hardware wallet or a Safe Account controlled by family or friends, that
-                can initiate the recovery process in the future.
-              </Typography>
-            </div>
-            <div>
-              <AddressBookInput
-                label="Recoverer address or ENS"
-                name={UpsertRecoveryFlowFields.recoverer}
-                required
-                fullWidth
-                validate={validateRecoverer}
-              />
-              <RecovererWarning />
-            </div>
-            <div>
-              <Typography variant="h5" gutterBottom>
-                Review window
-                <Tooltip placement="top" arrow title={TOOLTIP_TITLES.REVIEW_WINDOW}>
-                  <span>
-                    <SvgIcon
-                      component={InfoIcon}
-                      inheritViewBox
-                      fontSize="small"
-                      color="border"
-                      sx={{ verticalAlign: 'middle', ml: 0.5 }}
-                    />
-                  </span>
-                </Tooltip>
-              </Typography>
-
-              <Typography variant="body2">
-                The recovery proposal will be available for execution after this period of time. You can cancel any
-                recovery proposal when it is not needed or wanted during this period.
-              </Typography>
-            </div>
-            <Box display="flex" gap={2}>
-              <Controller
-                control={formMethods.control}
-                name={UpsertRecoveryFlowFields.selectedDelay}
-                render={({ field: { ref, ...field } }) => (
-                  <TextField
-                    data-testid="recovery-delay-select"
-                    fullWidth
-                    inputRef={ref}
-                    {...field}
-                    select
-                    sx={{ width: '55%', maxWidth: '240px' }}
-                  >
-                    {periods.delay.map(({ label, value }, index) => (
-                      <MenuItem key={index} value={value}>
-                        {label}
-                      </MenuItem>
-                    ))}
-                  </TextField>
-                )}
-              />
-              <Box display="flex" flex="1" gap={2} sx={{ maxWidth: '180px', minWidth: '140px' }}>
-                {isCustomDelaySelected(selectedDelay) && (
-                  <>
-                    <Controller
-                      control={formMethods.control}
-                      name={UpsertRecoveryFlowFields.customDelay}
-                      rules={{ validate: validateCustomDelay }}
-                      render={({ field: { ref, ...field }, fieldState }) => (
-                        <NumberField
-                          label={fieldState.error?.message}
-                          error={!!fieldState.error}
-                          inputRef={ref}
-                          {...field}
-                          required
-                          placeholder="E.g. 100"
-                        />
-                      )}
-                    />
-                    <Typography my="auto">days.</Typography>
-                  </>
-                )}
-              </Box>
-            </Box>
-            <Typography variant="body2" onClick={onShowAdvanced} role="button" className={css.advanced}>
-              Advanced {showAdvanced ? <ExpandLessIcon /> : <ExpandMoreIcon />}
-            </Typography>
-            <Collapse in={showAdvanced}>
-              <div>
-                <Typography variant="h5" gutterBottom>
-                  Proposal expiry
-                  <Tooltip placement="top" arrow title={TOOLTIP_TITLES.PROPOSAL_EXPIRY}>
-                    <span>
-                      <SvgIcon
-                        component={InfoIcon}
-                        inheritViewBox
-                        fontSize="small"
-                        color="border"
-                        sx={{ verticalAlign: 'middle', ml: 0.5 }}
-                      />
-                    </span>
-                  </Tooltip>
-                </Typography>
-
-                <Typography variant="body2" mb={2}>
-                  Set a period of time after which the recovery proposal will expire and can no longer be executed.
-                </Typography>
-              </div>
-
-              <Controller
-                control={formMethods.control}
-                name={UpsertRecoveryFlowFields.expiry}
-                // Don't reset value if advanced section is collapsed
-                shouldUnregister={false}
-                render={({ field: { ref, ...field } }) => (
-                  <TextField inputRef={ref} {...field} fullWidth select sx={{ width: '55%', maxWidth: '240px' }}>
-                    {periods.expiration.map(({ label, value }, index) => (
-                      <MenuItem key={index} value={value}>
-                        {label}
-                      </MenuItem>
-                    ))}
-                  </TextField>
-                )}
-              />
-            </Collapse>
-          </TxCard>
-
-          <TxCard>
-            <FormControlLabel
-              data-testid="warning-section"
-              label="I understand that the Recoverer will be able to initiate recovery of this Safe Account and that I will only be informed within the Rootstock Safe."
-              control={<Checkbox checked={understandsRisk} onChange={(_, checked) => setUnderstandsRisk(checked)} />}
-              sx={{ pl: 2 }}
-            />
-
-            <Divider className={commonCss.nestedDivider} />
-
-            <CardActions sx={{ mt: '0 !important' }}>
-              <Button data-testid="next-btn" variant="contained" type="submit" disabled={isDisabled}>
-                Next
-              </Button>
-            </CardActions>
-          </TxCard>
-        </form>
-      </FormProvider>
-    </>
-  )
-}
diff --git a/src/components/tx-flow/flows/UpsertRecovery/index.tsx b/src/components/tx-flow/flows/UpsertRecovery/index.tsx
deleted file mode 100644
index 48339019a..000000000
--- a/src/components/tx-flow/flows/UpsertRecovery/index.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import { SETUP_RECOVERY_CATEGORY } from '@/services/analytics/events/recovery'
-import type { ReactElement } from 'react'
-
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import RecoveryPlus from '@/public/images/common/recovery-plus.svg'
-import useTxStepper from '../../useTxStepper'
-import { UpsertRecoveryFlowReview as UpsertRecoveryFlowReview } from './UpsertRecoveryFlowReview'
-import { UpsertRecoveryFlowSettings as UpsertRecoveryFlowSettings } from './UpsertRecoveryFlowSettings'
-import { UpsertRecoveryFlowIntro as UpsertRecoveryFlowIntro } from './UpsertRecoveryFlowIntro'
-import { DAY_IN_SECONDS } from './useRecoveryPeriods'
-import type { RecoveryState } from '@/features/recovery/services/recovery-state'
-
-const Subtitles = ['How does recovery work?', 'Set up recovery settings', 'Set up account recovery']
-
-export enum UpsertRecoveryFlowFields {
-  recoverer = 'recoverer',
-  delay = 'delay',
-  customDelay = 'customDelay',
-  selectedDelay = 'selectedDelay',
-  expiry = 'expiry',
-}
-
-export type UpsertRecoveryFlowProps = {
-  [UpsertRecoveryFlowFields.recoverer]: string
-  [UpsertRecoveryFlowFields.delay]: string
-  [UpsertRecoveryFlowFields.customDelay]: string
-  [UpsertRecoveryFlowFields.selectedDelay]: string
-  [UpsertRecoveryFlowFields.expiry]: string
-}
-
-function UpsertRecoveryFlow({ delayModifier }: { delayModifier?: RecoveryState[number] }): ReactElement {
-  const { data, step, nextStep, prevStep } = useTxStepper<UpsertRecoveryFlowProps>(
-    {
-      [UpsertRecoveryFlowFields.recoverer]: delayModifier?.recoverers?.[0] ?? '',
-      [UpsertRecoveryFlowFields.delay]: '',
-      [UpsertRecoveryFlowFields.selectedDelay]: delayModifier?.delay?.toString() ?? `${DAY_IN_SECONDS * 28}`, // 28 days in seconds
-      [UpsertRecoveryFlowFields.customDelay]: '',
-      [UpsertRecoveryFlowFields.expiry]: delayModifier?.expiry?.toString() ?? '0',
-    },
-    SETUP_RECOVERY_CATEGORY,
-  )
-
-  const steps = [
-    <UpsertRecoveryFlowIntro key={0} onSubmit={() => nextStep(data)} />,
-    <UpsertRecoveryFlowSettings
-      key={1}
-      params={data}
-      delayModifier={delayModifier}
-      onSubmit={(formData) => nextStep({ ...data, ...formData })}
-    />,
-    <UpsertRecoveryFlowReview key={2} params={data} moduleAddress={delayModifier?.address} />,
-  ]
-
-  const isIntro = step === 0
-
-  const icon = isIntro ? undefined : RecoveryPlus
-
-  return (
-    <TxLayout
-      title="Account recovery"
-      subtitle={Subtitles[step]}
-      icon={icon}
-      step={step}
-      onBack={prevStep}
-      hideNonce={isIntro}
-      hideProgress={isIntro}
-      isRecovery={!isIntro}
-    >
-      {steps}
-    </TxLayout>
-  )
-}
-
-export default UpsertRecoveryFlow
diff --git a/src/components/tx-flow/flows/index.ts b/src/components/tx-flow/flows/index.ts
deleted file mode 100644
index fd28c11e8..000000000
--- a/src/components/tx-flow/flows/index.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import dynamic from 'next/dynamic'
-
-export const AddOwnerFlow = dynamic(() => import('./AddOwner'))
-export const CancelRecoveryFlow = dynamic(() => import('./CancelRecovery'))
-export const ChangeThresholdFlow = dynamic(() => import('./ChangeThreshold'))
-export const ConfirmBatchFlow = dynamic(() => import('./ConfirmBatch'))
-export const ConfirmTxFlow = dynamic(() => import('./ConfirmTx'))
-export const ExecuteBatchFlow = dynamic(() => import('./ExecuteBatch'))
-export const NewSpendingLimitFlow = dynamic(() => import('./NewSpendingLimit'))
-export const NewTxFlow = dynamic(() => import('./NewTx'))
-export const NftTransferFlow = dynamic(() => import('./NftTransfer'))
-export const RecoverAccountFlow = dynamic(() => import('./RecoverAccount'))
-export const RejectTxFlow = dynamic(() => import('./RejectTx'))
-export const RemoveGuardFlow = dynamic(() => import('./RemoveGuard'))
-export const RemoveModuleFlow = dynamic(() => import('./RemoveModule'))
-export const RemoveOwnerFlow = dynamic(() => import('./RemoveOwner'))
-export const RemoveRecoveryFlow = dynamic(() => import('./RemoveRecovery'))
-export const RemoveSpendingLimitFlow = dynamic(() => import('./RemoveSpendingLimit'))
-export const ReplaceOwnerFlow = dynamic(() => import('./ReplaceOwner'))
-export const ReplaceTxFlow = dynamic(() => import('./ReplaceTx'))
-export const SafeAppsTxFlow = dynamic(() => import('./SafeAppsTx'))
-export const SignMessageFlow = dynamic(() => import('./SignMessage'))
-export const SignMessageOnChainFlow = dynamic(() => import('./SignMessageOnChain'))
-export const SuccessScreenFlow = dynamic(() => import('./SuccessScreen'))
-export const TokenTransferFlow = dynamic(() => import('./TokenTransfer'))
-export const UpdateSafeFlow = dynamic(() => import('./UpdateSafe'))
-export const UpsertRecoveryFlow = dynamic(() => import('./UpsertRecovery'))
diff --git a/src/components/tx-flow/index.tsx b/src/components/tx-flow/index.tsx
deleted file mode 100644
index 5927f3796..000000000
--- a/src/components/tx-flow/index.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import { createContext, type ReactElement, type ReactNode, useState, useEffect, useCallback, useRef } from 'react'
-import { usePathname } from 'next/navigation'
-import TxModalDialog from '@/components/common/TxModalDialog'
-import { SuccessScreenFlow } from './flows'
-import useSafeAddress from '@/hooks/useSafeAddress'
-import useChainId from '@/hooks/useChainId'
-
-const noop = () => {}
-
-export type TxModalContextType = {
-  txFlow: JSX.Element | undefined
-  setTxFlow: (txFlow: TxModalContextType['txFlow'], onClose?: () => void, shouldWarn?: boolean) => void
-  setFullWidth: (fullWidth: boolean) => void
-}
-
-export const TxModalContext = createContext<TxModalContextType>({
-  txFlow: undefined,
-  setTxFlow: noop,
-  setFullWidth: noop,
-})
-
-// TODO: Rename TxModalProvider, setTxFlow, TxModalDialog to not contain Tx since it can be used for any type of modal as a global provider
-const confirmClose = () => {
-  return confirm('Closing this window will discard your current progress.')
-}
-
-export const TxModalProvider = ({ children }: { children: ReactNode }): ReactElement => {
-  const [txFlow, setFlow] = useState<TxModalContextType['txFlow']>(undefined)
-  const [fullWidth, setFullWidth] = useState<boolean>(false)
-  const shouldWarn = useRef<boolean>(true)
-  const onClose = useRef<() => void>(noop)
-  const safeId = useChainId() + useSafeAddress()
-  const prevSafeId = useRef<string>(safeId ?? '')
-  const pathname = usePathname()
-  const prevPathname = useRef<string | null>(pathname)
-
-  const handleModalClose = useCallback(() => {
-    if (shouldWarn.current && !confirmClose()) {
-      return
-    }
-    onClose.current()
-    onClose.current = noop
-    setFlow(undefined)
-  }, [])
-
-  // Open a new tx flow, close the previous one if any
-  const setTxFlow = useCallback(
-    (newTxFlow: TxModalContextType['txFlow'], newOnClose?: () => void, newShouldWarn?: boolean) => {
-      setFlow((prev) => {
-        if (prev === newTxFlow) return prev
-
-        // If a new flow is triggered, close the current one
-        if (prev && newTxFlow && newTxFlow.type !== SuccessScreenFlow) {
-          if (shouldWarn.current && !confirmClose()) {
-            return prev
-          }
-          onClose.current()
-        }
-
-        onClose.current = newOnClose ?? noop
-        shouldWarn.current = newShouldWarn ?? true
-
-        return newTxFlow
-      })
-    },
-    [],
-  )
-
-  // Close the modal when the user navigates to a different Safe or route
-  useEffect(() => {
-    if (safeId === prevSafeId.current && pathname === prevPathname.current) return
-
-    prevSafeId.current = safeId
-    prevPathname.current = pathname
-
-    if (txFlow) {
-      handleModalClose()
-    }
-  }, [txFlow, safeId, pathname, handleModalClose])
-
-  return (
-    <TxModalContext.Provider value={{ txFlow, setTxFlow, setFullWidth }}>
-      {children}
-
-      <TxModalDialog open={!!txFlow} onClose={handleModalClose} fullWidth={fullWidth}>
-        {txFlow}
-      </TxModalDialog>
-    </TxModalContext.Provider>
-  )
-}
diff --git a/src/components/tx/AdvancedParams/index.tsx b/src/components/tx/AdvancedParams/index.tsx
deleted file mode 100644
index f50ef914d..000000000
--- a/src/components/tx/AdvancedParams/index.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import GasParams from '@/components/tx/GasParams'
-import { useHasFeature } from '@/hooks/useChains'
-import { MODALS_EVENTS, trackEvent } from '@/services/analytics'
-import { FEATURES } from '@/utils/chains'
-import { useState } from 'react'
-import AdvancedParamsForm from './AdvancedParamsForm'
-import { type AdvancedParameters } from './types'
-
-type Props = {
-  params: AdvancedParameters
-  recommendedGasLimit?: AdvancedParameters['gasLimit']
-  willExecute: boolean
-  onFormSubmit: (data: AdvancedParameters) => void
-  gasLimitError?: Error
-  willRelay?: boolean
-}
-
-const AdvancedParams = ({
-  params,
-  recommendedGasLimit,
-  willExecute,
-  onFormSubmit,
-  gasLimitError,
-  willRelay,
-}: Props) => {
-  const [isEditing, setIsEditing] = useState<boolean>(false)
-  const isEIP1559 = useHasFeature(FEATURES.EIP1559)
-
-  const onEditOpen = () => {
-    setIsEditing(true)
-    trackEvent(MODALS_EVENTS.EDIT_ADVANCED_PARAMS)
-  }
-
-  const onAdvancedSubmit = (data: AdvancedParameters) => {
-    onFormSubmit(data)
-    setIsEditing(false)
-  }
-
-  return isEditing ? (
-    <AdvancedParamsForm
-      params={params}
-      isExecution={willExecute}
-      recommendedGasLimit={recommendedGasLimit}
-      onSubmit={onAdvancedSubmit}
-      isEIP1559={isEIP1559}
-      willRelay={willRelay}
-    />
-  ) : (
-    <GasParams
-      params={params}
-      isExecution={willExecute}
-      isEIP1559={isEIP1559}
-      gasLimitError={gasLimitError}
-      onEdit={onEditOpen}
-      willRelay={willRelay}
-    />
-  )
-}
-
-export default AdvancedParams
-
-export * from './useAdvancedParams'
-
-export * from './types.d'
diff --git a/src/components/tx/AdvancedParams/types.d.ts b/src/components/tx/AdvancedParams/types.d.ts
deleted file mode 100644
index bb1a68248..000000000
--- a/src/components/tx/AdvancedParams/types.d.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-export enum AdvancedField {
-  nonce = 'nonce',
-  userNonce = 'userNonce',
-  gasLimit = 'gasLimit',
-  maxFeePerGas = 'maxFeePerGas',
-  maxPriorityFeePerGas = 'maxPriorityFeePerGas',
-  safeTxGas = 'safeTxGas',
-}
-
-export type AdvancedParameters = Partial<{
-  [AdvancedField.nonce]: number
-  [AdvancedField.userNonce]: number
-  [AdvancedField.gasLimit]: BigNumber
-  [AdvancedField.maxFeePerGas]: BigNumber
-  [AdvancedField.maxPriorityFeePerGas]: BigNumber
-  [AdvancedField.safeTxGas]: number
-}>
diff --git a/src/components/tx/ApprovalEditor/ApprovalItem.tsx b/src/components/tx/ApprovalEditor/ApprovalItem.tsx
deleted file mode 100644
index 27c077af7..000000000
--- a/src/components/tx/ApprovalEditor/ApprovalItem.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Box, Stack, Typography } from '@mui/material'
-import css from '@/components/tx/ApprovalEditor/styles.module.css'
-import type { Approval } from '@/services/security/modules/ApprovalModule'
-import type { ApprovalInfo } from './hooks/useApprovalInfos'
-import TokenIcon from '@/components/common/TokenIcon'
-import { PSEUDO_APPROVAL_VALUES } from './utils/approvals'
-import { formatAmountPrecise } from '@/utils/formatNumber'
-
-export const approvalMethodDescription: Record<Approval['method'], (symbol: string) => string> = {
-  approve: (symbol: string) => `Set ${symbol} allowance to`,
-  increaseAllowance: (symbol: string) => `Increase ${symbol} allowance by`,
-  Permit2: (symbol: string) => `Give permission to spend ${symbol}`,
-}
-
-const ApprovalItem = ({
-  method,
-  amount,
-  tokenInfo,
-}: {
-  spender: string
-  amount: string
-  tokenInfo: NonNullable<ApprovalInfo['tokenInfo']>
-  method: Approval['method']
-}) => {
-  return (
-    <Stack direction="row" alignItems="center" gap={2} className={css.approvalField}>
-      <TokenIcon size={32} logoUri={tokenInfo?.logoUri} tokenSymbol={tokenInfo?.symbol} />
-      <Box>
-        <Typography variant="body2" color="text.secondary">
-          {approvalMethodDescription[method](tokenInfo.symbol ?? '')}
-        </Typography>
-        {amount === PSEUDO_APPROVAL_VALUES.UNLIMITED ? (
-          <Typography>{PSEUDO_APPROVAL_VALUES.UNLIMITED}</Typography>
-        ) : (
-          <Typography data-testid="token-amount">{formatAmountPrecise(amount, tokenInfo.decimals)}</Typography>
-        )}
-      </Box>
-    </Stack>
-  )
-}
-
-export default ApprovalItem
diff --git a/src/components/tx/ApprovalEditor/SpenderField.tsx b/src/components/tx/ApprovalEditor/SpenderField.tsx
deleted file mode 100644
index 1a7320264..000000000
--- a/src/components/tx/ApprovalEditor/SpenderField.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { Stack, Typography, useMediaQuery, useTheme } from '@mui/material'
-
-import css from './styles.module.css'
-import useAsync from '@/hooks/useAsync'
-import useChainId from '@/hooks/useChainId'
-import { getContract } from '@safe-global/safe-gateway-typescript-sdk'
-
-export const SpenderField = ({ address }: { address: string }) => {
-  const chainId = useChainId()
-  const [spendingContract] = useAsync(() => getContract(chainId, address), [chainId, address])
-  const { breakpoints } = useTheme()
-  const isSmallScreen = useMediaQuery(breakpoints.down('md'))
-
-  return (
-    <Stack direction="row" justifyContent="space-between" alignItems="center" gap={2} className={css.approvalField}>
-      <Typography variant="body2" color="text.secondary">
-        Spender
-      </Typography>
-      <div>
-        <EthHashInfo
-          avatarSize={24}
-          address={address}
-          name={spendingContract?.displayName || spendingContract?.name}
-          customAvatar={spendingContract?.logoUri}
-          shortAddress={isSmallScreen}
-          hasExplorer
-        />
-      </div>
-    </Stack>
-  )
-}
diff --git a/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.ts b/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.ts
deleted file mode 100644
index 2e7eff887..000000000
--- a/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import useAsync from '@/hooks/useAsync'
-import useBalances from '@/hooks/useBalances'
-import { type Approval, ApprovalModule } from '@/services/security/modules/ApprovalModule'
-import { getERC20TokenInfoOnChain, UNLIMITED_APPROVAL_AMOUNT, UNLIMITED_PERMIT2_AMOUNT } from '@/utils/tokens'
-import { type SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import { formatUnits } from 'ethers'
-import { PSEUDO_APPROVAL_VALUES } from '../utils/approvals'
-import { useMemo } from 'react'
-import { type EIP712TypedData, type TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { sameAddress } from '@/utils/addresses'
-
-export type ApprovalInfo = {
-  tokenInfo: (Omit<TokenInfo, 'logoUri' | 'name'> & { logoUri?: string }) | undefined
-  tokenAddress: string
-  spender: any
-  amount: any
-  amountFormatted: string
-  method: Approval['method']
-  /** Index of approval transaction within (batch) transaction */
-  transactionIndex: number
-}
-
-const ApprovalModuleInstance = new ApprovalModule()
-
-export const useApprovalInfos = (payload: {
-  safeTransaction?: SafeTransaction
-  safeMessage?: EIP712TypedData
-}): [ApprovalInfo[] | undefined, Error | undefined, boolean] => {
-  const { safeTransaction, safeMessage } = payload
-  const { balances } = useBalances()
-  const approvals = useMemo(() => {
-    if (safeTransaction) {
-      return ApprovalModuleInstance.scanTransaction({ safeTransaction })
-    }
-    if (safeMessage) {
-      return ApprovalModuleInstance.scanMessage({ safeMessage })
-    }
-  }, [safeMessage, safeTransaction])
-
-  const hasApprovalSignatures = !!approvals && !!approvals.payload && approvals.payload.length > 0
-
-  const [approvalInfos, error, loading] = useAsync<ApprovalInfo[] | undefined>(
-    async () => {
-      if (!hasApprovalSignatures) return
-
-      return Promise.all(
-        approvals.payload.map(async (approval) => {
-          let tokenInfo: Omit<TokenInfo, 'name' | 'logoUri'> | undefined = balances.items.find((item) =>
-            sameAddress(item.tokenInfo.address, approval.tokenAddress),
-          )?.tokenInfo
-
-          if (!tokenInfo) {
-            tokenInfo = await getERC20TokenInfoOnChain(approval.tokenAddress)
-          }
-
-          const amountFormatted =
-            UNLIMITED_APPROVAL_AMOUNT == approval.amount || UNLIMITED_PERMIT2_AMOUNT == approval.amount
-              ? PSEUDO_APPROVAL_VALUES.UNLIMITED
-              : formatUnits(approval.amount, tokenInfo?.decimals)
-
-          return { ...approval, tokenInfo, amountFormatted }
-        }),
-      )
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [hasApprovalSignatures, balances.items.length],
-    false, // Do not clear data on balance updates
-  )
-
-  return [hasApprovalSignatures ? approvalInfos : [], error, loading]
-}
diff --git a/src/components/tx/ApprovalEditor/index.tsx b/src/components/tx/ApprovalEditor/index.tsx
deleted file mode 100644
index 3f1a3bcf0..000000000
--- a/src/components/tx/ApprovalEditor/index.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
-import { createMultiSendCallOnlyTx, createTx } from '@/services/tx/tx-sender'
-import { Alert, Box, Skeleton, Typography } from '@mui/material'
-import { type SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import { useContext } from 'react'
-import css from './styles.module.css'
-import { ApprovalEditorForm } from './ApprovalEditorForm'
-import { updateApprovalTxs } from './utils/approvals'
-import { useApprovalInfos } from './hooks/useApprovalInfos'
-import { decodeSafeTxToBaseTransactions } from '@/utils/transactions'
-import Approvals from '@/components/tx/ApprovalEditor/Approvals'
-import { type EIP712TypedData } from '@safe-global/safe-gateway-typescript-sdk'
-
-const Title = () => {
-  return (
-    <div>
-      <Typography fontWeight={700}>Allow access to tokens?</Typography>
-      <Typography variant="body2">This allows the spender to spend the specified amount of your tokens.</Typography>
-    </div>
-  )
-}
-
-export const ApprovalEditor = ({
-  safeTransaction,
-  safeMessage,
-}: {
-  safeTransaction?: SafeTransaction
-  safeMessage?: EIP712TypedData
-}) => {
-  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
-  const [readableApprovals, error, loading] = useApprovalInfos({ safeTransaction, safeMessage })
-
-  const nonZeroApprovals = readableApprovals?.filter((approval) => !(0n === approval.amount))
-
-  if (nonZeroApprovals?.length === 0 || (!safeTransaction && !safeMessage)) {
-    return null
-  }
-
-  const updateApprovals = (approvals: string[]) => {
-    if (!safeTransaction) {
-      return
-    }
-    const extractedTxs = decodeSafeTxToBaseTransactions(safeTransaction)
-    const updatedTxs = updateApprovalTxs(approvals, readableApprovals, extractedTxs)
-
-    const createSafeTx = async (): Promise<SafeTransaction> => {
-      const isMultiSend = updatedTxs.length > 1
-      return isMultiSend ? createMultiSendCallOnlyTx(updatedTxs) : createTx(updatedTxs[0])
-    }
-
-    createSafeTx().then(setSafeTx).catch(setSafeTxError)
-  }
-
-  const isReadOnly = (safeTransaction && safeTransaction.signatures.size > 0) || safeMessage !== undefined
-
-  return (
-    <Box display="flex" flexDirection="column" gap={2} className={css.container}>
-      <Title />
-      {error ? (
-        <Alert severity="error">Error while decoding approval transactions.</Alert>
-      ) : loading || !readableApprovals ? (
-        <Skeleton variant="rounded" height={100} data-testid="approval-editor-loading" />
-      ) : isReadOnly ? (
-        <Approvals approvalInfos={readableApprovals} />
-      ) : (
-        <ApprovalEditorForm approvalInfos={readableApprovals} updateApprovals={updateApprovals} />
-      )}
-    </Box>
-  )
-}
-
-export default ApprovalEditor
diff --git a/src/components/tx/ApprovalEditor/utils/approvals.ts b/src/components/tx/ApprovalEditor/utils/approvals.ts
deleted file mode 100644
index d96b434ca..000000000
--- a/src/components/tx/ApprovalEditor/utils/approvals.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { ERC20__factory } from '@/types/contracts'
-import { UNLIMITED_APPROVAL_AMOUNT } from '@/utils/tokens'
-import type { BaseTransaction } from '@safe-global/safe-apps-sdk'
-import type { DecodedDataResponse } from '@safe-global/safe-gateway-typescript-sdk'
-import { parseUnits, id } from 'ethers'
-import { EMPTY_DATA } from '@safe-global/protocol-kit/dist/src/utils/constants'
-import { type ApprovalInfo } from '../hooks/useApprovalInfos'
-
-export const APPROVAL_SIGNATURE_HASH = id('approve(address,uint256)').slice(0, 10)
-export const INCREASE_ALLOWANCE_SIGNATURE_HASH = id('increaseAllowance(address,uint256)').slice(0, 10)
-
-const MULTISEND_METHOD = 'multiSend'
-
-const APPROVE_METHOD = 'approve'
-
-const TRANSACTIONS_PARAM = 'transactions'
-
-const ADDRESS_TYPE = 'address'
-const UINT256_TYPE = 'uint256'
-
-const ERC20_INTERFACE = ERC20__factory.createInterface()
-
-export enum PSEUDO_APPROVAL_VALUES {
-  UNLIMITED = 'Unlimited amount',
-}
-
-const parseApprovalAmount = (amount: string, decimals: number) => {
-  if (amount === PSEUDO_APPROVAL_VALUES.UNLIMITED) {
-    return UNLIMITED_APPROVAL_AMOUNT
-  }
-
-  return parseUnits(amount, decimals)
-}
-
-export const extractTxs: (txs: BaseTransaction[] | (DecodedDataResponse & { to: string })) => BaseTransaction[] = (
-  txs,
-) => {
-  if (Array.isArray(txs)) {
-    return txs
-  }
-
-  const isMultiSendCall = txs.method === MULTISEND_METHOD && txs.parameters.length === 1
-
-  // Our multisend contract takes 1 param called transactions
-  if (isMultiSendCall) {
-    const txParam = txs.parameters[0]
-    if (txParam.name === TRANSACTIONS_PARAM) {
-      return txParam.valueDecoded
-        ? txParam.valueDecoded.map((innerTx) => ({
-            to: innerTx.to,
-            data: innerTx.data || EMPTY_DATA,
-            value: innerTx.value,
-          }))
-        : []
-    }
-  }
-
-  const isApproveCall = txs.method === APPROVE_METHOD && txs.parameters.length === 2
-
-  if (isApproveCall) {
-    const spenderParam = txs.parameters[0]
-    const amountParam = txs.parameters[1]
-
-    // We only check the types here instead of the names may vary in ERC20 implementations
-    if (
-      spenderParam.type == ADDRESS_TYPE &&
-      typeof spenderParam.value === 'string' &&
-      amountParam.type === UINT256_TYPE &&
-      typeof amountParam.value === 'string'
-    ) {
-      return [
-        {
-          to: txs.to,
-          value: '0x',
-          data: ERC20_INTERFACE.encodeFunctionData(APPROVE_METHOD, [spenderParam.value, amountParam.value]),
-        },
-      ]
-    }
-  }
-  return []
-}
-
-export const updateApprovalTxs = (
-  approvalFormValues: string[],
-  approvalInfos: ApprovalInfo[] | undefined,
-  txs: BaseTransaction[],
-) => {
-  const updatedTxs = txs.map((tx, txIndex) => {
-    const approvalIndex = approvalInfos?.findIndex((approval) => approval.transactionIndex === txIndex)
-    if (approvalIndex === undefined) {
-      return tx
-    }
-    if (tx.data.startsWith(APPROVAL_SIGNATURE_HASH) || tx.data.startsWith(INCREASE_ALLOWANCE_SIGNATURE_HASH)) {
-      const newApproval = approvalFormValues[approvalIndex]
-      const approvalInfo = approvalInfos?.[approvalIndex]
-      if (!approvalInfo || !approvalInfo.tokenInfo) {
-        // Without decimals and spender we cannot create a new tx
-        return tx
-      }
-      const decimals = approvalInfo.tokenInfo.decimals
-      const newAmountWei = parseApprovalAmount(newApproval, decimals)
-      if (tx.data.startsWith(APPROVAL_SIGNATURE_HASH)) {
-        return {
-          to: approvalInfo.tokenAddress,
-          value: '0',
-          data: ERC20_INTERFACE.encodeFunctionData('approve', [approvalInfo.spender, newAmountWei]),
-        }
-      } else {
-        return {
-          to: approvalInfo.tokenAddress,
-          value: '0',
-          data: ERC20_INTERFACE.encodeFunctionData('increaseAllowance', [approvalInfo.spender, newAmountWei]),
-        }
-      }
-    }
-    return tx
-  })
-
-  return updatedTxs
-}
diff --git a/src/components/tx/DecodedTx/index.test.tsx b/src/components/tx/DecodedTx/index.test.tsx
deleted file mode 100644
index b591b4746..000000000
--- a/src/components/tx/DecodedTx/index.test.tsx
+++ /dev/null
@@ -1,225 +0,0 @@
-import { fireEvent, render } from '@/tests/test-utils'
-import { type SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import DecodedTx from '.'
-import { waitFor } from '@testing-library/react'
-
-describe('DecodedTx', () => {
-  it('should render a native transfer', async () => {
-    const result = render(
-      <DecodedTx
-        tx={
-          {
-            data: {
-              to: '0x3430d04E42a722c5Ae52C5Bffbf1F230C2677600',
-              value: '1000000',
-              data: '0x',
-              operation: 0,
-              baseGas: '0',
-              gasPrice: '0',
-              gasToken: '0x0000000000000000000000000000000000000000',
-              refundReceiver: '0x0000000000000000000000000000000000000000',
-              nonce: 58,
-              safeTxGas: '0',
-            },
-          } as SafeTransaction
-        }
-        decodedData={{
-          method: 'Native token transfer',
-          parameters: [
-            {
-              name: 'to',
-              type: 'address',
-              value: '0x3430d04E42a722c5Ae52C5Bffbf1F230C2677600',
-            },
-            {
-              name: 'value',
-              type: 'uint256',
-              value: '1000000',
-            },
-          ],
-        }}
-      />,
-    )
-
-    fireEvent.click(result.getByText('Transaction details'))
-
-    expect(result.queryAllByText('Native token transfer').length).toBe(2)
-    expect(result.queryByText('to(address):')).toBeInTheDocument()
-    expect(result.queryByText('0x3430...7600')).toBeInTheDocument()
-    expect(result.queryByText('value(uint256):')).toBeInTheDocument()
-    expect(result.queryByText('1000000')).toBeInTheDocument()
-  })
-
-  it('should render an ERC20 transfer', async () => {
-    const result = render(
-      <DecodedTx
-        tx={
-          {
-            data: {
-              to: '0x3430d04E42a722c5Ae52C5Bffbf1F230C2677600',
-              value: '0',
-              data: '0xa9059cbb000000000000000000000000474e5ded6b5d078163bfb8f6dba355c3aa5478c80000000000000000000000000000000000000000000000008ac7230489e80000',
-              operation: 0,
-              baseGas: '0',
-              gasPrice: '0',
-              gasToken: '0x0000000000000000000000000000000000000000',
-              refundReceiver: '0x0000000000000000000000000000000000000000',
-              nonce: 58,
-              safeTxGas: '0',
-            },
-          } as SafeTransaction
-        }
-        decodedData={{
-          method: 'transfer',
-          parameters: [
-            {
-              name: 'to',
-              type: 'address',
-              value: '0x474e5Ded6b5D078163BFB8F6dBa355C3aA5478C8',
-            },
-            {
-              name: 'value',
-              type: 'uint256',
-              value: '16745726664999765048',
-            },
-          ],
-        }}
-      />,
-    )
-
-    fireEvent.click(result.getByText('Transaction details'))
-
-    await waitFor(() => {
-      expect(result.queryAllByText('transfer').length).toBe(2)
-      expect(result.queryByText('to(address):')).toBeInTheDocument()
-      expect(result.queryByText('0x474e...78C8')).toBeInTheDocument()
-      expect(result.queryByText('value(uint256):')).toBeInTheDocument()
-      expect(result.queryByText('16745726664999765048')).toBeInTheDocument()
-    })
-  })
-
-  it('should render a multisend transaction', async () => {
-    const result = render(
-      <DecodedTx
-        tx={
-          {
-            data: {
-              to: '0x40A2aCCbd92BCA938b02010E17A5b8929b49130D',
-              value: '0',
-              data: '0x8d80ff00',
-              operation: 1,
-              baseGas: '0',
-              gasPrice: '0',
-              gasToken: '0x0000000000000000000000000000000000000000',
-              refundReceiver: '0x0000000000000000000000000000000000000000',
-              nonce: 58,
-              safeTxGas: '0',
-            },
-          } as SafeTransaction
-        }
-        decodedData={{
-          method: 'multiSend',
-          parameters: [
-            {
-              name: 'transactions',
-              type: 'bytes',
-              value: '0x0057f1887a8bf19b14fc0df',
-              valueDecoded: [
-                {
-                  operation: 0,
-                  to: '0x57f1887a8BF19b14fC0dF6Fd9B2acc9Af147eA85',
-                  value: '0',
-                  data: '0x42842e0e0000000000000000000',
-                  dataDecoded: {
-                    method: 'safeTransferFrom',
-                    parameters: [
-                      {
-                        name: 'from',
-                        type: 'address',
-                        value: '0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6',
-                      },
-                      {
-                        name: 'to',
-                        type: 'address',
-                        value: '0x474e5Ded6b5D078163BFB8F6dBa355C3aA5478C8',
-                      },
-                      {
-                        name: 'tokenId',
-                        type: 'uint256',
-                        value: '52964617156216674852059480948658573966398315289847646343083345905048987083870',
-                      },
-                    ],
-                  },
-                },
-                {
-                  operation: 0,
-                  to: '0xD014e20A75437a4bd0FbB40498FF94e6F337c3e9',
-                  value: '0',
-                  data: '0x42842e0e000000000000000000000000a77de',
-                  dataDecoded: {
-                    method: 'safeTransferFrom',
-                    parameters: [
-                      {
-                        name: 'from',
-                        type: 'address',
-                        value: '0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6',
-                      },
-                      {
-                        name: 'to',
-                        type: 'address',
-                        value: '0x474e5Ded6b5D078163BFB8F6dBa355C3aA5478C8',
-                      },
-                      {
-                        name: 'tokenId',
-                        type: 'uint256',
-                        value: '412',
-                      },
-                    ],
-                  },
-                },
-              ],
-            },
-          ],
-        }}
-      />,
-    )
-
-    await waitFor(() => {
-      expect(result.queryByText('multi Send')).toBeInTheDocument()
-      expect(result.queryByText('transactions(bytes):')).toBeInTheDocument()
-      expect(result.queryByText('1')).toBeInTheDocument()
-      expect(result.queryByText('2')).toBeInTheDocument()
-    })
-  })
-
-  it('should render a function call without parameters', async () => {
-    const result = render(
-      <DecodedTx
-        tx={
-          {
-            data: {
-              to: '0xe91d153e0b41518a2ce8dd3d7944fa863463a97d',
-              value: '5000000000000',
-              data: '0xd0e30db0',
-              operation: 0,
-              baseGas: '0',
-              gasPrice: '0',
-              gasToken: '0x0000000000000000000000000000000000000000',
-              refundReceiver: '0x0000000000000000000000000000000000000000',
-              nonce: 58,
-              safeTxGas: '0',
-            },
-          } as SafeTransaction
-        }
-        decodedData={{
-          method: 'deposit',
-          parameters: [],
-        }}
-      />,
-    )
-
-    fireEvent.click(result.getByText('Transaction details'))
-
-    expect((await result.findAllByText('deposit')).length).toBe(2)
-  })
-})
diff --git a/src/components/tx/DecodedTx/index.tsx b/src/components/tx/DecodedTx/index.tsx
deleted file mode 100644
index e31efca39..000000000
--- a/src/components/tx/DecodedTx/index.tsx
+++ /dev/null
@@ -1,187 +0,0 @@
-import SendToBlock from '@/components/tx/SendToBlock'
-import { useCurrentChain } from '@/hooks/useChains'
-import { isConfirmationViewOrder } from '@/utils/transaction-guards'
-import { type SyntheticEvent, type ReactElement, memo } from 'react'
-import {
-  Accordion,
-  AccordionDetails,
-  AccordionSummary,
-  Box,
-  Skeleton,
-  Stack,
-  SvgIcon,
-  Tooltip,
-  Typography,
-} from '@mui/material'
-import { OperationType, type SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import type { DecodedDataResponse } from '@safe-global/safe-gateway-typescript-sdk'
-import {
-  getTransactionDetails,
-  type TransactionDetails,
-  Operation,
-  TokenType,
-} from '@safe-global/safe-gateway-typescript-sdk'
-import useChainId from '@/hooks/useChainId'
-import useAsync from '@/hooks/useAsync'
-import { MethodDetails } from '@/components/transactions/TxDetails/TxData/DecodedData/MethodDetails'
-import ErrorMessage from '../ErrorMessage'
-import Summary, { PartialSummary } from '@/components/transactions/TxDetails/Summary'
-import { trackEvent, MODALS_EVENTS } from '@/services/analytics'
-import Multisend from '@/components/transactions/TxDetails/TxData/DecodedData/Multisend'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import ExternalLink from '@/components/common/ExternalLink'
-import { HelpCenterArticle } from '@/config/constants'
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
-import accordionCss from '@/styles/accordion.module.css'
-import { formatVisualAmount } from '@/utils/formatters'
-import SendAmountBlock from '@/components/tx-flow/flows/TokenTransfer/SendAmountBlock'
-import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-
-type DecodedTxProps = {
-  tx?: SafeTransaction
-  txId?: string
-  showMultisend?: boolean
-  decodedData?: DecodedDataResponse
-  decodedDataError?: Error
-  decodedDataLoading?: boolean
-  showToBlock?: boolean
-}
-
-const DecodedTx = ({
-  tx,
-  txId,
-  showMultisend = true,
-  decodedData,
-  decodedDataError,
-  decodedDataLoading = false,
-  showToBlock = false,
-}: DecodedTxProps): ReactElement | null => {
-  const chainId = useChainId()
-  const chain = useCurrentChain()
-  const isSwapOrder = isConfirmationViewOrder(decodedData)
-
-  const isMultisend = !!decodedData?.parameters?.[0]?.valueDecoded
-
-  const [txDetails, txDetailsError, txDetailsLoading] = useAsync<TransactionDetails>(() => {
-    if (!txId) return
-    return getTransactionDetails(chainId, txId)
-  }, [chainId, txId])
-
-  const addressInfoIndex = txDetails?.txData?.addressInfoIndex
-
-  const onChangeExpand = (_: SyntheticEvent, expanded: boolean) => {
-    trackEvent({ ...MODALS_EVENTS.TX_DETAILS, label: expanded ? 'Open' : 'Close' })
-  }
-
-  if (!decodedData) return null
-
-  const amount = tx?.data.value ? formatVisualAmount(tx.data.value, chain?.nativeCurrency.decimals) : '0'
-
-  return (
-    <Stack spacing={2}>
-      {!isSwapOrder && tx && showToBlock && (
-        <>
-          {amount !== '0' && (
-            <SendAmountBlock
-              amount={amount}
-              tokenInfo={{
-                type: TokenType.NATIVE_TOKEN,
-                address: ZERO_ADDRESS,
-                decimals: chain?.nativeCurrency.decimals ?? 18,
-                symbol: chain?.nativeCurrency.symbol ?? 'ETH',
-                logoUri: chain?.nativeCurrency.logoUri,
-              }}
-            />
-          )}
-          <SendToBlock address={tx.data.to} title="Interact with" name={addressInfoIndex?.[tx.data.to]?.name} />
-        </>
-      )}
-
-      {isMultisend && showMultisend && (
-        <Box>
-          <Multisend
-            txData={{
-              dataDecoded: decodedData,
-              to: { value: tx?.data.to || '' },
-              value: tx?.data.value,
-              operation: tx?.data.operation === OperationType.DelegateCall ? Operation.DELEGATE : Operation.CALL,
-              trustedDelegateCallTarget: false,
-              addressInfoIndex,
-            }}
-            compact
-          />
-        </Box>
-      )}
-
-      <Box>
-        <Accordion elevation={0} onChange={onChangeExpand} sx={!tx ? { pointerEvents: 'none' } : undefined}>
-          <AccordionSummary
-            data-testid="decoded-tx-summary"
-            expandIcon={<ExpandMoreIcon />}
-            className={accordionCss.accordion}
-          >
-            <span style={{ flex: 1 }}>Transaction details</span>
-
-            {decodedData
-              ? decodedData.method
-              : tx?.data.operation === OperationType.DelegateCall
-              ? 'Delegate call'
-              : ''}
-          </AccordionSummary>
-
-          <AccordionDetails data-testid="decoded-tx-details">
-            {decodedData ? (
-              <MethodDetails data={decodedData} addressInfoIndex={addressInfoIndex} />
-            ) : decodedDataError ? (
-              <ErrorMessage error={decodedDataError}>Failed decoding transaction data</ErrorMessage>
-            ) : (
-              decodedDataLoading && <Skeleton />
-            )}
-
-            <Box mt={2}>
-              <Typography variant="overline" fontWeight="bold" color="border.main" display="flex" alignItems="center">
-                Advanced details
-                <Tooltip
-                  title={
-                    <>
-                      We recommend not changing the default values unless necessary.{' '}
-                      <ExternalLink href={HelpCenterArticle.ADVANCED_PARAMS} title="Learn more about advanced details">
-                        Learn more about advanced details
-                      </ExternalLink>
-                      .
-                    </>
-                  }
-                  arrow
-                  placement="top"
-                >
-                  <span>
-                    <SvgIcon
-                      component={InfoIcon}
-                      inheritViewBox
-                      color="border"
-                      fontSize="small"
-                      sx={{
-                        verticalAlign: 'middle',
-                        ml: 0.5,
-                      }}
-                    />
-                  </span>
-                </Tooltip>
-              </Typography>
-
-              {txDetails ? <Summary txDetails={txDetails} defaultExpanded /> : tx && <PartialSummary safeTx={tx} />}
-
-              {txDetailsLoading && <Skeleton />}
-
-              {txDetailsError && (
-                <ErrorMessage error={txDetailsError}>Failed loading all transaction details</ErrorMessage>
-              )}
-            </Box>
-          </AccordionDetails>
-        </Accordion>
-      </Box>
-    </Stack>
-  )
-}
-
-export default memo(DecodedTx)
diff --git a/src/components/tx/ErrorMessage/index.tsx b/src/components/tx/ErrorMessage/index.tsx
deleted file mode 100644
index 2f16b760c..000000000
--- a/src/components/tx/ErrorMessage/index.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { type ReactElement, type ReactNode, type SyntheticEvent, useState } from 'react'
-import { Link, Typography, SvgIcon } from '@mui/material'
-import classNames from 'classnames'
-import WarningIcon from '@/public/images/notifications/warning.svg'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import css from './styles.module.css'
-
-const ErrorMessage = ({
-  children,
-  error,
-  className,
-  level = 'error',
-}: {
-  children: ReactNode
-  error?: Error & { reason?: string }
-  className?: string
-  level?: 'error' | 'warning' | 'info'
-}): ReactElement => {
-  const [showDetails, setShowDetails] = useState<boolean>(false)
-
-  const onDetailsToggle = (e: SyntheticEvent) => {
-    e.preventDefault()
-    setShowDetails((prev) => !prev)
-  }
-
-  return (
-    <div data-testid="error-message" className={classNames(css.container, css[level], className, 'errorMessage')}>
-      <div className={css.message}>
-        <SvgIcon
-          component={level === 'info' ? InfoIcon : WarningIcon}
-          inheritViewBox
-          fontSize="small"
-          sx={{ color: ({ palette }) => `${palette[level].main} !important` }}
-        />
-
-        <div>
-          <Typography variant="body2" component="span">
-            {children}
-
-            {error && (
-              <Link component="button" onClick={onDetailsToggle} display="block">
-                Details
-              </Link>
-            )}
-          </Typography>
-
-          {error && showDetails && (
-            <Typography variant="body2" className={css.details}>
-              {error.reason || error.message.slice(0, 300)}
-            </Typography>
-          )}
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default ErrorMessage
diff --git a/src/components/tx/ErrorMessage/styles.module.css b/src/components/tx/ErrorMessage/styles.module.css
deleted file mode 100644
index 1fda0fddc..000000000
--- a/src/components/tx/ErrorMessage/styles.module.css
+++ /dev/null
@@ -1,45 +0,0 @@
-.container {
-  padding: var(--space-2);
-  margin: var(--space-2) 0;
-  border-radius: 4px;
-}
-
-.container.error {
-  background-color: var(--color-error-background);
-  color: var(--color-error-dark);
-}
-
-.container.warning {
-  background-color: var(--color-warning-background);
-  color: var(--color-warning-dark);
-}
-
-.container.info {
-  background-color: var(--color-info-background);
-  color: var(--color-primary-main);
-}
-
-.container.info svg {
-  color: var(--color-text-secondary);
-}
-
-.message {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--space-1);
-}
-
-.message button {
-  vertical-align: baseline;
-  text-decoration: underline;
-}
-
-.message svg {
-  margin-top: 4px;
-}
-
-.details {
-  margin-top: var(--space-1);
-  color: var(--color-primary-light);
-  word-break: break-word;
-}
diff --git a/src/components/tx/ExecutionMethodSelector/index.tsx b/src/components/tx/ExecutionMethodSelector/index.tsx
deleted file mode 100644
index da3c52f0e..000000000
--- a/src/components/tx/ExecutionMethodSelector/index.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import { Box, FormControl, FormControlLabel, Radio, RadioGroup, Typography } from '@mui/material'
-import type { Dispatch, SetStateAction, ReactElement, ChangeEvent } from 'react'
-
-import useWallet from '@/hooks/wallets/useWallet'
-import WalletIcon from '@/components/common/WalletIcon'
-import SponsoredBy from '../SponsoredBy'
-import RemainingRelays from '../RemainingRelays'
-
-import css from './styles.module.css'
-import BalanceInfo from '@/components/tx/BalanceInfo'
-import madProps from '@/utils/mad-props'
-import { useCurrentChain } from '@/hooks/useChains'
-import type { ChainInfo, RelayCountResponse } from '@safe-global/safe-gateway-typescript-sdk'
-import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
-
-export const enum ExecutionMethod {
-  RELAY = 'RELAY',
-  WALLET = 'WALLET',
-}
-
-const _ExecutionMethodSelector = ({
-  wallet,
-  chain,
-  executionMethod,
-  setExecutionMethod,
-  relays,
-  noLabel,
-  tooltip,
-}: {
-  wallet: ConnectedWallet | null
-  chain?: ChainInfo
-  executionMethod: ExecutionMethod
-  setExecutionMethod: Dispatch<SetStateAction<ExecutionMethod>>
-  relays?: RelayCountResponse
-  noLabel?: boolean
-  tooltip?: string
-}): ReactElement | null => {
-  const shouldRelay = executionMethod === ExecutionMethod.RELAY
-
-  const onChooseExecutionMethod = (_: ChangeEvent<HTMLInputElement>, newExecutionMethod: string) => {
-    setExecutionMethod(newExecutionMethod as ExecutionMethod)
-  }
-
-  return (
-    <Box className={css.container} sx={{ borderRadius: ({ shape }) => `${shape.borderRadius}px` }}>
-      <div className={css.method}>
-        <FormControl sx={{ display: 'flex' }}>
-          {!noLabel ? (
-            <Typography variant="body2" className={css.label}>
-              Who will pay gas fees:
-            </Typography>
-          ) : null}
-
-          <RadioGroup row value={executionMethod} onChange={onChooseExecutionMethod}>
-            <FormControlLabel
-              sx={{ flex: 1 }}
-              value={ExecutionMethod.RELAY}
-              label={
-                <Typography className={css.radioLabel}>
-                  Sponsored by
-                  <SponsoredBy chainId={chain?.chainId ?? ''} />
-                </Typography>
-              }
-              control={<Radio />}
-            />
-
-            <FormControlLabel
-              data-testid="connected-wallet-execution-method"
-              sx={{ flex: 1 }}
-              value={ExecutionMethod.WALLET}
-              label={
-                <Typography className={css.radioLabel}>
-                  <WalletIcon provider={wallet?.label || ''} width={20} height={20} icon={wallet?.icon} /> Connected
-                  wallet
-                </Typography>
-              }
-              control={<Radio />}
-            />
-          </RadioGroup>
-        </FormControl>
-      </div>
-
-      {shouldRelay && relays ? <RemainingRelays relays={relays} tooltip={tooltip} /> : wallet ? <BalanceInfo /> : null}
-    </Box>
-  )
-}
-
-export const ExecutionMethodSelector = madProps(_ExecutionMethodSelector, {
-  wallet: useWallet,
-  chain: useCurrentChain,
-})
diff --git a/src/components/tx/FieldsGrid/index.tsx b/src/components/tx/FieldsGrid/index.tsx
deleted file mode 100644
index 375ed8532..000000000
--- a/src/components/tx/FieldsGrid/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { type ReactNode } from 'react'
-import { Grid, Typography } from '@mui/material'
-
-const FieldsGrid = ({ title, children }: { title: string; children: ReactNode }) => {
-  return (
-    <Grid container alignItems="center" gap={1}>
-      <Grid item xs={2} xl={2} minWidth={90}>
-        <Typography variant="body2" color="text.secondary" noWrap>
-          {title}
-        </Typography>
-      </Grid>
-
-      <Grid item xs>
-        {children}
-      </Grid>
-    </Grid>
-  )
-}
-
-export default FieldsGrid
diff --git a/src/components/tx/GasParams/index.tsx b/src/components/tx/GasParams/index.tsx
deleted file mode 100644
index 9aaabf6a9..000000000
--- a/src/components/tx/GasParams/index.tsx
+++ /dev/null
@@ -1,158 +0,0 @@
-import { getTotalFee } from '@/hooks/useGasPrice'
-import type { ReactElement, SyntheticEvent } from 'react'
-import { Accordion, AccordionDetails, AccordionSummary, Skeleton, Typography, Link, Grid, SvgIcon } from '@mui/material'
-import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
-import WarningIcon from '@/public/images/notifications/warning.svg'
-import { useCurrentChain } from '@/hooks/useChains'
-import { formatVisualAmount } from '@/utils/formatters'
-import { type AdvancedParameters } from '../AdvancedParams/types'
-import { trackEvent, MODALS_EVENTS } from '@/services/analytics'
-import classnames from 'classnames'
-import css from './styles.module.css'
-import accordionCss from '@/styles/accordion.module.css'
-import madProps from '@/utils/mad-props'
-
-const GasDetail = ({ name, value, isLoading }: { name: string; value: string; isLoading: boolean }): ReactElement => {
-  const valueSkeleton = <Skeleton variant="text" sx={{ minWidth: '5em' }} />
-  return (
-    <Grid container>
-      <Grid item xs>
-        {name}
-      </Grid>
-      <Grid item>{value || (isLoading ? valueSkeleton : '-')}</Grid>
-    </Grid>
-  )
-}
-
-type GasParamsProps = {
-  params: AdvancedParameters
-  isExecution: boolean
-  isEIP1559: boolean
-  onEdit?: () => void
-  gasLimitError?: Error
-  willRelay?: boolean
-}
-
-export const _GasParams = ({
-  params,
-  isExecution,
-  isEIP1559,
-  onEdit,
-  gasLimitError,
-  willRelay,
-  chain,
-}: GasParamsProps & { chain?: ChainInfo }): ReactElement => {
-  const { nonce, userNonce, safeTxGas, gasLimit, maxFeePerGas, maxPriorityFeePerGas } = params
-
-  const onChangeExpand = (_: SyntheticEvent, expanded: boolean) => {
-    trackEvent({ ...MODALS_EVENTS.ESTIMATION, label: expanded ? 'Open' : 'Close' })
-  }
-
-  const isLoading = !gasLimit || !maxFeePerGas
-  const isError = gasLimitError && !gasLimit
-
-  // Total gas cost
-  const totalFee = !isLoading
-    ? formatVisualAmount(getTotalFee(maxFeePerGas, gasLimit), chain?.nativeCurrency.decimals)
-    : '> 0.001'
-
-  // Individual gas params
-  const gasLimitString = gasLimit?.toString() || ''
-  const maxFeePerGasGwei = maxFeePerGas ? formatVisualAmount(maxFeePerGas) : ''
-  const maxPrioGasGwei = maxPriorityFeePerGas ? formatVisualAmount(maxPriorityFeePerGas) : ''
-
-  const onEditClick = (e: SyntheticEvent) => {
-    e.preventDefault()
-    onEdit?.()
-  }
-
-  const EditComponent = (
-    <>
-      {gasLimitError || !isExecution || (isExecution && !isLoading) ? (
-        <Link component="button" onClick={onEditClick} sx={{ mt: 2 }} fontSize="medium">
-          Edit
-        </Link>
-      ) : (
-        <Skeleton variant="text" sx={{ display: 'inline-block', minWidth: '2em', mt: 2 }} />
-      )}
-    </>
-  )
-
-  return (
-    <div className={classnames({ [css.error]: gasLimitError })}>
-      <Accordion
-        elevation={0}
-        onChange={onChangeExpand}
-        className={classnames({ [css.withExecutionMethod]: isExecution })}
-      >
-        <AccordionSummary expandIcon={<ExpandMoreIcon />} className={accordionCss.accordion}>
-          {isExecution ? (
-            <Typography display="flex" alignItems="center" width={1}>
-              <span style={{ flex: '1' }}>Estimated fee </span>
-              {gasLimitError ? (
-                <>
-                  <SvgIcon
-                    component={WarningIcon}
-                    inheritViewBox
-                    fontSize="small"
-                    sx={{ color: 'var(--color-error-main)', mr: 'var(--space-1)' }}
-                  />
-                  <span style={{ fontWeight: 'normal' }}>Cannot Estimate</span>
-                </>
-              ) : isLoading ? (
-                <Skeleton variant="text" sx={{ display: 'inline-block', minWidth: '7em' }} />
-              ) : (
-                <span>{willRelay ? 'Free' : `${totalFee} ${chain?.nativeCurrency.symbol}`}</span>
-              )}
-            </Typography>
-          ) : (
-            <Typography>
-              Signing the transaction with nonce&nbsp;
-              {nonce !== undefined ? (
-                nonce
-              ) : (
-                <Skeleton variant="text" sx={{ display: 'inline-block', minWidth: '2em' }} />
-              )}
-            </Typography>
-          )}
-        </AccordionSummary>
-
-        <AccordionDetails>
-          {nonce !== undefined && (
-            <GasDetail isLoading={false} name="Safe Account transaction nonce" value={nonce.toString()} />
-          )}
-
-          {safeTxGas !== undefined && <GasDetail isLoading={false} name="safeTxGas" value={safeTxGas.toString()} />}
-
-          {isExecution && (
-            <>
-              {userNonce !== undefined && (
-                <GasDetail isLoading={false} name="Wallet nonce" value={userNonce.toString()} />
-              )}
-
-              <GasDetail isLoading={isLoading} name="Gas limit" value={isError ? 'Cannot estimate' : gasLimitString} />
-
-              {isEIP1559 ? (
-                <>
-                  <GasDetail isLoading={isLoading} name="Max priority fee (Gwei)" value={maxPrioGasGwei} />
-                  <GasDetail isLoading={isLoading} name="Max fee (Gwei)" value={maxFeePerGasGwei} />
-                </>
-              ) : (
-                <GasDetail isLoading={isLoading} name="Gas price (Gwei)" value={maxFeePerGasGwei} />
-              )}
-            </>
-          )}
-
-          {onEdit && EditComponent}
-        </AccordionDetails>
-      </Accordion>
-    </div>
-  )
-}
-
-const GasParams = madProps(_GasParams, {
-  chain: useCurrentChain,
-})
-
-export default GasParams
diff --git a/src/components/tx/RemainingRelays/index.tsx b/src/components/tx/RemainingRelays/index.tsx
deleted file mode 100644
index d349b0cd0..000000000
--- a/src/components/tx/RemainingRelays/index.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { SvgIcon, Tooltip, Typography } from '@mui/material'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import { MAX_HOUR_RELAYS } from '@/hooks/useRemainingRelays'
-import css from '../BalanceInfo/styles.module.css'
-import type { RelayCountResponse } from '@safe-global/safe-gateway-typescript-sdk'
-
-const RemainingRelays = ({ relays, tooltip }: { relays?: RelayCountResponse; tooltip?: string }) => {
-  if (!tooltip) {
-    tooltip = `${relays?.limit ?? MAX_HOUR_RELAYS} transactions per hour for free`
-  }
-
-  return (
-    <div className={css.container}>
-      <Typography variant="body2" color="primary.light" display="flex" alignItems="center" gap={0.5}>
-        <b>{relays?.remaining ?? MAX_HOUR_RELAYS}</b> free transactions left this hour
-        <Tooltip title={tooltip} placement="top" arrow>
-          <span style={{ lineHeight: 0 }}>
-            <SvgIcon component={InfoIcon} inheritViewBox color="info" fontSize="small" sx={{ color: '#B2B5B2' }} />
-          </span>
-        </Tooltip>
-      </Typography>
-    </div>
-  )
-}
-
-export default RemainingRelays
diff --git a/src/components/tx/SendToBlock/index.tsx b/src/components/tx/SendToBlock/index.tsx
deleted file mode 100644
index af5423f65..000000000
--- a/src/components/tx/SendToBlock/index.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Typography } from '@mui/material'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import FieldsGrid from '../FieldsGrid'
-
-const SendToBlock = ({
-  address,
-  title = 'To',
-  avatarSize,
-  name,
-}: {
-  address: string
-  name?: string
-  title?: string
-  avatarSize?: number
-}) => {
-  return (
-    <FieldsGrid title={title}>
-      <Typography variant="body2" component="div">
-        <EthHashInfo
-          address={address}
-          name={name}
-          shortAddress={false}
-          hasExplorer
-          showCopyButton
-          avatarSize={avatarSize}
-        />
-      </Typography>
-    </FieldsGrid>
-  )
-}
-
-export default SendToBlock
diff --git a/src/components/tx/SignOrExecuteForm/ExecuteForm.tsx b/src/components/tx/SignOrExecuteForm/ExecuteForm.tsx
deleted file mode 100644
index 9d4d4f862..000000000
--- a/src/components/tx/SignOrExecuteForm/ExecuteForm.tsx
+++ /dev/null
@@ -1,217 +0,0 @@
-import useWalletCanPay from '@/hooks/useWalletCanPay'
-import madProps from '@/utils/mad-props'
-import { type ReactElement, type SyntheticEvent, useContext, useState } from 'react'
-import { CircularProgress, Box, Button, CardActions, Divider } from '@mui/material'
-import classNames from 'classnames'
-
-import ErrorMessage from '@/components/tx/ErrorMessage'
-import { trackError, Errors } from '@/services/exceptions'
-import { useCurrentChain } from '@/hooks/useChains'
-import { getTxOptions } from '@/utils/transactions'
-import useIsValidExecution from '@/hooks/useIsValidExecution'
-import CheckWallet from '@/components/common/CheckWallet'
-import { useIsExecutionLoop, useTxActions } from './hooks'
-import { useRelaysBySafe } from '@/hooks/useRemainingRelays'
-import useWalletCanRelay from '@/hooks/useWalletCanRelay'
-import { ExecutionMethod, ExecutionMethodSelector } from '../ExecutionMethodSelector'
-import { hasRemainingRelays } from '@/utils/relaying'
-import type { SignOrExecuteProps } from '.'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import { TxModalContext } from '@/components/tx-flow'
-import { SuccessScreenFlow } from '@/components/tx-flow/flows'
-import useGasLimit from '@/hooks/useGasLimit'
-import AdvancedParams, { useAdvancedParams } from '../AdvancedParams'
-import { asError } from '@/services/exceptions/utils'
-import { isWalletRejection } from '@/utils/wallets'
-
-import css from './styles.module.css'
-import commonCss from '@/components/tx-flow/common/styles.module.css'
-import { TxSecurityContext } from '../security/shared/TxSecurityContext'
-import useIsSafeOwner from '@/hooks/useIsSafeOwner'
-import NonOwnerError from '@/components/tx/SignOrExecuteForm/NonOwnerError'
-import WalletRejectionError from '@/components/tx/SignOrExecuteForm/WalletRejectionError'
-
-export const ExecuteForm = ({
-  safeTx,
-  txId,
-  onSubmit,
-  disableSubmit = false,
-  origin,
-  onlyExecute,
-  isCreation,
-  isOwner,
-  isExecutionLoop,
-  txActions,
-  txSecurity,
-}: SignOrExecuteProps & {
-  isOwner: ReturnType<typeof useIsSafeOwner>
-  isExecutionLoop: ReturnType<typeof useIsExecutionLoop>
-  txActions: ReturnType<typeof useTxActions>
-  txSecurity: ReturnType<typeof useTxSecurityContext>
-  safeTx?: SafeTransaction
-}): ReactElement => {
-  // Form state
-  const [isSubmittable, setIsSubmittable] = useState<boolean>(true)
-  const [submitError, setSubmitError] = useState<Error | undefined>()
-  const [isRejectedByUser, setIsRejectedByUser] = useState<Boolean>(false)
-
-  // Hooks
-  const currentChain = useCurrentChain()
-  const { executeTx } = txActions
-  const { setTxFlow } = useContext(TxModalContext)
-  const { needsRiskConfirmation, isRiskConfirmed, setIsRiskIgnored } = txSecurity
-
-  // We default to relay, but the option is only shown if we canRelay
-  const [executionMethod, setExecutionMethod] = useState(ExecutionMethod.RELAY)
-
-  // SC wallets can relay fully signed transactions
-  const [walletCanRelay] = useWalletCanRelay(safeTx)
-  const relays = useRelaysBySafe(origin)
-  // The transaction can/will be relayed
-  const canRelay = walletCanRelay && hasRemainingRelays(relays[0])
-  const willRelay = canRelay && executionMethod === ExecutionMethod.RELAY
-
-  // Estimate gas limit
-  const { gasLimit, gasLimitError } = useGasLimit(safeTx)
-  const [advancedParams, setAdvancedParams] = useAdvancedParams(gasLimit)
-
-  // Check if transaction will fail
-  const { executionValidationError } = useIsValidExecution(safeTx, advancedParams.gasLimit)
-
-  // On modal submit
-  const handleSubmit = async (e: SyntheticEvent) => {
-    e.preventDefault()
-
-    if (needsRiskConfirmation && !isRiskConfirmed) {
-      setIsRiskIgnored(true)
-      return
-    }
-
-    setIsSubmittable(false)
-    setSubmitError(undefined)
-    setIsRejectedByUser(false)
-
-    const txOptions = getTxOptions(advancedParams, currentChain)
-
-    let executedTxId: string
-    try {
-      executedTxId = await executeTx(txOptions, safeTx, txId, origin, willRelay)
-    } catch (_err) {
-      const err = asError(_err)
-      if (isWalletRejection(err)) {
-        setIsRejectedByUser(true)
-      } else {
-        trackError(Errors._804, err)
-        setSubmitError(err)
-      }
-      setIsSubmittable(true)
-      return
-    }
-
-    // On success
-    onSubmit?.(executedTxId, true)
-    setTxFlow(<SuccessScreenFlow txId={executedTxId} safeTx={safeTx} />, undefined, false)
-  }
-
-  const walletCanPay = useWalletCanPay({
-    gasLimit,
-    maxFeePerGas: advancedParams.maxFeePerGas,
-    maxPriorityFeePerGas: advancedParams.maxPriorityFeePerGas,
-  })
-
-  const cannotPropose = !isOwner && !onlyExecute
-  const submitDisabled =
-    !safeTx ||
-    !isSubmittable ||
-    disableSubmit ||
-    isExecutionLoop ||
-    cannotPropose ||
-    (needsRiskConfirmation && !isRiskConfirmed)
-
-  return (
-    <>
-      <form onSubmit={handleSubmit}>
-        <div className={classNames(css.params, { [css.noBottomBorderRadius]: canRelay })}>
-          <AdvancedParams
-            willExecute
-            params={advancedParams}
-            recommendedGasLimit={gasLimit}
-            onFormSubmit={setAdvancedParams}
-            gasLimitError={gasLimitError}
-            willRelay={willRelay}
-          />
-
-          {canRelay && (
-            <div className={css.noTopBorder}>
-              <ExecutionMethodSelector
-                executionMethod={executionMethod}
-                setExecutionMethod={setExecutionMethod}
-                relays={relays[0]}
-              />
-            </div>
-          )}
-        </div>
-
-        {/* Error messages */}
-        {cannotPropose ? (
-          <NonOwnerError />
-        ) : isExecutionLoop ? (
-          <ErrorMessage>
-            Cannot execute a transaction from the Safe Account itself, please connect a different account.
-          </ErrorMessage>
-        ) : !walletCanPay && !willRelay ? (
-          <ErrorMessage level="info">
-            Your connected wallet doesn&apos;t have enough funds to execute this transaction.
-          </ErrorMessage>
-        ) : (
-          (executionValidationError || gasLimitError) && (
-            <ErrorMessage error={executionValidationError || gasLimitError}>
-              This transaction will most likely fail.
-              {` To save gas costs, ${isCreation ? 'avoid creating' : 'reject'} this transaction.`}
-            </ErrorMessage>
-          )
-        )}
-
-        {submitError && (
-          <Box mt={1}>
-            <ErrorMessage error={submitError}>Error submitting the transaction. Please try again.</ErrorMessage>
-          </Box>
-        )}
-
-        {isRejectedByUser && (
-          <Box mt={1}>
-            <WalletRejectionError />
-          </Box>
-        )}
-
-        <Divider className={commonCss.nestedDivider} sx={{ pt: 3 }} />
-
-        <CardActions>
-          {/* Submit button */}
-          <CheckWallet allowNonOwner={onlyExecute}>
-            {(isOk) => (
-              <Button
-                data-testid="execute-form-btn"
-                variant="contained"
-                type="submit"
-                disabled={!isOk || submitDisabled}
-                sx={{ minWidth: '112px' }}
-              >
-                {!isSubmittable ? <CircularProgress size={20} /> : 'Execute'}
-              </Button>
-            )}
-          </CheckWallet>
-        </CardActions>
-      </form>
-    </>
-  )
-}
-
-const useTxSecurityContext = () => useContext(TxSecurityContext)
-
-export default madProps(ExecuteForm, {
-  isOwner: useIsSafeOwner,
-  isExecutionLoop: useIsExecutionLoop,
-  txActions: useTxActions,
-  txSecurity: useTxSecurityContext,
-})
diff --git a/src/components/tx/SignOrExecuteForm/PermissionsCheck/__test__/PermissionsCheck.test.tsx b/src/components/tx/SignOrExecuteForm/PermissionsCheck/__test__/PermissionsCheck.test.tsx
deleted file mode 100644
index 814c6faca..000000000
--- a/src/components/tx/SignOrExecuteForm/PermissionsCheck/__test__/PermissionsCheck.test.tsx
+++ /dev/null
@@ -1,300 +0,0 @@
-import { createMockSafeTransaction } from '@/tests/transactions'
-import { OperationType } from '@safe-global/safe-core-sdk-types'
-import { type ReactElement } from 'react'
-import * as zodiacRoles from 'zodiac-roles-deployments'
-import { fireEvent, render, waitFor, mockWeb3Provider } from '@/tests/test-utils'
-
-import { type ConnectedWallet } from '@/hooks/wallets/useOnboard'
-import * as useSafeInfoHook from '@/hooks/useSafeInfo'
-import * as wallet from '@/hooks/wallets/useWallet'
-import * as onboardHooks from '@/hooks/wallets/useOnboard'
-import * as txSender from '@/services/tx/tx-sender/dispatch'
-import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
-import { type OnboardAPI } from '@web3-onboard/core'
-import { AbiCoder, ZeroAddress, encodeBytes32String } from 'ethers'
-import PermissionsCheck from '..'
-import * as hooksModule from '../hooks'
-import { FEATURES } from '@/utils/chains'
-import { chainBuilder } from '@/tests/builders/chains'
-import { useHasFeature } from '@/hooks/useChains'
-
-// We assume that CheckWallet always returns true
-jest.mock('@/components/common/CheckWallet', () => ({
-  __esModule: true,
-  default({ children }: { children: (ok: boolean) => ReactElement }) {
-    return children(true)
-  },
-}))
-
-const mockChain = chainBuilder()
-  // @ts-expect-error - we are using a local FEATURES enum
-  .with({ features: [FEATURES.ZODIAC_ROLES, FEATURES.EIP1559] })
-  .with({ chainId: '1' })
-  .with({ shortName: 'eth' })
-  .with({ chainName: 'Ethereum' })
-  .with({ transactionService: 'https://tx.service.mock' })
-  .build()
-
-// mock useCurrentChain
-jest.mock('@/hooks/useChains', () => ({
-  __esModule: true,
-  ...jest.requireActual('@/hooks/useChains'),
-  useCurrentChain: jest.fn(() => mockChain),
-  useHasFeature: jest.fn(),
-}))
-
-jest.mock('@/hooks/useChainId', () => ({
-  useChainId: jest.fn().mockReturnValue(() => '1'),
-}))
-
-// mock getModuleTransactionId
-jest.mock('@/services/transactions', () => ({
-  getModuleTransactionId: jest.fn(() => 'i1234567890'),
-}))
-
-describe('PermissionsCheck', () => {
-  let executeSpy: jest.SpyInstance
-  let fetchRolesModMock: jest.SpyInstance
-
-  const mockConnectedWalletAddress = (address: string) => {
-    // Onboard
-    jest.spyOn(onboardHooks, 'default').mockReturnValue({
-      setChain: jest.fn(),
-      state: {
-        get: () => ({
-          wallets: [
-            {
-              label: 'MetaMask',
-              accounts: [{ address }],
-              connected: true,
-              chains: [{ id: '1' }],
-            },
-          ],
-        }),
-      },
-    } as unknown as OnboardAPI)
-
-    // Wallet
-    jest.spyOn(wallet, 'default').mockReturnValue({
-      chainId: '1',
-      label: 'MetaMask',
-      address,
-    } as unknown as ConnectedWallet)
-  }
-
-  beforeEach(() => {
-    jest.clearAllMocks()
-    ;(useHasFeature as jest.Mock).mockImplementation((feature) => mockChain.features.includes(feature)),
-      // Safe info
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
-        safe: SAFE_INFO,
-        safeAddress: SAFE_INFO.address.value,
-        safeError: undefined,
-        safeLoading: false,
-        safeLoaded: true,
-      }))
-
-    // Roles mod fetching
-
-    // Mock the Roles mod fetching function to return the test roles mod
-
-    fetchRolesModMock = jest.spyOn(zodiacRoles, 'fetchRolesMod').mockReturnValue(Promise.resolve(TEST_ROLES_MOD as any))
-
-    // Mock signing and dispatching the module transaction
-    executeSpy = jest
-      .spyOn(txSender, 'dispatchModuleTxExecution')
-      .mockReturnValue(Promise.resolve('0xabababababababababababababababababababababababababababababababab')) // tx hash
-
-    // Mock return value of useWeb3ReadOnly
-    // It's only used for eth_estimateGas requests
-    mockWeb3Provider([])
-
-    jest.spyOn(hooksModule, 'pollModuleTransactionId').mockReturnValue(Promise.resolve('i1234567890'))
-  })
-
-  it('only fetch roles and show the card if the feature is enabled', async () => {
-    ;(useHasFeature as jest.Mock).mockImplementation((feature) => feature !== FEATURES.ZODIAC_ROLES)
-    mockConnectedWalletAddress(SAFE_INFO.owners[0].value) // connect as safe owner (not a role member)
-
-    const safeTx = createMockSafeTransaction({
-      to: ZeroAddress,
-      data: '0xd0e30db0', // deposit()
-      value: AbiCoder.defaultAbiCoder().encode(['uint256'], [123]),
-      operation: OperationType.Call,
-    })
-
-    const { queryByText } = render(<PermissionsCheck safeTx={safeTx} />)
-
-    // the card is not shown
-    expect(queryByText('Execute without confirmations')).not.toBeInTheDocument()
-
-    expect(fetchRolesModMock).not.toHaveBeenCalled()
-  })
-
-  it('only shows the card when the user is a member of any role', async () => {
-    mockConnectedWalletAddress(SAFE_INFO.owners[0].value) // connect as safe owner (not a role member)
-
-    const safeTx = createMockSafeTransaction({
-      to: ZeroAddress,
-      data: '0xd0e30db0', // deposit()
-      value: AbiCoder.defaultAbiCoder().encode(['uint256'], [123]),
-      operation: OperationType.Call,
-    })
-
-    const { queryByText } = render(<PermissionsCheck safeTx={safeTx} />)
-
-    // wait for the Roles mod to be fetched
-    await waitFor(() => {
-      expect(fetchRolesModMock).toBeCalled()
-    })
-
-    // the card is not shown
-    expect(queryByText('Execute without confirmations')).not.toBeInTheDocument()
-  })
-
-  it('disables the submit button when the call is not allowed and shows the permission check status', async () => {
-    mockConnectedWalletAddress(MEMBER_ADDRESS)
-
-    const safeTx = createMockSafeTransaction({
-      to: ZeroAddress,
-      data: '0xd0e30db0', // deposit()
-      value: AbiCoder.defaultAbiCoder().encode(['uint256'], [123]),
-      operation: OperationType.Call,
-    })
-
-    const { findByText, getByText } = render(<PermissionsCheck safeTx={safeTx} />)
-    expect(await findByText('Execute')).toBeDisabled()
-
-    expect(
-      getByText(
-        textContentMatcher('You are a member of the eth_wrapping role but it does not allow this transaction.'),
-      ),
-    ).toBeInTheDocument()
-
-    expect(getByText('TargetAddressNotAllowed')).toBeInTheDocument()
-  })
-
-  it('execute the tx when the submit button is clicked', async () => {
-    mockConnectedWalletAddress(MEMBER_ADDRESS)
-
-    const safeTx = createMockSafeTransaction({
-      to: WETH_ADDRESS,
-      data: '0xd0e30db0', // deposit()
-      value: AbiCoder.defaultAbiCoder().encode(['uint256'], [123]),
-      operation: OperationType.Call,
-    })
-
-    const onSubmit = jest.fn()
-
-    const { findByText } = render(<PermissionsCheck safeTx={safeTx} onSubmit={onSubmit} />)
-
-    fireEvent.click(await findByText('Execute'))
-
-    await waitFor(() => {
-      expect(executeSpy).toHaveBeenCalledWith(
-        // call to the Roles mod's execTransactionWithRole function
-        expect.objectContaining({
-          to: TEST_ROLES_MOD.address,
-          data: '0xc6fe8747000000000000000000000000fff9976782d46cc05630d1f6ebab18b2324d6b14000000000000000000000000000000000000000000000000000000000000007b00000000000000000000000000000000000000000000000000000000000000c000000000000000000000000000000000000000000000000000000000000000006574685f7772617070696e67000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000004d0e30db000000000000000000000000000000000000000000000000000000000',
-          value: '0',
-        }),
-        undefined,
-        expect.anything(),
-      )
-    })
-
-    // calls provided onSubmit callback
-    await waitFor(() => {
-      expect(onSubmit).toHaveBeenCalled()
-    })
-  })
-})
-
-const ROLES_MOD_ADDRESS = '0x1234567890000000000000000000000000000000'
-const MEMBER_ADDRESS = '0x1111111110000000000000000000000000000000'
-const ROLE_KEY = encodeBytes32String('eth_wrapping')
-
-const SAFE_INFO = extendedSafeInfoBuilder().build()
-SAFE_INFO.modules = [{ value: ROLES_MOD_ADDRESS }]
-SAFE_INFO.chainId = '1'
-
-const lowercaseSafeAddress = SAFE_INFO.address.value.toLowerCase()
-
-const WETH_ADDRESS = '0xfff9976782d46cc05630d1f6ebab18b2324d6b14'
-
-const { Clearance, ExecutionOptions } = zodiacRoles
-
-const TEST_ROLES_MOD = {
-  address: ROLES_MOD_ADDRESS,
-  owner: lowercaseSafeAddress,
-  avatar: lowercaseSafeAddress,
-  target: lowercaseSafeAddress,
-  roles: [
-    {
-      key: ROLE_KEY,
-      members: [MEMBER_ADDRESS],
-      targets: [
-        {
-          address: '0xc36442b4a4522e871399cd717abdd847ab11fe88',
-          clearance: Clearance.Function,
-          executionOptions: ExecutionOptions.None,
-          functions: [
-            {
-              selector: '0x49404b7c',
-              wildcarded: false,
-              executionOptions: ExecutionOptions.None,
-            },
-          ],
-        },
-        {
-          address: WETH_ADDRESS, // WETH
-          clearance: Clearance.Function,
-          executionOptions: ExecutionOptions.None,
-          functions: [
-            {
-              selector: '0x2e1a7d4d', // withdraw(uint256)
-              wildcarded: true,
-              executionOptions: ExecutionOptions.None,
-            },
-            {
-              selector: '0xd0e30db0', // deposit()
-              wildcarded: true,
-              executionOptions: ExecutionOptions.Send,
-            },
-          ],
-        },
-      ],
-    },
-  ],
-}
-
-/**
- * Getting the deepest element that contain string / match regex even when it split between multiple elements
- *
- * @example
- * For:
- * <div>
- *   <span>Hello</span><span> World</span>
- * </div>
- *
- * screen.getByText('Hello World') // ❌ Fail
- * screen.getByText(textContentMatcher('Hello World')) // ✅ pass
- */
-function textContentMatcher(textMatch: string | RegExp) {
-  const hasText =
-    typeof textMatch === 'string'
-      ? (node: Element) => node.textContent === textMatch
-      : (node: Element) => textMatch.test(node.textContent || '')
-
-  const matcher = (_content: string, node: Element | null) => {
-    if (!node || !hasText(node)) {
-      return false
-    }
-
-    return Array.from(node?.children || []).every((child) => !hasText(child))
-  }
-
-  matcher.toString = () => `textContentMatcher(${textMatch})`
-
-  return matcher
-}
diff --git a/src/components/tx/SignOrExecuteForm/PermissionsCheck/hooks.ts b/src/components/tx/SignOrExecuteForm/PermissionsCheck/hooks.ts
deleted file mode 100644
index 6922a9678..000000000
--- a/src/components/tx/SignOrExecuteForm/PermissionsCheck/hooks.ts
+++ /dev/null
@@ -1,267 +0,0 @@
-import useAsync from '@/hooks/useAsync'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
-import { Errors, logError } from '@/services/exceptions'
-import { getModuleTransactionId } from '@/services/transactions'
-import { backOff } from 'exponential-backoff'
-import { useEffect, useMemo } from 'react'
-import {
-  type ChainId,
-  chains,
-  fetchRolesMod,
-  Clearance,
-  type RoleSummary,
-  ExecutionOptions,
-  Status,
-} from 'zodiac-roles-deployments'
-import { OperationType, type Transaction, type MetaTransactionData } from '@safe-global/safe-core-sdk-types'
-import { type JsonRpcProvider } from 'ethers'
-import { KnownContracts, getModuleInstance } from '@gnosis.pm/zodiac'
-import useWallet from '@/hooks/wallets/useWallet'
-import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
-
-const ROLES_V2_SUPPORTED_CHAINS = Object.keys(chains)
-
-/**
- * Returns all Zodiac Roles Modifiers v2 instances that are enabled and correctly configured on this Safe
- */
-export const useRolesMods = () => {
-  const { safe } = useSafeInfo()
-  const isFeatureEnabled = useHasFeature(FEATURES.ZODIAC_ROLES)
-
-  const [data] = useAsync(async () => {
-    if (!ROLES_V2_SUPPORTED_CHAINS.includes(safe.chainId) || !isFeatureEnabled) return []
-
-    const safeModules = safe.modules || []
-    const rolesMods = await Promise.all(
-      safeModules.map((address) =>
-        fetchRolesMod({ address: address.value as `0x${string}`, chainId: parseInt(safe.chainId) as ChainId }),
-      ),
-    )
-
-    return rolesMods.filter(
-      (mod): mod is Exclude<typeof mod, null> =>
-        mod !== null &&
-        mod.target === safe.address.value.toLowerCase() &&
-        mod.avatar === safe.address.value.toLowerCase() &&
-        mod.roles.length > 0,
-    )
-  }, [safe, isFeatureEnabled])
-
-  return data
-}
-
-/**
- * Returns a list of roles mod address + role key assigned to the connected wallet.
- * For each role, checks if the role allows the given meta transaction and returns the status.
- */
-export const useRoles = (metaTx?: MetaTransactionData) => {
-  const rolesMods = useRolesMods()
-  const wallet = useWallet()
-  const walletAddress = wallet?.address.toLowerCase() as undefined | `0x${string}`
-
-  // find all roles assigned to the connected wallet, statically check if they allow the given meta transaction
-  const potentialRoles = useMemo(() => {
-    const result: {
-      modAddress: `0x${string}`
-      roleKey: `0x${string}`
-      status: Status | null
-    }[] = []
-
-    if (walletAddress && rolesMods) {
-      for (const rolesMod of rolesMods) {
-        for (const role of rolesMod.roles) {
-          if (role.members.includes(walletAddress)) {
-            result.push({
-              modAddress: rolesMod.address,
-              roleKey: role.key,
-              status: metaTx ? checkTransaction(role, metaTx) : null,
-            })
-          }
-        }
-      }
-    }
-
-    return result
-  }, [rolesMods, walletAddress, metaTx])
-  const web3ReadOnly = useWeb3ReadOnly()
-
-  // if the static check is inconclusive (status: null), evaluate the condition through a test call
-  const [dynamicallyCheckedPotentialRoles] = useAsync(
-    () =>
-      Promise.all(
-        potentialRoles.map(async (entry) => {
-          if (entry.status === null && metaTx && walletAddress && web3ReadOnly) {
-            entry.status = await checkCondition(entry.modAddress, entry.roleKey, metaTx, walletAddress, web3ReadOnly)
-          }
-          return entry
-        }),
-      ),
-    [potentialRoles, metaTx, walletAddress, web3ReadOnly],
-  )
-
-  // Return the statically checked roles while the dynamic checks are still pending
-  return dynamicallyCheckedPotentialRoles || potentialRoles
-}
-
-/**
- * Returns the status of the permission check, `null` if it depends on the condition evaluation.
- */
-const checkTransaction = (role: RoleSummary, metaTx: MetaTransactionData): Status | null => {
-  const target = role.targets.find((t) => t.address === metaTx.to.toLowerCase())
-  if (!target) return Status.TargetAddressNotAllowed
-
-  if (target.clearance === Clearance.Target) {
-    // all calls to the target are allowed
-    return checkExecutionOptions(target.executionOptions, metaTx)
-  }
-
-  if (target.clearance === Clearance.Function) {
-    // check if the function is allowed
-    const selector = metaTx.data.slice(0, 10) as `0x${string}`
-    const func = target.functions.find((f) => f.selector === selector)
-    if (func) {
-      const execOptionsStatus = checkExecutionOptions(func.executionOptions, metaTx)
-      if (execOptionsStatus !== Status.Ok) return execOptionsStatus
-      return func.wildcarded ? Status.Ok : null // wildcarded means there's no condition set
-    }
-  }
-
-  return Status.FunctionNotAllowed
-}
-
-const checkExecutionOptions = (execOptions: ExecutionOptions, metaTx: MetaTransactionData): Status => {
-  const isSend = BigInt(metaTx.value || '0') > 0n
-  const isDelegateCall = metaTx.operation === OperationType.DelegateCall
-
-  if (isSend && execOptions !== ExecutionOptions.Send && execOptions !== ExecutionOptions.Both) {
-    return Status.SendNotAllowed
-  }
-  if (isDelegateCall && execOptions !== ExecutionOptions.DelegateCall && execOptions !== ExecutionOptions.Both) {
-    return Status.DelegateCallNotAllowed
-  }
-
-  return Status.Ok
-}
-
-export const useExecuteThroughRole = ({
-  modAddress,
-  roleKey,
-  metaTx,
-}: {
-  modAddress?: `0x${string}`
-  roleKey?: `0x${string}`
-  metaTx?: MetaTransactionData
-}) => {
-  const web3ReadOnly = useWeb3ReadOnly()
-  const wallet = useWallet()
-  const walletAddress = wallet?.address.toLowerCase() as undefined | `0x${string}`
-
-  return useMemo(
-    () =>
-      modAddress && roleKey && metaTx && walletAddress && web3ReadOnly
-        ? encodeExecuteThroughRole(modAddress, roleKey, metaTx, walletAddress, web3ReadOnly)
-        : undefined,
-    [modAddress, roleKey, metaTx, walletAddress, web3ReadOnly],
-  )
-}
-
-const encodeExecuteThroughRole = (
-  modAddress: `0x${string}`,
-  roleKey: `0x${string}`,
-  metaTx: MetaTransactionData,
-  from: `0x${string}`,
-  provider: JsonRpcProvider,
-): Transaction => {
-  const rolesModifier = getModuleInstance(KnownContracts.ROLES_V2, modAddress, provider)
-  const data = rolesModifier.interface.encodeFunctionData('execTransactionWithRole', [
-    metaTx.to,
-    BigInt(metaTx.value),
-    metaTx.data,
-    metaTx.operation || 0,
-    roleKey,
-    true,
-  ])
-
-  return {
-    to: modAddress,
-    data,
-    value: '0',
-    from,
-  }
-}
-
-const checkCondition = async (
-  modAddress: `0x${string}`,
-  roleKey: `0x${string}`,
-  metaTx: MetaTransactionData,
-  from: `0x${string}`,
-  provider: JsonRpcProvider,
-) => {
-  const rolesModifier = getModuleInstance(KnownContracts.ROLES_V2, modAddress, provider)
-  try {
-    await rolesModifier.execTransactionWithRole.estimateGas(
-      metaTx.to,
-      BigInt(metaTx.value),
-      metaTx.data,
-      metaTx.operation || 0,
-      roleKey,
-      false,
-      { from },
-    )
-
-    return Status.Ok
-  } catch (e: any) {
-    const error = rolesModifier.interface.getError(e.data.slice(0, 10))
-    if (error === null || error.name !== 'ConditionViolation') {
-      console.error('Unexpected error in condition check', error, e.data, e)
-      return null
-    }
-
-    // status is a BigInt, convert it to enum
-    const { status } = rolesModifier.interface.decodeErrorResult(error, e.data)
-    return Number(status) as Status
-  }
-}
-
-export const useGasLimit = (
-  tx?: Transaction,
-): {
-  gasLimit?: bigint
-  gasLimitError?: Error
-  gasLimitLoading: boolean
-} => {
-  const web3ReadOnly = useWeb3ReadOnly()
-
-  const [gasLimit, gasLimitError, gasLimitLoading] = useAsync<bigint | undefined>(async () => {
-    if (!web3ReadOnly || !tx) return
-
-    return web3ReadOnly.estimateGas(tx)
-  }, [web3ReadOnly, tx])
-
-  useEffect(() => {
-    if (gasLimitError) {
-      logError(Errors._612, gasLimitError.message)
-    }
-  }, [gasLimitError])
-
-  return { gasLimit, gasLimitError, gasLimitLoading }
-}
-
-export const pollModuleTransactionId = async (props: {
-  transactionService: string
-  safeAddress: string
-  txHash: string
-}): Promise<string> => {
-  // exponential delay between attempts for around 4 min
-  return backOff(() => getModuleTransactionId(props), {
-    startingDelay: 750,
-    maxDelay: 20000,
-    numOfAttempts: 19,
-    retry: (e: any) => {
-      console.info('waiting for transaction-service to index the module transaction', e)
-      return true
-    },
-  })
-}
diff --git a/src/components/tx/SignOrExecuteForm/PermissionsCheck/index.tsx b/src/components/tx/SignOrExecuteForm/PermissionsCheck/index.tsx
deleted file mode 100644
index edbac6d42..000000000
--- a/src/components/tx/SignOrExecuteForm/PermissionsCheck/index.tsx
+++ /dev/null
@@ -1,220 +0,0 @@
-import { useContext, useState } from 'react'
-import { Status } from 'zodiac-roles-deployments'
-import { type SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import { decodeBytes32String } from 'ethers'
-
-import { Box, Button, CardActions, Chip, CircularProgress, Divider, Typography } from '@mui/material'
-
-import commonCss from '@/components/tx-flow/common/styles.module.css'
-import CheckWallet from '@/components/common/CheckWallet'
-import TxCard from '@/components/tx-flow/common/TxCard'
-import { getTransactionTrackingType } from '@/services/analytics/tx-tracking'
-import { TX_EVENTS } from '@/services/analytics/events/transactions'
-import { trackEvent } from '@/services/analytics'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import WalletRejectionError from '../WalletRejectionError'
-import ErrorMessage from '../../ErrorMessage'
-import useWallet from '@/hooks/wallets/useWallet'
-import { type SubmitCallback } from '..'
-import { getTxOptions } from '@/utils/transactions'
-import { isWalletRejection } from '@/utils/wallets'
-import { Errors, trackError } from '@/services/exceptions'
-import { asError } from '@/services/exceptions/utils'
-import { SuccessScreenFlow } from '@/components/tx-flow/flows'
-import AdvancedParams, { useAdvancedParams } from '../../AdvancedParams'
-import { useCurrentChain } from '@/hooks/useChains'
-import { dispatchModuleTxExecution } from '@/services/tx/tx-sender'
-import useOnboard from '@/hooks/wallets/useOnboard'
-import { assertOnboard, assertWallet } from '@/utils/helpers'
-import { TxModalContext } from '@/components/tx-flow'
-import { pollModuleTransactionId, useExecuteThroughRole, useRoles, useGasLimit } from './hooks'
-import { assertWalletChain } from '@/services/tx/tx-sender/sdk'
-
-const Role = ({ children }: { children: string }) => {
-  let humanReadableRoleKey = children
-  try {
-    humanReadableRoleKey = decodeBytes32String(children)
-  } catch (e) {}
-
-  return <Chip label={humanReadableRoleKey} />
-}
-
-const PermissionsCheck: React.FC<{ onSubmit?: SubmitCallback; safeTx: SafeTransaction; safeTxError?: Error }> = ({
-  onSubmit,
-  safeTx,
-  safeTxError,
-}) => {
-  const currentChain = useCurrentChain()
-  const onboard = useOnboard()
-  const wallet = useWallet()
-  const { safe } = useSafeInfo()
-
-  const chainId = currentChain?.chainId || '1'
-
-  const [isPending, setIsPending] = useState<boolean>(false)
-  const [isRejectedByUser, setIsRejectedByUser] = useState<boolean>(false)
-  const [submitError, setSubmitError] = useState<Error | undefined>()
-
-  const { setTxFlow } = useContext(TxModalContext)
-
-  const roles = useRoles(safeTx?.data)
-  const allowingRole = roles.find((role) => role.status === Status.Ok)
-
-  // If a user has multiple roles, we should prioritize the one that allows the transaction's to address (and function selector)
-  const mostLikelyRole =
-    allowingRole ||
-    roles.find((role) => role.status !== Status.TargetAddressNotAllowed && role.status !== Status.FunctionNotAllowed) ||
-    roles.find((role) => role.status !== Status.TargetAddressNotAllowed) ||
-    roles[0]
-
-  // Wrap call routing it through the Roles mod with the allowing role
-  const txThroughRole = useExecuteThroughRole({
-    modAddress: allowingRole?.modAddress,
-    roleKey: allowingRole?.roleKey,
-    metaTx: safeTx?.data,
-  })
-  // Estimate gas limit
-  const { gasLimit, gasLimitError } = useGasLimit(txThroughRole)
-  const [advancedParams, setAdvancedParams] = useAdvancedParams(gasLimit)
-
-  const handleExecute = async () => {
-    assertWallet(wallet)
-    assertOnboard(onboard)
-
-    await assertWalletChain(onboard, chainId)
-
-    setIsRejectedByUser(false)
-    setIsPending(true)
-    setSubmitError(undefined)
-    setIsRejectedByUser(false)
-
-    if (!txThroughRole) {
-      throw new Error('Execution through role is not possible')
-    }
-
-    const txOptions = getTxOptions(advancedParams, currentChain)
-
-    let txHash: string
-    try {
-      txHash = await dispatchModuleTxExecution({ ...txThroughRole, ...txOptions }, wallet.provider, safe.address.value)
-    } catch (_err) {
-      const err = asError(_err)
-      if (isWalletRejection(err)) {
-        setIsRejectedByUser(true)
-      } else {
-        trackError(Errors._815, err)
-        setSubmitError(err)
-      }
-      setIsPending(false)
-      return
-    }
-
-    // On success, forward to the success screen, initially without a txId
-    setTxFlow(<SuccessScreenFlow txHash={txHash} />, undefined, false)
-
-    // Wait for module tx to be indexed
-    const transactionService = currentChain?.transactionService
-    if (!transactionService) {
-      throw new Error('Transaction service not found')
-    }
-    const moduleTxId = await pollModuleTransactionId({
-      transactionService,
-      safeAddress: safe.address.value,
-      txHash,
-    })
-
-    const txId = `module_${safe.address.value}_${moduleTxId}`
-
-    onSubmit?.(txId, true)
-
-    // Track tx event
-    const txType = await getTransactionTrackingType(chainId, txId)
-    trackEvent({ ...TX_EVENTS.EXECUTE_THROUGH_ROLE, label: txType })
-
-    // Update the success screen so it shows a link to the transaction
-    setTxFlow(<SuccessScreenFlow txId={txId} />, undefined, false)
-  }
-
-  // Only render the card if the connected wallet is a member of any role
-  if (roles.length === 0) {
-    return null
-  }
-
-  return (
-    <TxCard>
-      <Typography variant="h5">Execute without confirmations</Typography>
-
-      {allowingRole && (
-        <>
-          <Typography component="div">
-            As a member of the <Role>{allowingRole.roleKey}</Role> you can execute this transaction immediately without
-            confirmations from other owners.
-          </Typography>
-          <AdvancedParams
-            willExecute
-            params={advancedParams}
-            recommendedGasLimit={gasLimit}
-            onFormSubmit={setAdvancedParams}
-            gasLimitError={gasLimitError}
-          />
-        </>
-      )}
-
-      {!allowingRole && (
-        <>
-          <Typography component="div">
-            You are a member of the <Role>{mostLikelyRole.roleKey}</Role> role but it does not allow this transaction.
-          </Typography>
-
-          {mostLikelyRole.status && (
-            <ErrorMessage>
-              The permission check fails with the following status:
-              <br />
-              <code>{Status[mostLikelyRole.status]}</code>
-            </ErrorMessage>
-          )}
-        </>
-      )}
-
-      {safeTxError && (
-        <ErrorMessage error={safeTxError}>
-          This transaction will most likely fail. To save gas costs, avoid confirming the transaction.
-        </ErrorMessage>
-      )}
-
-      {submitError && (
-        <Box mt={1}>
-          <ErrorMessage error={submitError}>Error submitting the transaction. Please try again.</ErrorMessage>
-        </Box>
-      )}
-
-      {isRejectedByUser && (
-        <Box mt={1}>
-          <WalletRejectionError />
-        </Box>
-      )}
-
-      <div>
-        <Divider className={commonCss.nestedDivider} sx={{ pt: 3 }} />
-
-        <CardActions>
-          <CheckWallet allowNonOwner>
-            {(isOk) => (
-              <Button
-                data-testid="execute-through-role-btn"
-                variant="contained"
-                onClick={handleExecute}
-                disabled={!isOk || !allowingRole || isPending}
-                sx={{ minWidth: '209px' }}
-              >
-                {isPending ? <CircularProgress size={20} /> : 'Execute'}
-              </Button>
-            )}
-          </CheckWallet>
-        </CardActions>
-      </div>
-    </TxCard>
-  )
-}
-
-export default PermissionsCheck
diff --git a/src/components/tx/SignOrExecuteForm/SignForm.tsx b/src/components/tx/SignOrExecuteForm/SignForm.tsx
deleted file mode 100644
index da8faf2ae..000000000
--- a/src/components/tx/SignOrExecuteForm/SignForm.tsx
+++ /dev/null
@@ -1,159 +0,0 @@
-import madProps from '@/utils/mad-props'
-import { type ReactElement, type SyntheticEvent, useContext, useState } from 'react'
-import { CircularProgress, Box, Button, CardActions, Divider } from '@mui/material'
-import Stack from '@mui/system/Stack'
-import ErrorMessage from '@/components/tx/ErrorMessage'
-import { trackError, Errors } from '@/services/exceptions'
-import useIsSafeOwner from '@/hooks/useIsSafeOwner'
-import CheckWallet from '@/components/common/CheckWallet'
-import { useAlreadySigned, useTxActions } from './hooks'
-import type { SignOrExecuteProps } from '.'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import { TxModalContext } from '@/components/tx-flow'
-import commonCss from '@/components/tx-flow/common/styles.module.css'
-import { TxSecurityContext } from '../security/shared/TxSecurityContext'
-import NonOwnerError from '@/components/tx/SignOrExecuteForm/NonOwnerError'
-import WalletRejectionError from '@/components/tx/SignOrExecuteForm/WalletRejectionError'
-import BatchButton from './BatchButton'
-import { asError } from '@/services/exceptions/utils'
-import { isWalletRejection } from '@/utils/wallets'
-
-export const SignForm = ({
-  safeTx,
-  txId,
-  onSubmit,
-  disableSubmit = false,
-  origin,
-  isBatch,
-  isBatchable,
-  isCreation,
-  isOwner,
-  txActions,
-  txSecurity,
-}: SignOrExecuteProps & {
-  isOwner: ReturnType<typeof useIsSafeOwner>
-  txActions: ReturnType<typeof useTxActions>
-  txSecurity: ReturnType<typeof useTxSecurityContext>
-  safeTx?: SafeTransaction
-}): ReactElement => {
-  // Form state
-  const [isSubmittable, setIsSubmittable] = useState<boolean>(true)
-  const [submitError, setSubmitError] = useState<Error | undefined>()
-  const [isRejectedByUser, setIsRejectedByUser] = useState<Boolean>(false)
-
-  // Hooks
-  const { signTx, addToBatch } = txActions
-  const { setTxFlow } = useContext(TxModalContext)
-  const { needsRiskConfirmation, isRiskConfirmed, setIsRiskIgnored } = txSecurity
-  const hasSigned = useAlreadySigned(safeTx)
-
-  // On modal submit
-  const handleSubmit = async (e: SyntheticEvent, isAddingToBatch = false) => {
-    e.preventDefault()
-
-    if (needsRiskConfirmation && !isRiskConfirmed) {
-      setIsRiskIgnored(true)
-      return
-    }
-
-    if (!safeTx) return
-
-    setIsSubmittable(false)
-    setSubmitError(undefined)
-    setIsRejectedByUser(false)
-
-    let resultTxId: string
-    try {
-      resultTxId = await (isAddingToBatch ? addToBatch(safeTx, origin) : signTx(safeTx, txId, origin))
-    } catch (_err) {
-      const err = asError(_err)
-      if (isWalletRejection(err)) {
-        setIsRejectedByUser(true)
-      } else {
-        trackError(Errors._804, err)
-        setSubmitError(err)
-      }
-      setIsSubmittable(true)
-      return
-    }
-
-    // On successful sign
-    if (!isAddingToBatch) {
-      onSubmit?.(resultTxId)
-    }
-
-    setTxFlow(undefined)
-  }
-
-  const onBatchClick = (e: SyntheticEvent) => {
-    handleSubmit(e, true)
-  }
-
-  const cannotPropose = !isOwner
-  const submitDisabled =
-    !safeTx || !isSubmittable || disableSubmit || cannotPropose || (needsRiskConfirmation && !isRiskConfirmed)
-
-  return (
-    <form onSubmit={handleSubmit}>
-      {hasSigned && <ErrorMessage level="warning">You have already signed this transaction.</ErrorMessage>}
-
-      {cannotPropose ? (
-        <NonOwnerError />
-      ) : (
-        submitError && (
-          <ErrorMessage error={submitError}>Error submitting the transaction. Please try again.</ErrorMessage>
-        )
-      )}
-
-      {isRejectedByUser && (
-        <Box mt={1}>
-          <WalletRejectionError />
-        </Box>
-      )}
-
-      <Divider className={commonCss.nestedDivider} sx={{ pt: 3 }} />
-
-      <CardActions>
-        <Stack
-          sx={{
-            width: ['100%', '100%', '100%', 'auto'],
-          }}
-          direction={{ xs: 'column-reverse', lg: 'row' }}
-          spacing={{ xs: 2, md: 2 }}
-        >
-          {/* Batch button */}
-          {isCreation && !isBatch && (
-            <BatchButton
-              onClick={onBatchClick}
-              disabled={submitDisabled || !isBatchable}
-              tooltip={!isBatchable ? `Cannot batch this type of transaction` : undefined}
-            />
-          )}
-
-          {/* Submit button */}
-          <CheckWallet>
-            {(isOk) => (
-              <Button
-                data-testid="sign-btn"
-                variant="contained"
-                type="submit"
-                disabled={!isOk || submitDisabled}
-                sx={{ minWidth: '82px', order: '1', width: ['100%', '100%', '100%', 'auto'] }}
-              >
-                {!isSubmittable ? <CircularProgress size={20} /> : 'Sign'}
-              </Button>
-            )}
-          </CheckWallet>
-        </Stack>
-      </CardActions>
-    </form>
-  )
-}
-
-const useTxSecurityContext = () => useContext(TxSecurityContext)
-
-export default madProps(SignForm, {
-  isOwner: useIsSafeOwner,
-  txActions: useTxActions,
-  txSecurity: useTxSecurityContext,
-})
diff --git a/src/components/tx/SignOrExecuteForm/TxChecks.tsx b/src/components/tx/SignOrExecuteForm/TxChecks.tsx
deleted file mode 100644
index deabc84c6..000000000
--- a/src/components/tx/SignOrExecuteForm/TxChecks.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { type ReactElement, useContext } from 'react'
-import { TxSimulation, TxSimulationMessage } from '@/components/tx/security/tenderly'
-import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
-import { Box, Typography } from '@mui/material'
-import { Redefine, RedefineMessage } from '@/components/tx/security/redefine'
-
-import css from './styles.module.css'
-
-const TxChecks = ({ executionOwner }: { executionOwner?: string }): ReactElement => {
-  const { safeTx } = useContext(SafeTxContext)
-
-  return (
-    <>
-      <Typography variant="h5">Transaction checks</Typography>
-
-      <TxSimulation disabled={false} transactions={safeTx} executionOwner={executionOwner} />
-
-      <Box className={css.mobileTxCheckMessages}>
-        <TxSimulationMessage />
-      </Box>
-
-      <Redefine />
-
-      <Box className={css.mobileTxCheckMessages}>
-        <RedefineMessage />
-      </Box>
-    </>
-  )
-}
-
-export default TxChecks
diff --git a/src/components/tx/SignOrExecuteForm/UnknownContractError.tsx b/src/components/tx/SignOrExecuteForm/UnknownContractError.tsx
deleted file mode 100644
index 931a7dd37..000000000
--- a/src/components/tx/SignOrExecuteForm/UnknownContractError.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { type ReactElement } from 'react'
-import ExternalLink from '@/components/common/ExternalLink'
-import { useCurrentChain } from '@/hooks/useChains'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { getExplorerLink } from '@/utils/gateway'
-import ErrorMessage from '../ErrorMessage'
-import { isValidMasterCopy } from '@/services/contracts/safeContracts'
-
-const UnknownContractError = (): ReactElement | null => {
-  const { safe, safeAddress } = useSafeInfo()
-  const currentChain = useCurrentChain()
-
-  // Unsupported base contract
-  const isUnknown = !isValidMasterCopy(safe.implementationVersionState)
-
-  if (!isUnknown) return null
-
-  return (
-    <ErrorMessage>
-      This Safe Account was created with an unsupported base contract. It should <b>ONLY</b> be used for fund recovery.
-      Transactions will execute but the transaction list may not immediately update. Transaction success can be verified
-      on the{' '}
-      <ExternalLink href={currentChain ? getExplorerLink(safeAddress, currentChain.blockExplorerUriTemplate).href : ''}>
-        {currentChain?.chainName} explorer
-      </ExternalLink>
-      .
-    </ErrorMessage>
-  )
-}
-
-export default UnknownContractError
diff --git a/src/components/tx/SignOrExecuteForm/__tests__/SignForm.test.tsx b/src/components/tx/SignOrExecuteForm/__tests__/SignForm.test.tsx
deleted file mode 100644
index 25dd58fb2..000000000
--- a/src/components/tx/SignOrExecuteForm/__tests__/SignForm.test.tsx
+++ /dev/null
@@ -1,205 +0,0 @@
-import { defaultSecurityContextValues } from '@/components/tx/security/shared/TxSecurityContext'
-import { type ReactElement } from 'react'
-import * as hooks from '@/components/tx/SignOrExecuteForm/hooks'
-import { SignForm } from '@/components/tx/SignOrExecuteForm/SignForm'
-import { render } from '@/tests/test-utils'
-import { createMockSafeTransaction } from '@/tests/transactions'
-import { OperationType } from '@safe-global/safe-core-sdk-types'
-import { fireEvent, waitFor } from '@testing-library/react'
-
-// We assume that CheckWallet always returns true
-jest.mock('@/components/common/CheckWallet', () => ({
-  __esModule: true,
-  default({ children }: { children: (ok: boolean) => ReactElement }) {
-    return children(true)
-  },
-}))
-
-describe('SignForm', () => {
-  const safeTransaction = createMockSafeTransaction({
-    to: '0x1',
-    data: '0x',
-    operation: OperationType.Call,
-  })
-
-  const defaultProps = {
-    onSubmit: jest.fn(),
-    isOwner: true,
-    txActions: { signTx: jest.fn(), addToBatch: jest.fn(), executeTx: jest.fn() },
-    txSecurity: defaultSecurityContextValues,
-  }
-
-  beforeEach(() => {
-    jest.clearAllMocks()
-  })
-
-  it('displays a warning if connected wallet already signed the tx', () => {
-    jest.spyOn(hooks, 'useAlreadySigned').mockReturnValue(true)
-
-    const { getByText } = render(<SignForm {...defaultProps} />)
-
-    expect(getByText('You have already signed this transaction.')).toBeInTheDocument()
-  })
-
-  it('does not display a warning if connected wallet has not signed the tx yet', () => {
-    jest.spyOn(hooks, 'useAlreadySigned').mockReturnValue(false)
-
-    const { queryByText } = render(<SignForm {...defaultProps} />)
-
-    expect(queryByText('You have already signed this transaction.')).not.toBeInTheDocument()
-  })
-
-  it('shows a non-owner error', () => {
-    jest.spyOn(hooks, 'useAlreadySigned').mockReturnValue(false)
-
-    const { queryByText } = render(<SignForm {...defaultProps} isOwner={false} />)
-
-    expect(
-      queryByText(
-        'You are currently not a signer of this Safe Account and won&apos;t be able to submit this transaction.',
-      ),
-    ).not.toBeInTheDocument()
-  })
-
-  it('shows a submit error', async () => {
-    const mockSignTx = jest.fn(() => {
-      throw new Error('Error signing the tx')
-    })
-
-    const { getByText } = render(
-      <SignForm
-        {...defaultProps}
-        safeTx={safeTransaction}
-        txActions={{ signTx: mockSignTx, addToBatch: jest.fn(), executeTx: jest.fn() }}
-      />,
-    )
-
-    const button = getByText('Sign')
-
-    fireEvent.click(button)
-
-    await waitFor(() => {
-      expect(getByText('Error submitting the transaction. Please try again.')).toBeInTheDocument()
-    })
-  })
-
-  it('signs a transaction', async () => {
-    const mockSignTx = jest.fn()
-
-    const { getByText } = render(
-      <SignForm
-        {...defaultProps}
-        safeTx={safeTransaction}
-        txActions={{ signTx: mockSignTx, addToBatch: jest.fn(), executeTx: jest.fn() }}
-      />,
-    )
-
-    const button = getByText('Sign')
-
-    fireEvent.click(button)
-
-    await waitFor(() => {
-      expect(mockSignTx).toHaveBeenCalled()
-    })
-  })
-
-  it('shows a batch button on tx creation', () => {
-    const { getByText } = render(<SignForm {...defaultProps} isCreation />)
-
-    expect(getByText('Add to batch')).toBeInTheDocument()
-  })
-
-  it('does not show a batch button when signing a batch', () => {
-    const { queryByText } = render(<SignForm {...defaultProps} isCreation isBatch />)
-
-    expect(queryByText('Add to batch')).not.toBeInTheDocument()
-  })
-
-  it('disables the batch button if tx is not batchable', () => {
-    const { getByText } = render(<SignForm {...defaultProps} isCreation isBatchable={false} />)
-
-    const batchButton = getByText('Add to batch')
-
-    expect(batchButton).toBeInTheDocument()
-    expect(batchButton).toBeDisabled()
-  })
-
-  it('submits a batch when the batch button is clicked', async () => {
-    const mockAddToBatch = jest.fn()
-
-    const { getByText } = render(
-      <SignForm
-        {...defaultProps}
-        safeTx={safeTransaction}
-        isBatchable
-        isCreation
-        txActions={{ signTx: jest.fn(), addToBatch: mockAddToBatch, executeTx: jest.fn() }}
-      />,
-    )
-
-    const batchButton = getByText('Add to batch')
-
-    fireEvent.click(batchButton)
-
-    await waitFor(() => {
-      expect(mockAddToBatch).toHaveBeenCalled()
-    })
-  })
-
-  it('shows a disabled submit button if there is no safeTx', () => {
-    const { getByText } = render(<SignForm {...defaultProps} safeTx={undefined} />)
-
-    const button = getByText('Sign')
-
-    expect(button).toBeInTheDocument()
-    expect(button).toBeDisabled()
-  })
-
-  it('shows a disabled submit button if passed via props', () => {
-    const { getByText } = render(<SignForm {...defaultProps} safeTx={safeTransaction} disableSubmit />)
-
-    const button = getByText('Sign')
-
-    expect(button).toBeInTheDocument()
-    expect(button).toBeDisabled()
-  })
-
-  it('shows a disabled submit button if not an owner', () => {
-    const { getByText } = render(<SignForm {...defaultProps} safeTx={safeTransaction} isOwner={false} />)
-
-    const button = getByText('Sign')
-
-    expect(button).toBeInTheDocument()
-    expect(button).toBeDisabled()
-  })
-
-  it('shows a disabled submit button if there is a high or critical risk and user has not confirmed it', () => {
-    const { getByText } = render(
-      <SignForm
-        {...defaultProps}
-        safeTx={safeTransaction}
-        txSecurity={{ ...defaultSecurityContextValues, needsRiskConfirmation: true, isRiskConfirmed: false }}
-      />,
-    )
-
-    const button = getByText('Sign')
-
-    expect(button).toBeInTheDocument()
-    expect(button).toBeDisabled()
-  })
-
-  it('shows an enabled submit button if there is a high or critical risk and user has confirmed it', () => {
-    const { getByText } = render(
-      <SignForm
-        {...defaultProps}
-        safeTx={safeTransaction}
-        txSecurity={{ ...defaultSecurityContextValues, needsRiskConfirmation: true, isRiskConfirmed: true }}
-      />,
-    )
-
-    const button = getByText('Sign')
-
-    expect(button).toBeInTheDocument()
-    expect(button).not.toBeDisabled()
-  })
-})
diff --git a/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecute.test.tsx b/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecute.test.tsx
deleted file mode 100644
index b38d972c6..000000000
--- a/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecute.test.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import { SignOrExecuteForm } from '@/components/tx/SignOrExecuteForm'
-import * as hooks from '@/components/tx/SignOrExecuteForm/hooks'
-import { safeTxBuilder } from '@/tests/builders/safeTx'
-import { render } from '@/tests/test-utils'
-import { fireEvent } from '@testing-library/react'
-
-describe('SignOrExecute', () => {
-  it('should display a safeTxError', () => {
-    const { getByText } = render(
-      <SignOrExecuteForm
-        onSubmit={jest.fn()}
-        safeTxError={new Error('Safe transaction error')}
-        safeTx={safeTxBuilder().build()}
-        chainId="1"
-      />,
-    )
-
-    expect(
-      getByText('This transaction will most likely fail. To save gas costs, avoid confirming the transaction.'),
-    ).toBeInTheDocument()
-  })
-
-  describe('Existing transaction', () => {
-    it('should display radio options to sign or execute if both are possible', () => {
-      jest.spyOn(hooks, 'useValidateNonce').mockReturnValue(true)
-
-      const { getByText } = render(
-        <SignOrExecuteForm
-          safeTx={safeTxBuilder().build()}
-          onSubmit={jest.fn()}
-          safeTxError={undefined}
-          isExecutable={true}
-          chainId="1"
-        />,
-      )
-
-      expect(getByText('Would you like to execute the transaction immediately?')).toBeInTheDocument()
-    })
-  })
-
-  describe('New transaction', () => {
-    it('should display radio options to sign or execute if both are possible', () => {
-      jest.spyOn(hooks, 'useValidateNonce').mockReturnValue(true)
-      jest.spyOn(hooks, 'useImmediatelyExecutable').mockReturnValue(true)
-
-      const { getByText } = render(
-        <SignOrExecuteForm
-          safeTx={safeTxBuilder().build()}
-          onSubmit={jest.fn()}
-          safeTxError={undefined}
-          txId={undefined}
-          isExecutable={true}
-          chainId="1"
-        />,
-      )
-
-      expect(getByText('Would you like to execute the transaction immediately?')).toBeInTheDocument()
-    })
-  })
-
-  it('should not display radio options if execution is the only option', () => {
-    const { queryByText } = render(
-      <SignOrExecuteForm
-        safeTx={safeTxBuilder().build()}
-        onSubmit={jest.fn()}
-        safeTxError={undefined}
-        txId={undefined}
-        onlyExecute={true}
-        chainId="1"
-      />,
-    )
-
-    expect(queryByText('Would you like to execute the transaction immediately?')).not.toBeInTheDocument()
-  })
-
-  it('should display a sign/execute title if that option is selected', () => {
-    jest.spyOn(hooks, 'useValidateNonce').mockReturnValue(true)
-
-    const { getByTestId, getByText } = render(
-      <SignOrExecuteForm
-        safeTx={safeTxBuilder().build()}
-        onSubmit={jest.fn()}
-        safeTxError={undefined}
-        txId="someid"
-        isExecutable={true}
-        chainId="1"
-      />,
-    )
-
-    expect(getByText('Would you like to execute the transaction immediately?')).toBeInTheDocument()
-
-    const executeCheckbox = getByTestId('execute-checkbox')
-    const signCheckbox = getByTestId('sign-checkbox')
-
-    expect(getByText("You're about to execute this transaction.")).toBeInTheDocument()
-
-    fireEvent.click(signCheckbox)
-
-    expect(getByText("You're about to confirm this transaction.")).toBeInTheDocument()
-
-    fireEvent.click(executeCheckbox)
-
-    expect(getByText("You're about to execute this transaction.")).toBeInTheDocument()
-  })
-
-  it('should not display safeTxError message for valid transactions', () => {
-    const { queryByText } = render(
-      <SignOrExecuteForm safeTx={safeTxBuilder().build()} onSubmit={jest.fn()} safeTxError={undefined} chainId="1" />,
-    )
-
-    expect(
-      queryByText('This transaction will most likely fail. To save gas costs, avoid confirming the transaction.'),
-    ).not.toBeInTheDocument()
-  })
-})
diff --git a/src/components/tx/SignOrExecuteForm/hooks.test.ts b/src/components/tx/SignOrExecuteForm/hooks.test.ts
deleted file mode 100644
index 98def6566..000000000
--- a/src/components/tx/SignOrExecuteForm/hooks.test.ts
+++ /dev/null
@@ -1,725 +0,0 @@
-import { extendedSafeInfoBuilder, safeInfoBuilder } from '@/tests/builders/safe'
-import { renderHook, waitFor } from '@/tests/test-utils'
-import { zeroPadValue } from 'ethers'
-import { createSafeTx } from '@/tests/builders/safeTx'
-import { type ConnectedWallet } from '@/hooks/wallets/useOnboard'
-import * as useSafeInfoHook from '@/hooks/useSafeInfo'
-import * as wallet from '@/hooks/wallets/useWallet'
-import * as walletHooks from '@/utils/wallets'
-import * as pending from '@/hooks/usePendingTxs'
-import * as txSender from '@/services/tx/tx-sender/dispatch'
-import * as onboardHooks from '@/hooks/wallets/useOnboard'
-import { type OnboardAPI } from '@web3-onboard/core'
-import {
-  useAlreadySigned,
-  useImmediatelyExecutable,
-  useIsExecutionLoop,
-  useRecommendedNonce,
-  useTxActions,
-  useValidateNonce,
-} from './hooks'
-import * as recommendedNonce from '@/services/tx/tx-sender/recommendedNonce'
-import { defaultSafeInfo } from '@/store/safeInfoSlice'
-
-describe('SignOrExecute hooks', () => {
-  const extendedSafeInfo = extendedSafeInfoBuilder().build()
-
-  beforeEach(() => {
-    jest.clearAllMocks()
-
-    // Onboard
-    jest.spyOn(onboardHooks, 'default').mockReturnValue({
-      setChain: jest.fn(),
-      state: {
-        get: () => ({
-          wallets: [
-            {
-              label: 'MetaMask',
-              accounts: [{ address: '0x1234567890000000000000000000000000000000' }],
-              connected: true,
-              chains: [{ id: '1' }],
-            },
-          ],
-        }),
-      },
-    } as unknown as OnboardAPI)
-
-    // Wallet
-    jest.spyOn(wallet, 'default').mockReturnValue({
-      chainId: '1',
-      label: 'MetaMask',
-      address: '0x1234567890000000000000000000000000000000',
-    } as unknown as ConnectedWallet)
-  })
-
-  describe('useValidateNonce', () => {
-    it('should return true if nonce is correct', () => {
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
-        safe: {
-          ...extendedSafeInfo,
-          version: '1.3.0',
-          address: { value: zeroPadValue('0x0000', 20) },
-          nonce: 100,
-          threshold: 2,
-          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
-          chainId: '1',
-        },
-        safeAddress: zeroPadValue('0x0000', 20),
-        safeError: undefined,
-        safeLoading: false,
-        safeLoaded: true,
-      }))
-
-      const { result } = renderHook(() => useValidateNonce(createSafeTx()))
-
-      expect(result.current).toBe(true)
-    })
-
-    it('should return false if nonce is incorrect', () => {
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
-        safe: {
-          ...extendedSafeInfo,
-          version: '1.3.0',
-          address: { value: zeroPadValue('0x0000', 20) },
-          nonce: 90,
-          threshold: 2,
-          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
-          chainId: '1',
-        },
-        safeAddress: zeroPadValue('0x0000', 20),
-        safeError: undefined,
-        safeLoading: false,
-        safeLoaded: true,
-      }))
-
-      const { result } = renderHook(() => useValidateNonce(createSafeTx()))
-
-      expect(result.current).toBe(false)
-    })
-  })
-
-  describe('useIsExecutionLoop', () => {
-    it('should return true when a safe is executing its own transaction', () => {
-      const address = zeroPadValue('0x0789', 20)
-
-      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
-        safeAddress: address,
-        safe: {
-          ...extendedSafeInfo,
-          version: '1.3.0',
-          address: { value: address },
-          owners: [{ value: address }],
-          nonce: 100,
-          chainId: '1',
-        },
-        safeLoaded: true,
-        safeLoading: false,
-        safeError: undefined,
-      })
-
-      jest.spyOn(wallet, 'default').mockReturnValue({
-        chainId: '1',
-        label: 'MetaMask',
-        address,
-      } as ConnectedWallet)
-
-      const { result } = renderHook(() => useIsExecutionLoop())
-
-      expect(result.current).toBe(true)
-    })
-
-    it('should return false when a safe is not executing its own transaction', () => {
-      jest.spyOn(wallet, 'default').mockReturnValue({
-        chainId: '1',
-        label: 'MetaMask',
-        address: zeroPadValue('0x0456', 20),
-      } as ConnectedWallet)
-
-      const { result } = renderHook(() => useIsExecutionLoop())
-
-      expect(result.current).toBe(false)
-    })
-  })
-
-  describe('useImmediatelyExecutable', () => {
-    it('should return true for newly created transactions with threshold 1 and no pending transactions', () => {
-      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
-        safeAddress: zeroPadValue('0x0000', 20),
-        safe: {
-          ...extendedSafeInfo,
-          version: '1.3.0',
-          address: { value: zeroPadValue('0x0000', 20) },
-          owners: [{ value: zeroPadValue('0x0123', 20) }],
-          threshold: 1,
-          nonce: 100,
-        },
-        safeLoaded: true,
-        safeLoading: false,
-        safeError: undefined,
-      })
-
-      jest.spyOn(pending, 'useHasPendingTxs').mockReturnValue(false)
-
-      const { result } = renderHook(() => useImmediatelyExecutable())
-
-      expect(result.current).toBe(true)
-    })
-
-    it('should return false for newly created transactions with threshold > 1', () => {
-      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
-        safeAddress: zeroPadValue('0x0000', 20),
-        safe: {
-          ...extendedSafeInfo,
-          version: '1.3.0',
-          address: { value: zeroPadValue('0x0000', 20) },
-          owners: [{ value: zeroPadValue('0x0123', 20) }],
-          threshold: 2,
-          nonce: 100,
-          chainId: '1',
-        },
-        safeLoaded: true,
-        safeLoading: false,
-        safeError: undefined,
-      })
-
-      jest.spyOn(pending, 'useHasPendingTxs').mockReturnValue(false)
-
-      const { result } = renderHook(() => useImmediatelyExecutable())
-
-      expect(result.current).toBe(false)
-    })
-
-    it('should return false for safes with pending transactions', () => {
-      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
-        safeAddress: zeroPadValue('0x0000', 20),
-        safe: {
-          ...extendedSafeInfo,
-          version: '1.3.0',
-          address: { value: zeroPadValue('0x0000', 20) },
-          owners: [{ value: zeroPadValue('0x0123', 20) }],
-          threshold: 1,
-          nonce: 100,
-          chainId: '1',
-        },
-        safeLoaded: true,
-        safeLoading: false,
-        safeError: undefined,
-      })
-
-      jest.spyOn(pending, 'useHasPendingTxs').mockReturnValue(true)
-
-      const { result } = renderHook(() => useImmediatelyExecutable())
-
-      expect(result.current).toBe(false)
-    })
-  })
-
-  describe('useTxActions', () => {
-    it('should return sign and execute actions', () => {
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
-        safe: {
-          ...extendedSafeInfo,
-          version: '1.3.0',
-          address: { value: zeroPadValue('0x0000', 20) },
-          nonce: 100,
-          threshold: 2,
-          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
-          chainId: '1',
-        },
-        safeAddress: '0x123',
-        safeError: undefined,
-        safeLoading: false,
-        safeLoaded: true,
-      }))
-
-      const { result } = renderHook(() => useTxActions())
-
-      expect(result.current.signTx).toBeDefined()
-      expect(result.current.executeTx).toBeDefined()
-    })
-
-    it('should sign a tx with or without an id', async () => {
-      jest.spyOn(walletHooks, 'isSmartContractWallet').mockReturnValue(Promise.resolve(false))
-
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
-        safe: {
-          ...extendedSafeInfo,
-          version: '1.3.0',
-          address: { value: zeroPadValue('0x0000', 20) },
-          nonce: 100,
-          threshold: 2,
-          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
-          chainId: '1',
-        },
-        safeAddress: '0x123',
-        safeError: undefined,
-        safeLoading: false,
-        safeLoaded: true,
-      }))
-
-      jest
-        .spyOn(txSender, 'dispatchTxProposal')
-        .mockImplementation((() => Promise.resolve({ txId: '123' })) as unknown as typeof txSender.dispatchTxProposal)
-
-      const signSpy = jest
-        .spyOn(txSender, 'dispatchTxSigning')
-        .mockImplementation(() => Promise.resolve(createSafeTx()))
-
-      const onchainSignSpy = jest.spyOn(txSender, 'dispatchOnChainSigning').mockImplementation(() => Promise.resolve())
-
-      const { result } = renderHook(() => useTxActions())
-      const { signTx } = result.current
-
-      const id = await signTx(createSafeTx())
-      expect(signSpy).toHaveBeenCalled()
-      expect(onchainSignSpy).not.toHaveBeenCalled()
-      expect(id).toBe('123')
-
-      const id2 = await signTx(createSafeTx(), '456')
-      expect(signSpy).toHaveBeenCalled()
-      expect(id2).toBe('123')
-    })
-
-    it('should sign a tx on-chain', async () => {
-      jest.spyOn(walletHooks, 'isSmartContractWallet').mockReturnValue(Promise.resolve(true))
-
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
-        safe: {
-          ...extendedSafeInfo,
-          version: '1.3.0',
-          address: { value: zeroPadValue('0x0000', 20) },
-          nonce: 100,
-          threshold: 2,
-          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
-          chainId: '1',
-        },
-        safeAddress: '0x123',
-        safeError: undefined,
-        safeLoading: false,
-        safeLoaded: true,
-      }))
-
-      jest
-        .spyOn(txSender, 'dispatchTxProposal')
-        .mockImplementation((() => Promise.resolve({ txId: '123' })) as unknown as typeof txSender.dispatchTxProposal)
-      const signSpy = jest.spyOn(txSender, 'dispatchOnChainSigning').mockImplementation(() => Promise.resolve())
-
-      const { result } = renderHook(() => useTxActions())
-      const { signTx } = result.current
-
-      const id = await signTx(createSafeTx(), '456')
-      expect(signSpy).toHaveBeenCalled()
-      expect(id).toBe('456')
-    })
-
-    it('should execute a tx without a txId (immediate execution)', async () => {
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
-        safe: {
-          ...extendedSafeInfo,
-          version: '1.3.0',
-          address: { value: zeroPadValue('0x0000', 20) },
-          nonce: 100,
-          threshold: 2,
-          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
-          chainId: '1',
-        },
-        safeAddress: '0x123',
-        safeError: undefined,
-        safeLoading: false,
-        safeLoaded: true,
-      }))
-
-      const proposeSpy = jest
-        .spyOn(txSender, 'dispatchTxProposal')
-        .mockImplementation((() => Promise.resolve({ txId: '123' })) as unknown as typeof txSender.dispatchTxProposal)
-      const executeSpy = jest
-        .spyOn(txSender, 'dispatchTxExecution')
-        .mockImplementation((() => Promise.resolve(createSafeTx())) as unknown as typeof txSender.dispatchTxExecution)
-
-      const { result } = renderHook(() => useTxActions())
-      const { executeTx } = result.current
-
-      const id = await executeTx({ gasPrice: 1 }, createSafeTx())
-      expect(proposeSpy).toHaveBeenCalled()
-      expect(executeSpy).toHaveBeenCalled()
-      expect(id).toEqual('123')
-    })
-
-    it('should execute a tx with an id (existing tx)', async () => {
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
-        safe: {
-          ...extendedSafeInfo,
-          version: '1.3.0',
-          address: { value: zeroPadValue('0x0000', 20) },
-          nonce: 100,
-          threshold: 2,
-          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
-          chainId: '1',
-        },
-        safeAddress: '0x123',
-        safeError: undefined,
-        safeLoading: false,
-        safeLoaded: true,
-      }))
-
-      const proposeSpy = jest
-        .spyOn(txSender, 'dispatchTxProposal')
-        .mockImplementation((() => Promise.resolve({ txId: '123' })) as unknown as typeof txSender.dispatchTxProposal)
-      const executeSpy = jest
-        .spyOn(txSender, 'dispatchTxExecution')
-        .mockImplementation((() => Promise.resolve(createSafeTx())) as unknown as typeof txSender.dispatchTxExecution)
-
-      const { result } = renderHook(() => useTxActions())
-      const { executeTx } = result.current
-
-      const id = await executeTx({ gasPrice: 1 }, createSafeTx(), '455')
-      expect(proposeSpy).not.toHaveBeenCalled()
-      expect(executeSpy).toHaveBeenCalled()
-      expect(id).toEqual('455')
-    })
-
-    it('should throw an error if the tx is undefined', async () => {
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
-        safe: {
-          ...extendedSafeInfo,
-          version: '1.3.0',
-          address: { value: zeroPadValue('0x0000', 20) },
-          nonce: 100,
-          threshold: 2,
-          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
-          chainId: '1',
-        },
-        safeAddress: '0x123',
-        safeError: undefined,
-        safeLoading: false,
-        safeLoaded: true,
-      }))
-
-      const { result } = renderHook(() => useTxActions())
-      const { signTx, executeTx } = result.current
-
-      // Expect signTx to throw an error
-      await expect(signTx()).rejects.toThrowError('Transaction not provided')
-      await expect(executeTx({ gasPrice: 1 })).rejects.toThrowError('Transaction not provided')
-    })
-
-    it('should relay a tx execution', async () => {
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
-        safe: {
-          ...extendedSafeInfo,
-          ...extendedSafeInfoBuilder().build(),
-          version: '1.3.0',
-          address: { value: zeroPadValue('0x0000', 20) },
-          nonce: 100,
-          threshold: 1,
-          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
-          chainId: '1',
-        },
-        safeAddress: '0x123',
-        safeError: undefined,
-        safeLoading: false,
-        safeLoaded: true,
-      }))
-
-      const proposeSpy = jest
-        .spyOn(txSender, 'dispatchTxProposal')
-        .mockImplementation((() => Promise.resolve({ txId: '123' })) as unknown as typeof txSender.dispatchTxProposal)
-      const relaySpy = jest.spyOn(txSender, 'dispatchTxRelay').mockImplementation(() => Promise.resolve(undefined))
-
-      const { result } = renderHook(() => useTxActions())
-      const { executeTx } = result.current
-
-      const tx = createSafeTx()
-      tx.addSignature({
-        signer: '0x123',
-        data: '0x0001',
-        staticPart: () => '',
-        dynamicPart: () => '',
-        isContractSignature: false,
-      })
-
-      const id = await executeTx({ gasPrice: 1 }, tx, '123', 'origin.com', true)
-      expect(proposeSpy).not.toHaveBeenCalled()
-      expect(relaySpy).toHaveBeenCalled()
-      expect(id).toEqual('123')
-    })
-
-    it('should sign a not fully signed tx when relaying', async () => {
-      jest.spyOn(walletHooks, 'isSmartContractWallet').mockReturnValue(Promise.resolve(false))
-
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
-        safe: {
-          ...extendedSafeInfo,
-          ...extendedSafeInfoBuilder().build(),
-          version: '1.3.0',
-          address: { value: zeroPadValue('0x0000', 20) },
-          nonce: 100,
-          threshold: 2,
-          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
-          chainId: '1',
-        },
-        safeAddress: '0x123',
-        safeError: undefined,
-        safeLoading: false,
-        safeLoaded: true,
-      }))
-
-      const tx = createSafeTx()
-      tx.addSignature({
-        signer: '0x123',
-        data: '0x0001',
-        staticPart: () => '',
-        dynamicPart: () => '',
-        isContractSignature: false,
-      })
-
-      const proposeSpy = jest
-        .spyOn(txSender, 'dispatchTxProposal')
-        .mockImplementation((() => Promise.resolve({ txId: '123' })) as unknown as typeof txSender.dispatchTxProposal)
-      const signSpy = jest.spyOn(txSender, 'dispatchTxSigning').mockImplementation(() => {
-        tx.addSignature({
-          signer: '0x12345',
-          data: '0x0001',
-          staticPart: () => '',
-          dynamicPart: () => '',
-          isContractSignature: false,
-        })
-        return Promise.resolve(tx)
-      })
-      const relaySpy = jest.spyOn(txSender, 'dispatchTxRelay').mockImplementation(() => Promise.resolve(undefined))
-
-      const { result } = renderHook(() => useTxActions())
-      const { executeTx } = result.current
-
-      const id = await executeTx({ gasPrice: 1 }, tx, '123', 'origin.com', true)
-      expect(proposeSpy).toHaveBeenCalled()
-      expect(signSpy).toHaveBeenCalled()
-      expect(relaySpy).toHaveBeenCalled()
-      expect(id).toEqual('123')
-    })
-
-    it('should throw when relaying an unsigned tx as a smart contract wallet', async () => {
-      jest.spyOn(walletHooks, 'isSmartContractWallet').mockResolvedValue(true)
-
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(() => ({
-        safe: {
-          ...extendedSafeInfo,
-          ...extendedSafeInfoBuilder().build(),
-          version: '1.3.0',
-          address: { value: zeroPadValue('0x0000', 20) },
-          nonce: 100,
-          threshold: 2,
-          owners: [{ value: zeroPadValue('0x0123', 20) }, { value: zeroPadValue('0x0456', 20) }],
-          chainId: '1',
-        },
-        safeAddress: '0x123',
-        safeError: undefined,
-        safeLoading: false,
-        safeLoaded: true,
-      }))
-
-      const tx = createSafeTx()
-      tx.addSignature({
-        signer: '0x123',
-        data: '0x0001',
-        staticPart: () => '',
-        dynamicPart: () => '',
-        isContractSignature: false,
-      })
-
-      const proposeSpy = jest
-        .spyOn(txSender, 'dispatchTxProposal')
-        .mockImplementation((() => Promise.resolve({ txId: '123' })) as unknown as typeof txSender.dispatchTxProposal)
-      const signSpy = jest.spyOn(txSender, 'dispatchTxSigning').mockImplementation(() => {
-        tx.addSignature({
-          signer: '0x12345',
-          data: '0x0001',
-          staticPart: () => '',
-          dynamicPart: () => '',
-          isContractSignature: false,
-        })
-        return Promise.resolve(tx)
-      })
-      const relaySpy = jest.spyOn(txSender, 'dispatchTxRelay').mockImplementation(() => Promise.resolve(undefined))
-
-      const { result } = renderHook(() => useTxActions())
-      const { executeTx } = result.current
-
-      await expect(executeTx({ gasPrice: 1 }, tx, '123', 'origin.com', true)).rejects.toThrowError(
-        'Cannot relay an unsigned transaction from a smart contract wallet',
-      )
-
-      expect(proposeSpy).not.toHaveBeenCalled()
-      expect(signSpy).not.toHaveBeenCalled()
-      expect(relaySpy).not.toHaveBeenCalled()
-    })
-  })
-
-  describe('useAlreadySigned', () => {
-    it('should return true if wallet already signed a tx', () => {
-      // Wallet
-      jest.spyOn(wallet, 'default').mockReturnValue({
-        chainId: '1',
-        label: 'MetaMask',
-        address: '0x1234567890000000000000000000000000000000',
-      } as unknown as ConnectedWallet)
-
-      const tx = createSafeTx()
-      tx.addSignature({
-        signer: '0x1234567890000000000000000000000000000000',
-        data: '0x0001',
-        staticPart: () => '',
-        dynamicPart: () => '',
-        isContractSignature: false,
-      })
-      const { result } = renderHook(() => useAlreadySigned(tx))
-      expect(result.current).toEqual(true)
-    })
-
-    it('should return false if wallet has not signed a tx yet', () => {
-      // Wallet
-      jest.spyOn(wallet, 'default').mockReturnValue({
-        chainId: '1',
-        label: 'MetaMask',
-        address: '0x1234567890000000000000000000000000000000',
-      } as unknown as ConnectedWallet)
-
-      const tx = createSafeTx()
-      tx.addSignature({
-        signer: '0x00000000000000000000000000000000000000000',
-        data: '0x0001',
-        staticPart: () => '',
-        dynamicPart: () => '',
-        isContractSignature: false,
-      })
-      const { result } = renderHook(() => useAlreadySigned(tx))
-      expect(result.current).toEqual(false)
-    })
-  })
-
-  describe('useRecommendedNonce', () => {
-    it('should return undefined without safe info', async () => {
-      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
-        safe: { ...defaultSafeInfo, deployed: false },
-        safeAddress: '',
-        safeLoaded: true,
-        safeLoading: false,
-      })
-
-      const { result } = renderHook(useRecommendedNonce)
-      await waitFor(() => {
-        expect(result.current).toBeUndefined()
-      })
-    })
-    it('should return 0 for counterfactual Safes', async () => {
-      const mockSafeInfo = safeInfoBuilder().build()
-      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
-        safe: { ...mockSafeInfo, deployed: false },
-        safeAddress: mockSafeInfo.address.value,
-        safeLoaded: true,
-        safeLoading: false,
-      })
-
-      const { result } = renderHook(useRecommendedNonce)
-      await waitFor(() => {
-        expect(result.current).toEqual(0)
-      })
-    })
-
-    it('should update if queueTag changes', async () => {
-      jest.spyOn(recommendedNonce, 'getNonces').mockResolvedValue({
-        currentNonce: 1,
-        recommendedNonce: 1,
-      })
-      const mockSafeInfo = safeInfoBuilder()
-        .with({
-          txQueuedTag: '1',
-        })
-        .build()
-      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
-        safe: { ...mockSafeInfo, deployed: true },
-        safeAddress: mockSafeInfo.address.value,
-        safeLoaded: true,
-        safeLoading: false,
-      })
-
-      const { result, rerender } = renderHook(useRecommendedNonce)
-      await waitFor(() => {
-        expect(result.current).toEqual(1)
-      })
-
-      jest.spyOn(recommendedNonce, 'getNonces').mockResolvedValue({
-        currentNonce: 1,
-        recommendedNonce: 2,
-      })
-
-      rerender()
-      // The hook does not rerender as the queue tag did not change yet
-      await waitFor(() => {
-        expect(result.current).toEqual(1)
-      })
-
-      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
-        safe: { ...mockSafeInfo, deployed: true, txQueuedTag: '2' },
-        safeAddress: mockSafeInfo.address.value,
-        safeLoaded: true,
-        safeLoading: false,
-      })
-
-      rerender()
-
-      // Now the queue tag changed from 1 to 2 and the hook should reflect the new recommended Nonce
-      await waitFor(() => {
-        expect(result.current).toEqual(2)
-      })
-    })
-
-    it('should update if historyTag changes', async () => {
-      jest.spyOn(recommendedNonce, 'getNonces').mockResolvedValue({
-        currentNonce: 1,
-        recommendedNonce: 1,
-      })
-      const mockSafeInfo = safeInfoBuilder()
-        .with({
-          txHistoryTag: '1',
-        })
-        .build()
-      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
-        safe: { ...mockSafeInfo, deployed: true },
-        safeAddress: mockSafeInfo.address.value,
-        safeLoaded: true,
-        safeLoading: false,
-      })
-
-      const { result, rerender } = renderHook(useRecommendedNonce)
-      await waitFor(() => {
-        expect(result.current).toEqual(1)
-      })
-
-      jest.spyOn(recommendedNonce, 'getNonces').mockResolvedValue({
-        currentNonce: 2,
-        recommendedNonce: 2,
-      })
-
-      rerender()
-      // The hook does not rerender as the history tag did not change yet
-      await waitFor(() => {
-        expect(result.current).toEqual(1)
-      })
-
-      jest.spyOn(useSafeInfoHook, 'default').mockReturnValue({
-        safe: { ...mockSafeInfo, deployed: true, txHistoryTag: '2' },
-        safeAddress: mockSafeInfo.address.value,
-        safeLoaded: true,
-        safeLoading: false,
-      })
-
-      rerender()
-
-      // Now the history tag changed from 1 to 2 and the hook should reflect the new recommended Nonce
-      await waitFor(() => {
-        expect(result.current).toEqual(2)
-      })
-    })
-  })
-})
diff --git a/src/components/tx/SignOrExecuteForm/hooks.ts b/src/components/tx/SignOrExecuteForm/hooks.ts
deleted file mode 100644
index e7ba87529..000000000
--- a/src/components/tx/SignOrExecuteForm/hooks.ts
+++ /dev/null
@@ -1,213 +0,0 @@
-import { assertWalletChain } from '@/services/tx/tx-sender/sdk'
-import { assertTx, assertWallet, assertOnboard } from '@/utils/helpers'
-import { useMemo } from 'react'
-import { type TransactionOptions, type SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import { sameString } from '@safe-global/protocol-kit/dist/src/utils'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import useWallet from '@/hooks/wallets/useWallet'
-import useOnboard from '@/hooks/wallets/useOnboard'
-import { isSmartContractWallet } from '@/utils/wallets'
-import {
-  dispatchOnChainSigning,
-  dispatchTxExecution,
-  dispatchTxProposal,
-  dispatchTxRelay,
-  dispatchTxSigning,
-} from '@/services/tx/tx-sender'
-import { useHasPendingTxs } from '@/hooks/usePendingTxs'
-import { getSafeTxGas, getNonces } from '@/services/tx/tx-sender/recommendedNonce'
-import useAsync from '@/hooks/useAsync'
-import { useUpdateBatch } from '@/hooks/useDraftBatch'
-import { type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
-import { checksumAddress } from '@/utils/addresses'
-
-type TxActions = {
-  addToBatch: (safeTx?: SafeTransaction, origin?: string) => Promise<string>
-  signTx: (safeTx?: SafeTransaction, txId?: string, origin?: string) => Promise<string>
-  executeTx: (
-    txOptions: TransactionOptions,
-    safeTx?: SafeTransaction,
-    txId?: string,
-    origin?: string,
-    isRelayed?: boolean,
-  ) => Promise<string>
-}
-
-export const useTxActions = (): TxActions => {
-  const { safe } = useSafeInfo()
-  const onboard = useOnboard()
-  const wallet = useWallet()
-  const [addTxToBatch] = useUpdateBatch()
-
-  return useMemo<TxActions>(() => {
-    const safeAddress = safe.address.value
-    const { chainId, version } = safe
-
-    const proposeTx = async (sender: string, safeTx: SafeTransaction, txId?: string, origin?: string) => {
-      return dispatchTxProposal({
-        chainId,
-        safeAddress,
-        sender,
-        safeTx,
-        txId,
-        origin,
-      })
-    }
-
-    const addToBatch: TxActions['addToBatch'] = async (_safeTx, origin) => {
-      const safeTx = _safeTx
-        ? { ..._safeTx, data: { ..._safeTx.data, to: checksumAddress(_safeTx.data.to) } }
-        : undefined
-      assertTx(safeTx)
-      assertWallet(wallet)
-
-      const tx = await proposeTx(wallet.address, safeTx, undefined, origin)
-      await addTxToBatch(tx)
-      return tx.txId
-    }
-
-    const signRelayedTx = async (safeTx: SafeTransaction, txId?: string): Promise<SafeTransaction> => {
-      assertTx(safeTx)
-      assertWallet(wallet)
-
-      // Smart contracts cannot sign transactions off-chain
-      if (await isSmartContractWallet(wallet.chainId, wallet.address)) {
-        throw new Error('Cannot relay an unsigned transaction from a smart contract wallet')
-      }
-      return await dispatchTxSigning(safeTx, version, wallet.provider, txId)
-    }
-
-    const signTx: TxActions['signTx'] = async (_safeTx, txId, origin) => {
-      let safeTx = _safeTx ? { ..._safeTx, data: { ..._safeTx.data, to: checksumAddress(_safeTx.data.to) } } : undefined
-      assertTx(safeTx)
-      assertWallet(wallet)
-      assertOnboard(onboard)
-
-      await assertWalletChain(onboard, chainId)
-
-      // Smart contract wallets must sign via an on-chain tx
-      if (await isSmartContractWallet(wallet.chainId, wallet.address)) {
-        // If the first signature is a smart contract wallet, we have to propose w/o signatures
-        // Otherwise the backend won't pick up the tx
-        // The signature will be added once the on-chain signature is indexed
-        const id = txId || (await proposeTx(wallet.address, safeTx, txId, origin)).txId
-        await dispatchOnChainSigning(safeTx, id, wallet.provider, chainId)
-        return id
-      }
-
-      // Otherwise, sign off-chain
-      const signedTx = await dispatchTxSigning(safeTx, version, wallet.provider, txId)
-      const tx = await proposeTx(wallet.address, signedTx, txId, origin)
-      return tx.txId
-    }
-
-    const executeTx: TxActions['executeTx'] = async (txOptions, _safeTx, txId, origin, isRelayed) => {
-      let safeTx = _safeTx ? { ..._safeTx, data: { ..._safeTx.data, to: checksumAddress(_safeTx.data.to) } } : undefined
-
-      assertTx(safeTx)
-      assertWallet(wallet)
-      assertOnboard(onboard)
-
-      await assertWalletChain(onboard, chainId)
-
-      let tx: TransactionDetails | undefined
-      // Relayed transactions must be fully signed, so request a final signature if needed
-      if (isRelayed && safeTx.signatures.size < safe.threshold) {
-        if (txId) {
-          safeTx = await signRelayedTx(safeTx)
-          tx = await proposeTx(wallet.address, safeTx, txId, origin)
-        } else {
-          tx = await proposeTx(wallet.address, safeTx, txId, origin)
-          safeTx = await signRelayedTx(safeTx)
-        }
-        txId = tx.txId
-      }
-
-      // Propose the tx if there's no id yet ("immediate execution")
-      if (!txId) {
-        tx = await proposeTx(wallet.address, safeTx, txId, origin)
-        txId = tx.txId
-      }
-
-      // Relay or execute the tx via connected wallet
-      if (isRelayed) {
-        await dispatchTxRelay(safeTx, safe, txId, txOptions.gasLimit)
-      } else {
-        await dispatchTxExecution(safeTx, txOptions, txId, wallet.provider, wallet.address, safeAddress)
-      }
-
-      return txId
-    }
-
-    return { addToBatch, signTx, executeTx }
-  }, [safe, wallet, addTxToBatch, onboard])
-}
-
-export const useValidateNonce = (safeTx: SafeTransaction | undefined): boolean => {
-  const { safe } = useSafeInfo()
-  return !!safeTx && safeTx?.data.nonce === safe.nonce
-}
-
-export const useImmediatelyExecutable = (): boolean => {
-  const { safe } = useSafeInfo()
-  const hasPending = useHasPendingTxs()
-  return safe.threshold === 1 && !hasPending
-}
-
-// Check if the executor is the safe itself (it won't work)
-export const useIsExecutionLoop = (): boolean => {
-  const wallet = useWallet()
-  const { safeAddress } = useSafeInfo()
-  return wallet ? sameString(wallet.address, safeAddress) : false
-}
-
-export const useRecommendedNonce = (): number | undefined => {
-  const { safeAddress, safe } = useSafeInfo()
-
-  const [recommendedNonce] = useAsync(
-    async () => {
-      if (!safe.chainId || !safeAddress) return
-      if (!safe.deployed) return 0
-
-      const nonces = await getNonces(safe.chainId, safeAddress)
-
-      return nonces?.recommendedNonce
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [safeAddress, safe.chainId, safe.txQueuedTag, safe.txHistoryTag], // update when tx queue or history changes
-    false, // keep old recommended nonce while refreshing to avoid skeleton
-  )
-
-  return recommendedNonce
-}
-
-export const useSafeTxGas = (safeTx: SafeTransaction | undefined): string | undefined => {
-  const { safeAddress, safe } = useSafeInfo()
-
-  // Memoize only the necessary params so that the useAsync hook is not called every time safeTx changes
-  const safeTxParams = useMemo(() => {
-    return !safeTx?.data?.to
-      ? undefined
-      : {
-          to: safeTx?.data.to,
-          value: safeTx?.data?.value,
-          data: safeTx?.data?.data,
-          operation: safeTx?.data?.operation,
-        }
-  }, [safeTx?.data.to, safeTx?.data.value, safeTx?.data.data, safeTx?.data.operation])
-
-  const [safeTxGas] = useAsync(() => {
-    if (!safe.chainId || !safeAddress || !safeTxParams || !safe.version) return
-
-    return getSafeTxGas(safe.chainId, safeAddress, safe.version, safeTxParams)
-  }, [safeAddress, safe.chainId, safe.version, safeTxParams])
-
-  return safeTxGas
-}
-
-export const useAlreadySigned = (safeTx: SafeTransaction | undefined): boolean => {
-  const wallet = useWallet()
-  const hasSigned =
-    safeTx && wallet && (safeTx.signatures.has(wallet.address.toLowerCase()) || safeTx.signatures.has(wallet.address))
-  return Boolean(hasSigned)
-}
diff --git a/src/components/tx/SignOrExecuteForm/index.tsx b/src/components/tx/SignOrExecuteForm/index.tsx
deleted file mode 100644
index 84e2397e2..000000000
--- a/src/components/tx/SignOrExecuteForm/index.tsx
+++ /dev/null
@@ -1,188 +0,0 @@
-import CounterfactualForm from '@/features/counterfactual/CounterfactualForm'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { type ReactElement, type ReactNode, useState, useContext, useCallback } from 'react'
-import madProps from '@/utils/mad-props'
-import DecodedTx from '../DecodedTx'
-import ExecuteCheckbox from '../ExecuteCheckbox'
-import { WrongChainWarning } from '../WrongChainWarning'
-import { useImmediatelyExecutable, useValidateNonce } from './hooks'
-import ExecuteForm from './ExecuteForm'
-import SignForm from './SignForm'
-import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
-import ErrorMessage from '../ErrorMessage'
-import TxChecks from './TxChecks'
-import TxCard from '@/components/tx-flow/common/TxCard'
-import ConfirmationTitle, { ConfirmationTitleTypes } from '@/components/tx/SignOrExecuteForm/ConfirmationTitle'
-import { useAppSelector } from '@/store'
-import { selectSettings } from '@/store/settingsSlice'
-import { RedefineBalanceChanges } from '../security/redefine/RedefineBalanceChange'
-import UnknownContractError from './UnknownContractError'
-import RiskConfirmationError from './RiskConfirmationError'
-import useDecodeTx from '@/hooks/useDecodeTx'
-import { ErrorBoundary } from '@sentry/react'
-import ApprovalEditor from '../ApprovalEditor'
-import { isDelegateCall } from '@/services/tx/tx-sender/sdk'
-import { getTransactionTrackingType } from '@/services/analytics/tx-tracking'
-import { TX_EVENTS } from '@/services/analytics/events/transactions'
-import { trackEvent } from '@/services/analytics'
-import useChainId from '@/hooks/useChainId'
-import PermissionsCheck from './PermissionsCheck'
-import { isConfirmationViewOrder } from '@/utils/transaction-guards'
-import SwapOrderConfirmationView from '@/features/swap/components/SwapOrderConfirmationView'
-import { isSettingTwapFallbackHandler } from '@/features/swap/helpers/utils'
-import { TwapFallbackHandlerWarning } from '@/features/swap/components/TwapFallbackHandlerWarning'
-
-export type SubmitCallback = (txId: string, isExecuted?: boolean) => void
-
-export type SignOrExecuteProps = {
-  txId?: string
-  onSubmit?: SubmitCallback
-  children?: ReactNode
-  isExecutable?: boolean
-  isRejection?: boolean
-  isBatch?: boolean
-  isBatchable?: boolean
-  onlyExecute?: boolean
-  disableSubmit?: boolean
-  origin?: string
-  isCreation?: boolean
-  showToBlock?: boolean
-}
-
-const trackTxEvents = async (chainId: string, txId: string, isCreation: boolean, isExecuted: boolean) => {
-  const event = isCreation ? TX_EVENTS.CREATE : isExecuted ? TX_EVENTS.EXECUTE : TX_EVENTS.CONFIRM
-  const txType = await getTransactionTrackingType(chainId, txId)
-  trackEvent({ ...event, label: txType })
-
-  // Immediate execution on creation
-  if (isCreation && isExecuted) {
-    trackEvent({ ...TX_EVENTS.EXECUTE, label: txType })
-  }
-}
-
-export const SignOrExecuteForm = ({
-  chainId,
-  safeTx,
-  safeTxError,
-  onSubmit,
-  ...props
-}: SignOrExecuteProps & {
-  chainId: ReturnType<typeof useChainId>
-  safeTx: ReturnType<typeof useSafeTx>
-  safeTxError: ReturnType<typeof useSafeTxError>
-}): ReactElement => {
-  const { transactionExecution } = useAppSelector(selectSettings)
-  const [shouldExecute, setShouldExecute] = useState<boolean>(transactionExecution)
-  const isCreation = !props.txId
-  const isNewExecutableTx = useImmediatelyExecutable() && isCreation
-  const isCorrectNonce = useValidateNonce(safeTx)
-  const [decodedData, decodedDataError, decodedDataLoading] = useDecodeTx(safeTx)
-  const isBatchable = props.isBatchable !== false && safeTx && !isDelegateCall(safeTx)
-  const isSwapOrder = isConfirmationViewOrder(decodedData)
-
-  const { safe } = useSafeInfo()
-  const isCounterfactualSafe = !safe.deployed
-  const isChangingFallbackHandler = isSettingTwapFallbackHandler(decodedData)
-
-  // If checkbox is checked and the transaction is executable, execute it, otherwise sign it
-  const canExecute = isCorrectNonce && (props.isExecutable || isNewExecutableTx)
-  const willExecute = (props.onlyExecute || shouldExecute) && canExecute
-
-  const onFormSubmit = useCallback<SubmitCallback>(
-    async (txId, isExecuted = false) => {
-      onSubmit?.(txId, isExecuted)
-
-      // Track tx event
-      trackTxEvents(chainId, txId, isCreation, isExecuted)
-    },
-    [chainId, isCreation, onSubmit],
-  )
-
-  return (
-    <>
-      <TxCard>
-        {props.children}
-
-        {isChangingFallbackHandler && <TwapFallbackHandlerWarning />}
-
-        {isSwapOrder && (
-          <ErrorBoundary fallback={<></>}>
-            <SwapOrderConfirmationView order={decodedData} settlementContract={safeTx?.data.to ?? ''} />
-          </ErrorBoundary>
-        )}
-
-        <ErrorBoundary fallback={<div>Error parsing data</div>}>
-          <ApprovalEditor safeTransaction={safeTx} />
-
-          <DecodedTx
-            tx={safeTx}
-            txId={props.txId}
-            decodedData={decodedData}
-            decodedDataError={decodedDataError}
-            decodedDataLoading={decodedDataLoading}
-            showMultisend={!props.isBatch}
-            showToBlock={props.showToBlock}
-          />
-        </ErrorBoundary>
-
-        {!isCounterfactualSafe && <RedefineBalanceChanges />}
-      </TxCard>
-
-      {!isCounterfactualSafe && (
-        <TxCard>
-          <TxChecks />
-        </TxCard>
-      )}
-
-      {!isCounterfactualSafe && safeTx && isCreation && (
-        <ErrorBoundary>
-          <PermissionsCheck onSubmit={onSubmit} safeTx={safeTx} safeTxError={safeTxError} />
-        </ErrorBoundary>
-      )}
-
-      <TxCard>
-        <ConfirmationTitle
-          variant={willExecute ? ConfirmationTitleTypes.execute : ConfirmationTitleTypes.sign}
-          isCreation={isCreation}
-        />
-
-        {safeTxError && (
-          <ErrorMessage error={safeTxError}>
-            This transaction will most likely fail. To save gas costs, avoid confirming the transaction.
-          </ErrorMessage>
-        )}
-
-        {canExecute && !props.onlyExecute && !isCounterfactualSafe && <ExecuteCheckbox onChange={setShouldExecute} />}
-
-        <WrongChainWarning />
-
-        <UnknownContractError />
-
-        <RiskConfirmationError />
-
-        {isCounterfactualSafe ? (
-          <CounterfactualForm {...props} safeTx={safeTx} isCreation={isCreation} onSubmit={onFormSubmit} onlyExecute />
-        ) : willExecute ? (
-          <ExecuteForm {...props} safeTx={safeTx} isCreation={isCreation} onSubmit={onFormSubmit} />
-        ) : (
-          <SignForm
-            {...props}
-            safeTx={safeTx}
-            isBatchable={isBatchable}
-            isCreation={isCreation}
-            onSubmit={onFormSubmit}
-          />
-        )}
-      </TxCard>
-    </>
-  )
-}
-
-const useSafeTx = () => useContext(SafeTxContext).safeTx
-const useSafeTxError = () => useContext(SafeTxContext).safeTxError
-
-export default madProps(SignOrExecuteForm, {
-  chainId: useChainId,
-  safeTx: useSafeTx,
-  safeTxError: useSafeTxError,
-})
diff --git a/src/components/tx/SignOrExecuteForm/styles.module.css b/src/components/tx/SignOrExecuteForm/styles.module.css
deleted file mode 100644
index b04c0a44e..000000000
--- a/src/components/tx/SignOrExecuteForm/styles.module.css
+++ /dev/null
@@ -1,66 +0,0 @@
-.wrapper {
-  display: flex;
-  align-items: center;
-  gap: var(--space-2);
-  margin-bottom: var(--space-1);
-}
-
-.icon {
-  width: 34px;
-  height: 34px;
-  border-radius: 6px;
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-}
-
-.sign {
-  background-color: var(--color-info-background);
-}
-
-.sign svg {
-  color: var(--color-info-dark);
-}
-
-.execute {
-  background-color: var(--color-secondary-background);
-}
-
-.execute svg {
-  color: var(--color-secondary-dark);
-}
-
-[data-theme='dark'] .execute {
-  background-color: var(--color-success-background);
-}
-
-[data-theme='dark'] .execute svg {
-  color: var(--color-success-dark);
-}
-
-.params {
-  margin-bottom: var(--space-2);
-}
-
-.noBottomBorderRadius :global(.MuiPaper-root) {
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-}
-
-.noTopBorder > div {
-  margin-top: -1px;
-  border-top-left-radius: 0 !important;
-  border-top-right-radius: 0 !important;
-}
-
-.mobileTxCheckMessages,
-.mobileTxCheckMessages:empty {
-  display: none;
-}
-
-@media (max-width: 899.95px) {
-  .mobileTxCheckMessages {
-    display: block;
-  }
-}
diff --git a/src/components/tx/SponsoredBy/styles.module.css b/src/components/tx/SponsoredBy/styles.module.css
deleted file mode 100644
index 2df83cc5b..000000000
--- a/src/components/tx/SponsoredBy/styles.module.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.sponsoredBy {
-  padding: 8px 12px;
-  background-color: var(--color-background-main);
-  border-bottom-left-radius: 6px;
-  border-bottom-right-radius: 6px;
-  border-top: 1px solid var(--color-border-light);
-  display: flex;
-}
-
-.icon {
-  margin-right: 8px;
-  margin-top: -1px;
-  color: var(--color-text-secondary);
-  width: 24px;
-}
-
-.logo {
-  width: 16px;
-  height: 16px;
-}
diff --git a/src/components/tx/WrongChainWarning/index.tsx b/src/components/tx/WrongChainWarning/index.tsx
deleted file mode 100644
index 35cc18f9a..000000000
--- a/src/components/tx/WrongChainWarning/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import type { ReactElement } from 'react'
-import { Typography } from '@mui/material'
-import { useCurrentChain } from '@/hooks/useChains'
-import useIsWrongChain from '@/hooks/useIsWrongChain'
-import ErrorMessage from '@/components/tx/ErrorMessage'
-
-export const WrongChainWarning = (): ReactElement | null => {
-  const chain = useCurrentChain()
-  const isWrongChain = useIsWrongChain()
-
-  if (!isWrongChain || !chain) {
-    return null
-  }
-
-  return (
-    <ErrorMessage level="info">
-      <Typography fontWeight="bold">Wallet network switch</Typography>
-      When you submit the transaction, you will be asked to switch your wallet network to {chain.chainName}.
-    </ErrorMessage>
-  )
-}
diff --git a/src/components/tx/security/SecurityWarnings.tsx b/src/components/tx/security/SecurityWarnings.tsx
deleted file mode 100644
index f78c9fde2..000000000
--- a/src/components/tx/security/SecurityWarnings.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { RedefineMessage } from './redefine'
-import { TxSimulationMessage } from './tenderly'
-
-const SecurityWarnings = () => (
-  <>
-    <RedefineMessage />
-    <TxSimulationMessage />
-  </>
-)
-
-export default SecurityWarnings
diff --git a/src/components/tx/security/redefine/RedefineBalanceChange.tsx b/src/components/tx/security/redefine/RedefineBalanceChange.tsx
deleted file mode 100644
index 2d6a50c4b..000000000
--- a/src/components/tx/security/redefine/RedefineBalanceChange.tsx
+++ /dev/null
@@ -1,189 +0,0 @@
-import EthHashInfo from '@/components/common/EthHashInfo'
-import TokenIcon from '@/components/common/TokenIcon'
-import useBalances from '@/hooks/useBalances'
-import useChainId from '@/hooks/useChainId'
-import { useHasFeature } from '@/hooks/useChains'
-import { type RedefineModuleResponse } from '@/services/security/modules/RedefineModule'
-import { sameAddress } from '@/utils/addresses'
-import { FEATURES } from '@/utils/chains'
-import { formatVisualAmount } from '@/utils/formatters'
-import { Box, Chip, CircularProgress, Grid, SvgIcon, Tooltip, Typography } from '@mui/material'
-import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
-import { ErrorBoundary } from '@sentry/react'
-import { useContext } from 'react'
-import { TxSecurityContext } from '../shared/TxSecurityContext'
-import ArrowOutwardIcon from '@/public/images/transactions/outgoing.svg'
-import ArrowDownwardIcon from '@/public/images/transactions/incoming.svg'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import ExternalLink from '@/components/common/ExternalLink'
-import { REDEFINE_ARTICLE } from '@/config/constants'
-
-import css from './styles.module.css'
-
-const FungibleBalanceChange = ({
-  change,
-}: {
-  change: NonNullable<RedefineModuleResponse['balanceChange']>['in' | 'out'][number] & { type: 'ERC20' | 'NATIVE' }
-}) => {
-  const { balances } = useBalances()
-
-  const logoUri = balances.items.find((item) => {
-    return change.type === 'NATIVE'
-      ? item.tokenInfo.type === TokenType.NATIVE_TOKEN
-      : sameAddress(item.tokenInfo.address, change.address)
-  })?.tokenInfo.logoUri
-
-  return (
-    <>
-      <Typography variant="body2" mx={1}>
-        {formatVisualAmount(change.amount.value, change.decimals)}
-      </Typography>
-      <TokenIcon size={16} logoUri={logoUri} tokenSymbol={change.symbol} />
-      <Typography variant="body2" fontWeight={700} display="inline" ml={0.5}>
-        {change.symbol}
-      </Typography>
-      <span style={{ margin: 'auto' }} />
-      <Chip className={css.categoryChip} label={change.type} />
-    </>
-  )
-}
-
-const NFTBalanceChange = ({
-  change,
-}: {
-  change: NonNullable<RedefineModuleResponse['balanceChange']>['in' | 'out'][number] & { type: 'ERC721' }
-}) => {
-  const chainId = useChainId()
-
-  return (
-    <>
-      {change.symbol ? (
-        <Typography variant="body2" fontWeight={700} display="inline" ml={1}>
-          {change.symbol}
-        </Typography>
-      ) : (
-        <Typography variant="body2" ml={1}>
-          <EthHashInfo
-            address={change.address}
-            chainId={chainId}
-            showCopyButton={false}
-            showPrefix={false}
-            hasExplorer
-            showAvatar={false}
-            shortAddress
-          />
-        </Typography>
-      )}
-      <Typography variant="subtitle2" className={css.nftId} ml={1}>
-        #{change.tokenId}
-      </Typography>
-      <span style={{ margin: 'auto' }} />
-      <Chip className={css.categoryChip} label="NFT" />
-    </>
-  )
-}
-
-const BalanceChange = ({
-  change,
-  positive = false,
-}: {
-  change: NonNullable<RedefineModuleResponse['balanceChange']>['in' | 'out'][number]
-  positive?: boolean
-}) => {
-  return (
-    <Grid item xs={12} md={12}>
-      <Box className={css.balanceChange}>
-        {positive ? <ArrowDownwardIcon /> : <ArrowOutwardIcon />}
-        {change.type === 'ERC721' ? <NFTBalanceChange change={change} /> : <FungibleBalanceChange change={change} />}
-      </Box>
-    </Grid>
-  )
-}
-
-const BalanceChanges = () => {
-  const { balanceChange, isLoading } = useContext(TxSecurityContext)
-  const totalBalanceChanges = balanceChange ? balanceChange.in.length + balanceChange.out.length : 0
-
-  if (isLoading && !balanceChange) {
-    return (
-      <div className={css.loader}>
-        <CircularProgress
-          size={22}
-          sx={{
-            color: ({ palette }) => palette.text.secondary,
-          }}
-        />
-        <Typography variant="body2" color="text.secondary">
-          Calculating...
-        </Typography>
-      </div>
-    )
-  }
-
-  if (totalBalanceChanges === 0) {
-    return (
-      <Typography variant="body2" color="text.secondary" justifySelf="flex-end">
-        No balance change detected
-      </Typography>
-    )
-  }
-
-  return (
-    <Grid container className={css.balanceChanges}>
-      <>
-        {balanceChange?.in.map((change, idx) => (
-          <BalanceChange change={change} key={idx} positive />
-        ))}
-        {balanceChange?.out.map((change, idx) => (
-          <BalanceChange change={change} key={idx} />
-        ))}
-      </>
-    </Grid>
-  )
-}
-
-export const RedefineBalanceChanges = () => {
-  const isFeatureEnabled = useHasFeature(FEATURES.RISK_MITIGATION)
-
-  if (!isFeatureEnabled) {
-    return null
-  }
-
-  return (
-    <div className={css.box}>
-      <Typography variant="subtitle2" fontWeight={700} flexShrink={0}>
-        Balance change
-        <Tooltip
-          title={
-            <>
-              The balance change gives an overview of the implications of a transaction. You can see which assets will
-              be sent and received after the transaction is executed.&nbsp;
-              <ExternalLink href={REDEFINE_ARTICLE} title="Learn more about balance change">
-                Learn more about balance change
-              </ExternalLink>
-              .
-            </>
-          }
-          arrow
-          placement="top"
-        >
-          <span>
-            <SvgIcon
-              component={InfoIcon}
-              inheritViewBox
-              color="border"
-              fontSize="small"
-              sx={{
-                verticalAlign: 'middle',
-                ml: 0.5,
-              }}
-            />
-          </span>
-        </Tooltip>
-      </Typography>
-      <ErrorBoundary fallback={<div>Error showing balance changes</div>}>
-        <BalanceChanges />
-      </ErrorBoundary>
-    </div>
-  )
-}
diff --git a/src/components/tx/security/redefine/RedefineHint.tsx b/src/components/tx/security/redefine/RedefineHint.tsx
deleted file mode 100644
index 8030ec9ec..000000000
--- a/src/components/tx/security/redefine/RedefineHint.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { SecuritySeverity } from '@/services/security/modules/types'
-import { Alert, Box, List, ListItem, SvgIcon, Typography } from '@mui/material'
-import css from 'src/components/tx/security/redefine/styles.module.css'
-import AlertIcon from '@/public/images/notifications/alert.svg'
-import { mapRedefineSeverity } from '@/components/tx/security/redefine/useRedefine'
-
-export const RedefineHint = ({ severity, warnings }: { severity: SecuritySeverity; warnings: string[] }) => {
-  const severityProps = mapRedefineSeverity[severity]
-  const pluralizedLabel = (
-    <>
-      {warnings.length} {severityProps.label}
-      {warnings.length > 1 ? 's' : ''}
-    </>
-  )
-
-  return (
-    <>
-      <Alert
-        className={css.hint}
-        severity={severityProps.color}
-        sx={{ bgcolor: ({ palette }) => palette[severityProps.color].background }}
-        icon={
-          <SvgIcon
-            component={AlertIcon}
-            inheritViewBox
-            color={severityProps.color}
-            sx={{
-              '& path': {
-                fill: ({ palette }) => palette[severityProps.color].main,
-              },
-            }}
-          />
-        }
-      >
-        {severity !== SecuritySeverity.NONE && (
-          <Typography variant="body2" fontWeight={700}>
-            {pluralizedLabel}
-          </Typography>
-        )}
-        <Box display="flex" flexDirection="column" gap={2}>
-          <List sx={{ listStyle: 'disc', pl: 2, '& li:last-child': { m: 0 } }}>
-            {warnings.map((warning) => (
-              <ListItem key={warning} disablePadding sx={{ display: 'list-item', mb: 1 }}>
-                <Typography variant="body2">{warning}</Typography>
-              </ListItem>
-            ))}
-          </List>
-        </Box>
-      </Alert>
-    </>
-  )
-}
diff --git a/src/components/tx/security/redefine/index.tsx b/src/components/tx/security/redefine/index.tsx
deleted file mode 100644
index a237f6ba3..000000000
--- a/src/components/tx/security/redefine/index.tsx
+++ /dev/null
@@ -1,203 +0,0 @@
-import { useContext, useEffect, useRef } from 'react'
-import { mapRedefineSeverity } from '@/components/tx/security/redefine/useRedefine'
-import { TxSecurityContext } from '@/components/tx/security/shared/TxSecurityContext'
-import { SecuritySeverity } from '@/services/security/modules/types'
-import groupBy from 'lodash/groupBy'
-import { Alert, Box, Checkbox, FormControlLabel, Paper, SvgIcon, Tooltip, Typography } from '@mui/material'
-import ExternalLink from '@/components/common/ExternalLink'
-import { FEATURES } from '@/utils/chains'
-import { useHasFeature } from '@/hooks/useChains'
-import { ErrorBoundary } from '@sentry/react'
-import { REDEFINE_ARTICLE, REDEFINE_SIMULATION_URL } from '@/config/constants'
-import css from 'src/components/tx/security/redefine/styles.module.css'
-import sharedCss from '@/components/tx/security/shared/styles.module.css'
-import RedefineLogoDark from '@/public/images/transactions/redefine-dark-mode.png'
-import RedefineLogo from '@/public/images/transactions/redefine.png'
-import Track from '@/components/common/Track'
-import { MODALS_EVENTS } from '@/services/analytics'
-import { useDarkMode } from '@/hooks/useDarkMode'
-import CircularProgress from '@mui/material/CircularProgress'
-import { RedefineHint } from '@/components/tx/security/redefine/RedefineHint'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import Image from 'next/image'
-import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
-
-const MAX_SHOWN_WARNINGS = 3
-
-const RedefineBlock = () => {
-  const { severity, isLoading, error, needsRiskConfirmation, isRiskConfirmed, setIsRiskConfirmed, isRiskIgnored } =
-    useContext(TxSecurityContext)
-
-  const { safeTx } = useContext(SafeTxContext)
-
-  // We either scan a tx or a message if tx is undefined
-  const isTransaction = !!safeTx
-  const checkboxRef = useRef<HTMLElement>(null)
-
-  const isDarkMode = useDarkMode()
-  const severityProps = severity !== undefined ? mapRedefineSeverity[severity] : undefined
-
-  const toggleConfirmation = () => {
-    setIsRiskConfirmed((prev) => !prev)
-  }
-
-  // Highlight checkbox if user tries to submit transaction without confirming risks
-  useEffect(() => {
-    if (isRiskIgnored) {
-      checkboxRef.current?.scrollIntoView({ behavior: 'smooth', block: 'center' })
-    }
-  }, [isRiskIgnored, checkboxRef])
-
-  return (
-    <div className={css.wrapperBox}>
-      <Paper
-        variant="outlined"
-        className={sharedCss.wrapper}
-        sx={needsRiskConfirmation ? { borderTop: 'none', borderLeft: 'none', borderRight: 'none' } : { border: 'none' }}
-      >
-        <div>
-          <Typography variant="body2" fontWeight={700}>
-            Scan for risks
-            <Tooltip
-              title={
-                <>
-                  This {isTransaction ? 'transaction' : 'message'} has been automatically scanned for risks to help
-                  prevent scams.&nbsp;
-                  <ExternalLink href={REDEFINE_ARTICLE} title="Learn more about security scans">
-                    Learn more about security scans
-                  </ExternalLink>
-                  .
-                </>
-              }
-              arrow
-              placement="top"
-            >
-              <span>
-                <SvgIcon
-                  component={InfoIcon}
-                  inheritViewBox
-                  color="border"
-                  fontSize="small"
-                  sx={{
-                    verticalAlign: 'middle',
-                    ml: 0.5,
-                  }}
-                />
-              </span>
-            </Tooltip>
-          </Typography>
-
-          <Typography variant="caption" className={sharedCss.poweredBy} position="relative">
-            Powered by{' '}
-            <div className={css.redefine}>
-              <Image src={isDarkMode ? RedefineLogoDark : RedefineLogo} alt="Redefine logo" width={52} />
-            </div>
-          </Typography>
-        </div>
-
-        <div className={sharedCss.result}>
-          {isLoading ? (
-            <CircularProgress
-              size={22}
-              sx={{
-                color: ({ palette }) => palette.text.secondary,
-              }}
-            />
-          ) : severityProps ? (
-            <Typography variant="body2" color={`${severityProps.color}.main`} className={sharedCss.result}>
-              <SvgIcon
-                component={severityProps.icon}
-                inheritViewBox
-                fontSize="small"
-                sx={{ verticalAlign: 'middle', mr: 1 }}
-              />
-              {severityProps.label}
-            </Typography>
-          ) : error ? (
-            <Typography variant="body2" color="error" className={sharedCss.result}>
-              {error.message}
-            </Typography>
-          ) : null}
-        </div>
-      </Paper>
-      <div>
-        {needsRiskConfirmation && (
-          <Box pl={2} ref={checkboxRef}>
-            <Track {...MODALS_EVENTS.ACCEPT_RISK}>
-              <FormControlLabel
-                label={`I understand the risks and would like to sign this ${
-                  isTransaction ? 'transaction' : 'message'
-                }`}
-                control={<Checkbox checked={isRiskConfirmed} onChange={toggleConfirmation} />}
-                className={isRiskIgnored ? css.checkboxError : ''}
-              />
-            </Track>
-          </Box>
-        )}
-      </div>
-    </div>
-  )
-}
-
-export const Redefine = () => {
-  const isFeatureEnabled = useHasFeature(FEATURES.RISK_MITIGATION)
-
-  if (!isFeatureEnabled) {
-    return null
-  }
-
-  return (
-    <ErrorBoundary fallback={<div>Error showing scan result</div>}>
-      <RedefineBlock />
-    </ErrorBoundary>
-  )
-}
-
-export const RedefineMessage = () => {
-  const { severity, warnings, simulationUuid } = useContext(TxSecurityContext)
-
-  /* Evaluate security warnings */
-  const relevantWarnings = warnings.filter((warning) => warning.severity !== SecuritySeverity.NONE)
-  const shownWarnings = relevantWarnings.slice(0, MAX_SHOWN_WARNINGS)
-  const hiddenWarningCount = warnings.length - shownWarnings.length
-  const hiddenMaxSeverity =
-    hiddenWarningCount > 0 ? relevantWarnings[MAX_SHOWN_WARNINGS]?.severity : SecuritySeverity.NONE
-
-  const groupedShownWarnings = groupBy(shownWarnings, (warning) => warning.severity)
-  const sortedSeverities = Object.keys(groupedShownWarnings).sort((a, b) => (Number(a) < Number(b) ? 1 : -1))
-
-  if (sortedSeverities.length === 0 && hiddenWarningCount === 0 && !simulationUuid) return null
-
-  return (
-    <Box display="flex" flexDirection="column" gap={1}>
-      {sortedSeverities.map((key) => (
-        <RedefineHint
-          key={key}
-          severity={Number(key)}
-          warnings={groupedShownWarnings[key].map((warning) => warning.description.short)}
-        />
-      ))}
-
-      {hiddenWarningCount > 0 && (
-        <RedefineHint
-          severity={hiddenMaxSeverity}
-          warnings={[`${hiddenWarningCount} more issue${hiddenWarningCount > 1 ? 's' : ''}`]}
-        />
-      )}
-
-      {simulationUuid && (
-        <Alert severity="info" sx={{ border: 'unset' }}>
-          {severity === SecuritySeverity.NONE && (
-            <Typography variant="body2" fontWeight={700}>
-              {mapRedefineSeverity[severity].label}
-            </Typography>
-          )}
-          For a comprehensive risk overview,{' '}
-          <ExternalLink href={`${REDEFINE_SIMULATION_URL}${simulationUuid}`}>
-            see the full report on Redefine
-          </ExternalLink>
-        </Alert>
-      )}
-    </Box>
-  )
-}
diff --git a/src/components/tx/security/redefine/styles.module.css b/src/components/tx/security/redefine/styles.module.css
deleted file mode 100644
index 75fee7dc1..000000000
--- a/src/components/tx/security/redefine/styles.module.css
+++ /dev/null
@@ -1,100 +0,0 @@
-.hint {
-  padding: var(--space-2);
-  border: unset;
-}
-
-.hint :global .MuiAlert-icon {
-  padding: 0;
-}
-
-.hint :global .MuiAlert-message {
-  padding: 0;
-}
-
-.wrapperBox :global .MuiAccordion-root.Mui-expanded {
-  border-color: var(--color-border-light) !important;
-}
-
-.wrapperBox {
-  border-radius: 6px;
-  border: 1px solid var(--color-border-light);
-  padding: 0;
-  background-color: var(--color-background-main);
-  line-height: 1;
-}
-
-.loader {
-  display: flex;
-  align-items: center;
-  gap: var(--space-1);
-  padding-right: 12px;
-  justify-self: flex-end;
-}
-
-.balanceChanges {
-  max-height: 300px;
-  overflow-y: auto;
-  align-items: center;
-  gap: var(--space-1);
-}
-
-.balanceChange {
-  display: flex;
-  margin-bottom: 6px;
-  align-items: center;
-}
-
-.balanceChange:last-child {
-  margin-bottom: 0;
-}
-
-.balanceChange svg {
-  flex-shrink: 0;
-}
-
-.nftId {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.categoryChip {
-  border-radius: 4px;
-  height: auto;
-}
-
-.box {
-  border-radius: 6px;
-  border: 1px solid var(--color-border-light);
-  display: grid;
-  grid-template-columns: 35% auto;
-  padding: var(--space-2) 12px;
-}
-
-@keyframes popup {
-  0% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(1.05);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-
-.checkboxError {
-  color: var(--color-error-main);
-  animation: popup 0.5s ease-in-out;
-}
-
-.checkboxError svg {
-  color: var(--color-error-main) !important;
-}
-
-.redefine {
-  height: 40px;
-  width: 52px;
-  position: absolute;
-  right: -58px;
-}
diff --git a/src/components/tx/security/redefine/useRedefine.test.ts b/src/components/tx/security/redefine/useRedefine.test.ts
deleted file mode 100644
index e77f7cc91..000000000
--- a/src/components/tx/security/redefine/useRedefine.test.ts
+++ /dev/null
@@ -1,330 +0,0 @@
-import { act, renderHook, waitFor } from '@/tests/test-utils'
-import { REDEFINE_RETRY_TIMEOUT, useRedefine } from './useRedefine'
-import * as useWallet from '@/hooks/wallets/useWallet'
-import * as useChains from '@/hooks/useChains'
-import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
-import { toBeHex } from 'ethers'
-import { type RedefineResponse, REDEFINE_ERROR_CODES } from '@/services/security/modules/RedefineModule'
-import { SecuritySeverity } from '@/services/security/modules/types'
-import { safeTxBuilder } from '@/tests/builders/safeTx'
-import { eip712TypedDataBuilder } from '@/tests/builders/messages'
-
-const setupFetchStub = (data: any) => (_url: string) => {
-  return Promise.resolve({
-    json: () => Promise.resolve(data),
-    status: 200,
-    ok: true,
-  })
-}
-
-enum TEST_CASES {
-  MESSAGE = 'EIP 712 Message',
-  TRANSACTION = 'SafeTransaction',
-}
-
-// Mock REDEFINE_API
-jest.mock('@/config/constants', () => ({
-  ...jest.requireActual('@/config/constants'),
-  REDEFINE_API: 'https://redefine-api.test',
-}))
-
-describe.each([TEST_CASES.MESSAGE, TEST_CASES.TRANSACTION])('useRedefine for %s', (testCase) => {
-  let mockUseWallet: jest.SpyInstance<ConnectedWallet | null, []>
-
-  const mockPayload = testCase === TEST_CASES.TRANSACTION ? safeTxBuilder().build() : eip712TypedDataBuilder().build()
-
-  beforeEach(() => {
-    jest.resetAllMocks()
-    jest.useFakeTimers()
-    mockUseWallet = jest.spyOn(useWallet, 'default')
-    mockUseWallet.mockImplementation(() => null)
-
-    global.fetch = jest.fn()
-  })
-
-  it('should return undefined without data', async () => {
-    const { result } = renderHook(() => useRedefine(undefined))
-
-    await waitFor(() => {
-      expect(result.current[0]).toBeUndefined()
-      expect(result.current[1]).toBeUndefined()
-      expect(result.current[2]).toBeFalsy()
-    })
-  })
-
-  it('should return undefined without connected wallet', async () => {
-    const { result } = renderHook(() => useRedefine(mockPayload))
-
-    await waitFor(() => {
-      expect(result.current[0]).toBeUndefined()
-      expect(result.current[1]).toBeUndefined()
-      expect(result.current[2]).toBeFalsy()
-    })
-  })
-
-  it('should return undefined without feature enabled', async () => {
-    const walletAddress = toBeHex('0x1', 20)
-
-    mockUseWallet.mockImplementation(() => ({
-      address: walletAddress,
-      chainId: '1',
-      label: 'Testwallet',
-      provider: {} as any,
-    }))
-
-    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(false)
-
-    const { result } = renderHook(() => useRedefine(mockPayload))
-
-    await waitFor(() => {
-      expect(result.current[0]).toBeUndefined()
-      expect(result.current[1]).toEqual(undefined)
-      expect(result.current[2]).toBeFalsy()
-    })
-  })
-
-  it('should handle request errors', async () => {
-    const walletAddress = toBeHex('0x1', 20)
-
-    mockUseWallet.mockImplementation(() => ({
-      address: walletAddress,
-      chainId: '1',
-      label: 'Testwallet',
-      provider: {} as any,
-    }))
-
-    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
-
-    const mockFetch = jest.spyOn(global, 'fetch')
-    mockFetch.mockImplementation(() => Promise.reject({ message: '403 not authorized' }))
-
-    const { result } = renderHook(() => useRedefine(mockPayload))
-
-    await waitFor(() => {
-      expect(result.current[0]).toBeUndefined()
-      expect(result.current[1]).toEqual(new Error('Unavailable'))
-      expect(result.current[2]).toBeFalsy()
-    })
-  })
-
-  it('should return the redefine issues', async () => {
-    const walletAddress = toBeHex('0x1', 20)
-
-    const mockRedefineResponse: RedefineResponse = {
-      data: {
-        insights: {
-          verdict: {
-            code: 1,
-            label: 'LOW',
-          },
-          issues: [
-            {
-              category: 'SOME_FAKE_WARNING',
-              description: {
-                short: 'Test',
-                long: 'Just a test',
-              },
-              severity: {
-                code: 1,
-                label: 'LOW',
-              },
-            },
-          ],
-        },
-        simulation: {
-          block: '123',
-          time: '2023-01-01-23:00',
-          uuid: '123-456-789',
-        },
-        balanceChange: {
-          in: [
-            {
-              address: toBeHex('0x2', 20),
-              amount: {
-                normalizedValue: '0.1',
-                value: '100000000000000000',
-              },
-              decimals: 18,
-              name: 'Test',
-              symbol: 'TST',
-              type: 'ERC20',
-            },
-          ],
-          out: [],
-        },
-      },
-      errors: [],
-    }
-
-    mockUseWallet.mockImplementation(() => ({
-      address: walletAddress,
-      chainId: '1',
-      label: 'Testwallet',
-      provider: {} as any,
-    }))
-
-    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
-
-    global.fetch = jest.fn().mockImplementation(setupFetchStub(mockRedefineResponse))
-
-    const mockFetch = jest.spyOn(global, 'fetch')
-    const { result } = renderHook(() => useRedefine(mockPayload))
-
-    await waitFor(() => {
-      expect(result.current[1]).toBeUndefined()
-      expect(result.current[0]).toBeDefined()
-      const response = result.current[0]
-      expect(response?.severity).toEqual(SecuritySeverity.LOW)
-      expect(response?.payload?.issues).toHaveLength(1)
-      expect(response?.payload?.balanceChange?.in).toHaveLength(1)
-      expect(result.current[2]).toBeFalsy()
-      expect(mockFetch).toHaveBeenCalledTimes(1)
-    })
-
-    // Should not poll again without error 1000
-    await act(() => {
-      jest.advanceTimersByTime(REDEFINE_RETRY_TIMEOUT)
-    })
-
-    expect(mockFetch).toHaveBeenCalledTimes(1)
-  })
-
-  it('should poll again on error code 1000', async () => {
-    const walletAddress = toBeHex('0x1', 20)
-
-    const mockPartialRedefineResponse: RedefineResponse = {
-      data: {
-        insights: {
-          verdict: {
-            code: 1,
-            label: 'LOW',
-          },
-          issues: [
-            {
-              category: 'SOME_FAKE_WARNING',
-              description: {
-                short: 'Test',
-                long: 'Just a test',
-              },
-              severity: {
-                code: 1,
-                label: 'LOW',
-              },
-            },
-          ],
-        },
-        simulation: {
-          block: '123',
-          time: '2023-01-01-23:00',
-          uuid: '123-456-789',
-        },
-      },
-      errors: [
-        {
-          code: REDEFINE_ERROR_CODES.ANALYSIS_IN_PROGRESS,
-          message: 'Analysis still in progress.',
-        },
-      ],
-    }
-
-    const mockFullRedefineResponse: RedefineResponse = {
-      data: {
-        balanceChange: {
-          in: [
-            {
-              address: toBeHex('0x2', 20),
-              amount: {
-                normalizedValue: '0.1',
-                value: '100000000000000000',
-              },
-              decimals: 18,
-              name: 'Test',
-              symbol: 'TST',
-              type: 'ERC20',
-            },
-          ],
-          out: [],
-        },
-        simulation: {
-          block: '123',
-          time: '2023-01-01-23:00',
-          uuid: '123-456-789',
-        },
-        insights: {
-          verdict: {
-            code: 1,
-            label: 'LOW',
-          },
-          issues: [
-            {
-              category: 'SOME_FAKE_WARNING',
-              description: {
-                short: 'Test',
-                long: 'Just a test',
-              },
-              severity: {
-                code: 1,
-                label: 'LOW',
-              },
-            },
-          ],
-        },
-      },
-      errors: [],
-    }
-
-    mockUseWallet.mockImplementation(() => ({
-      address: walletAddress,
-      chainId: '1',
-      label: 'Testwallet',
-      provider: {} as any,
-    }))
-
-    jest.spyOn(useChains, 'useHasFeature').mockReturnValue(true)
-
-    global.fetch = jest.fn().mockImplementation(setupFetchStub(mockPartialRedefineResponse))
-
-    let mockFetch = jest.spyOn(global, 'fetch')
-    const { result } = renderHook(() => useRedefine(mockPayload))
-
-    await waitFor(() => {
-      expect(result.current[0]).toBeDefined()
-      const response = result.current[0]
-      expect(response?.severity).toEqual(SecuritySeverity.LOW)
-      expect(response?.payload?.issues).toHaveLength(1)
-      expect(response?.payload?.balanceChange).toBeUndefined()
-      expect(result.current[1]).toBeUndefined()
-      expect(result.current[2]).toBeTruthy()
-
-      expect(mockFetch).toHaveBeenCalledTimes(1)
-    })
-
-    global.fetch = jest.fn().mockImplementation(setupFetchStub(mockFullRedefineResponse))
-
-    mockFetch = jest.spyOn(global, 'fetch')
-
-    // Should poll again on error 1000
-    await act(() => {
-      jest.advanceTimersByTime(REDEFINE_RETRY_TIMEOUT)
-    })
-
-    await waitFor(() => {
-      expect(result.current[0]).toBeDefined()
-      const response = result.current[0]
-      expect(response?.severity).toEqual(SecuritySeverity.LOW)
-      expect(response?.payload?.issues).toHaveLength(1)
-      expect(response?.payload?.balanceChange?.in).toHaveLength(1)
-      expect(result.current[1]).toBeUndefined()
-      expect(result.current[2]).toBeFalsy()
-
-      expect(mockFetch).toHaveBeenCalledTimes(1)
-    })
-
-    // Should not poll again after full result without error 1000
-    // Should not poll again without error 1000
-    await act(() => {
-      jest.advanceTimersByTime(REDEFINE_RETRY_TIMEOUT)
-    })
-    expect(mockFetch).toHaveBeenCalledTimes(1)
-  })
-})
diff --git a/src/components/tx/security/redefine/useRedefine.ts b/src/components/tx/security/redefine/useRedefine.ts
deleted file mode 100644
index d1f6d3b62..000000000
--- a/src/components/tx/security/redefine/useRedefine.ts
+++ /dev/null
@@ -1,146 +0,0 @@
-import useAsync, { type AsyncResult } from '@/hooks/useAsync'
-import { useHasFeature } from '@/hooks/useChains'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import useWallet from '@/hooks/wallets/useWallet'
-import { MODALS_EVENTS, trackEvent } from '@/services/analytics'
-import {
-  RedefineModule,
-  type RedefineModuleResponse,
-  REDEFINE_ERROR_CODES,
-} from '@/services/security/modules/RedefineModule'
-import type { SecurityResponse } from '@/services/security/modules/types'
-import { FEATURES } from '@/utils/chains'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import { useState, useEffect, useMemo, type ComponentType } from 'react'
-import { type AlertColor } from '@mui/material'
-import { SecuritySeverity } from '@/services/security/modules/types'
-import CloseIcon from '@/public/images/common/close.svg'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import CheckIcon from '@/public/images/common/check.svg'
-import type { EIP712TypedData } from '@safe-global/safe-gateway-typescript-sdk'
-
-export const REDEFINE_RETRY_TIMEOUT = 2_000
-const RedefineModuleInstance = new RedefineModule()
-
-const DEFAULT_ERROR_MESSAGE = 'Unavailable'
-
-const CRITICAL_ERRORS: Record<number, string> = {
-  [1001]: 'Simulation failed',
-  [2000]: DEFAULT_ERROR_MESSAGE,
-  [3000]: DEFAULT_ERROR_MESSAGE,
-}
-
-type SecurityWarningProps = {
-  color: AlertColor
-  icon: ComponentType
-  label: string
-  action?: string
-}
-
-const ACTION_REJECT = 'Reject this transaction'
-const ACTION_REVIEW = 'Review before processing'
-
-export const mapRedefineSeverity: Record<SecuritySeverity, SecurityWarningProps> = {
-  [SecuritySeverity.CRITICAL]: {
-    action: ACTION_REJECT,
-    color: 'error',
-    icon: CloseIcon,
-    label: 'critical risk',
-  },
-  [SecuritySeverity.HIGH]: {
-    action: ACTION_REJECT,
-    color: 'error',
-    icon: CloseIcon,
-    label: 'high risk',
-  },
-  [SecuritySeverity.MEDIUM]: {
-    action: ACTION_REVIEW,
-    color: 'warning',
-    icon: InfoIcon,
-    label: 'medium risk',
-  },
-  [SecuritySeverity.LOW]: {
-    action: ACTION_REVIEW,
-    color: 'warning',
-    icon: InfoIcon,
-    label: 'small risk',
-  },
-  [SecuritySeverity.NONE]: {
-    color: 'success',
-    icon: CheckIcon,
-    label: 'No issues found',
-  },
-}
-
-export const useRedefine = (
-  data: SafeTransaction | EIP712TypedData | undefined,
-): AsyncResult<SecurityResponse<RedefineModuleResponse>> => {
-  const { safe, safeAddress } = useSafeInfo()
-  const wallet = useWallet()
-  const [retryCounter, setRetryCounter] = useState(0)
-  const isFeatureEnabled = useHasFeature(FEATURES.RISK_MITIGATION)
-
-  // Memoized JSON data to avoid unnecessary requests
-  const jsonData = useMemo(() => {
-    if (!data) return ''
-    let adjustedData = data
-    if ('data' in data) {
-      // We need to set nonce to 0 to avoid repeated requests with an updated nonce
-      adjustedData = { ...data, data: { ...data.data, nonce: 0 } }
-    }
-    return JSON.stringify(adjustedData)
-  }, [data])
-
-  const [redefinePayload, redefineErrors, redefineLoading] = useAsync<SecurityResponse<RedefineModuleResponse>>(
-    () => {
-      if (!isFeatureEnabled || !jsonData || !wallet?.address) {
-        return
-      }
-
-      return RedefineModuleInstance.scanTransaction({
-        chainId: Number(safe.chainId),
-        data: JSON.parse(jsonData),
-        safeAddress,
-        walletAddress: wallet.address,
-        threshold: safe.threshold,
-      })
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [safe.chainId, safe.threshold, safeAddress, jsonData, wallet?.address, retryCounter, isFeatureEnabled],
-    false,
-  )
-
-  const isAnalyzing = !!redefinePayload?.payload?.errors.some(
-    (error) => error.code === REDEFINE_ERROR_CODES.ANALYSIS_IN_PROGRESS,
-  )
-
-  const loading = redefineLoading || isAnalyzing
-
-  const error = useMemo(() => {
-    const simulationErrors =
-      redefinePayload?.payload?.errors.filter((error) => CRITICAL_ERRORS[error.code] !== undefined) ?? []
-    const errorMessage = redefineErrors
-      ? DEFAULT_ERROR_MESSAGE
-      : simulationErrors.length > 0
-      ? CRITICAL_ERRORS[simulationErrors[0].code]
-      : undefined
-    return errorMessage ? new Error(errorMessage) : undefined
-  }, [redefineErrors, redefinePayload?.payload?.errors])
-
-  useEffect(() => {
-    if (!isAnalyzing) {
-      return
-    }
-
-    let timeoutId = setTimeout(() => setRetryCounter((prev) => prev + 1), REDEFINE_RETRY_TIMEOUT)
-    return () => clearTimeout(timeoutId)
-  }, [redefinePayload, isAnalyzing])
-
-  useEffect(() => {
-    if (!loading && !error && redefinePayload) {
-      trackEvent({ ...MODALS_EVENTS.REDEFINE_RESULT, label: redefinePayload.severity })
-    }
-  }, [error, loading, redefinePayload])
-
-  return [redefinePayload, error, loading]
-}
diff --git a/src/components/tx/security/shared/TxSecurityContext.tsx b/src/components/tx/security/shared/TxSecurityContext.tsx
deleted file mode 100644
index 62f267b83..000000000
--- a/src/components/tx/security/shared/TxSecurityContext.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { type RedefineModuleResponse } from '@/services/security/modules/RedefineModule'
-import { SecuritySeverity } from '@/services/security/modules/types'
-import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
-import { createContext, type Dispatch, type SetStateAction, useContext, useMemo, useState } from 'react'
-import { useRedefine } from '../redefine/useRedefine'
-
-export const defaultSecurityContextValues = {
-  warnings: [],
-  simulationUuid: undefined,
-  balanceChange: undefined,
-  severity: SecuritySeverity.NONE,
-  isLoading: false,
-  error: undefined,
-  needsRiskConfirmation: false,
-  isRiskConfirmed: false,
-  setIsRiskConfirmed: () => {},
-  isRiskIgnored: false,
-  setIsRiskIgnored: () => {},
-}
-
-export const TxSecurityContext = createContext<{
-  warnings: NonNullable<RedefineModuleResponse['issues']>
-  simulationUuid: string | undefined
-  balanceChange: RedefineModuleResponse['balanceChange']
-  severity: SecuritySeverity | undefined
-  isLoading: boolean
-  error: Error | undefined
-  needsRiskConfirmation: boolean
-  isRiskConfirmed: boolean
-  setIsRiskConfirmed: Dispatch<SetStateAction<boolean>>
-  isRiskIgnored: boolean
-  setIsRiskIgnored: Dispatch<SetStateAction<boolean>>
-}>(defaultSecurityContextValues)
-
-export const TxSecurityProvider = ({ children }: { children: JSX.Element }) => {
-  const { safeTx, safeMessage } = useContext(SafeTxContext)
-  const [redefineResponse, redefineError, redefineLoading] = useRedefine(safeTx ?? safeMessage)
-  const [isRiskConfirmed, setIsRiskConfirmed] = useState(false)
-  const [isRiskIgnored, setIsRiskIgnored] = useState(false)
-
-  const providedValue = useMemo(
-    () => ({
-      severity: redefineResponse?.severity,
-      simulationUuid: redefineResponse?.payload?.simulation?.uuid,
-      warnings: redefineResponse?.payload?.issues || [],
-      balanceChange: redefineResponse?.payload?.balanceChange,
-      error: redefineError,
-      isLoading: redefineLoading,
-      needsRiskConfirmation: !!redefineResponse && redefineResponse.severity >= SecuritySeverity.HIGH,
-      isRiskConfirmed,
-      setIsRiskConfirmed,
-      isRiskIgnored: isRiskIgnored && !isRiskConfirmed,
-      setIsRiskIgnored,
-    }),
-    [isRiskConfirmed, isRiskIgnored, redefineError, redefineLoading, redefineResponse],
-  )
-
-  return <TxSecurityContext.Provider value={providedValue}>{children}</TxSecurityContext.Provider>
-}
diff --git a/src/components/tx/security/tenderly/__tests__/utils.test.ts b/src/components/tx/security/tenderly/__tests__/utils.test.ts
deleted file mode 100644
index 3005c06a7..000000000
--- a/src/components/tx/security/tenderly/__tests__/utils.test.ts
+++ /dev/null
@@ -1,329 +0,0 @@
-import type { MetaTransactionData, SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { zeroPadValue, Interface } from 'ethers'
-import {
-  getSimulationPayload,
-  NONCE_STORAGE_POSITION,
-  THRESHOLD_STORAGE_POSITION,
-} from '@/components/tx/security/tenderly/utils'
-import * as safeContracts from '@/services/contracts/safeContracts'
-import { getMultiSendCallOnlyDeployment, getSafeSingletonDeployment } from '@safe-global/safe-deployments'
-import EthSafeTransaction from '@safe-global/protocol-kit/dist/src/utils/transactions/SafeTransaction'
-import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-import { generatePreValidatedSignature } from '@safe-global/protocol-kit/dist/src/utils/signatures'
-import { toBeHex } from 'ethers'
-import * as Web3 from '@/hooks/wallets/web3'
-
-const SIGNATURE_LENGTH = 65 * 2
-
-const getPreValidatedSignature = (addr: string): string => generatePreValidatedSignature(addr).data
-
-describe('simulation utils', () => {
-  const safeContractInterface = new Interface(getSafeSingletonDeployment({ version: '1.3.0' })?.abi || [])
-  const multiSendContractInterface = new Interface(getMultiSendCallOnlyDeployment({ version: '1.3.0' })?.abi || [])
-  const mockSafeAddress = zeroPadValue('0x0123', 20)
-  const mockMultisendAddress = zeroPadValue('0x1234', 20)
-
-  beforeAll(() => {
-    const safeContractMock = {
-      encode: (functionFragment: string, values: readonly any[]) =>
-        safeContractInterface.encodeFunctionData(functionFragment, values),
-      getAddress: () => mockSafeAddress,
-    }
-    const multisendContractMock = {
-      encode: (functionFragment: string, values: readonly any[]) =>
-        multiSendContractInterface.encodeFunctionData(functionFragment, values),
-      getAddress: () => mockMultisendAddress,
-    }
-    jest.spyOn(safeContracts, 'getReadOnlyCurrentGnosisSafeContract').mockImplementation(() => safeContractMock as any)
-    jest
-      .spyOn(safeContracts, 'getReadOnlyMultiSendCallOnlyContract')
-      .mockImplementation(() => multisendContractMock as any)
-
-    jest.spyOn(Web3, 'getWeb3ReadOnly').mockImplementation(
-      () =>
-        ({
-          getBlock: () =>
-            Promise.resolve({
-              gasLimit: BigInt(30_000_000),
-            }),
-        } as any),
-    )
-  })
-  describe('getSimulationPayload', () => {
-    it('unsigned executable multisig transaction with threshold 1', async () => {
-      const ownerAddress = zeroPadValue('0x01', 20)
-      const mockSafeInfo: Partial<SafeInfo> = {
-        threshold: 1,
-        nonce: 0,
-        chainId: '4',
-        address: { value: zeroPadValue('0x0123', 20) },
-      }
-      const mockTx: SafeTransaction = new EthSafeTransaction({
-        to: ZERO_ADDRESS,
-        value: '0x0',
-        data: '0x',
-        baseGas: '0',
-        gasPrice: '0',
-        gasToken: ZERO_ADDRESS,
-        nonce: 0,
-        operation: 0,
-        refundReceiver: ZERO_ADDRESS,
-        safeTxGas: '0',
-      })
-
-      const tenderlyPayload = await getSimulationPayload({
-        executionOwner: ownerAddress,
-        gasLimit: 50_000,
-        safe: mockSafeInfo as SafeInfo,
-        transactions: mockTx,
-      })
-
-      /* Decode the call params:
-        [0] address to,
-        [1] uint256 value,
-        [2] bytes calldata data,
-        [3] Enum.Operation operation,
-        [4] uint256 safeTxGas,
-        [5] uint256 baseGas,
-        [6] uint256 gasPrice,
-        [7] address gasToken,
-        [8] address payable refundReceiver,
-        [9] bytes memory signatures
-       */
-      const decodedTxData = safeContractInterface.decodeFunctionData('execTransaction', tenderlyPayload.input)
-
-      expect(tenderlyPayload.to).toEqual(mockSafeAddress)
-      expect(decodedTxData[0]).toEqual(ZERO_ADDRESS)
-      expect(decodedTxData[1]).toEqual(BigInt(0))
-      expect(decodedTxData[2]).toEqual('0x')
-      expect(decodedTxData[3]).toEqual(0n)
-      expect(decodedTxData[4]).toEqual(BigInt(0))
-      expect(decodedTxData[5]).toEqual(BigInt(0))
-      expect(decodedTxData[6]).toEqual(BigInt(0))
-      expect(decodedTxData[7]).toEqual(ZERO_ADDRESS)
-      expect(decodedTxData[8]).toEqual(ZERO_ADDRESS)
-
-      expect(tenderlyPayload.gas).toEqual(50_000)
-
-      // Add prevalidated signature of connected owner
-      expect(decodedTxData[9]).toContain(getPreValidatedSignature(ownerAddress))
-
-      // Do not overwrite the threshold
-      expect(tenderlyPayload.state_objects).toBeUndefined()
-    })
-
-    it('fully signed executable multisig transaction with threshold 2', async () => {
-      const ownerAddress = zeroPadValue('0x01', 20)
-      const otherOwnerAddress1 = zeroPadValue('0x11', 20)
-      const otherOwnerAddress2 = zeroPadValue('0x12', 20)
-
-      const mockSafeInfo: Partial<SafeInfo> = {
-        threshold: 2,
-        nonce: 0,
-        chainId: '4',
-        address: { value: zeroPadValue('0x0123', 20) },
-      }
-      const mockTx: SafeTransaction = new EthSafeTransaction({
-        to: ZERO_ADDRESS,
-        value: '0x0',
-        data: '0x',
-        baseGas: '0',
-        gasPrice: '0',
-        gasToken: ZERO_ADDRESS,
-        nonce: 0,
-        operation: 0,
-        refundReceiver: ZERO_ADDRESS,
-        safeTxGas: '0',
-      })
-
-      mockTx.addSignature(generatePreValidatedSignature(otherOwnerAddress1))
-      mockTx.addSignature(generatePreValidatedSignature(otherOwnerAddress2))
-
-      const tenderlyPayload = await getSimulationPayload({
-        executionOwner: ownerAddress,
-        gasLimit: 50_000,
-        safe: mockSafeInfo as SafeInfo,
-        transactions: mockTx,
-      })
-
-      const decodedTxData = safeContractInterface.decodeFunctionData('execTransaction', tenderlyPayload.input)
-
-      // Do not add preValidatedSignature of connected owner as the tx is fully signed
-      expect(decodedTxData[9]).not.toContain(getPreValidatedSignature(ownerAddress))
-      // Do not overwrite the threshold
-      expect(tenderlyPayload.state_objects).toBeUndefined()
-    })
-
-    it('partially signed multisig transaction with threshold 2 and higher nonce', async () => {
-      const ownerAddress = zeroPadValue('0x01', 20)
-      const otherOwnerAddress1 = zeroPadValue('0x11', 20)
-
-      const mockSafeInfo: Partial<SafeInfo> = {
-        threshold: 2,
-        nonce: 0,
-        chainId: '4',
-        address: { value: zeroPadValue('0x0123', 20) },
-      }
-      const mockTx: SafeTransaction = new EthSafeTransaction({
-        to: ZERO_ADDRESS,
-        value: '0x0',
-        data: '0x',
-        baseGas: '0',
-        gasPrice: '0',
-        gasToken: ZERO_ADDRESS,
-        nonce: 1,
-        operation: 0,
-        refundReceiver: ZERO_ADDRESS,
-        safeTxGas: '0',
-      })
-
-      mockTx.addSignature(generatePreValidatedSignature(otherOwnerAddress1))
-
-      const tenderlyPayload = await getSimulationPayload({
-        executionOwner: ownerAddress,
-        safe: mockSafeInfo as SafeInfo,
-        transactions: mockTx,
-      })
-
-      const decodedTxData = safeContractInterface.decodeFunctionData('execTransaction', tenderlyPayload.input)
-
-      // Do add preValidatedSignature of connected owner as the tx is only partially signed
-      expect(decodedTxData[9]).toContain(getPreValidatedSignature(ownerAddress))
-      expect(decodedTxData[9]).toHaveLength(SIGNATURE_LENGTH * 2 + 2)
-      // Do  overwrite the nonce but not the threshold
-      expect(tenderlyPayload.state_objects).toBeDefined()
-      const safeOverwrite = tenderlyPayload.state_objects![mockSafeAddress]
-      expect(safeOverwrite?.storage).toBeDefined()
-      expect(safeOverwrite.storage![NONCE_STORAGE_POSITION]).toBe(toBeHex('0x1', 32))
-      expect(safeOverwrite.storage![THRESHOLD_STORAGE_POSITION]).toBeUndefined()
-    })
-
-    it('partially signed executable multisig transaction with threshold 2 and matching nonce', async () => {
-      const ownerAddress = zeroPadValue('0x01', 20)
-      const otherOwnerAddress1 = zeroPadValue('0x11', 20)
-
-      const mockSafeInfo: Partial<SafeInfo> = {
-        threshold: 2,
-        nonce: 0,
-        chainId: '4',
-        address: { value: zeroPadValue('0x0123', 20) },
-      }
-      const mockTx: SafeTransaction = new EthSafeTransaction({
-        to: ZERO_ADDRESS,
-        value: '0x0',
-        data: '0x',
-        baseGas: '0',
-        gasPrice: '0',
-        gasToken: ZERO_ADDRESS,
-        nonce: 0,
-        operation: 0,
-        refundReceiver: ZERO_ADDRESS,
-        safeTxGas: '0',
-      })
-
-      mockTx.addSignature(generatePreValidatedSignature(otherOwnerAddress1))
-
-      const tenderlyPayload = await getSimulationPayload({
-        executionOwner: ownerAddress,
-        gasLimit: 50_000,
-        safe: mockSafeInfo as SafeInfo,
-        transactions: mockTx,
-      })
-
-      const decodedTxData = safeContractInterface.decodeFunctionData('execTransaction', tenderlyPayload.input)
-
-      // Do add preValidatedSignature of connected owner as the tx is only partially signed
-      expect(decodedTxData[9]).toContain(getPreValidatedSignature(ownerAddress))
-      expect(decodedTxData[9]).toHaveLength(SIGNATURE_LENGTH * 2 + 2)
-      // Do not overwrite the threshold
-      expect(tenderlyPayload.state_objects).toBeUndefined()
-    })
-
-    it('unsigned signed not-executable multisig transaction with threshold 2', async () => {
-      const ownerAddress = zeroPadValue('0x01', 20)
-
-      const mockSafeInfo: Partial<SafeInfo> = {
-        threshold: 2,
-        nonce: 0,
-        chainId: '4',
-        address: { value: zeroPadValue('0x0123', 20) },
-      }
-      const mockTx: SafeTransaction = new EthSafeTransaction({
-        to: ZERO_ADDRESS,
-        value: '0x0',
-        data: '0x',
-        baseGas: '0',
-        gasPrice: '0',
-        gasToken: ZERO_ADDRESS,
-        nonce: 0,
-        operation: 0,
-        refundReceiver: ZERO_ADDRESS,
-        safeTxGas: '0',
-      })
-
-      const tenderlyPayload = await getSimulationPayload({
-        executionOwner: ownerAddress,
-        gasLimit: 50_000,
-        safe: mockSafeInfo as SafeInfo,
-        transactions: mockTx,
-      })
-
-      const decodedTxData = safeContractInterface.decodeFunctionData('execTransaction', tenderlyPayload.input)
-
-      // Do add preValidatedSignature of connected owner as the tx is only partially signed
-      expect(decodedTxData[9]).toContain(getPreValidatedSignature(ownerAddress))
-      // Overwrite the threshold with 1
-      expect(tenderlyPayload.state_objects).toBeDefined()
-      const safeOverwrite = tenderlyPayload.state_objects![mockSafeAddress]
-      expect(safeOverwrite?.storage).toBeDefined()
-      expect(safeOverwrite.storage![THRESHOLD_STORAGE_POSITION]).toBe(toBeHex('0x1', 32))
-      expect(safeOverwrite.storage![NONCE_STORAGE_POSITION]).toBeUndefined()
-    })
-
-    it('batched transaction without gas limit', async () => {
-      const ownerAddress = zeroPadValue('0x01', 20)
-
-      const mockSafeInfo: Partial<SafeInfo> = {
-        threshold: 2,
-        nonce: 0,
-        chainId: '4',
-        address: { value: zeroPadValue('0x0123', 20) },
-      }
-      const mockTxs: MetaTransactionData[] = [
-        {
-          data: '0x',
-          to: ZERO_ADDRESS,
-          value: '0',
-          operation: 0,
-        },
-        {
-          data: '0x',
-          to: ZERO_ADDRESS,
-          value: '0',
-          operation: 0,
-        },
-        {
-          data: '0x',
-          to: ZERO_ADDRESS,
-          value: '0',
-          operation: 0,
-        },
-      ]
-
-      const tenderlyPayload = await getSimulationPayload({
-        executionOwner: ownerAddress,
-        safe: mockSafeInfo as SafeInfo,
-        transactions: mockTxs,
-      })
-
-      const decodedTxData = multiSendContractInterface.decodeFunctionData('multiSend', tenderlyPayload.input)
-
-      expect(tenderlyPayload.to).toEqual(mockMultisendAddress)
-      expect(tenderlyPayload.gas).toEqual(30_000_000)
-      expect(decodedTxData[0]).toBeDefined()
-
-      expect(tenderlyPayload.state_objects).toBeUndefined()
-    })
-  })
-})
diff --git a/src/components/tx/security/tenderly/index.tsx b/src/components/tx/security/tenderly/index.tsx
deleted file mode 100644
index dafe0dced..000000000
--- a/src/components/tx/security/tenderly/index.tsx
+++ /dev/null
@@ -1,192 +0,0 @@
-import { Alert, Button, Paper, SvgIcon, Tooltip, Typography } from '@mui/material'
-import { useContext, useEffect } from 'react'
-import type { ReactElement } from 'react'
-
-import useSafeInfo from '@/hooks/useSafeInfo'
-import useWallet from '@/hooks/wallets/useWallet'
-import CheckIcon from '@/public/images/common/check.svg'
-import CloseIcon from '@/public/images/common/close.svg'
-import { useDarkMode } from '@/hooks/useDarkMode'
-import CircularProgress from '@mui/material/CircularProgress'
-import ExternalLink from '@/components/common/ExternalLink'
-import { useCurrentChain } from '@/hooks/useChains'
-import { isTxSimulationEnabled } from '@/components/tx/security/tenderly/utils'
-import type { SimulationTxParams } from '@/components/tx/security/tenderly/utils'
-
-import css from './styles.module.css'
-import sharedCss from '@/components/tx/security/shared/styles.module.css'
-import { TxInfoContext } from '@/components/tx-flow/TxInfoProvider'
-import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import Track from '@/components/common/Track'
-import { MODALS_EVENTS } from '@/services/analytics'
-
-export type TxSimulationProps = {
-  transactions?: SimulationTxParams['transactions']
-  gasLimit?: number
-  disabled: boolean
-  executionOwner?: string
-}
-
-// TODO: Investigate resetting on gasLimit change as we are not simulating with the gasLimit of the tx
-// otherwise remove all usage of gasLimit in simulation. Note: this was previously being done.
-// TODO: Test this component
-const TxSimulationBlock = ({ transactions, disabled, gasLimit, executionOwner }: TxSimulationProps): ReactElement => {
-  const { safe } = useSafeInfo()
-  const wallet = useWallet()
-  const isDarkMode = useDarkMode()
-  const { safeTx } = useContext(SafeTxContext)
-  const {
-    simulation: { simulateTransaction, resetSimulation },
-    status: { isFinished, isError, isSuccess, isCallTraceError, isLoading },
-  } = useContext(TxInfoContext)
-
-  const handleSimulation = async () => {
-    if (!wallet) {
-      return
-    }
-
-    simulateTransaction({
-      safe,
-      executionOwner: executionOwner ?? wallet.address,
-      transactions,
-      gasLimit,
-    } as SimulationTxParams)
-  }
-
-  // Reset simulation if safeTx changes
-  useEffect(() => {
-    resetSimulation()
-  }, [safeTx, resetSimulation])
-
-  return (
-    <Paper variant="outlined" className={sharedCss.wrapper}>
-      <div className={css.wrapper}>
-        <Typography variant="body2" fontWeight={700}>
-          Run a simulation
-          <Tooltip
-            title="This transaction can be simulated before execution to ensure that it will be succeed, generating a detailed report of the transaction execution."
-            arrow
-            placement="top"
-          >
-            <span>
-              <SvgIcon
-                component={InfoIcon}
-                inheritViewBox
-                color="border"
-                fontSize="small"
-                sx={{
-                  verticalAlign: 'middle',
-                  ml: 0.5,
-                }}
-              />
-            </span>
-          </Tooltip>
-        </Typography>
-        <Typography variant="caption" className={sharedCss.poweredBy}>
-          Powered by{' '}
-          <img
-            src={isDarkMode ? '/images/transactions/tenderly-light.svg' : '/images/transactions/tenderly-dark.svg'}
-            alt="Tenderly"
-            width="65px"
-            height="15px"
-          />
-        </Typography>
-      </div>
-
-      <div className={sharedCss.result}>
-        {isLoading ? (
-          <CircularProgress
-            size={22}
-            sx={{
-              color: ({ palette }) => palette.text.secondary,
-            }}
-          />
-        ) : isFinished ? (
-          !isSuccess || isError || isCallTraceError ? (
-            <Typography variant="body2" color="error.main" className={sharedCss.result}>
-              <SvgIcon component={CloseIcon} inheritViewBox fontSize="small" sx={{ verticalAlign: 'middle', mr: 1 }} />
-              Error
-            </Typography>
-          ) : (
-            <Typography variant="body2" color="success.main" className={sharedCss.result}>
-              <SvgIcon component={CheckIcon} inheritViewBox fontSize="small" sx={{ verticalAlign: 'middle', mr: 1 }} />
-              Success
-            </Typography>
-          )
-        ) : (
-          <Track {...MODALS_EVENTS.SIMULATE_TX}>
-            <Button
-              variant="outlined"
-              size="small"
-              className={css.simulate}
-              onClick={handleSimulation}
-              disabled={!transactions || disabled}
-            >
-              Simulate
-            </Button>
-          </Track>
-        )}
-      </div>
-    </Paper>
-  )
-}
-
-export const TxSimulation = (props: TxSimulationProps): ReactElement | null => {
-  const chain = useCurrentChain()
-
-  if (!chain || !isTxSimulationEnabled(chain)) {
-    return null
-  }
-
-  return <TxSimulationBlock {...props} />
-}
-
-// TODO: Test this component
-export const TxSimulationMessage = () => {
-  const {
-    simulation: { simulationLink, simulation, requestError },
-    status: { isError, isSuccess, isCallTraceError, isFinished },
-  } = useContext(TxInfoContext)
-
-  if (!isFinished) {
-    return null
-  }
-
-  if (!isSuccess || isError || isCallTraceError) {
-    return (
-      <Alert severity="error" sx={{ border: 'unset' }}>
-        <Typography variant="body2" fontWeight={700}>
-          Simulation failed
-        </Typography>
-        {requestError ? (
-          <Typography color="error">
-            An unexpected error occurred during simulation: <b>{requestError}</b>.
-          </Typography>
-        ) : (
-          <Typography>
-            {isCallTraceError ? (
-              <>The transaction failed during the simulation.</>
-            ) : (
-              <>
-                The transaction failed during the simulation throwing error{' '}
-                <b>{simulation?.transaction.error_message}</b> in the contract at{' '}
-                <b>{simulation?.transaction.error_info?.address}</b>.
-              </>
-            )}{' '}
-            Full simulation report is available <ExternalLink href={simulationLink}>on Tenderly</ExternalLink>.
-          </Typography>
-        )}
-      </Alert>
-    )
-  }
-
-  return (
-    <Alert severity="info" sx={{ border: 'unset' }}>
-      <Typography variant="body2" fontWeight={700}>
-        Simulation successful
-      </Typography>
-      Full simulation report is available <ExternalLink href={simulationLink}>on Tenderly</ExternalLink>.
-    </Alert>
-  )
-}
diff --git a/src/components/tx/security/tenderly/useSimulation.ts b/src/components/tx/security/tenderly/useSimulation.ts
deleted file mode 100644
index b957d3d3d..000000000
--- a/src/components/tx/security/tenderly/useSimulation.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { useCallback, useMemo, useState } from 'react'
-
-import { getSimulation, getSimulationLink } from '@/components/tx/security/tenderly/utils'
-import { FETCH_STATUS, type TenderlySimulation } from '@/components/tx/security/tenderly/types'
-import { getSimulationPayload, type SimulationTxParams } from '@/components/tx/security/tenderly/utils'
-import { useAppSelector } from '@/store'
-import { selectTenderly } from '@/store/settingsSlice'
-import { asError } from '@/services/exceptions/utils'
-
-export type UseSimulationReturn =
-  | {
-      _simulationRequestStatus: FETCH_STATUS.NOT_ASKED | FETCH_STATUS.ERROR | FETCH_STATUS.LOADING
-      simulation: undefined
-      simulateTransaction: (params: SimulationTxParams) => void
-      simulationLink: string
-      requestError?: string
-      resetSimulation: () => void
-    }
-  | {
-      _simulationRequestStatus: FETCH_STATUS.SUCCESS
-      simulation: TenderlySimulation
-      simulateTransaction: (params: SimulationTxParams) => void
-      simulationLink: string
-      requestError?: string
-      resetSimulation: () => void
-    }
-
-export const useSimulation = (): UseSimulationReturn => {
-  const [simulation, setSimulation] = useState<TenderlySimulation | undefined>()
-  const [simulationRequestStatus, setSimulationRequestStatus] = useState<FETCH_STATUS>(FETCH_STATUS.NOT_ASKED)
-  const [requestError, setRequestError] = useState<string | undefined>(undefined)
-  const tenderly = useAppSelector(selectTenderly)
-
-  const simulationLink = useMemo(() => getSimulationLink(simulation?.simulation.id || ''), [simulation])
-
-  const resetSimulation = useCallback(() => {
-    setSimulationRequestStatus(FETCH_STATUS.NOT_ASKED)
-    setRequestError(undefined)
-    setSimulation(undefined)
-  }, [])
-
-  const simulateTransaction = useCallback(
-    async (params: SimulationTxParams) => {
-      setSimulationRequestStatus(FETCH_STATUS.LOADING)
-      setRequestError(undefined)
-
-      try {
-        const simulationPayload = await getSimulationPayload(params)
-
-        const data = await getSimulation(simulationPayload, tenderly)
-
-        setSimulation(data)
-        setSimulationRequestStatus(FETCH_STATUS.SUCCESS)
-      } catch (error) {
-        console.error(error)
-
-        setRequestError(asError(error).message)
-        setSimulationRequestStatus(FETCH_STATUS.ERROR)
-      }
-    },
-    [tenderly],
-  )
-
-  return {
-    simulateTransaction,
-    // This is only used by the provider
-    _simulationRequestStatus: simulationRequestStatus,
-    simulation,
-    simulationLink,
-    requestError,
-    resetSimulation,
-  } as UseSimulationReturn
-}
diff --git a/src/components/tx/security/tenderly/utils.ts b/src/components/tx/security/tenderly/utils.ts
deleted file mode 100644
index 96834a9c0..000000000
--- a/src/components/tx/security/tenderly/utils.ts
+++ /dev/null
@@ -1,237 +0,0 @@
-import { generatePreValidatedSignature } from '@safe-global/protocol-kit/dist/src/utils/signatures'
-import EthSafeTransaction from '@safe-global/protocol-kit/dist/src/utils/transactions/SafeTransaction'
-import { encodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils/transactions/utils'
-import { type SafeInfo, type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import type { MetaTransactionData, SafeTransaction } from '@safe-global/safe-core-sdk-types'
-
-import {
-  getReadOnlyMultiSendCallOnlyContract,
-  getReadOnlyCurrentGnosisSafeContract,
-} from '@/services/contracts/safeContracts'
-import { TENDERLY_SIMULATE_ENDPOINT_URL, TENDERLY_ORG_NAME, TENDERLY_PROJECT_NAME } from '@/config/constants'
-import { FEATURES, hasFeature } from '@/utils/chains'
-import type { StateObject, TenderlySimulatePayload, TenderlySimulation } from '@/components/tx/security/tenderly/types'
-import { getWeb3ReadOnly } from '@/hooks/wallets/web3'
-import { toBeHex } from 'ethers'
-import type { EnvState } from '@/store/settingsSlice'
-
-export const isTxSimulationEnabled = (chain?: ChainInfo): boolean => {
-  if (!chain) {
-    return false
-  }
-
-  const isSimulationEnvSet =
-    Boolean(TENDERLY_SIMULATE_ENDPOINT_URL) && Boolean(TENDERLY_ORG_NAME) && Boolean(TENDERLY_PROJECT_NAME)
-
-  return isSimulationEnvSet && hasFeature(chain, FEATURES.TX_SIMULATION)
-}
-
-export const getSimulation = async (
-  tx: TenderlySimulatePayload,
-  customTenderly: EnvState['tenderly'] | undefined,
-): Promise<TenderlySimulation> => {
-  const requestObject: RequestInit = {
-    method: 'POST',
-    body: JSON.stringify(tx),
-  }
-
-  if (customTenderly?.accessToken) {
-    requestObject.headers = {
-      'content-type': 'application/JSON',
-      'X-Access-Key': customTenderly.accessToken,
-    }
-  }
-
-  const data = await fetch(
-    customTenderly?.url ? customTenderly.url : TENDERLY_SIMULATE_ENDPOINT_URL,
-    requestObject,
-  ).then((res) => {
-    if (res.ok) {
-      return res.json()
-    }
-    return res.json().then((data) => {
-      throw new Error(`${res.status} - ${res.statusText}: ${data?.error?.message}`)
-    })
-  })
-
-  return data as TenderlySimulation
-}
-
-export const getSimulationLink = (simulationId: string): string => {
-  // return `https://dashboard.tenderly.co/public/${TENDERLY_ORG_NAME}/${TENDERLY_PROJECT_NAME}/simulator/${simulationId}`
-  return `https://dashboard.tenderly.co/shared/simulation/${simulationId}`
-}
-
-type SingleTransactionSimulationParams = {
-  safe: SafeInfo
-  executionOwner: string
-  transactions: SafeTransaction
-  gasLimit?: number
-}
-
-type MultiSendTransactionSimulationParams = {
-  safe: SafeInfo
-  executionOwner: string
-  transactions: MetaTransactionData[]
-  gasLimit?: number
-}
-
-export type SimulationTxParams = SingleTransactionSimulationParams | MultiSendTransactionSimulationParams
-
-export const _getSingleTransactionPayload = async (
-  params: SingleTransactionSimulationParams,
-): Promise<Pick<TenderlySimulatePayload, 'to' | 'input'>> => {
-  // If a transaction is executable we simulate with the proposed/selected gasLimit and the actual signatures
-  let transaction = params.transactions
-  const hasOwnerSignature = transaction.signatures.has(params.executionOwner)
-  // If the owner's sig is missing and the tx threshold is not reached we add the owner's preValidated signature
-  const needsOwnerSignature = !hasOwnerSignature && transaction.signatures.size < params.safe.threshold
-  if (needsOwnerSignature) {
-    const simulatedTransaction = new EthSafeTransaction(transaction.data)
-
-    transaction.signatures.forEach((signature) => {
-      simulatedTransaction.addSignature(signature)
-    })
-    simulatedTransaction.addSignature(generatePreValidatedSignature(params.executionOwner))
-
-    transaction = simulatedTransaction
-  }
-
-  const readOnlySafeContract = await getReadOnlyCurrentGnosisSafeContract(params.safe)
-
-  const input = readOnlySafeContract.encode('execTransaction', [
-    transaction.data.to,
-    transaction.data.value,
-    transaction.data.data,
-    transaction.data.operation,
-    transaction.data.safeTxGas,
-    transaction.data.baseGas,
-    transaction.data.gasPrice,
-    transaction.data.gasToken,
-    transaction.data.refundReceiver,
-    transaction.encodedSignatures(),
-  ])
-
-  return {
-    to: await readOnlySafeContract.getAddress(),
-    input,
-  }
-}
-
-export const _getMultiSendCallOnlyPayload = async (
-  params: MultiSendTransactionSimulationParams,
-): Promise<Pick<TenderlySimulatePayload, 'to' | 'input'>> => {
-  const data = encodeMultiSendData(params.transactions)
-  const readOnlyMultiSendContract = await getReadOnlyMultiSendCallOnlyContract(params.safe.chainId, params.safe.version)
-
-  return {
-    to: await readOnlyMultiSendContract.getAddress(),
-    input: readOnlyMultiSendContract.encode('multiSend', [data]),
-  }
-}
-
-export const _getStateOverride = (
-  address: string,
-  balance?: string,
-  code?: string,
-  storage?: Record<string, string>,
-): Record<string, StateObject> => {
-  return {
-    [address]: {
-      balance,
-      code,
-      storage,
-    },
-  }
-}
-
-const isSingleTransactionSimulation = (params: SimulationTxParams): params is SingleTransactionSimulationParams => {
-  return !Array.isArray(params.transactions)
-}
-
-/**
- * @returns true for single MultiSig transactions if the provided signatures plus the current owner's signature (if missing)
- * do not reach the safe's threshold.
- */
-const isOverwriteThreshold = (params: SimulationTxParams) => {
-  if (!isSingleTransactionSimulation(params)) {
-    return false
-  }
-  const tx = params.transactions
-  const hasOwnerSig = tx.signatures.has(params.executionOwner)
-  const effectiveSigs = tx.signatures.size + (hasOwnerSig ? 0 : 1)
-  return params.safe.threshold > effectiveSigs
-}
-
-const getNonceOverwrite = (params: SimulationTxParams): number | undefined => {
-  if (!isSingleTransactionSimulation(params)) {
-    return
-  }
-  const txNonce = params.transactions.data.nonce
-  const safeNonce = params.safe.nonce
-  if (txNonce > safeNonce) {
-    return txNonce
-  }
-}
-
-/* We need to overwrite the threshold stored in smart contract storage to 1
-  to do a proper simulation that takes transaction guards into account.
-  The threshold is stored in storage slot 4 and uses full 32 bytes slot.
-  Safe storage layout can be found here:
-  https://github.com/gnosis/safe-contracts/blob/main/contracts/libraries/GnosisSafeStorage.sol */
-export const THRESHOLD_STORAGE_POSITION = toBeHex('0x4', 32)
-export const THRESHOLD_OVERWRITE = toBeHex('0x1', 32)
-/* We need to overwrite the nonce if we simulate a (partially) signed transaction which is not at the top position of the tx queue.
-  The nonce can be found in storage slot 5 and uses a full 32 bytes slot. */
-export const NONCE_STORAGE_POSITION = toBeHex('0x5', 32)
-
-const getStateOverwrites = (params: SimulationTxParams) => {
-  const nonceOverwrite = getNonceOverwrite(params)
-  const isThresholdOverwrite = isOverwriteThreshold(params)
-
-  const storageOverwrites: Record<string, string> = {} as Record<string, string>
-
-  if (isThresholdOverwrite) {
-    storageOverwrites[THRESHOLD_STORAGE_POSITION] = THRESHOLD_OVERWRITE
-  }
-  if (nonceOverwrite !== undefined) {
-    storageOverwrites[NONCE_STORAGE_POSITION] = toBeHex('0x' + BigInt(nonceOverwrite).toString(16), 32)
-  }
-
-  return storageOverwrites
-}
-
-const getLatestBlockGasLimit = async (): Promise<number> => {
-  const web3ReadOnly = getWeb3ReadOnly()
-  const latestBlock = await web3ReadOnly?.getBlock('latest')
-  if (!latestBlock) {
-    throw Error('Could not determine block gas limit')
-  }
-  return Number(latestBlock.gasLimit)
-}
-
-export const getSimulationPayload = async (params: SimulationTxParams): Promise<TenderlySimulatePayload> => {
-  const gasLimit = params.gasLimit ?? (await getLatestBlockGasLimit())
-
-  const payload = isSingleTransactionSimulation(params)
-    ? await _getSingleTransactionPayload(params)
-    : await _getMultiSendCallOnlyPayload(params)
-
-  const stateOverwrites = getStateOverwrites(params)
-  const stateOverwritesLength = Object.keys(stateOverwrites).length
-
-  return {
-    ...payload,
-    network_id: params.safe.chainId,
-    from: params.executionOwner,
-    gas: gasLimit,
-    // With gas price 0 account don't need token for gas
-    gas_price: '0',
-    state_objects:
-      stateOverwritesLength > 0
-        ? _getStateOverride(params.safe.address.value, undefined, undefined, stateOverwrites)
-        : undefined,
-    save: true,
-    save_if_fails: true,
-  }
-}
diff --git a/src/components/tx/security/useDelegateCallModule.ts b/src/components/tx/security/useDelegateCallModule.ts
deleted file mode 100644
index a838a6440..000000000
--- a/src/components/tx/security/useDelegateCallModule.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
-
-import useAsync from '@/hooks/useAsync'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { DelegateCallModule } from '@/services/security/modules/DelegateCallModule'
-import type { DelegateCallModuleResponse } from '@/services/security/modules/DelegateCallModule'
-import type { SecurityResponse } from '@/services/security/modules/types'
-
-const DelegateCallModuleInstance = new DelegateCallModule()
-
-// TODO: Not being used right now
-export const useDelegateCallModule = (safeTransaction: SafeTransaction | undefined) => {
-  const { safe, safeLoaded } = useSafeInfo()
-
-  return useAsync<SecurityResponse<DelegateCallModuleResponse>>(() => {
-    if (!safeTransaction || !safeLoaded) {
-      return
-    }
-
-    return DelegateCallModuleInstance.scanTransaction({
-      safeTransaction,
-      safeVersion: safe.version,
-      chainId: safe.chainId,
-    })
-  }, [safeTransaction, safeLoaded, safe.version, safe.chainId])
-}
diff --git a/src/components/tx/security/useRecipientModule.ts b/src/components/tx/security/useRecipientModule.ts
deleted file mode 100644
index dbfd50d26..000000000
--- a/src/components/tx/security/useRecipientModule.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { useMemo } from 'react'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
-
-import useAddressBook from '@/hooks/useAddressBook'
-import useAsync from '@/hooks/useAsync'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
-import { RecipientAddressModule } from '@/services/security/modules/RecipientAddressModule'
-import type { RecipientAddressModuleResponse } from '@/services/security/modules/RecipientAddressModule'
-import type { SecurityResponse } from '@/services/security/modules/types'
-
-const RecipientAddressModuleInstance = new RecipientAddressModule()
-
-// TODO: Not being used right now
-export const useRecipientModule = (safeTransaction: SafeTransaction | undefined) => {
-  const { safe, safeLoaded } = useSafeInfo()
-  const web3ReadOnly = useWeb3ReadOnly()
-  const addressBook = useAddressBook()
-
-  const knownAddresses = useMemo(() => {
-    const owners = safe.owners.map((owner) => owner.value)
-    const addressBookAddresses = Object.keys(addressBook)
-
-    return Array.from(new Set(owners.concat(addressBookAddresses)))
-  }, [addressBook, safe.owners])
-
-  return useAsync<SecurityResponse<RecipientAddressModuleResponse>>(() => {
-    if (!safeTransaction || !web3ReadOnly || !safeLoaded) {
-      return
-    }
-
-    return RecipientAddressModuleInstance.scanTransaction({
-      chainId: safe.chainId,
-      safeTransaction,
-      knownAddresses,
-      provider: web3ReadOnly,
-    })
-  }, [safeTransaction, web3ReadOnly, safeLoaded, safe.chainId, knownAddresses])
-}
diff --git a/src/components/welcome/MyAccounts/AccountItem.tsx b/src/components/welcome/MyAccounts/AccountItem.tsx
deleted file mode 100644
index 57874126e..000000000
--- a/src/components/welcome/MyAccounts/AccountItem.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-import { LoopIcon } from '@/features/counterfactual/CounterfactualStatusButton'
-import { selectUndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
-import type { ChainInfo, SafeOverview } from '@safe-global/safe-gateway-typescript-sdk'
-import { useCallback, useMemo } from 'react'
-import { ListItemButton, Box, Typography, Chip, Skeleton } from '@mui/material'
-import Link from 'next/link'
-import SafeIcon from '@/components/common/SafeIcon'
-import Track from '@/components/common/Track'
-import { OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
-import { AppRoutes } from '@/config/routes'
-import { useAppSelector } from '@/store'
-import { selectChainById } from '@/store/chainsSlice'
-import ChainIndicator from '@/components/common/ChainIndicator'
-import css from './styles.module.css'
-import { selectAllAddressBooks } from '@/store/addressBookSlice'
-import { shortenAddress } from '@/utils/formatters'
-import SafeListContextMenu from '@/components/sidebar/SafeListContextMenu'
-import useSafeAddress from '@/hooks/useSafeAddress'
-import useChainId from '@/hooks/useChainId'
-import { sameAddress } from '@/utils/addresses'
-import classnames from 'classnames'
-import { useRouter } from 'next/router'
-import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline'
-import type { SafeItem } from './useAllSafes'
-import FiatValue from '@/components/common/FiatValue'
-import QueueActions from './QueueActions'
-import { toChecksumAddress } from '@/utils/rsk-utils'
-import useAllAddressBooks from '@/hooks/useAllAddressBooks'
-
-type AccountItemProps = {
-  safeItem: SafeItem
-  safeOverview?: SafeOverview
-  onLinkClick?: () => void
-}
-
-const AccountItem = ({ onLinkClick, safeItem, safeOverview }: AccountItemProps) => {
-  const { chainId, address } = safeItem
-  const chain = useAppSelector((state) => selectChainById(state, chainId))
-  const undeployedSafe = useAppSelector((state) => selectUndeployedSafe(state, chainId, address))
-  const safeAddress = useSafeAddress()
-  const currChainId = useChainId()
-  const router = useRouter()
-  const isCurrentSafe = chainId === currChainId && sameAddress(safeAddress, address)
-  const isWelcomePage = router.pathname === AppRoutes.welcome.accounts
-  const isSingleTxPage = router.pathname === AppRoutes.transactions.tx
-
-  const trackingLabel = isWelcomePage ? OVERVIEW_LABELS.login_page : OVERVIEW_LABELS.sidebar
-
-  /**
-   * Navigate to the dashboard when selecting a safe on the welcome page,
-   * navigate to the history when selecting a safe on a single tx page,
-   * otherwise keep the current route
-   */
-  const getHref = useCallback(
-    (chain: ChainInfo, address: string) => {
-      return {
-        pathname: isWelcomePage ? AppRoutes.home : isSingleTxPage ? AppRoutes.transactions.history : router.pathname,
-        query: { ...router.query, safe: `${chain.shortName}:${address}` },
-      }
-    },
-    [isWelcomePage, isSingleTxPage, router.pathname, router.query],
-  )
-
-  const href = useMemo(() => {
-    return chain ? getHref(chain, address) : ''
-  }, [chain, getHref, address])
-
-  const addressBooks = useAllAddressBooks()
-  const addressSumm = useMemo(() => toChecksumAddress(address, currChainId), [address, currChainId])
-  const name = currChainId ? addressBooks?.[currChainId]?.[addressSumm] : undefined
-  const isActivating = undeployedSafe?.status.status !== 'AWAITING_EXECUTION'
-
-  return (
-    <ListItemButton
-      data-testid="safe-list-item"
-      selected={isCurrentSafe}
-      className={classnames(css.listItem, { [css.currentListItem]: isCurrentSafe })}
-    >
-      <Track {...OVERVIEW_EVENTS.OPEN_SAFE} label={trackingLabel}>
-        <Link onClick={onLinkClick} href={href} className={css.safeLink}>
-          <Box pr={2.5}>
-            <SafeIcon address={address} owners={safeOverview?.owners.length} threshold={safeOverview?.threshold} />
-          </Box>
-
-          <Typography variant="body2" component="div" className={css.safeAddress}>
-            {name && (
-              <Typography variant="subtitle2" component="p" fontWeight="bold">
-                {name}
-              </Typography>
-            )}
-            {chain?.shortName}:
-            <Typography color="var(--color-primary-light)" fontSize="inherit" component="span">
-              {shortenAddress(address)}
-            </Typography>
-            {undeployedSafe && (
-              <div>
-                <Chip
-                  size="small"
-                  label={isActivating ? 'Activating account' : 'Not activated'}
-                  icon={
-                    isActivating ? (
-                      <LoopIcon fontSize="small" className={css.pendingLoopIcon} sx={{ mr: '-4px', ml: '4px' }} />
-                    ) : (
-                      <ErrorOutlineIcon fontSize="small" color="warning" />
-                    )
-                  }
-                  className={classnames(css.chip, {
-                    [css.pendingAccount]: isActivating,
-                  })}
-                />
-              </div>
-            )}
-          </Typography>
-
-          <Typography variant="body2" fontWeight="bold" textAlign="right" pr={5}>
-            {safeOverview ? <FiatValue value={safeOverview.fiatTotal} /> : <Skeleton variant="text" />}
-          </Typography>
-
-          <ChainIndicator chainId={chainId} responsive />
-        </Link>
-      </Track>
-
-      <SafeListContextMenu name={name ?? ''} address={address} chainId={chainId} />
-
-      <QueueActions
-        queued={safeOverview?.queued || 0}
-        awaitingConfirmation={safeOverview?.awaitingConfirmation || 0}
-        safeAddress={address}
-        chainShortName={chain?.shortName || ''}
-      />
-    </ListItemButton>
-  )
-}
-
-export default AccountItem
diff --git a/src/components/welcome/MyAccounts/CreateButton.tsx b/src/components/welcome/MyAccounts/CreateButton.tsx
deleted file mode 100644
index 51153ce78..000000000
--- a/src/components/welcome/MyAccounts/CreateButton.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Button } from '@mui/material'
-import Link from 'next/link'
-import { AppRoutes } from '@/config/routes'
-
-const buttonSx = { width: ['100%', 'auto'] }
-
-const CreateButton = ({ isPrimary }: { isPrimary: boolean }) => {
-  return (
-    <Link href={AppRoutes.newSafe.create} passHref legacyBehavior>
-      <Button
-        data-testid="create-safe-btn"
-        disableElevation
-        size="small"
-        variant={isPrimary ? 'contained' : 'outlined'}
-        sx={buttonSx}
-        component="a"
-      >
-        Create account
-      </Button>
-    </Link>
-  )
-}
-
-export default CreateButton
diff --git a/src/components/welcome/MyAccounts/DataWidget.tsx b/src/components/welcome/MyAccounts/DataWidget.tsx
deleted file mode 100644
index cc6f0c10e..000000000
--- a/src/components/welcome/MyAccounts/DataWidget.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import { Button, Grid, SvgIcon, Card, CardHeader, CardContent, Tooltip } from '@mui/material'
-import { useState } from 'react'
-import type { ReactElement } from 'react'
-
-import { useAppSelector } from '@/store'
-import { selectAllAddedSafes } from '@/store/addedSafesSlice'
-import { selectAllAddressBooks } from '@/store/addressBookSlice'
-import ExportIcon from '@/public/images/common/export.svg'
-import ImportIcon from '@/public/images/common/import.svg'
-import { exportAppData } from '@/components/settings/DataManagement'
-import { ImportDialog } from '@/components/settings/DataManagement/ImportDialog'
-import { OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
-import Track from '@/components/common/Track'
-import InfoIcon from '@/public/images/notifications/info.svg'
-
-import css from './styles.module.css'
-import { AppRoutes } from '@/config/routes'
-import { useRouter } from 'next/router'
-
-export const DataWidget = (): ReactElement => {
-  const [importModalOpen, setImportModalOpen] = useState(false)
-  const [fileName, setFileName] = useState<string>()
-  const [jsonData, setJsonData] = useState<string>()
-  const addressBook = useAppSelector(selectAllAddressBooks)
-  const addedSafes = useAppSelector(selectAllAddedSafes)
-  const router = useRouter()
-  const hasData = Object.keys(addressBook).length > 0 || Object.keys(addedSafes).length > 0
-  const trackingLabel =
-    router.pathname === AppRoutes.welcome.accounts ? OVERVIEW_LABELS.login_page : OVERVIEW_LABELS.sidebar
-
-  const onImport = () => {
-    setImportModalOpen(true)
-  }
-
-  const onClose = () => {
-    setImportModalOpen(false)
-  }
-
-  return (
-    <Card className={css.card}>
-      <CardHeader
-        className={css.cardHeader}
-        title={
-          <>
-            <b>{hasData ? 'Export or import your Safe data' : 'Import your Safe data'}</b>
-            <Tooltip
-              title="Download or upload your local data with your added Safe Accounts, address book and settings."
-              placement="top"
-              arrow
-            >
-              <span>
-                <InfoIcon className={css.infoIcon} />
-              </span>
-            </Tooltip>
-          </>
-        }
-      />
-      <CardContent>
-        <Grid container spacing={2} sx={{ maxWidth: 240, margin: 'auto', paddingRight: 2 }}>
-          {hasData && (
-            <Grid item xs={6}>
-              <Track {...OVERVIEW_EVENTS.EXPORT_DATA} label={trackingLabel}>
-                <Button
-                  variant="outlined"
-                  size="small"
-                  onClick={exportAppData}
-                  startIcon={<SvgIcon component={ExportIcon} inheritViewBox fontSize="small" />}
-                  sx={{ width: '100%', py: 0.5 }}
-                >
-                  Export
-                </Button>
-              </Track>
-            </Grid>
-          )}
-          <Grid item xs={6}>
-            <Track {...OVERVIEW_EVENTS.IMPORT_DATA} label={trackingLabel}>
-              <Button
-                data-testid="import-btn"
-                variant="outlined"
-                size="small"
-                onClick={onImport}
-                startIcon={<SvgIcon component={ImportIcon} inheritViewBox fontSize="small" />}
-                sx={{ width: '100%', py: 0.5 }}
-              >
-                Import
-              </Button>
-            </Track>
-          </Grid>
-        </Grid>
-      </CardContent>
-      {importModalOpen && (
-        <ImportDialog
-          fileName={fileName}
-          setFileName={setFileName}
-          jsonData={jsonData}
-          setJsonData={setJsonData}
-          onClose={onClose}
-        />
-      )}
-    </Card>
-  )
-}
diff --git a/src/components/welcome/MyAccounts/PaginatedSafeList.tsx b/src/components/welcome/MyAccounts/PaginatedSafeList.tsx
deleted file mode 100644
index da910de58..000000000
--- a/src/components/welcome/MyAccounts/PaginatedSafeList.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import { type ReactElement, type ReactNode, useState, useCallback, useEffect } from 'react'
-import { Paper, Typography } from '@mui/material'
-import AccountItem from './AccountItem'
-import { type SafeItem } from './useAllSafes'
-import css from './styles.module.css'
-import useSafeOverviews from './useSafeOverviews'
-import { sameAddress } from '@/utils/addresses'
-import InfiniteScroll from '@/components/common/InfiniteScroll'
-
-type PaginatedSafeListProps = {
-  safes?: SafeItem[]
-  title: ReactNode
-  noSafesMessage?: ReactNode
-  action?: ReactElement
-  onLinkClick?: () => void
-}
-
-type SafeListPageProps = {
-  safes: SafeItem[]
-  onLinkClick: PaginatedSafeListProps['onLinkClick']
-}
-
-const PAGE_SIZE = 10
-
-const SafeListPage = ({ safes, onLinkClick }: SafeListPageProps) => {
-  const [overviews] = useSafeOverviews(safes)
-
-  const findOverview = (item: SafeItem) => {
-    return overviews?.find(
-      (overview) => item.chainId === overview.chainId && sameAddress(overview.address.value, item.address),
-    )
-  }
-
-  return (
-    <>
-      {safes.map((item) => (
-        <AccountItem
-          onLinkClick={onLinkClick}
-          safeItem={item}
-          safeOverview={findOverview(item)}
-          key={item.chainId + item.address}
-        />
-      ))}
-    </>
-  )
-}
-
-const AllSafeListPages = ({ safes, onLinkClick }: SafeListPageProps) => {
-  const totalPages = Math.ceil(safes.length / PAGE_SIZE)
-  const [pages, setPages] = useState<SafeItem[][]>([])
-
-  const onNextPage = useCallback(() => {
-    setPages((prev) => {
-      const pageIndex = prev.length
-      const nextPage = safes.slice(pageIndex * PAGE_SIZE, (pageIndex + 1) * PAGE_SIZE)
-      return prev.concat([nextPage])
-    })
-  }, [safes])
-
-  useEffect(() => {
-    setPages([safes.slice(0, PAGE_SIZE)])
-  }, [safes])
-
-  return (
-    <>
-      {pages.map((pageSafes, index) => (
-        <SafeListPage key={index} safes={pageSafes} onLinkClick={onLinkClick} />
-      ))}
-
-      {totalPages > pages.length && <InfiniteScroll onLoadMore={onNextPage} key={pages.length} />}
-    </>
-  )
-}
-
-const PaginatedSafeList = ({ safes, title, action, noSafesMessage, onLinkClick }: PaginatedSafeListProps) => {
-  return (
-    <Paper className={css.safeList}>
-      <div className={css.listHeader}>
-        <Typography variant="h5" fontWeight={700} mb={2} className={css.listTitle}>
-          {title}
-
-          {safes && safes.length > 0 && (
-            <Typography component="span" color="var(--color-primary-light)" fontSize="inherit" fontWeight="normal">
-              {' '}
-              ({safes.length})
-            </Typography>
-          )}
-        </Typography>
-
-        {action}
-      </div>
-
-      {safes && safes.length > 0 ? (
-        <AllSafeListPages safes={safes} onLinkClick={onLinkClick} />
-      ) : (
-        <Typography variant="body2" color="text.secondary" textAlign="center" py={3} mx="auto" width={250}>
-          {safes ? noSafesMessage : 'Loading...'}
-        </Typography>
-      )}
-    </Paper>
-  )
-}
-
-export default PaginatedSafeList
diff --git a/src/components/welcome/MyAccounts/QueueActions.tsx b/src/components/welcome/MyAccounts/QueueActions.tsx
deleted file mode 100644
index f7a716954..000000000
--- a/src/components/welcome/MyAccounts/QueueActions.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import { useMemo, type ReactNode } from 'react'
-import type { UrlObject } from 'url'
-import NextLink from 'next/link'
-import { Box, Chip, Typography, SvgIcon } from '@mui/material'
-import CheckIcon from '@mui/icons-material/Check'
-import TransactionsIcon from '@/public/images/transactions/transactions.svg'
-import Track from '@/components/common/Track'
-import { OVERVIEW_EVENTS } from '@/services/analytics/events/overview'
-import { AppRoutes } from '@/config/routes'
-
-const ChipLink = ({ children, color }: { children: ReactNode; color?: string }) => (
-  <Chip
-    size="small"
-    sx={{ backgroundColor: `${color}.background` }}
-    label={
-      <Typography variant="caption" display="flex" alignItems="center" gap={0.5}>
-        {children}
-      </Typography>
-    }
-  />
-)
-
-const QueueActions = ({
-  safeAddress,
-  chainShortName,
-  queued,
-  awaitingConfirmation,
-}: {
-  safeAddress: string
-  chainShortName: string
-  queued: number
-  awaitingConfirmation: number
-}) => {
-  const queueLink = useMemo<UrlObject>(
-    () => ({
-      pathname: AppRoutes.transactions.queue,
-      query: { safe: `${chainShortName}:${safeAddress}` },
-    }),
-    [chainShortName, safeAddress],
-  )
-
-  if (!queued && !awaitingConfirmation) {
-    return null
-  }
-
-  return (
-    <Box width="100%">
-      <Track {...OVERVIEW_EVENTS.OPEN_MISSING_SIGNATURES}>
-        <NextLink href={queueLink}>
-          <Box px={2} pb={2} display="flex" gap={1} alignItems="center">
-            {queued > 0 && (
-              <ChipLink>
-                <SvgIcon component={TransactionsIcon} inheritViewBox fontSize="small" />
-                {queued} pending transaction{queued > 1 ? 's' : ''}
-              </ChipLink>
-            )}
-
-            {awaitingConfirmation > 0 && (
-              <ChipLink color="warning">
-                <SvgIcon component={CheckIcon} inheritViewBox fontSize="small" color="warning" />
-                {awaitingConfirmation} to confirm
-              </ChipLink>
-            )}
-          </Box>
-        </NextLink>
-      </Track>
-    </Box>
-  )
-}
-
-export default QueueActions
diff --git a/src/components/welcome/MyAccounts/__tests__/useSafeOverviews.test.ts b/src/components/welcome/MyAccounts/__tests__/useSafeOverviews.test.ts
deleted file mode 100644
index dc20ee92c..000000000
--- a/src/components/welcome/MyAccounts/__tests__/useSafeOverviews.test.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import useSafeOverviews from '../useSafeOverviews'
-import * as balances from '@/hooks/loadables/useLoadBalances'
-import * as sdk from '@safe-global/safe-gateway-typescript-sdk'
-import * as useWallet from '@/hooks/wallets/useWallet'
-import * as store from '@/store'
-import type { Eip1193Provider } from 'ethers'
-import { renderHook } from '@testing-library/react'
-import { act } from 'react-dom/test-utils'
-
-jest.spyOn(balances, 'useTokenListSetting').mockReturnValue(false)
-jest.spyOn(store, 'useAppSelector').mockReturnValue('USD')
-jest
-  .spyOn(useWallet, 'default')
-  .mockReturnValue({ label: 'MetaMask', chainId: '1', address: '0x1234', provider: null as unknown as Eip1193Provider })
-
-describe('useSafeOverviews', () => {
-  it('should filter out undefined addresses', async () => {
-    const spy = jest.spyOn(sdk, 'getSafeOverviews').mockResolvedValue([])
-    const safes = [
-      { address: '0x1234', chainId: '1' },
-      { address: undefined as unknown as string, chainId: '2' },
-      { address: '0x5678', chainId: '3' },
-    ]
-
-    renderHook(() => useSafeOverviews(safes))
-
-    await act(() => Promise.resolve())
-
-    expect(spy).toHaveBeenCalledWith(['1:0x1234', '3:0x5678'], {
-      currency: 'USD',
-      exclude_spam: false,
-      trusted: true,
-      wallet_address: '0x1234',
-    })
-  })
-
-  it('should filter out undefined chain ids', async () => {
-    const spy = jest.spyOn(sdk, 'getSafeOverviews').mockResolvedValue([])
-    const safes = [
-      { address: '0x1234', chainId: '1' },
-      { address: '0x5678', chainId: undefined as unknown as string },
-      { address: '0x5678', chainId: '3' },
-    ]
-
-    renderHook(() => useSafeOverviews(safes))
-
-    await act(() => Promise.resolve())
-
-    expect(spy).toHaveBeenCalledWith(['1:0x1234', '3:0x5678'], {
-      currency: 'USD',
-      exclude_spam: false,
-      trusted: true,
-      wallet_address: '0x1234',
-    })
-  })
-})
diff --git a/src/components/welcome/MyAccounts/index.tsx b/src/components/welcome/MyAccounts/index.tsx
deleted file mode 100644
index 193d65fac..000000000
--- a/src/components/welcome/MyAccounts/index.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import { useMemo } from 'react'
-import { Box, Button, Link, SvgIcon, Typography } from '@mui/material'
-import madProps from '@/utils/mad-props'
-import CreateButton from './CreateButton'
-import useAllSafes, { type SafeItems } from './useAllSafes'
-import Track from '@/components/common/Track'
-import { OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
-import { DataWidget } from '@/components/welcome/MyAccounts/DataWidget'
-import css from './styles.module.css'
-import PaginatedSafeList from './PaginatedSafeList'
-import { VisibilityOutlined } from '@mui/icons-material'
-import AddIcon from '@/public/images/common/add.svg'
-import { AppRoutes } from '@/config/routes'
-import ConnectWalletButton from '@/components/common/ConnectWallet/ConnectWalletButton'
-import useWallet from '@/hooks/wallets/useWallet'
-import { useRouter } from 'next/router'
-import useTrackSafesCount from './useTrackedSafesCount'
-
-const NO_SAFES_MESSAGE = "You don't have any Safe Accounts yet"
-const NO_WATCHED_MESSAGE = 'Watch any Safe Account to keep an eye on its activity'
-
-type AccountsListProps = {
-  safes?: SafeItems | undefined
-  onLinkClick?: () => void
-}
-const AccountsList = ({ safes, onLinkClick }: AccountsListProps) => {
-  const wallet = useWallet()
-  const router = useRouter()
-
-  const ownedSafes = useMemo(() => safes?.filter(({ isWatchlist }) => !isWatchlist), [safes])
-  const watchlistSafes = useMemo(() => safes?.filter(({ isWatchlist }) => isWatchlist), [safes])
-  useTrackSafesCount(ownedSafes, watchlistSafes, wallet)
-
-  const isLoginPage = router.pathname === AppRoutes.welcome.accounts
-  const trackingLabel = isLoginPage ? OVERVIEW_LABELS.login_page : OVERVIEW_LABELS.sidebar
-
-  return (
-    <Box data-testid="sidebar-safe-container" className={css.container}>
-      <Box className={css.myAccounts}>
-        <Box className={css.header}>
-          <Typography variant="h1" fontWeight={700} className={css.title}>
-            Safe accounts
-          </Typography>
-          <Track {...OVERVIEW_EVENTS.CREATE_NEW_SAFE} label={trackingLabel}>
-            <CreateButton isPrimary={!!wallet} />
-          </Track>
-        </Box>
-
-        <PaginatedSafeList
-          title="My accounts"
-          safes={ownedSafes}
-          onLinkClick={onLinkClick}
-          noSafesMessage={
-            wallet ? (
-              NO_SAFES_MESSAGE
-            ) : (
-              <>
-                <Box mb={2}>Connect a wallet to view your Safe Accounts or to create a new one</Box>
-                <Track {...OVERVIEW_EVENTS.OPEN_ONBOARD} label={trackingLabel}>
-                  <ConnectWalletButton text="Connect a wallet" contained />
-                </Track>
-              </>
-            )
-          }
-        />
-
-        <PaginatedSafeList
-          title={
-            <>
-              <VisibilityOutlined sx={{ verticalAlign: 'middle', marginRight: '10px' }} fontSize="small" />
-              Watchlist
-            </>
-          }
-          safes={watchlistSafes || []}
-          action={
-            <Track {...OVERVIEW_EVENTS.ADD_TO_WATCHLIST} label={trackingLabel}>
-              <Link href={AppRoutes.newSafe.load}>
-                <Button
-                  disableElevation
-                  size="small"
-                  onClick={onLinkClick}
-                  startIcon={<SvgIcon component={AddIcon} inheritViewBox fontSize="small" />}
-                >
-                  Add
-                </Button>
-              </Link>
-            </Track>
-          }
-          noSafesMessage={NO_WATCHED_MESSAGE}
-          onLinkClick={onLinkClick}
-        />
-
-        <DataWidget />
-      </Box>
-    </Box>
-  )
-}
-
-const MyAccounts = madProps(AccountsList, {
-  safes: useAllSafes,
-})
-
-export default MyAccounts
diff --git a/src/components/welcome/MyAccounts/styles.module.css b/src/components/welcome/MyAccounts/styles.module.css
deleted file mode 100644
index 60854d02b..000000000
--- a/src/components/welcome/MyAccounts/styles.module.css
+++ /dev/null
@@ -1,168 +0,0 @@
-.container {
-  container-type: inline-size;
-  container-name: my-accounts-container;
-  display: flex;
-  justify-content: center;
-}
-
-.myAccounts {
-  width: 100%;
-  max-width: 600px;
-  margin: var(--space-2);
-}
-
-.safeList {
-  padding: var(--space-3);
-  margin-bottom: var(--space-3);
-}
-
-.safeList :last-child {
-  margin-bottom: 0;
-}
-
-.header {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  padding: var(--space-3) 0;
-  gap: var(--space-1);
-}
-
-.listItem {
-  border: 1px solid var(--color-border-light);
-  border-radius: var(--space-1);
-  margin-bottom: 12px;
-  padding-top: 0;
-  padding-bottom: 0;
-  padding-left: 0;
-  flex-wrap: wrap;
-}
-
-.currentListItem {
-  border: 1px solid var(--color-secondary-light);
-  border-left-width: 6px;
-  background-color: var(--color-background-light) !important;
-}
-
-.listItem > :first-child {
-  flex: 1;
-  width: 90%;
-}
-
-.safeLink {
-  display: grid;
-  padding: var(--space-2) var(--space-1) var(--space-2) var(--space-2);
-  grid-template-columns: auto 3fr 2fr auto;
-  align-items: center;
-}
-
-@media (max-width: 599.95px) {
-  .safeLink {
-    grid-template-columns: auto 1fr auto;
-    grid-template-areas:
-      'a b d'
-      'a c d';
-  }
-
-  .safeLink :nth-child(1) {
-    grid-area: a;
-  }
-  .safeLink :nth-child(2) {
-    grid-area: b;
-  }
-  .safeLink :nth-child(3) {
-    grid-area: c;
-  }
-  .safeLink :nth-child(4) {
-    grid-area: d;
-  }
-}
-
-.safeAddress {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.listHeader {
-  padding-bottom: var(--space-1);
-  display: flex;
-  justify-content: space-between;
-}
-
-.listTitle {
-  margin: auto 0;
-}
-
-.card {
-  margin: auto;
-  padding: var(--space-3);
-  display: flex;
-  flex-direction: column;
-  background-color: transparent;
-}
-
-.card :global .MuiCardHeader-root,
-.card :global .MuiCardContent-root {
-  padding: 0;
-}
-
-.cardHeader {
-  text-align: center;
-}
-
-.infoIcon {
-  vertical-align: middle;
-  width: 1rem;
-  height: 1rem;
-  margin: 4px;
-  color: var(--color-text-secondary);
-}
-
-.chip {
-  border-radius: 4px;
-  background-color: var(--color-warning-background);
-  margin-top: 4px;
-}
-
-.pendingAccount {
-  background-color: var(--color-info-light);
-}
-
-.pendingLoopIcon {
-  color: var(--color-info-dark) !important;
-}
-
-@media (max-width: 899.95px) {
-  .container {
-    width: auto;
-  }
-
-  .safeLink {
-    padding-right: 0;
-  }
-}
-
-@container my-accounts-container (max-width: 500px) {
-  .myAccounts {
-    margin: 0;
-  }
-
-  .header {
-    padding: var(--space-3);
-    border-bottom: 1px solid var(--color-border-light);
-  }
-
-  .safeList {
-    border-radius: 0;
-    margin-bottom: 0;
-  }
-
-  .title {
-    font-size: 20px;
-  }
-
-  .card {
-    border-top: 1px solid var(--color-border-light);
-  }
-}
diff --git a/src/components/welcome/MyAccounts/useAllOwnedSafes.ts b/src/components/welcome/MyAccounts/useAllOwnedSafes.ts
deleted file mode 100644
index b96e7007c..000000000
--- a/src/components/welcome/MyAccounts/useAllOwnedSafes.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import type { AllOwnedSafes } from '@safe-global/safe-gateway-typescript-sdk'
-import { getAllOwnedSafes } from '@safe-global/safe-gateway-typescript-sdk'
-import type { AsyncResult } from '@/hooks/useAsync'
-import useAsync from '@/hooks/useAsync'
-import useLocalStorage from '@/services/local-storage/useLocalStorage'
-import { useEffect } from 'react'
-
-const CACHE_KEY = 'ownedSafesCache_'
-
-type OwnedSafesPerAddress = {
-  address: string | undefined
-  ownedSafes: AllOwnedSafes
-}
-
-const useAllOwnedSafes = (address: string): AsyncResult<AllOwnedSafes> => {
-  const [cache, setCache] = useLocalStorage<AllOwnedSafes>(CACHE_KEY + address)
-
-  const [data, error, isLoading] = useAsync<OwnedSafesPerAddress>(async () => {
-    if (!address)
-      return {
-        ownedSafes: {},
-        address: undefined,
-      }
-    const ownedSafes = await getAllOwnedSafes(address)
-    return {
-      ownedSafes,
-      address,
-    }
-  }, [address])
-
-  useEffect(() => {
-    if (data?.ownedSafes != undefined && data.address === address) {
-      setCache(data.ownedSafes)
-    }
-  }, [address, cache, data, setCache])
-
-  return [cache, error, isLoading]
-}
-
-export default useAllOwnedSafes
diff --git a/src/components/welcome/MyAccounts/useAllSafes.ts b/src/components/welcome/MyAccounts/useAllSafes.ts
deleted file mode 100644
index 84c3a4002..000000000
--- a/src/components/welcome/MyAccounts/useAllSafes.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { useMemo } from 'react'
-import uniq from 'lodash/uniq'
-import isEmpty from 'lodash/isEmpty'
-import { useAppSelector } from '@/store'
-import { selectAllAddedSafes } from '@/store/addedSafesSlice'
-import useAllOwnedSafes from './useAllOwnedSafes'
-import useChains from '@/hooks/useChains'
-import useWallet from '@/hooks/wallets/useWallet'
-import { selectUndeployedSafes } from '@/store/slices'
-import { sameAddress } from '@/utils/addresses'
-export type SafeItem = {
-  chainId: string
-  address: string
-  isWatchlist: boolean
-}
-
-export type SafeItems = SafeItem[]
-
-const useAddedSafes = () => {
-  const allAdded = useAppSelector(selectAllAddedSafes)
-  return allAdded
-}
-
-export const useHasSafes = () => {
-  const { address = '' } = useWallet() || {}
-  const allAdded = useAddedSafes()
-  const hasAdded = !isEmpty(allAdded)
-  const [allOwned] = useAllOwnedSafes(!hasAdded ? address : '') // pass an empty string to not fetch owned safes
-
-  if (hasAdded) return { isLoaded: true, hasSafes: hasAdded }
-  if (!allOwned) return { isLoaded: false }
-
-  const hasOwned = !isEmpty(Object.values(allOwned).flat())
-  return { isLoaded: true, hasSafes: hasOwned }
-}
-
-const useAllSafes = (): SafeItems | undefined => {
-  const { address: walletAddress = '' } = useWallet() || {}
-  const [allOwned, , allOwnedLoading] = useAllOwnedSafes(walletAddress)
-  const allAdded = useAddedSafes()
-  const { configs } = useChains()
-  const undeployedSafes = useAppSelector(selectUndeployedSafes)
-
-  return useMemo<SafeItems | undefined>(() => {
-    if (walletAddress && (allOwned === undefined || allOwnedLoading)) {
-      return undefined
-    }
-    const chains = uniq(Object.keys(allAdded).concat(Object.keys(allOwned || {})))
-
-    return chains.flatMap((chainId) => {
-      if (!configs.some((item) => item.chainId === chainId)) return []
-      const addedOnChain = Object.keys(allAdded[chainId] || {})
-      const ownedOnChain = (allOwned || {})[chainId]
-      const undeployedOnChain = Object.keys(undeployedSafes[chainId] || {})
-      const uniqueAddresses = uniq(addedOnChain.concat(ownedOnChain)).filter(Boolean)
-
-      return uniqueAddresses.map((address) => {
-        const owners = allAdded?.[chainId]?.[address]?.owners
-        const isOwner = owners?.some(({ value }) => sameAddress(walletAddress, value))
-        const isUndeployed = undeployedOnChain.includes(address)
-        const isOwned = (ownedOnChain || []).includes(address) || isOwner
-        return {
-          address,
-          chainId,
-          isWatchlist: !isOwned && !isUndeployed,
-        }
-      })
-    })
-  }, [allAdded, allOwned, allOwnedLoading, configs, undeployedSafes, walletAddress])
-}
-
-export default useAllSafes
diff --git a/src/components/welcome/MyAccounts/useSafeOverviews.ts b/src/components/welcome/MyAccounts/useSafeOverviews.ts
deleted file mode 100644
index 7c3b2ff2e..000000000
--- a/src/components/welcome/MyAccounts/useSafeOverviews.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { useMemo } from 'react'
-import { useTokenListSetting } from '@/hooks/loadables/useLoadBalances'
-import useAsync, { type AsyncResult } from '@/hooks/useAsync'
-import useWallet from '@/hooks/wallets/useWallet'
-import { useAppSelector } from '@/store'
-import { selectCurrency } from '@/store/settingsSlice'
-import { type SafeOverview, getSafeOverviews } from '@safe-global/safe-gateway-typescript-sdk'
-
-const _cache: Record<string, SafeOverview[]> = {}
-
-type SafeParams = {
-  address: string
-  chainId: string
-}
-
-// EIP155 address format
-const makeSafeId = ({ chainId, address }: SafeParams) => `${chainId}:${address}` as `${number}:0x${string}`
-
-const validateSafeParams = ({ chainId, address }: SafeParams) => chainId != null && address != null
-
-function useSafeOverviews(safes: Array<SafeParams>): AsyncResult<SafeOverview[]> {
-  const excludeSpam = useTokenListSetting() || false
-  const currency = useAppSelector(selectCurrency)
-  const wallet = useWallet()
-  const walletAddress = wallet?.address
-  const safesIds = useMemo(() => safes.filter(validateSafeParams).map(makeSafeId), [safes])
-
-  const [data, error, isLoading] = useAsync(async () => {
-    return await getSafeOverviews(safesIds, {
-      trusted: true,
-      exclude_spam: excludeSpam,
-      currency,
-      wallet_address: walletAddress,
-    })
-  }, [safesIds, excludeSpam, currency, walletAddress])
-
-  const cacheKey = safesIds.join()
-  const result = data ?? _cache[cacheKey]
-
-  // Cache until the next page load
-  _cache[cacheKey] = result
-
-  return useMemo(() => [result, error, isLoading], [result, error, isLoading])
-}
-
-export default useSafeOverviews
diff --git a/src/components/welcome/MyAccounts/useTrackedSafesCount.ts b/src/components/welcome/MyAccounts/useTrackedSafesCount.ts
deleted file mode 100644
index 06289dac0..000000000
--- a/src/components/welcome/MyAccounts/useTrackedSafesCount.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { AppRoutes } from '@/config/routes'
-import { OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
-import { useRouter } from 'next/router'
-import { useEffect } from 'react'
-import type { SafeItems } from './useAllSafes'
-import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
-
-let isOwnedSafesTracked = false
-let isWatchlistTracked = false
-
-const useTrackSafesCount = (
-  ownedSafes: SafeItems | undefined,
-  watchlistSafes: SafeItems | undefined,
-  wallet: ConnectedWallet | null,
-) => {
-  const router = useRouter()
-  const isLoginPage = router.pathname === AppRoutes.welcome.accounts
-
-  // Reset tracking for new wallet
-  useEffect(() => {
-    isOwnedSafesTracked = false
-  }, [wallet?.address])
-
-  useEffect(() => {
-    if (wallet && !isOwnedSafesTracked && ownedSafes && ownedSafes.length > 0 && isLoginPage) {
-      trackEvent({ ...OVERVIEW_EVENTS.TOTAL_SAFES_OWNED, label: ownedSafes.length })
-      isOwnedSafesTracked = true
-    }
-  }, [isLoginPage, ownedSafes, wallet])
-
-  useEffect(() => {
-    if (watchlistSafes && isLoginPage && watchlistSafes.length > 0 && !isWatchlistTracked) {
-      trackEvent({ ...OVERVIEW_EVENTS.TOTAL_SAFES_WATCHLIST, label: watchlistSafes.length })
-      isWatchlistTracked = true
-    }
-  }, [isLoginPage, watchlistSafes])
-}
-
-export default useTrackSafesCount
diff --git a/src/components/welcome/NewSafe.tsx b/src/components/welcome/NewSafe.tsx
deleted file mode 100644
index 92fb04cb3..000000000
--- a/src/components/welcome/NewSafe.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react'
-import { Grid, SvgIcon, Typography } from '@mui/material'
-import css from './styles.module.css'
-import CheckFilled from '@/public/images/common/check-filled.svg'
-
-import WelcomeLogin from './WelcomeLogin'
-
-const BulletListItem = ({ text }: { text: string }) => (
-  <li>
-    <SvgIcon className={css.checkIcon} component={CheckFilled} inheritViewBox />
-    <Typography color="static.main" fontWeight={700}>
-      {text}
-    </Typography>
-  </li>
-)
-
-const NewSafe = () => {
-  return (
-    <>
-      <Grid container spacing={3} p={3} pb={0} flex={1} direction="row-reverse">
-        <Grid item xs={12} lg={6}>
-          <WelcomeLogin />
-        </Grid>
-        <Grid item xs={12} lg={6} flex={1}>
-          <div className={css.content}>
-            <Typography variant="h1" fontSize={[44, null, 52]} lineHeight={1} letterSpacing={-1.5} color="static.main">
-              Unlock a new way of ownership
-            </Typography>
-
-            <Typography mb={1} color="static.main">
-              The most trusted decentralized custody protocol and collective asset management platform.
-            </Typography>
-
-            <ul className={css.bulletList}>
-              <BulletListItem text="Stealth security with multiple signers" />
-              <BulletListItem text="Make it yours with modules and guards" />
-              <BulletListItem text="Access ecosystem apps" />
-            </ul>
-          </div>
-        </Grid>
-      </Grid>
-    </>
-  )
-}
-
-export default NewSafe
diff --git a/src/components/welcome/WelcomeLogin/WalletLogin.tsx b/src/components/welcome/WelcomeLogin/WalletLogin.tsx
deleted file mode 100644
index 97a5d78e0..000000000
--- a/src/components/welcome/WelcomeLogin/WalletLogin.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import useConnectWallet from '@/components/common/ConnectWallet/useConnectWallet'
-import useWallet from '@/hooks/wallets/useWallet'
-import { Box, Button, Typography } from '@mui/material'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import WalletIcon from '@/components/common/WalletIcon'
-
-const WalletLogin = ({ onLogin }: { onLogin: () => void }) => {
-  const wallet = useWallet()
-  const connectWallet = useConnectWallet()
-
-  const onConnectWallet = () => {
-    connectWallet()
-    onLogin()
-  }
-
-  if (wallet !== null) {
-    return (
-      <Box sx={{ width: '100%' }}>
-        <Button variant="contained" sx={{ padding: '8px 16px' }} fullWidth onClick={onLogin}>
-          <Box
-            width="100%"
-            justifyContent="space-between"
-            display="flex"
-            flexDirection="row"
-            alignItems="center"
-            gap={1}
-          >
-            <Box display="flex" flexDirection="column" alignItems="flex-start">
-              <Typography variant="subtitle2" fontWeight={700}>
-                Continue with {wallet.label}
-              </Typography>
-              {wallet.address && (
-                <EthHashInfo
-                  address={wallet.address}
-                  shortAddress
-                  avatarSize={16}
-                  showName={false}
-                  copyAddress={false}
-                />
-              )}
-            </Box>
-            {wallet.icon && <WalletIcon icon={wallet.icon} provider={wallet.label} width={24} height={24} />}
-          </Box>
-        </Button>
-      </Box>
-    )
-  }
-
-  return (
-    <Button
-      onClick={onConnectWallet}
-      sx={{ minHeight: '42px' }}
-      variant="contained"
-      size="small"
-      disableElevation
-      fullWidth
-    >
-      Connect wallet
-    </Button>
-  )
-}
-
-export default WalletLogin
diff --git a/src/components/welcome/WelcomeLogin/index.tsx b/src/components/welcome/WelcomeLogin/index.tsx
deleted file mode 100644
index c2fc28b73..000000000
--- a/src/components/welcome/WelcomeLogin/index.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import { AppRoutes } from '@/config/routes'
-import { Paper, SvgIcon, Typography, Divider, Box, Button, Link } from '@mui/material'
-import SafeLogo from '@/public/images/logo-text.svg'
-import css from './styles.module.css'
-import { useRouter } from 'next/router'
-import { CREATE_SAFE_EVENTS } from '@/services/analytics/events/createLoadSafe'
-import { OVERVIEW_EVENTS, OVERVIEW_LABELS, trackEvent } from '@/services/analytics'
-import useWallet from '@/hooks/wallets/useWallet'
-import { useHasSafes } from '../MyAccounts/useAllSafes'
-import Track from '@/components/common/Track'
-import { useCallback, useEffect, useState } from 'react'
-import WalletLogin from './WalletLogin'
-
-const WelcomeLogin = () => {
-  const router = useRouter()
-  const wallet = useWallet()
-  const { isLoaded, hasSafes } = useHasSafes()
-  const [shouldRedirect, setShouldRedirect] = useState(false)
-
-  const onLogin = useCallback(() => {
-    setShouldRedirect(true)
-  }, [])
-
-  useEffect(() => {
-    if (!shouldRedirect) return
-
-    if (wallet && isLoaded) {
-      if (hasSafes) {
-        router.push({ pathname: AppRoutes.welcome.accounts, query: router.query })
-      } else {
-        trackEvent(CREATE_SAFE_EVENTS.OPEN_SAFE_CREATION)
-        router.push({ pathname: AppRoutes.newSafe.create, query: router.query })
-      }
-    }
-  }, [hasSafes, isLoaded, router, wallet, shouldRedirect])
-
-  return (
-    <Paper className={css.loginCard} data-testid="welcome-login">
-      <Box className={css.loginContent}>
-        <SvgIcon component={SafeLogo} inheritViewBox sx={{ height: '24px', width: '80px', ml: '-8px' }} />
-
-        <Typography variant="h6" mt={6} fontWeight={700}>
-          Get started
-        </Typography>
-
-        <Typography mb={2} textAlign="center">
-          {wallet
-            ? 'Open your existing Safe Accounts or create a new one'
-            : 'Connect your wallet to create a new Safe Account or open an existing one'}
-        </Typography>
-
-        <Track {...OVERVIEW_EVENTS.OPEN_ONBOARD} label={OVERVIEW_LABELS.welcome_page}>
-          <WalletLogin onLogin={onLogin} />
-        </Track>
-
-        {!wallet && (
-          <>
-            <Divider sx={{ mt: 2, mb: 2, width: '100%' }}>
-              <Typography color="text.secondary" fontWeight={700} variant="overline">
-                or
-              </Typography>
-            </Divider>
-            {hasSafes ? (
-              <Link href={AppRoutes.welcome.accounts}>
-                <Button disableElevation size="small">
-                  View my accounts
-                </Button>
-              </Link>
-            ) : (
-              <Link href={AppRoutes.newSafe.load}>
-                <Button disableElevation size="small">
-                  Watch any account
-                </Button>
-              </Link>
-            )}
-          </>
-        )}
-      </Box>
-    </Paper>
-  )
-}
-
-export default WelcomeLogin
diff --git a/src/config/chains.ts b/src/config/chains.ts
deleted file mode 100644
index 6093b0e62..000000000
--- a/src/config/chains.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { networks } from '@safe-global/protocol-kit/dist/src/utils/eip-3770/config'
-/**
- * A static shortName<->chainId dictionary
- * E.g.:
- *
- * {
- *   eth: '1',
- *   gor: '5',
- *   ...
- * }
- */
-type Chains = Record<string, string>
-
-const chains = networks.reduce<Chains>((result, { shortName, chainId }) => {
-  result[shortName] = chainId.toString()
-  return result
-}, {})
-
-export default chains
diff --git a/src/config/constants.ts b/src/config/constants.ts
deleted file mode 100644
index 24ef14915..000000000
--- a/src/config/constants.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-import chains from './chains'
-
-export const IS_PRODUCTION = process.env.NEXT_PUBLIC_IS_PRODUCTION === 'true'
-export const IS_DEV = process.env.NODE_ENV === 'development'
-
-export const GATEWAY_URL_PRODUCTION =
-  process.env.NEXT_PUBLIC_GATEWAY_URL_PRODUCTION || 'https://gateway.staging.safe.rootstock.io'
-export const GATEWAY_URL_STAGING =
-  process.env.NEXT_PUBLIC_GATEWAY_URL_STAGING || 'https://gateway.staging.safe.rootstock.io'
-
-// Magic numbers
-export const POLLING_INTERVAL = 15_000
-export const BASE_TX_GAS = 21_000
-export const LS_NAMESPACE = 'SAFE_v2__'
-export const LATEST_SAFE_VERSION = process.env.NEXT_PUBLIC_SAFE_VERSION || '1.3.0'
-
-// Access keys
-export const INFURA_TOKEN = process.env.NEXT_PUBLIC_INFURA_TOKEN || ''
-export const SENTRY_DSN = process.env.NEXT_PUBLIC_SENTRY_DSN || ''
-export const BEAMER_ID = process.env.NEXT_PUBLIC_BEAMER_ID || ''
-
-// Wallets
-export const WC_PROJECT_ID = process.env.NEXT_PUBLIC_WC_PROJECT_ID || ''
-export const TREZOR_APP_URL = 'app.safe.global'
-export const TREZOR_EMAIL = 'support@safe.global'
-
-// Cypress
-export const CYPRESS_MNEMONIC = process.env.NEXT_PUBLIC_CYPRESS_MNEMONIC || ''
-
-// Safe Token
-export const SAFE_TOKEN_ADDRESSES: { [chainId: string]: string } = {
-  [chains.eth]: '0x5aFE3855358E112B5647B952709E6165e1c1eEEe',
-  [chains.sep]: '0xd16d9C09d13E9Cf77615771eADC5d51a1Ae92a26',
-}
-
-export const SAFE_LOCKING_ADDRESS: { [chainId: string]: string } = {
-  [chains.eth]: '0x0a7CB434f96f65972D46A5c1A64a9654dC9959b2',
-  [chains.sep]: '0xb161ccb96b9b817F9bDf0048F212725128779DE9',
-}
-
-// Safe Apps
-export const SAFE_APPS_INFURA_TOKEN = process.env.NEXT_PUBLIC_SAFE_APPS_INFURA_TOKEN || INFURA_TOKEN
-export const SAFE_APPS_THIRD_PARTY_COOKIES_CHECK_URL = 'https://third-party-cookies-check.gnosis-safe.com'
-export const SAFE_APPS_DEMO_SAFE_MAINNET = 'eth:0xfF501B324DC6d78dC9F983f140B9211c3EdB4dc7'
-export const SAFE_APPS_SDK_DOCS_URL =
-  'https://help.safe.global/en/articles/145503-how-to-create-a-safe-app-with-safe-apps-sdk-and-list-it'
-
-// Google Tag Manager
-export const GOOGLE_TAG_MANAGER_ID = process.env.NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID || ''
-export const GOOGLE_TAG_MANAGER_AUTH_LIVE = process.env.NEXT_PUBLIC_GOOGLE_TAG_MANAGER_LIVE_AUTH || ''
-export const GOOGLE_TAG_MANAGER_AUTH_LATEST = process.env.NEXT_PUBLIC_GOOGLE_TAG_MANAGER_LATEST_AUTH || ''
-export const GOOGLE_TAG_MANAGER_DEVELOPMENT_AUTH = process.env.NEXT_PUBLIC_GOOGLE_TAG_MANAGER_DEVELOPMENT_AUTH || ''
-
-// Tenderly - API docs: https://www.notion.so/Simulate-API-Documentation-6f7009fe6d1a48c999ffeb7941efc104
-export const TENDERLY_SIMULATE_ENDPOINT_URL = process.env.NEXT_PUBLIC_TENDERLY_SIMULATE_ENDPOINT_URL || ''
-export const TENDERLY_PROJECT_NAME = process.env.NEXT_PUBLIC_TENDERLY_PROJECT_NAME || ''
-export const TENDERLY_ORG_NAME = process.env.NEXT_PUBLIC_TENDERLY_ORG_NAME || ''
-
-// Safe Apps tags
-export enum SafeAppsTag {
-  NFT = 'nft',
-  TX_BUILDER = 'transaction-builder',
-  DASHBOARD_FEATURED = 'dashboard-widgets',
-  SAFE_GOVERNANCE_APP = 'safe-governance-app',
-  WALLET_CONNECT = 'wallet-connect',
-  ONRAMP = 'onramp',
-}
-
-// Help Center
-export const HELP_CENTER_URL = 'https://help.safe.global'
-export const HelpCenterArticle = {
-  ADDRESS_BOOK_DATA: `${HELP_CENTER_URL}/en/articles/40811-address-book-export-and-import`,
-  ADVANCED_PARAMS: `${HELP_CENTER_URL}/en/articles/40837-advanced-transaction-parameters`,
-  CANCELLING_TRANSACTIONS: `${HELP_CENTER_URL}/en/articles/40836-why-do-i-need-to-pay-for-cancelling-a-transaction`,
-  COOKIES: `${HELP_CENTER_URL}/en/articles/40797-why-do-i-need-to-enable-third-party-cookies-for-safe-apps`,
-  CONFLICTING_TRANSACTIONS: `${HELP_CENTER_URL}/en/articles/40839-why-are-transactions-with-the-same-nonce-conflicting-with-each-other`,
-  FALLBACK_HANDLER: `${HELP_CENTER_URL}/en/articles/40838-what-is-a-fallback-handler-and-how-does-it-relate-to-safe`,
-  MOBILE_SAFE: `${HELP_CENTER_URL}/en/articles/40801-connect-to-web-with-mobile-safe`,
-  RECOVERY: `${HELP_CENTER_URL}/en/articles/110656-account-recovery-in-safe-wallet`,
-  RELAYING: `${HELP_CENTER_URL}/en/articles/59203-what-is-gas-fee-sponsoring`,
-  SAFE_SETUP: `${HELP_CENTER_URL}/en/articles/40835-what-safe-setup-should-i-use`,
-  SIGNED_MESSAGES: `${HELP_CENTER_URL}/en/articles/40783-what-are-signed-messages`,
-  SPAM_TOKENS: `${HELP_CENTER_URL}/en/articles/40784-default-token-list-local-hiding-of-spam-tokens`,
-  SPENDING_LIMITS: `${HELP_CENTER_URL}/en/articles/40842-set-up-and-use-spending-limits`,
-  TRANSACTION_GUARD: `${HELP_CENTER_URL}/en/articles/40809-what-is-a-transaction-guard`,
-  UNEXPECTED_DELEGATE_CALL: `${HELP_CENTER_URL}/en/articles/40794-why-do-i-see-an-unexpected-delegate-call-warning-in-my-transaction`,
-  DELEGATES: `${HELP_CENTER_URL}/en/articles/40799-what-is-a-delegate-key`,
-  PUSH_NOTIFICATIONS: `${HELP_CENTER_URL}/en/articles/99197-how-to-start-receiving-web-push-notifications-in-the-web-wallet`,
-  SWAP_WIDGET_FEES: `${HELP_CENTER_URL}/en/articles/178530-how-does-the-widget-fee-work-for-native-swaps`,
-} as const
-export const HelperCenterArticleTitles = {
-  RECOVERY: 'Learn more about the Account recovery process',
-}
-
-export const RECOVERY_FEEDBACK_FORM =
-  'https://noteforms.com/forms/safe-feedback-form-hk16ds?notionforms=1&utm_source=notionforms'
-
-// Social
-export const DISCORD_URL = 'https://chat.safe.global'
-export const TWITTER_URL = 'https://twitter.com/safe'
-
-// Legal
-export const IS_OFFICIAL_HOST = process.env.NEXT_PUBLIC_IS_OFFICIAL_HOST === 'true'
-
-// Risk mitigation (Redefine)
-export const REDEFINE_SIMULATION_URL = 'https://dashboard.redefine.net/reports/'
-export const REDEFINE_API = process.env.NEXT_PUBLIC_REDEFINE_API
-export const REDEFINE_ARTICLE = 'https://safe.mirror.xyz/rInLWZwD_sf7enjoFerj6FIzCYmVMGrrV8Nhg4THdwI'
diff --git a/src/config/securityHeaders.ts b/src/config/securityHeaders.ts
deleted file mode 100644
index 8d3faa3bb..000000000
--- a/src/config/securityHeaders.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { CYPRESS_MNEMONIC, IS_PRODUCTION } from '@/config/constants'
-
-/**
- * CSP Header notes:
- * For safe apps we have to allow img-src * and frame-src *
- * connect-src * because the RPCs are configurable (config service)
- * style-src unsafe-inline for our styled components
- * script-src unsafe-eval is needed by next.js in dev mode, otherwise only self
- *            unsafe-inline is needed for gtm https://developers.google.com/tag-platform/tag-manager/web/csp
- * frame-ancestors can not be set via meta tag
- */
-export const ContentSecurityPolicy = `
- default-src 'self';
- connect-src 'self' *;
- script-src 'self' https://www.google-analytics.com https://ssl.google-analytics.com 'unsafe-inline' https://*.getbeamer.com https://www.googletagmanager.com https://*.ingest.sentry.io https://sentry.io ${
-   !IS_PRODUCTION || /* TODO: remove after moving cypress to görli and testing in staging again!! */ CYPRESS_MNEMONIC
-     ? "'unsafe-eval'"
-     : "'wasm-unsafe-eval'"
- };
- frame-src *;
- style-src 'self' 'unsafe-inline' https://*.getbeamer.com https://*.googleapis.com;
- font-src 'self' data:;
- worker-src 'self' blob:;
- img-src * data:;
-`
-  .replace(/\s{2,}/g, ' ')
-  .trim()
-
-export const StrictTransportSecurity = 'max-age=31536000; includeSubDomains'
diff --git a/src/features/counterfactual/ActivateAccountButton.tsx b/src/features/counterfactual/ActivateAccountButton.tsx
deleted file mode 100644
index 0c84bb8d3..000000000
--- a/src/features/counterfactual/ActivateAccountButton.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
-import dynamic from 'next/dynamic'
-import React, { useContext } from 'react'
-import { Button, CircularProgress, Tooltip, Typography } from '@mui/material'
-import { TxModalContext } from '@/components/tx-flow'
-import { PendingSafeStatus, selectUndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { useAppSelector } from '@/store'
-
-const ActivateAccountFlow = dynamic(() => import('./ActivateAccountFlow'))
-
-const ActivateAccountButton = () => {
-  const { safe, safeAddress } = useSafeInfo()
-  const undeployedSafe = useAppSelector((state) => selectUndeployedSafe(state, safe.chainId, safeAddress))
-  const { setTxFlow } = useContext(TxModalContext)
-
-  const isProcessing = undeployedSafe?.status.status !== PendingSafeStatus.AWAITING_EXECUTION
-
-  const activateAccount = () => {
-    trackEvent({ ...OVERVIEW_EVENTS.CHOOSE_TRANSACTION_TYPE, label: 'activate_now' })
-    setTxFlow(<ActivateAccountFlow />)
-  }
-
-  return (
-    <Tooltip title={isProcessing ? 'The safe activation is already in process' : undefined}>
-      <span>
-        <Button
-          data-testid="activate-account-btn"
-          variant="contained"
-          size="small"
-          onClick={activateAccount}
-          disabled={isProcessing}
-        >
-          {isProcessing ? (
-            <>
-              <Typography variant="body2" component="span" mr={1}>
-                Processing
-              </Typography>
-              <CircularProgress size={16} />
-            </>
-          ) : (
-            'Activate now'
-          )}
-        </Button>
-      </span>
-    </Tooltip>
-  )
-}
-
-export default ActivateAccountButton
diff --git a/src/features/counterfactual/ActivateAccountFlow.tsx b/src/features/counterfactual/ActivateAccountFlow.tsx
deleted file mode 100644
index 4de9d8883..000000000
--- a/src/features/counterfactual/ActivateAccountFlow.tsx
+++ /dev/null
@@ -1,211 +0,0 @@
-import { createNewSafe, relaySafeCreation } from '@/components/new-safe/create/logic'
-import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
-import { NetworkFee, SafeSetupOverview } from '@/components/new-safe/create/steps/ReviewStep'
-import ReviewRow from '@/components/new-safe/ReviewRow'
-import { TxModalContext } from '@/components/tx-flow'
-import TxCard from '@/components/tx-flow/common/TxCard'
-
-import TxLayout from '@/components/tx-flow/common/TxLayout'
-import ErrorMessage from '@/components/tx/ErrorMessage'
-import { ExecutionMethod, ExecutionMethodSelector } from '@/components/tx/ExecutionMethodSelector'
-import useDeployGasLimit from '@/features/counterfactual/hooks/useDeployGasLimit'
-import { safeCreationDispatch, SafeCreationEvent } from '@/features/counterfactual/services/safeCreationEvents'
-import { selectUndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
-import { CF_TX_GROUP_KEY } from '@/features/counterfactual/utils'
-import useChainId from '@/hooks/useChainId'
-import { useCurrentChain } from '@/hooks/useChains'
-import useGasPrice, { getTotalFeeFormatted } from '@/hooks/useGasPrice'
-import useIsWrongChain from '@/hooks/useIsWrongChain'
-import { useLeastRemainingRelays } from '@/hooks/useRemainingRelays'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import useWalletCanPay from '@/hooks/useWalletCanPay'
-import useWallet from '@/hooks/wallets/useWallet'
-import { useWeb3 } from '@/hooks/wallets/web3'
-import { OVERVIEW_EVENTS, trackEvent, WALLET_EVENTS } from '@/services/analytics'
-import { TX_EVENTS, TX_TYPES } from '@/services/analytics/events/transactions'
-import { asError } from '@/services/exceptions/utils'
-import { useAppSelector } from '@/store'
-import { hasFeature } from '@/utils/chains'
-import { hasRemainingRelays } from '@/utils/relaying'
-import { Box, Button, CircularProgress, Divider, Grid, Typography } from '@mui/material'
-import type { DeploySafeProps } from '@safe-global/protocol-kit'
-import { FEATURES } from '@/utils/chains'
-import React, { useContext, useState } from 'react'
-
-const useActivateAccount = () => {
-  const chain = useCurrentChain()
-  const [gasPrice] = useGasPrice()
-  const { gasLimit } = useDeployGasLimit()
-
-  const isEIP1559 = chain && hasFeature(chain, FEATURES.EIP1559)
-  const maxFeePerGas = gasPrice?.maxFeePerGas
-  const maxPriorityFeePerGas = gasPrice?.maxPriorityFeePerGas
-
-  const options: DeploySafeProps['options'] = isEIP1559
-    ? {
-        maxFeePerGas: maxFeePerGas?.toString(),
-        maxPriorityFeePerGas: maxPriorityFeePerGas?.toString(),
-        gasLimit: gasLimit?.totalGas.toString(),
-      }
-    : { gasPrice: maxFeePerGas?.toString(), gasLimit: gasLimit?.totalGas.toString() }
-
-  const totalFee = getTotalFeeFormatted(maxFeePerGas, gasLimit?.totalGas, chain)
-  const walletCanPay = useWalletCanPay({ gasLimit: gasLimit?.totalGas, maxFeePerGas, maxPriorityFeePerGas })
-
-  return { options, totalFee, walletCanPay }
-}
-
-const ActivateAccountFlow = () => {
-  const [isSubmittable, setIsSubmittable] = useState<boolean>(true)
-  const [submitError, setSubmitError] = useState<Error | undefined>()
-  const [executionMethod, setExecutionMethod] = useState(ExecutionMethod.RELAY)
-
-  const isWrongChain = useIsWrongChain()
-  const chain = useCurrentChain()
-  const chainId = useChainId()
-  const { safeAddress } = useSafeInfo()
-  const provider = useWeb3()
-  const undeployedSafe = useAppSelector((state) => selectUndeployedSafe(state, chainId, safeAddress))
-  const { setTxFlow } = useContext(TxModalContext)
-  const wallet = useWallet()
-  const { options, totalFee, walletCanPay } = useActivateAccount()
-
-  const ownerAddresses = undeployedSafe?.props.safeAccountConfig.owners || []
-  const [minRelays] = useLeastRemainingRelays(ownerAddresses)
-
-  // Every owner has remaining relays and relay method is selected
-  const canRelay = hasRemainingRelays(minRelays)
-  const willRelay = canRelay && executionMethod === ExecutionMethod.RELAY
-
-  if (!undeployedSafe) return null
-
-  const { owners, threshold } = undeployedSafe.props.safeAccountConfig
-  const { saltNonce, safeVersion } = undeployedSafe.props.safeDeploymentConfig || {}
-
-  const onSubmit = (txHash?: string) => {
-    trackEvent({ ...TX_EVENTS.CREATE, label: TX_TYPES.activate_without_tx })
-    trackEvent({ ...TX_EVENTS.EXECUTE, label: TX_TYPES.activate_without_tx })
-    trackEvent(WALLET_EVENTS.ONCHAIN_INTERACTION)
-
-    if (txHash) {
-      safeCreationDispatch(SafeCreationEvent.PROCESSING, { groupKey: CF_TX_GROUP_KEY, txHash, safeAddress })
-    }
-    setTxFlow(undefined)
-  }
-
-  const createSafe = async () => {
-    if (!provider || !chain) return
-
-    trackEvent({ ...OVERVIEW_EVENTS.PROCEED_WITH_TX, label: TX_TYPES.activate_without_tx })
-
-    setIsSubmittable(false)
-    setSubmitError(undefined)
-
-    try {
-      if (willRelay) {
-        const taskId = await relaySafeCreation(chain, owners, threshold, Number(saltNonce!), safeVersion)
-        safeCreationDispatch(SafeCreationEvent.RELAYING, { groupKey: CF_TX_GROUP_KEY, taskId, safeAddress })
-
-        onSubmit()
-      } else {
-        await createNewSafe(
-          provider,
-          {
-            safeAccountConfig: undeployedSafe.props.safeAccountConfig,
-            saltNonce,
-            options,
-            callback: onSubmit,
-          },
-          safeVersion,
-        )
-      }
-    } catch (_err) {
-      const err = asError(_err)
-      setIsSubmittable(true)
-      setSubmitError(err)
-      return
-    }
-  }
-
-  const submitDisabled = !isSubmittable
-
-  return (
-    <TxLayout title="Activate account" hideNonce>
-      <TxCard>
-        <Typography>
-          You&apos;re about to deploy this Safe Account and will have to confirm the transaction with your connected
-          wallet.
-        </Typography>
-
-        <Divider sx={{ mx: -3, my: 2 }} />
-
-        <SafeSetupOverview owners={owners.map((owner) => ({ name: '', address: owner }))} threshold={threshold} />
-
-        <Divider sx={{ mx: -3, mt: 2, mb: 1 }} />
-        <Box display="flex" flexDirection="column" gap={3}>
-          {canRelay && (
-            <Grid container spacing={3}>
-              <ReviewRow
-                name="Execution method"
-                value={
-                  <ExecutionMethodSelector
-                    executionMethod={executionMethod}
-                    setExecutionMethod={setExecutionMethod}
-                    relays={minRelays}
-                  />
-                }
-              />
-            </Grid>
-          )}
-
-          <Grid data-testid="network-fee-section" container spacing={3}>
-            <ReviewRow
-              name="Est. network fee"
-              value={
-                <>
-                  <NetworkFee totalFee={totalFee} willRelay={willRelay} chain={chain} />
-
-                  {!willRelay && (
-                    <Typography variant="body2" color="text.secondary" mt={1}>
-                      You will have to confirm a transaction with your connected wallet.
-                    </Typography>
-                  )}
-                </>
-              }
-            />
-          </Grid>
-
-          {submitError && (
-            <Box mt={1}>
-              <ErrorMessage error={submitError}>Error submitting the transaction. Please try again.</ErrorMessage>
-            </Box>
-          )}
-
-          {isWrongChain && <NetworkWarning />}
-
-          {!walletCanPay && !willRelay && (
-            <ErrorMessage>
-              Your connected wallet doesn&apos;t have enough funds to execute this transaction
-            </ErrorMessage>
-          )}
-        </Box>
-
-        <Divider sx={{ mx: -3, mt: 2, mb: 1 }} />
-
-        <Box display="flex" flexDirection="row" justifyContent="flex-end" gap={3}>
-          <Button
-            data-testid="activate-account-btn"
-            onClick={createSafe}
-            variant="contained"
-            size="stretched"
-            disabled={submitDisabled}
-          >
-            {!isSubmittable ? <CircularProgress size={20} /> : 'Activate'}
-          </Button>
-        </Box>
-      </TxCard>
-    </TxLayout>
-  )
-}
-
-export default ActivateAccountFlow
diff --git a/src/features/counterfactual/CounterfactualHint.tsx b/src/features/counterfactual/CounterfactualHint.tsx
deleted file mode 100644
index 6d1106bfc..000000000
--- a/src/features/counterfactual/CounterfactualHint.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Alert, Typography } from '@mui/material'
-
-const CounterfactualHint = () => {
-  return (
-    <Alert severity="info" sx={{ mt: 2 }}>
-      <Typography fontWeight="bold" mb={1}>
-        Create now, pay later! Only for 1/1 Accounts
-      </Typography>
-      Explore Rootstock Safe without additional hassle. Pay the gas fees later at any time, and don&apos;t forget to add
-      extra signers for better security.
-    </Alert>
-  )
-}
-
-export default CounterfactualHint
diff --git a/src/features/counterfactual/CounterfactualSuccessScreen.tsx b/src/features/counterfactual/CounterfactualSuccessScreen.tsx
deleted file mode 100644
index f798e5b99..000000000
--- a/src/features/counterfactual/CounterfactualSuccessScreen.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { safeCreationPendingStatuses } from '@/features/counterfactual/hooks/usePendingSafeStatuses'
-import { SafeCreationEvent, safeCreationSubscribe } from '@/features/counterfactual/services/safeCreationEvents'
-import { useCurrentChain } from '@/hooks/useChains'
-import { useEffect, useState } from 'react'
-import { Box, Button, Dialog, DialogContent, Typography } from '@mui/material'
-import CheckRoundedIcon from '@mui/icons-material/CheckRounded'
-
-const CounterfactualSuccessScreen = () => {
-  const [open, setOpen] = useState<boolean>(false)
-  const [safeAddress, setSafeAddress] = useState<string>()
-  const chain = useCurrentChain()
-
-  useEffect(() => {
-    const unsubFns = Object.entries(safeCreationPendingStatuses).map(([event]) =>
-      safeCreationSubscribe(event as SafeCreationEvent, async (detail) => {
-        if (event === SafeCreationEvent.INDEXED) {
-          setSafeAddress(detail.safeAddress)
-          setOpen(true)
-        }
-      }),
-    )
-
-    return () => {
-      unsubFns.forEach((unsub) => unsub())
-    }
-  }, [])
-
-  return (
-    <Dialog open={open}>
-      <DialogContent
-        sx={{
-          py: 10,
-          px: 6,
-          display: 'flex',
-          justifyContent: 'center',
-          flexDirection: 'column',
-          alignItems: 'center',
-          gap: 3,
-        }}
-      >
-        <Box
-          sx={{
-            backgroundColor: ({ palette }) => palette.success.background,
-            padding: 3,
-            borderRadius: '50%',
-            display: 'inline-flex',
-          }}
-        >
-          <CheckRoundedIcon sx={{ width: 50, height: 50 }} color="success" />
-        </Box>
-
-        <Box textAlign="center">
-          <Typography variant="h3" fontWeight="bold" mb={1}>
-            Your account is all set!
-          </Typography>
-          <Typography>Start your journey to the smart account security now.</Typography>
-          <Typography>Use your address to receive funds {chain?.chainName && `on ${chain.chainName}`}.</Typography>
-        </Box>
-
-        {safeAddress && (
-          <Box p={2} bgcolor="background.main" borderRadius={1} fontSize={14}>
-            <EthHashInfo address={safeAddress} shortAddress={false} showCopyButton avatarSize={32} />
-          </Box>
-        )}
-
-        <Button variant="contained" onClick={() => setOpen(false)}>
-          Let&apos;s go
-        </Button>
-      </DialogContent>
-    </Dialog>
-  )
-}
-
-export default CounterfactualSuccessScreen
diff --git a/src/features/counterfactual/PayNowPayLater.tsx b/src/features/counterfactual/PayNowPayLater.tsx
deleted file mode 100644
index 78e2cecec..000000000
--- a/src/features/counterfactual/PayNowPayLater.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import type { ChangeEvent, Dispatch, SetStateAction } from 'react'
-import classnames from 'classnames'
-import { useCurrentChain } from '@/hooks/useChains'
-import CheckRoundedIcon from '@mui/icons-material/CheckRounded'
-import {
-  FormControl,
-  FormControlLabel,
-  List,
-  ListItem,
-  ListItemIcon,
-  Radio,
-  RadioGroup,
-  Typography,
-} from '@mui/material'
-
-import css from './styles.module.css'
-
-export const enum PayMethod {
-  PayNow = 'PayNow',
-  PayLater = 'PayLater',
-}
-
-const PayNowPayLater = ({
-  totalFee,
-  canRelay,
-  payMethod,
-  setPayMethod,
-}: {
-  totalFee: string
-  canRelay: boolean
-  payMethod: PayMethod
-  setPayMethod: Dispatch<SetStateAction<PayMethod>>
-}) => {
-  const chain = useCurrentChain()
-
-  const onChoosePayMethod = (_: ChangeEvent<HTMLInputElement>, newPayMethod: string) => {
-    setPayMethod(newPayMethod as PayMethod)
-  }
-
-  return (
-    <>
-      <Typography variant="h4" fontWeight="bold">
-        Before you continue
-      </Typography>
-      <List>
-        <ListItem disableGutters>
-          <ListItemIcon className={css.listItem}>
-            <CheckRoundedIcon fontSize="small" color="inherit" />
-          </ListItemIcon>
-          <Typography variant="body2">
-            There will be a one-time network fee to activate your smart account wallet.
-          </Typography>
-        </ListItem>
-        <ListItem disableGutters>
-          <ListItemIcon className={css.listItem}>
-            <CheckRoundedIcon fontSize="small" color="inherit" />
-          </ListItemIcon>
-          <Typography variant="body2">
-            If you choose to pay later, the fee will be included with the first transaction you make.
-          </Typography>
-        </ListItem>
-        <ListItem disableGutters>
-          <ListItemIcon className={css.listItem}>
-            <CheckRoundedIcon fontSize="small" color="inherit" />
-          </ListItemIcon>
-          <Typography variant="body2">Safe doesn&apos;t profit from the fees.</Typography>
-        </ListItem>
-      </List>
-      <FormControl fullWidth>
-        <RadioGroup row value={payMethod} onChange={onChoosePayMethod} className={css.radioGroup}>
-          <FormControlLabel
-            sx={{ flex: 1 }}
-            value={PayMethod.PayNow}
-            className={classnames(css.radioContainer, { [css.active]: payMethod === PayMethod.PayNow })}
-            label={
-              <>
-                <Typography className={css.radioTitle}>Pay now</Typography>
-                <Typography className={css.radioSubtitle} variant="body2" color="text.secondary">
-                  {canRelay ? (
-                    'Sponsored free transaction'
-                  ) : (
-                    <>
-                      &asymp; {totalFee} {chain?.nativeCurrency.symbol}
-                    </>
-                  )}
-                </Typography>
-              </>
-            }
-            control={<Radio />}
-          />
-
-          <FormControlLabel
-            data-testid="connected-wallet-execution-method"
-            sx={{ flex: 1 }}
-            value={PayMethod.PayLater}
-            className={classnames(css.radioContainer, { [css.active]: payMethod === PayMethod.PayLater })}
-            label={
-              <>
-                <Typography className={css.radioTitle}>Pay later</Typography>
-                <Typography className={css.radioSubtitle} variant="body2" color="text.secondary">
-                  with the first transaction
-                </Typography>
-              </>
-            }
-            control={<Radio />}
-          />
-        </RadioGroup>
-      </FormControl>
-    </>
-  )
-}
-
-export default PayNowPayLater
diff --git a/src/features/counterfactual/__tests__/utils.test.ts b/src/features/counterfactual/__tests__/utils.test.ts
deleted file mode 100644
index 88e61f8ce..000000000
--- a/src/features/counterfactual/__tests__/utils.test.ts
+++ /dev/null
@@ -1,148 +0,0 @@
-import {
-  getCounterfactualBalance,
-  getNativeBalance,
-  getUndeployedSafeInfo,
-  setNativeBalance,
-} from '@/features/counterfactual/utils'
-import * as web3 from '@/hooks/wallets/web3'
-import { chainBuilder } from '@/tests/builders/chains'
-import { faker } from '@faker-js/faker'
-import type { PredictedSafeProps } from '@safe-global/protocol-kit'
-import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
-import { type BrowserProvider, type JsonRpcProvider } from 'ethers'
-
-describe('Counterfactual utils', () => {
-  describe('getUndeployedSafeInfo', () => {
-    it('should return undeployed safe info', () => {
-      const undeployedSafe: PredictedSafeProps = {
-        safeAccountConfig: {
-          owners: [faker.finance.ethereumAddress()],
-          threshold: 1,
-        },
-        safeDeploymentConfig: {},
-      }
-      const mockAddress = faker.finance.ethereumAddress()
-      const mockChainId = '1'
-
-      const result = getUndeployedSafeInfo(undeployedSafe, mockAddress, mockChainId)
-
-      expect(result.nonce).toEqual(0)
-      expect(result.deployed).toEqual(false)
-      expect(result.address.value).toEqual(mockAddress)
-      expect(result.chainId).toEqual(mockChainId)
-      expect(result.threshold).toEqual(undeployedSafe.safeAccountConfig.threshold)
-      expect(result.owners[0].value).toEqual(undeployedSafe.safeAccountConfig.owners[0])
-    })
-  })
-
-  describe('getCounterfactualBalance', () => {
-    const mockSafeAddress = faker.finance.ethereumAddress()
-    const mockChain = chainBuilder().build()
-
-    beforeEach(() => {
-      jest.clearAllMocks()
-    })
-
-    it('should fall back to readonly provider if there is no provider', async () => {
-      const mockBalance = 123n
-      const mockReadOnlyProvider = {
-        getBalance: jest.fn(() => Promise.resolve(mockBalance)),
-      } as unknown as JsonRpcProvider
-      jest.spyOn(web3, 'getWeb3ReadOnly').mockImplementationOnce(() => mockReadOnlyProvider)
-
-      const result = await getCounterfactualBalance(mockSafeAddress, undefined, mockChain)
-      const nativeBalanceCache = getNativeBalance()
-
-      expect(mockReadOnlyProvider.getBalance).toHaveBeenCalledTimes(1)
-      expect(nativeBalanceCache).toEqual(mockBalance)
-      expect(result).toEqual({
-        fiatTotal: '0',
-        items: [
-          {
-            tokenInfo: {
-              type: TokenType.NATIVE_TOKEN,
-              address: ZERO_ADDRESS,
-              ...mockChain.nativeCurrency,
-            },
-            balance: mockBalance.toString(),
-            fiatBalance: '0',
-            fiatConversion: '0',
-          },
-        ],
-      })
-
-      // Should use the cache now
-      const newResult = await getCounterfactualBalance(mockSafeAddress, undefined, mockChain)
-      expect(mockReadOnlyProvider.getBalance).toHaveBeenCalledTimes(1)
-      expect(newResult?.items[0].balance).toEqual('123')
-    })
-
-    it('should return undefined if there is no chain info', async () => {
-      const mockProvider = { getBalance: jest.fn(() => Promise.resolve(1n)) } as unknown as BrowserProvider
-
-      const result = await getCounterfactualBalance(mockSafeAddress, mockProvider, undefined)
-
-      expect(result).toBeUndefined()
-    })
-
-    it('should return the native balance', async () => {
-      const mockBalance = 1000000n
-      const mockProvider = { getBalance: jest.fn(() => Promise.resolve(mockBalance)) } as unknown as BrowserProvider
-
-      const result = await getCounterfactualBalance(mockSafeAddress, mockProvider, mockChain)
-
-      expect(mockProvider.getBalance).toHaveBeenCalled()
-      expect(result).toEqual({
-        fiatTotal: '0',
-        items: [
-          {
-            tokenInfo: {
-              type: TokenType.NATIVE_TOKEN,
-              address: ZERO_ADDRESS,
-              ...mockChain.nativeCurrency,
-            },
-            balance: mockBalance.toString(),
-            fiatBalance: '0',
-            fiatConversion: '0',
-          },
-        ],
-      })
-    })
-
-    it('should not use the cache if the ignoreCache flag is passed', async () => {
-      const mockBalance = 123n
-      const mockReadOnlyProvider = {
-        getBalance: jest.fn(() => Promise.resolve(mockBalance)),
-      } as unknown as JsonRpcProvider
-      jest.spyOn(web3, 'getWeb3ReadOnly').mockImplementationOnce(() => mockReadOnlyProvider)
-
-      // Set local cache
-      const mockCacheBalance = 10n
-      setNativeBalance(mockCacheBalance)
-      const nativeBalanceCache = getNativeBalance()
-      expect(nativeBalanceCache).toEqual(mockCacheBalance)
-
-      // Call function and ignore cache
-      const result = await getCounterfactualBalance(mockSafeAddress, undefined, mockChain, true)
-
-      expect(mockReadOnlyProvider.getBalance).toHaveBeenCalled()
-      expect(result?.items[0].balance).not.toEqual(mockCacheBalance)
-      expect(result).toEqual({
-        fiatTotal: '0',
-        items: [
-          {
-            tokenInfo: {
-              type: TokenType.NATIVE_TOKEN,
-              address: ZERO_ADDRESS,
-              ...mockChain.nativeCurrency,
-            },
-            balance: mockBalance.toString(),
-            fiatBalance: '0',
-            fiatConversion: '0',
-          },
-        ],
-      })
-    })
-  })
-})
diff --git a/src/features/counterfactual/store/undeployedSafesSlice.ts b/src/features/counterfactual/store/undeployedSafesSlice.ts
deleted file mode 100644
index 0196052e9..000000000
--- a/src/features/counterfactual/store/undeployedSafesSlice.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import type { PayMethod } from '@/features/counterfactual/PayNowPayLater'
-import { type RootState } from '@/store'
-import { createSelector, createSlice, type PayloadAction } from '@reduxjs/toolkit'
-import type { PredictedSafeProps } from '@safe-global/protocol-kit'
-
-export enum PendingSafeStatus {
-  AWAITING_EXECUTION = 'AWAITING_EXECUTION',
-  PROCESSING = 'PROCESSING',
-  RELAYING = 'RELAYING',
-}
-
-type UndeployedSafeStatus = {
-  status: PendingSafeStatus
-  type: PayMethod
-  txHash?: string
-  taskId?: string
-  startBlock?: number
-  submittedAt?: number
-  signerAddress?: string
-  signerNonce?: number | null
-}
-
-export type UndeployedSafe = {
-  status: UndeployedSafeStatus
-  props: PredictedSafeProps
-}
-
-type UndeployedSafesSlice = { [address: string]: UndeployedSafe }
-
-export type UndeployedSafesState = { [chainId: string]: UndeployedSafesSlice }
-
-const initialState: UndeployedSafesState = {}
-
-export const undeployedSafesSlice = createSlice({
-  name: 'undeployedSafes',
-  initialState,
-  reducers: {
-    addUndeployedSafe: (
-      state,
-      action: PayloadAction<{ chainId: string; address: string; type: PayMethod; safeProps: PredictedSafeProps }>,
-    ) => {
-      const { chainId, address, type, safeProps } = action.payload
-
-      if (!state[chainId]) {
-        state[chainId] = {}
-      }
-
-      state[chainId][address] = {
-        props: safeProps,
-        status: {
-          status: PendingSafeStatus.AWAITING_EXECUTION,
-          type,
-        },
-      }
-    },
-
-    updateUndeployedSafeStatus: (
-      state,
-      action: PayloadAction<{ chainId: string; address: string; status: Omit<UndeployedSafeStatus, 'type'> }>,
-    ) => {
-      const { chainId, address, status } = action.payload
-
-      if (!state[chainId]?.[address]) return state
-
-      state[chainId][address] = {
-        props: state[chainId][address].props,
-        status: {
-          ...state[chainId][address].status,
-          ...status,
-        },
-      }
-    },
-
-    removeUndeployedSafe: (state, action: PayloadAction<{ chainId: string; address: string }>) => {
-      const { chainId, address } = action.payload
-      if (!state[chainId]) return state
-
-      delete state[chainId][address]
-
-      if (Object.keys(state[chainId]).length > 0) return state
-
-      delete state[chainId]
-    },
-  },
-})
-
-export const { removeUndeployedSafe, addUndeployedSafe, updateUndeployedSafeStatus } = undeployedSafesSlice.actions
-
-export const selectUndeployedSafes = (state: RootState): UndeployedSafesState => {
-  return state[undeployedSafesSlice.name]
-}
-
-export const selectUndeployedSafe = createSelector(
-  [selectUndeployedSafes, (_, chainId: string, address: string) => [chainId, address]],
-  (undeployedSafes, [chainId, address]): UndeployedSafe | undefined => {
-    return undeployedSafes[chainId]?.[address]
-  },
-)
-
-export const selectIsUndeployedSafe = createSelector([selectUndeployedSafe], (undeployedSafe) => {
-  return !!undeployedSafe
-})
diff --git a/src/features/counterfactual/utils.ts b/src/features/counterfactual/utils.ts
deleted file mode 100644
index 8b3a16d6d..000000000
--- a/src/features/counterfactual/utils.ts
+++ /dev/null
@@ -1,307 +0,0 @@
-import type { NewSafeFormData } from '@/components/new-safe/create'
-import { LATEST_SAFE_VERSION, POLLING_INTERVAL } from '@/config/constants'
-import { AppRoutes } from '@/config/routes'
-import { PayMethod } from '@/features/counterfactual/PayNowPayLater'
-import { safeCreationDispatch, SafeCreationEvent } from '@/features/counterfactual/services/safeCreationEvents'
-import { addUndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
-import { type ConnectedWallet } from '@/hooks/wallets/useOnboard'
-import { createWeb3, getWeb3ReadOnly } from '@/hooks/wallets/web3'
-import { asError } from '@/services/exceptions/utils'
-import ExternalStore from '@/services/ExternalStore'
-import { getUncheckedSafeSDK, tryOffChainTxSigning } from '@/services/tx/tx-sender/sdk'
-import { getRelayTxStatus, TaskState } from '@/services/tx/txMonitor'
-import type { AppDispatch } from '@/store'
-import { addOrUpdateSafe } from '@/store/addedSafesSlice'
-import { upsertAddressBookEntry } from '@/store/addressBookSlice'
-import { defaultSafeInfo } from '@/store/safeInfoSlice'
-import { didRevert, type EthersError } from '@/utils/ethers-utils'
-import { assertProvider, assertTx, assertWallet } from '@/utils/helpers'
-import type { DeploySafeProps, PredictedSafeProps } from '@safe-global/protocol-kit'
-import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-import type { SafeTransaction, SafeVersion, TransactionOptions } from '@safe-global/safe-core-sdk-types'
-import {
-  type ChainInfo,
-  ImplementationVersionState,
-  type SafeBalanceResponse,
-  TokenType,
-} from '@safe-global/safe-gateway-typescript-sdk'
-import type { BrowserProvider, ContractTransactionResponse, Eip1193Provider, Provider } from 'ethers'
-import type { NextRouter } from 'next/router'
-
-export const getUndeployedSafeInfo = (undeployedSafe: PredictedSafeProps, address: string, chainId: string) => {
-  return {
-    ...defaultSafeInfo,
-    address: { value: address },
-    chainId,
-    owners: undeployedSafe.safeAccountConfig.owners.map((owner) => ({ value: owner })),
-    nonce: 0,
-    threshold: undeployedSafe.safeAccountConfig.threshold,
-    implementationVersionState: ImplementationVersionState.UP_TO_DATE,
-    fallbackHandler: { value: undeployedSafe.safeAccountConfig.fallbackHandler! },
-    version: undeployedSafe.safeDeploymentConfig?.safeVersion || LATEST_SAFE_VERSION,
-    deployed: false,
-  }
-}
-
-export const CF_TX_GROUP_KEY = 'cf-tx'
-
-export const dispatchTxExecutionAndDeploySafe = async (
-  safeTx: SafeTransaction,
-  txOptions: TransactionOptions,
-  provider: Eip1193Provider,
-  safeAddress: string,
-) => {
-  const sdkUnchecked = await getUncheckedSafeSDK(provider)
-  const eventParams = { groupKey: CF_TX_GROUP_KEY }
-
-  let result: ContractTransactionResponse | undefined
-  try {
-    const signedTx = await tryOffChainTxSigning(safeTx, await sdkUnchecked.getContractVersion(), sdkUnchecked)
-
-    const browserProvider = createWeb3(provider)
-    const signer = await browserProvider.getSigner()
-
-    const deploymentTx = await sdkUnchecked.wrapSafeTransactionIntoDeploymentBatch(signedTx, txOptions)
-
-    // We need to estimate the actual gasLimit after the user has signed since it is more accurate than what useDeployGasLimit returns
-    const gas = await signer.estimateGas({ data: deploymentTx.data, value: deploymentTx.value, to: deploymentTx.to })
-
-    // @ts-ignore TODO: Check why TransactionResponse type doesn't work
-    result = await signer.sendTransaction({ ...deploymentTx, gasLimit: gas })
-  } catch (error) {
-    safeCreationDispatch(SafeCreationEvent.FAILED, { ...eventParams, error: asError(error), safeAddress })
-    throw error
-  }
-
-  safeCreationDispatch(SafeCreationEvent.PROCESSING, { ...eventParams, txHash: result!.hash, safeAddress })
-
-  return result!.hash
-}
-
-export const deploySafeAndExecuteTx = async (
-  txOptions: TransactionOptions,
-  wallet: ConnectedWallet | null,
-  safeAddress: string,
-  safeTx?: SafeTransaction,
-  provider?: Eip1193Provider,
-) => {
-  assertTx(safeTx)
-  assertWallet(wallet)
-  assertProvider(provider)
-
-  return dispatchTxExecutionAndDeploySafe(safeTx, txOptions, provider, safeAddress)
-}
-
-export const { getStore: getNativeBalance, setStore: setNativeBalance } = new ExternalStore<bigint>(0n)
-
-export const getCounterfactualBalance = async (
-  safeAddress: string,
-  provider?: BrowserProvider,
-  chain?: ChainInfo,
-  ignoreCache?: boolean,
-) => {
-  let balance: bigint | undefined
-
-  if (!chain) return undefined
-
-  // Fetch balance via the connected wallet.
-  // If there is no wallet connected we fetch and cache the balance instead
-  if (provider) {
-    balance = await provider.getBalance(safeAddress)
-  } else {
-    const cachedBalance = getNativeBalance()
-    const useCache = cachedBalance !== undefined && cachedBalance > 0n && !ignoreCache
-    balance = useCache ? cachedBalance : (await getWeb3ReadOnly()?.getBalance(safeAddress)) ?? 0n
-    setNativeBalance(balance)
-  }
-
-  return <SafeBalanceResponse>{
-    fiatTotal: '0',
-    items: [
-      {
-        tokenInfo: {
-          type: TokenType.NATIVE_TOKEN,
-          address: ZERO_ADDRESS,
-          ...chain?.nativeCurrency,
-        },
-        balance: balance?.toString(),
-        fiatBalance: '0',
-        fiatConversion: '0',
-      },
-    ],
-  }
-}
-
-export const createCounterfactualSafe = (
-  chain: ChainInfo,
-  safeAddress: string,
-  saltNonce: string,
-  data: NewSafeFormData,
-  dispatch: AppDispatch,
-  props: DeploySafeProps,
-  router: NextRouter,
-) => {
-  const undeployedSafe = {
-    chainId: chain.chainId,
-    address: safeAddress,
-    type: PayMethod.PayLater,
-    safeProps: {
-      safeAccountConfig: props.safeAccountConfig,
-      safeDeploymentConfig: {
-        saltNonce,
-        safeVersion: LATEST_SAFE_VERSION as SafeVersion,
-      },
-    },
-  }
-
-  dispatch(addUndeployedSafe(undeployedSafe))
-  dispatch(upsertAddressBookEntry({ chainId: chain.chainId, address: safeAddress, name: data.name }))
-  dispatch(
-    addOrUpdateSafe({
-      safe: {
-        ...defaultSafeInfo,
-        address: { value: safeAddress, name: data.name },
-        threshold: data.threshold,
-        owners: data.owners.map((owner) => ({
-          value: owner.address,
-          name: owner.name || owner.ens,
-        })),
-        chainId: chain.chainId,
-      },
-    }),
-  )
-  return router.push({
-    pathname: AppRoutes.home,
-    query: { safe: `${chain.shortName}:${safeAddress}` },
-  })
-}
-
-const delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms))
-
-/**
- * Calling getTransaction too fast sometimes fails because the txHash hasn't been
- * picked up by any node yet so we should retry a few times with short delays to
- * make sure the transaction really does/does not exist
- * @param provider
- * @param txHash
- * @param maxAttempts
- */
-async function retryGetTransaction(provider: Provider, txHash: string, maxAttempts = 6) {
-  for (let attempt = 0; attempt < maxAttempts; attempt++) {
-    const txResponse = await provider.getTransaction(txHash)
-    if (txResponse !== null) {
-      return txResponse
-    }
-    if (attempt < maxAttempts - 1) {
-      const exponentialDelay = 2 ** attempt * 1000 // 1000, 2000, 4000, 8000, 16000, 32000
-      await delay(exponentialDelay)
-    }
-  }
-  throw new Error('Transaction not found')
-}
-
-export const checkSafeActivation = async (
-  provider: Provider,
-  txHash: string,
-  safeAddress: string,
-  startBlock?: number,
-) => {
-  try {
-    const txResponse = await retryGetTransaction(provider, txHash)
-
-    const replaceableTx = startBlock ? txResponse.replaceableTransaction(startBlock) : txResponse
-    const receipt = await replaceableTx?.wait(1)
-
-    /** The receipt should always be non-null as we require 1 confirmation */
-    if (receipt === null) {
-      throw new Error('Transaction should have a receipt, but got null instead.')
-    }
-
-    if (didRevert(receipt)) {
-      safeCreationDispatch(SafeCreationEvent.REVERTED, {
-        groupKey: CF_TX_GROUP_KEY,
-        error: new Error('Transaction reverted'),
-        safeAddress,
-      })
-    }
-
-    safeCreationDispatch(SafeCreationEvent.SUCCESS, {
-      groupKey: CF_TX_GROUP_KEY,
-      safeAddress,
-    })
-  } catch (err) {
-    const _err = err as EthersError
-
-    if (_err.reason === 'replaced' || _err.reason === 'repriced') {
-      safeCreationDispatch(SafeCreationEvent.SUCCESS, {
-        groupKey: CF_TX_GROUP_KEY,
-        safeAddress,
-      })
-      return
-    }
-
-    if (didRevert(_err.receipt)) {
-      safeCreationDispatch(SafeCreationEvent.REVERTED, {
-        groupKey: CF_TX_GROUP_KEY,
-        error: new Error('Transaction reverted'),
-        safeAddress,
-      })
-      return
-    }
-
-    safeCreationDispatch(SafeCreationEvent.FAILED, {
-      groupKey: CF_TX_GROUP_KEY,
-      error: _err,
-      safeAddress,
-    })
-  }
-}
-
-export const checkSafeActionViaRelay = (taskId: string, safeAddress: string) => {
-  const TIMEOUT_TIME = 2 * 60 * 1000 // 2 minutes
-
-  let intervalId: NodeJS.Timeout
-  let failAfterTimeoutId: NodeJS.Timeout
-
-  intervalId = setInterval(async () => {
-    const status = await getRelayTxStatus(taskId)
-
-    // 404
-    if (!status) return
-
-    switch (status.task.taskState) {
-      case TaskState.ExecSuccess:
-        safeCreationDispatch(SafeCreationEvent.SUCCESS, {
-          groupKey: CF_TX_GROUP_KEY,
-          safeAddress,
-        })
-        break
-      case TaskState.ExecReverted:
-      case TaskState.Blacklisted:
-      case TaskState.Cancelled:
-      case TaskState.NotFound:
-        safeCreationDispatch(SafeCreationEvent.FAILED, {
-          groupKey: CF_TX_GROUP_KEY,
-          error: new Error('Transaction failed'),
-          safeAddress,
-        })
-        break
-      default:
-        // Don't clear interval as we're still waiting for the tx to be relayed
-        return
-    }
-
-    clearTimeout(failAfterTimeoutId)
-    clearInterval(intervalId)
-  }, POLLING_INTERVAL)
-
-  failAfterTimeoutId = setTimeout(() => {
-    safeCreationDispatch(SafeCreationEvent.FAILED, {
-      groupKey: CF_TX_GROUP_KEY,
-      error: new Error('Transaction failed'),
-      safeAddress,
-    })
-
-    clearInterval(intervalId)
-  }, TIMEOUT_TIME)
-}
diff --git a/src/features/recovery/components/CancelRecoveryButton/index.tsx b/src/features/recovery/components/CancelRecoveryButton/index.tsx
deleted file mode 100644
index 0bb427872..000000000
--- a/src/features/recovery/components/CancelRecoveryButton/index.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import useWallet from '@/hooks/wallets/useWallet'
-import { trackEvent } from '@/services/analytics'
-import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
-import { assertWalletChain } from '@/services/tx/tx-sender/sdk'
-import { Button } from '@mui/material'
-import { useContext } from 'react'
-import type { SyntheticEvent, ReactElement } from 'react'
-
-import CheckWallet from '@/components/common/CheckWallet'
-import { TxModalContext } from '@/components/tx-flow'
-import { CancelRecoveryFlow } from '@/components/tx-flow/flows'
-import useIsSafeOwner from '@/hooks/useIsSafeOwner'
-import { dispatchRecoverySkipExpired } from '@/features/recovery/services/recovery-sender'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import useOnboard from '@/hooks/wallets/useOnboard'
-import { trackError, Errors } from '@/services/exceptions'
-import { asError } from '@/services/exceptions/utils'
-import { useRecoveryTxState } from '@/features/recovery/hooks/useRecoveryTxState'
-import { RecoveryListItemContext } from '../RecoveryListItem/RecoveryListItemContext'
-import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
-
-export function CancelRecoveryButton({
-  recovery,
-  compact = false,
-}: {
-  recovery: RecoveryQueueItem
-  compact?: boolean
-}): ReactElement {
-  const { setSubmitError } = useContext(RecoveryListItemContext)
-  const isOwner = useIsSafeOwner()
-  const { isExpired, isPending } = useRecoveryTxState(recovery)
-  const { setTxFlow } = useContext(TxModalContext)
-  const onboard = useOnboard()
-  const wallet = useWallet()
-  const { safe } = useSafeInfo()
-
-  const onClick = async (e: SyntheticEvent) => {
-    e.stopPropagation()
-    e.preventDefault()
-
-    trackEvent(RECOVERY_EVENTS.CANCEL_RECOVERY)
-    if (isOwner) {
-      setTxFlow(<CancelRecoveryFlow recovery={recovery} />)
-    } else if (onboard && wallet) {
-      try {
-        await assertWalletChain(onboard, safe.chainId)
-
-        await dispatchRecoverySkipExpired({
-          provider: wallet.provider,
-          chainId: safe.chainId,
-          delayModifierAddress: recovery.address,
-          recoveryTxHash: recovery.args.txHash,
-          signerAddress: wallet.address,
-        })
-      } catch (_err) {
-        const err = asError(_err)
-
-        trackError(Errors._813, err)
-        setSubmitError(err)
-      }
-    }
-  }
-
-  return (
-    <CheckWallet allowNonOwner>
-      {(isOk) => {
-        const isDisabled = isPending || (isOwner ? !isOk : !isOk || !isExpired)
-
-        return (
-          <Button
-            data-testid="cancel-recovery-btn"
-            onClick={onClick}
-            variant="danger"
-            disabled={isDisabled}
-            size={compact ? 'small' : 'stretched'}
-          >
-            Cancel
-          </Button>
-        )
-      }}
-    </CheckWallet>
-  )
-}
diff --git a/src/features/recovery/components/ExecuteRecoveryButton/index.tsx b/src/features/recovery/components/ExecuteRecoveryButton/index.tsx
deleted file mode 100644
index 5b3662d2f..000000000
--- a/src/features/recovery/components/ExecuteRecoveryButton/index.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import useWallet from '@/hooks/wallets/useWallet'
-import { assertWalletChain } from '@/services/tx/tx-sender/sdk'
-import { Button, Tooltip } from '@mui/material'
-import { useContext } from 'react'
-import type { SyntheticEvent, ReactElement } from 'react'
-
-import CheckWallet from '@/components/common/CheckWallet'
-import { dispatchRecoveryExecution } from '@/features/recovery/services/recovery-sender'
-import useOnboard from '@/hooks/wallets/useOnboard'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { useRecoveryTxState } from '@/features/recovery/hooks/useRecoveryTxState'
-import { Errors, trackError } from '@/services/exceptions'
-import { asError } from '@/services/exceptions/utils'
-import { RecoveryListItemContext } from '../RecoveryListItem/RecoveryListItemContext'
-import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
-
-export function ExecuteRecoveryButton({
-  recovery,
-  compact = false,
-}: {
-  recovery: RecoveryQueueItem
-  compact?: boolean
-}): ReactElement {
-  const { setSubmitError } = useContext(RecoveryListItemContext)
-  const { isExecutable, isNext, isPending } = useRecoveryTxState(recovery)
-  const onboard = useOnboard()
-  const wallet = useWallet()
-  const { safe } = useSafeInfo()
-
-  const onClick = async (e: SyntheticEvent) => {
-    e.stopPropagation()
-    e.preventDefault()
-
-    if (!onboard || !wallet) {
-      return
-    }
-
-    try {
-      await assertWalletChain(onboard, safe.chainId)
-
-      await dispatchRecoveryExecution({
-        provider: wallet.provider,
-        chainId: safe.chainId,
-        args: recovery.args,
-        delayModifierAddress: recovery.address,
-        signerAddress: wallet.address,
-      })
-    } catch (_err) {
-      const err = asError(_err)
-
-      trackError(Errors._812, e)
-      setSubmitError(err)
-    }
-  }
-
-  return (
-    <CheckWallet allowNonOwner>
-      {(isOk) => {
-        const isDisabled = !isOk || !isExecutable || isPending
-
-        return (
-          <Tooltip
-            title={
-              isDisabled
-                ? isNext
-                  ? 'You can execute the recovery after the specified review window'
-                  : 'Previous recovery proposals must be executed or cancelled first'
-                : null
-            }
-          >
-            <span>
-              <Button
-                data-testid="execute-btn"
-                onClick={onClick}
-                variant="contained"
-                disabled={isDisabled}
-                sx={{ minWidth: '106.5px', py: compact ? 0.8 : undefined }}
-                size={compact ? 'small' : 'stretched'}
-              >
-                Execute
-              </Button>
-            </span>
-          </Tooltip>
-        )
-      }}
-    </CheckWallet>
-  )
-}
diff --git a/src/features/recovery/components/GroupedRecoveryListItems/index.tsx b/src/features/recovery/components/GroupedRecoveryListItems/index.tsx
deleted file mode 100644
index 7cccaad24..000000000
--- a/src/features/recovery/components/GroupedRecoveryListItems/index.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import Track from '@/components/common/Track'
-import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
-import { Box, Paper, Typography } from '@mui/material'
-import partition from 'lodash/partition'
-import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
-import type { Transaction } from '@safe-global/safe-gateway-typescript-sdk'
-import type { ReactElement } from 'react'
-
-import { isRecoveryQueueItem } from '@/utils/transaction-guards'
-import ExpandableTransactionItem from '@/components/transactions/TxListItem/ExpandableTransactionItem'
-import { RecoveryListItem } from '../RecoveryListItem'
-import ExternalLink from '@/components/common/ExternalLink'
-import { HelpCenterArticle, HelperCenterArticleTitles } from '@/config/constants'
-
-import css from '@/components/transactions/GroupedTxListItems/styles.module.css'
-import customCss from './styles.module.css'
-
-function Disclaimer({ isMalicious }: { isMalicious: boolean }): ReactElement {
-  return (
-    <Box
-      className={css.disclaimerContainer}
-      sx={{ bgcolor: ({ palette }) => `${palette.warning.background} !important` }}
-    >
-      <Typography>
-        <Typography component="span" fontWeight={700}>
-          Cancelling {isMalicious ? 'malicious transaction' : 'Account recovery'}.
-        </Typography>{' '}
-        You will need to execute the cancellation.{' '}
-        <Track {...RECOVERY_EVENTS.LEARN_MORE} label="tx-queue">
-          <ExternalLink href={HelpCenterArticle.RECOVERY} title={HelperCenterArticleTitles.RECOVERY}>
-            Learn more
-          </ExternalLink>
-        </Track>
-      </Typography>
-    </Box>
-  )
-}
-
-export function GroupedRecoveryListItems({ items }: { items: Array<Transaction | RecoveryQueueItem> }): ReactElement {
-  const [recoveries, cancellations] = partition(items, isRecoveryQueueItem)
-
-  // Should only be one recovery item but check array in case
-  const isMalicious = recoveries.some((recovery) => recovery.isMalicious)
-
-  return (
-    <Paper className={[css.container, customCss.recoveryGroupContainer].join(' ')}>
-      <Box gridArea="warning" className={css.disclaimerContainer}>
-        <Disclaimer isMalicious={isMalicious} />
-      </Box>
-
-      <Box gridArea="line" className={css.line} />
-
-      <Box gridArea="items" className={css.txItems}>
-        {cancellations.map((tx) => (
-          <div key={tx.transaction.id}>
-            <ExpandableTransactionItem item={tx} />
-          </div>
-        ))}
-
-        {recoveries.map((recovery) => (
-          <RecoveryListItem key={recovery.transactionHash} item={recovery} />
-        ))}
-      </Box>
-    </Paper>
-  )
-}
diff --git a/src/features/recovery/components/RecoveryCards/RecoveryInProgressCard.tsx b/src/features/recovery/components/RecoveryCards/RecoveryInProgressCard.tsx
deleted file mode 100644
index d4d81ebaf..000000000
--- a/src/features/recovery/components/RecoveryCards/RecoveryInProgressCard.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import Track from '@/components/common/Track'
-import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
-import { Button, Card, Divider, Grid, Typography } from '@mui/material'
-import { useRouter } from 'next/dist/client/router'
-import type { ReactElement } from 'react'
-
-import { useRecoveryTxState } from '@/features/recovery/hooks/useRecoveryTxState'
-import { Countdown } from '@/components/common/Countdown'
-import RecoveryPending from '@/public/images/common/recovery-pending.svg'
-import ExternalLink from '@/components/common/ExternalLink'
-import { AppRoutes } from '@/config/routes'
-import { HelpCenterArticle, HelperCenterArticleTitles } from '@/config/constants'
-import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
-
-import css from './styles.module.css'
-
-type Props =
-  | {
-      orientation?: 'vertical'
-      onClose: () => void
-      recovery: RecoveryQueueItem
-    }
-  | {
-      orientation: 'horizontal'
-      onClose?: never
-      recovery: RecoveryQueueItem
-    }
-
-export function RecoveryInProgressCard({ orientation = 'vertical', onClose, recovery }: Props): ReactElement {
-  const { isExecutable, isExpired, remainingSeconds } = useRecoveryTxState(recovery)
-  const router = useRouter()
-
-  const onClick = async () => {
-    await router.push({
-      pathname: AppRoutes.transactions.queue,
-      query: router.query,
-    })
-    onClose?.()
-  }
-
-  const icon = <RecoveryPending />
-  const title = isExecutable
-    ? 'Account can be recovered'
-    : isExpired
-    ? 'Account recovery expired'
-    : 'Account recovery in progress'
-  const desc = isExecutable
-    ? 'The review window has passed and it is now possible to execute the recovery proposal.'
-    : isExpired
-    ? 'The pending recovery proposal has expired and needs to be cancelled before a new one can be created.'
-    : 'The recovery process has started. This Account will be ready to recover in:'
-
-  const link = (
-    <Track {...RECOVERY_EVENTS.LEARN_MORE} label="in-progress-card">
-      <ExternalLink href={HelpCenterArticle.RECOVERY} title={HelperCenterArticleTitles.RECOVERY}>
-        Learn more
-      </ExternalLink>
-    </Track>
-  )
-
-  if (orientation === 'horizontal') {
-    return (
-      <Card sx={{ py: 3, px: 4 }}>
-        <Grid
-          container
-          display="flex"
-          alignItems={{ xs: 'flex-start', md: 'center' }}
-          gap={3}
-          flexDirection={{ xs: 'column', md: 'row' }}
-        >
-          <Grid item>{icon}</Grid>
-
-          <Grid item xs>
-            <Typography variant="h6" fontWeight={700} mb={1}>
-              {title}
-            </Typography>
-
-            <Typography color="primary.light" mb={1}>
-              {desc}
-            </Typography>
-
-            <Countdown seconds={remainingSeconds} />
-          </Grid>
-
-          <Grid item>{link}</Grid>
-        </Grid>
-      </Card>
-    )
-  }
-
-  return (
-    <Card elevation={0} className={css.card}>
-      <Grid container display="flex" flexDirection="column" gap={4}>
-        <Grid item xs={12} display="flex" justifyContent="space-between">
-          {icon}
-
-          {link}
-        </Grid>
-
-        <Grid item xs={12}>
-          <Typography variant="h6" fontWeight={700} mb={2}>
-            {title}
-          </Typography>
-
-          <Typography mb={2}>{desc}</Typography>
-
-          <Countdown seconds={remainingSeconds} />
-        </Grid>
-
-        <Divider flexItem sx={{ mx: -4 }} />
-
-        <Track {...RECOVERY_EVENTS.CHECK_RECOVERY_PROPOSAL}>
-          <Button data-testid="queue-btn" variant="contained" onClick={onClick} sx={{ alignSelf: 'flex-end' }}>
-            Go to queue
-          </Button>
-        </Track>
-      </Grid>
-    </Card>
-  )
-}
diff --git a/src/features/recovery/components/RecoveryCards/RecoveryProposalCard.tsx b/src/features/recovery/components/RecoveryCards/RecoveryProposalCard.tsx
deleted file mode 100644
index 72c08a5e4..000000000
--- a/src/features/recovery/components/RecoveryCards/RecoveryProposalCard.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-import Track from '@/components/common/Track'
-import { trackEvent } from '@/services/analytics'
-import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
-import { Button, Card, Divider, Grid, Typography } from '@mui/material'
-import { useContext } from 'react'
-import type { ReactElement } from 'react'
-
-import { useDarkMode } from '@/hooks/useDarkMode'
-import ExternalLink from '@/components/common/ExternalLink'
-import { RecoverAccountFlow } from '@/components/tx-flow/flows'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import madProps from '@/utils/mad-props'
-import { TxModalContext } from '@/components/tx-flow'
-import { HelpCenterArticle, HelperCenterArticleTitles } from '@/config/constants'
-import type { TxModalContextType } from '@/components/tx-flow'
-import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-
-import css from './styles.module.css'
-
-type Props =
-  | {
-      orientation?: 'vertical'
-      onClose: () => void
-      safe: SafeInfo
-      setTxFlow: TxModalContextType['setTxFlow']
-    }
-  | {
-      orientation: 'horizontal'
-      onClose?: never
-      safe: SafeInfo
-      setTxFlow: TxModalContextType['setTxFlow']
-    }
-
-export function _RecoveryProposalCard({ orientation = 'vertical', onClose, safe, setTxFlow }: Props): ReactElement {
-  const isDarkMode = useDarkMode()
-
-  const onRecover = async () => {
-    onClose?.()
-    setTxFlow(<RecoverAccountFlow />)
-    trackEvent({ ...RECOVERY_EVENTS.START_RECOVERY, label: orientation === 'vertical' ? 'pop-up' : 'dashboard' })
-  }
-
-  const icon = (
-    <img
-      src={`/images/common/propose-recovery-${isDarkMode ? 'dark' : 'light'}.svg`}
-      alt="An arrow surrounding a circle containing a vault"
-    />
-  )
-  const title = 'Recover this Account'
-  const desc = `The connected wallet was chosen as a trusted Recoverer. You can help the owner${
-    safe.owners.length > 1 ? 's' : ''
-  } regain access by resetting the Account setup.`
-
-  const link = (
-    <Track {...RECOVERY_EVENTS.LEARN_MORE} label="proposal-card">
-      <ExternalLink href={HelpCenterArticle.RECOVERY} title={HelperCenterArticleTitles.RECOVERY}>
-        Learn more
-      </ExternalLink>
-    </Track>
-  )
-
-  const recoveryButton = (
-    <Button data-testid="start-recovery-btn" variant="contained" onClick={onRecover} className={css.button}>
-      Start recovery
-    </Button>
-  )
-
-  if (orientation === 'horizontal') {
-    return (
-      <Card sx={{ py: 3, px: 4 }}>
-        <Grid
-          container
-          display="flex"
-          alignItems={{ xs: 'flex-start', md: 'center' }}
-          gap={3}
-          flexDirection={{ xs: 'column', md: 'row' }}
-        >
-          <Grid item>{icon}</Grid>
-
-          <Grid item xs>
-            <Typography variant="h6" fontWeight={700} mb={1}>
-              {title}
-            </Typography>
-
-            <Typography color="primary.light" mb={1}>
-              {desc}
-            </Typography>
-
-            <Typography>{link}</Typography>
-          </Grid>
-
-          {recoveryButton}
-        </Grid>
-      </Card>
-    )
-  }
-
-  return (
-    <Card elevation={0} className={css.card}>
-      <Grid container display="flex" flexDirection="column" gap={4}>
-        <Grid item xs={12} display="flex" justifyContent="space-between">
-          {icon}
-
-          {link}
-        </Grid>
-
-        <Grid item xs={12}>
-          <Typography variant="h6" fontWeight={700} mb={2}>
-            {title}
-          </Typography>
-
-          <Typography color="primary.light" mb={2}>
-            {desc}
-          </Typography>
-        </Grid>
-
-        <Divider flexItem sx={{ mx: -4 }} />
-
-        <Grid item container justifyContent="flex-end" gap={{ md: 1 }}>
-          <Button
-            data-testid="postpone-recovery-btn"
-            onClick={() => {
-              trackEvent(RECOVERY_EVENTS.DISMISS_PROPOSAL_CARD)
-              onClose?.()
-            }}
-          >
-            I&apos;ll do it later
-          </Button>
-          {recoveryButton}
-        </Grid>
-      </Grid>
-    </Card>
-  )
-}
-
-// Appease TypeScript
-const _useSafe = () => useSafeInfo().safe
-const _useSetTxFlow = () => useContext(TxModalContext).setTxFlow
-
-export const RecoveryProposalCard = madProps(_RecoveryProposalCard, {
-  safe: _useSafe,
-  setTxFlow: _useSetTxFlow,
-})
diff --git a/src/features/recovery/components/RecoveryContext/index.tsx b/src/features/recovery/components/RecoveryContext/index.tsx
deleted file mode 100644
index ecc2ee8ac..000000000
--- a/src/features/recovery/components/RecoveryContext/index.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import ExternalStore from '@/services/ExternalStore'
-import type { PendingRecoveryTransactions } from './useRecoveryPendingTxs'
-import type { AsyncResult } from '@/hooks/useAsync'
-import type { RecoveryState } from '@/features/recovery/services/recovery-state'
-
-export type RecoveryContextType = {
-  state: AsyncResult<RecoveryState>
-  pending: PendingRecoveryTransactions
-}
-
-const recoveryStore = new ExternalStore<RecoveryContextType>({
-  state: [undefined, undefined, false],
-  pending: {},
-})
-
-export default recoveryStore
diff --git a/src/features/recovery/components/RecoveryContext/useRecoveryDelayModifiers.ts b/src/features/recovery/components/RecoveryContext/useRecoveryDelayModifiers.ts
deleted file mode 100644
index 9174ab3fd..000000000
--- a/src/features/recovery/components/RecoveryContext/useRecoveryDelayModifiers.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import type { Delay } from '@gnosis.pm/zodiac'
-import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-
-import { getRecoveryDelayModifiers } from '@/features/recovery/services/delay-modifier'
-import useAsync from '@/hooks/useAsync'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
-import { getSpendingLimitModuleAddress } from '@/services/contracts/spendingLimitContracts'
-import type { AsyncResult } from '@/hooks/useAsync'
-import { useIsRecoverySupported } from '../../hooks/useIsRecoverySupported'
-
-function isOnlySpendingLimitEnabled(chainId: string, modules: SafeInfo['modules']) {
-  return modules?.length === 1 && modules[0].value === getSpendingLimitModuleAddress(chainId)
-}
-
-export function useRecoveryDelayModifiers(): AsyncResult<Delay[]> {
-  const supportsRecovery = useIsRecoverySupported()
-  const web3ReadOnly = useWeb3ReadOnly()
-  const { safe, safeAddress } = useSafeInfo()
-
-  return useAsync<Array<Delay>>(
-    () => {
-      // Don't fetch if only spending limit module is enabled
-      if (
-        supportsRecovery &&
-        web3ReadOnly &&
-        safe.modules &&
-        safe.modules.length > 0 &&
-        !isOnlySpendingLimitEnabled(safe.chainId, safe.modules)
-      ) {
-        return getRecoveryDelayModifiers(safe.chainId, safe.modules, web3ReadOnly)
-      }
-    },
-    // Only fetch delay modifiers again if the chain or enabled modules of current Safe changes
-    // Need to check length of modules array to prevent new request every time Safe info polls
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [safeAddress, safe.chainId, safe.modules?.length, web3ReadOnly, supportsRecovery],
-    false,
-  )
-}
diff --git a/src/features/recovery/components/RecoveryDetails/index.tsx b/src/features/recovery/components/RecoveryDetails/index.tsx
deleted file mode 100644
index 94d24176d..000000000
--- a/src/features/recovery/components/RecoveryDetails/index.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Link } from '@mui/material'
-import { useState } from 'react'
-import { Operation } from '@safe-global/safe-gateway-typescript-sdk'
-import type { ReactElement } from 'react'
-
-import { dateString } from '@/utils/formatters'
-import { generateDataRowValue, TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
-import { RecoverySigners } from '../RecoverySigners'
-import { RecoveryDescription } from '../RecoveryDescription'
-import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
-
-import txDetailsCss from '@/components/transactions/TxDetails/styles.module.css'
-import summaryCss from '@/components/transactions/TxDetails/Summary/styles.module.css'
-
-export function RecoveryDetails({ item }: { item: RecoveryQueueItem }): ReactElement {
-  const { transactionHash, timestamp, validFrom, expiresAt, args, address } = item
-
-  const [expanded, setExpanded] = useState(false)
-
-  const toggleExpanded = () => {
-    setExpanded((prev) => !prev)
-  }
-
-  return (
-    <div className={txDetailsCss.container}>
-      <div className={txDetailsCss.details}>
-        <div className={txDetailsCss.txData}>
-          <RecoveryDescription item={item} />
-        </div>
-
-        <div className={txDetailsCss.txSummary}>
-          <TxDataRow title="Transaction hash">{generateDataRowValue(transactionHash, 'hash', true)}</TxDataRow>
-          <TxDataRow title="Created:">{dateString(Number(timestamp))}</TxDataRow>
-          <TxDataRow title="Executable:">{dateString(Number(validFrom))}</TxDataRow>
-
-          {expiresAt !== null && <TxDataRow title="Expires:">{dateString(Number(expiresAt))}</TxDataRow>}
-
-          <Link className={summaryCss.buttonExpand} onClick={toggleExpanded} component="button" variant="body1">
-            Advanced details
-          </Link>
-
-          {expanded && (
-            <>
-              <TxDataRow title="Module:">{generateDataRowValue(address, 'address', true)}</TxDataRow>
-              <TxDataRow title="Value:">{args.value.toString()}</TxDataRow>
-              <TxDataRow title="Operation:">{`${Number(args.operation)} (${Operation[
-                Number(args.operation)
-              ].toLowerCase()})`}</TxDataRow>
-              <TxDataRow title="Raw data:">{generateDataRowValue(args.data, 'rawData')}</TxDataRow>
-            </>
-          )}
-        </div>
-      </div>
-
-      <div className={txDetailsCss.txSigners}>
-        <RecoverySigners item={item} />
-      </div>
-    </div>
-  )
-}
diff --git a/src/features/recovery/components/RecoveryHeader/index.test.tsx b/src/features/recovery/components/RecoveryHeader/index.test.tsx
deleted file mode 100644
index f90d98890..000000000
--- a/src/features/recovery/components/RecoveryHeader/index.test.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import { faker } from '@faker-js/faker'
-
-import { _RecoveryHeader, _useIsProposalInProgress } from '.'
-import { render, renderHook, waitFor } from '@/tests/test-utils'
-import store from '@/features/recovery/components/RecoveryContext'
-import { RecoveryEvent, recoveryDispatch, RecoveryTxType } from '@/features/recovery/services/recoveryEvents'
-import { useRecoveryQueue } from '@/features/recovery/hooks/useRecoveryQueue'
-
-jest.mock('@/features/recovery/hooks/useRecoveryQueue')
-
-const mockUseRecoveryQueue = useRecoveryQueue as jest.MockedFunction<typeof useRecoveryQueue>
-
-describe('RecoveryHeader', () => {
-  beforeEach(() => {
-    store.setStore({ state: [] } as any)
-  })
-
-  it('should render the in-progress widget if there is a queue for recoverers', () => {
-    const queue = [{ validFrom: BigInt(0) }] as any
-    store.setStore({ state: [[{ queue }]] } as any)
-
-    const { queryByText } = render(<_RecoveryHeader isProposalInProgress={false} isRecoverer queue={queue} />)
-
-    expect(queryByText('Account recovery in progress')).toBeTruthy()
-  })
-
-  it('should render the proposal widget when there is no queue for recoverers', () => {
-    const queue = [] as any
-    store.setStore({ state: [[{ queue }]] } as any)
-
-    const { queryByText } = render(<_RecoveryHeader isProposalInProgress={false} isRecoverer queue={queue} />)
-
-    expect(queryByText('Recover this Account')).toBeTruthy()
-  })
-
-  it('should not render the proposal widget when there is no queue for recoverers and proposal is in progress', () => {
-    const queue = [] as any
-    store.setStore({ state: [[{ queue }]] } as any)
-
-    const { container } = render(<_RecoveryHeader isProposalInProgress isRecoverer queue={queue} />)
-
-    expect(container).toBeEmptyDOMElement()
-  })
-})
-
-describe('useIsProposalInProgress', () => {
-  ;[RecoveryEvent.PROCESSING, RecoveryEvent.REVERTED, RecoveryEvent.PROCESSED, RecoveryEvent.FAILED].forEach(
-    (event) => {
-      it('should return true if there is a proposal in progress', async () => {
-        mockUseRecoveryQueue.mockReturnValue([] as any)
-
-        const { result } = renderHook(() => _useIsProposalInProgress())
-
-        expect(result.current).toBe(false)
-
-        recoveryDispatch(event, {
-          moduleAddress: faker.finance.ethereumAddress(),
-          txHash: faker.string.hexadecimal(),
-          recoveryTxHash: faker.string.hexadecimal(),
-          txType: RecoveryTxType.PROPOSAL,
-        })
-
-        await waitFor(() => {
-          expect(result.current).toBe(true)
-        })
-      })
-    },
-  )
-  ;[RecoveryEvent.REVERTED, RecoveryEvent.PROCESSED, RecoveryEvent.FAILED].forEach((event) => {
-    it('should return false if there is not a proposal in progress and it is not in the queue', async () => {
-      const payload = {
-        moduleAddress: faker.finance.ethereumAddress(),
-        txHash: faker.string.hexadecimal(),
-        recoveryTxHash: faker.string.hexadecimal(),
-        txType: RecoveryTxType.PROPOSAL,
-      }
-
-      mockUseRecoveryQueue.mockReturnValue([{ args: { txHash: payload.recoveryTxHash } }] as any)
-
-      const { result } = renderHook(() => _useIsProposalInProgress())
-
-      expect(result.current).toBe(false)
-
-      // Trigger pending
-      recoveryDispatch(RecoveryEvent.PROCESSING, payload)
-
-      await waitFor(() => {
-        expect(result.current).toBe(true)
-      })
-
-      recoveryDispatch(event, payload)
-
-      await waitFor(() => {
-        expect(result.current).toBe(false)
-      })
-    })
-  })
-})
diff --git a/src/features/recovery/components/RecoveryHeader/index.tsx b/src/features/recovery/components/RecoveryHeader/index.tsx
deleted file mode 100644
index 005b84b74..000000000
--- a/src/features/recovery/components/RecoveryHeader/index.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Grid } from '@mui/material'
-import { useEffect, useState } from 'react'
-import type { ReactElement } from 'react'
-
-import { useRecoveryQueue } from '@/features/recovery/hooks/useRecoveryQueue'
-import { useIsRecoverer } from '@/features/recovery/hooks/useIsRecoverer'
-import madProps from '@/utils/mad-props'
-import { RecoveryProposalCard } from '@/features/recovery/components/RecoveryCards/RecoveryProposalCard'
-import { RecoveryInProgressCard } from '@/features/recovery/components/RecoveryCards/RecoveryInProgressCard'
-import { WidgetContainer, WidgetBody } from '@/components/dashboard/styled'
-import { RecoveryEvent, RecoveryTxType, recoverySubscribe } from '@/features/recovery/services/recoveryEvents'
-import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
-
-export function _RecoveryHeader({
-  isProposalInProgress,
-  isRecoverer,
-  queue,
-}: {
-  isProposalInProgress: boolean
-  isRecoverer: boolean
-  queue: Array<RecoveryQueueItem>
-}): ReactElement | null {
-  const next = queue[0]
-
-  const modal = next ? (
-    <RecoveryInProgressCard orientation="horizontal" recovery={next} />
-  ) : isRecoverer && !isProposalInProgress ? (
-    <RecoveryProposalCard orientation="horizontal" />
-  ) : null
-
-  if (modal) {
-    return (
-      <Grid item xs={12}>
-        <WidgetContainer>
-          <WidgetBody>{modal}</WidgetBody>
-        </WidgetContainer>
-      </Grid>
-    )
-  }
-  return null
-}
-
-export function _useIsProposalInProgress(): boolean {
-  const [isProposalSubmitting, setIsProposalSubmitting] = useState(false)
-  const queue = useRecoveryQueue()
-
-  useEffect(() => {
-    const unsubFns = Object.values(RecoveryEvent).map((event) =>
-      recoverySubscribe(event, (detail) => {
-        const isProposal = 'txType' in detail && detail.txType === RecoveryTxType.PROPOSAL
-        const isProcessing = event === RecoveryEvent.PROCESSING
-        const isLoaded = queue.some((item) => item.args.txHash === detail?.recoveryTxHash)
-
-        setIsProposalSubmitting(isProposal && (isProcessing || !isLoaded))
-      }),
-    )
-
-    return () => {
-      unsubFns.forEach((unsub) => unsub())
-    }
-  }, [queue])
-
-  return isProposalSubmitting
-}
-
-const RecoveryHeader = madProps(_RecoveryHeader, {
-  isProposalInProgress: _useIsProposalInProgress,
-  isRecoverer: useIsRecoverer,
-  queue: useRecoveryQueue,
-})
-
-export default RecoveryHeader
diff --git a/src/features/recovery/components/RecoveryModal/index.test.tsx b/src/features/recovery/components/RecoveryModal/index.test.tsx
deleted file mode 100644
index d0a2b5961..000000000
--- a/src/features/recovery/components/RecoveryModal/index.test.tsx
+++ /dev/null
@@ -1,320 +0,0 @@
-import { faker } from '@faker-js/faker'
-import { renderHook } from '@testing-library/react'
-import * as router from 'next/router'
-
-import { render, waitFor } from '@/tests/test-utils'
-import { safeInfoBuilder } from '@/tests/builders/safe'
-import { connectedWalletBuilder } from '@/tests/builders/wallet'
-import * as safeInfo from '@/hooks/useSafeInfo'
-import { _useDidDismissProposal } from './index'
-import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
-import store from '@/features/recovery/components/RecoveryContext'
-
-describe('RecoveryModal', () => {
-  beforeEach(() => {
-    store.setStore({
-      state: [],
-    } as any)
-  })
-
-  describe('component', () => {
-    // eslint-disable-next-line @typescript-eslint/consistent-type-imports
-    let _RecoveryModal: typeof import('./index')._RecoveryModal
-
-    beforeEach(() => {
-      localStorage.clear()
-
-      // Clear cache in between tests
-      _RecoveryModal = require('./index')._RecoveryModal
-    })
-
-    it('should not render either modal if there is no queue and the user is an owner', () => {
-      const wallet = connectedWalletBuilder().build()
-      const queue = [] as Array<RecoveryQueueItem>
-
-      store.setStore({
-        state: [[{ queue }]],
-      } as any)
-
-      const { container, queryByText } = render(
-        <_RecoveryModal wallet={wallet} isOwner isRecoverer={false} queue={queue} />,
-      )
-
-      expect(container.innerHTML).toBe(
-        '<div aria-hidden="true" class="MuiBackdrop-root css-1ejpag9-MuiBackdrop-root" style="opacity: 0; visibility: hidden;"></div>',
-      )
-      expect(queryByText('recovery')).toBeFalsy()
-    })
-
-    it('should close the modal when the user navigates away', async () => {
-      const mockUseRouter = {
-        push: jest.fn(),
-        query: {},
-        events: {
-          on: jest.fn(),
-          off: jest.fn(),
-        },
-      }
-
-      jest.spyOn(router, 'useRouter').mockReturnValue(mockUseRouter as any)
-
-      const wallet = connectedWalletBuilder().build()
-      const queue = [
-        { validFrom: BigInt(0), transactionHash: faker.string.hexadecimal() } as unknown as RecoveryQueueItem,
-      ]
-
-      store.setStore({
-        state: [[{ queue }]],
-      } as any)
-
-      const { container, queryByText } = render(
-        <_RecoveryModal wallet={wallet} isOwner isRecoverer={false} queue={queue} />,
-      )
-
-      expect(container).not.toBeEmptyDOMElement()
-      expect(queryByText('Account recovery in progress')).toBeTruthy()
-
-      // Trigger the route change
-      mockUseRouter.events.on.mock.calls[0][1]()
-
-      await waitFor(() => {
-        expect(queryByText('Account recovery in progress')).toBeFalsy()
-      })
-    })
-
-    describe('in-progress', () => {
-      it('should render the in-progress modal when there is a queue for recoverers', () => {
-        const wallet = connectedWalletBuilder().build()
-        const queue = [{ validFrom: BigInt(0) } as RecoveryQueueItem]
-
-        store.setStore({
-          state: [[{ queue }]],
-        } as any)
-
-        const { container, queryByText } = render(
-          <_RecoveryModal wallet={wallet} isOwner={false} isRecoverer queue={queue} />,
-        )
-
-        expect(container).not.toBeEmptyDOMElement()
-        expect(queryByText('Account recovery in progress')).toBeTruthy()
-      })
-
-      it('should render the in-progress modal when there is a queue for owners', () => {
-        const wallet = connectedWalletBuilder().build()
-        const queue = [{ validFrom: BigInt(0) } as RecoveryQueueItem]
-
-        store.setStore({
-          state: [[{ queue }]],
-        } as any)
-
-        const { container, queryByText } = render(
-          <_RecoveryModal wallet={wallet} isOwner isRecoverer={false} queue={queue} />,
-        )
-
-        expect(container).not.toBeEmptyDOMElement()
-        expect(queryByText('Account recovery in progress')).toBeTruthy()
-      })
-
-      it('should not render the in-progress modal when there is a queue but the user is not an owner or recoverer', () => {
-        const wallet = connectedWalletBuilder().build()
-        const queue = [{ validFrom: BigInt(0) } as RecoveryQueueItem]
-
-        store.setStore({
-          state: [[{ queue }]],
-        } as any)
-
-        const { container, queryByText } = render(
-          <_RecoveryModal wallet={wallet} isOwner={false} isRecoverer={false} queue={queue} />,
-        )
-
-        expect(container).not.toBeEmptyDOMElement()
-        expect(queryByText('recovery')).toBeFalsy()
-      })
-
-      it('should not render the in-progress modal when there is a queue for recoverers on a non-sidebar route', () => {
-        const wallet = connectedWalletBuilder().build()
-        const queue = [{ validFrom: BigInt(0) } as RecoveryQueueItem]
-
-        store.setStore({
-          state: [[{ queue }]],
-        } as any)
-
-        const { container, queryByText } = render(
-          <_RecoveryModal wallet={wallet} isOwner={false} isRecoverer queue={queue} isSidebarRoute={false} />,
-        )
-
-        expect(container).not.toBeEmptyDOMElement()
-        expect(queryByText('recovery')).toBeFalsy()
-      })
-    })
-
-    describe('proposal', () => {
-      it('should render the proposal modal if there is no queue and the user is a recoverer', () => {
-        const wallet = connectedWalletBuilder().build()
-        const queue = [] as Array<RecoveryQueueItem>
-
-        store.setStore({
-          state: [[{ queue }]],
-        } as any)
-
-        const { container, queryByText } = render(
-          <_RecoveryModal wallet={wallet} isOwner={false} isRecoverer queue={queue} />,
-        )
-
-        expect(container).not.toBeEmptyDOMElement()
-        expect(queryByText('recovery')).toBeFalsy()
-      })
-
-      it('should not render the proposal modal when there is no queue for owners', () => {
-        const wallet = connectedWalletBuilder().build()
-        const queue = [] as Array<RecoveryQueueItem>
-
-        store.setStore({
-          state: [[{ queue }]],
-        } as any)
-
-        const { container, queryByText } = render(
-          <_RecoveryModal wallet={wallet} isOwner isRecoverer={false} queue={queue} />,
-        )
-
-        expect(container.innerHTML).toBe(
-          '<div aria-hidden="true" class="MuiBackdrop-root css-1ejpag9-MuiBackdrop-root" style="opacity: 0; visibility: hidden;"></div>',
-        )
-        expect(queryByText('Recover this Account')).toBeFalsy()
-      })
-
-      it('should not render the proposal modal when there is no queue for recoverers on a non-sidebar route', () => {
-        const wallet = connectedWalletBuilder().build()
-        const queue = [] as Array<RecoveryQueueItem>
-
-        store.setStore({
-          state: [[{ queue }]],
-        } as any)
-
-        const { container, queryByText } = render(
-          <_RecoveryModal wallet={wallet} isOwner={false} isRecoverer queue={queue} isSidebarRoute={false} />,
-        )
-
-        expect(container.innerHTML).toBe(
-          '<div aria-hidden="true" class="MuiBackdrop-root css-1ejpag9-MuiBackdrop-root" style="opacity: 0; visibility: hidden;"></div>',
-        )
-        expect(queryByText('recovery')).toBeFalsy()
-      })
-
-      it('should not render the proposal modal when there is no queue for non-owners', () => {
-        const wallet = connectedWalletBuilder().build()
-        const queue = [] as Array<RecoveryQueueItem>
-
-        store.setStore({
-          state: [[{ queue }]],
-        } as any)
-
-        const { container, queryByText } = render(
-          <_RecoveryModal wallet={wallet} isOwner={false} isRecoverer={false} queue={queue} />,
-        )
-
-        expect(container.innerHTML).toBe(
-          '<div aria-hidden="true" class="MuiBackdrop-root css-1ejpag9-MuiBackdrop-root" style="opacity: 0; visibility: hidden;"></div>',
-        )
-        expect(queryByText('Recover this Account')).toBeFalsy()
-      })
-    })
-  })
-
-  describe('hooks', () => {
-    beforeEach(() => {
-      localStorage.clear()
-
-      const safe = safeInfoBuilder().build()
-      jest
-        .spyOn(safeInfo, 'default')
-        .mockReturnValue({ safe, safeAddress: safe.address.value } as ReturnType<typeof safeInfo.default>)
-    })
-
-    describe('useDidDismissProposal', () => {
-      it('should return false if the proposal was not dismissed before', () => {
-        const recovererAddress = faker.finance.ethereumAddress()
-
-        const { result } = renderHook(() => _useDidDismissProposal())
-
-        expect(result.current.wasProposalDismissed(recovererAddress)).toBeFalsy()
-      })
-
-      it('should return true if the proposal was dismissed before', () => {
-        const recovererAddress = faker.finance.ethereumAddress()
-
-        const { result, rerender } = renderHook(() => _useDidDismissProposal())
-
-        expect(result.current.wasProposalDismissed(recovererAddress)).toBeFalsy()
-        result.current.dismissProposal(recovererAddress)
-
-        rerender()
-
-        expect(result.current.wasProposalDismissed(recovererAddress)).toBeTruthy()
-      })
-
-      it('should persist dismissals between sessions', () => {
-        const recovererAddress = faker.finance.ethereumAddress()
-
-        const firstRender = renderHook(() => _useDidDismissProposal())
-
-        expect(firstRender.result.current.wasProposalDismissed(recovererAddress)).toBeFalsy()
-        firstRender.result.current.dismissProposal(recovererAddress)
-
-        firstRender.rerender()
-
-        expect(firstRender.result.current.wasProposalDismissed(recovererAddress)).toBeTruthy()
-
-        firstRender.unmount()
-
-        const secondRender = renderHook(() => _useDidDismissProposal())
-        expect(secondRender.result.current.wasProposalDismissed(recovererAddress)).toBeTruthy()
-      })
-    })
-
-    describe('useDidDismissInProgress', () => {
-      // eslint-disable-next-line @typescript-eslint/consistent-type-imports
-      let _useDidDismissInProgress: typeof import('./index')._useDidDismissInProgress
-
-      beforeEach(() => {
-        localStorage.clear()
-
-        // Clear cache in between tests
-        _useDidDismissInProgress = require('./index')._useDidDismissInProgress
-      })
-
-      it('should return false if in-progress was not dismissed before', () => {
-        const recovererAddress = faker.finance.ethereumAddress()
-
-        const { result } = renderHook(() => _useDidDismissInProgress())
-
-        expect(result.current.wasInProgressDismissed(recovererAddress)).toBeFalsy()
-      })
-
-      it('should return true if in-progress was not dismissed before', () => {
-        const recovererAddress = faker.finance.ethereumAddress()
-
-        const { result } = renderHook(() => _useDidDismissInProgress())
-
-        expect(result.current.wasInProgressDismissed(recovererAddress)).toBeFalsy()
-        result.current.dismissInProgress(recovererAddress)
-        expect(result.current.wasInProgressDismissed(recovererAddress)).toBeTruthy()
-      })
-
-      it('should not persist dismissals between sessions', () => {
-        const recovererAddress = faker.finance.ethereumAddress()
-
-        const firstRender = renderHook(() => _useDidDismissInProgress())
-
-        expect(firstRender.result.current.wasInProgressDismissed(recovererAddress)).toBeFalsy()
-        firstRender.result.current.dismissInProgress(recovererAddress)
-        expect(firstRender.result.current.wasInProgressDismissed(recovererAddress)).toBeTruthy()
-
-        firstRender.unmount()
-
-        const secondRender = renderHook(() => _useDidDismissInProgress())
-        expect(secondRender.result.current.wasInProgressDismissed(recovererAddress)).toBeFalsy()
-      })
-    })
-  })
-})
diff --git a/src/features/recovery/components/RecoveryModal/index.tsx b/src/features/recovery/components/RecoveryModal/index.tsx
deleted file mode 100644
index 85429e69e..000000000
--- a/src/features/recovery/components/RecoveryModal/index.tsx
+++ /dev/null
@@ -1,188 +0,0 @@
-import { Backdrop, Fade } from '@mui/material'
-import { useCallback, useEffect, useRef, useState } from 'react'
-import { useRouter } from 'next/router'
-import type { ReactElement } from 'react'
-
-import { useRecoveryQueue } from '@/features/recovery/hooks/useRecoveryQueue'
-import { RecoveryInProgressCard } from '../RecoveryCards/RecoveryInProgressCard'
-import { RecoveryProposalCard } from '../RecoveryCards/RecoveryProposalCard'
-import useIsSafeOwner from '@/hooks/useIsSafeOwner'
-import { useIsRecoverer } from '@/features/recovery/hooks/useIsRecoverer'
-import madProps from '@/utils/mad-props'
-import useLocalStorage from '@/services/local-storage/useLocalStorage'
-import useWallet from '@/hooks/wallets/useWallet'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { sameAddress } from '@/utils/addresses'
-import { useIsSidebarRoute } from '@/hooks/useIsSidebarRoute'
-import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
-
-export function _RecoveryModal({
-  isOwner,
-  isRecoverer,
-  queue,
-  wallet,
-  isSidebarRoute = true,
-}: {
-  isOwner: boolean
-  isRecoverer: boolean
-  queue: Array<RecoveryQueueItem>
-  wallet: ReturnType<typeof useWallet>
-  isSidebarRoute?: boolean
-}): ReactElement {
-  const { wasProposalDismissed, dismissProposal } = _useDidDismissProposal()
-  const { wasInProgressDismissed, dismissInProgress } = _useDidDismissInProgress()
-
-  const [modal, setModal] = useState<ReactElement | null>(null)
-  const router = useRouter()
-
-  const next = queue[0]
-
-  // Close modal
-  const onClose = () => {
-    setModal(null)
-  }
-
-  // Trigger modal
-  useEffect(() => {
-    if (!isSidebarRoute) {
-      return
-    }
-
-    setModal(() => {
-      if (next && (isOwner || isRecoverer) && !wasInProgressDismissed(next.transactionHash)) {
-        const onCloseWithDismiss = () => {
-          dismissInProgress(next.transactionHash)
-          onClose()
-        }
-
-        return <RecoveryInProgressCard onClose={onCloseWithDismiss} recovery={next} />
-      }
-
-      if (wallet?.address && isRecoverer && !wasProposalDismissed(wallet.address)) {
-        const onCloseWithDismiss = () => {
-          dismissProposal(wallet.address)
-          onClose()
-        }
-
-        return <RecoveryProposalCard onClose={onCloseWithDismiss} />
-      }
-
-      return null
-    })
-  }, [
-    dismissInProgress,
-    dismissProposal,
-    isRecoverer,
-    isOwner,
-    next,
-    queue.length,
-    router.pathname,
-    wallet,
-    wasInProgressDismissed,
-    wasProposalDismissed,
-    isSidebarRoute,
-  ])
-
-  // Close modal on navigation
-  useEffect(() => {
-    router.events.on('routeChangeComplete', onClose)
-    return () => {
-      router.events.off('routeChangeComplete', onClose)
-    }
-  }, [router])
-
-  return (
-    <Fade in={!!modal}>
-      <Backdrop open={!!modal} sx={{ zIndex: 3, bgcolor: ({ palette }) => palette.background.main }}>
-        {modal}
-      </Backdrop>
-    </Fade>
-  )
-}
-
-const useSidebar = () => {
-  const [isSidebarRoute] = useIsSidebarRoute()
-  return isSidebarRoute
-}
-
-export const RecoveryModal = madProps(_RecoveryModal, {
-  isOwner: useIsSafeOwner,
-  isRecoverer: useIsRecoverer,
-  queue: useRecoveryQueue,
-  wallet: useWallet,
-  isSidebarRoute: useSidebar,
-})
-
-export function _useDidDismissProposal() {
-  const LS_KEY = 'dismissedRecoveryProposals'
-
-  type Recoverer = string
-  type DismissedProposalCache = { [chainId: string]: { [safeAddress: string]: Recoverer } }
-
-  const { safe, safeAddress } = useSafeInfo()
-  const chainId = safe.chainId
-
-  const [dismissedProposals, setDismissedProposals] = useLocalStorage<DismissedProposalCache>(LS_KEY)
-
-  // Cache dismissal of proposal modal
-  const dismissProposal = useCallback(
-    (recovererAddress: string) => {
-      const dismissed = dismissedProposals?.[chainId] ?? {}
-
-      setDismissedProposals({
-        ...(dismissedProposals ?? {}),
-        [chainId]: {
-          ...dismissed,
-          [safeAddress]: recovererAddress,
-        },
-      })
-    },
-    [dismissedProposals, chainId, safeAddress, setDismissedProposals],
-  )
-
-  const wasProposalDismissed = useCallback(
-    (recovererAddress: string) => {
-      // If no proposals, is recoverer and didn't ever dismiss
-      return sameAddress(dismissedProposals?.[chainId]?.[safeAddress], recovererAddress)
-    },
-    [chainId, dismissedProposals, safeAddress],
-  )
-
-  return { wasProposalDismissed, dismissProposal }
-}
-
-export function _useDidDismissInProgress() {
-  type TxHash = string
-  type DismissedInProgressCache = { [chainId: string]: { [safeAddress: string]: TxHash } }
-
-  const { safe, safeAddress } = useSafeInfo()
-  const chainId = safe.chainId
-
-  const dismissedInProgress = useRef<DismissedInProgressCache>({})
-
-  // Cache dismissal of in-progress modal
-  const dismissInProgress = useCallback(
-    (txHash: string) => {
-      const dismissed = dismissedInProgress.current?.[chainId] ?? {}
-
-      dismissedInProgress.current = {
-        ...dismissedInProgress.current,
-        [chainId]: {
-          ...dismissed,
-          [safeAddress]: txHash,
-        },
-      }
-    },
-    [chainId, safeAddress],
-  )
-
-  const wasInProgressDismissed = useCallback(
-    (txHash: string) => {
-      // If proposal and did not notify during current session of Safe
-      return sameAddress(txHash, dismissedInProgress.current?.[chainId]?.[safeAddress])
-    },
-    [chainId, safeAddress],
-  )
-
-  return { wasInProgressDismissed, dismissInProgress }
-}
diff --git a/src/features/recovery/components/RecoverySettings/ChooseRecoveryMethodModal.tsx b/src/features/recovery/components/RecoverySettings/ChooseRecoveryMethodModal.tsx
deleted file mode 100644
index a8d6d03a5..000000000
--- a/src/features/recovery/components/RecoverySettings/ChooseRecoveryMethodModal.tsx
+++ /dev/null
@@ -1,216 +0,0 @@
-import Track from '@/components/common/Track'
-import { RECOVERY_FEEDBACK_FORM, HelpCenterArticle } from '@/config/constants'
-import { trackEvent } from '@/services/analytics'
-import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
-import { type ChangeEvent, type ReactElement, useContext } from 'react'
-import { Controller, useForm } from 'react-hook-form'
-import Link from 'next/link'
-import {
-  Box,
-  Button,
-  Dialog,
-  DialogContent,
-  DialogContentText,
-  FormControl,
-  FormControlLabel,
-  IconButton,
-  List,
-  ListItem,
-  Radio,
-  RadioGroup,
-  Typography,
-} from '@mui/material'
-import CloseIcon from '@mui/icons-material/Close'
-
-import { UpsertRecoveryFlow } from '@/components/tx-flow/flows'
-import ExternalLink from '@/components/common/ExternalLink'
-import RecoveryCustomIcon from '@/public/images/common/recovery_custom.svg'
-import RecoverySygnumIcon from '@/public/images/common/recovery_sygnum.svg'
-import RecoveryCoincoverIcon from '@/public/images/common/recovery_coincover.svg'
-import { TxModalContext } from '@/components/tx-flow'
-import css from './styles.module.css'
-import CheckIcon from '@/public/images/common/check.svg'
-
-const SYGNUM_WAITLIST_LINK = 'https://wn2n6ocviur.typeform.com/to/cJbJW0KR'
-const COINCOVER_WAITLIST_LINK = 'https://wn2n6ocviur.typeform.com/to/ijqSzOkr'
-
-enum RecoveryMethod {
-  SelfCustody = 'SelfCustody',
-  Sygnum = 'Sygnum',
-  Coincover = 'Coincover',
-}
-
-enum FieldNames {
-  recoveryMethod = 'recoveryMethod',
-}
-
-type Fields = {
-  [FieldNames.recoveryMethod]: RecoveryMethod
-}
-
-export function ChooseRecoveryMethodModal({ open, onClose }: { open: boolean; onClose: () => void }): ReactElement {
-  const { setTxFlow } = useContext(TxModalContext)
-
-  const methods = useForm<Fields>({
-    defaultValues: {
-      recoveryMethod: RecoveryMethod.SelfCustody,
-    },
-    mode: 'onChange',
-  })
-  const { watch, control } = methods
-
-  const currentType = watch(FieldNames.recoveryMethod)
-
-  const trackOptionChoice = (e: ChangeEvent<HTMLInputElement>) => {
-    trackEvent({ ...RECOVERY_EVENTS.SELECT_RECOVERY_METHOD, label: e.target.value })
-  }
-
-  return (
-    <Dialog open={open} onClose={onClose} className={css.dialog}>
-      <DialogContent dividers sx={{ py: 2, px: 3 }}>
-        <Typography variant="h2" mb={1}>
-          Set up Account Recovery
-        </Typography>
-        <IconButton onClick={onClose} className={css.closeIcon}>
-          <CloseIcon />
-        </IconButton>
-        <DialogContentText color="text.primary" mb={4}>
-          Ensure that you never lose access to your funds by selecting one of the options below. Want to know how
-          recovery works? Learn more in our{' '}
-          <Track {...RECOVERY_EVENTS.LEARN_MORE} label="method-modal">
-            <ExternalLink href={HelpCenterArticle.RECOVERY}>Help Center</ExternalLink>
-          </Track>
-        </DialogContentText>
-        <FormControl>
-          <Controller
-            control={control}
-            name={FieldNames.recoveryMethod}
-            render={({ field }) => (
-              <RadioGroup
-                {...field}
-                className={css.buttonGroup}
-                onChange={(e) => {
-                  field.onChange(e)
-                  trackOptionChoice(e)
-                }}
-              >
-                <FormControlLabel
-                  value={RecoveryMethod.SelfCustody}
-                  control={<Radio />}
-                  label={
-                    <div className={css.method}>
-                      <RecoveryCustomIcon style={{ display: 'block' }} />
-                      <Typography fontWeight="bold" mb={1} mt={2}>
-                        Self Custodial Recovery
-                      </Typography>
-                      <List className={css.checkList}>
-                        <ListItem>
-                          <CheckIcon />
-                          Fully own your recovery setup
-                        </ListItem>
-                        <ListItem>
-                          <CheckIcon />
-                          Nominate anyone including friends, family or yourself
-                        </ListItem>
-                        <ListItem>
-                          <CheckIcon />
-                          No additional cost and ensured privacy
-                        </ListItem>
-                      </List>
-                    </div>
-                  }
-                />
-
-                <FormControlLabel
-                  value={RecoveryMethod.Sygnum}
-                  control={<Radio />}
-                  label={
-                    <div className={css.method}>
-                      <RecoverySygnumIcon style={{ display: 'block' }} />
-                      <Typography fontWeight="bold" mb={1} mt={2}>
-                        Sygnum
-                      </Typography>
-                      <List className={css.checkList}>
-                        <ListItem>
-                          <CheckIcon />
-                          Regulated Swiss digital asset bank
-                        </ListItem>
-                        <ListItem>
-                          <CheckIcon />
-                          Ensure you (and only you) can recover
-                        </ListItem>
-                        <ListItem>
-                          <CheckIcon />
-                          Simple and efficient
-                        </ListItem>
-                      </List>
-                    </div>
-                  }
-                />
-
-                <FormControlLabel
-                  value={RecoveryMethod.Coincover}
-                  control={<Radio />}
-                  label={
-                    <div className={css.method}>
-                      <RecoveryCoincoverIcon style={{ display: 'block' }} />
-                      <Typography fontWeight="bold" mb={1} mt={2}>
-                        Coincover
-                      </Typography>
-                      <List className={css.checkList}>
-                        <ListItem>
-                          <CheckIcon />
-                          World&apos;s #1 Recovery Solution
-                        </ListItem>
-                        <ListItem>
-                          <CheckIcon />
-                          Protected by Biometrics
-                        </ListItem>
-                        <ListItem>
-                          <CheckIcon />
-                          Lloyd’s of London Backed Tech
-                        </ListItem>
-                      </List>
-                    </div>
-                  }
-                />
-              </RadioGroup>
-            )}
-          />
-        </FormControl>
-        <Typography color="primary.light" mt="12px">
-          Unhappy with the provided options?{' '}
-          <Track {...RECOVERY_EVENTS.GIVE_US_FEEDBACK} label="method-modal">
-            <ExternalLink href={RECOVERY_FEEDBACK_FORM}>Give us feedback</ExternalLink>
-          </Track>
-        </Typography>
-        <Box display="flex" justifyContent="center" mt={3}>
-          {currentType === RecoveryMethod.SelfCustody ? (
-            <Track {...RECOVERY_EVENTS.CONTINUE_WITH_RECOVERY} label={currentType}>
-              <Button
-                data-testid="setup-btn"
-                variant="contained"
-                onClick={() => {
-                  setTxFlow(<UpsertRecoveryFlow />)
-                  onClose()
-                }}
-              >
-                Set up
-              </Button>
-            </Track>
-          ) : (
-            <Track {...RECOVERY_EVENTS.CONTINUE_TO_WAITLIST} label={currentType}>
-              <Link
-                href={currentType === RecoveryMethod.Sygnum ? SYGNUM_WAITLIST_LINK : COINCOVER_WAITLIST_LINK}
-                target="_blank"
-                passHref
-              >
-                <Button variant="contained">Join waitlist</Button>
-              </Link>
-            </Track>
-          )}
-        </Box>
-      </DialogContent>
-    </Dialog>
-  )
-}
diff --git a/src/features/recovery/components/RecoverySettings/index.tsx b/src/features/recovery/components/RecoverySettings/index.tsx
deleted file mode 100644
index 0aa340dde..000000000
--- a/src/features/recovery/components/RecoverySettings/index.tsx
+++ /dev/null
@@ -1,172 +0,0 @@
-import Track from '@/components/common/Track'
-import { ChooseRecoveryMethodModal } from './ChooseRecoveryMethodModal'
-import { RECOVERY_EVENTS } from '@/services/analytics/events/recovery'
-import { Box, Button, Grid, Paper, SvgIcon, Tooltip, Typography } from '@mui/material'
-import { type ReactElement, useMemo, useState } from 'react'
-
-import ExternalLink from '@/components/common/ExternalLink'
-import { DelayModifierRow } from './DelayModifierRow'
-import useRecovery from '@/features/recovery/hooks/useRecovery'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import EnhancedTable from '@/components/common/EnhancedTable'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import CheckWallet from '@/components/common/CheckWallet'
-import { getPeriod } from '@/utils/date'
-import { HelpCenterArticle, HelperCenterArticleTitles } from '@/config/constants'
-import { TOOLTIP_TITLES } from '@/components/tx-flow/common/constants'
-
-import tableCss from '@/components/common/EnhancedTable/styles.module.css'
-
-enum HeadCells {
-  Recoverer = 'recoverer',
-  Delay = 'delay',
-  Expiry = 'expiry',
-  Actions = 'actions',
-}
-
-const headCells = [
-  { id: HeadCells.Recoverer, label: 'Recoverer' },
-  {
-    id: HeadCells.Delay,
-    label: (
-      <>
-        Review window{' '}
-        <Tooltip title={TOOLTIP_TITLES.REVIEW_WINDOW}>
-          <span>
-            <SvgIcon
-              component={InfoIcon}
-              inheritViewBox
-              color="border"
-              fontSize="small"
-              sx={{ verticalAlign: 'middle', ml: 0.5 }}
-            />
-          </span>
-        </Tooltip>
-      </>
-    ),
-  },
-  {
-    id: HeadCells.Expiry,
-    label: (
-      <>
-        Proposal expiry{' '}
-        <Tooltip title={TOOLTIP_TITLES.PROPOSAL_EXPIRY}>
-          <span>
-            <SvgIcon
-              component={InfoIcon}
-              inheritViewBox
-              color="border"
-              fontSize="small"
-              sx={{ verticalAlign: 'middle', ml: 0.5 }}
-            />
-          </span>
-        </Tooltip>
-      </>
-    ),
-  },
-  { id: HeadCells.Actions, label: '', sticky: true },
-]
-
-function RecoverySettings(): ReactElement {
-  const [recovery] = useRecovery()
-
-  const isRecoveryEnabled = recovery && recovery.length > 0
-
-  const rows = useMemo(() => {
-    return recovery?.flatMap((delayModifier) => {
-      const { recoverers, delay, expiry } = delayModifier
-
-      return recoverers.map((recoverer) => {
-        const delaySeconds = Number(delay)
-        const expirySeconds = Number(expiry)
-
-        return {
-          cells: {
-            [HeadCells.Recoverer]: {
-              rawValue: recoverer,
-              content: <EthHashInfo address={recoverer} showCopyButton hasExplorer />,
-            },
-            [HeadCells.Delay]: {
-              rawValue: delaySeconds,
-              content: <Typography>{delaySeconds === 0 ? 'none' : getPeriod(delaySeconds)}</Typography>,
-            },
-            [HeadCells.Expiry]: {
-              rawValue: expirySeconds,
-              content: <Typography>{expirySeconds === 0 ? 'never' : getPeriod(expirySeconds)}</Typography>,
-            },
-            [HeadCells.Actions]: {
-              rawValue: '',
-              sticky: true,
-              content: (
-                <div className={tableCss.actions}>
-                  <DelayModifierRow delayModifier={delayModifier} />
-                </div>
-              ),
-            },
-          },
-        }
-      })
-    })
-  }, [recovery])
-
-  return (
-    <Paper sx={{ p: 4 }}>
-      <Grid container spacing={3}>
-        <Grid item lg={4} xs={12}>
-          <Box display="flex" alignItems="center" gap={1} mb={1}>
-            <Typography variant="h4" fontWeight="bold">
-              Account recovery
-            </Typography>
-          </Box>
-        </Grid>
-
-        <Grid item xs>
-          <Typography mb={2}>
-            {isRecoveryEnabled
-              ? 'The trusted Recoverer will be able to recover your Safe Account if you ever lose access. You can change Recoverers or alter your recovery setup at any time.'
-              : 'Choose a trusted Recoverer to recover your Safe Account if you ever lose access. Enabling the Account recovery module will require a transaction.'}{' '}
-            <Track {...RECOVERY_EVENTS.LEARN_MORE} label="settings">
-              <ExternalLink href={HelpCenterArticle.RECOVERY} title={HelperCenterArticleTitles.RECOVERY}>
-                Learn more
-              </ExternalLink>
-            </Track>
-          </Typography>
-
-          {!isRecoveryEnabled ? (
-            <SetupRecoveryButton eventLabel="settings" />
-          ) : rows ? (
-            <EnhancedTable rows={rows} headCells={headCells} />
-          ) : null}
-        </Grid>
-      </Grid>
-    </Paper>
-  )
-}
-
-export const SetupRecoveryButton = ({ eventLabel }: { eventLabel: string }) => {
-  const [open, setOpen] = useState<boolean>(false)
-
-  return (
-    <>
-      <CheckWallet>
-        {(isOk) => (
-          <Track {...RECOVERY_EVENTS.SETUP_RECOVERY} label={eventLabel}>
-            <Button
-              data-testid="setup-recovery-btn"
-              variant="contained"
-              disabled={!isOk}
-              onClick={() => setOpen(true)}
-              sx={{ mt: 2 }}
-            >
-              Set up recovery
-            </Button>
-          </Track>
-        )}
-      </CheckWallet>
-
-      <ChooseRecoveryMethodModal open={open} onClose={() => setOpen(false)} />
-    </>
-  )
-}
-
-export default RecoverySettings
diff --git a/src/features/recovery/components/RecoverySigners/index.tsx b/src/features/recovery/components/RecoverySigners/index.tsx
deleted file mode 100644
index 2e428a07a..000000000
--- a/src/features/recovery/components/RecoverySigners/index.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import { Box, List, ListItem, ListItemIcon, ListItemText, SvgIcon, Typography } from '@mui/material'
-import type { ReactElement } from 'react'
-
-import CircleIcon from '@/public/images/common/circle.svg'
-import CheckIcon from '@/public/images/common/circle-check.svg'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import { Countdown } from '@/components/common/Countdown'
-import { ExecuteRecoveryButton } from '../ExecuteRecoveryButton'
-import { CancelRecoveryButton } from '../CancelRecoveryButton'
-import { useRecoveryTxState } from '@/features/recovery/hooks/useRecoveryTxState'
-import { RecoveryValidationErrors } from '../RecoveryValidationErrors'
-import { formatDateTime } from '@/utils/date'
-import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
-
-import txSignersCss from '@/components/transactions/TxSigners/styles.module.css'
-
-export function RecoverySigners({ item }: { item: RecoveryQueueItem }): ReactElement {
-  const { isExecutable, isExpired, isNext, remainingSeconds } = useRecoveryTxState(item)
-
-  const desc = isExecutable ? (
-    item.expiresAt !== null ? (
-      <>
-        The recovery proposal can be executed{' '}
-        <Typography color="primary.main">until {formatDateTime(Number(item.expiresAt))}.</Typography>
-      </>
-    ) : (
-      'The recovery proposal can be executed now.'
-    )
-  ) : isExpired ? (
-    'The recovery proposal has expired and needs to be cancelled before a new one can be created.'
-  ) : (
-    'The recovery proposal can be executed after the review window has passed:'
-  )
-
-  return (
-    <>
-      <List className={txSignersCss.signers}>
-        <ListItem>
-          <ListItemIcon>
-            <SvgIcon
-              component={CheckIcon}
-              inheritViewBox
-              className={txSignersCss.icon}
-              sx={{
-                '& path:last-of-type': { fill: ({ palette }) => palette.background.paper },
-              }}
-            />
-          </ListItemIcon>
-          <ListItemText primaryTypographyProps={{ fontWeight: 700 }}>Created</ListItemText>
-        </ListItem>
-        <ListItem sx={{ py: 0, pb: 1, ml: 4 }}>
-          <EthHashInfo address={item.executor} hasExplorer showCopyButton />
-        </ListItem>
-        <ListItem sx={{ py: 0 }}>
-          <ListItemIcon>
-            <SvgIcon
-              component={CircleIcon}
-              inheritViewBox
-              className={txSignersCss.icon}
-              sx={{ color: ({ palette }) => palette.border.main }}
-            />
-          </ListItemIcon>
-          <ListItemText primaryTypographyProps={{ fontWeight: 700 }}>Can be executed</ListItemText>
-        </ListItem>
-      </List>
-
-      <Box className={txSignersCss.listFooter}>
-        <Typography sx={({ palette }) => ({ color: palette.border.main, mb: 1 })}>{desc}</Typography>
-
-        {isNext && <Countdown seconds={remainingSeconds} />}
-      </Box>
-
-      <RecoveryValidationErrors item={item} />
-
-      <Box display="flex" alignItems="center" justifyContent="center" gap={1} mt={2}>
-        <ExecuteRecoveryButton recovery={item} />
-        <CancelRecoveryButton recovery={item} />
-      </Box>
-    </>
-  )
-}
diff --git a/src/features/recovery/components/RecoveryType/index.tsx b/src/features/recovery/components/RecoveryType/index.tsx
deleted file mode 100644
index a1f5fcbf1..000000000
--- a/src/features/recovery/components/RecoveryType/index.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Box, SvgIcon, Typography } from '@mui/material'
-import type { ReactElement } from 'react'
-
-import RecoveryPlusIcon from '@/public/images/common/recovery-plus.svg'
-
-import txTypeCss from '@/components/transactions/TxType/styles.module.css'
-
-export function RecoveryType({ isMalicious }: { isMalicious: boolean }): ReactElement {
-  return (
-    <Box className={txTypeCss.txType}>
-      <SvgIcon
-        component={RecoveryPlusIcon}
-        inheritViewBox
-        fontSize="inherit"
-        sx={{ '& path': { fill: ({ palette }) => palette.warning.main } }}
-      />
-      <Typography color={isMalicious ? 'error.main' : undefined}>
-        {isMalicious ? 'Malicious transaction' : 'Account recovery'}
-      </Typography>
-    </Box>
-  )
-}
diff --git a/src/features/recovery/hooks/useIsRecoverySupported.ts b/src/features/recovery/hooks/useIsRecoverySupported.ts
deleted file mode 100644
index 099578df0..000000000
--- a/src/features/recovery/hooks/useIsRecoverySupported.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
-
-export function useIsRecoverySupported(): boolean {
-  return useHasFeature(FEATURES.RECOVERY)
-}
diff --git a/src/features/speedup/hooks/useSafeTransaction.tsx b/src/features/speedup/hooks/useSafeTransaction.tsx
deleted file mode 100644
index cb48de44c..000000000
--- a/src/features/speedup/hooks/useSafeTransaction.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
-import useChainId from '@/hooks/useChainId'
-import useSafeAddress from '@/hooks/useSafeAddress'
-import { useEffect, useState } from 'react'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import { createExistingTx } from '@/services/tx/tx-sender'
-
-export const useSafeTransaction = (txId: string) => {
-  const safeSdk = useSafeSDK()
-  const chainId = useChainId()
-  const safeAddress = useSafeAddress()
-  const [safeTx, setSafeTx] = useState<SafeTransaction>()
-
-  useEffect(() => {
-    if (!safeSdk) {
-      return
-    }
-    createExistingTx(chainId, safeAddress, txId).then(setSafeTx)
-  }, [chainId, safeAddress, txId, safeSdk])
-
-  return safeTx
-}
diff --git a/src/features/speedup/utils/__tests__/IsSpeedableTx.test.ts b/src/features/speedup/utils/__tests__/IsSpeedableTx.test.ts
deleted file mode 100644
index a8089531f..000000000
--- a/src/features/speedup/utils/__tests__/IsSpeedableTx.test.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { isSpeedableTx } from '../IsSpeedableTx'
-import { PendingStatus, type PendingTx, PendingTxType } from '@/store/pendingTxsSlice'
-import { faker } from '@faker-js/faker'
-
-describe('isSpeedableTx', () => {
-  it('returns true when all conditions are met', () => {
-    const pendingTx: PendingTx = {
-      status: PendingStatus.PROCESSING,
-      txHash: '0x123',
-      signerAddress: '0xabc',
-      chainId: '1',
-      safeAddress: '0xdef',
-      txType: PendingTxType.SAFE_TX,
-      signerNonce: 0,
-      submittedAt: Date.now(),
-      gasLimit: 45_000,
-    }
-
-    const isSmartContract = false
-    const walletAddress = '0xabc'
-
-    const result = isSpeedableTx(pendingTx, isSmartContract, walletAddress)
-
-    expect(result).toBe(true)
-  })
-
-  it('returns false when one of the conditions is not met', () => {
-    const pendingTx: PendingTx = {
-      status: PendingStatus.PROCESSING,
-      txHash: '0x123',
-      signerAddress: '0xabc',
-      chainId: '1',
-      safeAddress: '0xdef',
-      txType: PendingTxType.CUSTOM_TX,
-      signerNonce: 0,
-      submittedAt: Date.now(),
-      data: '0x1234',
-      to: faker.finance.ethereumAddress(),
-    }
-
-    const isSmartContract = true
-    const walletAddress = '0xabc'
-
-    const result = isSpeedableTx(pendingTx, isSmartContract, walletAddress)
-
-    expect(result).toBe(false)
-  })
-})
diff --git a/src/features/swap/components/LegalDisclaimer/index.tsx b/src/features/swap/components/LegalDisclaimer/index.tsx
deleted file mode 100644
index a324af688..000000000
--- a/src/features/swap/components/LegalDisclaimer/index.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import ExternalLink from '@/components/common/ExternalLink'
-import { AppRoutes } from '@/config/routes'
-import { Typography } from '@mui/material'
-
-import css from './styles.module.css'
-
-const LegalDisclaimerContent = () => (
-  <div className={css.disclaimerContainer}>
-    <div className={css.disclaimerInner}>
-      <Typography mb={4} mt={4}>
-        You are now accessing a third party widget.
-      </Typography>
-
-      <Typography mb={4}>
-        Please note that we do not own, control, maintain or audit the CoW Swap Widget. Use of the widget is subject to
-        third party terms & conditions. We are not liable for any loss you may suffer in connection with interacting
-        with the widget, which is at your own risk.
-      </Typography>
-
-      <Typography mb={4}>
-        Our{' '}
-        <ExternalLink href={AppRoutes.terms} sx={{ textDecoration: 'none' }}>
-          terms
-        </ExternalLink>{' '}
-        contain more detailed provisions binding on you relating to such third party content.
-      </Typography>
-      <Typography>
-        By clicking &quot;continue&quot; you re-confirm to have read and understood our{' '}
-        <ExternalLink href={AppRoutes.terms} sx={{ textDecoration: 'none' }}>
-          terms
-        </ExternalLink>{' '}
-        and this message, and agree to them.
-      </Typography>
-    </div>
-  </div>
-)
-
-export default LegalDisclaimerContent
diff --git a/src/features/swap/components/StatusLabel/index.tsx b/src/features/swap/components/StatusLabel/index.tsx
deleted file mode 100644
index e8a186714..000000000
--- a/src/features/swap/components/StatusLabel/index.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { Chip as MuiChip, SvgIcon } from '@mui/material'
-import type { OrderStatuses } from '@safe-global/safe-gateway-typescript-sdk'
-import type { ReactElement } from 'react'
-import CheckIcon from '@/public/images/common/circle-check.svg'
-import ClockIcon from '@/public/images/common/clock.svg'
-import BlockIcon from '@/public/images/common/block.svg'
-import SignatureIcon from '@/public/images/common/document_signature.svg'
-import CircleIPartialFillcon from '@/public/images/common/circle-partial-fill.svg'
-
-type CustomOrderStatuses = OrderStatuses | 'partiallyFilled'
-type Props = {
-  status: CustomOrderStatuses
-}
-
-type StatusProps = {
-  label: string
-  color: string
-  backgroundColor: string
-  iconColor: string
-  icon: any
-}
-
-const statusMap: Record<CustomOrderStatuses, StatusProps> = {
-  presignaturePending: {
-    label: 'Execution needed',
-    color: 'warning.main',
-    backgroundColor: 'warning.background',
-    iconColor: 'warning.main',
-    icon: SignatureIcon,
-  },
-  fulfilled: {
-    label: 'Filled',
-    color: 'success.dark',
-    backgroundColor: 'secondary.background',
-    iconColor: 'success.dark',
-    icon: CheckIcon,
-  },
-  open: {
-    label: 'Open',
-    color: 'warning.main',
-    backgroundColor: 'warning.background',
-    iconColor: 'warning.main',
-    icon: ClockIcon,
-  },
-  cancelled: {
-    label: 'Cancelled',
-    color: 'error.main',
-    backgroundColor: 'error.background',
-    iconColor: 'error.main',
-    icon: BlockIcon,
-  },
-  expired: {
-    label: 'Expired',
-    color: 'primary.light',
-    backgroundColor: 'background.main',
-    iconColor: 'border.main',
-    icon: ClockIcon,
-  },
-  partiallyFilled: {
-    label: 'Partially filled',
-    color: 'success.dark',
-    backgroundColor: 'secondary.background',
-    iconColor: 'success.dark',
-    icon: CircleIPartialFillcon,
-  },
-}
-export const StatusLabel = (props: Props): ReactElement => {
-  const { status } = props
-  const { label, color, icon, iconColor, backgroundColor } = statusMap[status]
-
-  return (
-    <MuiChip
-      label={label}
-      size="small"
-      sx={{
-        fontWeight: 800,
-        backgroundColor,
-        color,
-        '& .MuiChip-icon': { color: iconColor },
-      }}
-      icon={<SvgIcon component={icon} inheritViewBox />}
-    />
-  )
-}
-
-export default StatusLabel
diff --git a/src/features/swap/components/SwapButton/index.tsx b/src/features/swap/components/SwapButton/index.tsx
deleted file mode 100644
index 13f4c9fb1..000000000
--- a/src/features/swap/components/SwapButton/index.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import CheckWallet from '@/components/common/CheckWallet'
-import Track from '@/components/common/Track'
-import { AppRoutes } from '@/config/routes'
-import useSpendingLimit from '@/hooks/useSpendingLimit'
-import type { SWAP_LABELS } from '@/services/analytics/events/swaps'
-import { SWAP_EVENTS } from '@/services/analytics/events/swaps'
-import { Button } from '@mui/material'
-import type { TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { useRouter } from 'next/router'
-import type { ReactElement } from 'react'
-import SwapIcon from '@/public/images/common/swap.svg'
-
-const SwapButton = ({
-  tokenInfo,
-  amount,
-  trackingLabel,
-}: {
-  tokenInfo: TokenInfo
-  amount: string
-  trackingLabel: SWAP_LABELS
-}): ReactElement => {
-  const spendingLimit = useSpendingLimit(tokenInfo)
-  const router = useRouter()
-
-  return (
-    <CheckWallet allowSpendingLimit={!!spendingLimit}>
-      {(isOk) => (
-        <Track {...SWAP_EVENTS.OPEN_SWAPS} label={trackingLabel}>
-          <Button
-            data-testid="swap-btn"
-            variant="outlined"
-            color="primary"
-            size="small"
-            startIcon={<SwapIcon />}
-            onClick={() => {
-              router.push({
-                pathname: AppRoutes.swap,
-                query: {
-                  ...router.query,
-                  token: tokenInfo.symbol,
-                  amount,
-                },
-              })
-            }}
-            disabled={!isOk}
-          >
-            Swap
-          </Button>
-        </Track>
-      )}
-    </CheckWallet>
-  )
-}
-
-export default SwapButton
diff --git a/src/features/swap/components/SwapOrder/index.tsx b/src/features/swap/components/SwapOrder/index.tsx
deleted file mode 100644
index 8610f9707..000000000
--- a/src/features/swap/components/SwapOrder/index.tsx
+++ /dev/null
@@ -1,272 +0,0 @@
-import TokenIcon from '@/components/common/TokenIcon'
-import OrderId from '@/features/swap/components/OrderId'
-import StatusLabel from '@/features/swap/components/StatusLabel'
-import SwapProgress from '@/features/swap/components/SwapProgress'
-import { capitalize } from '@/hooks/useMnemonicName'
-import { formatDateTime, formatTimeInWords } from '@/utils/date'
-import Stack from '@mui/material/Stack'
-import type { ReactElement } from 'react'
-import type { TwapOrder as SwapTwapOrder } from '@safe-global/safe-gateway-typescript-sdk'
-import {
-  type Order,
-  type SwapOrder as SwapOrderType,
-  type TransactionData,
-} from '@safe-global/safe-gateway-typescript-sdk'
-import { DataRow } from '@/components/common/Table/DataRow'
-import { DataTable } from '@/components/common/Table/DataTable'
-import { compareAsc } from 'date-fns'
-import css from './styles.module.css'
-import { Typography } from '@mui/material'
-import { formatAmount } from '@/utils/formatNumber'
-import { formatVisualAmount } from '@/utils/formatters'
-import {
-  getExecutionPrice,
-  getLimitPrice,
-  getOrderClass,
-  getPartiallyFilledSurplus,
-  getSurplusPrice,
-  isOrderPartiallyFilled,
-} from '@/features/swap/helpers/utils'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { isSwapOrderTxInfo, isSwapTransferOrderTxInfo, isTwapOrderTxInfo } from '@/utils/transaction-guards'
-import { EmptyRow } from '@/components/common/Table/EmptyRow'
-import { PartDuration } from '@/features/swap/components/SwapOrder/rows/PartDuration'
-import { PartSellAmount } from '@/features/swap/components/SwapOrder/rows/PartSellAmount'
-import { PartBuyAmount } from '@/features/swap/components/SwapOrder/rows/PartBuyAmount'
-import { SurplusFee } from '@/features/swap/components/SwapOrder/rows/SurplusFee'
-
-type SwapOrderProps = {
-  txData?: TransactionData
-  txInfo?: Order
-}
-
-const AmountRow = ({ order }: { order: Order }) => {
-  const { sellToken, buyToken, sellAmount, buyAmount, kind } = order
-  const isSellOrder = kind === 'sell'
-  return (
-    <DataRow key="Amount" title="Amount">
-      <Stack flexDirection={isSellOrder ? 'column' : 'column-reverse'}>
-        <div>
-          <span className={css.value}>
-            {isSellOrder ? 'Sell' : 'For at most'}{' '}
-            {sellToken.logoUri && <TokenIcon logoUri={sellToken.logoUri} size={24} />}{' '}
-            <Typography component="span" fontWeight="bold">
-              {formatVisualAmount(sellAmount, sellToken.decimals)} {sellToken.symbol}
-            </Typography>
-          </span>
-        </div>
-        <div>
-          <span className={css.value}>
-            {isSellOrder ? 'for at least' : 'Buy'}{' '}
-            {buyToken.logoUri && <TokenIcon logoUri={buyToken.logoUri} size={24} />}
-            <Typography component="span" fontWeight="bold">
-              {formatVisualAmount(buyAmount, buyToken.decimals)} {buyToken.symbol}
-            </Typography>
-          </span>
-        </div>
-      </Stack>
-    </DataRow>
-  )
-}
-
-const PriceRow = ({ order }: { order: Order }) => {
-  const { status, sellToken, buyToken } = order
-  const executionPrice = getExecutionPrice(order)
-  const limitPrice = getLimitPrice(order)
-
-  if (status === 'fulfilled') {
-    return (
-      <DataRow key="Execution price" title="Execution price">
-        1 {buyToken.symbol} = {formatAmount(executionPrice)} {sellToken.symbol}
-      </DataRow>
-    )
-  }
-
-  return (
-    <DataRow key="Limit price" title="Limit price">
-      1 {buyToken.symbol} = {formatAmount(limitPrice)} {sellToken.symbol}
-    </DataRow>
-  )
-}
-
-const ExpiryRow = ({ order }: { order: Order }) => {
-  const { validUntil, status } = order
-  const now = new Date()
-  const expires = new Date(validUntil * 1000)
-  if (status! == 'fulfilled') {
-    if (compareAsc(now, expires) !== 1) {
-      return (
-        <DataRow key="Expiry" title="Expiry">
-          <Typography>
-            <Typography fontWeight={700} component="span">
-              {formatTimeInWords(validUntil * 1000)}
-            </Typography>{' '}
-            ({formatDateTime(validUntil * 1000)})
-          </Typography>
-        </DataRow>
-      )
-    } else {
-      return (
-        <DataRow key="Expiry" title="Expiry">
-          {formatDateTime(validUntil * 1000)}
-        </DataRow>
-      )
-    }
-  }
-
-  return null
-}
-
-const SurplusRow = ({ order }: { order: Order }) => {
-  const { status, kind } = order
-  const isPartiallyFilled = isOrderPartiallyFilled(order)
-  const surplusPrice = isPartiallyFilled ? getPartiallyFilledSurplus(order) : getSurplusPrice(order)
-  const { sellToken, buyToken } = order
-  const isSellOrder = kind === 'sell'
-  if (status === 'fulfilled' || isPartiallyFilled) {
-    return (
-      <DataRow key="Surplus" title="Surplus">
-        {formatAmount(surplusPrice)} {isSellOrder ? buyToken.symbol : sellToken.symbol}
-      </DataRow>
-    )
-  }
-
-  return null
-}
-
-const FilledRow = ({ order }: { order: Order }) => {
-  const orderClass = getOrderClass(order)
-  if (['limit', 'twap'].includes(orderClass)) {
-    return (
-      <DataRow title="Filled" key="Filled">
-        <SwapProgress order={order} />
-      </DataRow>
-    )
-  }
-
-  return null
-}
-
-const OrderUidRow = ({ order }: { order: Order }) => {
-  if (isSwapOrderTxInfo(order) || isSwapTransferOrderTxInfo(order)) {
-    const { uid, explorerUrl } = order
-    return (
-      <DataRow key="Order ID" title="Order ID">
-        <OrderId orderId={uid} href={explorerUrl} />
-      </DataRow>
-    )
-  }
-  return null
-}
-
-const StatusRow = ({ order }: { order: Order }) => {
-  const { status } = order
-  const isPartiallyFilled = isOrderPartiallyFilled(order)
-  return (
-    <DataRow key="Status" title="Status">
-      <StatusLabel status={isPartiallyFilled ? 'partiallyFilled' : status} />
-    </DataRow>
-  )
-}
-
-const RecipientRow = ({ order }: { order: Order }) => {
-  const { safeAddress } = useSafeInfo()
-  const { receiver } = order
-
-  if (receiver && receiver !== safeAddress) {
-    return (
-      <DataRow key="Recipient" title="Recipient">
-        <EthHashInfo address={receiver} showAvatar={false} />
-      </DataRow>
-    )
-  }
-
-  return null
-}
-
-export const SellOrder = ({ order }: { order: SwapOrderType }) => {
-  const { kind } = order
-  const orderKindLabel = capitalize(kind)
-
-  return (
-    <DataTable
-      header={`${orderKindLabel} order`}
-      rows={[
-        <AmountRow order={order} key="amount-row" />,
-        <PriceRow order={order} key="price-row" />,
-        <SurplusRow order={order} key="surplus-row" />,
-        <ExpiryRow order={order} key="expiry-row" />,
-        <FilledRow order={order} key="filled-row" />,
-        <OrderUidRow order={order} key="order-uid-row" />,
-        <StatusRow order={order} key="status-row" />,
-        <RecipientRow order={order} key="recipient-row" />,
-        <SurplusFee order={order} key="fee-row" />,
-      ]}
-    />
-  )
-}
-
-export const TwapOrder = ({ order }: { order: SwapTwapOrder }) => {
-  const { kind, validUntil, status, numberOfParts } = order
-
-  const isPartiallyFilled = isOrderPartiallyFilled(order)
-  const expires = new Date(validUntil * 1000)
-  const now = new Date()
-
-  const orderKindLabel = capitalize(kind)
-
-  return (
-    <DataTable
-      header={`${orderKindLabel} order`}
-      rows={[
-        <AmountRow order={order} key="amount-row" />,
-        <PriceRow order={order} key="price-row" />,
-        <SurplusRow order={order} key="surplus-row" />,
-        <RecipientRow order={order} key="recipient-row" />,
-        <SurplusFee order={order} key="fee-row" />,
-        <EmptyRow key="spacer-0" />,
-        <DataRow title="No of parts" key="n_of_parts">
-          {numberOfParts}
-        </DataRow>,
-        <PartSellAmount order={order} key="part_sell_amount" />,
-        <PartBuyAmount order={order} key="part_buy_amount" />,
-        <FilledRow order={order} key="filled-row" />,
-        <PartDuration order={order} key="part_duration" />,
-        <EmptyRow key="spacer-1" />,
-        status !== 'fulfilled' && compareAsc(now, expires) !== 1 ? (
-          <DataRow key="Expiry" title="Expiry">
-            <Typography>
-              <Typography fontWeight={700} component="span">
-                {formatTimeInWords(validUntil * 1000)}
-              </Typography>{' '}
-              ({formatDateTime(validUntil * 1000)})
-            </Typography>
-          </DataRow>
-        ) : (
-          <DataRow key="Expired" title="Expired">
-            {formatDateTime(validUntil * 1000)}
-          </DataRow>
-        ),
-        <DataRow key="Status" title="Status">
-          <StatusLabel status={isPartiallyFilled ? 'partiallyFilled' : status} />
-        </DataRow>,
-      ]}
-    />
-  )
-}
-
-export const SwapOrder = ({ txInfo }: SwapOrderProps): ReactElement | null => {
-  if (!txInfo) return null
-
-  if (isTwapOrderTxInfo(txInfo)) {
-    return <TwapOrder order={txInfo} />
-  }
-
-  if (isSwapOrderTxInfo(txInfo) || isSwapTransferOrderTxInfo(txInfo)) {
-    return <SellOrder order={txInfo} />
-  }
-  return null
-}
-
-export default SwapOrder
diff --git a/src/features/swap/components/SwapOrder/rows/SurplusFee.tsx b/src/features/swap/components/SwapOrder/rows/SurplusFee.tsx
deleted file mode 100644
index 91e566f0c..000000000
--- a/src/features/swap/components/SwapOrder/rows/SurplusFee.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import type { Order } from '@safe-global/safe-gateway-typescript-sdk'
-import { getOrderFeeBps } from '@/features/swap/helpers/utils'
-import { DataRow } from '@/components/common/Table/DataRow'
-import { formatVisualAmount } from '@/utils/formatters'
-import { HelpIconTooltip } from '@/features/swap/components/HelpIconTooltip'
-
-export const SurplusFee = ({
-  order,
-}: {
-  order: Pick<Order, 'fullAppData' | 'sellToken' | 'buyToken' | 'status' | 'executedSurplusFee' | 'kind'>
-}) => {
-  const bps = getOrderFeeBps(order)
-  const { executedSurplusFee, sellToken } = order
-  let token = sellToken
-
-  if (executedSurplusFee === null || typeof executedSurplusFee === 'undefined' || executedSurplusFee === '0') {
-    return null
-  }
-
-  return (
-    <DataRow
-      title={
-        <>
-          Total fees
-          <HelpIconTooltip
-            title={
-              <>
-                The amount of fees paid for this order.
-                {bps > 0 && ` This includes a Widget fee of ${bps / 100}% and network fees.`}
-              </>
-            }
-          />
-        </>
-      }
-      key="widget_fee"
-    >
-      {formatVisualAmount(BigInt(executedSurplusFee), token.decimals)} {token.symbol}
-    </DataRow>
-  )
-}
diff --git a/src/features/swap/components/SwapOrderConfirmationView/OrderFeeConfirmationView.tsx b/src/features/swap/components/SwapOrderConfirmationView/OrderFeeConfirmationView.tsx
deleted file mode 100644
index 4cc8020a8..000000000
--- a/src/features/swap/components/SwapOrderConfirmationView/OrderFeeConfirmationView.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import type { OrderConfirmationView } from '@safe-global/safe-gateway-typescript-sdk'
-import { getOrderFeeBps } from '@/features/swap/helpers/utils'
-import { DataRow } from '@/components/common/Table/DataRow'
-import { HelpCenterArticle } from '@/config/constants'
-import { HelpIconTooltip } from '@/features/swap/components/HelpIconTooltip'
-import MUILink from '@mui/material/Link'
-
-export const OrderFeeConfirmationView = ({ order }: { order: Pick<OrderConfirmationView, 'fullAppData'> }) => {
-  const bps = getOrderFeeBps(order)
-
-  if (Number(bps) === 0) {
-    return null
-  }
-
-  const title = (
-    <>
-      Widget fee{' '}
-      <HelpIconTooltip
-        title={
-          <>
-            The tiered widget fee incurred here is charged by CoW Protocol for the operation of this widget. The fee is
-            automatically calculated into this quote. Part of the fee will contribute to a license fee that supports the
-            Safe Community. Neither the Safe Ecosystem Foundation nor {`Safe{Wallet}`} operate the CoW Swap Widget
-            and/or CoW Swap.
-            <MUILink href={HelpCenterArticle.SWAP_WIDGET_FEES} target="_blank" rel="noopener noreferrer">
-              Learn more
-            </MUILink>
-          </>
-        }
-      />
-    </>
-  )
-
-  return (
-    <DataRow datatestid="widget-fee" title={title} key="widget_fee">
-      {Number(bps) / 100} %
-    </DataRow>
-  )
-}
diff --git a/src/features/swap/components/SwapOrderConfirmationView/index.tsx b/src/features/swap/components/SwapOrderConfirmationView/index.tsx
deleted file mode 100644
index 8c34512b6..000000000
--- a/src/features/swap/components/SwapOrderConfirmationView/index.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-import OrderId from '@/features/swap/components/OrderId'
-import { formatDateTime, formatTimeInWords, getPeriod } from '@/utils/date'
-import { Fragment, type ReactElement } from 'react'
-import { DataRow } from '@/components/common/Table/DataRow'
-import { DataTable } from '@/components/common/Table/DataTable'
-import { compareAsc } from 'date-fns'
-import { Alert, Typography } from '@mui/material'
-import { formatAmount } from '@/utils/formatNumber'
-import { formatVisualAmount } from '@/utils/formatters'
-import { getLimitPrice, getOrderClass, getSlippageInPercent } from '@/features/swap/helpers/utils'
-import type { OrderConfirmationView } from '@safe-global/safe-gateway-typescript-sdk'
-import { StartTimeValue } from '@safe-global/safe-gateway-typescript-sdk'
-import { ConfirmationViewTypes } from '@safe-global/safe-gateway-typescript-sdk'
-import SwapTokens from '@/features/swap/components/SwapTokens'
-import AlertIcon from '@/public/images/common/alert.svg'
-import EthHashInfo from '@/components/common/EthHashInfo'
-import css from './styles.module.css'
-import NamedAddress from '@/components/common/NamedAddressInfo'
-import { PartDuration } from '@/features/swap/components/SwapOrder/rows/PartDuration'
-import { PartSellAmount } from '@/features/swap/components/SwapOrder/rows/PartSellAmount'
-import { PartBuyAmount } from '@/features/swap/components/SwapOrder/rows/PartBuyAmount'
-import { OrderFeeConfirmationView } from '@/features/swap/components/SwapOrderConfirmationView/OrderFeeConfirmationView'
-
-type SwapOrderProps = {
-  order: OrderConfirmationView
-  settlementContract: string
-}
-
-export const SwapOrderConfirmationView = ({ order, settlementContract }: SwapOrderProps): ReactElement => {
-  const { owner, kind, validUntil, sellToken, buyToken, sellAmount, buyAmount, explorerUrl, receiver } = order
-
-  const isTwapOrder = order.type === ConfirmationViewTypes.COW_SWAP_TWAP_ORDER
-
-  const limitPrice = getLimitPrice(order)
-  const orderClass = getOrderClass(order)
-  const expires = new Date(validUntil * 1000)
-  const now = new Date()
-
-  const slippage = getSlippageInPercent(order)
-  const isSellOrder = kind === 'sell'
-
-  return (
-    <div className={css.tableWrapper}>
-      <DataTable
-        header="Order details"
-        rows={[
-          <div key="amount" className={css.amount}>
-            <SwapTokens
-              first={{
-                value: formatVisualAmount(sellAmount, sellToken.decimals),
-                label: isSellOrder ? 'Sell' : 'For at most',
-                logoUri: sellToken.logoUri as string,
-                tokenSymbol: sellToken.symbol,
-              }}
-              second={{
-                value: formatVisualAmount(buyAmount, buyToken.decimals),
-                label: isSellOrder ? 'For at least' : 'Buy exactly',
-                logoUri: buyToken.logoUri as string,
-                tokenSymbol: buyToken.symbol,
-              }}
-            />
-          </div>,
-
-          <DataRow datatestid="limit-price" key="Limit price" title="Limit price">
-            1 {buyToken.symbol} = {formatAmount(limitPrice)} {sellToken.symbol}
-          </DataRow>,
-
-          compareAsc(now, expires) !== 1 ? (
-            <DataRow datatestid="expiry" key="Expiry" title="Expiry">
-              <Typography>
-                <Typography fontWeight={700} component="span">
-                  {formatTimeInWords(validUntil * 1000)}
-                </Typography>{' '}
-                ({formatDateTime(validUntil * 1000)})
-              </Typography>
-            </DataRow>
-          ) : (
-            <DataRow key="Expiry" title="Expiry">
-              {formatDateTime(validUntil * 1000)}
-            </DataRow>
-          ),
-          orderClass !== 'limit' ? (
-            <DataRow datatestid="slippage" key="Slippage" title="Slippage">
-              {slippage}%
-            </DataRow>
-          ) : (
-            <Fragment key="none" />
-          ),
-          !isTwapOrder ? (
-            <DataRow datatestid="order-id" key="Order ID" title="Order ID">
-              <OrderId orderId={order.uid} href={explorerUrl} />
-            </DataRow>
-          ) : (
-            <></>
-          ),
-          <OrderFeeConfirmationView key="SurplusFee" order={order} />,
-          <DataRow datatestid="interact-wth" key="Interact with" title="Interact with">
-            <NamedAddress address={settlementContract} onlyName hasExplorer shortAddress={false} avatarSize={24} />
-          </DataRow>,
-          receiver && owner !== receiver ? (
-            <>
-              <DataRow datatestid="recipient" key="recipient-address" title="Recipient">
-                <EthHashInfo address={receiver} hasExplorer={true} avatarSize={24} />
-              </DataRow>
-              <div key="recipient">
-                <Alert data-testid="recipient-alert" severity="warning" icon={AlertIcon}>
-                  <Typography variant="body2">
-                    <Typography component="span" sx={{ fontWeight: 'bold' }}>
-                      Order recipient address differs from order owner.
-                    </Typography>{' '}
-                    Double check the address to prevent fund loss.
-                  </Typography>
-                </Alert>
-              </div>
-            </>
-          ) : (
-            <></>
-          ),
-        ]}
-      />
-
-      {isTwapOrder && (
-        <div className={css.partsBlock}>
-          <DataTable
-            rows={[
-              <Typography key="title" variant="body1" className={css.partsBlockTitle}>
-                <strong>
-                  Order will be split in{' '}
-                  <span className={css.numberOfPartsLabel}>{order.numberOfParts} equal parts</span>
-                </strong>
-              </Typography>,
-              <PartSellAmount order={order} addonText="per part" key="sell_part" />,
-              <PartBuyAmount order={order} addonText="per part" key="buy_part" />,
-              <DataRow title="Start time" key="Start time">
-                {order.startTime.startType === StartTimeValue.AT_MINING_TIME && 'Now'}
-                {order.startTime.startType === StartTimeValue.AT_EPOCH && `At block number: ${order.startTime.epoch}`}
-              </DataRow>,
-              <PartDuration order={order} key="part_duration" />,
-              <DataRow title="Total duration" key="total_duration">
-                {getPeriod(+order.timeBetweenParts * +order.numberOfParts)}
-              </DataRow>,
-            ]}
-          />
-        </div>
-      )}
-    </div>
-  )
-}
-
-export default SwapOrderConfirmationView
diff --git a/src/features/swap/components/SwapProgress/index.tsx b/src/features/swap/components/SwapProgress/index.tsx
deleted file mode 100644
index ca4a1a2b9..000000000
--- a/src/features/swap/components/SwapProgress/index.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { getFilledAmount, getFilledPercentage } from '@/features/swap/helpers/utils'
-import { formatAmount } from '@/utils/formatNumber'
-import { LinearProgress, Stack, Typography } from '@mui/material'
-import type { Order } from '@safe-global/safe-gateway-typescript-sdk'
-
-const SwapProgress = ({ order }: { order: Order }) => {
-  const filledPercentage = getFilledPercentage(order)
-  const filledAmount = formatAmount(getFilledAmount(order))
-
-  const progressValue = Math.min(Math.max(Number(filledPercentage), 0), 100)
-  const isFilled = progressValue >= 100
-  const color = isFilled ? 'success' : 'warning'
-
-  const isSellOrder = order.kind === 'sell'
-  const tokenSymbol = isSellOrder ? order.sellToken.symbol : order.buyToken.symbol
-
-  return (
-    <Stack direction="row" alignItems="center" gap={1}>
-      <LinearProgress
-        variant="determinate"
-        value={progressValue}
-        sx={{ width: '100px', borderRadius: '6px' }}
-        color={color}
-      />
-      <Typography color={`${color}.main`}>{progressValue} %</Typography>
-      <Typography>
-        <Typography component="span" fontWeight="bold">
-          {filledAmount} {tokenSymbol}
-        </Typography>{' '}
-        sold
-      </Typography>
-    </Stack>
-  )
-}
-
-export default SwapProgress
diff --git a/src/features/swap/components/SwapTokens/index.stories.tsx b/src/features/swap/components/SwapTokens/index.stories.tsx
deleted file mode 100644
index 7f5e9b29d..000000000
--- a/src/features/swap/components/SwapTokens/index.stories.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import SwapTokens from './index'
-import { Paper } from '@mui/material'
-
-const meta = {
-  component: SwapTokens,
-  parameters: {
-    componentSubtitle: 'Renders a token swap between two tokens',
-  },
-
-  decorators: [
-    (Story) => {
-      return (
-        <Paper sx={{ padding: 2 }}>
-          <Story />
-        </Paper>
-      )
-    },
-  ],
-  tags: ['autodocs'],
-} satisfies Meta<typeof SwapTokens>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Default: Story = {
-  args: {
-    first: {
-      value: '100',
-      label: 'Sell',
-      logoUri:
-        'https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0x0625aFB445C3B6B7B929342a04A22599fd5dBB59.png',
-      tokenSymbol: 'COW',
-    },
-    second: {
-      value: '86',
-      label: 'For at least',
-      logoUri:
-        'https://safe-transaction-assets.staging.5afe.dev/tokens/logos/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984.png',
-      tokenSymbol: 'UNI',
-    },
-  },
-}
diff --git a/src/features/swap/components/SwapTokens/index.tsx b/src/features/swap/components/SwapTokens/index.tsx
deleted file mode 100644
index d42d87649..000000000
--- a/src/features/swap/components/SwapTokens/index.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import type { ReactElement } from 'react'
-import TokenIcon from '@/components/common/TokenIcon'
-import { SvgIcon, Typography } from '@mui/material'
-import Stack from '@mui/material/Stack'
-import css from './styles.module.css'
-import EastRoundedIcon from '@mui/icons-material/EastRounded'
-
-const SwapToken = ({
-  value,
-  tokenSymbol,
-  label,
-  logoUri,
-}: {
-  value: string
-  tokenSymbol: string
-  label?: string
-  logoUri?: string
-}): ReactElement => {
-  return (
-    <div className={css.swapToken}>
-      <TokenIcon size={40} logoUri={logoUri} tokenSymbol={tokenSymbol} />
-      <Stack>
-        <Typography variant="body2" color="primary.light">
-          {label}
-        </Typography>
-        <Typography variant="h4" fontWeight="bold">
-          {value} {tokenSymbol}
-        </Typography>
-      </Stack>
-    </div>
-  )
-}
-
-type SwapToken = {
-  value: string
-  tokenSymbol: string
-  label: string
-  logoUri: string
-}
-
-const SwapTokens = ({ first, second }: { first: SwapToken; second: SwapToken }) => {
-  return (
-    <div className={css.container}>
-      <SwapToken value={first.value} tokenSymbol={first.tokenSymbol} label={first.label} logoUri={first.logoUri} />
-      <div className={css.icon}>
-        <SvgIcon component={EastRoundedIcon} inheritViewBox fontSize="small" />
-      </div>
-      <SwapToken value={second.value} tokenSymbol={second.tokenSymbol} label={second.label} logoUri={second.logoUri} />
-    </div>
-  )
-}
-
-export default SwapTokens
diff --git a/src/features/swap/components/SwapTokens/styles.module.css b/src/features/swap/components/SwapTokens/styles.module.css
deleted file mode 100644
index 5dd2ad675..000000000
--- a/src/features/swap/components/SwapTokens/styles.module.css
+++ /dev/null
@@ -1,32 +0,0 @@
-.container {
-  display: flex;
-  gap: var(--space-1);
-  position: relative;
-}
-
-.swapToken {
-  display: inline-flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: var(--space-2);
-  color: var(--color-text-primary);
-  background: var(--color-background-main);
-  padding: var(--space-2) var(--space-3);
-  border-radius: 6px;
-  flex: 1;
-}
-
-.icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--color-background-paper);
-  border-radius: 50%;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  width: 40px;
-  height: 40px;
-  padding: var(--space-1);
-}
diff --git a/src/features/swap/components/SwapTxInfo/SwapTx.tsx b/src/features/swap/components/SwapTxInfo/SwapTx.tsx
deleted file mode 100644
index 08f861a8d..000000000
--- a/src/features/swap/components/SwapTxInfo/SwapTx.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import type { Order } from '@safe-global/safe-gateway-typescript-sdk'
-import type { ReactElement } from 'react'
-import { Box, Typography } from '@mui/material'
-import TokenIcon from '@/components/common/TokenIcon'
-import { formatVisualAmount } from '@/utils/formatters'
-
-export const SwapTx = ({ info }: { info: Order }): ReactElement => {
-  const { kind, sellToken, sellAmount, buyToken, buyAmount } = info
-  const isSellOrder = kind === 'sell'
-
-  let from = (
-    <>
-      <Box style={{ paddingRight: 5, display: 'inline-block' }}>
-        <TokenIcon logoUri={sellToken.logoUri || undefined} tokenSymbol={sellToken.symbol} />
-      </Box>
-      <Typography component="span" fontWeight="bold">
-        {formatVisualAmount(sellAmount, sellToken.decimals)} {sellToken.symbol}{' '}
-      </Typography>
-    </>
-  )
-
-  let to = (
-    <>
-      <Box style={{ paddingLeft: 5, paddingRight: 5, display: 'inline-block' }}>
-        <TokenIcon logoUri={buyToken.logoUri || undefined} tokenSymbol={buyToken.symbol} />
-      </Box>{' '}
-      <Typography component="span" fontWeight="bold">
-        {buyToken.symbol}
-      </Typography>
-    </>
-  )
-
-  if (!isSellOrder) {
-    from = (
-      <>
-        <Box style={{ paddingRight: 5, display: 'inline-block' }}>
-          <TokenIcon logoUri={sellToken.logoUri || undefined} tokenSymbol={sellToken.symbol} />
-        </Box>
-        <Typography component="span" fontWeight="bold">
-          {sellToken.symbol}
-        </Typography>
-      </>
-    )
-    to = (
-      <>
-        <Box style={{ paddingLeft: 5, paddingRight: 5, display: 'inline-block' }}>
-          <TokenIcon logoUri={buyToken.logoUri || undefined} tokenSymbol={buyToken.symbol} />
-        </Box>{' '}
-        <Typography component="span" fontWeight="bold">
-          {formatVisualAmount(buyAmount, buyToken.decimals)} {buyToken.symbol}{' '}
-        </Typography>
-      </>
-    )
-  }
-
-  return (
-    <Box display="flex">
-      <Typography component="div" display="flex" alignItems="center" fontWeight="bold">
-        {from}
-        <Typography component="span" ml={0.5}>
-          to
-        </Typography>
-        {to}
-      </Typography>
-    </Box>
-  )
-}
diff --git a/src/features/swap/components/SwapTxInfo/interactWith.tsx b/src/features/swap/components/SwapTxInfo/interactWith.tsx
deleted file mode 100644
index 92f3a822d..000000000
--- a/src/features/swap/components/SwapTxInfo/interactWith.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
-import { Box, Typography } from '@mui/material'
-import EthHashInfo from '@/components/common/EthHashInfo'
-
-const InteractWith = ({ txData }: { txData: TransactionDetails['txData'] }) => {
-  if (!txData) return null
-
-  return (
-    <Typography component="div" display="flex" alignItems="center" fontWeight="bold" gap={1}>
-      <Box flexShrink="0">Interact with</Box>
-      <EthHashInfo
-        address={txData.to.value}
-        name={txData.to.name ?? undefined}
-        customAvatar={txData.to.logoUri ?? undefined}
-        avatarSize={24}
-        shortAddress={false}
-        hasExplorer
-        onlyName
-      />
-    </Typography>
-  )
-}
-export default InteractWith
diff --git a/src/features/swap/components/SwapWidget/index.tsx b/src/features/swap/components/SwapWidget/index.tsx
deleted file mode 100644
index b0dc22ac7..000000000
--- a/src/features/swap/components/SwapWidget/index.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import { Box, Button, Card, Grid, Typography } from '@mui/material'
-import type { ReactElement } from 'react'
-import { useCallback } from 'react'
-import { WidgetBody, WidgetContainer } from '@/components/dashboard/styled'
-import { Chip } from '@/components/common/Chip'
-
-import css from './styles.module.css'
-import Link from 'next/link'
-import { AppRoutes } from '@/config/routes'
-import { useRouter } from 'next/router'
-import useLocalStorage from '@/services/local-storage/useLocalStorage'
-import { SWAP_EVENTS, SWAP_LABELS } from '@/services/analytics/events/swaps'
-import Track from '@/components/common/Track'
-import useIsSwapFeatureEnabled from '../../hooks/useIsSwapFeatureEnabled'
-
-const SWAPS_PROMO_WIDGET_IS_HIDDEN = 'swapsPromoWidgetIsHidden'
-
-function SwapWidget(): ReactElement | null {
-  const [isHidden = false, setIsHidden] = useLocalStorage<boolean>(SWAPS_PROMO_WIDGET_IS_HIDDEN)
-  const isSwapFeatureEnabled = useIsSwapFeatureEnabled()
-
-  const onClick = useCallback(() => {
-    setIsHidden(true)
-  }, [setIsHidden])
-
-  const router = useRouter()
-
-  if (isHidden || !isSwapFeatureEnabled) {
-    return null
-  }
-
-  return (
-    <WidgetContainer>
-      <WidgetBody>
-        <Card className={css.card}>
-          <Grid container className={css.grid}>
-            <Grid item xs>
-              <Box className={css.wrapper} height="100%">
-                <Box>
-                  <Typography variant="h4" className={css.title}>
-                    Introducing native swaps
-                  </Typography>
-                  <Chip />
-                </Box>
-
-                <Box display="flex" flexDirection="column" height="100%">
-                  <Typography mt={1}>
-                    Experience our native swaps, powered by CoW Protocol! Trade seamlessly and efficiently with decoded
-                    transactions that are easy to understand.
-                  </Typography>
-
-                  <Box flex={1} />
-
-                  <Box className={css.buttonContainer} mt={3}>
-                    <Track {...SWAP_EVENTS.OPEN_SWAPS} label={SWAP_LABELS.promoWidget}>
-                      <Link
-                        href={{ pathname: AppRoutes.swap, query: { safe: router.query.safe } }}
-                        passHref
-                        legacyBehavior
-                      >
-                        <Button variant="contained">Try it now</Button>
-                      </Link>
-                    </Track>
-                    <Button variant="text" onClick={onClick}>
-                      Don&apos;t show again
-                    </Button>
-                  </Box>
-                </Box>
-              </Box>
-            </Grid>
-
-            <Grid item xs={6} className={css.imageContainer}>
-              <img src="/images/common/ic-swaps.svg" alt="Swap" />
-            </Grid>
-          </Grid>
-        </Card>
-      </WidgetBody>
-    </WidgetContainer>
-  )
-}
-
-export default SwapWidget
diff --git a/src/features/swap/components/SwapWidget/styles.module.css b/src/features/swap/components/SwapWidget/styles.module.css
deleted file mode 100644
index a276f52fb..000000000
--- a/src/features/swap/components/SwapWidget/styles.module.css
+++ /dev/null
@@ -1,66 +0,0 @@
-.label {
-  font-weight: 700;
-  margin-bottom: var(--space-2);
-}
-
-.card {
-  height: inherit;
-  border: none;
-}
-
-.grid {
-  display: flex;
-  flex-wrap: nowrap;
-  height: inherit;
-  gap: var(--space-3);
-}
-
-.wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-1);
-  padding: var(--space-4);
-}
-
-.title {
-  font-weight: 700;
-  display: inline;
-  margin-right: var(--space-1);
-}
-
-.buttonContainer {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: flex-start;
-  gap: var(--space-2);
-  white-space: nowrap;
-  position: relative;
-  z-index: 2;
-}
-
-.imageContainer {
-  position: relative;
-  z-index: 1;
-}
-
-.imageContainer img {
-  display: block;
-  position: absolute;
-  z-index: 0;
-  right: 0;
-  bottom: 0;
-  max-width: 500px;
-}
-
-@media (max-width: 599.95px) {
-  .wrapper {
-    padding: var(--space-3);
-  }
-}
-
-@media (max-width: 970px) {
-  .imageContainer {
-    display: none;
-  }
-}
diff --git a/src/features/swap/components/TwapFallbackHandlerWarning/index.tsx b/src/features/swap/components/TwapFallbackHandlerWarning/index.tsx
deleted file mode 100644
index 470bb515b..000000000
--- a/src/features/swap/components/TwapFallbackHandlerWarning/index.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Alert, Box, SvgIcon } from '@mui/material'
-import InfoOutlinedIcon from '@/public/images/notifications/info.svg'
-
-export const TwapFallbackHandlerWarning = () => {
-  return (
-    <Box mt={1} mb={1}>
-      <Alert severity="warning" icon={<SvgIcon component={InfoOutlinedIcon} inheritViewBox color="error" />}>
-        <b>Enable TWAPs and submit order.</b>
-        {` `}
-        To enable TWAP orders you need to set a custom fallback handler. This software is developed by CoW Swap and Safe
-        will not be responsible for any possible issues with it.
-      </Alert>
-    </Box>
-  )
-}
diff --git a/src/features/swap/constants.ts b/src/features/swap/constants.ts
deleted file mode 100644
index c6245fac9..000000000
--- a/src/features/swap/constants.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export const SWAP_TITLE = 'Safe Swap'
-export const SWAP_ORDER_TITLE = 'Swap order'
-export const LIMIT_ORDER_TITLE = 'Limit order'
-export const TWAP_ORDER_TITLE = 'TWAP order'
-
-export const SWAP_FEE_RECIPIENT = '0x63695Eee2c3141BDE314C5a6f89B98E62808d716'
diff --git a/src/features/swap/helpers/__tests__/utils.test.ts b/src/features/swap/helpers/__tests__/utils.test.ts
deleted file mode 100644
index 17ebb380f..000000000
--- a/src/features/swap/helpers/__tests__/utils.test.ts
+++ /dev/null
@@ -1,411 +0,0 @@
-import {
-  getExecutionPrice,
-  getFilledPercentage,
-  getLimitPrice,
-  getPartiallyFilledSurplus,
-  getSurplusPrice,
-  isOrderPartiallyFilled,
-  isSettingTwapFallbackHandler,
-  TWAP_FALLBACK_HANDLER,
-} from '../utils'
-import type { DecodedDataResponse } from '@safe-global/safe-gateway-typescript-sdk'
-import { type SwapOrder } from '@safe-global/safe-gateway-typescript-sdk'
-
-describe('Swap helpers', () => {
-  test('sellAmount bigger than buyAmount', () => {
-    const mockOrder = {
-      executedSellAmount: '100000000000000000000', // 100 tokens
-      executedBuyAmount: '50000000000000000000', // 50 tokens
-      buyToken: { decimals: 18 },
-      sellToken: { decimals: 18 },
-      sellAmount: '100000000000000000000',
-      buyAmount: '50000000000000000000',
-    } as unknown as SwapOrder
-
-    const executionPrice = getExecutionPrice(mockOrder)
-    const limitPrice = getLimitPrice(mockOrder)
-    const surplusPrice = getSurplusPrice(mockOrder)
-
-    expect(executionPrice).toBe(2)
-    expect(limitPrice).toBe(2)
-    expect(surplusPrice).toBe(0)
-  })
-
-  test('sellAmount smaller than buyAmount', () => {
-    const mockOrder = {
-      executedSellAmount: '50000000000000000000', // 50 tokens
-      executedBuyAmount: '100000000000000000000', // 100 tokens
-      buyToken: { decimals: 18 },
-      sellToken: { decimals: 18 },
-      sellAmount: '50000000000000000000',
-      buyAmount: '100000000000000000000',
-    } as unknown as SwapOrder
-
-    const executionPrice = getExecutionPrice(mockOrder)
-    const limitPrice = getLimitPrice(mockOrder)
-    const surplusPrice = getSurplusPrice(mockOrder)
-
-    expect(executionPrice).toBe(0.5)
-    expect(limitPrice).toBe(0.5)
-    expect(surplusPrice).toBe(0)
-  })
-
-  test('buyToken has more decimals than sellToken', () => {
-    const mockOrder = {
-      executedSellAmount: '10000000000', // 100 tokens
-      executedBuyAmount: '50000000000000000000', // 50 tokens
-      buyToken: { decimals: 18 },
-      sellToken: { decimals: 8 },
-      sellAmount: '10000000000',
-      buyAmount: '50000000000000000000',
-    } as unknown as SwapOrder
-
-    const executionPrice = getExecutionPrice(mockOrder)
-    const limitPrice = getLimitPrice(mockOrder)
-    const surplusPrice = getSurplusPrice(mockOrder)
-
-    expect(executionPrice).toBe(2)
-    expect(limitPrice).toBe(2)
-    expect(surplusPrice).toBe(0)
-  })
-
-  test('sellToken has more decimals than buyToken', () => {
-    const mockOrder = {
-      executedSellAmount: '100000000000000000000', // 100 tokens
-      executedBuyAmount: '5000000000', // 50 tokens
-      buyToken: { decimals: 8 },
-      sellToken: { decimals: 18 },
-      sellAmount: '100000000000000000000',
-      buyAmount: '5000000000',
-    } as unknown as SwapOrder
-
-    const executionPrice = getExecutionPrice(mockOrder)
-    const limitPrice = getLimitPrice(mockOrder)
-    const surplusPrice = getSurplusPrice(mockOrder)
-
-    expect(executionPrice).toBe(2)
-    expect(limitPrice).toBe(2)
-    expect(surplusPrice).toBe(0)
-  })
-
-  describe('getFilledPercentage', () => {
-    it('returns 0 if no amount was executed', () => {
-      const mockOrder = {
-        executedSellAmount: '0',
-        executedBuyAmount: '0',
-        buyToken: { decimals: 8 },
-        sellToken: { decimals: 18 },
-        sellAmount: '100000000000000000000',
-        buyAmount: '5000000000',
-      } as unknown as SwapOrder
-
-      const result = getFilledPercentage(mockOrder)
-
-      expect(result).toEqual('0')
-    })
-
-    it('returns the percentage for buy orders', () => {
-      const mockOrder = {
-        executedSellAmount: '10000000000000000000',
-        executedBuyAmount: '50000000',
-        buyToken: { decimals: 8 },
-        sellToken: { decimals: 18 },
-        sellAmount: '100000000000000000000',
-        buyAmount: '5000000000',
-        kind: 'buy',
-      } as unknown as SwapOrder
-
-      const result = getFilledPercentage(mockOrder)
-
-      expect(result).toEqual('1')
-    })
-
-    it('returns the percentage for sell orders', () => {
-      const mockOrder = {
-        executedSellAmount: '10000000000000000000',
-        executedBuyAmount: '50000000',
-        buyToken: { decimals: 8 },
-        sellToken: { decimals: 18 },
-        sellAmount: '100000000000000000000',
-        buyAmount: '5000000000',
-        kind: 'sell',
-      } as unknown as SwapOrder
-
-      const result = getFilledPercentage(mockOrder)
-
-      expect(result).toEqual('10')
-    })
-
-    it('returns 0 if the executed amount is below 1%', () => {
-      const mockOrder = {
-        executedSellAmount: '10000000000000000000',
-        executedBuyAmount: '50',
-        buyToken: { decimals: 8 },
-        sellToken: { decimals: 18 },
-        sellAmount: '100000000000000000000',
-        buyAmount: '5000000000',
-        kind: 'buy',
-      } as unknown as SwapOrder
-
-      const result = getFilledPercentage(mockOrder)
-
-      expect(result).toEqual('0')
-    })
-
-    // eslint-disable-next-line no-only-tests/no-only-tests
-    it('returns the surplus amount for buy orders', () => {
-      const mockOrder = {
-        executedSellAmount: '10000000000000000000', //10
-        executedBuyAmount: '50',
-        buyToken: { decimals: 8 },
-        sellToken: { decimals: 18 },
-        sellAmount: '15000000000000000000', //15
-        buyAmount: '5000000000',
-        kind: 'buy',
-      } as unknown as SwapOrder
-
-      const result = getSurplusPrice(mockOrder)
-
-      expect(result).toEqual(5)
-    })
-
-    it('returns the surplus amount for sell orders', () => {
-      const mockOrder = {
-        executedSellAmount: '100000000000000000000',
-        executedBuyAmount: '10000000000', //100
-        buyToken: { decimals: 8 },
-        sellToken: { decimals: 18 },
-        sellAmount: '100000000000000000000',
-        buyAmount: '5000000000', //50
-        kind: 'sell',
-      } as unknown as SwapOrder
-
-      const result = getSurplusPrice(mockOrder)
-
-      expect(result).toEqual(50)
-    })
-  })
-
-  describe('isOrderPartiallyFilled', () => {
-    it('returns true if a buy order is partially filled', () => {
-      const mockOrder = {
-        executedBuyAmount: '10',
-        buyAmount: '100000000000000000000', // 100 tokens
-        executedSellAmount: '50000000000000000000', // 50 tokens
-        sellAmount: '100000000000000000000', // 100 tokens
-        kind: 'buy',
-      } as unknown as SwapOrder
-
-      const result = isOrderPartiallyFilled(mockOrder)
-
-      expect(result).toBe(true)
-    })
-
-    it('returns false if a buy order is not fully filled or fully filled', () => {
-      const mockOrder = {
-        executedBuyAmount: '0',
-        buyAmount: '100000000000000000000', // 100 tokens
-        executedSellAmount: '100000000000000000000', // 100 tokens
-        sellAmount: '100000000000000000000', // 100 tokens
-        kind: 'buy',
-      } as unknown as SwapOrder
-
-      const result = isOrderPartiallyFilled(mockOrder)
-
-      expect(result).toBe(false)
-
-      const result1 = isOrderPartiallyFilled({
-        ...mockOrder,
-        executedBuyAmount: '100000000000000000000', // 100 tokens
-      })
-      expect(result1).toBe(false)
-    })
-
-    it('returns true if a sell order is partially filled', () => {
-      const mockOrder = {
-        sellAmount: '100000000000000000000',
-        executedSellAmount: '10',
-        executedBuyAmount: '50000000000000000000', // 50 tokens
-        buyAmount: '100000000000000000000', // 100 tokens
-        kind: 'sell',
-      } as unknown as SwapOrder
-
-      const result = isOrderPartiallyFilled(mockOrder)
-
-      expect(result).toBe(true)
-    })
-
-    it('returns false if a sell order is not fully filled or fully filled', () => {
-      const mockOrder = {
-        sellAmount: '100000000000000000000',
-        executedSellAmount: '0',
-        executedBuyAmount: '100000000000000000000', // 100 tokens
-        buyAmount: '100000000000000000000', // 100 tokens
-        kind: 'sell',
-      } as unknown as SwapOrder
-
-      const result = isOrderPartiallyFilled(mockOrder)
-
-      expect(result).toBe(false)
-
-      const result1 = isOrderPartiallyFilled({
-        ...mockOrder,
-        executedSellAmount: '100000000000000000000', // 100 tokens
-      })
-
-      expect(result1).toBe(false)
-    })
-  })
-  describe('getPartiallyFilledSurplusPrice', () => {
-    it('returns 0 for partially filled sell order with no surplus', () => {
-      const mockOrder = {
-        sellAmount: '100000000000000000000', // 100 tokens
-        executedSellAmount: '50000000000000000000', // 50 tokens
-        executedBuyAmount: '50000000000000000000', // 50 tokens
-        buyAmount: '100000000000000000000', // 100 tokens
-        kind: 'sell',
-        buyToken: { decimals: 18 },
-        sellToken: { decimals: 18 },
-      } as unknown as SwapOrder
-
-      const result = getPartiallyFilledSurplus(mockOrder)
-
-      expect(result).toEqual(0)
-    })
-    it('returns 0 for partially filled buy order with no surplus', () => {
-      const mockOrder = {
-        sellAmount: '100000000000000000000', // 100 tokens
-        executedSellAmount: '50000000000000000000', // 50 tokens
-        executedBuyAmount: '50000000000000000000', // 50 tokens
-        buyAmount: '100000000000000000000', // 100 tokens
-        kind: 'buy',
-        buyToken: { decimals: 18 },
-        sellToken: { decimals: 18 },
-      } as unknown as SwapOrder
-
-      const result = getPartiallyFilledSurplus(mockOrder)
-
-      expect(result).toEqual(0)
-    })
-    it('returns surplus for partially filled sell orders', () => {
-      const mockOrder = {
-        sellAmount: '100000000000000000000', // 100 tokens
-        executedSellAmount: '50000000000000000000', // 50 tokens
-        executedBuyAmount: '55000000000000000000', // 55 tokens
-        buyAmount: '100000000000000000000', // 100 tokens
-        kind: 'sell',
-        buyToken: { decimals: 18 },
-        sellToken: { decimals: 18 },
-      } as unknown as SwapOrder
-
-      const result = getPartiallyFilledSurplus(mockOrder)
-      expect(result).toEqual(5)
-    })
-    it('returns surplus for partially filled buy orders', () => {
-      const mockOrder = {
-        sellAmount: '100000000000000000000', // 100 tokens
-        executedSellAmount: '45000000000000000000', // 50 tokens
-        executedBuyAmount: '50000000000000000000', // 55 tokens
-        buyAmount: '100000000000000000000', // 100 tokens
-        kind: 'buy',
-        buyToken: { decimals: 18 },
-        sellToken: { decimals: 18 },
-      } as unknown as SwapOrder
-
-      const result = getPartiallyFilledSurplus(mockOrder)
-
-      expect(result).toEqual(5)
-    })
-  })
-
-  describe('isSettingTwapFallbackHandler', () => {
-    it('should return true when handler is TWAP_FALLBACK_HANDLER', () => {
-      const decodedData = {
-        parameters: [
-          {
-            valueDecoded: [
-              {
-                dataDecoded: {
-                  method: 'setFallbackHandler',
-                  parameters: [{ name: 'handler', value: TWAP_FALLBACK_HANDLER }],
-                },
-              },
-            ],
-          },
-        ],
-      } as unknown as DecodedDataResponse
-      expect(isSettingTwapFallbackHandler(decodedData)).toBe(true)
-    })
-
-    it('should return false when handler is not TWAP_FALLBACK_HANDLER', () => {
-      const decodedData = {
-        parameters: [
-          {
-            valueDecoded: [
-              {
-                dataDecoded: {
-                  method: 'setFallbackHandler',
-                  parameters: [{ name: 'handler', value: '0xDifferentHandler' }],
-                },
-              },
-            ],
-          },
-        ],
-      } as unknown as DecodedDataResponse
-      expect(isSettingTwapFallbackHandler(decodedData)).toBe(false)
-    })
-
-    it('should return false when method is not setFallbackHandler', () => {
-      const decodedData = {
-        parameters: [
-          {
-            valueDecoded: [
-              {
-                dataDecoded: {
-                  method: 'differentMethod',
-                  parameters: [{ name: 'handler', value: TWAP_FALLBACK_HANDLER }],
-                },
-              },
-            ],
-          },
-        ],
-      } as unknown as DecodedDataResponse
-      expect(isSettingTwapFallbackHandler(decodedData)).toBe(false)
-    })
-
-    it('should return false when decodedData is undefined', () => {
-      expect(isSettingTwapFallbackHandler(undefined)).toBe(false)
-    })
-
-    it('should return false when parameters are missing', () => {
-      const decodedData = {} as unknown as DecodedDataResponse
-      expect(isSettingTwapFallbackHandler(decodedData)).toBe(false)
-    })
-
-    it('should return false when valueDecoded is missing', () => {
-      const decodedData = {
-        parameters: [
-          {
-            valueDecoded: null,
-          },
-        ],
-      } as unknown as DecodedDataResponse
-      expect(isSettingTwapFallbackHandler(decodedData)).toBe(false)
-    })
-
-    it('should return false when dataDecoded is missing', () => {
-      const decodedData = {
-        parameters: [
-          {
-            valueDecoded: [
-              {
-                dataDecoded: null,
-              },
-            ],
-          },
-        ],
-      } as unknown as DecodedDataResponse
-      expect(isSettingTwapFallbackHandler(decodedData)).toBe(false)
-    })
-  })
-})
diff --git a/src/features/swap/helpers/fee.ts b/src/features/swap/helpers/fee.ts
deleted file mode 100644
index 0a7cc79d3..000000000
--- a/src/features/swap/helpers/fee.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import type { OnTradeParamsPayload } from '@cowprotocol/events'
-import { stableCoinAddresses } from '@/features/swap/helpers/data/stablecoins'
-
-const FEE_PERCENTAGE_BPS = {
-  REGULAR: {
-    TIER_1: 35,
-    TIER_2: 20,
-    TIER_3: 10,
-  },
-  STABLE: {
-    TIER_1: 10,
-    TIER_2: 7,
-    TIER_3: 5,
-  },
-}
-
-const FEE_TIERS = {
-  TIER_1: 100_000, // 0 - 100k
-  TIER_2: 1_000_000, // 100k - 1m
-}
-
-const getLowerCaseStableCoinAddresses = () => {
-  const lowerCaseStableCoinAddresses = Object.keys(stableCoinAddresses).reduce((result, key) => {
-    result[key.toLowerCase()] = stableCoinAddresses[key]
-    return result
-  }, {} as typeof stableCoinAddresses)
-
-  return lowerCaseStableCoinAddresses
-}
-/**
- * Function to calculate the fee % in bps to apply for a trade.
- * The fee % should be applied based on the fiat value of the buy or sell token.
- *
- * @param orderParams
- */
-export const calculateFeePercentageInBps = (orderParams: OnTradeParamsPayload) => {
-  const { sellToken, buyToken, buyTokenFiatAmount, sellTokenFiatAmount, orderKind } = orderParams
-  const stableCoins = getLowerCaseStableCoinAddresses()
-  const isStableCoin = stableCoins[sellToken?.address?.toLowerCase()] && stableCoins[buyToken?.address.toLowerCase()]
-
-  const fiatAmount = Number(orderKind == 'sell' ? sellTokenFiatAmount : buyTokenFiatAmount) || 0
-
-  if (fiatAmount < FEE_TIERS.TIER_1) {
-    return isStableCoin ? FEE_PERCENTAGE_BPS.STABLE.TIER_1 : FEE_PERCENTAGE_BPS.REGULAR.TIER_1
-  }
-
-  if (fiatAmount < FEE_TIERS.TIER_2) {
-    return isStableCoin ? FEE_PERCENTAGE_BPS.STABLE.TIER_2 : FEE_PERCENTAGE_BPS.REGULAR.TIER_2
-  }
-
-  return isStableCoin ? FEE_PERCENTAGE_BPS.STABLE.TIER_3 : FEE_PERCENTAGE_BPS.REGULAR.TIER_3
-}
diff --git a/src/features/swap/helpers/utils.ts b/src/features/swap/helpers/utils.ts
deleted file mode 100644
index 318fad0b7..000000000
--- a/src/features/swap/helpers/utils.ts
+++ /dev/null
@@ -1,211 +0,0 @@
-import type { DecodedDataResponse, Order as SwapOrder } from '@safe-global/safe-gateway-typescript-sdk'
-import { formatUnits } from 'ethers'
-import type { AnyAppDataDocVersion, latest, LatestAppDataDocVersion } from '@cowprotocol/app-data'
-
-import { TradeType, UiOrderType } from '@/features/swap/types'
-
-type Quantity = {
-  amount: string | number | bigint
-  decimals: number
-}
-
-export enum OrderKind {
-  SELL = 'sell',
-  BUY = 'buy',
-}
-
-function calculateDifference(amountA: string, amountB: string, decimals: number): number {
-  return asDecimal(BigInt(amountA), decimals) - asDecimal(BigInt(amountB), decimals)
-}
-
-function asDecimal(amount: number | bigint, decimals: number): number {
-  return Number(formatUnits(amount, decimals))
-}
-
-export const TWAP_FALLBACK_HANDLER = '0x2f55e8b20D0B9FEFA187AA7d00B6Cbe563605bF5'
-
-export const getExecutionPrice = (
-  order: Pick<SwapOrder, 'executedSellAmount' | 'executedBuyAmount' | 'buyToken' | 'sellToken'>,
-): number => {
-  const { executedSellAmount, executedBuyAmount, buyToken, sellToken } = order
-
-  const ratio = calculateRatio(
-    { amount: executedSellAmount, decimals: sellToken.decimals },
-    {
-      amount: executedBuyAmount,
-      decimals: buyToken.decimals,
-    },
-  )
-
-  return ratio
-}
-
-export const getLimitPrice = (
-  order: Pick<SwapOrder, 'sellAmount' | 'buyAmount' | 'buyToken' | 'sellToken'>,
-): number => {
-  const { sellAmount, buyAmount, buyToken, sellToken } = order
-
-  const ratio = calculateRatio(
-    { amount: sellAmount, decimals: sellToken.decimals },
-    { amount: buyAmount, decimals: buyToken.decimals },
-  )
-
-  return ratio
-}
-
-const calculateRatio = (a: Quantity, b: Quantity) => {
-  return asDecimal(BigInt(a.amount), a.decimals) / asDecimal(BigInt(b.amount), b.decimals)
-}
-
-export const getSurplusPrice = (
-  order: Pick<
-    SwapOrder,
-    'executedBuyAmount' | 'buyAmount' | 'buyToken' | 'executedSellAmount' | 'sellAmount' | 'sellToken' | 'kind'
-  >,
-): number => {
-  const { kind, executedSellAmount, sellAmount, sellToken, executedBuyAmount, buyAmount, buyToken } = order
-  if (kind === OrderKind.BUY) {
-    return calculateDifference(sellAmount, executedSellAmount, sellToken.decimals)
-  } else if (kind === OrderKind.SELL) {
-    return calculateDifference(executedBuyAmount, buyAmount, buyToken.decimals)
-  } else {
-    return 0
-  }
-}
-
-export const getPartiallyFilledSurplus = (order: SwapOrder): number => {
-  if (order.kind === OrderKind.BUY) {
-    return getPartiallyFilledBuySurplus(order)
-  } else if (order.kind === OrderKind.SELL) {
-    return getPartiallyFilledSellSurplus(order)
-  } else {
-    return 0
-  }
-}
-
-const getPartiallyFilledBuySurplus = (
-  order: Pick<
-    SwapOrder,
-    'executedBuyAmount' | 'buyAmount' | 'buyToken' | 'executedSellAmount' | 'sellAmount' | 'sellToken' | 'kind'
-  >,
-): number => {
-  const { executedSellAmount, sellAmount, sellToken, executedBuyAmount, buyAmount, buyToken } = order
-
-  const limitPrice = calculateRatio(
-    { amount: sellAmount, decimals: sellToken.decimals },
-    { amount: buyAmount, decimals: buyToken.decimals },
-  )
-  const maximumSellAmount = asDecimal(BigInt(executedBuyAmount), buyToken.decimals) * limitPrice
-  return maximumSellAmount - asDecimal(BigInt(executedSellAmount), sellToken.decimals)
-}
-
-const getPartiallyFilledSellSurplus = (
-  order: Pick<
-    SwapOrder,
-    'executedBuyAmount' | 'buyAmount' | 'buyToken' | 'executedSellAmount' | 'sellAmount' | 'sellToken' | 'kind'
-  >,
-): number => {
-  const { executedSellAmount, sellAmount, sellToken, executedBuyAmount, buyAmount, buyToken } = order
-
-  const limitPrice = calculateRatio(
-    { amount: buyAmount, decimals: buyToken.decimals },
-    { amount: sellAmount, decimals: sellToken.decimals },
-  )
-
-  const minimumBuyAmount = asDecimal(BigInt(executedSellAmount), sellToken.decimals) * limitPrice
-  return asDecimal(BigInt(executedBuyAmount), buyToken.decimals) - minimumBuyAmount
-}
-
-export const getFilledPercentage = (
-  order: Pick<SwapOrder, 'executedBuyAmount' | 'kind' | 'buyAmount' | 'executedSellAmount' | 'sellAmount'>,
-): string => {
-  let executed: number
-  let total: number
-
-  if (order.kind === OrderKind.BUY) {
-    executed = Number(order.executedBuyAmount)
-    total = Number(order.buyAmount)
-  } else if (order.kind === OrderKind.SELL) {
-    executed = Number(order.executedSellAmount)
-    total = Number(order.sellAmount)
-  } else {
-    return '0'
-  }
-
-  return ((executed / total) * 100).toFixed(0)
-}
-
-export const getFilledAmount = (
-  order: Pick<SwapOrder, 'kind' | 'executedBuyAmount' | 'executedSellAmount' | 'buyToken' | 'sellToken'>,
-): string => {
-  if (order.kind === OrderKind.BUY) {
-    return formatUnits(order.executedBuyAmount, order.buyToken.decimals)
-  } else if (order.kind === OrderKind.SELL) {
-    return formatUnits(order.executedSellAmount, order.sellToken.decimals)
-  } else {
-    return '0'
-  }
-}
-
-export const getSlippageInPercent = (order: Pick<SwapOrder, 'fullAppData'>): string => {
-  const fullAppData = order.fullAppData as AnyAppDataDocVersion
-  const slippageBips = (fullAppData?.metadata?.quote as latest.Quote)?.slippageBips || 0
-
-  return (Number(slippageBips) / 100).toFixed(2)
-}
-
-export const getOrderClass = (order: Pick<SwapOrder, 'fullAppData'>): latest.OrderClass1 => {
-  const fullAppData = order.fullAppData as AnyAppDataDocVersion
-  const orderClass = (fullAppData?.metadata?.orderClass as latest.OrderClass)?.orderClass
-
-  return orderClass || 'market'
-}
-
-export const getOrderFeeBps = (order: Pick<SwapOrder, 'fullAppData'>): number => {
-  const fullAppData = order.fullAppData as unknown as LatestAppDataDocVersion
-  const basisPoints = (fullAppData?.metadata?.partnerFee as latest.PartnerFee)?.bps
-
-  return Number(basisPoints) || 0
-}
-
-export const isOrderPartiallyFilled = (
-  order: Pick<SwapOrder, 'executedBuyAmount' | 'executedSellAmount' | 'sellAmount' | 'buyAmount' | 'kind'>,
-): boolean => {
-  const executedBuyAmount = BigInt(order.executedBuyAmount)
-  const buyAmount = BigInt(order.buyAmount)
-  const executedSellAmount = BigInt(order.executedSellAmount)
-  const sellAmount = BigInt(order.sellAmount)
-
-  if (order.kind === OrderKind.BUY) {
-    return executedBuyAmount !== 0n && executedBuyAmount < buyAmount
-  }
-
-  return BigInt(executedSellAmount) !== 0n && executedSellAmount < sellAmount
-}
-
-export const UiOrderTypeToOrderType = (orderType: UiOrderType): TradeType => {
-  switch (orderType) {
-    case UiOrderType.SWAP:
-      return TradeType.SWAP
-    case UiOrderType.LIMIT:
-      return TradeType.LIMIT
-    case UiOrderType.TWAP:
-      return TradeType.ADVANCED
-  }
-}
-
-export const isSettingTwapFallbackHandler = (decodedData: DecodedDataResponse | undefined) => {
-  return (
-    decodedData?.parameters?.some(
-      (item) =>
-        Array.isArray(item?.valueDecoded) &&
-        item.valueDecoded.some(
-          (decoded) =>
-            decoded.dataDecoded?.method === 'setFallbackHandler' &&
-            decoded.dataDecoded.parameters?.some(
-              (parameter) => parameter.name === 'handler' && parameter.value === TWAP_FALLBACK_HANDLER,
-            ),
-        ),
-    ) || false
-  )
-}
diff --git a/src/features/swap/hooks/useIsExpiredSwap.ts b/src/features/swap/hooks/useIsExpiredSwap.ts
deleted file mode 100644
index bb563d99a..000000000
--- a/src/features/swap/hooks/useIsExpiredSwap.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { useEffect, useState } from 'react'
-import type { TransactionInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { isSwapOrderTxInfo } from '@/utils/transaction-guards'
-import useIntervalCounter from '@/hooks/useIntervalCounter'
-
-const INTERVAL_IN_MS = 10_000
-
-/**
- * Checks the expiry time of a swap every 10s
- * and returns true if the swap expired
- * @param txInfo
- */
-const useIsExpiredSwap = (txInfo: TransactionInfo) => {
-  const [isExpired, setIsExpired] = useState<boolean>(false)
-  const [counter] = useIntervalCounter(INTERVAL_IN_MS)
-
-  useEffect(() => {
-    if (!isSwapOrderTxInfo(txInfo)) return
-
-    setIsExpired(Date.now() > txInfo.validUntil * 1000)
-  }, [counter, txInfo])
-
-  return isExpired
-}
-
-export default useIsExpiredSwap
diff --git a/src/features/swap/index.tsx b/src/features/swap/index.tsx
deleted file mode 100644
index 295da8ec6..000000000
--- a/src/features/swap/index.tsx
+++ /dev/null
@@ -1,310 +0,0 @@
-import { CowSwapWidget } from '@cowprotocol/widget-react'
-import { type CowSwapWidgetParams, TradeType } from '@cowprotocol/widget-lib'
-import type { OnTradeParamsPayload } from '@cowprotocol/events'
-import { type CowEventListeners, CowEvents } from '@cowprotocol/events'
-import { type MutableRefObject, useEffect, useMemo, useRef, useState } from 'react'
-import { Box, Container, Grid, useTheme } from '@mui/material'
-import {
-  SafeAppAccessPolicyTypes,
-  type SafeAppData,
-  SafeAppFeatures,
-} from '@safe-global/safe-gateway-typescript-sdk/dist/types/safe-apps'
-import { useCurrentChain, useHasFeature } from '@/hooks/useChains'
-import { useDarkMode } from '@/hooks/useDarkMode'
-import { useCustomAppCommunicator } from '@/hooks/safe-apps/useCustomAppCommunicator'
-import { useAppDispatch, useAppSelector } from '@/store'
-
-import css from './styles.module.css'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import useWallet from '@/hooks/wallets/useWallet'
-import BlockedAddress from '@/components/common/BlockedAddress'
-import useSwapConsent from './useSwapConsent'
-import Disclaimer from '@/components/common/Disclaimer'
-import LegalDisclaimerContent from '@/features/swap/components/LegalDisclaimer'
-import { isBlockedAddress } from '@/services/ofac'
-import { selectSwapParams, setSwapParams, type SwapState } from './store/swapParamsSlice'
-import { setSwapOrder } from '@/store/swapOrderSlice'
-import useChainId from '@/hooks/useChainId'
-import { type BaseTransaction } from '@safe-global/safe-apps-sdk'
-import { APPROVAL_SIGNATURE_HASH } from '@/components/tx/ApprovalEditor/utils/approvals'
-import { id } from 'ethers'
-import useIsSwapFeatureEnabled from './hooks/useIsSwapFeatureEnabled'
-import {
-  LIMIT_ORDER_TITLE,
-  SWAP_TITLE,
-  SWAP_ORDER_TITLE,
-  TWAP_ORDER_TITLE,
-  SWAP_FEE_RECIPIENT,
-} from '@/features/swap/constants'
-import { calculateFeePercentageInBps } from '@/features/swap/helpers/fee'
-import { UiOrderTypeToOrderType } from '@/features/swap/helpers/utils'
-import { FEATURES } from '@/utils/chains'
-
-const BASE_URL = typeof window !== 'undefined' && window.location.origin ? window.location.origin : ''
-
-const PRE_SIGN_SIGHASH = id('setPreSignature(bytes,bool)').slice(0, 10)
-const WRAP_SIGHASH = id('deposit()').slice(0, 10)
-const UNWRAP_SIGHASH = id('withdraw(uint256)').slice(0, 10)
-const CREATE_WITH_CONTEXT_SIGHASH = id('createWithContext((address,bytes32,bytes),address,bytes,bool)').slice(0, 10)
-const CANCEL_ORDER_SIGHASH = id('invalidateOrder(bytes)').slice(0, 10)
-
-type Params = {
-  sell?: {
-    asset: string
-    amount: string
-  }
-}
-
-export const getSwapTitle = (tradeType: SwapState['tradeType'], txs: BaseTransaction[] | undefined) => {
-  const hashToLabel = {
-    [PRE_SIGN_SIGHASH]: tradeType === 'limit' ? LIMIT_ORDER_TITLE : SWAP_ORDER_TITLE,
-    [APPROVAL_SIGNATURE_HASH]: 'Approve',
-    [WRAP_SIGHASH]: 'Wrap',
-    [UNWRAP_SIGHASH]: 'Unwrap',
-    [CREATE_WITH_CONTEXT_SIGHASH]: TWAP_ORDER_TITLE,
-    [CANCEL_ORDER_SIGHASH]: 'Cancel Order',
-  }
-
-  const swapTitle = txs
-    ?.map((tx) => hashToLabel[tx.data.slice(0, 10)])
-    .filter(Boolean)
-    .join(' and ')
-
-  return swapTitle
-}
-
-const SwapWidget = ({ sell }: Params) => {
-  const { palette } = useTheme()
-  const darkMode = useDarkMode()
-  const chainId = useChainId()
-  const dispatch = useAppDispatch()
-  const isSwapFeatureEnabled = useIsSwapFeatureEnabled()
-  const swapParams = useAppSelector(selectSwapParams)
-  const { safeAddress, safeLoading } = useSafeInfo()
-  const [blockedAddress, setBlockedAddress] = useState('')
-  const wallet = useWallet()
-  const { isConsentAccepted, onAccept } = useSwapConsent()
-  const feeEnabled = useHasFeature(FEATURES.NATIVE_SWAPS_FEE_ENABLED)
-  const useStagingCowServer = useHasFeature(FEATURES.NATIVE_SWAPS_USE_COW_STAGING_SERVER)
-
-  const [params, setParams] = useState<CowSwapWidgetParams>({
-    appCode: 'Safe Wallet Swaps', // Name of your app (max 50 characters)
-    width: '100%', // Width in pixels (or 100% to use all available space)
-    height: '860px',
-    chainId,
-    baseUrl: useStagingCowServer ? 'https://staging.swap.cow.fi' : 'https://swap.cow.fi',
-    standaloneMode: false,
-    disableToastMessages: true,
-    disablePostedOrderConfirmationModal: true,
-    hideLogo: true,
-    hideNetworkSelector: true,
-    sounds: {
-      orderError: null,
-      orderExecuted: null,
-      postOrder: null,
-    },
-    tradeType: swapParams.tradeType,
-    sell: sell || {
-      asset: '',
-      amount: '0',
-    },
-    buy: {
-      asset: '',
-      amount: '0',
-    },
-    images: {
-      emptyOrders: darkMode
-        ? BASE_URL + '/images/common/swap-empty-dark.svg'
-        : BASE_URL + '/images/common/swap-empty-light.svg',
-    },
-    enabledTradeTypes: [TradeType.SWAP, TradeType.LIMIT, TradeType.ADVANCED],
-    theme: {
-      baseTheme: darkMode ? 'dark' : 'light',
-      primary: palette.primary.main,
-      background: palette.background.main,
-      paper: palette.background.paper,
-      text: palette.text.primary,
-      danger: palette.error.dark,
-      info: palette.info.main,
-      success: palette.success.main,
-      warning: palette.warning.main,
-      alert: palette.warning.main,
-    },
-    partnerFee: {
-      bps: feeEnabled ? 35 : 0,
-      recipient: SWAP_FEE_RECIPIENT,
-    },
-    content: {
-      feeLabel: 'Widget Fee',
-      feeTooltipMarkdown:
-        'The [tiered widget fee](https://help.safe.global/en/articles/178530-how-does-the-widget-fee-work-for-native-swaps) incurred here is charged by CoW Protocol for the operation of this widget. The fee is automatically calculated into this quote. Part of the fee will contribute to a license fee that supports the Safe Community. Neither the Safe Ecosystem Foundation nor Safe{Wallet} operate the CoW Swap Widget and/or CoW Swap',
-    },
-  })
-
-  useEffect(() => {
-    if (isBlockedAddress(safeAddress)) {
-      setBlockedAddress(safeAddress)
-    }
-    if (wallet?.address && isBlockedAddress(wallet.address)) {
-      setBlockedAddress(wallet.address)
-    }
-  }, [safeAddress, wallet?.address])
-
-  const appData: SafeAppData = useMemo(
-    () => ({
-      id: 1,
-      url: 'https://app.safe.global',
-      name: SWAP_TITLE,
-      iconUrl: darkMode ? './images/common/safe-swap-dark.svg' : './images/common/safe-swap.svg',
-      description: 'Safe Apps',
-      chainIds: ['1', '100'],
-      accessControl: { type: SafeAppAccessPolicyTypes.NoRestrictions },
-      tags: ['safe-apps'],
-      features: [SafeAppFeatures.BATCHED_TRANSACTIONS],
-      socialProfiles: [],
-    }),
-    [darkMode],
-  )
-
-  const listeners = useMemo<CowEventListeners>(() => {
-    return [
-      {
-        event: CowEvents.ON_TOAST_MESSAGE,
-        handler: (event) => {
-          console.info('[Swaps] message:', event)
-          const { messageType } = event
-
-          switch (messageType) {
-            case 'ORDER_CREATED':
-              dispatch(
-                setSwapOrder({
-                  orderUid: event.data.orderUid,
-                  status: 'created',
-                }),
-              )
-              break
-            case 'ORDER_PRESIGNED':
-              dispatch(
-                setSwapOrder({
-                  orderUid: event.data.orderUid,
-                  status: 'open',
-                }),
-              )
-              break
-            case 'ORDER_FULFILLED':
-              dispatch(
-                setSwapOrder({
-                  orderUid: event.data.orderUid,
-                  status: 'fulfilled',
-                }),
-              )
-              break
-            case 'ORDER_EXPIRED':
-              dispatch(
-                setSwapOrder({
-                  orderUid: event.data.orderUid,
-                  status: 'expired',
-                }),
-              )
-              break
-            case 'ORDER_CANCELLED':
-              dispatch(
-                setSwapOrder({
-                  orderUid: event.data.orderUid,
-                  status: 'cancelled',
-                }),
-              )
-              break
-          }
-        },
-      },
-      {
-        event: CowEvents.ON_CHANGE_TRADE_PARAMS,
-        handler: (newTradeParams: OnTradeParamsPayload) => {
-          const { orderType: tradeType, recipient, sellToken, buyToken } = newTradeParams
-
-          const newFeeBps = feeEnabled ? calculateFeePercentageInBps(newTradeParams) : 0
-
-          setParams((params) => ({
-            ...params,
-            tradeType: UiOrderTypeToOrderType(tradeType),
-            partnerFee: {
-              recipient: SWAP_FEE_RECIPIENT,
-              bps: newFeeBps,
-            },
-            sell: {
-              asset: sellToken?.symbol,
-            },
-            buy: {
-              asset: buyToken?.symbol,
-            },
-          }))
-
-          if (recipient && isBlockedAddress(recipient)) {
-            setBlockedAddress(recipient)
-          }
-
-          dispatch(setSwapParams({ tradeType }))
-        },
-      },
-    ]
-  }, [dispatch, feeEnabled])
-
-  useEffect(() => {
-    setParams((params) => ({
-      ...params,
-      chainId,
-      theme: {
-        baseTheme: darkMode ? 'dark' : 'light',
-        primary: palette.primary.main,
-        background: palette.background.main,
-        paper: palette.background.paper,
-        text: palette.text.primary,
-        danger: palette.error.dark,
-        info: palette.info.main,
-        success: palette.success.main,
-        warning: palette.warning.main,
-        alert: palette.warning.main,
-      },
-    }))
-  }, [palette, darkMode, chainId])
-
-  const chain = useCurrentChain()
-
-  const iframeRef: MutableRefObject<HTMLIFrameElement | null> = useRef<HTMLIFrameElement | null>(null)
-
-  useEffect(() => {
-    const iframeElement = document.querySelector('#swapWidget iframe')
-    if (iframeElement) {
-      iframeRef.current = iframeElement as HTMLIFrameElement
-    }
-  }, [params, isConsentAccepted, safeLoading])
-
-  useCustomAppCommunicator(iframeRef, appData, chain)
-
-  if (blockedAddress) {
-    return <BlockedAddress address={blockedAddress} />
-  }
-
-  if (!isConsentAccepted) {
-    return <Disclaimer title="Note" content={<LegalDisclaimerContent />} onAccept={onAccept} buttonText="Continue" />
-  }
-
-  if (!isSwapFeatureEnabled) {
-    return (
-      <Container>
-        <Grid container justifyContent="center">
-          <div>Swaps are not supported on this chain</div>
-        </Grid>
-      </Container>
-    )
-  }
-
-  return (
-    <Box className={css.swapWidget} id="swapWidget">
-      <CowSwapWidget params={params} listeners={listeners} />
-    </Box>
-  )
-}
-
-export default SwapWidget
diff --git a/src/features/walletconnect/WalletConnectContext.tsx b/src/features/walletconnect/WalletConnectContext.tsx
deleted file mode 100644
index c17820132..000000000
--- a/src/features/walletconnect/WalletConnectContext.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import type { WCLoadingState } from '@/features/walletconnect/components/WalletConnectProvider'
-import { createContext, type Dispatch, type SetStateAction } from 'react'
-import type WalletConnectWallet from '@/features/walletconnect/services/WalletConnectWallet'
-
-type WalletConnectContextType = {
-  walletConnect: WalletConnectWallet | null
-  error: Error | null
-  setError: Dispatch<SetStateAction<Error | null>>
-  open: boolean
-  setOpen: (open: boolean) => void
-  isLoading: WCLoadingState | undefined
-  setIsLoading: Dispatch<SetStateAction<WCLoadingState | undefined>>
-}
-
-export const WalletConnectContext = createContext<WalletConnectContextType>({
-  walletConnect: null,
-  error: null,
-  setError: () => {},
-  open: false,
-  setOpen: (_open: boolean) => {},
-  isLoading: undefined,
-  setIsLoading: () => {},
-})
diff --git a/src/features/walletconnect/components/WalletConnectProvider/index.tsx b/src/features/walletconnect/components/WalletConnectProvider/index.tsx
deleted file mode 100644
index fd9b0442f..000000000
--- a/src/features/walletconnect/components/WalletConnectProvider/index.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import { type ReactNode, useEffect, useState } from 'react'
-import { getSdkError } from '@walletconnect/utils'
-import { formatJsonRpcError } from '@walletconnect/jsonrpc-utils'
-
-import useSafeInfo from '@/hooks/useSafeInfo'
-import useSafeWalletProvider from '@/services/safe-wallet-provider/useSafeWalletProvider'
-import { asError } from '@/services/exceptions/utils'
-import { IS_PRODUCTION } from '@/config/constants'
-import { getPeerName, stripEip155Prefix } from '@/features/walletconnect/services/utils'
-import { trackRequest } from '@/features/walletconnect//services/tracking'
-import { wcPopupStore } from '@/features/walletconnect/components'
-import WalletConnectWallet from '@/features/walletconnect/services/WalletConnectWallet'
-import { WalletConnectContext } from '@/features/walletconnect/WalletConnectContext'
-
-enum Errors {
-  WRONG_CHAIN = '%%dappName%% made a request on a different chain than the one you are connected to',
-}
-
-export enum WCLoadingState {
-  APPROVE = 'Approve',
-  REJECT = 'Reject',
-  CONNECT = 'Connect',
-  DISCONNECT = 'Disconnect',
-}
-
-const walletConnectSingleton = new WalletConnectWallet()
-
-const getWrongChainError = (dappName: string): Error => {
-  const message = Errors.WRONG_CHAIN.replace('%%dappName%%', dappName)
-  return new Error(message)
-}
-
-export const WalletConnectProvider = ({ children }: { children: ReactNode }) => {
-  const {
-    safe: { chainId },
-    safeAddress,
-  } = useSafeInfo()
-  const [walletConnect, setWalletConnect] = useState<WalletConnectWallet | null>(null)
-  const open = wcPopupStore.useStore() ?? false
-  const setOpen = wcPopupStore.setStore
-  const [error, setError] = useState<Error | null>(null)
-  const [isLoading, setIsLoading] = useState<WCLoadingState>()
-  const safeWalletProvider = useSafeWalletProvider()
-
-  // Init WalletConnect
-  useEffect(() => {
-    walletConnectSingleton
-      .init()
-      .then(() => setWalletConnect(walletConnectSingleton))
-      .catch(setError)
-  }, [])
-
-  // Update chainId/safeAddress
-  useEffect(() => {
-    if (!walletConnect || !chainId || !safeAddress) return
-
-    walletConnect.updateSessions(chainId, safeAddress).catch(setError)
-  }, [walletConnect, chainId, safeAddress])
-
-  // Subscribe to requests
-  useEffect(() => {
-    if (!walletConnect || !safeWalletProvider || !chainId) return
-
-    return walletConnect.onRequest(async (event) => {
-      if (!IS_PRODUCTION) {
-        console.log('[WalletConnect] request', event)
-      }
-
-      const { topic } = event
-      const session = walletConnect.getActiveSessions().find((s) => s.topic === topic)
-      const requestChainId = stripEip155Prefix(event.params.chainId)
-
-      // Track requests
-      if (session) {
-        trackRequest(session.peer.metadata.url, event.params.request.method)
-      }
-
-      const getResponse = () => {
-        // Get error if wrong chain
-        if (!session || requestChainId !== chainId) {
-          if (session) {
-            setError(getWrongChainError(getPeerName(session.peer)))
-          }
-
-          const error = getSdkError('UNSUPPORTED_CHAINS')
-          return formatJsonRpcError(event.id, error)
-        }
-
-        // Get response from Safe Wallet Provider
-        return safeWalletProvider.request(event.id, event.params.request, {
-          url: session.peer.metadata.url,
-          name: getPeerName(session.peer) || 'WalletConnect',
-          description: session.peer.metadata.description,
-          iconUrl: session.peer.metadata.icons[0],
-        })
-      }
-
-      try {
-        const response = await getResponse()
-
-        // Send response to WalletConnect
-        await walletConnect.sendSessionResponse(topic, response)
-      } catch (e) {
-        setError(asError(e))
-      }
-    })
-  }, [walletConnect, chainId, safeWalletProvider])
-
-  return (
-    <WalletConnectContext.Provider value={{ walletConnect, error, setError, open, setOpen, isLoading, setIsLoading }}>
-      {children}
-    </WalletConnectContext.Provider>
-  )
-}
diff --git a/src/features/walletconnect/components/WalletConnectUi/index.tsx b/src/features/walletconnect/components/WalletConnectUi/index.tsx
deleted file mode 100644
index dbd5bdb67..000000000
--- a/src/features/walletconnect/components/WalletConnectUi/index.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { useCallback, useContext, useEffect } from 'react'
-import { ErrorBoundary } from '@sentry/react'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import useWalletConnectSessions from '@/features/walletconnect/hooks/useWalletConnectSessions'
-import { WalletConnectContext } from '@/features/walletconnect/WalletConnectContext'
-import useWcUri from '../../hooks/useWcUri'
-import WcHeaderWidget from '../WcHeaderWidget'
-import WcSessionManager from '../WcSessionManager'
-import { WalletConnectProvider } from '../WalletConnectProvider'
-
-const WalletConnectWidget = () => {
-  const { walletConnect, error, open, setOpen } = useContext(WalletConnectContext)
-  const [uri, clearUri] = useWcUri()
-  const sessions = useWalletConnectSessions()
-  const { safeLoaded } = useSafeInfo()
-
-  const onOpen = useCallback(() => {
-    setOpen(true)
-  }, [setOpen])
-
-  const onClose = useCallback(() => {
-    setOpen(false)
-  }, [setOpen])
-
-  // Open the popup if there is a pairing code in the URL or clipboard
-  useEffect(() => {
-    if (safeLoaded && uri) {
-      onOpen()
-    }
-  }, [safeLoaded, uri, onOpen])
-
-  // Clear the pairing code when connected
-  useEffect(() => {
-    return walletConnect?.onSessionPropose(clearUri)
-  }, [walletConnect, clearUri])
-
-  return (
-    <WcHeaderWidget isError={!!error} isOpen={open} onOpen={onOpen} onClose={onClose} sessions={sessions}>
-      <WcSessionManager sessions={sessions} uri={uri} />
-    </WcHeaderWidget>
-  )
-}
-
-const WalletConnectUi = () => (
-  <ErrorBoundary>
-    <WalletConnectProvider>
-      <WalletConnectWidget />
-    </WalletConnectProvider>
-  </ErrorBoundary>
-)
-
-export default WalletConnectUi
diff --git a/src/features/walletconnect/components/WcConnectionForm/index.tsx b/src/features/walletconnect/components/WcConnectionForm/index.tsx
deleted file mode 100644
index 005aef073..000000000
--- a/src/features/walletconnect/components/WcConnectionForm/index.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import { useCallback, useEffect } from 'react'
-import { Grid, Typography, Divider, SvgIcon, IconButton, Tooltip, Box } from '@mui/material'
-import type { ReactElement } from 'react'
-import type { SessionTypes } from '@walletconnect/types'
-import useLocalStorage from '@/services/local-storage/useLocalStorage'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import WcHints from '../WcHints'
-import WcSessionList from '../WcSessionList'
-import WcInput from '../WcInput'
-import WcLogoHeader from '../WcLogoHeader'
-import css from './styles.module.css'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import Track from '@/components/common/Track'
-import { WALLETCONNECT_EVENTS } from '@/services/analytics/events/walletconnect'
-
-const WC_HINTS_KEY = 'wcHints'
-
-export const WcConnectionForm = ({ sessions, uri }: { sessions: SessionTypes.Struct[]; uri: string }): ReactElement => {
-  const [showHints = true, setShowHints] = useLocalStorage<boolean>(WC_HINTS_KEY)
-  const { safeLoaded } = useSafeInfo()
-
-  const onToggle = useCallback(() => {
-    setShowHints((prev) => !prev)
-  }, [setShowHints])
-
-  // Show the hints only once
-  useEffect(() => {
-    return () => setShowHints(false)
-  }, [setShowHints])
-
-  return (
-    <Grid className={css.container}>
-      <Grid item textAlign="center">
-        <Tooltip
-          title={showHints ? 'Hide how WalletConnect works' : 'How does WalletConnect work?'}
-          placement="top"
-          arrow
-          className={css.infoIcon}
-        >
-          <span>
-            <Track {...(showHints ? WALLETCONNECT_EVENTS.HINTS_HIDE : WALLETCONNECT_EVENTS.HINTS_SHOW)}>
-              <IconButton onClick={onToggle}>
-                <SvgIcon component={InfoIcon} inheritViewBox color="border" />
-              </IconButton>
-            </Track>
-          </span>
-        </Tooltip>
-
-        <WcLogoHeader />
-
-        <Typography variant="body2" color="text.secondary">
-          {safeLoaded
-            ? `Paste the pairing code below to connect to your Rootstock Safe via WalletConnect`
-            : `Please open one of your Safe Accounts to connect to via WalletConnect`}
-        </Typography>
-
-        {safeLoaded ? (
-          <Box mt={3}>
-            <WcInput uri={uri} />
-          </Box>
-        ) : null}
-      </Grid>
-
-      <Divider flexItem />
-
-      <Grid item>
-        <WcSessionList sessions={sessions} />
-      </Grid>
-
-      {showHints && (
-        <>
-          <Divider flexItem />
-
-          <Grid item mt={1}>
-            <WcHints />
-          </Grid>
-        </>
-      )}
-    </Grid>
-  )
-}
-
-export default WcConnectionForm
diff --git a/src/features/walletconnect/components/WcConnectionState/index.tsx b/src/features/walletconnect/components/WcConnectionState/index.tsx
deleted file mode 100644
index d3f4284e7..000000000
--- a/src/features/walletconnect/components/WcConnectionState/index.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { SvgIcon, Typography } from '@mui/material'
-import classNames from 'classnames'
-import type { CoreTypes } from '@walletconnect/types'
-import SafeAppIconCard from '@/components/safe-apps/SafeAppIconCard'
-import SafeLogo from '@/public/images/logo-no-text.svg'
-import ConnectionDots from '@/public/images/common/connection-dots.svg'
-import css from './styles.module.css'
-
-const WcConnectionState = ({ metadata, isDelete }: { metadata?: CoreTypes.Metadata; isDelete: boolean }) => {
-  const name = metadata?.name || 'dApp'
-  const icon = metadata?.icons[0] || ''
-
-  return (
-    <div className={css.container}>
-      <div>
-        <SafeLogo alt="Safe logo" width="28px" height="28px" />
-
-        <SvgIcon
-          component={ConnectionDots}
-          inheritViewBox
-          sx={{ mx: 2 }}
-          className={classNames(css.dots, { [css.errorDots]: isDelete })}
-        />
-
-        <SafeAppIconCard src={icon} width={28} height={28} alt={`${name} logo`} />
-      </div>
-
-      <Typography variant="h5" mt={3}>
-        {isDelete ? `${name} disconnected` : `${name} successfully connected!`}
-      </Typography>
-    </div>
-  )
-}
-
-export default WcConnectionState
diff --git a/src/features/walletconnect/components/WcInput/index.tsx b/src/features/walletconnect/components/WcInput/index.tsx
deleted file mode 100644
index ff40714c8..000000000
--- a/src/features/walletconnect/components/WcInput/index.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import Track from '@/components/common/Track'
-import { WCLoadingState } from '@/features/walletconnect/components/WalletConnectProvider'
-import { isPairingUri } from '@/features/walletconnect/services/utils'
-import { WalletConnectContext } from '@/features/walletconnect/WalletConnectContext'
-import useDebounce from '@/hooks/useDebounce'
-import { trackEvent } from '@/services/analytics'
-import { WALLETCONNECT_EVENTS } from '@/services/analytics/events/walletconnect'
-import { asError } from '@/services/exceptions/utils'
-import { getClipboard, isClipboardSupported } from '@/utils/clipboard'
-import { Button, CircularProgress, InputAdornment, TextField } from '@mui/material'
-import { useCallback, useContext, useEffect, useState } from 'react'
-
-const PROPOSAL_TIMEOUT = 30_000
-
-const useTrackErrors = (error?: Error) => {
-  const debouncedErrorMessage = useDebounce(error?.message, 1000)
-
-  // Track errors
-  useEffect(() => {
-    if (debouncedErrorMessage) {
-      trackEvent({ ...WALLETCONNECT_EVENTS.SHOW_ERROR, label: debouncedErrorMessage })
-    }
-  }, [debouncedErrorMessage])
-}
-
-const WcInput = ({ uri }: { uri: string }) => {
-  const { walletConnect, isLoading, setIsLoading, setError } = useContext(WalletConnectContext)
-  const [value, setValue] = useState('')
-  const [inputError, setInputError] = useState<Error>()
-  useTrackErrors(inputError)
-
-  const onInput = useCallback(
-    async (val: string) => {
-      if (!walletConnect) return
-
-      setValue(val)
-
-      if (val && !isPairingUri(val)) {
-        setInputError(new Error('Invalid pairing code'))
-        return
-      }
-
-      setInputError(undefined)
-
-      if (!val) return
-
-      setIsLoading(WCLoadingState.CONNECT)
-
-      try {
-        await walletConnect.connect(val)
-      } catch (e) {
-        setInputError(asError(e))
-        setIsLoading(undefined)
-      }
-      setTimeout(() => {
-        if (isLoading && isLoading !== WCLoadingState.APPROVE) {
-          setIsLoading(undefined)
-          setError(new Error('Connection timed out'))
-        }
-      }, PROPOSAL_TIMEOUT)
-    },
-    [isLoading, setError, setIsLoading, walletConnect],
-  )
-
-  // Insert a pre-filled uri
-  useEffect(() => {
-    onInput(uri)
-  }, [onInput, uri])
-
-  const onPaste = useCallback(async () => {
-    // Errors are handled by in getClipboard
-    const clipboard = await getClipboard()
-
-    if (clipboard && isPairingUri(clipboard)) {
-      onInput(clipboard)
-    }
-  }, [onInput])
-
-  return (
-    <TextField
-      value={value}
-      onChange={(e) => onInput(e.target.value)}
-      fullWidth
-      autoComplete="off"
-      autoFocus
-      disabled={!!isLoading}
-      error={!!inputError}
-      label={inputError ? inputError.message : 'Pairing code'}
-      placeholder="wc:"
-      spellCheck={false}
-      InputProps={{
-        autoComplete: 'off',
-        endAdornment: isClipboardSupported() ? undefined : (
-          <InputAdornment position="end">
-            <Track {...WALLETCONNECT_EVENTS.PASTE_CLICK}>
-              <Button variant="contained" onClick={onPaste} sx={{ py: 1 }} disabled={!!isLoading}>
-                {isLoading === WCLoadingState.CONNECT || isLoading === WCLoadingState.APPROVE ? (
-                  <CircularProgress size={20} />
-                ) : (
-                  'Paste'
-                )}
-              </Button>
-            </Track>
-          </InputAdornment>
-        ),
-      }}
-    />
-  )
-}
-
-export default WcInput
diff --git a/src/features/walletconnect/components/WcLogoHeader/index.tsx b/src/features/walletconnect/components/WcLogoHeader/index.tsx
deleted file mode 100644
index 135e9aa42..000000000
--- a/src/features/walletconnect/components/WcLogoHeader/index.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { SvgIcon, Typography } from '@mui/material'
-import type { ReactElement } from 'react'
-import WalletConnect from '@/public/images/common/walletconnect.svg'
-import Alert from '@/public/images/notifications/alert.svg'
-import css from './styles.module.css'
-
-const WcLogoHeader = ({ errorMessage }: { errorMessage?: string }): ReactElement => {
-  return (
-    <>
-      <div>
-        <SvgIcon component={WalletConnect} inheritViewBox className={css.icon} />
-        {errorMessage && <SvgIcon component={Alert} inheritViewBox className={css.errorBadge} fontSize="small" />}
-      </div>
-
-      <Typography variant="h5" mt={2} mb={0.5} className={css.title}>
-        {errorMessage || 'Connect dApps to Rootstock Safe'}
-      </Typography>
-    </>
-  )
-}
-
-export default WcLogoHeader
diff --git a/src/features/walletconnect/components/WcProposalForm/CompatibilityWarning.tsx b/src/features/walletconnect/components/WcProposalForm/CompatibilityWarning.tsx
deleted file mode 100644
index ac7050318..000000000
--- a/src/features/walletconnect/components/WcProposalForm/CompatibilityWarning.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Alert, Typography } from '@mui/material'
-import { useCallback } from 'react'
-import type { Web3WalletTypes } from '@walletconnect/web3wallet'
-
-import ChainIndicator from '@/components/common/ChainIndicator'
-import { useCompatibilityWarning } from './useCompatibilityWarning'
-import useSafeInfo from '@/hooks/useSafeInfo'
-
-import css from './styles.module.css'
-import NetworkSelector from '@/components/common/NetworkSelector'
-import { trackEvent } from '@/services/analytics'
-import { WALLETCONNECT_EVENTS } from '@/services/analytics/events/walletconnect'
-
-export const CompatibilityWarning = ({
-  proposal,
-  chainIds,
-}: {
-  proposal: Web3WalletTypes.SessionProposal
-  chainIds: Array<string>
-}) => {
-  const { safe } = useSafeInfo()
-  const isUnsupportedChain = !chainIds.includes(safe.chainId)
-  const { severity, message } = useCompatibilityWarning(proposal, isUnsupportedChain)
-  const peerUrl = proposal.params.proposer.metadata.url || proposal.verifyContext.verified.origin
-
-  const onChainChange = useCallback(() => {
-    trackEvent({ ...WALLETCONNECT_EVENTS.SWITCH_FROM_UNSUPPORTED_CHAIN, label: peerUrl })
-  }, [peerUrl])
-
-  return (
-    <>
-      <Alert severity={severity} className={css.alert}>
-        {message}
-      </Alert>
-
-      {isUnsupportedChain && (
-        <>
-          <Typography mt={3} mb={1}>
-            Supported networks
-          </Typography>
-
-          <div>
-            {chainIds.map((chainId) => (
-              <ChainIndicator inline chainId={chainId} key={chainId} className={css.chain} />
-            ))}
-          </div>
-
-          <Typography mt={3} component="div">
-            Switch network
-            <NetworkSelector onChainSelect={onChainChange} />
-          </Typography>
-        </>
-      )}
-    </>
-  )
-}
diff --git a/src/features/walletconnect/components/WcProposalForm/ProposalVerification.tsx b/src/features/walletconnect/components/WcProposalForm/ProposalVerification.tsx
deleted file mode 100644
index 15b7a37d6..000000000
--- a/src/features/walletconnect/components/WcProposalForm/ProposalVerification.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import type { Web3WalletTypes } from '@walletconnect/web3wallet'
-import { Alert, SvgIcon } from '@mui/material'
-import type { AlertColor } from '@mui/material'
-import AlertIcon from '@/public/images/notifications/alert.svg'
-import type { Verify } from '@walletconnect/types'
-import type { ComponentType, ReactElement } from 'react'
-import CloseIcon from '@/public/images/common/close.svg'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import CheckIcon from '@/public/images/common/check.svg'
-import { getPeerName } from '@/features/walletconnect/services/utils'
-import css from './styles.module.css'
-
-const Validation: {
-  [key in Verify.Context['verified']['validation']]: {
-    color: AlertColor
-    desc: string
-    Icon: ComponentType
-  }
-} = {
-  VALID: {
-    color: 'success',
-    desc: 'has been verified by WalletConnect.',
-    Icon: CheckIcon,
-  },
-  UNKNOWN: {
-    color: 'warning',
-    desc: 'has not been verified by WalletConnect.',
-    Icon: InfoIcon,
-  },
-  INVALID: {
-    color: 'error',
-    desc: 'has a domain that does not match the sender of this request. Approving it may result in a loss of funds.',
-    Icon: CloseIcon,
-  },
-}
-
-const ProposalVerification = ({ proposal }: { proposal: Web3WalletTypes.SessionProposal }): ReactElement | null => {
-  const { proposer } = proposal.params
-  const { isScam, validation } = proposal.verifyContext.verified
-
-  if (validation === 'UNKNOWN') {
-    return null
-  }
-
-  const _validation = Validation[validation]
-  const color = isScam ? 'error' : _validation.color
-  const Icon = isScam ? AlertIcon : _validation.Icon
-
-  return (
-    <Alert
-      severity={color}
-      sx={{ bgcolor: ({ palette }) => palette[color].background }}
-      className={css.alert}
-      icon={
-        <SvgIcon
-          component={Icon}
-          inheritViewBox
-          color={color}
-          sx={{
-            '& path': {
-              fill: ({ palette }) => palette[color].main,
-            },
-          }}
-        />
-      }
-    >
-      {isScam
-        ? `We prevent connecting to ${getPeerName(proposer) || 'this dApp'} as they are a known scam.`
-        : `${getPeerName(proposer) || 'This dApp'} ${_validation.desc}`}
-    </Alert>
-  )
-}
-export default ProposalVerification
diff --git a/src/features/walletconnect/components/WcProposalForm/index.tsx b/src/features/walletconnect/components/WcProposalForm/index.tsx
deleted file mode 100644
index f1189d9df..000000000
--- a/src/features/walletconnect/components/WcProposalForm/index.tsx
+++ /dev/null
@@ -1,152 +0,0 @@
-import SafeAppIconCard from '@/components/safe-apps/SafeAppIconCard'
-import { WCLoadingState } from '@/features/walletconnect/components/WalletConnectProvider'
-import {
-  getPeerName,
-  getSupportedChainIds,
-  isBlockedBridge,
-  isWarnedBridge,
-} from '@/features/walletconnect/services/utils'
-import { WalletConnectContext } from '@/features/walletconnect/WalletConnectContext'
-import useChains from '@/hooks/useChains'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { trackEvent } from '@/services/analytics'
-import { WALLETCONNECT_EVENTS } from '@/services/analytics/events/walletconnect'
-
-import { asError } from '@/services/exceptions/utils'
-import { Button, Checkbox, CircularProgress, Divider, FormControlLabel, Typography } from '@mui/material'
-import type { Web3WalletTypes } from '@walletconnect/web3wallet'
-import type { ChangeEvent, ReactElement } from 'react'
-import { type Dispatch, type SetStateAction, useCallback, useContext, useEffect, useMemo, useState } from 'react'
-import { CompatibilityWarning } from './CompatibilityWarning'
-import ProposalVerification from './ProposalVerification'
-import css from './styles.module.css'
-
-type ProposalFormProps = {
-  proposal: Web3WalletTypes.SessionProposal
-  setProposal: Dispatch<SetStateAction<Web3WalletTypes.SessionProposal | undefined>>
-  onApprove: () => void
-}
-
-const WcProposalForm = ({ proposal, setProposal, onApprove }: ProposalFormProps): ReactElement => {
-  const { walletConnect, setError, setIsLoading, isLoading } = useContext(WalletConnectContext)
-
-  const { configs } = useChains()
-  const { safeLoaded, safe } = useSafeInfo()
-  const { chainId } = safe
-  const [understandsRisk, setUnderstandsRisk] = useState(false)
-  const { proposer } = proposal.params
-  const { isScam, origin } = proposal.verifyContext.verified
-  const url = proposer.metadata.url || origin
-
-  const chainIds = useMemo(() => getSupportedChainIds(configs, proposal.params), [configs, proposal.params])
-  const isUnsupportedChain = !chainIds.includes(chainId)
-
-  const name = getPeerName(proposer) || 'Unknown dApp'
-  const isHighRisk = proposal.verifyContext.verified.validation === 'INVALID' || isWarnedBridge(origin, name)
-  const isBlocked = isScam || isBlockedBridge(origin)
-  const disabled = !safeLoaded || isUnsupportedChain || isBlocked || (isHighRisk && !understandsRisk) || !!isLoading
-
-  // On session reject
-  const onReject = useCallback(async () => {
-    if (!walletConnect || !proposal) return
-
-    const label = proposal?.params.proposer.metadata.url
-    trackEvent({ ...WALLETCONNECT_EVENTS.REJECT_CLICK, label })
-
-    setIsLoading(WCLoadingState.REJECT)
-
-    try {
-      await walletConnect.rejectSession(proposal)
-    } catch (e) {
-      setIsLoading(undefined)
-      setError(asError(e))
-    }
-
-    setIsLoading(undefined)
-    setProposal(undefined)
-  }, [walletConnect, proposal, setIsLoading, setProposal, setError])
-
-  const onCheckboxClick = useCallback(
-    (_: ChangeEvent, checked: boolean) => {
-      setUnderstandsRisk(checked)
-
-      if (checked) {
-        trackEvent({
-          ...WALLETCONNECT_EVENTS.ACCEPT_RISK,
-          label: url,
-        })
-      }
-    },
-    [url],
-  )
-
-  // Track risk/scam/bridge warnings
-  useEffect(() => {
-    if (isHighRisk || isBlocked) {
-      trackEvent({
-        ...WALLETCONNECT_EVENTS.SHOW_RISK,
-        label: url,
-      })
-    }
-  }, [isHighRisk, isBlocked, url])
-
-  // Track unsupported chain warnings
-  useEffect(() => {
-    if (isUnsupportedChain) {
-      trackEvent({
-        ...WALLETCONNECT_EVENTS.UNSUPPORTED_CHAIN,
-        label: url,
-      })
-    }
-  }, [url, isUnsupportedChain])
-
-  return (
-    <div className={css.container}>
-      <Typography variant="body2" color="text.secondary">
-        WalletConnect
-      </Typography>
-
-      {proposer.metadata.icons[0] && (
-        <div className={css.icon}>
-          <SafeAppIconCard src={proposer.metadata.icons[0]} width={32} height={32} alt={`${name || 'dApp'} logo`} />
-        </div>
-      )}
-
-      <Typography mb={1}>
-        <b>{name}</b> wants to connect
-      </Typography>
-
-      <Typography className={css.origin} mb={3}>
-        {proposal.verifyContext.verified.origin}
-      </Typography>
-
-      <div className={css.info}>
-        <ProposalVerification proposal={proposal} />
-
-        <CompatibilityWarning proposal={proposal} chainIds={chainIds} />
-      </div>
-
-      {!isBlocked && isHighRisk && (
-        <FormControlLabel
-          className={css.checkbox}
-          control={<Checkbox checked={understandsRisk} onChange={onCheckboxClick} />}
-          label="I understand the risks associated with interacting with this dApp and would like to continue."
-        />
-      )}
-
-      <Divider flexItem className={css.divider} />
-
-      <div className={css.buttons}>
-        <Button variant="danger" onClick={onReject} className={css.button} disabled={!!isLoading}>
-          {isLoading === WCLoadingState.REJECT ? <CircularProgress size={20} /> : 'Reject'}
-        </Button>
-
-        <Button variant="contained" onClick={() => onApprove()} className={css.button} disabled={disabled}>
-          {isLoading === WCLoadingState.APPROVE ? <CircularProgress size={20} /> : 'Approve'}
-        </Button>
-      </div>
-    </div>
-  )
-}
-
-export default WcProposalForm
diff --git a/src/features/walletconnect/components/WcProposalForm/styles.module.css b/src/features/walletconnect/components/WcProposalForm/styles.module.css
deleted file mode 100644
index 149bb5d2b..000000000
--- a/src/features/walletconnect/components/WcProposalForm/styles.module.css
+++ /dev/null
@@ -1,51 +0,0 @@
-.container {
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  text-align: center;
-}
-
-.icon {
-  padding: var(--space-2);
-}
-
-.chain {
-  margin: 2px;
-}
-
-.origin {
-  padding: var(--space-1) var(--space-2);
-  background: var(--color-border-background);
-  border-radius: 6px;
-}
-
-.info {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-1);
-}
-
-.alert {
-  width: 100%;
-  text-align: left;
-}
-
-.checkbox {
-  text-align: left;
-  margin-top: var(--space-2);
-}
-
-.divider {
-  margin: var(--space-3) calc(-1 * var(--space-4));
-}
-
-.buttons {
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-}
-
-.button {
-  padding: var(--space-1) var(--space-4);
-  min-width: 130px;
-}
diff --git a/src/features/walletconnect/components/WcSessionList/index.tsx b/src/features/walletconnect/components/WcSessionList/index.tsx
deleted file mode 100644
index 7d7af63c6..000000000
--- a/src/features/walletconnect/components/WcSessionList/index.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import SafeAppIconCard from '@/components/safe-apps/SafeAppIconCard'
-import { WCLoadingState } from '@/features/walletconnect/components/WalletConnectProvider'
-import { getPeerName } from '@/features/walletconnect/services/utils'
-import { WalletConnectContext } from '@/features/walletconnect/WalletConnectContext'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { trackEvent } from '@/services/analytics'
-import { WALLETCONNECT_EVENTS } from '@/services/analytics/events/walletconnect'
-import { asError } from '@/services/exceptions/utils'
-import { Button, CircularProgress, List, ListItem, ListItemAvatar, ListItemIcon, ListItemText } from '@mui/material'
-import type { SessionTypes } from '@walletconnect/types'
-import { useCallback, useContext } from 'react'
-import css from './styles.module.css'
-import WcNoSessions from './WcNoSessions'
-
-type WcSesstionListProps = {
-  sessions: SessionTypes.Struct[]
-}
-
-const WcSessionListItem = ({ session }: { session: SessionTypes.Struct }) => {
-  const { walletConnect, setError, isLoading, setIsLoading } = useContext(WalletConnectContext)
-
-  const MAX_NAME_LENGTH = 23
-  const { safeLoaded } = useSafeInfo()
-  let name = getPeerName(session.peer) || 'Unknown dApp'
-
-  if (name.length > MAX_NAME_LENGTH + 1) {
-    name = `${name.slice(0, MAX_NAME_LENGTH)}…`
-  }
-
-  const onDisconnect = useCallback(async () => {
-    if (!walletConnect) return
-
-    const label = session.peer.metadata.url
-    trackEvent({ ...WALLETCONNECT_EVENTS.DISCONNECT_CLICK, label })
-
-    setIsLoading(WCLoadingState.DISCONNECT)
-
-    try {
-      await walletConnect.disconnectSession(session)
-    } catch (error) {
-      setIsLoading(undefined)
-      setError(asError(error))
-    }
-
-    setIsLoading(undefined)
-  }, [walletConnect, session, setIsLoading, setError])
-
-  return (
-    <ListItem className={css.sessionListItem}>
-      {session.peer.metadata.icons[0] && (
-        <ListItemAvatar className={css.sessionListAvatar}>
-          <SafeAppIconCard src={session.peer.metadata.icons[0]} alt="icon" width={20} height={20} />
-        </ListItemAvatar>
-      )}
-
-      <ListItemText primary={name} primaryTypographyProps={{ color: safeLoaded ? undefined : 'text.secondary' }} />
-
-      <ListItemIcon className={css.sessionListSecondaryAction}>
-        <Button variant="danger" onClick={onDisconnect} className={css.button} disabled={!!isLoading}>
-          {isLoading === WCLoadingState.DISCONNECT ? <CircularProgress size={20} /> : 'Disconnect'}
-        </Button>
-      </ListItemIcon>
-    </ListItem>
-  )
-}
-
-const WcSessionList = ({ sessions }: WcSesstionListProps) => {
-  if (sessions.length === 0) {
-    return <WcNoSessions />
-  }
-
-  return (
-    <List className={css.sessionList}>
-      {Object.values(sessions).map((session) => (
-        <WcSessionListItem key={session.topic} session={session} />
-      ))}
-    </List>
-  )
-}
-
-export default WcSessionList
diff --git a/src/features/walletconnect/components/WcSessionManager/index.tsx b/src/features/walletconnect/components/WcSessionManager/index.tsx
deleted file mode 100644
index 689c95b11..000000000
--- a/src/features/walletconnect/components/WcSessionManager/index.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import { WCLoadingState } from '@/features/walletconnect/components/WalletConnectProvider'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { asError } from '@/services/exceptions/utils'
-import useLocalStorage from '@/services/local-storage/useLocalStorage'
-import { useCallback, useContext, useEffect, useState } from 'react'
-import type { Web3WalletTypes } from '@walletconnect/web3wallet'
-import type { SessionTypes } from '@walletconnect/types'
-import { WalletConnectContext } from '@/features/walletconnect/WalletConnectContext'
-import WcConnectionForm from '../WcConnectionForm'
-import WcErrorMessage from '../WcErrorMessage'
-import WcProposalForm from '../WcProposalForm'
-import { trackEvent } from '@/services/analytics'
-import { WALLETCONNECT_EVENTS } from '@/services/analytics/events/walletconnect'
-import { splitError } from '@/features/walletconnect/services/utils'
-
-type WcSessionManagerProps = {
-  sessions: SessionTypes.Struct[]
-  uri: string
-}
-
-// chainId -> origin -> boolean
-type WcAutoApproveProps = Record<string, Record<string, boolean>>
-
-const WC_AUTO_APPROVE_KEY = 'wcAutoApprove'
-
-const WcSessionManager = ({ sessions, uri }: WcSessionManagerProps) => {
-  const [autoApprove = {}, setAutoApprove] = useLocalStorage<WcAutoApproveProps>(WC_AUTO_APPROVE_KEY)
-  const { walletConnect, error, setError, open, setOpen, setIsLoading } = useContext(WalletConnectContext)
-  const { safe, safeAddress } = useSafeInfo()
-  const { chainId } = safe
-  const [proposal, setProposal] = useState<Web3WalletTypes.SessionProposal>()
-
-  // On session approve
-  const onApprove = useCallback(
-    async (proposalData?: Web3WalletTypes.SessionProposal) => {
-      const sessionProposal = proposalData || proposal
-
-      if (!walletConnect || !chainId || !safeAddress || !sessionProposal) return
-
-      const label = sessionProposal?.params.proposer.metadata.url
-      trackEvent({ ...WALLETCONNECT_EVENTS.APPROVE_CLICK, label })
-
-      setIsLoading(WCLoadingState.APPROVE)
-
-      try {
-        await walletConnect.approveSession(sessionProposal, chainId, safeAddress, {
-          capabilities: JSON.stringify({
-            [safeAddress]: {
-              [`0x${Number(chainId).toString(16)}`]: {
-                atomicBatch: {
-                  supported: true,
-                },
-              },
-            },
-          }),
-        })
-
-        // Auto approve future sessions for non-malicious dApps
-        if (
-          sessionProposal.verifyContext.verified.validation !== 'INVALID' &&
-          !sessionProposal.verifyContext.verified.isScam
-        ) {
-          setAutoApprove((prev) => ({
-            ...prev,
-            [chainId]: { ...prev?.[chainId], [sessionProposal.verifyContext.verified.origin]: true },
-          }))
-        }
-
-        setOpen(false)
-      } catch (e) {
-        setIsLoading(undefined)
-        setError(asError(e))
-        return
-      }
-
-      trackEvent({ ...WALLETCONNECT_EVENTS.CONNECTED, label })
-      setIsLoading(undefined)
-      setProposal(undefined)
-    },
-    [proposal, walletConnect, chainId, safeAddress, setIsLoading, setOpen, setAutoApprove, setError],
-  )
-
-  // Reset error
-  const onErrorReset = useCallback(() => {
-    setError(null)
-  }, [setError])
-
-  // Subscribe to session proposals
-  useEffect(() => {
-    if (!walletConnect) return
-    return walletConnect.onSessionPropose((proposalData) => {
-      setError(null)
-
-      if (autoApprove[chainId]?.[proposalData.verifyContext.verified.origin]) {
-        onApprove(proposalData)
-        return
-      }
-
-      setProposal(proposalData)
-      setIsLoading(undefined)
-    })
-  }, [autoApprove, chainId, onApprove, setError, setIsLoading, walletConnect])
-
-  // Track errors
-  useEffect(() => {
-    if (error) {
-      // The summary of the error
-      const label = splitError(error.message || '')[0]
-      trackEvent({ ...WALLETCONNECT_EVENTS.SHOW_ERROR, label })
-    }
-  }, [error])
-
-  // Nothing to show
-  if (!open) return null
-
-  // Error
-  if (error) {
-    return <WcErrorMessage error={error} onClose={onErrorReset} />
-  }
-
-  // Session proposal
-  if (proposal) {
-    return <WcProposalForm proposal={proposal} setProposal={setProposal} onApprove={onApprove} />
-  }
-
-  // Connection form (initial state)
-  return <WcConnectionForm sessions={sessions} uri={uri} />
-}
-
-export default WcSessionManager
diff --git a/src/features/walletconnect/components/index.tsx b/src/features/walletconnect/components/index.tsx
deleted file mode 100644
index bc116d235..000000000
--- a/src/features/walletconnect/components/index.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import dynamic from 'next/dynamic'
-import ExternalStore from '@/services/ExternalStore'
-
-const WalletConnectUi = dynamic(() => import('./WalletConnectUi'))
-
-export default WalletConnectUi
-
-// Open/close WC popup externally
-export const wcPopupStore = new ExternalStore<boolean>(false)
-
-export function openWalletConnect() {
-  wcPopupStore.setStore(true)
-}
diff --git a/src/features/walletconnect/constants.ts b/src/features/walletconnect/constants.ts
deleted file mode 100644
index aee744688..000000000
--- a/src/features/walletconnect/constants.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-export const SAFE_COMPATIBLE_METHODS = [
-  'eth_accounts',
-  'net_version',
-  'eth_chainId',
-  'personal_sign',
-  'eth_sign',
-  'eth_signTypedData',
-  'eth_signTypedData_v4',
-  'eth_sendTransaction',
-  'eth_blockNumber',
-  'eth_getBalance',
-  'eth_getCode',
-  'eth_getTransactionCount',
-  'eth_getStorageAt',
-  'eth_getBlockByNumber',
-  'eth_getBlockByHash',
-  'eth_getTransactionByHash',
-  'eth_getTransactionReceipt',
-  'eth_estimateGas',
-  'eth_call',
-  'eth_getLogs',
-  'eth_gasPrice',
-  'wallet_switchEthereumChain',
-  'wallet_sendCalls',
-  'wallet_getCallsStatus',
-  'wallet_showCallsStatus',
-  'wallet_getCapabilities',
-  'safe_setSettings',
-]
-
-export const SAFE_COMPATIBLE_EVENTS = ['chainChanged', 'accountsChanged']
-
-export const SAFE_WALLET_METADATA = {
-  name: 'Rootstock Safe',
-  url: 'https://app.safe.global',
-  description: 'Smart contract wallet for Rootstock',
-  icons: ['https://app.safe.global/images/logo-round.svg'],
-}
-
-export const EIP155 = 'eip155' as const
-
-// Bridges enforcing same address on destination chains
-export const BlockedBridges = [
-  'app.chainport.io',
-  'cbridge.celer.network',
-  'www.orbiter.finance',
-  'zksync-era.l2scan.co',
-  'www.portalbridge.com',
-  'wallet.polygon.technology',
-
-  // Unsupported chain bridges
-  'bridge.zora.energy',
-  'bridge.mantle.xyz',
-  'bridge.metis.io',
-  'pacific-bridge.manta.network',
-  'tokenbridge.rsk.co',
-  'canto.io',
-  'gateway.boba.network',
-  'bttc.bittorrent.com',
-  'iotube.org',
-  'bridge.telos.net',
-  'ultronswap.com',
-]
-
-// Bridges that initially select the same address on the destination chain but allow changing it
-export const WarnedBridges = [
-  'core.app',
-  'across.to', // doesn't send their URL in the session proposal
-  'app.allbridge.io',
-  'app.rhino.fi',
-  'bridge.arbitrum.io',
-  'bridge.base.org',
-  'bridge.linea.build',
-  'core.allbridge.io',
-  'bungee.exchange',
-  'www.carrier.so',
-  'app.chainport.io',
-  'bridge.gnosischain.com',
-  'app.hop.exchange', // doesn't send their URL in the session proposal
-  'app.interport.fi',
-  'jumper.exchange',
-  'www.layerswap.io',
-  'meson.fi',
-  'satellite.money',
-  'stargate.finance',
-  'app.squidrouter.com',
-  'app.symbiosis.finance',
-  'www.synapseprotocol.com',
-  'app.thevoyager.io',
-  'portal.txsync.io',
-  'bridge.wanchain.org',
-  'app.xy.finance',
-  'scroll.io',
-]
-
-export const WarnedBridgeNames = ['Across Bridge', 'Hop']
diff --git a/src/features/walletconnect/hooks/__tests__/useWalletConnectSessions.test.tsx b/src/features/walletconnect/hooks/__tests__/useWalletConnectSessions.test.tsx
deleted file mode 100644
index ddaea96b8..000000000
--- a/src/features/walletconnect/hooks/__tests__/useWalletConnectSessions.test.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-import { renderHook, waitFor } from '@/tests/test-utils'
-import { WalletConnectContext } from '@/features/walletconnect/WalletConnectContext'
-import useWalletConnectSessions from '../useWalletConnectSessions'
-import type WalletConnectWallet from '../../services/WalletConnectWallet'
-
-describe('useWalletConnectSessions', () => {
-  it('should return an array of active sessions', () => {
-    const sessions = [
-      {
-        topic: 'topic1',
-        chainId: 1,
-        key: 'key1',
-        metadata: {
-          name: 'session1',
-        },
-      },
-      {
-        topic: 'topic2',
-        chainId: 1,
-        key: 'key2',
-        metadata: {
-          name: 'session2',
-        },
-      },
-    ]
-
-    const mockWalletConnect = {
-      getActiveSessions: jest.fn().mockReturnValue(sessions),
-      onSessionAdd: jest.fn(),
-      onSessionDelete: jest.fn(),
-    } as unknown as WalletConnectWallet
-
-    const wrapper = ({ children }: any) => (
-      <WalletConnectContext.Provider
-        value={{
-          walletConnect: mockWalletConnect,
-          error: null,
-          setError: () => {},
-          open: false,
-          setOpen: () => {},
-          isLoading: undefined,
-          setIsLoading: () => {},
-        }}
-      >
-        {children}
-      </WalletConnectContext.Provider>
-    )
-
-    const { result } = renderHook(() => useWalletConnectSessions(), { wrapper })
-
-    expect(result.current).toEqual(sessions)
-  })
-
-  it('should update sessions when a session is added', async () => {
-    const mockWalletConnect = {
-      getActiveSessions: jest.fn().mockReturnValue([]),
-      onSessionAdd: jest.fn(),
-      onSessionDelete: jest.fn(),
-    } as unknown as WalletConnectWallet
-
-    const wrapper = ({ children }: any) => (
-      <WalletConnectContext.Provider
-        value={{
-          walletConnect: mockWalletConnect,
-          error: null,
-          setError: () => {},
-          open: false,
-          setOpen: () => {},
-          isLoading: undefined,
-          setIsLoading: () => {},
-        }}
-      >
-        {children}
-      </WalletConnectContext.Provider>
-    )
-
-    const { result } = renderHook(() => useWalletConnectSessions(), { wrapper })
-
-    expect(result.current).toEqual([])
-
-    const updateSessions = (mockWalletConnect.onSessionAdd as jest.Mock).mock.calls[0][0]
-
-    ;(mockWalletConnect.getActiveSessions as jest.Mock).mockReturnValue([
-      {
-        topic: 'topic1',
-        chainId: 1,
-        key: 'key1',
-        metadata: {
-          name: 'session1',
-        },
-      },
-    ])
-
-    updateSessions()
-
-    expect(mockWalletConnect.getActiveSessions).toHaveBeenCalled()
-
-    await waitFor(() => {
-      expect(result.current).toEqual([
-        {
-          topic: 'topic1',
-          chainId: 1,
-          key: 'key1',
-          metadata: {
-            name: 'session1',
-          },
-        },
-      ])
-    })
-  })
-
-  it('should update sessions when a session is deleted', async () => {
-    const mockWalletConnect = {
-      getActiveSessions: jest.fn().mockReturnValue([]),
-      onSessionAdd: jest.fn(),
-      onSessionDelete: jest.fn(),
-    } as unknown as WalletConnectWallet
-
-    const wrapper = ({ children }: any) => (
-      <WalletConnectContext.Provider
-        value={{
-          walletConnect: mockWalletConnect,
-          error: null,
-          setError: () => {},
-          open: false,
-          setOpen: () => {},
-          isLoading: undefined,
-          setIsLoading: () => {},
-        }}
-      >
-        {children}
-      </WalletConnectContext.Provider>
-    )
-
-    const { result } = renderHook(() => useWalletConnectSessions(), { wrapper })
-
-    expect(result.current).toEqual([])
-
-    const updateSessions = (mockWalletConnect.onSessionDelete as jest.Mock).mock.calls[0][0]
-
-    ;(mockWalletConnect.getActiveSessions as jest.Mock).mockReturnValue([
-      {
-        topic: 'topic1',
-        chainId: 1,
-        key: 'key1',
-        metadata: {
-          name: 'session1',
-        },
-      },
-    ])
-
-    updateSessions()
-
-    expect(mockWalletConnect.getActiveSessions).toHaveBeenCalled()
-
-    await waitFor(() => {
-      expect(result.current).toEqual([
-        {
-          topic: 'topic1',
-          chainId: 1,
-          key: 'key1',
-          metadata: {
-            name: 'session1',
-          },
-        },
-      ])
-    })
-  })
-})
diff --git a/src/features/walletconnect/hooks/useWalletConnectSessions.ts b/src/features/walletconnect/hooks/useWalletConnectSessions.ts
deleted file mode 100644
index e51cf193d..000000000
--- a/src/features/walletconnect/hooks/useWalletConnectSessions.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { useContext, useEffect, useCallback, useState } from 'react'
-import type { SessionTypes } from '@walletconnect/types'
-import { WalletConnectContext } from '@/features/walletconnect/WalletConnectContext'
-
-function useWalletConnectSessions(): SessionTypes.Struct[] {
-  const { walletConnect } = useContext(WalletConnectContext)
-  const [sessions, setSessions] = useState<SessionTypes.Struct[]>([])
-
-  const updateSessions = useCallback(() => {
-    if (!walletConnect) return
-    setSessions(walletConnect.getActiveSessions())
-  }, [walletConnect])
-
-  // Initial sessions
-  useEffect(updateSessions, [updateSessions])
-
-  // On session add
-  useEffect(() => {
-    if (!walletConnect) return
-    return walletConnect.onSessionAdd(updateSessions)
-  }, [walletConnect, updateSessions])
-
-  // On session delete
-  useEffect(() => {
-    if (!walletConnect) return
-    return walletConnect.onSessionDelete(updateSessions)
-  }, [walletConnect, updateSessions])
-
-  return sessions
-}
-
-export default useWalletConnectSessions
diff --git a/src/features/walletconnect/services/tracking.ts b/src/features/walletconnect/services/tracking.ts
deleted file mode 100644
index fa37b0db5..000000000
--- a/src/features/walletconnect/services/tracking.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { trackEvent } from '../../../services/analytics'
-import { WALLETCONNECT_EVENTS } from '../../../services/analytics/events/walletconnect'
-
-const trackedRequests = [
-  'personal_sign',
-  'eth_sign',
-  'eth_signTypedData',
-  'eth_signTypedData_v4',
-  'eth_sendTransaction',
-]
-
-export const trackRequest = (peerUrl: string, method: string) => {
-  if (trackedRequests.includes(method)) {
-    trackEvent({ ...WALLETCONNECT_EVENTS.REQUEST, label: peerUrl })
-  }
-}
diff --git a/src/features/walletconnect/services/utils.ts b/src/features/walletconnect/services/utils.ts
deleted file mode 100644
index 0c5d30da1..000000000
--- a/src/features/walletconnect/services/utils.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import type { ProposalTypes, SessionTypes } from '@walletconnect/types'
-import { EIP155, BlockedBridges, WarnedBridges, WarnedBridgeNames } from '@/features/walletconnect/constants'
-
-export const isPairingUri = (uri: string): boolean => {
-  return uri.startsWith('wc:')
-}
-
-export const getEip155ChainId = (chainId: string): string => {
-  return `${EIP155}:${chainId}`
-}
-
-export const stripEip155Prefix = (eip155Address: string): string => {
-  return eip155Address.split(':').pop() ?? ''
-}
-
-export const getSupportedEip155ChainIds = (
-  requiredNamespaces: ProposalTypes.RequiredNamespaces,
-  optionalNamespaces: ProposalTypes.OptionalNamespaces,
-): Array<string> => {
-  const requiredChains = requiredNamespaces[EIP155]?.chains ?? []
-  const optionalChains = optionalNamespaces[EIP155]?.chains ?? []
-
-  return requiredChains.concat(optionalChains)
-}
-
-export const getSupportedChainIds = (
-  configs: Array<ChainInfo>,
-  { requiredNamespaces, optionalNamespaces }: ProposalTypes.Struct,
-): Array<string> => {
-  const supportedEip155ChainIds = getSupportedEip155ChainIds(requiredNamespaces, optionalNamespaces)
-
-  return configs
-    .filter((chain) => {
-      const eipChainId = getEip155ChainId(chain.chainId)
-      return supportedEip155ChainIds.includes(eipChainId)
-    })
-    .map((chain) => chain.chainId)
-}
-
-export const isUnsupportedChain = (session: SessionTypes.Struct, chainId: string) => {
-  const supportedEip155ChainIds = getSupportedEip155ChainIds(session.requiredNamespaces, session.optionalNamespaces)
-
-  const eipChainId = getEip155ChainId(chainId)
-  return !supportedEip155ChainIds.includes(eipChainId)
-}
-
-// Bridge enforces the same address on destination chain
-export const isBlockedBridge = (origin: string) => {
-  return BlockedBridges.some((bridge) => origin.includes(bridge))
-}
-
-// Bridge defaults to same address on destination chain but allows changing it
-export const isWarnedBridge = (origin: string, name: string) => {
-  return WarnedBridges.some((bridge) => origin.includes(bridge)) || WarnedBridgeNames.includes(name)
-}
-
-export const getPeerName = (peer: SessionTypes.Struct['peer'] | ProposalTypes.Struct['proposer']): string => {
-  return peer.metadata?.name || peer.metadata?.url || ''
-}
-
-export const splitError = (message: string): string[] => {
-  return message.split(/: (.+)/).slice(0, 2)
-}
diff --git a/src/hooks/__tests__/useBalances.test.ts b/src/hooks/__tests__/useBalances.test.ts
deleted file mode 100644
index e8db75618..000000000
--- a/src/hooks/__tests__/useBalances.test.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { type SafeBalanceResponse, TokenType } from '@safe-global/safe-gateway-typescript-sdk'
-import * as store from '@/store'
-import { renderHook } from '@/tests/test-utils'
-import useBalances from '../useBalances'
-import { toBeHex } from 'ethers'
-
-describe('useBalances', () => {
-  test('empty balance', () => {
-    const balance: SafeBalanceResponse = {
-      fiatTotal: '0',
-      items: [],
-    }
-    jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
-      selector({
-        balances: { data: balance, error: undefined, loading: false },
-      } as store.RootState),
-    )
-
-    const { result } = renderHook(() => useBalances())
-
-    expect(result.current.balances.fiatTotal).toEqual('0')
-    expect(result.current.balances.items).toHaveLength(0)
-  })
-
-  test('return all balances', () => {
-    const tokenAddress = toBeHex('0x2', 20)
-    const balance: SafeBalanceResponse = {
-      fiatTotal: '100',
-      items: [
-        {
-          balance: '40',
-          fiatBalance: '40',
-          fiatConversion: '1',
-          tokenInfo: {
-            address: tokenAddress,
-            decimals: 18,
-            logoUri: '',
-            name: 'Hidden Token',
-            symbol: 'HT',
-            type: TokenType.ERC20,
-          },
-        },
-        {
-          balance: '60',
-          fiatBalance: '60',
-          fiatConversion: '1',
-          tokenInfo: {
-            address: tokenAddress,
-            decimals: 18,
-            logoUri: '',
-            name: 'Visible Token',
-            symbol: 'VT',
-            type: TokenType.ERC20,
-          },
-        },
-      ],
-    }
-
-    jest.spyOn(store, 'useAppSelector').mockImplementation((selector) =>
-      selector({
-        balances: { data: balance, error: undefined, loading: false },
-      } as store.RootState),
-    )
-
-    const { result } = renderHook(() => useBalances())
-
-    expect(result.current.balances.fiatTotal).toEqual('100')
-    expect(result.current.balances.items).toHaveLength(2)
-  })
-})
diff --git a/src/hooks/__tests__/useDecodeTx.test.ts b/src/hooks/__tests__/useDecodeTx.test.ts
deleted file mode 100644
index f8c7fd791..000000000
--- a/src/hooks/__tests__/useDecodeTx.test.ts
+++ /dev/null
@@ -1,112 +0,0 @@
-import { renderHook } from '@/tests/test-utils'
-import useDecodeTx from '../useDecodeTx'
-import { waitFor } from '@testing-library/react'
-import { createMockSafeTransaction } from '@/tests/transactions'
-import { faker } from '@faker-js/faker'
-import * as safeGatewayTypescriptSdk from '@safe-global/safe-gateway-typescript-sdk'
-import { getConfirmationView } from '@safe-global/safe-gateway-typescript-sdk'
-import { getNativeTransferData } from '@/services/tx/tokenTransferParams'
-
-jest.mock('@safe-global/safe-gateway-typescript-sdk', () => ({
-  getConfirmationView: jest.fn(),
-}))
-
-jest.mock('../useChainId', () => jest.fn().mockReturnValue('5'))
-jest.mock('../useSafeAddress', () => jest.fn().mockReturnValue('0x789'))
-
-jest.mock('@/services/tx/tokenTransferParams', () => ({
-  ...jest.requireActual('@/services/tx/tokenTransferParams'),
-  getNativeTransferData: jest.fn(),
-}))
-
-jest.useFakeTimers()
-describe('useDecodeTx', () => {
-  beforeEach(() => {
-    jest.clearAllMocks()
-  })
-
-  it('should return undefined when tx is undefined', async () => {
-    const { result } = renderHook(() => useDecodeTx())
-
-    await waitFor(async () => {
-      expect(result.current[0]).toBeUndefined()
-    })
-  })
-
-  it('should return undefined if safeTX has empty data', async () => {
-    const safeTx = createMockSafeTransaction({
-      data: '0x',
-      to: faker.finance.ethereumAddress(),
-    })
-    const { result } = renderHook(() => useDecodeTx(safeTx))
-
-    await waitFor(async () => {
-      expect(result.current[0]).toBeUndefined()
-    })
-  })
-
-  it('should do a getConfirmationView call if safeTx has data', async () => {
-    const safeTx = createMockSafeTransaction({
-      data: '0x123',
-      to: faker.finance.ethereumAddress(),
-    })
-
-    const mockNativeTransferData = undefined
-    const { result } = renderHook(() => useDecodeTx(safeTx))
-
-    await waitFor(async () => {
-      expect(getConfirmationView).toHaveBeenCalledTimes(1)
-      expect(result.current[0]).toEqual(mockNativeTransferData)
-    })
-  })
-
-  it('should return native transfer data when encodedData is empty and isRejection is false', async () => {
-    const safeTx = createMockSafeTransaction({
-      data: '0x',
-      to: faker.finance.ethereumAddress(),
-      value: '1',
-    })
-    const nativeTransfer = {
-      method: 'Native token transfer',
-    }
-    ;(getNativeTransferData as jest.Mock).mockReturnValue(nativeTransfer)
-
-    const { result } = renderHook(() => useDecodeTx(safeTx))
-
-    await waitFor(async () => {
-      expect(getNativeTransferData).toHaveBeenCalled()
-      expect(result.current[0]).toEqual(nativeTransfer)
-    })
-  })
-
-  it('should return decoded data when encodedData is not empty', async () => {
-    const safeTx = createMockSafeTransaction({
-      data: '0x1234567890abcdef', // non-empty data
-      to: faker.finance.ethereumAddress(),
-    })
-
-    const { result } = renderHook(() => useDecodeTx(safeTx))
-
-    await waitFor(async () => {
-      expect(getConfirmationView).toHaveBeenCalledTimes(1)
-      expect(getConfirmationView).toHaveBeenCalledWith('5', '0x789', '0x1234567890abcdef', safeTx.data.to)
-    })
-  })
-
-  it('should return error when getConfirmationView throws an error', async () => {
-    const safeTx = createMockSafeTransaction({
-      data: '0x1234567890abcdef', // non-empty data
-      to: faker.finance.ethereumAddress(),
-    })
-
-    // Mock getConfirmationView to throw an error
-    jest.spyOn(safeGatewayTypescriptSdk, 'getConfirmationView').mockRejectedValue('Failed to fetch')
-
-    const { result, rerender } = renderHook(() => useDecodeTx(safeTx))
-
-    rerender()
-    await waitFor(async () => {
-      expect(result.current[1] && result.current[1].message).toEqual('Failed to fetch')
-    })
-  })
-})
diff --git a/src/hooks/__tests__/useLoadChains.test.ts b/src/hooks/__tests__/useLoadChains.test.ts
deleted file mode 100644
index 5188de75d..000000000
--- a/src/hooks/__tests__/useLoadChains.test.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { getChainsConfig } from '@safe-global/safe-gateway-typescript-sdk'
-import useLoadChains from '@/hooks/loadables/useLoadChains'
-import { act, renderHook } from '@/tests/test-utils'
-
-// Mock getChainsConfig
-jest.mock('@safe-global/safe-gateway-typescript-sdk', () => {
-  return {
-    getChainsConfig: jest.fn(() => {
-      return new Promise((resolve) => {
-        setTimeout(() => {
-          resolve({
-            results: [
-              {
-                chainId: '4',
-              },
-            ],
-          })
-        }, 100)
-      })
-    }),
-  }
-})
-
-// Jest tests for the useLoadChains hook
-describe('useLoadChains hook', () => {
-  beforeEach(() => {
-    jest.clearAllMocks()
-    jest.useFakeTimers()
-  })
-
-  it('should fetch the chains when the hook is called', async () => {
-    // Render the hook and check that the loading state is true
-    const { result } = renderHook(() => useLoadChains())
-
-    await act(async () => {
-      jest.advanceTimersByTime(10)
-    })
-
-    var [data, error, loading] = result.current
-
-    // Check that the loading state is true
-    expect(loading).toBe(true)
-    expect(error).toBe(undefined)
-    expect(data).toEqual(undefined)
-
-    // Check that the loading state is false after the promise resolves
-    await act(async () => {
-      jest.advanceTimersByTime(100)
-    })
-
-    var [data, error, loading] = result.current
-
-    expect(loading).toBe(false)
-    expect(error).toBe(undefined)
-    expect(data).toEqual([
-      {
-        chainId: '4',
-      },
-    ])
-  })
-
-  it('should set the error state when the promise rejects', async () => {
-    // Change the getChainsConfig mock to reject
-    ;(getChainsConfig as jest.Mock).mockImplementation(() => Promise.reject(new Error('Something went wrong')))
-
-    const { result } = renderHook(() => useLoadChains())
-
-    await act(async () => Promise.resolve())
-
-    const [data, error, loading] = result.current
-
-    expect(loading).toBe(false)
-    expect(error?.message).toBe('Something went wrong')
-    expect(data).toEqual(undefined)
-  })
-})
diff --git a/src/hooks/__tests__/useLoadSpendingLimits.test.ts b/src/hooks/__tests__/useLoadSpendingLimits.test.ts
deleted file mode 100644
index d84275eab..000000000
--- a/src/hooks/__tests__/useLoadSpendingLimits.test.ts
+++ /dev/null
@@ -1,193 +0,0 @@
-import * as spendingLimit from '@/services/contracts/spendingLimitContracts'
-import { JsonRpcProvider } from 'ethers'
-import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-import type { AllowanceModule } from '@/types/contracts'
-import { ERC20__factory } from '@/types/contracts'
-import {
-  getSpendingLimits,
-  getTokenAllowanceForDelegate,
-  getTokensForDelegate,
-} from '../loadables/useLoadSpendingLimits'
-import * as web3 from '../wallets/web3'
-import { keccak256, toUtf8Bytes } from 'ethers'
-import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
-
-const mockProvider = new JsonRpcProvider()
-const mockModule = {
-  value: '0x1',
-}
-
-describe('getSpendingLimits', () => {
-  beforeEach(() => {
-    jest.resetModules()
-    jest.resetAllMocks()
-  })
-
-  it('should return undefined if no spending limit module address was found', async () => {
-    jest.spyOn(spendingLimit, 'getSpendingLimitModuleAddress').mockReturnValue(undefined)
-
-    const result = await getSpendingLimits(mockProvider, [], ZERO_ADDRESS, '4', [])
-
-    expect(result).toBeUndefined()
-  })
-
-  it('should return undefined if the safe has no spending limit module', async () => {
-    jest.spyOn(spendingLimit, 'getSpendingLimitModuleAddress').mockReturnValue('0x1')
-
-    const result = await getSpendingLimits(mockProvider, [], ZERO_ADDRESS, '4', [])
-
-    expect(result).toBeUndefined()
-  })
-
-  it('should fetch a list of delegates', async () => {
-    const getDelegatesMock = jest.fn(() => ({ results: [] }))
-    jest.spyOn(spendingLimit, 'getSpendingLimitModuleAddress').mockReturnValue('0x1')
-    jest.spyOn(spendingLimit, 'getSpendingLimitContract').mockImplementation(
-      jest.fn(() => {
-        return {
-          getDelegates: getDelegatesMock,
-        } as unknown as AllowanceModule
-      }),
-    )
-
-    const mockModule = {
-      value: '0x1',
-    }
-
-    await getSpendingLimits(mockProvider, [mockModule], ZERO_ADDRESS, '4', [])
-
-    expect(getDelegatesMock).toHaveBeenCalledWith(ZERO_ADDRESS, 0, 100)
-  })
-
-  it('should return a flat list of spending limits', async () => {
-    const getDelegatesMock = jest.fn(() => ({ results: ['0x2', '0x3'] }))
-    const getTokensMock = jest.fn(() => ['0x10', '0x11'])
-    const getTokenAllowanceMock = jest.fn(() => [BigInt(1), BigInt(0), BigInt(0), BigInt(0), BigInt(0)])
-
-    jest.spyOn(spendingLimit, 'getSpendingLimitModuleAddress').mockReturnValue('0x1')
-    jest.spyOn(spendingLimit, 'getSpendingLimitContract').mockImplementation(
-      jest.fn(() => {
-        return {
-          getDelegates: getDelegatesMock,
-          getTokens: getTokensMock,
-          getTokenAllowance: getTokenAllowanceMock,
-        } as unknown as AllowanceModule
-      }),
-    )
-
-    const result = await getSpendingLimits(mockProvider, [mockModule], ZERO_ADDRESS, '4', [])
-
-    expect(result?.length).toBe(4)
-  })
-
-  it('should filter out empty allowances', async () => {
-    const getDelegatesMock = jest.fn(() => ({ results: ['0x2', '0x3'] }))
-    const getTokensMock = jest.fn(() => ['0x10', '0x11'])
-    const getTokenAllowanceMock = jest.fn(() => [BigInt(0), BigInt(0), BigInt(0), BigInt(0), BigInt(0)])
-
-    jest.spyOn(spendingLimit, 'getSpendingLimitModuleAddress').mockReturnValue('0x1')
-    jest.spyOn(spendingLimit, 'getSpendingLimitContract').mockImplementation(
-      jest.fn(() => {
-        return {
-          getDelegates: getDelegatesMock,
-          getTokens: getTokensMock,
-          getTokenAllowance: getTokenAllowanceMock,
-        } as unknown as AllowanceModule
-      }),
-    )
-
-    const result = await getSpendingLimits(mockProvider, [mockModule], ZERO_ADDRESS, '4', [])
-
-    expect(result?.length).toBe(0)
-  })
-})
-
-describe('getTokensForDelegate', () => {
-  it('should fetch tokens for a given delegate', async () => {
-    const getTokensMock = jest.fn(() => [])
-    const mockContract = { getTokens: getTokensMock } as unknown as AllowanceModule
-
-    await getTokensForDelegate(mockContract, ZERO_ADDRESS, '0x1', [])
-
-    expect(getTokensMock).toHaveBeenCalledWith(ZERO_ADDRESS, '0x1')
-  })
-})
-
-describe('getTokenAllowanceForDelegate', () => {
-  it('should return contract values as strings', async () => {
-    const getTokenAllowanceMock = jest.fn(() => [BigInt(0), BigInt(0), BigInt(0), BigInt(0), BigInt(0)])
-    const mockContract = { getTokenAllowance: getTokenAllowanceMock } as unknown as AllowanceModule
-
-    const result = await getTokenAllowanceForDelegate(mockContract, ZERO_ADDRESS, '0x1', '0x10', [])
-
-    expect(result.beneficiary).toBe('0x1')
-    expect(result.nonce).toBe('0')
-    expect(result.amount).toBe('0')
-    expect(result.spent).toBe('0')
-    expect(result.lastResetMin).toBe('0')
-    expect(result.resetTimeMin).toBe('0')
-  })
-
-  it('should return tokenInfo from balance', async () => {
-    const getTokenAllowanceMock = jest.fn(() => [BigInt(0), BigInt(0), BigInt(0), BigInt(0), BigInt(0)])
-    const mockContract = { getTokenAllowance: getTokenAllowanceMock } as unknown as AllowanceModule
-
-    const mockTokenInfoFromBalances = [
-      {
-        address: '0x10',
-        name: 'Test',
-        type: TokenType.ERC20,
-        symbol: 'TST',
-        decimals: 10,
-        logoUri: 'https://mock.images/0x10.png',
-      },
-    ]
-
-    const result = await getTokenAllowanceForDelegate(
-      mockContract,
-      ZERO_ADDRESS,
-      '0x1',
-      '0x10',
-      mockTokenInfoFromBalances,
-    )
-
-    expect(result.token.address).toBe('0x10')
-    expect(result.token.decimals).toBe(10)
-    expect(result.token.symbol).toBe('TST')
-    expect(result.token.logoUri).toBe('https://mock.images/0x10.png')
-  })
-
-  it('should return tokenInfo from on-chain if not in balance', async () => {
-    const getTokenAllowanceMock = jest.fn(() => [BigInt(0), BigInt(0), BigInt(0), BigInt(0), BigInt(0)])
-
-    jest.spyOn(web3, 'getWeb3ReadOnly').mockImplementation(
-      () =>
-        ({
-          call: (tx: { data: string; to: string }) => {
-            {
-              const decimalsSigHash = keccak256(toUtf8Bytes('decimals()')).slice(0, 10)
-              const symbolSigHash = keccak256(toUtf8Bytes('symbol()')).slice(0, 10)
-
-              if (tx.data.startsWith(decimalsSigHash)) {
-                return ERC20__factory.createInterface().encodeFunctionResult('decimals', [10])
-              }
-              if (tx.data.startsWith(symbolSigHash)) {
-                return ERC20__factory.createInterface().encodeFunctionResult('symbol', ['TST'])
-              }
-            }
-          },
-          _isProvider: true,
-          resolveName: (name: string) => name,
-        } as any),
-    )
-
-    const mockContract = { getTokenAllowance: getTokenAllowanceMock } as unknown as AllowanceModule
-
-    const result = await getTokenAllowanceForDelegate(mockContract, ZERO_ADDRESS, '0x1', '0x10', [])
-
-    expect(result.token.address).toBe('0x10')
-    expect(result.token.decimals).toBe(10)
-    expect(result.token.symbol).toBe('TST')
-    expect(result.token.logoUri).toBe(undefined)
-  })
-})
diff --git a/src/hooks/__tests__/useRankedSafeApps.test.ts b/src/hooks/__tests__/useRankedSafeApps.test.ts
deleted file mode 100644
index 669a5c0fa..000000000
--- a/src/hooks/__tests__/useRankedSafeApps.test.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { renderHook } from '@/tests/test-utils'
-import { useRankedSafeApps } from '@/hooks/safe-apps/useRankedSafeApps'
-import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
-import { SafeAppsTag } from '@/config/constants'
-
-const getMockSafeApp = (props: Partial<SafeAppData>) => {
-  return {
-    tags: [],
-    ...props,
-  } as SafeAppData
-}
-
-describe('useRankedSafeApps', () => {
-  it('returns an empty array if there are no safe apps', () => {
-    const { result } = renderHook(() => useRankedSafeApps([], []))
-
-    expect(result.current).toStrictEqual([])
-  })
-
-  it('returns 5 safe apps at most', () => {
-    const mockSafeApp1 = getMockSafeApp({ id: 1 })
-    const mockSafeApp2 = getMockSafeApp({ id: 2 })
-    const mockSafeApp3 = getMockSafeApp({ id: 3 })
-    const mockSafeApp4 = getMockSafeApp({ id: 4 })
-    const mockSafeApp5 = getMockSafeApp({ id: 5 })
-    const mockSafeApp6 = getMockSafeApp({ id: 6 })
-
-    const { result } = renderHook(() =>
-      useRankedSafeApps([mockSafeApp1, mockSafeApp2, mockSafeApp3, mockSafeApp4, mockSafeApp5, mockSafeApp6], []),
-    )
-
-    expect(result.current.length).toEqual(5)
-  })
-
-  it('excludes featured safe apps', () => {
-    const mockSafeApp1 = getMockSafeApp({ id: 1, tags: [SafeAppsTag.DASHBOARD_FEATURED] })
-    const mockSafeApp2 = getMockSafeApp({ id: 2, tags: [SafeAppsTag.DASHBOARD_FEATURED] })
-    const mockSafeApp3 = getMockSafeApp({ id: 3 })
-    const mockSafeApp4 = getMockSafeApp({ id: 4 })
-    const mockSafeApp5 = getMockSafeApp({ id: 5 })
-
-    const { result } = renderHook(() =>
-      useRankedSafeApps([mockSafeApp1, mockSafeApp2, mockSafeApp3, mockSafeApp4, mockSafeApp5], []),
-    )
-
-    expect(result.current.length).toEqual(3)
-  })
-
-  it('returns pinned apps first', () => {
-    const mockSafeApp1 = getMockSafeApp({ id: 1 })
-    const mockSafeApp2 = getMockSafeApp({ id: 2 })
-    const mockSafeApp3 = getMockSafeApp({ id: 3 })
-    const mockSafeApp4 = getMockSafeApp({ id: 4 })
-    const mockSafeApp5 = getMockSafeApp({ id: 5 })
-
-    const mockPinnedApp1 = getMockSafeApp({ id: 6 })
-    const mockPinnedApp2 = getMockSafeApp({ id: 7 })
-
-    const { result } = renderHook(() =>
-      useRankedSafeApps(
-        [mockSafeApp1, mockSafeApp2, mockSafeApp3, mockSafeApp4, mockSafeApp5],
-        [mockPinnedApp1, mockPinnedApp2],
-      ),
-    )
-
-    expect(result.current[0]).toStrictEqual(mockPinnedApp1)
-    expect(result.current[1]).toStrictEqual(mockPinnedApp2)
-  })
-})
diff --git a/src/hooks/__tests__/useSafeAddress.test.ts b/src/hooks/__tests__/useSafeAddress.test.ts
deleted file mode 100644
index 05f0df481..000000000
--- a/src/hooks/__tests__/useSafeAddress.test.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { useRouter } from 'next/router'
-import { renderHook } from '@/tests/test-utils'
-import useSafeAddress from '@/hooks/useSafeAddress'
-
-// Mock useRouter
-jest.mock('next/router', () => ({
-  useRouter: jest.fn(() => ({
-    pathname: '/safe/home',
-    query: {
-      safe: 'rin:0x0000000000000000000000000000000000000001',
-    },
-  })),
-}))
-
-// Tests for the useSafeAddress hook
-describe('useSafeAddress hook', () => {
-  it('should return the safe address', () => {
-    const { result } = renderHook(() => useSafeAddress())
-    expect(result.current).toBe('0x0000000000000000000000000000000000000001')
-  })
-
-  it('should not return the safe address when it is not in the query', () => {
-    ;(useRouter as any).mockImplementation(() => ({
-      pathname: '/',
-      query: {
-        safe: undefined,
-      },
-    }))
-
-    const { result } = renderHook(() => useSafeAddress())
-    expect(result.current).toBe('')
-  })
-
-  it('should cheksum the safe address', () => {
-    ;(useRouter as any).mockImplementation(() => ({
-      pathname: '/safe/home',
-      query: {
-        safe: 'eth:0x220866b1a2219f40e72f5c628b65d54268ca3a9d',
-      },
-    }))
-
-    const { result } = renderHook(() => useSafeAddress())
-    expect(result.current).toBe('0x220866B1A2219f40e72f5c628B65D54268cA3A9D')
-  })
-
-  it('should return empty address for safe routes w/o query', () => {
-    ;(useRouter as any).mockImplementation(() => ({
-      pathname: '/safe/home',
-      query: {},
-    }))
-
-    const { result } = renderHook(() => useSafeAddress())
-    expect(result.current).toBe('')
-  })
-})
diff --git a/src/hooks/__tests__/useSafeTokenAllocation.test.ts b/src/hooks/__tests__/useSafeTokenAllocation.test.ts
deleted file mode 100644
index e029f067a..000000000
--- a/src/hooks/__tests__/useSafeTokenAllocation.test.ts
+++ /dev/null
@@ -1,398 +0,0 @@
-import { renderHook, waitFor } from '@/tests/test-utils'
-import { type JsonRpcProvider, keccak256, parseEther, toUtf8Bytes, toBeHex, AbiCoder } from 'ethers'
-import useSafeTokenAllocation, {
-  type VestingData,
-  _getRedeemDeadline,
-  useSafeVotingPower,
-  type Vesting,
-} from '../useSafeTokenAllocation'
-import * as web3 from '../wallets/web3'
-import * as useSafeInfoHook from '@/hooks/useSafeInfo'
-import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-
-const setupFetchStub =
-  (data: any, status: number = 200) =>
-  (_url: string) => {
-    return Promise.resolve({
-      json: () => Promise.resolve(data),
-      status,
-      ok: status === 200,
-    })
-  }
-
-describe('_getRedeemDeadline', () => {
-  const mockProvider = {
-    call: jest.fn(),
-  } as unknown as JsonRpcProvider
-
-  beforeEach(() => {
-    // Clear memoization cache
-    _getRedeemDeadline.cache.clear?.()
-
-    jest.clearAllMocks()
-  })
-
-  it('should should only call the provider once per address on a chain', async () => {
-    for await (const _ of Array.from({ length: 10 })) {
-      await _getRedeemDeadline({ chainId: 1, contract: toBeHex('0x1', 20) } as VestingData, mockProvider)
-    }
-
-    expect(mockProvider.call).toHaveBeenCalledTimes(1)
-  })
-
-  it('should not memoize different addresses on the same chain', async () => {
-    const chainId = 1
-
-    await _getRedeemDeadline({ chainId, contract: toBeHex('0x1', 20) } as VestingData, mockProvider)
-    await _getRedeemDeadline({ chainId, contract: toBeHex('0x2', 20) } as VestingData, mockProvider)
-
-    expect(mockProvider.call).toHaveBeenCalledTimes(2)
-  })
-
-  it('should not memoize the same address on difference chains', async () => {
-    for await (const i of Array.from({ length: 10 }, (_, i) => i + 1)) {
-      await _getRedeemDeadline({ chainId: i, contract: toBeHex('0x1', 20) } as VestingData, mockProvider)
-    }
-
-    expect(mockProvider.call).toHaveBeenCalledTimes(10)
-  })
-})
-
-describe('Allocations', () => {
-  afterEach(() => {
-    //@ts-ignore
-    global.fetch?.mockClear?.()
-  })
-
-  afterAll(() => {
-    // @ts-ignore
-    delete global.fetch
-  })
-
-  beforeEach(() => {
-    jest.resetAllMocks()
-    // Clear memoization cache
-    _getRedeemDeadline.cache.clear?.()
-
-    jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
-      () =>
-        ({
-          safeAddress: toBeHex('0x2', 20),
-          safe: {
-            address: toBeHex('0x2', 20),
-            chainId: '1',
-          },
-        } as any),
-    )
-  })
-
-  describe('useSafeTokenAllocation', () => {
-    it('should return undefined without safe address', async () => {
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
-        () =>
-          ({
-            safeAddress: undefined,
-            safe: {
-              address: undefined,
-              chainId: '1',
-            },
-          } as any),
-      )
-
-      const { result } = renderHook(() => useSafeTokenAllocation())
-
-      await waitFor(() => {
-        expect(result.current[1]).toBeFalsy()
-        expect(result.current[0]).toBeUndefined()
-      })
-    })
-
-    it('should return an empty array without web3Provider', async () => {
-      global.fetch = jest.fn().mockImplementation(setupFetchStub('', 404))
-      const { result } = renderHook(() => useSafeTokenAllocation())
-
-      await waitFor(() => {
-        expect(result.current[1]).toBeFalsy()
-        expect(result.current[0]).toStrictEqual([])
-      })
-    })
-
-    it('should return an empty array if no allocations exist', async () => {
-      global.fetch = jest.fn().mockImplementation(setupFetchStub('', 404))
-      const mockFetch = jest.spyOn(global, 'fetch')
-
-      const { result } = renderHook(() => useSafeTokenAllocation())
-
-      await waitFor(() => {
-        expect(mockFetch).toHaveBeenCalled()
-        expect(result.current[0]).toStrictEqual([])
-        expect(result.current[1]).toBeFalsy()
-      })
-    })
-
-    it('should calculate expiration', async () => {
-      const mockAllocations = [
-        {
-          tag: 'user',
-          account: toBeHex('0x2', 20),
-          chainId: 1,
-          contract: toBeHex('0xabc', 20),
-          vestingId: toBeHex('0x4110', 32),
-          durationWeeks: 208,
-          startDate: 1657231200,
-          amount: '2000',
-          curve: 0,
-          proof: [],
-        },
-      ]
-
-      global.fetch = jest.fn().mockImplementation(setupFetchStub(mockAllocations, 200))
-      const mockFetch = jest.spyOn(global, 'fetch')
-
-      jest.spyOn(web3, 'getWeb3ReadOnly').mockImplementation(
-        () =>
-          ({
-            call: (transaction: any) => {
-              const vestingsSigHash = keccak256(toUtf8Bytes('vestings(bytes32)')).slice(0, 10)
-              const redeemDeadlineSigHash = keccak256(toUtf8Bytes('redeemDeadline()')).slice(0, 10)
-
-              if (transaction.data?.startsWith(vestingsSigHash)) {
-                return Promise.resolve(
-                  AbiCoder.defaultAbiCoder().encode(
-                    ['address', 'uint8', 'bool', 'uint16', 'uint64', 'uint128', 'uint128', 'uint64', 'bool'],
-                    [ZERO_ADDRESS, '0x1', false, 208, 1657231200, 2000, 0, 0, false],
-                  ),
-                )
-              }
-              if (transaction.data?.startsWith(redeemDeadlineSigHash)) {
-                // 30th Nov 2022
-                return Promise.resolve(AbiCoder.defaultAbiCoder().encode(['uint64'], [1669766400]))
-              }
-              return Promise.resolve('0x')
-            },
-          } as any),
-      )
-
-      const { result } = renderHook(() => useSafeTokenAllocation())
-
-      await waitFor(() => {
-        expect(mockFetch).toHaveBeenCalled()
-        expect(result.current[0]).toEqual([
-          {
-            ...mockAllocations[0],
-            amountClaimed: '0',
-            isExpired: true,
-            isRedeemed: false,
-          },
-        ])
-        expect(result.current[1]).toBeFalsy()
-      })
-    })
-
-    it('should calculate redemption', async () => {
-      const mockAllocation = [
-        {
-          tag: 'user',
-          account: toBeHex('0x2', 20),
-          chainId: 1,
-          contract: toBeHex('0xabc', 20),
-          vestingId: toBeHex('0x4110', 32),
-          durationWeeks: 208,
-          startDate: 1657231200,
-          amount: '2000',
-          curve: 0,
-          proof: [],
-        },
-      ]
-
-      global.fetch = jest.fn().mockImplementation(setupFetchStub(mockAllocation, 200))
-      const mockFetch = jest.spyOn(global, 'fetch')
-
-      jest.spyOn(web3, 'getWeb3ReadOnly').mockImplementation(
-        () =>
-          ({
-            call: (transaction: any) => {
-              const vestingsSigHash = keccak256(toUtf8Bytes('vestings(bytes32)')).slice(0, 10)
-              const redeemDeadlineSigHash = keccak256(toUtf8Bytes('redeemDeadline()')).slice(0, 10)
-
-              if (transaction.data?.startsWith(vestingsSigHash)) {
-                return Promise.resolve(
-                  AbiCoder.defaultAbiCoder().encode(
-                    ['address', 'uint8', 'bool', 'uint16', 'uint64', 'uint128', 'uint128', 'uint64', 'bool'],
-                    [toBeHex('0x2', 20), '0x1', false, 208, 1657231200, 2000, 0, 0, false],
-                  ),
-                )
-              }
-              if (transaction.data?.startsWith(redeemDeadlineSigHash)) {
-                // 08.Dec 2200
-                return Promise.resolve(AbiCoder.defaultAbiCoder().encode(['uint64'], [7287610110]))
-              }
-              return Promise.resolve('0x')
-            },
-          } as any),
-      )
-
-      const { result } = renderHook(() => useSafeTokenAllocation())
-
-      await waitFor(() => {
-        expect(mockFetch).toHaveBeenCalled()
-        expect(result.current[0]).toEqual([
-          {
-            ...mockAllocation[0],
-            amountClaimed: BigInt(0),
-            isExpired: false,
-            isRedeemed: true,
-          },
-        ])
-        expect(result.current[1]).toBeFalsy()
-      })
-    })
-  })
-
-  describe('useSafeTokenBalance', () => {
-    it('should return undefined without allocation data', async () => {
-      const { result } = renderHook(() => useSafeVotingPower())
-
-      await waitFor(() => {
-        expect(result.current[1]).toBeFalsy()
-        expect(result.current[0]).toBeUndefined()
-      })
-    })
-
-    it('should return undefined without safe address', async () => {
-      jest.spyOn(useSafeInfoHook, 'default').mockImplementation(
-        () =>
-          ({
-            safeAddress: undefined,
-            safe: {
-              address: undefined,
-              chainId: '1',
-            },
-          } as any),
-      )
-
-      const { result } = renderHook(() => useSafeVotingPower([{} as Vesting]))
-
-      await waitFor(() => {
-        expect(result.current[1]).toBeFalsy()
-        expect(result.current[0]).toBeUndefined()
-      })
-    })
-
-    it('should return total balance of tokens held and tokens in locking contract if no allocation exists', async () => {
-      jest.spyOn(web3, 'getWeb3ReadOnly').mockImplementation(
-        () =>
-          ({
-            call: (transaction: any) => {
-              const balanceOfSigHash = keccak256(toUtf8Bytes('balanceOf(address)')).slice(0, 10)
-              const lockingBalanceSigHash = keccak256(toUtf8Bytes('getUserTokenBalance(address)')).slice(0, 10)
-
-              if (transaction.data?.startsWith(balanceOfSigHash)) {
-                return Promise.resolve('0x' + parseEther('100').toString(16))
-              }
-              if (transaction.data?.startsWith(lockingBalanceSigHash)) {
-                return Promise.resolve('0x' + parseEther('100').toString(16))
-              }
-              return Promise.resolve('0x')
-            },
-          } as any),
-      )
-
-      const { result } = renderHook(() => useSafeVotingPower())
-      await waitFor(() => {
-        expect(result.current[0] === parseEther('200')).toBeTruthy()
-        expect(result.current[1]).toBeFalsy()
-      })
-    })
-
-    test('formula: allocation - claimed + token balance + locking balance', async () => {
-      jest.spyOn(web3, 'getWeb3ReadOnly').mockImplementation(
-        () =>
-          ({
-            call: (transaction: any) => {
-              const balanceOfSigHash = keccak256(toUtf8Bytes('balanceOf(address)')).slice(0, 10)
-              const lockingBalanceSigHash = keccak256(toUtf8Bytes('getUserTokenBalance(address)')).slice(0, 10)
-
-              if (transaction.data?.startsWith(balanceOfSigHash)) {
-                return Promise.resolve('0x' + BigInt('400').toString(16))
-              }
-              if (transaction.data?.startsWith(lockingBalanceSigHash)) {
-                return Promise.resolve('0x' + BigInt('200').toString(16))
-              }
-              return Promise.resolve('0x')
-            },
-          } as any),
-      )
-
-      const mockAllocation: Vesting[] = [
-        {
-          tag: 'user',
-          account: toBeHex('0x2', 20),
-          chainId: 1,
-          contract: toBeHex('0xabc', 20),
-          vestingId: toBeHex('0x4110', 32),
-          durationWeeks: 208,
-          startDate: 1657231200,
-          amount: '2000',
-          curve: 0,
-          proof: [],
-          isExpired: false,
-          isRedeemed: false,
-          amountClaimed: '1000',
-        },
-      ]
-
-      const { result } = renderHook(() => useSafeVotingPower(mockAllocation))
-
-      await waitFor(() => {
-        expect(Number(result.current[0])).toEqual(2000 - 1000 + 400 + 200)
-        expect(result.current[1]).toBeFalsy()
-      })
-    })
-
-    test('formula: allocation - claimed + token balance + locking balance, everything claimed and no balance', async () => {
-      jest.spyOn(web3, 'getWeb3ReadOnly').mockImplementation(
-        () =>
-          ({
-            call: (transaction: any) => {
-              const balanceOfSigHash = keccak256(toUtf8Bytes('balanceOf(address)')).slice(0, 10)
-              const lockingBalanceSigHash = keccak256(toUtf8Bytes('getUserTokenBalance(address)')).slice(0, 10)
-
-              if (transaction.data?.startsWith(balanceOfSigHash)) {
-                return Promise.resolve('0x' + BigInt('0').toString(16))
-              }
-              if (transaction.data?.startsWith(lockingBalanceSigHash)) {
-                return Promise.resolve('0x' + BigInt('0').toString(16))
-              }
-              return Promise.resolve('0x')
-            },
-          } as any),
-      )
-
-      const mockAllocation: Vesting[] = [
-        {
-          tag: 'user',
-          account: toBeHex('0x2', 20),
-          chainId: 1,
-          contract: toBeHex('0xabc', 20),
-          vestingId: toBeHex('0x4110', 32),
-          durationWeeks: 208,
-          startDate: 1657231200,
-          amount: '2000',
-          curve: 0,
-          proof: [],
-          isExpired: false,
-          isRedeemed: false,
-          amountClaimed: '2000',
-        },
-      ]
-
-      const { result } = renderHook(() => useSafeVotingPower(mockAllocation))
-
-      await waitFor(() => {
-        expect(Number(result.current[0])).toEqual(0)
-        expect(result.current[1]).toBeFalsy()
-      })
-    })
-  })
-})
diff --git a/src/hooks/coreSDK/__tests__/safeCoreSDK.test.ts b/src/hooks/coreSDK/__tests__/safeCoreSDK.test.ts
deleted file mode 100644
index 1e831139f..000000000
--- a/src/hooks/coreSDK/__tests__/safeCoreSDK.test.ts
+++ /dev/null
@@ -1,278 +0,0 @@
-import { toBeHex } from 'ethers'
-import { BrowserProvider, id, AbiCoder, type Eip1193Provider } from 'ethers'
-import Safe from '@safe-global/protocol-kit'
-import {
-  getProxyFactoryContract,
-  getSafeContract,
-} from '@safe-global/protocol-kit/dist/src/contracts/safeDeploymentContracts'
-import { ImplementationVersionState } from '@safe-global/safe-gateway-typescript-sdk'
-import { initSafeSDK, isValidSafeVersion } from '../safeCoreSDK'
-
-jest.mock('@/services/contracts/safeContracts', () => {
-  return {
-    __esModule: true,
-    ...jest.requireActual('@/services/contracts/safeContracts'),
-  }
-})
-
-jest.mock('@safe-global/protocol-kit/dist/src/contracts/safeDeploymentContracts')
-
-jest.mock('@/types/contracts', () => {
-  return {
-    __esModule: true,
-    ...jest.requireActual('@/types/contracts'),
-  }
-})
-
-jest.mock('@safe-global/protocol-kit', () => {
-  const originalModule = jest.requireActual('@safe-global/protocol-kit')
-
-  // Mock class
-  class MockEthersAdapter extends originalModule.EthersAdapter {
-    getChainId = jest.fn().mockImplementation(() => Promise.resolve(BigInt(1)))
-  }
-
-  return {
-    __esModule: true,
-    ...originalModule,
-    EthersAdapter: MockEthersAdapter,
-  }
-})
-
-describe('safeCoreSDK', () => {
-  describe('isValidSafeVersion', () => {
-    it('should return true for valid versions', () => {
-      expect(isValidSafeVersion('1.3.0')).toBe(true)
-
-      expect(isValidSafeVersion('1.2.0')).toBe(true)
-
-      expect(isValidSafeVersion('1.1.1')).toBe(true)
-
-      expect(isValidSafeVersion('1.3.0+L2')).toBe(true)
-    })
-    it('should return false for invalid versions', () => {
-      expect(isValidSafeVersion('1.3.1')).toBe(false)
-
-      expect(isValidSafeVersion('1.4.0')).toBe(false)
-
-      expect(isValidSafeVersion('1.0.0')).toBe(true)
-
-      expect(isValidSafeVersion('0.0.1')).toBe(false)
-
-      expect(isValidSafeVersion('')).toBe(false)
-
-      expect(isValidSafeVersion()).toBe(false)
-    })
-  })
-
-  describe('initSafeSDK', () => {
-    const MAINNET_MASTER_COPY = '0xd9Db270c1B5E3Bd161E8c8503c55cEABeE709552' // L1
-    const POLYGON_MASTER_COPY = '0x3E5c63644E683549055b9Be8653de26E0B4CD36E' // L2
-
-    ;(getProxyFactoryContract as jest.Mock).mockImplementation(async () => {
-      return await Promise.resolve({
-        getAddress: jest.fn(),
-        proxyCreationCode: jest.fn(),
-        createProxy: jest.fn(),
-        encode: jest.fn(),
-        estimateGas: jest.fn(),
-      })
-    })
-    ;(getSafeContract as jest.Mock).mockImplementation(async () => {
-      return await Promise.resolve({
-        setup: jest.fn(),
-        getVersion: jest.fn(),
-        getAddress: jest.fn(),
-        getNonce: jest.fn(),
-        getThreshold: jest.fn(),
-        getOwners: jest.fn(),
-        isOwner: jest.fn(),
-        getTransactionHash: jest.fn(),
-        approvedHashes: jest.fn(),
-        approveHash: jest.fn(),
-        getModules: jest.fn(),
-        isModuleEnabled: jest.fn(),
-        isValidTransaction: jest.fn(),
-        execTransaction: jest.fn(),
-        encode: jest.fn(),
-        estimateGas: jest.fn(),
-      })
-    })
-
-    const getMockProvider = (chainId: string, version: string) => {
-      const mockProvider: Eip1193Provider = {
-        request: jest.fn((request: { method: string; params?: Array<any> | Record<string, any> }) => {
-          const { method, params } = request
-          const VERSION_SIG_HASH = id('VERSION()').slice(0, 10)
-
-          if (method === 'eth_chainId') {
-            return Promise.resolve(+chainId)
-          }
-
-          if (method === 'eth_call' && Array.isArray(params) && params?.[0].data.startsWith(VERSION_SIG_HASH)) {
-            const encodedVersion = AbiCoder.defaultAbiCoder().encode(['string'], [version])
-            return Promise.resolve(encodedVersion)
-          }
-
-          return Promise.resolve()
-        }),
-      }
-
-      return new BrowserProvider(mockProvider)
-    }
-
-    describe('Supported contracts', () => {
-      it('should return an SDK instance', async () => {
-        const chainId = '1'
-        const version = '1.3.0'
-
-        const mockProvider = getMockProvider(chainId, version)
-
-        const sdk = await initSafeSDK({
-          provider: mockProvider,
-          chainId,
-          address: toBeHex('0x1', 20),
-          version,
-          implementation: MAINNET_MASTER_COPY,
-          implementationVersionState: ImplementationVersionState.UP_TO_DATE,
-        })
-
-        expect(sdk).toBeInstanceOf(Safe)
-      })
-
-      it('should return an L1 SDK instance for mainnet', async () => {
-        const chainId = '1'
-        const version = '1.3.0'
-
-        const mockProvider = getMockProvider(chainId, version)
-
-        const sdk = await initSafeSDK({
-          provider: mockProvider,
-          chainId,
-          address: toBeHex('0x1', 20),
-          version,
-          implementation: MAINNET_MASTER_COPY,
-          implementationVersionState: ImplementationVersionState.UP_TO_DATE,
-        })
-
-        expect(sdk).toBeInstanceOf(Safe)
-        expect(sdk?.getContractManager().isL1SafeSingleton).toBe(true)
-      })
-
-      it('should return an L2 SDK instance for L2 chain', async () => {
-        const chainId = '137' // Polygon
-        const version = '1.3.0'
-
-        const mockProvider = getMockProvider(chainId, version)
-
-        const sdk = await initSafeSDK({
-          provider: mockProvider,
-          chainId,
-          address: toBeHex('0x1', 20),
-          version: `${version}+L2`,
-          implementation: POLYGON_MASTER_COPY,
-          implementationVersionState: ImplementationVersionState.UP_TO_DATE,
-        })
-
-        expect(sdk).toBeInstanceOf(Safe)
-        expect(sdk?.getContractManager().isL1SafeSingleton).toBe(false)
-      })
-
-      it('should return an L1 SDK instance for legacy Safes, regardless of chain', async () => {
-        const chainId = '137' // Polygon
-        const version = '1.0.0'
-
-        const mockProvider = getMockProvider(chainId, version)
-
-        const sdk = await initSafeSDK({
-          provider: mockProvider,
-          chainId,
-          address: toBeHex('0x1', 20),
-          version,
-          implementation: POLYGON_MASTER_COPY,
-          implementationVersionState: ImplementationVersionState.OUTDATED,
-        })
-
-        expect(sdk).toBeInstanceOf(Safe)
-        expect(sdk?.getContractManager().isL1SafeSingleton).toBe(true)
-      })
-    })
-
-    describe('Unsupported contracts', () => {
-      // Note: backend returns a null version for unsupported contracts
-      it('should retrieve the Safe version from the contract if not provided', async () => {
-        const chainId = '1'
-        const version = '1.3.0'
-
-        const mockProvider = getMockProvider(chainId, version)
-
-        const sdk = await initSafeSDK({
-          provider: mockProvider,
-          chainId: '1',
-          address: toBeHex('0x1', 20),
-          version: null, // Indexer returns null if unsupported contract version
-          implementation: MAINNET_MASTER_COPY,
-          implementationVersionState: ImplementationVersionState.UNKNOWN,
-        })
-
-        expect(sdk).toBeInstanceOf(Safe)
-      })
-
-      it('should return an L1 SDK instance for L1 contracts not deployed on mainnet', async () => {
-        const chainId = '137' // Polygon
-        const version = '1.3.0'
-
-        const mockProvider = getMockProvider(chainId, version)
-
-        const sdk = await initSafeSDK({
-          provider: mockProvider,
-          chainId,
-          address: toBeHex('0x1', 20),
-          version: null,
-          implementation: MAINNET_MASTER_COPY,
-          implementationVersionState: ImplementationVersionState.UNKNOWN,
-        })
-
-        expect(sdk).toBeInstanceOf(Safe)
-        expect(sdk?.getContractManager().isL1SafeSingleton).toBe(true)
-      })
-
-      it('should return undefined for unsupported mastercopies', async () => {
-        const chainId = '1'
-        const version = '1.3.0'
-
-        const mockProvider = getMockProvider(chainId, version)
-
-        const sdk = await initSafeSDK({
-          provider: mockProvider,
-          chainId,
-          address: toBeHex('0x1', 20),
-          version: null,
-          implementation: '0xinvalid',
-          implementationVersionState: ImplementationVersionState.UNKNOWN,
-        })
-
-        expect(sdk).toBeUndefined()
-      })
-    })
-
-    it('should return undefined if provider does not match safe', async () => {
-      const chainId = '1'
-      const safeChainId = '100'
-      const version = '1.3.0'
-
-      const mockProvider = getMockProvider(chainId, version)
-
-      const sdk = await initSafeSDK({
-        provider: mockProvider,
-        chainId: safeChainId,
-        address: toBeHex('0x1', 20),
-        version: null,
-        implementation: '0xinvalid',
-        implementationVersionState: ImplementationVersionState.UNKNOWN,
-      })
-
-      expect(sdk).toBeUndefined()
-    })
-  })
-})
diff --git a/src/hooks/coreSDK/safeCoreSDK.ts b/src/hooks/coreSDK/safeCoreSDK.ts
deleted file mode 100644
index eeaaaf563..000000000
--- a/src/hooks/coreSDK/safeCoreSDK.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import chains from '@/config/chains'
-import type { UndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
-import { getWeb3ReadOnly } from '@/hooks/wallets/web3'
-import { UncheckedJsonRpcSigner } from '@/utils/providers/UncheckedJsonRpcSigner'
-import { getSafeSingletonDeployment, getSafeL2SingletonDeployment } from '@safe-global/safe-deployments'
-import ExternalStore from '@/services/ExternalStore'
-import { Gnosis_safe__factory } from '@/types/contracts'
-import { invariant } from '@/utils/helpers'
-import type { BrowserProvider, Provider } from 'ethers'
-import Safe from '@safe-global/protocol-kit'
-import type { SafeVersion } from '@safe-global/safe-core-sdk-types'
-import { EthersAdapter } from '@safe-global/protocol-kit'
-import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { ethers } from 'ethers'
-import semverSatisfies from 'semver/functions/satisfies'
-import { isValidMasterCopy } from '@/services/contracts/safeContracts'
-
-export const isLegacyVersion = (safeVersion: string): boolean => {
-  const LEGACY_VERSION = '<1.3.0'
-  return semverSatisfies(safeVersion, LEGACY_VERSION)
-}
-
-export const isValidSafeVersion = (safeVersion?: SafeInfo['version']): safeVersion is SafeVersion => {
-  const SAFE_VERSIONS: SafeVersion[] = ['1.4.1', '1.3.0', '1.2.0', '1.1.1', '1.0.0']
-  return !!safeVersion && SAFE_VERSIONS.some((version) => semverSatisfies(safeVersion, version))
-}
-
-// `assert` does not work with arrow functions
-export function assertValidSafeVersion<T extends SafeInfo['version']>(safeVersion?: T): asserts safeVersion {
-  return invariant(isValidSafeVersion(safeVersion), `${safeVersion} is not a valid Safe Account version`)
-}
-
-export const createEthersAdapter = async (provider: BrowserProvider) => {
-  const signer = new UncheckedJsonRpcSigner(provider, (await provider.getSigner()).address)
-  return new EthersAdapter({
-    ethers,
-    signerOrProvider: signer,
-  })
-}
-
-export const createReadOnlyEthersAdapter = (provider: Provider | undefined = getWeb3ReadOnly()) => {
-  if (!provider) {
-    throw new Error('Unable to create `EthersAdapter` without a provider')
-  }
-
-  return new EthersAdapter({
-    ethers,
-    signerOrProvider: provider,
-  })
-}
-
-type SafeCoreSDKProps = {
-  provider: Provider
-  chainId: SafeInfo['chainId']
-  address: SafeInfo['address']['value']
-  version: SafeInfo['version']
-  implementationVersionState: SafeInfo['implementationVersionState']
-  implementation: SafeInfo['implementation']['value']
-  undeployedSafe?: UndeployedSafe
-}
-
-// Safe Core SDK
-export const initSafeSDK = async ({
-  provider,
-  chainId,
-  address,
-  version,
-  implementationVersionState,
-  implementation,
-  undeployedSafe,
-}: SafeCoreSDKProps): Promise<Safe | undefined> => {
-  const providerNetwork = (await provider.getNetwork()).chainId
-  if (providerNetwork !== BigInt(chainId)) return
-
-  const safeVersion = version ?? (await Gnosis_safe__factory.connect(address, provider).VERSION())
-  let isL1SafeSingleton = chainId === chains.eth
-
-  // If it is an official deployment we should still initiate the safeSDK
-  if (!isValidMasterCopy(implementationVersionState)) {
-    const masterCopy = implementation
-
-    const safeL1Deployment = getSafeSingletonDeployment({ network: chainId, version: safeVersion })
-    const safeL2Deployment = getSafeL2SingletonDeployment({ network: chainId, version: safeVersion })
-
-    isL1SafeSingleton = masterCopy === safeL1Deployment?.networkAddresses[chainId]
-    const isL2SafeMasterCopy = masterCopy === safeL2Deployment?.networkAddresses[chainId]
-
-    // Unknown deployment, which we do not want to support
-    if (!isL1SafeSingleton && !isL2SafeMasterCopy) {
-      return Promise.resolve(undefined)
-    }
-  }
-  // Legacy Safe contracts
-  if (isLegacyVersion(safeVersion)) {
-    isL1SafeSingleton = true
-  }
-
-  if (undeployedSafe) {
-    return Safe.create({
-      ethAdapter: createReadOnlyEthersAdapter(provider),
-      isL1SafeSingleton,
-      predictedSafe: undeployedSafe.props,
-    })
-  }
-
-  return Safe.create({
-    ethAdapter: createReadOnlyEthersAdapter(provider),
-    safeAddress: address,
-    isL1SafeSingleton,
-  })
-}
-
-export const {
-  getStore: getSafeSDK,
-  setStore: setSafeSDK,
-  useStore: useSafeSDK,
-} = new ExternalStore<Safe | undefined>()
diff --git a/src/hooks/coreSDK/useInitSafeCoreSDK.ts b/src/hooks/coreSDK/useInitSafeCoreSDK.ts
deleted file mode 100644
index 0ca0a8fdd..000000000
--- a/src/hooks/coreSDK/useInitSafeCoreSDK.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { selectUndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
-import { useEffect } from 'react'
-import { useRouter } from 'next/router'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import { initSafeSDK, setSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
-import { trackError } from '@/services/exceptions'
-import ErrorCodes from '@/services/exceptions/ErrorCodes'
-import { useAppDispatch, useAppSelector } from '@/store'
-import { showNotification } from '@/store/notificationsSlice'
-import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
-import { parsePrefixedAddress, sameAddress } from '@/utils/addresses'
-import { asError } from '@/services/exceptions/utils'
-
-export const useInitSafeCoreSDK = () => {
-  const { safe, safeLoaded } = useSafeInfo()
-  const dispatch = useAppDispatch()
-  const web3ReadOnly = useWeb3ReadOnly()
-
-  const { query } = useRouter()
-  const prefixedAddress = Array.isArray(query.safe) ? query.safe[0] : query.safe
-  const { address } = parsePrefixedAddress(prefixedAddress || '')
-  const undeployedSafe = useAppSelector((state) => selectUndeployedSafe(state, safe.chainId, address))
-
-  useEffect(() => {
-    if (!safeLoaded || !web3ReadOnly || !sameAddress(address, safe.address.value)) {
-      // If we don't reset the SDK, a previous Safe could remain in the store
-      setSafeSDK(undefined)
-      return
-    }
-
-    // A read-only instance of the SDK is sufficient because we connect the signer to it when needed
-    initSafeSDK({
-      provider: web3ReadOnly,
-      chainId: safe.chainId,
-      address: safe.address.value,
-      version: safe.version,
-      implementationVersionState: safe.implementationVersionState,
-      implementation: safe.implementation.value,
-      undeployedSafe,
-    })
-      .then(setSafeSDK)
-      .catch((_e) => {
-        const e = asError(_e)
-        dispatch(
-          showNotification({
-            message: 'Error connecting to the blockchain. Please try reloading the page.',
-            groupKey: 'core-sdk-init-error',
-            variant: 'error',
-            detailedMessage: e.message,
-          }),
-        )
-        trackError(ErrorCodes._105, e.message)
-      })
-  }, [
-    address,
-    dispatch,
-    safe.address.value,
-    safe.chainId,
-    safe.implementation.value,
-    safe.implementationVersionState,
-    safe.version,
-    safeLoaded,
-    web3ReadOnly,
-    undeployedSafe,
-  ])
-}
diff --git a/src/hooks/loadables/useLoadBalances.ts b/src/hooks/loadables/useLoadBalances.ts
deleted file mode 100644
index 40324c8b1..000000000
--- a/src/hooks/loadables/useLoadBalances.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { getCounterfactualBalance } from '@/features/counterfactual/utils'
-import { useWeb3 } from '@/hooks/wallets/web3'
-import { useEffect, useMemo } from 'react'
-import { getBalances, type SafeBalanceResponse } from '@safe-global/safe-gateway-typescript-sdk'
-import { useAppSelector } from '@/store'
-import useAsync, { type AsyncResult } from '../useAsync'
-import { Errors, logError } from '@/services/exceptions'
-import { selectCurrency, selectSettings, TOKEN_LISTS } from '@/store/settingsSlice'
-import { useCurrentChain } from '../useChains'
-import { FEATURES, hasFeature } from '@/utils/chains'
-import { POLLING_INTERVAL } from '@/config/constants'
-import useIntervalCounter from '../useIntervalCounter'
-import useSafeInfo from '../useSafeInfo'
-
-export const useTokenListSetting = (): boolean | undefined => {
-  const chain = useCurrentChain()
-  const settings = useAppSelector(selectSettings)
-
-  const isTrustedTokenList = useMemo(() => {
-    if (settings.tokenList === TOKEN_LISTS.ALL) return false
-    return chain ? hasFeature(chain, FEATURES.DEFAULT_TOKENLIST) : undefined
-  }, [chain, settings.tokenList])
-
-  return isTrustedTokenList
-}
-
-export const useLoadBalances = (): AsyncResult<SafeBalanceResponse> => {
-  const [pollCount, resetPolling] = useIntervalCounter(POLLING_INTERVAL)
-  const currency = useAppSelector(selectCurrency)
-  const isTrustedTokenList = useTokenListSetting()
-  const { safe, safeAddress } = useSafeInfo()
-  const web3 = useWeb3()
-  const chain = useCurrentChain()
-  const chainId = safe.chainId
-
-  // Re-fetch assets when the entire SafeInfo updates
-  const [data, error, loading] = useAsync<SafeBalanceResponse | undefined>(
-    () => {
-      if (!chainId || !safeAddress || isTrustedTokenList === undefined) return
-
-      if (!safe.deployed) {
-        return getCounterfactualBalance(safeAddress, web3, chain)
-      }
-
-      return getBalances(chainId, safeAddress, currency, {
-        trusted: isTrustedTokenList,
-      })
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [safeAddress, chainId, currency, isTrustedTokenList, pollCount, safe.deployed, web3, chain],
-    false, // don't clear data between polls
-  )
-
-  // Reset the counter when safe address/chainId changes
-  useEffect(() => {
-    resetPolling()
-  }, [resetPolling, safeAddress, chainId])
-
-  // Log errors
-  useEffect(() => {
-    if (error) {
-      logError(Errors._601, error.message)
-    }
-  }, [error])
-
-  return [data, error, loading]
-}
-
-export default useLoadBalances
diff --git a/src/hooks/loadables/useLoadChains.ts b/src/hooks/loadables/useLoadChains.ts
deleted file mode 100644
index 2a57315b3..000000000
--- a/src/hooks/loadables/useLoadChains.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { useEffect } from 'react'
-import { getChainsConfig, type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import useAsync, { type AsyncResult } from '../useAsync'
-import { logError, Errors } from '@/services/exceptions'
-
-const getConfigs = async (): Promise<ChainInfo[]> => {
-  const data = await getChainsConfig()
-  return data.results || []
-}
-
-export const useLoadChains = (): AsyncResult<ChainInfo[]> => {
-  const [data, error, loading] = useAsync<ChainInfo[]>(getConfigs, [])
-
-  // Log errors
-  useEffect(() => {
-    if (error) {
-      logError(Errors._620, error.message)
-    }
-  }, [error])
-
-  return [data, error, loading]
-}
-
-export default useLoadChains
diff --git a/src/hooks/loadables/useLoadSafeInfo.ts b/src/hooks/loadables/useLoadSafeInfo.ts
deleted file mode 100644
index b8bfece18..000000000
--- a/src/hooks/loadables/useLoadSafeInfo.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { selectUndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
-import { getUndeployedSafeInfo } from '@/features/counterfactual/utils'
-import { useAppSelector } from '@/store'
-import { useEffect } from 'react'
-import { getSafeInfo, type SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import useAsync, { type AsyncResult } from '../useAsync'
-import useSafeAddress from '../useSafeAddress'
-import { useChainId } from '../useChainId'
-import useIntervalCounter from '../useIntervalCounter'
-import useSafeInfo from '../useSafeInfo'
-import { Errors, logError } from '@/services/exceptions'
-import { POLLING_INTERVAL } from '@/config/constants'
-import { checksumAddress, sameAddress } from '@/utils/addresses'
-
-export const useLoadSafeInfo = (): AsyncResult<SafeInfo> => {
-  const address = useSafeAddress()
-  const chainId = useChainId()
-  const [pollCount, resetPolling] = useIntervalCounter(POLLING_INTERVAL)
-  const { safe } = useSafeInfo()
-  const isStoredSafeValid = safe.chainId === chainId && sameAddress(safe.address.value, checksumAddress(address))
-  const undeployedSafe = useAppSelector((state) => selectUndeployedSafe(state, chainId, checksumAddress(address)))
-
-  const [data, error, loading] = useAsync<SafeInfo | undefined>(async () => {
-    if (!chainId || !address) return
-
-    /**
-     * This is the one place where we can't check for `safe.deployed` as we want to update that value
-     * when the local storage is cleared, so we have to check undeployedSafe
-     */
-    if (undeployedSafe) return getUndeployedSafeInfo(undeployedSafe.props, checksumAddress(address), chainId)
-
-    const safeInfo = await getSafeInfo(chainId, checksumAddress(address))
-
-    return { ...safeInfo, deployed: true }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [chainId, address, pollCount, undeployedSafe])
-
-  // Reset the counter when safe address/chainId changes
-  useEffect(() => {
-    resetPolling()
-  }, [resetPolling, address, chainId])
-
-  // Log errors
-  useEffect(() => {
-    if (error) {
-      logError(Errors._600, error.message)
-    }
-  }, [error])
-
-  return [
-    // Return stored SafeInfo between polls
-    data ?? (isStoredSafeValid ? safe : data),
-    error,
-    loading,
-  ]
-}
-
-export default useLoadSafeInfo
diff --git a/src/hooks/loadables/useLoadSafeMessages.ts b/src/hooks/loadables/useLoadSafeMessages.ts
deleted file mode 100644
index 867da23dc..000000000
--- a/src/hooks/loadables/useLoadSafeMessages.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { useEffect } from 'react'
-import { getSafeMessages } from '@safe-global/safe-gateway-typescript-sdk'
-import type { SafeMessageListPage } from '@safe-global/safe-gateway-typescript-sdk'
-
-import useAsync from '@/hooks/useAsync'
-import { logError, Errors } from '@/services/exceptions'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import type { AsyncResult } from '@/hooks/useAsync'
-
-export const useLoadSafeMessages = (): AsyncResult<SafeMessageListPage> => {
-  const { safe, safeAddress, safeLoaded } = useSafeInfo()
-
-  const [data, error, loading] = useAsync<SafeMessageListPage>(
-    () => {
-      if (!safeLoaded) return
-      if (!safe.deployed) return Promise.resolve({ results: [] })
-
-      return getSafeMessages(safe.chainId, safeAddress)
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [safeLoaded, safe.chainId, safeAddress, safe.messagesTag, safe.deployed],
-    false,
-  )
-
-  useEffect(() => {
-    if (error) {
-      logError(Errors._608, error.message)
-    }
-  }, [error])
-
-  return [data, error, loading]
-}
-
-export default useLoadSafeMessages
diff --git a/src/hooks/loadables/useLoadSpendingLimits.ts b/src/hooks/loadables/useLoadSpendingLimits.ts
deleted file mode 100644
index c0f3deea5..000000000
--- a/src/hooks/loadables/useLoadSpendingLimits.ts
+++ /dev/null
@@ -1,125 +0,0 @@
-import { useEffect } from 'react'
-import useAsync, { type AsyncResult } from '../useAsync'
-import useSafeInfo from '../useSafeInfo'
-import { Errors, logError } from '@/services/exceptions'
-import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
-import useChainId from '@/hooks/useChainId'
-import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
-import type { JsonRpcProvider } from 'ethers'
-import { getSpendingLimitContract, getSpendingLimitModuleAddress } from '@/services/contracts/spendingLimitContracts'
-import type { AddressEx, TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { sameAddress } from '@/utils/addresses'
-import { type AllowanceModule } from '@/types/contracts'
-import { getERC20TokenInfoOnChain } from '@/utils/tokens'
-
-import { sameString } from '@safe-global/protocol-kit/dist/src/utils'
-import { useAppSelector } from '@/store'
-import { selectTokens } from '@/store/balancesSlice'
-import isEqual from 'lodash/isEqual'
-
-const DEFAULT_TOKEN_INFO = {
-  decimals: 18,
-  symbol: '',
-}
-
-const isModuleEnabled = (modules: string[], moduleAddress: string): boolean => {
-  return modules?.some((module) => sameAddress(module, moduleAddress)) ?? false
-}
-
-const discardZeroAllowance = (spendingLimit: SpendingLimitState): boolean =>
-  !(sameString(spendingLimit.amount, '0') && sameString(spendingLimit.resetTimeMin, '0'))
-
-const getTokenInfoFromBalances = (tokenInfoFromBalances: TokenInfo[], address: string): TokenInfo | undefined =>
-  tokenInfoFromBalances.find((token) => token.address === address)
-
-export const getTokenAllowanceForDelegate = async (
-  contract: AllowanceModule,
-  safeAddress: string,
-  delegate: string,
-  token: string,
-  tokenInfoFromBalances: TokenInfo[],
-): Promise<SpendingLimitState> => {
-  const tokenAllowance = await contract.getTokenAllowance(safeAddress, delegate, token)
-  const [amount, spent, resetTimeMin, lastResetMin, nonce] = tokenAllowance
-  return {
-    beneficiary: delegate,
-    token: getTokenInfoFromBalances(tokenInfoFromBalances, token) ||
-      (await getERC20TokenInfoOnChain(token)) || { ...DEFAULT_TOKEN_INFO, address: token },
-    amount: amount.toString(),
-    spent: spent.toString(),
-    resetTimeMin: resetTimeMin.toString(),
-    lastResetMin: lastResetMin.toString(),
-    nonce: nonce.toString(),
-  }
-}
-
-export const getTokensForDelegate = async (
-  contract: AllowanceModule,
-  safeAddress: string,
-  delegate: string,
-  tokenInfoFromBalances: TokenInfo[],
-) => {
-  const tokens = await contract.getTokens(safeAddress, delegate)
-
-  return Promise.all(
-    tokens.map(async (token) =>
-      getTokenAllowanceForDelegate(contract, safeAddress, delegate, token, tokenInfoFromBalances),
-    ),
-  )
-}
-
-export const getSpendingLimits = async (
-  provider: JsonRpcProvider,
-  safeModules: AddressEx[],
-  safeAddress: string,
-  chainId: string,
-  tokenInfoFromBalances: TokenInfo[],
-): Promise<SpendingLimitState[] | undefined> => {
-  const spendingLimitModuleAddress = getSpendingLimitModuleAddress(chainId)
-  if (!spendingLimitModuleAddress) return
-
-  const isSpendingLimitEnabled = isModuleEnabled(
-    safeModules.map((module) => module.value),
-    spendingLimitModuleAddress,
-  )
-  if (!isSpendingLimitEnabled) return
-
-  const contract = getSpendingLimitContract(chainId, provider)
-  const delegates = await contract.getDelegates(safeAddress, 0, 100)
-
-  const spendingLimits = await Promise.all(
-    delegates.results.map(async (delegate) =>
-      getTokensForDelegate(contract, safeAddress, delegate, tokenInfoFromBalances),
-    ),
-  )
-  return spendingLimits.flat().filter(discardZeroAllowance)
-}
-
-export const useLoadSpendingLimits = (): AsyncResult<SpendingLimitState[]> => {
-  const { safeAddress, safe, safeLoaded } = useSafeInfo()
-  const chainId = useChainId()
-  const provider = useWeb3ReadOnly()
-  const tokenInfoFromBalances = useAppSelector(selectTokens, isEqual)
-
-  const [data, error, loading] = useAsync<SpendingLimitState[] | undefined>(
-    () => {
-      if (!provider || !safeLoaded || !safe.modules || !tokenInfoFromBalances) return
-
-      return getSpendingLimits(provider, safe.modules, safeAddress, chainId, tokenInfoFromBalances)
-    },
-    // Need to check length of modules array to prevent new request every time Safe info polls
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [provider, safeLoaded, safe.modules?.length, tokenInfoFromBalances, safeAddress, chainId, safe.txHistoryTag],
-    false,
-  )
-
-  useEffect(() => {
-    if (error) {
-      logError(Errors._609, error.message)
-    }
-  }, [error])
-
-  return [data, error, loading]
-}
-
-export default useLoadSpendingLimits
diff --git a/src/hooks/loadables/useLoadTxHistory.ts b/src/hooks/loadables/useLoadTxHistory.ts
deleted file mode 100644
index 284e13961..000000000
--- a/src/hooks/loadables/useLoadTxHistory.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { useEffect } from 'react'
-import { type TransactionListPage } from '@safe-global/safe-gateway-typescript-sdk'
-import useAsync, { type AsyncResult } from '../useAsync'
-import { Errors, logError } from '@/services/exceptions'
-import useSafeInfo from '../useSafeInfo'
-import { getTxHistory } from '@/services/transactions'
-import { useAppSelector } from '@/store'
-import { selectSettings } from '@/store/settingsSlice'
-import { useHasFeature } from '../useChains'
-import { FEATURES } from '@/utils/chains'
-
-export const useLoadTxHistory = (): AsyncResult<TransactionListPage> => {
-  const { safe, safeAddress, safeLoaded } = useSafeInfo()
-  const { chainId, txHistoryTag } = safe
-  const { showOnlyTrustedTransactions } = useAppSelector(selectSettings)
-  const hasDefaultTokenlist = useHasFeature(FEATURES.DEFAULT_TOKENLIST)
-
-  // Re-fetch when chainId, address, showOnlyTrustedTransactions, or txHistoryTag changes
-  const [data, error, loading] = useAsync<TransactionListPage>(
-    () => {
-      if (!safeLoaded) return
-      if (!safe.deployed) return Promise.resolve({ results: [] })
-
-      return getTxHistory(chainId, safeAddress, hasDefaultTokenlist && showOnlyTrustedTransactions)
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [safeLoaded, chainId, safeAddress, showOnlyTrustedTransactions, hasDefaultTokenlist, txHistoryTag, safe.deployed],
-    false,
-  )
-
-  // Log errors
-  useEffect(() => {
-    if (!error) return
-    logError(Errors._602, error.message)
-  }, [error])
-
-  return [data, error, loading]
-}
-
-export default useLoadTxHistory
diff --git a/src/hooks/messages/__tests__/useSafeMessageStatus.test.ts b/src/hooks/messages/__tests__/useSafeMessageStatus.test.ts
deleted file mode 100644
index 1af158baa..000000000
--- a/src/hooks/messages/__tests__/useSafeMessageStatus.test.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import type { SafeMessage, SafeMessageStatus } from '@safe-global/safe-gateway-typescript-sdk'
-
-import { renderHook } from '@/tests/test-utils'
-import * as useIsSafeMessagePendingHook from '@/hooks/messages/useIsSafeMessagePending'
-import * as useWalletHook from '@/hooks/wallets/useWallet'
-import useSafeMessageStatus from '../useSafeMessageStatus'
-import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
-
-describe('useSafeMessageStatus', () => {
-  it('should return "Confirming" if the message is pending', () => {
-    jest.spyOn(useIsSafeMessagePendingHook, 'default').mockImplementation(() => true)
-
-    const message = {} as SafeMessage
-
-    const { result } = renderHook(() => useSafeMessageStatus(message))
-    expect(result.current).toBe('Confirming')
-  })
-
-  it('should return "Awaiting confirmations" if the message is not pending, the wallet has signed it but it is not fully signed', () => {
-    jest.spyOn(useIsSafeMessagePendingHook, 'default').mockImplementation(() => false)
-    jest.spyOn(useWalletHook, 'default').mockImplementation(() => ({ address: '0x123' } as ConnectedWallet))
-
-    const message = {
-      confirmations: [{ owner: { value: '0x123' } }],
-      status: 'NEEDS_CONFIRMATION' as SafeMessageStatus,
-    } as SafeMessage
-
-    const { result } = renderHook(() => useSafeMessageStatus(message))
-    expect(result.current).toBe('Awaiting confirmations')
-  })
-
-  it('should return the message status if the message is not pending and the wallet has not signed the message', () => {
-    jest.spyOn(useIsSafeMessagePendingHook, 'default').mockImplementation(() => false)
-    jest.spyOn(useWalletHook, 'default').mockImplementation(() => ({ address: '0x123' } as ConnectedWallet))
-
-    const message = {
-      confirmations: [{ owner: { value: '0x456' } }] as SafeMessage['confirmations'],
-      status: 'NEEDS_CONFIRMATION' as SafeMessageStatus,
-    } as SafeMessage
-
-    const { result } = renderHook(() => useSafeMessageStatus(message))
-    expect(result.current).toBe('Needs confirmation')
-  })
-
-  it('should return the message status if the message is not pending and it is fully signed', () => {
-    jest.spyOn(useIsSafeMessagePendingHook, 'default').mockImplementation(() => false)
-    jest.spyOn(useWalletHook, 'default').mockImplementation(() => ({ address: '0x123' } as ConnectedWallet))
-
-    const message = {
-      confirmations: [{ owner: { value: '0x123' } }] as SafeMessage['confirmations'],
-      status: 'CONFIRMED' as SafeMessageStatus,
-    } as SafeMessage
-
-    const { result } = renderHook(() => useSafeMessageStatus(message))
-    expect(result.current).toBe('Confirmed')
-  })
-})
diff --git a/src/hooks/messages/useIsSafeMessageSignableBy.ts b/src/hooks/messages/useIsSafeMessageSignableBy.ts
deleted file mode 100644
index 35f0f87be..000000000
--- a/src/hooks/messages/useIsSafeMessageSignableBy.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import type { SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
-
-import useIsSafeOwner from '@/hooks/useIsSafeOwner'
-
-const useIsSafeMessageSignableBy = (message: SafeMessage, walletAddress: string): boolean => {
-  const isSafeOwner = useIsSafeOwner()
-  return isSafeOwner && message.confirmations.every(({ owner }) => owner.value !== walletAddress)
-}
-
-export default useIsSafeMessageSignableBy
diff --git a/src/hooks/messages/useSafeMessageStatus.ts b/src/hooks/messages/useSafeMessageStatus.ts
deleted file mode 100644
index c2bc737f7..000000000
--- a/src/hooks/messages/useSafeMessageStatus.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { SafeMessageStatus } from '@safe-global/safe-gateway-typescript-sdk'
-import type { SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
-
-import useIsSafeMessagePending from './useIsSafeMessagePending'
-import useWallet from '../wallets/useWallet'
-
-const ConfirmingStatus = 'CONFIRMING'
-const AwaitingConfirmationsStatus = 'AWAITING_CONFIRMATIONS'
-
-type SafeMessageLocalStatus = SafeMessageStatus | typeof ConfirmingStatus | typeof AwaitingConfirmationsStatus
-
-const STATUS_LABELS: { [key in SafeMessageLocalStatus]: string } = {
-  [ConfirmingStatus]: 'Confirming',
-  [AwaitingConfirmationsStatus]: 'Awaiting confirmations',
-  [SafeMessageStatus.CONFIRMED]: 'Confirmed',
-  [SafeMessageStatus.NEEDS_CONFIRMATION]: 'Needs confirmation',
-}
-
-const useSafeMessageStatus = (msg: SafeMessage) => {
-  const isPending = useIsSafeMessagePending(msg.messageHash)
-  const wallet = useWallet()
-
-  if (isPending) {
-    return STATUS_LABELS[ConfirmingStatus]
-  }
-
-  const hasWalletSigned = wallet && msg.confirmations.some(({ owner }) => owner.value === wallet.address)
-  const isConfirmed = msg.status === SafeMessageStatus.CONFIRMED
-  if (hasWalletSigned && !isConfirmed) {
-    return STATUS_LABELS[AwaitingConfirmationsStatus]
-  }
-
-  return STATUS_LABELS[msg.status]
-}
-
-export default useSafeMessageStatus
diff --git a/src/hooks/messages/useSyncSafeMessageSigner.ts b/src/hooks/messages/useSyncSafeMessageSigner.ts
deleted file mode 100644
index a22a2014b..000000000
--- a/src/hooks/messages/useSyncSafeMessageSigner.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import useWallet from '@/hooks/wallets/useWallet'
-import { Errors, logError } from '@/services/exceptions'
-import { asError } from '@/services/exceptions/utils'
-import { dispatchPreparedSignature } from '@/services/safe-messages/safeMsgNotifications'
-import { dispatchSafeMsgProposal, dispatchSafeMsgConfirmation } from '@/services/safe-messages/safeMsgSender'
-import { assertWalletChain } from '@/services/tx/tx-sender/sdk'
-import {
-  getSafeMessage,
-  SafeMessageListItemType,
-  type EIP712TypedData,
-  type SafeMessage,
-} from '@safe-global/safe-gateway-typescript-sdk'
-import { useEffect, useCallback, useState } from 'react'
-import useSafeInfo from '../useSafeInfo'
-import useOnboard from '../wallets/useOnboard'
-
-const HIDE_DELAY = 3000
-
-export const fetchSafeMessage = async (safeMessageHash: string, chainId: string) => {
-  let message: SafeMessage | undefined
-  try {
-    // fetchedMessage does not have a type because it is explicitly a message
-    const fetchedMessage = await getSafeMessage(chainId, safeMessageHash)
-    message = { ...fetchedMessage, type: SafeMessageListItemType.MESSAGE }
-  } catch (err) {
-    logError(Errors._613, err)
-    throw err
-  }
-
-  return message
-}
-
-const useSyncSafeMessageSigner = (
-  message: SafeMessage | undefined,
-  decodedMessage: string | EIP712TypedData,
-  safeMessageHash: string,
-  requestId: string | undefined,
-  safeAppId: number | undefined,
-  onClose: () => void,
-) => {
-  const [submitError, setSubmitError] = useState<Error | undefined>()
-  const onboard = useOnboard()
-  const wallet = useWallet()
-  const { safe } = useSafeInfo()
-
-  // If the message gets updated in the messageSlice we dispatch it if the signature is complete
-  useEffect(() => {
-    let timeout: NodeJS.Timeout | undefined
-    if (message?.preparedSignature) {
-      timeout = setTimeout(() => dispatchPreparedSignature(message, safeMessageHash, onClose, requestId), HIDE_DELAY)
-    }
-    return () => clearTimeout(timeout)
-  }, [message, safe.chainId, safeMessageHash, onClose, requestId])
-
-  const onSign = useCallback(async () => {
-    // Error is shown when no wallet is connected, this appeases TypeScript
-    if (!onboard || !wallet) {
-      return
-    }
-
-    setSubmitError(undefined)
-
-    try {
-      await assertWalletChain(onboard, safe.chainId)
-
-      // When collecting the first signature
-      if (!message) {
-        await dispatchSafeMsgProposal({ provider: wallet.provider, safe, message: decodedMessage, safeAppId })
-
-        // Fetch updated message
-        const updatedMsg = await fetchSafeMessage(safeMessageHash, safe.chainId)
-
-        // If threshold 1, we do not want to wait for polling
-        if (safe.threshold === 1) {
-          setTimeout(() => dispatchPreparedSignature(updatedMsg, safeMessageHash, onClose, requestId), HIDE_DELAY)
-        }
-        return updatedMsg
-      } else {
-        await dispatchSafeMsgConfirmation({ provider: wallet.provider, safe, message: decodedMessage })
-
-        // No requestID => we are in the confirm message dialog and do not need to leave the window open
-        if (!requestId) {
-          onClose()
-          return
-        }
-
-        const updatedMsg = await fetchSafeMessage(safeMessageHash, safe.chainId)
-        setTimeout(() => dispatchPreparedSignature(updatedMsg, safeMessageHash, onClose, requestId), HIDE_DELAY)
-        return updatedMsg
-      }
-    } catch (e) {
-      setSubmitError(asError(e))
-    }
-  }, [onboard, wallet, safe, message, decodedMessage, safeAppId, safeMessageHash, onClose, requestId])
-
-  return { submitError, onSign }
-}
-
-export default useSyncSafeMessageSigner
diff --git a/src/hooks/safe-apps/permissions/index.ts b/src/hooks/safe-apps/permissions/index.ts
deleted file mode 100644
index 5532409db..000000000
--- a/src/hooks/safe-apps/permissions/index.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { RestrictedMethods } from '@safe-global/safe-apps-sdk'
-import type { AllowedFeatures } from '@/components/safe-apps/types'
-import { capitalize } from '@/utils/formatters'
-
-type PermissionsDisplayType = {
-  displayName: string
-  description: string
-}
-
-export * from './useBrowserPermissions'
-export * from './useSafePermissions'
-
-const SAFE_PERMISSIONS_TEXTS: Record<string, PermissionsDisplayType> = {
-  [RestrictedMethods.requestAddressBook]: {
-    displayName: 'Address Book',
-    description: 'Access to your address book',
-  },
-}
-
-export const getSafePermissionDisplayValues = (method: string) => {
-  return SAFE_PERMISSIONS_TEXTS[method]
-}
-
-export const getBrowserPermissionDisplayValues = (feature: AllowedFeatures) => {
-  return {
-    displayName: capitalize(feature).replace(/-/g, ' '),
-    description: `Allow to use - ${feature}`,
-  }
-}
diff --git a/src/hooks/safe-apps/useRankedSafeApps.ts b/src/hooks/safe-apps/useRankedSafeApps.ts
deleted file mode 100644
index 7fe4a0849..000000000
--- a/src/hooks/safe-apps/useRankedSafeApps.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { useMemo } from 'react'
-import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
-import { rankSafeApps } from '@/services/safe-apps/track-app-usage-count'
-import { SafeAppsTag } from '@/config/constants'
-
-// number of ranked Safe Apps that we want to display
-const NUMBER_OF_SAFE_APPS = 5
-
-const useRankedSafeApps = (safeApps: SafeAppData[], pinnedSafeApps: SafeAppData[]): SafeAppData[] => {
-  return useMemo(() => {
-    if (!safeApps.length) return []
-
-    const mostUsedApps = rankSafeApps(safeApps)
-    const rankedPinnedApps = rankSafeApps(pinnedSafeApps)
-    const randomApps = safeApps.slice().sort(() => Math.random() - 0.5)
-
-    const allRankedApps = rankedPinnedApps
-      .concat(pinnedSafeApps, mostUsedApps, randomApps)
-      // Filter out Featured Apps because they are in their own section
-      .filter((app) => !app.tags.includes(SafeAppsTag.DASHBOARD_FEATURED))
-
-    // Use a Set to remove duplicates
-    return [...new Set(allRankedApps)].slice(0, NUMBER_OF_SAFE_APPS)
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [safeApps])
-}
-
-export { useRankedSafeApps }
diff --git a/src/hooks/safe-apps/useRemoteSafeApps.ts b/src/hooks/safe-apps/useRemoteSafeApps.ts
deleted file mode 100644
index 0cd9bd4d2..000000000
--- a/src/hooks/safe-apps/useRemoteSafeApps.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { useEffect, useMemo } from 'react'
-import type { SafeAppsResponse } from '@safe-global/safe-gateway-typescript-sdk'
-import { getSafeApps } from '@safe-global/safe-gateway-typescript-sdk'
-import { Errors, logError } from '@/services/exceptions'
-import useChainId from '@/hooks/useChainId'
-import type { AsyncResult } from '../useAsync'
-import useAsync from '../useAsync'
-import type { SafeAppsTag } from '@/config/constants'
-
-// To avoid multiple simultaneous requests (e.g. the Dashboard and the SAFE header widget),
-// cache the request promise for 100ms
-let cache: Record<string, Promise<SafeAppsResponse> | undefined> = {}
-const cachedGetSafeApps = (chainId: string): ReturnType<typeof getSafeApps> | undefined => {
-  if (!cache[chainId]) {
-    cache[chainId] = getSafeApps(chainId, { client_url: window.location.origin })
-
-    // Clear the cache the promise resolves with a small delay
-    cache[chainId]
-      ?.catch(() => null)
-      .then(() => {
-        setTimeout(() => (cache[chainId] = undefined), 100)
-      })
-  }
-
-  return cache[chainId]
-}
-
-const useRemoteSafeApps = (tag?: SafeAppsTag): AsyncResult<SafeAppsResponse> => {
-  const chainId = useChainId()
-
-  const [remoteApps, error, loading] = useAsync<SafeAppsResponse>(() => {
-    if (!chainId) return
-    return cachedGetSafeApps(chainId)
-  }, [chainId])
-
-  useEffect(() => {
-    if (error) {
-      logError(Errors._902, error.message)
-    }
-  }, [error])
-
-  const apps = useMemo(() => {
-    if (!remoteApps || !tag) return remoteApps
-    return remoteApps.filter((app) => app.tags.includes(tag))
-  }, [remoteApps, tag])
-
-  const sortedApps = useMemo(() => {
-    return apps?.sort((a, b) => a.name.localeCompare(b.name))
-  }, [apps])
-
-  return [sortedApps, error, loading]
-}
-
-export { useRemoteSafeApps }
diff --git a/src/hooks/useAddressBook.ts b/src/hooks/useAddressBook.ts
deleted file mode 100644
index 9b835f027..000000000
--- a/src/hooks/useAddressBook.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { useAppSelector } from '@/store'
-import { selectAddressBookByChain } from '@/store/addressBookSlice'
-import useChainId from './useChainId'
-
-const useAddressBook = () => {
-  const chainId = useChainId()
-  return useAppSelector((state) => selectAddressBookByChain(state, chainId))
-}
-
-export default useAddressBook
diff --git a/src/hooks/useAsync.ts b/src/hooks/useAsync.ts
deleted file mode 100644
index 494518a0e..000000000
--- a/src/hooks/useAsync.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { useCallback, useEffect, useState } from 'react'
-import { asError } from '@/services/exceptions/utils'
-
-export type AsyncResult<T> = [result: T | undefined, error: Error | undefined, loading: boolean]
-
-const useAsync = <T>(
-  asyncCall: () => Promise<T> | undefined,
-  dependencies: unknown[],
-  clearData = true,
-): AsyncResult<T> => {
-  const [data, setData] = useState<T | undefined>()
-  const [error, setError] = useState<Error>()
-  const [loading, setLoading] = useState<boolean>(false)
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const callback = useCallback(asyncCall, dependencies)
-
-  useEffect(() => {
-    setError(undefined)
-
-    const promise = callback()
-
-    // Not a promise, exit early
-    if (!promise) {
-      setData(undefined)
-      setLoading(false)
-      return
-    }
-
-    let isCurrent = true
-    clearData && setData(undefined)
-    setLoading(true)
-
-    promise
-      .then((val: T) => {
-        isCurrent && setData(val)
-      })
-      .catch((err) => {
-        isCurrent && setError(asError(err))
-      })
-      .finally(() => {
-        isCurrent && setLoading(false)
-      })
-
-    return () => {
-      isCurrent = false
-    }
-  }, [callback, clearData])
-
-  return [data, error, loading]
-}
-
-export default useAsync
diff --git a/src/hooks/useBalances.ts b/src/hooks/useBalances.ts
deleted file mode 100644
index e076382f2..000000000
--- a/src/hooks/useBalances.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { useMemo } from 'react'
-import isEqual from 'lodash/isEqual'
-import { type SafeBalanceResponse } from '@safe-global/safe-gateway-typescript-sdk'
-import { useAppSelector } from '@/store'
-import { initialBalancesState, selectBalances } from '@/store/balancesSlice'
-
-const useBalances = (): {
-  balances: SafeBalanceResponse
-  loading: boolean
-  error?: string
-} => {
-  const state = useAppSelector(selectBalances, isEqual)
-  const { data, error, loading } = state
-
-  return useMemo(
-    () => ({
-      balances: data,
-      error,
-      loading: loading || initialBalancesState === data,
-    }),
-    [data, error, loading],
-  )
-}
-
-export default useBalances
diff --git a/src/hooks/useDecodeTx.ts b/src/hooks/useDecodeTx.ts
deleted file mode 100644
index f4fbfd012..000000000
--- a/src/hooks/useDecodeTx.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { type SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import {
-  getConfirmationView,
-  type BaselineConfirmationView,
-  type OrderConfirmationView,
-  type DecodedDataResponse,
-} from '@safe-global/safe-gateway-typescript-sdk'
-import { getNativeTransferData } from '@/services/tx/tokenTransferParams'
-import { isEmptyHexData } from '@/utils/hex'
-import type { AsyncResult } from './useAsync'
-import useAsync from './useAsync'
-import useChainId from './useChainId'
-import useSafeAddress from '@/hooks/useSafeAddress'
-
-const useDecodeTx = (
-  tx?: SafeTransaction,
-): AsyncResult<DecodedDataResponse | BaselineConfirmationView | OrderConfirmationView> => {
-  const chainId = useChainId()
-  const safeAddress = useSafeAddress()
-  const encodedData = tx?.data.data
-  const isEmptyData = !!encodedData && isEmptyHexData(encodedData)
-  const isRejection = isEmptyData && tx?.data.value === '0'
-
-  const [data, error, loading] = useAsync<
-    DecodedDataResponse | BaselineConfirmationView | OrderConfirmationView | undefined
-  >(() => {
-    if (!encodedData || isEmptyData) {
-      const nativeTransfer = isEmptyData && !isRejection ? getNativeTransferData(tx?.data) : undefined
-      return Promise.resolve(nativeTransfer)
-    }
-    return getConfirmationView(chainId, safeAddress, encodedData, tx.data.to)
-  }, [chainId, encodedData, isEmptyData, tx?.data, isRejection, safeAddress])
-
-  return [data, error, loading]
-}
-
-export default useDecodeTx
diff --git a/src/hooks/useIsOnlySpendingLimitBeneficiary.tsx b/src/hooks/useIsOnlySpendingLimitBeneficiary.tsx
deleted file mode 100644
index 544d865c3..000000000
--- a/src/hooks/useIsOnlySpendingLimitBeneficiary.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { FEATURES } from '@/utils/chains'
-import { useAppSelector } from '@/store'
-import { selectSpendingLimits } from '@/store/spendingLimitsSlice'
-import useWallet from '@/hooks/wallets/useWallet'
-import useIsSafeOwner from '@/hooks/useIsSafeOwner'
-import { useHasFeature } from './useChains'
-
-const useIsOnlySpendingLimitBeneficiary = (): boolean => {
-  const isEnabled = useHasFeature(FEATURES.SPENDING_LIMIT)
-  const spendingLimits = useAppSelector(selectSpendingLimits)
-  const wallet = useWallet()
-  const isSafeOwner = useIsSafeOwner()
-
-  if (isSafeOwner || !isEnabled || spendingLimits.length === 0) {
-    return false
-  }
-
-  return spendingLimits.some(({ beneficiary }) => beneficiary === wallet?.address)
-}
-
-export default useIsOnlySpendingLimitBeneficiary
diff --git a/src/hooks/useIsSafeOwner.ts b/src/hooks/useIsSafeOwner.ts
deleted file mode 100644
index e1118c581..000000000
--- a/src/hooks/useIsSafeOwner.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import useSafeInfo from '@/hooks/useSafeInfo'
-import useWallet from '@/hooks/wallets/useWallet'
-import { isOwner } from '@/utils/transaction-guards'
-
-const useIsSafeOwner = () => {
-  const { safe } = useSafeInfo()
-  const wallet = useWallet()
-
-  return isOwner(safe.owners, wallet?.address)
-}
-
-export default useIsSafeOwner
diff --git a/src/hooks/useIsSidebarRoute.ts b/src/hooks/useIsSidebarRoute.ts
deleted file mode 100644
index 280eb6fa9..000000000
--- a/src/hooks/useIsSidebarRoute.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { AppRoutes } from '@/config/routes'
-import { usePathname } from 'next/navigation'
-import { useRouter } from 'next/router'
-
-const NO_SIDEBAR_ROUTES = [
-  AppRoutes.share.safeApp,
-  AppRoutes.newSafe.create,
-  AppRoutes.newSafe.load,
-  AppRoutes.index,
-  AppRoutes.welcome.index,
-  AppRoutes.welcome.accounts,
-  AppRoutes.imprint,
-  AppRoutes.privacy,
-  AppRoutes.cookie,
-  AppRoutes.terms,
-  AppRoutes.licenses,
-]
-
-const TOGGLE_SIDEBAR_ROUTES = [AppRoutes.apps.open]
-
-/**
- * Returns a boolean tuple indicating if the current route should display the sidebar and if the sidebar can be toggled
- * @param pathname Optional server-side pathname to check against
- * @returns A tuple with the first value indicating if the sidebar should be displayed and the second value indicating if the sidebar can be toggled
- */
-export function useIsSidebarRoute(pathname?: string): [boolean, boolean] {
-  const clientPathname = usePathname()
-  const route = pathname || clientPathname || ''
-  const noSidebar = NO_SIDEBAR_ROUTES.includes(route)
-  const toggledSidebar = TOGGLE_SIDEBAR_ROUTES.includes(route)
-  const router = useRouter()
-  const hasSafe = !router.isReady || !!router.query.safe
-  return [!noSidebar && hasSafe, toggledSidebar]
-}
diff --git a/src/hooks/useIsValidExecution.ts b/src/hooks/useIsValidExecution.ts
deleted file mode 100644
index 69e0c84df..000000000
--- a/src/hooks/useIsValidExecution.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import type { EthersError } from '@/utils/ethers-utils'
-
-import useAsync from './useAsync'
-import ContractErrorCodes from '@/services/contracts/ContractErrorCodes'
-import { type SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { createWeb3, useWeb3ReadOnly } from '@/hooks/wallets/web3'
-import { type JsonRpcProvider } from 'ethers'
-import { type ConnectedWallet } from '@/hooks/wallets/useOnboard'
-import { getCurrentGnosisSafeContract } from '@/services/contracts/safeContracts'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import useWallet from '@/hooks/wallets/useWallet'
-import { encodeSignatures } from '@/services/tx/encodeSignatures'
-import useIsSafeOwner from '@/hooks/useIsSafeOwner'
-import { checksumAddress } from '@/utils/addresses'
-
-const isContractError = (error: EthersError) => {
-  if (!error.reason) return false
-
-  return Object.keys(ContractErrorCodes).includes(error.reason)
-}
-
-// Monkey patch the signerProvider to proxy requests to the "readonly" provider if on the wrong chain
-// This is ONLY used to check the validity of a transaction in `useIsValidExecution`
-export const getPatchedSignerProvider = (
-  wallet: ConnectedWallet,
-  chainId: SafeInfo['chainId'],
-  readOnlyProvider: JsonRpcProvider,
-) => {
-  const signerProvider = createWeb3(wallet.provider)
-
-  if (wallet.chainId !== chainId) {
-    // The RPC methods that are used when we call contract.callStatic.execTransaction
-    const READ_ONLY_METHODS = ['eth_chainId', 'eth_call']
-    const ETH_ACCOUNTS_METHOD = 'eth_accounts'
-
-    const originalSend = signerProvider.send
-
-    signerProvider.send = (request, ...args) => {
-      if (READ_ONLY_METHODS.includes(request)) {
-        return readOnlyProvider.send.call(readOnlyProvider, request, ...args)
-      }
-      if (request === ETH_ACCOUNTS_METHOD) {
-        return originalSend.call(signerProvider, request, ...args)
-      }
-      throw new Error('Invalid execution validity request')
-    }
-  }
-
-  return signerProvider
-}
-
-const useIsValidExecution = (
-  safeTx?: SafeTransaction,
-  gasLimit?: bigint,
-): {
-  isValidExecution?: boolean
-  executionValidationError?: Error
-  isValidExecutionLoading: boolean
-} => {
-  const wallet = useWallet()
-  const { safe } = useSafeInfo()
-  const readOnlyProvider = useWeb3ReadOnly()
-  const isOwner = useIsSafeOwner()
-  const threshold = safe.threshold
-
-  const [isValidExecution, executionValidationError, isValidExecutionLoading] = useAsync(async () => {
-    if (!safeTx || !wallet || gasLimit === undefined || !readOnlyProvider) {
-      return
-    }
-
-    try {
-      const provider = getPatchedSignerProvider(wallet, safe.chainId, readOnlyProvider)
-      const safeContract = await getCurrentGnosisSafeContract(safe, provider)
-
-      /**
-       * We need to call the contract directly instead of using `sdk.isValidTransaction`
-       * because `gasLimit` errors are otherwise not propagated.
-       * @see https://github.com/safe-global/safe-core-sdk/blob/main/packages/safe-ethers-lib/src/contracts/GnosisSafe/GnosisSafeContractEthers.ts#L126
-       * This also fixes the over-fetching issue of the monkey patched provider.
-       */
-
-      return safeContract.contract.execTransaction.staticCall(
-        checksumAddress(safeTx.data.to),
-        safeTx.data.value,
-        safeTx.data.data,
-        safeTx.data.operation,
-        safeTx.data.safeTxGas,
-        safeTx.data.baseGas,
-        safeTx.data.gasPrice,
-        safeTx.data.gasToken,
-        safeTx.data.refundReceiver,
-        encodeSignatures(safeTx, isOwner ? wallet.address : undefined, safeTx.signatures.size < threshold),
-        { from: wallet.address, gasLimit: gasLimit.toString() },
-      )
-    } catch (_err) {
-      const err = _err as EthersError
-
-      if (isContractError(err)) {
-        // @ts-ignore
-        err.reason += `: ${ContractErrorCodes[err.reason]}`
-      }
-
-      throw err
-    }
-  }, [safeTx, wallet, gasLimit, safe, readOnlyProvider, isOwner, threshold])
-
-  return { isValidExecution, executionValidationError, isValidExecutionLoading }
-}
-
-export default useIsValidExecution
diff --git a/src/hooks/useMnemonicName/dict.ts b/src/hooks/useMnemonicName/dict.ts
deleted file mode 100644
index d45be71e7..000000000
--- a/src/hooks/useMnemonicName/dict.ts
+++ /dev/null
@@ -1,396 +0,0 @@
-/**
- * The word lists are from https://github.com/mmkal/ts/tree/main/packages/memorable-moniker/src/dict
- */
-export const animalsDict = `
-aardvark
-albatross
-alligator
-alpaca
-ant
-anteater
-antelope
-ape
-armadillo
-baboon
-badger
-barracuda
-bat
-bear
-beaver
-bee
-binturong
-bird
-bison
-bluebird
-boar
-bobcat
-buffalo
-butterfly
-camel
-capybara
-caracal
-caribou
-cassowary
-cat
-caterpillar
-cattle
-chameleon
-chamois
-cheetah
-chicken
-chimpanzee
-chinchilla
-chough
-coati
-cobra
-cockroach
-cod
-cormorant
-cougar
-coyote
-crab
-crane
-cricket
-crocodile
-crow
-cuckoo
-curlew
-deer
-degu
-dhole
-dingo
-dinosaur
-dog
-dogfish
-dolphin
-donkey
-dotterel
-dove
-dragonfly
-duck
-dugong
-dunlin
-eagle
-echidna
-eel
-eland
-elephant
-elk
-emu
-falcon
-ferret
-finch
-fish
-flamingo
-fly
-fox
-frog
-gaur
-gazelle
-gecko
-gerbil
-giraffe
-gnat
-gnu
-goat
-goldfinch
-goosander
-goose
-gorilla
-goshawk
-grasshopper
-grouse
-guanaco
-gull
-hamster
-hare
-hawk
-hedgehog
-heron
-herring
-hippopotamus
-hoatzin
-hoopoe
-hornet
-horse
-human
-hummingbird
-hyena
-ibex
-ibis
-iguana
-impala
-jackal
-jaguar
-jay
-jellyfish
-jerboa
-kangaroo
-kingfisher
-kinkajou
-koala
-kookaburra
-kouprey
-kudu
-lapwing
-lark
-lemur
-leopard
-lion
-lizard
-llama
-lobster
-locust
-loris
-louse
-lynx
-lyrebird
-macaque
-macaw
-magpie
-mallard
-mammoth
-manatee
-mandrill
-marmoset
-marmot
-meerkat
-mink
-mole
-mongoose
-monkey
-moose
-mosquito
-mouse
-myna
-narwhal
-newt
-nightingale
-octopus
-okapi
-opossum
-orangutan
-oryx
-ostrich
-otter
-owl
-oyster
-panther
-parrot
-panda
-partridge
-peafowl
-pelican
-penguin
-pheasant
-pig
-pigeon
-pika
-pony
-porcupine
-porpoise
-pug
-quail
-quelea
-quetzal
-rabbit
-raccoon
-ram
-rat
-raven
-reindeer
-rhea
-rhinoceros
-rook
-salamander
-salmon
-sand
-sandpiper
-sardine
-seahorse
-seal
-shark
-sheep
-shrew
-siamang
-skunk
-sloth
-snail
-snake
-spider
-squid
-squirrel
-starling
-stegosaurus
-swan
-tamarin
-tapir
-tarsier
-termite
-tiger
-toad
-toucan
-turaco
-turkey
-turtle
-umbrellabird
-vinegaroon
-viper
-vulture
-wallaby
-walrus
-wasp
-waxwing
-weasel
-whale
-wobbegong
-wolf
-wolverine
-wombat
-woodpecker
-worm
-wren
-yak
-zebra
-`
-
-export const adjectivesDict = `
-admirable
-energetic
-lucky
-affable
-enjoyable
-magnificent
-affectionate
-enthusiastic
-marvelous
-agreeable
-euphoric
-meritorious
-amazing
-excellent
-merry
-amiable
-exceptional
-amused
-excited
-nice
-amusing
-extraordinary
-noble
-animated
-exultant
-outstanding
-appreciative
-fabulous
-overjoyed
-astonishing
-faithful
-passionate
-authentic
-fantastic
-peaceful
-believable
-fervent
-placid
-benevolent
-fortunate
-pleasant
-blissful
-friendly
-pleasing
-bouncy
-fun
-pleasurable
-brilliant
-genuine
-positive
-bubbly
-glad
-praiseworthy
-buoyant
-glorious
-prominent
-calm
-good
-proud
-charming
-relaxed
-cheerful
-reliable
-cheery
-gracious
-respectable
-clever
-grateful
-sharp
-comfortable
-great
-sincere
-comical
-happy
-spirited
-commendable
-heartfelt
-splendid
-confident
-honest
-superb
-congenial
-honorable
-superior
-content
-hopeful
-terrific
-cordial
-humorous
-thankful
-courteous
-incredible
-tremendous
-dedicated
-inspirational
-triumphant
-delighted
-jolly
-trustworthy
-delightful
-jovial
-trusty
-dependable
-joyful
-truthful
-devoted
-joyous
-uplifting
-docile
-jubilant
-victorious
-dynamic
-keen
-vigorous
-eager
-kind
-virtuous
-earnest
-laudable
-vivacious
-easygoing
-laughing
-whimsical
-ebullient
-likable
-witty
-ecstatic
-lively
-wonderful
-elated
-lovely
-worthy
-emphatic
-loving
-zealous
-enchanting
-loyal
-zestful
-`
diff --git a/src/hooks/useMnemonicName/index.ts b/src/hooks/useMnemonicName/index.ts
deleted file mode 100644
index ab01de0c0..000000000
--- a/src/hooks/useMnemonicName/index.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { useMemo } from 'react'
-import { useCurrentChain } from '@/hooks/useChains'
-import { animalsDict, adjectivesDict } from './dict'
-
-const animals: string[] = animalsDict.trim().split(/\s+/)
-const adjectives: string[] = adjectivesDict.trim().split(/\s+/)
-
-export const capitalize = (word: string) => (word.length > 0 ? `${word.charAt(0).toUpperCase()}${word.slice(1)}` : word)
-
-const getRandomItem = <T>(arr: T[]): T => {
-  return arr[Math.floor(arr.length * Math.random())]
-}
-
-export const getRandomName = (noun = capitalize(getRandomItem<string>(animals))): string => {
-  const adj = capitalize(getRandomItem<string>(adjectives))
-  return `${adj} ${noun}`
-}
-
-export const useMnemonicName = (noun?: string): string => {
-  return useMemo(() => getRandomName(noun), [noun])
-}
-
-export const useMnemonicSafeName = (): string => {
-  const networkName = useCurrentChain()?.chainName
-  return useMnemonicName(`${networkName} Safe`)
-}
diff --git a/src/hooks/useMnemonicName/useMnemonicName.test.ts b/src/hooks/useMnemonicName/useMnemonicName.test.ts
deleted file mode 100644
index 7dbb3bc3d..000000000
--- a/src/hooks/useMnemonicName/useMnemonicName.test.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { getRandomName, useMnemonicName, useMnemonicSafeName } from '.'
-import { renderHook } from '@/tests/test-utils'
-import { chainBuilder } from '@/tests/builders/chains'
-
-const mockChain = chainBuilder().build()
-
-// Mock useCurrentChain hook
-jest.mock('@/hooks/useChains', () => ({
-  useCurrentChain: () => mockChain,
-}))
-
-describe('useMnemonicName tests', () => {
-  it('should generate a random name', () => {
-    expect(getRandomName()).toMatch(/^[A-Z][a-z-]+ [A-Z][a-z]+$/)
-    expect(getRandomName()).toMatch(/^[A-Z][a-z-]+ [A-Z][a-z]+$/)
-    expect(getRandomName()).toMatch(/^[A-Z][a-z-]+ [A-Z][a-z]+$/)
-  })
-
-  it('should work as a hook', () => {
-    const { result } = renderHook(() => useMnemonicName())
-    expect(result.current).toMatch(/^[A-Z][a-z-]+ [A-Z][a-z]+$/)
-  })
-
-  it('should work as a hook with a noun param', () => {
-    const { result } = renderHook(() => useMnemonicName('test'))
-    expect(result.current).toMatch(/^[A-Z][a-z-]+ test$/)
-  })
-
-  it('should change if the noun changes', () => {
-    let noun = 'test'
-    const { result, rerender } = renderHook(() => useMnemonicName(noun))
-    expect(result.current).toMatch(/^[A-Z][a-z-]+ test$/)
-
-    noun = 'changed'
-    rerender()
-    expect(result.current).toMatch(/^[A-Z][a-z-]+ changed$/)
-  })
-
-  it('should return a random safe name', () => {
-    const { result } = renderHook(() => useMnemonicSafeName())
-    const regex = new RegExp(`^[A-Z][a-z-]+ ${mockChain.chainName} Safe$`)
-    expect(result.current).toMatch(regex)
-  })
-})
diff --git a/src/hooks/useOnceVisible.ts b/src/hooks/useOnceVisible.ts
deleted file mode 100644
index e7dc3e527..000000000
--- a/src/hooks/useOnceVisible.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { useEffect, useMemo, useState } from 'react'
-import type { MutableRefObject } from 'react'
-
-// A hook to detect when an element is visible in the viewport for the first time
-const useOnceVisible = (element: MutableRefObject<HTMLElement | null>): boolean => {
-  const [onceVisible, setOnceVisible] = useState<boolean>(false)
-
-  // Create and memoize an instance of IntersectionObserver
-  const observer = useMemo(() => {
-    if (typeof IntersectionObserver === 'undefined') return
-
-    return new IntersectionObserver((entries) => {
-      const intersectingEntry = entries.find((entry) => entry.isIntersecting)
-      if (intersectingEntry) {
-        setOnceVisible(true)
-        observer?.unobserve(intersectingEntry.target)
-      }
-    })
-  }, [])
-
-  // Disconnect the observer on unmount
-  useEffect(() => {
-    return () => {
-      observer?.disconnect()
-    }
-  }, [observer])
-
-  // Observe the target element
-  useEffect(() => {
-    const target = element.current
-
-    if (target) {
-      observer?.observe(target)
-    }
-
-    return () => {
-      if (target) {
-        observer?.unobserve(target)
-      }
-    }
-  }, [observer, element])
-
-  return onceVisible
-}
-
-export default useOnceVisible
diff --git a/src/hooks/useOwnedSafes.ts b/src/hooks/useOwnedSafes.ts
deleted file mode 100644
index 66db1772b..000000000
--- a/src/hooks/useOwnedSafes.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { useEffect } from 'react'
-import { getOwnedSafes, type OwnedSafes } from '@safe-global/safe-gateway-typescript-sdk'
-
-import useLocalStorage from '@/services/local-storage/useLocalStorage'
-import useWallet from '@/hooks/wallets/useWallet'
-import { Errors, logError } from '@/services/exceptions'
-import useChainId from './useChainId'
-
-const CACHE_KEY = 'ownedSafes'
-
-type OwnedSafesCache = {
-  [walletAddress: string]: {
-    [chainId: string]: OwnedSafes['safes']
-  }
-}
-
-const useOwnedSafes = (): OwnedSafesCache['walletAddress'] => {
-  const chainId = useChainId()
-  const { address: walletAddress } = useWallet() || {}
-  const [ownedSafesCache, setOwnedSafesCache] = useLocalStorage<OwnedSafesCache>(CACHE_KEY)
-
-  useEffect(() => {
-    if (!walletAddress || !chainId) return
-    let isCurrent = true
-
-    /**
-     * No useAsync in this case to avoid updating
-     * for a new chainId with stale data see https://github.com/safe-global/safe-wallet-web/pull/1760#discussion_r1133705349
-     */
-    getOwnedSafes(chainId, walletAddress)
-      .then(
-        (ownedSafes) =>
-          isCurrent &&
-          setOwnedSafesCache((prev) => ({
-            ...prev,
-            [walletAddress]: {
-              ...(prev?.[walletAddress] || {}),
-              [chainId]: ownedSafes.safes,
-            },
-          })),
-      )
-      .catch((error: Error) => logError(Errors._610, error.message))
-
-    return () => {
-      isCurrent = false
-    }
-  }, [chainId, walletAddress, setOwnedSafesCache])
-
-  return ownedSafesCache?.[walletAddress || ''] ?? {}
-}
-
-export default useOwnedSafes
diff --git a/src/hooks/usePendingTxs.ts b/src/hooks/usePendingTxs.ts
deleted file mode 100644
index db7a46c62..000000000
--- a/src/hooks/usePendingTxs.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import { useMemo } from 'react'
-import {
-  type TransactionListPage,
-  type TransactionSummary,
-  type LabelValue,
-  getTransactionQueue,
-} from '@safe-global/safe-gateway-typescript-sdk'
-import { useAppSelector } from '@/store'
-import { selectPendingTxIdsBySafe } from '@/store/pendingTxsSlice'
-import useAsync from './useAsync'
-import {
-  isConflictHeaderListItem,
-  isLabelListItem,
-  isMultisigExecutionInfo,
-  isTransactionListItem,
-} from '@/utils/transaction-guards'
-import useSafeInfo from './useSafeInfo'
-
-const usePendingTxIds = (): Array<TransactionSummary['id']> => {
-  const { safe, safeAddress } = useSafeInfo()
-  const { chainId } = safe
-  return useAppSelector((state) => selectPendingTxIdsBySafe(state, chainId, safeAddress))
-}
-
-export const useHasPendingTxs = (): boolean => {
-  const pendingIds = usePendingTxIds()
-  return pendingIds.length > 0
-}
-
-/**
- * Show unsigned pending queue only in 1/X Safes
- */
-export const useShowUnsignedQueue = (): boolean => {
-  const { safe } = useSafeInfo()
-  const hasPending = useHasPendingTxs()
-  return safe.threshold === 1 && hasPending
-}
-
-export const filterUntrustedQueue = (
-  untrustedQueue: TransactionListPage,
-  pendingIds: Array<TransactionSummary['id']>,
-) => {
-  // Only keep labels and pending unsigned transactions
-  const results = untrustedQueue.results
-    .filter((item) => !isTransactionListItem(item) || pendingIds.includes(item.transaction.id))
-    .filter((item) => !isConflictHeaderListItem(item))
-    .filter(
-      (item) =>
-        !isTransactionListItem(item) ||
-        (isTransactionListItem(item) &&
-          isMultisigExecutionInfo(item.transaction.executionInfo) &&
-          item.transaction.executionInfo.confirmationsSubmitted === 0),
-    )
-
-  // Adjust the first label ("Next" -> "Pending")
-  if (results[0] && isLabelListItem(results[0])) {
-    results[0].label = 'Pending' as LabelValue
-  }
-
-  const transactions = results.filter((item) => isTransactionListItem(item))
-
-  return transactions.length ? { results } : undefined
-}
-
-export const usePendingTxsQueue = (): {
-  page?: TransactionListPage
-  error?: string
-  loading: boolean
-} => {
-  const { safe, safeAddress } = useSafeInfo()
-  const { chainId } = safe
-  const pendingIds = usePendingTxIds()
-  const hasPending = pendingIds.length > 0
-
-  const [untrustedQueue, error, loading] = useAsync<TransactionListPage>(
-    () => {
-      if (!hasPending) return
-      return getTransactionQueue(chainId, safeAddress, { trusted: false })
-    },
-    [chainId, safeAddress, hasPending],
-    false,
-  )
-
-  const pendingTxPage = useMemo(() => {
-    if (!untrustedQueue || !pendingIds.length) return
-
-    return filterUntrustedQueue(untrustedQueue, pendingIds)
-  }, [untrustedQueue, pendingIds])
-
-  return useMemo(
-    () => ({
-      page: pendingTxPage,
-      error: error?.message,
-      loading,
-    }),
-    [pendingTxPage, error, loading],
-  )
-}
diff --git a/src/hooks/useRemainingRelays.ts b/src/hooks/useRemainingRelays.ts
deleted file mode 100644
index 990345384..000000000
--- a/src/hooks/useRemainingRelays.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import useAsync from '@/hooks/useAsync'
-import useSafeInfo from './useSafeInfo'
-import { FEATURES, hasFeature } from '@/utils/chains'
-import { useCurrentChain } from '@/hooks/useChains'
-import { getRelayCount } from '@safe-global/safe-gateway-typescript-sdk'
-
-export const MAX_HOUR_RELAYS = 5
-
-export const useRelaysBySafe = (txOrigin?: string) => {
-  const chain = useCurrentChain()
-  const { safe, safeAddress } = useSafeInfo()
-
-  return useAsync(() => {
-    if (!safeAddress || !chain) return
-    if (
-      hasFeature(chain, FEATURES.RELAYING) ||
-      (hasFeature(chain, FEATURES.RELAY_NATIVE_SWAPS) && txOrigin && JSON.parse(txOrigin).name === 'Safe Swap')
-    ) {
-      return getRelayCount(chain.chainId, safeAddress)
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [chain, safeAddress, safe.txHistoryTag])
-}
-
-export const useLeastRemainingRelays = (ownerAddresses: string[]) => {
-  const chain = useCurrentChain()
-  const { safe } = useSafeInfo()
-
-  return useAsync(() => {
-    if (!chain || !hasFeature(chain, FEATURES.RELAYING)) return
-
-    return Promise.all(ownerAddresses.map((address) => getRelayCount(chain.chainId, address)))
-      .then((result) => {
-        const min = Math.min(...result.map((r) => r.remaining))
-        return result.find((r) => r.remaining === min)
-      })
-      .catch(() => {
-        return { remaining: 0, limit: MAX_HOUR_RELAYS }
-      })
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [chain, ownerAddresses, safe.txHistoryTag])
-}
diff --git a/src/hooks/useSafeAddress.ts b/src/hooks/useSafeAddress.ts
deleted file mode 100644
index 6b9aacd13..000000000
--- a/src/hooks/useSafeAddress.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { useMemo } from 'react'
-import { useRouter } from 'next/router'
-import { parsePrefixedAddress } from '@/utils/addresses'
-import useChainId from '@/hooks/useChainId'
-
-const useSafeAddress = (): string => {
-  const router = useRouter()
-  const chainId = useChainId()
-  const { safe = '' } = router.query
-  const fullAddress = Array.isArray(safe) ? safe[0] : safe
-
-  const checksummedAddress = useMemo(() => {
-    if (!fullAddress) return ''
-    const { address } = parsePrefixedAddress(fullAddress, chainId)
-    return address
-  }, [fullAddress, chainId])
-
-  return checksummedAddress
-}
-
-export default useSafeAddress
diff --git a/src/hooks/useSafeInfo.ts b/src/hooks/useSafeInfo.ts
deleted file mode 100644
index ea22d5b19..000000000
--- a/src/hooks/useSafeInfo.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useMemo } from 'react'
-import isEqual from 'lodash/isEqual'
-import { useAppSelector } from '@/store'
-import { defaultSafeInfo, type ExtendedSafeInfo, selectSafeInfo } from '@/store/safeInfoSlice'
-
-const useSafeInfo = (): {
-  safe: ExtendedSafeInfo
-  safeAddress: string
-  safeLoaded: boolean
-  safeLoading: boolean
-  safeError?: string
-} => {
-  const { data, error, loading } = useAppSelector(selectSafeInfo, isEqual)
-
-  return useMemo(
-    () => ({
-      safe: data || defaultSafeInfo,
-      safeAddress: data?.address.value || '',
-      safeLoaded: !!data,
-      safeError: error,
-      safeLoading: loading,
-    }),
-    [data, error, loading],
-  )
-}
-
-export default useSafeInfo
diff --git a/src/hooks/useSafeTokenAllocation.ts b/src/hooks/useSafeTokenAllocation.ts
deleted file mode 100644
index a8cdf4d93..000000000
--- a/src/hooks/useSafeTokenAllocation.ts
+++ /dev/null
@@ -1,201 +0,0 @@
-import { getSafeTokenAddress, getSafeLockingAddress } from '@/components/common/SafeTokenWidget'
-import { cgwDebugStorage } from '@/components/sidebar/DebugToggle'
-import { IS_PRODUCTION } from '@/config/constants'
-import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-import { isPast } from 'date-fns'
-import { AbiCoder, Interface, type JsonRpcProvider } from 'ethers'
-import { useMemo } from 'react'
-import useAsync, { type AsyncResult } from './useAsync'
-import useSafeInfo from './useSafeInfo'
-import { getWeb3ReadOnly } from './wallets/web3'
-import memoize from 'lodash/memoize'
-
-export const VESTING_URL =
-  IS_PRODUCTION || cgwDebugStorage.get()
-    ? 'https://safe-claiming-app-data.safe.global/allocations/'
-    : 'https://safe-claiming-app-data.staging.5afe.dev/allocations/'
-
-export type VestingData = {
-  tag: 'user' | 'ecosystem' | 'investor' | 'user_v2' // SEP #5
-  account: string
-  chainId: number
-  contract: string
-  vestingId: string
-  durationWeeks: number
-  startDate: number
-  amount: string
-  curve: 0 | 1
-  proof: string[]
-}
-
-export type Vesting = VestingData & {
-  isExpired: boolean
-  isRedeemed: boolean
-  amountClaimed: string
-}
-
-// We currently do not have typechain as dependency so we fallback to human readable ABIs
-const airdropInterface = new Interface([
-  'function redeemDeadline() public returns (uint64)',
-  'function vestings(bytes32) public returns (address account, uint8 curveType,bool managed, uint16 durationWeeks, uint64 startDate, uint128 amount, uint128 amountClaimed, uint64 pausingDate,bool cancelled)',
-])
-const tokenInterface = new Interface(['function balanceOf(address _owner) public view returns (uint256 balance)'])
-const safeLockingInterface = new Interface([
-  'function getUserTokenBalance(address holder) external view returns (uint96 amount)',
-])
-
-export const _getRedeemDeadline = memoize(
-  async (allocation: VestingData, web3ReadOnly: JsonRpcProvider): Promise<string> => {
-    return web3ReadOnly.call({
-      to: allocation.contract,
-      data: airdropInterface.encodeFunctionData('redeemDeadline'),
-    })
-  },
-  ({ chainId, contract }) => chainId + contract,
-)
-
-/**
- * Add on-chain information to allocation.
- * Fetches if the redeem deadline is expired and the claimed tokens from on-chain
- */
-const completeAllocation = async (allocation: VestingData): Promise<Vesting> => {
-  const web3ReadOnly = getWeb3ReadOnly()
-  if (!web3ReadOnly) {
-    throw new Error('Cannot fetch vesting without web3 provider')
-  }
-  const onChainVestingData = await web3ReadOnly.call({
-    to: allocation.contract,
-    data: airdropInterface.encodeFunctionData('vestings', [allocation.vestingId]),
-  })
-
-  const decodedVestingData = AbiCoder.defaultAbiCoder().decode(
-    // account, curveType, managed, durationWeeks, startDate, amount, amountClaimed, pausingDate, cancelled}
-    ['address', 'uint8', 'bool', 'uint16', 'uint64', 'uint128', 'uint128', 'uint64', 'bool'],
-    onChainVestingData,
-  )
-
-  const isRedeemed = decodedVestingData[0].toLowerCase() !== ZERO_ADDRESS.toLowerCase()
-  if (isRedeemed) {
-    return { ...allocation, isRedeemed, isExpired: false, amountClaimed: decodedVestingData[6] }
-  }
-
-  // Allocation is not yet redeemed => check the redeemDeadline
-  const redeemDeadline = await _getRedeemDeadline(allocation, web3ReadOnly)
-
-  const redeemDeadlineDate = new Date(Number(BigInt(redeemDeadline) * BigInt(1000)))
-
-  // Allocation is valid if redeem deadline is in future
-  return { ...allocation, isRedeemed, isExpired: isPast(redeemDeadlineDate), amountClaimed: '0' }
-}
-
-const fetchAllocation = async (chainId: string, safeAddress: string): Promise<VestingData[]> => {
-  try {
-    const response = await fetch(`${VESTING_URL}${chainId}/${safeAddress}.json`)
-
-    // No file exists => the safe is not part of any vesting
-    if (response.status === 404) {
-      return Promise.resolve([]) as Promise<VestingData[]>
-    }
-
-    // Some other error
-    if (!response.ok) {
-      throw Error(`Error fetching vestings: ${response.statusText}`)
-    }
-
-    // Success
-    return response.json() as Promise<VestingData[]>
-  } catch (err) {
-    throw Error(`Error fetching vestings: ${err}`)
-  }
-}
-
-const useSafeTokenAllocation = (): AsyncResult<Vesting[]> => {
-  const { safe, safeAddress } = useSafeInfo()
-  const chainId = safe.chainId
-
-  return useAsync<Vesting[] | undefined>(async () => {
-    if (!safeAddress) return
-    return Promise.all(
-      await fetchAllocation(chainId, safeAddress).then((allocations) =>
-        allocations.map((allocation) => completeAllocation(allocation)),
-      ),
-    )
-    // If the history tag changes we could have claimed / redeemed tokens
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [chainId, safeAddress, safe.txHistoryTag])
-}
-
-const fetchTokenBalance = async (chainId: string, safeAddress: string): Promise<string> => {
-  try {
-    const web3ReadOnly = getWeb3ReadOnly()
-    const safeTokenAddress = getSafeTokenAddress(chainId)
-    if (!safeTokenAddress || !web3ReadOnly) return '0'
-
-    return await web3ReadOnly.call({
-      to: safeTokenAddress,
-      data: tokenInterface.encodeFunctionData('balanceOf', [safeAddress]),
-    })
-  } catch (err) {
-    throw Error(`Error fetching Safe Token balance:  ${err}`)
-  }
-}
-const fetchLockingContractBalance = async (chainId: string, safeAddress: string): Promise<string> => {
-  try {
-    const web3ReadOnly = getWeb3ReadOnly()
-    const safeLockingAddress = getSafeLockingAddress(chainId)
-    if (!safeLockingAddress || !web3ReadOnly) return '0'
-
-    return await web3ReadOnly.call({
-      to: safeLockingAddress,
-      data: safeLockingInterface.encodeFunctionData('getUserTokenBalance', [safeAddress]),
-    })
-  } catch (err) {
-    throw Error(`Error fetching Safe Token balance in locking contract:  ${err}`)
-  }
-}
-
-/**
- * The Safe token allocation is equal to the voting power.
- * It is computed by adding all vested tokens - claimed tokens + token balance
- */
-export const useSafeVotingPower = (allocationData?: Vesting[]): AsyncResult<bigint> => {
-  const { safe, safeAddress } = useSafeInfo()
-  const chainId = safe.chainId
-
-  const [balance, balanceError, balanceLoading] = useAsync<bigint>(() => {
-    if (!safeAddress) return
-    const tokenBalancePromise = fetchTokenBalance(chainId, safeAddress)
-    const lockingContractBalancePromise = fetchLockingContractBalance(chainId, safeAddress)
-    return Promise.all([tokenBalancePromise, lockingContractBalancePromise]).then(
-      ([tokenBalance, lockingContractBalance]) => {
-        return BigInt(tokenBalance) + BigInt(lockingContractBalance)
-      },
-    )
-    // If the history tag changes we could have claimed / redeemed tokens
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [chainId, safeAddress, safe.txHistoryTag])
-
-  const allocation = useMemo(() => {
-    if (balance === undefined) {
-      return
-    }
-
-    // Return current balance if no allocation exists
-    if (!allocationData) {
-      return balance
-    }
-
-    const tokensInVesting = allocationData.reduce(
-      (acc, data) => (data.isExpired ? acc : acc + BigInt(data.amount) - BigInt(data.amountClaimed)),
-      BigInt(0),
-    )
-
-    // add balance
-    const totalAllocation = tokensInVesting + balance
-    return totalAllocation
-  }, [allocationData, balance])
-
-  return [allocation, balanceError, balanceLoading]
-}
-
-export default useSafeTokenAllocation
diff --git a/src/hooks/useTransactionType.ts b/src/hooks/useTransactionType.ts
deleted file mode 100644
index a688c1975..000000000
--- a/src/hooks/useTransactionType.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-import { getOrderClass } from '@/features/swap/helpers/utils'
-import { useMemo } from 'react'
-import {
-  type AddressEx,
-  SettingsInfoType,
-  TransactionInfoType,
-  type TransactionSummary,
-} from '@safe-global/safe-gateway-typescript-sdk'
-
-import { isCancellationTxInfo, isModuleExecutionInfo, isOutgoingTransfer, isTxQueued } from '@/utils/transaction-guards'
-import useAddressBook from './useAddressBook'
-import type { AddressBook } from '@/store/addressBookSlice'
-import { TWAP_ORDER_TITLE } from '@/features/swap/constants'
-
-const getTxTo = ({ txInfo }: Pick<TransactionSummary, 'txInfo'>): AddressEx | undefined => {
-  switch (txInfo.type) {
-    case TransactionInfoType.CREATION: {
-      return txInfo.factory
-    }
-    case TransactionInfoType.TRANSFER: {
-      return txInfo.recipient
-    }
-    case TransactionInfoType.SETTINGS_CHANGE: {
-      return undefined
-    }
-    case TransactionInfoType.CUSTOM: {
-      return txInfo.to
-    }
-  }
-}
-
-type TxType = {
-  icon: string
-  text: string
-}
-
-export const getTransactionType = (tx: TransactionSummary, addressBook: AddressBook): TxType => {
-  const toAddress = getTxTo(tx)
-  const addressBookName = toAddress?.value ? addressBook[toAddress.value] : undefined
-
-  switch (tx.txInfo.type) {
-    case TransactionInfoType.CREATION: {
-      return {
-        icon: toAddress?.logoUri || '/images/transactions/settings.svg',
-        text: 'Safe Account created',
-      }
-    }
-    case TransactionInfoType.SWAP_TRANSFER:
-    case TransactionInfoType.TRANSFER: {
-      const isSendTx = isOutgoingTransfer(tx.txInfo)
-
-      return {
-        icon: isSendTx ? '/images/transactions/outgoing.svg' : '/images/transactions/incoming.svg',
-        text: isSendTx ? (isTxQueued(tx.txStatus) ? 'Send' : 'Sent') : 'Received',
-      }
-    }
-    case TransactionInfoType.SETTINGS_CHANGE: {
-      // deleteGuard doesn't exist in Solidity
-      // It is decoded as 'setGuard' with a settingsInfo.type of 'DELETE_GUARD'
-      const isDeleteGuard = tx.txInfo.settingsInfo?.type === SettingsInfoType.DELETE_GUARD
-
-      return {
-        icon: '/images/transactions/settings.svg',
-        text: isDeleteGuard ? 'deleteGuard' : tx.txInfo.dataDecoded.method,
-      }
-    }
-    case TransactionInfoType.SWAP_ORDER: {
-      const orderClass = getOrderClass(tx.txInfo)
-
-      return {
-        icon: '/images/common/swap.svg',
-        text: orderClass === 'limit' ? 'Limit order' : 'Swap order',
-      }
-    }
-    case TransactionInfoType.TWAP_ORDER: {
-      return {
-        icon: '/images/common/swap.svg',
-        text: TWAP_ORDER_TITLE,
-      }
-    }
-    case TransactionInfoType.CUSTOM: {
-      if (isModuleExecutionInfo(tx.executionInfo)) {
-        return {
-          icon: toAddress?.logoUri || '/images/transactions/custom.svg',
-          text: toAddress?.name || 'Contract interaction',
-        }
-      }
-
-      if (isCancellationTxInfo(tx.txInfo)) {
-        return {
-          icon: '/images/transactions/circle-cross-red.svg',
-          text: 'On-chain rejection',
-        }
-      }
-
-      if (tx.safeAppInfo) {
-        return {
-          icon: tx.safeAppInfo.logoUri,
-          text: tx.safeAppInfo.name,
-        }
-      }
-
-      return {
-        icon: toAddress?.logoUri || '/images/transactions/custom.svg',
-        text: addressBookName || toAddress?.name || 'Contract interaction',
-      }
-    }
-    default: {
-      return {
-        icon: '/images/transactions/custom.svg',
-        text: addressBookName || 'Contract interaction',
-      }
-    }
-  }
-}
-
-export const useTransactionType = (tx: TransactionSummary): TxType => {
-  const addressBook = useAddressBook()
-
-  return useMemo(() => {
-    return getTransactionType(tx, addressBook)
-  }, [tx, addressBook])
-}
diff --git a/src/hooks/useTxHistory.ts b/src/hooks/useTxHistory.ts
deleted file mode 100644
index 9fdefccd3..000000000
--- a/src/hooks/useTxHistory.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { useMemo } from 'react'
-import { type TransactionListPage } from '@safe-global/safe-gateway-typescript-sdk'
-import { useAppSelector } from '@/store'
-import useAsync from './useAsync'
-import { selectTxHistory } from '@/store/txHistorySlice'
-import useSafeInfo from './useSafeInfo'
-import { fetchFilteredTxHistory, useTxFilter } from '@/utils/tx-history-filter'
-import { getTxHistory } from '@/services/transactions'
-import { selectSettings } from '@/store/settingsSlice'
-import { useHasFeature } from './useChains'
-import { FEATURES } from '@/utils/chains'
-
-const useTxHistory = (
-  pageUrl?: string,
-): {
-  page?: TransactionListPage
-  error?: string
-  loading: boolean
-} => {
-  // The latest page of the history is always in the store
-  const historyState = useAppSelector(selectTxHistory)
-  const [filter] = useTxFilter()
-  const { showOnlyTrustedTransactions } = useAppSelector(selectSettings)
-  const hasDefaultTokenlist = useHasFeature(FEATURES.DEFAULT_TOKENLIST)
-  const onlyTrusted = (hasDefaultTokenlist && showOnlyTrustedTransactions) || false
-
-  const {
-    safe: { chainId },
-    safeAddress,
-  } = useSafeInfo()
-
-  // If filter exists or pageUrl is passed, load a new history page from the API
-  const [page, error, loading] = useAsync<TransactionListPage>(
-    () => {
-      if (!(filter || pageUrl)) return
-
-      return filter
-        ? fetchFilteredTxHistory(chainId, safeAddress, filter, onlyTrusted, pageUrl)
-        : getTxHistory(chainId, safeAddress, onlyTrusted, pageUrl)
-    },
-    [chainId, safeAddress, pageUrl, filter, onlyTrusted],
-    false,
-  )
-
-  const isFetched = filter || pageUrl
-  const dataPage = isFetched ? page : historyState.data
-  const errorMessage = isFetched ? error?.message : historyState.error
-  const isLoading = isFetched ? loading : historyState.loading
-
-  // Return the new page or the stored page
-  return useMemo(
-    () => ({
-      page: dataPage,
-      error: errorMessage,
-      loading: isLoading,
-    }),
-    [dataPage, errorMessage, isLoading],
-  )
-}
-
-export default useTxHistory
diff --git a/src/hooks/wallets/useWallet.ts b/src/hooks/wallets/useWallet.ts
deleted file mode 100644
index c3b0b3c10..000000000
--- a/src/hooks/wallets/useWallet.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { useContext } from 'react'
-import { type ConnectedWallet } from './useOnboard'
-import { WalletContext } from '@/components/common/WalletProvider'
-
-const useWallet = (): ConnectedWallet | null => {
-  return useContext(WalletContext)
-}
-
-export default useWallet
diff --git a/src/hooks/wallets/wallets.ts b/src/hooks/wallets/wallets.ts
deleted file mode 100644
index 852b6ccf4..000000000
--- a/src/hooks/wallets/wallets.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { IS_PRODUCTION, TREZOR_APP_URL, TREZOR_EMAIL, WC_PROJECT_ID } from '@/config/constants'
-import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import type { InitOptions } from '@web3-onboard/core'
-import coinbaseModule from '@web3-onboard/coinbase'
-import injectedWalletModule from '@web3-onboard/injected-wallets'
-import keystoneModule from '@web3-onboard/keystone/dist/index'
-import ledgerModule from '@web3-onboard/ledger/dist/index'
-import trezorModule from '@web3-onboard/trezor'
-import walletConnect from '@web3-onboard/walletconnect'
-import pkModule from '@/services/private-key-module'
-
-import { CGW_NAMES, WALLET_KEYS } from './consts'
-
-const prefersDarkMode = (): boolean => {
-  return window?.matchMedia('(prefers-color-scheme: dark)')?.matches
-}
-
-type WalletInits = InitOptions['wallets']
-type WalletInit = WalletInits extends Array<infer U> ? U : never
-
-const walletConnectV2 = (chain: ChainInfo) => {
-  // WalletConnect v2 requires a project ID
-  if (!WC_PROJECT_ID) {
-    return () => null
-  }
-
-  return walletConnect({
-    version: 2,
-    projectId: WC_PROJECT_ID,
-    qrModalOptions: {
-      themeVariables: {
-        '--wcm-z-index': '1302',
-      },
-      themeMode: prefersDarkMode() ? 'dark' : 'light',
-    },
-    requiredChains: [parseInt(chain.chainId)],
-    dappUrl: location.origin,
-  })
-}
-
-const WALLET_MODULES: Partial<{ [key in WALLET_KEYS]: (chain: ChainInfo) => WalletInit }> = {
-  [WALLET_KEYS.INJECTED]: () => injectedWalletModule() as WalletInit,
-  [WALLET_KEYS.WALLETCONNECT_V2]: (chain) => walletConnectV2(chain) as WalletInit,
-  [WALLET_KEYS.COINBASE]: () => coinbaseModule({ darkMode: prefersDarkMode() }) as WalletInit,
-  [WALLET_KEYS.LEDGER]: () => ledgerModule() as WalletInit,
-  [WALLET_KEYS.TREZOR]: () => trezorModule({ appUrl: TREZOR_APP_URL, email: TREZOR_EMAIL }) as WalletInit,
-  [WALLET_KEYS.KEYSTONE]: () => keystoneModule() as WalletInit,
-}
-
-// Testing wallet module
-if (!IS_PRODUCTION) {
-  WALLET_MODULES[WALLET_KEYS.PK] = (chain) => pkModule(chain.chainId, chain.rpcUri) as WalletInit
-}
-
-export const getAllWallets = (chain: ChainInfo): WalletInits => {
-  return Object.values(WALLET_MODULES).map((module) => module(chain))
-}
-
-export const isWalletSupported = (disabledWallets: string[], walletLabel: string): boolean => {
-  const legacyWalletName = CGW_NAMES?.[walletLabel.toUpperCase() as WALLET_KEYS]
-  return !disabledWallets.includes(legacyWalletName || walletLabel)
-}
-
-export const getSupportedWallets = (chain: ChainInfo): WalletInits => {
-  const enabledWallets = Object.entries(WALLET_MODULES).filter(([key]) => isWalletSupported(chain.disabledWallets, key))
-
-  if (enabledWallets.length === 0) {
-    return [injectedWalletModule()]
-  }
-
-  return enabledWallets.map(([, module]) => module(chain))
-}
diff --git a/src/hooks/wallets/web3.ts b/src/hooks/wallets/web3.ts
deleted file mode 100644
index ae31d511c..000000000
--- a/src/hooks/wallets/web3.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { type ChainInfo, RPC_AUTHENTICATION, type RpcUri } from '@safe-global/safe-gateway-typescript-sdk'
-import { INFURA_TOKEN, SAFE_APPS_INFURA_TOKEN } from '@/config/constants'
-import { JsonRpcProvider, BrowserProvider, type Eip1193Provider, type Provider } from 'ethers'
-import ExternalStore from '@/services/ExternalStore'
-import { EMPTY_DATA } from '@safe-global/protocol-kit/dist/src/utils/constants'
-
-/**
- * Infura and other RPC providers limit the max amount included in a batch RPC call.
- * Ethers uses 100 by default which is too high for i.e. Infura.
- */
-const BATCH_MAX_COUNT = 10
-
-// RPC helpers
-const formatRpcServiceUrl = ({ authentication, value }: RpcUri, token: string): string => {
-  const needsToken = authentication === RPC_AUTHENTICATION.API_KEY_PATH
-
-  if (needsToken && !token) {
-    console.warn('Infura token not set in .env')
-    return ''
-  }
-
-  return needsToken ? `${value}${token}` : value
-}
-
-export const getRpcServiceUrl = (rpcUri: RpcUri): string => {
-  return formatRpcServiceUrl(rpcUri, INFURA_TOKEN)
-}
-
-export const createWeb3ReadOnly = (chain: ChainInfo, customRpc?: string): JsonRpcProvider | undefined => {
-  const url = customRpc || getRpcServiceUrl(chain.rpcUri)
-  if (!url) return
-  return new JsonRpcProvider(url, Number(chain.chainId), {
-    staticNetwork: true,
-    batchMaxCount: BATCH_MAX_COUNT,
-  })
-}
-
-export const createWeb3 = (walletProvider: Eip1193Provider): BrowserProvider => {
-  return new BrowserProvider(walletProvider)
-}
-
-export const createSafeAppsWeb3Provider = (chain: ChainInfo, customRpc?: string): JsonRpcProvider | undefined => {
-  const url = customRpc || formatRpcServiceUrl(chain.rpcUri, SAFE_APPS_INFURA_TOKEN)
-  if (!url) return
-  return new JsonRpcProvider(url, undefined, {
-    staticNetwork: true,
-    batchMaxCount: BATCH_MAX_COUNT,
-  })
-}
-
-export const { setStore: setWeb3, useStore: useWeb3 } = new ExternalStore<BrowserProvider>()
-
-export const {
-  getStore: getWeb3ReadOnly,
-  setStore: setWeb3ReadOnly,
-  useStore: useWeb3ReadOnly,
-} = new ExternalStore<JsonRpcProvider>()
-
-export const getUserNonce = async (userAddress: string): Promise<number> => {
-  const web3 = getWeb3ReadOnly()
-  if (!web3) return -1
-  try {
-    return await web3.getTransactionCount(userAddress, 'pending')
-  } catch (error) {
-    return Promise.reject(error)
-  }
-}
-
-export const isSmartContract = async (provider: Provider, address: string): Promise<boolean> => {
-  const code = await provider.getCode(address)
-
-  return code !== EMPTY_DATA
-}
diff --git a/src/pages/address-book.tsx b/src/pages/address-book.tsx
deleted file mode 100644
index 6e773d741..000000000
--- a/src/pages/address-book.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { NextPage } from 'next'
-import Head from 'next/head'
-import AddressBookTable from '@/components/address-book/AddressBookTable'
-
-const AddressBook: NextPage = () => {
-  return (
-    <>
-      <Head>
-        <title>{'Rootstock Safe – Address book'}</title>
-      </Head>
-
-      <AddressBookTable />
-    </>
-  )
-}
-
-export default AddressBook
diff --git a/src/pages/apps/index.tsx b/src/pages/apps/index.tsx
deleted file mode 100644
index 95728ab91..000000000
--- a/src/pages/apps/index.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import type { NextPage } from 'next'
-import Head from 'next/head'
-import { useRouter } from 'next/router'
-import { useCallback, useEffect, useMemo } from 'react'
-import debounce from 'lodash/debounce'
-
-import { useSafeApps } from '@/hooks/safe-apps/useSafeApps'
-import SafeAppsSDKLink from '@/components/safe-apps/SafeAppsSDKLink'
-import SafeAppsHeader from '@/components/safe-apps/SafeAppsHeader'
-import SafeAppList from '@/components/safe-apps/SafeAppList'
-import { AppRoutes } from '@/config/routes'
-import useSafeAppsFilters from '@/hooks/safe-apps/useSafeAppsFilters'
-import SafeAppsFilters from '@/components/safe-apps/SafeAppsFilters'
-import { useHasFeature } from '@/hooks/useChains'
-import { FEATURES } from '@/utils/chains'
-
-const SafeApps: NextPage = () => {
-  const router = useRouter()
-  const { remoteSafeApps, remoteSafeAppsLoading, pinnedSafeApps, pinnedSafeAppIds, togglePin } = useSafeApps()
-  const { filteredApps, query, setQuery, setSelectedCategories, setOptimizedWithBatchFilter, selectedCategories } =
-    useSafeAppsFilters(remoteSafeApps)
-  const isFiltered = filteredApps.length !== remoteSafeApps.length
-  const isSafeAppsEnabled = useHasFeature(FEATURES.SAFE_APPS)
-
-  const nonPinnedApps = useMemo(
-    () => remoteSafeApps.filter((app) => !pinnedSafeAppIds.has(app.id)),
-    [remoteSafeApps, pinnedSafeAppIds],
-  )
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const onChangeQuery = useCallback(debounce(setQuery, 300), [])
-
-  // Redirect to an individual safe app page if the appUrl is in the query params
-  useEffect(() => {
-    const appUrl = router.query.appUrl as string
-    if (appUrl) {
-      router.push({ pathname: AppRoutes.apps.open, query: { safe: router.query.safe, appUrl } })
-    }
-  }, [router])
-
-  if (!isSafeAppsEnabled) return <></>
-
-  return (
-    <>
-      <Head>
-        <title>{'Rootstock Safe – Safe Apps'}</title>
-      </Head>
-
-      <SafeAppsSDKLink />
-
-      <SafeAppsHeader />
-
-      <main>
-        {/* Safe Apps Filters */}
-        <SafeAppsFilters
-          onChangeQuery={onChangeQuery}
-          onChangeFilterCategory={setSelectedCategories}
-          onChangeOptimizedWithBatch={setOptimizedWithBatchFilter}
-          selectedCategories={selectedCategories}
-          safeAppsList={remoteSafeApps}
-        />
-
-        {/* Pinned apps */}
-        {!isFiltered && pinnedSafeApps.length > 0 && (
-          <SafeAppList
-            title="My pinned apps"
-            safeAppsList={pinnedSafeApps}
-            bookmarkedSafeAppsId={pinnedSafeAppIds}
-            onBookmarkSafeApp={togglePin}
-          />
-        )}
-
-        {/* All apps */}
-        <SafeAppList
-          title="All apps"
-          isFiltered={isFiltered}
-          safeAppsList={isFiltered ? filteredApps : nonPinnedApps}
-          safeAppsListLoading={remoteSafeAppsLoading}
-          bookmarkedSafeAppsId={pinnedSafeAppIds}
-          onBookmarkSafeApp={togglePin}
-          query={query}
-        />
-      </main>
-    </>
-  )
-}
-
-export default SafeApps
diff --git a/src/pages/balances/index.tsx b/src/pages/balances/index.tsx
deleted file mode 100644
index aa0adaab8..000000000
--- a/src/pages/balances/index.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { NextPage } from 'next'
-import Head from 'next/head'
-
-import AssetsTable from '@/components/balances/AssetsTable'
-import AssetsHeader from '@/components/balances/AssetsHeader'
-import useBalances from '@/hooks/useBalances'
-import { useState } from 'react'
-
-import PagePlaceholder from '@/components/common/PagePlaceholder'
-import NoAssetsIcon from '@/public/images/balances/no-assets.svg'
-import HiddenTokenButton from '@/components/balances/HiddenTokenButton'
-import CurrencySelect from '@/components/balances/CurrencySelect'
-import TokenListSelect from '@/components/balances/TokenListSelect'
-
-const Balances: NextPage = () => {
-  const { error } = useBalances()
-  const [showHiddenAssets, setShowHiddenAssets] = useState(false)
-  const toggleShowHiddenAssets = () => setShowHiddenAssets((prev) => !prev)
-
-  return (
-    <>
-      <Head>
-        <title>{'Rootstock Safe – Assets'}</title>
-      </Head>
-
-      <AssetsHeader>
-        <HiddenTokenButton showHiddenAssets={showHiddenAssets} toggleShowHiddenAssets={toggleShowHiddenAssets} />
-        <TokenListSelect />
-        <CurrencySelect />
-      </AssetsHeader>
-
-      <main>
-        {error ? (
-          <PagePlaceholder img={<NoAssetsIcon />} text="There was an error loading your assets" />
-        ) : (
-          <AssetsTable setShowHiddenAssets={setShowHiddenAssets} showHiddenAssets={showHiddenAssets} />
-        )}
-      </main>
-    </>
-  )
-}
-
-export default Balances
diff --git a/src/pages/cookie.tsx b/src/pages/cookie.tsx
deleted file mode 100644
index 84244bd99..000000000
--- a/src/pages/cookie.tsx
+++ /dev/null
@@ -1,604 +0,0 @@
-import type { NextPage } from 'next'
-import Head from 'next/head'
-import Link from 'next/link'
-import MUILink from '@mui/material/Link'
-import { AppRoutes } from '@/config/routes'
-import { IS_OFFICIAL_HOST } from '@/config/constants'
-
-const SafeCookiePolicy = () => (
-  <div>
-    <style jsx>{`
-      table {
-        width: 100%;
-        border-spacing: 0;
-        border: 0;
-        border-collapse: collapse;
-      }
-
-      table td {
-        border: 1px solid;
-        padding: 0 8px;
-      }
-
-      table tr:first-child td {
-        font-weight: bold;
-      }
-    `}</style>
-
-    <h1>Cookie Policy</h1>
-    <p>Last updated: January 2024.</p>
-    <p>
-      As described in our{' '}
-      <Link href={AppRoutes.privacy} passHref legacyBehavior>
-        <MUILink>Privacy Policy</MUILink>
-      </Link>
-      , for general web-browsing of this website, your personal data is not revealed to us, although certain statistical
-      information is available to us via our internet service provider as well as through the use of special tracking
-      technologies. Such information tells us about the pages you are clicking on or the hardware you are using, but not
-      your name, age, address or anything we can use to identify you personally. We exclusively process your personal
-      data in pseudonymised form.
-    </p>
-    <p>
-      This Cookie Policy applies to our website at{' '}
-      <Link href="https://app.safe.global" passHref legacyBehavior>
-        <MUILink>https://app.safe.global</MUILink>
-      </Link>
-      &nbsp;and sets out some further detail on how and why we use these technologies on our website.{' '}
-    </p>
-    <p>
-      In this policy, &quot;we&quot;, &quot;us&quot; and &quot;our&quot; refers to Core Contributors GmbH a company
-      incorporated in Germany with its registered address at Gontardstraße 11, 10178 Berlin, Germany. The terms
-      &ldquo;you&rdquo; and &ldquo;your&rdquo; includes our clients, business partners and users of this website.{' '}
-    </p>
-    <p>
-      By using our website, you consent to storage and access to cookies and other technologies on your device, in
-      accordance with this Cookie Policy.
-    </p>
-    <h2>What are cookies?</h2>
-    <p>
-      Cookies are a feature of web browser software that allows web servers to recognize the computer or device used to
-      access a website. A cookie is a small text file that a website saves on your computer or mobile device when you
-      visit the site. It enables the website to remember your actions and preferences (such as login, language, font
-      size and other display preferences) over a period of time, so you don&apos;t have to keep re-entering them
-      whenever you come back to the site or browse from one page to another.
-    </p>
-    <h2>What are the different types of cookies?</h2>
-    <p>A cookie can be classified by its lifespan and the domain to which it belongs.</p>
-    <p>By lifespan, a cookie is either a:</p>
-    <ol start={1}>
-      <li>session cookie which is erased when the user closes the browser; or</li>
-      <li>
-        persistent cookie which is saved to the hard drive and remains on the user&apos;s computer/device for a
-        pre-defined period of time. As for the domain to which it belongs, cookies are either:
-      </li>
-    </ol>
-    <ol start={1}>
-      <li>
-        first-party cookies which are set by the web server of the visited page and share the same domain (i.e. set by
-        us); or
-      </li>
-      <li>third-party cookies stored by a different domain to the visited page&apos;s domain.</li>
-    </ol>
-    <h2>What cookies do we use and why?</h2>
-    <p>We list all the cookies we use on this website in the APPENDIX below.</p>
-    <p>
-      We do not use cookies set by ourselves via our web developers (first-party cookies). We only have those set by
-      others (third-party cookies).
-    </p>
-    <p>
-      Cookies are also sometimes classified by reference to their purpose. We use the following cookies for the
-      following purposes:
-    </p>
-    <ol start={1}>
-      <li>
-        Analytical/performance cookies: They allow us to recognize and count the number of visitors and to see how
-        visitors move around our website when they are using it, as well as dates and times they visit. This helps us to
-        improve the way our website works, for example, by ensuring that users are finding what they are looking for
-        easily.
-      </li>
-      <li>
-        Targeting cookies: These cookies record your visit to our website, the pages you have visited and the links you
-        have followed, as well as time spent on our website, and the websites visited just before and just after our
-        website. We will use this information to make our website and the advertising displayed on it more relevant to
-        your interests. We may also share this information with third parties for this purpose.
-      </li>
-    </ol>
-    <p>
-      In general, we use cookies and other technologies (such as web server logs) on our website to enhance your
-      experience and to collect information about how our website is used.{' '}
-    </p>
-    <p>
-      We will retain and evaluate information on your recent visits to our website and how you move around different
-      sections of our website for analytics purposes to understand how people use our website so that we can make it
-      more intuitive. The information also helps us to understand which parts of this website are most popular and
-      generally to assess user behavior and characteristics to measure interest in and use of the various areas of our
-      website. This then allows us to improve our website and the way we market our business.
-    </p>
-    <p>
-      This information may also be used to help us to improve, administer and diagnose problems with our server and
-      website. The information also helps us monitor traffic on our website so that we can manage our website&apos;s
-      capacity and efficiency.
-    </p>
-    <h2>Other Technologies</h2>
-    <p>
-      We may allow others to provide analytics services and serve advertisements on our behalf. In addition to the uses
-      of cookies described above, these entities may use other methods, such as the technologies described below, to
-      collect information about your use of our website and other websites and online services.
-    </p>
-    <p>
-      Pixels tags. Pixel tags (which are also called clear GIFs, web beacons, or pixels), are small pieces of code that
-      can be embedded on websites and emails. Pixels tags may be used to learn how you interact with our website pages
-      and emails, and this information helps us, and our partners provide you with a more tailored experience.
-    </p>
-    <p>
-      Device Identifiers. A device identifier is a unique label that can be used to identify a mobile device. Device
-      identifiers may be used to track, analyze and improve the performance of the website and ads delivered.
-    </p>
-    <h2>What data is collected by cookies and other technologies on our website?</h2>
-    <h3>This information may include:</h3>
-    <ol start={1}>
-      <li>
-        the IP and logical address of the server you are using (but the last digits are anonymized so we cannot identify
-        you).
-      </li>
-      <li>the top level domain name from which you access the internet (for example .ie, .com, etc)</li>
-      <li>the type of browser you are using,</li>
-      <li>the date and time you access our website</li>
-      <li>the internet address linking to our website.</li>
-    </ol>
-    <h3>This website also uses cookies to:</h3>
-    <ol start={1}>
-      <li>remember you and your actions while navigating between pages;</li>
-      <li>remember if you have agreed (or not) to our use of cookies on our website;</li>
-      <li>ensure the security of the website;</li>
-      <li>monitor and improve the performance of servers hosting the site;</li>
-      <li>distinguish users and sessions;</li>
-      <li>Improving the speed of the site when you access content repeatedly;</li>
-      <li>determine new sessions and visits;</li>
-      <li>show the traffic source or campaign that explains how you may have reached our website; and</li>
-      <li>allow us to store any customization preferences where our website allows this</li>
-    </ol>
-    <p>
-      We may also use other services, such as{' '}
-      <Link href="https://www.google.com/intl/en/analytics/#?modal_active=none" passHref legacyBehavior>
-        <MUILink target="_blank" rel="noreferrer">
-          Google Analytics
-        </MUILink>
-      </Link>
-      &nbsp;(described below) or other third-party cookies, to assist with analyzing performance on our website. As part
-      of providing these services, these service providers may use cookies and the technologies described below to
-      collect and store information about your device, such as time of visit, pages visited, time spent on each page of
-      our website, links clicked and conversion information, IP address, browser, mobile network information, and type
-      of operating system used.
-    </p>
-    <h2>Google Analytics Cookies</h2>
-    <p>
-      This website uses{' '}
-      <Link href="https://www.google.com/analytics/" passHref legacyBehavior>
-        <MUILink target="_blank" rel="noreferrer">
-          Google Analytics
-        </MUILink>
-      </Link>
-      , a web analytics service provided by Google, Inc. (&quot;Google&quot;).
-    </p>
-    <p>
-      We use Google Analytics to track your preferences and also to identify popular sections of our website. Use of
-      Google Analytics in this way, enables us to adapt the content of our website more specifically to your needs and
-      thereby improve what we can offer to you.
-    </p>
-    <p>
-      Google will use this information for the purpose of evaluating your use of our website, compiling reports on
-      website activity for website operators and providing other services relating to website activity and internet
-      usage. Google may also transfer this information to third parties where required to do so by law, or where such
-      third parties process the information on Google&apos;s behalf. Google will not associate your IP address with any
-      other data held by Google.
-    </p>
-    <p>In particular Google Analytics tells us</p>
-    <ol start={1}>
-      <li>your IP address (last 3 digits are masked);</li>
-      <li>the number of pages visited;</li>
-      <li>the time and duration of the visit;</li>
-      <li>your location;</li>
-      <li>the website you came from (if any);</li>
-      <li>the type of hardware you use (i.e. whether you are browsing from a desktop or a mobile device);</li>
-      <li>the software used (type of browser); and</li>
-      <li>your general interaction with our website.</li>
-    </ol>
-    <p>
-      As stated above, cookie-related information is not used to identify you personally, and what is compiled is only
-      aggregate data that tells us, for example, what countries we are most popular in, but not that you live in a
-      particular country or your precise location when you visited our website (this is because we have only half the
-      information- we know the country the person is browsing from, but not the name of person who is browsing). In such
-      an example Google will analyze the number of users for us, but the relevant cookies do not reveal their
-      identities.
-    </p>
-    <p>
-      By using this website, you consent to the processing of data about you by Google in the manner and for the
-      purposes set out above. Google Analytics, its purpose and function is further explained on the{' '}
-      <Link href="https://www.google.com/analytics/" passHref legacyBehavior>
-        <MUILink target="_blank" rel="noreferrer">
-          Google Analytics website
-        </MUILink>
-      </Link>
-      .
-    </p>
-    <p>
-      For more information about Google Analytics cookies, please see Google&apos;s help pages and privacy policy:{' '}
-      <Link href="https://www.google.com/intl/en/policies/privacy/" passHref legacyBehavior>
-        <MUILink target="_blank" rel="noreferrer">
-          Google&apos;s Privacy Policy
-        </MUILink>
-      </Link>
-      &nbsp;and{' '}
-      <Link
-        href="https://developers.google.com/analytics/devguides/collection/analyticsjs/cookie-usage"
-        passHref
-        legacyBehavior
-      >
-        <MUILink target="_blank" rel="noreferrer">
-          Google Analytics Help pages
-        </MUILink>
-      </Link>
-      . For further information about the use of these cookies by Google{' '}
-      <Link href="https://support.google.com/analytics/answer/6004245" passHref legacyBehavior>
-        <MUILink target="_blank" rel="noreferrer">
-          click here
-        </MUILink>
-      </Link>
-      .
-    </p>
-    <h2>
-      What if you don&rsquo;t agree with us monitoring your use of our website (even if we don&apos;t collect your
-      personal data)?
-    </h2>
-    <p>
-      Enabling these cookies is not strictly necessary for our website to work but it will provide you with a better
-      browsing experience. You can delete or block the cookies we set, but if you do that, some features of this website
-      may not work as intended.
-    </p>
-    <p>
-      Most browsers are initially set to accept cookies. If you prefer, you can set your browser to refuse cookies and
-      control and/or delete cookies as you wish &ndash; for details, see{' '}
-      <Link href="https://www.aboutcookies.org/" passHref legacyBehavior>
-        <MUILink target="_blank" rel="noreferrer">
-          https://aboutcookies.org
-        </MUILink>
-      </Link>
-      . You can delete all cookies that are already on your device and you can set most browsers to prevent them from
-      being placed. You should be aware that if you do this, you may have to manually adjust some preferences every time
-      you visit an Internet site and some services and functionalities may not work if you do not accept the cookies
-      they send.
-    </p>
-    <p>
-      Advertisers and business partners that you access on or through our website may also send you cookies. We do not
-      control any cookies outside of our website.
-    </p>
-    <p>
-      If you have any further questions regarding disabling cookies you should consult with your preferred
-      browser&rsquo;s provider or manufacturer.
-    </p>
-    <p>
-      In order to implement your objection it may be necessary to install an opt-out cookie on your browser. This cookie
-      will only indicate that you have opted out. It is important to note, that for technical reasons, the opt-out
-      cookie will only affect the browser from which you actively object from. If you delete the cookies in your browser
-      or use a different end device or browser, you will need to opt out again.
-    </p>
-    <p>
-      To opt out of being tracked by Google Analytics across all websites, Google has developed Google Analytics opt-out
-      browser add-on. If you would like to opt out of Google Analytics, you have the option of downloading and
-      installing this browser add-on which can be found under the link:{' '}
-      <Link href="https://tools.google.com/dlpage/gaoptout" passHref legacyBehavior>
-        <MUILink target="_blank" rel="noreferrer">
-          https://tools.google.com/dlpage/gaoptout
-        </MUILink>
-      </Link>
-      .
-    </p>
-    <h2>Revisions to this Cookie Policy</h2>
-    <p>
-      On this website, you can always view the latest version of our Privacy Policy and our Cookie Policy. We may modify
-      this Cookie Policy from time to time. If we make changes to this Cookie Policy, we will provide notice of such
-      changes, such as by sending an email notification, providing notice through our website or updating the
-      &lsquo;Last Updated&rsquo; date at the beginning of this Cookie Policy. The amended Cookie Policy will be
-      effective immediately after the date it is posted. By continuing to access or use our website after the effective
-      date, you confirm your acceptance of the revised Cookie Policy and all of the terms incorporated therein by
-      reference. We encourage you to review our Privacy Policy and our Cookie Policy whenever you access or use our
-      website to stay informed about our information practices and the choices available to you.
-    </p>
-    <p>
-      If you do not accept changes which are made to this Cookie Policy, or take any measures described above to opt-out
-      by removing or rejecting cookies, you may continue to use this website but accept that it may not display and/or
-      function as intended by us. Any social media channels connected to us and third party applications will be subject
-      to the privacy and cookie policies and practices of the relevant platform providers which, unless otherwise
-      indicated, are not affiliated or associated with us Your exercise of any rights to opt-out may also impact how our
-      information and content is displayed and/or accessible to you on this website and on other websites.
-    </p>
-    <h2>APPENDIX</h2>
-    <p>Overview of cookies placed and the consequences if the cookies are not placed.</p>
-    <h3>First-party cookies</h3>
-    <table>
-      <tbody>
-        <tr>
-          <td colSpan={1} rowSpan={1}>
-            <p>#</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Name of cookie</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Domain</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Purpose(s) of cookie</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Storage period of cookie</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Consequences is cookie is not accepted</p>
-          </td>
-        </tr>
-        <tr>
-          <td colSpan={1} rowSpan={1}>
-            <p>1</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>_BEAMER_FILTER_BY_URL_{'{productID}'}</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>app.safe.global</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Stores whether to apply URL filtering on the feed.</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>20 minutes</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>User activity won&apos;t be tracked</p>
-          </td>
-        </tr>
-        <tr>
-          <td colSpan={1} rowSpan={1}>
-            <p>2</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>_BEAMER_DATE_{'{productID}'}</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>app.safe.global</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Stores the latest date in which the feed was opened.</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>300 days</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>User activity won&apos;t be tracked</p>
-          </td>
-        </tr>
-        <tr>
-          <td colSpan={1} rowSpan={1}>
-            <p>3</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>_BEAMER_LAST_POST_SHOWN_{'{productID}'}</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>app.safe.global</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Stores the ID of the last post shown as a teaser.</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Session</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>User activity won&apos;t be tracked</p>
-          </td>
-        </tr>
-        <tr>
-          <td colSpan={1} rowSpan={1}>
-            <p>4</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>_BEAMER_BOOSTED_ANNOUNCEMENT_DATE_{'{productID}'}</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>app.safe.global</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Stores the latest date in which a boosted announcement was displayed.</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>300 days</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>User activity won&apos;t be tracked</p>
-          </td>
-        </tr>
-        <tr>
-          <td colSpan={1} rowSpan={1}>
-            <p>5</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>_BEAMER_FIRST_VISIT_{'{productID}'}</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>app.safe.global</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Stores the date of this user&rsquo;s first visit to the site.</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>300 days</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>User activity won&apos;t be tracked</p>
-          </td>
-        </tr>
-        <tr>
-          <td colSpan={1} rowSpan={1}>
-            <p>6</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>_BEAMER_USER_ID_{'{productID}'}</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>app.safe.global</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Stores an internal ID for this user.</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>300 days</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>User activity won&apos;t be tracked</p>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-    <h3>Third-party cookies</h3>
-    <p>The cookies from this table can be set by third-party wallets.</p>
-    <table>
-      <tbody>
-        <tr>
-          <td colSpan={1} rowSpan={1}>
-            <p>#</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Name of cookie</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Domain</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Purpose(s) of cookie</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Storage period of cookie</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Consequences is cookie is not accepted</p>
-          </td>
-        </tr>
-        <tr>
-          <td colSpan={1} rowSpan={1}>
-            <p>1</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>_ga</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>safe.global</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Used to distinguish users</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>2 years from set/update</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>User activity won&apos;t be tracked</p>
-          </td>
-        </tr>
-        <tr>
-          <td colSpan={1} rowSpan={1}>
-            <p>2</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>_ga</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>getbeamer.com</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Used to distinguish users</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>2 years from set/update</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>User activity won&apos;t be tracked</p>
-          </td>
-        </tr>
-        <tr>
-          <td colSpan={1} rowSpan={1}>
-            <p>3</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>_gid</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>getbeamer.com</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Used to distinguish users</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>24 hours</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>User activity won&apos;t be tracked</p>
-          </td>
-        </tr>
-        <tr>
-          <td colSpan={1} rowSpan={1}>
-            <p>4</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>_BEAMER_USER_ID_{'{productID}'}</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>getbeamer.com</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Stores an internal ID for this user.</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>300 days</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>User activity won&apos;t be tracked</p>
-          </td>
-        </tr>
-        <tr>
-          <td colSpan={1} rowSpan={1}>
-            <p>5</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>JSESSIONID</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>app.getbeamer.com</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Stores an internal ID for this user.</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>Session</p>
-          </td>
-          <td colSpan={1} rowSpan={1}>
-            <p>User activity won&apos;t be tracked</p>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-)
-
-const CookiePolicy: NextPage = () => {
-  return (
-    <>
-      <Head>
-        <title>{'Rootstock Safe – Cookie policy'}</title>
-      </Head>
-
-      <main>{IS_OFFICIAL_HOST && <SafeCookiePolicy />}</main>
-    </>
-  )
-}
-
-export default CookiePolicy
diff --git a/src/pages/home.tsx b/src/pages/home.tsx
deleted file mode 100644
index b1f1a63af..000000000
--- a/src/pages/home.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import type { NextPage } from 'next'
-import Head from 'next/head'
-
-import Dashboard from '@/components/dashboard'
-
-const Home: NextPage = () => {
-  return (
-    <>
-      <Head>
-        <title>{'Rootstock Safe – Dashboard'}</title>
-      </Head>
-
-      <main>
-        <Dashboard />
-      </main>
-    </>
-  )
-}
-
-export default Home
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
deleted file mode 100644
index d861eead3..000000000
--- a/src/pages/index.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { useEffect } from 'react'
-import type { NextPage } from 'next'
-import { useRouter } from 'next/router'
-import { AppRoutes } from '@/config/routes'
-import { isEmpty } from 'lodash'
-import local from '@/services/local-storage/local'
-import { addedSafesSlice, type AddedSafesState } from '@/store/addedSafesSlice'
-
-const IndexPage: NextPage = () => {
-  const router = useRouter()
-  const { chain } = router.query
-
-  useEffect(() => {
-    if (!router.isReady || router.pathname !== AppRoutes.index) {
-      return
-    }
-    // TODO: Replace with useLocalStorage. For now read directly from localstorage so we have value on first render
-    const addedSafes = local.getItem<AddedSafesState>(addedSafesSlice.name)
-    const hasAddedSafes = addedSafes !== null && !isEmpty(addedSafes)
-    const pathname = hasAddedSafes ? AppRoutes.welcome.accounts : AppRoutes.welcome.index
-
-    router.replace({
-      pathname,
-      query: chain ? { chain } : undefined,
-    })
-  }, [router, chain])
-
-  return <></>
-}
-
-export default IndexPage
diff --git a/src/pages/licenses.tsx b/src/pages/licenses.tsx
deleted file mode 100644
index f6180e2cb..000000000
--- a/src/pages/licenses.tsx
+++ /dev/null
@@ -1,720 +0,0 @@
-import type { NextPage } from 'next'
-import Head from 'next/head'
-import { IS_OFFICIAL_HOST } from '@/config/constants'
-import { Typography, Table, TableBody, TableRow, TableCell, TableHead, TableContainer, Box } from '@mui/material'
-import ExternalLink from '@/components/common/ExternalLink'
-import Paper from '@mui/material/Paper'
-
-const SafeLicenses = () => (
-  <>
-    <Typography variant="h1" mb={2}>
-      Licenses
-    </Typography>
-    <Typography variant="h3" mb={2}>
-      Libraries we use
-    </Typography>
-    <Box mb={4}>
-      <Typography mb={3}>
-        This page contains a list of attribution notices for third party software that may be contained in portions of
-        the {'Rootstock Safe'}. We thank the open source community for all of their contributions.
-      </Typography>
-      <Typography variant="h2" mb={2}>
-        Android
-      </Typography>
-      <TableContainer component={Paper}>
-        <Table>
-          <TableHead>
-            <TableRow>
-              <TableCell width="30%">
-                <strong>Library</strong>
-              </TableCell>
-              <TableCell>
-                <strong>License</strong>
-              </TableCell>
-            </TableRow>
-          </TableHead>
-          <TableBody>
-            <TableRow>
-              <TableCell>AndroidX</TableCell>
-              <TableCell>
-                <ExternalLink href="https://android.googlesource.com/platform/frameworks/support/%2B/androidx-master-dev/LICENSE.txt">
-                  https://android.googlesource.com/platform/frameworks/support/+/androidx-master-dev/LICENSE.txt
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>Bivrost for Kotlin</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/gnosis/bivrost-kotlin/blob/master/LICENSE">
-                  https://github.com/gnosis/bivrost-kotlin/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>Dagger</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/google/dagger#license">
-                  {' '}
-                  https://github.com/google/dagger#license{' '}
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>FloatingActionButton</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/Clans/FloatingActionButton/blob/master/LICENSE">
-                  https://github.com/Clans/FloatingActionButton/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>Material Progress Bar</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/DreaminginCodeZH/MaterialProgressBar/blob/master/LICENSE">
-                  https://github.com/DreaminginCodeZH/MaterialProgressBar/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>Kethereum</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/walleth/kethereum/blob/master/LICENSE">
-                  https://github.com/walleth/kethereum/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>Koptional</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/gojuno/koptional#license">
-                  {' '}
-                  https://github.com/gojuno/koptional#license{' '}
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>Moshi</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/square/moshi#license">
-                  {' '}
-                  https://github.com/square/moshi#license{' '}
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>OkHttp</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/square/okhttp#license">
-                  {' '}
-                  https://github.com/square/okhttp#license{' '}
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>Okio</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/square/okio#license">
-                  {' '}
-                  https://github.com/square/okio#license{' '}
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>Phrase</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/square/phrase/#license">
-                  {' '}
-                  https://github.com/square/phrase/#license{' '}
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>Picasso</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/square/picasso#license">
-                  {' '}
-                  https://github.com/square/picasso#license{' '}
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>ReTrofit</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/square/reTrofit#license">
-                  {' '}
-                  https://github.com/square/reTrofit#license{' '}
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>RxAndroid</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/ReactiveX/RxAndroid#license">
-                  https://github.com/ReactiveX/RxAndroid#license
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>RxBinding</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/JakeWharton/RxBinding#license">
-                  https://github.com/JakeWharton/RxBinding#license
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>RxJava</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/ReactiveX/RxJava#license">
-                  {' '}
-                  https://github.com/ReactiveX/RxJava#license{' '}
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>RxKotlin</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/ReactiveX/RxKotlin/blob/2.x/LICENSE">
-                  https://github.com/ReactiveX/RxKotlin/blob/2.x/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>SpongyCastle</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/rtyley/spongycastle/blob/spongy-master/LICENSE.html">
-                  https://github.com/rtyley/spongycastle/blob/spongy-master/LICENSE.html
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>Svalinn Android</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/gnosis/svalinn-kotlin/blob/master/LICENSE">
-                  https://github.com/gnosis/svalinn-kotlin/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>Timber</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/JakeWharton/timber#license">
-                  https://github.com/JakeWharton/timber#license
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>Zxing</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/zxing/zxing/blob/master/LICENSE">
-                  https://github.com/zxing/zxing/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-          </TableBody>
-        </Table>
-      </TableContainer>
-    </Box>
-    <Box mb={4}>
-      <Typography variant="h2" mb={2}>
-        iOS
-      </Typography>
-      <TableContainer component={Paper}>
-        <Table>
-          <TableHead>
-            <TableRow>
-              <TableCell width="30%">
-                <strong>Library</strong>
-              </TableCell>
-              <TableCell>
-                <strong>License</strong>
-              </TableCell>
-            </TableRow>
-          </TableHead>
-          <TableBody>
-            <TableRow>
-              <TableCell>BigInt</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/attaswift/BigInt/blob/master/LICENSE.md">
-                  https://github.com/attaswift/BigInt/blob/master/LICENSE.md
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>BlockiesSwift</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/gnosis/BlockiesSwift/blob/master/LICENSE">
-                  https://github.com/gnosis/BlockiesSwift/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>CryptoEthereumSwift</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/yuzushioh/CryptoEthereumSwift/blob/master/LICENSE">
-                  https://github.com/yuzushioh/CryptoEthereumSwift/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>CryptoSwift</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/krzyzanowskim/CryptoSwift#license">
-                  https://github.com/krzyzanowskim/CryptoSwift#license
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>DateTools</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/gnosis/DateTools#license">
-                  {' '}
-                  https://github.com/gnosis/DateTools#license{' '}
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>EthereumKit</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/D-Technologies/EthereumKit#license">
-                  https://github.com/D-Technologies/EthereumKit#license
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>Keycard.swift</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/gnosis/Keycard.swift/blob/master/LICENSE">
-                  https://github.com/gnosis/Keycard.swift/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>Kingfisher</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/onevcat/Kingfisher#license">
-                  https://github.com/onevcat/Kingfisher#license
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>SipHash</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/attaswift/SipHash/blob/master/LICENSE.md">
-                  https://github.com/attaswift/SipHash/blob/master/LICENSE.md
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>Starscream</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/daltoniam/Starscream/blob/master/LICENSE">
-                  https://github.com/daltoniam/Starscream/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>RsBarcodesSwift</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/yeahdongcn/RSBarcodes_Swift#license">
-                  https://github.com/yeahdongcn/RSBarcodes_Swift#license
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>libidn2</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/gnosis/libidn2/blob/master/COPYING.LESSERv3">
-                  https://github.com/gnosis/libidn2/blob/master/COPYING.LESSERv3
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>libunisTring</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/gnosis/libunisTring/blob/master/COPYING.LIB">
-                  https://github.com/gnosis/libunisTring/blob/master/COPYING.LIB
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-          </TableBody>
-        </Table>
-      </TableContainer>
-    </Box>
-    <Box>
-      <Typography variant="h2" mb={2}>
-        Web
-      </Typography>
-      <TableContainer component={Paper}>
-        <Table>
-          <TableHead>
-            <TableRow>
-              <TableCell width="30%">Library</TableCell>
-              <TableCell>License</TableCell>
-            </TableRow>
-          </TableHead>
-          <TableBody>
-            <TableRow>
-              <TableCell>@emotion/cache</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/emotion-js/emotion/blob/main/LICENSE">
-                  https://github.com/emotion-js/emotion/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@emotion/react</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/emotion-js/emotion/blob/main/LICENSE">
-                  https://github.com/emotion-js/emotion/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@emotion/server</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/emotion-js/emotion/blob/main/LICENSE">
-                  https://github.com/emotion-js/emotion/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@emotion/styled</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/emotion-js/emotion/blob/main/LICENSE">
-                  https://github.com/emotion-js/emotion/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@safe-global/safe-modules-deployments</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/safe-global/safe-modules-deployments/blob/main/LICENSE">
-                  https://github.com/safe-global/safe-modules-deployments/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@mui/icons-material</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/mui/material-ui/blob/master/LICENSE">
-                  https://github.com/mui/material-ui/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@mui/material</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/mui/material-ui/blob/master/LICENSE">
-                  https://github.com/mui/material-ui/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@mui/x-date-pickers</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/mui/mui-x#mit-vs-commercial-licenses">
-                  https://github.com/mui/mui-x#mit-vs-commercial-licenses
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@reduxjs/toolkit</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/reduxjs/redux-toolkit/blob/master/LICENSE">
-                  https://github.com/reduxjs/redux-toolkit/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@safe-global/safe-apps-sdk</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/safe-global/safe-apps-sdk/blob/main/LICENSE.md">
-                  https://github.com/safe-global/safe-apps-sdk/blob/main/LICENSE.md
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@safe-global/safe-core-sdk</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/safe-global/safe-core-sdk/blob/main/LICENSE.md">
-                  https://github.com/safe-global/safe-core-sdk/blob/main/LICENSE.md
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@safe-global/safe-deployments</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/safe-global/safe-deployments/blob/main/LICENSE">
-                  https://github.com/safe-global/safe-deployments/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@safe-global/safe-gateway-typescript-sdk</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/safe-global/safe-gateway-typescript-sdk/blob/main/LICENSE.md">
-                  https://github.com/safe-global/safe-gateway-typescript-sdk/blob/main/LICENSE.md
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@safe-global/safe-react-components</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/safe-global/safe-react-components/blob/main/LICENSE.md">
-                  https://github.com/safe-global/safe-react-components/blob/main/LICENSE.md
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@sentry/react</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/getsentry/sentry-javascript/blob/develop/LICENSE">
-                  https://github.com/getsentry/sentry-javascript/blob/develop/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@sentry/tracing</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/getsentry/sentry-javascript/blob/develop/LICENSE">
-                  https://github.com/getsentry/sentry-javascript/blob/develop/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@web3-onboard/coinbase</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/blocknative/web3-onboard/blob/main/LICENSE">
-                  https://github.com/blocknative/web3-onboard/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@web3-onboard/core</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/blocknative/web3-onboard/blob/main/LICENSE">
-                  https://github.com/blocknative/web3-onboard/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@web3-onboard/injected-wallets</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/blocknative/web3-onboard/blob/main/LICENSE">
-                  https://github.com/blocknative/web3-onboard/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@web3-onboard/keystone</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/blocknative/web3-onboard/blob/main/LICENSE">
-                  https://github.com/blocknative/web3-onboard/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@web3-onboard/ledger</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/blocknative/web3-onboard/blob/main/LICENSE">
-                  https://github.com/blocknative/web3-onboard/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@web3-onboard/trezor</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/blocknative/web3-onboard/blob/main/LICENSE">
-                  https://github.com/blocknative/web3-onboard/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>@web3-onboard/walletconnect</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/blocknative/web3-onboard/blob/main/LICENSE">
-                  https://github.com/blocknative/web3-onboard/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>classnames</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/JedWatson/classnames/blob/main/LICENSE">
-                  https://github.com/JedWatson/classnames/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>date-fns</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/date-fns/date-fns/blob/main/LICENSE.md">
-                  https://github.com/date-fns/date-fns/blob/main/LICENSE.md
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>ethereum-blockies-base64</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/MyCryptoHQ/ethereum-blockies-base64">
-                  https://github.com/MyCryptoHQ/ethereum-blockies-base64
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>ethers</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/ethers-io/ethers.js/blob/main/LICENSE.md">
-                  https://github.com/ethers-io/ethers.js/blob/main/LICENSE.md
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>exponential-backoff</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/coveo/exponential-backoff/blob/master/LICENSE">
-                  https://github.com/coveo/exponential-backoff/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>fuse.js</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/krisk/Fuse/blob/master/LICENSE">
-                  https://github.com/krisk/Fuse/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>js-cookie</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/js-cookie/js-cookie/blob/main/LICENSE">
-                  https://github.com/js-cookie/js-cookie/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>lodash</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/lodash/lodash/blob/master/LICENSE">
-                  https://github.com/lodash/lodash/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>next</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/vercel/next.js/blob/canary/LICENSE">
-                  https://github.com/vercel/next.js/blob/canary/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>next-pwa</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/shadowwalker/next-pwa/blob/master/LICENSE">
-                  https://github.com/shadowwalker/next-pwa/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>papaparse</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/mholt/PapaParse/blob/master/LICENSE">
-                  https://github.com/mholt/PapaParse/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>qrcode.react</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/zpao/qrcode.react/blob/main/LICENSE">
-                  https://github.com/zpao/qrcode.react/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>react</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/facebook/react/blob/main/LICENSE">
-                  https://github.com/facebook/react/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>react-dom</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/facebook/react/blob/main/LICENSE">
-                  https://github.com/facebook/react/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>react-dropzone</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/react-dropzone/react-dropzone/blob/master/LICENSE">
-                  https://github.com/react-dropzone/react-dropzone/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>react-gtm-module</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/alinemorelli/react-gtm/blob/master/LICENSE">
-                  https://github.com/alinemorelli/react-gtm/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>react-hook-form</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/react-hook-form/react-hook-form/blob/master/LICENSE">
-                  https://github.com/react-hook-form/react-hook-form/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>react-papaparse</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/Bunlong/react-papaparse/blob/master/LICENSE">
-                  https://github.com/Bunlong/react-papaparse/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>react-redux</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/reduxjs/react-redux/blob/master/LICENSE">
-                  https://github.com/reduxjs/react-redux/blob/master/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-            <TableRow>
-              <TableCell>semver</TableCell>
-              <TableCell>
-                <ExternalLink href="https://github.com/npm/node-semver/blob/main/LICENSE">
-                  https://github.com/npm/node-semver/blob/main/LICENSE
-                </ExternalLink>
-              </TableCell>
-            </TableRow>
-          </TableBody>
-        </Table>
-      </TableContainer>
-    </Box>
-  </>
-)
-
-const Licenses: NextPage = () => {
-  return (
-    <>
-      <Head>
-        <title>{'Rootstock Safe – Licenses'}</title>
-      </Head>
-
-      <main>{IS_OFFICIAL_HOST && <SafeLicenses />}</main>
-    </>
-  )
-}
-
-export default Licenses
diff --git a/src/pages/new-safe/create.tsx b/src/pages/new-safe/create.tsx
deleted file mode 100644
index 4dea94417..000000000
--- a/src/pages/new-safe/create.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import Head from 'next/head'
-import type { NextPage } from 'next'
-
-import CreateSafe from '@/components/new-safe/create'
-
-const Open: NextPage = () => {
-  return (
-    <main>
-      <Head>
-        <title>{'Rootstock Safe – Create Safe Account'}</title>
-      </Head>
-
-      <CreateSafe />
-    </main>
-  )
-}
-
-export default Open
diff --git a/src/pages/privacy.tsx b/src/pages/privacy.tsx
deleted file mode 100644
index 57eb8559d..000000000
--- a/src/pages/privacy.tsx
+++ /dev/null
@@ -1,1015 +0,0 @@
-import type { MouseEventHandler, ReactNode } from 'react'
-import type { NextPage } from 'next'
-import Head from 'next/head'
-import { IS_OFFICIAL_HOST } from '@/config/constants'
-
-const SmoothScroll = ({ children }: { children: ReactNode }) => {
-  const onClick: MouseEventHandler = (e) => {
-    const anchor = (e.target as HTMLAnchorElement).getAttribute('href')
-    if (anchor?.startsWith('#')) {
-      e.preventDefault()
-      const element = document.querySelector(anchor)
-      if (element) {
-        element.scrollIntoView({ behavior: 'smooth' })
-      }
-    }
-  }
-
-  return <div onClick={onClick}>{children}</div>
-}
-
-const SafePrivacyPolicy = () => (
-  <SmoothScroll>
-    <style jsx>{`
-      ol {
-        list-style: lower-alpha;
-      }
-
-      ol ol {
-        list-style: lower-roman;
-      }
-
-      h4 {
-        font-size: 1.1em;
-      }
-
-      h5 {
-        font-size: 1em;
-        margin-bottom: 0;
-      }
-
-      a {
-        font-weight: 600;
-        text-decoration: underline;
-      }
-
-      [id^='section-'] {
-        scroll-margin-top: 60px;
-      }
-    `}</style>
-
-    <h1>Privacy Policy</h1>
-    <p>Last updated: June 2024.</p>
-    <p>
-      Your privacy is important to us. It is our policy to respect your privacy and comply with any applicable law and
-      regulation regarding any personal information we may collect about you, including across our website,{' '}
-      <a href="https://app.safe.global">https://app.safe.global</a>
-      ,&nbsp;and other sites we own and operate as well as mobile applications we offer. Wherever possible, we have
-      designed our website so that you may navigate and use our website without having to provide Personal Data.
-    </p>
-    <p>
-      This Privacy Policy describes how we, as a controller, collect, use and share your personal data. It applies to
-      personal data you voluntarily provide to us, or is automatically collected by us.{' '}
-    </p>
-    <p>
-      In this policy, &quot;we&quot;, &quot;us&quot; and &quot;our&quot; refers to Core Contributors GmbH a company
-      incorporated in Germany with its registered address at Gontardstraße 11, 10178 Berlin, Germany.&nbsp;Any data
-      protection related questions you might have about how we handle your personal data or if you wish to exercise your
-      data subject rights, please contact us by post or at privacy@cc0x.dev.{' '}
-    </p>
-    <p>
-      In this Policy, &ldquo;personal data&rdquo; means any information relating to you as an identified or identifiable
-      natural person (&ldquo;Data Subject&rdquo;); an identifiable natural person is one who can be identified, directly
-      or indirectly, in particular by reference to an identifier such as a name, an online identifier or to one or more
-      factors specific to your physical, physiological, genetic, mental, economic, cultural or social identity.
-    </p>
-    <p>
-      In this Policy, &ldquo;processing&rdquo; means any operation or set of operations which is performed on personal
-      data (as defined in this Privacy Policy) or on sets of personal data, whether or not by automated means, such as
-      collection, recording, organization, structuring, storage, adaptation or alteration, retrieval, consultation, use,
-      disclosure by transmission, dissemination or otherwise making available, alignment or combination, restriction,
-      erasure or destruction.
-    </p>
-    <h3>1. Navigating this Policy</h3>
-    <p>If you are viewing this policy online, you can click on the below links to jump to the relevant section:</p>
-    <ol style={{ listStyle: 'arabic' }} start={2}>
-      <li>
-        <a href="#section-2">Glossary</a>
-      </li>
-      <li>
-        <a href="#section-3">Your information and the Blockchain</a>
-      </li>
-      <li>
-        <a href="#section-4">How We Use Personal Data</a>
-      </li>
-      <li>
-        <a href="#section-5">Use of Third Party Applications</a>
-      </li>
-      <li>
-        <a href="#section-6">Sharing Your Personal Data</a>
-      </li>
-      <li>
-        <a href="#section-7">Transferring Your data outside of the EU</a>
-      </li>
-      <li>
-        <a href="#section-8">Existence of Automated Decision-making</a>
-      </li>
-      <li>
-        <a href="#section-9">Data Security</a>
-      </li>
-      <li>
-        <a href="#section-10">Your Rights as a Data Subject</a>
-      </li>
-      <li>
-        <a href="#section-11">Storing Personal Data</a>
-      </li>
-      <li>
-        <a href="#section-12">Children’s data</a>
-      </li>
-      <li>
-        <a href="#section-13">Changes to this Privacy Policy</a>
-      </li>
-      <li>
-        <a href="#section-14">Contacts us</a>
-      </li>
-    </ol>
-    <h3 id="section-2">2. Glossary</h3>
-    <p>What do some of the capitalized terms mean in this policy?</p>
-    <ol>
-      <li>
-        &ldquo;Blockchain&rdquo; means a mathematically secured consensus ledger such as the Ethereum Virtual Machine,
-        an Ethereum Virtual Machine compatible validation mechanism, or other decentralized validation mechanisms.
-      </li>
-      <li>
-        &ldquo;Transaction&rdquo; means a change to the data set through a new entry in the continuous Blockchain.
-      </li>
-      <li>
-        &ldquo;Smart Contract&rdquo; is a piece of source code deployed as an application on the Blockchain which can be
-        executed, including self-execution of Transactions as well as execution triggered by 3rd parties.
-      </li>
-      <li>
-        &ldquo;Token&rdquo; is a digital asset transferred in a Transaction, including ETH, ERC20, ERC721 and ERC1155
-        tokens.
-      </li>
-      <li>
-        &ldquo;Wallet&rdquo; is a cryptographic storage solution permitting you to store cryptographic assets by
-        correlation of a (i) Public Key and (ii) a Private Key or a Smart Contract to receive, manage and send Tokens.
-      </li>
-      <li>
-        &ldquo;Recovery Phrase&rdquo; is a series of secret words used to generate one or more Private Keys and derived
-        Public Keys.
-      </li>
-      <li>
-        &ldquo;Public Key&rdquo; is a unique sequence of numbers and letters within the Blockchain to distinguish the
-        network participants from each other.
-      </li>
-      <li>
-        &ldquo;Private Key&rdquo; is a unique sequence of numbers and/or letters required to initiate a Blockchain
-        Transaction and should only be known by the legal owner of the Wallet.
-      </li>
-      <li>
-        &ldquo;Safe Account&rdquo; is a modular, self-custodial (i.e. not supervised by us) smart contract-based
-        multi-signature Wallet. Safe Accounts are{' '}
-        <a href="https://github.com/safe-global/safe-contracts/" target="_blank" rel="noreferrer">
-          open-source
-        </a>
-        &nbsp;released under LGPL-3.0.
-      </li>
-      <li>
-        &ldquo;{'Rootstock Safe'}&rdquo; refers to a web-based graphical user interface for Safe Accounts as well as a
-        mobile application on Android and iOS.
-      </li>
-      <li>
-        &ldquo;Safe Account Transaction&rdquo; is a Transaction of a Safe Account, authorized by a user, typically via
-        their Wallet.{' '}
-      </li>
-      <li>
-        &ldquo;Profile&rdquo; means the Public Key and user provided, human readable label stored locally on the
-        user&apos;s device.
-      </li>
-    </ol>
-    <h3 id="section-3">3. Your information and the Blockchain</h3>
-    <p>
-      Blockchains, also known as distributed ledger technology (or simply &lsquo;DLT&rsquo;), are made up of digitally
-      recorded data in a chain of packages called &lsquo;blocks&rsquo;. The manner in which these blocks are linked is
-      chronological, meaning that the data is very difficult to alter once recorded. Since the ledger may be distributed
-      all over the world (across several &lsquo;nodes&rsquo; which usually replicate the ledger) this means there is no
-      single person making decisions or otherwise administering the system (such as an operator of a cloud computing
-      system), and that there is no centralized place where it is located either.
-    </p>
-    <p>
-      Accordingly, by design, records of a Blockchain cannot be changed or deleted and are said to be
-      &lsquo;immutable&rsquo;. This may affect your ability to exercise your rights such as your right to erasure
-      (&lsquo;right to be forgotten&rsquo;), or your rights to object or restrict processing of your personal data. Data
-      on the Blockchain cannot be erased and cannot be changed. Although smart contracts may be used to revoke certain
-      access rights, and some content may be made invisible to others, it is not deleted.
-    </p>
-    <p>
-      In certain circumstances, in order to comply with our contractual obligations to you (such as delivery of Tokens)
-      it will be necessary to write certain personal data, such as your Wallet address, onto the Blockchain; this is
-      done through a smart contract and requires you to execute such transactions using your Wallet&rsquo;s Private Key.
-    </p>
-    <p>
-      In most cases ultimate decisions to (i) transact on the Blockchain using your Wallet, as well as (ii) share the
-      Public Key relating to your Wallet with anyone (including us) rests with you.
-    </p>
-    <p>
-      IF YOU WANT TO ENSURE YOUR PRIVACY RIGHTS ARE NOT AFFECTED IN ANY WAY, YOU SHOULD NOT TRANSACT ON BLOCKCHAINS AS
-      CERTAIN RIGHTS MAY NOT BE FULLY AVAILABLE OR EXERCISABLE BY YOU OR US DUE TO THE TECHNOLOGICAL INFRASTRUCTURE OF
-      THE BLOCKCHAIN. IN PARTICULAR THE BLOCKCHAIN IS AVAILABLE TO THE PUBLIC AND ANY PERSONAL DATA SHARED ON THE
-      BLOCKCHAIN WILL BECOME PUBLICLY AVAILABLE
-    </p>
-    <h3 id="section-4">4. How We Use Personal Data</h3>
-    <h4>4.1. When visiting our website and using {'Rootstock Safe'}</h4>
-    <p>
-      When visiting our website or using {'Rootstock Safe'}, we may collect and process personal data. The data will be
-      stored in different instances
-    </p>
-    <ol>
-      <li>
-        We connect the Wallet&nbsp;to the web app to identify the user via their public Wallet address. For this purpose
-        we process:
-        <ol>
-          <li>public Wallet address and</li>
-          <li>WalletConnect connection data</li>
-        </ol>
-      </li>
-      <li>
-        When you create a new Safe Account we process the following data to compose a Transaction based on your entered
-        data to be approved by your Wallet:
-        <ol>
-          <li>your public Wallet address, </li>
-          <li>account balance, </li>
-          <li>smart contract address of the Safe Account,</li>
-          <li>addresses of externally owned accounts&nbsp;and </li>
-          <li>user activity</li>
-        </ol>
-      </li>
-    </ol>
-    <ol start={3}>
-      <li>
-        When you create a Profile for a new Safe Account we process the following data for the purpose of enabling you
-        to view your Safe Account after creation as well as enabling you to view all co-owned Safe Accounts:
-        <ol>
-          <li>your public Wallet address and </li>
-          <li>account balance</li>
-        </ol>
-      </li>
-    </ol>
-    <ol start={4}>
-      <li>
-        When you create a Profile for an existing Safe Account for the purpose of allowing you to view and use them in
-        the {'Rootstock Safe'}, we process your
-        <ol>
-          <li>public Wallet address, </li>
-          <li>Safe Account balance, </li>
-          <li>smart contract address of the Safe Account and</li>
-          <li>Safe Account owner&apos;s public Wallet addresses</li>
-        </ol>
-      </li>
-    </ol>
-    <ol start={5}>
-      <li>
-        When you initiate a Safe Account Transaction&nbsp;we process the following data to compose the Transaction for
-        you based on your entered data:{' '}
-        <ol>
-          <li>your public Wallet address and </li>
-          <li>smart contract address of the Safe Account</li>
-        </ol>
-      </li>
-    </ol>
-    <ol start={6}>
-      <li>
-        When you sign a Safe Account Transaction&nbsp;we process the following data to enable you to sign the
-        Transaction using your Wallet:
-        <ol>
-          <li>Safe Account balance, </li>
-          <li>smart contract address of Safe Account and</li>
-          <li>Safe Account owner&apos;s public Wallet addresses</li>
-        </ol>
-      </li>
-    </ol>
-    <ol start={7}>
-      <li>
-        To enable you to execute The transaction on the Blockchain we process:
-        <ol>
-          <li>your public Wallet address, </li>
-          <li>Safe Account balance, </li>
-          <li>smart contract address of the Safe Account, </li>
-          <li>Safe Account owner&apos;s public Wallet addresses and </li>
-          <li>Transactions signed by all Safe Account owners</li>
-        </ol>
-      </li>
-    </ol>
-    <ol start={8}>
-      <li>
-        When we collect relevant&nbsp;data&nbsp;from the Blockchain to display context information in the
-        {`Rootstock Safe`}
-        we process:
-        <ol>
-          <li>your public Wallet address, </li>
-          <li>account balance,</li>
-          <li>account activity and</li>
-          <li>Safe Account owner&apos;s Public wallet addresses</li>
-        </ol>
-      </li>
-    </ol>
-    <ol start={9}>
-      <li>
-        When we decode Transactions from the Blockchain for the purpose of providing Transaction information in a
-        conveniently readable format, we process:
-        <ol>
-          <li>your public Wallet address </li>
-          <li>account balance and </li>
-          <li>account activity</li>
-        </ol>
-      </li>
-    </ol>
-    <ol start={10}>
-      <li>
-        When we maintain a user profile&nbsp;to provide you with a good user experience through Profiles and an address
-        book we process:
-        <ol>
-          <li>your public Wallet address, </li>
-          <li>label, </li>
-          <li>smart contract address of the Safe Account, </li>
-          <li>Safe Account owner&apos;s public wallet addresses, </li>
-          <li>last used Wallet (for automatic reconnect), </li>
-          <li>last used chain id, </li>
-          <li>selected currency, </li>
-          <li>theme and </li>
-          <li>address format</li>
-        </ol>
-      </li>
-    </ol>
-    <p>The legal base for all these activities is the performance of the contract we have with you (GDPR Art.6.1b).</p>
-    <p>
-      THE DATA WILL BE STORED ON THE BLOCKCHAIN. GIVEN THE TECHNOLOGICAL DESIGN OF THE BLOCKCHAIN, AS EXPLAINED IN
-      SECTION 2, THIS DATA WILL BECOME PUBLIC AND IT WILL NOT LIKELY BE POSSIBLE TO DELETE OR CHANGE THE DATA AT ANY
-      GIVEN TIME.
-    </p>
-    <h4>4.2. Tracking & Analysis</h4>
-    <p>4.2.1 We will process the following personal data to analyze your behavior:</p>
-    <ol>
-      <li>IP address (will not be stored for EU users), </li>
-      <li>session tracking, </li>
-      <li>user behavior, </li>
-      <li>wallet type, </li>
-      <li>Safe Account address,</li>
-      <li>Signer wallet address,</li>
-      <li>device and browser user agent,</li>
-      <li>user consent, </li>
-      <li>operating system, </li>
-      <li>referrers, </li>
-      <li>user behavior: subpage, duration, and revisit, the date and time of access,</li>
-    </ol>
-    <p>
-      In the case you have given consent, we will additionally store an analytics cookie on your device to identify you
-      as a user across browsing sessions. The lawful basis for this processing is your consent (GDPR Art.6.1a) when
-      agreeing to accept cookies.
-    </p>
-    <p>
-      The collected data is solely used in the legitimate interest of improving our product and user experience. The
-      data is stored only temporarily and is deleted after 14 months.
-    </p>
-    <p>
-      We do not track any of the following:
-      <ol>
-        <li>Wallet signatures</li>
-        <li>Granular transaction details</li>
-      </ol>
-    </p>
-    <p>
-      4.2.2 For general operational analysis of the {'Safe{Wallet}'} interface, monitoring transaction origins and
-      measuring transaction failure rates to ensure improved service performance and reliability, we process information
-      which constitutes the transaction service database, such as:
-    </p>
-    <ol>
-      <li>signatures</li>
-      <li>signature_type</li>
-      <li>ethereum_tx_id</li>
-      <li>message_hash</li>
-      <li>safe_app_id</li>
-      <li>safe_message_id</li>
-    </ol>
-    <p>
-      We conduct this analysis in our legitimate interest to continuously improve our product and service and ensure
-      increased service performance and reliability.
-    </p>
-    <p>
-      4.2.3 We conduct technical monitoring of your activity on the platform in order to ensure availability, integrity
-      and robustness of the service. For this purpose we process your:
-    </p>
-    <ol>
-      <li>IP addresses, </li>
-      <li>meta and communication data, </li>
-      <li>website access and </li>
-      <li>log data</li>
-    </ol>
-    <p>
-      The lawful basis for this processing is our legitimate interest (GDPR Art.6.1f) in ensuring the correctness of the
-      service.
-    </p>
-    <p>4.2.4 Anonymized tracking</p>
-    <p>
-      We will anonymize the following personal data to gather anonymous user statistics on your browsing behavior on our
-      website:
-      <ol>
-        <li>daily active users,</li>
-        <li>new users acquired from a specific campaign,</li>
-        <li>user journeys,</li>
-        <li>number of users per country,</li>
-        <li>difference in user behavior between mobile vs. web visitors.</li>
-      </ol>
-    </p>
-    <p>
-      The lawful basis for this processing is our legitimate interest (GDPR Art.6.1f) in improving our product and user
-      experience.
-    </p>
-    <h4>4.3. When Participating in User Experience Research (UXR)</h4>
-    <p>
-      When you participate in our user experience research we may collect and process some personal data. This data may
-      include:
-    </p>
-    <ol>
-      <li>your name</li>
-      <li>your email</li>
-      <li>your phone type</li>
-      <li>your occupation</li>
-      <li>range of managed funds</li>
-    </ol>
-    <p>
-      In addition, we may take a recording of you while testing {'Rootstock Safe'} for internal and external use. The
-      basis for this collection and processing is our legitimate business interest in monitoring and improving our
-      services.
-    </p>
-    <p>
-      The lawful basis for this processing is your consent as provided before participating in user experience research.
-    </p>
-    <h4>4.4. Publishing the app</h4>
-    <p>4.4.1 Publishing the app on Google Play Store.</p>
-    <p>We process the following information to enable you to download the app on smartphones running Android:</p>
-    <ol>
-      <li>google account and </li>
-      <li>e-mail address</li>
-    </ol>
-    <p>4.4.2 Publishing the app on Apple App Store</p>
-    <p>We process the following information to enable you to download the app on smartphones running iOS:</p>
-    <ol>
-      <li>apple account and </li>
-      <li>e-mail address</li>
-    </ol>
-    <p>
-      The lawful basis for these two processing activities is the performance of the contract we have with you (GDPR
-      Art.6.1b).{' '}
-    </p>
-    <h4>4.5. Use of the app</h4>
-    <p>4.5.1 We provide the app to you to enable you to use it. For this purpose we process your:</p>
-    <ol>
-      <li>mobile device information, </li>
-      <li>http request caches and </li>
-      <li>http request cookies</li>
-    </ol>
-    <p>
-      4.5.2 In order to update you about changes in the app, we need to send you push notifications. For this purpose we
-      process your:
-    </p>
-    <ol>
-      <li>Transactions executed and failed, </li>
-      <li>assets sent, </li>
-      <li>assets received </li>
-    </ol>
-    <p>
-      4.5.3 To provide support to you and notify you about outage resulting in unavailability of the service, we process
-      your:
-    </p>
-    <ol>
-      <li>pseudonymized user identifier</li>
-    </ol>
-    <p>
-      4.5.4 In order to provide remote client configuration and control whether to inform about, recommend or force you
-      to update your app or enable/disable certain app features we process your:
-    </p>
-    <ol>
-      <li>User agent, </li>
-      <li>app information (version, build number etc.), </li>
-      <li>language, </li>
-      <li>Country,</li>
-      <li>Platform</li>
-      <li>operating system</li>
-      <li>Browser</li>
-      <li>Device category</li>
-      <li>User audience</li>
-      <li>User property</li>
-      <li>User in random percentage</li>
-      <li>Imported segment</li>
-      <li>date/time</li>
-      <li>first open </li>
-      <li>installation ID</li>
-    </ol>
-    <p>
-      For all these activities (4.5.1-4.54) we rely on the legal base of performance of a contract (GDPR Art.6.1b) with
-      you.{' '}
-    </p>
-    <p>4.5.5 Finally, to report errors and improve user experience we process your:</p>
-    <ol>
-      <li>User agent info (Browser, OS, device), </li>
-      <li>URL that you were on (Can contain Safe Account address) and </li>
-      <li>Error info: Time, stacktrace</li>
-    </ol>
-    <p>We rely on our legitimate interest (GDPR Art.6.1f) of ensuring product quality. </p>
-    <p>
-      4.5.6 We process your personal data to allow you to authenticate using your gmail account or AppleID and to create
-      a signer wallet/owner account . For that purpose following personal data is processed:
-    </p>
-    <ol>
-      <li>Anonymised device information and identifiers, e.g. IP address, cookie IDs, device type</li>
-      <li>User account authentication information (e.g. username, password)</li>
-      <li>
-        Unique user identifier (e.g. a random string associated with authentication, at times can be email. If so,
-        sensitive strings are processed but hashed and not stored)
-      </li>
-      <li>Connection and usage Information (e.g. logins to the application)</li>
-    </ol>
-    <p>
-      For this processing, we rely on our legitimate interest (GDPR Art.6.1f) of facilitating the onboarding for users
-      and ameliorating the user experience with regards to our product.
-    </p>
-    <p>
-      4.5.7 Providing on and off-ramp services to enable you to top up your Safe Account with e.g. bank transfer, debit
-      card, credit card. For this purpose MoonPay may process your:
-    </p>
-    <ol>
-      <li>full name</li>
-      <li>date of birth</li>
-      <li>nationality</li>
-      <li>gender</li>
-      <li>signature</li>
-      <li>utility bills</li>
-      <li>photographs</li>
-      <li>phone number</li>
-      <li>home address</li>
-      <li>email</li>
-      <li>
-        information about the transactions you make via MoonPay services (e.g. name of the recipient, your name, the
-        amount, and/or timestamp)
-      </li>
-      <li>geo location/tracking details</li>
-      <li>operating system</li>
-      <li>personal IP address</li>
-    </ol>
-    <p>
-      To conduct this activity we rely on our legitimate interest (GDPR Art.6.1f) of ameliorating the onboarding process
-      and the user experience through providing an easier option to customers to fund their account.
-    </p>
-    <h4>4.6 Other uses of your Personal Data</h4>
-    <p>
-      We may process any of your Personal Data where it is necessary to establish, exercise, or defend legal claims. The
-      legal basis for this is our legitimate interests, namely the protection and assertion of our legal rights, your
-      legal rights and the legal rights of others.
-    </p>
-    <p>
-      Further, we may process your Personal data where such processing is necessary in order for us to comply with a
-      legal obligation to which we are subject. The legal basis for this processing is our legitimate interests, namely
-      the protection and assertion of our legal rights.
-    </p>
-    <h3 id="section-5">5. Use of Third Party Applications</h3>
-    <h4>5.1. Blockchain</h4>
-    <p>
-      When using Safe Accounts your smart contract address, Safe Account Transactions, addresses of signer accounts and
-      ETH balances and token balances will be stored on the Blockchain. See section 2 of this Policy
-    </p>
-    <p>
-      THE INFORMATION WILL BE DISPLAYED PERMANENTLY AND PUBLIC, THIS IS PART OF THE NATURE OF THE BLOCKCHAIN. IF YOU ARE
-      NEW TO THIS FIELD, WE HIGHLY RECOMMEND INFORMING YOURSELF ABOUT THE BLOCKCHAIN TECHNOLOGY BEFORE USING OUR
-      SERVICES.
-    </p>
-    <h4>5.2. Amazon Web Services</h4>
-    <p>
-      We use{' '}
-      <a href="https://aws.amazon.com/" target="_blank" rel="noreferrer">
-        Amazon Web Services (AWS)
-      </a>
-      &nbsp;to store log and database data as described in section 4.1.
-    </p>
-    <h4>5.3. Datadog</h4>
-    <p>
-      We use{' '}
-      <a href="https://www.datadoghq.com/" target="_blank" rel="noreferrer">
-        Datadog
-      </a>
-      &nbsp;to store log data as described in section 4.1.
-    </p>
-    <h4>5.4. Mobile app stores</h4>
-    <p>
-      {'Rootstock Safe'} mobile apps are distributed via{' '}
-      <a href="https://www.apple.com/app-store/" target="_blank" rel="noreferrer">
-        Apple AppStore
-      </a>
-      &nbsp;and{' '}
-      <a href="https://play.google.com/" target="_blank" rel="noreferrer">
-        Google Play Store
-      </a>
-      . They most likely track user behavior when downloading apps from their stores as well as when using apps. We only
-      have very limited access to that data. We can view aggregated statistics on installs and uninstalls. Grouping by
-      device type, app version, language, carrier and country is possible.
-    </p>
-    <h4>5.5. Fingerprint/Touch ID/ Face ID</h4>
-    <p>
-      We enable the user to unlock the {'Rootstock Safe'} mobile app via biometrics information (touch ID or face ID).
-      This is a feature of the operating system. We do not store any of this data. Instead, the API of the operating
-      system is used to validate the user input. If you have any further questions you should consult with your
-      preferred mobile device provider or manufacturer.
-    </p>
-    <h4>5.6. Google Firebase</h4>
-    <p>
-      We use the following{' '}
-      <a href="https://firebase.google.com/" target="_blank" rel="noreferrer">
-        Google Firebase
-      </a>
-      &nbsp;services:
-    </p>
-    <ul>
-      <li>
-        Firebase Cloud Messaging: Provide updates to the user about changes in the mobile apps via push notifications.
-      </li>
-      <li>
-        Firebase remote config: Inform users about, recommend or force user to update their mobile app or
-        enabling/disabling certain app features. These settings are global for all users, no personalization is
-        happening.
-      </li>
-      <li>Firebase crash reporting: Report errors and crashes to improve product and user experience.</li>
-    </ul>
-    <h4>5.7. WalletConnect</h4>
-    <p>
-      <a href="https://walletconnect.com/" target="_blank" rel="noreferrer">
-        WalletConnect
-      </a>
-      &nbsp;is used to connect wallets to dapps using end-to-end encryption by scanning a QR code. We do not store any
-      information collected by WalletConnect.{' '}
-    </p>
-    <h4>5.8. Sentry</h4>
-    <p>
-      We use{' '}
-      <a href="https://sentry.io/" target="_blank" rel="noreferrer">
-        Sentry
-      </a>
-      &nbsp;to collect error reports and crashes to improve product and user experience.{' '}
-    </p>
-    <h4>5.9. Beamer</h4>
-    <p>
-      We use{' '}
-      <a href="https://www.getbeamer.com/" target="_blank" rel="noreferrer">
-        Beamer
-      </a>
-      &nbsp;providing updates to the user about changes in the app. Beamer&apos;s purpose and function are further
-      explained under the following link{' '}
-      <a href="https://www.getbeamer.com/showcase/notification-center" target="_blank" rel="noreferrer">
-        https://www.getbeamer.com/showcase/notification-center
-      </a>
-      .
-    </p>
-    <p>We do not store any information collected by Beamer.</p>
-    <h4>5.10. Node providers</h4>
-    <p>
-      We use{' '}
-      <a href="https://www.infura.io/" target="_blank" rel="noreferrer">
-        Infura
-      </a>
-      &nbsp;and{' '}
-      <a href="https://nodereal.io/" target="_blank" rel="noreferrer">
-        Nodereal
-      </a>
-      &nbsp;to query public blockchain data from our backend services. All Safe Accounts are monitored, no
-      personalization is happening and no user IP addresses are forwarded. Personal data processed are:
-    </p>
-    <ul>
-      <li>Your smart contract address of the Safe;</li>
-      <li>Transaction id/hash</li>
-      <li>Transaction data</li>
-    </ul>
-    <h4>5.11. Tenderly</h4>
-    <p>
-      We use{' '}
-      <a href="https://tenderly.co/" target="_blank" rel="noreferrer">
-        Tenderly
-      </a>
-      &nbsp;to simulate blockchain transactions before they are executed. For that we send your smart contract address
-      of your Safe Account and transaction data to Tenderly.
-    </p>
-    <h4>5.12. Internal communication</h4>
-    <p>We use the following tools for internal communication. </p>
-    <ul>
-      <li>
-        <a href="https://slack.com/" target="_blank" rel="noreferrer">
-          Slack
-        </a>
-      </li>
-      <li>
-        <a href="https://workspace.google.com/" target="_blank" rel="noreferrer">
-          Google Workspace
-        </a>
-      </li>
-      <li>
-        <a href="https://notion.so" target="_blank" rel="noreferrer">
-          Notion
-        </a>
-      </li>
-    </ul>
-    <h4>5.13. MoonPay</h4>
-    <p>
-      We use{' '}
-      <a href="https://www.moonpay.com/" target="_blank" rel="noreferrer">
-        MoonPay
-      </a>{' '}
-      to offer on-ramp and off-ramp services. For that purpose personal data is required for KYC/AML or other financial
-      regulatory requirements. This data is encrypted by MoonPay.
-    </p>
-    <h4>5.14. Spindl</h4>
-    <p>
-      We use{' '}
-      <a href="https://www.spindl.xyz" target="_blank" rel="noreferrer">
-        Spindl
-      </a>
-      , a measurement and attribution solution for web3 that assists us in comprehending how users interact with
-      different decentralized applications and our app and to enhance your experience with {`Rootstock Safe`}. For
-      enhanced privacy, data is stored for a period of 7 days after which it is securely deleted.
-    </p>
-    <h3 id="section-6">6. Sharing Your Personal Data</h3>
-    <p>
-      We may pass your information to our Business Partners, administration centers, third party service providers,
-      agents, subcontractors and other associated organizations for the purposes of completing tasks and providing our
-      services to you.
-    </p>
-    <p>
-      In addition, when we use any other third-party service providers, we will disclose only the personal information
-      that is necessary to deliver the service required and we will ensure that they keep your information secure and
-      not use it for their own direct marketing purposes. In addition, we may transfer your personal information to a
-      third party as part of a sale of some, or all, of our business and assets or as part of any business restructuring
-      or reorganization, or if we are under a duty to disclose or share your personal data in order to comply with any
-      legal obligation. However, we will take steps to ensure that your privacy rights continue to be protected.
-    </p>
-    <h3 id="section-7">7. Transferring Your data outside of the EU</h3>
-    <p>
-      Wherever possible we will choose service providers based in the EU. For those outside the EU, wherever possible we
-      will configure data to be inside the EU. We concluded the new version of the Standard Contractual Clauses with
-      these service providers (2021/914).
-    </p>
-    <p>Service providers in the US:</p>
-    <ul>
-      <li>Amazon Web Service Inc.</li>
-      <li>Google LLC</li>
-      <li>Data Dog Inc.</li>
-      <li>Slack Technologies LLC</li>
-      <li>Joincube Inc. (Beamer)</li>
-      <li>Functional software Inc. (Sentry) </li>
-      <li>Notion Labs Inc.</li>
-      <li>ConsenSys Software Inc.</li>
-    </ul>
-    <p>Service providers in other countries outside of the EU:</p>
-    <ul>
-      <li>Tenderly d.o.o. is based in Serbia.</li>
-      <li>Node Real PTE Ltd. is based in Singapore.</li>
-      <li>Torus Labs PTE. Ltd. is based in Singapore.</li>
-      <li>Eighteenth September Limited (“MoonPay”) in the Seychelles.</li>
-    </ul>
-    <p>
-      HOWEVER, WHEN INTERACTING WITH THE BLOCKCHAIN, AS EXPLAINED ABOVE IN THIS POLICY, THE BLOCKCHAIN IS A GLOBAL
-      DECENTRALIZED PUBLIC NETWORK AND ACCORDINGLY ANY PERSONAL DATA WRITTEN ONTO THE BLOCKCHAIN MAY BE TRANSFERRED AND
-      STORED ACROSS THE GLOBE.
-    </p>
-    <h3 id="section-8">8. Existence of Automated Decision-making</h3>
-    <p>We do not use automatic decision-making or profiling when processing Personal Data.</p>
-    <h3 id="section-9">9. Data Security</h3>
-    <p>
-      We have put in place appropriate security measures to prevent your personal data from being accidentally lost,
-      used or accessed in an unauthorized way, altered or disclosed. In addition, we limit access to your personal data
-      to those employees, agents, contractors and other third parties who have a business need to know. They will only
-      process your personal data on our instructions and they are subject to a duty of confidentiality.
-    </p>
-    <p>
-      We have put in place procedures to deal with any suspected personal data breach and will notify you and any
-      applicable regulator of a breach where we are legally required to do so.
-    </p>
-    <h3 id="section-10">10. Your Rights as a Data Subject</h3>
-    <p>
-      You have certain rights under applicable legislation, and in particular under Regulation EU 2016/679 (General Data
-      Protection Regulation or &lsquo;GDPR&rsquo;). We explain these below. You can find out more about the GDPR and
-      your rights by accessing the{' '}
-      <a href="https://ec.europa.eu/info/law/law-topic/data-protection_en" target="_blank" rel="noreferrer">
-        European Commission&rsquo;s website
-      </a>
-      . If you wish to exercise your data subject rights, please contact us by post or at privacy@cc0x.dev.
-    </p>
-    <h5>Right Information and access</h5>
-    <p>
-      You have a right to be informed about the processing of your personal data (and if you did not give it to us,
-      information as to the source) and this Privacy Policy intends to provide the information. Of course, if you have
-      any further questions you can contact us on the above details.
-    </p>
-    <h5>Right to rectification</h5>
-    <p>
-      You have the right to have any inaccurate personal information about you rectified and to have any incomplete
-      personal information about you completed. You may also request that we restrict the processing of that
-      information. The accuracy of your information is important to us. If you do not want us to use your Personal
-      Information in the manner set out in this Privacy Policy, or need to advise us of any changes to your personal
-      information, or would like any more information about the way in which we collect and use your Personal
-      Information, please contact us at the above details.
-    </p>
-    <h5>Right to erasure (right to be &lsquo;forgotten&rsquo;)</h5>
-    <p>
-      You have the general right to request the erasure of your personal information in the following circumstances:
-    </p>
-    <ul>
-      <li>the personal information is no longer necessary for the purpose for which it was collected;</li>
-      <li>
-        you withdraw your consent to consent based processing and no other legal justification for processing applies;
-      </li>
-      <li>you object to processing for direct marketing purposes;</li>
-      <li>we unlawfully processed your personal information; and</li>
-      <li>erasure is required to comply with a legal obligation that applies to us.</li>
-    </ul>
-    <p>
-      HOWEVER, WHEN INTERACTING WITH THE BLOCKCHAIN WE MAY NOT BE ABLE TO ENSURE THAT YOUR PERSONAL DATA IS DELETED.
-      THIS IS BECAUSE THE BLOCKCHAIN IS A PUBLIC DECENTRALIZED NETWORK AND BLOCKCHAIN TECHNOLOGY DOES NOT GENERALLY
-      ALLOW FOR DATA TO BE DELETED AND YOUR RIGHT TO ERASURE MAY NOT BE ABLE TO BE FULLY ENFORCED. IN THESE
-      CIRCUMSTANCES WE WILL ONLY BE ABLE TO ENSURE THAT ALL PERSONAL DATA THAT IS HELD BY US IS PERMANENTLY DELETED.
-    </p>
-    <p>We will proceed to comply with an erasure request without delay unless continued retention is necessary for:</p>
-    <ul>
-      <li>Exercising the right of freedom of expression and information;</li>
-      <li>Complying with a legal obligation under EU or other applicable law;</li>
-      <li>The performance of a task carried out in the public interest;</li>
-      <li>
-        Archiving purposes in the public interest, scientific or historical research purposes, or statistical purposes,
-        under certain circumstances; and/or
-      </li>
-      <li>The establishment, exercise, or defense of legal claims.</li>
-    </ul>
-    <h5>Right to restrict processing and right to object to processing</h5>
-    <p>You have a right to restrict processing of your personal information, such as where:</p>
-    <ol>
-      <li>you contest the accuracy of the personal information;</li>
-      <li>
-        where processing is unlawful you may request, instead of requesting erasure, that we restrict the use of the
-        unlawfully processed personal information;
-      </li>
-      <li>
-        we no longer need to process your personal information but need to retain your information for the
-        establishment, exercise, or defense of legal claims.
-      </li>
-    </ol>
-    <p>
-      You also have the right to object to processing of your personal information under certain circumstances, such as
-      where the processing is based on your consent and you withdraw that consent. This may impact the services we can
-      provide and we will explain this to you if you decide to exercise this right.
-    </p>
-    <p>
-      HOWEVER, WHEN INTERACTING WITH THE BLOCKCHAIN, AS IT IS A PUBLIC DECENTRALIZED NETWORK, WE WILL LIKELY NOT BE ABLE
-      TO PREVENT EXTERNAL PARTIES FROM PROCESSING ANY PERSONAL DATA WHICH HAS BEEN WRITTEN ONTO THE BLOCKCHAIN. IN THESE
-      CIRCUMSTANCES WE WILL USE OUR REASONABLE ENDEAVORS TO ENSURE THAT ALL PROCESSING OF PERSONAL DATA HELD BY US IS
-      RESTRICTED, NOTWITHSTANDING THIS, YOUR RIGHT TO RESTRICT TO PROCESSING MAY NOT BE ABLE TO BE FULLY ENFORCED.
-    </p>
-    <h5>Right to data portability</h5>
-    <p>
-      Where the legal basis for our processing is your consent or the processing is necessary for the performance of a
-      contract to which you are party or in order to take steps at your request prior to entering into a contract, you
-      have a right to receive the personal information you provided to us in a structured, commonly used and
-      machine-readable format, or ask us to send it to another person.
-    </p>
-    <h5>Right to freedom from automated decision-making</h5>
-    <p>
-      As explained above, we do not use automated decision-making, but where any automated decision-making takes place,
-      you have the right in this case to express your point of view and to contest the decision, as well as request that
-      decisions based on automated processing concerning you or significantly affecting you and based on your personal
-      data are made by natural persons, not only by computers.
-    </p>
-    <h5>Right to object to direct marketing (&lsquo;opting out&rsquo;)</h5>
-    <p>
-      You have a choice about whether or not you wish to receive information from us. We will not contact you for
-      marketing purposes unless:
-    </p>
-    <ul>
-      <li>
-        you have a business relationship with us, and we rely on our legitimate interests as the lawful basis for
-        processing (as described above)
-      </li>
-      <li>you have otherwise given your prior consent (such as when you download one of our guides)</li>
-    </ul>
-    <p>
-      You can change your marketing preferences at any time by contacting us on the above details. On each and every
-      marketing communication, we will always provide the option for you to exercise your right to object to the
-      processing of your personal data for marketing purposes (known as &lsquo;opting-out&rsquo;) by clicking on the
-      &lsquo;unsubscribe&rsquo; button on our marketing emails or choosing a similar opt-out option on any forms we use
-      to collect your data. You may also opt-out at any time by contacting us on the below details.
-    </p>
-    <p>
-      Please note that any administrative or service-related communications (to offer our services, or notify you of an
-      update to this Privacy Policy or applicable terms of business, etc.) will solely be directed at our clients or
-      business partners, and such communications generally do not offer an option to unsubscribe as they are necessary
-      to provide the services requested. Therefore, please be aware that your ability to opt-out from receiving
-      marketing and promotional materials does not change our right to contact you regarding your use of our website or
-      as part of a contractual relationship we may have with you.
-    </p>
-    <h5>Right to request access</h5>
-    <p>
-      You also have a right to access information we hold about you. We are happy to provide you with details of your
-      Personal Information that we hold or process. To protect your personal information, we follow set storage and
-      disclosure procedures, which mean that we will require proof of identity from you prior to disclosing such
-      information. You can exercise this right at any time by contacting us on the above details.
-    </p>
-    <h5>Right to withdraw consent</h5>
-    <p>
-      Where the legal basis for processing your personal information is your consent, you have the right to withdraw
-      that consent at any time by contacting us on the above details.
-    </p>
-    <h5>Raising a complaint about how we have handled your personal data</h5>
-    <p>
-      If you wish to raise a complaint on how we have handled your personal data, you can contact us as set out above
-      and we will then investigate the matter.
-    </p>
-    <h5>Right to lodge a complaint with a relevant supervisory authority</h5>
-    <p>
-      We encourage you to contact us at privacy@cc0de.dev if you have any privacy related concerns. Should you
-      disapprove of the response we have provided you, you have the right to lodge a complaint with our supervisory
-      authority, or with the data protection authority of the European member state you live or work in. The details of
-      the supervisory authority responsible for Berlin, Germany, are:
-    </p>
-    <p>Berliner Beauftragte f&uuml;r Datenschutz und Informationsfreiheit</p>
-    <p>
-      Alt-Moabit 59-61
-      <br />
-      10555 Berlin
-      <br />
-      Germany
-      <br />
-      Phone: 030/138 89-0
-    </p>
-    <p>
-      <a href="https://www.datenschutz-berlin.de" target="_blank" rel="noreferrer">
-        https://www.datenschutz-berlin.de
-      </a>
-      &nbsp;
-    </p>
-    <p>
-      You also have the right to lodge a complaint with the supervisory authority in the country of your habitual
-      residence, place of work, or the place where you allege an infringement of one or more of our rights has taken
-      place, if that is based in the EEA.
-    </p>
-    <h3 id="section-11">11. Storing Personal Data</h3>
-    <p>
-      We retain your information only for as long as is necessary for the purposes for which we process the information
-      as set out in this policy.
-    </p>
-    <p>
-      However, we may retain your Personal Data for a longer period of time where such retention is necessary for
-      compliance with a legal obligation to which we are subject, or in order to protect your vital interests or the
-      vital interests of another natural person.
-    </p>
-    <h3 id="section-12">12. Children’s data</h3>
-    <p>
-      Our products and services are neither designed nor intended for use by children and persons under the age of 18.
-      If you suspect or discover that our products and services are being used by a child, please contact us immediately
-      at <a href="mailto:privacy@cc0x.dev">privacy@cc0x.dev</a>
-    </p>
-    <h3 id="section-13">13. Changes to this Privacy Policy</h3>
-    <p>
-      We may modify this privacy policy at any time to comply with legal requirements as well as developments within our
-      organization. When we do, we will revise the date at the top of this page. Each visit or interaction with our
-      services will be subject to the new privacy policy. We encourage you to regularly review our privacy policy to
-      stay informed about our data protection policy. Unless, we implement profound changes that we proactively notify
-      you about, you acknowledge that it is your responsibility to review our privacy policy to be aware of
-      modifications. If you do not agree to the revised policy, you should discontinue your use of this website.
-    </p>
-    <h3 id="section-14">14. Contact Us</h3>
-    <h5>Contact us by post or email at:</h5>
-    <p>
-      Core Contributors GmbH
-      <br />
-      Gontardstraße 11
-      <br />
-      10178 Berlin
-      <br />
-      Germany
-      <br />
-      privacy@cc0x.dev
-    </p>
-    <h5>Contact our Data Protection Officer by post or email at:</h5>
-    <p>
-      TechGDPR DPC GmbH
-      <br />
-      Heinrich-Roller Str. 15
-      <br />
-      10405 Berlin
-      <br />
-      Germany
-    </p>
-    <p>
-      <a href="mailto:corecontributors.dpo@techgdpr.com">corecontributors.dpo@techgdpr.com</a>
-    </p>
-  </SmoothScroll>
-)
-
-const PrivacyPolicy: NextPage = () => {
-  return (
-    <>
-      <Head>
-        <title>{'Rootstock Safe – Privacy policy'}</title>
-      </Head>
-
-      <main>{IS_OFFICIAL_HOST && <SafePrivacyPolicy />}</main>
-    </>
-  )
-}
-
-export default PrivacyPolicy
diff --git a/src/pages/settings/index.tsx b/src/pages/settings/index.tsx
deleted file mode 100644
index bb8313b8c..000000000
--- a/src/pages/settings/index.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { useEffect } from 'react'
-import type { NextPage } from 'next'
-import Head from 'next/head'
-import { useRouter } from 'next/router'
-import { generalSettingsNavItems, settingsNavItems } from '@/components/sidebar/SidebarNavigation/config'
-
-const Settings: NextPage = () => {
-  const router = useRouter()
-
-  useEffect(() => {
-    const redirectPath = router.query.safe ? settingsNavItems[0].href : generalSettingsNavItems[0].href
-    router.push(redirectPath, {
-      query: router.query,
-    })
-  }, [router, router.query.safe])
-
-  return (
-    <>
-      <Head>
-        <title>{'Rootstock Safe – Settings'}</title>
-      </Head>
-    </>
-  )
-}
-
-export default Settings
diff --git a/src/pages/settings/safe-apps/index.tsx b/src/pages/settings/safe-apps/index.tsx
deleted file mode 100644
index 2b4261401..000000000
--- a/src/pages/settings/safe-apps/index.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import type { NextPage } from 'next'
-import Head from 'next/head'
-
-import SafeAppsPermissions from '@/components/settings/SafeAppsPermissions'
-import SettingsHeader from '@/components/settings/SettingsHeader'
-import { SafeAppsSigningMethod } from '@/components/settings/SafeAppsSigningMethod'
-
-const SafeAppsPermissionsPage: NextPage = () => {
-  return (
-    <>
-      <Head>
-        <title>{'Rootstock Safe – Settings – Safe Apps'}</title>
-      </Head>
-
-      <SettingsHeader />
-
-      <main>
-        <SafeAppsPermissions />
-        <SafeAppsSigningMethod />
-      </main>
-    </>
-  )
-}
-
-export default SafeAppsPermissionsPage
diff --git a/src/pages/settings/setup.tsx b/src/pages/settings/setup.tsx
deleted file mode 100644
index c3e0e9693..000000000
--- a/src/pages/settings/setup.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import type { NextPage } from 'next'
-import Head from 'next/head'
-import { Grid, Paper, Skeleton, SvgIcon, Tooltip, Typography } from '@mui/material'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import { ContractVersion } from '@/components/settings/ContractVersion'
-import { OwnerList } from '@/components/settings/owner/OwnerList'
-import { RequiredConfirmation } from '@/components/settings/RequiredConfirmations'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import SettingsHeader from '@/components/settings/SettingsHeader'
-import DelegatesList from '@/components/settings/DelegatesList'
-import SpendingLimits from '@/components/settings/SpendingLimits'
-
-const Setup: NextPage = () => {
-  const { safe, safeLoaded } = useSafeInfo()
-  const nonce = safe.nonce
-  const ownerLength = safe.owners.length
-  const threshold = safe.threshold
-
-  return (
-    <>
-      <Head>
-        <title>{'Rootstock Safe – Settings – Setup'}</title>
-      </Head>
-
-      <SettingsHeader />
-
-      <main>
-        <Paper data-testid="setup-section" sx={{ p: 4, mb: 2 }}>
-          <Grid container spacing={3}>
-            <Grid item lg={4} xs={12}>
-              <Typography variant="h4" fontWeight={700}>
-                <Tooltip
-                  placement="top"
-                  title="For security reasons, transactions made with a Safe Account need to be executed in order. The nonce shows you which transaction will be executed next. You can find the nonce for a transaction in the transaction details."
-                >
-                  <span>
-                    Safe Account nonce
-                    <SvgIcon
-                      component={InfoIcon}
-                      inheritViewBox
-                      fontSize="small"
-                      color="border"
-                      sx={{ verticalAlign: 'middle', ml: 0.5 }}
-                    />
-                  </span>
-                </Tooltip>
-              </Typography>
-
-              <Typography pt={1}>
-                Current nonce:{' '}
-                {safeLoaded ? <b>{nonce}</b> : <Skeleton width="30px" sx={{ display: 'inline-block' }} />}
-              </Typography>
-            </Grid>
-
-            <Grid item xs>
-              <ContractVersion />
-            </Grid>
-          </Grid>
-        </Paper>
-
-        <Paper sx={{ p: 4, mb: 2 }}>
-          <OwnerList />
-
-          <RequiredConfirmation threshold={threshold} owners={ownerLength} />
-        </Paper>
-
-        <SpendingLimits />
-
-        <DelegatesList />
-      </main>
-    </>
-  )
-}
-
-export default Setup
diff --git a/src/pages/swap.tsx b/src/pages/swap.tsx
deleted file mode 100644
index 297affc64..000000000
--- a/src/pages/swap.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import type { NextPage } from 'next'
-import Head from 'next/head'
-import { useRouter } from 'next/router'
-import { GeoblockingContext } from '@/components/common/GeoblockingProvider'
-import { useContext } from 'react'
-import { AppRoutes } from '@/config/routes'
-import dynamic from 'next/dynamic'
-
-const SwapWidgetNoSSR = dynamic(() => import('@/features/swap'), { ssr: false })
-const Swap: NextPage = () => {
-  const router = useRouter()
-  const isBlockedCountry = useContext(GeoblockingContext)
-  const { token, amount } = router.query
-
-  if (isBlockedCountry) {
-    router.replace(AppRoutes['403'])
-  }
-
-  let sell = undefined
-  if (token && amount) {
-    sell = {
-      asset: String(token),
-      amount: String(amount),
-    }
-  }
-
-  return (
-    <>
-      <Head>
-        <title>{'Safe{Wallet} – Swap'}</title>
-      </Head>
-
-      <main className="swapWrapper">
-        <SwapWidgetNoSSR sell={sell} />
-      </main>
-    </>
-  )
-}
-
-export default Swap
diff --git a/src/pages/terms.tsx b/src/pages/terms.tsx
deleted file mode 100644
index 34ad89672..000000000
--- a/src/pages/terms.tsx
+++ /dev/null
@@ -1,842 +0,0 @@
-import type { NextPage } from 'next'
-import Head from 'next/head'
-import { Typography } from '@mui/material'
-import Link from 'next/link'
-import MUILink from '@mui/material/Link'
-import { AppRoutes } from '@/config/routes'
-import { DISCORD_URL, HELP_CENTER_URL, TWITTER_URL } from '@/config/constants'
-import { IS_OFFICIAL_HOST } from '@/config/constants'
-
-const SafeTerms = () => (
-  <div>
-    <Typography variant="h1" mb={2}>
-      Terms and Conditions
-    </Typography>
-    <p>Last updated: July 2024.</p>
-
-    <h3>1. What is the scope of the Terms?</h3>
-    <ol start={1}>
-      <li>
-        These Terms and Conditions (&ldquo;Terms&rdquo;) become part of any contract (&ldquo;Agreement&rdquo;) between
-        you (&ldquo;you&rdquo;, &ldquo;yours&rdquo; or &ldquo;User&rdquo;) and Core Contributors GmbH (&ldquo;CC&rdquo;,
-        &ldquo;we&rdquo;, &ldquo;our&rdquo; or &ldquo;us&rdquo;) provided we made these Terms accessible to you prior to
-        entering into the Agreement and you consent to these Terms. We are a limited liability company registered with
-        the commercial register of Berlin Charlottenburg under company number HRB 240421&nbsp;B, with its registered
-        office at Gontardstraße 11, 10178 Berlin, Germany. You can contact us by writing to info@cc0x.dev.
-      </li>
-      <li>
-        The Agreement is concluded by using the Mobile App, Web App and/or Browser Extension&nbsp;subject to these
-        Terms.&nbsp;The use of our Services is only permitted to legal entities, partnerships and natural persons with
-        unlimited legal capacity. In particular, minors are prohibited from using our Services.
-      </li>
-      <li>
-        The application of your general terms and conditions is excluded. Your deviating, conflicting or supplementary
-        general terms and conditions shall only become part of the Agreement if and to the extent that CC has expressly
-        agreed to their application in writing. This consent requirement shall apply in any case, even if for example
-        CC, being aware of your general terms and conditions, accepts payments by the contractual partner without
-        reservations.
-      </li>
-      <li>
-        We reserve the right to change these Terms at any time and without giving reasons, while considering and
-        weighing your interests. The new Terms will be communicated to you in advance. They are considered as agreed
-        upon if you do not object to their validity within 14 days after receipt of the notification. We will separately
-        inform you about the essential changes, the possibility to object, the deadline and the consequences of
-        inactivity. If you object, the current version of the Terms remains applicable. Our right to terminate the
-        contract according to Clause 8 remains unaffected.
-      </li>
-    </ol>
-
-    <h3>2. What do some of the capitalized terms mean in the Agreement?</h3>
-    <ol start={1}>
-      <li>
-        &ldquo;Blockchain&rdquo; means a mathematically secured consensus ledger such as the Ethereum Virtual Machine,
-        an Ethereum Virtual Machine compatible validation mechanism, or other decentralized validation mechanisms.
-      </li>
-      <li>
-        &ldquo;Transaction&rdquo; means a change to the data set through a new entry in the continuous Blockchain.
-      </li>
-      <li>
-        &ldquo;Smart Contract&rdquo; means a piece of source code deployed as an application on the Blockchain which can
-        be executed, including self-execution of Transactions as well as execution triggered by 3rd parties.
-      </li>
-      <li>
-        &ldquo;Token&rdquo; means a digital asset transferred in a Transaction, including ETH, ERC20, ERC721 and ERC1155
-        tokens.
-      </li>
-      <li>
-        &ldquo;Wallet&rdquo; means a cryptographic storage solution permitting you to store cryptographic assets by
-        correlation of a (i) Public Key and (ii) a Private Key, or a Smart Contract to receive, manage and send Tokens.
-      </li>
-      <li>
-        &ldquo;Recovery Phrase&rdquo; means a series of secret words used to generate one or more Private Keys and
-        derived Public Keys.
-      </li>
-      <li>
-        &ldquo;Public Key&rdquo; means a unique sequence of numbers and letters within the Blockchain to distinguish the
-        network participants from each other.
-      </li>
-      <li>
-        &ldquo;Private Key&rdquo; means a unique sequence of numbers and/or letters required to initiate a Blockchain
-        Transaction and should only be known by the legal owner of the Wallet.
-      </li>
-    </ol>
-
-    <h3>3. What are the Services offered?</h3>
-    <p>
-      Our services (&ldquo;Services&rdquo;) primarily consist of enabling users to create their Safe Accounts and
-      ongoing interaction with it on the Blockchain.
-    </p>
-    <ol start={1}>
-      <li>&ldquo;Safe Account&rdquo; </li>
-    </ol>
-    <p>
-      A Safe Account is a modular, self-custodial (i.e. not supervised by us) smart contract-based wallet not provided
-      by CC. Safe Accounts are{' '}
-      <Link href="https://github.com/safe-global/safe-contracts/" passHref legacyBehavior>
-        <MUILink target="_blank" rel="noreferrer">
-          open-source
-        </MUILink>
-      </Link>
-      &nbsp;released under LGPL-3.0.
-    </p>
-    <p>
-      Smart contract wallet means, unlike a standard private key Wallet, that access control for authorizing any
-      Transaction is defined in code. An example are multi-signature wallets which require that any Transaction must be
-      signed by a minimum number of signing wallets whereby the specifics of the requirements to authorize a Transaction
-      can be configured in code.{' '}
-    </p>
-    <p>
-      Owners need to connect a signing wallet with a Safe Account. Safe Accounts are compatible inter alia with standard
-      private key Wallets such as hardware wallets, browser extension wallets and mobile wallets that support
-      WalletConnect.
-    </p>
-    <ol start={2}>
-      <li>&ldquo;Safe App&rdquo;</li>
-    </ol>
-    <p>
-      You may access Safe Accounts using the {'Rootstock Safe'} web app, mobile app for iOS and android, or the browser
-      extension&nbsp;(each a &ldquo;Safe App&rdquo;). The Safe App may be used to manage your personal digital assets on
-      Ethereum and other common EVM chains when you connect a Safe Account with third-party&nbsp;services (as defined
-      below). The Safe App provides certain features that may be amended from time to time.{' '}
-    </p>
-    <ol start={3}>
-      <li>&ldquo;Third-Party&nbsp;Safe Apps&rdquo;</li>
-    </ol>
-    <p>
-      The Safe App allows you to connect Safe Accounts to third-party decentralized applications
-      (&ldquo;Third-Party&nbsp;Safe Apps&rdquo;) and use third-party&nbsp;services such as from the decentralized
-      finance sector, DAO Tools or services related to NFTs (&ldquo;Third-Party&nbsp;Services&quot;). The
-      Third-Party&nbsp;Safe Apps are integrated in the user interface of the Safe App via inline framing. The provider
-      of the Third-Party&nbsp;Safe App and related Third-Party Service is responsible for the operation of the service
-      and the correctness, completeness and actuality of any information provided therein. We make a pre-selection of
-      Third-Party&nbsp;Safe Apps that we show in the Safe App. However, we only perform a rough triage in advance for
-      obvious problems and functionality in terms of loading time and resolution capability of the transactions.
-      Accordingly, in the event of any (technical) issues concerning the Third-Party Services, the user must only
-      contact the respective service provider directly. The terms of service, if any, shall be governed by the
-      applicable contractual provisions between the User and the respective provider of the Third-Party&nbsp;Service.
-      Accordingly, we are not liable in the event of a breach of contract, damage or loss related to the use of such
-      Third-Party Service.
-    </p>
-
-    <h3>4. What do the Services not consist of?</h3>
-    <p>Our Services do not&nbsp;consist of:</p>
-    <ol start={1}>
-      <li>
-        activity regulated by the Federal Financial Supervisory Authority (BaFin) or any other regulatory agency in any
-        jurisdiction;
-      </li>
-      <li>coverage underwritten by any regulatory agency&rsquo;s compensation scheme;</li>
-      <li>
-        custody of your Recovery Phrase, Private Keys, Tokens or the ability to remove or freeze your Tokens, i.e. a
-        Safe Account is a self-custodial wallet;
-      </li>
-      <li>the storage or transmission of fiat currencies;</li>
-      <li>
-        back-up services to recover your Recovery Phrase or Private Keys, for whose safekeeping you are solely
-        responsible; CC has no means to recover your access to your Tokens, when you lose access to your Safe Account;
-      </li>
-      <li>
-        any form of legal, financial, investment, accounting, tax or other professional advice regarding Transactions
-        and their suitability to you;{' '}
-      </li>
-      <li>
-        the responsibility to monitor authorized Transactions or to check the correctness or completeness of
-        Transactions before you are authorizing them;
-      </li>
-      <li>notifications about events occurring in or connection with your Safe Account;</li>
-      <li>recovery of your Safe Account;</li>
-      <li>flagging malicious transactions;</li>
-      <li>issuance of the Safe Token and any related functionalities or reward programs.</li>
-    </ol>
-
-    <h3>5. What do you need to know about Third-Party Services?</h3>
-    <ol start={1}>
-      <li>
-        We provide you the possibility to interact with your Safe Account through&nbsp;Third-Party Services. Any
-        activities you engage in with, or services you receive from a third party is between you and that third party
-        directly. The conditions of service provisions, if any, shall be governed by the applicable contractual
-        provisions between you and the respective provider of the Third-Party Service.{' '}
-      </li>
-      <li>
-        The Services rely in part on third-party and open-source software, including the Blockchain, and the continued
-        development and support by third parties. There is no assurance or guarantee that those third parties will
-        maintain their support of their software or that open-source software will continue to be maintained. This may
-        have a material adverse effect on the Services.
-      </li>
-      <li>This means specifically:</li>
-    </ol>
-    <ul>
-      <li>
-        We do not have any oversight over your activities with Third-Party&nbsp;Services especially by using
-        Third-Party&nbsp;Safe Apps, and therefore we do not and cannot make any representation regarding their
-        appropriateness and suitability for you.
-      </li>
-      <li>
-        Third-Party&nbsp;Services are not hosted, owned, controlled or maintained by us. We also do not participate in
-        the Transaction and will not and cannot monitor, verify, censor or edit the functioning or content of any
-        Third-Party Service.
-      </li>
-      <li>
-        We have not conducted any security audit, bug bounty or formal verification (whether internal or external) of
-        the Third-Party Services.
-      </li>
-      <li>
-        We have no control over, do not recommend, endorse, or otherwise take a position on the integrity, functioning
-        of, content and your use of Third-Party&nbsp;Services, whose sole responsibility lies with the person from whom
-        such services or content originated.
-      </li>
-      <li>
-        When you access or use Third-Party&nbsp;Services you accept that there are risks in doing so and that you alone
-        assume any such risks when choosing to interact with them. We are not liable for any errors or omissions or for
-        any damages or loss you might suffer through interacting with those Third-Party&nbsp;Services, such as
-        Third-Party&nbsp;Safe Apps.
-      </li>
-      <li>
-        You know of the inherent risks of cryptographic and Blockchain-based systems and the high volatility of Token
-        markets. Transactions undertaken in the Blockchain are irrevocable and irreversible and there is no possibility
-        to refund Token that have been deployed.
-      </li>
-      <li>
-        You should read the license requirements, terms and conditions as well as privacy policy of each
-        Third-Party&nbsp;Service that you access or use. Certain Third-Party&nbsp;Services may involve complex
-        Transactions that entail a high degree of risk.
-      </li>
-      <li>
-        If you contribute integrations to Third-Party&nbsp;Services, you are responsible for all content you contribute,
-        in any manner, and you must have all rights necessary to do so, in the manner in which you contribute it. You
-        are responsible for all your activity in connection with any such Third-Party&nbsp;Service.{' '}
-      </li>
-      <li>
-        Your interactions with persons found on or through the Third-Party&nbsp;Service, including payment and delivery
-        of goods and services, financial transactions, and any other terms associated with such dealings, are solely
-        between you and such persons. You agree that we shall not be responsible or liable for any loss or damage of any
-        sort incurred as the result of any such dealings.
-      </li>
-      <li>
-        If there is a dispute between you and the Third-Party&nbsp;Service provider or/and other users of the
-        Third-Party&nbsp;Service, you agree that we are under no obligation to become involved. In the event that you
-        have a dispute with one or more other users, you release us, our officers, employees, agents, contractors and
-        successors from claims, demands, and damages of every kind or nature, known or unknown, suspected or
-        unsuspected, disclosed or undisclosed, arising out of or in any way related to such disputes and/or our
-        Services.
-      </li>
-    </ul>
-
-    <h3>6. What are the fees for the Services?</h3>
-    <ol start={1}>
-      <li>
-        The use of the Safe App or Third-Party&nbsp;Safe Apps may cause fees, including network fees, as indicated in
-        the respective app. CC has no control over the fees charged by the Third-Party Services. CC may change its own
-        fees at any time. Price changes will be communicated to the User in due time before taking effect.
-      </li>
-      <li>
-        The User is only entitled to offset and/or assert rights of retention if his counterclaims are legally
-        established, undisputed or recognized by CC.
-      </li>
-    </ol>
-
-    <h3>7. Are we responsible for the security of your Private Keys, Recovery Phrase or other credentials?</h3>
-    <ol start={1}>
-      <li>
-        We shall not be responsible&nbsp;to secure your Private Keys, Recovery Phrase, credentials or other means of
-        authorization of your wallet(s).
-      </li>
-      <li>
-        You must own and control any wallet you use in connection with our Services. You are responsible for
-        implementing all appropriate measures for securing any wallet you use, including any Private Key(s), Recovery
-        Phrase, credentials or other means of authorization necessary to access such storage mechanism(s).
-      </li>
-      <li>
-        We exclude any and all liability for any security breaches or other acts or omissions, which result in your loss
-        of access or custody of any cryptographic assets stored thereon.
-      </li>
-    </ol>
-
-    <h3>8. Are we responsible for recovering your Safe Account?</h3>
-    <ol>
-      <li>We shall not be responsible for recovering your Safe Account.</li>
-      <li>You are solely responsible for securing a back-up of your Safe Account access as you see fit. </li>
-      <li>
-        Any recovery feature we provide access to within the Safe App is a mechanism controlled by your Safe Account on
-        the Blockchain, both of which we don&apos;t have any influence over once you have set it up. We will never act
-        as a recoverer ourselves and don&apos;t offer recovery services. The Self Custodial Recovery feature allows you
-        to determine your own recovery setup and nominate anyone including yourself as your recoverer. The recoverer can
-        start the recovery process at any time. Please note that we are not responsible for notifying you of this
-        process (see Section 7 above). Furthermore we reserve the right to cease the access to the Self Custodial
-        Recovery feature via our Safe App taking the user&apos;s reasonable interests into account and providing due
-        notification.
-      </li>
-      <li>The recovery feature is provided free of charge and liability is limited pursuant to Section 17.4 below.</li>
-    </ol>
-
-    <h3>9. Are we responsible for notifying you about events occuring in your Safe Account?</h3>
-    <ol>
-      <li>
-        We shall not be responsible for notifying you of any interactions or events occurring in your Safe Account, be
-        it on the Blockchain, third-party interfaces, within any other infrastructure, or our Services.
-      </li>
-      <li>You are responsible for monitoring Safe Account as you see fit. </li>
-      <li>
-        Any notification service we provide or offer for subscription within the Safe App via e-mail or push
-        notifications or any other means of communication is provided free of charge and liability is limited pursuant
-        to Section 17.4 below. Furthermore we reserve the right to change the notification feature from time to time or
-        cease to provide them without notice.
-      </li>
-    </ol>
-
-    <h3>10. Are we responsible for flagging malicious transactions?</h3>
-    <ol>
-      <li>We shall not be responsible for flagging malicious transactions in our Safe App.</li>
-      <li>
-        You are solely responsible for checking any transaction, address, Token or other item you interact with via your
-        Smart Account in our Safe App.{' '}
-      </li>
-      <li>
-        Any security flagging or warning service we provide or offer for subscription within the Safe App is provided
-        free of charge and liability is limited pursuant to Section 17.4 below. Furthermore we reserve the right to
-        change the feature from time to time or cease to provide them without notice.
-      </li>
-    </ol>
-
-    <h3>
-      11. Are we responsible for the issuance of the Safe Token and any related functionalities or reward programs?
-    </h3>
-    <ol>
-      <li>
-        The Safe Token is issued by the Safe Ecosystem Foundation. We are not the issuer or in any way responsible for
-        the Safe Token. Furthermore, we do not provide any functionalities to the Safe Token or Safe Token reward
-        programs.
-      </li>
-      <li>
-        You are solely responsible for managing your Safe Tokens just like any other Token in your Safe Account and
-        solely responsible for your eligibility for any reward programs.
-      </li>
-      <li>
-        Any interface we provide that allows you to claim or delegate your Safe Tokens or to participate in any third
-        party program related to Safe Tokens is provided free of charge and we exclude any and all liability for the
-        correctness, completeness, speed or timeliness of these services. Furthermore we reserve the right to change the
-        feature from time to time or cease to provide them without notice.
-      </li>
-    </ol>
-
-    <h3>12. Are we responsible for third-party content and services?</h3>
-    <ol>
-      <li>
-        You may view, have access to, and use third-party content and services, for example widget integrations, within
-        the Safe App (“Third-Party Features”). You view, access, or use Third-Party Features at your own election. Your
-        reliance on Third-Party Features is subject to separate terms and conditions set forth by the applicable third
-        party content and/or service provider (“Third-Party Terms”). Third-Party Terms may, amongst other things,
-        <ol type="a">
-          <li>involve separate fees and charges, </li>
-          <li>include disclaimers or risk warnings, </li>
-          <li>apply a different terms and privacy policy. </li>
-        </ol>
-      </li>
-      <li>
-        Third Party Features are provided for your convenience only. We do not verify, curate, or control Third Party
-        Features.{' '}
-      </li>
-      <li>
-        If we offer access to Third-Party Features in the Safe App free of charge by us (Third-Parties may charge
-        separate fees), the liability for providing access to such Third-Party Feature is limited pursuant to Section
-        17.1 below. Furthermore we reserve the right to cease to provide access to those Third-Party Features through
-        the Safe App without notice.
-      </li>
-    </ol>
-
-    <h3>13. Can we terminate or limit your right to use our Services?</h3>
-    <ol>
-      <li>
-        We may cease offering our Services and/or terminate the Agreement and refuse access to the Safe Apps at any
-        time. The right of the parties to terminate the Agreement at any time for cause remains unaffected. In case of
-        our termination of the Agreement, you may no longer access your Safe Account via our Services. However, you may
-        continue to access your Safe Account and any Tokens via a third-party wallet provider using your Recovery Phrase
-        and Private Keys.
-      </li>
-      <li>
-        We reserve the right to limit the use of the Safe Apps to a specified number of Users if necessary to protect or
-        ensure the stability and integrity of the Services. We will only be able to limit access to the Services. At no
-        time will we be able to limit or block access to or transfer your funds without your consent.
-      </li>
-    </ol>
-
-    <h3>14. Can you terminate your Agreement with us?</h3>
-    <p>You may terminate the Agreement at any time without notice.</p>
-
-    <h3>15. What licenses and access do we grant to you?</h3>
-    <ol start={1}>
-      <li>
-        All intellectual property rights in Safe Accounts and the Services throughout the world belong to us as owner or
-        our licensors. Nothing in these Terms gives you any rights in respect of any intellectual property owned by us
-        or our licensors and you acknowledge that you do not acquire any ownership rights by downloading the Safe App or
-        any content from the Safe App.
-      </li>
-      <li>
-        If you are a consumer we grant you a simple, limited license, but do not sell, to you the Services you download
-        solely for your own personal, non-commercial use.{' '}
-      </li>
-    </ol>
-
-    <h3>16. What can you expect from the Services and can we make changes to them?</h3>
-    <ol start={1}>
-      <li>
-        Without limiting your mandatory warranties, we provide the Services to you &ldquo;as is&rdquo; and &ldquo;as
-        available&rdquo; in relation to merchantability, fitness for a particular purpose, availability, security, title
-        or non-infringement.{' '}
-      </li>
-      <li>
-        If you use the Safe App via web browser, the strict liability of CC for damages (sec. 536a German Civil Code)
-        for defects existing at the time of conclusion of the contract is precluded.{' '}
-      </li>
-      <li>The foregoing provisions will not limit CC&rsquo;s liability as defined in Clause 13. </li>
-      <li>
-        We reserve the right to change the format and features of the Services by making any updates to Services
-        available for you to download or, where your device settings permit it, by automatic delivery of updates.
-      </li>
-      <li>
-        You are not obliged to download the updated Services, but we may cease to provide and/or update prior versions
-        of the Services and, depending on the nature of the update, in some circumstances you may not be able to
-        continue using the Services until you have downloaded the updated version.
-      </li>
-      <li>
-        We may cease to provide and/or update content to the Services, with or without notice to you, if it improves the
-        Services we provide to you, or we need to do so for security, legal or any other reasons.
-      </li>
-    </ol>
-
-    <h3>17. What do you agree, warrant and represent?</h3>
-    <p>By using our Services you hereby agree, represent and warrant that:</p>
-    <ol start={1}>
-      <li>
-        You are not a citizen, resident, or member of any jurisdiction or group that is subject to economic sanctions by
-        the European Union or the United States or any other relevant jurisdiction.
-      </li>
-      <li>
-        You do not appear on HMT Sanctions List, the U.S. Treasury Department&rsquo;s Office of Foreign Asset
-        Control&rsquo;s sanctions lists, the U.S. commerce department&apos;s consolidated screening list, the EU
-        consolidated list of persons, groups or entities subject to EU Financial Sanctions, nor do you act on behalf of
-        a person sanctioned thereunder.
-      </li>
-      <li>You have read and understood these Terms and agree to be bound by its terms.</li>
-      <li>
-        Your usage of our Services is legal under the laws of your jurisdiction or under the laws of any other
-        jurisdiction to which you may be subject.
-      </li>
-      <li>
-        You won&rsquo;t use the Services or interact with the Services in a manner that violates any law or regulation,
-        including, without limitation, any applicable export control laws.
-      </li>
-      <li>
-        You understand the functionality, usage, storage, transmission mechanisms and intricacies associated with Tokens
-        as well as wallet (including Safe Account) and Blockchains.
-      </li>
-      <li>
-        You understand that Transactions on the Blockchain are irreversible and may not be erased and that your Safe
-        Account address and Transactions are displayed permanently and publicly.
-      </li>
-      <li>
-        You will comply with any applicable tax obligations in your jurisdiction arising from your use of the Services.
-      </li>
-      <li>
-        You will not misuse or gain unauthorized access to our Services by knowingly introducing viruses, cross-site
-        scripting, Trojan horses, worms, time-bombs, keystroke loggers, spyware, adware or any other harmful programs or
-        similar computer code designed to adversely affect our Services and that in the event you do so or otherwise
-        attack our Services, we reserve the right to report any such activity to the relevant law enforcement
-        authorities and we will cooperate with those authorities as required.
-      </li>
-      <li>
-        You won&rsquo;t access without authority, interfere with, damage or disrupt any part of our Services, any
-        equipment or network on which our Services is stored, any software used in the provision of our Services or any
-        equipment or network or software owned or used by any third party.
-      </li>
-      <li>
-        You won&rsquo;t use our Services for activities that are unlawful or fraudulent or have such purpose or effect
-        or otherwise support any activities that breach applicable local, national or international law or regulations.
-      </li>
-      <li>
-        You won&rsquo;t use our Services to store, trade or transmit Tokens that are proceeds of criminal or fraudulent
-        activity.
-      </li>
-      <li>
-        You understand that the Services and the underlying Blockchain are in an early development stage and we
-        accordingly do not guarantee an error-free process and give no price or liquidity guarantee.
-      </li>
-      <li>You are using the Services at your own risk.</li>
-    </ol>
-
-    <h3>18. What about our liability to you?</h3>
-    <ol>
-      <li>
-        If the Safe App or Services are provided to the User free of charge (please note, in this context, that any
-        service, network, and/or transaction fees may be charged by third parties via the Blockchain and not necessarily
-        by us), CC shall be liable only in cases of intent, gross negligence, or if CC has fraudulently concealed a
-        possible material or legal defect of the Safe App or Services. If the Safe App or Services are not provided to
-        the User free of charge, CC shall be liable only (i) in cases pursuant to Clause 17.1 as well as (ii) in cases
-        of simple negligence for damages resulting from the breach of an essential contractual duty, a duty, the
-        performance of which enables the proper execution of this Agreement in the first place and on the compliance of
-        which the User regularly relies and may rely, whereby CC&apos;s liability shall be limited to the compensation
-        of the foreseeable, typically occurring damage. The Parties agree that the typical foreseeable damage equals the
-        sum of the annual Fees paid or agreed to be paid by the User to CC during the course of the calendar year in
-        which the event giving rise to the damage claim occurred. Liability in cases of simple negligence for damages
-        resulting from the breach of a non-essential contractual duty are excluded. The limitations of liability
-        according to Clause 17.1 and Clause 17.2 do not apply (i) to damages resulting from injury to life, body or
-        health, (ii) insofar as CC has assumed a guarantee, (iii) to claims of the User according to the Product
-        Liability Act and (iv) to claims of the User according to the applicable data protection law. The limitation of
-        liability also applies to the personal liability of the organs, legal representatives, employees and vicarious
-        agents of CC. If the User suffers damages due to the loss of data, CC is not liable for this, insofar as the
-        damage would have been avoided by a regular and complete backup of all relevant data by the User. In the event
-        of disruptions to the technical infrastructure, the internet connection or a relevant Blockchain that we are not
-        responsible for, we shall be exempt from our obligation to perform. This also applies if we are prevented from
-        performing due to force majeure or other circumstances, the elimination of which is not possible or cannot be
-        economically expected of CC.
-      </li>
-      <li>
-        If the Safe App or Services are provided to the User free of charge (please note, in this context, that any
-        service, network and/or transaction fees may be charged by third parties via the Blockchain and not necessarily
-        by us), CC shall be liable only in cases of intent, gross negligence or if CC has fraudulently concealed a
-        possible material or legal defect of the Safe App or Services. If the Safe App or Services are not provided to
-        the User free of charge, CC shall be liable only (i) in cases pursuant to Clause 17.1 as well as (ii) in cases
-        of simple negligence for damages resulting from the breach of an essential contractual duty, a duty, the
-        performance of which enables the proper execution of this Agreement in the first place and on the compliance of
-        which the User regularly relies and may rely, whereby CC&apos;s liability shall be limited to the compensation
-        of the foreseeable, typically occurring damage. The Parties agree that the typical foreseeable damage equals the
-        sum of the annual Fees paid or agreed to be paid by the User to CC during the course of the calendar year in
-        which the event giving rise to the damage claim occurred. Liability in cases of simple negligence for damages
-        resulting from the breach of a non-essential contractual duty are excluded. The limitations of liability
-        according to Clause 17.1 and Clause 17.2 do not apply (i) to damages resulting from injury to life, body or
-        health, (ii) insofar as CC has assumed a guarantee, (iii) to claims of the User according to the Product
-        Liability Act and (iv) to claims of the User according to the applicable data protection law. The limitation of
-        liability also applies to the personal liability of the organs, legal representatives, employees and vicarious
-        agents of CC. If the User suffers damages due to the loss of data, CC is not liable for this, insofar as the
-        damage would have been avoided by a regular and complete backup of all relevant data by the User. In the event
-        of disruptions to the technical infrastructure, the internet connection or a relevant Blockchain that we are not
-        responsible for, we shall be exempt from our obligation to perform. This also applies if we are prevented from
-        performing due to force majeure or other circumstances, the elimination of which is not possible or cannot be
-        economically expected of CC.
-      </li>
-      <li>
-        If the Safe App or Services are provided to the User free of charge (please note, in this context, that any
-        service, network and/or transaction fees may be charged by third parties via the Blockchain and not necessarily
-        by us), CC shall be liable only in cases of intent, gross negligence or if CC has fraudulently concealed a
-        possible material or legal defect of the Safe App or Services. If the Safe App or Services are not provided to
-        the User free of charge, CC shall be liable only (i) in cases pursuant to Clause 17.1 as well as (ii) in cases
-        of simple negligence for damages resulting from the breach of an essential contractual duty, a duty, the
-        performance of which enables the proper execution of this Agreement in the first place and on the compliance of
-        which the User regularly relies and may rely, whereby CC&apos;s liability shall be limited to the compensation
-        of the foreseeable, typically occurring damage. The Parties agree that the typical foreseeable damage equals the
-        sum of the annual Fees paid or agreed to be paid by the User to CC during the course of the calendar year in
-        which the event giving rise to the damage claim occurred. Liability in cases of simple negligence for damages
-        resulting from the breach of a non-essential contractual duty are excluded. The limitations of liability
-        according to Clause 17.1 and Clause 17.2 do not apply (i) to damages resulting from injury to life, body or
-        health, (ii) insofar as CC has assumed a guarantee, (iii) to claims of the User according to the Product
-        Liability Act and (iv) to claims of the User according to the applicable data protection law. The limitation of
-        liability also applies to the personal liability of the organs, legal representatives, employees and vicarious
-        agents of CC. If the User suffers damages due to the loss of data, CC is not liable for this, insofar as the
-        damage would have been avoided by a regular and complete backup of all relevant data by the User. In the event
-        of disruptions to the technical infrastructure, the internet connection or a relevant Blockchain that we are not
-        responsible for, we shall be exempt from our obligation to perform. This also applies if we are prevented from
-        performing due to force majeure or other circumstances, the elimination of which is not possible or cannot be
-        economically expected of CC.
-      </li>
-      <li>
-        If the Safe App or Services are provided to the User free of charge (please note, in this context, that any
-        service, network and/or transaction fees may be charged by third parties via the Blockchain and not necessarily
-        by us), CC shall be liable only in cases of intent, gross negligence or if CC has fraudulently concealed a
-        possible material or legal defect of the Safe App or Services. If the Safe App or Services are not provided to
-        the User free of charge, CC shall be liable only (i) in cases pursuant to Clause 17.1 as well as (ii) in cases
-        of simple negligence for damages resulting from the breach of an essential contractual duty, a duty, the
-        performance of which enables the proper execution of this Agreement in the first place and on the compliance of
-        which the User regularly relies and may rely, whereby CC&apos;s liability shall be limited to the compensation
-        of the foreseeable, typically occurring damage. The Parties agree that the typical foreseeable damage equals the
-        sum of the annual Fees paid or agreed to be paid by the User to CC during the course of the calendar year in
-        which the event giving rise to the damage claim occurred. Liability in cases of simple negligence for damages
-        resulting from the breach of a non-essential contractual duty are excluded. The limitations of liability
-        according to Clause 17.1 and Clause 17.2 do not apply (i) to damages resulting from injury to life, body or
-        health, (ii) insofar as CC has assumed a guarantee, (iii) to claims of the User according to the Product
-        Liability Act and (iv) to claims of the User according to the applicable data protection law. The limitation of
-        liability also applies to the personal liability of the organs, legal representatives, employees and vicarious
-        agents of CC. If the User suffers damages due to the loss of data, CC is not liable for this, insofar as the
-        damage would have been avoided by a regular and complete backup of all relevant data by the User. In the event
-        of disruptions to the technical infrastructure, the internet connection or a relevant Blockchain that we are not
-        responsible for, we shall be exempt from our obligation to perform. This also applies if we are prevented from
-        performing due to force majeure or other circumstances, the elimination of which is not possible or cannot be
-        economically expected of CC.
-      </li>
-      <li>
-        If the Safe App or Services are provided to the User free of charge (please note, in this context, that any
-        service, network and/or transaction fees may be charged by third parties via the Blockchain and not necessarily
-        by us), CC shall be liable only in cases of intent, gross negligence or if CC has fraudulently concealed a
-        possible material or legal defect of the Safe App or Services. If the Safe App or Services are not provided to
-        the User free of charge, CC shall be liable only (i) in cases pursuant to Clause 17.1 as well as (ii) in cases
-        of simple negligence for damages resulting from the breach of an essential contractual duty, a duty, the
-        performance of which enables the proper execution of this Agreement in the first place and on the compliance of
-        which the User regularly relies and may rely, whereby CC&apos;s liability shall be limited to the compensation
-        of the foreseeable, typically occurring damage. The Parties agree that the typical foreseeable damage equals the
-        sum of the annual Fees paid or agreed to be paid by the User to CC during the course of the calendar year in
-        which the event giving rise to the damage claim occurred. Liability in cases of simple negligence for damages
-        resulting from the breach of a non-essential contractual duty are excluded. The limitations of liability
-        according to Clause 17.1 and Clause 17.2 do not apply (i) to damages resulting from injury to life, body or
-        health, (ii) insofar as CC has assumed a guarantee, (iii) to claims of the User according to the Product
-        Liability Act and (iv) to claims of the User according to the applicable data protection law. The limitation of
-        liability also applies to the personal liability of the organs, legal representatives, employees and vicarious
-        agents of CC. If the User suffers damages due to the loss of data, CC is not liable for this, insofar as the
-        damage would have been avoided by a regular and complete backup of all relevant data by the User. In the event
-        of disruptions to the technical infrastructure, the internet connection or a relevant Blockchain that we are not
-        responsible for, we shall be exempt from our obligation to perform. This also applies if we are prevented from
-        performing due to force majeure or other circumstances, the elimination of which is not possible or cannot be
-        economically expected of CC.
-      </li>
-      <li>
-        If the Safe App or Services are provided to the User free of charge (please note, in this context, that any
-        service, network and/or transaction fees may be charged by third parties via the Blockchain and not necessarily
-        by us), CC shall be liable only in cases of intent, gross negligence or if CC has fraudulently concealed a
-        possible material or legal defect of the Safe App or Services. If the Safe App or Services are not provided to
-        the User free of charge, CC shall be liable only (i) in cases pursuant to Clause 17.1 as well as (ii) in cases
-        of simple negligence for damages resulting from the breach of an essential contractual duty, a duty, the
-        performance of which enables the proper execution of this Agreement in the first place and on the compliance of
-        which the User regularly relies and may rely, whereby CC&apos;s liability shall be limited to the compensation
-        of the foreseeable, typically occurring damage. The Parties agree that the typical foreseeable damage equals the
-        sum of the annual Fees paid or agreed to be paid by the User to CC during the course of the calendar year in
-        which the event giving rise to the damage claim occurred. Liability in cases of simple negligence for damages
-        resulting from the breach of a non-essential contractual duty are excluded. The limitations of liability
-        according to Clause 17.1 and Clause 17.2 do not apply (i) to damages resulting from injury to life, body or
-        health, (ii) insofar as CC has assumed a guarantee, (iii) to claims of the User according to the Product
-        Liability Act and (iv) to claims of the User according to the applicable data protection law. The limitation of
-        liability also applies to the personal liability of the organs, legal representatives, employees and vicarious
-        agents of CC. If the User suffers damages due to the loss of data, CC is not liable for this, insofar as the
-        damage would have been avoided by a regular and complete backup of all relevant data by the User. In the event
-        of disruptions to the technical infrastructure, the internet connection or a relevant Blockchain that we are not
-        responsible for, we shall be exempt from our obligation to perform. This also applies if we are prevented from
-        performing due to force majeure or other circumstances, the elimination of which is not possible or cannot be
-        economically expected of CC.
-      </li>
-      <li>
-        If the Safe App or Services are provided to the User free of charge (please note, in this context, that any
-        service, network and/or transaction fees may be charged by third parties via the Blockchain and not necessarily
-        by us), CC shall be liable only in cases of intent, gross negligence or if CC has fraudulently concealed a
-        possible material or legal defect of the Safe App or Services. If the Safe App or Services are not provided to
-        the User free of charge, CC shall be liable only (i) in cases pursuant to Clause 17.1 as well as (ii) in cases
-        of simple negligence for damages resulting from the breach of an essential contractual duty, a duty, the
-        performance of which enables the proper execution of this Agreement in the first place and on the compliance of
-        which the User regularly relies and may rely, whereby CC&apos;s liability shall be limited to the compensation
-        of the foreseeable, typically occurring damage. The Parties agree that the typical foreseeable damage equals the
-        sum of the annual Fees paid or agreed to be paid by the User to CC during the course of the calendar year in
-        which the event giving rise to the damage claim occurred. Liability in cases of simple negligence for damages
-        resulting from the breach of a non-essential contractual duty are excluded. The limitations of liability
-        according to Clause 17.1 and Clause 17.2 do not apply (i) to damages resulting from injury to life, body or
-        health, (ii) insofar as CC has assumed a guarantee, (iii) to claims of the User according to the Product
-        Liability Act and (iv) to claims of the User according to the applicable data protection law. The limitation of
-        liability also applies to the personal liability of the organs, legal representatives, employees and vicarious
-        agents of CC. If the User suffers damages due to the loss of data, CC is not liable for this, insofar as the
-        damage would have been avoided by a regular and complete backup of all relevant data by the User. In the event
-        of disruptions to the technical infrastructure, the internet connection or a relevant Blockchain that we are not
-        responsible for, we shall be exempt from our obligation to perform. This also applies if we are prevented from
-        performing due to force majeure or other circumstances, the elimination of which is not possible or cannot be
-        economically expected of CC.
-      </li>
-    </ol>
-
-    <h3>19. What about viruses, bugs and security vulnerabilities?</h3>
-    <ol start={1}>
-      <li>We endeavor to provide our Service free from material bugs, security vulnerabilities or viruses.</li>
-      <li>
-        You are responsible for configuring your information technology and computer programmes to access our Services
-        and to use your own virus protection software.
-      </li>
-      <li>If you become aware of any exploits, bugs or vulnerabilities, please inform bounty@safe.global.</li>
-      <li>
-        You must not misuse our Services by knowingly introducing material that is malicious or technologically harmful.
-        If you do, your right to use our Services will cease immediately.
-      </li>
-    </ol>
-
-    <h3>20. What if an event outside our control happens that affects our Services?</h3>
-    <ol start={1}>
-      <li>
-        We may update and change our Services from time to time. We may suspend or withdraw or restrict the availability
-        of all or any part of our Services for business, operational or regulatory reasons or because of a Force Majeure
-        Event at no notice.
-      </li>
-      <li>
-        A &ldquo;Force Majeure Event&rdquo; shall mean any event, circumstance or cause beyond our reasonable control,
-        which prevents, hinders or delays the provision of our Services or makes their provision impossible or onerous,
-        including, without limitation:
-      </li>
-    </ol>
-    <ul>
-      <li>acts of God, flood, storm, drought, earthquake or other natural disaster;</li>
-      <li>epidemic or pandemic (for the avoidance of doubt, including the 2020 Coronavirus Pandemic);</li>
-      <li>
-        terrorist attack, hacking or cyber threats, civil war, civil commotion or riots, war, threat of or preparation
-        for war, armed conflict, imposition of sanctions, embargo, or breaking off of diplomatic relations;
-      </li>
-      <li>
-        equipment or software malfunction or bugs including network splits or forks or unexpected changes in the
-        Blockchain, as well as hacks, phishing attacks, distributed denials of service or any other security attacks;
-      </li>
-      <li>nuclear, chemical or biological contamination;</li>
-      <li>
-        any law statutes, ordinances, rules, regulations, judgments, injunctions, orders and decrees or any action taken
-        by a government or public authority, including without limitation imposing a prohibition, or failing to grant a
-        necessary license or consent;
-      </li>
-      <li>collapse of buildings, breakdown of plant or machinery, fire, explosion or accident; and</li>
-      <li>strike, industrial action or lockout.</li>
-    </ul>
-    <ol start={3}>
-      <li>
-        We shall not be liable or responsible to you, or be deemed to have defaulted under or breached this Agreement,
-        for any failure or delay in the provision of the Services or the performance of this Agreement, if and to the
-        extent such failure or delay is caused by or results from or is connected to acts beyond our reasonable control,
-        including the occurrence of a Force Majeure Event.
-      </li>
-    </ol>
-
-    <h3>21. Who is responsible for your tax liabilities?</h3>
-    <p>
-      You are solely responsible to determine if your use of the Services have tax implications, in particular income
-      tax and capital gains tax relating to the purchase or sale of Tokens, for you. By using the Services you agree not
-      to hold us liable for any tax liability associated with or arising from the operation of the Services or any other
-      action or transaction related thereto.
-    </p>
-
-    <h3>22. What if a court disagrees with part of this Agreement?</h3>
-    <p>
-      Should individual provisions of these Terms be or become invalid or unenforceable in whole or in part, this shall
-      not affect the validity of the remaining provisions. The invalid or unenforceable provision shall be replaced by
-      the statutory provision. If there is no statutory provision or if the statutory provision would lead to an
-      unacceptable result, the parties shall enter negotiations to replace the invalid or unenforceable provision with a
-      valid provision that comes as close as possible to the economic purpose of the invalid or unenforceable provision.
-    </p>
-
-    <h3>23. What if we do not enforce certain rights under this Agreement?</h3>
-    <p>
-      Our failure to exercise or enforce any right or remedy provided under this Agreement or by law shall not
-      constitute a waiver of that or any other right or remedy, nor shall it prevent or restrict any further exercise of
-      that or any other right or remedy.
-    </p>
-
-    <h3>24. Do third parties have rights?</h3>
-    <p>
-      Unless it expressly states otherwise, this Agreement does not give rise to any third-party rights, which may be
-      enforced against us.
-    </p>
-
-    <h3>25. Can this Agreement be assigned?</h3>
-    <ol start={1}>
-      <li>
-        We are entitled to transfer our rights and obligations under the Agreement in whole or in part to third parties
-        with a notice period of four weeks. In this case, you have the right to terminate the Agreement without notice.
-      </li>
-      <li>
-        You shall not be entitled to assign this Agreement to any third party without our express prior written consent.
-      </li>
-    </ol>
-
-    <h3>26. Which Clauses of this Agreement survive termination?</h3>
-    <p>
-      All covenants, agreements, representations and warranties made in this Agreement shall survive your acceptance of
-      this Agreement and its termination.
-    </p>
-
-    <h3>27. Data Protection</h3>
-    <p>
-      We inform you about our processing of personal data, including the disclosure to third parties and your rights as
-      an affected party, in the{' '}
-      <Link href={AppRoutes.privacy} passHref legacyBehavior>
-        <MUILink>Privacy Policy</MUILink>
-      </Link>
-      .
-    </p>
-
-    <h3>28. Which laws apply to the Agreement?</h3>
-    <p>
-      The Agreement including these Terms shall be governed by German law. The application of the UN Convention on
-      Contracts for the International Sale of Goods is excluded. For consumers domiciled in another European country but
-      Germany, the mandatory provisions of the consumer protection laws of the member state in which the consumer is
-      domiciled shall also apply, provided that these are more advantageous for the consumer than the provisions of the
-      German law.
-    </p>
-
-    <h3>29. How can you get support for Safe Accounts and tell us about any problems?</h3>
-    <p>
-      If you want to learn more about Safe Accounts or the Service or have any problems using them or have any
-      complaints please get in touch via any of the following channels:
-    </p>
-    <ol start={1}>
-      <li>
-        Intercom:{' '}
-        <Link href={HELP_CENTER_URL} passHref legacyBehavior>
-          <MUILink target="_blank" rel="noreferrer">
-            {HELP_CENTER_URL}
-          </MUILink>
-        </Link>
-      </li>
-      <li>
-        Discord:{' '}
-        <Link href={DISCORD_URL} passHref legacyBehavior>
-          <MUILink target="_blank" rel="noreferrer">
-            {DISCORD_URL}
-          </MUILink>
-        </Link>
-      </li>
-      <li>
-        Twitter:{' '}
-        <Link href={TWITTER_URL} passHref legacyBehavior>
-          <MUILink target="_blank" rel="noreferrer">
-            {TWITTER_URL}
-          </MUILink>
-        </Link>
-      </li>
-    </ol>
-
-    <h3>30. Where is the place of legal proceedings?</h3>
-    <p>
-      For users who are merchants within the meaning of the German Commercial Code (Handelsgesetzbuch), a special fund
-      (Sonderverm&ouml;gen) under public law or a legal person under public law, Berlin shall be the exclusive place of
-      jurisdiction for all disputes arising from the contractual relationship.
-    </p>
-
-    <h3>31. Is this all?</h3>
-    <p>
-      These Terms constitute the entire agreement between you and us in relation to the Agreement&rsquo;s subject
-      matter. It replaces and extinguishes any and all prior agreements, draft agreements, arrangements, warranties,
-      statements, assurances, representations and undertakings of any nature made by, or on behalf of either of us,
-      whether oral or written, public or private, in relation to that subject matter.
-    </p>
-  </div>
-)
-
-const Terms: NextPage = () => {
-  return (
-    <>
-      <Head>
-        <title>{'Rootstock Safe – Terms'}</title>
-      </Head>
-
-      <main>{IS_OFFICIAL_HOST && <SafeTerms />}</main>
-    </>
-  )
-}
-
-export default Terms
diff --git a/src/pages/welcome/accounts.tsx b/src/pages/welcome/accounts.tsx
deleted file mode 100644
index 241be3515..000000000
--- a/src/pages/welcome/accounts.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { NextPage } from 'next'
-import Head from 'next/head'
-import MyAccounts from '@/components/welcome/MyAccounts'
-
-const Accounts: NextPage = () => {
-  return (
-    <>
-      <Head>
-        <title>{'Rootstock Safe – My accounts'}</title>
-      </Head>
-
-      <MyAccounts />
-    </>
-  )
-}
-
-export default Accounts
diff --git a/src/pages/welcome/index.tsx b/src/pages/welcome/index.tsx
deleted file mode 100644
index 52db0c12f..000000000
--- a/src/pages/welcome/index.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { NextPage } from 'next'
-import Head from 'next/head'
-import NewSafe from '@/components/welcome/NewSafe'
-
-const Welcome: NextPage = () => {
-  return (
-    <>
-      <Head>
-        <title>{'Rootstock Safe – Welcome'}</title>
-      </Head>
-
-      <NewSafe />
-    </>
-  )
-}
-
-export default Welcome
diff --git a/src/services/analytics/TagManager.ts b/src/services/analytics/TagManager.ts
deleted file mode 100644
index 254539274..000000000
--- a/src/services/analytics/TagManager.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import Cookies from 'js-cookie'
-
-import { IS_PRODUCTION } from '@/config/constants'
-
-export type TagManagerArgs = {
-  // GTM id, e.g. GTM-000000
-  gtmId: string
-  // GTM authentication key
-  auth: string
-  // GTM environment, e.g. env-00.
-  preview: string
-}
-
-const DATA_LAYER_NAME = 'dataLayer'
-
-const TagManager = {
-  // `jest.spyOn` is not possible if outside of `TagManager`
-  _getScript: ({ gtmId, auth, preview }: TagManagerArgs) => {
-    const script = document.createElement('script')
-
-    const gtmScript = `
-    (function (w, d, s, l, i) {
-      w[l] = w[l] || [];
-      w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
-      var f = d.getElementsByTagName(s)[0],
-      j = d.createElement(s),
-        dl = l != 'dataLayer' ? '&l=' + l : '';
-        j.async = true;
-        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl + '&gtm_auth=${auth}&gtm_preview=${preview}&gtm_cookies_win=x';
-        f.parentNode.insertBefore(j, f);
-      })(window, document, 'script', '${DATA_LAYER_NAME}', '${gtmId}');`
-
-    script.innerHTML = gtmScript
-
-    return script
-  },
-
-  dataLayer: (data: Record<string, any>) => {
-    window[DATA_LAYER_NAME] = window[DATA_LAYER_NAME] || []
-    window[DATA_LAYER_NAME].push(data)
-
-    if (!IS_PRODUCTION) {
-      console.info('[GTM] -', data)
-    }
-  },
-
-  initialize: (args: TagManagerArgs) => {
-    window[DATA_LAYER_NAME] = window[DATA_LAYER_NAME] || []
-    // This function MUST be in `window`, otherwise GTM Consent Mode just doesn't work
-    window.gtag = function () {
-      window[DATA_LAYER_NAME]?.push(arguments)
-    }
-
-    // Consent mode
-    window.gtag('consent', 'default', {
-      ad_storage: 'denied',
-      analytics_storage: 'denied',
-      functionality_storage: 'granted',
-      personalization_storage: 'denied',
-      security_storage: 'granted',
-      wait_for_update: 500,
-    })
-
-    TagManager.dataLayer({
-      // Block JS variables and custom scripts
-      // @see https://developers.google.com/tag-platform/tag-manager/web/restrict
-      'gtm.blocklist': ['j', 'jsm', 'customScripts'],
-      pageLocation: `${location.origin}${location.pathname}`,
-      pagePath: location.pathname,
-    })
-
-    const script = TagManager._getScript(args)
-
-    // Initialize GTM. This pushes the default dataLayer event:
-    // { "gtm.start": new Date().getTime(), event: "gtm.js" }
-    document.head.insertBefore(script, document.head.childNodes[0])
-  },
-
-  enableCookies: () => {
-    window.gtag?.('consent', 'update', {
-      analytics_storage: 'granted',
-    })
-  },
-
-  disableCookies: () => {
-    window.gtag?.('consent', 'update', {
-      analytics_storage: 'denied',
-    })
-
-    const GA_COOKIE_LIST = ['_ga', '_gat', '_gid']
-    const GA_PREFIX = '_ga_'
-    const allCookies = document.cookie.split(';').map((cookie) => cookie.split('=')[0].trim())
-    const gaCookies = allCookies.filter((cookie) => cookie.startsWith(GA_PREFIX))
-
-    GA_COOKIE_LIST.concat(gaCookies).forEach((cookie) => {
-      Cookies.remove(cookie, {
-        path: '/',
-        domain: `.${location.host.split('.').slice(-2).join('.')}`,
-      })
-    })
-
-    // Injected script will remain in memory until new session
-    location.reload()
-  },
-
-  setUserProperty: (name: string, value: string) => {
-    window.gtag?.('set', 'user_properties', {
-      [name]: value,
-    })
-
-    if (!IS_PRODUCTION) {
-      console.info('[GTM] -', 'set user_properties', name, '=', value)
-    }
-  },
-}
-
-export default TagManager
diff --git a/src/services/analytics/__tests__/TagManager.test.ts b/src/services/analytics/__tests__/TagManager.test.ts
deleted file mode 100644
index d4977bbcf..000000000
--- a/src/services/analytics/__tests__/TagManager.test.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-import Cookies from 'js-cookie'
-
-import * as gtm from '../TagManager'
-import { AnalyticsUserProperties } from '../types'
-
-const { default: TagManager } = gtm
-
-const MOCK_ID = 'GTM-123456'
-const MOCK_AUTH = 'key123'
-const MOCK_PREVIEW = 'env-0'
-
-jest.mock('js-cookie', () => ({
-  remove: jest.fn(),
-}))
-
-describe('TagManager', () => {
-  const originalLocation = window.location
-
-  // Mock `location.reload`
-  beforeAll(() => {
-    Object.defineProperty(window, 'location', {
-      configurable: true,
-      value: {
-        ...originalLocation,
-        reload: jest.fn(),
-      },
-    })
-  })
-
-  // Remove mock
-  afterAll(() => {
-    Object.defineProperty(window, 'location', {
-      configurable: true,
-      value: originalLocation,
-    })
-  })
-
-  // Clear GTM between tests
-  afterEach(() => {
-    document.head.innerHTML = ''
-    delete window.dataLayer
-  })
-
-  describe('TagManager._getScript', () => {
-    it('should use the id, auth and preview', () => {
-      const script1 = TagManager._getScript({ gtmId: MOCK_ID, auth: MOCK_AUTH, preview: MOCK_PREVIEW })
-
-      expect(script1.innerHTML).toContain(MOCK_ID)
-      expect(script1.innerHTML).toContain(`&gtm_auth=${MOCK_AUTH}`)
-      expect(script1.innerHTML).toContain(`&gtm_preview=${MOCK_PREVIEW}`)
-      expect(script1.innerHTML).toContain('dataLayer')
-    })
-  })
-
-  describe('TagManager.initialize', () => {
-    it('should initialize TagManager', () => {
-      TagManager.initialize({ gtmId: MOCK_ID, auth: MOCK_AUTH, preview: MOCK_PREVIEW })
-
-      expect(document.head.childNodes).toHaveLength(2)
-
-      // Script added by `TagManager._getScript`
-      // @ts-expect-error
-      expect(document.head.childNodes[0].src).toBe(
-        `https://www.googletagmanager.com/gtm.js?id=${MOCK_ID}&gtm_auth=${MOCK_AUTH}&gtm_preview=${MOCK_PREVIEW}&gtm_cookies_win=x`,
-      )
-
-      // Manually added script
-      expect(document.head.childNodes[1]).toStrictEqual(
-        TagManager._getScript({ gtmId: MOCK_ID, auth: MOCK_AUTH, preview: MOCK_PREVIEW }),
-      )
-
-      expect(window.dataLayer).toHaveLength(3)
-      expect(window.dataLayer?.[0][0]).toBe('consent')
-      expect(window.dataLayer?.[0][1]).toBe('default')
-      expect(window.dataLayer?.[0][2]).toStrictEqual({
-        ad_storage: 'denied',
-        analytics_storage: 'denied',
-        functionality_storage: 'granted',
-        personalization_storage: 'denied',
-        security_storage: 'granted',
-        wait_for_update: 500,
-      })
-      expect(window.dataLayer?.[1]).toStrictEqual({
-        'gtm.blocklist': ['j', 'jsm', 'customScripts'],
-        pageLocation: 'http://localhost/balances',
-        pagePath: '/balances',
-      })
-      expect(window.dataLayer?.[2]).toStrictEqual({ event: 'gtm.js', 'gtm.start': expect.any(Number) })
-    })
-  })
-
-  describe('TagManager.dataLayer', () => {
-    it('should push data to the dataLayer', () => {
-      expect(window.dataLayer).toBeUndefined()
-
-      TagManager.initialize({
-        gtmId: MOCK_ID,
-        auth: MOCK_AUTH,
-        preview: MOCK_PREVIEW,
-      })
-
-      expect(window.dataLayer).toHaveLength(3)
-
-      TagManager.dataLayer({
-        test: '123',
-      })
-
-      expect(window.dataLayer).toHaveLength(4)
-      expect(window.dataLayer?.[3]).toStrictEqual({ test: '123' })
-    })
-  })
-
-  describe('TagManager.disable', () => {
-    it('should remove GA cookies and reload', () => {
-      TagManager.initialize({
-        gtmId: MOCK_ID,
-        auth: MOCK_AUTH,
-        preview: MOCK_PREVIEW,
-      })
-
-      document.cookie = '_ga=GA123;'
-      document.cookie = '_ga_JB9NXCRJ0G=GS123;'
-      document.cookie = '_gat=GA123;'
-      document.cookie = '_gid=GI123;'
-
-      TagManager.disableCookies()
-
-      const path = '/'
-      const domain = '.localhost'
-
-      expect(Cookies.remove).toHaveBeenCalledWith('_ga', { path, domain })
-      expect(Cookies.remove).toHaveBeenCalledWith('_ga_JB9NXCRJ0G', { path, domain })
-      expect(Cookies.remove).toHaveBeenCalledWith('_gat', { path, domain })
-      expect(Cookies.remove).toHaveBeenCalledWith('_gid', { path, domain })
-
-      expect(global.location.reload).toHaveBeenCalled()
-    })
-  })
-
-  describe('TagManager.setUserProperty', () => {
-    it('should push new user properties to dataLayer', () => {
-      expect(window.dataLayer).toBeUndefined()
-
-      TagManager.initialize({
-        gtmId: MOCK_ID,
-        auth: MOCK_AUTH,
-        preview: MOCK_PREVIEW,
-      })
-
-      expect(window.dataLayer).toHaveLength(3)
-
-      TagManager.setUserProperty(AnalyticsUserProperties.WALLET_LABEL, 'Rootstock Safe')
-
-      expect(window.dataLayer).toHaveLength(4)
-
-      expect(Array.from(window.dataLayer?.[3])).toEqual([
-        'set',
-        'user_properties',
-        { [AnalyticsUserProperties.WALLET_LABEL]: 'Rootstock Safe' },
-      ])
-    })
-  })
-})
diff --git a/src/services/analytics/__tests__/tx-tracking.test.ts b/src/services/analytics/__tests__/tx-tracking.test.ts
deleted file mode 100644
index d8c58b321..000000000
--- a/src/services/analytics/__tests__/tx-tracking.test.ts
+++ /dev/null
@@ -1,176 +0,0 @@
-import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
-import { SettingsInfoType, TransactionInfoType, TransactionTokenType } from '@safe-global/safe-gateway-typescript-sdk'
-import { getTransactionTrackingType } from '../tx-tracking'
-import * as txDetailsModule from '@/services/transactions'
-import { TX_TYPES } from '../events/transactions'
-
-const getMockTxType = (txDetails: unknown) => {
-  jest.spyOn(txDetailsModule, 'getTxDetails').mockImplementation(() => Promise.resolve(txDetails as TransactionDetails))
-  return getTransactionTrackingType('1', '0x123')
-}
-
-describe('getTransactionTrackingType', () => {
-  it('should return transfer_token for native token transfers', async () => {
-    const txType = await getMockTxType({
-      txInfo: {
-        type: TransactionInfoType.TRANSFER,
-        transferInfo: {
-          type: TransactionTokenType.NATIVE_COIN,
-        },
-      },
-    } as unknown)
-
-    expect(txType).toEqual(TX_TYPES.transfer_token)
-  })
-
-  it('should return transfer_token for ERC20 token transfers', async () => {
-    const txType = await getMockTxType({
-      txInfo: {
-        type: TransactionInfoType.TRANSFER,
-        transferInfo: {
-          type: TransactionTokenType.ERC20,
-        },
-      },
-    } as unknown)
-
-    expect(txType).toEqual(TX_TYPES.transfer_token)
-  })
-
-  it('should return transfer_nft for ERC721 token transfers', async () => {
-    const txType = await getMockTxType({
-      txInfo: {
-        type: TransactionInfoType.TRANSFER,
-        transferInfo: {
-          type: TransactionTokenType.ERC721,
-        },
-      },
-    } as unknown)
-
-    expect(txType).toEqual(TX_TYPES.transfer_nft)
-  })
-
-  it('should return owner_add for add owner settings changes', async () => {
-    const txType = await getMockTxType({
-      txInfo: {
-        type: TransactionInfoType.SETTINGS_CHANGE,
-        settingsInfo: {
-          type: SettingsInfoType.ADD_OWNER,
-        },
-      },
-    } as unknown)
-
-    expect(txType).toEqual(TX_TYPES.owner_add)
-  })
-
-  it('should return owner_remove for remove owner settings changes', async () => {
-    const txType = await getMockTxType({
-      txInfo: {
-        type: TransactionInfoType.SETTINGS_CHANGE,
-        settingsInfo: {
-          type: SettingsInfoType.REMOVE_OWNER,
-        },
-      },
-    } as unknown)
-
-    expect(txType).toEqual(TX_TYPES.owner_remove)
-  })
-
-  it('should return owner_swap for swap owner settings changes', async () => {
-    const txType = await getMockTxType({
-      txInfo: {
-        type: TransactionInfoType.SETTINGS_CHANGE,
-        settingsInfo: {
-          type: SettingsInfoType.SWAP_OWNER,
-        },
-      },
-    } as unknown)
-
-    expect(txType).toEqual(TX_TYPES.owner_swap)
-  })
-
-  it('should return owner_threshold_change for change threshold settings changes', async () => {
-    const txType = await getMockTxType({
-      txInfo: {
-        type: TransactionInfoType.SETTINGS_CHANGE,
-        settingsInfo: {
-          type: SettingsInfoType.CHANGE_THRESHOLD,
-        },
-      },
-    } as unknown)
-
-    expect(txType).toEqual(TX_TYPES.owner_threshold_change)
-  })
-
-  it('should return module_remove for disable module settings changes', async () => {
-    const txType = await getMockTxType({
-      txInfo: {
-        type: TransactionInfoType.SETTINGS_CHANGE,
-        settingsInfo: {
-          type: SettingsInfoType.DISABLE_MODULE,
-        },
-      },
-    } as unknown)
-
-    expect(txType).toEqual(TX_TYPES.module_remove)
-  })
-
-  it('should return guard_remove for delete guard settings changes', async () => {
-    const txType = await getMockTxType({
-      txInfo: {
-        type: TransactionInfoType.SETTINGS_CHANGE,
-        settingsInfo: {
-          type: SettingsInfoType.DELETE_GUARD,
-        },
-      },
-    } as unknown)
-
-    expect(txType).toEqual(TX_TYPES.guard_remove)
-  })
-
-  it('should return rejection for rejection transactions', async () => {
-    const txType = await getMockTxType({
-      txInfo: {
-        type: TransactionInfoType.CUSTOM,
-        isCancellation: true,
-      },
-    } as unknown)
-
-    expect(txType).toEqual(TX_TYPES.rejection)
-  })
-
-  it('should return walletconnect for transactions w/o safeAppInfo', async () => {
-    const txType = await getMockTxType({
-      txInfo: {
-        type: TransactionInfoType.CUSTOM,
-      },
-      safeAppInfo: null,
-    } as unknown)
-
-    expect(txType).toEqual(TX_TYPES.walletconnect)
-  })
-
-  it('should return safeapps for safeapps transactions', async () => {
-    const txType = await getMockTxType({
-      txInfo: {
-        type: TransactionInfoType.CUSTOM,
-      },
-      safeAppInfo: {
-        url: 'https://gnosis-safe.io/app',
-      },
-    } as unknown)
-
-    expect(txType).toEqual('https://gnosis-safe.io/app')
-  })
-
-  it('should return batch for multisend transactions', async () => {
-    const txType = await getMockTxType({
-      txInfo: {
-        type: TransactionInfoType.CUSTOM,
-        methodName: 'multiSend',
-        actionCount: 2,
-      },
-    } as unknown)
-
-    expect(txType).toEqual(TX_TYPES.batch)
-  })
-})
diff --git a/src/services/analytics/events/index.ts b/src/services/analytics/events/index.ts
deleted file mode 100644
index 7edb89c9e..000000000
--- a/src/services/analytics/events/index.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export * from './addressBook'
-export * from './assets'
-export * from './createLoadSafe'
-export * from './mobileAppPromotion'
-export * from './modals'
-export * from './overview'
-export * from './safeApps'
-export * from './settings'
-export * from './txList'
-export * from './wallet'
-export * from './batching'
diff --git a/src/services/analytics/events/mobileAppPromotion.ts b/src/services/analytics/events/mobileAppPromotion.ts
deleted file mode 100644
index e5bdb05c9..000000000
--- a/src/services/analytics/events/mobileAppPromotion.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-const MOBILE_APP_CATEGORY = 'mobile-app-promotion'
-
-export const MOBILE_APP_EVENTS = {
-  APPSTORE_BUTTON_CLICK: {
-    action: 'appstore-button-click',
-    category: MOBILE_APP_CATEGORY,
-  },
-}
diff --git a/src/services/analytics/events/modals.ts b/src/services/analytics/events/modals.ts
deleted file mode 100644
index e90fb9d33..000000000
--- a/src/services/analytics/events/modals.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { EventType } from '@/services/analytics/types'
-
-export const MODALS_CATEGORY = 'modals'
-
-export const MODALS_EVENTS = {
-  SEND_FUNDS: {
-    action: 'Send tokens',
-    category: MODALS_CATEGORY,
-  },
-  SEND_COLLECTIBLE: {
-    action: 'Send NFTs',
-    category: MODALS_CATEGORY,
-  },
-  CONTRACT_INTERACTION: {
-    action: 'Contract interaction',
-    category: MODALS_CATEGORY,
-  },
-  TX_DETAILS: {
-    action: 'Transaction details',
-    category: MODALS_CATEGORY,
-  },
-  EDIT_ADVANCED_PARAMS: {
-    action: 'Edit advanced params',
-    category: MODALS_CATEGORY,
-  },
-  ESTIMATION: {
-    action: 'Estimation',
-    category: MODALS_CATEGORY,
-  },
-  TOGGLE_EXECUTE_TX: {
-    action: 'Toggle execute transaction',
-    category: MODALS_CATEGORY,
-  },
-  USE_SPENDING_LIMIT: {
-    event: EventType.META,
-    action: 'Use spending limit',
-    category: MODALS_CATEGORY,
-  },
-  SIMULATE_TX: {
-    action: 'Simulate transaction',
-    category: MODALS_CATEGORY,
-  },
-  EDIT_APPROVALS: {
-    action: 'Edit approval',
-    category: MODALS_CATEGORY,
-  },
-  ACCEPT_RISK: {
-    action: 'Accept transaction risk',
-    category: MODALS_CATEGORY,
-  },
-  REDEFINE_RESULT: {
-    action: 'Redefine scan result',
-    category: MODALS_CATEGORY,
-    event: EventType.META,
-  },
-  OPEN_SPEED_UP_MODAL: {
-    action: 'Open speed-up modal',
-    category: MODALS_CATEGORY,
-    event: EventType.CLICK,
-  },
-  CANCEL_SPEED_UP: {
-    action: 'Cancel speed-up',
-    category: MODALS_CATEGORY,
-    event: EventType.CLICK,
-  },
-  SWAP: {
-    action: 'Swap',
-    category: MODALS_CATEGORY,
-  },
-}
-
-export enum MODAL_NAVIGATION {
-  Next = 'Next click',
-  Back = 'Back click',
-}
diff --git a/src/services/analytics/events/overview.ts b/src/services/analytics/events/overview.ts
deleted file mode 100644
index b24f4d733..000000000
--- a/src/services/analytics/events/overview.ts
+++ /dev/null
@@ -1,165 +0,0 @@
-import { EventType } from '@/services/analytics/types'
-
-const OVERVIEW_CATEGORY = 'overview'
-
-export const OVERVIEW_EVENTS = {
-  OPEN_ONBOARD: {
-    action: 'Open wallet modal',
-    category: OVERVIEW_CATEGORY,
-  },
-  SWITCH_NETWORK: {
-    action: 'Switch network',
-    category: OVERVIEW_CATEGORY,
-  },
-  SHOW_QR: {
-    action: 'Show Safe QR code',
-    category: OVERVIEW_CATEGORY,
-  },
-  COPY_ADDRESS: {
-    action: 'Copy Safe address',
-    category: OVERVIEW_CATEGORY,
-  },
-  OPEN_EXPLORER: {
-    action: 'Open Safe on block explorer',
-    category: OVERVIEW_CATEGORY,
-  },
-  ADD_TO_WATCHLIST: {
-    action: 'Add Safe to watchlist',
-    category: OVERVIEW_CATEGORY,
-  },
-  REMOVE_FROM_WATCHLIST: {
-    action: 'Remove from watchlist',
-    category: OVERVIEW_CATEGORY,
-  },
-  DELETED_FROM_WATCHLIST: {
-    action: 'Deleted from watchlist',
-    category: OVERVIEW_CATEGORY,
-  },
-  TOTAL_SAFES_OWNED: {
-    action: 'Total Safes owned',
-    category: OVERVIEW_CATEGORY,
-    event: EventType.META,
-  },
-  TOTAL_SAFES_WATCHLIST: {
-    action: 'Total Safes watchlist',
-    category: OVERVIEW_CATEGORY,
-    event: EventType.META,
-  },
-  SIDEBAR: {
-    action: 'Sidebar',
-    category: OVERVIEW_CATEGORY,
-  },
-  WHATS_NEW: {
-    action: "Open What's New",
-    category: OVERVIEW_CATEGORY,
-  },
-  HELP_CENTER: {
-    action: 'Open Help Center',
-    category: OVERVIEW_CATEGORY,
-  },
-  NEW_TRANSACTION: {
-    action: 'New transaction',
-    category: OVERVIEW_CATEGORY,
-  },
-  CHOOSE_TRANSACTION_TYPE: {
-    action: 'Choose transaction type',
-    category: OVERVIEW_CATEGORY,
-    event: EventType.CLICK,
-  },
-  ADD_FUNDS: {
-    action: 'Add funds',
-    category: OVERVIEW_CATEGORY,
-    event: EventType.CLICK,
-  },
-  NOTIFICATION_CENTER: {
-    action: 'Open Notification Center',
-    category: OVERVIEW_CATEGORY,
-  },
-  NOTIFICATION_INTERACTION: {
-    action: 'Interact with notification',
-    category: OVERVIEW_CATEGORY,
-  },
-  SIDEBAR_RENAME: {
-    action: 'Rename Safe from sidebar',
-    category: OVERVIEW_CATEGORY,
-  },
-  SAFE_TOKEN_WIDGET: {
-    action: 'Open Safe Governance App from widget',
-    category: OVERVIEW_CATEGORY,
-  },
-  OPEN_MISSING_SIGNATURES: {
-    action: 'Open transactions queue from missing signatures',
-    category: OVERVIEW_CATEGORY,
-  },
-  OPEN_QUEUED_TRANSACTIONS: {
-    action: 'Open transactions queue from queue size',
-    category: OVERVIEW_CATEGORY,
-  },
-  EXPORT_DATA: {
-    action: 'Export data',
-    category: OVERVIEW_CATEGORY,
-  },
-  IMPORT_DATA: {
-    action: 'Import data',
-    category: OVERVIEW_CATEGORY,
-  },
-  RELAYING_HELP_ARTICLE: {
-    action: 'Open relaying help article',
-    category: OVERVIEW_CATEGORY,
-  },
-  SEP5_ALLOCATION_BUTTON: {
-    action: 'Click on SEP5 allocation button',
-    category: OVERVIEW_CATEGORY,
-  },
-  // Track clicks on links to Safe Accounts
-  OPEN_SAFE: {
-    action: 'Open Safe',
-    category: OVERVIEW_CATEGORY,
-    //label: OPEN_SAFE_LABELS
-  },
-  // Track actual Safe views
-  SAFE_VIEWED: {
-    event: EventType.SAFE_OPENED,
-    action: 'Safe viewed',
-    category: OVERVIEW_CATEGORY,
-  },
-  BUY_CRYPTO_BUTTON: {
-    action: 'Buy crypto button',
-    category: OVERVIEW_CATEGORY,
-  },
-  SHOW_MORE_SAFES: {
-    action: 'Show more Safes',
-    category: OVERVIEW_CATEGORY,
-  },
-  CREATE_NEW_SAFE: {
-    action: 'Create new Safe',
-    category: OVERVIEW_CATEGORY,
-  },
-  PROCEED_WITH_TX: {
-    event: EventType.CLICK,
-    action: 'Proceed with transaction',
-    category: OVERVIEW_CATEGORY,
-  },
-  OPEN_ACTIVITY_APP: {
-    event: EventType.CLICK,
-    action: 'Open activity app from widget',
-    category: OVERVIEW_CATEGORY,
-  },
-}
-
-export enum OPEN_SAFE_LABELS {
-  sidebar = 'sidebar',
-  after_create = 'after_create',
-  after_add = 'after_add',
-  login_page = 'login_page',
-}
-
-export enum OVERVIEW_LABELS {
-  sidebar = 'sidebar',
-  quick_add = 'quick_add',
-  quick_remove = 'quick_remove',
-  top_bar = 'top_bar',
-  welcome_page = 'welcome_page',
-  login_page = 'login_page',
-  settings = 'settings',
-}
diff --git a/src/services/analytics/events/settings.ts b/src/services/analytics/events/settings.ts
deleted file mode 100644
index 1ed6294c0..000000000
--- a/src/services/analytics/events/settings.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-import { EventType } from '@/services/analytics/types'
-
-const SETTINGS_CATEGORY = 'settings'
-
-export const SETTINGS_EVENTS = {
-  SETUP: {
-    ADD_OWNER: {
-      action: 'Add owner',
-      category: SETTINGS_CATEGORY,
-    },
-    EDIT_OWNER: {
-      action: 'Edit owner',
-      category: SETTINGS_CATEGORY,
-    },
-    REPLACE_OWNER: {
-      action: 'Replace owner',
-      category: SETTINGS_CATEGORY,
-    },
-    REMOVE_OWNER: {
-      action: 'Remove owner',
-      category: SETTINGS_CATEGORY,
-    },
-    CHANGE_THRESHOLD: {
-      action: 'Change threshold',
-      category: SETTINGS_CATEGORY,
-    },
-    OWNERS: {
-      event: EventType.META,
-      action: 'Owners',
-      category: SETTINGS_CATEGORY,
-    },
-    THRESHOLD: {
-      event: EventType.META,
-      action: 'Threshold',
-      category: SETTINGS_CATEGORY,
-    },
-  },
-  APPEARANCE: {
-    COPY_PREFIXES: {
-      action: 'Copy EIP-3770 prefixes',
-      category: SETTINGS_CATEGORY,
-    },
-    DARK_MODE: {
-      action: 'Dark mode',
-      category: SETTINGS_CATEGORY,
-    },
-  },
-  MODULES: {
-    REMOVE_MODULE: {
-      action: 'Remove module',
-      category: SETTINGS_CATEGORY,
-    },
-    REMOVE_GUARD: {
-      action: 'Remove transaction guard',
-      category: SETTINGS_CATEGORY,
-    },
-  },
-  SPENDING_LIMIT: {
-    NEW_LIMIT: {
-      action: 'New spending limit',
-      category: SETTINGS_CATEGORY,
-    },
-    RESET_PERIOD: {
-      event: EventType.META,
-      action: 'Spending limit reset period',
-      category: SETTINGS_CATEGORY,
-    },
-    REMOVE_LIMIT: {
-      action: 'Remove spending limit',
-      category: SETTINGS_CATEGORY,
-    },
-    LIMIT_REMOVED: {
-      action: 'Spending limit removed',
-      category: SETTINGS_CATEGORY,
-    },
-  },
-  DATA: {
-    IMPORT_ADDRESS_BOOK: {
-      action: 'Imported address book via Import all',
-      category: SETTINGS_CATEGORY,
-    },
-    IMPORT_SETTINGS: {
-      action: 'Imported settings via Import all',
-      category: SETTINGS_CATEGORY,
-    },
-    IMPORT_SAFE_APPS: {
-      action: 'Imported Safe apps via Import all',
-      category: SETTINGS_CATEGORY,
-    },
-  },
-  ENV_VARIABLES: {
-    SAVE: {
-      action: 'Environment variables changed',
-      category: SETTINGS_CATEGORY,
-    },
-  },
-  SAFE_APPS: {
-    CHANGE_SIGNING_METHOD: {
-      action: 'Safe apps signing method changed',
-      category: SETTINGS_CATEGORY,
-    },
-  },
-}
diff --git a/src/services/analytics/events/transactions.ts b/src/services/analytics/events/transactions.ts
deleted file mode 100644
index 74f83b9c7..000000000
--- a/src/services/analytics/events/transactions.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { EventType } from '../types'
-
-export enum TX_TYPES {
-  // Settings
-  owner_add = 'owner_add',
-  owner_remove = 'owner_remove',
-  owner_swap = 'owner_swap',
-  owner_threshold_change = 'owner_threshold_change',
-
-  // Module txs
-  guard_remove = 'guard_remove',
-  module_remove = 'module_remove',
-
-  // Transfers
-  transfer_token = 'transfer_token',
-  transfer_nft = 'transfer_nft',
-
-  // Other
-  batch = 'batch',
-  rejection = 'rejection',
-  typed_message = 'typed_message',
-  walletconnect = 'walletconnect',
-  custom = 'custom',
-  native_swap = 'native_swap',
-  bulk_execute = 'bulk_execute',
-
-  // Counterfactual
-  activate_without_tx = 'activate_without_tx',
-  activate_with_tx = 'activate_with_tx',
-}
-
-const TX_CATEGORY = 'transactions'
-
-export const TX_EVENTS = {
-  CREATE: {
-    event: EventType.TX_CREATED,
-    action: 'Create transaction',
-    category: TX_CATEGORY,
-    // label: TX_TYPES,
-  },
-  CONFIRM: {
-    event: EventType.TX_CONFIRMED,
-    action: 'Confirm transaction',
-    category: TX_CATEGORY,
-  },
-  EXECUTE: {
-    event: EventType.TX_EXECUTED,
-    action: 'Execute transaction',
-    category: TX_CATEGORY,
-  },
-  SPEED_UP: {
-    event: EventType.TX_EXECUTED,
-    action: 'Speed up transaction',
-    category: TX_CATEGORY,
-  },
-  EXECUTE_THROUGH_ROLE: {
-    event: EventType.TX_EXECUTED_THROUGH_ROLE,
-    action: 'Execute transaction through role',
-    category: TX_CATEGORY,
-  },
-}
diff --git a/src/services/analytics/gtm.ts b/src/services/analytics/gtm.ts
deleted file mode 100644
index 3945b2d9e..000000000
--- a/src/services/analytics/gtm.ts
+++ /dev/null
@@ -1,188 +0,0 @@
-/**
- * Google Tag Manager-related functions.
- *
- * Initializes and un-initializes GTM in production or dev mode.
- * Allows sending datalayer events to GTM.
- *
- * This service should NOT be used directly by components. Use the `analytics` service instead.
- */
-
-import type { TagManagerArgs } from './TagManager'
-import TagManager from './TagManager'
-import {
-  IS_PRODUCTION,
-  GOOGLE_TAG_MANAGER_ID,
-  GOOGLE_TAG_MANAGER_AUTH_LIVE,
-  GOOGLE_TAG_MANAGER_AUTH_LATEST,
-  GOOGLE_TAG_MANAGER_DEVELOPMENT_AUTH,
-} from '@/config/constants'
-import type { AnalyticsEvent, EventLabel, SafeAppSDKEvent } from './types'
-import { EventType, DeviceType } from './types'
-import { SAFE_APPS_SDK_CATEGORY } from './events'
-import { getAbTest } from '../tracking/abTesting'
-import type { AbTest } from '../tracking/abTesting'
-import { AppRoutes } from '@/config/routes'
-import packageJson from '../../../package.json'
-
-type GTMEnvironment = 'LIVE' | 'LATEST' | 'DEVELOPMENT'
-type GTMEnvironmentArgs = Required<Pick<TagManagerArgs, 'auth' | 'preview'>>
-
-const GTM_ENV_AUTH: Record<GTMEnvironment, GTMEnvironmentArgs> = {
-  LIVE: {
-    auth: GOOGLE_TAG_MANAGER_AUTH_LIVE,
-    preview: 'env-1',
-  },
-  LATEST: {
-    auth: GOOGLE_TAG_MANAGER_AUTH_LATEST,
-    preview: 'env-2',
-  },
-  DEVELOPMENT: {
-    auth: GOOGLE_TAG_MANAGER_DEVELOPMENT_AUTH,
-    preview: 'env-3',
-  },
-}
-
-const commonEventParams = {
-  appVersion: packageJson.version,
-  chainId: '',
-  deviceType: DeviceType.DESKTOP,
-  safeAddress: '',
-}
-
-export const gtmSetChainId = (chainId: string): void => {
-  commonEventParams.chainId = chainId
-}
-
-export const gtmSetDeviceType = (type: DeviceType): void => {
-  commonEventParams.deviceType = type
-}
-
-export const gtmSetSafeAddress = (safeAddress: string): void => {
-  commonEventParams.safeAddress = safeAddress.slice(2) // Remove 0x prefix
-}
-
-export const gtmInit = (): void => {
-  const GTM_ENVIRONMENT = IS_PRODUCTION ? GTM_ENV_AUTH.LIVE : GTM_ENV_AUTH.DEVELOPMENT
-
-  if (!GOOGLE_TAG_MANAGER_ID || !GTM_ENVIRONMENT.auth) {
-    console.warn('[GTM] - Unable to initialize Google Tag Manager. `id` or `gtm_auth` missing.')
-    return
-  }
-
-  TagManager.initialize({
-    gtmId: GOOGLE_TAG_MANAGER_ID,
-    ...GTM_ENVIRONMENT,
-  })
-}
-
-export const gtmEnableCookies = TagManager.enableCookies
-export const gtmDisableCookies = TagManager.disableCookies
-export const gtmSetUserProperty = TagManager.setUserProperty
-
-type GtmEvent = {
-  event: EventType
-  chainId: string
-  deviceType: DeviceType
-  abTest?: AbTest
-}
-
-type ActionGtmEvent = GtmEvent & {
-  eventCategory: string
-  eventAction: string
-  eventLabel?: EventLabel
-  eventType?: string
-}
-
-type PageviewGtmEvent = GtmEvent & {
-  pageLocation: string
-  pagePath: string
-}
-
-type SafeAppGtmEvent = ActionGtmEvent & {
-  safeAppName: string
-  safeAppMethod?: string
-  safeAppEthMethod?: string
-  safeAppSDKVersion?: string
-}
-
-const gtmSend = TagManager.dataLayer
-
-export const gtmTrack = (eventData: AnalyticsEvent): void => {
-  const gtmEvent: ActionGtmEvent = {
-    ...commonEventParams,
-    event: eventData.event || EventType.CLICK,
-    eventCategory: eventData.category,
-    eventAction: eventData.action,
-    chainId: eventData.chainId || commonEventParams.chainId,
-  }
-
-  if (eventData.event) {
-    gtmEvent.eventType = eventData.event
-  } else {
-    gtmEvent.eventType = undefined
-  }
-
-  if (eventData.label !== undefined) {
-    gtmEvent.eventLabel = eventData.label
-  } else {
-    // Otherwise, whatever was in the datalayer before will be reused
-    gtmEvent.eventLabel = undefined
-  }
-
-  const abTest = getAbTest()
-
-  if (abTest) {
-    gtmEvent.abTest = abTest
-  }
-
-  gtmSend(gtmEvent)
-}
-
-export const gtmTrackPageview = (pagePath: string, pathWithQuery: string): void => {
-  const gtmEvent: PageviewGtmEvent = {
-    ...commonEventParams,
-    event: EventType.PAGEVIEW,
-    pageLocation: `${location.origin}${pathWithQuery}`,
-    pagePath,
-  }
-
-  gtmSend(gtmEvent)
-}
-
-export const normalizeAppName = (appName?: string): string => {
-  // App name is a URL
-  if (appName?.startsWith('http')) {
-    // Strip search query and hash
-    return appName.split('?')[0].split('#')[0]
-  }
-  return appName || ''
-}
-
-export const gtmTrackSafeApp = (eventData: AnalyticsEvent, appName?: string, sdkEventData?: SafeAppSDKEvent): void => {
-  if (!location.pathname.startsWith(AppRoutes.apps.index)) {
-    return
-  }
-
-  const safeAppGtmEvent: SafeAppGtmEvent = {
-    ...commonEventParams,
-    event: EventType.SAFE_APP,
-    eventCategory: eventData.category,
-    eventAction: eventData.action,
-    safeAppName: normalizeAppName(appName),
-    safeAppEthMethod: '',
-    safeAppMethod: '',
-    safeAppSDKVersion: '',
-  }
-
-  if (eventData.category === SAFE_APPS_SDK_CATEGORY) {
-    safeAppGtmEvent.safeAppMethod = sdkEventData?.method
-    safeAppGtmEvent.safeAppEthMethod = sdkEventData?.ethMethod
-    safeAppGtmEvent.safeAppSDKVersion = sdkEventData?.version
-  }
-
-  if (eventData.label) {
-    safeAppGtmEvent.eventLabel = eventData.label
-  }
-
-  gtmSend(safeAppGtmEvent)
-}
diff --git a/src/services/analytics/index.ts b/src/services/analytics/index.ts
deleted file mode 100644
index 5bb16d7dd..000000000
--- a/src/services/analytics/index.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * The analytics service.
- *
- * Exports `trackEvent` and event types.
- * `trackEvent` is supposed to be called by UI components.
- *
- * The event definitions are in the `events` folder.
- *
- * Usage example:
- *
- * `import { trackEvent, ADDRESS_BOOK_EVENTS } from '@/services/analytics'`
- * `trackEvent(ADDRESS_BOOK_EVENTS.EXPORT)`
- */
-import { gtmTrack, gtmTrackSafeApp } from './gtm'
-
-export const trackEvent = gtmTrack
-export const trackSafeAppEvent = gtmTrackSafeApp
-
-export * from './types'
-export * from './events'
diff --git a/src/services/analytics/tx-tracking.ts b/src/services/analytics/tx-tracking.ts
deleted file mode 100644
index 0f9af3359..000000000
--- a/src/services/analytics/tx-tracking.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { TX_TYPES } from '@/services/analytics/events/transactions'
-import { getTxDetails } from '@/services/transactions'
-import { SettingsInfoType, type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
-import {
-  isERC721Transfer,
-  isMultiSendTxInfo,
-  isSettingsChangeTxInfo,
-  isTransferTxInfo,
-  isCustomTxInfo,
-  isCancellationTxInfo,
-  isSwapOrderTxInfo,
-} from '@/utils/transaction-guards'
-
-export const getTransactionTrackingType = async (chainId: string, txId: string): Promise<string> => {
-  let details: TransactionDetails
-
-  try {
-    details = await getTxDetails(chainId, txId)
-  } catch {
-    return TX_TYPES.custom
-  }
-
-  const { txInfo } = details
-
-  if (isTransferTxInfo(txInfo)) {
-    if (isERC721Transfer(txInfo.transferInfo)) {
-      return TX_TYPES.transfer_nft
-    }
-    return TX_TYPES.transfer_token
-  }
-
-  if (isSwapOrderTxInfo(txInfo)) {
-    return TX_TYPES.native_swap
-  }
-
-  if (isSettingsChangeTxInfo(txInfo)) {
-    switch (txInfo.settingsInfo?.type) {
-      case SettingsInfoType.ADD_OWNER: {
-        return TX_TYPES.owner_add
-      }
-      case SettingsInfoType.REMOVE_OWNER: {
-        return TX_TYPES.owner_remove
-      }
-      case SettingsInfoType.SWAP_OWNER: {
-        return TX_TYPES.owner_swap
-      }
-      case SettingsInfoType.CHANGE_THRESHOLD: {
-        return TX_TYPES.owner_threshold_change
-      }
-      case SettingsInfoType.DISABLE_MODULE: {
-        return TX_TYPES.module_remove
-      }
-      case SettingsInfoType.DELETE_GUARD: {
-        return TX_TYPES.guard_remove
-      }
-    }
-  }
-
-  if (isCustomTxInfo(txInfo)) {
-    if (isCancellationTxInfo(txInfo)) {
-      return TX_TYPES.rejection
-    }
-
-    if (details.safeAppInfo) {
-      return details.safeAppInfo.url
-    }
-
-    if (isMultiSendTxInfo(txInfo)) {
-      return TX_TYPES.batch
-    }
-
-    return TX_TYPES.walletconnect
-  }
-
-  return TX_TYPES.custom
-}
diff --git a/src/services/analytics/types.ts b/src/services/analytics/types.ts
deleted file mode 100644
index 781615ffb..000000000
--- a/src/services/analytics/types.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-/**
- * These event names are passed straight to GTM
- */
-export enum EventType {
-  PAGEVIEW = 'pageview',
-  CLICK = 'customClick',
-  META = 'metadata',
-  SAFE_APP = 'safeApp',
-  SAFE_CREATED = 'safe_created',
-  SAFE_ACTIVATED = 'safe_activated',
-  SAFE_OPENED = 'safe_opened',
-  WALLET_CONNECTED = 'wallet_connected',
-  TX_CREATED = 'tx_created',
-  TX_CONFIRMED = 'tx_confirmed',
-  TX_EXECUTED = 'tx_executed',
-  TX_EXECUTED_THROUGH_ROLE = 'tx_executed_through_role',
-}
-
-export type EventLabel = string | number | boolean | null
-
-export type AnalyticsEvent = {
-  event?: EventType
-  category: string
-  action: string
-  label?: EventLabel
-  chainId?: string
-}
-
-export type SafeAppSDKEvent = {
-  method: string
-  ethMethod: string
-  version: string
-}
-
-export enum DeviceType {
-  DESKTOP = 'desktop',
-  MOBILE = 'mobile',
-  TABLET = 'tablet',
-}
-
-export enum AnalyticsUserProperties {
-  WALLET_LABEL = 'walletLabel',
-  WALLET_ADDRESS = 'walletAddress',
-}
diff --git a/src/services/contracts/__tests__/safeContracts.test.ts b/src/services/contracts/__tests__/safeContracts.test.ts
deleted file mode 100644
index 6e269bdc8..000000000
--- a/src/services/contracts/__tests__/safeContracts.test.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { ImplementationVersionState } from '@safe-global/safe-gateway-typescript-sdk'
-import { _getValidatedGetContractProps, isValidMasterCopy, _getMinimumMultiSendCallOnlyVersion } from '../safeContracts'
-
-describe('safeContracts', () => {
-  describe('isValidMasterCopy', () => {
-    it('returns false if the implementation is unknown', async () => {
-      const isValid = isValidMasterCopy(ImplementationVersionState.UNKNOWN)
-
-      expect(isValid).toBe(false)
-    })
-
-    it('returns true if the implementation is up-to-date', async () => {
-      const isValid = isValidMasterCopy(ImplementationVersionState.UP_TO_DATE)
-
-      expect(isValid).toBe(true)
-    })
-
-    it('returns true if the implementation is outdated', async () => {
-      const isValid = isValidMasterCopy(ImplementationVersionState.OUTDATED)
-
-      expect(isValid).toBe(true)
-    })
-  })
-  describe('getValidatedGetContractProps', () => {
-    it('should return the correct props', () => {
-      expect(_getValidatedGetContractProps('1.1.1')).toEqual({
-        safeVersion: '1.1.1',
-      })
-
-      expect(_getValidatedGetContractProps('1.2.0')).toEqual({
-        safeVersion: '1.2.0',
-      })
-
-      expect(_getValidatedGetContractProps('1.3.0')).toEqual({
-        safeVersion: '1.3.0',
-      })
-
-      expect(_getValidatedGetContractProps('1.3.0+L2')).toEqual({
-        safeVersion: '1.3.0',
-      })
-    })
-    it('should throw if the Safe version is invalid', () => {
-      expect(() => _getValidatedGetContractProps('1.3.1')).toThrow('1.3.1 is not a valid Safe Account version')
-
-      expect(() => _getValidatedGetContractProps('1.4.0')).toThrow('1.4.0 is not a valid Safe Account version')
-
-      expect(() => _getValidatedGetContractProps('0.0.1')).toThrow('0.0.1 is not a valid Safe Account version')
-
-      expect(() => _getValidatedGetContractProps('')).toThrow(' is not a valid Safe Account version')
-    })
-  })
-
-  describe('_getMinimumMultiSendCallOnlyVersion', () => {
-    it('should return the initial version if the Safe version is null', () => {
-      expect(_getMinimumMultiSendCallOnlyVersion(null)).toBe('1.3.0')
-    })
-
-    it('should return the initial version if the Safe version is lower than the initial version', () => {
-      expect(_getMinimumMultiSendCallOnlyVersion('1.0.0')).toBe('1.3.0')
-    })
-
-    it('should return the Safe version if the Safe version is higher than the initial version', () => {
-      expect(_getMinimumMultiSendCallOnlyVersion('1.4.1')).toBe('1.4.1')
-    })
-  })
-})
diff --git a/src/services/contracts/deployments.ts b/src/services/contracts/deployments.ts
deleted file mode 100644
index 181b8ff5b..000000000
--- a/src/services/contracts/deployments.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import semverSatisfies from 'semver/functions/satisfies'
-import {
-  getSafeSingletonDeployment,
-  getSafeL2SingletonDeployment,
-  getMultiSendCallOnlyDeployment,
-  getFallbackHandlerDeployment,
-  getProxyFactoryDeployment,
-  getSignMessageLibDeployment,
-  getCreateCallDeployment,
-} from '@safe-global/safe-deployments'
-import type { SingletonDeployment, DeploymentFilter } from '@safe-global/safe-deployments'
-import type { ChainInfo, SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-
-import { LATEST_SAFE_VERSION } from '@/config/constants'
-
-export const _tryDeploymentVersions = (
-  getDeployment: (filter?: DeploymentFilter) => SingletonDeployment | undefined,
-  network: string,
-  version: SafeInfo['version'],
-): SingletonDeployment | undefined => {
-  // Unsupported Safe version
-  if (version === null) {
-    // Assume latest version as fallback
-    return getDeployment({
-      version: LATEST_SAFE_VERSION,
-      network,
-    })
-  }
-
-  // Supported Safe version
-  return getDeployment({
-    version,
-    network,
-  })
-}
-
-export const _isLegacy = (safeVersion: SafeInfo['version']): boolean => {
-  const LEGACY_VERSIONS = '<=1.0.0'
-  return !!safeVersion && semverSatisfies(safeVersion, LEGACY_VERSIONS)
-}
-
-export const _isL2 = (chain: ChainInfo, safeVersion: SafeInfo['version']): boolean => {
-  const L2_VERSIONS = '>=1.3.0'
-
-  // Unsupported safe version
-  if (safeVersion === null) {
-    return chain.l2
-  }
-
-  // We had L1 contracts on xDai, EWC and Volta so we also need to check version is after 1.3.0
-  return chain.l2 && semverSatisfies(safeVersion, L2_VERSIONS)
-}
-
-export const getSafeContractDeployment = (
-  chain: ChainInfo,
-  safeVersion: SafeInfo['version'],
-): SingletonDeployment | undefined => {
-  // Check if prior to 1.0.0 to keep minimum compatibility
-  if (_isLegacy(safeVersion)) {
-    return getSafeSingletonDeployment({ version: '1.0.0' })
-  }
-
-  const getDeployment = _isL2(chain, safeVersion) ? getSafeL2SingletonDeployment : getSafeSingletonDeployment
-
-  return _tryDeploymentVersions(getDeployment, chain.chainId, safeVersion)
-}
-
-export const getMultiSendCallOnlyContractDeployment = (chainId: string, safeVersion: SafeInfo['version']) => {
-  return _tryDeploymentVersions(getMultiSendCallOnlyDeployment, chainId, safeVersion)
-}
-
-export const getFallbackHandlerContractDeployment = (chainId: string, safeVersion: SafeInfo['version']) => {
-  return _tryDeploymentVersions(getFallbackHandlerDeployment, chainId, safeVersion)
-}
-
-export const getProxyFactoryContractDeployment = (chainId: string, safeVersion: SafeInfo['version']) => {
-  return _tryDeploymentVersions(getProxyFactoryDeployment, chainId, safeVersion)
-}
-
-export const getSignMessageLibContractDeployment = (chainId: string, safeVersion: SafeInfo['version']) => {
-  return _tryDeploymentVersions(getSignMessageLibDeployment, chainId, safeVersion)
-}
-
-export const getCreateCallContractDeployment = (chainId: string, safeVersion: SafeInfo['version']) => {
-  return _tryDeploymentVersions(getCreateCallDeployment, chainId, safeVersion)
-}
diff --git a/src/services/contracts/safeContracts.ts b/src/services/contracts/safeContracts.ts
deleted file mode 100644
index 2a99c4ba2..000000000
--- a/src/services/contracts/safeContracts.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-import {
-  getFallbackHandlerContractDeployment,
-  getMultiSendCallOnlyContractDeployment,
-  getProxyFactoryContractDeployment,
-  getSafeContractDeployment,
-  getSignMessageLibContractDeployment,
-} from './deployments'
-import { LATEST_SAFE_VERSION } from '@/config/constants'
-import { ImplementationVersionState } from '@safe-global/safe-gateway-typescript-sdk'
-import type { ChainInfo, SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import type { GetContractProps, SafeVersion } from '@safe-global/safe-core-sdk-types'
-import { assertValidSafeVersion, createEthersAdapter, createReadOnlyEthersAdapter } from '@/hooks/coreSDK/safeCoreSDK'
-import type { BrowserProvider } from 'ethers'
-import type { EthersAdapter, SafeContractEthers, SignMessageLibEthersContract } from '@safe-global/protocol-kit'
-import semver from 'semver'
-
-import type CompatibilityFallbackHandlerEthersContract from '@safe-global/protocol-kit/dist/src/adapters/ethers/contracts/CompatibilityFallbackHandler/CompatibilityFallbackHandlerEthersContract'
-
-// `UNKNOWN` is returned if the mastercopy does not match supported ones
-// @see https://github.com/safe-global/safe-client-gateway/blob/main/src/routes/safes/handlers/safes.rs#L28-L31
-//      https://github.com/safe-global/safe-client-gateway/blob/main/src/routes/safes/converters.rs#L77-L79
-export const isValidMasterCopy = (implementationVersionState: SafeInfo['implementationVersionState']): boolean => {
-  return implementationVersionState !== ImplementationVersionState.UNKNOWN
-}
-
-export const _getValidatedGetContractProps = (
-  safeVersion: SafeInfo['version'],
-): Pick<GetContractProps, 'safeVersion'> => {
-  assertValidSafeVersion(safeVersion)
-
-  // SDK request here: https://github.com/safe-global/safe-core-sdk/issues/261
-  // Remove '+L2'/'+Circles' metadata from version
-  const [noMetadataVersion] = safeVersion.split('+')
-
-  return {
-    safeVersion: noMetadataVersion as SafeVersion,
-  }
-}
-
-// GnosisSafe
-
-const getGnosisSafeContractEthers = async (safe: SafeInfo, ethAdapter: EthersAdapter): Promise<SafeContractEthers> => {
-  return ethAdapter.getSafeContract({
-    customContractAddress: safe.address.value,
-    ..._getValidatedGetContractProps(safe.version),
-  })
-}
-
-export const getReadOnlyCurrentGnosisSafeContract = async (safe: SafeInfo): Promise<SafeContractEthers> => {
-  const ethAdapter = createReadOnlyEthersAdapter()
-  return getGnosisSafeContractEthers(safe, ethAdapter)
-}
-
-export const getCurrentGnosisSafeContract = async (
-  safe: SafeInfo,
-  provider: BrowserProvider,
-): Promise<SafeContractEthers> => {
-  const ethAdapter = await createEthersAdapter(provider)
-  return getGnosisSafeContractEthers(safe, ethAdapter)
-}
-
-export const getReadOnlyGnosisSafeContract = async (chain: ChainInfo, safeVersion: string = LATEST_SAFE_VERSION) => {
-  const ethAdapter = createReadOnlyEthersAdapter()
-
-  return ethAdapter.getSafeContract({
-    singletonDeployment: getSafeContractDeployment(chain, safeVersion),
-    ..._getValidatedGetContractProps(safeVersion),
-  })
-}
-
-// MultiSend
-
-export const _getMinimumMultiSendCallOnlyVersion = (safeVersion: SafeInfo['version']) => {
-  const INITIAL_CALL_ONLY_VERSION = '1.3.0'
-
-  if (!safeVersion) {
-    return INITIAL_CALL_ONLY_VERSION
-  }
-
-  return semver.gte(safeVersion, INITIAL_CALL_ONLY_VERSION) ? safeVersion : INITIAL_CALL_ONLY_VERSION
-}
-
-export const getMultiSendCallOnlyContract = async (
-  chainId: string,
-  safeVersion: SafeInfo['version'],
-  provider: BrowserProvider,
-) => {
-  const ethAdapter = await createEthersAdapter(provider)
-  const multiSendVersion = _getMinimumMultiSendCallOnlyVersion(safeVersion)
-
-  return ethAdapter.getMultiSendCallOnlyContract({
-    singletonDeployment: getMultiSendCallOnlyContractDeployment(chainId, multiSendVersion),
-    ..._getValidatedGetContractProps(safeVersion),
-  })
-}
-
-export const getReadOnlyMultiSendCallOnlyContract = async (chainId: string, safeVersion: SafeInfo['version']) => {
-  const ethAdapter = createReadOnlyEthersAdapter()
-  const multiSendVersion = _getMinimumMultiSendCallOnlyVersion(safeVersion)
-
-  return ethAdapter.getMultiSendCallOnlyContract({
-    singletonDeployment: getMultiSendCallOnlyContractDeployment(chainId, multiSendVersion),
-    ..._getValidatedGetContractProps(safeVersion),
-  })
-}
-
-// GnosisSafeProxyFactory
-
-export const getReadOnlyProxyFactoryContract = (chainId: string, safeVersion: SafeInfo['version']) => {
-  const ethAdapter = createReadOnlyEthersAdapter()
-
-  return ethAdapter.getSafeProxyFactoryContract({
-    singletonDeployment: getProxyFactoryContractDeployment(chainId, safeVersion),
-    ..._getValidatedGetContractProps(safeVersion),
-  })
-}
-
-// Fallback handler
-
-export const getReadOnlyFallbackHandlerContract = async (
-  chainId: string,
-  safeVersion: SafeInfo['version'],
-): Promise<CompatibilityFallbackHandlerEthersContract> => {
-  const ethAdapter = createReadOnlyEthersAdapter()
-
-  return ethAdapter.getCompatibilityFallbackHandlerContract({
-    singletonDeployment: getFallbackHandlerContractDeployment(chainId, safeVersion),
-    ..._getValidatedGetContractProps(safeVersion),
-  })
-}
-
-// Sign messages deployment
-
-export const getReadOnlySignMessageLibContract = async (
-  chainId: string,
-  safeVersion: SafeInfo['version'],
-): Promise<SignMessageLibEthersContract> => {
-  const ethAdapter = createReadOnlyEthersAdapter()
-
-  return ethAdapter.getSignMessageLibContract({
-    singletonDeployment: getSignMessageLibContractDeployment(chainId, safeVersion),
-    ..._getValidatedGetContractProps(safeVersion),
-  })
-}
diff --git a/src/services/contracts/spendingLimitContracts.ts b/src/services/contracts/spendingLimitContracts.ts
deleted file mode 100644
index 2848ff697..000000000
--- a/src/services/contracts/spendingLimitContracts.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { getAllowanceModuleDeployment } from '@safe-global/safe-modules-deployments'
-
-import type { AllowanceModule } from '@/types/contracts'
-import { AllowanceModule__factory } from '@/types/contracts'
-import type { JsonRpcProvider, JsonRpcSigner } from 'ethers'
-
-export const getSpendingLimitModuleAddress = (chainId: string): string | undefined => {
-  const deployment = getAllowanceModuleDeployment({ network: chainId })
-
-  return deployment?.networkAddresses[chainId]
-}
-
-// SDK request here: https://github.com/safe-global/safe-core-sdk/issues/263
-export const getSpendingLimitContract = (
-  chainId: string,
-  provider: JsonRpcProvider | JsonRpcSigner,
-): AllowanceModule => {
-  const allowanceModuleDeployment = getAllowanceModuleDeployment({ network: chainId })
-
-  if (!allowanceModuleDeployment) {
-    throw new Error(`AllowanceModule contract not found`)
-  }
-
-  const contractAddress = allowanceModuleDeployment.networkAddresses[chainId]
-
-  return AllowanceModule__factory.connect(contractAddress, provider)
-}
-
-export const getSpendingLimitInterface = () => {
-  return AllowanceModule__factory.createInterface()
-}
diff --git a/src/services/ens/index.ts b/src/services/ens/index.ts
deleted file mode 100644
index 295f1368f..000000000
--- a/src/services/ens/index.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { type Provider } from 'ethers'
-import { logError } from '../exceptions'
-import ErrorCodes from '../exceptions/ErrorCodes'
-
-type EthersError = Error & {
-  reason?: string
-}
-
-// ENS domains can have any TLD, so just check that it ends with a dot-separated tld
-const DOMAIN_RE = /[^.]+[.][^.]+$/iu
-
-export function isDomain(domain: string): boolean {
-  return DOMAIN_RE.test(domain)
-}
-
-export const resolveName = async (rpcProvider: Provider, name: string): Promise<string | undefined> => {
-  let chainId = ''
-  try {
-    chainId = (await rpcProvider.getNetwork()).chainId.toString()
-  } catch {}
-
-  try {
-    return (await rpcProvider.resolveName(name)) || undefined
-  } catch (e) {
-    const err = e as EthersError
-    logError(ErrorCodes._101, err.reason || err.message)
-  }
-}
-
-export const lookupAddress = async (rpcProvider: Provider, address: string): Promise<string | undefined> => {
-  try {
-    return (await rpcProvider.lookupAddress(address)) || undefined
-  } catch (e) {
-    const err = e as EthersError
-    logError(ErrorCodes._101, err.reason || err.message)
-  }
-}
diff --git a/src/services/exceptions/__tests__/index.test.ts b/src/services/exceptions/__tests__/index.test.ts
deleted file mode 100644
index 72752cc42..000000000
--- a/src/services/exceptions/__tests__/index.test.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import { Errors, logError, trackError, CodedException } from '..'
-import * as constants from '@/config/constants'
-import * as Sentry from '@/services/sentry'
-
-jest.spyOn(Sentry, 'sentryCaptureException').mockImplementation(() => '')
-
-describe('CodedException', () => {
-  beforeAll(() => {
-    jest.mock('@/config/constants', () => ({
-      IS_PRODUCTION: false,
-    }))
-    console.error = jest.fn()
-  })
-
-  afterAll(() => {
-    jest.clearAllMocks()
-  })
-
-  afterEach(() => {
-    jest.clearAllMocks()
-    jest.spyOn(constants, 'IS_PRODUCTION', 'get').mockImplementation(() => false)
-  })
-
-  it('throws an error if code is not found', () => {
-    expect(Errors.___0).toBe('0: No such error code')
-
-    expect(() => {
-      new CodedException('weird error' as any)
-    }).toThrow('Code 0: No such error code (weird error)')
-  })
-
-  it('creates an error', () => {
-    const err = new CodedException(Errors._100)
-    expect(err.message).toBe('Code 100: Invalid input in the address field')
-    expect(err.code).toBe(100)
-    expect(err.content).toBe(Errors._100)
-  })
-
-  it('creates an error with an extra message from a string', () => {
-    const err = new CodedException(Errors._100, '0x123')
-    expect(err.message).toBe('Code 100: Invalid input in the address field (0x123)')
-    expect(err.code).toBe(100)
-    expect(err.content).toBe(Errors._100)
-  })
-
-  it('creates an error with an extra message from an Error instance', () => {
-    const err = new CodedException(Errors._100, new Error('0x123'))
-    expect(err.message).toBe('Code 100: Invalid input in the address field (0x123)')
-    expect(err.code).toBe(100)
-    expect(err.content).toBe(Errors._100)
-  })
-
-  it('creates an error with an extra message from an object', () => {
-    const err = new CodedException(Errors._100, { address: '0x123' })
-    expect(err.message).toBe('Code 100: Invalid input in the address field ({"address":"0x123"})')
-    expect(err.code).toBe(100)
-    expect(err.content).toBe(Errors._100)
-  })
-
-  it('creates an error with an extra message', () => {
-    const err = new CodedException(Errors._901, 'getSafeBalance: Server responded with 429 Too Many Requests')
-    expect(err.message).toBe(
-      'Code 901: Error processing Safe Apps SDK request (getSafeBalance: Server responded with 429 Too Many Requests)',
-    )
-    expect(err.code).toBe(901)
-  })
-
-  describe('Logging', () => {
-    it('logs to the console', () => {
-      const err = logError(Errors._100, '123')
-      expect(err.message).toBe('Code 100: Invalid input in the address field (123)')
-      expect(console.error).toHaveBeenCalledWith(err)
-    })
-
-    it('logs to the console via the public log method', () => {
-      const err = new CodedException(Errors._601)
-      expect(err.message).toBe('Code 601: Error fetching balances')
-      expect(console.error).not.toHaveBeenCalled()
-      err.log()
-      expect(console.error).toHaveBeenCalledWith(err)
-    })
-
-    it('logs only the error message on prod', () => {
-      jest.spyOn(constants, 'IS_PRODUCTION', 'get').mockImplementation(() => true)
-      logError(Errors._100)
-      expect(console.error).toHaveBeenCalledWith('Code 100: Invalid input in the address field')
-    })
-  })
-
-  describe('Tracking', () => {
-    it('tracks using Sentry on production', () => {
-      jest.spyOn(constants, 'IS_PRODUCTION', 'get').mockImplementation(() => true)
-      const err = trackError(Errors._100)
-      expect(Sentry.sentryCaptureException).toHaveBeenCalled()
-      expect(console.error).toHaveBeenCalledWith(err.message)
-    })
-
-    it('does not track using Sentry in non-production envs', () => {
-      const err = trackError(Errors._100)
-      expect(Sentry.sentryCaptureException).not.toHaveBeenCalled()
-      expect(console.error).toHaveBeenCalledWith(err)
-    })
-  })
-})
diff --git a/src/services/exceptions/__tests__/utils.test.ts b/src/services/exceptions/__tests__/utils.test.ts
deleted file mode 100644
index 40984da62..000000000
--- a/src/services/exceptions/__tests__/utils.test.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { asError } from '@/services/exceptions/utils'
-
-describe('utils', () => {
-  describe('asError', () => {
-    it('should return the same error if thrown is an instance of Error', () => {
-      const thrown = new Error('test error')
-
-      expect(asError(thrown)).toEqual(new Error('test error'))
-    })
-
-    it('should return a new Error instance with the thrown value if thrown is a string', () => {
-      const thrown = 'test error'
-
-      const result = asError(thrown)
-      expect(result).toEqual(new Error('test error'))
-
-      // If stringified:
-      expect(result).not.toEqual(new Error('"test error'))
-    })
-    it('should return a new Error instance with the stringified thrown value if thrown is not an instance of Error', () => {
-      const thrown = { message: 'test error' }
-
-      expect(asError(thrown)).toEqual(new Error('{"message":"test error"}'))
-    })
-
-    it('should return a new Error instance with the string representation of thrown if JSON.stringify throws an error', () => {
-      // Circular dependency
-      const thrown: Record<string, unknown> = {}
-      thrown.a = { b: thrown }
-
-      expect(asError(thrown)).toEqual(new Error('[object Object]'))
-    })
-  })
-})
diff --git a/src/services/exceptions/index.ts b/src/services/exceptions/index.ts
deleted file mode 100644
index 5166028b2..000000000
--- a/src/services/exceptions/index.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { sentryCaptureException } from '@/services/sentry'
-import { IS_PRODUCTION } from '@/config/constants'
-import ErrorCodes from './ErrorCodes'
-import { asError } from './utils'
-
-export class CodedException extends Error {
-  public readonly code: number
-  public readonly content: string
-
-  private getCode(content: ErrorCodes): number {
-    const codePrefix = content.split(':')[0]
-    const code = Number(codePrefix)
-    if (isNaN(code)) {
-      throw new CodedException(ErrorCodes.___0, codePrefix)
-    }
-    return code
-  }
-
-  constructor(content: ErrorCodes, thrown?: unknown) {
-    super()
-
-    const extraInfo = thrown ? ` (${asError(thrown).message})` : ''
-    this.message = `Code ${content}${extraInfo}`
-    this.code = this.getCode(content)
-    this.content = content
-  }
-
-  public log(): void {
-    // Filter out the logError fn from the stack trace
-    if (this.stack) {
-      const newStack = this.stack
-        .split('\n')
-        .filter((line) => !line.includes(logError.name))
-        .join('\n')
-      try {
-        this.stack = newStack
-      } catch (e) {}
-    }
-
-    // Log only the message on prod, and the full error on dev
-    console.error(IS_PRODUCTION ? this.message : this)
-  }
-
-  public track(): void {
-    this.log()
-
-    if (IS_PRODUCTION) {
-      sentryCaptureException(this)
-    }
-  }
-}
-
-type ErrorHandler = (content: ErrorCodes, thrown?: unknown) => CodedException
-
-export const logError: ErrorHandler = function logError(...args) {
-  const error = new CodedException(...args)
-  error.log()
-  return error
-}
-
-export const trackError: ErrorHandler = function trackError(...args) {
-  const error = new CodedException(...args)
-  error.track()
-  return error
-}
-
-export const Errors = ErrorCodes
diff --git a/src/services/local-storage/useLocalStorage.ts b/src/services/local-storage/useLocalStorage.ts
deleted file mode 100644
index 0c303e165..000000000
--- a/src/services/local-storage/useLocalStorage.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { useCallback, useEffect } from 'react'
-import ExternalStore from '../ExternalStore'
-import local from './local'
-
-// The setter accepts T or a function that takes the old value and returns T
-// Mimics the behavior of useState
-type Undefinable<T> = T | undefined
-
-export type Setter<T> = (val: T | ((prevVal: Undefinable<T>) => Undefinable<T>)) => void
-
-// External stores for each localStorage key which act as a shared cache for LS
-const externalStores: Record<string, ExternalStore<any>> = {}
-
-const useLocalStorage = <T>(key: string): [Undefinable<T>, Setter<T>] => {
-  if (!externalStores[key]) {
-    externalStores[key] = new ExternalStore<T>()
-  }
-  const { getStore, setStore, useStore } = externalStores[key] as ExternalStore<T>
-
-  // This is the setter that will be returned
-  // It will update the local storage and cache
-  const setNewValue = useCallback<Setter<T>>(
-    (value) => {
-      setStore((oldValue) => {
-        const newValue = value instanceof Function ? value(oldValue) : value
-
-        if (newValue !== oldValue) {
-          local.setItem(key, newValue)
-        }
-
-        return newValue
-      })
-    },
-    [key, setStore],
-  )
-
-  // Set the initial value from LS on mount
-  useEffect(() => {
-    if (getStore() === undefined) {
-      const lsValue = local.getItem<T>(key)
-      if (lsValue !== null) {
-        setStore(lsValue)
-      }
-    }
-  }, [key, getStore, setStore])
-
-  // Subscribe to changes in local storage and update the cache
-  // This will work across tabs
-  useEffect(() => {
-    const onStorageEvent = (event: StorageEvent) => {
-      if (event.key === local.getPrefixedKey(key)) {
-        const lsValue = local.getItem<T>(key)
-        if (lsValue !== null && lsValue !== getStore()) {
-          setStore(lsValue)
-        }
-      }
-    }
-
-    window.addEventListener('storage', onStorageEvent)
-
-    return () => {
-      window.removeEventListener('storage', onStorageEvent)
-    }
-  }, [key, getStore, setStore])
-
-  return [useStore(), setNewValue]
-}
-
-export default useLocalStorage
diff --git a/src/services/ls-migration/addressBook.ts b/src/services/ls-migration/addressBook.ts
deleted file mode 100644
index c92484d12..000000000
--- a/src/services/ls-migration/addressBook.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import chains from '@/config/chains'
-import { type AddressBookState } from '@/store/addressBookSlice'
-import { isChecksummedAddress } from '@/utils/addresses'
-import type { LOCAL_STORAGE_DATA } from './common'
-import { parseLsValue } from './common'
-
-const OLD_LS_KEY = 'SAFE__addressBook'
-
-type OldAddressBook = Array<{ address: string; name: string; chainId: string }>
-
-export const migrateAddressBook = (lsData: LOCAL_STORAGE_DATA): AddressBookState | void => {
-  const legacyAb = parseLsValue<OldAddressBook>(lsData[OLD_LS_KEY])
-  if (Array.isArray(legacyAb)) {
-    console.log('Migrating address book')
-
-    const newAb = legacyAb.reduce<AddressBookState>((acc, { address, name, chainId }) => {
-      if (!name || !address || !isChecksummedAddress(address, chainId) || chainId === chains.rin) {
-        return acc
-      }
-      acc[chainId] = acc[chainId] || {}
-      acc[chainId][address] = name
-      return acc
-    }, {})
-
-    if (Object.keys(newAb).length > 0) {
-      return newAb
-    }
-  }
-}
diff --git a/src/services/ofac/blockedAddressList.json b/src/services/ofac/blockedAddressList.json
deleted file mode 100644
index 2a75c8a50..000000000
--- a/src/services/ofac/blockedAddressList.json
+++ /dev/null
@@ -1,158 +0,0 @@
-[
-  "0x8576acc5c05d6ce88f4e49bf65bdf0c62f91353c",
-  "0x901bb9583b24d97e995513c6778dc6888ab6870e",
-  "0xa7e5d5a720f06526557c513402f2e6b5fa20b008",
-  "0xd882cfc20f52f2599d84b8e8d58c7fb62cfe344b",
-  "0x7f367cc41522ce07553e823bf3be79a889debe1b",
-  "0x1da5821544e25c636c1417ba96ade4cf6d2f9b5a",
-  "0x7db418b5d567a4e0e8c59ad71be1fce48f3e6107",
-  "0x72a5843cc08275c8171e582972aa4fda8c397b2a",
-  "0x7f19720a857f834887fc9a7bc0a0fbe7fc7f8102",
-  "0x9f4cda013e354b8fc285bf4b9a60460cee7f7ea9",
-  "0x2f389ce8bd8ff92de3402ffce4691d17fc4f6535",
-  "0x19aa5fe80d33a56d56c78e82ea5e50e5d80b4dff",
-  "0xe7aa314c77f4233c18c6cc84384a9247c0cf367b",
-  "0x308ed4b7b49797e1a98d3818bff6fe5385410370",
-  "0xfec8a60023265364d066a1212fde3930f6ae8da7",
-  "0x67d40EE1A85bf4a4Bb7Ffae16De985e8427B6b45",
-  "0x6f1ca141a28907f78ebaa64fb83a9088b02a8352",
-  "0x6acdfba02d390b97ac2b2d42a63e85293bcc160e",
-  "0x48549a34ae37b12f6a30566245176994e17c6b4a",
-  "0x5512d943ed1f7c8a43f3435c85f7ab68b30121b0",
-  "0xc455f7fd3e0e12afd51fba5c106909934d8a0e4a",
-  "0x3cbded43efdaf0fc77b9c55f6fc9988fcc9b757d",
-  "0x7ff9cfad3877f21d41da833e2f775db0569ee3d9",
-  "0x098b716b8aaf21512996dc57eb0615e2383e2f96",
-  "0xa0e1c89ef1a489c9c7de96311ed5ce5d32c20e4b",
-  "0x3cffd56b47b7b41c56258d9c7731abadc360e073",
-  "0x53b6936513e738f44fb50d2b9476730c0ab3bfc1",
-  "0x35fb6f6db4fb05e6a4ce86f2c93691425626d4b1",
-  "0xf7b31119c2682c88d88d455dbb9d5932c65cf1be",
-  "0x3e37627deaa754090fbfbb8bd226c1ce66d255e9",
-  "0x08723392ed15743cc38513c4925f5e6be5c17243",
-  "0x8589427373d6d84e98730d7795d8f6f8731fda16",
-  "0x722122df12d4e14e13ac3b6895a86e84145b6967",
-  "0xdd4c48c0b24039969fc16d1cdf626eab821d3384",
-  "0xd90e2f925da726b50c4ed8d0fb90ad053324f31b",
-  "0xd96f2b1c14db8458374d9aca76e26c3d18364307",
-  "0x4736dcf1b7a3d580672cce6e7c65cd5cc9cfba9d",
-  "0xd4b88df4d29f5cedd6857912842cff3b20c8cfa3",
-  "0x910cbd523d972eb0a6f4cae4618ad62622b39dbf",
-  "0xa160cdab225685da1d56aa342ad8841c3b53f291",
-  "0xfd8610d20aa15b7b2e3be39b396a1bc3516c7144",
-  "0xf60dd140cff0706bae9cd734ac3ae76ad9ebc32a",
-  "0x22aaa7720ddd5388a3c0a3333430953c68f1849b",
-  "0xba214c1c1928a32bffe790263e38b4af9bfcd659",
-  "0xb1c8094b234dce6e03f10a5b673c1d8c69739a00",
-  "0x527653ea119f3e6a1f5bd18fbf4714081d7b31ce",
-  "0x58e8dcc13be9780fc42e8723d8ead4cf46943df2",
-  "0xd691f27f38b395864ea86cfc7253969b409c362d",
-  "0xaeaac358560e11f52454d997aaff2c5731b6f8a6",
-  "0x1356c899d8c9467c7f71c195612f8a395abf2f0a",
-  "0xa60c772958a3ed56c1f15dd055ba37ac8e523a0d",
-  "0x169ad27a470d064dede56a2d3ff727986b15d52b",
-  "0x0836222f2b2b24a3f36f98668ed8f0b38d1a872f",
-  "0xf67721a2d8f736e75a49fdd7fad2e31d8676542a",
-  "0x9ad122c22b14202b4490edaf288fdb3c7cb3ff5e",
-  "0x905b63fff465b9ffbf41dea908ceb12478ec7601",
-  "0x07687e702b410fa43f4cb4af7fa097918ffd2730",
-  "0x94a1b5cdb22c43faab4abeb5c74999895464ddaf",
-  "0xb541fc07bc7619fd4062a54d96268525cbc6ffef",
-  "0x12d66f87a04a9e220743712ce6d9bb1b5616b8fc",
-  "0x47ce0c6ed5b0ce3d3a51fdb1c52dc66a7c3c2936",
-  "0x23773e65ed146a459791799d01336db287f25334",
-  "0xd21be7248e0197ee08e0c20d4a96debdac3d20af",
-  "0x610b717796ad172b316836ac95a2ffad065ceab4",
-  "0x178169b423a011fff22b9e3f3abea13414ddd0f1",
-  "0xbb93e510bbcd0b7beb5a853875f9ec60275cf498",
-  "0x2717c5e28cf931547b621a5dddb772ab6a35b701",
-  "0x03893a7c7463ae47d46bc7f091665f1893656003",
-  "0xca0840578f57fe71599d29375e16783424023357",
-  "0xc2a3829f459b3edd87791c74cd45402ba0a20be3",
-  "0x3ad9db589d201a710ed237c829c7860ba86510fc",
-  "0x3aac1cc67c2ec5db4ea850957b967ba153ad6279",
-  "0x76d85b4c0fc497eecc38902397ac608000a06607",
-  "0x0e3a09dda6b20afbb34ac7cd4a6881493f3e7bf7",
-  "0x723b78e67497e85279cb204544566f4dc5d2aca0",
-  "0xcc84179ffd19a1627e79f8648d09e095252bc418",
-  "0x6bf694a291df3fec1f7e69701e3ab6c592435ae7",
-  "0x330bdfade01ee9bf63c209ee33102dd334618e0a",
-  "0xa5c2254e4253490c54cef0a4347fddb8f75a4998",
-  "0xaf4c0b70b2ea9fb7487c7cbb37ada259579fe040",
-  "0xdf231d99ff8b6c6cbf4e9b9a945cbacef9339178",
-  "0x1e34a77868e19a6647b1f2f47b51ed72dede95dd",
-  "0xd47438c816c9e7f2e2888e060936a499af9582b3",
-  "0x84443cfd09a48af6ef360c6976c5392ac5023a1f",
-  "0xd5d6f8d9e784d0e26222ad3834500801a68d027d",
-  "0xaf8d1839c3c67cf571aa74b5c12398d4901147b3",
-  "0x407cceeaa7c95d2fe2250bf9f2c105aa7aafb512",
-  "0x05e0b5b40b7b66098c2161a5ee11c5740a3a7c45",
-  "0xd8d7de3349ccaa0fde6298fe6d7b7d0d34586193",
-  "0x3efa30704d2b8bbac821307230376556cf8cc39e",
-  "0x746aebc06d2ae31b71ac51429a19d54e797878e9",
-  "0x5f6c97c6ad7bdd0ae7e0dd4ca33a4ed3fdabd4d7",
-  "0xf4b067dd14e95bab89be928c07cb22e3c94e0daa",
-  "0x01e2919679362dfbc9ee1644ba9c6da6d6245bb1",
-  "0x2fc93484614a34f26f7970cbb94615ba109bb4bf",
-  "0x26903a5a198d571422b2b4ea08b56a37cbd68c89",
-  "0xb20c66c4de72433f3ce747b58b86830c459ca911",
-  "0x2573bac39ebe2901b4389cd468f2872cf7767faf",
-  "0x653477c392c16b0765603074f157314cc4f40c32",
-  "0x88fd245fedec4a936e700f9173454d1931b4c307",
-  "0x09193888b3f38c82dedfda55259a82c0e7de875e",
-  "0x5cab7692d4e94096462119ab7bf57319726eed2a",
-  "0x756c4628e57f7e7f8a459ec2752968360cf4d1aa",
-  "0xd82ed8786d7c69dc7e052f7a542ab047971e73d2",
-  "0x77777feddddffc19ff86db637967013e6c6a116c",
-  "0x833481186f16cece3f1eeea1a694c42034c3a0db",
-  "0xb04e030140b30c27bcdfaafffa98c57d80eda7b4",
-  "0xcee71753c9820f063b38fdbe4cfdaf1d3d928a80",
-  "0x8281aa6795ade17c8973e1aedca380258bc124f9",
-  "0x57b2b8c82f065de8ef5573f9730fc1449b403c9f",
-  "0x23173fe8b96a4ad8d2e17fb83ea5dcccdca1ae52",
-  "0x538ab61e8a9fc1b2f93b3dd9011d662d89be6fe6",
-  "0x94be88213a387e992dd87de56950a9aef34b9448",
-  "0x242654336ca2205714071898f67e254eb49acdce",
-  "0x776198ccf446dfa168347089d7338879273172cf",
-  "0xedc5d01286f99a066559f60a585406f3878a033e",
-  "0xd692fd2d0b2fbd2e52cfa5b5b9424bc981c30696",
-  "0xdf3a408c53e5078af6e8fb2a85088d46ee09a61b",
-  "0x743494b60097a2230018079c02fe21a7b687eaa5",
-  "0x94c92f096437ab9958fc0a37f09348f30389ae79",
-  "0x5efda50f22d34f262c29268506c5fa42cb56a1ce",
-  "0x2f50508a8a3d323b91336fa3ea6ae50e55f32185",
-  "0x179f48c78f57a3a78f0608cc9197b8972921d1d2",
-  "0xffbac21a641dcfe4552920138d90f3638b3c9fba",
-  "0xd0975b32cea532eadddfc9c60481976e39db3472",
-  "0x1967d8af5bd86a497fb3dd7899a020e47560daaf",
-  "0x83e5bc4ffa856bb84bb88581f5dd62a433a25e0d",
-  "0x08b2eFdcdB8822EfE5ad0Eae55517cf5DC544251",
-  "0x04DBA1194ee10112fE6C3207C0687DEf0e78baCf",
-  "0x0Ee5067b06776A89CcC7dC8Ee369984AD7Db5e06",
-  "0x502371699497d08D5339c870851898D6D72521Dd",
-  "0x5A14E72060c11313E38738009254a90968F58f51",
-  "0xEFE301d259F525cA1ba74A7977b80D5b060B3ccA",
-  "0x39d908dac893cbcb53cc86e0ecc369aa4def1a29",
-  "0x4f47bc496083c727c5fbe3ce9cdf2b0f6496270c",
-  "0x38735f03b30FbC022DdD06ABED01F0Ca823C6a94",
-  "0x97b1043abd9e6fc31681635166d430a458d14f9c",
-  "0xb6f5ec1a0a9cd1526536d3f0426c429529471f40",
-  "0xdcbEfFBECcE100cCE9E4b153C4e15cB885643193",
-  "0x5f48c2a71b2cc96e3f0ccae4e39318ff0dc375b2",
-  "0x5a7a51bfb49f190e5a6060a5bc6052ac14a3b59f",
-  "0xed6e0a7e4ac94d976eebfb82ccf777a3c6bad921",
-  "0x797d7ae72ebddcdea2a346c1834e04d1f8df102b",
-  "0x931546D9e66836AbF687d2bc64B30407bAc8C568",
-  "0x43fa21d92141BA9db43052492E0DeEE5aa5f0A93",
-  "0x6be0ae71e6c41f2f9d0d1a3b8d0f75e6f6a0b46e",
-  "0x9c2bc757b66f24d60f016b6237f8cdd414a879fa",
-  "0x530a64c0ce595026a4a556b703644228179e2d57",
-  "0xfac583c0cf07ea434052c49115a4682172ab6b4f",
-  "0x961c5be54a2ffc17cf4cb021d863c42dacd47fc1",
-  "0x983a81ca6fb1e441266d2fbcb7d8e530ac2e05a2",
-  "0xf3701f445b6bdafedbca97d1e477357839e4120d",
-  "0xe950dc316b836e4eefb8308bf32bf7c72a1358ff",
-  "0x21b8d56bda776bbe68655a16895afd96f5534fed",
-  "0x175d44451403edf28469df03a9280c1197adb92c",
-  "0x19f8f2b0915daa12a3f5c9cf01df9e24d53794f7"
-]
diff --git a/src/services/ofac/index.ts b/src/services/ofac/index.ts
deleted file mode 100644
index 3d2c35c16..000000000
--- a/src/services/ofac/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { sameAddress } from '@/utils/addresses'
-import blockedAddresses from './blockedAddressList.json'
-
-export const isBlockedAddress = (address: string) => {
-  return blockedAddresses.some((blockedAddress) => sameAddress(blockedAddress, address))
-}
diff --git a/src/services/pairing/connector.ts b/src/services/pairing/connector.ts
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/services/pairing/module.ts b/src/services/pairing/module.ts
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/services/private-key-module/index.ts b/src/services/private-key-module/index.ts
deleted file mode 100644
index 355bd2ded..000000000
--- a/src/services/private-key-module/index.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { JsonRpcProvider, Wallet } from 'ethers'
-import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { type WalletInit, createEIP1193Provider } from '@web3-onboard/common'
-import { getRpcServiceUrl } from '@/hooks/wallets/web3'
-import pkPopupStore from './pk-popup-store'
-import { numberToHex } from '@/utils/hex'
-
-export const PRIVATE_KEY_MODULE_LABEL = 'Private key'
-
-async function getPrivateKey() {
-  const savedKey = pkPopupStore.getStore()?.privateKey
-  if (savedKey) return savedKey
-
-  pkPopupStore.setStore({
-    isOpen: true,
-    privateKey: '',
-  })
-
-  return new Promise<string>((resolve) => {
-    const unsubscribe = pkPopupStore.subscribe(() => {
-      unsubscribe()
-      resolve(pkPopupStore.getStore()?.privateKey ?? '')
-    })
-  })
-}
-
-let currentChainId = ''
-let currentRpcUri = ''
-
-const PrivateKeyModule = (chainId: ChainInfo['chainId'], rpcUri: ChainInfo['rpcUri']): WalletInit => {
-  currentChainId = chainId
-  currentRpcUri = getRpcServiceUrl(rpcUri)
-
-  return () => {
-    return {
-      label: PRIVATE_KEY_MODULE_LABEL,
-      getIcon: async () => (await import('./icon')).default,
-      getInterface: async () => {
-        const privateKey = await getPrivateKey()
-        if (!privateKey) {
-          throw new Error('You rejected the connection')
-        }
-
-        let provider: JsonRpcProvider
-        let wallet: Wallet
-        const chainChangedListeners = new Set<(chainId: string) => void>()
-
-        const updateProvider = () => {
-          console.log('[Private key signer] Updating provider to chainId', currentChainId, currentRpcUri)
-          provider?.destroy()
-          provider = new JsonRpcProvider(currentRpcUri, Number(currentChainId), { staticNetwork: true })
-          wallet = new Wallet(privateKey, provider)
-
-          setTimeout(() => {
-            chainChangedListeners.forEach((listener) => listener(numberToHex(Number(currentChainId))))
-          }, 100)
-        }
-
-        updateProvider()
-
-        return {
-          provider: createEIP1193Provider(
-            {
-              on: (event: string, listener: (...args: any[]) => void) => {
-                if (event === 'accountsChanged') {
-                  return
-                } else if (event === 'chainChanged') {
-                  chainChangedListeners.add(listener)
-                } else {
-                  provider.on(event, listener)
-                }
-              },
-
-              request: async (request: { method: string; params: any[] }) => {
-                return provider.send(request.method, request.params)
-              },
-
-              disconnect: () => {
-                pkPopupStore.setStore({
-                  isOpen: false,
-                  privateKey: '',
-                })
-              },
-            },
-            {
-              eth_chainId: async () => currentChainId,
-
-              // @ts-ignore
-              eth_getCode: async ({ params }) => provider.getCode(params[0], params[1]),
-
-              eth_accounts: async () => [wallet.address],
-              eth_requestAccounts: async () => [wallet.address],
-
-              eth_call: async ({ params }: { params: any }) => wallet.call(params[0]),
-
-              eth_sendTransaction: async ({ params }) => {
-                const tx = await wallet.sendTransaction(params[0] as any)
-                return tx.hash // return transaction hash
-              },
-
-              personal_sign: async ({ params }) => {
-                const signedMessage = wallet.signingKey.sign(params[0])
-                return signedMessage.serialized
-              },
-
-              eth_signTypedData: async ({ params }) => {
-                const [, json] = params
-                const typedData = JSON.parse(json)
-                return await wallet.signTypedData(
-                  typedData.domain,
-                  { [typedData.primaryType]: typedData.types[typedData.primaryType] },
-                  typedData.message,
-                )
-              },
-
-              // @ts-ignore
-              wallet_switchEthereumChain: async ({ params }) => {
-                console.log('[Private key signer] Switching chain', params)
-                updateProvider()
-              },
-            },
-          ),
-        }
-      },
-      platforms: ['desktop'],
-    }
-  }
-}
-
-export default PrivateKeyModule
diff --git a/src/services/safe-messages/safeMsgSender.ts b/src/services/safe-messages/safeMsgSender.ts
deleted file mode 100644
index 5cedd7a46..000000000
--- a/src/services/safe-messages/safeMsgSender.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { proposeSafeMessage, confirmSafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
-import type { SafeInfo, SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
-import type { Eip1193Provider } from 'ethers'
-
-import { safeMsgDispatch, SafeMsgEvent } from './safeMsgEvents'
-import { generateSafeMessageHash, isEIP712TypedData, tryOffChainMsgSigning } from '@/utils/safe-messages'
-import { normalizeTypedData } from '@/utils/web3'
-import { getAssertedChainSigner } from '@/services/tx/tx-sender/sdk'
-import { asError } from '../exceptions/utils'
-
-export const dispatchSafeMsgProposal = async ({
-  provider,
-  safe,
-  message,
-  safeAppId,
-}: {
-  provider: Eip1193Provider
-  safe: SafeInfo
-  message: SafeMessage['message']
-  safeAppId?: number
-}): Promise<void> => {
-  const messageHash = generateSafeMessageHash(safe, message)
-
-  try {
-    const signer = await getAssertedChainSigner(provider)
-    const signature = await tryOffChainMsgSigning(signer, safe, message)
-
-    let normalizedMessage = message
-    if (isEIP712TypedData(message)) {
-      normalizedMessage = normalizeTypedData(message)
-    }
-
-    await proposeSafeMessage(safe.chainId, safe.address.value, {
-      message: normalizedMessage,
-      signature,
-      safeAppId,
-    })
-  } catch (error) {
-    safeMsgDispatch(SafeMsgEvent.PROPOSE_FAILED, {
-      messageHash,
-      error: asError(error),
-    })
-
-    throw error
-  }
-
-  safeMsgDispatch(SafeMsgEvent.PROPOSE, {
-    messageHash,
-  })
-}
-
-export const dispatchSafeMsgConfirmation = async ({
-  provider,
-  safe,
-  message,
-}: {
-  provider: Eip1193Provider
-  safe: SafeInfo
-  message: SafeMessage['message']
-}): Promise<void> => {
-  const messageHash = generateSafeMessageHash(safe, message)
-
-  try {
-    const signer = await getAssertedChainSigner(provider)
-    const signature = await tryOffChainMsgSigning(signer, safe, message)
-
-    await confirmSafeMessage(safe.chainId, messageHash, {
-      signature,
-    })
-  } catch (error) {
-    safeMsgDispatch(SafeMsgEvent.CONFIRM_PROPOSE_FAILED, {
-      messageHash,
-      error: asError(error),
-    })
-
-    throw error
-  }
-
-  safeMsgDispatch(SafeMsgEvent.CONFIRM_PROPOSE, {
-    messageHash,
-  })
-}
diff --git a/src/services/safe-wallet-provider/index.test.ts b/src/services/safe-wallet-provider/index.test.ts
deleted file mode 100644
index 3252f21e2..000000000
--- a/src/services/safe-wallet-provider/index.test.ts
+++ /dev/null
@@ -1,723 +0,0 @@
-// Unit tests for the SafeWalletProvider class
-import { faker } from '@faker-js/faker'
-import { SafeWalletProvider } from '.'
-import { ERC20__factory } from '@/types/contracts'
-
-const safe = {
-  safeAddress: faker.finance.ethereumAddress(),
-  chainId: 1,
-}
-
-const appInfo = {
-  id: 1,
-  name: 'test',
-  description: 'test',
-  iconUrl: 'test',
-  url: 'test',
-}
-
-describe('SafeWalletProvider', () => {
-  beforeEach(() => {
-    jest.resetAllMocks()
-  })
-
-  describe('wallet_switchEthereumChain', () => {
-    it('should call the switchChain method when the method is wallet_switchEthereumChain', async () => {
-      const switchChain = jest.fn()
-      const sdk = {
-        switchChain,
-      }
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      await safeWalletProvider.request(
-        1,
-        { method: 'wallet_switchEthereumChain', params: [{ chainId: '0x1' }] } as any,
-        {} as any,
-      )
-
-      expect(switchChain).toHaveBeenCalledWith('0x1', {})
-    })
-
-    it('should throw an error when the chain is not supported', async () => {
-      const sdk = {
-        switchChain: jest.fn().mockRejectedValue(new Error('Unsupported chain')),
-      }
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      await expect(
-        safeWalletProvider.request(
-          1,
-          { method: 'wallet_switchEthereumChain', params: [{ chainId: '0x1' }] } as any,
-          {} as any,
-        ),
-      ).resolves.toEqual({
-        id: 1,
-        jsonrpc: '2.0',
-        error: {
-          code: -32000,
-          message: 'Unsupported chain',
-        },
-      })
-    })
-  })
-
-  describe('eth_accounts', () => {
-    it('should return the safe address when the method is eth_accounts', async () => {
-      const sdk = {}
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      const result = await safeWalletProvider.request(1, { method: 'eth_accounts' } as any, {} as any)
-
-      expect(result).toEqual({
-        id: 1,
-        jsonrpc: '2.0',
-        result: [safe.safeAddress],
-      })
-    })
-  })
-  ;['net_version', 'eth_chainId'].forEach((method) => {
-    describe(method, () => {
-      it(`should return the chain id when the method is ${method}`, async () => {
-        const sdk = {}
-        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-        const result = await safeWalletProvider.request(1, { method } as any, {} as any)
-
-        expect(result).toEqual({
-          id: 1,
-          jsonrpc: '2.0',
-          result: '0x1',
-        })
-      })
-    })
-  })
-
-  describe('personal_sign', () => {
-    it('should throw an error when the address is invalid', async () => {
-      const sdk = {
-        signMessage: jest.fn().mockResolvedValue({ signature: '0x123' }),
-      }
-
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      await expect(
-        safeWalletProvider.request(1, { method: 'personal_sign', params: ['message', '0x456'] } as any, {} as any),
-      ).resolves.toEqual({
-        id: 1,
-        jsonrpc: '2.0',
-        error: {
-          code: -32000,
-          message: 'The address or message hash is invalid',
-        },
-      })
-    })
-
-    it('should throw an error when the message hash is invalid', async () => {
-      const sdk = {
-        signMessage: jest.fn().mockResolvedValue({ signature: '0x123' }),
-      }
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      await expect(
-        safeWalletProvider.request(1, { method: 'personal_sign', params: ['message', '123'] } as any, {} as any),
-      ).resolves.toEqual({
-        id: 1,
-        jsonrpc: '2.0',
-        error: {
-          code: -32000,
-          message: 'The address or message hash is invalid',
-        },
-      })
-    })
-
-    it('should return an empty string when the signature is undefined', async () => {
-      const sdk = {
-        signMessage: jest.fn().mockResolvedValue({}),
-      }
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      const result = await safeWalletProvider.request(
-        1,
-        { method: 'personal_sign', params: ['message', safe.safeAddress] } as any,
-        {} as any,
-      )
-
-      expect(result).toEqual({
-        id: 1,
-        jsonrpc: '2.0',
-        result: '0x',
-      })
-    })
-  })
-
-  describe('eth_sign', () => {
-    it('should return the signature when the method is eth_sign', async () => {
-      const sdk = {
-        signMessage: jest.fn().mockResolvedValue({ signature: '0x123' }),
-      }
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      const result = await safeWalletProvider.request(
-        1,
-        { method: 'eth_sign', params: [safe.safeAddress, '0x345'] } as any,
-        {} as any,
-      )
-
-      expect(result).toEqual({
-        id: 1,
-        jsonrpc: '2.0',
-        result: '0x123',
-      })
-    })
-
-    it('should throw an error when the address is invalid', async () => {
-      const sdk = {
-        signMessage: jest.fn().mockResolvedValue({ signature: '0x123' }),
-      }
-
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      await expect(
-        safeWalletProvider.request(1, { method: 'eth_sign', params: ['0x456', '0x456'] } as any, {} as any),
-      ).resolves.toEqual({
-        id: 1,
-        jsonrpc: '2.0',
-        error: {
-          code: -32000,
-          message: 'The address or message hash is invalid',
-        },
-      })
-    })
-
-    it('should throw an error when the message hash is invalid', async () => {
-      const sdk = {
-        signMessage: jest.fn().mockResolvedValue({ signature: '0x123' }),
-      }
-
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      await expect(
-        safeWalletProvider.request(1, { method: 'eth_sign', params: ['0x123', 'messageHash'] } as any, {} as any),
-      ).resolves.toEqual({
-        id: 1,
-        jsonrpc: '2.0',
-        error: {
-          code: -32000,
-          message: 'The address or message hash is invalid',
-        },
-      })
-    })
-
-    it('should return an empty string when the signature is undefined', async () => {
-      const sdk = {
-        signMessage: jest.fn().mockResolvedValue({}),
-      }
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      const result = await safeWalletProvider.request(
-        1,
-        { method: 'eth_sign', params: [safe.safeAddress, '0x123'] } as any,
-        {} as any,
-      )
-
-      expect(result).toEqual({
-        id: 1,
-        jsonrpc: '2.0',
-        result: '0x',
-      })
-    })
-  })
-  ;['eth_signTypedData', 'eth_signTypedData_v4'].forEach((method) => {
-    describe(method, () => {
-      it(`should return the signature when the method is ${method}`, async () => {
-        const sdk = {
-          signTypedMessage: jest.fn().mockResolvedValue({ signature: '0x123' }),
-        }
-        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-        const result = await safeWalletProvider.request(
-          1,
-          {
-            method,
-            params: [
-              safe.safeAddress,
-              {
-                domain: {
-                  chainId: 1,
-                  name: 'test',
-                  version: '1',
-                },
-                message: {
-                  test: 'test',
-                },
-              },
-            ],
-          } as any,
-          {} as any,
-        )
-
-        expect(result).toEqual({
-          id: 1,
-          jsonrpc: '2.0',
-          result: '0x123',
-        })
-      })
-
-      it('should throw an error when the address is invalid', async () => {
-        const sdk = {
-          signTypedMessage: jest.fn().mockResolvedValue({ signature: '0x123' }),
-        }
-        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-        await expect(
-          safeWalletProvider.request(1, { method, params: ['0x456', {}] } as any, {} as any),
-        ).resolves.toEqual({
-          id: 1,
-          jsonrpc: '2.0',
-          error: {
-            code: -32000,
-            message: 'The address is invalid',
-          },
-        })
-      })
-
-      it('should return an empty string when the signature is undefined', async () => {
-        const sdk = {
-          signTypedMessage: jest.fn().mockResolvedValue({}),
-        }
-        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-        const result = await safeWalletProvider.request(
-          1,
-          {
-            method,
-            params: [
-              safe.safeAddress,
-              {
-                domain: {
-                  chainId: 1,
-                  name: 'test',
-                  version: '1',
-                },
-                message: {
-                  test: 'test',
-                },
-              },
-            ],
-          } as any,
-          {} as any,
-        )
-
-        expect(result).toEqual({
-          id: 1,
-          jsonrpc: '2.0',
-          result: '0x',
-        })
-      })
-    })
-  })
-
-  describe('eth_sendTransaction', () => {
-    it('should return the transaction safeTxHash when the method is eth_sendTransaction', async () => {
-      const sdk = {
-        send: jest.fn().mockResolvedValue({ safeTxHash: '0x456' }),
-      }
-      const toAddress = faker.finance.ethereumAddress()
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      const result = await safeWalletProvider.request(
-        1,
-        {
-          method: 'eth_sendTransaction',
-          params: [{ from: safe.safeAddress, to: toAddress, value: '0x01', gas: 1000 }],
-        } as any,
-        appInfo,
-      )
-
-      expect(sdk.send).toHaveBeenCalledWith(
-        {
-          txs: [{ from: safe.safeAddress, to: toAddress, value: '0x01', gas: 1000, data: '0x' }],
-          params: { safeTxGas: 1000 },
-        },
-        appInfo,
-      )
-
-      expect(result).toEqual({
-        id: 1,
-        jsonrpc: '2.0',
-        result: '0x456',
-      })
-    })
-
-    it('should throw an error when the transaction is not signed by the safe', async () => {
-      const sdk = {
-        send: jest.fn().mockRejectedValue(new Error('User rejected the transaction')),
-      }
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      await expect(
-        safeWalletProvider.request(
-          1,
-          { method: 'eth_sendTransaction', params: [{ from: '0x123', to: '0x123', value: '0x123' }] } as any,
-          appInfo,
-        ),
-      ).resolves.toEqual({
-        id: 1,
-        jsonrpc: '2.0',
-        error: {
-          code: -32000,
-          message: 'User rejected the transaction',
-        },
-      })
-    })
-
-    it('should format the gas when it is passed as a hex-encoded string', async () => {
-      const sdk = {
-        send: jest.fn().mockResolvedValue({ safeTxHash: '0x456' }),
-      }
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      const result = await safeWalletProvider.request(
-        1,
-        {
-          method: 'eth_sendTransaction',
-          params: [
-            {
-              from: '0x123',
-              to: '0x123',
-              value: '0x123',
-              gas: 0x3e8, // 1000
-            },
-          ],
-        } as any,
-        appInfo,
-      )
-
-      expect(sdk.send).toHaveBeenCalledWith(
-        { txs: [{ from: '0x123', to: '0x123', value: '0x123', gas: 1000, data: '0x' }], params: { safeTxGas: 1000 } },
-        appInfo,
-      )
-
-      expect(result).toEqual({
-        id: 1,
-        jsonrpc: '2.0',
-        result: '0x456',
-      })
-    })
-  })
-
-  describe('eth_getTransactionByHash', () => {
-    it('should return the transaction when the method is eth_getTransactionByHash', async () => {
-      const sdk = {
-        getBySafeTxHash: jest.fn().mockResolvedValue({ txHash: '0x777' }),
-        proxy: jest.fn().mockResolvedValue({ hash: '0x999' }),
-      }
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      const result = await safeWalletProvider.request(
-        1,
-        { method: 'eth_getTransactionByHash', params: ['0x123'] } as any,
-        appInfo,
-      )
-
-      expect(result).toEqual({
-        id: 1,
-        jsonrpc: '2.0',
-        result: { hash: '0x999' },
-      })
-    })
-
-    it('should send a transaction and return the transaction when it is in the submitted transactions', async () => {
-      const sdk = {
-        send: jest.fn().mockResolvedValue({ safeTxHash: '0x777' }),
-        getBySafeTxHash: jest.fn().mockResolvedValue({ txHash: '0x777' }),
-        proxy: jest.fn().mockResolvedValue({ hash: '0x999' }),
-      }
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      const toAddress = faker.finance.ethereumAddress()
-
-      // Send the transaction
-      await safeWalletProvider.request(
-        1,
-        {
-          method: 'eth_sendTransaction',
-          params: [{ from: safe.safeAddress, to: toAddress, value: '0x01', gas: 1000 }],
-        } as any,
-        appInfo,
-      )
-
-      const result = await safeWalletProvider.request(
-        1,
-        { method: 'eth_getTransactionByHash', params: ['0x777'] } as any,
-        appInfo,
-      )
-
-      expect(result).toEqual({
-        id: 1,
-        jsonrpc: '2.0',
-        result: {
-          blockHash: null,
-          blockNumber: null,
-          from: safe.safeAddress,
-          gas: 0,
-          gasPrice: '0x00',
-          hash: '0x777',
-          input: '0x',
-          nonce: 0,
-          to: toAddress,
-          transactionIndex: null,
-          value: '0x01',
-        },
-      })
-    })
-  })
-
-  describe('eth_getTransactionReceipt', () => {
-    it('should return the transaction receipt when the method is eth_getTransactionReceipt', async () => {
-      const sdk = {
-        getBySafeTxHash: jest.fn().mockResolvedValue({ txHash: '0x777' }),
-        proxy: jest.fn().mockResolvedValue({ hash: '0x999' }),
-      }
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      const result = await safeWalletProvider.request(
-        1,
-        { method: 'eth_getTransactionReceipt', params: ['0x123'] } as any,
-        appInfo,
-      )
-
-      expect(result).toEqual({
-        id: 1,
-        jsonrpc: '2.0',
-        result: { hash: '0x999' },
-      })
-    })
-  })
-
-  describe('proxy', () => {
-    it('should default to using the proxy if the method is not supported by the provider', async () => {
-      const sdk = {
-        proxy: jest.fn(),
-      }
-      const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-      await safeWalletProvider.request(1, { method: 'web3_clientVersion', params: [''] } as any, appInfo)
-
-      expect(sdk.proxy).toHaveBeenCalledWith('web3_clientVersion', [''])
-    })
-  })
-
-  describe('EIP-5792', () => {
-    describe('wallet_sendCalls', () => {
-      it('should send a bundle', async () => {
-        const sdk = {
-          send: jest.fn(),
-        }
-        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-        const params = [
-          {
-            chainId: 1,
-            version: '1.0',
-            from: faker.finance.ethereumAddress(),
-            calls: [
-              { data: '0x123', to: faker.finance.ethereumAddress(), value: '0x123' },
-              { data: '0x456', to: faker.finance.ethereumAddress(), value: '0x1' },
-            ],
-          },
-        ]
-
-        await safeWalletProvider.request(1, { method: 'wallet_sendCalls', params } as any, appInfo)
-
-        expect(sdk.send).toHaveBeenCalledWith(
-          {
-            txs: params[0].calls,
-            params: { safeTxGas: 0 },
-          },
-          {
-            description: 'test',
-            iconUrl: 'test',
-            id: 1,
-            name: 'test',
-            url: 'test',
-          },
-        )
-      })
-
-      it('test contract deployment calls and calls without data / value', async () => {
-        const fakeCreateCallLib = faker.finance.ethereumAddress()
-        const sdk = {
-          send: jest.fn(),
-          getCreateCallTransaction: jest.fn().mockImplementation((data: string) => {
-            return {
-              to: fakeCreateCallLib,
-              data,
-              value: '0',
-            }
-          }),
-        }
-        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-        const transferReceiver = faker.finance.ethereumAddress()
-        const erc20Address = faker.finance.ethereumAddress()
-        const erc20TransferData = ERC20__factory.createInterface().encodeFunctionData('transfer', [
-          transferReceiver,
-          '100',
-        ])
-        const nativeTransferTo = faker.finance.ethereumAddress()
-
-        const params = [
-          {
-            chainId: 1,
-            version: '1.0',
-            from: safe.safeAddress,
-            calls: [
-              { data: '0x1234' },
-              { data: '0x', to: nativeTransferTo, value: '0x1' },
-              {
-                to: erc20Address,
-                data: erc20TransferData,
-              },
-            ],
-          },
-        ]
-
-        await safeWalletProvider.request(1, { method: 'wallet_sendCalls', params } as any, appInfo)
-
-        expect(sdk.send).toHaveBeenCalledWith(
-          {
-            txs: [
-              {
-                to: fakeCreateCallLib,
-                data: '0x1234',
-                value: '0',
-              },
-              {
-                to: nativeTransferTo,
-                data: '0x',
-                value: '0x1',
-              },
-              {
-                to: erc20Address,
-                data: erc20TransferData,
-                value: '0',
-              },
-            ],
-            params: { safeTxGas: 0 },
-          },
-          {
-            description: 'test',
-            iconUrl: 'test',
-            id: 1,
-            name: 'test',
-            url: 'test',
-          },
-        )
-      })
-    })
-
-    describe('wallet_getCallsStatus', () => {
-      it('should look up a tx by txHash', async () => {
-        const sdk = {
-          getBySafeTxHash: jest.fn().mockResolvedValue({
-            txStatus: 'AWAITING_EXECUTION',
-            txHash: '0x123',
-            txData: {
-              dataDecoded: {
-                parameters: [{ valueDecoded: [1] }],
-              },
-            },
-          }),
-          proxy: jest.fn(),
-        }
-        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-        const params = ['0x123']
-
-        await safeWalletProvider.request(1, { method: 'wallet_getCallsStatus', params } as any, appInfo)
-
-        expect(sdk.getBySafeTxHash).toHaveBeenCalledWith(params[0])
-        expect(sdk.proxy).toHaveBeenCalledWith('eth_getTransactionReceipt', params)
-      })
-
-      it('should return a pending status w/o txHash', async () => {
-        const sdk = {
-          getBySafeTxHash: jest.fn().mockResolvedValue({
-            txStatus: 'AWAITING_CONFIRMATION',
-            txData: {
-              dataDecoded: {
-                parameters: [{ valueDecoded: [1] }],
-              },
-            },
-          }),
-          proxy: jest.fn(),
-        }
-        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-        const params = ['0x123']
-
-        await safeWalletProvider.request(1, { method: 'wallet_getCallsStatus', params } as any, appInfo)
-
-        expect(sdk.getBySafeTxHash).toHaveBeenCalledWith(params[0])
-        expect(sdk.proxy).not.toHaveBeenCalled()
-      })
-    })
-
-    describe('wallet_showCallsStatus', () => {
-      it('should return the bundle status', async () => {
-        const sdk = {
-          showTxStatus: jest.fn(),
-        }
-        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-        const params = ['0x123']
-
-        await safeWalletProvider.request(1, { method: 'wallet_showCallsStatus', params } as any, appInfo)
-
-        expect(sdk.showTxStatus).toHaveBeenCalledWith(params[0])
-      })
-    })
-
-    describe('wallet_getCapabilities', () => {
-      it('should return atomic batch for the current chain', async () => {
-        const sdk = {
-          showTxStatus: jest.fn(),
-        }
-        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-        const params = [safe.safeAddress]
-
-        const result = await safeWalletProvider.request(1, { method: 'wallet_getCapabilities', params } as any, appInfo)
-
-        expect(result).toEqual({
-          id: 1,
-          jsonrpc: '2.0',
-          result: {
-            ['0x1']: {
-              atomicBatch: {
-                supported: true,
-              },
-            },
-          },
-        })
-      })
-
-      it('should return an empty object if the safe address does not match', async () => {
-        const sdk = {
-          showTxStatus: jest.fn(),
-        }
-        const safeWalletProvider = new SafeWalletProvider(safe, sdk as any)
-
-        const params = [faker.finance.ethereumAddress()]
-
-        const result = await safeWalletProvider.request(1, { method: 'wallet_getCapabilities', params } as any, appInfo)
-
-        expect(result).toEqual({
-          id: 1,
-          jsonrpc: '2.0',
-          result: {},
-        })
-      })
-    })
-  })
-})
diff --git a/src/services/safe-wallet-provider/index.ts b/src/services/safe-wallet-provider/index.ts
deleted file mode 100644
index d44109b52..000000000
--- a/src/services/safe-wallet-provider/index.ts
+++ /dev/null
@@ -1,438 +0,0 @@
-import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
-import { TransactionStatus } from '@safe-global/safe-gateway-typescript-sdk'
-import type { TransactionReceipt } from 'ethers'
-import { numberToHex } from '@/utils/hex'
-
-type SafeInfo = {
-  safeAddress: string
-  chainId: number
-}
-
-type SafeSettings = {
-  offChainSigning?: boolean
-}
-
-type GetCapabilitiesResult = Record<`0x${string}`, Record<string, any>>
-
-export type AppInfo = {
-  id?: number
-  name: string
-  description: string
-  url: string
-  iconUrl: string
-}
-
-export type WalletSDK = {
-  signMessage: (message: string, appInfo: AppInfo) => Promise<{ signature?: string }>
-  signTypedMessage: (typedData: unknown, appInfo: AppInfo) => Promise<{ signature?: string }>
-  send: (
-    params: { txs: unknown[]; params: { safeTxGas: number } },
-    appInfo: AppInfo,
-  ) => Promise<{ safeTxHash: string; txHash?: string }>
-  getBySafeTxHash: (safeTxHash: string) => Promise<TransactionDetails>
-  showTxStatus: (safeTxHash: string) => void
-  switchChain: (chainId: string, appInfo: AppInfo) => Promise<null>
-  setSafeSettings: (safeSettings: SafeSettings) => SafeSettings
-  proxy: (method: string, params?: Array<any> | Record<string, any>) => Promise<unknown>
-  getCreateCallTransaction: (data: string) => {
-    to: string
-    data: string
-    value: '0'
-  }
-}
-
-interface RpcRequest {
-  method: string
-  params?: Array<any> | Record<string, any>
-}
-
-export enum RpcErrorCode {
-  INVALID_PARAMS = -32602,
-  USER_REJECTED = 4001,
-  UNSUPPORTED_METHOD = 4200,
-  UNSUPPORTED_CHAIN = 4901,
-}
-
-enum BundleStatus {
-  PENDING = 'PENDING',
-  CONFIRMED = 'CONFIRMED',
-}
-
-const BundleTxStatuses: Record<TransactionStatus, BundleStatus> = {
-  [TransactionStatus.AWAITING_CONFIRMATIONS]: BundleStatus.PENDING,
-  [TransactionStatus.AWAITING_EXECUTION]: BundleStatus.PENDING,
-  [TransactionStatus.CANCELLED]: BundleStatus.CONFIRMED,
-  [TransactionStatus.FAILED]: BundleStatus.CONFIRMED,
-  [TransactionStatus.SUCCESS]: BundleStatus.CONFIRMED,
-}
-
-class RpcError extends Error {
-  code: RpcErrorCode
-
-  constructor(code: RpcErrorCode, message: string) {
-    super(message)
-    this.code = code
-  }
-}
-
-export class SafeWalletProvider {
-  private readonly safe: SafeInfo
-  private readonly sdk: WalletSDK
-  private submittedTxs = new Map<string, unknown>()
-
-  constructor(safe: SafeInfo, sdk: WalletSDK) {
-    this.safe = safe
-    this.sdk = sdk
-  }
-
-  private async makeRequest(request: RpcRequest, appInfo: AppInfo): Promise<unknown> {
-    const { method, params = [] } = request
-
-    switch (method) {
-      case 'wallet_switchEthereumChain': {
-        return this.wallet_switchEthereumChain(...(params as [{ chainId: string }]), appInfo)
-      }
-
-      case 'eth_accounts': {
-        return this.eth_accounts()
-      }
-
-      case 'net_version':
-      case 'eth_chainId': {
-        return this.eth_chainId()
-      }
-
-      case 'personal_sign': {
-        return this.personal_sign(...(params as [string, string]), appInfo)
-      }
-
-      case 'eth_sign': {
-        return this.eth_sign(...(params as [string, string]), appInfo)
-      }
-
-      case 'eth_signTypedData':
-      case 'eth_signTypedData_v4': {
-        return this.eth_signTypedData(...(params as [string, unknown]), appInfo)
-      }
-
-      case 'eth_sendTransaction': {
-        const tx = {
-          value: '0',
-          data: '0x',
-          // @ts-ignore
-          ...(params[0] as { gas: string | number; to: string }),
-        }
-        return this.eth_sendTransaction(tx, appInfo)
-      }
-
-      case 'eth_getTransactionByHash': {
-        return this.eth_getTransactionByHash(...(params as [string]))
-      }
-
-      case 'eth_getTransactionReceipt': {
-        return this.eth_getTransactionReceipt(...(params as [string]))
-      }
-
-      // EIP-5792
-      // @see https://eips.ethereum.org/EIPS/eip-5792
-      case 'wallet_sendCalls': {
-        return this.wallet_sendCalls(
-          ...(params as [
-            {
-              version: string
-              chainId: string
-              from: string
-              calls: Array<{ data: string; to?: string; value?: string }>
-              capabilities?: Record<string, any> | undefined
-            },
-          ]),
-          appInfo,
-        )
-      }
-
-      case 'wallet_getCallsStatus': {
-        return this.wallet_getCallsStatus(...(params as [string]))
-      }
-
-      case 'wallet_showCallsStatus': {
-        this.wallet_showCallsStatus(...(params as [string]))
-        return null
-      }
-
-      case 'wallet_getCapabilities': {
-        return this.wallet_getCapabilities(...(params as [string]))
-      }
-
-      // Safe proprietary methods
-      case 'safe_setSettings': {
-        return this.safe_setSettings(...(params as [SafeSettings]))
-      }
-
-      default: {
-        return await this.sdk.proxy(method, params)
-      }
-    }
-  }
-
-  async request(
-    id: number,
-    request: RpcRequest,
-    appInfo: AppInfo,
-  ): Promise<
-    | {
-        jsonrpc: string
-        id: number
-        result: unknown
-      }
-    | {
-        jsonrpc: string
-        id: number
-        error: {
-          code: number
-          message: string
-        }
-      }
-  > {
-    try {
-      return {
-        jsonrpc: '2.0',
-        id,
-        result: await this.makeRequest(request, appInfo),
-      }
-    } catch (e) {
-      return {
-        jsonrpc: '2.0',
-        id,
-        error: {
-          code: -32000,
-          message: (e as Error).message,
-        },
-      }
-    }
-  }
-
-  // Actual RPC methods
-
-  async wallet_switchEthereumChain({ chainId }: { chainId: string }, appInfo: AppInfo) {
-    try {
-      await this.sdk.switchChain(chainId, appInfo)
-    } catch (e) {
-      throw new RpcError(RpcErrorCode.UNSUPPORTED_CHAIN, 'Unsupported chain')
-    }
-    return null
-  }
-
-  async eth_accounts() {
-    return [this.safe.safeAddress]
-  }
-
-  async eth_chainId() {
-    return `0x${this.safe.chainId.toString(16)}`
-  }
-
-  async personal_sign(message: string, address: string, appInfo: AppInfo): Promise<string> {
-    if (this.safe.safeAddress.toLowerCase() !== address.toLowerCase()) {
-      throw new RpcError(RpcErrorCode.INVALID_PARAMS, 'The address or message hash is invalid')
-    }
-
-    const response = await this.sdk.signMessage(message, appInfo)
-    const signature = 'signature' in response ? response.signature : undefined
-
-    return signature || '0x'
-  }
-
-  async eth_sign(address: string, messageHash: string, appInfo: AppInfo): Promise<string> {
-    if (this.safe.safeAddress.toLowerCase() !== address.toLowerCase() || !messageHash.startsWith('0x')) {
-      throw new RpcError(RpcErrorCode.INVALID_PARAMS, 'The address or message hash is invalid')
-    }
-
-    const response = await this.sdk.signMessage(messageHash, appInfo)
-    const signature = 'signature' in response ? response.signature : undefined
-
-    return signature || '0x'
-  }
-
-  async eth_signTypedData(address: string, typedData: unknown, appInfo: AppInfo): Promise<string> {
-    const parsedTypedData = typeof typedData === 'string' ? JSON.parse(typedData) : typedData
-
-    if (this.safe.safeAddress.toLowerCase() !== address.toLowerCase()) {
-      throw new RpcError(RpcErrorCode.INVALID_PARAMS, 'The address is invalid')
-    }
-
-    const response = await this.sdk.signTypedMessage(parsedTypedData, appInfo)
-    const signature = 'signature' in response ? response.signature : undefined
-    return signature || '0x'
-  }
-
-  async eth_sendTransaction(
-    tx: { gas: string | number; to: string; value: string; data: string },
-    appInfo: AppInfo,
-  ): Promise<string> {
-    // Some ethereum libraries might pass the gas as a hex-encoded string
-    // We need to convert it to a number because the SDK expects a number and our backend only supports
-    // Decimal numbers
-    if (typeof tx.gas === 'string' && tx.gas.startsWith('0x')) {
-      tx.gas = parseInt(tx.gas, 16)
-    }
-
-    const { safeTxHash, txHash } = await this.sdk.send(
-      {
-        txs: [tx],
-        params: { safeTxGas: Number(tx.gas) },
-      },
-      appInfo,
-    )
-
-    if (txHash) return txHash
-
-    // Store fake transaction
-    this.submittedTxs.set(safeTxHash, {
-      from: this.safe.safeAddress,
-      hash: safeTxHash,
-      gas: 0,
-      gasPrice: '0x00',
-      nonce: 0,
-      input: tx.data,
-      value: tx.value,
-      to: tx.to,
-      blockHash: null,
-      blockNumber: null,
-      transactionIndex: null,
-    })
-
-    return safeTxHash
-  }
-
-  async eth_getTransactionByHash(txHash: string): Promise<TransactionDetails> {
-    try {
-      const resp = await this.sdk.getBySafeTxHash(txHash)
-      txHash = resp.txHash || txHash
-    } catch (e) {}
-
-    // Use fake transaction if we don't have a real tx hash
-    if (this.submittedTxs.has(txHash)) {
-      return this.submittedTxs.get(txHash) as TransactionDetails
-    }
-
-    return (await this.sdk.proxy('eth_getTransactionByHash', [txHash])) as Promise<TransactionDetails>
-  }
-
-  async eth_getTransactionReceipt(txHash: string): Promise<TransactionReceipt> {
-    try {
-      const resp = await this.sdk.getBySafeTxHash(txHash)
-      txHash = resp.txHash || txHash
-    } catch (e) {}
-    return this.sdk.proxy('eth_getTransactionReceipt', [txHash]) as Promise<TransactionReceipt>
-  }
-
-  // EIP-5792
-  // @see https://eips.ethereum.org/EIPS/eip-5792
-  async wallet_sendCalls(
-    bundle: {
-      chainId: string
-      from: string
-      calls: Array<{ data?: string; to?: string; value?: string }>
-    },
-    appInfo: AppInfo,
-  ): Promise<string> {
-    const txs = bundle.calls.map((call) => {
-      if (!call.to && !call.value && !call.data) {
-        throw new RpcError(RpcErrorCode.INVALID_PARAMS, 'Invalid call parameters.')
-      }
-      if (!call.to && !call.value && call.data) {
-        // If only data is provided the call is a contract deployment
-        // We have to use the CreateCall lib
-        return this.sdk.getCreateCallTransaction(call.data)
-      }
-      if (!call.to) {
-        // For all non-contract deployments we need a to address
-        throw new RpcError(RpcErrorCode.INVALID_PARAMS, 'Invalid call parameters.')
-      }
-      return {
-        to: call.to,
-        data: call.data ?? '0x',
-        value: call.value ?? '0',
-      }
-    })
-    const { safeTxHash } = await this.sdk.send(
-      {
-        txs,
-        params: { safeTxGas: 0 },
-      },
-      appInfo,
-    )
-
-    return safeTxHash
-  }
-  async wallet_getCallsStatus(safeTxHash: string): Promise<{
-    calls: Array<{
-      status: BundleStatus
-      receipt: {
-        success: boolean
-        blockHash: string
-        blockNumber: string // hex string
-        blockTimestamp: string // hex string
-        gasUsed: string // hex string
-        transactionHash: string
-        logs: TransactionReceipt['logs']
-      }
-    }>
-  }> {
-    let tx: TransactionDetails | undefined
-
-    try {
-      tx = await this.sdk.getBySafeTxHash(safeTxHash)
-    } catch (e) {}
-
-    if (!tx || !tx.txData?.dataDecoded) {
-      throw new Error('Transaction not found')
-    }
-
-    const calls = new Array(tx.txData.dataDecoded.parameters?.[0].valueDecoded?.length ?? 1).fill(null)
-    const { txStatus, txHash } = tx
-
-    let receipt: TransactionReceipt | undefined
-    if (txHash) {
-      receipt = await (this.sdk.proxy('eth_getTransactionReceipt', [txHash]) as Promise<TransactionReceipt>)
-    }
-
-    const callStatus = {
-      status: BundleTxStatuses[txStatus],
-      receipt: {
-        success: txStatus === TransactionStatus.SUCCESS,
-        blockHash: receipt?.blockHash ?? '',
-        blockNumber: receipt?.blockNumber.toString() ?? '0x0',
-        blockTimestamp: numberToHex(tx.executedAt ?? 0),
-        gasUsed: receipt?.gasUsed.toString() ?? '0x0',
-        transactionHash: txHash ?? '',
-        logs: receipt?.logs ?? [],
-      },
-    }
-
-    return {
-      calls: calls.map(() => callStatus),
-    }
-  }
-  async wallet_showCallsStatus(txHash: string): Promise<null> {
-    this.sdk.showTxStatus(txHash)
-    return null
-  }
-
-  async wallet_getCapabilities(walletAddress: string): Promise<GetCapabilitiesResult> {
-    if (walletAddress === this.safe.safeAddress) {
-      return {
-        [`0x${this.safe.chainId.toString(16)}`]: {
-          atomicBatch: {
-            supported: true,
-          },
-        },
-      }
-    }
-    return {}
-  }
-
-  // Safe proprietary methods
-  async safe_setSettings(settings: SafeSettings): Promise<SafeSettings> {
-    return this.sdk.setSafeSettings(settings)
-  }
-}
diff --git a/src/services/safe-wallet-provider/notifications.ts b/src/services/safe-wallet-provider/notifications.ts
deleted file mode 100644
index 1ac05b11f..000000000
--- a/src/services/safe-wallet-provider/notifications.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import type { AppInfo } from '.'
-
-export const showNotification = (title: string, options?: NotificationOptions) => {
-  if (Notification.permission !== 'granted' || document.hasFocus()) {
-    return
-  }
-
-  const notification = new Notification(title, {
-    icon: '/images/safe-logo-green.png',
-    ...options,
-  })
-
-  notification.onclick = () => {
-    window.focus()
-    notification.close()
-  }
-
-  setTimeout(() => {
-    notification.close()
-  }, 5_000)
-}
-
-export const NotificationMessages: Record<
-  string,
-  (appInfo: AppInfo) => { title: string; options: NotificationOptions }
-> = {
-  SIGNATURE_REQUEST: (appInfo: AppInfo) => ({
-    title: 'Signature request',
-    options: {
-      body: `${appInfo.name} wants you to sign a message. Open the Rootstock Safe to continue.`,
-    },
-  }),
-  TRANSACTION_REQUEST: (appInfo: AppInfo) => ({
-    title: 'Transaction request',
-    options: {
-      body: `${appInfo.name} wants to submit a transaction. Open the Rootstock Safe to continue.`,
-    },
-  }),
-}
diff --git a/src/services/security/modules/ApprovalModule/index.ts b/src/services/security/modules/ApprovalModule/index.ts
deleted file mode 100644
index 747f8ab77..000000000
--- a/src/services/security/modules/ApprovalModule/index.ts
+++ /dev/null
@@ -1,140 +0,0 @@
-import {
-  APPROVAL_SIGNATURE_HASH,
-  INCREASE_ALLOWANCE_SIGNATURE_HASH,
-} from '@/components/tx/ApprovalEditor/utils/approvals'
-import { ERC20__factory } from '@/types/contracts'
-import { decodeMultiSendTxs } from '@/utils/transactions'
-import { normalizeTypedData } from '@/utils/web3'
-import { type SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import { type EIP712TypedData } from '@safe-global/safe-gateway-typescript-sdk'
-import { id } from 'ethers'
-import { type SecurityResponse, type SecurityModule, SecuritySeverity } from '../types'
-
-export type ApprovalModuleResponse = Approval[]
-
-export type ApprovalModuleRequest = {
-  safeTransaction: SafeTransaction
-}
-
-export type ApprovalModuleMessageRequest = {
-  safeMessage: EIP712TypedData
-}
-
-export type Approval = {
-  spender: any
-  amount: any
-  tokenAddress: string
-  method: 'approve' | 'increaseAllowance' | 'Permit2'
-  transactionIndex: number
-}
-
-type PermitDetails = { token: string; amount: string }
-
-const MULTISEND_SIGNATURE_HASH = id('multiSend(bytes)').slice(0, 10)
-const ERC20_INTERFACE = ERC20__factory.createInterface()
-
-export class ApprovalModule implements SecurityModule<ApprovalModuleRequest, ApprovalModuleResponse> {
-  private static scanInnerTransaction(txPartial: { to: string; data: string }, txIndex: number): Approval[] {
-    if (txPartial.data.startsWith(APPROVAL_SIGNATURE_HASH)) {
-      const [spender, amount] = ERC20_INTERFACE.decodeFunctionData('approve', txPartial.data)
-      return [
-        {
-          amount,
-          spender,
-          tokenAddress: txPartial.to,
-          method: 'approve',
-          transactionIndex: txIndex,
-        },
-      ]
-    }
-
-    if (txPartial.data.startsWith(INCREASE_ALLOWANCE_SIGNATURE_HASH)) {
-      const [spender, amount] = ERC20_INTERFACE.decodeFunctionData('increaseAllowance', txPartial.data)
-      return [
-        {
-          amount,
-          spender,
-          tokenAddress: txPartial.to,
-          method: 'increaseAllowance',
-          transactionIndex: txIndex,
-        },
-      ]
-    }
-    return []
-  }
-
-  private static getPermitDetails(details: PermitDetails): Pick<Approval, 'amount' | 'tokenAddress'> {
-    return {
-      amount: BigInt(details.amount),
-      tokenAddress: details.token,
-    }
-  }
-
-  scanMessage(request: ApprovalModuleMessageRequest): SecurityResponse<ApprovalModuleResponse> {
-    const safeMessage = request.safeMessage
-    const approvalInfos: Approval[] = []
-    const normalizedMessage = normalizeTypedData(safeMessage)
-
-    if (normalizedMessage.domain.name === 'Permit2') {
-      if (normalizedMessage.types['PermitSingle'] !== undefined) {
-        const spender = normalizedMessage.message['spender'] as string
-        const details = normalizedMessage.message['details'] as PermitDetails
-        const permitInfo = ApprovalModule.getPermitDetails(details)
-
-        approvalInfos.push({
-          ...permitInfo,
-          method: 'Permit2',
-          spender,
-          transactionIndex: 0,
-        })
-      } else if (normalizedMessage.types['PermitBatch'] !== undefined) {
-        const spender = normalizedMessage.message['spender'] as string
-        const details = normalizedMessage.message['details'] as PermitDetails[]
-        details.forEach((details, idx) => {
-          const permitInfo = ApprovalModule.getPermitDetails(details)
-
-          approvalInfos.push({
-            ...permitInfo,
-            method: 'Permit2',
-            spender,
-            transactionIndex: idx,
-          })
-        })
-      }
-    }
-    if (approvalInfos.length > 0) {
-      return {
-        severity: SecuritySeverity.NONE,
-        payload: approvalInfos,
-      }
-    }
-
-    return {
-      severity: SecuritySeverity.NONE,
-    }
-  }
-
-  scanTransaction(request: ApprovalModuleRequest): SecurityResponse<ApprovalModuleResponse> {
-    const safeTransaction = request.safeTransaction
-
-    const approvalInfos: Approval[] = []
-    const safeTxData = safeTransaction.data.data
-    if (safeTxData.startsWith(MULTISEND_SIGNATURE_HASH)) {
-      const innerTxs = decodeMultiSendTxs(safeTxData)
-      approvalInfos.push(...innerTxs.flatMap((tx, index) => ApprovalModule.scanInnerTransaction(tx, index)))
-    } else {
-      approvalInfos.push(...ApprovalModule.scanInnerTransaction({ to: safeTransaction.data.to, data: safeTxData }, 0))
-    }
-
-    if (approvalInfos.length > 0) {
-      return {
-        severity: SecuritySeverity.NONE,
-        payload: approvalInfos,
-      }
-    }
-
-    return {
-      severity: SecuritySeverity.NONE,
-    }
-  }
-}
diff --git a/src/services/security/modules/DelegateCallModule/index.test.ts b/src/services/security/modules/DelegateCallModule/index.test.ts
deleted file mode 100644
index a7278a739..000000000
--- a/src/services/security/modules/DelegateCallModule/index.test.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { OperationType } from '@safe-global/safe-core-sdk-types'
-import { getMultiSendCallOnlyDeployment } from '@safe-global/safe-deployments'
-import { toBeHex } from 'ethers'
-
-import { DelegateCallModule } from '.'
-import { createMockSafeTransaction, getMockMultiSendCalldata } from '@/tests/transactions'
-
-describe('DelegateCallModule', () => {
-  const DelegateCallModuleInstance = new DelegateCallModule()
-
-  it('should not warn about Call operation transactions', async () => {
-    const recipient = toBeHex('0x1', 20)
-
-    const safeTransaction = createMockSafeTransaction({
-      to: recipient,
-      data: '0x',
-      operation: OperationType.Call,
-    })
-
-    const result = await DelegateCallModuleInstance.scanTransaction({
-      safeTransaction,
-      chainId: '5',
-      safeVersion: '1.3.0',
-    })
-
-    expect(result).toEqual({
-      severity: 0,
-    })
-  })
-
-  it('should not warn about MultiSendCallOnly DelegateCall operation transactions', async () => {
-    const CHAIN_ID = '5'
-    const SAFE_VERSION = '1.3.0'
-
-    const multiSend = getMultiSendCallOnlyDeployment({
-      network: CHAIN_ID,
-      version: SAFE_VERSION,
-    })!.defaultAddress
-
-    const recipient1 = toBeHex('0x2', 20)
-    const recipient2 = toBeHex('0x3', 20)
-
-    const data = getMockMultiSendCalldata([recipient1, recipient2])
-
-    const safeTransaction = createMockSafeTransaction({
-      to: multiSend,
-      data,
-      operation: OperationType.DelegateCall,
-    })
-
-    const result = await DelegateCallModuleInstance.scanTransaction({
-      safeTransaction,
-      chainId: CHAIN_ID,
-      safeVersion: SAFE_VERSION,
-    })
-
-    expect(result).toEqual({
-      severity: 0,
-    })
-  })
-
-  it('should warn about non-MultiSendCallOnly DelegateCall operation transactions', async () => {
-    const recipient = toBeHex('0x1', 20)
-
-    const safeTransaction = createMockSafeTransaction({
-      to: recipient,
-      data: '0x',
-      operation: OperationType.DelegateCall,
-    })
-
-    const result = await DelegateCallModuleInstance.scanTransaction({
-      safeTransaction,
-      chainId: '5',
-      safeVersion: '1.3.0',
-    })
-
-    expect(result).toEqual({
-      severity: 3,
-      payload: {
-        description: {
-          long: 'This transaction is a DelegateCall. It calls a smart contract that will be able to modify your Safe Account.',
-          short: 'Unexpected DelegateCall',
-        },
-      },
-    })
-  })
-})
diff --git a/src/services/security/modules/DelegateCallModule/index.ts b/src/services/security/modules/DelegateCallModule/index.ts
deleted file mode 100644
index 85555bafc..000000000
--- a/src/services/security/modules/DelegateCallModule/index.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { OperationType } from '@safe-global/safe-core-sdk-types'
-import { getMultiSendCallOnlyContractDeployment } from '@/services/contracts/deployments'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-
-import { SecuritySeverity } from '../types'
-import type { SecurityModule, SecurityResponse } from '../types'
-
-type DelegateCallModuleRequest = {
-  chainId: string
-  safeVersion: SafeInfo['version']
-  safeTransaction: SafeTransaction
-}
-
-export type DelegateCallModuleResponse = {
-  description: {
-    short: string
-    long: string
-  }
-}
-
-export class DelegateCallModule implements SecurityModule<DelegateCallModuleRequest, DelegateCallModuleResponse> {
-  private isUnexpectedDelegateCall(request: DelegateCallModuleRequest): boolean {
-    const { chainId, safeTransaction, safeVersion } = request
-
-    if (safeTransaction.data.operation !== OperationType.DelegateCall) {
-      return false
-    }
-
-    // We need not check for nested delegate calls as we only use MultiSendCallOnly in the UI
-    const multiSendDeployment = getMultiSendCallOnlyContractDeployment(chainId, safeVersion)
-
-    return multiSendDeployment?.networkAddresses[chainId] !== safeTransaction.data.to
-  }
-
-  async scanTransaction(request: DelegateCallModuleRequest): Promise<SecurityResponse<DelegateCallModuleResponse>> {
-    if (!this.isUnexpectedDelegateCall(request)) {
-      return {
-        severity: SecuritySeverity.NONE,
-      }
-    }
-
-    return {
-      severity: SecuritySeverity.HIGH,
-      payload: {
-        description: {
-          short: 'Unexpected DelegateCall',
-          long: 'This transaction is a DelegateCall. It calls a smart contract that will be able to modify your Safe Account.',
-        },
-      },
-    }
-  }
-}
diff --git a/src/services/security/modules/RecipientAddressModule/index.test.ts b/src/services/security/modules/RecipientAddressModule/index.test.ts
deleted file mode 100644
index c94208b52..000000000
--- a/src/services/security/modules/RecipientAddressModule/index.test.ts
+++ /dev/null
@@ -1,991 +0,0 @@
-import * as sdk from '@safe-global/safe-gateway-typescript-sdk'
-import { OperationType } from '@safe-global/safe-core-sdk-types'
-import { toBeHex } from 'ethers'
-import type { JsonRpcProvider } from 'ethers'
-import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-
-import * as web3 from '@/hooks/wallets/web3'
-import { RecipientAddressModule } from '.'
-import {
-  createMockSafeTransaction,
-  getMockErc20TransferCalldata,
-  getMockErc721TransferFromCalldata,
-  getMockErc721SafeTransferFromCalldata,
-  getMockErc721SafeTransferFromWithBytesCalldata,
-  getMockMultiSendCalldata,
-} from '@/tests/transactions'
-
-describe('RecipientAddressModule', () => {
-  const isSmartContractSpy = jest.spyOn(web3, 'isSmartContract')
-
-  const mockGetBalance = jest.fn()
-  const mockProvider = {
-    getBalance: mockGetBalance,
-  } as unknown as JsonRpcProvider
-
-  const mockGetSafeInfo = jest.spyOn(sdk, 'getSafeInfo')
-
-  beforeEach(() => {
-    jest.clearAllMocks()
-  })
-
-  const RecipientAddressModuleInstance = new RecipientAddressModule()
-
-  it('should not warn if the address(es) is/are known', async () => {
-    isSmartContractSpy.mockImplementation(() => Promise.resolve(false))
-    mockGetBalance.mockImplementation(() => Promise.resolve(1n))
-    mockGetSafeInfo.mockImplementation(() => Promise.reject('Safe not found'))
-
-    const recipient = toBeHex('0x1', 20)
-
-    const safeTransaction = createMockSafeTransaction({
-      to: recipient,
-      data: '0x',
-    })
-
-    const result = await RecipientAddressModuleInstance.scanTransaction({
-      safeTransaction,
-      provider: mockProvider,
-      chainId: '1',
-      knownAddresses: [recipient],
-    })
-
-    expect(result).toEqual({
-      severity: 0,
-    })
-
-    // Don't check further if the recipient is known
-    expect(isSmartContractSpy).not.toHaveBeenCalled()
-  })
-
-  describe('it should warn if the address(es) is/are not known', () => {
-    beforeEach(() => {
-      isSmartContractSpy.mockImplementation(() => Promise.resolve(false))
-      mockGetBalance.mockImplementation(() => Promise.resolve(1n))
-      mockGetSafeInfo.mockImplementation(() => Promise.reject('Safe not found'))
-    })
-
-    // ERC-20
-    it('should warn about recipient of ERC-20 transfer recipients', async () => {
-      const erc20 = toBeHex('0x01', 20)
-
-      const recipient = toBeHex('0x02', 20)
-      const data = getMockErc20TransferCalldata(recipient)
-
-      const safeTransaction = createMockSafeTransaction({
-        to: erc20,
-        data,
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '1',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(1)
-      expect(mockGetBalance).toHaveBeenCalledTimes(1)
-      // Don't check as on mainnet
-      expect(mockGetSafeInfo).not.toHaveBeenCalled()
-
-      expect(result).toEqual({
-        severity: 1,
-        payload: [
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-        ],
-      })
-    })
-
-    // ERC-721
-    it('should warn about recipient of ERC-721 transferFrom recipients', async () => {
-      const erc721 = toBeHex('0x01', 20)
-
-      const recipient = toBeHex('0x02', 20)
-      const data = getMockErc721TransferFromCalldata(recipient)
-
-      const safeTransaction = createMockSafeTransaction({
-        to: erc721,
-        data,
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '1',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(1)
-      expect(mockGetBalance).toHaveBeenCalledTimes(1)
-      // Don't check as on mainnet
-      expect(mockGetSafeInfo).not.toHaveBeenCalled()
-
-      expect(result).toEqual({
-        severity: 1,
-        payload: [
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-        ],
-      })
-    })
-
-    it('should warn about recipient of ERC-721 safeTransferFrom(address,address,uint256) recipients', async () => {
-      const erc721 = toBeHex('0x01', 20)
-
-      const recipient = toBeHex('0x02', 20)
-      const data = getMockErc721SafeTransferFromCalldata(recipient)
-
-      const safeTransaction = createMockSafeTransaction({
-        to: erc721,
-        data,
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '1',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(1)
-      expect(mockGetBalance).toHaveBeenCalledTimes(1)
-      // Don't check as on mainnet
-      expect(mockGetSafeInfo).not.toHaveBeenCalled()
-
-      expect(result).toEqual({
-        severity: 1,
-        payload: [
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-        ],
-      })
-    })
-
-    it('should warn about recipient of ERC-721 safeTransferFrom(address,address,uint256,bytes) recipients', async () => {
-      const erc721 = toBeHex('0x01', 20)
-
-      const recipient = toBeHex('0x02', 20)
-      const data = getMockErc721SafeTransferFromWithBytesCalldata(recipient)
-
-      const safeTransaction = createMockSafeTransaction({
-        to: erc721,
-        data,
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '1',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(1)
-      expect(mockGetBalance).toHaveBeenCalledTimes(1)
-      // Don't check as on mainnet
-      expect(mockGetSafeInfo).not.toHaveBeenCalled()
-
-      expect(result).toEqual({
-        severity: 1,
-        payload: [
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-        ],
-      })
-    })
-
-    // multiSend
-    it('should warn about recipient(s) of multiSend recipients', async () => {
-      const multiSend = toBeHex('0x01', 20)
-
-      const recipient1 = toBeHex('0x02', 20)
-      const recipient2 = toBeHex('0x03', 20)
-
-      const data = getMockMultiSendCalldata([recipient1, recipient2])
-
-      const safeTransaction = createMockSafeTransaction({
-        to: multiSend,
-        data,
-        operation: OperationType.DelegateCall,
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '1',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(2)
-      expect(mockGetBalance).toHaveBeenCalledTimes(2)
-      // Don't check as on mainnet
-      expect(mockGetSafeInfo).not.toHaveBeenCalled()
-
-      expect(result).toEqual({
-        severity: 1,
-        payload: [
-          {
-            severity: 1,
-            address: recipient1,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-          {
-            severity: 1,
-            address: recipient2,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-        ],
-      })
-    })
-
-    // Other
-    // Covered in test below: "should warn about recipient of native transfer recipients / should not warn if the address(es) is/are used"
-  })
-
-  it('should warn about recipient of native transfer recipients / should not warn if the address(es) is/are used', async () => {
-    isSmartContractSpy.mockImplementation(() => Promise.resolve(false))
-    mockGetBalance.mockImplementation(() => Promise.resolve(1n))
-    mockGetSafeInfo.mockImplementation(() => Promise.reject('Safe not found'))
-
-    const recipient = toBeHex('0x01', 20)
-
-    const safeTransaction = createMockSafeTransaction({
-      to: recipient,
-      data: '0x',
-    })
-
-    const result = await RecipientAddressModuleInstance.scanTransaction({
-      safeTransaction,
-      provider: mockProvider,
-      chainId: '1',
-      knownAddresses: [],
-    })
-
-    expect(isSmartContractSpy).toHaveBeenCalledTimes(1)
-    expect(mockGetBalance).toHaveBeenCalledTimes(1)
-    // Don't check as on mainnet
-    expect(mockGetSafeInfo).not.toHaveBeenCalled()
-
-    expect(result).toEqual({
-      severity: 1,
-      payload: [
-        {
-          severity: 1,
-          address: recipient,
-          description: {
-            short: 'Address is not known',
-            long: 'The address is not a signer or present in your address book and is not a smart contract',
-          },
-          type: 'UNKNOWN_ADDRESS',
-        },
-      ],
-    })
-  })
-
-  describe('it should warn if the address(es) is/are unused', () => {
-    beforeEach(() => {
-      isSmartContractSpy.mockImplementation(() => Promise.resolve(false))
-      mockGetBalance.mockImplementation(() => Promise.resolve(0n))
-      mockGetSafeInfo.mockImplementation(() => Promise.reject('Safe not found'))
-    })
-
-    // ERC-20
-    it('should warn about recipient of ERC-20 transfer recipients', async () => {
-      const erc20 = toBeHex('0x01', 20)
-
-      const recipient = toBeHex('0x02', 20)
-      const data = getMockErc20TransferCalldata(recipient)
-
-      const safeTransaction = createMockSafeTransaction({
-        to: erc20,
-        data,
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '1',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(1)
-      expect(mockGetBalance).toHaveBeenCalledTimes(1)
-      // Don't check as on mainnet
-      expect(mockGetSafeInfo).not.toHaveBeenCalled()
-
-      expect(result).toEqual({
-        severity: 1,
-        payload: [
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address seems to be unused',
-              long: 'The address has no native token balance and is not a smart contract',
-            },
-            type: 'UNUSED_ADDRESS',
-          },
-        ],
-      })
-    })
-
-    // ERC-721
-    it('should warn about recipient of ERC-721 transferFrom recipients', async () => {
-      const erc721 = toBeHex('0x01', 20)
-
-      const recipient = toBeHex('0x02', 20)
-      const data = getMockErc721TransferFromCalldata(recipient)
-
-      const safeTransaction = createMockSafeTransaction({
-        to: erc721,
-        data,
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '1',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(1)
-      expect(mockGetBalance).toHaveBeenCalledTimes(1)
-      // Don't check as on mainnet
-      expect(mockGetSafeInfo).not.toHaveBeenCalled()
-
-      expect(result).toEqual({
-        severity: 1,
-        payload: [
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address seems to be unused',
-              long: 'The address has no native token balance and is not a smart contract',
-            },
-            type: 'UNUSED_ADDRESS',
-          },
-        ],
-      })
-    })
-
-    it('should warn about recipient of ERC-721 safeTransferFrom(address,address,uint256) recipients', async () => {
-      const erc721 = toBeHex('0x01', 20)
-
-      const recipient = toBeHex('0x02', 20)
-      const data = getMockErc721SafeTransferFromCalldata(recipient)
-
-      const safeTransaction = createMockSafeTransaction({
-        to: erc721,
-        data,
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '1',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(1)
-      expect(mockGetBalance).toHaveBeenCalledTimes(1)
-      // Don't check as on mainnet
-      expect(mockGetSafeInfo).not.toHaveBeenCalled()
-
-      expect(result).toEqual({
-        severity: 1,
-        payload: [
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address seems to be unused',
-              long: 'The address has no native token balance and is not a smart contract',
-            },
-            type: 'UNUSED_ADDRESS',
-          },
-        ],
-      })
-    })
-
-    it('should warn about recipient of ERC-721 safeTransferFrom(address,address,uint256,bytes) recipients', async () => {
-      const erc721 = toBeHex('0x01', 20)
-
-      const recipient = toBeHex('0x02', 20)
-      const data = getMockErc721SafeTransferFromWithBytesCalldata(recipient)
-
-      const safeTransaction = createMockSafeTransaction({
-        to: erc721,
-        data,
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '1',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(1)
-      expect(mockGetBalance).toHaveBeenCalledTimes(1)
-      // Don't check as on mainnet
-      expect(mockGetSafeInfo).not.toHaveBeenCalled()
-
-      expect(result).toEqual({
-        severity: 1,
-        payload: [
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address seems to be unused',
-              long: 'The address has no native token balance and is not a smart contract',
-            },
-            type: 'UNUSED_ADDRESS',
-          },
-        ],
-      })
-    })
-
-    // multiSend
-    it('should warn about recipient(s) of multiSend recipients', async () => {
-      const multiSend = toBeHex('0x01', 20)
-
-      const recipient1 = toBeHex('0x02', 20)
-      const recipient2 = toBeHex('0x03', 20)
-
-      const data = getMockMultiSendCalldata([recipient1, recipient2])
-
-      const safeTransaction = createMockSafeTransaction({
-        to: multiSend,
-        data,
-        operation: OperationType.DelegateCall,
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '1',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(2)
-      expect(mockGetBalance).toHaveBeenCalledTimes(2)
-      // Don't check as on mainnet
-      expect(mockGetSafeInfo).not.toHaveBeenCalled()
-
-      expect(result).toEqual({
-        severity: 1,
-        payload: [
-          {
-            severity: 1,
-            address: recipient1,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-          {
-            severity: 1,
-            address: recipient1,
-            description: {
-              short: 'Address seems to be unused',
-              long: 'The address has no native token balance and is not a smart contract',
-            },
-            type: 'UNUSED_ADDRESS',
-          },
-          {
-            severity: 1,
-            address: recipient2,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-          {
-            severity: 1,
-            address: recipient2,
-            description: {
-              short: 'Address seems to be unused',
-              long: 'The address has no native token balance and is not a smart contract',
-            },
-            type: 'UNUSED_ADDRESS',
-          },
-        ],
-      })
-    })
-
-    // Other
-    it('should warn about recipient of native transfer recipients', async () => {
-      const recipient = toBeHex('0x01', 20)
-
-      const safeTransaction = createMockSafeTransaction({
-        to: recipient,
-        data: '0x',
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '1',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(1)
-      expect(mockGetBalance).toHaveBeenCalledTimes(1)
-      // Don't check as on mainnet
-      expect(mockGetSafeInfo).not.toHaveBeenCalled()
-
-      expect(result).toEqual({
-        severity: 1,
-        payload: [
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address seems to be unused',
-              long: 'The address has no native token balance and is not a smart contract',
-            },
-            type: 'UNUSED_ADDRESS',
-          },
-        ],
-      })
-    })
-  })
-
-  it('should not warn if the address(s) is/are Safe(s) deployed on the current network', async () => {
-    isSmartContractSpy.mockImplementation(() => Promise.resolve(false))
-    mockGetBalance.mockImplementation(() => Promise.resolve(1n))
-    mockGetSafeInfo.mockImplementation(() => Promise.resolve({} as SafeInfo))
-
-    const recipient = toBeHex('0x01', 20)
-
-    const safeTransaction = createMockSafeTransaction({
-      to: recipient,
-      data: '0x',
-    })
-
-    const result = await RecipientAddressModuleInstance.scanTransaction({
-      safeTransaction,
-      provider: mockProvider,
-      chainId: '1',
-      knownAddresses: [],
-    })
-
-    expect(isSmartContractSpy).toHaveBeenCalledTimes(1)
-    expect(mockGetBalance).toHaveBeenCalledTimes(1)
-    // Don't check as on mainnet
-    expect(mockGetSafeInfo).not.toHaveBeenCalled()
-
-    expect(result).toEqual({
-      severity: 1,
-      payload: [
-        {
-          severity: 1,
-          address: recipient,
-          description: {
-            short: 'Address is not known',
-            long: 'The address is not a signer or present in your address book and is not a smart contract',
-          },
-          type: 'UNKNOWN_ADDRESS',
-        },
-      ],
-    })
-  })
-
-  describe('it should warn if the address(es) is/are Safe(s) deployed on mainnet but not the current network', () => {
-    beforeEach(() => {
-      isSmartContractSpy.mockImplementation(() => Promise.resolve(false))
-      mockGetBalance.mockImplementation(() => Promise.resolve(1n))
-      mockGetSafeInfo.mockImplementation(() => Promise.resolve({} as SafeInfo))
-    })
-
-    // ERC-20
-    it('should warn about recipient of ERC-20 transfer recipients', async () => {
-      const erc20 = toBeHex('0x01', 20)
-
-      const recipient = toBeHex('0x02', 20)
-      const data = getMockErc20TransferCalldata(recipient)
-
-      const safeTransaction = createMockSafeTransaction({
-        to: erc20,
-        data,
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '5',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(1)
-      expect(mockGetBalance).toHaveBeenCalledTimes(1)
-      expect(mockGetSafeInfo).toHaveBeenCalledTimes(1)
-
-      expect(result).toEqual({
-        severity: 3,
-        payload: [
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-          {
-            severity: 3,
-            address: recipient,
-            description: {
-              short: 'Target Safe not deployed on current network',
-              long: 'The address is a Safe on mainnet, but it is not deployed on the current network',
-            },
-            type: 'SAFE_ON_WRONG_CHAIN',
-          },
-        ],
-      })
-    })
-
-    // ERC-721
-    it('should warn about recipient of ERC-721 transferFrom recipients', async () => {
-      const erc721 = toBeHex('0x01', 20)
-
-      const recipient = toBeHex('0x02', 20)
-      const data = getMockErc721TransferFromCalldata(recipient)
-
-      const safeTransaction = createMockSafeTransaction({
-        to: erc721,
-        data,
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '5',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(1)
-      expect(mockGetBalance).toHaveBeenCalledTimes(1)
-      expect(mockGetSafeInfo).toHaveBeenCalledTimes(1)
-
-      expect(result).toEqual({
-        severity: 3,
-        payload: [
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-          {
-            severity: 3,
-            address: recipient,
-            description: {
-              short: 'Target Safe not deployed on current network',
-              long: 'The address is a Safe on mainnet, but it is not deployed on the current network',
-            },
-            type: 'SAFE_ON_WRONG_CHAIN',
-          },
-        ],
-      })
-    })
-
-    it('should warn about recipient of ERC-721 safeTransferFrom(address,address,uint256) recipients', async () => {
-      const erc721 = toBeHex('0x01', 20)
-
-      const recipient = toBeHex('0x02', 20)
-      const data = getMockErc721SafeTransferFromCalldata(recipient)
-
-      const safeTransaction = createMockSafeTransaction({
-        to: erc721,
-        data,
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '5',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(1)
-      expect(mockGetBalance).toHaveBeenCalledTimes(1)
-      expect(mockGetSafeInfo).toHaveBeenCalledTimes(1)
-
-      expect(result).toEqual({
-        severity: 3,
-        payload: [
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-          {
-            severity: 3,
-            address: recipient,
-            description: {
-              short: 'Target Safe not deployed on current network',
-              long: 'The address is a Safe on mainnet, but it is not deployed on the current network',
-            },
-            type: 'SAFE_ON_WRONG_CHAIN',
-          },
-        ],
-      })
-    })
-
-    it('should warn about recipient of ERC-721 safeTransferFrom(address,address,uint256,bytes) recipients', async () => {
-      const erc721 = toBeHex('0x01', 20)
-
-      const recipient = toBeHex('0x02', 20)
-      const data = getMockErc721SafeTransferFromWithBytesCalldata(recipient)
-
-      const safeTransaction = createMockSafeTransaction({
-        to: erc721,
-        data,
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '5',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(1)
-      expect(mockGetBalance).toHaveBeenCalledTimes(1)
-      expect(mockGetSafeInfo).toHaveBeenCalledTimes(1)
-
-      expect(result).toEqual({
-        severity: 3,
-        payload: [
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-          {
-            severity: 3,
-            address: recipient,
-            description: {
-              short: 'Target Safe not deployed on current network',
-              long: 'The address is a Safe on mainnet, but it is not deployed on the current network',
-            },
-            type: 'SAFE_ON_WRONG_CHAIN',
-          },
-        ],
-      })
-    })
-
-    // multiSend
-    it('should warn about recipient(s) of multiSend recipients', async () => {
-      const multiSend = toBeHex('0x01', 20)
-
-      const recipient1 = toBeHex('0x02', 20)
-      const recipient2 = toBeHex('0x03', 20)
-
-      const data = getMockMultiSendCalldata([recipient1, recipient2])
-
-      const safeTransaction = createMockSafeTransaction({
-        to: multiSend,
-        data,
-        operation: OperationType.DelegateCall,
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '5',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(2)
-      expect(mockGetBalance).toHaveBeenCalledTimes(2)
-      expect(mockGetSafeInfo).toHaveBeenCalledTimes(2)
-
-      expect(result).toEqual({
-        severity: 3,
-        payload: [
-          {
-            severity: 1,
-            address: recipient1,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-          {
-            severity: 3,
-            address: recipient1,
-            description: {
-              short: 'Target Safe not deployed on current network',
-              long: 'The address is a Safe on mainnet, but it is not deployed on the current network',
-            },
-            type: 'SAFE_ON_WRONG_CHAIN',
-          },
-          {
-            severity: 1,
-            address: recipient2,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-          {
-            severity: 3,
-            address: recipient2,
-            description: {
-              short: 'Target Safe not deployed on current network',
-              long: 'The address is a Safe on mainnet, but it is not deployed on the current network',
-            },
-            type: 'SAFE_ON_WRONG_CHAIN',
-          },
-        ],
-      })
-    })
-
-    // Other
-    it('should warn about recipient of native transfer recipients', async () => {
-      const recipient = toBeHex('0x01', 20)
-
-      const safeTransaction = createMockSafeTransaction({
-        to: recipient,
-        data: '0x',
-      })
-
-      const result = await RecipientAddressModuleInstance.scanTransaction({
-        safeTransaction,
-        provider: mockProvider,
-        chainId: '5',
-        knownAddresses: [],
-      })
-
-      expect(isSmartContractSpy).toHaveBeenCalledTimes(1)
-      expect(mockGetBalance).toHaveBeenCalledTimes(1)
-      expect(mockGetSafeInfo).toHaveBeenCalledTimes(1)
-
-      expect(result).toEqual({
-        severity: 3,
-        payload: [
-          {
-            severity: 1,
-            address: recipient,
-            description: {
-              short: 'Address is not known',
-              long: 'The address is not a signer or present in your address book and is not a smart contract',
-            },
-            type: 'UNKNOWN_ADDRESS',
-          },
-          {
-            severity: 3,
-            address: recipient,
-            description: {
-              short: 'Target Safe not deployed on current network',
-              long: 'The address is a Safe on mainnet, but it is not deployed on the current network',
-            },
-            type: 'SAFE_ON_WRONG_CHAIN',
-          },
-        ],
-      })
-    })
-  })
-})
diff --git a/src/services/security/modules/RecipientAddressModule/index.ts b/src/services/security/modules/RecipientAddressModule/index.ts
deleted file mode 100644
index d0223a892..000000000
--- a/src/services/security/modules/RecipientAddressModule/index.ts
+++ /dev/null
@@ -1,143 +0,0 @@
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import type { JsonRpcProvider } from 'ethers'
-
-import { getSafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { isSmartContract } from '@/hooks/wallets/web3'
-import { sameAddress } from '@/utils/addresses'
-import { getTransactionRecipients } from '@/utils/transaction-calldata'
-import { SecuritySeverity } from '../types'
-import type { SecurityResponse, SecurityModule } from '../types'
-
-type RecipientAddressModuleWarning = {
-  severity: SecuritySeverity
-  type: RecipietAddressIssueType
-  address: string
-  description: {
-    short: string
-    long: string
-  }
-}
-
-export type RecipientAddressModuleResponse = Array<RecipientAddressModuleWarning>
-
-export type RecipientAddressModuleRequest = {
-  knownAddresses: string[]
-  safeTransaction: SafeTransaction
-  provider: JsonRpcProvider
-  chainId: string
-}
-
-export const enum RecipietAddressIssueType {
-  UNKNOWN_ADDRESS = 'UNKNOWN_ADDRESS',
-  UNUSED_ADDRESS = 'UNUSED_ADDRESS',
-  SAFE_ON_WRONG_CHAIN = 'SAFE_ON_WRONG_CHAIN',
-}
-
-const MAINNET_CHAIN_ID = '1'
-
-export class RecipientAddressModule
-  implements SecurityModule<RecipientAddressModuleRequest, RecipientAddressModuleResponse>
-{
-  private isKnownAddress(knownAddresses: string[], address: string): boolean {
-    return knownAddresses.some((knownAddress) => sameAddress(knownAddress, address))
-  }
-
-  private async shouldWarnOfMainnetSafe(currentChainId: string, address: string): Promise<boolean> {
-    // We only check if the address is a Safe on mainnet to reduce the number of requests
-    if (currentChainId === MAINNET_CHAIN_ID) {
-      return false
-    }
-
-    try {
-      await getSafeInfo(MAINNET_CHAIN_ID, address)
-      return true
-    } catch {
-      return false
-    }
-  }
-
-  private async checkAddress(
-    chainId: string,
-    knownAddresses: Array<string>,
-    address: string,
-    provider: JsonRpcProvider,
-  ): Promise<Array<RecipientAddressModuleWarning>> {
-    const warnings: Array<RecipientAddressModuleWarning> = []
-
-    if (this.isKnownAddress(knownAddresses, address)) {
-      return warnings
-    }
-
-    if (await isSmartContract(provider, address)) {
-      return warnings
-    }
-
-    warnings.push({
-      severity: SecuritySeverity.LOW,
-      address,
-      description: {
-        short: 'Address is not known',
-        long: 'The address is not a signer or present in your address book and is not a smart contract',
-      },
-      type: RecipietAddressIssueType.UNKNOWN_ADDRESS,
-    })
-
-    const [balance, shouldWarnOfMainnetSafe] = await Promise.all([
-      provider.getBalance(address),
-      this.shouldWarnOfMainnetSafe(chainId, address),
-    ])
-
-    if (balance === 0n) {
-      warnings.push({
-        severity: SecuritySeverity.LOW,
-        address,
-        description: {
-          short: 'Address seems to be unused',
-          long: 'The address has no native token balance and is not a smart contract',
-        },
-        type: RecipietAddressIssueType.UNUSED_ADDRESS,
-      })
-    }
-
-    if (shouldWarnOfMainnetSafe) {
-      warnings.push({
-        severity: SecuritySeverity.HIGH,
-        address,
-        description: {
-          short: 'Target Safe not deployed on current network',
-          long: 'The address is a Safe on mainnet, but it is not deployed on the current network',
-        },
-        type: RecipietAddressIssueType.SAFE_ON_WRONG_CHAIN,
-      })
-    }
-
-    return warnings
-  }
-
-  async scanTransaction(
-    request: RecipientAddressModuleRequest,
-  ): Promise<SecurityResponse<RecipientAddressModuleResponse>> {
-    const { safeTransaction, provider, chainId, knownAddresses } = request
-
-    const uniqueRecipients = Array.from(new Set(getTransactionRecipients(safeTransaction.data)))
-
-    const warnings = (
-      await Promise.all(
-        uniqueRecipients.map((address) => this.checkAddress(chainId, knownAddresses, address, provider)),
-      )
-    ).flat()
-
-    if (warnings.length === 0) {
-      return {
-        severity: SecuritySeverity.NONE,
-      }
-    }
-
-    const severity = Math.max(...warnings.map((warning) => warning.severity))
-
-    return {
-      severity,
-      payload: warnings,
-    }
-  }
-}
diff --git a/src/services/security/modules/RedefineModule/index.ts b/src/services/security/modules/RedefineModule/index.ts
deleted file mode 100644
index b0d7ac93e..000000000
--- a/src/services/security/modules/RedefineModule/index.ts
+++ /dev/null
@@ -1,178 +0,0 @@
-import { REDEFINE_API } from '@/config/constants'
-import { isEIP712TypedData } from '@/utils/safe-messages'
-import { normalizeTypedData } from '@/utils/web3'
-import { type SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import { generateTypedData } from '@safe-global/protocol-kit/dist/src/utils/eip-712'
-import type { EIP712TypedData } from '@safe-global/safe-gateway-typescript-sdk'
-import { type SecurityResponse, type SecurityModule, SecuritySeverity } from '../types'
-
-export const enum REDEFINE_ERROR_CODES {
-  ANALYSIS_IN_PROGRESS = 1000,
-  SIMULATION_FAILED = 1001,
-  INPUT_VALIDATION = 2000,
-  BAD_REQUEST = 3000,
-}
-
-const redefineSeverityMap: Record<RedefineSeverity['label'], SecuritySeverity> = {
-  CRITICAL: SecuritySeverity.CRITICAL,
-  HIGH: SecuritySeverity.HIGH,
-  MEDIUM: SecuritySeverity.MEDIUM,
-  LOW: SecuritySeverity.LOW,
-  NO_ISSUES: SecuritySeverity.NONE,
-}
-
-export type RedefineModuleRequest = {
-  chainId: number
-  safeAddress: string
-  walletAddress: string
-  data: SafeTransaction | EIP712TypedData
-  threshold: number
-}
-
-export type RedefineModuleResponse = {
-  issues?: Array<
-    Omit<NonNullable<RedefineResponse['data']>['insights']['issues'][number], 'severity'> & {
-      severity: SecuritySeverity
-    }
-  >
-  balanceChange?: NonNullable<RedefineResponse['data']>['balanceChange']
-  simulation?: NonNullable<RedefineResponse['data']>['simulation']
-  errors: RedefineResponse['errors']
-}
-
-type RedefinePayload = {
-  chainId: number
-  domain?: string
-  payload: {
-    method: 'eth_signTypedData_v4'
-    params: [string, string]
-  }
-}
-
-type RedefineSeverity = {
-  code: number
-  label: 'CRITICAL' | 'HIGH' | 'MEDIUM' | 'LOW' | 'NO_ISSUES'
-}
-
-type RedefineBalanceChange =
-  | {
-      address: string
-      amount: {
-        value: string
-        normalizedValue: string
-      }
-      type: 'ERC20'
-      symbol: string
-      decimals: number
-      name: string
-    }
-  | {
-      amount: {
-        value: string
-        normalizedValue: string
-      }
-      type: 'NATIVE'
-      symbol: string
-      decimals: number
-      name: string
-    }
-  | { type: 'ERC721'; address: string; tokenId: string; name?: string; symbol?: string }
-
-export type RedefineResponse = {
-  data?: {
-    balanceChange?: {
-      in: RedefineBalanceChange[]
-      out: RedefineBalanceChange[]
-    }
-    insights: {
-      issues: {
-        description: {
-          short: string
-          long: string
-        }
-        severity: RedefineSeverity
-        category: string
-      }[]
-      verdict: RedefineSeverity
-    }
-    simulation: {
-      uuid: string
-      time: string
-      block: string
-    }
-  }
-  errors: {
-    code: number
-    message: string
-    extendedInfo?: Record<string, unknown>
-  }[]
-}
-
-export class RedefineModule implements SecurityModule<RedefineModuleRequest, RedefineModuleResponse> {
-  static prepareMessage(request: RedefineModuleRequest): string {
-    const { data, safeAddress, chainId } = request
-    if (isEIP712TypedData(data)) {
-      const normalizedMsg = normalizeTypedData(data)
-      return JSON.stringify(normalizedMsg)
-    } else {
-      return JSON.stringify(
-        generateTypedData({
-          safeAddress,
-          safeVersion: '1.3.0', // TODO: pass to module, taking into account that lower Safe versions don't have chainId in payload
-          chainId: BigInt(chainId),
-          // TODO: find out why these types are incompaitble
-          data: {
-            ...data.data,
-            safeTxGas: data.data.safeTxGas,
-            baseGas: data.data.baseGas,
-            gasPrice: data.data.gasPrice,
-          },
-        }),
-      )
-    }
-  }
-  async scanTransaction(request: RedefineModuleRequest): Promise<SecurityResponse<RedefineModuleResponse>> {
-    if (!REDEFINE_API) {
-      throw new Error('Redefine API URL is not set')
-    }
-
-    const { chainId, safeAddress, data } = request
-
-    const message = RedefineModule.prepareMessage(request)
-
-    const payload: RedefinePayload = {
-      chainId,
-      payload: {
-        method: 'eth_signTypedData_v4',
-        params: [safeAddress, message],
-      },
-    }
-
-    const res = await fetch(REDEFINE_API, {
-      method: 'POST',
-      headers: {
-        'content-type': 'application/JSON',
-      },
-      body: JSON.stringify(payload),
-    })
-
-    if (!res.ok) {
-      throw new Error('Redefine scan failed', await res.json())
-    }
-
-    const result = (await res.json()) as RedefineResponse
-
-    return {
-      severity: result.data ? redefineSeverityMap[result.data.insights.verdict.label] : SecuritySeverity.NONE,
-      payload: {
-        issues: result.data?.insights.issues.map((issue) => ({
-          ...issue,
-          severity: redefineSeverityMap[issue.severity.label],
-        })),
-        balanceChange: result.data?.balanceChange,
-        simulation: isEIP712TypedData(data) ? undefined : result.data?.simulation,
-        errors: result.errors,
-      },
-    }
-  }
-}
diff --git a/src/services/siwe/index.ts b/src/services/siwe/index.ts
deleted file mode 100644
index 682e79c1b..000000000
--- a/src/services/siwe/index.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { getAuthNonce, verifyAuth } from '@safe-global/safe-gateway-typescript-sdk'
-import type { BrowserProvider } from 'ethers'
-
-/**
- * Prompt the user to sign in with their wallet and set an access_token cookie
- * @param provider
- */
-async function signInWithEthereum(provider: BrowserProvider) {
-  const { nonce } = await getAuthNonce()
-
-  const [network, signer] = await Promise.all([provider.getNetwork(), provider.getSigner()])
-
-  const message = {
-    domain: window.location.host,
-    address: signer.address as `0x${string}`,
-    // Results in special signing window in MetaMask
-    statement: 'Sign in with Ethereum to the app.',
-    uri: window.location.origin,
-    version: '1',
-    chainId: Number(network.chainId),
-    nonce,
-    issuedAt: new Date(),
-  }
-
-  const signableMessage = `${message.domain} wants you to sign in with your Ethereum account:
-${message.address}
-
-${message.statement}
-
-URI: ${message.uri}
-Version: ${message.version}
-Chain ID: ${message.chainId}
-Nonce: ${message.nonce}
-Issued At: ${message.issuedAt.toISOString()}`
-
-  const signature = await signer.signMessage(signableMessage)
-
-  return verifyAuth({ message: signableMessage, signature })
-}
-
-export default signInWithEthereum
diff --git a/src/services/transactions/index.tests.ts b/src/services/transactions/index.tests.ts
deleted file mode 100644
index 7b2634e07..000000000
--- a/src/services/transactions/index.tests.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { getTimezoneOffset } from '.'
-
-describe('getTimezoneOffset', () => {
-  it('should return timezone offset in milliseconds', () => {
-    const CET = 60 * 60 * 1000 // tests are run in CET
-    expect(getTimezoneOffset()).toBe(-CET)
-  })
-})
diff --git a/src/services/transactions/index.ts b/src/services/transactions/index.ts
deleted file mode 100644
index 01e8fce25..000000000
--- a/src/services/transactions/index.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import memoize from 'lodash/memoize'
-import { getTransactionDetails, getTransactionHistory } from '@safe-global/safe-gateway-typescript-sdk'
-import { trimTrailingSlash } from '@/utils/url'
-
-export const getTimezoneOffset = () => new Date().getTimezoneOffset() * 60 * -1000
-
-/**
- * Fetch and memoize transaction details from Safe Gateway
- *
- * @param chainId Chain id
- * @param id Transaction id or hash
- * @returns Transaction details
- */
-export const getTxDetails = memoize(
-  (chainId: string, id: string) => {
-    return getTransactionDetails(chainId, id)
-  },
-  (id: string, chainId: string) => `${chainId}-${id}`,
-)
-
-export const getTxHistory = (chainId: string, safeAddress: string, trusted = false, pageUrl?: string) => {
-  return getTransactionHistory(
-    chainId,
-    safeAddress,
-    {
-      timezone_offset: getTimezoneOffset(), // used for grouping txs by date
-      trusted, // if false, load all transactions, mark untrusted in the UI
-    },
-    pageUrl,
-  )
-}
-
-/**
- * Fetch the module transaction id from the transaction service providing the transaction hash
- */
-export const getModuleTransactionId = async ({
-  transactionService,
-  safeAddress,
-  txHash,
-}: {
-  transactionService: string
-  safeAddress: string
-  txHash: string
-}) => {
-  const url = `${trimTrailingSlash(
-    transactionService,
-  )}/api/v1/safes/${safeAddress}/module-transactions/?transaction_hash=${txHash}`
-  const { results } = await fetch(url).then((res) => {
-    if (res.ok && res.status === 200) {
-      return res.json() as Promise<any>
-    } else {
-      throw new Error('Error fetching Safe module transactions')
-    }
-  })
-
-  if (results.length === 0) throw new Error('module transaction not found')
-
-  return results[0].moduleTransactionId as string
-}
diff --git a/src/services/tx/__tests__/safeUpdateParams.test.ts b/src/services/tx/__tests__/safeUpdateParams.test.ts
deleted file mode 100644
index 0d8d32f30..000000000
--- a/src/services/tx/__tests__/safeUpdateParams.test.ts
+++ /dev/null
@@ -1,141 +0,0 @@
-import { sameAddress } from '@/utils/addresses'
-import {
-  getFallbackHandlerDeployment,
-  getSafeL2SingletonDeployment,
-  getSafeSingletonDeployment,
-} from '@safe-global/safe-deployments'
-import type { ChainInfo, SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { Interface, BrowserProvider, type JsonRpcProvider } from 'ethers'
-import { createUpdateSafeTxs } from '../safeUpdateParams'
-import { LATEST_SAFE_VERSION } from '@/config/constants'
-import * as web3 from '@/hooks/wallets/web3'
-import { MockEip1193Provider } from '@/tests/mocks/providers'
-
-const MOCK_SAFE_ADDRESS = '0x0000000000000000000000000000000000005AFE'
-
-jest.mock('@safe-global/protocol-kit', () => {
-  const originalModule = jest.requireActual('@safe-global/protocol-kit')
-
-  // Mock class
-  class MockEthersAdapter extends originalModule.EthersAdapter {
-    getChainId = jest.fn().mockImplementation(() => Promise.resolve(BigInt(4)))
-  }
-
-  return {
-    ...originalModule,
-    EthersAdapter: MockEthersAdapter,
-  }
-})
-
-describe('safeUpgradeParams', () => {
-  jest
-    .spyOn(web3, 'getWeb3ReadOnly')
-    .mockImplementation(() => new BrowserProvider(MockEip1193Provider) as unknown as JsonRpcProvider)
-
-  it('Should add empty setFallbackHandler transaction data for older Safes', async () => {
-    const mockSafe = {
-      address: {
-        value: MOCK_SAFE_ADDRESS,
-      },
-      version: '1.0.0',
-    } as SafeInfo
-    const txs = await createUpdateSafeTxs(mockSafe, { chainId: '4', l2: false } as ChainInfo)
-    const [masterCopyTx, fallbackHandlerTx] = txs
-    // Safe upgrades mastercopy and fallbackhandler
-    expect(txs).toHaveLength(2)
-    // Check change masterCopy
-    expect(sameAddress(masterCopyTx.to, MOCK_SAFE_ADDRESS)).toBeTruthy()
-    expect(masterCopyTx.value).toEqual('0')
-    expect(
-      sameAddress(
-        decodeChangeMasterCopyAddress(masterCopyTx.data),
-        getSafeSingletonDeployment({ version: '1.3.0', network: '4' })?.defaultAddress,
-      ),
-    ).toBeTruthy()
-
-    // Check setFallbackHandler
-    expect(sameAddress(fallbackHandlerTx.to, MOCK_SAFE_ADDRESS)).toBeTruthy()
-    expect(fallbackHandlerTx.value).toEqual('0')
-    expect(fallbackHandlerTx.data).toEqual('0x')
-  })
-
-  it('Should upgrade L1 safe to L1 1.3.0', async () => {
-    const mockSafe = {
-      address: {
-        value: MOCK_SAFE_ADDRESS,
-      },
-      version: '1.1.1',
-    } as SafeInfo
-    const txs = await createUpdateSafeTxs(mockSafe, { chainId: '4', l2: false } as ChainInfo)
-    const [masterCopyTx, fallbackHandlerTx] = txs
-    // Safe upgrades mastercopy and fallbackhandler
-    expect(txs).toHaveLength(2)
-    // Check change masterCopy
-    expect(sameAddress(masterCopyTx.to, MOCK_SAFE_ADDRESS)).toBeTruthy()
-    expect(masterCopyTx.value).toEqual('0')
-    expect(
-      sameAddress(
-        decodeChangeMasterCopyAddress(masterCopyTx.data),
-        getSafeSingletonDeployment({ version: '1.3.0', network: '4' })?.defaultAddress,
-      ),
-    ).toBeTruthy()
-
-    // Check setFallbackHandler
-    expect(sameAddress(fallbackHandlerTx.to, MOCK_SAFE_ADDRESS)).toBeTruthy()
-    expect(fallbackHandlerTx.value).toEqual('0')
-    expect(
-      sameAddress(
-        decodeSetFallbackHandlerAddress(fallbackHandlerTx.data),
-        getFallbackHandlerDeployment({ version: LATEST_SAFE_VERSION, network: '4' })?.defaultAddress,
-      ),
-    ).toBeTruthy()
-  })
-
-  it('Should upgrade L2 safe to L2 1.3.0', async () => {
-    const mockSafe = {
-      address: {
-        value: MOCK_SAFE_ADDRESS,
-      },
-      version: '1.1.1',
-    } as SafeInfo
-    const txs = await createUpdateSafeTxs(mockSafe, { chainId: '100', l2: true } as ChainInfo)
-    const [masterCopyTx, fallbackHandlerTx] = txs
-    // Safe upgrades mastercopy and fallbackhandler
-    expect(txs).toHaveLength(2)
-    // Check change masterCopy
-    expect(sameAddress(masterCopyTx.to, MOCK_SAFE_ADDRESS)).toBeTruthy()
-    expect(masterCopyTx.value).toEqual('0')
-    expect(
-      sameAddress(
-        decodeChangeMasterCopyAddress(masterCopyTx.data),
-        getSafeL2SingletonDeployment({ version: '1.3.0', network: '100' })?.defaultAddress,
-      ),
-    ).toBeTruthy()
-
-    // Check setFallbackHandler
-    expect(sameAddress(fallbackHandlerTx.to, MOCK_SAFE_ADDRESS)).toBeTruthy()
-    expect(fallbackHandlerTx.value).toEqual('0')
-    expect(
-      sameAddress(
-        decodeSetFallbackHandlerAddress(fallbackHandlerTx.data),
-        getFallbackHandlerDeployment({ version: '1.3.0', network: '100' })?.defaultAddress,
-      ),
-    ).toBeTruthy()
-  })
-})
-
-const decodeChangeMasterCopyAddress = (data: string): string => {
-  const CHANGE_MASTER_COPY_ABI = 'function changeMasterCopy(address _masterCopy)'
-
-  const multiSendInterface = new Interface([CHANGE_MASTER_COPY_ABI])
-  const decodedAddress = multiSendInterface.decodeFunctionData('changeMasterCopy', data)[0]
-  return decodedAddress.toString()
-}
-
-const decodeSetFallbackHandlerAddress = (data: string): string => {
-  const CHANGE_FALLBACK_HANDLER_ABI = 'function setFallbackHandler(address handler)'
-
-  const multiSendInterface = new Interface([CHANGE_FALLBACK_HANDLER_ABI])
-  const decodedAddress = multiSendInterface.decodeFunctionData('setFallbackHandler', data)[0]
-  return decodedAddress.toString()
-}
diff --git a/src/services/tx/extractTxInfo.ts b/src/services/tx/extractTxInfo.ts
deleted file mode 100644
index 6fc690beb..000000000
--- a/src/services/tx/extractTxInfo.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import type { OperationType } from '@safe-global/safe-core-sdk-types'
-import { type SafeTransactionData } from '@safe-global/safe-core-sdk-types'
-import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
-import { Operation } from '@safe-global/safe-gateway-typescript-sdk'
-import { isMultisigDetailedExecutionInfo, isNativeTokenTransfer } from '@/utils/transaction-guards'
-
-const ZERO_ADDRESS: string = '0x0000000000000000000000000000000000000000'
-const EMPTY_DATA: string = '0x'
-
-/**
- * Convert the CGW tx type to a Safe Core SDK tx
- */
-const extractTxInfo = (
-  txDetails: TransactionDetails,
-  safeAddress: string,
-): { txParams: SafeTransactionData; signatures: Record<string, string> } => {
-  // Format signatures into a map
-  let signatures: Record<string, string> = {}
-  if (isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)) {
-    signatures = txDetails.detailedExecutionInfo.confirmations.reduce((result, item) => {
-      result[item.signer.value] = item.signature ?? ''
-      return result
-    }, signatures)
-  }
-
-  const data = txDetails.txData?.hexData ?? EMPTY_DATA
-
-  const baseGas = isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)
-    ? txDetails.detailedExecutionInfo.baseGas
-    : '0'
-
-  const gasPrice = isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)
-    ? txDetails.detailedExecutionInfo.gasPrice
-    : '0'
-
-  const safeTxGas = isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)
-    ? txDetails.detailedExecutionInfo.safeTxGas
-    : '0'
-
-  const gasToken = isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)
-    ? txDetails.detailedExecutionInfo.gasToken
-    : ZERO_ADDRESS
-
-  const nonce = isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)
-    ? txDetails.detailedExecutionInfo.nonce
-    : 0
-
-  const refundReceiver = isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)
-    ? txDetails.detailedExecutionInfo.refundReceiver.value
-    : ZERO_ADDRESS
-
-  const value = (() => {
-    switch (txDetails.txInfo.type) {
-      case 'Transfer':
-        if (isNativeTokenTransfer(txDetails.txInfo.transferInfo)) {
-          return txDetails.txInfo.transferInfo.value
-        } else {
-          return txDetails.txData?.value ?? '0'
-        }
-      case 'TwapOrder':
-        return txDetails.txData?.value ?? '0'
-      case 'SwapOrder':
-        return txDetails.txData?.value ?? '0'
-      case 'Custom':
-        return txDetails.txInfo.value
-      case 'Creation':
-      case 'SettingsChange':
-        return '0'
-      default: {
-        throw new Error(`Unknown transaction type: ${txDetails.txInfo.type}`)
-      }
-    }
-  })()
-
-  const to = (() => {
-    switch (txDetails.txInfo.type) {
-      case 'Transfer':
-        if (isNativeTokenTransfer(txDetails.txInfo.transferInfo)) {
-          return txDetails.txInfo.recipient.value
-        } else {
-          return txDetails.txInfo.transferInfo.tokenAddress
-        }
-      case 'SwapOrder':
-      case 'TwapOrder':
-        const orderTo = txDetails.txData?.to.value
-        if (!orderTo) {
-          throw new Error('Order tx data does not have a `to` field')
-        }
-        return orderTo
-      case 'Custom':
-        return txDetails.txInfo.to.value
-      case 'Creation':
-      case 'SettingsChange':
-        return safeAddress
-      default: {
-        throw new Error(`Unknown transaction type: ${txDetails.txInfo.type}`)
-      }
-    }
-  })()
-
-  const operation = (txDetails.txData?.operation ?? Operation.CALL) as unknown as OperationType
-
-  return {
-    txParams: {
-      data,
-      baseGas,
-      gasPrice,
-      safeTxGas,
-      gasToken,
-      nonce,
-      refundReceiver,
-      value,
-      to,
-      operation,
-    },
-    signatures,
-  }
-}
-
-export default extractTxInfo
diff --git a/src/services/tx/safeUpdateParams.ts b/src/services/tx/safeUpdateParams.ts
deleted file mode 100644
index af9013e99..000000000
--- a/src/services/tx/safeUpdateParams.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import type { MetaTransactionData } from '@safe-global/safe-core-sdk-types'
-import { OperationType } from '@safe-global/safe-core-sdk-types'
-import type { ChainInfo, SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { getReadOnlyFallbackHandlerContract, getReadOnlyGnosisSafeContract } from '@/services/contracts/safeContracts'
-import { LATEST_SAFE_VERSION } from '@/config/constants'
-import { assertValidSafeVersion } from '@/hooks/coreSDK/safeCoreSDK'
-import { SAFE_FEATURES } from '@safe-global/protocol-kit/dist/src/utils/safeVersions'
-import { hasSafeFeature } from '@/utils/safe-versions'
-import type { SafeContractEthers } from '@safe-global/protocol-kit'
-
-const getChangeFallbackHandlerCallData = async (
-  safe: SafeInfo,
-  chain: ChainInfo,
-  safeContractInstance: SafeContractEthers,
-): Promise<string> => {
-  if (!hasSafeFeature(SAFE_FEATURES.SAFE_FALLBACK_HANDLER, safe.version)) {
-    return '0x'
-  }
-
-  const fallbackHandlerAddress = await (
-    await getReadOnlyFallbackHandlerContract(chain.chainId, LATEST_SAFE_VERSION)
-  ).getAddress()
-  return safeContractInstance.encode('setFallbackHandler', [fallbackHandlerAddress])
-}
-
-/**
- * Creates two transactions:
- * - change the mastercopy address
- * - set the fallback handler address
- * Only works for safes < 1.3.0 as the changeMasterCopy function was removed
- */
-export const createUpdateSafeTxs = async (safe: SafeInfo, chain: ChainInfo): Promise<MetaTransactionData[]> => {
-  assertValidSafeVersion(safe.version)
-
-  const latestMasterCopyAddress = await (await getReadOnlyGnosisSafeContract(chain, LATEST_SAFE_VERSION)).getAddress()
-  const readOnlySafeContract = await getReadOnlyGnosisSafeContract(chain, safe.version)
-
-  // @ts-expect-error this was removed in 1.3.0 but we need to support it for older safe versions
-  const changeMasterCopyCallData = readOnlySafeContract.encode('changeMasterCopy', [latestMasterCopyAddress])
-  const changeFallbackHandlerCallData = await getChangeFallbackHandlerCallData(safe, chain, readOnlySafeContract)
-
-  const txs: MetaTransactionData[] = [
-    {
-      to: safe.address.value,
-      value: '0',
-      data: changeMasterCopyCallData,
-      operation: OperationType.Call,
-    },
-    {
-      to: safe.address.value,
-      value: '0',
-      data: changeFallbackHandlerCallData,
-      operation: OperationType.Call,
-    },
-  ]
-
-  return txs
-}
diff --git a/src/services/tx/tx-sender/__tests__/sdk.test.ts b/src/services/tx/tx-sender/__tests__/sdk.test.ts
deleted file mode 100644
index 73767b6bd..000000000
--- a/src/services/tx/tx-sender/__tests__/sdk.test.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { getSupportedSigningMethods } from '@/services/tx/tx-sender/sdk'
-
-describe('getSupportedSigningMethods', () => {
-  it('should return `eth_signTypedData` for older Safes', () => {
-    const result = getSupportedSigningMethods('1.0.0')
-
-    expect(result).toEqual(['eth_signTypedData'])
-  })
-
-  it("should return `eth_signTypedData` for unsupported contracts (backend returns `SafeInfo['version']` as `null`)", () => {
-    const result = getSupportedSigningMethods(null)
-
-    expect(result).toEqual(['eth_signTypedData'])
-  })
-
-  it('should generally return `eth_signTypedData` and `eth_sign` for newer Safes', () => {
-    const result = getSupportedSigningMethods('1.3.0')
-
-    expect(result).toEqual(['eth_signTypedData', 'eth_sign'])
-  })
-})
diff --git a/src/services/tx/tx-sender/create.ts b/src/services/tx/tx-sender/create.ts
deleted file mode 100644
index 150cbb3a5..000000000
--- a/src/services/tx/tx-sender/create.ts
+++ /dev/null
@@ -1,133 +0,0 @@
-import { getReadOnlyGnosisSafeContract } from '@/services/contracts/safeContracts'
-import { SENTINEL_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-import type { ChainInfo, TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
-import { getTransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
-import type { AddOwnerTxParams, RemoveOwnerTxParams, SwapOwnerTxParams } from '@safe-global/protocol-kit'
-import type { MetaTransactionData, SafeTransaction, SafeTransactionDataPartial } from '@safe-global/safe-core-sdk-types'
-import extractTxInfo from '../extractTxInfo'
-import { getAndValidateSafeSDK } from './sdk'
-
-/**
- * Create a transaction from raw params
- */
-export const createTx = async (txParams: SafeTransactionDataPartial, nonce?: number): Promise<SafeTransaction> => {
-  if (nonce !== undefined) txParams = { ...txParams, nonce }
-  const safeSDK = getAndValidateSafeSDK()
-  return safeSDK.createTransaction({ transactions: [txParams] })
-}
-
-/**
- * Create a multiSendCallOnly transaction from an array of MetaTransactionData and options
- * If only one tx is passed it will be created without multiSend and without onlyCalls.
- */
-export const createMultiSendCallOnlyTx = async (txParams: MetaTransactionData[]): Promise<SafeTransaction> => {
-  const safeSDK = getAndValidateSafeSDK()
-  return safeSDK.createTransaction({ transactions: txParams, onlyCalls: true })
-}
-
-export const createRemoveOwnerTx = async (txParams: RemoveOwnerTxParams): Promise<SafeTransaction> => {
-  const safeSDK = getAndValidateSafeSDK()
-  return safeSDK.createRemoveOwnerTx(txParams)
-}
-
-export const createAddOwnerTx = async (
-  chain: ChainInfo,
-  isDeployed: boolean,
-  txParams: AddOwnerTxParams,
-): Promise<SafeTransaction> => {
-  const safeSDK = getAndValidateSafeSDK()
-  if (isDeployed) return safeSDK.createAddOwnerTx(txParams)
-
-  const safeVersion = await safeSDK.getContractVersion()
-
-  const contract = await getReadOnlyGnosisSafeContract(chain, safeVersion)
-  // @ts-ignore TODO: Fix overload issue
-  const data = contract.encode('addOwnerWithThreshold', [txParams.ownerAddress, txParams.threshold])
-
-  const tx = {
-    to: await safeSDK.getAddress(),
-    value: '0',
-    data,
-  }
-
-  return safeSDK.createTransaction({
-    transactions: [tx],
-  })
-}
-
-export const createSwapOwnerTx = async (
-  chain: ChainInfo,
-  isDeployed: boolean,
-  txParams: SwapOwnerTxParams,
-): Promise<SafeTransaction> => {
-  const safeSDK = getAndValidateSafeSDK()
-  if (isDeployed) return safeSDK.createSwapOwnerTx(txParams)
-
-  const safeVersion = await safeSDK.getContractVersion()
-
-  const contract = await getReadOnlyGnosisSafeContract(chain, safeVersion)
-  const data = contract.encode('swapOwner', [SENTINEL_ADDRESS, txParams.oldOwnerAddress, txParams.newOwnerAddress])
-
-  const tx = {
-    to: await safeSDK.getAddress(),
-    value: '0',
-    data,
-  }
-
-  return safeSDK.createTransaction({
-    transactions: [tx],
-  })
-}
-
-export const createUpdateThresholdTx = async (threshold: number): Promise<SafeTransaction> => {
-  const safeSDK = getAndValidateSafeSDK()
-  return safeSDK.createChangeThresholdTx(threshold)
-}
-
-export const createRemoveModuleTx = async (moduleAddress: string): Promise<SafeTransaction> => {
-  const safeSDK = getAndValidateSafeSDK()
-  return safeSDK.createDisableModuleTx(moduleAddress)
-}
-
-export const createRemoveGuardTx = async (): Promise<SafeTransaction> => {
-  const safeSDK = getAndValidateSafeSDK()
-  return safeSDK.createDisableGuardTx()
-}
-
-/**
- * Create a rejection tx
- */
-export const createRejectTx = async (nonce: number): Promise<SafeTransaction> => {
-  const safeSDK = getAndValidateSafeSDK()
-  return safeSDK.createRejectionTransaction(nonce)
-}
-
-/**
- * Prepare a SafeTransaction from Client Gateway / Tx Queue
- */
-export const createExistingTx = async (
-  chainId: string,
-  safeAddress: string,
-  txId: string,
-  txDetails?: TransactionDetails,
-): Promise<SafeTransaction> => {
-  // Get the tx details from the backend if not provided
-  txDetails = txDetails || (await getTransactionDetails(chainId, txId))
-
-  // Convert them to the Core SDK tx params
-  const { txParams, signatures } = extractTxInfo(txDetails, safeAddress)
-
-  // Create a tx and add pre-approved signatures
-  const safeTx = await createTx(txParams, txParams.nonce)
-  Object.entries(signatures).forEach(([signer, data]) => {
-    safeTx.addSignature({
-      signer,
-      data,
-      staticPart: () => data,
-      dynamicPart: () => '',
-      isContractSignature: false,
-    })
-  })
-
-  return safeTx
-}
diff --git a/src/services/tx/tx-sender/dispatch.ts b/src/services/tx/tx-sender/dispatch.ts
deleted file mode 100644
index 5af9b9f57..000000000
--- a/src/services/tx/tx-sender/dispatch.ts
+++ /dev/null
@@ -1,530 +0,0 @@
-import { relayTransaction, type SafeInfo, type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
-import type {
-  SafeTransaction,
-  Transaction,
-  TransactionOptions,
-  TransactionResult,
-} from '@safe-global/safe-core-sdk-types'
-import { didRevert } from '@/utils/ethers-utils'
-import type { MultiSendCallOnlyEthersContract } from '@safe-global/protocol-kit'
-import { type SpendingLimitTxParams } from '@/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx'
-import { getSpendingLimitContract } from '@/services/contracts/spendingLimitContracts'
-import type { ContractTransactionResponse, Eip1193Provider, Overrides, TransactionResponse } from 'ethers'
-import type { RequestId } from '@safe-global/safe-apps-sdk'
-import proposeTx from '../proposeTransaction'
-import { txDispatch, TxEvent } from '../txEvents'
-import { waitForRelayedTx, waitForTx } from '@/services/tx/txMonitor'
-import { getReadOnlyCurrentGnosisSafeContract } from '@/services/contracts/safeContracts'
-import {
-  getAndValidateSafeSDK,
-  getSafeSDKWithSigner,
-  getUncheckedSafeSDK,
-  tryOffChainTxSigning,
-  getUncheckedSigner,
-} from './sdk'
-import { createWeb3, getUserNonce, getWeb3ReadOnly } from '@/hooks/wallets/web3'
-import { asError } from '@/services/exceptions/utils'
-import chains from '@/config/chains'
-import { LATEST_SAFE_VERSION } from '@/config/constants'
-import { createExistingTx } from './create'
-
-/**
- * Propose a transaction
- * If txId is passed, it's an existing tx being signed
- */
-export const dispatchTxProposal = async ({
-  chainId,
-  safeAddress,
-  sender,
-  safeTx,
-  txId,
-  origin,
-}: {
-  chainId: string
-  safeAddress: string
-  sender: string
-  safeTx: SafeTransaction
-  txId?: string
-  origin?: string
-}): Promise<TransactionDetails> => {
-  const safeSDK = getAndValidateSafeSDK()
-  const safeTxHash = await safeSDK.getTransactionHash(safeTx)
-
-  let proposedTx: TransactionDetails | undefined
-  try {
-    proposedTx = await proposeTx(chainId, safeAddress, sender, safeTx, safeTxHash, origin)
-  } catch (error) {
-    if (txId) {
-      txDispatch(TxEvent.SIGNATURE_PROPOSE_FAILED, { txId, error: asError(error) })
-    } else {
-      txDispatch(TxEvent.PROPOSE_FAILED, { error: asError(error) })
-    }
-    throw error
-  }
-
-  // Dispatch a success event only if the tx is signed
-  // Unsigned txs are proposed only temporarily and won't appear in the queue
-  if (safeTx.signatures.size > 0) {
-    txDispatch(txId ? TxEvent.SIGNATURE_PROPOSED : TxEvent.PROPOSED, {
-      txId: proposedTx.txId,
-      signerAddress: txId ? sender : undefined,
-    })
-  }
-
-  return proposedTx
-}
-
-/**
- * Sign a transaction
- */
-export const dispatchTxSigning = async (
-  safeTx: SafeTransaction,
-  safeVersion: SafeInfo['version'],
-  provider: Eip1193Provider,
-  txId?: string,
-): Promise<SafeTransaction> => {
-  const sdk = await getSafeSDKWithSigner(provider)
-
-  let signedTx: SafeTransaction | undefined
-  try {
-    signedTx = await tryOffChainTxSigning(safeTx, safeVersion, sdk)
-  } catch (error) {
-    txDispatch(TxEvent.SIGN_FAILED, {
-      txId,
-      error: asError(error),
-    })
-    throw error
-  }
-
-  txDispatch(TxEvent.SIGNED, { txId })
-
-  return signedTx
-}
-
-const ZK_SYNC_ON_CHAIN_SIGNATURE_GAS_LIMIT = 4_500_000
-
-/**
- * On-Chain sign a transaction
- */
-export const dispatchOnChainSigning = async (
-  safeTx: SafeTransaction,
-  txId: string,
-  provider: Eip1193Provider,
-  chainId: SafeInfo['chainId'],
-) => {
-  const sdkUnchecked = await getUncheckedSafeSDK(provider)
-  const safeTxHash = await sdkUnchecked.getTransactionHash(safeTx)
-  const eventParams = { txId }
-
-  const options = chainId === chains.zksync ? { gasLimit: ZK_SYNC_ON_CHAIN_SIGNATURE_GAS_LIMIT } : undefined
-
-  try {
-    // With the unchecked signer, the contract call resolves once the tx
-    // has been submitted in the wallet not when it has been executed
-    await sdkUnchecked.approveTransactionHash(safeTxHash, options)
-
-    txDispatch(TxEvent.ONCHAIN_SIGNATURE_REQUESTED, eventParams)
-  } catch (err) {
-    txDispatch(TxEvent.FAILED, { ...eventParams, error: asError(err) })
-    throw err
-  }
-
-  txDispatch(TxEvent.ONCHAIN_SIGNATURE_SUCCESS, eventParams)
-
-  // Until the on-chain signature is/has been executed, the safeTx is not
-  // signed so we don't return it
-}
-
-export const dispatchSafeTxSpeedUp = async (
-  txOptions: Omit<TransactionOptions, 'nonce'> & { nonce: number },
-  txId: string,
-  provider: Eip1193Provider,
-  chainId: SafeInfo['chainId'],
-  signerAddress: string,
-  safeAddress: string,
-) => {
-  const sdkUnchecked = await getUncheckedSafeSDK(provider)
-  const eventParams = { txId }
-  const signerNonce = txOptions.nonce
-
-  // Execute the tx
-  let result: TransactionResult | undefined
-  try {
-    const safeTx = await createExistingTx(chainId, safeAddress, txId)
-    result = await sdkUnchecked.executeTransaction(safeTx, txOptions)
-    txDispatch(TxEvent.EXECUTING, eventParams)
-  } catch (error) {
-    txDispatch(TxEvent.SPEEDUP_FAILED, { ...eventParams, error: asError(error) })
-    throw error
-  }
-
-  txDispatch(TxEvent.PROCESSING, {
-    ...eventParams,
-    txHash: result.hash,
-    signerAddress,
-    signerNonce,
-    gasLimit: txOptions.gasLimit,
-    txType: 'SafeTx',
-  })
-
-  const readOnlyProvider = getWeb3ReadOnly()
-
-  if (readOnlyProvider) {
-    // don't await as we don't want to block
-    waitForTx(readOnlyProvider, [txId], result.hash, safeAddress, signerAddress, signerNonce)
-  }
-
-  return result.hash
-}
-
-export const dispatchCustomTxSpeedUp = async (
-  txOptions: Omit<TransactionOptions, 'nonce'> & { nonce: number },
-  txId: string,
-  to: string,
-  data: string,
-  provider: Eip1193Provider,
-  signerAddress: string,
-  safeAddress: string,
-) => {
-  const eventParams = { txId }
-  const signerNonce = txOptions.nonce
-
-  // Execute the tx
-  let result: TransactionResponse | undefined
-  try {
-    const signer = await getUncheckedSigner(provider)
-    result = await signer.sendTransaction({ to, data, ...txOptions })
-    txDispatch(TxEvent.EXECUTING, eventParams)
-  } catch (error) {
-    txDispatch(TxEvent.SPEEDUP_FAILED, { ...eventParams, error: asError(error) })
-    throw error
-  }
-
-  txDispatch(TxEvent.PROCESSING, {
-    txHash: result.hash,
-    signerAddress,
-    signerNonce,
-    data,
-    to,
-    groupKey: result?.hash,
-    txType: 'Custom',
-  })
-
-  const readOnlyProvider = getWeb3ReadOnly()
-
-  if (readOnlyProvider) {
-    // don't await as we don't want to block
-    waitForTx(readOnlyProvider, [txId], result.hash, safeAddress, signerAddress, signerNonce)
-  }
-
-  return result.hash
-}
-
-/**
- * Execute a transaction
- */
-export const dispatchTxExecution = async (
-  safeTx: SafeTransaction,
-  txOptions: TransactionOptions,
-  txId: string,
-  provider: Eip1193Provider,
-  signerAddress: string,
-  safeAddress: string,
-): Promise<string> => {
-  const sdkUnchecked = await getUncheckedSafeSDK(provider)
-  const eventParams = { txId }
-
-  const signerNonce = txOptions.nonce ?? (await getUserNonce(signerAddress))
-
-  // Execute the tx
-  let result: TransactionResult | undefined
-  try {
-    result = await sdkUnchecked.executeTransaction(safeTx, txOptions)
-    txDispatch(TxEvent.EXECUTING, eventParams)
-  } catch (error) {
-    txDispatch(TxEvent.FAILED, { ...eventParams, error: asError(error) })
-    throw error
-  }
-
-  txDispatch(TxEvent.PROCESSING, {
-    ...eventParams,
-    txHash: result.hash,
-    signerAddress,
-    signerNonce,
-    gasLimit: txOptions.gasLimit,
-    txType: 'SafeTx',
-  })
-
-  const readOnlyProvider = getWeb3ReadOnly()
-
-  // Asynchronously watch the tx to be mined/validated
-  if (readOnlyProvider) {
-    // don't await as we don't want to block
-    waitForTx(readOnlyProvider, [txId], result.hash, safeAddress, signerAddress, signerNonce)
-  }
-
-  return result.hash
-}
-
-export const dispatchBatchExecution = async (
-  txs: TransactionDetails[],
-  multiSendContract: MultiSendCallOnlyEthersContract,
-  multiSendTxData: string,
-  provider: Eip1193Provider,
-  signerAddress: string,
-  safeAddress: string,
-  overrides: Omit<Overrides, 'nonce'> & { nonce: number },
-) => {
-  const groupKey = multiSendTxData
-
-  let result: ContractTransactionResponse | undefined
-  const txIds = txs.map((tx) => tx.txId)
-  let signerNonce = overrides.nonce
-  let txData = multiSendContract.encode('multiSend', [multiSendTxData])
-
-  try {
-    if (signerNonce === undefined || signerNonce === null) {
-      signerNonce = await getUserNonce(signerAddress)
-    }
-    const signer = await getUncheckedSigner(provider)
-    result = await multiSendContract.contract.connect(signer).multiSend(multiSendTxData, overrides)
-
-    txIds.forEach((txId) => {
-      txDispatch(TxEvent.EXECUTING, { txId, groupKey })
-    })
-  } catch (err) {
-    txIds.forEach((txId) => {
-      txDispatch(TxEvent.FAILED, { txId, error: asError(err), groupKey })
-    })
-    throw err
-  }
-  const txTo = await multiSendContract.getAddress()
-
-  txIds.forEach((txId) => {
-    txDispatch(TxEvent.PROCESSING, {
-      txId,
-      txHash: result!.hash,
-      groupKey,
-      signerNonce,
-      signerAddress,
-      txType: 'Custom',
-      data: txData,
-      to: txTo,
-    })
-  })
-
-  const readOnlyProvider = getWeb3ReadOnly()
-
-  if (readOnlyProvider) {
-    // don't await as we don't want to block
-    waitForTx(readOnlyProvider, txIds, result.hash, safeAddress, signerAddress, signerNonce)
-  }
-
-  return result!.hash
-}
-
-/**
- * Execute a module transaction
- */
-export const dispatchModuleTxExecution = async (
-  tx: Transaction,
-  provider: Eip1193Provider,
-  safeAddress: string,
-): Promise<string> => {
-  const id = JSON.stringify(tx)
-
-  let result: TransactionResponse | undefined
-  try {
-    const browserProvider = createWeb3(provider)
-    const signer = await browserProvider.getSigner()
-
-    txDispatch(TxEvent.EXECUTING, { groupKey: id })
-    result = await signer.sendTransaction(tx)
-  } catch (error) {
-    txDispatch(TxEvent.FAILED, { groupKey: id, error: asError(error) })
-    throw error
-  }
-
-  txDispatch(TxEvent.PROCESSING_MODULE, {
-    groupKey: id,
-    txHash: result.hash,
-  })
-
-  result
-    ?.wait()
-    .then((receipt) => {
-      if (receipt === null) {
-        txDispatch(TxEvent.FAILED, { groupKey: id, error: new Error('No transaction receipt found') })
-      } else if (didRevert(receipt)) {
-        txDispatch(TxEvent.REVERTED, {
-          groupKey: id,
-          error: new Error('Transaction reverted by EVM'),
-        })
-      } else {
-        txDispatch(TxEvent.PROCESSED, { groupKey: id, safeAddress, txHash: result?.hash })
-      }
-    })
-    .catch((error) => {
-      txDispatch(TxEvent.FAILED, { groupKey: id, error: asError(error) })
-    })
-
-  return result?.hash
-}
-
-export const dispatchSpendingLimitTxExecution = async (
-  txParams: SpendingLimitTxParams,
-  txOptions: TransactionOptions,
-  provider: Eip1193Provider,
-  chainId: SafeInfo['chainId'],
-  safeAddress: string,
-) => {
-  const id = JSON.stringify(txParams)
-
-  let result: ContractTransactionResponse | undefined
-  try {
-    const signer = await getUncheckedSigner(provider)
-    const contract = getSpendingLimitContract(chainId, signer)
-
-    result = await contract.executeAllowanceTransfer(
-      txParams.safeAddress,
-      txParams.token,
-      txParams.to,
-      txParams.amount,
-      txParams.paymentToken,
-      txParams.payment,
-      txParams.delegate,
-      txParams.signature,
-      txOptions,
-    )
-    txDispatch(TxEvent.EXECUTING, { groupKey: id })
-  } catch (error) {
-    txDispatch(TxEvent.FAILED, { groupKey: id, error: asError(error) })
-    throw error
-  }
-
-  txDispatch(TxEvent.PROCESSING_MODULE, {
-    groupKey: id,
-    txHash: result.hash,
-  })
-
-  result
-    ?.wait()
-    .then((receipt) => {
-      if (receipt === null) {
-        txDispatch(TxEvent.FAILED, { groupKey: id, error: new Error('No transaction receipt found') })
-      } else if (didRevert(receipt)) {
-        txDispatch(TxEvent.REVERTED, {
-          groupKey: id,
-          error: new Error('Transaction reverted by EVM'),
-        })
-      } else {
-        txDispatch(TxEvent.PROCESSED, { groupKey: id, safeAddress, txHash: result?.hash })
-      }
-    })
-    .catch((error) => {
-      txDispatch(TxEvent.FAILED, { groupKey: id, error: asError(error) })
-    })
-
-  return result?.hash
-}
-
-export const dispatchSafeAppsTx = async (
-  safeTx: SafeTransaction,
-  safeAppRequestId: RequestId,
-  provider: Eip1193Provider,
-  txId?: string,
-): Promise<string> => {
-  const sdk = await getSafeSDKWithSigner(provider)
-  const safeTxHash = await sdk.getTransactionHash(safeTx)
-  txDispatch(TxEvent.SAFE_APPS_REQUEST, { safeAppRequestId, safeTxHash, txId })
-  return safeTxHash
-}
-
-export const dispatchTxRelay = async (
-  safeTx: SafeTransaction,
-  safe: SafeInfo,
-  txId: string,
-  gasLimit?: string | number,
-) => {
-  const readOnlySafeContract = await getReadOnlyCurrentGnosisSafeContract(safe)
-
-  let transactionToRelay = safeTx
-  const data = readOnlySafeContract.encode('execTransaction', [
-    transactionToRelay.data.to,
-    transactionToRelay.data.value,
-    transactionToRelay.data.data,
-    transactionToRelay.data.operation,
-    transactionToRelay.data.safeTxGas,
-    transactionToRelay.data.baseGas,
-    transactionToRelay.data.gasPrice,
-    transactionToRelay.data.gasToken,
-    transactionToRelay.data.refundReceiver,
-    transactionToRelay.encodedSignatures(),
-  ])
-
-  try {
-    const relayResponse = await relayTransaction(safe.chainId, {
-      to: safe.address.value,
-      data,
-      gasLimit: gasLimit?.toString(),
-      version: safe.version ?? LATEST_SAFE_VERSION,
-    })
-    const taskId = relayResponse.taskId
-
-    if (!taskId) {
-      throw new Error('Transaction could not be relayed')
-    }
-
-    txDispatch(TxEvent.RELAYING, { taskId, txId })
-
-    // Monitor relay tx
-    waitForRelayedTx(taskId, [txId], safe.address.value)
-  } catch (error) {
-    txDispatch(TxEvent.FAILED, { txId, error: asError(error) })
-    throw error
-  }
-}
-
-export const dispatchBatchExecutionRelay = async (
-  txs: TransactionDetails[],
-  multiSendContract: MultiSendCallOnlyEthersContract,
-  multiSendTxData: string,
-  chainId: string,
-  safeAddress: string,
-  safeVersion: string,
-) => {
-  const to = await multiSendContract.getAddress()
-  const data = multiSendContract.contract.interface.encodeFunctionData('multiSend', [multiSendTxData])
-  const groupKey = multiSendTxData
-
-  let relayResponse
-  try {
-    relayResponse = await relayTransaction(chainId, {
-      to,
-      data,
-      version: safeVersion,
-    })
-  } catch (error) {
-    txs.forEach(({ txId }) => {
-      txDispatch(TxEvent.FAILED, {
-        txId,
-        error: asError(error),
-        groupKey,
-      })
-    })
-    throw error
-  }
-
-  const taskId = relayResponse.taskId
-  txs.forEach(({ txId }) => {
-    txDispatch(TxEvent.RELAYING, { taskId, txId, groupKey })
-  })
-
-  // Monitor relay tx
-  waitForRelayedTx(
-    taskId,
-    txs.map((tx) => tx.txId),
-    safeAddress,
-    groupKey,
-  )
-}
diff --git a/src/services/tx/tx-sender/sdk.ts b/src/services/tx/tx-sender/sdk.ts
deleted file mode 100644
index 3071bd19a..000000000
--- a/src/services/tx/tx-sender/sdk.ts
+++ /dev/null
@@ -1,196 +0,0 @@
-import { getSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
-import type Safe from '@safe-global/protocol-kit'
-import { EthersAdapter, SigningMethod } from '@safe-global/protocol-kit'
-import type { Eip1193Provider, JsonRpcSigner } from 'ethers'
-import { ethers } from 'ethers'
-import { isWalletRejection, isHardwareWallet, isWalletConnect } from '@/utils/wallets'
-import { OperationType, type SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import { getChainConfig, type SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { SAFE_FEATURES } from '@safe-global/protocol-kit/dist/src/utils/safeVersions'
-import { hasSafeFeature } from '@/utils/safe-versions'
-import { createWeb3 } from '@/hooks/wallets/web3'
-import { toQuantity } from 'ethers'
-import { connectWallet, getConnectedWallet } from '@/hooks/wallets/useOnboard'
-import { type OnboardAPI } from '@web3-onboard/core'
-import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
-import { asError } from '@/services/exceptions/utils'
-import { UncheckedJsonRpcSigner } from '@/utils/providers/UncheckedJsonRpcSigner'
-import get from 'lodash/get'
-
-export const getAndValidateSafeSDK = (): Safe => {
-  const safeSDK = getSafeSDK()
-  if (!safeSDK) {
-    throw new Error(
-      'The Safe SDK could not be initialized. Please be aware that we only support v1.0.0 Safe Accounts and up.',
-    )
-  }
-  return safeSDK
-}
-
-async function switchOrAddChain(walletProvider: ConnectedWallet['provider'], chainId: string): Promise<void> {
-  const UNKNOWN_CHAIN_ERROR_CODE = 4902
-  const hexChainId = toQuantity(parseInt(chainId))
-
-  try {
-    return await walletProvider.request({
-      method: 'wallet_switchEthereumChain',
-      params: [{ chainId: hexChainId }],
-    })
-  } catch (error) {
-    const errorCode = get(error, 'code') as number | undefined
-
-    // Rabby emits the same error code as MM, but it is nested
-    const nestedErrorCode = get(error, 'data.originalError.code') as number | undefined
-
-    if (errorCode === UNKNOWN_CHAIN_ERROR_CODE || nestedErrorCode === UNKNOWN_CHAIN_ERROR_CODE) {
-      const chain = await getChainConfig(chainId)
-
-      return walletProvider.request({
-        method: 'wallet_addEthereumChain',
-        params: [
-          {
-            chainId: hexChainId,
-            chainName: chain.chainName,
-            nativeCurrency: chain.nativeCurrency,
-            rpcUrls: [chain.publicRpcUri.value],
-            blockExplorerUrls: [new URL(chain.blockExplorerUriTemplate.address).origin],
-          },
-        ],
-      })
-    }
-
-    throw error
-  }
-}
-
-export const switchWalletChain = async (onboard: OnboardAPI, chainId: string): Promise<ConnectedWallet | null> => {
-  const currentWallet = getConnectedWallet(onboard.state.get().wallets)
-  if (!currentWallet) return null
-
-  // Onboard incorrectly returns WalletConnect's chainId, so it needs to be switched unconditionally
-  if (currentWallet.chainId === chainId && !isWalletConnect(currentWallet)) {
-    return currentWallet
-  }
-
-  // Hardware wallets cannot switch chains
-  if (isHardwareWallet(currentWallet)) {
-    await onboard.disconnectWallet({ label: currentWallet.label })
-    const wallets = await connectWallet(onboard, { autoSelect: currentWallet.label })
-    return wallets ? getConnectedWallet(wallets) : null
-  }
-
-  // Onboard doesn't update immediately and otherwise returns a stale wallet if we directly get its state
-  return new Promise((resolve) => {
-    const source$ = onboard.state.select('wallets').subscribe((newWallets) => {
-      const newWallet = getConnectedWallet(newWallets)
-      if (newWallet && newWallet.chainId === chainId) {
-        source$.unsubscribe()
-        resolve(newWallet)
-      }
-    })
-
-    // Switch chain for all other wallets
-    switchOrAddChain(currentWallet.provider, chainId).catch(() => {
-      source$.unsubscribe()
-      resolve(currentWallet)
-    })
-  })
-}
-
-export const assertWalletChain = async (onboard: OnboardAPI, chainId: string): Promise<ConnectedWallet> => {
-  const wallet = getConnectedWallet(onboard.state.get().wallets)
-
-  if (!wallet) {
-    throw new Error('No wallet connected.')
-  }
-
-  const newWallet = await switchWalletChain(onboard, chainId)
-
-  if (!newWallet) {
-    throw new Error('No wallet connected.')
-  }
-
-  if (newWallet.chainId !== chainId) {
-    throw new Error('Wallet connected to wrong chain.')
-  }
-
-  return newWallet
-}
-
-export const getAssertedChainSigner = async (provider: Eip1193Provider): Promise<JsonRpcSigner> => {
-  const browserProvider = createWeb3(provider)
-  return browserProvider.getSigner()
-}
-
-export const getUncheckedSigner = async (provider: Eip1193Provider) => {
-  const browserProvider = createWeb3(provider)
-  return new UncheckedJsonRpcSigner(browserProvider, (await browserProvider.getSigner()).address)
-}
-
-/**
- * https://docs.ethers.io/v5/api/providers/jsonrpc-provider/#UncheckedJsonRpcSigner
- * This resolves the promise sooner when executing a tx and mocks
- * most of the values of transactionResponse which is needed when
- * dealing with smart-contract wallet owners
- */
-export const getUncheckedSafeSDK = async (provider: Eip1193Provider): Promise<Safe> => {
-  const browserProvider = createWeb3(provider)
-  const signer = await browserProvider.getSigner()
-  const uncheckedJsonRpcSigner = new UncheckedJsonRpcSigner(signer.provider, await signer.getAddress())
-  const sdk = getAndValidateSafeSDK()
-
-  const ethAdapter = new EthersAdapter({
-    ethers,
-    signerOrProvider: uncheckedJsonRpcSigner,
-  })
-
-  return sdk.connect({ ethAdapter })
-}
-
-export const getSafeSDKWithSigner = async (provider: Eip1193Provider): Promise<Safe> => {
-  const browserProvider = createWeb3(provider)
-  const signer = await browserProvider.getSigner()
-  const sdk = getAndValidateSafeSDK()
-
-  const ethAdapter = new EthersAdapter({
-    ethers,
-    signerOrProvider: signer,
-  })
-
-  return sdk.connect({ ethAdapter })
-}
-
-export const getSupportedSigningMethods = (safeVersion: SafeInfo['version']): SigningMethod[] => {
-  if (!hasSafeFeature(SAFE_FEATURES.ETH_SIGN, safeVersion)) {
-    return [SigningMethod.ETH_SIGN_TYPED_DATA]
-  }
-
-  return [SigningMethod.ETH_SIGN_TYPED_DATA, SigningMethod.ETH_SIGN]
-}
-
-export const tryOffChainTxSigning = async (
-  safeTx: SafeTransaction,
-  safeVersion: SafeInfo['version'],
-  sdk: Safe,
-): Promise<SafeTransaction> => {
-  const signingMethods = getSupportedSigningMethods(safeVersion)
-
-  for await (const [i, signingMethod] of signingMethods.entries()) {
-    try {
-      return await sdk.signTransaction(safeTx, signingMethod)
-    } catch (error) {
-      const isLastSigningMethod = i === signingMethods.length - 1
-
-      if (isWalletRejection(asError(error)) || isLastSigningMethod) {
-        throw error
-      }
-    }
-  }
-
-  // Won't be reached, but TS otherwise complains
-  throw new Error('No supported signing methods')
-}
-
-export const isDelegateCall = (safeTx: SafeTransaction): boolean => {
-  return safeTx.data.operation === OperationType.DelegateCall
-}
diff --git a/src/services/tx/tx-sender/spendingLimit.ts b/src/services/tx/tx-sender/spendingLimit.ts
deleted file mode 100644
index c1b4908f9..000000000
--- a/src/services/tx/tx-sender/spendingLimit.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
-import { getSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
-import { getSpendingLimitModuleAddress } from '@/services/contracts/spendingLimitContracts'
-import type { MetaTransactionData } from '@safe-global/safe-core-sdk-types'
-import {
-  createAddDelegateTx,
-  createEnableModuleTx,
-  createResetAllowanceTx,
-  createSetAllowanceTx,
-} from '@/services/tx/spendingLimitParams'
-import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { parseUnits } from 'ethers'
-import { currentMinutes } from '@/utils/date'
-import { createMultiSendCallOnlyTx } from '@/services/tx/tx-sender/create'
-import { checksumAddress } from '@/utils/addresses'
-
-export type NewSpendingLimitData = {
-  beneficiary: string
-  tokenAddress: string
-  amount: string
-  resetTime: string
-}
-
-export const createNewSpendingLimitTx = async (
-  data: NewSpendingLimitData,
-  spendingLimits: SpendingLimitState[],
-  chainId: string,
-  chain: ChainInfo | undefined,
-  deployed: boolean,
-  tokenDecimals?: number,
-  existingSpendingLimit?: SpendingLimitState,
-) => {
-  const sdk = getSafeSDK()
-  const spendingLimitAddress = getSpendingLimitModuleAddress(chainId)
-  if (!spendingLimitAddress || !sdk) return
-
-  const txs: MetaTransactionData[] = []
-  data.beneficiary = checksumAddress(data.beneficiary)
-
-  if (!deployed) {
-    if (!chain) return
-
-    const enableModuleTx = await createEnableModuleTx(
-      chain,
-      await sdk.getAddress(),
-      await sdk.getContractVersion(),
-      spendingLimitAddress,
-    )
-
-    const tx = {
-      to: enableModuleTx.to,
-      value: '0',
-      data: enableModuleTx.data,
-    }
-
-    txs.push(tx)
-  } else {
-    const isSpendingLimitEnabled = await sdk.isModuleEnabled(spendingLimitAddress)
-    if (!isSpendingLimitEnabled) {
-      const enableModuleTx = await sdk.createEnableModuleTx(spendingLimitAddress)
-
-      const tx = {
-        to: enableModuleTx.data.to,
-        value: '0',
-        data: enableModuleTx.data.data,
-      }
-      txs.push(tx)
-    }
-  }
-
-  const existingDelegate = spendingLimits.find((spendingLimit) => spendingLimit.beneficiary === data.beneficiary)
-  if (!existingDelegate) {
-    txs.push(createAddDelegateTx(data.beneficiary, spendingLimitAddress))
-  }
-
-  if (existingSpendingLimit && existingSpendingLimit.spent !== '0') {
-    txs.push(createResetAllowanceTx(data.beneficiary, data.tokenAddress, spendingLimitAddress))
-  }
-
-  const tx = createSetAllowanceTx(
-    data.beneficiary,
-    data.tokenAddress,
-    parseUnits(data.amount, tokenDecimals).toString(),
-    parseInt(data.resetTime),
-    data.resetTime !== '0' ? currentMinutes() - 30 : 0,
-    spendingLimitAddress,
-  )
-
-  txs.push(tx)
-
-  return createMultiSendCallOnlyTx(txs)
-}
diff --git a/src/store/__tests__/addressBookSlice.test.ts b/src/store/__tests__/addressBookSlice.test.ts
deleted file mode 100644
index d72cc69d2..000000000
--- a/src/store/__tests__/addressBookSlice.test.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import {
-  addressBookSlice,
-  setAddressBook,
-  upsertAddressBookEntry,
-  removeAddressBookEntry,
-  selectAddressBookByChain,
-} from '../addressBookSlice'
-
-const initialState = {
-  '1': { '0x0': 'Alice', '0x1': 'Bob' },
-  '4': { '0x0': 'Charlie', '0x1': 'Dave' },
-}
-
-describe('addressBookSlice', () => {
-  it('should set the address book', () => {
-    const state = addressBookSlice.reducer(undefined, setAddressBook(initialState))
-    expect(state).toEqual(initialState)
-  })
-
-  it('should insert an entry in the address book', () => {
-    const state = addressBookSlice.reducer(
-      initialState,
-      upsertAddressBookEntry({
-        chainId: '1',
-        address: '0x2',
-        name: 'Fred',
-      }),
-    )
-    expect(state).toEqual({
-      '1': { '0x0': 'Alice', '0x1': 'Bob', '0x2': 'Fred' },
-      '4': { '0x0': 'Charlie', '0x1': 'Dave' },
-    })
-  })
-
-  it('should ignore empty names in the address book', () => {
-    const state = addressBookSlice.reducer(
-      initialState,
-      upsertAddressBookEntry({
-        chainId: '1',
-        address: '0x2',
-        name: '',
-      }),
-    )
-    expect(state).toEqual(initialState)
-  })
-
-  it('should edit an entry in the address book', () => {
-    const state = addressBookSlice.reducer(
-      initialState,
-      upsertAddressBookEntry({
-        chainId: '1',
-        address: '0x0',
-        name: 'Alice in Wonderland',
-      }),
-    )
-    expect(state).toEqual({
-      '1': { '0x0': 'Alice in Wonderland', '0x1': 'Bob' },
-      '4': { '0x0': 'Charlie', '0x1': 'Dave' },
-    })
-  })
-
-  it('should remove an entry from the address book', () => {
-    const stateB = addressBookSlice.reducer(
-      initialState,
-      removeAddressBookEntry({
-        chainId: '1',
-        address: '0x0',
-      }),
-    )
-    expect(stateB).toEqual({
-      '1': { '0x1': 'Bob' },
-      '4': { '0x0': 'Charlie', '0x1': 'Dave' },
-    })
-  })
-
-  it('should remove the chain if the last entry is removed', () => {
-    const state = addressBookSlice.reducer(
-      {
-        '1': { '0x0': 'Alice' },
-      },
-      removeAddressBookEntry({
-        chainId: '1',
-        address: '0x0',
-      }),
-    )
-    expect(state).toStrictEqual({})
-  })
-
-  it('should not return entries with invalid address format', () => {
-    const initialState = {
-      '1': { '0x0': 'Alice', '0x1': 'Bob', '0x2': 'Fred' },
-      '5': {
-        '0x744aaf04ad770895ce469300771d2ca38463cfa0': 'unchecksummed',
-        '0x744aAF04AD770895Ce469300771D2CA38463cFa0': 'checksummed',
-        undefined: 'bug',
-      },
-    }
-
-    const expectedOutput = {
-      '0x744aAF04AD770895Ce469300771D2CA38463cFa0': 'checksummed',
-    }
-
-    expect(selectAddressBookByChain.resultFunc(initialState, '5')).toEqual(expectedOutput)
-  })
-})
diff --git a/src/store/__tests__/txHistorySlice.test.ts b/src/store/__tests__/txHistorySlice.test.ts
deleted file mode 100644
index fc96f898d..000000000
--- a/src/store/__tests__/txHistorySlice.test.ts
+++ /dev/null
@@ -1,177 +0,0 @@
-import { createListenerMiddleware } from '@reduxjs/toolkit'
-import { LabelValue, TransactionListItemType } from '@safe-global/safe-gateway-typescript-sdk'
-import type { TransactionListItem, Label, ConflictHeader, DateLabel } from '@safe-global/safe-gateway-typescript-sdk'
-
-import * as txEvents from '@/services/tx/txEvents'
-import { txHistoryListener, txHistorySlice } from '../txHistorySlice'
-import type { PendingTxsState } from '../pendingTxsSlice'
-import { PendingStatus } from '../pendingTxsSlice'
-import type { RootState } from '..'
-
-describe('txHistorySlice', () => {
-  describe('txHistoryListener', () => {
-    const listenerMiddlewareInstance = createListenerMiddleware<RootState>()
-
-    const txDispatchSpy = jest.spyOn(txEvents, 'txDispatch')
-
-    beforeEach(() => {
-      listenerMiddlewareInstance.clearListeners()
-      txHistoryListener(listenerMiddlewareInstance)
-
-      jest.clearAllMocks()
-    })
-
-    it('should dispatch SUCCESS event if tx is pending', () => {
-      const state = {
-        pendingTxs: {
-          '0x123': {
-            chainId: '5',
-            safeAddress: '0x0000000000000000000000000000000000000000',
-            status: PendingStatus.INDEXING,
-            groupKey: 'groupKey',
-          },
-        } as PendingTxsState,
-      } as RootState
-
-      const listenerApi = {
-        getState: jest.fn(() => state),
-        dispatch: jest.fn(),
-      }
-
-      const transaction = {
-        type: TransactionListItemType.TRANSACTION,
-        transaction: {
-          id: '0x123',
-        },
-      } as TransactionListItem
-
-      const action = txHistorySlice.actions.set({
-        loading: false,
-        data: {
-          results: [transaction],
-        },
-      })
-
-      listenerMiddlewareInstance.middleware(listenerApi)(jest.fn())(action)
-
-      expect(txDispatchSpy).toHaveBeenCalledWith(txEvents.TxEvent.SUCCESS, {
-        txId: '0x123',
-        groupKey: 'groupKey',
-      })
-    })
-
-    it('should not dispatch an event if the history slice is cleared', () => {
-      const state = {
-        pendingTxs: {
-          '0x123': {
-            chainId: '5',
-            safeAddress: '0x0000000000000000000000000000000000000000',
-            status: PendingStatus.INDEXING,
-            groupKey: 'groupKey',
-          },
-        } as PendingTxsState,
-      } as RootState
-
-      const listenerApi = {
-        getState: jest.fn(() => state),
-        dispatch: jest.fn(),
-      }
-
-      const transaction = {
-        type: TransactionListItemType.TRANSACTION,
-        transaction: {
-          id: '0x123',
-        },
-      } as TransactionListItem
-
-      const action = txHistorySlice.actions.set({
-        loading: false,
-        data: undefined, // Cleared
-      })
-
-      listenerMiddlewareInstance.middleware(listenerApi)(jest.fn())(action)
-
-      expect(txDispatchSpy).not.toHaveBeenCalled()
-    })
-
-    it('should not dispatch an event for date labels, labels or conflict headers', () => {
-      const state = {
-        pendingTxs: {
-          '0x123': {
-            chainId: '5',
-            safeAddress: '0x0000000000000000000000000000000000000000',
-            status: PendingStatus.INDEXING,
-            groupKey: '',
-          },
-        } as PendingTxsState,
-      } as RootState
-
-      const listenerApi = {
-        getState: jest.fn(() => state),
-        dispatch: jest.fn(),
-      }
-
-      const dateLabel: DateLabel = {
-        type: TransactionListItemType.DATE_LABEL,
-        timestamp: 0,
-      }
-
-      const label: Label = {
-        label: LabelValue.Queued,
-        type: TransactionListItemType.LABEL,
-      }
-
-      const conflictHeader: ConflictHeader = {
-        nonce: 0,
-        type: TransactionListItemType.CONFLICT_HEADER,
-      }
-
-      const action = txHistorySlice.actions.set({
-        loading: false,
-        data: {
-          results: [dateLabel, label, conflictHeader],
-        },
-      })
-
-      listenerMiddlewareInstance.middleware(listenerApi)(jest.fn())(action)
-
-      expect(txDispatchSpy).not.toHaveBeenCalled()
-    })
-
-    it('should not dispatch an event if tx is not pending', () => {
-      const state = {
-        pendingTxs: {
-          '0x123': {
-            chainId: '5',
-            safeAddress: '0x0000000000000000000000000000000000000000',
-            status: PendingStatus.INDEXING,
-            groupKey: '',
-          },
-        } as PendingTxsState,
-      } as RootState
-
-      const listenerApi = {
-        getState: jest.fn(() => state),
-        dispatch: jest.fn(),
-      }
-
-      const transaction = {
-        type: TransactionListItemType.TRANSACTION,
-        transaction: {
-          id: '0x456',
-        },
-      } as TransactionListItem
-
-      const action = txHistorySlice.actions.set({
-        loading: false,
-        data: {
-          results: [transaction],
-        },
-      })
-
-      listenerMiddlewareInstance.middleware(listenerApi)(jest.fn())(action)
-
-      expect(txDispatchSpy).not.toHaveBeenCalled()
-    })
-  })
-})
diff --git a/src/store/addedSafesSlice.ts b/src/store/addedSafesSlice.ts
deleted file mode 100644
index 94d97c290..000000000
--- a/src/store/addedSafesSlice.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { createSelector, createSlice, type PayloadAction } from '@reduxjs/toolkit'
-import type { AddressEx, SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import type { RootState } from '.'
-import { safeInfoSlice } from '@/store/safeInfoSlice'
-
-export type AddedSafesOnChain = {
-  [safeAddress: string]: {
-    owners: AddressEx[]
-    threshold: number
-    ethBalance?: string
-  }
-}
-
-export type AddedSafesState = {
-  [chainId: string]: AddedSafesOnChain
-}
-
-const initialState: AddedSafesState = {}
-
-const isAddedSafe = (state: AddedSafesState, chainId: string, safeAddress: string) => {
-  return !!state[chainId]?.[safeAddress]
-}
-
-export const addedSafesSlice = createSlice({
-  name: 'addedSafes',
-  initialState,
-  reducers: {
-    migrate: (state, action: PayloadAction<AddedSafesState>) => {
-      // Don't migrate if there's data already
-      if (Object.keys(state).length > 0) return state
-      // Otherwise, migrate
-      return action.payload
-    },
-    setAddedSafes: (_, action: PayloadAction<AddedSafesState>) => {
-      return action.payload
-    },
-    addOrUpdateSafe: (state, { payload }: PayloadAction<{ safe: SafeInfo }>) => {
-      const { chainId, address, owners, threshold } = payload.safe
-
-      state[chainId] ??= {}
-      state[chainId][address.value] = {
-        // Keep balance
-        ...(state[chainId][address.value] ?? {}),
-        owners,
-        threshold,
-      }
-    },
-    removeSafe: (state, { payload }: PayloadAction<{ chainId: string; address: string }>) => {
-      const { chainId, address } = payload
-
-      delete state[chainId]?.[address]
-
-      if (Object.keys(state[chainId]).length === 0) {
-        delete state[chainId]
-      }
-    },
-  },
-  extraReducers(builder) {
-    builder.addCase(safeInfoSlice.actions.set, (state, { payload }) => {
-      if (!payload.data) {
-        return
-      }
-
-      const { chainId, address } = payload.data
-
-      if (isAddedSafe(state, chainId, address.value)) {
-        addedSafesSlice.caseReducers.addOrUpdateSafe(state, {
-          type: addOrUpdateSafe.type,
-          payload: { safe: payload.data },
-        })
-      }
-    })
-  },
-})
-
-export const { addOrUpdateSafe, removeSafe } = addedSafesSlice.actions
-
-export const selectAllAddedSafes = (state: RootState): AddedSafesState => {
-  return state[addedSafesSlice.name]
-}
-
-export const selectTotalAdded = (state: RootState): number => {
-  return Object.values(state[addedSafesSlice.name])
-    .map((item) => Object.keys(item))
-    .flat().length
-}
-
-export const selectAddedSafes = createSelector(
-  [selectAllAddedSafes, (_: RootState, chainId: string) => chainId],
-  (allAddedSafes, chainId): AddedSafesOnChain | undefined => {
-    return allAddedSafes?.[chainId]
-  },
-)
diff --git a/src/store/addressBookSlice.ts b/src/store/addressBookSlice.ts
deleted file mode 100644
index ebc481cbc..000000000
--- a/src/store/addressBookSlice.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { createSelector, createSlice, type PayloadAction } from '@reduxjs/toolkit'
-import { validateAddress } from '@/utils/validation'
-import pickBy from 'lodash/pickBy'
-import type { RootState } from '.'
-
-export type AddressBook = { [address: string]: string }
-
-export type AddressBookState = { [chainId: string]: AddressBook }
-
-const initialState: AddressBookState = {}
-
-export const addressBookSlice = createSlice({
-  name: 'addressBook',
-  initialState,
-  reducers: {
-    migrate: (state, action: PayloadAction<AddressBookState>): AddressBookState => {
-      // Don't migrate if there's data already
-      if (Object.keys(state).length > 0) return state
-      // Otherwise, migrate
-      return action.payload
-    },
-
-    setAddressBook: (_, action: PayloadAction<AddressBookState>): AddressBookState => {
-      return action.payload
-    },
-
-    upsertAddressBookEntry: (state, action: PayloadAction<{ chainId: string; address: string; name: string }>) => {
-      const { chainId, address, name } = action.payload
-      if (name.trim() === '') {
-        return
-      }
-      if (!state[chainId]) state[chainId] = {}
-      state[chainId][address] = name
-    },
-
-    removeAddressBookEntry: (state, action: PayloadAction<{ chainId: string; address: string }>) => {
-      const { chainId, address } = action.payload
-      if (!state[chainId]) return state
-      delete state[chainId][address]
-      if (Object.keys(state[chainId]).length > 0) return state
-      delete state[chainId]
-    },
-  },
-})
-
-export const { setAddressBook, upsertAddressBookEntry, removeAddressBookEntry } = addressBookSlice.actions
-
-export const selectAllAddressBooks = (state: RootState): AddressBookState => {
-  return state[addressBookSlice.name]
-}
-
-export const selectAddressBookByChain = createSelector(
-  [selectAllAddressBooks, (_, chainId: string) => chainId],
-  (allAddressBooks, chainId): AddressBook => {
-    const chainAddresses = allAddressBooks[chainId]
-    const validAddresses = pickBy(chainAddresses, (_, key) => validateAddress(key, chainId) === undefined)
-    return chainId ? validAddresses || {} : {}
-  },
-)
diff --git a/src/store/balancesSlice.ts b/src/store/balancesSlice.ts
deleted file mode 100644
index 030891195..000000000
--- a/src/store/balancesSlice.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { type TokenInfo, type SafeBalanceResponse } from '@safe-global/safe-gateway-typescript-sdk'
-import { createSelector } from '@reduxjs/toolkit'
-import { makeLoadableSlice } from './common'
-
-export const initialBalancesState: SafeBalanceResponse = {
-  items: [],
-  fiatTotal: '',
-}
-
-const { slice, selector } = makeLoadableSlice('balances', initialBalancesState)
-
-export const balancesSlice = slice
-export const selectBalances = selector
-
-export const selectTokens = createSelector(selectBalances, (balancesState): TokenInfo[] =>
-  balancesState.data.items.map(({ tokenInfo }) => tokenInfo),
-)
diff --git a/src/store/broadcast.ts b/src/store/broadcast.ts
deleted file mode 100644
index 5108f8851..000000000
--- a/src/store/broadcast.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import type { Store } from 'redux'
-import type { Middleware, PreloadedState } from '@reduxjs/toolkit'
-import type { RootState } from '@/store'
-
-type PreloadedRootState = PreloadedState<RootState>
-
-const BC_NAME = 'SAFE__store-updates'
-const tabId = Math.random().toString(32).slice(2)
-let broadcast: BroadcastChannel | undefined
-
-export const broadcastState = <K extends keyof PreloadedRootState>(sliceNames: K[]): Middleware<{}, RootState> => {
-  return (_) => (next) => (action) => {
-    const result = next(action)
-
-    // Broadcast actions that aren't being already broadcasted
-    if (!action._isBroadcasted) {
-      const sliceType = action.type.split('/')[0]
-      if (sliceNames.includes(sliceType)) {
-        broadcast?.postMessage({ action, tabId })
-      }
-    }
-
-    return result
-  }
-}
-
-export const listenToBroadcast = (store: Store<RootState>) => {
-  broadcast = typeof BroadcastChannel !== 'undefined' ? new BroadcastChannel(BC_NAME) : undefined
-
-  broadcast?.addEventListener('message', ({ data }) => {
-    if (data.tabId !== tabId) {
-      store.dispatch({ ...data.action, _isBroadcasted: true })
-    }
-  })
-}
diff --git a/src/store/common.ts b/src/store/common.ts
deleted file mode 100644
index 78465ddf5..000000000
--- a/src/store/common.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { createSlice, type PayloadAction } from '@reduxjs/toolkit'
-
-export type Loadable<T> = {
-  data: T
-  loading: boolean
-  error?: string
-}
-
-export const makeLoadableSlice = <N extends string, T>(name: N, data: T) => {
-  type SliceState = Loadable<T>
-
-  const initialState: SliceState = {
-    data,
-    loading: false,
-  }
-
-  const slice = createSlice({
-    name,
-    initialState,
-    reducers: {
-      set: (_, { payload }: PayloadAction<Loadable<T | undefined>>): SliceState => ({
-        ...payload,
-        data: payload.data ?? initialState.data, // fallback to initialState.data
-      }),
-    },
-  })
-
-  const selector = (state: Record<N, SliceState>): SliceState => state[name]
-
-  return {
-    slice,
-    selector,
-  }
-}
diff --git a/src/store/cookiesAndTermsSlice.ts b/src/store/cookiesAndTermsSlice.ts
deleted file mode 100644
index 2c87b0f1f..000000000
--- a/src/store/cookiesAndTermsSlice.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import type { PayloadAction } from '@reduxjs/toolkit'
-import { createSlice } from '@reduxjs/toolkit'
-import type { RootState } from '.'
-
-export enum CookieAndTermType {
-  TERMS = 'terms',
-  NECESSARY = 'necessary',
-  UPDATES = 'updates',
-  ANALYTICS = 'analytics',
-}
-
-export type CookiesAndTermsState = Record<CookieAndTermType, boolean | undefined>
-
-const initialState: CookiesAndTermsState = {
-  [CookieAndTermType.TERMS]: undefined,
-  [CookieAndTermType.NECESSARY]: undefined,
-  [CookieAndTermType.UPDATES]: undefined,
-  [CookieAndTermType.ANALYTICS]: undefined,
-}
-
-export const cookiesAndTermsSlice = createSlice({
-  name: 'cookies_terms_v1',
-  initialState,
-  reducers: {
-    saveCookieAndTermConsent: (_, { payload }: PayloadAction<CookiesAndTermsState>) => payload,
-  },
-})
-
-export const { saveCookieAndTermConsent } = cookiesAndTermsSlice.actions
-
-export const selectCookies = (state: RootState) => state[cookiesAndTermsSlice.name]
diff --git a/src/store/index.ts b/src/store/index.ts
deleted file mode 100644
index e6b2f8f81..000000000
--- a/src/store/index.ts
+++ /dev/null
@@ -1,116 +0,0 @@
-import {
-  configureStore,
-  combineReducers,
-  createListenerMiddleware,
-  type ThunkAction,
-  type PreloadedState,
-  type AnyAction,
-} from '@reduxjs/toolkit'
-import { useDispatch, useSelector, type TypedUseSelectorHook } from 'react-redux'
-import merge from 'lodash/merge'
-import { IS_PRODUCTION } from '@/config/constants'
-import { getPreloadedState, persistState } from './persistStore'
-import { broadcastState, listenToBroadcast } from './broadcast'
-import {
-  safeMessagesListener,
-  swapOrderListener,
-  swapOrderStatusListener,
-  txHistoryListener,
-  txQueueListener,
-} from './slices'
-import * as slices from './slices'
-import * as hydrate from './useHydrateStore'
-
-const rootReducer = combineReducers({
-  [slices.chainsSlice.name]: slices.chainsSlice.reducer,
-  [slices.safeInfoSlice.name]: slices.safeInfoSlice.reducer,
-  [slices.balancesSlice.name]: slices.balancesSlice.reducer,
-  [slices.sessionSlice.name]: slices.sessionSlice.reducer,
-  [slices.txHistorySlice.name]: slices.txHistorySlice.reducer,
-  [slices.txQueueSlice.name]: slices.txQueueSlice.reducer,
-  [slices.swapOrderSlice.name]: slices.swapOrderSlice.reducer,
-  [slices.addressBookSlice.name]: slices.addressBookSlice.reducer,
-  [slices.notificationsSlice.name]: slices.notificationsSlice.reducer,
-  [slices.pendingTxsSlice.name]: slices.pendingTxsSlice.reducer,
-  [slices.addedSafesSlice.name]: slices.addedSafesSlice.reducer,
-  [slices.settingsSlice.name]: slices.settingsSlice.reducer,
-  [slices.cookiesAndTermsSlice.name]: slices.cookiesAndTermsSlice.reducer,
-  [slices.popupSlice.name]: slices.popupSlice.reducer,
-  [slices.spendingLimitSlice.name]: slices.spendingLimitSlice.reducer,
-  [slices.safeAppsSlice.name]: slices.safeAppsSlice.reducer,
-  [slices.safeMessagesSlice.name]: slices.safeMessagesSlice.reducer,
-  [slices.pendingSafeMessagesSlice.name]: slices.pendingSafeMessagesSlice.reducer,
-  [slices.batchSlice.name]: slices.batchSlice.reducer,
-  [slices.undeployedSafesSlice.name]: slices.undeployedSafesSlice.reducer,
-  [slices.swapParamsSlice.name]: slices.swapParamsSlice.reducer,
-})
-
-const persistedSlices: (keyof PreloadedState<RootState>)[] = [
-  slices.sessionSlice.name,
-  slices.addressBookSlice.name,
-  slices.pendingTxsSlice.name,
-  slices.addedSafesSlice.name,
-  slices.settingsSlice.name,
-  slices.cookiesAndTermsSlice.name,
-  slices.safeAppsSlice.name,
-  slices.pendingSafeMessagesSlice.name,
-  slices.batchSlice.name,
-  slices.undeployedSafesSlice.name,
-  slices.swapParamsSlice.name,
-  slices.swapOrderSlice.name,
-]
-
-export const getPersistedState = () => {
-  return getPreloadedState(persistedSlices)
-}
-
-export const listenerMiddlewareInstance = createListenerMiddleware<RootState>()
-
-const middleware = [
-  persistState(persistedSlices),
-  broadcastState(persistedSlices),
-  listenerMiddlewareInstance.middleware,
-]
-const listeners = [safeMessagesListener, txHistoryListener, txQueueListener, swapOrderListener, swapOrderStatusListener]
-
-export const _hydrationReducer: typeof rootReducer = (state, action) => {
-  if (action.type === hydrate.HYDRATE_ACTION) {
-    /**
-     * When changing the schema of a Redux slice, previously stored data in LS might become incompatible.
-     * To avoid this, we should always migrate the data on a case-by-case basis in the corresponding slice.
-     * However, as a catch-all measure, we attempt to merge the stored data with the initial Redux state,
-     * so that any newly added properties in the initial state are preserved, and existing properties are taken from the LS.
-     *
-     * @see https://lodash.com/docs/4.17.15#merge
-     */
-
-    return merge({}, state, action.payload)
-  }
-  return rootReducer(state, action)
-}
-
-export const makeStore = (initialState?: Record<string, any>) => {
-  const store = configureStore({
-    reducer: _hydrationReducer,
-    middleware: (getDefaultMiddleware) => {
-      listeners.forEach((listener) => listener(listenerMiddlewareInstance))
-      return getDefaultMiddleware({ serializableCheck: false }).concat(middleware)
-    },
-    devTools: !IS_PRODUCTION,
-    preloadedState: initialState,
-  })
-
-  listenToBroadcast(store)
-
-  return store
-}
-
-export type AppDispatch = ReturnType<typeof makeStore>['dispatch']
-export type RootState = ReturnType<typeof _hydrationReducer>
-
-export type AppThunk<ReturnType = void> = ThunkAction<ReturnType, RootState, unknown, AnyAction>
-
-export const useAppDispatch = () => useDispatch<AppDispatch>()
-export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector
-
-export const useHydrateStore = hydrate.useHydrateStore
diff --git a/src/store/notificationsSlice.ts b/src/store/notificationsSlice.ts
deleted file mode 100644
index 36f470387..000000000
--- a/src/store/notificationsSlice.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { createSlice, type PayloadAction } from '@reduxjs/toolkit'
-import type { AlertColor } from '@mui/material'
-import type { AppThunk, RootState } from '@/store'
-import type { LinkProps } from 'next/link'
-
-export type Notification = {
-  id: string
-  message: string
-  detailedMessage?: string
-  title?: string
-  groupKey: string
-  variant: AlertColor
-  timestamp: number
-  isDismissed?: boolean
-  isRead?: boolean
-  link?: { href: LinkProps['href']; title: string }
-  onClose?: () => void
-}
-
-export type NotificationState = Notification[]
-
-const initialState: NotificationState = []
-
-export const notificationsSlice = createSlice({
-  name: 'notifications',
-  initialState,
-  reducers: {
-    enqueueNotification: (state, { payload }: PayloadAction<Notification>): NotificationState => {
-      return [...state, payload]
-    },
-    closeNotification: (state, { payload }: PayloadAction<{ id: string }>): NotificationState => {
-      return state.map((notification) => {
-        return notification.id === payload.id ? { ...notification, isDismissed: true } : notification
-      })
-    },
-    closeByGroupKey: (state, { payload }: PayloadAction<{ groupKey: string }>): NotificationState => {
-      return state.map((notification) => {
-        return notification.groupKey === payload.groupKey ? { ...notification, isDismissed: true } : notification
-      })
-    },
-    deleteNotification: (state, { payload }: PayloadAction<Notification>) => {
-      return state.filter((notification) => notification.id !== payload.id)
-    },
-    deleteAllNotifications: (): NotificationState => {
-      return []
-    },
-    readNotification: (state, { payload }: PayloadAction<{ id: string }>): NotificationState => {
-      return state.map((notification) => {
-        return notification.id === payload.id ? { ...notification, isRead: true } : notification
-      })
-    },
-  },
-})
-
-export const { closeNotification, closeByGroupKey, deleteNotification, deleteAllNotifications, readNotification } =
-  notificationsSlice.actions
-
-export const showNotification = (payload: Omit<Notification, 'id' | 'timestamp'>): AppThunk<string> => {
-  return (dispatch) => {
-    const id = Math.random().toString(32).slice(2)
-
-    const notification: Notification = {
-      ...payload,
-      id,
-      timestamp: new Date().getTime(),
-    }
-
-    dispatch(notificationsSlice.actions.enqueueNotification(notification))
-
-    return id
-  }
-}
-
-export const selectNotifications = (state: RootState): NotificationState => {
-  return state[notificationsSlice.name]
-}
diff --git a/src/store/persistStore.ts b/src/store/persistStore.ts
deleted file mode 100644
index 45d1433e3..000000000
--- a/src/store/persistStore.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Middleware, PreloadedState } from '@reduxjs/toolkit'
-
-import local from '@/services/local-storage/local'
-import type { RootState } from '@/store'
-
-type PreloadedRootState = PreloadedState<RootState>
-
-export const getPreloadedState = <K extends keyof PreloadedRootState>(sliceNames: K[]): PreloadedRootState => {
-  return sliceNames.reduce<PreloadedRootState>((preloadedState, sliceName) => {
-    const sliceState = local.getItem<PreloadedRootState[K]>(sliceName)
-
-    if (sliceState) {
-      preloadedState[sliceName] = sliceState
-    }
-
-    return preloadedState
-  }, {})
-}
-
-export const persistState = <K extends keyof PreloadedRootState>(sliceNames: K[]): Middleware<{}, RootState> => {
-  return (store) => (next) => (action) => {
-    const result = next(action)
-
-    // No need to persist broadcasted actions because they are persisted in another tab
-    if (action._isBroadcasted) return result
-
-    const sliceType = action.type.split('/')[0]
-    const name = sliceNames.find((slice) => slice === sliceType)
-
-    if (name) {
-      const state = store.getState()
-      const sliceState = state[name]
-
-      if (sliceState) {
-        local.setItem(name, sliceState)
-      } else {
-        local.removeItem(name)
-      }
-    }
-
-    return result
-  }
-}
diff --git a/src/store/popupSlice.ts b/src/store/popupSlice.ts
deleted file mode 100644
index 831fcc5c9..000000000
--- a/src/store/popupSlice.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import type { PayloadAction } from '@reduxjs/toolkit'
-import { createSlice } from '@reduxjs/toolkit'
-import type { CookieAndTermType } from './cookiesAndTermsSlice'
-import type { RootState } from '.'
-
-export enum PopupType {
-  COOKIES = 'cookies',
-}
-
-type PopupState = {
-  [PopupType.COOKIES]: {
-    open: boolean
-    warningKey?: CookieAndTermType
-  }
-}
-
-const initialState: PopupState = {
-  [PopupType.COOKIES]: {
-    open: false,
-  },
-}
-
-export const popupSlice = createSlice({
-  name: 'popups',
-  initialState,
-  reducers: {
-    openCookieBanner: (state, { payload }: PayloadAction<{ warningKey?: CookieAndTermType }>) => {
-      state[PopupType.COOKIES] = {
-        ...payload,
-        open: true,
-      }
-    },
-    closeCookieBanner: (state) => {
-      state[PopupType.COOKIES] = { open: false }
-    },
-  },
-})
-
-export const { openCookieBanner, closeCookieBanner } = popupSlice.actions
-
-export const selectCookieBanner = (state: RootState) => state[popupSlice.name][PopupType.COOKIES]
diff --git a/src/store/safeInfoSlice.ts b/src/store/safeInfoSlice.ts
deleted file mode 100644
index d6a122f3a..000000000
--- a/src/store/safeInfoSlice.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { type SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { makeLoadableSlice } from './common'
-
-export type ExtendedSafeInfo = SafeInfo & { deployed: boolean }
-
-export const defaultSafeInfo: ExtendedSafeInfo = {
-  address: { value: '' },
-  chainId: '',
-  nonce: -1,
-  threshold: 0,
-  owners: [],
-  implementation: { value: '' },
-  implementationVersionState: '' as SafeInfo['implementationVersionState'],
-  modules: null,
-  guard: null,
-  fallbackHandler: { value: '' },
-  version: '',
-  collectiblesTag: '',
-  txQueuedTag: '',
-  txHistoryTag: '',
-  messagesTag: '',
-  deployed: true,
-}
-
-const { slice, selector } = makeLoadableSlice('safeInfo', undefined as ExtendedSafeInfo | undefined)
-
-export const safeInfoSlice = slice
-export const selectSafeInfo = selector
diff --git a/src/store/settingsSlice.ts b/src/store/settingsSlice.ts
deleted file mode 100644
index f92495868..000000000
--- a/src/store/settingsSlice.ts
+++ /dev/null
@@ -1,172 +0,0 @@
-import type { PayloadAction } from '@reduxjs/toolkit'
-import { createSelector, createSlice } from '@reduxjs/toolkit'
-import merge from 'lodash/merge'
-
-import type { RootState } from '@/store'
-import isEqual from 'lodash/isEqual'
-
-export type EnvState = {
-  tenderly: {
-    url: string
-    accessToken: string
-  }
-  rpc: {
-    [chainId: string]: string
-  }
-}
-
-export enum TOKEN_LISTS {
-  TRUSTED = 'TRUSTED',
-  ALL = 'ALL',
-}
-
-export type SettingsState = {
-  currency: string
-
-  hiddenTokens: {
-    [chainId: string]: string[]
-  }
-
-  tokenList: TOKEN_LISTS
-
-  showOnlyTrustedTransactions?: boolean
-
-  shortName: {
-    copy: boolean
-    qr: boolean
-  }
-  theme: {
-    darkMode?: boolean
-  }
-  env: EnvState
-  signing: {
-    onChainSigning: boolean
-    blindSigning: boolean
-  }
-  transactionExecution: boolean
-}
-
-export const initialState: SettingsState = {
-  currency: 'usd',
-
-  tokenList: TOKEN_LISTS.TRUSTED,
-
-  hiddenTokens: {},
-
-  showOnlyTrustedTransactions: false,
-
-  shortName: {
-    copy: true,
-    qr: true,
-  },
-  theme: {},
-  env: {
-    rpc: {},
-    tenderly: {
-      url: '',
-      accessToken: '',
-    },
-  },
-  signing: {
-    onChainSigning: false,
-    blindSigning: false,
-  },
-  transactionExecution: true,
-}
-
-export const settingsSlice = createSlice({
-  name: 'settings',
-  initialState,
-  reducers: {
-    setCurrency: (state, { payload }: PayloadAction<SettingsState['currency']>) => {
-      state.currency = payload
-    },
-    setCopyShortName: (state, { payload }: PayloadAction<SettingsState['shortName']['copy']>) => {
-      state.shortName.copy = payload
-    },
-    setQrShortName: (state, { payload }: PayloadAction<SettingsState['shortName']['qr']>) => {
-      state.shortName.qr = payload
-    },
-    setTransactionExecution: (state, { payload }: PayloadAction<SettingsState['transactionExecution']>) => {
-      state.transactionExecution = payload
-    },
-    setDarkMode: (state, { payload }: PayloadAction<SettingsState['theme']['darkMode']>) => {
-      state.theme.darkMode = payload
-    },
-    setHiddenTokensForChain: (state, { payload }: PayloadAction<{ chainId: string; assets: string[] }>) => {
-      const { chainId, assets } = payload
-      state.hiddenTokens[chainId] = assets
-    },
-    setTokenList: (state, { payload }: PayloadAction<SettingsState['tokenList']>) => {
-      state.tokenList = payload
-    },
-    setshowOnlyTrustedTransactions: (state, { payload }: PayloadAction<boolean>) => {
-      state.showOnlyTrustedTransactions = payload
-    },
-    setRpc: (state, { payload }: PayloadAction<{ chainId: string; rpc: string }>) => {
-      const { chainId, rpc } = payload
-      if (rpc) {
-        state.env.rpc[chainId] = rpc
-      } else {
-        delete state.env.rpc[chainId]
-      }
-    },
-    setTenderly: (state, { payload }: PayloadAction<EnvState['tenderly']>) => {
-      state.env.tenderly = merge({}, state.env.tenderly, payload)
-    },
-    setOnChainSigning: (state, { payload }: PayloadAction<boolean>) => {
-      state.signing.onChainSigning = payload
-    },
-    setBlindSigning: (state, { payload }: PayloadAction<boolean>) => {
-      state.signing.blindSigning = payload
-    },
-    setSettings: (_, { payload }: PayloadAction<SettingsState>) => {
-      // We must return as we are overwriting the entire state
-      // Preserve default nested settings if importing without
-      return merge({}, initialState, payload)
-    },
-  },
-})
-
-export const {
-  setCurrency,
-  setCopyShortName,
-  setQrShortName,
-  setDarkMode,
-  setHiddenTokensForChain,
-  setTokenList,
-  setshowOnlyTrustedTransactions,
-  setRpc,
-  setTenderly,
-  setOnChainSigning,
-  setTransactionExecution,
-  setBlindSigning,
-} = settingsSlice.actions
-
-export const selectSettings = (state: RootState): SettingsState => state[settingsSlice.name]
-
-export const selectCurrency = (state: RootState): SettingsState['currency'] => {
-  return state[settingsSlice.name].currency || initialState.currency
-}
-
-export const selectTokenList = (state: RootState): SettingsState['tokenList'] => {
-  return state[settingsSlice.name].tokenList || initialState.tokenList
-}
-
-export const selectHiddenTokensPerChain = createSelector(
-  [selectSettings, (_, chainId) => chainId],
-  (settings, chainId) => {
-    return settings.hiddenTokens?.[chainId] || []
-  },
-)
-
-export const selectRpc = createSelector(selectSettings, (settings) => settings.env.rpc)
-
-export const selectTenderly = createSelector(selectSettings, (settings) => settings.env.tenderly)
-
-export const isEnvInitialState = createSelector([selectSettings, (_, chainId) => chainId], (settings, chainId) => {
-  return isEqual(settings.env.tenderly, initialState.env.tenderly) && !settings.env.rpc[chainId]
-})
-
-export const selectOnChainSigning = createSelector(selectSettings, (settings) => settings.signing.onChainSigning)
-export const selectBlindSigning = createSelector(selectSettings, (settings) => settings.signing.blindSigning)
diff --git a/src/store/txHistorySlice.ts b/src/store/txHistorySlice.ts
deleted file mode 100644
index 10cd8908a..000000000
--- a/src/store/txHistorySlice.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import type { listenerMiddlewareInstance } from '@/store'
-import { createSelector } from '@reduxjs/toolkit'
-import type { TransactionListPage } from '@safe-global/safe-gateway-typescript-sdk'
-import { isCreationTxInfo, isIncomingTransfer, isTransactionListItem } from '@/utils/transaction-guards'
-import { txDispatch, TxEvent } from '@/services/tx/txEvents'
-import { selectPendingTxs } from './pendingTxsSlice'
-import { makeLoadableSlice } from './common'
-
-const { slice, selector } = makeLoadableSlice('txHistory', undefined as TransactionListPage | undefined)
-
-export const txHistorySlice = slice
-export const selectTxHistory = selector
-
-export const selectOutgoingTransactions = createSelector(selectTxHistory, (txHistory) => {
-  return txHistory.data?.results.filter(isTransactionListItem).filter((tx) => {
-    return !isIncomingTransfer(tx.transaction.txInfo) && !isCreationTxInfo(tx.transaction.txInfo)
-  })
-})
-
-export const txHistoryListener = (listenerMiddleware: typeof listenerMiddlewareInstance) => {
-  listenerMiddleware.startListening({
-    actionCreator: txHistorySlice.actions.set,
-    effect: (action, listenerApi) => {
-      if (!action.payload.data) {
-        return
-      }
-
-      const pendingTxs = selectPendingTxs(listenerApi.getState())
-
-      for (const result of action.payload.data.results) {
-        if (!isTransactionListItem(result)) {
-          continue
-        }
-
-        const txId = result.transaction.id
-
-        const pendingTx = pendingTxs[txId]
-
-        if (pendingTx) {
-          const txHash = 'txHash' in pendingTx ? pendingTx.txHash : undefined
-          txDispatch(TxEvent.SUCCESS, {
-            txId,
-            groupKey: pendingTxs[txId].groupKey,
-            txHash,
-          })
-        }
-      }
-    },
-  })
-}
diff --git a/src/tests/builders/chains.ts b/src/tests/builders/chains.ts
deleted file mode 100644
index 0f8f03334..000000000
--- a/src/tests/builders/chains.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-import { faker } from '@faker-js/faker'
-import { RPC_AUTHENTICATION, GAS_PRICE_TYPE } from '@safe-global/safe-gateway-typescript-sdk'
-import type {
-  BlockExplorerUriTemplate,
-  ChainInfo,
-  GasPriceFixed,
-  GasPriceFixedEIP1559,
-  GasPriceOracle,
-  GasPriceUnknown,
-  NativeCurrency,
-  RpcUri,
-  Theme,
-} from '@safe-global/safe-gateway-typescript-sdk'
-
-import { Builder } from '@/tests/Builder'
-import { FEATURES } from '@/utils/chains'
-import { generateRandomArray } from './utils'
-import type { IBuilder } from '@/tests/Builder'
-import type useChains from '@/hooks/useChains'
-
-const rpcUriBuilder = (): IBuilder<RpcUri> => {
-  return Builder.new<RpcUri>().with({
-    authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION,
-    value: faker.internet.url({ appendSlash: false }),
-  })
-}
-
-const blockExplorerUriTemplateBuilder = (): IBuilder<BlockExplorerUriTemplate> => {
-  return Builder.new<BlockExplorerUriTemplate>().with({
-    address: faker.internet.url({ appendSlash: false }),
-    txHash: faker.internet.url({ appendSlash: false }),
-    api: faker.internet.url({ appendSlash: false }),
-  })
-}
-
-const nativeCurrencyBuilder = (): IBuilder<NativeCurrency> => {
-  return Builder.new<NativeCurrency>().with({
-    name: faker.finance.currencyName(),
-    symbol: faker.finance.currencySymbol(),
-    decimals: 18,
-    logoUri: faker.internet.url({ appendSlash: false }),
-  })
-}
-
-const themeBuilder = (): IBuilder<Theme> => {
-  return Builder.new<Theme>().with({
-    textColor: faker.color.rgb(),
-    backgroundColor: faker.color.rgb(),
-  })
-}
-
-const gasPriceFixedBuilder = (): IBuilder<GasPriceFixed> => {
-  return Builder.new<GasPriceFixed>().with({
-    type: GAS_PRICE_TYPE.FIXED,
-    weiValue: faker.string.numeric(),
-  })
-}
-
-const gasPriceFixedEIP1559Builder = (): IBuilder<GasPriceFixedEIP1559> => {
-  return Builder.new<GasPriceFixedEIP1559>().with({
-    type: GAS_PRICE_TYPE.FIXED_1559,
-    maxFeePerGas: faker.string.numeric(),
-    maxPriorityFeePerGas: faker.string.numeric(),
-  })
-}
-
-const gasPriceOracleBuilder = (): IBuilder<GasPriceOracle> => {
-  return Builder.new<GasPriceOracle>().with({
-    type: GAS_PRICE_TYPE.ORACLE,
-    uri: faker.internet.url({ appendSlash: false }),
-    gasParameter: faker.word.sample(),
-    gweiFactor: faker.string.numeric(),
-  })
-}
-
-const gasPriceOracleUnknownBuilder = (): IBuilder<GasPriceUnknown> => {
-  return Builder.new<GasPriceUnknown>().with({
-    type: GAS_PRICE_TYPE.UNKNOWN,
-  })
-}
-
-const getRandomGasPriceBuilder = () => {
-  const gasPriceBuilders = [
-    gasPriceFixedBuilder(),
-    gasPriceFixedEIP1559Builder(),
-    gasPriceOracleBuilder(),
-    gasPriceOracleUnknownBuilder(),
-  ]
-
-  const randomIndex = Math.floor(Math.random() * gasPriceBuilders.length)
-  return gasPriceBuilders[randomIndex]
-}
-
-export const chainBuilder = (): IBuilder<ChainInfo> => {
-  return Builder.new<ChainInfo>().with({
-    chainId: faker.string.numeric(),
-    chainName: faker.word.sample(),
-    description: faker.word.words(),
-    l2: faker.datatype.boolean(),
-    shortName: faker.word.sample(),
-    rpcUri: rpcUriBuilder().build(),
-    safeAppsRpcUri: rpcUriBuilder().build(),
-    publicRpcUri: rpcUriBuilder().build(),
-    blockExplorerUriTemplate: blockExplorerUriTemplateBuilder().build(),
-    nativeCurrency: nativeCurrencyBuilder().build(),
-    transactionService: faker.internet.url({ appendSlash: false }),
-    theme: themeBuilder().build(),
-    gasPrice: generateRandomArray(() => getRandomGasPriceBuilder().build(), { min: 1, max: 4 }),
-    ensRegistryAddress: faker.finance.ethereumAddress(),
-    disabledWallets: generateRandomArray(() => faker.word.sample(), { min: 1, max: 10 }),
-    // @ts-expect-error - we are using a local FEATURES enum
-    features: generateRandomArray(() => faker.helpers.enumValue(FEATURES), { min: 1, max: 10 }),
-  })
-}
-
-export const useChainsBuilder = (): IBuilder<ReturnType<typeof useChains>> => {
-  return Builder.new<ReturnType<typeof useChains>>().with({
-    configs: generateRandomArray(() => chainBuilder().build(), { min: 1, max: 25 }),
-    loading: false,
-  })
-}
diff --git a/src/tests/builders/messages.ts b/src/tests/builders/messages.ts
deleted file mode 100644
index 52478e124..000000000
--- a/src/tests/builders/messages.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { faker } from '@faker-js/faker'
-import type { EIP712TypedData } from '@safe-global/safe-gateway-typescript-sdk'
-import { Builder, type IBuilder } from '../Builder'
-
-export function eip712TypedDataBuilder(): IBuilder<EIP712TypedData> {
-  return Builder.new<EIP712TypedData>().with({
-    domain: {
-      chainId: faker.number.int({ min: 1, max: 10000 }),
-      name: faker.string.alpha(),
-      verifyingContract: faker.finance.ethereumAddress(),
-    },
-    types: {
-      Test: [
-        {
-          name: 'example',
-          type: 'uint8',
-        },
-      ],
-    },
-    message: {
-      example: '8',
-    },
-  })
-}
diff --git a/src/tests/builders/safeMessage.ts b/src/tests/builders/safeMessage.ts
deleted file mode 100644
index b3a9da6a3..000000000
--- a/src/tests/builders/safeMessage.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Builder, type IBuilder } from '@/tests/Builder'
-import { faker } from '@faker-js/faker'
-import { SafeMessageListItemType, SafeMessageStatus, type SafeMessage } from '@safe-global/safe-gateway-typescript-sdk'
-
-export function safeMsgBuilder(): IBuilder<SafeMessage> {
-  return Builder.new<SafeMessage>().with({
-    type: SafeMessageListItemType.MESSAGE,
-    messageHash: faker.string.hexadecimal(),
-    status: SafeMessageStatus.NEEDS_CONFIRMATION,
-    logoUri: null,
-    name: null,
-    message: 'Message text',
-    creationTimestamp: faker.date.past().getTime(),
-    modifiedTimestamp: faker.date.past().getTime(),
-    confirmationsSubmitted: 1,
-    confirmationsRequired: 2,
-    proposedBy: { value: faker.finance.ethereumAddress() },
-    confirmations: [
-      {
-        owner: { value: faker.finance.ethereumAddress() },
-        signature: '',
-      },
-    ],
-  })
-}
diff --git a/src/tests/builders/safeTx.ts b/src/tests/builders/safeTx.ts
deleted file mode 100644
index dda345fbb..000000000
--- a/src/tests/builders/safeTx.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Builder, type IBuilder } from '@/tests/Builder'
-import { faker } from '@faker-js/faker'
-import type { SafeSignature, SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-
-// TODO: Convert to builder
-export const createSafeTx = (data = '0x'): SafeTransaction => {
-  return {
-    data: {
-      to: '0x0000000000000000000000000000000000000000',
-      value: '0x0',
-      data,
-      operation: 0,
-      nonce: 100,
-    },
-    signatures: new Map([]),
-    addSignature: function (sig: SafeSignature): void {
-      this.signatures.set(sig.signer, sig)
-    },
-    encodedSignatures: function (): string {
-      return Array.from(this.signatures)
-        .map(([, sig]) => {
-          return [sig.signer, sig.data].join(' = ')
-        })
-        .join('; ')
-    },
-  } as SafeTransaction
-}
-
-export function safeTxBuilder(): IBuilder<SafeTransaction> {
-  return Builder.new<SafeTransaction>().with({
-    data: {
-      to: faker.finance.ethereumAddress(),
-      value: '0x0',
-      data: faker.string.hexadecimal({ length: faker.number.int({ max: 500 }) }),
-      operation: 0,
-      nonce: faker.number.int(),
-      safeTxGas: faker.number.toString(),
-      gasPrice: faker.number.toString(),
-      gasToken: ZERO_ADDRESS,
-      baseGas: faker.number.toString(),
-      refundReceiver: faker.finance.ethereumAddress(),
-    },
-    signatures: new Map([]),
-    addSignature: function (sig: SafeSignature): void {
-      this.signatures!.set(sig.signer, sig)
-    },
-    encodedSignatures: function (): string {
-      return Array.from(this.signatures!)
-        .map(([, sig]) => {
-          return [sig.signer, sig.data].join(' = ')
-        })
-        .join('; ')
-    },
-  })
-}
-
-export function safeSignatureBuilder(): IBuilder<SafeSignature> {
-  return Builder.new<SafeSignature>().with({
-    signer: faker.finance.ethereumAddress(),
-    data: faker.string.hexadecimal({ length: faker.number.int({ max: 500 }) }),
-  })
-}
diff --git a/src/tests/e2e-wallet.ts b/src/tests/e2e-wallet.ts
deleted file mode 100644
index 17ce32c32..000000000
--- a/src/tests/e2e-wallet.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { type HDNodeWallet, JsonRpcProvider, Wallet } from 'ethers'
-import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { type WalletInit, createEIP1193Provider } from '@web3-onboard/common'
-import { getRpcServiceUrl } from '@/hooks/wallets/web3'
-import { numberToHex } from '@/utils/hex'
-import { CYPRESS_MNEMONIC } from '@/config/constants'
-
-export const E2E_WALLET_NAME = 'E2E Wallet'
-
-let currentChainId = ''
-let currentRpcUri = ''
-
-const E2EWalletMoule = (chainId: ChainInfo['chainId'], rpcUri: ChainInfo['rpcUri']): WalletInit => {
-  currentChainId = chainId
-  currentRpcUri = getRpcServiceUrl(rpcUri)
-
-  return () => {
-    return {
-      label: E2E_WALLET_NAME,
-      getIcon: async () => '<svg />',
-      getInterface: async () => {
-        let provider: JsonRpcProvider
-        let wallet: HDNodeWallet
-        const chainChangedListeners = new Set<(chainId: string) => void>()
-
-        const updateProvider = () => {
-          provider?.destroy()
-          provider = new JsonRpcProvider(currentRpcUri, Number(currentChainId), { staticNetwork: true })
-          wallet = Wallet.fromPhrase(CYPRESS_MNEMONIC, provider)
-
-          setTimeout(() => {
-            chainChangedListeners.forEach((listener) => listener(numberToHex(Number(currentChainId))))
-          }, 100)
-        }
-
-        updateProvider()
-
-        return {
-          provider: createEIP1193Provider(
-            {
-              on: (event: string, listener: (...args: any[]) => void) => {
-                if (event === 'accountsChanged') {
-                  return
-                } else if (event === 'chainChanged') {
-                  chainChangedListeners.add(listener)
-                } else {
-                  provider.on(event, listener)
-                }
-              },
-
-              request: async (request: { method: string; params: any[] }) => {
-                return provider.send(request.method, request.params)
-              },
-            },
-            {
-              eth_chainId: async () => currentChainId,
-
-              // @ts-ignore
-              eth_getCode: async ({ params }) => provider.getCode(params[0], params[1]),
-
-              eth_accounts: async () => [wallet.address],
-              eth_requestAccounts: async () => [wallet.address],
-
-              eth_call: async ({ params }: { params: any }) => wallet.call(params[0]),
-
-              eth_sendTransaction: async ({ params }) => {
-                const tx = await wallet.sendTransaction(params[0] as any)
-                return tx.hash // return transaction hash
-              },
-
-              personal_sign: async ({ params }) => {
-                const signedMessage = wallet.signingKey.sign(params[0])
-                return signedMessage.serialized
-              },
-
-              eth_signTypedData: async ({ params }) => {
-                const [, json] = params
-                const typedData = JSON.parse(json)
-                return await wallet.signTypedData(
-                  typedData.domain,
-                  { [typedData.primaryType]: typedData.types[typedData.primaryType] },
-                  typedData.message,
-                )
-              },
-
-              // @ts-ignore
-              wallet_switchEthereumChain: async ({ params }) => {
-                updateProvider()
-              },
-            },
-          ),
-        }
-      },
-      platforms: ['desktop'],
-    }
-  }
-}
-
-export default E2EWalletMoule
diff --git a/src/tests/mocks/chains.ts b/src/tests/mocks/chains.ts
deleted file mode 100644
index f21904c27..000000000
--- a/src/tests/mocks/chains.ts
+++ /dev/null
@@ -1,629 +0,0 @@
-import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { FEATURES, GAS_PRICE_TYPE, RPC_AUTHENTICATION } from '@safe-global/safe-gateway-typescript-sdk'
-
-const CONFIG_SERVICE_CHAINS: ChainInfo[] = [
-  {
-    transactionService: 'https://safe-transaction.mainnet.gnosis.io',
-    chainId: '1',
-    chainName: 'Ethereum',
-    chainLogoUri: '',
-    shortName: 'eth',
-    l2: false,
-    isTestnet: false,
-    description: 'The main Ethereum network',
-    rpcUri: { authentication: RPC_AUTHENTICATION.API_KEY_PATH, value: 'https://mainnet.infura.io/v3/' },
-    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.API_KEY_PATH, value: 'https://mainnet.infura.io/v3/' },
-    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://cloudflare-eth.com' },
-    blockExplorerUriTemplate: {
-      address: 'https://etherscan.io/address/{{address}}',
-      txHash: 'https://etherscan.io/tx/{{txHash}}',
-      api: 'https://api.etherscan.io/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
-    },
-    nativeCurrency: {
-      name: 'Ether',
-      symbol: 'ETH',
-      decimals: 18,
-      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/1/currency_logo.png',
-    },
-    theme: { textColor: '#001428', backgroundColor: '#E8E7E6' },
-    ensRegistryAddress: '0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e',
-    gasPrice: [
-      {
-        type: GAS_PRICE_TYPE.ORACLE,
-        uri: 'https://api.etherscan.io/api?module=gastracker&action=gasoracle&apikey=JNFAU892RF9TJWBU3EV7DJCPIWZY8KEMY1',
-        gasParameter: 'FastGasPrice',
-        gweiFactor: '1000000000.000000000',
-      },
-      {
-        type: GAS_PRICE_TYPE.ORACLE,
-        uri: 'https://ethgasstation.info/json/ethgasAPI.json?api-key=8bb8066b5c3ed1442190d0e30ad9126c7b8235314397efa76e6977791cb2',
-        gasParameter: 'fast',
-        gweiFactor: '100000000.000000000',
-      },
-    ],
-    disabledWallets: ['lattice'],
-    features: [
-      FEATURES.DOMAIN_LOOKUP,
-      FEATURES.EIP1559,
-      FEATURES.ERC721,
-      FEATURES.SAFE_APPS,
-      FEATURES.SAFE_TX_GAS_OPTIONAL,
-      FEATURES.SPENDING_LIMIT,
-      FEATURES.TX_SIMULATION,
-    ],
-    balancesProvider: {
-      chainName: null,
-      enabled: false,
-    },
-  },
-  {
-    transactionService: 'https://safe-transaction.xdai.gnosis.io',
-    chainId: '100',
-    chainName: 'Gnosis Chain',
-    chainLogoUri: '',
-    shortName: 'gno',
-    l2: true,
-    isTestnet: false,
-    description: '',
-    rpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://rpc.gnosischain.com/' },
-    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://rpc.gnosischain.com/' },
-    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://rpc.gnosischain.com/' },
-    blockExplorerUriTemplate: {
-      address: 'https://blockscout.com/xdai/mainnet/address/{{address}}/transactions',
-      txHash: 'https://blockscout.com/xdai/mainnet/tx/{{txHash}}/',
-      api: 'https://blockscout.com/poa/xdai/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
-    },
-    nativeCurrency: {
-      name: 'xDai',
-      symbol: 'XDAI',
-      decimals: 18,
-      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/100/currency_logo.png',
-    },
-    theme: { textColor: '#ffffff', backgroundColor: '#48A9A6' },
-    gasPrice: [{ type: GAS_PRICE_TYPE.FIXED, weiValue: '4000000000' }],
-    disabledWallets: [
-      'authereum',
-      'fortmatic',
-      'keystone',
-      'lattice',
-      'ledger',
-      'opera',
-      'operaTouch',
-      'portis',
-      'tally',
-      'torus',
-      'trezor',
-      'trust',
-      'walletLink',
-    ],
-    features: [
-      FEATURES.EIP1559,
-      FEATURES.ERC721,
-      FEATURES.SAFE_APPS,
-      FEATURES.SAFE_TX_GAS_OPTIONAL,
-      FEATURES.SPENDING_LIMIT,
-      FEATURES.TX_SIMULATION,
-    ],
-    balancesProvider: {
-      chainName: null,
-      enabled: false,
-    },
-  },
-  {
-    transactionService: 'https://safe-transaction.polygon.gnosis.io',
-    chainId: '137',
-    chainName: 'Polygon',
-    chainLogoUri: '',
-    shortName: 'matic',
-    l2: true,
-    isTestnet: false,
-    description: 'L2 chain (MATIC)',
-    rpcUri: { authentication: RPC_AUTHENTICATION.API_KEY_PATH, value: 'https://polygon-mainnet.infura.io/v3/' },
-    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.API_KEY_PATH, value: 'https://polygon-mainnet.infura.io/v3/' },
-    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://polygon-rpc.com' },
-    blockExplorerUriTemplate: {
-      address: 'https://polygonscan.com/address/{{address}}',
-      txHash: 'https://polygonscan.com/tx/{{txHash}}',
-      api: 'https://api.polygonscan.com/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
-    },
-    nativeCurrency: {
-      name: 'Matic',
-      symbol: 'MATIC',
-      decimals: 18,
-      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/137/currency_logo.png',
-    },
-    theme: { textColor: '#ffffff', backgroundColor: '#8248E5' },
-    gasPrice: [
-      {
-        type: GAS_PRICE_TYPE.ORACLE,
-        uri: 'https://gasstation-mainnet.matic.network/',
-        gasParameter: 'standard',
-        gweiFactor: '1000000000.000000000',
-      },
-    ],
-    disabledWallets: [
-      'authereum',
-      'fortmatic',
-      'keystone',
-      'lattice',
-      'ledger',
-      'opera',
-      'operaTouch',
-      'portis',
-      'torus',
-      'trezor',
-      'trust',
-      'walletLink',
-    ],
-    features: [
-      FEATURES.EIP1559,
-      FEATURES.ERC721,
-      FEATURES.SAFE_APPS,
-      FEATURES.SAFE_TX_GAS_OPTIONAL,
-      FEATURES.SPENDING_LIMIT,
-      FEATURES.TX_SIMULATION,
-    ],
-    balancesProvider: {
-      chainName: null,
-      enabled: false,
-    },
-  },
-  {
-    transactionService: 'https://safe-transaction.bsc.gnosis.io',
-    chainId: '56',
-    chainName: 'BNB Smart Chain',
-    chainLogoUri: '',
-    shortName: 'bnb',
-    l2: true,
-    isTestnet: false,
-    description: '',
-    rpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://bsc-dataseed.binance.org/' },
-    safeAppsRpcUri: {
-      authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION,
-      value: 'https://bsc-dataseed.binance.org/',
-    },
-    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://bsc-dataseed.binance.org/' },
-    blockExplorerUriTemplate: {
-      address: 'https://bscscan.com/address/{{address}}',
-      txHash: 'https://bscscan.com/tx/{{txHash}}',
-      api: 'https://api.bscscan.com/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
-    },
-    nativeCurrency: {
-      name: 'BNB',
-      symbol: 'BNB',
-      decimals: 18,
-      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/56/currency_logo.png',
-    },
-    theme: { textColor: '#001428', backgroundColor: '#F0B90B' },
-    gasPrice: [],
-    disabledWallets: [
-      'authereum',
-      'fortmatic',
-      'keystone',
-      'lattice',
-      'ledger',
-      'opera',
-      'operaTouch',
-      'portis',
-      'tally',
-      'torus',
-      'trezor',
-      'trust',
-      'walletLink',
-    ],
-    features: [
-      FEATURES.ERC721,
-      FEATURES.SAFE_APPS,
-      FEATURES.SAFE_TX_GAS_OPTIONAL,
-      FEATURES.SPENDING_LIMIT,
-      FEATURES.TX_SIMULATION,
-    ],
-    balancesProvider: {
-      chainName: null,
-      enabled: false,
-    },
-  },
-  {
-    transactionService: 'https://safe-transaction.ewc.gnosis.io',
-    chainId: '246',
-    chainName: 'Energy Web Chain',
-    chainLogoUri: '',
-    shortName: 'ewt',
-    l2: true,
-    isTestnet: false,
-    description: '',
-    rpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://rpc.energyweb.org' },
-    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://rpc.energyweb.org' },
-    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://rpc.energyweb.org' },
-    blockExplorerUriTemplate: {
-      address: 'https://explorer.energyweb.org/address/{{address}}/transactions',
-      txHash: 'https://explorer.energyweb.org/tx/{{txHash}}/internal-transactions',
-      api: 'https://explorer.energyweb.org/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
-    },
-    nativeCurrency: {
-      name: 'Energy Web Token',
-      symbol: 'EWT',
-      decimals: 18,
-      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/246/currency_logo.png',
-    },
-    theme: { textColor: '#ffffff', backgroundColor: '#A566FF' },
-    gasPrice: [{ type: GAS_PRICE_TYPE.FIXED, weiValue: '1000000' }],
-    disabledWallets: [
-      'authereum',
-      'coinbase',
-      'fortmatic',
-      'keystone',
-      'lattice',
-      'ledger',
-      'opera',
-      'operaTouch',
-      'portis',
-      'tally',
-      'torus',
-      'trezor',
-      'trust',
-      'walletLink',
-    ],
-    features: [
-      FEATURES.DOMAIN_LOOKUP,
-      FEATURES.ERC721,
-      FEATURES.SAFE_APPS,
-      FEATURES.SAFE_TX_GAS_OPTIONAL,
-      FEATURES.SPENDING_LIMIT,
-    ],
-    balancesProvider: {
-      chainName: null,
-      enabled: false,
-    },
-  },
-  {
-    transactionService: 'https://safe-transaction.arbitrum.gnosis.io',
-    chainId: '42161',
-    chainName: 'Arbitrum',
-    chainLogoUri: '',
-    shortName: 'arb1',
-    l2: true,
-    isTestnet: false,
-    description: '',
-    rpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://arb1.arbitrum.io/rpc' },
-    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://arb1.arbitrum.io/rpc' },
-    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://arb1.arbitrum.io/rpc' },
-    blockExplorerUriTemplate: {
-      address: 'https://arbiscan.io/address/{{address}}',
-      txHash: 'https://arbiscan.io/tx/{{txHash}}',
-      api: 'https://api.arbiscan.io/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
-    },
-    nativeCurrency: {
-      name: 'AETH',
-      symbol: 'AETH',
-      decimals: 18,
-      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/42161/currency_logo.png',
-    },
-    theme: { textColor: '#ffffff', backgroundColor: '#28A0F0' },
-    gasPrice: [],
-    disabledWallets: [
-      'authereum',
-      'fortmatic',
-      'keystone',
-      'lattice',
-      'ledger',
-      'opera',
-      'operaTouch',
-      'portis',
-      'tally',
-      'torus',
-      'trezor',
-      'trust',
-      'walletLink',
-    ],
-    features: [FEATURES.ERC721, FEATURES.SAFE_APPS, FEATURES.SAFE_TX_GAS_OPTIONAL, FEATURES.TX_SIMULATION],
-    balancesProvider: {
-      chainName: null,
-      enabled: false,
-    },
-  },
-  {
-    transactionService: 'https://safe-transaction.aurora.gnosis.io',
-    chainId: '1313161554',
-    chainName: 'Aurora',
-    chainLogoUri: '',
-    shortName: 'aurora',
-    l2: true,
-    isTestnet: false,
-    description: '',
-    rpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://mainnet.aurora.dev' },
-    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://mainnet.aurora.dev' },
-    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://mainnet.aurora.dev' },
-    blockExplorerUriTemplate: {
-      address: 'https://explorer.mainnet.aurora.dev/address/{{address}}/transactions',
-      txHash: 'https://explorer.mainnet.aurora.dev/tx/{{txHash}}/',
-      api: 'https://explorer.mainnet.aurora.dev/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
-    },
-    nativeCurrency: {
-      name: 'Ether',
-      symbol: 'ETH',
-      decimals: 18,
-      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/1313161554/currency_logo.png',
-    },
-    theme: { textColor: '#ffffff', backgroundColor: '#78D64B' },
-    gasPrice: [],
-    disabledWallets: [
-      'authereum',
-      'coinbase',
-      'fortmatic',
-      'keystone',
-      'lattice',
-      'ledger',
-      'opera',
-      'operaTouch',
-      'portis',
-      'tally',
-      'torus',
-      'trezor',
-      'trust',
-      'walletLink',
-    ],
-    features: [FEATURES.CONTRACT_INTERACTION, FEATURES.ERC721, FEATURES.SAFE_APPS, FEATURES.SAFE_TX_GAS_OPTIONAL],
-    balancesProvider: {
-      chainName: null,
-      enabled: false,
-    },
-  },
-  {
-    transactionService: 'https://safe-transaction.avalanche.gnosis.io',
-    chainId: '43114',
-    chainName: 'Avalanche',
-    chainLogoUri: '',
-    shortName: 'avax',
-    l2: true,
-    isTestnet: false,
-    description: '',
-    rpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://api.avax.network/ext/bc/C/rpc' },
-    safeAppsRpcUri: {
-      authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION,
-      value: 'https://api.avax.network/ext/bc/C/rpc',
-    },
-    publicRpcUri: {
-      authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION,
-      value: 'https://api.avax.network/ext/bc/C/rpc',
-    },
-    blockExplorerUriTemplate: {
-      address: 'https://snowtrace.io/address/{{address}}',
-      txHash: 'https://snowtrace.io/tx/{{txHash}}',
-      api: 'https://api.snowtrace.io/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
-    },
-    nativeCurrency: {
-      name: 'Avalanche',
-      symbol: 'AVAX',
-      decimals: 18,
-      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/43114/currency_logo.png',
-    },
-    theme: { textColor: '#ffffff', backgroundColor: '#000000' },
-    gasPrice: [],
-    disabledWallets: [
-      'authereum',
-      'fortmatic',
-      'keystone',
-      'lattice',
-      'ledger',
-      'opera',
-      'operaTouch',
-      'portis',
-      'tally',
-      'torus',
-      'trezor',
-      'trust',
-    ],
-    features: [
-      FEATURES.EIP1559,
-      FEATURES.ERC721,
-      FEATURES.SAFE_APPS,
-      FEATURES.SAFE_TX_GAS_OPTIONAL,
-      FEATURES.SPENDING_LIMIT,
-      FEATURES.TX_SIMULATION,
-    ],
-    balancesProvider: {
-      chainName: null,
-      enabled: false,
-    },
-  },
-  {
-    transactionService: 'https://safe-transaction.optimism.gnosis.io',
-    chainId: '10',
-    chainName: 'Optimism',
-    chainLogoUri: '',
-    shortName: 'oeth',
-    l2: true,
-    isTestnet: false,
-    description: '',
-    rpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://mainnet.optimism.io/' },
-    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://mainnet.optimism.io/' },
-    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://mainnet.optimism.io/' },
-    blockExplorerUriTemplate: {
-      address: 'https://optimistic.etherscan.io/address/{{address}}',
-      txHash: 'https://optimistic.etherscan.io/tx/{{txHash}}',
-      api: 'https://api-optimistic.etherscan.io/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
-    },
-    nativeCurrency: {
-      name: 'Ether',
-      symbol: 'OETH',
-      decimals: 18,
-      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/10/currency_logo.png',
-    },
-    theme: { textColor: '#ffffff', backgroundColor: '#F01A37' },
-    gasPrice: [],
-    disabledWallets: [
-      'authereum',
-      'fortmatic',
-      'keystone',
-      'lattice',
-      'ledger',
-      'opera',
-      'operaTouch',
-      'portis',
-      'tally',
-      'torus',
-      'trezor',
-      'trust',
-      'walletLink',
-    ],
-    features: [FEATURES.ERC721, FEATURES.SAFE_APPS, FEATURES.SAFE_TX_GAS_OPTIONAL, FEATURES.TX_SIMULATION],
-    balancesProvider: {
-      chainName: null,
-      enabled: false,
-    },
-  },
-  {
-    transactionService: 'https://safe-transaction.goerli.gnosis.io/',
-    chainId: '5',
-    chainName: 'Goerli',
-    chainLogoUri: '',
-    shortName: 'gor',
-    l2: true,
-    isTestnet: true,
-    description: 'Ethereum Testnet Görli',
-    rpcUri: { authentication: RPC_AUTHENTICATION.API_KEY_PATH, value: 'https://goerli.infura.io/v3/' },
-    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.API_KEY_PATH, value: 'https://goerli.infura.io/v3/' },
-    publicRpcUri: {
-      authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION,
-      value: 'https://goerli-light.eth.linkpool.io',
-    },
-    blockExplorerUriTemplate: {
-      address: 'https://goerli.etherscan.io/address/{{address}}',
-      txHash: 'https://goerli.etherscan.io/tx/{{txHash}}',
-      api: 'https://api-goerli.etherscan.io/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
-    },
-    nativeCurrency: {
-      name: 'Görli Ether',
-      symbol: 'GOR',
-      decimals: 18,
-      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/5/currency_logo.png',
-    },
-    theme: { textColor: '#ffffff', backgroundColor: '#FBC02D' },
-    gasPrice: [{ type: GAS_PRICE_TYPE.FIXED, weiValue: '24000000000' }],
-    disabledWallets: [
-      'authereum',
-      'coinbase',
-      'fortmatic',
-      'keystone',
-      'lattice',
-      'portis',
-      'tally',
-      'torus',
-      'trust',
-      'walletLink',
-    ],
-    features: [
-      FEATURES.DOMAIN_LOOKUP,
-      FEATURES.EIP1559,
-      FEATURES.ERC721,
-      FEATURES.SAFE_APPS,
-      FEATURES.SAFE_TX_GAS_OPTIONAL,
-      FEATURES.SPENDING_LIMIT,
-      FEATURES.TX_SIMULATION,
-    ],
-    balancesProvider: {
-      chainName: null,
-      enabled: false,
-    },
-  },
-  {
-    transactionService: 'https://safe-transaction.rinkeby.gnosis.io',
-    chainId: '4',
-    chainName: 'Rinkeby',
-    chainLogoUri: '',
-    shortName: 'rin',
-    l2: false,
-    isTestnet: true,
-    description: 'Ethereum testnet',
-    rpcUri: { authentication: RPC_AUTHENTICATION.API_KEY_PATH, value: 'https://rinkeby.infura.io/v3/' },
-    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.API_KEY_PATH, value: 'https://rinkeby.infura.io/v3/' },
-    publicRpcUri: {
-      authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION,
-      value: 'https://rinkeby-light.eth.linkpool.io/',
-    },
-    blockExplorerUriTemplate: {
-      address: 'https://rinkeby.etherscan.io/address/{{address}}',
-      txHash: 'https://rinkeby.etherscan.io/tx/{{txHash}}',
-      api: 'https://api-rinkeby.etherscan.io/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
-    },
-    nativeCurrency: {
-      name: 'Ether',
-      symbol: 'ETH',
-      decimals: 18,
-      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/4/currency_logo.png',
-    },
-    theme: { textColor: '#ffffff', backgroundColor: '#E8673C' },
-    ensRegistryAddress: '0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e',
-    gasPrice: [{ type: GAS_PRICE_TYPE.FIXED, weiValue: '24000000000' }],
-    disabledWallets: ['fortmatic', 'lattice', 'tally'],
-    features: [
-      FEATURES.DOMAIN_LOOKUP,
-      FEATURES.EIP1559,
-      FEATURES.ERC721,
-      FEATURES.SAFE_APPS,
-      FEATURES.SAFE_TX_GAS_OPTIONAL,
-      FEATURES.SPENDING_LIMIT,
-      FEATURES.TX_SIMULATION,
-    ],
-    balancesProvider: {
-      chainName: null,
-      enabled: false,
-    },
-  },
-  {
-    transactionService: 'https://safe-transaction.volta.gnosis.io',
-    chainId: '73799',
-    chainName: 'Volta',
-    chainLogoUri: '',
-    shortName: 'vt',
-    l2: true,
-    isTestnet: false,
-    description: '',
-    rpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://volta-rpc.energyweb.org' },
-    safeAppsRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://volta-rpc.energyweb.org' },
-    publicRpcUri: { authentication: RPC_AUTHENTICATION.NO_AUTHENTICATION, value: 'https://volta-rpc.energyweb.org' },
-    blockExplorerUriTemplate: {
-      address: 'https://volta-explorer.energyweb.org/address/{{address}}/transactions',
-      txHash: 'https://volta-explorer.energyweb.org/tx/{{txHash}}/internal-transactions',
-      api: 'https://volta-explorer.energyweb.org/api?module={{module}}&action={{action}}&address={{address}}&apiKey={{apiKey}}',
-    },
-    nativeCurrency: {
-      name: 'Volta Token',
-      symbol: 'VT',
-      decimals: 18,
-      logoUri: 'https://safe-transaction-assets.gnosis-safe.io/chains/73799/currency_logo.png',
-    },
-    theme: { textColor: '#ffffff', backgroundColor: '#514989' },
-    gasPrice: [{ type: GAS_PRICE_TYPE.FIXED, weiValue: '1000000' }],
-    disabledWallets: [
-      'authereum',
-      'coinbase',
-      'fortmatic',
-      'keystone',
-      'lattice',
-      'ledger',
-      'opera',
-      'operaTouch',
-      'portis',
-      'tally',
-      'torus',
-      'trezor',
-      'trust',
-      'walletLink',
-    ],
-    features: [
-      FEATURES.DOMAIN_LOOKUP,
-      FEATURES.ERC721,
-      FEATURES.SAFE_APPS,
-      FEATURES.SAFE_TX_GAS_OPTIONAL,
-      FEATURES.SPENDING_LIMIT,
-    ],
-    balancesProvider: {
-      chainName: null,
-      enabled: false,
-    },
-  },
-]
-
-export { CONFIG_SERVICE_CHAINS }
diff --git a/src/tests/test-utils.tsx b/src/tests/test-utils.tsx
deleted file mode 100644
index 81a95277f..000000000
--- a/src/tests/test-utils.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-import type { RenderHookOptions } from '@testing-library/react'
-import { render, renderHook } from '@testing-library/react'
-import type { NextRouter } from 'next/router'
-import { RouterContext } from 'next/dist/shared/lib/router-context.shared-runtime'
-import type { Theme } from '@mui/material/styles'
-import { ThemeProvider } from '@mui/material/styles'
-import SafeThemeProvider from '@/components/theme/SafeThemeProvider'
-import { type RootState, makeStore, useHydrateStore } from '@/store'
-import * as web3 from '@/hooks/wallets/web3'
-import { type JsonRpcProvider, AbiCoder } from 'ethers'
-import { id } from 'ethers'
-import { Provider } from 'react-redux'
-
-const mockRouter = (props: Partial<NextRouter> = {}): NextRouter => ({
-  asPath: '/',
-  basePath: '/',
-  back: jest.fn(() => Promise.resolve(true)),
-  beforePopState: jest.fn(() => Promise.resolve(true)),
-  events: {
-    on: jest.fn(),
-    off: jest.fn(),
-    emit: jest.fn(),
-  },
-
-  isFallback: false,
-  isLocaleDomain: true,
-  isPreview: true,
-  isReady: true,
-  pathname: '/',
-  push: jest.fn(() => Promise.resolve(true)),
-  prefetch: jest.fn(() => Promise.resolve()),
-  reload: jest.fn(() => Promise.resolve(true)),
-  replace: jest.fn(() => Promise.resolve(true)),
-  route: '/',
-  query: {},
-  forward: () => void 0,
-  ...props,
-})
-
-// Add in any providers here if necessary:
-// (ReduxProvider, ThemeProvider, etc)
-const getProviders: (options: {
-  routerProps?: Partial<NextRouter>
-  initialReduxState?: Partial<RootState>
-}) => React.FC<{ children: React.ReactElement }> = ({ routerProps, initialReduxState }) =>
-  function ProviderComponent({ children }) {
-    const store = makeStore(initialReduxState)
-
-    useHydrateStore(store)
-
-    return (
-      <Provider store={store}>
-        <RouterContext.Provider value={mockRouter(routerProps)}>
-          <SafeThemeProvider mode="light">
-            {(safeTheme: Theme) => <ThemeProvider theme={safeTheme}>{children}</ThemeProvider>}
-          </SafeThemeProvider>
-        </RouterContext.Provider>
-      </Provider>
-    )
-  }
-
-const customRender = (
-  ui: React.ReactElement,
-  options?: { routerProps?: Partial<NextRouter>; initialReduxState?: Partial<RootState> },
-) => {
-  const wrapper = getProviders({
-    routerProps: options?.routerProps || {},
-    initialReduxState: options?.initialReduxState,
-  })
-
-  return render(ui, { wrapper, ...options })
-}
-
-function customRenderHook<Result, Props>(
-  render: (initialProps: Props) => Result,
-  options?: RenderHookOptions<Props> & { routerProps?: Partial<NextRouter>; initialReduxState?: Partial<RootState> },
-) {
-  const wrapper = getProviders({
-    routerProps: options?.routerProps || {},
-    initialReduxState: options?.initialReduxState,
-  })
-
-  return renderHook(render, { wrapper, ...options })
-}
-
-type MockCallImplementation = {
-  signature: string
-  returnType: string
-  returnValue: unknown
-}
-
-/**
- * Creates a getWeb3 spy which returns a Web3Provider with a mocked `call` and `resolveName` function.
- *
- * @param callImplementations list of supported function calls and the mocked return value. i.e.
- * ```
- * [{
- *   signature: "balanceOf(address)",
- *   returnType: "uint256",
- *   returnValue: "200"
- * }]
- * ```
- * @param resolveName mock ens resolveName implementation
- * @returns web3provider jest spy
- */
-const mockWeb3Provider = (
-  callImplementations: MockCallImplementation[],
-  resolveName?: (name: string) => string,
-): JsonRpcProvider => {
-  const mockWeb3ReadOnly = {
-    call: jest.fn((tx: { data: string; to: string }) => {
-      {
-        const matchedImplementation = callImplementations.find((implementation) => {
-          return tx.data.startsWith(id(implementation.signature).slice(0, 10))
-        })
-
-        if (!matchedImplementation) {
-          throw new Error(`No matcher for call data: ${tx.data}`)
-        }
-
-        return AbiCoder.defaultAbiCoder().encode(
-          [matchedImplementation.returnType],
-          [matchedImplementation.returnValue],
-        )
-      }
-    }),
-    estimateGas: jest.fn(() => {
-      return Promise.resolve(50_000n)
-    }),
-    _isProvider: true,
-    resolveName,
-  } as unknown as JsonRpcProvider
-  jest.spyOn(web3, 'useWeb3ReadOnly').mockReturnValue(mockWeb3ReadOnly)
-  return mockWeb3ReadOnly
-}
-
-// re-export everything
-export * from '@testing-library/react'
-
-// override render method
-export { customRender as render }
-export { customRenderHook as renderHook }
-export { mockWeb3Provider }
diff --git a/src/tests/transactions.ts b/src/tests/transactions.ts
deleted file mode 100644
index 244e64e36..000000000
--- a/src/tests/transactions.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-import { solidityPacked, concat } from 'ethers'
-import { OperationType } from '@safe-global/safe-core-sdk-types'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
-
-import { ERC20__factory, ERC721__factory, Multi_send__factory } from '@/types/contracts'
-import EthSafeTransaction from '@safe-global/protocol-kit/dist/src/utils/transactions/SafeTransaction'
-
-export const getMockErc20TransferCalldata = (to: string) => {
-  const erc20Interface = ERC20__factory.createInterface()
-  return erc20Interface.encodeFunctionData('transfer', [
-    to,
-    0, // value
-  ])
-}
-
-export const getMockErc721TransferFromCalldata = (to: string) => {
-  const erc721Interface = ERC721__factory.createInterface()
-  return erc721Interface.encodeFunctionData('transferFrom', [
-    ZERO_ADDRESS, // from
-    to,
-    0, // value
-  ])
-}
-
-export const getMockErc721SafeTransferFromCalldata = (to: string) => {
-  const erc721Interface = ERC721__factory.createInterface()
-  return erc721Interface.encodeFunctionData('safeTransferFrom(address,address,uint256)', [
-    ZERO_ADDRESS, // from
-    to,
-    0, // value
-  ])
-}
-
-export const getMockErc721SafeTransferFromWithBytesCalldata = (to: string) => {
-  const erc721Interface = ERC721__factory.createInterface()
-  return erc721Interface.encodeFunctionData('safeTransferFrom(address,address,uint256,bytes)', [
-    ZERO_ADDRESS, // from
-    to,
-    0, // value
-    '0x', // bytes
-  ])
-}
-
-export const getMockMultiSendCalldata = (recipients: Array<string>): string => {
-  // MultiSendCallOnly
-  const OPERATION = 0
-
-  const data = '0x'
-
-  const internalTransactions = recipients.map((recipient) => {
-    return solidityPacked(
-      ['uint8', 'address', 'uint256', 'uint256', 'bytes'],
-      [
-        OPERATION,
-        recipient,
-        0, // value
-        data.length, // dataLength
-        data, // data
-      ],
-    )
-  })
-
-  const multiSendInterface = Multi_send__factory.createInterface()
-  return multiSendInterface.encodeFunctionData('multiSend', [concat(internalTransactions)])
-}
-
-// TODO: Replace with safeTxBuilder
-export const createMockSafeTransaction = ({
-  to,
-  data,
-  operation = OperationType.Call,
-  value,
-}: {
-  to: string
-  data: string
-  operation?: OperationType
-  value?: string
-}): SafeTransaction => {
-  return new EthSafeTransaction({
-    to,
-    data,
-    operation,
-    value: value || '0',
-    baseGas: '0',
-    gasPrice: '0',
-    gasToken: ZERO_ADDRESS,
-    nonce: 0,
-    refundReceiver: ZERO_ADDRESS,
-    safeTxGas: '0',
-  })
-}
diff --git a/src/utils/__tests__/addresses.test.ts b/src/utils/__tests__/addresses.test.ts
deleted file mode 100644
index fcfd3d10c..000000000
--- a/src/utils/__tests__/addresses.test.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import { checksumAddress, isChecksummedAddress, parsePrefixedAddress, sameAddress } from '../addresses'
-
-describe('Addresses', () => {
-  describe('checksumAddress', () => {
-    it('should checksum lowercase addresses', () => {
-      const value = checksumAddress('0x62da87ff2e2216f1858603a3db9313e178da3112')
-      expect(value).toBe('0x62Da87FF2E2216F1858603A3Db9313E178da3112')
-    })
-
-    it('should return checksummed addresses as is', () => {
-      const value = checksumAddress('0x62Da87FF2E2216F1858603A3Db9313E178da3112')
-      expect(value).toBe('0x62Da87FF2E2216F1858603A3Db9313E178da3112')
-    })
-
-    it('should return mixed case addresses as is', () => {
-      const value = checksumAddress('0x62Da87ff2E2216F1858603A3Db9313E178da3112')
-      expect(value).toBe('0x62Da87ff2E2216F1858603A3Db9313E178da3112')
-    })
-
-    it('should return uppercase addresses as is', () => {
-      const value = checksumAddress('0X62DA87FF2E2216F1858603A3DB9313E178DA3112')
-      expect(value).toBe('0X62DA87FF2E2216F1858603A3DB9313E178DA3112')
-    })
-
-    it('should return non-addresses as is', () => {
-      const value = checksumAddress('sdfgsdfg')
-      expect(value).toBe('sdfgsdfg')
-    })
-  })
-
-  describe('isChecksummedAddress', () => {
-    it('should return true for checksummed addresses', () => {
-      const value = isChecksummedAddress('0x62Da87FF2E2216F1858603A3Db9313E178da3112')
-      expect(value).toBe(true)
-    })
-
-    it('should return false for lowercase addresses', () => {
-      const value = isChecksummedAddress('0x62da87ff2e2216f1858603a3db9313e178da3112')
-      expect(value).toBe(false)
-    })
-
-    it('should return false for mixed case addresses', () => {
-      const value = isChecksummedAddress('0x62Da87ff2E2216F1858603A3Db9313E178da3112')
-      expect(value).toBe(false)
-    })
-
-    it('should return false for uppercase addresses', () => {
-      const value = isChecksummedAddress('0X62DA87FF2E2216F1858603A3DB9313E178DA3112')
-      expect(value).toBe(false)
-    })
-
-    it('should return false for non-/invalid addresses', () => {
-      const value = isChecksummedAddress('sdfgsdfg')
-      expect(value).toBe(false)
-    })
-  })
-
-  describe('sameAddress', () => {
-    it('returns false if the first or second address is undefined', () => {
-      const address = '0x62Da87FF2E2216F1858603A3Db9313E178da3112'
-      expect(sameAddress(undefined, address)).toBe(false)
-      expect(sameAddress(address, undefined)).toBe(false)
-    })
-
-    it('returns false if the addresses are different', () => {
-      const address1 = '0x62Da87FF2E2216F1858603A3Db9313E178da3112'
-      const address2 = '0x62Da87FF2E2216F1858603A3Db9313E178da3113'
-      expect(sameAddress(address1, address2)).toBe(false)
-    })
-
-    it('returns true if the addresses are the same', () => {
-      const address = '0x62Da87FF2E2216F1858603A3Db9313E178da3112'
-      expect(sameAddress(address, address)).toBe(true)
-    })
-  })
-
-  describe('parsePrefixedAddress', () => {
-    it('should parse a prefixed address', () => {
-      const { prefix, address } = parsePrefixedAddress('prefix:0x62Da87FF2E2216F1858603A3Db9313E178da3112')
-      expect(prefix).toBe('prefix')
-      expect(address).toBe('0x62Da87FF2E2216F1858603A3Db9313E178da3112')
-    })
-
-    it('should parse a non-prefixed address', () => {
-      const { prefix, address } = parsePrefixedAddress('0x62Da87FF2E2216F1858603A3Db9313E178da3112')
-      expect(prefix).toBeUndefined()
-      expect(address).toBe('0x62Da87FF2E2216F1858603A3Db9313E178da3112')
-    })
-
-    it('should checksum addresses', () => {
-      const { prefix, address } = parsePrefixedAddress('0x62da87ff2e2216f1858603a3db9313e178da3112')
-      expect(prefix).toBeUndefined()
-      expect(address).toBe('0x62Da87FF2E2216F1858603A3Db9313E178da3112')
-    })
-
-    it('should parse a non-addresses', () => {
-      const { prefix, address } = parsePrefixedAddress('sdfgsdfg')
-      expect(prefix).toBeUndefined()
-      expect(address).toBe('sdfgsdfg')
-    })
-  })
-})
diff --git a/src/utils/__tests__/chains.test.ts b/src/utils/__tests__/chains.test.ts
deleted file mode 100644
index ed8a0cf15..000000000
--- a/src/utils/__tests__/chains.test.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { hasFeature, getBlockExplorerLink, FEATURES } from '@/utils/chains'
-import { CONFIG_SERVICE_CHAINS } from '@/tests/mocks/chains'
-
-describe('chains', () => {
-  describe('hasFeature', () => {
-    it('returns true for a feature that exists', () => {
-      expect(hasFeature(CONFIG_SERVICE_CHAINS[0], FEATURES.ERC721)).toBe(true)
-    })
-
-    it("returns false for a feature that doesn't exists", () => {
-      expect(
-        hasFeature(
-          {
-            ...CONFIG_SERVICE_CHAINS[0],
-            features: [],
-          },
-          FEATURES.DOMAIN_LOOKUP,
-        ),
-      ).toBe(false)
-    })
-  })
-
-  describe('getExplorerLink', () => {
-    it('returns the correct link for an address', () => {
-      expect(getBlockExplorerLink(CONFIG_SERVICE_CHAINS[0], '0x123')).toEqual({
-        href: 'https://etherscan.io/address/0x123',
-        title: 'View on etherscan.io',
-      })
-    })
-
-    it('returns the correct link for a transaction', () => {
-      expect(
-        getBlockExplorerLink(CONFIG_SERVICE_CHAINS[0], '0x123436456456754735474574575475675435353453465645645656'),
-      ).toEqual({
-        href: 'https://etherscan.io/tx/0x123436456456754735474574575475675435353453465645645656',
-        title: 'View on etherscan.io',
-      })
-    })
-  })
-})
diff --git a/src/utils/__tests__/date.test.ts b/src/utils/__tests__/date.test.ts
deleted file mode 100644
index 71213cfee..000000000
--- a/src/utils/__tests__/date.test.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { getCountdown } from '../date'
-
-describe('getCountdown', () => {
-  it('should convert 0 seconds to 0 days, 0 hours, and 0 minutes', () => {
-    const result = getCountdown(0)
-    expect(result).toEqual({ days: 0, hours: 0, minutes: 0 })
-  })
-
-  it('should convert 3600 seconds to 0 days, 1 hour, and 0 minutes', () => {
-    const result = getCountdown(3600)
-    expect(result).toEqual({ days: 0, hours: 1, minutes: 0 })
-  })
-
-  it('should convert 86400 seconds to 1 day, 0 hours, and 0 minutes', () => {
-    const result = getCountdown(86400)
-    expect(result).toEqual({ days: 1, hours: 0, minutes: 0 })
-  })
-
-  it('should convert 123456 seconds to 1 day, 10 hours, and 17 minutes', () => {
-    const result = getCountdown(123456)
-    expect(result).toEqual({ days: 1, hours: 10, minutes: 17 })
-  })
-})
diff --git a/src/utils/__tests__/formatNumber.test.ts b/src/utils/__tests__/formatNumber.test.ts
deleted file mode 100644
index b3890ffc3..000000000
--- a/src/utils/__tests__/formatNumber.test.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { formatAmountPrecise, formatAmount, formatCurrency } from '@/utils/formatNumber'
-
-describe('formatNumber', () => {
-  describe('formatAmountPrecise', () => {
-    it('should format a number with a defined precision', () => {
-      expect(formatAmountPrecise(1234.5678, 2)).toBe('1,234.57')
-    })
-  })
-
-  describe('formatAmount', () => {
-    it('should format a number below 0.0001', () => {
-      expect(formatAmount(0.000000009)).toBe('< 0.00001')
-    })
-
-    it('should format a number below 1', () => {
-      expect(formatAmount(0.567811)).toBe('0.56781')
-    })
-
-    it('should format a number above 1', () => {
-      expect(formatAmount(285.1257657)).toBe('285.12577')
-    })
-
-    it('should abbreviate a number with more than 10 digits', () => {
-      expect(formatAmount(12345678901)).toBe('12.35B')
-    })
-
-    it('should abbreviate a number with more than a given amount of digits', () => {
-      expect(formatAmount(1234.12, 2, 4)).toBe('1.23K')
-    })
-  })
-
-  describe('formatCurrency', () => {
-    it('should format a 0', () => {
-      expect(formatCurrency(0, 'USD')).toBe('$ 0')
-    })
-
-    it('should format a number below 1', () => {
-      expect(formatCurrency(0.5678, 'USD')).toBe('$ 0.57')
-    })
-
-    it('should format a number above 1', () => {
-      expect(formatCurrency(285.1257657, 'EUR')).toBe('€ 285')
-    })
-
-    it('should abbreviate billions', () => {
-      expect(formatCurrency(12_345_678_901, 'USD')).toBe('$ 12.35B')
-    })
-
-    it('should abbreviate millions', () => {
-      expect(formatCurrency(9_589_009.543645, 'EUR')).toBe('€ 9.59M')
-    })
-
-    it('should abbreviate thousands', () => {
-      expect(formatCurrency(119_589.543645, 'EUR')).toBe('€ 119.59K')
-    })
-
-    it('should abbreviate a number with more than a given amount of digits', () => {
-      expect(formatCurrency(1234.12, 'USD', 4)).toBe('$ 1.23K')
-    })
-  })
-})
diff --git a/src/utils/__tests__/formatters.test.ts b/src/utils/__tests__/formatters.test.ts
deleted file mode 100644
index 72bb37350..000000000
--- a/src/utils/__tests__/formatters.test.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import * as formatters from '@/utils/formatters'
-
-describe('formatters', () => {
-  describe('removeTrailingZeros', () => {
-    it('strips trailing 0s', () => {
-      expect(formatters._removeTrailingZeros('0')).toBe('0')
-      expect(formatters._removeTrailingZeros('0.000')).toBe('0')
-
-      expect(formatters._removeTrailingZeros('10')).toBe('10')
-      expect(formatters._removeTrailingZeros('100')).toBe('100')
-
-      expect(formatters._removeTrailingZeros('0.100')).toBe('0.1')
-      expect(formatters._removeTrailingZeros('0.010')).toBe('0.01')
-
-      expect(formatters._removeTrailingZeros('1.101')).toBe('1.101')
-      expect(formatters._removeTrailingZeros('1.100')).toBe('1.1')
-      expect(formatters._removeTrailingZeros('1.100010')).toBe('1.10001')
-
-      expect(formatters._removeTrailingZeros('100.11')).toBe('100.11')
-      expect(formatters._removeTrailingZeros('100.10')).toBe('100.1')
-
-      expect(
-        formatters._removeTrailingZeros('1000000000000000000000000000000000000000000000000000000000000000001'),
-      ).toBe('1000000000000000000000000000000000000000000000000000000000000000001')
-      expect(
-        formatters._removeTrailingZeros('1000000000000000000000000000000000000000000000000000000000000000001.100'),
-      ).toBe('1000000000000000000000000000000000000000000000000000000000000000001.1')
-    })
-  })
-
-  describe('camelCaseToSpaces', () => {
-    it('should convert "safeTransferFrom" to "safe Transfer From"', () => {
-      expect(formatters.camelCaseToSpaces('safeTransferFrom')).toEqual('safe Transfer From')
-    })
-
-    it('should convert "depositERC20token" to "deposit ERC20 Token"', () => {
-      expect(formatters.camelCaseToSpaces('depositERC20Token')).toEqual('deposit ERC20 Token')
-    })
-  })
-
-  describe('safeFormatUnits', () => {
-    it('formats to gwei by default', () => {
-      const result1 = formatters.safeFormatUnits('1')
-      expect(result1).toBe('0.000000001')
-
-      const result2 = formatters.safeFormatUnits('100000000')
-      expect(result2).toBe('0.1')
-    })
-  })
-
-  describe('shortenAddress', () => {
-    it('should shorten an address', () => {
-      expect(formatters.shortenAddress('0x1234567890123456789012345678901234567890')).toEqual('0x1234...7890')
-    })
-
-    it('should shorten an address with custom length', () => {
-      expect(formatters.shortenAddress('0x1234567890123456789012345678901234567890', 5)).toEqual('0x12345...67890')
-    })
-
-    it('should return an empty string if passed a falsy value', () => {
-      expect(formatters.shortenAddress('', 5)).toEqual('')
-
-      // @ts-ignore - Invalid type
-      expect(formatters.shortenAddress(undefined, 5)).toEqual('')
-
-      // @ts-ignore - Invalid type
-      expect(formatters.shortenAddress(null, 5)).toEqual('')
-    })
-  })
-})
diff --git a/src/utils/chains.ts b/src/utils/chains.ts
deleted file mode 100644
index ae181213c..000000000
--- a/src/utils/chains.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { AppRoutes } from '@/config/routes'
-import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
-import { getExplorerLink } from './gateway'
-
-export enum FEATURES {
-  ERC721 = 'ERC721',
-  SAFE_APPS = 'SAFE_APPS',
-  DOMAIN_LOOKUP = 'DOMAIN_LOOKUP',
-  SPENDING_LIMIT = 'SPENDING_LIMIT',
-  EIP1559 = 'EIP1559',
-  SAFE_TX_GAS_OPTIONAL = 'SAFE_TX_GAS_OPTIONAL',
-  TX_SIMULATION = 'TX_SIMULATION',
-  DEFAULT_TOKENLIST = 'DEFAULT_TOKENLIST',
-  RELAYING = 'RELAYING',
-  EIP1271 = 'EIP1271',
-  RISK_MITIGATION = 'RISK_MITIGATION',
-  PUSH_NOTIFICATIONS = 'PUSH_NOTIFICATIONS',
-  NATIVE_WALLETCONNECT = 'NATIVE_WALLETCONNECT',
-  RECOVERY = 'RECOVERY',
-  COUNTERFACTUAL = 'COUNTERFACTUAL',
-  DELETE_TX = 'DELETE_TX',
-  SPEED_UP_TX = 'SPEED_UP_TX',
-  SAP_BANNER = 'SAP_BANNER',
-  NATIVE_SWAPS = 'NATIVE_SWAPS',
-  NATIVE_SWAPS_USE_COW_STAGING_SERVER = 'NATIVE_SWAPS_USE_COW_STAGING_SERVER',
-  NATIVE_SWAPS_FEE_ENABLED = 'NATIVE_SWAPS_FEE_ENABLED',
-  RELAY_NATIVE_SWAPS = 'RELAY_NATIVE_SWAPS',
-  ZODIAC_ROLES = 'ZODIAC_ROLES',
-}
-
-export const FeatureRoutes = {
-  [AppRoutes.apps.index]: FEATURES.SAFE_APPS,
-  [AppRoutes.swap]: FEATURES.NATIVE_SWAPS,
-  [AppRoutes.balances.nfts]: FEATURES.ERC721,
-  [AppRoutes.settings.notifications]: FEATURES.PUSH_NOTIFICATIONS,
-}
-
-export const hasFeature = (chain: ChainInfo, feature: FEATURES): boolean => {
-  return (chain.features as string[]).includes(feature)
-}
-
-export const getBlockExplorerLink = (
-  chain: ChainInfo,
-  address: string,
-): { href: string; title: string } | undefined => {
-  if (chain.blockExplorerUriTemplate) {
-    return getExplorerLink(address, chain.blockExplorerUriTemplate)
-  }
-}
-
-export const isRouteEnabled = (route: string, chain?: ChainInfo) => {
-  if (!chain) return false
-  const featureRoute = FeatureRoutes[route]
-  return !featureRoute || hasFeature(chain, featureRoute)
-}
diff --git a/src/utils/date.ts b/src/utils/date.ts
deleted file mode 100644
index e17522f8d..000000000
--- a/src/utils/date.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { format, formatDistanceToNow, formatRelative } from 'date-fns'
-
-export const currentMinutes = (): number => Math.floor(Date.now() / (1000 * 60))
-
-export const relativeTime = (baseTimeMin: string, resetTimeMin: string): string => {
-  if (resetTimeMin === '0') {
-    return 'One-time'
-  }
-
-  const baseTimeSeconds = +baseTimeMin * 60
-  const resetTimeSeconds = +resetTimeMin * 60
-  const nextResetTimeMilliseconds = (baseTimeSeconds + resetTimeSeconds) * 1000
-
-  return formatRelative(nextResetTimeMilliseconds, Date.now())
-}
-
-export const formatWithSchema = (timestamp: number, schema: string): string => format(timestamp, schema)
-
-export const formatTime = (timestamp: number): string => formatWithSchema(timestamp, 'h:mm a')
-
-export const formatDateTime = (timestamp: number): string => formatWithSchema(timestamp, 'MMM d, yyyy - h:mm:ss a')
-
-export const formatTimeInWords = (timestamp: number): string => formatDistanceToNow(timestamp, { addSuffix: true })
-
-export function getCountdown(seconds: number): { days: number; hours: number; minutes: number } {
-  const MINUTE_IN_SECONDS = 60
-  const HOUR_IN_SECONDS = 60 * MINUTE_IN_SECONDS
-  const DAY_IN_SECONDS = 24 * HOUR_IN_SECONDS
-
-  const days = Math.floor(seconds / DAY_IN_SECONDS)
-
-  const remainingSeconds = seconds % DAY_IN_SECONDS
-  const hours = Math.floor(remainingSeconds / HOUR_IN_SECONDS)
-  const minutes = Math.floor((remainingSeconds % HOUR_IN_SECONDS) / MINUTE_IN_SECONDS)
-
-  return { days, hours, minutes }
-}
-
-export function getPeriod(seconds: number): string | undefined {
-  const { days, hours, minutes } = getCountdown(seconds)
-
-  if (days > 0) {
-    return `${days} day${days === 1 ? '' : 's'}`
-  }
-
-  if (hours > 0) {
-    return `${hours} hour${hours === 1 ? '' : 's'}`
-  }
-
-  if (minutes > 0) {
-    return `${minutes} minute${minutes === 1 ? '' : 's'}`
-  }
-}
diff --git a/src/utils/formatNumber.ts b/src/utils/formatNumber.ts
deleted file mode 100644
index f0d0a1b20..000000000
--- a/src/utils/formatNumber.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-const locale = typeof navigator !== 'undefined' ? navigator.language : undefined
-
-/**
- * Intl.NumberFormat number formatter that adheres to our style guide
- * @param number Number to format
- */
-export const formatAmount = (number: string | number, precision = 5, maxLength = 6): string => {
-  const float = Number(number)
-  if (float === 0) return '0'
-  if (float === Math.round(float)) precision = 0
-  if (Math.abs(float) < 0.00001) return '< 0.00001'
-
-  const fullNum = new Intl.NumberFormat(locale, {
-    style: 'decimal',
-    maximumFractionDigits: precision,
-  }).format(float)
-
-  // +3 for the decimal point and the two decimal places
-  if (fullNum.length <= maxLength + 3) return fullNum
-
-  return new Intl.NumberFormat(locale, {
-    style: 'decimal',
-    notation: 'compact',
-    maximumFractionDigits: 2,
-  }).format(float)
-}
-
-/**
- * Returns a formatted number with a defined precision not adhering to our style guide compact notation
- * @param number Number to format
- * @param precision Fraction digits to show
- */
-export const formatAmountPrecise = (number: string | number, precision?: number): string => {
-  return new Intl.NumberFormat(locale, {
-    style: 'decimal',
-    maximumFractionDigits: precision,
-  }).format(Number(number))
-}
-
-/**
- * Currency formatter that appends the currency code
- * @param number Number to format
- * @param currency ISO 4217 currency code
- */
-export const formatCurrency = (number: string | number, currency: string, maxLength = 6): string => {
-  let float = Number(number)
-
-  let result = new Intl.NumberFormat(locale, {
-    style: 'currency',
-    currency,
-    currencyDisplay: 'narrowSymbol',
-    maximumFractionDigits: Math.abs(float) >= 1 || float === 0 ? 0 : 2,
-  }).format(float)
-
-  // +1 for the currency symbol
-  if (result.length > maxLength + 1) {
-    result = new Intl.NumberFormat(locale, {
-      style: 'currency',
-      currency,
-      currencyDisplay: 'narrowSymbol',
-      notation: 'compact',
-      maximumFractionDigits: 2,
-    }).format(float)
-  }
-
-  return result.replace(/^(\D+)/, '$1 ')
-}
diff --git a/src/utils/formatters.ts b/src/utils/formatters.ts
deleted file mode 100644
index bbff73c66..000000000
--- a/src/utils/formatters.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import type { BigNumberish } from 'ethers'
-import { formatUnits, parseUnits } from 'ethers'
-import { formatAmount, formatAmountPrecise } from './formatNumber'
-
-const GWEI = 'gwei'
-
-export const _removeTrailingZeros = (value: string): string => {
-  // Match `.000` or `.01000`
-  return value.replace(/\.0+$/, '').replace(/(\..*?)0+$/, '$1')
-}
-
-/**
- * Converts value to raw, specified decimal precision
- * @param value value in unspecified unit
- * @param decimals decimals of the specified value or unit name
- * @returns value at specified decimals, i.e. 0.000000000000000001
- */
-export const safeFormatUnits = (value: BigNumberish, decimals: number | string = GWEI): string => {
-  try {
-    const formattedAmount = formatUnits(value, decimals)
-
-    // ethers' `formatFixed` doesn't remove trailing 0s and using `parseFloat` can return exponentials
-    return _removeTrailingZeros(formattedAmount)
-  } catch (err) {
-    console.error('Error formatting units', err)
-    return ''
-  }
-}
-
-/**
- * Converts value to formatted (https://github.com/5afe/safe/wiki/How-to-format-amounts), specified decimal precision
- * @param value value in unspecified unit
- * @param decimals decimals of the specified value or unit name
- * @returns value at specified decimals, formatted, i.e. -< 0.00001
- */
-export const formatVisualAmount = (
-  value: BigNumberish,
-  decimals: number | string = GWEI,
-  precision?: number,
-): string => {
-  const amount = safeFormatUnits(value, decimals)
-  return precision ? formatAmountPrecise(amount, precision) : formatAmount(amount)
-}
-
-export const safeParseUnits = (value: string, decimals: number | string = GWEI): bigint | undefined => {
-  try {
-    return parseUnits(value, decimals)
-  } catch (err) {
-    console.error('Error parsing units', err)
-    return
-  }
-}
-
-export const shortenAddress = (address: string, length = 4): string => {
-  if (!address) {
-    return ''
-  }
-
-  return `${address.slice(0, length + 2)}...${address.slice(-length)}`
-}
-
-export const shortenText = (text: string, length = 10, separator = '...'): string => {
-  return `${text.slice(0, length)}${separator}`
-}
-
-export const dateString = (date: number) => {
-  const formatterOptions: Intl.DateTimeFormatOptions = {
-    month: 'numeric',
-    day: 'numeric',
-    year: 'numeric',
-    hour: 'numeric',
-    minute: 'numeric',
-    second: 'numeric',
-  }
-  return new Intl.DateTimeFormat(undefined, formatterOptions).format(new Date(date))
-}
-
-export const camelCaseToSpaces = (str: string): string => {
-  return str.replace(/[a-z0-9](?=[A-Z])/g, (str) => str + ' ')
-}
-
-export const ellipsis = (str: string, length: number): string => {
-  return str.length > length ? `${str.slice(0, length)}...` : str
-}
-
-export const capitalize = (str: string): string => {
-  return str.slice(0, 1).toUpperCase() + str.slice(1)
-}
-
-// Format the error message
-export const formatError = (error: Error & { reason?: string }): string => {
-  let { reason } = error
-  if (!reason) return ''
-  if (!reason.endsWith('.')) reason += '.'
-  return ` ${capitalize(reason)}`
-}
diff --git a/src/utils/gateway.ts b/src/utils/gateway.ts
deleted file mode 100644
index 12c657f01..000000000
--- a/src/utils/gateway.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import type { JsonRpcSigner } from 'ethers'
-import { type ChainInfo, deleteTransaction } from '@safe-global/safe-gateway-typescript-sdk'
-import { signTypedData } from './web3'
-
-export const _replaceTemplate = (uri: string, data: Record<string, string>): string => {
-  // Template syntax returned from gateway is {{this}}
-  const TEMPLATE_REGEX = /\{\{([^}]+)\}\}/g
-
-  return uri.replace(TEMPLATE_REGEX, (_, key: string) => data[key])
-}
-
-export const getHashedExplorerUrl = (
-  hash: string,
-  blockExplorerUriTemplate: ChainInfo['blockExplorerUriTemplate'],
-): string => {
-  const isTx = hash.length > 42
-  const param = isTx ? 'txHash' : 'address'
-
-  return _replaceTemplate(blockExplorerUriTemplate[param], { [param]: hash })
-}
-
-export const getExplorerLink = (
-  hash: string,
-  blockExplorerUriTemplate: ChainInfo['blockExplorerUriTemplate'],
-): { href: string; title: string } => {
-  const href = getHashedExplorerUrl(hash, blockExplorerUriTemplate)
-  const title = `View on ${new URL(href).hostname}`
-
-  return { href, title }
-}
-
-const signTxServiceMessage = async (
-  chainId: string,
-  safeAddress: string,
-  safeTxHash: string,
-  signer: JsonRpcSigner,
-): Promise<string> => {
-  return await signTypedData(signer, {
-    types: {
-      DeleteRequest: [
-        { name: 'safeTxHash', type: 'bytes32' },
-        { name: 'totp', type: 'uint256' },
-      ],
-    },
-    domain: {
-      name: 'Safe Transaction Service',
-      version: '1.0',
-      chainId,
-      verifyingContract: safeAddress,
-    },
-    message: {
-      safeTxHash,
-      totp: Math.floor(Date.now() / 3600e3),
-    },
-  })
-}
-
-export const deleteTx = async ({
-  chainId,
-  safeAddress,
-  safeTxHash,
-  signer,
-}: {
-  chainId: string
-  safeAddress: string
-  safeTxHash: string
-  signer: JsonRpcSigner
-}) => {
-  const signature = await signTxServiceMessage(chainId, safeAddress, safeTxHash, signer)
-  return await deleteTransaction(chainId, safeTxHash, signature)
-}
diff --git a/src/utils/helpers.ts b/src/utils/helpers.ts
deleted file mode 100644
index a66781819..000000000
--- a/src/utils/helpers.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-// `assert` does not work with arrow functions
-import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
-import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
-import type { OnboardAPI } from '@web3-onboard/core'
-import type { Eip1193Provider } from 'ethers'
-
-export function invariant<T extends unknown>(condition: T, error: string): asserts condition {
-  if (condition) {
-    return
-  }
-
-  throw new Error(error)
-}
-
-export function assertTx(safeTx: SafeTransaction | undefined): asserts safeTx {
-  return invariant(safeTx, 'Transaction not provided')
-}
-
-export function assertWallet(wallet: ConnectedWallet | null): asserts wallet {
-  return invariant(wallet, 'Wallet not connected')
-}
-
-export function assertOnboard(onboard: OnboardAPI | undefined): asserts onboard {
-  return invariant(onboard, 'Onboard not connected')
-}
-
-export function assertProvider(provider: Eip1193Provider | undefined): asserts provider {
-  return invariant(provider, 'Provider not found')
-}
diff --git a/src/utils/hex.ts b/src/utils/hex.ts
deleted file mode 100644
index 6ce32e472..000000000
--- a/src/utils/hex.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const isEmptyHexData = (encodedData: string): boolean => encodedData !== '' && isNaN(parseInt(encodedData, 16))
-
-export const numberToHex = (value: number) => `0x${value.toString(16)}`
diff --git a/src/utils/safe-message-guards.ts b/src/utils/safe-message-guards.ts
deleted file mode 100644
index 0bbf6d2ed..000000000
--- a/src/utils/safe-message-guards.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { SafeMessageListItemType } from '@safe-global/safe-gateway-typescript-sdk'
-import type { SafeMessageListItem, SafeMessage, SafeMessageDateLabel } from '@safe-global/safe-gateway-typescript-sdk'
-
-export const isSafeMessageListDateLabel = (item: SafeMessageListItem): item is SafeMessageDateLabel => {
-  return item.type === SafeMessageListItemType.DATE_LABEL
-}
-
-export const isSafeMessageListItem = (item: SafeMessageListItem): item is SafeMessage => {
-  return item.type === SafeMessageListItemType.MESSAGE
-}
diff --git a/src/utils/safe-messages.ts b/src/utils/safe-messages.ts
deleted file mode 100644
index 8a21cf772..000000000
--- a/src/utils/safe-messages.ts
+++ /dev/null
@@ -1,160 +0,0 @@
-import { getBytes, hashMessage, type TypedDataDomain, type JsonRpcSigner } from 'ethers'
-import { gte } from 'semver'
-import { adjustVInSignature } from '@safe-global/protocol-kit/dist/src/utils/signatures'
-
-import { hashTypedData } from '@/utils/web3'
-import { isValidAddress } from './validation'
-import { isWalletRejection } from '@/utils/wallets'
-import { getSupportedSigningMethods } from '@/services/tx/tx-sender/sdk'
-import {
-  type SafeInfo,
-  type SafeMessage,
-  type EIP712TypedData,
-  type ChainInfo,
-} from '@safe-global/safe-gateway-typescript-sdk'
-import { FEATURES } from '@/utils/chains'
-
-import { hasFeature } from './chains'
-import { asError } from '@/services/exceptions/utils'
-import { toChecksumAddress } from './rsk-utils'
-import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
-
-/*
- * From v1.3.0, EIP-1271 support was moved to the CompatibilityFallbackHandler.
- * Also 1.3.0 introduces the chainId in the domain part of the SafeMessage
- */
-const EIP1271_FALLBACK_HANDLER_SUPPORTED_SAFE_VERSION = '1.3.0'
-
-const EIP1271_SUPPORTED_SAFE_VERSION = '1.0.0'
-
-const EIP1271_OFFCHAIN_SUPPORTED_SAFE_APPS_SDK_VERSION = '7.11.0'
-
-const isHash = (payload: string) => /^0x[a-f0-9]+$/i.test(payload)
-
-/*
- * Typeguard for EIP712TypedData
- *
- */
-export const isEIP712TypedData = (obj: any): obj is EIP712TypedData => {
-  return typeof obj === 'object' && obj != null && 'domain' in obj && 'types' in obj && 'message' in obj
-}
-
-export const isBlindSigningPayload = (obj: EIP712TypedData | string): boolean => !isEIP712TypedData(obj) && isHash(obj)
-
-export const generateSafeMessageMessage = (message: SafeMessage['message']): string => {
-  return typeof message === 'string' ? hashMessage(message) : hashTypedData(message)
-}
-
-/**
- * Generates `SafeMessage` typed data for EIP-712
- * https://github.com/safe-global/safe-contracts/blob/main/contracts/handler/CompatibilityFallbackHandler.sol#L12
- * @param safe Safe which will sign the message
- * @param message Message to sign
- * @returns `SafeMessage` types for signing
- */
-export const generateSafeMessageTypedData = (
-  { version, chainId, address }: SafeInfo,
-  message: SafeMessage['message'],
-): EIP712TypedData => {
-  if (!version) {
-    throw Error('Cannot create SafeMessage without version information')
-  }
-  const isHandledByFallbackHandler = gte(version, EIP1271_FALLBACK_HANDLER_SUPPORTED_SAFE_VERSION)
-
-  return {
-    domain: isHandledByFallbackHandler
-      ? {
-          chainId,
-          verifyingContract: address.value,
-        }
-      : { verifyingContract: address.value },
-    types: {
-      SafeMessage: [{ name: 'message', type: 'bytes' }],
-    },
-    message: {
-      message: generateSafeMessageMessage(message),
-    },
-  }
-}
-
-export const generateSafeMessageHash = (safe: SafeInfo, message: SafeMessage['message']): string => {
-  const typedData = generateSafeMessageTypedData(safe, message)
-  return hashTypedData(typedData)
-}
-
-export const isOffchainEIP1271Supported = (
-  { version, fallbackHandler }: SafeInfo,
-  chain: ChainInfo | undefined,
-  sdkVersion?: string,
-): boolean => {
-  if (!version) {
-    return false
-  }
-
-  // check feature toggle
-  if (!chain || !hasFeature(chain, FEATURES.EIP1271)) {
-    return false
-  }
-
-  // If the Safe apps sdk does not support off-chain signing yet
-  if (sdkVersion && !gte(sdkVersion, EIP1271_OFFCHAIN_SUPPORTED_SAFE_APPS_SDK_VERSION)) {
-    return false
-  }
-
-  // Check if Safe has fallback handler
-  const isHandledByFallbackHandler = gte(version, EIP1271_FALLBACK_HANDLER_SUPPORTED_SAFE_VERSION)
-  if (isHandledByFallbackHandler) {
-    // Applying RSK address conversion
-    const rskFallbackHandlerAddress = toChecksumAddress(
-      fallbackHandler ? fallbackHandler.value : ZERO_ADDRESS,
-      chain.chainId,
-    )
-    // We only check if any fallback Handler is set as we expect / assume that users who overwrite the fallback handler by a custom one know what they are doing
-    return fallbackHandler !== null && isValidAddress(rskFallbackHandlerAddress, chain.chainId)
-  }
-
-  // check if Safe version supports EIP-1271
-  return gte(version, EIP1271_SUPPORTED_SAFE_VERSION)
-}
-
-export const tryOffChainMsgSigning = async (
-  signer: JsonRpcSigner,
-  safe: SafeInfo,
-  message: SafeMessage['message'],
-): Promise<string> => {
-  const signingMethods = getSupportedSigningMethods(safe.version)
-
-  for await (const [i, signingMethod] of signingMethods.entries()) {
-    try {
-      if (signingMethod === 'eth_signTypedData') {
-        const typedData = generateSafeMessageTypedData(safe, message)
-        const signature = await signer.signTypedData(
-          typedData.domain as TypedDataDomain,
-          typedData.types,
-          typedData.message,
-        )
-
-        // V needs adjustment when signing with ledger / trezor through metamask
-        return adjustVInSignature(signingMethod, signature)
-      }
-
-      if (signingMethod === 'eth_sign') {
-        const signerAddress = await signer.getAddress()
-
-        const messageHash = generateSafeMessageHash(safe, message)
-        const signature = await signer.signMessage(getBytes(messageHash))
-
-        return adjustVInSignature(signingMethod, signature, messageHash, signerAddress)
-      }
-    } catch (error) {
-      const isLastSigningMethod = i === signingMethods.length - 1
-
-      if (isWalletRejection(asError(error)) || isLastSigningMethod) {
-        throw error
-      }
-    }
-  }
-
-  // Won't be reached, but TS otherwise complains
-  throw new Error('No supported signing methods')
-}
diff --git a/src/utils/tokens.ts b/src/utils/tokens.ts
deleted file mode 100644
index 966a0dfc8..000000000
--- a/src/utils/tokens.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { getWeb3ReadOnly } from '@/hooks/wallets/web3'
-import { ERC20__factory } from '@/types/contracts'
-import { type TokenInfo, TokenType } from '@safe-global/safe-gateway-typescript-sdk'
-
-export const UNLIMITED_APPROVAL_AMOUNT = 2n ** 256n - 1n
-export const UNLIMITED_PERMIT2_AMOUNT = 2n ** 160n - 1n
-
-/**
- * Fetches ERC20 token symbol and decimals from on-chain.
- * @param address address of erc20 token
- */
-export const getERC20TokenInfoOnChain = async (
-  address: string,
-): Promise<Omit<TokenInfo, 'name' | 'logoUri'> | undefined> => {
-  const web3 = getWeb3ReadOnly()
-  if (!web3) return
-
-  const erc20 = ERC20__factory.connect(address, web3)
-  const [symbol, decimals] = await Promise.all([erc20.symbol(), erc20.decimals()])
-  return {
-    address,
-    symbol,
-    decimals: Number(decimals),
-    type: TokenType.ERC20,
-  }
-}
diff --git a/src/utils/transaction-guards.ts b/src/utils/transaction-guards.ts
deleted file mode 100644
index a92fe19a1..000000000
--- a/src/utils/transaction-guards.ts
+++ /dev/null
@@ -1,282 +0,0 @@
-import type {
-  AddressEx,
-  BaselineConfirmationView,
-  Cancellation,
-  ConflictHeader,
-  Creation,
-  Custom,
-  DateLabel,
-  DecodedDataResponse,
-  DetailedExecutionInfo,
-  Erc20Transfer,
-  Erc721Transfer,
-  ExecutionInfo,
-  Label,
-  ModuleExecutionDetails,
-  ModuleExecutionInfo,
-  MultiSend,
-  MultisigExecutionDetails,
-  MultisigExecutionInfo,
-  NativeCoinTransfer,
-  Order,
-  OrderConfirmationView,
-  SafeInfo,
-  SettingsChange,
-  SwapOrder,
-  SwapOrderConfirmationView,
-  Transaction,
-  TransactionInfo,
-  TransactionListItem,
-  TransactionSummary,
-  Transfer,
-  TransferInfo,
-  TwapOrder,
-  TwapOrderConfirmationView,
-} from '@safe-global/safe-gateway-typescript-sdk'
-import {
-  ConfirmationViewTypes,
-  ConflictType,
-  DetailedExecutionInfoType,
-  TransactionInfoType,
-  TransactionListItemType,
-  TransactionStatus,
-  TransactionTokenType,
-  TransferDirection,
-} from '@safe-global/safe-gateway-typescript-sdk'
-import { getSpendingLimitModuleAddress } from '@/services/contracts/spendingLimitContracts'
-import { sameAddress } from '@/utils/addresses'
-import type { NamedAddress } from '@/components/new-safe/create/types'
-import type { RecoveryQueueItem } from '@/features/recovery/services/recovery-state'
-import { ethers } from 'ethers'
-
-export const isTxQueued = (value: TransactionStatus): boolean => {
-  return [TransactionStatus.AWAITING_CONFIRMATIONS, TransactionStatus.AWAITING_EXECUTION].includes(value)
-}
-
-export const isAwaitingExecution = (txStatus: TransactionStatus): boolean =>
-  TransactionStatus.AWAITING_EXECUTION === txStatus
-
-const isAddressEx = (owners: AddressEx[] | NamedAddress[]): owners is AddressEx[] => {
-  return (owners as AddressEx[]).every((owner) => owner.value !== undefined)
-}
-
-export const isOwner = (safeOwners: AddressEx[] | NamedAddress[] = [], walletAddress?: string) => {
-  if (isAddressEx(safeOwners)) {
-    return safeOwners.some((owner) => sameAddress(owner.value, walletAddress))
-  }
-
-  return safeOwners.some((owner) => sameAddress(owner.address, walletAddress))
-}
-
-export const isMultisigDetailedExecutionInfo = (value?: DetailedExecutionInfo): value is MultisigExecutionDetails => {
-  return value?.type === DetailedExecutionInfoType.MULTISIG
-}
-
-export const isModuleDetailedExecutionInfo = (value?: DetailedExecutionInfo): value is ModuleExecutionDetails => {
-  return value?.type === DetailedExecutionInfoType.MODULE
-}
-
-// TransactionInfo type guards
-export const isTransferTxInfo = (value: TransactionInfo): value is Transfer => {
-  return value.type === TransactionInfoType.TRANSFER || isSwapTransferOrderTxInfo(value)
-}
-
-/**
- * A fulfillment transaction for swap, limit or twap order is always a SwapOrder
- * It cannot be a TWAP order
- *
- * @param value
- */
-export const isSwapTransferOrderTxInfo = (value: TransactionInfo): value is SwapOrder => {
-  return value.type === TransactionInfoType.SWAP_TRANSFER
-}
-
-export const isSettingsChangeTxInfo = (value: TransactionInfo): value is SettingsChange => {
-  return value.type === TransactionInfoType.SETTINGS_CHANGE
-}
-
-export const isCustomTxInfo = (value: TransactionInfo): value is Custom => {
-  return value.type === TransactionInfoType.CUSTOM
-}
-
-export const isMultiSendTxInfo = (value: TransactionInfo): value is MultiSend => {
-  return (
-    value.type === TransactionInfoType.CUSTOM &&
-    value.methodName === 'multiSend' &&
-    typeof value.actionCount === 'number'
-  )
-}
-
-export const isOrderTxInfo = (value: TransactionInfo): value is Order => {
-  return isSwapOrderTxInfo(value) || isTwapOrderTxInfo(value)
-}
-
-export const isSwapOrderTxInfo = (value: TransactionInfo): value is SwapOrder => {
-  return value.type === TransactionInfoType.SWAP_ORDER
-}
-
-export const isTwapOrderTxInfo = (value: TransactionInfo): value is TwapOrder => {
-  return value.type === TransactionInfoType.TWAP_ORDER
-}
-
-export const isConfirmationViewOrder = (
-  decodedData: DecodedDataResponse | BaselineConfirmationView | OrderConfirmationView | undefined,
-): decodedData is OrderConfirmationView => {
-  return isSwapConfirmationViewOrder(decodedData) || isTwapConfirmationViewOrder(decodedData)
-}
-
-export const isTwapConfirmationViewOrder = (
-  decodedData: DecodedDataResponse | BaselineConfirmationView | OrderConfirmationView | undefined,
-): decodedData is TwapOrderConfirmationView => {
-  if (decodedData && 'type' in decodedData) {
-    return decodedData.type === ConfirmationViewTypes.COW_SWAP_TWAP_ORDER
-  }
-
-  return false
-}
-
-export const isSwapConfirmationViewOrder = (
-  decodedData: DecodedDataResponse | BaselineConfirmationView | OrderConfirmationView | undefined,
-): decodedData is SwapOrderConfirmationView => {
-  if (decodedData && 'type' in decodedData) {
-    return decodedData.type === ConfirmationViewTypes.COW_SWAP_ORDER
-  }
-
-  return false
-}
-
-export const isCancelledSwapOrder = (value: TransactionInfo) => {
-  return isSwapOrderTxInfo(value) && value.status === 'cancelled'
-}
-
-export const isOpenSwapOrder = (value: TransactionInfo) => {
-  return isSwapOrderTxInfo(value) && value.status === 'open'
-}
-
-export const isCancellationTxInfo = (value: TransactionInfo): value is Cancellation => {
-  return isCustomTxInfo(value) && value.isCancellation
-}
-
-export const isCreationTxInfo = (value: TransactionInfo): value is Creation => {
-  return value.type === TransactionInfoType.CREATION
-}
-
-export const isOutgoingTransfer = (txInfo: TransactionInfo): boolean => {
-  return isTransferTxInfo(txInfo) && txInfo.direction.toUpperCase() === TransferDirection.OUTGOING
-}
-
-export const isIncomingTransfer = (txInfo: TransactionInfo): boolean => {
-  return isTransferTxInfo(txInfo) && txInfo.direction.toUpperCase() === TransferDirection.INCOMING
-}
-
-// TransactionListItem type guards
-export const isLabelListItem = (value: TransactionListItem): value is Label => {
-  return value.type === TransactionListItemType.LABEL
-}
-
-export const isConflictHeaderListItem = (value: TransactionListItem): value is ConflictHeader => {
-  return value.type === TransactionListItemType.CONFLICT_HEADER
-}
-
-export const isDateLabel = (value: TransactionListItem): value is DateLabel => {
-  return value.type === TransactionListItemType.DATE_LABEL
-}
-
-export const isTransactionListItem = (value: TransactionListItem): value is Transaction => {
-  return value.type === TransactionListItemType.TRANSACTION
-}
-
-export function isRecoveryQueueItem(value: TransactionListItem | RecoveryQueueItem): value is RecoveryQueueItem {
-  const EVENT_SIGNATURE = 'TransactionAdded(uint256,bytes32,address,uint256,bytes,uint8)'
-  return 'fragment' in value && ethers.id(EVENT_SIGNATURE) === value.fragment.topicHash
-}
-
-// Narrows `Transaction`
-export const isMultisigExecutionInfo = (value?: ExecutionInfo): value is MultisigExecutionInfo =>
-  value?.type === DetailedExecutionInfoType.MULTISIG
-
-export const isModuleExecutionInfo = (value?: ExecutionInfo): value is ModuleExecutionInfo =>
-  value?.type === DetailedExecutionInfoType.MODULE
-
-export const isSignableBy = (txSummary: TransactionSummary, walletAddress: string): boolean => {
-  const executionInfo = isMultisigExecutionInfo(txSummary.executionInfo) ? txSummary.executionInfo : undefined
-  return !!executionInfo?.missingSigners?.some((address) => address.value === walletAddress)
-}
-
-export const isConfirmableBy = (txSummary: TransactionSummary, walletAddress: string): boolean => {
-  if (!txSummary.executionInfo || !isMultisigExecutionInfo(txSummary.executionInfo)) {
-    return false
-  }
-  const { confirmationsRequired, confirmationsSubmitted } = txSummary.executionInfo
-  return (
-    confirmationsSubmitted >= confirmationsRequired ||
-    (confirmationsSubmitted === confirmationsRequired - 1 && isSignableBy(txSummary, walletAddress))
-  )
-}
-
-export const isExecutable = (txSummary: TransactionSummary, walletAddress: string, safe: SafeInfo): boolean => {
-  if (
-    !txSummary.executionInfo ||
-    !isMultisigExecutionInfo(txSummary.executionInfo) ||
-    safe.nonce !== txSummary.executionInfo.nonce
-  ) {
-    return false
-  }
-  return isConfirmableBy(txSummary, walletAddress)
-}
-
-// Spending limits
-enum SPENDING_LIMIT_METHODS_NAMES {
-  ADD_DELEGATE = 'addDelegate',
-  SET_ALLOWANCE = 'setAllowance',
-  EXECUTE_ALLOWANCE_TRANSFER = 'executeAllowanceTransfer',
-  DELETE_ALLOWANCE = 'deleteAllowance',
-}
-
-export type SpendingLimitMethods = 'setAllowance' | 'deleteAllowance'
-
-export const isSetAllowance = (method?: string): method is SpendingLimitMethods => {
-  return method === SPENDING_LIMIT_METHODS_NAMES.SET_ALLOWANCE
-}
-
-export const isDeleteAllowance = (method?: string): method is SpendingLimitMethods => {
-  return method === SPENDING_LIMIT_METHODS_NAMES.DELETE_ALLOWANCE
-}
-
-export const isSpendingLimitMethod = (method?: string): boolean => {
-  return isSetAllowance(method) || isDeleteAllowance(method)
-}
-
-export const isSupportedSpendingLimitAddress = (txInfo: TransactionInfo, chainId: string): boolean => {
-  const toAddress = isCustomTxInfo(txInfo) ? txInfo.to.value : ''
-  const spendingLimitModuleAddress = getSpendingLimitModuleAddress(chainId)
-
-  return sameAddress(spendingLimitModuleAddress, toAddress)
-}
-
-// Method parameter types
-export const isArrayParameter = (parameter: string): boolean => /(\[\d*?])+$/.test(parameter)
-export const isAddress = (type: string): boolean => type.indexOf('address') === 0
-export const isByte = (type: string): boolean => type.indexOf('byte') === 0
-
-export const isNoneConflictType = (transaction: Transaction) => {
-  return transaction.conflictType === ConflictType.NONE
-}
-export const isHasNextConflictType = (transaction: Transaction) => {
-  return transaction.conflictType === ConflictType.HAS_NEXT
-}
-export const isEndConflictType = (transaction: Transaction) => {
-  return transaction.conflictType === ConflictType.END
-}
-
-export const isNativeTokenTransfer = (value: TransferInfo): value is NativeCoinTransfer => {
-  return value.type === TransactionTokenType.NATIVE_COIN
-}
-
-export const isERC20Transfer = (value: TransferInfo): value is Erc20Transfer => {
-  return value.type === TransactionTokenType.ERC20
-}
-
-export const isERC721Transfer = (value: TransferInfo): value is Erc721Transfer => {
-  return value.type === TransactionTokenType.ERC721
-}
diff --git a/src/utils/transactions.ts b/src/utils/transactions.ts
deleted file mode 100644
index 97c2b028b..000000000
--- a/src/utils/transactions.ts
+++ /dev/null
@@ -1,304 +0,0 @@
-import type {
-  ChainInfo,
-  ExecutionInfo,
-  MultisigExecutionDetails,
-  MultisigExecutionInfo,
-  SafeAppData,
-  SafeInfo,
-  Transaction,
-  TransactionDetails,
-  TransactionListPage,
-  TransactionSummary,
-} from '@safe-global/safe-gateway-typescript-sdk'
-import { ConflictType, getTransactionDetails, TransactionListItemType } from '@safe-global/safe-gateway-typescript-sdk'
-import {
-  isERC20Transfer,
-  isModuleDetailedExecutionInfo,
-  isMultisigDetailedExecutionInfo,
-  isMultisigExecutionInfo,
-  isTransactionListItem,
-  isTransferTxInfo,
-  isTxQueued,
-} from './transaction-guards'
-import type { MetaTransactionData } from '@safe-global/safe-core-sdk-types/dist/src/types'
-import { OperationType } from '@safe-global/safe-core-sdk-types/dist/src/types'
-import { getReadOnlyGnosisSafeContract } from '@/services/contracts/safeContracts'
-import extractTxInfo from '@/services/tx/extractTxInfo'
-import type { AdvancedParameters } from '@/components/tx/AdvancedParams'
-import type { SafeTransaction, TransactionOptions } from '@safe-global/safe-core-sdk-types'
-import { FEATURES, hasFeature } from '@/utils/chains'
-import uniqBy from 'lodash/uniqBy'
-import { Errors, logError } from '@/services/exceptions'
-import { Multi_send__factory } from '@/types/contracts'
-import { toBeHex, AbiCoder } from 'ethers'
-import { type BaseTransaction } from '@safe-global/safe-apps-sdk'
-import { id } from 'ethers'
-import { isEmptyHexData } from '@/utils/hex'
-
-export const makeTxFromDetails = (txDetails: TransactionDetails): Transaction => {
-  const getMissingSigners = ({
-    signers,
-    confirmations,
-    confirmationsRequired,
-  }: MultisigExecutionDetails): MultisigExecutionInfo['missingSigners'] => {
-    if (confirmations.length >= confirmationsRequired) return
-
-    const missingSigners = signers.filter(({ value }) => {
-      const hasConfirmed = confirmations?.some(({ signer }) => signer?.value === value)
-      return !hasConfirmed
-    })
-
-    return missingSigners.length > 0 ? missingSigners : undefined
-  }
-
-  const getMultisigExecutionInfo = ({
-    detailedExecutionInfo,
-  }: TransactionDetails): MultisigExecutionInfo | undefined => {
-    if (!isMultisigDetailedExecutionInfo(detailedExecutionInfo)) return undefined
-
-    return {
-      type: detailedExecutionInfo.type,
-      nonce: detailedExecutionInfo.nonce,
-      confirmationsRequired: detailedExecutionInfo.confirmationsRequired,
-      confirmationsSubmitted: detailedExecutionInfo.confirmations?.length ?? 0,
-      missingSigners: getMissingSigners(detailedExecutionInfo),
-    }
-  }
-
-  const executionInfo: ExecutionInfo | undefined = isModuleDetailedExecutionInfo(txDetails.detailedExecutionInfo)
-    ? (txDetails.detailedExecutionInfo as ExecutionInfo)
-    : getMultisigExecutionInfo(txDetails)
-
-  // Will only be used as a fallback whilst waiting on backend tx creation cache
-  const now = Date.now()
-  const timestamp = isTxQueued(txDetails.txStatus)
-    ? isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo)
-      ? txDetails.detailedExecutionInfo.submittedAt
-      : now
-    : txDetails.executedAt ?? now
-
-  return {
-    type: TransactionListItemType.TRANSACTION,
-    transaction: {
-      id: txDetails.txId,
-      timestamp,
-      txStatus: txDetails.txStatus,
-      txInfo: txDetails.txInfo,
-      executionInfo,
-      safeAppInfo: txDetails?.safeAppInfo,
-      txHash: txDetails?.txHash || null,
-    },
-    conflictType: ConflictType.NONE,
-  }
-}
-
-const getSignatures = (confirmations: Record<string, string>) => {
-  return Object.entries(confirmations)
-    .filter(([_, signature]) => Boolean(signature))
-    .sort(([signerA], [signerB]) => signerA.toLowerCase().localeCompare(signerB.toLowerCase()))
-    .reduce((prev, [_, signature]) => {
-      return prev + signature.slice(2)
-    }, '0x')
-}
-
-export const getMultiSendTxs = async (
-  txs: TransactionDetails[],
-  chain: ChainInfo,
-  safeAddress: string,
-  safeVersion: string,
-): Promise<MetaTransactionData[]> => {
-  const readOnlySafeContract = await getReadOnlyGnosisSafeContract(chain, safeVersion)
-
-  return txs
-    .map((tx) => {
-      if (!isMultisigDetailedExecutionInfo(tx.detailedExecutionInfo)) return
-
-      const args = extractTxInfo(tx, safeAddress)
-      const sigs = getSignatures(args.signatures)
-
-      const data = readOnlySafeContract.encode('execTransaction', [
-        args.txParams.to,
-        args.txParams.value,
-        args.txParams.data,
-        args.txParams.operation,
-        args.txParams.safeTxGas,
-        args.txParams.baseGas,
-        args.txParams.gasPrice,
-        args.txParams.gasToken,
-        args.txParams.refundReceiver,
-        sigs,
-      ])
-
-      return {
-        operation: OperationType.Call,
-        to: safeAddress,
-        value: '0',
-        data,
-      }
-    })
-    .filter(Boolean) as MetaTransactionData[]
-}
-
-export const getTxsWithDetails = (txs: Transaction[], chainId: string) => {
-  return Promise.all(
-    txs.map(async (tx) => {
-      return await getTransactionDetails(chainId, tx.transaction.id)
-    }),
-  )
-}
-
-export const getTxOptions = (params: AdvancedParameters, currentChain: ChainInfo | undefined): TransactionOptions => {
-  const txOptions: TransactionOptions = {
-    gasLimit: params.gasLimit?.toString(),
-    maxFeePerGas: params.maxFeePerGas?.toString(),
-    maxPriorityFeePerGas: params.maxPriorityFeePerGas?.toString(),
-    nonce: params.userNonce,
-  }
-
-  // Some chains don't support EIP-1559 gas price params
-  if (currentChain && !hasFeature(currentChain, FEATURES.EIP1559)) {
-    txOptions.gasPrice = txOptions.maxFeePerGas
-    delete txOptions.maxFeePerGas
-    delete txOptions.maxPriorityFeePerGas
-  }
-
-  return txOptions
-}
-
-export const getQueuedTransactionCount = (txPage?: TransactionListPage): string => {
-  if (!txPage) {
-    return '0'
-  }
-
-  const queuedTxs = txPage.results.filter(isTransactionListItem)
-
-  const queuedTxsByNonce = uniqBy(queuedTxs, (item) =>
-    isMultisigExecutionInfo(item.transaction.executionInfo) ? item.transaction.executionInfo.nonce : '',
-  )
-
-  if (txPage.next) {
-    return `> ${queuedTxsByNonce.length}`
-  }
-
-  return queuedTxsByNonce.length.toString()
-}
-
-export const getTxOrigin = (app?: Partial<SafeAppData>): string | undefined => {
-  if (!app) return
-
-  const MAX_ORIGIN_LENGTH = 200
-  const { url = '', name = '' } = app
-  let origin: string | undefined
-
-  try {
-    // Must include empty string to avoid including the length of `undefined`
-    const maxUrlLength = MAX_ORIGIN_LENGTH - JSON.stringify({ url: '', name: '' }).length
-    const trimmedUrl = url.slice(0, maxUrlLength)
-
-    const maxNameLength = Math.max(0, maxUrlLength - trimmedUrl.length)
-    const trimmedName = name.slice(0, maxNameLength)
-
-    origin = JSON.stringify({ url: trimmedUrl, name: trimmedName })
-  } catch (e) {
-    logError(Errors._808, e)
-  }
-
-  return origin
-}
-
-export const hasEnoughSignatures = (tx: SafeTransaction, safe: SafeInfo) => tx.signatures.size >= safe.threshold
-
-const multiSendInterface = Multi_send__factory.createInterface()
-
-const multiSendFragment = multiSendInterface.getFunction('multiSend')
-
-const MULTISEND_SIGNATURE_HASH = id('multiSend(bytes)').slice(0, 10)
-
-export const decodeSafeTxToBaseTransactions = (safeTx: SafeTransaction): BaseTransaction[] => {
-  const txs: BaseTransaction[] = []
-  const safeTxData = safeTx.data.data
-  if (safeTxData.startsWith(MULTISEND_SIGNATURE_HASH)) {
-    txs.push(...decodeMultiSendTxs(safeTxData))
-  } else {
-    txs.push({
-      data: safeTxData,
-      value: safeTx.data.value,
-      to: safeTx.data.to,
-    })
-  }
-  return txs
-}
-
-/**
- * TODO: Use core-sdk
- * Decodes the transactions contained in `multiSend` call data
- *
- * @param encodedMultiSendData `multiSend` call data
- * @returns array of individual transaction data
- */
-export const decodeMultiSendTxs = (encodedMultiSendData: string): BaseTransaction[] => {
-  // uint8 operation, address to, uint256 value, uint256 dataLength
-  const INDIVIDUAL_TX_DATA_LENGTH = 2 + 40 + 64 + 64
-
-  const [decodedMultiSendData] = multiSendInterface.decodeFunctionData(multiSendFragment, encodedMultiSendData)
-
-  const txs: BaseTransaction[] = []
-
-  // Decode after 0x
-  let index = 2
-
-  while (index < decodedMultiSendData.length) {
-    const txDataEncoded = `0x${decodedMultiSendData.slice(
-      index,
-      // Traverse next transaction
-      (index += INDIVIDUAL_TX_DATA_LENGTH),
-    )}`
-
-    // Decode operation, to, value, dataLength
-    let txTo, txValue, txDataBytesLength
-    try {
-      ;[, txTo, txValue, txDataBytesLength] = AbiCoder.defaultAbiCoder().decode(
-        ['uint8', 'address', 'uint256', 'uint256'],
-        toBeHex(txDataEncoded, 32 * 4),
-      )
-    } catch (e) {
-      logError(Errors._809, e)
-      continue
-    }
-
-    // Each byte is represented by two characters
-    const dataLength = Number(txDataBytesLength) * 2
-
-    const txData = `0x${decodedMultiSendData.slice(
-      index,
-      // Traverse data length
-      (index += dataLength),
-    )}`
-
-    txs.push({
-      to: txTo,
-      value: txValue.toString(),
-      data: txData,
-    })
-  }
-
-  return txs
-}
-
-export const isRejectionTx = (tx?: SafeTransaction) => {
-  return !!tx && !!tx.data.data && isEmptyHexData(tx.data.data) && tx.data.value === '0'
-}
-
-export const isTrustedTx = (tx: TransactionSummary) => {
-  return (
-    isMultisigExecutionInfo(tx.executionInfo) ||
-    isModuleDetailedExecutionInfo(tx.executionInfo) ||
-    !isTransferTxInfo(tx.txInfo) ||
-    !isERC20Transfer(tx.txInfo.transferInfo) ||
-    Boolean(tx.txInfo.transferInfo.trusted)
-  )
-}
-
-export const isImitation = ({ txInfo }: TransactionSummary): boolean => {
-  return isTransferTxInfo(txInfo) && isERC20Transfer(txInfo.transferInfo) && Boolean(txInfo.transferInfo.imitation)
-}
diff --git a/src/utils/url.ts b/src/utils/url.ts
deleted file mode 100644
index d0322e474..000000000
--- a/src/utils/url.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-const trimTrailingSlash = (url: string): string => {
-  return url.replace(/\/$/, '')
-}
-
-const isSameUrl = (url1: string, url2: string): boolean => {
-  return trimTrailingSlash(url1) === trimTrailingSlash(url2)
-}
-export const prefixedAddressRe = /[a-z0-9-]+\:0x[a-f0-9]{40}/i
-const invalidProtocolRegex = /^(\W*)(javascript|data|vbscript)/im
-const ctrlCharactersRegex = /[\u0000-\u001F\u007F-\u009F\u2000-\u200D\uFEFF]/gim
-const urlSchemeRegex = /^([^:]+):/gm
-const relativeFirstCharacters = ['.', '/']
-const isRelativeUrl = (url: string): boolean => {
-  return relativeFirstCharacters.indexOf(url[0]) > -1
-}
-
-const sanitizeUrl = (url: string): string => {
-  const sanitizedUrl = url.replace(ctrlCharactersRegex, '').trim()
-
-  if (isRelativeUrl(sanitizedUrl)) {
-    return sanitizedUrl
-  }
-
-  const urlSchemeParseResults = sanitizedUrl.match(urlSchemeRegex)
-  if (!urlSchemeParseResults) {
-    return sanitizedUrl
-  }
-
-  const urlScheme = urlSchemeParseResults[0]
-  if (invalidProtocolRegex.test(urlScheme)) {
-    throw new Error('Invalid protocol')
-  }
-
-  return sanitizedUrl
-}
-
-export { trimTrailingSlash, isSameUrl, sanitizeUrl, isRelativeUrl }
diff --git a/src/utils/validation.ts b/src/utils/validation.ts
deleted file mode 100644
index 639f3fb56..000000000
--- a/src/utils/validation.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { parsePrefixedAddress, sameAddress, isChecksummedAddress } from './addresses'
-import { safeFormatUnits, safeParseUnits } from './formatters'
-
-export const validateAddress = (address: string, chainId?: string) => {
-  const ADDRESS_RE = /^0x[0-9a-f]{40}$/i
-
-  if (!ADDRESS_RE.test(address)) {
-    return 'Invalid address format'
-  }
-
-  if (!isChecksummedAddress(address, chainId)) {
-    return 'Invalid address checksum'
-  }
-}
-
-export const isValidAddress = (address: string, chainId?: string): boolean =>
-  validateAddress(address, chainId) === undefined
-
-export const validatePrefixedAddress =
-  (chainShortName?: string) =>
-  (value: string, chainId?: string): string | undefined => {
-    const { prefix, address } = parsePrefixedAddress(value, chainId)
-
-    if (prefix) {
-      if (prefix !== chainShortName) {
-        return `"${prefix}" doesn't match the current chain`
-      }
-    }
-
-    return validateAddress(address, chainId)
-  }
-
-export const uniqueAddress =
-  (addresses: string[] = []) =>
-  (address: string): string | undefined => {
-    const ADDRESS_REPEATED_ERROR = 'Address already added'
-    const addressExists = addresses.some((addressFromList) => sameAddress(addressFromList, address))
-    return addressExists ? ADDRESS_REPEATED_ERROR : undefined
-  }
-
-export const addressIsNotCurrentSafe =
-  (safeAddress: string) =>
-  (address: string): string | undefined => {
-    const SIGNER_ADDRESS_IS_SAFE_ADDRESS_ERROR = 'Cannot use Safe Account itself as signer.'
-    return sameAddress(safeAddress, address) ? SIGNER_ADDRESS_IS_SAFE_ADDRESS_ERROR : undefined
-  }
-
-export const FLOAT_REGEX = /^[0-9]+([,.][0-9]+)?$/
-
-export const validateAmount = (amount?: string, includingZero: boolean = false) => {
-  if (!amount || isNaN(Number(amount))) {
-    return 'The value must be a number'
-  }
-
-  if (includingZero ? parseFloat(amount) < 0 : parseFloat(amount) <= 0) {
-    return 'The value must be greater than 0'
-  }
-}
-
-export const validateLimitedAmount = (amount: string, decimals?: number, max?: string) => {
-  if (typeof decimals === 'undefined' || !max) return
-
-  const numberError = validateAmount(amount)
-  if (numberError) {
-    return numberError
-  }
-
-  const value = safeParseUnits(amount, decimals)
-
-  if (value !== undefined && value > BigInt(max)) {
-    return `Maximum value is ${safeFormatUnits(max, decimals)}`
-  }
-}
-
-export const validateDecimalLength = (value: string, maxLen?: number, minLen = 1) => {
-  if (typeof maxLen === 'undefined' || !value.includes('.')) {
-    return
-  }
-
-  if (maxLen === 0) {
-    return 'Should not have decimals'
-  }
-
-  const decimals = value.split('.')[1] || ''
-
-  if (decimals.length < +minLen || decimals.length > +maxLen) {
-    return `Should have ${minLen} to ${maxLen} decimals`
-  }
-}
-
-export const isValidURL = (url: string, protocolsAllowed = ['https:']): boolean => {
-  try {
-    const urlInfo = new URL(url)
-
-    return protocolsAllowed.includes(urlInfo.protocol) || urlInfo.hostname.split('.').pop() === 'localhost'
-  } catch (error) {
-    return false
-  }
-}
diff --git a/src/utils/wallets.ts b/src/utils/wallets.ts
deleted file mode 100644
index 9a2469e4d..000000000
--- a/src/utils/wallets.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import type { EthersError } from '@/utils/ethers-utils'
-import { type ConnectedWallet } from '@/hooks/wallets/useOnboard'
-import { getWeb3ReadOnly, isSmartContract } from '@/hooks/wallets/web3'
-import { WALLET_KEYS } from '@/hooks/wallets/consts'
-import memoize from 'lodash/memoize'
-import { PRIVATE_KEY_MODULE_LABEL } from '@/services/private-key-module'
-
-const WALLETCONNECT = 'WalletConnect'
-
-const isWCRejection = (err: Error): boolean => {
-  return /rejected/.test(err?.message)
-}
-
-const isEthersRejection = (err: EthersError): boolean => {
-  return err.code === 'ACTION_REJECTED'
-}
-
-export const isWalletRejection = (err: EthersError | Error): boolean => {
-  return isEthersRejection(err as EthersError) || isWCRejection(err)
-}
-
-export const isLedger = (wallet: ConnectedWallet): boolean => {
-  return wallet.label.toUpperCase() === WALLET_KEYS.LEDGER
-}
-
-export const isWalletConnect = (wallet: ConnectedWallet): boolean => {
-  return wallet.label.toLowerCase().startsWith(WALLETCONNECT.toLowerCase())
-}
-
-export const isHardwareWallet = (wallet: ConnectedWallet): boolean => {
-  return [WALLET_KEYS.LEDGER, WALLET_KEYS.TREZOR, WALLET_KEYS.KEYSTONE].includes(
-    wallet.label.toUpperCase() as WALLET_KEYS,
-  )
-}
-
-export const isSmartContractWallet = memoize(
-  async (_chainId: string, address: string) => {
-    const provider = getWeb3ReadOnly()
-
-    if (!provider) {
-      throw new Error('Provider not found')
-    }
-
-    return isSmartContract(provider, address)
-  },
-  (chainId, address) => chainId + address,
-)
-
-/* Check if the wallet is unlocked. */
-export const isWalletUnlocked = async (walletName: string): Promise<boolean | undefined> => {
-  if (walletName === PRIVATE_KEY_MODULE_LABEL) return true
-
-  const METAMASK_LIKE = ['MetaMask', 'Rabby Wallet', 'Zerion']
-
-  // Only MetaMask exposes a method to check if the wallet is unlocked
-  if (METAMASK_LIKE.includes(walletName)) {
-    if (typeof window === 'undefined' || !window.ethereum?._metamask) return false
-    try {
-      return await window.ethereum?._metamask.isUnlocked()
-    } catch {
-      return false
-    }
-  }
-
-  return false
-}
diff --git a/src/utils/web3.ts b/src/utils/web3.ts
deleted file mode 100644
index d9def7f18..000000000
--- a/src/utils/web3.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import type { JsonRpcSigner } from 'ethers'
-import { TypedDataEncoder } from 'ethers'
-import type { EIP712TypedData } from '@safe-global/safe-gateway-typescript-sdk'
-import type { TypedDataDomain } from 'ethers'
-import { adjustVInSignature } from '@safe-global/protocol-kit/dist/src/utils/signatures'
-import { SigningMethod } from '@safe-global/protocol-kit'
-
-export type EIP712Normalized = EIP712TypedData & { primaryType: string }
-
-export const hashTypedData = (typedData: EIP712TypedData): string => {
-  // `ethers` doesn't require `EIP712Domain` and otherwise throws
-  const { EIP712Domain: _, ...types } = typedData.types
-  return TypedDataEncoder.hash(typedData.domain as TypedDataDomain, types, typedData.message)
-}
-
-export const normalizeTypedData = (typedData: EIP712TypedData): EIP712Normalized => {
-  const { EIP712Domain: _, ...types } = typedData.types
-  const payload = TypedDataEncoder.getPayload(typedData.domain as TypedDataDomain, types, typedData.message)
-
-  // ethers v6 converts the chainId to a hex value:
-  // https://github.com/ethers-io/ethers.js/blob/50b74b8806ef2064f2764b09f89c7ac75fda3a3c/src.ts/hash/typed-data.ts#L75
-  // Our SDK expects a number, that's why we convert it here
-  // If this gets fixed here: https://github.com/safe-global/safe-eth-py/issues/748
-  // we can remove this workaround
-  if (payload.domain.chainId) {
-    payload.domain.chainId = Number(BigInt(payload.domain.chainId))
-  }
-
-  return payload
-}
-
-// Fall back to `eth_signTypedData` for Ledger that doesn't support `eth_signTypedData_v4`
-const signTypedDataFallback = async (signer: JsonRpcSigner, typedData: EIP712TypedData): Promise<string> => {
-  return await signer.provider.send('eth_signTypedData', [
-    signer.address.toLowerCase(),
-    TypedDataEncoder.getPayload(typedData.domain as TypedDataDomain, typedData.types, typedData.message),
-  ])
-}
-
-export const signTypedData = async (signer: JsonRpcSigner, typedData: EIP712TypedData): Promise<string> => {
-  const UNSUPPORTED_OPERATION = 'UNSUPPORTED_OPERATION'
-  let signature = ''
-  try {
-    const { domain, types, message } = typedData
-    signature = await signer.signTypedData(domain as TypedDataDomain, types, message)
-  } catch (e) {
-    if ((e as Error & { code: string }).code === UNSUPPORTED_OPERATION) {
-      signature = await signTypedDataFallback(signer, typedData)
-    } else {
-      throw e
-    }
-  }
-  return adjustVInSignature(SigningMethod.ETH_SIGN_TYPED_DATA, signature)
-}
diff --git a/tsconfig.json b/tsconfig.json
deleted file mode 100644
index d7d47b027..000000000
--- a/tsconfig.json
+++ /dev/null
@@ -1,50 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2020",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": [
-        "./src/*"
-      ],
-      "@/public/*": [
-        "./public/*"
-      ]
-    },
-    "plugins": [
-      {
-        "name": "typescript-plugin-css-modules"
-      },
-      {
-        "name": "next"
-      }
-    ]
-  },
-  "include": [
-    "next-env.d.ts",
-    "src/definitions.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules",
-    "src/types/contracts"
-  ]
-}
diff --git a/yarn.config.cjs b/yarn.config.cjs
new file mode 100644
index 000000000..6eb86a14b
--- /dev/null
+++ b/yarn.config.cjs
@@ -0,0 +1,89 @@
+/** @type {import('@yarnpkg/types')} */
+const { defineConfig } = require('@yarnpkg/types')
+
+const DEPS_TO_CHECK = [
+  'typescript',
+  'react',
+  'redux',
+  'react-redux',
+  '@reduxjs/toolkit',
+  'eslint',
+  'prettier',
+  'jest',
+  '@types/jest',
+  '@safe-global/protocol-kit',
+  '@safe-global/safe-apps-sdk',
+  '@safe-global/safe-client-gateway-sdk',
+  '@safe-global/safe-deployments',
+  '@safe-global/safe-gateway-typescript-sdk',
+  '@safe-global/safe-modules-deployments',
+  '@cowprotocol/app-data',
+]
+
+/**
+ * Detect and report different versions of specified dependencies across workspaces
+ *
+ * @param {Context} context
+ * @param {string[]} depsToCheck - Array of dependency names to check
+ */
+function detectInconsistentVersions({ Yarn }, depsToCheck = DEPS_TO_CHECK) {
+  const inconsistentDeps = new Map()
+
+  for (const depName of depsToCheck) {
+    const depVersions = new Map()
+
+    // Collect all dependencies of this type across workspaces
+    for (const dependency of Yarn.dependencies({ ident: depName })) {
+      if (dependency.type === `peerDependencies`) continue
+
+      // Try different ways to get the workspace name
+      let workspaceName = 'unknown'
+
+      if (dependency.workspace) {
+        workspaceName =
+          dependency.workspace.manifest?.name ||
+          dependency.workspace.locator?.name ||
+          dependency.workspace.cwd?.split('/').pop() ||
+          dependency.workspace.anchoredDescriptor?.name ||
+          'root'
+      } else {
+        workspaceName = 'root'
+      }
+
+      const version = dependency.range
+
+      if (!depVersions.has(version)) {
+        depVersions.set(version, [])
+      }
+      depVersions.get(version).push(workspaceName)
+    }
+
+    // Only report if there are inconsistencies
+    if (depVersions.size > 1) {
+      inconsistentDeps.set(depName, depVersions)
+    } else if (depVersions.size === 1) {
+      const [version, workspaces] = depVersions.entries().next().value
+      console.log(`✅ ${depName} version ${version} is consistent across ${workspaces.length} workspace(s)`)
+    }
+  }
+
+  // Report inconsistencies
+  if (inconsistentDeps.size > 0) {
+    console.log('\n🔍 Version inconsistencies detected:')
+    for (const [depName, versions] of inconsistentDeps.entries()) {
+      console.log(`\n📦 ${depName}:`)
+      for (const [version, workspaces] of versions.entries()) {
+        console.log(`  - ${version}: ${workspaces.join(', ')}`)
+      }
+    }
+    console.log('\n⚠️  Consider standardizing these dependency versions across all workspaces.\n')
+  } else {
+    console.log('\n✅ All specified dependencies have consistent versions across workspaces.\n')
+  }
+}
+
+module.exports = defineConfig({
+  constraints: async (ctx) => {
+    detectInconsistentVersions(ctx)
+  },
+})
diff --git a/yarn.lock b/yarn.lock
index 99d41efec..e55c7d8bb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1,20472 +1,38450 @@
-# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
-# yarn lockfile v1
-
-
-"@adobe/css-tools@^4.0.1", "@adobe/css-tools@^4.3.2":
-  version "4.3.3"
-  resolved "https://registry.yarnpkg.com/@adobe/css-tools/-/css-tools-4.3.3.tgz#90749bde8b89cd41764224f5aac29cd4138f75ff"
-  integrity sha512-rE0Pygv0sEZ4vBWHlAgJLGDU7Pm8xoO6p3wsEceb7GYAjScrOHpEo8KK/eVkAcnSM+slAEtXjA2JpdjLp4fJQQ==
-
-"@adraffy/ens-normalize@1.10.0":
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/@adraffy/ens-normalize/-/ens-normalize-1.10.0.tgz#d2a39395c587e092d77cbbc80acf956a54f38bf7"
-  integrity sha512-nA9XHtlAkYfJxY7bce8DcN7eKxWWCWkU+1GR9d+U6MbNpfwQp8TI7vqOsBsMcHoT4mBu2kypKoSKnghEzOOq5Q==
-
-"@adraffy/ens-normalize@1.10.1":
-  version "1.10.1"
-  resolved "https://registry.yarnpkg.com/@adraffy/ens-normalize/-/ens-normalize-1.10.1.tgz#63430d04bd8c5e74f8d7d049338f1cd9d4f02069"
-  integrity sha512-96Z2IP3mYmF1Xg2cDm8f1gWGf/HUVedQ3FMifV4kG/PQ4yEP51xDtRAEfhVNt5f/uzpNkZHwWQuUcu6D6K+Ekw==
-
-"@ampproject/remapping@^2.2.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.3.0.tgz#ed441b6fa600072520ce18b43d2c8cc8caecc7f4"
-  integrity sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==
-  dependencies:
-    "@jridgewell/gen-mapping" "^0.3.5"
-    "@jridgewell/trace-mapping" "^0.3.24"
-
-"@apideck/better-ajv-errors@^0.3.1":
-  version "0.3.6"
-  resolved "https://registry.yarnpkg.com/@apideck/better-ajv-errors/-/better-ajv-errors-0.3.6.tgz#957d4c28e886a64a8141f7522783be65733ff097"
-  integrity sha512-P+ZygBLZtkp0qqOAJJVX4oX/sFo5JR3eBWwwuqHHhK0GIgQOKWrAfiAaWX0aArHkRWHMuggFEgAZNxVPwPZYaA==
-  dependencies:
-    json-schema "^0.4.0"
-    jsonpointer "^5.0.0"
-    leven "^3.1.0"
-
-"@assemblyscript/loader@^0.9.4":
-  version "0.9.4"
-  resolved "https://registry.yarnpkg.com/@assemblyscript/loader/-/loader-0.9.4.tgz#a483c54c1253656bb33babd464e3154a173e1577"
-  integrity sha512-HazVq9zwTVwGmqdwYzu7WyQ6FQVZ7SwET0KKQuKm55jD0IfUpZgN0OPIiZG3zV1iSrVYcN0bdwLRXI/VNCYsUA==
-
-"@aw-web-design/x-default-browser@1.4.126":
-  version "1.4.126"
-  resolved "https://registry.yarnpkg.com/@aw-web-design/x-default-browser/-/x-default-browser-1.4.126.tgz#43e4bd8f0314ed907a8718d7e862a203af79bc16"
-  integrity sha512-Xk1sIhyNC/esHGGVjL/niHLowM0csl/kFO5uawBy4IrWwy0o1G8LGt3jP6nmWGz+USxeeqbihAmp/oVZju6wug==
-  dependencies:
-    default-browser-id "3.0.0"
-
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.7", "@babel/code-frame@^7.23.5", "@babel/code-frame@^7.24.2":
-  version "7.24.2"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.2.tgz#718b4b19841809a58b29b68cde80bc5e1aa6d9ae"
-  integrity sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==
-  dependencies:
-    "@babel/highlight" "^7.24.2"
-    picocolors "^1.0.0"
-
-"@babel/code-frame@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.7.tgz#882fd9e09e8ee324e496bd040401c6f046ef4465"
-  integrity sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==
-  dependencies:
-    "@babel/highlight" "^7.24.7"
-    picocolors "^1.0.0"
-
-"@babel/code-frame@~7.10.4":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a"
-  integrity sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==
-  dependencies:
-    "@babel/highlight" "^7.10.4"
-
-"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.23.5", "@babel/compat-data@^7.24.4":
-  version "7.24.4"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.4.tgz#6f102372e9094f25d908ca0d34fc74c74606059a"
-  integrity sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ==
-
-"@babel/core@^7.11.1", "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.18.9", "@babel/core@^7.19.6", "@babel/core@^7.23.0", "@babel/core@^7.23.9", "@babel/core@^7.24.4":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.5.tgz#15ab5b98e101972d171aeef92ac70d8d6718f06a"
-  integrity sha512-tVQRucExLQ02Boi4vdPp49svNGcfL2GhdTCT9aldhXgCJVAI21EtRfBettiuLUwce/7r6bFdgs6JFkcdTiFttA==
-  dependencies:
-    "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.24.2"
-    "@babel/generator" "^7.24.5"
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-module-transforms" "^7.24.5"
-    "@babel/helpers" "^7.24.5"
-    "@babel/parser" "^7.24.5"
-    "@babel/template" "^7.24.0"
-    "@babel/traverse" "^7.24.5"
-    "@babel/types" "^7.24.5"
-    convert-source-map "^2.0.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.2"
-    json5 "^2.2.3"
-    semver "^6.3.1"
-
-"@babel/generator@^7.24.4", "@babel/generator@^7.24.5", "@babel/generator@^7.7.2":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.5.tgz#e5afc068f932f05616b66713e28d0f04e99daeb3"
-  integrity sha512-x32i4hEXvr+iI0NEoEfDKzlemF8AmtOP8CcrRaEcpzysWuoEb1KknpcvMsHKPONoKZiDuItklgWhB18xEhr9PA==
-  dependencies:
-    "@babel/types" "^7.24.5"
-    "@jridgewell/gen-mapping" "^0.3.5"
-    "@jridgewell/trace-mapping" "^0.3.25"
-    jsesc "^2.5.1"
-
-"@babel/generator@^7.25.0":
-  version "7.25.0"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.25.0.tgz#f858ddfa984350bc3d3b7f125073c9af6988f18e"
-  integrity sha512-3LEEcj3PVW8pW2R1SR1M89g/qrYk/m/mB/tLqn7dn4sbBUQyTqnlod+II2U4dqiGtUmkcnAmkMDralTFZttRiw==
-  dependencies:
-    "@babel/types" "^7.25.0"
-    "@jridgewell/gen-mapping" "^0.3.5"
-    "@jridgewell/trace-mapping" "^0.3.25"
-    jsesc "^2.5.1"
-
-"@babel/helper-annotate-as-pure@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz#e7f06737b197d580a01edf75d97e2c8be99d3882"
-  integrity sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==
-  dependencies:
-    "@babel/types" "^7.22.5"
-
-"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.15":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz#5426b109cf3ad47b91120f8328d8ab1be8b0b956"
-  integrity sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==
-  dependencies:
-    "@babel/types" "^7.22.15"
-
-"@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.23.6":
-  version "7.23.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz#4d79069b16cbcf1461289eccfbbd81501ae39991"
-  integrity sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==
-  dependencies:
-    "@babel/compat-data" "^7.23.5"
-    "@babel/helper-validator-option" "^7.23.5"
-    browserslist "^4.22.2"
-    lru-cache "^5.1.1"
-    semver "^6.3.1"
-
-"@babel/helper-create-class-features-plugin@^7.24.1", "@babel/helper-create-class-features-plugin@^7.24.4", "@babel/helper-create-class-features-plugin@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.5.tgz#7d19da92c7e0cd8d11c09af2ce1b8e7512a6e723"
-  integrity sha512-uRc4Cv8UQWnE4NXlYTIIdM7wfFkOqlFztcC/gVXDKohKoVB3OyonfelUBaJzSwpBntZ2KYGF/9S7asCHsXwW6g==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-member-expression-to-functions" "^7.24.5"
-    "@babel/helper-optimise-call-expression" "^7.22.5"
-    "@babel/helper-replace-supers" "^7.24.1"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.24.5"
-    semver "^6.3.1"
-
-"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.22.15", "@babel/helper-create-regexp-features-plugin@^7.22.5":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz#5ee90093914ea09639b01c711db0d6775e558be1"
-  integrity sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    regexpu-core "^5.3.1"
-    semver "^6.3.1"
-
-"@babel/helper-define-polyfill-provider@^0.6.1", "@babel/helper-define-polyfill-provider@^0.6.2":
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.2.tgz#18594f789c3594acb24cfdb4a7f7b7d2e8bd912d"
-  integrity sha512-LV76g+C502biUK6AyZ3LK10vDpDyCzZnhZFXkH1L75zHPj68+qc8Zfpx2th+gzwA2MzyK+1g/3EPl62yFnVttQ==
-  dependencies:
-    "@babel/helper-compilation-targets" "^7.22.6"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    debug "^4.1.1"
-    lodash.debounce "^4.0.8"
-    resolve "^1.14.2"
-
-"@babel/helper-environment-visitor@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz#96159db61d34a29dba454c959f5ae4a649ba9167"
-  integrity sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==
-
-"@babel/helper-function-name@^7.23.0":
-  version "7.23.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz#1f9a3cdbd5b2698a670c30d2735f9af95ed52759"
-  integrity sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==
-  dependencies:
-    "@babel/template" "^7.22.15"
-    "@babel/types" "^7.23.0"
-
-"@babel/helper-hoist-variables@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb"
-  integrity sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==
-  dependencies:
-    "@babel/types" "^7.22.5"
-
-"@babel/helper-member-expression-to-functions@^7.23.0", "@babel/helper-member-expression-to-functions@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.24.5.tgz#5981e131d5c7003c7d1fa1ad49e86c9b097ec475"
-  integrity sha512-4owRteeihKWKamtqg4JmWSsEZU445xpFRXPEwp44HbgbxdWlUV1b4Agg4lkA806Lil5XM/e+FJyS0vj5T6vmcA==
-  dependencies:
-    "@babel/types" "^7.24.5"
-
-"@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.22.15", "@babel/helper-module-imports@^7.24.1", "@babel/helper-module-imports@^7.24.3":
-  version "7.24.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.3.tgz#6ac476e6d168c7c23ff3ba3cf4f7841d46ac8128"
-  integrity sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg==
-  dependencies:
-    "@babel/types" "^7.24.0"
-
-"@babel/helper-module-imports@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz#f2f980392de5b84c3328fc71d38bd81bbb83042b"
-  integrity sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==
-  dependencies:
-    "@babel/traverse" "^7.24.7"
-    "@babel/types" "^7.24.7"
-
-"@babel/helper-module-transforms@^7.23.3", "@babel/helper-module-transforms@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.24.5.tgz#ea6c5e33f7b262a0ae762fd5986355c45f54a545"
-  integrity sha512-9GxeY8c2d2mdQUP1Dye0ks3VDyIMS98kt/llQ2nUId8IsWqTF0l1LkSX0/uP7l7MCDrzXS009Hyhe2gzTiGW8A==
-  dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-module-imports" "^7.24.3"
-    "@babel/helper-simple-access" "^7.24.5"
-    "@babel/helper-split-export-declaration" "^7.24.5"
-    "@babel/helper-validator-identifier" "^7.24.5"
-
-"@babel/helper-optimise-call-expression@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz#f21531a9ccbff644fdd156b4077c16ff0c3f609e"
-  integrity sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==
-  dependencies:
-    "@babel/types" "^7.22.5"
-
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.24.0", "@babel/helper-plugin-utils@^7.24.5", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.5.tgz#a924607dd254a65695e5bd209b98b902b3b2f11a"
-  integrity sha512-xjNLDopRzW2o6ba0gKbkZq5YWEBaK3PCyTOY1K2P/O07LGMhMqlMXPxwN4S5/RhWuCobT8z0jrlKGlYmeR1OhQ==
-
-"@babel/helper-plugin-utils@^7.24.7":
-  version "7.24.8"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.8.tgz#94ee67e8ec0e5d44ea7baeb51e571bd26af07878"
-  integrity sha512-FFWx5142D8h2Mgr/iPVGH5G7w6jDn4jUSpZTyDnQO0Yn7Ks2Kuz6Pci8H6MPCoUJegd/UZQ3tAvfLCxQSnWWwg==
-
-"@babel/helper-remap-async-to-generator@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz#7b68e1cb4fa964d2996fd063723fb48eca8498e0"
-  integrity sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-wrap-function" "^7.22.20"
-
-"@babel/helper-replace-supers@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.24.1.tgz#7085bd19d4a0b7ed8f405c1ed73ccb70f323abc1"
-  integrity sha512-QCR1UqC9BzG5vZl8BMicmZ28RuUBnHhAMddD8yHFHDRH9lLTZ9uUPehX8ctVPT8l0TKblJidqcgUUKGVrePleQ==
-  dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-member-expression-to-functions" "^7.23.0"
-    "@babel/helper-optimise-call-expression" "^7.22.5"
-
-"@babel/helper-simple-access@^7.22.5", "@babel/helper-simple-access@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.24.5.tgz#50da5b72f58c16b07fbd992810be6049478e85ba"
-  integrity sha512-uH3Hmf5q5n7n8mz7arjUlDOCbttY/DW4DYhE6FUsjKJ/oYC1kQQUvwEQWxRwUpX9qQKRXeqLwWxrqilMrf32sQ==
-  dependencies:
-    "@babel/types" "^7.24.5"
-
-"@babel/helper-skip-transparent-expression-wrappers@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz#007f15240b5751c537c40e77abb4e89eeaaa8847"
-  integrity sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==
-  dependencies:
-    "@babel/types" "^7.22.5"
-
-"@babel/helper-split-export-declaration@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.5.tgz#b9a67f06a46b0b339323617c8c6213b9055a78b6"
-  integrity sha512-5CHncttXohrHk8GWOFCcCl4oRD9fKosWlIRgWm4ql9VYioKm52Mk2xsmoohvm7f3JoiLSM5ZgJuRaf5QZZYd3Q==
-  dependencies:
-    "@babel/types" "^7.24.5"
-
-"@babel/helper-string-parser@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz#f99c36d3593db9540705d0739a1f10b5e20c696e"
-  integrity sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==
-
-"@babel/helper-string-parser@^7.24.8":
-  version "7.24.8"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz#5b3329c9a58803d5df425e5785865881a81ca48d"
-  integrity sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==
-
-"@babel/helper-validator-identifier@^7.22.20", "@babel/helper-validator-identifier@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.5.tgz#918b1a7fa23056603506370089bd990d8720db62"
-  integrity sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA==
-
-"@babel/helper-validator-identifier@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz#75b889cfaf9e35c2aaf42cf0d72c8e91719251db"
-  integrity sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==
-
-"@babel/helper-validator-option@^7.23.5":
-  version "7.23.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz#907a3fbd4523426285365d1206c423c4c5520307"
-  integrity sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==
-
-"@babel/helper-wrap-function@^7.22.20":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.24.5.tgz#335f934c0962e2c1ed1fb9d79e06a56115067c09"
-  integrity sha512-/xxzuNvgRl4/HLNKvnFwdhdgN3cpLxgLROeLDl83Yx0AJ1SGvq1ak0OszTOjDfiB8Vx03eJbeDWh9r+jCCWttw==
-  dependencies:
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/template" "^7.24.0"
-    "@babel/types" "^7.24.5"
-
-"@babel/helpers@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.5.tgz#fedeb87eeafa62b621160402181ad8585a22a40a"
-  integrity sha512-CiQmBMMpMQHwM5m01YnrM6imUG1ebgYJ+fAIW4FZe6m4qHTPaRHti+R8cggAwkdz4oXhtO4/K9JWlh+8hIfR2Q==
-  dependencies:
-    "@babel/template" "^7.24.0"
-    "@babel/traverse" "^7.24.5"
-    "@babel/types" "^7.24.5"
-
-"@babel/highlight@^7.10.4", "@babel/highlight@^7.24.2":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.5.tgz#bc0613f98e1dd0720e99b2a9ee3760194a704b6e"
-  integrity sha512-8lLmua6AVh/8SLJRRVD6V8p73Hir9w5mJrhE+IPpILG31KKlI9iz5zmBYKcWPS59qSfgP9RaSBQSHHE81WKuEw==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.24.5"
-    chalk "^2.4.2"
-    js-tokens "^4.0.0"
-    picocolors "^1.0.0"
-
-"@babel/highlight@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.7.tgz#a05ab1df134b286558aae0ed41e6c5f731bf409d"
-  integrity sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.24.7"
-    chalk "^2.4.2"
-    js-tokens "^4.0.0"
-    picocolors "^1.0.0"
-
-"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.23.0", "@babel/parser@^7.23.9", "@babel/parser@^7.24.0", "@babel/parser@^7.24.4", "@babel/parser@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.5.tgz#4a4d5ab4315579e5398a82dcf636ca80c3392790"
-  integrity sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==
-
-"@babel/parser@^7.25.0", "@babel/parser@^7.25.3":
-  version "7.25.3"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.25.3.tgz#91fb126768d944966263f0657ab222a642b82065"
-  integrity sha512-iLTJKDbJ4hMvFPgQwwsVoxtHyWpKKPBrxkANrSYewDPaPpT5py5yeVkgPIJ7XYXhndxJpaA3PyALSXQ7u8e/Dw==
-  dependencies:
-    "@babel/types" "^7.25.2"
-
-"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.24.5.tgz#4c3685eb9cd790bcad2843900fe0250c91ccf895"
-  integrity sha512-LdXRi1wEMTrHVR4Zc9F8OewC3vdm5h4QB6L71zy6StmYeqGi1b3ttIO8UC+BfZKcH9jdr4aI249rBkm+3+YvHw==
-  dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-plugin-utils" "^7.24.5"
-
-"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.24.1.tgz#b645d9ba8c2bc5b7af50f0fe949f9edbeb07c8cf"
-  integrity sha512-y4HqEnkelJIOQGd+3g1bTeKsA5c6qM7eOn7VggGVbBc0y8MLSKHacwcIE2PplNlQSj0PqS9rrXL/nkPVK+kUNg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.24.1.tgz#da8261f2697f0f41b0855b91d3a20a1fbfd271d3"
-  integrity sha512-Hj791Ii4ci8HqnaKHAlLNs+zaLXb0EzSDhiAWp5VNlyvCNymYfacs64pxTxbH1znW/NcArSmwpmG9IKE/TUVVQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/plugin-transform-optional-chaining" "^7.24.1"
-
-"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.24.1.tgz#1181d9685984c91d657b8ddf14f0487a6bab2988"
-  integrity sha512-m9m/fXsXLiHfwdgydIFnpk+7jlVbnvlK5B2EKiPdLUb6WX654ZaaEWJUjk8TftRbZpK0XibovlLWX4KIZhV6jw==
-  dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
-  version "7.21.0-placeholder-for-preset-env.2"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz#7844f9289546efa9febac2de4cfe358a050bd703"
-  integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==
-
-"@babel/plugin-syntax-async-generators@^7.8.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
-  integrity sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-bigint@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz#4c9a6f669f5d0cdf1b90a1671e9a146be5300cea"
-  integrity sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-class-properties@^7.12.13", "@babel/plugin-syntax-class-properties@^7.8.3":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
-  integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
-
-"@babel/plugin-syntax-class-static-block@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz#195df89b146b4b78b3bf897fd7a257c84659d406"
-  integrity sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-syntax-dynamic-import@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
-  integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-export-namespace-from@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz#028964a9ba80dbc094c915c487ad7c4e7a66465a"
-  integrity sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-
-"@babel/plugin-syntax-flow@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.24.1.tgz#875c25e3428d7896c87589765fc8b9d32f24bd8d"
-  integrity sha512-sxi2kLTI5DeW5vDtMUsk4mTPwvlUDbjOnoWayhynCwrw4QXRld4QEYwqzY8JmQXaJUtgUuCIurtSRH5sn4c7mA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-syntax-import-assertions@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.24.1.tgz#db3aad724153a00eaac115a3fb898de544e34971"
-  integrity sha512-IuwnI5XnuF189t91XbxmXeCDz3qs6iDRO7GJ++wcfgeXNs/8FmIlKcpDSXNVyuLQxlwvskmI3Ct73wUODkJBlQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-syntax-import-attributes@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.1.tgz#c66b966c63b714c4eec508fcf5763b1f2d381093"
-  integrity sha512-zhQTMH0X2nVLnb04tz+s7AMuasX8U0FnpE+nHTOhSOINjWMnopoZTxtIKsd45n4GQ/HIZLyfIpoul8e2m0DnRA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-syntax-import-meta@^7.10.4", "@babel/plugin-syntax-import-meta@^7.8.3":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
-  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
-"@babel/plugin-syntax-json-strings@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
-  integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-jsx@^7.23.3", "@babel/plugin-syntax-jsx@^7.24.1", "@babel/plugin-syntax-jsx@^7.7.2":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.24.1.tgz#3f6ca04b8c841811dbc3c5c5f837934e0d626c10"
-  integrity sha512-2eCtxZXf+kbkMIsXS4poTvT4Yu5rXiRa+9xGVT56raghjmBTKMpFNc9R4IDiB4emao9eO22Ox7CxuJG7BgExqA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-syntax-logical-assignment-operators@^7.10.4", "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
-  integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
-"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
-  integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-numeric-separator@^7.10.4", "@babel/plugin-syntax-numeric-separator@^7.8.3":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
-  integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
-"@babel/plugin-syntax-object-rest-spread@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871"
-  integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-optional-catch-binding@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz#6111a265bcfb020eb9efd0fdfd7d26402b9ed6c1"
-  integrity sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-optional-chaining@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
-  integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-private-property-in-object@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz#0dc6671ec0ea22b6e94a1114f857970cd39de1ad"
-  integrity sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-syntax-top-level-await@^7.14.5", "@babel/plugin-syntax-top-level-await@^7.8.3":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
-  integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-syntax-typescript@^7.24.1", "@babel/plugin-syntax-typescript@^7.7.2":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.24.1.tgz#b3bcc51f396d15f3591683f90239de143c076844"
-  integrity sha512-Yhnmvy5HZEnHUty6i++gcfH1/l68AHnItFHnaCv6hn9dNh0hQvvQJsxpi4BMBFN5DLeHBuucT/0DgzXif/OyRw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz#d49a3b3e6b52e5be6740022317580234a6a47357"
-  integrity sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
-
-"@babel/plugin-transform-arrow-functions@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.24.1.tgz#2bf263617060c9cc45bcdbf492b8cc805082bf27"
-  integrity sha512-ngT/3NkRhsaep9ck9uj2Xhv9+xB1zShY3tM3g6om4xxCELwCDN4g4Aq5dRn48+0hasAql7s2hdBOysCfNpr4fw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-async-generator-functions@^7.24.3":
-  version "7.24.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.24.3.tgz#8fa7ae481b100768cc9842c8617808c5352b8b89"
-  integrity sha512-Qe26CMYVjpQxJ8zxM1340JFNjZaF+ISWpr1Kt/jGo+ZTUzKkfw/pphEWbRCb+lmSM6k/TOgfYLvmbHkUQ0asIg==
-  dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-remap-async-to-generator" "^7.22.20"
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-
-"@babel/plugin-transform-async-to-generator@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.24.1.tgz#0e220703b89f2216800ce7b1c53cb0cf521c37f4"
-  integrity sha512-AawPptitRXp1y0n4ilKcGbRYWfbbzFWz2NqNu7dacYDtFtz0CMjG64b3LQsb3KIgnf4/obcUL78hfaOS7iCUfw==
-  dependencies:
-    "@babel/helper-module-imports" "^7.24.1"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-remap-async-to-generator" "^7.22.20"
-
-"@babel/plugin-transform-block-scoped-functions@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.24.1.tgz#1c94799e20fcd5c4d4589523bbc57b7692979380"
-  integrity sha512-TWWC18OShZutrv9C6mye1xwtam+uNi2bnTOCBUd5sZxyHOiWbU6ztSROofIMrK84uweEZC219POICK/sTYwfgg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-block-scoping@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.24.5.tgz#89574191397f85661d6f748d4b89ee4d9ee69a2a"
-  integrity sha512-sMfBc3OxghjC95BkYrYocHL3NaOplrcaunblzwXhGmlPwpmfsxr4vK+mBBt49r+S240vahmv+kUxkeKgs+haCw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.5"
-
-"@babel/plugin-transform-class-properties@^7.22.5", "@babel/plugin-transform-class-properties@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.24.1.tgz#bcbf1aef6ba6085cfddec9fc8d58871cf011fc29"
-  integrity sha512-OMLCXi0NqvJfORTaPQBwqLXHhb93wkBKZ4aNwMl6WtehO7ar+cmp+89iPEQPqxAnxsOKTaMcs3POz3rKayJ72g==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.24.1"
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-class-static-block@^7.24.4":
-  version "7.24.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.24.4.tgz#1a4653c0cf8ac46441ec406dece6e9bc590356a4"
-  integrity sha512-B8q7Pz870Hz/q9UgP8InNpY01CSLDSCyqX7zcRuv3FcPl87A2G17lASroHWaCtbdIcbYzOZ7kWmXFKbijMSmFg==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.24.4"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-class-static-block" "^7.14.5"
-
-"@babel/plugin-transform-classes@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.24.5.tgz#05e04a09df49a46348299a0e24bfd7e901129339"
-  integrity sha512-gWkLP25DFj2dwe9Ck8uwMOpko4YsqyfZJrOmqqcegeDYEbp7rmn4U6UQZNj08UF6MaX39XenSpKRCvpDRBtZ7Q==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-plugin-utils" "^7.24.5"
-    "@babel/helper-replace-supers" "^7.24.1"
-    "@babel/helper-split-export-declaration" "^7.24.5"
-    globals "^11.1.0"
-
-"@babel/plugin-transform-computed-properties@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.24.1.tgz#bc7e787f8e021eccfb677af5f13c29a9934ed8a7"
-  integrity sha512-5pJGVIUfJpOS+pAqBQd+QMaTD2vCL/HcePooON6pDpHgRp4gNRmzyHTPIkXntwKsq3ayUFVfJaIKPw2pOkOcTw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/template" "^7.24.0"
-
-"@babel/plugin-transform-destructuring@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.5.tgz#80843ee6a520f7362686d1a97a7b53544ede453c"
-  integrity sha512-SZuuLyfxvsm+Ah57I/i1HVjveBENYK9ue8MJ7qkc7ndoNjqquJiElzA7f5yaAXjyW2hKojosOTAQQRX50bPSVg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.5"
-
-"@babel/plugin-transform-dotall-regex@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.24.1.tgz#d56913d2f12795cc9930801b84c6f8c47513ac13"
-  integrity sha512-p7uUxgSoZwZ2lPNMzUkqCts3xlp8n+o05ikjy7gbtFJSt9gdU88jAmtfmOxHM14noQXBxfgzf2yRWECiNVhTCw==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-duplicate-keys@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.24.1.tgz#5347a797fe82b8d09749d10e9f5b83665adbca88"
-  integrity sha512-msyzuUnvsjsaSaocV6L7ErfNsa5nDWL1XKNnDePLgmz+WdU4w/J8+AxBMrWfi9m4IxfL5sZQKUPQKDQeeAT6lA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-dynamic-import@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.24.1.tgz#2a5a49959201970dd09a5fca856cb651e44439dd"
-  integrity sha512-av2gdSTyXcJVdI+8aFZsCAtR29xJt0S5tas+Ef8NvBNmD1a+N/3ecMLeMBgfcK+xzsjdLDT6oHt+DFPyeqUbDA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
-
-"@babel/plugin-transform-exponentiation-operator@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.24.1.tgz#6650ebeb5bd5c012d5f5f90a26613a08162e8ba4"
-  integrity sha512-U1yX13dVBSwS23DEAqU+Z/PkwE9/m7QQy8Y9/+Tdb8UWYaGNDYwTLi19wqIAiROr8sXVum9A/rtiH5H0boUcTw==
-  dependencies:
-    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-export-namespace-from@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.24.1.tgz#f033541fc036e3efb2dcb58eedafd4f6b8078acd"
-  integrity sha512-Ft38m/KFOyzKw2UaJFkWG9QnHPG/Q/2SkOrRk4pNBPg5IPZ+dOxcmkK5IyuBcxiNPyyYowPGUReyBvrvZs7IlQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
-
-"@babel/plugin-transform-flow-strip-types@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.24.1.tgz#fa8d0a146506ea195da1671d38eed459242b2dcc"
-  integrity sha512-iIYPIWt3dUmUKKE10s3W+jsQ3icFkw0JyRVyY1B7G4yK/nngAOHLVx8xlhA6b/Jzl/Y0nis8gjqhqKtRDQqHWQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-flow" "^7.24.1"
-
-"@babel/plugin-transform-for-of@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.24.1.tgz#67448446b67ab6c091360ce3717e7d3a59e202fd"
-  integrity sha512-OxBdcnF04bpdQdR3i4giHZNZQn7cm8RQKcSwA17wAAqEELo1ZOwp5FFgeptWUQXFyT9kwHo10aqqauYkRZPCAg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-
-"@babel/plugin-transform-function-name@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.24.1.tgz#8cba6f7730626cc4dfe4ca2fa516215a0592b361"
-  integrity sha512-BXmDZpPlh7jwicKArQASrj8n22/w6iymRnvHYYd2zO30DbE277JO20/7yXJT3QxDPtiQiOxQBbZH4TpivNXIxA==
-  dependencies:
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-json-strings@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.24.1.tgz#08e6369b62ab3e8a7b61089151b161180c8299f7"
-  integrity sha512-U7RMFmRvoasscrIFy5xA4gIp8iWnWubnKkKuUGJjsuOH7GfbMkB+XZzeslx2kLdEGdOJDamEmCqOks6e8nv8DQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
-
-"@babel/plugin-transform-literals@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.24.1.tgz#0a1982297af83e6b3c94972686067df588c5c096"
-  integrity sha512-zn9pwz8U7nCqOYIiBaOxoQOtYmMODXTJnkxG4AtX8fPmnCRYWBOHD0qcpwS9e2VDSp1zNJYpdnFMIKb8jmwu6g==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-logical-assignment-operators@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.24.1.tgz#719d8aded1aa94b8fb34e3a785ae8518e24cfa40"
-  integrity sha512-OhN6J4Bpz+hIBqItTeWJujDOfNP+unqv/NJgyhlpSqgBTPm37KkMmZV6SYcOj+pnDbdcl1qRGV/ZiIjX9Iy34w==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
-
-"@babel/plugin-transform-member-expression-literals@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.24.1.tgz#896d23601c92f437af8b01371ad34beb75df4489"
-  integrity sha512-4ojai0KysTWXzHseJKa1XPNXKRbuUrhkOPY4rEGeR+7ChlJVKxFa3H3Bz+7tWaGKgJAXUWKOGmltN+u9B3+CVg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-modules-amd@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.24.1.tgz#b6d829ed15258536977e9c7cc6437814871ffa39"
-  integrity sha512-lAxNHi4HVtjnHd5Rxg3D5t99Xm6H7b04hUS7EHIXcUl2EV4yl1gWdqZrNzXnSrHveL9qMdbODlLF55mvgjAfaQ==
-  dependencies:
-    "@babel/helper-module-transforms" "^7.23.3"
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-modules-commonjs@^7.23.0", "@babel/plugin-transform-modules-commonjs@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.1.tgz#e71ba1d0d69e049a22bf90b3867e263823d3f1b9"
-  integrity sha512-szog8fFTUxBfw0b98gEWPaEqF42ZUD/T3bkynW/wtgx2p/XCP55WEsb+VosKceRSd6njipdZvNogqdtI4Q0chw==
-  dependencies:
-    "@babel/helper-module-transforms" "^7.23.3"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-simple-access" "^7.22.5"
-
-"@babel/plugin-transform-modules-systemjs@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.24.1.tgz#2b9625a3d4e445babac9788daec39094e6b11e3e"
-  integrity sha512-mqQ3Zh9vFO1Tpmlt8QPnbwGHzNz3lpNEMxQb1kAemn/erstyqw1r9KeOlOfo3y6xAnFEcOv2tSyrXfmMk+/YZA==
-  dependencies:
-    "@babel/helper-hoist-variables" "^7.22.5"
-    "@babel/helper-module-transforms" "^7.23.3"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-validator-identifier" "^7.22.20"
-
-"@babel/plugin-transform-modules-umd@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.24.1.tgz#69220c66653a19cf2c0872b9c762b9a48b8bebef"
-  integrity sha512-tuA3lpPj+5ITfcCluy6nWonSL7RvaG0AOTeAuvXqEKS34lnLzXpDb0dcP6K8jD0zWZFNDVly90AGFJPnm4fOYg==
-  dependencies:
-    "@babel/helper-module-transforms" "^7.23.3"
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-named-capturing-groups-regex@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz#67fe18ee8ce02d57c855185e27e3dc959b2e991f"
-  integrity sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
-
-"@babel/plugin-transform-new-target@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.24.1.tgz#29c59988fa3d0157de1c871a28cd83096363cc34"
-  integrity sha512-/rurytBM34hYy0HKZQyA0nHbQgQNFm4Q/BOc9Hflxi2X3twRof7NaE5W46j4kQitm7SvACVRXsa6N/tSZxvPug==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-nullish-coalescing-operator@^7.22.11", "@babel/plugin-transform-nullish-coalescing-operator@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.24.1.tgz#0cd494bb97cb07d428bd651632cb9d4140513988"
-  integrity sha512-iQ+caew8wRrhCikO5DrUYx0mrmdhkaELgFa+7baMcVuhxIkN7oxt06CZ51D65ugIb1UWRQ8oQe+HXAVM6qHFjw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-
-"@babel/plugin-transform-numeric-separator@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.24.1.tgz#5bc019ce5b3435c1cadf37215e55e433d674d4e8"
-  integrity sha512-7GAsGlK4cNL2OExJH1DzmDeKnRv/LXq0eLUSvudrehVA5Rgg4bIrqEUW29FbKMBRT0ztSqisv7kjP+XIC4ZMNw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
-
-"@babel/plugin-transform-object-rest-spread@^7.24.1", "@babel/plugin-transform-object-rest-spread@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.24.5.tgz#f91bbcb092ff957c54b4091c86bda8372f0b10ef"
-  integrity sha512-7EauQHszLGM3ay7a161tTQH7fj+3vVM/gThlz5HpFtnygTxjrlvoeq7MPVA1Vy9Q555OB8SnAOsMkLShNkkrHA==
-  dependencies:
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-plugin-utils" "^7.24.5"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-transform-parameters" "^7.24.5"
-
-"@babel/plugin-transform-object-super@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.24.1.tgz#e71d6ab13483cca89ed95a474f542bbfc20a0520"
-  integrity sha512-oKJqR3TeI5hSLRxudMjFQ9re9fBVUU0GICqM3J1mi8MqlhVr6hC/ZN4ttAyMuQR6EZZIY6h/exe5swqGNNIkWQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-replace-supers" "^7.24.1"
-
-"@babel/plugin-transform-optional-catch-binding@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.24.1.tgz#92a3d0efe847ba722f1a4508669b23134669e2da"
-  integrity sha512-oBTH7oURV4Y+3EUrf6cWn1OHio3qG/PVwO5J03iSJmBg6m2EhKjkAu/xuaXaYwWW9miYtvbWv4LNf0AmR43LUA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-
-"@babel/plugin-transform-optional-chaining@^7.23.0", "@babel/plugin-transform-optional-chaining@^7.24.1", "@babel/plugin-transform-optional-chaining@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.5.tgz#a6334bebd7f9dd3df37447880d0bd64b778e600f"
-  integrity sha512-xWCkmwKT+ihmA6l7SSTpk8e4qQl/274iNbSKRRS8mpqFR32ksy36+a+LWY8OXCCEefF8WFlnOHVsaDI2231wBg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.5"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-
-"@babel/plugin-transform-parameters@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.24.5.tgz#5c3b23f3a6b8fed090f9b98f2926896d3153cc62"
-  integrity sha512-9Co00MqZ2aoky+4j2jhofErthm6QVLKbpQrvz20c3CH9KQCLHyNB+t2ya4/UrRpQGR+Wrwjg9foopoeSdnHOkA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.5"
-
-"@babel/plugin-transform-private-methods@^7.22.5", "@babel/plugin-transform-private-methods@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.24.1.tgz#a0faa1ae87eff077e1e47a5ec81c3aef383dc15a"
-  integrity sha512-tGvisebwBO5em4PaYNqt4fkw56K2VALsAbAakY0FjTYqJp7gfdrgr7YX76Or8/cpik0W6+tj3rZ0uHU9Oil4tw==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.24.1"
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-private-property-in-object@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.24.5.tgz#f5d1fcad36e30c960134cb479f1ca98a5b06eda5"
-  integrity sha512-JM4MHZqnWR04jPMujQDTBVRnqxpLLpx2tkn7iPn+Hmsc0Gnb79yvRWOkvqFOx3Z7P7VxiRIR22c4eGSNj87OBQ==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-create-class-features-plugin" "^7.24.5"
-    "@babel/helper-plugin-utils" "^7.24.5"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
-
-"@babel/plugin-transform-property-literals@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.24.1.tgz#d6a9aeab96f03749f4eebeb0b6ea8e90ec958825"
-  integrity sha512-LetvD7CrHmEx0G442gOomRr66d7q8HzzGGr4PMHGr+5YIm6++Yke+jxj246rpvsbyhJwCLxcTn6zW1P1BSenqA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-react-constant-elements@^7.18.12":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.24.1.tgz#d493a0918b9fdad7540f5afd9b5eb5c52500d18d"
-  integrity sha512-QXp1U9x0R7tkiGB0FOk8o74jhnap0FlZ5gNkRIWdG3eP+SvMFg118e1zaWewDzgABb106QSKpVsD3Wgd8t6ifA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-react-display-name@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.24.1.tgz#554e3e1a25d181f040cf698b93fd289a03bfdcdb"
-  integrity sha512-mvoQg2f9p2qlpDQRBC7M3c3XTr0k7cp/0+kFKKO/7Gtu0LSw16eKB+Fabe2bDT/UpsyasTBBkAnbdsLrkD5XMw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-react-jsx-development@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.22.5.tgz#e716b6edbef972a92165cd69d92f1255f7e73e87"
-  integrity sha512-bDhuzwWMuInwCYeDeMzyi7TaBgRQei6DqxhbyniL7/VG4RSS7HtSL2QbY4eESy1KJqlWt8g3xeEBGPuo+XqC8A==
-  dependencies:
-    "@babel/plugin-transform-react-jsx" "^7.22.5"
-
-"@babel/plugin-transform-react-jsx@^7.22.5", "@babel/plugin-transform-react-jsx@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.23.4.tgz#393f99185110cea87184ea47bcb4a7b0c2e39312"
-  integrity sha512-5xOpoPguCZCRbo/JeHlloSkTA8Bld1J/E1/kLfD1nsuiW1m8tduTA1ERCgIZokDflX/IBzKcqR3l7VlRgiIfHA==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-module-imports" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-jsx" "^7.23.3"
-    "@babel/types" "^7.23.4"
-
-"@babel/plugin-transform-react-pure-annotations@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.24.1.tgz#c86bce22a53956331210d268e49a0ff06e392470"
-  integrity sha512-+pWEAaDJvSm9aFvJNpLiM2+ktl2Sn2U5DdyiWdZBxmLc6+xGt88dvFqsHiAiDS+8WqUwbDfkKz9jRxK3M0k+kA==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-regenerator@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.24.1.tgz#625b7545bae52363bdc1fbbdc7252b5046409c8c"
-  integrity sha512-sJwZBCzIBE4t+5Q4IGLaaun5ExVMRY0lYwos/jNecjMrVCygCdph3IKv0tkP5Fc87e/1+bebAmEAGBfnRD+cnw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    regenerator-transform "^0.15.2"
-
-"@babel/plugin-transform-reserved-words@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.24.1.tgz#8de729f5ecbaaf5cf83b67de13bad38a21be57c1"
-  integrity sha512-JAclqStUfIwKN15HrsQADFgeZt+wexNQ0uLhuqvqAUFoqPMjEcFCYZBhq0LUdz6dZK/mD+rErhW71fbx8RYElg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-runtime@^7.24.3":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.24.7.tgz#00a5bfaf8c43cf5c8703a8a6e82b59d9c58f38ca"
-  integrity sha512-YqXjrk4C+a1kZjewqt+Mmu2UuV1s07y8kqcUf4qYLnoqemhR4gRQikhdAhSVJioMjVTu6Mo6pAbaypEA3jY6fw==
-  dependencies:
-    "@babel/helper-module-imports" "^7.24.7"
-    "@babel/helper-plugin-utils" "^7.24.7"
-    babel-plugin-polyfill-corejs2 "^0.4.10"
-    babel-plugin-polyfill-corejs3 "^0.10.1"
-    babel-plugin-polyfill-regenerator "^0.6.1"
-    semver "^6.3.1"
-
-"@babel/plugin-transform-shorthand-properties@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.24.1.tgz#ba9a09144cf55d35ec6b93a32253becad8ee5b55"
-  integrity sha512-LyjVB1nsJ6gTTUKRjRWx9C1s9hE7dLfP/knKdrfeH9UPtAGjYGgxIbFfx7xyLIEWs7Xe1Gnf8EWiUqfjLhInZA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-spread@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.24.1.tgz#a1acf9152cbf690e4da0ba10790b3ac7d2b2b391"
-  integrity sha512-KjmcIM+fxgY+KxPVbjelJC6hrH1CgtPmTvdXAfn3/a9CnWGSTY7nH4zm5+cjmWJybdcPSsD0++QssDsjcpe47g==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-
-"@babel/plugin-transform-sticky-regex@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.24.1.tgz#f03e672912c6e203ed8d6e0271d9c2113dc031b9"
-  integrity sha512-9v0f1bRXgPVcPrngOQvLXeGNNVLc8UjMVfebo9ka0WF3/7+aVUHmaJVT3sa0XCzEFioPfPHZiOcYG9qOsH63cw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-template-literals@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.24.1.tgz#15e2166873a30d8617e3e2ccadb86643d327aab7"
-  integrity sha512-WRkhROsNzriarqECASCNu/nojeXCDTE/F2HmRgOzi7NGvyfYGq1NEjKBK3ckLfRgGc6/lPAqP0vDOSw3YtG34g==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-typeof-symbol@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.24.5.tgz#703cace5ef74155fb5eecab63cbfc39bdd25fe12"
-  integrity sha512-UTGnhYVZtTAjdwOTzT+sCyXmTn8AhaxOS/MjG9REclZ6ULHWF9KoCZur0HSGU7hk8PdBFKKbYe6+gqdXWz84Jg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.5"
-
-"@babel/plugin-transform-typescript@^7.24.1":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.24.5.tgz#bcba979e462120dc06a75bd34c473a04781931b8"
-  integrity sha512-E0VWu/hk83BIFUWnsKZ4D81KXjN5L3MobvevOHErASk9IPwKHOkTgvqzvNo1yP/ePJWqqK2SpUR5z+KQbl6NVw==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-create-class-features-plugin" "^7.24.5"
-    "@babel/helper-plugin-utils" "^7.24.5"
-    "@babel/plugin-syntax-typescript" "^7.24.1"
-
-"@babel/plugin-transform-unicode-escapes@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.24.1.tgz#fb3fa16676549ac7c7449db9b342614985c2a3a4"
-  integrity sha512-RlkVIcWT4TLI96zM660S877E7beKlQw7Ig+wqkKBiWfj0zH5Q4h50q6er4wzZKRNSYpfo6ILJ+hrJAGSX2qcNw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-unicode-property-regex@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.24.1.tgz#56704fd4d99da81e5e9f0c0c93cabd91dbc4889e"
-  integrity sha512-Ss4VvlfYV5huWApFsF8/Sq0oXnGO+jB+rijFEFugTd3cwSObUSnUi88djgR5528Csl0uKlrI331kRqe56Ov2Ng==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-unicode-regex@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.24.1.tgz#57c3c191d68f998ac46b708380c1ce4d13536385"
-  integrity sha512-2A/94wgZgxfTsiLaQ2E36XAOdcZmGAaEEgVmxQWwZXWkGhvoHbaqXcKnU8zny4ycpu3vNqg0L/PcCiYtHtA13g==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-unicode-sets-regex@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.24.1.tgz#c1ea175b02afcffc9cf57a9c4658326625165b7f"
-  integrity sha512-fqj4WuzzS+ukpgerpAoOnMfQXwUHFxXUZUE84oL2Kao2N8uSlvcpnAidKASgsNgzZHBsHWvcm8s9FPWUhAb8fA==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/preset-env@^7.11.0", "@babel/preset-env@^7.19.4", "@babel/preset-env@^7.24.4":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.24.5.tgz#6a9ac90bd5a5a9dae502af60dfc58c190551bbcd"
-  integrity sha512-UGK2ifKtcC8i5AI4cH+sbLLuLc2ktYSFJgBAXorKAsHUZmrQ1q6aQ6i3BvU24wWs2AAKqQB6kq3N9V9Gw1HiMQ==
-  dependencies:
-    "@babel/compat-data" "^7.24.4"
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-plugin-utils" "^7.24.5"
-    "@babel/helper-validator-option" "^7.23.5"
-    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.24.5"
-    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.24.1"
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.24.1"
-    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.24.1"
-    "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-    "@babel/plugin-syntax-class-properties" "^7.12.13"
-    "@babel/plugin-syntax-class-static-block" "^7.14.5"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
-    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
-    "@babel/plugin-syntax-import-assertions" "^7.24.1"
-    "@babel/plugin-syntax-import-attributes" "^7.24.1"
-    "@babel/plugin-syntax-import-meta" "^7.10.4"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
-    "@babel/plugin-syntax-top-level-await" "^7.14.5"
-    "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
-    "@babel/plugin-transform-arrow-functions" "^7.24.1"
-    "@babel/plugin-transform-async-generator-functions" "^7.24.3"
-    "@babel/plugin-transform-async-to-generator" "^7.24.1"
-    "@babel/plugin-transform-block-scoped-functions" "^7.24.1"
-    "@babel/plugin-transform-block-scoping" "^7.24.5"
-    "@babel/plugin-transform-class-properties" "^7.24.1"
-    "@babel/plugin-transform-class-static-block" "^7.24.4"
-    "@babel/plugin-transform-classes" "^7.24.5"
-    "@babel/plugin-transform-computed-properties" "^7.24.1"
-    "@babel/plugin-transform-destructuring" "^7.24.5"
-    "@babel/plugin-transform-dotall-regex" "^7.24.1"
-    "@babel/plugin-transform-duplicate-keys" "^7.24.1"
-    "@babel/plugin-transform-dynamic-import" "^7.24.1"
-    "@babel/plugin-transform-exponentiation-operator" "^7.24.1"
-    "@babel/plugin-transform-export-namespace-from" "^7.24.1"
-    "@babel/plugin-transform-for-of" "^7.24.1"
-    "@babel/plugin-transform-function-name" "^7.24.1"
-    "@babel/plugin-transform-json-strings" "^7.24.1"
-    "@babel/plugin-transform-literals" "^7.24.1"
-    "@babel/plugin-transform-logical-assignment-operators" "^7.24.1"
-    "@babel/plugin-transform-member-expression-literals" "^7.24.1"
-    "@babel/plugin-transform-modules-amd" "^7.24.1"
-    "@babel/plugin-transform-modules-commonjs" "^7.24.1"
-    "@babel/plugin-transform-modules-systemjs" "^7.24.1"
-    "@babel/plugin-transform-modules-umd" "^7.24.1"
-    "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5"
-    "@babel/plugin-transform-new-target" "^7.24.1"
-    "@babel/plugin-transform-nullish-coalescing-operator" "^7.24.1"
-    "@babel/plugin-transform-numeric-separator" "^7.24.1"
-    "@babel/plugin-transform-object-rest-spread" "^7.24.5"
-    "@babel/plugin-transform-object-super" "^7.24.1"
-    "@babel/plugin-transform-optional-catch-binding" "^7.24.1"
-    "@babel/plugin-transform-optional-chaining" "^7.24.5"
-    "@babel/plugin-transform-parameters" "^7.24.5"
-    "@babel/plugin-transform-private-methods" "^7.24.1"
-    "@babel/plugin-transform-private-property-in-object" "^7.24.5"
-    "@babel/plugin-transform-property-literals" "^7.24.1"
-    "@babel/plugin-transform-regenerator" "^7.24.1"
-    "@babel/plugin-transform-reserved-words" "^7.24.1"
-    "@babel/plugin-transform-shorthand-properties" "^7.24.1"
-    "@babel/plugin-transform-spread" "^7.24.1"
-    "@babel/plugin-transform-sticky-regex" "^7.24.1"
-    "@babel/plugin-transform-template-literals" "^7.24.1"
-    "@babel/plugin-transform-typeof-symbol" "^7.24.5"
-    "@babel/plugin-transform-unicode-escapes" "^7.24.1"
-    "@babel/plugin-transform-unicode-property-regex" "^7.24.1"
-    "@babel/plugin-transform-unicode-regex" "^7.24.1"
-    "@babel/plugin-transform-unicode-sets-regex" "^7.24.1"
-    "@babel/preset-modules" "0.1.6-no-external-plugins"
-    babel-plugin-polyfill-corejs2 "^0.4.10"
-    babel-plugin-polyfill-corejs3 "^0.10.4"
-    babel-plugin-polyfill-regenerator "^0.6.1"
-    core-js-compat "^3.31.0"
-    semver "^6.3.1"
-
-"@babel/preset-flow@^7.22.15":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.24.1.tgz#da7196c20c2d7dd4e98cfd8b192fe53b5eb6f0bb"
-  integrity sha512-sWCV2G9pcqZf+JHyv/RyqEIpFypxdCSxWIxQjpdaQxenNog7cN1pr76hg8u0Fz8Qgg0H4ETkGcJnXL8d4j0PPA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-validator-option" "^7.23.5"
-    "@babel/plugin-transform-flow-strip-types" "^7.24.1"
-
-"@babel/preset-modules@0.1.6-no-external-plugins":
-  version "0.1.6-no-external-plugins"
-  resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz#ccb88a2c49c817236861fee7826080573b8a923a"
-  integrity sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/types" "^7.4.4"
-    esutils "^2.0.2"
-
-"@babel/preset-react@^7.18.6", "@babel/preset-react@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.24.1.tgz#2450c2ac5cc498ef6101a6ca5474de251e33aa95"
-  integrity sha512-eFa8up2/8cZXLIpkafhaADTXSnl7IsUFCYenRWrARBz0/qZwcT0RBXpys0LJU4+WfPoF2ZG6ew6s2V6izMCwRA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-validator-option" "^7.23.5"
-    "@babel/plugin-transform-react-display-name" "^7.24.1"
-    "@babel/plugin-transform-react-jsx" "^7.23.4"
-    "@babel/plugin-transform-react-jsx-development" "^7.22.5"
-    "@babel/plugin-transform-react-pure-annotations" "^7.24.1"
-
-"@babel/preset-typescript@^7.18.6", "@babel/preset-typescript@^7.23.0", "@babel/preset-typescript@^7.23.3", "@babel/preset-typescript@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.24.1.tgz#89bdf13a3149a17b3b2a2c9c62547f06db8845ec"
-  integrity sha512-1DBaMmRDpuYQBPWD8Pf/WEwCrtgRHxsZnP4mIy9G/X+hFfbI47Q2G4t1Paakld84+qsk2fSsUPMKg71jkoOOaQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-validator-option" "^7.23.5"
-    "@babel/plugin-syntax-jsx" "^7.24.1"
-    "@babel/plugin-transform-modules-commonjs" "^7.24.1"
-    "@babel/plugin-transform-typescript" "^7.24.1"
-
-"@babel/register@^7.22.15":
-  version "7.23.7"
-  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.23.7.tgz#485a5e7951939d21304cae4af1719fdb887bc038"
-  integrity sha512-EjJeB6+kvpk+Y5DAkEAmbOBEFkh9OASx0huoEkqYTFxAZHzOAX2Oh5uwAUuL2rUddqfM0SA+KPXV2TbzoZ2kvQ==
-  dependencies:
-    clone-deep "^4.0.1"
-    find-cache-dir "^2.0.0"
-    make-dir "^2.1.0"
-    pirates "^4.0.6"
-    source-map-support "^0.5.16"
-
-"@babel/regjsgen@^0.8.0":
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
-  integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
-
-"@babel/runtime@7.20.13":
-  version "7.20.13"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.20.13.tgz#7055ab8a7cff2b8f6058bf6ae45ff84ad2aded4b"
-  integrity sha512-gt3PKXs0DBoL9xCvOIIZ2NEqAGZqHjAnmVbfQtB620V0uReIQutpel14KcneZuer7UioY8ALKZ7iocavvzTNFA==
-  dependencies:
-    regenerator-runtime "^0.13.11"
-
-"@babel/runtime@^7.11.2", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.14.6", "@babel/runtime@^7.17.8", "@babel/runtime@^7.18.3", "@babel/runtime@^7.18.9", "@babel/runtime@^7.21.0", "@babel/runtime@^7.23.2", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
-  version "7.24.4"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.4.tgz#de795accd698007a66ba44add6cc86542aff1edd"
-  integrity sha512-dkxf7+hn8mFBwKjs9bvBlArzLVxVbS8usaPUDd5p2a9JCL9tB8OaOVN1isD4+Xyk4ns89/xeOmbQvgdK7IIVdA==
-  dependencies:
-    regenerator-runtime "^0.14.0"
-
-"@babel/runtime@^7.23.9", "@babel/runtime@^7.24.4", "@babel/runtime@^7.24.5":
-  version "7.25.0"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.25.0.tgz#3af9a91c1b739c569d5d80cc917280919c544ecb"
-  integrity sha512-7dRy4DwXwtzBrPbZflqxnvfxLF8kdZXPkhymtDeFoFqE6ldzjQFgYTtYIFARcLEYDrqfBfYcZt1WqFxRoyC9Rw==
-  dependencies:
-    regenerator-runtime "^0.14.0"
-
-"@babel/template@^7.22.15", "@babel/template@^7.24.0", "@babel/template@^7.3.3":
-  version "7.24.0"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.0.tgz#c6a524aa93a4a05d66aaf31654258fae69d87d50"
-  integrity sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==
-  dependencies:
-    "@babel/code-frame" "^7.23.5"
-    "@babel/parser" "^7.24.0"
-    "@babel/types" "^7.24.0"
-
-"@babel/template@^7.25.0":
-  version "7.25.0"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.25.0.tgz#e733dc3134b4fede528c15bc95e89cb98c52592a"
-  integrity sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==
-  dependencies:
-    "@babel/code-frame" "^7.24.7"
-    "@babel/parser" "^7.25.0"
-    "@babel/types" "^7.25.0"
-
-"@babel/traverse@^7.18.9", "@babel/traverse@^7.24.1", "@babel/traverse@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.5.tgz#972aa0bc45f16983bf64aa1f877b2dd0eea7e6f8"
-  integrity sha512-7aaBLeDQ4zYcUFDUD41lJc1fG8+5IU9DaNSJAgal866FGvmD5EbWQgnEC6kO1gGLsX0esNkfnJSndbTXA3r7UA==
-  dependencies:
-    "@babel/code-frame" "^7.24.2"
-    "@babel/generator" "^7.24.5"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-hoist-variables" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.24.5"
-    "@babel/parser" "^7.24.5"
-    "@babel/types" "^7.24.5"
-    debug "^4.3.1"
-    globals "^11.1.0"
-
-"@babel/traverse@^7.24.7":
-  version "7.25.3"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.25.3.tgz#f1b901951c83eda2f3e29450ce92743783373490"
-  integrity sha512-HefgyP1x754oGCsKmV5reSmtV7IXj/kpaE1XYY+D9G5PvKKoFfSbiS4M77MdjuwlZKDIKFCffq9rPU+H/s3ZdQ==
-  dependencies:
-    "@babel/code-frame" "^7.24.7"
-    "@babel/generator" "^7.25.0"
-    "@babel/parser" "^7.25.3"
-    "@babel/template" "^7.25.0"
-    "@babel/types" "^7.25.2"
-    debug "^4.3.1"
-    globals "^11.1.0"
-
-"@babel/types@^7.0.0", "@babel/types@^7.18.9", "@babel/types@^7.20.0", "@babel/types@^7.20.7", "@babel/types@^7.22.15", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.4", "@babel/types@^7.24.0", "@babel/types@^7.24.5", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.5.tgz#7661930afc638a5383eb0c4aee59b74f38db84d7"
-  integrity sha512-6mQNsaLeXTw0nxYUYu+NSa4Hx4BlF1x1x8/PMFbiR+GBSr+2DkECc69b8hgy2frEodNcvPffeH8YfWd3LI6jhQ==
-  dependencies:
-    "@babel/helper-string-parser" "^7.24.1"
-    "@babel/helper-validator-identifier" "^7.24.5"
-    to-fast-properties "^2.0.0"
-
-"@babel/types@^7.24.7", "@babel/types@^7.25.0", "@babel/types@^7.25.2":
-  version "7.25.2"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.25.2.tgz#55fb231f7dc958cd69ea141a4c2997e819646125"
-  integrity sha512-YTnYtra7W9e6/oAZEHj0bJehPRUlLH9/fbpT5LfB0NhQXyALCRkRs3zH9v07IYhkgpqX6Z78FnuccZr/l4Fs4Q==
-  dependencies:
-    "@babel/helper-string-parser" "^7.24.8"
-    "@babel/helper-validator-identifier" "^7.24.7"
-    to-fast-properties "^2.0.0"
-
-"@base2/pretty-print-object@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@base2/pretty-print-object/-/pretty-print-object-1.0.1.tgz#371ba8be66d556812dc7fb169ebc3c08378f69d4"
-  integrity sha512-4iri8i1AqYHJE2DstZYkyEprg6Pq6sKx3xn5FpySk9sNhH7qN2LLlHJCfDTZRILNwQNPD7mATWM0TBui7uC1pA==
-
-"@bcoe/v8-coverage@^0.2.3":
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
-  integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
-
-"@chromatic-com/storybook@^1.3.1":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@chromatic-com/storybook/-/storybook-1.4.0.tgz#5cb1c68ecf32c55fe4ab8a8e3271022845169c00"
-  integrity sha512-CpskwN1RsgaDMSe7mnwrmst9XeLfvrSbCJOc/eaHIDzhSiKhdbbEF83cYjMYnvODPMW8QNVdw9gWMh+yzBQtSw==
-  dependencies:
-    chromatic "^11.3.2"
-    filesize "^10.0.12"
-    jsonfile "^6.1.0"
-    react-confetti "^6.1.0"
-    strip-ansi "^7.1.0"
-
-"@coinbase/wallet-sdk@^3.9.3":
-  version "3.9.3"
-  resolved "https://registry.yarnpkg.com/@coinbase/wallet-sdk/-/wallet-sdk-3.9.3.tgz#daf10cb0c85d0363315b7270cb3f02bedc408aab"
-  integrity sha512-N/A2DRIf0Y3PHc1XAMvbBUu4zisna6qAdqABMZwBMNEfWrXpAwx16pZGkYCLGE+Rvv1edbcB2LYDRnACNcmCiw==
-  dependencies:
-    bn.js "^5.2.1"
-    buffer "^6.0.3"
-    clsx "^1.2.1"
-    eth-block-tracker "^7.1.0"
-    eth-json-rpc-filters "^6.0.0"
-    eventemitter3 "^5.0.1"
-    keccak "^3.0.3"
-    preact "^10.16.0"
-    sha.js "^2.4.11"
-
-"@colors/colors@1.5.0":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9"
-  integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==
-
-"@cowprotocol/app-data@^2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@cowprotocol/app-data/-/app-data-2.1.0.tgz#55c95e7ffd3fb0dcfecd0fc64a4273955d1d63d1"
-  integrity sha512-gOlQxng7X5/aQoz2Eg27OegyKgpZVhOEdUQ9cUsc4OnSPal8F4tmLqefKQQWm4Ktaolk7zzh0kiL1vhWxvszmQ==
-  dependencies:
-    ajv "^8.11.0"
-    cross-fetch "^3.1.5"
-    ipfs-only-hash "^4.0.0"
-    json-stringify-deterministic "^1.0.8"
-    multiformats "^9.6.4"
-
-"@cowprotocol/events@^1.3.0":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@cowprotocol/events/-/events-1.3.0.tgz#44c175689d0f9bbd769901e7b0e4ecd33ec55697"
-  integrity sha512-gYTbm8stIXJI/a+jWcjAdDtIo5NX2Q88Q90XETJE2MaLIR7LQL0Ao4mW0J9LsYIvE7Zb7QEdduJ56pNXmQh5/g==
-
-"@cowprotocol/widget-lib@^0.13.2":
-  version "0.13.2"
-  resolved "https://registry.yarnpkg.com/@cowprotocol/widget-lib/-/widget-lib-0.13.2.tgz#f554773ccdae4549be1f856fc59b9de4b8a7af4c"
-  integrity sha512-PS5phDCaQcB+6DmXyRaWfATh5K8PXFkRvt6jBhLPhNR/JOnuPyBLzECzWrnWkD+dDJwFwALid1j22Z5h0H84Bw==
-  dependencies:
-    "@cowprotocol/events" "^1.3.0"
-
-"@cowprotocol/widget-react@^0.9.3":
-  version "0.9.3"
-  resolved "https://registry.yarnpkg.com/@cowprotocol/widget-react/-/widget-react-0.9.3.tgz#57ff027e8e49dc1399bae2afe51b3fa4430fad48"
-  integrity sha512-kVTdheXAU8gLa1x+lH6CYJAsTRAzZvfaCx6iJrftNnSIl4oFiI70k/kxndC+jewMR01auo4+EQQzX8//b39m0g==
-  dependencies:
-    "@cowprotocol/widget-lib" "^0.13.2"
-
-"@cypress/request@2.88.12":
-  version "2.88.12"
-  resolved "https://registry.yarnpkg.com/@cypress/request/-/request-2.88.12.tgz#ba4911431738494a85e93fb04498cb38bc55d590"
-  integrity sha512-tOn+0mDZxASFM+cuAP9szGUGPI1HwWVSvdzm7V4cCsPdFTx6qMj29CwaQmRAMIEhORIUBFBsYROYJcveK4uOjA==
-  dependencies:
-    aws-sign2 "~0.7.0"
-    aws4 "^1.8.0"
-    caseless "~0.12.0"
-    combined-stream "~1.0.6"
-    extend "~3.0.2"
-    forever-agent "~0.6.1"
-    form-data "~2.3.2"
-    http-signature "~1.3.6"
-    is-typedarray "~1.0.0"
-    isstream "~0.1.2"
-    json-stringify-safe "~5.0.1"
-    mime-types "~2.1.19"
-    performance-now "^2.1.0"
-    qs "~6.10.3"
-    safe-buffer "^5.1.2"
-    tough-cookie "^4.1.3"
-    tunnel-agent "^0.6.0"
-    uuid "^8.3.2"
-
-"@cypress/xvfb@^1.2.4":
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/@cypress/xvfb/-/xvfb-1.2.4.tgz#2daf42e8275b39f4aa53c14214e557bd14e7748a"
-  integrity sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==
-  dependencies:
-    debug "^3.1.0"
-    lodash.once "^4.1.1"
-
-"@date-io/core@^2.15.0", "@date-io/core@^2.17.0":
-  version "2.17.0"
-  resolved "https://registry.yarnpkg.com/@date-io/core/-/core-2.17.0.tgz#360a4d0641f069776ed22e457876e8a8a58c205e"
-  integrity sha512-+EQE8xZhRM/hsY0CDTVyayMDDY5ihc4MqXCrPxooKw19yAzUIC6uUqsZeaOFNL9YKTNxYKrJP5DFgE8o5xRCOw==
-
-"@date-io/date-fns@^2.15.0":
-  version "2.17.0"
-  resolved "https://registry.yarnpkg.com/@date-io/date-fns/-/date-fns-2.17.0.tgz#1d9d0a02e0137524331819c9576a4e8e19a6142b"
-  integrity sha512-L0hWZ/mTpy3Gx/xXJ5tq5CzHo0L7ry6KEO9/w/JWiFWFLZgiNVo3ex92gOl3zmzjHqY/3Ev+5sehAr8UnGLEng==
-  dependencies:
-    "@date-io/core" "^2.17.0"
-
-"@date-io/dayjs@^2.15.0":
-  version "2.17.0"
-  resolved "https://registry.yarnpkg.com/@date-io/dayjs/-/dayjs-2.17.0.tgz#ec3e2384136c028971ca2f78800a6877b9fdbe62"
-  integrity sha512-Iq1wjY5XzBh0lheFA0it6Dsyv94e8mTiNR8vuTai+KopxDkreL3YjwTmZHxkgB7/vd0RMIACStzVgWvPATnDCA==
-  dependencies:
-    "@date-io/core" "^2.17.0"
-
-"@date-io/luxon@^2.15.0":
-  version "2.17.0"
-  resolved "https://registry.yarnpkg.com/@date-io/luxon/-/luxon-2.17.0.tgz#76e1f001aaa38fe7f0049f010fe356db1bb517d2"
-  integrity sha512-l712Vdm/uTddD2XWt9TlQloZUiTiRQtY5TCOG45MQ/8u0tu8M17BD6QYHar/3OrnkGybALAMPzCy1r5D7+0HBg==
-  dependencies:
-    "@date-io/core" "^2.17.0"
-
-"@date-io/moment@^2.15.0":
-  version "2.17.0"
-  resolved "https://registry.yarnpkg.com/@date-io/moment/-/moment-2.17.0.tgz#04d2487d9d15d468b2e7903b87268fa1c89b56cb"
-  integrity sha512-e4nb4CDZU4k0WRVhz1Wvl7d+hFsedObSauDHKtZwU9kt7gdYEAzKgnrSCTHsEaXrDumdrkCYTeZ0Tmyk7uV4tw==
-  dependencies:
-    "@date-io/core" "^2.17.0"
-
-"@discoveryjs/json-ext@^0.5.3":
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70"
-  integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==
-
-"@ducanh2912/next-pwa@^9.7.1":
-  version "9.7.2"
-  resolved "https://registry.yarnpkg.com/@ducanh2912/next-pwa/-/next-pwa-9.7.2.tgz#72160e294e787cf5df5c59de2bfa8d9807e025ee"
-  integrity sha512-KNdWIr8297L6TRyEeJQUzZqgP+m10GmaV6tacZ6wIcON9J+b6Nz34eLx6B5Q5mQKxqbYHTDayVoMRc2uuA/Ahg==
-  dependencies:
-    clean-webpack-plugin "4.0.0"
-    fast-glob "3.3.1"
-    semver "7.5.4"
-    terser-webpack-plugin "5.3.9"
-    workbox-build "7.0.0"
-    workbox-core "7.0.0"
-    workbox-webpack-plugin "7.0.0"
-    workbox-window "7.0.0"
-
-"@emnapi/runtime@^1.1.1":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@emnapi/runtime/-/runtime-1.2.0.tgz#71d018546c3a91f3b51106530edbc056b9f2f2e3"
-  integrity sha512-bV21/9LQmcQeCPEg3BDFtvwL6cwiTMksYNWQQ4KOxCZikEGalWtenoZ0wCiukJINlGCIi2KXx01g4FoH/LxpzQ==
-  dependencies:
-    tslib "^2.4.0"
-
-"@emotion/babel-plugin@^11.11.0":
-  version "11.11.0"
-  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz#c2d872b6a7767a9d176d007f5b31f7d504bb5d6c"
-  integrity sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==
-  dependencies:
-    "@babel/helper-module-imports" "^7.16.7"
-    "@babel/runtime" "^7.18.3"
-    "@emotion/hash" "^0.9.1"
-    "@emotion/memoize" "^0.8.1"
-    "@emotion/serialize" "^1.1.2"
-    babel-plugin-macros "^3.1.0"
-    convert-source-map "^1.5.0"
-    escape-string-regexp "^4.0.0"
-    find-root "^1.1.0"
-    source-map "^0.5.7"
-    stylis "4.2.0"
-
-"@emotion/cache@^11.11.0":
-  version "11.11.0"
-  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.11.0.tgz#809b33ee6b1cb1a625fef7a45bc568ccd9b8f3ff"
-  integrity sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==
-  dependencies:
-    "@emotion/memoize" "^0.8.1"
-    "@emotion/sheet" "^1.2.2"
-    "@emotion/utils" "^1.2.1"
-    "@emotion/weak-memoize" "^0.3.1"
-    stylis "4.2.0"
-
-"@emotion/hash@^0.9.1":
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.1.tgz#4ffb0055f7ef676ebc3a5a91fb621393294e2f43"
-  integrity sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==
-
-"@emotion/is-prop-valid@^1.2.2":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-1.3.0.tgz#bd84ba972195e8a2d42462387581560ef780e4e2"
-  integrity sha512-SHetuSLvJDzuNbOdtPVbq6yMMMlLoW5Q94uDqJZqy50gcmAjxFkVqmzqSGEFq9gT2iMuIeKV1PXVWmvUhuZLlQ==
-  dependencies:
-    "@emotion/memoize" "^0.9.0"
-
-"@emotion/memoize@^0.8.1":
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.8.1.tgz#c1ddb040429c6d21d38cc945fe75c818cfb68e17"
-  integrity sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==
-
-"@emotion/memoize@^0.9.0":
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.9.0.tgz#745969d649977776b43fc7648c556aaa462b4102"
-  integrity sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==
-
-"@emotion/react@^11.11.0":
-  version "11.11.4"
-  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.11.4.tgz#3a829cac25c1f00e126408fab7f891f00ecc3c1d"
-  integrity sha512-t8AjMlF0gHpvvxk5mAtCqR4vmxiGHCeJBaQO6gncUSdklELOgtwjerNY2yuJNfwnc6vi16U/+uMF+afIawJ9iw==
-  dependencies:
-    "@babel/runtime" "^7.18.3"
-    "@emotion/babel-plugin" "^11.11.0"
-    "@emotion/cache" "^11.11.0"
-    "@emotion/serialize" "^1.1.3"
-    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.1"
-    "@emotion/utils" "^1.2.1"
-    "@emotion/weak-memoize" "^0.3.1"
-    hoist-non-react-statics "^3.3.1"
-
-"@emotion/serialize@^1.1.2", "@emotion/serialize@^1.1.3", "@emotion/serialize@^1.1.4":
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.1.4.tgz#fc8f6d80c492cfa08801d544a05331d1cc7cd451"
-  integrity sha512-RIN04MBT8g+FnDwgvIUi8czvr1LU1alUMI05LekWB5DGyTm8cCBMCRpq3GqaiyEDRptEXOyXnvZ58GZYu4kBxQ==
-  dependencies:
-    "@emotion/hash" "^0.9.1"
-    "@emotion/memoize" "^0.8.1"
-    "@emotion/unitless" "^0.8.1"
-    "@emotion/utils" "^1.2.1"
-    csstype "^3.0.2"
-
-"@emotion/server@^11.11.0":
-  version "11.11.0"
-  resolved "https://registry.yarnpkg.com/@emotion/server/-/server-11.11.0.tgz#35537176a2a5ed8aed7801f254828e636ec3bd6e"
-  integrity sha512-6q89fj2z8VBTx9w93kJ5n51hsmtYuFPtZgnc1L8VzRx9ti4EU6EyvF6Nn1H1x3vcCQCF7u2dB2lY4AYJwUW4PA==
-  dependencies:
-    "@emotion/utils" "^1.2.1"
-    html-tokenize "^2.0.0"
-    multipipe "^1.0.2"
-    through "^2.3.8"
-
-"@emotion/sheet@^1.2.2":
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.2.2.tgz#d58e788ee27267a14342303e1abb3d508b6d0fec"
-  integrity sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==
-
-"@emotion/styled@^11.11.0":
-  version "11.11.5"
-  resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-11.11.5.tgz#0c5c8febef9d86e8a926e663b2e5488705545dfb"
-  integrity sha512-/ZjjnaNKvuMPxcIiUkf/9SHoG4Q196DRl1w82hQ3WCsjo1IUR8uaGWrC6a87CrYAW0Kb/pK7hk8BnLgLRi9KoQ==
-  dependencies:
-    "@babel/runtime" "^7.18.3"
-    "@emotion/babel-plugin" "^11.11.0"
-    "@emotion/is-prop-valid" "^1.2.2"
-    "@emotion/serialize" "^1.1.4"
-    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.1"
-    "@emotion/utils" "^1.2.1"
-
-"@emotion/unitless@^0.8.1":
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.1.tgz#182b5a4704ef8ad91bde93f7a860a88fd92c79a3"
-  integrity sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==
-
-"@emotion/use-insertion-effect-with-fallbacks@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz#08de79f54eb3406f9daaf77c76e35313da963963"
-  integrity sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==
-
-"@emotion/utils@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.2.1.tgz#bbab58465738d31ae4cb3dbb6fc00a5991f755e4"
-  integrity sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==
-
-"@emotion/weak-memoize@^0.3.1":
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz#d0fce5d07b0620caa282b5131c297bb60f9d87e6"
-  integrity sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==
-
-"@emurgo/cardano-serialization-lib-browser@^11.5.0":
-  version "11.5.0"
-  resolved "https://registry.yarnpkg.com/@emurgo/cardano-serialization-lib-browser/-/cardano-serialization-lib-browser-11.5.0.tgz#f2d15b538add436e0aa8b67a1d00ca654a680006"
-  integrity sha512-qchOJ9NYDUz10tzs5r5QhP9hK0p+ZOlRiBwPdTAxqAYLw/8emYBkQQLaS8T1DF6EkeudyrgS00ym5Trw1fo4iA==
-
-"@emurgo/cardano-serialization-lib-nodejs@11.5.0":
-  version "11.5.0"
-  resolved "https://registry.yarnpkg.com/@emurgo/cardano-serialization-lib-nodejs/-/cardano-serialization-lib-nodejs-11.5.0.tgz#0662e2a17d7d1e944f8cdb86396133c8edaec059"
-  integrity sha512-IlVABlRgo9XaTR1NunwZpWcxnfEv04ba2l1vkUz4S1W7Jt36F4CtffP+jPeqBZGnAe+fnUwo0XjIJC3ZTNToNQ==
-
-"@esbuild/aix-ppc64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.19.12.tgz#d1bc06aedb6936b3b6d313bf809a5a40387d2b7f"
-  integrity sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==
-
-"@esbuild/aix-ppc64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz#a70f4ac11c6a1dfc18b8bbb13284155d933b9537"
-  integrity sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==
-
-"@esbuild/android-arm64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.19.12.tgz#7ad65a36cfdb7e0d429c353e00f680d737c2aed4"
-  integrity sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==
-
-"@esbuild/android-arm64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz#db1c9202a5bc92ea04c7b6840f1bbe09ebf9e6b9"
-  integrity sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==
-
-"@esbuild/android-arm@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.19.12.tgz#b0c26536f37776162ca8bde25e42040c203f2824"
-  integrity sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==
-
-"@esbuild/android-arm@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.20.2.tgz#3b488c49aee9d491c2c8f98a909b785870d6e995"
-  integrity sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==
-
-"@esbuild/android-x64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.19.12.tgz#cb13e2211282012194d89bf3bfe7721273473b3d"
-  integrity sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==
-
-"@esbuild/android-x64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.20.2.tgz#3b1628029e5576249d2b2d766696e50768449f98"
-  integrity sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==
-
-"@esbuild/darwin-arm64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.19.12.tgz#cbee41e988020d4b516e9d9e44dd29200996275e"
-  integrity sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==
-
-"@esbuild/darwin-arm64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz#6e8517a045ddd86ae30c6608c8475ebc0c4000bb"
-  integrity sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==
-
-"@esbuild/darwin-x64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.19.12.tgz#e37d9633246d52aecf491ee916ece709f9d5f4cd"
-  integrity sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==
-
-"@esbuild/darwin-x64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz#90ed098e1f9dd8a9381695b207e1cff45540a0d0"
-  integrity sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==
-
-"@esbuild/freebsd-arm64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.12.tgz#1ee4d8b682ed363b08af74d1ea2b2b4dbba76487"
-  integrity sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==
-
-"@esbuild/freebsd-arm64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz#d71502d1ee89a1130327e890364666c760a2a911"
-  integrity sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==
-
-"@esbuild/freebsd-x64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.19.12.tgz#37a693553d42ff77cd7126764b535fb6cc28a11c"
-  integrity sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==
-
-"@esbuild/freebsd-x64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz#aa5ea58d9c1dd9af688b8b6f63ef0d3d60cea53c"
-  integrity sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==
-
-"@esbuild/linux-arm64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.19.12.tgz#be9b145985ec6c57470e0e051d887b09dddb2d4b"
-  integrity sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==
-
-"@esbuild/linux-arm64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz#055b63725df678379b0f6db9d0fa85463755b2e5"
-  integrity sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==
-
-"@esbuild/linux-arm@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.19.12.tgz#207ecd982a8db95f7b5279207d0ff2331acf5eef"
-  integrity sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==
-
-"@esbuild/linux-arm@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz#76b3b98cb1f87936fbc37f073efabad49dcd889c"
-  integrity sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==
-
-"@esbuild/linux-ia32@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.19.12.tgz#d0d86b5ca1562523dc284a6723293a52d5860601"
-  integrity sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==
-
-"@esbuild/linux-ia32@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz#c0e5e787c285264e5dfc7a79f04b8b4eefdad7fa"
-  integrity sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==
-
-"@esbuild/linux-loong64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.19.12.tgz#9a37f87fec4b8408e682b528391fa22afd952299"
-  integrity sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==
-
-"@esbuild/linux-loong64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz#a6184e62bd7cdc63e0c0448b83801001653219c5"
-  integrity sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==
-
-"@esbuild/linux-mips64el@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.19.12.tgz#4ddebd4e6eeba20b509d8e74c8e30d8ace0b89ec"
-  integrity sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==
-
-"@esbuild/linux-mips64el@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz#d08e39ce86f45ef8fc88549d29c62b8acf5649aa"
-  integrity sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==
-
-"@esbuild/linux-ppc64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.19.12.tgz#adb67dadb73656849f63cd522f5ecb351dd8dee8"
-  integrity sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==
-
-"@esbuild/linux-ppc64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz#8d252f0b7756ffd6d1cbde5ea67ff8fd20437f20"
-  integrity sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==
-
-"@esbuild/linux-riscv64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.19.12.tgz#11bc0698bf0a2abf8727f1c7ace2112612c15adf"
-  integrity sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==
-
-"@esbuild/linux-riscv64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz#19f6dcdb14409dae607f66ca1181dd4e9db81300"
-  integrity sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==
-
-"@esbuild/linux-s390x@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.19.12.tgz#e86fb8ffba7c5c92ba91fc3b27ed5a70196c3cc8"
-  integrity sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==
-
-"@esbuild/linux-s390x@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz#3c830c90f1a5d7dd1473d5595ea4ebb920988685"
-  integrity sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==
-
-"@esbuild/linux-x64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.19.12.tgz#5f37cfdc705aea687dfe5dfbec086a05acfe9c78"
-  integrity sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==
-
-"@esbuild/linux-x64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz#86eca35203afc0d9de0694c64ec0ab0a378f6fff"
-  integrity sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==
-
-"@esbuild/netbsd-x64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.19.12.tgz#29da566a75324e0d0dd7e47519ba2f7ef168657b"
-  integrity sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==
-
-"@esbuild/netbsd-x64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz#e771c8eb0e0f6e1877ffd4220036b98aed5915e6"
-  integrity sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==
-
-"@esbuild/openbsd-x64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.19.12.tgz#306c0acbdb5a99c95be98bdd1d47c916e7dc3ff0"
-  integrity sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==
-
-"@esbuild/openbsd-x64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz#9a795ae4b4e37e674f0f4d716f3e226dd7c39baf"
-  integrity sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==
-
-"@esbuild/sunos-x64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.19.12.tgz#0933eaab9af8b9b2c930236f62aae3fc593faf30"
-  integrity sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==
-
-"@esbuild/sunos-x64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz#7df23b61a497b8ac189def6e25a95673caedb03f"
-  integrity sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==
-
-"@esbuild/win32-arm64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.19.12.tgz#773bdbaa1971b36db2f6560088639ccd1e6773ae"
-  integrity sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==
-
-"@esbuild/win32-arm64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz#f1ae5abf9ca052ae11c1bc806fb4c0f519bacf90"
-  integrity sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==
-
-"@esbuild/win32-ia32@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.19.12.tgz#000516cad06354cc84a73f0943a4aa690ef6fd67"
-  integrity sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==
-
-"@esbuild/win32-ia32@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz#241fe62c34d8e8461cd708277813e1d0ba55ce23"
-  integrity sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==
-
-"@esbuild/win32-x64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.19.12.tgz#c57c8afbb4054a3ab8317591a0b7320360b444ae"
-  integrity sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==
-
-"@esbuild/win32-x64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz#9c907b21e30a52db959ba4f80bb01a0cc403d5cc"
-  integrity sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==
-
-"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
-  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
-  dependencies:
-    eslint-visitor-keys "^3.3.0"
-
-"@eslint-community/regexpp@^4.10.0", "@eslint-community/regexpp@^4.6.1":
-  version "4.10.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.0.tgz#548f6de556857c8bb73bbee70c35dc82a2e74d63"
-  integrity sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==
-
-"@eslint/eslintrc@^2.1.4":
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.4.tgz#388a269f0f25c1b6adc317b5a2c55714894c70ad"
-  integrity sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==
-  dependencies:
-    ajv "^6.12.4"
-    debug "^4.3.2"
-    espree "^9.6.0"
-    globals "^13.19.0"
-    ignore "^5.2.0"
-    import-fresh "^3.2.1"
-    js-yaml "^4.1.0"
-    minimatch "^3.1.2"
-    strip-json-comments "^3.1.1"
-
-"@eslint/js@8.57.0":
-  version "8.57.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.0.tgz#a5417ae8427873f1dd08b70b3574b453e67b5f7f"
-  integrity sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==
-
-"@ethereumjs/common@2.6.2":
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/@ethereumjs/common/-/common-2.6.2.tgz#eb006c9329c75c80f634f340dc1719a5258244df"
-  integrity sha512-vDwye5v0SVeuDky4MtKsu+ogkH2oFUV8pBKzH/eNBzT8oI91pKa8WyzDuYuxOQsgNgv5R34LfFDh2aaw3H4HbQ==
-  dependencies:
-    crc-32 "^1.2.0"
-    ethereumjs-util "^7.1.4"
-
-"@ethereumjs/common@2.6.5", "@ethereumjs/common@^2.0.0", "@ethereumjs/common@^2.6.3", "@ethereumjs/common@^2.6.4":
-  version "2.6.5"
-  resolved "https://registry.yarnpkg.com/@ethereumjs/common/-/common-2.6.5.tgz#0a75a22a046272579d91919cb12d84f2756e8d30"
-  integrity sha512-lRyVQOeCDaIVtgfbowla32pzeDv2Obr8oR8Put5RdUBNRGr1VGPGQNGP6elWIpgK3YdpzqTOh4GyUGOureVeeA==
-  dependencies:
-    crc-32 "^1.2.0"
-    ethereumjs-util "^7.1.5"
-
-"@ethereumjs/common@^3.2.0":
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/@ethereumjs/common/-/common-3.2.0.tgz#b71df25845caf5456449163012074a55f048e0a0"
-  integrity sha512-pksvzI0VyLgmuEF2FA/JR/4/y6hcPq8OUail3/AvycBaW1d5VSauOZzqGvJ3RTmR4MU35lWE8KseKOsEhrFRBA==
-  dependencies:
-    "@ethereumjs/util" "^8.1.0"
-    crc-32 "^1.2.0"
-
-"@ethereumjs/common@^4.2.0", "@ethereumjs/common@^4.3.0":
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/@ethereumjs/common/-/common-4.3.0.tgz#5b45eec7dcf521fa4ddaf0b383072fbcf9913553"
-  integrity sha512-shBNJ0ewcPNTUfZduHiczPmqkfJDn0Dh/9BR5fq7xUFTuIq7Fu1Vx00XDwQVIrpVL70oycZocOhBM6nDO+4FEQ==
-  dependencies:
-    "@ethereumjs/util" "^9.0.3"
-
-"@ethereumjs/rlp@^4.0.1":
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/@ethereumjs/rlp/-/rlp-4.0.1.tgz#626fabfd9081baab3d0a3074b0c7ecaf674aaa41"
-  integrity sha512-tqsQiBQDQdmPWE1xkkBq4rlSW5QZpLOUJ5RJh2/9fug+q9tnUhuZoVLk7s0scUIKTOzEtR72DFBXI4WiZcMpvw==
-
-"@ethereumjs/rlp@^5.0.2":
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/@ethereumjs/rlp/-/rlp-5.0.2.tgz#c89bd82f2f3bec248ab2d517ae25f5bbc4aac842"
-  integrity sha512-DziebCdg4JpGlEqEdGgXmjqcFoJi+JGulUXwEjsZGAscAQ7MyD/7LE/GVCP29vEQxKc7AAwjT3A2ywHp2xfoCA==
-
-"@ethereumjs/tx@3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@ethereumjs/tx/-/tx-3.0.0.tgz#8dfd91ed6e91e63996e37b3ddc340821ebd48c81"
-  integrity sha512-H9tfy6qgYxPXvt1TSObfVmVjlF43OoQqoPQ3PJsG2JiuqaMHj5ettV1pGFEC3FamENDBkl6vD6niQEvIlXv/VQ==
-  dependencies:
-    "@ethereumjs/common" "^2.0.0"
-    ethereumjs-util "^7.0.7"
-
-"@ethereumjs/tx@3.5.1":
-  version "3.5.1"
-  resolved "https://registry.yarnpkg.com/@ethereumjs/tx/-/tx-3.5.1.tgz#8d941b83a602b4a89949c879615f7ea9a90e6671"
-  integrity sha512-xzDrTiu4sqZXUcaBxJ4n4W5FrppwxLxZB4ZDGVLtxSQR4lVuOnFR6RcUHdg1mpUhAPVrmnzLJpxaeXnPxIyhWA==
-  dependencies:
-    "@ethereumjs/common" "^2.6.3"
-    ethereumjs-util "^7.1.4"
-
-"@ethereumjs/tx@3.5.2", "@ethereumjs/tx@^3.4.0":
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/@ethereumjs/tx/-/tx-3.5.2.tgz#197b9b6299582ad84f9527ca961466fce2296c1c"
-  integrity sha512-gQDNJWKrSDGu2w7w0PzVXVBNMzb7wwdDOmOqczmhNjqFxFuIbhVJDwiGEnxFNC2/b8ifcZzY7MLcluizohRzNw==
-  dependencies:
-    "@ethereumjs/common" "^2.6.4"
-    ethereumjs-util "^7.1.5"
-
-"@ethereumjs/tx@^4.1.2", "@ethereumjs/tx@^4.2.0":
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/@ethereumjs/tx/-/tx-4.2.0.tgz#5988ae15daf5a3b3c815493bc6b495e76009e853"
-  integrity sha512-1nc6VO4jtFd172BbSnTnDQVr9IYBFl1y4xPzZdtkrkKIncBCkdbgfdRV+MiTkJYAtTxvV12GRZLqBFT1PNK6Yw==
-  dependencies:
-    "@ethereumjs/common" "^3.2.0"
-    "@ethereumjs/rlp" "^4.0.1"
-    "@ethereumjs/util" "^8.1.0"
-    ethereum-cryptography "^2.0.0"
-
-"@ethereumjs/tx@^5.2.1":
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/@ethereumjs/tx/-/tx-5.3.0.tgz#473f351729ef4e30eaa3a3fb5aaccd4405a7ee41"
-  integrity sha512-uv++XYuIfuqYbvymL3/o14hHuC6zX0nRQ1nI2FHsbkkorLZ2ChEIDqVeeVk7Xc9/jQNU/22sk9qZZkRlsveXxw==
-  dependencies:
-    "@ethereumjs/common" "^4.3.0"
-    "@ethereumjs/rlp" "^5.0.2"
-    "@ethereumjs/util" "^9.0.3"
-    ethereum-cryptography "^2.1.3"
-
-"@ethereumjs/util@^8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@ethereumjs/util/-/util-8.1.0.tgz#299df97fb6b034e0577ce9f94c7d9d1004409ed4"
-  integrity sha512-zQ0IqbdX8FZ9aw11vP+dZkKDkS+kgIvQPHnSAXzP9pLu+Rfu3D3XEeLbicvoXJTYnhZiPmsZUxgdzXwNKxRPbA==
-  dependencies:
-    "@ethereumjs/rlp" "^4.0.1"
-    ethereum-cryptography "^2.0.0"
-    micro-ftch "^0.3.1"
-
-"@ethereumjs/util@^9.0.3":
-  version "9.0.3"
-  resolved "https://registry.yarnpkg.com/@ethereumjs/util/-/util-9.0.3.tgz#c2709e6127a85bbe23a71937ac78358ac93e7241"
-  integrity sha512-PmwzWDflky+7jlZIFqiGsBPap12tk9zK5SVH9YW2OEnDN7OEhCjUOMzbOqwuClrbkSIkM2ERivd7sXZ48Rh/vg==
-  dependencies:
-    "@ethereumjs/rlp" "^5.0.2"
-    ethereum-cryptography "^2.1.3"
-
-"@ethersproject/abi@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/abi/-/abi-5.5.0.tgz#fb52820e22e50b854ff15ce1647cc508d6660613"
-  integrity sha512-loW7I4AohP5KycATvc0MgujU6JyCHPqHdeoo9z3Nr9xEiNioxa65ccdm1+fsoJhkuhdRtfcL8cfyGamz2AxZ5w==
-  dependencies:
-    "@ethersproject/address" "^5.5.0"
-    "@ethersproject/bignumber" "^5.5.0"
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/constants" "^5.5.0"
-    "@ethersproject/hash" "^5.5.0"
-    "@ethersproject/keccak256" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    "@ethersproject/properties" "^5.5.0"
-    "@ethersproject/strings" "^5.5.0"
-
-"@ethersproject/abi@5.7.0", "@ethersproject/abi@^5.5.0", "@ethersproject/abi@^5.6.3", "@ethersproject/abi@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/abi/-/abi-5.7.0.tgz#b3f3e045bbbeed1af3947335c247ad625a44e449"
-  integrity sha512-351ktp42TiRcYB3H1OP8yajPeAQstMW/yCFokj/AthP9bLHzQFPlOrxOcwYEDkUAICmOHljvN4K39OMTMUa9RA==
-  dependencies:
-    "@ethersproject/address" "^5.7.0"
-    "@ethersproject/bignumber" "^5.7.0"
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/constants" "^5.7.0"
-    "@ethersproject/hash" "^5.7.0"
-    "@ethersproject/keccak256" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    "@ethersproject/properties" "^5.7.0"
-    "@ethersproject/strings" "^5.7.0"
-
-"@ethersproject/abstract-provider@5.5.1":
-  version "5.5.1"
-  resolved "https://registry.yarnpkg.com/@ethersproject/abstract-provider/-/abstract-provider-5.5.1.tgz#2f1f6e8a3ab7d378d8ad0b5718460f85649710c5"
-  integrity sha512-m+MA/ful6eKbxpr99xUYeRvLkfnlqzrF8SZ46d/xFB1A7ZVknYc/sXJG0RcufF52Qn2jeFj1hhcoQ7IXjNKUqg==
-  dependencies:
-    "@ethersproject/bignumber" "^5.5.0"
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    "@ethersproject/networks" "^5.5.0"
-    "@ethersproject/properties" "^5.5.0"
-    "@ethersproject/transactions" "^5.5.0"
-    "@ethersproject/web" "^5.5.0"
-
-"@ethersproject/abstract-provider@5.7.0", "@ethersproject/abstract-provider@^5.5.0", "@ethersproject/abstract-provider@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/abstract-provider/-/abstract-provider-5.7.0.tgz#b0a8550f88b6bf9d51f90e4795d48294630cb9ef"
-  integrity sha512-R41c9UkchKCpAqStMYUpdunjo3pkEvZC3FAwZn5S5MGbXoMQOHIdHItezTETxAO5bevtMApSyEhn9+CHcDsWBw==
-  dependencies:
-    "@ethersproject/bignumber" "^5.7.0"
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    "@ethersproject/networks" "^5.7.0"
-    "@ethersproject/properties" "^5.7.0"
-    "@ethersproject/transactions" "^5.7.0"
-    "@ethersproject/web" "^5.7.0"
-
-"@ethersproject/abstract-signer@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/abstract-signer/-/abstract-signer-5.5.0.tgz#590ff6693370c60ae376bf1c7ada59eb2a8dd08d"
-  integrity sha512-lj//7r250MXVLKI7sVarXAbZXbv9P50lgmJQGr2/is82EwEb8r7HrxsmMqAjTsztMYy7ohrIhGMIml+Gx4D3mA==
-  dependencies:
-    "@ethersproject/abstract-provider" "^5.5.0"
-    "@ethersproject/bignumber" "^5.5.0"
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    "@ethersproject/properties" "^5.5.0"
-
-"@ethersproject/abstract-signer@5.7.0", "@ethersproject/abstract-signer@^5.5.0", "@ethersproject/abstract-signer@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/abstract-signer/-/abstract-signer-5.7.0.tgz#13f4f32117868452191a4649723cb086d2b596b2"
-  integrity sha512-a16V8bq1/Cz+TGCkE2OPMTOUDLS3grCpdjoJCYNnVBbdYEMSgKrU0+B90s8b6H+ByYTBZN7a3g76jdIJi7UfKQ==
-  dependencies:
-    "@ethersproject/abstract-provider" "^5.7.0"
-    "@ethersproject/bignumber" "^5.7.0"
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    "@ethersproject/properties" "^5.7.0"
-
-"@ethersproject/address@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/address/-/address-5.5.0.tgz#bcc6f576a553f21f3dd7ba17248f81b473c9c78f"
-  integrity sha512-l4Nj0eWlTUh6ro5IbPTgbpT4wRbdH5l8CQf7icF7sb/SI3Nhd9Y9HzhonTSTi6CefI0necIw7LJqQPopPLZyWw==
-  dependencies:
-    "@ethersproject/bignumber" "^5.5.0"
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/keccak256" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    "@ethersproject/rlp" "^5.5.0"
-
-"@ethersproject/address@5.7.0", "@ethersproject/address@^5.5.0", "@ethersproject/address@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/address/-/address-5.7.0.tgz#19b56c4d74a3b0a46bfdbb6cfcc0a153fc697f37"
-  integrity sha512-9wYhYt7aghVGo758POM5nqcOMaE168Q6aRLJZwUmiqSrAungkG74gSSeKEIR7ukixesdRZGPgVqme6vmxs1fkA==
-  dependencies:
-    "@ethersproject/bignumber" "^5.7.0"
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/keccak256" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    "@ethersproject/rlp" "^5.7.0"
-
-"@ethersproject/base64@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/base64/-/base64-5.5.0.tgz#881e8544e47ed976930836986e5eb8fab259c090"
-  integrity sha512-tdayUKhU1ljrlHzEWbStXazDpsx4eg1dBXUSI6+mHlYklOXoXF6lZvw8tnD6oVaWfnMxAgRSKROg3cVKtCcppA==
-  dependencies:
-    "@ethersproject/bytes" "^5.5.0"
-
-"@ethersproject/base64@5.7.0", "@ethersproject/base64@^5.5.0", "@ethersproject/base64@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/base64/-/base64-5.7.0.tgz#ac4ee92aa36c1628173e221d0d01f53692059e1c"
-  integrity sha512-Dr8tcHt2mEbsZr/mwTPIQAf3Ai0Bks/7gTw9dSqk1mQvhW3XvRlmDJr/4n+wg1JmCl16NZue17CDh8xb/vZ0sQ==
-  dependencies:
-    "@ethersproject/bytes" "^5.7.0"
-
-"@ethersproject/basex@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/basex/-/basex-5.5.0.tgz#e40a53ae6d6b09ab4d977bd037010d4bed21b4d3"
-  integrity sha512-ZIodwhHpVJ0Y3hUCfUucmxKsWQA5TMnavp5j/UOuDdzZWzJlRmuOjcTMIGgHCYuZmHt36BfiSyQPSRskPxbfaQ==
-  dependencies:
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/properties" "^5.5.0"
-
-"@ethersproject/basex@5.7.0", "@ethersproject/basex@^5.5.0", "@ethersproject/basex@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/basex/-/basex-5.7.0.tgz#97034dc7e8938a8ca943ab20f8a5e492ece4020b"
-  integrity sha512-ywlh43GwZLv2Voc2gQVTKBoVQ1mti3d8HK5aMxsfu/nRDnMmNqaSJ3r3n85HBByT8OpoY96SXM1FogC533T4zw==
-  dependencies:
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/properties" "^5.7.0"
-
-"@ethersproject/bignumber@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/bignumber/-/bignumber-5.5.0.tgz#875b143f04a216f4f8b96245bde942d42d279527"
-  integrity sha512-6Xytlwvy6Rn3U3gKEc1vP7nR92frHkv6wtVr95LFR3jREXiCPzdWxKQ1cx4JGQBXxcguAwjA8murlYN2TSiEbg==
-  dependencies:
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    bn.js "^4.11.9"
-
-"@ethersproject/bignumber@5.7.0", "@ethersproject/bignumber@^5.5.0", "@ethersproject/bignumber@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/bignumber/-/bignumber-5.7.0.tgz#e2f03837f268ba655ffba03a57853e18a18dc9c2"
-  integrity sha512-n1CAdIHRWjSucQO3MC1zPSVgV/6dy/fjL9pMrPP9peL+QxEg9wOsVqwD4+818B6LUEtaXzVHQiuivzRoxPxUGw==
-  dependencies:
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    bn.js "^5.2.1"
-
-"@ethersproject/bytes@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/bytes/-/bytes-5.5.0.tgz#cb11c526de657e7b45d2e0f0246fb3b9d29a601c"
-  integrity sha512-ABvc7BHWhZU9PNM/tANm/Qx4ostPGadAuQzWTr3doklZOhDlmcBqclrQe/ZXUIj3K8wC28oYeuRa+A37tX9kog==
-  dependencies:
-    "@ethersproject/logger" "^5.5.0"
-
-"@ethersproject/bytes@5.7.0", "@ethersproject/bytes@^5.5.0", "@ethersproject/bytes@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/bytes/-/bytes-5.7.0.tgz#a00f6ea8d7e7534d6d87f47188af1148d71f155d"
-  integrity sha512-nsbxwgFXWh9NyYWo+U8atvmMsSdKJprTcICAkvbBffT75qDocbuggBU0SJiVK2MuTrp0q+xvLkTnGMPK1+uA9A==
-  dependencies:
-    "@ethersproject/logger" "^5.7.0"
-
-"@ethersproject/constants@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/constants/-/constants-5.5.0.tgz#d2a2cd7d94bd1d58377d1d66c4f53c9be4d0a45e"
-  integrity sha512-2MsRRVChkvMWR+GyMGY4N1sAX9Mt3J9KykCsgUFd/1mwS0UH1qw+Bv9k1UJb3X3YJYFco9H20pjSlOIfCG5HYQ==
-  dependencies:
-    "@ethersproject/bignumber" "^5.5.0"
-
-"@ethersproject/constants@5.7.0", "@ethersproject/constants@^5.5.0", "@ethersproject/constants@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/constants/-/constants-5.7.0.tgz#df80a9705a7e08984161f09014ea012d1c75295e"
-  integrity sha512-DHI+y5dBNvkpYUMiRQyxRBYBefZkJfo70VUkUAsRjcPs47muV9evftfZ0PJVCXYbAiCgght0DtcF9srFQmIgWA==
-  dependencies:
-    "@ethersproject/bignumber" "^5.7.0"
-
-"@ethersproject/contracts@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/contracts/-/contracts-5.5.0.tgz#b735260d4bd61283a670a82d5275e2a38892c197"
-  integrity sha512-2viY7NzyvJkh+Ug17v7g3/IJC8HqZBDcOjYARZLdzRxrfGlRgmYgl6xPRKVbEzy1dWKw/iv7chDcS83pg6cLxg==
-  dependencies:
-    "@ethersproject/abi" "^5.5.0"
-    "@ethersproject/abstract-provider" "^5.5.0"
-    "@ethersproject/abstract-signer" "^5.5.0"
-    "@ethersproject/address" "^5.5.0"
-    "@ethersproject/bignumber" "^5.5.0"
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/constants" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    "@ethersproject/properties" "^5.5.0"
-    "@ethersproject/transactions" "^5.5.0"
-
-"@ethersproject/contracts@5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/contracts/-/contracts-5.7.0.tgz#c305e775abd07e48aa590e1a877ed5c316f8bd1e"
-  integrity sha512-5GJbzEU3X+d33CdfPhcyS+z8MzsTrBGk/sc+G+59+tPa9yFkl6HQ9D6L0QMgNTA9q8dT0XKxxkyp883XsQvbbg==
-  dependencies:
-    "@ethersproject/abi" "^5.7.0"
-    "@ethersproject/abstract-provider" "^5.7.0"
-    "@ethersproject/abstract-signer" "^5.7.0"
-    "@ethersproject/address" "^5.7.0"
-    "@ethersproject/bignumber" "^5.7.0"
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/constants" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    "@ethersproject/properties" "^5.7.0"
-    "@ethersproject/transactions" "^5.7.0"
-
-"@ethersproject/hash@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/hash/-/hash-5.5.0.tgz#7cee76d08f88d1873574c849e0207dcb32380cc9"
-  integrity sha512-dnGVpK1WtBjmnp3mUT0PlU2MpapnwWI0PibldQEq1408tQBAbZpPidkWoVVuNMOl/lISO3+4hXZWCL3YV7qzfg==
-  dependencies:
-    "@ethersproject/abstract-signer" "^5.5.0"
-    "@ethersproject/address" "^5.5.0"
-    "@ethersproject/bignumber" "^5.5.0"
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/keccak256" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    "@ethersproject/properties" "^5.5.0"
-    "@ethersproject/strings" "^5.5.0"
-
-"@ethersproject/hash@5.7.0", "@ethersproject/hash@^5.5.0", "@ethersproject/hash@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/hash/-/hash-5.7.0.tgz#eb7aca84a588508369562e16e514b539ba5240a7"
-  integrity sha512-qX5WrQfnah1EFnO5zJv1v46a8HW0+E5xuBBDTwMFZLuVTx0tbU2kkx15NqdjxecrLGatQN9FGQKpb1FKdHCt+g==
-  dependencies:
-    "@ethersproject/abstract-signer" "^5.7.0"
-    "@ethersproject/address" "^5.7.0"
-    "@ethersproject/base64" "^5.7.0"
-    "@ethersproject/bignumber" "^5.7.0"
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/keccak256" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    "@ethersproject/properties" "^5.7.0"
-    "@ethersproject/strings" "^5.7.0"
-
-"@ethersproject/hdnode@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/hdnode/-/hdnode-5.5.0.tgz#4a04e28f41c546f7c978528ea1575206a200ddf6"
-  integrity sha512-mcSOo9zeUg1L0CoJH7zmxwUG5ggQHU1UrRf8jyTYy6HxdZV+r0PBoL1bxr+JHIPXRzS6u/UW4mEn43y0tmyF8Q==
-  dependencies:
-    "@ethersproject/abstract-signer" "^5.5.0"
-    "@ethersproject/basex" "^5.5.0"
-    "@ethersproject/bignumber" "^5.5.0"
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    "@ethersproject/pbkdf2" "^5.5.0"
-    "@ethersproject/properties" "^5.5.0"
-    "@ethersproject/sha2" "^5.5.0"
-    "@ethersproject/signing-key" "^5.5.0"
-    "@ethersproject/strings" "^5.5.0"
-    "@ethersproject/transactions" "^5.5.0"
-    "@ethersproject/wordlists" "^5.5.0"
-
-"@ethersproject/hdnode@5.7.0", "@ethersproject/hdnode@^5.5.0", "@ethersproject/hdnode@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/hdnode/-/hdnode-5.7.0.tgz#e627ddc6b466bc77aebf1a6b9e47405ca5aef9cf"
-  integrity sha512-OmyYo9EENBPPf4ERhR7oj6uAtUAhYGqOnIS+jE5pTXvdKBS99ikzq1E7Iv0ZQZ5V36Lqx1qZLeak0Ra16qpeOg==
-  dependencies:
-    "@ethersproject/abstract-signer" "^5.7.0"
-    "@ethersproject/basex" "^5.7.0"
-    "@ethersproject/bignumber" "^5.7.0"
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    "@ethersproject/pbkdf2" "^5.7.0"
-    "@ethersproject/properties" "^5.7.0"
-    "@ethersproject/sha2" "^5.7.0"
-    "@ethersproject/signing-key" "^5.7.0"
-    "@ethersproject/strings" "^5.7.0"
-    "@ethersproject/transactions" "^5.7.0"
-    "@ethersproject/wordlists" "^5.7.0"
-
-"@ethersproject/json-wallets@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/json-wallets/-/json-wallets-5.5.0.tgz#dd522d4297e15bccc8e1427d247ec8376b60e325"
-  integrity sha512-9lA21XQnCdcS72xlBn1jfQdj2A1VUxZzOzi9UkNdnokNKke/9Ya2xA9aIK1SC3PQyBDLt4C+dfps7ULpkvKikQ==
-  dependencies:
-    "@ethersproject/abstract-signer" "^5.5.0"
-    "@ethersproject/address" "^5.5.0"
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/hdnode" "^5.5.0"
-    "@ethersproject/keccak256" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    "@ethersproject/pbkdf2" "^5.5.0"
-    "@ethersproject/properties" "^5.5.0"
-    "@ethersproject/random" "^5.5.0"
-    "@ethersproject/strings" "^5.5.0"
-    "@ethersproject/transactions" "^5.5.0"
-    aes-js "3.0.0"
-    scrypt-js "3.0.1"
-
-"@ethersproject/json-wallets@5.7.0", "@ethersproject/json-wallets@^5.5.0", "@ethersproject/json-wallets@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/json-wallets/-/json-wallets-5.7.0.tgz#5e3355287b548c32b368d91014919ebebddd5360"
-  integrity sha512-8oee5Xgu6+RKgJTkvEMl2wDgSPSAQ9MB/3JYjFV9jlKvcYHUXZC+cQp0njgmxdHkYWn8s6/IqIZYm0YWCjO/0g==
-  dependencies:
-    "@ethersproject/abstract-signer" "^5.7.0"
-    "@ethersproject/address" "^5.7.0"
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/hdnode" "^5.7.0"
-    "@ethersproject/keccak256" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    "@ethersproject/pbkdf2" "^5.7.0"
-    "@ethersproject/properties" "^5.7.0"
-    "@ethersproject/random" "^5.7.0"
-    "@ethersproject/strings" "^5.7.0"
-    "@ethersproject/transactions" "^5.7.0"
-    aes-js "3.0.0"
-    scrypt-js "3.0.1"
-
-"@ethersproject/keccak256@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/keccak256/-/keccak256-5.5.0.tgz#e4b1f9d7701da87c564ffe336f86dcee82983492"
-  integrity sha512-5VoFCTjo2rYbBe1l2f4mccaRFN/4VQEYFwwn04aJV2h7qf4ZvI2wFxUE1XOX+snbwCLRzIeikOqtAoPwMza9kg==
-  dependencies:
-    "@ethersproject/bytes" "^5.5.0"
-    js-sha3 "0.8.0"
-
-"@ethersproject/keccak256@5.7.0", "@ethersproject/keccak256@^5.5.0", "@ethersproject/keccak256@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/keccak256/-/keccak256-5.7.0.tgz#3186350c6e1cd6aba7940384ec7d6d9db01f335a"
-  integrity sha512-2UcPboeL/iW+pSg6vZ6ydF8tCnv3Iu/8tUmLLzWWGzxWKFFqOBQFLo6uLUv6BDrLgCDfN28RJ/wtByx+jZ4KBg==
-  dependencies:
-    "@ethersproject/bytes" "^5.7.0"
-    js-sha3 "0.8.0"
-
-"@ethersproject/logger@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/logger/-/logger-5.5.0.tgz#0c2caebeff98e10aefa5aef27d7441c7fd18cf5d"
-  integrity sha512-rIY/6WPm7T8n3qS2vuHTUBPdXHl+rGxWxW5okDfo9J4Z0+gRRZT0msvUdIJkE4/HS29GUMziwGaaKO2bWONBrg==
-
-"@ethersproject/logger@5.7.0", "@ethersproject/logger@^5.5.0", "@ethersproject/logger@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/logger/-/logger-5.7.0.tgz#6ce9ae168e74fecf287be17062b590852c311892"
-  integrity sha512-0odtFdXu/XHtjQXJYA3u9G0G8btm0ND5Cu8M7i5vhEcE8/HmF4Lbdqanwyv4uQTr2tx6b7fQRmgLrsnpQlmnig==
-
-"@ethersproject/networks@5.5.2":
-  version "5.5.2"
-  resolved "https://registry.yarnpkg.com/@ethersproject/networks/-/networks-5.5.2.tgz#784c8b1283cd2a931114ab428dae1bd00c07630b"
-  integrity sha512-NEqPxbGBfy6O3x4ZTISb90SjEDkWYDUbEeIFhJly0F7sZjoQMnj5KYzMSkMkLKZ+1fGpx00EDpHQCy6PrDupkQ==
-  dependencies:
-    "@ethersproject/logger" "^5.5.0"
-
-"@ethersproject/networks@5.7.1", "@ethersproject/networks@^5.5.0", "@ethersproject/networks@^5.7.0":
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/@ethersproject/networks/-/networks-5.7.1.tgz#118e1a981d757d45ccea6bb58d9fd3d9db14ead6"
-  integrity sha512-n/MufjFYv3yFcUyfhnXotyDlNdFb7onmkSy8aQERi2PjNcnWQ66xXxa3XlS8nCcA8aJKJjIIMNJTC7tu80GwpQ==
-  dependencies:
-    "@ethersproject/logger" "^5.7.0"
-
-"@ethersproject/pbkdf2@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/pbkdf2/-/pbkdf2-5.5.0.tgz#e25032cdf02f31505d47afbf9c3e000d95c4a050"
-  integrity sha512-SaDvQFvXPnz1QGpzr6/HToLifftSXGoXrbpZ6BvoZhmx4bNLHrxDe8MZisuecyOziP1aVEwzC2Hasj+86TgWVg==
-  dependencies:
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/sha2" "^5.5.0"
-
-"@ethersproject/pbkdf2@5.7.0", "@ethersproject/pbkdf2@^5.5.0", "@ethersproject/pbkdf2@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/pbkdf2/-/pbkdf2-5.7.0.tgz#d2267d0a1f6e123f3771007338c47cccd83d3102"
-  integrity sha512-oR/dBRZR6GTyaofd86DehG72hY6NpAjhabkhxgr3X2FpJtJuodEl2auADWBZfhDHgVCbu3/H/Ocq2uC6dpNjjw==
-  dependencies:
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/sha2" "^5.7.0"
-
-"@ethersproject/properties@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/properties/-/properties-5.5.0.tgz#61f00f2bb83376d2071baab02245f92070c59995"
-  integrity sha512-l3zRQg3JkD8EL3CPjNK5g7kMx4qSwiR60/uk5IVjd3oq1MZR5qUg40CNOoEJoX5wc3DyY5bt9EbMk86C7x0DNA==
-  dependencies:
-    "@ethersproject/logger" "^5.5.0"
-
-"@ethersproject/properties@5.7.0", "@ethersproject/properties@^5.5.0", "@ethersproject/properties@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/properties/-/properties-5.7.0.tgz#a6e12cb0439b878aaf470f1902a176033067ed30"
-  integrity sha512-J87jy8suntrAkIZtecpxEPxY//szqr1mlBaYlQ0r4RCaiD2hjheqF9s1LVE8vVuJCXisjIP+JgtK/Do54ej4Sw==
-  dependencies:
-    "@ethersproject/logger" "^5.7.0"
-
-"@ethersproject/providers@5.5.2":
-  version "5.5.2"
-  resolved "https://registry.yarnpkg.com/@ethersproject/providers/-/providers-5.5.2.tgz#131ccf52dc17afd0ab69ed444b8c0e3a27297d99"
-  integrity sha512-hkbx7x/MKcRjyrO4StKXCzCpWer6s97xnm34xkfPiarhtEUVAN4TBBpamM+z66WcTt7H5B53YwbRj1n7i8pZoQ==
-  dependencies:
-    "@ethersproject/abstract-provider" "^5.5.0"
-    "@ethersproject/abstract-signer" "^5.5.0"
-    "@ethersproject/address" "^5.5.0"
-    "@ethersproject/basex" "^5.5.0"
-    "@ethersproject/bignumber" "^5.5.0"
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/constants" "^5.5.0"
-    "@ethersproject/hash" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    "@ethersproject/networks" "^5.5.0"
-    "@ethersproject/properties" "^5.5.0"
-    "@ethersproject/random" "^5.5.0"
-    "@ethersproject/rlp" "^5.5.0"
-    "@ethersproject/sha2" "^5.5.0"
-    "@ethersproject/strings" "^5.5.0"
-    "@ethersproject/transactions" "^5.5.0"
-    "@ethersproject/web" "^5.5.0"
-    bech32 "1.1.4"
-    ws "7.4.6"
-
-"@ethersproject/providers@5.5.3":
-  version "5.5.3"
-  resolved "https://registry.yarnpkg.com/@ethersproject/providers/-/providers-5.5.3.tgz#56c2b070542ac44eb5de2ed3cf6784acd60a3130"
-  integrity sha512-ZHXxXXXWHuwCQKrgdpIkbzMNJMvs+9YWemanwp1fA7XZEv7QlilseysPvQe0D7Q7DlkJX/w/bGA1MdgK2TbGvA==
-  dependencies:
-    "@ethersproject/abstract-provider" "^5.5.0"
-    "@ethersproject/abstract-signer" "^5.5.0"
-    "@ethersproject/address" "^5.5.0"
-    "@ethersproject/basex" "^5.5.0"
-    "@ethersproject/bignumber" "^5.5.0"
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/constants" "^5.5.0"
-    "@ethersproject/hash" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    "@ethersproject/networks" "^5.5.0"
-    "@ethersproject/properties" "^5.5.0"
-    "@ethersproject/random" "^5.5.0"
-    "@ethersproject/rlp" "^5.5.0"
-    "@ethersproject/sha2" "^5.5.0"
-    "@ethersproject/strings" "^5.5.0"
-    "@ethersproject/transactions" "^5.5.0"
-    "@ethersproject/web" "^5.5.0"
-    bech32 "1.1.4"
-    ws "7.4.6"
-
-"@ethersproject/providers@5.7.2", "@ethersproject/providers@^5.5.0":
-  version "5.7.2"
-  resolved "https://registry.yarnpkg.com/@ethersproject/providers/-/providers-5.7.2.tgz#f8b1a4f275d7ce58cf0a2eec222269a08beb18cb"
-  integrity sha512-g34EWZ1WWAVgr4aptGlVBF8mhl3VWjv+8hoAnzStu8Ah22VHBsuGzP17eb6xDVRzw895G4W7vvx60lFFur/1Rg==
-  dependencies:
-    "@ethersproject/abstract-provider" "^5.7.0"
-    "@ethersproject/abstract-signer" "^5.7.0"
-    "@ethersproject/address" "^5.7.0"
-    "@ethersproject/base64" "^5.7.0"
-    "@ethersproject/basex" "^5.7.0"
-    "@ethersproject/bignumber" "^5.7.0"
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/constants" "^5.7.0"
-    "@ethersproject/hash" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    "@ethersproject/networks" "^5.7.0"
-    "@ethersproject/properties" "^5.7.0"
-    "@ethersproject/random" "^5.7.0"
-    "@ethersproject/rlp" "^5.7.0"
-    "@ethersproject/sha2" "^5.7.0"
-    "@ethersproject/strings" "^5.7.0"
-    "@ethersproject/transactions" "^5.7.0"
-    "@ethersproject/web" "^5.7.0"
-    bech32 "1.1.4"
-    ws "7.4.6"
-
-"@ethersproject/random@5.5.1":
-  version "5.5.1"
-  resolved "https://registry.yarnpkg.com/@ethersproject/random/-/random-5.5.1.tgz#7cdf38ea93dc0b1ed1d8e480ccdaf3535c555415"
-  integrity sha512-YaU2dQ7DuhL5Au7KbcQLHxcRHfgyNgvFV4sQOo0HrtW3Zkrc9ctWNz8wXQ4uCSfSDsqX2vcjhroxU5RQRV0nqA==
-  dependencies:
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-
-"@ethersproject/random@5.7.0", "@ethersproject/random@^5.5.0", "@ethersproject/random@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/random/-/random-5.7.0.tgz#af19dcbc2484aae078bb03656ec05df66253280c"
-  integrity sha512-19WjScqRA8IIeWclFme75VMXSBvi4e6InrUNuaR4s5pTF2qNhcGdCUwdxUVGtDDqC00sDLCO93jPQoDUH4HVmQ==
-  dependencies:
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-
-"@ethersproject/rlp@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/rlp/-/rlp-5.5.0.tgz#530f4f608f9ca9d4f89c24ab95db58ab56ab99a0"
-  integrity sha512-hLv8XaQ8PTI9g2RHoQGf/WSxBfTB/NudRacbzdxmst5VHAqd1sMibWG7SENzT5Dj3yZ3kJYx+WiRYEcQTAkcYA==
-  dependencies:
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-
-"@ethersproject/rlp@5.7.0", "@ethersproject/rlp@^5.5.0", "@ethersproject/rlp@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/rlp/-/rlp-5.7.0.tgz#de39e4d5918b9d74d46de93af80b7685a9c21304"
-  integrity sha512-rBxzX2vK8mVF7b0Tol44t5Tb8gomOHkj5guL+HhzQ1yBh/ydjGnpw6at+X6Iw0Kp3OzzzkcKp8N9r0W4kYSs9w==
-  dependencies:
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-
-"@ethersproject/sha2@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/sha2/-/sha2-5.5.0.tgz#a40a054c61f98fd9eee99af2c3cc6ff57ec24db7"
-  integrity sha512-B5UBoglbCiHamRVPLA110J+2uqsifpZaTmid2/7W5rbtYVz6gus6/hSDieIU/6gaKIDcOj12WnOdiymEUHIAOA==
-  dependencies:
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    hash.js "1.1.7"
-
-"@ethersproject/sha2@5.7.0", "@ethersproject/sha2@^5.5.0", "@ethersproject/sha2@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/sha2/-/sha2-5.7.0.tgz#9a5f7a7824ef784f7f7680984e593a800480c9fb"
-  integrity sha512-gKlH42riwb3KYp0reLsFTokByAKoJdgFCwI+CCiX/k+Jm2mbNs6oOaCjYQSlI1+XBVejwH2KrmCbMAT/GnRDQw==
-  dependencies:
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    hash.js "1.1.7"
-
-"@ethersproject/signing-key@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/signing-key/-/signing-key-5.5.0.tgz#2aa37169ce7e01e3e80f2c14325f624c29cedbe0"
-  integrity sha512-5VmseH7qjtNmDdZBswavhotYbWB0bOwKIlOTSlX14rKn5c11QmJwGt4GHeo7NrL/Ycl7uo9AHvEqs5xZgFBTng==
-  dependencies:
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    "@ethersproject/properties" "^5.5.0"
-    bn.js "^4.11.9"
-    elliptic "6.5.4"
-    hash.js "1.1.7"
-
-"@ethersproject/signing-key@5.7.0", "@ethersproject/signing-key@^5.5.0", "@ethersproject/signing-key@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/signing-key/-/signing-key-5.7.0.tgz#06b2df39411b00bc57c7c09b01d1e41cf1b16ab3"
-  integrity sha512-MZdy2nL3wO0u7gkB4nA/pEf8lu1TlFswPNmy8AiYkfKTdO6eXBJyUdmHO/ehm/htHw9K/qF8ujnTyUAD+Ry54Q==
-  dependencies:
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    "@ethersproject/properties" "^5.7.0"
-    bn.js "^5.2.1"
-    elliptic "6.5.4"
-    hash.js "1.1.7"
-
-"@ethersproject/solidity@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/solidity/-/solidity-5.5.0.tgz#2662eb3e5da471b85a20531e420054278362f93f"
-  integrity sha512-9NgZs9LhGMj6aCtHXhtmFQ4AN4sth5HuFXVvAQtzmm0jpSCNOTGtrHZJAeYTh7MBjRR8brylWZxBZR9zDStXbw==
-  dependencies:
-    "@ethersproject/bignumber" "^5.5.0"
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/keccak256" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    "@ethersproject/sha2" "^5.5.0"
-    "@ethersproject/strings" "^5.5.0"
-
-"@ethersproject/solidity@5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/solidity/-/solidity-5.7.0.tgz#5e9c911d8a2acce2a5ebb48a5e2e0af20b631cb8"
-  integrity sha512-HmabMd2Dt/raavyaGukF4XxizWKhKQ24DoLtdNbBmNKUOPqwjsKQSdV9GQtj9CBEea9DlzETlVER1gYeXXBGaA==
-  dependencies:
-    "@ethersproject/bignumber" "^5.7.0"
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/keccak256" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    "@ethersproject/sha2" "^5.7.0"
-    "@ethersproject/strings" "^5.7.0"
-
-"@ethersproject/strings@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/strings/-/strings-5.5.0.tgz#e6784d00ec6c57710755699003bc747e98c5d549"
-  integrity sha512-9fy3TtF5LrX/wTrBaT8FGE6TDJyVjOvXynXJz5MT5azq+E6D92zuKNx7i29sWW2FjVOaWjAsiZ1ZWznuduTIIQ==
-  dependencies:
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/constants" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-
-"@ethersproject/strings@5.7.0", "@ethersproject/strings@^5.5.0", "@ethersproject/strings@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/strings/-/strings-5.7.0.tgz#54c9d2a7c57ae8f1205c88a9d3a56471e14d5ed2"
-  integrity sha512-/9nu+lj0YswRNSH0NXYqrh8775XNyEdUQAuf3f+SmOrnVewcJ5SBNAjF7lpgehKi4abvNNXyf+HX86czCdJ8Mg==
-  dependencies:
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/constants" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-
-"@ethersproject/transactions@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/transactions/-/transactions-5.5.0.tgz#7e9bf72e97bcdf69db34fe0d59e2f4203c7a2908"
-  integrity sha512-9RZYSKX26KfzEd/1eqvv8pLauCKzDTub0Ko4LfIgaERvRuwyaNV78mJs7cpIgZaDl6RJui4o49lHwwCM0526zA==
-  dependencies:
-    "@ethersproject/address" "^5.5.0"
-    "@ethersproject/bignumber" "^5.5.0"
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/constants" "^5.5.0"
-    "@ethersproject/keccak256" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    "@ethersproject/properties" "^5.5.0"
-    "@ethersproject/rlp" "^5.5.0"
-    "@ethersproject/signing-key" "^5.5.0"
-
-"@ethersproject/transactions@5.7.0", "@ethersproject/transactions@^5.5.0", "@ethersproject/transactions@^5.6.2", "@ethersproject/transactions@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/transactions/-/transactions-5.7.0.tgz#91318fc24063e057885a6af13fdb703e1f993d3b"
-  integrity sha512-kmcNicCp1lp8qanMTC3RIikGgoJ80ztTyvtsFvCYpSCfkjhD0jZ2LOrnbcuxuToLIUYYf+4XwD1rP+B/erDIhQ==
-  dependencies:
-    "@ethersproject/address" "^5.7.0"
-    "@ethersproject/bignumber" "^5.7.0"
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/constants" "^5.7.0"
-    "@ethersproject/keccak256" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    "@ethersproject/properties" "^5.7.0"
-    "@ethersproject/rlp" "^5.7.0"
-    "@ethersproject/signing-key" "^5.7.0"
-
-"@ethersproject/units@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/units/-/units-5.5.0.tgz#104d02db5b5dc42cc672cc4587bafb87a95ee45e"
-  integrity sha512-7+DpjiZk4v6wrikj+TCyWWa9dXLNU73tSTa7n0TSJDxkYbV3Yf1eRh9ToMLlZtuctNYu9RDNNy2USq3AdqSbag==
-  dependencies:
-    "@ethersproject/bignumber" "^5.5.0"
-    "@ethersproject/constants" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-
-"@ethersproject/units@5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/units/-/units-5.7.0.tgz#637b563d7e14f42deeee39245275d477aae1d8b1"
-  integrity sha512-pD3xLMy3SJu9kG5xDGI7+xhTEmGXlEqXU4OfNapmfnxLVY4EMSSRp7j1k7eezutBPH7RBN/7QPnwR7hzNlEFeg==
-  dependencies:
-    "@ethersproject/bignumber" "^5.7.0"
-    "@ethersproject/constants" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-
-"@ethersproject/wallet@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/wallet/-/wallet-5.5.0.tgz#322a10527a440ece593980dca6182f17d54eae75"
-  integrity sha512-Mlu13hIctSYaZmUOo7r2PhNSd8eaMPVXe1wxrz4w4FCE4tDYBywDH+bAR1Xz2ADyXGwqYMwstzTrtUVIsKDO0Q==
-  dependencies:
-    "@ethersproject/abstract-provider" "^5.5.0"
-    "@ethersproject/abstract-signer" "^5.5.0"
-    "@ethersproject/address" "^5.5.0"
-    "@ethersproject/bignumber" "^5.5.0"
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/hash" "^5.5.0"
-    "@ethersproject/hdnode" "^5.5.0"
-    "@ethersproject/json-wallets" "^5.5.0"
-    "@ethersproject/keccak256" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    "@ethersproject/properties" "^5.5.0"
-    "@ethersproject/random" "^5.5.0"
-    "@ethersproject/signing-key" "^5.5.0"
-    "@ethersproject/transactions" "^5.5.0"
-    "@ethersproject/wordlists" "^5.5.0"
-
-"@ethersproject/wallet@5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/wallet/-/wallet-5.7.0.tgz#4e5d0790d96fe21d61d38fb40324e6c7ef350b2d"
-  integrity sha512-MhmXlJXEJFBFVKrDLB4ZdDzxcBxQ3rLyCkhNqVu3CDYvR97E+8r01UgrI+TI99Le+aYm/in/0vp86guJuM7FCA==
-  dependencies:
-    "@ethersproject/abstract-provider" "^5.7.0"
-    "@ethersproject/abstract-signer" "^5.7.0"
-    "@ethersproject/address" "^5.7.0"
-    "@ethersproject/bignumber" "^5.7.0"
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/hash" "^5.7.0"
-    "@ethersproject/hdnode" "^5.7.0"
-    "@ethersproject/json-wallets" "^5.7.0"
-    "@ethersproject/keccak256" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    "@ethersproject/properties" "^5.7.0"
-    "@ethersproject/random" "^5.7.0"
-    "@ethersproject/signing-key" "^5.7.0"
-    "@ethersproject/transactions" "^5.7.0"
-    "@ethersproject/wordlists" "^5.7.0"
-
-"@ethersproject/web@5.5.1":
-  version "5.5.1"
-  resolved "https://registry.yarnpkg.com/@ethersproject/web/-/web-5.5.1.tgz#cfcc4a074a6936c657878ac58917a61341681316"
-  integrity sha512-olvLvc1CB12sREc1ROPSHTdFCdvMh0J5GSJYiQg2D0hdD4QmJDy8QYDb1CvoqD/bF1c++aeKv2sR5uduuG9dQg==
-  dependencies:
-    "@ethersproject/base64" "^5.5.0"
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    "@ethersproject/properties" "^5.5.0"
-    "@ethersproject/strings" "^5.5.0"
-
-"@ethersproject/web@5.7.1", "@ethersproject/web@^5.5.0", "@ethersproject/web@^5.7.0":
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/@ethersproject/web/-/web-5.7.1.tgz#de1f285b373149bee5928f4eb7bcb87ee5fbb4ae"
-  integrity sha512-Gueu8lSvyjBWL4cYsWsjh6MtMwM0+H4HvqFPZfB6dV8ctbP9zFAO73VG1cMWae0FLPCtz0peKPpZY8/ugJJX2w==
-  dependencies:
-    "@ethersproject/base64" "^5.7.0"
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    "@ethersproject/properties" "^5.7.0"
-    "@ethersproject/strings" "^5.7.0"
-
-"@ethersproject/wordlists@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/wordlists/-/wordlists-5.5.0.tgz#aac74963aa43e643638e5172353d931b347d584f"
-  integrity sha512-bL0UTReWDiaQJJYOC9sh/XcRu/9i2jMrzf8VLRmPKx58ckSlOJiohODkECCO50dtLZHcGU6MLXQ4OOrgBwP77Q==
-  dependencies:
-    "@ethersproject/bytes" "^5.5.0"
-    "@ethersproject/hash" "^5.5.0"
-    "@ethersproject/logger" "^5.5.0"
-    "@ethersproject/properties" "^5.5.0"
-    "@ethersproject/strings" "^5.5.0"
-
-"@ethersproject/wordlists@5.7.0", "@ethersproject/wordlists@^5.5.0", "@ethersproject/wordlists@^5.7.0":
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/@ethersproject/wordlists/-/wordlists-5.7.0.tgz#8fb2c07185d68c3e09eb3bfd6e779ba2774627f5"
-  integrity sha512-S2TFNJNfHWVHNE6cNDjbVlZ6MgE17MIxMbMg2zv3wn+3XSJGosL1m9ZVv3GXCf/2ymSsQ+hRI5IzoMJTG6aoVA==
-  dependencies:
-    "@ethersproject/bytes" "^5.7.0"
-    "@ethersproject/hash" "^5.7.0"
-    "@ethersproject/logger" "^5.7.0"
-    "@ethersproject/properties" "^5.7.0"
-    "@ethersproject/strings" "^5.7.0"
-
-"@expo/config-plugins@~7.9.0":
-  version "7.9.2"
-  resolved "https://registry.yarnpkg.com/@expo/config-plugins/-/config-plugins-7.9.2.tgz#fc18e84761067ce670742d735b888613c06fbea8"
-  integrity sha512-sRU/OAp7kJxrCUiCTUZqvPMKPdiN1oTmNfnbkG4oPdfWQTpid3jyCH7ZxJEN5SI6jrY/ZsK5B/JPgjDUhuWLBQ==
-  dependencies:
-    "@expo/config-types" "^50.0.0-alpha.1"
-    "@expo/fingerprint" "^0.6.0"
-    "@expo/json-file" "~8.3.0"
-    "@expo/plist" "^0.1.0"
-    "@expo/sdk-runtime-versions" "^1.0.0"
-    "@react-native/normalize-color" "^2.0.0"
-    chalk "^4.1.2"
-    debug "^4.3.1"
-    find-up "~5.0.0"
-    getenv "^1.0.0"
-    glob "7.1.6"
-    resolve-from "^5.0.0"
-    semver "^7.5.3"
-    slash "^3.0.0"
-    slugify "^1.6.6"
-    xcode "^3.0.1"
-    xml2js "0.6.0"
-
-"@expo/config-types@^50.0.0", "@expo/config-types@^50.0.0-alpha.1":
-  version "50.0.1"
-  resolved "https://registry.yarnpkg.com/@expo/config-types/-/config-types-50.0.1.tgz#12d889214dedf64fbf2322c9d9e75c9d5ca7f695"
-  integrity sha512-EZHMgzkWRB9SMHO1e9m8s+OMahf92XYTnsCFjxhSfcDrcEoSdFPyJWDJVloHZPMGhxns7Fi2+A+bEVN/hD4NKA==
-
-"@expo/config@~8.5.0":
-  version "8.5.6"
-  resolved "https://registry.yarnpkg.com/@expo/config/-/config-8.5.6.tgz#e37ba437a1718ed4629e1dd130a7aace25312b89"
-  integrity sha512-wF5awSg6MNn1cb1lIgjnhOn5ov2TEUTnkAVCsOl0QqDwcP+YIerteSFwjn9V52UZvg58L+LKxpCuGbw5IHavbg==
-  dependencies:
-    "@babel/code-frame" "~7.10.4"
-    "@expo/config-plugins" "~7.9.0"
-    "@expo/config-types" "^50.0.0"
-    "@expo/json-file" "^8.2.37"
-    getenv "^1.0.0"
-    glob "7.1.6"
-    require-from-string "^2.0.2"
-    resolve-from "^5.0.0"
-    semver "7.5.3"
-    slugify "^1.3.4"
-    sucrase "3.34.0"
-
-"@expo/fingerprint@^0.6.0":
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/@expo/fingerprint/-/fingerprint-0.6.1.tgz#763ae79b06f60e10853596bfa2bd730bfb13f2b0"
-  integrity sha512-ggLn6unI6qowlA1FihdQwPpLn16VJulYkvYAEL50gaqVahfNEglRQMSH2giZzjD0d6xq2/EQuUdFyHaJfyJwOQ==
-  dependencies:
-    "@expo/spawn-async" "^1.5.0"
-    chalk "^4.1.2"
-    debug "^4.3.4"
-    find-up "^5.0.0"
-    minimatch "^3.0.4"
-    p-limit "^3.1.0"
-    resolve-from "^5.0.0"
-
-"@expo/json-file@^8.2.37", "@expo/json-file@~8.3.0":
-  version "8.3.3"
-  resolved "https://registry.yarnpkg.com/@expo/json-file/-/json-file-8.3.3.tgz#7926e3592f76030ce63d6b1308ac8f5d4d9341f4"
-  integrity sha512-eZ5dld9AD0PrVRiIWpRkm5aIoWBw3kAyd8VkuWEy92sEthBKDDDHAnK2a0dw0Eil6j7rK7lS/Qaq/Zzngv2h5A==
-  dependencies:
-    "@babel/code-frame" "~7.10.4"
-    json5 "^2.2.2"
-    write-file-atomic "^2.3.0"
-
-"@expo/plist@^0.1.0":
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@expo/plist/-/plist-0.1.3.tgz#b4fbee2c4f7a88512a4853d85319f4d95713c529"
-  integrity sha512-GW/7hVlAylYg1tUrEASclw1MMk9FP4ZwyFAY/SUTJIhPDQHtfOlXREyWV3hhrHdX/K+pS73GNgdfT6E/e+kBbg==
-  dependencies:
-    "@xmldom/xmldom" "~0.7.7"
-    base64-js "^1.2.3"
-    xmlbuilder "^14.0.0"
-
-"@expo/sdk-runtime-versions@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@expo/sdk-runtime-versions/-/sdk-runtime-versions-1.0.0.tgz#d7ebd21b19f1c6b0395e50d78da4416941c57f7c"
-  integrity sha512-Doz2bfiPndXYFPMRwPyGa1k5QaKDVpY806UJj570epIiMzWaYyCtobasyfC++qfIXVb5Ocy7r3tP9d62hAQ7IQ==
-
-"@expo/spawn-async@^1.5.0":
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/@expo/spawn-async/-/spawn-async-1.7.2.tgz#fcfe66c3e387245e72154b1a7eae8cada6a47f58"
-  integrity sha512-QdWi16+CHB9JYP7gma19OVVg0BFkvU8zNj9GjWorYI8Iv8FUxjOCcYRuAmX4s/h91e4e7BPsskc8cSrZYho9Ew==
-  dependencies:
-    cross-spawn "^7.0.3"
-
-"@faker-js/faker@^8.1.0":
-  version "8.4.1"
-  resolved "https://registry.yarnpkg.com/@faker-js/faker/-/faker-8.4.1.tgz#5d5e8aee8fce48f5e189bf730ebd1f758f491451"
-  integrity sha512-XQ3cU+Q8Uqmrbf2e0cIC/QN43sTBSC8KF12u29Mb47tWrt2hAgBXSgpZMj4Ao8Uk0iJcU99QsOCaIL8934obCg==
-
-"@fal-works/esbuild-plugin-global-externals@^2.1.2":
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/@fal-works/esbuild-plugin-global-externals/-/esbuild-plugin-global-externals-2.1.2.tgz#c05ed35ad82df8e6ac616c68b92c2282bd083ba4"
-  integrity sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==
-
-"@fastify/busboy@^2.0.0":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@fastify/busboy/-/busboy-2.1.1.tgz#b9da6a878a371829a0502c9b6c1c143ef6663f4d"
-  integrity sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==
-
-"@figspec/components@^1.0.1":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@figspec/components/-/components-1.0.3.tgz#6456970a7298f9969d4d329574435050fcac00d9"
-  integrity sha512-fBwHzJ4ouuOUJEi+yBZIrOy+0/fAjB3AeTcIHTT1PRxLz8P63xwC7R0EsIJXhScIcc+PljGmqbbVJCjLsnaGYA==
-  dependencies:
-    lit "^2.1.3"
-
-"@figspec/react@^1.0.0":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@figspec/react/-/react-1.0.3.tgz#10529605ec57af305e1ee63afb9f0faf0898131d"
-  integrity sha512-r683qOko+5CbT48Ox280fMx2MNAtaFPgCNJvldOqN3YtmAzlcTT+YSxd3OahA+kjXGGrnzDbUgeTOX1cPLII+g==
-  dependencies:
-    "@figspec/components" "^1.0.1"
-    "@lit-labs/react" "^1.0.2"
-
-"@firebase/analytics-compat@0.2.10":
-  version "0.2.10"
-  resolved "https://registry.yarnpkg.com/@firebase/analytics-compat/-/analytics-compat-0.2.10.tgz#c98005075c019eb8255764a5279f0ff86b36b863"
-  integrity sha512-ia68RcLQLLMFWrM10JfmFod7eJGwqr4/uyrtzHpTDnxGX/6gNCBTOuxdAbyWIqXI5XmcMQdz9hDijGKOHgDfPw==
-  dependencies:
-    "@firebase/analytics" "0.10.4"
-    "@firebase/analytics-types" "0.8.2"
-    "@firebase/component" "0.6.7"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/analytics-types@0.8.2":
-  version "0.8.2"
-  resolved "https://registry.yarnpkg.com/@firebase/analytics-types/-/analytics-types-0.8.2.tgz#947f85346e404332aac6c996d71fd4a89cd7f87a"
-  integrity sha512-EnzNNLh+9/sJsimsA/FGqzakmrAUKLeJvjRHlg8df1f97NLUlFidk9600y0ZgWOp3CAxn6Hjtk+08tixlUOWyw==
-
-"@firebase/analytics@0.10.4":
-  version "0.10.4"
-  resolved "https://registry.yarnpkg.com/@firebase/analytics/-/analytics-0.10.4.tgz#dc68a86774f9ee4f980708e824157617fd2b8ef7"
-  integrity sha512-OJEl/8Oye/k+vJ1zV/1L6eGpc1XzAj+WG2TPznJ7PszL7sOFLBXkL9IjHfOCGDGpXeO3btozy/cYUqv4zgNeHg==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/installations" "0.6.7"
-    "@firebase/logger" "0.4.2"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/app-check-compat@0.3.11":
-  version "0.3.11"
-  resolved "https://registry.yarnpkg.com/@firebase/app-check-compat/-/app-check-compat-0.3.11.tgz#0a5d1c72c91ba239e4dabf6fd698b27f082030ca"
-  integrity sha512-t01zaH3RJpKEey0nGduz3Is+uSz7Sj4U5nwOV6lWb+86s5xtxpIvBJzu/lKxJfYyfZ29eJwpdjEgT1/lm4iQyA==
-  dependencies:
-    "@firebase/app-check" "0.8.4"
-    "@firebase/app-check-types" "0.5.2"
-    "@firebase/component" "0.6.7"
-    "@firebase/logger" "0.4.2"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/app-check-interop-types@0.3.2":
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/@firebase/app-check-interop-types/-/app-check-interop-types-0.3.2.tgz#455b6562c7a3de3ef75ea51f72dfec5829ad6997"
-  integrity sha512-LMs47Vinv2HBMZi49C09dJxp0QT5LwDzFaVGf/+ITHe3BlIhUiLNttkATSXplc89A2lAaeTqjgqVkiRfUGyQiQ==
-
-"@firebase/app-check-types@0.5.2":
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/@firebase/app-check-types/-/app-check-types-0.5.2.tgz#1221bd09b471e11bb149252f16640a0a51043cbc"
-  integrity sha512-FSOEzTzL5bLUbD2co3Zut46iyPWML6xc4x+78TeaXMSuJap5QObfb+rVvZJtla3asN4RwU7elaQaduP+HFizDA==
-
-"@firebase/app-check@0.8.4":
-  version "0.8.4"
-  resolved "https://registry.yarnpkg.com/@firebase/app-check/-/app-check-0.8.4.tgz#1c965d34527d1b924fc7bd51789119b3f817bf94"
-  integrity sha512-2tjRDaxcM5G7BEpytiDcIl+NovV99q8yEqRMKDbn4J4i/XjjuThuB4S+4PkmTnZiCbdLXQiBhkVxNlUDcfog5Q==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/logger" "0.4.2"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/app-compat@0.2.34":
-  version "0.2.34"
-  resolved "https://registry.yarnpkg.com/@firebase/app-compat/-/app-compat-0.2.34.tgz#2f758f4cf0c282ede5d8f959b9022ffffe3441cf"
-  integrity sha512-enteBla1gBYObauvsC9bRRoqHZnOW48ahYABZ+l+FEiWil1rw0gVihl8D4eLqtQp/ci8+fbOBf3ZL19uFq/OCw==
-  dependencies:
-    "@firebase/app" "0.10.4"
-    "@firebase/component" "0.6.7"
-    "@firebase/logger" "0.4.2"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/app-types@0.9.2":
-  version "0.9.2"
-  resolved "https://registry.yarnpkg.com/@firebase/app-types/-/app-types-0.9.2.tgz#8cbcceba784753a7c0066a4809bc22f93adee080"
-  integrity sha512-oMEZ1TDlBz479lmABwWsWjzHwheQKiAgnuKxE0pz0IXCVx7/rtlkx1fQ6GfgK24WCrxDKMplZrT50Kh04iMbXQ==
-
-"@firebase/app@0.10.4":
-  version "0.10.4"
-  resolved "https://registry.yarnpkg.com/@firebase/app/-/app-0.10.4.tgz#9cf3f7b880226da813c83b8476648257ac71a79f"
-  integrity sha512-oKd5cT+fDbQ22X8Am3tBOrSFdDp8n4NJDqld4uo+H/PL9F+D3ogtTeiPyDWw1lZK7FsMbmtRrPRozlmJFzSKAQ==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/logger" "0.4.2"
-    "@firebase/util" "1.9.6"
-    idb "7.1.1"
-    tslib "^2.1.0"
-
-"@firebase/auth-compat@0.5.8":
-  version "0.5.8"
-  resolved "https://registry.yarnpkg.com/@firebase/auth-compat/-/auth-compat-0.5.8.tgz#2fc51e12c00f5f6062539fee39fc50b7436985ca"
-  integrity sha512-qUgmv/mcth9wHPTOCKgAOeHe5c+BIOJVcbX2RfcjlXO3xnd8nRafwEkZKBNJUjy4oihYhqFMEMnTHLhwLJwLig==
-  dependencies:
-    "@firebase/auth" "1.7.3"
-    "@firebase/auth-types" "0.12.2"
-    "@firebase/component" "0.6.7"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-    undici "5.28.4"
-
-"@firebase/auth-interop-types@0.2.3":
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/@firebase/auth-interop-types/-/auth-interop-types-0.2.3.tgz#927f1f2139a680b55fef0bddbff2c982b08587e8"
-  integrity sha512-Fc9wuJGgxoxQeavybiuwgyi+0rssr76b+nHpj+eGhXFYAdudMWyfBHvFL/I5fEHniUM/UQdFzi9VXJK2iZF7FQ==
-
-"@firebase/auth-types@0.12.2":
-  version "0.12.2"
-  resolved "https://registry.yarnpkg.com/@firebase/auth-types/-/auth-types-0.12.2.tgz#f12d890585866e53b6ab18b16fa4d425c52eee6e"
-  integrity sha512-qsEBaRMoGvHO10unlDJhaKSuPn4pyoTtlQuP1ghZfzB6rNQPuhp/N/DcFZxm9i4v0SogjCbf9reWupwIvfmH6w==
-
-"@firebase/auth@1.7.3":
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/@firebase/auth/-/auth-1.7.3.tgz#b83bcf0aecb718d6291b6808abfd33572a69a2fb"
-  integrity sha512-RiU1PjziOxLuyswtYtLK2qSjHIQJQGCk1h986SUFRbMQfzLXbQg8ZgXwxac1UAfDOzgzqPNCXhBuIlSK2UomoQ==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/logger" "0.4.2"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-    undici "5.28.4"
-
-"@firebase/component@0.6.7":
-  version "0.6.7"
-  resolved "https://registry.yarnpkg.com/@firebase/component/-/component-0.6.7.tgz#6fbffddb26833e1ed58bf296ad587cb330aee716"
-  integrity sha512-baH1AA5zxfaz4O8w0vDwETByrKTQqB5CDjRls79Sa4eAGAoERw4Tnung7XbMl3jbJ4B/dmmtsMrdki0KikwDYA==
-  dependencies:
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/database-compat@1.0.5":
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/@firebase/database-compat/-/database-compat-1.0.5.tgz#18c2314f169942ac315e46b68f86cbe64bafe063"
-  integrity sha512-NDSMaDjQ+TZEMDMmzJwlTL05kh1+0Y84C+kVMaOmNOzRGRM7VHi29I6YUhCetXH+/b1Wh4ZZRyp1CuWkd8s6hg==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/database" "1.0.5"
-    "@firebase/database-types" "1.0.3"
-    "@firebase/logger" "0.4.2"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/database-types@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@firebase/database-types/-/database-types-1.0.3.tgz#1b764212dce88eca74b16da9d220cfea6814858e"
-  integrity sha512-39V/Riv2R3O/aUjYKh0xypj7NTNXNAK1bcgY5Kx+hdQPRS/aPTS8/5c0CGFYKgVuFbYlnlnhrCTYsh2uNhGwzA==
-  dependencies:
-    "@firebase/app-types" "0.9.2"
-    "@firebase/util" "1.9.6"
-
-"@firebase/database@1.0.5":
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/@firebase/database/-/database-1.0.5.tgz#09d7162b7dbc4533f17498ac6a76d5e757ab45be"
-  integrity sha512-cAfwBqMQuW6HbhwI3Cb/gDqZg7aR0OmaJ85WUxlnoYW2Tm4eR0hFl5FEijI3/gYPUiUcUPQvTkGV222VkT7KPw==
-  dependencies:
-    "@firebase/app-check-interop-types" "0.3.2"
-    "@firebase/auth-interop-types" "0.2.3"
-    "@firebase/component" "0.6.7"
-    "@firebase/logger" "0.4.2"
-    "@firebase/util" "1.9.6"
-    faye-websocket "0.11.4"
-    tslib "^2.1.0"
-
-"@firebase/firestore-compat@0.3.32":
-  version "0.3.32"
-  resolved "https://registry.yarnpkg.com/@firebase/firestore-compat/-/firestore-compat-0.3.32.tgz#1357ba5f80b83f33210d4fb49a1cd346cf95b291"
-  integrity sha512-at71mwK7a/mUXH0OgyY0+gUzedm/EUydDFYSFsBoO8DYowZ23Mgd6P4Rzq/Ll3zI/3xJN7LGe7Qp4iE/V/3Arg==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/firestore" "4.6.3"
-    "@firebase/firestore-types" "3.0.2"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/firestore-types@3.0.2":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@firebase/firestore-types/-/firestore-types-3.0.2.tgz#75c301acc5fa33943eaaa9570b963c55398cad2a"
-  integrity sha512-wp1A+t5rI2Qc/2q7r2ZpjUXkRVPtGMd6zCLsiWurjsQpqPgFin3AhNibKcIzoF2rnToNa/XYtyWXuifjOOwDgg==
-
-"@firebase/firestore@4.6.3":
-  version "4.6.3"
-  resolved "https://registry.yarnpkg.com/@firebase/firestore/-/firestore-4.6.3.tgz#87ad38dfd0a0f16e79682177102ee1328d59af44"
-  integrity sha512-d/+N2iUsiJ/Dc7fApdpdmmTXzwuTCromsdA1lKwYfZtMIOd1fI881NSLwK2wV4I38wkLnvfKJUV6WpU1f3/ONg==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/logger" "0.4.2"
-    "@firebase/util" "1.9.6"
-    "@firebase/webchannel-wrapper" "1.0.0"
-    "@grpc/grpc-js" "~1.9.0"
-    "@grpc/proto-loader" "^0.7.8"
-    tslib "^2.1.0"
-    undici "5.28.4"
-
-"@firebase/functions-compat@0.3.11":
-  version "0.3.11"
-  resolved "https://registry.yarnpkg.com/@firebase/functions-compat/-/functions-compat-0.3.11.tgz#9fdff8b174879b404501df7b8b519e5fb6d0b8ec"
-  integrity sha512-Qn+ts/M6Lj2/6i1cp5V5TRR+Hi9kyXyHbo+w9GguINJ87zxrCe6ulx3TI5AGQkoQa8YFHUhT3DMGmLFiJjWTSQ==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/functions" "0.11.5"
-    "@firebase/functions-types" "0.6.2"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/functions-types@0.6.2":
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/@firebase/functions-types/-/functions-types-0.6.2.tgz#03b4ec9259d2f57548a3909d6a35ae35ad243552"
-  integrity sha512-0KiJ9lZ28nS2iJJvimpY4nNccV21rkQyor5Iheu/nq8aKXJqtJdeSlZDspjPSBBiHRzo7/GMUttegnsEITqR+w==
-
-"@firebase/functions@0.11.5":
-  version "0.11.5"
-  resolved "https://registry.yarnpkg.com/@firebase/functions/-/functions-0.11.5.tgz#e4187ae3ae262b0482114f7ad418600ca84f3459"
-  integrity sha512-qrHJ+l62mZiU5UZiVi84t/iLXZlhRuSvBQsa2qvNLgPsEWR7wdpWhRmVdB7AU8ndkSHJjGlMICqrVnz47sgU7Q==
-  dependencies:
-    "@firebase/app-check-interop-types" "0.3.2"
-    "@firebase/auth-interop-types" "0.2.3"
-    "@firebase/component" "0.6.7"
-    "@firebase/messaging-interop-types" "0.2.2"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-    undici "5.28.4"
-
-"@firebase/installations-compat@0.2.7":
-  version "0.2.7"
-  resolved "https://registry.yarnpkg.com/@firebase/installations-compat/-/installations-compat-0.2.7.tgz#c430f34bfcfc008c92ca32fd11d6c84ab5dd7888"
-  integrity sha512-RPcbD+3nqHbnhVjIOpWK2H5qzZ8pAAAScceiWph0VNTqpKyPQ5tDcp4V5fS0ELpfgsHYvroMLDKfeHxpfvm8cw==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/installations" "0.6.7"
-    "@firebase/installations-types" "0.5.2"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/installations-types@0.5.2":
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/@firebase/installations-types/-/installations-types-0.5.2.tgz#4d4949e0e83ced7f36cbee009355cd305a36e158"
-  integrity sha512-que84TqGRZJpJKHBlF2pkvc1YcXrtEDOVGiDjovP/a3s6W4nlbohGXEsBJo0JCeeg/UG9A+DEZVDUV9GpklUzA==
-
-"@firebase/installations@0.6.7":
-  version "0.6.7"
-  resolved "https://registry.yarnpkg.com/@firebase/installations/-/installations-0.6.7.tgz#4fc60ca86e838d7c45dfd1d4926d000060bd1079"
-  integrity sha512-i6iGoXRu5mX4rTsiMSSKrgh9pSEzD4hwBEzRh5kEhOTr8xN/wvQcCPZDSMVYKwM2XyCPBLVq0JzjyerwL0Rihg==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/util" "1.9.6"
-    idb "7.1.1"
-    tslib "^2.1.0"
-
-"@firebase/logger@0.4.2":
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/@firebase/logger/-/logger-0.4.2.tgz#74dfcfeedee810deb8a7080d5b7eba56aa16ffa2"
-  integrity sha512-Q1VuA5M1Gjqrwom6I6NUU4lQXdo9IAQieXlujeHZWvRt1b7qQ0KwBaNAjgxG27jgF9/mUwsNmO8ptBCGVYhB0A==
-  dependencies:
-    tslib "^2.1.0"
-
-"@firebase/messaging-compat@0.2.9":
-  version "0.2.9"
-  resolved "https://registry.yarnpkg.com/@firebase/messaging-compat/-/messaging-compat-0.2.9.tgz#a4cae54c9caf10a3a6c811152d5bd58f165337b7"
-  integrity sha512-5jN6wyhwPgBH02zOtmmoOeyfsmoD7ty48D1m0vVPsFg55RqN2Z3Q9gkZ5GmPklFPjTPLcxB1ObcHOZvThTkm7g==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/messaging" "0.12.9"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/messaging-interop-types@0.2.2":
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/@firebase/messaging-interop-types/-/messaging-interop-types-0.2.2.tgz#81042f7e9739733fa4571d17f6eb6869522754d0"
-  integrity sha512-l68HXbuD2PPzDUOFb3aG+nZj5KA3INcPwlocwLZOzPp9rFM9yeuI9YLl6DQfguTX5eAGxO0doTR+rDLDvQb5tA==
-
-"@firebase/messaging@0.12.9":
-  version "0.12.9"
-  resolved "https://registry.yarnpkg.com/@firebase/messaging/-/messaging-0.12.9.tgz#c3cb7a26a3488161273839bf65237f8c485ba661"
-  integrity sha512-IH+JJmzbFGZXV3+TDyKdqqKPVfKRqBBg2BfYYOy7cm7J+SwV+uJMe8EnDKYeQLEQhtpwciPfJ3qQXJs2lbxDTw==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/installations" "0.6.7"
-    "@firebase/messaging-interop-types" "0.2.2"
-    "@firebase/util" "1.9.6"
-    idb "7.1.1"
-    tslib "^2.1.0"
-
-"@firebase/performance-compat@0.2.7":
-  version "0.2.7"
-  resolved "https://registry.yarnpkg.com/@firebase/performance-compat/-/performance-compat-0.2.7.tgz#30e29934326888b164c67e5f3709c3a8e580a8d6"
-  integrity sha512-cb8ge/5iTstxfIGW+iiY+7l3FtN8gobNh9JSQNZgLC9xmcfBYWEs8IeEWMI6S8T+At0oHc3lv+b2kpRMUWr8zQ==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/logger" "0.4.2"
-    "@firebase/performance" "0.6.7"
-    "@firebase/performance-types" "0.2.2"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/performance-types@0.2.2":
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/@firebase/performance-types/-/performance-types-0.2.2.tgz#7b78cd2ab2310bac89a63348d93e67e01eb06dd7"
-  integrity sha512-gVq0/lAClVH5STrIdKnHnCo2UcPLjJlDUoEB/tB4KM+hAeHUxWKnpT0nemUPvxZ5nbdY/pybeyMe8Cs29gEcHA==
-
-"@firebase/performance@0.6.7":
-  version "0.6.7"
-  resolved "https://registry.yarnpkg.com/@firebase/performance/-/performance-0.6.7.tgz#7d6c4e5ec61df7369d87fb4a5c0af4e0cedee69b"
-  integrity sha512-d+Q4ltjdJZqjzcdms5i0UC9KLYX7vKGcygZ+7zHA/Xk+bAbMD2CPU0nWTnlNFWifZWIcXZ/2mAMvaGMW3lypUA==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/installations" "0.6.7"
-    "@firebase/logger" "0.4.2"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/remote-config-compat@0.2.7":
-  version "0.2.7"
-  resolved "https://registry.yarnpkg.com/@firebase/remote-config-compat/-/remote-config-compat-0.2.7.tgz#8a7ac7658a7c9cc29a4ad5884bc224eaae950c38"
-  integrity sha512-Fq0oneQ4SluLnfr5/HfzRS1TZf1ANj1rWbCCW3+oC98An3nE+sCdp+FSuHsEVNwgMg4Tkwx9Oom2lkKeU+Vn+w==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/logger" "0.4.2"
-    "@firebase/remote-config" "0.4.7"
-    "@firebase/remote-config-types" "0.3.2"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/remote-config-types@0.3.2":
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/@firebase/remote-config-types/-/remote-config-types-0.3.2.tgz#a5d1009c6fd08036c5cd4f28764e3cd694f966d5"
-  integrity sha512-0BC4+Ud7y2aPTyhXJTMTFfrGGLqdYXrUB9sJVAB8NiqJswDTc4/2qrE/yfUbnQJhbSi6ZaTTBKyG3n1nplssaA==
-
-"@firebase/remote-config@0.4.7":
-  version "0.4.7"
-  resolved "https://registry.yarnpkg.com/@firebase/remote-config/-/remote-config-0.4.7.tgz#1afd6f3089e3c66ed6909eb60d0eb1329d27c9ff"
-  integrity sha512-5oPNrPFLsbsjpq0lUEIXoDF2eJK7vAbyXe/DEuZQxnwJlfR7aQbtUlEkRgQWcicXpyDmAmDLo7q7lDbCYa6CpA==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/installations" "0.6.7"
-    "@firebase/logger" "0.4.2"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/storage-compat@0.3.8":
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/@firebase/storage-compat/-/storage-compat-0.3.8.tgz#0d6d66a683713953b2bd24494e83bddcbb562f3a"
-  integrity sha512-qDfY9kMb6Ch2hZb40sBjDQ8YPxbjGOxuT+gU1Z0iIVSSpSX0f4YpGJCypUXiA0T11n6InCXB+T/Dknh2yxVTkg==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/storage" "0.12.5"
-    "@firebase/storage-types" "0.8.2"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/storage-types@0.8.2":
-  version "0.8.2"
-  resolved "https://registry.yarnpkg.com/@firebase/storage-types/-/storage-types-0.8.2.tgz#edb321b8a3872a9f74e1f27de046f160021c8e1f"
-  integrity sha512-0vWu99rdey0g53lA7IShoA2Lol1jfnPovzLDUBuon65K7uKG9G+L5uO05brD9pMw+l4HRFw23ah3GwTGpEav6g==
-
-"@firebase/storage@0.12.5":
-  version "0.12.5"
-  resolved "https://registry.yarnpkg.com/@firebase/storage/-/storage-0.12.5.tgz#9277b4f838572ba78f017aa6207c6d7545400846"
-  integrity sha512-nGWBOGFNr10j0LA4NJ3/Yh3us/lb0Q1xSIKZ38N6FcS+vY54nqJ7k3zE3PENregHC8+8txRow++A568G3v8hOA==
-  dependencies:
-    "@firebase/component" "0.6.7"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-    undici "5.28.4"
-
-"@firebase/util@1.9.6":
-  version "1.9.6"
-  resolved "https://registry.yarnpkg.com/@firebase/util/-/util-1.9.6.tgz#56dc34e20fcbc0dd07b11b800f95f5d0417cbfb4"
-  integrity sha512-IBr1MZbp4d5MjBCXL3TW1dK/PDXX4yOGbiwRNh1oAbE/+ci5Uuvy9KIrsFYY80as1I0iOaD5oOMA9Q8j4TJWcw==
-  dependencies:
-    tslib "^2.1.0"
-
-"@firebase/vertexai-preview@0.0.1":
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/@firebase/vertexai-preview/-/vertexai-preview-0.0.1.tgz#d25ccb106f6dd572a5ead51b17f968c3f2aa2bbb"
-  integrity sha512-N8m9Xr0YZKy0t9SpQDuHrL2ppEAT/iqf88Y/O00QNA/Td/BMCL8sJ0c+Savh1TVrqh0rNp9n6HkZ39e/O5mwhA==
-  dependencies:
-    "@firebase/app-check-interop-types" "0.3.2"
-    "@firebase/component" "0.6.7"
-    "@firebase/logger" "0.4.2"
-    "@firebase/util" "1.9.6"
-    tslib "^2.1.0"
-
-"@firebase/webchannel-wrapper@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@firebase/webchannel-wrapper/-/webchannel-wrapper-1.0.0.tgz#a0e11b39fa3ef56ed5333bf321f581037aeda033"
-  integrity sha512-zuWxyfXNbsKbm96HhXzainONPFqRcoZblQ++e9cAIGUuHfl2cFSBzW01jtesqWG/lqaUyX3H8O1y9oWboGNQBA==
-
-"@fivebinaries/coin-selection@2.2.1":
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/@fivebinaries/coin-selection/-/coin-selection-2.2.1.tgz#f5329909ac8cd1bf87decdcd054c88a8d69399a0"
-  integrity sha512-iYFsYr7RY7TEvTqP9NKR4p/yf3Iybf9abUDR7lRjzanGsrLwVsREvIuyE05iRYFrvqarlk+gWRPsdR1N2hUBrg==
-  dependencies:
-    "@emurgo/cardano-serialization-lib-browser" "^11.5.0"
-    "@emurgo/cardano-serialization-lib-nodejs" "11.5.0"
-
-"@floating-ui/core@^1.0.0":
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.6.2.tgz#d37f3e0ac1f1c756c7de45db13303a266226851a"
-  integrity sha512-+2XpQV9LLZeanU4ZevzRnGFg2neDeKHgFLjP6YLW+tly0IvrhqT4u8enLGjLH3qeh85g19xY5rsAusfwTdn5lg==
-  dependencies:
-    "@floating-ui/utils" "^0.2.0"
-
-"@floating-ui/dom@^1.0.0":
-  version "1.6.5"
-  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.6.5.tgz#323f065c003f1d3ecf0ff16d2c2c4d38979f4cb9"
-  integrity sha512-Nsdud2X65Dz+1RHjAIP0t8z5e2ff/IRbei6BqFrl1urT8sDVzM1HMQ+R0XcU5ceRfyO3I6ayeqIfh+6Wb8LGTw==
-  dependencies:
-    "@floating-ui/core" "^1.0.0"
-    "@floating-ui/utils" "^0.2.0"
-
-"@floating-ui/react-dom@^2.0.8":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.1.0.tgz#4f0e5e9920137874b2405f7d6c862873baf4beff"
-  integrity sha512-lNzj5EQmEKn5FFKc04+zasr09h/uX8RtJRNj5gUXsSQIXHVWTVh+hVAg1vOMCexkX8EgvemMvIFpQfkosnVNyA==
-  dependencies:
-    "@floating-ui/dom" "^1.0.0"
-
-"@floating-ui/utils@^0.2.0":
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.2.tgz#d8bae93ac8b815b2bd7a98078cf91e2724ef11e5"
-  integrity sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw==
-
-"@formatjs/ecma402-abstract@1.11.4":
-  version "1.11.4"
-  resolved "https://registry.yarnpkg.com/@formatjs/ecma402-abstract/-/ecma402-abstract-1.11.4.tgz#b962dfc4ae84361f9f08fbce411b4e4340930eda"
-  integrity sha512-EBikYFp2JCdIfGEb5G9dyCkTGDmC57KSHhRQOC3aYxoPWVZvfWCDjZwkGYHN7Lis/fmuWl906bnNTJifDQ3sXw==
-  dependencies:
-    "@formatjs/intl-localematcher" "0.2.25"
-    tslib "^2.1.0"
-
-"@formatjs/fast-memoize@1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@formatjs/fast-memoize/-/fast-memoize-1.2.1.tgz#e6f5aee2e4fd0ca5edba6eba7668e2d855e0fc21"
-  integrity sha512-Rg0e76nomkz3vF9IPlKeV+Qynok0r7YZjL6syLz4/urSg0IbjPZCB/iYUMNsYA643gh4mgrX3T7KEIFIxJBQeg==
-  dependencies:
-    tslib "^2.1.0"
-
-"@formatjs/icu-messageformat-parser@2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.1.0.tgz#a54293dd7f098d6a6f6a084ab08b6d54a3e8c12d"
-  integrity sha512-Qxv/lmCN6hKpBSss2uQ8IROVnta2r9jd3ymUEIjm2UyIkUCHVcbUVRGL/KS/wv7876edvsPe+hjHVJ4z8YuVaw==
-  dependencies:
-    "@formatjs/ecma402-abstract" "1.11.4"
-    "@formatjs/icu-skeleton-parser" "1.3.6"
-    tslib "^2.1.0"
-
-"@formatjs/icu-skeleton-parser@1.3.6":
-  version "1.3.6"
-  resolved "https://registry.yarnpkg.com/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.3.6.tgz#4ce8c0737d6f07b735288177049e97acbf2e8964"
-  integrity sha512-I96mOxvml/YLrwU2Txnd4klA7V8fRhb6JG/4hm3VMNmeJo1F03IpV2L3wWt7EweqNLES59SZ4d6hVOPCSf80Bg==
-  dependencies:
-    "@formatjs/ecma402-abstract" "1.11.4"
-    tslib "^2.1.0"
-
-"@formatjs/intl-localematcher@0.2.25":
-  version "0.2.25"
-  resolved "https://registry.yarnpkg.com/@formatjs/intl-localematcher/-/intl-localematcher-0.2.25.tgz#60892fe1b271ec35ba07a2eb018a2dd7bca6ea3a"
-  integrity sha512-YmLcX70BxoSopLFdLr1Ds99NdlTI2oWoLbaUW2M406lxOIPzE1KQhRz2fPUkq34xVZQaihCoU29h0KK7An3bhA==
-  dependencies:
-    tslib "^2.1.0"
-
-"@gnosis.pm/mock-contract@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@gnosis.pm/mock-contract/-/mock-contract-4.0.0.tgz#eaf500fddcab81b5f6c22280a7b22ff891dd6f87"
-  integrity sha512-SkRq2KwPx6vo0LAjSc8JhgQstrQFXRyn2yqquIfub7r2WHi5nUbF8beeSSXsd36hvBcQxQfmOIYNYRpj9JOhrQ==
-
-"@gnosis.pm/safe-contracts@1.3.0":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@gnosis.pm/safe-contracts/-/safe-contracts-1.3.0.tgz#316741a7690d8751a1f701538cfc9ec80866eedc"
-  integrity sha512-1p+1HwGvxGUVzVkFjNzglwHrLNA67U/axP0Ct85FzzH8yhGJb4t9jDjPYocVMzLorDoWAfKicGy1akPY9jXRVw==
-
-"@gnosis.pm/zodiac@^4.0.1":
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/@gnosis.pm/zodiac/-/zodiac-4.0.3.tgz#3323f496cda279e2a68ca2bf726ad840388e8229"
-  integrity sha512-yliHytBRlb4wNkeiYsaaAvYZC5VwiUBVfJ+HLEmjnWPG2EHB5tvAOUboDU7XvSQ4GUJAz8h2YUrph0XkH+/xfA==
-  dependencies:
-    "@gnosis.pm/mock-contract" "^4.0.0"
-    "@gnosis.pm/safe-contracts" "1.3.0"
-    "@openzeppelin/contracts" "^5.0.0"
-    "@openzeppelin/contracts-upgradeable" "^5.0.0"
-    ethers "^6.9.2"
-
-"@grpc/grpc-js@~1.9.0":
-  version "1.9.15"
-  resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.9.15.tgz#433d7ac19b1754af690ea650ab72190bd700739b"
-  integrity sha512-nqE7Hc0AzI+euzUwDAy0aY5hCp10r734gMGRdU+qOPX0XSceI2ULrcXB5U2xSc5VkWwalCj4M7GzCAygZl2KoQ==
-  dependencies:
-    "@grpc/proto-loader" "^0.7.8"
-    "@types/node" ">=12.12.47"
-
-"@grpc/proto-loader@^0.7.8":
-  version "0.7.13"
-  resolved "https://registry.yarnpkg.com/@grpc/proto-loader/-/proto-loader-0.7.13.tgz#f6a44b2b7c9f7b609f5748c6eac2d420e37670cf"
-  integrity sha512-AiXO/bfe9bmxBjxxtYxFAXGZvMaN5s8kO+jBHAJCON8rJoB5YS/D6X7ZNc6XQkuHNmyl4CYaMI1fJ/Gn27RGGw==
-  dependencies:
-    lodash.camelcase "^4.3.0"
-    long "^5.0.0"
-    protobufjs "^7.2.5"
-    yargs "^17.7.2"
-
-"@hapi/hoek@^9.0.0":
-  version "9.3.0"
-  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-9.3.0.tgz#8368869dcb735be2e7f5cb7647de78e167a251fb"
-  integrity sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==
-
-"@hapi/topo@^5.0.0":
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-5.1.0.tgz#dc448e332c6c6e37a4dc02fd84ba8d44b9afb012"
-  integrity sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==
-  dependencies:
-    "@hapi/hoek" "^9.0.0"
-
-"@humanwhocodes/config-array@^0.11.14":
-  version "0.11.14"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.14.tgz#d78e481a039f7566ecc9660b4ea7fe6b1fec442b"
-  integrity sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==
-  dependencies:
-    "@humanwhocodes/object-schema" "^2.0.2"
-    debug "^4.3.1"
-    minimatch "^3.0.5"
-
-"@humanwhocodes/module-importer@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
-  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
-
-"@humanwhocodes/object-schema@^2.0.2":
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz#4a2868d75d6d6963e423bcf90b7fd1be343409d3"
-  integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
-
-"@img/sharp-darwin-arm64@0.33.4":
-  version "0.33.4"
-  resolved "https://registry.yarnpkg.com/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.4.tgz#a1cf4a7febece334f16e0328b9689f05797d7aec"
-  integrity sha512-p0suNqXufJs9t3RqLBO6vvrgr5OhgbWp76s5gTRvdmxmuv9E1rcaqGUsl3l4mKVmXPkTkTErXediAui4x+8PSA==
-  optionalDependencies:
-    "@img/sharp-libvips-darwin-arm64" "1.0.2"
-
-"@img/sharp-darwin-x64@0.33.4":
-  version "0.33.4"
-  resolved "https://registry.yarnpkg.com/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.4.tgz#f77be2d7c3609d3e77cd337b199a772e07b87bd2"
-  integrity sha512-0l7yRObwtTi82Z6ebVI2PnHT8EB2NxBgpK2MiKJZJ7cz32R4lxd001ecMhzzsZig3Yv9oclvqqdV93jo9hy+Dw==
-  optionalDependencies:
-    "@img/sharp-libvips-darwin-x64" "1.0.2"
-
-"@img/sharp-libvips-darwin-arm64@1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.2.tgz#b69f49fecbe9572378675769b189410721b0fa53"
-  integrity sha512-tcK/41Rq8IKlSaKRCCAuuY3lDJjQnYIW1UXU1kxcEKrfL8WR7N6+rzNoOxoQRJWTAECuKwgAHnPvqXGN8XfkHA==
-
-"@img/sharp-libvips-darwin-x64@1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.2.tgz#5665da7360d8e5ed7bee314491c8fe736b6a3c39"
-  integrity sha512-Ofw+7oaWa0HiiMiKWqqaZbaYV3/UGL2wAPeLuJTx+9cXpCRdvQhCLG0IH8YGwM0yGWGLpsF4Su9vM1o6aer+Fw==
-
-"@img/sharp-libvips-linux-arm64@1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.2.tgz#8a05e5e9e9b760ff46561e32f19bd5e035fa881c"
-  integrity sha512-x7kCt3N00ofFmmkkdshwj3vGPCnmiDh7Gwnd4nUwZln2YjqPxV1NlTyZOvoDWdKQVDL911487HOueBvrpflagw==
-
-"@img/sharp-libvips-linux-arm@1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.2.tgz#0fd33b9bf3221948ce0ca7a5a725942626577a03"
-  integrity sha512-iLWCvrKgeFoglQxdEwzu1eQV04o8YeYGFXtfWU26Zr2wWT3q3MTzC+QTCO3ZQfWd3doKHT4Pm2kRmLbupT+sZw==
-
-"@img/sharp-libvips-linux-s390x@1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.2.tgz#4b89150ec91b256ee2cbb5bb125321bf029a4770"
-  integrity sha512-cmhQ1J4qVhfmS6szYW7RT+gLJq9dH2i4maq+qyXayUSn9/3iY2ZeWpbAgSpSVbV2E1JUL2Gg7pwnYQ1h8rQIog==
-
-"@img/sharp-libvips-linux-x64@1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.2.tgz#947ccc22ca5bc8c8cfe921b39a5fdaebc5e39f3f"
-  integrity sha512-E441q4Qdb+7yuyiADVi5J+44x8ctlrqn8XgkDTwr4qPJzWkaHwD489iZ4nGDgcuya4iMN3ULV6NwbhRZJ9Z7SQ==
-
-"@img/sharp-libvips-linuxmusl-arm64@1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.2.tgz#821d58ce774f0f8bed065b69913a62f65d512f2f"
-  integrity sha512-3CAkndNpYUrlDqkCM5qhksfE+qSIREVpyoeHIU6jd48SJZViAmznoQQLAv4hVXF7xyUB9zf+G++e2v1ABjCbEQ==
-
-"@img/sharp-libvips-linuxmusl-x64@1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.2.tgz#4309474bd8b728a61af0b3b4fad0c476b5f3ccbe"
-  integrity sha512-VI94Q6khIHqHWNOh6LLdm9s2Ry4zdjWJwH56WoiJU7NTeDwyApdZZ8c+SADC8OH98KWNQXnE01UdJ9CSfZvwZw==
-
-"@img/sharp-linux-arm64@0.33.4":
-  version "0.33.4"
-  resolved "https://registry.yarnpkg.com/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.4.tgz#bd390113e256487041411b988ded13a26cfc5f95"
-  integrity sha512-2800clwVg1ZQtxwSoTlHvtm9ObgAax7V6MTAB/hDT945Tfyy3hVkmiHpeLPCKYqYR1Gcmv1uDZ3a4OFwkdBL7Q==
-  optionalDependencies:
-    "@img/sharp-libvips-linux-arm64" "1.0.2"
-
-"@img/sharp-linux-arm@0.33.4":
-  version "0.33.4"
-  resolved "https://registry.yarnpkg.com/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.4.tgz#14ecc81f38f75fb4cd7571bc83311746d6745fca"
-  integrity sha512-RUgBD1c0+gCYZGCCe6mMdTiOFS0Zc/XrN0fYd6hISIKcDUbAW5NtSQW9g/powkrXYm6Vzwd6y+fqmExDuCdHNQ==
-  optionalDependencies:
-    "@img/sharp-libvips-linux-arm" "1.0.2"
-
-"@img/sharp-linux-s390x@0.33.4":
-  version "0.33.4"
-  resolved "https://registry.yarnpkg.com/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.4.tgz#119e8081e2c6741b5ac908fe02244e4c559e525f"
-  integrity sha512-h3RAL3siQoyzSoH36tUeS0PDmb5wINKGYzcLB5C6DIiAn2F3udeFAum+gj8IbA/82+8RGCTn7XW8WTFnqag4tQ==
-  optionalDependencies:
-    "@img/sharp-libvips-linux-s390x" "1.0.2"
-
-"@img/sharp-linux-x64@0.33.4":
-  version "0.33.4"
-  resolved "https://registry.yarnpkg.com/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.4.tgz#21d4c137b8da9a313b069ff5c920ded709f853d7"
-  integrity sha512-GoR++s0XW9DGVi8SUGQ/U4AeIzLdNjHka6jidVwapQ/JebGVQIpi52OdyxCNVRE++n1FCLzjDovJNozif7w/Aw==
-  optionalDependencies:
-    "@img/sharp-libvips-linux-x64" "1.0.2"
-
-"@img/sharp-linuxmusl-arm64@0.33.4":
-  version "0.33.4"
-  resolved "https://registry.yarnpkg.com/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.4.tgz#f3fde68fd67b85a32da6f1155818c3b58b8e7ae0"
-  integrity sha512-nhr1yC3BlVrKDTl6cO12gTpXMl4ITBUZieehFvMntlCXFzH2bvKG76tBL2Y/OqhupZt81pR7R+Q5YhJxW0rGgQ==
-  optionalDependencies:
-    "@img/sharp-libvips-linuxmusl-arm64" "1.0.2"
-
-"@img/sharp-linuxmusl-x64@0.33.4":
-  version "0.33.4"
-  resolved "https://registry.yarnpkg.com/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.4.tgz#44373724aecd7b69900e0578228144e181db7892"
-  integrity sha512-uCPTku0zwqDmZEOi4ILyGdmW76tH7dm8kKlOIV1XC5cLyJ71ENAAqarOHQh0RLfpIpbV5KOpXzdU6XkJtS0daw==
-  optionalDependencies:
-    "@img/sharp-libvips-linuxmusl-x64" "1.0.2"
-
-"@img/sharp-wasm32@0.33.4":
-  version "0.33.4"
-  resolved "https://registry.yarnpkg.com/@img/sharp-wasm32/-/sharp-wasm32-0.33.4.tgz#88e3f18d7e7cd8cfe1af98e9963db4d7b6491435"
-  integrity sha512-Bmmauh4sXUsUqkleQahpdNXKvo+wa1V9KhT2pDA4VJGKwnKMJXiSTGphn0gnJrlooda0QxCtXc6RX1XAU6hMnQ==
-  dependencies:
-    "@emnapi/runtime" "^1.1.1"
-
-"@img/sharp-win32-ia32@0.33.4":
-  version "0.33.4"
-  resolved "https://registry.yarnpkg.com/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.4.tgz#b1c772dd2952e983980b1eb85808fa8129484d46"
-  integrity sha512-99SJ91XzUhYHbx7uhK3+9Lf7+LjwMGQZMDlO/E/YVJ7Nc3lyDFZPGhjwiYdctoH2BOzW9+TnfqcaMKt0jHLdqw==
-
-"@img/sharp-win32-x64@0.33.4":
-  version "0.33.4"
-  resolved "https://registry.yarnpkg.com/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.4.tgz#106f911134035b4157ec92a0c154a6b6f88fa4c1"
-  integrity sha512-3QLocdTRVIrFNye5YocZl+KKpYKP+fksi1QhmOArgx7GyhIbQp/WrJRu176jm8IxromS7RIkzMiMINVdBtC8Aw==
-
-"@isaacs/cliui@^8.0.2":
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550"
-  integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==
-  dependencies:
-    string-width "^5.1.2"
-    string-width-cjs "npm:string-width@^4.2.0"
-    strip-ansi "^7.0.1"
-    strip-ansi-cjs "npm:strip-ansi@^6.0.1"
-    wrap-ansi "^8.1.0"
-    wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
-
-"@istanbuljs/load-nyc-config@^1.0.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
-  integrity sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==
-  dependencies:
-    camelcase "^5.3.1"
-    find-up "^4.1.0"
-    get-package-type "^0.1.0"
-    js-yaml "^3.13.1"
-    resolve-from "^5.0.0"
-
-"@istanbuljs/schema@^0.1.2", "@istanbuljs/schema@^0.1.3":
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
-  integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
-
-"@jest/console@^29.7.0":
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-29.7.0.tgz#cd4822dbdb84529265c5a2bdb529a3c9cc950ffc"
-  integrity sha512-5Ni4CU7XHQi32IJ398EEP4RrB8eV09sXP2ROqD4bksHrnTree52PsxvX8tpL8LvTZ3pFzXyPbNQReSN41CAhOg==
-  dependencies:
-    "@jest/types" "^29.6.3"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    jest-message-util "^29.7.0"
-    jest-util "^29.7.0"
-    slash "^3.0.0"
-
-"@jest/core@^29.7.0":
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-29.7.0.tgz#b6cccc239f30ff36609658c5a5e2291757ce448f"
-  integrity sha512-n7aeXWKMnGtDA48y8TLWJPJmLmmZ642Ceo78cYWEpiD7FzDgmNDV/GCVRorPABdXLJZ/9wzzgZAlHjXjxDHGsg==
-  dependencies:
-    "@jest/console" "^29.7.0"
-    "@jest/reporters" "^29.7.0"
-    "@jest/test-result" "^29.7.0"
-    "@jest/transform" "^29.7.0"
-    "@jest/types" "^29.6.3"
-    "@types/node" "*"
-    ansi-escapes "^4.2.1"
-    chalk "^4.0.0"
-    ci-info "^3.2.0"
-    exit "^0.1.2"
-    graceful-fs "^4.2.9"
-    jest-changed-files "^29.7.0"
-    jest-config "^29.7.0"
-    jest-haste-map "^29.7.0"
-    jest-message-util "^29.7.0"
-    jest-regex-util "^29.6.3"
-    jest-resolve "^29.7.0"
-    jest-resolve-dependencies "^29.7.0"
-    jest-runner "^29.7.0"
-    jest-runtime "^29.7.0"
-    jest-snapshot "^29.7.0"
-    jest-util "^29.7.0"
-    jest-validate "^29.7.0"
-    jest-watcher "^29.7.0"
-    micromatch "^4.0.4"
-    pretty-format "^29.7.0"
-    slash "^3.0.0"
-    strip-ansi "^6.0.0"
-
-"@jest/environment@^29.7.0":
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-29.7.0.tgz#24d61f54ff1f786f3cd4073b4b94416383baf2a7"
-  integrity sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==
-  dependencies:
-    "@jest/fake-timers" "^29.7.0"
-    "@jest/types" "^29.6.3"
-    "@types/node" "*"
-    jest-mock "^29.7.0"
-
-"@jest/expect-utils@^29.7.0":
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-29.7.0.tgz#023efe5d26a8a70f21677d0a1afc0f0a44e3a1c6"
-  integrity sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==
-  dependencies:
-    jest-get-type "^29.6.3"
-
-"@jest/expect@^29.7.0":
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-29.7.0.tgz#76a3edb0cb753b70dfbfe23283510d3d45432bf2"
-  integrity sha512-8uMeAMycttpva3P1lBHB8VciS9V0XAr3GymPpipdyQXbBcuhkLQOSe8E/p92RyAdToS6ZD1tFkX+CkhoECE0dQ==
-  dependencies:
-    expect "^29.7.0"
-    jest-snapshot "^29.7.0"
-
-"@jest/fake-timers@^29.7.0":
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-29.7.0.tgz#fd91bf1fffb16d7d0d24a426ab1a47a49881a565"
-  integrity sha512-q4DH1Ha4TTFPdxLsqDXK1d3+ioSL7yL5oCMJZgDYm6i+6CygW5E5xVr/D1HdsGxjt1ZWSfUAs9OxSB/BNelWrQ==
-  dependencies:
-    "@jest/types" "^29.6.3"
-    "@sinonjs/fake-timers" "^10.0.2"
-    "@types/node" "*"
-    jest-message-util "^29.7.0"
-    jest-mock "^29.7.0"
-    jest-util "^29.7.0"
-
-"@jest/globals@^29.7.0":
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-29.7.0.tgz#8d9290f9ec47ff772607fa864ca1d5a2efae1d4d"
-  integrity sha512-mpiz3dutLbkW2MNFubUGUEVLkTGiqW6yLVTA+JbP6fI6J5iL9Y0Nlg8k95pcF8ctKwCS7WVxteBs29hhfAotzQ==
-  dependencies:
-    "@jest/environment" "^29.7.0"
-    "@jest/expect" "^29.7.0"
-    "@jest/types" "^29.6.3"
-    jest-mock "^29.7.0"
-
-"@jest/reporters@^29.7.0":
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-29.7.0.tgz#04b262ecb3b8faa83b0b3d321623972393e8f4c7"
-  integrity sha512-DApq0KJbJOEzAFYjHADNNxAE3KbhxQB1y5Kplb5Waqw6zVbuWatSnMjE5gs8FUgEPmNsnZA3NCWl9NG0ia04Pg==
-  dependencies:
-    "@bcoe/v8-coverage" "^0.2.3"
-    "@jest/console" "^29.7.0"
-    "@jest/test-result" "^29.7.0"
-    "@jest/transform" "^29.7.0"
-    "@jest/types" "^29.6.3"
-    "@jridgewell/trace-mapping" "^0.3.18"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    collect-v8-coverage "^1.0.0"
-    exit "^0.1.2"
-    glob "^7.1.3"
-    graceful-fs "^4.2.9"
-    istanbul-lib-coverage "^3.0.0"
-    istanbul-lib-instrument "^6.0.0"
-    istanbul-lib-report "^3.0.0"
-    istanbul-lib-source-maps "^4.0.0"
-    istanbul-reports "^3.1.3"
-    jest-message-util "^29.7.0"
-    jest-util "^29.7.0"
-    jest-worker "^29.7.0"
-    slash "^3.0.0"
-    string-length "^4.0.1"
-    strip-ansi "^6.0.0"
-    v8-to-istanbul "^9.0.1"
-
-"@jest/schemas@^29.6.3":
-  version "29.6.3"
-  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.6.3.tgz#430b5ce8a4e0044a7e3819663305a7b3091c8e03"
-  integrity sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==
-  dependencies:
-    "@sinclair/typebox" "^0.27.8"
-
-"@jest/source-map@^29.6.3":
-  version "29.6.3"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-29.6.3.tgz#d90ba772095cf37a34a5eb9413f1b562a08554c4"
-  integrity sha512-MHjT95QuipcPrpLM+8JMSzFx6eHp5Bm+4XeFDJlwsvVBjmKNiIAvasGK2fxz2WbGRlnvqehFbh07MMa7n3YJnw==
-  dependencies:
-    "@jridgewell/trace-mapping" "^0.3.18"
-    callsites "^3.0.0"
-    graceful-fs "^4.2.9"
-
-"@jest/test-result@^29.7.0":
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-29.7.0.tgz#8db9a80aa1a097bb2262572686734baed9b1657c"
-  integrity sha512-Fdx+tv6x1zlkJPcWXmMDAG2HBnaR9XPSd5aDWQVsfrZmLVT3lU1cwyxLgRmXR9yrq4NBoEm9BMsfgFzTQAbJYA==
-  dependencies:
-    "@jest/console" "^29.7.0"
-    "@jest/types" "^29.6.3"
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    collect-v8-coverage "^1.0.0"
-
-"@jest/test-sequencer@^29.7.0":
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-29.7.0.tgz#6cef977ce1d39834a3aea887a1726628a6f072ce"
-  integrity sha512-GQwJ5WZVrKnOJuiYiAF52UNUJXgTZx1NHjFSEB0qEMmSZKAkdMoIzw/Cj6x6NF4AvV23AUqDpFzQkN/eYCYTxw==
-  dependencies:
-    "@jest/test-result" "^29.7.0"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^29.7.0"
-    slash "^3.0.0"
-
-"@jest/transform@^29.7.0":
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-29.7.0.tgz#df2dd9c346c7d7768b8a06639994640c642e284c"
-  integrity sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==
-  dependencies:
-    "@babel/core" "^7.11.6"
-    "@jest/types" "^29.6.3"
-    "@jridgewell/trace-mapping" "^0.3.18"
-    babel-plugin-istanbul "^6.1.1"
-    chalk "^4.0.0"
-    convert-source-map "^2.0.0"
-    fast-json-stable-stringify "^2.1.0"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^29.7.0"
-    jest-regex-util "^29.6.3"
-    jest-util "^29.7.0"
-    micromatch "^4.0.4"
-    pirates "^4.0.4"
-    slash "^3.0.0"
-    write-file-atomic "^4.0.2"
-
-"@jest/types@^29.6.3":
-  version "29.6.3"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.6.3.tgz#1131f8cf634e7e84c5e77bab12f052af585fba59"
-  integrity sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==
-  dependencies:
-    "@jest/schemas" "^29.6.3"
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^17.0.8"
-    chalk "^4.0.0"
-
-"@jridgewell/gen-mapping@^0.3.2", "@jridgewell/gen-mapping@^0.3.5":
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz#dcce6aff74bdf6dad1a95802b69b04a2fcb1fb36"
-  integrity sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==
-  dependencies:
-    "@jridgewell/set-array" "^1.2.1"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
-    "@jridgewell/trace-mapping" "^0.3.24"
-
-"@jridgewell/resolve-uri@^3.1.0":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
-  integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
-
-"@jridgewell/set-array@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
-  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
-
-"@jridgewell/source-map@^0.3.3":
-  version "0.3.6"
-  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.6.tgz#9d71ca886e32502eb9362c9a74a46787c36df81a"
-  integrity sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==
-  dependencies:
-    "@jridgewell/gen-mapping" "^0.3.5"
-    "@jridgewell/trace-mapping" "^0.3.25"
-
-"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.4.15":
-  version "1.4.15"
-  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
-  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
-
-"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.18", "@jridgewell/trace-mapping@^0.3.20", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
-  version "0.3.25"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
-  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
-  dependencies:
-    "@jridgewell/resolve-uri" "^3.1.0"
-    "@jridgewell/sourcemap-codec" "^1.4.14"
-
-"@keystonehq/alias-sampling@^0.1.1":
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/@keystonehq/alias-sampling/-/alias-sampling-0.1.2.tgz#63af931ffe6500aef4c0d87775a5b279189abf8d"
-  integrity sha512-5ukLB3bcgltgaFfQfYKYwHDUbwHicekYo53fSEa7xhVkAEqsA74kxdIwoBIURmGUtXe3EVIRm4SYlgcrt2Ri0w==
-
-"@keystonehq/base-eth-keyring@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@keystonehq/base-eth-keyring/-/base-eth-keyring-0.6.4.tgz#16a8b280861a70d096444bbeba236c0001d709d9"
-  integrity sha512-pHTqD9CeBdTmeMIVa5ZnK7aMDb5SsHtp4uYRxa+SyYDO3kHcrqhlds43MIx5WFeDrgOStJ11w2Zji+7hbCAZLA==
-  dependencies:
-    "@ethereumjs/tx" "3.5.1"
-    "@keystonehq/bc-ur-registry-eth" "^0.11.4"
-    ethereumjs-util "^7.0.8"
-    hdkey "^2.0.1"
-    uuid "^8.3.2"
-
-"@keystonehq/bc-ur-registry-eth@^0.11.4":
-  version "0.11.4"
-  resolved "https://registry.yarnpkg.com/@keystonehq/bc-ur-registry-eth/-/bc-ur-registry-eth-0.11.4.tgz#01d1669ea1bc7a591ae90923c30fde960c24c876"
-  integrity sha512-iXf5hLd0j0VuQdWUh6h7wi5j1PAkH6AGyUr1ZAYMtPflQRW/AzXEOw5GFB3dF5xi8uVoP36gPPnYFBmcFOFzqg==
-  dependencies:
-    "@keystonehq/bc-ur-registry" "^0.5.0-alpha.5"
-    ethereumjs-util "^7.0.8"
-    hdkey "^2.0.1"
-    uuid "^8.3.2"
-
-"@keystonehq/bc-ur-registry@^0.5.0-alpha.5":
-  version "0.5.5"
-  resolved "https://registry.yarnpkg.com/@keystonehq/bc-ur-registry/-/bc-ur-registry-0.5.5.tgz#b7cd9b08846c627e988933049aac94d3412fbb16"
-  integrity sha512-PoclPHf0OhpIKLfLwzymsu+CjkWf5ZKvaVjpkq3HUalcI4KW8wLk0m8qI2kBVv6F0BQ0ERPqW8OfjLTVqIgWLA==
-  dependencies:
-    "@ngraveio/bc-ur" "^1.1.5"
-    bs58check "^2.1.2"
-    tslib "^2.3.0"
-
-"@keystonehq/eth-keyring@^0.14.00.3":
-  version "0.14.4"
-  resolved "https://registry.yarnpkg.com/@keystonehq/eth-keyring/-/eth-keyring-0.14.4.tgz#08dbfb5cdd9648b89ae27c17dca06e221dae26ec"
-  integrity sha512-aWEKlPGtmGhZRbkRdj26ilUKs2dG+7ov78gz4F1EqU5ES+ZQud2iIlIFKElNQw3qIDZmcObMwNfL/KcyfPKUYQ==
-  dependencies:
-    "@ethereumjs/tx" "3.0.0"
-    "@keystonehq/base-eth-keyring" "^0.6.4"
-    "@keystonehq/bc-ur-registry-eth" "^0.11.4"
-    "@keystonehq/sdk" "^0.12.4"
-    "@metamask/obs-store" "^7.0.0"
-    bs58check "^2.1.2"
-    ethereumjs-util "^7.0.8"
-    hdkey "^2.0.1"
-    uuid "^8.3.2"
-
-"@keystonehq/sdk@^0.12.4":
-  version "0.12.4"
-  resolved "https://registry.yarnpkg.com/@keystonehq/sdk/-/sdk-0.12.4.tgz#e18d529cbb8ee5de386e61a50d3a1a2f23171c54"
-  integrity sha512-vC/O+oSH6g9Hp8WQxd7nO5Xf4Z8q86YWKOZUZsh5ZgfWNVgsy1zGTprc1wGbhMAjkcnWTtreRZUxTOIWJRPNuw==
-  dependencies:
-    "@ngraveio/bc-ur" "^1.0.0"
-    qrcode.react "^1.0.1"
-    react "16.13.1"
-    react-dom "16.13.1"
-    react-modal "^3.12.1"
-    react-qr-reader "^2.2.1"
-    rxjs "^6.6.3"
-    typescript "^4.6.2"
-
-"@ledgerhq/cryptoassets@^13.0.0":
-  version "13.0.0"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/cryptoassets/-/cryptoassets-13.0.0.tgz#c300884830399750ca6b23edfb4cb0d4a39459f5"
-  integrity sha512-Gvy3YQqOZpNtQ6/TTPJRUp4Qba/SmGtHGOeeIYTaF2y94W2x2hyf/dtttOc2nwyp6ARggkqr6VZyMAzgnP7fyQ==
-  dependencies:
-    axios "^1.6.0"
-    bs58check "^2.1.2"
-    invariant "2"
-
-"@ledgerhq/devices@^5.51.1":
-  version "5.51.1"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/devices/-/devices-5.51.1.tgz#d741a4a5d8f17c2f9d282fd27147e6fe1999edb7"
-  integrity sha512-4w+P0VkbjzEXC7kv8T1GJ/9AVaP9I6uasMZ/JcdwZBS3qwvKo5A5z9uGhP5c7TvItzcmPb44b5Mw2kT+WjUuAA==
-  dependencies:
-    "@ledgerhq/errors" "^5.50.0"
-    "@ledgerhq/logs" "^5.50.0"
-    rxjs "6"
-    semver "^7.3.5"
-
-"@ledgerhq/devices@^8.3.0":
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/devices/-/devices-8.3.0.tgz#a1e1a21608e162fb3a512f57863bf9842b29493f"
-  integrity sha512-h5Scr+yIae8yjPOViCHLdMjpqn4oC2Whrsq8LinRxe48LEGMdPqSV1yY7+3Ch827wtzNpMv+/ilKnd8rY+rTlg==
-  dependencies:
-    "@ledgerhq/errors" "^6.16.4"
-    "@ledgerhq/logs" "^6.12.0"
-    rxjs "^7.8.1"
-    semver "^7.3.5"
-
-"@ledgerhq/domain-service@^1.1.21":
-  version "1.1.21"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/domain-service/-/domain-service-1.1.21.tgz#c8f1be996890687318e698eebf008f281f521296"
-  integrity sha512-/2CPZYXQV2GQS/XkjUQwbfHBlteLDEFUpfMX0YvwriJ5hOmu//sl1Zgc+/FZ2hDQwpFQBCBCbvqreqeyHIVawA==
-  dependencies:
-    "@ledgerhq/errors" "^6.16.4"
-    "@ledgerhq/logs" "^6.12.0"
-    "@ledgerhq/types-live" "^6.47.0"
-    axios "^1.3.4"
-    eip55 "^2.1.1"
-    react "^18.2.0"
-    react-dom "^18.2.0"
-
-"@ledgerhq/errors@^5.34.0", "@ledgerhq/errors@^5.50.0":
-  version "5.50.0"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/errors/-/errors-5.50.0.tgz#e3a6834cb8c19346efca214c1af84ed28e69dad9"
-  integrity sha512-gu6aJ/BHuRlpU7kgVpy2vcYk6atjB4iauP2ymF7Gk0ez0Y/6VSMVSJvubeEQN+IV60+OBK0JgeIZG7OiHaw8ow==
-
-"@ledgerhq/errors@^6.16.4":
-  version "6.16.4"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/errors/-/errors-6.16.4.tgz#a38baffe8b096d9fff3ad839cadb55704c8d8e7b"
-  integrity sha512-M57yFaLYSN+fZCX0E0zUqOmrV6eipK+s5RhijHoUNlHUqrsvUz7iRQgpd5gRgHB5VkIjav7KdaZjKiWGcHovaQ==
-
-"@ledgerhq/evm-tools@^1.0.19":
-  version "1.0.19"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/evm-tools/-/evm-tools-1.0.19.tgz#6e202253ee587d431644423f0ee0e03546457a4b"
-  integrity sha512-Xt0lj5PRPpErWSNsq3MJXpUj3ME+TUt+EDxdTydTYAQSYT7Ai11jYhFUzY8QPud/sT6gWo+PGo4vbfps0jU19A==
-  dependencies:
-    "@ledgerhq/cryptoassets" "^13.0.0"
-    "@ledgerhq/live-env" "^2.0.2"
-    axios "^1.6.5"
-    crypto-js "4.2.0"
-    ethers "5.7.2"
-
-"@ledgerhq/hw-app-eth@^6.19.0":
-  version "6.36.1"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/hw-app-eth/-/hw-app-eth-6.36.1.tgz#a1fd499e53a1bd7cffa7c031886fe4c6725b152e"
-  integrity sha512-S7r1gk87x8AgNX3jaFab+Yzb7TcsknRmWQqNNgf0gPmRYoii9Arrh1RhD/45r072mXEIDXKQCepPPNWGBGBfLw==
-  dependencies:
-    "@ethersproject/abi" "^5.5.0"
-    "@ethersproject/rlp" "^5.5.0"
-    "@ledgerhq/cryptoassets" "^13.0.0"
-    "@ledgerhq/domain-service" "^1.1.21"
-    "@ledgerhq/errors" "^6.16.4"
-    "@ledgerhq/evm-tools" "^1.0.19"
-    "@ledgerhq/hw-transport" "^6.30.6"
-    "@ledgerhq/hw-transport-mocker" "^6.28.6"
-    "@ledgerhq/logs" "^6.12.0"
-    "@ledgerhq/types-live" "^6.47.0"
-    axios "^1.3.4"
-    bignumber.js "^9.1.2"
-
-"@ledgerhq/hw-transport-mocker@^6.28.6":
-  version "6.28.6"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/hw-transport-mocker/-/hw-transport-mocker-6.28.6.tgz#820ff1abe490a1abbf3925f53526f846ee0f470d"
-  integrity sha512-JDO2kqMOTRCQWNZr1KVlyX1AqE6WBzHjJDS3FnSI8Z/Bj2KSc2/1H/4lW6+Ap64yLtlmOW3GchdafFmLgYAgqw==
-  dependencies:
-    "@ledgerhq/hw-transport" "^6.30.6"
-    "@ledgerhq/logs" "^6.12.0"
-    rxjs "^7.8.1"
-
-"@ledgerhq/hw-transport-u2f@^5.36.0-deprecated":
-  version "5.36.0-deprecated"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/hw-transport-u2f/-/hw-transport-u2f-5.36.0-deprecated.tgz#66e3ed399a117a1c0110871a055dd54f5fe707fd"
-  integrity sha512-T/+mGHIiUK/ZQATad6DMDmobCMZ1mVST952009jKzhaE1Et2Uy2secU+QhRkx3BfEAkvwa0zSRSYCL9d20Iqjg==
-  dependencies:
-    "@ledgerhq/errors" "^5.34.0"
-    "@ledgerhq/hw-transport" "^5.34.0"
-    "@ledgerhq/logs" "^5.30.0"
-    u2f-api "0.2.7"
-
-"@ledgerhq/hw-transport-webusb@^6.19.0":
-  version "6.28.6"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/hw-transport-webusb/-/hw-transport-webusb-6.28.6.tgz#c17c193578da112ef76769e4ce72129d40d87faa"
-  integrity sha512-rzICsvhcFcL4wSAvRPe+b9EEWB8cxj6yWy3FZdfs7ufi/0muNpFXWckWv1TC34em55sGXu2cMcwMKXg/O/Lc0Q==
-  dependencies:
-    "@ledgerhq/devices" "^8.3.0"
-    "@ledgerhq/errors" "^6.16.4"
-    "@ledgerhq/hw-transport" "^6.30.6"
-    "@ledgerhq/logs" "^6.12.0"
-
-"@ledgerhq/hw-transport@^5.34.0":
-  version "5.51.1"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/hw-transport/-/hw-transport-5.51.1.tgz#8dd14a8e58cbee4df0c29eaeef983a79f5f22578"
-  integrity sha512-6wDYdbWrw9VwHIcoDnqWBaDFyviyjZWv6H9vz9Vyhe4Qd7TIFmbTl/eWs6hZvtZBza9K8y7zD8ChHwRI4s9tSw==
-  dependencies:
-    "@ledgerhq/devices" "^5.51.1"
-    "@ledgerhq/errors" "^5.50.0"
-    events "^3.3.0"
-
-"@ledgerhq/hw-transport@^6.30.6":
-  version "6.30.6"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/hw-transport/-/hw-transport-6.30.6.tgz#c6d84672ac4828f311831998f4101ea205215a6d"
-  integrity sha512-fT0Z4IywiuJuZrZE/+W0blkV5UCotDPFTYKLkKCLzYzuE6javva7D/ajRaIeR+hZ4kTmKF4EqnsmDCXwElez+w==
-  dependencies:
-    "@ledgerhq/devices" "^8.3.0"
-    "@ledgerhq/errors" "^6.16.4"
-    "@ledgerhq/logs" "^6.12.0"
-    events "^3.3.0"
-
-"@ledgerhq/live-env@^2.0.2":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/live-env/-/live-env-2.0.2.tgz#d9fdc1fb55ace9ad1b725a576796abb6bbe00064"
-  integrity sha512-kRHzLUPiIvJm1elfYmGBHPfqJEknqrAQrOYqagufLLip5/GDyeBQVOVdTJQoTra8VsxVRxilsRNGDiB+h8lwLQ==
-  dependencies:
-    rxjs "^7.8.1"
-    utility-types "^3.10.0"
-
-"@ledgerhq/logs@^5.30.0", "@ledgerhq/logs@^5.50.0":
-  version "5.50.0"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/logs/-/logs-5.50.0.tgz#29c6419e8379d496ab6d0426eadf3c4d100cd186"
-  integrity sha512-swKHYCOZUGyVt4ge0u8a7AwNcA//h4nx5wIi0sruGye1IJ5Cva0GyK9L2/WdX+kWVTKp92ZiEo1df31lrWGPgA==
-
-"@ledgerhq/logs@^6.12.0":
-  version "6.12.0"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/logs/-/logs-6.12.0.tgz#ad903528bf3687a44da435d7b2479d724d374f5d"
-  integrity sha512-ExDoj1QV5eC6TEbMdLUMMk9cfvNKhhv5gXol4SmULRVCx/3iyCPhJ74nsb3S0Vb+/f+XujBEj3vQn5+cwS0fNA==
-
-"@ledgerhq/types-live@^6.47.0":
-  version "6.47.0"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/types-live/-/types-live-6.47.0.tgz#1582594fc8d940355630471ae5485b25235627b0"
-  integrity sha512-81R+/qOq+AFMA90LcCfIs3Q3g3taXQWrdLaSvCs/YiG2BeZnXIOnRx6FcbGX25W+LQNSyqYRhYJePAgAeuMiBQ==
-  dependencies:
-    bignumber.js "^9.1.2"
-    rxjs "^7.8.1"
-
-"@lit-labs/react@^1.0.2":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@lit-labs/react/-/react-1.2.1.tgz#5b421502cdf68a3639dec431318eeed2285f1c0e"
-  integrity sha512-DiZdJYFU0tBbdQkfwwRSwYyI/mcWkg3sWesKRsHUd4G+NekTmmeq9fzsurvcKTNVa0comNljwtg4Hvi1ds3V+A==
-
-"@lit-labs/ssr-dom-shim@^1.0.0", "@lit-labs/ssr-dom-shim@^1.1.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.2.0.tgz#353ce4a76c83fadec272ea5674ede767650762fd"
-  integrity sha512-yWJKmpGE6lUURKAaIltoPIE/wrbY3TEkqQt+X0m+7fQNnAv0keydnYvbiJFP1PnMhizmIWRWOG5KLhYyc/xl+g==
-
-"@lit/reactive-element@^1.3.0", "@lit/reactive-element@^1.6.0":
-  version "1.6.3"
-  resolved "https://registry.yarnpkg.com/@lit/reactive-element/-/reactive-element-1.6.3.tgz#25b4eece2592132845d303e091bad9b04cdcfe03"
-  integrity sha512-QuTgnG52Poic7uM1AN5yJ09QMe0O28e10XzSvWDz02TJiiKee4stsiownEIadWm8nYzyDAyT+gKzUoZmiWQtsQ==
-  dependencies:
-    "@lit-labs/ssr-dom-shim" "^1.0.0"
-
-"@mdx-js/react@^3.0.0":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-3.0.1.tgz#997a19b3a5b783d936c75ae7c47cfe62f967f746"
-  integrity sha512-9ZrPIU4MGf6et1m1ov3zKf+q9+deetI51zprKB1D/z3NOb+rUxxtEl3mCjW5wTGh6VhRdwPueh1oRzi6ezkA8A==
-  dependencies:
-    "@types/mdx" "^2.0.0"
-
-"@metamask/eth-json-rpc-provider@^1.0.0":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@metamask/eth-json-rpc-provider/-/eth-json-rpc-provider-1.0.1.tgz#3fd5316c767847f4ca107518b611b15396a5a32c"
-  integrity sha512-whiUMPlAOrVGmX8aKYVPvlKyG4CpQXiNNyt74vE1xb5sPvmx5oA7B/kOi/JdBvhGQq97U1/AVdXEdk2zkP8qyA==
-  dependencies:
-    "@metamask/json-rpc-engine" "^7.0.0"
-    "@metamask/safe-event-emitter" "^3.0.0"
-    "@metamask/utils" "^5.0.1"
-
-"@metamask/eth-sig-util@^4.0.0":
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/@metamask/eth-sig-util/-/eth-sig-util-4.0.1.tgz#3ad61f6ea9ad73ba5b19db780d40d9aae5157088"
-  integrity sha512-tghyZKLHZjcdlDqCA3gNZmLeR0XvOE9U1qoQO9ohyAZT6Pya+H9vkBPcsyXytmYLNgVoin7CKCmweo/R43V+tQ==
-  dependencies:
-    ethereumjs-abi "^0.6.8"
-    ethereumjs-util "^6.2.1"
-    ethjs-util "^0.1.6"
-    tweetnacl "^1.0.3"
-    tweetnacl-util "^0.15.1"
-
-"@metamask/json-rpc-engine@^7.0.0":
-  version "7.3.3"
-  resolved "https://registry.yarnpkg.com/@metamask/json-rpc-engine/-/json-rpc-engine-7.3.3.tgz#f2b30a2164558014bfcca45db10f5af291d989af"
-  integrity sha512-dwZPq8wx9yV3IX2caLi9q9xZBw2XeIoYqdyihDDDpuHVCEiqadJLwqM3zy+uwf6F1QYQ65A8aOMQg1Uw7LMLNg==
-  dependencies:
-    "@metamask/rpc-errors" "^6.2.1"
-    "@metamask/safe-event-emitter" "^3.0.0"
-    "@metamask/utils" "^8.3.0"
-
-"@metamask/obs-store@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@metamask/obs-store/-/obs-store-7.0.0.tgz#6cae5f28306bb3e83a381bc9ae22682316095bd3"
-  integrity sha512-Tr61Uu9CGXkCg5CZwOYRMQERd+y6fbtrtLd/PzDTPHO5UJpmSbU+7MPcQK7d1DwZCOCeCIvhmZSUCvYliC8uGw==
-  dependencies:
-    "@metamask/safe-event-emitter" "^2.0.0"
-    through2 "^2.0.3"
-
-"@metamask/rpc-errors@^6.2.1":
-  version "6.3.1"
-  resolved "https://registry.yarnpkg.com/@metamask/rpc-errors/-/rpc-errors-6.3.1.tgz#d5bb4740e070c3d87e91717ff4c3c6061a081cab"
-  integrity sha512-ugDY7cKjF4/yH5LtBaOIKHw/AiGGSAmzptAUEiAEGr/78LwuzcXAxmzEQfSfMIfI+f9Djr8cttq1pRJJKfTuCg==
-  dependencies:
-    "@metamask/utils" "^9.0.0"
-    fast-safe-stringify "^2.0.6"
-
-"@metamask/safe-event-emitter@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@metamask/safe-event-emitter/-/safe-event-emitter-2.0.0.tgz#af577b477c683fad17c619a78208cede06f9605c"
-  integrity sha512-/kSXhY692qiV1MXu6EeOZvg5nECLclxNXcKCxJ3cXQgYuRymRHpdx/t7JXfsK+JLjwA1e1c1/SBrlQYpusC29Q==
-
-"@metamask/safe-event-emitter@^3.0.0":
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/@metamask/safe-event-emitter/-/safe-event-emitter-3.1.1.tgz#e89b840a7af8097a8ed4953d8dc8470d1302d3ef"
-  integrity sha512-ihb3B0T/wJm1eUuArYP4lCTSEoZsClHhuWyfo/kMX3m/odpqNcPfsz5O2A3NT7dXCAgWPGDQGPqygCpgeniKMw==
-
-"@metamask/superstruct@^3.0.0", "@metamask/superstruct@^3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@metamask/superstruct/-/superstruct-3.1.0.tgz#148f786a674fba3ac885c1093ab718515bf7f648"
-  integrity sha512-N08M56HdOgBfRKkrgCMZvQppkZGcArEop3kixNEtVbJKm6P9Cfg0YkI6X0s1g78sNrj2fWUwvJADdZuzJgFttA==
-
-"@metamask/utils@^5.0.1":
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/@metamask/utils/-/utils-5.0.2.tgz#140ba5061d90d9dac0280c19cab101bc18c8857c"
-  integrity sha512-yfmE79bRQtnMzarnKfX7AEJBwFTxvTyw3nBQlu/5rmGXrjAeAMltoGxO62TFurxrQAFMNa/fEjIHNvungZp0+g==
-  dependencies:
-    "@ethereumjs/tx" "^4.1.2"
-    "@types/debug" "^4.1.7"
-    debug "^4.3.4"
-    semver "^7.3.8"
-    superstruct "^1.0.3"
-
-"@metamask/utils@^8.3.0":
-  version "8.5.0"
-  resolved "https://registry.yarnpkg.com/@metamask/utils/-/utils-8.5.0.tgz#ddd0d4012d5191809404c97648a837ea9962cceb"
-  integrity sha512-I6bkduevXb72TIM9q2LRO63JSsF9EXduh3sBr9oybNX2hNNpr/j1tEjXrsG0Uabm4MJ1xkGAQEMwifvKZIkyxQ==
-  dependencies:
-    "@ethereumjs/tx" "^4.2.0"
-    "@metamask/superstruct" "^3.0.0"
-    "@noble/hashes" "^1.3.1"
-    "@scure/base" "^1.1.3"
-    "@types/debug" "^4.1.7"
-    debug "^4.3.4"
-    pony-cause "^2.1.10"
-    semver "^7.5.4"
-    uuid "^9.0.1"
-
-"@metamask/utils@^9.0.0":
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/@metamask/utils/-/utils-9.1.0.tgz#54e5afcec07e6032d4dd4171e862b36daa52d77e"
-  integrity sha512-g2REf+xSt0OZfMoNNdC4+/Yy8eP3KUqvIArel54XRFKPoXbHI6+YjFfrLtfykWBjffOp7DTfIc3Kvk5TLfuiyg==
-  dependencies:
-    "@ethereumjs/tx" "^4.2.0"
-    "@metamask/superstruct" "^3.1.0"
-    "@noble/hashes" "^1.3.1"
-    "@scure/base" "^1.1.3"
-    "@types/debug" "^4.1.7"
-    debug "^4.3.4"
-    pony-cause "^2.1.10"
-    semver "^7.5.4"
-    uuid "^9.0.1"
-
-"@mobily/ts-belt@^3.13.1":
-  version "3.13.1"
-  resolved "https://registry.yarnpkg.com/@mobily/ts-belt/-/ts-belt-3.13.1.tgz#8f8ce2a2eca41d88c2ca70c84d0f47d0f7f5cd5f"
-  integrity sha512-K5KqIhPI/EoCTbA6CGbrenM9s41OouyK8A03fGJJcla/zKucsgLbz8HNbeseoLarRPgyWJsUyCYqFhI7t3Ra9Q==
-
-"@motionone/animation@^10.15.1":
-  version "10.16.3"
-  resolved "https://registry.yarnpkg.com/@motionone/animation/-/animation-10.16.3.tgz#f5b71e27fd8b88b61f983adb0ed6c8e3e89281f9"
-  integrity sha512-QUGWpLbMFLhyqKlngjZhjtxM8IqiJQjLK0DF+XOF6od9nhSvlaeEpOY/UMCRVcZn/9Tr2rZO22EkuCIjYdI74g==
-  dependencies:
-    "@motionone/easing" "^10.16.3"
-    "@motionone/types" "^10.16.3"
-    "@motionone/utils" "^10.16.3"
-    tslib "^2.3.1"
-
-"@motionone/animation@^10.17.0":
-  version "10.18.0"
-  resolved "https://registry.yarnpkg.com/@motionone/animation/-/animation-10.18.0.tgz#868d00b447191816d5d5cf24b1cafa144017922b"
-  integrity sha512-9z2p5GFGCm0gBsZbi8rVMOAJCtw1WqBTIPw3ozk06gDvZInBPIsQcHgYogEJ4yuHJ+akuW8g1SEIOpTOvYs8hw==
-  dependencies:
-    "@motionone/easing" "^10.18.0"
-    "@motionone/types" "^10.17.1"
-    "@motionone/utils" "^10.18.0"
-    tslib "^2.3.1"
-
-"@motionone/dom@^10.16.2", "@motionone/dom@^10.16.4":
-  version "10.17.0"
-  resolved "https://registry.yarnpkg.com/@motionone/dom/-/dom-10.17.0.tgz#519dd78aab0750a94614c69a82da5290cd617383"
-  integrity sha512-cMm33swRlCX/qOPHWGbIlCl0K9Uwi6X5RiL8Ma6OrlJ/TP7Q+Np5GE4xcZkFptysFjMTi4zcZzpnNQGQ5D6M0Q==
-  dependencies:
-    "@motionone/animation" "^10.17.0"
-    "@motionone/generators" "^10.17.0"
-    "@motionone/types" "^10.17.0"
-    "@motionone/utils" "^10.17.0"
-    hey-listen "^1.0.8"
-    tslib "^2.3.1"
-
-"@motionone/easing@^10.17.0":
-  version "10.17.0"
-  resolved "https://registry.yarnpkg.com/@motionone/easing/-/easing-10.17.0.tgz#d66cecf7e3ee30104ad00389fb3f0b2282d81aa9"
-  integrity sha512-Bxe2wSuLu/qxqW4rBFS5m9tMLOw+QBh8v5A7Z5k4Ul4sTj5jAOfZG5R0bn5ywmk+Fs92Ij1feZ5pmC4TeXA8Tg==
-  dependencies:
-    "@motionone/utils" "^10.17.0"
-    tslib "^2.3.1"
-
-"@motionone/easing@^10.18.0":
-  version "10.18.0"
-  resolved "https://registry.yarnpkg.com/@motionone/easing/-/easing-10.18.0.tgz#7b82f6010dfee3a1bb0ee83abfbaff6edae0c708"
-  integrity sha512-VcjByo7XpdLS4o9T8t99JtgxkdMcNWD3yHU/n6CLEz3bkmKDRZyYQ/wmSf6daum8ZXqfUAgFeCZSpJZIMxaCzg==
-  dependencies:
-    "@motionone/utils" "^10.18.0"
-    tslib "^2.3.1"
-
-"@motionone/generators@^10.17.0":
-  version "10.17.0"
-  resolved "https://registry.yarnpkg.com/@motionone/generators/-/generators-10.17.0.tgz#878d292539c41434c13310d5f863a87a94e6e689"
-  integrity sha512-T6Uo5bDHrZWhIfxG/2Aut7qyWQyJIWehk6OB4qNvr/jwA/SRmixwbd7SOrxZi1z5rH3LIeFFBKK1xHnSbGPZSQ==
-  dependencies:
-    "@motionone/types" "^10.17.0"
-    "@motionone/utils" "^10.17.0"
-    tslib "^2.3.1"
-
-"@motionone/svelte@^10.16.2":
-  version "10.16.4"
-  resolved "https://registry.yarnpkg.com/@motionone/svelte/-/svelte-10.16.4.tgz#5daf117cf5b2576fc6dd487c5e0500938a742470"
-  integrity sha512-zRVqk20lD1xqe+yEDZhMYgftsuHc25+9JSo+r0a0OWUJFocjSV9D/+UGhX4xgJsuwB9acPzXLr20w40VnY2PQA==
-  dependencies:
-    "@motionone/dom" "^10.16.4"
-    tslib "^2.3.1"
-
-"@motionone/types@^10.15.1", "@motionone/types@^10.17.0":
-  version "10.17.0"
-  resolved "https://registry.yarnpkg.com/@motionone/types/-/types-10.17.0.tgz#179571ce98851bac78e19a1c3974767227f08ba3"
-  integrity sha512-EgeeqOZVdRUTEHq95Z3t8Rsirc7chN5xFAPMYFobx8TPubkEfRSm5xihmMUkbaR2ErKJTUw3347QDPTHIW12IA==
-
-"@motionone/types@^10.17.1":
-  version "10.17.1"
-  resolved "https://registry.yarnpkg.com/@motionone/types/-/types-10.17.1.tgz#cf487badbbdc9da0c2cb86ffc1e5d11147c6e6fb"
-  integrity sha512-KaC4kgiODDz8hswCrS0btrVrzyU2CSQKO7Ps90ibBVSQmjkrt2teqta6/sOG59v7+dPnKMAg13jyqtMKV2yJ7A==
-
-"@motionone/utils@^10.15.1", "@motionone/utils@^10.17.0":
-  version "10.17.0"
-  resolved "https://registry.yarnpkg.com/@motionone/utils/-/utils-10.17.0.tgz#cc0ba8acdc6848ff48d8c1f2d0d3e7602f4f942e"
-  integrity sha512-bGwrki4896apMWIj9yp5rAS2m0xyhxblg6gTB/leWDPt+pb410W8lYWsxyurX+DH+gO1zsQsfx2su/c1/LtTpg==
-  dependencies:
-    "@motionone/types" "^10.17.0"
-    hey-listen "^1.0.8"
-    tslib "^2.3.1"
-
-"@motionone/utils@^10.18.0":
-  version "10.18.0"
-  resolved "https://registry.yarnpkg.com/@motionone/utils/-/utils-10.18.0.tgz#a59ff8932ed9009624bca07c56b28ef2bb2f885e"
-  integrity sha512-3XVF7sgyTSI2KWvTf6uLlBJ5iAgRgmvp3bpuOiQJvInd4nZ19ET8lX5unn30SlmRH7hXbBbH+Gxd0m0klJ3Xtw==
-  dependencies:
-    "@motionone/types" "^10.17.1"
-    hey-listen "^1.0.8"
-    tslib "^2.3.1"
-
-"@motionone/vue@^10.16.2":
-  version "10.16.4"
-  resolved "https://registry.yarnpkg.com/@motionone/vue/-/vue-10.16.4.tgz#07d09e3aa5115ca0bcc0076cb9e5322775277c09"
-  integrity sha512-z10PF9JV6SbjFq+/rYabM+8CVlMokgl8RFGvieSGNTmrkQanfHn+15XBrhG3BgUfvmTeSeyShfOHpG0i9zEdcg==
-  dependencies:
-    "@motionone/dom" "^10.16.4"
-    tslib "^2.3.1"
-
-"@mui/base@5.0.0-beta.40":
-  version "5.0.0-beta.40"
-  resolved "https://registry.yarnpkg.com/@mui/base/-/base-5.0.0-beta.40.tgz#1f8a782f1fbf3f84a961e954c8176b187de3dae2"
-  integrity sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==
-  dependencies:
-    "@babel/runtime" "^7.23.9"
-    "@floating-ui/react-dom" "^2.0.8"
-    "@mui/types" "^7.2.14"
-    "@mui/utils" "^5.15.14"
-    "@popperjs/core" "^2.11.8"
-    clsx "^2.1.0"
-    prop-types "^15.8.1"
-
-"@mui/core-downloads-tracker@^5.15.18":
-  version "5.15.18"
-  resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.18.tgz#0f9426409a82f78423bdf504b2a5a3788656d612"
-  integrity sha512-/9pVk+Al8qxAjwFUADv4BRZgMpZM4m5E+2Q/20qhVPuIJWqKp4Ie4tGExac6zu93rgPTYVQGgu+1vjiT0E+cEw==
-
-"@mui/icons-material@^5.14.20":
-  version "5.15.18"
-  resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.15.18.tgz#51e42958ed671589f7a1af19b59372df884bcd61"
-  integrity sha512-jGhyw02TSLM0NgW+MDQRLLRUD/K4eN9rlK2pTBTL1OtzyZmQ8nB060zK1wA0b7cVrIiG+zyrRmNAvGWXwm2N9Q==
-  dependencies:
-    "@babel/runtime" "^7.23.9"
-
-"@mui/material@^5.14.20":
-  version "5.15.18"
-  resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.15.18.tgz#1184e88cebb5c58625ca799531c0611c1fd9a2a8"
-  integrity sha512-n+/dsiqux74fFfcRUJjok+ieNQ7+BEk6/OwX9cLcLvriZrZb+/7Y8+Fd2HlUUbn5N0CDurgAHm0VH1DqyJ9HAw==
-  dependencies:
-    "@babel/runtime" "^7.23.9"
-    "@mui/base" "5.0.0-beta.40"
-    "@mui/core-downloads-tracker" "^5.15.18"
-    "@mui/system" "^5.15.15"
-    "@mui/types" "^7.2.14"
-    "@mui/utils" "^5.15.14"
-    "@types/react-transition-group" "^4.4.10"
-    clsx "^2.1.0"
-    csstype "^3.1.3"
-    prop-types "^15.8.1"
-    react-is "^18.2.0"
-    react-transition-group "^4.4.5"
-
-"@mui/private-theming@^5.15.14":
-  version "5.15.14"
-  resolved "https://registry.yarnpkg.com/@mui/private-theming/-/private-theming-5.15.14.tgz#edd9a82948ed01586a01c842eb89f0e3f68970ee"
-  integrity sha512-UH0EiZckOWcxiXLX3Jbb0K7rC8mxTr9L9l6QhOZxYc4r8FHUkefltV9VDGLrzCaWh30SQiJvAEd7djX3XXY6Xw==
-  dependencies:
-    "@babel/runtime" "^7.23.9"
-    "@mui/utils" "^5.15.14"
-    prop-types "^15.8.1"
-
-"@mui/styled-engine@^5.15.14":
-  version "5.15.14"
-  resolved "https://registry.yarnpkg.com/@mui/styled-engine/-/styled-engine-5.15.14.tgz#168b154c4327fa4ccc1933a498331d53f61c0de2"
-  integrity sha512-RILkuVD8gY6PvjZjqnWhz8fu68dVkqhM5+jYWfB5yhlSQKg+2rHkmEwm75XIeAqI3qwOndK6zELK5H6Zxn4NHw==
-  dependencies:
-    "@babel/runtime" "^7.23.9"
-    "@emotion/cache" "^11.11.0"
-    csstype "^3.1.3"
-    prop-types "^15.8.1"
-
-"@mui/system@^5.15.15":
-  version "5.15.15"
-  resolved "https://registry.yarnpkg.com/@mui/system/-/system-5.15.15.tgz#658771b200ce3c4a0f28e58169f02e5e718d1c53"
-  integrity sha512-aulox6N1dnu5PABsfxVGOZffDVmlxPOVgj56HrUnJE8MCSh8lOvvkd47cebIVQQYAjpwieXQXiDPj5pwM40jTQ==
-  dependencies:
-    "@babel/runtime" "^7.23.9"
-    "@mui/private-theming" "^5.15.14"
-    "@mui/styled-engine" "^5.15.14"
-    "@mui/types" "^7.2.14"
-    "@mui/utils" "^5.15.14"
-    clsx "^2.1.0"
-    csstype "^3.1.3"
-    prop-types "^15.8.1"
-
-"@mui/types@^7.2.14":
-  version "7.2.14"
-  resolved "https://registry.yarnpkg.com/@mui/types/-/types-7.2.14.tgz#8a02ac129b70f3d82f2f9b76ded2c8d48e3fc8c9"
-  integrity sha512-MZsBZ4q4HfzBsywtXgM1Ksj6HDThtiwmOKUXH1pKYISI9gAVXCNHNpo7TlGoGrBaYWZTdNoirIN7JsQcQUjmQQ==
-
-"@mui/utils@^5.10.3", "@mui/utils@^5.15.14":
-  version "5.15.14"
-  resolved "https://registry.yarnpkg.com/@mui/utils/-/utils-5.15.14.tgz#e414d7efd5db00bfdc875273a40c0a89112ade3a"
-  integrity sha512-0lF/7Hh/ezDv5X7Pry6enMsbYyGKjADzvHyo3Qrc/SSlTsQ1VkbDMbH0m2t3OR5iIVLwMoxwM7yGd+6FCMtTFA==
-  dependencies:
-    "@babel/runtime" "^7.23.9"
-    "@types/prop-types" "^15.7.11"
-    prop-types "^15.8.1"
-    react-is "^18.2.0"
-
-"@mui/x-date-pickers@^5.0.20":
-  version "5.0.20"
-  resolved "https://registry.yarnpkg.com/@mui/x-date-pickers/-/x-date-pickers-5.0.20.tgz#7b4e5b5a214a8095937ba7d82bb82acd6f270d72"
-  integrity sha512-ERukSeHIoNLbI1C2XRhF9wRhqfsr+Q4B1SAw2ZlU7CWgcG8UBOxgqRKDEOVAIoSWL+DWT6GRuQjOKvj6UXZceA==
-  dependencies:
-    "@babel/runtime" "^7.18.9"
-    "@date-io/core" "^2.15.0"
-    "@date-io/date-fns" "^2.15.0"
-    "@date-io/dayjs" "^2.15.0"
-    "@date-io/luxon" "^2.15.0"
-    "@date-io/moment" "^2.15.0"
-    "@mui/utils" "^5.10.3"
-    "@types/react-transition-group" "^4.4.5"
-    clsx "^1.2.1"
-    prop-types "^15.7.2"
-    react-transition-group "^4.4.5"
-    rifm "^0.12.1"
-
-"@multiformats/base-x@^4.0.1":
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/@multiformats/base-x/-/base-x-4.0.1.tgz#95ff0fa58711789d53aefb2590a8b7a4e715d121"
-  integrity sha512-eMk0b9ReBbV23xXU693TAIrLyeO5iTgBZGSJfpqriG8UkYvr/hC9u9pyMlAakDNHWmbhMZCDs6KQO0jzKD8OTw==
-
-"@ndelangen/get-tarball@^3.0.7":
-  version "3.0.9"
-  resolved "https://registry.yarnpkg.com/@ndelangen/get-tarball/-/get-tarball-3.0.9.tgz#727ff4454e65f34707e742a59e5e6b1f525d8964"
-  integrity sha512-9JKTEik4vq+yGosHYhZ1tiH/3WpUS0Nh0kej4Agndhox8pAdWhEx5knFVRcb/ya9knCRCs1rPxNrSXTDdfVqpA==
-  dependencies:
-    gunzip-maybe "^1.4.2"
-    pump "^3.0.0"
-    tar-fs "^2.1.1"
-
-"@next/bundle-analyzer@^13.5.6":
-  version "13.5.6"
-  resolved "https://registry.yarnpkg.com/@next/bundle-analyzer/-/bundle-analyzer-13.5.6.tgz#3c73f2e15ff5507317b37b87ce984bac5a5d7ad0"
-  integrity sha512-4P5YVpR3N/B5+p0TQ/rPAr+9fsjkdfCVTGzJhKwE7XHqS+QME4gYxAYeGKkfkHEkP2A3GKXs8QSp0LjIvWLI3g==
-  dependencies:
-    webpack-bundle-analyzer "4.7.0"
-
-"@next/env@14.1.1":
-  version "14.1.1"
-  resolved "https://registry.yarnpkg.com/@next/env/-/env-14.1.1.tgz#80150a8440eb0022a73ba353c6088d419b908bac"
-  integrity sha512-7CnQyD5G8shHxQIIg3c7/pSeYFeMhsNbpU/bmvH7ZnDql7mNRgg8O2JZrhrc/soFnfBnKP4/xXNiiSIPn2w8gA==
-
-"@next/eslint-plugin-next@14.2.3":
-  version "14.2.3"
-  resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-14.2.3.tgz#287ad8620e7061ba01e8d3313d464db6d217b6df"
-  integrity sha512-L3oDricIIjgj1AVnRdRor21gI7mShlSwU/1ZGHmqM3LzHhXXhdkrfeNY5zif25Bi5Dd7fiJHsbhoZCHfXYvlAw==
-  dependencies:
-    glob "10.3.10"
-
-"@next/swc-darwin-arm64@14.1.1":
-  version "14.1.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.1.1.tgz#b74ba7c14af7d05fa2848bdeb8ee87716c939b64"
-  integrity sha512-yDjSFKQKTIjyT7cFv+DqQfW5jsD+tVxXTckSe1KIouKk75t1qZmj/mV3wzdmFb0XHVGtyRjDMulfVG8uCKemOQ==
-
-"@next/swc-darwin-x64@14.1.1":
-  version "14.1.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-14.1.1.tgz#82c3e67775e40094c66e76845d1a36cc29c9e78b"
-  integrity sha512-KCQmBL0CmFmN8D64FHIZVD9I4ugQsDBBEJKiblXGgwn7wBCSe8N4Dx47sdzl4JAg39IkSN5NNrr8AniXLMb3aw==
-
-"@next/swc-linux-arm64-gnu@14.1.1":
-  version "14.1.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.1.1.tgz#4f4134457b90adc5c3d167d07dfb713c632c0caa"
-  integrity sha512-YDQfbWyW0JMKhJf/T4eyFr4b3tceTorQ5w2n7I0mNVTFOvu6CGEzfwT3RSAQGTi/FFMTFcuspPec/7dFHuP7Eg==
-
-"@next/swc-linux-arm64-musl@14.1.1":
-  version "14.1.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.1.1.tgz#594bedafaeba4a56db23a48ffed2cef7cd09c31a"
-  integrity sha512-fiuN/OG6sNGRN/bRFxRvV5LyzLB8gaL8cbDH5o3mEiVwfcMzyE5T//ilMmaTrnA8HLMS6hoz4cHOu6Qcp9vxgQ==
-
-"@next/swc-linux-x64-gnu@14.1.1":
-  version "14.1.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.1.1.tgz#cb4e75f1ff2b9bcadf2a50684605928ddfc58528"
-  integrity sha512-rv6AAdEXoezjbdfp3ouMuVqeLjE1Bin0AuE6qxE6V9g3Giz5/R3xpocHoAi7CufRR+lnkuUjRBn05SYJ83oKNQ==
-
-"@next/swc-linux-x64-musl@14.1.1":
-  version "14.1.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.1.1.tgz#15f26800df941b94d06327f674819ab64b272e25"
-  integrity sha512-YAZLGsaNeChSrpz/G7MxO3TIBLaMN8QWMr3X8bt6rCvKovwU7GqQlDu99WdvF33kI8ZahvcdbFsy4jAFzFX7og==
-
-"@next/swc-win32-arm64-msvc@14.1.1":
-  version "14.1.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.1.1.tgz#060c134fa7fa843666e3e8574972b2b723773dd9"
-  integrity sha512-1L4mUYPBMvVDMZg1inUYyPvFSduot0g73hgfD9CODgbr4xiTYe0VOMTZzaRqYJYBA9mana0x4eaAaypmWo1r5A==
-
-"@next/swc-win32-ia32-msvc@14.1.1":
-  version "14.1.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.1.1.tgz#5c06889352b1f77e3807834a0d0afd7e2d2d1da2"
-  integrity sha512-jvIE9tsuj9vpbbXlR5YxrghRfMuG0Qm/nZ/1KDHc+y6FpnZ/apsgh+G6t15vefU0zp3WSpTMIdXRUsNl/7RSuw==
-
-"@next/swc-win32-x64-msvc@14.1.1":
-  version "14.1.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.1.1.tgz#d38c63a8f9b7f36c1470872797d3735b4a9c5c52"
-  integrity sha512-S6K6EHDU5+1KrBDLko7/c1MNy/Ya73pIAmvKeFwsF4RmBFJSO7/7YeD4FnZ4iBdzE69PpQ4sOMU9ORKeNuxe8A==
-
-"@ngraveio/bc-ur@^1.0.0", "@ngraveio/bc-ur@^1.1.5":
-  version "1.1.13"
-  resolved "https://registry.yarnpkg.com/@ngraveio/bc-ur/-/bc-ur-1.1.13.tgz#27719fd3e745ccdbe97a7950905edcd1fed4844b"
-  integrity sha512-j73akJMV4+vLR2yQ4AphPIT5HZmxVjn/LxpL7YHoINnXoH6ccc90Zzck6/n6a3bCXOVZwBxq+YHwbAKRV+P8Zg==
-  dependencies:
-    "@keystonehq/alias-sampling" "^0.1.1"
-    assert "^2.0.0"
-    bignumber.js "^9.0.1"
-    cbor-sync "^1.0.4"
-    crc "^3.8.0"
-    jsbi "^3.1.5"
-    sha.js "^2.4.11"
-
-"@noble/curves@1.2.0", "@noble/curves@~1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@noble/curves/-/curves-1.2.0.tgz#92d7e12e4e49b23105a2555c6984d41733d65c35"
-  integrity sha512-oYclrNgRaM9SsBUBVbb8M6DTV7ZHRTKugureoYEncY5c65HOmRzvSiTE3y5CYaPYJA/GVkrhXEoF0M3Ya9PMnw==
-  dependencies:
-    "@noble/hashes" "1.3.2"
-
-"@noble/curves@1.3.0", "@noble/curves@~1.3.0":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@noble/curves/-/curves-1.3.0.tgz#01be46da4fd195822dab821e72f71bf4aeec635e"
-  integrity sha512-t01iSXPuN+Eqzb4eBX0S5oubSqXbK/xXa1Ne18Hj8f9pStxztHCE2gfboSp/dZRLSqfuLpRK2nDXDK+W9puocA==
-  dependencies:
-    "@noble/hashes" "1.3.3"
-
-"@noble/curves@^1.4.0":
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/@noble/curves/-/curves-1.4.2.tgz#40309198c76ed71bc6dbf7ba24e81ceb4d0d1fe9"
-  integrity sha512-TavHr8qycMChk8UwMld0ZDRvatedkzWfH8IiaeGCfymOP5i0hSCozz9vHOL0nkwk7HRMlFnAiKpS2jrUmSybcw==
-  dependencies:
-    "@noble/hashes" "1.4.0"
-
-"@noble/hashes@1.3.2":
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/@noble/hashes/-/hashes-1.3.2.tgz#6f26dbc8fbc7205873ce3cee2f690eba0d421b39"
-  integrity sha512-MVC8EAQp7MvEcm30KWENFjgR+Mkmf+D189XJTkFIlwohU5hcBbn1ZkKq7KVTi2Hme3PMGF390DaL52beVrIihQ==
-
-"@noble/hashes@1.3.3", "@noble/hashes@~1.3.0", "@noble/hashes@~1.3.2":
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/@noble/hashes/-/hashes-1.3.3.tgz#39908da56a4adc270147bb07968bf3b16cfe1699"
-  integrity sha512-V7/fPHgl+jsVPXqqeOzT8egNj2iBIVt+ECeMMG8TdcnTikP3oaBtUVqpT/gYCR68aEBJSF+XbYUxStjbFMqIIA==
-
-"@noble/hashes@1.4.0", "@noble/hashes@^1.2.0", "@noble/hashes@^1.3.1", "@noble/hashes@^1.3.3", "@noble/hashes@^1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@noble/hashes/-/hashes-1.4.0.tgz#45814aa329f30e4fe0ba49426f49dfccdd066426"
-  integrity sha512-V1JJ1WTRUqHHrOSh597hURcMqVKVGL/ea3kv0gSnEdsEZ0/+VyPghM1lMNGc00z7CIQorSvbKpuJkxvuHbvdbg==
-
-"@nodelib/fs.scandir@2.1.5":
-  version "2.1.5"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
-  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
-  dependencies:
-    "@nodelib/fs.stat" "2.0.5"
-    run-parallel "^1.1.9"
-
-"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
-  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
-
-"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
-  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
-  dependencies:
-    "@nodelib/fs.scandir" "2.1.5"
-    fastq "^1.6.0"
-
-"@openzeppelin/contracts-upgradeable@^5.0.0":
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/@openzeppelin/contracts-upgradeable/-/contracts-upgradeable-5.0.2.tgz#3e5321a2ecdd0b206064356798c21225b6ec7105"
-  integrity sha512-0MmkHSHiW2NRFiT9/r5Lu4eJq5UJ4/tzlOgYXNAIj/ONkQTVnz22pLxDvp4C4uZ9he7ZFvGn3Driptn1/iU7tQ==
-
-"@openzeppelin/contracts@^4.9.2":
-  version "4.9.6"
-  resolved "https://registry.yarnpkg.com/@openzeppelin/contracts/-/contracts-4.9.6.tgz#2a880a24eb19b4f8b25adc2a5095f2aa27f39677"
-  integrity sha512-xSmezSupL+y9VkHZJGDoCBpmnB2ogM13ccaYDWqJTfS3dbuHkgjuwDFUmaFauBCboQMGB/S5UqUl2y54X99BmA==
-
-"@openzeppelin/contracts@^5.0.0":
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/@openzeppelin/contracts/-/contracts-5.0.2.tgz#b1d03075e49290d06570b2fd42154d76c2a5d210"
-  integrity sha512-ytPc6eLGcHHnapAZ9S+5qsdomhjo6QBHTDRRBFfTxXIpsicMhVPouPgmUPebZZZGX7vt9USA+Z+0M0dSVtSUEA==
-
-"@parcel/watcher-android-arm64@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.4.1.tgz#c2c19a3c442313ff007d2d7a9c2c1dd3e1c9ca84"
-  integrity sha512-LOi/WTbbh3aTn2RYddrO8pnapixAziFl6SMxHM69r3tvdSm94JtCenaKgk1GRg5FJ5wpMCpHeW+7yqPlvZv7kg==
-
-"@parcel/watcher-darwin-arm64@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.4.1.tgz#c817c7a3b4f3a79c1535bfe54a1c2818d9ffdc34"
-  integrity sha512-ln41eihm5YXIY043vBrrHfn94SIBlqOWmoROhsMVTSXGh0QahKGy77tfEywQ7v3NywyxBBkGIfrWRHm0hsKtzA==
-
-"@parcel/watcher-darwin-x64@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.4.1.tgz#1a3f69d9323eae4f1c61a5f480a59c478d2cb020"
-  integrity sha512-yrw81BRLjjtHyDu7J61oPuSoeYWR3lDElcPGJyOvIXmor6DEo7/G2u1o7I38cwlcoBHQFULqF6nesIX3tsEXMg==
-
-"@parcel/watcher-freebsd-x64@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.4.1.tgz#0d67fef1609f90ba6a8a662bc76a55fc93706fc8"
-  integrity sha512-TJa3Pex/gX3CWIx/Co8k+ykNdDCLx+TuZj3f3h7eOjgpdKM+Mnix37RYsYU4LHhiYJz3DK5nFCCra81p6g050w==
-
-"@parcel/watcher-linux-arm-glibc@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.4.1.tgz#ce5b340da5829b8e546bd00f752ae5292e1c702d"
-  integrity sha512-4rVYDlsMEYfa537BRXxJ5UF4ddNwnr2/1O4MHM5PjI9cvV2qymvhwZSFgXqbS8YoTk5i/JR0L0JDs69BUn45YA==
-
-"@parcel/watcher-linux-arm64-glibc@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.4.1.tgz#6d7c00dde6d40608f9554e73998db11b2b1ff7c7"
-  integrity sha512-BJ7mH985OADVLpbrzCLgrJ3TOpiZggE9FMblfO65PlOCdG++xJpKUJ0Aol74ZUIYfb8WsRlUdgrZxKkz3zXWYA==
-
-"@parcel/watcher-linux-arm64-musl@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.4.1.tgz#bd39bc71015f08a4a31a47cd89c236b9d6a7f635"
-  integrity sha512-p4Xb7JGq3MLgAfYhslU2SjoV9G0kI0Xry0kuxeG/41UfpjHGOhv7UoUDAz/jb1u2elbhazy4rRBL8PegPJFBhA==
-
-"@parcel/watcher-linux-x64-glibc@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.4.1.tgz#0ce29966b082fb6cdd3de44f2f74057eef2c9e39"
-  integrity sha512-s9O3fByZ/2pyYDPoLM6zt92yu6P4E39a03zvO0qCHOTjxmt3GHRMLuRZEWhWLASTMSrrnVNWdVI/+pUElJBBBg==
-
-"@parcel/watcher-linux-x64-musl@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.4.1.tgz#d2ebbf60e407170bb647cd6e447f4f2bab19ad16"
-  integrity sha512-L2nZTYR1myLNST0O632g0Dx9LyMNHrn6TOt76sYxWLdff3cB22/GZX2UPtJnaqQPdCRoszoY5rcOj4oMTtp5fQ==
-
-"@parcel/watcher-wasm@^2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-wasm/-/watcher-wasm-2.4.1.tgz#c4353e4fdb96ee14389856f7f6f6d21b7dcef9e1"
-  integrity sha512-/ZR0RxqxU/xxDGzbzosMjh4W6NdYFMqq2nvo2b8SLi7rsl/4jkL8S5stIikorNkdR50oVDvqb/3JT05WM+CRRA==
-  dependencies:
-    is-glob "^4.0.3"
-    micromatch "^4.0.5"
-    napi-wasm "^1.1.0"
-
-"@parcel/watcher-win32-arm64@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.4.1.tgz#eb4deef37e80f0b5e2f215dd6d7a6d40a85f8adc"
-  integrity sha512-Uq2BPp5GWhrq/lcuItCHoqxjULU1QYEcyjSO5jqqOK8RNFDBQnenMMx4gAl3v8GiWa59E9+uDM7yZ6LxwUIfRg==
-
-"@parcel/watcher-win32-ia32@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.4.1.tgz#94fbd4b497be39fd5c8c71ba05436927842c9df7"
-  integrity sha512-maNRit5QQV2kgHFSYwftmPBxiuK5u4DXjbXx7q6eKjq5dsLXZ4FJiVvlcw35QXzk0KrUecJmuVFbj4uV9oYrcw==
-
-"@parcel/watcher-win32-x64@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.4.1.tgz#4bf920912f67cae5f2d264f58df81abfea68dadf"
-  integrity sha512-+DvS92F9ezicfswqrvIRM2njcYJbd5mb9CUgtrHCHmvn7pPPa+nMDRu1o1bYYz/l5IB2NVGNJWiH7h1E58IF2A==
-
-"@parcel/watcher@^2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher/-/watcher-2.4.1.tgz#a50275151a1bb110879c6123589dba90c19f1bf8"
-  integrity sha512-HNjmfLQEVRZmHRET336f20H/8kOozUGwk7yajvsonjNxbj2wBTK1WsQuHkD5yYh9RxFGL2EyDHryOihOwUoKDA==
-  dependencies:
-    detect-libc "^1.0.3"
-    is-glob "^4.0.3"
-    micromatch "^4.0.5"
-    node-addon-api "^7.0.0"
-  optionalDependencies:
-    "@parcel/watcher-android-arm64" "2.4.1"
-    "@parcel/watcher-darwin-arm64" "2.4.1"
-    "@parcel/watcher-darwin-x64" "2.4.1"
-    "@parcel/watcher-freebsd-x64" "2.4.1"
-    "@parcel/watcher-linux-arm-glibc" "2.4.1"
-    "@parcel/watcher-linux-arm64-glibc" "2.4.1"
-    "@parcel/watcher-linux-arm64-musl" "2.4.1"
-    "@parcel/watcher-linux-x64-glibc" "2.4.1"
-    "@parcel/watcher-linux-x64-musl" "2.4.1"
-    "@parcel/watcher-win32-arm64" "2.4.1"
-    "@parcel/watcher-win32-ia32" "2.4.1"
-    "@parcel/watcher-win32-x64" "2.4.1"
-
-"@pkgjs/parseargs@^0.11.0":
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
-  integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
-
-"@pmmmwh/react-refresh-webpack-plugin@^0.5.11":
-  version "0.5.13"
-  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.13.tgz#02338a92a92f541a5189b97e922caf3215221e49"
-  integrity sha512-odZVYXly+JwzYri9rKqqUAk0cY6zLpv4dxoKinhoJNShV36Gpxf+CyDIILJ4tYsJ1ZxIWs233Y39iVnynvDA/g==
-  dependencies:
-    ansi-html-community "^0.0.8"
-    core-js-pure "^3.23.3"
-    error-stack-parser "^2.0.6"
-    html-entities "^2.1.0"
-    loader-utils "^2.0.4"
-    schema-utils "^3.0.0"
-    source-map "^0.7.3"
-
-"@polka/url@^1.0.0-next.20":
-  version "1.0.0-next.25"
-  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.25.tgz#f077fdc0b5d0078d30893396ff4827a13f99e817"
-  integrity sha512-j7P6Rgr3mmtdkeDGTe0E/aYyWEWVtc5yFXtHCRHs28/jptDEWfaVOc5T7cblqy1XKPPfCxJc/8DwQ5YgLOZOVQ==
-
-"@popperjs/core@^2.11.8":
-  version "2.11.8"
-  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
-  integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
-
-"@protobufjs/aspromise@^1.1.1", "@protobufjs/aspromise@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@protobufjs/aspromise/-/aspromise-1.1.2.tgz#9b8b0cc663d669a7d8f6f5d0893a14d348f30fbf"
-  integrity sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==
-
-"@protobufjs/base64@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@protobufjs/base64/-/base64-1.1.2.tgz#4c85730e59b9a1f1f349047dbf24296034bb2735"
-  integrity sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==
-
-"@protobufjs/codegen@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@protobufjs/codegen/-/codegen-2.0.4.tgz#7ef37f0d010fb028ad1ad59722e506d9262815cb"
-  integrity sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg==
-
-"@protobufjs/eventemitter@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz#355cbc98bafad5978f9ed095f397621f1d066b70"
-  integrity sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q==
-
-"@protobufjs/fetch@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@protobufjs/fetch/-/fetch-1.1.0.tgz#ba99fb598614af65700c1619ff06d454b0d84c45"
-  integrity sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==
-  dependencies:
-    "@protobufjs/aspromise" "^1.1.1"
-    "@protobufjs/inquire" "^1.1.0"
-
-"@protobufjs/float@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@protobufjs/float/-/float-1.0.2.tgz#5e9e1abdcb73fc0a7cb8b291df78c8cbd97b87d1"
-  integrity sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==
-
-"@protobufjs/inquire@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@protobufjs/inquire/-/inquire-1.1.0.tgz#ff200e3e7cf2429e2dcafc1140828e8cc638f089"
-  integrity sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q==
-
-"@protobufjs/path@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@protobufjs/path/-/path-1.1.2.tgz#6cc2b20c5c9ad6ad0dccfd21ca7673d8d7fbf68d"
-  integrity sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==
-
-"@protobufjs/pool@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@protobufjs/pool/-/pool-1.1.0.tgz#09fd15f2d6d3abfa9b65bc366506d6ad7846ff54"
-  integrity sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==
-
-"@protobufjs/utf8@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@protobufjs/utf8/-/utf8-1.1.0.tgz#a777360b5b39a1a2e5106f8e858f2fd2d060c570"
-  integrity sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==
-
-"@radix-ui/primitive@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/primitive/-/primitive-1.0.1.tgz#e46f9958b35d10e9f6dc71c497305c22e3e55dbd"
-  integrity sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
-"@radix-ui/react-compose-refs@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.1.tgz#7ed868b66946aa6030e580b1ffca386dd4d21989"
-  integrity sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
-"@radix-ui/react-context@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-context/-/react-context-1.0.1.tgz#fe46e67c96b240de59187dcb7a1a50ce3e2ec00c"
-  integrity sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
-"@radix-ui/react-dialog@^1.0.5":
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-dialog/-/react-dialog-1.0.5.tgz#71657b1b116de6c7a0b03242d7d43e01062c7300"
-  integrity sha512-GjWJX/AUpB703eEBanuBnIWdIXg6NvJFCXcNlSZk4xdszCdhrJgBoUd1cGk67vFO+WdA2pfI/plOpqz/5GUP6Q==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/primitive" "1.0.1"
-    "@radix-ui/react-compose-refs" "1.0.1"
-    "@radix-ui/react-context" "1.0.1"
-    "@radix-ui/react-dismissable-layer" "1.0.5"
-    "@radix-ui/react-focus-guards" "1.0.1"
-    "@radix-ui/react-focus-scope" "1.0.4"
-    "@radix-ui/react-id" "1.0.1"
-    "@radix-ui/react-portal" "1.0.4"
-    "@radix-ui/react-presence" "1.0.1"
-    "@radix-ui/react-primitive" "1.0.3"
-    "@radix-ui/react-slot" "1.0.2"
-    "@radix-ui/react-use-controllable-state" "1.0.1"
-    aria-hidden "^1.1.1"
-    react-remove-scroll "2.5.5"
-
-"@radix-ui/react-dismissable-layer@1.0.5":
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.5.tgz#3f98425b82b9068dfbab5db5fff3df6ebf48b9d4"
-  integrity sha512-aJeDjQhywg9LBu2t/At58hCvr7pEm0o2Ke1x33B+MhjNmmZ17sy4KImo0KPLgsnc/zN7GPdce8Cnn0SWvwZO7g==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/primitive" "1.0.1"
-    "@radix-ui/react-compose-refs" "1.0.1"
-    "@radix-ui/react-primitive" "1.0.3"
-    "@radix-ui/react-use-callback-ref" "1.0.1"
-    "@radix-ui/react-use-escape-keydown" "1.0.3"
-
-"@radix-ui/react-focus-guards@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.1.tgz#1ea7e32092216b946397866199d892f71f7f98ad"
-  integrity sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
-"@radix-ui/react-focus-scope@1.0.4":
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.4.tgz#2ac45fce8c5bb33eb18419cdc1905ef4f1906525"
-  integrity sha512-sL04Mgvf+FmyvZeYfNu1EPAaaxD+aw7cYeIB9L9Fvq8+urhltTRaEo5ysKOpHuKPclsZcSUMKlN05x4u+CINpA==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-compose-refs" "1.0.1"
-    "@radix-ui/react-primitive" "1.0.3"
-    "@radix-ui/react-use-callback-ref" "1.0.1"
-
-"@radix-ui/react-id@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-id/-/react-id-1.0.1.tgz#73cdc181f650e4df24f0b6a5b7aa426b912c88c0"
-  integrity sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-use-layout-effect" "1.0.1"
-
-"@radix-ui/react-portal@1.0.4":
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-portal/-/react-portal-1.0.4.tgz#df4bfd353db3b1e84e639e9c63a5f2565fb00e15"
-  integrity sha512-Qki+C/EuGUVCQTOTD5vzJzJuMUlewbzuKyUy+/iHM2uwGiru9gZeBJtHAPKAEkB5KWGi9mP/CHKcY0wt1aW45Q==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-primitive" "1.0.3"
-
-"@radix-ui/react-presence@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-presence/-/react-presence-1.0.1.tgz#491990ba913b8e2a5db1b06b203cb24b5cdef9ba"
-  integrity sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-compose-refs" "1.0.1"
-    "@radix-ui/react-use-layout-effect" "1.0.1"
-
-"@radix-ui/react-primitive@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-primitive/-/react-primitive-1.0.3.tgz#d49ea0f3f0b2fe3ab1cb5667eb03e8b843b914d0"
-  integrity sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-slot" "1.0.2"
-
-"@radix-ui/react-slot@1.0.2", "@radix-ui/react-slot@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-slot/-/react-slot-1.0.2.tgz#a9ff4423eade67f501ffb32ec22064bc9d3099ab"
-  integrity sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-compose-refs" "1.0.1"
-
-"@radix-ui/react-use-callback-ref@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.1.tgz#f4bb1f27f2023c984e6534317ebc411fc181107a"
-  integrity sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
-"@radix-ui/react-use-controllable-state@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.1.tgz#ecd2ced34e6330caf89a82854aa2f77e07440286"
-  integrity sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-use-callback-ref" "1.0.1"
-
-"@radix-ui/react-use-escape-keydown@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.3.tgz#217b840c250541609c66f67ed7bab2b733620755"
-  integrity sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-use-callback-ref" "1.0.1"
-
-"@radix-ui/react-use-layout-effect@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.1.tgz#be8c7bc809b0c8934acf6657b577daf948a75399"
-  integrity sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
-"@react-native/normalize-color@^2.0.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@react-native/normalize-color/-/normalize-color-2.1.0.tgz#939b87a9849e81687d3640c5efa2a486ac266f91"
-  integrity sha512-Z1jQI2NpdFJCVgpY+8Dq/Bt3d+YUi1928Q+/CZm/oh66fzM0RUl54vvuXlPJKybH4pdCZey1eDTPaLHkMPNgWA==
-
-"@reduxjs/toolkit@^1.9.5":
-  version "1.9.7"
-  resolved "https://registry.yarnpkg.com/@reduxjs/toolkit/-/toolkit-1.9.7.tgz#7fc07c0b0ebec52043f8cb43510cf346405f78a6"
-  integrity sha512-t7v8ZPxhhKgOKtU+uyJT13lu4vL7az5aFi4IdoDs/eS548edn2M8Ik9h8fxgvMjGoAUVFSt6ZC1P5cWmQ014QQ==
-  dependencies:
-    immer "^9.0.21"
-    redux "^4.2.1"
-    redux-thunk "^2.4.2"
-    reselect "^4.1.8"
-
-"@rollup/plugin-babel@^5.2.0":
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz#04bc0608f4aa4b2e4b1aebf284344d0f68fda283"
-  integrity sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==
-  dependencies:
-    "@babel/helper-module-imports" "^7.10.4"
-    "@rollup/pluginutils" "^3.1.0"
-
-"@rollup/plugin-node-resolve@^11.2.1":
-  version "11.2.1"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-11.2.1.tgz#82aa59397a29cd4e13248b106e6a4a1880362a60"
-  integrity sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==
-  dependencies:
-    "@rollup/pluginutils" "^3.1.0"
-    "@types/resolve" "1.17.1"
-    builtin-modules "^3.1.0"
-    deepmerge "^4.2.2"
-    is-module "^1.0.0"
-    resolve "^1.19.0"
-
-"@rollup/plugin-replace@^2.4.1":
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-replace/-/plugin-replace-2.4.2.tgz#a2d539314fbc77c244858faa523012825068510a"
-  integrity sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==
-  dependencies:
-    "@rollup/pluginutils" "^3.1.0"
-    magic-string "^0.25.7"
-
-"@rollup/pluginutils@^3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b"
-  integrity sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==
-  dependencies:
-    "@types/estree" "0.0.39"
-    estree-walker "^1.0.1"
-    picomatch "^2.2.2"
-
-"@rushstack/eslint-patch@^1.3.3":
-  version "1.10.3"
-  resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.10.3.tgz#391d528054f758f81e53210f1a1eebcf1a8b1d20"
-  integrity sha512-qC/xYId4NMebE6w/V33Fh9gWxLgURiNYgVNObbJl2LZv0GUUItCcCqC5axQSwRaAgaxl2mELq1rMzlswaQ0Zxg==
-
-"@safe-global/api-kit@^2.3.2":
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/@safe-global/api-kit/-/api-kit-2.3.2.tgz#37cab964faf79f98eb5f1a86004a56c0fb0eef21"
-  integrity sha512-pnbP23t3XQOWZv5Y35CoDpBAajSeB0ZY9ahajruNYt6pyPYxleQVuRueCQ+FDZHNDGS0SK7dlUYyUScs/GsTZQ==
-  dependencies:
-    "@safe-global/protocol-kit" "^3.1.1"
-    "@safe-global/safe-core-sdk-types" "^4.1.1"
-    ethers "^6.7.1"
-    node-fetch "^2.7.0"
-
-"@safe-global/protocol-kit@^3.1.1":
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/@safe-global/protocol-kit/-/protocol-kit-3.1.1.tgz#eec3cee3432cd1ad8b159e1911527d93ecc502f9"
-  integrity sha512-ai/N1DI6U53CsC46Do8eOyb6IkgVhjoQFhbFIh5rFSAKiuw3B0hTF7nrVRb0jw4NFlNHCcWDAER/uNH0Qy2Pkg==
-  dependencies:
-    "@noble/hashes" "^1.3.3"
-    "@safe-global/safe-deployments" "^1.36.0"
-    ethereumjs-util "^7.1.5"
-    ethers "^6.7.1"
-    semver "^7.5.4"
-    web3 "^1.10.3"
-    web3-core "^1.10.3"
-    web3-utils "^1.10.3"
-
-"@safe-global/safe-apps-sdk@^9.1.0":
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/@safe-global/safe-apps-sdk/-/safe-apps-sdk-9.1.0.tgz#0e65913e0f202e529ed3c846e0f5a98c2d35aa98"
-  integrity sha512-N5p/ulfnnA2Pi2M3YeWjULeWbjo7ei22JwU/IXnhoHzKq3pYCN6ynL9mJBOlvDVv892EgLPCWCOwQk/uBT2v0Q==
-  dependencies:
-    "@safe-global/safe-gateway-typescript-sdk" "^3.5.3"
-    viem "^2.1.1"
-
-"@safe-global/safe-core-sdk-types@^4.1.1":
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/@safe-global/safe-core-sdk-types/-/safe-core-sdk-types-4.1.1.tgz#b75e15a2e6fa50f131629ca6f6f3a98fd6037d30"
-  integrity sha512-5NIWG7OjV+C5iquux0yPcu8SHUzg1qJXJ/jAQcPwXGTC7ZVsFawnR43/l2Vg9zEwf0RF0xTm3W8DXkaBYORiEQ==
-  dependencies:
-    "@safe-global/safe-deployments" "^1.36.0"
-    ethers "^6.7.1"
-    web3-core "^1.10.3"
-    web3-utils "^1.10.3"
-
-"@safe-global/safe-deployments@^1.36.0":
-  version "1.36.0"
-  resolved "https://registry.yarnpkg.com/@safe-global/safe-deployments/-/safe-deployments-1.36.0.tgz#7e5cd470cc1042182d47f65b59831a64ed8feff1"
-  integrity sha512-9MbDJveRR64AbmzjIpuUqmDBDtOZpXpvkyhTUs+5UOPT3WgSO375/ZTO7hZpywP7+EmxnjkGc9EoxjGcC4TAyw==
-  dependencies:
-    semver "^7.6.0"
-
-"@safe-global/safe-gateway-typescript-sdk@3.21.8":
-  version "3.21.8"
-  resolved "https://registry.yarnpkg.com/@safe-global/safe-gateway-typescript-sdk/-/safe-gateway-typescript-sdk-3.21.8.tgz#f90eb668dd620d0c5578f02f7040169610a0eda1"
-  integrity sha512-n/fYgiqbuzAQuK0bgny6GBYvb585ETxKURa5Kb9hBV3fa47SvJo/dpGq275fJUn0e3Hh1YqETiLGj4HVJjHiTA==
-
-"@safe-global/safe-gateway-typescript-sdk@^3.5.3":
-  version "3.21.2"
-  resolved "https://registry.yarnpkg.com/@safe-global/safe-gateway-typescript-sdk/-/safe-gateway-typescript-sdk-3.21.2.tgz#2123a7429c2d9713365f51c359bfc055d4c8e913"
-  integrity sha512-N9Y2CKPBVbc8FbOKzqepy8TJUY2VILX7bmxV4ruByLJvR9PBnGvGfnOhw975cDn6PmSziXL0RaUWHpSW23rsng==
-
-"@safe-global/safe-modules-deployments@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@safe-global/safe-modules-deployments/-/safe-modules-deployments-1.2.0.tgz#ca871c3f553cd16cbea1aac8f8be16498329a7d3"
-  integrity sha512-/pjHIPaYwGRM5oOB7lc+yf28fWEq7twNP5dJxpLFgG/9UR4E3F+XfFdYkpP22eIvmOkBwCJXJZfPfESh9WSF2w==
-
-"@scure/base@^1.1.3", "@scure/base@~1.1.4":
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/@scure/base/-/base-1.1.7.tgz#fe973311a5c6267846aa131bc72e96c5d40d2b30"
-  integrity sha512-PPNYBslrLNNUQ/Yad37MHYsNQtK67EhWb6WtSvNLLPo7SdVZgkUjD6Dg+5On7zNwmskf8OX7I7Nx5oN+MIWE0g==
-
-"@scure/base@~1.1.0":
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/@scure/base/-/base-1.1.3.tgz#8584115565228290a6c6c4961973e0903bb3df2f"
-  integrity sha512-/+SgoRjLq7Xlf0CWuLHq2LUZeL/w65kfzAPG5NH9pcmBhs+nunQTn4gvdwgMTIXnt9b2C/1SeL2XiysZEyIC9Q==
-
-"@scure/base@~1.1.2":
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/@scure/base/-/base-1.1.6.tgz#8ce5d304b436e4c84f896e0550c83e4d88cb917d"
-  integrity sha512-ok9AWwhcgYuGG3Zfhyqg+zwl+Wn5uE+dwC0NV/2qQkx4dABbb/bx96vWu8NSj+BNjjSjno+JRYRjle1jV08k3g==
-
-"@scure/bip32@1.3.2":
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/@scure/bip32/-/bip32-1.3.2.tgz#90e78c027d5e30f0b22c1f8d50ff12f3fb7559f8"
-  integrity sha512-N1ZhksgwD3OBlwTv3R6KFEcPojl/W4ElJOeCZdi+vuI5QmTFwLq3OFf2zd2ROpKvxFdgZ6hUpb0dx9bVNEwYCA==
-  dependencies:
-    "@noble/curves" "~1.2.0"
-    "@noble/hashes" "~1.3.2"
-    "@scure/base" "~1.1.2"
-
-"@scure/bip32@1.3.3":
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/@scure/bip32/-/bip32-1.3.3.tgz#a9624991dc8767087c57999a5d79488f48eae6c8"
-  integrity sha512-LJaN3HwRbfQK0X1xFSi0Q9amqOgzQnnDngIt+ZlsBC3Bm7/nE7K0kwshZHyaru79yIVRv/e1mQAjZyuZG6jOFQ==
-  dependencies:
-    "@noble/curves" "~1.3.0"
-    "@noble/hashes" "~1.3.2"
-    "@scure/base" "~1.1.4"
-
-"@scure/bip39@1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@scure/bip39/-/bip39-1.2.1.tgz#5cee8978656b272a917b7871c981e0541ad6ac2a"
-  integrity sha512-Z3/Fsz1yr904dduJD0NpiyRHhRYHdcnyh73FZWiV+/qhWi83wNJ3NWolYqCEN+ZWsUz2TWwajJggcRE9r1zUYg==
-  dependencies:
-    "@noble/hashes" "~1.3.0"
-    "@scure/base" "~1.1.0"
-
-"@scure/bip39@1.2.2":
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/@scure/bip39/-/bip39-1.2.2.tgz#f3426813f4ced11a47489cbcf7294aa963966527"
-  integrity sha512-HYf9TUXG80beW+hGAt3TRM8wU6pQoYur9iNypTROm42dorCGmLnFe3eWjz3gOq6G62H2WRh0FCzAR1PI+29zIA==
-  dependencies:
-    "@noble/hashes" "~1.3.2"
-    "@scure/base" "~1.1.4"
-
-"@sentry-internal/feedback@7.116.0":
-  version "7.116.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/feedback/-/feedback-7.116.0.tgz#f1352b1a0d5fd7b7167775330ccf03bcc1b7892b"
-  integrity sha512-tmfO+RTCrhIWMs3yg8X0axhbjWRZLsldSfoXBgfjNCk/XwkYiVGp7WnYVbb+IO+01mHCsis9uaYOBggLgFRB5Q==
-  dependencies:
-    "@sentry/core" "7.116.0"
-    "@sentry/types" "7.116.0"
-    "@sentry/utils" "7.116.0"
-
-"@sentry-internal/replay-canvas@7.116.0":
-  version "7.116.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/replay-canvas/-/replay-canvas-7.116.0.tgz#1cd4a85f99dd3cd61120e087232f5cbea21d5eb2"
-  integrity sha512-Sy0ydY7A97JY/IFTIj8U25kHqR5rL9oBk3HFE5EK9Phw56irVhHzEwLWae0jlFeCQEWoBYqpPgO5vXsaYzrWvw==
-  dependencies:
-    "@sentry/core" "7.116.0"
-    "@sentry/replay" "7.116.0"
-    "@sentry/types" "7.116.0"
-    "@sentry/utils" "7.116.0"
-
-"@sentry-internal/tracing@7.116.0":
-  version "7.116.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.116.0.tgz#af3e4e264c440aa5525b5877a10b9a0f870b40e3"
-  integrity sha512-y5ppEmoOlfr77c/HqsEXR72092qmGYS4QE5gSz5UZFn9CiinEwGfEorcg2xIrrCuU7Ry/ZU2VLz9q3xd04drRA==
-  dependencies:
-    "@sentry/core" "7.116.0"
-    "@sentry/types" "7.116.0"
-    "@sentry/utils" "7.116.0"
-
-"@sentry/browser@7.116.0":
-  version "7.116.0"
-  resolved "https://registry.yarnpkg.com/@sentry/browser/-/browser-7.116.0.tgz#950c1a9672bf886c556c2c7b9198b90189e3f0c2"
-  integrity sha512-2aosATT5qE+QLKgTmyF9t5Emsluy1MBczYNuPmLhDxGNfB+MA86S8u7Hb0CpxdwjS0nt14gmbiOtJHoeAF3uTw==
-  dependencies:
-    "@sentry-internal/feedback" "7.116.0"
-    "@sentry-internal/replay-canvas" "7.116.0"
-    "@sentry-internal/tracing" "7.116.0"
-    "@sentry/core" "7.116.0"
-    "@sentry/integrations" "7.116.0"
-    "@sentry/replay" "7.116.0"
-    "@sentry/types" "7.116.0"
-    "@sentry/utils" "7.116.0"
-
-"@sentry/core@7.116.0":
-  version "7.116.0"
-  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.116.0.tgz#7cff43134878a696b2b3b981ae384ec3db9ac8c3"
-  integrity sha512-J6Wmjjx+o7RwST0weTU1KaKUAlzbc8MGkJV1rcHM9xjNTWTva+nrcCM3vFBagnk2Gm/zhwv3h0PvWEqVyp3U1Q==
-  dependencies:
-    "@sentry/types" "7.116.0"
-    "@sentry/utils" "7.116.0"
-
-"@sentry/integrations@7.116.0":
-  version "7.116.0"
-  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.116.0.tgz#b641342249da76cd2feb2fb5511424b66f967449"
-  integrity sha512-UZb60gaF+7veh1Yv79RiGvgGYOnU6xA97H+hI6tKgc1uT20YpItO4X56Vhp0lvyEyUGFZzBRRH1jpMDPNGPkqw==
-  dependencies:
-    "@sentry/core" "7.116.0"
-    "@sentry/types" "7.116.0"
-    "@sentry/utils" "7.116.0"
-    localforage "^1.8.1"
-
-"@sentry/react@^7.91.0":
-  version "7.116.0"
-  resolved "https://registry.yarnpkg.com/@sentry/react/-/react-7.116.0.tgz#7157200c66675949b126feaa5de155fe83510dd8"
-  integrity sha512-b7sYSIewK/h3dGzm7Rx6tBUzA6w7zw6m5rVIO3fWCy7T3xEUDggUaqklrFVHXUYx2yjzEgTFPg/Dd2NrSzua4w==
-  dependencies:
-    "@sentry/browser" "7.116.0"
-    "@sentry/core" "7.116.0"
-    "@sentry/types" "7.116.0"
-    "@sentry/utils" "7.116.0"
-    hoist-non-react-statics "^3.3.2"
-
-"@sentry/replay@7.116.0":
-  version "7.116.0"
-  resolved "https://registry.yarnpkg.com/@sentry/replay/-/replay-7.116.0.tgz#cde921133c8927be92d60baf03c2b0aea73380f1"
-  integrity sha512-OrpDtV54pmwZuKp3g7PDiJg6ruRMJKOCzK08TF7IPsKrr4x4UQn56rzMOiABVuTjuS8lNfAWDar6c6vxXFz5KA==
-  dependencies:
-    "@sentry-internal/tracing" "7.116.0"
-    "@sentry/core" "7.116.0"
-    "@sentry/types" "7.116.0"
-    "@sentry/utils" "7.116.0"
-
-"@sentry/types@7.116.0", "@sentry/types@^7.74.0":
-  version "7.116.0"
-  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.116.0.tgz#0be3434e7e53c86db4993e668af1c3a65bfb7519"
-  integrity sha512-QCCvG5QuQrwgKzV11lolNQPP2k67Q6HHD9vllZ/C4dkxkjoIym8Gy+1OgAN3wjsR0f/kG9o5iZyglgNpUVRapQ==
-
-"@sentry/utils@7.116.0":
-  version "7.116.0"
-  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.116.0.tgz#f32463ab10f76f464274233a9df202e5357d17ff"
-  integrity sha512-Vn9fcvwTq91wJvCd7WTMWozimqMi+dEZ3ie3EICELC2diONcN16ADFdzn65CQQbYwmUzRjN9EjDN2k41pKZWhQ==
-  dependencies:
-    "@sentry/types" "7.116.0"
-
-"@sideway/address@^4.1.3":
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/@sideway/address/-/address-4.1.5.tgz#4bc149a0076623ced99ca8208ba780d65a99b9d5"
-  integrity sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==
-  dependencies:
-    "@hapi/hoek" "^9.0.0"
-
-"@sideway/formula@^3.0.1":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@sideway/formula/-/formula-3.0.1.tgz#80fcbcbaf7ce031e0ef2dd29b1bfc7c3f583611f"
-  integrity sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==
-
-"@sideway/pinpoint@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@sideway/pinpoint/-/pinpoint-2.0.0.tgz#cff8ffadc372ad29fd3f78277aeb29e632cc70df"
-  integrity sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==
-
-"@sinclair/typebox@^0.27.8":
-  version "0.27.8"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.27.8.tgz#6667fac16c436b5434a387a34dedb013198f6e6e"
-  integrity sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==
-
-"@sinclair/typebox@^0.31.28":
-  version "0.31.28"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.31.28.tgz#b68831e7bc7d09daac26968ea32f42bedc968ede"
-  integrity sha512-/s55Jujywdw/Jpan+vsy6JZs1z2ZTGxTmbZTPiuSL2wz9mfzA2gN1zzaqmvfi4pq+uOt7Du85fkiwv5ymW84aQ==
-
-"@sindresorhus/is@^4.0.0", "@sindresorhus/is@^4.6.0":
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-4.6.0.tgz#3c7c9c46e678feefe7a2e5bb609d3dbd665ffb3f"
-  integrity sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==
-
-"@sindresorhus/merge-streams@^2.1.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz#719df7fb41766bc143369eaa0dd56d8dc87c9958"
-  integrity sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==
-
-"@sinonjs/commons@^3.0.0":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-3.0.1.tgz#1029357e44ca901a615585f6d27738dbc89084cd"
-  integrity sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==
-  dependencies:
-    type-detect "4.0.8"
-
-"@sinonjs/fake-timers@^10.0.2":
-  version "10.3.0"
-  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz#55fdff1ecab9f354019129daf4df0dd4d923ea66"
-  integrity sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==
-  dependencies:
-    "@sinonjs/commons" "^3.0.0"
-
-"@solana/buffer-layout@^4.0.1":
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/@solana/buffer-layout/-/buffer-layout-4.0.1.tgz#b996235eaec15b1e0b5092a8ed6028df77fa6c15"
-  integrity sha512-E1ImOIAD1tBZFRdjeM4/pzTiTApC0AOBGwyAMS4fwIodCWArzJ3DWdoh8cKxeFM2fElkxBh2Aqts1BPC373rHA==
-  dependencies:
-    buffer "~6.0.3"
-
-"@solana/web3.js@^1.90.0":
-  version "1.91.8"
-  resolved "https://registry.yarnpkg.com/@solana/web3.js/-/web3.js-1.91.8.tgz#0d5eb69626a92c391b53e15bfbb0bad3f6858e51"
-  integrity sha512-USa6OS1jbh8zOapRJ/CBZImZ8Xb7AJjROZl5adql9TpOoBN9BUzyyouS5oPuZHft7S7eB8uJPuXWYjMi6BHgOw==
-  dependencies:
-    "@babel/runtime" "^7.24.5"
-    "@noble/curves" "^1.4.0"
-    "@noble/hashes" "^1.4.0"
-    "@solana/buffer-layout" "^4.0.1"
-    agentkeepalive "^4.5.0"
-    bigint-buffer "^1.1.5"
-    bn.js "^5.2.1"
-    borsh "^0.7.0"
-    bs58 "^4.0.1"
-    buffer "6.0.3"
-    fast-stable-stringify "^1.0.0"
-    jayson "^4.1.0"
-    node-fetch "^2.7.0"
-    rpc-websockets "^7.11.0"
-    superstruct "^0.14.2"
-
-"@spindl-xyz/attribution-lite@^1.4.0":
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/@spindl-xyz/attribution-lite/-/attribution-lite-1.6.2.tgz#7dcbe5024fdc030d4c5d60b28466aaea83073d80"
-  integrity sha512-LOmvfsLxj1h5uBUI72rJuOvaRbr8pyyWj+u9OQHOM6ZwOhFKaNy1SLp41TSlf2GLo9IAOToNFdH5Gjw1L+E29Q==
-
-"@stablelib/aead@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@stablelib/aead/-/aead-1.0.1.tgz#c4b1106df9c23d1b867eb9b276d8f42d5fc4c0c3"
-  integrity sha512-q39ik6sxGHewqtO0nP4BuSe3db5G1fEJE8ukvngS2gLkBXyy6E7pLubhbYgnkDFv6V8cWaxcE4Xn0t6LWcJkyg==
-
-"@stablelib/binary@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@stablelib/binary/-/binary-1.0.1.tgz#c5900b94368baf00f811da5bdb1610963dfddf7f"
-  integrity sha512-ClJWvmL6UBM/wjkvv/7m5VP3GMr9t0osr4yVgLZsLCOz4hGN9gIAFEqnJ0TsSMAN+n840nf2cHZnA5/KFqHC7Q==
-  dependencies:
-    "@stablelib/int" "^1.0.1"
-
-"@stablelib/bytes@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@stablelib/bytes/-/bytes-1.0.1.tgz#0f4aa7b03df3080b878c7dea927d01f42d6a20d8"
-  integrity sha512-Kre4Y4kdwuqL8BR2E9hV/R5sOrUj6NanZaZis0V6lX5yzqC3hBuVSDXUIBqQv/sCpmuWRiHLwqiT1pqqjuBXoQ==
-
-"@stablelib/chacha20poly1305@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@stablelib/chacha20poly1305/-/chacha20poly1305-1.0.1.tgz#de6b18e283a9cb9b7530d8767f99cde1fec4c2ee"
-  integrity sha512-MmViqnqHd1ymwjOQfghRKw2R/jMIGT3wySN7cthjXCBdO+qErNPUBnRzqNpnvIwg7JBCg3LdeCZZO4de/yEhVA==
-  dependencies:
-    "@stablelib/aead" "^1.0.1"
-    "@stablelib/binary" "^1.0.1"
-    "@stablelib/chacha" "^1.0.1"
-    "@stablelib/constant-time" "^1.0.1"
-    "@stablelib/poly1305" "^1.0.1"
-    "@stablelib/wipe" "^1.0.1"
-
-"@stablelib/chacha@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@stablelib/chacha/-/chacha-1.0.1.tgz#deccfac95083e30600c3f92803a3a1a4fa761371"
-  integrity sha512-Pmlrswzr0pBzDofdFuVe1q7KdsHKhhU24e8gkEwnTGOmlC7PADzLVxGdn2PoNVBBabdg0l/IfLKg6sHAbTQugg==
-  dependencies:
-    "@stablelib/binary" "^1.0.1"
-    "@stablelib/wipe" "^1.0.1"
-
-"@stablelib/constant-time@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@stablelib/constant-time/-/constant-time-1.0.1.tgz#bde361465e1cf7b9753061b77e376b0ca4c77e35"
-  integrity sha512-tNOs3uD0vSJcK6z1fvef4Y+buN7DXhzHDPqRLSXUel1UfqMB1PWNsnnAezrKfEwTLpN0cGH2p9NNjs6IqeD0eg==
-
-"@stablelib/ed25519@^1.0.2":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@stablelib/ed25519/-/ed25519-1.0.3.tgz#f8fdeb6f77114897c887bb6a3138d659d3f35996"
-  integrity sha512-puIMWaX9QlRsbhxfDc5i+mNPMY+0TmQEskunY1rZEBPi1acBCVQAhnsk/1Hk50DGPtVsZtAWQg4NHGlVaO9Hqg==
-  dependencies:
-    "@stablelib/random" "^1.0.2"
-    "@stablelib/sha512" "^1.0.1"
-    "@stablelib/wipe" "^1.0.1"
-
-"@stablelib/hash@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@stablelib/hash/-/hash-1.0.1.tgz#3c944403ff2239fad8ebb9015e33e98444058bc5"
-  integrity sha512-eTPJc/stDkdtOcrNMZ6mcMK1e6yBbqRBaNW55XA1jU8w/7QdnCF0CmMmOD1m7VSkBR44PWrMHU2l6r8YEQHMgg==
-
-"@stablelib/hkdf@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@stablelib/hkdf/-/hkdf-1.0.1.tgz#b4efd47fd56fb43c6a13e8775a54b354f028d98d"
-  integrity sha512-SBEHYE16ZXlHuaW5RcGk533YlBj4grMeg5TooN80W3NpcHRtLZLLXvKyX0qcRFxf+BGDobJLnwkvgEwHIDBR6g==
-  dependencies:
-    "@stablelib/hash" "^1.0.1"
-    "@stablelib/hmac" "^1.0.1"
-    "@stablelib/wipe" "^1.0.1"
-
-"@stablelib/hmac@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@stablelib/hmac/-/hmac-1.0.1.tgz#3d4c1b8cf194cb05d28155f0eed8a299620a07ec"
-  integrity sha512-V2APD9NSnhVpV/QMYgCVMIYKiYG6LSqw1S65wxVoirhU/51ACio6D4yDVSwMzuTJXWZoVHbDdINioBwKy5kVmA==
-  dependencies:
-    "@stablelib/constant-time" "^1.0.1"
-    "@stablelib/hash" "^1.0.1"
-    "@stablelib/wipe" "^1.0.1"
-
-"@stablelib/int@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@stablelib/int/-/int-1.0.1.tgz#75928cc25d59d73d75ae361f02128588c15fd008"
-  integrity sha512-byr69X/sDtDiIjIV6m4roLVWnNNlRGzsvxw+agj8CIEazqWGOQp2dTYgQhtyVXV9wpO6WyXRQUzLV/JRNumT2w==
-
-"@stablelib/keyagreement@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@stablelib/keyagreement/-/keyagreement-1.0.1.tgz#4612efb0a30989deb437cd352cee637ca41fc50f"
-  integrity sha512-VKL6xBwgJnI6l1jKrBAfn265cspaWBPAPEc62VBQrWHLqVgNRE09gQ/AnOEyKUWrrqfD+xSQ3u42gJjLDdMDQg==
-  dependencies:
-    "@stablelib/bytes" "^1.0.1"
-
-"@stablelib/poly1305@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@stablelib/poly1305/-/poly1305-1.0.1.tgz#93bfb836c9384685d33d70080718deae4ddef1dc"
-  integrity sha512-1HlG3oTSuQDOhSnLwJRKeTRSAdFNVB/1djy2ZbS35rBSJ/PFqx9cf9qatinWghC2UbfOYD8AcrtbUQl8WoxabA==
-  dependencies:
-    "@stablelib/constant-time" "^1.0.1"
-    "@stablelib/wipe" "^1.0.1"
-
-"@stablelib/random@1.0.2", "@stablelib/random@^1.0.1", "@stablelib/random@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@stablelib/random/-/random-1.0.2.tgz#2dece393636489bf7e19c51229dd7900eddf742c"
-  integrity sha512-rIsE83Xpb7clHPVRlBj8qNe5L8ISQOzjghYQm/dZ7VaM2KHYwMW5adjQjrzTZCchFnNCNhkwtnOBa9HTMJCI8w==
-  dependencies:
-    "@stablelib/binary" "^1.0.1"
-    "@stablelib/wipe" "^1.0.1"
-
-"@stablelib/sha256@1.0.1", "@stablelib/sha256@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@stablelib/sha256/-/sha256-1.0.1.tgz#77b6675b67f9b0ea081d2e31bda4866297a3ae4f"
-  integrity sha512-GIIH3e6KH+91FqGV42Kcj71Uefd/QEe7Dy42sBTeqppXV95ggCcxLTk39bEr+lZfJmp+ghsR07J++ORkRELsBQ==
-  dependencies:
-    "@stablelib/binary" "^1.0.1"
-    "@stablelib/hash" "^1.0.1"
-    "@stablelib/wipe" "^1.0.1"
-
-"@stablelib/sha512@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@stablelib/sha512/-/sha512-1.0.1.tgz#6da700c901c2c0ceacbd3ae122a38ac57c72145f"
-  integrity sha512-13gl/iawHV9zvDKciLo1fQ8Bgn2Pvf7OV6amaRVKiq3pjQ3UmEpXxWiAfV8tYjUpeZroBxtyrwtdooQT/i3hzw==
-  dependencies:
-    "@stablelib/binary" "^1.0.1"
-    "@stablelib/hash" "^1.0.1"
-    "@stablelib/wipe" "^1.0.1"
-
-"@stablelib/wipe@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@stablelib/wipe/-/wipe-1.0.1.tgz#d21401f1d59ade56a62e139462a97f104ed19a36"
-  integrity sha512-WfqfX/eXGiAd3RJe4VU2snh/ZPwtSjLG4ynQ/vYzvghTh7dHFcI1wl+nrkWG6lGhukOxOsUHfv8dUXr58D0ayg==
-
-"@stablelib/x25519@1.0.3", "@stablelib/x25519@^1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@stablelib/x25519/-/x25519-1.0.3.tgz#13c8174f774ea9f3e5e42213cbf9fc68a3c7b7fd"
-  integrity sha512-KnTbKmUhPhHavzobclVJQG5kuivH+qDLpe84iRqX3CLrKp881cF160JvXJ+hjn1aMyCwYOKeIZefIH/P5cJoRw==
-  dependencies:
-    "@stablelib/keyagreement" "^1.0.1"
-    "@stablelib/random" "^1.0.2"
-    "@stablelib/wipe" "^1.0.1"
-
-"@storybook/addon-actions@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-8.1.3.tgz#9312e87cdf4f1a07ddc2a6ccdb28d90649c01c6e"
-  integrity sha512-XG6clFT/lPOHEm/tHdWO3E5G28HIock2272BZNr15+DqVTRYyGRhuFQKxPb+CdRWCpT1VQnWS+L9S1+95wDlJw==
-  dependencies:
-    "@storybook/core-events" "8.1.3"
-    "@storybook/global" "^5.0.0"
-    "@types/uuid" "^9.0.1"
-    dequal "^2.0.2"
-    polished "^4.2.2"
-    uuid "^9.0.0"
-
-"@storybook/addon-backgrounds@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-8.1.3.tgz#7f6e31d812e3a1ba13500bd614ea46d0d5bab990"
-  integrity sha512-XBCDugJWCzJOMhkFPVFCtGCtABYr1LDUot9xfOWPwQbshGwsdSf++TcayUbJKI5MJRuNYmnG4V0YYoRxVkDDVA==
-  dependencies:
-    "@storybook/global" "^5.0.0"
-    memoizerific "^1.11.3"
-    ts-dedent "^2.0.0"
-
-"@storybook/addon-controls@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-8.1.3.tgz#842cc6b1f025fa9408bb833a17cd3fab0a9df1e1"
-  integrity sha512-3/w5/AVrA+U3A5VtYmqJoj2kCu6qVLB6ycsusxsAlRKkXTRO5HvbK1Ndm8oPNaKaJT4W22VIVem6SyVMiNq4Kw==
-  dependencies:
-    "@storybook/blocks" "8.1.3"
-    dequal "^2.0.2"
-    lodash "^4.17.21"
-    ts-dedent "^2.0.0"
-
-"@storybook/addon-designs@^8.0.0":
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-designs/-/addon-designs-8.0.2.tgz#311cb9a82068cf1475ebc2079c84348558dae54a"
-  integrity sha512-/ZDVB1dCmb56IZymb0z5uuodjpAx19NxwI2URHFMFZiwv65lwom5AJx2QHdzqyQfXHryGq/eQrUSswNPYVYqwA==
-  dependencies:
-    "@figspec/react" "^1.0.0"
-
-"@storybook/addon-docs@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-8.1.3.tgz#914153bb2f9e77978892bba9f725ed7a56e0ffac"
-  integrity sha512-oASBnWOT9bUXo3rWDH8Ph8xWvi7cia1Bn/aoA2YlkJIC9R99FLQbEeKOJgcANWBC05YnLF75k4AOZOLqLPMVxQ==
-  dependencies:
-    "@babel/core" "^7.24.4"
-    "@mdx-js/react" "^3.0.0"
-    "@storybook/blocks" "8.1.3"
-    "@storybook/client-logger" "8.1.3"
-    "@storybook/components" "8.1.3"
-    "@storybook/csf-plugin" "8.1.3"
-    "@storybook/csf-tools" "8.1.3"
-    "@storybook/global" "^5.0.0"
-    "@storybook/node-logger" "8.1.3"
-    "@storybook/preview-api" "8.1.3"
-    "@storybook/react-dom-shim" "8.1.3"
-    "@storybook/theming" "8.1.3"
-    "@storybook/types" "8.1.3"
-    "@types/react" "^16.8.0 || ^17.0.0 || ^18.0.0"
-    fs-extra "^11.1.0"
-    react "^16.8.0 || ^17.0.0 || ^18.0.0"
-    react-dom "^16.8.0 || ^17.0.0 || ^18.0.0"
-    rehype-external-links "^3.0.0"
-    rehype-slug "^6.0.0"
-    ts-dedent "^2.0.0"
-
-"@storybook/addon-essentials@^8.0.6":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-8.1.3.tgz#3c2e2764112543e31208071f133c73170162c893"
-  integrity sha512-Ziv7jEM7f37JNDkd7+x5UCZWBHv7HgQ2LuUEV7mv5FtBbT+9ors/155PfzBLOpDjGQytVKiHuwChsbBvfIqdJg==
-  dependencies:
-    "@storybook/addon-actions" "8.1.3"
-    "@storybook/addon-backgrounds" "8.1.3"
-    "@storybook/addon-controls" "8.1.3"
-    "@storybook/addon-docs" "8.1.3"
-    "@storybook/addon-highlight" "8.1.3"
-    "@storybook/addon-measure" "8.1.3"
-    "@storybook/addon-outline" "8.1.3"
-    "@storybook/addon-toolbars" "8.1.3"
-    "@storybook/addon-viewport" "8.1.3"
-    "@storybook/core-common" "8.1.3"
-    "@storybook/manager-api" "8.1.3"
-    "@storybook/node-logger" "8.1.3"
-    "@storybook/preview-api" "8.1.3"
-    ts-dedent "^2.0.0"
-
-"@storybook/addon-highlight@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-highlight/-/addon-highlight-8.1.3.tgz#aa05025d20d8ec9f82a21021e746ec1caaaff3f6"
-  integrity sha512-X+sTpav2GDOY5M9M+n4nFrPMAtnZYxjh4gULl1IAWDcDt2zgiu5wqB6tWtz+qmLla8jdwkdpb5GmuEYuayngDQ==
-  dependencies:
-    "@storybook/global" "^5.0.0"
-
-"@storybook/addon-interactions@^8.0.6":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-interactions/-/addon-interactions-8.1.3.tgz#0c4f1ae0d0af3154ff57e3e00bbfb9b3d6d6e834"
-  integrity sha512-+4+fGo1nSr5Re48oW2RBlXS8Jq7ZtHNXJ2dSXkxYE1uXLu8K4/a4WvtvAVPZK93+qKP1T2hTLL7eOSApVnUvJQ==
-  dependencies:
-    "@storybook/global" "^5.0.0"
-    "@storybook/instrumenter" "8.1.3"
-    "@storybook/test" "8.1.3"
-    "@storybook/types" "8.1.3"
-    polished "^4.2.2"
-    ts-dedent "^2.2.0"
-
-"@storybook/addon-links@^8.0.6":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-8.1.3.tgz#2cdda7b3e019b08480812b4bf71df0ca1ef83744"
-  integrity sha512-WwXrSDmtpjDJvUMMKbQSio7w5yVu51Gndamf/EkkRXGMauBAm7rW5M/S1Rky3ZPhHt9a6ByI51GpGMDrNFLoRQ==
-  dependencies:
-    "@storybook/csf" "^0.1.7"
-    "@storybook/global" "^5.0.0"
-    ts-dedent "^2.0.0"
-
-"@storybook/addon-measure@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-8.1.3.tgz#c5ef560c7422c3f31f05bb968965cf59ae7da4db"
-  integrity sha512-i5A9RDKh6Bg3j+9S3fjZQtBe827Svemz0VFe00efaUrCj9tuNPRD/ggFiToUa4Q+qtqT8K1mLeg6IsTfl6LR8A==
-  dependencies:
-    "@storybook/global" "^5.0.0"
-    tiny-invariant "^1.3.1"
-
-"@storybook/addon-onboarding@^8.0.6":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-onboarding/-/addon-onboarding-8.1.3.tgz#4e6bea1776be6e7a291b4461c7cd802b16bf93ae"
-  integrity sha512-xL6UVK6kC6rJzhR0KVXLtN7bWdtd9+uDUyF0QFtW32KpYsa2d9VMo29Pxx6Ht9Kbchn2SUXS0K27BR0YJA6aFA==
-  dependencies:
-    react-confetti "^6.1.0"
-
-"@storybook/addon-outline@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-outline/-/addon-outline-8.1.3.tgz#dcf0104605257ac6f350a0ed623267b1c212083b"
-  integrity sha512-4kz2WfxwRUBOaNuESlFbJs3WHjHhIAvMRikVzzZLbY0U3gM5Tz5LnjuPw/oIGts/+bXb6/S4vwO8o3xO1Ghnzg==
-  dependencies:
-    "@storybook/global" "^5.0.0"
-    ts-dedent "^2.0.0"
-
-"@storybook/addon-themes@^8.0.6":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-themes/-/addon-themes-8.1.3.tgz#61f7aa2fe0565cfdc0bcbf840c56538fe72b9063"
-  integrity sha512-giLVLrCFULT4Hw9Hnyt2sZQvVlWKC9WR5fSS1nOvy8N1MQ1R3c0re81BILlnitDEYAkWVMtJEErcMDcfeFdoHA==
-  dependencies:
-    ts-dedent "^2.0.0"
-
-"@storybook/addon-toolbars@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-8.1.3.tgz#14d83bb446b60cc712db9be2f05bc17af5bdba91"
-  integrity sha512-cJmYRp8thYcaFXp/81nAODH4xePkkhmr+pSevKyHInUWL/L0/ZiE7DMHPsFABj7QKqbuy1dn8WqIRgYDjKDCYg==
-
-"@storybook/addon-viewport@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-8.1.3.tgz#cae6c4235771891eae1737d82e395216765e5087"
-  integrity sha512-zronhXim/TjSYqA63m7r9plqP+QX4p6jWLkc5y6mkqLY/pIaMnvFg4aCA6Nv1HL96krU9WvT96AIqbIsXNlTTg==
-  dependencies:
-    memoizerific "^1.11.3"
-
-"@storybook/blocks@8.1.3", "@storybook/blocks@^8.0.6":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-8.1.3.tgz#6943aeffb4dbbc0722a8849bf62e715531c0bdfe"
-  integrity sha512-Ul8rsUcgsnizsYuWVgoybP4pGeqq5FV0jcwA00muXWs3ubPYKrKrhLhfjxkb8gi+7YikpbinPKWmlrQK1Fn3MQ==
-  dependencies:
-    "@storybook/channels" "8.1.3"
-    "@storybook/client-logger" "8.1.3"
-    "@storybook/components" "8.1.3"
-    "@storybook/core-events" "8.1.3"
-    "@storybook/csf" "^0.1.7"
-    "@storybook/docs-tools" "8.1.3"
-    "@storybook/global" "^5.0.0"
-    "@storybook/icons" "^1.2.5"
-    "@storybook/manager-api" "8.1.3"
-    "@storybook/preview-api" "8.1.3"
-    "@storybook/theming" "8.1.3"
-    "@storybook/types" "8.1.3"
-    "@types/lodash" "^4.14.167"
-    color-convert "^2.0.1"
-    dequal "^2.0.2"
-    lodash "^4.17.21"
-    markdown-to-jsx "7.3.2"
-    memoizerific "^1.11.3"
-    polished "^4.2.2"
-    react-colorful "^5.1.2"
-    telejson "^7.2.0"
-    tocbot "^4.20.1"
-    ts-dedent "^2.0.0"
-    util-deprecate "^1.0.2"
-
-"@storybook/builder-manager@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/builder-manager/-/builder-manager-8.1.3.tgz#f48905fb967866734b24a9f1592e72bd446acbc4"
-  integrity sha512-VIYgF6PreiteJMGlz716P27yyL/JF1dR7M2htVJij5IP2X6HUgyzFXScElKljX9fETq7vig+UZWksZ2M2Q9dYg==
-  dependencies:
-    "@fal-works/esbuild-plugin-global-externals" "^2.1.2"
-    "@storybook/core-common" "8.1.3"
-    "@storybook/manager" "8.1.3"
-    "@storybook/node-logger" "8.1.3"
-    "@types/ejs" "^3.1.1"
-    "@yarnpkg/esbuild-plugin-pnp" "^3.0.0-rc.10"
-    browser-assert "^1.2.1"
-    ejs "^3.1.10"
-    esbuild "^0.18.0 || ^0.19.0 || ^0.20.0"
-    esbuild-plugin-alias "^0.2.1"
-    express "^4.17.3"
-    fs-extra "^11.1.0"
-    process "^0.11.10"
-    util "^0.12.4"
-
-"@storybook/builder-webpack5@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/builder-webpack5/-/builder-webpack5-8.1.3.tgz#9e054809b5c495eba7e810348668b0df849d5084"
-  integrity sha512-QtlvI9LgamKQC+9yxbx6deIF5hXvrWQRuta2TUAfQ3wTrOXosFQDyZl44C31z28ma4XjuAacWOgZNUS4DPFpsA==
-  dependencies:
-    "@storybook/channels" "8.1.3"
-    "@storybook/client-logger" "8.1.3"
-    "@storybook/core-common" "8.1.3"
-    "@storybook/core-events" "8.1.3"
-    "@storybook/core-webpack" "8.1.3"
-    "@storybook/node-logger" "8.1.3"
-    "@storybook/preview" "8.1.3"
-    "@storybook/preview-api" "8.1.3"
-    "@types/node" "^18.0.0"
-    "@types/semver" "^7.3.4"
-    browser-assert "^1.2.1"
-    case-sensitive-paths-webpack-plugin "^2.4.0"
-    cjs-module-lexer "^1.2.3"
-    constants-browserify "^1.0.0"
-    css-loader "^6.7.1"
-    es-module-lexer "^1.5.0"
-    express "^4.17.3"
-    fork-ts-checker-webpack-plugin "^8.0.0"
-    fs-extra "^11.1.0"
-    html-webpack-plugin "^5.5.0"
-    magic-string "^0.30.5"
-    path-browserify "^1.0.1"
-    process "^0.11.10"
-    semver "^7.3.7"
-    style-loader "^3.3.1"
-    terser-webpack-plugin "^5.3.1"
-    ts-dedent "^2.0.0"
-    url "^0.11.0"
-    util "^0.12.4"
-    util-deprecate "^1.0.2"
-    webpack "5"
-    webpack-dev-middleware "^6.1.2"
-    webpack-hot-middleware "^2.25.1"
-    webpack-virtual-modules "^0.5.0"
-
-"@storybook/channels@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-8.1.3.tgz#34afeecaf6278e7d11359182f5cf07f054f0ab85"
-  integrity sha512-iDoHFX3ty7vhSXegFRevJkQ6cV+QQ1JjDnoXK/SHeloMT26sn5gPtetn3ET9+6ZoFkU05Pf5d0DoywVOfumfcg==
-  dependencies:
-    "@storybook/client-logger" "8.1.3"
-    "@storybook/core-events" "8.1.3"
-    "@storybook/global" "^5.0.0"
-    telejson "^7.2.0"
-    tiny-invariant "^1.3.1"
-
-"@storybook/cli@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/cli/-/cli-8.1.3.tgz#5f2ee1afbfc25b1ba86e2a73fb3bd427048c7b3f"
-  integrity sha512-eqzjy7YOIF0WkeUPT5Mv+WKibk3z+IfP0voTKIWzYKAqZ8sD36NQV/lE7bHy0JAPw+rfw1Fq0gMOiFVcx3ZaUQ==
-  dependencies:
-    "@babel/core" "^7.24.4"
-    "@babel/types" "^7.24.0"
-    "@ndelangen/get-tarball" "^3.0.7"
-    "@storybook/codemod" "8.1.3"
-    "@storybook/core-common" "8.1.3"
-    "@storybook/core-events" "8.1.3"
-    "@storybook/core-server" "8.1.3"
-    "@storybook/csf-tools" "8.1.3"
-    "@storybook/node-logger" "8.1.3"
-    "@storybook/telemetry" "8.1.3"
-    "@storybook/types" "8.1.3"
-    "@types/semver" "^7.3.4"
-    "@yarnpkg/fslib" "2.10.3"
-    "@yarnpkg/libzip" "2.3.0"
-    chalk "^4.1.0"
-    commander "^6.2.1"
-    cross-spawn "^7.0.3"
-    detect-indent "^6.1.0"
-    envinfo "^7.7.3"
-    execa "^5.0.0"
-    find-up "^5.0.0"
-    fs-extra "^11.1.0"
-    get-npm-tarball-url "^2.0.3"
-    giget "^1.0.0"
-    globby "^14.0.1"
-    jscodeshift "^0.15.1"
-    leven "^3.1.0"
-    ora "^5.4.1"
-    prettier "^3.1.1"
-    prompts "^2.4.0"
-    read-pkg-up "^7.0.1"
-    semver "^7.3.7"
-    strip-json-comments "^3.0.1"
-    tempy "^1.0.1"
-    tiny-invariant "^1.3.1"
-    ts-dedent "^2.0.0"
-
-"@storybook/client-logger@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-8.1.3.tgz#dcf6e7dc3d5757bcf2f7aa578a40aa9438c998f5"
-  integrity sha512-dX1jZ+HhJ8hVhAKHQ8gs/FalHjIGo5j1Xk+2UqdsGjLoBlwHIHfHzkVbzrc/gCxxXL0juisk7BzbXaz7lME0KA==
-  dependencies:
-    "@storybook/global" "^5.0.0"
-
-"@storybook/codemod@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/codemod/-/codemod-8.1.3.tgz#1b59e5c4de57049e51688f52e9553a98775efc1f"
-  integrity sha512-U21HQICKKm/xsfLKEODDphJJiBkzq5wFZzKN2DyMPd3vOfLpCWcaPsO9Pi5IX1cekyCz2o+phYt2r9aSRQUbOg==
-  dependencies:
-    "@babel/core" "^7.24.4"
-    "@babel/preset-env" "^7.24.4"
-    "@babel/types" "^7.24.0"
-    "@storybook/csf" "^0.1.7"
-    "@storybook/csf-tools" "8.1.3"
-    "@storybook/node-logger" "8.1.3"
-    "@storybook/types" "8.1.3"
-    "@types/cross-spawn" "^6.0.2"
-    cross-spawn "^7.0.3"
-    globby "^14.0.1"
-    jscodeshift "^0.15.1"
-    lodash "^4.17.21"
-    prettier "^3.1.1"
-    recast "^0.23.5"
-    tiny-invariant "^1.3.1"
-
-"@storybook/components@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-8.1.3.tgz#47e753795fd6203c7ecebde93681945779ed3c42"
-  integrity sha512-g9HB3CZvhDWoh1UJ4FiRRHDgZtKmh8H38zCK9xzyySxD9V7f9BobBChb3Xqlou3YCk5MqlGqudIg+xtHqNBPrg==
-  dependencies:
-    "@radix-ui/react-dialog" "^1.0.5"
-    "@radix-ui/react-slot" "^1.0.2"
-    "@storybook/client-logger" "8.1.3"
-    "@storybook/csf" "^0.1.7"
-    "@storybook/global" "^5.0.0"
-    "@storybook/icons" "^1.2.5"
-    "@storybook/theming" "8.1.3"
-    "@storybook/types" "8.1.3"
-    memoizerific "^1.11.3"
-    util-deprecate "^1.0.2"
-
-"@storybook/core-common@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-8.1.3.tgz#7779a76095e8216af48169bb6b370f6b8e189361"
-  integrity sha512-VLG2Kg6oX0msq/Gjo+Pveqg7oLnJBClzms43/nwh6oxjJ/TFehRi3DyLjLqL+Nj726LI5lQetFZZyrsHudVskg==
-  dependencies:
-    "@storybook/core-events" "8.1.3"
-    "@storybook/csf-tools" "8.1.3"
-    "@storybook/node-logger" "8.1.3"
-    "@storybook/types" "8.1.3"
-    "@yarnpkg/fslib" "2.10.3"
-    "@yarnpkg/libzip" "2.3.0"
-    chalk "^4.1.0"
-    cross-spawn "^7.0.3"
-    esbuild "^0.18.0 || ^0.19.0 || ^0.20.0"
-    esbuild-register "^3.5.0"
-    execa "^5.0.0"
-    file-system-cache "2.3.0"
-    find-cache-dir "^3.0.0"
-    find-up "^5.0.0"
-    fs-extra "^11.1.0"
-    glob "^10.0.0"
-    handlebars "^4.7.7"
-    lazy-universal-dotenv "^4.0.0"
-    node-fetch "^2.0.0"
-    picomatch "^2.3.0"
-    pkg-dir "^5.0.0"
-    prettier-fallback "npm:prettier@^3"
-    pretty-hrtime "^1.0.3"
-    resolve-from "^5.0.0"
-    semver "^7.3.7"
-    tempy "^1.0.1"
-    tiny-invariant "^1.3.1"
-    ts-dedent "^2.0.0"
-    util "^0.12.4"
-
-"@storybook/core-events@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-8.1.3.tgz#90e0292282cdb09acb15f1ee7054390bcc9209aa"
-  integrity sha512-eOs4HRrsEZz2FZFlMGwPuH9CGYBK8fkUS7mcHNPv8CqoHV8d3ErvDax8zA/KGRj3S6kWJ4PzI9IGuiDVvwuxhA==
-  dependencies:
-    "@storybook/csf" "^0.1.7"
-    ts-dedent "^2.0.0"
-
-"@storybook/core-server@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-8.1.3.tgz#5437219a2dd5c0479e30ea25153979f872732a1d"
-  integrity sha512-bOHbLI5atDFBOsFc5M0V0ikURVw+Kx/jRXGO5dnc6kr5SwW+ZfWooy1hiFKHRnI8hmVpGXcS6YqTHkUbcrAWgA==
-  dependencies:
-    "@aw-web-design/x-default-browser" "1.4.126"
-    "@babel/core" "^7.24.4"
-    "@babel/parser" "^7.24.4"
-    "@discoveryjs/json-ext" "^0.5.3"
-    "@storybook/builder-manager" "8.1.3"
-    "@storybook/channels" "8.1.3"
-    "@storybook/core-common" "8.1.3"
-    "@storybook/core-events" "8.1.3"
-    "@storybook/csf" "^0.1.7"
-    "@storybook/csf-tools" "8.1.3"
-    "@storybook/docs-mdx" "3.1.0-next.0"
-    "@storybook/global" "^5.0.0"
-    "@storybook/manager" "8.1.3"
-    "@storybook/manager-api" "8.1.3"
-    "@storybook/node-logger" "8.1.3"
-    "@storybook/preview-api" "8.1.3"
-    "@storybook/telemetry" "8.1.3"
-    "@storybook/types" "8.1.3"
-    "@types/detect-port" "^1.3.0"
-    "@types/diff" "^5.0.9"
-    "@types/node" "^18.0.0"
-    "@types/pretty-hrtime" "^1.0.0"
-    "@types/semver" "^7.3.4"
-    better-opn "^3.0.2"
-    chalk "^4.1.0"
-    cli-table3 "^0.6.1"
-    compression "^1.7.4"
-    detect-port "^1.3.0"
-    diff "^5.2.0"
-    express "^4.17.3"
-    fs-extra "^11.1.0"
-    globby "^14.0.1"
-    ip "^2.0.1"
-    lodash "^4.17.21"
-    open "^8.4.0"
-    pretty-hrtime "^1.0.3"
-    prompts "^2.4.0"
-    read-pkg-up "^7.0.1"
-    semver "^7.3.7"
-    telejson "^7.2.0"
-    tiny-invariant "^1.3.1"
-    ts-dedent "^2.0.0"
-    util "^0.12.4"
-    util-deprecate "^1.0.2"
-    watchpack "^2.2.0"
-    ws "^8.2.3"
-
-"@storybook/core-webpack@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/core-webpack/-/core-webpack-8.1.3.tgz#a2443019582410d7f17d6e844a42d3a69341aa69"
-  integrity sha512-LLcEkEBgKcwsn3nC03eTji0ePmcfbRi9S82uc44/0dvnJT7Eshk0pFNuLl+flW6JtzcYtKZ7PeCn/Gp9ekhqEg==
-  dependencies:
-    "@storybook/core-common" "8.1.3"
-    "@storybook/node-logger" "8.1.3"
-    "@storybook/types" "8.1.3"
-    "@types/node" "^18.0.0"
-    ts-dedent "^2.0.0"
-
-"@storybook/csf-plugin@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-8.1.3.tgz#8820364f1cd6bd1a73caec7e41681ac51ff2563e"
-  integrity sha512-ONKhnz2j3zSa2RseBWypabTniRcs77ZWBdTrxnBqQap55tRMOAS/uCG+bgGgWlzwDskX35Kmd7XGkVOEngWSDQ==
-  dependencies:
-    "@storybook/csf-tools" "8.1.3"
-    unplugin "^1.3.1"
-
-"@storybook/csf-tools@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-8.1.3.tgz#bf7b706f3da21c42e4ccfbadb7ad548d62ee07d2"
-  integrity sha512-22h6Uv7w29v8HjoFsJvAkBci9POVH0aQhlfZ4NNYkiMbgD4X4HWeD2wqob6fTKpVWP3tDaNS9FfCWHxQXFE+ag==
-  dependencies:
-    "@babel/generator" "^7.24.4"
-    "@babel/parser" "^7.24.4"
-    "@babel/traverse" "^7.24.1"
-    "@babel/types" "^7.24.0"
-    "@storybook/csf" "^0.1.7"
-    "@storybook/types" "8.1.3"
-    fs-extra "^11.1.0"
-    recast "^0.23.5"
-    ts-dedent "^2.0.0"
-
-"@storybook/csf@^0.0.1":
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/@storybook/csf/-/csf-0.0.1.tgz#95901507dc02f0bc6f9ac8ee1983e2fc5bb98ce6"
-  integrity sha512-USTLkZze5gkel8MYCujSRBVIrUQ3YPBrLOx7GNk/0wttvVtlzWXAq9eLbQ4p/NicGxP+3T7KPEMVV//g+yubpw==
-  dependencies:
-    lodash "^4.17.15"
-
-"@storybook/csf@^0.1.7":
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/@storybook/csf/-/csf-0.1.7.tgz#dcc6c16a353bc09c8c619ba1a23ba93b2aab0b9d"
-  integrity sha512-53JeLZBibjQxi0Ep+/AJTfxlofJlxy1jXcSKENlnKxHjWEYyHQCumMP5yTFjf7vhNnMjEpV3zx6t23ssFiGRyw==
-  dependencies:
-    type-fest "^2.19.0"
-
-"@storybook/docs-mdx@3.1.0-next.0":
-  version "3.1.0-next.0"
-  resolved "https://registry.yarnpkg.com/@storybook/docs-mdx/-/docs-mdx-3.1.0-next.0.tgz#9567c6eb621110dcf6554923a975238953d06305"
-  integrity sha512-t4syFIeSyufieNovZbLruPt2DmRKpbwL4fERCZ1MifWDRIORCKLc4NCEHy+IqvIqd71/SJV2k4B51nF7vlJfmQ==
-
-"@storybook/docs-tools@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/docs-tools/-/docs-tools-8.1.3.tgz#a93045b1547d86575f52a81da7f391e1fa653ee4"
-  integrity sha512-EQIgzO5KdvEck0/20lR/znq1xCC7O1HvKd+yIkZ4bEGn2XnqWk8rmReKSOMI476rb3sn1CMIntT2BRsBUOfTOw==
-  dependencies:
-    "@storybook/core-common" "8.1.3"
-    "@storybook/core-events" "8.1.3"
-    "@storybook/preview-api" "8.1.3"
-    "@storybook/types" "8.1.3"
-    "@types/doctrine" "^0.0.3"
-    assert "^2.1.0"
-    doctrine "^3.0.0"
-    lodash "^4.17.21"
-
-"@storybook/global@^5.0.0":
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/@storybook/global/-/global-5.0.0.tgz#b793d34b94f572c1d7d9e0f44fac4e0dbc9572ed"
-  integrity sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==
-
-"@storybook/icons@^1.2.5":
-  version "1.2.9"
-  resolved "https://registry.yarnpkg.com/@storybook/icons/-/icons-1.2.9.tgz#bb4a51a79e186b62e2dd0e04928b8617ac573838"
-  integrity sha512-cOmylsz25SYXaJL/gvTk/dl3pyk7yBFRfeXTsHvTA3dfhoU/LWSq0NKL9nM7WBasJyn6XPSGnLS4RtKXLw5EUg==
-
-"@storybook/instrumenter@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/instrumenter/-/instrumenter-8.1.3.tgz#f0d66507e1dc5170713f729f59e69cfac2fa25e2"
-  integrity sha512-FYWXt6Pb7N64I934XxciRHUhy37l//uvXyQOwxIyI9syf2ESixpWHgPKd7XjyjULa3JOA2IAEJ3BEZVpqFirog==
-  dependencies:
-    "@storybook/channels" "8.1.3"
-    "@storybook/client-logger" "8.1.3"
-    "@storybook/core-events" "8.1.3"
-    "@storybook/global" "^5.0.0"
-    "@storybook/preview-api" "8.1.3"
-    "@vitest/utils" "^1.3.1"
-    util "^0.12.4"
-
-"@storybook/manager-api@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/manager-api/-/manager-api-8.1.3.tgz#19d8ceb42bcb0b85848900e01d12d198256c1bcd"
-  integrity sha512-2OpbHK0a3Tak+Wba0ZW/b17C62hdXMFa++rzGT7KzFcVmzg8Nx464wVx2hlrNxjlfBJkHoT723irAiAwmIl2Pg==
-  dependencies:
-    "@storybook/channels" "8.1.3"
-    "@storybook/client-logger" "8.1.3"
-    "@storybook/core-events" "8.1.3"
-    "@storybook/csf" "^0.1.7"
-    "@storybook/global" "^5.0.0"
-    "@storybook/icons" "^1.2.5"
-    "@storybook/router" "8.1.3"
-    "@storybook/theming" "8.1.3"
-    "@storybook/types" "8.1.3"
-    dequal "^2.0.2"
-    lodash "^4.17.21"
-    memoizerific "^1.11.3"
-    store2 "^2.14.2"
-    telejson "^7.2.0"
-    ts-dedent "^2.0.0"
-
-"@storybook/manager@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/manager/-/manager-8.1.3.tgz#4ee8ce6ba9dd8175d7a0f116f8b45da0015b4dff"
-  integrity sha512-hmfQJJNLSqlM+jfcCXo5wnhUIugTsCxv6a+2UnRAt2AnF6J746QaV0npMThw1QG/7fi/ofaRY8hPGxgCN9uHRA==
-
-"@storybook/nextjs@^8.0.6":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/nextjs/-/nextjs-8.1.3.tgz#4d0b473519d9100d3525439d13f1ef37c7382998"
-  integrity sha512-fdTQDb2xEZxMZsLbI+14ZFJoLq2OH1tnE29G6W4QRokHHV5nD5kY4apHW6RF395cmvnfqTvjKbUqmbMJyKwTuQ==
-  dependencies:
-    "@babel/core" "^7.24.4"
-    "@babel/plugin-syntax-bigint" "^7.8.3"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
-    "@babel/plugin-syntax-import-assertions" "^7.24.1"
-    "@babel/plugin-transform-class-properties" "^7.24.1"
-    "@babel/plugin-transform-export-namespace-from" "^7.24.1"
-    "@babel/plugin-transform-numeric-separator" "^7.24.1"
-    "@babel/plugin-transform-object-rest-spread" "^7.24.1"
-    "@babel/plugin-transform-runtime" "^7.24.3"
-    "@babel/preset-env" "^7.24.4"
-    "@babel/preset-react" "^7.24.1"
-    "@babel/preset-typescript" "^7.24.1"
-    "@babel/runtime" "^7.24.4"
-    "@pmmmwh/react-refresh-webpack-plugin" "^0.5.11"
-    "@storybook/builder-webpack5" "8.1.3"
-    "@storybook/core-common" "8.1.3"
-    "@storybook/core-events" "8.1.3"
-    "@storybook/node-logger" "8.1.3"
-    "@storybook/preset-react-webpack" "8.1.3"
-    "@storybook/preview-api" "8.1.3"
-    "@storybook/react" "8.1.3"
-    "@storybook/test" "8.1.3"
-    "@storybook/types" "8.1.3"
-    "@types/node" "^18.0.0"
-    "@types/semver" "^7.3.4"
-    babel-loader "^9.1.3"
-    css-loader "^6.7.3"
-    find-up "^5.0.0"
-    fs-extra "^11.1.0"
-    image-size "^1.0.0"
-    loader-utils "^3.2.1"
-    node-polyfill-webpack-plugin "^2.0.1"
-    pnp-webpack-plugin "^1.7.0"
-    postcss "^8.4.38"
-    postcss-loader "^8.1.1"
-    react-refresh "^0.14.0"
-    resolve-url-loader "^5.0.0"
-    sass-loader "^12.4.0"
-    semver "^7.3.5"
-    style-loader "^3.3.1"
-    styled-jsx "5.1.1"
-    ts-dedent "^2.0.0"
-    tsconfig-paths "^4.0.0"
-    tsconfig-paths-webpack-plugin "^4.0.1"
-  optionalDependencies:
-    sharp "^0.33.3"
-
-"@storybook/node-logger@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-8.1.3.tgz#a9eed04dc91b9f4a22d8f05d7cf95341d094b01f"
-  integrity sha512-MpQ7Zl5n58zbFr1Yu3qgInGENoScEnfqsCxipMhj57b5SWJJ7NoOdSAWznjFFffo8NoaqxldHscuaQfzPBN9hA==
-
-"@storybook/preset-react-webpack@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/preset-react-webpack/-/preset-react-webpack-8.1.3.tgz#613db21d6baccd979f6515a93c6be5493bbce276"
-  integrity sha512-YfoPHHKHtSIT52IEaseRAYoTR4ie0NgfZqzI3JBiACriC7nAp9qToKs3rssB8+r/5220HqbSNJT6cwSoSHuL8w==
-  dependencies:
-    "@storybook/core-webpack" "8.1.3"
-    "@storybook/docs-tools" "8.1.3"
-    "@storybook/node-logger" "8.1.3"
-    "@storybook/react" "8.1.3"
-    "@storybook/react-docgen-typescript-plugin" "1.0.6--canary.9.0c3f3b7.0"
-    "@types/node" "^18.0.0"
-    "@types/semver" "^7.3.4"
-    find-up "^5.0.0"
-    fs-extra "^11.1.0"
-    magic-string "^0.30.5"
-    react-docgen "^7.0.0"
-    resolve "^1.22.8"
-    semver "^7.3.7"
-    tsconfig-paths "^4.2.0"
-    webpack "5"
-
-"@storybook/preview-api@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/preview-api/-/preview-api-8.1.3.tgz#f641d223558d2ea6ebd926eb56f2c29d4ebe3b0d"
-  integrity sha512-2eyNVr5wLzglE7KABdXu4nu+rPjJ8gVDP9TiovgU1MHhE5rX8qbKmJ47ymWSfJT1DMvH2dPISh4/wRK3WVNjmw==
-  dependencies:
-    "@storybook/channels" "8.1.3"
-    "@storybook/client-logger" "8.1.3"
-    "@storybook/core-events" "8.1.3"
-    "@storybook/csf" "^0.1.7"
-    "@storybook/global" "^5.0.0"
-    "@storybook/types" "8.1.3"
-    "@types/qs" "^6.9.5"
-    dequal "^2.0.2"
-    lodash "^4.17.21"
-    memoizerific "^1.11.3"
-    qs "^6.10.0"
-    tiny-invariant "^1.3.1"
-    ts-dedent "^2.0.0"
-    util-deprecate "^1.0.2"
-
-"@storybook/preview@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/preview/-/preview-8.1.3.tgz#6b91bd1df0ec26db4b0e01e7e7306f63cf7abc2e"
-  integrity sha512-04Aet1jrsSMuJ/pm21GJBmSAaJdPhy/fhir50jKiQTwBMgM19G0HQ1IUMHgcy85fh/DWg1/h4pxVodvWvdIZfQ==
-
-"@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0":
-  version "1.0.6--canary.9.0c3f3b7.0"
-  resolved "https://registry.yarnpkg.com/@storybook/react-docgen-typescript-plugin/-/react-docgen-typescript-plugin-1.0.6--canary.9.0c3f3b7.0.tgz#7f10f3c641f32e4513a8b6ffb5036933e7059534"
-  integrity sha512-KUqXC3oa9JuQ0kZJLBhVdS4lOneKTOopnNBK4tUAgoxWQ3u/IjzdueZjFr7gyBrXMoU6duutk3RQR9u8ZpYJ4Q==
-  dependencies:
-    debug "^4.1.1"
-    endent "^2.0.1"
-    find-cache-dir "^3.3.1"
-    flat-cache "^3.0.4"
-    micromatch "^4.0.2"
-    react-docgen-typescript "^2.2.2"
-    tslib "^2.0.0"
-
-"@storybook/react-dom-shim@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-8.1.3.tgz#bd991e15d574a0e85666d3f1af10913eadc8d0c5"
-  integrity sha512-CTyxH/ssU5KRbUwi3ws2NWEnMS6rjat0AYyhcskdPiPU59Qm24TrSpLqO+Rgzln8w7EDFsty3lLpcPNYs+BKlQ==
-
-"@storybook/react@8.1.3", "@storybook/react@^8.0.6":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/react/-/react-8.1.3.tgz#27d88768bf79ec0722ed23c6daf0f9dfdc6c24ef"
-  integrity sha512-95BytmZIpSg+QYO6glC6Oq+J0LlTTz9euL7trlYdzCpnuo6gBTaxtttSCQij4pRzRC/06tcDAK65l2JyYpiTXg==
-  dependencies:
-    "@storybook/client-logger" "8.1.3"
-    "@storybook/docs-tools" "8.1.3"
-    "@storybook/global" "^5.0.0"
-    "@storybook/preview-api" "8.1.3"
-    "@storybook/react-dom-shim" "8.1.3"
-    "@storybook/types" "8.1.3"
-    "@types/escodegen" "^0.0.6"
-    "@types/estree" "^0.0.51"
-    "@types/node" "^18.0.0"
-    acorn "^7.4.1"
-    acorn-jsx "^5.3.1"
-    acorn-walk "^7.2.0"
-    escodegen "^2.1.0"
-    html-tags "^3.1.0"
-    lodash "^4.17.21"
-    prop-types "^15.7.2"
-    react-element-to-jsx-string "^15.0.0"
-    semver "^7.3.7"
-    ts-dedent "^2.0.0"
-    type-fest "~2.19"
-    util-deprecate "^1.0.2"
-
-"@storybook/router@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/router/-/router-8.1.3.tgz#35992e2430e2716fb304592685430cb8da323ec5"
-  integrity sha512-CVEMpRD+PDVb+oZ3Sd0SV4P9vBJhYDgYiO9Km9X1jV6iyg/CXIALlo5Rd9pT+/U8IdqI2QX3bkZBUgCFDff67w==
-  dependencies:
-    "@storybook/client-logger" "8.1.3"
-    memoizerific "^1.11.3"
-    qs "^6.10.0"
-
-"@storybook/telemetry@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/telemetry/-/telemetry-8.1.3.tgz#c0dac80ba496f7356e77b57beb0698d2fbc34960"
-  integrity sha512-edFj0AJ3DEF8Z6Ym6ue7N8U9HZ2khAfXIcpk6RDgL/8FrpAZKC96XSEBMSnem3BLHxMi2bddQH1UTU6rKXrfBA==
-  dependencies:
-    "@storybook/client-logger" "8.1.3"
-    "@storybook/core-common" "8.1.3"
-    "@storybook/csf-tools" "8.1.3"
-    chalk "^4.1.0"
-    detect-package-manager "^2.0.1"
-    fetch-retry "^5.0.2"
-    fs-extra "^11.1.0"
-    read-pkg-up "^7.0.1"
-
-"@storybook/test@8.1.3", "@storybook/test@^8.0.6":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/test/-/test-8.1.3.tgz#17cbe89c6d8fc787121b9068444c213ebcb27d4e"
-  integrity sha512-9fjigeDBUk1X7el6haYk1Lniak0Se7Ol5f7QSw/64tIbXHp6ucj06FWEK+SfWx1J9GgCdDiFGW5UMmEZOiRCXw==
-  dependencies:
-    "@storybook/client-logger" "8.1.3"
-    "@storybook/core-events" "8.1.3"
-    "@storybook/instrumenter" "8.1.3"
-    "@storybook/preview-api" "8.1.3"
-    "@testing-library/dom" "^9.3.4"
-    "@testing-library/jest-dom" "^6.4.2"
-    "@testing-library/user-event" "^14.5.2"
-    "@vitest/expect" "1.3.1"
-    "@vitest/spy" "^1.3.1"
-    util "^0.12.4"
-
-"@storybook/theming@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-8.1.3.tgz#b64167d75f62e14b45cd9a5abb284cfa7f6214a1"
-  integrity sha512-BXtD5pna4eAAxNbzZUijP6W25IFVhvANG5P96xYM+OH+5OMSdLpDANnG2qWcZumwX5JFd74KqOIuV8yIO0AYXQ==
-  dependencies:
-    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.1"
-    "@storybook/client-logger" "8.1.3"
-    "@storybook/global" "^5.0.0"
-    memoizerific "^1.11.3"
-
-"@storybook/types@8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@storybook/types/-/types-8.1.3.tgz#25c4e90dc342b76652fc96dd1aba7b44ea6dd2ab"
-  integrity sha512-2uUC1z7heMceRPHQ4KCcZwwKjtW2YiToUODsEw0YOq6NC/Q9elZta1FABSG0Bq7XM08EiAgjyc7P9CZPJ2QxUQ==
-  dependencies:
-    "@storybook/channels" "8.1.3"
-    "@types/express" "^4.7.0"
-    file-system-cache "2.3.0"
-
-"@surma/rollup-plugin-off-main-thread@^2.2.3":
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz#ee34985952ca21558ab0d952f00298ad2190c053"
-  integrity sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==
-  dependencies:
-    ejs "^3.1.6"
-    json5 "^2.2.0"
-    magic-string "^0.25.0"
-    string.prototype.matchall "^4.0.6"
-
-"@svgr/babel-plugin-add-jsx-attribute@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-6.5.1.tgz#74a5d648bd0347bda99d82409d87b8ca80b9a1ba"
-  integrity sha512-9PYGcXrAxitycIjRmZB+Q0JaN07GZIWaTBIGQzfaZv+qr1n8X1XUEJ5rZ/vx6OVD9RRYlrNnXWExQXcmZeD/BQ==
-
-"@svgr/babel-plugin-remove-jsx-attribute@*":
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-8.0.0.tgz#69177f7937233caca3a1afb051906698f2f59186"
-  integrity sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==
-
-"@svgr/babel-plugin-remove-jsx-empty-expression@*":
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-8.0.0.tgz#c2c48104cfd7dcd557f373b70a56e9e3bdae1d44"
-  integrity sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==
-
-"@svgr/babel-plugin-replace-jsx-attribute-value@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-6.5.1.tgz#fb9d22ea26d2bc5e0a44b763d4c46d5d3f596c60"
-  integrity sha512-8DPaVVE3fd5JKuIC29dqyMB54sA6mfgki2H2+swh+zNJoynC8pMPzOkidqHOSc6Wj032fhl8Z0TVn1GiPpAiJg==
-
-"@svgr/babel-plugin-svg-dynamic-title@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-6.5.1.tgz#01b2024a2b53ffaa5efceaa0bf3e1d5a4c520ce4"
-  integrity sha512-FwOEi0Il72iAzlkaHrlemVurgSQRDFbk0OC8dSvD5fSBPHltNh7JtLsxmZUhjYBZo2PpcU/RJvvi6Q0l7O7ogw==
-
-"@svgr/babel-plugin-svg-em-dimensions@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-6.5.1.tgz#dd3fa9f5b24eb4f93bcf121c3d40ff5facecb217"
-  integrity sha512-gWGsiwjb4tw+ITOJ86ndY/DZZ6cuXMNE/SjcDRg+HLuCmwpcjOktwRF9WgAiycTqJD/QXqL2f8IzE2Rzh7aVXA==
-
-"@svgr/babel-plugin-transform-react-native-svg@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-6.5.1.tgz#1d8e945a03df65b601551097d8f5e34351d3d305"
-  integrity sha512-2jT3nTayyYP7kI6aGutkyfJ7UMGtuguD72OjeGLwVNyfPRBD8zQthlvL+fAbAKk5n9ZNcvFkp/b1lZ7VsYqVJg==
-
-"@svgr/babel-plugin-transform-svg-component@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-6.5.1.tgz#48620b9e590e25ff95a80f811544218d27f8a250"
-  integrity sha512-a1p6LF5Jt33O3rZoVRBqdxL350oge54iZWHNI6LJB5tQ7EelvD/Mb1mfBiZNAan0dt4i3VArkFRjA4iObuNykQ==
-
-"@svgr/babel-preset@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-6.5.1.tgz#b90de7979c8843c5c580c7e2ec71f024b49eb828"
-  integrity sha512-6127fvO/FF2oi5EzSQOAjo1LE3OtNVh11R+/8FXa+mHx1ptAaS4cknIjnUA7e6j6fwGGJ17NzaTJFUwOV2zwCw==
-  dependencies:
-    "@svgr/babel-plugin-add-jsx-attribute" "^6.5.1"
-    "@svgr/babel-plugin-remove-jsx-attribute" "*"
-    "@svgr/babel-plugin-remove-jsx-empty-expression" "*"
-    "@svgr/babel-plugin-replace-jsx-attribute-value" "^6.5.1"
-    "@svgr/babel-plugin-svg-dynamic-title" "^6.5.1"
-    "@svgr/babel-plugin-svg-em-dimensions" "^6.5.1"
-    "@svgr/babel-plugin-transform-react-native-svg" "^6.5.1"
-    "@svgr/babel-plugin-transform-svg-component" "^6.5.1"
-
-"@svgr/core@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-6.5.1.tgz#d3e8aa9dbe3fbd747f9ee4282c1c77a27410488a"
-  integrity sha512-/xdLSWxK5QkqG524ONSjvg3V/FkNyCv538OIBdQqPNaAta3AsXj/Bd2FbvR87yMbXO2hFSWiAe/Q6IkVPDw+mw==
-  dependencies:
-    "@babel/core" "^7.19.6"
-    "@svgr/babel-preset" "^6.5.1"
-    "@svgr/plugin-jsx" "^6.5.1"
-    camelcase "^6.2.0"
-    cosmiconfig "^7.0.1"
-
-"@svgr/hast-util-to-babel-ast@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-6.5.1.tgz#81800bd09b5bcdb968bf6ee7c863d2288fdb80d2"
-  integrity sha512-1hnUxxjd83EAxbL4a0JDJoD3Dao3hmjvyvyEV8PzWmLK3B9m9NPlW7GKjFyoWE8nM7HnXzPcmmSyOW8yOddSXw==
-  dependencies:
-    "@babel/types" "^7.20.0"
-    entities "^4.4.0"
-
-"@svgr/plugin-jsx@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-6.5.1.tgz#0e30d1878e771ca753c94e69581c7971542a7072"
-  integrity sha512-+UdQxI3jgtSjCykNSlEMuy1jSRQlGC7pqBCPvkG/2dATdWo082zHTTK3uhnAju2/6XpE6B5mZ3z4Z8Ns01S8Gw==
-  dependencies:
-    "@babel/core" "^7.19.6"
-    "@svgr/babel-preset" "^6.5.1"
-    "@svgr/hast-util-to-babel-ast" "^6.5.1"
-    svg-parser "^2.0.4"
-
-"@svgr/plugin-svgo@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-6.5.1.tgz#0f91910e988fc0b842f88e0960c2862e022abe84"
-  integrity sha512-omvZKf8ixP9z6GWgwbtmP9qQMPX4ODXi+wzbVZgomNFsUIlHA1sf4fThdwTWSsZGgvGAG6yE+b/F5gWUkcZ/iQ==
-  dependencies:
-    cosmiconfig "^7.0.1"
-    deepmerge "^4.2.2"
-    svgo "^2.8.0"
-
-"@svgr/webpack@^6.3.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/webpack/-/webpack-6.5.1.tgz#ecf027814fc1cb2decc29dc92f39c3cf691e40e8"
-  integrity sha512-cQ/AsnBkXPkEK8cLbv4Dm7JGXq2XrumKnL1dRpJD9rIO2fTIlJI9a1uCciYG1F2aUsox/hJQyNGbt3soDxSRkA==
-  dependencies:
-    "@babel/core" "^7.19.6"
-    "@babel/plugin-transform-react-constant-elements" "^7.18.12"
-    "@babel/preset-env" "^7.19.4"
-    "@babel/preset-react" "^7.18.6"
-    "@babel/preset-typescript" "^7.18.6"
-    "@svgr/core" "^6.5.1"
-    "@svgr/plugin-jsx" "^6.5.1"
-    "@svgr/plugin-svgo" "^6.5.1"
-
-"@swc/helpers@0.5.2":
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.5.2.tgz#85ea0c76450b61ad7d10a37050289eded783c27d"
-  integrity sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==
-  dependencies:
-    tslib "^2.4.0"
-
-"@szmarczak/http-timer@^4.0.5":
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-4.0.6.tgz#b4a914bb62e7c272d4e5989fe4440f812ab1d807"
-  integrity sha512-4BAffykYOgO+5nzBWYwE3W90sBgLJoUPRWWcL8wlyiM8IB8ipJz3UMJ9KXQd1RKQXpKp8Tutn80HZtWsu2u76w==
-  dependencies:
-    defer-to-connect "^2.0.0"
-
-"@szmarczak/http-timer@^5.0.1":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-5.0.1.tgz#c7c1bf1141cdd4751b0399c8fc7b8b664cd5be3a"
-  integrity sha512-+PmQX0PiAYPMeVYe237LJAYvOMYW1j2rH5YROyS3b4CTVJum34HfRvKvAzozHAQG0TnHNdUfY9nCeUyRAs//cw==
-  dependencies:
-    defer-to-connect "^2.0.1"
-
-"@testing-library/cypress@^8.0.7":
-  version "8.0.7"
-  resolved "https://registry.yarnpkg.com/@testing-library/cypress/-/cypress-8.0.7.tgz#18315eba3cf8852808afadf122e4858406384015"
-  integrity sha512-3HTV725rOS+YHve/gD9coZp/UcPK5xhr4H0GMnq/ni6USdtzVtSOG9WBFtd8rYnrXk8rrGD+0toRFYouJNIG0Q==
-  dependencies:
-    "@babel/runtime" "^7.14.6"
-    "@testing-library/dom" "^8.1.0"
-
-"@testing-library/dom@^8.1.0", "@testing-library/dom@^8.5.0":
-  version "8.20.1"
-  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.20.1.tgz#2e52a32e46fc88369eef7eef634ac2a192decd9f"
-  integrity sha512-/DiOQ5xBxgdYRC8LNk7U+RWat0S3qRLeIw3ZIkMQ9kkVlRmwD/Eg8k8CqIpD6GW7u20JIUOfMKbxtiLutpjQ4g==
-  dependencies:
-    "@babel/code-frame" "^7.10.4"
-    "@babel/runtime" "^7.12.5"
-    "@types/aria-query" "^5.0.1"
-    aria-query "5.1.3"
-    chalk "^4.1.0"
-    dom-accessibility-api "^0.5.9"
-    lz-string "^1.5.0"
-    pretty-format "^27.0.2"
-
-"@testing-library/dom@^9.3.4":
-  version "9.3.4"
-  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-9.3.4.tgz#50696ec28376926fec0a1bf87d9dbac5e27f60ce"
-  integrity sha512-FlS4ZWlp97iiNWig0Muq8p+3rVDjRiYE+YKGbAqXOu9nwJFFOdL00kFpz42M+4huzYi86vAK1sOOfyOG45muIQ==
-  dependencies:
-    "@babel/code-frame" "^7.10.4"
-    "@babel/runtime" "^7.12.5"
-    "@types/aria-query" "^5.0.1"
-    aria-query "5.1.3"
-    chalk "^4.1.0"
-    dom-accessibility-api "^0.5.9"
-    lz-string "^1.5.0"
-    pretty-format "^27.0.2"
-
-"@testing-library/jest-dom@^5.16.5":
-  version "5.17.0"
-  resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-5.17.0.tgz#5e97c8f9a15ccf4656da00fecab505728de81e0c"
-  integrity sha512-ynmNeT7asXyH3aSVv4vvX4Rb+0qjOhdNHnO/3vuZNqPmhDpV/+rCSGwQ7bLcmU2cJ4dvoheIO85LQj0IbJHEtg==
-  dependencies:
-    "@adobe/css-tools" "^4.0.1"
-    "@babel/runtime" "^7.9.2"
-    "@types/testing-library__jest-dom" "^5.9.1"
-    aria-query "^5.0.0"
-    chalk "^3.0.0"
-    css.escape "^1.5.1"
-    dom-accessibility-api "^0.5.6"
-    lodash "^4.17.15"
-    redent "^3.0.0"
-
-"@testing-library/jest-dom@^6.4.2":
-  version "6.4.5"
-  resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-6.4.5.tgz#badb40296477149136dabef32b572ddd3b56adf1"
-  integrity sha512-AguB9yvTXmCnySBP1lWjfNNUwpbElsaQ567lt2VdGqAdHtpieLgjmcVyv1q7PMIvLbgpDdkWV5Ydv3FEejyp2A==
-  dependencies:
-    "@adobe/css-tools" "^4.3.2"
-    "@babel/runtime" "^7.9.2"
-    aria-query "^5.0.0"
-    chalk "^3.0.0"
-    css.escape "^1.5.1"
-    dom-accessibility-api "^0.6.3"
-    lodash "^4.17.21"
-    redent "^3.0.0"
-
-"@testing-library/react@^13.3.0":
-  version "13.4.0"
-  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-13.4.0.tgz#6a31e3bf5951615593ad984e96b9e5e2d9380966"
-  integrity sha512-sXOGON+WNTh3MLE9rve97ftaZukN3oNf2KjDy7YTx6hcTO2uuLHuCGynMDhFwGw/jYf4OJ2Qk0i4i79qMNNkyw==
-  dependencies:
-    "@babel/runtime" "^7.12.5"
-    "@testing-library/dom" "^8.5.0"
-    "@types/react-dom" "^18.0.0"
-
-"@testing-library/user-event@^14.4.2", "@testing-library/user-event@^14.5.2":
-  version "14.5.2"
-  resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-14.5.2.tgz#db7257d727c891905947bd1c1a99da20e03c2ebd"
-  integrity sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ==
-
-"@tootallnate/once@2":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
-  integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
-
-"@trezor/analytics@1.0.16":
-  version "1.0.16"
-  resolved "https://registry.yarnpkg.com/@trezor/analytics/-/analytics-1.0.16.tgz#77618db567272de88a454bbf1480363e02809201"
-  integrity sha512-LT6hRf33EqaCyBMdjMXzclcKNuT4+IL97FQyHdnqug4wpYABQn31Djh2oCE97j2vjLcywKRoLXTezrAwrG1wHQ==
-  dependencies:
-    "@trezor/env-utils" "1.0.15"
-    "@trezor/utils" "9.0.23"
-
-"@trezor/blockchain-link-types@1.0.15":
-  version "1.0.15"
-  resolved "https://registry.yarnpkg.com/@trezor/blockchain-link-types/-/blockchain-link-types-1.0.15.tgz#4f035f52eb7faf8fde3b7b8900421eb1284effc0"
-  integrity sha512-zNHNKySOFKbk210dWDT5riNazpu36wOybryUzuOz6owk0irlBcGoB0Q3uxqfCaHjFakRKenQVpG+jVeL8zfCwg==
-  dependencies:
-    "@solana/web3.js" "^1.90.0"
-    "@trezor/type-utils" "1.0.5"
-    "@trezor/utxo-lib" "2.0.8"
-    socks-proxy-agent "6.1.1"
-
-"@trezor/blockchain-link-utils@1.0.16":
-  version "1.0.16"
-  resolved "https://registry.yarnpkg.com/@trezor/blockchain-link-utils/-/blockchain-link-utils-1.0.16.tgz#9339a40b256f021e35492f8384cf363a7557b470"
-  integrity sha512-ZxqcKDEE9RxS9dK5iS2A4nJWuERXLnRMu9+L6ahQZO82bUngVcWH9gZKS+wFWenZP2AA7EXAlO9Rg7nlOkEfKA==
-  dependencies:
-    "@mobily/ts-belt" "^3.13.1"
-    "@solana/web3.js" "^1.90.0"
-    "@trezor/utils" "9.0.23"
-    bignumber.js "^9.1.2"
-
-"@trezor/blockchain-link@2.1.28":
-  version "2.1.28"
-  resolved "https://registry.yarnpkg.com/@trezor/blockchain-link/-/blockchain-link-2.1.28.tgz#4c8bf11dbbf1105d97e7fdf9072107536ab5dff2"
-  integrity sha512-7iH7kFsAwxMjulPCFf6d6YBTuS1HhPCpNJoLmF0w1agNZf3EvuBlbeizfpzGshSvzEhLSHbBPR5ZtUQdUfJhDQ==
-  dependencies:
-    "@solana/buffer-layout" "^4.0.1"
-    "@solana/web3.js" "^1.90.0"
-    "@trezor/blockchain-link-types" "1.0.15"
-    "@trezor/blockchain-link-utils" "1.0.16"
-    "@trezor/utils" "9.0.23"
-    "@trezor/utxo-lib" "2.0.8"
-    "@types/web" "^0.0.138"
-    bignumber.js "^9.1.2"
-    events "^3.3.0"
-    ripple-lib "^1.10.1"
-    socks-proxy-agent "6.1.1"
-    ws "^8.16.0"
-
-"@trezor/connect-analytics@1.0.14":
-  version "1.0.14"
-  resolved "https://registry.yarnpkg.com/@trezor/connect-analytics/-/connect-analytics-1.0.14.tgz#a7eac60ef6988e47141ee8d02459f1ebaf6ebcf6"
-  integrity sha512-IAXeOptCg6klHFKYnTmFHLFcPBf7CguWTglmJTGkxWGGcirc8jQY0pu7bFow0J2qL5ClcUIiQd29ExzjiHBwmQ==
-  dependencies:
-    "@trezor/analytics" "1.0.16"
-
-"@trezor/connect-common@0.0.31":
-  version "0.0.31"
-  resolved "https://registry.yarnpkg.com/@trezor/connect-common/-/connect-common-0.0.31.tgz#41d61a669a6c446cf255ffde49fc002206590be7"
-  integrity sha512-HLK7Zb2/LMWda+ju6TR9+bihDZ45XCsmdYt5SjvSEt1e/EMUvsk5F5rLk8UD0hHyK3ooUDpVzYU28J1pabj0CQ==
-  dependencies:
-    "@trezor/env-utils" "1.0.15"
-    "@trezor/utils" "9.0.23"
-
-"@trezor/connect-web@^9.0.11":
-  version "9.2.2"
-  resolved "https://registry.yarnpkg.com/@trezor/connect-web/-/connect-web-9.2.2.tgz#583a607045e189fdd3bbf674e1861ea635fa0def"
-  integrity sha512-THYlFAt5R3o4rg52dMOrSmfuWzFIxFUu6Oeqj0f9vALzUU4Wzm2nMDIG0Y3MyB5mVzFg70lwmx73tuznx/rfUw==
-  dependencies:
-    "@trezor/connect" "9.2.2"
-    "@trezor/connect-common" "0.0.31"
-    "@trezor/utils" "9.0.23"
-    events "^3.3.0"
-
-"@trezor/connect@9.2.2":
-  version "9.2.2"
-  resolved "https://registry.yarnpkg.com/@trezor/connect/-/connect-9.2.2.tgz#1ff4b9f89d6a7ed4cc7a38256ec7c8e3554f3934"
-  integrity sha512-JopCr62XISy5KEqcn3MXxUtSrxVTexqloA99+OZ3Tbomuc89yIV88aQi/r3RJ4j1droq3kDoxaMfH1ssBmz2kA==
-  dependencies:
-    "@babel/preset-typescript" "^7.23.3"
-    "@ethereumjs/common" "^4.2.0"
-    "@ethereumjs/tx" "^5.2.1"
-    "@fivebinaries/coin-selection" "2.2.1"
-    "@trezor/blockchain-link" "2.1.28"
-    "@trezor/blockchain-link-types" "1.0.15"
-    "@trezor/connect-analytics" "1.0.14"
-    "@trezor/connect-common" "0.0.31"
-    "@trezor/protobuf" "1.0.11"
-    "@trezor/protocol" "1.0.7"
-    "@trezor/schema-utils" "1.0.3"
-    "@trezor/transport" "1.1.27"
-    "@trezor/utils" "9.0.23"
-    "@trezor/utxo-lib" "2.0.8"
-    bignumber.js "^9.1.2"
-    blakejs "^1.2.1"
-    bs58 "^5.0.0"
-    bs58check "^3.0.1"
-    cross-fetch "^4.0.0"
-    events "^3.3.0"
-
-"@trezor/env-utils@1.0.15":
-  version "1.0.15"
-  resolved "https://registry.yarnpkg.com/@trezor/env-utils/-/env-utils-1.0.15.tgz#08679e49536db7061a1f5d752fa49e2176a65e17"
-  integrity sha512-icD7KC908kfpNAsHBJ3voRkAzqYTblas26Pfu0YYHfhjBadypcRdRo+aIUXLItmjjNqsLFGVB/cWBk4Lwgh7hQ==
-  dependencies:
-    expo-constants "15.4.5"
-    ua-parser-js "^1.0.37"
-
-"@trezor/protobuf@1.0.11":
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/@trezor/protobuf/-/protobuf-1.0.11.tgz#930b4fb7b7429a7ae9bf343d0c00d178c3285227"
-  integrity sha512-oEgblHJzlb1IrtOk/fl0uLVmnhcMTq+i1Z4aw04OOj9wcrvAyYAFuYgoJJ/30PfzWoq6f1/xwt6pPtoxoN42cg==
-  dependencies:
-    "@trezor/schema-utils" "1.0.3"
-    long "^4.0.0"
-    protobufjs "7.2.6"
-
-"@trezor/protocol@1.0.7":
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/@trezor/protocol/-/protocol-1.0.7.tgz#d4bd9b0734c23d8fbc6cea7c14c7122b5e47b438"
-  integrity sha512-IYpmureV9cqle7HxSuGkYh4GT5SY1CVbad7zYJn3MgFk1jQpdENQQSK5KpdD2xHoKnoRqyz4TSOHQzhjgqIDLA==
-
-"@trezor/schema-utils@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@trezor/schema-utils/-/schema-utils-1.0.3.tgz#a718ee0075f7d5ef7fa829585ba989fc79a3742c"
-  integrity sha512-P+w0QgsCuzfWYjXmjSMoeYsC0C62aKl9JIsDTIx3WP4nwffzFE2RKEW16rqGx0NGEwcMsckaGi2O9Ngi8dZ1IA==
-  dependencies:
-    "@sinclair/typebox" "^0.31.28"
-    ts-mixer "^6.0.3"
-
-"@trezor/transport@1.1.27":
-  version "1.1.27"
-  resolved "https://registry.yarnpkg.com/@trezor/transport/-/transport-1.1.27.tgz#05497cec1c1ee4cae4229611f92a733813cfec05"
-  integrity sha512-cWMkQ15yG8wJKNnUPY8RVZ5DjA8l+aEZBd7CsI/guBfPNAxZGDkHHiO+WzQzqz9GspbpO9TkFS5+rheY8j9XlQ==
-  dependencies:
-    "@trezor/protobuf" "1.0.11"
-    "@trezor/protocol" "1.0.7"
-    "@trezor/utils" "9.0.23"
-    json-stable-stringify "^1.1.1"
-    long "^4.0.0"
-    protobufjs "7.2.6"
-    usb "^2.11.0"
-
-"@trezor/type-utils@1.0.5":
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/@trezor/type-utils/-/type-utils-1.0.5.tgz#5efdd6ab1ebd5086878d9123cfe4eb70440072e6"
-  integrity sha512-AK8Gg5yoPAMvxqK49LXr8yoop1oxIXRxkOhCuWGV51fDM02/L1dhGNKC04UyCTyG7jZ+H1f5ywuna81BVT/ptQ==
-
-"@trezor/utils@9.0.23":
-  version "9.0.23"
-  resolved "https://registry.yarnpkg.com/@trezor/utils/-/utils-9.0.23.tgz#1dd3977362be9e3ab2a4429c078b3fe1259ef91f"
-  integrity sha512-lxdGo6j2gzSy5PFSyjxEg/1p3cRGLPyhfC+53OGi002PE7q4uUzU8yUFqJxC7zEXmfeY3HkkJEqqois3rWE66w==
-
-"@trezor/utxo-lib@2.0.8":
-  version "2.0.8"
-  resolved "https://registry.yarnpkg.com/@trezor/utxo-lib/-/utxo-lib-2.0.8.tgz#eb5df9e627daa5099e2052bb4f8c0130daaafb40"
-  integrity sha512-TLBaPdRpFftvVzrhp0A5slnGhoJ8MU98cQCgpY/C/jfcWo8TBnau+jTB21uWFhGO8U0JRQsjUL7uYUdCiE2NZQ==
-  dependencies:
-    "@trezor/utils" "9.0.23"
-    bchaddrjs "^0.5.2"
-    bech32 "^2.0.0"
-    bip66 "^1.1.5"
-    bitcoin-ops "^1.4.1"
-    blake-hash "^2.0.0"
-    blakejs "^1.2.1"
-    bn.js "^5.2.1"
-    bs58 "^5.0.0"
-    bs58check "^3.0.1"
-    create-hash "^1.2.0"
-    create-hmac "^1.1.7"
-    int64-buffer "^1.0.1"
-    pushdata-bitcoin "^1.0.1"
-    tiny-secp256k1 "^1.1.6"
-    typeforce "^1.18.0"
-    varuint-bitcoin "^1.1.2"
-    wif "^4.0.0"
-
-"@trysound/sax@0.2.0":
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
-  integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
-
-"@ts-morph/common@~0.12.3":
-  version "0.12.3"
-  resolved "https://registry.yarnpkg.com/@ts-morph/common/-/common-0.12.3.tgz#a96e250217cd30e480ab22ec6a0ebbe65fd784ff"
-  integrity sha512-4tUmeLyXJnJWvTFOKtcNJ1yh0a3SsTLi2MUoyj8iUNznFRN1ZquaNe7Oukqrnki2FzZkm0J9adCNLDZxUzvj+w==
-  dependencies:
-    fast-glob "^3.2.7"
-    minimatch "^3.0.4"
-    mkdirp "^1.0.4"
-    path-browserify "^1.0.1"
-
-"@typechain/ethers-v6@^0.5.1":
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/@typechain/ethers-v6/-/ethers-v6-0.5.1.tgz#42fe214a19a8b687086c93189b301e2b878797ea"
-  integrity sha512-F+GklO8jBWlsaVV+9oHaPh5NJdd6rAKN4tklGfInX1Q7h0xPgVLP39Jl3eCulPB5qexI71ZFHwbljx4ZXNfouA==
-  dependencies:
-    lodash "^4.17.15"
-    ts-essentials "^7.0.1"
-
-"@types/aria-query@^5.0.1":
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-5.0.4.tgz#1a31c3d378850d2778dabb6374d036dcba4ba708"
-  integrity sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==
-
-"@types/babel__core@^7.1.14", "@types/babel__core@^7.18.0":
-  version "7.20.5"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.5.tgz#3df15f27ba85319caa07ba08d0721889bb39c017"
-  integrity sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==
-  dependencies:
-    "@babel/parser" "^7.20.7"
-    "@babel/types" "^7.20.7"
-    "@types/babel__generator" "*"
-    "@types/babel__template" "*"
-    "@types/babel__traverse" "*"
-
-"@types/babel__generator@*":
-  version "7.6.8"
-  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.8.tgz#f836c61f48b1346e7d2b0d93c6dacc5b9535d3ab"
-  integrity sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==
-  dependencies:
-    "@babel/types" "^7.0.0"
-
-"@types/babel__template@*":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.4.tgz#5672513701c1b2199bc6dad636a9d7491586766f"
-  integrity sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==
-  dependencies:
-    "@babel/parser" "^7.1.0"
-    "@babel/types" "^7.0.0"
-
-"@types/babel__traverse@*", "@types/babel__traverse@^7.0.6", "@types/babel__traverse@^7.18.0":
-  version "7.20.6"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.20.6.tgz#8dc9f0ae0f202c08d8d4dab648912c8d6038e3f7"
-  integrity sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==
-  dependencies:
-    "@babel/types" "^7.20.7"
-
-"@types/bn.js@5.1.1":
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/@types/bn.js/-/bn.js-5.1.1.tgz#b51e1b55920a4ca26e9285ff79936bbdec910682"
-  integrity sha512-qNrYbZqMx0uJAfKnKclPh+dTwK33KfLHYqtyODwd5HnXOjnkhc4qgn3BrK6RWyGZm5+sIFE7Q7Vz6QQtJB7w7g==
-  dependencies:
-    "@types/node" "*"
-
-"@types/bn.js@^4.11.3":
-  version "4.11.6"
-  resolved "https://registry.yarnpkg.com/@types/bn.js/-/bn.js-4.11.6.tgz#c306c70d9358aaea33cd4eda092a742b9505967c"
-  integrity sha512-pqr857jrp2kPuO9uRjZ3PwnJTjoQy+fcdxvBTvHm6dkmEL9q+hDD/2j/0ELOBPtPnS8LjCX0gI9nbl8lVkadpg==
-  dependencies:
-    "@types/node" "*"
-
-"@types/bn.js@^5.1.0", "@types/bn.js@^5.1.1":
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/@types/bn.js/-/bn.js-5.1.2.tgz#162f5238c46f4bcbac07a98561724eca1fcf0c5e"
-  integrity sha512-dkpZu0szUtn9UXTmw+e0AJFd4D2XAxDnsCLdc05SfqpqzPEBft8eQr8uaFitfo/dUUOZERaLec2hHMG87A4Dxg==
-  dependencies:
-    "@types/node" "*"
-
-"@types/body-parser@*":
-  version "1.19.5"
-  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.5.tgz#04ce9a3b677dc8bd681a17da1ab9835dc9d3ede4"
-  integrity sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==
-  dependencies:
-    "@types/connect" "*"
-    "@types/node" "*"
-
-"@types/cacheable-request@^6.0.1", "@types/cacheable-request@^6.0.2":
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/@types/cacheable-request/-/cacheable-request-6.0.3.tgz#a430b3260466ca7b5ca5bfd735693b36e7a9d183"
-  integrity sha512-IQ3EbTzGxIigb1I3qPZc1rWJnH0BmSKv5QYTalEwweFvyBDLSAe24zP0le/hyi7ecGfZVlIVAg4BZqb8WBwKqw==
-  dependencies:
-    "@types/http-cache-semantics" "*"
-    "@types/keyv" "^3.1.4"
-    "@types/node" "*"
-    "@types/responselike" "^1.0.0"
-
-"@types/connect@*", "@types/connect@^3.4.33":
-  version "3.4.38"
-  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.38.tgz#5ba7f3bc4fbbdeaff8dded952e5ff2cc53f8d858"
-  integrity sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==
-  dependencies:
-    "@types/node" "*"
-
-"@types/cross-spawn@^6.0.2":
-  version "6.0.6"
-  resolved "https://registry.yarnpkg.com/@types/cross-spawn/-/cross-spawn-6.0.6.tgz#0163d0b79a6f85409e0decb8dcca17147f81fd22"
-  integrity sha512-fXRhhUkG4H3TQk5dBhQ7m/JDdSNHKwR2BBia62lhwEIq9xGiQKLxd6LymNhn47SjXhsUEPmxi+PKw2OkW4LLjA==
-  dependencies:
-    "@types/node" "*"
-
-"@types/debug@^4.1.7":
-  version "4.1.12"
-  resolved "https://registry.yarnpkg.com/@types/debug/-/debug-4.1.12.tgz#a155f21690871953410df4b6b6f53187f0500917"
-  integrity sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==
-  dependencies:
-    "@types/ms" "*"
-
-"@types/detect-port@^1.3.0":
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/@types/detect-port/-/detect-port-1.3.5.tgz#deecde143245989dee0e82115f3caba5ee0ea747"
-  integrity sha512-Rf3/lB9WkDfIL9eEKaSYKc+1L/rNVYBjThk22JTqQw0YozXarX8YljFAz+HCoC6h4B4KwCMsBPZHaFezwT4BNA==
-
-"@types/diff@^5.0.9":
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/@types/diff/-/diff-5.2.1.tgz#cceae9c4b2dae5c6b8ab1ce1263601c255d87fb3"
-  integrity sha512-uxpcuwWJGhe2AR1g8hD9F5OYGCqjqWnBUQFD8gMZsDbv8oPHzxJF6iMO6n8Tk0AdzlxoaaoQhOYlIg/PukVU8g==
-
-"@types/doctrine@^0.0.3":
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/@types/doctrine/-/doctrine-0.0.3.tgz#e892d293c92c9c1d3f9af72c15a554fbc7e0895a"
-  integrity sha512-w5jZ0ee+HaPOaX25X2/2oGR/7rgAQSYII7X7pp0m9KgBfMP7uKfMfTvcpl5Dj+eDBbpxKGiqE+flqDr6XTd2RA==
-
-"@types/doctrine@^0.0.9":
-  version "0.0.9"
-  resolved "https://registry.yarnpkg.com/@types/doctrine/-/doctrine-0.0.9.tgz#d86a5f452a15e3e3113b99e39616a9baa0f9863f"
-  integrity sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==
-
-"@types/ejs@^3.1.1":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@types/ejs/-/ejs-3.1.5.tgz#49d738257cc73bafe45c13cb8ff240683b4d5117"
-  integrity sha512-nv+GSx77ZtXiJzwKdsASqi+YQ5Z7vwHsTP0JY2SiQgjGckkBRKZnk8nIM+7oUZ1VCtuTz0+By4qVR7fqzp/Dfg==
-
-"@types/emscripten@^1.39.6":
-  version "1.39.12"
-  resolved "https://registry.yarnpkg.com/@types/emscripten/-/emscripten-1.39.12.tgz#e43b4fdd4b389861897d6cbb9665532f3afd5abd"
-  integrity sha512-AQImDBgudQfMqUBfrjZYilRxoHDzTBp+ejh+g1fY67eSMalwIKtBXofjpyI0JBgNpHGzxeGAR2QDya0wxW9zbA==
-
-"@types/escodegen@^0.0.6":
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/@types/escodegen/-/escodegen-0.0.6.tgz#5230a9ce796e042cda6f086dbf19f22ea330659c"
-  integrity sha512-AjwI4MvWx3HAOaZqYsjKWyEObT9lcVV0Y0V8nXo6cXzN8ZiMxVhf6F3d/UNvXVGKrEzL/Dluc5p+y9GkzlTWig==
-
-"@types/eslint-scope@^3.7.3":
-  version "3.7.7"
-  resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.7.tgz#3108bd5f18b0cdb277c867b3dd449c9ed7079ac5"
-  integrity sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==
-  dependencies:
-    "@types/eslint" "*"
-    "@types/estree" "*"
-
-"@types/eslint@*":
-  version "8.56.10"
-  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.56.10.tgz#eb2370a73bf04a901eeba8f22595c7ee0f7eb58d"
-  integrity sha512-Shavhk87gCtY2fhXDctcfS3e6FdxWkCx1iUZ9eEUbh7rTqlZT0/IzOkCOVt0fCjcFuZ9FPYfuezTBImfHCDBGQ==
-  dependencies:
-    "@types/estree" "*"
-    "@types/json-schema" "*"
-
-"@types/estree@*", "@types/estree@^1.0.0", "@types/estree@^1.0.5":
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.5.tgz#a6ce3e556e00fd9895dd872dd172ad0d4bd687f4"
-  integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==
-
-"@types/estree@0.0.39":
-  version "0.0.39"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
-  integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
-
-"@types/estree@^0.0.51":
-  version "0.0.51"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40"
-  integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
-
-"@types/express-serve-static-core@^4.17.33":
-  version "4.19.1"
-  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.19.1.tgz#57d34698bb580720fd6e3c360d4b2fdef579b979"
-  integrity sha512-ej0phymbFLoCB26dbbq5PGScsf2JAJ4IJHjG10LalgUV36XKTmA4GdA+PVllKvRk0sEKt64X8975qFnkSi0hqA==
-  dependencies:
-    "@types/node" "*"
-    "@types/qs" "*"
-    "@types/range-parser" "*"
-    "@types/send" "*"
-
-"@types/express@^4.7.0":
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.21.tgz#c26d4a151e60efe0084b23dc3369ebc631ed192d"
-  integrity sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==
-  dependencies:
-    "@types/body-parser" "*"
-    "@types/express-serve-static-core" "^4.17.33"
-    "@types/qs" "*"
-    "@types/serve-static" "*"
-
-"@types/glob@^7.1.1":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.2.0.tgz#bc1b5bf3aa92f25bd5dd39f35c57361bdce5b2eb"
-  integrity sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==
-  dependencies:
-    "@types/minimatch" "*"
-    "@types/node" "*"
-
-"@types/graceful-fs@^4.1.3":
-  version "4.1.9"
-  resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.9.tgz#2a06bc0f68a20ab37b3e36aa238be6abdf49e8b4"
-  integrity sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==
-  dependencies:
-    "@types/node" "*"
-
-"@types/hast@^3.0.0":
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/@types/hast/-/hast-3.0.4.tgz#1d6b39993b82cea6ad783945b0508c25903e15aa"
-  integrity sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==
-  dependencies:
-    "@types/unist" "*"
-
-"@types/hoist-non-react-statics@^3.3.1":
-  version "3.3.5"
-  resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz#dab7867ef789d87e2b4b0003c9d65c49cc44a494"
-  integrity sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg==
-  dependencies:
-    "@types/react" "*"
-    hoist-non-react-statics "^3.3.0"
-
-"@types/html-minifier-terser@^6.0.0":
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#4fc33a00c1d0c16987b1a20cf92d20614c55ac35"
-  integrity sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==
-
-"@types/http-cache-semantics@*":
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/@types/http-cache-semantics/-/http-cache-semantics-4.0.4.tgz#b979ebad3919799c979b17c72621c0bc0a31c6c4"
-  integrity sha512-1m0bIFVc7eJWyve9S0RnuRgcQqF/Xd5QsUZAZeQFr1Q3/p9JWoQQEqmVy+DPTNpGXwhgIetAoYF8JSc33q29QA==
-
-"@types/http-errors@*":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@types/http-errors/-/http-errors-2.0.4.tgz#7eb47726c391b7345a6ec35ad7f4de469cf5ba4f"
-  integrity sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==
-
-"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz#7739c232a1fee9b4d3ce8985f314c0c6d33549d7"
-  integrity sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==
-
-"@types/istanbul-lib-report@*":
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz#53047614ae72e19fc0401d872de3ae2b4ce350bf"
-  integrity sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==
-  dependencies:
-    "@types/istanbul-lib-coverage" "*"
-
-"@types/istanbul-reports@^3.0.0":
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz#0f03e3d2f670fbdac586e34b433783070cc16f54"
-  integrity sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==
-  dependencies:
-    "@types/istanbul-lib-report" "*"
-
-"@types/jest@*", "@types/jest@^29.5.4":
-  version "29.5.12"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.5.12.tgz#7f7dc6eb4cf246d2474ed78744b05d06ce025544"
-  integrity sha512-eDC8bTvT/QhYdxJAulQikueigY5AsdBRH2yDKW3yveW7svY3+DzN84/2NUgkw10RTiJbWqZrTtoGVdYlvFJdLw==
-  dependencies:
-    expect "^29.0.0"
-    pretty-format "^29.0.0"
-
-"@types/js-cookie@^3.0.2":
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/@types/js-cookie/-/js-cookie-3.0.6.tgz#a04ca19e877687bd449f5ad37d33b104b71fdf95"
-  integrity sha512-wkw9yd1kEXOPnvEeEV1Go1MmxtBJL0RR79aOTAApecWFVu7w0NNXNqhcWgvw2YgZDYadliXkl14pa3WXw5jlCQ==
-
-"@types/jsdom@^20.0.0":
-  version "20.0.1"
-  resolved "https://registry.yarnpkg.com/@types/jsdom/-/jsdom-20.0.1.tgz#07c14bc19bd2f918c1929541cdaacae894744808"
-  integrity sha512-d0r18sZPmMQr1eG35u12FZfhIXNrnsPU/g5wvRKCUf/tOGilKKwYMYGqh33BNR6ba+2gkHw1EUiHoN3mn7E5IQ==
-  dependencies:
-    "@types/node" "*"
-    "@types/tough-cookie" "*"
-    parse5 "^7.0.0"
-
-"@types/json-schema@*", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
-  version "7.0.15"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
-  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
-
-"@types/json5@^0.0.29":
-  version "0.0.29"
-  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
-  integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
-
-"@types/keyv@^3.1.4":
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/@types/keyv/-/keyv-3.1.4.tgz#3ccdb1c6751b0c7e52300bcdacd5bcbf8faa75b6"
-  integrity sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==
-  dependencies:
-    "@types/node" "*"
-
-"@types/lodash@^4.14.136", "@types/lodash@^4.14.167", "@types/lodash@^4.14.182":
-  version "4.17.4"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.4.tgz#0303b64958ee070059e3a7184048a55159fe20b7"
-  integrity sha512-wYCP26ZLxaT3R39kiN2+HcJ4kTd3U1waI/cY7ivWYqFP6pW3ZNpvi6Wd6PHZx7T/t8z0vlkXMg3QYLa7DZ/IJQ==
-
-"@types/long@^4.0.1":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@types/long/-/long-4.0.2.tgz#b74129719fc8d11c01868010082d483b7545591a"
-  integrity sha512-MqTGEo5bj5t157U6fA/BiDynNkn0YknVdh48CMPkTSpFTVmvao5UQmm7uEF6xBEo7qIMAlY/JSleYaE6VOdpaA==
-
-"@types/mdx@^2.0.0":
-  version "2.0.13"
-  resolved "https://registry.yarnpkg.com/@types/mdx/-/mdx-2.0.13.tgz#68f6877043d377092890ff5b298152b0a21671bd"
-  integrity sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==
-
-"@types/mime@^1":
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-1.3.5.tgz#1ef302e01cf7d2b5a0fa526790c9123bf1d06690"
-  integrity sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==
-
-"@types/minimatch@*":
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-5.1.2.tgz#07508b45797cb81ec3f273011b054cd0755eddca"
-  integrity sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==
-
-"@types/minimist@^1.2.0":
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.5.tgz#ec10755e871497bcd83efe927e43ec46e8c0747e"
-  integrity sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==
-
-"@types/ms@*":
-  version "0.7.34"
-  resolved "https://registry.yarnpkg.com/@types/ms/-/ms-0.7.34.tgz#10964ba0dee6ac4cd462e2795b6bebd407303433"
-  integrity sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==
-
-"@types/node@*", "@types/node@>=12.12.47", "@types/node@>=13.7.0":
-  version "20.12.12"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.12.12.tgz#7cbecdf902085cec634fdb362172dfe12b8f2050"
-  integrity sha512-eWLDGF/FOSPtAvEqeRAQ4C8LSA7M1I7i0ky1I8U7kD1J5ITyW3AsRhQrKVoWf5pFKZ2kILsEGJhsI9r93PYnOw==
-  dependencies:
-    undici-types "~5.26.4"
-
-"@types/node@18.11.18":
-  version "18.11.18"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.11.18.tgz#8dfb97f0da23c2293e554c5a50d61ef134d7697f"
-  integrity sha512-DHQpWGjyQKSHj3ebjFI/wRKcqQcdR+MoFBygntYOZytCqNfkd2ZC4ARDJ2DQqhjH5p85Nnd3jhUJIXrszFX/JA==
-
-"@types/node@18.15.13":
-  version "18.15.13"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.15.13.tgz#f64277c341150c979e42b00e4ac289290c9df469"
-  integrity sha512-N+0kuo9KgrUQ1Sn/ifDXsvg0TTleP7rIy4zOBGECxAljqvqfqpTfzx0Q1NUedOixRMBfe2Whhb056a42cWs26Q==
-
-"@types/node@^12.12.54", "@types/node@^12.12.6":
-  version "12.20.55"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-12.20.55.tgz#c329cbd434c42164f846b909bd6f85b5537f6240"
-  integrity sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==
-
-"@types/node@^16.18.39":
-  version "16.18.97"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.18.97.tgz#d7926a8030f0d714d555b4550c0cc7731495cfe5"
-  integrity sha512-4muilE1Lbfn57unR+/nT9AFjWk0MtWi5muwCEJqnOvfRQDbSfLCUdN7vCIg8TYuaANfhLOV85ve+FNpiUsbSRg==
-
-"@types/node@^18.0.0":
-  version "18.19.33"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.19.33.tgz#98cd286a1b8a5e11aa06623210240bcc28e95c48"
-  integrity sha512-NR9+KrpSajr2qBVp/Yt5TU/rp+b5Mayi3+OlMlcg2cVCfRmcG5PWZ7S4+MG9PZ5gWBoc9Pd0BKSRViuBCRPu0A==
-  dependencies:
-    undici-types "~5.26.4"
-
-"@types/normalize-package-data@^2.4.0":
-  version "2.4.4"
-  resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz#56e2cc26c397c038fab0e3a917a12d5c5909e901"
-  integrity sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==
-
-"@types/papaparse@^5.3.9":
-  version "5.3.14"
-  resolved "https://registry.yarnpkg.com/@types/papaparse/-/papaparse-5.3.14.tgz#345cc2a675a90106ff1dc33b95500dfb30748031"
-  integrity sha512-LxJ4iEFcpqc6METwp9f6BV6VVc43m6MfH0VqFosHvrUgfXiFe6ww7R3itkOQ+TCK6Y+Iv/+RnnvtRZnkc5Kc9g==
-  dependencies:
-    "@types/node" "*"
-
-"@types/parse-json@^4.0.0":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.2.tgz#5950e50960793055845e956c427fc2b0d70c5239"
-  integrity sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==
-
-"@types/pbkdf2@^3.0.0":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@types/pbkdf2/-/pbkdf2-3.1.2.tgz#2dc43808e9985a2c69ff02e2d2027bd4fe33e8dc"
-  integrity sha512-uRwJqmiXmh9++aSu1VNEn3iIxWOhd8AHXNSdlaLfdAAdSTY9jYVeGWnzejM3dvrkbqE3/hyQkQQ29IFATEGlew==
-  dependencies:
-    "@types/node" "*"
-
-"@types/postcss-modules-local-by-default@^4.0.0":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@types/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.2.tgz#8fee7513dd1558d74713d817c183a33a6dc583f9"
-  integrity sha512-CtYCcD+L+trB3reJPny+bKWKMzPfxEyQpKIwit7kErnOexf5/faaGpkFy4I5AwbV4hp1sk7/aTg0tt0B67VkLQ==
-  dependencies:
-    postcss "^8.0.0"
-
-"@types/postcss-modules-scope@^3.0.1":
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/@types/postcss-modules-scope/-/postcss-modules-scope-3.0.4.tgz#f82d15ec9023c924b531a49e8087b32646233f41"
-  integrity sha512-//ygSisVq9kVI0sqx3UPLzWIMCmtSVrzdljtuaAEJtGoGnpjBikZ2sXO5MpH9SnWX9HRfXxHifDAXcQjupWnIQ==
-  dependencies:
-    postcss "^8.0.0"
-
-"@types/prettier@^2.1.1":
-  version "2.7.3"
-  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.3.tgz#3e51a17e291d01d17d3fc61422015a933af7a08f"
-  integrity sha512-+68kP9yzs4LMp7VNh8gdzMSPZFL44MLGqiHWvttYJe+6qnuVr4Ek9wSBQoveqY/r+LwjCcU29kNVkidwim+kYA==
-
-"@types/pretty-hrtime@^1.0.0":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@types/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#ee1bd8c9f7a01b3445786aad0ef23aba5f511a44"
-  integrity sha512-nj39q0wAIdhwn7DGUyT9irmsKK1tV0bd5WFEhgpqNTMFZ8cE+jieuTphCW0tfdm47S2zVT5mr09B28b1chmQMA==
-
-"@types/prop-types@*", "@types/prop-types@^15.7.11":
-  version "15.7.12"
-  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.12.tgz#12bb1e2be27293c1406acb6af1c3f3a1481d98c6"
-  integrity sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==
-
-"@types/qrcode@^1.5.5":
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/@types/qrcode/-/qrcode-1.5.5.tgz#993ff7c6b584277eee7aac0a20861eab682f9dac"
-  integrity sha512-CdfBi/e3Qk+3Z/fXYShipBT13OJ2fDO2Q2w5CIP5anLTLIndQG9z6P1cnm+8zCWSpm5dnxMFd/uREtb0EXuQzg==
-  dependencies:
-    "@types/node" "*"
-
-"@types/qs@*", "@types/qs@^6.9.5":
-  version "6.9.15"
-  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.15.tgz#adde8a060ec9c305a82de1babc1056e73bd64dce"
-  integrity sha512-uXHQKES6DQKKCLh441Xv/dwxOq1TVS3JPUMlEqoEglvlhR6Mxnlew/Xq/LRVHpLyk7iK3zODe1qYHIMltO7XGg==
-
-"@types/range-parser@*":
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.7.tgz#50ae4353eaaddc04044279812f52c8c65857dbcb"
-  integrity sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==
-
-"@types/react-dom@^18.0.0", "@types/react-dom@^18.2.24":
-  version "18.3.0"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.3.0.tgz#0cbc818755d87066ab6ca74fbedb2547d74a82b0"
-  integrity sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==
-  dependencies:
-    "@types/react" "*"
-
-"@types/react-gtm-module@^2.0.3":
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/@types/react-gtm-module/-/react-gtm-module-2.0.3.tgz#bc4b68abc7112a658100266948e24e88330d2600"
-  integrity sha512-fL2zKdDFN5LckSsVBXEhhm9M4tFTM9oHJfGcfZJzktQkzpOTGtDM8oXIP9d9UBDxO4xLNZhS22dlgRVv6wgK9w==
-
-"@types/react-transition-group@^4.4.10", "@types/react-transition-group@^4.4.5":
-  version "4.4.10"
-  resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.10.tgz#6ee71127bdab1f18f11ad8fb3322c6da27c327ac"
-  integrity sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==
-  dependencies:
-    "@types/react" "*"
-
-"@types/react@*", "@types/react@^16.8.0 || ^17.0.0 || ^18.0.0", "@types/react@^18.2.75":
-  version "18.3.2"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.2.tgz#462ae4904973bc212fa910424d901e3d137dbfcd"
-  integrity sha512-Btgg89dAnqD4vV7R3hlwOxgqobUQKgx3MmrQRi0yYbs/P0ym8XozIAlkqVilPqHQwXs4e9Tf63rrCgl58BcO4w==
-  dependencies:
-    "@types/prop-types" "*"
-    csstype "^3.0.2"
-
-"@types/resolve@1.17.1":
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.17.1.tgz#3afd6ad8967c77e4376c598a82ddd58f46ec45d6"
-  integrity sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==
-  dependencies:
-    "@types/node" "*"
-
-"@types/resolve@^1.20.2":
-  version "1.20.6"
-  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.6.tgz#e6e60dad29c2c8c206c026e6dd8d6d1bdda850b8"
-  integrity sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==
-
-"@types/responselike@^1.0.0":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@types/responselike/-/responselike-1.0.3.tgz#cc29706f0a397cfe6df89debfe4bf5cea159db50"
-  integrity sha512-H/+L+UkTV33uf49PH5pCAUBVPNj2nDBXTN+qS1dOwyyg24l3CcicicCA7ca+HMvJBZcFgl5r8e+RR6elsb4Lyw==
-  dependencies:
-    "@types/node" "*"
-
-"@types/secp256k1@^4.0.1":
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/@types/secp256k1/-/secp256k1-4.0.6.tgz#d60ba2349a51c2cbc5e816dcd831a42029d376bf"
-  integrity sha512-hHxJU6PAEUn0TP4S/ZOzuTUvJWuZ6eIKeNKb5RBpODvSl6hp1Wrw4s7ATY50rklRCScUDpHzVA/DQdSjJ3UoYQ==
-  dependencies:
-    "@types/node" "*"
-
-"@types/semver@^7.3.10", "@types/semver@^7.3.12", "@types/semver@^7.3.4":
-  version "7.5.8"
-  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.8.tgz#8268a8c57a3e4abd25c165ecd36237db7948a55e"
-  integrity sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==
-
-"@types/send@*":
-  version "0.17.4"
-  resolved "https://registry.yarnpkg.com/@types/send/-/send-0.17.4.tgz#6619cd24e7270793702e4e6a4b958a9010cfc57a"
-  integrity sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==
-  dependencies:
-    "@types/mime" "^1"
-    "@types/node" "*"
-
-"@types/serve-static@*":
-  version "1.15.7"
-  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.7.tgz#22174bbd74fb97fe303109738e9b5c2f3064f714"
-  integrity sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==
-  dependencies:
-    "@types/http-errors" "*"
-    "@types/node" "*"
-    "@types/send" "*"
-
-"@types/sinonjs__fake-timers@8.1.1":
-  version "8.1.1"
-  resolved "https://registry.yarnpkg.com/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.1.tgz#b49c2c70150141a15e0fa7e79cf1f92a72934ce3"
-  integrity sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==
-
-"@types/sizzle@^2.3.2":
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/@types/sizzle/-/sizzle-2.3.8.tgz#518609aefb797da19bf222feb199e8f653ff7627"
-  integrity sha512-0vWLNK2D5MT9dg0iOo8GlKguPAU02QjmZitPEsXRuJXU/OGIOt9vT9Fc26wtYuavLxtO45v9PGleoL9Z0k1LHg==
-
-"@types/stack-utils@^2.0.0":
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.3.tgz#6209321eb2c1712a7e7466422b8cb1fc0d9dd5d8"
-  integrity sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==
-
-"@types/testing-library__jest-dom@^5.9.1":
-  version "5.14.9"
-  resolved "https://registry.yarnpkg.com/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.9.tgz#0fb1e6a0278d87b6737db55af5967570b67cb466"
-  integrity sha512-FSYhIjFlfOpGSRyVoMBMuS3ws5ehFQODymf3vlI7U1K8c7PHwWwFY7VREfmsuzHSOnoKs/9/Y983ayOs7eRzqw==
-  dependencies:
-    "@types/jest" "*"
-
-"@types/tough-cookie@*":
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/@types/tough-cookie/-/tough-cookie-4.0.5.tgz#cb6e2a691b70cb177c6e3ae9c1d2e8b2ea8cd304"
-  integrity sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==
-
-"@types/trusted-types@^2.0.2":
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.7.tgz#baccb07a970b91707df3a3e8ba6896c57ead2d11"
-  integrity sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==
-
-"@types/unist@*", "@types/unist@^3.0.0":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-3.0.2.tgz#6dd61e43ef60b34086287f83683a5c1b2dc53d20"
-  integrity sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ==
-
-"@types/use-sync-external-store@^0.0.3":
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/@types/use-sync-external-store/-/use-sync-external-store-0.0.3.tgz#b6725d5f4af24ace33b36fafd295136e75509f43"
-  integrity sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==
-
-"@types/uuid@^9.0.1":
-  version "9.0.8"
-  resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-9.0.8.tgz#7545ba4fc3c003d6c756f651f3bf163d8f0f29ba"
-  integrity sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==
-
-"@types/w3c-web-usb@^1.0.6":
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/@types/w3c-web-usb/-/w3c-web-usb-1.0.10.tgz#cf89cccd2d93b6245e784c19afe0a9f5038d4528"
-  integrity sha512-CHgUI5kTc/QLMP8hODUHhge0D4vx+9UiAwIGiT0sTy/B2XpdX1U5rJt6JSISgr6ikRT7vxV9EVAFeYZqUnl1gQ==
-
-"@types/web@^0.0.138":
-  version "0.0.138"
-  resolved "https://registry.yarnpkg.com/@types/web/-/web-0.0.138.tgz#52ca1e688275a0b82a5522a7accaaa182aa029b1"
-  integrity sha512-oQD74hl+cNCZdSWIupJCXZ2azTuB3MJ/mrWlgYt+v4pD7/Dr78gl5hKAdieZNf9NrAqwUez79bHtnFVSNSscWA==
-
-"@types/ws@^7.2.0", "@types/ws@^7.4.4":
-  version "7.4.7"
-  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-7.4.7.tgz#f7c390a36f7a0679aa69de2d501319f4f8d9b702"
-  integrity sha512-JQbbmxZTZehdc2iszGKs5oC3NFnjeay7mtAWrdt7qNtAVK0g19muApzAy4bm9byz79xa2ZnO/BOBC2R8RC5Lww==
-  dependencies:
-    "@types/node" "*"
-
-"@types/yargs-parser@*":
-  version "21.0.3"
-  resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.3.tgz#815e30b786d2e8f0dcd85fd5bcf5e1a04d008f15"
-  integrity sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==
-
-"@types/yargs@^17.0.8":
-  version "17.0.32"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.32.tgz#030774723a2f7faafebf645f4e5a48371dca6229"
-  integrity sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog==
-  dependencies:
-    "@types/yargs-parser" "*"
-
-"@types/yauzl@^2.9.1":
-  version "2.10.3"
-  resolved "https://registry.yarnpkg.com/@types/yauzl/-/yauzl-2.10.3.tgz#e9b2808b4f109504a03cda958259876f61017999"
-  integrity sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==
-  dependencies:
-    "@types/node" "*"
-
-"@typescript-eslint/eslint-plugin@^7.6.0":
-  version "7.10.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.10.0.tgz#07854a236f107bb45cbf4f62b89474cbea617f50"
-  integrity sha512-PzCr+a/KAef5ZawX7nbyNwBDtM1HdLIT53aSA2DDlxmxMngZ43O8SIePOeX8H5S+FHXeI6t97mTt/dDdzY4Fyw==
-  dependencies:
-    "@eslint-community/regexpp" "^4.10.0"
-    "@typescript-eslint/scope-manager" "7.10.0"
-    "@typescript-eslint/type-utils" "7.10.0"
-    "@typescript-eslint/utils" "7.10.0"
-    "@typescript-eslint/visitor-keys" "7.10.0"
-    graphemer "^1.4.0"
-    ignore "^5.3.1"
-    natural-compare "^1.4.0"
-    ts-api-utils "^1.3.0"
-
-"@typescript-eslint/parser@^5.4.2 || ^6.0.0 || 7.0.0 - 7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-7.2.0.tgz#44356312aea8852a3a82deebdacd52ba614ec07a"
-  integrity sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==
-  dependencies:
-    "@typescript-eslint/scope-manager" "7.2.0"
-    "@typescript-eslint/types" "7.2.0"
-    "@typescript-eslint/typescript-estree" "7.2.0"
-    "@typescript-eslint/visitor-keys" "7.2.0"
-    debug "^4.3.4"
-
-"@typescript-eslint/scope-manager@5.62.0":
-  version "5.62.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz#d9457ccc6a0b8d6b37d0eb252a23022478c5460c"
-  integrity sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==
-  dependencies:
-    "@typescript-eslint/types" "5.62.0"
-    "@typescript-eslint/visitor-keys" "5.62.0"
-
-"@typescript-eslint/scope-manager@7.10.0":
-  version "7.10.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-7.10.0.tgz#054a27b1090199337a39cf755f83d9f2ce26546b"
-  integrity sha512-7L01/K8W/VGl7noe2mgH0K7BE29Sq6KAbVmxurj8GGaPDZXPr8EEQ2seOeAS+mEV9DnzxBQB6ax6qQQ5C6P4xg==
-  dependencies:
-    "@typescript-eslint/types" "7.10.0"
-    "@typescript-eslint/visitor-keys" "7.10.0"
-
-"@typescript-eslint/scope-manager@7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-7.2.0.tgz#cfb437b09a84f95a0930a76b066e89e35d94e3da"
-  integrity sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==
-  dependencies:
-    "@typescript-eslint/types" "7.2.0"
-    "@typescript-eslint/visitor-keys" "7.2.0"
-
-"@typescript-eslint/type-utils@7.10.0":
-  version "7.10.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-7.10.0.tgz#8a75accce851d0a331aa9331268ef64e9b300270"
-  integrity sha512-D7tS4WDkJWrVkuzgm90qYw9RdgBcrWmbbRkrLA4d7Pg3w0ttVGDsvYGV19SH8gPR5L7OtcN5J1hTtyenO9xE9g==
-  dependencies:
-    "@typescript-eslint/typescript-estree" "7.10.0"
-    "@typescript-eslint/utils" "7.10.0"
-    debug "^4.3.4"
-    ts-api-utils "^1.3.0"
-
-"@typescript-eslint/types@5.62.0":
-  version "5.62.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.62.0.tgz#258607e60effa309f067608931c3df6fed41fd2f"
-  integrity sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==
-
-"@typescript-eslint/types@7.10.0":
-  version "7.10.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-7.10.0.tgz#da92309c97932a3a033762fd5faa8b067de84e3b"
-  integrity sha512-7fNj+Ya35aNyhuqrA1E/VayQX9Elwr8NKZ4WueClR3KwJ7Xx9jcCdOrLW04h51de/+gNbyFMs+IDxh5xIwfbNg==
-
-"@typescript-eslint/types@7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-7.2.0.tgz#0feb685f16de320e8520f13cca30779c8b7c403f"
-  integrity sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==
-
-"@typescript-eslint/typescript-estree@5.62.0":
-  version "5.62.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz#7d17794b77fabcac615d6a48fb143330d962eb9b"
-  integrity sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==
-  dependencies:
-    "@typescript-eslint/types" "5.62.0"
-    "@typescript-eslint/visitor-keys" "5.62.0"
-    debug "^4.3.4"
-    globby "^11.1.0"
-    is-glob "^4.0.3"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/typescript-estree@7.10.0":
-  version "7.10.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-7.10.0.tgz#6dcdc5de3149916a6a599fa89dde5c471b88b8bb"
-  integrity sha512-LXFnQJjL9XIcxeVfqmNj60YhatpRLt6UhdlFwAkjNc6jSUlK8zQOl1oktAP8PlWFzPQC1jny/8Bai3/HPuvN5g==
-  dependencies:
-    "@typescript-eslint/types" "7.10.0"
-    "@typescript-eslint/visitor-keys" "7.10.0"
-    debug "^4.3.4"
-    globby "^11.1.0"
-    is-glob "^4.0.3"
-    minimatch "^9.0.4"
-    semver "^7.6.0"
-    ts-api-utils "^1.3.0"
-
-"@typescript-eslint/typescript-estree@7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-7.2.0.tgz#5beda2876c4137f8440c5a84b4f0370828682556"
-  integrity sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==
-  dependencies:
-    "@typescript-eslint/types" "7.2.0"
-    "@typescript-eslint/visitor-keys" "7.2.0"
-    debug "^4.3.4"
-    globby "^11.1.0"
-    is-glob "^4.0.3"
-    minimatch "9.0.3"
-    semver "^7.5.4"
-    ts-api-utils "^1.0.1"
-
-"@typescript-eslint/utils@7.10.0":
-  version "7.10.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-7.10.0.tgz#8ee43e5608c9f439524eaaea8de5b358b15c51b3"
-  integrity sha512-olzif1Fuo8R8m/qKkzJqT7qwy16CzPRWBvERS0uvyc+DHd8AKbO4Jb7kpAvVzMmZm8TrHnI7hvjN4I05zow+tg==
-  dependencies:
-    "@eslint-community/eslint-utils" "^4.4.0"
-    "@typescript-eslint/scope-manager" "7.10.0"
-    "@typescript-eslint/types" "7.10.0"
-    "@typescript-eslint/typescript-estree" "7.10.0"
-
-"@typescript-eslint/utils@^5.62.0":
-  version "5.62.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.62.0.tgz#141e809c71636e4a75daa39faed2fb5f4b10df86"
-  integrity sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==
-  dependencies:
-    "@eslint-community/eslint-utils" "^4.2.0"
-    "@types/json-schema" "^7.0.9"
-    "@types/semver" "^7.3.12"
-    "@typescript-eslint/scope-manager" "5.62.0"
-    "@typescript-eslint/types" "5.62.0"
-    "@typescript-eslint/typescript-estree" "5.62.0"
-    eslint-scope "^5.1.1"
-    semver "^7.3.7"
-
-"@typescript-eslint/visitor-keys@5.62.0":
-  version "5.62.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz#2174011917ce582875954ffe2f6912d5931e353e"
-  integrity sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==
-  dependencies:
-    "@typescript-eslint/types" "5.62.0"
-    eslint-visitor-keys "^3.3.0"
-
-"@typescript-eslint/visitor-keys@7.10.0":
-  version "7.10.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-7.10.0.tgz#2af2e91e73a75dd6b70b4486c48ae9d38a485a78"
-  integrity sha512-9ntIVgsi6gg6FIq9xjEO4VQJvwOqA3jaBFQJ/6TK5AvEup2+cECI6Fh7QiBxmfMHXU0V0J4RyPeOU1VDNzl9cg==
-  dependencies:
-    "@typescript-eslint/types" "7.10.0"
-    eslint-visitor-keys "^3.4.3"
-
-"@typescript-eslint/visitor-keys@7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-7.2.0.tgz#5035f177752538a5750cca1af6044b633610bf9e"
-  integrity sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==
-  dependencies:
-    "@typescript-eslint/types" "7.2.0"
-    eslint-visitor-keys "^3.4.1"
-
-"@ungap/structured-clone@^1.0.0", "@ungap/structured-clone@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
-  integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
-
-"@vitest/expect@1.3.1":
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-1.3.1.tgz#d4c14b89c43a25fd400a6b941f51ba27fe0cb918"
-  integrity sha512-xofQFwIzfdmLLlHa6ag0dPV8YsnKOCP1KdAeVVh34vSjN2dcUiXYCD9htu/9eM7t8Xln4v03U9HLxLpPlsXdZw==
-  dependencies:
-    "@vitest/spy" "1.3.1"
-    "@vitest/utils" "1.3.1"
-    chai "^4.3.10"
-
-"@vitest/spy@1.3.1":
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-1.3.1.tgz#814245d46d011b99edd1c7528f5725c64e85a88b"
-  integrity sha512-xAcW+S099ylC9VLU7eZfdT9myV67Nor9w9zhf0mGCYJSO+zM2839tOeROTdikOi/8Qeusffvxb/MyBSOja1Uig==
-  dependencies:
-    tinyspy "^2.2.0"
-
-"@vitest/spy@^1.3.1":
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-1.6.0.tgz#362cbd42ccdb03f1613798fde99799649516906d"
-  integrity sha512-leUTap6B/cqi/bQkXUu6bQV5TZPx7pmMBKBQiI0rJA8c3pB56ZsaTbREnF7CJfmvAS4V2cXIBAh/3rVwrrCYgw==
-  dependencies:
-    tinyspy "^2.2.0"
-
-"@vitest/utils@1.3.1":
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-1.3.1.tgz#7b05838654557544f694a372de767fcc9594d61a"
-  integrity sha512-d3Waie/299qqRyHTm2DjADeTaNdNSVsnwHPWrs20JMpjh6eiVq7ggggweO8rc4arhf6rRkWuHKwvxGvejUXZZQ==
-  dependencies:
-    diff-sequences "^29.6.3"
-    estree-walker "^3.0.3"
-    loupe "^2.3.7"
-    pretty-format "^29.7.0"
-
-"@vitest/utils@^1.3.1":
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-1.6.0.tgz#5c5675ca7d6f546a7b4337de9ae882e6c57896a1"
-  integrity sha512-21cPiuGMoMZwiOHa2i4LXkMkMkCGzA+MVFV70jRwHo95dL4x/ts5GZhML1QWuy7yfp3WzK3lRvZi3JnXTYqrBw==
-  dependencies:
-    diff-sequences "^29.6.3"
-    estree-walker "^3.0.3"
-    loupe "^2.3.7"
-    pretty-format "^29.7.0"
-
-"@walletconnect/auth-client@2.1.2":
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/@walletconnect/auth-client/-/auth-client-2.1.2.tgz#cee304fb0cdca76f6bf4aafac96ef9301862a7e8"
-  integrity sha512-ubJLn+vGb8sTdBFX6xAh4kjR5idrtS3RBngQWaJJJpEPBQmxMb8pM2q0FIRs8Is4K6jKy+uEhusMV+7ZBmTzjw==
-  dependencies:
-    "@ethersproject/hash" "^5.7.0"
-    "@ethersproject/transactions" "^5.7.0"
-    "@stablelib/random" "^1.0.2"
-    "@stablelib/sha256" "^1.0.1"
-    "@walletconnect/core" "^2.10.1"
-    "@walletconnect/events" "^1.0.1"
-    "@walletconnect/heartbeat" "^1.2.1"
-    "@walletconnect/jsonrpc-utils" "^1.0.8"
-    "@walletconnect/logger" "^2.0.1"
-    "@walletconnect/time" "^1.0.2"
-    "@walletconnect/utils" "^2.10.1"
-    events "^3.3.0"
-    isomorphic-unfetch "^3.1.0"
-
-"@walletconnect/core@2.13.0":
-  version "2.13.0"
-  resolved "https://registry.yarnpkg.com/@walletconnect/core/-/core-2.13.0.tgz#6b79b039930643e8ee85a0f512b143a35fdb8b52"
-  integrity sha512-blDuZxQenjeXcVJvHxPznTNl6c/2DO4VNrFnus+qHmO6OtT5lZRowdMtlCaCNb1q0OxzgrmBDcTOCbFcCpio/g==
-  dependencies:
-    "@walletconnect/heartbeat" "1.2.2"
-    "@walletconnect/jsonrpc-provider" "1.0.14"
-    "@walletconnect/jsonrpc-types" "1.0.4"
-    "@walletconnect/jsonrpc-utils" "1.0.8"
-    "@walletconnect/jsonrpc-ws-connection" "1.0.14"
-    "@walletconnect/keyvaluestorage" "1.1.1"
-    "@walletconnect/logger" "2.1.2"
-    "@walletconnect/relay-api" "1.0.10"
-    "@walletconnect/relay-auth" "1.0.4"
-    "@walletconnect/safe-json" "1.0.2"
-    "@walletconnect/time" "1.0.2"
-    "@walletconnect/types" "2.13.0"
-    "@walletconnect/utils" "2.13.0"
-    events "3.3.0"
-    isomorphic-unfetch "3.1.0"
-    lodash.isequal "4.5.0"
-    uint8arrays "3.1.0"
-
-"@walletconnect/core@2.13.1":
-  version "2.13.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/core/-/core-2.13.1.tgz#a59646e39a5beaa3f3551d129af43cd404cf4faf"
-  integrity sha512-h0MSYKJu9i1VEs5koCTT7c5YeQ1Kj0ncTFiMqANbDnB1r3mBulXn+FKtZ2fCmf1j7KDpgluuUzpSs+sQfPcv4Q==
-  dependencies:
-    "@walletconnect/heartbeat" "1.2.2"
-    "@walletconnect/jsonrpc-provider" "1.0.14"
-    "@walletconnect/jsonrpc-types" "1.0.4"
-    "@walletconnect/jsonrpc-utils" "1.0.8"
-    "@walletconnect/jsonrpc-ws-connection" "1.0.14"
-    "@walletconnect/keyvaluestorage" "1.1.1"
-    "@walletconnect/logger" "2.1.2"
-    "@walletconnect/relay-api" "1.0.10"
-    "@walletconnect/relay-auth" "1.0.4"
-    "@walletconnect/safe-json" "1.0.2"
-    "@walletconnect/time" "1.0.2"
-    "@walletconnect/types" "2.13.1"
-    "@walletconnect/utils" "2.13.1"
-    events "3.3.0"
-    isomorphic-unfetch "3.1.0"
-    lodash.isequal "4.5.0"
-    uint8arrays "3.1.0"
-
-"@walletconnect/core@^2.10.1":
-  version "2.11.3"
-  resolved "https://registry.yarnpkg.com/@walletconnect/core/-/core-2.11.3.tgz#c81855722cb9afd411f91f5345c7874f48bade0b"
-  integrity sha512-/9m4EqiggFUwkQDv5PDWbcTI+yCVnBd/iYW5iIHEkivg2/mnBr2bQz2r/vtPjp19r/ZK62Dx0+UN3U+BWP8ulQ==
-  dependencies:
-    "@walletconnect/heartbeat" "1.2.1"
-    "@walletconnect/jsonrpc-provider" "1.0.13"
-    "@walletconnect/jsonrpc-types" "1.0.3"
-    "@walletconnect/jsonrpc-utils" "1.0.8"
-    "@walletconnect/jsonrpc-ws-connection" "1.0.14"
-    "@walletconnect/keyvaluestorage" "^1.1.1"
-    "@walletconnect/logger" "^2.0.1"
-    "@walletconnect/relay-api" "^1.0.9"
-    "@walletconnect/relay-auth" "^1.0.4"
-    "@walletconnect/safe-json" "^1.0.2"
-    "@walletconnect/time" "^1.0.2"
-    "@walletconnect/types" "2.11.3"
-    "@walletconnect/utils" "2.11.3"
-    events "^3.3.0"
-    isomorphic-unfetch "3.1.0"
-    lodash.isequal "4.5.0"
-    uint8arrays "^3.1.0"
-
-"@walletconnect/environment@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/environment/-/environment-1.0.1.tgz#1d7f82f0009ab821a2ba5ad5e5a7b8ae3b214cd7"
-  integrity sha512-T426LLZtHj8e8rYnKfzsw1aG6+M0BT1ZxayMdv/p8yM0MU+eJDISqNY3/bccxRr4LrF9csq02Rhqt08Ibl0VRg==
-  dependencies:
-    tslib "1.14.1"
-
-"@walletconnect/ethereum-provider@^2.12.2":
-  version "2.13.0"
-  resolved "https://registry.yarnpkg.com/@walletconnect/ethereum-provider/-/ethereum-provider-2.13.0.tgz#5148851983e0d55fa1c18737b2db22802c82434c"
-  integrity sha512-dnpW8mmLpWl1AZUYGYZpaAfGw1HFkL0WSlhk5xekx3IJJKn4pLacX2QeIOo0iNkzNQxZfux1AK4Grl1DvtzZEA==
-  dependencies:
-    "@walletconnect/jsonrpc-http-connection" "1.0.8"
-    "@walletconnect/jsonrpc-provider" "1.0.14"
-    "@walletconnect/jsonrpc-types" "1.0.4"
-    "@walletconnect/jsonrpc-utils" "1.0.8"
-    "@walletconnect/modal" "2.6.2"
-    "@walletconnect/sign-client" "2.13.0"
-    "@walletconnect/types" "2.13.0"
-    "@walletconnect/universal-provider" "2.13.0"
-    "@walletconnect/utils" "2.13.0"
-    events "3.3.0"
-
-"@walletconnect/events@1.0.1", "@walletconnect/events@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/events/-/events-1.0.1.tgz#2b5f9c7202019e229d7ccae1369a9e86bda7816c"
-  integrity sha512-NPTqaoi0oPBVNuLv7qPaJazmGHs5JGyO8eEAk5VGKmJzDR7AHzD4k6ilox5kxk1iwiOnFopBOOMLs86Oa76HpQ==
-  dependencies:
-    keyvaluestorage-interface "^1.0.0"
-    tslib "1.14.1"
-
-"@walletconnect/heartbeat@1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/heartbeat/-/heartbeat-1.2.1.tgz#afaa3a53232ae182d7c9cff41c1084472d8f32e9"
-  integrity sha512-yVzws616xsDLJxuG/28FqtZ5rzrTA4gUjdEMTbWB5Y8V1XHRmqq4efAxCw5ie7WjbXFSUyBHaWlMR+2/CpQC5Q==
-  dependencies:
-    "@walletconnect/events" "^1.0.1"
-    "@walletconnect/time" "^1.0.2"
-    tslib "1.14.1"
-
-"@walletconnect/heartbeat@1.2.2", "@walletconnect/heartbeat@^1.2.1":
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/@walletconnect/heartbeat/-/heartbeat-1.2.2.tgz#e8dc5179db7769950c6f9cf59b23516d9b95227d"
-  integrity sha512-uASiRmC5MwhuRuf05vq4AT48Pq8RMi876zV8rr8cV969uTOzWdB/k+Lj5yI2PBtB1bGQisGen7MM1GcZlQTBXw==
-  dependencies:
-    "@walletconnect/events" "^1.0.1"
-    "@walletconnect/time" "^1.0.2"
-    events "^3.3.0"
-
-"@walletconnect/jsonrpc-http-connection@1.0.8":
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/@walletconnect/jsonrpc-http-connection/-/jsonrpc-http-connection-1.0.8.tgz#2f4c3948f074960a3edd07909560f3be13e2c7ae"
-  integrity sha512-+B7cRuaxijLeFDJUq5hAzNyef3e3tBDIxyaCNmFtjwnod5AGis3RToNqzFU33vpVcxFhofkpE7Cx+5MYejbMGw==
-  dependencies:
-    "@walletconnect/jsonrpc-utils" "^1.0.6"
-    "@walletconnect/safe-json" "^1.0.1"
-    cross-fetch "^3.1.4"
-    events "^3.3.0"
-
-"@walletconnect/jsonrpc-provider@1.0.14":
-  version "1.0.14"
-  resolved "https://registry.yarnpkg.com/@walletconnect/jsonrpc-provider/-/jsonrpc-provider-1.0.14.tgz#696f3e3b6d728b361f2e8b853cfc6afbdf2e4e3e"
-  integrity sha512-rtsNY1XqHvWj0EtITNeuf8PHMvlCLiS3EjQL+WOkxEOA4KPxsohFnBDeyPYiNm4ZvkQdLnece36opYidmtbmow==
-  dependencies:
-    "@walletconnect/jsonrpc-utils" "^1.0.8"
-    "@walletconnect/safe-json" "^1.0.2"
-    events "^3.3.0"
-
-"@walletconnect/jsonrpc-types@1.0.3", "@walletconnect/jsonrpc-types@^1.0.2", "@walletconnect/jsonrpc-types@^1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@walletconnect/jsonrpc-types/-/jsonrpc-types-1.0.3.tgz#65e3b77046f1a7fa8347ae02bc1b841abe6f290c"
-  integrity sha512-iIQ8hboBl3o5ufmJ8cuduGad0CQm3ZlsHtujv9Eu16xq89q+BG7Nh5VLxxUgmtpnrePgFkTwXirCTkwJH1v+Yw==
-  dependencies:
-    keyvaluestorage-interface "^1.0.0"
-    tslib "1.14.1"
-
-"@walletconnect/jsonrpc-types@1.0.4":
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/@walletconnect/jsonrpc-types/-/jsonrpc-types-1.0.4.tgz#ce1a667d79eadf2a2d9d002c152ceb68739c230c"
-  integrity sha512-P6679fG/M+wuWg9TY8mh6xFSdYnFyFjwFelxyISxMDrlbXokorEVXYOxiqEbrU3x1BmBoCAJJ+vtEaEoMlpCBQ==
-  dependencies:
-    events "^3.3.0"
-    keyvaluestorage-interface "^1.0.0"
-
-"@walletconnect/jsonrpc-utils@1.0.8", "@walletconnect/jsonrpc-utils@^1.0.6", "@walletconnect/jsonrpc-utils@^1.0.8":
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/@walletconnect/jsonrpc-utils/-/jsonrpc-utils-1.0.8.tgz#82d0cc6a5d6ff0ecc277cb35f71402c91ad48d72"
-  integrity sha512-vdeb03bD8VzJUL6ZtzRYsFMq1eZQcM3EAzT0a3st59dyLfJ0wq+tKMpmGH7HlB7waD858UWgfIcudbPFsbzVdw==
-  dependencies:
-    "@walletconnect/environment" "^1.0.1"
-    "@walletconnect/jsonrpc-types" "^1.0.3"
-    tslib "1.14.1"
-
-"@walletconnect/jsonrpc-ws-connection@1.0.14":
-  version "1.0.14"
-  resolved "https://registry.yarnpkg.com/@walletconnect/jsonrpc-ws-connection/-/jsonrpc-ws-connection-1.0.14.tgz#eec700e74766c7887de2bd76c91a0206628732aa"
-  integrity sha512-Jsl6fC55AYcbkNVkwNM6Jo+ufsuCQRqViOQ8ZBPH9pRREHH9welbBiszuTLqEJiQcO/6XfFDl6bzCJIkrEi8XA==
-  dependencies:
-    "@walletconnect/jsonrpc-utils" "^1.0.6"
-    "@walletconnect/safe-json" "^1.0.2"
-    events "^3.3.0"
-    ws "^7.5.1"
-
-"@walletconnect/keyvaluestorage@1.1.1", "@walletconnect/keyvaluestorage@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/keyvaluestorage/-/keyvaluestorage-1.1.1.tgz#dd2caddabfbaf80f6b8993a0704d8b83115a1842"
-  integrity sha512-V7ZQq2+mSxAq7MrRqDxanTzu2RcElfK1PfNYiaVnJgJ7Q7G7hTVwF8voIBx92qsRyGHZihrwNPHuZd1aKkd0rA==
-  dependencies:
-    "@walletconnect/safe-json" "^1.0.1"
-    idb-keyval "^6.2.1"
-    unstorage "^1.9.0"
-
-"@walletconnect/logger@2.1.2":
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/@walletconnect/logger/-/logger-2.1.2.tgz#813c9af61b96323a99f16c10089bfeb525e2a272"
-  integrity sha512-aAb28I3S6pYXZHQm5ESB+V6rDqIYfsnHaQyzFbwUUBFY4H0OXx/YtTl8lvhUNhMMfb9UxbwEBS253TlXUYJWSw==
-  dependencies:
-    "@walletconnect/safe-json" "^1.0.2"
-    pino "7.11.0"
-
-"@walletconnect/logger@^2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/logger/-/logger-2.0.1.tgz#7f489b96e9a1ff6bf3e58f0fbd6d69718bf844a8"
-  integrity sha512-SsTKdsgWm+oDTBeNE/zHxxr5eJfZmE9/5yp/Ku+zJtcTAjELb3DXueWkDXmE9h8uHIbJzIb5wj5lPdzyrjT6hQ==
-  dependencies:
-    pino "7.11.0"
-    tslib "1.14.1"
-
-"@walletconnect/modal-core@2.6.2":
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/@walletconnect/modal-core/-/modal-core-2.6.2.tgz#d73e45d96668764e0c8668ea07a45bb8b81119e9"
-  integrity sha512-cv8ibvdOJQv2B+nyxP9IIFdxvQznMz8OOr/oR/AaUZym4hjXNL/l1a2UlSQBXrVjo3xxbouMxLb3kBsHoYP2CA==
-  dependencies:
-    valtio "1.11.2"
-
-"@walletconnect/modal-ui@2.6.2":
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/@walletconnect/modal-ui/-/modal-ui-2.6.2.tgz#fa57c087c57b7f76aaae93deab0f84bb68b59cf9"
-  integrity sha512-rbdstM1HPGvr7jprQkyPggX7rP4XiCG85ZA+zWBEX0dVQg8PpAgRUqpeub4xQKDgY7pY/xLRXSiCVdWGqvG2HA==
-  dependencies:
-    "@walletconnect/modal-core" "2.6.2"
-    lit "2.8.0"
-    motion "10.16.2"
-    qrcode "1.5.3"
-
-"@walletconnect/modal@2.6.2":
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/@walletconnect/modal/-/modal-2.6.2.tgz#4b534a836f5039eeb3268b80be7217a94dd12651"
-  integrity sha512-eFopgKi8AjKf/0U4SemvcYw9zlLpx9njVN8sf6DAkowC2Md0gPU/UNEbH1Wwj407pEKnEds98pKWib1NN1ACoA==
-  dependencies:
-    "@walletconnect/modal-core" "2.6.2"
-    "@walletconnect/modal-ui" "2.6.2"
-
-"@walletconnect/relay-api@1.0.10":
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/@walletconnect/relay-api/-/relay-api-1.0.10.tgz#5aef3cd07c21582b968136179aa75849dcc65499"
-  integrity sha512-tqrdd4zU9VBNqUaXXQASaexklv6A54yEyQQEXYOCr+Jz8Ket0dmPBDyg19LVSNUN2cipAghQc45/KVmfFJ0cYw==
-  dependencies:
-    "@walletconnect/jsonrpc-types" "^1.0.2"
-
-"@walletconnect/relay-api@^1.0.9":
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/@walletconnect/relay-api/-/relay-api-1.0.9.tgz#f8c2c3993dddaa9f33ed42197fc9bfebd790ecaf"
-  integrity sha512-Q3+rylJOqRkO1D9Su0DPE3mmznbAalYapJ9qmzDgK28mYF9alcP3UwG/og5V7l7CFOqzCLi7B8BvcBUrpDj0Rg==
-  dependencies:
-    "@walletconnect/jsonrpc-types" "^1.0.2"
-    tslib "1.14.1"
-
-"@walletconnect/relay-auth@1.0.4":
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/@walletconnect/relay-auth/-/relay-auth-1.0.4.tgz#0b5c55c9aa3b0ef61f526ce679f3ff8a5c4c2c7c"
-  integrity sha512-kKJcS6+WxYq5kshpPaxGHdwf5y98ZwbfuS4EE/NkQzqrDFm5Cj+dP8LofzWvjrrLkZq7Afy7WrQMXdLy8Sx7HQ==
-  dependencies:
-    "@stablelib/ed25519" "^1.0.2"
-    "@stablelib/random" "^1.0.1"
-    "@walletconnect/safe-json" "^1.0.1"
-    "@walletconnect/time" "^1.0.2"
-    tslib "1.14.1"
-    uint8arrays "^3.0.0"
-
-"@walletconnect/safe-json@1.0.2", "@walletconnect/safe-json@^1.0.1", "@walletconnect/safe-json@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@walletconnect/safe-json/-/safe-json-1.0.2.tgz#7237e5ca48046e4476154e503c6d3c914126fa77"
-  integrity sha512-Ogb7I27kZ3LPC3ibn8ldyUr5544t3/STow9+lzz7Sfo808YD7SBWk7SAsdBFlYgP2zDRy2hS3sKRcuSRM0OTmA==
-  dependencies:
-    tslib "1.14.1"
-
-"@walletconnect/sign-client@2.13.0":
-  version "2.13.0"
-  resolved "https://registry.yarnpkg.com/@walletconnect/sign-client/-/sign-client-2.13.0.tgz#f59993f082aec1ca5498b9519027e764c1e6d28b"
-  integrity sha512-En7KSvNUlQFx20IsYGsFgkNJ2lpvDvRsSFOT5PTdGskwCkUfOpB33SQJ6nCrN19gyoKPNvWg80Cy6MJI0TjNYA==
-  dependencies:
-    "@walletconnect/core" "2.13.0"
-    "@walletconnect/events" "1.0.1"
-    "@walletconnect/heartbeat" "1.2.2"
-    "@walletconnect/jsonrpc-utils" "1.0.8"
-    "@walletconnect/logger" "2.1.2"
-    "@walletconnect/time" "1.0.2"
-    "@walletconnect/types" "2.13.0"
-    "@walletconnect/utils" "2.13.0"
-    events "3.3.0"
-
-"@walletconnect/sign-client@2.13.1":
-  version "2.13.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/sign-client/-/sign-client-2.13.1.tgz#7bdc9226218fd33caf3aef69dff0b4140abc7fa8"
-  integrity sha512-e+dcqcLsedB4ZjnePFM5Cy8oxu0dyz5iZfhfKH/MOrQV/hyhZ+hJwh4MmkO2QyEu2PERKs9o2Uc6x8RZdi0UAQ==
-  dependencies:
-    "@walletconnect/core" "2.13.1"
-    "@walletconnect/events" "1.0.1"
-    "@walletconnect/heartbeat" "1.2.2"
-    "@walletconnect/jsonrpc-utils" "1.0.8"
-    "@walletconnect/logger" "2.1.2"
-    "@walletconnect/time" "1.0.2"
-    "@walletconnect/types" "2.13.1"
-    "@walletconnect/utils" "2.13.1"
-    events "3.3.0"
-
-"@walletconnect/time@1.0.2", "@walletconnect/time@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@walletconnect/time/-/time-1.0.2.tgz#6c5888b835750ecb4299d28eecc5e72c6d336523"
-  integrity sha512-uzdd9woDcJ1AaBZRhqy5rNC9laqWGErfc4dxA9a87mPdKOgWMD85mcFo9dIYIts/Jwocfwn07EC6EzclKubk/g==
-  dependencies:
-    tslib "1.14.1"
-
-"@walletconnect/types@2.11.3":
-  version "2.11.3"
-  resolved "https://registry.yarnpkg.com/@walletconnect/types/-/types-2.11.3.tgz#8ce43cb77e8fd9d5269847cdd73bcfa7cce7dd1a"
-  integrity sha512-JY4wA9MVosDW9dcJMTpnwliste0aJGJ1X6Q4ulLsQsgWRSEBRkLila0oUT01TDBW9Yq8uUp7uFOUTaKx6KWVAg==
-  dependencies:
-    "@walletconnect/events" "^1.0.1"
-    "@walletconnect/heartbeat" "1.2.1"
-    "@walletconnect/jsonrpc-types" "1.0.3"
-    "@walletconnect/keyvaluestorage" "^1.1.1"
-    "@walletconnect/logger" "^2.0.1"
-    events "^3.3.0"
-
-"@walletconnect/types@2.13.0":
-  version "2.13.0"
-  resolved "https://registry.yarnpkg.com/@walletconnect/types/-/types-2.13.0.tgz#cdac083651f5897084fe9ed62779f11810335ac6"
-  integrity sha512-MWaVT0FkZwzYbD3tvk8F+2qpPlz1LUSWHuqbINUtMXnSzJtXN49Y99fR7FuBhNFtDalfuWsEK17GrNA+KnAsPQ==
-  dependencies:
-    "@walletconnect/events" "1.0.1"
-    "@walletconnect/heartbeat" "1.2.2"
-    "@walletconnect/jsonrpc-types" "1.0.4"
-    "@walletconnect/keyvaluestorage" "1.1.1"
-    "@walletconnect/logger" "2.1.2"
-    events "3.3.0"
-
-"@walletconnect/types@2.13.1", "@walletconnect/types@^2.13.1":
-  version "2.13.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/types/-/types-2.13.1.tgz#393e3bd4d60a755f3a70cbe769b58cf153450310"
-  integrity sha512-CIrdt66d38xdunGCy5peOOP17EQkCEGKweXc3+Gn/RWeSiRU35I7wjC/Bp4iWcgAQ6iBTZv4jGGST5XyrOp+Pg==
-  dependencies:
-    "@walletconnect/events" "1.0.1"
-    "@walletconnect/heartbeat" "1.2.2"
-    "@walletconnect/jsonrpc-types" "1.0.4"
-    "@walletconnect/keyvaluestorage" "1.1.1"
-    "@walletconnect/logger" "2.1.2"
-    events "3.3.0"
-
-"@walletconnect/universal-provider@2.13.0":
-  version "2.13.0"
-  resolved "https://registry.yarnpkg.com/@walletconnect/universal-provider/-/universal-provider-2.13.0.tgz#f2b597001245e4d4a06d96dd1bce8d3a8a4dcbbf"
-  integrity sha512-B5QvO8pnk5Bqn4aIt0OukGEQn2Auk9VbHfhQb9cGwgmSCd1GlprX/Qblu4gyT5+TjHMb1Gz5UssUaZWTWbDhBg==
-  dependencies:
-    "@walletconnect/jsonrpc-http-connection" "1.0.8"
-    "@walletconnect/jsonrpc-provider" "1.0.14"
-    "@walletconnect/jsonrpc-types" "1.0.4"
-    "@walletconnect/jsonrpc-utils" "1.0.8"
-    "@walletconnect/logger" "2.1.2"
-    "@walletconnect/sign-client" "2.13.0"
-    "@walletconnect/types" "2.13.0"
-    "@walletconnect/utils" "2.13.0"
-    events "3.3.0"
-
-"@walletconnect/utils@2.13.0":
-  version "2.13.0"
-  resolved "https://registry.yarnpkg.com/@walletconnect/utils/-/utils-2.13.0.tgz#1fc1fbff0d26db0830e65d1ba8cfe1a13a0616ad"
-  integrity sha512-q1eDCsRHj5iLe7fF8RroGoPZpdo2CYMZzQSrw1iqL+2+GOeqapxxuJ1vaJkmDUkwgklfB22ufqG6KQnz78sD4w==
-  dependencies:
-    "@stablelib/chacha20poly1305" "1.0.1"
-    "@stablelib/hkdf" "1.0.1"
-    "@stablelib/random" "1.0.2"
-    "@stablelib/sha256" "1.0.1"
-    "@stablelib/x25519" "1.0.3"
-    "@walletconnect/relay-api" "1.0.10"
-    "@walletconnect/safe-json" "1.0.2"
-    "@walletconnect/time" "1.0.2"
-    "@walletconnect/types" "2.13.0"
-    "@walletconnect/window-getters" "1.0.1"
-    "@walletconnect/window-metadata" "1.0.1"
-    detect-browser "5.3.0"
-    query-string "7.1.3"
-    uint8arrays "3.1.0"
-
-"@walletconnect/utils@2.13.1", "@walletconnect/utils@^2.13.1":
-  version "2.13.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/utils/-/utils-2.13.1.tgz#f44e81028754c6e056dba588ad9b9fa5ad047645"
-  integrity sha512-EcooXXlqy5hk9hy/nK2wBF/qxe7HjH0K8ZHzjKkXRkwAE5pCvy0IGXIXWmUR9sw8LFJEqZyd8rZdWLKNUe8hqA==
-  dependencies:
-    "@stablelib/chacha20poly1305" "1.0.1"
-    "@stablelib/hkdf" "1.0.1"
-    "@stablelib/random" "1.0.2"
-    "@stablelib/sha256" "1.0.1"
-    "@stablelib/x25519" "1.0.3"
-    "@walletconnect/relay-api" "1.0.10"
-    "@walletconnect/safe-json" "1.0.2"
-    "@walletconnect/time" "1.0.2"
-    "@walletconnect/types" "2.13.1"
-    "@walletconnect/window-getters" "1.0.1"
-    "@walletconnect/window-metadata" "1.0.1"
-    detect-browser "5.3.0"
-    query-string "7.1.3"
-    uint8arrays "3.1.0"
-
-"@walletconnect/utils@^2.10.1":
-  version "2.11.3"
-  resolved "https://registry.yarnpkg.com/@walletconnect/utils/-/utils-2.11.3.tgz#3731809b54902655cf202e0bf0e8f268780e8b54"
-  integrity sha512-jsdNkrl/IcTkzWFn0S2d0urzBXg6RxVJtUYRsUx3qI3wzOGiABP9ui3yiZ3SgZOv9aRe62PaNp1qpbYZ+zPb8Q==
-  dependencies:
-    "@stablelib/chacha20poly1305" "1.0.1"
-    "@stablelib/hkdf" "1.0.1"
-    "@stablelib/random" "^1.0.2"
-    "@stablelib/sha256" "1.0.1"
-    "@stablelib/x25519" "^1.0.3"
-    "@walletconnect/relay-api" "^1.0.9"
-    "@walletconnect/safe-json" "^1.0.2"
-    "@walletconnect/time" "^1.0.2"
-    "@walletconnect/types" "2.11.3"
-    "@walletconnect/window-getters" "^1.0.1"
-    "@walletconnect/window-metadata" "^1.0.1"
-    detect-browser "5.3.0"
-    query-string "7.1.3"
-    uint8arrays "^3.1.0"
-
-"@walletconnect/web3wallet@^1.12.1":
-  version "1.12.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/web3wallet/-/web3wallet-1.12.1.tgz#efe7863c6518b2262bca1ea01650222986963cc4"
-  integrity sha512-34h7UkWjZvZdtCc/t6tZCSBPjDzJbfG1+OPkJ6FiD1KJP+a0wSwuI7l4LliGgvAdsXfrM+sn3ZEWVWy62zeRDA==
-  dependencies:
-    "@walletconnect/auth-client" "2.1.2"
-    "@walletconnect/core" "2.13.1"
-    "@walletconnect/jsonrpc-provider" "1.0.14"
-    "@walletconnect/jsonrpc-utils" "1.0.8"
-    "@walletconnect/logger" "2.1.2"
-    "@walletconnect/sign-client" "2.13.1"
-    "@walletconnect/types" "2.13.1"
-    "@walletconnect/utils" "2.13.1"
-
-"@walletconnect/window-getters@1.0.1", "@walletconnect/window-getters@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/window-getters/-/window-getters-1.0.1.tgz#f36d1c72558a7f6b87ecc4451fc8bd44f63cbbdc"
-  integrity sha512-vHp+HqzGxORPAN8gY03qnbTMnhqIwjeRJNOMOAzePRg4xVEEE2WvYsI9G2NMjOknA8hnuYbU3/hwLcKbjhc8+Q==
-  dependencies:
-    tslib "1.14.1"
-
-"@walletconnect/window-metadata@1.0.1", "@walletconnect/window-metadata@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/window-metadata/-/window-metadata-1.0.1.tgz#2124f75447b7e989e4e4e1581d55d25bc75f7be5"
-  integrity sha512-9koTqyGrM2cqFRW517BPY/iEtUDx2r1+Pwwu5m7sJ7ka79wi3EyqhqcICk/yDmv6jAS1rjKgTKXlEhanYjijcA==
-  dependencies:
-    "@walletconnect/window-getters" "^1.0.1"
-    tslib "1.14.1"
-
-"@web3-onboard/coinbase@^2.2.6":
-  version "2.2.7"
-  resolved "https://registry.yarnpkg.com/@web3-onboard/coinbase/-/coinbase-2.2.7.tgz#e649acd9bb1e1599e6c92e3ddb4315cd26fe7b3e"
-  integrity sha512-gHIiir6byvt5xTFGlf4xwDtysmDFU92BdH9ZzTWfrqKQdprNAlO+ydNnmytxzXf6RsPIRL0NmT8n3xCAWe8s1w==
-  dependencies:
-    "@coinbase/wallet-sdk" "^3.9.3"
-    "@web3-onboard/common" "^2.3.3"
-
-"@web3-onboard/common@^2.2.3", "@web3-onboard/common@^2.3.3", "@web3-onboard/common@^2.3.4":
-  version "2.3.4"
-  resolved "https://registry.yarnpkg.com/@web3-onboard/common/-/common-2.3.4.tgz#1ce41e090c19e8ac802c45737de3dda3dabea751"
-  integrity sha512-LQM7ZA1LoJ4GirsVEWHkv9KNJcrIT+AplR957BP5O8tll+p/A1GCju89C7jAMnb3+9LShUCwHcbE4o8l8gVb9A==
-  dependencies:
-    bignumber.js "^9.1.0"
-    ethers "5.5.4"
-    joi "17.9.1"
-
-"@web3-onboard/core@^2.21.4":
-  version "2.21.6"
-  resolved "https://registry.yarnpkg.com/@web3-onboard/core/-/core-2.21.6.tgz#e2307fb569ef131440c2bce1a8a87d3ff16bcfae"
-  integrity sha512-eb9bmIK/n6U7ZpC3Bd8tXrBdc5XDh5pzhcXArqMxR2MKxoB6i7aeLO9A3AJcwwEql3eNF+UDnhzK+KXTBOVPEQ==
-  dependencies:
-    "@web3-onboard/common" "^2.3.4"
-    bignumber.js "^9.0.0"
-    bnc-sdk "^4.6.7"
-    bowser "^2.11.0"
-    ethers "5.5.3"
-    eventemitter3 "^4.0.7"
-    joi "17.9.1"
-    lodash.merge "^4.6.2"
-    lodash.partition "^4.6.0"
-    nanoid "^4.0.0"
-    rxjs "^7.5.5"
-    svelte "^3.49.0"
-    svelte-i18n "^3.3.13"
-
-"@web3-onboard/hw-common@^2.0.4", "@web3-onboard/hw-common@^2.3.1":
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/@web3-onboard/hw-common/-/hw-common-2.3.1.tgz#1a968a0b40e64bb6b82593810c15b1fa7f620306"
-  integrity sha512-Dbztkmr+0iN3BJmwu7f3nvk7atbJEm9AmySlyyIYTqn+kuPWk88j8s1PAyHHOej2lLrtswyj1c3ER65O5S1M2g==
-  dependencies:
-    "@ethereumjs/common" "2.6.2"
-    "@web3-onboard/common" "^2.3.4"
-    ethers "5.5.4"
-    joi "17.9.1"
-    rxjs "^7.5.2"
-
-"@web3-onboard/injected-wallets@^2.10.14":
-  version "2.10.17"
-  resolved "https://registry.yarnpkg.com/@web3-onboard/injected-wallets/-/injected-wallets-2.10.17.tgz#7234962a6dec68352eb868cc778c98c68b83ccd5"
-  integrity sha512-jq7ZqzTWWUPD52jh0oQWz9FpCWi7LY0eLYxXU9FKB+7aZx4S4v/5yHoX4uhS0pHH8SdDzGfLwZqgIKHkC1OMUg==
-  dependencies:
-    "@web3-onboard/common" "^2.3.3"
-    joi "17.9.1"
-    lodash.uniqby "^4.7.0"
-
-"@web3-onboard/keystone@^2.3.7":
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/@web3-onboard/keystone/-/keystone-2.3.8.tgz#c1447161d1d91b88170400e7ebfb7284db54d351"
-  integrity sha512-1kwf3luSMlv61R9KGxXNVB6548Axmsppq+JL++wACFBwKBig3JQrvqw1llIc9rkPUGcxq+o/FDY3XpBeO7jrig==
-  dependencies:
-    "@ethereumjs/tx" "^3.4.0"
-    "@ethersproject/providers" "^5.5.0"
-    "@keystonehq/eth-keyring" "^0.14.00.3"
-    "@web3-onboard/common" "^2.3.4"
-    "@web3-onboard/hw-common" "^2.3.1"
-
-"@web3-onboard/ledger@2.3.2":
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/@web3-onboard/ledger/-/ledger-2.3.2.tgz#aaa436393d8ffdc156fd318154df5e61361d54bb"
-  integrity sha512-0KLXmnXNs6iTZEhBdGDgg+L5t8rOTroZjYu8l3Qebd02hNBIeaNxgCXIOQ1Y97qvcQz/8rb6oZ1wMp7unmSA1g==
-  dependencies:
-    "@ethereumjs/tx" "^3.4.0"
-    "@ethersproject/providers" "^5.5.0"
-    "@ledgerhq/hw-app-eth" "^6.19.0"
-    "@ledgerhq/hw-transport-u2f" "^5.36.0-deprecated"
-    "@ledgerhq/hw-transport-webusb" "^6.19.0"
-    "@metamask/eth-sig-util" "^4.0.0"
-    "@web3-onboard/common" "^2.2.3"
-    "@web3-onboard/hw-common" "^2.0.4"
-    buffer "^6.0.3"
-    ethereumjs-util "^7.1.3"
-
-"@web3-onboard/trezor@^2.4.2":
-  version "2.4.4"
-  resolved "https://registry.yarnpkg.com/@web3-onboard/trezor/-/trezor-2.4.4.tgz#71ae98a86f4a0978bc7b76d4b2253de2bc7effa3"
-  integrity sha512-4NeNAdy8Qg3cfFo35vDHBNU18cMKiHUkl0nZi9VDWSxnEzv0ydesx9n0z79BHqu046vV3m5b4mqf2jJeVAlcEQ==
-  dependencies:
-    "@ethereumjs/tx" "^3.4.0"
-    "@ethersproject/providers" "^5.5.0"
-    "@trezor/connect-web" "^9.0.11"
-    "@web3-onboard/common" "^2.3.4"
-    "@web3-onboard/hw-common" "^2.3.1"
-    buffer "^6.0.3"
-    eth-crypto "^2.1.0"
-    ethereumjs-util "^7.1.3"
-    hdkey "^2.0.1"
-
-"@web3-onboard/walletconnect@^2.5.4":
-  version "2.5.5"
-  resolved "https://registry.yarnpkg.com/@web3-onboard/walletconnect/-/walletconnect-2.5.5.tgz#a0a136f2622156b1004a58d77e21c379cb16391c"
-  integrity sha512-+ShSG20r783R+a1bPsbA6ofPTtVz2BFR8Z2/dQKsM+alQKAzBVprWjYW+PE+Mg/IC8QspiLWz/GXXLzLxYxeKw==
-  dependencies:
-    "@walletconnect/ethereum-provider" "^2.12.2"
-    "@web3-onboard/common" "^2.3.3"
-    joi "17.9.1"
-    rxjs "^7.5.2"
-
-"@webassemblyjs/ast@1.12.1", "@webassemblyjs/ast@^1.12.1":
-  version "1.12.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.12.1.tgz#bb16a0e8b1914f979f45864c23819cc3e3f0d4bb"
-  integrity sha512-EKfMUOPRRUTy5UII4qJDGPpqfwjOmZ5jeGFwid9mnoqIFK+e0vqoi1qH56JpmZSzEL53jKnNzScdmftJyG5xWg==
-  dependencies:
-    "@webassemblyjs/helper-numbers" "1.11.6"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
-
-"@webassemblyjs/floating-point-hex-parser@1.11.6":
-  version "1.11.6"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz#dacbcb95aff135c8260f77fa3b4c5fea600a6431"
-  integrity sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==
-
-"@webassemblyjs/helper-api-error@1.11.6":
-  version "1.11.6"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz#6132f68c4acd59dcd141c44b18cbebbd9f2fa768"
-  integrity sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==
-
-"@webassemblyjs/helper-buffer@1.12.1":
-  version "1.12.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.12.1.tgz#6df20d272ea5439bf20ab3492b7fb70e9bfcb3f6"
-  integrity sha512-nzJwQw99DNDKr9BVCOZcLuJJUlqkJh+kVzVl6Fmq/tI5ZtEyWT1KZMyOXltXLZJmDtvLCDgwsyrkohEtopTXCw==
-
-"@webassemblyjs/helper-numbers@1.11.6":
-  version "1.11.6"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz#cbce5e7e0c1bd32cf4905ae444ef64cea919f1b5"
-  integrity sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==
-  dependencies:
-    "@webassemblyjs/floating-point-hex-parser" "1.11.6"
-    "@webassemblyjs/helper-api-error" "1.11.6"
-    "@xtuc/long" "4.2.2"
-
-"@webassemblyjs/helper-wasm-bytecode@1.11.6":
-  version "1.11.6"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz#bb2ebdb3b83aa26d9baad4c46d4315283acd51e9"
-  integrity sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==
-
-"@webassemblyjs/helper-wasm-section@1.12.1":
-  version "1.12.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.12.1.tgz#3da623233ae1a60409b509a52ade9bc22a37f7bf"
-  integrity sha512-Jif4vfB6FJlUlSbgEMHUyk1j234GTNG9dBJ4XJdOySoj518Xj0oGsNi59cUQF4RRMS9ouBUxDDdyBVfPTypa5g==
-  dependencies:
-    "@webassemblyjs/ast" "1.12.1"
-    "@webassemblyjs/helper-buffer" "1.12.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
-    "@webassemblyjs/wasm-gen" "1.12.1"
-
-"@webassemblyjs/ieee754@1.11.6":
-  version "1.11.6"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz#bb665c91d0b14fffceb0e38298c329af043c6e3a"
-  integrity sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==
-  dependencies:
-    "@xtuc/ieee754" "^1.2.0"
-
-"@webassemblyjs/leb128@1.11.6":
-  version "1.11.6"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.6.tgz#70e60e5e82f9ac81118bc25381a0b283893240d7"
-  integrity sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==
-  dependencies:
-    "@xtuc/long" "4.2.2"
-
-"@webassemblyjs/utf8@1.11.6":
-  version "1.11.6"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.6.tgz#90f8bc34c561595fe156603be7253cdbcd0fab5a"
-  integrity sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==
-
-"@webassemblyjs/wasm-edit@^1.12.1":
-  version "1.12.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.12.1.tgz#9f9f3ff52a14c980939be0ef9d5df9ebc678ae3b"
-  integrity sha512-1DuwbVvADvS5mGnXbE+c9NfA8QRcZ6iKquqjjmR10k6o+zzsRVesil54DKexiowcFCPdr/Q0qaMgB01+SQ1u6g==
-  dependencies:
-    "@webassemblyjs/ast" "1.12.1"
-    "@webassemblyjs/helper-buffer" "1.12.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
-    "@webassemblyjs/helper-wasm-section" "1.12.1"
-    "@webassemblyjs/wasm-gen" "1.12.1"
-    "@webassemblyjs/wasm-opt" "1.12.1"
-    "@webassemblyjs/wasm-parser" "1.12.1"
-    "@webassemblyjs/wast-printer" "1.12.1"
-
-"@webassemblyjs/wasm-gen@1.12.1":
-  version "1.12.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.12.1.tgz#a6520601da1b5700448273666a71ad0a45d78547"
-  integrity sha512-TDq4Ojh9fcohAw6OIMXqiIcTq5KUXTGRkVxbSo1hQnSy6lAM5GSdfwWeSxpAo0YzgsgF182E/U0mDNhuA0tW7w==
-  dependencies:
-    "@webassemblyjs/ast" "1.12.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
-    "@webassemblyjs/ieee754" "1.11.6"
-    "@webassemblyjs/leb128" "1.11.6"
-    "@webassemblyjs/utf8" "1.11.6"
-
-"@webassemblyjs/wasm-opt@1.12.1":
-  version "1.12.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.12.1.tgz#9e6e81475dfcfb62dab574ac2dda38226c232bc5"
-  integrity sha512-Jg99j/2gG2iaz3hijw857AVYekZe2SAskcqlWIZXjji5WStnOpVoat3gQfT/Q5tb2djnCjBtMocY/Su1GfxPBg==
-  dependencies:
-    "@webassemblyjs/ast" "1.12.1"
-    "@webassemblyjs/helper-buffer" "1.12.1"
-    "@webassemblyjs/wasm-gen" "1.12.1"
-    "@webassemblyjs/wasm-parser" "1.12.1"
-
-"@webassemblyjs/wasm-parser@1.12.1", "@webassemblyjs/wasm-parser@^1.12.1":
-  version "1.12.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.12.1.tgz#c47acb90e6f083391e3fa61d113650eea1e95937"
-  integrity sha512-xikIi7c2FHXysxXe3COrVUPSheuBtpcfhbpFj4gmu7KRLYOzANztwUU0IbsqvMqzuNK2+glRGWCEqZo1WCLyAQ==
-  dependencies:
-    "@webassemblyjs/ast" "1.12.1"
-    "@webassemblyjs/helper-api-error" "1.11.6"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
-    "@webassemblyjs/ieee754" "1.11.6"
-    "@webassemblyjs/leb128" "1.11.6"
-    "@webassemblyjs/utf8" "1.11.6"
-
-"@webassemblyjs/wast-printer@1.12.1":
-  version "1.12.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.12.1.tgz#bcecf661d7d1abdaf989d8341a4833e33e2b31ac"
-  integrity sha512-+X4WAlOisVWQMikjbcvY2e0rwPsKQ9F688lksZhBcPycBBuii3O7m8FACbDMWDojpAqvjIncrG8J0XHKyQfVeA==
-  dependencies:
-    "@webassemblyjs/ast" "1.12.1"
-    "@xtuc/long" "4.2.2"
-
-"@xmldom/xmldom@^0.8.8":
-  version "0.8.10"
-  resolved "https://registry.yarnpkg.com/@xmldom/xmldom/-/xmldom-0.8.10.tgz#a1337ca426aa61cef9fe15b5b28e340a72f6fa99"
-  integrity sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw==
-
-"@xmldom/xmldom@~0.7.7":
-  version "0.7.13"
-  resolved "https://registry.yarnpkg.com/@xmldom/xmldom/-/xmldom-0.7.13.tgz#ff34942667a4e19a9f4a0996a76814daac364cf3"
-  integrity sha512-lm2GW5PkosIzccsaZIz7tp8cPADSIlIHWDFTR1N0SzfinhhYgeIQjFMz4rYzanCScr3DqQLeomUDArp6MWKm+g==
-
-"@xtuc/ieee754@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
-  integrity sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==
-
-"@xtuc/long@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
-  integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
-
-"@yarnpkg/esbuild-plugin-pnp@^3.0.0-rc.10":
-  version "3.0.0-rc.15"
-  resolved "https://registry.yarnpkg.com/@yarnpkg/esbuild-plugin-pnp/-/esbuild-plugin-pnp-3.0.0-rc.15.tgz#4e40e7d2eb28825c9a35ab9d04c363931d7c0e67"
-  integrity sha512-kYzDJO5CA9sy+on/s2aIW0411AklfCi8Ck/4QDivOqsMKpStZA2SsR+X27VTggGwpStWaLrjJcDcdDMowtG8MA==
-  dependencies:
-    tslib "^2.4.0"
-
-"@yarnpkg/fslib@2.10.3":
-  version "2.10.3"
-  resolved "https://registry.yarnpkg.com/@yarnpkg/fslib/-/fslib-2.10.3.tgz#a8c9893df5d183cf6362680b9f1c6d7504dd5717"
-  integrity sha512-41H+Ga78xT9sHvWLlFOZLIhtU6mTGZ20pZ29EiZa97vnxdohJD2AF42rCoAoWfqUz486xY6fhjMH+DYEM9r14A==
-  dependencies:
-    "@yarnpkg/libzip" "^2.3.0"
-    tslib "^1.13.0"
-
-"@yarnpkg/libzip@2.3.0", "@yarnpkg/libzip@^2.3.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@yarnpkg/libzip/-/libzip-2.3.0.tgz#fe1e762e47669f6e2c960fc118436608d834e3be"
-  integrity sha512-6xm38yGVIa6mKm/DUCF2zFFJhERh/QWp1ufm4cNUvxsONBmfPg8uZ9pZBdOmF6qFGr/HlT6ABBkCSx/dlEtvWg==
-  dependencies:
-    "@types/emscripten" "^1.39.6"
-    tslib "^1.13.0"
-
-"@yarnpkg/lockfile@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz#e77a97fbd345b76d83245edcd17d393b1b41fb31"
-  integrity sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==
-
-JSONStream@^1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/JSONStream/-/JSONStream-1.3.5.tgz#3208c1f08d3a4d99261ab64f92302bc15e111ca0"
-  integrity sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==
-  dependencies:
-    jsonparse "^1.2.0"
-    through ">=2.2.7 <3"
-
-abab@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
-  integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
-
-abitype@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/abitype/-/abitype-1.0.0.tgz#237176dace81d90d018bebf3a45cb42f2a2d9e97"
-  integrity sha512-NMeMah//6bJ56H5XRj8QCV4AwuW6hB6zqz2LnhhLdcWVQOsXki6/Pn3APeqxCma62nXIcmZWdu1DlHWS74umVQ==
-
-abort-controller@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/abort-controller/-/abort-controller-3.0.0.tgz#eaf54d53b62bae4138e809ca225c8439a6efb392"
-  integrity sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==
-  dependencies:
-    event-target-shim "^5.0.0"
-
-abortcontroller-polyfill@^1.7.5:
-  version "1.7.5"
-  resolved "https://registry.yarnpkg.com/abortcontroller-polyfill/-/abortcontroller-polyfill-1.7.5.tgz#6738495f4e901fbb57b6c0611d0c75f76c485bed"
-  integrity sha512-JMJ5soJWP18htbbxJjG7bG6yuI6pRhgJ0scHHTfkUjf6wjP912xZWvM+A4sJK3gqd9E8fcPbDnOefbA9Th/FIQ==
-
-accepts@~1.3.5, accepts@~1.3.8:
-  version "1.3.8"
-  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
-  integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
-  dependencies:
-    mime-types "~2.1.34"
-    negotiator "0.6.3"
-
-acorn-globals@^7.0.0:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-7.0.1.tgz#0dbf05c44fa7c94332914c02066d5beff62c40c3"
-  integrity sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==
-  dependencies:
-    acorn "^8.1.0"
-    acorn-walk "^8.0.2"
-
-acorn-import-assertions@^1.9.0:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz#507276249d684797c84e0734ef84860334cfb1ac"
-  integrity sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==
-
-acorn-jsx@^5.3.1, acorn-jsx@^5.3.2:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
-  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
-
-acorn-walk@^7.2.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
-  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
-
-acorn-walk@^8.0.0, acorn-walk@^8.0.2:
-  version "8.3.2"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.3.2.tgz#7703af9415f1b6db9315d6895503862e231d34aa"
-  integrity sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==
-
-acorn@7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.1.tgz#e35668de0b402f359de515c5482a1ab9f89a69bf"
-  integrity sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==
-
-acorn@^7.4.1:
-  version "7.4.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
-  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
-
-acorn@^8.0.4, acorn@^8.1.0, acorn@^8.11.3, acorn@^8.7.1, acorn@^8.8.1, acorn@^8.8.2, acorn@^8.9.0:
-  version "8.11.3"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.3.tgz#71e0b14e13a4ec160724b38fb7b0f233b1b81d7a"
-  integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==
-
-address@^1.0.1:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/address/-/address-1.2.2.tgz#2b5248dac5485a6390532c6a517fda2e3faac89e"
-  integrity sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==
-
-adjust-sourcemap-loader@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz#fc4a0fd080f7d10471f30a7320f25560ade28c99"
-  integrity sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==
-  dependencies:
-    loader-utils "^2.0.0"
-    regex-parser "^2.2.11"
-
-aes-js@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/aes-js/-/aes-js-3.0.0.tgz#e21df10ad6c2053295bcbb8dab40b09dbea87e4d"
-  integrity sha512-H7wUZRn8WpTq9jocdxQ2c8x2sKo9ZVmzfRE13GiNJXfp7NcKYEdvl3vspKjXox6RIG2VtaRe4JFvxG4rqp2Zuw==
-
-aes-js@4.0.0-beta.5:
-  version "4.0.0-beta.5"
-  resolved "https://registry.yarnpkg.com/aes-js/-/aes-js-4.0.0-beta.5.tgz#8d2452c52adedebc3a3e28465d858c11ca315873"
-  integrity sha512-G965FqalsNyrPqgEGON7nIx1e/OVENSgiEIzyC63haUMuvNnwIgIjMs52hlTCKhkBny7A2ORNlfY9Zu+jmGk1Q==
-
-agent-base@6, agent-base@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
-  integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
-  dependencies:
-    debug "4"
-
-agentkeepalive@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/agentkeepalive/-/agentkeepalive-4.5.0.tgz#2673ad1389b3c418c5a20c5d7364f93ca04be923"
-  integrity sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==
-  dependencies:
-    humanize-ms "^1.2.1"
-
-aggregate-error@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.1.0.tgz#92670ff50f5359bdb7a3e0d40d0ec30c5737687a"
-  integrity sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==
-  dependencies:
-    clean-stack "^2.0.0"
-    indent-string "^4.0.0"
-
-ajv-formats@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/ajv-formats/-/ajv-formats-2.1.1.tgz#6e669400659eb74973bbf2e33327180a0996b520"
-  integrity sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==
-  dependencies:
-    ajv "^8.0.0"
-
-ajv-keywords@^3.5.2:
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
-  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
-
-ajv-keywords@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-5.1.0.tgz#69d4d385a4733cdbeab44964a1170a88f87f0e16"
-  integrity sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==
-  dependencies:
-    fast-deep-equal "^3.1.3"
-
-ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.5:
-  version "6.12.6"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
-  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.4.1"
-    uri-js "^4.2.2"
-
-ajv@^8.0.0, ajv@^8.11.0, ajv@^8.6.0, ajv@^8.9.0:
-  version "8.13.0"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.13.0.tgz#a3939eaec9fb80d217ddf0c3376948c023f28c91"
-  integrity sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==
-  dependencies:
-    fast-deep-equal "^3.1.3"
-    json-schema-traverse "^1.0.0"
-    require-from-string "^2.0.2"
-    uri-js "^4.4.1"
-
-ansi-colors@^4.1.1:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b"
-  integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==
-
-ansi-escapes@^4.2.1, ansi-escapes@^4.3.0:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
-  integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
-  dependencies:
-    type-fest "^0.21.3"
-
-ansi-html-community@0.0.8, ansi-html-community@^0.0.8:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/ansi-html-community/-/ansi-html-community-0.0.8.tgz#69fbc4d6ccbe383f9736934ae34c3f8290f1bf41"
-  integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==
-
-ansi-regex@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
-  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
-
-ansi-regex@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.0.1.tgz#3183e38fae9a65d7cb5e53945cd5897d0260a06a"
-  integrity sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==
-
-ansi-styles@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
-  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
-  dependencies:
-    color-convert "^1.9.0"
-
-ansi-styles@^4.0.0, ansi-styles@^4.1.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
-  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
-  dependencies:
-    color-convert "^2.0.1"
-
-ansi-styles@^5.0.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-5.2.0.tgz#07449690ad45777d1924ac2abb2fc8895dba836b"
-  integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
-
-ansi-styles@^6.1.0:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
-  integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
-
-any-promise@^1.0.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
-  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
-
-anymatch@^3.0.3, anymatch@^3.1.3, anymatch@~3.1.2:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
-  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
-  dependencies:
-    normalize-path "^3.0.0"
-    picomatch "^2.0.4"
-
-app-root-dir@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/app-root-dir/-/app-root-dir-1.0.2.tgz#38187ec2dea7577fff033ffcb12172692ff6e118"
-  integrity sha512-jlpIfsOoNoafl92Sz//64uQHGSyMrD2vYG5d8o2a4qGvyNCvXur7bzIsWtAC/6flI2RYAp3kv8rsfBtaLm7w0g==
-
-arch@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/arch/-/arch-2.2.0.tgz#1bc47818f305764f23ab3306b0bfc086c5a29d11"
-  integrity sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==
-
-argparse@^1.0.7:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
-  integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
-  dependencies:
-    sprintf-js "~1.0.2"
-
-argparse@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
-  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
-
-aria-hidden@^1.1.1:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/aria-hidden/-/aria-hidden-1.2.4.tgz#b78e383fdbc04d05762c78b4a25a501e736c4522"
-  integrity sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==
-  dependencies:
-    tslib "^2.0.0"
-
-aria-query@5.1.3:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.1.3.tgz#19db27cd101152773631396f7a95a3b58c22c35e"
-  integrity sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==
-  dependencies:
-    deep-equal "^2.0.5"
-
-aria-query@^5.0.0, aria-query@^5.3.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.3.0.tgz#650c569e41ad90b51b3d7df5e5eed1c7549c103e"
-  integrity sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==
-  dependencies:
-    dequal "^2.0.3"
-
-array-back@^3.0.1, array-back@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/array-back/-/array-back-3.1.0.tgz#b8859d7a508871c9a7b2cf42f99428f65e96bfb0"
-  integrity sha512-TkuxA4UCOvxuDK6NZYXCalszEzj+TLszyASooky+i742l9TqsOdYCMJJupxRic61hwquNtppB3hgcuq9SVSH1Q==
-
-array-back@^4.0.1, array-back@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/array-back/-/array-back-4.0.2.tgz#8004e999a6274586beeb27342168652fdb89fa1e"
-  integrity sha512-NbdMezxqf94cnNfWLL7V/im0Ub+Anbb0IoZhvzie8+4HJ4nMQuzHuy49FkGYCJK2yAloZ3meiB6AVMClbrI1vg==
-
-array-buffer-byte-length@^1.0.0, array-buffer-byte-length@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz#1e5583ec16763540a27ae52eed99ff899223568f"
-  integrity sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==
-  dependencies:
-    call-bind "^1.0.5"
-    is-array-buffer "^3.0.4"
-
-array-flatten@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
-  integrity sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==
-
-array-includes@^3.1.6, array-includes@^3.1.7:
-  version "3.1.8"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.8.tgz#5e370cbe172fdd5dd6530c1d4aadda25281ba97d"
-  integrity sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-    es-object-atoms "^1.0.0"
-    get-intrinsic "^1.2.4"
-    is-string "^1.0.7"
-
-array-union@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
-  integrity sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==
-  dependencies:
-    array-uniq "^1.0.1"
-
-array-union@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
-  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
-
-array-uniq@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
-  integrity sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==
-
-array.prototype.findlast@^1.2.4:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz#3e4fbcb30a15a7f5bf64cf2faae22d139c2e4904"
-  integrity sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-    es-errors "^1.3.0"
-    es-object-atoms "^1.0.0"
-    es-shim-unscopables "^1.0.2"
-
-array.prototype.findlastindex@^1.2.3:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz#8c35a755c72908719453f87145ca011e39334d0d"
-  integrity sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-    es-errors "^1.3.0"
-    es-object-atoms "^1.0.0"
-    es-shim-unscopables "^1.0.2"
-
-array.prototype.flat@^1.3.1, array.prototype.flat@^1.3.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz#1476217df8cff17d72ee8f3ba06738db5b387d18"
-  integrity sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    es-shim-unscopables "^1.0.0"
-
-array.prototype.flatmap@^1.3.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz#c9a7c6831db8e719d6ce639190146c24bbd3e527"
-  integrity sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    es-shim-unscopables "^1.0.0"
-
-array.prototype.toreversed@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/array.prototype.toreversed/-/array.prototype.toreversed-1.1.2.tgz#b989a6bf35c4c5051e1dc0325151bf8088954eba"
-  integrity sha512-wwDCoT4Ck4Cz7sLtgUmzR5UV3YF5mFHUlbChCzZBQZ+0m2cl/DH3tKgvphv1nKgFsJ48oCSg6p91q2Vm0I/ZMA==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    es-shim-unscopables "^1.0.0"
-
-array.prototype.tosorted@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.3.tgz#c8c89348337e51b8a3c48a9227f9ce93ceedcba8"
-  integrity sha512-/DdH4TiTmOKzyQbp/eadcCVexiCb36xJg7HshYOYJnNZFDj33GEv0P7GxsynpShhq4OLYJzbGcBDkLsDt7MnNg==
-  dependencies:
-    call-bind "^1.0.5"
-    define-properties "^1.2.1"
-    es-abstract "^1.22.3"
-    es-errors "^1.1.0"
-    es-shim-unscopables "^1.0.2"
-
-arraybuffer.prototype.slice@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz#097972f4255e41bc3425e37dc3f6421cf9aefde6"
-  integrity sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==
-  dependencies:
-    array-buffer-byte-length "^1.0.1"
-    call-bind "^1.0.5"
-    define-properties "^1.2.1"
-    es-abstract "^1.22.3"
-    es-errors "^1.2.1"
-    get-intrinsic "^1.2.3"
-    is-array-buffer "^3.0.4"
-    is-shared-array-buffer "^1.0.2"
-
-arrify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
-  integrity sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==
-
-asn1.js@^4.10.1:
-  version "4.10.1"
-  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.10.1.tgz#b9c2bf5805f1e64aadeed6df3a2bfafb5a73f5a0"
-  integrity sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==
-  dependencies:
-    bn.js "^4.0.0"
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-
-asn1@~0.2.3:
-  version "0.2.6"
-  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.6.tgz#0d3a7bb6e64e02a90c0303b31f292868ea09a08d"
-  integrity sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==
-  dependencies:
-    safer-buffer "~2.1.0"
-
-assert-plus@1.0.0, assert-plus@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
-  integrity sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==
-
-assert@^2.0.0, assert@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/assert/-/assert-2.1.0.tgz#6d92a238d05dc02e7427c881fb8be81c8448b2dd"
-  integrity sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==
-  dependencies:
-    call-bind "^1.0.2"
-    is-nan "^1.3.2"
-    object-is "^1.1.5"
-    object.assign "^4.1.4"
-    util "^0.12.5"
-
-assertion-error@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-1.1.0.tgz#e60b6b0e8f301bd97e5375215bda406c85118c0b"
-  integrity sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==
-
-ast-types-flow@^0.0.8:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.8.tgz#0a85e1c92695769ac13a428bb653e7538bea27d6"
-  integrity sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==
-
-ast-types@^0.16.1:
-  version "0.16.1"
-  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.16.1.tgz#7a9da1617c9081bc121faafe91711b4c8bb81da2"
-  integrity sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==
-  dependencies:
-    tslib "^2.0.1"
-
-astral-regex@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
-  integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
-
-async-limiter@~1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
-  integrity sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==
-
-async-mutex@^0.2.6:
-  version "0.2.6"
-  resolved "https://registry.yarnpkg.com/async-mutex/-/async-mutex-0.2.6.tgz#0d7a3deb978bc2b984d5908a2038e1ae2e54ff40"
-  integrity sha512-Hs4R+4SPgamu6rSGW8C7cV9gaWUKEHykfzCCvIRuaVv636Ju10ZdeUbvb4TBEW0INuq2DHZqXbK4Nd3yG4RaRw==
-  dependencies:
-    tslib "^2.0.0"
-
-async@^3.2.0, async@^3.2.3:
-  version "3.2.5"
-  resolved "https://registry.yarnpkg.com/async/-/async-3.2.5.tgz#ebd52a8fdaf7a2289a24df399f8d8485c8a46b66"
-  integrity sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==
-
-asynckit@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
-  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
-
-at-least-node@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
-  integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
-
-atomic-sleep@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/atomic-sleep/-/atomic-sleep-1.0.0.tgz#eb85b77a601fc932cfe432c5acd364a9e2c9075b"
-  integrity sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==
-
-attr-accept@^2.2.2:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/attr-accept/-/attr-accept-2.2.2.tgz#646613809660110749e92f2c10833b70968d929b"
-  integrity sha512-7prDjvt9HmqiZ0cl5CRjtS84sEyhsHP2coDkaZKRKVfCDo9s7iw7ChVmar78Gu9pC4SoR/28wFu/G5JJhTnqEg==
-
-available-typed-arrays@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
-  integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==
-  dependencies:
-    possible-typed-array-names "^1.0.0"
-
-aws-sign2@~0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
-  integrity sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==
-
-aws4@^1.8.0:
-  version "1.13.0"
-  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.13.0.tgz#d9b802e9bb9c248d7be5f7f5ef178dc3684e9dcc"
-  integrity sha512-3AungXC4I8kKsS9PuS4JH2nc+0bVY/mjgrephHTIi8fpEeGsTHBUJeosp0Wc1myYMElmD0B3Oc4XL/HVJ4PV2g==
-
-axe-core@=4.7.0:
-  version "4.7.0"
-  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.7.0.tgz#34ba5a48a8b564f67e103f0aa5768d76e15bbbbf"
-  integrity sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==
-
-axios@^1.3.4, axios@^1.6.0, axios@^1.6.5:
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-1.7.2.tgz#b625db8a7051fbea61c35a3cbb3a1daa7b9c7621"
-  integrity sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==
-  dependencies:
-    follow-redirects "^1.15.6"
-    form-data "^4.0.0"
-    proxy-from-env "^1.1.0"
-
-axobject-query@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-3.2.1.tgz#39c378a6e3b06ca679f29138151e45b2b32da62a"
-  integrity sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==
-  dependencies:
-    dequal "^2.0.3"
-
-babel-core@^7.0.0-bridge.0:
-  version "7.0.0-bridge.0"
-  resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-7.0.0-bridge.0.tgz#95a492ddd90f9b4e9a4a1da14eb335b87b634ece"
-  integrity sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==
-
-babel-jest@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-29.7.0.tgz#f4369919225b684c56085998ac63dbd05be020d5"
-  integrity sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==
-  dependencies:
-    "@jest/transform" "^29.7.0"
-    "@types/babel__core" "^7.1.14"
-    babel-plugin-istanbul "^6.1.1"
-    babel-preset-jest "^29.6.3"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    slash "^3.0.0"
-
-babel-loader@^9.1.3:
-  version "9.1.3"
-  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-9.1.3.tgz#3d0e01b4e69760cc694ee306fe16d358aa1c6f9a"
-  integrity sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw==
-  dependencies:
-    find-cache-dir "^4.0.0"
-    schema-utils "^4.0.0"
-
-babel-plugin-istanbul@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz#fa88ec59232fd9b4e36dbbc540a8ec9a9b47da73"
-  integrity sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@istanbuljs/load-nyc-config" "^1.0.0"
-    "@istanbuljs/schema" "^0.1.2"
-    istanbul-lib-instrument "^5.0.4"
-    test-exclude "^6.0.0"
-
-babel-plugin-jest-hoist@^29.6.3:
-  version "29.6.3"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.6.3.tgz#aadbe943464182a8922c3c927c3067ff40d24626"
-  integrity sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==
-  dependencies:
-    "@babel/template" "^7.3.3"
-    "@babel/types" "^7.3.3"
-    "@types/babel__core" "^7.1.14"
-    "@types/babel__traverse" "^7.0.6"
-
-babel-plugin-macros@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
-  integrity sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==
-  dependencies:
-    "@babel/runtime" "^7.12.5"
-    cosmiconfig "^7.0.0"
-    resolve "^1.19.0"
-
-babel-plugin-polyfill-corejs2@^0.4.10:
-  version "0.4.11"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.11.tgz#30320dfe3ffe1a336c15afdcdafd6fd615b25e33"
-  integrity sha512-sMEJ27L0gRHShOh5G54uAAPaiCOygY/5ratXuiyb2G46FmlSpc9eFCzYVyDiPxfNbwzA7mYahmjQc5q+CZQ09Q==
-  dependencies:
-    "@babel/compat-data" "^7.22.6"
-    "@babel/helper-define-polyfill-provider" "^0.6.2"
-    semver "^6.3.1"
-
-babel-plugin-polyfill-corejs3@^0.10.1, babel-plugin-polyfill-corejs3@^0.10.4:
-  version "0.10.4"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.4.tgz#789ac82405ad664c20476d0233b485281deb9c77"
-  integrity sha512-25J6I8NGfa5YkCDogHRID3fVCadIR8/pGl1/spvCkzb6lVn6SR3ojpx9nOn9iEBcUsjY24AmdKm5khcfKdylcg==
-  dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.6.1"
-    core-js-compat "^3.36.1"
-
-babel-plugin-polyfill-regenerator@^0.6.1:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.2.tgz#addc47e240edd1da1058ebda03021f382bba785e"
-  integrity sha512-2R25rQZWP63nGwaAswvDazbPXfrM3HwVoBXK6HcqeKrSrL/JqcC/rDcf95l4r7LXLyxDXc8uQDa064GubtCABg==
-  dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.6.2"
-
-babel-preset-current-node-syntax@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz#b4399239b89b2a011f9ddbe3e4f401fc40cff73b"
-  integrity sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==
-  dependencies:
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-    "@babel/plugin-syntax-bigint" "^7.8.3"
-    "@babel/plugin-syntax-class-properties" "^7.8.3"
-    "@babel/plugin-syntax-import-meta" "^7.8.3"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.8.3"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-    "@babel/plugin-syntax-numeric-separator" "^7.8.3"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-    "@babel/plugin-syntax-top-level-await" "^7.8.3"
-
-babel-preset-jest@^29.6.3:
-  version "29.6.3"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-29.6.3.tgz#fa05fa510e7d493896d7b0dd2033601c840f171c"
-  integrity sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA==
-  dependencies:
-    babel-plugin-jest-hoist "^29.6.3"
-    babel-preset-current-node-syntax "^1.0.0"
-
-balanced-match@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
-  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
-
-base-x@^3.0.2, base-x@^3.0.8, base-x@^3.0.9:
-  version "3.0.9"
-  resolved "https://registry.yarnpkg.com/base-x/-/base-x-3.0.9.tgz#6349aaabb58526332de9f60995e548a53fe21320"
-  integrity sha512-H7JU6iBHTal1gp56aKoaa//YUxEaAOUiydvrV/pILqIHXTtqxSkATOnDA2u+jZ/61sD+L/412+7kzXRtWukhpQ==
-  dependencies:
-    safe-buffer "^5.0.1"
-
-base-x@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/base-x/-/base-x-4.0.0.tgz#d0e3b7753450c73f8ad2389b5c018a4af7b2224a"
-  integrity sha512-FuwxlW4H5kh37X/oW59pwTzzTKRzfrrQwhmyspRM7swOEZcHtDZSCt45U6oKgtuFE+WYPblePMVIPR4RZrh/hw==
-
-base64-arraybuffer-es6@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/base64-arraybuffer-es6/-/base64-arraybuffer-es6-0.7.0.tgz#dbe1e6c87b1bf1ca2875904461a7de40f21abc86"
-  integrity sha512-ESyU/U1CFZDJUdr+neHRhNozeCv72Y7Vm0m1DCbjX3KBjT6eYocvAJlSk6+8+HkVwXlT1FNxhGW6q3UKAlCvvw==
-
-base64-js@^1.2.3, base64-js@^1.3.1, base64-js@^1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
-  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
-
-bchaddrjs@^0.5.2:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/bchaddrjs/-/bchaddrjs-0.5.2.tgz#1f52b5077329774e7c82d4882964628106bb11a0"
-  integrity sha512-OO7gIn3m7ea4FVx4cT8gdlWQR2+++EquhdpWQJH9BQjK63tJJ6ngB3QMZDO6DiBoXiIGUsTPHjlrHVxPGcGxLQ==
-  dependencies:
-    bs58check "2.1.2"
-    buffer "^6.0.3"
-    cashaddrjs "0.4.4"
-    stream-browserify "^3.0.0"
-
-bcrypt-pbkdf@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e"
-  integrity sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==
-  dependencies:
-    tweetnacl "^0.14.3"
-
-bech32@1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/bech32/-/bech32-1.1.4.tgz#e38c9f37bf179b8eb16ae3a772b40c356d4832e9"
-  integrity sha512-s0IrSOzLlbvX7yp4WBfPITzpAU8sqQcpsmwXDiKwrG4r491vwCO/XpejasRNl0piBMe/DvP4Tz0mIS/X1DPJBQ==
-
-bech32@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/bech32/-/bech32-2.0.0.tgz#078d3686535075c8c79709f054b1b226a133b355"
-  integrity sha512-LcknSilhIGatDAsY1ak2I8VtGaHNhgMSYVxFrGLXv+xLHytaKZKcaUJJUE7qmBr7h33o5YQwP55pMI0xmkpJwg==
-
-better-opn@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/better-opn/-/better-opn-3.0.2.tgz#f96f35deaaf8f34144a4102651babcf00d1d8817"
-  integrity sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==
-  dependencies:
-    open "^8.0.4"
-
-big-integer@1.6.36:
-  version "1.6.36"
-  resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.36.tgz#78631076265d4ae3555c04f85e7d9d2f3a071a36"
-  integrity sha512-t70bfa7HYEA1D9idDbmuv7YbsbVkQ+Hp+8KFSul4aE5e/i1bjCNIRYJZlA8Q8p0r9T8cF/RVvwUgRA//FydEyg==
-
-big-integer@1.6.x, big-integer@^1.6.44, big-integer@^1.6.48:
-  version "1.6.52"
-  resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.52.tgz#60a887f3047614a8e1bffe5d7173490a97dc8c85"
-  integrity sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==
-
-big.js@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
-  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
-
-bigint-buffer@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/bigint-buffer/-/bigint-buffer-1.1.5.tgz#d038f31c8e4534c1f8d0015209bf34b4fa6dd442"
-  integrity sha512-trfYco6AoZ+rKhKnxA0hgX0HAbVP/s808/EuDSe2JDzUnCp/xAsli35Orvk67UrTEcwuxZqYZDmfA2RXJgxVvA==
-  dependencies:
-    bindings "^1.3.0"
-
-bignumber.js@^9.0.0, bignumber.js@^9.0.1, bignumber.js@^9.1.0, bignumber.js@^9.1.2:
-  version "9.1.2"
-  resolved "https://registry.yarnpkg.com/bignumber.js/-/bignumber.js-9.1.2.tgz#b7c4242259c008903b13707983b5f4bbd31eda0c"
-  integrity sha512-2/mKyZH9K85bzOEfhXDBFZTGd1CTs+5IHpeFQo9luiBG7hghdC851Pj2WAhb6E3R6b9tZj/XKhbg4fum+Kepug==
-
-binary-extensions@^2.0.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
-  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
-
-bindings@^1.3.0, bindings@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/bindings/-/bindings-1.5.0.tgz#10353c9e945334bc0511a6d90b38fbc7c9c504df"
-  integrity sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==
-  dependencies:
-    file-uri-to-path "1.0.0"
-
-bip66@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/bip66/-/bip66-1.1.5.tgz#01fa8748785ca70955d5011217d1b3139969ca22"
-  integrity sha512-nemMHz95EmS38a26XbbdxIYj5csHd3RMP3H5bwQknX0WYHF01qhpufP42mLOwVICuH2JmhIhXiWs89MfUGL7Xw==
-  dependencies:
-    safe-buffer "^5.0.1"
-
-bitcoin-ops@^1.3.0, bitcoin-ops@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/bitcoin-ops/-/bitcoin-ops-1.4.1.tgz#e45de620398e22fd4ca6023de43974ff42240278"
-  integrity sha512-pef6gxZFztEhaE9RY9HmWVmiIHqCb2OyS4HPKkpc6CIiiOa3Qmuoylxc5P2EkU3w+5eTSifI9SEZC88idAIGow==
-
-bl@^4.0.3, bl@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/bl/-/bl-4.1.0.tgz#451535264182bec2fbbc83a62ab98cf11d9f7b3a"
-  integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
-  dependencies:
-    buffer "^5.5.0"
-    inherits "^2.0.4"
-    readable-stream "^3.4.0"
-
-bl@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/bl/-/bl-5.1.0.tgz#183715f678c7188ecef9fe475d90209400624273"
-  integrity sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==
-  dependencies:
-    buffer "^6.0.3"
-    inherits "^2.0.4"
-    readable-stream "^3.4.0"
-
-blake-hash@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/blake-hash/-/blake-hash-2.0.0.tgz#af184dce641951126d05b7d1c3de3224f538d66e"
-  integrity sha512-Igj8YowDu1PRkRsxZA7NVkdFNxH5rKv5cpLxQ0CVXSIA77pVYwCPRQJ2sMew/oneUpfuYRyjG6r8SmmmnbZb1w==
-  dependencies:
-    node-addon-api "^3.0.0"
-    node-gyp-build "^4.2.2"
-    readable-stream "^3.6.0"
-
-blakejs@^1.1.0, blakejs@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/blakejs/-/blakejs-1.2.1.tgz#5057e4206eadb4a97f7c0b6e197a505042fc3814"
-  integrity sha512-QXUSXI3QVc/gJME0dBpXrag1kbzOqCjCX8/b54ntNyW6sjtoqxqRk3LTmXzaJoh71zMsDCjM+47jS7XiwN/+fQ==
-
-blo@^1.1.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/blo/-/blo-1.2.0.tgz#393fd67f85b08e6835d37e5beb9607ec152044da"
-  integrity sha512-bZES7RzJ14B4WBT3JuOHSOAvCBmUhqznrojQ8xRjN1Fx9X9N7R+rygOFS3k4wXel2nFg4lwzL3luAYzObaDLng==
-
-blob-util@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/blob-util/-/blob-util-2.0.2.tgz#3b4e3c281111bb7f11128518006cdc60b403a1eb"
-  integrity sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==
-
-bluebird@^3.5.0, bluebird@^3.7.2:
-  version "3.7.2"
-  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
-  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
-
-bn.js@4.11.6:
-  version "4.11.6"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.6.tgz#53344adb14617a13f6e8dd2ce28905d1c0ba3215"
-  integrity sha512-XWwnNNFCuuSQ0m3r3C4LE3EiORltHd9M05pq6FOlVeiophzRbMo50Sbz1ehl8K3Z+jw9+vmgnXefY1hz8X+2wA==
-
-bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.11.0, bn.js@^4.11.6, bn.js@^4.11.8, bn.js@^4.11.9:
-  version "4.12.0"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.12.0.tgz#775b3f278efbb9718eec7361f483fb36fbbfea88"
-  integrity sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==
-
-bn.js@^5.0.0, bn.js@^5.1.1, bn.js@^5.1.2, bn.js@^5.2.0, bn.js@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.2.1.tgz#0bc527a6a0d18d0aa8d5b0538ce4a77dccfa7b70"
-  integrity sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==
-
-bnc-sdk@^4.6.7:
-  version "4.6.9"
-  resolved "https://registry.yarnpkg.com/bnc-sdk/-/bnc-sdk-4.6.9.tgz#d0e130af56190391f0f96ec887e1d444538013e3"
-  integrity sha512-jenJNMtI1Mx5afbgv4u+eRmnbtAFZ7su6/ias9CYxUs7inZarl5dFTCddSwzXW4i9PoElqlDtIKQN4aeFXuKxg==
-  dependencies:
-    crypto-es "^1.2.2"
-    nanoid "^3.3.1"
-    rxjs "^6.6.3"
-    sturdy-websocket "^0.1.12"
-
-body-parser@1.20.2, body-parser@^1.16.0:
-  version "1.20.2"
-  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.2.tgz#6feb0e21c4724d06de7ff38da36dad4f57a747fd"
-  integrity sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==
-  dependencies:
-    bytes "3.1.2"
-    content-type "~1.0.5"
-    debug "2.6.9"
-    depd "2.0.0"
-    destroy "1.2.0"
-    http-errors "2.0.0"
-    iconv-lite "0.4.24"
-    on-finished "2.4.1"
-    qs "6.11.0"
-    raw-body "2.5.2"
-    type-is "~1.6.18"
-    unpipe "1.0.0"
-
-boolbase@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
-  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
-
-borsh@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/borsh/-/borsh-0.7.0.tgz#6e9560d719d86d90dc589bca60ffc8a6c51fec2a"
-  integrity sha512-CLCsZGIBCFnPtkNnieW/a8wmreDmfUtjU2m9yHrzPXIlNbqVs0AQrSatSG6vdNYUqdc83tkQi2eHfF98ubzQLA==
-  dependencies:
-    bn.js "^5.2.0"
-    bs58 "^4.0.0"
-    text-encoding-utf-8 "^1.0.2"
-
-bowser@^2.11.0:
-  version "2.11.0"
-  resolved "https://registry.yarnpkg.com/bowser/-/bowser-2.11.0.tgz#5ca3c35757a7aa5771500c70a73a9f91ef420a8f"
-  integrity sha512-AlcaJBi/pqqJBIQ8U9Mcpc9i8Aqxn88Skv5d+xBX006BY5u8N3mGLHa5Lgppa7L/HfwgwLgZ6NYs+Ag6uUmJRA==
-
-bplist-creator@0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/bplist-creator/-/bplist-creator-0.1.0.tgz#018a2d1b587f769e379ef5519103730f8963ba1e"
-  integrity sha512-sXaHZicyEEmY86WyueLTQesbeoH/mquvarJaQNbjuOQO+7gbFcDEWqKmcWA4cOTLzFlfgvkiVxolk1k5bBIpmg==
-  dependencies:
-    stream-buffers "2.2.x"
-
-bplist-parser@0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/bplist-parser/-/bplist-parser-0.3.1.tgz#e1c90b2ca2a9f9474cc72f6862bbf3fee8341fd1"
-  integrity sha512-PyJxiNtA5T2PlLIeBot4lbp7rj4OadzjnMZD/G5zuBNt8ei/yCU7+wW0h2bag9vr8c+/WuRWmSxbqAl9hL1rBA==
-  dependencies:
-    big-integer "1.6.x"
-
-bplist-parser@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/bplist-parser/-/bplist-parser-0.2.0.tgz#43a9d183e5bf9d545200ceac3e712f79ebbe8d0e"
-  integrity sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==
-  dependencies:
-    big-integer "^1.6.44"
-
-brace-expansion@^1.1.7:
-  version "1.1.11"
-  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
-  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
-  dependencies:
-    balanced-match "^1.0.0"
-    concat-map "0.0.1"
-
-brace-expansion@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
-  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
-  dependencies:
-    balanced-match "^1.0.0"
-
-braces@^3.0.3, braces@~3.0.2:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
-  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
-  dependencies:
-    fill-range "^7.1.1"
-
-brorand@^1.0.1, brorand@^1.0.5, brorand@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
-  integrity sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==
-
-browser-assert@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/browser-assert/-/browser-assert-1.2.1.tgz#9aaa5a2a8c74685c2ae05bfe46efd606f068c200"
-  integrity sha512-nfulgvOR6S4gt9UKCeGJOuSGBPGiFT6oQ/2UBnvTY/5aQ1PnksW72fhZkM30DzoRRv2WpwZf1vHHEr3mtuXIWQ==
-
-browserify-aes@^1.0.4, browserify-aes@^1.0.6, browserify-aes@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
-  integrity sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==
-  dependencies:
-    buffer-xor "^1.0.3"
-    cipher-base "^1.0.0"
-    create-hash "^1.1.0"
-    evp_bytestokey "^1.0.3"
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
-browserify-cipher@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.1.tgz#8d6474c1b870bfdabcd3bcfcc1934a10e94f15f0"
-  integrity sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==
-  dependencies:
-    browserify-aes "^1.0.4"
-    browserify-des "^1.0.0"
-    evp_bytestokey "^1.0.0"
-
-browserify-des@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.2.tgz#3af4f1f59839403572f1c66204375f7a7f703e9c"
-  integrity sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==
-  dependencies:
-    cipher-base "^1.0.1"
-    des.js "^1.0.0"
-    inherits "^2.0.1"
-    safe-buffer "^5.1.2"
-
-browserify-rsa@^4.0.0, browserify-rsa@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.1.0.tgz#b2fd06b5b75ae297f7ce2dc651f918f5be158c8d"
-  integrity sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==
-  dependencies:
-    bn.js "^5.0.0"
-    randombytes "^2.0.1"
-
-browserify-sign@^4.0.0:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.2.3.tgz#7afe4c01ec7ee59a89a558a4b75bd85ae62d4208"
-  integrity sha512-JWCZW6SKhfhjJxO8Tyiiy+XYB7cqd2S5/+WeYHsKdNKFlCBhKbblba1A/HN/90YwtxKc8tCErjffZl++UNmGiw==
-  dependencies:
-    bn.js "^5.2.1"
-    browserify-rsa "^4.1.0"
-    create-hash "^1.2.0"
-    create-hmac "^1.1.7"
-    elliptic "^6.5.5"
-    hash-base "~3.0"
-    inherits "^2.0.4"
-    parse-asn1 "^5.1.7"
-    readable-stream "^2.3.8"
-    safe-buffer "^5.2.1"
-
-browserify-zlib@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.1.4.tgz#bb35f8a519f600e0fa6b8485241c979d0141fb2d"
-  integrity sha512-19OEpq7vWgsH6WkvkBJQDFvJS1uPcbFOQ4v9CU839dO+ZZXUZO6XpE6hNCqvlIIj+4fZvRiJ6DsAQ382GwiyTQ==
-  dependencies:
-    pako "~0.2.0"
-
-browserify-zlib@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.2.0.tgz#2869459d9aa3be245fe8fe2ca1f46e2e7f54d73f"
-  integrity sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==
-  dependencies:
-    pako "~1.0.5"
-
-browserslist@^4.21.10, browserslist@^4.22.2, browserslist@^4.23.0:
-  version "4.23.0"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.23.0.tgz#8f3acc2bbe73af7213399430890f86c63a5674ab"
-  integrity sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==
-  dependencies:
-    caniuse-lite "^1.0.30001587"
-    electron-to-chromium "^1.4.668"
-    node-releases "^2.0.14"
-    update-browserslist-db "^1.0.13"
-
-bs58@^4.0.0, bs58@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/bs58/-/bs58-4.0.1.tgz#be161e76c354f6f788ae4071f63f34e8c4f0a42a"
-  integrity sha512-Ok3Wdf5vOIlBrgCvTq96gBkJw+JUEzdBgyaza5HLtPm7yTHkjRy8+JzNyHF7BHa0bNWOQIp3m5YF0nnFcOIKLw==
-  dependencies:
-    base-x "^3.0.2"
-
-bs58@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/bs58/-/bs58-5.0.0.tgz#865575b4d13c09ea2a84622df6c8cbeb54ffc279"
-  integrity sha512-r+ihvQJvahgYT50JD05dyJNKlmmSlMoOGwn1lCcEzanPglg7TxYjioQUYehQ9mAR/+hOSd2jRc/Z2y5UxBymvQ==
-  dependencies:
-    base-x "^4.0.0"
-
-bs58check@2.1.2, bs58check@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/bs58check/-/bs58check-2.1.2.tgz#53b018291228d82a5aa08e7d796fdafda54aebfc"
-  integrity sha512-0TS1jicxdU09dwJMNZtVAfzPi6Q6QeN0pM1Fkzrjn+XYHvzMKPU3pHVpva+769iNVSfIYWf7LJ6WR+BuuMf8cA==
-  dependencies:
-    bs58 "^4.0.0"
-    create-hash "^1.1.0"
-    safe-buffer "^5.1.2"
-
-bs58check@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/bs58check/-/bs58check-3.0.1.tgz#2094d13720a28593de1cba1d8c4e48602fdd841c"
-  integrity sha512-hjuuJvoWEybo7Hn/0xOrczQKKEKD63WguEjlhLExYs2wUBcebDC1jDNK17eEAD2lYfw82d5ASC1d7K3SWszjaQ==
-  dependencies:
-    "@noble/hashes" "^1.2.0"
-    bs58 "^5.0.0"
-
-bser@2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
-  integrity sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==
-  dependencies:
-    node-int64 "^0.4.0"
-
-buffer-crc32@~0.2.3:
-  version "0.2.13"
-  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
-  integrity sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==
-
-buffer-from@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
-  integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
-
-buffer-from@~0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-0.1.2.tgz#15f4b9bcef012044df31142c14333caf6e0260d0"
-  integrity sha512-RiWIenusJsmI2KcvqQABB83tLxCByE3upSP8QU3rJDMVFGPWLvPQJt/O1Su9moRWeH7d+Q2HYb68f6+v+tw2vg==
-
-buffer-to-arraybuffer@^0.0.5:
-  version "0.0.5"
-  resolved "https://registry.yarnpkg.com/buffer-to-arraybuffer/-/buffer-to-arraybuffer-0.0.5.tgz#6064a40fa76eb43c723aba9ef8f6e1216d10511a"
-  integrity sha512-3dthu5CYiVB1DEJp61FtApNnNndTckcqe4pFcLdvHtrpG+kcyekCJKg4MRiDcFW7A6AODnXB9U4dwQiCW5kzJQ==
-
-buffer-xor@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
-  integrity sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==
-
-buffer@6.0.3, buffer@^6.0.3, buffer@~6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-6.0.3.tgz#2ace578459cc8fbe2a70aaa8f52ee63b6a74c6c6"
-  integrity sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==
-  dependencies:
-    base64-js "^1.3.1"
-    ieee754 "^1.2.1"
-
-buffer@^5.0.5, buffer@^5.1.0, buffer@^5.5.0, buffer@^5.6.0:
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
-  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
-  dependencies:
-    base64-js "^1.3.1"
-    ieee754 "^1.1.13"
-
-bufferutil@^4.0.1:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/bufferutil/-/bufferutil-4.0.8.tgz#1de6a71092d65d7766c4d8a522b261a6e787e8ea"
-  integrity sha512-4T53u4PdgsXqKaIctwF8ifXlRTTmEPJ8iEPWFdGZvcf7sbwYo6FKFEX9eNNAnzFZ7EzJAQ3CJeOtCRA4rDp7Pw==
-  dependencies:
-    node-gyp-build "^4.3.0"
-
-builtin-modules@^3.1.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
-  integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
-
-builtin-status-codes@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
-  integrity sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==
-
-busboy@1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/busboy/-/busboy-1.6.0.tgz#966ea36a9502e43cdb9146962523b92f531f6893"
-  integrity sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==
-  dependencies:
-    streamsearch "^1.1.0"
-
-bytes@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
-  integrity sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==
-
-bytes@3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
-  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
-
-cacheable-lookup@^5.0.3:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz#5a6b865b2c44357be3d5ebc2a467b032719a7005"
-  integrity sha512-2/kNscPhpcxrOigMZzbiWF7dz8ilhb/nIHU3EyZiXWXpeq/au8qJ8VhdftMkty3n7Gj6HIGalQG8oiBNB3AJgA==
-
-cacheable-lookup@^6.0.4:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/cacheable-lookup/-/cacheable-lookup-6.1.0.tgz#0330a543471c61faa4e9035db583aad753b36385"
-  integrity sha512-KJ/Dmo1lDDhmW2XDPMo+9oiy/CeqosPguPCrgcVzKyZrL6pM1gU2GmPY/xo6OQPTUaA/c0kwHuywB4E6nmT9ww==
-
-cacheable-request@^7.0.2:
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-7.0.4.tgz#7a33ebf08613178b403635be7b899d3e69bbe817"
-  integrity sha512-v+p6ongsrp0yTGbJXjgxPow2+DL93DASP4kXCDKb8/bwRtt9OEF3whggkkDkGNzgcWy2XaF4a8nZglC7uElscg==
-  dependencies:
-    clone-response "^1.0.2"
-    get-stream "^5.1.0"
-    http-cache-semantics "^4.0.0"
-    keyv "^4.0.0"
-    lowercase-keys "^2.0.0"
-    normalize-url "^6.0.1"
-    responselike "^2.0.0"
-
-cachedir@^2.3.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/cachedir/-/cachedir-2.4.0.tgz#7fef9cf7367233d7c88068fe6e34ed0d355a610d"
-  integrity sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==
-
-call-bind@^1.0.0, call-bind@^1.0.2, call-bind@^1.0.5, call-bind@^1.0.6, call-bind@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.7.tgz#06016599c40c56498c18769d2730be242b6fa3b9"
-  integrity sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==
-  dependencies:
-    es-define-property "^1.0.0"
-    es-errors "^1.3.0"
-    function-bind "^1.1.2"
-    get-intrinsic "^1.2.4"
-    set-function-length "^1.2.1"
-
-callsites@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
-  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
-
-camel-case@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
-  integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
-  dependencies:
-    pascal-case "^3.1.2"
-    tslib "^2.0.3"
-
-camelcase-keys@^6.2.2:
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-6.2.2.tgz#5e755d6ba51aa223ec7d3d52f25778210f9dc3c0"
-  integrity sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==
-  dependencies:
-    camelcase "^5.3.1"
-    map-obj "^4.0.0"
-    quick-lru "^4.0.1"
-
-camelcase@^5.0.0, camelcase@^5.3.1:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
-  integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
-
-camelcase@^6.2.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
-  integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
-
-caniuse-lite@^1.0.30001579, caniuse-lite@^1.0.30001587:
-  version "1.0.30001621"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001621.tgz#4adcb443c8b9c8303e04498318f987616b8fea2e"
-  integrity sha512-+NLXZiviFFKX0fk8Piwv3PfLPGtRqJeq2TiNoUff/qB5KJgwecJTvCXDpmlyP/eCI/GUEmp/h/y5j0yckiiZrA==
-
-case-sensitive-paths-webpack-plugin@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz#db64066c6422eed2e08cc14b986ca43796dbc6d4"
-  integrity sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==
-
-caseless@~0.12.0:
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
-  integrity sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==
-
-cashaddrjs@0.4.4:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/cashaddrjs/-/cashaddrjs-0.4.4.tgz#169f1ae620d325db77700273d972282adeeee331"
-  integrity sha512-xZkuWdNOh0uq/mxJIng6vYWfTowZLd9F4GMAlp2DwFHlcCqCm91NtuAc47RuV4L7r4PYcY5p6Cr2OKNb4hnkWA==
-  dependencies:
-    big-integer "1.6.36"
-
-cbor-sync@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/cbor-sync/-/cbor-sync-1.0.4.tgz#5a11a1ab75c2a14d1af1b237fd84aa8c1593662f"
-  integrity sha512-GWlXN4wiz0vdWWXBU71Dvc1q3aBo0HytqwAZnXF1wOwjqNnDWA1vZ1gDMFLlqohak31VQzmhiYfiCX5QSSfagA==
-
-chai@^4.3.10:
-  version "4.4.1"
-  resolved "https://registry.yarnpkg.com/chai/-/chai-4.4.1.tgz#3603fa6eba35425b0f2ac91a009fe924106e50d1"
-  integrity sha512-13sOfMv2+DWduEU+/xbun3LScLoqN17nBeTLUsmDfKdoiC1fr0n9PU4guu4AhRcOVFk/sW8LyZWHuhWtQZiF+g==
-  dependencies:
-    assertion-error "^1.1.0"
-    check-error "^1.0.3"
-    deep-eql "^4.1.3"
-    get-func-name "^2.0.2"
-    loupe "^2.3.6"
-    pathval "^1.1.1"
-    type-detect "^4.0.8"
-
-chalk@^2.4.2:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
-  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
-  dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
-
-chalk@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-3.0.0.tgz#3f73c2bf526591f574cc492c51e2456349f844e4"
-  integrity sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
-chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
-  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
-char-regex@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
-  integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
-
-check-error@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/check-error/-/check-error-1.0.3.tgz#a6502e4312a7ee969f646e83bb3ddd56281bd694"
-  integrity sha512-iKEoDYaRmd1mxM90a2OEfWhjsjPpYPuQ+lMYsoxB126+t8fw7ySEO48nmDg5COTjxDI65/Y2OWpeEHk3ZOe8zg==
-  dependencies:
-    get-func-name "^2.0.2"
-
-check-more-types@^2.24.0:
-  version "2.24.0"
-  resolved "https://registry.yarnpkg.com/check-more-types/-/check-more-types-2.24.0.tgz#1420ffb10fd444dcfc79b43891bbfffd32a84600"
-  integrity sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==
-
-"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.3, chokidar@^3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
-  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
-  dependencies:
-    anymatch "~3.1.2"
-    braces "~3.0.2"
-    glob-parent "~5.1.2"
-    is-binary-path "~2.1.0"
-    is-glob "~4.0.1"
-    normalize-path "~3.0.0"
-    readdirp "~3.6.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-chownr@^1.1.1, chownr@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
-  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
-
-chownr@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
-  integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
-
-chromatic@^11.3.2:
-  version "11.4.0"
-  resolved "https://registry.yarnpkg.com/chromatic/-/chromatic-11.4.0.tgz#411a51e82599472b2131a08895faf000e0f9a0fa"
-  integrity sha512-/O6OwEUckqKTBGbm9KvYsR/eKCXy4s2eelO38yyfimBIJiL8+TS/pVnBqdtzUqO2hVK4GjrFiea9CnZUG9Akzw==
-
-chrome-trace-event@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
-  integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
-
-ci-info@^3.2.0, ci-info@^3.7.0:
-  version "3.9.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.9.0.tgz#4279a62028a7b1f262f3473fc9605f5e218c59b4"
-  integrity sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==
-
-cids@^0.7.1:
-  version "0.7.5"
-  resolved "https://registry.yarnpkg.com/cids/-/cids-0.7.5.tgz#60a08138a99bfb69b6be4ceb63bfef7a396b28b2"
-  integrity sha512-zT7mPeghoWAu+ppn8+BS1tQ5qGmbMfB4AregnQjA/qHY3GC1m1ptI9GkWNlgeu38r7CuRdXB47uY2XgAYt6QVA==
-  dependencies:
-    buffer "^5.5.0"
-    class-is "^1.1.0"
-    multibase "~0.6.0"
-    multicodec "^1.0.0"
-    multihashes "~0.4.15"
-
-cids@^1.0.0, cids@^1.1.5, cids@^1.1.6:
-  version "1.1.9"
-  resolved "https://registry.yarnpkg.com/cids/-/cids-1.1.9.tgz#402c26db5c07059377bcd6fb82f2a24e7f2f4a4f"
-  integrity sha512-l11hWRfugIcbGuTZwAM5PwpjPPjyb6UZOGwlHSnOBV5o07XhQ4gNpBN67FbODvpjyHtd+0Xs6KNvUcGBiDRsdg==
-  dependencies:
-    multibase "^4.0.1"
-    multicodec "^3.0.1"
-    multihashes "^4.0.1"
-    uint8arrays "^3.0.0"
-
-cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.4.tgz#8760e4ecc272f4c363532f926d874aae2c1397de"
-  integrity sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==
-  dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
-citty@^0.1.5, citty@^0.1.6:
-  version "0.1.6"
-  resolved "https://registry.yarnpkg.com/citty/-/citty-0.1.6.tgz#0f7904da1ed4625e1a9ea7e0fa780981aab7c5e4"
-  integrity sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==
-  dependencies:
-    consola "^3.2.3"
-
-cjs-module-lexer@^1.0.0, cjs-module-lexer@^1.2.3:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.3.1.tgz#c485341ae8fd999ca4ee5af2d7a1c9ae01e0099c"
-  integrity sha512-a3KdPAANPbNE4ZUv9h6LckSl9zLsYOP4MBmhIPkRaeyybt+r4UghLvq+xw/YwUcC1gqylCkL4rdVs3Lwupjm4Q==
-
-class-is@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/class-is/-/class-is-1.1.0.tgz#9d3c0fba0440d211d843cec3dedfa48055005825"
-  integrity sha512-rhjH9AG1fvabIDoGRVH587413LPjTZgmDF9fOFCbFJQV4yuocX1mHxxvXI4g3cGwbVY9wAYIoKlg1N79frJKQw==
-
-classnames@^2.3.1:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b"
-  integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==
-
-clean-css@^5.2.2:
-  version "5.3.3"
-  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.3.tgz#b330653cd3bd6b75009cc25c714cae7b93351ccd"
-  integrity sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==
-  dependencies:
-    source-map "~0.6.0"
-
-clean-stack@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
-  integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
-
-clean-webpack-plugin@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/clean-webpack-plugin/-/clean-webpack-plugin-4.0.0.tgz#72947d4403d452f38ed61a9ff0ada8122aacd729"
-  integrity sha512-WuWE1nyTNAyW5T7oNyys2EN0cfP2fdRxhxnIQWiAp0bMabPdHhoGxM8A6YL2GhqwgrPnnaemVE7nv5XJ2Fhh2w==
-  dependencies:
-    del "^4.1.1"
-
-cli-color@^2.0.3:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/cli-color/-/cli-color-2.0.4.tgz#d658080290968816b322248b7306fad2346fb2c8"
-  integrity sha512-zlnpg0jNcibNrO7GG9IeHH7maWFeCz+Ja1wx/7tZNU5ASSSSZ+/qZciM0/LHCYxSdqv5h2sdbQ/PXYdOuetXvA==
-  dependencies:
-    d "^1.0.1"
-    es5-ext "^0.10.64"
-    es6-iterator "^2.0.3"
-    memoizee "^0.4.15"
-    timers-ext "^0.1.7"
-
-cli-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
-  integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
-  dependencies:
-    restore-cursor "^3.1.0"
-
-cli-spinners@^2.5.0:
-  version "2.9.2"
-  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.9.2.tgz#1773a8f4b9c4d6ac31563df53b3fc1d79462fe41"
-  integrity sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==
-
-cli-table3@^0.6.1, cli-table3@~0.6.1:
-  version "0.6.5"
-  resolved "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.6.5.tgz#013b91351762739c16a9567c21a04632e449bf2f"
-  integrity sha512-+W/5efTR7y5HRD7gACw9yQjqMVvEMLBHmboM/kPWam+H+Hmyrgjh6YncVKK122YZkXrLudzTuAukUw9FnMf7IQ==
-  dependencies:
-    string-width "^4.2.0"
-  optionalDependencies:
-    "@colors/colors" "1.5.0"
-
-cli-truncate@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-2.1.0.tgz#c39e28bf05edcde5be3b98992a22deed5a2b93c7"
-  integrity sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==
-  dependencies:
-    slice-ansi "^3.0.0"
-    string-width "^4.2.0"
-
-client-only@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/client-only/-/client-only-0.0.1.tgz#38bba5d403c41ab150bff64a95c85013cf73bca1"
-  integrity sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==
-
-clipboardy@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/clipboardy/-/clipboardy-4.0.0.tgz#e73ced93a76d19dd379ebf1f297565426dffdca1"
-  integrity sha512-5mOlNS0mhX0707P2I0aZ2V/cmHUEO/fL7VFLqszkhUsxt7RwnmrInf/eEQKlf5GzvYeHIjT+Ov1HRfNmymlG0w==
-  dependencies:
-    execa "^8.0.1"
-    is-wsl "^3.1.0"
-    is64bit "^2.0.0"
-
-cliui@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-6.0.0.tgz#511d702c0c4e41ca156d7d0e96021f23e13225b1"
-  integrity sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==
-  dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.0"
-    wrap-ansi "^6.2.0"
-
-cliui@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
-  integrity sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==
-  dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.1"
-    wrap-ansi "^7.0.0"
-
-clone-deep@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387"
-  integrity sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==
-  dependencies:
-    is-plain-object "^2.0.4"
-    kind-of "^6.0.2"
-    shallow-clone "^3.0.0"
-
-clone-response@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/clone-response/-/clone-response-1.0.3.tgz#af2032aa47816399cf5f0a1d0db902f517abb8c3"
-  integrity sha512-ROoL94jJH2dUVML2Y/5PEDNaSHgeOdSDicUyS7izcF63G6sTc/FTjLub4b8Il9S8S0beOfYt0TaA5qvFK+w0wA==
-  dependencies:
-    mimic-response "^1.0.0"
-
-clone@^1.0.2:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
-  integrity sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==
-
-clsx@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.2.1.tgz#0ddc4a20a549b59c93a4116bb26f5294ca17dc12"
-  integrity sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==
-
-clsx@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.1.1.tgz#eed397c9fd8bd882bfb18deab7102049a2f32999"
-  integrity sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==
-
-co@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
-  integrity sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==
-
-code-block-writer@^11.0.0:
-  version "11.0.3"
-  resolved "https://registry.yarnpkg.com/code-block-writer/-/code-block-writer-11.0.3.tgz#9eec2993edfb79bfae845fbc093758c0a0b73b76"
-  integrity sha512-NiujjUFB4SwScJq2bwbYUtXbZhBSlY6vYzm++3Q6oC+U+injTqfPYFK8wS9COOmb2lueqp0ZRB4nK1VYeHgNyw==
-
-collect-v8-coverage@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/collect-v8-coverage/-/collect-v8-coverage-1.0.2.tgz#c0b29bcd33bcd0779a1344c2136051e6afd3d9e9"
-  integrity sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==
-
-color-convert@^1.9.0:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
-  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
-  dependencies:
-    color-name "1.1.3"
-
-color-convert@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
-  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
-  dependencies:
-    color-name "~1.1.4"
-
-color-name@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
-
-color-name@^1.0.0, color-name@~1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
-  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
-
-color-string@^1.9.0:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.9.1.tgz#4467f9146f036f855b764dfb5bf8582bf342c7a4"
-  integrity sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==
-  dependencies:
-    color-name "^1.0.0"
-    simple-swizzle "^0.2.2"
-
-color@^4.2.3:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/color/-/color-4.2.3.tgz#d781ecb5e57224ee43ea9627560107c0e0c6463a"
-  integrity sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==
-  dependencies:
-    color-convert "^2.0.1"
-    color-string "^1.9.0"
-
-colorette@^2.0.10, colorette@^2.0.16:
-  version "2.0.20"
-  resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.20.tgz#9eb793e6833067f7235902fcd3b09917a000a95a"
-  integrity sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==
-
-combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
-  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
-  dependencies:
-    delayed-stream "~1.0.0"
-
-command-line-args@^5.1.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/command-line-args/-/command-line-args-5.2.1.tgz#c44c32e437a57d7c51157696893c5909e9cec42e"
-  integrity sha512-H4UfQhZyakIjC74I9d34fGYDwk3XpSr17QhEd0Q3I9Xq1CETHo4Hcuo87WyWHpAF1aSLjLRf5lD9ZGX2qStUvg==
-  dependencies:
-    array-back "^3.1.0"
-    find-replace "^3.0.0"
-    lodash.camelcase "^4.3.0"
-    typical "^4.0.0"
-
-command-line-usage@^6.1.0:
-  version "6.1.3"
-  resolved "https://registry.yarnpkg.com/command-line-usage/-/command-line-usage-6.1.3.tgz#428fa5acde6a838779dfa30e44686f4b6761d957"
-  integrity sha512-sH5ZSPr+7UStsloltmDh7Ce5fb8XPlHyoPzTpyyMuYCtervL65+ubVZ6Q61cFtFl62UyJlc8/JwERRbAFPUqgw==
-  dependencies:
-    array-back "^4.0.2"
-    chalk "^2.4.2"
-    table-layout "^1.0.2"
-    typical "^5.2.0"
-
-commander@^2.20.0, commander@^2.20.3:
-  version "2.20.3"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
-  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
-
-commander@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
-  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
-
-commander@^6.2.1:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-6.2.1.tgz#0792eb682dfbc325999bb2b84fddddba110ac73c"
-  integrity sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==
-
-commander@^7.2.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
-  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
-
-commander@^8.3.0:
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
-  integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
-
-common-path-prefix@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/common-path-prefix/-/common-path-prefix-3.0.0.tgz#7d007a7e07c58c4b4d5f433131a19141b29f11e0"
-  integrity sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==
-
-common-tags@^1.8.0:
-  version "1.8.2"
-  resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.2.tgz#94ebb3c076d26032745fd54face7f688ef5ac9c6"
-  integrity sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==
-
-commondir@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
-  integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
-
-compressible@~2.0.16:
-  version "2.0.18"
-  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
-  integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
-  dependencies:
-    mime-db ">= 1.43.0 < 2"
-
-compression@^1.7.4:
-  version "1.7.4"
-  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
-  integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
-  dependencies:
-    accepts "~1.3.5"
-    bytes "3.0.0"
-    compressible "~2.0.16"
-    debug "2.6.9"
-    on-headers "~1.0.2"
-    safe-buffer "5.1.2"
-    vary "~1.1.2"
-
-concat-map@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
-  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
-
-confbox@^0.1.7:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/confbox/-/confbox-0.1.7.tgz#ccfc0a2bcae36a84838e83a3b7f770fb17d6c579"
-  integrity sha512-uJcB/FKZtBMCJpK8MQji6bJHgu1tixKPxRLeGkNzBoOZzpnZUJm0jm2/sBDWcuBx1dYgxV4JU+g5hmNxCyAmdA==
-
-consola@^3.2.3:
-  version "3.2.3"
-  resolved "https://registry.yarnpkg.com/consola/-/consola-3.2.3.tgz#0741857aa88cfa0d6fd53f1cff0375136e98502f"
-  integrity sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==
-
-console-browserify@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
-  integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
-
-constants-browserify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
-  integrity sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==
-
-content-disposition@0.5.4:
-  version "0.5.4"
-  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
-  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
-  dependencies:
-    safe-buffer "5.2.1"
-
-content-hash@^2.5.2:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/content-hash/-/content-hash-2.5.2.tgz#bbc2655e7c21f14fd3bfc7b7d4bfe6e454c9e211"
-  integrity sha512-FvIQKy0S1JaWV10sMsA7TRx8bpU+pqPkhbsfvOJAdjRXvYxEckAwQWGwtRjiaJfh+E0DvcWUGqcdjwMGFjsSdw==
-  dependencies:
-    cids "^0.7.1"
-    multicodec "^0.5.5"
-    multihashes "^0.4.15"
-
-content-type@~1.0.4, content-type@~1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
-  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
-
-convert-source-map@^1.5.0, convert-source-map@^1.7.0:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
-  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
-
-convert-source-map@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
-  integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
-
-cookie-es@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/cookie-es/-/cookie-es-1.1.0.tgz#68f8d9f48aeb5a534f3896f80e792760d3d20def"
-  integrity sha512-L2rLOcK0wzWSfSDA33YR+PUHDG10a8px7rUHKWbGLP4YfbsMed2KFUw5fczvDPbT98DDe3LEzviswl810apTEw==
-
-cookie-signature@1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
-  integrity sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==
-
-cookie@0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.6.0.tgz#2798b04b071b0ecbff0dbb62a505a8efa4e19051"
-  integrity sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==
-
-copy-anything@^2.0.1:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/copy-anything/-/copy-anything-2.0.6.tgz#092454ea9584a7b7ad5573062b2a87f5900fc480"
-  integrity sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==
-  dependencies:
-    is-what "^3.14.1"
-
-core-js-compat@^3.31.0, core-js-compat@^3.36.1:
-  version "3.37.1"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.37.1.tgz#c844310c7852f4bdf49b8d339730b97e17ff09ee"
-  integrity sha512-9TNiImhKvQqSUkOvk/mMRZzOANTiEVC7WaBNhHcKM7x+/5E1l5NvsysR19zuDQScE8k+kfQXWRN3AtS/eOSHpg==
-  dependencies:
-    browserslist "^4.23.0"
-
-core-js-pure@^3.23.3:
-  version "3.37.1"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.37.1.tgz#2b4b34281f54db06c9a9a5bd60105046900553bd"
-  integrity sha512-J/r5JTHSmzTxbiYYrzXg9w1VpqrYt+gexenBE9pugeyhwPZTAEJddyiReJWsLO6uNQ8xJZFbod6XC7KKwatCiA==
-
-core-util-is@1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
-  integrity sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==
-
-core-util-is@~1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
-  integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
-
-cors@^2.8.1:
-  version "2.8.5"
-  resolved "https://registry.yarnpkg.com/cors/-/cors-2.8.5.tgz#eac11da51592dd86b9f06f6e7ac293b3df875d29"
-  integrity sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==
-  dependencies:
-    object-assign "^4"
-    vary "^1"
-
-cosmiconfig@^7.0.0, cosmiconfig@^7.0.1:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
-  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
-  dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.2.1"
-    parse-json "^5.0.0"
-    path-type "^4.0.0"
-    yaml "^1.10.0"
-
-cosmiconfig@^9.0.0:
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-9.0.0.tgz#34c3fc58287b915f3ae905ab6dc3de258b55ad9d"
-  integrity sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==
-  dependencies:
-    env-paths "^2.2.1"
-    import-fresh "^3.3.0"
-    js-yaml "^4.1.0"
-    parse-json "^5.2.0"
-
-crc-32@^1.2.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/crc-32/-/crc-32-1.2.2.tgz#3cad35a934b8bf71f25ca524b6da51fb7eace2ff"
-  integrity sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==
-
-crc@^3.8.0:
-  version "3.8.0"
-  resolved "https://registry.yarnpkg.com/crc/-/crc-3.8.0.tgz#ad60269c2c856f8c299e2c4cc0de4556914056c6"
-  integrity sha512-iX3mfgcTMIq3ZKLIsVFAbv7+Mc10kxabAGQb8HvjA1o3T1PIYprbakQ65d3I+2HGHt6nSKkM9PYjgoJO2KcFBQ==
-  dependencies:
-    buffer "^5.1.0"
-
-create-ecdh@^4.0.0:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.4.tgz#d6e7f4bffa66736085a0762fd3a632684dabcc4e"
-  integrity sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==
-  dependencies:
-    bn.js "^4.1.0"
-    elliptic "^6.5.3"
-
-create-hash@^1.1.0, create-hash@^1.1.2, create-hash@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
-  integrity sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==
-  dependencies:
-    cipher-base "^1.0.1"
-    inherits "^2.0.1"
-    md5.js "^1.3.4"
-    ripemd160 "^2.0.1"
-    sha.js "^2.4.0"
-
-create-hmac@^1.1.0, create-hmac@^1.1.4, create-hmac@^1.1.7:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.7.tgz#69170c78b3ab957147b2b8b04572e47ead2243ff"
-  integrity sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==
-  dependencies:
-    cipher-base "^1.0.3"
-    create-hash "^1.1.0"
-    inherits "^2.0.1"
-    ripemd160 "^2.0.0"
-    safe-buffer "^5.0.1"
-    sha.js "^2.4.8"
-
-create-jest@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/create-jest/-/create-jest-29.7.0.tgz#a355c5b3cb1e1af02ba177fe7afd7feee49a5320"
-  integrity sha512-Adz2bdH0Vq3F53KEMJOoftQFutWCukm6J24wbPWRO4k1kMY7gS7ds/uoJkNuV8wDCtWWnuwGcJwpWcih+zEW1Q==
-  dependencies:
-    "@jest/types" "^29.6.3"
-    chalk "^4.0.0"
-    exit "^0.1.2"
-    graceful-fs "^4.2.9"
-    jest-config "^29.7.0"
-    jest-util "^29.7.0"
-    prompts "^2.0.1"
-
-cross-env@^7.0.3:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.3.tgz#865264b29677dc015ba8418918965dd232fc54cf"
-  integrity sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==
-  dependencies:
-    cross-spawn "^7.0.1"
-
-cross-fetch@^3.1.4, cross-fetch@^3.1.5:
-  version "3.1.8"
-  resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-3.1.8.tgz#0327eba65fd68a7d119f8fb2bf9334a1a7956f82"
-  integrity sha512-cvA+JwZoU0Xq+h6WkMvAUqPEYy92Obet6UdKLfW60qn99ftItKjB5T+BkyWOFWe2pUyfQ+IJHmpOTznqk1M6Kg==
-  dependencies:
-    node-fetch "^2.6.12"
-
-cross-fetch@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-4.0.0.tgz#f037aef1580bb3a1a35164ea2a848ba81b445983"
-  integrity sha512-e4a5N8lVvuLgAWgnCrLr2PP0YyDOTHa9H/Rj54dirp61qXnNq46m82bRhNqIA5VccJtWBvPTFRV3TtvHUKPB1g==
-  dependencies:
-    node-fetch "^2.6.12"
-
-cross-spawn@^7.0.0, cross-spawn@^7.0.1, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
-  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
-  dependencies:
-    path-key "^3.1.0"
-    shebang-command "^2.0.0"
-    which "^2.0.1"
-
-crossws@^0.2.0, crossws@^0.2.2:
-  version "0.2.4"
-  resolved "https://registry.yarnpkg.com/crossws/-/crossws-0.2.4.tgz#82a8b518bff1018ab1d21ced9e35ffbe1681ad03"
-  integrity sha512-DAxroI2uSOgUKLz00NX6A8U/8EE3SZHmIND+10jkVSaypvyt57J5JEOxAQOL6lQxyzi/wZbTIwssU1uy69h5Vg==
-
-crypto-browserify@^3.12.0:
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.0.tgz#396cf9f3137f03e4b8e532c58f698254e00f80ec"
-  integrity sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==
-  dependencies:
-    browserify-cipher "^1.0.0"
-    browserify-sign "^4.0.0"
-    create-ecdh "^4.0.0"
-    create-hash "^1.1.0"
-    create-hmac "^1.1.0"
-    diffie-hellman "^5.0.0"
-    inherits "^2.0.1"
-    pbkdf2 "^3.0.3"
-    public-encrypt "^4.0.0"
-    randombytes "^2.0.0"
-    randomfill "^1.0.3"
-
-crypto-es@^1.2.2:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/crypto-es/-/crypto-es-1.2.7.tgz#754a6d52319a94fb4eb1f119297f17196b360f88"
-  integrity sha512-UUqiVJ2gUuZFmbFsKmud3uuLcNP2+Opt+5ysmljycFCyhA0+T16XJmo1ev/t5kMChMqWh7IEvURNCqsg+SjZGQ==
-
-crypto-js@4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/crypto-js/-/crypto-js-4.2.0.tgz#4d931639ecdfd12ff80e8186dba6af2c2e856631"
-  integrity sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==
-
-crypto-random-string@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
-  integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
-
-css-loader@^6.7.1, css-loader@^6.7.3:
-  version "6.11.0"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.11.0.tgz#33bae3bf6363d0a7c2cf9031c96c744ff54d85ba"
-  integrity sha512-CTJ+AEQJjq5NzLga5pE39qdiSV56F8ywCIsqNIRF0r7BDgWsN25aazToqAFg7ZrtA/U016xudB3ffgweORxX7g==
-  dependencies:
-    icss-utils "^5.1.0"
-    postcss "^8.4.33"
-    postcss-modules-extract-imports "^3.1.0"
-    postcss-modules-local-by-default "^4.0.5"
-    postcss-modules-scope "^3.2.0"
-    postcss-modules-values "^4.0.0"
-    postcss-value-parser "^4.2.0"
-    semver "^7.5.4"
-
-css-select@^4.1.3:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db7129b2846662fd8628cfc496abb2b59e41529b"
-  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
-  dependencies:
-    boolbase "^1.0.0"
-    css-what "^6.0.1"
-    domhandler "^4.3.1"
-    domutils "^2.8.0"
-    nth-check "^2.0.1"
-
-css-tree@^1.1.2, css-tree@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d"
-  integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
-  dependencies:
-    mdn-data "2.0.14"
-    source-map "^0.6.1"
-
-css-what@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
-  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
-
-css.escape@^1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
-  integrity sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==
-
-cssesc@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
-  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
-
-csso@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/csso/-/csso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529"
-  integrity sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==
-  dependencies:
-    css-tree "^1.1.2"
-
-cssom@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.5.0.tgz#d254fa92cd8b6fbd83811b9fbaed34663cc17c36"
-  integrity sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==
-
-cssom@~0.3.6:
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
-  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
-
-cssstyle@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
-  integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
-  dependencies:
-    cssom "~0.3.6"
-
-csstype@^3.0.2, csstype@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
-  integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
-
-cypress-file-upload@^5.0.8:
-  version "5.0.8"
-  resolved "https://registry.yarnpkg.com/cypress-file-upload/-/cypress-file-upload-5.0.8.tgz#d8824cbeaab798e44be8009769f9a6c9daa1b4a1"
-  integrity sha512-+8VzNabRk3zG6x8f8BWArF/xA/W0VK4IZNx3MV0jFWrJS/qKn8eHfa5nU73P9fOQAgwHFJx7zjg4lwOnljMO8g==
-
-cypress@^12.15.0:
-  version "12.17.4"
-  resolved "https://registry.yarnpkg.com/cypress/-/cypress-12.17.4.tgz#b4dadf41673058493fa0d2362faa3da1f6ae2e6c"
-  integrity sha512-gAN8Pmns9MA5eCDFSDJXWKUpaL3IDd89N9TtIupjYnzLSmlpVr+ZR+vb4U/qaMp+lB6tBvAmt7504c3Z4RU5KQ==
-  dependencies:
-    "@cypress/request" "2.88.12"
-    "@cypress/xvfb" "^1.2.4"
-    "@types/node" "^16.18.39"
-    "@types/sinonjs__fake-timers" "8.1.1"
-    "@types/sizzle" "^2.3.2"
-    arch "^2.2.0"
-    blob-util "^2.0.2"
-    bluebird "^3.7.2"
-    buffer "^5.6.0"
-    cachedir "^2.3.0"
-    chalk "^4.1.0"
-    check-more-types "^2.24.0"
-    cli-cursor "^3.1.0"
-    cli-table3 "~0.6.1"
-    commander "^6.2.1"
-    common-tags "^1.8.0"
-    dayjs "^1.10.4"
-    debug "^4.3.4"
-    enquirer "^2.3.6"
-    eventemitter2 "6.4.7"
-    execa "4.1.0"
-    executable "^4.1.1"
-    extract-zip "2.0.1"
-    figures "^3.2.0"
-    fs-extra "^9.1.0"
-    getos "^3.2.1"
-    is-ci "^3.0.0"
-    is-installed-globally "~0.4.0"
-    lazy-ass "^1.6.0"
-    listr2 "^3.8.3"
-    lodash "^4.17.21"
-    log-symbols "^4.0.0"
-    minimist "^1.2.8"
-    ospath "^1.2.2"
-    pretty-bytes "^5.6.0"
-    process "^0.11.10"
-    proxy-from-env "1.0.0"
-    request-progress "^3.0.0"
-    semver "^7.5.3"
-    supports-color "^8.1.1"
-    tmp "~0.2.1"
-    untildify "^4.0.0"
-    yauzl "^2.10.0"
-
-d@1, d@^1.0.1, d@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/d/-/d-1.0.2.tgz#2aefd554b81981e7dccf72d6842ae725cb17e5de"
-  integrity sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==
-  dependencies:
-    es5-ext "^0.10.64"
-    type "^2.7.2"
-
-damerau-levenshtein@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz#b43d286ccbd36bc5b2f7ed41caf2d0aba1f8a6e7"
-  integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
-
-dashdash@^1.12.0:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
-  integrity sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==
-  dependencies:
-    assert-plus "^1.0.0"
-
-data-urls@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-3.0.2.tgz#9cf24a477ae22bcef5cd5f6f0bfbc1d2d3be9143"
-  integrity sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==
-  dependencies:
-    abab "^2.0.6"
-    whatwg-mimetype "^3.0.0"
-    whatwg-url "^11.0.0"
-
-data-view-buffer@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.1.tgz#8ea6326efec17a2e42620696e671d7d5a8bc66b2"
-  integrity sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==
-  dependencies:
-    call-bind "^1.0.6"
-    es-errors "^1.3.0"
-    is-data-view "^1.0.1"
-
-data-view-byte-length@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz#90721ca95ff280677eb793749fce1011347669e2"
-  integrity sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==
-  dependencies:
-    call-bind "^1.0.7"
-    es-errors "^1.3.0"
-    is-data-view "^1.0.1"
-
-data-view-byte-offset@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz#5e0bbfb4828ed2d1b9b400cd8a7d119bca0ff18a"
-  integrity sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==
-  dependencies:
-    call-bind "^1.0.6"
-    es-errors "^1.3.0"
-    is-data-view "^1.0.1"
-
-date-fns@^2.30.0:
-  version "2.30.0"
-  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.30.0.tgz#f367e644839ff57894ec6ac480de40cae4b0f4d0"
-  integrity sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==
-  dependencies:
-    "@babel/runtime" "^7.21.0"
-
-dayjs@^1.10.4:
-  version "1.11.11"
-  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.11.tgz#dfe0e9d54c5f8b68ccf8ca5f72ac603e7e5ed59e"
-  integrity sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==
-
-debug@2.6.9, debug@^2.2.0:
-  version "2.6.9"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
-  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
-  dependencies:
-    ms "2.0.0"
-
-debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4:
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
-  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
-  dependencies:
-    ms "2.1.2"
-
-debug@^3.1.0, debug@^3.2.7:
-  version "3.2.7"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
-  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
-  dependencies:
-    ms "^2.1.1"
-
-decamelize-keys@^1.1.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/decamelize-keys/-/decamelize-keys-1.1.1.tgz#04a2d523b2f18d80d0158a43b895d56dff8d19d8"
-  integrity sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==
-  dependencies:
-    decamelize "^1.1.0"
-    map-obj "^1.0.0"
-
-decamelize@^1.1.0, decamelize@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
-  integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
-
-decimal.js@^10.2.0, decimal.js@^10.4.2:
-  version "10.4.3"
-  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23"
-  integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
-
-decode-uri-component@^0.2.0, decode-uri-component@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz#e69dbe25d37941171dd540e024c444cd5188e1e9"
-  integrity sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==
-
-decompress-response@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-3.3.0.tgz#80a4dd323748384bfa248083622aedec982adff3"
-  integrity sha512-BzRPQuY1ip+qDonAOz42gRm/pg9F768C+npV/4JOsxRC2sq+Rlk+Q4ZCAsOhnIaMrgarILY+RMUIvMmmX1qAEA==
-  dependencies:
-    mimic-response "^1.0.0"
-
-decompress-response@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-6.0.0.tgz#ca387612ddb7e104bd16d85aab00d5ecf09c66fc"
-  integrity sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==
-  dependencies:
-    mimic-response "^3.1.0"
-
-dedent@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
-  integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==
-
-dedent@^1.0.0:
-  version "1.5.3"
-  resolved "https://registry.yarnpkg.com/dedent/-/dedent-1.5.3.tgz#99aee19eb9bae55a67327717b6e848d0bf777e5a"
-  integrity sha512-NHQtfOOW68WD8lgypbLA5oT+Bt0xXJhiYvoR6SmmNXZfpzOGXwdKWmcwG8N7PwVVWV3eF/68nmD9BaJSsTBhyQ==
-
-deep-eql@^4.1.3:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-4.1.3.tgz#7c7775513092f7df98d8df9996dd085eb668cc6d"
-  integrity sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==
-  dependencies:
-    type-detect "^4.0.0"
-
-deep-equal@^2.0.5:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-2.2.3.tgz#af89dafb23a396c7da3e862abc0be27cf51d56e1"
-  integrity sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==
-  dependencies:
-    array-buffer-byte-length "^1.0.0"
-    call-bind "^1.0.5"
-    es-get-iterator "^1.1.3"
-    get-intrinsic "^1.2.2"
-    is-arguments "^1.1.1"
-    is-array-buffer "^3.0.2"
-    is-date-object "^1.0.5"
-    is-regex "^1.1.4"
-    is-shared-array-buffer "^1.0.2"
-    isarray "^2.0.5"
-    object-is "^1.1.5"
-    object-keys "^1.1.1"
-    object.assign "^4.1.4"
-    regexp.prototype.flags "^1.5.1"
-    side-channel "^1.0.4"
-    which-boxed-primitive "^1.0.2"
-    which-collection "^1.0.1"
-    which-typed-array "^1.1.13"
-
-deep-extend@~0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
-  integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
-
-deep-is@^0.1.3:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
-  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
-
-deepmerge@^4.2.2:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
-  integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
-
-default-browser-id@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/default-browser-id/-/default-browser-id-3.0.0.tgz#bee7bbbef1f4e75d31f98f4d3f1556a14cea790c"
-  integrity sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==
-  dependencies:
-    bplist-parser "^0.2.0"
-    untildify "^4.0.0"
-
-defaults@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.4.tgz#b0b02062c1e2aa62ff5d9528f0f98baa90978d7a"
-  integrity sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==
-  dependencies:
-    clone "^1.0.2"
-
-defer-to-connect@^2.0.0, defer-to-connect@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-2.0.1.tgz#8016bdb4143e4632b77a3449c6236277de520587"
-  integrity sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==
-
-define-data-property@^1.0.1, define-data-property@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
-  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
-  dependencies:
-    es-define-property "^1.0.0"
-    es-errors "^1.3.0"
-    gopd "^1.0.1"
-
-define-lazy-prop@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
-  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
-
-define-properties@^1.1.3, define-properties@^1.2.0, define-properties@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
-  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
-  dependencies:
-    define-data-property "^1.0.1"
-    has-property-descriptors "^1.0.0"
-    object-keys "^1.1.1"
-
-defu@^6.1.3, defu@^6.1.4:
-  version "6.1.4"
-  resolved "https://registry.yarnpkg.com/defu/-/defu-6.1.4.tgz#4e0c9cf9ff68fe5f3d7f2765cc1a012dfdcb0479"
-  integrity sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==
-
-del@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/del/-/del-4.1.1.tgz#9e8f117222ea44a31ff3a156c049b99052a9f0b4"
-  integrity sha512-QwGuEUouP2kVwQenAsOof5Fv8K9t3D8Ca8NxcXKrIpEHjTXK5J2nXLdP+ALI1cgv8wj7KuwBhTwBkOZSJKM5XQ==
-  dependencies:
-    "@types/glob" "^7.1.1"
-    globby "^6.1.0"
-    is-path-cwd "^2.0.0"
-    is-path-in-cwd "^2.0.0"
-    p-map "^2.0.0"
-    pify "^4.0.1"
-    rimraf "^2.6.3"
-
-del@^6.0.0:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/del/-/del-6.1.1.tgz#3b70314f1ec0aa325c6b14eb36b95786671edb7a"
-  integrity sha512-ua8BhapfP0JUJKC/zV9yHHDW/rDoDxP4Zhn3AkA6/xT6gY7jYXJiaeyBZznYVujhZZET+UgcbZiQ7sN3WqcImg==
-  dependencies:
-    globby "^11.0.1"
-    graceful-fs "^4.2.4"
-    is-glob "^4.0.1"
-    is-path-cwd "^2.2.0"
-    is-path-inside "^3.0.2"
-    p-map "^4.0.0"
-    rimraf "^3.0.2"
-    slash "^3.0.0"
-
-delay@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/delay/-/delay-5.0.0.tgz#137045ef1b96e5071060dd5be60bf9334436bd1d"
-  integrity sha512-ReEBKkIfe4ya47wlPYf/gu5ib6yUG0/Aez0JQZQz94kiWtRQvZIQbTiehsnwHvLSWJnQdhVeqYue7Id1dKr0qw==
-
-delayed-stream@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
-  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
-
-depd@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
-  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
-
-dequal@^2.0.2, dequal@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.3.tgz#2644214f1997d39ed0ee0ece72335490a7ac67be"
-  integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==
-
-des.js@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.1.0.tgz#1d37f5766f3bbff4ee9638e871a8768c173b81da"
-  integrity sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==
-  dependencies:
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-
-destr@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/destr/-/destr-2.0.3.tgz#7f9e97cb3d16dbdca7be52aca1644ce402cfe449"
-  integrity sha512-2N3BOUU4gYMpTP24s5rF5iP7BDr7uNTCs4ozw3kf/eKfvWSIu93GEBi5m427YoyJoeOzQ5smuu4nNAPGb8idSQ==
-
-destroy@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
-  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
-
-detect-browser@5.3.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/detect-browser/-/detect-browser-5.3.0.tgz#9705ef2bddf46072d0f7265a1fe300e36fe7ceca"
-  integrity sha512-53rsFbGdwMwlF7qvCt0ypLM5V5/Mbl0szB7GPN8y9NCcbknYOeVVXdrXEq+90IwAfrrzt6Hd+u2E2ntakICU8w==
-
-detect-indent@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-6.1.0.tgz#592485ebbbf6b3b1ab2be175c8393d04ca0d57e6"
-  integrity sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==
-
-detect-libc@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
-  integrity sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==
-
-detect-libc@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.3.tgz#f0cd503b40f9939b894697d19ad50895e30cf700"
-  integrity sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==
-
-detect-newline@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
-  integrity sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==
-
-detect-node-es@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/detect-node-es/-/detect-node-es-1.1.0.tgz#163acdf643330caa0b4cd7c21e7ee7755d6fa493"
-  integrity sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==
-
-detect-package-manager@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/detect-package-manager/-/detect-package-manager-2.0.1.tgz#6b182e3ae5e1826752bfef1de9a7b828cffa50d8"
-  integrity sha512-j/lJHyoLlWi6G1LDdLgvUtz60Zo5GEj+sVYtTVXnYLDPuzgC3llMxonXym9zIwhhUII8vjdw0LXxavpLqTbl1A==
-  dependencies:
-    execa "^5.1.1"
-
-detect-port@^1.3.0:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/detect-port/-/detect-port-1.6.1.tgz#45e4073997c5f292b957cb678fb0bb8ed4250a67"
-  integrity sha512-CmnVc+Hek2egPx1PeTFVta2W78xy2K/9Rkf6cC4T59S50tVnzKj+tnx5mmx5lwvCkujZ4uRrpRSuV+IVs3f90Q==
-  dependencies:
-    address "^1.0.1"
-    debug "4"
-
-diff-sequences@^29.6.3:
-  version "29.6.3"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.6.3.tgz#4deaf894d11407c51efc8418012f9e70b84ea921"
-  integrity sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==
-
-diff@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/diff/-/diff-5.2.0.tgz#26ded047cd1179b78b9537d5ef725503ce1ae531"
-  integrity sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==
-
-diffie-hellman@^5.0.0:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
-  integrity sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==
-  dependencies:
-    bn.js "^4.1.0"
-    miller-rabin "^4.0.0"
-    randombytes "^2.0.0"
-
-dijkstrajs@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/dijkstrajs/-/dijkstrajs-1.0.3.tgz#4c8dbdea1f0f6478bff94d9c49c784d623e4fc23"
-  integrity sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==
-
-dir-glob@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
-  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
-  dependencies:
-    path-type "^4.0.0"
-
-doctrine@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
-  integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==
-  dependencies:
-    esutils "^2.0.2"
-
-doctrine@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
-  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
-  dependencies:
-    esutils "^2.0.2"
-
-dom-accessibility-api@^0.5.6, dom-accessibility-api@^0.5.9:
-  version "0.5.16"
-  resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz#5a7429e6066eb3664d911e33fb0e45de8eb08453"
-  integrity sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==
-
-dom-accessibility-api@^0.6.3:
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz#993e925cc1d73f2c662e7d75dd5a5445259a8fd8"
-  integrity sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==
-
-dom-converter@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
-  integrity sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==
-  dependencies:
-    utila "~0.4"
-
-dom-helpers@^5.0.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902"
-  integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==
-  dependencies:
-    "@babel/runtime" "^7.8.7"
-    csstype "^3.0.2"
-
-dom-serializer@^1.0.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
-  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
-  dependencies:
-    domelementtype "^2.0.1"
-    domhandler "^4.2.0"
-    entities "^2.0.0"
-
-dom-walk@^0.1.0:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/dom-walk/-/dom-walk-0.1.2.tgz#0c548bef048f4d1f2a97249002236060daa3fd84"
-  integrity sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w==
-
-domain-browser@^4.22.0:
-  version "4.23.0"
-  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-4.23.0.tgz#427ebb91efcb070f05cffdfb8a4e9a6c25f8c94b"
-  integrity sha512-ArzcM/II1wCCujdCNyQjXrAFwS4mrLh4C7DZWlaI8mdh7h3BfKdNd3bKXITfl2PT9FtfQqaGvhi1vPRQPimjGA==
-
-domelementtype@^2.0.1, domelementtype@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
-  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
-
-domexception@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-1.0.1.tgz#937442644ca6a31261ef36e3ec677fe805582c90"
-  integrity sha512-raigMkn7CJNNo6Ihro1fzG7wr3fHuYVytzquZKX5n0yizGsTcYgzdIUwj1X9pK0VvjeihV+XiclP+DjwbsSKug==
-  dependencies:
-    webidl-conversions "^4.0.2"
-
-domexception@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-4.0.0.tgz#4ad1be56ccadc86fc76d033353999a8037d03673"
-  integrity sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==
-  dependencies:
-    webidl-conversions "^7.0.0"
-
-domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
-  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
-  dependencies:
-    domelementtype "^2.2.0"
-
-domutils@^2.5.2, domutils@^2.8.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
-  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
-  dependencies:
-    dom-serializer "^1.0.1"
-    domelementtype "^2.2.0"
-    domhandler "^4.2.0"
-
-dot-case@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
-  integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
-  dependencies:
-    no-case "^3.0.4"
-    tslib "^2.0.3"
-
-dotenv-expand@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-10.0.0.tgz#12605d00fb0af6d0a592e6558585784032e4ef37"
-  integrity sha512-GopVGCpVS1UKH75VKHGuQFqS1Gusej0z4FyQkPdwjil2gNIv+LNsqBlboOzpJFZKVT95GkCyWJbBSdFEFUWI2A==
-
-dotenv@^16.0.0, dotenv@^16.0.3:
-  version "16.4.5"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.4.5.tgz#cdd3b3b604cb327e286b4762e13502f717cb099f"
-  integrity sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==
-
-drbg.js@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/drbg.js/-/drbg.js-1.0.1.tgz#3e36b6c42b37043823cdbc332d58f31e2445480b"
-  integrity sha512-F4wZ06PvqxYLFEZKkFxTDcns9oFNk34hvmJSEwdzsxVQ8YI5YaxtACgQatkYgv2VI2CFkUd2Y+xosPQnHv809g==
-  dependencies:
-    browserify-aes "^1.0.6"
-    create-hash "^1.1.2"
-    create-hmac "^1.1.4"
-
-duplexer2@^0.1.2:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.1.4.tgz#8b12dab878c0d69e3e7891051662a32fc6bddcc1"
-  integrity sha512-asLFVfWWtJ90ZyOUHMqk7/S2w2guQKxUI2itj3d92ADHhxUSbCMGi1f1cBcJ7xM1To+pE/Khbwo1yuNbMEPKeA==
-  dependencies:
-    readable-stream "^2.0.2"
-
-duplexer@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
-  integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
-
-duplexify@^3.5.0, duplexify@^3.6.0:
-  version "3.7.1"
-  resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
-  integrity sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==
-  dependencies:
-    end-of-stream "^1.0.0"
-    inherits "^2.0.1"
-    readable-stream "^2.0.0"
-    stream-shift "^1.0.0"
-
-duplexify@^4.1.2:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-4.1.3.tgz#a07e1c0d0a2c001158563d32592ba58bddb0236f"
-  integrity sha512-M3BmBhwJRZsSx38lZyhE53Csddgzl5R7xGJNk7CVddZD6CcmwMCH8J+7AprIrQKH7TonKxaCjcv27Qmf+sQ+oA==
-  dependencies:
-    end-of-stream "^1.4.1"
-    inherits "^2.0.3"
-    readable-stream "^3.1.1"
-    stream-shift "^1.0.2"
-
-eastasianwidth@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
-  integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
-
-ecc-jsbn@~0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
-  integrity sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==
-  dependencies:
-    jsbn "~0.1.0"
-    safer-buffer "^2.1.0"
-
-eccrypto@1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/eccrypto/-/eccrypto-1.1.6.tgz#846bd1222323036f7a3515613704386399702bd3"
-  integrity sha512-d78ivVEzu7Tn0ZphUUaL43+jVPKTMPFGtmgtz1D0LrFn7cY3K8CdrvibuLz2AAkHBLKZtR8DMbB2ukRYFk987A==
-  dependencies:
-    acorn "7.1.1"
-    elliptic "6.5.4"
-    es6-promise "4.2.8"
-    nan "2.14.0"
-  optionalDependencies:
-    secp256k1 "3.7.1"
-
-ee-first@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
-  integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
-
-eip55@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/eip55/-/eip55-2.1.1.tgz#28b743c4701ac3c811b1e9fe67e39cf1d0781b96"
-  integrity sha512-WcagVAmNu2Ww2cDUfzuWVntYwFxbvZ5MvIyLZpMjTTkjD6sCvkGOiS86jTppzu9/gWsc8isLHAeMBWK02OnZmA==
-  dependencies:
-    keccak "^3.0.3"
-
-ejs@^3.1.10, ejs@^3.1.6:
-  version "3.1.10"
-  resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.10.tgz#69ab8358b14e896f80cc39e62087b88500c3ac3b"
-  integrity sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==
-  dependencies:
-    jake "^10.8.5"
-
-electron-to-chromium@^1.4.668:
-  version "1.4.779"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.779.tgz#bb6f08b93092a564421adcadcc4b92c5055c7a77"
-  integrity sha512-oaTiIcszNfySXVJzKcjxd2YjPxziAd+GmXyb2HbidCeFo6Z88ygOT7EimlrEQhM2U08VhSrbKhLOXP0kKUCZ6g==
-
-elliptic@6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.4.tgz#da37cebd31e79a1367e941b592ed1fbebd58abbb"
-  integrity sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==
-  dependencies:
-    bn.js "^4.11.9"
-    brorand "^1.1.0"
-    hash.js "^1.0.0"
-    hmac-drbg "^1.0.1"
-    inherits "^2.0.4"
-    minimalistic-assert "^1.0.1"
-    minimalistic-crypto-utils "^1.0.1"
-
-elliptic@^6.4.0, elliptic@^6.4.1, elliptic@^6.5.2, elliptic@^6.5.3, elliptic@^6.5.4, elliptic@^6.5.5:
-  version "6.5.5"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.5.tgz#c715e09f78b6923977610d4c2346d6ce22e6dded"
-  integrity sha512-7EjbcmUm17NQFu4Pmgmq2olYMj8nwMnpcddByChSUjArp8F5DQWcIcpriwO4ZToLNAJig0yiyjswfyGNje/ixw==
-  dependencies:
-    bn.js "^4.11.9"
-    brorand "^1.1.0"
-    hash.js "^1.0.0"
-    hmac-drbg "^1.0.1"
-    inherits "^2.0.4"
-    minimalistic-assert "^1.0.1"
-    minimalistic-crypto-utils "^1.0.1"
-
-emittery@^0.13.1:
-  version "0.13.1"
-  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.13.1.tgz#c04b8c3457490e0847ae51fced3af52d338e3dad"
-  integrity sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==
-
-emoji-regex@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
-  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
-
-emoji-regex@^9.2.2:
-  version "9.2.2"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
-  integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
-
-emojis-list@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
-  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
-
-encode-utf8@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/encode-utf8/-/encode-utf8-1.0.3.tgz#f30fdd31da07fb596f281beb2f6b027851994cda"
-  integrity sha512-ucAnuBEhUK4boH2HjVYG5Q2mQyPorvv0u/ocS+zhdw0S8AlHYY+GOFhP1Gio5z4icpP2ivFSvhtFjQi8+T9ppw==
-
-encodeurl@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
-  integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
-
-end-of-stream@^1.0.0, end-of-stream@^1.1.0, end-of-stream@^1.4.1:
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
-  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
-  dependencies:
-    once "^1.4.0"
-
-endent@^2.0.1:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/endent/-/endent-2.1.0.tgz#5aaba698fb569e5e18e69e1ff7a28ff35373cd88"
-  integrity sha512-r8VyPX7XL8U01Xgnb1CjZ3XV+z90cXIJ9JPE/R9SEC9vpw2P6CfsRPJmp20DppC5N7ZAMCmjYkJIa744Iyg96w==
-  dependencies:
-    dedent "^0.7.0"
-    fast-json-parse "^1.0.3"
-    objectorarray "^1.0.5"
-
-enhanced-resolve@^5.12.0, enhanced-resolve@^5.16.0, enhanced-resolve@^5.7.0:
-  version "5.16.1"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.16.1.tgz#e8bc63d51b826d6f1cbc0a150ecb5a8b0c62e567"
-  integrity sha512-4U5pNsuDl0EhuZpq46M5xPslstkviJuhrdobaRDBk2Jy2KO37FDAJl4lb2KlNabxT0m4MTK2UHNrsAcphE8nyw==
-  dependencies:
-    graceful-fs "^4.2.4"
-    tapable "^2.2.0"
-
-enquirer@^2.3.6:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.4.1.tgz#93334b3fbd74fc7097b224ab4a8fb7e40bf4ae56"
-  integrity sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==
-  dependencies:
-    ansi-colors "^4.1.1"
-    strip-ansi "^6.0.1"
-
-entities@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
-  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
-
-entities@^4.4.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
-  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
-
-env-paths@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
-  integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==
-
-envinfo@^7.7.3:
-  version "7.13.0"
-  resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.13.0.tgz#81fbb81e5da35d74e814941aeab7c325a606fb31"
-  integrity sha512-cvcaMr7KqXVh4nyzGTVqTum+gAiL265x5jUWQIDLq//zOGbW+gSW/C+OWLleY/rs9Qole6AZLMXPbtIFQbqu+Q==
-
-err-code@^3.0.0, err-code@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/err-code/-/err-code-3.0.1.tgz#a444c7b992705f2b120ee320b09972eef331c920"
-  integrity sha512-GiaH0KJUewYok+eeY05IIgjtAe4Yltygk9Wqp1V5yVWLdhf0hYZchRjNIT9bb0mSwRcIusT3cx7PJUf3zEIfUA==
-
-errno@^0.1.1:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.8.tgz#8bb3e9c7d463be4976ff888f76b4809ebc2e811f"
-  integrity sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==
-  dependencies:
-    prr "~1.0.1"
-
-error-ex@^1.3.1:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
-  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
-  dependencies:
-    is-arrayish "^0.2.1"
-
-error-stack-parser@^2.0.6:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.1.4.tgz#229cb01cdbfa84440bfa91876285b94680188286"
-  integrity sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==
-  dependencies:
-    stackframe "^1.3.4"
-
-es-abstract@^1.22.1, es-abstract@^1.22.3, es-abstract@^1.23.0, es-abstract@^1.23.1, es-abstract@^1.23.2, es-abstract@^1.23.3:
-  version "1.23.3"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.3.tgz#8f0c5a35cd215312573c5a27c87dfd6c881a0aa0"
-  integrity sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==
-  dependencies:
-    array-buffer-byte-length "^1.0.1"
-    arraybuffer.prototype.slice "^1.0.3"
-    available-typed-arrays "^1.0.7"
-    call-bind "^1.0.7"
-    data-view-buffer "^1.0.1"
-    data-view-byte-length "^1.0.1"
-    data-view-byte-offset "^1.0.0"
-    es-define-property "^1.0.0"
-    es-errors "^1.3.0"
-    es-object-atoms "^1.0.0"
-    es-set-tostringtag "^2.0.3"
-    es-to-primitive "^1.2.1"
-    function.prototype.name "^1.1.6"
-    get-intrinsic "^1.2.4"
-    get-symbol-description "^1.0.2"
-    globalthis "^1.0.3"
-    gopd "^1.0.1"
-    has-property-descriptors "^1.0.2"
-    has-proto "^1.0.3"
-    has-symbols "^1.0.3"
-    hasown "^2.0.2"
-    internal-slot "^1.0.7"
-    is-array-buffer "^3.0.4"
-    is-callable "^1.2.7"
-    is-data-view "^1.0.1"
-    is-negative-zero "^2.0.3"
-    is-regex "^1.1.4"
-    is-shared-array-buffer "^1.0.3"
-    is-string "^1.0.7"
-    is-typed-array "^1.1.13"
-    is-weakref "^1.0.2"
-    object-inspect "^1.13.1"
-    object-keys "^1.1.1"
-    object.assign "^4.1.5"
-    regexp.prototype.flags "^1.5.2"
-    safe-array-concat "^1.1.2"
-    safe-regex-test "^1.0.3"
-    string.prototype.trim "^1.2.9"
-    string.prototype.trimend "^1.0.8"
-    string.prototype.trimstart "^1.0.8"
-    typed-array-buffer "^1.0.2"
-    typed-array-byte-length "^1.0.1"
-    typed-array-byte-offset "^1.0.2"
-    typed-array-length "^1.0.6"
-    unbox-primitive "^1.0.2"
-    which-typed-array "^1.1.15"
-
-es-define-property@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.0.tgz#c7faefbdff8b2696cf5f46921edfb77cc4ba3845"
-  integrity sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==
-  dependencies:
-    get-intrinsic "^1.2.4"
-
-es-errors@^1.1.0, es-errors@^1.2.1, es-errors@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
-  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
-
-es-get-iterator@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.3.tgz#3ef87523c5d464d41084b2c3c9c214f1199763d6"
-  integrity sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==
-  dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.1.3"
-    has-symbols "^1.0.3"
-    is-arguments "^1.1.1"
-    is-map "^2.0.2"
-    is-set "^2.0.2"
-    is-string "^1.0.7"
-    isarray "^2.0.5"
-    stop-iteration-iterator "^1.0.0"
-
-es-iterator-helpers@^1.0.15, es-iterator-helpers@^1.0.17:
-  version "1.0.19"
-  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.0.19.tgz#117003d0e5fec237b4b5c08aded722e0c6d50ca8"
-  integrity sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.3"
-    es-errors "^1.3.0"
-    es-set-tostringtag "^2.0.3"
-    function-bind "^1.1.2"
-    get-intrinsic "^1.2.4"
-    globalthis "^1.0.3"
-    has-property-descriptors "^1.0.2"
-    has-proto "^1.0.3"
-    has-symbols "^1.0.3"
-    internal-slot "^1.0.7"
-    iterator.prototype "^1.1.2"
-    safe-array-concat "^1.1.2"
-
-es-module-lexer@^1.2.1, es-module-lexer@^1.5.0:
-  version "1.5.3"
-  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.5.3.tgz#25969419de9c0b1fbe54279789023e8a9a788412"
-  integrity sha512-i1gCgmR9dCl6Vil6UKPI/trA69s08g/syhiDK9TG0Nf1RJjjFI+AzoWW7sPufzkgYAn861skuCwJa0pIIHYxvg==
-
-es-object-atoms@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.0.0.tgz#ddb55cd47ac2e240701260bc2a8e31ecb643d941"
-  integrity sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==
-  dependencies:
-    es-errors "^1.3.0"
-
-es-set-tostringtag@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz#8bb60f0a440c2e4281962428438d58545af39777"
-  integrity sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==
-  dependencies:
-    get-intrinsic "^1.2.4"
-    has-tostringtag "^1.0.2"
-    hasown "^2.0.1"
-
-es-shim-unscopables@^1.0.0, es-shim-unscopables@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz#1f6942e71ecc7835ed1c8a83006d8771a63a3763"
-  integrity sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==
-  dependencies:
-    hasown "^2.0.0"
-
-es-to-primitive@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
-  integrity sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==
-  dependencies:
-    is-callable "^1.1.4"
-    is-date-object "^1.0.1"
-    is-symbol "^1.0.2"
-
-es5-ext@^0.10.35, es5-ext@^0.10.46, es5-ext@^0.10.53, es5-ext@^0.10.62, es5-ext@^0.10.63, es5-ext@^0.10.64, es5-ext@~0.10.14, es5-ext@~0.10.2, es5-ext@~0.10.46:
-  version "0.10.64"
-  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.64.tgz#12e4ffb48f1ba2ea777f1fcdd1918ef73ea21714"
-  integrity sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==
-  dependencies:
-    es6-iterator "^2.0.3"
-    es6-symbol "^3.1.3"
-    esniff "^2.0.1"
-    next-tick "^1.1.0"
-
-es6-iterator@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.3.tgz#a7de889141a05a94b0854403b2d0a0fbfa98f3b7"
-  integrity sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==
-  dependencies:
-    d "1"
-    es5-ext "^0.10.35"
-    es6-symbol "^3.1.1"
-
-es6-promise@4.2.8, es6-promise@^4.0.3, es6-promise@^4.2.8:
-  version "4.2.8"
-  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.8.tgz#4eb21594c972bc40553d276e510539143db53e0a"
-  integrity sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==
-
-es6-promisify@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/es6-promisify/-/es6-promisify-5.0.0.tgz#5109d62f3e56ea967c4b63505aef08291c8a5203"
-  integrity sha512-C+d6UdsYDk0lMebHNR4S2NybQMMngAOnOwYBQjTOiv0MkoJMP0Myw2mgpDLBcpfCmRLxyFqYhS/CfOENq4SJhQ==
-  dependencies:
-    es6-promise "^4.0.3"
-
-es6-symbol@^3.1.1, es6-symbol@^3.1.3:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.4.tgz#f4e7d28013770b4208ecbf3e0bf14d3bcb557b8c"
-  integrity sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==
-  dependencies:
-    d "^1.0.2"
-    ext "^1.7.0"
-
-es6-weak-map@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/es6-weak-map/-/es6-weak-map-2.0.3.tgz#b6da1f16cc2cc0d9be43e6bdbfc5e7dfcdf31d53"
-  integrity sha512-p5um32HOTO1kP+w7PRnB+5lQ43Z6muuMuIMffvDN8ZB4GcnjLBV6zGStpbASIMk4DCAvEaamhe2zhyCb/QXXsA==
-  dependencies:
-    d "1"
-    es5-ext "^0.10.46"
-    es6-iterator "^2.0.3"
-    es6-symbol "^3.1.1"
-
-esbuild-plugin-alias@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/esbuild-plugin-alias/-/esbuild-plugin-alias-0.2.1.tgz#45a86cb941e20e7c2bc68a2bea53562172494fcb"
-  integrity sha512-jyfL/pwPqaFXyKnj8lP8iLk6Z0m099uXR45aSN8Av1XD4vhvQutxxPzgA2bTcAwQpa1zCXDcWOlhFgyP3GKqhQ==
-
-esbuild-register@^3.5.0:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/esbuild-register/-/esbuild-register-3.5.0.tgz#449613fb29ab94325c722f560f800dd946dc8ea8"
-  integrity sha512-+4G/XmakeBAsvJuDugJvtyF1x+XJT4FMocynNpxrvEBViirpfUn2PgNpCHedfWhF4WokNsO/OvMKrmJOIJsI5A==
-  dependencies:
-    debug "^4.3.4"
-
-"esbuild@^0.18.0 || ^0.19.0 || ^0.20.0":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.20.2.tgz#9d6b2386561766ee6b5a55196c6d766d28c87ea1"
-  integrity sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==
-  optionalDependencies:
-    "@esbuild/aix-ppc64" "0.20.2"
-    "@esbuild/android-arm" "0.20.2"
-    "@esbuild/android-arm64" "0.20.2"
-    "@esbuild/android-x64" "0.20.2"
-    "@esbuild/darwin-arm64" "0.20.2"
-    "@esbuild/darwin-x64" "0.20.2"
-    "@esbuild/freebsd-arm64" "0.20.2"
-    "@esbuild/freebsd-x64" "0.20.2"
-    "@esbuild/linux-arm" "0.20.2"
-    "@esbuild/linux-arm64" "0.20.2"
-    "@esbuild/linux-ia32" "0.20.2"
-    "@esbuild/linux-loong64" "0.20.2"
-    "@esbuild/linux-mips64el" "0.20.2"
-    "@esbuild/linux-ppc64" "0.20.2"
-    "@esbuild/linux-riscv64" "0.20.2"
-    "@esbuild/linux-s390x" "0.20.2"
-    "@esbuild/linux-x64" "0.20.2"
-    "@esbuild/netbsd-x64" "0.20.2"
-    "@esbuild/openbsd-x64" "0.20.2"
-    "@esbuild/sunos-x64" "0.20.2"
-    "@esbuild/win32-arm64" "0.20.2"
-    "@esbuild/win32-ia32" "0.20.2"
-    "@esbuild/win32-x64" "0.20.2"
-
-esbuild@^0.19.2:
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.19.12.tgz#dc82ee5dc79e82f5a5c3b4323a2a641827db3e04"
-  integrity sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==
-  optionalDependencies:
-    "@esbuild/aix-ppc64" "0.19.12"
-    "@esbuild/android-arm" "0.19.12"
-    "@esbuild/android-arm64" "0.19.12"
-    "@esbuild/android-x64" "0.19.12"
-    "@esbuild/darwin-arm64" "0.19.12"
-    "@esbuild/darwin-x64" "0.19.12"
-    "@esbuild/freebsd-arm64" "0.19.12"
-    "@esbuild/freebsd-x64" "0.19.12"
-    "@esbuild/linux-arm" "0.19.12"
-    "@esbuild/linux-arm64" "0.19.12"
-    "@esbuild/linux-ia32" "0.19.12"
-    "@esbuild/linux-loong64" "0.19.12"
-    "@esbuild/linux-mips64el" "0.19.12"
-    "@esbuild/linux-ppc64" "0.19.12"
-    "@esbuild/linux-riscv64" "0.19.12"
-    "@esbuild/linux-s390x" "0.19.12"
-    "@esbuild/linux-x64" "0.19.12"
-    "@esbuild/netbsd-x64" "0.19.12"
-    "@esbuild/openbsd-x64" "0.19.12"
-    "@esbuild/sunos-x64" "0.19.12"
-    "@esbuild/win32-arm64" "0.19.12"
-    "@esbuild/win32-ia32" "0.19.12"
-    "@esbuild/win32-x64" "0.19.12"
-
-escalade@^3.1.1, escalade@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.2.tgz#54076e9ab29ea5bf3d8f1ed62acffbb88272df27"
-  integrity sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==
-
-escape-html@~1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
-  integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
-
-escape-string-regexp@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
-  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
-
-escape-string-regexp@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
-  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
-
-escape-string-regexp@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
-  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
-
-escodegen@^2.0.0, escodegen@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.1.0.tgz#ba93bbb7a43986d29d6041f99f5262da773e2e17"
-  integrity sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==
-  dependencies:
-    esprima "^4.0.1"
-    estraverse "^5.2.0"
-    esutils "^2.0.2"
-  optionalDependencies:
-    source-map "~0.6.1"
-
-eslint-config-next@^14.1.0:
-  version "14.2.3"
-  resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-14.2.3.tgz#2fb0f7c4eccda530a4b5054438162b2303786d4f"
-  integrity sha512-ZkNztm3Q7hjqvB1rRlOX8P9E/cXRL9ajRcs8jufEtwMfTVYRqnmtnaSu57QqHyBlovMuiB8LEzfLBkh5RYV6Fg==
-  dependencies:
-    "@next/eslint-plugin-next" "14.2.3"
-    "@rushstack/eslint-patch" "^1.3.3"
-    "@typescript-eslint/parser" "^5.4.2 || ^6.0.0 || 7.0.0 - 7.2.0"
-    eslint-import-resolver-node "^0.3.6"
-    eslint-import-resolver-typescript "^3.5.2"
-    eslint-plugin-import "^2.28.1"
-    eslint-plugin-jsx-a11y "^6.7.1"
-    eslint-plugin-react "^7.33.2"
-    eslint-plugin-react-hooks "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
-
-eslint-config-prettier@^8.5.0:
-  version "8.10.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.10.0.tgz#3a06a662130807e2502fc3ff8b4143d8a0658e11"
-  integrity sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==
-
-eslint-import-resolver-node@^0.3.6, eslint-import-resolver-node@^0.3.9:
-  version "0.3.9"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz#d4eaac52b8a2e7c3cd1903eb00f7e053356118ac"
-  integrity sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==
-  dependencies:
-    debug "^3.2.7"
-    is-core-module "^2.13.0"
-    resolve "^1.22.4"
-
-eslint-import-resolver-typescript@^3.5.2:
-  version "3.6.1"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz#7b983680edd3f1c5bce1a5829ae0bc2d57fe9efa"
-  integrity sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==
-  dependencies:
-    debug "^4.3.4"
-    enhanced-resolve "^5.12.0"
-    eslint-module-utils "^2.7.4"
-    fast-glob "^3.3.1"
-    get-tsconfig "^4.5.0"
-    is-core-module "^2.11.0"
-    is-glob "^4.0.3"
-
-eslint-module-utils@^2.7.4, eslint-module-utils@^2.8.0:
-  version "2.8.1"
-  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.8.1.tgz#52f2404300c3bd33deece9d7372fb337cc1d7c34"
-  integrity sha512-rXDXR3h7cs7dy9RNpUlQf80nX31XWJEyGq1tRMo+6GsO5VmTe4UTwtmonAD4ZkAsrfMVDA2wlGJ3790Ys+D49Q==
-  dependencies:
-    debug "^3.2.7"
-
-eslint-plugin-import@^2.28.1:
-  version "2.29.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz#d45b37b5ef5901d639c15270d74d46d161150643"
-  integrity sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==
-  dependencies:
-    array-includes "^3.1.7"
-    array.prototype.findlastindex "^1.2.3"
-    array.prototype.flat "^1.3.2"
-    array.prototype.flatmap "^1.3.2"
-    debug "^3.2.7"
-    doctrine "^2.1.0"
-    eslint-import-resolver-node "^0.3.9"
-    eslint-module-utils "^2.8.0"
-    hasown "^2.0.0"
-    is-core-module "^2.13.1"
-    is-glob "^4.0.3"
-    minimatch "^3.1.2"
-    object.fromentries "^2.0.7"
-    object.groupby "^1.0.1"
-    object.values "^1.1.7"
-    semver "^6.3.1"
-    tsconfig-paths "^3.15.0"
-
-eslint-plugin-jsx-a11y@^6.7.1:
-  version "6.8.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.8.0.tgz#2fa9c701d44fcd722b7c771ec322432857fcbad2"
-  integrity sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==
-  dependencies:
-    "@babel/runtime" "^7.23.2"
-    aria-query "^5.3.0"
-    array-includes "^3.1.7"
-    array.prototype.flatmap "^1.3.2"
-    ast-types-flow "^0.0.8"
-    axe-core "=4.7.0"
-    axobject-query "^3.2.1"
-    damerau-levenshtein "^1.0.8"
-    emoji-regex "^9.2.2"
-    es-iterator-helpers "^1.0.15"
-    hasown "^2.0.0"
-    jsx-ast-utils "^3.3.5"
-    language-tags "^1.0.9"
-    minimatch "^3.1.2"
-    object.entries "^1.1.7"
-    object.fromentries "^2.0.7"
-
-eslint-plugin-no-only-tests@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-no-only-tests/-/eslint-plugin-no-only-tests-3.1.0.tgz#f38e4935c6c6c4842bf158b64aaa20c366fe171b"
-  integrity sha512-Lf4YW/bL6Un1R6A76pRZyE1dl1vr31G/ev8UzIc/geCgFWyrKil8hVjYqWVKGB/UIGmb6Slzs9T0wNezdSVegw==
-
-eslint-plugin-prettier@^4.0.0:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz#651cbb88b1dab98bfd42f017a12fa6b2d993f94b"
-  integrity sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==
-  dependencies:
-    prettier-linter-helpers "^1.0.0"
-
-"eslint-plugin-react-hooks@^4.5.0 || 5.0.0-canary-7118f5dd7-20230705":
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz#c829eb06c0e6f484b3fbb85a97e57784f328c596"
-  integrity sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==
-
-eslint-plugin-react@^7.33.2:
-  version "7.34.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.34.1.tgz#6806b70c97796f5bbfb235a5d3379ece5f4da997"
-  integrity sha512-N97CxlouPT1AHt8Jn0mhhN2RrADlUAsk1/atcT2KyA/l9Q/E6ll7OIGwNumFmWfZ9skV3XXccYS19h80rHtgkw==
-  dependencies:
-    array-includes "^3.1.7"
-    array.prototype.findlast "^1.2.4"
-    array.prototype.flatmap "^1.3.2"
-    array.prototype.toreversed "^1.1.2"
-    array.prototype.tosorted "^1.1.3"
-    doctrine "^2.1.0"
-    es-iterator-helpers "^1.0.17"
-    estraverse "^5.3.0"
-    jsx-ast-utils "^2.4.1 || ^3.0.0"
-    minimatch "^3.1.2"
-    object.entries "^1.1.7"
-    object.fromentries "^2.0.7"
-    object.hasown "^1.1.3"
-    object.values "^1.1.7"
-    prop-types "^15.8.1"
-    resolve "^2.0.0-next.5"
-    semver "^6.3.1"
-    string.prototype.matchall "^4.0.10"
-
-eslint-plugin-storybook@^0.8.0:
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-storybook/-/eslint-plugin-storybook-0.8.0.tgz#23185ecabdc289cae55248c090f0c1d8fbae6c41"
-  integrity sha512-CZeVO5EzmPY7qghO2t64oaFM+8FTaD4uzOEjHKp516exyTKo+skKAL9GI3QALS2BXhyALJjNtwbmr1XinGE8bA==
-  dependencies:
-    "@storybook/csf" "^0.0.1"
-    "@typescript-eslint/utils" "^5.62.0"
-    requireindex "^1.2.0"
-    ts-dedent "^2.2.0"
-
-eslint-plugin-unused-imports@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-unused-imports/-/eslint-plugin-unused-imports-2.0.0.tgz#d8db8c4d0cfa0637a8b51ce3fd7d1b6bc3f08520"
-  integrity sha512-3APeS/tQlTrFa167ThtP0Zm0vctjr4M44HMpeg1P4bK6wItarumq0Ma82xorMKdFsWpphQBlRPzw/pxiVELX1A==
-  dependencies:
-    eslint-rule-composer "^0.3.0"
-
-eslint-rule-composer@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz#79320c927b0c5c0d3d3d2b76c8b4a488f25bbaf9"
-  integrity sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==
-
-eslint-scope@5.1.1, eslint-scope@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
-  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
-  dependencies:
-    esrecurse "^4.3.0"
-    estraverse "^4.1.1"
-
-eslint-scope@^7.2.2:
-  version "7.2.2"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
-  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
-  dependencies:
-    esrecurse "^4.3.0"
-    estraverse "^5.2.0"
-
-eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
-  version "3.4.3"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
-  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
-
-eslint@^8.57.0:
-  version "8.57.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.57.0.tgz#c786a6fd0e0b68941aaf624596fb987089195668"
-  integrity sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==
-  dependencies:
-    "@eslint-community/eslint-utils" "^4.2.0"
-    "@eslint-community/regexpp" "^4.6.1"
-    "@eslint/eslintrc" "^2.1.4"
-    "@eslint/js" "8.57.0"
-    "@humanwhocodes/config-array" "^0.11.14"
-    "@humanwhocodes/module-importer" "^1.0.1"
-    "@nodelib/fs.walk" "^1.2.8"
-    "@ungap/structured-clone" "^1.2.0"
-    ajv "^6.12.4"
-    chalk "^4.0.0"
-    cross-spawn "^7.0.2"
-    debug "^4.3.2"
-    doctrine "^3.0.0"
-    escape-string-regexp "^4.0.0"
-    eslint-scope "^7.2.2"
-    eslint-visitor-keys "^3.4.3"
-    espree "^9.6.1"
-    esquery "^1.4.2"
-    esutils "^2.0.2"
-    fast-deep-equal "^3.1.3"
-    file-entry-cache "^6.0.1"
-    find-up "^5.0.0"
-    glob-parent "^6.0.2"
-    globals "^13.19.0"
-    graphemer "^1.4.0"
-    ignore "^5.2.0"
-    imurmurhash "^0.1.4"
-    is-glob "^4.0.0"
-    is-path-inside "^3.0.3"
-    js-yaml "^4.1.0"
-    json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.4.1"
-    lodash.merge "^4.6.2"
-    minimatch "^3.1.2"
-    natural-compare "^1.4.0"
-    optionator "^0.9.3"
-    strip-ansi "^6.0.1"
-    text-table "^0.2.0"
-
-esniff@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/esniff/-/esniff-2.0.1.tgz#a4d4b43a5c71c7ec51c51098c1d8a29081f9b308"
-  integrity sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==
-  dependencies:
-    d "^1.0.1"
-    es5-ext "^0.10.62"
-    event-emitter "^0.3.5"
-    type "^2.7.2"
-
-espree@^9.6.0, espree@^9.6.1:
-  version "9.6.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
-  integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
-  dependencies:
-    acorn "^8.9.0"
-    acorn-jsx "^5.3.2"
-    eslint-visitor-keys "^3.4.1"
-
-esprima@^4.0.0, esprima@^4.0.1, esprima@~4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
-  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
-
-esquery@^1.4.2:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
-  integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
-  dependencies:
-    estraverse "^5.1.0"
-
-esrecurse@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
-  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
-  dependencies:
-    estraverse "^5.2.0"
-
-estraverse@^4.1.1:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
-  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
-
-estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
-  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
-
-estree-walker@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
-  integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
-
-estree-walker@^2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
-  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
-
-estree-walker@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-3.0.3.tgz#67c3e549ec402a487b4fc193d1953a524752340d"
-  integrity sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==
-  dependencies:
-    "@types/estree" "^1.0.0"
-
-esutils@^2.0.2:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
-  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
-
-etag@~1.8.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
-  integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
-
-eth-block-tracker@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/eth-block-tracker/-/eth-block-tracker-7.1.0.tgz#dfc16085c6817cc30caabba381deb8d204c1c766"
-  integrity sha512-8YdplnuE1IK4xfqpf4iU7oBxnOYAc35934o083G8ao+8WM8QQtt/mVlAY6yIAdY1eMeLqg4Z//PZjJGmWGPMRg==
-  dependencies:
-    "@metamask/eth-json-rpc-provider" "^1.0.0"
-    "@metamask/safe-event-emitter" "^3.0.0"
-    "@metamask/utils" "^5.0.1"
-    json-rpc-random-id "^1.0.1"
-    pify "^3.0.0"
-
-eth-crypto@^2.1.0:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/eth-crypto/-/eth-crypto-2.6.0.tgz#b777f367ae8c70e5917b3b7d52adab6b34841e29"
-  integrity sha512-GCX4ffFYRUGgnuWR5qxcZIRQJ1KEqPFiyXU9yVy7s6dtXIMlUXZQ2h+5ID6rFaOHWbpJbjfkC6YdhwtwRYCnug==
-  dependencies:
-    "@babel/runtime" "7.20.13"
-    "@ethereumjs/tx" "3.5.2"
-    "@types/bn.js" "5.1.1"
-    eccrypto "1.1.6"
-    ethereumjs-util "7.1.5"
-    ethers "5.7.2"
-    secp256k1 "5.0.0"
-
-eth-ens-namehash@2.0.8:
-  version "2.0.8"
-  resolved "https://registry.yarnpkg.com/eth-ens-namehash/-/eth-ens-namehash-2.0.8.tgz#229ac46eca86d52e0c991e7cb2aef83ff0f68bcf"
-  integrity sha512-VWEI1+KJfz4Km//dadyvBBoBeSQ0MHTXPvr8UIXiLW6IanxvAV+DmlZAijZwAyggqGUfwQBeHf7tc9wzc1piSw==
-  dependencies:
-    idna-uts46-hx "^2.3.1"
-    js-sha3 "^0.5.7"
-
-eth-json-rpc-filters@^6.0.0:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/eth-json-rpc-filters/-/eth-json-rpc-filters-6.0.1.tgz#0b3e370f017f5c6f58d3e7bd0756d8099ed85c56"
-  integrity sha512-ITJTvqoCw6OVMLs7pI8f4gG92n/St6x80ACtHodeS+IXmO0w+t1T5OOzfSt7KLSMLRkVUoexV7tztLgDxg+iig==
-  dependencies:
-    "@metamask/safe-event-emitter" "^3.0.0"
-    async-mutex "^0.2.6"
-    eth-query "^2.1.2"
-    json-rpc-engine "^6.1.0"
-    pify "^5.0.0"
-
-eth-lib@0.2.8:
-  version "0.2.8"
-  resolved "https://registry.yarnpkg.com/eth-lib/-/eth-lib-0.2.8.tgz#b194058bef4b220ad12ea497431d6cb6aa0623c8"
-  integrity sha512-ArJ7x1WcWOlSpzdoTBX8vkwlkSQ85CjjifSZtV4co64vWxSV8geWfPI9x4SVYu3DSxnX4yWFVTtGL+j9DUFLNw==
-  dependencies:
-    bn.js "^4.11.6"
-    elliptic "^6.4.0"
-    xhr-request-promise "^0.1.2"
-
-eth-lib@^0.1.26:
-  version "0.1.29"
-  resolved "https://registry.yarnpkg.com/eth-lib/-/eth-lib-0.1.29.tgz#0c11f5060d42da9f931eab6199084734f4dbd1d9"
-  integrity sha512-bfttrr3/7gG4E02HoWTDUcDDslN003OlOoBxk9virpAZQ1ja/jDgwkWB8QfJF7ojuEowrqy+lzp9VcJG7/k5bQ==
-  dependencies:
-    bn.js "^4.11.6"
-    elliptic "^6.4.0"
-    nano-json-stream-parser "^0.1.2"
-    servify "^0.1.12"
-    ws "^3.0.0"
-    xhr-request-promise "^0.1.2"
-
-eth-query@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/eth-query/-/eth-query-2.1.2.tgz#d6741d9000106b51510c72db92d6365456a6da5e"
-  integrity sha512-srES0ZcvwkR/wd5OQBRA1bIJMww1skfGS0s8wlwK3/oNP4+wnds60krvu5R1QbpRQjMmpG5OMIWro5s7gvDPsA==
-  dependencies:
-    json-rpc-random-id "^1.0.0"
-    xtend "^4.0.1"
-
-eth-rpc-errors@^4.0.2:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/eth-rpc-errors/-/eth-rpc-errors-4.0.3.tgz#6ddb6190a4bf360afda82790bb7d9d5e724f423a"
-  integrity sha512-Z3ymjopaoft7JDoxZcEb3pwdGh7yiYMhOwm2doUt6ASXlMavpNlK6Cre0+IMl2VSGyEU9rkiperQhp5iRxn5Pg==
-  dependencies:
-    fast-safe-stringify "^2.0.6"
-
-ethereum-bloom-filters@^1.0.6:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/ethereum-bloom-filters/-/ethereum-bloom-filters-1.1.0.tgz#b3fc1eb789509ee30db0bf99a2988ccacb8d0397"
-  integrity sha512-J1gDRkLpuGNvWYzWslBQR9cDV4nd4kfvVTE/Wy4Kkm4yb3EYRSlyi0eB/inTsSTTVyA0+HyzHgbr95Fn/Z1fSw==
-  dependencies:
-    "@noble/hashes" "^1.4.0"
-
-ethereum-cryptography@^0.1.3:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/ethereum-cryptography/-/ethereum-cryptography-0.1.3.tgz#8d6143cfc3d74bf79bbd8edecdf29e4ae20dd191"
-  integrity sha512-w8/4x1SGGzc+tO97TASLja6SLd3fRIK2tLVcV2Gx4IB21hE19atll5Cq9o3d0ZmAYC/8aw0ipieTSiekAea4SQ==
-  dependencies:
-    "@types/pbkdf2" "^3.0.0"
-    "@types/secp256k1" "^4.0.1"
-    blakejs "^1.1.0"
-    browserify-aes "^1.2.0"
-    bs58check "^2.1.2"
-    create-hash "^1.2.0"
-    create-hmac "^1.1.7"
-    hash.js "^1.1.7"
-    keccak "^3.0.0"
-    pbkdf2 "^3.0.17"
-    randombytes "^2.1.0"
-    safe-buffer "^5.1.2"
-    scrypt-js "^3.0.0"
-    secp256k1 "^4.0.1"
-    setimmediate "^1.0.5"
-
-ethereum-cryptography@^2.0.0, ethereum-cryptography@^2.1.2, ethereum-cryptography@^2.1.3:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/ethereum-cryptography/-/ethereum-cryptography-2.1.3.tgz#1352270ed3b339fe25af5ceeadcf1b9c8e30768a"
-  integrity sha512-BlwbIL7/P45W8FGW2r7LGuvoEZ+7PWsniMvQ4p5s2xCyw9tmaDlpfsN9HjAucbF+t/qpVHwZUisgfK24TCW8aA==
-  dependencies:
-    "@noble/curves" "1.3.0"
-    "@noble/hashes" "1.3.3"
-    "@scure/bip32" "1.3.3"
-    "@scure/bip39" "1.2.2"
-
-ethereumjs-abi@^0.6.8:
-  version "0.6.8"
-  resolved "https://registry.yarnpkg.com/ethereumjs-abi/-/ethereumjs-abi-0.6.8.tgz#71bc152db099f70e62f108b7cdfca1b362c6fcae"
-  integrity sha512-Tx0r/iXI6r+lRsdvkFDlut0N08jWMnKRZ6Gkq+Nmw75lZe4e6o3EkSnkaBP5NF6+m5PTGAr9JP43N3LyeoglsA==
-  dependencies:
-    bn.js "^4.11.8"
-    ethereumjs-util "^6.0.0"
-
-ethereumjs-util@7.1.5, ethereumjs-util@^7.0.7, ethereumjs-util@^7.0.8, ethereumjs-util@^7.1.3, ethereumjs-util@^7.1.4, ethereumjs-util@^7.1.5:
-  version "7.1.5"
-  resolved "https://registry.yarnpkg.com/ethereumjs-util/-/ethereumjs-util-7.1.5.tgz#9ecf04861e4fbbeed7465ece5f23317ad1129181"
-  integrity sha512-SDl5kKrQAudFBUe5OJM9Ac6WmMyYmXX/6sTmLZ3ffG2eY6ZIGBes3pEDxNN6V72WyOw4CPD5RomKdsa8DAAwLg==
-  dependencies:
-    "@types/bn.js" "^5.1.0"
-    bn.js "^5.1.2"
-    create-hash "^1.1.2"
-    ethereum-cryptography "^0.1.3"
-    rlp "^2.2.4"
-
-ethereumjs-util@^6.0.0, ethereumjs-util@^6.2.1:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/ethereumjs-util/-/ethereumjs-util-6.2.1.tgz#fcb4e4dd5ceacb9d2305426ab1a5cd93e3163b69"
-  integrity sha512-W2Ktez4L01Vexijrm5EB6w7dg4n/TgpoYU4avuT5T3Vmnw/eCRtiBrJfQYS/DCSvDIOLn2k57GcHdeBcgVxAqw==
-  dependencies:
-    "@types/bn.js" "^4.11.3"
-    bn.js "^4.11.0"
-    create-hash "^1.1.2"
-    elliptic "^6.5.2"
-    ethereum-cryptography "^0.1.3"
-    ethjs-util "0.1.6"
-    rlp "^2.2.3"
-
-ethers@5.5.3:
-  version "5.5.3"
-  resolved "https://registry.yarnpkg.com/ethers/-/ethers-5.5.3.tgz#1e361516711c0c3244b6210e7e3ecabf0c75fca0"
-  integrity sha512-fTT4WT8/hTe/BLwRUtl7I5zlpF3XC3P/Xwqxc5AIP2HGlH15qpmjs0Ou78az93b1rLITzXLFxoNX63B8ZbUd7g==
-  dependencies:
-    "@ethersproject/abi" "5.5.0"
-    "@ethersproject/abstract-provider" "5.5.1"
-    "@ethersproject/abstract-signer" "5.5.0"
-    "@ethersproject/address" "5.5.0"
-    "@ethersproject/base64" "5.5.0"
-    "@ethersproject/basex" "5.5.0"
-    "@ethersproject/bignumber" "5.5.0"
-    "@ethersproject/bytes" "5.5.0"
-    "@ethersproject/constants" "5.5.0"
-    "@ethersproject/contracts" "5.5.0"
-    "@ethersproject/hash" "5.5.0"
-    "@ethersproject/hdnode" "5.5.0"
-    "@ethersproject/json-wallets" "5.5.0"
-    "@ethersproject/keccak256" "5.5.0"
-    "@ethersproject/logger" "5.5.0"
-    "@ethersproject/networks" "5.5.2"
-    "@ethersproject/pbkdf2" "5.5.0"
-    "@ethersproject/properties" "5.5.0"
-    "@ethersproject/providers" "5.5.2"
-    "@ethersproject/random" "5.5.1"
-    "@ethersproject/rlp" "5.5.0"
-    "@ethersproject/sha2" "5.5.0"
-    "@ethersproject/signing-key" "5.5.0"
-    "@ethersproject/solidity" "5.5.0"
-    "@ethersproject/strings" "5.5.0"
-    "@ethersproject/transactions" "5.5.0"
-    "@ethersproject/units" "5.5.0"
-    "@ethersproject/wallet" "5.5.0"
-    "@ethersproject/web" "5.5.1"
-    "@ethersproject/wordlists" "5.5.0"
-
-ethers@5.5.4:
-  version "5.5.4"
-  resolved "https://registry.yarnpkg.com/ethers/-/ethers-5.5.4.tgz#e1155b73376a2f5da448e4a33351b57a885f4352"
-  integrity sha512-N9IAXsF8iKhgHIC6pquzRgPBJEzc9auw3JoRkaKe+y4Wl/LFBtDDunNe7YmdomontECAcC5APaAgWZBiu1kirw==
-  dependencies:
-    "@ethersproject/abi" "5.5.0"
-    "@ethersproject/abstract-provider" "5.5.1"
-    "@ethersproject/abstract-signer" "5.5.0"
-    "@ethersproject/address" "5.5.0"
-    "@ethersproject/base64" "5.5.0"
-    "@ethersproject/basex" "5.5.0"
-    "@ethersproject/bignumber" "5.5.0"
-    "@ethersproject/bytes" "5.5.0"
-    "@ethersproject/constants" "5.5.0"
-    "@ethersproject/contracts" "5.5.0"
-    "@ethersproject/hash" "5.5.0"
-    "@ethersproject/hdnode" "5.5.0"
-    "@ethersproject/json-wallets" "5.5.0"
-    "@ethersproject/keccak256" "5.5.0"
-    "@ethersproject/logger" "5.5.0"
-    "@ethersproject/networks" "5.5.2"
-    "@ethersproject/pbkdf2" "5.5.0"
-    "@ethersproject/properties" "5.5.0"
-    "@ethersproject/providers" "5.5.3"
-    "@ethersproject/random" "5.5.1"
-    "@ethersproject/rlp" "5.5.0"
-    "@ethersproject/sha2" "5.5.0"
-    "@ethersproject/signing-key" "5.5.0"
-    "@ethersproject/solidity" "5.5.0"
-    "@ethersproject/strings" "5.5.0"
-    "@ethersproject/transactions" "5.5.0"
-    "@ethersproject/units" "5.5.0"
-    "@ethersproject/wallet" "5.5.0"
-    "@ethersproject/web" "5.5.1"
-    "@ethersproject/wordlists" "5.5.0"
-
-ethers@5.7.2:
-  version "5.7.2"
-  resolved "https://registry.yarnpkg.com/ethers/-/ethers-5.7.2.tgz#3a7deeabbb8c030d4126b24f84e525466145872e"
-  integrity sha512-wswUsmWo1aOK8rR7DIKiWSw9DbLWe6x98Jrn8wcTflTVvaXhAMaB5zGAXy0GYQEQp9iO1iSHWVyARQm11zUtyg==
-  dependencies:
-    "@ethersproject/abi" "5.7.0"
-    "@ethersproject/abstract-provider" "5.7.0"
-    "@ethersproject/abstract-signer" "5.7.0"
-    "@ethersproject/address" "5.7.0"
-    "@ethersproject/base64" "5.7.0"
-    "@ethersproject/basex" "5.7.0"
-    "@ethersproject/bignumber" "5.7.0"
-    "@ethersproject/bytes" "5.7.0"
-    "@ethersproject/constants" "5.7.0"
-    "@ethersproject/contracts" "5.7.0"
-    "@ethersproject/hash" "5.7.0"
-    "@ethersproject/hdnode" "5.7.0"
-    "@ethersproject/json-wallets" "5.7.0"
-    "@ethersproject/keccak256" "5.7.0"
-    "@ethersproject/logger" "5.7.0"
-    "@ethersproject/networks" "5.7.1"
-    "@ethersproject/pbkdf2" "5.7.0"
-    "@ethersproject/properties" "5.7.0"
-    "@ethersproject/providers" "5.7.2"
-    "@ethersproject/random" "5.7.0"
-    "@ethersproject/rlp" "5.7.0"
-    "@ethersproject/sha2" "5.7.0"
-    "@ethersproject/signing-key" "5.7.0"
-    "@ethersproject/solidity" "5.7.0"
-    "@ethersproject/strings" "5.7.0"
-    "@ethersproject/transactions" "5.7.0"
-    "@ethersproject/units" "5.7.0"
-    "@ethersproject/wallet" "5.7.0"
-    "@ethersproject/web" "5.7.1"
-    "@ethersproject/wordlists" "5.7.0"
-
-ethers@^6.11.1, ethers@^6.7.1, ethers@^6.9.2:
-  version "6.12.1"
-  resolved "https://registry.yarnpkg.com/ethers/-/ethers-6.12.1.tgz#517ff6d66d4fd5433e38e903051da3e57c87ff37"
-  integrity sha512-j6wcVoZf06nqEcBbDWkKg8Fp895SS96dSnTCjiXT+8vt2o02raTn4Lo9ERUuIVU5bAjoPYeA+7ytQFexFmLuVw==
-  dependencies:
-    "@adraffy/ens-normalize" "1.10.1"
-    "@noble/curves" "1.2.0"
-    "@noble/hashes" "1.3.2"
-    "@types/node" "18.15.13"
-    aes-js "4.0.0-beta.5"
-    tslib "2.4.0"
-    ws "8.5.0"
-
-ethjs-unit@0.1.6:
-  version "0.1.6"
-  resolved "https://registry.yarnpkg.com/ethjs-unit/-/ethjs-unit-0.1.6.tgz#c665921e476e87bce2a9d588a6fe0405b2c41699"
-  integrity sha512-/Sn9Y0oKl0uqQuvgFk/zQgR7aw1g36qX/jzSQ5lSwlO0GigPymk4eGQfeNTD03w1dPOqfz8V77Cy43jH56pagw==
-  dependencies:
-    bn.js "4.11.6"
-    number-to-bn "1.7.0"
-
-ethjs-util@0.1.6, ethjs-util@^0.1.6:
-  version "0.1.6"
-  resolved "https://registry.yarnpkg.com/ethjs-util/-/ethjs-util-0.1.6.tgz#f308b62f185f9fe6237132fb2a9818866a5cd536"
-  integrity sha512-CUnVOQq7gSpDHZVVrQW8ExxUETWrnrvXYvYz55wOU8Uj4VCgw56XC2B/fVqQN+f7gmrnRHSLVnFAwsCuNwji8w==
-  dependencies:
-    is-hex-prefixed "1.0.0"
-    strip-hex-prefix "1.0.0"
-
-event-emitter@^0.3.5:
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/event-emitter/-/event-emitter-0.3.5.tgz#df8c69eef1647923c7157b9ce83840610b02cc39"
-  integrity sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==
-  dependencies:
-    d "1"
-    es5-ext "~0.10.14"
-
-event-target-shim@^5.0.0:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/event-target-shim/-/event-target-shim-5.0.1.tgz#5d4d3ebdf9583d63a5333ce2deb7480ab2b05789"
-  integrity sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==
-
-eventemitter2@6.4.7:
-  version "6.4.7"
-  resolved "https://registry.yarnpkg.com/eventemitter2/-/eventemitter2-6.4.7.tgz#a7f6c4d7abf28a14c1ef3442f21cb306a054271d"
-  integrity sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==
-
-eventemitter3@4.0.4:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.4.tgz#b5463ace635a083d018bdc7c917b4c5f10a85384"
-  integrity sha512-rlaVLnVxtxvoyLsQQFBx53YmXHDxRIzzTLbdfxqi4yocpSjAxXwkU0cScM5JgSKMqEhrZpnvQ2D9gjylR0AimQ==
-
-eventemitter3@^4.0.7:
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
-  integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
-
-eventemitter3@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-5.0.1.tgz#53f5ffd0a492ac800721bb42c66b841de96423c4"
-  integrity sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==
-
-events@3.3.0, events@^3.2.0, events@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
-  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
-
-evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz#7fcbdb198dc71959432efe13842684e0525acb02"
-  integrity sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==
-  dependencies:
-    md5.js "^1.3.4"
-    safe-buffer "^5.1.1"
-
-execa@4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-4.1.0.tgz#4e5491ad1572f2f17a77d388c6c857135b22847a"
-  integrity sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==
-  dependencies:
-    cross-spawn "^7.0.0"
-    get-stream "^5.0.0"
-    human-signals "^1.1.1"
-    is-stream "^2.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^4.0.0"
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
-    strip-final-newline "^2.0.0"
-
-execa@^5.0.0, execa@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
-  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
-  dependencies:
-    cross-spawn "^7.0.3"
-    get-stream "^6.0.0"
-    human-signals "^2.1.0"
-    is-stream "^2.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^4.0.1"
-    onetime "^5.1.2"
-    signal-exit "^3.0.3"
-    strip-final-newline "^2.0.0"
-
-execa@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-8.0.1.tgz#51f6a5943b580f963c3ca9c6321796db8cc39b8c"
-  integrity sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==
-  dependencies:
-    cross-spawn "^7.0.3"
-    get-stream "^8.0.1"
-    human-signals "^5.0.0"
-    is-stream "^3.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^5.1.0"
-    onetime "^6.0.0"
-    signal-exit "^4.1.0"
-    strip-final-newline "^3.0.0"
-
-executable@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/executable/-/executable-4.1.1.tgz#41532bff361d3e57af4d763b70582db18f5d133c"
-  integrity sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==
-  dependencies:
-    pify "^2.2.0"
-
-exenv@^1.2.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/exenv/-/exenv-1.2.2.tgz#2ae78e85d9894158670b03d47bec1f03bd91bb9d"
-  integrity sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw==
-
-exit@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
-  integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==
-
-expect@^29.0.0, expect@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-29.7.0.tgz#578874590dcb3214514084c08115d8aee61e11bc"
-  integrity sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==
-  dependencies:
-    "@jest/expect-utils" "^29.7.0"
-    jest-get-type "^29.6.3"
-    jest-matcher-utils "^29.7.0"
-    jest-message-util "^29.7.0"
-    jest-util "^29.7.0"
-
-expo-constants@15.4.5:
-  version "15.4.5"
-  resolved "https://registry.yarnpkg.com/expo-constants/-/expo-constants-15.4.5.tgz#81756a4c4e1c020f840a419cd86a124a6d1fb35b"
-  integrity sha512-1pVVjwk733hbbIjtQcvUFCme540v4gFemdNlaxM2UXKbfRCOh2hzgKN5joHMOysoXQe736TTUrRj7UaZI5Yyhg==
-  dependencies:
-    "@expo/config" "~8.5.0"
-
-exponential-backoff@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/exponential-backoff/-/exponential-backoff-3.1.1.tgz#64ac7526fe341ab18a39016cd22c787d01e00bf6"
-  integrity sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==
-
-express@^4.14.0, express@^4.17.3:
-  version "4.19.2"
-  resolved "https://registry.yarnpkg.com/express/-/express-4.19.2.tgz#e25437827a3aa7f2a827bc8171bbbb664a356465"
-  integrity sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==
-  dependencies:
-    accepts "~1.3.8"
-    array-flatten "1.1.1"
-    body-parser "1.20.2"
-    content-disposition "0.5.4"
-    content-type "~1.0.4"
-    cookie "0.6.0"
-    cookie-signature "1.0.6"
-    debug "2.6.9"
-    depd "2.0.0"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    etag "~1.8.1"
-    finalhandler "1.2.0"
-    fresh "0.5.2"
-    http-errors "2.0.0"
-    merge-descriptors "1.0.1"
-    methods "~1.1.2"
-    on-finished "2.4.1"
-    parseurl "~1.3.3"
-    path-to-regexp "0.1.7"
-    proxy-addr "~2.0.7"
-    qs "6.11.0"
-    range-parser "~1.2.1"
-    safe-buffer "5.2.1"
-    send "0.18.0"
-    serve-static "1.15.0"
-    setprototypeof "1.2.0"
-    statuses "2.0.1"
-    type-is "~1.6.18"
-    utils-merge "1.0.1"
-    vary "~1.1.2"
-
-ext@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/ext/-/ext-1.7.0.tgz#0ea4383c0103d60e70be99e9a7f11027a33c4f5f"
-  integrity sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==
-  dependencies:
-    type "^2.7.2"
-
-extend@~3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
-  integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
-
-extract-zip@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-2.0.1.tgz#663dca56fe46df890d5f131ef4a06d22bb8ba13a"
-  integrity sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==
-  dependencies:
-    debug "^4.1.1"
-    get-stream "^5.1.0"
-    yauzl "^2.10.0"
-  optionalDependencies:
-    "@types/yauzl" "^2.9.1"
-
-extsprintf@1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
-  integrity sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==
-
-extsprintf@^1.2.0:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.1.tgz#8d172c064867f235c0c84a596806d279bf4bcc07"
-  integrity sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==
-
-eyes@^0.1.8:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/eyes/-/eyes-0.1.8.tgz#62cf120234c683785d902348a800ef3e0cc20bc0"
-  integrity sha512-GipyPsXO1anza0AOZdy69Im7hGFCNB7Y/NGjDlZGJ3GJJLtwNSb2vrzYrTYJRrRloVx7pl+bhUaTB8yiccPvFQ==
-
-fake-indexeddb@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/fake-indexeddb/-/fake-indexeddb-4.0.2.tgz#e7a884158fa576e00f03e973b9874619947013e4"
-  integrity sha512-SdTwEhnakbgazc7W3WUXOJfGmhH0YfG4d+dRPOFoYDRTL6U5t8tvrmkf2W/C3W1jk2ylV7Wrnj44RASqpX/lEw==
-  dependencies:
-    realistic-structured-clone "^3.0.0"
-
-fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
-  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
-
-fast-diff@^1.1.2:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.3.0.tgz#ece407fa550a64d638536cd727e129c61616e0f0"
-  integrity sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==
-
-fast-glob@3.3.1:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.1.tgz#784b4e897340f3dbbef17413b3f11acf03c874c4"
-  integrity sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==
-  dependencies:
-    "@nodelib/fs.stat" "^2.0.2"
-    "@nodelib/fs.walk" "^1.2.3"
-    glob-parent "^5.1.2"
-    merge2 "^1.3.0"
-    micromatch "^4.0.4"
-
-fast-glob@^3.2.7, fast-glob@^3.2.9, fast-glob@^3.3.1, fast-glob@^3.3.2:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
-  integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
-  dependencies:
-    "@nodelib/fs.stat" "^2.0.2"
-    "@nodelib/fs.walk" "^1.2.3"
-    glob-parent "^5.1.2"
-    merge2 "^1.3.0"
-    micromatch "^4.0.4"
-
-fast-json-parse@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/fast-json-parse/-/fast-json-parse-1.0.3.tgz#43e5c61ee4efa9265633046b770fb682a7577c4d"
-  integrity sha512-FRWsaZRWEJ1ESVNbDWmsAlqDk96gPQezzLghafp5J4GUKjbCz3OkAHuZs5TuPEtkbVQERysLp9xv6c24fBm8Aw==
-
-fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
-  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
-
-fast-levenshtein@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
-  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
-
-fast-redact@^3.0.0:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/fast-redact/-/fast-redact-3.5.0.tgz#e9ea02f7e57d0cd8438180083e93077e496285e4"
-  integrity sha512-dwsoQlS7h9hMeYUq1W++23NDcBLV4KqONnITDV9DjfS3q1SgDGVrBdvvTLUotWtPSD7asWDV9/CmsZPy8Hf70A==
-
-fast-safe-stringify@^2.0.6:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/fast-safe-stringify/-/fast-safe-stringify-2.1.1.tgz#c406a83b6e70d9e35ce3b30a81141df30aeba884"
-  integrity sha512-W+KJc2dmILlPplD/H4K9l9LcAHAfPtP6BY84uVLXQ6Evcz9Lcg33Y2z1IVblT6xdY54PXYVHEv+0Wpq8Io6zkA==
-
-fast-stable-stringify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fast-stable-stringify/-/fast-stable-stringify-1.0.0.tgz#5c5543462b22aeeefd36d05b34e51c78cb86d313"
-  integrity sha512-wpYMUmFu5f00Sm0cj2pfivpmawLZ0NKdviQ4w9zJeR8JVtOpOxHmLaJuj0vxvGqMJQWyP/COUkF75/57OKyRag==
-
-fastq@^1.6.0:
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.17.1.tgz#2a523f07a4e7b1e81a42b91b8bf2254107753b47"
-  integrity sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==
-  dependencies:
-    reusify "^1.0.4"
-
-faye-websocket@0.11.4:
-  version "0.11.4"
-  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.4.tgz#7f0d9275cfdd86a1c963dc8b65fcc451edcbb1da"
-  integrity sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==
-  dependencies:
-    websocket-driver ">=0.5.1"
-
-fb-watchman@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.2.tgz#e9524ee6b5c77e9e5001af0f85f3adbb8623255c"
-  integrity sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==
-  dependencies:
-    bser "2.1.1"
-
-fd-slicer@~1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e"
-  integrity sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==
-  dependencies:
-    pend "~1.2.0"
-
-fetch-retry@^5.0.2:
-  version "5.0.6"
-  resolved "https://registry.yarnpkg.com/fetch-retry/-/fetch-retry-5.0.6.tgz#17d0bc90423405b7a88b74355bf364acd2a7fa56"
-  integrity sha512-3yurQZ2hD9VISAhJJP9bpYFNQrHHBXE2JxxjY5aLEcDi46RmAzJE2OC9FAde0yis5ElW0jTTzs0zfg/Cca4XqQ==
-
-figures@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
-  integrity sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==
-  dependencies:
-    escape-string-regexp "^1.0.5"
-
-file-entry-cache@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
-  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
-  dependencies:
-    flat-cache "^3.0.4"
-
-file-selector@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/file-selector/-/file-selector-0.6.0.tgz#fa0a8d9007b829504db4d07dd4de0310b65287dc"
-  integrity sha512-QlZ5yJC0VxHxQQsQhXvBaC7VRJ2uaxTf+Tfpu4Z/OcVQJVpZO+DGU0rkoVW5ce2SccxugvpBJoMvUs59iILYdw==
-  dependencies:
-    tslib "^2.4.0"
-
-file-system-cache@2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/file-system-cache/-/file-system-cache-2.3.0.tgz#201feaf4c8cd97b9d0d608e96861bb6005f46fe6"
-  integrity sha512-l4DMNdsIPsVnKrgEXbJwDJsA5mB8rGwHYERMgqQx/xAUtChPJMre1bXBzDEqqVbWv9AIbFezXMxeEkZDSrXUOQ==
-  dependencies:
-    fs-extra "11.1.1"
-    ramda "0.29.0"
-
-file-uri-to-path@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
-  integrity sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==
-
-filelist@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
-  integrity sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==
-  dependencies:
-    minimatch "^5.0.1"
-
-filesize@^10.0.12:
-  version "10.1.2"
-  resolved "https://registry.yarnpkg.com/filesize/-/filesize-10.1.2.tgz#33bb71c5c134102499f1bc36e6f2863137f6cb0c"
-  integrity sha512-Dx770ai81ohflojxhU+oG+Z2QGvKdYxgEr9OSA8UVrqhwNHjfH9A8f5NKfg83fEH8ZFA5N5llJo5T3PIoZ4CRA==
-
-fill-range@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
-  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
-  dependencies:
-    to-regex-range "^5.0.1"
-
-filter-obj@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/filter-obj/-/filter-obj-1.1.0.tgz#9b311112bc6c6127a16e016c6c5d7f19e0805c5b"
-  integrity sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==
-
-filter-obj@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/filter-obj/-/filter-obj-2.0.2.tgz#fff662368e505d69826abb113f0f6a98f56e9d5f"
-  integrity sha512-lO3ttPjHZRfjMcxWKb1j1eDhTFsu4meeR3lnMcnBFhk6RuLhvEiuALu2TlfL310ph4lCYYwgF/ElIjdP739tdg==
-
-finalhandler@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.2.0.tgz#7d23fe5731b207b4640e4fcd00aec1f9207a7b32"
-  integrity sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==
-  dependencies:
-    debug "2.6.9"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    on-finished "2.4.1"
-    parseurl "~1.3.3"
-    statuses "2.0.1"
-    unpipe "~1.0.0"
-
-find-cache-dir@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-2.1.0.tgz#8d0f94cd13fe43c6c7c261a0d86115ca918c05f7"
-  integrity sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==
-  dependencies:
-    commondir "^1.0.1"
-    make-dir "^2.0.0"
-    pkg-dir "^3.0.0"
-
-find-cache-dir@^3.0.0, find-cache-dir@^3.3.1:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b"
-  integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==
-  dependencies:
-    commondir "^1.0.1"
-    make-dir "^3.0.2"
-    pkg-dir "^4.1.0"
-
-find-cache-dir@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-4.0.0.tgz#a30ee0448f81a3990708f6453633c733e2f6eec2"
-  integrity sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg==
-  dependencies:
-    common-path-prefix "^3.0.0"
-    pkg-dir "^7.0.0"
-
-find-replace@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/find-replace/-/find-replace-3.0.0.tgz#3e7e23d3b05167a76f770c9fbd5258b0def68c38"
-  integrity sha512-6Tb2myMioCAgv5kfvP5/PkZZ/ntTpVK39fHY7WkWBgvbeE+VHd/tZuZ4mrC+bxh4cfOZeYKVPaJIZtZXV7GNCQ==
-  dependencies:
-    array-back "^3.0.1"
-
-find-root@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
-  integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
-
-find-up@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
-  integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
-  dependencies:
-    locate-path "^3.0.0"
-
-find-up@^4.0.0, find-up@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
-  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
-  dependencies:
-    locate-path "^5.0.0"
-    path-exists "^4.0.0"
-
-find-up@^5.0.0, find-up@~5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
-  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
-  dependencies:
-    locate-path "^6.0.0"
-    path-exists "^4.0.0"
-
-find-up@^6.3.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-6.3.0.tgz#2abab3d3280b2dc7ac10199ef324c4e002c8c790"
-  integrity sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==
-  dependencies:
-    locate-path "^7.1.0"
-    path-exists "^5.0.0"
-
-find-yarn-workspace-root@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/find-yarn-workspace-root/-/find-yarn-workspace-root-2.0.0.tgz#f47fb8d239c900eb78179aa81b66673eac88f7bd"
-  integrity sha512-1IMnbjt4KzsQfnhnzNd8wUEgXZ44IzZaZmnLYx7D5FZlaHt2gW20Cri8Q+E/t5tIj4+epTBub+2Zxu/vNILzqQ==
-  dependencies:
-    micromatch "^4.0.2"
-
-firebase@^10.3.1:
-  version "10.12.1"
-  resolved "https://registry.yarnpkg.com/firebase/-/firebase-10.12.1.tgz#b6fb9513e519a019d39bc6dff11be0abd2208cac"
-  integrity sha512-B/R3BX26OAgreA64JN0lYspYRHMS36E19/Sv9WsyQu1RqPGBzWkBlt1RW6+38SdtMDlAnk3ibKL/SRSQHb1xRw==
-  dependencies:
-    "@firebase/analytics" "0.10.4"
-    "@firebase/analytics-compat" "0.2.10"
-    "@firebase/app" "0.10.4"
-    "@firebase/app-check" "0.8.4"
-    "@firebase/app-check-compat" "0.3.11"
-    "@firebase/app-compat" "0.2.34"
-    "@firebase/app-types" "0.9.2"
-    "@firebase/auth" "1.7.3"
-    "@firebase/auth-compat" "0.5.8"
-    "@firebase/database" "1.0.5"
-    "@firebase/database-compat" "1.0.5"
-    "@firebase/firestore" "4.6.3"
-    "@firebase/firestore-compat" "0.3.32"
-    "@firebase/functions" "0.11.5"
-    "@firebase/functions-compat" "0.3.11"
-    "@firebase/installations" "0.6.7"
-    "@firebase/installations-compat" "0.2.7"
-    "@firebase/messaging" "0.12.9"
-    "@firebase/messaging-compat" "0.2.9"
-    "@firebase/performance" "0.6.7"
-    "@firebase/performance-compat" "0.2.7"
-    "@firebase/remote-config" "0.4.7"
-    "@firebase/remote-config-compat" "0.2.7"
-    "@firebase/storage" "0.12.5"
-    "@firebase/storage-compat" "0.3.8"
-    "@firebase/util" "1.9.6"
-    "@firebase/vertexai-preview" "0.0.1"
-
-flat-cache@^3.0.4:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.2.0.tgz#2c0c2d5040c99b1632771a9d105725c0115363ee"
-  integrity sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==
-  dependencies:
-    flatted "^3.2.9"
-    keyv "^4.5.3"
-    rimraf "^3.0.2"
-
-flatted@^3.2.9:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.1.tgz#21db470729a6734d4997002f439cb308987f567a"
-  integrity sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==
-
-flow-parser@0.*:
-  version "0.236.0"
-  resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.236.0.tgz#8e8e6c59ff7e8d196c0ed215b3919320a1c6e332"
-  integrity sha512-0OEk9Gr+Yj7wjDW2KgaNYUypKau71jAfFyeLQF5iVtxqc6uJHag/MT7pmaEApf4qM7u86DkBcd4ualddYMfbLw==
-
-follow-redirects@^1.15.6:
-  version "1.15.6"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.6.tgz#7f815c0cda4249c74ff09e95ef97c23b5fd0399b"
-  integrity sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==
-
-for-each@^0.3.3:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
-  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
-  dependencies:
-    is-callable "^1.1.3"
-
-foreground-child@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.1.1.tgz#1d173e776d75d2772fed08efe4a0de1ea1b12d0d"
-  integrity sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==
-  dependencies:
-    cross-spawn "^7.0.0"
-    signal-exit "^4.0.1"
-
-forever-agent@~0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
-  integrity sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==
-
-fork-ts-checker-webpack-plugin@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-8.0.0.tgz#dae45dfe7298aa5d553e2580096ced79b6179504"
-  integrity sha512-mX3qW3idpueT2klaQXBzrIM/pHw+T0B/V9KHEvNrqijTq9NFnMZU6oreVxDYcf33P8a5cW+67PjodNHthGnNVg==
-  dependencies:
-    "@babel/code-frame" "^7.16.7"
-    chalk "^4.1.2"
-    chokidar "^3.5.3"
-    cosmiconfig "^7.0.1"
-    deepmerge "^4.2.2"
-    fs-extra "^10.0.0"
-    memfs "^3.4.1"
-    minimatch "^3.0.4"
-    node-abort-controller "^3.0.1"
-    schema-utils "^3.1.1"
-    semver "^7.3.5"
-    tapable "^2.2.1"
-
-form-data-encoder@1.7.1:
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/form-data-encoder/-/form-data-encoder-1.7.1.tgz#ac80660e4f87ee0d3d3c3638b7da8278ddb8ec96"
-  integrity sha512-EFRDrsMm/kyqbTQocNvRXMLjc7Es2Vk+IQFx/YW7hkUH1eBl4J1fqiP34l74Yt0pFLCNpc06fkbVk00008mzjg==
-
-form-data@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
-  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
-  dependencies:
-    asynckit "^0.4.0"
-    combined-stream "^1.0.8"
-    mime-types "^2.1.12"
-
-form-data@~2.3.2:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
-  integrity sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==
-  dependencies:
-    asynckit "^0.4.0"
-    combined-stream "^1.0.6"
-    mime-types "^2.1.12"
-
-forwarded@0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
-  integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
-
-fresh@0.5.2:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
-  integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
-
-fs-constants@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
-  integrity sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==
-
-fs-extra@11.1.1:
-  version "11.1.1"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.1.1.tgz#da69f7c39f3b002378b0954bb6ae7efdc0876e2d"
-  integrity sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==
-  dependencies:
-    graceful-fs "^4.2.0"
-    jsonfile "^6.0.1"
-    universalify "^2.0.0"
-
-fs-extra@^10.0.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
-  integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
-  dependencies:
-    graceful-fs "^4.2.0"
-    jsonfile "^6.0.1"
-    universalify "^2.0.0"
-
-fs-extra@^11.1.0:
-  version "11.2.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.2.0.tgz#e70e17dfad64232287d01929399e0ea7c86b0e5b"
-  integrity sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==
-  dependencies:
-    graceful-fs "^4.2.0"
-    jsonfile "^6.0.1"
-    universalify "^2.0.0"
-
-fs-extra@^4.0.2:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-4.0.3.tgz#0d852122e5bc5beb453fb028e9c0c9bf36340c94"
-  integrity sha512-q6rbdDd1o2mAnQreO7YADIxf/Whx4AHBiRf6d+/cVT8h44ss+lHgxf1FemcqDnQt9X3ct4McHr+JMGlYSsK7Cg==
-  dependencies:
-    graceful-fs "^4.1.2"
-    jsonfile "^4.0.0"
-    universalify "^0.1.0"
-
-fs-extra@^7.0.0:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-7.0.1.tgz#4f189c44aa123b895f722804f55ea23eadc348e9"
-  integrity sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==
-  dependencies:
-    graceful-fs "^4.1.2"
-    jsonfile "^4.0.0"
-    universalify "^0.1.0"
-
-fs-extra@^9.0.0, fs-extra@^9.0.1, fs-extra@^9.1.0:
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
-  integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
-  dependencies:
-    at-least-node "^1.0.0"
-    graceful-fs "^4.2.0"
-    jsonfile "^6.0.1"
-    universalify "^2.0.0"
-
-fs-minipass@^1.2.7:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-1.2.7.tgz#ccff8570841e7fe4265693da88936c55aed7f7c7"
-  integrity sha512-GWSSJGFy4e9GUeCcbIkED+bgAoFyj7XF1mV8rma3QW4NIqX9Kyx79N/PF61H5udOV3aY1IaMLs6pGbH71nlCTA==
-  dependencies:
-    minipass "^2.6.0"
-
-fs-minipass@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
-  integrity sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==
-  dependencies:
-    minipass "^3.0.0"
-
-fs-monkey@^1.0.4:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.6.tgz#8ead082953e88d992cf3ff844faa907b26756da2"
-  integrity sha512-b1FMfwetIKymC0eioW7mTywihSQE4oLzQn1dB6rZB5fx/3NpNEdAWeCSMB+60/AeT0TCXsxzAlcYVEFCTAksWg==
-
-fs.realpath@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
-  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
-
-fsevents@^2.3.2, fsevents@~2.3.2:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
-  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
-
-function-bind@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
-  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
-
-function.prototype.name@^1.1.5, function.prototype.name@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.6.tgz#cdf315b7d90ee77a4c6ee216c3c3362da07533fd"
-  integrity sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    functions-have-names "^1.2.3"
-
-functions-have-names@^1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
-  integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
-
-fuse.js@^6.6.2:
-  version "6.6.2"
-  resolved "https://registry.yarnpkg.com/fuse.js/-/fuse.js-6.6.2.tgz#fe463fed4b98c0226ac3da2856a415576dc9a111"
-  integrity sha512-cJaJkxCCxC8qIIcPBF9yGxY0W/tVZS3uEISDxhYIdtk8OL93pe+6Zj7LjCqVV4dzbqcriOZ+kQ/NE4RXZHsIGA==
-
-gensync@^1.0.0-beta.2:
-  version "1.0.0-beta.2"
-  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
-  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
-
-get-caller-file@^2.0.1, get-caller-file@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
-  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
-
-get-func-name@^2.0.1, get-func-name@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/get-func-name/-/get-func-name-2.0.2.tgz#0d7cf20cd13fda808669ffa88f4ffc7a3943fc41"
-  integrity sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==
-
-get-intrinsic@^1.1.3, get-intrinsic@^1.2.1, get-intrinsic@^1.2.2, get-intrinsic@^1.2.3, get-intrinsic@^1.2.4:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.4.tgz#e385f5a4b5227d449c3eabbad05494ef0abbeadd"
-  integrity sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==
-  dependencies:
-    es-errors "^1.3.0"
-    function-bind "^1.1.2"
-    has-proto "^1.0.1"
-    has-symbols "^1.0.3"
-    hasown "^2.0.0"
-
-get-nonce@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/get-nonce/-/get-nonce-1.0.1.tgz#fdf3f0278073820d2ce9426c18f07481b1e0cdf3"
-  integrity sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==
-
-get-npm-tarball-url@^2.0.3:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/get-npm-tarball-url/-/get-npm-tarball-url-2.1.0.tgz#cbd6bb25884622bc3191c761466c93ac83343213"
-  integrity sha512-ro+DiMu5DXgRBabqXupW38h7WPZ9+Ad8UjwhvsmmN8w1sU7ab0nzAXvVZ4kqYg57OrqomRtJvepX5/xvFKNtjA==
-
-get-own-enumerable-property-symbols@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
-  integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
-
-get-package-type@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
-  integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
-
-get-port-please@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/get-port-please/-/get-port-please-3.1.2.tgz#502795e56217128e4183025c89a48c71652f4e49"
-  integrity sha512-Gxc29eLs1fbn6LQ4jSU4vXjlwyZhF5HsGuMAa7gqBP4Rw4yxxltyDUuF5MBclFzDTXO+ACchGQoeela4DSfzdQ==
-
-get-stream@^5.0.0, get-stream@^5.1.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
-  integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
-  dependencies:
-    pump "^3.0.0"
-
-get-stream@^6.0.0, get-stream@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
-  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
-
-get-stream@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-8.0.1.tgz#def9dfd71742cd7754a7761ed43749a27d02eca2"
-  integrity sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==
-
-get-symbol-description@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.2.tgz#533744d5aa20aca4e079c8e5daf7fd44202821f5"
-  integrity sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==
-  dependencies:
-    call-bind "^1.0.5"
-    es-errors "^1.3.0"
-    get-intrinsic "^1.2.4"
-
-get-tsconfig@^4.5.0:
-  version "4.7.5"
-  resolved "https://registry.yarnpkg.com/get-tsconfig/-/get-tsconfig-4.7.5.tgz#5e012498579e9a6947511ed0cd403272c7acbbaf"
-  integrity sha512-ZCuZCnlqNzjb4QprAzXKdpp/gh6KTxSJuw3IBsPnV/7fV4NxC9ckB+vPTt8w7fJA0TaSD7c55BR47JD6MEDyDw==
-  dependencies:
-    resolve-pkg-maps "^1.0.0"
-
-getenv@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/getenv/-/getenv-1.0.0.tgz#874f2e7544fbca53c7a4738f37de8605c3fcfc31"
-  integrity sha512-7yetJWqbS9sbn0vIfliPsFgoXMKn/YMF+Wuiog97x+urnSRRRZ7xB+uVkwGKzRgq9CDFfMQnE9ruL5DHv9c6Xg==
-
-getos@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/getos/-/getos-3.2.1.tgz#0134d1f4e00eb46144c5a9c0ac4dc087cbb27dc5"
-  integrity sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==
-  dependencies:
-    async "^3.2.0"
-
-getpass@^0.1.1:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
-  integrity sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==
-  dependencies:
-    assert-plus "^1.0.0"
-
-giget@^1.0.0:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/giget/-/giget-1.2.3.tgz#ef6845d1140e89adad595f7f3bb60aa31c672cb6"
-  integrity sha512-8EHPljDvs7qKykr6uw8b+lqLiUc/vUg+KVTI0uND4s63TdsZM2Xus3mflvF0DDG9SiM4RlCkFGL+7aAjRmV7KA==
-  dependencies:
-    citty "^0.1.6"
-    consola "^3.2.3"
-    defu "^6.1.4"
-    node-fetch-native "^1.6.3"
-    nypm "^0.3.8"
-    ohash "^1.1.3"
-    pathe "^1.1.2"
-    tar "^6.2.0"
-
-github-slugger@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/github-slugger/-/github-slugger-2.0.0.tgz#52cf2f9279a21eb6c59dd385b410f0c0adda8f1a"
-  integrity sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==
-
-glob-parent@^5.1.2, glob-parent@~5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
-  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
-  dependencies:
-    is-glob "^4.0.1"
-
-glob-parent@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
-  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
-  dependencies:
-    is-glob "^4.0.3"
-
-glob-to-regexp@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
-  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
-
-glob@10.3.10:
-  version "10.3.10"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-10.3.10.tgz#0351ebb809fd187fe421ab96af83d3a70715df4b"
-  integrity sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==
-  dependencies:
-    foreground-child "^3.1.0"
-    jackspeak "^2.3.5"
-    minimatch "^9.0.1"
-    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
-    path-scurry "^1.10.1"
-
-glob@7.1.6:
-  version "7.1.6"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
-  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.0.4"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
-glob@7.1.7:
-  version "7.1.7"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.7.tgz#3b193e9233f01d42d0b3f78294bbeeb418f94a90"
-  integrity sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.0.4"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
-glob@^10.0.0:
-  version "10.3.16"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-10.3.16.tgz#bf6679d5d51279c8cfae4febe0d051d2a4bf4c6f"
-  integrity sha512-JDKXl1DiuuHJ6fVS2FXjownaavciiHNUU4mOvV/B793RLh05vZL1rcPnCSaOgv1hDT6RDlY7AB7ZUvFYAtPgAw==
-  dependencies:
-    foreground-child "^3.1.0"
-    jackspeak "^3.1.2"
-    minimatch "^9.0.1"
-    minipass "^7.0.4"
-    path-scurry "^1.11.0"
-
-glob@^7.0.3, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
-  version "7.2.3"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
-  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.1.1"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
-global-dirs@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-3.0.1.tgz#0c488971f066baceda21447aecb1a8b911d22485"
-  integrity sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==
-  dependencies:
-    ini "2.0.0"
-
-global@~4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/global/-/global-4.4.0.tgz#3e7b105179006a323ed71aafca3e9c57a5cc6406"
-  integrity sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==
-  dependencies:
-    min-document "^2.19.0"
-    process "^0.11.10"
-
-globals@^11.1.0:
-  version "11.12.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
-  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
-
-globals@^13.19.0:
-  version "13.24.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
-  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
-  dependencies:
-    type-fest "^0.20.2"
-
-globalthis@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.4.tgz#7430ed3a975d97bfb59bcce41f5cabbafa651236"
-  integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
-  dependencies:
-    define-properties "^1.2.1"
-    gopd "^1.0.1"
-
-globalyzer@0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/globalyzer/-/globalyzer-0.1.0.tgz#cb76da79555669a1519d5a8edf093afaa0bf1465"
-  integrity sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==
-
-globby@^11.0.1, globby@^11.1.0:
-  version "11.1.0"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
-  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
-  dependencies:
-    array-union "^2.1.0"
-    dir-glob "^3.0.1"
-    fast-glob "^3.2.9"
-    ignore "^5.2.0"
-    merge2 "^1.4.1"
-    slash "^3.0.0"
-
-globby@^14.0.1:
-  version "14.0.1"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-14.0.1.tgz#a1b44841aa7f4c6d8af2bc39951109d77301959b"
-  integrity sha512-jOMLD2Z7MAhyG8aJpNOpmziMOP4rPLcc95oQPKXBazW82z+CEgPFBQvEpRUa1KeIMUJo4Wsm+q6uzO/Q/4BksQ==
-  dependencies:
-    "@sindresorhus/merge-streams" "^2.1.0"
-    fast-glob "^3.3.2"
-    ignore "^5.2.4"
-    path-type "^5.0.0"
-    slash "^5.1.0"
-    unicorn-magic "^0.1.0"
-
-globby@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
-  integrity sha512-KVbFv2TQtbzCoxAnfD6JcHZTYCzyliEaaeM/gH8qQdkKr5s0OP9scEgvdcngyk7AVdY6YVW/TJHd+lQ/Df3Daw==
-  dependencies:
-    array-union "^1.0.1"
-    glob "^7.0.3"
-    object-assign "^4.0.1"
-    pify "^2.0.0"
-    pinkie-promise "^2.0.0"
-
-globrex@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/globrex/-/globrex-0.1.2.tgz#dd5d9ec826232730cd6793a5e33a9302985e6098"
-  integrity sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==
-
-gopd@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
-  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
-  dependencies:
-    get-intrinsic "^1.1.3"
-
-got@12.1.0:
-  version "12.1.0"
-  resolved "https://registry.yarnpkg.com/got/-/got-12.1.0.tgz#099f3815305c682be4fd6b0ee0726d8e4c6b0af4"
-  integrity sha512-hBv2ty9QN2RdbJJMK3hesmSkFTjVIHyIDDbssCKnSmq62edGgImJWD10Eb1k77TiV1bxloxqcFAVK8+9pkhOig==
-  dependencies:
-    "@sindresorhus/is" "^4.6.0"
-    "@szmarczak/http-timer" "^5.0.1"
-    "@types/cacheable-request" "^6.0.2"
-    "@types/responselike" "^1.0.0"
-    cacheable-lookup "^6.0.4"
-    cacheable-request "^7.0.2"
-    decompress-response "^6.0.0"
-    form-data-encoder "1.7.1"
-    get-stream "^6.0.1"
-    http2-wrapper "^2.1.10"
-    lowercase-keys "^3.0.0"
-    p-cancelable "^3.0.0"
-    responselike "^2.0.0"
-
-got@^11.8.5:
-  version "11.8.6"
-  resolved "https://registry.yarnpkg.com/got/-/got-11.8.6.tgz#276e827ead8772eddbcfc97170590b841823233a"
-  integrity sha512-6tfZ91bOr7bOXnK7PRDCGBLa1H4U080YHNaAQ2KsMGlLEzRbk44nsZF2E1IeRc3vtJHPVbKCYgdFbaGO2ljd8g==
-  dependencies:
-    "@sindresorhus/is" "^4.0.0"
-    "@szmarczak/http-timer" "^4.0.5"
-    "@types/cacheable-request" "^6.0.1"
-    "@types/responselike" "^1.0.0"
-    cacheable-lookup "^5.0.3"
-    cacheable-request "^7.0.2"
-    decompress-response "^6.0.0"
-    http2-wrapper "^1.0.0-beta.5.2"
-    lowercase-keys "^2.0.0"
-    p-cancelable "^2.0.0"
-    responselike "^2.0.0"
-
-graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.9:
-  version "4.2.11"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
-  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
-
-graphemer@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
-  integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
-
-gunzip-maybe@^1.4.2:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/gunzip-maybe/-/gunzip-maybe-1.4.2.tgz#b913564ae3be0eda6f3de36464837a9cd94b98ac"
-  integrity sha512-4haO1M4mLO91PW57BMsDFf75UmwoRX0GkdD+Faw+Lr+r/OZrOCS0pIBwOL1xCKQqnQzbNFGgK2V2CpBUPeFNTw==
-  dependencies:
-    browserify-zlib "^0.1.4"
-    is-deflate "^1.0.0"
-    is-gzip "^1.0.0"
-    peek-stream "^1.1.0"
-    pumpify "^1.3.3"
-    through2 "^2.0.3"
-
-gzip-size@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462"
-  integrity sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==
-  dependencies:
-    duplexer "^0.1.2"
-
-h3@^1.10.2, h3@^1.11.1:
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/h3/-/h3-1.11.1.tgz#e9414ae6f2a076a345ea07256b320edb29bab9f7"
-  integrity sha512-AbaH6IDnZN6nmbnJOH72y3c5Wwh9P97soSVdGSBbcDACRdkC0FEWf25pzx4f/NuOCK6quHmW18yF2Wx+G4Zi1A==
-  dependencies:
-    cookie-es "^1.0.0"
-    crossws "^0.2.2"
-    defu "^6.1.4"
-    destr "^2.0.3"
-    iron-webcrypto "^1.0.0"
-    ohash "^1.1.3"
-    radix3 "^1.1.0"
-    ufo "^1.4.0"
-    uncrypto "^0.1.3"
-    unenv "^1.9.0"
-
-hamt-sharding@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/hamt-sharding/-/hamt-sharding-2.0.1.tgz#f45686d0339e74b03b233bee1bde9587727129b6"
-  integrity sha512-vnjrmdXG9dDs1m/H4iJ6z0JFI2NtgsW5keRkTcM85NGak69Mkf5PHUqBz+Xs0T4sg0ppvj9O5EGAJo40FTxmmA==
-  dependencies:
-    sparse-array "^1.3.1"
-    uint8arrays "^3.0.0"
-
-handlebars@^4.7.7:
-  version "4.7.8"
-  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.8.tgz#41c42c18b1be2365439188c77c6afae71c0cd9e9"
-  integrity sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==
-  dependencies:
-    minimist "^1.2.5"
-    neo-async "^2.6.2"
-    source-map "^0.6.1"
-    wordwrap "^1.0.0"
-  optionalDependencies:
-    uglify-js "^3.1.4"
-
-har-schema@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
-  integrity sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q==
-
-har-validator@~5.1.3:
-  version "5.1.5"
-  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.1.5.tgz#1f0803b9f8cb20c0fa13822df1ecddb36bde1efd"
-  integrity sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==
-  dependencies:
-    ajv "^6.12.3"
-    har-schema "^2.0.0"
-
-hard-rejection@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/hard-rejection/-/hard-rejection-2.1.0.tgz#1c6eda5c1685c63942766d79bb40ae773cecd883"
-  integrity sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==
-
-has-bigints@^1.0.1, has-bigints@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
-  integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
-
-has-flag@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
-  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
-
-has-flag@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
-  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
-
-has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
-  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
-  dependencies:
-    es-define-property "^1.0.0"
-
-has-proto@^1.0.1, has-proto@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.3.tgz#b31ddfe9b0e6e9914536a6ab286426d0214f77fd"
-  integrity sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==
-
-has-symbols@^1.0.2, has-symbols@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
-  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
-
-has-tostringtag@^1.0.0, has-tostringtag@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
-  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
-  dependencies:
-    has-symbols "^1.0.3"
-
-hash-base@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.1.0.tgz#55c381d9e06e1d2997a883b4a3fddfe7f0d3af33"
-  integrity sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==
-  dependencies:
-    inherits "^2.0.4"
-    readable-stream "^3.6.0"
-    safe-buffer "^5.2.0"
-
-hash-base@~3.0:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.0.4.tgz#5fc8686847ecd73499403319a6b0a3f3f6ae4918"
-  integrity sha512-EeeoJKjTyt868liAlVmcv2ZsUfGHlE3Q+BICOXcZiwN3osr5Q/zFGYmTJpoIzuaSTAwndFy+GqhEwlU4L3j4Ow==
-  dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
-hash.js@1.1.7, hash.js@^1.0.0, hash.js@^1.0.3, hash.js@^1.1.7:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.7.tgz#0babca538e8d4ee4a0f8988d68866537a003cf42"
-  integrity sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==
-  dependencies:
-    inherits "^2.0.3"
-    minimalistic-assert "^1.0.1"
-
-hasown@^2.0.0, hasown@^2.0.1, hasown@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
-  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
-  dependencies:
-    function-bind "^1.1.2"
-
-hast-util-heading-rank@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/hast-util-heading-rank/-/hast-util-heading-rank-3.0.0.tgz#2d5c6f2807a7af5c45f74e623498dd6054d2aba8"
-  integrity sha512-EJKb8oMUXVHcWZTDepnr+WNbfnXKFNf9duMesmr4S8SXTJBJ9M4Yok08pu9vxdJwdlGRhVumk9mEhkEvKGifwA==
-  dependencies:
-    "@types/hast" "^3.0.0"
-
-hast-util-is-element@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz#6e31a6532c217e5b533848c7e52c9d9369ca0932"
-  integrity sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==
-  dependencies:
-    "@types/hast" "^3.0.0"
-
-hast-util-to-string@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/hast-util-to-string/-/hast-util-to-string-3.0.0.tgz#2a131948b4b1b26461a2c8ac876e2c88d02946bd"
-  integrity sha512-OGkAxX1Ua3cbcW6EJ5pT/tslVb90uViVkcJ4ZZIMW/R33DX/AkcJcRrPebPwJkHYwlDHXz4aIwvAAaAdtrACFA==
-  dependencies:
-    "@types/hast" "^3.0.0"
-
-hdkey@^2.0.1:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/hdkey/-/hdkey-2.1.0.tgz#755b30b73f54e93c31919c1b2f19205a8e57cb92"
-  integrity sha512-i9Wzi0Dy49bNS4tXXeGeu0vIcn86xXdPQUpEYg+SO1YiO8HtomjmmRMaRyqL0r59QfcD4PfVbSF3qmsWFwAemA==
-  dependencies:
-    bs58check "^2.1.2"
-    ripemd160 "^2.0.2"
-    safe-buffer "^5.1.1"
-    secp256k1 "^4.0.0"
-
-he@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
-  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
-
-hey-listen@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/hey-listen/-/hey-listen-1.0.8.tgz#8e59561ff724908de1aa924ed6ecc84a56a9aa68"
-  integrity sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==
-
-hmac-drbg@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
-  integrity sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==
-  dependencies:
-    hash.js "^1.0.3"
-    minimalistic-assert "^1.0.0"
-    minimalistic-crypto-utils "^1.0.1"
-
-hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.1, hoist-non-react-statics@^3.3.2:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
-  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
-  dependencies:
-    react-is "^16.7.0"
-
-hosted-git-info@^2.1.4:
-  version "2.8.9"
-  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9"
-  integrity sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==
-
-hosted-git-info@^4.0.1:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-4.1.0.tgz#827b82867e9ff1c8d0c4d9d53880397d2c86d224"
-  integrity sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==
-  dependencies:
-    lru-cache "^6.0.0"
-
-html-encoding-sniffer@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz#2cb1a8cf0db52414776e5b2a7a04d5dd98158de9"
-  integrity sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==
-  dependencies:
-    whatwg-encoding "^2.0.0"
-
-html-entities@^2.1.0:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.5.2.tgz#201a3cf95d3a15be7099521620d19dfb4f65359f"
-  integrity sha512-K//PSRMQk4FZ78Kyau+mZurHn3FH0Vwr+H36eE0rPbeYkRRi9YxceYPhuN60UwWorxyKHhqoAJl2OFKa4BVtaA==
-
-html-escaper@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
-  integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
-
-html-minifier-terser@^6.0.2:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#bfc818934cc07918f6b3669f5774ecdfd48f32ab"
-  integrity sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==
-  dependencies:
-    camel-case "^4.1.2"
-    clean-css "^5.2.2"
-    commander "^8.3.0"
-    he "^1.2.0"
-    param-case "^3.0.4"
-    relateurl "^0.2.7"
-    terser "^5.10.0"
-
-html-tags@^3.1.0:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.3.1.tgz#a04026a18c882e4bba8a01a3d39cfe465d40b5ce"
-  integrity sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==
-
-html-tokenize@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/html-tokenize/-/html-tokenize-2.0.1.tgz#c3b2ea6e2837d4f8c06693393e9d2a12c960be5f"
-  integrity sha512-QY6S+hZ0f5m1WT8WffYN+Hg+xm/w5I8XeUcAq/ZYP5wVC8xbKi4Whhru3FtrAebD5EhBW8rmFzkDI6eCAuFe2w==
-  dependencies:
-    buffer-from "~0.1.1"
-    inherits "~2.0.1"
-    minimist "~1.2.5"
-    readable-stream "~1.0.27-1"
-    through2 "~0.4.1"
-
-html-webpack-plugin@^5.5.0:
-  version "5.6.0"
-  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.6.0.tgz#50a8fa6709245608cb00e811eacecb8e0d7b7ea0"
-  integrity sha512-iwaY4wzbe48AfKLZ/Cc8k0L+FKG6oSNRaZ8x5A/T/IVDGyXcbHncM9TdDa93wn0FsSm82FhTKW7f3vS61thXAw==
-  dependencies:
-    "@types/html-minifier-terser" "^6.0.0"
-    html-minifier-terser "^6.0.2"
-    lodash "^4.17.21"
-    pretty-error "^4.0.0"
-    tapable "^2.0.0"
-
-htmlparser2@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
-  integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==
-  dependencies:
-    domelementtype "^2.0.1"
-    domhandler "^4.0.0"
-    domutils "^2.5.2"
-    entities "^2.0.0"
-
-http-cache-semantics@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz#abe02fcb2985460bf0323be664436ec3476a6d5a"
-  integrity sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==
-
-http-errors@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
-  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
-  dependencies:
-    depd "2.0.0"
-    inherits "2.0.4"
-    setprototypeof "1.2.0"
-    statuses "2.0.1"
-    toidentifier "1.0.1"
-
-http-https@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/http-https/-/http-https-1.0.0.tgz#2f908dd5f1db4068c058cd6e6d4ce392c913389b"
-  integrity sha512-o0PWwVCSp3O0wS6FvNr6xfBCHgt0m1tvPLFOCc2iFDKTRAXhB7m8klDf7ErowFH8POa6dVdGatKU5I1YYwzUyg==
-
-http-parser-js@>=0.5.1:
-  version "0.5.8"
-  resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.8.tgz#af23090d9ac4e24573de6f6aecc9d84a48bf20e3"
-  integrity sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==
-
-http-proxy-agent@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz#5129800203520d434f142bc78ff3c170800f2b43"
-  integrity sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==
-  dependencies:
-    "@tootallnate/once" "2"
-    agent-base "6"
-    debug "4"
-
-http-shutdown@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/http-shutdown/-/http-shutdown-1.2.2.tgz#41bc78fc767637c4c95179bc492f312c0ae64c5f"
-  integrity sha512-S9wWkJ/VSY9/k4qcjG318bqJNruzE4HySUhFYknwmu6LBP97KLLfwNf+n4V1BHurvFNkSKLFnK/RsuUnRTf9Vw==
-
-http-signature@~1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1"
-  integrity sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==
-  dependencies:
-    assert-plus "^1.0.0"
-    jsprim "^1.2.2"
-    sshpk "^1.7.0"
-
-http-signature@~1.3.6:
-  version "1.3.6"
-  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.3.6.tgz#cb6fbfdf86d1c974f343be94e87f7fc128662cf9"
-  integrity sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==
-  dependencies:
-    assert-plus "^1.0.0"
-    jsprim "^2.0.2"
-    sshpk "^1.14.1"
-
-http2-wrapper@^1.0.0-beta.5.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/http2-wrapper/-/http2-wrapper-1.0.3.tgz#b8f55e0c1f25d4ebd08b3b0c2c079f9590800b3d"
-  integrity sha512-V+23sDMr12Wnz7iTcDeJr3O6AIxlnvT/bmaAAAP/Xda35C90p9599p0F1eHR/N1KILWSoWVAiOMFjBBXaXSMxg==
-  dependencies:
-    quick-lru "^5.1.1"
-    resolve-alpn "^1.0.0"
-
-http2-wrapper@^2.1.10:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/http2-wrapper/-/http2-wrapper-2.2.1.tgz#310968153dcdedb160d8b72114363ef5fce1f64a"
-  integrity sha512-V5nVw1PAOgfI3Lmeaj2Exmeg7fenjhRUgz1lPSezy1CuhPYbgQtbQj4jZfEAEMlaL+vupsvhjqCyjzob0yxsmQ==
-  dependencies:
-    quick-lru "^5.1.1"
-    resolve-alpn "^1.2.0"
-
-https-browserify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
-  integrity sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==
-
-https-proxy-agent@^5.0.0, https-proxy-agent@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
-  integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
-  dependencies:
-    agent-base "6"
-    debug "4"
-
-human-signals@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3"
-  integrity sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==
-
-human-signals@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
-  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
-
-human-signals@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-5.0.0.tgz#42665a284f9ae0dade3ba41ebc37eb4b852f3a28"
-  integrity sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==
-
-humanize-ms@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/humanize-ms/-/humanize-ms-1.2.1.tgz#c46e3159a293f6b896da29316d8b6fe8bb79bbed"
-  integrity sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==
-  dependencies:
-    ms "^2.0.0"
-
-husky@^9.0.11:
-  version "9.0.11"
-  resolved "https://registry.yarnpkg.com/husky/-/husky-9.0.11.tgz#fc91df4c756050de41b3e478b2158b87c1e79af9"
-  integrity sha512-AB6lFlbwwyIqMdHYhwPe+kjOC3Oc5P3nThEoW/AaO2BX3vJDjWPFxYLxokUZOo6RNX20He3AaT8sESs9NJcmEw==
-
-iconv-lite@0.4.24:
-  version "0.4.24"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
-  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3"
-
-iconv-lite@0.6.3, iconv-lite@^0.6.3:
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
-  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3.0.0"
-
-icss-utils@^5.0.0, icss-utils@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
-  integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
-
-idb-keyval@^6.2.1:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/idb-keyval/-/idb-keyval-6.2.1.tgz#94516d625346d16f56f3b33855da11bfded2db33"
-  integrity sha512-8Sb3veuYCyrZL+VBt9LJfZjLUPWVvqn8tG28VqYNFCo43KHcKuq+b4EiXGeuaLAQWL2YmyDgMp2aSpH9JHsEQg==
-
-idb@7.1.1, idb@^7.0.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/idb/-/idb-7.1.1.tgz#d910ded866d32c7ced9befc5bfdf36f572ced72b"
-  integrity sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==
-
-idna-uts46-hx@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/idna-uts46-hx/-/idna-uts46-hx-2.3.1.tgz#a1dc5c4df37eee522bf66d969cc980e00e8711f9"
-  integrity sha512-PWoF9Keq6laYdIRwwCdhTPl60xRqAloYNMQLiyUnG42VjT53oW07BXIRM+NK7eQjzXjAk2gUvX9caRxlnF9TAA==
-  dependencies:
-    punycode "2.1.0"
-
-ieee754@^1.1.13, ieee754@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
-  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
-
-ignore@^5.2.0, ignore@^5.2.4, ignore@^5.3.1:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.1.tgz#5073e554cd42c5b33b394375f538b8593e34d4ef"
-  integrity sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==
-
-image-size@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/image-size/-/image-size-1.1.1.tgz#ddd67d4dc340e52ac29ce5f546a09f4e29e840ac"
-  integrity sha512-541xKlUw6jr/6gGuk92F+mYM5zaFAc5ahphvkqvNe2bQ6gVBkd6bfrmVJ2t4KDAfikAYZyIqTnktX3i6/aQDrQ==
-  dependencies:
-    queue "6.0.2"
-
-image-size@~0.5.0:
-  version "0.5.5"
-  resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.5.5.tgz#09dfd4ab9d20e29eb1c3e80b8990378df9e3cb9c"
-  integrity sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==
-
-immediate@~3.0.5:
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b"
-  integrity sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==
-
-immer@^9.0.21:
-  version "9.0.21"
-  resolved "https://registry.yarnpkg.com/immer/-/immer-9.0.21.tgz#1e025ea31a40f24fb064f1fef23e931496330176"
-  integrity sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==
-
-immutable@^4.0.0:
-  version "4.3.6"
-  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.6.tgz#6a05f7858213238e587fb83586ffa3b4b27f0447"
-  integrity sha512-Ju0+lEMyzMVZarkTn/gqRpdqd5dOPaz1mCZ0SH3JV6iFw81PldE/PEB1hWVEA288HPt4WXW8O7AWxB10M+03QQ==
-
-import-fresh@^3.2.1, import-fresh@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
-  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
-  dependencies:
-    parent-module "^1.0.0"
-    resolve-from "^4.0.0"
-
-import-local@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.1.0.tgz#b4479df8a5fd44f6cdce24070675676063c95cb4"
-  integrity sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==
-  dependencies:
-    pkg-dir "^4.2.0"
-    resolve-cwd "^3.0.0"
-
-imurmurhash@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
-  integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
-
-indent-string@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
-  integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
-
-inflight@^1.0.4:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
-  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
-  dependencies:
-    once "^1.3.0"
-    wrappy "1"
-
-inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.1, inherits@~2.0.3, inherits@~2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
-  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
-
-ini@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ini/-/ini-2.0.0.tgz#e5fd556ecdd5726be978fa1001862eacb0a94bc5"
-  integrity sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==
-
-int64-buffer@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/int64-buffer/-/int64-buffer-1.0.1.tgz#c78d841b444cadf036cd04f8683696c740f15dca"
-  integrity sha512-+3azY4pXrjAupJHU1V9uGERWlhoqNswJNji6aD/02xac7oxol508AsMC5lxKhEqyZeDFy3enq5OGWXF4u75hiw==
-
-interface-ipld-format@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/interface-ipld-format/-/interface-ipld-format-1.0.1.tgz#bee39c70c584a033e186ff057a2be89f215963e3"
-  integrity sha512-WV/ar+KQJVoQpqRDYdo7YPGYIUHJxCuOEhdvsRpzLqoOIVCqPKdMMYmsLL1nCRsF3yYNio+PAJbCKiv6drrEAg==
-  dependencies:
-    cids "^1.1.6"
-    multicodec "^3.0.1"
-    multihashes "^4.0.2"
-
-internal-slot@^1.0.4, internal-slot@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.7.tgz#c06dcca3ed874249881007b0a5523b172a190802"
-  integrity sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==
-  dependencies:
-    es-errors "^1.3.0"
-    hasown "^2.0.0"
-    side-channel "^1.0.4"
-
-intl-messageformat@^9.13.0:
-  version "9.13.0"
-  resolved "https://registry.yarnpkg.com/intl-messageformat/-/intl-messageformat-9.13.0.tgz#97360b73bd82212e4f6005c712a4a16053165468"
-  integrity sha512-7sGC7QnSQGa5LZP7bXLDhVDtQOeKGeBFGHF2Y8LVBwYZoQZCgWeKoPGTa5GMG8g/TzDgeXuYJQis7Ggiw2xTOw==
-  dependencies:
-    "@formatjs/ecma402-abstract" "1.11.4"
-    "@formatjs/fast-memoize" "1.2.1"
-    "@formatjs/icu-messageformat-parser" "2.1.0"
-    tslib "^2.1.0"
-
-invariant@2, invariant@^2.2.4:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
-  integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
-  dependencies:
-    loose-envify "^1.0.0"
-
-ip-address@^9.0.5:
-  version "9.0.5"
-  resolved "https://registry.yarnpkg.com/ip-address/-/ip-address-9.0.5.tgz#117a960819b08780c3bd1f14ef3c1cc1d3f3ea5a"
-  integrity sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==
-  dependencies:
-    jsbn "1.1.0"
-    sprintf-js "^1.1.3"
-
-ip@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/ip/-/ip-2.0.1.tgz#e8f3595d33a3ea66490204234b77636965307105"
-  integrity sha512-lJUL9imLTNi1ZfXT+DU6rBBdbiKGBuay9B6xGSPVjUeQwaH1RIGqef8RZkUtHioLmSNpPR5M4HVKJGm1j8FWVQ==
-
-ipaddr.js@1.9.1:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
-  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
-
-ipfs-only-hash@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/ipfs-only-hash/-/ipfs-only-hash-4.0.0.tgz#b3bd60a244d9eb7394961aa9d812a2e5ac7c04d6"
-  integrity sha512-TE1DZCvfw8i3gcsTq3P4TFx3cKFJ3sluu/J3XINkJhIN9OwJgNMqKA+WnKx6ByCb1IoPXsTp1KM7tupElb6SyA==
-  dependencies:
-    ipfs-unixfs-importer "^7.0.1"
-    meow "^9.0.0"
-
-ipfs-unixfs-importer@^7.0.1:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/ipfs-unixfs-importer/-/ipfs-unixfs-importer-7.0.3.tgz#b850e831ca9647d589ef50bc33421f65bab7bba6"
-  integrity sha512-qeFOlD3AQtGzr90sr5Tq1Bi8pT5Nr2tSI8z310m7R4JDYgZc6J1PEZO3XZQ8l1kuGoqlAppBZuOYmPEqaHcVQQ==
-  dependencies:
-    bl "^5.0.0"
-    cids "^1.1.5"
-    err-code "^3.0.1"
-    hamt-sharding "^2.0.0"
-    ipfs-unixfs "^4.0.3"
-    ipld-dag-pb "^0.22.2"
-    it-all "^1.0.5"
-    it-batch "^1.0.8"
-    it-first "^1.0.6"
-    it-parallel-batch "^1.0.9"
-    merge-options "^3.0.4"
-    multihashing-async "^2.1.0"
-    rabin-wasm "^0.1.4"
-    uint8arrays "^2.1.2"
-
-ipfs-unixfs@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/ipfs-unixfs/-/ipfs-unixfs-4.0.3.tgz#7c43e5726052ade4317245358ac541ef3d63d94e"
-  integrity sha512-hzJ3X4vlKT8FQ3Xc4M1szaFVjsc1ZydN+E4VQ91aXxfpjFn9G2wsMo1EFdAXNq/BUnN5dgqIOMP5zRYr3DTsAw==
-  dependencies:
-    err-code "^3.0.1"
-    protobufjs "^6.10.2"
-
-ipld-dag-pb@^0.22.2:
-  version "0.22.3"
-  resolved "https://registry.yarnpkg.com/ipld-dag-pb/-/ipld-dag-pb-0.22.3.tgz#6d5af28b5752236a5cb0e0a1888c87dd733b55cd"
-  integrity sha512-dfG5C5OVAR4FEP7Al2CrHWvAyIM7UhAQrjnOYOIxXGQz5NlEj6wGX0XQf6Ru6or1na6upvV3NQfstapQG8X2rg==
-  dependencies:
-    cids "^1.0.0"
-    interface-ipld-format "^1.0.0"
-    multicodec "^3.0.1"
-    multihashing-async "^2.0.0"
-    protobufjs "^6.10.2"
-    stable "^0.1.8"
-    uint8arrays "^2.0.5"
-
-iron-webcrypto@^1.0.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/iron-webcrypto/-/iron-webcrypto-1.2.1.tgz#aa60ff2aa10550630f4c0b11fd2442becdb35a6f"
-  integrity sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==
-
-is-absolute-url@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-4.0.1.tgz#16e4d487d4fded05cfe0685e53ec86804a5e94dc"
-  integrity sha512-/51/TKE88Lmm7Gc4/8btclNXWS+g50wXhYJq8HWIBAGUBnoAdRu1aXeh364t/O7wXDAcTJDP8PNuNKWUDWie+A==
-
-is-arguments@^1.0.4, is-arguments@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.1.tgz#15b3f88fda01f2a97fec84ca761a560f123efa9b"
-  integrity sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==
-  dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
-
-is-array-buffer@^3.0.2, is-array-buffer@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.4.tgz#7a1f92b3d61edd2bc65d24f130530ea93d7fae98"
-  integrity sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==
-  dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.2.1"
-
-is-arrayish@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
-  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
-
-is-arrayish@^0.3.1:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
-  integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
-
-is-async-function@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.0.0.tgz#8e4418efd3e5d3a6ebb0164c05ef5afb69aa9646"
-  integrity sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-bigint@^1.0.1:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3"
-  integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==
-  dependencies:
-    has-bigints "^1.0.1"
-
-is-binary-path@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
-  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
-  dependencies:
-    binary-extensions "^2.0.0"
-
-is-boolean-object@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719"
-  integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==
-  dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
-
-is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
-  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
-
-is-ci@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-3.0.1.tgz#db6ecbed1bd659c43dac0f45661e7674103d1867"
-  integrity sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==
-  dependencies:
-    ci-info "^3.2.0"
-
-is-core-module@^2.11.0, is-core-module@^2.13.0, is-core-module@^2.13.1, is-core-module@^2.5.0:
-  version "2.13.1"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.1.tgz#ad0d7532c6fea9da1ebdc82742d74525c6273384"
-  integrity sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==
-  dependencies:
-    hasown "^2.0.0"
-
-is-data-view@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.1.tgz#4b4d3a511b70f3dc26d42c03ca9ca515d847759f"
-  integrity sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==
-  dependencies:
-    is-typed-array "^1.1.13"
-
-is-date-object@^1.0.1, is-date-object@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
-  integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-deflate@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-deflate/-/is-deflate-1.0.0.tgz#c862901c3c161fb09dac7cdc7e784f80e98f2f14"
-  integrity sha512-YDoFpuZWu1VRXlsnlYMzKyVRITXj7Ej/V9gXQ2/pAe7X1J7M/RNOqaIYi6qUn+B7nGyB9pDXrv02dsB58d2ZAQ==
-
-is-docker@^2.0.0, is-docker@^2.1.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
-  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
-
-is-docker@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-3.0.0.tgz#90093aa3106277d8a77a5910dbae71747e15a200"
-  integrity sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==
-
-is-extglob@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
-  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
-
-is-finalizationregistry@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz#c8749b65f17c133313e661b1289b95ad3dbd62e6"
-  integrity sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==
-  dependencies:
-    call-bind "^1.0.2"
-
-is-fullwidth-code-point@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
-  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
-
-is-function@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-function/-/is-function-1.0.2.tgz#4f097f30abf6efadac9833b17ca5dc03f8144e08"
-  integrity sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ==
-
-is-generator-fn@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118"
-  integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==
-
-is-generator-function@^1.0.10, is-generator-function@^1.0.7:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72"
-  integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
-  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
-  dependencies:
-    is-extglob "^2.1.1"
-
-is-gzip@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-gzip/-/is-gzip-1.0.0.tgz#6ca8b07b99c77998025900e555ced8ed80879a83"
-  integrity sha512-rcfALRIb1YewtnksfRIHGcIY93QnK8BIQ/2c9yDYcG/Y6+vRoJuTWBmmSEbyLLYtXm7q35pHOHbZFQBaLrhlWQ==
-
-is-hex-prefixed@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-hex-prefixed/-/is-hex-prefixed-1.0.0.tgz#7d8d37e6ad77e5d127148913c573e082d777f554"
-  integrity sha512-WvtOiug1VFrE9v1Cydwm+FnXd3+w9GaeVUss5W4v/SLy3UW00vP+6iNF2SdnfiBoLy4bTqVdkftNGTUeOFVsbA==
-
-is-inside-container@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-inside-container/-/is-inside-container-1.0.0.tgz#e81fba699662eb31dbdaf26766a61d4814717ea4"
-  integrity sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==
-  dependencies:
-    is-docker "^3.0.0"
-
-is-installed-globally@~0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.4.0.tgz#9a0fd407949c30f86eb6959ef1b7994ed0b7b520"
-  integrity sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==
-  dependencies:
-    global-dirs "^3.0.0"
-    is-path-inside "^3.0.2"
-
-is-interactive@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-interactive/-/is-interactive-1.0.0.tgz#cea6e6ae5c870a7b0a0004070b7b587e0252912e"
-  integrity sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==
-
-is-map@^2.0.2, is-map@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.3.tgz#ede96b7fe1e270b3c4465e3a465658764926d62e"
-  integrity sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==
-
-is-module@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
-  integrity sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==
-
-is-nan@^1.3.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/is-nan/-/is-nan-1.3.2.tgz#043a54adea31748b55b6cd4e09aadafa69bd9e1d"
-  integrity sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==
-  dependencies:
-    call-bind "^1.0.0"
-    define-properties "^1.1.3"
-
-is-negative-zero@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.3.tgz#ced903a027aca6381b777a5743069d7376a49747"
-  integrity sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==
-
-is-number-object@^1.0.4:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.7.tgz#59d50ada4c45251784e9904f5246c742f07a42fc"
-  integrity sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-number@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
-  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
-
-is-obj@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
-  integrity sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==
-
-is-path-cwd@^2.0.0, is-path-cwd@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
-  integrity sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==
-
-is-path-in-cwd@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-path-in-cwd/-/is-path-in-cwd-2.1.0.tgz#bfe2dca26c69f397265a4009963602935a053acb"
-  integrity sha512-rNocXHgipO+rvnP6dk3zI20RpOtrAM/kzbB258Uw5BWr3TpXi861yzjo16Dn4hUox07iw5AyeMLHWsujkjzvRQ==
-  dependencies:
-    is-path-inside "^2.1.0"
-
-is-path-inside@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-2.1.0.tgz#7c9810587d659a40d27bcdb4d5616eab059494b2"
-  integrity sha512-wiyhTzfDWsvwAW53OBWF5zuvaOGlZ6PwYxAbPVDhpm+gM09xKQGjBq/8uYN12aDvMxnAnq3dxTyoSoRNmg5YFg==
-  dependencies:
-    path-is-inside "^1.0.2"
-
-is-path-inside@^3.0.2, is-path-inside@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
-  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
-
-is-plain-obj@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
-  integrity sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==
-
-is-plain-obj@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-2.1.0.tgz#45e42e37fccf1f40da8e5f76ee21515840c09287"
-  integrity sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==
-
-is-plain-object@5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-5.0.0.tgz#4427f50ab3429e9025ea7d52e9043a9ef4159344"
-  integrity sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==
-
-is-plain-object@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
-  integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
-  dependencies:
-    isobject "^3.0.1"
-
-is-potential-custom-element-name@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
-  integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
-
-is-promise@^2.2.2:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.2.2.tgz#39ab959ccbf9a774cf079f7b40c7a26f763135f1"
-  integrity sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==
-
-is-regex@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
-  integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
-  dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
-
-is-regexp@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
-  integrity sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==
-
-is-set@^2.0.2, is-set@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.3.tgz#8ab209ea424608141372ded6e0cb200ef1d9d01d"
-  integrity sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==
-
-is-shared-array-buffer@^1.0.2, is-shared-array-buffer@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz#1237f1cba059cdb62431d378dcc37d9680181688"
-  integrity sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==
-  dependencies:
-    call-bind "^1.0.7"
-
-is-stream@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
-  integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
-
-is-stream@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-3.0.0.tgz#e6bfd7aa6bef69f4f472ce9bb681e3e57b4319ac"
-  integrity sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==
-
-is-string@^1.0.5, is-string@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.7.tgz#0dd12bf2006f255bb58f695110eff7491eebc0fd"
-  integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-symbol@^1.0.2, is-symbol@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c"
-  integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==
-  dependencies:
-    has-symbols "^1.0.2"
-
-is-typed-array@^1.1.13, is-typed-array@^1.1.3:
-  version "1.1.13"
-  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.13.tgz#d6c5ca56df62334959322d7d7dd1cca50debe229"
-  integrity sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==
-  dependencies:
-    which-typed-array "^1.1.14"
-
-is-typedarray@^1.0.0, is-typedarray@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
-  integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
-
-is-unicode-supported@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz#3f26c76a809593b52bfa2ecb5710ed2779b522a7"
-  integrity sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==
-
-is-weakmap@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.2.tgz#bf72615d649dfe5f699079c54b83e47d1ae19cfd"
-  integrity sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==
-
-is-weakref@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
-  integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==
-  dependencies:
-    call-bind "^1.0.2"
-
-is-weakset@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.3.tgz#e801519df8c0c43e12ff2834eead84ec9e624007"
-  integrity sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==
-  dependencies:
-    call-bind "^1.0.7"
-    get-intrinsic "^1.2.4"
-
-is-what@^3.14.1:
-  version "3.14.1"
-  resolved "https://registry.yarnpkg.com/is-what/-/is-what-3.14.1.tgz#e1222f46ddda85dead0fd1c9df131760e77755c1"
-  integrity sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==
-
-is-wsl@^2.1.1, is-wsl@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
-  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
-  dependencies:
-    is-docker "^2.0.0"
-
-is-wsl@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-3.1.0.tgz#e1c657e39c10090afcbedec61720f6b924c3cbd2"
-  integrity sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==
-  dependencies:
-    is-inside-container "^1.0.0"
-
-is64bit@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is64bit/-/is64bit-2.0.0.tgz#198c627cbcb198bbec402251f88e5e1a51236c07"
-  integrity sha512-jv+8jaWCl0g2lSBkNSVXdzfBA0npK1HGC2KtWM9FumFRoGS94g3NbCCLVnCYHLjp4GrW2KZeeSTMo5ddtznmGw==
-  dependencies:
-    system-architecture "^0.1.0"
-
-isarray@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
-  integrity sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==
-
-isarray@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
-  integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
-
-isarray@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
-  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
-
-isexe@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
-  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
-
-isobject@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
-  integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
-
-isomorphic-unfetch@3.1.0, isomorphic-unfetch@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/isomorphic-unfetch/-/isomorphic-unfetch-3.1.0.tgz#87341d5f4f7b63843d468438128cb087b7c3e98f"
-  integrity sha512-geDJjpoZ8N0kWexiwkX8F9NkTsXhetLPVbZFQ+JTW239QNOwvB0gniuR1Wc6f0AMTn7/mFGyXvHTifrCp/GH8Q==
-  dependencies:
-    node-fetch "^2.6.1"
-    unfetch "^4.2.0"
-
-isomorphic-ws@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/isomorphic-ws/-/isomorphic-ws-4.0.1.tgz#55fd4cd6c5e6491e76dc125938dd863f5cd4f2dc"
-  integrity sha512-BhBvN2MBpWTaSHdWRb/bwdZJ1WaehQ2L1KngkCkfLUGF0mAWAT1sQUQacEmQ0jXkFw/czDXPNQSL5u2/Krsz1w==
-
-isows@1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/isows/-/isows-1.0.4.tgz#810cd0d90cc4995c26395d2aa4cfa4037ebdf061"
-  integrity sha512-hEzjY+x9u9hPmBom9IIAqdJCwNLax+xrPb51vEPpERoFlIxgmZcHzsT5jKG06nvInKOBGvReAVz80Umed5CczQ==
-
-isstream@~0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
-  integrity sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==
-
-istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz#2d166c4b0644d43a39f04bf6c2edd1e585f31756"
-  integrity sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==
-
-istanbul-lib-instrument@^5.0.4:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz#d10c8885c2125574e1c231cacadf955675e1ce3d"
-  integrity sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==
-  dependencies:
-    "@babel/core" "^7.12.3"
-    "@babel/parser" "^7.14.7"
-    "@istanbuljs/schema" "^0.1.2"
-    istanbul-lib-coverage "^3.2.0"
-    semver "^6.3.0"
-
-istanbul-lib-instrument@^6.0.0:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.2.tgz#91655936cf7380e4e473383081e38478b69993b1"
-  integrity sha512-1WUsZ9R1lA0HtBSohTkm39WTPlNKSJ5iFk7UwqXkBLoHQT+hfqPsfsTDVuZdKGaBwn7din9bS7SsnoAr943hvw==
-  dependencies:
-    "@babel/core" "^7.23.9"
-    "@babel/parser" "^7.23.9"
-    "@istanbuljs/schema" "^0.1.3"
-    istanbul-lib-coverage "^3.2.0"
-    semver "^7.5.4"
-
-istanbul-lib-report@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz#908305bac9a5bd175ac6a74489eafd0fc2445a7d"
-  integrity sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==
-  dependencies:
-    istanbul-lib-coverage "^3.0.0"
-    make-dir "^4.0.0"
-    supports-color "^7.1.0"
-
-istanbul-lib-source-maps@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz#895f3a709fcfba34c6de5a42939022f3e4358551"
-  integrity sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==
-  dependencies:
-    debug "^4.1.1"
-    istanbul-lib-coverage "^3.0.0"
-    source-map "^0.6.1"
-
-istanbul-reports@^3.1.3:
-  version "3.1.7"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.7.tgz#daed12b9e1dca518e15c056e1e537e741280fa0b"
-  integrity sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==
-  dependencies:
-    html-escaper "^2.0.0"
-    istanbul-lib-report "^3.0.0"
-
-it-all@^1.0.5:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/it-all/-/it-all-1.0.6.tgz#852557355367606295c4c3b7eff0136f07749335"
-  integrity sha512-3cmCc6Heqe3uWi3CVM/k51fa/XbMFpQVzFoDsV0IZNHSQDyAXl3c4MjHkFX5kF3922OGj7Myv1nSEUgRtcuM1A==
-
-it-batch@^1.0.8, it-batch@^1.0.9:
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/it-batch/-/it-batch-1.0.9.tgz#7e95aaacb3f9b1b8ca6c8b8367892171d6a5b37f"
-  integrity sha512-7Q7HXewMhNFltTsAMdSz6luNhyhkhEtGGbYek/8Xb/GiqYMtwUmopE1ocPSiJKKp3rM4Dt045sNFoUu+KZGNyA==
-
-it-first@^1.0.6:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/it-first/-/it-first-1.0.7.tgz#a4bef40da8be21667f7d23e44dae652f5ccd7ab1"
-  integrity sha512-nvJKZoBpZD/6Rtde6FXqwDqDZGF1sCADmr2Zoc0hZsIvnE449gRFnGctxDf09Bzc/FWnHXAdaHVIetY6lrE0/g==
-
-it-parallel-batch@^1.0.9:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/it-parallel-batch/-/it-parallel-batch-1.0.11.tgz#f889b4e1c7a62ef24111dbafbaaa010b33d00f69"
-  integrity sha512-UWsWHv/kqBpMRmyZJzlmZeoAMA0F3SZr08FBdbhtbe+MtoEBgr/ZUAKrnenhXCBrsopy76QjRH2K/V8kNdupbQ==
-  dependencies:
-    it-batch "^1.0.9"
-
-iterator.prototype@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/iterator.prototype/-/iterator.prototype-1.1.2.tgz#5e29c8924f01916cb9335f1ff80619dcff22b0c0"
-  integrity sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==
-  dependencies:
-    define-properties "^1.2.1"
-    get-intrinsic "^1.2.1"
-    has-symbols "^1.0.3"
-    reflect.getprototypeof "^1.0.4"
-    set-function-name "^2.0.1"
-
-jackspeak@^2.3.5:
-  version "2.3.6"
-  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-2.3.6.tgz#647ecc472238aee4b06ac0e461acc21a8c505ca8"
-  integrity sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==
-  dependencies:
-    "@isaacs/cliui" "^8.0.2"
-  optionalDependencies:
-    "@pkgjs/parseargs" "^0.11.0"
-
-jackspeak@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.1.2.tgz#eada67ea949c6b71de50f1b09c92a961897b90ab"
-  integrity sha512-kWmLKn2tRtfYMF/BakihVVRzBKOxz4gJMiL2Rj91WnAB5TPZumSH99R/Yf1qE1u4uRimvCSJfm6hnxohXeEXjQ==
-  dependencies:
-    "@isaacs/cliui" "^8.0.2"
-  optionalDependencies:
-    "@pkgjs/parseargs" "^0.11.0"
-
-jake@^10.8.5:
-  version "10.9.1"
-  resolved "https://registry.yarnpkg.com/jake/-/jake-10.9.1.tgz#8dc96b7fcc41cb19aa502af506da4e1d56f5e62b"
-  integrity sha512-61btcOHNnLnsOdtLgA5efqQWjnSi/vow5HbI7HMdKKWqvrKR1bLK3BPlJn9gcSaP2ewuamUSMB5XEy76KUIS2w==
-  dependencies:
-    async "^3.2.3"
-    chalk "^4.0.2"
-    filelist "^1.0.4"
-    minimatch "^3.1.2"
-
-jayson@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/jayson/-/jayson-4.1.0.tgz#60dc946a85197317f2b1439d672a8b0a99cea2f9"
-  integrity sha512-R6JlbyLN53Mjku329XoRT2zJAE6ZgOQ8f91ucYdMCD4nkGCF9kZSrcGXpHIU4jeKj58zUZke2p+cdQchU7Ly7A==
-  dependencies:
-    "@types/connect" "^3.4.33"
-    "@types/node" "^12.12.54"
-    "@types/ws" "^7.4.4"
-    JSONStream "^1.3.5"
-    commander "^2.20.3"
-    delay "^5.0.0"
-    es6-promisify "^5.0.0"
-    eyes "^0.1.8"
-    isomorphic-ws "^4.0.1"
-    json-stringify-safe "^5.0.1"
-    uuid "^8.3.2"
-    ws "^7.4.5"
-
-jest-changed-files@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-29.7.0.tgz#1c06d07e77c78e1585d020424dedc10d6e17ac3a"
-  integrity sha512-fEArFiwf1BpQ+4bXSprcDc3/x4HSzL4al2tozwVpDFpsxALjLYdyiIK4e5Vz66GQJIbXJ82+35PtysofptNX2w==
-  dependencies:
-    execa "^5.0.0"
-    jest-util "^29.7.0"
-    p-limit "^3.1.0"
-
-jest-circus@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-29.7.0.tgz#b6817a45fcc835d8b16d5962d0c026473ee3668a"
-  integrity sha512-3E1nCMgipcTkCocFwM90XXQab9bS+GMsjdpmPrlelaxwD93Ad8iVEjX/vvHPdLPnFf+L40u+5+iutRdA1N9myw==
-  dependencies:
-    "@jest/environment" "^29.7.0"
-    "@jest/expect" "^29.7.0"
-    "@jest/test-result" "^29.7.0"
-    "@jest/types" "^29.6.3"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    co "^4.6.0"
-    dedent "^1.0.0"
-    is-generator-fn "^2.0.0"
-    jest-each "^29.7.0"
-    jest-matcher-utils "^29.7.0"
-    jest-message-util "^29.7.0"
-    jest-runtime "^29.7.0"
-    jest-snapshot "^29.7.0"
-    jest-util "^29.7.0"
-    p-limit "^3.1.0"
-    pretty-format "^29.7.0"
-    pure-rand "^6.0.0"
-    slash "^3.0.0"
-    stack-utils "^2.0.3"
-
-jest-cli@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-29.7.0.tgz#5592c940798e0cae677eec169264f2d839a37995"
-  integrity sha512-OVVobw2IubN/GSYsxETi+gOe7Ka59EFMR/twOU3Jb2GnKKeMGJB5SGUUrEz3SFVmJASUdZUzy83sLNNQ2gZslg==
-  dependencies:
-    "@jest/core" "^29.7.0"
-    "@jest/test-result" "^29.7.0"
-    "@jest/types" "^29.6.3"
-    chalk "^4.0.0"
-    create-jest "^29.7.0"
-    exit "^0.1.2"
-    import-local "^3.0.2"
-    jest-config "^29.7.0"
-    jest-util "^29.7.0"
-    jest-validate "^29.7.0"
-    yargs "^17.3.1"
-
-jest-config@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-29.7.0.tgz#bcbda8806dbcc01b1e316a46bb74085a84b0245f"
-  integrity sha512-uXbpfeQ7R6TZBqI3/TxCU4q4ttk3u0PJeC+E0zbfSoSjq6bJ7buBPxzQPL0ifrkY4DNu4JUdk0ImlBUYi840eQ==
-  dependencies:
-    "@babel/core" "^7.11.6"
-    "@jest/test-sequencer" "^29.7.0"
-    "@jest/types" "^29.6.3"
-    babel-jest "^29.7.0"
-    chalk "^4.0.0"
-    ci-info "^3.2.0"
-    deepmerge "^4.2.2"
-    glob "^7.1.3"
-    graceful-fs "^4.2.9"
-    jest-circus "^29.7.0"
-    jest-environment-node "^29.7.0"
-    jest-get-type "^29.6.3"
-    jest-regex-util "^29.6.3"
-    jest-resolve "^29.7.0"
-    jest-runner "^29.7.0"
-    jest-util "^29.7.0"
-    jest-validate "^29.7.0"
-    micromatch "^4.0.4"
-    parse-json "^5.2.0"
-    pretty-format "^29.7.0"
-    slash "^3.0.0"
-    strip-json-comments "^3.1.1"
-
-jest-diff@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.7.0.tgz#017934a66ebb7ecf6f205e84699be10afd70458a"
-  integrity sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==
-  dependencies:
-    chalk "^4.0.0"
-    diff-sequences "^29.6.3"
-    jest-get-type "^29.6.3"
-    pretty-format "^29.7.0"
-
-jest-docblock@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-29.7.0.tgz#8fddb6adc3cdc955c93e2a87f61cfd350d5d119a"
-  integrity sha512-q617Auw3A612guyaFgsbFeYpNP5t2aoUNLwBUbc/0kD1R4t9ixDbyFTHd1nok4epoVFpr7PmeWHrhvuV3XaJ4g==
-  dependencies:
-    detect-newline "^3.0.0"
-
-jest-each@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-29.7.0.tgz#162a9b3f2328bdd991beaabffbb74745e56577d1"
-  integrity sha512-gns+Er14+ZrEoC5fhOfYCY1LOHHr0TI+rQUHZS8Ttw2l7gl+80eHc/gFf2Ktkw0+SIACDTeWvpFcv3B04VembQ==
-  dependencies:
-    "@jest/types" "^29.6.3"
-    chalk "^4.0.0"
-    jest-get-type "^29.6.3"
-    jest-util "^29.7.0"
-    pretty-format "^29.7.0"
-
-jest-environment-jsdom@^29.6.2:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-29.7.0.tgz#d206fa3551933c3fd519e5dfdb58a0f5139a837f"
-  integrity sha512-k9iQbsf9OyOfdzWH8HDmrRT0gSIcX+FLNW7IQq94tFX0gynPwqDTW0Ho6iMVNjGz/nb+l/vW3dWM2bbLLpkbXA==
-  dependencies:
-    "@jest/environment" "^29.7.0"
-    "@jest/fake-timers" "^29.7.0"
-    "@jest/types" "^29.6.3"
-    "@types/jsdom" "^20.0.0"
-    "@types/node" "*"
-    jest-mock "^29.7.0"
-    jest-util "^29.7.0"
-    jsdom "^20.0.0"
-
-jest-environment-node@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-29.7.0.tgz#0b93e111dda8ec120bc8300e6d1fb9576e164376"
-  integrity sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==
-  dependencies:
-    "@jest/environment" "^29.7.0"
-    "@jest/fake-timers" "^29.7.0"
-    "@jest/types" "^29.6.3"
-    "@types/node" "*"
-    jest-mock "^29.7.0"
-    jest-util "^29.7.0"
-
-jest-get-type@^29.6.3:
-  version "29.6.3"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.6.3.tgz#36f499fdcea197c1045a127319c0481723908fd1"
-  integrity sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==
-
-jest-haste-map@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-29.7.0.tgz#3c2396524482f5a0506376e6c858c3bbcc17b104"
-  integrity sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==
-  dependencies:
-    "@jest/types" "^29.6.3"
-    "@types/graceful-fs" "^4.1.3"
-    "@types/node" "*"
-    anymatch "^3.0.3"
-    fb-watchman "^2.0.0"
-    graceful-fs "^4.2.9"
-    jest-regex-util "^29.6.3"
-    jest-util "^29.7.0"
-    jest-worker "^29.7.0"
-    micromatch "^4.0.4"
-    walker "^1.0.8"
-  optionalDependencies:
-    fsevents "^2.3.2"
-
-jest-leak-detector@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-29.7.0.tgz#5b7ec0dadfdfec0ca383dc9aa016d36b5ea4c728"
-  integrity sha512-kYA8IJcSYtST2BY9I+SMC32nDpBT3J2NvWJx8+JCuCdl/CR1I4EKUJROiP8XtCcxqgTTBGJNdbB1A8XRKbTetw==
-  dependencies:
-    jest-get-type "^29.6.3"
-    pretty-format "^29.7.0"
-
-jest-matcher-utils@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz#ae8fec79ff249fd592ce80e3ee474e83a6c44f12"
-  integrity sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==
-  dependencies:
-    chalk "^4.0.0"
-    jest-diff "^29.7.0"
-    jest-get-type "^29.6.3"
-    pretty-format "^29.7.0"
-
-jest-message-util@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.7.0.tgz#8bc392e204e95dfe7564abbe72a404e28e51f7f3"
-  integrity sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==
-  dependencies:
-    "@babel/code-frame" "^7.12.13"
-    "@jest/types" "^29.6.3"
-    "@types/stack-utils" "^2.0.0"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    micromatch "^4.0.4"
-    pretty-format "^29.7.0"
-    slash "^3.0.0"
-    stack-utils "^2.0.3"
-
-jest-mock@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-29.7.0.tgz#4e836cf60e99c6fcfabe9f99d017f3fdd50a6347"
-  integrity sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==
-  dependencies:
-    "@jest/types" "^29.6.3"
-    "@types/node" "*"
-    jest-util "^29.7.0"
-
-jest-pnp-resolver@^1.2.2:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz#930b1546164d4ad5937d5540e711d4d38d4cad2e"
-  integrity sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==
-
-jest-regex-util@^29.6.3:
-  version "29.6.3"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-29.6.3.tgz#4a556d9c776af68e1c5f48194f4d0327d24e8a52"
-  integrity sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==
-
-jest-resolve-dependencies@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-29.7.0.tgz#1b04f2c095f37fc776ff40803dc92921b1e88428"
-  integrity sha512-un0zD/6qxJ+S0et7WxeI3H5XSe9lTBBR7bOHCHXkKR6luG5mwDDlIzVQ0V5cZCuoTgEdcdwzTghYkTWfubi+nA==
-  dependencies:
-    jest-regex-util "^29.6.3"
-    jest-snapshot "^29.7.0"
-
-jest-resolve@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-29.7.0.tgz#64d6a8992dd26f635ab0c01e5eef4399c6bcbc30"
-  integrity sha512-IOVhZSrg+UvVAshDSDtHyFCCBUl/Q3AAJv8iZ6ZjnZ74xzvwuzLXid9IIIPgTnY62SJjfuupMKZsZQRsCvxEgA==
-  dependencies:
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^29.7.0"
-    jest-pnp-resolver "^1.2.2"
-    jest-util "^29.7.0"
-    jest-validate "^29.7.0"
-    resolve "^1.20.0"
-    resolve.exports "^2.0.0"
-    slash "^3.0.0"
-
-jest-runner@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-29.7.0.tgz#809af072d408a53dcfd2e849a4c976d3132f718e"
-  integrity sha512-fsc4N6cPCAahybGBfTRcq5wFR6fpLznMg47sY5aDpsoejOcVYFb07AHuSnR0liMcPTgBsA3ZJL6kFOjPdoNipQ==
-  dependencies:
-    "@jest/console" "^29.7.0"
-    "@jest/environment" "^29.7.0"
-    "@jest/test-result" "^29.7.0"
-    "@jest/transform" "^29.7.0"
-    "@jest/types" "^29.6.3"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    emittery "^0.13.1"
-    graceful-fs "^4.2.9"
-    jest-docblock "^29.7.0"
-    jest-environment-node "^29.7.0"
-    jest-haste-map "^29.7.0"
-    jest-leak-detector "^29.7.0"
-    jest-message-util "^29.7.0"
-    jest-resolve "^29.7.0"
-    jest-runtime "^29.7.0"
-    jest-util "^29.7.0"
-    jest-watcher "^29.7.0"
-    jest-worker "^29.7.0"
-    p-limit "^3.1.0"
-    source-map-support "0.5.13"
-
-jest-runtime@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-29.7.0.tgz#efecb3141cf7d3767a3a0cc8f7c9990587d3d817"
-  integrity sha512-gUnLjgwdGqW7B4LvOIkbKs9WGbn+QLqRQQ9juC6HndeDiezIwhDP+mhMwHWCEcfQ5RUXa6OPnFF8BJh5xegwwQ==
-  dependencies:
-    "@jest/environment" "^29.7.0"
-    "@jest/fake-timers" "^29.7.0"
-    "@jest/globals" "^29.7.0"
-    "@jest/source-map" "^29.6.3"
-    "@jest/test-result" "^29.7.0"
-    "@jest/transform" "^29.7.0"
-    "@jest/types" "^29.6.3"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    cjs-module-lexer "^1.0.0"
-    collect-v8-coverage "^1.0.0"
-    glob "^7.1.3"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^29.7.0"
-    jest-message-util "^29.7.0"
-    jest-mock "^29.7.0"
-    jest-regex-util "^29.6.3"
-    jest-resolve "^29.7.0"
-    jest-snapshot "^29.7.0"
-    jest-util "^29.7.0"
-    slash "^3.0.0"
-    strip-bom "^4.0.0"
-
-jest-snapshot@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-29.7.0.tgz#c2c574c3f51865da1bb329036778a69bf88a6be5"
-  integrity sha512-Rm0BMWtxBcioHr1/OX5YCP8Uov4riHvKPknOGs804Zg9JGZgmIBkbtlxJC/7Z4msKYVbIJtfU+tKb8xlYNfdkw==
-  dependencies:
-    "@babel/core" "^7.11.6"
-    "@babel/generator" "^7.7.2"
-    "@babel/plugin-syntax-jsx" "^7.7.2"
-    "@babel/plugin-syntax-typescript" "^7.7.2"
-    "@babel/types" "^7.3.3"
-    "@jest/expect-utils" "^29.7.0"
-    "@jest/transform" "^29.7.0"
-    "@jest/types" "^29.6.3"
-    babel-preset-current-node-syntax "^1.0.0"
-    chalk "^4.0.0"
-    expect "^29.7.0"
-    graceful-fs "^4.2.9"
-    jest-diff "^29.7.0"
-    jest-get-type "^29.6.3"
-    jest-matcher-utils "^29.7.0"
-    jest-message-util "^29.7.0"
-    jest-util "^29.7.0"
-    natural-compare "^1.4.0"
-    pretty-format "^29.7.0"
-    semver "^7.5.3"
-
-jest-util@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.7.0.tgz#23c2b62bfb22be82b44de98055802ff3710fc0bc"
-  integrity sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==
-  dependencies:
-    "@jest/types" "^29.6.3"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    ci-info "^3.2.0"
-    graceful-fs "^4.2.9"
-    picomatch "^2.2.3"
-
-jest-validate@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-29.7.0.tgz#7bf705511c64da591d46b15fce41400d52147d9c"
-  integrity sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==
-  dependencies:
-    "@jest/types" "^29.6.3"
-    camelcase "^6.2.0"
-    chalk "^4.0.0"
-    jest-get-type "^29.6.3"
-    leven "^3.1.0"
-    pretty-format "^29.7.0"
-
-jest-watcher@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-29.7.0.tgz#7810d30d619c3a62093223ce6bb359ca1b28a2f2"
-  integrity sha512-49Fg7WXkU3Vl2h6LbLtMQ/HyB6rXSIX7SqvBLQmssRBGN9I0PNvPmAmCWSOY6SOvrjhI/F7/bGAv9RtnsPA03g==
-  dependencies:
-    "@jest/test-result" "^29.7.0"
-    "@jest/types" "^29.6.3"
-    "@types/node" "*"
-    ansi-escapes "^4.2.1"
-    chalk "^4.0.0"
-    emittery "^0.13.1"
-    jest-util "^29.7.0"
-    string-length "^4.0.1"
-
-jest-worker@^26.2.1:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.6.2.tgz#7f72cbc4d643c365e27b9fd775f9d0eaa9c7a8ed"
-  integrity sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==
-  dependencies:
-    "@types/node" "*"
-    merge-stream "^2.0.0"
-    supports-color "^7.0.0"
-
-jest-worker@^27.4.5:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
-  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
-  dependencies:
-    "@types/node" "*"
-    merge-stream "^2.0.0"
-    supports-color "^8.0.0"
-
-jest-worker@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.7.0.tgz#acad073acbbaeb7262bd5389e1bcf43e10058d4a"
-  integrity sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==
-  dependencies:
-    "@types/node" "*"
-    jest-util "^29.7.0"
-    merge-stream "^2.0.0"
-    supports-color "^8.0.0"
-
-jest@^29.6.2:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-29.7.0.tgz#994676fc24177f088f1c5e3737f5697204ff2613"
-  integrity sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==
-  dependencies:
-    "@jest/core" "^29.7.0"
-    "@jest/types" "^29.6.3"
-    import-local "^3.0.2"
-    jest-cli "^29.7.0"
-
-jiti@^1.20.0, jiti@^1.21.0:
-  version "1.21.0"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.0.tgz#7c97f8fe045724e136a397f7340475244156105d"
-  integrity sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==
-
-joi@17.9.1:
-  version "17.9.1"
-  resolved "https://registry.yarnpkg.com/joi/-/joi-17.9.1.tgz#74899b9fa3646904afa984a11df648eca66c9018"
-  integrity sha512-FariIi9j6QODKATGBrEX7HZcja8Bsh3rfdGYy/Sb65sGlZWK/QWesU1ghk7aJWDj95knjXlQfSmzFSPPkLVsfw==
-  dependencies:
-    "@hapi/hoek" "^9.0.0"
-    "@hapi/topo" "^5.0.0"
-    "@sideway/address" "^4.1.3"
-    "@sideway/formula" "^3.0.1"
-    "@sideway/pinpoint" "^2.0.0"
-
-js-cookie@^3.0.1:
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/js-cookie/-/js-cookie-3.0.5.tgz#0b7e2fd0c01552c58ba86e0841f94dc2557dcdbc"
-  integrity sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==
-
-js-sha3@0.8.0, js-sha3@^0.8.0:
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/js-sha3/-/js-sha3-0.8.0.tgz#b9b7a5da73afad7dedd0f8c463954cbde6818840"
-  integrity sha512-gF1cRrHhIzNfToc802P800N8PpXS+evLLXfsVpowqmAFR9uwbi89WvXg2QspOmXL8QL86J4T1EpFu+yUkwJY3Q==
-
-js-sha3@^0.5.7:
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/js-sha3/-/js-sha3-0.5.7.tgz#0d4ffd8002d5333aabaf4a23eed2f6374c9f28e7"
-  integrity sha512-GII20kjaPX0zJ8wzkTbNDYMY7msuZcTWk8S5UOh6806Jq/wz1J8/bnr8uGU0DAUmYDjj2Mr4X1cW8v/GLYnR+g==
-
-"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
-  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
-
-js-yaml@^3.13.1:
-  version "3.14.1"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537"
-  integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==
-  dependencies:
-    argparse "^1.0.7"
-    esprima "^4.0.0"
-
-js-yaml@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
-  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
-  dependencies:
-    argparse "^2.0.1"
-
-jsbi@^3.1.5:
-  version "3.2.5"
-  resolved "https://registry.yarnpkg.com/jsbi/-/jsbi-3.2.5.tgz#b37bb90e0e5c2814c1c2a1bcd8c729888a2e37d6"
-  integrity sha512-aBE4n43IPvjaddScbvWRA2YlTzKEynHzu7MqOyTipdHucf/VxS63ViCjxYRg86M8Rxwbt/GfzHl1kKERkt45fQ==
-
-jsbn@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-1.1.0.tgz#b01307cb29b618a1ed26ec79e911f803c4da0040"
-  integrity sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==
-
-jsbn@~0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
-  integrity sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==
-
-jscodeshift@^0.15.1:
-  version "0.15.2"
-  resolved "https://registry.yarnpkg.com/jscodeshift/-/jscodeshift-0.15.2.tgz#145563860360b4819a558c75c545f39683e5a0be"
-  integrity sha512-FquR7Okgmc4Sd0aEDwqho3rEiKR3BdvuG9jfdHjLJ6JQoWSMpavug3AoIfnfWhxFlf+5pzQh8qjqz0DWFrNQzA==
-  dependencies:
-    "@babel/core" "^7.23.0"
-    "@babel/parser" "^7.23.0"
-    "@babel/plugin-transform-class-properties" "^7.22.5"
-    "@babel/plugin-transform-modules-commonjs" "^7.23.0"
-    "@babel/plugin-transform-nullish-coalescing-operator" "^7.22.11"
-    "@babel/plugin-transform-optional-chaining" "^7.23.0"
-    "@babel/plugin-transform-private-methods" "^7.22.5"
-    "@babel/preset-flow" "^7.22.15"
-    "@babel/preset-typescript" "^7.23.0"
-    "@babel/register" "^7.22.15"
-    babel-core "^7.0.0-bridge.0"
-    chalk "^4.1.2"
-    flow-parser "0.*"
-    graceful-fs "^4.2.4"
-    micromatch "^4.0.4"
-    neo-async "^2.5.0"
-    node-dir "^0.1.17"
-    recast "^0.23.3"
-    temp "^0.8.4"
-    write-file-atomic "^2.3.0"
-
-jsdom@^20.0.0:
-  version "20.0.3"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-20.0.3.tgz#886a41ba1d4726f67a8858028c99489fed6ad4db"
-  integrity sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==
-  dependencies:
-    abab "^2.0.6"
-    acorn "^8.8.1"
-    acorn-globals "^7.0.0"
-    cssom "^0.5.0"
-    cssstyle "^2.3.0"
-    data-urls "^3.0.2"
-    decimal.js "^10.4.2"
-    domexception "^4.0.0"
-    escodegen "^2.0.0"
-    form-data "^4.0.0"
-    html-encoding-sniffer "^3.0.0"
-    http-proxy-agent "^5.0.0"
-    https-proxy-agent "^5.0.1"
-    is-potential-custom-element-name "^1.0.1"
-    nwsapi "^2.2.2"
-    parse5 "^7.1.1"
-    saxes "^6.0.0"
-    symbol-tree "^3.2.4"
-    tough-cookie "^4.1.2"
-    w3c-xmlserializer "^4.0.0"
-    webidl-conversions "^7.0.0"
-    whatwg-encoding "^2.0.0"
-    whatwg-mimetype "^3.0.0"
-    whatwg-url "^11.0.0"
-    ws "^8.11.0"
-    xml-name-validator "^4.0.0"
-
-jsesc@^2.5.1:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
-  integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
-
-jsesc@~0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
-  integrity sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==
-
-json-buffer@3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
-  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
-
-json-parse-even-better-errors@^2.3.0, json-parse-even-better-errors@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
-  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
-
-json-rpc-engine@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/json-rpc-engine/-/json-rpc-engine-6.1.0.tgz#bf5ff7d029e1c1bf20cb6c0e9f348dcd8be5a393"
-  integrity sha512-NEdLrtrq1jUZyfjkr9OCz9EzCNhnRyWtt1PAnvnhwy6e8XETS0Dtc+ZNCO2gvuAoKsIn2+vCSowXTYE4CkgnAQ==
-  dependencies:
-    "@metamask/safe-event-emitter" "^2.0.0"
-    eth-rpc-errors "^4.0.2"
-
-json-rpc-random-id@^1.0.0, json-rpc-random-id@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/json-rpc-random-id/-/json-rpc-random-id-1.0.1.tgz#ba49d96aded1444dbb8da3d203748acbbcdec8c8"
-  integrity sha512-RJ9YYNCkhVDBuP4zN5BBtYAzEl03yq/jIIsyif0JY9qyJuQQZNeDK7anAPKKlyEtLSj2s8h6hNh2F8zO5q7ScA==
-
-json-schema-traverse@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
-  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
-
-json-schema-traverse@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
-  integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
-
-json-schema@0.4.0, json-schema@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5"
-  integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
-
-json-stable-stringify-without-jsonify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
-  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
-
-json-stable-stringify@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/json-stable-stringify/-/json-stable-stringify-1.0.2.tgz#e06f23128e0bbe342dc996ed5a19e28b57b580e0"
-  integrity sha512-eunSSaEnxV12z+Z73y/j5N37/In40GK4GmsSy+tEHJMxknvqnA7/djeYtAgW0GsWHUfg+847WJjKaEylk2y09g==
-  dependencies:
-    jsonify "^0.0.1"
-
-json-stable-stringify@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/json-stable-stringify/-/json-stable-stringify-1.1.1.tgz#52d4361b47d49168bcc4e564189a42e5a7439454"
-  integrity sha512-SU/971Kt5qVQfJpyDveVhQ/vya+5hvrjClFOcr8c0Fq5aODJjMwutrOfCU+eCnVD5gpx1Q3fEqkyom77zH1iIg==
-  dependencies:
-    call-bind "^1.0.5"
-    isarray "^2.0.5"
-    jsonify "^0.0.1"
-    object-keys "^1.1.1"
-
-json-stringify-deterministic@^1.0.8:
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/json-stringify-deterministic/-/json-stringify-deterministic-1.0.12.tgz#aaa3f907466ed01e3afd77b898d0a2b3b132820a"
-  integrity sha512-q3PN0lbUdv0pmurkBNdJH3pfFvOTL/Zp0lquqpvcjfKzt6Y0j49EPHAmVHCAS4Ceq/Y+PejWTzyiVpoY71+D6g==
-
-json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
-  integrity sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==
-
-json5@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
-  integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
-  dependencies:
-    minimist "^1.2.0"
-
-json5@^2.1.2, json5@^2.1.3, json5@^2.2.0, json5@^2.2.2, json5@^2.2.3:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
-  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
-
-jsonfile@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
-  integrity sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==
-  optionalDependencies:
-    graceful-fs "^4.1.6"
-
-jsonfile@^6.0.1, jsonfile@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
-  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
-  dependencies:
-    universalify "^2.0.0"
-  optionalDependencies:
-    graceful-fs "^4.1.6"
-
-jsonify@^0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.1.tgz#2aa3111dae3d34a0f151c63f3a45d995d9420978"
-  integrity sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg==
-
-jsonparse@^1.2.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/jsonparse/-/jsonparse-1.3.1.tgz#3f4dae4a91fac315f71062f8521cc239f1366280"
-  integrity sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==
-
-jsonpointer@^5.0.0:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/jsonpointer/-/jsonpointer-5.0.1.tgz#2110e0af0900fd37467b5907ecd13a7884a1b559"
-  integrity sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==
-
-jsonschema@1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/jsonschema/-/jsonschema-1.2.2.tgz#83ab9c63d65bf4d596f91d81195e78772f6452bc"
-  integrity sha512-iX5OFQ6yx9NgbHCwse51ohhKgLuLL7Z5cNOeZOPIlDUtAMrxlruHLzVZxbltdHE5mEDXN+75oFOwq6Gn0MZwsA==
-
-jsprim@^1.2.2:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.2.tgz#712c65533a15c878ba59e9ed5f0e26d5b77c5feb"
-  integrity sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==
-  dependencies:
-    assert-plus "1.0.0"
-    extsprintf "1.3.0"
-    json-schema "0.4.0"
-    verror "1.10.0"
-
-jsprim@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-2.0.2.tgz#77ca23dbcd4135cd364800d22ff82c2185803d4d"
-  integrity sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==
-  dependencies:
-    assert-plus "1.0.0"
-    extsprintf "1.3.0"
-    json-schema "0.4.0"
-    verror "1.10.0"
-
-jsqr@^1.2.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/jsqr/-/jsqr-1.4.0.tgz#8efb8d0a7cc6863cb6d95116b9069123ce9eb2d1"
-  integrity sha512-dxLob7q65Xg2DvstYkRpkYtmKm2sPJ9oFhrhmudT1dZvNFFTlroai3AWSpLey/w5vMcLBXRgOJsbXpdN9HzU/A==
-
-"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.3.5:
-  version "3.3.5"
-  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz#4766bd05a8e2a11af222becd19e15575e52a853a"
-  integrity sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==
-  dependencies:
-    array-includes "^3.1.6"
-    array.prototype.flat "^1.3.1"
-    object.assign "^4.1.4"
-    object.values "^1.1.6"
-
-keccak@^3.0.0, keccak@^3.0.3:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/keccak/-/keccak-3.0.4.tgz#edc09b89e633c0549da444432ecf062ffadee86d"
-  integrity sha512-3vKuW0jV8J3XNTzvfyicFR5qvxrSAGl7KIhvgOu5cmWwM7tZRj3fMbj/pfIf4be7aznbc+prBWGjywox/g2Y6Q==
-  dependencies:
-    node-addon-api "^2.0.0"
-    node-gyp-build "^4.2.0"
-    readable-stream "^3.6.0"
-
-keyv@^4.0.0, keyv@^4.5.3:
-  version "4.5.4"
-  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
-  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
-  dependencies:
-    json-buffer "3.0.1"
-
-keyvaluestorage-interface@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/keyvaluestorage-interface/-/keyvaluestorage-interface-1.0.0.tgz#13ebdf71f5284ad54be94bd1ad9ed79adad515ff"
-  integrity sha512-8t6Q3TclQ4uZynJY9IGr2+SsIGwK9JHcO6ootkHCGA0CrQCRy+VkouYNO2xicET6b9al7QKzpebNow+gkpCL8g==
-
-kind-of@^6.0.2, kind-of@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
-  integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
-
-klaw-sync@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/klaw-sync/-/klaw-sync-6.0.0.tgz#1fd2cfd56ebb6250181114f0a581167099c2b28c"
-  integrity sha512-nIeuVSzdCCs6TDPTqI8w1Yre34sSq7AkZ4B3sfOBbI2CgVSB4Du4aLQijFU2+lhAFCwt9+42Hel6lQNIv6AntQ==
-  dependencies:
-    graceful-fs "^4.1.11"
-
-kleur@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
-  integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
-
-klona@^2.0.4:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.6.tgz#85bffbf819c03b2f53270412420a4555ef882e22"
-  integrity sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==
-
-language-subtag-registry@^0.3.20:
-  version "0.3.23"
-  resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz#23529e04d9e3b74679d70142df3fd2eb6ec572e7"
-  integrity sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==
-
-language-tags@^1.0.9:
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/language-tags/-/language-tags-1.0.9.tgz#1ffdcd0ec0fafb4b1be7f8b11f306ad0f9c08777"
-  integrity sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==
-  dependencies:
-    language-subtag-registry "^0.3.20"
-
-lazy-ass@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/lazy-ass/-/lazy-ass-1.6.0.tgz#7999655e8646c17f089fdd187d150d3324d54513"
-  integrity sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==
-
-lazy-universal-dotenv@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/lazy-universal-dotenv/-/lazy-universal-dotenv-4.0.0.tgz#0b220c264e89a042a37181a4928cdd298af73422"
-  integrity sha512-aXpZJRnTkpK6gQ/z4nk+ZBLd/Qdp118cvPruLSIQzQNRhKwEcdXCOzXuF55VDqIiuAaY3UGZ10DJtvZzDcvsxg==
-  dependencies:
-    app-root-dir "^1.0.2"
-    dotenv "^16.0.0"
-    dotenv-expand "^10.0.0"
-
-less@^4.1.3:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/less/-/less-4.2.0.tgz#cbefbfaa14a4cd388e2099b2b51f956e1465c450"
-  integrity sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==
-  dependencies:
-    copy-anything "^2.0.1"
-    parse-node-version "^1.0.1"
-    tslib "^2.3.0"
-  optionalDependencies:
-    errno "^0.1.1"
-    graceful-fs "^4.1.2"
-    image-size "~0.5.0"
-    make-dir "^2.1.0"
-    mime "^1.4.1"
-    needle "^3.1.0"
-    source-map "~0.6.0"
-
-leven@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
-  integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==
-
-levn@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
-  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
-  dependencies:
-    prelude-ls "^1.2.1"
-    type-check "~0.4.0"
-
-lie@3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/lie/-/lie-3.1.1.tgz#9a436b2cc7746ca59de7a41fa469b3efb76bd87e"
-  integrity sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==
-  dependencies:
-    immediate "~3.0.5"
-
-lilconfig@^2.0.5:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
-  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
-
-lines-and-columns@^1.1.6:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
-  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
-
-listhen@^1.7.2:
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/listhen/-/listhen-1.7.2.tgz#66b81740692269d5d8cafdc475020f2fc51afbae"
-  integrity sha512-7/HamOm5YD9Wb7CFgAZkKgVPA96WwhcTQoqtm2VTZGVbVVn3IWKRBTgrU7cchA3Q8k9iCsG8Osoi9GX4JsGM9g==
-  dependencies:
-    "@parcel/watcher" "^2.4.1"
-    "@parcel/watcher-wasm" "^2.4.1"
-    citty "^0.1.6"
-    clipboardy "^4.0.0"
-    consola "^3.2.3"
-    crossws "^0.2.0"
-    defu "^6.1.4"
-    get-port-please "^3.1.2"
-    h3 "^1.10.2"
-    http-shutdown "^1.2.2"
-    jiti "^1.21.0"
-    mlly "^1.6.1"
-    node-forge "^1.3.1"
-    pathe "^1.1.2"
-    std-env "^3.7.0"
-    ufo "^1.4.0"
-    untun "^0.1.3"
-    uqr "^0.1.2"
-
-listr2@^3.8.3:
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/listr2/-/listr2-3.14.0.tgz#23101cc62e1375fd5836b248276d1d2b51fdbe9e"
-  integrity sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==
-  dependencies:
-    cli-truncate "^2.1.0"
-    colorette "^2.0.16"
-    log-update "^4.0.0"
-    p-map "^4.0.0"
-    rfdc "^1.3.0"
-    rxjs "^7.5.1"
-    through "^2.3.8"
-    wrap-ansi "^7.0.0"
-
-lit-element@^3.3.0:
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/lit-element/-/lit-element-3.3.3.tgz#10bc19702b96ef5416cf7a70177255bfb17b3209"
-  integrity sha512-XbeRxmTHubXENkV4h8RIPyr8lXc+Ff28rkcQzw3G6up2xg5E8Zu1IgOWIwBLEQsu3cOVFqdYwiVi0hv0SlpqUA==
-  dependencies:
-    "@lit-labs/ssr-dom-shim" "^1.1.0"
-    "@lit/reactive-element" "^1.3.0"
-    lit-html "^2.8.0"
-
-lit-html@^2.8.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/lit-html/-/lit-html-2.8.0.tgz#96456a4bb4ee717b9a7d2f94562a16509d39bffa"
-  integrity sha512-o9t+MQM3P4y7M7yNzqAyjp7z+mQGa4NS4CxiyLqFPyFWyc4O+nodLrkrxSaCTrla6M5YOLaT3RpbbqjszB5g3Q==
-  dependencies:
-    "@types/trusted-types" "^2.0.2"
-
-lit@2.8.0, lit@^2.1.3:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/lit/-/lit-2.8.0.tgz#4d838ae03059bf9cafa06e5c61d8acc0081e974e"
-  integrity sha512-4Sc3OFX9QHOJaHbmTMk28SYgVxLN3ePDjg7hofEft2zWlehFL3LiAuapWc4U/kYwMYJSh2hTCPZ6/LIC7ii0MA==
-  dependencies:
-    "@lit/reactive-element" "^1.6.0"
-    lit-element "^3.3.0"
-    lit-html "^2.8.0"
-
-loader-runner@^4.2.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
-  integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
-
-loader-utils@^2.0.0, loader-utils@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
-  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^2.1.2"
-
-loader-utils@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-3.2.1.tgz#4fb104b599daafd82ef3e1a41fb9265f87e1f576"
-  integrity sha512-ZvFw1KWS3GVyYBYb7qkmRM/WwL2TQQBxgCK62rlvm4WpVQ23Nb4tYjApUlfjrEGvOs7KHEsmyUn75OHZrJMWPw==
-
-localforage@^1.8.1:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/localforage/-/localforage-1.10.0.tgz#5c465dc5f62b2807c3a84c0c6a1b1b3212781dd4"
-  integrity sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==
-  dependencies:
-    lie "3.1.1"
-
-locate-path@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
-  integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
-  dependencies:
-    p-locate "^3.0.0"
-    path-exists "^3.0.0"
-
-locate-path@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
-  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
-  dependencies:
-    p-locate "^4.1.0"
-
-locate-path@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
-  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
-  dependencies:
-    p-locate "^5.0.0"
-
-locate-path@^7.1.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-7.2.0.tgz#69cb1779bd90b35ab1e771e1f2f89a202c2a8a8a"
-  integrity sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==
-  dependencies:
-    p-locate "^6.0.0"
-
-lodash.camelcase@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
-  integrity sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==
-
-lodash.debounce@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
-  integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
-
-lodash.defaults@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/lodash.defaults/-/lodash.defaults-4.2.0.tgz#d09178716ffea4dde9e5fb7b37f6f0802274580c"
-  integrity sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==
-
-lodash.isequal@4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
-  integrity sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==
-
-lodash.merge@^4.6.2:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
-  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
-
-lodash.once@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/lodash.once/-/lodash.once-4.1.1.tgz#0dd3971213c7c56df880977d504c88fb471a97ac"
-  integrity sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==
-
-lodash.partition@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/lodash.partition/-/lodash.partition-4.6.0.tgz#a38e46b73469e0420b0da1212e66d414be364ba4"
-  integrity sha512-35L3dSF3Q6V1w5j6V3NhNlQjzsRDC/pYKCTdYTmwqSib+Q8ponkAmt/PwEOq3EmI38DSCl+SkIVwLd+uSlVdrg==
-
-lodash.sortby@^4.7.0:
-  version "4.7.0"
-  resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
-  integrity sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==
-
-lodash.uniqby@^4.7.0:
-  version "4.7.0"
-  resolved "https://registry.yarnpkg.com/lodash.uniqby/-/lodash.uniqby-4.7.0.tgz#d99c07a669e9e6d24e1362dfe266c67616af1302"
-  integrity sha512-e/zcLx6CSbmaEgFHCA7BnoQKyCtKMxnuWrJygbwPs/AIn+IMKl66L8/s+wBUn5LRw2pZx3bUHibiV1b6aTWIww==
-
-lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4, lodash@^4.7.0:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
-  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
-
-log-symbols@^4.0.0, log-symbols@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-4.1.0.tgz#3fbdbb95b4683ac9fc785111e792e558d4abd503"
-  integrity sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==
-  dependencies:
-    chalk "^4.1.0"
-    is-unicode-supported "^0.1.0"
-
-log-update@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/log-update/-/log-update-4.0.0.tgz#589ecd352471f2a1c0c570287543a64dfd20e0a1"
-  integrity sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==
-  dependencies:
-    ansi-escapes "^4.3.0"
-    cli-cursor "^3.1.0"
-    slice-ansi "^4.0.0"
-    wrap-ansi "^6.2.0"
-
-long@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/long/-/long-4.0.0.tgz#9a7b71cfb7d361a194ea555241c92f7468d5bf28"
-  integrity sha512-XsP+KhQif4bjX1kbuSiySJFNAehNxgLb6hPRGJ9QsUr8ajHkuXGdrHmFUTUUXhDwVX2R5bY4JNZEwbUiMhV+MA==
-
-long@^5.0.0:
-  version "5.2.3"
-  resolved "https://registry.yarnpkg.com/long/-/long-5.2.3.tgz#a3ba97f3877cf1d778eccbcb048525ebb77499e1"
-  integrity sha512-lcHwpNoggQTObv5apGNCTdJrO69eHOZMi4BNC+rTLER8iHAqGrUVeLh/irVIM7zTw2bOXA8T6uNPeujwOLg/2Q==
-
-loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
-  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
-  dependencies:
-    js-tokens "^3.0.0 || ^4.0.0"
-
-loupe@^2.3.6, loupe@^2.3.7:
-  version "2.3.7"
-  resolved "https://registry.yarnpkg.com/loupe/-/loupe-2.3.7.tgz#6e69b7d4db7d3ab436328013d37d1c8c3540c697"
-  integrity sha512-zSMINGVYkdpYSOBmLi0D1Uo7JU9nVdQKrHxC8eYlV+9YKK9WePqAlL7lSlorG/U2Fw1w0hTBmaa/jrQ3UbPHtA==
-  dependencies:
-    get-func-name "^2.0.1"
-
-lower-case@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
-  integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
-  dependencies:
-    tslib "^2.0.3"
-
-lowercase-keys@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
-  integrity sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==
-
-lowercase-keys@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-3.0.0.tgz#c5e7d442e37ead247ae9db117a9d0a467c89d4f2"
-  integrity sha512-ozCC6gdQ+glXOQsveKD0YsDy8DSQFjDTz4zyzEHNV5+JP5D62LmfDZ6o1cycFx9ouG940M5dE8C8CTewdj2YWQ==
-
-lru-cache@^10.2.0:
-  version "10.2.2"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.2.2.tgz#48206bc114c1252940c41b25b41af5b545aca878"
-  integrity sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==
-
-lru-cache@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
-  integrity sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==
-  dependencies:
-    yallist "^3.0.2"
-
-lru-cache@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
-  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
-  dependencies:
-    yallist "^4.0.0"
-
-lru-queue@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/lru-queue/-/lru-queue-0.1.0.tgz#2738bd9f0d3cf4f84490c5736c48699ac632cda3"
-  integrity sha512-BpdYkt9EvGl8OfWHDQPISVpcl5xZthb+XPsbELj5AQXxIC8IriDZIQYjBJPEm5rS420sjZ0TLEzRcq5KdBhYrQ==
-  dependencies:
-    es5-ext "~0.10.2"
-
-lz-string@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941"
-  integrity sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==
-
-magic-string@^0.25.0, magic-string@^0.25.7:
-  version "0.25.9"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"
-  integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
-  dependencies:
-    sourcemap-codec "^1.4.8"
-
-magic-string@^0.30.5:
-  version "0.30.10"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.10.tgz#123d9c41a0cb5640c892b041d4cfb3bd0aa4b39e"
-  integrity sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==
-  dependencies:
-    "@jridgewell/sourcemap-codec" "^1.4.15"
-
-make-dir@^2.0.0, make-dir@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
-  integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==
-  dependencies:
-    pify "^4.0.1"
-    semver "^5.6.0"
-
-make-dir@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
-  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
-  dependencies:
-    semver "^6.0.0"
-
-make-dir@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-4.0.0.tgz#c3c2307a771277cd9638305f915c29ae741b614e"
-  integrity sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==
-  dependencies:
-    semver "^7.5.3"
-
-makeerror@1.0.12:
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.12.tgz#3e5dd2079a82e812e983cc6610c4a2cb0eaa801a"
-  integrity sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==
-  dependencies:
-    tmpl "1.0.5"
-
-map-obj@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
-  integrity sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==
-
-map-obj@^4.0.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-4.3.0.tgz#9304f906e93faae70880da102a9f1df0ea8bb05a"
-  integrity sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==
-
-map-or-similar@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/map-or-similar/-/map-or-similar-1.5.0.tgz#6de2653174adfb5d9edc33c69d3e92a1b76faf08"
-  integrity sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==
-
-markdown-to-jsx@7.3.2:
-  version "7.3.2"
-  resolved "https://registry.yarnpkg.com/markdown-to-jsx/-/markdown-to-jsx-7.3.2.tgz#f286b4d112dad3028acc1e77dfe1f653b347e131"
-  integrity sha512-B+28F5ucp83aQm+OxNrPkS8z0tMKaeHiy0lHJs3LqCyDQFtWuenaIrkaVTgAm1pf1AU85LXltva86hlaT17i8Q==
-
-md5.js@^1.3.4:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
-  integrity sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==
-  dependencies:
-    hash-base "^3.0.0"
-    inherits "^2.0.1"
-    safe-buffer "^5.1.2"
-
-mdn-data@2.0.14:
-  version "2.0.14"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
-  integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==
-
-media-typer@0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
-  integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
-
-memfs@^3.4.1, memfs@^3.4.12:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.6.0.tgz#d7a2110f86f79dd950a8b6df6d57bc984aa185f6"
-  integrity sha512-EGowvkkgbMcIChjMTMkESFDbZeSh8xZ7kNSF0hAiAN4Jh6jgHCRS0Ga/+C8y6Au+oqpezRHCfPsmJ2+DwAgiwQ==
-  dependencies:
-    fs-monkey "^1.0.4"
-
-memoizee@^0.4.15:
-  version "0.4.15"
-  resolved "https://registry.yarnpkg.com/memoizee/-/memoizee-0.4.15.tgz#e6f3d2da863f318d02225391829a6c5956555b72"
-  integrity sha512-UBWmJpLZd5STPm7PMUlOw/TSy972M+z8gcyQ5veOnSDRREz/0bmpyTfKt3/51DhEBqCZQn1udM/5flcSPYhkdQ==
-  dependencies:
-    d "^1.0.1"
-    es5-ext "^0.10.53"
-    es6-weak-map "^2.0.3"
-    event-emitter "^0.3.5"
-    is-promise "^2.2.2"
-    lru-queue "^0.1.0"
-    next-tick "^1.1.0"
-    timers-ext "^0.1.7"
-
-memoizerific@^1.11.3:
-  version "1.11.3"
-  resolved "https://registry.yarnpkg.com/memoizerific/-/memoizerific-1.11.3.tgz#7c87a4646444c32d75438570905f2dbd1b1a805a"
-  integrity sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==
-  dependencies:
-    map-or-similar "^1.5.0"
-
-meow@^9.0.0:
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/meow/-/meow-9.0.0.tgz#cd9510bc5cac9dee7d03c73ee1f9ad959f4ea364"
-  integrity sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==
-  dependencies:
-    "@types/minimist" "^1.2.0"
-    camelcase-keys "^6.2.2"
-    decamelize "^1.2.0"
-    decamelize-keys "^1.1.0"
-    hard-rejection "^2.1.0"
-    minimist-options "4.1.0"
-    normalize-package-data "^3.0.0"
-    read-pkg-up "^7.0.1"
-    redent "^3.0.0"
-    trim-newlines "^3.0.0"
-    type-fest "^0.18.0"
-    yargs-parser "^20.2.3"
-
-merge-descriptors@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
-  integrity sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==
-
-merge-options@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/merge-options/-/merge-options-3.0.4.tgz#84709c2aa2a4b24c1981f66c179fe5565cc6dbb7"
-  integrity sha512-2Sug1+knBjkaMsMgf1ctR1Ujx+Ayku4EdJN4Z+C2+JzoeF7A3OZ9KM2GY0CpQS51NR61LTurMJrRKPhSs3ZRTQ==
-  dependencies:
-    is-plain-obj "^2.1.0"
-
-merge-stream@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
-  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
-
-merge2@^1.3.0, merge2@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
-  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
-
-methods@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
-  integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
-
-micro-ftch@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/micro-ftch/-/micro-ftch-0.3.1.tgz#6cb83388de4c1f279a034fb0cf96dfc050853c5f"
-  integrity sha512-/0LLxhzP0tfiR5hcQebtudP56gUurs2CLkGarnCiB/OqEyUFQ6U3paQi/tgLv0hBJYt2rnr9MNpxz4fiiugstg==
-
-micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.7.tgz#33e8190d9fe474a9895525f5618eee136d46c2e5"
-  integrity sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==
-  dependencies:
-    braces "^3.0.3"
-    picomatch "^2.3.1"
-
-miller-rabin@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
-  integrity sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==
-  dependencies:
-    bn.js "^4.0.0"
-    brorand "^1.0.1"
-
-mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
-  version "1.52.0"
-  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
-  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
-
-mime-types@^2.1.12, mime-types@^2.1.16, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.19, mime-types@~2.1.24, mime-types@~2.1.34:
-  version "2.1.35"
-  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
-  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
-  dependencies:
-    mime-db "1.52.0"
-
-mime@1.6.0, mime@^1.4.1:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
-  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
-
-mime@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-3.0.0.tgz#b374550dca3a0c18443b0c950a6a58f1931cf7a7"
-  integrity sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==
-
-mimic-fn@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
-  integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
-
-mimic-fn@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-4.0.0.tgz#60a90550d5cb0b239cca65d893b1a53b29871ecc"
-  integrity sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==
-
-mimic-response@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b"
-  integrity sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==
-
-mimic-response@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9"
-  integrity sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==
-
-min-document@^2.19.0:
-  version "2.19.0"
-  resolved "https://registry.yarnpkg.com/min-document/-/min-document-2.19.0.tgz#7bd282e3f5842ed295bb748cdd9f1ffa2c824685"
-  integrity sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ==
-  dependencies:
-    dom-walk "^0.1.0"
-
-min-indent@^1.0.0, min-indent@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
-  integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
-
-minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
-  integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
-
-minimalistic-crypto-utils@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
-  integrity sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==
-
-minimatch@9.0.3:
-  version "9.0.3"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.3.tgz#a6e00c3de44c3a542bfaae70abfc22420a6da825"
-  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
-  dependencies:
-    brace-expansion "^2.0.1"
-
-minimatch@^3.0.2, minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
-  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
-  dependencies:
-    brace-expansion "^1.1.7"
-
-minimatch@^5.0.1:
-  version "5.1.6"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96"
-  integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
-  dependencies:
-    brace-expansion "^2.0.1"
-
-minimatch@^9.0.1, minimatch@^9.0.4:
-  version "9.0.4"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.4.tgz#8e49c731d1749cbec05050ee5145147b32496a51"
-  integrity sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==
-  dependencies:
-    brace-expansion "^2.0.1"
-
-minimist-options@4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/minimist-options/-/minimist-options-4.1.0.tgz#c0655713c53a8a2ebd77ffa247d342c40f010619"
-  integrity sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==
-  dependencies:
-    arrify "^1.0.1"
-    is-plain-obj "^1.1.0"
-    kind-of "^6.0.3"
-
-minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6, minimist@^1.2.8, minimist@~1.2.5:
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
-  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
-
-minipass@^2.6.0, minipass@^2.9.0:
-  version "2.9.0"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-2.9.0.tgz#e713762e7d3e32fed803115cf93e04bca9fcc9a6"
-  integrity sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==
-  dependencies:
-    safe-buffer "^5.1.2"
-    yallist "^3.0.0"
-
-minipass@^3.0.0:
-  version "3.3.6"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.3.6.tgz#7bba384db3a1520d18c9c0e5251c3444e95dd94a"
-  integrity sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==
-  dependencies:
-    yallist "^4.0.0"
-
-minipass@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-5.0.0.tgz#3e9788ffb90b694a5d0ec94479a45b5d8738133d"
-  integrity sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==
-
-"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.0.4:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.1.tgz#f7f85aff59aa22f110b20e27692465cf3bf89481"
-  integrity sha512-UZ7eQ+h8ywIRAW1hIEl2AqdwzJucU/Kp59+8kkZeSvafXhZjul247BvIJjEVFVeON6d7lM46XX1HXCduKAS8VA==
-
-minizlib@^1.3.3:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-1.3.3.tgz#2290de96818a34c29551c8a8d301216bd65a861d"
-  integrity sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==
-  dependencies:
-    minipass "^2.9.0"
-
-minizlib@^2.1.1:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
-  integrity sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==
-  dependencies:
-    minipass "^3.0.0"
-    yallist "^4.0.0"
-
-mkdirp-classic@^0.5.2:
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz#fa10c9115cc6d8865be221ba47ee9bed78601113"
-  integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
-
-mkdirp-promise@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/mkdirp-promise/-/mkdirp-promise-5.0.1.tgz#e9b8f68e552c68a9c1713b84883f7a1dd039b8a1"
-  integrity sha512-Hepn5kb1lJPtVW84RFT40YG1OddBNTOVUZR2bzQUHc+Z03en8/3uX0+060JDhcEzyO08HmipsN9DcnFMxhIL9w==
-  dependencies:
-    mkdirp "*"
-
-mkdirp@*:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-3.0.1.tgz#e44e4c5607fb279c168241713cc6e0fea9adcb50"
-  integrity sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==
-
-mkdirp@^0.5.5:
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
-  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
-  dependencies:
-    minimist "^1.2.6"
-
-mkdirp@^1.0.3, mkdirp@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
-  integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
-
-mlly@^1.6.1, mlly@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.7.0.tgz#587383ae40dda23cadb11c3c3cc972b277724271"
-  integrity sha512-U9SDaXGEREBYQgfejV97coK0UL1r+qnF2SyO9A3qcI8MzKnsIFKHNVEkrDyNncQTKQQumsasmeq84eNMdBfsNQ==
-  dependencies:
-    acorn "^8.11.3"
-    pathe "^1.1.2"
-    pkg-types "^1.1.0"
-    ufo "^1.5.3"
-
-mock-fs@^4.1.0:
-  version "4.14.0"
-  resolved "https://registry.yarnpkg.com/mock-fs/-/mock-fs-4.14.0.tgz#ce5124d2c601421255985e6e94da80a7357b1b18"
-  integrity sha512-qYvlv/exQ4+svI3UOvPUpLDF0OMX5euvUH0Ny4N5QyRyhNdgAgUrVH3iUINSzEPLvx0kbo/Bp28GJKIqvE7URw==
-
-mockdate@^3.0.5:
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/mockdate/-/mockdate-3.0.5.tgz#789be686deb3149e7df2b663d2bc4392bc3284fb"
-  integrity sha512-iniQP4rj1FhBdBYS/+eQv7j1tadJ9lJtdzgOpvsOHng/GbcDh2Fhdeq+ZRldrPYdXvCyfFUmFeEwEGXZB5I/AQ==
-
-motion@10.16.2:
-  version "10.16.2"
-  resolved "https://registry.yarnpkg.com/motion/-/motion-10.16.2.tgz#7dc173c6ad62210a7e9916caeeaf22c51e598d21"
-  integrity sha512-p+PurYqfUdcJZvtnmAqu5fJgV2kR0uLFQuBKtLeFVTrYEVllI99tiOTSefVNYuip9ELTEkepIIDftNdze76NAQ==
-  dependencies:
-    "@motionone/animation" "^10.15.1"
-    "@motionone/dom" "^10.16.2"
-    "@motionone/svelte" "^10.16.2"
-    "@motionone/types" "^10.15.1"
-    "@motionone/utils" "^10.15.1"
-    "@motionone/vue" "^10.16.2"
-
-mri@^1.1.0, mri@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/mri/-/mri-1.2.0.tgz#6721480fec2a11a4889861115a48b6cbe7cc8f0b"
-  integrity sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==
-
-mrmime@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/mrmime/-/mrmime-1.0.1.tgz#5f90c825fad4bdd41dc914eff5d1a8cfdaf24f27"
-  integrity sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==
-
-ms@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
-  integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
-
-ms@2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
-  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
-
-ms@2.1.3, ms@^2.0.0, ms@^2.1.1:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
-  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
-
-multibase@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/multibase/-/multibase-0.7.0.tgz#1adfc1c50abe05eefeb5091ac0c2728d6b84581b"
-  integrity sha512-TW8q03O0f6PNFTQDvh3xxH03c8CjGaaYrjkl9UQPG6rz53TQzzxJVCIWVjzcbN/Q5Y53Zd0IBQBMVktVgNx4Fg==
-  dependencies:
-    base-x "^3.0.8"
-    buffer "^5.5.0"
-
-multibase@^4.0.1:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/multibase/-/multibase-4.0.6.tgz#6e624341483d6123ca1ede956208cb821b440559"
-  integrity sha512-x23pDe5+svdLz/k5JPGCVdfn7Q5mZVMBETiC+ORfO+sor9Sgs0smJzAjfTbM5tckeCqnaUuMYoz+k3RXMmJClQ==
-  dependencies:
-    "@multiformats/base-x" "^4.0.1"
-
-multibase@~0.6.0:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/multibase/-/multibase-0.6.1.tgz#b76df6298536cc17b9f6a6db53ec88f85f8cc12b"
-  integrity sha512-pFfAwyTjbbQgNc3G7D48JkJxWtoJoBMaR4xQUOuB8RnCgRqaYmWNFeJTTvrJ2w51bjLq2zTby6Rqj9TQ9elSUw==
-  dependencies:
-    base-x "^3.0.8"
-    buffer "^5.5.0"
-
-multicodec@^0.5.5:
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/multicodec/-/multicodec-0.5.7.tgz#1fb3f9dd866a10a55d226e194abba2dcc1ee9ffd"
-  integrity sha512-PscoRxm3f+88fAtELwUnZxGDkduE2HD9Q6GHUOywQLjOGT/HAdhjLDYNZ1e7VR0s0TP0EwZ16LNUTFpoBGivOA==
-  dependencies:
-    varint "^5.0.0"
-
-multicodec@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/multicodec/-/multicodec-1.0.4.tgz#46ac064657c40380c28367c90304d8ed175a714f"
-  integrity sha512-NDd7FeS3QamVtbgfvu5h7fd1IlbaC4EQ0/pgU4zqE2vdHCmBGsUa0TiM8/TdSeG6BMPC92OOCf8F1ocE/Wkrrg==
-  dependencies:
-    buffer "^5.6.0"
-    varint "^5.0.0"
-
-multicodec@^3.0.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/multicodec/-/multicodec-3.2.1.tgz#82de3254a0fb163a107c1aab324f2a91ef51efb2"
-  integrity sha512-+expTPftro8VAW8kfvcuNNNBgb9gPeNYV9dn+z1kJRWF2vih+/S79f2RVeIwmrJBUJ6NT9IUPWnZDQvegEh5pw==
-  dependencies:
-    uint8arrays "^3.0.0"
-    varint "^6.0.0"
-
-multiformats@^9.4.2, multiformats@^9.6.4:
-  version "9.9.0"
-  resolved "https://registry.yarnpkg.com/multiformats/-/multiformats-9.9.0.tgz#c68354e7d21037a8f1f8833c8ccd68618e8f1d37"
-  integrity sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg==
-
-multihashes@^0.4.15, multihashes@~0.4.15:
-  version "0.4.21"
-  resolved "https://registry.yarnpkg.com/multihashes/-/multihashes-0.4.21.tgz#dc02d525579f334a7909ade8a122dabb58ccfcb5"
-  integrity sha512-uVSvmeCWf36pU2nB4/1kzYZjsXD9vofZKpgudqkceYY5g2aZZXJ5r9lxuzoRLl1OAp28XljXsEJ/X/85ZsKmKw==
-  dependencies:
-    buffer "^5.5.0"
-    multibase "^0.7.0"
-    varint "^5.0.0"
-
-multihashes@^4.0.1, multihashes@^4.0.2:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/multihashes/-/multihashes-4.0.3.tgz#426610539cd2551edbf533adeac4c06b3b90fb05"
-  integrity sha512-0AhMH7Iu95XjDLxIeuCOOE4t9+vQZsACyKZ9Fxw2pcsRmlX4iCn1mby0hS0bb+nQOVpdQYWPpnyusw4da5RPhA==
-  dependencies:
-    multibase "^4.0.1"
-    uint8arrays "^3.0.0"
-    varint "^5.0.2"
-
-multihashing-async@^2.0.0, multihashing-async@^2.1.0:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/multihashing-async/-/multihashing-async-2.1.4.tgz#26dce2ec7a40f0e7f9e732fc23ca5f564d693843"
-  integrity sha512-sB1MiQXPSBTNRVSJc2zM157PXgDtud2nMFUEIvBrsq5Wv96sUclMRK/ecjoP1T/W61UJBqt4tCTwMkUpt2Gbzg==
-  dependencies:
-    blakejs "^1.1.0"
-    err-code "^3.0.0"
-    js-sha3 "^0.8.0"
-    multihashes "^4.0.1"
-    murmurhash3js-revisited "^3.0.0"
-    uint8arrays "^3.0.0"
-
-multipipe@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/multipipe/-/multipipe-1.0.2.tgz#cc13efd833c9cda99f224f868461b8e1a3fd939d"
-  integrity sha512-6uiC9OvY71vzSGX8lZvSqscE7ft9nPupJ8fMjrCNRAUy2LREUW42UL+V/NTrogr6rFgRydUrCX4ZitfpSNkSCQ==
-  dependencies:
-    duplexer2 "^0.1.2"
-    object-assign "^4.1.0"
-
-murmurhash3js-revisited@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/murmurhash3js-revisited/-/murmurhash3js-revisited-3.0.0.tgz#6bd36e25de8f73394222adc6e41fa3fac08a5869"
-  integrity sha512-/sF3ee6zvScXMb1XFJ8gDsSnY+X8PbOyjIuBhtgis10W2Jx4ZjIhikUCIF9c4gpJxVnQIsPAFrSwTCuAjicP6g==
-
-mz@^2.7.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
-  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
-  dependencies:
-    any-promise "^1.0.0"
-    object-assign "^4.0.1"
-    thenify-all "^1.0.0"
-
-nan@2.14.0:
-  version "2.14.0"
-  resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.0.tgz#7818f722027b2459a86f0295d434d1fc2336c52c"
-  integrity sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==
-
-nan@^2.13.2, nan@^2.14.0:
-  version "2.19.0"
-  resolved "https://registry.yarnpkg.com/nan/-/nan-2.19.0.tgz#bb58122ad55a6c5bc973303908d5b16cfdd5a8c0"
-  integrity sha512-nO1xXxfh/RWNxfd/XPfbIfFk5vgLsAxUR9y5O0cHMJu/AW9U95JLXqthYHjEp+8gQ5p96K9jUp8nbVOxCdRbtw==
-
-nano-json-stream-parser@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/nano-json-stream-parser/-/nano-json-stream-parser-0.1.2.tgz#0cc8f6d0e2b622b479c40d499c46d64b755c6f5f"
-  integrity sha512-9MqxMH/BSJC7dnLsEMPyfN5Dvoo49IsPFYMcHw3Bcfc2kN0lpHRBSzlMSVx4HGyJ7s9B31CyBTVehWJoQ8Ctew==
-
-nanoid@^3.3.1, nanoid@^3.3.6, nanoid@^3.3.7:
-  version "3.3.7"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8"
-  integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==
-
-nanoid@^4.0.0:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-4.0.2.tgz#140b3c5003959adbebf521c170f282c5e7f9fb9e"
-  integrity sha512-7ZtY5KTCNheRGfEFxnedV5zFiORN1+Y1N6zvPTnHQd8ENUvfaDBeuJDZb2bN/oXwXxu3qkTXDzy57W5vAmDTBw==
-
-napi-wasm@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/napi-wasm/-/napi-wasm-1.1.0.tgz#bbe617823765ae9c1bc12ff5942370eae7b2ba4e"
-  integrity sha512-lHwIAJbmLSjF9VDRm9GoVOy9AGp3aIvkjv+Kvz9h16QR3uSVYH78PNQUnT2U4X53mhlnV2M7wrhibQ3GHicDmg==
-
-natural-compare@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
-  integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
-
-needle@^3.1.0:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/needle/-/needle-3.3.1.tgz#63f75aec580c2e77e209f3f324e2cdf3d29bd049"
-  integrity sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==
-  dependencies:
-    iconv-lite "^0.6.3"
-    sax "^1.2.4"
-
-negotiator@0.6.3:
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
-  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
-
-neo-async@^2.5.0, neo-async@^2.6.2:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
-  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
-
-next-tick@1, next-tick@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.1.0.tgz#1836ee30ad56d67ef281b22bd199f709449b35eb"
-  integrity sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==
-
-next@^14.1.1:
-  version "14.1.1"
-  resolved "https://registry.yarnpkg.com/next/-/next-14.1.1.tgz#92bd603996c050422a738e90362dff758459a171"
-  integrity sha512-McrGJqlGSHeaz2yTRPkEucxQKe5Zq7uPwyeHNmJaZNY4wx9E9QdxmTp310agFRoMuIYgQrCrT3petg13fSVOww==
-  dependencies:
-    "@next/env" "14.1.1"
-    "@swc/helpers" "0.5.2"
-    busboy "1.6.0"
-    caniuse-lite "^1.0.30001579"
-    graceful-fs "^4.2.11"
-    postcss "8.4.31"
-    styled-jsx "5.1.1"
-  optionalDependencies:
-    "@next/swc-darwin-arm64" "14.1.1"
-    "@next/swc-darwin-x64" "14.1.1"
-    "@next/swc-linux-arm64-gnu" "14.1.1"
-    "@next/swc-linux-arm64-musl" "14.1.1"
-    "@next/swc-linux-x64-gnu" "14.1.1"
-    "@next/swc-linux-x64-musl" "14.1.1"
-    "@next/swc-win32-arm64-msvc" "14.1.1"
-    "@next/swc-win32-ia32-msvc" "14.1.1"
-    "@next/swc-win32-x64-msvc" "14.1.1"
-
-no-case@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
-  integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
-  dependencies:
-    lower-case "^2.0.2"
-    tslib "^2.0.3"
-
-node-abort-controller@^3.0.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/node-abort-controller/-/node-abort-controller-3.1.1.tgz#a94377e964a9a37ac3976d848cb5c765833b8548"
-  integrity sha512-AGK2yQKIjRuqnc6VkX2Xj5d+QW8xZ87pa1UK6yA6ouUyuxfHuMP6umE5QK7UmTeOAymo+Zx1Fxiuw9rVx8taHQ==
-
-node-addon-api@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-2.0.2.tgz#432cfa82962ce494b132e9d72a15b29f71ff5d32"
-  integrity sha512-Ntyt4AIXyaLIuMHF6IOoTakB3K+RWxwtsHNRxllEoA6vPwP9o4866g6YWDLUdnucilZhmkxiHwHr11gAENw+QA==
-
-node-addon-api@^3.0.0:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-3.2.1.tgz#81325e0a2117789c0128dab65e7e38f07ceba161"
-  integrity sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A==
-
-node-addon-api@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-5.1.0.tgz#49da1ca055e109a23d537e9de43c09cca21eb762"
-  integrity sha512-eh0GgfEkpnoWDq+VY8OyvYhFEzBk6jIYbRKdIlyTiAXIVJ8PyBaKb0rp7oDtoddbdoHWhq8wwr+XZ81F1rpNdA==
-
-node-addon-api@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-7.1.0.tgz#71f609369379c08e251c558527a107107b5e0fdb"
-  integrity sha512-mNcltoe1R8o7STTegSOHdnJNN7s5EUvhoS7ShnTHDyOSd+8H+UdWODq6qSv67PjC8Zc5JRT8+oLAMCr0SIXw7g==
-
-node-dir@^0.1.17:
-  version "0.1.17"
-  resolved "https://registry.yarnpkg.com/node-dir/-/node-dir-0.1.17.tgz#5f5665d93351335caabef8f1c554516cf5f1e4e5"
-  integrity sha512-tmPX422rYgofd4epzrNoOXiE8XFZYOcCq1vD7MAXCDO+O+zndlA2ztdKKMa+EeuBG5tHETpr4ml4RGgpqDCCAg==
-  dependencies:
-    minimatch "^3.0.2"
-
-node-fetch-native@^1.6.1, node-fetch-native@^1.6.2, node-fetch-native@^1.6.3:
-  version "1.6.4"
-  resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.6.4.tgz#679fc8fd8111266d47d7e72c379f1bed9acff06e"
-  integrity sha512-IhOigYzAKHd244OC0JIMIUrjzctirCmPkaIfhDeGcEETWof5zKYUW7e7MYvChGWh/4CJeXEgsRyGzuF334rOOQ==
-
-node-fetch@^2.0.0, node-fetch@^2.6.1, node-fetch@^2.6.12, node-fetch@^2.7.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.7.0.tgz#d0f0fa6e3e2dc1d27efcd8ad99d550bda94d187d"
-  integrity sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==
-  dependencies:
-    whatwg-url "^5.0.0"
-
-node-forge@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
-  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
-
-node-gyp-build@^4.2.0, node-gyp-build@^4.2.2, node-gyp-build@^4.3.0, node-gyp-build@^4.5.0:
-  version "4.8.1"
-  resolved "https://registry.yarnpkg.com/node-gyp-build/-/node-gyp-build-4.8.1.tgz#976d3ad905e71b76086f4f0b0d3637fe79b6cda5"
-  integrity sha512-OSs33Z9yWr148JZcbZd5WiAXhh/n9z8TxQcdMhIOlpN9AhWpLfvVFO73+m77bBABQMaY9XSvIa+qk0jlI7Gcaw==
-
-node-int64@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
-  integrity sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==
-
-node-polyfill-webpack-plugin@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/node-polyfill-webpack-plugin/-/node-polyfill-webpack-plugin-2.0.1.tgz#141d86f177103a8517c71d99b7c6a46edbb1bb58"
-  integrity sha512-ZUMiCnZkP1LF0Th2caY6J/eKKoA0TefpoVa68m/LQU1I/mE8rGt4fNYGgNuCcK+aG8P8P43nbeJ2RqJMOL/Y1A==
-  dependencies:
-    assert "^2.0.0"
-    browserify-zlib "^0.2.0"
-    buffer "^6.0.3"
-    console-browserify "^1.2.0"
-    constants-browserify "^1.0.0"
-    crypto-browserify "^3.12.0"
-    domain-browser "^4.22.0"
-    events "^3.3.0"
-    filter-obj "^2.0.2"
-    https-browserify "^1.0.0"
-    os-browserify "^0.3.0"
-    path-browserify "^1.0.1"
-    process "^0.11.10"
-    punycode "^2.1.1"
-    querystring-es3 "^0.2.1"
-    readable-stream "^4.0.0"
-    stream-browserify "^3.0.0"
-    stream-http "^3.2.0"
-    string_decoder "^1.3.0"
-    timers-browserify "^2.0.12"
-    tty-browserify "^0.0.1"
-    type-fest "^2.14.0"
-    url "^0.11.0"
-    util "^0.12.4"
-    vm-browserify "^1.1.2"
-
-node-releases@^2.0.14:
-  version "2.0.14"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b"
-  integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==
-
-normalize-package-data@^2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
-  integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==
-  dependencies:
-    hosted-git-info "^2.1.4"
-    resolve "^1.10.0"
-    semver "2 || 3 || 4 || 5"
-    validate-npm-package-license "^3.0.1"
-
-normalize-package-data@^3.0.0:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-3.0.3.tgz#dbcc3e2da59509a0983422884cd172eefdfa525e"
-  integrity sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==
-  dependencies:
-    hosted-git-info "^4.0.1"
-    is-core-module "^2.5.0"
-    semver "^7.3.4"
-    validate-npm-package-license "^3.0.1"
-
-normalize-path@^3.0.0, normalize-path@~3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
-  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
-
-normalize-url@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
-  integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==
-
-npm-run-path@^4.0.0, npm-run-path@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
-  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
-  dependencies:
-    path-key "^3.0.0"
-
-npm-run-path@^5.1.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-5.3.0.tgz#e23353d0ebb9317f174e93417e4a4d82d0249e9f"
-  integrity sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==
-  dependencies:
-    path-key "^4.0.0"
-
-nth-check@^2.0.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
-  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
-  dependencies:
-    boolbase "^1.0.0"
-
-number-to-bn@1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/number-to-bn/-/number-to-bn-1.7.0.tgz#bb3623592f7e5f9e0030b1977bd41a0c53fe1ea0"
-  integrity sha512-wsJ9gfSz1/s4ZsJN01lyonwuxA1tml6X1yBDnfpMglypcBRFZZkus26EdPSlqS5GJfYddVZa22p3VNb3z5m5Ig==
-  dependencies:
-    bn.js "4.11.6"
-    strip-hex-prefix "1.0.0"
-
-nwsapi@^2.2.2:
-  version "2.2.10"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.10.tgz#0b77a68e21a0b483db70b11fad055906e867cda8"
-  integrity sha512-QK0sRs7MKv0tKe1+5uZIQk/C8XGza4DAnztJG8iD+TpJIORARrCxczA738awHrZoHeTjSSoHqao2teO0dC/gFQ==
-
-nypm@^0.3.8:
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/nypm/-/nypm-0.3.8.tgz#a16b078b161be5885351e72cf0b97326973722bf"
-  integrity sha512-IGWlC6So2xv6V4cIDmoV0SwwWx7zLG086gyqkyumteH2fIgCAM4nDVFB2iDRszDvmdSVW9xb1N+2KjQ6C7d4og==
-  dependencies:
-    citty "^0.1.6"
-    consola "^3.2.3"
-    execa "^8.0.1"
-    pathe "^1.1.2"
-    ufo "^1.4.0"
-
-oauth-sign@~0.9.0:
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
-  integrity sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==
-
-object-assign@^4, object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
-  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
-
-object-inspect@^1.13.1:
-  version "1.13.1"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2"
-  integrity sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==
-
-object-is@^1.1.5:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.6.tgz#1a6a53aed2dd8f7e6775ff870bea58545956ab07"
-  integrity sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-
-object-keys@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
-  integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
-
-object-keys@~0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-0.4.0.tgz#28a6aae7428dd2c3a92f3d95f21335dd204e0336"
-  integrity sha512-ncrLw+X55z7bkl5PnUvHwFK9FcGuFYo9gtjws2XtSzL+aZ8tm830P60WJ0dSmFVaSalWieW5MD7kEdnXda9yJw==
-
-object.assign@^4.1.4, object.assign@^4.1.5:
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.5.tgz#3a833f9ab7fdb80fc9e8d2300c803d216d8fdbb0"
-  integrity sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==
-  dependencies:
-    call-bind "^1.0.5"
-    define-properties "^1.2.1"
-    has-symbols "^1.0.3"
-    object-keys "^1.1.1"
-
-object.entries@^1.1.7:
-  version "1.1.8"
-  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.8.tgz#bffe6f282e01f4d17807204a24f8edd823599c41"
-  integrity sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-object-atoms "^1.0.0"
-
-object.fromentries@^2.0.7:
-  version "2.0.8"
-  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.8.tgz#f7195d8a9b97bd95cbc1999ea939ecd1a2b00c65"
-  integrity sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-    es-object-atoms "^1.0.0"
-
-object.groupby@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.3.tgz#9b125c36238129f6f7b61954a1e7176148d5002e"
-  integrity sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-
-object.hasown@^1.1.3:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.4.tgz#e270ae377e4c120cdcb7656ce66884a6218283dc"
-  integrity sha512-FZ9LZt9/RHzGySlBARE3VF+gE26TxR38SdmqOqliuTnl9wrKulaQs+4dee1V+Io8VfxqzAfHu6YuRgUy8OHoTg==
-  dependencies:
-    define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-    es-object-atoms "^1.0.0"
-
-object.values@^1.1.6, object.values@^1.1.7:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.2.0.tgz#65405a9d92cee68ac2d303002e0b8470a4d9ab1b"
-  integrity sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-object-atoms "^1.0.0"
-
-objectorarray@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/objectorarray/-/objectorarray-1.0.5.tgz#2c05248bbefabd8f43ad13b41085951aac5e68a5"
-  integrity sha512-eJJDYkhJFFbBBAxeh8xW+weHlkI28n2ZdQV/J/DNfWfSKlGEf2xcfAbZTv3riEXHAhL9SVOTs2pRmXiSTf78xg==
-
-oboe@2.1.5:
-  version "2.1.5"
-  resolved "https://registry.yarnpkg.com/oboe/-/oboe-2.1.5.tgz#5554284c543a2266d7a38f17e073821fbde393cd"
-  integrity sha512-zRFWiF+FoicxEs3jNI/WYUrVEgA7DeET/InK0XQuudGHRg8iIob3cNPrJTKaz4004uaA9Pbe+Dwa8iluhjLZWA==
-  dependencies:
-    http-https "^1.0.0"
-
-ofetch@^1.3.3:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/ofetch/-/ofetch-1.3.4.tgz#7ea65ced3c592ec2b9906975ae3fe1d26a56f635"
-  integrity sha512-KLIET85ik3vhEfS+3fDlc/BAZiAp+43QEC/yCo5zkNoY2YaKvNkOaFr/6wCFgFH1kuYQM5pMNi0Tg8koiIemtw==
-  dependencies:
-    destr "^2.0.3"
-    node-fetch-native "^1.6.3"
-    ufo "^1.5.3"
-
-ohash@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/ohash/-/ohash-1.1.3.tgz#f12c3c50bfe7271ce3fd1097d42568122ccdcf07"
-  integrity sha512-zuHHiGTYTA1sYJ/wZN+t5HKZaH23i4yI1HMwbuXm24Nid7Dv0KcuRlKoNKS9UNfAVSBlnGLcuQrnOKWOZoEGaw==
-
-on-exit-leak-free@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/on-exit-leak-free/-/on-exit-leak-free-0.2.0.tgz#b39c9e3bf7690d890f4861558b0d7b90a442d209"
-  integrity sha512-dqaz3u44QbRXQooZLTUKU41ZrzYrcvLISVgbrzbyCMxpmSLJvZ3ZamIJIZ29P6OhZIkNIQKosdeM6t1LYbA9hg==
-
-on-finished@2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
-  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
-  dependencies:
-    ee-first "1.1.1"
-
-on-headers@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
-  integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
-
-once@^1.3.0, once@^1.3.1, once@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
-  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
-  dependencies:
-    wrappy "1"
-
-onetime@^5.1.0, onetime@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
-  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
-  dependencies:
-    mimic-fn "^2.1.0"
-
-onetime@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-6.0.0.tgz#7c24c18ed1fd2e9bca4bd26806a33613c77d34b4"
-  integrity sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==
-  dependencies:
-    mimic-fn "^4.0.0"
-
-open@^7.4.2:
-  version "7.4.2"
-  resolved "https://registry.yarnpkg.com/open/-/open-7.4.2.tgz#b8147e26dcf3e426316c730089fd71edd29c2321"
-  integrity sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==
-  dependencies:
-    is-docker "^2.0.0"
-    is-wsl "^2.1.1"
-
-open@^8.0.4, open@^8.4.0:
-  version "8.4.2"
-  resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
-  integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==
-  dependencies:
-    define-lazy-prop "^2.0.0"
-    is-docker "^2.1.1"
-    is-wsl "^2.2.0"
-
-opener@^1.5.2:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
-  integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
-
-optionator@^0.9.3:
-  version "0.9.4"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.4.tgz#7ea1c1a5d91d764fb282139c88fe11e182a3a734"
-  integrity sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==
-  dependencies:
-    deep-is "^0.1.3"
-    fast-levenshtein "^2.0.6"
-    levn "^0.4.1"
-    prelude-ls "^1.2.1"
-    type-check "^0.4.0"
-    word-wrap "^1.2.5"
-
-ora@^5.4.1:
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/ora/-/ora-5.4.1.tgz#1b2678426af4ac4a509008e5e4ac9e9959db9e18"
-  integrity sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==
-  dependencies:
-    bl "^4.1.0"
-    chalk "^4.1.0"
-    cli-cursor "^3.1.0"
-    cli-spinners "^2.5.0"
-    is-interactive "^1.0.0"
-    is-unicode-supported "^0.1.0"
-    log-symbols "^4.1.0"
-    strip-ansi "^6.0.0"
-    wcwidth "^1.0.1"
-
-os-browserify@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
-  integrity sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==
-
-os-tmpdir@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
-  integrity sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==
-
-ospath@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/ospath/-/ospath-1.2.2.tgz#1276639774a3f8ef2572f7fe4280e0ea4550c07b"
-  integrity sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==
-
-p-cancelable@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-2.1.1.tgz#aab7fbd416582fa32a3db49859c122487c5ed2cf"
-  integrity sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg==
-
-p-cancelable@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-3.0.0.tgz#63826694b54d61ca1c20ebcb6d3ecf5e14cd8050"
-  integrity sha512-mlVgR3PGuzlo0MmTdk4cXqXWlwQDLnONTAg6sm62XkMJEiRxN3GL3SffkYvqwonbkJBcrI7Uvv5Zh9yjvn2iUw==
-
-p-limit@^2.0.0, p-limit@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
-  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
-  dependencies:
-    p-try "^2.0.0"
-
-p-limit@^3.0.2, p-limit@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
-  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
-  dependencies:
-    yocto-queue "^0.1.0"
-
-p-limit@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-4.0.0.tgz#914af6544ed32bfa54670b061cafcbd04984b644"
-  integrity sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==
-  dependencies:
-    yocto-queue "^1.0.0"
-
-p-locate@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
-  integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
-  dependencies:
-    p-limit "^2.0.0"
-
-p-locate@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
-  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
-  dependencies:
-    p-limit "^2.2.0"
-
-p-locate@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
-  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
-  dependencies:
-    p-limit "^3.0.2"
-
-p-locate@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-6.0.0.tgz#3da9a49d4934b901089dca3302fa65dc5a05c04f"
-  integrity sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==
-  dependencies:
-    p-limit "^4.0.0"
-
-p-map@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/p-map/-/p-map-2.1.0.tgz#310928feef9c9ecc65b68b17693018a665cea175"
-  integrity sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==
-
-p-map@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/p-map/-/p-map-4.0.0.tgz#bb2f95a5eda2ec168ec9274e06a747c3e2904d2b"
-  integrity sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==
-  dependencies:
-    aggregate-error "^3.0.0"
-
-p-try@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
-  integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
-
-pako@~0.2.0:
-  version "0.2.9"
-  resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
-  integrity sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==
-
-pako@~1.0.5:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
-  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
-
-papaparse@^5.3.2, papaparse@^5.4.1:
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/papaparse/-/papaparse-5.4.1.tgz#f45c0f871853578bd3a30f92d96fdcfb6ebea127"
-  integrity sha512-HipMsgJkZu8br23pW15uvo6sib6wne/4woLZPlFf3rpDyMe9ywEXUsuD7+6K9PRkJlVT51j/sCOYDKGGS3ZJrw==
-
-param-case@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
-  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
-  dependencies:
-    dot-case "^3.0.4"
-    tslib "^2.0.3"
-
-parent-module@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
-  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
-  dependencies:
-    callsites "^3.0.0"
-
-parse-asn1@^5.0.0, parse-asn1@^5.1.7:
-  version "5.1.7"
-  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.7.tgz#73cdaaa822125f9647165625eb45f8a051d2df06"
-  integrity sha512-CTM5kuWR3sx9IFamcl5ErfPl6ea/N8IYwiJ+vpeB2g+1iknv7zBl5uPwbMbRVznRVbrNY6lGuDoE5b30grmbqg==
-  dependencies:
-    asn1.js "^4.10.1"
-    browserify-aes "^1.2.0"
-    evp_bytestokey "^1.0.3"
-    hash-base "~3.0"
-    pbkdf2 "^3.1.2"
-    safe-buffer "^5.2.1"
-
-parse-headers@^2.0.0:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/parse-headers/-/parse-headers-2.0.5.tgz#069793f9356a54008571eb7f9761153e6c770da9"
-  integrity sha512-ft3iAoLOB/MlwbNXgzy43SWGP6sQki2jQvAyBg/zDFAgr9bfNWZIUj42Kw2eJIl8kEi4PbgE6U1Zau/HwI75HA==
-
-parse-json@^5.0.0, parse-json@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
-  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    error-ex "^1.3.1"
-    json-parse-even-better-errors "^2.3.0"
-    lines-and-columns "^1.1.6"
-
-parse-node-version@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/parse-node-version/-/parse-node-version-1.0.1.tgz#e2b5dbede00e7fa9bc363607f53327e8b073189b"
-  integrity sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==
-
-parse5@^7.0.0, parse5@^7.1.1:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.1.2.tgz#0736bebbfd77793823240a23b7fc5e010b7f8e32"
-  integrity sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==
-  dependencies:
-    entities "^4.4.0"
-
-parseurl@~1.3.3:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
-  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
-
-pascal-case@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
-  integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
-  dependencies:
-    no-case "^3.0.4"
-    tslib "^2.0.3"
-
-patch-package@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/patch-package/-/patch-package-8.0.0.tgz#d191e2f1b6e06a4624a0116bcb88edd6714ede61"
-  integrity sha512-da8BVIhzjtgScwDJ2TtKsfT5JFWz1hYoBl9rUQ1f38MC2HwnEIkK8VN3dKMKcP7P7bvvgzNDbfNHtx3MsQb5vA==
-  dependencies:
-    "@yarnpkg/lockfile" "^1.1.0"
-    chalk "^4.1.2"
-    ci-info "^3.7.0"
-    cross-spawn "^7.0.3"
-    find-yarn-workspace-root "^2.0.0"
-    fs-extra "^9.0.0"
-    json-stable-stringify "^1.0.2"
-    klaw-sync "^6.0.0"
-    minimist "^1.2.6"
-    open "^7.4.2"
-    rimraf "^2.6.3"
-    semver "^7.5.3"
-    slash "^2.0.0"
-    tmp "^0.0.33"
-    yaml "^2.2.2"
-
-path-browserify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-1.0.1.tgz#d98454a9c3753d5790860f16f68867b9e46be1fd"
-  integrity sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==
-
-path-exists@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
-  integrity sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==
-
-path-exists@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
-  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
-
-path-exists@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-5.0.0.tgz#a6aad9489200b21fab31e49cf09277e5116fb9e7"
-  integrity sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==
-
-path-is-absolute@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
-  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
-
-path-is-inside@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
-  integrity sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==
-
-path-key@^3.0.0, path-key@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
-  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
-
-path-key@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-4.0.0.tgz#295588dc3aee64154f877adb9d780b81c554bf18"
-  integrity sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==
-
-path-parse@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
-  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
-
-path-scurry@^1.10.1, path-scurry@^1.11.0:
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.11.1.tgz#7960a668888594a0720b12a911d1a742ab9f11d2"
-  integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
-  dependencies:
-    lru-cache "^10.2.0"
-    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
-
-path-to-regexp@0.1.7:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
-  integrity sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==
-
-path-type@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
-  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
-
-path-type@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-5.0.0.tgz#14b01ed7aea7ddf9c7c3f46181d4d04f9c785bb8"
-  integrity sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==
-
-pathe@^1.1.1, pathe@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.2.tgz#6c4cb47a945692e48a1ddd6e4094d170516437ec"
-  integrity sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==
-
-pathval@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/pathval/-/pathval-1.1.1.tgz#8534e77a77ce7ac5a2512ea21e0fdb8fcf6c3d8d"
-  integrity sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==
-
-pbkdf2@^3.0.17, pbkdf2@^3.0.3, pbkdf2@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.1.2.tgz#dd822aa0887580e52f1a039dc3eda108efae3075"
-  integrity sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==
-  dependencies:
-    create-hash "^1.1.2"
-    create-hmac "^1.1.4"
-    ripemd160 "^2.0.1"
-    safe-buffer "^5.0.1"
-    sha.js "^2.4.8"
-
-peek-stream@^1.1.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/peek-stream/-/peek-stream-1.1.3.tgz#3b35d84b7ccbbd262fff31dc10da56856ead6d67"
-  integrity sha512-FhJ+YbOSBb9/rIl2ZeE/QHEsWn7PqNYt8ARAY3kIgNGOk13g9FGyIY6JIl/xB/3TFRVoTv5as0l11weORrTekA==
-  dependencies:
-    buffer-from "^1.0.0"
-    duplexify "^3.5.0"
-    through2 "^2.0.3"
-
-pend@~1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
-  integrity sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==
-
-performance-now@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
-  integrity sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==
-
-picocolors@^1.0.0, picocolors@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.1.tgz#a8ad579b571952f0e5d25892de5445bcfe25aaa1"
-  integrity sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==
-
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.2.3, picomatch@^2.3.0, picomatch@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
-  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
-
-pify@^2.0.0, pify@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
-
-pify@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
-  integrity sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==
-
-pify@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
-  integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
-
-pify@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-5.0.0.tgz#1f5eca3f5e87ebec28cc6d54a0e4aaf00acc127f"
-  integrity sha512-eW/gHNMlxdSP6dmG6uJip6FXN0EQBwm2clYYd8Wul42Cwu/DK8HEftzsapcNdYe2MfLiIwZqsDk2RDEsTE79hA==
-
-pinkie-promise@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
-  integrity sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==
-  dependencies:
-    pinkie "^2.0.0"
-
-pinkie@^2.0.0:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
-  integrity sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg==
-
-pino-abstract-transport@v0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/pino-abstract-transport/-/pino-abstract-transport-0.5.0.tgz#4b54348d8f73713bfd14e3dc44228739aa13d9c0"
-  integrity sha512-+KAgmVeqXYbTtU2FScx1XS3kNyfZ5TrXY07V96QnUSFqo2gAqlvmaxH67Lj7SWazqsMabf+58ctdTcBgnOLUOQ==
-  dependencies:
-    duplexify "^4.1.2"
-    split2 "^4.0.0"
-
-pino-std-serializers@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/pino-std-serializers/-/pino-std-serializers-4.0.0.tgz#1791ccd2539c091ae49ce9993205e2cd5dbba1e2"
-  integrity sha512-cK0pekc1Kjy5w9V2/n+8MkZwusa6EyyxfeQCB799CQRhRt/CqYKiWs5adeu8Shve2ZNffvfC/7J64A2PJo1W/Q==
-
-pino@7.11.0:
-  version "7.11.0"
-  resolved "https://registry.yarnpkg.com/pino/-/pino-7.11.0.tgz#0f0ea5c4683dc91388081d44bff10c83125066f6"
-  integrity sha512-dMACeu63HtRLmCG8VKdy4cShCPKaYDR4youZqoSWLxl5Gu99HUw8bw75thbPv9Nip+H+QYX8o3ZJbTdVZZ2TVg==
-  dependencies:
-    atomic-sleep "^1.0.0"
-    fast-redact "^3.0.0"
-    on-exit-leak-free "^0.2.0"
-    pino-abstract-transport v0.5.0
-    pino-std-serializers "^4.0.0"
-    process-warning "^1.0.0"
-    quick-format-unescaped "^4.0.3"
-    real-require "^0.1.0"
-    safe-stable-stringify "^2.1.0"
-    sonic-boom "^2.2.1"
-    thread-stream "^0.15.1"
-
-pirates@^4.0.1, pirates@^4.0.4, pirates@^4.0.6:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9"
-  integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
-
-pkg-dir@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
-  integrity sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==
-  dependencies:
-    find-up "^3.0.0"
-
-pkg-dir@^4.1.0, pkg-dir@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
-  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
-  dependencies:
-    find-up "^4.0.0"
-
-pkg-dir@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-5.0.0.tgz#a02d6aebe6ba133a928f74aec20bafdfe6b8e760"
-  integrity sha512-NPE8TDbzl/3YQYY7CSS228s3g2ollTFnc+Qi3tqmqJp9Vg2ovUpixcJEo2HJScN2Ez+kEaal6y70c0ehqJBJeA==
-  dependencies:
-    find-up "^5.0.0"
-
-pkg-dir@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-7.0.0.tgz#8f0c08d6df4476756c5ff29b3282d0bab7517d11"
-  integrity sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==
-  dependencies:
-    find-up "^6.3.0"
-
-pkg-types@^1.1.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.1.1.tgz#07b626880749beb607b0c817af63aac1845a73f2"
-  integrity sha512-ko14TjmDuQJ14zsotODv7dBlwxKhUKQEhuhmbqo1uCi9BB0Z2alo/wAXg6q1dTR5TyuqYyWhjtfe/Tsh+X28jQ==
-  dependencies:
-    confbox "^0.1.7"
-    mlly "^1.7.0"
-    pathe "^1.1.2"
-
-plist@^3.0.5:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/plist/-/plist-3.1.0.tgz#797a516a93e62f5bde55e0b9cc9c967f860893c9"
-  integrity sha512-uysumyrvkUX0rX/dEVqt8gC3sTBzd4zoWfLeS29nb53imdaXVvLINYXTI2GNqzaMuvacNx4uJQ8+b3zXR0pkgQ==
-  dependencies:
-    "@xmldom/xmldom" "^0.8.8"
-    base64-js "^1.5.1"
-    xmlbuilder "^15.1.1"
-
-pngjs@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-5.0.0.tgz#e79dd2b215767fd9c04561c01236df960bce7fbb"
-  integrity sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==
-
-pnp-webpack-plugin@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/pnp-webpack-plugin/-/pnp-webpack-plugin-1.7.0.tgz#65741384f6d8056f36e2255a8d67ffc20866f5c9"
-  integrity sha512-2Rb3vm+EXble/sMXNSu6eoBx8e79gKqhNq9F5ZWW6ERNCTE/Q0wQNne5541tE5vKjfM8hpNCYL+LGc1YTfI0dg==
-  dependencies:
-    ts-pnp "^1.1.6"
-
-polished@^4.2.2:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/polished/-/polished-4.3.1.tgz#5a00ae32715609f83d89f6f31d0f0261c6170548"
-  integrity sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==
-  dependencies:
-    "@babel/runtime" "^7.17.8"
-
-pony-cause@^2.1.10:
-  version "2.1.11"
-  resolved "https://registry.yarnpkg.com/pony-cause/-/pony-cause-2.1.11.tgz#d69a20aaccdb3bdb8f74dd59e5c68d8e6772e4bd"
-  integrity sha512-M7LhCsdNbNgiLYiP4WjsfLUuFmCfnjdF6jKe2R9NKl4WFN+HZPGHJZ9lnLP7f9ZnKe3U9nuWD0szirmj+migUg==
-
-possible-typed-array-names@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz#89bb63c6fada2c3e90adc4a647beeeb39cc7bf8f"
-  integrity sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==
-
-postcss-load-config@^3.1.4:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-3.1.4.tgz#1ab2571faf84bb078877e1d07905eabe9ebda855"
-  integrity sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==
-  dependencies:
-    lilconfig "^2.0.5"
-    yaml "^1.10.2"
-
-postcss-loader@^8.1.1:
-  version "8.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-8.1.1.tgz#2822589e7522927344954acb55bbf26e8b195dfe"
-  integrity sha512-0IeqyAsG6tYiDRCYKQJLAmgQr47DX6N7sFSWvQxt6AcupX8DIdmykuk/o/tx0Lze3ErGHJEp5OSRxrelC6+NdQ==
-  dependencies:
-    cosmiconfig "^9.0.0"
-    jiti "^1.20.0"
-    semver "^7.5.4"
-
-postcss-modules-extract-imports@^3.0.0, postcss-modules-extract-imports@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.1.0.tgz#b4497cb85a9c0c4b5aabeb759bb25e8d89f15002"
-  integrity sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==
-
-postcss-modules-local-by-default@^4.0.0, postcss-modules-local-by-default@^4.0.5:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.5.tgz#f1b9bd757a8edf4d8556e8d0f4f894260e3df78f"
-  integrity sha512-6MieY7sIfTK0hYfafw1OMEG+2bg8Q1ocHCpoWLqOKj3JXlKu4G7btkmM/B7lFubYkYWmRSPLZi5chid63ZaZYw==
-  dependencies:
-    icss-utils "^5.0.0"
-    postcss-selector-parser "^6.0.2"
-    postcss-value-parser "^4.1.0"
-
-postcss-modules-scope@^3.0.0, postcss-modules-scope@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.2.0.tgz#a43d28289a169ce2c15c00c4e64c0858e43457d5"
-  integrity sha512-oq+g1ssrsZOsx9M96c5w8laRmvEu9C3adDSjI8oTcbfkrTE8hx/zfyobUoWIxaKPO8bt6S62kxpw5GqypEw1QQ==
-  dependencies:
-    postcss-selector-parser "^6.0.4"
-
-postcss-modules-values@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz#d7c5e7e68c3bb3c9b27cbf48ca0bb3ffb4602c9c"
-  integrity sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==
-  dependencies:
-    icss-utils "^5.0.0"
-
-postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.0.tgz#49694cb4e7c649299fea510a29fa6577104bcf53"
-  integrity sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
-postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
-  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
-
-postcss@8.4.31:
-  version "8.4.31"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.31.tgz#92b451050a9f914da6755af352bdc0192508656d"
-  integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==
-  dependencies:
-    nanoid "^3.3.6"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.2"
-
-postcss@^8.0.0, postcss@^8.2.14, postcss@^8.4.21, postcss@^8.4.33, postcss@^8.4.38:
-  version "8.4.38"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.38.tgz#b387d533baf2054288e337066d81c6bee9db9e0e"
-  integrity sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==
-  dependencies:
-    nanoid "^3.3.7"
-    picocolors "^1.0.0"
-    source-map-js "^1.2.0"
-
-postinstall-postinstall@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/postinstall-postinstall/-/postinstall-postinstall-2.1.0.tgz#4f7f77441ef539d1512c40bd04c71b06a4704ca3"
-  integrity sha512-7hQX6ZlZXIoRiWNrbMQaLzUUfH+sSx39u8EJ9HYuDc1kLo9IXKWjM5RSquZN1ad5GnH8CGFM78fsAAQi3OKEEQ==
-
-preact@^10.16.0:
-  version "10.23.1"
-  resolved "https://registry.yarnpkg.com/preact/-/preact-10.23.1.tgz#d400107289bc979881c5212cb5f5cd22cd1dc38c"
-  integrity sha512-O5UdRsNh4vdZaTieWe3XOgSpdMAmkIYBCT3VhQDlKrzyCm8lUYsk0fmVEvoQQifoOjFRTaHZO69ylrzTW2BH+A==
-
-prelude-ls@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
-  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
-
-"prettier-fallback@npm:prettier@^3", prettier@^3.1.1:
-  version "3.2.5"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.2.5.tgz#e52bc3090586e824964a8813b09aba6233b28368"
-  integrity sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==
-
-prettier-linter-helpers@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
-  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
-  dependencies:
-    fast-diff "^1.1.2"
-
-prettier@^2.3.1, prettier@^2.7.0:
-  version "2.8.8"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
-  integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
-
-pretty-bytes@^5.3.0, pretty-bytes@^5.4.1, pretty-bytes@^5.6.0:
-  version "5.6.0"
-  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
-  integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
-
-pretty-error@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-4.0.0.tgz#90a703f46dd7234adb46d0f84823e9d1cb8f10d6"
-  integrity sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==
-  dependencies:
-    lodash "^4.17.20"
-    renderkid "^3.0.0"
-
-pretty-format@^27.0.2:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e"
-  integrity sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==
-  dependencies:
-    ansi-regex "^5.0.1"
-    ansi-styles "^5.0.0"
-    react-is "^17.0.1"
-
-pretty-format@^29.0.0, pretty-format@^29.7.0:
-  version "29.7.0"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.7.0.tgz#ca42c758310f365bfa71a0bda0a807160b776812"
-  integrity sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==
-  dependencies:
-    "@jest/schemas" "^29.6.3"
-    ansi-styles "^5.0.0"
-    react-is "^18.0.0"
-
-pretty-hrtime@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1"
-  integrity sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==
-
-process-nextick-args@~2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
-  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
-
-process-warning@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/process-warning/-/process-warning-1.0.0.tgz#980a0b25dc38cd6034181be4b7726d89066b4616"
-  integrity sha512-du4wfLyj4yCZq1VupnVSZmRsPJsNuxoDQFdCFHLaYiEbFBD7QE0a+I4D7hOxrVnh78QE/YipFAj9lXHiXocV+Q==
-
-process@^0.11.10:
-  version "0.11.10"
-  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
-  integrity sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==
-
-prompts@^2.0.1, prompts@^2.4.0:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz#7b57e73b3a48029ad10ebd44f74b01722a4cb069"
-  integrity sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==
-  dependencies:
-    kleur "^3.0.3"
-    sisteransi "^1.0.5"
-
-prop-types@^15.6.0, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
-  version "15.8.1"
-  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
-  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
-  dependencies:
-    loose-envify "^1.4.0"
-    object-assign "^4.1.1"
-    react-is "^16.13.1"
-
-protobufjs@7.2.6:
-  version "7.2.6"
-  resolved "https://registry.yarnpkg.com/protobufjs/-/protobufjs-7.2.6.tgz#4a0ccd79eb292717aacf07530a07e0ed20278215"
-  integrity sha512-dgJaEDDL6x8ASUZ1YqWciTRrdOuYNzoOf27oHNfdyvKqHr5i0FV7FSLU+aIeFjyFgVxrpTOtQUi0BLLBymZaBw==
-  dependencies:
-    "@protobufjs/aspromise" "^1.1.2"
-    "@protobufjs/base64" "^1.1.2"
-    "@protobufjs/codegen" "^2.0.4"
-    "@protobufjs/eventemitter" "^1.1.0"
-    "@protobufjs/fetch" "^1.1.0"
-    "@protobufjs/float" "^1.0.2"
-    "@protobufjs/inquire" "^1.1.0"
-    "@protobufjs/path" "^1.1.2"
-    "@protobufjs/pool" "^1.1.0"
-    "@protobufjs/utf8" "^1.1.0"
-    "@types/node" ">=13.7.0"
-    long "^5.0.0"
-
-protobufjs@^6.10.2:
-  version "6.11.4"
-  resolved "https://registry.yarnpkg.com/protobufjs/-/protobufjs-6.11.4.tgz#29a412c38bf70d89e537b6d02d904a6f448173aa"
-  integrity sha512-5kQWPaJHi1WoCpjTGszzQ32PG2F4+wRY6BmAT4Vfw56Q2FZ4YZzK20xUYQH4YkfehY1e6QSICrJquM6xXZNcrw==
-  dependencies:
-    "@protobufjs/aspromise" "^1.1.2"
-    "@protobufjs/base64" "^1.1.2"
-    "@protobufjs/codegen" "^2.0.4"
-    "@protobufjs/eventemitter" "^1.1.0"
-    "@protobufjs/fetch" "^1.1.0"
-    "@protobufjs/float" "^1.0.2"
-    "@protobufjs/inquire" "^1.1.0"
-    "@protobufjs/path" "^1.1.2"
-    "@protobufjs/pool" "^1.1.0"
-    "@protobufjs/utf8" "^1.1.0"
-    "@types/long" "^4.0.1"
-    "@types/node" ">=13.7.0"
-    long "^4.0.0"
-
-protobufjs@^7.2.5:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/protobufjs/-/protobufjs-7.3.0.tgz#a32ec0422c039798c41a0700306a6e305b9cb32c"
-  integrity sha512-YWD03n3shzV9ImZRX3ccbjqLxj7NokGN0V/ESiBV5xWqrommYHYiihuIyavq03pWSGqlyvYUFmfoMKd+1rPA/g==
-  dependencies:
-    "@protobufjs/aspromise" "^1.1.2"
-    "@protobufjs/base64" "^1.1.2"
-    "@protobufjs/codegen" "^2.0.4"
-    "@protobufjs/eventemitter" "^1.1.0"
-    "@protobufjs/fetch" "^1.1.0"
-    "@protobufjs/float" "^1.0.2"
-    "@protobufjs/inquire" "^1.1.0"
-    "@protobufjs/path" "^1.1.2"
-    "@protobufjs/pool" "^1.1.0"
-    "@protobufjs/utf8" "^1.1.0"
-    "@types/node" ">=13.7.0"
-    long "^5.0.0"
-
-proxy-addr@~2.0.7:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.7.tgz#f19fe69ceab311eeb94b42e70e8c2070f9ba1025"
-  integrity sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==
-  dependencies:
-    forwarded "0.2.0"
-    ipaddr.js "1.9.1"
-
-proxy-compare@2.5.1:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/proxy-compare/-/proxy-compare-2.5.1.tgz#17818e33d1653fbac8c2ec31406bce8a2966f600"
-  integrity sha512-oyfc0Tx87Cpwva5ZXezSp5V9vht1c7dZBhvuV/y3ctkgMVUmiAGDVeeB0dKhGSyT0v1ZTEQYpe/RXlBVBNuCLA==
-
-proxy-from-env@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.0.0.tgz#33c50398f70ea7eb96d21f7b817630a55791c7ee"
-  integrity sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==
-
-proxy-from-env@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
-  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
-
-prr@~1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"
-  integrity sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==
-
-psl@^1.1.28, psl@^1.1.33:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
-  integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
-
-public-encrypt@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.3.tgz#4fcc9d77a07e48ba7527e7cbe0de33d0701331e0"
-  integrity sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==
-  dependencies:
-    bn.js "^4.1.0"
-    browserify-rsa "^4.0.0"
-    create-hash "^1.1.0"
-    parse-asn1 "^5.0.0"
-    randombytes "^2.0.1"
-    safe-buffer "^5.1.2"
-
-pump@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909"
-  integrity sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
-pump@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
-  integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
-pumpify@^1.3.3:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/pumpify/-/pumpify-1.5.1.tgz#36513be246ab27570b1a374a5ce278bfd74370ce"
-  integrity sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==
-  dependencies:
-    duplexify "^3.6.0"
-    inherits "^2.0.3"
-    pump "^2.0.0"
-
-punycode@2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.0.tgz#5f863edc89b96db09074bad7947bf09056ca4e7d"
-  integrity sha512-Yxz2kRwT90aPiWEMHVYnEf4+rhwF1tBmmZ4KepCP+Wkium9JxtWnUm1nqGwpiAHr/tnTSeHqr3wb++jgSkXjhA==
-
-punycode@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
-  integrity sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==
-
-punycode@^2.1.0, punycode@^2.1.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
-  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
-
-pure-rand@^6.0.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/pure-rand/-/pure-rand-6.1.0.tgz#d173cf23258231976ccbdb05247c9787957604f2"
-  integrity sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA==
-
-pushdata-bitcoin@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/pushdata-bitcoin/-/pushdata-bitcoin-1.0.1.tgz#15931d3cd967ade52206f523aa7331aef7d43af7"
-  integrity sha512-hw7rcYTJRAl4olM8Owe8x0fBuJJ+WGbMhQuLWOXEMN3PxPCKQHRkhfL+XG0+iXUmSHjkMmb3Ba55Mt21cZc9kQ==
-  dependencies:
-    bitcoin-ops "^1.3.0"
-
-qr.js@0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/qr.js/-/qr.js-0.0.0.tgz#cace86386f59a0db8050fa90d9b6b0e88a1e364f"
-  integrity sha512-c4iYnWb+k2E+vYpRimHqSu575b1/wKl4XFeJGpFmrJQz5I88v9aY2czh7s0w36srfCM1sXgC/xpoJz5dJfq+OQ==
-
-qrcode.react@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/qrcode.react/-/qrcode.react-1.0.1.tgz#2834bb50e5e275ffe5af6906eff15391fe9e38a5"
-  integrity sha512-8d3Tackk8IRLXTo67Y+c1rpaiXjoz/Dd2HpcMdW//62/x8J1Nbho14Kh8x974t9prsLHN6XqVgcnRiBGFptQmg==
-  dependencies:
-    loose-envify "^1.4.0"
-    prop-types "^15.6.0"
-    qr.js "0.0.0"
-
-qrcode.react@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/qrcode.react/-/qrcode.react-3.1.0.tgz#5c91ddc0340f768316fbdb8fff2765134c2aecd8"
-  integrity sha512-oyF+Urr3oAMUG/OiOuONL3HXM+53wvuH3mtIWQrYmsXoAq0DkvZp2RYUWFSMFtbdOpuS++9v+WAkzNVkMlNW6Q==
-
-qrcode@1.5.3:
-  version "1.5.3"
-  resolved "https://registry.yarnpkg.com/qrcode/-/qrcode-1.5.3.tgz#03afa80912c0dccf12bc93f615a535aad1066170"
-  integrity sha512-puyri6ApkEHYiVl4CFzo1tDkAZ+ATcnbJrJ6RiBM1Fhctdn/ix9MTE3hRph33omisEbC/2fcfemsseiKgBPKZg==
-  dependencies:
-    dijkstrajs "^1.0.1"
-    encode-utf8 "^1.0.3"
-    pngjs "^5.0.0"
-    yargs "^15.3.1"
-
-qs@6.11.0:
-  version "6.11.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.0.tgz#fd0d963446f7a65e1367e01abd85429453f0c37a"
-  integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
-  dependencies:
-    side-channel "^1.0.4"
-
-qs@^6.10.0, qs@^6.11.2:
-  version "6.12.1"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.12.1.tgz#39422111ca7cbdb70425541cba20c7d7b216599a"
-  integrity sha512-zWmv4RSuB9r2mYQw3zxQuHWeU+42aKi1wWig/j4ele4ygELZ7PEO6MM7rim9oAQH2A5MWfsAVf/jPvTPgCbvUQ==
-  dependencies:
-    side-channel "^1.0.6"
-
-qs@~6.10.3:
-  version "6.10.5"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.10.5.tgz#974715920a80ff6a262264acd2c7e6c2a53282b4"
-  integrity sha512-O5RlPh0VFtR78y79rgcgKK4wbAI0C5zGVLztOIdpWX6ep368q5Hv6XRxDvXuZ9q3C6v+e3n8UfZZJw7IIG27eQ==
-  dependencies:
-    side-channel "^1.0.4"
-
-qs@~6.5.2:
-  version "6.5.3"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.3.tgz#3aeeffc91967ef6e35c0e488ef46fb296ab76aad"
-  integrity sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==
-
-query-string@7.1.3:
-  version "7.1.3"
-  resolved "https://registry.yarnpkg.com/query-string/-/query-string-7.1.3.tgz#a1cf90e994abb113a325804a972d98276fe02328"
-  integrity sha512-hh2WYhq4fi8+b+/2Kg9CEge4fDPvHS534aOOvOZeQ3+Vf2mCFsaFBYj0i+iXcAq6I9Vzp5fjMFBlONvayDC1qg==
-  dependencies:
-    decode-uri-component "^0.2.2"
-    filter-obj "^1.1.0"
-    split-on-first "^1.0.0"
-    strict-uri-encode "^2.0.0"
-
-query-string@^5.0.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/query-string/-/query-string-5.1.1.tgz#a78c012b71c17e05f2e3fa2319dd330682efb3cb"
-  integrity sha512-gjWOsm2SoGlgLEdAGt7a6slVOk9mGiXmPFMqrEhLQ68rhQuBnpfs3+EmlvqKyxnCo9/PPlF+9MtY02S1aFg+Jw==
-  dependencies:
-    decode-uri-component "^0.2.0"
-    object-assign "^4.1.0"
-    strict-uri-encode "^1.0.0"
-
-querystring-es3@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
-  integrity sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==
-
-querystringify@^2.1.1:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
-  integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
-
-queue-microtask@^1.2.2:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
-  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
-
-queue@6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/queue/-/queue-6.0.2.tgz#b91525283e2315c7553d2efa18d83e76432fed65"
-  integrity sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==
-  dependencies:
-    inherits "~2.0.3"
-
-quick-format-unescaped@^4.0.3:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz#93ef6dd8d3453cbc7970dd614fad4c5954d6b5a7"
-  integrity sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==
-
-quick-lru@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f"
-  integrity sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==
-
-quick-lru@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
-  integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
-
-rabin-wasm@^0.1.4:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/rabin-wasm/-/rabin-wasm-0.1.5.tgz#5b625ca007d6a2cbc1456c78ae71d550addbc9c9"
-  integrity sha512-uWgQTo7pim1Rnj5TuWcCewRDTf0PEFTSlaUjWP4eY9EbLV9em08v89oCz/WO+wRxpYuO36XEHp4wgYQnAgOHzA==
-  dependencies:
-    "@assemblyscript/loader" "^0.9.4"
-    bl "^5.0.0"
-    debug "^4.3.1"
-    minimist "^1.2.5"
-    node-fetch "^2.6.1"
-    readable-stream "^3.6.0"
-
-radix3@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/radix3/-/radix3-1.1.2.tgz#fd27d2af3896c6bf4bcdfab6427c69c2afc69ec0"
-  integrity sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==
-
-ramda@0.29.0:
-  version "0.29.0"
-  resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.29.0.tgz#fbbb67a740a754c8a4cbb41e2a6e0eb8507f55fb"
-  integrity sha512-BBea6L67bYLtdbOqfp8f58fPMqEwx0doL+pAi8TZyp2YWz8R9G8z9x75CZI8W+ftqhFHCpEX2cRnUUXK130iKA==
-
-randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
-  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
-  dependencies:
-    safe-buffer "^5.1.0"
-
-randomfill@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/randomfill/-/randomfill-1.0.4.tgz#c92196fc86ab42be983f1bf31778224931d61458"
-  integrity sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==
-  dependencies:
-    randombytes "^2.0.5"
-    safe-buffer "^5.1.0"
-
-range-parser@^1.2.1, range-parser@~1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
-  integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
-
-raw-body@2.5.2:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.2.tgz#99febd83b90e08975087e8f1f9419a149366b68a"
-  integrity sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==
-  dependencies:
-    bytes "3.1.2"
-    http-errors "2.0.0"
-    iconv-lite "0.4.24"
-    unpipe "1.0.0"
-
-react-colorful@^5.1.2:
-  version "5.6.1"
-  resolved "https://registry.yarnpkg.com/react-colorful/-/react-colorful-5.6.1.tgz#7dc2aed2d7c72fac89694e834d179e32f3da563b"
-  integrity sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==
-
-react-confetti@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/react-confetti/-/react-confetti-6.1.0.tgz#03dc4340d955acd10b174dbf301f374a06e29ce6"
-  integrity sha512-7Ypx4vz0+g8ECVxr88W9zhcQpbeujJAVqL14ZnXJ3I23mOI9/oBVTQ3dkJhUmB0D6XOtCZEM6N0Gm9PMngkORw==
-  dependencies:
-    tween-functions "^1.2.0"
-
-react-docgen-typescript@^2.2.2:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/react-docgen-typescript/-/react-docgen-typescript-2.2.2.tgz#4611055e569edc071204aadb20e1c93e1ab1659c"
-  integrity sha512-tvg2ZtOpOi6QDwsb3GZhOjDkkX0h8Z2gipvTg6OVMUyoYoURhEiRNePT8NZItTVCDh39JJHnLdfCOkzoLbFnTg==
-
-react-docgen@^7.0.0:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/react-docgen/-/react-docgen-7.0.3.tgz#f811b785f07b1f2023cb899b6bcf9d522b21b95d"
-  integrity sha512-i8aF1nyKInZnANZ4uZrH49qn1paRgBZ7wZiCNBMnenlPzEv0mRl+ShpTVEI6wZNl8sSc79xZkivtgLKQArcanQ==
-  dependencies:
-    "@babel/core" "^7.18.9"
-    "@babel/traverse" "^7.18.9"
-    "@babel/types" "^7.18.9"
-    "@types/babel__core" "^7.18.0"
-    "@types/babel__traverse" "^7.18.0"
-    "@types/doctrine" "^0.0.9"
-    "@types/resolve" "^1.20.2"
-    doctrine "^3.0.0"
-    resolve "^1.22.1"
-    strip-indent "^4.0.0"
-
-react-dom@16.13.1:
-  version "16.13.1"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.13.1.tgz#c1bd37331a0486c078ee54c4740720993b2e0e7f"
-  integrity sha512-81PIMmVLnCNLO/fFOQxdQkvEq/+Hfpv24XNJfpyZhTRfO0QcmQIF/PgCa1zCOj2w1hrn12MFLyaJ/G0+Mxtfag==
-  dependencies:
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-    prop-types "^15.6.2"
-    scheduler "^0.19.1"
-
-"react-dom@^16.8.0 || ^17.0.0 || ^18.0.0", react-dom@^18.2.0:
-  version "18.3.1"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.3.1.tgz#c2265d79511b57d479b3dd3fdfa51536494c5cb4"
-  integrity sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==
-  dependencies:
-    loose-envify "^1.1.0"
-    scheduler "^0.23.2"
-
-react-dropzone@^14.2.3:
-  version "14.2.3"
-  resolved "https://registry.yarnpkg.com/react-dropzone/-/react-dropzone-14.2.3.tgz#0acab68308fda2d54d1273a1e626264e13d4e84b"
-  integrity sha512-O3om8I+PkFKbxCukfIR3QAGftYXDZfOE2N1mr/7qebQJHs7U+/RSL/9xomJNpRg9kM5h9soQSdf0Gc7OHF5Fug==
-  dependencies:
-    attr-accept "^2.2.2"
-    file-selector "^0.6.0"
-    prop-types "^15.8.1"
-
-react-element-to-jsx-string@^15.0.0:
-  version "15.0.0"
-  resolved "https://registry.yarnpkg.com/react-element-to-jsx-string/-/react-element-to-jsx-string-15.0.0.tgz#1cafd5b6ad41946ffc8755e254da3fc752a01ac6"
-  integrity sha512-UDg4lXB6BzlobN60P8fHWVPX3Kyw8ORrTeBtClmIlGdkOOE+GYQSFvmEU5iLLpwp/6v42DINwNcwOhOLfQ//FQ==
-  dependencies:
-    "@base2/pretty-print-object" "1.0.1"
-    is-plain-object "5.0.0"
-    react-is "18.1.0"
-
-react-gtm-module@^2.0.11:
-  version "2.0.11"
-  resolved "https://registry.yarnpkg.com/react-gtm-module/-/react-gtm-module-2.0.11.tgz#14484dac8257acd93614e347c32da9c5ac524206"
-  integrity sha512-8gyj4TTxeP7eEyc2QKawEuQoAZdjKvMY4pgWfycGmqGByhs17fR+zEBs0JUDq4US/l+vbTl+6zvUIx27iDo/Vw==
-
-react-hook-form@7.41.1:
-  version "7.41.1"
-  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.41.1.tgz#0e25e231550d477c5774b7f5a4ff800485281e6a"
-  integrity sha512-IHUozfwuqE+P201KIJwotMd+UCKqzIprseR8UUjz1jRupkZeubg0xyeMLIaT192zHv7vBBu9bibpNV5cIB4E9g==
-
-react-is@18.1.0:
-  version "18.1.0"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.1.0.tgz#61aaed3096d30eacf2a2127118b5b41387d32a67"
-  integrity sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==
-
-react-is@^16.13.1, react-is@^16.7.0:
-  version "16.13.1"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
-  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
-
-react-is@^17.0.1:
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
-  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
-
-react-is@^18.0.0, react-is@^18.2.0:
-  version "18.3.1"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
-  integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
-
-react-lifecycles-compat@^3.0.0:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
-  integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
-
-react-modal@^3.12.1:
-  version "3.16.1"
-  resolved "https://registry.yarnpkg.com/react-modal/-/react-modal-3.16.1.tgz#34018528fc206561b1a5467fc3beeaddafb39b2b"
-  integrity sha512-VStHgI3BVcGo7OXczvnJN7yT2TWHJPDXZWyI/a0ssFNhGZWsPmB8cF0z33ewDXq4VfYMO1vXgiv/g8Nj9NDyWg==
-  dependencies:
-    exenv "^1.2.0"
-    prop-types "^15.7.2"
-    react-lifecycles-compat "^3.0.0"
-    warning "^4.0.3"
-
-react-papaparse@^4.0.2:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/react-papaparse/-/react-papaparse-4.4.0.tgz#754b18c62240782d9b3b0bbc132b08ed6ec8ca13"
-  integrity sha512-xTEwHZYJ+1dh9mQDQjjwJXmWyX20DdZ52u+ddw75V+Xm5qsjXSvWmC7c8K82vRwMjKAOH2S9uFyGpHEyEztkUQ==
-  dependencies:
-    "@types/papaparse" "^5.3.9"
-    papaparse "^5.4.1"
-
-react-qr-reader@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/react-qr-reader/-/react-qr-reader-2.2.1.tgz#dc89046d1c1a1da837a683dd970de5926817d55b"
-  integrity sha512-EL5JEj53u2yAOgtpAKAVBzD/SiKWn0Bl7AZy6ZrSf1lub7xHwtaXe6XSx36Wbhl1VMGmvmrwYMRwO1aSCT2fwA==
-  dependencies:
-    jsqr "^1.2.0"
-    prop-types "^15.7.2"
-    webrtc-adapter "^7.2.1"
-
-react-redux@^8.0.5:
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-8.1.3.tgz#4fdc0462d0acb59af29a13c27ffef6f49ab4df46"
-  integrity sha512-n0ZrutD7DaX/j9VscF+uTALI3oUPa/pO4Z3soOBIjuRn/FzVu6aehhysxZCLi6y7duMf52WNZGMl7CtuK5EnRw==
-  dependencies:
-    "@babel/runtime" "^7.12.1"
-    "@types/hoist-non-react-statics" "^3.3.1"
-    "@types/use-sync-external-store" "^0.0.3"
-    hoist-non-react-statics "^3.3.2"
-    react-is "^18.0.0"
-    use-sync-external-store "^1.0.0"
-
-react-refresh@^0.14.0:
-  version "0.14.2"
-  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.14.2.tgz#3833da01ce32da470f1f936b9d477da5c7028bf9"
-  integrity sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==
-
-react-remove-scroll-bar@^2.3.3:
-  version "2.3.6"
-  resolved "https://registry.yarnpkg.com/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.6.tgz#3e585e9d163be84a010180b18721e851ac81a29c"
-  integrity sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==
-  dependencies:
-    react-style-singleton "^2.2.1"
-    tslib "^2.0.0"
-
-react-remove-scroll@2.5.5:
-  version "2.5.5"
-  resolved "https://registry.yarnpkg.com/react-remove-scroll/-/react-remove-scroll-2.5.5.tgz#1e31a1260df08887a8a0e46d09271b52b3a37e77"
-  integrity sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==
-  dependencies:
-    react-remove-scroll-bar "^2.3.3"
-    react-style-singleton "^2.2.1"
-    tslib "^2.1.0"
-    use-callback-ref "^1.3.0"
-    use-sidecar "^1.1.2"
-
-react-style-singleton@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/react-style-singleton/-/react-style-singleton-2.2.1.tgz#f99e420492b2d8f34d38308ff660b60d0b1205b4"
-  integrity sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==
-  dependencies:
-    get-nonce "^1.0.0"
-    invariant "^2.2.4"
-    tslib "^2.0.0"
-
-react-transition-group@^4.4.5:
-  version "4.4.5"
-  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.5.tgz#e53d4e3f3344da8521489fbef8f2581d42becdd1"
-  integrity sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==
-  dependencies:
-    "@babel/runtime" "^7.5.5"
-    dom-helpers "^5.0.1"
-    loose-envify "^1.4.0"
-    prop-types "^15.6.2"
-
-react@16.13.1:
-  version "16.13.1"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.13.1.tgz#2e818822f1a9743122c063d6410d85c1e3afe48e"
-  integrity sha512-YMZQQq32xHLX0bz5Mnibv1/LHb3Sqzngu7xstSM+vrkE5Kzr9xE0yMByK5kMoTK30YVJE61WfbxIFFvfeDKT1w==
-  dependencies:
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-    prop-types "^15.6.2"
-
-"react@^16.8.0 || ^17.0.0 || ^18.0.0", react@^18.2.0:
-  version "18.3.1"
-  resolved "https://registry.yarnpkg.com/react/-/react-18.3.1.tgz#49ab892009c53933625bd16b2533fc754cab2891"
-  integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==
-  dependencies:
-    loose-envify "^1.1.0"
-
-read-pkg-up@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-7.0.1.tgz#f3a6135758459733ae2b95638056e1854e7ef507"
-  integrity sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==
-  dependencies:
-    find-up "^4.1.0"
-    read-pkg "^5.2.0"
-    type-fest "^0.8.1"
-
-read-pkg@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.2.0.tgz#7bf295438ca5a33e56cd30e053b34ee7250c93cc"
-  integrity sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==
-  dependencies:
-    "@types/normalize-package-data" "^2.4.0"
-    normalize-package-data "^2.5.0"
-    parse-json "^5.0.0"
-    type-fest "^0.6.0"
-
-readable-stream@^2.0.0, readable-stream@^2.0.2, readable-stream@^2.3.8, readable-stream@~2.3.6:
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
-  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
-  dependencies:
-    core-util-is "~1.0.0"
-    inherits "~2.0.3"
-    isarray "~1.0.0"
-    process-nextick-args "~2.0.0"
-    safe-buffer "~5.1.1"
-    string_decoder "~1.1.1"
-    util-deprecate "~1.0.1"
-
-readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.5.0, readable-stream@^3.6.0:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
-  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
-  dependencies:
-    inherits "^2.0.3"
-    string_decoder "^1.1.1"
-    util-deprecate "^1.0.1"
-
-readable-stream@^4.0.0:
-  version "4.5.2"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-4.5.2.tgz#9e7fc4c45099baeed934bff6eb97ba6cf2729e09"
-  integrity sha512-yjavECdqeZ3GLXNgRXgeQEdz9fvDDkNKyHnbHRFtOr7/LcfgBcmct7t/ET+HaCTqfh06OzoAxrkN/IfjJBVe+g==
-  dependencies:
-    abort-controller "^3.0.0"
-    buffer "^6.0.3"
-    events "^3.3.0"
-    process "^0.11.10"
-    string_decoder "^1.3.0"
-
-readable-stream@~1.0.17, readable-stream@~1.0.27-1:
-  version "1.0.34"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-1.0.34.tgz#125820e34bc842d2f2aaafafe4c2916ee32c157c"
-  integrity sha512-ok1qVCJuRkNmvebYikljxJA/UEsKwLl2nI1OmaqAu4/UE+h0wKCHok4XkL/gvi39OacXvw59RJUOFUkDib2rHg==
-  dependencies:
-    core-util-is "~1.0.0"
-    inherits "~2.0.1"
-    isarray "0.0.1"
-    string_decoder "~0.10.x"
-
-readdirp@~3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
-  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
-  dependencies:
-    picomatch "^2.2.1"
-
-real-require@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/real-require/-/real-require-0.1.0.tgz#736ac214caa20632847b7ca8c1056a0767df9381"
-  integrity sha512-r/H9MzAWtrv8aSVjPCMFpDMl5q66GqtmmRkRjpHTsp4zBAa+snZyiQNlMONiUmEJcsnaw0wCauJ2GWODr/aFkg==
-
-realistic-structured-clone@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/realistic-structured-clone/-/realistic-structured-clone-3.0.0.tgz#7b518049ce2dad41ac32b421cd297075b00e3e35"
-  integrity sha512-rOjh4nuWkAqf9PWu6JVpOWD4ndI+JHfgiZeMmujYcPi+fvILUu7g6l26TC1K5aBIp34nV+jE1cDO75EKOfHC5Q==
-  dependencies:
-    domexception "^1.0.1"
-    typeson "^6.1.0"
-    typeson-registry "^1.0.0-alpha.20"
-
-recast@^0.23.3, recast@^0.23.5:
-  version "0.23.7"
-  resolved "https://registry.yarnpkg.com/recast/-/recast-0.23.7.tgz#1e08f164e10402b075c904a2b01022b3da039c72"
-  integrity sha512-MpQlLZVpqbbxYcqEjwpRWo88sGvjOYoXptySz710RuddNMHx+wPkoNX6YyLZJlXAh5VZr1qmPrTwcTuFMh0Lag==
-  dependencies:
-    ast-types "^0.16.1"
-    esprima "~4.0.0"
-    source-map "~0.6.1"
-    tiny-invariant "^1.3.3"
-    tslib "^2.0.1"
-
-redent@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/redent/-/redent-3.0.0.tgz#e557b7998316bb53c9f1f56fa626352c6963059f"
-  integrity sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==
-  dependencies:
-    indent-string "^4.0.0"
-    strip-indent "^3.0.0"
-
-reduce-flatten@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/reduce-flatten/-/reduce-flatten-2.0.0.tgz#734fd84e65f375d7ca4465c69798c25c9d10ae27"
-  integrity sha512-EJ4UNY/U1t2P/2k6oqotuX2Cc3T6nxJwsM0N0asT7dhrtH1ltUxDn4NalSYmPE2rCkVpcf/X6R0wDwcFpzhd4w==
-
-redux-thunk@^2.4.2:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/redux-thunk/-/redux-thunk-2.4.2.tgz#b9d05d11994b99f7a91ea223e8b04cf0afa5ef3b"
-  integrity sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q==
-
-redux@^4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/redux/-/redux-4.2.1.tgz#c08f4306826c49b5e9dc901dee0452ea8fce6197"
-  integrity sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==
-  dependencies:
-    "@babel/runtime" "^7.9.2"
-
-reflect.getprototypeof@^1.0.4:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz#3ab04c32a8390b770712b7a8633972702d278859"
-  integrity sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.1"
-    es-errors "^1.3.0"
-    get-intrinsic "^1.2.4"
-    globalthis "^1.0.3"
-    which-builtin-type "^1.1.3"
-
-regenerate-unicode-properties@^10.1.0:
-  version "10.1.1"
-  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz#6b0e05489d9076b04c436f318d9b067bba459480"
-  integrity sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==
-  dependencies:
-    regenerate "^1.4.2"
-
-regenerate@^1.4.2:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
-  integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
-
-regenerator-runtime@^0.13.11:
-  version "0.13.11"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
-  integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
-
-regenerator-runtime@^0.14.0:
-  version "0.14.1"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
-  integrity sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==
-
-regenerator-transform@^0.15.2:
-  version "0.15.2"
-  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.2.tgz#5bbae58b522098ebdf09bca2f83838929001c7a4"
-  integrity sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==
-  dependencies:
-    "@babel/runtime" "^7.8.4"
-
-regex-parser@^2.2.11:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/regex-parser/-/regex-parser-2.3.0.tgz#4bb61461b1a19b8b913f3960364bb57887f920ee"
-  integrity sha512-TVILVSz2jY5D47F4mA4MppkBrafEaiUWJO/TcZHEIuI13AqoZMkK1WMA4Om1YkYbTx+9Ki1/tSUXbceyr9saRg==
-
-regexp.prototype.flags@^1.5.1, regexp.prototype.flags@^1.5.2:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz#138f644a3350f981a858c44f6bb1a61ff59be334"
-  integrity sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==
-  dependencies:
-    call-bind "^1.0.6"
-    define-properties "^1.2.1"
-    es-errors "^1.3.0"
-    set-function-name "^2.0.1"
-
-regexpu-core@^5.3.1:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.3.2.tgz#11a2b06884f3527aec3e93dbbf4a3b958a95546b"
-  integrity sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==
-  dependencies:
-    "@babel/regjsgen" "^0.8.0"
-    regenerate "^1.4.2"
-    regenerate-unicode-properties "^10.1.0"
-    regjsparser "^0.9.1"
-    unicode-match-property-ecmascript "^2.0.0"
-    unicode-match-property-value-ecmascript "^2.1.0"
-
-regjsparser@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.9.1.tgz#272d05aa10c7c1f67095b1ff0addae8442fc5709"
-  integrity sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==
-  dependencies:
-    jsesc "~0.5.0"
-
-rehype-external-links@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/rehype-external-links/-/rehype-external-links-3.0.0.tgz#2b28b5cda1932f83f045b6f80a3e1b15f168c6f6"
-  integrity sha512-yp+e5N9V3C6bwBeAC4n796kc86M4gJCdlVhiMTxIrJG5UHDMh+PJANf9heqORJbt1nrCbDwIlAZKjANIaVBbvw==
-  dependencies:
-    "@types/hast" "^3.0.0"
-    "@ungap/structured-clone" "^1.0.0"
-    hast-util-is-element "^3.0.0"
-    is-absolute-url "^4.0.0"
-    space-separated-tokens "^2.0.0"
-    unist-util-visit "^5.0.0"
-
-rehype-slug@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/rehype-slug/-/rehype-slug-6.0.0.tgz#1d21cf7fc8a83ef874d873c15e6adaee6344eaf1"
-  integrity sha512-lWyvf/jwu+oS5+hL5eClVd3hNdmwM1kAC0BUvEGD19pajQMIzcNUd/k9GsfQ+FfECvX+JE+e9/btsKH0EjJT6A==
-  dependencies:
-    "@types/hast" "^3.0.0"
-    github-slugger "^2.0.0"
-    hast-util-heading-rank "^3.0.0"
-    hast-util-to-string "^3.0.0"
-    unist-util-visit "^5.0.0"
-
-relateurl@^0.2.7:
-  version "0.2.7"
-  resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
-  integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
-
-renderkid@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-3.0.0.tgz#5fd823e4d6951d37358ecc9a58b1f06836b6268a"
-  integrity sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==
-  dependencies:
-    css-select "^4.1.3"
-    dom-converter "^0.2.0"
-    htmlparser2 "^6.1.0"
-    lodash "^4.17.21"
-    strip-ansi "^6.0.1"
-
-request-progress@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/request-progress/-/request-progress-3.0.0.tgz#4ca754081c7fec63f505e4faa825aa06cd669dbe"
-  integrity sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==
-  dependencies:
-    throttleit "^1.0.0"
-
-request@^2.79.0:
-  version "2.88.2"
-  resolved "https://registry.yarnpkg.com/request/-/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3"
-  integrity sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==
-  dependencies:
-    aws-sign2 "~0.7.0"
-    aws4 "^1.8.0"
-    caseless "~0.12.0"
-    combined-stream "~1.0.6"
-    extend "~3.0.2"
-    forever-agent "~0.6.1"
-    form-data "~2.3.2"
-    har-validator "~5.1.3"
-    http-signature "~1.2.0"
-    is-typedarray "~1.0.0"
-    isstream "~0.1.2"
-    json-stringify-safe "~5.0.1"
-    mime-types "~2.1.19"
-    oauth-sign "~0.9.0"
-    performance-now "^2.1.0"
-    qs "~6.5.2"
-    safe-buffer "^5.1.2"
-    tough-cookie "~2.5.0"
-    tunnel-agent "^0.6.0"
-    uuid "^3.3.2"
-
-require-directory@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
-  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
-
-require-from-string@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
-  integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
-
-require-main-filename@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
-  integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
-
-requireindex@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/requireindex/-/requireindex-1.2.0.tgz#3463cdb22ee151902635aa6c9535d4de9c2ef1ef"
-  integrity sha512-L9jEkOi3ASd9PYit2cwRfyppc9NoABujTP8/5gFcbERmo5jUoAKovIC3fsF17pkTnGsrByysqX+Kxd2OTNI1ww==
-
-requires-port@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
-  integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
-
-reselect@^4.1.8:
-  version "4.1.8"
-  resolved "https://registry.yarnpkg.com/reselect/-/reselect-4.1.8.tgz#3f5dc671ea168dccdeb3e141236f69f02eaec524"
-  integrity sha512-ab9EmR80F/zQTMNeneUr4cv+jSwPJgIlvEmVwLerwrWVbpLlBuls9XHzIeTFy4cegU2NHBp3va0LKOzU5qFEYQ==
-
-reserved-words@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/reserved-words/-/reserved-words-0.1.2.tgz#00a0940f98cd501aeaaac316411d9adc52b31ab1"
-  integrity sha512-0S5SrIUJ9LfpbVl4Yzij6VipUdafHrOTzvmfazSw/jeZrZtQK303OPZW+obtkaw7jQlTQppy0UvZWm9872PbRw==
-
-resolve-alpn@^1.0.0, resolve-alpn@^1.2.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/resolve-alpn/-/resolve-alpn-1.2.1.tgz#b7adbdac3546aaaec20b45e7d8265927072726f9"
-  integrity sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g==
-
-resolve-cwd@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
-  integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
-  dependencies:
-    resolve-from "^5.0.0"
-
-resolve-from@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
-  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
-
-resolve-from@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
-  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
-
-resolve-pkg-maps@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz#616b3dc2c57056b5588c31cdf4b3d64db133720f"
-  integrity sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==
-
-resolve-url-loader@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-url-loader/-/resolve-url-loader-5.0.0.tgz#ee3142fb1f1e0d9db9524d539cfa166e9314f795"
-  integrity sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==
-  dependencies:
-    adjust-sourcemap-loader "^4.0.0"
-    convert-source-map "^1.7.0"
-    loader-utils "^2.0.0"
-    postcss "^8.2.14"
-    source-map "0.6.1"
-
-resolve.exports@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-2.0.2.tgz#f8c934b8e6a13f539e38b7098e2e36134f01e800"
-  integrity sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg==
-
-resolve@^1.10.0, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.1, resolve@^1.22.4, resolve@^1.22.8:
-  version "1.22.8"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
-  integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
-  dependencies:
-    is-core-module "^2.13.0"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
-
-resolve@^2.0.0-next.5:
-  version "2.0.0-next.5"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.5.tgz#6b0ec3107e671e52b68cd068ef327173b90dc03c"
-  integrity sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==
-  dependencies:
-    is-core-module "^2.13.0"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
-
-responselike@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/responselike/-/responselike-2.0.1.tgz#9a0bc8fdc252f3fb1cca68b016591059ba1422bc"
-  integrity sha512-4gl03wn3hj1HP3yzgdI7d3lCkF95F21Pz4BPGvKHinyQzALR5CapwC8yIi0Rh58DEMQ/SguC03wFj2k0M/mHhw==
-  dependencies:
-    lowercase-keys "^2.0.0"
-
-restore-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
-  integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
-  dependencies:
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
-
-reusify@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
-  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
-
-rfdc@^1.3.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.3.1.tgz#2b6d4df52dffe8bb346992a10ea9451f24373a8f"
-  integrity sha512-r5a3l5HzYlIC68TpmYKlxWjmOP6wiPJ1vWv2HeLhNsRZMrCkxeqxiHlQ21oXmQ4F3SiryXBHhAD7JZqvOJjFmg==
-
-rifm@^0.12.1:
-  version "0.12.1"
-  resolved "https://registry.yarnpkg.com/rifm/-/rifm-0.12.1.tgz#8fa77f45b7f1cda2a0068787ac821f0593967ac4"
-  integrity sha512-OGA1Bitg/dSJtI/c4dh90svzaUPt228kzFsUkJbtA2c964IqEAwWXeL9ZJi86xWv3j5SMqRvGULl7bA6cK0Bvg==
-
-rimraf@^2.6.3:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
-  integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
-  dependencies:
-    glob "^7.1.3"
-
-rimraf@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
-  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
-  dependencies:
-    glob "^7.1.3"
-
-rimraf@~2.6.2:
-  version "2.6.3"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
-  integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==
-  dependencies:
-    glob "^7.1.3"
-
-ripemd160@^2.0.0, ripemd160@^2.0.1, ripemd160@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
-  integrity sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==
-  dependencies:
-    hash-base "^3.0.0"
-    inherits "^2.0.1"
-
-ripple-address-codec@^4.1.1, ripple-address-codec@^4.3.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/ripple-address-codec/-/ripple-address-codec-4.3.1.tgz#68fbaf646bb8567f70743af7f1ce4479f73efbf6"
-  integrity sha512-Qa3+9wKVvpL/xYtT6+wANsn0A1QcC5CT6IMZbRJZ/1lGt7gmwIfsrCuz1X0+LCEO7zgb+3UT1I1dc0k/5dwKQQ==
-  dependencies:
-    base-x "^3.0.9"
-    create-hash "^1.1.2"
-
-ripple-binary-codec@^1.1.3:
-  version "1.11.0"
-  resolved "https://registry.yarnpkg.com/ripple-binary-codec/-/ripple-binary-codec-1.11.0.tgz#d99c848c51a19746b738785001fb7208704bfe30"
-  integrity sha512-g7+gs3T+NfoeW6vIq5dcN0CkIT4t/zwRzFxz8X2RzfbrWRnewPUKqQbmBgs05tXLX5NuWPaneiaAVpFpYBcdfw==
-  dependencies:
-    assert "^2.0.0"
-    big-integer "^1.6.48"
-    buffer "6.0.3"
-    create-hash "^1.2.0"
-    decimal.js "^10.2.0"
-    ripple-address-codec "^4.3.1"
-
-ripple-keypairs@^1.0.3:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/ripple-keypairs/-/ripple-keypairs-1.3.1.tgz#7fa531df36b138134afb53555a87d7f5eb465b2e"
-  integrity sha512-dmPlraWKJciFJxHcoubDahGnoIalG5e/BtV6HNDUs7wLXmtnLMHt6w4ed9R8MTL2zNrVPiIdI/HCtMMo0Tm7JQ==
-  dependencies:
-    bn.js "^5.1.1"
-    brorand "^1.0.5"
-    elliptic "^6.5.4"
-    hash.js "^1.0.3"
-    ripple-address-codec "^4.3.1"
-
-ripple-lib-transactionparser@0.8.2:
-  version "0.8.2"
-  resolved "https://registry.yarnpkg.com/ripple-lib-transactionparser/-/ripple-lib-transactionparser-0.8.2.tgz#7aaad3ba1e1aeee1d5bcff32334a7a838f834dce"
-  integrity sha512-1teosQLjYHLyOQrKUQfYyMjDR3MAq/Ga+MJuLUfpBMypl4LZB4bEoMcmG99/+WVTEiZOezJmH9iCSvm/MyxD+g==
-  dependencies:
-    bignumber.js "^9.0.0"
-    lodash "^4.17.15"
-
-ripple-lib@^1.10.1:
-  version "1.10.1"
-  resolved "https://registry.yarnpkg.com/ripple-lib/-/ripple-lib-1.10.1.tgz#9c353702792b25465cdb269265d6f5bb27b1471b"
-  integrity sha512-OQk+Syl2JfxKxV2KuF/kBMtnh012I5tNnziP3G4WDGCGSIAgeqkOgkR59IQ0YDNrs1YW8GbApxrdMSRi/QClcA==
-  dependencies:
-    "@types/lodash" "^4.14.136"
-    "@types/ws" "^7.2.0"
-    bignumber.js "^9.0.0"
-    https-proxy-agent "^5.0.0"
-    jsonschema "1.2.2"
-    lodash "^4.17.4"
-    ripple-address-codec "^4.1.1"
-    ripple-binary-codec "^1.1.3"
-    ripple-keypairs "^1.0.3"
-    ripple-lib-transactionparser "0.8.2"
-    ws "^7.2.0"
-
-rlp@^2.2.3, rlp@^2.2.4:
-  version "2.2.7"
-  resolved "https://registry.yarnpkg.com/rlp/-/rlp-2.2.7.tgz#33f31c4afac81124ac4b283e2bd4d9720b30beaf"
-  integrity sha512-d5gdPmgQ0Z+AklL2NVXr/IoSjNZFfTVvQWzL/AM2AOcSzYP2xjlb0AC8YyCLc41MSNf6P6QVtjgPdmVtzb+4lQ==
-  dependencies:
-    bn.js "^5.2.0"
-
-rollup-plugin-terser@^7.0.0:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz#e8fbba4869981b2dc35ae7e8a502d5c6c04d324d"
-  integrity sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==
-  dependencies:
-    "@babel/code-frame" "^7.10.4"
-    jest-worker "^26.2.1"
-    serialize-javascript "^4.0.0"
-    terser "^5.0.0"
-
-rollup@^2.43.1:
-  version "2.79.1"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.1.tgz#bedee8faef7c9f93a2647ac0108748f497f081c7"
-  integrity sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-rpc-websockets@^7.11.0:
-  version "7.11.0"
-  resolved "https://registry.yarnpkg.com/rpc-websockets/-/rpc-websockets-7.11.0.tgz#05451975963a7d1a4cf36d54e200bfc4402a56d7"
-  integrity sha512-IkLYjayPv6Io8C/TdCL5gwgzd1hFz2vmBZrjMw/SPEXo51ETOhnzgS4Qy5GWi2JQN7HKHa66J3+2mv0fgNh/7w==
-  dependencies:
-    eventemitter3 "^4.0.7"
-    uuid "^8.3.2"
-    ws "^8.5.0"
-  optionalDependencies:
-    bufferutil "^4.0.1"
-    utf-8-validate "^5.0.2"
-
-rtcpeerconnection-shim@^1.2.15:
-  version "1.2.15"
-  resolved "https://registry.yarnpkg.com/rtcpeerconnection-shim/-/rtcpeerconnection-shim-1.2.15.tgz#e7cc189a81b435324c4949aa3dfb51888684b243"
-  integrity sha512-C6DxhXt7bssQ1nHb154lqeL0SXz5Dx4RczXZu2Aa/L1NJFnEVDxFwCBo3fqtuljhHIGceg5JKBV4XJ0gW5JKyw==
-  dependencies:
-    sdp "^2.6.0"
-
-run-parallel@^1.1.9:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
-  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
-  dependencies:
-    queue-microtask "^1.2.2"
-
-rxjs@6, rxjs@^6.6.3:
-  version "6.6.7"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.7.tgz#90ac018acabf491bf65044235d5863c4dab804c9"
-  integrity sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==
-  dependencies:
-    tslib "^1.9.0"
-
-rxjs@^7.5.1, rxjs@^7.5.2, rxjs@^7.5.5, rxjs@^7.8.1:
-  version "7.8.1"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.1.tgz#6f6f3d99ea8044291efd92e7c7fcf562c4057543"
-  integrity sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==
-  dependencies:
-    tslib "^2.1.0"
-
-sade@^1.8.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/sade/-/sade-1.8.1.tgz#0a78e81d658d394887be57d2a409bf703a3b2701"
-  integrity sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==
-  dependencies:
-    mri "^1.1.0"
-
-safe-array-concat@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.2.tgz#81d77ee0c4e8b863635227c721278dd524c20edb"
-  integrity sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==
-  dependencies:
-    call-bind "^1.0.7"
-    get-intrinsic "^1.2.4"
-    has-symbols "^1.0.3"
-    isarray "^2.0.5"
-
-safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
-  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
-
-safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@^5.2.0, safe-buffer@^5.2.1, safe-buffer@~5.2.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
-  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
-
-safe-regex-test@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.3.tgz#a5b4c0f06e0ab50ea2c395c14d8371232924c377"
-  integrity sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==
-  dependencies:
-    call-bind "^1.0.6"
-    es-errors "^1.3.0"
-    is-regex "^1.1.4"
-
-safe-stable-stringify@^2.1.0:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/safe-stable-stringify/-/safe-stable-stringify-2.4.3.tgz#138c84b6f6edb3db5f8ef3ef7115b8f55ccbf886"
-  integrity sha512-e2bDA2WJT0wxseVd4lsDP4+3ONX6HpMXQa1ZhFQ7SU+GjvORCmShbCMltrtIDfkYhVHrOcPtj+KhmDBdPdZD1g==
-
-"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
-  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
-
-sass-loader@^12.4.0:
-  version "12.6.0"
-  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-12.6.0.tgz#5148362c8e2cdd4b950f3c63ac5d16dbfed37bcb"
-  integrity sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==
-  dependencies:
-    klona "^2.0.4"
-    neo-async "^2.6.2"
-
-sass@^1.58.3:
-  version "1.77.2"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.77.2.tgz#18d4ed2eefc260cdc8099c5439ec1303fd5863aa"
-  integrity sha512-eb4GZt1C3avsX3heBNlrc7I09nyT00IUuo4eFhAbeXWU2fvA7oXI53SxODVAA+zgZCk9aunAZgO+losjR3fAwA==
-  dependencies:
-    chokidar ">=3.0.0 <4.0.0"
-    immutable "^4.0.0"
-    source-map-js ">=0.6.2 <2.0.0"
-
-sax@>=0.6.0, sax@^1.2.4:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/sax/-/sax-1.3.0.tgz#a5dbe77db3be05c9d1ee7785dbd3ea9de51593d0"
-  integrity sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==
-
-sax@~1.2.4:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
-  integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
-
-saxes@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/saxes/-/saxes-6.0.0.tgz#fe5b4a4768df4f14a201b1ba6a65c1f3d9988cc5"
-  integrity sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==
-  dependencies:
-    xmlchars "^2.2.0"
-
-scheduler@^0.19.1:
-  version "0.19.1"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.19.1.tgz#4f3e2ed2c1a7d65681f4c854fa8c5a1ccb40f196"
-  integrity sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==
-  dependencies:
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-
-scheduler@^0.23.2:
-  version "0.23.2"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.2.tgz#414ba64a3b282892e944cf2108ecc078d115cdc3"
-  integrity sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==
-  dependencies:
-    loose-envify "^1.1.0"
-
-schema-utils@^3.0.0, schema-utils@^3.1.1, schema-utils@^3.2.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.3.0.tgz#f50a88877c3c01652a15b622ae9e9795df7a60fe"
-  integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
-  dependencies:
-    "@types/json-schema" "^7.0.8"
-    ajv "^6.12.5"
-    ajv-keywords "^3.5.2"
-
-schema-utils@^4.0.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.2.0.tgz#70d7c93e153a273a805801882ebd3bff20d89c8b"
-  integrity sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==
-  dependencies:
-    "@types/json-schema" "^7.0.9"
-    ajv "^8.9.0"
-    ajv-formats "^2.1.1"
-    ajv-keywords "^5.1.0"
-
-scrypt-js@3.0.1, scrypt-js@^3.0.0, scrypt-js@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/scrypt-js/-/scrypt-js-3.0.1.tgz#d314a57c2aef69d1ad98a138a21fe9eafa9ee312"
-  integrity sha512-cdwTTnqPu0Hyvf5in5asVdZocVDTNRmR7XEcJuIzMjJeSHybHl7vpB66AzwTaIg6CLSbtjcxc8fqcySfnTkccA==
-
-sdp@^2.12.0, sdp@^2.6.0:
-  version "2.12.0"
-  resolved "https://registry.yarnpkg.com/sdp/-/sdp-2.12.0.tgz#338a106af7560c86e4523f858349680350d53b22"
-  integrity sha512-jhXqQAQVM+8Xj5EjJGVweuEzgtGWb3tmEEpl3CLP3cStInSbVHSg0QWOGQzNq8pSID4JkpeV2mPqlMDLrm0/Vw==
-
-secp256k1@3.7.1:
-  version "3.7.1"
-  resolved "https://registry.yarnpkg.com/secp256k1/-/secp256k1-3.7.1.tgz#12e473e0e9a7c2f2d4d4818e722ad0e14cc1e2f1"
-  integrity sha512-1cf8sbnRreXrQFdH6qsg2H71Xw91fCCS9Yp021GnUNJzWJS/py96fS4lHbnTnouLp08Xj6jBoBB6V78Tdbdu5g==
-  dependencies:
-    bindings "^1.5.0"
-    bip66 "^1.1.5"
-    bn.js "^4.11.8"
-    create-hash "^1.2.0"
-    drbg.js "^1.0.1"
-    elliptic "^6.4.1"
-    nan "^2.14.0"
-    safe-buffer "^5.1.2"
-
-secp256k1@5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/secp256k1/-/secp256k1-5.0.0.tgz#be6f0c8c7722e2481e9773336d351de8cddd12f7"
-  integrity sha512-TKWX8xvoGHrxVdqbYeZM9w+izTF4b9z3NhSaDkdn81btvuh+ivbIMGT/zQvDtTFWhRlThpoz6LEYTr7n8A5GcA==
-  dependencies:
-    elliptic "^6.5.4"
-    node-addon-api "^5.0.0"
-    node-gyp-build "^4.2.0"
-
-secp256k1@^4.0.0, secp256k1@^4.0.1:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/secp256k1/-/secp256k1-4.0.3.tgz#c4559ecd1b8d3c1827ed2d1b94190d69ce267303"
-  integrity sha512-NLZVf+ROMxwtEj3Xa562qgv2BK5e2WNmXPiOdVIPLgs6lyTzMvBq0aWTYMI5XCP9jZMVKOcqZLw/Wc4vDkuxhA==
-  dependencies:
-    elliptic "^6.5.4"
-    node-addon-api "^2.0.0"
-    node-gyp-build "^4.2.0"
-
-"semver@2 || 3 || 4 || 5", semver@^5.6.0:
-  version "5.7.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
-  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
-
-semver@7.5.3:
-  version "7.5.3"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.3.tgz#161ce8c2c6b4b3bdca6caadc9fa3317a4c4fe88e"
-  integrity sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==
-  dependencies:
-    lru-cache "^6.0.0"
-
-semver@7.5.4:
-  version "7.5.4"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
-  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
-  dependencies:
-    lru-cache "^6.0.0"
-
-semver@^6.0.0, semver@^6.3.0, semver@^6.3.1:
-  version "6.3.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
-  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
-
-semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8, semver@^7.5.2, semver@^7.5.3, semver@^7.5.4, semver@^7.6.0:
-  version "7.6.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.2.tgz#1e3b34759f896e8f14d6134732ce798aeb0c6e13"
-  integrity sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==
-
-send@0.18.0:
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/send/-/send-0.18.0.tgz#670167cc654b05f5aa4a767f9113bb371bc706be"
-  integrity sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==
-  dependencies:
-    debug "2.6.9"
-    depd "2.0.0"
-    destroy "1.2.0"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    etag "~1.8.1"
-    fresh "0.5.2"
-    http-errors "2.0.0"
-    mime "1.6.0"
-    ms "2.1.3"
-    on-finished "2.4.1"
-    range-parser "~1.2.1"
-    statuses "2.0.1"
-
-serialize-javascript@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-4.0.0.tgz#b525e1238489a5ecfc42afacc3fe99e666f4b1aa"
-  integrity sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==
-  dependencies:
-    randombytes "^2.1.0"
-
-serialize-javascript@^6.0.1:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.2.tgz#defa1e055c83bf6d59ea805d8da862254eb6a6c2"
-  integrity sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==
-  dependencies:
-    randombytes "^2.1.0"
-
-serve-static@1.15.0:
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.15.0.tgz#faaef08cffe0a1a62f60cad0c4e513cff0ac9540"
-  integrity sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==
-  dependencies:
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    parseurl "~1.3.3"
-    send "0.18.0"
-
-servify@^0.1.12:
-  version "0.1.12"
-  resolved "https://registry.yarnpkg.com/servify/-/servify-0.1.12.tgz#142ab7bee1f1d033b66d0707086085b17c06db95"
-  integrity sha512-/xE6GvsKKqyo1BAY+KxOWXcLpPsUUyji7Qg3bVD7hh1eRze5bR1uYiuDA/k3Gof1s9BTzQZEJK8sNcNGFIzeWw==
-  dependencies:
-    body-parser "^1.16.0"
-    cors "^2.8.1"
-    express "^4.14.0"
-    request "^2.79.0"
-    xhr "^2.3.3"
-
-set-blocking@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
-  integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
-
-set-function-length@^1.2.1:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
-  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
-  dependencies:
-    define-data-property "^1.1.4"
-    es-errors "^1.3.0"
-    function-bind "^1.1.2"
-    get-intrinsic "^1.2.4"
-    gopd "^1.0.1"
-    has-property-descriptors "^1.0.2"
-
-set-function-name@^2.0.1, set-function-name@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.2.tgz#16a705c5a0dc2f5e638ca96d8a8cd4e1c2b90985"
-  integrity sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==
-  dependencies:
-    define-data-property "^1.1.4"
-    es-errors "^1.3.0"
-    functions-have-names "^1.2.3"
-    has-property-descriptors "^1.0.2"
-
-setimmediate@^1.0.4, setimmediate@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
-  integrity sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==
-
-setprototypeof@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
-  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
-
-sha.js@^2.4.0, sha.js@^2.4.11, sha.js@^2.4.8:
-  version "2.4.11"
-  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.11.tgz#37a5cf0b81ecbc6943de109ba2960d1b26584ae7"
-  integrity sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==
-  dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
-shallow-clone@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-3.0.1.tgz#8f2981ad92531f55035b01fb230769a40e02efa3"
-  integrity sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==
-  dependencies:
-    kind-of "^6.0.2"
-
-sharp@^0.33.3:
-  version "0.33.4"
-  resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.33.4.tgz#b88e6e843e095c6ab5e1a0c59c4885e580cd8405"
-  integrity sha512-7i/dt5kGl7qR4gwPRD2biwD2/SvBn3O04J77XKFgL2OnZtQw+AG9wnuS/csmu80nPRHLYE9E41fyEiG8nhH6/Q==
-  dependencies:
-    color "^4.2.3"
-    detect-libc "^2.0.3"
-    semver "^7.6.0"
-  optionalDependencies:
-    "@img/sharp-darwin-arm64" "0.33.4"
-    "@img/sharp-darwin-x64" "0.33.4"
-    "@img/sharp-libvips-darwin-arm64" "1.0.2"
-    "@img/sharp-libvips-darwin-x64" "1.0.2"
-    "@img/sharp-libvips-linux-arm" "1.0.2"
-    "@img/sharp-libvips-linux-arm64" "1.0.2"
-    "@img/sharp-libvips-linux-s390x" "1.0.2"
-    "@img/sharp-libvips-linux-x64" "1.0.2"
-    "@img/sharp-libvips-linuxmusl-arm64" "1.0.2"
-    "@img/sharp-libvips-linuxmusl-x64" "1.0.2"
-    "@img/sharp-linux-arm" "0.33.4"
-    "@img/sharp-linux-arm64" "0.33.4"
-    "@img/sharp-linux-s390x" "0.33.4"
-    "@img/sharp-linux-x64" "0.33.4"
-    "@img/sharp-linuxmusl-arm64" "0.33.4"
-    "@img/sharp-linuxmusl-x64" "0.33.4"
-    "@img/sharp-wasm32" "0.33.4"
-    "@img/sharp-win32-ia32" "0.33.4"
-    "@img/sharp-win32-x64" "0.33.4"
-
-shebang-command@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
-  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
-  dependencies:
-    shebang-regex "^3.0.0"
-
-shebang-regex@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
-  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
-
-side-channel@^1.0.4, side-channel@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.6.tgz#abd25fb7cd24baf45466406b1096b7831c9215f2"
-  integrity sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==
-  dependencies:
-    call-bind "^1.0.7"
-    es-errors "^1.3.0"
-    get-intrinsic "^1.2.4"
-    object-inspect "^1.13.1"
-
-signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
-  version "3.0.7"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
-  integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
-
-signal-exit@^4.0.1, signal-exit@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
-  integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
-
-simple-concat@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/simple-concat/-/simple-concat-1.0.1.tgz#f46976082ba35c2263f1c8ab5edfe26c41c9552f"
-  integrity sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==
-
-simple-get@^2.7.0:
-  version "2.8.2"
-  resolved "https://registry.yarnpkg.com/simple-get/-/simple-get-2.8.2.tgz#5708fb0919d440657326cd5fe7d2599d07705019"
-  integrity sha512-Ijd/rV5o+mSBBs4F/x9oDPtTx9Zb6X9brmnXvMW4J7IR15ngi9q5xxqWBKU744jTZiaXtxaPL7uHG6vtN8kUkw==
-  dependencies:
-    decompress-response "^3.3.0"
-    once "^1.3.1"
-    simple-concat "^1.0.0"
-
-simple-plist@^1.1.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/simple-plist/-/simple-plist-1.3.1.tgz#16e1d8f62c6c9b691b8383127663d834112fb017"
-  integrity sha512-iMSw5i0XseMnrhtIzRb7XpQEXepa9xhWxGUojHBL43SIpQuDQkh3Wpy67ZbDzZVr6EKxvwVChnVpdl8hEVLDiw==
-  dependencies:
-    bplist-creator "0.1.0"
-    bplist-parser "0.3.1"
-    plist "^3.0.5"
-
-simple-swizzle@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
-  integrity sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==
-  dependencies:
-    is-arrayish "^0.3.1"
-
-sirv@^1.0.7:
-  version "1.0.19"
-  resolved "https://registry.yarnpkg.com/sirv/-/sirv-1.0.19.tgz#1d73979b38c7fe91fcba49c85280daa9c2363b49"
-  integrity sha512-JuLThK3TnZG1TAKDwNIqNq6QA2afLOCcm+iE8D1Kj3GA40pSPsxQjjJl0J8X3tsR7T+CP1GavpzLwYkgVLWrZQ==
-  dependencies:
-    "@polka/url" "^1.0.0-next.20"
-    mrmime "^1.0.0"
-    totalist "^1.0.0"
-
-sisteransi@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
-  integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
-
-slash@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-2.0.0.tgz#de552851a1759df3a8f206535442f5ec4ddeab44"
-  integrity sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==
-
-slash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
-  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
-
-slash@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-5.1.0.tgz#be3adddcdf09ac38eebe8dcdc7b1a57a75b095ce"
-  integrity sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==
-
-slice-ansi@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-3.0.0.tgz#31ddc10930a1b7e0b67b08c96c2f49b77a789787"
-  integrity sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==
-  dependencies:
-    ansi-styles "^4.0.0"
-    astral-regex "^2.0.0"
-    is-fullwidth-code-point "^3.0.0"
-
-slice-ansi@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-4.0.0.tgz#500e8dd0fd55b05815086255b3195adf2a45fe6b"
-  integrity sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==
-  dependencies:
-    ansi-styles "^4.0.0"
-    astral-regex "^2.0.0"
-    is-fullwidth-code-point "^3.0.0"
-
-slugify@^1.3.4, slugify@^1.6.6:
-  version "1.6.6"
-  resolved "https://registry.yarnpkg.com/slugify/-/slugify-1.6.6.tgz#2d4ac0eacb47add6af9e04d3be79319cbcc7924b"
-  integrity sha512-h+z7HKHYXj6wJU+AnS/+IH8Uh9fdcX1Lrhg1/VMdf9PwoBQXFcXiAdsy2tSK0P6gKwJLXp02r90ahUCqHk9rrw==
-
-smart-buffer@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/smart-buffer/-/smart-buffer-4.2.0.tgz#6e1d71fa4f18c05f7d0ff216dd16a481d0e8d9ae"
-  integrity sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==
-
-socks-proxy-agent@6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/socks-proxy-agent/-/socks-proxy-agent-6.1.1.tgz#e664e8f1aaf4e1fb3df945f09e3d94f911137f87"
-  integrity sha512-t8J0kG3csjA4g6FTbsMOWws+7R7vuRC8aQ/wy3/1OWmsgwA68zs/+cExQ0koSitUDXqhufF/YJr9wtNMZHw5Ew==
-  dependencies:
-    agent-base "^6.0.2"
-    debug "^4.3.1"
-    socks "^2.6.1"
-
-socks@^2.6.1:
-  version "2.8.3"
-  resolved "https://registry.yarnpkg.com/socks/-/socks-2.8.3.tgz#1ebd0f09c52ba95a09750afe3f3f9f724a800cb5"
-  integrity sha512-l5x7VUUWbjVFbafGLxPWkYsHIhEvmF85tbIeFZWc8ZPtoMyybuEhL7Jye/ooC4/d48FgOjSJXgsF/AJPYCW8Zw==
-  dependencies:
-    ip-address "^9.0.5"
-    smart-buffer "^4.2.0"
-
-sonic-boom@^2.2.1:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/sonic-boom/-/sonic-boom-2.8.0.tgz#c1def62a77425090e6ad7516aad8eb402e047611"
-  integrity sha512-kuonw1YOYYNOve5iHdSahXPOK49GqwA+LZhI6Wz/l0rP57iKyXXIHaRagOBHAPmGwJC6od2Z9zgvZ5loSgMlVg==
-  dependencies:
-    atomic-sleep "^1.0.0"
-
-source-list-map@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
-  integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
-
-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2, source-map-js@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af"
-  integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==
-
-source-map-support@0.5.13:
-  version "0.5.13"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.13.tgz#31b24a9c2e73c2de85066c0feb7d44767ed52932"
-  integrity sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==
-  dependencies:
-    buffer-from "^1.0.0"
-    source-map "^0.6.0"
-
-source-map-support@^0.5.16, source-map-support@~0.5.20:
-  version "0.5.21"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
-  integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
-  dependencies:
-    buffer-from "^1.0.0"
-    source-map "^0.6.0"
-
-source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
-  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
-
-source-map@^0.5.7:
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
-  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
-
-source-map@^0.7.3:
-  version "0.7.4"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
-  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
-
-source-map@^0.8.0-beta.0:
-  version "0.8.0-beta.0"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.8.0-beta.0.tgz#d4c1bb42c3f7ee925f005927ba10709e0d1d1f11"
-  integrity sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==
-  dependencies:
-    whatwg-url "^7.0.0"
-
-sourcemap-codec@^1.4.8:
-  version "1.4.8"
-  resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
-  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
-
-space-separated-tokens@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz#1ecd9d2350a3844572c3f4a312bceb018348859f"
-  integrity sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==
-
-sparse-array@^1.3.1:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/sparse-array/-/sparse-array-1.3.2.tgz#0e1a8b71706d356bc916fe754ff496d450ec20b0"
-  integrity sha512-ZT711fePGn3+kQyLuv1fpd3rNSkNF8vd5Kv2D+qnOANeyKs3fx6bUMGWRPvgTTcYV64QMqZKZwcuaQSP3AZ0tg==
-
-spdx-correct@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.2.0.tgz#4f5ab0668f0059e34f9c00dce331784a12de4e9c"
-  integrity sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==
-  dependencies:
-    spdx-expression-parse "^3.0.0"
-    spdx-license-ids "^3.0.0"
-
-spdx-exceptions@^2.1.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz#5d607d27fc806f66d7b64a766650fa890f04ed66"
-  integrity sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==
-
-spdx-expression-parse@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz#cf70f50482eefdc98e3ce0a6833e4a53ceeba679"
-  integrity sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==
-  dependencies:
-    spdx-exceptions "^2.1.0"
-    spdx-license-ids "^3.0.0"
-
-spdx-license-ids@^3.0.0:
-  version "3.0.17"
-  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.17.tgz#887da8aa73218e51a1d917502d79863161a93f9c"
-  integrity sha512-sh8PWc/ftMqAAdFiBu6Fy6JUOYjqDJBJvIhpfDMyHrr0Rbp5liZqd4TjtQ/RgfLjKFZb+LMx5hpml5qOWy0qvg==
-
-split-on-first@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/split-on-first/-/split-on-first-1.1.0.tgz#f610afeee3b12bce1d0c30425e76398b78249a5f"
-  integrity sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==
-
-split2@^4.0.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/split2/-/split2-4.2.0.tgz#c9c5920904d148bab0b9f67145f245a86aadbfa4"
-  integrity sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==
-
-sprintf-js@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.3.tgz#4914b903a2f8b685d17fdf78a70e917e872e444a"
-  integrity sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==
-
-sprintf-js@~1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
-  integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
-
-sshpk@^1.14.1, sshpk@^1.7.0:
-  version "1.18.0"
-  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.18.0.tgz#1663e55cddf4d688b86a46b77f0d5fe363aba028"
-  integrity sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==
-  dependencies:
-    asn1 "~0.2.3"
-    assert-plus "^1.0.0"
-    bcrypt-pbkdf "^1.0.0"
-    dashdash "^1.12.0"
-    ecc-jsbn "~0.1.1"
-    getpass "^0.1.1"
-    jsbn "~0.1.0"
-    safer-buffer "^2.0.2"
-    tweetnacl "~0.14.0"
-
-stable@^0.1.8:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
-  integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
-
-stack-utils@^2.0.3:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.6.tgz#aaf0748169c02fc33c8232abccf933f54a1cc34f"
-  integrity sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==
-  dependencies:
-    escape-string-regexp "^2.0.0"
-
-stackframe@^1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.3.4.tgz#b881a004c8c149a5e8efef37d51b16e412943310"
-  integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==
-
-statuses@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
-  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
-
-std-env@^3.7.0:
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.7.0.tgz#c9f7386ced6ecf13360b6c6c55b8aaa4ef7481d2"
-  integrity sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg==
-
-stop-iteration-iterator@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz#6a60be0b4ee757d1ed5254858ec66b10c49285e4"
-  integrity sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==
-  dependencies:
-    internal-slot "^1.0.4"
-
-store2@^2.14.2:
-  version "2.14.3"
-  resolved "https://registry.yarnpkg.com/store2/-/store2-2.14.3.tgz#24077d7ba110711864e4f691d2af941ec533deb5"
-  integrity sha512-4QcZ+yx7nzEFiV4BMLnr/pRa5HYzNITX2ri0Zh6sT9EyQHbBHacC6YigllUPU9X3D0f/22QCgfokpKs52YRrUg==
-
-storybook@^8.0.6:
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/storybook/-/storybook-8.1.3.tgz#f047b2c945df1c98452bc5756203897e57baca78"
-  integrity sha512-djsH1nPnX3G84hWR/HmofrfiZ8mN7dyP7uDYkR8O2rd/pfZ3fMI6iaKKWL73Z+WGAiK2Ax9oSmaZSGwgS6k3Rg==
-  dependencies:
-    "@storybook/cli" "8.1.3"
-
-stream-browserify@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-3.0.0.tgz#22b0a2850cdf6503e73085da1fc7b7d0c2122f2f"
-  integrity sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==
-  dependencies:
-    inherits "~2.0.4"
-    readable-stream "^3.5.0"
-
-stream-buffers@2.2.x:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/stream-buffers/-/stream-buffers-2.2.0.tgz#91d5f5130d1cef96dcfa7f726945188741d09ee4"
-  integrity sha512-uyQK/mx5QjHun80FLJTfaWE7JtwfRMKBLkMne6udYOmvH0CawotVa7TfgYHzAnpphn4+TweIx1QKMnRIbipmUg==
-
-stream-http@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-3.2.0.tgz#1872dfcf24cb15752677e40e5c3f9cc1926028b5"
-  integrity sha512-Oq1bLqisTyK3TSCXpPbT4sdeYNdmyZJv1LxpEm2vu1ZhK89kSE5YXwZc3cWk0MagGaKriBh9mCFbVGtO+vY29A==
-  dependencies:
-    builtin-status-codes "^3.0.0"
-    inherits "^2.0.4"
-    readable-stream "^3.6.0"
-    xtend "^4.0.2"
-
-stream-shift@^1.0.0, stream-shift@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.3.tgz#85b8fab4d71010fc3ba8772e8046cc49b8a3864b"
-  integrity sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ==
-
-streamsearch@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/streamsearch/-/streamsearch-1.1.0.tgz#404dd1e2247ca94af554e841a8ef0eaa238da764"
-  integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==
-
-strict-uri-encode@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
-  integrity sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==
-
-strict-uri-encode@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz#b9c7330c7042862f6b142dc274bbcc5866ce3546"
-  integrity sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ==
-
-string-format@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/string-format/-/string-format-2.0.0.tgz#f2df2e7097440d3b65de31b6d40d54c96eaffb9b"
-  integrity sha512-bbEs3scLeYNXLecRRuk6uJxdXUSj6le/8rNPHChIJTn2V79aXVTR1EH2OH5zLKKoz0V02fOUKZZcw01pLUShZA==
-
-string-length@^4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.2.tgz#a8a8dc7bd5c1a82b9b3c8b87e125f66871b6e57a"
-  integrity sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==
-  dependencies:
-    char-regex "^1.0.2"
-    strip-ansi "^6.0.0"
-
-"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
-string-width@^5.0.1, string-width@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
-  integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
-  dependencies:
-    eastasianwidth "^0.2.0"
-    emoji-regex "^9.2.2"
-    strip-ansi "^7.0.1"
-
-string.prototype.matchall@^4.0.10, string.prototype.matchall@^4.0.6:
-  version "4.0.11"
-  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.11.tgz#1092a72c59268d2abaad76582dccc687c0297e0a"
-  integrity sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-    es-errors "^1.3.0"
-    es-object-atoms "^1.0.0"
-    get-intrinsic "^1.2.4"
-    gopd "^1.0.1"
-    has-symbols "^1.0.3"
-    internal-slot "^1.0.7"
-    regexp.prototype.flags "^1.5.2"
-    set-function-name "^2.0.2"
-    side-channel "^1.0.6"
-
-string.prototype.trim@^1.2.9:
-  version "1.2.9"
-  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz#b6fa326d72d2c78b6df02f7759c73f8f6274faa4"
-  integrity sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.0"
-    es-object-atoms "^1.0.0"
-
-string.prototype.trimend@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz#3651b8513719e8a9f48de7f2f77640b26652b229"
-  integrity sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-object-atoms "^1.0.0"
-
-string.prototype.trimstart@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz#7ee834dda8c7c17eff3118472bb35bfedaa34dde"
-  integrity sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-object-atoms "^1.0.0"
-
-string_decoder@^1.1.1, string_decoder@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
-  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
-  dependencies:
-    safe-buffer "~5.2.0"
-
-string_decoder@~0.10.x:
-  version "0.10.31"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94"
-  integrity sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ==
-
-string_decoder@~1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
-  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
-  dependencies:
-    safe-buffer "~5.1.0"
-
-stringify-object@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/stringify-object/-/stringify-object-3.3.0.tgz#703065aefca19300d3ce88af4f5b3956d7556629"
-  integrity sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==
-  dependencies:
-    get-own-enumerable-property-symbols "^3.0.0"
-    is-obj "^1.0.1"
-    is-regexp "^1.0.0"
-
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
-strip-ansi@^7.0.1, strip-ansi@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
-  integrity sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==
-  dependencies:
-    ansi-regex "^6.0.1"
-
-strip-bom@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
-  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
-
-strip-bom@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
-  integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
-
-strip-comments@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/strip-comments/-/strip-comments-2.0.1.tgz#4ad11c3fbcac177a67a40ac224ca339ca1c1ba9b"
-  integrity sha512-ZprKx+bBLXv067WTCALv8SSz5l2+XhpYCsVtSqlMnkAXMWDq+/ekVbl1ghqP9rUHTzv6sm/DwCOiYutU/yp1fw==
-
-strip-final-newline@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
-  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
-
-strip-final-newline@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-3.0.0.tgz#52894c313fbff318835280aed60ff71ebf12b8fd"
-  integrity sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==
-
-strip-hex-prefix@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/strip-hex-prefix/-/strip-hex-prefix-1.0.0.tgz#0c5f155fef1151373377de9dbb588da05500e36f"
-  integrity sha512-q8d4ue7JGEiVcypji1bALTos+0pWtyGlivAWyPuTkHzuTCJqrK9sWxYQZUq6Nq3cuyv3bm734IhHvHtGGURU6A==
-  dependencies:
-    is-hex-prefixed "1.0.0"
-
-strip-indent@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-3.0.0.tgz#c32e1cee940b6b3432c771bc2c54bcce73cd3001"
-  integrity sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==
-  dependencies:
-    min-indent "^1.0.0"
-
-strip-indent@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-4.0.0.tgz#b41379433dd06f5eae805e21d631e07ee670d853"
-  integrity sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==
-  dependencies:
-    min-indent "^1.0.1"
-
-strip-json-comments@^3.0.1, strip-json-comments@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
-  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
-
-sturdy-websocket@^0.1.12:
-  version "0.1.12"
-  resolved "https://registry.yarnpkg.com/sturdy-websocket/-/sturdy-websocket-0.1.12.tgz#84bb779f948b585a695f76961dc7d1c4a5e87629"
-  integrity sha512-PA7h8LdjaMoIlC5HAwLVzae4raGWgyroscV4oUpEiTtEFINcNa47/CKYT3e98o+FfsJgrclI2pYpaJrz0aaoew==
-  dependencies:
-    lodash.defaults "^4.2.0"
-
-style-loader@^3.3.1:
-  version "3.3.4"
-  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.4.tgz#f30f786c36db03a45cbd55b6a70d930c479090e7"
-  integrity sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==
-
-styled-jsx@5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.1.1.tgz#839a1c3aaacc4e735fed0781b8619ea5d0009d1f"
-  integrity sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==
-  dependencies:
-    client-only "0.0.1"
-
-stylis@4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.2.0.tgz#79daee0208964c8fe695a42fcffcac633a211a51"
-  integrity sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==
-
-stylus@^0.59.0:
-  version "0.59.0"
-  resolved "https://registry.yarnpkg.com/stylus/-/stylus-0.59.0.tgz#a344d5932787142a141946536d6e24e6a6be7aa6"
-  integrity sha512-lQ9w/XIOH5ZHVNuNbWW8D822r+/wBSO/d6XvtyHLF7LW4KaCIDeVbvn5DF8fGCJAUCwVhVi/h6J0NUcnylUEjg==
-  dependencies:
-    "@adobe/css-tools" "^4.0.1"
-    debug "^4.3.2"
-    glob "^7.1.6"
-    sax "~1.2.4"
-    source-map "^0.7.3"
-
-sucrase@3.34.0:
-  version "3.34.0"
-  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.34.0.tgz#1e0e2d8fcf07f8b9c3569067d92fbd8690fb576f"
-  integrity sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==
-  dependencies:
-    "@jridgewell/gen-mapping" "^0.3.2"
-    commander "^4.0.0"
-    glob "7.1.6"
-    lines-and-columns "^1.1.6"
-    mz "^2.7.0"
-    pirates "^4.0.1"
-    ts-interface-checker "^0.1.9"
-
-superstruct@^0.14.2:
-  version "0.14.2"
-  resolved "https://registry.yarnpkg.com/superstruct/-/superstruct-0.14.2.tgz#0dbcdf3d83676588828f1cf5ed35cda02f59025b"
-  integrity sha512-nPewA6m9mR3d6k7WkZ8N8zpTWfenFH3q9pA2PkuiZxINr9DKB2+40wEQf0ixn8VaGuJ78AB6iWOtStI+/4FKZQ==
-
-superstruct@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/superstruct/-/superstruct-1.0.4.tgz#0adb99a7578bd2f1c526220da6571b2d485d91ca"
-  integrity sha512-7JpaAoX2NGyoFlI9NBh66BQXGONc+uE+MRS5i2iOBKuS4e+ccgMDjATgZldkah+33DakBxDHiss9kvUcGAO8UQ==
-
-supports-color@^5.3.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
-  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
-  dependencies:
-    has-flag "^3.0.0"
-
-supports-color@^7.0.0, supports-color@^7.1.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
-  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
-  dependencies:
-    has-flag "^4.0.0"
-
-supports-color@^8.0.0, supports-color@^8.1.1:
-  version "8.1.1"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
-  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
-  dependencies:
-    has-flag "^4.0.0"
-
-supports-preserve-symlinks-flag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
-  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
-
-svelte-i18n@^3.3.13:
-  version "3.7.4"
-  resolved "https://registry.yarnpkg.com/svelte-i18n/-/svelte-i18n-3.7.4.tgz#6cf2c86075fd748bd8ca2de5762e43a596c7d189"
-  integrity sha512-yGRCNo+eBT4cPuU7IVsYTYjxB7I2V8qgUZPlHnNctJj5IgbJgV78flsRzpjZ/8iUYZrS49oCt7uxlU3AZv/N5Q==
-  dependencies:
-    cli-color "^2.0.3"
-    deepmerge "^4.2.2"
-    esbuild "^0.19.2"
-    estree-walker "^2"
-    intl-messageformat "^9.13.0"
-    sade "^1.8.1"
-    tiny-glob "^0.2.9"
-
-svelte@^3.49.0:
-  version "3.59.2"
-  resolved "https://registry.yarnpkg.com/svelte/-/svelte-3.59.2.tgz#a137b28e025a181292b2ae2e3dca90bf8ec73aec"
-  integrity sha512-vzSyuGr3eEoAtT/A6bmajosJZIUWySzY2CzB3w2pgPvnkUjGqlDnsNnA0PMO+mMAhuyMul6C2uuZzY6ELSkzyA==
-
-svg-parser@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.4.tgz#fdc2e29e13951736140b76cb122c8ee6630eb6b5"
-  integrity sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==
-
-svgo@^2.8.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/svgo/-/svgo-2.8.0.tgz#4ff80cce6710dc2795f0c7c74101e6764cfccd24"
-  integrity sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==
-  dependencies:
-    "@trysound/sax" "0.2.0"
-    commander "^7.2.0"
-    css-select "^4.1.3"
-    css-tree "^1.1.3"
-    csso "^4.2.0"
-    picocolors "^1.0.0"
-    stable "^0.1.8"
-
-swarm-js@^0.1.40:
-  version "0.1.42"
-  resolved "https://registry.yarnpkg.com/swarm-js/-/swarm-js-0.1.42.tgz#497995c62df6696f6e22372f457120e43e727979"
-  integrity sha512-BV7c/dVlA3R6ya1lMlSSNPLYrntt0LUq4YMgy3iwpCIc6rZnS5W2wUoctarZ5pXlpKtxDDf9hNziEkcfrxdhqQ==
-  dependencies:
-    bluebird "^3.5.0"
-    buffer "^5.0.5"
-    eth-lib "^0.1.26"
-    fs-extra "^4.0.2"
-    got "^11.8.5"
-    mime-types "^2.1.16"
-    mkdirp-promise "^5.0.1"
-    mock-fs "^4.1.0"
-    setimmediate "^1.0.5"
-    tar "^4.0.2"
-    xhr-request "^1.0.1"
-
-symbol-tree@^3.2.4:
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
-  integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
-
-system-architecture@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/system-architecture/-/system-architecture-0.1.0.tgz#71012b3ac141427d97c67c56bc7921af6bff122d"
-  integrity sha512-ulAk51I9UVUyJgxlv9M6lFot2WP3e7t8Kz9+IS6D4rVba1tR9kON+Ey69f+1R4Q8cd45Lod6a4IcJIxnzGc/zA==
-
-table-layout@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/table-layout/-/table-layout-1.0.2.tgz#c4038a1853b0136d63365a734b6931cf4fad4a04"
-  integrity sha512-qd/R7n5rQTRFi+Zf2sk5XVVd9UQl6ZkduPFC3S7WEGJAmetDTjY3qPN50eSKzwuzEyQKy5TN2TiZdkIjos2L6A==
-  dependencies:
-    array-back "^4.0.1"
-    deep-extend "~0.6.0"
-    typical "^5.2.0"
-    wordwrapjs "^4.0.0"
-
-tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0, tapable@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
-  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
-
-tar-fs@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.1.tgz#489a15ab85f1f0befabb370b7de4f9eb5cbe8784"
-  integrity sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==
-  dependencies:
-    chownr "^1.1.1"
-    mkdirp-classic "^0.5.2"
-    pump "^3.0.0"
-    tar-stream "^2.1.4"
-
-tar-stream@^2.1.4:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-2.2.0.tgz#acad84c284136b060dc3faa64474aa9aebd77287"
-  integrity sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==
-  dependencies:
-    bl "^4.0.3"
-    end-of-stream "^1.4.1"
-    fs-constants "^1.0.0"
-    inherits "^2.0.3"
-    readable-stream "^3.1.1"
-
-tar@^4.0.2:
-  version "4.4.19"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.19.tgz#2e4d7263df26f2b914dee10c825ab132123742f3"
-  integrity sha512-a20gEsvHnWe0ygBY8JbxoM4w3SJdhc7ZAuxkLqh+nvNQN2IOt0B5lLgM490X5Hl8FF0dl0tOf2ewFYAlIFgzVA==
-  dependencies:
-    chownr "^1.1.4"
-    fs-minipass "^1.2.7"
-    minipass "^2.9.0"
-    minizlib "^1.3.3"
-    mkdirp "^0.5.5"
-    safe-buffer "^5.2.1"
-    yallist "^3.1.1"
-
-tar@^6.2.0:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-6.2.1.tgz#717549c541bc3c2af15751bea94b1dd068d4b03a"
-  integrity sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==
-  dependencies:
-    chownr "^2.0.0"
-    fs-minipass "^2.0.0"
-    minipass "^5.0.0"
-    minizlib "^2.1.1"
-    mkdirp "^1.0.3"
-    yallist "^4.0.0"
-
-telejson@^7.2.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/telejson/-/telejson-7.2.0.tgz#3994f6c9a8f8d7f2dba9be2c7c5bbb447e876f32"
-  integrity sha512-1QTEcJkJEhc8OnStBx/ILRu5J2p0GjvWsBx56bmZRqnrkdBMUe+nX92jxV+p3dB4CP6PZCdJMQJwCggkNBMzkQ==
-  dependencies:
-    memoizerific "^1.11.3"
-
-temp-dir@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
-  integrity sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==
-
-temp@^0.8.4:
-  version "0.8.4"
-  resolved "https://registry.yarnpkg.com/temp/-/temp-0.8.4.tgz#8c97a33a4770072e0a05f919396c7665a7dd59f2"
-  integrity sha512-s0ZZzd0BzYv5tLSptZooSjK8oj6C+c19p7Vqta9+6NPOf7r+fxq0cJe6/oN4LTC79sy5NY8ucOJNgwsKCSbfqg==
-  dependencies:
-    rimraf "~2.6.2"
-
-tempy@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/tempy/-/tempy-0.6.0.tgz#65e2c35abc06f1124a97f387b08303442bde59f3"
-  integrity sha512-G13vtMYPT/J8A4X2SjdtBTphZlrp1gKv6hZiOjw14RCWg6GbHuQBGtjlx75xLbYV/wEc0D7G5K4rxKP/cXk8Bw==
-  dependencies:
-    is-stream "^2.0.0"
-    temp-dir "^2.0.0"
-    type-fest "^0.16.0"
-    unique-string "^2.0.0"
-
-tempy@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/tempy/-/tempy-1.0.1.tgz#30fe901fd869cfb36ee2bd999805aa72fbb035de"
-  integrity sha512-biM9brNqxSc04Ee71hzFbryD11nX7VPhQQY32AdDmjFvodsRFz/3ufeoTZ6uYkRFfGo188tENcASNs3vTdsM0w==
-  dependencies:
-    del "^6.0.0"
-    is-stream "^2.0.0"
-    temp-dir "^2.0.0"
-    type-fest "^0.16.0"
-    unique-string "^2.0.0"
-
-terser-webpack-plugin@5.3.9:
-  version "5.3.9"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz#832536999c51b46d468067f9e37662a3b96adfe1"
-  integrity sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==
-  dependencies:
-    "@jridgewell/trace-mapping" "^0.3.17"
-    jest-worker "^27.4.5"
-    schema-utils "^3.1.1"
-    serialize-javascript "^6.0.1"
-    terser "^5.16.8"
-
-terser-webpack-plugin@^5.3.1, terser-webpack-plugin@^5.3.10:
-  version "5.3.10"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz#904f4c9193c6fd2a03f693a2150c62a92f40d199"
-  integrity sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==
-  dependencies:
-    "@jridgewell/trace-mapping" "^0.3.20"
-    jest-worker "^27.4.5"
-    schema-utils "^3.1.1"
-    serialize-javascript "^6.0.1"
-    terser "^5.26.0"
-
-terser@^5.0.0, terser@^5.10.0, terser@^5.16.8, terser@^5.26.0:
-  version "5.31.0"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.31.0.tgz#06eef86f17007dbad4593f11a574c7f5eb02c6a1"
-  integrity sha512-Q1JFAoUKE5IMfI4Z/lkE/E6+SwgzO+x4tq4v1AyBLRj8VSYvRO6A/rQrPg1yud4g0En9EKI1TvFRF2tQFcoUkg==
-  dependencies:
-    "@jridgewell/source-map" "^0.3.3"
-    acorn "^8.8.2"
-    commander "^2.20.0"
-    source-map-support "~0.5.20"
-
-test-exclude@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
-  integrity sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==
-  dependencies:
-    "@istanbuljs/schema" "^0.1.2"
-    glob "^7.1.4"
-    minimatch "^3.0.4"
-
-text-encoding-utf-8@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/text-encoding-utf-8/-/text-encoding-utf-8-1.0.2.tgz#585b62197b0ae437e3c7b5d0af27ac1021e10d13"
-  integrity sha512-8bw4MY9WjdsD2aMtO0OzOCY3pXGYNx2d2FfHRVUKkiCPDWjKuOlhLVASS+pD7VkLTVjW268LYJHwsnPFlBpbAg==
-
-text-table@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
-  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
-
-thenify-all@^1.0.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
-  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
-  dependencies:
-    thenify ">= 3.1.0 < 4"
-
-"thenify@>= 3.1.0 < 4":
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
-  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
-  dependencies:
-    any-promise "^1.0.0"
-
-thread-stream@^0.15.1:
-  version "0.15.2"
-  resolved "https://registry.yarnpkg.com/thread-stream/-/thread-stream-0.15.2.tgz#fb95ad87d2f1e28f07116eb23d85aba3bc0425f4"
-  integrity sha512-UkEhKIg2pD+fjkHQKyJO3yoIvAP3N6RlNFt2dUhcS1FGvCD1cQa1M/PGknCLFIyZdtJOWQjejp7bdNqmN7zwdA==
-  dependencies:
-    real-require "^0.1.0"
-
-throttleit@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/throttleit/-/throttleit-1.0.1.tgz#304ec51631c3b770c65c6c6f76938b384000f4d5"
-  integrity sha512-vDZpf9Chs9mAdfY046mcPt8fg5QSZr37hEH4TXYBnDF+izxgrbRGUAAaBvIk/fJm9aOFCGFd1EsNg5AZCbnQCQ==
-
-through2@^2.0.3:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
-  integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
-  dependencies:
-    readable-stream "~2.3.6"
-    xtend "~4.0.1"
-
-through2@~0.4.1:
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/through2/-/through2-0.4.2.tgz#dbf5866031151ec8352bb6c4db64a2292a840b9b"
-  integrity sha512-45Llu+EwHKtAZYTPPVn3XZHBgakWMN3rokhEv5hu596XP+cNgplMg+Gj+1nmAvj+L0K7+N49zBKx5rah5u0QIQ==
-  dependencies:
-    readable-stream "~1.0.17"
-    xtend "~2.1.1"
-
-"through@>=2.2.7 <3", through@^2.3.8:
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
-  integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
-
-timed-out@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/timed-out/-/timed-out-4.0.1.tgz#f32eacac5a175bea25d7fab565ab3ed8741ef56f"
-  integrity sha512-G7r3AhovYtr5YKOWQkta8RKAPb+J9IsO4uVmzjl8AZwfhs8UcUwTiD6gcJYSgOtzyjvQKrKYn41syHbUWMkafA==
-
-timers-browserify@^2.0.12:
-  version "2.0.12"
-  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.12.tgz#44a45c11fbf407f34f97bccd1577c652361b00ee"
-  integrity sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==
-  dependencies:
-    setimmediate "^1.0.4"
-
-timers-ext@^0.1.7:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/timers-ext/-/timers-ext-0.1.7.tgz#6f57ad8578e07a3fb9f91d9387d65647555e25c6"
-  integrity sha512-b85NUNzTSdodShTIbky6ZF02e8STtVVfD+fu4aXXShEELpozH+bCpJLYMPZbsABN2wDH7fJpqIoXxJpzbf0NqQ==
-  dependencies:
-    es5-ext "~0.10.46"
-    next-tick "1"
-
-tiny-glob@^0.2.9:
-  version "0.2.9"
-  resolved "https://registry.yarnpkg.com/tiny-glob/-/tiny-glob-0.2.9.tgz#2212d441ac17928033b110f8b3640683129d31e2"
-  integrity sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==
-  dependencies:
-    globalyzer "0.1.0"
-    globrex "^0.1.2"
-
-tiny-invariant@^1.3.1, tiny-invariant@^1.3.3:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.3.3.tgz#46680b7a873a0d5d10005995eb90a70d74d60127"
-  integrity sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==
-
-tiny-secp256k1@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/tiny-secp256k1/-/tiny-secp256k1-1.1.6.tgz#7e224d2bee8ab8283f284e40e6b4acb74ffe047c"
-  integrity sha512-FmqJZGduTyvsr2cF3375fqGHUovSwDi/QytexX1Se4BPuPZpTE5Ftp5fg+EFSuEf3lhZqgCRjEG3ydUQ/aNiwA==
-  dependencies:
-    bindings "^1.3.0"
-    bn.js "^4.11.8"
-    create-hmac "^1.1.7"
-    elliptic "^6.4.0"
-    nan "^2.13.2"
-
-tinyspy@^2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/tinyspy/-/tinyspy-2.2.1.tgz#117b2342f1f38a0dbdcc73a50a454883adf861d1"
-  integrity sha512-KYad6Vy5VDWV4GH3fjpseMQ/XU2BhIYP7Vzd0LG44qRWm/Yt2WCOTicFdvmgo6gWaqooMQCawTtILVQJupKu7A==
-
-tmp@^0.0.33:
-  version "0.0.33"
-  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
-  integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==
-  dependencies:
-    os-tmpdir "~1.0.2"
-
-tmp@~0.2.1:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.2.3.tgz#eb783cc22bc1e8bebd0671476d46ea4eb32a79ae"
-  integrity sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==
-
-tmpl@1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
-  integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
-
-to-fast-properties@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
-  integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
-
-to-regex-range@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
-  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
-  dependencies:
-    is-number "^7.0.0"
-
-tocbot@^4.20.1:
-  version "4.28.0"
-  resolved "https://registry.yarnpkg.com/tocbot/-/tocbot-4.28.0.tgz#fb5ffb1e342d21d244404885d2f8ac33d37161c4"
-  integrity sha512-E1RJiEOBKxFvSezbPsFW3z+K7faYgcTp+LwBRpJj1bZ8XTAobh5Y9TaVjW6ND3mAc9BDOmqwhH7xpF4on6R++w==
-
-toidentifier@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
-  integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
-
-totalist@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/totalist/-/totalist-1.1.0.tgz#a4d65a3e546517701e3e5c37a47a70ac97fe56df"
-  integrity sha512-gduQwd1rOdDMGxFG1gEvhV88Oirdo2p+KjoYFU7k2g+i7n6AFFbDQ5kMPUsW0pNbfQsB/cwXvT1i4Bue0s9g5g==
-
-tough-cookie@^4.1.2, tough-cookie@^4.1.3:
-  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.4.tgz#945f1461b45b5a8c76821c33ea49c3ac192c1b36"
-  integrity sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==
-  dependencies:
-    psl "^1.1.33"
-    punycode "^2.1.1"
-    universalify "^0.2.0"
-    url-parse "^1.5.3"
-
-tough-cookie@~2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
-  integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==
-  dependencies:
-    psl "^1.1.28"
-    punycode "^2.1.1"
-
-tr46@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-1.0.1.tgz#a8b13fd6bfd2489519674ccde55ba3693b706d09"
-  integrity sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==
-  dependencies:
-    punycode "^2.1.0"
-
-tr46@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-2.1.0.tgz#fa87aa81ca5d5941da8cbf1f9b749dc969a4e240"
-  integrity sha512-15Ih7phfcdP5YxqiB+iDtLoaTz4Nd35+IiAv0kQ5FNKHzXgdWqPoTIqEDDJmXceQt4JZk6lVPT8lnDlPpGDppw==
-  dependencies:
-    punycode "^2.1.1"
-
-tr46@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-3.0.0.tgz#555c4e297a950617e8eeddef633c87d4d9d6cbf9"
-  integrity sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==
-  dependencies:
-    punycode "^2.1.1"
-
-tr46@~0.0.3:
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
-  integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
-
-trim-newlines@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-3.0.1.tgz#260a5d962d8b752425b32f3a7db0dcacd176c144"
-  integrity sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==
-
-"true-myth@^4.1.0":
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/true-myth/-/true-myth-4.1.1.tgz#ff4ac9d5130276e34aa338757e2416ec19248ba2"
-  integrity sha512-rqy30BSpxPznbbTcAcci90oZ1YR4DqvKcNXNerG5gQBU2v4jk0cygheiul5J6ExIMrgDVuanv/MkGfqZbKrNNg==
-
-ts-api-utils@^1.0.1, ts-api-utils@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.3.0.tgz#4b490e27129f1e8e686b45cc4ab63714dc60eea1"
-  integrity sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==
-
-ts-command-line-args@^2.2.0:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/ts-command-line-args/-/ts-command-line-args-2.5.1.tgz#e64456b580d1d4f6d948824c274cf6fa5f45f7f0"
-  integrity sha512-H69ZwTw3rFHb5WYpQya40YAX2/w7Ut75uUECbgBIsLmM+BNuYnxsltfyyLMxy6sEeKxgijLTnQtLd0nKd6+IYw==
-  dependencies:
-    chalk "^4.1.0"
-    command-line-args "^5.1.1"
-    command-line-usage "^6.1.0"
-    string-format "^2.0.0"
-
-ts-dedent@^2.0.0, ts-dedent@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/ts-dedent/-/ts-dedent-2.2.0.tgz#39e4bd297cd036292ae2394eb3412be63f563bb5"
-  integrity sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==
-
-ts-essentials@^7.0.1:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/ts-essentials/-/ts-essentials-7.0.3.tgz#686fd155a02133eedcc5362dc8b5056cde3e5a38"
-  integrity sha512-8+gr5+lqO3G84KdiTSMRLtuyJ+nTBVRKuCrK4lidMPdVeEp0uqC875uE5NMcaA7YYMN7XsNiFQuMvasF8HT/xQ==
-
-ts-interface-checker@^0.1.9:
-  version "0.1.13"
-  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
-  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
-
-ts-mixer@^6.0.3:
-  version "6.0.4"
-  resolved "https://registry.yarnpkg.com/ts-mixer/-/ts-mixer-6.0.4.tgz#1da39ceabc09d947a82140d9f09db0f84919ca28"
-  integrity sha512-ufKpbmrugz5Aou4wcr5Wc1UUFWOLhq+Fm6qa6P0w0K5Qw2yhaUoiWszhCVuNQyNwrlGiscHOmqYoAox1PtvgjA==
-
-ts-morph@^13.0.1:
-  version "13.0.3"
-  resolved "https://registry.yarnpkg.com/ts-morph/-/ts-morph-13.0.3.tgz#c0c51d1273ae2edb46d76f65161eb9d763444c1d"
-  integrity sha512-pSOfUMx8Ld/WUreoSzvMFQG5i9uEiWIsBYjpU9+TTASOeUa89j5HykomeqVULm1oqWtBdleI3KEFRLrlA3zGIw==
-  dependencies:
-    "@ts-morph/common" "~0.12.3"
-    code-block-writer "^11.0.0"
-
-ts-pnp@^1.1.6:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/ts-pnp/-/ts-pnp-1.2.0.tgz#a500ad084b0798f1c3071af391e65912c86bca92"
-  integrity sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==
-
-ts-prune@^0.10.3:
-  version "0.10.3"
-  resolved "https://registry.yarnpkg.com/ts-prune/-/ts-prune-0.10.3.tgz#b6c71a525543b38dcf947a7d3adfb7f9e8b91f38"
-  integrity sha512-iS47YTbdIcvN8Nh/1BFyziyUqmjXz7GVzWu02RaZXqb+e/3Qe1B7IQ4860krOeCGUeJmterAlaM2FRH0Ue0hjw==
-  dependencies:
-    commander "^6.2.1"
-    cosmiconfig "^7.0.1"
-    json5 "^2.1.3"
-    lodash "^4.17.21"
-    "true-myth" "^4.1.0"
-    ts-morph "^13.0.1"
-
-tsconfig-paths-webpack-plugin@^4.0.1:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/tsconfig-paths-webpack-plugin/-/tsconfig-paths-webpack-plugin-4.1.0.tgz#3c6892c5e7319c146eee1e7302ed9e6f2be4f763"
-  integrity sha512-xWFISjviPydmtmgeUAuXp4N1fky+VCtfhOkDUFIv5ea7p4wuTomI4QTrXvFBX2S4jZsmyTSrStQl+E+4w+RzxA==
-  dependencies:
-    chalk "^4.1.0"
-    enhanced-resolve "^5.7.0"
-    tsconfig-paths "^4.1.2"
-
-tsconfig-paths@^3.15.0:
-  version "3.15.0"
-  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4"
-  integrity sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==
-  dependencies:
-    "@types/json5" "^0.0.29"
-    json5 "^1.0.2"
-    minimist "^1.2.6"
-    strip-bom "^3.0.0"
-
-tsconfig-paths@^4.0.0, tsconfig-paths@^4.1.2, tsconfig-paths@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz#ef78e19039133446d244beac0fd6a1632e2d107c"
-  integrity sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==
-  dependencies:
-    json5 "^2.2.2"
-    minimist "^1.2.6"
-    strip-bom "^3.0.0"
-
-tslib@1.14.1, tslib@^1.13.0, tslib@^1.8.1, tslib@^1.9.0:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
-  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
-
-tslib@2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.0.tgz#7cecaa7f073ce680a05847aa77be941098f36dc3"
-  integrity sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==
-
-tslib@^2.0.0, tslib@^2.0.1, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.0, tslib@^2.3.1, tslib@^2.4.0:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
-  integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
-
-tsutils@^3.21.0:
-  version "3.21.0"
-  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
-  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
-  dependencies:
-    tslib "^1.8.1"
-
-tty-browserify@^0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.1.tgz#3f05251ee17904dfd0677546670db9651682b811"
-  integrity sha512-C3TaO7K81YvjCgQH9Q1S3R3P3BtN3RIM8n+OvX4il1K1zgE8ZhI0op7kClgkxtutIE8hQrcrHBXvIheqKUUCxw==
-
-tunnel-agent@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
-  integrity sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==
-  dependencies:
-    safe-buffer "^5.0.1"
-
-tween-functions@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/tween-functions/-/tween-functions-1.2.0.tgz#1ae3a50e7c60bb3def774eac707acbca73bbc3ff"
-  integrity sha512-PZBtLYcCLtEcjL14Fzb1gSxPBeL7nWvGhO5ZFPGqziCcr8uvHp0NDmdjBchp6KHL+tExcg0m3NISmKxhU394dA==
-
-tweetnacl-util@^0.15.1:
-  version "0.15.1"
-  resolved "https://registry.yarnpkg.com/tweetnacl-util/-/tweetnacl-util-0.15.1.tgz#b80fcdb5c97bcc508be18c44a4be50f022eea00b"
-  integrity sha512-RKJBIj8lySrShN4w6i/BonWp2Z/uxwC3h4y7xsRrpP59ZboCd0GpEVsOnMDYLMmKBpYhb5TgHzZXy7wTfYFBRw==
-
-tweetnacl@^0.14.3, tweetnacl@~0.14.0:
-  version "0.14.5"
-  resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
-  integrity sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==
-
-tweetnacl@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-1.0.3.tgz#ac0af71680458d8a6378d0d0d050ab1407d35596"
-  integrity sha512-6rt+RN7aOi1nGMyC4Xa5DdYiukl2UWCbcJft7YhxReBGQD7OAM8Pbxw6YMo4r2diNEA8FEmu32YOn9rhaiE5yw==
-
-type-check@^0.4.0, type-check@~0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
-  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
-  dependencies:
-    prelude-ls "^1.2.1"
-
-type-detect@4.0.8, type-detect@^4.0.0, type-detect@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
-  integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
-
-type-fest@^0.16.0:
-  version "0.16.0"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.16.0.tgz#3240b891a78b0deae910dbeb86553e552a148860"
-  integrity sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==
-
-type-fest@^0.18.0:
-  version "0.18.1"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.18.1.tgz#db4bc151a4a2cf4eebf9add5db75508db6cc841f"
-  integrity sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==
-
-type-fest@^0.20.2:
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
-  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
-
-type-fest@^0.21.3:
-  version "0.21.3"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
-  integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
-
-type-fest@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.6.0.tgz#8d2a2370d3df886eb5c90ada1c5bf6188acf838b"
-  integrity sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==
-
-type-fest@^0.8.1:
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
-  integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
-
-type-fest@^2.14.0, type-fest@^2.19.0, type-fest@~2.19:
-  version "2.19.0"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-2.19.0.tgz#88068015bb33036a598b952e55e9311a60fd3a9b"
-  integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==
-
-type-is@~1.6.18:
-  version "1.6.18"
-  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
-  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
-  dependencies:
-    media-typer "0.3.0"
-    mime-types "~2.1.24"
-
-type@^2.7.2:
-  version "2.7.2"
-  resolved "https://registry.yarnpkg.com/type/-/type-2.7.2.tgz#2376a15a3a28b1efa0f5350dcf72d24df6ef98d0"
-  integrity sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==
-
-typechain@^8.3.2:
-  version "8.3.2"
-  resolved "https://registry.yarnpkg.com/typechain/-/typechain-8.3.2.tgz#1090dd8d9c57b6ef2aed3640a516bdbf01b00d73"
-  integrity sha512-x/sQYr5w9K7yv3es7jo4KTX05CLxOf7TRWwoHlrjRh8H82G64g+k7VuWPJlgMo6qrjfCulOdfBjiaDtmhFYD/Q==
-  dependencies:
-    "@types/prettier" "^2.1.1"
-    debug "^4.3.1"
-    fs-extra "^7.0.0"
-    glob "7.1.7"
-    js-sha3 "^0.8.0"
-    lodash "^4.17.15"
-    mkdirp "^1.0.4"
-    prettier "^2.3.1"
-    ts-command-line-args "^2.2.0"
-    ts-essentials "^7.0.1"
-
-typed-array-buffer@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz#1867c5d83b20fcb5ccf32649e5e2fc7424474ff3"
-  integrity sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==
-  dependencies:
-    call-bind "^1.0.7"
-    es-errors "^1.3.0"
-    is-typed-array "^1.1.13"
-
-typed-array-byte-length@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz#d92972d3cff99a3fa2e765a28fcdc0f1d89dec67"
-  integrity sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==
-  dependencies:
-    call-bind "^1.0.7"
-    for-each "^0.3.3"
-    gopd "^1.0.1"
-    has-proto "^1.0.3"
-    is-typed-array "^1.1.13"
-
-typed-array-byte-offset@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz#f9ec1acb9259f395093e4567eb3c28a580d02063"
-  integrity sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==
-  dependencies:
-    available-typed-arrays "^1.0.7"
-    call-bind "^1.0.7"
-    for-each "^0.3.3"
-    gopd "^1.0.1"
-    has-proto "^1.0.3"
-    is-typed-array "^1.1.13"
-
-typed-array-length@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.6.tgz#57155207c76e64a3457482dfdc1c9d1d3c4c73a3"
-  integrity sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==
-  dependencies:
-    call-bind "^1.0.7"
-    for-each "^0.3.3"
-    gopd "^1.0.1"
-    has-proto "^1.0.3"
-    is-typed-array "^1.1.13"
-    possible-typed-array-names "^1.0.0"
-
-typedarray-to-buffer@^3.1.5:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
-  integrity sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==
-  dependencies:
-    is-typedarray "^1.0.0"
-
-typeforce@^1.18.0:
-  version "1.18.0"
-  resolved "https://registry.yarnpkg.com/typeforce/-/typeforce-1.18.0.tgz#d7416a2c5845e085034d70fcc5b6cc4a90edbfdc"
-  integrity sha512-7uc1O8h1M1g0rArakJdf0uLRSSgFcYexrVoKo+bzJd32gd4gDy2L/Z+8/FjPnU9ydY3pEnVPtr9FyscYY60K1g==
-
-typescript-plugin-css-modules@^4.2.2:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/typescript-plugin-css-modules/-/typescript-plugin-css-modules-4.2.3.tgz#c5ce99a6f0eea4f562bf4a673edaabf730f419d3"
-  integrity sha512-jEEP2oUPOqR89QGgvPK2HSTZLkrCeKZQ9EwiNxm9VUcufUbNY1Tv053fPKRq6c13PMQjlBU3WrQjKN8u0j5Y6w==
-  dependencies:
-    "@types/postcss-modules-local-by-default" "^4.0.0"
-    "@types/postcss-modules-scope" "^3.0.1"
-    dotenv "^16.0.3"
-    icss-utils "^5.1.0"
-    less "^4.1.3"
-    lodash.camelcase "^4.3.0"
-    postcss "^8.4.21"
-    postcss-load-config "^3.1.4"
-    postcss-modules-extract-imports "^3.0.0"
-    postcss-modules-local-by-default "^4.0.0"
-    postcss-modules-scope "^3.0.0"
-    reserved-words "^0.1.2"
-    sass "^1.58.3"
-    source-map-js "^1.0.2"
-    stylus "^0.59.0"
-    tsconfig-paths "^4.1.2"
-
-typescript@^4.6.2:
-  version "4.9.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a"
-  integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
-
-typescript@^5.4.5:
-  version "5.4.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.4.5.tgz#42ccef2c571fdbd0f6718b1d1f5e6e5ef006f611"
-  integrity sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==
-
-typeson-registry@^1.0.0-alpha.20:
-  version "1.0.0-alpha.39"
-  resolved "https://registry.yarnpkg.com/typeson-registry/-/typeson-registry-1.0.0-alpha.39.tgz#9e0f5aabd5eebfcffd65a796487541196f4b1211"
-  integrity sha512-NeGDEquhw+yfwNhguLPcZ9Oj0fzbADiX4R0WxvoY8nGhy98IbzQy1sezjoEFWOywOboj/DWehI+/aUlRVrJnnw==
-  dependencies:
-    base64-arraybuffer-es6 "^0.7.0"
-    typeson "^6.0.0"
-    whatwg-url "^8.4.0"
-
-typeson@^6.0.0, typeson@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/typeson/-/typeson-6.1.0.tgz#5b2a53705a5f58ff4d6f82f965917cabd0d7448b"
-  integrity sha512-6FTtyGr8ldU0pfbvW/eOZrEtEkczHRUtduBnA90Jh9kMPCiFNnXIon3vF41N0S4tV1HHQt4Hk1j4srpESziCaA==
-
-typical@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/typical/-/typical-4.0.0.tgz#cbeaff3b9d7ae1e2bbfaf5a4e6f11eccfde94fc4"
-  integrity sha512-VAH4IvQ7BDFYglMd7BPRDfLgxZZX4O4TFcRDA6EN5X7erNJJq+McIEp8np9aVtxrCJ6qx4GTYVfOWNjcqwZgRw==
-
-typical@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/typical/-/typical-5.2.0.tgz#4daaac4f2b5315460804f0acf6cb69c52bb93066"
-  integrity sha512-dvdQgNDNJo+8B2uBQoqdb11eUCE1JQXhvjC/CZtgvZseVd5TYMXnq0+vuUemXbd/Se29cTaUuPX3YIc2xgbvIg==
-
-u2f-api@0.2.7:
-  version "0.2.7"
-  resolved "https://registry.yarnpkg.com/u2f-api/-/u2f-api-0.2.7.tgz#17bf196b242f6bf72353d9858e6a7566cc192720"
-  integrity sha512-fqLNg8vpvLOD5J/z4B6wpPg4Lvowz1nJ9xdHcCzdUPKcFE/qNCceV2gNZxSJd5vhAZemHr/K/hbzVA0zxB5mkg==
-
-ua-parser-js@^1.0.37:
-  version "1.0.37"
-  resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-1.0.37.tgz#b5dc7b163a5c1f0c510b08446aed4da92c46373f"
-  integrity sha512-bhTyI94tZofjo+Dn8SN6Zv8nBDvyXTymAdM3LDI/0IboIUwTu1rEhW7v2TfiVsoYWgkQ4kOVqnI8APUFbIQIFQ==
-
-ufo@^1.4.0, ufo@^1.5.3:
-  version "1.5.3"
-  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.5.3.tgz#3325bd3c977b6c6cd3160bf4ff52989adc9d3344"
-  integrity sha512-Y7HYmWaFwPUmkoQCUIAYpKqkOf+SbVj/2fJJZ4RJMCfZp0rTGwRbzQD+HghfnhKOjL9E01okqz+ncJskGYfBNw==
-
-uglify-js@^3.1.4:
-  version "3.17.4"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.17.4.tgz#61678cf5fa3f5b7eb789bb345df29afb8257c22c"
-  integrity sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==
-
-uint8arrays@3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/uint8arrays/-/uint8arrays-3.1.0.tgz#8186b8eafce68f28bd29bd29d683a311778901e2"
-  integrity sha512-ei5rfKtoRO8OyOIor2Rz5fhzjThwIHJZ3uyDPnDHTXbP0aMQ1RN/6AI5B5d9dBxJOU+BvOAk7ZQ1xphsX8Lrog==
-  dependencies:
-    multiformats "^9.4.2"
-
-uint8arrays@^2.0.5, uint8arrays@^2.1.2:
-  version "2.1.10"
-  resolved "https://registry.yarnpkg.com/uint8arrays/-/uint8arrays-2.1.10.tgz#34d023c843a327c676e48576295ca373c56e286a"
-  integrity sha512-Q9/hhJa2836nQfEJSZTmr+pg9+cDJS9XEAp7N2Vg5MzL3bK/mkMVfjscRGYruP9jNda6MAdf4QD/y78gSzkp6A==
-  dependencies:
-    multiformats "^9.4.2"
-
-uint8arrays@^3.0.0, uint8arrays@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/uint8arrays/-/uint8arrays-3.1.1.tgz#2d8762acce159ccd9936057572dade9459f65ae0"
-  integrity sha512-+QJa8QRnbdXVpHYjLoTpJIdCTiw9Ir62nocClWuXIq2JIh4Uta0cQsTSpFL678p2CN8B+XSApwcU+pQEqVpKWg==
-  dependencies:
-    multiformats "^9.4.2"
-
-ultron@~1.1.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/ultron/-/ultron-1.1.1.tgz#9fe1536a10a664a65266a1e3ccf85fd36302bc9c"
-  integrity sha512-UIEXBNeYmKptWH6z8ZnqTeS8fV74zG0/eRU9VGkpzz+LIJNs8W/zM/L+7ctCkRrgbNnnR0xxw4bKOr0cW0N0Og==
-
-unbox-primitive@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
-  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
-  dependencies:
-    call-bind "^1.0.2"
-    has-bigints "^1.0.2"
-    has-symbols "^1.0.3"
-    which-boxed-primitive "^1.0.2"
-
-uncrypto@^0.1.3:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/uncrypto/-/uncrypto-0.1.3.tgz#e1288d609226f2d02d8d69ee861fa20d8348ef2b"
-  integrity sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==
-
-undici-types@~5.26.4:
-  version "5.26.5"
-  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617"
-  integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==
-
-undici@5.28.4:
-  version "5.28.4"
-  resolved "https://registry.yarnpkg.com/undici/-/undici-5.28.4.tgz#6b280408edb6a1a604a9b20340f45b422e373068"
-  integrity sha512-72RFADWFqKmUb2hmmvNODKL3p9hcB6Gt2DOQMis1SEBaV6a4MH8soBvzg+95CYhCKPFedut2JY9bMfrDl9D23g==
-  dependencies:
-    "@fastify/busboy" "^2.0.0"
-
-unenv@^1.9.0:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/unenv/-/unenv-1.9.0.tgz#469502ae85be1bd3a6aa60f810972b1a904ca312"
-  integrity sha512-QKnFNznRxmbOF1hDgzpqrlIf6NC5sbZ2OJ+5Wl3OX8uM+LUJXbj4TXvLJCtwbPTmbMHCLIz6JLKNinNsMShK9g==
-  dependencies:
-    consola "^3.2.3"
-    defu "^6.1.3"
-    mime "^3.0.0"
-    node-fetch-native "^1.6.1"
-    pathe "^1.1.1"
-
-unfetch@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/unfetch/-/unfetch-4.2.0.tgz#7e21b0ef7d363d8d9af0fb929a5555f6ef97a3be"
-  integrity sha512-F9p7yYCn6cIW9El1zi0HI6vqpeIvBsr3dSuRO6Xuppb1u5rXpCPmMvLSyECLhybr9isec8Ohl0hPekMVrEinDA==
-
-unicode-canonical-property-names-ecmascript@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
-  integrity sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==
-
-unicode-match-property-ecmascript@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz#54fd16e0ecb167cf04cf1f756bdcc92eba7976c3"
-  integrity sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==
-  dependencies:
-    unicode-canonical-property-names-ecmascript "^2.0.0"
-    unicode-property-aliases-ecmascript "^2.0.0"
-
-unicode-match-property-value-ecmascript@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz#cb5fffdcd16a05124f5a4b0bf7c3770208acbbe0"
-  integrity sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==
-
-unicode-property-aliases-ecmascript@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz#43d41e3be698bd493ef911077c9b131f827e8ccd"
-  integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
-
-unicorn-magic@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/unicorn-magic/-/unicorn-magic-0.1.0.tgz#1bb9a51c823aaf9d73a8bfcd3d1a23dde94b0ce4"
-  integrity sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==
-
-unique-string@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d"
-  integrity sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==
-  dependencies:
-    crypto-random-string "^2.0.0"
-
-unist-util-is@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-6.0.0.tgz#b775956486aff107a9ded971d996c173374be424"
-  integrity sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==
-  dependencies:
-    "@types/unist" "^3.0.0"
-
-unist-util-visit-parents@^6.0.0:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz#4d5f85755c3b8f0dc69e21eca5d6d82d22162815"
-  integrity sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==
-  dependencies:
-    "@types/unist" "^3.0.0"
-    unist-util-is "^6.0.0"
-
-unist-util-visit@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-5.0.0.tgz#a7de1f31f72ffd3519ea71814cccf5fd6a9217d6"
-  integrity sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==
-  dependencies:
-    "@types/unist" "^3.0.0"
-    unist-util-is "^6.0.0"
-    unist-util-visit-parents "^6.0.0"
-
-universalify@^0.1.0:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
-  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
-
-universalify@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"
-  integrity sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==
-
-universalify@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d"
-  integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==
-
-unpipe@1.0.0, unpipe@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
-  integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
-
-unplugin@^1.3.1:
-  version "1.10.1"
-  resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-1.10.1.tgz#8ceda065dc71bc67d923dea0920f05c67f2cd68c"
-  integrity sha512-d6Mhq8RJeGA8UfKCu54Um4lFA0eSaRa3XxdAJg8tIdxbu1ubW0hBCZUL7yI2uGyYCRndvbK8FLHzqy2XKfeMsg==
-  dependencies:
-    acorn "^8.11.3"
-    chokidar "^3.6.0"
-    webpack-sources "^3.2.3"
-    webpack-virtual-modules "^0.6.1"
-
-unstorage@^1.9.0:
-  version "1.10.2"
-  resolved "https://registry.yarnpkg.com/unstorage/-/unstorage-1.10.2.tgz#fb7590ada8b30e83be9318f85100158b02a76dae"
-  integrity sha512-cULBcwDqrS8UhlIysUJs2Dk0Mmt8h7B0E6mtR+relW9nZvsf/u4SkAYyNliPiPW7XtFNb5u3IUMkxGxFTTRTgQ==
-  dependencies:
-    anymatch "^3.1.3"
-    chokidar "^3.6.0"
-    destr "^2.0.3"
-    h3 "^1.11.1"
-    listhen "^1.7.2"
-    lru-cache "^10.2.0"
-    mri "^1.2.0"
-    node-fetch-native "^1.6.2"
-    ofetch "^1.3.3"
-    ufo "^1.4.0"
-
-untildify@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/untildify/-/untildify-4.0.0.tgz#2bc947b953652487e4600949fb091e3ae8cd919b"
-  integrity sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==
-
-untun@^0.1.3:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/untun/-/untun-0.1.3.tgz#5d10dee37a3a5737ff03d158be877dae0a0e58a6"
-  integrity sha512-4luGP9LMYszMRZwsvyUd9MrxgEGZdZuZgpVQHEEX0lCYFESasVRvZd0EYpCkOIbJKHMuv0LskpXc/8Un+MJzEQ==
-  dependencies:
-    citty "^0.1.5"
-    consola "^3.2.3"
-    pathe "^1.1.1"
-
-upath@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
-  integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
-
-update-browserslist-db@^1.0.13:
-  version "1.0.16"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.16.tgz#f6d489ed90fb2f07d67784eb3f53d7891f736356"
-  integrity sha512-KVbTxlBYlckhF5wgfyZXTWnMn7MMZjMu9XG8bPlliUOP9ThaF4QnhP8qrjrH7DRzHfSk0oQv1wToW+iA5GajEQ==
-  dependencies:
-    escalade "^3.1.2"
-    picocolors "^1.0.1"
-
-uqr@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/uqr/-/uqr-0.1.2.tgz#5c6cd5dcff9581f9bb35b982cb89e2c483a41d7d"
-  integrity sha512-MJu7ypHq6QasgF5YRTjqscSzQp/W11zoUk6kvmlH+fmWEs63Y0Eib13hYFwAzagRJcVY8WVnlV+eBDUGMJ5IbA==
-
-uri-js@^4.2.2, uri-js@^4.4.1:
-  version "4.4.1"
-  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
-  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
-  dependencies:
-    punycode "^2.1.0"
-
-url-parse@^1.5.3:
-  version "1.5.10"
-  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
-  integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
-  dependencies:
-    querystringify "^2.1.1"
-    requires-port "^1.0.0"
-
-url-set-query@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/url-set-query/-/url-set-query-1.0.0.tgz#016e8cfd7c20ee05cafe7795e892bd0702faa339"
-  integrity sha512-3AChu4NiXquPfeckE5R5cGdiHCMWJx1dwCWOmWIL4KHAziJNOFIYJlpGFeKDvwLPHovZRCxK3cYlwzqI9Vp+Gg==
-
-url@^0.11.0:
-  version "0.11.3"
-  resolved "https://registry.yarnpkg.com/url/-/url-0.11.3.tgz#6f495f4b935de40ce4a0a52faee8954244f3d3ad"
-  integrity sha512-6hxOLGfZASQK/cijlZnZJTq8OXAkt/3YGfQX45vvMYXpZoo8NdWZcY73K108Jf759lS1Bv/8wXnHDTSz17dSRw==
-  dependencies:
-    punycode "^1.4.1"
-    qs "^6.11.2"
-
-usb@^2.11.0:
-  version "2.12.1"
-  resolved "https://registry.yarnpkg.com/usb/-/usb-2.12.1.tgz#f7a68ddb1314d56758e3e3b1265bc467922a9503"
-  integrity sha512-hgtoSQUFuMXVJBApelpUTiX7ZB83MQCbYeHTBsHftA2JG7YZ76ycwIgKQhkhKqVY76C8K6xJscHpF7Ep0eG3pQ==
-  dependencies:
-    "@types/w3c-web-usb" "^1.0.6"
-    node-addon-api "^7.0.0"
-    node-gyp-build "^4.5.0"
-
-use-callback-ref@^1.3.0:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/use-callback-ref/-/use-callback-ref-1.3.2.tgz#6134c7f6ff76e2be0b56c809b17a650c942b1693"
-  integrity sha512-elOQwe6Q8gqZgDA8mrh44qRTQqpIHDcZ3hXTLjBe1i4ph8XpNJnO+aQf3NaG+lriLopI4HMx9VjQLfPQ6vhnoA==
-  dependencies:
-    tslib "^2.0.0"
-
-use-sidecar@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/use-sidecar/-/use-sidecar-1.1.2.tgz#2f43126ba2d7d7e117aa5855e5d8f0276dfe73c2"
-  integrity sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==
-  dependencies:
-    detect-node-es "^1.1.0"
-    tslib "^2.0.0"
-
-use-sync-external-store@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"
-  integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==
-
-use-sync-external-store@^1.0.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.2.tgz#c3b6390f3a30eba13200d2302dcdf1e7b57b2ef9"
-  integrity sha512-PElTlVMwpblvbNqQ82d2n6RjStvdSoNe9FG28kNfz3WiXilJm4DdNkEzRhCZuIDwY8U08WVihhGR5iRqAwfDiw==
-
-utf-8-validate@^5.0.2:
-  version "5.0.10"
-  resolved "https://registry.yarnpkg.com/utf-8-validate/-/utf-8-validate-5.0.10.tgz#d7d10ea39318171ca982718b6b96a8d2442571a2"
-  integrity sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==
-  dependencies:
-    node-gyp-build "^4.3.0"
-
-utf8@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/utf8/-/utf8-3.0.0.tgz#f052eed1364d696e769ef058b183df88c87f69d1"
-  integrity sha512-E8VjFIQ/TyQgp+TZfS6l8yp/xWppSAHzidGiRrqe4bK4XP9pTRyKFgGJpO3SN7zdX4DeomTrwaseCHovfpFcqQ==
-
-util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
-  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
-
-util@^0.12.4, util@^0.12.5:
-  version "0.12.5"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.12.5.tgz#5f17a6059b73db61a875668781a1c2b136bd6fbc"
-  integrity sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==
-  dependencies:
-    inherits "^2.0.3"
-    is-arguments "^1.0.4"
-    is-generator-function "^1.0.7"
-    is-typed-array "^1.1.3"
-    which-typed-array "^1.1.2"
-
-utila@~0.4:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
-  integrity sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==
-
-utility-types@^3.10.0:
-  version "3.11.0"
-  resolved "https://registry.yarnpkg.com/utility-types/-/utility-types-3.11.0.tgz#607c40edb4f258915e901ea7995607fdf319424c"
-  integrity sha512-6Z7Ma2aVEWisaL6TvBCy7P8rm2LQoPv6dJ7ecIaIixHcwfbJ0x7mWdbcwlIM5IGQxPZSFYeqRCqlOOeKoJYMkw==
-
-utils-merge@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
-  integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
-
-uuid@^3.3.2:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
-  integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
-
-uuid@^7.0.3:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-7.0.3.tgz#c5c9f2c8cf25dc0a372c4df1441c41f5bd0c680b"
-  integrity sha512-DPSke0pXhTZgoF/d+WSt2QaKMCFSfx7QegxEWT+JOuHF5aWrKEn0G+ztjuJg/gG8/ItK+rbPCD/yNv8yyih6Cg==
-
-uuid@^8.3.2:
-  version "8.3.2"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
-  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
-
-uuid@^9.0.0, uuid@^9.0.1:
-  version "9.0.1"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-9.0.1.tgz#e188d4c8853cc722220392c424cd637f32293f30"
-  integrity sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==
-
-v8-to-istanbul@^9.0.1:
-  version "9.2.0"
-  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.2.0.tgz#2ed7644a245cddd83d4e087b9b33b3e62dfd10ad"
-  integrity sha512-/EH/sDgxU2eGxajKdwLCDmQ4FWq+kpi3uCmBGpw1xJtnAxEjlD8j8PEiGWpCIMIs3ciNAgH0d3TTJiUkYzyZjA==
-  dependencies:
-    "@jridgewell/trace-mapping" "^0.3.12"
-    "@types/istanbul-lib-coverage" "^2.0.1"
-    convert-source-map "^2.0.0"
-
-validate-npm-package-license@^3.0.1:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
-  integrity sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==
-  dependencies:
-    spdx-correct "^3.0.0"
-    spdx-expression-parse "^3.0.0"
-
-valtio@1.11.2:
-  version "1.11.2"
-  resolved "https://registry.yarnpkg.com/valtio/-/valtio-1.11.2.tgz#b8049c02dfe65620635d23ebae9121a741bb6530"
-  integrity sha512-1XfIxnUXzyswPAPXo1P3Pdx2mq/pIqZICkWN60Hby0d9Iqb+MEIpqgYVlbflvHdrp2YR/q3jyKWRPJJ100yxaw==
-  dependencies:
-    proxy-compare "2.5.1"
-    use-sync-external-store "1.2.0"
-
-varint@^5.0.0, varint@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/varint/-/varint-5.0.2.tgz#5b47f8a947eb668b848e034dcfa87d0ff8a7f7a4"
-  integrity sha512-lKxKYG6H03yCZUpAGOPOsMcGxd1RHCu1iKvEHYDPmTyq2HueGhD73ssNBqqQWfvYs04G9iUFRvmAVLW20Jw6ow==
-
-varint@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/varint/-/varint-6.0.0.tgz#9881eb0ce8feaea6512439d19ddf84bf551661d0"
-  integrity sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==
-
-varuint-bitcoin@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/varuint-bitcoin/-/varuint-bitcoin-1.1.2.tgz#e76c138249d06138b480d4c5b40ef53693e24e92"
-  integrity sha512-4EVb+w4rx+YfVM32HQX42AbbT7/1f5zwAYhIujKXKk8NQK+JfRVl3pqT3hjNn/L+RstigmGGKVwHA/P0wgITZw==
-  dependencies:
-    safe-buffer "^5.1.1"
-
-vary@^1, vary@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
-  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
-
-verror@1.10.0:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
-  integrity sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==
-  dependencies:
-    assert-plus "^1.0.0"
-    core-util-is "1.0.2"
-    extsprintf "^1.2.0"
-
-viem@^2.1.1:
-  version "2.13.8"
-  resolved "https://registry.yarnpkg.com/viem/-/viem-2.13.8.tgz#d6aaeecc84e5ee5cac1566f103ed4cf0335ef811"
-  integrity sha512-JX8dOrCJKazNVs7YAahXnX+NANp0nlK16GyYjtQXILnar1daCPsLy4uzKgZDBVBD6DdRP2lsbPfo4X7QX3q5EQ==
-  dependencies:
-    "@adraffy/ens-normalize" "1.10.0"
-    "@noble/curves" "1.2.0"
-    "@noble/hashes" "1.3.2"
-    "@scure/bip32" "1.3.2"
-    "@scure/bip39" "1.2.1"
-    abitype "1.0.0"
-    isows "1.0.4"
-    ws "8.13.0"
-
-vm-browserify@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
-  integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
-
-w3c-xmlserializer@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073"
-  integrity sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==
-  dependencies:
-    xml-name-validator "^4.0.0"
-
-walker@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
-  integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
-  dependencies:
-    makeerror "1.0.12"
-
-warning@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3"
-  integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==
-  dependencies:
-    loose-envify "^1.0.0"
-
-watchpack@^2.2.0, watchpack@^2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.1.tgz#29308f2cac150fa8e4c92f90e0ec954a9fed7fff"
-  integrity sha512-8wrBCMtVhqcXP2Sup1ctSkga6uc2Bx0IIvKyT7yTFier5AXHooSI+QyQQAtTb7+E0IUCCKyTFmXqdqgum2XWGg==
-  dependencies:
-    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.1.2"
-
-wcwidth@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"
-  integrity sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==
-  dependencies:
-    defaults "^1.0.3"
-
-web3-bzz@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-bzz/-/web3-bzz-1.10.4.tgz#dcc787970767d9004c73d11d0eeef774ce16b880"
-  integrity sha512-ZZ/X4sJ0Uh2teU9lAGNS8EjveEppoHNQiKlOXAjedsrdWuaMErBPdLQjXfcrYvN6WM6Su9PMsAxf3FXXZ+HwQw==
-  dependencies:
-    "@types/node" "^12.12.6"
-    got "12.1.0"
-    swarm-js "^0.1.40"
-
-web3-core-helpers@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-core-helpers/-/web3-core-helpers-1.10.4.tgz#bd2b4140df2016d5dd3bb2b925fc29ad8678677c"
-  integrity sha512-r+L5ylA17JlD1vwS8rjhWr0qg7zVoVMDvWhajWA5r5+USdh91jRUYosp19Kd1m2vE034v7Dfqe1xYRoH2zvG0g==
-  dependencies:
-    web3-eth-iban "1.10.4"
-    web3-utils "1.10.4"
-
-web3-core-method@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-core-method/-/web3-core-method-1.10.4.tgz#566b52f006d3cbb13b21b72b8d2108999bf5d6bf"
-  integrity sha512-uZTb7flr+Xl6LaDsyTeE2L1TylokCJwTDrIVfIfnrGmnwLc6bmTWCCrm71sSrQ0hqs6vp/MKbQYIYqUN0J8WyA==
-  dependencies:
-    "@ethersproject/transactions" "^5.6.2"
-    web3-core-helpers "1.10.4"
-    web3-core-promievent "1.10.4"
-    web3-core-subscriptions "1.10.4"
-    web3-utils "1.10.4"
-
-web3-core-promievent@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-core-promievent/-/web3-core-promievent-1.10.4.tgz#629b970b7934430b03c5033c79f3bb3893027e22"
-  integrity sha512-2de5WnJQ72YcIhYwV/jHLc4/cWJnznuoGTJGD29ncFQHAfwW/MItHFSVKPPA5v8AhJe+r6y4Y12EKvZKjQVBvQ==
-  dependencies:
-    eventemitter3 "4.0.4"
-
-web3-core-requestmanager@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-core-requestmanager/-/web3-core-requestmanager-1.10.4.tgz#eb1f147e6b9df84e3a37e602162f8925bdb4bb9a"
-  integrity sha512-vqP6pKH8RrhT/2MoaU+DY/OsYK9h7HmEBNCdoMj+4ZwujQtw/Mq2JifjwsJ7gits7Q+HWJwx8q6WmQoVZAWugg==
-  dependencies:
-    util "^0.12.5"
-    web3-core-helpers "1.10.4"
-    web3-providers-http "1.10.4"
-    web3-providers-ipc "1.10.4"
-    web3-providers-ws "1.10.4"
-
-web3-core-subscriptions@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-core-subscriptions/-/web3-core-subscriptions-1.10.4.tgz#2f4dcb404237e92802a563265d11a33934dc38e6"
-  integrity sha512-o0lSQo/N/f7/L76C0HV63+S54loXiE9fUPfHFcTtpJRQNDBVsSDdWRdePbWwR206XlsBqD5VHApck1//jEafTw==
-  dependencies:
-    eventemitter3 "4.0.4"
-    web3-core-helpers "1.10.4"
-
-web3-core@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-core/-/web3-core-1.10.4.tgz#639de68b8b9871d2dc8892e0dd4e380cb1361a98"
-  integrity sha512-B6elffYm81MYZDTrat7aEhnhdtVE3lDBUZft16Z8awYMZYJDbnykEbJVS+l3mnA7AQTnSDr/1MjWofGDLBJPww==
-  dependencies:
-    "@types/bn.js" "^5.1.1"
-    "@types/node" "^12.12.6"
-    bignumber.js "^9.0.0"
-    web3-core-helpers "1.10.4"
-    web3-core-method "1.10.4"
-    web3-core-requestmanager "1.10.4"
-    web3-utils "1.10.4"
-
-web3-core@^1.10.3:
-  version "1.10.3"
-  resolved "https://registry.yarnpkg.com/web3-core/-/web3-core-1.10.3.tgz#4aeb8f4b0cb5775d9fa4edf1127864743f1c3ae3"
-  integrity sha512-Vbk0/vUNZxJlz3RFjAhNNt7qTpX8yE3dn3uFxfX5OHbuon5u65YEOd3civ/aQNW745N0vGUlHFNxxmn+sG9DIw==
-  dependencies:
-    "@types/bn.js" "^5.1.1"
-    "@types/node" "^12.12.6"
-    bignumber.js "^9.0.0"
-    web3-core-helpers "1.10.3"
-    web3-core-method "1.10.3"
-    web3-core-requestmanager "1.10.3"
-    web3-utils "1.10.3"
-
-web3-eth-abi@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-eth-abi/-/web3-eth-abi-1.10.4.tgz#16c19d0bde0aaf8c1a56cb7743a83156d148d798"
-  integrity sha512-cZ0q65eJIkd/jyOlQPDjr8X4fU6CRL1eWgdLwbWEpo++MPU/2P4PFk5ZLAdye9T5Sdp+MomePPJ/gHjLMj2VfQ==
-  dependencies:
-    "@ethersproject/abi" "^5.6.3"
-    web3-utils "1.10.4"
-
-web3-eth-accounts@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-eth-accounts/-/web3-eth-accounts-1.10.4.tgz#df30e85a7cd70e475f8cf52361befba408829e34"
-  integrity sha512-ysy5sVTg9snYS7tJjxVoQAH6DTOTkRGR8emEVCWNGLGiB9txj+qDvSeT0izjurS/g7D5xlMAgrEHLK1Vi6I3yg==
-  dependencies:
-    "@ethereumjs/common" "2.6.5"
-    "@ethereumjs/tx" "3.5.2"
-    "@ethereumjs/util" "^8.1.0"
-    eth-lib "0.2.8"
-    scrypt-js "^3.0.1"
-    uuid "^9.0.0"
-    web3-core "1.10.4"
-    web3-core-helpers "1.10.4"
-    web3-core-method "1.10.4"
-    web3-utils "1.10.4"
-
-web3-eth-contract@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-eth-contract/-/web3-eth-contract-1.10.4.tgz#22d39f04e11d9ff4e726e8025a56d78e843a2c3d"
-  integrity sha512-Q8PfolOJ4eV9TvnTj1TGdZ4RarpSLmHnUnzVxZ/6/NiTfe4maJz99R0ISgwZkntLhLRtw0C7LRJuklzGYCNN3A==
-  dependencies:
-    "@types/bn.js" "^5.1.1"
-    web3-core "1.10.4"
-    web3-core-helpers "1.10.4"
-    web3-core-method "1.10.4"
-    web3-core-promievent "1.10.4"
-    web3-core-subscriptions "1.10.4"
-    web3-eth-abi "1.10.4"
-    web3-utils "1.10.4"
-
-web3-eth-ens@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-eth-ens/-/web3-eth-ens-1.10.4.tgz#3d991adac52bc8e598f1f1b8528337fa6291004c"
-  integrity sha512-LLrvxuFeVooRVZ9e5T6OWKVflHPFgrVjJ/jtisRWcmI7KN/b64+D/wJzXqgmp6CNsMQcE7rpmf4CQmJCrTdsgg==
-  dependencies:
-    content-hash "^2.5.2"
-    eth-ens-namehash "2.0.8"
-    web3-core "1.10.4"
-    web3-core-helpers "1.10.4"
-    web3-core-promievent "1.10.4"
-    web3-eth-abi "1.10.4"
-    web3-eth-contract "1.10.4"
-    web3-utils "1.10.4"
-
-web3-eth-iban@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-eth-iban/-/web3-eth-iban-1.10.4.tgz#bc61b4a1930d19b1df8762c606d669902558e54d"
-  integrity sha512-0gE5iNmOkmtBmbKH2aTodeompnNE8jEyvwFJ6s/AF6jkw9ky9Op9cqfzS56AYAbrqEFuClsqB/AoRves7LDELw==
-  dependencies:
-    bn.js "^5.2.1"
-    web3-utils "1.10.4"
-
-web3-eth-personal@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-eth-personal/-/web3-eth-personal-1.10.4.tgz#e2ee920f47e84848288e03442659cdbb2c4deea2"
-  integrity sha512-BRa/hs6jU1hKHz+AC/YkM71RP3f0Yci1dPk4paOic53R4ZZG4MgwKRkJhgt3/GPuPliwS46f/i5A7fEGBT4F9w==
-  dependencies:
-    "@types/node" "^12.12.6"
-    web3-core "1.10.4"
-    web3-core-helpers "1.10.4"
-    web3-core-method "1.10.4"
-    web3-net "1.10.4"
-    web3-utils "1.10.4"
-
-web3-eth@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-eth/-/web3-eth-1.10.4.tgz#3a908c635cb5d935bd30473e452f3bd7f2ee66a5"
-  integrity sha512-Sql2kYKmgt+T/cgvg7b9ce24uLS7xbFrxE4kuuor1zSCGrjhTJ5rRNG8gTJUkAJGKJc7KgnWmgW+cOfMBPUDSA==
-  dependencies:
-    web3-core "1.10.4"
-    web3-core-helpers "1.10.4"
-    web3-core-method "1.10.4"
-    web3-core-subscriptions "1.10.4"
-    web3-eth-abi "1.10.4"
-    web3-eth-accounts "1.10.4"
-    web3-eth-contract "1.10.4"
-    web3-eth-ens "1.10.4"
-    web3-eth-iban "1.10.4"
-    web3-eth-personal "1.10.4"
-    web3-net "1.10.4"
-    web3-utils "1.10.4"
-
-web3-net@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-net/-/web3-net-1.10.4.tgz#20e12c60e4477d4298979d8d5d66b9abf8e66a09"
-  integrity sha512-mKINnhOOnZ4koA+yV2OT5s5ztVjIx7IY9a03w6s+yao/BUn+Luuty0/keNemZxTr1E8Ehvtn28vbOtW7Ids+Ow==
-  dependencies:
-    web3-core "1.10.4"
-    web3-core-method "1.10.4"
-    web3-utils "1.10.4"
-
-web3-providers-http@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-providers-http/-/web3-providers-http-1.10.4.tgz#ca7aa58aeaf8123500c24ffe0595896319f830e8"
-  integrity sha512-m2P5Idc8hdiO0l60O6DSCPw0kw64Zgi0pMjbEFRmxKIck2Py57RQMu4bxvkxJwkF06SlGaEQF8rFZBmuX7aagQ==
-  dependencies:
-    abortcontroller-polyfill "^1.7.5"
-    cross-fetch "^4.0.0"
-    es6-promise "^4.2.8"
-    web3-core-helpers "1.10.4"
-
-web3-providers-ipc@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-providers-ipc/-/web3-providers-ipc-1.10.4.tgz#2e03437909e4e7771d646ff05518efae44b783c3"
-  integrity sha512-YRF/bpQk9z3WwjT+A6FI/GmWRCASgd+gC0si7f9zbBWLXjwzYAKG73bQBaFRAHex1hl4CVcM5WUMaQXf3Opeuw==
-  dependencies:
-    oboe "2.1.5"
-    web3-core-helpers "1.10.4"
-
-web3-providers-ws@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-providers-ws/-/web3-providers-ws-1.10.4.tgz#55d0c3ba36c6a79d105f02e20a707eb3978e7f82"
-  integrity sha512-j3FBMifyuFFmUIPVQR4pj+t5ILhAexAui0opgcpu9R5LxQrLRUZxHSnU+YO25UycSOa/NAX8A+qkqZNpcFAlxA==
-  dependencies:
-    eventemitter3 "4.0.4"
-    web3-core-helpers "1.10.4"
-    websocket "^1.0.32"
-
-web3-shh@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-shh/-/web3-shh-1.10.4.tgz#9852d6f3d05678e31e49235a60fea10ca7a9e21d"
-  integrity sha512-cOH6iFFM71lCNwSQrC3niqDXagMqrdfFW85hC9PFUrAr3PUrIem8TNstTc3xna2bwZeWG6OBy99xSIhBvyIACw==
-  dependencies:
-    web3-core "1.10.4"
-    web3-core-method "1.10.4"
-    web3-core-subscriptions "1.10.4"
-    web3-net "1.10.4"
-
-web3-utils@1.10.4:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3-utils/-/web3-utils-1.10.4.tgz#0daee7d6841641655d8b3726baf33b08eda1cbec"
-  integrity sha512-tsu8FiKJLk2PzhDl9fXbGUWTkkVXYhtTA+SmEFkKft+9BgwLxfCRpU96sWv7ICC8zixBNd3JURVoiR3dUXgP8A==
-  dependencies:
-    "@ethereumjs/util" "^8.1.0"
-    bn.js "^5.2.1"
-    ethereum-bloom-filters "^1.0.6"
-    ethereum-cryptography "^2.1.2"
-    ethjs-unit "0.1.6"
-    number-to-bn "1.7.0"
-    randombytes "^2.1.0"
-    utf8 "3.0.0"
-
-web3-utils@^1.10.3:
-  version "1.10.3"
-  resolved "https://registry.yarnpkg.com/web3-utils/-/web3-utils-1.10.3.tgz#f1db99c82549c7d9f8348f04ffe4e0188b449714"
-  integrity sha512-OqcUrEE16fDBbGoQtZXWdavsPzbGIDc5v3VrRTZ0XrIpefC/viZ1ZU9bGEemazyS0catk/3rkOOxpzTfY+XsyQ==
-  dependencies:
-    "@ethereumjs/util" "^8.1.0"
-    bn.js "^5.2.1"
-    ethereum-bloom-filters "^1.0.6"
-    ethereum-cryptography "^2.1.2"
-    ethjs-unit "0.1.6"
-    number-to-bn "1.7.0"
-    randombytes "^2.1.0"
-    utf8 "3.0.0"
-
-web3@^1.10.3:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/web3/-/web3-1.10.4.tgz#5d5e59b976eaf758b060fe1a296da5fe87bdc79c"
-  integrity sha512-kgJvQZjkmjOEKimx/tJQsqWfRDPTTcBfYPa9XletxuHLpHcXdx67w8EFn5AW3eVxCutE9dTVHgGa9VYe8vgsEA==
-  dependencies:
-    web3-bzz "1.10.4"
-    web3-core "1.10.4"
-    web3-eth "1.10.4"
-    web3-eth-personal "1.10.4"
-    web3-net "1.10.4"
-    web3-shh "1.10.4"
-    web3-utils "1.10.4"
-
-webidl-conversions@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
-  integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
-
-webidl-conversions@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
-  integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
-
-webidl-conversions@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
-  integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
-
-webidl-conversions@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
-  integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
-
-webpack-bundle-analyzer@4.7.0:
-  version "4.7.0"
-  resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.7.0.tgz#33c1c485a7fcae8627c547b5c3328b46de733c66"
-  integrity sha512-j9b8ynpJS4K+zfO5GGwsAcQX4ZHpWV+yRiHDiL+bE0XHJ8NiPYLTNVQdlFYWxtpg9lfAQNlwJg16J9AJtFSXRg==
-  dependencies:
-    acorn "^8.0.4"
-    acorn-walk "^8.0.0"
-    chalk "^4.1.0"
-    commander "^7.2.0"
-    gzip-size "^6.0.0"
-    lodash "^4.17.20"
-    opener "^1.5.2"
-    sirv "^1.0.7"
-    ws "^7.3.1"
-
-webpack-dev-middleware@^6.1.2:
-  version "6.1.3"
-  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-6.1.3.tgz#79f4103f8c898564c9e96c3a9c2422de50f249bc"
-  integrity sha512-A4ChP0Qj8oGociTs6UdlRUGANIGrCDL3y+pmQMc+dSsraXHCatFpmMey4mYELA+juqwUqwQsUgJJISXl1KWmiw==
-  dependencies:
-    colorette "^2.0.10"
-    memfs "^3.4.12"
-    mime-types "^2.1.31"
-    range-parser "^1.2.1"
-    schema-utils "^4.0.0"
-
-webpack-hot-middleware@^2.25.1:
-  version "2.26.1"
-  resolved "https://registry.yarnpkg.com/webpack-hot-middleware/-/webpack-hot-middleware-2.26.1.tgz#87214f1e3f9f3acab9271fef9e6ed7b637d719c0"
-  integrity sha512-khZGfAeJx6I8K9zKohEWWYN6KDlVw2DHownoe+6Vtwj1LP9WFgegXnVMSkZ/dBEBtXFwrkkydsaPFlB7f8wU2A==
-  dependencies:
-    ansi-html-community "0.0.8"
-    html-entities "^2.1.0"
-    strip-ansi "^6.0.0"
-
-webpack-sources@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
-  integrity sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==
-  dependencies:
-    source-list-map "^2.0.0"
-    source-map "~0.6.1"
-
-webpack-sources@^3.2.3:
-  version "3.2.3"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
-  integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
-
-webpack-virtual-modules@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/webpack-virtual-modules/-/webpack-virtual-modules-0.5.0.tgz#362f14738a56dae107937ab98ea7062e8bdd3b6c"
-  integrity sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==
-
-webpack-virtual-modules@^0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/webpack-virtual-modules/-/webpack-virtual-modules-0.6.1.tgz#ac6fdb9c5adb8caecd82ec241c9631b7a3681b6f"
-  integrity sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==
-
-webpack@5, webpack@^5.88.2:
-  version "5.91.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.91.0.tgz#ffa92c1c618d18c878f06892bbdc3373c71a01d9"
-  integrity sha512-rzVwlLeBWHJbmgTC/8TvAcu5vpJNII+MelQpylD4jNERPwpBJOE2lEcko1zJX3QJeLjTTAnQxn/OJ8bjDzVQaw==
-  dependencies:
-    "@types/eslint-scope" "^3.7.3"
-    "@types/estree" "^1.0.5"
-    "@webassemblyjs/ast" "^1.12.1"
-    "@webassemblyjs/wasm-edit" "^1.12.1"
-    "@webassemblyjs/wasm-parser" "^1.12.1"
-    acorn "^8.7.1"
-    acorn-import-assertions "^1.9.0"
-    browserslist "^4.21.10"
-    chrome-trace-event "^1.0.2"
-    enhanced-resolve "^5.16.0"
-    es-module-lexer "^1.2.1"
-    eslint-scope "5.1.1"
-    events "^3.2.0"
-    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.2.11"
-    json-parse-even-better-errors "^2.3.1"
-    loader-runner "^4.2.0"
-    mime-types "^2.1.27"
-    neo-async "^2.6.2"
-    schema-utils "^3.2.0"
-    tapable "^2.1.1"
-    terser-webpack-plugin "^5.3.10"
-    watchpack "^2.4.1"
-    webpack-sources "^3.2.3"
-
-webrtc-adapter@^7.2.1:
-  version "7.7.1"
-  resolved "https://registry.yarnpkg.com/webrtc-adapter/-/webrtc-adapter-7.7.1.tgz#b2c227a6144983b35057df67bd984a7d4bfd17f1"
-  integrity sha512-TbrbBmiQBL9n0/5bvDdORc6ZfRY/Z7JnEj+EYOD1ghseZdpJ+nF2yx14k3LgQKc7JZnG7HAcL+zHnY25So9d7A==
-  dependencies:
-    rtcpeerconnection-shim "^1.2.15"
-    sdp "^2.12.0"
-
-websocket-driver@>=0.5.1:
-  version "0.7.4"
-  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
-  integrity sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==
-  dependencies:
-    http-parser-js ">=0.5.1"
-    safe-buffer ">=5.1.0"
-    websocket-extensions ">=0.1.1"
-
-websocket-extensions@>=0.1.1:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
-  integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
-
-websocket@^1.0.32:
-  version "1.0.35"
-  resolved "https://registry.yarnpkg.com/websocket/-/websocket-1.0.35.tgz#374197207d7d4cc4c36cbf8a1bb886ee52a07885"
-  integrity sha512-/REy6amwPZl44DDzvRCkaI1q1bIiQB0mEFQLUrhz3z2EK91cp3n72rAjUlrTP0zV22HJIUOVHQGPxhFRjxjt+Q==
-  dependencies:
-    bufferutil "^4.0.1"
-    debug "^2.2.0"
-    es5-ext "^0.10.63"
-    typedarray-to-buffer "^3.1.5"
-    utf-8-validate "^5.0.2"
-    yaeti "^0.0.6"
-
-whatwg-encoding@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz#e7635f597fd87020858626805a2729fa7698ac53"
-  integrity sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==
-  dependencies:
-    iconv-lite "0.6.3"
-
-whatwg-mimetype@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
-  integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
-
-whatwg-url@^11.0.0:
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-11.0.0.tgz#0a849eebb5faf2119b901bb76fd795c2848d4018"
-  integrity sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==
-  dependencies:
-    tr46 "^3.0.0"
-    webidl-conversions "^7.0.0"
-
-whatwg-url@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
-  integrity sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==
-  dependencies:
-    tr46 "~0.0.3"
-    webidl-conversions "^3.0.0"
-
-whatwg-url@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-7.1.0.tgz#c2c492f1eca612988efd3d2266be1b9fc6170d06"
-  integrity sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==
-  dependencies:
-    lodash.sortby "^4.7.0"
-    tr46 "^1.0.1"
-    webidl-conversions "^4.0.2"
-
-whatwg-url@^8.4.0:
-  version "8.7.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.7.0.tgz#656a78e510ff8f3937bc0bcbe9f5c0ac35941b77"
-  integrity sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==
-  dependencies:
-    lodash "^4.7.0"
-    tr46 "^2.1.0"
-    webidl-conversions "^6.1.0"
-
-which-boxed-primitive@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
-  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
-  dependencies:
-    is-bigint "^1.0.1"
-    is-boolean-object "^1.1.0"
-    is-number-object "^1.0.4"
-    is-string "^1.0.5"
-    is-symbol "^1.0.3"
-
-which-builtin-type@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.1.3.tgz#b1b8443707cc58b6e9bf98d32110ff0c2cbd029b"
-  integrity sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==
-  dependencies:
-    function.prototype.name "^1.1.5"
-    has-tostringtag "^1.0.0"
-    is-async-function "^2.0.0"
-    is-date-object "^1.0.5"
-    is-finalizationregistry "^1.0.2"
-    is-generator-function "^1.0.10"
-    is-regex "^1.1.4"
-    is-weakref "^1.0.2"
-    isarray "^2.0.5"
-    which-boxed-primitive "^1.0.2"
-    which-collection "^1.0.1"
-    which-typed-array "^1.1.9"
-
-which-collection@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.2.tgz#627ef76243920a107e7ce8e96191debe4b16c2a0"
-  integrity sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==
-  dependencies:
-    is-map "^2.0.3"
-    is-set "^2.0.3"
-    is-weakmap "^2.0.2"
-    is-weakset "^2.0.3"
-
-which-module@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.1.tgz#776b1fe35d90aebe99e8ac15eb24093389a4a409"
-  integrity sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==
-
-which-typed-array@^1.1.13, which-typed-array@^1.1.14, which-typed-array@^1.1.15, which-typed-array@^1.1.2, which-typed-array@^1.1.9:
-  version "1.1.15"
-  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.15.tgz#264859e9b11a649b388bfaaf4f767df1f779b38d"
-  integrity sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==
-  dependencies:
-    available-typed-arrays "^1.0.7"
-    call-bind "^1.0.7"
-    for-each "^0.3.3"
-    gopd "^1.0.1"
-    has-tostringtag "^1.0.2"
-
-which@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
-  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
-  dependencies:
-    isexe "^2.0.0"
-
-wif@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/wif/-/wif-4.0.0.tgz#598d4659f361b1d2a8aed13214783fa374b4b146"
-  integrity sha512-kADznC+4AFJNXpT8rLhbsfI7EmAcorc5nWvAdKUchGmwXEBD3n55q0/GZ3DBmc6auAvuTSsr/utiKizuXdNYOQ==
-  dependencies:
-    bs58check "^3.0.1"
-
-word-wrap@^1.2.5:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
-  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
-
-wordwrap@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
-  integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
-
-wordwrapjs@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/wordwrapjs/-/wordwrapjs-4.0.1.tgz#d9790bccfb110a0fc7836b5ebce0937b37a8b98f"
-  integrity sha512-kKlNACbvHrkpIw6oPeYDSmdCTu2hdMHoyXLTcUKala++lx5Y+wjJ/e474Jqv5abnVmwxw08DiTuHmw69lJGksA==
-  dependencies:
-    reduce-flatten "^2.0.0"
-    typical "^5.2.0"
-
-workbox-background-sync@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-background-sync/-/workbox-background-sync-7.0.0.tgz#2b84b96ca35fec976e3bd2794b70e4acec46b3a5"
-  integrity sha512-S+m1+84gjdueM+jIKZ+I0Lx0BDHkk5Nu6a3kTVxP4fdj3gKouRNmhO8H290ybnJTOPfBDtTMXSQA/QLTvr7PeA==
-  dependencies:
-    idb "^7.0.1"
-    workbox-core "7.0.0"
-
-workbox-broadcast-update@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-broadcast-update/-/workbox-broadcast-update-7.0.0.tgz#7f611ca1a94ba8ac0aa40fa171c9713e0f937d22"
-  integrity sha512-oUuh4jzZrLySOo0tC0WoKiSg90bVAcnE98uW7F8GFiSOXnhogfNDGZelPJa+6KpGBO5+Qelv04Hqx2UD+BJqNQ==
-  dependencies:
-    workbox-core "7.0.0"
-
-workbox-build@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-build/-/workbox-build-7.0.0.tgz#02ab5ef2991b3369b8b9395703f08912212769b4"
-  integrity sha512-CttE7WCYW9sZC+nUYhQg3WzzGPr4IHmrPnjKiu3AMXsiNQKx+l4hHl63WTrnicLmKEKHScWDH8xsGBdrYgtBzg==
-  dependencies:
-    "@apideck/better-ajv-errors" "^0.3.1"
-    "@babel/core" "^7.11.1"
-    "@babel/preset-env" "^7.11.0"
-    "@babel/runtime" "^7.11.2"
-    "@rollup/plugin-babel" "^5.2.0"
-    "@rollup/plugin-node-resolve" "^11.2.1"
-    "@rollup/plugin-replace" "^2.4.1"
-    "@surma/rollup-plugin-off-main-thread" "^2.2.3"
-    ajv "^8.6.0"
-    common-tags "^1.8.0"
-    fast-json-stable-stringify "^2.1.0"
-    fs-extra "^9.0.1"
-    glob "^7.1.6"
-    lodash "^4.17.20"
-    pretty-bytes "^5.3.0"
-    rollup "^2.43.1"
-    rollup-plugin-terser "^7.0.0"
-    source-map "^0.8.0-beta.0"
-    stringify-object "^3.3.0"
-    strip-comments "^2.0.1"
-    tempy "^0.6.0"
-    upath "^1.2.0"
-    workbox-background-sync "7.0.0"
-    workbox-broadcast-update "7.0.0"
-    workbox-cacheable-response "7.0.0"
-    workbox-core "7.0.0"
-    workbox-expiration "7.0.0"
-    workbox-google-analytics "7.0.0"
-    workbox-navigation-preload "7.0.0"
-    workbox-precaching "7.0.0"
-    workbox-range-requests "7.0.0"
-    workbox-recipes "7.0.0"
-    workbox-routing "7.0.0"
-    workbox-strategies "7.0.0"
-    workbox-streams "7.0.0"
-    workbox-sw "7.0.0"
-    workbox-window "7.0.0"
-
-workbox-cacheable-response@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-cacheable-response/-/workbox-cacheable-response-7.0.0.tgz#ee27c036728189eed69d25a135013053277482d2"
-  integrity sha512-0lrtyGHn/LH8kKAJVOQfSu3/80WDc9Ma8ng0p2i/5HuUndGttH+mGMSvOskjOdFImLs2XZIimErp7tSOPmu/6g==
-  dependencies:
-    workbox-core "7.0.0"
-
-workbox-core@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-core/-/workbox-core-7.0.0.tgz#dec114ec923cc2adc967dd9be1b8a0bed50a3545"
-  integrity sha512-81JkAAZtfVP8darBpfRTovHg8DGAVrKFgHpOArZbdFd78VqHr5Iw65f2guwjE2NlCFbPFDoez3D3/6ZvhI/rwQ==
-
-workbox-expiration@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-expiration/-/workbox-expiration-7.0.0.tgz#3d90bcf2a7577241de950f89784f6546b66c2baa"
-  integrity sha512-MLK+fogW+pC3IWU9SFE+FRStvDVutwJMR5if1g7oBJx3qwmO69BNoJQVaMXq41R0gg3MzxVfwOGKx3i9P6sOLQ==
-  dependencies:
-    idb "^7.0.1"
-    workbox-core "7.0.0"
-
-workbox-google-analytics@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-google-analytics/-/workbox-google-analytics-7.0.0.tgz#603b2c4244af1e85de0fb26287d4e17d3293452a"
-  integrity sha512-MEYM1JTn/qiC3DbpvP2BVhyIH+dV/5BjHk756u9VbwuAhu0QHyKscTnisQuz21lfRpOwiS9z4XdqeVAKol0bzg==
-  dependencies:
-    workbox-background-sync "7.0.0"
-    workbox-core "7.0.0"
-    workbox-routing "7.0.0"
-    workbox-strategies "7.0.0"
-
-workbox-navigation-preload@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-navigation-preload/-/workbox-navigation-preload-7.0.0.tgz#4913878dbbd97057181d57baa18d2bbdde085c6c"
-  integrity sha512-juWCSrxo/fiMz3RsvDspeSLGmbgC0U9tKqcUPZBCf35s64wlaLXyn2KdHHXVQrb2cqF7I0Hc9siQalainmnXJA==
-  dependencies:
-    workbox-core "7.0.0"
-
-workbox-precaching@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-precaching/-/workbox-precaching-7.0.0.tgz#3979ba8033aadf3144b70e9fe631d870d5fbaa03"
-  integrity sha512-EC0vol623LJqTJo1mkhD9DZmMP604vHqni3EohhQVwhJlTgyKyOkMrZNy5/QHfOby+39xqC01gv4LjOm4HSfnA==
-  dependencies:
-    workbox-core "7.0.0"
-    workbox-routing "7.0.0"
-    workbox-strategies "7.0.0"
-
-workbox-range-requests@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-range-requests/-/workbox-range-requests-7.0.0.tgz#97511901e043df27c1aa422adcc999a7751f52ed"
-  integrity sha512-SxAzoVl9j/zRU9OT5+IQs7pbJBOUOlriB8Gn9YMvi38BNZRbM+RvkujHMo8FOe9IWrqqwYgDFBfv6sk76I1yaQ==
-  dependencies:
-    workbox-core "7.0.0"
-
-workbox-recipes@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-recipes/-/workbox-recipes-7.0.0.tgz#1a6a01c8c2dfe5a41eef0fed3fe517e8a45c6514"
-  integrity sha512-DntcK9wuG3rYQOONWC0PejxYYIDHyWWZB/ueTbOUDQgefaeIj1kJ7pdP3LZV2lfrj8XXXBWt+JDRSw1lLLOnww==
-  dependencies:
-    workbox-cacheable-response "7.0.0"
-    workbox-core "7.0.0"
-    workbox-expiration "7.0.0"
-    workbox-precaching "7.0.0"
-    workbox-routing "7.0.0"
-    workbox-strategies "7.0.0"
-
-workbox-routing@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-routing/-/workbox-routing-7.0.0.tgz#6668438a06554f60645aedc77244a4fe3a91e302"
-  integrity sha512-8YxLr3xvqidnbVeGyRGkaV4YdlKkn5qZ1LfEePW3dq+ydE73hUUJJuLmGEykW3fMX8x8mNdL0XrWgotcuZjIvA==
-  dependencies:
-    workbox-core "7.0.0"
-
-workbox-strategies@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-strategies/-/workbox-strategies-7.0.0.tgz#dcba32b3f3074476019049cc490fe1a60ea73382"
-  integrity sha512-dg3qJU7tR/Gcd/XXOOo7x9QoCI9nk74JopaJaYAQ+ugLi57gPsXycVdBnYbayVj34m6Y8ppPwIuecrzkpBVwbA==
-  dependencies:
-    workbox-core "7.0.0"
-
-workbox-streams@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-streams/-/workbox-streams-7.0.0.tgz#36722aecd04785f88b6f709e541c094fc658c0f9"
-  integrity sha512-moVsh+5to//l6IERWceYKGiftc+prNnqOp2sgALJJFbnNVpTXzKISlTIsrWY+ogMqt+x1oMazIdHj25kBSq/HQ==
-  dependencies:
-    workbox-core "7.0.0"
-    workbox-routing "7.0.0"
-
-workbox-sw@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-sw/-/workbox-sw-7.0.0.tgz#7350126411e3de1409f7ec243df8d06bb5b08b86"
-  integrity sha512-SWfEouQfjRiZ7GNABzHUKUyj8pCoe+RwjfOIajcx6J5mtgKkN+t8UToHnpaJL5UVVOf5YhJh+OHhbVNIHe+LVA==
-
-workbox-webpack-plugin@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-webpack-plugin/-/workbox-webpack-plugin-7.0.0.tgz#6c61661a2cacde1239192a5877a041a2943d1a55"
-  integrity sha512-R1ZzCHPfzeJjLK2/TpKUhxSQ3fFDCxlWxgRhhSjMQLz3G2MlBnyw/XeYb34e7SGgSv0qG22zEhMIzjMNqNeKbw==
-  dependencies:
-    fast-json-stable-stringify "^2.1.0"
-    pretty-bytes "^5.4.1"
-    upath "^1.2.0"
-    webpack-sources "^1.4.3"
-    workbox-build "7.0.0"
-
-workbox-window@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-window/-/workbox-window-7.0.0.tgz#a683ab33c896e4f16786794eac7978fc98a25d08"
-  integrity sha512-j7P/bsAWE/a7sxqTzXo3P2ALb1reTfZdvVp6OJ/uLr/C2kZAMvjeWGm8V4htQhor7DOvYg0sSbFN2+flT5U0qA==
-  dependencies:
-    "@types/trusted-types" "^2.0.2"
-    workbox-core "7.0.0"
-
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
-  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
-wrap-ansi@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"
-  integrity sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
-wrap-ansi@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
-  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
-  dependencies:
-    ansi-styles "^6.1.0"
-    string-width "^5.0.1"
-    strip-ansi "^7.0.1"
-
-wrappy@1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
-  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
-
-write-file-atomic@^2.3.0:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.3.tgz#1fd2e9ae1df3e75b8d8c367443c692d4ca81f481"
-  integrity sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==
-  dependencies:
-    graceful-fs "^4.1.11"
-    imurmurhash "^0.1.4"
-    signal-exit "^3.0.2"
-
-write-file-atomic@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.2.tgz#a9df01ae5b77858a027fd2e80768ee433555fcfd"
-  integrity sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==
-  dependencies:
-    imurmurhash "^0.1.4"
-    signal-exit "^3.0.7"
-
-ws@7.4.6:
-  version "7.4.6"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.4.6.tgz#5654ca8ecdeee47c33a9a4bf6d28e2be2980377c"
-  integrity sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A==
-
-ws@8.13.0:
-  version "8.13.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.13.0.tgz#9a9fb92f93cf41512a0735c8f4dd09b8a1211cd0"
-  integrity sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==
-
-ws@8.5.0:
-  version "8.5.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.5.0.tgz#bfb4be96600757fe5382de12c670dab984a1ed4f"
-  integrity sha512-BWX0SWVgLPzYwF8lTzEy1egjhS4S4OEAHfsO8o65WOVsrnSRGaSiUaa9e0ggGlkMTtBlmOpEXiie9RUcBO86qg==
-
-ws@^3.0.0:
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-3.3.3.tgz#f1cf84fe2d5e901ebce94efaece785f187a228f2"
-  integrity sha512-nnWLa/NwZSt4KQJu51MYlCcSQ5g7INpOrOMt4XV8j4dqTXdmlUmSHQ8/oLC069ckre0fRsgfvsKwbTdtKLCDkA==
-  dependencies:
-    async-limiter "~1.0.0"
-    safe-buffer "~5.1.0"
-    ultron "~1.1.0"
-
-ws@^7.2.0, ws@^7.3.1, ws@^7.4.5, ws@^7.5.1:
-  version "7.5.10"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.10.tgz#58b5c20dc281633f6c19113f39b349bd8bd558d9"
-  integrity sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==
-
-ws@^8.11.0, ws@^8.2.3, ws@^8.5.0:
-  version "8.16.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.16.0.tgz#d1cd774f36fbc07165066a60e40323eab6446fd4"
-  integrity sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==
-
-ws@^8.16.0:
-  version "8.18.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.18.0.tgz#0d7505a6eafe2b0e712d232b42279f53bc289bbc"
-  integrity sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==
-
-xcode@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/xcode/-/xcode-3.0.1.tgz#3efb62aac641ab2c702458f9a0302696146aa53c"
-  integrity sha512-kCz5k7J7XbJtjABOvkc5lJmkiDh8VhjVCGNiqdKCscmVpdVUpEAyXv1xmCLkQJ5dsHqx3IPO4XW+NTDhU/fatA==
-  dependencies:
-    simple-plist "^1.1.0"
-    uuid "^7.0.3"
-
-xhr-request-promise@^0.1.2:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/xhr-request-promise/-/xhr-request-promise-0.1.3.tgz#2d5f4b16d8c6c893be97f1a62b0ed4cf3ca5f96c"
-  integrity sha512-YUBytBsuwgitWtdRzXDDkWAXzhdGB8bYm0sSzMPZT7Z2MBjMSTHFsyCT1yCRATY+XC69DUrQraRAEgcoCRaIPg==
-  dependencies:
-    xhr-request "^1.1.0"
-
-xhr-request@^1.0.1, xhr-request@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/xhr-request/-/xhr-request-1.1.0.tgz#f4a7c1868b9f198723444d82dcae317643f2e2ed"
-  integrity sha512-Y7qzEaR3FDtL3fP30k9wO/e+FBnBByZeybKOhASsGP30NIkRAAkKD/sCnLvgEfAIEC1rcmK7YG8f4oEnIrrWzA==
-  dependencies:
-    buffer-to-arraybuffer "^0.0.5"
-    object-assign "^4.1.1"
-    query-string "^5.0.1"
-    simple-get "^2.7.0"
-    timed-out "^4.0.1"
-    url-set-query "^1.0.0"
-    xhr "^2.0.4"
-
-xhr@^2.0.4, xhr@^2.3.3:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/xhr/-/xhr-2.6.0.tgz#b69d4395e792b4173d6b7df077f0fc5e4e2b249d"
-  integrity sha512-/eCGLb5rxjx5e3mF1A7s+pLlR6CGyqWN91fv1JgER5mVWg1MZmlhBvy9kjcsOdRk8RrIujotWyJamfyrp+WIcA==
-  dependencies:
-    global "~4.4.0"
-    is-function "^1.0.1"
-    parse-headers "^2.0.0"
-    xtend "^4.0.0"
-
-xml-name-validator@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
-  integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
-
-xml2js@0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/xml2js/-/xml2js-0.6.0.tgz#07afc447a97d2bd6507a1f76eeadddb09f7a8282"
-  integrity sha512-eLTh0kA8uHceqesPqSE+VvO1CDDJWMwlQfB6LuN6T8w6MaDJ8Txm8P7s5cHD0miF0V+GGTZrDQfxPZQVsur33w==
-  dependencies:
-    sax ">=0.6.0"
-    xmlbuilder "~11.0.0"
-
-xmlbuilder@^14.0.0:
-  version "14.0.0"
-  resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-14.0.0.tgz#876b5aec4f05ffd5feb97b0a871c855d16fbeb8c"
-  integrity sha512-ts+B2rSe4fIckR6iquDjsKbQFK2NlUk6iG5nf14mDEyldgoc2nEKZ3jZWMPTxGQwVgToSjt6VGIho1H8/fNFTg==
-
-xmlbuilder@^15.1.1:
-  version "15.1.1"
-  resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-15.1.1.tgz#9dcdce49eea66d8d10b42cae94a79c3c8d0c2ec5"
-  integrity sha512-yMqGBqtXyeN1e3TGYvgNgDVZ3j84W4cwkOXQswghol6APgZWaff9lnbvN7MHYJOiXsvGPXtjTYJEiC9J2wv9Eg==
-
-xmlbuilder@~11.0.0:
-  version "11.0.1"
-  resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-11.0.1.tgz#be9bae1c8a046e76b31127726347d0ad7002beb3"
-  integrity sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==
-
-xmlchars@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
-  integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
-
-xtend@^4.0.0, xtend@^4.0.1, xtend@^4.0.2, xtend@~4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
-  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
-
-xtend@~2.1.1:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/xtend/-/xtend-2.1.2.tgz#6efecc2a4dad8e6962c4901b337ce7ba87b5d28b"
-  integrity sha512-vMNKzr2rHP9Dp/e1NQFnLQlwlhp9L/LfvnsVdHxN1f+uggyVI3i08uD14GPvCToPkdsRfyPqIyYGmIk58V98ZQ==
-  dependencies:
-    object-keys "~0.4.0"
-
-y18n@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.3.tgz#b5f259c82cd6e336921efd7bfd8bf560de9eeedf"
-  integrity sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==
-
-y18n@^5.0.5:
-  version "5.0.8"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
-  integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
-
-yaeti@^0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/yaeti/-/yaeti-0.0.6.tgz#f26f484d72684cf42bedfb76970aa1608fbf9577"
-  integrity sha512-MvQa//+KcZCUkBTIC9blM+CU9J2GzuTytsOUwf2lidtvkx/6gnEp1QvJv34t9vdjhFmha/mUiNDbN0D0mJWdug==
-
-yallist@^3.0.0, yallist@^3.0.2, yallist@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
-  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
-
-yallist@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
-  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
-
-yaml@^1.10.0, yaml@^1.10.2:
-  version "1.10.2"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
-  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
-
-yaml@^2.2.2:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.4.2.tgz#7a2b30f2243a5fc299e1f14ca58d475ed4bc5362"
-  integrity sha512-B3VqDZ+JAg1nZpaEmWtTXUlBneoGx6CPM9b0TENK6aoSu5t73dItudwdgmi6tHlIZZId4dZ9skcAQ2UbcyAeVA==
-
-yargs-parser@^18.1.2:
-  version "18.1.3"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
-  integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
-  dependencies:
-    camelcase "^5.0.0"
-    decamelize "^1.2.0"
-
-yargs-parser@^20.2.3:
-  version "20.2.9"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
-  integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
-
-yargs-parser@^21.1.1:
-  version "21.1.1"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
-  integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
-
-yargs@^15.3.1:
-  version "15.4.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
-  integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==
-  dependencies:
-    cliui "^6.0.0"
-    decamelize "^1.2.0"
-    find-up "^4.1.0"
-    get-caller-file "^2.0.1"
-    require-directory "^2.1.1"
-    require-main-filename "^2.0.0"
-    set-blocking "^2.0.0"
-    string-width "^4.2.0"
-    which-module "^2.0.0"
-    y18n "^4.0.0"
-    yargs-parser "^18.1.2"
-
-yargs@^17.3.1, yargs@^17.7.2:
-  version "17.7.2"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
-  integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
-  dependencies:
-    cliui "^8.0.1"
-    escalade "^3.1.1"
-    get-caller-file "^2.0.5"
-    require-directory "^2.1.1"
-    string-width "^4.2.3"
-    y18n "^5.0.5"
-    yargs-parser "^21.1.1"
-
-yauzl@^2.10.0:
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
-  integrity sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==
-  dependencies:
-    buffer-crc32 "~0.2.3"
-    fd-slicer "~1.1.0"
-
-yocto-queue@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
-  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
-
-yocto-queue@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-1.0.0.tgz#7f816433fb2cbc511ec8bf7d263c3b58a1a3c251"
-  integrity sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==
-
-zodiac-roles-deployments@^2.2.2:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/zodiac-roles-deployments/-/zodiac-roles-deployments-2.2.2.tgz#feb7e7544398e1572d2f7fa6ff2be033f2c736ce"
-  integrity sha512-6nG6/AuJh9SIrXR1NieRzSfn1+J6k9p2mb3qns3cRYhx3+i4wWIRh1JcE+jueHSYo+H7yKG/jfwRXMVN1L938A==
+# This file is generated by running "yarn install" inside your project.
+# Manual changes might be lost - proceed with caution!
+
+__metadata:
+  version: 8
+  cacheKey: 10
+
+"@0no-co/graphql.web@npm:^1.0.5, @0no-co/graphql.web@npm:^1.0.8":
+  version: 1.0.11
+  resolution: "@0no-co/graphql.web@npm:1.0.11"
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  peerDependenciesMeta:
+    graphql:
+      optional: true
+  checksum: 10/c69de0d4c0192b2f888c68a1397f777748888b68584b455e4e9fae7a4dd069371462225aa4fe0a84041cf77e65a74863c4d013e56c6a9142b20d3acaeda279d8
+  languageName: node
+  linkType: hard
+
+"@adobe/css-tools@npm:^4.4.0":
+  version: 4.4.1
+  resolution: "@adobe/css-tools@npm:4.4.1"
+  checksum: 10/a0ea05517308593a52728936a833b1075c4cf1a6b68baaea817063f34e75faa1dba1209dd285003c4f8072804227dfa563e7e903f72ae2d39cb520aaee3f4bcc
+  languageName: node
+  linkType: hard
+
+"@adobe/css-tools@npm:~4.3.3":
+  version: 4.3.3
+  resolution: "@adobe/css-tools@npm:4.3.3"
+  checksum: 10/0e77057efb4e18182560855503066b75edca98671be327d3f8a7ae89ec3da6821e693114b55225909fca00d7e7ed8422f3d79d71fe95dd4d5df1f2026a9fda02
+  languageName: node
+  linkType: hard
+
+"@adraffy/ens-normalize@npm:1.10.0":
+  version: 1.10.0
+  resolution: "@adraffy/ens-normalize@npm:1.10.0"
+  checksum: 10/5cdb5d2a9c9f8c0a71a7bb830967da0069cae1f1235cd41ae11147e4000f368f6958386e622cd4d52bf45c1ed3f8275056b387cba28902b83354e40ff323ecde
+  languageName: node
+  linkType: hard
+
+"@adraffy/ens-normalize@npm:1.10.1":
+  version: 1.10.1
+  resolution: "@adraffy/ens-normalize@npm:1.10.1"
+  checksum: 10/4cb938c4abb88a346d50cb0ea44243ab3574330c81d4f5aaaf9dfee584b96189d0faa404de0fcbef5a1b73909ea4ebc3e63d84bd23f9949e5c8d4085207a5091
+  languageName: node
+  linkType: hard
+
+"@adraffy/ens-normalize@npm:^1.10.1":
+  version: 1.11.0
+  resolution: "@adraffy/ens-normalize@npm:1.11.0"
+  checksum: 10/abef75f21470ea43dd6071168e092d2d13e38067e349e76186c78838ae174a46c3e18ca50921d05bea6ec3203074147c9e271f8cb6531d1c2c0e146f3199ddcb
+  languageName: node
+  linkType: hard
+
+"@ampproject/remapping@npm:^2.2.0":
+  version: 2.3.0
+  resolution: "@ampproject/remapping@npm:2.3.0"
+  dependencies:
+    "@jridgewell/gen-mapping": "npm:^0.3.5"
+    "@jridgewell/trace-mapping": "npm:^0.3.24"
+  checksum: 10/f3451525379c68a73eb0a1e65247fbf28c0cccd126d93af21c75fceff77773d43c0d4a2d51978fb131aff25b5f2cb41a9fe48cc296e61ae65e679c4f6918b0ab
+  languageName: node
+  linkType: hard
+
+"@apideck/better-ajv-errors@npm:^0.3.1":
+  version: 0.3.6
+  resolution: "@apideck/better-ajv-errors@npm:0.3.6"
+  dependencies:
+    json-schema: "npm:^0.4.0"
+    jsonpointer: "npm:^5.0.0"
+    leven: "npm:^3.1.0"
+  peerDependencies:
+    ajv: ">=8"
+  checksum: 10/d638f4d5654081b874671a5729b111d1bea5960834968847e8b05d5f57bf2f50cf29fd29d0bbb7f0077640785daacec22cf018a5f01501e276ee96d271fe8330
+  languageName: node
+  linkType: hard
+
+"@apidevtools/json-schema-ref-parser@npm:9.0.6":
+  version: 9.0.6
+  resolution: "@apidevtools/json-schema-ref-parser@npm:9.0.6"
+  dependencies:
+    "@jsdevtools/ono": "npm:^7.1.3"
+    call-me-maybe: "npm:^1.0.1"
+    js-yaml: "npm:^3.13.1"
+  checksum: 10/bfdff3d3c54fac0e864322dfa62c018cbcf90f66df6cbe33868a0134bee5bc4d013f980aac0f3e83ffabf4b9c13ffedbf5bae3578ce7db7d4cb559e874b16950
+  languageName: node
+  linkType: hard
+
+"@apidevtools/openapi-schemas@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "@apidevtools/openapi-schemas@npm:2.1.0"
+  checksum: 10/4ca78f79ee2e5a162d16d140f939ca90d51265014ea2e500955286ad3acd11b75db4179b7b4bae245b09a981baeb8d80b81bc24c61d6c471a4a4707ed277ebf2
+  languageName: node
+  linkType: hard
+
+"@apidevtools/swagger-methods@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "@apidevtools/swagger-methods@npm:3.0.2"
+  checksum: 10/d06b1ac5c1956613c4c6be695612ef860cd4e962b93a509ca551735a328a856cae1e33399cac1dcbf8333ba22b231746f3586074769ef0e172cf549ec9e7eaae
+  languageName: node
+  linkType: hard
+
+"@apidevtools/swagger-parser@npm:^10.0.2, @apidevtools/swagger-parser@npm:^10.1.0":
+  version: 10.1.0
+  resolution: "@apidevtools/swagger-parser@npm:10.1.0"
+  dependencies:
+    "@apidevtools/json-schema-ref-parser": "npm:9.0.6"
+    "@apidevtools/openapi-schemas": "npm:^2.1.0"
+    "@apidevtools/swagger-methods": "npm:^3.0.2"
+    "@jsdevtools/ono": "npm:^7.1.3"
+    ajv: "npm:^8.6.3"
+    ajv-draft-04: "npm:^1.0.0"
+    call-me-maybe: "npm:^1.0.1"
+  peerDependencies:
+    openapi-types: ">=7"
+  checksum: 10/24f7f6524334887ff3ef1c8c768698963f4a03e6824719fdbe98ba5444c9f1cdca9a11789e90362c882321dedec3e66f414e05035054084921fe1d2527724adb
+  languageName: node
+  linkType: hard
+
+"@assemblyscript/loader@npm:^0.9.4":
+  version: 0.9.4
+  resolution: "@assemblyscript/loader@npm:0.9.4"
+  checksum: 10/a212bd629f0b044597c2f0d039ea4a11f2ee4a68c5a0758f2fcebdb168c6f8c2f50297a63f72ebb5eb12c9e023bdc9a8c730cd6c981158cb5df44c6aacb83b60
+  languageName: node
+  linkType: hard
+
+"@babel/cli@npm:^7.23.4":
+  version: 7.27.2
+  resolution: "@babel/cli@npm:7.27.2"
+  dependencies:
+    "@jridgewell/trace-mapping": "npm:^0.3.25"
+    "@nicolo-ribaudo/chokidar-2": "npm:2.1.8-no-fsevents.3"
+    chokidar: "npm:^3.6.0"
+    commander: "npm:^6.2.0"
+    convert-source-map: "npm:^2.0.0"
+    fs-readdir-recursive: "npm:^1.1.0"
+    glob: "npm:^7.2.0"
+    make-dir: "npm:^2.1.0"
+    slash: "npm:^2.0.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  dependenciesMeta:
+    "@nicolo-ribaudo/chokidar-2":
+      optional: true
+    chokidar:
+      optional: true
+  bin:
+    babel: ./bin/babel.js
+    babel-external-helpers: ./bin/babel-external-helpers.js
+  checksum: 10/00fcb58170173d2e501cc9f43c8a1fd2266085cdbb005287164068e6fe566be1a11e885efe3abdeff6f928cb1c84d5c31aa3c50e7b6b3647bc47ce3a231e9d1b
+  languageName: node
+  linkType: hard
+
+"@babel/code-frame@npm:7.10.4, @babel/code-frame@npm:~7.10.4":
+  version: 7.10.4
+  resolution: "@babel/code-frame@npm:7.10.4"
+  dependencies:
+    "@babel/highlight": "npm:^7.10.4"
+  checksum: 10/4ef9c679515be9cb8eab519fcded953f86226155a599cf7ea209e40e088bb9a51bb5893d3307eae510b07bb3e359d64f2620957a00c27825dbe26ac62aca81f5
+  languageName: node
+  linkType: hard
+
+"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.24.7, @babel/code-frame@npm:^7.25.9, @babel/code-frame@npm:^7.26.0, @babel/code-frame@npm:^7.26.2":
+  version: 7.26.2
+  resolution: "@babel/code-frame@npm:7.26.2"
+  dependencies:
+    "@babel/helper-validator-identifier": "npm:^7.25.9"
+    js-tokens: "npm:^4.0.0"
+    picocolors: "npm:^1.0.0"
+  checksum: 10/db2c2122af79d31ca916755331bb4bac96feb2b334cdaca5097a6b467fdd41963b89b14b6836a14f083de7ff887fc78fa1b3c10b14e743d33e12dbfe5ee3d223
+  languageName: node
+  linkType: hard
+
+"@babel/code-frame@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/code-frame@npm:7.27.1"
+  dependencies:
+    "@babel/helper-validator-identifier": "npm:^7.27.1"
+    js-tokens: "npm:^4.0.0"
+    picocolors: "npm:^1.1.1"
+  checksum: 10/721b8a6e360a1fa0f1c9fe7351ae6c874828e119183688b533c477aa378f1010f37cc9afbfc4722c686d1f5cdd00da02eab4ba7278a0c504fa0d7a321dcd4fdf
+  languageName: node
+  linkType: hard
+
+"@babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.25.9, @babel/compat-data@npm:^7.26.0":
+  version: 7.26.3
+  resolution: "@babel/compat-data@npm:7.26.3"
+  checksum: 10/0bf4e491680722aa0eac26f770f2fae059f92e2ac083900b241c90a2c10f0fc80e448b1feccc2b332687fab4c3e33e9f83dee9ef56badca1fb9f3f71266d9ebf
+  languageName: node
+  linkType: hard
+
+"@babel/compat-data@npm:^7.27.2":
+  version: 7.27.3
+  resolution: "@babel/compat-data@npm:7.27.3"
+  checksum: 10/3bc4f53f2c076468c1df405e3fb3aac60a8118f46ff4ea8d093e00dcf919e915adc68d9c0a46fffe9cdc5b0d41fefe3b44370d43da09bbd7c9e5474d2cd4c656
+  languageName: node
+  linkType: hard
+
+"@babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.13.16, @babel/core@npm:^7.18.9, @babel/core@npm:^7.20.0, @babel/core@npm:^7.21.3, @babel/core@npm:^7.23.7, @babel/core@npm:^7.23.9, @babel/core@npm:^7.24.4, @babel/core@npm:^7.25.2":
+  version: 7.26.0
+  resolution: "@babel/core@npm:7.26.0"
+  dependencies:
+    "@ampproject/remapping": "npm:^2.2.0"
+    "@babel/code-frame": "npm:^7.26.0"
+    "@babel/generator": "npm:^7.26.0"
+    "@babel/helper-compilation-targets": "npm:^7.25.9"
+    "@babel/helper-module-transforms": "npm:^7.26.0"
+    "@babel/helpers": "npm:^7.26.0"
+    "@babel/parser": "npm:^7.26.0"
+    "@babel/template": "npm:^7.25.9"
+    "@babel/traverse": "npm:^7.25.9"
+    "@babel/types": "npm:^7.26.0"
+    convert-source-map: "npm:^2.0.0"
+    debug: "npm:^4.1.0"
+    gensync: "npm:^1.0.0-beta.2"
+    json5: "npm:^2.2.3"
+    semver: "npm:^6.3.1"
+  checksum: 10/65767bfdb1f02e80d3af4f138066670ef8fdd12293de85ef151758a901c191c797e86d2e99b11c4cdfca33c72385ecaf38bbd7fa692791ec44c77763496b9b93
+  languageName: node
+  linkType: hard
+
+"@babel/generator@npm:^7.20.5, @babel/generator@npm:^7.25.0, @babel/generator@npm:^7.25.5, @babel/generator@npm:^7.26.0, @babel/generator@npm:^7.26.3, @babel/generator@npm:^7.7.2":
+  version: 7.26.3
+  resolution: "@babel/generator@npm:7.26.3"
+  dependencies:
+    "@babel/parser": "npm:^7.26.3"
+    "@babel/types": "npm:^7.26.3"
+    "@jridgewell/gen-mapping": "npm:^0.3.5"
+    "@jridgewell/trace-mapping": "npm:^0.3.25"
+    jsesc: "npm:^3.0.2"
+  checksum: 10/c1d8710cc1c52af9d8d67f7d8ea775578aa500887b327d2a81e27494764a6ef99e438dd7e14cf7cd3153656492ee27a8362980dc438087c0ca39d4e75532c638
+  languageName: node
+  linkType: hard
+
+"@babel/generator@npm:^7.27.3":
+  version: 7.27.3
+  resolution: "@babel/generator@npm:7.27.3"
+  dependencies:
+    "@babel/parser": "npm:^7.27.3"
+    "@babel/types": "npm:^7.27.3"
+    "@jridgewell/gen-mapping": "npm:^0.3.5"
+    "@jridgewell/trace-mapping": "npm:^0.3.25"
+    jsesc: "npm:^3.0.2"
+  checksum: 10/3b8477ae0c305639f86aeb553115535b103626008945462d32171fa4ebd77f2a0345600dc5baee7ced98d54cc7da9c806808a04b555c75136f42e0e9d7794bdf
+  languageName: node
+  linkType: hard
+
+"@babel/helper-annotate-as-pure@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-annotate-as-pure@npm:7.25.9"
+  dependencies:
+    "@babel/types": "npm:^7.25.9"
+  checksum: 10/41edda10df1ae106a9b4fe617bf7c6df77db992992afd46192534f5cff29f9e49a303231733782dd65c5f9409714a529f215325569f14282046e9d3b7a1ffb6c
+  languageName: node
+  linkType: hard
+
+"@babel/helper-annotate-as-pure@npm:^7.27.1":
+  version: 7.27.3
+  resolution: "@babel/helper-annotate-as-pure@npm:7.27.3"
+  dependencies:
+    "@babel/types": "npm:^7.27.3"
+  checksum: 10/63863a5c936ef82b546ca289c9d1b18fabfc24da5c4ee382830b124e2e79b68d626207febc8d4bffc720f50b2ee65691d7d12cc0308679dee2cd6bdc926b7190
+  languageName: node
+  linkType: hard
+
+"@babel/helper-compilation-targets@npm:^7.22.6, @babel/helper-compilation-targets@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-compilation-targets@npm:7.25.9"
+  dependencies:
+    "@babel/compat-data": "npm:^7.25.9"
+    "@babel/helper-validator-option": "npm:^7.25.9"
+    browserslist: "npm:^4.24.0"
+    lru-cache: "npm:^5.1.1"
+    semver: "npm:^6.3.1"
+  checksum: 10/8053fbfc21e8297ab55c8e7f9f119e4809fa7e505268691e1bedc2cf5e7a5a7de8c60ad13da2515378621b7601c42e101d2d679904da395fa3806a1edef6b92e
+  languageName: node
+  linkType: hard
+
+"@babel/helper-compilation-targets@npm:^7.27.1, @babel/helper-compilation-targets@npm:^7.27.2":
+  version: 7.27.2
+  resolution: "@babel/helper-compilation-targets@npm:7.27.2"
+  dependencies:
+    "@babel/compat-data": "npm:^7.27.2"
+    "@babel/helper-validator-option": "npm:^7.27.1"
+    browserslist: "npm:^4.24.0"
+    lru-cache: "npm:^5.1.1"
+    semver: "npm:^6.3.1"
+  checksum: 10/bd53c30a7477049db04b655d11f4c3500aea3bcbc2497cf02161de2ecf994fec7c098aabbcebe210ffabc2ecbdb1e3ffad23fb4d3f18723b814f423ea1749fe8
+  languageName: node
+  linkType: hard
+
+"@babel/helper-create-class-features-plugin@npm:^7.18.6, @babel/helper-create-class-features-plugin@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.25.9"
+  dependencies:
+    "@babel/helper-annotate-as-pure": "npm:^7.25.9"
+    "@babel/helper-member-expression-to-functions": "npm:^7.25.9"
+    "@babel/helper-optimise-call-expression": "npm:^7.25.9"
+    "@babel/helper-replace-supers": "npm:^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.9"
+    "@babel/traverse": "npm:^7.25.9"
+    semver: "npm:^6.3.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/d1d47a7b5fd317c6cb1446b0e4f4892c19ddaa69ea0229f04ba8bea5f273fc8168441e7114ad36ff919f2d310f97310cec51adc79002e22039a7e1640ccaf248
+  languageName: node
+  linkType: hard
+
+"@babel/helper-create-class-features-plugin@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.27.1"
+  dependencies:
+    "@babel/helper-annotate-as-pure": "npm:^7.27.1"
+    "@babel/helper-member-expression-to-functions": "npm:^7.27.1"
+    "@babel/helper-optimise-call-expression": "npm:^7.27.1"
+    "@babel/helper-replace-supers": "npm:^7.27.1"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.27.1"
+    "@babel/traverse": "npm:^7.27.1"
+    semver: "npm:^6.3.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/701579b49046cd42f6a6b1e693e6827df8623185adf0911c4d68a219a082d8fd4501672880d92b6b96263d1c92a3beb891b3464a662a55e69e7539d8db9277da
+  languageName: node
+  linkType: hard
+
+"@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.25.9":
+  version: 7.26.3
+  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.26.3"
+  dependencies:
+    "@babel/helper-annotate-as-pure": "npm:^7.25.9"
+    regexpu-core: "npm:^6.2.0"
+    semver: "npm:^6.3.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/4c44122ea11c4253ee78a9c083b7fbce96c725e2cb43cc864f0e8ea2749f7b6658617239c6278df9f132d09a7545c8fe0336ed2895ad7c80c71507828a7bc8ba
+  languageName: node
+  linkType: hard
+
+"@babel/helper-create-regexp-features-plugin@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.27.1"
+  dependencies:
+    "@babel/helper-annotate-as-pure": "npm:^7.27.1"
+    regexpu-core: "npm:^6.2.0"
+    semver: "npm:^6.3.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/dea272628cd8874f127ab7b2ee468620aabc1383d38bb40c49a9c7667db2258cdfe6620a1d1412f5f0706583f6301b4b7ad3d5932f24df7fe72e66bf9bc0be45
+  languageName: node
+  linkType: hard
+
+"@babel/helper-define-polyfill-provider@npm:^0.6.2, @babel/helper-define-polyfill-provider@npm:^0.6.3":
+  version: 0.6.3
+  resolution: "@babel/helper-define-polyfill-provider@npm:0.6.3"
+  dependencies:
+    "@babel/helper-compilation-targets": "npm:^7.22.6"
+    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    debug: "npm:^4.1.1"
+    lodash.debounce: "npm:^4.0.8"
+    resolve: "npm:^1.14.2"
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: 10/b79a77ac8fbf1aaf6c7f99191871760508e87d75a374ff3c39c6599a17d9bb82284797cd451769305764e504546caf22ae63367b22d6e45e32d0a8f4a34aab53
+  languageName: node
+  linkType: hard
+
+"@babel/helper-member-expression-to-functions@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-member-expression-to-functions@npm:7.25.9"
+  dependencies:
+    "@babel/traverse": "npm:^7.25.9"
+    "@babel/types": "npm:^7.25.9"
+  checksum: 10/ef8cc1c1e600b012b312315f843226545a1a89f25d2f474ce2503fd939ca3f8585180f291a3a13efc56cf13eddc1d41a3a040eae9a521838fd59a6d04cc82490
+  languageName: node
+  linkType: hard
+
+"@babel/helper-member-expression-to-functions@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/helper-member-expression-to-functions@npm:7.27.1"
+  dependencies:
+    "@babel/traverse": "npm:^7.27.1"
+    "@babel/types": "npm:^7.27.1"
+  checksum: 10/533a5a2cf1c9a8770d241b86d5f124c88e953c831a359faf1ac7ba1e632749c1748281b83295d227fe6035b202d81f3d3a1ea13891f150c6538e040668d6126a
+  languageName: node
+  linkType: hard
+
+"@babel/helper-module-imports@npm:^7.10.4, @babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-module-imports@npm:7.25.9"
+  dependencies:
+    "@babel/traverse": "npm:^7.25.9"
+    "@babel/types": "npm:^7.25.9"
+  checksum: 10/e090be5dee94dda6cd769972231b21ddfae988acd76b703a480ac0c96f3334557d70a965bf41245d6ee43891e7571a8b400ccf2b2be5803351375d0f4e5bcf08
+  languageName: node
+  linkType: hard
+
+"@babel/helper-module-imports@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/helper-module-imports@npm:7.27.1"
+  dependencies:
+    "@babel/traverse": "npm:^7.27.1"
+    "@babel/types": "npm:^7.27.1"
+  checksum: 10/58e792ea5d4ae71676e0d03d9fef33e886a09602addc3bd01388a98d87df9fcfd192968feb40ac4aedb7e287ec3d0c17b33e3ecefe002592041a91d8a1998a8d
+  languageName: node
+  linkType: hard
+
+"@babel/helper-module-transforms@npm:^7.25.9, @babel/helper-module-transforms@npm:^7.26.0":
+  version: 7.26.0
+  resolution: "@babel/helper-module-transforms@npm:7.26.0"
+  dependencies:
+    "@babel/helper-module-imports": "npm:^7.25.9"
+    "@babel/helper-validator-identifier": "npm:^7.25.9"
+    "@babel/traverse": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/9841d2a62f61ad52b66a72d08264f23052d533afc4ce07aec2a6202adac0bfe43014c312f94feacb3291f4c5aafe681955610041ece2c276271adce3f570f2f5
+  languageName: node
+  linkType: hard
+
+"@babel/helper-module-transforms@npm:^7.27.1":
+  version: 7.27.3
+  resolution: "@babel/helper-module-transforms@npm:7.27.3"
+  dependencies:
+    "@babel/helper-module-imports": "npm:^7.27.1"
+    "@babel/helper-validator-identifier": "npm:^7.27.1"
+    "@babel/traverse": "npm:^7.27.3"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/47abc90ceb181b4bdea9bf1717adf536d1b5e5acb6f6d8a7a4524080318b5ca8a99e6d58677268c596bad71077d1d98834d2c3815f2443e6d3f287962300f15d
+  languageName: node
+  linkType: hard
+
+"@babel/helper-optimise-call-expression@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-optimise-call-expression@npm:7.25.9"
+  dependencies:
+    "@babel/types": "npm:^7.25.9"
+  checksum: 10/f09d0ad60c0715b9a60c31841b3246b47d67650c512ce85bbe24a3124f1a4d66377df793af393273bc6e1015b0a9c799626c48e53747581c1582b99167cc65dc
+  languageName: node
+  linkType: hard
+
+"@babel/helper-optimise-call-expression@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/helper-optimise-call-expression@npm:7.27.1"
+  dependencies:
+    "@babel/types": "npm:^7.27.1"
+  checksum: 10/0fb7ee824a384529d6b74f8a58279f9b56bfe3cce332168067dddeab2552d8eeb56dc8eaf86c04a3a09166a316cb92dfc79c4c623cd034ad4c563952c98b464f
+  languageName: node
+  linkType: hard
+
+"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.20.2, @babel/helper-plugin-utils@npm:^7.22.5, @babel/helper-plugin-utils@npm:^7.24.8, @babel/helper-plugin-utils@npm:^7.25.9, @babel/helper-plugin-utils@npm:^7.8.0":
+  version: 7.25.9
+  resolution: "@babel/helper-plugin-utils@npm:7.25.9"
+  checksum: 10/e347d87728b1ab10b6976d46403941c8f9008c045ea6d99997a7ffca7b852dc34b6171380f7b17edf94410e0857ff26f3a53d8618f11d73744db86e8ca9b8c64
+  languageName: node
+  linkType: hard
+
+"@babel/helper-plugin-utils@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/helper-plugin-utils@npm:7.27.1"
+  checksum: 10/96136c2428888e620e2ec493c25888f9ceb4a21099dcf3dd4508ea64b58cdedbd5a9fb6c7b352546de84d6c24edafe482318646932a22c449ebd16d16c22d864
+  languageName: node
+  linkType: hard
+
+"@babel/helper-remap-async-to-generator@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-remap-async-to-generator@npm:7.25.9"
+  dependencies:
+    "@babel/helper-annotate-as-pure": "npm:^7.25.9"
+    "@babel/helper-wrap-function": "npm:^7.25.9"
+    "@babel/traverse": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/ea37ad9f8f7bcc27c109963b8ebb9d22bac7a5db2a51de199cb560e251d5593fe721e46aab2ca7d3e7a24b0aa4aff0eaf9c7307af9c2fd3a1d84268579073052
+  languageName: node
+  linkType: hard
+
+"@babel/helper-remap-async-to-generator@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/helper-remap-async-to-generator@npm:7.27.1"
+  dependencies:
+    "@babel/helper-annotate-as-pure": "npm:^7.27.1"
+    "@babel/helper-wrap-function": "npm:^7.27.1"
+    "@babel/traverse": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/0747397ba013f87dbf575454a76c18210d61c7c9af0f697546b4bcac670b54ddc156330234407b397f0c948738c304c228e0223039bc45eab4fbf46966a5e8cc
+  languageName: node
+  linkType: hard
+
+"@babel/helper-replace-supers@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-replace-supers@npm:7.25.9"
+  dependencies:
+    "@babel/helper-member-expression-to-functions": "npm:^7.25.9"
+    "@babel/helper-optimise-call-expression": "npm:^7.25.9"
+    "@babel/traverse": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/8ebf787016953e4479b99007bac735c9c860822fafc51bc3db67bc53814539888797238c81fa8b948b6da897eb7b1c1d4f04df11e501a7f0596b356be02de2ab
+  languageName: node
+  linkType: hard
+
+"@babel/helper-replace-supers@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/helper-replace-supers@npm:7.27.1"
+  dependencies:
+    "@babel/helper-member-expression-to-functions": "npm:^7.27.1"
+    "@babel/helper-optimise-call-expression": "npm:^7.27.1"
+    "@babel/traverse": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/72e3f8bef744c06874206bf0d80a0abbedbda269586966511c2491df4f6bf6d47a94700810c7a6737345a545dfb8295222e1e72f506bcd0b40edb3f594f739ea
+  languageName: node
+  linkType: hard
+
+"@babel/helper-skip-transparent-expression-wrappers@npm:^7.20.0, @babel/helper-skip-transparent-expression-wrappers@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.25.9"
+  dependencies:
+    "@babel/traverse": "npm:^7.25.9"
+    "@babel/types": "npm:^7.25.9"
+  checksum: 10/fdbb5248932198bc26daa6abf0d2ac42cab9c2dbb75b7e9f40d425c8f28f09620b886d40e7f9e4e08ffc7aaa2cefe6fc2c44be7c20e81f7526634702fb615bdc
+  languageName: node
+  linkType: hard
+
+"@babel/helper-skip-transparent-expression-wrappers@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.27.1"
+  dependencies:
+    "@babel/traverse": "npm:^7.27.1"
+    "@babel/types": "npm:^7.27.1"
+  checksum: 10/4f380c5d0e0769fa6942a468b0c2d7c8f0c438f941aaa88f785f8752c103631d0904c7b4e76207a3b0e6588b2dec376595370d92ca8f8f1b422c14a69aa146d4
+  languageName: node
+  linkType: hard
+
+"@babel/helper-string-parser@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-string-parser@npm:7.25.9"
+  checksum: 10/c28656c52bd48e8c1d9f3e8e68ecafd09d949c57755b0d353739eb4eae7ba4f7e67e92e4036f1cd43378cc1397a2c943ed7bcaf5949b04ab48607def0258b775
+  languageName: node
+  linkType: hard
+
+"@babel/helper-string-parser@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/helper-string-parser@npm:7.27.1"
+  checksum: 10/0ae29cc2005084abdae2966afdb86ed14d41c9c37db02c3693d5022fba9f5d59b011d039380b8e537c34daf117c549f52b452398f576e908fb9db3c7abbb3a00
+  languageName: node
+  linkType: hard
+
+"@babel/helper-validator-identifier@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-validator-identifier@npm:7.25.9"
+  checksum: 10/3f9b649be0c2fd457fa1957b694b4e69532a668866b8a0d81eabfa34ba16dbf3107b39e0e7144c55c3c652bf773ec816af8df4a61273a2bb4eb3145ca9cf478e
+  languageName: node
+  linkType: hard
+
+"@babel/helper-validator-identifier@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/helper-validator-identifier@npm:7.27.1"
+  checksum: 10/75041904d21bdc0cd3b07a8ac90b11d64cd3c881e89cb936fa80edd734bf23c35e6bd1312611e8574c4eab1f3af0f63e8a5894f4699e9cfdf70c06fcf4252320
+  languageName: node
+  linkType: hard
+
+"@babel/helper-validator-option@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-validator-option@npm:7.25.9"
+  checksum: 10/9491b2755948ebbdd68f87da907283698e663b5af2d2b1b02a2765761974b1120d5d8d49e9175b167f16f72748ffceec8c9cf62acfbee73f4904507b246e2b3d
+  languageName: node
+  linkType: hard
+
+"@babel/helper-validator-option@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/helper-validator-option@npm:7.27.1"
+  checksum: 10/db73e6a308092531c629ee5de7f0d04390835b21a263be2644276cb27da2384b64676cab9f22cd8d8dbd854c92b1d7d56fc8517cf0070c35d1c14a8c828b0903
+  languageName: node
+  linkType: hard
+
+"@babel/helper-wrap-function@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-wrap-function@npm:7.25.9"
+  dependencies:
+    "@babel/template": "npm:^7.25.9"
+    "@babel/traverse": "npm:^7.25.9"
+    "@babel/types": "npm:^7.25.9"
+  checksum: 10/988dcf49159f1c920d6b9486762a93767a6e84b5e593a6342bc235f3e47cc1cb0c048d8fca531a48143e6b7fce1ff12ddbf735cf5f62cb2f07192cf7c27b89cf
+  languageName: node
+  linkType: hard
+
+"@babel/helper-wrap-function@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/helper-wrap-function@npm:7.27.1"
+  dependencies:
+    "@babel/template": "npm:^7.27.1"
+    "@babel/traverse": "npm:^7.27.1"
+    "@babel/types": "npm:^7.27.1"
+  checksum: 10/effa5ba1732764982db52295a0003d0d6b527edf70d8c649f5a521808decbc47fc8f3c21cd31f7b6331192289f3bf5617141bce778fec45dcaedf5708d9c3140
+  languageName: node
+  linkType: hard
+
+"@babel/helpers@npm:^7.26.0":
+  version: 7.27.1
+  resolution: "@babel/helpers@npm:7.27.1"
+  dependencies:
+    "@babel/template": "npm:^7.27.1"
+    "@babel/types": "npm:^7.27.1"
+  checksum: 10/b86ee2c87d52640c63ec1fdf139d4560efc173ae6379659e0df49a3c0cf1d5f24436132ebb4459a4ee72418b43b39ee001f4e01465b48c8d31911a745ec4fd74
+  languageName: node
+  linkType: hard
+
+"@babel/highlight@npm:^7.10.4":
+  version: 7.25.9
+  resolution: "@babel/highlight@npm:7.25.9"
+  dependencies:
+    "@babel/helper-validator-identifier": "npm:^7.25.9"
+    chalk: "npm:^2.4.2"
+    js-tokens: "npm:^4.0.0"
+    picocolors: "npm:^1.0.0"
+  checksum: 10/0d165283dd4eb312292cea8fec3ae0d376874b1885f476014f0136784ed5b564b2c2ba2d270587ed546ee92505056dab56493f7960c01c4e6394d71d1b2e7db6
+  languageName: node
+  linkType: hard
+
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.1.6, @babel/parser@npm:^7.13.16, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.0, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.25.3, @babel/parser@npm:^7.25.4, @babel/parser@npm:^7.25.9, @babel/parser@npm:^7.26.0, @babel/parser@npm:^7.26.3":
+  version: 7.26.3
+  resolution: "@babel/parser@npm:7.26.3"
+  dependencies:
+    "@babel/types": "npm:^7.26.3"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 10/e7e3814b2dc9ee3ed605d38223471fa7d3a84cbe9474d2b5fa7ac57dc1ddf75577b1fd3a93bf7db8f41f28869bda795cddd80223f980be23623b6434bf4c88a8
+  languageName: node
+  linkType: hard
+
+"@babel/parser@npm:^7.27.2":
+  version: 7.27.2
+  resolution: "@babel/parser@npm:7.27.2"
+  dependencies:
+    "@babel/types": "npm:^7.27.1"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 10/133b4ccfbc01d4f36b0945937aabff87026c29fda6dcd3c842053a672e50f2487a101a3acd150bbaa2eecd33f3bd35650f95b806567c926f93b2af35c2b615c9
+  languageName: node
+  linkType: hard
+
+"@babel/parser@npm:^7.27.3, @babel/parser@npm:^7.27.4":
+  version: 7.27.4
+  resolution: "@babel/parser@npm:7.27.4"
+  dependencies:
+    "@babel/types": "npm:^7.27.3"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 10/5ff6db87fd17de99792bf9a54480feeb069fc90ffa64ce96524c7437222549c86dde10fc1c945d4e9a94f3f2fc6ee4b3e1cfaf372f844bd054791e30089e92cf
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/traverse": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/3c23ef34e3fd7da3578428cb488180ab6b7b96c9c141438374b6d87fa814d87de099f28098e5fc64726c19193a1da397e4d2351d40b459bcd2489993557e2c74
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/traverse": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/fe65257d5b82558bc6bc0f3a5a7a35b4166f71bed3747714dafb6360fadb15f036d568bc1fbeedae819165008c8feb646633ab91c0e3a95284963972f4fa9751
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-safari-class-field-initializer-scope@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-bugfix-safari-class-field-initializer-scope@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/d3e14ab1cb9cb50246d20cab9539f2fbd1e7ef1ded73980c8ad7c0561b4d5e0b144d362225f0976d47898e04cbd40f2000e208b0913bd788346cf7791b96af91
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-safari-class-field-initializer-scope@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-bugfix-safari-class-field-initializer-scope@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/eb7f4146dc01f1198ce559a90b077e58b951a07521ec414e3c7d4593bf6c4ab5c2af22242a7e9fec085e20299e0ba6ea97f44a45e84ab148141bf9eb959ad25e
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/a9d1ee3fd100d3eb6799a2f2bbd785296f356c531d75c9369f71541811fa324270258a374db103ce159156d006da2f33370330558d0133e6f7584152c34997ca
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/621cfddfcc99a81e74f8b6f9101fd260b27500cb1a568e3ceae9cc8afe9aee45ac3bca3900a2b66c612b1a2366d29ef67d4df5a1c975be727eaad6906f98c2c6
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.9"
+    "@babel/plugin-transform-optional-chaining": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.13.0
+  checksum: 10/5b298b28e156f64de51cdb03a2c5b80c7f978815ef1026f3ae8b9fc48d28bf0a83817d8fbecb61ef8fb94a7201f62cca5103cc6e7b9e8f28e38f766d7905b378
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.27.1"
+    "@babel/plugin-transform-optional-chaining": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.13.0
+  checksum: 10/f07aa80272bd7a46b7ba11a4644da6c9b6a5a64e848dfaffdad6f02663adefd512e1aaebe664c4dd95f7ed4f80c872c7f8db8d8e34b47aae0930b412a28711a0
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/traverse": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/cb893e5deb9312a0120a399835b6614a016c036714de7123c8edabccc56a09c4455016e083c5c4dd485248546d4e5e55fc0e9132b3c3a9bd16abf534138fe3f2
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/traverse": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/dfa68da5f68c0fa9deff1739ac270a5643ea07540b26a2a05403bc536c96595f0fe98a5eac9f9b3501b79ce57caa3045a94c75d5ccbfed946a62469a370ecdc2
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-class-properties@npm:^7.13.0":
+  version: 7.18.6
+  resolution: "@babel/plugin-proposal-class-properties@npm:7.18.6"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": "npm:^7.18.6"
+    "@babel/helper-plugin-utils": "npm:^7.18.6"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/49a78a2773ec0db56e915d9797e44fd079ab8a9b2e1716e0df07c92532f2c65d76aeda9543883916b8e0ff13606afeffa67c5b93d05b607bc87653ad18a91422
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-decorators@npm:^7.12.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-proposal-decorators@npm:7.25.9"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/plugin-syntax-decorators": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/f564de219ace3980cd679c719738390c02e2e6f562b330bfb941fab94c128bcb2b30e9970e1aae82d3b908703e162e4a62fb9269c7e9fb4bad83d0a56cdb41af
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-export-default-from@npm:^7.24.7":
+  version: 7.25.9
+  resolution: "@babel/plugin-proposal-export-default-from@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/0fb96b1229ed15ecfb09e6bf40be2da249007155a3deca53d319420a4d3c028c884e888c447898cbcdaa079165e045a8317be6a9205bef0041e7333822a40da9
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-nullish-coalescing-operator@npm:^7.13.8":
+  version: 7.18.6
+  resolution: "@babel/plugin-proposal-nullish-coalescing-operator@npm:7.18.6"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.18.6"
+    "@babel/plugin-syntax-nullish-coalescing-operator": "npm:^7.8.3"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/949c9ddcdecdaec766ee610ef98f965f928ccc0361dd87cf9f88cf4896a6ccd62fce063d4494778e50da99dea63d270a1be574a62d6ab81cbe9d85884bf55a7d
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-optional-chaining@npm:^7.13.12":
+  version: 7.21.0
+  resolution: "@babel/plugin-proposal-optional-chaining@npm:7.21.0"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.20.2"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.20.0"
+    "@babel/plugin-syntax-optional-chaining": "npm:^7.8.3"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/522cd133aff5c94c0ef36ff83c64f03deee183815da68b65b6950e81972ace3b514e032df07ea76d0f9ec8cc7a49578092907adfa17fccb4612117557c04a882
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-private-property-in-object@npm:7.21.0-placeholder-for-preset-env.2":
+  version: 7.21.0-placeholder-for-preset-env.2
+  resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.21.0-placeholder-for-preset-env.2"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/fab70f399aa869275690ec6c7cedb4ef361d4e8b6f55c3d7b04bfee61d52fb93c87cec2c65d73cddbaca89fb8ef5ec0921fce675c9169d9d51f18305ab34e78a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-async-generators@npm:^7.8.4":
+  version: 7.8.4
+  resolution: "@babel/plugin-syntax-async-generators@npm:7.8.4"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.8.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/7ed1c1d9b9e5b64ef028ea5e755c0be2d4e5e4e3d6cf7df757b9a8c4cfa4193d268176d0f1f7fbecdda6fe722885c7fda681f480f3741d8a2d26854736f05367
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-bigint@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-bigint@npm:7.8.3"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.8.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/3a10849d83e47aec50f367a9e56a6b22d662ddce643334b087f9828f4c3dd73bdc5909aaeabe123fed78515767f9ca43498a0e621c438d1cd2802d7fae3c9648
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-class-properties@npm:^7.12.13":
+  version: 7.12.13
+  resolution: "@babel/plugin-syntax-class-properties@npm:7.12.13"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.12.13"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/24f34b196d6342f28d4bad303612d7ff566ab0a013ce89e775d98d6f832969462e7235f3e7eaf17678a533d4be0ba45d3ae34ab4e5a9dcbda5d98d49e5efa2fc
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-class-static-block@npm:^7.14.5":
+  version: 7.14.5
+  resolution: "@babel/plugin-syntax-class-static-block@npm:7.14.5"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.14.5"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/3e80814b5b6d4fe17826093918680a351c2d34398a914ce6e55d8083d72a9bdde4fbaf6a2dcea0e23a03de26dc2917ae3efd603d27099e2b98380345703bf948
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-decorators@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-syntax-decorators@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/e22e85c0a780b9c10619996d8e9fdb5f151869e53ce2b82ea05a52d393a1dbfda82e5896e9a75775a78ca7f91bca3b7d6864bec401ae1e9dc2b490dc044cad8d
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-dynamic-import@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-dynamic-import@npm:7.8.3"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.8.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/ce307af83cf433d4ec42932329fad25fa73138ab39c7436882ea28742e1c0066626d224e0ad2988724c82644e41601cef607b36194f695cb78a1fcdc959637bd
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-export-default-from@npm:^7.24.7":
+  version: 7.25.9
+  resolution: "@babel/plugin-syntax-export-default-from@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/8eb254c8050369f3cfac7755230ad9d39a53d1b489e03170684d6b514a0d09ad6001c38e6dfd271a439a8035a57d60b8be7d3dd80f997c6bc5c7e688ed529517
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-flow@npm:^7.12.1, @babel/plugin-syntax-flow@npm:^7.25.9":
+  version: 7.26.0
+  resolution: "@babel/plugin-syntax-flow@npm:7.26.0"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/fdc0d0a7b512e00d933e12cf93c785ea4645a193f4b539230b7601cfaa8c704410199318ce9ea14e5fca7d13e9027822f7d81a7871d3e854df26b6af04cc3c6c
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-import-assertions@npm:^7.24.1, @babel/plugin-syntax-import-assertions@npm:^7.26.0":
+  version: 7.26.0
+  resolution: "@babel/plugin-syntax-import-assertions@npm:7.26.0"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/b58f2306df4a690ca90b763d832ec05202c50af787158ff8b50cdf3354359710bce2e1eb2b5135fcabf284756ac8eadf09ca74764aa7e76d12a5cac5f6b21e67
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-import-assertions@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-syntax-import-assertions@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/fb661d630808d67ecb85eabad25aac4e9696a20464bad4c4a6a0d3d40e4dc22557d47e9be3d591ec06429cf048cfe169b8891c373606344d51c4f3ac0f91d6d0
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-import-attributes@npm:^7.24.7, @babel/plugin-syntax-import-attributes@npm:^7.26.0":
+  version: 7.26.0
+  resolution: "@babel/plugin-syntax-import-attributes@npm:7.26.0"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/c122aa577166c80ee67f75aebebeef4150a132c4d3109d25d7fc058bf802946f883e330f20b78c1d3e3a5ada631c8780c263d2d01b5dbaecc69efefeedd42916
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-import-attributes@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-syntax-import-attributes@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/97973982fff1bbf86b3d1df13380567042887c50e2ae13a400d02a8ff2c9742a60a75e279bfb73019e1cd9710f04be5e6ab81f896e6678dcfcec8b135e8896cf
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-import-meta@npm:^7.10.4":
+  version: 7.10.4
+  resolution: "@babel/plugin-syntax-import-meta@npm:7.10.4"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.10.4"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/166ac1125d10b9c0c430e4156249a13858c0366d38844883d75d27389621ebe651115cb2ceb6dc011534d5055719fa1727b59f39e1ab3ca97820eef3dcab5b9b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-json-strings@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-json-strings@npm:7.8.3"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.8.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/bf5aea1f3188c9a507e16efe030efb996853ca3cadd6512c51db7233cc58f3ac89ff8c6bdfb01d30843b161cfe7d321e1bf28da82f7ab8d7e6bc5464666f354a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-jsx@npm:^7.25.9, @babel/plugin-syntax-jsx@npm:^7.7.2":
+  version: 7.25.9
+  resolution: "@babel/plugin-syntax-jsx@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/bb609d1ffb50b58f0c1bac8810d0e46a4f6c922aa171c458f3a19d66ee545d36e782d3bffbbc1fed0dc65a558bdce1caf5279316583c0fff5a2c1658982a8563
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-jsx@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-syntax-jsx@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/c6d1324cff286a369aa95d99b8abd21dd07821b5d3affd5fe7d6058c84cff9190743287826463ee57a7beecd10fa1e4bc99061df532ee14e188c1c8937b13e3a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-logical-assignment-operators@npm:^7.10.4":
+  version: 7.10.4
+  resolution: "@babel/plugin-syntax-logical-assignment-operators@npm:7.10.4"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.10.4"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/aff33577037e34e515911255cdbb1fd39efee33658aa00b8a5fd3a4b903585112d037cce1cc9e4632f0487dc554486106b79ccd5ea63a2e00df4363f6d4ff886
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-nullish-coalescing-operator@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-nullish-coalescing-operator@npm:7.8.3"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.8.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/87aca4918916020d1fedba54c0e232de408df2644a425d153be368313fdde40d96088feed6c4e5ab72aac89be5d07fef2ddf329a15109c5eb65df006bf2580d1
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-numeric-separator@npm:^7.10.4":
+  version: 7.10.4
+  resolution: "@babel/plugin-syntax-numeric-separator@npm:7.10.4"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.10.4"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/01ec5547bd0497f76cc903ff4d6b02abc8c05f301c88d2622b6d834e33a5651aa7c7a3d80d8d57656a4588f7276eba357f6b7e006482f5b564b7a6488de493a1
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-object-rest-spread@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-object-rest-spread@npm:7.8.3"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.8.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/fddcf581a57f77e80eb6b981b10658421bc321ba5f0a5b754118c6a92a5448f12a0c336f77b8abf734841e102e5126d69110a306eadb03ca3e1547cab31f5cbf
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-optional-catch-binding@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-optional-catch-binding@npm:7.8.3"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.8.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/910d90e72bc90ea1ce698e89c1027fed8845212d5ab588e35ef91f13b93143845f94e2539d831dc8d8ededc14ec02f04f7bd6a8179edd43a326c784e7ed7f0b9
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-optional-chaining@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-optional-chaining@npm:7.8.3"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.8.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/eef94d53a1453361553c1f98b68d17782861a04a392840341bc91780838dd4e695209c783631cf0de14c635758beafb6a3a65399846ffa4386bff90639347f30
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-private-property-in-object@npm:^7.14.5":
+  version: 7.14.5
+  resolution: "@babel/plugin-syntax-private-property-in-object@npm:7.14.5"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.14.5"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/b317174783e6e96029b743ccff2a67d63d38756876e7e5d0ba53a322e38d9ca452c13354a57de1ad476b4c066dbae699e0ca157441da611117a47af88985ecda
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-top-level-await@npm:^7.14.5":
+  version: 7.14.5
+  resolution: "@babel/plugin-syntax-top-level-await@npm:7.14.5"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.14.5"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/bbd1a56b095be7820029b209677b194db9b1d26691fe999856462e66b25b281f031f3dfd91b1619e9dcf95bebe336211833b854d0fb8780d618e35667c2d0d7e
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-typescript@npm:^7.25.9, @babel/plugin-syntax-typescript@npm:^7.7.2":
+  version: 7.25.9
+  resolution: "@babel/plugin-syntax-typescript@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/0e9821e8ba7d660c36c919654e4144a70546942ae184e85b8102f2322451eae102cbfadbcadd52ce077a2b44b400ee52394c616feab7b5b9f791b910e933fd33
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-typescript@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-syntax-typescript@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/87836f7e32af624c2914c73cd6b9803cf324e07d43f61dbb973c6a86f75df725e12540d91fac7141c14b697aa9268fd064220998daced156e96ac3062d7afb41
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-unicode-sets-regex@npm:^7.18.6":
+  version: 7.18.6
+  resolution: "@babel/plugin-syntax-unicode-sets-regex@npm:7.18.6"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.18.6"
+    "@babel/helper-plugin-utils": "npm:^7.18.6"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/a651d700fe63ff0ddfd7186f4ebc24447ca734f114433139e3c027bc94a900d013cf1ef2e2db8430425ba542e39ae160c3b05f06b59fd4656273a3df97679e9c
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-arrow-functions@npm:^7.0.0-0, @babel/plugin-transform-arrow-functions@npm:^7.24.7, @babel/plugin-transform-arrow-functions@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-arrow-functions@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/c29f081224859483accf55fb4d091db2aac0dcd0d7954bac5ca889030cc498d3f771aa20eb2e9cd8310084ec394d85fa084b97faf09298b6bc9541182b3eb5bb
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-arrow-functions@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-arrow-functions@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/62c2cc0ae2093336b1aa1376741c5ed245c0987d9e4b4c5313da4a38155509a7098b5acce582b6781cc0699381420010da2e3086353344abe0a6a0ec38961eb7
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-async-generator-functions@npm:^7.25.4, @babel/plugin-transform-async-generator-functions@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/helper-remap-async-to-generator": "npm:^7.25.9"
+    "@babel/traverse": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/99306c44a4a791abd51a56d89fa61c4cfe805a58e070c7fb1cbf950886778a6c8c4f25a92d231f91da1746d14a338436073fd83038e607f03a2a98ac5340406b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-async-generator-functions@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/helper-remap-async-to-generator": "npm:^7.27.1"
+    "@babel/traverse": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/92e8ba589e8b128255846375e13fee30a3b77c889578f1f30da57ee26133f397dbbc81b27e1f19c12080b096930e62bce1dcbaa7a1453d296f51eb8bda3b8d39
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-async-to-generator@npm:^7.24.7, @babel/plugin-transform-async-to-generator@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-async-to-generator@npm:7.25.9"
+  dependencies:
+    "@babel/helper-module-imports": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/helper-remap-async-to-generator": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/b3ad50fb93c171644d501864620ed23952a46648c4df10dc9c62cc9ad08031b66bd272cfdd708faeee07c23b6251b16f29ce0350473e4c79f0c32178d38ce3a6
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-async-to-generator@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-async-to-generator@npm:7.27.1"
+  dependencies:
+    "@babel/helper-module-imports": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/helper-remap-async-to-generator": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/d79d7a7ae7d416f6a48200017d027a6ba94c09c7617eea8b4e9c803630f00094c1a4fc32bf20ce3282567824ce3fcbda51653aac4003c71ea4e681b331338979
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-block-scoped-functions@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/bf31896556b33a80f017af3d445ceb532ec0f5ca9d69bc211a963ac92514d172d5c24c5ac319f384d9dfa7f1a4d8dc23032c2fe3e74f98a59467ecd86f7033ae
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-block-scoped-functions@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/7fb4988ca80cf1fc8345310d5edfe38e86b3a72a302675cdd09404d5064fe1d1fe1283ebe658ad2b71445ecef857bfb29a748064306b5f6c628e0084759c2201
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-block-scoping@npm:^7.25.0, @babel/plugin-transform-block-scoping@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-block-scoping@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/89dcdd7edb1e0c2f44e3c568a8ad8202e2574a8a8308248550a9391540bc3f5c9fbd8352c60ae90769d46f58d3ab36f2c3a0fbc1c3620813d92ff6fccdfa79c8
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-block-scoping@npm:^7.27.1":
+  version: 7.27.3
+  resolution: "@babel/plugin-transform-block-scoping@npm:7.27.3"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/0c174b0820edf6efc203de06e86897090cc91cb2beec6cfadb53baa1fe4619d11115578e3d56aa37ab5dee4fa79ecf8a736fdb689456a92666e55d0f86ae40ed
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-class-properties@npm:^7.0.0-0, @babel/plugin-transform-class-properties@npm:^7.24.1, @babel/plugin-transform-class-properties@npm:^7.25.4, @babel/plugin-transform-class-properties@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-class-properties@npm:7.25.9"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/a8d69e2c285486b63f49193cbcf7a15e1d3a5f632c1c07d7a97f65306df7f554b30270b7378dde143f8b557d1f8f6336c643377943dec8ec405e4cd11e90b9ea
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-class-properties@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-class-properties@npm:7.27.1"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/475a6e5a9454912fe1bdc171941976ca10ea4e707675d671cdb5ce6b6761d84d1791ac61b6bca81a2e5f6430cb7b9d8e4b2392404110e69c28207a754e196294
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-class-static-block@npm:^7.26.0":
+  version: 7.26.0
+  resolution: "@babel/plugin-transform-class-static-block@npm:7.26.0"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.12.0
+  checksum: 10/60cba3f125a7bc4f90706af0a011697c7ffd2eddfba336ed6f84c5f358c44c3161af18b0202475241a96dee7964d96dd3a342f46dbf85b75b38bb789326e1766
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-class-static-block@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-class-static-block@npm:7.27.1"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.12.0
+  checksum: 10/2d49de0f5ffc66ae873be1d8c3bf4d22e51889cc779d534e4dbda0f91e36907479e5c650b209fcfc80f922a6c3c2d76c905fc2f5dc78cc9a836f8c31b10686c4
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-classes@npm:^7.0.0-0, @babel/plugin-transform-classes@npm:^7.25.4, @babel/plugin-transform-classes@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-classes@npm:7.25.9"
+  dependencies:
+    "@babel/helper-annotate-as-pure": "npm:^7.25.9"
+    "@babel/helper-compilation-targets": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/helper-replace-supers": "npm:^7.25.9"
+    "@babel/traverse": "npm:^7.25.9"
+    globals: "npm:^11.1.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/1914ebe152f35c667fba7bf17ce0d9d0f33df2fb4491990ce9bb1f9ec5ae8cbd11d95b0dc371f7a4cc5e7ce4cf89467c3e34857302911fc6bfb6494a77f7b37e
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-classes@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-classes@npm:7.27.1"
+  dependencies:
+    "@babel/helper-annotate-as-pure": "npm:^7.27.1"
+    "@babel/helper-compilation-targets": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/helper-replace-supers": "npm:^7.27.1"
+    "@babel/traverse": "npm:^7.27.1"
+    globals: "npm:^11.1.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/4ac2224fa68b933c80b4755300d795e055f6fb18c51432e9a4c048edcd6c64cae097eb9063d25f6c7e706ecd85a4c0b89b6f89b320b5798e3139c9cc4ff99f61
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-computed-properties@npm:^7.24.7, @babel/plugin-transform-computed-properties@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-computed-properties@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/template": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/aa1a9064d6a9d3b569b8cae6972437315a38a8f6553ee618406da5122500a06c2f20b9fa93aeed04dd895923bf6f529c09fc79d4be987ec41785ceb7d2203122
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-computed-properties@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-computed-properties@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/template": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/101f6d4575447070943d5a9efaa5bea8c552ea3083d73a9612f1a16d38b0a0a7b79a5feb65c6cc4e4fcabf28e85a570b97ccd3294da966e8fbbb6dfb97220eda
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-destructuring@npm:^7.24.8, @babel/plugin-transform-destructuring@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-destructuring@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/51b24fbead910ad0547463b2d214dd08076b22a66234b9f878b8bac117603dd23e05090ff86e9ffc373214de23d3e5bf1b095fe54cce2ca16b010264d90cf4f5
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-destructuring@npm:^7.27.1, @babel/plugin-transform-destructuring@npm:^7.27.3":
+  version: 7.27.3
+  resolution: "@babel/plugin-transform-destructuring@npm:7.27.3"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/d5b1868d079551c0a2e923419613efe18a987548219bb378c61ab7e005d4f3ea590067f93996df6d896177c1cae1396b4aae9163c8a4ee77e9ffbc11a78fb88d
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-dotall-regex@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-dotall-regex@npm:7.25.9"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/8bdf1bb9e6e3a2cc8154ae88a3872faa6dc346d6901994505fb43ac85f858728781f1219f40b67f7bb0687c507450236cb7838ac68d457e65637f98500aa161b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-dotall-regex@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-dotall-regex@npm:7.27.1"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/2173e5b13f403538ffc6bd57b190cedf4caf320abc13a99e5b2721864e7148dbd3bd7c82d92377136af80432818f665fdd9a1fd33bc5549a4c91e24e5ce2413c
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-duplicate-keys@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-duplicate-keys@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/10dbb87bc09582416f9f97ca6c40563655abf33e3fd0fee25eeaeff28e946a06651192112a2bc2b18c314a638fa15c55b8365a677ef67aa490848cefdc57e1d8
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-duplicate-keys@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-duplicate-keys@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/987b718d2fab7626f61b72325c8121ead42341d6f46ad3a9b5e5f67f3ec558c903f1b8336277ffc43caac504ce00dd23a5456b5d1da23913333e1da77751f08d
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-duplicate-named-capturing-groups-regex@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-duplicate-named-capturing-groups-regex@npm:7.25.9"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/f7233cf596be8c6843d31951afaf2464a62a610cb89c72c818c044765827fab78403ab8a7d3a6386f838c8df574668e2a48f6c206b1d7da965aff9c6886cb8e6
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-duplicate-named-capturing-groups-regex@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-duplicate-named-capturing-groups-regex@npm:7.27.1"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/2a109613535e6ac79240dced71429e988affd6a5b3d0cd0f563c8d6c208c51ce7bf2c300bc1150502376b26a51f279119b3358f1c0f2d2f8abca3bcd62e1ae46
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-dynamic-import@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-dynamic-import@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/aaca1ccda819be9b2b85af47ba08ddd2210ff2dbea222f26e4cd33f97ab020884bf81a66197e50872721e9daf36ceb5659502c82199884ea74d5d75ecda5c58b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-dynamic-import@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-dynamic-import@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/7a9fbc8d17148b7f11a1d1ca3990d2c2cd44bd08a45dcaf14f20a017721235b9044b20e6168b6940282bb1b48fb78e6afbdfb9dd9d82fde614e15baa7d579932
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-exponentiation-operator@npm:^7.25.9":
+  version: 7.26.3
+  resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.26.3"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/0d8da2e552a50a775fe8e6e3c32621d20d3c5d1af7ab40ca2f5c7603de057b57b1b5850f74040e4ecbe36c09ac86d92173ad1e223a2a3b3df3cc359ca4349738
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-exponentiation-operator@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/dbbedd24724c2d590ef59d32cb1fef34e99daba41c5b621f9f4c4da23e15c2bb4b1e3d954c314645016391404cf00f1e4ddec8f1f7891438bcde9aaf16e16ee0
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-export-namespace-from@npm:^7.23.4, @babel/plugin-transform-export-namespace-from@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-export-namespace-from@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/85082923eca317094f08f4953d8ea2a6558b3117826c0b740676983902b7236df1f4213ad844cb38c2dae104753dbe8f1cc51f01567835d476d32f5f544a4385
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-export-namespace-from@npm:^7.24.1, @babel/plugin-transform-export-namespace-from@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-export-namespace-from@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/4dfe8df86c5b1d085d591290874bb2d78a9063090d71567ed657a418010ad333c3f48af2c974b865f53bbb718987a065f89828d43279a7751db1a56c9229078d
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-flow-strip-types@npm:^7.25.2, @babel/plugin-transform-flow-strip-types@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-flow-strip-types@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/plugin-syntax-flow": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/a3ffc76bbc922720debe973bccb501ccbda0d6d32d80c9efd599ab1b683fd72cae3198975d8609b37070fc32f921a9eb7d2db17b7b719395468773be41011822
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-for-of@npm:^7.24.7, @babel/plugin-transform-for-of@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-for-of@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/63a2db7fe06c2e3f5fc1926f478dac66a5f7b3eaeb4a0ffae577e6f3cb3d822cb1ed2ed3798f70f5cb1aa06bc2ad8bcd1f557342f5c425fd83c37a8fc1cfd2ba
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-for-of@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-for-of@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/705c591d17ef263c309bba8c38e20655e8e74ff7fd21883a9cdaf5bf1df42d724383ad3d88ac01f42926e15b1e1e66f2f7f8c4e87de955afffa290d52314b019
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-function-name@npm:^7.25.1, @babel/plugin-transform-function-name@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-function-name@npm:7.25.9"
+  dependencies:
+    "@babel/helper-compilation-targets": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/traverse": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/a8d7c8d019a6eb57eab5ca1be3e3236f175557d55b1f3b11f8ad7999e3fbb1cf37905fd8cb3a349bffb4163a558e9f33b63f631597fdc97c858757deac1b2fd7
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-function-name@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-function-name@npm:7.27.1"
+  dependencies:
+    "@babel/helper-compilation-targets": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/traverse": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/26a2a183c3c52a96495967420a64afc5a09f743a230272a131668abf23001e393afa6371e6f8e6c60f4182bea210ed31d1caf866452d91009c1daac345a52f23
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-json-strings@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-json-strings@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/e2498d84761cfd05aaea53799933d55af309c9d6204e66b38778792d171e4d1311ad34f334259a3aa3407dd0446f6bd3e390a1fcb8ce2e42fe5aabed0e41bee1
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-json-strings@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-json-strings@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/2c05a02f63b49f47069271b3405a66c3c8038de5b995b0700b1bd9a5e2bb3e67abd01e4604629302a521f4d8122a4233944aefa16559fd4373d256cc5d3da57f
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-literals@npm:^7.25.2, @babel/plugin-transform-literals@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-literals@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/3cca75823a38aab599bc151b0fa4d816b5e1b62d6e49c156aa90436deb6e13649f5505973151a10418b64f3f9d1c3da53e38a186402e0ed7ad98e482e70c0c14
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-literals@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-literals@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/0a76d12ab19f32dd139964aea7da48cecdb7de0b75e207e576f0f700121fe92367d788f328bf4fb44b8261a0f605c97b44e62ae61cddbb67b14e94c88b411f95
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-logical-assignment-operators@npm:^7.24.7, @babel/plugin-transform-logical-assignment-operators@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/8c6febb4ac53852314d28b5e2c23d5dbbff7bf1e57d61f9672e0d97531ef7778b3f0ad698dcf1179f5486e626c77127508916a65eb846a89e98a92f70ed3537b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-logical-assignment-operators@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/2757955d81d65cc4701c17b83720745f6858f7a1d1d58117e379c204f47adbeb066b778596b6168bdbf4a22c229aab595d79a9abc261d0c6bfd62d4419466e73
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-member-expression-literals@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-member-expression-literals@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/db92041ae87b8f59f98b50359e0bb172480f6ba22e5e76b13bdfe07122cbf0daa9cd8ad2e78dcb47939938fed88ad57ab5989346f64b3a16953fc73dea3a9b1f
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-member-expression-literals@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-member-expression-literals@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/804121430a6dcd431e6ffe99c6d1fbbc44b43478113b79c677629e7f877b4f78a06b69c6bfb2747fd84ee91879fe2eb32e4620b53124603086cf5b727593ebe8
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-modules-amd@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-modules-amd@npm:7.25.9"
+  dependencies:
+    "@babel/helper-module-transforms": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/75d34c6e709a23bcfa0e06f722c9a72b1d9ac3e7d72a07ef54a943d32f65f97cbbf0e387d874eb9d9b4c8d33045edfa8e8441d0f8794f3c2b9f1d71b928acf2c
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-modules-amd@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-modules-amd@npm:7.27.1"
+  dependencies:
+    "@babel/helper-module-transforms": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/5ca9257981f2bbddd9dccf9126f1368de1cb335e7a5ff5cca9282266825af5b18b5f06c144320dcf5d2a200d2b53b6d22d9b801a55dc0509ab5a5838af7e61b7
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-modules-commonjs@npm:^7.13.8, @babel/plugin-transform-modules-commonjs@npm:^7.24.8, @babel/plugin-transform-modules-commonjs@npm:^7.25.9":
+  version: 7.26.3
+  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.26.3"
+  dependencies:
+    "@babel/helper-module-transforms": "npm:^7.26.0"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/f817f02fa04d13f1578f3026239b57f1003bebcf9f9b8d854714bed76a0e4986c79bd6d2e0ac14282c5d309454a8dab683c179709ca753b0152a69c69f3a78e3
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-modules-commonjs@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.27.1"
+  dependencies:
+    "@babel/helper-module-transforms": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/9059243a977bc1f13e3dccfc6feb6508890e7c7bb191f7eb56626b20672b4b12338051ca835ab55426875a473181502c8f35b4df58ba251bef63b25866d995fe
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-modules-systemjs@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.25.9"
+  dependencies:
+    "@babel/helper-module-transforms": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/helper-validator-identifier": "npm:^7.25.9"
+    "@babel/traverse": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/03145aa89b7c867941a03755216cfb503df6d475a78df84849a157fa5f2fcc17ba114a968d0579ae34e7c61403f35d1ba5d188fdfb9ad05f19354eb7605792f9
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-modules-systemjs@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.27.1"
+  dependencies:
+    "@babel/helper-module-transforms": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/helper-validator-identifier": "npm:^7.27.1"
+    "@babel/traverse": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/06d7bf76ac4688a36ae8e8d2dde1c3b8bab4594362132b74a00d5a32e6716944d68911b9bc53df60e59f4f9c7f1796525503ce3e3eed42f842d7775ccdfd836e
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-modules-umd@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-modules-umd@npm:7.25.9"
+  dependencies:
+    "@babel/helper-module-transforms": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/47d03485fedac828832d9fee33b3b982a6db8197e8651ceb5d001890e276150b5a7ee3e9780749e1ba76453c471af907a159108832c24f93453dd45221788e97
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-modules-umd@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-modules-umd@npm:7.27.1"
+  dependencies:
+    "@babel/helper-module-transforms": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/7388932863b4ee01f177eb6c2e2df9e2312005e43ada99897624d5565db4b9cef1e30aa7ad2c79bbe5373f284cfcddea98d8fe212714a24c6aba223272163058
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.24.7, @babel/plugin-transform-named-capturing-groups-regex@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.25.9"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/434346ba05cf74e3f4704b3bdd439287b95cd2a8676afcdc607810b8c38b6f4798cd69c1419726b2e4c7204e62e4a04d31b0360e91ca57a930521c9211e07789
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.27.1"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/a711c92d9753df26cefc1792481e5cbff4fe4f32b383d76b25e36fa865d8023b1b9aa6338cf18f5c0e864c71a7fbe8115e840872ccd61a914d9953849c68de7d
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-new-target@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-new-target@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/07bb3a09028ee7b8e8ede6e6390e3b3aecc5cf9adb2fc5475ff58036c552b8a3f8e63d4c43211a60545f3307cdc15919f0e54cb5455d9546daed162dc54ff94e
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-new-target@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-new-target@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/620d78ee476ae70960989e477dc86031ffa3d554b1b1999e6ec95261629f7a13e5a7b98579c63a009f9fdf14def027db57de1f0ae1f06fb6eaed8908ff65cf68
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.0.0-0, @babel/plugin-transform-nullish-coalescing-operator@npm:^7.24.7, @babel/plugin-transform-nullish-coalescing-operator@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/26e03b1c2c0408cc300e46d8f8cb639653ff3a7b03456d0d8afbb53c44f33a89323f51d99991dade3a5676921119bbdf869728bb7911799b5ef99ffafa2cdd24
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/15333f4888ffedc449a2a21a0b1ca7983e089f43faa00cfb71d2466e20221a5fd979cdb1a3f57bc20fc62c67bd3ff3dde054133fb6324a58be8f64d20aefacd2
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-numeric-separator@npm:^7.24.1, @babel/plugin-transform-numeric-separator@npm:^7.24.7, @babel/plugin-transform-numeric-separator@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-numeric-separator@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/0528ef041ed88e8c3f51624ee87b8182a7f246fe4013f0572788e0727d20795b558f2b82e3989b5dd416cbd339500f0d88857de41b6d3b6fdacb1d5344bcc5b1
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-numeric-separator@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-numeric-separator@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/049b958911de86d32408cd78017940a207e49c054ae9534ab53a32a57122cc592c0aae3c166d6f29bd1a7d75cc779d71883582dd76cb28b2fbb493e842d8ffca
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-object-rest-spread@npm:^7.24.1, @babel/plugin-transform-object-rest-spread@npm:^7.24.7, @babel/plugin-transform-object-rest-spread@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.25.9"
+  dependencies:
+    "@babel/helper-compilation-targets": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/plugin-transform-parameters": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/a157ac5af2721090150858f301d9c0a3a0efb8ef66b90fce326d6cc0ae45ab97b6219b3e441bf8d72a2287e95eb04dd6c12544da88ea2345e70b3fac2c0ac9e2
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-object-rest-spread@npm:^7.27.2":
+  version: 7.27.3
+  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.27.3"
+  dependencies:
+    "@babel/helper-compilation-targets": "npm:^7.27.2"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/plugin-transform-destructuring": "npm:^7.27.3"
+    "@babel/plugin-transform-parameters": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/7cc7be29a99010aac04fd78383f06d550b26460ea5367489e58ae484f0ed2f176966f0196bea0c2114a9872dd854a482bca38a9fad661c9d10d102c7195d53fd
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-object-super@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-object-super@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/helper-replace-supers": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/1817b5d8b80e451ae1ad9080cca884f4f16df75880a158947df76a2ed8ab404d567a7dce71dd8051ef95f90fbe3513154086a32aba55cc76027f6cbabfbd7f98
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-object-super@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-object-super@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/helper-replace-supers": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/46b819cb9a6cd3cfefe42d07875fee414f18d5e66040366ae856116db560ad4e16f3899a0a7fddd6773e0d1458444f94b208b67c0e3b6977a27ea17a5c13dbf6
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-optional-catch-binding@npm:^7.24.7, @babel/plugin-transform-optional-catch-binding@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/b46a8d1e91829f3db5c252583eb00d05a779b4660abeea5500fda0f8ffa3584fd18299443c22f7fddf0ed9dfdb73c782c43b445dc468d4f89803f2356963b406
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-optional-catch-binding@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/f4356b04cf21a98480f9788ea50f1f13ee88e89bb6393ba4b84d1f39a4a84c7928c9a4328e8f4c5b6deb218da68a8fd17bf4f46faec7653ddc20ffaaa5ba49f4
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-optional-chaining@npm:^7.0.0-0, @babel/plugin-transform-optional-chaining@npm:^7.24.8, @babel/plugin-transform-optional-chaining@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-optional-chaining@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/bc838a499fd9892e163b8bc9bfbc4bf0b28cc3232ee0a6406ae078257c8096518f871d09b4a32c11f4a2d6953c3bc1984619ef748f7ad45aed0b0d9689a8eb36
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-optional-chaining@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-optional-chaining@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/34b0f96400c259a2722740d17a001fe45f78d8ff052c40e29db2e79173be72c1cfe8d9681067e3f5da3989e4a557402df5c982c024c18257587a41e022f95640
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-parameters@npm:^7.24.7, @babel/plugin-transform-parameters@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-parameters@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/014009a1763deb41fe9f0dbca2c4489ce0ac83dd87395f488492e8eb52399f6c883d5bd591bae3b8836f2460c3937fcebd07e57dce1e0bfe30cdbc63fdfc9d3a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-parameters@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-parameters@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/47db574f8f3adf7a5d85933c9a2a2dee956ceda9e00fb4e03e9a9d600b559f06cba2da7c5e78a12b05dcf993cf147634edf0391f3f20a6b451830f41be47fe68
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-private-methods@npm:^7.24.7, @babel/plugin-transform-private-methods@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-private-methods@npm:7.25.9"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/6e3671b352c267847c53a170a1937210fa8151764d70d25005e711ef9b21969aaf422acc14f9f7fb86bc0e4ec43e7aefcc0ad9196ae02d262ec10f509f126a58
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-private-methods@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-private-methods@npm:7.27.1"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/c76f8f6056946466116e67eb9d8014a2d748ade2062636ab82045c1dac9c233aff10e597777bc5af6f26428beb845ceb41b95007abef7d0484da95789da56662
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-private-property-in-object@npm:^7.24.7, @babel/plugin-transform-private-property-in-object@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-private-property-in-object@npm:7.25.9"
+  dependencies:
+    "@babel/helper-annotate-as-pure": "npm:^7.25.9"
+    "@babel/helper-create-class-features-plugin": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/aa45bb5669b610afa763d774a4b5583bb60ce7d38e4fd2dedfd0703e73e25aa560e6c6124e155aa90b101601743b127d9e5d3eb00989a7e4b4ab9c2eb88475ba
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-private-property-in-object@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-private-property-in-object@npm:7.27.1"
+  dependencies:
+    "@babel/helper-annotate-as-pure": "npm:^7.27.1"
+    "@babel/helper-create-class-features-plugin": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/d4466d42a02c5a318d9d7b8102969fd032b17ff044918dfd462d5cc49bd11f5773ee0794781702afdf4727ba11e9be6cbea1e396bc0a7307761bb9a56399012a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-property-literals@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-property-literals@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/436046ab07d54a9b44a384eeffec701d4e959a37a7547dda72e069e751ca7ff753d1782a8339e354b97c78a868b49ea97bf41bf5a44c6d7a3c0a05ad40eeb49c
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-property-literals@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-property-literals@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/7caec27d5ed8870895c9faf4f71def72745d69da0d8e77903146a4e135fd7bed5778f5f9cebb36c5fba86338e6194dd67a08c033fc84b4299b7eceab6d9630cb
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-constant-elements@npm:^7.21.3":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-react-constant-elements@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/d5843135107486c34320c4174fcd69e57335cc99a333a1d702a805675b22001be7f1b42b060faa745fd12af2c97f3825978ccbc94d12491e6b31b5c3b7c4632e
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-display-name@npm:^7.24.7, @babel/plugin-transform-react-display-name@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-react-display-name@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/dc7affde0ed98e40f629ee92a2fc44fbd8008aabda1ddb3f5bd2632699d3289b08dff65b26cf3b89dab46397ec440f453d19856bbb3a9a83df5b4ac6157c5c39
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-jsx-development@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-react-jsx-development@npm:7.25.9"
+  dependencies:
+    "@babel/plugin-transform-react-jsx": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/537d38369537f1eb56041c4b770bc0733fde1801a7f5ffef40a1217ea448f33ee2fa8e6098a58a82fd00e432c1b9426a66849496da419020c9eca3b1b1a23779
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-jsx-self@npm:^7.24.7":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-react-jsx-self@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/41c833cd7f91b1432710f91b1325706e57979b2e8da44e83d86312c78bbe96cd9ef778b4e79e4e17ab25fa32c72b909f2be7f28e876779ede28e27506c41f4ae
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-jsx-source@npm:^7.24.7":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-react-jsx-source@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/a3e0e5672e344e9d01fb20b504fe29a84918eaa70cec512c4d4b1b035f72803261257343d8e93673365b72c371f35cf34bb0d129720bf178a4c87812c8b9c662
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-jsx@npm:^7.25.2, @babel/plugin-transform-react-jsx@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-react-jsx@npm:7.25.9"
+  dependencies:
+    "@babel/helper-annotate-as-pure": "npm:^7.25.9"
+    "@babel/helper-module-imports": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/plugin-syntax-jsx": "npm:^7.25.9"
+    "@babel/types": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/eb179ecdf0ae19aed254105cf78fbac35f9983f51ed04b7b67c863a4820a70a879bd5da250ac518321f86df20eac010e53e3411c8750c386d51da30e4814bfb6
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-pure-annotations@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-react-pure-annotations@npm:7.25.9"
+  dependencies:
+    "@babel/helper-annotate-as-pure": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/9995c0fc7c25d3aaaa0ce84233de02eab2564ea111d0813ec5baa538eb21520402879cc787ad1ad4c2061b99cebc3beb09910e64c9592e8ccb42ae62d9e4fd9a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-regenerator@npm:^7.24.7, @babel/plugin-transform-regenerator@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-regenerator@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    regenerator-transform: "npm:^0.15.2"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/1c09e8087b476c5967282c9790fb8710e065eda77c60f6cb5da541edd59ded9d003d96f8ef640928faab4a0b35bf997673499a194973da4f0c97f0935807a482
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-regenerator@npm:^7.27.1":
+  version: 7.27.4
+  resolution: "@babel/plugin-transform-regenerator@npm:7.27.4"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/7048ed44b0dbb74f6527689e1e797e8bc20a1702f47e38b9f55e8e09ecf56ea520e7a67dfce5724f1dd24b33df98365e14c8d2c2b3f9145fa75a4f8404a64c4a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-regexp-modifiers@npm:^7.26.0":
+  version: 7.26.0
+  resolution: "@babel/plugin-transform-regexp-modifiers@npm:7.26.0"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/726deca486bbd4b176f8a966eb0f4aabc19d9def3b8dabb8b3a656778eca0df1fda3f3c92b213aa5a184232fdafd5b7bd73b4e24ca4345c498ef6baff2bda4e1
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-regexp-modifiers@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-regexp-modifiers@npm:7.27.1"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/f6cb385fe0e798bff7e9b20cf5912bf40e180895ff3610b1ccdce260f3c20daaebb3a99dc087c8168a99151cd3e16b94f4689fd5a4b01cf1834b45c133e620b2
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-reserved-words@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-reserved-words@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/8beda04481b25767acbd1f6b9ef7b3a9c12fbd9dcb24df45a6ad120e1dc4b247c073db60ac742f9093657d6d8c050501fc0606af042f81a3bb6a3ff862cddc47
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-reserved-words@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-reserved-words@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/dea0b66742d2863b369c06c053e11e15ba785892ea19cccf7aef3c1bdaa38b6ab082e19984c5ea7810d275d9445c5400fcc385ad71ce707ed9256fadb102af3b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-runtime@npm:^7.24.3, @babel/plugin-transform-runtime@npm:^7.24.7":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-runtime@npm:7.25.9"
+  dependencies:
+    "@babel/helper-module-imports": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    babel-plugin-polyfill-corejs2: "npm:^0.4.10"
+    babel-plugin-polyfill-corejs3: "npm:^0.10.6"
+    babel-plugin-polyfill-regenerator: "npm:^0.6.1"
+    semver: "npm:^6.3.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/d8d4f04a47cfc1a6103ecee8604750ba2184cd947ee1696cdc363639f0d4a3848839e20f0ca63511af9ad6742f7dd813cca5b2640353f7b0816bbc17ff0e9e88
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-shorthand-properties@npm:^7.0.0-0, @babel/plugin-transform-shorthand-properties@npm:^7.24.7, @babel/plugin-transform-shorthand-properties@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-shorthand-properties@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/f774995d58d4e3a992b732cf3a9b8823552d471040e280264dd15e0735433d51b468fef04d75853d061309389c66bda10ce1b298297ce83999220eb0ad62741d
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-shorthand-properties@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-shorthand-properties@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/fbba6e2aef0b69681acb68202aa249c0598e470cc0853d7ff5bd0171fd6a7ec31d77cfabcce9df6360fc8349eded7e4a65218c32551bd3fc0caaa1ac899ac6d4
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-spread@npm:^7.24.7, @babel/plugin-transform-spread@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-spread@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/fe72c6545267176cdc9b6f32f30f9ced37c1cafa1290e4436b83b8f377b4f1c175dad404228c96e3efdec75da692f15bfb9db2108fcd9ad260bc9968778ee41e
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-spread@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-spread@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/3edd28b07e1951f32aa2d380d9a0e0ed408c64a5cea2921d02308541042aca18f146b3a61e82e534d4d61cb3225dbc847f4f063aedfff6230b1a41282e95e8a2
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-sticky-regex@npm:^7.24.7, @babel/plugin-transform-sticky-regex@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-sticky-regex@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/7454b00844dbe924030dd15e2b3615b36e196500c4c47e98dabc6b37a054c5b1038ecd437e910aabf0e43bf56b973cb148d3437d50f6e2332d8309568e3e979b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-sticky-regex@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-sticky-regex@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/e1414a502efba92c7974681767e365a8cda6c5e9e5f33472a9eaa0ce2e75cea0a9bef881ff8dda37c7810ad902f98d3c00ead92a3ac3b73a79d011df85b5a189
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-template-literals@npm:^7.0.0-0, @babel/plugin-transform-template-literals@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-template-literals@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/92eb1d6e2d95bd24abbb74fa7640d02b66ff6214e0bb616d7fda298a7821ce15132a4265d576a3502a347a3c9e94b6c69ed265bb0784664592fa076785a3d16a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-template-literals@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-template-literals@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/93aad782503b691faef7c0893372d5243df3219b07f1f22cfc32c104af6a2e7acd6102c128439eab15336d048f1b214ca134b87b0630d8cd568bf447f78b25ce
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-typeof-symbol@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-typeof-symbol@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/3ae240358f0b0cd59f8610d6c59d395c216fd1bab407f7de58b86d592f030fb42b4d18e2456a29bee4a2ff014c4c1e3404c8ae64462b1155d1c053b2f9d73438
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-typeof-symbol@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-typeof-symbol@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/812d736402a6f9313b86b8adf36740394400be7a09c48e51ee45ab4a383a3f46fc618d656dd12e44934665e42ae71cf143e25b95491b699ef7c737950dbdb862
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-typescript@npm:^7.25.2, @babel/plugin-transform-typescript@npm:^7.25.9":
+  version: 7.26.3
+  resolution: "@babel/plugin-transform-typescript@npm:7.26.3"
+  dependencies:
+    "@babel/helper-annotate-as-pure": "npm:^7.25.9"
+    "@babel/helper-create-class-features-plugin": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.9"
+    "@babel/plugin-syntax-typescript": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/71e82045fc931112ca6cba1826a7d521a30514ea5e8370c3c083f6ee1ed624d62d91e1415fbc41ce9033c4e78ba638a904c43b2d7e023873f36675844b8a4963
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-typescript@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-typescript@npm:7.27.1"
+  dependencies:
+    "@babel/helper-annotate-as-pure": "npm:^7.27.1"
+    "@babel/helper-create-class-features-plugin": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.27.1"
+    "@babel/plugin-syntax-typescript": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/069b37c5beeb613635e65a3024d6f5f3da09c82137e055a7d413bfd2778d623879bd7b2985466fb66f8a32e805a9bf6aa7e336e6bfcf0304c869bb850e8400c9
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-unicode-escapes@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/f138cbee539963fb3da13f684e6f33c9f7495220369ae12a682b358f1e25ac68936825562c38eae87f01ac9992b2129208b35ec18533567fc805ce5ed0ffd775
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-unicode-escapes@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/87b9e49dee4ab6e78f4cdcdbdd837d7784f02868a96bfc206c8dbb17dd85db161b5a0ecbe95b19a42e8aea0ce57e80249e1facbf9221d7f4114d52c3b9136c9e
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-unicode-property-regex@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-unicode-property-regex@npm:7.25.9"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/201f6f46c1beb399e79aa208b94c5d54412047511795ce1e790edcd189cef73752e6a099fdfc01b3ad12205f139ae344143b62f21f44bbe02338a95e8506a911
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-unicode-property-regex@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-unicode-property-regex@npm:7.27.1"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/5d99c89537d1ebaac3f526c04b162cf95a47d363d4829f78c6701a2c06ab78a48da66a94f853f85f44a3d72153410ba923e072bed4b7166fa097f503eb14131d
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-unicode-regex@npm:^7.0.0-0, @babel/plugin-transform-unicode-regex@npm:^7.24.7, @babel/plugin-transform-unicode-regex@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-unicode-regex@npm:7.25.9"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/e8baae867526e179467c6ef5280d70390fa7388f8763a19a27c21302dd59b121032568be080749514b097097ceb9af716bf4b90638f1b3cf689aa837ba20150f
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-unicode-regex@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-unicode-regex@npm:7.27.1"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/a34d89a2b75fb78e66d97c3dc90d4877f7e31f43316b52176f95a5dee20e9bb56ecf158eafc42a001676ddf7b393d9e67650bad6b32f5405780f25fb83cd68e3
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-unicode-sets-regex@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.25.9"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/4445ef20de687cb4dcc95169742a8d9013d680aa5eee9186d8e25875bbfa7ee5e2de26a91177ccf70b1db518e36886abcd44750d28db5d7a9539f0efa6839f4b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-unicode-sets-regex@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.27.1"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/295126074c7388ab05c82ef3ed0907a1ee4666bbdd763477ead9aba6eb2c74bdf65669416861ac93d337a4a27640963bb214acadc2697275ce95aab14868d57f
+  languageName: node
+  linkType: hard
+
+"@babel/preset-env@npm:^7.11.0, @babel/preset-env@npm:^7.20.2, @babel/preset-env@npm:^7.24.4, @babel/preset-env@npm:^7.26.0":
+  version: 7.26.0
+  resolution: "@babel/preset-env@npm:7.26.0"
+  dependencies:
+    "@babel/compat-data": "npm:^7.26.0"
+    "@babel/helper-compilation-targets": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/helper-validator-option": "npm:^7.25.9"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "npm:^7.25.9"
+    "@babel/plugin-bugfix-safari-class-field-initializer-scope": "npm:^7.25.9"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "npm:^7.25.9"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "npm:^7.25.9"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "npm:^7.25.9"
+    "@babel/plugin-proposal-private-property-in-object": "npm:7.21.0-placeholder-for-preset-env.2"
+    "@babel/plugin-syntax-import-assertions": "npm:^7.26.0"
+    "@babel/plugin-syntax-import-attributes": "npm:^7.26.0"
+    "@babel/plugin-syntax-unicode-sets-regex": "npm:^7.18.6"
+    "@babel/plugin-transform-arrow-functions": "npm:^7.25.9"
+    "@babel/plugin-transform-async-generator-functions": "npm:^7.25.9"
+    "@babel/plugin-transform-async-to-generator": "npm:^7.25.9"
+    "@babel/plugin-transform-block-scoped-functions": "npm:^7.25.9"
+    "@babel/plugin-transform-block-scoping": "npm:^7.25.9"
+    "@babel/plugin-transform-class-properties": "npm:^7.25.9"
+    "@babel/plugin-transform-class-static-block": "npm:^7.26.0"
+    "@babel/plugin-transform-classes": "npm:^7.25.9"
+    "@babel/plugin-transform-computed-properties": "npm:^7.25.9"
+    "@babel/plugin-transform-destructuring": "npm:^7.25.9"
+    "@babel/plugin-transform-dotall-regex": "npm:^7.25.9"
+    "@babel/plugin-transform-duplicate-keys": "npm:^7.25.9"
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "npm:^7.25.9"
+    "@babel/plugin-transform-dynamic-import": "npm:^7.25.9"
+    "@babel/plugin-transform-exponentiation-operator": "npm:^7.25.9"
+    "@babel/plugin-transform-export-namespace-from": "npm:^7.25.9"
+    "@babel/plugin-transform-for-of": "npm:^7.25.9"
+    "@babel/plugin-transform-function-name": "npm:^7.25.9"
+    "@babel/plugin-transform-json-strings": "npm:^7.25.9"
+    "@babel/plugin-transform-literals": "npm:^7.25.9"
+    "@babel/plugin-transform-logical-assignment-operators": "npm:^7.25.9"
+    "@babel/plugin-transform-member-expression-literals": "npm:^7.25.9"
+    "@babel/plugin-transform-modules-amd": "npm:^7.25.9"
+    "@babel/plugin-transform-modules-commonjs": "npm:^7.25.9"
+    "@babel/plugin-transform-modules-systemjs": "npm:^7.25.9"
+    "@babel/plugin-transform-modules-umd": "npm:^7.25.9"
+    "@babel/plugin-transform-named-capturing-groups-regex": "npm:^7.25.9"
+    "@babel/plugin-transform-new-target": "npm:^7.25.9"
+    "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.25.9"
+    "@babel/plugin-transform-numeric-separator": "npm:^7.25.9"
+    "@babel/plugin-transform-object-rest-spread": "npm:^7.25.9"
+    "@babel/plugin-transform-object-super": "npm:^7.25.9"
+    "@babel/plugin-transform-optional-catch-binding": "npm:^7.25.9"
+    "@babel/plugin-transform-optional-chaining": "npm:^7.25.9"
+    "@babel/plugin-transform-parameters": "npm:^7.25.9"
+    "@babel/plugin-transform-private-methods": "npm:^7.25.9"
+    "@babel/plugin-transform-private-property-in-object": "npm:^7.25.9"
+    "@babel/plugin-transform-property-literals": "npm:^7.25.9"
+    "@babel/plugin-transform-regenerator": "npm:^7.25.9"
+    "@babel/plugin-transform-regexp-modifiers": "npm:^7.26.0"
+    "@babel/plugin-transform-reserved-words": "npm:^7.25.9"
+    "@babel/plugin-transform-shorthand-properties": "npm:^7.25.9"
+    "@babel/plugin-transform-spread": "npm:^7.25.9"
+    "@babel/plugin-transform-sticky-regex": "npm:^7.25.9"
+    "@babel/plugin-transform-template-literals": "npm:^7.25.9"
+    "@babel/plugin-transform-typeof-symbol": "npm:^7.25.9"
+    "@babel/plugin-transform-unicode-escapes": "npm:^7.25.9"
+    "@babel/plugin-transform-unicode-property-regex": "npm:^7.25.9"
+    "@babel/plugin-transform-unicode-regex": "npm:^7.25.9"
+    "@babel/plugin-transform-unicode-sets-regex": "npm:^7.25.9"
+    "@babel/preset-modules": "npm:0.1.6-no-external-plugins"
+    babel-plugin-polyfill-corejs2: "npm:^0.4.10"
+    babel-plugin-polyfill-corejs3: "npm:^0.10.6"
+    babel-plugin-polyfill-regenerator: "npm:^0.6.1"
+    core-js-compat: "npm:^3.38.1"
+    semver: "npm:^6.3.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/a7a80314f845deea713985a6316361c476621c76cfe5c6c28e8b9558f01634b49bbfdd3581ef94b5d6cff5c2b8830468aa53a73f5b5c1224db2dfea5db7e676f
+  languageName: node
+  linkType: hard
+
+"@babel/preset-env@npm:^7.23.8":
+  version: 7.27.2
+  resolution: "@babel/preset-env@npm:7.27.2"
+  dependencies:
+    "@babel/compat-data": "npm:^7.27.2"
+    "@babel/helper-compilation-targets": "npm:^7.27.2"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/helper-validator-option": "npm:^7.27.1"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "npm:^7.27.1"
+    "@babel/plugin-bugfix-safari-class-field-initializer-scope": "npm:^7.27.1"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "npm:^7.27.1"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "npm:^7.27.1"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "npm:^7.27.1"
+    "@babel/plugin-proposal-private-property-in-object": "npm:7.21.0-placeholder-for-preset-env.2"
+    "@babel/plugin-syntax-import-assertions": "npm:^7.27.1"
+    "@babel/plugin-syntax-import-attributes": "npm:^7.27.1"
+    "@babel/plugin-syntax-unicode-sets-regex": "npm:^7.18.6"
+    "@babel/plugin-transform-arrow-functions": "npm:^7.27.1"
+    "@babel/plugin-transform-async-generator-functions": "npm:^7.27.1"
+    "@babel/plugin-transform-async-to-generator": "npm:^7.27.1"
+    "@babel/plugin-transform-block-scoped-functions": "npm:^7.27.1"
+    "@babel/plugin-transform-block-scoping": "npm:^7.27.1"
+    "@babel/plugin-transform-class-properties": "npm:^7.27.1"
+    "@babel/plugin-transform-class-static-block": "npm:^7.27.1"
+    "@babel/plugin-transform-classes": "npm:^7.27.1"
+    "@babel/plugin-transform-computed-properties": "npm:^7.27.1"
+    "@babel/plugin-transform-destructuring": "npm:^7.27.1"
+    "@babel/plugin-transform-dotall-regex": "npm:^7.27.1"
+    "@babel/plugin-transform-duplicate-keys": "npm:^7.27.1"
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "npm:^7.27.1"
+    "@babel/plugin-transform-dynamic-import": "npm:^7.27.1"
+    "@babel/plugin-transform-exponentiation-operator": "npm:^7.27.1"
+    "@babel/plugin-transform-export-namespace-from": "npm:^7.27.1"
+    "@babel/plugin-transform-for-of": "npm:^7.27.1"
+    "@babel/plugin-transform-function-name": "npm:^7.27.1"
+    "@babel/plugin-transform-json-strings": "npm:^7.27.1"
+    "@babel/plugin-transform-literals": "npm:^7.27.1"
+    "@babel/plugin-transform-logical-assignment-operators": "npm:^7.27.1"
+    "@babel/plugin-transform-member-expression-literals": "npm:^7.27.1"
+    "@babel/plugin-transform-modules-amd": "npm:^7.27.1"
+    "@babel/plugin-transform-modules-commonjs": "npm:^7.27.1"
+    "@babel/plugin-transform-modules-systemjs": "npm:^7.27.1"
+    "@babel/plugin-transform-modules-umd": "npm:^7.27.1"
+    "@babel/plugin-transform-named-capturing-groups-regex": "npm:^7.27.1"
+    "@babel/plugin-transform-new-target": "npm:^7.27.1"
+    "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.27.1"
+    "@babel/plugin-transform-numeric-separator": "npm:^7.27.1"
+    "@babel/plugin-transform-object-rest-spread": "npm:^7.27.2"
+    "@babel/plugin-transform-object-super": "npm:^7.27.1"
+    "@babel/plugin-transform-optional-catch-binding": "npm:^7.27.1"
+    "@babel/plugin-transform-optional-chaining": "npm:^7.27.1"
+    "@babel/plugin-transform-parameters": "npm:^7.27.1"
+    "@babel/plugin-transform-private-methods": "npm:^7.27.1"
+    "@babel/plugin-transform-private-property-in-object": "npm:^7.27.1"
+    "@babel/plugin-transform-property-literals": "npm:^7.27.1"
+    "@babel/plugin-transform-regenerator": "npm:^7.27.1"
+    "@babel/plugin-transform-regexp-modifiers": "npm:^7.27.1"
+    "@babel/plugin-transform-reserved-words": "npm:^7.27.1"
+    "@babel/plugin-transform-shorthand-properties": "npm:^7.27.1"
+    "@babel/plugin-transform-spread": "npm:^7.27.1"
+    "@babel/plugin-transform-sticky-regex": "npm:^7.27.1"
+    "@babel/plugin-transform-template-literals": "npm:^7.27.1"
+    "@babel/plugin-transform-typeof-symbol": "npm:^7.27.1"
+    "@babel/plugin-transform-unicode-escapes": "npm:^7.27.1"
+    "@babel/plugin-transform-unicode-property-regex": "npm:^7.27.1"
+    "@babel/plugin-transform-unicode-regex": "npm:^7.27.1"
+    "@babel/plugin-transform-unicode-sets-regex": "npm:^7.27.1"
+    "@babel/preset-modules": "npm:0.1.6-no-external-plugins"
+    babel-plugin-polyfill-corejs2: "npm:^0.4.10"
+    babel-plugin-polyfill-corejs3: "npm:^0.11.0"
+    babel-plugin-polyfill-regenerator: "npm:^0.6.1"
+    core-js-compat: "npm:^3.40.0"
+    semver: "npm:^6.3.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/3748b5e5582bee12f2b21ee4af9552a0ea8851fdfa8e54cdab142ac9191b7e9b1673d23056c0d2c3c6fd554eb85873664acfc9829c4f14a8ae7676548184eff6
+  languageName: node
+  linkType: hard
+
+"@babel/preset-flow@npm:^7.13.13":
+  version: 7.25.9
+  resolution: "@babel/preset-flow@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/helper-validator-option": "npm:^7.25.9"
+    "@babel/plugin-transform-flow-strip-types": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/b1591ea63a7ace7e34bcefa6deba9e2814d7f082e3c074e2648efb68a1a49016ccefbea024156ba28bd3042a4e768e3eb8b5ecfe433978144fdaaadd36203ba2
+  languageName: node
+  linkType: hard
+
+"@babel/preset-modules@npm:0.1.6-no-external-plugins":
+  version: 0.1.6-no-external-plugins
+  resolution: "@babel/preset-modules@npm:0.1.6-no-external-plugins"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.0.0"
+    "@babel/types": "npm:^7.4.4"
+    esutils: "npm:^2.0.2"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0 || ^8.0.0-0 <8.0.0
+  checksum: 10/039aba98a697b920d6440c622aaa6104bb6076d65356b29dad4b3e6627ec0354da44f9621bafbeefd052cd4ac4d7f88c9a2ab094efcb50963cb352781d0c6428
+  languageName: node
+  linkType: hard
+
+"@babel/preset-react@npm:^7.18.6, @babel/preset-react@npm:^7.22.15, @babel/preset-react@npm:^7.24.1, @babel/preset-react@npm:^7.26.3":
+  version: 7.26.3
+  resolution: "@babel/preset-react@npm:7.26.3"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/helper-validator-option": "npm:^7.25.9"
+    "@babel/plugin-transform-react-display-name": "npm:^7.25.9"
+    "@babel/plugin-transform-react-jsx": "npm:^7.25.9"
+    "@babel/plugin-transform-react-jsx-development": "npm:^7.25.9"
+    "@babel/plugin-transform-react-pure-annotations": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/88cb78c402b79f32389ee06451da51698d5b1da7641d9a47482883f537fe5441a138bd4c077d8533fd6d557406b08911c47b94402cea843db598e020bdd9a373
+  languageName: node
+  linkType: hard
+
+"@babel/preset-typescript@npm:^7.13.0, @babel/preset-typescript@npm:^7.16.7, @babel/preset-typescript@npm:^7.17.12, @babel/preset-typescript@npm:^7.21.0, @babel/preset-typescript@npm:^7.23.0, @babel/preset-typescript@npm:^7.24.1":
+  version: 7.26.0
+  resolution: "@babel/preset-typescript@npm:7.26.0"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/helper-validator-option": "npm:^7.25.9"
+    "@babel/plugin-syntax-jsx": "npm:^7.25.9"
+    "@babel/plugin-transform-modules-commonjs": "npm:^7.25.9"
+    "@babel/plugin-transform-typescript": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/81a60826160163a3daae017709f42147744757b725b50c9024ef3ee5a402ee45fd2e93eaecdaaa22c81be91f7940916249cfb7711366431cfcacc69c95878c03
+  languageName: node
+  linkType: hard
+
+"@babel/preset-typescript@npm:^7.23.3":
+  version: 7.27.1
+  resolution: "@babel/preset-typescript@npm:7.27.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/helper-validator-option": "npm:^7.27.1"
+    "@babel/plugin-syntax-jsx": "npm:^7.27.1"
+    "@babel/plugin-transform-modules-commonjs": "npm:^7.27.1"
+    "@babel/plugin-transform-typescript": "npm:^7.27.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/9d8e75326b3c93fa016ba7aada652800fc77bc05fcc181888700a049935e8cf1284b549de18a5d62ef3591d02f097ea6de1111f7d71a991aaf36ba74657bd145
+  languageName: node
+  linkType: hard
+
+"@babel/register@npm:^7.13.16":
+  version: 7.25.9
+  resolution: "@babel/register@npm:7.25.9"
+  dependencies:
+    clone-deep: "npm:^4.0.1"
+    find-cache-dir: "npm:^2.0.0"
+    make-dir: "npm:^2.1.0"
+    pirates: "npm:^4.0.6"
+    source-map-support: "npm:^0.5.16"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/eb0192c2e83566043b9777062c50567c869bbe9ed65cbeece25a3f0c07c7763199d8008b7b860cb0090d6f4f2ab1b590adf29b539115c260566e44296e0559fb
+  languageName: node
+  linkType: hard
+
+"@babel/runtime@npm:7.27.0":
+  version: 7.27.0
+  resolution: "@babel/runtime@npm:7.27.0"
+  dependencies:
+    regenerator-runtime: "npm:^0.14.0"
+  checksum: 10/e6966e03b695feb4c0ac0856a4355231c2580bf9ebd0298f47739f85c0ea658679dd84409daf26378d42c86c1cbe7e33feab709b14e784254b6c441d91606465
+  languageName: node
+  linkType: hard
+
+"@babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.14.6, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.18.6, @babel/runtime@npm:^7.20.0, @babel/runtime@npm:^7.21.0, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.24.4, @babel/runtime@npm:^7.25.0, @babel/runtime@npm:^7.25.4, @babel/runtime@npm:^7.25.7, @babel/runtime@npm:^7.26.0, @babel/runtime@npm:^7.26.9, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.8.7":
+  version: 7.27.1
+  resolution: "@babel/runtime@npm:7.27.1"
+  checksum: 10/34cefcbf781ea5a4f1b93f8563327b9ac82694bebdae91e8bd9d7f58d084cbe5b9a6e7f94d77076e15b0bcdaa0040a36cb30737584028df6c4673b4c67b2a31d
+  languageName: node
+  linkType: hard
+
+"@babel/template@npm:^7.25.0, @babel/template@npm:^7.25.9, @babel/template@npm:^7.3.3":
+  version: 7.25.9
+  resolution: "@babel/template@npm:7.25.9"
+  dependencies:
+    "@babel/code-frame": "npm:^7.25.9"
+    "@babel/parser": "npm:^7.25.9"
+    "@babel/types": "npm:^7.25.9"
+  checksum: 10/e861180881507210150c1335ad94aff80fd9e9be6202e1efa752059c93224e2d5310186ddcdd4c0f0b0fc658ce48cb47823f15142b5c00c8456dde54f5de80b2
+  languageName: node
+  linkType: hard
+
+"@babel/template@npm:^7.27.1, @babel/template@npm:^7.27.2":
+  version: 7.27.2
+  resolution: "@babel/template@npm:7.27.2"
+  dependencies:
+    "@babel/code-frame": "npm:^7.27.1"
+    "@babel/parser": "npm:^7.27.2"
+    "@babel/types": "npm:^7.27.1"
+  checksum: 10/fed15a84beb0b9340e5f81566600dbee5eccd92e4b9cc42a944359b1aa1082373391d9d5fc3656981dff27233ec935d0bc96453cf507f60a4b079463999244d8
+  languageName: node
+  linkType: hard
+
+"@babel/traverse--for-generate-function-map@npm:@babel/traverse@^7.25.3, @babel/traverse@npm:^7.1.6, @babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.25.3, @babel/traverse@npm:^7.25.4, @babel/traverse@npm:^7.25.9":
+  version: 7.26.4
+  resolution: "@babel/traverse@npm:7.26.4"
+  dependencies:
+    "@babel/code-frame": "npm:^7.26.2"
+    "@babel/generator": "npm:^7.26.3"
+    "@babel/parser": "npm:^7.26.3"
+    "@babel/template": "npm:^7.25.9"
+    "@babel/types": "npm:^7.26.3"
+    debug: "npm:^4.3.1"
+    globals: "npm:^11.1.0"
+  checksum: 10/30c81a80d66fc39842814bc2e847f4705d30f3859156f130d90a0334fe1d53aa81eed877320141a528ecbc36448acc0f14f544a7d410fa319d1c3ab63b50b58f
+  languageName: node
+  linkType: hard
+
+"@babel/traverse@npm:^7.27.1, @babel/traverse@npm:^7.27.3":
+  version: 7.27.4
+  resolution: "@babel/traverse@npm:7.27.4"
+  dependencies:
+    "@babel/code-frame": "npm:^7.27.1"
+    "@babel/generator": "npm:^7.27.3"
+    "@babel/parser": "npm:^7.27.4"
+    "@babel/template": "npm:^7.27.2"
+    "@babel/types": "npm:^7.27.3"
+    debug: "npm:^4.3.1"
+    globals: "npm:^11.1.0"
+  checksum: 10/4debb80b9068a46e188e478272f3b6820e16d17e2651e82d0a0457176b0c3b2489994f0a0d6e8941ee90218b0a8a69fe52ba350c1aa66eb4c72570d6b2405f91
+  languageName: node
+  linkType: hard
+
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.1.6, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.25.2, @babel/types@npm:^7.25.4, @babel/types@npm:^7.25.9, @babel/types@npm:^7.26.0, @babel/types@npm:^7.26.3, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4":
+  version: 7.26.3
+  resolution: "@babel/types@npm:7.26.3"
+  dependencies:
+    "@babel/helper-string-parser": "npm:^7.25.9"
+    "@babel/helper-validator-identifier": "npm:^7.25.9"
+  checksum: 10/c31d0549630a89abfa11410bf82a318b0c87aa846fbf5f9905e47ba5e2aa44f41cc746442f105d622c519e4dc532d35a8d8080460ff4692f9fc7485fbf3a00eb
+  languageName: node
+  linkType: hard
+
+"@babel/types@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/types@npm:7.27.1"
+  dependencies:
+    "@babel/helper-string-parser": "npm:^7.27.1"
+    "@babel/helper-validator-identifier": "npm:^7.27.1"
+  checksum: 10/81f8ada28c4b29695d7d4c4cbfaa5ec3138ccebbeb26628c7c3cc570fdc84f28967c9e68caf4977d51ff4f4d3159c88857ef278317f84f3515dd65e5b8a74995
+  languageName: node
+  linkType: hard
+
+"@babel/types@npm:^7.27.3":
+  version: 7.27.3
+  resolution: "@babel/types@npm:7.27.3"
+  dependencies:
+    "@babel/helper-string-parser": "npm:^7.27.1"
+    "@babel/helper-validator-identifier": "npm:^7.27.1"
+  checksum: 10/a24e6accd85c4747b974b3d68a3210d0aa1180c1a77b287ffcb7401cd2edad7bdecadaeb40fe5191be3990c3a5252943f7de7c09da13ed269adbb054b97056ee
+  languageName: node
+  linkType: hard
+
+"@bcoe/v8-coverage@npm:^0.2.3":
+  version: 0.2.3
+  resolution: "@bcoe/v8-coverage@npm:0.2.3"
+  checksum: 10/1a1f0e356a3bb30b5f1ced6f79c413e6ebacf130421f15fac5fcd8be5ddf98aedb4404d7f5624e3285b700e041f9ef938321f3ca4d359d5b716f96afa120d88d
+  languageName: node
+  linkType: hard
+
+"@bundled-es-modules/cookie@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@bundled-es-modules/cookie@npm:2.0.1"
+  dependencies:
+    cookie: "npm:^0.7.2"
+  checksum: 10/0038a5e82c41bfcd722afedabeb6961a5f15747b3681d7f4b61e35eb1e33130039e10ee9250dc9c9e4d3915ce1aeee717c0fb92225111574f0a030411abc0987
+  languageName: node
+  linkType: hard
+
+"@bundled-es-modules/statuses@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@bundled-es-modules/statuses@npm:1.0.1"
+  dependencies:
+    statuses: "npm:^2.0.1"
+  checksum: 10/9bf6a2bcf040a66fb805da0e1446041fd9def7468bb5da29c5ce02adf121a3f7cec123664308059a62a46fcaee666add83094b76df6dce72e5cafa8e6bebe60d
+  languageName: node
+  linkType: hard
+
+"@bundled-es-modules/tough-cookie@npm:^0.1.6":
+  version: 0.1.6
+  resolution: "@bundled-es-modules/tough-cookie@npm:0.1.6"
+  dependencies:
+    "@types/tough-cookie": "npm:^4.0.5"
+    tough-cookie: "npm:^4.1.4"
+  checksum: 10/4f24a820f02c08c3ca0ff21272317357152093f76f9c8cc182517f61fa426ae53dadc4d68a3d6da5078e8d73f0ff8c0907a9f994c0be756162ba9c7358533e57
+  languageName: node
+  linkType: hard
+
+"@chromatic-com/storybook@npm:^1.3.1":
+  version: 1.9.0
+  resolution: "@chromatic-com/storybook@npm:1.9.0"
+  dependencies:
+    chromatic: "npm:^11.4.0"
+    filesize: "npm:^10.0.12"
+    jsonfile: "npm:^6.1.0"
+    react-confetti: "npm:^6.1.0"
+    strip-ansi: "npm:^7.1.0"
+  checksum: 10/27ca6930a4978a52471ed7256cbf549e57b5c9c45b650b55461400a63692f5b30a7a0a7436faadd713952ce6285b873041494c10e92cccdc5bdafee1f1755459
+  languageName: node
+  linkType: hard
+
+"@coinbase/wallet-sdk@npm:4.3.0":
+  version: 4.3.0
+  resolution: "@coinbase/wallet-sdk@npm:4.3.0"
+  dependencies:
+    "@noble/hashes": "npm:^1.4.0"
+    clsx: "npm:^1.2.1"
+    eventemitter3: "npm:^5.0.1"
+    preact: "npm:^10.24.2"
+  checksum: 10/56d24aaf5170d05fafe4cdafa06a000e259f3f9f3eae7879bcb5e1c316e5e3d85754639f31d3e366ed208f1667cb7d10d3c7bcae8e40cb5f46bea7c291d7c2bf
+  languageName: node
+  linkType: hard
+
+"@colors/colors@npm:1.5.0":
+  version: 1.5.0
+  resolution: "@colors/colors@npm:1.5.0"
+  checksum: 10/9d226461c1e91e95f067be2bdc5e6f99cfe55a721f45afb44122e23e4b8602eeac4ff7325af6b5a369f36396ee1514d3809af3f57769066d80d83790d8e53339
+  languageName: node
+  linkType: hard
+
+"@cowprotocol/app-data@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "@cowprotocol/app-data@npm:3.1.0"
+  dependencies:
+    ajv: "npm:^8.11.0"
+    cross-fetch: "npm:^3.1.5"
+    ipfs-only-hash: "npm:^4.0.0"
+    json-stringify-deterministic: "npm:^1.0.8"
+    multiformats: "npm:^9.6.4"
+  peerDependencies:
+    cross-fetch: ^3.x
+    ethers: ^5.0.0
+    ipfs-only-hash: ^4.x
+    multiformats: ^9.x
+  checksum: 10/cd540b7f7578917be115454d307df333f39101614c59a839ff31278a98c70d9a8f3aaf5fcf08f34075f537710a7db1de265249dae6b7ddda08bcba890b423856
+  languageName: node
+  linkType: hard
+
+"@cowprotocol/events@npm:1.3.0":
+  version: 1.3.0
+  resolution: "@cowprotocol/events@npm:1.3.0"
+  checksum: 10/c91a8dfbb1d0dba753e4080efbe044c42f20a3564550fe72ddc14c31432fd5b8da1ef40a0e62396016bc59785b57d9cdbf86c814e3cd1fe381389ee22ea6ded2
+  languageName: node
+  linkType: hard
+
+"@cowprotocol/iframe-transport@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@cowprotocol/iframe-transport@npm:1.1.0"
+  checksum: 10/20426255f0110b39801a051475a1352625a9c31f68f96947dfe162524213f10bc36e58d4ed58560a59ea893dcd47aebc5b4219ce97919dac7dabad07b96efbe3
+  languageName: node
+  linkType: hard
+
+"@cowprotocol/widget-lib@npm:^0.18.0":
+  version: 0.18.0
+  resolution: "@cowprotocol/widget-lib@npm:0.18.0"
+  dependencies:
+    "@cowprotocol/events": "npm:^1.5.0"
+    "@cowprotocol/iframe-transport": "npm:^1.1.0"
+  checksum: 10/fdc9dbeccfcdc3c65fc566289e2e59d42aa18f3ec501fbb6ccbbfdc5d4b24d3fff8011deaa7e323aa4a48fae886bd3b1d58d932129cc5cd237c9daa451d0c143
+  languageName: node
+  linkType: hard
+
+"@cowprotocol/widget-react@npm:^0.13.0":
+  version: 0.13.0
+  resolution: "@cowprotocol/widget-react@npm:0.13.0"
+  dependencies:
+    "@cowprotocol/widget-lib": "npm:^0.18.0"
+  checksum: 10/f2127f1dcdcbd3de102db670475b1256b5fd4fb9e4886cc1bf6ba1b4037df324ab76d5ead2a3302672971dda3b71ca284116e883e10a6af78c323b81eae3cc1f
+  languageName: node
+  linkType: hard
+
+"@craftzdog/react-native-buffer@npm:^6.0.5":
+  version: 6.0.5
+  resolution: "@craftzdog/react-native-buffer@npm:6.0.5"
+  dependencies:
+    ieee754: "npm:^1.2.1"
+    react-native-quick-base64: "npm:^2.0.5"
+  checksum: 10/9963b430d0cd2af030605a7e81b3982dfec36603406d4f14d520e28936d24a79d69ca4e8a3b650734f6e45b12d87f1bd1ce86f0db11379103e7b1c024a2510d5
+  languageName: node
+  linkType: hard
+
+"@cspotcode/source-map-support@npm:^0.8.0":
+  version: 0.8.1
+  resolution: "@cspotcode/source-map-support@npm:0.8.1"
+  dependencies:
+    "@jridgewell/trace-mapping": "npm:0.3.9"
+  checksum: 10/b6e38a1712fab242c86a241c229cf562195aad985d0564bd352ac404be583029e89e93028ffd2c251d2c407ecac5fb0cbdca94a2d5c10f29ac806ede0508b3ff
+  languageName: node
+  linkType: hard
+
+"@cypress/request@npm:^3.0.6":
+  version: 3.0.7
+  resolution: "@cypress/request@npm:3.0.7"
+  dependencies:
+    aws-sign2: "npm:~0.7.0"
+    aws4: "npm:^1.8.0"
+    caseless: "npm:~0.12.0"
+    combined-stream: "npm:~1.0.6"
+    extend: "npm:~3.0.2"
+    forever-agent: "npm:~0.6.1"
+    form-data: "npm:~4.0.0"
+    http-signature: "npm:~1.4.0"
+    is-typedarray: "npm:~1.0.0"
+    isstream: "npm:~0.1.2"
+    json-stringify-safe: "npm:~5.0.1"
+    mime-types: "npm:~2.1.19"
+    performance-now: "npm:^2.1.0"
+    qs: "npm:6.13.1"
+    safe-buffer: "npm:^5.1.2"
+    tough-cookie: "npm:^5.0.0"
+    tunnel-agent: "npm:^0.6.0"
+    uuid: "npm:^8.3.2"
+  checksum: 10/fdd674caaa0942c8bb9bc90d862932dfccae6a7d63bacb13850b11668274c382356f5649d9264948015727b2362012b3c0c5105a67e107196d8b8c3b3d673fec
+  languageName: node
+  linkType: hard
+
+"@cypress/xvfb@npm:^1.2.4":
+  version: 1.2.4
+  resolution: "@cypress/xvfb@npm:1.2.4"
+  dependencies:
+    debug: "npm:^3.1.0"
+    lodash.once: "npm:^4.1.1"
+  checksum: 10/cb995b069f8c4f1e7857049bda0bd73a58e0048ccaf276ef0e66d1e1c03ba6fa099b5d765ad12ea37a7e5b7685f7413a2b9a99b27891407565b915f4a2f919a7
+  languageName: node
+  linkType: hard
+
+"@datadog/browser-core@npm:6.6.3":
+  version: 6.6.3
+  resolution: "@datadog/browser-core@npm:6.6.3"
+  checksum: 10/2b0ccf614bd0c1e99dbd916ae7308fccddc4d1330f4e9dc28c66a11481db5222f7ffc8ca7eff985dc7359810d295adacb535ccf4c095ba02ec1e03472855d907
+  languageName: node
+  linkType: hard
+
+"@datadog/browser-logs@npm:^6.6.3":
+  version: 6.6.3
+  resolution: "@datadog/browser-logs@npm:6.6.3"
+  dependencies:
+    "@datadog/browser-core": "npm:6.6.3"
+  peerDependencies:
+    "@datadog/browser-rum": 6.6.3
+  peerDependenciesMeta:
+    "@datadog/browser-rum":
+      optional: true
+  checksum: 10/2a347917afd3739d672daac3cd5113cae4e8b94d87542775a6e81ff86661837e39bda3457b8d0b32784ef76f4ad2191b0912ea184620dbe0a0eadf76528691bf
+  languageName: node
+  linkType: hard
+
+"@discoveryjs/json-ext@npm:0.5.7":
+  version: 0.5.7
+  resolution: "@discoveryjs/json-ext@npm:0.5.7"
+  checksum: 10/b95682a852448e8ef50d6f8e3b7ba288aab3fd98a2bafbe46881a3db0c6e7248a2debe9e1ee0d4137c521e4743ca5bbcb1c0765c9d7b3e0ef53231506fec42b4
+  languageName: node
+  linkType: hard
+
+"@ducanh2912/next-pwa@npm:^10.2.9":
+  version: 10.2.9
+  resolution: "@ducanh2912/next-pwa@npm:10.2.9"
+  dependencies:
+    fast-glob: "npm:3.3.2"
+    semver: "npm:7.6.3"
+    workbox-build: "npm:7.1.1"
+    workbox-core: "npm:7.1.0"
+    workbox-webpack-plugin: "npm:7.1.0"
+    workbox-window: "npm:7.1.0"
+  peerDependencies:
+    next: ">=14.0.0"
+    webpack: ">=5.9.0"
+  checksum: 10/45e97a4063f5c0a49c708c4c81443ee2ed088acc5d5ace519551f91067ac3aec5405624aa5c40ffa05fddd82965d76241e277b77785f495f2554490cecff3165
+  languageName: node
+  linkType: hard
+
+"@egjs/hammerjs@npm:^2.0.17":
+  version: 2.0.17
+  resolution: "@egjs/hammerjs@npm:2.0.17"
+  dependencies:
+    "@types/hammerjs": "npm:^2.0.36"
+  checksum: 10/f695129d45edfcfd6c5f2d1d36186da36ffade013991972ce23721a6b7ad7f214ce282abc4023e3f6b63062620852a63e897b523f247804afc7acd188fee9d9d
+  languageName: node
+  linkType: hard
+
+"@emnapi/runtime@npm:^1.2.0":
+  version: 1.3.1
+  resolution: "@emnapi/runtime@npm:1.3.1"
+  dependencies:
+    tslib: "npm:^2.4.0"
+  checksum: 10/619915ee44682356f77f60455025e667b0b04ad3c95ced36c03782aea9ebc066fa73e86c4a59d221177eba5e5533d40b3a6dbff4e58ee5d81db4270185c21e22
+  languageName: node
+  linkType: hard
+
+"@emotion/babel-plugin@npm:^11.13.5":
+  version: 11.13.5
+  resolution: "@emotion/babel-plugin@npm:11.13.5"
+  dependencies:
+    "@babel/helper-module-imports": "npm:^7.16.7"
+    "@babel/runtime": "npm:^7.18.3"
+    "@emotion/hash": "npm:^0.9.2"
+    "@emotion/memoize": "npm:^0.9.0"
+    "@emotion/serialize": "npm:^1.3.3"
+    babel-plugin-macros: "npm:^3.1.0"
+    convert-source-map: "npm:^1.5.0"
+    escape-string-regexp: "npm:^4.0.0"
+    find-root: "npm:^1.1.0"
+    source-map: "npm:^0.5.7"
+    stylis: "npm:4.2.0"
+  checksum: 10/cd310568314d886ca328e504f84c4f7f9c7f092ea34a2b43fdb61f84665bf301ba2ef49e0fd1e7ded3d81363d9bbefbb32674ce88b317cfb64db2b65e5ff423f
+  languageName: node
+  linkType: hard
+
+"@emotion/cache@npm:^11.13.5, @emotion/cache@npm:^11.14.0":
+  version: 11.14.0
+  resolution: "@emotion/cache@npm:11.14.0"
+  dependencies:
+    "@emotion/memoize": "npm:^0.9.0"
+    "@emotion/sheet": "npm:^1.4.0"
+    "@emotion/utils": "npm:^1.4.2"
+    "@emotion/weak-memoize": "npm:^0.4.0"
+    stylis: "npm:4.2.0"
+  checksum: 10/52336b28a27b07dde8fcdfd80851cbd1487672bbd4db1e24cca1440c95d8a6a968c57b0453c2b7c88d9b432b717f99554dbecc05b5cdef27933299827e69fd8e
+  languageName: node
+  linkType: hard
+
+"@emotion/hash@npm:^0.9.2":
+  version: 0.9.2
+  resolution: "@emotion/hash@npm:0.9.2"
+  checksum: 10/379bde2830ccb0328c2617ec009642321c0e009a46aa383dfbe75b679c6aea977ca698c832d225a893901f29d7b3eef0e38cf341f560f6b2b56f1ff23c172387
+  languageName: node
+  linkType: hard
+
+"@emotion/is-prop-valid@npm:^0.8.2":
+  version: 0.8.8
+  resolution: "@emotion/is-prop-valid@npm:0.8.8"
+  dependencies:
+    "@emotion/memoize": "npm:0.7.4"
+  checksum: 10/e85bdeb9d9d23de422f271e0f5311a0142b15055bb7e610440dbf250f0cdfd049df88af72a49e2c6081954481f1cbeca9172e2116ff536b38229397dfbed8082
+  languageName: node
+  linkType: hard
+
+"@emotion/is-prop-valid@npm:^1.3.0":
+  version: 1.3.1
+  resolution: "@emotion/is-prop-valid@npm:1.3.1"
+  dependencies:
+    "@emotion/memoize": "npm:^0.9.0"
+  checksum: 10/abbc5c7bf4017415da5b06067fc0b4771d1f22cf94ec37fd54c07b3bd1bcffbda2405ca686e7ee64a9cfc51461262b712f724850e838775347a949f72949ad03
+  languageName: node
+  linkType: hard
+
+"@emotion/memoize@npm:0.7.4":
+  version: 0.7.4
+  resolution: "@emotion/memoize@npm:0.7.4"
+  checksum: 10/4e3920d4ec95995657a37beb43d3f4b7d89fed6caa2b173a4c04d10482d089d5c3ea50bbc96618d918b020f26ed6e9c4026bbd45433566576c1f7b056c3271dc
+  languageName: node
+  linkType: hard
+
+"@emotion/memoize@npm:^0.9.0":
+  version: 0.9.0
+  resolution: "@emotion/memoize@npm:0.9.0"
+  checksum: 10/038132359397348e378c593a773b1148cd0cf0a2285ffd067a0f63447b945f5278860d9de718f906a74c7c940ba1783ac2ca18f1c06a307b01cc0e3944e783b1
+  languageName: node
+  linkType: hard
+
+"@emotion/react@npm:^11.13.5":
+  version: 11.14.0
+  resolution: "@emotion/react@npm:11.14.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.18.3"
+    "@emotion/babel-plugin": "npm:^11.13.5"
+    "@emotion/cache": "npm:^11.14.0"
+    "@emotion/serialize": "npm:^1.3.3"
+    "@emotion/use-insertion-effect-with-fallbacks": "npm:^1.2.0"
+    "@emotion/utils": "npm:^1.4.2"
+    "@emotion/weak-memoize": "npm:^0.4.0"
+    hoist-non-react-statics: "npm:^3.3.1"
+  peerDependencies:
+    react: ">=16.8.0"
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/3356c1d66f37f4e7abf88a2be843f6023b794b286c9c99a0aaf1cd1b2b7c50f8d80a2ef77183da737de70150f638e698ff4a2a38ab2d922f868615f1d5761c37
+  languageName: node
+  linkType: hard
+
+"@emotion/serialize@npm:^1.3.3":
+  version: 1.3.3
+  resolution: "@emotion/serialize@npm:1.3.3"
+  dependencies:
+    "@emotion/hash": "npm:^0.9.2"
+    "@emotion/memoize": "npm:^0.9.0"
+    "@emotion/unitless": "npm:^0.10.0"
+    "@emotion/utils": "npm:^1.4.2"
+    csstype: "npm:^3.0.2"
+  checksum: 10/44a2e06fc52dba177d9cf720f7b2c5d45ee4c0d9c09b78302d9a625e758d728ef3ae26f849237fec6f70e9eeb7d87e45a65028e944dc1f877df97c599f1cdaee
+  languageName: node
+  linkType: hard
+
+"@emotion/server@npm:^11.11.0":
+  version: 11.11.0
+  resolution: "@emotion/server@npm:11.11.0"
+  dependencies:
+    "@emotion/utils": "npm:^1.2.1"
+    html-tokenize: "npm:^2.0.0"
+    multipipe: "npm:^1.0.2"
+    through: "npm:^2.3.8"
+  peerDependencies:
+    "@emotion/css": ^11.0.0-rc.0
+  peerDependenciesMeta:
+    "@emotion/css":
+      optional: true
+  checksum: 10/c958a460ec83353122ddc1f1f72db89582454c1004ffd2d60b69cce6e7dab7fa820b948c3540129fd087cfa781b1126e02df3d9535bd19f098f5b7b230994f57
+  languageName: node
+  linkType: hard
+
+"@emotion/sheet@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "@emotion/sheet@npm:1.4.0"
+  checksum: 10/8ac6e9bf6b373a648f26ae7f1c24041038524f4c72f436f4f8c4761c665e58880c3229d8d89b1f7a4815dd8e5b49634d03e60187cb6f93097d7f7c1859e869d5
+  languageName: node
+  linkType: hard
+
+"@emotion/styled@npm:^11.13.5":
+  version: 11.14.0
+  resolution: "@emotion/styled@npm:11.14.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.18.3"
+    "@emotion/babel-plugin": "npm:^11.13.5"
+    "@emotion/is-prop-valid": "npm:^1.3.0"
+    "@emotion/serialize": "npm:^1.3.3"
+    "@emotion/use-insertion-effect-with-fallbacks": "npm:^1.2.0"
+    "@emotion/utils": "npm:^1.4.2"
+  peerDependencies:
+    "@emotion/react": ^11.0.0-rc.0
+    react: ">=16.8.0"
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/64bb3fd8c5d3042ba803eb2052fddf8e057b927682677f8fc41ecfe2b1abcc0da03944fde79fac8f2f55a56383d5c9547b93d4641bb51452cf59415c02dd9b10
+  languageName: node
+  linkType: hard
+
+"@emotion/unitless@npm:^0.10.0":
+  version: 0.10.0
+  resolution: "@emotion/unitless@npm:0.10.0"
+  checksum: 10/6851c16edce01c494305f43b2cad7a26b939a821131b7c354e49b8e3b012c8810024755b0f4a03ef51117750309e55339825a97bd10411fb3687e68904769106
+  languageName: node
+  linkType: hard
+
+"@emotion/use-insertion-effect-with-fallbacks@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "@emotion/use-insertion-effect-with-fallbacks@npm:1.2.0"
+  peerDependencies:
+    react: ">=16.8.0"
+  checksum: 10/2374999db8d53ef661d61ed1026c42a849632e4f03826f7eba0314c1d92ae342161d737f5045453aa46dd4008e13ccefeba68d3165b667dfad8e5784fcb0c643
+  languageName: node
+  linkType: hard
+
+"@emotion/utils@npm:^1.2.1, @emotion/utils@npm:^1.4.2":
+  version: 1.4.2
+  resolution: "@emotion/utils@npm:1.4.2"
+  checksum: 10/e5f3b8bca066b3361a7ad9064baeb9d01ed1bf51d98416a67359b62cb3affec6bb0249802c4ed11f4f8030f93cc4b67506909420bdb110adec6983d712897208
+  languageName: node
+  linkType: hard
+
+"@emotion/weak-memoize@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "@emotion/weak-memoize@npm:0.4.0"
+  checksum: 10/db5da0e89bd752c78b6bd65a1e56231f0abebe2f71c0bd8fc47dff96408f7065b02e214080f99924f6a3bfe7ee15afc48dad999d76df86b39b16e513f7a94f52
+  languageName: node
+  linkType: hard
+
+"@emurgo/cardano-serialization-lib-browser@npm:^13.2.0":
+  version: 13.2.1
+  resolution: "@emurgo/cardano-serialization-lib-browser@npm:13.2.1"
+  checksum: 10/558bd4d72a2703db6db37f9e580572e8fe22f6f26d11c60a831897f6943bf6c6f7b21a02123ff701e4df6b7ce050c2d39cf426ad6132c09b600b288bac01be50
+  languageName: node
+  linkType: hard
+
+"@emurgo/cardano-serialization-lib-nodejs@npm:13.2.0":
+  version: 13.2.0
+  resolution: "@emurgo/cardano-serialization-lib-nodejs@npm:13.2.0"
+  checksum: 10/b8483dd74ec902da607f0ee00259674ba1794784fafd322948043dd4dfdbddecc81f6546fc98c9a57810639f91110cf76be7755a138a3506af6233954cfe449e
+  languageName: node
+  linkType: hard
+
+"@esbuild/aix-ppc64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/aix-ppc64@npm:0.19.12"
+  conditions: os=aix & cpu=ppc64
+  languageName: node
+  linkType: hard
+
+"@esbuild/aix-ppc64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/aix-ppc64@npm:0.24.0"
+  conditions: os=aix & cpu=ppc64
+  languageName: node
+  linkType: hard
+
+"@esbuild/aix-ppc64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/aix-ppc64@npm:0.25.3"
+  conditions: os=aix & cpu=ppc64
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-arm64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/android-arm64@npm:0.19.12"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-arm64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/android-arm64@npm:0.24.0"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-arm64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/android-arm64@npm:0.25.3"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-arm@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/android-arm@npm:0.19.12"
+  conditions: os=android & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-arm@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/android-arm@npm:0.24.0"
+  conditions: os=android & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-arm@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/android-arm@npm:0.25.3"
+  conditions: os=android & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-x64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/android-x64@npm:0.19.12"
+  conditions: os=android & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-x64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/android-x64@npm:0.24.0"
+  conditions: os=android & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-x64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/android-x64@npm:0.25.3"
+  conditions: os=android & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/darwin-arm64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/darwin-arm64@npm:0.19.12"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/darwin-arm64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/darwin-arm64@npm:0.24.0"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/darwin-arm64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/darwin-arm64@npm:0.25.3"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/darwin-x64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/darwin-x64@npm:0.19.12"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/darwin-x64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/darwin-x64@npm:0.24.0"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/darwin-x64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/darwin-x64@npm:0.25.3"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/freebsd-arm64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/freebsd-arm64@npm:0.19.12"
+  conditions: os=freebsd & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/freebsd-arm64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/freebsd-arm64@npm:0.24.0"
+  conditions: os=freebsd & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/freebsd-arm64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/freebsd-arm64@npm:0.25.3"
+  conditions: os=freebsd & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/freebsd-x64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/freebsd-x64@npm:0.19.12"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/freebsd-x64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/freebsd-x64@npm:0.24.0"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/freebsd-x64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/freebsd-x64@npm:0.25.3"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-arm64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-arm64@npm:0.19.12"
+  conditions: os=linux & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-arm64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/linux-arm64@npm:0.24.0"
+  conditions: os=linux & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-arm64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/linux-arm64@npm:0.25.3"
+  conditions: os=linux & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-arm@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-arm@npm:0.19.12"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-arm@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/linux-arm@npm:0.24.0"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-arm@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/linux-arm@npm:0.25.3"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-ia32@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-ia32@npm:0.19.12"
+  conditions: os=linux & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-ia32@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/linux-ia32@npm:0.24.0"
+  conditions: os=linux & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-ia32@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/linux-ia32@npm:0.25.3"
+  conditions: os=linux & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-loong64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-loong64@npm:0.19.12"
+  conditions: os=linux & cpu=loong64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-loong64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/linux-loong64@npm:0.24.0"
+  conditions: os=linux & cpu=loong64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-loong64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/linux-loong64@npm:0.25.3"
+  conditions: os=linux & cpu=loong64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-mips64el@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-mips64el@npm:0.19.12"
+  conditions: os=linux & cpu=mips64el
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-mips64el@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/linux-mips64el@npm:0.24.0"
+  conditions: os=linux & cpu=mips64el
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-mips64el@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/linux-mips64el@npm:0.25.3"
+  conditions: os=linux & cpu=mips64el
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-ppc64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-ppc64@npm:0.19.12"
+  conditions: os=linux & cpu=ppc64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-ppc64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/linux-ppc64@npm:0.24.0"
+  conditions: os=linux & cpu=ppc64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-ppc64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/linux-ppc64@npm:0.25.3"
+  conditions: os=linux & cpu=ppc64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-riscv64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-riscv64@npm:0.19.12"
+  conditions: os=linux & cpu=riscv64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-riscv64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/linux-riscv64@npm:0.24.0"
+  conditions: os=linux & cpu=riscv64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-riscv64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/linux-riscv64@npm:0.25.3"
+  conditions: os=linux & cpu=riscv64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-s390x@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-s390x@npm:0.19.12"
+  conditions: os=linux & cpu=s390x
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-s390x@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/linux-s390x@npm:0.24.0"
+  conditions: os=linux & cpu=s390x
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-s390x@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/linux-s390x@npm:0.25.3"
+  conditions: os=linux & cpu=s390x
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-x64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-x64@npm:0.19.12"
+  conditions: os=linux & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-x64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/linux-x64@npm:0.24.0"
+  conditions: os=linux & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-x64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/linux-x64@npm:0.25.3"
+  conditions: os=linux & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/netbsd-arm64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/netbsd-arm64@npm:0.25.3"
+  conditions: os=netbsd & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/netbsd-x64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/netbsd-x64@npm:0.19.12"
+  conditions: os=netbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/netbsd-x64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/netbsd-x64@npm:0.24.0"
+  conditions: os=netbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/netbsd-x64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/netbsd-x64@npm:0.25.3"
+  conditions: os=netbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/openbsd-arm64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/openbsd-arm64@npm:0.24.0"
+  conditions: os=openbsd & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/openbsd-arm64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/openbsd-arm64@npm:0.25.3"
+  conditions: os=openbsd & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/openbsd-x64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/openbsd-x64@npm:0.19.12"
+  conditions: os=openbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/openbsd-x64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/openbsd-x64@npm:0.24.0"
+  conditions: os=openbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/openbsd-x64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/openbsd-x64@npm:0.25.3"
+  conditions: os=openbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/sunos-x64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/sunos-x64@npm:0.19.12"
+  conditions: os=sunos & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/sunos-x64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/sunos-x64@npm:0.24.0"
+  conditions: os=sunos & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/sunos-x64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/sunos-x64@npm:0.25.3"
+  conditions: os=sunos & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-arm64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/win32-arm64@npm:0.19.12"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-arm64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/win32-arm64@npm:0.24.0"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-arm64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/win32-arm64@npm:0.25.3"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-ia32@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/win32-ia32@npm:0.19.12"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-ia32@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/win32-ia32@npm:0.24.0"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-ia32@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/win32-ia32@npm:0.25.3"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-x64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/win32-x64@npm:0.19.12"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-x64@npm:0.24.0":
+  version: 0.24.0
+  resolution: "@esbuild/win32-x64@npm:0.24.0"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-x64@npm:0.25.3":
+  version: 0.25.3
+  resolution: "@esbuild/win32-x64@npm:0.25.3"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@eslint-community/eslint-utils@npm:^4.1.2, @eslint-community/eslint-utils@npm:^4.5.0, @eslint-community/eslint-utils@npm:^4.7.0":
+  version: 4.7.0
+  resolution: "@eslint-community/eslint-utils@npm:4.7.0"
+  dependencies:
+    eslint-visitor-keys: "npm:^3.4.3"
+  peerDependencies:
+    eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+  checksum: 10/43ed5d391526d9f5bbe452aef336389a473026fca92057cf97c576db11401ce9bcf8ef0bf72625bbaf6207ed8ba6bf0dcf4d7e809c24f08faa68a28533c491a7
+  languageName: node
+  linkType: hard
+
+"@eslint-community/eslint-utils@npm:^4.2.0, @eslint-community/eslint-utils@npm:^4.4.0":
+  version: 4.4.1
+  resolution: "@eslint-community/eslint-utils@npm:4.4.1"
+  dependencies:
+    eslint-visitor-keys: "npm:^3.4.3"
+  peerDependencies:
+    eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+  checksum: 10/ae92a11412674329b4bd38422518601ec9ceae28e251104d1cad83715da9d38e321f68c817c39b64e66d0af7d98df6f9a10ad2dc638911254b47fb8932df00ef
+  languageName: node
+  linkType: hard
+
+"@eslint-community/regexpp@npm:^4.10.0, @eslint-community/regexpp@npm:^4.11.0, @eslint-community/regexpp@npm:^4.12.1":
+  version: 4.12.1
+  resolution: "@eslint-community/regexpp@npm:4.12.1"
+  checksum: 10/c08f1dd7dd18fbb60bdd0d85820656d1374dd898af9be7f82cb00451313402a22d5e30569c150315b4385907cdbca78c22389b2a72ab78883b3173be317620cc
+  languageName: node
+  linkType: hard
+
+"@eslint/config-array@npm:^0.20.1":
+  version: 0.20.1
+  resolution: "@eslint/config-array@npm:0.20.1"
+  dependencies:
+    "@eslint/object-schema": "npm:^2.1.6"
+    debug: "npm:^4.3.1"
+    minimatch: "npm:^3.1.2"
+  checksum: 10/d72cc90f516c5730da5f37fa04aa8ba26ea0d92c7457ee77980902158f844f3483518272ccfe16f273c3313c3bfec8da713d4e51d3da49bdeccd34e919a2b903
+  languageName: node
+  linkType: hard
+
+"@eslint/config-helpers@npm:^0.2.1":
+  version: 0.2.3
+  resolution: "@eslint/config-helpers@npm:0.2.3"
+  checksum: 10/1f5082248f65555cc666942f7c991a2cfd6821758fb45338f43b28ea0f6b77d0c48b35097400d9b8fe1b4b10150085452e0b8f2d6d9ba17a84e16a6c7e4b341d
+  languageName: node
+  linkType: hard
+
+"@eslint/core@npm:^0.14.0":
+  version: 0.14.0
+  resolution: "@eslint/core@npm:0.14.0"
+  dependencies:
+    "@types/json-schema": "npm:^7.0.15"
+  checksum: 10/d9b060cf97468150675ddf4fb3db55edaa32467e0adf9f80919a5bfd15d0835ad7765456f4397ec2d16b0a1bb702af63f6d4712f94194d34fea118231ae1e2db
+  languageName: node
+  linkType: hard
+
+"@eslint/core@npm:^0.15.0":
+  version: 0.15.0
+  resolution: "@eslint/core@npm:0.15.0"
+  dependencies:
+    "@types/json-schema": "npm:^7.0.15"
+  checksum: 10/27c9cb5bdc5c9dead5b06f2b2a6a66d8bbe5e2e19397e2c5ff9ea582c9d4e4478bf1bc1bdd4eaec7bb3a0d6fa53f152e595acf637354776c14bb58c321ea5aa3
+  languageName: node
+  linkType: hard
+
+"@eslint/eslintrc@npm:^3.3.1":
+  version: 3.3.1
+  resolution: "@eslint/eslintrc@npm:3.3.1"
+  dependencies:
+    ajv: "npm:^6.12.4"
+    debug: "npm:^4.3.2"
+    espree: "npm:^10.0.1"
+    globals: "npm:^14.0.0"
+    ignore: "npm:^5.2.0"
+    import-fresh: "npm:^3.2.1"
+    js-yaml: "npm:^4.1.0"
+    minimatch: "npm:^3.1.2"
+    strip-json-comments: "npm:^3.1.1"
+  checksum: 10/cc240addbab3c5fceaa65b2c8d5d4fd77ddbbf472c2f74f0270b9d33263dc9116840b6099c46b64c9680301146250439b044ed79278a1bcc557da412a4e3c1bb
+  languageName: node
+  linkType: hard
+
+"@eslint/js@npm:9.29.0":
+  version: 9.29.0
+  resolution: "@eslint/js@npm:9.29.0"
+  checksum: 10/7f7fd586b35bd08537dd65a9bda764f474350c36b4ccbdd342462d1a26be28f7ee0ebd0611dd4762b69829674336ba04c281b9658aeccb3e6ab1d0fec7e6d08c
+  languageName: node
+  linkType: hard
+
+"@eslint/js@npm:^9.18.0":
+  version: 9.18.0
+  resolution: "@eslint/js@npm:9.18.0"
+  checksum: 10/364a7d030dad9dbda1458d8dbcea0199fe7d48bcfefe4b49389df6c45cdc5a2449f70e5d8a794e46ed9fb34af3fe5a3f53e30020d306b6ee791e2a1b2b9fa25f
+  languageName: node
+  linkType: hard
+
+"@eslint/object-schema@npm:^2.1.6":
+  version: 2.1.6
+  resolution: "@eslint/object-schema@npm:2.1.6"
+  checksum: 10/266085c8d3fa6cd99457fb6350dffb8ee39db9c6baf28dc2b86576657373c92a568aec4bae7d142978e798b74c271696672e103202d47a0c148da39154351ed6
+  languageName: node
+  linkType: hard
+
+"@eslint/plugin-kit@npm:^0.3.1":
+  version: 0.3.2
+  resolution: "@eslint/plugin-kit@npm:0.3.2"
+  dependencies:
+    "@eslint/core": "npm:^0.15.0"
+    levn: "npm:^0.4.1"
+  checksum: 10/26ba99936f72ca124036fbc5ca93168713fab5984117109b1447642a93725fbb75aa457622683dc8797509e40294497d74b584caa26f285373bdde17ceba8eac
+  languageName: node
+  linkType: hard
+
+"@ethereumjs/common@npm:2.6.2":
+  version: 2.6.2
+  resolution: "@ethereumjs/common@npm:2.6.2"
+  dependencies:
+    crc-32: "npm:^1.2.0"
+    ethereumjs-util: "npm:^7.1.4"
+  checksum: 10/9bbdb9b7919480a59f3e6e0d6f0d6329912cf6fd64121666526d06de42730c5b0049871cc2c1085a5f8a8bd2c2d1219f500e616bbe65f6c3556180e533e530be
+  languageName: node
+  linkType: hard
+
+"@ethereumjs/common@npm:^10.0.0":
+  version: 10.0.0
+  resolution: "@ethereumjs/common@npm:10.0.0"
+  dependencies:
+    "@ethereumjs/util": "npm:^10.0.0"
+    eventemitter3: "npm:^5.0.1"
+  checksum: 10/fc56c436f2452867d41ee880d50bd7cad7188369657dd76c23a2d2171a945a53e11a4d61c4935838c3c1b9d800d2707e61fd74fe3c21800e9f0e0e0fa7581ab6
+  languageName: node
+  linkType: hard
+
+"@ethereumjs/common@npm:^2.6.4":
+  version: 2.6.5
+  resolution: "@ethereumjs/common@npm:2.6.5"
+  dependencies:
+    crc-32: "npm:^1.2.0"
+    ethereumjs-util: "npm:^7.1.5"
+  checksum: 10/e931e16cafc908b086492ca5fcbb1820fff3edfb83cfd4ae48002517b3be0d1f7622c750874b3b347c122d06372e133ddae44ac129b5ba141f68808a79430135
+  languageName: node
+  linkType: hard
+
+"@ethereumjs/rlp@npm:^10.0.0":
+  version: 10.0.0
+  resolution: "@ethereumjs/rlp@npm:10.0.0"
+  bin:
+    rlp: bin/rlp.cjs
+  checksum: 10/3232f40ecc8dcd440994194925f9b8e74bf8f5eb995f98db9715b924358485ad5f332d529776537cc57e0c3393d1f0955014edbaefffa6935d4919de5f47c47d
+  languageName: node
+  linkType: hard
+
+"@ethereumjs/tx@npm:3.5.2, @ethereumjs/tx@npm:^3.4.0":
+  version: 3.5.2
+  resolution: "@ethereumjs/tx@npm:3.5.2"
+  dependencies:
+    "@ethereumjs/common": "npm:^2.6.4"
+    ethereumjs-util: "npm:^7.1.5"
+  checksum: 10/891e12738206229ac428685536844f7765e8547ae794462b1e406399445bf1f6f918af6ebc33ee5fa4a1340f14f48871a579f11c0e1d7c142ba0dd525bae5df5
+  languageName: node
+  linkType: hard
+
+"@ethereumjs/tx@npm:^10.0.0":
+  version: 10.0.0
+  resolution: "@ethereumjs/tx@npm:10.0.0"
+  dependencies:
+    "@ethereumjs/common": "npm:^10.0.0"
+    "@ethereumjs/rlp": "npm:^10.0.0"
+    "@ethereumjs/util": "npm:^10.0.0"
+    ethereum-cryptography: "npm:^3.2.0"
+  checksum: 10/e8dcc31109b921a4e8abd09b735fcc6e26baee80715f55b1caf870189450ebf3b896690487ed22e7408db476080eef655aafdb3551af8cd126743ebf2c46dbb6
+  languageName: node
+  linkType: hard
+
+"@ethereumjs/util@npm:^10.0.0":
+  version: 10.0.0
+  resolution: "@ethereumjs/util@npm:10.0.0"
+  dependencies:
+    "@ethereumjs/rlp": "npm:^10.0.0"
+    ethereum-cryptography: "npm:^3.2.0"
+  checksum: 10/9fa6f50a87978bcbcc8555762089b594dd5d28816dcbbfd24b226c929ee689eb860cb4e7d0385d3a3fcd83a146d8db42a9f17587818296d0964d5a3a1f9039a6
+  languageName: node
+  linkType: hard
+
+"@ethersproject/abi@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/abi@npm:5.5.0"
+  dependencies:
+    "@ethersproject/address": "npm:^5.5.0"
+    "@ethersproject/bignumber": "npm:^5.5.0"
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/constants": "npm:^5.5.0"
+    "@ethersproject/hash": "npm:^5.5.0"
+    "@ethersproject/keccak256": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    "@ethersproject/properties": "npm:^5.5.0"
+    "@ethersproject/strings": "npm:^5.5.0"
+  checksum: 10/bd1e112b198a39b062f94e70ec62be07829a2d3c607488d613315de5efdb6e8fed9bb988a5161174dc0daee8034bb4ddd7e30e03668b4486189d46dd257ca674
+  languageName: node
+  linkType: hard
+
+"@ethersproject/abi@npm:5.8.0, @ethersproject/abi@npm:^5.5.0, @ethersproject/abi@npm:^5.7.0, @ethersproject/abi@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/abi@npm:5.8.0"
+  dependencies:
+    "@ethersproject/address": "npm:^5.8.0"
+    "@ethersproject/bignumber": "npm:^5.8.0"
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/constants": "npm:^5.8.0"
+    "@ethersproject/hash": "npm:^5.8.0"
+    "@ethersproject/keccak256": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    "@ethersproject/properties": "npm:^5.8.0"
+    "@ethersproject/strings": "npm:^5.8.0"
+  checksum: 10/a63ebc2c8ea795ceca5289abaf817bb402c83c330cffd0ae2d355be70c54050a21ddd408abd4fd0dce4c3fd5c5f091707be2095011c233022a52f2110e7012d6
+  languageName: node
+  linkType: hard
+
+"@ethersproject/abstract-provider@npm:5.5.1":
+  version: 5.5.1
+  resolution: "@ethersproject/abstract-provider@npm:5.5.1"
+  dependencies:
+    "@ethersproject/bignumber": "npm:^5.5.0"
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    "@ethersproject/networks": "npm:^5.5.0"
+    "@ethersproject/properties": "npm:^5.5.0"
+    "@ethersproject/transactions": "npm:^5.5.0"
+    "@ethersproject/web": "npm:^5.5.0"
+  checksum: 10/0668055c01a130dee9c6f5d43bb901e54bd4430dd158ea01730038e35a2b9d1f8feb76738628ee884a44f11cf4de1612e303bad908bde39f0d0def8ea228d043
+  languageName: node
+  linkType: hard
+
+"@ethersproject/abstract-provider@npm:5.8.0, @ethersproject/abstract-provider@npm:^5.5.0, @ethersproject/abstract-provider@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/abstract-provider@npm:5.8.0"
+  dependencies:
+    "@ethersproject/bignumber": "npm:^5.8.0"
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    "@ethersproject/networks": "npm:^5.8.0"
+    "@ethersproject/properties": "npm:^5.8.0"
+    "@ethersproject/transactions": "npm:^5.8.0"
+    "@ethersproject/web": "npm:^5.8.0"
+  checksum: 10/2066aa717c7ecf0b6defe47f4f0af21943ee76e47f6fdc461d89b15d8af76c37d25355b4f5d635ed30e7378eafb0599b283df8ef9133cef389d938946874200d
+  languageName: node
+  linkType: hard
+
+"@ethersproject/abstract-provider@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/abstract-provider@npm:5.7.0"
+  dependencies:
+    "@ethersproject/bignumber": "npm:^5.7.0"
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/logger": "npm:^5.7.0"
+    "@ethersproject/networks": "npm:^5.7.0"
+    "@ethersproject/properties": "npm:^5.7.0"
+    "@ethersproject/transactions": "npm:^5.7.0"
+    "@ethersproject/web": "npm:^5.7.0"
+  checksum: 10/c03e413a812486002525f4036bf2cb90e77a19b98fa3d16279e28e0a05520a1085690fac2ee9f94b7931b9a803249ff8a8bbb26ff8dee52196a6ef7a3fc5edc5
+  languageName: node
+  linkType: hard
+
+"@ethersproject/abstract-signer@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/abstract-signer@npm:5.5.0"
+  dependencies:
+    "@ethersproject/abstract-provider": "npm:^5.5.0"
+    "@ethersproject/bignumber": "npm:^5.5.0"
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    "@ethersproject/properties": "npm:^5.5.0"
+  checksum: 10/e29b49a0e8ce6d61873fe7de310288e498e2be3db9205b384bc098ad67fe46364750b64cdd6df6ce0a6090b5aac5e5d05e07f2737ba8ce14ed97080d2ea4fddb
+  languageName: node
+  linkType: hard
+
+"@ethersproject/abstract-signer@npm:5.8.0, @ethersproject/abstract-signer@npm:^5.5.0, @ethersproject/abstract-signer@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/abstract-signer@npm:5.8.0"
+  dependencies:
+    "@ethersproject/abstract-provider": "npm:^5.8.0"
+    "@ethersproject/bignumber": "npm:^5.8.0"
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    "@ethersproject/properties": "npm:^5.8.0"
+  checksum: 10/10986eb1520dd94efb34bc19de4f53a49bea023493a0df686711872eb2cb446f3cca3c98c1ecec7831497004822e16ead756d6c7d6977971eaa780f4d41db327
+  languageName: node
+  linkType: hard
+
+"@ethersproject/abstract-signer@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/abstract-signer@npm:5.7.0"
+  dependencies:
+    "@ethersproject/abstract-provider": "npm:^5.7.0"
+    "@ethersproject/bignumber": "npm:^5.7.0"
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/logger": "npm:^5.7.0"
+    "@ethersproject/properties": "npm:^5.7.0"
+  checksum: 10/0a6ffade0a947c9ba617048334e1346838f394d1d0a5307ac435a0c63ed1033b247e25ffb0cd6880d7dcf5459581f52f67e3804ebba42ff462050f1e4321ba0c
+  languageName: node
+  linkType: hard
+
+"@ethersproject/address@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/address@npm:5.5.0"
+  dependencies:
+    "@ethersproject/bignumber": "npm:^5.5.0"
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/keccak256": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    "@ethersproject/rlp": "npm:^5.5.0"
+  checksum: 10/b38c4efd61434f720b33f4a398f5ddbc8a1234bbfccb6895ef73b3f7c27b2e0af4a874769a76e31c48659701800fa50d177fa3adf547094aca31c510adf1b11c
+  languageName: node
+  linkType: hard
+
+"@ethersproject/address@npm:5.8.0, @ethersproject/address@npm:^5.5.0, @ethersproject/address@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/address@npm:5.8.0"
+  dependencies:
+    "@ethersproject/bignumber": "npm:^5.8.0"
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/keccak256": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    "@ethersproject/rlp": "npm:^5.8.0"
+  checksum: 10/4b8ef5b3001f065fae571d86f113395d0dd081a2f411c99e354da912d4138e14a1fbe206265725daeb55c4e735ddb761891b58779208c5e2acec03f3219ce6ef
+  languageName: node
+  linkType: hard
+
+"@ethersproject/address@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/address@npm:5.7.0"
+  dependencies:
+    "@ethersproject/bignumber": "npm:^5.7.0"
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/keccak256": "npm:^5.7.0"
+    "@ethersproject/logger": "npm:^5.7.0"
+    "@ethersproject/rlp": "npm:^5.7.0"
+  checksum: 10/1ac4f3693622ed9fbbd7e966a941ec1eba0d9445e6e8154b1daf8e93b8f62ad91853d1de5facf4c27b41e6f1e47b94a317a2492ba595bee1841fd3030c3e9a27
+  languageName: node
+  linkType: hard
+
+"@ethersproject/base64@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/base64@npm:5.5.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.5.0"
+  checksum: 10/563991f6fc8bed96f04b99578de0126296ba48d8df283bcd811668191365ba533c9b46f85cd9b1ea9ee017e786d515ea7b592de8d6374609be05785469c1af74
+  languageName: node
+  linkType: hard
+
+"@ethersproject/base64@npm:5.8.0, @ethersproject/base64@npm:^5.5.0, @ethersproject/base64@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/base64@npm:5.8.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.8.0"
+  checksum: 10/c83e4ee01a1e69d874277d05c0e3fbc2afcdb9c80507be6963d31c77e505e355191cbba2d8fecf1c922b68c1ff072ede7914981fd965f1d8771c5b0706beb911
+  languageName: node
+  linkType: hard
+
+"@ethersproject/base64@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/base64@npm:5.7.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.7.0"
+  checksum: 10/7105105f401e1c681e61db1e9da1b5960d8c5fbd262bbcacc99d61dbb9674a9db1181bb31903d98609f10e8a0eb64c850475f3b040d67dea953e2b0ac6380e96
+  languageName: node
+  linkType: hard
+
+"@ethersproject/basex@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/basex@npm:5.5.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/properties": "npm:^5.5.0"
+  checksum: 10/89e9b3bf4e96ca7734ba5aab5709d7335bd2fdb6f7247dcf0a62bf2f5923512d1a37531187aeef37ce91ac37081c2e11db68a78c3e005e43795f29a971616b94
+  languageName: node
+  linkType: hard
+
+"@ethersproject/basex@npm:5.8.0, @ethersproject/basex@npm:^5.5.0, @ethersproject/basex@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/basex@npm:5.8.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/properties": "npm:^5.8.0"
+  checksum: 10/1a8d48a9397461ea42ec43b69a15a0d13ba0b9192695713750d9d391503c55b258cca435fa78a4014d23a813053f1a471593b89c7c0d89351639a78d50a12ef2
+  languageName: node
+  linkType: hard
+
+"@ethersproject/bignumber@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/bignumber@npm:5.5.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    bn.js: "npm:^4.11.9"
+  checksum: 10/3da18cee3138de4c3d1293c6067c387597dccc4326fffa1594ae40d98cd5fb83d116ab3730b671254ba07dfe488089fc762cb5d409e6d4d0962cae6ff7156c18
+  languageName: node
+  linkType: hard
+
+"@ethersproject/bignumber@npm:5.8.0, @ethersproject/bignumber@npm:^5.5.0, @ethersproject/bignumber@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/bignumber@npm:5.8.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    bn.js: "npm:^5.2.1"
+  checksum: 10/15538ba9eef8475bc14a2a2bb5f0d7ae8775cf690283cb4c7edc836761a4310f83d67afe33f6d0b8befd896b10f878d8ca79b89de6e6ebd41a9e68375ec77123
+  languageName: node
+  linkType: hard
+
+"@ethersproject/bignumber@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/bignumber@npm:5.7.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/logger": "npm:^5.7.0"
+    bn.js: "npm:^5.2.1"
+  checksum: 10/09cffa18a9f0730856b57c14c345bd68ba451159417e5aff684a8808011cd03b27b7c465d423370333a7d1c9a621392fc74f064a3b02c9edc49ebe497da6d45d
+  languageName: node
+  linkType: hard
+
+"@ethersproject/bytes@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/bytes@npm:5.5.0"
+  dependencies:
+    "@ethersproject/logger": "npm:^5.5.0"
+  checksum: 10/f5ce43064f516b34d1365b6f89761094e432647fbea6c97de960f7ca84ffc97254c48bbe310c4b493738a49a707a18748094f7cff2400fc0d20608a503d50bd6
+  languageName: node
+  linkType: hard
+
+"@ethersproject/bytes@npm:5.8.0, @ethersproject/bytes@npm:^5.5.0, @ethersproject/bytes@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/bytes@npm:5.8.0"
+  dependencies:
+    "@ethersproject/logger": "npm:^5.8.0"
+  checksum: 10/b8956aa4f607d326107cec522a881effed62585d5b5c5ad66ada4f7f83b42fd6c6acb76f355ec7a57e4cadea62a0194e923f4b5142d50129fe03d2fe7fc664f8
+  languageName: node
+  linkType: hard
+
+"@ethersproject/bytes@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/bytes@npm:5.7.0"
+  dependencies:
+    "@ethersproject/logger": "npm:^5.7.0"
+  checksum: 10/8b3ffedb68c1a82cfb875e9738361409cc33e2dcb1286b6ccfdc4dd8dd0317f7eacc8937b736c467d213dffc44b469690fe1a951e901953d5a90c5af2b675ae4
+  languageName: node
+  linkType: hard
+
+"@ethersproject/constants@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/constants@npm:5.5.0"
+  dependencies:
+    "@ethersproject/bignumber": "npm:^5.5.0"
+  checksum: 10/20519ec5abcbff6d2a7f1260f58b33e1c472abdfb2ee3d5428d08091484fed572f8f873b1cb0410f9248f92512016bbf680324f9f2a537b5f65413a6a1359fd3
+  languageName: node
+  linkType: hard
+
+"@ethersproject/constants@npm:5.8.0, @ethersproject/constants@npm:^5.5.0, @ethersproject/constants@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/constants@npm:5.8.0"
+  dependencies:
+    "@ethersproject/bignumber": "npm:^5.8.0"
+  checksum: 10/74830c44f4315a1058b905c73be7a9bb92850e45213cb28a957447b8a100f22a514f4500b0ea5ac7a995427cecef9918af39ae4e0e0ecf77aa4835b1ea5c3432
+  languageName: node
+  linkType: hard
+
+"@ethersproject/constants@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/constants@npm:5.7.0"
+  dependencies:
+    "@ethersproject/bignumber": "npm:^5.7.0"
+  checksum: 10/6d4b1355747cce837b3e76ec3bde70e4732736f23b04f196f706ebfa5d4d9c2be50904a390d4d40ce77803b98d03d16a9b6898418e04ba63491933ce08c4ba8a
+  languageName: node
+  linkType: hard
+
+"@ethersproject/contracts@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/contracts@npm:5.5.0"
+  dependencies:
+    "@ethersproject/abi": "npm:^5.5.0"
+    "@ethersproject/abstract-provider": "npm:^5.5.0"
+    "@ethersproject/abstract-signer": "npm:^5.5.0"
+    "@ethersproject/address": "npm:^5.5.0"
+    "@ethersproject/bignumber": "npm:^5.5.0"
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/constants": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    "@ethersproject/properties": "npm:^5.5.0"
+    "@ethersproject/transactions": "npm:^5.5.0"
+  checksum: 10/407184790fb24f413ffec2e35ebf83c75eb36688267b6421c474605c0f45445d2343b5ba3045892dba53b0017643156cc1c108aee7827ba9ec56d750c9746b3f
+  languageName: node
+  linkType: hard
+
+"@ethersproject/contracts@npm:5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/contracts@npm:5.8.0"
+  dependencies:
+    "@ethersproject/abi": "npm:^5.8.0"
+    "@ethersproject/abstract-provider": "npm:^5.8.0"
+    "@ethersproject/abstract-signer": "npm:^5.8.0"
+    "@ethersproject/address": "npm:^5.8.0"
+    "@ethersproject/bignumber": "npm:^5.8.0"
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/constants": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    "@ethersproject/properties": "npm:^5.8.0"
+    "@ethersproject/transactions": "npm:^5.8.0"
+  checksum: 10/839f8211f5e560f15468ae843ba316ffeacab5cebcece1eec76bc5714472ebfe3453484f283d3e46b9d3faaffef1e17cc3583cf24e01638a1fd52f69012cf8d4
+  languageName: node
+  linkType: hard
+
+"@ethersproject/hash@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/hash@npm:5.5.0"
+  dependencies:
+    "@ethersproject/abstract-signer": "npm:^5.5.0"
+    "@ethersproject/address": "npm:^5.5.0"
+    "@ethersproject/bignumber": "npm:^5.5.0"
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/keccak256": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    "@ethersproject/properties": "npm:^5.5.0"
+    "@ethersproject/strings": "npm:^5.5.0"
+  checksum: 10/d6bf33bb96a76f35357f026632c52e931da1f47d1a257c35a5e7714bd5b8af78fc297b4f5ab85565fd3c6993c75bc59dd91c5e59f419b1e1c6d86c4c5f8c0886
+  languageName: node
+  linkType: hard
+
+"@ethersproject/hash@npm:5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/hash@npm:5.7.0"
+  dependencies:
+    "@ethersproject/abstract-signer": "npm:^5.7.0"
+    "@ethersproject/address": "npm:^5.7.0"
+    "@ethersproject/base64": "npm:^5.7.0"
+    "@ethersproject/bignumber": "npm:^5.7.0"
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/keccak256": "npm:^5.7.0"
+    "@ethersproject/logger": "npm:^5.7.0"
+    "@ethersproject/properties": "npm:^5.7.0"
+    "@ethersproject/strings": "npm:^5.7.0"
+  checksum: 10/d83de3f3a1b99b404a2e7bb503f5cdd90c66a97a32cce1d36b09bb8e3fb7205b96e30ad28e2b9f30083beea6269b157d0c6e3425052bb17c0a35fddfdd1c72a3
+  languageName: node
+  linkType: hard
+
+"@ethersproject/hash@npm:5.8.0, @ethersproject/hash@npm:^5.5.0, @ethersproject/hash@npm:^5.7.0, @ethersproject/hash@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/hash@npm:5.8.0"
+  dependencies:
+    "@ethersproject/abstract-signer": "npm:^5.8.0"
+    "@ethersproject/address": "npm:^5.8.0"
+    "@ethersproject/base64": "npm:^5.8.0"
+    "@ethersproject/bignumber": "npm:^5.8.0"
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/keccak256": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    "@ethersproject/properties": "npm:^5.8.0"
+    "@ethersproject/strings": "npm:^5.8.0"
+  checksum: 10/a355cc1120b51c5912d960c66e2d1e2fb9cceca7d02e48c3812abd32ac2480035d8345885f129d2ed1cde9fb044adad1f98e4ea39652fa96c5de9c2720e83d28
+  languageName: node
+  linkType: hard
+
+"@ethersproject/hdnode@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/hdnode@npm:5.5.0"
+  dependencies:
+    "@ethersproject/abstract-signer": "npm:^5.5.0"
+    "@ethersproject/basex": "npm:^5.5.0"
+    "@ethersproject/bignumber": "npm:^5.5.0"
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    "@ethersproject/pbkdf2": "npm:^5.5.0"
+    "@ethersproject/properties": "npm:^5.5.0"
+    "@ethersproject/sha2": "npm:^5.5.0"
+    "@ethersproject/signing-key": "npm:^5.5.0"
+    "@ethersproject/strings": "npm:^5.5.0"
+    "@ethersproject/transactions": "npm:^5.5.0"
+    "@ethersproject/wordlists": "npm:^5.5.0"
+  checksum: 10/6cf358c62a5dc14483821cdeea06203ebecb7a152248a2be43d330f23dfec117c25f33fbfbf8c010ea8e7ab53e1ba58514dc87af3b8145ab8184f223684bc0cb
+  languageName: node
+  linkType: hard
+
+"@ethersproject/hdnode@npm:5.8.0, @ethersproject/hdnode@npm:^5.5.0, @ethersproject/hdnode@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/hdnode@npm:5.8.0"
+  dependencies:
+    "@ethersproject/abstract-signer": "npm:^5.8.0"
+    "@ethersproject/basex": "npm:^5.8.0"
+    "@ethersproject/bignumber": "npm:^5.8.0"
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    "@ethersproject/pbkdf2": "npm:^5.8.0"
+    "@ethersproject/properties": "npm:^5.8.0"
+    "@ethersproject/sha2": "npm:^5.8.0"
+    "@ethersproject/signing-key": "npm:^5.8.0"
+    "@ethersproject/strings": "npm:^5.8.0"
+    "@ethersproject/transactions": "npm:^5.8.0"
+    "@ethersproject/wordlists": "npm:^5.8.0"
+  checksum: 10/55b35cf30f0dd40e2d5ecd4b2f005ebea82a85a440717a61d4a483074f652d2c7063e9c704272b894bfdd500f7883aa36692931c6808591f702c1da7107ebb61
+  languageName: node
+  linkType: hard
+
+"@ethersproject/json-wallets@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/json-wallets@npm:5.5.0"
+  dependencies:
+    "@ethersproject/abstract-signer": "npm:^5.5.0"
+    "@ethersproject/address": "npm:^5.5.0"
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/hdnode": "npm:^5.5.0"
+    "@ethersproject/keccak256": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    "@ethersproject/pbkdf2": "npm:^5.5.0"
+    "@ethersproject/properties": "npm:^5.5.0"
+    "@ethersproject/random": "npm:^5.5.0"
+    "@ethersproject/strings": "npm:^5.5.0"
+    "@ethersproject/transactions": "npm:^5.5.0"
+    aes-js: "npm:3.0.0"
+    scrypt-js: "npm:3.0.1"
+  checksum: 10/d0f2cdfe5429c26f78f32dacfcc5b152d70c5ddc04fb8cd5f0a762e4e2c42a4c0385f0a8d1cf922e58422412bcf4e6090aaa4408a086c598b74ef0aa60c7f58f
+  languageName: node
+  linkType: hard
+
+"@ethersproject/json-wallets@npm:5.8.0, @ethersproject/json-wallets@npm:^5.5.0, @ethersproject/json-wallets@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/json-wallets@npm:5.8.0"
+  dependencies:
+    "@ethersproject/abstract-signer": "npm:^5.8.0"
+    "@ethersproject/address": "npm:^5.8.0"
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/hdnode": "npm:^5.8.0"
+    "@ethersproject/keccak256": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    "@ethersproject/pbkdf2": "npm:^5.8.0"
+    "@ethersproject/properties": "npm:^5.8.0"
+    "@ethersproject/random": "npm:^5.8.0"
+    "@ethersproject/strings": "npm:^5.8.0"
+    "@ethersproject/transactions": "npm:^5.8.0"
+    aes-js: "npm:3.0.0"
+    scrypt-js: "npm:3.0.1"
+  checksum: 10/5cbf7e698ee7f26f54fceb672d9824b01816cd785182e638cb5cd1eaed5d80d8a4576e3cad92af46ac6d23404a806a47a72d5dee908af42322d091553a0d8da6
+  languageName: node
+  linkType: hard
+
+"@ethersproject/keccak256@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/keccak256@npm:5.5.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.5.0"
+    js-sha3: "npm:0.8.0"
+  checksum: 10/587590c8448f3e1db52320d4fecc807d94a8ee83253110c076c7f8ce3b3127f7fd56c302f1ee80e6bc2764a4949a490ee5143344fabfad2a65020dc2f5896a85
+  languageName: node
+  linkType: hard
+
+"@ethersproject/keccak256@npm:5.8.0, @ethersproject/keccak256@npm:^5.5.0, @ethersproject/keccak256@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/keccak256@npm:5.8.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.8.0"
+    js-sha3: "npm:0.8.0"
+  checksum: 10/af3621d2b18af6c8f5181dacad91e1f6da4e8a6065668b20e4c24684bdb130b31e45e0d4dbaed86d4f1314d01358aa119f05be541b696e455424c47849d81913
+  languageName: node
+  linkType: hard
+
+"@ethersproject/keccak256@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/keccak256@npm:5.7.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.7.0"
+    js-sha3: "npm:0.8.0"
+  checksum: 10/ff70950d82203aab29ccda2553422cbac2e7a0c15c986bd20a69b13606ed8bb6e4fdd7b67b8d3b27d4f841e8222cbaccd33ed34be29f866fec7308f96ed244c6
+  languageName: node
+  linkType: hard
+
+"@ethersproject/logger@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/logger@npm:5.5.0"
+  checksum: 10/84269c2221ae03fc11f0017f6fe3b6ad2c29e11ed09b1182511379e9f40ff22dd09043c0bff995f82e37849f21e2eafa5e8a2b4e25a81b9f4f805432d9d6914c
+  languageName: node
+  linkType: hard
+
+"@ethersproject/logger@npm:5.8.0, @ethersproject/logger@npm:^5.5.0, @ethersproject/logger@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/logger@npm:5.8.0"
+  checksum: 10/dab862d6cc3a4312f4c49d62b4a603f4b60707da8b8ff0fee6bdfee3cbed48b34ec8f23fedfef04dd3d24f2fa2d7ad2be753c775aa00fe24dcd400631d65004a
+  languageName: node
+  linkType: hard
+
+"@ethersproject/logger@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/logger@npm:5.7.0"
+  checksum: 10/683a939f467ae7510deedc23d7611d0932c3046137f5ffb92ba1e3c8cd9cf2fbbaa676b660c248441a0fa9143783137c46d6e6d17d676188dd5a6ef0b72dd091
+  languageName: node
+  linkType: hard
+
+"@ethersproject/networks@npm:5.5.2":
+  version: 5.5.2
+  resolution: "@ethersproject/networks@npm:5.5.2"
+  dependencies:
+    "@ethersproject/logger": "npm:^5.5.0"
+  checksum: 10/09626f4d0a67b543462c19e4afaa12f422165eb3b6ba3b2e289c1cb49e508486887934447bbd53f276d6d532bff8a096cc53142b26df3f6a9c95597e0862da72
+  languageName: node
+  linkType: hard
+
+"@ethersproject/networks@npm:5.8.0, @ethersproject/networks@npm:^5.5.0, @ethersproject/networks@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/networks@npm:5.8.0"
+  dependencies:
+    "@ethersproject/logger": "npm:^5.8.0"
+  checksum: 10/8e2f4c3fd3a701ebd3d767a5f3217f8ced45a9f8ebf830c73b2dd87107dd50777f4869c3c9cc946698e2c597d3fe53eadeec55d19af7769c7d6bdb4a1493fb6f
+  languageName: node
+  linkType: hard
+
+"@ethersproject/networks@npm:^5.7.0":
+  version: 5.7.1
+  resolution: "@ethersproject/networks@npm:5.7.1"
+  dependencies:
+    "@ethersproject/logger": "npm:^5.7.0"
+  checksum: 10/5265d0b4b72ef91af57be804b44507f4943038d609699764d8a69157ed381e30fe22ebf63630ed8e530ceb220f15d69dae8cda2e5023ccd793285c9d5882e599
+  languageName: node
+  linkType: hard
+
+"@ethersproject/pbkdf2@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/pbkdf2@npm:5.5.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/sha2": "npm:^5.5.0"
+  checksum: 10/7712738caa794a69c5b5e978e972f141c99139b93204216df186429a5f2319b3e2eeb6463ad3fbcf2f5e4617204f8f517d7fee511f8661b75f072fa59d9d2fa8
+  languageName: node
+  linkType: hard
+
+"@ethersproject/pbkdf2@npm:5.8.0, @ethersproject/pbkdf2@npm:^5.5.0, @ethersproject/pbkdf2@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/pbkdf2@npm:5.8.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/sha2": "npm:^5.8.0"
+  checksum: 10/203bb992eec3042256702f4c8259a37202af7b341cc6e370614cdc52541042fc3b795fb040592bd6be8b67376a798c45312ca1e6d5d179c3e8eb7431882f1fd1
+  languageName: node
+  linkType: hard
+
+"@ethersproject/properties@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/properties@npm:5.5.0"
+  dependencies:
+    "@ethersproject/logger": "npm:^5.5.0"
+  checksum: 10/d395a534f0a7009920b8a3c095a838088b190f84ba07a7263e3e3c4857dcdf3933560dc9fcfd6c7fa0456c00b5dfc988b8999e1286157178715069c78209408a
+  languageName: node
+  linkType: hard
+
+"@ethersproject/properties@npm:5.8.0, @ethersproject/properties@npm:^5.5.0, @ethersproject/properties@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/properties@npm:5.8.0"
+  dependencies:
+    "@ethersproject/logger": "npm:^5.8.0"
+  checksum: 10/3bc1af678c1cf7c87f39aec24b1d86cfaa5da1f9f54e426558701fff1c088c1dcc9ec3e1f395e138bdfcda94a0161e7192f0596e11c8ff25d31735e6b33edc59
+  languageName: node
+  linkType: hard
+
+"@ethersproject/properties@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/properties@npm:5.7.0"
+  dependencies:
+    "@ethersproject/logger": "npm:^5.7.0"
+  checksum: 10/f8401a161940aa1c32695115a20c65357877002a6f7dc13ab1600064bf54d7b825b4db49de8dc8da69efcbb0c9f34f8813e1540427e63e262ab841c1bf6c1c1e
+  languageName: node
+  linkType: hard
+
+"@ethersproject/providers@npm:5.5.3":
+  version: 5.5.3
+  resolution: "@ethersproject/providers@npm:5.5.3"
+  dependencies:
+    "@ethersproject/abstract-provider": "npm:^5.5.0"
+    "@ethersproject/abstract-signer": "npm:^5.5.0"
+    "@ethersproject/address": "npm:^5.5.0"
+    "@ethersproject/basex": "npm:^5.5.0"
+    "@ethersproject/bignumber": "npm:^5.5.0"
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/constants": "npm:^5.5.0"
+    "@ethersproject/hash": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    "@ethersproject/networks": "npm:^5.5.0"
+    "@ethersproject/properties": "npm:^5.5.0"
+    "@ethersproject/random": "npm:^5.5.0"
+    "@ethersproject/rlp": "npm:^5.5.0"
+    "@ethersproject/sha2": "npm:^5.5.0"
+    "@ethersproject/strings": "npm:^5.5.0"
+    "@ethersproject/transactions": "npm:^5.5.0"
+    "@ethersproject/web": "npm:^5.5.0"
+    bech32: "npm:1.1.4"
+    ws: "npm:7.4.6"
+  checksum: 10/d8f1b83369b1fa98bc22891cfe2ae1122b270b40c1991ecf03c1af86c7a4b0d5812c39a72e9795ab6961639e796c1dfb3c3edf5bee96654c9e0a36c8cbbc5955
+  languageName: node
+  linkType: hard
+
+"@ethersproject/providers@npm:5.8.0, @ethersproject/providers@npm:^5.5.0":
+  version: 5.8.0
+  resolution: "@ethersproject/providers@npm:5.8.0"
+  dependencies:
+    "@ethersproject/abstract-provider": "npm:^5.8.0"
+    "@ethersproject/abstract-signer": "npm:^5.8.0"
+    "@ethersproject/address": "npm:^5.8.0"
+    "@ethersproject/base64": "npm:^5.8.0"
+    "@ethersproject/basex": "npm:^5.8.0"
+    "@ethersproject/bignumber": "npm:^5.8.0"
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/constants": "npm:^5.8.0"
+    "@ethersproject/hash": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    "@ethersproject/networks": "npm:^5.8.0"
+    "@ethersproject/properties": "npm:^5.8.0"
+    "@ethersproject/random": "npm:^5.8.0"
+    "@ethersproject/rlp": "npm:^5.8.0"
+    "@ethersproject/sha2": "npm:^5.8.0"
+    "@ethersproject/strings": "npm:^5.8.0"
+    "@ethersproject/transactions": "npm:^5.8.0"
+    "@ethersproject/web": "npm:^5.8.0"
+    bech32: "npm:1.1.4"
+    ws: "npm:8.18.0"
+  checksum: 10/7d40fc0abb78fc9e69b71cb560beb2a93cf1da2cf978a061031a34c0ed76c2f5936ed8c0bdb9aa1307fe5308d0159e429b83b779dbd550639a886a88d6d17817
+  languageName: node
+  linkType: hard
+
+"@ethersproject/random@npm:5.5.1":
+  version: 5.5.1
+  resolution: "@ethersproject/random@npm:5.5.1"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+  checksum: 10/028e31ed85e6856ce0ca65a11f70ee523237ac84f7b8939b595f9df63943fde234a0bd02392b1f4509dee4f0487bfb9fbe97966879d08b49e3ddde9571ea15ea
+  languageName: node
+  linkType: hard
+
+"@ethersproject/random@npm:5.8.0, @ethersproject/random@npm:^5.5.0, @ethersproject/random@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/random@npm:5.8.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+  checksum: 10/47c34a72c81183ac13a1b4635bb9d5cf1456e6329276f50c9e12711f404a9eb4536db824537ed05ef8839a0a358883dc3342d3ea83147b8bafeb767dc8f57e23
+  languageName: node
+  linkType: hard
+
+"@ethersproject/rlp@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/rlp@npm:5.5.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+  checksum: 10/046c3e53fdb6aec68d11f961738d34aae5cf60220ce7f3774d20e2742c2912c49a72671905507ce510bc45d55c9341e6dd117d3c984a0dc8a750074497852967
+  languageName: node
+  linkType: hard
+
+"@ethersproject/rlp@npm:5.8.0, @ethersproject/rlp@npm:^5.5.0, @ethersproject/rlp@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/rlp@npm:5.8.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+  checksum: 10/353f04618f44c822d20da607b055286b3374fc6ab9fc50b416140f21e410f6d6e89ff9d951bef667b8baf1314e2d5f0b47c5615c3f994a2c8b2d6c01c6329bb4
+  languageName: node
+  linkType: hard
+
+"@ethersproject/rlp@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/rlp@npm:5.7.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/logger": "npm:^5.7.0"
+  checksum: 10/3b8c5279f7654794d5874569f5598ae6a880e19e6616013a31e26c35c5f586851593a6e85c05ed7b391fbc74a1ea8612dd4d867daefe701bf4e8fcf2ab2f29b9
+  languageName: node
+  linkType: hard
+
+"@ethersproject/sha2@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/sha2@npm:5.5.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    hash.js: "npm:1.1.7"
+  checksum: 10/31d8bc4d0b8a8948e1562de7a2e3bb98709672e66541c0c9ae76e1b93918ad04b4fbe89f9d39bc739627a6bd00978ab256099d1ae30f44ccda7bbd7bea3c5f40
+  languageName: node
+  linkType: hard
+
+"@ethersproject/sha2@npm:5.8.0, @ethersproject/sha2@npm:^5.5.0, @ethersproject/sha2@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/sha2@npm:5.8.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    hash.js: "npm:1.1.7"
+  checksum: 10/ef8916e3033502476fba9358ba1993722ac3bb99e756d5681e4effa3dfa0f0bf0c29d3fa338662830660b45dd359cccb06ba40bc7b62cfd44f4a177b25829404
+  languageName: node
+  linkType: hard
+
+"@ethersproject/shims@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/shims@npm:5.7.0"
+  checksum: 10/50307fbf6b76f4335b4ae324f4ce83ea88200f95589a4051685a8894a450a114680cc92531bf82252dba1e07986338895fb5ab8bcd24dd7162ab49ffa862cfc3
+  languageName: node
+  linkType: hard
+
+"@ethersproject/signing-key@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/signing-key@npm:5.5.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    "@ethersproject/properties": "npm:^5.5.0"
+    bn.js: "npm:^4.11.9"
+    elliptic: "npm:6.5.4"
+    hash.js: "npm:1.1.7"
+  checksum: 10/3c426346bceb73d799f508d61fcebcc5459c42a3eba6292fa11ea7520b849609cb4c29d7aa9f8f9b1cda967b672725d298f1f7c616176eecb7a793d9fa81af1b
+  languageName: node
+  linkType: hard
+
+"@ethersproject/signing-key@npm:5.8.0, @ethersproject/signing-key@npm:^5.5.0, @ethersproject/signing-key@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/signing-key@npm:5.8.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    "@ethersproject/properties": "npm:^5.8.0"
+    bn.js: "npm:^5.2.1"
+    elliptic: "npm:6.6.1"
+    hash.js: "npm:1.1.7"
+  checksum: 10/07e5893bf9841e1d608c52b58aa240ed10c7aa01613ff45b15c312c1403887baa8ed543871721052d7b7dd75d80b1fa90945377b231d18ccb6986c6677c8315d
+  languageName: node
+  linkType: hard
+
+"@ethersproject/signing-key@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/signing-key@npm:5.7.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/logger": "npm:^5.7.0"
+    "@ethersproject/properties": "npm:^5.7.0"
+    bn.js: "npm:^5.2.1"
+    elliptic: "npm:6.5.4"
+    hash.js: "npm:1.1.7"
+  checksum: 10/ff2f79ded86232b139e7538e4aaa294c6022a7aaa8c95a6379dd7b7c10a6d363685c6967c816f98f609581cf01f0a5943c667af89a154a00bcfe093a8c7f3ce7
+  languageName: node
+  linkType: hard
+
+"@ethersproject/solidity@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/solidity@npm:5.5.0"
+  dependencies:
+    "@ethersproject/bignumber": "npm:^5.5.0"
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/keccak256": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    "@ethersproject/sha2": "npm:^5.5.0"
+    "@ethersproject/strings": "npm:^5.5.0"
+  checksum: 10/f19a4ebe235a43fe3749420822e4b5e9f3b7b7a95e6c102cd46b9a589118660db099d9a9ef1770b4d15c3710b97bbebc74852a838644a47a769bc997460dbed7
+  languageName: node
+  linkType: hard
+
+"@ethersproject/solidity@npm:5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/solidity@npm:5.8.0"
+  dependencies:
+    "@ethersproject/bignumber": "npm:^5.8.0"
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/keccak256": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    "@ethersproject/sha2": "npm:^5.8.0"
+    "@ethersproject/strings": "npm:^5.8.0"
+  checksum: 10/305166f3f8e8c2f5ad7b0b03ab96d52082fc79b5136601175e1c76d7abd8fd8e3e4b56569dea745dfa2b7fcbfd180c5d824b03fea7e08dd53d515738a35e51dd
+  languageName: node
+  linkType: hard
+
+"@ethersproject/strings@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/strings@npm:5.5.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/constants": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+  checksum: 10/dd3d601a91ad65049d994bd19e72aa179dfba31d001e8667c82fa7c3f6ae26774cbbc35428f744f397e154918641ff4db10e3e5b49dac9ea8e08807441d5b168
+  languageName: node
+  linkType: hard
+
+"@ethersproject/strings@npm:5.8.0, @ethersproject/strings@npm:^5.5.0, @ethersproject/strings@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/strings@npm:5.8.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/constants": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+  checksum: 10/536264dad4b9ad42d8287be7b7a9f3e243d0172fafa459e22af2d416eb6fe6a46ff623ca5456457f841dec4b080939da03ed02ab9774dcd1f2391df9ef5a96bb
+  languageName: node
+  linkType: hard
+
+"@ethersproject/strings@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/strings@npm:5.7.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/constants": "npm:^5.7.0"
+    "@ethersproject/logger": "npm:^5.7.0"
+  checksum: 10/24191bf30e98d434a9fba2f522784f65162d6712bc3e1ccc98ed85c5da5884cfdb5a1376b7695374655a7b95ec1f5fdbeef5afc7d0ea77ffeb78047e9b791fa5
+  languageName: node
+  linkType: hard
+
+"@ethersproject/transactions@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/transactions@npm:5.5.0"
+  dependencies:
+    "@ethersproject/address": "npm:^5.5.0"
+    "@ethersproject/bignumber": "npm:^5.5.0"
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/constants": "npm:^5.5.0"
+    "@ethersproject/keccak256": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    "@ethersproject/properties": "npm:^5.5.0"
+    "@ethersproject/rlp": "npm:^5.5.0"
+    "@ethersproject/signing-key": "npm:^5.5.0"
+  checksum: 10/f92868be223abcdbf29ae698162cba4168169f4acd7751fe911dbfe455a7d667d2bf731bbb02c667672ea70694a453d7d95de7b2e8d622b79e8208c326d18e53
+  languageName: node
+  linkType: hard
+
+"@ethersproject/transactions@npm:5.7.0, @ethersproject/transactions@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/transactions@npm:5.7.0"
+  dependencies:
+    "@ethersproject/address": "npm:^5.7.0"
+    "@ethersproject/bignumber": "npm:^5.7.0"
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/constants": "npm:^5.7.0"
+    "@ethersproject/keccak256": "npm:^5.7.0"
+    "@ethersproject/logger": "npm:^5.7.0"
+    "@ethersproject/properties": "npm:^5.7.0"
+    "@ethersproject/rlp": "npm:^5.7.0"
+    "@ethersproject/signing-key": "npm:^5.7.0"
+  checksum: 10/d809e9d40020004b7de9e34bf39c50377dce8ed417cdf001bfabc81ecb1b7d1e0c808fdca0a339ea05e1b380648eaf336fe70f137904df2d3c3135a38190a5af
+  languageName: node
+  linkType: hard
+
+"@ethersproject/transactions@npm:5.8.0, @ethersproject/transactions@npm:^5.5.0, @ethersproject/transactions@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/transactions@npm:5.8.0"
+  dependencies:
+    "@ethersproject/address": "npm:^5.8.0"
+    "@ethersproject/bignumber": "npm:^5.8.0"
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/constants": "npm:^5.8.0"
+    "@ethersproject/keccak256": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    "@ethersproject/properties": "npm:^5.8.0"
+    "@ethersproject/rlp": "npm:^5.8.0"
+    "@ethersproject/signing-key": "npm:^5.8.0"
+  checksum: 10/b43fd97ee359154c9162037c7aedc23abafae3cedf78d8fd2e641e820a0443120d22c473ec9bb79e8301f179f61a6120d61b0b757560e3aad8ae2110127018ba
+  languageName: node
+  linkType: hard
+
+"@ethersproject/units@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/units@npm:5.5.0"
+  dependencies:
+    "@ethersproject/bignumber": "npm:^5.5.0"
+    "@ethersproject/constants": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+  checksum: 10/7d5a841eb00ec693073dd3f020e1a3207cf917f37af30aaf1b5b3db03ecb2347f84733ea0d820a14cafd12922e8f7137bcf1b0d6309b7520a4a8db7c9e9de7a0
+  languageName: node
+  linkType: hard
+
+"@ethersproject/units@npm:5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/units@npm:5.8.0"
+  dependencies:
+    "@ethersproject/bignumber": "npm:^5.8.0"
+    "@ethersproject/constants": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+  checksum: 10/cc7180c85f695449c20572602971145346fc5c169ee32f23d79ac31cc8c9c66a2049e3ac852b940ddccbe39ab1db3b81e3e093b604d9ab7ab27639ecb933b270
+  languageName: node
+  linkType: hard
+
+"@ethersproject/wallet@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/wallet@npm:5.5.0"
+  dependencies:
+    "@ethersproject/abstract-provider": "npm:^5.5.0"
+    "@ethersproject/abstract-signer": "npm:^5.5.0"
+    "@ethersproject/address": "npm:^5.5.0"
+    "@ethersproject/bignumber": "npm:^5.5.0"
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/hash": "npm:^5.5.0"
+    "@ethersproject/hdnode": "npm:^5.5.0"
+    "@ethersproject/json-wallets": "npm:^5.5.0"
+    "@ethersproject/keccak256": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    "@ethersproject/properties": "npm:^5.5.0"
+    "@ethersproject/random": "npm:^5.5.0"
+    "@ethersproject/signing-key": "npm:^5.5.0"
+    "@ethersproject/transactions": "npm:^5.5.0"
+    "@ethersproject/wordlists": "npm:^5.5.0"
+  checksum: 10/6e3933827d975a826534bb0ffd79db97476041dff139eed75884c1f5886835106b89e865b2ebddd3c91456bc6da6de8e472816bba95bcdc123a72e80a141b8c0
+  languageName: node
+  linkType: hard
+
+"@ethersproject/wallet@npm:5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/wallet@npm:5.8.0"
+  dependencies:
+    "@ethersproject/abstract-provider": "npm:^5.8.0"
+    "@ethersproject/abstract-signer": "npm:^5.8.0"
+    "@ethersproject/address": "npm:^5.8.0"
+    "@ethersproject/bignumber": "npm:^5.8.0"
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/hash": "npm:^5.8.0"
+    "@ethersproject/hdnode": "npm:^5.8.0"
+    "@ethersproject/json-wallets": "npm:^5.8.0"
+    "@ethersproject/keccak256": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    "@ethersproject/properties": "npm:^5.8.0"
+    "@ethersproject/random": "npm:^5.8.0"
+    "@ethersproject/signing-key": "npm:^5.8.0"
+    "@ethersproject/transactions": "npm:^5.8.0"
+    "@ethersproject/wordlists": "npm:^5.8.0"
+  checksum: 10/354c8985a74b1bb0a8ba80f374c1af882f7657716b974dda235184ee98151e30741b24f58a93c84693aa6e72a8a5c3ae62143966967f40f52f62093559388e6a
+  languageName: node
+  linkType: hard
+
+"@ethersproject/web@npm:5.5.1":
+  version: 5.5.1
+  resolution: "@ethersproject/web@npm:5.5.1"
+  dependencies:
+    "@ethersproject/base64": "npm:^5.5.0"
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    "@ethersproject/properties": "npm:^5.5.0"
+    "@ethersproject/strings": "npm:^5.5.0"
+  checksum: 10/3cf4e9726578ea2460c01a5b59969782265cf41e0c5c52f04270c313c87d50766864bdd64a3b022c50c16b0e26c76a4729d33253ac76b5d11f5fb3bd815a0541
+  languageName: node
+  linkType: hard
+
+"@ethersproject/web@npm:5.8.0, @ethersproject/web@npm:^5.5.0, @ethersproject/web@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/web@npm:5.8.0"
+  dependencies:
+    "@ethersproject/base64": "npm:^5.8.0"
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    "@ethersproject/properties": "npm:^5.8.0"
+    "@ethersproject/strings": "npm:^5.8.0"
+  checksum: 10/93aad7041ffae7a4f881cc8df3356a297d736b50e6e48952b3b76e547b83e4d9189bbf2f417543031e91e74568c54395d1bb43c3252c3adf4f7e1c0187012912
+  languageName: node
+  linkType: hard
+
+"@ethersproject/web@npm:^5.7.0":
+  version: 5.7.1
+  resolution: "@ethersproject/web@npm:5.7.1"
+  dependencies:
+    "@ethersproject/base64": "npm:^5.7.0"
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/logger": "npm:^5.7.0"
+    "@ethersproject/properties": "npm:^5.7.0"
+    "@ethersproject/strings": "npm:^5.7.0"
+  checksum: 10/c83b6b3ac40573ddb67b1750bb4cf21ded7d8555be5e53a97c0f34964622fd88de9220a90a118434bae164a2bff3acbdc5ecb990517b5f6dc32bdad7adf604c2
+  languageName: node
+  linkType: hard
+
+"@ethersproject/wordlists@npm:5.5.0":
+  version: 5.5.0
+  resolution: "@ethersproject/wordlists@npm:5.5.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.5.0"
+    "@ethersproject/hash": "npm:^5.5.0"
+    "@ethersproject/logger": "npm:^5.5.0"
+    "@ethersproject/properties": "npm:^5.5.0"
+    "@ethersproject/strings": "npm:^5.5.0"
+  checksum: 10/7616a08d22e9d9f7dab01aca03e732593ff3df56401d9cf607b7b358ba9348b848906aef0f34836d8477c17d81be364e2932f5afe5be9dc0e6c0013a148b8ce2
+  languageName: node
+  linkType: hard
+
+"@ethersproject/wordlists@npm:5.8.0, @ethersproject/wordlists@npm:^5.5.0, @ethersproject/wordlists@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/wordlists@npm:5.8.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.8.0"
+    "@ethersproject/hash": "npm:^5.8.0"
+    "@ethersproject/logger": "npm:^5.8.0"
+    "@ethersproject/properties": "npm:^5.8.0"
+    "@ethersproject/strings": "npm:^5.8.0"
+  checksum: 10/b8e6aa7d2195bb568847f360f6525ddc3d145404fbd4553e2e05daf4a95f58167591feb69e16e3398a28114ea85e1895fc8f5bd1c0cbf8b578123d7c1d21c32d
+  languageName: node
+  linkType: hard
+
+"@exodus/schemasafe@npm:^1.0.0-rc.2":
+  version: 1.3.0
+  resolution: "@exodus/schemasafe@npm:1.3.0"
+  checksum: 10/791d9e4b437fe04c6d7cf028d145ed963b8fe973ba6d5811aedf7edea40d5a055a49522241efdafbc32f964c27beaddf1c85fbcc8bf5436cf394623b08e5518b
+  languageName: node
+  linkType: hard
+
+"@expo/cli@npm:0.24.11":
+  version: 0.24.11
+  resolution: "@expo/cli@npm:0.24.11"
+  dependencies:
+    "@0no-co/graphql.web": "npm:^1.0.8"
+    "@babel/runtime": "npm:^7.20.0"
+    "@expo/code-signing-certificates": "npm:^0.0.5"
+    "@expo/config": "npm:~11.0.8"
+    "@expo/config-plugins": "npm:~10.0.2"
+    "@expo/devcert": "npm:^1.1.2"
+    "@expo/env": "npm:~1.0.5"
+    "@expo/image-utils": "npm:^0.7.4"
+    "@expo/json-file": "npm:^9.1.4"
+    "@expo/metro-config": "npm:~0.20.13"
+    "@expo/osascript": "npm:^2.2.4"
+    "@expo/package-manager": "npm:^1.8.4"
+    "@expo/plist": "npm:^0.3.4"
+    "@expo/prebuild-config": "npm:^9.0.5"
+    "@expo/spawn-async": "npm:^1.7.2"
+    "@expo/ws-tunnel": "npm:^1.0.1"
+    "@expo/xcpretty": "npm:^4.3.0"
+    "@react-native/dev-middleware": "npm:0.79.2"
+    "@urql/core": "npm:^5.0.6"
+    "@urql/exchange-retry": "npm:^1.3.0"
+    accepts: "npm:^1.3.8"
+    arg: "npm:^5.0.2"
+    better-opn: "npm:~3.0.2"
+    bplist-creator: "npm:0.1.0"
+    bplist-parser: "npm:^0.3.1"
+    chalk: "npm:^4.0.0"
+    ci-info: "npm:^3.3.0"
+    compression: "npm:^1.7.4"
+    connect: "npm:^3.7.0"
+    debug: "npm:^4.3.4"
+    env-editor: "npm:^0.4.1"
+    freeport-async: "npm:^2.0.0"
+    getenv: "npm:^1.0.0"
+    glob: "npm:^10.4.2"
+    lan-network: "npm:^0.1.4"
+    minimatch: "npm:^9.0.0"
+    node-forge: "npm:^1.3.1"
+    npm-package-arg: "npm:^11.0.0"
+    ora: "npm:^3.4.0"
+    picomatch: "npm:^3.0.1"
+    pretty-bytes: "npm:^5.6.0"
+    pretty-format: "npm:^29.7.0"
+    progress: "npm:^2.0.3"
+    prompts: "npm:^2.3.2"
+    qrcode-terminal: "npm:0.11.0"
+    require-from-string: "npm:^2.0.2"
+    requireg: "npm:^0.2.2"
+    resolve: "npm:^1.22.2"
+    resolve-from: "npm:^5.0.0"
+    resolve.exports: "npm:^2.0.3"
+    semver: "npm:^7.6.0"
+    send: "npm:^0.19.0"
+    slugify: "npm:^1.3.4"
+    source-map-support: "npm:~0.5.21"
+    stacktrace-parser: "npm:^0.1.10"
+    structured-headers: "npm:^0.4.1"
+    tar: "npm:^7.4.3"
+    terminal-link: "npm:^2.1.1"
+    undici: "npm:^6.18.2"
+    wrap-ansi: "npm:^7.0.0"
+    ws: "npm:^8.12.1"
+  bin:
+    expo-internal: build/bin/cli
+  checksum: 10/2bba576daf356858f5ef8bbb4c325677549e48739f81f058fb28636a7da0d213cc5efaa77061534371d31dd4e9ec401cf3596de88a6801a395ec29f255476931
+  languageName: node
+  linkType: hard
+
+"@expo/code-signing-certificates@npm:^0.0.5":
+  version: 0.0.5
+  resolution: "@expo/code-signing-certificates@npm:0.0.5"
+  dependencies:
+    node-forge: "npm:^1.2.1"
+    nullthrows: "npm:^1.1.1"
+  checksum: 10/6783721e2eafff5547500eaf99bee54641f076dc7221e52b48f1494f993040d779fe13ae7d95d3874c483eb545cafbf692315e2da0b0fc24e7a477b84e289617
+  languageName: node
+  linkType: hard
+
+"@expo/config-plugins@npm:~10.0.0, @expo/config-plugins@npm:~10.0.2":
+  version: 10.0.2
+  resolution: "@expo/config-plugins@npm:10.0.2"
+  dependencies:
+    "@expo/config-types": "npm:^53.0.3"
+    "@expo/json-file": "npm:~9.1.4"
+    "@expo/plist": "npm:^0.3.4"
+    "@expo/sdk-runtime-versions": "npm:^1.0.0"
+    chalk: "npm:^4.1.2"
+    debug: "npm:^4.3.5"
+    getenv: "npm:^1.0.0"
+    glob: "npm:^10.4.2"
+    resolve-from: "npm:^5.0.0"
+    semver: "npm:^7.5.4"
+    slash: "npm:^3.0.0"
+    slugify: "npm:^1.6.6"
+    xcode: "npm:^3.0.1"
+    xml2js: "npm:0.6.0"
+  checksum: 10/0ebf7ff4b697098ed676aff78de68c937abc4761c2c8cb0aae037bba3fa387214d6d52515e071c08a21cc09f4e5c0b7bc9d84bf179c7f3b1ffecd5db7be062db
+  languageName: node
+  linkType: hard
+
+"@expo/config-plugins@npm:~10.1.1":
+  version: 10.1.1
+  resolution: "@expo/config-plugins@npm:10.1.1"
+  dependencies:
+    "@expo/config-types": "npm:^53.0.5"
+    "@expo/json-file": "npm:~9.1.5"
+    "@expo/plist": "npm:^0.3.5"
+    "@expo/sdk-runtime-versions": "npm:^1.0.0"
+    chalk: "npm:^4.1.2"
+    debug: "npm:^4.3.5"
+    getenv: "npm:^2.0.0"
+    glob: "npm:^10.4.2"
+    resolve-from: "npm:^5.0.0"
+    semver: "npm:^7.5.4"
+    slash: "npm:^3.0.0"
+    slugify: "npm:^1.6.6"
+    xcode: "npm:^3.0.1"
+    xml2js: "npm:0.6.0"
+  checksum: 10/fd73516bb820a681acc144299f26a0769691e2f7e4abfee465faf39dd7883258511738f4526dcaee0abaf00058aff4b803513cbee315723e62c642fec5ed425c
+  languageName: node
+  linkType: hard
+
+"@expo/config-types@npm:^53.0.3":
+  version: 53.0.3
+  resolution: "@expo/config-types@npm:53.0.3"
+  checksum: 10/e1521e97083f0b1ddc5de373d7e68de0c83dbbba278e2bc484b5d4cb5bd55c9d3907de2b1a06922fa8c620b80b6f17938f00b6c2bdf353aca6283b0d55137572
+  languageName: node
+  linkType: hard
+
+"@expo/config-types@npm:^53.0.4":
+  version: 53.0.4
+  resolution: "@expo/config-types@npm:53.0.4"
+  checksum: 10/536395517b132db489e3a046061f70065f4139bfff39116d129861c69b0d789e8089cca9f4a48b9ffc44991b9f12ae1cd03cc0707a9c4c0e3319c8a4c2b9fc8b
+  languageName: node
+  linkType: hard
+
+"@expo/config-types@npm:^53.0.5":
+  version: 53.0.5
+  resolution: "@expo/config-types@npm:53.0.5"
+  checksum: 10/71971858185b6163459271734903258c9cdd26a0ffc9775d038f37ebb71ab07153494b0157b96eed03600789592862458e81dfbcc8ef440d28fdcf965f0ba012
+  languageName: node
+  linkType: hard
+
+"@expo/config@npm:~11.0.10":
+  version: 11.0.10
+  resolution: "@expo/config@npm:11.0.10"
+  dependencies:
+    "@babel/code-frame": "npm:~7.10.4"
+    "@expo/config-plugins": "npm:~10.0.2"
+    "@expo/config-types": "npm:^53.0.4"
+    "@expo/json-file": "npm:^9.1.4"
+    deepmerge: "npm:^4.3.1"
+    getenv: "npm:^1.0.0"
+    glob: "npm:^10.4.2"
+    require-from-string: "npm:^2.0.2"
+    resolve-from: "npm:^5.0.0"
+    resolve-workspace-root: "npm:^2.0.0"
+    semver: "npm:^7.6.0"
+    slugify: "npm:^1.3.4"
+    sucrase: "npm:3.35.0"
+  checksum: 10/488c5c8e249d9f554b59a5ae72917613471653b3fee2e9623e7f91ea9fbb64675ecfe9270dcd5f8193fac14000f8e6b00386605296cc5626041ec49ccd30053b
+  languageName: node
+  linkType: hard
+
+"@expo/config@npm:~11.0.12":
+  version: 11.0.12
+  resolution: "@expo/config@npm:11.0.12"
+  dependencies:
+    "@babel/code-frame": "npm:~7.10.4"
+    "@expo/config-plugins": "npm:~10.1.1"
+    "@expo/config-types": "npm:^53.0.5"
+    "@expo/json-file": "npm:^9.1.5"
+    deepmerge: "npm:^4.3.1"
+    getenv: "npm:^2.0.0"
+    glob: "npm:^10.4.2"
+    require-from-string: "npm:^2.0.2"
+    resolve-from: "npm:^5.0.0"
+    resolve-workspace-root: "npm:^2.0.0"
+    semver: "npm:^7.6.0"
+    slugify: "npm:^1.3.4"
+    sucrase: "npm:3.35.0"
+  checksum: 10/91b84f7426a8ec5fb8fa71a2400ad725b4d4f5c13d223245bd2913440b1143006a4ee6a5f2d77d37bcb7d26391cb4b38082f06f7bff13e759a79da81f902b200
+  languageName: node
+  linkType: hard
+
+"@expo/config@npm:~11.0.6, @expo/config@npm:~11.0.7, @expo/config@npm:~11.0.8":
+  version: 11.0.8
+  resolution: "@expo/config@npm:11.0.8"
+  dependencies:
+    "@babel/code-frame": "npm:~7.10.4"
+    "@expo/config-plugins": "npm:~10.0.2"
+    "@expo/config-types": "npm:^53.0.3"
+    "@expo/json-file": "npm:^9.1.4"
+    deepmerge: "npm:^4.3.1"
+    getenv: "npm:^1.0.0"
+    glob: "npm:^10.4.2"
+    require-from-string: "npm:^2.0.2"
+    resolve-from: "npm:^5.0.0"
+    resolve-workspace-root: "npm:^2.0.0"
+    semver: "npm:^7.6.0"
+    slugify: "npm:^1.3.4"
+    sucrase: "npm:3.35.0"
+  checksum: 10/2027a94424917395c7f063e82d683ccbd8f007fca771894e2107b092b85a156a2b208938e8084f7d4c4464ab745e6902e32f825511a64c45fdc84d89aa7f6db3
+  languageName: node
+  linkType: hard
+
+"@expo/devcert@npm:^1.1.2":
+  version: 1.1.4
+  resolution: "@expo/devcert@npm:1.1.4"
+  dependencies:
+    application-config-path: "npm:^0.1.0"
+    command-exists: "npm:^1.2.4"
+    debug: "npm:^3.1.0"
+    eol: "npm:^0.9.1"
+    get-port: "npm:^3.2.0"
+    glob: "npm:^10.4.2"
+    lodash: "npm:^4.17.21"
+    mkdirp: "npm:^0.5.1"
+    password-prompt: "npm:^1.0.4"
+    sudo-prompt: "npm:^8.2.0"
+    tmp: "npm:^0.0.33"
+    tslib: "npm:^2.4.0"
+  checksum: 10/da897fad243ff74c5c70486aa020b6ed691c3a68a2bed5758e76245d493cee0499d3c1efbc9fa8993e5addc0cf73de5eff77211780669ae122b802327cefacee
+  languageName: node
+  linkType: hard
+
+"@expo/env@npm:~1.0.5":
+  version: 1.0.5
+  resolution: "@expo/env@npm:1.0.5"
+  dependencies:
+    chalk: "npm:^4.0.0"
+    debug: "npm:^4.3.4"
+    dotenv: "npm:~16.4.5"
+    dotenv-expand: "npm:~11.0.6"
+    getenv: "npm:^1.0.0"
+  checksum: 10/4e75d0a519f10b8d0b886c4827b5314d4bee491b2c03df9d027349eb441bc84886e4a20b4b67b859e7ecba67e708c393203e43fae770f471fba1025cca73f540
+  languageName: node
+  linkType: hard
+
+"@expo/fingerprint@npm:0.12.4":
+  version: 0.12.4
+  resolution: "@expo/fingerprint@npm:0.12.4"
+  dependencies:
+    "@expo/spawn-async": "npm:^1.7.2"
+    arg: "npm:^5.0.2"
+    chalk: "npm:^4.1.2"
+    debug: "npm:^4.3.4"
+    find-up: "npm:^5.0.0"
+    getenv: "npm:^1.0.0"
+    minimatch: "npm:^9.0.0"
+    p-limit: "npm:^3.1.0"
+    resolve-from: "npm:^5.0.0"
+    semver: "npm:^7.6.0"
+  bin:
+    fingerprint: bin/cli.js
+  checksum: 10/5f0573df823e9879d37597b47b52186049b843000ae780af8d2724cc3b1b111210a61178142a4c2be66206337f5c687082078d139539093c7893d28df54adf06
+  languageName: node
+  linkType: hard
+
+"@expo/image-utils@npm:^0.7.4":
+  version: 0.7.4
+  resolution: "@expo/image-utils@npm:0.7.4"
+  dependencies:
+    "@expo/spawn-async": "npm:^1.7.2"
+    chalk: "npm:^4.0.0"
+    getenv: "npm:^1.0.0"
+    jimp-compact: "npm:0.16.1"
+    parse-png: "npm:^2.1.0"
+    resolve-from: "npm:^5.0.0"
+    semver: "npm:^7.6.0"
+    temp-dir: "npm:~2.0.0"
+    unique-string: "npm:~2.0.0"
+  checksum: 10/dba225cde9a2312e45b4d0d1ce8d2310db2549f9b44b10ca9bcd470cee74fa7ff3178cc7aae8f6eaf4d2c8c8af2b2cc4b4aee1a3202085e8b91749f6ea279532
+  languageName: node
+  linkType: hard
+
+"@expo/json-file@npm:^9.1.4, @expo/json-file@npm:~9.1.4":
+  version: 9.1.4
+  resolution: "@expo/json-file@npm:9.1.4"
+  dependencies:
+    "@babel/code-frame": "npm:~7.10.4"
+    json5: "npm:^2.2.3"
+  checksum: 10/bebc52e38262c20313c6738904858214b5551f5a0f0eab270bd99d5b1dec44fd354df77750914c142d43828932b983f883e3af31d04861dda08012f139e0fed9
+  languageName: node
+  linkType: hard
+
+"@expo/json-file@npm:^9.1.5, @expo/json-file@npm:~9.1.5":
+  version: 9.1.5
+  resolution: "@expo/json-file@npm:9.1.5"
+  dependencies:
+    "@babel/code-frame": "npm:~7.10.4"
+    json5: "npm:^2.2.3"
+  checksum: 10/b4a8019ac68ffb04606b03ff2fbec81ed031a9bbb2e9f21ba5e7a74f36d68ad1aa68111342ac26d2082f1322b5eb343ad0976b51793599501f33160cd92c25be
+  languageName: node
+  linkType: hard
+
+"@expo/metro-config@npm:0.20.13, @expo/metro-config@npm:~0.20.13":
+  version: 0.20.13
+  resolution: "@expo/metro-config@npm:0.20.13"
+  dependencies:
+    "@babel/core": "npm:^7.20.0"
+    "@babel/generator": "npm:^7.20.5"
+    "@babel/parser": "npm:^7.20.0"
+    "@babel/types": "npm:^7.20.0"
+    "@expo/config": "npm:~11.0.8"
+    "@expo/env": "npm:~1.0.5"
+    "@expo/json-file": "npm:~9.1.4"
+    "@expo/spawn-async": "npm:^1.7.2"
+    chalk: "npm:^4.1.0"
+    debug: "npm:^4.3.2"
+    dotenv: "npm:~16.4.5"
+    dotenv-expand: "npm:~11.0.6"
+    getenv: "npm:^1.0.0"
+    glob: "npm:^10.4.2"
+    jsc-safe-url: "npm:^0.2.4"
+    lightningcss: "npm:~1.27.0"
+    minimatch: "npm:^9.0.0"
+    postcss: "npm:~8.4.32"
+    resolve-from: "npm:^5.0.0"
+  checksum: 10/a3f34ffd703d7acd16326bc30e959ff7172db8bddfdaa1d3eb3e2ea14e6cd68e10a02e38da144159e217d475d0bb99ac43a3b24d61a517c466c5be104a5779c0
+  languageName: node
+  linkType: hard
+
+"@expo/metro-runtime@npm:5.0.4":
+  version: 5.0.4
+  resolution: "@expo/metro-runtime@npm:5.0.4"
+  peerDependencies:
+    react-native: "*"
+  checksum: 10/7aa5ddcab4effaebecb3b04885cf45ca32d5c320eb3045aa44b8d05266d8508512fe7b015be0bd7d1b9a338342a8a97605a5b65f69fdd8f0aae8dac0a617b3a1
+  languageName: node
+  linkType: hard
+
+"@expo/npm-proofread@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@expo/npm-proofread@npm:1.0.1"
+  dependencies:
+    semver: "npm:^5.3.0"
+  bin:
+    proofread: ./proofread.js
+  checksum: 10/a2654e13c31ee97eb3ed6f45a41e2b053b2fce737c7fcfe9bc8b73e9619ceeddb27637af549c6c315bd1e84805b367f947ee38b44620e4a912f83b699f3553d7
+  languageName: node
+  linkType: hard
+
+"@expo/osascript@npm:^2.2.4":
+  version: 2.2.4
+  resolution: "@expo/osascript@npm:2.2.4"
+  dependencies:
+    "@expo/spawn-async": "npm:^1.7.2"
+    exec-async: "npm:^2.2.0"
+  checksum: 10/a0c24615e6cb6a8ae8b9d8c5df37156137ca9fb71e2a5e2bec9f98ab0bca5738554f5bbddcd5b73f03445f5f705c96437d3dc30221ac586f52f3f209a6893a25
+  languageName: node
+  linkType: hard
+
+"@expo/package-manager@npm:^1.8.4":
+  version: 1.8.4
+  resolution: "@expo/package-manager@npm:1.8.4"
+  dependencies:
+    "@expo/json-file": "npm:^9.1.4"
+    "@expo/spawn-async": "npm:^1.7.2"
+    chalk: "npm:^4.0.0"
+    npm-package-arg: "npm:^11.0.0"
+    ora: "npm:^3.4.0"
+    resolve-workspace-root: "npm:^2.0.0"
+  checksum: 10/269517f6468b1f7ede0780d343dfed5d6d96dba813529229c28604360247d11972ef5d8229ed26cfd38cc9a02113d3f3f0abd91697de3f64f73df5c62f0f39d0
+  languageName: node
+  linkType: hard
+
+"@expo/plist@npm:^0.3.4":
+  version: 0.3.4
+  resolution: "@expo/plist@npm:0.3.4"
+  dependencies:
+    "@xmldom/xmldom": "npm:^0.8.8"
+    base64-js: "npm:^1.2.3"
+    xmlbuilder: "npm:^15.1.1"
+  checksum: 10/63bb0b8b187452fcacc80f541e362ad3c867bd5489699d57db009718cd30288d1057286a42d682343659464ff77d610d6867865ccbce1f55a53f7911dbfbda03
+  languageName: node
+  linkType: hard
+
+"@expo/plist@npm:^0.3.5":
+  version: 0.3.5
+  resolution: "@expo/plist@npm:0.3.5"
+  dependencies:
+    "@xmldom/xmldom": "npm:^0.8.8"
+    base64-js: "npm:^1.2.3"
+    xmlbuilder: "npm:^15.1.1"
+  checksum: 10/a79f11e21c0072baf32444a0ca38883f966470df44d7bd30b244e4dba2aa1c66e186129d22c1ed7fd4139fd053ec9ae3d9d41a4f6fc36f51306a5b9a455d7676
+  languageName: node
+  linkType: hard
+
+"@expo/prebuild-config@npm:^9.0.5":
+  version: 9.0.5
+  resolution: "@expo/prebuild-config@npm:9.0.5"
+  dependencies:
+    "@expo/config": "npm:~11.0.7"
+    "@expo/config-plugins": "npm:~10.0.2"
+    "@expo/config-types": "npm:^53.0.3"
+    "@expo/image-utils": "npm:^0.7.4"
+    "@expo/json-file": "npm:^9.1.4"
+    "@react-native/normalize-colors": "npm:0.79.2"
+    debug: "npm:^4.3.1"
+    resolve-from: "npm:^5.0.0"
+    semver: "npm:^7.6.0"
+    xml2js: "npm:0.6.0"
+  checksum: 10/f5600f7f2536d9cf96ecd8d55fc9a8901157e651d0e7415b7df7241fe05a0a2bc7b3050235b61b4f2ef63ad7de8c333617c30a51493ca0b0b24e87063e002aed
+  languageName: node
+  linkType: hard
+
+"@expo/sdk-runtime-versions@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "@expo/sdk-runtime-versions@npm:1.0.0"
+  checksum: 10/0942d5a356f590e8dc795761456cc48b3e2d6a38ad2a02d6774efcdc5a70424e05623b4e3e5d2fec0cdc30f40dde05c14391c781607eed3971bf8676518bfd9d
+  languageName: node
+  linkType: hard
+
+"@expo/server@npm:^0.6.2":
+  version: 0.6.2
+  resolution: "@expo/server@npm:0.6.2"
+  dependencies:
+    abort-controller: "npm:^3.0.0"
+    debug: "npm:^4.3.4"
+    source-map-support: "npm:~0.5.21"
+    undici: "npm:^6.18.2 || ^7.0.0"
+  checksum: 10/527d46230feb5abee0a9b326ccbe56c8238b4f72bb64f72c7c139b86f0e05853d3e596c5412510b976df7f2f5328f8cfe745d771f92a8c5a194d558acacb4cd5
+  languageName: node
+  linkType: hard
+
+"@expo/spawn-async@npm:^1.7.2":
+  version: 1.7.2
+  resolution: "@expo/spawn-async@npm:1.7.2"
+  dependencies:
+    cross-spawn: "npm:^7.0.3"
+  checksum: 10/009816d1722fc02603cfb4c348a609a80f41fba726d0d20208cd0d2d8a532f511a924a6681501251c851453499c4c13380a93209027a00bacc1b5282a4324cf8
+  languageName: node
+  linkType: hard
+
+"@expo/vector-icons@npm:^14.0.0":
+  version: 14.0.4
+  resolution: "@expo/vector-icons@npm:14.0.4"
+  dependencies:
+    prop-types: "npm:^15.8.1"
+  checksum: 10/bb807830dd886cb439e90bbaf5afd5e9ea538486d3bd0cc240210a230c53e7d858b460d05836875ae0ef3958bc591c21afedb5f58086be4aeeb362d08665c809
+  languageName: node
+  linkType: hard
+
+"@expo/vector-icons@npm:^14.1.0":
+  version: 14.1.0
+  resolution: "@expo/vector-icons@npm:14.1.0"
+  peerDependencies:
+    expo-font: "*"
+    react: "*"
+    react-native: "*"
+  checksum: 10/5b80a684042672e40f311a921fca7acc964fdddb1edd2c2c22253f5b9097e9fe441626ffa50c98ffc2622a3f1a9b5315a8a73796348d3b03108b4da2600384bc
+  languageName: node
+  linkType: hard
+
+"@expo/ws-tunnel@npm:^1.0.1":
+  version: 1.0.6
+  resolution: "@expo/ws-tunnel@npm:1.0.6"
+  checksum: 10/83941098d2effee1aa69541c9f1c45e57ef5ae7777ff08fbc05218eb4a7f7fc98b9c922a69645b72a53924835c4e1080a137552e1c9bc8bf715fe479a8d147e2
+  languageName: node
+  linkType: hard
+
+"@expo/xcpretty@npm:^4.3.0":
+  version: 4.3.2
+  resolution: "@expo/xcpretty@npm:4.3.2"
+  dependencies:
+    "@babel/code-frame": "npm:7.10.4"
+    chalk: "npm:^4.1.0"
+    find-up: "npm:^5.0.0"
+    js-yaml: "npm:^4.1.0"
+  bin:
+    excpretty: build/cli.js
+  checksum: 10/4d2adaf531d24154898b858d3d0f3b4ec272fa08bb628f94cadee5b1eb505cc1f3a6b0ab7c1cb3d55af0f22c2534b4a9781a6fe7293dc2062fc5784eb376b0bb
+  languageName: node
+  linkType: hard
+
+"@faker-js/faker@npm:^9.0.3":
+  version: 9.3.0
+  resolution: "@faker-js/faker@npm:9.3.0"
+  checksum: 10/fa0718766dc46dea06602b1acdccdf3714e5a076f02eab6dbe26d7dc421ccc43a2e7e08767f7832de963fa2a273c2d9e5d4a2a504247ea5fba119a713efc145c
+  languageName: node
+  linkType: hard
+
+"@figspec/components@npm:^1.0.1":
+  version: 1.0.3
+  resolution: "@figspec/components@npm:1.0.3"
+  dependencies:
+    lit: "npm:^2.1.3"
+  checksum: 10/410244da341c639ac39357f95b2869b5cb258c120efa3fab77cb30c486891c44d89b3ae5de42c15ba89d14feb683e5e3e52b641d12a59760a5067cd0a4a8bb3d
+  languageName: node
+  linkType: hard
+
+"@figspec/react@npm:^1.0.0":
+  version: 1.0.3
+  resolution: "@figspec/react@npm:1.0.3"
+  dependencies:
+    "@figspec/components": "npm:^1.0.1"
+    "@lit-labs/react": "npm:^1.0.2"
+  peerDependencies:
+    react: ^16.14.0 || ^17.0.0 || ^18.0.0
+  checksum: 10/8cfc1be1d8b6aa089fb4a7461a46bc96cdd4ad40ee49b0dea46507221d6036a81644b732ed5be0e8047ef6436e776036bcf0a72db724f0f9358837270f4278cf
+  languageName: node
+  linkType: hard
+
+"@firebase/analytics-compat@npm:0.2.16":
+  version: 0.2.16
+  resolution: "@firebase/analytics-compat@npm:0.2.16"
+  dependencies:
+    "@firebase/analytics": "npm:0.10.10"
+    "@firebase/analytics-types": "npm:0.8.3"
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/33562eaad2f7f4e51847d13190d1433c44209ae7cf6331511ed1fd98c76ad15f47a89f8ff91abd05e9d732b65d4571dde54856d2fd07513ddf76d35e84b688b4
+  languageName: node
+  linkType: hard
+
+"@firebase/analytics-compat@npm:0.2.17":
+  version: 0.2.17
+  resolution: "@firebase/analytics-compat@npm:0.2.17"
+  dependencies:
+    "@firebase/analytics": "npm:0.10.11"
+    "@firebase/analytics-types": "npm:0.8.3"
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/3b048b41e0405a3975050f5d55afa923263ba3768d7b1b635d70892504cac03bd0bcf353b44819959dc6de7c04f1df818e34cec705c8ce18cf5c0866abe277b9
+  languageName: node
+  linkType: hard
+
+"@firebase/analytics-types@npm:0.8.3":
+  version: 0.8.3
+  resolution: "@firebase/analytics-types@npm:0.8.3"
+  checksum: 10/8292a400af00b08d201dd833095e041602c460d6fb3da54251a1a8811da1416fd82a8b8bd162574fe75decf233a4a07367b4d794d1d85cde91c7ae52747b1b20
+  languageName: node
+  linkType: hard
+
+"@firebase/analytics@npm:0.10.10":
+  version: 0.10.10
+  resolution: "@firebase/analytics@npm:0.10.10"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/installations": "npm:0.6.11"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/8f0b3d9504a480809a3b5f6bfa9c5ee8892a5b43f0592f6c11604739994e52f85691df00af9ba6a2b0a3197e42a2a18b19549faded6906d45126cba62d63c87d
+  languageName: node
+  linkType: hard
+
+"@firebase/analytics@npm:0.10.11":
+  version: 0.10.11
+  resolution: "@firebase/analytics@npm:0.10.11"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/installations": "npm:0.6.12"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/804083f61ffc57dabeb7a1b49e16f86969d1b2a37fafc23633c90324768ab849e52324b6a10928d789e038ec2f5d93248717f18d5f0d2a4b916850b86051c214
+  languageName: node
+  linkType: hard
+
+"@firebase/app-check-compat@npm:0.3.17":
+  version: 0.3.17
+  resolution: "@firebase/app-check-compat@npm:0.3.17"
+  dependencies:
+    "@firebase/app-check": "npm:0.8.10"
+    "@firebase/app-check-types": "npm:0.5.3"
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/67e85e6ef87e1e4083ed27c7947c9b4fa64c287b31b1fe416be21d0dcfcc0cfeccc9d50d8e71f17960daa82afb81a0831956c45e2795006944bc0a70bfa28a06
+  languageName: node
+  linkType: hard
+
+"@firebase/app-check-compat@npm:0.3.18":
+  version: 0.3.18
+  resolution: "@firebase/app-check-compat@npm:0.3.18"
+  dependencies:
+    "@firebase/app-check": "npm:0.8.11"
+    "@firebase/app-check-types": "npm:0.5.3"
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/24b103fc309fa66d9830614c69bdf62810ecf0b77ad4fc9f318e05361a686cc3a684d84bddbd6afddc6a641739ead93ab1e8c28a75ed915750602b371aeb9b32
+  languageName: node
+  linkType: hard
+
+"@firebase/app-check-interop-types@npm:0.3.3":
+  version: 0.3.3
+  resolution: "@firebase/app-check-interop-types@npm:0.3.3"
+  checksum: 10/55d92d9907fa137ae0e71ff14ad3be2d11c86d0e04bed7e8e58ba8f08531ce4867fa6fc75d9f8da86c0f8d05df15f34b13fe40014c3210e98ac00d2d9a0d4faa
+  languageName: node
+  linkType: hard
+
+"@firebase/app-check-types@npm:0.5.3":
+  version: 0.5.3
+  resolution: "@firebase/app-check-types@npm:0.5.3"
+  checksum: 10/8ffdd1a678060abe10daa9b7fbf2e0d30585b5e7b066adbcaf6aa89daee94d02683d3b41225fde7dd8b0d7cc8c3ac1d9053685099167aff5d407427dfbaeebcf
+  languageName: node
+  linkType: hard
+
+"@firebase/app-check@npm:0.8.10":
+  version: 0.8.10
+  resolution: "@firebase/app-check@npm:0.8.10"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/ffa15926b2ee8bf2ed00194cc2dfb39261d1856e785d3963918189290b3c63917b27e6f76631fa3508d0c10ada49f681c20830da1ee9a6a4007009ebf0624824
+  languageName: node
+  linkType: hard
+
+"@firebase/app-check@npm:0.8.11":
+  version: 0.8.11
+  resolution: "@firebase/app-check@npm:0.8.11"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/e3f6a3940037c17a2faaf97a700d33b2c7821e07460e0a854d9f542acdcb589514bb4699df3adba1fb1d17ee75261006939b8ef60ec44bbe6c8c827b0797aa77
+  languageName: node
+  linkType: hard
+
+"@firebase/app-compat@npm:0.2.47":
+  version: 0.2.47
+  resolution: "@firebase/app-compat@npm:0.2.47"
+  dependencies:
+    "@firebase/app": "npm:0.10.17"
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  checksum: 10/9162f9c991334c5ce4dca96855b85905de9cfc1da756bc459bf444d596a6501bab4e6b01a1f7c3c444dc22c10da087699fccc3904c9c9641896a1aabbca2e858
+  languageName: node
+  linkType: hard
+
+"@firebase/app-compat@npm:0.2.50":
+  version: 0.2.50
+  resolution: "@firebase/app-compat@npm:0.2.50"
+  dependencies:
+    "@firebase/app": "npm:0.11.1"
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  checksum: 10/a46ce03e55d7378939192801ec0e72459ed1ee0cb4c2ccab4a896aec1160b18e07227905466d163dc73d4514eb60eb481492c1ea030563b805af2e6f4f8aa34b
+  languageName: node
+  linkType: hard
+
+"@firebase/app-types@npm:0.9.3":
+  version: 0.9.3
+  resolution: "@firebase/app-types@npm:0.9.3"
+  checksum: 10/a980165e1433f0c4bb269be1f5cf25bf1d048a0e9f161779a71eb028def9bdcea82852cecee19baecee4fa602e5e62414120aabdf2b9722b8349c877f222b85a
+  languageName: node
+  linkType: hard
+
+"@firebase/app@npm:0.10.17":
+  version: 0.10.17
+  resolution: "@firebase/app@npm:0.10.17"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.2"
+    idb: "npm:7.1.1"
+    tslib: "npm:^2.1.0"
+  checksum: 10/399087eeeafca308f5440c47a34046a3e49384e431a4c07f655f2a541aeaf04f6006b159ae05c99f37e115ae969c569d7a8e50267ed7e2c55dd68bbd048b16d7
+  languageName: node
+  linkType: hard
+
+"@firebase/app@npm:0.11.1":
+  version: 0.11.1
+  resolution: "@firebase/app@npm:0.11.1"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.3"
+    idb: "npm:7.1.1"
+    tslib: "npm:^2.1.0"
+  checksum: 10/bbb3046d94dc7b0de005ec6b02b1452cf6dc4c81fababdc2347353f52d64b5fbc0aa88cdc25c83200f56b2fd4df0524a9de8954c5f38ad368aeae26e344188d5
+  languageName: node
+  linkType: hard
+
+"@firebase/auth-compat@npm:0.5.16":
+  version: 0.5.16
+  resolution: "@firebase/auth-compat@npm:0.5.16"
+  dependencies:
+    "@firebase/auth": "npm:1.8.1"
+    "@firebase/auth-types": "npm:0.12.3"
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/0781f14b0b624bfd2594f06ab5afe62f5597e48874b2b5c98bc55e02e9162a50b77b40d2deb7d5dcc601be1f824d00baee1643c2d07eaef132ec599db0c0bfdc
+  languageName: node
+  linkType: hard
+
+"@firebase/auth-compat@npm:0.5.18":
+  version: 0.5.18
+  resolution: "@firebase/auth-compat@npm:0.5.18"
+  dependencies:
+    "@firebase/auth": "npm:1.9.0"
+    "@firebase/auth-types": "npm:0.13.0"
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/6a3fca333bc1ae2e9c44728aae8a8318cb370d76a744169d8a8c0d1c82f54a5db6f7d80a699a256d5f2e78732bb1bc1bc874f58a2c8382b3c61b9cce1b3b00a1
+  languageName: node
+  linkType: hard
+
+"@firebase/auth-interop-types@npm:0.2.4":
+  version: 0.2.4
+  resolution: "@firebase/auth-interop-types@npm:0.2.4"
+  checksum: 10/a76abd5037e6e45e79f90fce4e3741142c12b24963aabb07a5098690ef4da2a6073e6a81437d926b1a27716f4f9edc56b7296f7160cb6cc48464969cb77197bc
+  languageName: node
+  linkType: hard
+
+"@firebase/auth-types@npm:0.12.3":
+  version: 0.12.3
+  resolution: "@firebase/auth-types@npm:0.12.3"
+  peerDependencies:
+    "@firebase/app-types": 0.x
+    "@firebase/util": 1.x
+  checksum: 10/5eda88380e9b33a6c91b0f8dd6a581895c2770aa5b46b1928a006a74d35c6a310bfe737141ff013764a4e02815efa530f1576d674f09f905fbe3b14050dc7fce
+  languageName: node
+  linkType: hard
+
+"@firebase/auth-types@npm:0.13.0":
+  version: 0.13.0
+  resolution: "@firebase/auth-types@npm:0.13.0"
+  peerDependencies:
+    "@firebase/app-types": 0.x
+    "@firebase/util": 1.x
+  checksum: 10/57d8e4b80e58d3a9e453b4676a29e3b0e548ca9f4c2b465137007bb5753e3bde2f6537f0be9779df17859ebc4e6b1b59c88215cdd59a32106391cf117072372d
+  languageName: node
+  linkType: hard
+
+"@firebase/auth@npm:1.8.1":
+  version: 1.8.1
+  resolution: "@firebase/auth@npm:1.8.1"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+    "@react-native-async-storage/async-storage": ^1.18.1
+  peerDependenciesMeta:
+    "@react-native-async-storage/async-storage":
+      optional: true
+  checksum: 10/9201278960f5bdbd8c83406a9cd525a0a0c4535ba531bbb3601acf9a9508d0fe73284e689231d01f4053c8b1adcfba2c0a9f6c3e0fc3d8c6b67756e415c6c49a
+  languageName: node
+  linkType: hard
+
+"@firebase/auth@npm:1.9.0":
+  version: 1.9.0
+  resolution: "@firebase/auth@npm:1.9.0"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+    "@react-native-async-storage/async-storage": ^1.18.1
+  peerDependenciesMeta:
+    "@react-native-async-storage/async-storage":
+      optional: true
+  checksum: 10/868cbe90ca414393f913e27c09b9d0c33a50fe0dad9bc3ce5e4961fcd6548ffd38d6de6e1c93ca310f34539b8d1284921784048f20b939df8f1ffd800c2986ae
+  languageName: node
+  linkType: hard
+
+"@firebase/component@npm:0.6.11":
+  version: 0.6.11
+  resolution: "@firebase/component@npm:0.6.11"
+  dependencies:
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  checksum: 10/a70b88dfed7ec16766c472722362d65709fb88c9dfb9e61277e735f9515c88747196942d91c988f4fa4690fc4eb0b924f6f7fe2042d22c38a25b9cff82158fa6
+  languageName: node
+  linkType: hard
+
+"@firebase/component@npm:0.6.12":
+  version: 0.6.12
+  resolution: "@firebase/component@npm:0.6.12"
+  dependencies:
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  checksum: 10/4dfd201d3709ef5eed477e13d399611a78a186ca8911846e24361f9848c3b4eecc14c295a8f78ec40c88816329fde0ba6cc30dce9a444fa43a619b7ea744f0dc
+  languageName: node
+  linkType: hard
+
+"@firebase/data-connect@npm:0.1.3":
+  version: 0.1.3
+  resolution: "@firebase/data-connect@npm:0.1.3"
+  dependencies:
+    "@firebase/auth-interop-types": "npm:0.2.4"
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/8cb2b00971c5e04ba003eb8718584d817ec23c3bcdbb1820aeb08159bd3aa638689aa7b3e1b24192c4052e0a0a4bfffd11bcd2f69925609ae285991243decd44
+  languageName: node
+  linkType: hard
+
+"@firebase/data-connect@npm:0.3.0":
+  version: 0.3.0
+  resolution: "@firebase/data-connect@npm:0.3.0"
+  dependencies:
+    "@firebase/auth-interop-types": "npm:0.2.4"
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/13edd416331103f331fda28e26be83b17989b29ccdd1c9b953eb1d376eb5b9760c5e4b9576d024f200ba9d75676074a4b19c7b41a0e5539d561709a79e28ed72
+  languageName: node
+  linkType: hard
+
+"@firebase/database-compat@npm:2.0.1":
+  version: 2.0.1
+  resolution: "@firebase/database-compat@npm:2.0.1"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/database": "npm:1.0.10"
+    "@firebase/database-types": "npm:1.0.7"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  checksum: 10/55e0aa5f0c14e74206d0d69753bae70f4944fb81bd698285c571fe0e640d6960eea1b9f88b3dabb0513d04ed2673c825013e0f879e52b5382f72a511242185c9
+  languageName: node
+  linkType: hard
+
+"@firebase/database-compat@npm:2.0.3":
+  version: 2.0.3
+  resolution: "@firebase/database-compat@npm:2.0.3"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/database": "npm:1.0.12"
+    "@firebase/database-types": "npm:1.0.8"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  checksum: 10/5f91dbdc9ef12994a57c49ac17242fbfa072566c9e149698fb84b1f482ca41032bfce344a27c223e31826a1fcec1f24ddd1de2571c86fd6edd4b44a23742b289
+  languageName: node
+  linkType: hard
+
+"@firebase/database-types@npm:1.0.7":
+  version: 1.0.7
+  resolution: "@firebase/database-types@npm:1.0.7"
+  dependencies:
+    "@firebase/app-types": "npm:0.9.3"
+    "@firebase/util": "npm:1.10.2"
+  checksum: 10/4e9357f70c6e02ed0a6098deb89f82e43b2635f13cfec46455eb92da52aec9018c4a246b0f61a0a72bc28f027181faf3823110e96ba828563dc0c11eecb4e9fc
+  languageName: node
+  linkType: hard
+
+"@firebase/database-types@npm:1.0.8":
+  version: 1.0.8
+  resolution: "@firebase/database-types@npm:1.0.8"
+  dependencies:
+    "@firebase/app-types": "npm:0.9.3"
+    "@firebase/util": "npm:1.10.3"
+  checksum: 10/1b5483de082ff8d7551b21f087ba2f237bcd38ca9e3f48b1377b96213718e0a206437fe31a4e055c1b90d05a1f38f89fe1c92d50d907ca06c8727c73fc521c40
+  languageName: node
+  linkType: hard
+
+"@firebase/database@npm:1.0.10":
+  version: 1.0.10
+  resolution: "@firebase/database@npm:1.0.10"
+  dependencies:
+    "@firebase/app-check-interop-types": "npm:0.3.3"
+    "@firebase/auth-interop-types": "npm:0.2.4"
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.2"
+    faye-websocket: "npm:0.11.4"
+    tslib: "npm:^2.1.0"
+  checksum: 10/2fcc48fa1d25316c817f595bd4f976d30fe559f2941b29c56ee0ff777da0fb7530b9a96a5172d72399b9de37d4a8447affffac7285254c09e71787e5455e15fe
+  languageName: node
+  linkType: hard
+
+"@firebase/database@npm:1.0.12":
+  version: 1.0.12
+  resolution: "@firebase/database@npm:1.0.12"
+  dependencies:
+    "@firebase/app-check-interop-types": "npm:0.3.3"
+    "@firebase/auth-interop-types": "npm:0.2.4"
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.3"
+    faye-websocket: "npm:0.11.4"
+    tslib: "npm:^2.1.0"
+  checksum: 10/82ef169190b5dab5760a2802b9f88d59435792892a3727c17b52615803d2f8b62072605d270bc097513af7cd7c24b387bf777d0cccbbf4303c13c4f5bef6d610
+  languageName: node
+  linkType: hard
+
+"@firebase/firestore-compat@npm:0.3.40":
+  version: 0.3.40
+  resolution: "@firebase/firestore-compat@npm:0.3.40"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/firestore": "npm:4.7.5"
+    "@firebase/firestore-types": "npm:3.0.3"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/5e0f765a7089a42a9def7c367de6aa615f2911383a5c6605e14a1288189448953cff773191c00f6bac00c99f260cd109600865c8ebae6eedc97b79c3edc19fbb
+  languageName: node
+  linkType: hard
+
+"@firebase/firestore-compat@npm:0.3.43":
+  version: 0.3.43
+  resolution: "@firebase/firestore-compat@npm:0.3.43"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/firestore": "npm:4.7.8"
+    "@firebase/firestore-types": "npm:3.0.3"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/9d542220b01603d8616604a7541fae4237ea3bf7b6734d60006ca457b7ef8727f9c8ef02c1fcf909771a28265add2f6ad3ce9e2d41a4da7fa617e252178eebc1
+  languageName: node
+  linkType: hard
+
+"@firebase/firestore-types@npm:3.0.3":
+  version: 3.0.3
+  resolution: "@firebase/firestore-types@npm:3.0.3"
+  peerDependencies:
+    "@firebase/app-types": 0.x
+    "@firebase/util": 1.x
+  checksum: 10/98b5153b3b98d5a1aa67385962619966352752e49d1120425e608bb4b715d60674943808d9bdb7587a8e7ab2e821fc2d470974d7e0d7419cb333e846c1ab038c
+  languageName: node
+  linkType: hard
+
+"@firebase/firestore@npm:4.7.5":
+  version: 4.7.5
+  resolution: "@firebase/firestore@npm:4.7.5"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.2"
+    "@firebase/webchannel-wrapper": "npm:1.0.3"
+    "@grpc/grpc-js": "npm:~1.9.0"
+    "@grpc/proto-loader": "npm:^0.7.8"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/d63912eade105de102bda9f0505935a1e85d5e87a99fd5dd7a2b6ddb48ebb7b76a47f646bcc0f2bbdbfb32c53b27d037b2162911cf097a67faf2c39b8c57a5aa
+  languageName: node
+  linkType: hard
+
+"@firebase/firestore@npm:4.7.8":
+  version: 4.7.8
+  resolution: "@firebase/firestore@npm:4.7.8"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.3"
+    "@firebase/webchannel-wrapper": "npm:1.0.3"
+    "@grpc/grpc-js": "npm:~1.9.0"
+    "@grpc/proto-loader": "npm:^0.7.8"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/2965b1fa8e2798c6a3fbbf0f0cd40375410dd0ececd623b7efd4446262d4b62d370dd89a159596ea970a055506fd24f0bb636e6381da0efe52d1a5ecbcef8514
+  languageName: node
+  linkType: hard
+
+"@firebase/functions-compat@npm:0.3.17":
+  version: 0.3.17
+  resolution: "@firebase/functions-compat@npm:0.3.17"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/functions": "npm:0.12.0"
+    "@firebase/functions-types": "npm:0.6.3"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/435f6f5c2f2fd31932ceee3b23f385d4a48459bfff8559c16caf3f40090d67421dacebacb0e6bec67ee105448f6b586712103423ecab1933c2dd5e73cf9e8994
+  languageName: node
+  linkType: hard
+
+"@firebase/functions-compat@npm:0.3.19":
+  version: 0.3.19
+  resolution: "@firebase/functions-compat@npm:0.3.19"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/functions": "npm:0.12.2"
+    "@firebase/functions-types": "npm:0.6.3"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/a3918d32e4a6d9fac48dc7d1b8c0a0b4324caee0b2e5841c17983b0ea597d3367a855fe9d6f30ede232ee6fa6371ec85114cc9cfb240ca61304acb5f6ad779ff
+  languageName: node
+  linkType: hard
+
+"@firebase/functions-types@npm:0.6.3":
+  version: 0.6.3
+  resolution: "@firebase/functions-types@npm:0.6.3"
+  checksum: 10/95fc99d7c1420f119136d1e048c9bf32e5bf644453c8c3a406e0fd11506f2191f9b4b1df087e6e978daeb7d1b52a98bb8de9f9acec8a1934f925e9004a0ade47
+  languageName: node
+  linkType: hard
+
+"@firebase/functions@npm:0.12.0":
+  version: 0.12.0
+  resolution: "@firebase/functions@npm:0.12.0"
+  dependencies:
+    "@firebase/app-check-interop-types": "npm:0.3.3"
+    "@firebase/auth-interop-types": "npm:0.2.4"
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/messaging-interop-types": "npm:0.2.3"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/1d9c2a17d3c4be52ca2678a1ab36be5e9bab8a4a40660996312e22cdcde0c4d25f9830c4f00a8896d378f23cd78907d824805293d3a9a14f8f81557c3903cacd
+  languageName: node
+  linkType: hard
+
+"@firebase/functions@npm:0.12.2":
+  version: 0.12.2
+  resolution: "@firebase/functions@npm:0.12.2"
+  dependencies:
+    "@firebase/app-check-interop-types": "npm:0.3.3"
+    "@firebase/auth-interop-types": "npm:0.2.4"
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/messaging-interop-types": "npm:0.2.3"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/82c664dc1ea3a4f68b9bebd52f54b4c223224a5daa9a166a2d82514fc0e436fd06a1c506c1fee4782a1a693442bab68fb4bb7f000ab1861ce456a0ff4df442d9
+  languageName: node
+  linkType: hard
+
+"@firebase/installations-compat@npm:0.2.11":
+  version: 0.2.11
+  resolution: "@firebase/installations-compat@npm:0.2.11"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/installations": "npm:0.6.11"
+    "@firebase/installations-types": "npm:0.5.3"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/0c4373542e7ce88867891e675cbb77ed23ee6c6bc9cf830acb55fa2101fc7059c52e24e16fb26d39dc68ba2a35fba39c1daf16998b858c7399f347818331cc90
+  languageName: node
+  linkType: hard
+
+"@firebase/installations-compat@npm:0.2.12":
+  version: 0.2.12
+  resolution: "@firebase/installations-compat@npm:0.2.12"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/installations": "npm:0.6.12"
+    "@firebase/installations-types": "npm:0.5.3"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/ffd5e08e65e7067c06a4eb5601a09b017fce006b38108c10c412df8144e79bd08b4347998740425f312288b5a0839818e634486875857df5518c05a737c46ad8
+  languageName: node
+  linkType: hard
+
+"@firebase/installations-types@npm:0.5.3":
+  version: 0.5.3
+  resolution: "@firebase/installations-types@npm:0.5.3"
+  peerDependencies:
+    "@firebase/app-types": 0.x
+  checksum: 10/7f3fbdc028bda9124b6d46609be5bf6dfd18e76b62da6a5a1bc233e750f0aa81a996b010049083c475abeec6b304d0b0b9a6d87e713f0b3c7db8c7c702c16d05
+  languageName: node
+  linkType: hard
+
+"@firebase/installations@npm:0.6.11":
+  version: 0.6.11
+  resolution: "@firebase/installations@npm:0.6.11"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/util": "npm:1.10.2"
+    idb: "npm:7.1.1"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/60deb19363ab6648609f8ba39451636fd253bda8858e975a3270eee13eb8b113fe278c14f5140ecedab2f02784c7b0ed2a8a52e571b3d3ea076aabd8a71559cb
+  languageName: node
+  linkType: hard
+
+"@firebase/installations@npm:0.6.12":
+  version: 0.6.12
+  resolution: "@firebase/installations@npm:0.6.12"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/util": "npm:1.10.3"
+    idb: "npm:7.1.1"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/093295de087b4c9287d06243eb19814e25674047aafa4f5db9a222d8e64283d0362f37edf8cfbe882a80eac1d2d9fc52b821fbb01151ac925f023765251dd1de
+  languageName: node
+  linkType: hard
+
+"@firebase/logger@npm:0.4.4":
+  version: 0.4.4
+  resolution: "@firebase/logger@npm:0.4.4"
+  dependencies:
+    tslib: "npm:^2.1.0"
+  checksum: 10/fb47ac92c86a77f997cef19775afd97edc7e46a28d8c10e2829b2f343da6115c73b9108a34d52f419cf7789c596af53177bf4a9d06dc53e2a31427e448ba347e
+  languageName: node
+  linkType: hard
+
+"@firebase/messaging-compat@npm:0.2.15":
+  version: 0.2.15
+  resolution: "@firebase/messaging-compat@npm:0.2.15"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/messaging": "npm:0.12.15"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/1899d40fef5f2221276a835c5b7cf14eb4d47c3b98952f5d57aa2e51353473fb2de14faf6cb0fa08e4ff1e2f675e5aabb59a42f53fa34c618c0b878a42a02e66
+  languageName: node
+  linkType: hard
+
+"@firebase/messaging-compat@npm:0.2.16":
+  version: 0.2.16
+  resolution: "@firebase/messaging-compat@npm:0.2.16"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/messaging": "npm:0.12.16"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/1887599e3f7d7db5a70f923118eda769130aa134c6a6ba0a9f599c541d78b2e00b9548fc51c12f430c60a6e902221fe951a4beeddd674f1c042ffa32d1593dc9
+  languageName: node
+  linkType: hard
+
+"@firebase/messaging-interop-types@npm:0.2.3":
+  version: 0.2.3
+  resolution: "@firebase/messaging-interop-types@npm:0.2.3"
+  checksum: 10/3359f2675d884f7908c7c0146098db6a6f88ba4d91021f822edb638633a3fc7f6554e647a71f44265ec7afc40e6b26a4824afeb0ee3883110bb77ceff4b95c14
+  languageName: node
+  linkType: hard
+
+"@firebase/messaging@npm:0.12.15":
+  version: 0.12.15
+  resolution: "@firebase/messaging@npm:0.12.15"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/installations": "npm:0.6.11"
+    "@firebase/messaging-interop-types": "npm:0.2.3"
+    "@firebase/util": "npm:1.10.2"
+    idb: "npm:7.1.1"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/29daf4f8d970b3893b234c4a38dff22233ac8d541c940de737803e5ff5a1da84271b96f5ab142fd8c7ae0afb95df2d4939c294dccc99ac7ebf9343827097fe0a
+  languageName: node
+  linkType: hard
+
+"@firebase/messaging@npm:0.12.16":
+  version: 0.12.16
+  resolution: "@firebase/messaging@npm:0.12.16"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/installations": "npm:0.6.12"
+    "@firebase/messaging-interop-types": "npm:0.2.3"
+    "@firebase/util": "npm:1.10.3"
+    idb: "npm:7.1.1"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/e237f35c4b179a521a6a37255fa719784ec73f30b76d179c059f21bf1e7ee6f907299c137a7b55496134dc5c3578d365c62b2e44988323edd3d96e5468f016d6
+  languageName: node
+  linkType: hard
+
+"@firebase/performance-compat@npm:0.2.11":
+  version: 0.2.11
+  resolution: "@firebase/performance-compat@npm:0.2.11"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/performance": "npm:0.6.11"
+    "@firebase/performance-types": "npm:0.2.3"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/c39bfcea6f1168158d2a30613d2ee6d97ebc4131dc4849f641babd76433e9a0986143c54e0a10ef99eaa087f44ee3c31228fcd9c8b5faaff8048d29c3ed12155
+  languageName: node
+  linkType: hard
+
+"@firebase/performance-compat@npm:0.2.13":
+  version: 0.2.13
+  resolution: "@firebase/performance-compat@npm:0.2.13"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/performance": "npm:0.7.0"
+    "@firebase/performance-types": "npm:0.2.3"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/d87da72d45134fc3708f0faf26b9cd8b74e609f67ebea906a5fc3a23f78c65f1559409be5f6c6c06dbae6cd12eb2b8ff6b685c4a02effa76e37d2b0e913847ac
+  languageName: node
+  linkType: hard
+
+"@firebase/performance-types@npm:0.2.3":
+  version: 0.2.3
+  resolution: "@firebase/performance-types@npm:0.2.3"
+  checksum: 10/1c9724ce59db4bddfed90627fe47d47877a51c33fc3e9dea0417c54adec2cf812ab8e90b6f15c7d6992823cb7d4a47e255ac33de221a1470d2e2c80342de1a10
+  languageName: node
+  linkType: hard
+
+"@firebase/performance@npm:0.6.11":
+  version: 0.6.11
+  resolution: "@firebase/performance@npm:0.6.11"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/installations": "npm:0.6.11"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/28e6e079b288bd788a255eefbb829d7ec01f2b71ac4b80eb8ea8f847b11abebffafa4e3fcb43a407f8d0b2f36af7d48ac692ec0208da51f25883f550143bbd49
+  languageName: node
+  linkType: hard
+
+"@firebase/performance@npm:0.7.0":
+  version: 0.7.0
+  resolution: "@firebase/performance@npm:0.7.0"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/installations": "npm:0.6.12"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+    web-vitals: "npm:^4.2.4"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/5428160baccd7c8d8248e1a78afcd75882842f5fbe8aecccfc3dc6b3cab0698b45a3628566c54a137a09c094ae610a5a84da9f74801ecab548eb10a494e72f76
+  languageName: node
+  linkType: hard
+
+"@firebase/remote-config-compat@npm:0.2.11":
+  version: 0.2.11
+  resolution: "@firebase/remote-config-compat@npm:0.2.11"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/remote-config": "npm:0.4.11"
+    "@firebase/remote-config-types": "npm:0.3.3"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/122d446677c89d0655b0c3e38bed1abc62d6dee5bb29c8349d038772673798b1a9136e0be969a1e1411b7136cc19bbc93815f75d52b8047a190c2380f5aedb0a
+  languageName: node
+  linkType: hard
+
+"@firebase/remote-config-compat@npm:0.2.12":
+  version: 0.2.12
+  resolution: "@firebase/remote-config-compat@npm:0.2.12"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/remote-config": "npm:0.5.0"
+    "@firebase/remote-config-types": "npm:0.4.0"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/931c4739c2b11b2719076630f09f5aa18f9edf8e89cf35c9b9a3a8cc5afc497c86e68cca165e1416afcb0b8040ed04363c676d31118fdcf4bf3823ef9172785c
+  languageName: node
+  linkType: hard
+
+"@firebase/remote-config-types@npm:0.3.3":
+  version: 0.3.3
+  resolution: "@firebase/remote-config-types@npm:0.3.3"
+  checksum: 10/1f183c305c8c775d4e200593c57cac1e4abf9bb43be9a84a02af360ef0a448aa9bb869a547dc31dd40b69f07f8cc3459b06a03ff475bda11198c263bba28fa97
+  languageName: node
+  linkType: hard
+
+"@firebase/remote-config-types@npm:0.4.0":
+  version: 0.4.0
+  resolution: "@firebase/remote-config-types@npm:0.4.0"
+  checksum: 10/67de8c448412974bdbdc10b6bca90d957fa81f967553ff9a4aee316d374f9ebb3a24fa2541af639c1a1ece79070fab0ab64c925bcf6bb807e212cba3297e5ddf
+  languageName: node
+  linkType: hard
+
+"@firebase/remote-config@npm:0.4.11":
+  version: 0.4.11
+  resolution: "@firebase/remote-config@npm:0.4.11"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/installations": "npm:0.6.11"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/a55a2ca45e5e99c54ad76a06f721399112e0ad8000aa6217171742bee06bcbf47385d2eb48d49ee0123c671b25a7b63222a08ab9b85ac25d1398e53622e5adb2
+  languageName: node
+  linkType: hard
+
+"@firebase/remote-config@npm:0.5.0":
+  version: 0.5.0
+  resolution: "@firebase/remote-config@npm:0.5.0"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/installations": "npm:0.6.12"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/58a6fad255d3975700e65d4d19ec3360703f920bcbd3bd2ff21f239367af7405bfec5fddf3f800fb405dd4e4456f73cdf0c5cbf624a9512d77293f7cf14b64d8
+  languageName: node
+  linkType: hard
+
+"@firebase/storage-compat@npm:0.3.14":
+  version: 0.3.14
+  resolution: "@firebase/storage-compat@npm:0.3.14"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/storage": "npm:0.13.4"
+    "@firebase/storage-types": "npm:0.8.3"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/7e3d7421c3576c33a34e49fd94bc27d4bd34bdee0446dffc75d95ba6795cfcb5b1d5b22ebb22044ee5027809a229b7bf7bfa75dd4f307b70518e86f07a849840
+  languageName: node
+  linkType: hard
+
+"@firebase/storage-compat@npm:0.3.16":
+  version: 0.3.16
+  resolution: "@firebase/storage-compat@npm:0.3.16"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/storage": "npm:0.13.6"
+    "@firebase/storage-types": "npm:0.8.3"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/485aebbaf56875783eb02be29b6398e700d935a9cd6c7bbc92b27b230ad3021f75c75cdef64a7f3f90fa679207916362b0b202b2c10ad3631d256f8acd0bab8f
+  languageName: node
+  linkType: hard
+
+"@firebase/storage-types@npm:0.8.3":
+  version: 0.8.3
+  resolution: "@firebase/storage-types@npm:0.8.3"
+  peerDependencies:
+    "@firebase/app-types": 0.x
+    "@firebase/util": 1.x
+  checksum: 10/ffee882352ec2d475d4cebc13a01d150621a2e4842b4b252ba12d731d68c4d3c0a03181202192af04014e3fb61c0d6fc51f9929985cc67e25948daa223159fc6
+  languageName: node
+  linkType: hard
+
+"@firebase/storage@npm:0.13.4":
+  version: 0.13.4
+  resolution: "@firebase/storage@npm:0.13.4"
+  dependencies:
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/bd8d2a0e01dbaba0533e5651a06937ff943415e2c4e79a90e9d61660787f7aadb6b05e8c2fdcf556dcae013f9d6f9972e529bd91d2c13cc13d960cffa628fc68
+  languageName: node
+  linkType: hard
+
+"@firebase/storage@npm:0.13.6":
+  version: 0.13.6
+  resolution: "@firebase/storage@npm:0.13.6"
+  dependencies:
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/f82707d28a993cc92717f39cd39d0b77fe5be20a8f95ccf357c9a6e38b037b6d9210b08b9bad0eb64aac11dd7f49c76e167ba68439a237ec776996e59b3555a2
+  languageName: node
+  linkType: hard
+
+"@firebase/util@npm:1.10.2":
+  version: 1.10.2
+  resolution: "@firebase/util@npm:1.10.2"
+  dependencies:
+    tslib: "npm:^2.1.0"
+  checksum: 10/5a07cc9b21e710449e6b8ebee0042e89d8a6160e4a7b99ba733c60a762c29a2ef79a0ed2c40090f6dcda0e7d38244fb9445637a169ce80220031dcfd7ae05b12
+  languageName: node
+  linkType: hard
+
+"@firebase/util@npm:1.10.3":
+  version: 1.10.3
+  resolution: "@firebase/util@npm:1.10.3"
+  dependencies:
+    tslib: "npm:^2.1.0"
+  checksum: 10/8e5e1664a09798348abfa0cd138157943f8ee9c6e3804e6cb1dcff004b351a03f14f4b2711338133bb89f7f824546664af2c2aa98e229becbc9294cdddeecc99
+  languageName: node
+  linkType: hard
+
+"@firebase/vertexai@npm:1.0.2":
+  version: 1.0.2
+  resolution: "@firebase/vertexai@npm:1.0.2"
+  dependencies:
+    "@firebase/app-check-interop-types": "npm:0.3.3"
+    "@firebase/component": "npm:0.6.11"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.2"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+    "@firebase/app-types": 0.x
+  checksum: 10/637916b2398a23d0de2ab2252297b4a4907f52880d51acf5c997b8f0c2ee002e36423169b25fd57e4f1253b775503a1a862254f7b8b3fac3b72cbf4d34311621
+  languageName: node
+  linkType: hard
+
+"@firebase/vertexai@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@firebase/vertexai@npm:1.0.4"
+  dependencies:
+    "@firebase/app-check-interop-types": "npm:0.3.3"
+    "@firebase/component": "npm:0.6.12"
+    "@firebase/logger": "npm:0.4.4"
+    "@firebase/util": "npm:1.10.3"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+    "@firebase/app-types": 0.x
+  checksum: 10/13eb8ac4a94c6166ed138c7bab28dbab687341b094dfa0ca1d3c19d10002554a5eb4214efacb927480fb6691ee8d055bbf5ded79ef3441ee99422246fc347410
+  languageName: node
+  linkType: hard
+
+"@firebase/webchannel-wrapper@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@firebase/webchannel-wrapper@npm:1.0.3"
+  checksum: 10/f4b491274855bd7b33b0339896c9f62049aab0de034f3196493531d0f4a19242a281570293e12b36b5ebfc8ba898e0329036646ff2b0f9a9b1f7d86f4e4593b4
+  languageName: node
+  linkType: hard
+
+"@fivebinaries/coin-selection@npm:3.0.0":
+  version: 3.0.0
+  resolution: "@fivebinaries/coin-selection@npm:3.0.0"
+  dependencies:
+    "@emurgo/cardano-serialization-lib-browser": "npm:^13.2.0"
+    "@emurgo/cardano-serialization-lib-nodejs": "npm:13.2.0"
+  checksum: 10/06440dcc86a2171a627333d34b9f2192c24f30d7b5d80b0e6d2a791745a01fccffc42f4a84abe5315cb3e52b96fb9cbbbe1696ede8531d18a4bf6a2c2adc2565
+  languageName: node
+  linkType: hard
+
+"@floating-ui/core@npm:^1.0.0, @floating-ui/core@npm:^1.6.0":
+  version: 1.6.8
+  resolution: "@floating-ui/core@npm:1.6.8"
+  dependencies:
+    "@floating-ui/utils": "npm:^0.2.8"
+  checksum: 10/87d52989c3d2cc80373bc153b7a40814db3206ce7d0b2a2bdfb63e2ff39ffb8b999b1b0ccf28e548000ebf863bf16e2bed45eab4c4d287a5dbe974ef22368d82
+  languageName: node
+  linkType: hard
+
+"@floating-ui/dom@npm:^1.0.0":
+  version: 1.6.12
+  resolution: "@floating-ui/dom@npm:1.6.12"
+  dependencies:
+    "@floating-ui/core": "npm:^1.6.0"
+    "@floating-ui/utils": "npm:^0.2.8"
+  checksum: 10/5c8e5fdcd3843140a606ab6dc6c12ad740f44e66b898966ef877393faaede0bbe14586e1049e2c2f08856437da8847e884a2762e78275fefa65a5a9cd71e580d
+  languageName: node
+  linkType: hard
+
+"@floating-ui/react-dom@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "@floating-ui/react-dom@npm:2.1.2"
+  dependencies:
+    "@floating-ui/dom": "npm:^1.0.0"
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: 10/2a67dc8499674e42ff32c7246bded185bb0fdd492150067caf9568569557ac4756a67787421d8604b0f241e5337de10762aee270d9aeef106d078a0ff13596c4
+  languageName: node
+  linkType: hard
+
+"@floating-ui/react-native@npm:^0.10.7":
+  version: 0.10.7
+  resolution: "@floating-ui/react-native@npm:0.10.7"
+  dependencies:
+    "@floating-ui/core": "npm:^1.0.0"
+  peerDependencies:
+    react: ">=16.8.0"
+    react-native: ">=0.64.0"
+  checksum: 10/98f665b8bea1b02f8b8f6488d699716cca8e870bf137ae5e25d287bd7b31bfc9bbc07cfdd3bafc227128d08985af8b4bf985b7a48859a88ef862ff62a4af915b
+  languageName: node
+  linkType: hard
+
+"@floating-ui/react@npm:^0.27.4":
+  version: 0.27.8
+  resolution: "@floating-ui/react@npm:0.27.8"
+  dependencies:
+    "@floating-ui/react-dom": "npm:^2.1.2"
+    "@floating-ui/utils": "npm:^0.2.9"
+    tabbable: "npm:^6.0.0"
+  peerDependencies:
+    react: ">=17.0.0"
+    react-dom: ">=17.0.0"
+  checksum: 10/9423e3b7d6298918cb14ad3cfa36ba7b88ef86f18c4c47f7870b367716e918757dc0cf9842ef4995ee784b68aebe725c28c2ae143ecfe16380d3ccfd05cacb43
+  languageName: node
+  linkType: hard
+
+"@floating-ui/utils@npm:^0.2.8":
+  version: 0.2.8
+  resolution: "@floating-ui/utils@npm:0.2.8"
+  checksum: 10/3e3ea3b2de06badc4baebdf358b3dbd77ccd9474a257a6ef237277895943db2acbae756477ec64de65a2a1436d94aea3107129a1feeef6370675bf2b161c1abc
+  languageName: node
+  linkType: hard
+
+"@floating-ui/utils@npm:^0.2.9":
+  version: 0.2.9
+  resolution: "@floating-ui/utils@npm:0.2.9"
+  checksum: 10/0ca786347db3dd8d9034b86d1449fabb96642788e5900cc5f2aee433cd7b243efbcd7a165bead50b004ee3f20a90ddebb6a35296fc41d43cfd361b6f01b69ffb
+  languageName: node
+  linkType: hard
+
+"@formatjs/ecma402-abstract@npm:2.3.3":
+  version: 2.3.3
+  resolution: "@formatjs/ecma402-abstract@npm:2.3.3"
+  dependencies:
+    "@formatjs/fast-memoize": "npm:2.2.6"
+    "@formatjs/intl-localematcher": "npm:0.6.0"
+    decimal.js: "npm:10"
+    tslib: "npm:2"
+  checksum: 10/c73a704d5cba3b929a9a303a04b4e8a708bb2dea000ee41808c55b22941a70da01b065697cbc5a25898b2007405abd71f414ab8c327fe953f63ae4120c2cc98d
+  languageName: node
+  linkType: hard
+
+"@formatjs/ecma402-abstract@npm:2.3.4":
+  version: 2.3.4
+  resolution: "@formatjs/ecma402-abstract@npm:2.3.4"
+  dependencies:
+    "@formatjs/fast-memoize": "npm:2.2.7"
+    "@formatjs/intl-localematcher": "npm:0.6.1"
+    decimal.js: "npm:^10.4.3"
+    tslib: "npm:^2.8.0"
+  checksum: 10/573971ffc291096a4b9fcc80b4708124e89bf2e3ac50e0f78b41eb797e9aa1b842f4dc3665e4467a853c738386821769d9e40408a1d25bc73323a1f057a16cf2
+  languageName: node
+  linkType: hard
+
+"@formatjs/fast-memoize@npm:2.2.6":
+  version: 2.2.6
+  resolution: "@formatjs/fast-memoize@npm:2.2.6"
+  dependencies:
+    tslib: "npm:2"
+  checksum: 10/efa5601dddbd94412ee567d5d067dfd206afa2d08553435f6938e69acba3309b83b9b15021cd30550d5fb93817a53b7691098a11a73f621c2d9318efad49fd76
+  languageName: node
+  linkType: hard
+
+"@formatjs/fast-memoize@npm:2.2.7":
+  version: 2.2.7
+  resolution: "@formatjs/fast-memoize@npm:2.2.7"
+  dependencies:
+    tslib: "npm:^2.8.0"
+  checksum: 10/e7e6efc677d63a13d99a854305db471b69f64cbfebdcb6dbe507dab9aa7eaae482ca5de86f343c856ca0a2c8f251672bd1f37c572ce14af602c0287378097d43
+  languageName: node
+  linkType: hard
+
+"@formatjs/icu-messageformat-parser@npm:2.11.1":
+  version: 2.11.1
+  resolution: "@formatjs/icu-messageformat-parser@npm:2.11.1"
+  dependencies:
+    "@formatjs/ecma402-abstract": "npm:2.3.3"
+    "@formatjs/icu-skeleton-parser": "npm:1.8.13"
+    tslib: "npm:2"
+  checksum: 10/86db326b859e2d9c3e8855cb8ca28864e1bf48f80489312b204bc51fd03f69e275509c086c599b9b171f33a02065f2c40d16f26bc5650e98aa30dce8a47fa3a8
+  languageName: node
+  linkType: hard
+
+"@formatjs/icu-skeleton-parser@npm:1.8.13":
+  version: 1.8.13
+  resolution: "@formatjs/icu-skeleton-parser@npm:1.8.13"
+  dependencies:
+    "@formatjs/ecma402-abstract": "npm:2.3.3"
+    tslib: "npm:2"
+  checksum: 10/514e7b9cc2123f666ed5d27d27e31ae0ee8cbcb53695c0363fdf7c92ec8b5515ddb39836ffdfabe8282e259ac73fe41a6da110433037057d2c34625b51e6bc5f
+  languageName: node
+  linkType: hard
+
+"@formatjs/intl-displaynames@npm:^6.8.11":
+  version: 6.8.11
+  resolution: "@formatjs/intl-displaynames@npm:6.8.11"
+  dependencies:
+    "@formatjs/ecma402-abstract": "npm:2.3.4"
+    "@formatjs/intl-localematcher": "npm:0.6.1"
+    tslib: "npm:^2.8.0"
+  checksum: 10/05c785d9e767cc1e4d1bd40d6989c3318b6a98cb43dd6808f501f5e5538bb3a1fb8fa80f8d2282d598501d3d193a406f0127acce6b14cb7c595ab6d981437e6f
+  languageName: node
+  linkType: hard
+
+"@formatjs/intl-enumerator@npm:1.8.9":
+  version: 1.8.9
+  resolution: "@formatjs/intl-enumerator@npm:1.8.9"
+  dependencies:
+    "@formatjs/ecma402-abstract": "npm:2.3.3"
+    tslib: "npm:2"
+  checksum: 10/cc7290147ce6331b8803307af70a68583392fb5df4b74e2441cbda766528c6104ec96f31eaa5a41478236e04b579bea65a1a819f7c7292c891fe063701f157f6
+  languageName: node
+  linkType: hard
+
+"@formatjs/intl-getcanonicallocales@npm:2.5.4, @formatjs/intl-getcanonicallocales@npm:^2.5.4":
+  version: 2.5.4
+  resolution: "@formatjs/intl-getcanonicallocales@npm:2.5.4"
+  dependencies:
+    tslib: "npm:2"
+  checksum: 10/69c2cf0b0fc9f85cd7845b27733b5c9796a935f30968ab446f6d32a8563edeba9ee1abd680763e66e7543d17244729d3f474e06582b217ef63023237490d73d9
+  languageName: node
+  linkType: hard
+
+"@formatjs/intl-locale@npm:^4.2.10":
+  version: 4.2.10
+  resolution: "@formatjs/intl-locale@npm:4.2.10"
+  dependencies:
+    "@formatjs/ecma402-abstract": "npm:2.3.3"
+    "@formatjs/intl-enumerator": "npm:1.8.9"
+    "@formatjs/intl-getcanonicallocales": "npm:2.5.4"
+    tslib: "npm:2"
+  checksum: 10/f6e5508ade093135df82da070436898027184d61a62f804e775d28bbfb0bd7512c593823362630cb3a2d5c86ebde5fe8a3c07891a7a94a6d03016a045006832b
+  languageName: node
+  linkType: hard
+
+"@formatjs/intl-localematcher@npm:0.6.0":
+  version: 0.6.0
+  resolution: "@formatjs/intl-localematcher@npm:0.6.0"
+  dependencies:
+    tslib: "npm:2"
+  checksum: 10/d8fd984c14121949d0ba60732a096aed6dccb2ab93770c4bffaea1170c85f5639d2a71fe6e2c68ab62bf6f3583a9c4b1fcd11bd5fb8837bfb2582228c33398c1
+  languageName: node
+  linkType: hard
+
+"@formatjs/intl-localematcher@npm:0.6.1":
+  version: 0.6.1
+  resolution: "@formatjs/intl-localematcher@npm:0.6.1"
+  dependencies:
+    tslib: "npm:^2.8.0"
+  checksum: 10/c7b3bc8395d18670677f207b2fd107561fff5d6394a9b4273c29e0bea920300ec3a2eefead600ebb7761c04a770cada28f78ac059f84d00520bfb57a9db36998
+  languageName: node
+  linkType: hard
+
+"@formatjs/intl-numberformat@npm:^8.15.3":
+  version: 8.15.3
+  resolution: "@formatjs/intl-numberformat@npm:8.15.3"
+  dependencies:
+    "@formatjs/ecma402-abstract": "npm:2.3.3"
+    "@formatjs/intl-localematcher": "npm:0.6.0"
+    decimal.js: "npm:10"
+    tslib: "npm:2"
+  checksum: 10/5688885dadcb6d56b552893a99024fe56e89f2323507af229780e1477dceb6dc21bc74f3460ce8016364ebbfe03d9b3f4e3026c56de7a475735a1f37147cf528
+  languageName: node
+  linkType: hard
+
+"@formatjs/intl-pluralrules@npm:^5.4.3":
+  version: 5.4.3
+  resolution: "@formatjs/intl-pluralrules@npm:5.4.3"
+  dependencies:
+    "@formatjs/ecma402-abstract": "npm:2.3.3"
+    "@formatjs/intl-localematcher": "npm:0.6.0"
+    decimal.js: "npm:10"
+    tslib: "npm:2"
+  checksum: 10/99192aef736bf2b3642f4e5eaea68fc6443823222a6c48edd6a111d8e1e4e969a3c5e24acb33f2bc375d55e84b829fb387a4eee7e2612f8cf7565fbd43c3f1dd
+  languageName: node
+  linkType: hard
+
+"@gnosis.pm/mock-contract@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "@gnosis.pm/mock-contract@npm:4.0.0"
+  checksum: 10/2d3c2b8261571324b14d17bbdc7de9d29c2b7a2e562af2e51a5cabddc6789b1f5d0e1fa5610592fbf210c1c1f7cd5089834c17ee79554540939c5ec531899072
+  languageName: node
+  linkType: hard
+
+"@gnosis.pm/safe-contracts@npm:1.3.0":
+  version: 1.3.0
+  resolution: "@gnosis.pm/safe-contracts@npm:1.3.0"
+  peerDependencies:
+    ethers: ^5.1.4
+  checksum: 10/0a99495d1624bd382b71bf43632b377dbf895466e253b6470e9742caba90dbf5918ad39b4fd05f40e801e1bc9b4863305b6d58cbcf8826bbfc78636f8b50652c
+  languageName: node
+  linkType: hard
+
+"@gnosis.pm/zodiac@npm:^4.0.3":
+  version: 4.0.3
+  resolution: "@gnosis.pm/zodiac@npm:4.0.3"
+  dependencies:
+    "@gnosis.pm/mock-contract": "npm:^4.0.0"
+    "@gnosis.pm/safe-contracts": "npm:1.3.0"
+    "@openzeppelin/contracts": "npm:^5.0.0"
+    "@openzeppelin/contracts-upgradeable": "npm:^5.0.0"
+    ethers: "npm:^6.9.2"
+  checksum: 10/7225015e5f1d09607f0b6ff43eb156d1aa1d797bdeedb81dbe855bfac95abb1b9e492decfc70e72e02ed667a70af63df6582a0aa503b699c318caeb7ca419d04
+  languageName: node
+  linkType: hard
+
+"@gorhom/bottom-sheet@npm:^5.1.1":
+  version: 5.1.1
+  resolution: "@gorhom/bottom-sheet@npm:5.1.1"
+  dependencies:
+    "@gorhom/portal": "npm:1.0.14"
+    invariant: "npm:^2.2.4"
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-native": "*"
+    react: "*"
+    react-native: "*"
+    react-native-gesture-handler: ">=2.16.1"
+    react-native-reanimated: ">=3.16.0"
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-native":
+      optional: true
+  checksum: 10/6da29c3927f6a0b6d2a459e2a1cae48ce7c0fce41663b46b0aba98490af15199e31248f83ca18753eeb439faf2c1dd957f26e4eacc9796b4962df44170b1a2d3
+  languageName: node
+  linkType: hard
+
+"@gorhom/portal@npm:1.0.14":
+  version: 1.0.14
+  resolution: "@gorhom/portal@npm:1.0.14"
+  dependencies:
+    nanoid: "npm:^3.3.1"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/e0fa06be88b850cccdc6a1417a86e5ac21d82e3bfd1cec7eb05eccf7f3b595babe305541f278fdcbde34f3a9db465097dca2c785445c28bafb83b744e235da0c
+  languageName: node
+  linkType: hard
+
+"@grpc/grpc-js@npm:~1.9.0":
+  version: 1.9.15
+  resolution: "@grpc/grpc-js@npm:1.9.15"
+  dependencies:
+    "@grpc/proto-loader": "npm:^0.7.8"
+    "@types/node": "npm:>=12.12.47"
+  checksum: 10/edd45c5970046ebb1bb54856f22a41186742c77dfb7e5182ca615f690f1a320af3abeef553d8924812d56911157a04882c7d264c2de64f326f8df7d473c47b2a
+  languageName: node
+  linkType: hard
+
+"@grpc/proto-loader@npm:^0.7.8":
+  version: 0.7.13
+  resolution: "@grpc/proto-loader@npm:0.7.13"
+  dependencies:
+    lodash.camelcase: "npm:^4.3.0"
+    long: "npm:^5.0.0"
+    protobufjs: "npm:^7.2.5"
+    yargs: "npm:^17.7.2"
+  bin:
+    proto-loader-gen-types: build/bin/proto-loader-gen-types.js
+  checksum: 10/7e2d842c2061cbaf6450c71da0077263be3bab165454d5c8a3e1ae4d3c6d2915f02fd27da63ff01f05e127b1221acd40705273f5d29303901e60514e852992f4
+  languageName: node
+  linkType: hard
+
+"@hapi/hoek@npm:^9.0.0":
+  version: 9.3.0
+  resolution: "@hapi/hoek@npm:9.3.0"
+  checksum: 10/ad83a223787749f3873bce42bd32a9a19673765bf3edece0a427e138859ff729469e68d5fdf9ff6bbee6fb0c8e21bab61415afa4584f527cfc40b59ea1957e70
+  languageName: node
+  linkType: hard
+
+"@hapi/topo@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "@hapi/topo@npm:5.1.0"
+  dependencies:
+    "@hapi/hoek": "npm:^9.0.0"
+  checksum: 10/084bfa647015f4fd3fdd51fadb2747d09ef2f5e1443d6cbada2988b0c88494f85edf257ec606c790db146ac4e34ff57f3fcb22e3299b8e06ed5c87ba7583495c
+  languageName: node
+  linkType: hard
+
+"@hookform/resolvers@npm:^4.1.3":
+  version: 4.1.3
+  resolution: "@hookform/resolvers@npm:4.1.3"
+  dependencies:
+    "@standard-schema/utils": "npm:^0.3.0"
+  peerDependencies:
+    react-hook-form: ^7.0.0
+  checksum: 10/7cd4a872509c79053fd3a377bc2831348453b60f1af41564442b574d4f36b6303f751e715d01c2d9291b484581ae0152045e779aefafdd66802055e24eff7762
+  languageName: node
+  linkType: hard
+
+"@humanfs/core@npm:^0.19.1":
+  version: 0.19.1
+  resolution: "@humanfs/core@npm:0.19.1"
+  checksum: 10/270d936be483ab5921702623bc74ce394bf12abbf57d9145a69e8a0d1c87eb1c768bd2d93af16c5705041e257e6d9cc7529311f63a1349f3678abc776fc28523
+  languageName: node
+  linkType: hard
+
+"@humanfs/node@npm:^0.16.6":
+  version: 0.16.6
+  resolution: "@humanfs/node@npm:0.16.6"
+  dependencies:
+    "@humanfs/core": "npm:^0.19.1"
+    "@humanwhocodes/retry": "npm:^0.3.0"
+  checksum: 10/6d43c6727463772d05610aa05c83dab2bfbe78291022ee7a92cb50999910b8c720c76cc312822e2dea2b497aa1b3fef5fe9f68803fc45c9d4ed105874a65e339
+  languageName: node
+  linkType: hard
+
+"@humanwhocodes/module-importer@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@humanwhocodes/module-importer@npm:1.0.1"
+  checksum: 10/e993950e346331e5a32eefb27948ecdee2a2c4ab3f072b8f566cd213ef485dd50a3ca497050608db91006f5479e43f91a439aef68d2a313bd3ded06909c7c5b3
+  languageName: node
+  linkType: hard
+
+"@humanwhocodes/retry@npm:^0.3.0":
+  version: 0.3.1
+  resolution: "@humanwhocodes/retry@npm:0.3.1"
+  checksum: 10/eb457f699529de7f07649679ec9e0353055eebe443c2efe71c6dd950258892475a038e13c6a8c5e13ed1fb538cdd0a8794faa96b24b6ffc4c87fb1fc9f70ad7f
+  languageName: node
+  linkType: hard
+
+"@humanwhocodes/retry@npm:^0.4.2":
+  version: 0.4.3
+  resolution: "@humanwhocodes/retry@npm:0.4.3"
+  checksum: 10/0b32cfd362bea7a30fbf80bb38dcaf77fee9c2cae477ee80b460871d03590110ac9c77d654f04ec5beaf71b6f6a89851bdf6c1e34ccdf2f686bd86fcd97d9e61
+  languageName: node
+  linkType: hard
+
+"@img/sharp-darwin-arm64@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-darwin-arm64@npm:0.33.5"
+  dependencies:
+    "@img/sharp-libvips-darwin-arm64": "npm:1.0.4"
+  dependenciesMeta:
+    "@img/sharp-libvips-darwin-arm64":
+      optional: true
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@img/sharp-darwin-x64@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-darwin-x64@npm:0.33.5"
+  dependencies:
+    "@img/sharp-libvips-darwin-x64": "npm:1.0.4"
+  dependenciesMeta:
+    "@img/sharp-libvips-darwin-x64":
+      optional: true
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-darwin-arm64@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@img/sharp-libvips-darwin-arm64@npm:1.0.4"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-darwin-x64@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@img/sharp-libvips-darwin-x64@npm:1.0.4"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linux-arm64@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@img/sharp-libvips-linux-arm64@npm:1.0.4"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linux-arm@npm:1.0.5":
+  version: 1.0.5
+  resolution: "@img/sharp-libvips-linux-arm@npm:1.0.5"
+  conditions: os=linux & cpu=arm & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linux-s390x@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@img/sharp-libvips-linux-s390x@npm:1.0.4"
+  conditions: os=linux & cpu=s390x & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linux-x64@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@img/sharp-libvips-linux-x64@npm:1.0.4"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linuxmusl-arm64@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@img/sharp-libvips-linuxmusl-arm64@npm:1.0.4"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linuxmusl-x64@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@img/sharp-libvips-linuxmusl-x64@npm:1.0.4"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linux-arm64@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-linux-arm64@npm:0.33.5"
+  dependencies:
+    "@img/sharp-libvips-linux-arm64": "npm:1.0.4"
+  dependenciesMeta:
+    "@img/sharp-libvips-linux-arm64":
+      optional: true
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linux-arm@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-linux-arm@npm:0.33.5"
+  dependencies:
+    "@img/sharp-libvips-linux-arm": "npm:1.0.5"
+  dependenciesMeta:
+    "@img/sharp-libvips-linux-arm":
+      optional: true
+  conditions: os=linux & cpu=arm & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linux-s390x@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-linux-s390x@npm:0.33.5"
+  dependencies:
+    "@img/sharp-libvips-linux-s390x": "npm:1.0.4"
+  dependenciesMeta:
+    "@img/sharp-libvips-linux-s390x":
+      optional: true
+  conditions: os=linux & cpu=s390x & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linux-x64@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-linux-x64@npm:0.33.5"
+  dependencies:
+    "@img/sharp-libvips-linux-x64": "npm:1.0.4"
+  dependenciesMeta:
+    "@img/sharp-libvips-linux-x64":
+      optional: true
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linuxmusl-arm64@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-linuxmusl-arm64@npm:0.33.5"
+  dependencies:
+    "@img/sharp-libvips-linuxmusl-arm64": "npm:1.0.4"
+  dependenciesMeta:
+    "@img/sharp-libvips-linuxmusl-arm64":
+      optional: true
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linuxmusl-x64@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-linuxmusl-x64@npm:0.33.5"
+  dependencies:
+    "@img/sharp-libvips-linuxmusl-x64": "npm:1.0.4"
+  dependenciesMeta:
+    "@img/sharp-libvips-linuxmusl-x64":
+      optional: true
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@img/sharp-wasm32@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-wasm32@npm:0.33.5"
+  dependencies:
+    "@emnapi/runtime": "npm:^1.2.0"
+  conditions: cpu=wasm32
+  languageName: node
+  linkType: hard
+
+"@img/sharp-win32-ia32@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-win32-ia32@npm:0.33.5"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@img/sharp-win32-x64@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-win32-x64@npm:0.33.5"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@inquirer/confirm@npm:^5.0.0":
+  version: 5.1.1
+  resolution: "@inquirer/confirm@npm:5.1.1"
+  dependencies:
+    "@inquirer/core": "npm:^10.1.2"
+    "@inquirer/type": "npm:^3.0.2"
+  peerDependencies:
+    "@types/node": ">=18"
+  checksum: 10/060acc8b82835efb8950853b4cd226cac2e06c2b2c1a69bcc6e044cfaedd89b2df3d8bbf9ddf31b47cba3dafd8ca6c6e2c4be3f2ea413fad7250aafeab52f1e1
+  languageName: node
+  linkType: hard
+
+"@inquirer/core@npm:^10.1.2":
+  version: 10.1.2
+  resolution: "@inquirer/core@npm:10.1.2"
+  dependencies:
+    "@inquirer/figures": "npm:^1.0.9"
+    "@inquirer/type": "npm:^3.0.2"
+    ansi-escapes: "npm:^4.3.2"
+    cli-width: "npm:^4.1.0"
+    mute-stream: "npm:^2.0.0"
+    signal-exit: "npm:^4.1.0"
+    strip-ansi: "npm:^6.0.1"
+    wrap-ansi: "npm:^6.2.0"
+    yoctocolors-cjs: "npm:^2.1.2"
+  checksum: 10/e92ade5ba7dbcfd83629db2df7fb91877ac777a7f1e03a16b0d5c08621dafe09d321c5f14b37c2dca80a3db2d68e5a478f8eaeafcb62ed42c46e7349b7276094
+  languageName: node
+  linkType: hard
+
+"@inquirer/figures@npm:^1.0.9":
+  version: 1.0.9
+  resolution: "@inquirer/figures@npm:1.0.9"
+  checksum: 10/7ced1275a5826cdeb61797d6c068417e7d52aa87894de18cedd259f783f42d731226c3f8b92cab27b8e7b0e31ab1dd3cd77f16935b67ebe1cbb271e5972d7758
+  languageName: node
+  linkType: hard
+
+"@inquirer/type@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "@inquirer/type@npm:3.0.2"
+  peerDependencies:
+    "@types/node": ">=18"
+  checksum: 10/d1a2879b1baa357421cef441fc7b43181e110243933763ae922c55c2fc9af2d459ceaca8b71ed57e3dabd5077542fa0dd1d0ff0cf362ce054e61202386b545ed
+  languageName: node
+  linkType: hard
+
+"@inversifyjs/common@npm:1.4.0":
+  version: 1.4.0
+  resolution: "@inversifyjs/common@npm:1.4.0"
+  checksum: 10/39745f440c97fab25b1068a59c415a08620049c99502405840590c29c0e96cd8ebb544100da7f1fc933d9aa03ad14297df0120097b74bd3363e215b80a7e74e2
+  languageName: node
+  linkType: hard
+
+"@inversifyjs/core@npm:1.3.5":
+  version: 1.3.5
+  resolution: "@inversifyjs/core@npm:1.3.5"
+  dependencies:
+    "@inversifyjs/common": "npm:1.4.0"
+    "@inversifyjs/reflect-metadata-utils": "npm:0.2.4"
+  checksum: 10/890993e6dcf93b0e362afaf662e8f5db16bf3934611685acb58cd88963fdfc3ec6774db7cb6b89f0458f8a2c4388e5435b18712a7045ea48c756c21bab085291
+  languageName: node
+  linkType: hard
+
+"@inversifyjs/reflect-metadata-utils@npm:0.2.4":
+  version: 0.2.4
+  resolution: "@inversifyjs/reflect-metadata-utils@npm:0.2.4"
+  peerDependencies:
+    reflect-metadata: 0.2.2
+  checksum: 10/83d657d3bfdd86b1a5f96820fed9e790493dc8d178aee432839ee4e9f2b071f159e78c21b71157ebb798a37e6e2a0948110f9cc0512ca1224690d1d4bba2d515
+  languageName: node
+  linkType: hard
+
+"@isaacs/cliui@npm:^8.0.2":
+  version: 8.0.2
+  resolution: "@isaacs/cliui@npm:8.0.2"
+  dependencies:
+    string-width: "npm:^5.1.2"
+    string-width-cjs: "npm:string-width@^4.2.0"
+    strip-ansi: "npm:^7.0.1"
+    strip-ansi-cjs: "npm:strip-ansi@^6.0.1"
+    wrap-ansi: "npm:^8.1.0"
+    wrap-ansi-cjs: "npm:wrap-ansi@^7.0.0"
+  checksum: 10/e9ed5fd27c3aec1095e3a16e0c0cf148d1fee55a38665c35f7b3f86a9b5d00d042ddaabc98e8a1cb7463b9378c15f22a94eb35e99469c201453eb8375191f243
+  languageName: node
+  linkType: hard
+
+"@isaacs/fs-minipass@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "@isaacs/fs-minipass@npm:4.0.1"
+  dependencies:
+    minipass: "npm:^7.0.4"
+  checksum: 10/4412e9e6713c89c1e66d80bb0bb5a2a93192f10477623a27d08f228ba0316bb880affabc5bfe7f838f58a34d26c2c190da726e576cdfc18c49a72e89adabdcf5
+  languageName: node
+  linkType: hard
+
+"@isaacs/ttlcache@npm:^1.4.1":
+  version: 1.4.1
+  resolution: "@isaacs/ttlcache@npm:1.4.1"
+  checksum: 10/57f2b00b58845d48a173c7668c58c27c3e6f91a56c17d6d4c58b38780a475a858ce3b4fc2cd4304469eee9f49818b79a187f0e13120b3617c4f67e4abc475698
+  languageName: node
+  linkType: hard
+
+"@istanbuljs/load-nyc-config@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "@istanbuljs/load-nyc-config@npm:1.1.0"
+  dependencies:
+    camelcase: "npm:^5.3.1"
+    find-up: "npm:^4.1.0"
+    get-package-type: "npm:^0.1.0"
+    js-yaml: "npm:^3.13.1"
+    resolve-from: "npm:^5.0.0"
+  checksum: 10/b000a5acd8d4fe6e34e25c399c8bdbb5d3a202b4e10416e17bfc25e12bab90bb56d33db6089ae30569b52686f4b35ff28ef26e88e21e69821d2b85884bd055b8
+  languageName: node
+  linkType: hard
+
+"@istanbuljs/schema@npm:^0.1.2, @istanbuljs/schema@npm:^0.1.3":
+  version: 0.1.3
+  resolution: "@istanbuljs/schema@npm:0.1.3"
+  checksum: 10/a9b1e49acdf5efc2f5b2359f2df7f90c5c725f2656f16099e8b2cd3a000619ecca9fc48cf693ba789cf0fd989f6e0df6a22bc05574be4223ecdbb7997d04384b
+  languageName: node
+  linkType: hard
+
+"@jest/console@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/console@npm:29.7.0"
+  dependencies:
+    "@jest/types": "npm:^29.6.3"
+    "@types/node": "npm:*"
+    chalk: "npm:^4.0.0"
+    jest-message-util: "npm:^29.7.0"
+    jest-util: "npm:^29.7.0"
+    slash: "npm:^3.0.0"
+  checksum: 10/4a80c750e8a31f344233cb9951dee9b77bf6b89377cb131f8b3cde07ff218f504370133a5963f6a786af4d2ce7f85642db206ff7a15f99fe58df4c38ac04899e
+  languageName: node
+  linkType: hard
+
+"@jest/core@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/core@npm:29.7.0"
+  dependencies:
+    "@jest/console": "npm:^29.7.0"
+    "@jest/reporters": "npm:^29.7.0"
+    "@jest/test-result": "npm:^29.7.0"
+    "@jest/transform": "npm:^29.7.0"
+    "@jest/types": "npm:^29.6.3"
+    "@types/node": "npm:*"
+    ansi-escapes: "npm:^4.2.1"
+    chalk: "npm:^4.0.0"
+    ci-info: "npm:^3.2.0"
+    exit: "npm:^0.1.2"
+    graceful-fs: "npm:^4.2.9"
+    jest-changed-files: "npm:^29.7.0"
+    jest-config: "npm:^29.7.0"
+    jest-haste-map: "npm:^29.7.0"
+    jest-message-util: "npm:^29.7.0"
+    jest-regex-util: "npm:^29.6.3"
+    jest-resolve: "npm:^29.7.0"
+    jest-resolve-dependencies: "npm:^29.7.0"
+    jest-runner: "npm:^29.7.0"
+    jest-runtime: "npm:^29.7.0"
+    jest-snapshot: "npm:^29.7.0"
+    jest-util: "npm:^29.7.0"
+    jest-validate: "npm:^29.7.0"
+    jest-watcher: "npm:^29.7.0"
+    micromatch: "npm:^4.0.4"
+    pretty-format: "npm:^29.7.0"
+    slash: "npm:^3.0.0"
+    strip-ansi: "npm:^6.0.0"
+  peerDependencies:
+    node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+  peerDependenciesMeta:
+    node-notifier:
+      optional: true
+  checksum: 10/ab6ac2e562d083faac7d8152ec1cc4eccc80f62e9579b69ed40aedf7211a6b2d57024a6cd53c4e35fd051c39a236e86257d1d99ebdb122291969a0a04563b51e
+  languageName: node
+  linkType: hard
+
+"@jest/create-cache-key-function@npm:^29.2.1, @jest/create-cache-key-function@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/create-cache-key-function@npm:29.7.0"
+  dependencies:
+    "@jest/types": "npm:^29.6.3"
+  checksum: 10/061ef63b13ec8c8e5d08e4456f03b5cf8c7f9c1cab4fed8402e1479153cafce6eea80420e308ef62027abb7e29b825fcfa06551856bd021d98e92e381bf91723
+  languageName: node
+  linkType: hard
+
+"@jest/environment@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/environment@npm:29.7.0"
+  dependencies:
+    "@jest/fake-timers": "npm:^29.7.0"
+    "@jest/types": "npm:^29.6.3"
+    "@types/node": "npm:*"
+    jest-mock: "npm:^29.7.0"
+  checksum: 10/90b5844a9a9d8097f2cf107b1b5e57007c552f64315da8c1f51217eeb0a9664889d3f145cdf8acf23a84f4d8309a6675e27d5b059659a004db0ea9546d1c81a8
+  languageName: node
+  linkType: hard
+
+"@jest/expect-utils@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/expect-utils@npm:29.7.0"
+  dependencies:
+    jest-get-type: "npm:^29.6.3"
+  checksum: 10/ef8d379778ef574a17bde2801a6f4469f8022a46a5f9e385191dc73bb1fc318996beaed4513fbd7055c2847227a1bed2469977821866534593a6e52a281499ee
+  languageName: node
+  linkType: hard
+
+"@jest/expect@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/expect@npm:29.7.0"
+  dependencies:
+    expect: "npm:^29.7.0"
+    jest-snapshot: "npm:^29.7.0"
+  checksum: 10/fea6c3317a8da5c840429d90bfe49d928e89c9e89fceee2149b93a11b7e9c73d2f6e4d7cdf647163da938fc4e2169e4490be6bae64952902bc7a701033fd4880
+  languageName: node
+  linkType: hard
+
+"@jest/fake-timers@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/fake-timers@npm:29.7.0"
+  dependencies:
+    "@jest/types": "npm:^29.6.3"
+    "@sinonjs/fake-timers": "npm:^10.0.2"
+    "@types/node": "npm:*"
+    jest-message-util: "npm:^29.7.0"
+    jest-mock: "npm:^29.7.0"
+    jest-util: "npm:^29.7.0"
+  checksum: 10/9b394e04ffc46f91725ecfdff34c4e043eb7a16e1d78964094c9db3fde0b1c8803e45943a980e8c740d0a3d45661906de1416ca5891a538b0660481a3a828c27
+  languageName: node
+  linkType: hard
+
+"@jest/globals@npm:^29.2.1, @jest/globals@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/globals@npm:29.7.0"
+  dependencies:
+    "@jest/environment": "npm:^29.7.0"
+    "@jest/expect": "npm:^29.7.0"
+    "@jest/types": "npm:^29.6.3"
+    jest-mock: "npm:^29.7.0"
+  checksum: 10/97dbb9459135693ad3a422e65ca1c250f03d82b2a77f6207e7fa0edd2c9d2015fbe4346f3dc9ebff1678b9d8da74754d4d440b7837497f8927059c0642a22123
+  languageName: node
+  linkType: hard
+
+"@jest/reporters@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/reporters@npm:29.7.0"
+  dependencies:
+    "@bcoe/v8-coverage": "npm:^0.2.3"
+    "@jest/console": "npm:^29.7.0"
+    "@jest/test-result": "npm:^29.7.0"
+    "@jest/transform": "npm:^29.7.0"
+    "@jest/types": "npm:^29.6.3"
+    "@jridgewell/trace-mapping": "npm:^0.3.18"
+    "@types/node": "npm:*"
+    chalk: "npm:^4.0.0"
+    collect-v8-coverage: "npm:^1.0.0"
+    exit: "npm:^0.1.2"
+    glob: "npm:^7.1.3"
+    graceful-fs: "npm:^4.2.9"
+    istanbul-lib-coverage: "npm:^3.0.0"
+    istanbul-lib-instrument: "npm:^6.0.0"
+    istanbul-lib-report: "npm:^3.0.0"
+    istanbul-lib-source-maps: "npm:^4.0.0"
+    istanbul-reports: "npm:^3.1.3"
+    jest-message-util: "npm:^29.7.0"
+    jest-util: "npm:^29.7.0"
+    jest-worker: "npm:^29.7.0"
+    slash: "npm:^3.0.0"
+    string-length: "npm:^4.0.1"
+    strip-ansi: "npm:^6.0.0"
+    v8-to-istanbul: "npm:^9.0.1"
+  peerDependencies:
+    node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+  peerDependenciesMeta:
+    node-notifier:
+      optional: true
+  checksum: 10/a17d1644b26dea14445cedd45567f4ba7834f980be2ef74447204e14238f121b50d8b858fde648083d2cd8f305f81ba434ba49e37a5f4237a6f2a61180cc73dc
+  languageName: node
+  linkType: hard
+
+"@jest/schemas@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "@jest/schemas@npm:29.6.3"
+  dependencies:
+    "@sinclair/typebox": "npm:^0.27.8"
+  checksum: 10/910040425f0fc93cd13e68c750b7885590b8839066dfa0cd78e7def07bbb708ad869381f725945d66f2284de5663bbecf63e8fdd856e2ae6e261ba30b1687e93
+  languageName: node
+  linkType: hard
+
+"@jest/source-map@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "@jest/source-map@npm:29.6.3"
+  dependencies:
+    "@jridgewell/trace-mapping": "npm:^0.3.18"
+    callsites: "npm:^3.0.0"
+    graceful-fs: "npm:^4.2.9"
+  checksum: 10/bcc5a8697d471396c0003b0bfa09722c3cd879ad697eb9c431e6164e2ea7008238a01a07193dfe3cbb48b1d258eb7251f6efcea36f64e1ebc464ea3c03ae2deb
+  languageName: node
+  linkType: hard
+
+"@jest/test-result@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/test-result@npm:29.7.0"
+  dependencies:
+    "@jest/console": "npm:^29.7.0"
+    "@jest/types": "npm:^29.6.3"
+    "@types/istanbul-lib-coverage": "npm:^2.0.0"
+    collect-v8-coverage: "npm:^1.0.0"
+  checksum: 10/c073ab7dfe3c562bff2b8fee6cc724ccc20aa96bcd8ab48ccb2aa309b4c0c1923a9e703cea386bd6ae9b71133e92810475bb9c7c22328fc63f797ad3324ed189
+  languageName: node
+  linkType: hard
+
+"@jest/test-sequencer@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/test-sequencer@npm:29.7.0"
+  dependencies:
+    "@jest/test-result": "npm:^29.7.0"
+    graceful-fs: "npm:^4.2.9"
+    jest-haste-map: "npm:^29.7.0"
+    slash: "npm:^3.0.0"
+  checksum: 10/4420c26a0baa7035c5419b0892ff8ffe9a41b1583ec54a10db3037cd46a7e29dd3d7202f8aa9d376e9e53be5f8b1bc0d16e1de6880a6d319b033b01dc4c8f639
+  languageName: node
+  linkType: hard
+
+"@jest/transform@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/transform@npm:29.7.0"
+  dependencies:
+    "@babel/core": "npm:^7.11.6"
+    "@jest/types": "npm:^29.6.3"
+    "@jridgewell/trace-mapping": "npm:^0.3.18"
+    babel-plugin-istanbul: "npm:^6.1.1"
+    chalk: "npm:^4.0.0"
+    convert-source-map: "npm:^2.0.0"
+    fast-json-stable-stringify: "npm:^2.1.0"
+    graceful-fs: "npm:^4.2.9"
+    jest-haste-map: "npm:^29.7.0"
+    jest-regex-util: "npm:^29.6.3"
+    jest-util: "npm:^29.7.0"
+    micromatch: "npm:^4.0.4"
+    pirates: "npm:^4.0.4"
+    slash: "npm:^3.0.0"
+    write-file-atomic: "npm:^4.0.2"
+  checksum: 10/30f42293545ab037d5799c81d3e12515790bb58513d37f788ce32d53326d0d72ebf5b40f989e6896739aa50a5f77be44686e510966370d58511d5ad2637c68c1
+  languageName: node
+  linkType: hard
+
+"@jest/types@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "@jest/types@npm:29.6.3"
+  dependencies:
+    "@jest/schemas": "npm:^29.6.3"
+    "@types/istanbul-lib-coverage": "npm:^2.0.0"
+    "@types/istanbul-reports": "npm:^3.0.0"
+    "@types/node": "npm:*"
+    "@types/yargs": "npm:^17.0.8"
+    chalk: "npm:^4.0.0"
+  checksum: 10/f74bf512fd09bbe2433a2ad460b04668b7075235eea9a0c77d6a42222c10a79b9747dc2b2a623f140ed40d6865a2ed8f538f3cbb75169120ea863f29a7ed76cd
+  languageName: node
+  linkType: hard
+
+"@jridgewell/gen-mapping@npm:^0.3.2":
+  version: 0.3.5
+  resolution: "@jridgewell/gen-mapping@npm:0.3.5"
+  dependencies:
+    "@jridgewell/set-array": "npm:^1.2.1"
+    "@jridgewell/sourcemap-codec": "npm:^1.4.10"
+    "@jridgewell/trace-mapping": "npm:^0.3.24"
+  checksum: 10/81587b3c4dd8e6c60252122937cea0c637486311f4ed208b52b62aae2e7a87598f63ec330e6cd0984af494bfb16d3f0d60d3b21d7e5b4aedd2602ff3fe9d32e2
+  languageName: node
+  linkType: hard
+
+"@jridgewell/gen-mapping@npm:^0.3.5":
+  version: 0.3.8
+  resolution: "@jridgewell/gen-mapping@npm:0.3.8"
+  dependencies:
+    "@jridgewell/set-array": "npm:^1.2.1"
+    "@jridgewell/sourcemap-codec": "npm:^1.4.10"
+    "@jridgewell/trace-mapping": "npm:^0.3.24"
+  checksum: 10/9d3a56ab3612ab9b85d38b2a93b87f3324f11c5130859957f6500e4ac8ce35f299d5ccc3ecd1ae87597601ecf83cee29e9afd04c18777c24011073992ff946df
+  languageName: node
+  linkType: hard
+
+"@jridgewell/resolve-uri@npm:^3.0.3, @jridgewell/resolve-uri@npm:^3.1.0":
+  version: 3.1.2
+  resolution: "@jridgewell/resolve-uri@npm:3.1.2"
+  checksum: 10/97106439d750a409c22c8bff822d648f6a71f3aa9bc8e5129efdc36343cd3096ddc4eeb1c62d2fe48e9bdd4db37b05d4646a17114ecebd3bbcacfa2de51c3c1d
+  languageName: node
+  linkType: hard
+
+"@jridgewell/set-array@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "@jridgewell/set-array@npm:1.2.1"
+  checksum: 10/832e513a85a588f8ed4f27d1279420d8547743cc37fcad5a5a76fc74bb895b013dfe614d0eed9cb860048e6546b798f8f2652020b4b2ba0561b05caa8c654b10
+  languageName: node
+  linkType: hard
+
+"@jridgewell/source-map@npm:^0.3.3":
+  version: 0.3.6
+  resolution: "@jridgewell/source-map@npm:0.3.6"
+  dependencies:
+    "@jridgewell/gen-mapping": "npm:^0.3.5"
+    "@jridgewell/trace-mapping": "npm:^0.3.25"
+  checksum: 10/0a9aca9320dc9044014ba0ef989b3a8411b0d778895553e3b7ca2ac0a75a20af4a5ad3f202acfb1879fa40466036a4417e1d5b38305baed8b9c1ebe6e4b3e7f5
+  languageName: node
+  linkType: hard
+
+"@jridgewell/sourcemap-codec@npm:^1.4.10, @jridgewell/sourcemap-codec@npm:^1.4.14, @jridgewell/sourcemap-codec@npm:^1.5.0":
+  version: 1.5.0
+  resolution: "@jridgewell/sourcemap-codec@npm:1.5.0"
+  checksum: 10/4ed6123217569a1484419ac53f6ea0d9f3b57e5b57ab30d7c267bdb27792a27eb0e4b08e84a2680aa55cc2f2b411ffd6ec3db01c44fdc6dc43aca4b55f8374fd
+  languageName: node
+  linkType: hard
+
+"@jridgewell/trace-mapping@npm:0.3.9":
+  version: 0.3.9
+  resolution: "@jridgewell/trace-mapping@npm:0.3.9"
+  dependencies:
+    "@jridgewell/resolve-uri": "npm:^3.0.3"
+    "@jridgewell/sourcemap-codec": "npm:^1.4.10"
+  checksum: 10/83deafb8e7a5ca98993c2c6eeaa93c270f6f647a4c0dc00deb38c9cf9b2d3b7bf15e8839540155247ef034a052c0ec4466f980bf0c9e2ab63b97d16c0cedd3ff
+  languageName: node
+  linkType: hard
+
+"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.18, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25":
+  version: 0.3.25
+  resolution: "@jridgewell/trace-mapping@npm:0.3.25"
+  dependencies:
+    "@jridgewell/resolve-uri": "npm:^3.1.0"
+    "@jridgewell/sourcemap-codec": "npm:^1.4.14"
+  checksum: 10/dced32160a44b49d531b80a4a2159dceab6b3ddf0c8e95a0deae4b0e894b172defa63d5ac52a19c2068e1fe7d31ea4ba931fbeec103233ecb4208953967120fc
+  languageName: node
+  linkType: hard
+
+"@jsdevtools/ono@npm:^7.1.3":
+  version: 7.1.3
+  resolution: "@jsdevtools/ono@npm:7.1.3"
+  checksum: 10/d4a036ccb9d2b21b7e4cec077c59a5a83fad58adacbce89e7e6b77a703050481ff5b6d813aef7f5ff0a8347a85a0eedf599e2e6bb5784a971a93e53e43b10157
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/context-module@npm:^1.3.1":
+  version: 1.3.1
+  resolution: "@ledgerhq/context-module@npm:1.3.1"
+  dependencies:
+    axios: "npm:^1.8.2"
+    crypto-js: "npm:^4.2.0"
+    ethers: "npm:6.13.4"
+    inversify: "npm:^6.2.2"
+    purify-ts: "npm:^2.1.0"
+    reflect-metadata: "npm:^0.2.2"
+  peerDependencies:
+    "@ledgerhq/device-management-kit": 0.6.5
+  checksum: 10/9e90cfd990fd6ae91b7e0b762f88024500b338a1f9abe0a062caaf30d2d007cf76597297f7f0b2b10008c3c19cae4cf019278d2c9a635c116f7439f43686a735
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/cryptoassets-evm-signatures@npm:^13.5.11":
+  version: 13.5.11
+  resolution: "@ledgerhq/cryptoassets-evm-signatures@npm:13.5.11"
+  dependencies:
+    "@ledgerhq/live-env": "npm:^2.13.0"
+    axios: "npm:1.7.7"
+  checksum: 10/bca7f73ef7f7a46c6dfcabcaa9b828d297493e126f5a6e78cf7d75c2b94b6a23a68036e61cd8bcf5aa970af48180c65011cec19a73cb9e2928b38a5bab4aa477
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/device-management-kit@npm:^0.6.5":
+  version: 0.6.5
+  resolution: "@ledgerhq/device-management-kit@npm:0.6.5"
+  dependencies:
+    "@sentry/minimal": "npm:^6.19.7"
+    axios: "npm:^1.8.2"
+    inversify: "npm:^6.2.2"
+    inversify-logger-middleware: "npm:^3.1.0"
+    isomorphic-ws: "npm:^5.0.0"
+    purify-ts: "npm:^2.1.0"
+    reflect-metadata: "npm:^0.2.2"
+    semver: "npm:^7.6.3"
+    url: "npm:^0.11.4"
+    uuid: "npm:^11.0.3"
+    ws: "npm:^8.18.0"
+    xstate: "npm:^5.19.2"
+  peerDependencies:
+    rxjs: ^7.8.2
+  checksum: 10/4285640388ac2072654f1e779bb362f7ea36c67918f610c2c38b4adc88796db464032741b2e29f4b2928e4726b3680704023cdffa5e32a49232822f5d5a32387
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/device-signer-kit-ethereum@npm:^1.3.3":
+  version: 1.3.3
+  resolution: "@ledgerhq/device-signer-kit-ethereum@npm:1.3.3"
+  dependencies:
+    "@ledgerhq/signer-utils": "npm:^1.0.4"
+    ethers: "npm:6.13.4"
+    inversify: "npm:^6.2.2"
+    inversify-logger-middleware: "npm:^3.1.0"
+    purify-ts: "npm:^2.1.0"
+    reflect-metadata: "npm:^0.2.2"
+    semver: "npm:^7.6.3"
+    xstate: "npm:^5.19.2"
+  peerDependencies:
+    "@ledgerhq/context-module": ^1.3.1
+    "@ledgerhq/device-management-kit": ^0.6.5
+  checksum: 10/9856040a5132267ac67f06e74176e5d5ad7c8e96405b8bfcff0e23faa97197646d9f13bd7ce97ece6258d1193781f60c0601e19c20db01791d92e61672a50a5b
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/device-transport-kit-web-hid@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@ledgerhq/device-transport-kit-web-hid@npm:1.1.0"
+  dependencies:
+    "@sentry/minimal": "npm:^6.19.7"
+    purify-ts: "npm:^2.1.0"
+    uuid: "npm:^11.0.3"
+  peerDependencies:
+    "@ledgerhq/device-management-kit": ">=0.6.2"
+    rxjs: ^7.8.2
+  checksum: 10/ec959c0d647c6ed6156171a9e708cd6d185f62cc3b2048fb5bae8cb317cd42f80b8a7166dc42ed928574257bdca63bf1331b4261f90281c81be2046d5bbf6414
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/devices@npm:8.4.8":
+  version: 8.4.8
+  resolution: "@ledgerhq/devices@npm:8.4.8"
+  dependencies:
+    "@ledgerhq/errors": "npm:^6.23.0"
+    "@ledgerhq/logs": "npm:^6.13.0"
+    rxjs: "npm:^7.8.1"
+    semver: "npm:^7.3.5"
+  checksum: 10/4ce35892708d6f4e4488f166fbf8f71caad22867a563ab230391922394b84ce7e45eaae575e5a71174a4b260871acad0f72cd521e4987c1bbcc993fb9cee9487
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/devices@npm:^5.51.1":
+  version: 5.51.1
+  resolution: "@ledgerhq/devices@npm:5.51.1"
+  dependencies:
+    "@ledgerhq/errors": "npm:^5.50.0"
+    "@ledgerhq/logs": "npm:^5.50.0"
+    rxjs: "npm:6"
+    semver: "npm:^7.3.5"
+  checksum: 10/c3af86f43bbef1d6911e2617296dce93d51cf8a94db9818741fcf8fac2acc6cca886a55b40fa0b2327aab8ea2838498332e886167d1159fd8a3bd1181a4131c8
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/domain-service@npm:^1.2.39":
+  version: 1.2.39
+  resolution: "@ledgerhq/domain-service@npm:1.2.39"
+  dependencies:
+    "@ledgerhq/errors": "npm:^6.23.0"
+    "@ledgerhq/logs": "npm:^6.13.0"
+    "@ledgerhq/types-live": "npm:^6.80.0"
+    axios: "npm:1.7.7"
+    eip55: "npm:^2.1.1"
+    react: "npm:^18.2.0"
+    react-dom: "npm:^18.2.0"
+  checksum: 10/6dcf2d21e766beb6875a0b6799cb46f401a4da18ee73da685a1006f64fcb1dda0fd2643830b8f7763ffbfefa5c503befd5e9a130457630941145bd28dfedf6db
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/errors@npm:^5.34.0, @ledgerhq/errors@npm:^5.50.0":
+  version: 5.50.0
+  resolution: "@ledgerhq/errors@npm:5.50.0"
+  checksum: 10/333ea81dc005b43fb0da10f131ed6430f26d599cc5bfd0714e897aee162d5abe794ac3748d60cdff90c6c2c151871b67f802ed9c6e93914bd096075fc039cac7
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/errors@npm:^6.23.0":
+  version: 6.23.0
+  resolution: "@ledgerhq/errors@npm:6.23.0"
+  checksum: 10/e847b6b88bddcd26df4d957cdb9794073068f96ccec6e1772ccd0c7a834dd966b96e36427409f03a28049effd9eb2324c9215b075d34ccb2ea089946de1f336e
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/evm-tools@npm:^1.7.2":
+  version: 1.7.2
+  resolution: "@ledgerhq/evm-tools@npm:1.7.2"
+  dependencies:
+    "@ethersproject/constants": "npm:^5.7.0"
+    "@ethersproject/hash": "npm:^5.7.0"
+    "@ledgerhq/cryptoassets-evm-signatures": "npm:^13.5.11"
+    "@ledgerhq/live-env": "npm:^2.13.0"
+    axios: "npm:1.7.7"
+    crypto-js: "npm:4.2.0"
+  checksum: 10/177ed5e45f0234dd604d025acaf3ed212dd92ef771a5fe74bc6946ced1507784ba512efdaede2200751491223c2d46afee3b1126a00f8fb18ef5976dcd640f5f
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/hw-app-eth@npm:^6.19.0":
+  version: 6.45.14
+  resolution: "@ledgerhq/hw-app-eth@npm:6.45.14"
+  dependencies:
+    "@ethersproject/abi": "npm:^5.7.0"
+    "@ethersproject/rlp": "npm:^5.7.0"
+    "@ethersproject/transactions": "npm:^5.7.0"
+    "@ledgerhq/cryptoassets-evm-signatures": "npm:^13.5.11"
+    "@ledgerhq/domain-service": "npm:^1.2.39"
+    "@ledgerhq/errors": "npm:^6.23.0"
+    "@ledgerhq/evm-tools": "npm:^1.7.2"
+    "@ledgerhq/hw-transport": "npm:^6.31.8"
+    "@ledgerhq/hw-transport-mocker": "npm:^6.29.8"
+    "@ledgerhq/logs": "npm:^6.13.0"
+    "@ledgerhq/types-live": "npm:^6.80.0"
+    axios: "npm:1.7.7"
+    bignumber.js: "npm:^9.1.2"
+    semver: "npm:^7.3.5"
+  checksum: 10/c52d9ece7ce97ee202283b31a0584cbdc8bcee63b78caf08dfd2f515e496eefe9b1c4240904a190d0c1b9014813ae14ef515248942f7a50d8ff0ce0b3f4c80d6
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/hw-transport-mocker@npm:^6.29.8":
+  version: 6.29.8
+  resolution: "@ledgerhq/hw-transport-mocker@npm:6.29.8"
+  dependencies:
+    "@ledgerhq/hw-transport": "npm:^6.31.8"
+    "@ledgerhq/logs": "npm:^6.13.0"
+    rxjs: "npm:^7.8.1"
+  checksum: 10/f2889a10d306064a337091836a1b13760116d8c6f2280548749df1988fdc51935237c1174482ac0f98190a5d1827d640b72fd3f6523fe9ab1c33fd8373ae44cc
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/hw-transport-u2f@npm:^5.36.0-deprecated":
+  version: 5.36.0-deprecated
+  resolution: "@ledgerhq/hw-transport-u2f@npm:5.36.0-deprecated"
+  dependencies:
+    "@ledgerhq/errors": "npm:^5.34.0"
+    "@ledgerhq/hw-transport": "npm:^5.34.0"
+    "@ledgerhq/logs": "npm:^5.30.0"
+    u2f-api: "npm:0.2.7"
+  checksum: 10/e2a48efc8baa8820413832312a8136d1eb82964e163e472043350763e76f3689add5ccc2e68c79e0ff1e1cc391d936f1664367e0ec74914ae2cf14169ab31b5c
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/hw-transport-webusb@npm:^6.19.0":
+  version: 6.29.8
+  resolution: "@ledgerhq/hw-transport-webusb@npm:6.29.8"
+  dependencies:
+    "@ledgerhq/devices": "npm:8.4.8"
+    "@ledgerhq/errors": "npm:^6.23.0"
+    "@ledgerhq/hw-transport": "npm:^6.31.8"
+    "@ledgerhq/logs": "npm:^6.13.0"
+  checksum: 10/64b61698a5d7767384c678a47f84498e631db89b5517e5f0b918fff9c0fdca4412c83462b1394a4a3fd3507e7c41866885383738bf17b62faed3085e77fbe64c
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/hw-transport@npm:^5.34.0":
+  version: 5.51.1
+  resolution: "@ledgerhq/hw-transport@npm:5.51.1"
+  dependencies:
+    "@ledgerhq/devices": "npm:^5.51.1"
+    "@ledgerhq/errors": "npm:^5.50.0"
+    events: "npm:^3.3.0"
+  checksum: 10/a3fcd4b31aea0977293d1ffb2e3acb099d3c64ea447006174a189c4bb1049489a634c54d0fa292aad79c432ede6e787b7232200c4fad7c4232ff402d677a4d41
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/hw-transport@npm:^6.31.8":
+  version: 6.31.8
+  resolution: "@ledgerhq/hw-transport@npm:6.31.8"
+  dependencies:
+    "@ledgerhq/devices": "npm:8.4.8"
+    "@ledgerhq/errors": "npm:^6.23.0"
+    "@ledgerhq/logs": "npm:^6.13.0"
+    events: "npm:^3.3.0"
+  checksum: 10/f5a639baa0e2dfa22a3e82695398ba7e16b4b21f73b1140f7a152433d8665955f193034bb8a58d929d06f0b81bdb2cd5c745d11cc1e8dc395d1ac558acb5327a
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/live-env@npm:^2.13.0":
+  version: 2.13.0
+  resolution: "@ledgerhq/live-env@npm:2.13.0"
+  dependencies:
+    rxjs: "npm:^7.8.1"
+    utility-types: "npm:^3.10.0"
+  checksum: 10/0947a2c3d1264b8dd08c3a5edda3471abd38f548e053c28f925fba734f61db1de45ceadcfbbc7d1aab5a6774ca426f27708ee4eba5e86ef31a5699443c65a8d2
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/logs@npm:^5.30.0, @ledgerhq/logs@npm:^5.50.0":
+  version: 5.50.0
+  resolution: "@ledgerhq/logs@npm:5.50.0"
+  checksum: 10/25666fe0b8b7da365d90c25e6fa39c577c27ee2b8ca5230defc90831f8afe2fdc2a3e5ccf050030083e77b859275ff488b443bf445a80bf82506676c0c481c73
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/logs@npm:^6.13.0":
+  version: 6.13.0
+  resolution: "@ledgerhq/logs@npm:6.13.0"
+  checksum: 10/3ac984bdc533505359cd1d8bc74175547fcfa51fef6294a9fd832e8ea88d462a385be5cfe68ccfa1b77cd68b840243e6f79c2be66fe28f123ae57c58625edf5f
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/signer-utils@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "@ledgerhq/signer-utils@npm:1.0.4"
+  peerDependencies:
+    "@ledgerhq/device-management-kit": 0.6.2
+  checksum: 10/10357e9355f48ac33baa64202e996cce8fc1d73e9bfd754c49baab3fb34b7ab0d61bc9966ee6e3f42220236c779762f15419a754451ddb9fa8d22ca5b9de1e7d
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/types-live@npm:^6.80.0":
+  version: 6.80.0
+  resolution: "@ledgerhq/types-live@npm:6.80.0"
+  dependencies:
+    bignumber.js: "npm:^9.1.2"
+    rxjs: "npm:^7.8.1"
+  checksum: 10/71a109f66a92cc7750d26c4b16b5e248c3fbf00acf67bfad33caaca8831c70993a89ae05935541506a846450c70664c73191fde4780063e079dc75832212667d
+  languageName: node
+  linkType: hard
+
+"@lit-labs/react@npm:^1.0.2":
+  version: 1.2.1
+  resolution: "@lit-labs/react@npm:1.2.1"
+  checksum: 10/2515f503ca1578e2576bf993b3b605a6f3c935df4e98d7b45e77ea85d2fd66dd3ce37306e80d15a706999d8655d0acff35baf6d70070d50155914754698416ff
+  languageName: node
+  linkType: hard
+
+"@lit-labs/ssr-dom-shim@npm:^1.0.0, @lit-labs/ssr-dom-shim@npm:^1.1.0":
+  version: 1.2.1
+  resolution: "@lit-labs/ssr-dom-shim@npm:1.2.1"
+  checksum: 10/48e28c1f132eb1d5b385454dd23db2837bf913d108a0908e73816ceb594b1b09db34e05ccb86a18fb9c02fc100d62bbab350b6ec88e2c175f2c21c5f0220bfdd
+  languageName: node
+  linkType: hard
+
+"@lit/reactive-element@npm:^1.3.0, @lit/reactive-element@npm:^1.6.0":
+  version: 1.6.3
+  resolution: "@lit/reactive-element@npm:1.6.3"
+  dependencies:
+    "@lit-labs/ssr-dom-shim": "npm:^1.0.0"
+  checksum: 10/664c899bb0b144590dc4faf83b358b1504810eac107778c3aeb384affc65a7ef4eda754944bcc34a57237db03dff145332406345ac24da19ca37cf4b3cb343d3
+  languageName: node
+  linkType: hard
+
+"@mdx-js/loader@npm:^3.0.1":
+  version: 3.1.0
+  resolution: "@mdx-js/loader@npm:3.1.0"
+  dependencies:
+    "@mdx-js/mdx": "npm:^3.0.0"
+    source-map: "npm:^0.7.0"
+  peerDependencies:
+    webpack: ">=5"
+  peerDependenciesMeta:
+    webpack:
+      optional: true
+  checksum: 10/983b8d4949f4d214a17f4ad8597a50de36ace75e93292d2493b5fb6077d69d6abc8230b62f88b818c04f12a01d281d63edb6a0738937f7e259406a73ce998134
+  languageName: node
+  linkType: hard
+
+"@mdx-js/mdx@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "@mdx-js/mdx@npm:3.1.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    "@types/estree-jsx": "npm:^1.0.0"
+    "@types/hast": "npm:^3.0.0"
+    "@types/mdx": "npm:^2.0.0"
+    collapse-white-space: "npm:^2.0.0"
+    devlop: "npm:^1.0.0"
+    estree-util-is-identifier-name: "npm:^3.0.0"
+    estree-util-scope: "npm:^1.0.0"
+    estree-walker: "npm:^3.0.0"
+    hast-util-to-jsx-runtime: "npm:^2.0.0"
+    markdown-extensions: "npm:^2.0.0"
+    recma-build-jsx: "npm:^1.0.0"
+    recma-jsx: "npm:^1.0.0"
+    recma-stringify: "npm:^1.0.0"
+    rehype-recma: "npm:^1.0.0"
+    remark-mdx: "npm:^3.0.0"
+    remark-parse: "npm:^11.0.0"
+    remark-rehype: "npm:^11.0.0"
+    source-map: "npm:^0.7.0"
+    unified: "npm:^11.0.0"
+    unist-util-position-from-estree: "npm:^2.0.0"
+    unist-util-stringify-position: "npm:^4.0.0"
+    unist-util-visit: "npm:^5.0.0"
+    vfile: "npm:^6.0.0"
+  checksum: 10/4bd4e1160e2b2bc9ea2b5b93246ce0e34a11ac5fd420ec025e82fb1120a72b80025d9cb205cce6394bb5f0013f209b9ea453cbda4c0ca4f97a2169df60084742
+  languageName: node
+  linkType: hard
+
+"@mdx-js/react@npm:^3.0.0, @mdx-js/react@npm:^3.0.1":
+  version: 3.1.0
+  resolution: "@mdx-js/react@npm:3.1.0"
+  dependencies:
+    "@types/mdx": "npm:^2.0.0"
+  peerDependencies:
+    "@types/react": ">=16"
+    react: ">=16"
+  checksum: 10/cf89d6392c76091622fb647f205e1ab5cbdf5edd4401dde7092138cefc9fbb6d61428aa63557de0bccca3695d5a8854dd4a93b34a27cb8e27369da7eaeaa3e73
+  languageName: node
+  linkType: hard
+
+"@metamask/eth-sig-util@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "@metamask/eth-sig-util@npm:4.0.1"
+  dependencies:
+    ethereumjs-abi: "npm:^0.6.8"
+    ethereumjs-util: "npm:^6.2.1"
+    ethjs-util: "npm:^0.1.6"
+    tweetnacl: "npm:^1.0.3"
+    tweetnacl-util: "npm:^0.15.1"
+  checksum: 10/a41a986abd14675badeb02041466e30e1c3ef529c1d131f47c27fd48d73144fcf590f45d8ee8b7cd357725ebf75ece93f4484adf1baf6311cc996f7ef82c4ae1
+  languageName: node
+  linkType: hard
+
+"@mobily/ts-belt@npm:^3.13.1":
+  version: 3.13.1
+  resolution: "@mobily/ts-belt@npm:3.13.1"
+  checksum: 10/d851e4f8b80f99646a67ecebc824994771f93509fe839680dcd3c21ab055099a0f04cd93ffa87e3529248fed0ea26abd62788302d7eb1bd2ffe42ad109229306
+  languageName: node
+  linkType: hard
+
+"@motionone/animation@npm:^10.12.0, @motionone/animation@npm:^10.15.1, @motionone/animation@npm:^10.18.0":
+  version: 10.18.0
+  resolution: "@motionone/animation@npm:10.18.0"
+  dependencies:
+    "@motionone/easing": "npm:^10.18.0"
+    "@motionone/types": "npm:^10.17.1"
+    "@motionone/utils": "npm:^10.18.0"
+    tslib: "npm:^2.3.1"
+  checksum: 10/c7fc04dd10d6cade3d3b63d26f2532a2b2731233afc0454722e55ad8061fb3923d926db9cc09f1bcedb39f504fcee1e80adaab270523846998aad3017364a583
+  languageName: node
+  linkType: hard
+
+"@motionone/dom@npm:10.12.0":
+  version: 10.12.0
+  resolution: "@motionone/dom@npm:10.12.0"
+  dependencies:
+    "@motionone/animation": "npm:^10.12.0"
+    "@motionone/generators": "npm:^10.12.0"
+    "@motionone/types": "npm:^10.12.0"
+    "@motionone/utils": "npm:^10.12.0"
+    hey-listen: "npm:^1.0.8"
+    tslib: "npm:^2.3.1"
+  checksum: 10/6fd7804b8adba5578d700fced12df6e7fca366aeda8837471286481ebfb5275facd3883448df84a2f772c32e7e3297fc696d3a19b110214f070f305b1ab21c67
+  languageName: node
+  linkType: hard
+
+"@motionone/dom@npm:^10.16.2, @motionone/dom@npm:^10.16.4":
+  version: 10.18.0
+  resolution: "@motionone/dom@npm:10.18.0"
+  dependencies:
+    "@motionone/animation": "npm:^10.18.0"
+    "@motionone/generators": "npm:^10.18.0"
+    "@motionone/types": "npm:^10.17.1"
+    "@motionone/utils": "npm:^10.18.0"
+    hey-listen: "npm:^1.0.8"
+    tslib: "npm:^2.3.1"
+  checksum: 10/18abb5c174a84c90b2e59459fa3a9f8b655d063c259f2f3be5b6740e660285d2f66a8b25437dd963c3b9cdeae9fa5984ee8d217881088ea4d392cf39f8493a84
+  languageName: node
+  linkType: hard
+
+"@motionone/easing@npm:^10.18.0":
+  version: 10.18.0
+  resolution: "@motionone/easing@npm:10.18.0"
+  dependencies:
+    "@motionone/utils": "npm:^10.18.0"
+    tslib: "npm:^2.3.1"
+  checksum: 10/a455a06ccee907ce9da7b1dfe392060a473132733e3f92bbee3a99c36af7baa333cf3c6e38c6d44ad0f9878fdafca3c3f4bcfe55aaeb2a633e45d8e0429f8fa5
+  languageName: node
+  linkType: hard
+
+"@motionone/generators@npm:^10.12.0, @motionone/generators@npm:^10.18.0":
+  version: 10.18.0
+  resolution: "@motionone/generators@npm:10.18.0"
+  dependencies:
+    "@motionone/types": "npm:^10.17.1"
+    "@motionone/utils": "npm:^10.18.0"
+    tslib: "npm:^2.3.1"
+  checksum: 10/149720881e8db6a1ff38cea98349c3a00f72e5318b645459b68a2aeddb1f2be63ad2ae8978f6c4a63e2414f39e65f06de13a43fd35cf24dc3fb3e3c7f87526bc
+  languageName: node
+  linkType: hard
+
+"@motionone/svelte@npm:^10.16.2":
+  version: 10.16.4
+  resolution: "@motionone/svelte@npm:10.16.4"
+  dependencies:
+    "@motionone/dom": "npm:^10.16.4"
+    tslib: "npm:^2.3.1"
+  checksum: 10/5ad532d4d9bb16a9f311487e6409fa7e1a66ec12f82e3c36434ab6dfe3cedc61b35dae6314cee4fba8dca463b8a259cafb83801a932b7ad5f4a6e45baaa581f4
+  languageName: node
+  linkType: hard
+
+"@motionone/types@npm:^10.12.0, @motionone/types@npm:^10.15.1, @motionone/types@npm:^10.17.1":
+  version: 10.17.1
+  resolution: "@motionone/types@npm:10.17.1"
+  checksum: 10/21d92d733ba30f810b72609fe04f2ef86125ba0160b826974605cc4cc5fbb6ab7bbf1640cbc64fd6298eb8d36fb920ad3ca646c76adf0e2c47a4920200616952
+  languageName: node
+  linkType: hard
+
+"@motionone/utils@npm:^10.12.0, @motionone/utils@npm:^10.15.1, @motionone/utils@npm:^10.18.0":
+  version: 10.18.0
+  resolution: "@motionone/utils@npm:10.18.0"
+  dependencies:
+    "@motionone/types": "npm:^10.17.1"
+    hey-listen: "npm:^1.0.8"
+    tslib: "npm:^2.3.1"
+  checksum: 10/0fa9232d132383880d6004522ded763d60f490946584e02bca7f64df98fae07421071f3a85de06aa6ecb52632a47a7586b4143e824e459a87cc852fab657e549
+  languageName: node
+  linkType: hard
+
+"@motionone/vue@npm:^10.16.2":
+  version: 10.16.4
+  resolution: "@motionone/vue@npm:10.16.4"
+  dependencies:
+    "@motionone/dom": "npm:^10.16.4"
+    tslib: "npm:^2.3.1"
+  checksum: 10/2400d31bbf5c3e02bc68f4b88d96d9c0672ba646bca0b6566e555cd7e8f14849a645f558f574e658fd90574a0b548b61712ae5edcee055c60288fd9382d711ea
+  languageName: node
+  linkType: hard
+
+"@msgpack/msgpack@npm:3.1.2":
+  version: 3.1.2
+  resolution: "@msgpack/msgpack@npm:3.1.2"
+  checksum: 10/e04ff37d7c89ffdd6b4fbcd1770af60b16c98afdf1c3c16190170dfe34764048eb45e3654016ac62cc616c7e4b09e611f8863317ca5f18b3a72974fb131e562e
+  languageName: node
+  linkType: hard
+
+"@mswjs/interceptors@npm:^0.37.0":
+  version: 0.37.4
+  resolution: "@mswjs/interceptors@npm:0.37.4"
+  dependencies:
+    "@open-draft/deferred-promise": "npm:^2.2.0"
+    "@open-draft/logger": "npm:^0.3.0"
+    "@open-draft/until": "npm:^2.0.0"
+    is-node-process: "npm:^1.2.0"
+    outvariant: "npm:^1.4.3"
+    strict-event-emitter: "npm:^0.5.1"
+  checksum: 10/b6a4ab08a32b61034216ef434e4e97e77b8e8150ecb1d89f6bc71047aa6374e52606ff9758d8296ca4794da6158ebbeaf51a3d68b5581417d404587f210724c7
+  languageName: node
+  linkType: hard
+
+"@mui/core-downloads-tracker@npm:^6.3.0":
+  version: 6.3.0
+  resolution: "@mui/core-downloads-tracker@npm:6.3.0"
+  checksum: 10/cdfe2b2ba66c456587c7a285c0d2179ab5e42728e6a42d3921eb335c31aeeeda610ec728d96d797e4e82b298a229c20b6a74a7a8e6636d9f026f3d3240100e42
+  languageName: node
+  linkType: hard
+
+"@mui/icons-material@npm:^6.1.6":
+  version: 6.2.1
+  resolution: "@mui/icons-material@npm:6.2.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.26.0"
+  peerDependencies:
+    "@mui/material": ^6.2.1
+    "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0
+    react: ^17.0.0 || ^18.0.0 || ^19.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/3e0d962a3cb203c6a1497bbd1a8ecf2db9705e37cda1e92c339c4cabba61e857e39100f8478456a5aeceeb6b778e16437949d1232bf2be430db72adfdd8752d6
+  languageName: node
+  linkType: hard
+
+"@mui/material@npm:^6.3.0":
+  version: 6.3.0
+  resolution: "@mui/material@npm:6.3.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.26.0"
+    "@mui/core-downloads-tracker": "npm:^6.3.0"
+    "@mui/system": "npm:^6.3.0"
+    "@mui/types": "npm:^7.2.20"
+    "@mui/utils": "npm:^6.3.0"
+    "@popperjs/core": "npm:^2.11.8"
+    "@types/react-transition-group": "npm:^4.4.12"
+    clsx: "npm:^2.1.1"
+    csstype: "npm:^3.1.3"
+    prop-types: "npm:^15.8.1"
+    react-is: "npm:^19.0.0"
+    react-transition-group: "npm:^4.4.5"
+  peerDependencies:
+    "@emotion/react": ^11.5.0
+    "@emotion/styled": ^11.3.0
+    "@mui/material-pigment-css": ^6.3.0
+    "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0
+    react: ^17.0.0 || ^18.0.0 || ^19.0.0
+    react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0
+  peerDependenciesMeta:
+    "@emotion/react":
+      optional: true
+    "@emotion/styled":
+      optional: true
+    "@mui/material-pigment-css":
+      optional: true
+    "@types/react":
+      optional: true
+  checksum: 10/e6db71b4d044c87e08d50fe7cea8c5667d0a10ea16e376aab83639029d7fbc350342b1c93f20d1f7b3b3c63f35eef09fe3dcada73f5c2f8f041887dc30d56ead
+  languageName: node
+  linkType: hard
+
+"@mui/private-theming@npm:^6.3.0":
+  version: 6.3.0
+  resolution: "@mui/private-theming@npm:6.3.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.26.0"
+    "@mui/utils": "npm:^6.3.0"
+    prop-types: "npm:^15.8.1"
+  peerDependencies:
+    "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0
+    react: ^17.0.0 || ^18.0.0 || ^19.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/61b19754f1f343866c47b9fa363482ddf79dab940620350fd707d863a74e18ec54540d3b2c19c94de7bdee78c75b00c0195ddd4f0019f2ee844e5e64c8c7a275
+  languageName: node
+  linkType: hard
+
+"@mui/styled-engine@npm:^6.3.0":
+  version: 6.3.0
+  resolution: "@mui/styled-engine@npm:6.3.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.26.0"
+    "@emotion/cache": "npm:^11.13.5"
+    "@emotion/serialize": "npm:^1.3.3"
+    "@emotion/sheet": "npm:^1.4.0"
+    csstype: "npm:^3.1.3"
+    prop-types: "npm:^15.8.1"
+  peerDependencies:
+    "@emotion/react": ^11.4.1
+    "@emotion/styled": ^11.3.0
+    react: ^17.0.0 || ^18.0.0 || ^19.0.0
+  peerDependenciesMeta:
+    "@emotion/react":
+      optional: true
+    "@emotion/styled":
+      optional: true
+  checksum: 10/d36545fff9a50a508bc422ce0d20ecc5c24b7e3e9d64b7aa11117b16a382e4d4dd3aa2b127a94e150482999038e0437f631386b3727cb2ecfb00a75bf28877ac
+  languageName: node
+  linkType: hard
+
+"@mui/system@npm:^6.3.0":
+  version: 6.3.0
+  resolution: "@mui/system@npm:6.3.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.26.0"
+    "@mui/private-theming": "npm:^6.3.0"
+    "@mui/styled-engine": "npm:^6.3.0"
+    "@mui/types": "npm:^7.2.20"
+    "@mui/utils": "npm:^6.3.0"
+    clsx: "npm:^2.1.1"
+    csstype: "npm:^3.1.3"
+    prop-types: "npm:^15.8.1"
+  peerDependencies:
+    "@emotion/react": ^11.5.0
+    "@emotion/styled": ^11.3.0
+    "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0
+    react: ^17.0.0 || ^18.0.0 || ^19.0.0
+  peerDependenciesMeta:
+    "@emotion/react":
+      optional: true
+    "@emotion/styled":
+      optional: true
+    "@types/react":
+      optional: true
+  checksum: 10/35e42c2182a745cb6caa476800580f536c5388064a837b0984faf4858b7537b0cc6dada11cef000100143903ea7130de306e1615f1b74cf5799c0a6ebb17e870
+  languageName: node
+  linkType: hard
+
+"@mui/types@npm:^7.2.20":
+  version: 7.2.20
+  resolution: "@mui/types@npm:7.2.20"
+  peerDependencies:
+    "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/1e1e4ddecce8afd277f6332ba57d3473c58b581994b3768ab2afbcf9a785efc509b44c267dfeb3e100d2539da3fcf45d514d4c1aed6f2cd1f2531a1855798349
+  languageName: node
+  linkType: hard
+
+"@mui/utils@npm:^5.16.6 || ^6.0.0":
+  version: 6.2.1
+  resolution: "@mui/utils@npm:6.2.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.26.0"
+    "@mui/types": "npm:^7.2.20"
+    "@types/prop-types": "npm:^15.7.14"
+    clsx: "npm:^2.1.1"
+    prop-types: "npm:^15.8.1"
+    react-is: "npm:^19.0.0"
+  peerDependencies:
+    "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0
+    react: ^17.0.0 || ^18.0.0 || ^19.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/6fc5e14ed0a7aba178640ad5f01a050980a24700fa71cf57485d5f2b1795717be51a90b39ef7fbeb58b43820f1d26436efe1b3a13fd5feb3d2ad6253534172ba
+  languageName: node
+  linkType: hard
+
+"@mui/utils@npm:^6.3.0":
+  version: 6.3.0
+  resolution: "@mui/utils@npm:6.3.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.26.0"
+    "@mui/types": "npm:^7.2.20"
+    "@types/prop-types": "npm:^15.7.14"
+    clsx: "npm:^2.1.1"
+    prop-types: "npm:^15.8.1"
+    react-is: "npm:^19.0.0"
+  peerDependencies:
+    "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0
+    react: ^17.0.0 || ^18.0.0 || ^19.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/09d78139405d761b92b0c722b27eb40b1a1993d1e146f6c1c5f505abd0c720ae135badb4f87b586fc8cefb0113c3ce7540e63fc54a6d19842fef14f9200ff864
+  languageName: node
+  linkType: hard
+
+"@mui/x-date-pickers@npm:^7.23.3":
+  version: 7.23.3
+  resolution: "@mui/x-date-pickers@npm:7.23.3"
+  dependencies:
+    "@babel/runtime": "npm:^7.25.7"
+    "@mui/utils": "npm:^5.16.6 || ^6.0.0"
+    "@mui/x-internals": "npm:7.23.0"
+    "@types/react-transition-group": "npm:^4.4.11"
+    clsx: "npm:^2.1.1"
+    prop-types: "npm:^15.8.1"
+    react-transition-group: "npm:^4.4.5"
+  peerDependencies:
+    "@emotion/react": ^11.9.0
+    "@emotion/styled": ^11.8.1
+    "@mui/material": ^5.15.14 || ^6.0.0
+    "@mui/system": ^5.15.14 || ^6.0.0
+    date-fns: ^2.25.0 || ^3.2.0 || ^4.0.0
+    date-fns-jalali: ^2.13.0-0 || ^3.2.0-0
+    dayjs: ^1.10.7
+    luxon: ^3.0.2
+    moment: ^2.29.4
+    moment-hijri: ^2.1.2 || ^3.0.0
+    moment-jalaali: ^0.7.4 || ^0.8.0 || ^0.9.0 || ^0.10.0
+    react: ^17.0.0 || ^18.0.0 || ^19.0.0
+    react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0
+  peerDependenciesMeta:
+    "@emotion/react":
+      optional: true
+    "@emotion/styled":
+      optional: true
+    date-fns:
+      optional: true
+    date-fns-jalali:
+      optional: true
+    dayjs:
+      optional: true
+    luxon:
+      optional: true
+    moment:
+      optional: true
+    moment-hijri:
+      optional: true
+    moment-jalaali:
+      optional: true
+  checksum: 10/8abd73645f614741f7e97f72f3516413a792c1b5f2ddbba4180f17bcb2282a55e4e22d6e429c72791e3a7b4d458c4580fd5a9fba806babddbf9846b3089b16ef
+  languageName: node
+  linkType: hard
+
+"@mui/x-internals@npm:7.23.0":
+  version: 7.23.0
+  resolution: "@mui/x-internals@npm:7.23.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.25.7"
+    "@mui/utils": "npm:^5.16.6 || ^6.0.0"
+  peerDependencies:
+    react: ^17.0.0 || ^18.0.0 || ^19.0.0
+  checksum: 10/a09f78ce26a9452f8b14a1514c38306c9069f89af650932af8a982a58a8946a25d18c0babe3bec42863c3962fb9016551bf2d8ffa92cb7db7e1c86379b498358
+  languageName: node
+  linkType: hard
+
+"@multiformats/base-x@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "@multiformats/base-x@npm:4.0.1"
+  checksum: 10/ecbf84bdd7613fd795e4a41f20f3e8cc7df8bbee84690b7feed383d45a638ed228a80ff6f5c930373cbf24539f64857b66023ee3c1e914f6bac9995c76414a87
+  languageName: node
+  linkType: hard
+
+"@next/bundle-analyzer@npm:^15.0.4":
+  version: 15.1.1
+  resolution: "@next/bundle-analyzer@npm:15.1.1"
+  dependencies:
+    webpack-bundle-analyzer: "npm:4.10.1"
+  checksum: 10/ab5a66c20064ec23d66015c7da52fd307a92544f74f4b2292ecea10d305878c10e660d5e714dc4942c162a2cc44a116bddb56c60d7b9e44c5abd529c14ca82aa
+  languageName: node
+  linkType: hard
+
+"@next/env@npm:15.1.2":
+  version: 15.1.2
+  resolution: "@next/env@npm:15.1.2"
+  checksum: 10/eff61ed96b0d55e5feaef36c0d5b3f81dc94e9526fe18d5bc2f94fc8e6b5215dfa60df3f5b9feafee003aaf5150a0f05fab7985a345a476bb636e5a98184a0b9
+  languageName: node
+  linkType: hard
+
+"@next/env@npm:15.2.4":
+  version: 15.2.4
+  resolution: "@next/env@npm:15.2.4"
+  checksum: 10/2b6153fcb117f117385d5a18b61cd5696cf87c93575535fd8d1bae8864c194e974f5c66061dceb9d1ca50d390bd7c846e744adafc5e4cbcebcae94a10a7c54a0
+  languageName: node
+  linkType: hard
+
+"@next/eslint-plugin-next@npm:15.1.1":
+  version: 15.1.1
+  resolution: "@next/eslint-plugin-next@npm:15.1.1"
+  dependencies:
+    fast-glob: "npm:3.3.1"
+  checksum: 10/1eba471a74e715d6dcabc2fb7bb3f8c57e3bc0afe7230f69420f4cdea4edd78338f09ddb429d65372b76c3799e3f1a427f5b74ffaac3a15738d5fd97f099df71
+  languageName: node
+  linkType: hard
+
+"@next/mdx@npm:^15.0.4":
+  version: 15.1.1
+  resolution: "@next/mdx@npm:15.1.1"
+  dependencies:
+    source-map: "npm:^0.7.0"
+  peerDependencies:
+    "@mdx-js/loader": ">=0.15.0"
+    "@mdx-js/react": ">=0.15.0"
+  peerDependenciesMeta:
+    "@mdx-js/loader":
+      optional: true
+    "@mdx-js/react":
+      optional: true
+  checksum: 10/999d3d4692f1bdaead3b1872d666c56ee4dcb4344e13f0d22616a91b9ad64592598317fac63bda00dfb2a8deaab4b07c968d4c0ed55c370b90f16b2080086975
+  languageName: node
+  linkType: hard
+
+"@next/swc-darwin-arm64@npm:15.1.2":
+  version: 15.1.2
+  resolution: "@next/swc-darwin-arm64@npm:15.1.2"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@next/swc-darwin-arm64@npm:15.2.4":
+  version: 15.2.4
+  resolution: "@next/swc-darwin-arm64@npm:15.2.4"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@next/swc-darwin-x64@npm:15.1.2":
+  version: 15.1.2
+  resolution: "@next/swc-darwin-x64@npm:15.1.2"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@next/swc-darwin-x64@npm:15.2.4":
+  version: 15.2.4
+  resolution: "@next/swc-darwin-x64@npm:15.2.4"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@next/swc-linux-arm64-gnu@npm:15.1.2":
+  version: 15.1.2
+  resolution: "@next/swc-linux-arm64-gnu@npm:15.1.2"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@next/swc-linux-arm64-gnu@npm:15.2.4":
+  version: 15.2.4
+  resolution: "@next/swc-linux-arm64-gnu@npm:15.2.4"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@next/swc-linux-arm64-musl@npm:15.1.2":
+  version: 15.1.2
+  resolution: "@next/swc-linux-arm64-musl@npm:15.1.2"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@next/swc-linux-arm64-musl@npm:15.2.4":
+  version: 15.2.4
+  resolution: "@next/swc-linux-arm64-musl@npm:15.2.4"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@next/swc-linux-x64-gnu@npm:15.1.2":
+  version: 15.1.2
+  resolution: "@next/swc-linux-x64-gnu@npm:15.1.2"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@next/swc-linux-x64-gnu@npm:15.2.4":
+  version: 15.2.4
+  resolution: "@next/swc-linux-x64-gnu@npm:15.2.4"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@next/swc-linux-x64-musl@npm:15.1.2":
+  version: 15.1.2
+  resolution: "@next/swc-linux-x64-musl@npm:15.1.2"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@next/swc-linux-x64-musl@npm:15.2.4":
+  version: 15.2.4
+  resolution: "@next/swc-linux-x64-musl@npm:15.2.4"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@next/swc-win32-arm64-msvc@npm:15.1.2":
+  version: 15.1.2
+  resolution: "@next/swc-win32-arm64-msvc@npm:15.1.2"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@next/swc-win32-arm64-msvc@npm:15.2.4":
+  version: 15.2.4
+  resolution: "@next/swc-win32-arm64-msvc@npm:15.2.4"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@next/swc-win32-x64-msvc@npm:15.1.2":
+  version: 15.1.2
+  resolution: "@next/swc-win32-x64-msvc@npm:15.1.2"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@next/swc-win32-x64-msvc@npm:15.2.4":
+  version: 15.2.4
+  resolution: "@next/swc-win32-x64-msvc@npm:15.2.4"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@next/third-parties@npm:^15.2.0":
+  version: 15.2.0
+  resolution: "@next/third-parties@npm:15.2.0"
+  dependencies:
+    third-party-capital: "npm:1.0.20"
+  peerDependencies:
+    next: ^13.0.0 || ^14.0.0 || ^15.0.0
+    react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+  checksum: 10/7713a5d6e51bcbbfb7f499f905770a4cfe25638a39e99fcdaefafaa343e71ae0596802584df776c5029c4879c73adc9a04be511e920f8618e793f0fb9f726b7f
+  languageName: node
+  linkType: hard
+
+"@nicolo-ribaudo/chokidar-2@npm:2.1.8-no-fsevents.3":
+  version: 2.1.8-no-fsevents.3
+  resolution: "@nicolo-ribaudo/chokidar-2@npm:2.1.8-no-fsevents.3"
+  checksum: 10/c6e83af3b5051a3f6562649ff8fe37de9934a4cc02138678ed1badbd13ed3334f7ae5f63f2bbc3432210f6b245f082ac97e9b2afe0c13730c9838b295658c185
+  languageName: node
+  linkType: hard
+
+"@noble/ciphers@npm:1.2.1":
+  version: 1.2.1
+  resolution: "@noble/ciphers@npm:1.2.1"
+  checksum: 10/7fa0d32529d8da6323b08afec97218f6d6bc0d1e135243bf10f7587a2819495c3f3f4a5af1f41045501bb1ade94238c76960366a5d6441970e49ba9cacb88740
+  languageName: node
+  linkType: hard
+
+"@noble/ciphers@npm:1.3.0, @noble/ciphers@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "@noble/ciphers@npm:1.3.0"
+  checksum: 10/051660051e3e9e2ca5fb9dece2885532b56b7e62946f89afa7284a0fb8bc02e2bd1c06554dba68162ff42d295b54026456084198610f63c296873b2f1cd7a586
+  languageName: node
+  linkType: hard
+
+"@noble/curves@npm:1.2.0, @noble/curves@npm:~1.2.0":
+  version: 1.2.0
+  resolution: "@noble/curves@npm:1.2.0"
+  dependencies:
+    "@noble/hashes": "npm:1.3.2"
+  checksum: 10/94e02e9571a9fd42a3263362451849d2f54405cb3ce9fa7c45bc6b9b36dcd7d1d20e2e1e14cfded24937a13d82f1e60eefc4d7a14982ce0bc219a9fc0f51d1f9
+  languageName: node
+  linkType: hard
+
+"@noble/curves@npm:1.7.0, @noble/curves@npm:^1.4.0, @noble/curves@npm:^1.6.0, @noble/curves@npm:~1.7.0":
+  version: 1.7.0
+  resolution: "@noble/curves@npm:1.7.0"
+  dependencies:
+    "@noble/hashes": "npm:1.6.0"
+  checksum: 10/2a11ef4895907d0b241bd3b72f9e6ebe56f0e705949bfd5efe003f25233549f620d287550df2d24ad56a1f953b82ec5f7cf4bd7cb78b1b2e76eb6dd516d44cf8
+  languageName: node
+  linkType: hard
+
+"@noble/curves@npm:1.8.0":
+  version: 1.8.0
+  resolution: "@noble/curves@npm:1.8.0"
+  dependencies:
+    "@noble/hashes": "npm:1.7.0"
+  checksum: 10/c54ce84cf54b8bda1a37a10dfae2e49e5b6cdf5dd98b399efa8b8a80a286b3f8f27bde53202cb308353bfd98719938991a78bed6e43f81f13b17f8181b7b82eb
+  languageName: node
+  linkType: hard
+
+"@noble/curves@npm:1.8.1, @noble/curves@npm:~1.8.1":
+  version: 1.8.1
+  resolution: "@noble/curves@npm:1.8.1"
+  dependencies:
+    "@noble/hashes": "npm:1.7.1"
+  checksum: 10/e861db372cc0734b02a4c61c0f5a6688d4a7555edca3d8a9e7c846c9aa103ca52d3c3818e8bc333a1a95b5be7f370ff344668d5d759471b11c2d14c7f24b3984
+  languageName: node
+  linkType: hard
+
+"@noble/curves@npm:1.9.0":
+  version: 1.9.0
+  resolution: "@noble/curves@npm:1.9.0"
+  dependencies:
+    "@noble/hashes": "npm:1.8.0"
+  checksum: 10/f2c5946310722fee23e04ed747f21ce72e0436e38e1fa620d226a8c613262e7d0dbab5341f14caf92936089d01d9e9231964c409cd1ac2a73a075f3cdb1acc41
+  languageName: node
+  linkType: hard
+
+"@noble/curves@npm:1.9.1":
+  version: 1.9.1
+  resolution: "@noble/curves@npm:1.9.1"
+  dependencies:
+    "@noble/hashes": "npm:1.8.0"
+  checksum: 10/5c82ec828ca4a4218b1666ba0ddffde17afd224d0bd5e07b64c2a0c83a3362483387f55c11cfd8db0fc046605394fe4e2c67fe024628a713e864acb541a7d2bb
+  languageName: node
+  linkType: hard
+
+"@noble/curves@npm:1.9.2, @noble/curves@npm:~1.9.0":
+  version: 1.9.2
+  resolution: "@noble/curves@npm:1.9.2"
+  dependencies:
+    "@noble/hashes": "npm:1.8.0"
+  checksum: 10/f60f00ad86296054566b67be08fd659999bb64b692bfbf11dbe3be1f422ad4d826bf5ebb2015ce2e246538eab2b677707e0a46ffa8323a6fae7a9a30ec1fe318
+  languageName: node
+  linkType: hard
+
+"@noble/curves@npm:^1.0.0":
+  version: 1.9.6
+  resolution: "@noble/curves@npm:1.9.6"
+  dependencies:
+    "@noble/hashes": "npm:1.8.0"
+  checksum: 10/74b603bbf95cab1b6eb147d02febe55bc19cf57c324bf2ff04b44ff9be3f88affc1a57da0805c74803e27c25687079251f9c788f93f0e6fd1c5d02163996460c
+  languageName: node
+  linkType: hard
+
+"@noble/hashes@npm:1.3.2":
+  version: 1.3.2
+  resolution: "@noble/hashes@npm:1.3.2"
+  checksum: 10/685f59d2d44d88e738114b71011d343a9f7dce9dfb0a121f1489132f9247baa60bc985e5ec6f3213d114fbd1e1168e7294644e46cbd0ce2eba37994f28eeb51b
+  languageName: node
+  linkType: hard
+
+"@noble/hashes@npm:1.6.0":
+  version: 1.6.0
+  resolution: "@noble/hashes@npm:1.6.0"
+  checksum: 10/b44b043b02adbecd33596adeed97d9f9864c24a2410f7ac3b847986c2ecf1f6f0df76024b3f1b14d6ea954932960d88898fe551fb9d39844a8b870e9f9044ea1
+  languageName: node
+  linkType: hard
+
+"@noble/hashes@npm:1.6.1, @noble/hashes@npm:^1.4.0, @noble/hashes@npm:^1.5.0, @noble/hashes@npm:~1.6.0":
+  version: 1.6.1
+  resolution: "@noble/hashes@npm:1.6.1"
+  checksum: 10/74d9ad7b1437a22ba3b877584add3367587fbf818113152f293025d20d425aa74c191d18d434797312f2270458bc9ab3241c34d14ec6115fb16438b3248f631f
+  languageName: node
+  linkType: hard
+
+"@noble/hashes@npm:1.7.0":
+  version: 1.7.0
+  resolution: "@noble/hashes@npm:1.7.0"
+  checksum: 10/ab038a816c8c9bb986e92797e3d9c5a5b37c020e0c3edc55bcae5061dbdd457f1f0a22787f83f4787c17415ba0282a20a1e455d36ed0cdcace4ce21ef1869f60
+  languageName: node
+  linkType: hard
+
+"@noble/hashes@npm:1.7.1, @noble/hashes@npm:^1.1.2, @noble/hashes@npm:~1.7.1":
+  version: 1.7.1
+  resolution: "@noble/hashes@npm:1.7.1"
+  checksum: 10/ca3120da0c3e7881d6a481e9667465cc9ebbee1329124fb0de442e56d63fef9870f8cc96f264ebdb18096e0e36cebc0e6e979a872d545deb0a6fed9353f17e05
+  languageName: node
+  linkType: hard
+
+"@noble/hashes@npm:1.8.0, @noble/hashes@npm:^1.0.0, @noble/hashes@npm:^1.2.0, @noble/hashes@npm:^1.6.1, @noble/hashes@npm:~1.8.0":
+  version: 1.8.0
+  resolution: "@noble/hashes@npm:1.8.0"
+  checksum: 10/474b7f56bc6fb2d5b3a42132561e221b0ea4f91e590f4655312ca13667840896b34195e2b53b7f097ec080a1fdd3b58d902c2a8d0fbdf51d2e238b53808a177e
+  languageName: node
+  linkType: hard
+
+"@noble/hashes@npm:~1.3.0, @noble/hashes@npm:~1.3.2":
+  version: 1.3.3
+  resolution: "@noble/hashes@npm:1.3.3"
+  checksum: 10/1025ddde4d24630e95c0818e63d2d54ee131b980fe113312d17ed7468bc18f54486ac86c907685759f8a7e13c2f9b9e83ec7b67d1cc20836f36b5e4a65bb102d
+  languageName: node
+  linkType: hard
+
+"@nodelib/fs.scandir@npm:2.1.5":
+  version: 2.1.5
+  resolution: "@nodelib/fs.scandir@npm:2.1.5"
+  dependencies:
+    "@nodelib/fs.stat": "npm:2.0.5"
+    run-parallel: "npm:^1.1.9"
+  checksum: 10/6ab2a9b8a1d67b067922c36f259e3b3dfd6b97b219c540877a4944549a4d49ea5ceba5663905ab5289682f1f3c15ff441d02f0447f620a42e1cb5e1937174d4b
+  languageName: node
+  linkType: hard
+
+"@nodelib/fs.stat@npm:2.0.5, @nodelib/fs.stat@npm:^2.0.2":
+  version: 2.0.5
+  resolution: "@nodelib/fs.stat@npm:2.0.5"
+  checksum: 10/012480b5ca9d97bff9261571dbbec7bbc6033f69cc92908bc1ecfad0792361a5a1994bc48674b9ef76419d056a03efadfce5a6cf6dbc0a36559571a7a483f6f0
+  languageName: node
+  linkType: hard
+
+"@nodelib/fs.walk@npm:^1.2.3":
+  version: 1.2.8
+  resolution: "@nodelib/fs.walk@npm:1.2.8"
+  dependencies:
+    "@nodelib/fs.scandir": "npm:2.1.5"
+    fastq: "npm:^1.6.0"
+  checksum: 10/40033e33e96e97d77fba5a238e4bba4487b8284678906a9f616b5579ddaf868a18874c0054a75402c9fbaaa033a25ceae093af58c9c30278e35c23c9479e79b0
+  languageName: node
+  linkType: hard
+
+"@nolyfill/is-core-module@npm:1.0.39":
+  version: 1.0.39
+  resolution: "@nolyfill/is-core-module@npm:1.0.39"
+  checksum: 10/0d6e098b871eca71d875651288e1f0fa770a63478b0b50479c99dc760c64175a56b5b04f58d5581bbcc6b552b8191ab415eada093d8df9597ab3423c8cac1815
+  languageName: node
+  linkType: hard
+
+"@notifee/react-native@npm:^9.1.8":
+  version: 9.1.8
+  resolution: "@notifee/react-native@npm:9.1.8"
+  peerDependencies:
+    react-native: "*"
+  checksum: 10/7c5237fba99906d8da02146afbfe8ff6de9f4047eecd806dea889bfd76b1cfe7ad3c181881bf2729aa348b83e035f4d02cfc3ac8eb8c4ba3a4415b445b439c38
+  languageName: node
+  linkType: hard
+
+"@npmcli/agent@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "@npmcli/agent@npm:3.0.0"
+  dependencies:
+    agent-base: "npm:^7.1.0"
+    http-proxy-agent: "npm:^7.0.0"
+    https-proxy-agent: "npm:^7.0.1"
+    lru-cache: "npm:^10.0.1"
+    socks-proxy-agent: "npm:^8.0.3"
+  checksum: 10/775c9a7eb1f88c195dfb3bce70c31d0fe2a12b28b754e25c08a3edb4bc4816bfedb7ac64ef1e730579d078ca19dacf11630e99f8f3c3e0fd7b23caa5fd6d30a6
+  languageName: node
+  linkType: hard
+
+"@npmcli/fs@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "@npmcli/fs@npm:4.0.0"
+  dependencies:
+    semver: "npm:^7.3.5"
+  checksum: 10/405c4490e1ff11cf299775449a3c254a366a4b1ffc79d87159b0ee7d5558ac9f6a2f8c0735fd6ff3873cef014cb1a44a5f9127cb6a1b2dbc408718cca9365b5a
+  languageName: node
+  linkType: hard
+
+"@open-draft/deferred-promise@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "@open-draft/deferred-promise@npm:2.2.0"
+  checksum: 10/bc3bb1668a555bb87b33383cafcf207d9561e17d2ca0d9e61b7ce88e82b66e36a333d3676c1d39eb5848022c03c8145331fcdc828ba297f88cb1de9c5cef6c19
+  languageName: node
+  linkType: hard
+
+"@open-draft/logger@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "@open-draft/logger@npm:0.3.0"
+  dependencies:
+    is-node-process: "npm:^1.2.0"
+    outvariant: "npm:^1.4.0"
+  checksum: 10/7a280f170bcd4e91d3eedbefe628efd10c3bd06dd2461d06a7fdbced89ef457a38785847f88cc630fb4fd7dfa176d6f77aed17e5a9b08000baff647433b5ff78
+  languageName: node
+  linkType: hard
+
+"@open-draft/until@npm:^2.0.0, @open-draft/until@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "@open-draft/until@npm:2.1.0"
+  checksum: 10/622be42950afc8e89715d0fd6d56cbdcd13e36625e23b174bd3d9f06f80e25f9adf75d6698af93bca1e1bf465b9ce00ec05214a12189b671fb9da0f58215b6f4
+  languageName: node
+  linkType: hard
+
+"@openzeppelin/contracts-upgradeable@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "@openzeppelin/contracts-upgradeable@npm:5.1.0"
+  peerDependencies:
+    "@openzeppelin/contracts": 5.1.0
+  checksum: 10/f6897c8fec137c13f21f392e1b76a627e917ab60aa354cb1ca24e697c15c14d1407530cf8c1ba991a471d93edde3005b09a3ab940d578e72a895d1e7c708c84a
+  languageName: node
+  linkType: hard
+
+"@openzeppelin/contracts@npm:^4.9.6":
+  version: 4.9.6
+  resolution: "@openzeppelin/contracts@npm:4.9.6"
+  checksum: 10/71f45ad42e68c0559be4ba502115462a01c76fc805c08d3005c10b5550a093f1a2b00b2d7e9d6d1f331e147c50fd4ad832f71c4470ec5b34f5a2d0751cd19a47
+  languageName: node
+  linkType: hard
+
+"@openzeppelin/contracts@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "@openzeppelin/contracts@npm:5.1.0"
+  checksum: 10/c3954d09b206af23a98d352177b49e4b2796a818ee01f082b223d54e6d394b3741a4ea6012570359d2a705d5e932a7b906ee38b64e3987ababfa73bcaa5a4805
+  languageName: node
+  linkType: hard
+
+"@oxc-transform/binding-darwin-arm64@npm:0.47.1":
+  version: 0.47.1
+  resolution: "@oxc-transform/binding-darwin-arm64@npm:0.47.1"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@oxc-transform/binding-darwin-x64@npm:0.47.1":
+  version: 0.47.1
+  resolution: "@oxc-transform/binding-darwin-x64@npm:0.47.1"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@oxc-transform/binding-linux-arm64-gnu@npm:0.47.1":
+  version: 0.47.1
+  resolution: "@oxc-transform/binding-linux-arm64-gnu@npm:0.47.1"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@oxc-transform/binding-linux-arm64-musl@npm:0.47.1":
+  version: 0.47.1
+  resolution: "@oxc-transform/binding-linux-arm64-musl@npm:0.47.1"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@oxc-transform/binding-linux-x64-gnu@npm:0.47.1":
+  version: 0.47.1
+  resolution: "@oxc-transform/binding-linux-x64-gnu@npm:0.47.1"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@oxc-transform/binding-linux-x64-musl@npm:0.47.1":
+  version: 0.47.1
+  resolution: "@oxc-transform/binding-linux-x64-musl@npm:0.47.1"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@oxc-transform/binding-win32-arm64-msvc@npm:0.47.1":
+  version: 0.47.1
+  resolution: "@oxc-transform/binding-win32-arm64-msvc@npm:0.47.1"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@oxc-transform/binding-win32-x64-msvc@npm:0.47.1":
+  version: 0.47.1
+  resolution: "@oxc-transform/binding-win32-x64-msvc@npm:0.47.1"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-android-arm64@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-android-arm64@npm:2.5.0"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-darwin-arm64@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-darwin-arm64@npm:2.5.0"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-darwin-x64@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-darwin-x64@npm:2.5.0"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-freebsd-x64@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-freebsd-x64@npm:2.5.0"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-arm-glibc@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-linux-arm-glibc@npm:2.5.0"
+  conditions: os=linux & cpu=arm & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-arm-musl@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-linux-arm-musl@npm:2.5.0"
+  conditions: os=linux & cpu=arm & libc=musl
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-arm64-glibc@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-linux-arm64-glibc@npm:2.5.0"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-arm64-musl@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-linux-arm64-musl@npm:2.5.0"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-x64-glibc@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-linux-x64-glibc@npm:2.5.0"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-x64-musl@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-linux-x64-musl@npm:2.5.0"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-wasm@npm:^2.4.1":
+  version: 2.5.0
+  resolution: "@parcel/watcher-wasm@npm:2.5.0"
+  dependencies:
+    is-glob: "npm:^4.0.3"
+    micromatch: "npm:^4.0.5"
+    napi-wasm: "npm:^1.1.0"
+  checksum: 10/2e17915320267b6d6305406a4b59cb0b0e88eb93ba6acc61c5382c517421a9132992fb8d1468a0030ee9945a1d6216ee6112452e78b30089590cd206c49d98a0
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-win32-arm64@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-win32-arm64@npm:2.5.0"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-win32-ia32@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-win32-ia32@npm:2.5.0"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-win32-x64@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-win32-x64@npm:2.5.0"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher@npm:^2.4.1":
+  version: 2.5.0
+  resolution: "@parcel/watcher@npm:2.5.0"
+  dependencies:
+    "@parcel/watcher-android-arm64": "npm:2.5.0"
+    "@parcel/watcher-darwin-arm64": "npm:2.5.0"
+    "@parcel/watcher-darwin-x64": "npm:2.5.0"
+    "@parcel/watcher-freebsd-x64": "npm:2.5.0"
+    "@parcel/watcher-linux-arm-glibc": "npm:2.5.0"
+    "@parcel/watcher-linux-arm-musl": "npm:2.5.0"
+    "@parcel/watcher-linux-arm64-glibc": "npm:2.5.0"
+    "@parcel/watcher-linux-arm64-musl": "npm:2.5.0"
+    "@parcel/watcher-linux-x64-glibc": "npm:2.5.0"
+    "@parcel/watcher-linux-x64-musl": "npm:2.5.0"
+    "@parcel/watcher-win32-arm64": "npm:2.5.0"
+    "@parcel/watcher-win32-ia32": "npm:2.5.0"
+    "@parcel/watcher-win32-x64": "npm:2.5.0"
+    detect-libc: "npm:^1.0.3"
+    is-glob: "npm:^4.0.3"
+    micromatch: "npm:^4.0.5"
+    node-addon-api: "npm:^7.0.0"
+    node-gyp: "npm:latest"
+  dependenciesMeta:
+    "@parcel/watcher-android-arm64":
+      optional: true
+    "@parcel/watcher-darwin-arm64":
+      optional: true
+    "@parcel/watcher-darwin-x64":
+      optional: true
+    "@parcel/watcher-freebsd-x64":
+      optional: true
+    "@parcel/watcher-linux-arm-glibc":
+      optional: true
+    "@parcel/watcher-linux-arm-musl":
+      optional: true
+    "@parcel/watcher-linux-arm64-glibc":
+      optional: true
+    "@parcel/watcher-linux-arm64-musl":
+      optional: true
+    "@parcel/watcher-linux-x64-glibc":
+      optional: true
+    "@parcel/watcher-linux-x64-musl":
+      optional: true
+    "@parcel/watcher-win32-arm64":
+      optional: true
+    "@parcel/watcher-win32-ia32":
+      optional: true
+    "@parcel/watcher-win32-x64":
+      optional: true
+  checksum: 10/1e28b1aa9a63456ebfa7af3e41297d088bd31d9e32548604f4f26ed96c5808f4330cd515062e879c24a9eaab7894066c8a3951ee30b59e7cbe6786ab2c790dae
+  languageName: node
+  linkType: hard
+
+"@peculiar/asn1-schema@npm:^2.3.13":
+  version: 2.3.13
+  resolution: "@peculiar/asn1-schema@npm:2.3.13"
+  dependencies:
+    asn1js: "npm:^3.0.5"
+    pvtsutils: "npm:^1.3.5"
+    tslib: "npm:^2.6.2"
+  checksum: 10/3d2bf7d40023f3cb7a1b3aa6060bcec39fc92a2e5a91c3b6611ea7d760103049e51fe4aef1e762010612314aa79f2071626ed31b3050155ec7f501d89745e3bd
+  languageName: node
+  linkType: hard
+
+"@pkgjs/parseargs@npm:^0.11.0":
+  version: 0.11.0
+  resolution: "@pkgjs/parseargs@npm:0.11.0"
+  checksum: 10/115e8ceeec6bc69dff2048b35c0ab4f8bbee12d8bb6c1f4af758604586d802b6e669dcb02dda61d078de42c2b4ddce41b3d9e726d7daa6b4b850f4adbf7333ff
+  languageName: node
+  linkType: hard
+
+"@pkgr/core@npm:^0.1.0":
+  version: 0.1.1
+  resolution: "@pkgr/core@npm:0.1.1"
+  checksum: 10/6f25fd2e3008f259c77207ac9915b02f1628420403b2630c92a07ff963129238c9262afc9e84344c7a23b5cc1f3965e2cd17e3798219f5fd78a63d144d3cceba
+  languageName: node
+  linkType: hard
+
+"@pkgr/core@npm:^0.2.4":
+  version: 0.2.4
+  resolution: "@pkgr/core@npm:0.2.4"
+  checksum: 10/8544f0346c3f7035b9e2fdf60179c68b12d3c76b3fba9533844099af67cf5c0ce5257538f5faa05953d48cc1536d046f003231f321b2f75b3fb449db8410a2b7
+  languageName: node
+  linkType: hard
+
+"@pmmmwh/react-refresh-webpack-plugin@npm:^0.5.11":
+  version: 0.5.15
+  resolution: "@pmmmwh/react-refresh-webpack-plugin@npm:0.5.15"
+  dependencies:
+    ansi-html: "npm:^0.0.9"
+    core-js-pure: "npm:^3.23.3"
+    error-stack-parser: "npm:^2.0.6"
+    html-entities: "npm:^2.1.0"
+    loader-utils: "npm:^2.0.4"
+    schema-utils: "npm:^4.2.0"
+    source-map: "npm:^0.7.3"
+  peerDependencies:
+    "@types/webpack": 4.x || 5.x
+    react-refresh: ">=0.10.0 <1.0.0"
+    sockjs-client: ^1.4.0
+    type-fest: ">=0.17.0 <5.0.0"
+    webpack: ">=4.43.0 <6.0.0"
+    webpack-dev-server: 3.x || 4.x || 5.x
+    webpack-hot-middleware: 2.x
+    webpack-plugin-serve: 0.x || 1.x
+  peerDependenciesMeta:
+    "@types/webpack":
+      optional: true
+    sockjs-client:
+      optional: true
+    type-fest:
+      optional: true
+    webpack-dev-server:
+      optional: true
+    webpack-hot-middleware:
+      optional: true
+    webpack-plugin-serve:
+      optional: true
+  checksum: 10/d8c978654c4c6873edc3336bca87d359d3a7f32571e8404af8a3defd0e515aa34d9dc8324a9157d0220d72fb8a6a350660301c2757df964f845422a898714bc7
+  languageName: node
+  linkType: hard
+
+"@polka/url@npm:^1.0.0-next.24":
+  version: 1.0.0-next.28
+  resolution: "@polka/url@npm:1.0.0-next.28"
+  checksum: 10/7402aaf1de781d0eb0870d50cbcd394f949aee11b38a267a5c3b4e3cfee117e920693e6e93ce24c87ae2d477a59634f39d9edde8e86471cae756839b07c79af7
+  languageName: node
+  linkType: hard
+
+"@popperjs/core@npm:^2.11.8":
+  version: 2.11.8
+  resolution: "@popperjs/core@npm:2.11.8"
+  checksum: 10/ddd16090cde777aaf102940f05d0274602079a95ad9805bd20bc55dcc7c3a2ba1b99dd5c73e5cc2753c3d31250ca52a67d58059459d7d27debb983a9f552936c
+  languageName: node
+  linkType: hard
+
+"@protobufjs/aspromise@npm:^1.1.1, @protobufjs/aspromise@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "@protobufjs/aspromise@npm:1.1.2"
+  checksum: 10/8a938d84fe4889411296db66b29287bd61ea3c14c2d23e7a8325f46a2b8ce899857c5f038d65d7641805e6c1d06b495525c7faf00c44f85a7ee6476649034969
+  languageName: node
+  linkType: hard
+
+"@protobufjs/base64@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "@protobufjs/base64@npm:1.1.2"
+  checksum: 10/c71b100daeb3c9bdccab5cbc29495b906ba0ae22ceedc200e1ba49717d9c4ab15a6256839cebb6f9c6acae4ed7c25c67e0a95e734f612b258261d1a3098fe342
+  languageName: node
+  linkType: hard
+
+"@protobufjs/codegen@npm:^2.0.4":
+  version: 2.0.4
+  resolution: "@protobufjs/codegen@npm:2.0.4"
+  checksum: 10/c6ee5fa172a8464f5253174d3c2353ea520c2573ad7b6476983d9b1346f4d8f2b44aa29feb17a949b83c1816bc35286a5ea265ed9d8fdd2865acfa09668c0447
+  languageName: node
+  linkType: hard
+
+"@protobufjs/eventemitter@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@protobufjs/eventemitter@npm:1.1.0"
+  checksum: 10/03af3e99f17ad421283d054c88a06a30a615922a817741b43ca1b13e7c6b37820a37f6eba9980fb5150c54dba6e26cb6f7b64a6f7d8afa83596fafb3afa218c3
+  languageName: node
+  linkType: hard
+
+"@protobufjs/fetch@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@protobufjs/fetch@npm:1.1.0"
+  dependencies:
+    "@protobufjs/aspromise": "npm:^1.1.1"
+    "@protobufjs/inquire": "npm:^1.1.0"
+  checksum: 10/67ae40572ad536e4ef94269199f252c024b66e3059850906bdaee161ca1d75c73d04d35cd56f147a8a5a079f5808e342b99e61942c1dae15604ff0600b09a958
+  languageName: node
+  linkType: hard
+
+"@protobufjs/float@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "@protobufjs/float@npm:1.0.2"
+  checksum: 10/634c2c989da0ef2f4f19373d64187e2a79f598c5fb7991afb689d29a2ea17c14b796b29725945fa34b9493c17fb799e08ac0a7ccaae460ee1757d3083ed35187
+  languageName: node
+  linkType: hard
+
+"@protobufjs/inquire@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@protobufjs/inquire@npm:1.1.0"
+  checksum: 10/c09efa34a5465cb120775e1a482136f2340a58b4abce7e93d72b8b5a9324a0e879275016ef9fcd73d72a4731639c54f2bb755bb82f916e4a78892d1d840bb3d2
+  languageName: node
+  linkType: hard
+
+"@protobufjs/path@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "@protobufjs/path@npm:1.1.2"
+  checksum: 10/bb709567935fd385a86ad1f575aea98131bbd719c743fb9b6edd6b47ede429ff71a801cecbd64fc72deebf4e08b8f1bd8062793178cdaed3713b8d15771f9b83
+  languageName: node
+  linkType: hard
+
+"@protobufjs/pool@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@protobufjs/pool@npm:1.1.0"
+  checksum: 10/b9c7047647f6af28e92aac54f6f7c1f7ff31b201b4bfcc7a415b2861528854fce3ec666d7e7e10fd744da905f7d4aef2205bbcc8944ca0ca7a82e18134d00c46
+  languageName: node
+  linkType: hard
+
+"@protobufjs/utf8@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@protobufjs/utf8@npm:1.1.0"
+  checksum: 10/131e289c57534c1d73a0e55782d6751dd821db1583cb2f7f7e017c9d6747addaebe79f28120b2e0185395d990aad347fb14ffa73ef4096fa38508d61a0e64602
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-compose-refs@npm:1.1.2":
+  version: 1.1.2
+  resolution: "@radix-ui/react-compose-refs@npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/9a91f0213014ffa40c5b8aae4debb993be5654217e504e35aa7422887eb2d114486d37e53c482d0fffb00cd44f51b5269fcdf397b280c71666fa11b7f32f165d
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-slot@npm:1.2.0":
+  version: 1.2.0
+  resolution: "@radix-ui/react-slot@npm:1.2.0"
+  dependencies:
+    "@radix-ui/react-compose-refs": "npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/6ce4fcf416de56928e9df8b8a6f30536b24c29e9d39db16873a065d62e5f009d47eee33b936cbe1da51dd39644bbd65b8c6ba05f6b6bbdc4070f5d94b8cd6c44
+  languageName: node
+  linkType: hard
+
+"@react-native-async-storage/async-storage@npm:2.1.2":
+  version: 2.1.2
+  resolution: "@react-native-async-storage/async-storage@npm:2.1.2"
+  dependencies:
+    merge-options: "npm:^3.0.4"
+  peerDependencies:
+    react-native: ^0.0.0-0 || >=0.65 <1.0
+  checksum: 10/d4f14fe520a1664935ea771db86be397902b743ae7dd805d7cfe142698bcb9758bfe075fe11f20347cc5551ee0673f15822be3127658957a276ac28e0c8dd5ca
+  languageName: node
+  linkType: hard
+
+"@react-native-clipboard/clipboard@npm:^1.15.0":
+  version: 1.15.0
+  resolution: "@react-native-clipboard/clipboard@npm:1.15.0"
+  peerDependencies:
+    react: ">= 16.9.0"
+    react-native: ">= 0.61.5"
+    react-native-macos: ">= 0.61.0"
+    react-native-windows: ">= 0.61.0"
+  peerDependenciesMeta:
+    react-native-macos:
+      optional: true
+    react-native-windows:
+      optional: true
+  checksum: 10/bc33f39ac5c53de6af4a855d95b1791d387c83ef858ecb86decec5b4c92412a2b4f3b776384c1be15451959103703bcb1029601b31d21c820b6291b23ca32982
+  languageName: node
+  linkType: hard
+
+"@react-native-community/blur@npm:^4.4.1":
+  version: 4.4.1
+  resolution: "@react-native-community/blur@npm:4.4.1"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/6fa84036db480af765df08d680955e9b5acaa631a54678b8eef970799fc04bdc7f906cb06a94f2da9af097c52ddb56ca4cff2172372d1d5f7717864f43965e0a
+  languageName: node
+  linkType: hard
+
+"@react-native-community/datetimepicker@npm:8.3.0":
+  version: 8.3.0
+  resolution: "@react-native-community/datetimepicker@npm:8.3.0"
+  dependencies:
+    invariant: "npm:^2.2.4"
+  peerDependencies:
+    expo: ">=50.0.0"
+    react: "*"
+    react-native: "*"
+    react-native-windows: "*"
+  peerDependenciesMeta:
+    expo:
+      optional: true
+    react-native-windows:
+      optional: true
+  checksum: 10/69adaaadbd8b57d1c049d0ca92dddad62b5c8dfba50e4660303c30746d39e9e976d6d61f59f001d5df15f25832dc740225fe394c667bd3a76dc42b66efc061d9
+  languageName: node
+  linkType: hard
+
+"@react-native-community/slider@npm:4.5.6":
+  version: 4.5.6
+  resolution: "@react-native-community/slider@npm:4.5.6"
+  checksum: 10/9c892ccdce9971e6cf69a91e3e8caab3fe668d6944f1a7195de228d5433c7fab2b15f6c945fd90464fc7b15b557ddcbf4d6b522b4b7d1a19f28ee2b4d6b6af93
+  languageName: node
+  linkType: hard
+
+"@react-native-firebase/analytics@npm:^22.2.1":
+  version: 22.2.1
+  resolution: "@react-native-firebase/analytics@npm:22.2.1"
+  dependencies:
+    superstruct: "npm:^2.0.2"
+  peerDependencies:
+    "@react-native-firebase/app": 22.2.1
+  checksum: 10/b1665e2b72c36f32ae49c52201edd6a9acf5cfd3d23620bd10b59aa976ecfa8e47a1fc971fbab4554f94170fffdad7a534107a8ae05cc274bcfa2bffdf9bfeaf
+  languageName: node
+  linkType: hard
+
+"@react-native-firebase/app@npm:^22.2.1":
+  version: 22.2.1
+  resolution: "@react-native-firebase/app@npm:22.2.1"
+  dependencies:
+    firebase: "npm:11.3.1"
+  peerDependencies:
+    expo: ">=47.0.0"
+    react: "*"
+    react-native: "*"
+  peerDependenciesMeta:
+    expo:
+      optional: true
+  checksum: 10/93ac1c5e45f9ca1c93b8b8e1d53f53688d48b5614e24983a87a5141f1671a5c46329277d4dbaa2248b734a69b6fb428464b52d4aca2c1f1a777c81db440a0d1d
+  languageName: node
+  linkType: hard
+
+"@react-native-firebase/crashlytics@npm:^22.2.1":
+  version: 22.2.1
+  resolution: "@react-native-firebase/crashlytics@npm:22.2.1"
+  dependencies:
+    stacktrace-js: "npm:^2.0.2"
+  peerDependencies:
+    "@react-native-firebase/app": 22.2.1
+    expo: ">=47.0.0"
+  peerDependenciesMeta:
+    expo:
+      optional: true
+  checksum: 10/b6eb0a16fba273bfab5bb0901a03b1318d9dccf5a823735054a60a9d625cf19c1eceef76dbbf6bd9259fc9401a8423c45f249e74b2d46e67ee328057b370624d
+  languageName: node
+  linkType: hard
+
+"@react-native-firebase/messaging@npm:^22.2.1":
+  version: 22.2.1
+  resolution: "@react-native-firebase/messaging@npm:22.2.1"
+  peerDependencies:
+    "@react-native-firebase/app": 22.2.1
+    expo: ">=47.0.0"
+  peerDependenciesMeta:
+    expo:
+      optional: true
+  checksum: 10/e2cd1cb1df8d9f902ea66c807463b66182bb672602fb24751681d971cde1eada261b8238068a884797efc3291bd28e917828adc2cdd7ee2da58037b419070bf6
+  languageName: node
+  linkType: hard
+
+"@react-native-masked-view/masked-view@npm:0.3.2":
+  version: 0.3.2
+  resolution: "@react-native-masked-view/masked-view@npm:0.3.2"
+  peerDependencies:
+    react: ">=16"
+    react-native: ">=0.57"
+  checksum: 10/04ffbc01083aa563ca1e2d7ef6759e7b326b8129f5bb1aa5f3142348adab06d5e321a400cf70a5434324dfa906add383f8214640697c48c9e5311b30bfea03d9
+  languageName: node
+  linkType: hard
+
+"@react-native-menu/menu@npm:^1.2.3":
+  version: 1.2.3
+  resolution: "@react-native-menu/menu@npm:1.2.3"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/d1970e96ce782874ebcca6f4f479b423a7fce0377a69bd94ec274372564a684fca543c36350d8d9fb92aee888b82f8beea61962db82c476de5b466d8a4c7460d
+  languageName: node
+  linkType: hard
+
+"@react-native/assets-registry@npm:0.79.2":
+  version: 0.79.2
+  resolution: "@react-native/assets-registry@npm:0.79.2"
+  checksum: 10/bca594f4524d7e53a229c6454cd6bdfc70f2f1d994f140cc322bf768507383133e99b0d5621bc49d4998ad0fc28e30361423d6f375de3658e2b98a994de0e704
+  languageName: node
+  linkType: hard
+
+"@react-native/babel-plugin-codegen@npm:0.76.3":
+  version: 0.76.3
+  resolution: "@react-native/babel-plugin-codegen@npm:0.76.3"
+  dependencies:
+    "@react-native/codegen": "npm:0.76.3"
+  checksum: 10/7edff369085919470c60da81b86c589d67dd94fdceda44dcf28cd18d21be0bb77c66428796205b23c9c6e440ea15effd12596197235cef81a4e50252804dc1ec
+  languageName: node
+  linkType: hard
+
+"@react-native/babel-plugin-codegen@npm:0.79.2":
+  version: 0.79.2
+  resolution: "@react-native/babel-plugin-codegen@npm:0.79.2"
+  dependencies:
+    "@babel/traverse": "npm:^7.25.3"
+    "@react-native/codegen": "npm:0.79.2"
+  checksum: 10/57fad0dbba59282b25a80a1e720c6e6a208b39913f76c2254d71b8615354ede55188772261d5d536f8534bd80d032ba5860cb2be91dcd4728c6977c081dea0c8
+  languageName: node
+  linkType: hard
+
+"@react-native/babel-preset@npm:0.79.2":
+  version: 0.79.2
+  resolution: "@react-native/babel-preset@npm:0.79.2"
+  dependencies:
+    "@babel/core": "npm:^7.25.2"
+    "@babel/plugin-proposal-export-default-from": "npm:^7.24.7"
+    "@babel/plugin-syntax-dynamic-import": "npm:^7.8.3"
+    "@babel/plugin-syntax-export-default-from": "npm:^7.24.7"
+    "@babel/plugin-syntax-nullish-coalescing-operator": "npm:^7.8.3"
+    "@babel/plugin-syntax-optional-chaining": "npm:^7.8.3"
+    "@babel/plugin-transform-arrow-functions": "npm:^7.24.7"
+    "@babel/plugin-transform-async-generator-functions": "npm:^7.25.4"
+    "@babel/plugin-transform-async-to-generator": "npm:^7.24.7"
+    "@babel/plugin-transform-block-scoping": "npm:^7.25.0"
+    "@babel/plugin-transform-class-properties": "npm:^7.25.4"
+    "@babel/plugin-transform-classes": "npm:^7.25.4"
+    "@babel/plugin-transform-computed-properties": "npm:^7.24.7"
+    "@babel/plugin-transform-destructuring": "npm:^7.24.8"
+    "@babel/plugin-transform-flow-strip-types": "npm:^7.25.2"
+    "@babel/plugin-transform-for-of": "npm:^7.24.7"
+    "@babel/plugin-transform-function-name": "npm:^7.25.1"
+    "@babel/plugin-transform-literals": "npm:^7.25.2"
+    "@babel/plugin-transform-logical-assignment-operators": "npm:^7.24.7"
+    "@babel/plugin-transform-modules-commonjs": "npm:^7.24.8"
+    "@babel/plugin-transform-named-capturing-groups-regex": "npm:^7.24.7"
+    "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.24.7"
+    "@babel/plugin-transform-numeric-separator": "npm:^7.24.7"
+    "@babel/plugin-transform-object-rest-spread": "npm:^7.24.7"
+    "@babel/plugin-transform-optional-catch-binding": "npm:^7.24.7"
+    "@babel/plugin-transform-optional-chaining": "npm:^7.24.8"
+    "@babel/plugin-transform-parameters": "npm:^7.24.7"
+    "@babel/plugin-transform-private-methods": "npm:^7.24.7"
+    "@babel/plugin-transform-private-property-in-object": "npm:^7.24.7"
+    "@babel/plugin-transform-react-display-name": "npm:^7.24.7"
+    "@babel/plugin-transform-react-jsx": "npm:^7.25.2"
+    "@babel/plugin-transform-react-jsx-self": "npm:^7.24.7"
+    "@babel/plugin-transform-react-jsx-source": "npm:^7.24.7"
+    "@babel/plugin-transform-regenerator": "npm:^7.24.7"
+    "@babel/plugin-transform-runtime": "npm:^7.24.7"
+    "@babel/plugin-transform-shorthand-properties": "npm:^7.24.7"
+    "@babel/plugin-transform-spread": "npm:^7.24.7"
+    "@babel/plugin-transform-sticky-regex": "npm:^7.24.7"
+    "@babel/plugin-transform-typescript": "npm:^7.25.2"
+    "@babel/plugin-transform-unicode-regex": "npm:^7.24.7"
+    "@babel/template": "npm:^7.25.0"
+    "@react-native/babel-plugin-codegen": "npm:0.79.2"
+    babel-plugin-syntax-hermes-parser: "npm:0.25.1"
+    babel-plugin-transform-flow-enums: "npm:^0.0.2"
+    react-refresh: "npm:^0.14.0"
+  peerDependencies:
+    "@babel/core": "*"
+  checksum: 10/4cd8c2095489fe90a83e720f5c4e67f74b736d05d66ae9c5de73d6abb048fdab262eaea6416d99430601d8699bcaad68ff75890195af47298b427f29ad9f029b
+  languageName: node
+  linkType: hard
+
+"@react-native/babel-preset@npm:^0.76.2":
+  version: 0.76.3
+  resolution: "@react-native/babel-preset@npm:0.76.3"
+  dependencies:
+    "@babel/core": "npm:^7.25.2"
+    "@babel/plugin-proposal-export-default-from": "npm:^7.24.7"
+    "@babel/plugin-syntax-dynamic-import": "npm:^7.8.3"
+    "@babel/plugin-syntax-export-default-from": "npm:^7.24.7"
+    "@babel/plugin-syntax-nullish-coalescing-operator": "npm:^7.8.3"
+    "@babel/plugin-syntax-optional-chaining": "npm:^7.8.3"
+    "@babel/plugin-transform-arrow-functions": "npm:^7.24.7"
+    "@babel/plugin-transform-async-generator-functions": "npm:^7.25.4"
+    "@babel/plugin-transform-async-to-generator": "npm:^7.24.7"
+    "@babel/plugin-transform-block-scoping": "npm:^7.25.0"
+    "@babel/plugin-transform-class-properties": "npm:^7.25.4"
+    "@babel/plugin-transform-classes": "npm:^7.25.4"
+    "@babel/plugin-transform-computed-properties": "npm:^7.24.7"
+    "@babel/plugin-transform-destructuring": "npm:^7.24.8"
+    "@babel/plugin-transform-flow-strip-types": "npm:^7.25.2"
+    "@babel/plugin-transform-for-of": "npm:^7.24.7"
+    "@babel/plugin-transform-function-name": "npm:^7.25.1"
+    "@babel/plugin-transform-literals": "npm:^7.25.2"
+    "@babel/plugin-transform-logical-assignment-operators": "npm:^7.24.7"
+    "@babel/plugin-transform-modules-commonjs": "npm:^7.24.8"
+    "@babel/plugin-transform-named-capturing-groups-regex": "npm:^7.24.7"
+    "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.24.7"
+    "@babel/plugin-transform-numeric-separator": "npm:^7.24.7"
+    "@babel/plugin-transform-object-rest-spread": "npm:^7.24.7"
+    "@babel/plugin-transform-optional-catch-binding": "npm:^7.24.7"
+    "@babel/plugin-transform-optional-chaining": "npm:^7.24.8"
+    "@babel/plugin-transform-parameters": "npm:^7.24.7"
+    "@babel/plugin-transform-private-methods": "npm:^7.24.7"
+    "@babel/plugin-transform-private-property-in-object": "npm:^7.24.7"
+    "@babel/plugin-transform-react-display-name": "npm:^7.24.7"
+    "@babel/plugin-transform-react-jsx": "npm:^7.25.2"
+    "@babel/plugin-transform-react-jsx-self": "npm:^7.24.7"
+    "@babel/plugin-transform-react-jsx-source": "npm:^7.24.7"
+    "@babel/plugin-transform-regenerator": "npm:^7.24.7"
+    "@babel/plugin-transform-runtime": "npm:^7.24.7"
+    "@babel/plugin-transform-shorthand-properties": "npm:^7.24.7"
+    "@babel/plugin-transform-spread": "npm:^7.24.7"
+    "@babel/plugin-transform-sticky-regex": "npm:^7.24.7"
+    "@babel/plugin-transform-typescript": "npm:^7.25.2"
+    "@babel/plugin-transform-unicode-regex": "npm:^7.24.7"
+    "@babel/template": "npm:^7.25.0"
+    "@react-native/babel-plugin-codegen": "npm:0.76.3"
+    babel-plugin-syntax-hermes-parser: "npm:^0.25.1"
+    babel-plugin-transform-flow-enums: "npm:^0.0.2"
+    react-refresh: "npm:^0.14.0"
+  peerDependencies:
+    "@babel/core": "*"
+  checksum: 10/adbe03b9915430c5174769589a96999fa43f1db5ee6229b0e78780787f262d861d842e9376ece2d4215d299dbf81df814e3c23c548b83bf1fc0afd05296b2e11
+  languageName: node
+  linkType: hard
+
+"@react-native/codegen@npm:0.76.3":
+  version: 0.76.3
+  resolution: "@react-native/codegen@npm:0.76.3"
+  dependencies:
+    "@babel/parser": "npm:^7.25.3"
+    glob: "npm:^7.1.1"
+    hermes-parser: "npm:0.23.1"
+    invariant: "npm:^2.2.4"
+    jscodeshift: "npm:^0.14.0"
+    mkdirp: "npm:^0.5.1"
+    nullthrows: "npm:^1.1.1"
+    yargs: "npm:^17.6.2"
+  peerDependencies:
+    "@babel/preset-env": ^7.1.6
+  checksum: 10/2bc81548059095acff0d775a4f6b101b3b559992aaca8dd979faf83177a2d2d4f8653efd970a3b6563a339649d5d0e3f856ad5980c30f99861c0f948e6b34942
+  languageName: node
+  linkType: hard
+
+"@react-native/codegen@npm:0.79.2":
+  version: 0.79.2
+  resolution: "@react-native/codegen@npm:0.79.2"
+  dependencies:
+    glob: "npm:^7.1.1"
+    hermes-parser: "npm:0.25.1"
+    invariant: "npm:^2.2.4"
+    nullthrows: "npm:^1.1.1"
+    yargs: "npm:^17.6.2"
+  peerDependencies:
+    "@babel/core": "*"
+  checksum: 10/1bb9f50f71fdc4cc32a19191715ed1bdd3e5c2c926da523e7850d79701c974c869bd6e3c815339f6a09e112d78c8a0c10ae2da7dfc5b4271775df160ff812ed7
+  languageName: node
+  linkType: hard
+
+"@react-native/community-cli-plugin@npm:0.79.2":
+  version: 0.79.2
+  resolution: "@react-native/community-cli-plugin@npm:0.79.2"
+  dependencies:
+    "@react-native/dev-middleware": "npm:0.79.2"
+    chalk: "npm:^4.0.0"
+    debug: "npm:^2.2.0"
+    invariant: "npm:^2.2.4"
+    metro: "npm:^0.82.0"
+    metro-config: "npm:^0.82.0"
+    metro-core: "npm:^0.82.0"
+    semver: "npm:^7.1.3"
+  peerDependencies:
+    "@react-native-community/cli": "*"
+  peerDependenciesMeta:
+    "@react-native-community/cli":
+      optional: true
+  checksum: 10/54359f0914fb6346a8820a6abcfd938c16c7579ffdf55cc95f44e945ee8af3b444964ccba4520a9be9a75b823201cd601113a03e271de8b9f1faa48e73602a74
+  languageName: node
+  linkType: hard
+
+"@react-native/debugger-frontend@npm:0.79.2":
+  version: 0.79.2
+  resolution: "@react-native/debugger-frontend@npm:0.79.2"
+  checksum: 10/8a97eacba43984403bb3af8beac48109abbea9cb7d0ca23fd4dba9528647ec8f23452a92b7bfb70331d5ef6c3727e62406bf0712b3bb8476f04b5d83a11c39ef
+  languageName: node
+  linkType: hard
+
+"@react-native/dev-middleware@npm:0.79.2":
+  version: 0.79.2
+  resolution: "@react-native/dev-middleware@npm:0.79.2"
+  dependencies:
+    "@isaacs/ttlcache": "npm:^1.4.1"
+    "@react-native/debugger-frontend": "npm:0.79.2"
+    chrome-launcher: "npm:^0.15.2"
+    chromium-edge-launcher: "npm:^0.2.0"
+    connect: "npm:^3.6.5"
+    debug: "npm:^2.2.0"
+    invariant: "npm:^2.2.4"
+    nullthrows: "npm:^1.1.1"
+    open: "npm:^7.0.3"
+    serve-static: "npm:^1.16.2"
+    ws: "npm:^6.2.3"
+  checksum: 10/a36e747c64191e38b4d075f0b860d9b675712b5a731772fee7a6697b1b1182ab3381b595631ce5b5d186f5ce2f4009ee3aee84fcee77bb9b2506d52dcea311c6
+  languageName: node
+  linkType: hard
+
+"@react-native/gradle-plugin@npm:0.79.2":
+  version: 0.79.2
+  resolution: "@react-native/gradle-plugin@npm:0.79.2"
+  checksum: 10/a55eac49fd025304fec3e39dd7241565de4693231133cc92457741a8fa3141f015b851ae20483ca245d27be15e281edf54dc8ea9ccd1c0e10f788c2c260319b2
+  languageName: node
+  linkType: hard
+
+"@react-native/js-polyfills@npm:0.79.2":
+  version: 0.79.2
+  resolution: "@react-native/js-polyfills@npm:0.79.2"
+  checksum: 10/436d9e69c4c95d2b58803ad1b750750998a46b2fab742fcdbb4df691abe357f09a3ca1e3f2e700faae37eb6112575cf9a9d44458addc6e36150a69fafd943218
+  languageName: node
+  linkType: hard
+
+"@react-native/normalize-color@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "@react-native/normalize-color@npm:2.1.0"
+  checksum: 10/a72b98538e6b7e265fb0669b8767d5f788777fb1a0ac1df7b0c82d8b3a804c8122aa7b819688c5e36fcf90b5ba93050b0070e29d3f0d70ab9530c2abd2bb9f9e
+  languageName: node
+  linkType: hard
+
+"@react-native/normalize-colors@npm:0.79.2":
+  version: 0.79.2
+  resolution: "@react-native/normalize-colors@npm:0.79.2"
+  checksum: 10/5c9f5d30fb7a3c92b46c7f440dcfe270290d200708bbf2ba3573d05f342f548e036ee1af0cda6415e3d27af2a657e742506e1cf7948e1cdd2eb84b9c83f238e6
+  languageName: node
+  linkType: hard
+
+"@react-native/normalize-colors@npm:^0.74.1":
+  version: 0.74.88
+  resolution: "@react-native/normalize-colors@npm:0.74.88"
+  checksum: 10/997f3c4f50832a34b0624dfcfc4b8c33ce84462e62d4abc4bee8cd71aea9ed1f378a28f792408813bfb26fd903800595930d643721014b684a309ac814edacfa
+  languageName: node
+  linkType: hard
+
+"@react-native/virtualized-lists@npm:0.79.2":
+  version: 0.79.2
+  resolution: "@react-native/virtualized-lists@npm:0.79.2"
+  dependencies:
+    invariant: "npm:^2.2.4"
+    nullthrows: "npm:^1.1.1"
+  peerDependencies:
+    "@types/react": ^19.0.0
+    react: "*"
+    react-native: "*"
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/8743c7fa63414f591a82dc4d7ad14e80c31f1f20283b65c4977619cfadc35e1ca1a10c01f43f2f8108302cc747308f2492072ea5b60602a09b110429806e0b3c
+  languageName: node
+  linkType: hard
+
+"@react-navigation/bottom-tabs@npm:^7.3.10":
+  version: 7.3.10
+  resolution: "@react-navigation/bottom-tabs@npm:7.3.10"
+  dependencies:
+    "@react-navigation/elements": "npm:^2.3.8"
+    color: "npm:^4.2.3"
+  peerDependencies:
+    "@react-navigation/native": ^7.1.6
+    react: ">= 18.2.0"
+    react-native: "*"
+    react-native-safe-area-context: ">= 4.0.0"
+    react-native-screens: ">= 4.0.0"
+  checksum: 10/fdc6ee21182feb2730fef6f0300e3c031c294bf6ca21ae2aff5da726326e1a7001d8227066b96b11604d804b3b5db3eda5425019a2c522d7404c3b4f6a5ba34c
+  languageName: node
+  linkType: hard
+
+"@react-navigation/core@npm:^7.8.5":
+  version: 7.8.5
+  resolution: "@react-navigation/core@npm:7.8.5"
+  dependencies:
+    "@react-navigation/routers": "npm:^7.3.5"
+    escape-string-regexp: "npm:^4.0.0"
+    nanoid: "npm:3.3.8"
+    query-string: "npm:^7.1.3"
+    react-is: "npm:^18.2.0"
+    use-latest-callback: "npm:^0.2.1"
+    use-sync-external-store: "npm:^1.2.2"
+  peerDependencies:
+    react: ">= 18.2.0"
+  checksum: 10/c18e5efcb7ee49b14e2622ee557ed559f6bc3708f484f6ad2f9a1b1b152573dc4827afc9b4933dc9dc37ce000d8561a59eea728c6a0bc6a8041027ecdde3349f
+  languageName: node
+  linkType: hard
+
+"@react-navigation/elements@npm:^2.3.8":
+  version: 2.3.8
+  resolution: "@react-navigation/elements@npm:2.3.8"
+  dependencies:
+    color: "npm:^4.2.3"
+  peerDependencies:
+    "@react-native-masked-view/masked-view": ">= 0.2.0"
+    "@react-navigation/native": ^7.1.6
+    react: ">= 18.2.0"
+    react-native: "*"
+    react-native-safe-area-context: ">= 4.0.0"
+  peerDependenciesMeta:
+    "@react-native-masked-view/masked-view":
+      optional: true
+  checksum: 10/5893f44e540b2cf25ddbed98bc97a7828420cd4e7bfebb8f67383db760abdbacce1a7112de0b82e1f1efc5d8916e7f62d907b4ca4eb0861773efae45bad933db
+  languageName: node
+  linkType: hard
+
+"@react-navigation/material-top-tabs@npm:^7.2.10":
+  version: 7.2.10
+  resolution: "@react-navigation/material-top-tabs@npm:7.2.10"
+  dependencies:
+    "@react-navigation/elements": "npm:^2.3.8"
+    color: "npm:^4.2.3"
+    react-native-tab-view: "npm:^4.0.10"
+  peerDependencies:
+    "@react-navigation/native": ^7.1.6
+    react: ">= 18.2.0"
+    react-native: "*"
+    react-native-pager-view: ">= 6.0.0"
+    react-native-safe-area-context: ">= 4.0.0"
+  checksum: 10/89bf68e5edffd1ece80a6dad79b8fc6d2cff47e0f30af311f58a2f11da99161f5e424de9d1bfd535ab1d44befb5f0b8114e4b02ddbeeb40e00a93b3806000bb3
+  languageName: node
+  linkType: hard
+
+"@react-navigation/native-stack@npm:^7.3.10":
+  version: 7.3.10
+  resolution: "@react-navigation/native-stack@npm:7.3.10"
+  dependencies:
+    "@react-navigation/elements": "npm:^2.3.8"
+    warn-once: "npm:^0.1.1"
+  peerDependencies:
+    "@react-navigation/native": ^7.1.6
+    react: ">= 18.2.0"
+    react-native: "*"
+    react-native-safe-area-context: ">= 4.0.0"
+    react-native-screens: ">= 4.0.0"
+  checksum: 10/25c1dcad003183e491a7e34d11913ba73ba9557accb41a57082fbb525dafdeae64bf2d7c4c5a0478db6e3d9346edf1385a0432c188c78106f24df5fa77a900b2
+  languageName: node
+  linkType: hard
+
+"@react-navigation/native@npm:^7.1.6":
+  version: 7.1.6
+  resolution: "@react-navigation/native@npm:7.1.6"
+  dependencies:
+    "@react-navigation/core": "npm:^7.8.5"
+    escape-string-regexp: "npm:^4.0.0"
+    fast-deep-equal: "npm:^3.1.3"
+    nanoid: "npm:3.3.8"
+    use-latest-callback: "npm:^0.2.1"
+  peerDependencies:
+    react: ">= 18.2.0"
+    react-native: "*"
+  checksum: 10/706a69b14b33dbcca88e16218f897844f7c8941119cec4e72725e8ffecb5c8c7d7066a0bb97ba1ba816b375c8cae616221188665c0efd884fd3080820f98cac1
+  languageName: node
+  linkType: hard
+
+"@react-navigation/routers@npm:^7.3.5":
+  version: 7.3.5
+  resolution: "@react-navigation/routers@npm:7.3.5"
+  dependencies:
+    nanoid: "npm:3.3.8"
+  checksum: 10/7907c454c5fcf781459893c3ee7e0c165c897884a1568ecc4403821487f86e1dfd4cfa3a3008f8df00896bef4ed4c1ca4d695f10bed25e3d3e905bab8d721ec5
+  languageName: node
+  linkType: hard
+
+"@redux-devtools/core@npm:^4.1.1":
+  version: 4.1.1
+  resolution: "@redux-devtools/core@npm:4.1.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.26.9"
+    "@redux-devtools/instrument": "npm:^2.2.0"
+  peerDependencies:
+    react: ^16.8.4 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    react-redux: ^7.0.0 || ^8.0.0 || ^9.0.0
+    redux: ^3.5.2 || ^4.0.0 || ^5.0.0
+  checksum: 10/966e89c649c2c8c9013681e55b6ff43b49e75c17e3fd70b001bcefc06d45c5789aae0a47add0867d3d18364e3dffd478e61625ee13f31fa50ac2fc65c680bd6e
+  languageName: node
+  linkType: hard
+
+"@redux-devtools/instrument@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "@redux-devtools/instrument@npm:2.2.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.23.2"
+    lodash: "npm:^4.17.21"
+  peerDependencies:
+    redux: ^3.4.0 || ^4.0.0 || ^5.0.0
+  checksum: 10/6c0d977c5a86cf5c54a666f87266f7f0387ae8cfa7ef760b39da8a66fe6592b3b32d013cfe7cd7de52a5b68bd93b38441bc4e85e8a9b4228b246924ec92ae1af
+  languageName: node
+  linkType: hard
+
+"@redux-devtools/serialize@npm:^0.4.2":
+  version: 0.4.2
+  resolution: "@redux-devtools/serialize@npm:0.4.2"
+  dependencies:
+    "@babel/runtime": "npm:^7.23.2"
+    jsan: "npm:^3.1.14"
+  peerDependencies:
+    immutable: ^4.0.0
+  checksum: 10/c0ef1d04aa906e98a4768190bb3073d09db98444ba8d10549ed80740677d8c4da5b66e40366924b999ea3cb8d401ae5eb9ee7923057624b536e854e5cdbc8e49
+  languageName: node
+  linkType: hard
+
+"@redux-devtools/utils@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "@redux-devtools/utils@npm:3.1.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.26.9"
+    "@redux-devtools/core": "npm:^4.1.1"
+    "@redux-devtools/serialize": "npm:^0.4.2"
+    "@types/get-params": "npm:^0.1.2"
+    get-params: "npm:^0.1.2"
+    immutable: "npm:^4.3.7"
+    jsan: "npm:^3.1.14"
+    nanoid: "npm:^5.1.2"
+    redux: "npm:^5.0.1"
+  peerDependencies:
+    "@redux-devtools/core": ^4.1.1
+    immutable: ^4.3.7
+    redux: ^4.0.0 || ^5.0.0
+  checksum: 10/23042d0582267a3df5789f8e5420a08f09fce3cee2615a64ee0db12d105cd2a04e6dbc7672cfd6535f8d0ed5e5480ad20bd645a6145cd97e8421c66b9832993b
+  languageName: node
+  linkType: hard
+
+"@reduxjs/toolkit@npm:^2.8.2":
+  version: 2.8.2
+  resolution: "@reduxjs/toolkit@npm:2.8.2"
+  dependencies:
+    "@standard-schema/spec": "npm:^1.0.0"
+    "@standard-schema/utils": "npm:^0.3.0"
+    immer: "npm:^10.0.3"
+    redux: "npm:^5.0.1"
+    redux-thunk: "npm:^3.1.0"
+    reselect: "npm:^5.1.0"
+  peerDependencies:
+    react: ^16.9.0 || ^17.0.0 || ^18 || ^19
+    react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-redux:
+      optional: true
+  checksum: 10/7834b7b91a364f98f5ffa932b1027179d9a0a27a145206a7b5256304acafe5516c6622540656435e310e4a08e579eecaee5c2582442c4ef6a4dbe6f417b7d395
+  languageName: node
+  linkType: hard
+
+"@reown/walletkit@npm:^1.2.7":
+  version: 1.2.7
+  resolution: "@reown/walletkit@npm:1.2.7"
+  dependencies:
+    "@walletconnect/core": "npm:2.21.3"
+    "@walletconnect/jsonrpc-provider": "npm:1.0.14"
+    "@walletconnect/jsonrpc-utils": "npm:1.0.8"
+    "@walletconnect/logger": "npm:2.1.2"
+    "@walletconnect/sign-client": "npm:2.21.3"
+    "@walletconnect/types": "npm:2.21.3"
+    "@walletconnect/utils": "npm:2.21.3"
+  checksum: 10/c932b72683bb1704d99dd55ee6abde32864befc529d5ddc46df818ae0219509ce95e2593a3c3915bfdfc5d4de286c703440879cbfc2b6463fd29c690c2ba3586
+  languageName: node
+  linkType: hard
+
+"@rollup/plugin-babel@npm:^5.2.0":
+  version: 5.3.1
+  resolution: "@rollup/plugin-babel@npm:5.3.1"
+  dependencies:
+    "@babel/helper-module-imports": "npm:^7.10.4"
+    "@rollup/pluginutils": "npm:^3.1.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+    "@types/babel__core": ^7.1.9
+    rollup: ^1.20.0||^2.0.0
+  peerDependenciesMeta:
+    "@types/babel__core":
+      optional: true
+  checksum: 10/eb3ee5fedd86fa39ad70c2f8e05f14f8b185261b9f63699a01ac7eae664167f2e5cf87377434bf6aadad7eaf2b13c955ac26f8332a02f8d6a46b3c91990a9fbc
+  languageName: node
+  linkType: hard
+
+"@rollup/plugin-node-resolve@npm:^15.2.3":
+  version: 15.3.1
+  resolution: "@rollup/plugin-node-resolve@npm:15.3.1"
+  dependencies:
+    "@rollup/pluginutils": "npm:^5.0.1"
+    "@types/resolve": "npm:1.20.2"
+    deepmerge: "npm:^4.2.2"
+    is-module: "npm:^1.0.0"
+    resolve: "npm:^1.22.1"
+  peerDependencies:
+    rollup: ^2.78.0||^3.0.0||^4.0.0
+  peerDependenciesMeta:
+    rollup:
+      optional: true
+  checksum: 10/874494c0daca8fb0d633a237dd9df0d30609b374326e57508710f2b6d7ddaa93d203d8daa0257960b2b6723f56dfec1177573126f31ff9604700303b6f5fdbe3
+  languageName: node
+  linkType: hard
+
+"@rollup/plugin-replace@npm:^2.4.1":
+  version: 2.4.2
+  resolution: "@rollup/plugin-replace@npm:2.4.2"
+  dependencies:
+    "@rollup/pluginutils": "npm:^3.1.0"
+    magic-string: "npm:^0.25.7"
+  peerDependencies:
+    rollup: ^1.20.0 || ^2.0.0
+  checksum: 10/fc4844c4cd7286013d4ccb51a7a2c86135024e3940797af1af1f24357622c8e874d9a17acfa4be9d2546542a87b68e158cc8d2c1f2a7926d17b9433eea00f6bf
+  languageName: node
+  linkType: hard
+
+"@rollup/plugin-terser@npm:^0.4.3":
+  version: 0.4.4
+  resolution: "@rollup/plugin-terser@npm:0.4.4"
+  dependencies:
+    serialize-javascript: "npm:^6.0.1"
+    smob: "npm:^1.0.0"
+    terser: "npm:^5.17.4"
+  peerDependencies:
+    rollup: ^2.0.0||^3.0.0||^4.0.0
+  peerDependenciesMeta:
+    rollup:
+      optional: true
+  checksum: 10/a5e066ddea55fc8c32188bc8b484cca619713516f10e3a06801881ec98bf37459ca24e5fe8711f93a5fa7f26a6e9132a47bc1a61c01e0b513dfd79a96cdc6eb7
+  languageName: node
+  linkType: hard
+
+"@rollup/pluginutils@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "@rollup/pluginutils@npm:3.1.0"
+  dependencies:
+    "@types/estree": "npm:0.0.39"
+    estree-walker: "npm:^1.0.1"
+    picomatch: "npm:^2.2.2"
+  peerDependencies:
+    rollup: ^1.20.0||^2.0.0
+  checksum: 10/3b69f02893eea42455fb97b81f612ac6bfadf94ac73bebd481ea13e90a693eef52c163210a095b12e574a25603af5e55f86a020889019167f331aa8dd3ff30e0
+  languageName: node
+  linkType: hard
+
+"@rollup/pluginutils@npm:^5.0.1":
+  version: 5.1.4
+  resolution: "@rollup/pluginutils@npm:5.1.4"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    estree-walker: "npm:^2.0.2"
+    picomatch: "npm:^4.0.2"
+  peerDependencies:
+    rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+  peerDependenciesMeta:
+    rollup:
+      optional: true
+  checksum: 10/598f628988af25541a9a6c6ef154aaf350f8be3238884e500cc0e47138684071abe490563c953f9bda9e8b113ecb1f99c11abfb9dbaf4f72cdd62e257a673fa3
+  languageName: node
+  linkType: hard
+
+"@rrweb/types@npm:^2.0.0-alpha.18":
+  version: 2.0.0-alpha.18
+  resolution: "@rrweb/types@npm:2.0.0-alpha.18"
+  checksum: 10/ddb632d49490ac6c20d011825b7b44e28a3783bbdabdf72f09649fdf2c5e107f756e7d926e5074b827c2311f28562905e8fa1911bbe8119ca014b3e24fb87f72
+  languageName: node
+  linkType: hard
+
+"@rrweb/utils@npm:^2.0.0-alpha.18":
+  version: 2.0.0-alpha.18
+  resolution: "@rrweb/utils@npm:2.0.0-alpha.18"
+  checksum: 10/d0ca790639816b13dcd353b9669059373c1f56585a5ad4a03c7559fd1d6cdae104e63f50f0076053b67ae1635be0f7b0e9bcb42ab9f9e094358952760499133d
+  languageName: node
+  linkType: hard
+
+"@rtk-query/codegen-openapi@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@rtk-query/codegen-openapi@npm:2.0.0"
+  dependencies:
+    "@apidevtools/swagger-parser": "npm:^10.0.2"
+    commander: "npm:^6.2.0"
+    lodash.camelcase: "npm:^4.3.0"
+    oazapfts: "npm:^6.1.0"
+    prettier: "npm:^3.2.5"
+    semver: "npm:^7.3.5"
+    swagger2openapi: "npm:^7.0.4"
+    typescript: "npm:^5.5.4"
+  bin:
+    rtk-query-codegen-openapi: lib/bin/cli.mjs
+  checksum: 10/c1dbab43e950c4defc1246034506c770a6a742aaf86a991c1cdbac0ac63cd2232c14bbe05d8c29421339b5e3aeb75740de3d709c5503f2af0b746e71b46caa87
+  languageName: node
+  linkType: hard
+
+"@rtsao/scc@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@rtsao/scc@npm:1.1.0"
+  checksum: 10/17d04adf404e04c1e61391ed97bca5117d4c2767a76ae3e879390d6dec7b317fcae68afbf9e98badee075d0b64fa60f287729c4942021b4d19cd01db77385c01
+  languageName: node
+  linkType: hard
+
+"@rushstack/eslint-patch@npm:^1.10.3":
+  version: 1.10.4
+  resolution: "@rushstack/eslint-patch@npm:1.10.4"
+  checksum: 10/fa14a091cc800e1fac75c03112db03eaebbdc2de6e1532ed7702e106c3ce0cbf9b896794d885d455b225e9cc696a5e10c7bfb803d00774461d691e7a39915fc7
+  languageName: node
+  linkType: hard
+
+"@safe-global/api-kit@npm:^2.4.6":
+  version: 2.5.6
+  resolution: "@safe-global/api-kit@npm:2.5.6"
+  dependencies:
+    "@safe-global/protocol-kit": "npm:^5.1.1"
+    "@safe-global/types-kit": "npm:^1.0.1"
+    node-fetch: "npm:^2.7.0"
+    viem: "npm:^2.21.8"
+  checksum: 10/3d80f288b03c3adb2479dc4e5052b233428ef468728c100385c3709ff6ac4987b841fae1c08123ba907b76bf83205c7483f53538a2221102d2ffe02165587395
+  languageName: node
+  linkType: hard
+
+"@safe-global/mobile@workspace:apps/mobile":
+  version: 0.0.0-use.local
+  resolution: "@safe-global/mobile@workspace:apps/mobile"
+  dependencies:
+    "@babel/core": "npm:^7.25.2"
+    "@babel/preset-env": "npm:^7.26.0"
+    "@babel/preset-react": "npm:^7.26.3"
+    "@cowprotocol/app-data": "npm:^3.1.0"
+    "@eslint/js": "npm:^9.18.0"
+    "@ethersproject/shims": "npm:^5.7.0"
+    "@expo/config-plugins": "npm:~10.0.0"
+    "@expo/vector-icons": "npm:^14.1.0"
+    "@faker-js/faker": "npm:^9.0.3"
+    "@formatjs/intl-displaynames": "npm:^6.8.11"
+    "@formatjs/intl-getcanonicallocales": "npm:^2.5.4"
+    "@formatjs/intl-locale": "npm:^4.2.10"
+    "@formatjs/intl-numberformat": "npm:^8.15.3"
+    "@formatjs/intl-pluralrules": "npm:^5.4.3"
+    "@gorhom/bottom-sheet": "npm:^5.1.1"
+    "@hookform/resolvers": "npm:^4.1.3"
+    "@notifee/react-native": "npm:^9.1.8"
+    "@react-native-async-storage/async-storage": "npm:2.1.2"
+    "@react-native-clipboard/clipboard": "npm:^1.15.0"
+    "@react-native-community/blur": "npm:^4.4.1"
+    "@react-native-community/datetimepicker": "npm:8.3.0"
+    "@react-native-community/slider": "npm:4.5.6"
+    "@react-native-firebase/analytics": "npm:^22.2.1"
+    "@react-native-firebase/app": "npm:^22.2.1"
+    "@react-native-firebase/crashlytics": "npm:^22.2.1"
+    "@react-native-firebase/messaging": "npm:^22.2.1"
+    "@react-native-masked-view/masked-view": "npm:0.3.2"
+    "@react-native-menu/menu": "npm:^1.2.3"
+    "@react-native/babel-preset": "npm:^0.76.2"
+    "@react-navigation/material-top-tabs": "npm:^7.2.10"
+    "@react-navigation/native": "npm:^7.1.6"
+    "@reduxjs/toolkit": "npm:^2.8.2"
+    "@rtk-query/codegen-openapi": "npm:^2.0.0"
+    "@safe-global/protocol-kit": "npm:^5.2.12"
+    "@safe-global/store": "workspace:^"
+    "@safe-global/test": "workspace:^"
+    "@safe-global/types-kit": "npm:^1.0.5"
+    "@safe-global/utils": "workspace:^"
+    "@shopify/flash-list": "npm:1.7.6"
+    "@storybook/addon-essentials": "npm:^8.4.6"
+    "@storybook/addon-interactions": "npm:^8.4.6"
+    "@storybook/addon-onboarding": "npm:^8.4.6"
+    "@storybook/addon-ondevice-actions": "npm:^8.4.4"
+    "@storybook/addon-ondevice-controls": "npm:^8.4.2"
+    "@storybook/addon-react-native-web": "npm:^0.0.26"
+    "@storybook/addon-webpack5-compiler-babel": "npm:^3.0.3"
+    "@storybook/addon-webpack5-compiler-swc": "npm:^1.0.5"
+    "@storybook/blocks": "npm:^8.4.6"
+    "@storybook/react": "npm:^8.4.6"
+    "@storybook/react-native": "npm:^8.4.2"
+    "@storybook/react-webpack5": "npm:^8.4.6"
+    "@storybook/test": "npm:^8.4.6"
+    "@tamagui/animations-moti": "npm:^1.126.3"
+    "@tamagui/babel-plugin": "npm:^1.126.3"
+    "@tamagui/config": "npm:^1.126.3"
+    "@tamagui/font-dm-sans": "npm:^1.126.3"
+    "@tamagui/toast": "npm:^1.126.3"
+    "@testing-library/react-native": "npm:^13.2.0"
+    "@types/eslint__js": "npm:^8.42.3"
+    "@types/jest": "npm:^29.5.14"
+    "@types/lodash": "npm:^4.17.13"
+    "@types/node": "npm:^22.13.1"
+    "@types/qrcode": "npm:^1.5.5"
+    "@types/react": "npm:~19.0.10"
+    babel-loader: "npm:^10.0.0"
+    babel-plugin-react-native-web: "npm:^0.19.13"
+    blo: "npm:^1.2.0"
+    burnt: "npm:^0.12.2"
+    date-fns: "npm:^4.1.0"
+    deepmerge: "npm:^4.3.1"
+    eslint: "npm:^9.29.0"
+    eslint-config-prettier: "npm:^9.1.0"
+    eslint-plugin-prettier: "npm:^5.2.1"
+    eslint-plugin-react: "npm:^7.37.1"
+    ethers: "npm:^6.14.3"
+    expo: "npm:^53.0.7"
+    expo-application: "npm:~6.1.4"
+    expo-blur: "npm:~14.1.4"
+    expo-build-properties: "npm:~0.14.6"
+    expo-constants: "npm:~17.1.5"
+    expo-dev-client: "npm:~5.1.8"
+    expo-device: "npm:~7.1.4"
+    expo-document-picker: "npm:^13.1.5"
+    expo-file-system: "npm:^18.1.10"
+    expo-font: "npm:~13.3.1"
+    expo-image: "npm:~2.1.6"
+    expo-linear-gradient: "npm:~14.1.4"
+    expo-linking: "npm:~7.1.4"
+    expo-router: "npm:~5.0.5"
+    expo-splash-screen: "npm:~0.30.8"
+    expo-status-bar: "npm:~2.2.3"
+    expo-system-ui: "npm:~5.0.7"
+    expo-task-manager: "npm:~13.1.5"
+    expo-web-browser: "npm:~14.1.6"
+    freerasp-react-native: "npm:^4.1.0"
+    glob: "npm:^11.0.1"
+    globals: "npm:^15.14.0"
+    jest: "npm:^29.7.0"
+    jest-expo: "npm:~53.0.4"
+    lodash: "npm:^4.17.21"
+    moti: "npm:^0.29.0"
+    react: "npm:^19.0.0"
+    react-dom: "npm:19.0.0"
+    react-hook-form: "npm:^7.54.2"
+    react-native: "npm:0.79.2"
+    react-native-capture-protection: "npm:^2.1.0"
+    react-native-collapsible-tab-view: "npm:^8.0.0"
+    react-native-device-crypto: "patch:react-native-device-crypto@npm%3A0.1.7#~/.yarn/patches/react-native-device-crypto-npm-0.1.7-dbd2698fc4.patch"
+    react-native-device-info: "npm:^14.0.1"
+    react-native-draggable-flatlist: "npm:^4.0.1"
+    react-native-gesture-handler: "npm:^2.25.0"
+    react-native-keychain: "npm:^10.0.0"
+    react-native-mmkv: "npm:^3.2.0"
+    react-native-pager-view: "npm:6.7.1"
+    react-native-progress: "npm:^5.0.1"
+    react-native-qrcode-styled: "patch:react-native-qrcode-styled@npm%3A0.3.3#~/.yarn/patches/react-native-qrcode-styled-npm-0.3.3-b5336fc77c.patch"
+    react-native-quick-crypto: "npm:^0.7.11"
+    react-native-reanimated: "npm:~3.17.4"
+    react-native-safe-area-context: "npm:^5.4.0"
+    react-native-screens: "npm:^4.10.0"
+    react-native-share: "npm:^12.0.9"
+    react-native-svg: "npm:15.11.2"
+    react-native-vision-camera: "npm:^4.7.0"
+    react-native-web: "npm:^0.20.0"
+    react-redux: "npm:^9.1.2"
+    redux: "npm:^5.0.1"
+    redux-devtools-expo-dev-plugin: "npm:^2.0.0"
+    redux-persist: "npm:^6.0.0"
+    siwe: "npm:^3.0.0"
+    storybook: "npm:^8.4.6"
+    tamagui: "npm:^1.126.3"
+    timezone-mock: "npm:^1.3.6"
+    ts-node: "npm:^10.9.2"
+    tsconfig-paths-webpack-plugin: "npm:^4.2.0"
+    typescript: "npm:5.8.3"
+    typescript-eslint: "npm:^8.31.1"
+    webpack: "npm:^5.97.1"
+    zod: "npm:^3.24.2"
+  languageName: unknown
+  linkType: soft
+
+"@safe-global/notification-service-ios@workspace:expo-plugins/notification-service-ios":
+  version: 0.0.0-use.local
+  resolution: "@safe-global/notification-service-ios@workspace:expo-plugins/notification-service-ios"
+  dependencies:
+    expo-module-scripts: "npm:^4.1.7"
+    typescript: "npm:5.8.3"
+  languageName: unknown
+  linkType: soft
+
+"@safe-global/protocol-kit@npm:^5.1.1":
+  version: 5.2.8
+  resolution: "@safe-global/protocol-kit@npm:5.2.8"
+  dependencies:
+    "@noble/curves": "npm:^1.6.0"
+    "@peculiar/asn1-schema": "npm:^2.3.13"
+    "@safe-global/safe-deployments": "npm:^1.37.35"
+    "@safe-global/safe-modules-deployments": "npm:^2.2.10"
+    "@safe-global/types-kit": "npm:^1.0.5"
+    abitype: "npm:^1.0.2"
+    semver: "npm:^7.6.3"
+    viem: "npm:^2.21.8"
+  dependenciesMeta:
+    "@noble/curves":
+      optional: true
+    "@peculiar/asn1-schema":
+      optional: true
+  checksum: 10/cc034131572fd32ad53d9d1b389082cac477ec88a6ccbe8bd7fe144f0ebdf290a2b99e0c74eca33afc3b02dca00d80a95f9d09bbeed568ed78552c71e75dcf81
+  languageName: node
+  linkType: hard
+
+"@safe-global/protocol-kit@npm:^5.2.12":
+  version: 5.2.12
+  resolution: "@safe-global/protocol-kit@npm:5.2.12"
+  dependencies:
+    "@noble/curves": "npm:^1.6.0"
+    "@peculiar/asn1-schema": "npm:^2.3.13"
+    "@safe-global/safe-deployments": "npm:^1.37.40"
+    "@safe-global/safe-modules-deployments": "npm:^2.2.12"
+    "@safe-global/types-kit": "npm:^1.0.5"
+    abitype: "npm:^1.0.2"
+    semver: "npm:^7.6.3"
+    viem: "npm:^2.21.8"
+  dependenciesMeta:
+    "@noble/curves":
+      optional: true
+    "@peculiar/asn1-schema":
+      optional: true
+  checksum: 10/cc18f783c9683254b51759a38cdfc0d4a1f022706fa276adbeeabf888cc4733fb3d54b4de63c004a87864af56b822658d97983a603ebff269a0227fed5a18fbd
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-apps-sdk@npm:^9.1.0":
+  version: 9.1.0
+  resolution: "@safe-global/safe-apps-sdk@npm:9.1.0"
+  dependencies:
+    "@safe-global/safe-gateway-typescript-sdk": "npm:^3.5.3"
+    viem: "npm:^2.1.1"
+  checksum: 10/b81e1a554509fc41f5b8ec3bcccaf477fd55824010774699dd2c00dee8431cfd351bf13893ff6acb1450028ce4de31a1316548a0e77a66d801ff9e0b4e08b9ff
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-client-gateway-sdk@npm:v1.60.1":
+  version: 1.60.1
+  resolution: "@safe-global/safe-client-gateway-sdk@npm:1.60.1"
+  dependencies:
+    openapi-fetch: "npm:0.10.5"
+  checksum: 10/9899ca9f7590c5543036ae1fd4ac37dd146dba07c390131bb57a4ede645e670756ef4f7c13d607d8f81b161d43b788c1c302919e92321dd40812c493a7442654
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-deployments@npm:^1.37.35":
+  version: 1.37.35
+  resolution: "@safe-global/safe-deployments@npm:1.37.35"
+  dependencies:
+    semver: "npm:^7.6.2"
+  checksum: 10/a1683e22d9a6e6ea6bdf32b8edfa03f67b79b0884cfa5132b4e01ce0830ebb4479cff6635fcebeaf6ac198119c10b8e679cda6dbb4b81f5dd045494f79ee7a4b
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-deployments@npm:^1.37.40":
+  version: 1.37.40
+  resolution: "@safe-global/safe-deployments@npm:1.37.40"
+  dependencies:
+    semver: "npm:^7.6.2"
+  checksum: 10/312e838e9e4555f7e74073774fa9df1f8421163cb65f2f129d616e1c53015df4869904cee018acb38f882d34ffec24170323bfb42111da1b1660d041f1bfaf91
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-gateway-typescript-sdk@npm:3.23.1":
+  version: 3.23.1
+  resolution: "@safe-global/safe-gateway-typescript-sdk@npm:3.23.1"
+  checksum: 10/22912217095341bdac331d964961379c4f9c1d08e7e70a623388ccb940461ec2805d1c17d5aea6c2d48b915c49f0921faf23d150f4b948dfda8c9647bc785371
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-gateway-typescript-sdk@npm:^3.5.3":
+  version: 3.22.4
+  resolution: "@safe-global/safe-gateway-typescript-sdk@npm:3.22.4"
+  checksum: 10/5b088499a01a0d0190b4ab6828bfb2df779b603bbcee7645c23ad8e420670aab4ce7ca39b858fc62ee03fded77b322c3f8a9b0203f41ecb779d08f47bd4bfe0c
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-modules-deployments@npm:2.2.12":
+  version: 2.2.12
+  resolution: "@safe-global/safe-modules-deployments@npm:2.2.12"
+  checksum: 10/a8f735631f8c0c10b5e2b7aa8ce5a92e74a3d2fd3d8647e55031569a1895c8e6a5c224a834d41f0ff399831e889cdc4003f057b8c934c3f514ddd2acf0cc24f7
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-modules-deployments@patch:@safe-global/safe-modules-deployments@npm%3A2.2.12#~/.yarn/patches/@safe-global-safe-modules-deployments-npm-2.2.12-c30bb15dee.patch":
+  version: 2.2.12
+  resolution: "@safe-global/safe-modules-deployments@patch:@safe-global/safe-modules-deployments@npm%3A2.2.12#~/.yarn/patches/@safe-global-safe-modules-deployments-npm-2.2.12-c30bb15dee.patch::version=2.2.12&hash=e03a69"
+  checksum: 10/9239bbb2dfcd681d325e1fa530e38baa61c0fd30be656024eaeb87aec40cfe15978c479cbaab8ae582506bdb4ea8b345d400d928af785393b9c48af43001a2a8
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-wallet@workspace:.":
+  version: 0.0.0-use.local
+  resolution: "@safe-global/safe-wallet@workspace:."
+  dependencies:
+    "@yarnpkg/types": "npm:^4.0.1"
+    husky: "npm:^9.1.6"
+    lint-staged: "npm:^15.2.10"
+    msw: "npm:^2.7.3"
+    prettier: "npm:^3.4.2"
+    react-markdown: "npm:9.0.1"
+  dependenciesMeta:
+    cypress:
+      built: true
+    next:
+      built: true
+  languageName: unknown
+  linkType: soft
+
+"@safe-global/store@workspace:^, @safe-global/store@workspace:packages/store":
+  version: 0.0.0-use.local
+  resolution: "@safe-global/store@workspace:packages/store"
+  dependencies:
+    "@types/jest": "npm:^29.5.14"
+    jest: "npm:^29.7.0"
+    redux-persist: "npm:^6.0.0"
+    ts-node: "npm:^10.9.2"
+  languageName: unknown
+  linkType: soft
+
+"@safe-global/test@workspace:^, @safe-global/test@workspace:config/test":
+  version: 0.0.0-use.local
+  resolution: "@safe-global/test@workspace:config/test"
+  dependencies:
+    "@safe-global/store": "workspace:^"
+    jest: "npm:^29.7.0"
+    jest-transform-stub: "npm:2.0.0"
+    ts-jest: "npm:29.2.5"
+  languageName: unknown
+  linkType: soft
+
+"@safe-global/tsconfig@workspace:config/tsconfig":
+  version: 0.0.0-use.local
+  resolution: "@safe-global/tsconfig@workspace:config/tsconfig"
+  languageName: unknown
+  linkType: soft
+
+"@safe-global/types-kit@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@safe-global/types-kit@npm:1.0.1"
+  dependencies:
+    abitype: "npm:^1.0.2"
+  checksum: 10/2b740301a7aa8280f34ba1e7c74f7e9993e60a38b7a303ee65496f0116beff691690c957adc2d49667cc112f44c63141da2ae010c0ef39cb33ad0693a1d39512
+  languageName: node
+  linkType: hard
+
+"@safe-global/types-kit@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "@safe-global/types-kit@npm:1.0.5"
+  dependencies:
+    abitype: "npm:^1.0.2"
+  checksum: 10/732e8312458dab14557f0d08676ce2a55cb74b8296487ccacbb14564fdad44ff80ac1804ab75c73b8f21fc5ae6bc354d033ca968a6f1344e29316ec4b4018311
+  languageName: node
+  linkType: hard
+
+"@safe-global/utils@workspace:^, @safe-global/utils@workspace:packages/utils":
+  version: 0.0.0-use.local
+  resolution: "@safe-global/utils@workspace:packages/utils"
+  dependencies:
+    "@cowprotocol/app-data": "npm:^3.1.0"
+    "@faker-js/faker": "npm:^9.0.3"
+    "@types/jest": "npm:^29.5.14"
+    ethers: "npm:^6.14.3"
+    jest: "npm:^29.7.0"
+    ts-node: "npm:^10.9.2"
+  peerDependencies:
+    "@safe-global/protocol-kit": ^5.x
+    "@safe-global/types-kit": ^1.x
+    ethers: ^6.x
+  languageName: unknown
+  linkType: soft
+
+"@safe-global/web@workspace:apps/web":
+  version: 0.0.0-use.local
+  resolution: "@safe-global/web@workspace:apps/web"
+  dependencies:
+    "@chromatic-com/storybook": "npm:^1.3.1"
+    "@cowprotocol/app-data": "npm:^3.1.0"
+    "@cowprotocol/widget-react": "npm:^0.13.0"
+    "@datadog/browser-logs": "npm:^6.6.3"
+    "@ducanh2912/next-pwa": "npm:^10.2.9"
+    "@emotion/cache": "npm:^11.13.5"
+    "@emotion/react": "npm:^11.13.5"
+    "@emotion/server": "npm:^11.11.0"
+    "@emotion/styled": "npm:^11.13.5"
+    "@eslint/eslintrc": "npm:^3.3.1"
+    "@eslint/js": "npm:^9.18.0"
+    "@faker-js/faker": "npm:^9.0.3"
+    "@gnosis.pm/zodiac": "npm:^4.0.3"
+    "@ledgerhq/context-module": "npm:^1.3.1"
+    "@ledgerhq/device-management-kit": "npm:^0.6.5"
+    "@ledgerhq/device-signer-kit-ethereum": "npm:^1.3.3"
+    "@ledgerhq/device-transport-kit-web-hid": "npm:^1.1.0"
+    "@mdx-js/loader": "npm:^3.0.1"
+    "@mdx-js/react": "npm:^3.0.1"
+    "@mui/icons-material": "npm:^6.1.6"
+    "@mui/material": "npm:^6.3.0"
+    "@mui/x-date-pickers": "npm:^7.23.3"
+    "@next/bundle-analyzer": "npm:^15.0.4"
+    "@next/mdx": "npm:^15.0.4"
+    "@next/third-parties": "npm:^15.2.0"
+    "@openzeppelin/contracts": "npm:^4.9.6"
+    "@reduxjs/toolkit": "npm:^2.8.2"
+    "@reown/walletkit": "npm:^1.2.7"
+    "@safe-global/api-kit": "npm:^2.4.6"
+    "@safe-global/protocol-kit": "npm:^5.2.12"
+    "@safe-global/safe-apps-sdk": "npm:^9.1.0"
+    "@safe-global/safe-client-gateway-sdk": "npm:v1.60.1"
+    "@safe-global/safe-deployments": "npm:^1.37.40"
+    "@safe-global/safe-gateway-typescript-sdk": "npm:3.23.1"
+    "@safe-global/safe-modules-deployments": "patch:@safe-global/safe-modules-deployments@npm%3A2.2.12#~/.yarn/patches/@safe-global-safe-modules-deployments-npm-2.2.12-c30bb15dee.patch"
+    "@safe-global/store": "workspace:^"
+    "@safe-global/test": "workspace:^"
+    "@safe-global/types-kit": "npm:^1.0.5"
+    "@sentry/react": "npm:^7.91.0"
+    "@sentry/types": "npm:^7.74.0"
+    "@spindl-xyz/attribution-lite": "npm:^1.8.1"
+    "@storybook/addon-designs": "npm:^8.0.3"
+    "@storybook/addon-essentials": "npm:^8.0.6"
+    "@storybook/addon-interactions": "npm:^8.0.6"
+    "@storybook/addon-links": "npm:^8.3.4"
+    "@storybook/addon-onboarding": "npm:^8.0.6"
+    "@storybook/addon-themes": "npm:^8.0.6"
+    "@storybook/blocks": "npm:^8.0.6"
+    "@storybook/nextjs": "npm:^8.0.6"
+    "@storybook/react": "npm:^8.0.6"
+    "@storybook/test": "npm:^8.0.6"
+    "@svgr/webpack": "npm:^8.1.0"
+    "@testing-library/cypress": "npm:^10.0.2"
+    "@testing-library/jest-dom": "npm:^6.6.3"
+    "@testing-library/react": "npm:^16.1.0"
+    "@testing-library/user-event": "npm:^14.5.2"
+    "@typechain/ethers-v6": "npm:^0.5.1"
+    "@types/jest": "npm:^29.5.14"
+    "@types/js-cookie": "npm:^3.0.6"
+    "@types/lodash": "npm:^4.14.182"
+    "@types/mdx": "npm:^2.0.13"
+    "@types/node": "npm:22.13.1"
+    "@types/qrcode": "npm:^1.5.5"
+    "@types/react": "npm:^19.0.0"
+    "@types/react-dom": "npm:^19.0.0"
+    "@types/semver": "npm:^7.3.10"
+    "@typescript-eslint/eslint-plugin": "npm:^7.6.0"
+    "@typescript-eslint/parser": "npm:^8.18.1"
+    "@walletconnect/core": "npm:^2.20.2"
+    "@walletconnect/utils": "npm:^2.17.3"
+    "@web3-onboard/coinbase": "npm:^2.4.2"
+    "@web3-onboard/core": "npm:2.24.0"
+    "@web3-onboard/injected-wallets": "npm:^2.11.3"
+    "@web3-onboard/ledger": "patch:@web3-onboard/ledger@npm%3A2.3.2#~/.yarn/patches/@web3-onboard-ledger-npm-2.3.2-d2260df52b.patch"
+    "@web3-onboard/trezor": "patch:@web3-onboard/trezor@npm%3A2.4.3#~/.yarn/patches/@web3-onboard-trezor-npm-2.4.3-fdd09231e7.patch"
+    "@web3-onboard/walletconnect": "npm:^2.6.1"
+    blo: "npm:^1.1.1"
+    cheerio: "npm:^1.0.0"
+    classnames: "npm:^2.5.1"
+    cross-env: "npm:^7.0.3"
+    cypress: "npm:^13.15.2"
+    cypress-file-upload: "npm:^5.0.8"
+    cypress-visual-regression: "npm:^5.2.2"
+    date-fns: "npm:^2.30.0"
+    eslint: "npm:^9.29.0"
+    eslint-config-next: "npm:^15.0.4"
+    eslint-config-prettier: "npm:^9.1.0"
+    eslint-plugin-no-only-tests: "npm:^3.3.0"
+    eslint-plugin-prettier: "npm:^5.2.1"
+    eslint-plugin-storybook: "npm:^0.11.0"
+    eslint-plugin-unused-imports: "npm:^4.1.4"
+    ethers: "npm:6.14.3"
+    exponential-backoff: "npm:^3.1.0"
+    fake-indexeddb: "npm:^4.0.2"
+    firebase: "npm:^11.1.0"
+    fuse.js: "npm:^7.1.0"
+    husky: "npm:^9.0.11"
+    idb-keyval: "npm:^6.2.1"
+    jest: "npm:^29.7.0"
+    jest-environment-jsdom: "npm:^29.7.0"
+    jest-fixed-jsdom: "npm:^0.0.9"
+    js-cookie: "npm:^3.0.1"
+    lodash: "npm:^4.17.21"
+    mixpanel-browser: "npm:^2.66.0"
+    mockdate: "npm:^3.0.5"
+    msw: "npm:^2.7.3"
+    next: "patch:next@15.2.4#../../.yarn/patches/next-npm-15.2.4-06a6671f62.patch"
+    papaparse: "npm:^5.3.2"
+    prettier: "npm:^3.4.2"
+    qrcode.react: "npm:^3.1.0"
+    react: "npm:^19.0.0"
+    react-dom: "npm:^19.0.0"
+    react-dropzone: "npm:^14.2.3"
+    react-hook-form: "npm:7.41.1"
+    react-papaparse: "npm:^4.0.2"
+    react-redux: "npm:^9.1.2"
+    remark-frontmatter: "npm:^5.0.0"
+    remark-gfm: "npm:^4.0.0"
+    remark-heading-id: "npm:^1.0.1"
+    remark-mdx-frontmatter: "npm:^5.2.0"
+    semver: "npm:^7.7.1"
+    storybook: "npm:^8.3.4"
+    ts-prune: "npm:^0.10.3"
+    typechain: "npm:^8.3.2"
+    typescript: "npm:5.8.3"
+    typescript-plugin-css-modules: "npm:^4.2.2"
+    zodiac-roles-deployments: "npm:^2.3.4"
+  languageName: unknown
+  linkType: soft
+
+"@scure/base@npm:1.2.6, @scure/base@npm:^1.1.3, @scure/base@npm:~1.2.5":
+  version: 1.2.6
+  resolution: "@scure/base@npm:1.2.6"
+  checksum: 10/c1a7bd5e0b0c8f94c36fbc220f4a67cc832b00e2d2065c7d8a404ed81ab1c94c5443def6d361a70fc382db3496e9487fb9941728f0584782b274c18a4bed4187
+  languageName: node
+  linkType: hard
+
+"@scure/base@npm:~1.1.0, @scure/base@npm:~1.1.2":
+  version: 1.1.9
+  resolution: "@scure/base@npm:1.1.9"
+  checksum: 10/f0ab7f687bbcdee2a01377fe3cd808bf63977999672751295b6a92625d5322f4754a96d40f6bd579bc367aad48ecf8a4e6d0390e70296e6ded1076f52adb16bb
+  languageName: node
+  linkType: hard
+
+"@scure/base@npm:~1.2.1":
+  version: 1.2.1
+  resolution: "@scure/base@npm:1.2.1"
+  checksum: 10/f7bdd17618ccae7a74c8cbe410a235e4adbe54aa8afe4e2fb1294338aa92f6fd04b1f1f5dea60552f638b5f5e3e74902b7baf59d3954e5e42c0a36c6baa2ebe0
+  languageName: node
+  linkType: hard
+
+"@scure/base@npm:~1.2.2, @scure/base@npm:~1.2.4":
+  version: 1.2.4
+  resolution: "@scure/base@npm:1.2.4"
+  checksum: 10/4b61679209af40143b49ce7b7570e1d9157c19df311ea6f57cd212d764b0b82222dbe3707334f08bec181caf1f047aca31aa91193c678d6548312cb3f9c82ab1
+  languageName: node
+  linkType: hard
+
+"@scure/bip32@npm:1.3.2":
+  version: 1.3.2
+  resolution: "@scure/bip32@npm:1.3.2"
+  dependencies:
+    "@noble/curves": "npm:~1.2.0"
+    "@noble/hashes": "npm:~1.3.2"
+    "@scure/base": "npm:~1.1.2"
+  checksum: 10/b90da28dfe75519496a85c97e77c9443734873910f32b8557762910a5c4e642290a462b0ed14fa42e0efed6acb9a7f6155ad5cb5d38d4ff87eb2de4760eb32a4
+  languageName: node
+  linkType: hard
+
+"@scure/bip32@npm:1.6.0, @scure/bip32@npm:^1.5.0":
+  version: 1.6.0
+  resolution: "@scure/bip32@npm:1.6.0"
+  dependencies:
+    "@noble/curves": "npm:~1.7.0"
+    "@noble/hashes": "npm:~1.6.0"
+    "@scure/base": "npm:~1.2.1"
+  checksum: 10/2efb81ed9a7b8d5d35233e10abebc114544a3783a2a32b9fb60e1e9a67965b272c9d17910e1649083b69c8ceb80241b05b59dbeb7a5b18ea34e497aed3f16709
+  languageName: node
+  linkType: hard
+
+"@scure/bip32@npm:1.6.2":
+  version: 1.6.2
+  resolution: "@scure/bip32@npm:1.6.2"
+  dependencies:
+    "@noble/curves": "npm:~1.8.1"
+    "@noble/hashes": "npm:~1.7.1"
+    "@scure/base": "npm:~1.2.2"
+  checksum: 10/474ee315a8631aa1a7d378b0521b4494e09a231519ec53d879088cb88c8ff644a89b27a02a8bf0b5a9b1c4c0417acc70636ccdb121b800c34594ae53c723f8d7
+  languageName: node
+  linkType: hard
+
+"@scure/bip32@npm:1.7.0, @scure/bip32@npm:^1.3.1":
+  version: 1.7.0
+  resolution: "@scure/bip32@npm:1.7.0"
+  dependencies:
+    "@noble/curves": "npm:~1.9.0"
+    "@noble/hashes": "npm:~1.8.0"
+    "@scure/base": "npm:~1.2.5"
+  checksum: 10/f90e0c23ab6a31a164856ae9cb9a8cae2886df608c74a6c0c4875095b017e30ffd92f28f73b8c52890d9a89fca86d19f6d60bb1ea7cad64c7987f92ae83509ad
+  languageName: node
+  linkType: hard
+
+"@scure/bip39@npm:1.2.1":
+  version: 1.2.1
+  resolution: "@scure/bip39@npm:1.2.1"
+  dependencies:
+    "@noble/hashes": "npm:~1.3.0"
+    "@scure/base": "npm:~1.1.0"
+  checksum: 10/2ea368bbed34d6b1701c20683bf465e147f231a9e37e639b8c82f585d6f978bb0f3855fca7ceff04954ae248b3e313f5d322d0210614fb7acb402739415aaf31
+  languageName: node
+  linkType: hard
+
+"@scure/bip39@npm:1.5.0, @scure/bip39@npm:^1.4.0":
+  version: 1.5.0
+  resolution: "@scure/bip39@npm:1.5.0"
+  dependencies:
+    "@noble/hashes": "npm:~1.6.0"
+    "@scure/base": "npm:~1.2.1"
+  checksum: 10/b795ee31ac4c10603bf3b726cc0e5cf43834a68f05a535e0baf2162772bac100de470b4c6cf7ddbecb95d7a3fb82b8a959badced406c329ab696cd89104194bc
+  languageName: node
+  linkType: hard
+
+"@scure/bip39@npm:1.5.4":
+  version: 1.5.4
+  resolution: "@scure/bip39@npm:1.5.4"
+  dependencies:
+    "@noble/hashes": "npm:~1.7.1"
+    "@scure/base": "npm:~1.2.4"
+  checksum: 10/9f08b433511d7637bc48c51aa411457d5f33da5a85bd03370bf394822b0ea8c007ceb17247a3790c28237303d8fc20c4e7725765940cd47e1365a88319ad0d5c
+  languageName: node
+  linkType: hard
+
+"@scure/bip39@npm:1.6.0, @scure/bip39@npm:^1.2.1, @scure/bip39@npm:^1.5.1":
+  version: 1.6.0
+  resolution: "@scure/bip39@npm:1.6.0"
+  dependencies:
+    "@noble/hashes": "npm:~1.8.0"
+    "@scure/base": "npm:~1.2.5"
+  checksum: 10/63e60c40fa1bda2c1b50351546fee6d7b0947cc814aa7a4209dcedd3693b5053302c8fca28292f5f50735e11c613265359acdc019127393dbab17e53489fc449
+  languageName: node
+  linkType: hard
+
+"@sentry-internal/feedback@npm:7.120.2":
+  version: 7.120.2
+  resolution: "@sentry-internal/feedback@npm:7.120.2"
+  dependencies:
+    "@sentry/core": "npm:7.120.2"
+    "@sentry/types": "npm:7.120.2"
+    "@sentry/utils": "npm:7.120.2"
+  checksum: 10/b25036485d70967d45cc553fdfcfcd80aba187b369e26600b124de36e7412708f60344df0f8c49ddf21c55de06d57a6cc7ba1e6cd2e8ee5efc21b9baf0093e12
+  languageName: node
+  linkType: hard
+
+"@sentry-internal/replay-canvas@npm:7.120.2":
+  version: 7.120.2
+  resolution: "@sentry-internal/replay-canvas@npm:7.120.2"
+  dependencies:
+    "@sentry/core": "npm:7.120.2"
+    "@sentry/replay": "npm:7.120.2"
+    "@sentry/types": "npm:7.120.2"
+    "@sentry/utils": "npm:7.120.2"
+  checksum: 10/c8f123227af25e818eef6d4ea12c1c3c7f0c3fadc83d219f768cef2929a1169db5aff62f1ccc4946743ae04628f30880f4df2d8be176667f9301c0bf7a56ddc3
+  languageName: node
+  linkType: hard
+
+"@sentry-internal/tracing@npm:7.120.2":
+  version: 7.120.2
+  resolution: "@sentry-internal/tracing@npm:7.120.2"
+  dependencies:
+    "@sentry/core": "npm:7.120.2"
+    "@sentry/types": "npm:7.120.2"
+    "@sentry/utils": "npm:7.120.2"
+  checksum: 10/24dbc1be80434431b78fbc6df58f600383e8e41e151237183ff1e59eb17823fec9e924102a9a3d439a0c003a9cf7335cc59902e671519274bfd7d802566ab089
+  languageName: node
+  linkType: hard
+
+"@sentry/browser@npm:7.120.2":
+  version: 7.120.2
+  resolution: "@sentry/browser@npm:7.120.2"
+  dependencies:
+    "@sentry-internal/feedback": "npm:7.120.2"
+    "@sentry-internal/replay-canvas": "npm:7.120.2"
+    "@sentry-internal/tracing": "npm:7.120.2"
+    "@sentry/core": "npm:7.120.2"
+    "@sentry/integrations": "npm:7.120.2"
+    "@sentry/replay": "npm:7.120.2"
+    "@sentry/types": "npm:7.120.2"
+    "@sentry/utils": "npm:7.120.2"
+  checksum: 10/6ed7d756a045ff878725ac94f8658d569874614b7638dfaf6f2dc51a18b70e3e0fc6fb32058e09e0787cb22e1f6addc1e29ec56aef8d9493c6bb9a1f3ff8131d
+  languageName: node
+  linkType: hard
+
+"@sentry/core@npm:7.120.2":
+  version: 7.120.2
+  resolution: "@sentry/core@npm:7.120.2"
+  dependencies:
+    "@sentry/types": "npm:7.120.2"
+    "@sentry/utils": "npm:7.120.2"
+  checksum: 10/6899da46ef74d767e716db3d9bc0da715ce2a8f4016695583058b497f909ccb09199ec2ab21ac280ea0cd6bae9ddd78f066cb624ce4965e608e4cb2caf0039ff
+  languageName: node
+  linkType: hard
+
+"@sentry/hub@npm:6.19.7":
+  version: 6.19.7
+  resolution: "@sentry/hub@npm:6.19.7"
+  dependencies:
+    "@sentry/types": "npm:6.19.7"
+    "@sentry/utils": "npm:6.19.7"
+    tslib: "npm:^1.9.3"
+  checksum: 10/ef2381ec399305ee56f7cff990c5bf0f221119193ac1b0862d237c42c9e214a8a3dcabe55085e197710c9667f1c541fffc3fe37e89d7562f3c86432c22d7f09a
+  languageName: node
+  linkType: hard
+
+"@sentry/integrations@npm:7.120.2":
+  version: 7.120.2
+  resolution: "@sentry/integrations@npm:7.120.2"
+  dependencies:
+    "@sentry/core": "npm:7.120.2"
+    "@sentry/types": "npm:7.120.2"
+    "@sentry/utils": "npm:7.120.2"
+    localforage: "npm:^1.8.1"
+  checksum: 10/4fc6e78125258a9268781f260c234712789d48951481f383b156be82c251182a0a6742d26f5d15297a61b44411e0a129975a84497435d4efb4be628d66fa3a1e
+  languageName: node
+  linkType: hard
+
+"@sentry/minimal@npm:^6.19.7":
+  version: 6.19.7
+  resolution: "@sentry/minimal@npm:6.19.7"
+  dependencies:
+    "@sentry/hub": "npm:6.19.7"
+    "@sentry/types": "npm:6.19.7"
+    tslib: "npm:^1.9.3"
+  checksum: 10/eac4f79f7116dee90bfd8ea284c777c267e70c0b51883bc419f176dd5283b2b1955ede0bc471759f26a8c686f78f7a664560684a8998fc4c6f85d9e1539d39f9
+  languageName: node
+  linkType: hard
+
+"@sentry/react@npm:^7.91.0":
+  version: 7.120.2
+  resolution: "@sentry/react@npm:7.120.2"
+  dependencies:
+    "@sentry/browser": "npm:7.120.2"
+    "@sentry/core": "npm:7.120.2"
+    "@sentry/types": "npm:7.120.2"
+    "@sentry/utils": "npm:7.120.2"
+    hoist-non-react-statics: "npm:^3.3.2"
+  peerDependencies:
+    react: 15.x || 16.x || 17.x || 18.x
+  checksum: 10/df8b039b2d9df2234dfe025a4a4b650e79042e1a8f5dd0bac2ccc0decf3917a8781f453125788944dbcbefd926069039536db52f03801cf274dd5f0790822faa
+  languageName: node
+  linkType: hard
+
+"@sentry/replay@npm:7.120.2":
+  version: 7.120.2
+  resolution: "@sentry/replay@npm:7.120.2"
+  dependencies:
+    "@sentry-internal/tracing": "npm:7.120.2"
+    "@sentry/core": "npm:7.120.2"
+    "@sentry/types": "npm:7.120.2"
+    "@sentry/utils": "npm:7.120.2"
+  checksum: 10/84b56a35f974308aa5ab576dee7294ebea870d697f419a788dc51d0c0135079a6fb939b85f6e3681ded6b7462da1e7c4ffa1c5fe81b3f3e73f589dc87e0eef0a
+  languageName: node
+  linkType: hard
+
+"@sentry/types@npm:6.19.7":
+  version: 6.19.7
+  resolution: "@sentry/types@npm:6.19.7"
+  checksum: 10/f9f70e94c4a3876f6119f7e3979051ea2a054adce6f5583de9f70a08642c7d2c2f80a70a1f9fe5f9fad4e99315f4483340ded1110ae2e7c825c4c1f210fc2507
+  languageName: node
+  linkType: hard
+
+"@sentry/types@npm:7.120.2, @sentry/types@npm:^7.74.0":
+  version: 7.120.2
+  resolution: "@sentry/types@npm:7.120.2"
+  checksum: 10/aceaf08ea382ab6c7ac2a9fe7c3953998736aa56458f9ecc6d8ed304912abff505e2ca08f9b7563b02114eb812b1bf3aa6a2c78b6067f306b28c7c1f1425f25d
+  languageName: node
+  linkType: hard
+
+"@sentry/utils@npm:6.19.7":
+  version: 6.19.7
+  resolution: "@sentry/utils@npm:6.19.7"
+  dependencies:
+    "@sentry/types": "npm:6.19.7"
+    tslib: "npm:^1.9.3"
+  checksum: 10/0ea94d32940705d77b019ca821e45a5866bb3d443e0f19b9bf5edf3d7ffed68c451803f3388913fec4da875e4b7df46b5f8a8681c4d69972fb3d775d864997b2
+  languageName: node
+  linkType: hard
+
+"@sentry/utils@npm:7.120.2":
+  version: 7.120.2
+  resolution: "@sentry/utils@npm:7.120.2"
+  dependencies:
+    "@sentry/types": "npm:7.120.2"
+  checksum: 10/9ac41322504d17d41b4b4b9216f0008539b80e5f6816d098ca52f4f8c51c5406f2beee9a3464ba0290874f643753f6a16bdfbbaeae76cda9ac41cbea4adcc5ec
+  languageName: node
+  linkType: hard
+
+"@shopify/flash-list@npm:1.7.6":
+  version: 1.7.6
+  resolution: "@shopify/flash-list@npm:1.7.6"
+  dependencies:
+    recyclerlistview: "npm:4.2.3"
+    tslib: "npm:2.8.1"
+  peerDependencies:
+    "@babel/runtime": "*"
+    react: "*"
+    react-native: "*"
+  checksum: 10/2c635a3719013db2c8fd284593d6d5f6e495862c60bcafb5e56d0818e58cb8d202b19d80decb14df35041f957aa498223abcb76e642d91626e0a96056675c548
+  languageName: node
+  linkType: hard
+
+"@sideway/address@npm:^4.1.3":
+  version: 4.1.5
+  resolution: "@sideway/address@npm:4.1.5"
+  dependencies:
+    "@hapi/hoek": "npm:^9.0.0"
+  checksum: 10/c4c73ac0339504f34e016d3a687118e7ddf197c1c968579572123b67b230be84caa705f0f634efdfdde7f2e07a6e0224b3c70665dc420d8bc95bf400cfc4c998
+  languageName: node
+  linkType: hard
+
+"@sideway/formula@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "@sideway/formula@npm:3.0.1"
+  checksum: 10/8d3ee7f80df4e5204b2cbe92a2a711ca89684965a5c9eb3b316b7051212d3522e332a65a0bb2a07cc708fcd1d0b27fcb30f43ff0bcd5089d7006c7160a89eefe
+  languageName: node
+  linkType: hard
+
+"@sideway/pinpoint@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@sideway/pinpoint@npm:2.0.0"
+  checksum: 10/1ed21800128b2b23280ba4c9db26c8ff6142b97a8683f17639fd7f2128aa09046461574800b30fb407afc5b663c2331795ccf3b654d4b38fa096e41a5c786bf8
+  languageName: node
+  linkType: hard
+
+"@sinclair/typebox@npm:^0.27.8":
+  version: 0.27.8
+  resolution: "@sinclair/typebox@npm:0.27.8"
+  checksum: 10/297f95ff77c82c54de8c9907f186076e715ff2621c5222ba50b8d40a170661c0c5242c763cba2a4791f0f91cb1d8ffa53ea1d7294570cf8cd4694c0e383e484d
+  languageName: node
+  linkType: hard
+
+"@sinclair/typebox@npm:^0.33.7":
+  version: 0.33.22
+  resolution: "@sinclair/typebox@npm:0.33.22"
+  checksum: 10/7be51bd6f112b2152dfc2f6fe24f565474bc908e1dd78d587c8ff4d9119187839f486baf51f5b8ef162cc8eb2201fd3c604839ad422e0adc12572fb48b472097
+  languageName: node
+  linkType: hard
+
+"@sinonjs/commons@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "@sinonjs/commons@npm:3.0.1"
+  dependencies:
+    type-detect: "npm:4.0.8"
+  checksum: 10/a0af217ba7044426c78df52c23cedede6daf377586f3ac58857c565769358ab1f44ebf95ba04bbe38814fba6e316ca6f02870a009328294fc2c555d0f85a7117
+  languageName: node
+  linkType: hard
+
+"@sinonjs/fake-timers@npm:^10.0.2":
+  version: 10.3.0
+  resolution: "@sinonjs/fake-timers@npm:10.3.0"
+  dependencies:
+    "@sinonjs/commons": "npm:^3.0.0"
+  checksum: 10/78155c7bd866a85df85e22028e046b8d46cf3e840f72260954f5e3ed5bd97d66c595524305a6841ffb3f681a08f6e5cef572a2cce5442a8a232dc29fb409b83e
+  languageName: node
+  linkType: hard
+
+"@solana-program/compute-budget@npm:^0.8.0":
+  version: 0.8.0
+  resolution: "@solana-program/compute-budget@npm:0.8.0"
+  peerDependencies:
+    "@solana/kit": ^2.1.0
+  checksum: 10/5bbacc197410ee02b83db372f220bd5070b13b753d13cd53359a62b18060a5ec7b48e4ddc5b84fd87f6019dcb951cfe3ce93a03216e4edcb69a0cbbcb53a0aef
+  languageName: node
+  linkType: hard
+
+"@solana-program/stake@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "@solana-program/stake@npm:0.2.1"
+  peerDependencies:
+    "@solana/kit": ^2.1.0
+  checksum: 10/5d565741e3c8b949d5bb588d3a96fb77c5ce742c89aa37555b24af7eb30af4cf16fc5b49b0d9b6cd4af6c505febd36c3ef77f65238e95fdb41e6e8764e795a6e
+  languageName: node
+  linkType: hard
+
+"@solana-program/system@npm:^0.7.0":
+  version: 0.7.0
+  resolution: "@solana-program/system@npm:0.7.0"
+  peerDependencies:
+    "@solana/kit": ^2.1.0
+  checksum: 10/d17bd89d9fa8ef5b25e453b945a243075b5bb45d2cc0bf83e43651112b9eb2e494415f655cb412c483644d671fed1d47b22548717a17dea209e6a6e73c7ba691
+  languageName: node
+  linkType: hard
+
+"@solana-program/token-2022@npm:^0.4.2":
+  version: 0.4.2
+  resolution: "@solana-program/token-2022@npm:0.4.2"
+  peerDependencies:
+    "@solana/kit": ^2.1.0
+    "@solana/sysvars": ^2.1.0
+  checksum: 10/77c3aed4b1557aea51bcb41df4c78f0a3cbcd0e1e4331d8ada22ae222f8fc80247c3cbe2fb2ad4a5b918edb1f7f53c19c2cd701e895ca21f2eb94ba847883331
+  languageName: node
+  linkType: hard
+
+"@solana-program/token@npm:^0.5.1":
+  version: 0.5.1
+  resolution: "@solana-program/token@npm:0.5.1"
+  peerDependencies:
+    "@solana/kit": ^2.1.0
+  checksum: 10/1bdea4884532ab64fb0471717b913b112102eef796dc5cfb472cd6e206931bc44c454cb75761fd145bded9580fc93c3b32a7723b677f90fd9266600189e6bb7b
+  languageName: node
+  linkType: hard
+
+"@solana/accounts@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/accounts@npm:2.3.0"
+  dependencies:
+    "@solana/addresses": "npm:2.3.0"
+    "@solana/codecs-core": "npm:2.3.0"
+    "@solana/codecs-strings": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+    "@solana/rpc-spec": "npm:2.3.0"
+    "@solana/rpc-types": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/1b3092ce16451279bda2430bd767355f0201b052048401a5f83cb390d546dc65980107a7b67ce301eeb6d5bd6d941ebf6706078e9d1ac17021e4697a4369f6a9
+  languageName: node
+  linkType: hard
+
+"@solana/addresses@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/addresses@npm:2.3.0"
+  dependencies:
+    "@solana/assertions": "npm:2.3.0"
+    "@solana/codecs-core": "npm:2.3.0"
+    "@solana/codecs-strings": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+    "@solana/nominal-types": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/11ee6774f938dd2fe5174375b02c4e52063173ce80a895dd35beb84635dcf3e2ba2e3fe7c74a614b2322da10906abceab758c91a13415a9cda53faf91a8ea722
+  languageName: node
+  linkType: hard
+
+"@solana/assertions@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/assertions@npm:2.3.0"
+  dependencies:
+    "@solana/errors": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/3b430f01d5991569059fea3e6679a4548a624ff5da6db0c2eb2eba757a9ff774c9d90941a0a2335148599aaef8e8fc004a9c5996eb3627b25dca108b05591d02
+  languageName: node
+  linkType: hard
+
+"@solana/codecs-core@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/codecs-core@npm:2.3.0"
+  dependencies:
+    "@solana/errors": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/d9bba1eaa3ee38fef04e1cbfa43defeea16729a1cf1628a71cb72340558a3f2296279899680e1dda4b1756ab2b280b5f1502330c21c35e167e554f3d0c9d193d
+  languageName: node
+  linkType: hard
+
+"@solana/codecs-data-structures@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/codecs-data-structures@npm:2.3.0"
+  dependencies:
+    "@solana/codecs-core": "npm:2.3.0"
+    "@solana/codecs-numbers": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/75ae25f606db5402d95108d5deb20fbd28ac5a00252516045a78bd5158a0a83e076378a1321f1e2f966b7c215fba0539a1c71d72e4b1bf7922ad0c17639d7b7d
+  languageName: node
+  linkType: hard
+
+"@solana/codecs-numbers@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/codecs-numbers@npm:2.3.0"
+  dependencies:
+    "@solana/codecs-core": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/e661338b5eb04268a104ff2189b5d001bd2f99e1a3726deaa7157d5acbc3b24740bc25ca03b2028c52ad21fd71d5d5aa64957411c895a9dc1c132aa3bc97b336
+  languageName: node
+  linkType: hard
+
+"@solana/codecs-strings@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/codecs-strings@npm:2.3.0"
+  dependencies:
+    "@solana/codecs-core": "npm:2.3.0"
+    "@solana/codecs-numbers": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+  peerDependencies:
+    fastestsmallesttextencoderdecoder: ^1.0.22
+    typescript: ">=5.3.3"
+  checksum: 10/a553a891ce149a87f37ff338587980e81f9752e13039cb0d02f0fc6f21ce27af8548ad10f4c9e63f9ef74786ea0e498c91a2f5e3e996a930f581f2977bb1c215
+  languageName: node
+  linkType: hard
+
+"@solana/codecs@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/codecs@npm:2.3.0"
+  dependencies:
+    "@solana/codecs-core": "npm:2.3.0"
+    "@solana/codecs-data-structures": "npm:2.3.0"
+    "@solana/codecs-numbers": "npm:2.3.0"
+    "@solana/codecs-strings": "npm:2.3.0"
+    "@solana/options": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/726409fdd52956096e7b21422aad3b1aa1784b7542ed4003515b38e9d05c351ec2fc3b0ee003552632762ce5624aa528bba88de3408393ef5ce00979cd3b0b9d
+  languageName: node
+  linkType: hard
+
+"@solana/errors@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/errors@npm:2.3.0"
+  dependencies:
+    chalk: "npm:^5.4.1"
+    commander: "npm:^14.0.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  bin:
+    errors: bin/cli.mjs
+  checksum: 10/0e8a329790b7d38b4bfe1fa6ec2ac60be20562a610d992031395fe9886da28b578a9d0aebb318f5357ae0d4cbc8f3d323c12b9520da2cf6adc9038f96afc3fe1
+  languageName: node
+  linkType: hard
+
+"@solana/fast-stable-stringify@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/fast-stable-stringify@npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/9f8301ba48218a6f1cc669378b3d8821bc9dbf939242fb99c8fe700ad55f8393a926ead4de155daf8eafcf4781626c614ad5803de76349dd263361317524b7cf
+  languageName: node
+  linkType: hard
+
+"@solana/functional@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/functional@npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/65e675ff5f9d1b7e4a1dac5b81265024b33d58a55c4f1c6459cebcccf0723d178b778d511212fad02ad9c58de582e17e49554e8a3cbd99fee0283004757acd48
+  languageName: node
+  linkType: hard
+
+"@solana/instructions@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/instructions@npm:2.3.0"
+  dependencies:
+    "@solana/codecs-core": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/4ac3ee0bd5a03eefe00bcb6d1f1cb1bbc19162fdbce07c076bb9c1284936337bcc2e0425f07ae304ac8a73dfc2230ea4888019e58c89d033b48c7537eb85d782
+  languageName: node
+  linkType: hard
+
+"@solana/keys@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/keys@npm:2.3.0"
+  dependencies:
+    "@solana/assertions": "npm:2.3.0"
+    "@solana/codecs-core": "npm:2.3.0"
+    "@solana/codecs-strings": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+    "@solana/nominal-types": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/4b81553f5bd762da0f8c9b3193ed8d631dda3a0764b5e325476b7b3cd09a525ecc99e938ae2b8b1943d541c88d0e17c98d83f8ed3b342ad649adf2978fe0fd34
+  languageName: node
+  linkType: hard
+
+"@solana/kit@npm:^2.1.1":
+  version: 2.3.0
+  resolution: "@solana/kit@npm:2.3.0"
+  dependencies:
+    "@solana/accounts": "npm:2.3.0"
+    "@solana/addresses": "npm:2.3.0"
+    "@solana/codecs": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+    "@solana/functional": "npm:2.3.0"
+    "@solana/instructions": "npm:2.3.0"
+    "@solana/keys": "npm:2.3.0"
+    "@solana/programs": "npm:2.3.0"
+    "@solana/rpc": "npm:2.3.0"
+    "@solana/rpc-parsed-types": "npm:2.3.0"
+    "@solana/rpc-spec-types": "npm:2.3.0"
+    "@solana/rpc-subscriptions": "npm:2.3.0"
+    "@solana/rpc-types": "npm:2.3.0"
+    "@solana/signers": "npm:2.3.0"
+    "@solana/sysvars": "npm:2.3.0"
+    "@solana/transaction-confirmation": "npm:2.3.0"
+    "@solana/transaction-messages": "npm:2.3.0"
+    "@solana/transactions": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/81ea1c7386a2160a826df818749d04446d3d148ec23ae9ee498135cb8438b35cdebc39ea4a578ff85139fff2aa54f760dfe48a5d72c34831cc0d1c037f96abf6
+  languageName: node
+  linkType: hard
+
+"@solana/nominal-types@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/nominal-types@npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/0594893661f4ff2f8587689cd4b61ee15c38c455fe5cbaa7ae7e416f3a483fac97cc3f5a5b3d0a7526bfb89d7da91bc2c72e7b1790bbe59b986579ef2f76689b
+  languageName: node
+  linkType: hard
+
+"@solana/options@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/options@npm:2.3.0"
+  dependencies:
+    "@solana/codecs-core": "npm:2.3.0"
+    "@solana/codecs-data-structures": "npm:2.3.0"
+    "@solana/codecs-numbers": "npm:2.3.0"
+    "@solana/codecs-strings": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/e8b1a5f72b4100a3ac07e8f0854f166ec13be41be22d0afb71fe5e3ed68863e3164febf8d40aaa15a876fb39032550f4c4dede511867e40c1cb8669dd670b593
+  languageName: node
+  linkType: hard
+
+"@solana/programs@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/programs@npm:2.3.0"
+  dependencies:
+    "@solana/addresses": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/92abd8b2bf0d484a2ea7f0c489a0b51ab59656c8a5f359447cce1e50e602c88c81e8783c83b88133bbc8ac6e44356d71e0e925e5a8a2d222a211411c0cf397ec
+  languageName: node
+  linkType: hard
+
+"@solana/promises@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/promises@npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/d3986eb36a6e42b8da62196d1df64e30ae536fa10387d566ac498b9832e10128cba85bfe588499d0a4b65955819d80bd721c3beee6c65a540a6ee309a9eb6398
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-api@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/rpc-api@npm:2.3.0"
+  dependencies:
+    "@solana/addresses": "npm:2.3.0"
+    "@solana/codecs-core": "npm:2.3.0"
+    "@solana/codecs-strings": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+    "@solana/keys": "npm:2.3.0"
+    "@solana/rpc-parsed-types": "npm:2.3.0"
+    "@solana/rpc-spec": "npm:2.3.0"
+    "@solana/rpc-transformers": "npm:2.3.0"
+    "@solana/rpc-types": "npm:2.3.0"
+    "@solana/transaction-messages": "npm:2.3.0"
+    "@solana/transactions": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/30c42189bba26d78aa2d133454fd98b54382b8c1a2ecaf6d6fe14473dafa261fbfa67ccb0e88292c1a7fc629e63d88e21f04dc4756229f32130efff4d795fe00
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-parsed-types@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/rpc-parsed-types@npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/31e5af31825f0dc2067e1d6d0c04f9ae7f15974979d725d1ae506c4134ff3060b3c3343b906ee6fe4a0de07e8939bfd121680216fd9c79ebb1ce14f71a1d1760
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-spec-types@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/rpc-spec-types@npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/4718b717db4d8b18399f78b6d355b37287d407367fe1be6885779b8a163219bb8c82b372c621351c8952b22ca08f1575d892be0b67d13edcd3f8b7682131e5d0
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-spec@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/rpc-spec@npm:2.3.0"
+  dependencies:
+    "@solana/errors": "npm:2.3.0"
+    "@solana/rpc-spec-types": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/cc11fae00cf5729327a38729e40c3c47e86b2443b425fb2d015aab95f6dc938310e307a6257d71d1f802988e66cd97cc86ae9845d0a2f99dd5bf6bb5e76c9d40
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-subscriptions-api@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/rpc-subscriptions-api@npm:2.3.0"
+  dependencies:
+    "@solana/addresses": "npm:2.3.0"
+    "@solana/keys": "npm:2.3.0"
+    "@solana/rpc-subscriptions-spec": "npm:2.3.0"
+    "@solana/rpc-transformers": "npm:2.3.0"
+    "@solana/rpc-types": "npm:2.3.0"
+    "@solana/transaction-messages": "npm:2.3.0"
+    "@solana/transactions": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/b8edf80fa07bf9e58bdef1b420541fb8b951b3b0ec18379f83aefaf65eadef21e70536b643073318460a28582daae195673e7452a69d6410aa0c33a6f5cd122b
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-subscriptions-channel-websocket@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/rpc-subscriptions-channel-websocket@npm:2.3.0"
+  dependencies:
+    "@solana/errors": "npm:2.3.0"
+    "@solana/functional": "npm:2.3.0"
+    "@solana/rpc-subscriptions-spec": "npm:2.3.0"
+    "@solana/subscribable": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+    ws: ^8.18.0
+  checksum: 10/ba1e04d24100ed98e8ed6f805add35e3787d3e43432e8593a5ba0e15fc71f71418419d3c91215818e4691162f20fab73270c0a0d90911425d83749f3497a5ee6
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-subscriptions-spec@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/rpc-subscriptions-spec@npm:2.3.0"
+  dependencies:
+    "@solana/errors": "npm:2.3.0"
+    "@solana/promises": "npm:2.3.0"
+    "@solana/rpc-spec-types": "npm:2.3.0"
+    "@solana/subscribable": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/4b1cf692ac22406f9c3ec75707b2de0a1012dc66630c04a85aae68818917a9e161ecdedd331af8a99de729faa330647e80e28e8743c61989b7ce173886af5d4c
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-subscriptions@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/rpc-subscriptions@npm:2.3.0"
+  dependencies:
+    "@solana/errors": "npm:2.3.0"
+    "@solana/fast-stable-stringify": "npm:2.3.0"
+    "@solana/functional": "npm:2.3.0"
+    "@solana/promises": "npm:2.3.0"
+    "@solana/rpc-spec-types": "npm:2.3.0"
+    "@solana/rpc-subscriptions-api": "npm:2.3.0"
+    "@solana/rpc-subscriptions-channel-websocket": "npm:2.3.0"
+    "@solana/rpc-subscriptions-spec": "npm:2.3.0"
+    "@solana/rpc-transformers": "npm:2.3.0"
+    "@solana/rpc-types": "npm:2.3.0"
+    "@solana/subscribable": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/49f55242351f85146dfa2322f11c826132181a557029797cd06b59734d4b79c7761183cb1d96e8c6730162d4fe06b67378be8b82bb4d8c27276ea076472f6ca2
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-transformers@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/rpc-transformers@npm:2.3.0"
+  dependencies:
+    "@solana/errors": "npm:2.3.0"
+    "@solana/functional": "npm:2.3.0"
+    "@solana/nominal-types": "npm:2.3.0"
+    "@solana/rpc-spec-types": "npm:2.3.0"
+    "@solana/rpc-types": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/3305ac71fefadf6eb358b4f40232d4d57fdff3816bbf9c363a046ce83566090ee607f2805f057e859d671c100581ba82fef3137000055ad0fa78ec0adc99938d
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-transport-http@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/rpc-transport-http@npm:2.3.0"
+  dependencies:
+    "@solana/errors": "npm:2.3.0"
+    "@solana/rpc-spec": "npm:2.3.0"
+    "@solana/rpc-spec-types": "npm:2.3.0"
+    undici-types: "npm:^7.11.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/fa7b21aa7634eedb39afa8202ba565c0ac110c77b89a6196b343bcfdc014b57e967e8defe53e0f725688e6c39e293e7260d1908aa3d00c9b3eeece84f431f6fd
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-types@npm:2.3.0, @solana/rpc-types@npm:^2.1.1":
+  version: 2.3.0
+  resolution: "@solana/rpc-types@npm:2.3.0"
+  dependencies:
+    "@solana/addresses": "npm:2.3.0"
+    "@solana/codecs-core": "npm:2.3.0"
+    "@solana/codecs-numbers": "npm:2.3.0"
+    "@solana/codecs-strings": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+    "@solana/nominal-types": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/922cb38723d514afc532da9b3742faa938c24d6a9b07dc69cc1b4fb7973dfd6727e92e6730b219bd33bd54a5e6225c0df84568eb63b7622811aaf29209f3ceee
+  languageName: node
+  linkType: hard
+
+"@solana/rpc@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/rpc@npm:2.3.0"
+  dependencies:
+    "@solana/errors": "npm:2.3.0"
+    "@solana/fast-stable-stringify": "npm:2.3.0"
+    "@solana/functional": "npm:2.3.0"
+    "@solana/rpc-api": "npm:2.3.0"
+    "@solana/rpc-spec": "npm:2.3.0"
+    "@solana/rpc-spec-types": "npm:2.3.0"
+    "@solana/rpc-transformers": "npm:2.3.0"
+    "@solana/rpc-transport-http": "npm:2.3.0"
+    "@solana/rpc-types": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/6ea005c506b8b5a6f698b22524e858805bef44b0ade6f6bd1e654913e36395482c775ce3ba712e1114df044f85edfddf2c1004efecd55b90588862cb06127c86
+  languageName: node
+  linkType: hard
+
+"@solana/signers@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/signers@npm:2.3.0"
+  dependencies:
+    "@solana/addresses": "npm:2.3.0"
+    "@solana/codecs-core": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+    "@solana/instructions": "npm:2.3.0"
+    "@solana/keys": "npm:2.3.0"
+    "@solana/nominal-types": "npm:2.3.0"
+    "@solana/transaction-messages": "npm:2.3.0"
+    "@solana/transactions": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/f2f2d09830ca358796e3c059fe80c64083ea74207005fc47734b8d48b1c1513a0c7d602e361d6e29a97284f71e673f134624290d796a735f9ac2a8c94b07a200
+  languageName: node
+  linkType: hard
+
+"@solana/subscribable@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/subscribable@npm:2.3.0"
+  dependencies:
+    "@solana/errors": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/ba5b55d15627a1403830df50399eec181a18dda070a3f898bc58de99aa90bcccbd1ab741814dff12b39484b332e7186ec32f7cfbf339480b3be5c961f0503fe9
+  languageName: node
+  linkType: hard
+
+"@solana/sysvars@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/sysvars@npm:2.3.0"
+  dependencies:
+    "@solana/accounts": "npm:2.3.0"
+    "@solana/codecs": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+    "@solana/rpc-types": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/36bf45d382d2f44b1f2c207caa6d151f8354a299c13be147ce34eaec0e453740afef8edd96861180278efd2d2d6ef4c8c7308e136a9ebdf9b82c63686aedb638
+  languageName: node
+  linkType: hard
+
+"@solana/transaction-confirmation@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/transaction-confirmation@npm:2.3.0"
+  dependencies:
+    "@solana/addresses": "npm:2.3.0"
+    "@solana/codecs-strings": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+    "@solana/keys": "npm:2.3.0"
+    "@solana/promises": "npm:2.3.0"
+    "@solana/rpc": "npm:2.3.0"
+    "@solana/rpc-subscriptions": "npm:2.3.0"
+    "@solana/rpc-types": "npm:2.3.0"
+    "@solana/transaction-messages": "npm:2.3.0"
+    "@solana/transactions": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/e558375ce97424eaad0b94ed508375a7fb93cf15e92d8befd222c6a478e30214da94bb0749caa4b98839f450b0cd3ae9969b895fbe5830dffcfaf3b2a31fc21e
+  languageName: node
+  linkType: hard
+
+"@solana/transaction-messages@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/transaction-messages@npm:2.3.0"
+  dependencies:
+    "@solana/addresses": "npm:2.3.0"
+    "@solana/codecs-core": "npm:2.3.0"
+    "@solana/codecs-data-structures": "npm:2.3.0"
+    "@solana/codecs-numbers": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+    "@solana/functional": "npm:2.3.0"
+    "@solana/instructions": "npm:2.3.0"
+    "@solana/nominal-types": "npm:2.3.0"
+    "@solana/rpc-types": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/cb275a87ee8f971b52ee0b4d5c7d62d6cb25597cbb804abb493e42705a5f1d1ca07604a3c50aed575e1fef6765727a74abc8df3dacfc24a04089310a4b21e4aa
+  languageName: node
+  linkType: hard
+
+"@solana/transactions@npm:2.3.0":
+  version: 2.3.0
+  resolution: "@solana/transactions@npm:2.3.0"
+  dependencies:
+    "@solana/addresses": "npm:2.3.0"
+    "@solana/codecs-core": "npm:2.3.0"
+    "@solana/codecs-data-structures": "npm:2.3.0"
+    "@solana/codecs-numbers": "npm:2.3.0"
+    "@solana/codecs-strings": "npm:2.3.0"
+    "@solana/errors": "npm:2.3.0"
+    "@solana/functional": "npm:2.3.0"
+    "@solana/instructions": "npm:2.3.0"
+    "@solana/keys": "npm:2.3.0"
+    "@solana/nominal-types": "npm:2.3.0"
+    "@solana/rpc-types": "npm:2.3.0"
+    "@solana/transaction-messages": "npm:2.3.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/99314c90b8956082c1555a26ea9a4ac94dda0ddd21b6170a85d82779fe6c0ce9b2099b7d2021dcd6fe425d20298a5c1489e22ba482d289d2978f389aaf817b34
+  languageName: node
+  linkType: hard
+
+"@spindl-xyz/attribution-lite@npm:^1.8.1":
+  version: 1.8.1
+  resolution: "@spindl-xyz/attribution-lite@npm:1.8.1"
+  checksum: 10/f747394048d0d3a89f8853eea16f11f22c6dd77fe9880347a69c961d52fc60583166643f80cd2c1d90e4a5ba55bf1c0e525d20df548de7c9fecdebea63bb8570
+  languageName: node
+  linkType: hard
+
+"@spruceid/siwe-parser@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "@spruceid/siwe-parser@npm:3.0.0"
+  dependencies:
+    "@noble/hashes": "npm:^1.1.2"
+    apg-js: "npm:^4.4.0"
+  checksum: 10/19239d4a18a953812e4a5cd25c51a9869b67643b00cf9b6f36091b0d7b8be09934d1ba41c7df60f6e05307ba5cbc7c4812c69b5d3de64a132ea08b80a35cb87f
+  languageName: node
+  linkType: hard
+
+"@stablelib/aead@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@stablelib/aead@npm:1.0.1"
+  checksum: 10/1a6f68d138f105d17dd65349751515bd252ab0498c77255b8555478d28415600dde493f909eb718245047a993f838dfae546071e1687566ffb7b8c3e10c918d9
+  languageName: node
+  linkType: hard
+
+"@stablelib/binary@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@stablelib/binary@npm:1.0.1"
+  dependencies:
+    "@stablelib/int": "npm:^1.0.1"
+  checksum: 10/c5ed769e2b5d607a5cdb72d325fcf98db437627862fade839daad934bd9ccf02a6f6e34f9de8cb3b18d72fce2ba6cc019a5d22398187d7d69d2607165f27f8bf
+  languageName: node
+  linkType: hard
+
+"@stablelib/bytes@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@stablelib/bytes@npm:1.0.1"
+  checksum: 10/23d4d632a8a15ca91be1dc56da92eefed695d9b66068d1ab27a5655d0233dc2ac0b8668f875af542ca4ed526893c65dd53e777c72c8056f3648115aac98823ee
+  languageName: node
+  linkType: hard
+
+"@stablelib/chacha20poly1305@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@stablelib/chacha20poly1305@npm:1.0.1"
+  dependencies:
+    "@stablelib/aead": "npm:^1.0.1"
+    "@stablelib/binary": "npm:^1.0.1"
+    "@stablelib/chacha": "npm:^1.0.1"
+    "@stablelib/constant-time": "npm:^1.0.1"
+    "@stablelib/poly1305": "npm:^1.0.1"
+    "@stablelib/wipe": "npm:^1.0.1"
+  checksum: 10/2a4df136b078b7c09acb3c6fe029613d4c9f70a0ce8bec65551a4a5016930a4f9091d3b83ed1cfc9c2e7bd6ec7f5ee93a7dc729b784b3900dcb97f3c7f5da84a
+  languageName: node
+  linkType: hard
+
+"@stablelib/chacha@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@stablelib/chacha@npm:1.0.1"
+  dependencies:
+    "@stablelib/binary": "npm:^1.0.1"
+    "@stablelib/wipe": "npm:^1.0.1"
+  checksum: 10/38cd8095d94eda29a9bb8a742b1c945dba7f9ec91fc07ab351c826680d03976641ac6366c3d004a00a72d746fcd838215fe1263ef4b0660c453c5de18a0a4295
+  languageName: node
+  linkType: hard
+
+"@stablelib/constant-time@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@stablelib/constant-time@npm:1.0.1"
+  checksum: 10/dba4f4bf508de2ff15f7f0cbd875e70391aa3ba3698290fe1ed2feb151c243ba08a90fc6fb390ec2230e30fcc622318c591a7c0e35dcb8150afb50c797eac3d7
+  languageName: node
+  linkType: hard
+
+"@stablelib/ed25519@npm:^1.0.2":
+  version: 1.0.3
+  resolution: "@stablelib/ed25519@npm:1.0.3"
+  dependencies:
+    "@stablelib/random": "npm:^1.0.2"
+    "@stablelib/sha512": "npm:^1.0.1"
+    "@stablelib/wipe": "npm:^1.0.1"
+  checksum: 10/52e861e4fbd9d3d0a1a370d9ad96de8e2e15f133249bbbc32da66b8993e843db598054a3af17a746beb3fd5043b7529613a5dda7f2e79de6613eb3ebe5ffe3dd
+  languageName: node
+  linkType: hard
+
+"@stablelib/hash@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@stablelib/hash@npm:1.0.1"
+  checksum: 10/3ff1f12d1a4082aaf4b6cdf40c2010aabe5c4209d3b40b97b5bbb0d9abc0ee94abdc545e57de0614afaea807ca0212ac870e247ec8f66cdce91ec39ce82948cf
+  languageName: node
+  linkType: hard
+
+"@stablelib/hkdf@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@stablelib/hkdf@npm:1.0.1"
+  dependencies:
+    "@stablelib/hash": "npm:^1.0.1"
+    "@stablelib/hmac": "npm:^1.0.1"
+    "@stablelib/wipe": "npm:^1.0.1"
+  checksum: 10/9d45e303715a1835c8612b78e6c1b9d2b7463699b484241d8681fb5c17e0f2bbde5ce211c882134b64616a402e09177baeba80426995ff227b3654a155ab225d
+  languageName: node
+  linkType: hard
+
+"@stablelib/hmac@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@stablelib/hmac@npm:1.0.1"
+  dependencies:
+    "@stablelib/constant-time": "npm:^1.0.1"
+    "@stablelib/hash": "npm:^1.0.1"
+    "@stablelib/wipe": "npm:^1.0.1"
+  checksum: 10/d3ac9e2fea2b4972a5d874ee9d96c94f8c8207452e2d243a2668b1325a7b20bd9a1541df32387789a0e9bfef82c3fe021a785f46eb3442c782443863faf75205
+  languageName: node
+  linkType: hard
+
+"@stablelib/int@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@stablelib/int@npm:1.0.1"
+  checksum: 10/65bfbf50a382eea70c68e05366bf379cfceff8fbc076f1c267ef2f2411d7aed64fd140c415cb6c29f19a3910d3b8b7805d4b32ad5721a5007a8e744a808c7ae3
+  languageName: node
+  linkType: hard
+
+"@stablelib/keyagreement@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@stablelib/keyagreement@npm:1.0.1"
+  dependencies:
+    "@stablelib/bytes": "npm:^1.0.1"
+  checksum: 10/3c8ec904dd50f72f3162f5447a0fa8f1d9ca6e24cd272d3dbe84971267f3b47f9bd5dc4e4eeedf3fbac2fe01f2d9277053e57c8e60db8c5544bfb35c62d290dd
+  languageName: node
+  linkType: hard
+
+"@stablelib/poly1305@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@stablelib/poly1305@npm:1.0.1"
+  dependencies:
+    "@stablelib/constant-time": "npm:^1.0.1"
+    "@stablelib/wipe": "npm:^1.0.1"
+  checksum: 10/b01d4b532a42e5260f7f263e3a670924849c7ba51569abd8ece8279a448e625cbe4049bff1d50ad0d3a9d5f268c1b52fc611808640a6e684550edd7589a0a581
+  languageName: node
+  linkType: hard
+
+"@stablelib/random@npm:1.0.2, @stablelib/random@npm:^1.0.1, @stablelib/random@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "@stablelib/random@npm:1.0.2"
+  dependencies:
+    "@stablelib/binary": "npm:^1.0.1"
+    "@stablelib/wipe": "npm:^1.0.1"
+  checksum: 10/f5ace0a588dc4c21f01cb85837892d4c872e994ae77a58a8eb7dd61aa0b26fb1e9b46b0445e71af57d963ef7d9f5965c64258fc0d04df7b2947bc48f2d3560c5
+  languageName: node
+  linkType: hard
+
+"@stablelib/sha256@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@stablelib/sha256@npm:1.0.1"
+  dependencies:
+    "@stablelib/binary": "npm:^1.0.1"
+    "@stablelib/hash": "npm:^1.0.1"
+    "@stablelib/wipe": "npm:^1.0.1"
+  checksum: 10/4d55f6c676e2cc0dd2a32be0cfa96837f3e15ae48dc50a340e56db2b201f1341a9ecabb429a3a44a5bf31adee0a8151467a8e7cc15346c561c914faad415d4d4
+  languageName: node
+  linkType: hard
+
+"@stablelib/sha512@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@stablelib/sha512@npm:1.0.1"
+  dependencies:
+    "@stablelib/binary": "npm:^1.0.1"
+    "@stablelib/hash": "npm:^1.0.1"
+    "@stablelib/wipe": "npm:^1.0.1"
+  checksum: 10/35d188cd62f20d27e1d61ea07984022e9a78815a023c8f7c747d92456a60823f0683138591e87158a47cd72e73cf24ecf97f8936aa6fba8b3bef6fcb138e723d
+  languageName: node
+  linkType: hard
+
+"@stablelib/wipe@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@stablelib/wipe@npm:1.0.1"
+  checksum: 10/287802eb146810a46ba72af70b82022caf83a8aeebde23605f5ee0decf64fe2b97a60c856e43b6617b5801287c30cfa863cfb0469e7fcde6f02d143cf0c6cbf4
+  languageName: node
+  linkType: hard
+
+"@stablelib/x25519@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@stablelib/x25519@npm:1.0.3"
+  dependencies:
+    "@stablelib/keyagreement": "npm:^1.0.1"
+    "@stablelib/random": "npm:^1.0.2"
+    "@stablelib/wipe": "npm:^1.0.1"
+  checksum: 10/fb5469e390ee2515d926633e3e179038894ac4f5e8c8cd2c2fc912022e34a051112eab0fe80c4dbc6e59129679844182562a036abff89444e5c4a05dd42ed329
+  languageName: node
+  linkType: hard
+
+"@standard-schema/spec@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "@standard-schema/spec@npm:1.0.0"
+  checksum: 10/aee780cc1431888ca4b9aba9b24ffc8f3073fc083acc105e3951481478a2f4dc957796931b2da9e2d8329584cf211e4542275f188296c1cdff3ed44fd93a8bc8
+  languageName: node
+  linkType: hard
+
+"@standard-schema/utils@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "@standard-schema/utils@npm:0.3.0"
+  checksum: 10/7084f875d322792f2e0a5904009434c8374b9345b09ba89828b68fd56fa3c2b366d35bf340d9e8c72736ef01793c2f70d350c372ed79845dc3566c58d34b4b51
+  languageName: node
+  linkType: hard
+
+"@stellar/js-xdr@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "@stellar/js-xdr@npm:3.1.2"
+  checksum: 10/96b5c52088bb2f2cc11a04ee1766ceb9431bdb0195058b9bc8d60cd1459772c2be6a9aa1bf69ba8b7589cfaf71beef96890e60d7fd7de0332c11ae1917f95440
+  languageName: node
+  linkType: hard
+
+"@stellar/stellar-base@npm:^13.1.0":
+  version: 13.1.0
+  resolution: "@stellar/stellar-base@npm:13.1.0"
+  dependencies:
+    "@stellar/js-xdr": "npm:^3.1.2"
+    base32.js: "npm:^0.1.0"
+    bignumber.js: "npm:^9.1.2"
+    buffer: "npm:^6.0.3"
+    sha.js: "npm:^2.3.6"
+    sodium-native: "npm:^4.3.3"
+    tweetnacl: "npm:^1.0.3"
+  dependenciesMeta:
+    sodium-native:
+      optional: true
+  checksum: 10/6e4f17483e3695d9635522dfac75da94b7c860765495c04c7688f19464ff55640f944172e6c74f27ef7777df12f57a9d7068dcd4b1c3cb747c7f4372bf8591ad
+  languageName: node
+  linkType: hard
+
+"@stellar/stellar-sdk@npm:^13.3.0":
+  version: 13.3.0
+  resolution: "@stellar/stellar-sdk@npm:13.3.0"
+  dependencies:
+    "@stellar/stellar-base": "npm:^13.1.0"
+    axios: "npm:^1.8.4"
+    bignumber.js: "npm:^9.3.0"
+    eventsource: "npm:^2.0.2"
+    feaxios: "npm:^0.0.23"
+    randombytes: "npm:^2.1.0"
+    toml: "npm:^3.0.0"
+    urijs: "npm:^1.19.1"
+  checksum: 10/878e624e6222c61b01453cd401cc6d9015bb3941b51ea10f41298b032ed8d859fa1c00a560d181a63a2221b960e4e5448387c6456e085e68b62d0e269354e5e5
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-actions@npm:8.4.7, @storybook/addon-actions@npm:^8.4.2":
+  version: 8.4.7
+  resolution: "@storybook/addon-actions@npm:8.4.7"
+  dependencies:
+    "@storybook/global": "npm:^5.0.0"
+    "@types/uuid": "npm:^9.0.1"
+    dequal: "npm:^2.0.2"
+    polished: "npm:^4.2.2"
+    uuid: "npm:^9.0.0"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/a691f172f2899bf97ee2d454948a53f94fde29038b1dfc8b1fd902cf0912f72b02f484f3ab4abd6df52237edbed2a7f430a6b7f1b6ba8ee2be1e357c586466bd
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-backgrounds@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/addon-backgrounds@npm:8.4.7"
+  dependencies:
+    "@storybook/global": "npm:^5.0.0"
+    memoizerific: "npm:^1.11.3"
+    ts-dedent: "npm:^2.0.0"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/504ecd09fcdd8bd8525233469df386944a7baff7c8aaeb737532987d27d113db4ded72e394cfcb6b00262602e9fd070cce801cffbb157be6242ee56e0491577c
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-controls@npm:8.4.7, @storybook/addon-controls@npm:^8.4.2":
+  version: 8.4.7
+  resolution: "@storybook/addon-controls@npm:8.4.7"
+  dependencies:
+    "@storybook/global": "npm:^5.0.0"
+    dequal: "npm:^2.0.2"
+    ts-dedent: "npm:^2.0.0"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/29a0d760622cc09517416a5775d8ae7e937fe90ede9d9739a56cdec4bc52564c0d8de535040ed540df912c1c3c04c6f557bc78f792c8af07da91753972f9a512
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-designs@npm:^8.0.3":
+  version: 8.0.4
+  resolution: "@storybook/addon-designs@npm:8.0.4"
+  dependencies:
+    "@figspec/react": "npm:^1.0.0"
+  peerDependencies:
+    "@storybook/blocks": ^8.0.0 || ^8.1.0-0 || ^8.2.0-0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+    "@storybook/components": ^8.0.0 || ^8.1.0-0 || ^8.2.0-0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+    "@storybook/theming": ^8.0.0 || ^8.1.0-0 || ^8.2.0-0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@storybook/blocks":
+      optional: true
+    "@storybook/components":
+      optional: true
+    "@storybook/theming":
+      optional: true
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 10/7892f8752e2767e51d7b8c9e73cb415bb3dfef191f38b640e6ac29cd5be7fd6406f2b6fe40045416941051dabeb5cbdd118edc17c0d4d199c6b67aa588014b8b
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-docs@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/addon-docs@npm:8.4.7"
+  dependencies:
+    "@mdx-js/react": "npm:^3.0.0"
+    "@storybook/blocks": "npm:8.4.7"
+    "@storybook/csf-plugin": "npm:8.4.7"
+    "@storybook/react-dom-shim": "npm:8.4.7"
+    react: "npm:^16.8.0 || ^17.0.0 || ^18.0.0"
+    react-dom: "npm:^16.8.0 || ^17.0.0 || ^18.0.0"
+    ts-dedent: "npm:^2.0.0"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/d09fefeefb462a1b6c368e781f4abbb1dfdf0c58e6f9311bc8a2c320699e9e694153ebf3274f4fc54fb85953eb10ced6de11a848c718ffb38a0f59e1b1717220
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-essentials@npm:^8.0.6, @storybook/addon-essentials@npm:^8.4.6":
+  version: 8.4.7
+  resolution: "@storybook/addon-essentials@npm:8.4.7"
+  dependencies:
+    "@storybook/addon-actions": "npm:8.4.7"
+    "@storybook/addon-backgrounds": "npm:8.4.7"
+    "@storybook/addon-controls": "npm:8.4.7"
+    "@storybook/addon-docs": "npm:8.4.7"
+    "@storybook/addon-highlight": "npm:8.4.7"
+    "@storybook/addon-measure": "npm:8.4.7"
+    "@storybook/addon-outline": "npm:8.4.7"
+    "@storybook/addon-toolbars": "npm:8.4.7"
+    "@storybook/addon-viewport": "npm:8.4.7"
+    ts-dedent: "npm:^2.0.0"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/d8731c18935fbc130beee7236b4e80c1621c6964a4109741512b50f065cd8d322446f8ecd84b4120ad1ce2ea829d0d3b5b764cca19c1bd8b73fc77d04dc13f17
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-highlight@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/addon-highlight@npm:8.4.7"
+  dependencies:
+    "@storybook/global": "npm:^5.0.0"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/2d77ce06eaf69445ed6d7c23a666e67576376d770f8fd33055fd35e33c248c2c78f6333461cb92aa21f45bbf06a1255f1977ec3d349fdef531416fc51da809be
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-interactions@npm:^8.0.6, @storybook/addon-interactions@npm:^8.4.6":
+  version: 8.4.7
+  resolution: "@storybook/addon-interactions@npm:8.4.7"
+  dependencies:
+    "@storybook/global": "npm:^5.0.0"
+    "@storybook/instrumenter": "npm:8.4.7"
+    "@storybook/test": "npm:8.4.7"
+    polished: "npm:^4.2.2"
+    ts-dedent: "npm:^2.2.0"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/24d5c55eb7f320a002d54cc638a58f196d243b248df7735d68bba21e5b2b4cd0ba0369b78e7b67522ef741516b022e9e627db9a59476e0ea2da153736950d1bc
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-links@npm:^8.3.4":
+  version: 8.4.7
+  resolution: "@storybook/addon-links@npm:8.4.7"
+  dependencies:
+    "@storybook/csf": "npm:^0.1.11"
+    "@storybook/global": "npm:^5.0.0"
+    ts-dedent: "npm:^2.0.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    storybook: ^8.4.7
+  peerDependenciesMeta:
+    react:
+      optional: true
+  checksum: 10/3d64225348f1c72dec069551044c7781de03a4775acfefb8ebe2d0c1a6e0171692a1222e15191bccd57b76ca9a995032df14974b7a6271f7a9b283c90bff1a00
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-measure@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/addon-measure@npm:8.4.7"
+  dependencies:
+    "@storybook/global": "npm:^5.0.0"
+    tiny-invariant: "npm:^1.3.1"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/d7c39c6048add359aa43ae10a65dda738f9b893a1963a9485a5ac0337f2961495fbdcf3e3907c2f19e7fb5380089f16c57a54113ed097cbf915bfe7f8b756ede
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-onboarding@npm:^8.0.6, @storybook/addon-onboarding@npm:^8.4.6":
+  version: 8.4.7
+  resolution: "@storybook/addon-onboarding@npm:8.4.7"
+  dependencies:
+    react-confetti: "npm:^6.1.0"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/d5a87f8aae2519a1b2c0f1da93497f7bfe7987c154613895e079780dc80eccf9c9b8fece4a7485dea019eda1b99a17121b0955b797bad9fe4582aca0dc344390
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-ondevice-actions@npm:^8.4.4":
+  version: 8.4.4
+  resolution: "@storybook/addon-ondevice-actions@npm:8.4.4"
+  dependencies:
+    "@storybook/addon-actions": "npm:^8.4.2"
+    "@storybook/core": "npm:^8.4.2"
+    "@storybook/global": "npm:^5.0.0"
+    fast-deep-equal: "npm:^2.0.1"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/1a2947db3f7d2a0784c90a951cfb21aa9ff6d8c8dd289655a8660a14d86ef1a5be7382edda5b93e9d824b78258a4646c60b25e9c860cd6c78f004acd1ae2f1ec
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-ondevice-controls@npm:^8.4.2":
+  version: 8.4.2
+  resolution: "@storybook/addon-ondevice-controls@npm:8.4.2"
+  dependencies:
+    "@storybook/addon-controls": "npm:^8.4.2"
+    "@storybook/core": "npm:^8.4.2"
+    "@storybook/react-native-theming": "npm:^8.4.2"
+    "@storybook/react-native-ui": "npm:^8.4.2"
+    deep-equal: "npm:^1.0.1"
+    prop-types: "npm:^15.7.2"
+    react-native-modal-datetime-picker: "npm:^14.0.0"
+    react-native-modal-selector: "npm:^2.1.1"
+    tinycolor2: "npm:^1.4.1"
+  peerDependencies:
+    "@gorhom/bottom-sheet": ">=4"
+    "@react-native-community/datetimepicker": "*"
+    "@react-native-community/slider": "*"
+    react: "*"
+    react-native: "*"
+  checksum: 10/1492187dfb5a93f357d524392e4a013e3c798cf9f60ceffca48745136a0cdd6cf7bd4e58fdfa5be1fb7f84c209b3fdce6da7fff21e76d66d3f073b1c405b7e98
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-outline@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/addon-outline@npm:8.4.7"
+  dependencies:
+    "@storybook/global": "npm:^5.0.0"
+    ts-dedent: "npm:^2.0.0"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/b213e725b3b150b3346e91206cd62bf348f537bfec999a6ca8c7c3a9f772ae69b0e67c50b29e48aaa3315753459bd66782d571a014cafe131d88e2ec3b68f060
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-react-native-web@npm:^0.0.26":
+  version: 0.0.26
+  resolution: "@storybook/addon-react-native-web@npm:0.0.26"
+  peerDependencies:
+    "@babel/preset-react": "*"
+    "@react-native/babel-preset": "*"
+    babel-plugin-react-native-web: "*"
+    metro-react-native-babel-preset: "*"
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@react-native/babel-preset":
+      optional: true
+    metro-react-native-babel-preset:
+      optional: true
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 10/35195eb648783dae1cf94dcbade40fbc2cb77e2a7fce37aabf7d5f77694ff6592ea0441da41849d56423d61497dd24348d1970a42a38b8f85a165cf6dd2f8f7e
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-themes@npm:^8.0.6":
+  version: 8.4.7
+  resolution: "@storybook/addon-themes@npm:8.4.7"
+  dependencies:
+    ts-dedent: "npm:^2.0.0"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/4a53ca22045f159d1c4d1310eda6d611882a3058a4dd96b41514e495ff085cd828beaa94c5ea25945fae3a066aef1b7300760717273c507e3ebaee6ad523886b
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-toolbars@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/addon-toolbars@npm:8.4.7"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/dff15abb4942a95e89d8d84dfa210388b3fec845e2deee473752f340638348c314b68cb5c052644f3a12b1adba2b3b82dd2dd07a6ac427f6043e26993b81722d
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-viewport@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/addon-viewport@npm:8.4.7"
+  dependencies:
+    memoizerific: "npm:^1.11.3"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/8eaf261e43d70b6453a4ec93a3b6ace728a13db0cf49c6c2f38ca49ad987f7b9268dccf71de2b2dd15cacb8862c9de86689ce258565e2c6fa21c20690ff5761a
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-webpack5-compiler-babel@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "@storybook/addon-webpack5-compiler-babel@npm:3.0.3"
+  dependencies:
+    "@babel/core": "npm:^7.23.7"
+    babel-loader: "npm:^9.1.3"
+  checksum: 10/03a4e310438e127b06b195c901babea89fa215a4d9d9ff08f7206e8359b04aaee76c1dc42b2300872794cdd929ece9c2873bee32d9b5f8118c324cc2587cbc7a
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-webpack5-compiler-swc@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "@storybook/addon-webpack5-compiler-swc@npm:1.0.5"
+  dependencies:
+    "@swc/core": "npm:^1.7.3"
+    swc-loader: "npm:^0.2.3"
+  checksum: 10/9856a700a5d9a36e1c35b404ec90331ed19617f73f63256752959ee4e2904142c5b0d883b436b5b70e1ec2e04038b461d5cf1d616243fa8cfedd0b5d69b73caf
+  languageName: node
+  linkType: hard
+
+"@storybook/blocks@npm:8.4.7, @storybook/blocks@npm:^8.0.6, @storybook/blocks@npm:^8.4.6":
+  version: 8.4.7
+  resolution: "@storybook/blocks@npm:8.4.7"
+  dependencies:
+    "@storybook/csf": "npm:^0.1.11"
+    "@storybook/icons": "npm:^1.2.12"
+    ts-dedent: "npm:^2.0.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    storybook: ^8.4.7
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 10/d1b92f08b7a829800b16d7a6c6b540eb9b855ca6b6dd7d87cd9c67d211590e76eb43b03d04685950839e764ac96fb6062872868f204fec91bfc1ec4624dbcd6c
+  languageName: node
+  linkType: hard
+
+"@storybook/builder-webpack5@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/builder-webpack5@npm:8.4.7"
+  dependencies:
+    "@storybook/core-webpack": "npm:8.4.7"
+    "@types/node": "npm:^22.0.0"
+    "@types/semver": "npm:^7.3.4"
+    browser-assert: "npm:^1.2.1"
+    case-sensitive-paths-webpack-plugin: "npm:^2.4.0"
+    cjs-module-lexer: "npm:^1.2.3"
+    constants-browserify: "npm:^1.0.0"
+    css-loader: "npm:^6.7.1"
+    es-module-lexer: "npm:^1.5.0"
+    fork-ts-checker-webpack-plugin: "npm:^8.0.0"
+    html-webpack-plugin: "npm:^5.5.0"
+    magic-string: "npm:^0.30.5"
+    path-browserify: "npm:^1.0.1"
+    process: "npm:^0.11.10"
+    semver: "npm:^7.3.7"
+    style-loader: "npm:^3.3.1"
+    terser-webpack-plugin: "npm:^5.3.1"
+    ts-dedent: "npm:^2.0.0"
+    url: "npm:^0.11.0"
+    util: "npm:^0.12.4"
+    util-deprecate: "npm:^1.0.2"
+    webpack: "npm:5"
+    webpack-dev-middleware: "npm:^6.1.2"
+    webpack-hot-middleware: "npm:^2.25.1"
+    webpack-virtual-modules: "npm:^0.6.0"
+  peerDependencies:
+    storybook: ^8.4.7
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/169d12e25780ec5801c051bc3abc3de12d236327f6ea035cfb6938f59db009e6bea88d4bbf1e13ceecb9fa726abd317a11fde88b3143b1e35608e62775d4761d
+  languageName: node
+  linkType: hard
+
+"@storybook/components@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/components@npm:8.4.7"
+  peerDependencies:
+    storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+  checksum: 10/e39fb81e8386db4f3f76cbf4f82e50512fed2f65a581951c0b61e00c9834c20cfff7f717e936353275dadfe6a25ffaac5d47151adbe1e3be85e709f8a64f6a15
+  languageName: node
+  linkType: hard
+
+"@storybook/core-webpack@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/core-webpack@npm:8.4.7"
+  dependencies:
+    "@types/node": "npm:^22.0.0"
+    ts-dedent: "npm:^2.0.0"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/561d28962e201086d9f0d739b377aaa5bdaad9eff0dd78cbb6cc9746b70fa3ad86d223e396f414345d19720807a3084ade16c9f2c634d07ed6b8b3355b96be91
+  languageName: node
+  linkType: hard
+
+"@storybook/core@npm:8.4.7, @storybook/core@npm:^8.4.2":
+  version: 8.4.7
+  resolution: "@storybook/core@npm:8.4.7"
+  dependencies:
+    "@storybook/csf": "npm:^0.1.11"
+    better-opn: "npm:^3.0.2"
+    browser-assert: "npm:^1.2.1"
+    esbuild: "npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0"
+    esbuild-register: "npm:^3.5.0"
+    jsdoc-type-pratt-parser: "npm:^4.0.0"
+    process: "npm:^0.11.10"
+    recast: "npm:^0.23.5"
+    semver: "npm:^7.6.2"
+    util: "npm:^0.12.5"
+    ws: "npm:^8.2.3"
+  peerDependencies:
+    prettier: ^2 || ^3
+  peerDependenciesMeta:
+    prettier:
+      optional: true
+  checksum: 10/a0bc9e1ea05ae69a914e508966f27208815de7aa2a4bed010c2c194bbdf397742f83e19ffa2efd98d2c04f08854c9b0b327632f6b0a3a90d2d3dd4c5002f14c5
+  languageName: node
+  linkType: hard
+
+"@storybook/csf-plugin@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/csf-plugin@npm:8.4.7"
+  dependencies:
+    unplugin: "npm:^1.3.1"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/d9006d1a506796717528ee81948be89c8ca7e4a4ad463e024936d828b8e91e12940a41f054db4d5b1f1b058146113aaeb415eca87ca94142c3ef1ef501aead17
+  languageName: node
+  linkType: hard
+
+"@storybook/csf@npm:^0.1.1, @storybook/csf@npm:^0.1.11":
+  version: 0.1.12
+  resolution: "@storybook/csf@npm:0.1.12"
+  dependencies:
+    type-fest: "npm:^2.19.0"
+  checksum: 10/f661709de5bd68bfd4ced67df31ef26341168d6679bc13564cb024cfdbc8fdfa94d384267c20b3c858a3058b1ee8dbd71cea169245fcf7b28298890d6c3e1da4
+  languageName: node
+  linkType: hard
+
+"@storybook/global@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "@storybook/global@npm:5.0.0"
+  checksum: 10/0e7b495f4fe7f36447e793926f1c0460ec07fd66f0da68e3150da5878f6043c9eeb9b41614a45c5ec0d48d5d383c59ca8f88b6dc7882a2a784ac9b20375d8edb
+  languageName: node
+  linkType: hard
+
+"@storybook/icons@npm:^1.2.12":
+  version: 1.3.0
+  resolution: "@storybook/icons@npm:1.3.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+  checksum: 10/927d7df7b16a4bab1340c303772938cbc932cdac0795be87491c09924f26a4222f2b574d650e9324e4a1459eeb394cce49b03f72411ae3a19889ab94c33e85b3
+  languageName: node
+  linkType: hard
+
+"@storybook/instrumenter@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/instrumenter@npm:8.4.7"
+  dependencies:
+    "@storybook/global": "npm:^5.0.0"
+    "@vitest/utils": "npm:^2.1.1"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/8142789e7dd32f881cf9de551078fb3574cc54b47bb8fd2c8b66ea1fb100f14af702f4cbd4bc11a8d1dd4c89f5d0ce7574d2e232b197c43bbebd0a30c06c7e75
+  languageName: node
+  linkType: hard
+
+"@storybook/manager-api@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/manager-api@npm:8.4.7"
+  peerDependencies:
+    storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+  checksum: 10/2b826ec55de7ea0b5b5151dfa896f3e7eddfd36ede61f8a7ad14a37733d5d5645565f863dbde7e2272f1e9b5717f26de7802ae60e297a2647ee2c4c072ed3069
+  languageName: node
+  linkType: hard
+
+"@storybook/nextjs@npm:^8.0.6":
+  version: 8.4.7
+  resolution: "@storybook/nextjs@npm:8.4.7"
+  dependencies:
+    "@babel/core": "npm:^7.24.4"
+    "@babel/plugin-syntax-bigint": "npm:^7.8.3"
+    "@babel/plugin-syntax-dynamic-import": "npm:^7.8.3"
+    "@babel/plugin-syntax-import-assertions": "npm:^7.24.1"
+    "@babel/plugin-transform-class-properties": "npm:^7.24.1"
+    "@babel/plugin-transform-export-namespace-from": "npm:^7.24.1"
+    "@babel/plugin-transform-numeric-separator": "npm:^7.24.1"
+    "@babel/plugin-transform-object-rest-spread": "npm:^7.24.1"
+    "@babel/plugin-transform-runtime": "npm:^7.24.3"
+    "@babel/preset-env": "npm:^7.24.4"
+    "@babel/preset-react": "npm:^7.24.1"
+    "@babel/preset-typescript": "npm:^7.24.1"
+    "@babel/runtime": "npm:^7.24.4"
+    "@pmmmwh/react-refresh-webpack-plugin": "npm:^0.5.11"
+    "@storybook/builder-webpack5": "npm:8.4.7"
+    "@storybook/preset-react-webpack": "npm:8.4.7"
+    "@storybook/react": "npm:8.4.7"
+    "@storybook/test": "npm:8.4.7"
+    "@types/node": "npm:^22.0.0"
+    "@types/semver": "npm:^7.3.4"
+    babel-loader: "npm:^9.1.3"
+    css-loader: "npm:^6.7.3"
+    find-up: "npm:^5.0.0"
+    image-size: "npm:^1.0.0"
+    loader-utils: "npm:^3.2.1"
+    node-polyfill-webpack-plugin: "npm:^2.0.1"
+    pnp-webpack-plugin: "npm:^1.7.0"
+    postcss: "npm:^8.4.38"
+    postcss-loader: "npm:^8.1.1"
+    react-refresh: "npm:^0.14.0"
+    resolve-url-loader: "npm:^5.0.0"
+    sass-loader: "npm:^13.2.0"
+    semver: "npm:^7.3.5"
+    sharp: "npm:^0.33.3"
+    style-loader: "npm:^3.3.1"
+    styled-jsx: "npm:^5.1.6"
+    ts-dedent: "npm:^2.0.0"
+    tsconfig-paths: "npm:^4.0.0"
+    tsconfig-paths-webpack-plugin: "npm:^4.0.1"
+  peerDependencies:
+    next: ^13.5.0 || ^14.0.0 || ^15.0.0
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    storybook: ^8.4.7
+    webpack: ^5.0.0
+  dependenciesMeta:
+    sharp:
+      optional: true
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+    webpack:
+      optional: true
+  checksum: 10/730e6c1a845f8498106151b49ad9a792b8db12089d398213f0e28bfdfe5833491e48c6298cfc489a6e9d46cbf02a849fbe9a2ad3738a163a6623e3017006b8d1
+  languageName: node
+  linkType: hard
+
+"@storybook/preset-react-webpack@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/preset-react-webpack@npm:8.4.7"
+  dependencies:
+    "@storybook/core-webpack": "npm:8.4.7"
+    "@storybook/react": "npm:8.4.7"
+    "@storybook/react-docgen-typescript-plugin": "npm:1.0.6--canary.9.0c3f3b7.0"
+    "@types/node": "npm:^22.0.0"
+    "@types/semver": "npm:^7.3.4"
+    find-up: "npm:^5.0.0"
+    magic-string: "npm:^0.30.5"
+    react-docgen: "npm:^7.0.0"
+    resolve: "npm:^1.22.8"
+    semver: "npm:^7.3.7"
+    tsconfig-paths: "npm:^4.2.0"
+    webpack: "npm:5"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    storybook: ^8.4.7
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/d338fa45547126ee35ec0433a9811d9c816cebf27ec7598539b62bb08b5a9c39634986670e1cbcf11778a13691ee0695fc71e4dea68c393e5feb6ae478d047f5
+  languageName: node
+  linkType: hard
+
+"@storybook/preview-api@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/preview-api@npm:8.4.7"
+  peerDependencies:
+    storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+  checksum: 10/1c467bb2c16c5998b9bc4c2c013e6786936d5f6a373ad8d8ab1beb626616c3187329fdfc3a709663b4af963c7e5789a1401166c6e2a3a66a12f66e858aa94e91
+  languageName: node
+  linkType: hard
+
+"@storybook/react-docgen-typescript-plugin@npm:1.0.6--canary.9.0c3f3b7.0":
+  version: 1.0.6--canary.9.0c3f3b7.0
+  resolution: "@storybook/react-docgen-typescript-plugin@npm:1.0.6--canary.9.0c3f3b7.0"
+  dependencies:
+    debug: "npm:^4.1.1"
+    endent: "npm:^2.0.1"
+    find-cache-dir: "npm:^3.3.1"
+    flat-cache: "npm:^3.0.4"
+    micromatch: "npm:^4.0.2"
+    react-docgen-typescript: "npm:^2.2.2"
+    tslib: "npm:^2.0.0"
+  peerDependencies:
+    typescript: ">= 4.x"
+    webpack: ">= 4"
+  checksum: 10/5d3c64b022d10d7316b600a41eec2cf38ba460e11bf9a01ae976e8d0efe6959633423d2a3546a5d3f9f04bcc946e83774e8efdf9ccfedb76a7065ec08e7ec809
+  languageName: node
+  linkType: hard
+
+"@storybook/react-dom-shim@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/react-dom-shim@npm:8.4.7"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    storybook: ^8.4.7
+  checksum: 10/c45af3e1320f131231aad794c8f0d565677313ba0edbac31e3551bab371927f31ec780151fbc451c57205bd0b73a157b95901d2c4d06c6a63ce868866948f328
+  languageName: node
+  linkType: hard
+
+"@storybook/react-native-theming@npm:^8.4.2":
+  version: 8.4.2
+  resolution: "@storybook/react-native-theming@npm:8.4.2"
+  dependencies:
+    polished: "npm:^4.3.1"
+  peerDependencies:
+    react: "*"
+    react-native: ">=0.57.0"
+  checksum: 10/cce4ef075961067f8d6a1258107324f9ad2f818556d72ba43f68b35e7443bfb3ad537d41345d854a23f77a927189dcd1d7ecdf00b2977fe21b0bbc95fd6a6041
+  languageName: node
+  linkType: hard
+
+"@storybook/react-native-ui@npm:^8.4.2":
+  version: 8.4.2
+  resolution: "@storybook/react-native-ui@npm:8.4.2"
+  dependencies:
+    "@storybook/core": "npm:^8.4.2"
+    "@storybook/react": "npm:^8.4.2"
+    "@storybook/react-native-theming": "npm:^8.4.2"
+    fuse.js: "npm:^7.0.0"
+    memoizerific: "npm:^1.11.3"
+    polished: "npm:^4.3.1"
+    store2: "npm:^2.14.3"
+  peerDependencies:
+    "@gorhom/bottom-sheet": ">=4"
+    react: "*"
+    react-native: ">=0.57.0"
+    react-native-gesture-handler: ">=2"
+    react-native-reanimated: ">=3"
+    react-native-safe-area-context: "*"
+    react-native-svg: ">=14"
+  checksum: 10/1e0a3055320cfba601a16ab42c9216494b3d10795c8c888655321d8dc9db9b598eee9c5992feba64bcf3176195a366f3c495b9d5a73b8d736deaea273b1759ed
+  languageName: node
+  linkType: hard
+
+"@storybook/react-native@npm:^8.4.2":
+  version: 8.4.2
+  resolution: "@storybook/react-native@npm:8.4.2"
+  dependencies:
+    "@storybook/core": "npm:^8.4.2"
+    "@storybook/csf": "npm:^0.1.1"
+    "@storybook/global": "npm:^5.0.0"
+    "@storybook/react": "npm:^8.4.2"
+    "@storybook/react-native-theming": "npm:^8.4.2"
+    "@storybook/react-native-ui": "npm:^8.4.2"
+    chokidar: "npm:^3.5.1"
+    commander: "npm:^8.2.0"
+    dedent: "npm:^1.5.1"
+    deepmerge: "npm:^4.3.0"
+    glob: "npm:^7.1.7"
+    prettier: "npm:^2.4.1"
+    react-native-swipe-gestures: "npm:^1.0.5"
+    react-native-url-polyfill: "npm:^2.0.0"
+    setimmediate: "npm:^1.0.5"
+    storybook: "npm:^8.4.2"
+    type-fest: "npm:~2.19"
+    util: "npm:^0.12.4"
+    ws: "npm:^8.18.0"
+  peerDependencies:
+    "@gorhom/bottom-sheet": ">=4"
+    react: "*"
+    react-native: ">=0.72.0"
+    react-native-gesture-handler: ">=2"
+    react-native-safe-area-context: "*"
+  bin:
+    sb-rn-get-stories: ./bin/get-stories.js
+    sb-rn-watcher: ./bin/watcher.js
+  checksum: 10/8a0a13ef40561831995ca083eed5d4c85e0555c15e4dd458177d3b759ffa90a37e323365ce8da6b1f381083c0aa3e768210a7b08c3bacc9ff8acdf7d06172393
+  languageName: node
+  linkType: hard
+
+"@storybook/react-webpack5@npm:^8.4.6":
+  version: 8.4.7
+  resolution: "@storybook/react-webpack5@npm:8.4.7"
+  dependencies:
+    "@storybook/builder-webpack5": "npm:8.4.7"
+    "@storybook/preset-react-webpack": "npm:8.4.7"
+    "@storybook/react": "npm:8.4.7"
+    "@types/node": "npm:^22.0.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    storybook: ^8.4.7
+    typescript: ">= 4.2.x"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/368565a6f8173025dbaa621d161562d0076f87e7ffd72e4bcd5a145501aa6376bc6a6fadad52a9876b586cc1ff82ffd0774faa9fc4833db41447121a8d6bae86
+  languageName: node
+  linkType: hard
+
+"@storybook/react@npm:8.4.7, @storybook/react@npm:^8.0.6, @storybook/react@npm:^8.4.2, @storybook/react@npm:^8.4.6":
+  version: 8.4.7
+  resolution: "@storybook/react@npm:8.4.7"
+  dependencies:
+    "@storybook/components": "npm:8.4.7"
+    "@storybook/global": "npm:^5.0.0"
+    "@storybook/manager-api": "npm:8.4.7"
+    "@storybook/preview-api": "npm:8.4.7"
+    "@storybook/react-dom-shim": "npm:8.4.7"
+    "@storybook/theming": "npm:8.4.7"
+  peerDependencies:
+    "@storybook/test": 8.4.7
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    storybook: ^8.4.7
+    typescript: ">= 4.2.x"
+  peerDependenciesMeta:
+    "@storybook/test":
+      optional: true
+    typescript:
+      optional: true
+  checksum: 10/4138b11118a313dca2551de307b994f84121c306f2d3a66c29ef9fb07352451a899ce91fd8736149182f8806a7c03dbbe7a4a7d463b0ab3eddbd195057c4cbf8
+  languageName: node
+  linkType: hard
+
+"@storybook/test@npm:8.4.7, @storybook/test@npm:^8.0.6, @storybook/test@npm:^8.4.6":
+  version: 8.4.7
+  resolution: "@storybook/test@npm:8.4.7"
+  dependencies:
+    "@storybook/csf": "npm:^0.1.11"
+    "@storybook/global": "npm:^5.0.0"
+    "@storybook/instrumenter": "npm:8.4.7"
+    "@testing-library/dom": "npm:10.4.0"
+    "@testing-library/jest-dom": "npm:6.5.0"
+    "@testing-library/user-event": "npm:14.5.2"
+    "@vitest/expect": "npm:2.0.5"
+    "@vitest/spy": "npm:2.0.5"
+  peerDependencies:
+    storybook: ^8.4.7
+  checksum: 10/e6e8c2b5b63337e297362716a9de81818f8d94107cc1eea6c1aef75d0ad93d417d277fa90068ee1960acba98ea2658660514148d106a547419c9088c20905f02
+  languageName: node
+  linkType: hard
+
+"@storybook/theming@npm:8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/theming@npm:8.4.7"
+  peerDependencies:
+    storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+  checksum: 10/47d29993c33bb29994d227af30e099579b7cf760652ed743020f5d7e5a5974f59a6ebeb1cc8995e6158da9cf768a8d2f559d1d819cc082d0bcdb056d85fdcb29
+  languageName: node
+  linkType: hard
+
+"@surma/rollup-plugin-off-main-thread@npm:^2.2.3":
+  version: 2.2.3
+  resolution: "@surma/rollup-plugin-off-main-thread@npm:2.2.3"
+  dependencies:
+    ejs: "npm:^3.1.6"
+    json5: "npm:^2.2.0"
+    magic-string: "npm:^0.25.0"
+    string.prototype.matchall: "npm:^4.0.6"
+  checksum: 10/0c7dc1c1fc396454513dec9ef34e743ffc8662adc20eeaf392a9cca4bd8a4a33af239c057022b6272c3fc438550e3c7099cdea5f50eb61c5058308989c7c48d6
+  languageName: node
+  linkType: hard
+
+"@svgr/babel-plugin-add-jsx-attribute@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-add-jsx-attribute@npm:8.0.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/3fc8e35d16f5abe0af5efe5851f27581225ac405d6a1ca44cda0df064cddfcc29a428c48c2e4bef6cebf627c9ac2f652a096030edb02cf5a120ce28d3c234710
+  languageName: node
+  linkType: hard
+
+"@svgr/babel-plugin-remove-jsx-attribute@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-remove-jsx-attribute@npm:8.0.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/ff992893c6c4ac802713ba3a97c13be34e62e6d981c813af40daabcd676df68a72a61bd1e692bb1eda3587f1b1d700ea462222ae2153bb0f46886632d4f88d08
+  languageName: node
+  linkType: hard
+
+"@svgr/babel-plugin-remove-jsx-empty-expression@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-remove-jsx-empty-expression@npm:8.0.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/0fb691b63a21bac00da3aa2dccec50d0d5a5b347ff408d60803b84410d8af168f2656e4ba1ee1f24dab0ae4e4af77901f2928752bb0434c1f6788133ec599ec8
+  languageName: node
+  linkType: hard
+
+"@svgr/babel-plugin-replace-jsx-attribute-value@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-replace-jsx-attribute-value@npm:8.0.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/1edda65ef4f4dd8f021143c8ec276a08f6baa6f733b8e8ee2e7775597bf6b97afb47fdeefd579d6ae6c959fe2e634f55cd61d99377631212228c8cfb351b8921
+  languageName: node
+  linkType: hard
+
+"@svgr/babel-plugin-svg-dynamic-title@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-svg-dynamic-title@npm:8.0.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/876cec891488992e6a9aebb8155e2bea4ec461b4718c51de36e988e00e271c6d9d01ef6be17b9effd44b2b3d7db0b41c161a5904a46ae6f38b26b387ad7f3709
+  languageName: node
+  linkType: hard
+
+"@svgr/babel-plugin-svg-em-dimensions@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-svg-em-dimensions@npm:8.0.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/be0e2d391164428327d9ec469a52cea7d93189c6b0e2c290999e048f597d777852f701c64dca44cd45b31ed14a7f859520326e2e4ad7c3a4545d0aa235bc7e9a
+  languageName: node
+  linkType: hard
+
+"@svgr/babel-plugin-transform-react-native-svg@npm:8.1.0":
+  version: 8.1.0
+  resolution: "@svgr/babel-plugin-transform-react-native-svg@npm:8.1.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/85b434a57572f53bd2b9f0606f253e1fcf57b4a8c554ec3f2d43ed17f50d8cae200cb3aaf1ec9d626e1456e8b135dce530ae047eb0bed6d4bf98a752d6640459
+  languageName: node
+  linkType: hard
+
+"@svgr/babel-plugin-transform-svg-component@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-transform-svg-component@npm:8.0.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/86ca139c0be0e7df05f103c5f10874387ada1434ca0286584ba9cd367c259d74bf9c86700b856449f46cf674bd6f0cf18f8f034f6d3f0e2ce5e5435c25dbff4b
+  languageName: node
+  linkType: hard
+
+"@svgr/babel-preset@npm:8.1.0":
+  version: 8.1.0
+  resolution: "@svgr/babel-preset@npm:8.1.0"
+  dependencies:
+    "@svgr/babel-plugin-add-jsx-attribute": "npm:8.0.0"
+    "@svgr/babel-plugin-remove-jsx-attribute": "npm:8.0.0"
+    "@svgr/babel-plugin-remove-jsx-empty-expression": "npm:8.0.0"
+    "@svgr/babel-plugin-replace-jsx-attribute-value": "npm:8.0.0"
+    "@svgr/babel-plugin-svg-dynamic-title": "npm:8.0.0"
+    "@svgr/babel-plugin-svg-em-dimensions": "npm:8.0.0"
+    "@svgr/babel-plugin-transform-react-native-svg": "npm:8.1.0"
+    "@svgr/babel-plugin-transform-svg-component": "npm:8.0.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/3a67930f080b8891e1e8e2595716b879c944d253112bae763dce59807ba23454d162216c8d66a0a0e3d4f38a649ecd6c387e545d1e1261dd69a68e9a3392ee08
+  languageName: node
+  linkType: hard
+
+"@svgr/core@npm:8.1.0":
+  version: 8.1.0
+  resolution: "@svgr/core@npm:8.1.0"
+  dependencies:
+    "@babel/core": "npm:^7.21.3"
+    "@svgr/babel-preset": "npm:8.1.0"
+    camelcase: "npm:^6.2.0"
+    cosmiconfig: "npm:^8.1.3"
+    snake-case: "npm:^3.0.4"
+  checksum: 10/bc98cd5fc349ab9dcf0c13c2279164726d45878cdac8999090765379c6e897a1b24aca641c12a3c33f578d06f7a09252fb090962a4695c753fb02b627a56bfe6
+  languageName: node
+  linkType: hard
+
+"@svgr/hast-util-to-babel-ast@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/hast-util-to-babel-ast@npm:8.0.0"
+  dependencies:
+    "@babel/types": "npm:^7.21.3"
+    entities: "npm:^4.4.0"
+  checksum: 10/243aa9c92d66aa3f1fc82851fe1fa376808a08fcc02719fed38ebfb4e25cf3e3c1282c185300c29953d047c36acb9e3ac588d46b0af55a3b7a5186a6badec8a9
+  languageName: node
+  linkType: hard
+
+"@svgr/plugin-jsx@npm:8.1.0":
+  version: 8.1.0
+  resolution: "@svgr/plugin-jsx@npm:8.1.0"
+  dependencies:
+    "@babel/core": "npm:^7.21.3"
+    "@svgr/babel-preset": "npm:8.1.0"
+    "@svgr/hast-util-to-babel-ast": "npm:8.0.0"
+    svg-parser: "npm:^2.0.4"
+  peerDependencies:
+    "@svgr/core": "*"
+  checksum: 10/0418a9780753d3544912ee2dad5d2cf8d12e1ba74df8053651b3886aeda54d5f0f7d2dece0af5e0d838332c4f139a57f0dabaa3ca1afa4d1a765efce6a7656f2
+  languageName: node
+  linkType: hard
+
+"@svgr/plugin-svgo@npm:8.1.0":
+  version: 8.1.0
+  resolution: "@svgr/plugin-svgo@npm:8.1.0"
+  dependencies:
+    cosmiconfig: "npm:^8.1.3"
+    deepmerge: "npm:^4.3.1"
+    svgo: "npm:^3.0.2"
+  peerDependencies:
+    "@svgr/core": "*"
+  checksum: 10/59d9d214cebaacca9ca71a561f463d8b7e5a68ca9443e4792a42d903acd52259b1790c0680bc6afecc3f00a255a6cbd7ea278a9f625bac443620ea58a590c2d0
+  languageName: node
+  linkType: hard
+
+"@svgr/webpack@npm:^8.1.0":
+  version: 8.1.0
+  resolution: "@svgr/webpack@npm:8.1.0"
+  dependencies:
+    "@babel/core": "npm:^7.21.3"
+    "@babel/plugin-transform-react-constant-elements": "npm:^7.21.3"
+    "@babel/preset-env": "npm:^7.20.2"
+    "@babel/preset-react": "npm:^7.18.6"
+    "@babel/preset-typescript": "npm:^7.21.0"
+    "@svgr/core": "npm:8.1.0"
+    "@svgr/plugin-jsx": "npm:8.1.0"
+    "@svgr/plugin-svgo": "npm:8.1.0"
+  checksum: 10/c6eec5b0cf2fb2ecd3a7a362d272eda35330b17c76802a3481f499b5d07ff8f87b31d2571043bff399b051a1767b1e2e499dbf186104d1c06d76f9f1535fac01
+  languageName: node
+  linkType: hard
+
+"@swc/core-darwin-arm64@npm:1.10.0":
+  version: 1.10.0
+  resolution: "@swc/core-darwin-arm64@npm:1.10.0"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@swc/core-darwin-x64@npm:1.10.0":
+  version: 1.10.0
+  resolution: "@swc/core-darwin-x64@npm:1.10.0"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@swc/core-linux-arm-gnueabihf@npm:1.10.0":
+  version: 1.10.0
+  resolution: "@swc/core-linux-arm-gnueabihf@npm:1.10.0"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@swc/core-linux-arm64-gnu@npm:1.10.0":
+  version: 1.10.0
+  resolution: "@swc/core-linux-arm64-gnu@npm:1.10.0"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@swc/core-linux-arm64-musl@npm:1.10.0":
+  version: 1.10.0
+  resolution: "@swc/core-linux-arm64-musl@npm:1.10.0"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@swc/core-linux-x64-gnu@npm:1.10.0":
+  version: 1.10.0
+  resolution: "@swc/core-linux-x64-gnu@npm:1.10.0"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@swc/core-linux-x64-musl@npm:1.10.0":
+  version: 1.10.0
+  resolution: "@swc/core-linux-x64-musl@npm:1.10.0"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@swc/core-win32-arm64-msvc@npm:1.10.0":
+  version: 1.10.0
+  resolution: "@swc/core-win32-arm64-msvc@npm:1.10.0"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@swc/core-win32-ia32-msvc@npm:1.10.0":
+  version: 1.10.0
+  resolution: "@swc/core-win32-ia32-msvc@npm:1.10.0"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@swc/core-win32-x64-msvc@npm:1.10.0":
+  version: 1.10.0
+  resolution: "@swc/core-win32-x64-msvc@npm:1.10.0"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@swc/core@npm:^1.5.25, @swc/core@npm:^1.7.21, @swc/core@npm:^1.7.3":
+  version: 1.10.0
+  resolution: "@swc/core@npm:1.10.0"
+  dependencies:
+    "@swc/core-darwin-arm64": "npm:1.10.0"
+    "@swc/core-darwin-x64": "npm:1.10.0"
+    "@swc/core-linux-arm-gnueabihf": "npm:1.10.0"
+    "@swc/core-linux-arm64-gnu": "npm:1.10.0"
+    "@swc/core-linux-arm64-musl": "npm:1.10.0"
+    "@swc/core-linux-x64-gnu": "npm:1.10.0"
+    "@swc/core-linux-x64-musl": "npm:1.10.0"
+    "@swc/core-win32-arm64-msvc": "npm:1.10.0"
+    "@swc/core-win32-ia32-msvc": "npm:1.10.0"
+    "@swc/core-win32-x64-msvc": "npm:1.10.0"
+    "@swc/counter": "npm:^0.1.3"
+    "@swc/types": "npm:^0.1.17"
+  peerDependencies:
+    "@swc/helpers": "*"
+  dependenciesMeta:
+    "@swc/core-darwin-arm64":
+      optional: true
+    "@swc/core-darwin-x64":
+      optional: true
+    "@swc/core-linux-arm-gnueabihf":
+      optional: true
+    "@swc/core-linux-arm64-gnu":
+      optional: true
+    "@swc/core-linux-arm64-musl":
+      optional: true
+    "@swc/core-linux-x64-gnu":
+      optional: true
+    "@swc/core-linux-x64-musl":
+      optional: true
+    "@swc/core-win32-arm64-msvc":
+      optional: true
+    "@swc/core-win32-ia32-msvc":
+      optional: true
+    "@swc/core-win32-x64-msvc":
+      optional: true
+  peerDependenciesMeta:
+    "@swc/helpers":
+      optional: true
+  checksum: 10/986c85e762c83b6651423bcaa3b8cef78a39993c42f417fa944c95dba239a01ca0fbff26a6b3d55d5abd4aba22d9efb42750ead0abac35abde2211319f0e2b34
+  languageName: node
+  linkType: hard
+
+"@swc/counter@npm:0.1.3, @swc/counter@npm:^0.1.3":
+  version: 0.1.3
+  resolution: "@swc/counter@npm:0.1.3"
+  checksum: 10/df8f9cfba9904d3d60f511664c70d23bb323b3a0803ec9890f60133954173047ba9bdeabce28cd70ba89ccd3fd6c71c7b0bd58be85f611e1ffbe5d5c18616598
+  languageName: node
+  linkType: hard
+
+"@swc/helpers@npm:0.5.15, @swc/helpers@npm:^0.5.11":
+  version: 0.5.15
+  resolution: "@swc/helpers@npm:0.5.15"
+  dependencies:
+    tslib: "npm:^2.8.0"
+  checksum: 10/e3f32c6deeecfb0fa3f22edff03a7b358e7ce16d27b0f1c8b5cdc3042c5c4ce4da6eac0b781ab7cc4f54696ece657467d56734fb26883439fb00017385364c4c
+  languageName: node
+  linkType: hard
+
+"@swc/types@npm:^0.1.17":
+  version: 0.1.17
+  resolution: "@swc/types@npm:0.1.17"
+  dependencies:
+    "@swc/counter": "npm:^0.1.3"
+  checksum: 10/ddef1ad5bfead3acdfc41f14e79ba43a99200eb325afbad5716058dbe36358b0513400e9f22aff32432be84a98ae93df95a20b94192f69b8687144270e4eaa18
+  languageName: node
+  linkType: hard
+
+"@tamagui/accordion@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/accordion@npm:1.126.3"
+  dependencies:
+    "@tamagui/collapsible": "npm:1.126.3"
+    "@tamagui/collection": "npm:1.126.3"
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/polyfill-dev": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/text": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/5d7cae8ccbc4c421407078cac0f4581804a4026f4a6486c89100367599e3a58f3ba528e77f27ec0d4bb8f85bcb6ae72d837feb363d0d08ad7e18f510a426b5af
+  languageName: node
+  linkType: hard
+
+"@tamagui/adapt@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/adapt@npm:1.126.3"
+  dependencies:
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/portal": "npm:1.126.3"
+    "@tamagui/z-index-stack": "npm:1.126.3"
+  checksum: 10/5fdc2d3bb0629ea13ddecdd110f05787c75b12aa0e12b37a5ecf98356c6f1540ebd15d2da28af8e001473b0092784d710fb4a1df989171187c276cfb3097c741
+  languageName: node
+  linkType: hard
+
+"@tamagui/alert-dialog@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/alert-dialog@npm:1.126.3"
+  dependencies:
+    "@tamagui/animate-presence": "npm:1.126.3"
+    "@tamagui/aria-hidden": "npm:1.126.3"
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/dialog": "npm:1.126.3"
+    "@tamagui/dismissable": "npm:1.126.3"
+    "@tamagui/focus-scope": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/polyfill-dev": "npm:1.126.3"
+    "@tamagui/popper": "npm:1.126.3"
+    "@tamagui/portal": "npm:1.126.3"
+    "@tamagui/remove-scroll": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/text": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/3da433d8184eb0fb001140e65dff3cbbbc5c8fd51b34071867fa348ce07110d4306c534ba0de9632ca2692537ada5d9008e4e65243564629acf2885ca77972b9
+  languageName: node
+  linkType: hard
+
+"@tamagui/animate-presence@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/animate-presence@npm:1.126.3"
+  dependencies:
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/use-constant": "npm:1.126.3"
+    "@tamagui/use-force-update": "npm:1.126.3"
+    "@tamagui/use-presence": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  checksum: 10/c1605089cb549c10d15a7cc191d657c393ec38b82589140d04f09ee1463d64e6adbb61157982af7ab7a52c89613824bb2c82a17363c88ac8c0394c16567b7a5e
+  languageName: node
+  linkType: hard
+
+"@tamagui/animate@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/animate@npm:1.126.3"
+  dependencies:
+    "@tamagui/animate-presence": "npm:1.126.3"
+  checksum: 10/b5df82d3d3d39bb93f704a0fc7a944ec13084db26177a9b1da1953345cb7b8047490c906ad7af72b439ccb1e782608004e0ca5f30acf999577bb6b404d801354
+  languageName: node
+  linkType: hard
+
+"@tamagui/animations-css@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/animations-css@npm:1.126.3"
+  dependencies:
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/cubic-bezier-animator": "npm:1.126.3"
+    "@tamagui/use-presence": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+    react-dom: "*"
+  checksum: 10/db09d9264c5cb7bf8b25b06d21f1692cb904757e8117a0c4f406dc94c3e97cce3b14c5a460346b3efbd2eb97cfcb29c0e6a8951aa3dbc24869cb05eae8ecbe0e
+  languageName: node
+  linkType: hard
+
+"@tamagui/animations-moti@npm:1.126.3, @tamagui/animations-moti@npm:^1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/animations-moti@npm:1.126.3"
+  dependencies:
+    "@tamagui/use-presence": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+    moti: "npm:^0.29.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/055f1bd6ea5086ced3588f36e3ab6390bfc94439c2ab1bafb692a0e993de6cf9f1c9737e1d12e874a72c85ba69dc470bd957c568c72428a2f39a109520940003
+  languageName: node
+  linkType: hard
+
+"@tamagui/animations-react-native@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/animations-react-native@npm:1.126.3"
+  dependencies:
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/use-presence": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/8a301eb1e4d2645db801f3206af5f517d6d255f534a58beaa69253cc07d3c96fb8349617abcbc4b45665c411e525182878090e36550e7243ecab855bb592235e
+  languageName: node
+  linkType: hard
+
+"@tamagui/aria-hidden@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/aria-hidden@npm:1.126.3"
+  dependencies:
+    aria-hidden: "npm:^1.1.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/da939c7dd352f716cf0a2fca6ce58e5b061be4c22a5c2965ae0e6765bd888a256151688a4a9044af9c8d96702275159924cba9505053b2794e7dbb1ef1c9d5d5
+  languageName: node
+  linkType: hard
+
+"@tamagui/avatar@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/avatar@npm:1.126.3"
+  dependencies:
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/image": "npm:1.126.3"
+    "@tamagui/shapes": "npm:1.126.3"
+    "@tamagui/text": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/47a9ea76d9144639983a8b731f714d0dea7312f1fd590ffbe21f4e1c0256e76c61a1844284154d9b94bb6dd6148c3cdee3f56d6131bb08780049a9468ac17ae0
+  languageName: node
+  linkType: hard
+
+"@tamagui/babel-plugin-fully-specified@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/babel-plugin-fully-specified@npm:1.126.3"
+  dependencies:
+    "@babel/core": "npm:^7.25.2"
+  checksum: 10/6b984288812e073c42a639b3c55ec8b376187eea5a260506ffe8665ff0098defe98924e78d8a5ab1e150bb64f168faa0e3686985c41363dbca48a3dc6739892f
+  languageName: node
+  linkType: hard
+
+"@tamagui/babel-plugin@npm:^1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/babel-plugin@npm:1.126.3"
+  dependencies:
+    "@babel/core": "npm:^7.25.2"
+    "@babel/generator": "npm:^7.25.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/template": "npm:^7.25.0"
+    "@babel/traverse": "npm:^7.25.4"
+    "@tamagui/static": "npm:1.126.3"
+  checksum: 10/1f26097033c4899418668e6e6976a91ae99100fd9407f814f2c3073aaf746d629dc80420192cb25dcff889e0a88cef5ecc99aff5565b02d3fab2c0c1bd3a9060
+  languageName: node
+  linkType: hard
+
+"@tamagui/build@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/build@npm:1.126.3"
+  dependencies:
+    "@babel/core": "npm:^7.25.2"
+    "@swc/core": "npm:^1.7.21"
+    "@tamagui/babel-plugin-fully-specified": "npm:1.126.3"
+    "@types/fs-extra": "npm:^9.0.13"
+    chokidar: "npm:^3.5.2"
+    esbuild: "npm:^0.25.0"
+    esbuild-plugin-es5: "npm:^2.1.1"
+    esbuild-register: "npm:^3.6.0"
+    execa: "npm:^5.0.0"
+    fast-glob: "npm:^3.2.11"
+    fs-extra: "npm:^11.2.0"
+    lodash.debounce: "npm:^4.0.8"
+    oxc-transform: "npm:^0.47.1"
+    typescript: "npm:^5.8.2"
+  bin:
+    tamagui-build: tamagui-build.js
+    teesx: teesx.sh
+  checksum: 10/bc38db1c6ab103943134047ccb551083669ea797dca91bc1dcba9811dbf808fb4e39a2bbfe70ad982150f4c5314edb83fa42b21db94e0e3d8e4a75bf8ece088b
+  languageName: node
+  linkType: hard
+
+"@tamagui/button@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/button@npm:1.126.3"
+  dependencies:
+    "@tamagui/font-size": "npm:1.126.3"
+    "@tamagui/get-button-sized": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/helpers-tamagui": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/text": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/ac3219c0ea22be684e53d7b7b1b6da1f008d741ad2e901835b0d5a9cabf2c1f2d1107566ad3fbffc8a0c348149256a268f714fa37686a7e78bd1e5d924f4098d
+  languageName: node
+  linkType: hard
+
+"@tamagui/card@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/card@npm:1.126.3"
+  dependencies:
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/37e0d96c26692fe05ced96506ce46f9a603b77594ab4fd7ff3dd3051849310688ca13855d7ddd7d133f1ec0290acbf5e851d0547b50e51cd0c0f2da3d1a4f299
+  languageName: node
+  linkType: hard
+
+"@tamagui/checkbox-headless@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/checkbox-headless@npm:1.126.3"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/focusable": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/label": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+    "@tamagui/use-previous": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/ac2f6834531abd3d2a5770c034498934741aa514e284a78822e8fa35dff5db51c21ca9f10cf807af83a48c000921e168f562846200e85b87bb535b2e468c2a54
+  languageName: node
+  linkType: hard
+
+"@tamagui/checkbox@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/checkbox@npm:1.126.3"
+  dependencies:
+    "@tamagui/checkbox-headless": "npm:1.126.3"
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/focusable": "npm:1.126.3"
+    "@tamagui/font-size": "npm:1.126.3"
+    "@tamagui/get-token": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/helpers-tamagui": "npm:1.126.3"
+    "@tamagui/label": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+    "@tamagui/use-previous": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/6510acc07232cbc3b3ead713232359dc42dd4a87e28d6556eb6f7122d9d5bd48b4bffc9ac637b31387b7f2c0145fe43702f2bdbc531ea19f0329763c32a21490
+  languageName: node
+  linkType: hard
+
+"@tamagui/cli-color@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/cli-color@npm:1.126.3"
+  checksum: 10/cc6f5df71b4d0c31410e53be7a1e51d9312e7af81417e3d72824cce38cd488baf276eef5dfd8a120e5b4b9b844e0a1cedd686a9c9d39b2f3f7838be30f1ceb7f
+  languageName: node
+  linkType: hard
+
+"@tamagui/collapsible@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/collapsible@npm:1.126.3"
+  dependencies:
+    "@tamagui/animate-presence": "npm:1.126.3"
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/polyfill-dev": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/348fa9720cbcc1073dd5ade7daac8eff7b72d288e9a727663717f7bed7cbc50bdc3d4144e897ab432a519ae981ecce91510e7c8089c7e91fcb9ba4707127803e
+  languageName: node
+  linkType: hard
+
+"@tamagui/collection@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/collection@npm:1.126.3"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/polyfill-dev": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/2f995d3d39759271739fdee38ba594e0b763fc00cd74cfd5fc5944e38a45745651994955854163cdea130f80859a1b1048d87f7f9bd842b353f14d0a6b075b0e
+  languageName: node
+  linkType: hard
+
+"@tamagui/colors@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/colors@npm:1.126.3"
+  checksum: 10/d6f5737d3c50b3986e18e23bab495abd69c86aef5dabf9ee3eced41ba01c9b5241967f365051f566fe1d78963f8527ccd98a5e5c1897194775fef5741f909993
+  languageName: node
+  linkType: hard
+
+"@tamagui/compose-refs@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/compose-refs@npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/2e81af7de1fbc12a728026b846c25902c5965c8c928212469e433bd0b1f90c3a75219c4e1fa395aaee7aa8a819ba0997b006d5c9532e2defc2f9a97f2c6f7ea8
+  languageName: node
+  linkType: hard
+
+"@tamagui/config-default@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/config-default@npm:1.126.3"
+  dependencies:
+    "@tamagui/animations-css": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/shorthands": "npm:1.126.3"
+  checksum: 10/06968483723bd9c133333e86dd9621c732c7d89f1043f38b31596d781520afdaea5eb882b460fb702b24742023d039cf0a092d09ccdb76c7f4cd12f5e50cc0d8
+  languageName: node
+  linkType: hard
+
+"@tamagui/config@npm:^1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/config@npm:1.126.3"
+  dependencies:
+    "@tamagui/animations-css": "npm:1.126.3"
+    "@tamagui/animations-moti": "npm:1.126.3"
+    "@tamagui/animations-react-native": "npm:1.126.3"
+    "@tamagui/colors": "npm:1.126.3"
+    "@tamagui/font-inter": "npm:1.126.3"
+    "@tamagui/font-silkscreen": "npm:1.126.3"
+    "@tamagui/react-native-media-driver": "npm:1.126.3"
+    "@tamagui/shorthands": "npm:1.126.3"
+    "@tamagui/themes": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  checksum: 10/229c01144d34717496f613035d7b104427f2b13477882c3d4fd501ab711cef0702b6ad20340586fa6c74f86a07a0d93cae5afff1ffdb1a45aa99fd6baf21245b
+  languageName: node
+  linkType: hard
+
+"@tamagui/constants@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/constants@npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/653ee8518496cb4975c3d0c5b837d3e0defe1f9a3a22755cdd2085b3e3b6f2d6f5612c0b727baec4c94b1e8ebbaec5ec6049339bd5b8d908fe853c8e18cd8e99
+  languageName: node
+  linkType: hard
+
+"@tamagui/core@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/core@npm:1.126.3"
+  dependencies:
+    "@tamagui/react-native-media-driver": "npm:1.126.3"
+    "@tamagui/react-native-use-pressable": "npm:1.126.3"
+    "@tamagui/react-native-use-responder-events": "npm:1.126.3"
+    "@tamagui/use-event": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  checksum: 10/409b4754df039b90aed0f6442c9d748318f5945ae49fc9bfda4c550d95bc3d828b547f208243986f1cd52318e0423168893d8105559d3869e0667ebf3e052c2b
+  languageName: node
+  linkType: hard
+
+"@tamagui/create-context@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/create-context@npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/df4b43b7d96dc5f11ec423658ae216d6c5d7baf26992197ca610e10a53e3f35c75fbfe078a328de3c0346989f77dc31c6821547cabfa55f07c4709888b758626
+  languageName: node
+  linkType: hard
+
+"@tamagui/create-theme@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/create-theme@npm:1.126.3"
+  dependencies:
+    "@tamagui/web": "npm:1.126.3"
+  checksum: 10/2519e294e47a189cd45c5897dc41b9f3e8eb3015736e43ad6727770c791e778fb7762da4bbfd420818e3df41e9216069e0053922d57000b8c7164f91590268d7
+  languageName: node
+  linkType: hard
+
+"@tamagui/cubic-bezier-animator@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/cubic-bezier-animator@npm:1.126.3"
+  checksum: 10/56f01a889f55cf5aa22aa8be2e74650a4789db2dfbdbebbc6ded4a85b3f66211bfb682e80fe5ac9be0600e9cfdd9e402f4697feabd53a49f1aa0514253f9d7f8
+  languageName: node
+  linkType: hard
+
+"@tamagui/dialog@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/dialog@npm:1.126.3"
+  dependencies:
+    "@tamagui/adapt": "npm:1.126.3"
+    "@tamagui/animate-presence": "npm:1.126.3"
+    "@tamagui/aria-hidden": "npm:1.126.3"
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/dismissable": "npm:1.126.3"
+    "@tamagui/focus-scope": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/polyfill-dev": "npm:1.126.3"
+    "@tamagui/popper": "npm:1.126.3"
+    "@tamagui/portal": "npm:1.126.3"
+    "@tamagui/remove-scroll": "npm:1.126.3"
+    "@tamagui/sheet": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/text": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+    "@tamagui/z-index-stack": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/70cb248794c3651904fb450317b0ac42bf53121d2c694c53cc3e954e8c2c93cbcdbcbee7bcaa15a7b39157700db05a68e64d9ec90f8a23c91676034ff73c17a4
+  languageName: node
+  linkType: hard
+
+"@tamagui/dismissable@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/dismissable@npm:1.126.3"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/use-escape-keydown": "npm:1.126.3"
+    "@tamagui/use-event": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/f548d7464bd35fdd63c8a233a14cf370afe03cee055319d8389b2a30766202a173d54c7d1a3ce6e9a2da3a63893482424cd71bd14797e61ff5fe5d1673d7bc66
+  languageName: node
+  linkType: hard
+
+"@tamagui/elements@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/elements@npm:1.126.3"
+  dependencies:
+    "@tamagui/core": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/5b6aa2ba7ef4a34b5605adc2f136820faac0ff45415cbb8b9dc4a0504e19bb6054db098b2a612c47f3d607434b620d6ac58a3f64bbe97106724e41044f62ac0a
+  languageName: node
+  linkType: hard
+
+"@tamagui/fake-react-native@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/fake-react-native@npm:1.126.3"
+  checksum: 10/2fe2c5cef62d7293532a88fbdd3b07da2f94ffe026f48029f857be13043a3fd884398ae52370337c84abdb2f0cd2e48a7774cede866eab727a433a51ee5d0313
+  languageName: node
+  linkType: hard
+
+"@tamagui/floating@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/floating@npm:1.126.3"
+  dependencies:
+    "@floating-ui/react-dom": "npm:^2.1.2"
+    "@floating-ui/react-native": "npm:^0.10.7"
+  peerDependencies:
+    react: "*"
+  checksum: 10/2c350ae53915e709709b120561c983035d4ef2c522adda1f1ce32c192e41b8a363784e7567011807d191b7cca350734d7f866e4631d4bdc804545d56bf5578d5
+  languageName: node
+  linkType: hard
+
+"@tamagui/focus-scope@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/focus-scope@npm:1.126.3"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/start-transition": "npm:1.126.3"
+    "@tamagui/use-event": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/0d0da7acef6f186acd4356a3758bc949643571b8bbaeadcb2abc2e9b04bccd038013df281fce972ed6a19f6e8338172b1bfe65380c11173d4289214a4989c5ce
+  languageName: node
+  linkType: hard
+
+"@tamagui/focusable@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/focusable@npm:1.126.3"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/2f9cecb9c9e85a89ff6a12a4f962464e440196948d162c1fa32aea07d56ae0125735f2df4b526f4fd136f534fdd3291a64b02b3a8f892ab6a990864304faaaaf
+  languageName: node
+  linkType: hard
+
+"@tamagui/font-dm-sans@npm:^1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/font-dm-sans@npm:1.126.3"
+  checksum: 10/2e9dc3afe882552df0b28dafa2d490a6388cc9577bb48bceda4f26fab2d88ce5db09c5b073c31562caae8452cb880e8d4a1a0c96f3b9beee936f60b88fb1c0ae
+  languageName: node
+  linkType: hard
+
+"@tamagui/font-inter@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/font-inter@npm:1.126.3"
+  dependencies:
+    "@tamagui/core": "npm:1.126.3"
+  checksum: 10/5ab1537f87c5e032157c02cc4747986eaeab19c2ec45be7da1c4eed8a4fb0ba61d3674203019336c9a46c8a04e70c4927ddca2b4eb07f048e3762eb7a637039f
+  languageName: node
+  linkType: hard
+
+"@tamagui/font-silkscreen@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/font-silkscreen@npm:1.126.3"
+  dependencies:
+    "@tamagui/core": "npm:1.126.3"
+  checksum: 10/bce34b5e6b4be0ce142dfcc067310edee2ea55f0e0367a397e8ae49476fe0f8efd7009d9a83f4e730196a777d11e79d84b5022b962c435ff54e7eafad843f003
+  languageName: node
+  linkType: hard
+
+"@tamagui/font-size@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/font-size@npm:1.126.3"
+  dependencies:
+    "@tamagui/core": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/fed74dfe4bfa6a008cee4e968c1bb4553657e95b14491ae9739b24ddb0e7426f1d6c175c317569fd00b523723062b231e90aac8541dfea6247c0e9080c37e913
+  languageName: node
+  linkType: hard
+
+"@tamagui/form@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/form@npm:1.126.3"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/focusable": "npm:1.126.3"
+    "@tamagui/get-button-sized": "npm:1.126.3"
+    "@tamagui/get-font-sized": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/text": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/d81347303c8f3aed3cbb948f5d8c93119ab00131b833450624b81bf9cbb39ebf0e5fd529d88447b7be0cd1bd6d796442a45d109ce19e34a166cb5b83515f5da0
+  languageName: node
+  linkType: hard
+
+"@tamagui/generate-themes@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/generate-themes@npm:1.126.3"
+  dependencies:
+    "@tamagui/create-theme": "npm:1.126.3"
+    "@tamagui/theme-builder": "npm:1.126.3"
+    "@tamagui/types": "npm:1.126.3"
+    esbuild-register: "npm:^3.6.0"
+    fs-extra: "npm:^11.2.0"
+  checksum: 10/2683f803eaf0836c583d5551aeccb043cdcc0ca113e308a9ef5de2b5939fbf46da4c5ead477be89ab24450422577608f9546dd5e961ea95c8c67294622faff68
+  languageName: node
+  linkType: hard
+
+"@tamagui/get-button-sized@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/get-button-sized@npm:1.126.3"
+  dependencies:
+    "@tamagui/get-token": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/d93287ba90fc79e26aedc64e6d01b7ab9de4811a5ebad94c8bc4f554ac6c8df070770a44e70e8676d95b443fcd4bf3f7dd8142a8c816da92492eea8e2d9455aa
+  languageName: node
+  linkType: hard
+
+"@tamagui/get-font-sized@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/get-font-sized@npm:1.126.3"
+  dependencies:
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/068861fd433ad5754de22c55953894de357d100968e0952acd1120e25d11d509d2a43f1c635722e396ad5af4de91165163618a45efb6444c6dac81827c95a4f9
+  languageName: node
+  linkType: hard
+
+"@tamagui/get-token@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/get-token@npm:1.126.3"
+  dependencies:
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/526a5d9d61cde670b0f2ccbb6651383c16bace9cbcfa392c2263a2112a7a55c99915f25bbf17c275bfc640dd272bf591597d20ddde7ebe194ff4f53b8b268f77
+  languageName: node
+  linkType: hard
+
+"@tamagui/group@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/group@npm:1.126.3"
+  dependencies:
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/423066534e2013093c77c0ec1233b43b720fee8cdbdb0cdb9cc4b50d9e5738c64272dc38d1f52a353a41717d484afe10bbb4c0e6731c56e398a71c752fd270f6
+  languageName: node
+  linkType: hard
+
+"@tamagui/helpers-node@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/helpers-node@npm:1.126.3"
+  dependencies:
+    "@tamagui/types": "npm:1.126.3"
+  checksum: 10/67daa8ba73dd354f81fbf28fef03e09563e49955e483a3277b8b45d258641c05fd5b3ba9406c65c2e26abb9322ad5475242d5f45cf8b05123573a6cd062a98bb
+  languageName: node
+  linkType: hard
+
+"@tamagui/helpers-tamagui@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/helpers-tamagui@npm:1.126.3"
+  dependencies:
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/0030da8ad750546e8085b1e844e7ecb3651246719baeca2b7ff5202c8f2b755a9fc527325d38bb68158d6396c0779f0ddce8ed1d2c695ec5369a2e59f82eb781
+  languageName: node
+  linkType: hard
+
+"@tamagui/helpers@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/helpers@npm:1.126.3"
+  dependencies:
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/simple-hash": "npm:1.126.3"
+  checksum: 10/a2d70e6789910b87c7b08f55e69f0e9cb6c2c5e3d90a23ba9a50befd42f72316485e797e9b3fa1d5419092f82a24bb6bcc1d33c672a60ab1ba5e7ec0ff8653e2
+  languageName: node
+  linkType: hard
+
+"@tamagui/image@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/image@npm:1.126.3"
+  dependencies:
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/80fc20ccb088eedfe5f7a51d5d912a3ea71de8a62cce18cf87034bd4e88d6048b414dd3f1a6325de2f4895ee2e8230a579c01eda9b7a40996ccac487a8cc09c3
+  languageName: node
+  linkType: hard
+
+"@tamagui/label@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/label@npm:1.126.3"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/focusable": "npm:1.126.3"
+    "@tamagui/get-button-sized": "npm:1.126.3"
+    "@tamagui/get-font-sized": "npm:1.126.3"
+    "@tamagui/text": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/7f9b16744eccf9ed60d9128e0c20477611e2784ba6af05344538466aea9b927bf0bfa1296a5aacca494b835d5fe41b3181c0db4ecaaa66d609175c76fb448a10
+  languageName: node
+  linkType: hard
+
+"@tamagui/linear-gradient@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/linear-gradient@npm:1.126.3"
+  dependencies:
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/f984b9b780deee84fa8f1586fe4eef747d95bfc731e8bc8b1a1c80158ddb761a2988df2ccc5d1f450d7daba3944bf2992781434e300c2f322937a7510a27d87b
+  languageName: node
+  linkType: hard
+
+"@tamagui/list-item@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/list-item@npm:1.126.3"
+  dependencies:
+    "@tamagui/font-size": "npm:1.126.3"
+    "@tamagui/get-font-sized": "npm:1.126.3"
+    "@tamagui/get-token": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/helpers-tamagui": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/text": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/6bd9698369df30862cb15b788a0c8c4893fe008cfffbbff3277ebdce390504c9f0a30a231c85ea81935e0e7be16b54f085d215fe8e636f20a4f051bedcc032cb
+  languageName: node
+  linkType: hard
+
+"@tamagui/normalize-css-color@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/normalize-css-color@npm:1.126.3"
+  dependencies:
+    "@react-native/normalize-color": "npm:^2.1.0"
+  checksum: 10/7275a75a3540c4284ecd7881bdf90b37093349f431766501a7f45242d742ae899590346d58efa7b9a655d4436e277330d9dc6a0fa4c2ab523ef03df7034bbfdd
+  languageName: node
+  linkType: hard
+
+"@tamagui/polyfill-dev@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/polyfill-dev@npm:1.126.3"
+  checksum: 10/30f5198208d838b8da7aa4383c1eee65bbfaccd15da588a5c269c8e676f21bbeb7c6fe282ac00fc4caf58487daf46c0147a6cb81e4908644e6650cff0742d64a
+  languageName: node
+  linkType: hard
+
+"@tamagui/popover@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/popover@npm:1.126.3"
+  dependencies:
+    "@floating-ui/react": "npm:^0.27.4"
+    "@tamagui/adapt": "npm:1.126.3"
+    "@tamagui/animate": "npm:1.126.3"
+    "@tamagui/aria-hidden": "npm:1.126.3"
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/dismissable": "npm:1.126.3"
+    "@tamagui/floating": "npm:1.126.3"
+    "@tamagui/focus-scope": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/polyfill-dev": "npm:1.126.3"
+    "@tamagui/popper": "npm:1.126.3"
+    "@tamagui/portal": "npm:1.126.3"
+    "@tamagui/remove-scroll": "npm:1.126.3"
+    "@tamagui/scroll-view": "npm:1.126.3"
+    "@tamagui/sheet": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+    react-freeze: "npm:^1.0.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/cebb3d28561ab9a204bb062f8358ca3a3a51d2baf3c770860fad8f78e8de27c6a7874efa146fb7b7a6dc268049540460f9fe6f1d3d01462209bd7b95d385e2b5
+  languageName: node
+  linkType: hard
+
+"@tamagui/popper@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/popper@npm:1.126.3"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/floating": "npm:1.126.3"
+    "@tamagui/get-token": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/start-transition": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/5910bd5168c9bda5ea654773d94da8c4ac11074e4e37a12ca222ac3a5b15dd314a8b73abadcd4ea291fe9d1258b2f59bf79e5c60695b6146ff0693336a704382
+  languageName: node
+  linkType: hard
+
+"@tamagui/portal@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/portal@npm:1.126.3"
+  dependencies:
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/start-transition": "npm:1.126.3"
+    "@tamagui/use-did-finish-ssr": "npm:1.126.3"
+    "@tamagui/use-event": "npm:1.126.3"
+    "@tamagui/z-index-stack": "npm:1.126.3"
+  checksum: 10/806d0dbc3eb35aeff52e03d5302544454f6b9148a225092bc77d431bcca868ae616f0010a45d39dfd2ff73b051379d2c90d9b51d4cc8b1595e7ecc8be3271845
+  languageName: node
+  linkType: hard
+
+"@tamagui/progress@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/progress@npm:1.126.3"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/get-token": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/00a33c28fdc73ad6ab9efe795aacce52c5cc9d13eb6186cf0bfafc87933ea6dcbb5ccf9e84a7d11164e76aafb4b3835415b4c70e138dbea1d683f0abce2e9548
+  languageName: node
+  linkType: hard
+
+"@tamagui/proxy-worm@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/proxy-worm@npm:1.126.3"
+  checksum: 10/aa7b80a63ec7042a04750b162166ac664a4c4346c8db0280743b47c4bd4031cc7d8f4841a129ad471e3ce69e83bbb5247e304d55c05be9753067c53182fd22d6
+  languageName: node
+  linkType: hard
+
+"@tamagui/radio-group@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/radio-group@npm:1.126.3"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/focusable": "npm:1.126.3"
+    "@tamagui/get-token": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/label": "npm:1.126.3"
+    "@tamagui/radio-headless": "npm:1.126.3"
+    "@tamagui/roving-focus": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+    "@tamagui/use-previous": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/ef1f71c9c2784eb5d975ea27cc731eb1b51730804c5c8193eb7bb6ec0eeba0303bb2b690500ca92c1aa63ca6124489d40d21c6973df54e39596bffdd2812fa10
+  languageName: node
+  linkType: hard
+
+"@tamagui/radio-headless@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/radio-headless@npm:1.126.3"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/focusable": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/label": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+    "@tamagui/use-previous": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/6d3e85f52f22d91723cdad4b1615338166ece7e0e53fa8017083e6f2001d4f1d0f445df7e9f70ac3ca1d5407afb74df235e2396eac849c1de8eb76796baa8f96
+  languageName: node
+  linkType: hard
+
+"@tamagui/react-native-media-driver@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/react-native-media-driver@npm:1.126.3"
+  dependencies:
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react-native: "*"
+  checksum: 10/ef7c105bf86d03ef7d9b41a1d15e77dac73650dd9e3ff7757735ae5b24b0053951aadeb85e7de04ff9bc41d28e5ce29c1543b03bb244e2122d3967c5f0c8bcee
+  languageName: node
+  linkType: hard
+
+"@tamagui/react-native-use-pressable@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/react-native-use-pressable@npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/900048fad4b7223e81da02fdad069842988c73ab58792e34453d7c1f461164631887c12645f9e3934f4a579483588ba22a15be3c014b7af51c89d1321a798445
+  languageName: node
+  linkType: hard
+
+"@tamagui/react-native-use-responder-events@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/react-native-use-responder-events@npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/9c7ecff3072acdfb9e002fcfdf0e4e11dbaae2e09e4c05df4266aca7d77efb7731ef00c2bdd3f693dc6a16fde4b497fd4f105edba62699c1db2c0f6936d348ea
+  languageName: node
+  linkType: hard
+
+"@tamagui/react-native-web-internals@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/react-native-web-internals@npm:1.126.3"
+  dependencies:
+    "@tamagui/normalize-css-color": "npm:1.126.3"
+    "@tamagui/react-native-use-pressable": "npm:1.126.3"
+    "@tamagui/react-native-use-responder-events": "npm:1.126.3"
+    "@tamagui/simple-hash": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+    react: "npm:*"
+  checksum: 10/8c710cb2abd0146295b1d75c979f030915d3e9392b2ce6c5072b601372e0af93848e12aa10d7d9746b7d75f7543c1e883a79f20267796a84ae8a9790e752a4af
+  languageName: node
+  linkType: hard
+
+"@tamagui/react-native-web-lite@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/react-native-web-lite@npm:1.126.3"
+  dependencies:
+    "@tamagui/normalize-css-color": "npm:1.126.3"
+    "@tamagui/react-native-use-pressable": "npm:1.126.3"
+    "@tamagui/react-native-use-responder-events": "npm:1.126.3"
+    "@tamagui/react-native-web-internals": "npm:1.126.3"
+    invariant: "npm:^2.2.4"
+  peerDependencies:
+    react: "*"
+  checksum: 10/6b7888ac2d7e85457a9debb764d2c351da01b5135912aeb49043fd3cc63f5c41bb7462bf4b0244fde903f3dbf38d8abf3267db8c9a047b37a9e1a61c3d90d734
+  languageName: node
+  linkType: hard
+
+"@tamagui/remove-scroll@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/remove-scroll@npm:1.126.3"
+  dependencies:
+    react-remove-scroll: "npm:^2.6.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/c51adf69c08a441a01626bd6f2320e8d11f416e056a5b40241afef240a84950425ce8c3a6c298eb8e2e6d05a471dfcf2af579a3a4adc6c1921792888d36fd518
+  languageName: node
+  linkType: hard
+
+"@tamagui/roving-focus@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/roving-focus@npm:1.126.3"
+  dependencies:
+    "@tamagui/collection": "npm:1.126.3"
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+    "@tamagui/use-direction": "npm:1.126.3"
+    "@tamagui/use-event": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/7aba54f26c71e840dd8f77f8d80d359b34eb3922985037d95108d5eacdda3925f5c32c9e95e3a20b386b27fc3445503187516e6701e84ad84cb77f06c4f54635
+  languageName: node
+  linkType: hard
+
+"@tamagui/scroll-view@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/scroll-view@npm:1.126.3"
+  dependencies:
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/458d99786517ba389901ef391bbac09fd47f82d503f3ff57ec8cb6548ef95b33fc453e6dfb1e0919e18830fb0bcc3661934faede794fcd148e5c5bc7bf7a62ba
+  languageName: node
+  linkType: hard
+
+"@tamagui/select@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/select@npm:1.126.3"
+  dependencies:
+    "@floating-ui/react": "npm:^0.27.4"
+    "@floating-ui/react-dom": "npm:^2.1.2"
+    "@floating-ui/react-native": "npm:^0.10.7"
+    "@tamagui/adapt": "npm:1.126.3"
+    "@tamagui/animate-presence": "npm:1.126.3"
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/dismissable": "npm:1.126.3"
+    "@tamagui/focus-scope": "npm:1.126.3"
+    "@tamagui/get-token": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/list-item": "npm:1.126.3"
+    "@tamagui/portal": "npm:1.126.3"
+    "@tamagui/remove-scroll": "npm:1.126.3"
+    "@tamagui/separator": "npm:1.126.3"
+    "@tamagui/sheet": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/text": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+    "@tamagui/use-debounce": "npm:1.126.3"
+    "@tamagui/use-event": "npm:1.126.3"
+    "@tamagui/use-previous": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/eecf757cb6892452ac3287d3fa7820d34744c30de63fa1739c5a0da04ca38d792977b08ef8480d1440cf713e8cde6991588930365685ca4a27a6d8fa50a15b48
+  languageName: node
+  linkType: hard
+
+"@tamagui/separator@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/separator@npm:1.126.3"
+  dependencies:
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/f3d78b92db1e745f5b638901463e53e73e8483300278003e8dc98b335f3b7b5dcb17b012d13cdecf69b28391417e15a84ed4c31153021b890cf95dcb456b3bb6
+  languageName: node
+  linkType: hard
+
+"@tamagui/shapes@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/shapes@npm:1.126.3"
+  dependencies:
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/2df8592d452dd34d22170361751e23584b47f951256b51764b776103f26f56ee9abe8c91957ddb8eeb442d6861247f6ff8b845772270f384523f424cfe296c13
+  languageName: node
+  linkType: hard
+
+"@tamagui/sheet@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/sheet@npm:1.126.3"
+  dependencies:
+    "@tamagui/adapt": "npm:1.126.3"
+    "@tamagui/animate-presence": "npm:1.126.3"
+    "@tamagui/animations-react-native": "npm:1.126.3"
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/portal": "npm:1.126.3"
+    "@tamagui/remove-scroll": "npm:1.126.3"
+    "@tamagui/scroll-view": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/use-constant": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+    "@tamagui/use-did-finish-ssr": "npm:1.126.3"
+    "@tamagui/use-keyboard-visible": "npm:1.126.3"
+    "@tamagui/z-index-stack": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/d453e8481a86c841b20590ecda339cd4cc2edb63f1276f498c671fe50ef105cbd70b454862402a2f6a917f9c118ceb7bddde58e7a7efc691ecfbd387dafab023
+  languageName: node
+  linkType: hard
+
+"@tamagui/shorthands@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/shorthands@npm:1.126.3"
+  dependencies:
+    "@tamagui/web": "npm:1.126.3"
+  checksum: 10/3b75681761779acfb2c9b815963f28cc319e731ab6eee3c06a5923f05f71b6cc21674d507ab6bf573f3c48b707952ee448c1209560eec2973afeda22e0273bc7
+  languageName: node
+  linkType: hard
+
+"@tamagui/simple-hash@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/simple-hash@npm:1.126.3"
+  checksum: 10/587314bea4dbf13e6fce0d6717240aafbde1a589c586180b23fc43f6fd6c91f3b53eb777de1da30473ac029948323c80ec1f631874caa92f9c41cb61be1b077e
+  languageName: node
+  linkType: hard
+
+"@tamagui/slider@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/slider@npm:1.126.3"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/get-token": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+    "@tamagui/use-debounce": "npm:1.126.3"
+    "@tamagui/use-direction": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/fb6e0a4fe4b1e0545f764af8fbf1f3363ac8fa42c9ecdb6ff632555a2befc5e7285d52e94016de26dece7cbe85fb2fac91d51e770820efb2c97d573fe81ec473
+  languageName: node
+  linkType: hard
+
+"@tamagui/stacks@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/stacks@npm:1.126.3"
+  dependencies:
+    "@tamagui/core": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/05a2dfb8847b1e50db7b47060cdcaa36e660f68ddafe292261cff7f8c4566545456992577fe3e6a4fc1602e6a9465bf309badd9b6c922a6f4602d10e6a6c3c19
+  languageName: node
+  linkType: hard
+
+"@tamagui/start-transition@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/start-transition@npm:1.126.3"
+  checksum: 10/cea281f7f1d24a54f4ad2dc939c5c46b1d12b7f022418d2e8bc4227b9fee3441434801801dd52316d2d02ecc435f5c6ead29460466c5690621150514233b5d8e
+  languageName: node
+  linkType: hard
+
+"@tamagui/static@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/static@npm:1.126.3"
+  dependencies:
+    "@babel/core": "npm:^7.25.2"
+    "@babel/generator": "npm:^7.25.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/parser": "npm:^7.25.4"
+    "@babel/plugin-transform-react-jsx": "npm:^7.25.2"
+    "@babel/runtime": "npm:^7.25.4"
+    "@babel/traverse": "npm:^7.25.4"
+    "@babel/types": "npm:^7.25.4"
+    "@tamagui/build": "npm:1.126.3"
+    "@tamagui/cli-color": "npm:1.126.3"
+    "@tamagui/config-default": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/fake-react-native": "npm:1.126.3"
+    "@tamagui/generate-themes": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/helpers-node": "npm:1.126.3"
+    "@tamagui/proxy-worm": "npm:1.126.3"
+    "@tamagui/react-native-web-internals": "npm:1.126.3"
+    "@tamagui/react-native-web-lite": "npm:1.126.3"
+    "@tamagui/shorthands": "npm:1.126.3"
+    "@tamagui/types": "npm:1.126.3"
+    babel-literal-to-ast: "npm:^2.1.0"
+    browserslist: "npm:^4.22.2"
+    check-dependency-version-consistency: "npm:^4.1.0"
+    esbuild: "npm:^0.25.0"
+    esbuild-register: "npm:^3.6.0"
+    fast-glob: "npm:^3.2.11"
+    find-cache-dir: "npm:^3.3.2"
+    find-root: "npm:^1.1.0"
+    fs-extra: "npm:^11.2.0"
+    invariant: "npm:^2.2.4"
+    js-yaml: "npm:^4.1.0"
+    lodash: "npm:^4.17.21"
+    react-native-web: "npm:^0.20.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/737a5a37c5d84501575adacb97ad7ecf74882416ebb67777d09b76737f52b59626ec004675a38d98dd4f9b95dc484b793026e26dd321c7d1284b1054df9e6990
+  languageName: node
+  linkType: hard
+
+"@tamagui/switch-headless@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/switch-headless@npm:1.126.3"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/label": "npm:1.126.3"
+    "@tamagui/use-previous": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/ad39901ef13d294a3910f9745125a3339f3ffb418dbd93aafb56139bb5ad7b1b616a4b9b6751bab533fded89b19ee302296a0aababa4433c50c78daaca755ea2
+  languageName: node
+  linkType: hard
+
+"@tamagui/switch@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/switch@npm:1.126.3"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/focusable": "npm:1.126.3"
+    "@tamagui/get-token": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/label": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/switch-headless": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+    "@tamagui/use-previous": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/98b01f070f7ccbd260109abe770374278435aa51fb411eb5e0facb1f63b02252dcb806f1f88cf308194ff54d204f31b62c1fc73a38cb5e2c21209c5b93f85629
+  languageName: node
+  linkType: hard
+
+"@tamagui/tabs@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/tabs@npm:1.126.3"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/get-button-sized": "npm:1.126.3"
+    "@tamagui/group": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/roving-focus": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+    "@tamagui/use-direction": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/3390508f3e501d3d1575146d9b6f1426b06e57995cfd71f26e35359e714c29cc33e70120c6520f293952d447c0b17c3bb2a9df7e811a5994da61058f12856376
+  languageName: node
+  linkType: hard
+
+"@tamagui/text@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/text@npm:1.126.3"
+  dependencies:
+    "@tamagui/get-font-sized": "npm:1.126.3"
+    "@tamagui/helpers-tamagui": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/a1897ec8e59b631553cd47cb722e445dc7129f1ca81889d5b754e221133ec96c15510f46ef12c21ebe5feb2e71a2094476514e46e3f156e8c914126d0e3ef2fc
+  languageName: node
+  linkType: hard
+
+"@tamagui/theme-builder@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/theme-builder@npm:1.126.3"
+  dependencies:
+    "@tamagui/create-theme": "npm:1.126.3"
+    color2k: "npm:^2.0.2"
+  checksum: 10/c6b949171ac4695608610d9b7d4dc4e13fea6d4cb4185dda46abfa212a948197d12a21e5ee8f05cfc5f2891b1f886a38bc6261a06899ae5be357099cb435f4d7
+  languageName: node
+  linkType: hard
+
+"@tamagui/theme@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/theme@npm:1.126.3"
+  dependencies:
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/d43c81f90501bc2350fa9c73caa8e50ae5c106330be4c05b2be89fccad50fa75723abf4187353d0e2192b84c0c505bebbfb8a79ca76b39dec513830a55f46b18
+  languageName: node
+  linkType: hard
+
+"@tamagui/themes@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/themes@npm:1.126.3"
+  dependencies:
+    "@tamagui/colors": "npm:1.126.3"
+    "@tamagui/create-theme": "npm:1.126.3"
+    "@tamagui/theme-builder": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+    color2k: "npm:^2.0.2"
+  checksum: 10/5aaaa9ef4706403cd8de7fd0610dc6acd5320ef1412c7f74b0285a2e46112bc6549f6fa94eb1ae0095f2e40910be0b528f1a64f2cbcad779397f632030f49e22
+  languageName: node
+  linkType: hard
+
+"@tamagui/timer@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/timer@npm:1.126.3"
+  checksum: 10/055bd390ccb4721fdec6f2d1532b1eb3cc3a40dc2a4ac8a83017a032a65ddd7e27acfa5c1a86c41f2a608c1f3bb27d1e991b72235aff2f4a9c79b09979259640
+  languageName: node
+  linkType: hard
+
+"@tamagui/toast@npm:^1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/toast@npm:1.126.3"
+  dependencies:
+    "@tamagui/animate-presence": "npm:1.126.3"
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/dismissable": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/polyfill-dev": "npm:1.126.3"
+    "@tamagui/portal": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/start-transition": "npm:1.126.3"
+    "@tamagui/text": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+    "@tamagui/visually-hidden": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/62d4423325c4e9670f1984b4b218f957e8f51c4a8e4a07c6d0e9234c21526a4eebcd4f271807ca879dd2790f31961657f5a29e34d4328cf92764577cbc7c2bfb
+  languageName: node
+  linkType: hard
+
+"@tamagui/toggle-group@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/toggle-group@npm:1.126.3"
+  dependencies:
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/focusable": "npm:1.126.3"
+    "@tamagui/font-size": "npm:1.126.3"
+    "@tamagui/get-token": "npm:1.126.3"
+    "@tamagui/group": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/helpers-tamagui": "npm:1.126.3"
+    "@tamagui/roving-focus": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+    "@tamagui/use-direction": "npm:1.126.3"
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/b73023918f2d6031613a9258ed28b77919ba4005fd1f9e0c509cb6086f47c5a65f6fec89bc3bc3b5756bc19722e0a28d4db4e9c88cce7af4ec21843f2ef02939
+  languageName: node
+  linkType: hard
+
+"@tamagui/tooltip@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/tooltip@npm:1.126.3"
+  dependencies:
+    "@floating-ui/react": "npm:^0.27.4"
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/floating": "npm:1.126.3"
+    "@tamagui/get-token": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/polyfill-dev": "npm:1.126.3"
+    "@tamagui/popover": "npm:1.126.3"
+    "@tamagui/popper": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/text": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/431e7c2df94545d17dd32b1607d10f9093e904e76c905364f3fa39a57ef507981717e3f0fa83a5d82492895ded704508f4957d5ac34307b405a4444e62850497
+  languageName: node
+  linkType: hard
+
+"@tamagui/types@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/types@npm:1.126.3"
+  checksum: 10/c9f15f4c9535450edde27bc09b2b47aac5d4b936ae83935506b41e439b650fd73f3bf69b54e92720133fc2bfe7a05ddc1e2f19ed065f01191e4698a4d09859b1
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-callback-ref@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/use-callback-ref@npm:1.126.3"
+  checksum: 10/dbfed4fcc073f116c7ae942475273d909d0cd12dd3c3d839268e1fb63e957c59e70e5f3aee9e4c79d0b351a2123f52e2e2816cedcb3b2d56ae3b5cc0f231975a
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-constant@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/use-constant@npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/f6ab3f963810aa9248f1a1ac77c7f4bd1c814e8ee232fe03efb2100e79ad903d80776b582fb821670bc74bf07b00be982ba63b6092c56b03712d41dad0d0b5c4
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-controllable-state@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/use-controllable-state@npm:1.126.3"
+  dependencies:
+    "@tamagui/start-transition": "npm:1.126.3"
+    "@tamagui/use-event": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/bf2567c6721b9326350c470deef42d79ac3c8295cdcb1a84df9097176b801c328c5a913dbf13f9c0b31236bb151881fdb4db2a958cc3a0f55a3c48490bf72c43
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-debounce@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/use-debounce@npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/8690126a910af9579cb0599fba0dc1892b2852ca95f31c1bf4ca7fd3015c6823f71ed0ca83d6f8a268ebfd29dc9d243a5f827a5c75e0ba4225b29d591b19c0dc
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-did-finish-ssr@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/use-did-finish-ssr@npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/ca3508f34acbbda2f4dbd873faca9a03ec3f51e3da711cd1646dee623e18ff68ef878e0c0d2afe078a5c63f19bc941b5a4f7ed97bac27916908e1013dddba021
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-direction@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/use-direction@npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/a347300cbf4412351a6ab24a8977a61b81b56b052cce5fd0bb9c269f917c321fd54d80a28964e5491aa705822e9379bb2276ebee488d805b6060396f633c4085
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-escape-keydown@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/use-escape-keydown@npm:1.126.3"
+  dependencies:
+    "@tamagui/use-callback-ref": "npm:1.126.3"
+  checksum: 10/de271c2089d392a08ea167aa4ca00000a82f09e5669ca0a65827d2ef3d3d02cafdcf0ea7994a3774e053bb0cdda2c006607ca1250496308cd41b6867ab4d1a54
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-event@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/use-event@npm:1.126.3"
+  dependencies:
+    "@tamagui/constants": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/50b5bf26531a01c65e859aae2ac969a9a2d55652e1afc798e7c3e6991617afbce5cc785c0852e1f8ceb6a5f9b19b6cf8a1522ff4f508d469c5c03bab6df35fc8
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-force-update@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/use-force-update@npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/6c9174c955ff1f0c6e5854e61245f7d636b1982f0a981bb8167366320245be8f25fcbd4f028666769b96a67064faf67bfc29bbde3091425e080aedb2c181af69
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-keyboard-visible@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/use-keyboard-visible@npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/93fe05e9c56dbf02d72f5fe5866473ba41d9324c8748ba874722f661a2957a1c91245474e9560dde6668d8d1b5a73fdd5dfafd8dce064882fdbd01ebd8bde069
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-presence@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/use-presence@npm:1.126.3"
+  dependencies:
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/267857ecaadc36ec24a872b96e152e8d3cc07286f11c53288464fd432c772364518895057dcce37ee860802fe4221289c62ad3db20e7b0e985cd75544a07d89c
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-previous@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/use-previous@npm:1.126.3"
+  checksum: 10/6d10a202435de5c7018f735e5ea250d77913d1c0619741e65972b1ccae5232faf8ff6108c277980aab8779d7dbd51b6668a6054ab94d83b28c5f845bc74f5129
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-window-dimensions@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/use-window-dimensions@npm:1.126.3"
+  dependencies:
+    "@tamagui/constants": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/71e7af10bb170efb9064aec2bf59e0b357ddfe73189fb16fc31a47096dff3c7bda24bc71b1c7a99021005f8d48ec3080707bd36627bf9f6e1d6c320182ad49c3
+  languageName: node
+  linkType: hard
+
+"@tamagui/visually-hidden@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/visually-hidden@npm:1.126.3"
+  dependencies:
+    "@tamagui/web": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/a50e6e488057b5c0e963c0de7ef94e6a736f6328638e0ba99bf4f7db6b80978a0bfd938259fb4cfa885944d5235e2a246290a721ef2fd5afd7f66c6ca966072e
+  languageName: node
+  linkType: hard
+
+"@tamagui/web@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/web@npm:1.126.3"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/helpers": "npm:1.126.3"
+    "@tamagui/normalize-css-color": "npm:1.126.3"
+    "@tamagui/timer": "npm:1.126.3"
+    "@tamagui/types": "npm:1.126.3"
+    "@tamagui/use-did-finish-ssr": "npm:1.126.3"
+    "@tamagui/use-event": "npm:1.126.3"
+    "@tamagui/use-force-update": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+    react-dom: "*"
+  checksum: 10/45f4dd34a36e5a038d99cfcb147c02436aac4c588c975ac9722a92224860912fc2850d306b2645756b0f8c88788fa6e5c6f5e6cfe22e6fdf2b5612a17cf8f898
+  languageName: node
+  linkType: hard
+
+"@tamagui/z-index-stack@npm:1.126.3":
+  version: 1.126.3
+  resolution: "@tamagui/z-index-stack@npm:1.126.3"
+  checksum: 10/1d1aa6b46316cfd9f332d27e21b5f5fabcbe516bcecc653a77b3a9035d5efc0c80f1b2da8759ba2fe5c750962bdf28b7e9153bfc2293f43124637dd66b321c42
+  languageName: node
+  linkType: hard
+
+"@testing-library/cypress@npm:^10.0.2":
+  version: 10.0.2
+  resolution: "@testing-library/cypress@npm:10.0.2"
+  dependencies:
+    "@babel/runtime": "npm:^7.14.6"
+    "@testing-library/dom": "npm:^10.1.0"
+  peerDependencies:
+    cypress: ^12.0.0 || ^13.0.0
+  checksum: 10/8eaa8c38808350b2adfd75a8b51d28bd862bfa7249188e070ef6022338c6b90f7dc3a9db1f58509bd16e21a17f8409498e12afec852a2807e47f86a170baa0c2
+  languageName: node
+  linkType: hard
+
+"@testing-library/dom@npm:10.4.0, @testing-library/dom@npm:^10.1.0":
+  version: 10.4.0
+  resolution: "@testing-library/dom@npm:10.4.0"
+  dependencies:
+    "@babel/code-frame": "npm:^7.10.4"
+    "@babel/runtime": "npm:^7.12.5"
+    "@types/aria-query": "npm:^5.0.1"
+    aria-query: "npm:5.3.0"
+    chalk: "npm:^4.1.0"
+    dom-accessibility-api: "npm:^0.5.9"
+    lz-string: "npm:^1.5.0"
+    pretty-format: "npm:^27.0.2"
+  checksum: 10/05825ee9a15b88cbdae12c137db7111c34069ed3c7a1bd03b6696cb1b37b29f6f2d2de581ebf03033e7df1ab7ebf08399310293f440a4845d95c02c0a9ecc899
+  languageName: node
+  linkType: hard
+
+"@testing-library/jest-dom@npm:6.5.0":
+  version: 6.5.0
+  resolution: "@testing-library/jest-dom@npm:6.5.0"
+  dependencies:
+    "@adobe/css-tools": "npm:^4.4.0"
+    aria-query: "npm:^5.0.0"
+    chalk: "npm:^3.0.0"
+    css.escape: "npm:^1.5.1"
+    dom-accessibility-api: "npm:^0.6.3"
+    lodash: "npm:^4.17.21"
+    redent: "npm:^3.0.0"
+  checksum: 10/3d2080888af5fd7306f57448beb5a23f55d965e265b5e53394fffc112dfb0678d616a5274ff0200c46c7618f293520f86fc8562eecd8bdbc0dbb3294d63ec431
+  languageName: node
+  linkType: hard
+
+"@testing-library/jest-dom@npm:^6.6.3":
+  version: 6.6.3
+  resolution: "@testing-library/jest-dom@npm:6.6.3"
+  dependencies:
+    "@adobe/css-tools": "npm:^4.4.0"
+    aria-query: "npm:^5.0.0"
+    chalk: "npm:^3.0.0"
+    css.escape: "npm:^1.5.1"
+    dom-accessibility-api: "npm:^0.6.3"
+    lodash: "npm:^4.17.21"
+    redent: "npm:^3.0.0"
+  checksum: 10/1f3427e45870eab9dcc59d6504b780d4a595062fe1687762ae6e67d06a70bf439b40ab64cf58cbace6293a99e3764d4647fdc8300a633b721764f5ce39dade18
+  languageName: node
+  linkType: hard
+
+"@testing-library/react-native@npm:^13.1.0, @testing-library/react-native@npm:^13.2.0":
+  version: 13.2.0
+  resolution: "@testing-library/react-native@npm:13.2.0"
+  dependencies:
+    chalk: "npm:^4.1.2"
+    jest-matcher-utils: "npm:^29.7.0"
+    pretty-format: "npm:^29.7.0"
+    redent: "npm:^3.0.0"
+  peerDependencies:
+    jest: ">=29.0.0"
+    react: ">=18.2.0"
+    react-native: ">=0.71"
+    react-test-renderer: ">=18.2.0"
+  peerDependenciesMeta:
+    jest:
+      optional: true
+  checksum: 10/b5c4bc61ed61ceb835224e223a528bb1a43c82776f964511f53559c8bd606feb11b85654abfe7ef5bdebd25fa5855682ebcf50afdab9aaffce45d46decdcf29e
+  languageName: node
+  linkType: hard
+
+"@testing-library/react@npm:^16.1.0":
+  version: 16.1.0
+  resolution: "@testing-library/react@npm:16.1.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.12.5"
+  peerDependencies:
+    "@testing-library/dom": ^10.0.0
+    "@types/react": ^18.0.0 || ^19.0.0
+    "@types/react-dom": ^18.0.0 || ^19.0.0
+    react: ^18.0.0 || ^19.0.0
+    react-dom: ^18.0.0 || ^19.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 10/2a20e0dbfadbc93d45a84e82281ed47deed54a6a5fc1461a523172d7fbc0481e8502cf98a2080f38aba94290b3d745671a1c9e320e6f76ad6afcca67c580b963
+  languageName: node
+  linkType: hard
+
+"@testing-library/user-event@npm:14.5.2, @testing-library/user-event@npm:^14.5.2":
+  version: 14.5.2
+  resolution: "@testing-library/user-event@npm:14.5.2"
+  peerDependencies:
+    "@testing-library/dom": ">=7.21.4"
+  checksum: 10/49821459d81c6bc435d97128d6386ca24f1e4b3ba8e46cb5a96fe3643efa6e002d88c1b02b7f2ec58da593e805c59b78d7fdf0db565c1f02ba782f63ee984040
+  languageName: node
+  linkType: hard
+
+"@tootallnate/once@npm:2":
+  version: 2.0.0
+  resolution: "@tootallnate/once@npm:2.0.0"
+  checksum: 10/ad87447820dd3f24825d2d947ebc03072b20a42bfc96cbafec16bff8bbda6c1a81fcb0be56d5b21968560c5359a0af4038a68ba150c3e1694fe4c109a063bed8
+  languageName: node
+  linkType: hard
+
+"@trezor/analytics@npm:1.4.2":
+  version: 1.4.2
+  resolution: "@trezor/analytics@npm:1.4.2"
+  dependencies:
+    "@trezor/env-utils": "npm:1.4.2"
+    "@trezor/utils": "npm:9.4.2"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/56b77463c65ee21bf2736970ec9a5cdb7fbe2a5901075691b8e3b99457b9b4a2be1cff039057641b153dbcf7dad855bd588fca55bc6a523f0b40da4344b44fda
+  languageName: node
+  linkType: hard
+
+"@trezor/blockchain-link-types@npm:1.4.2":
+  version: 1.4.2
+  resolution: "@trezor/blockchain-link-types@npm:1.4.2"
+  dependencies:
+    "@trezor/utxo-lib": "npm:2.4.2"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/81d919767cb9fd70e089c239ef33e08f3bede087f625271b2d2f700f6bfad55e9a9250d58b99ce92321bafb28c8ebc3ab36f650f87f3ef795f658fb211e5ff42
+  languageName: node
+  linkType: hard
+
+"@trezor/blockchain-link-utils@npm:1.4.2":
+  version: 1.4.2
+  resolution: "@trezor/blockchain-link-utils@npm:1.4.2"
+  dependencies:
+    "@mobily/ts-belt": "npm:^3.13.1"
+    "@stellar/stellar-sdk": "npm:^13.3.0"
+    "@trezor/env-utils": "npm:1.4.2"
+    "@trezor/utils": "npm:9.4.2"
+    xrpl: "npm:^4.3.0"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/22ec9d9fb83eed1061e98960c2290e40c4a77e6ec9bb037bc6ea793281bfb720a5ac77359d8ff1d5c47cc77393c8e189f9a95ede73926892aa7e3e74897f7575
+  languageName: node
+  linkType: hard
+
+"@trezor/blockchain-link@npm:2.5.2":
+  version: 2.5.2
+  resolution: "@trezor/blockchain-link@npm:2.5.2"
+  dependencies:
+    "@solana-program/stake": "npm:^0.2.1"
+    "@solana-program/token": "npm:^0.5.1"
+    "@solana-program/token-2022": "npm:^0.4.2"
+    "@solana/kit": "npm:^2.1.1"
+    "@solana/rpc-types": "npm:^2.1.1"
+    "@stellar/stellar-sdk": "npm:^13.3.0"
+    "@trezor/blockchain-link-types": "npm:1.4.2"
+    "@trezor/blockchain-link-utils": "npm:1.4.2"
+    "@trezor/env-utils": "npm:1.4.2"
+    "@trezor/utils": "npm:9.4.2"
+    "@trezor/utxo-lib": "npm:2.4.2"
+    "@trezor/websocket-client": "npm:1.2.2"
+    "@types/web": "npm:^0.0.197"
+    events: "npm:^3.3.0"
+    socks-proxy-agent: "npm:8.0.5"
+    xrpl: "npm:^4.3.0"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/9521b79c9cea16c315f7735ae20d4f7b5fcb972d5d058ba2e1d494e31510996e256c0fad34aa3a825960e365937dc12f0b9e83735333a85b641325e8edcfb583
+  languageName: node
+  linkType: hard
+
+"@trezor/connect-analytics@npm:1.3.5":
+  version: 1.3.5
+  resolution: "@trezor/connect-analytics@npm:1.3.5"
+  dependencies:
+    "@trezor/analytics": "npm:1.4.2"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/d807b2b1d8dde95ca208f5fc9e8a58ff9e289e1b72e9dd0c66a656ee4cf09cbce2ed6d9631e77412a69771edd1980a4b7af346d3f2f4ba30a29a958570d5af6e
+  languageName: node
+  linkType: hard
+
+"@trezor/connect-common@npm:0.4.2":
+  version: 0.4.2
+  resolution: "@trezor/connect-common@npm:0.4.2"
+  dependencies:
+    "@trezor/env-utils": "npm:1.4.2"
+    "@trezor/utils": "npm:9.4.2"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/13c64b76bf6fce4f51f5a05613092431ce5c8ea228a7ea380a6d9376a47618e200e93c68eb835c5208c40d66d4d62544b638eb9989650ca73c7585a85e046500
+  languageName: node
+  linkType: hard
+
+"@trezor/connect-web@npm:^9.0.11":
+  version: 9.6.2
+  resolution: "@trezor/connect-web@npm:9.6.2"
+  dependencies:
+    "@trezor/connect": "npm:9.6.2"
+    "@trezor/connect-common": "npm:0.4.2"
+    "@trezor/utils": "npm:9.4.2"
+    "@trezor/websocket-client": "npm:1.2.2"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/91a4bb855d89dab42bd48968fac130a5f19372d7921f9af334e9b391a12caabdfac7001242863ffe5955b0819a12dd3d1be9743382431858abd3dd6945f79ec3
+  languageName: node
+  linkType: hard
+
+"@trezor/connect@npm:9.6.2":
+  version: 9.6.2
+  resolution: "@trezor/connect@npm:9.6.2"
+  dependencies:
+    "@ethereumjs/common": "npm:^10.0.0"
+    "@ethereumjs/tx": "npm:^10.0.0"
+    "@fivebinaries/coin-selection": "npm:3.0.0"
+    "@mobily/ts-belt": "npm:^3.13.1"
+    "@noble/hashes": "npm:^1.6.1"
+    "@scure/bip39": "npm:^1.5.1"
+    "@solana-program/compute-budget": "npm:^0.8.0"
+    "@solana-program/system": "npm:^0.7.0"
+    "@solana-program/token": "npm:^0.5.1"
+    "@solana-program/token-2022": "npm:^0.4.2"
+    "@solana/kit": "npm:^2.1.1"
+    "@trezor/blockchain-link": "npm:2.5.2"
+    "@trezor/blockchain-link-types": "npm:1.4.2"
+    "@trezor/blockchain-link-utils": "npm:1.4.2"
+    "@trezor/connect-analytics": "npm:1.3.5"
+    "@trezor/connect-common": "npm:0.4.2"
+    "@trezor/crypto-utils": "npm:1.1.4"
+    "@trezor/device-utils": "npm:1.1.2"
+    "@trezor/env-utils": "npm:^1.4.2"
+    "@trezor/protobuf": "npm:1.4.2"
+    "@trezor/protocol": "npm:1.2.8"
+    "@trezor/schema-utils": "npm:1.3.4"
+    "@trezor/transport": "npm:1.5.2"
+    "@trezor/type-utils": "npm:1.1.8"
+    "@trezor/utils": "npm:9.4.2"
+    "@trezor/utxo-lib": "npm:2.4.2"
+    blakejs: "npm:^1.2.1"
+    bs58: "npm:^6.0.0"
+    bs58check: "npm:^4.0.0"
+    cross-fetch: "npm:^4.0.0"
+    jws: "npm:^4.0.0"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/03e5cfff26203ee8cf0aae00ef124c158c0c44868b90d4a87eb7a25e37ab2507037914bf49a19e6d05e50175ca40f6d0fbd3f42b58c007992cd64f40a2c81bfd
+  languageName: node
+  linkType: hard
+
+"@trezor/crypto-utils@npm:1.1.4":
+  version: 1.1.4
+  resolution: "@trezor/crypto-utils@npm:1.1.4"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/2d02656cdca7585f95ff609849db92a6785a116b8c9705b87be5b4c60cb02d58b7bec8643511afb89d70a0098e96b2cb08d257bca8d1e2dc875eadf0d853ed71
+  languageName: node
+  linkType: hard
+
+"@trezor/device-utils@npm:1.1.2":
+  version: 1.1.2
+  resolution: "@trezor/device-utils@npm:1.1.2"
+  checksum: 10/6e34d3d7daf58298a3a8aa20bcd04dca21d10ac27b399361f38bea73ec5324d9fee1057c2630b12663cff197cded4c91ac475d92bdc65e4825ae1439e2282efc
+  languageName: node
+  linkType: hard
+
+"@trezor/env-utils@npm:1.4.2, @trezor/env-utils@npm:^1.4.2":
+  version: 1.4.2
+  resolution: "@trezor/env-utils@npm:1.4.2"
+  dependencies:
+    ua-parser-js: "npm:^2.0.4"
+  peerDependencies:
+    expo-constants: "*"
+    expo-localization: "*"
+    react-native: "*"
+    tslib: ^2.6.2
+  peerDependenciesMeta:
+    expo-constants:
+      optional: true
+    expo-localization:
+      optional: true
+    react-native:
+      optional: true
+  checksum: 10/ac117e886d33428f8a5a740775173bb0c391fc1c37365e07f41c891ba9eb3ac43d05fbe7fbe4c1646f620536d761b1bdd341307d7aefe783af38f2ee2cdd93d3
+  languageName: node
+  linkType: hard
+
+"@trezor/protobuf@npm:1.4.2":
+  version: 1.4.2
+  resolution: "@trezor/protobuf@npm:1.4.2"
+  dependencies:
+    "@trezor/schema-utils": "npm:1.3.4"
+    long: "npm:5.2.5"
+    protobufjs: "npm:7.4.0"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/ae5afe90772eab0fdf113af1467c4c782a04802f80cdd2197f964ebb68e328d223f6969d6ec99ad4cbf3a9ba62ca494c791efae387277b99c1194174ca2bcc8c
+  languageName: node
+  linkType: hard
+
+"@trezor/protocol@npm:1.2.8":
+  version: 1.2.8
+  resolution: "@trezor/protocol@npm:1.2.8"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/27d7beddfe7e3e703e66b2b33dc332b7cea585392d4a1879edc177d65fd0c6085ddbe7dcc0c10521f95c741726e74d0b71a93b0ac973e3bf8d3b0de2b3287194
+  languageName: node
+  linkType: hard
+
+"@trezor/schema-utils@npm:1.3.4":
+  version: 1.3.4
+  resolution: "@trezor/schema-utils@npm:1.3.4"
+  dependencies:
+    "@sinclair/typebox": "npm:^0.33.7"
+    ts-mixer: "npm:^6.0.3"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/a978596dcd7b559c3c93bf39dd251a4bcbc10519354bf52068310c35ed4097957e8ee8e9875871a81f07f7c46d94a343bfe388d76e62ede8345e571b681cde13
+  languageName: node
+  linkType: hard
+
+"@trezor/transport@npm:1.5.2":
+  version: 1.5.2
+  resolution: "@trezor/transport@npm:1.5.2"
+  dependencies:
+    "@trezor/protobuf": "npm:1.4.2"
+    "@trezor/protocol": "npm:1.2.8"
+    "@trezor/type-utils": "npm:1.1.8"
+    "@trezor/utils": "npm:9.4.2"
+    cross-fetch: "npm:^4.0.0"
+    usb: "npm:^2.15.0"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/fa688682077c94066111ed0c1520dbbb538e95de8bea7a2d75a77f7910f3cc518f18a3a53a4b56c4af5282f02a226fd15c3982a78c773c946a99135d2a0def7b
+  languageName: node
+  linkType: hard
+
+"@trezor/type-utils@npm:1.1.8":
+  version: 1.1.8
+  resolution: "@trezor/type-utils@npm:1.1.8"
+  checksum: 10/754c222d9f4c3969cc1f416b7d811cfe172563d84fd8ebdbb7311962533951adc57373967d201f1aa745aeea28e3c40ea9de85e200361bf0b01b55e39ee64c9b
+  languageName: node
+  linkType: hard
+
+"@trezor/utils@npm:9.4.2":
+  version: 9.4.2
+  resolution: "@trezor/utils@npm:9.4.2"
+  dependencies:
+    bignumber.js: "npm:^9.3.0"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/b0fb1e40a0a38b8eb0d7f471b747862ebdbccc12146c38fbd3d535878d4bdb5565228643e2acda10f70d4e077e27a9db3d4d4acfc8fb531b1f0081029c683e3d
+  languageName: node
+  linkType: hard
+
+"@trezor/utxo-lib@npm:2.4.2":
+  version: 2.4.2
+  resolution: "@trezor/utxo-lib@npm:2.4.2"
+  dependencies:
+    "@trezor/utils": "npm:9.4.2"
+    bchaddrjs: "npm:^0.5.2"
+    bech32: "npm:^2.0.0"
+    bip66: "npm:^2.0.0"
+    bitcoin-ops: "npm:^1.4.1"
+    blake-hash: "npm:^2.0.0"
+    blakejs: "npm:^1.2.1"
+    bn.js: "npm:^5.2.2"
+    bs58: "npm:^6.0.0"
+    bs58check: "npm:^4.0.0"
+    create-hmac: "npm:^1.1.7"
+    int64-buffer: "npm:^1.1.0"
+    pushdata-bitcoin: "npm:^1.0.1"
+    tiny-secp256k1: "npm:^1.1.7"
+    typeforce: "npm:^1.18.0"
+    varuint-bitcoin: "npm:2.0.0"
+    wif: "npm:^5.0.0"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/aaf047ac05e2d8b6931c80181e63e83be73516bb79d53afb2e4b6c2215772cb054bb65b7957246e4dde289c318cbccc69ef8c89ac5f448deaefaccb064408098
+  languageName: node
+  linkType: hard
+
+"@trezor/websocket-client@npm:1.2.2":
+  version: 1.2.2
+  resolution: "@trezor/websocket-client@npm:1.2.2"
+  dependencies:
+    "@trezor/utils": "npm:9.4.2"
+    ws: "npm:^8.18.0"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/2c8725d72610c91394cba10d02febad3aad08a4fd252d12dce1efb8274464592126589e652f70c88324fac9f5cee79f2df1b8cae05944fc69917739cc568620b
+  languageName: node
+  linkType: hard
+
+"@trysound/sax@npm:0.2.0":
+  version: 0.2.0
+  resolution: "@trysound/sax@npm:0.2.0"
+  checksum: 10/7379713eca480ac0d9b6c7b063e06b00a7eac57092354556c81027066eb65b61ea141a69d0cc2e15d32e05b2834d4c9c2184793a5e36bbf5daf05ee5676af18c
+  languageName: node
+  linkType: hard
+
+"@ts-morph/common@npm:~0.12.3":
+  version: 0.12.3
+  resolution: "@ts-morph/common@npm:0.12.3"
+  dependencies:
+    fast-glob: "npm:^3.2.7"
+    minimatch: "npm:^3.0.4"
+    mkdirp: "npm:^1.0.4"
+    path-browserify: "npm:^1.0.1"
+  checksum: 10/475ffe8adb2e917e4dc7bc0b94a9710c41523bc5b44bd95e0028dae50b348c439b38febb6470bd735dc0517450fc2ac2fc3b409574c7ce89bd2dd7f389d0102e
+  languageName: node
+  linkType: hard
+
+"@tsconfig/node10@npm:^1.0.7":
+  version: 1.0.11
+  resolution: "@tsconfig/node10@npm:1.0.11"
+  checksum: 10/51fe47d55fe1b80ec35e6e5ed30a13665fd3a531945350aa74a14a1e82875fb60b350c2f2a5e72a64831b1b6bc02acb6760c30b3738b54954ec2dea82db7a267
+  languageName: node
+  linkType: hard
+
+"@tsconfig/node12@npm:^1.0.7":
+  version: 1.0.11
+  resolution: "@tsconfig/node12@npm:1.0.11"
+  checksum: 10/5ce29a41b13e7897a58b8e2df11269c5395999e588b9a467386f99d1d26f6c77d1af2719e407621412520ea30517d718d5192a32403b8dfcc163bf33e40a338a
+  languageName: node
+  linkType: hard
+
+"@tsconfig/node14@npm:^1.0.0":
+  version: 1.0.3
+  resolution: "@tsconfig/node14@npm:1.0.3"
+  checksum: 10/19275fe80c4c8d0ad0abed6a96dbf00642e88b220b090418609c4376e1cef81bf16237bf170ad1b341452feddb8115d8dd2e5acdfdea1b27422071163dc9ba9d
+  languageName: node
+  linkType: hard
+
+"@tsconfig/node16@npm:^1.0.2":
+  version: 1.0.4
+  resolution: "@tsconfig/node16@npm:1.0.4"
+  checksum: 10/202319785901f942a6e1e476b872d421baec20cf09f4b266a1854060efbf78cde16a4d256e8bc949d31e6cd9a90f1e8ef8fb06af96a65e98338a2b6b0de0a0ff
+  languageName: node
+  linkType: hard
+
+"@tsconfig/node18@npm:^18.2.2":
+  version: 18.2.4
+  resolution: "@tsconfig/node18@npm:18.2.4"
+  checksum: 10/80623cb9c129c78d51fe6c4a256ba986f12f02ff02dc2a1e5b33dd13a7983f767b6792cfcd51b3dd1c8256ea105f1fea31f64a2070564e37787ab3d9a1a1e7e3
+  languageName: node
+  linkType: hard
+
+"@typechain/ethers-v6@npm:^0.5.1":
+  version: 0.5.1
+  resolution: "@typechain/ethers-v6@npm:0.5.1"
+  dependencies:
+    lodash: "npm:^4.17.15"
+    ts-essentials: "npm:^7.0.1"
+  peerDependencies:
+    ethers: 6.x
+    typechain: ^8.3.2
+    typescript: ">=4.7.0"
+  checksum: 10/51dd8be3548fe3c061d2a5372beb9214e767e2b69f10c12424b699bba7ff409a13c4bdff2e513ef49046b51153db56489752205541be8fb1775f3b9ad884b85b
+  languageName: node
+  linkType: hard
+
+"@types/acorn@npm:^4.0.0":
+  version: 4.0.6
+  resolution: "@types/acorn@npm:4.0.6"
+  dependencies:
+    "@types/estree": "npm:*"
+  checksum: 10/e00671d5055d06b07feccb8c2841467a4bdd1ab95a29e191d51cacc08c496e1ba1f54edeefab274bb2ba51cb45b0aaaa662a63897650e9d02e9997ad82124ae4
+  languageName: node
+  linkType: hard
+
+"@types/aria-query@npm:^5.0.1":
+  version: 5.0.4
+  resolution: "@types/aria-query@npm:5.0.4"
+  checksum: 10/c0084c389dc030daeaf0115a92ce43a3f4d42fc8fef2d0e22112d87a42798d4a15aac413019d4a63f868327d52ad6740ab99609462b442fe6b9286b172d2e82e
+  languageName: node
+  linkType: hard
+
+"@types/babel__core@npm:^7.1.14, @types/babel__core@npm:^7.18.0":
+  version: 7.20.5
+  resolution: "@types/babel__core@npm:7.20.5"
+  dependencies:
+    "@babel/parser": "npm:^7.20.7"
+    "@babel/types": "npm:^7.20.7"
+    "@types/babel__generator": "npm:*"
+    "@types/babel__template": "npm:*"
+    "@types/babel__traverse": "npm:*"
+  checksum: 10/c32838d280b5ab59d62557f9e331d3831f8e547ee10b4f85cb78753d97d521270cebfc73ce501e9fb27fe71884d1ba75e18658692c2f4117543f0fc4e3e118b3
+  languageName: node
+  linkType: hard
+
+"@types/babel__generator@npm:*":
+  version: 7.6.8
+  resolution: "@types/babel__generator@npm:7.6.8"
+  dependencies:
+    "@babel/types": "npm:^7.0.0"
+  checksum: 10/b53c215e9074c69d212402990b0ca8fa57595d09e10d94bda3130aa22b55d796e50449199867879e4ea0ee968f3a2099e009cfb21a726a53324483abbf25cd30
+  languageName: node
+  linkType: hard
+
+"@types/babel__template@npm:*":
+  version: 7.4.4
+  resolution: "@types/babel__template@npm:7.4.4"
+  dependencies:
+    "@babel/parser": "npm:^7.1.0"
+    "@babel/types": "npm:^7.0.0"
+  checksum: 10/d7a02d2a9b67e822694d8e6a7ddb8f2b71a1d6962dfd266554d2513eefbb205b33ca71a0d163b1caea3981ccf849211f9964d8bd0727124d18ace45aa6c9ae29
+  languageName: node
+  linkType: hard
+
+"@types/babel__traverse@npm:*, @types/babel__traverse@npm:^7.0.6, @types/babel__traverse@npm:^7.18.0":
+  version: 7.20.6
+  resolution: "@types/babel__traverse@npm:7.20.6"
+  dependencies:
+    "@babel/types": "npm:^7.20.7"
+  checksum: 10/63d13a3789aa1e783b87a8b03d9fb2c2c90078de7782422feff1631b8c2a25db626e63a63ac5a1465d47359201c73069dacb4b52149d17c568187625da3064ae
+  languageName: node
+  linkType: hard
+
+"@types/bn.js@npm:5.1.6, @types/bn.js@npm:^5.1.0":
+  version: 5.1.6
+  resolution: "@types/bn.js@npm:5.1.6"
+  dependencies:
+    "@types/node": "npm:*"
+  checksum: 10/db565b5a2af59b09459d74441153bf23a0e80f1fb2d070330786054e7ce1a7285dc40afcd8f289426c61a83166bdd70814f70e2d439744686aac5d3ea75daf13
+  languageName: node
+  linkType: hard
+
+"@types/bn.js@npm:^4.11.3":
+  version: 4.11.6
+  resolution: "@types/bn.js@npm:4.11.6"
+  dependencies:
+    "@types/node": "npm:*"
+  checksum: 10/9ff3e7a1539a953c381c0d30ea2049162e3cab894cda91ee10f3a84d603f9afa2b2bc2a38fe9b427de94b6e2b7b77aefd217c1c7b07a10ae8d7499f9d6697a41
+  languageName: node
+  linkType: hard
+
+"@types/cookie@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "@types/cookie@npm:0.6.0"
+  checksum: 10/b883348d5bf88695fbc2c2276b1c49859267a55cae3cf11ea1dccc1b3be15b466e637ce3242109ba27d616c77c6aa4efe521e3d557110b4fdd9bc332a12445c2
+  languageName: node
+  linkType: hard
+
+"@types/css-font-loading-module@npm:0.0.7":
+  version: 0.0.7
+  resolution: "@types/css-font-loading-module@npm:0.0.7"
+  checksum: 10/f70b9098ee3b2e006f5f6d5cecc627dcc7b898f266bfc594e73a8720636f1a3bc5f8c38fa0e8f7e5b7878038b46fd70da0c797c3288e072af984097210f4c056
+  languageName: node
+  linkType: hard
+
+"@types/debug@npm:^4.0.0":
+  version: 4.1.12
+  resolution: "@types/debug@npm:4.1.12"
+  dependencies:
+    "@types/ms": "npm:*"
+  checksum: 10/47876a852de8240bfdaf7481357af2b88cb660d30c72e73789abf00c499d6bc7cd5e52f41c915d1b9cd8ec9fef5b05688d7b7aef17f7f272c2d04679508d1053
+  languageName: node
+  linkType: hard
+
+"@types/doctrine@npm:^0.0.9":
+  version: 0.0.9
+  resolution: "@types/doctrine@npm:0.0.9"
+  checksum: 10/64ef06e6eea2f4f9684d259fedbcb8bf21c954630b96ea2e04875ca42763552b0ba3b01b3dd27ec0f9ea6f8b3b0dba4965d31d5a925cd4c6225fd13a93ae9354
+  languageName: node
+  linkType: hard
+
+"@types/eslint-scope@npm:^3.7.7":
+  version: 3.7.7
+  resolution: "@types/eslint-scope@npm:3.7.7"
+  dependencies:
+    "@types/eslint": "npm:*"
+    "@types/estree": "npm:*"
+  checksum: 10/e2889a124aaab0b89af1bab5959847c5bec09809209255de0e63b9f54c629a94781daa04adb66bffcdd742f5e25a17614fb933965093c0eea64aacda4309380e
+  languageName: node
+  linkType: hard
+
+"@types/eslint@npm:*":
+  version: 9.6.1
+  resolution: "@types/eslint@npm:9.6.1"
+  dependencies:
+    "@types/estree": "npm:*"
+    "@types/json-schema": "npm:*"
+  checksum: 10/719fcd255760168a43d0e306ef87548e1e15bffe361d5f4022b0f266575637acc0ecb85604ac97879ee8ae83c6a6d0613b0ed31d0209ddf22a0fe6d608fc56fe
+  languageName: node
+  linkType: hard
+
+"@types/eslint__js@npm:^8.42.3":
+  version: 8.42.3
+  resolution: "@types/eslint__js@npm:8.42.3"
+  dependencies:
+    "@types/eslint": "npm:*"
+  checksum: 10/e31f19de642d35a664695d0cab873ce6de19b8a3506755835b91f8a49a8c41099dcace449df49f1a486de6fa6565d21ceb1fa33be6004fc7adef9226e5d256a1
+  languageName: node
+  linkType: hard
+
+"@types/estree-jsx@npm:^1.0.0":
+  version: 1.0.5
+  resolution: "@types/estree-jsx@npm:1.0.5"
+  dependencies:
+    "@types/estree": "npm:*"
+  checksum: 10/a028ab0cd7b2950168a05c6a86026eb3a36a54a4adfae57f13911d7b49dffe573d9c2b28421b2d029b49b3d02fcd686611be2622dc3dad6d9791166c083f6008
+  languageName: node
+  linkType: hard
+
+"@types/estree@npm:*, @types/estree@npm:^1.0.0, @types/estree@npm:^1.0.6":
+  version: 1.0.6
+  resolution: "@types/estree@npm:1.0.6"
+  checksum: 10/9d35d475095199c23e05b431bcdd1f6fec7380612aed068b14b2a08aa70494de8a9026765a5a91b1073f636fb0368f6d8973f518a31391d519e20c59388ed88d
+  languageName: node
+  linkType: hard
+
+"@types/estree@npm:0.0.39":
+  version: 0.0.39
+  resolution: "@types/estree@npm:0.0.39"
+  checksum: 10/9f0f20990dbf725470564d4d815d3758ac688b790f601ea98654b6e0b9797dc3c80306fb525abdacd9e75e014e3d09ad326098eaa2ed1851e4823a8e278538aa
+  languageName: node
+  linkType: hard
+
+"@types/fs-extra@npm:^9.0.13":
+  version: 9.0.13
+  resolution: "@types/fs-extra@npm:9.0.13"
+  dependencies:
+    "@types/node": "npm:*"
+  checksum: 10/ac545e377248039c596ef27d9f277b813507ebdd95d05f32fe7e9c67eb1ed567dafb4ba59f5fdcb6601dd7fd396ff9ba24f8c122e89cef096cdc17987c50a7fa
+  languageName: node
+  linkType: hard
+
+"@types/get-params@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "@types/get-params@npm:0.1.2"
+  checksum: 10/bf573d5d114696e5565ce305cdce461fe9ef434f31b8ad3bf21656bcf9fcd1f9851a3348c471aaec0246debc749303d41731b9fd9887276dc5098d59208d0e8a
+  languageName: node
+  linkType: hard
+
+"@types/graceful-fs@npm:^4.1.3":
+  version: 4.1.9
+  resolution: "@types/graceful-fs@npm:4.1.9"
+  dependencies:
+    "@types/node": "npm:*"
+  checksum: 10/79d746a8f053954bba36bd3d94a90c78de995d126289d656fb3271dd9f1229d33f678da04d10bce6be440494a5a73438e2e363e92802d16b8315b051036c5256
+  languageName: node
+  linkType: hard
+
+"@types/hammerjs@npm:^2.0.36":
+  version: 2.0.46
+  resolution: "@types/hammerjs@npm:2.0.46"
+  checksum: 10/1b6502d668f45ca49fb488c01f7938d3aa75e989d70c64801c8feded7d659ca1a118f745c1b604d220efe344c93231767d5cc68c05e00e069c14539b6143cfd9
+  languageName: node
+  linkType: hard
+
+"@types/hast@npm:^3.0.0":
+  version: 3.0.4
+  resolution: "@types/hast@npm:3.0.4"
+  dependencies:
+    "@types/unist": "npm:*"
+  checksum: 10/732920d81bb7605895776841b7658b4d8cc74a43a8fa176017cc0fb0ecc1a4c82a2b75a4fe6b71aa262b649d3fb62858c6789efa3793ea1d40269953af96ecb5
+  languageName: node
+  linkType: hard
+
+"@types/html-minifier-terser@npm:^6.0.0":
+  version: 6.1.0
+  resolution: "@types/html-minifier-terser@npm:6.1.0"
+  checksum: 10/06bb3e1e8ebff43602c826d67f53f1fd3a6b9c751bfbc67d7ea4e85679446a639e20e60adad8c9d44ab4baf1337b3861b91e7e5e2be798575caf0cc1a5712552
+  languageName: node
+  linkType: hard
+
+"@types/istanbul-lib-coverage@npm:*, @types/istanbul-lib-coverage@npm:^2.0.0, @types/istanbul-lib-coverage@npm:^2.0.1":
+  version: 2.0.6
+  resolution: "@types/istanbul-lib-coverage@npm:2.0.6"
+  checksum: 10/3feac423fd3e5449485afac999dcfcb3d44a37c830af898b689fadc65d26526460bedb889db278e0d4d815a670331796494d073a10ee6e3a6526301fe7415778
+  languageName: node
+  linkType: hard
+
+"@types/istanbul-lib-report@npm:*":
+  version: 3.0.3
+  resolution: "@types/istanbul-lib-report@npm:3.0.3"
+  dependencies:
+    "@types/istanbul-lib-coverage": "npm:*"
+  checksum: 10/b91e9b60f865ff08cb35667a427b70f6c2c63e88105eadd29a112582942af47ed99c60610180aa8dcc22382fa405033f141c119c69b95db78c4c709fbadfeeb4
+  languageName: node
+  linkType: hard
+
+"@types/istanbul-reports@npm:^3.0.0":
+  version: 3.0.4
+  resolution: "@types/istanbul-reports@npm:3.0.4"
+  dependencies:
+    "@types/istanbul-lib-report": "npm:*"
+  checksum: 10/93eb18835770b3431f68ae9ac1ca91741ab85f7606f310a34b3586b5a34450ec038c3eed7ab19266635499594de52ff73723a54a72a75b9f7d6a956f01edee95
+  languageName: node
+  linkType: hard
+
+"@types/jest@npm:^29.2.1, @types/jest@npm:^29.5.14":
+  version: 29.5.14
+  resolution: "@types/jest@npm:29.5.14"
+  dependencies:
+    expect: "npm:^29.0.0"
+    pretty-format: "npm:^29.0.0"
+  checksum: 10/59ec7a9c4688aae8ee529316c43853468b6034f453d08a2e1064b281af9c81234cec986be796288f1bbb29efe943bc950e70c8fa8faae1e460d50e3cf9760f9b
+  languageName: node
+  linkType: hard
+
+"@types/js-cookie@npm:^3.0.6":
+  version: 3.0.6
+  resolution: "@types/js-cookie@npm:3.0.6"
+  checksum: 10/272d551687547445cb210213c73e72e0e5d58ad73e2e444a65d688b8ff9425529779ee0cd6492aaa1f070161916d4254ef2b1a76d64179100437f60749d094ef
+  languageName: node
+  linkType: hard
+
+"@types/js-yaml@npm:^4.0.5":
+  version: 4.0.9
+  resolution: "@types/js-yaml@npm:4.0.9"
+  checksum: 10/a0ce595db8a987904badd21fc50f9f444cb73069f4b95a76cc222e0a17b3ff180669059c763ec314bc4c3ce284379177a9da80e83c5f650c6c1310cafbfaa8e6
+  languageName: node
+  linkType: hard
+
+"@types/jsdom@npm:^20.0.0":
+  version: 20.0.1
+  resolution: "@types/jsdom@npm:20.0.1"
+  dependencies:
+    "@types/node": "npm:*"
+    "@types/tough-cookie": "npm:*"
+    parse5: "npm:^7.0.0"
+  checksum: 10/15fbb9a0bfb4a5845cf6e795f2fd12400aacfca53b8c7e5bca4a3e5e8fa8629f676327964d64258aefb127d2d8a2be86dad46359efbfca0e8c9c2b790e7f8a88
+  languageName: node
+  linkType: hard
+
+"@types/json-schema@npm:*, @types/json-schema@npm:7.0.15, @types/json-schema@npm:^7.0.15, @types/json-schema@npm:^7.0.8, @types/json-schema@npm:^7.0.9":
+  version: 7.0.15
+  resolution: "@types/json-schema@npm:7.0.15"
+  checksum: 10/1a3c3e06236e4c4aab89499c428d585527ce50c24fe8259e8b3926d3df4cfbbbcf306cfc73ddfb66cbafc973116efd15967020b0f738f63e09e64c7d260519e7
+  languageName: node
+  linkType: hard
+
+"@types/json5@npm:^0.0.29":
+  version: 0.0.29
+  resolution: "@types/json5@npm:0.0.29"
+  checksum: 10/4e5aed58cabb2bbf6f725da13421aa50a49abb6bc17bfab6c31b8774b073fa7b50d557c61f961a09a85f6056151190f8ac95f13f5b48136ba5841f7d4484ec56
+  languageName: node
+  linkType: hard
+
+"@types/lodash@npm:^4.14.182, @types/lodash@npm:^4.17.13":
+  version: 4.17.13
+  resolution: "@types/lodash@npm:4.17.13"
+  checksum: 10/ddb34e20810c71be2d9445bcc4b64ec25b83976738454de709854b79c7f655b03704b76235445699956d65012987720e0e429a35489de65495cdb5420202d905
+  languageName: node
+  linkType: hard
+
+"@types/long@npm:^4.0.1":
+  version: 4.0.2
+  resolution: "@types/long@npm:4.0.2"
+  checksum: 10/68afa05fb20949d88345876148a76f6ccff5433310e720db51ac5ca21cb8cc6714286dbe04713840ddbd25a8b56b7a23aa87d08472fabf06463a6f2ed4967707
+  languageName: node
+  linkType: hard
+
+"@types/mdast@npm:^4.0.0":
+  version: 4.0.4
+  resolution: "@types/mdast@npm:4.0.4"
+  dependencies:
+    "@types/unist": "npm:*"
+  checksum: 10/efe3ec11b9ee0015a396c4fb4cd1b6f31b51b8ae9783c59560e6fc0bf6c2fa1dcc7fccaf45fa09a6c8b3397fab9dc8d431433935cae3835caa70a18f7fc775f8
+  languageName: node
+  linkType: hard
+
+"@types/mdx@npm:^2.0.0, @types/mdx@npm:^2.0.13":
+  version: 2.0.13
+  resolution: "@types/mdx@npm:2.0.13"
+  checksum: 10/b73ed5f08114879b9590dc6a9ee8b648643c57c708583cd24b2bc3cc8961361fc63139ac7e9291e7b3b6e6b45707749d01d6f9727ddec5533df75dc3b90871a4
+  languageName: node
+  linkType: hard
+
+"@types/minimist@npm:^1.2.0":
+  version: 1.2.5
+  resolution: "@types/minimist@npm:1.2.5"
+  checksum: 10/477047b606005058ab0263c4f58097136268007f320003c348794f74adedc3166ffc47c80ec3e94687787f2ab7f4e72c468223946e79892cf0fd9e25e9970a90
+  languageName: node
+  linkType: hard
+
+"@types/ms@npm:*":
+  version: 0.7.34
+  resolution: "@types/ms@npm:0.7.34"
+  checksum: 10/f38d36e7b6edecd9badc9cf50474159e9da5fa6965a75186cceaf883278611b9df6669dc3a3cc122b7938d317b68a9e3d573d316fcb35d1be47ec9e468c6bd8a
+  languageName: node
+  linkType: hard
+
+"@types/node-fetch@npm:^2.6.12":
+  version: 2.6.13
+  resolution: "@types/node-fetch@npm:2.6.13"
+  dependencies:
+    "@types/node": "npm:*"
+    form-data: "npm:^4.0.4"
+  checksum: 10/944d52214791ebba482ca1393a4f0d62b0dbac5f7343ff42c128b75d5356d8bcefd4df77771b55c1acd19d118e16e9bd5d2792819c51bc13402d1c87c0975435
+  languageName: node
+  linkType: hard
+
+"@types/node@npm:*, @types/node@npm:>=13.7.0, @types/node@npm:^22.0.0":
+  version: 22.10.1
+  resolution: "@types/node@npm:22.10.1"
+  dependencies:
+    undici-types: "npm:~6.20.0"
+  checksum: 10/c802a526da2f3fa3ccefd00a71244e7cb825329951719e79e8fec62b1dbc2855388c830489770611584665ce10be23c05ed585982038b24924e1ba2c2cce03fd
+  languageName: node
+  linkType: hard
+
+"@types/node@npm:22.13.1, @types/node@npm:^22.13.1":
+  version: 22.13.1
+  resolution: "@types/node@npm:22.13.1"
+  dependencies:
+    undici-types: "npm:~6.20.0"
+  checksum: 10/d8ba7068b0445643c0fa6e4917cdb7a90e8756a9daff8c8a332689cd5b2eaa01e4cd07de42e3cd7e6a6f465eeda803d5a1363d00b5ab3f6cea7950350a159497
+  languageName: node
+  linkType: hard
+
+"@types/node@npm:22.7.5":
+  version: 22.7.5
+  resolution: "@types/node@npm:22.7.5"
+  dependencies:
+    undici-types: "npm:~6.19.2"
+  checksum: 10/e8ba102f8c1aa7623787d625389be68d64e54fcbb76d41f6c2c64e8cf4c9f4a2370e7ef5e5f1732f3c57529d3d26afdcb2edc0101c5e413a79081449825c57ac
+  languageName: node
+  linkType: hard
+
+"@types/node@npm:>=12.12.47":
+  version: 22.10.2
+  resolution: "@types/node@npm:22.10.2"
+  dependencies:
+    undici-types: "npm:~6.20.0"
+  checksum: 10/451adfefed4add58b069407173e616220fd4aaa3307cdde1bb701aa053b65b54ced8483db2f870dcedec7a58cb3b06101fbc19d85852716672ec1fd3660947fa
+  languageName: node
+  linkType: hard
+
+"@types/normalize-package-data@npm:^2.4.0":
+  version: 2.4.4
+  resolution: "@types/normalize-package-data@npm:2.4.4"
+  checksum: 10/65dff72b543997b7be8b0265eca7ace0e34b75c3e5fee31de11179d08fa7124a7a5587265d53d0409532ecb7f7fba662c2012807963e1f9b059653ec2c83ee05
+  languageName: node
+  linkType: hard
+
+"@types/papaparse@npm:^5.3.9":
+  version: 5.3.15
+  resolution: "@types/papaparse@npm:5.3.15"
+  dependencies:
+    "@types/node": "npm:*"
+  checksum: 10/1321b54c80e59b7ac24b15297af8b2b9dc9d83c2d293c8f8acfd7e25d89e9f1efbac2a69940ffb3ff13d387f0e5fbd50c8a4a362849ff789dbeab7931a9e3290
+  languageName: node
+  linkType: hard
+
+"@types/parse-json@npm:^4.0.0":
+  version: 4.0.2
+  resolution: "@types/parse-json@npm:4.0.2"
+  checksum: 10/5bf62eec37c332ad10059252fc0dab7e7da730764869c980b0714777ad3d065e490627be9f40fc52f238ffa3ac4199b19de4127196910576c2fe34dd47c7a470
+  languageName: node
+  linkType: hard
+
+"@types/pbkdf2@npm:^3.0.0":
+  version: 3.1.2
+  resolution: "@types/pbkdf2@npm:3.1.2"
+  dependencies:
+    "@types/node": "npm:*"
+  checksum: 10/bebe1e596cbbe5f7d2726a58859e61986c5a42459048e29cb7f2d4d764be6bbb0844572fd5d70ca8955a8a17e8b4ed80984fc4903e165d9efb8807a3fbb051aa
+  languageName: node
+  linkType: hard
+
+"@types/postcss-modules-local-by-default@npm:^4.0.0":
+  version: 4.0.2
+  resolution: "@types/postcss-modules-local-by-default@npm:4.0.2"
+  dependencies:
+    postcss: "npm:^8.0.0"
+  checksum: 10/c4a50f0fab1bacbf2968a05156f0acf10225a605b021dcfb4e39892429507089a91919609111c79d1ed5902c55f9b4ee35c00aa75d98bb18d5415b3cd1223239
+  languageName: node
+  linkType: hard
+
+"@types/postcss-modules-scope@npm:^3.0.1":
+  version: 3.0.4
+  resolution: "@types/postcss-modules-scope@npm:3.0.4"
+  dependencies:
+    postcss: "npm:^8.0.0"
+  checksum: 10/4249ace34023dc797b47a1041c844d6a772d6339a96e7a45fdacc70d03db8fb2917ac90728c390a743ecf2da821f921761ad2bdb57f4d6936ad4690bc572ad5c
+  languageName: node
+  linkType: hard
+
+"@types/prettier@npm:^2.1.1":
+  version: 2.7.3
+  resolution: "@types/prettier@npm:2.7.3"
+  checksum: 10/cda84c19acc3bf327545b1ce71114a7d08efbd67b5030b9e8277b347fa57b05178045f70debe1d363ff7efdae62f237260713aafc2d7217e06fc99b048a88497
+  languageName: node
+  linkType: hard
+
+"@types/prop-types@npm:^15.7.14":
+  version: 15.7.14
+  resolution: "@types/prop-types@npm:15.7.14"
+  checksum: 10/d0c5407b9ccc3dd5fae0ccf9b1007e7622ba5e6f1c18399b4f24dff33619d469da4b9fa918a374f19dc0d9fe6a013362aab0b844b606cfc10676efba3f5f736d
+  languageName: node
+  linkType: hard
+
+"@types/qrcode@npm:^1.5.5":
+  version: 1.5.5
+  resolution: "@types/qrcode@npm:1.5.5"
+  dependencies:
+    "@types/node": "npm:*"
+  checksum: 10/a25686339bd2718e6a93943e7807ed68dd9c74a9da28aa77212086ee0ce9a173c0a232af9e3f6835acd09938dfc8a0f98c6bccf1a6c6a905fb003ab07f9e08f2
+  languageName: node
+  linkType: hard
+
+"@types/react-dom@npm:^19.0.0":
+  version: 19.0.2
+  resolution: "@types/react-dom@npm:19.0.2"
+  peerDependencies:
+    "@types/react": ^19.0.0
+  checksum: 10/d2ae81ec0b8eee7a4bf31918796fdaa34e8db68f69682163bc212d759de76783e6ffcc02c02722dcf508429067148841e6da81414cc730ca2a28c9c2b350c880
+  languageName: node
+  linkType: hard
+
+"@types/react-transition-group@npm:^4.4.11, @types/react-transition-group@npm:^4.4.12":
+  version: 4.4.12
+  resolution: "@types/react-transition-group@npm:4.4.12"
+  peerDependencies:
+    "@types/react": "*"
+  checksum: 10/ea14bc84f529a3887f9954b753843820ac8a3c49fcdfec7840657ecc6a8800aad98afdbe4b973eb96c7252286bde38476fcf64b1c09527354a9a9366e516d9a2
+  languageName: node
+  linkType: hard
+
+"@types/react@npm:^19.0.0":
+  version: 19.0.2
+  resolution: "@types/react@npm:19.0.2"
+  dependencies:
+    csstype: "npm:^3.0.2"
+  checksum: 10/b355cfa22814e934b381c4f6de67c66652255377c3ddc6a757ea195ccbd0e7095aadfe1a28713d8ab1221222b8f2ec237903f4ec0e54eaf656ac832782d25dd2
+  languageName: node
+  linkType: hard
+
+"@types/react@npm:~19.0.10":
+  version: 19.0.14
+  resolution: "@types/react@npm:19.0.14"
+  dependencies:
+    csstype: "npm:^3.0.2"
+  checksum: 10/caf4572aae4f7efd049138bc4917f465a8e00abb362fcf6e6f82c9ed88fc42555109f0a3be7a738ed5efbdd51b0f0a4256f7d5141545f29fb7dc31b8e872aa4b
+  languageName: node
+  linkType: hard
+
+"@types/resolve@npm:1.20.2":
+  version: 1.20.2
+  resolution: "@types/resolve@npm:1.20.2"
+  checksum: 10/1bff0d3875e7e1557b6c030c465beca9bf3b1173ebc6937cac547654b0af3bb3ff0f16470e9c4d7c5dc308ad9ac8627c38dbff24ef698b66673ff5bd4ead7f7e
+  languageName: node
+  linkType: hard
+
+"@types/resolve@npm:^1.20.2":
+  version: 1.20.6
+  resolution: "@types/resolve@npm:1.20.6"
+  checksum: 10/dc35f5517606b6687cd971c0281ac58bdee2c50c051b030f04647d3991688be2259c304ee97e5b5d4b9936072c36767eb5933b54611a407d6557972bb6fea4f6
+  languageName: node
+  linkType: hard
+
+"@types/secp256k1@npm:^4.0.1":
+  version: 4.0.6
+  resolution: "@types/secp256k1@npm:4.0.6"
+  dependencies:
+    "@types/node": "npm:*"
+  checksum: 10/211f823be990b55612e604d620acf0dc3bc942d3836bdd8da604269effabc86d98161e5947487b4e4e128f9180fc1682daae2f89ea7a4d9648fdfe52fba365fc
+  languageName: node
+  linkType: hard
+
+"@types/semver@npm:^7.3.10, @types/semver@npm:^7.3.4":
+  version: 7.5.8
+  resolution: "@types/semver@npm:7.5.8"
+  checksum: 10/3496808818ddb36deabfe4974fd343a78101fa242c4690044ccdc3b95dcf8785b494f5d628f2f47f38a702f8db9c53c67f47d7818f2be1b79f2efb09692e1178
+  languageName: node
+  linkType: hard
+
+"@types/sinonjs__fake-timers@npm:8.1.1":
+  version: 8.1.1
+  resolution: "@types/sinonjs__fake-timers@npm:8.1.1"
+  checksum: 10/567e01159b07eb19a56aa9a619bda963a3e2c1261b197b83fc664867228ce679e189450f0ae38483a08857155f94d9ae5d88e72c0f44f269103f63c2946a73ed
+  languageName: node
+  linkType: hard
+
+"@types/sizzle@npm:^2.3.2":
+  version: 2.3.9
+  resolution: "@types/sizzle@npm:2.3.9"
+  checksum: 10/413811a79e7e9f1d8f47e6047ae0aea1530449d612304cdda1c30018e3d053b8544861ec2c70bdeca75a0a010192e6bb78efc6fb4caaafdd65c4eee90066686a
+  languageName: node
+  linkType: hard
+
+"@types/stack-utils@npm:^2.0.0":
+  version: 2.0.3
+  resolution: "@types/stack-utils@npm:2.0.3"
+  checksum: 10/72576cc1522090fe497337c2b99d9838e320659ac57fa5560fcbdcbafcf5d0216c6b3a0a8a4ee4fdb3b1f5e3420aa4f6223ab57b82fef3578bec3206425c6cf5
+  languageName: node
+  linkType: hard
+
+"@types/statuses@npm:^2.0.4":
+  version: 2.0.5
+  resolution: "@types/statuses@npm:2.0.5"
+  checksum: 10/3f2609f660b45a878c6782f2fb2cef9f08bbd4e89194bf7512e747b8a73b056839be1ad6f64b1353765528cd8a5e93adeffc471cde24d0d9f7b528264e7154e5
+  languageName: node
+  linkType: hard
+
+"@types/tough-cookie@npm:*, @types/tough-cookie@npm:^4.0.5":
+  version: 4.0.5
+  resolution: "@types/tough-cookie@npm:4.0.5"
+  checksum: 10/01fd82efc8202670865928629697b62fe9bf0c0dcbc5b1c115831caeb073a2c0abb871ff393d7df1ae94ea41e256cb87d2a5a91fd03cdb1b0b4384e08d4ee482
+  languageName: node
+  linkType: hard
+
+"@types/trusted-types@npm:^2.0.2":
+  version: 2.0.7
+  resolution: "@types/trusted-types@npm:2.0.7"
+  checksum: 10/8e4202766a65877efcf5d5a41b7dd458480b36195e580a3b1085ad21e948bc417d55d6f8af1fd2a7ad008015d4117d5fdfe432731157da3c68678487174e4ba3
+  languageName: node
+  linkType: hard
+
+"@types/unist@npm:*, @types/unist@npm:^3.0.0":
+  version: 3.0.3
+  resolution: "@types/unist@npm:3.0.3"
+  checksum: 10/96e6453da9e075aaef1dc22482463898198acdc1eeb99b465e65e34303e2ec1e3b1ed4469a9118275ec284dc98019f63c3f5d49422f0e4ac707e5ab90fb3b71a
+  languageName: node
+  linkType: hard
+
+"@types/unist@npm:^2.0.0":
+  version: 2.0.11
+  resolution: "@types/unist@npm:2.0.11"
+  checksum: 10/6d436e832bc35c6dde9f056ac515ebf2b3384a1d7f63679d12358766f9b313368077402e9c1126a14d827f10370a5485e628bf61aa91117cf4fc882423191a4e
+  languageName: node
+  linkType: hard
+
+"@types/use-sync-external-store@npm:^0.0.6":
+  version: 0.0.6
+  resolution: "@types/use-sync-external-store@npm:0.0.6"
+  checksum: 10/a95ce330668501ad9b1c5b7f2b14872ad201e552a0e567787b8f1588b22c7040c7c3d80f142cbb9f92d13c4ea41c46af57a20f2af4edf27f224d352abcfe4049
+  languageName: node
+  linkType: hard
+
+"@types/uuid@npm:^9.0.1":
+  version: 9.0.8
+  resolution: "@types/uuid@npm:9.0.8"
+  checksum: 10/b8c60b7ba8250356b5088302583d1704a4e1a13558d143c549c408bf8920535602ffc12394ede77f8a8083511b023704bc66d1345792714002bfa261b17c5275
+  languageName: node
+  linkType: hard
+
+"@types/w3c-web-usb@npm:^1.0.6":
+  version: 1.0.10
+  resolution: "@types/w3c-web-usb@npm:1.0.10"
+  checksum: 10/6ac6786a0788f0846a48b103ab06ca5fde5eb95674217b522420a2f6157bee3e181a961c1b7011940f497c55f4f5cc46129657d881fdd8112b48764089679ad6
+  languageName: node
+  linkType: hard
+
+"@types/web@npm:^0.0.197":
+  version: 0.0.197
+  resolution: "@types/web@npm:0.0.197"
+  checksum: 10/8b6b13301d0ae63e4a8686bc942d7a3e782c41fedeca02bb0fe3e0f0f934e63d76df5119473ddc7f6dfce8a8185b1e65974172f39f306822f2774c95a0b7c2ff
+  languageName: node
+  linkType: hard
+
+"@types/yargs-parser@npm:*":
+  version: 21.0.3
+  resolution: "@types/yargs-parser@npm:21.0.3"
+  checksum: 10/a794eb750e8ebc6273a51b12a0002de41343ffe46befef460bdbb57262d187fdf608bc6615b7b11c462c63c3ceb70abe2564c8dd8ee0f7628f38a314f74a9b9b
+  languageName: node
+  linkType: hard
+
+"@types/yargs@npm:^17.0.8":
+  version: 17.0.33
+  resolution: "@types/yargs@npm:17.0.33"
+  dependencies:
+    "@types/yargs-parser": "npm:*"
+  checksum: 10/16f6681bf4d99fb671bf56029141ed01db2862e3db9df7fc92d8bea494359ac96a1b4b1c35a836d1e95e665fb18ad753ab2015fc0db663454e8fd4e5d5e2ef91
+  languageName: node
+  linkType: hard
+
+"@types/yauzl@npm:^2.9.1":
+  version: 2.10.3
+  resolution: "@types/yauzl@npm:2.10.3"
+  dependencies:
+    "@types/node": "npm:*"
+  checksum: 10/5ee966ea7bd6b2802f31ad4281c92c4c0b6dfa593c378a2582c58541fa113bec3d70eb0696b34ad95e8e6861a884cba6c3e351285816693ed176222f840a8c08
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/eslint-plugin@npm:8.31.1":
+  version: 8.31.1
+  resolution: "@typescript-eslint/eslint-plugin@npm:8.31.1"
+  dependencies:
+    "@eslint-community/regexpp": "npm:^4.10.0"
+    "@typescript-eslint/scope-manager": "npm:8.31.1"
+    "@typescript-eslint/type-utils": "npm:8.31.1"
+    "@typescript-eslint/utils": "npm:8.31.1"
+    "@typescript-eslint/visitor-keys": "npm:8.31.1"
+    graphemer: "npm:^1.4.0"
+    ignore: "npm:^5.3.1"
+    natural-compare: "npm:^1.4.0"
+    ts-api-utils: "npm:^2.0.1"
+  peerDependencies:
+    "@typescript-eslint/parser": ^8.0.0 || ^8.0.0-alpha.0
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.9.0"
+  checksum: 10/be72838653e1f31da11b3f6515fa3b750f0c5c130bae315079920ee6b78e9c4d131790e2473ff7930e8d50dee45d623c9c90478fd78befb976c1736d369078e9
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/eslint-plugin@npm:^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0":
+  version: 8.18.1
+  resolution: "@typescript-eslint/eslint-plugin@npm:8.18.1"
+  dependencies:
+    "@eslint-community/regexpp": "npm:^4.10.0"
+    "@typescript-eslint/scope-manager": "npm:8.18.1"
+    "@typescript-eslint/type-utils": "npm:8.18.1"
+    "@typescript-eslint/utils": "npm:8.18.1"
+    "@typescript-eslint/visitor-keys": "npm:8.18.1"
+    graphemer: "npm:^1.4.0"
+    ignore: "npm:^5.3.1"
+    natural-compare: "npm:^1.4.0"
+    ts-api-utils: "npm:^1.3.0"
+  peerDependencies:
+    "@typescript-eslint/parser": ^8.0.0 || ^8.0.0-alpha.0
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.8.0"
+  checksum: 10/ec061a9c64477260d1ef0fc6283d8754838181e17aa90b3b8b9a70936a2ca4bae11607070917a7701e13f5301ced2b6da4b4b6e5cf525c484f97481e540b5111
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/eslint-plugin@npm:^7.6.0":
+  version: 7.18.0
+  resolution: "@typescript-eslint/eslint-plugin@npm:7.18.0"
+  dependencies:
+    "@eslint-community/regexpp": "npm:^4.10.0"
+    "@typescript-eslint/scope-manager": "npm:7.18.0"
+    "@typescript-eslint/type-utils": "npm:7.18.0"
+    "@typescript-eslint/utils": "npm:7.18.0"
+    "@typescript-eslint/visitor-keys": "npm:7.18.0"
+    graphemer: "npm:^1.4.0"
+    ignore: "npm:^5.3.1"
+    natural-compare: "npm:^1.4.0"
+    ts-api-utils: "npm:^1.3.0"
+  peerDependencies:
+    "@typescript-eslint/parser": ^7.0.0
+    eslint: ^8.56.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/6ee4c61f145dc05f0a567b8ac01b5399ef9c75f58bc6e9a3ffca8927b15e2be2d4c3fd32a2c1a7041cc0848fdeadac30d9cb0d3bcd3835d301847a88ffd19c4d
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/eslint-plugin@npm:^8.29.1":
+  version: 8.33.1
+  resolution: "@typescript-eslint/eslint-plugin@npm:8.33.1"
+  dependencies:
+    "@eslint-community/regexpp": "npm:^4.10.0"
+    "@typescript-eslint/scope-manager": "npm:8.33.1"
+    "@typescript-eslint/type-utils": "npm:8.33.1"
+    "@typescript-eslint/utils": "npm:8.33.1"
+    "@typescript-eslint/visitor-keys": "npm:8.33.1"
+    graphemer: "npm:^1.4.0"
+    ignore: "npm:^7.0.0"
+    natural-compare: "npm:^1.4.0"
+    ts-api-utils: "npm:^2.1.0"
+  peerDependencies:
+    "@typescript-eslint/parser": ^8.33.1
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.9.0"
+  checksum: 10/569a950381b242ad90c2c4020ea9fdd1cd6e157cdd8cd48cc7ca3f73a82eb61fec702be9fd3655871d983f38a7ed4783ce9a50cc5a2a1fd1db1525d8dc0d7fa6
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/parser@npm:8.31.1":
+  version: 8.31.1
+  resolution: "@typescript-eslint/parser@npm:8.31.1"
+  dependencies:
+    "@typescript-eslint/scope-manager": "npm:8.31.1"
+    "@typescript-eslint/types": "npm:8.31.1"
+    "@typescript-eslint/typescript-estree": "npm:8.31.1"
+    "@typescript-eslint/visitor-keys": "npm:8.31.1"
+    debug: "npm:^4.3.4"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.9.0"
+  checksum: 10/506c98b9c265faea4376f02e4d19b4722cd11c40f8e08e4c1b456eeb47bc59b70abaa604e633f1070eaf7c785cf7b39f30346f001d3e5257f8074f07a113eeff
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/parser@npm:^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0, @typescript-eslint/parser@npm:^8.18.1":
+  version: 8.18.1
+  resolution: "@typescript-eslint/parser@npm:8.18.1"
+  dependencies:
+    "@typescript-eslint/scope-manager": "npm:8.18.1"
+    "@typescript-eslint/types": "npm:8.18.1"
+    "@typescript-eslint/typescript-estree": "npm:8.18.1"
+    "@typescript-eslint/visitor-keys": "npm:8.18.1"
+    debug: "npm:^4.3.4"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.8.0"
+  checksum: 10/09a601ef8b837962e5bb2687358520f337f9d0bbac5c6d5e159654faa5caaffb24d990e8d6bc4dc51ff5008dd9e182315c35bc5e9e3789090ccef8b8040e7659
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/parser@npm:^8.29.1":
+  version: 8.33.1
+  resolution: "@typescript-eslint/parser@npm:8.33.1"
+  dependencies:
+    "@typescript-eslint/scope-manager": "npm:8.33.1"
+    "@typescript-eslint/types": "npm:8.33.1"
+    "@typescript-eslint/typescript-estree": "npm:8.33.1"
+    "@typescript-eslint/visitor-keys": "npm:8.33.1"
+    debug: "npm:^4.3.4"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.9.0"
+  checksum: 10/d55a35a6693ec73de17bc37f1c0644638347d7d807985a9ce062cebcc92d54b78f20c1c443918e105de220ca64418f2a2493e1fb6bd609fc4a7c742a90049f13
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/project-service@npm:8.33.1":
+  version: 8.33.1
+  resolution: "@typescript-eslint/project-service@npm:8.33.1"
+  dependencies:
+    "@typescript-eslint/tsconfig-utils": "npm:^8.33.1"
+    "@typescript-eslint/types": "npm:^8.33.1"
+    debug: "npm:^4.3.4"
+  peerDependencies:
+    typescript: ">=4.8.4 <5.9.0"
+  checksum: 10/c166e21f305eb798ce135477a1ce78e7fac040b597e0acb2e3ecca84380af2aeb4242944dc201bc611aa14f04dd4af0d123d9cf252f7fe39b0a7e158326f705d
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/scope-manager@npm:7.18.0":
+  version: 7.18.0
+  resolution: "@typescript-eslint/scope-manager@npm:7.18.0"
+  dependencies:
+    "@typescript-eslint/types": "npm:7.18.0"
+    "@typescript-eslint/visitor-keys": "npm:7.18.0"
+  checksum: 10/9eb2ae5d69d9f723e706c16b2b97744fc016996a5473bed596035ac4d12429b3d24e7340a8235d704efa57f8f52e1b3b37925ff7c2e3384859d28b23a99b8bcc
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/scope-manager@npm:8.18.1":
+  version: 8.18.1
+  resolution: "@typescript-eslint/scope-manager@npm:8.18.1"
+  dependencies:
+    "@typescript-eslint/types": "npm:8.18.1"
+    "@typescript-eslint/visitor-keys": "npm:8.18.1"
+  checksum: 10/14f7c09924c3a006b20752e5204b33c2b6974fc00bea16c23f471e65f2fb089fcbd3fb5296bcfd6727ac95c32ba24ebb15ba84fbf1deadc17b4cc5ca7f41c72a
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/scope-manager@npm:8.31.1":
+  version: 8.31.1
+  resolution: "@typescript-eslint/scope-manager@npm:8.31.1"
+  dependencies:
+    "@typescript-eslint/types": "npm:8.31.1"
+    "@typescript-eslint/visitor-keys": "npm:8.31.1"
+  checksum: 10/936aa866ba3564e9e41051e7ff811e08c9b01cbb7420ba2cd8fe8f0f466e5d59a8124b686744cfdecad211cdeefefaaf7d704aecddaa212f267d72e077dc7e44
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/scope-manager@npm:8.33.1":
+  version: 8.33.1
+  resolution: "@typescript-eslint/scope-manager@npm:8.33.1"
+  dependencies:
+    "@typescript-eslint/types": "npm:8.33.1"
+    "@typescript-eslint/visitor-keys": "npm:8.33.1"
+  checksum: 10/a513fa79eef269a4f3d031cd1fddbb15c793e3efd6b6b64a6ae85ea0fea03570feffdc071e2bbe9241680d23d8a4ca6d63a998e34c2a24dbe185cd509ee2f9cb
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/tsconfig-utils@npm:8.33.1, @typescript-eslint/tsconfig-utils@npm:^8.33.1":
+  version: 8.33.1
+  resolution: "@typescript-eslint/tsconfig-utils@npm:8.33.1"
+  peerDependencies:
+    typescript: ">=4.8.4 <5.9.0"
+  checksum: 10/9e0e348af4d54b7e42a015bf36e08965c8fa389ac7b179c2ccf2bec5fce4b31e951397394dcbaea6fb0ddf782f4f2f2ee71df108173742f756705f82d653cc9d
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/type-utils@npm:7.18.0":
+  version: 7.18.0
+  resolution: "@typescript-eslint/type-utils@npm:7.18.0"
+  dependencies:
+    "@typescript-eslint/typescript-estree": "npm:7.18.0"
+    "@typescript-eslint/utils": "npm:7.18.0"
+    debug: "npm:^4.3.4"
+    ts-api-utils: "npm:^1.3.0"
+  peerDependencies:
+    eslint: ^8.56.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/bcc7958a4ecdddad8c92e17265175773e7dddf416a654c1a391e69cb16e43960b39d37b6ffa349941bf3635e050f0ca7cd8f56ec9dd774168f2bbe7afedc9676
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/type-utils@npm:8.18.1":
+  version: 8.18.1
+  resolution: "@typescript-eslint/type-utils@npm:8.18.1"
+  dependencies:
+    "@typescript-eslint/typescript-estree": "npm:8.18.1"
+    "@typescript-eslint/utils": "npm:8.18.1"
+    debug: "npm:^4.3.4"
+    ts-api-utils: "npm:^1.3.0"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.8.0"
+  checksum: 10/cde53d05f4ca6e172239918cba2b560b9f837aa1fc7d5220784b1a6af9c8c525db020a5160822087e320305492fe359b7fb191420789b5f1e47a01e0cda21ac9
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/type-utils@npm:8.31.1":
+  version: 8.31.1
+  resolution: "@typescript-eslint/type-utils@npm:8.31.1"
+  dependencies:
+    "@typescript-eslint/typescript-estree": "npm:8.31.1"
+    "@typescript-eslint/utils": "npm:8.31.1"
+    debug: "npm:^4.3.4"
+    ts-api-utils: "npm:^2.0.1"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.9.0"
+  checksum: 10/d4c31837c1beb55f7037b0d94c2d73a855c7d921b3b07d68f6d7b476c475765f7707c7375f6190c1863e98e1bc98b8ce444806ab6a02759811eff1c710ab82a6
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/type-utils@npm:8.33.1":
+  version: 8.33.1
+  resolution: "@typescript-eslint/type-utils@npm:8.33.1"
+  dependencies:
+    "@typescript-eslint/typescript-estree": "npm:8.33.1"
+    "@typescript-eslint/utils": "npm:8.33.1"
+    debug: "npm:^4.3.4"
+    ts-api-utils: "npm:^2.1.0"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.9.0"
+  checksum: 10/10a21366e06562a39c08baf2ae1521bfab0c431f446428dcd61c3554effe6307f448acd2293b2dc2aa194abbef52aa7732d663b3b410f1aee9131357b651523a
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/types@npm:7.18.0":
+  version: 7.18.0
+  resolution: "@typescript-eslint/types@npm:7.18.0"
+  checksum: 10/0e30c73a3cc3c67dd06360a5a12fd12cee831e4092750eec3d6c031bdc4feafcb0ab1d882910a73e66b451a4f6e1dd015e9e2c4d45bf6bf716a474e5d123ddf0
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/types@npm:8.18.1":
+  version: 8.18.1
+  resolution: "@typescript-eslint/types@npm:8.18.1"
+  checksum: 10/57a6141ba17be929291a644991f3a76f94fce330376f6a079decb20fb53378d636ad6878f8f9b6fcb8244cf1ca8b118f9e8901ae04cf3de2aa9f9ff57791d97a
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/types@npm:8.31.1":
+  version: 8.31.1
+  resolution: "@typescript-eslint/types@npm:8.31.1"
+  checksum: 10/18f534beb408398b8ed7f36fb9b9b8ff7e41fe6e5e8a7d0f6b16cc5ad0e55bb5920eeb28c71367e5cc7e0b9675ec961bc6a41bf58b4338c2264c0146322d83f5
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/types@npm:8.33.1, @typescript-eslint/types@npm:^8.33.1":
+  version: 8.33.1
+  resolution: "@typescript-eslint/types@npm:8.33.1"
+  checksum: 10/27bee01122366438ada7919f91f479fec75e23e2f8033e7e74a12dcfeaa2c28a72e83c545bb676be4369c983b3da5eec101cffb431c52abcc2b6664b48255147
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/typescript-estree@npm:7.18.0":
+  version: 7.18.0
+  resolution: "@typescript-eslint/typescript-estree@npm:7.18.0"
+  dependencies:
+    "@typescript-eslint/types": "npm:7.18.0"
+    "@typescript-eslint/visitor-keys": "npm:7.18.0"
+    debug: "npm:^4.3.4"
+    globby: "npm:^11.1.0"
+    is-glob: "npm:^4.0.3"
+    minimatch: "npm:^9.0.4"
+    semver: "npm:^7.6.0"
+    ts-api-utils: "npm:^1.3.0"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/b01e66235a91aa4439d02081d4a5f8b4a7cf9cb24f26b334812f657e3c603493e5f41e5c1e89cf4efae7d64509fa1f73affc16afc5e15cb7f83f724577c82036
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/typescript-estree@npm:8.18.1":
+  version: 8.18.1
+  resolution: "@typescript-eslint/typescript-estree@npm:8.18.1"
+  dependencies:
+    "@typescript-eslint/types": "npm:8.18.1"
+    "@typescript-eslint/visitor-keys": "npm:8.18.1"
+    debug: "npm:^4.3.4"
+    fast-glob: "npm:^3.3.2"
+    is-glob: "npm:^4.0.3"
+    minimatch: "npm:^9.0.4"
+    semver: "npm:^7.6.0"
+    ts-api-utils: "npm:^1.3.0"
+  peerDependencies:
+    typescript: ">=4.8.4 <5.8.0"
+  checksum: 10/8ecc1b50b9fc32116eee1b3b00f3fb29cf18026c0bbb50ab5f6e01db58ef62b8ac01824f2950f132479be6e1b82466a2bfd1e2cb4525aa8dbce4c27fc2494cfc
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/typescript-estree@npm:8.31.1":
+  version: 8.31.1
+  resolution: "@typescript-eslint/typescript-estree@npm:8.31.1"
+  dependencies:
+    "@typescript-eslint/types": "npm:8.31.1"
+    "@typescript-eslint/visitor-keys": "npm:8.31.1"
+    debug: "npm:^4.3.4"
+    fast-glob: "npm:^3.3.2"
+    is-glob: "npm:^4.0.3"
+    minimatch: "npm:^9.0.4"
+    semver: "npm:^7.6.0"
+    ts-api-utils: "npm:^2.0.1"
+  peerDependencies:
+    typescript: ">=4.8.4 <5.9.0"
+  checksum: 10/0314ef90f277c76485182721662cf826c31c817acad04e9502b48352eb70bb109a6b7fad02a29d516413b0b1d1fc809c91016ccd5fcd6202ec1b282c6f848ff8
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/typescript-estree@npm:8.33.1":
+  version: 8.33.1
+  resolution: "@typescript-eslint/typescript-estree@npm:8.33.1"
+  dependencies:
+    "@typescript-eslint/project-service": "npm:8.33.1"
+    "@typescript-eslint/tsconfig-utils": "npm:8.33.1"
+    "@typescript-eslint/types": "npm:8.33.1"
+    "@typescript-eslint/visitor-keys": "npm:8.33.1"
+    debug: "npm:^4.3.4"
+    fast-glob: "npm:^3.3.2"
+    is-glob: "npm:^4.0.3"
+    minimatch: "npm:^9.0.4"
+    semver: "npm:^7.6.0"
+    ts-api-utils: "npm:^2.1.0"
+  peerDependencies:
+    typescript: ">=4.8.4 <5.9.0"
+  checksum: 10/2876b66acd72f8a1093f8671e05015554fea736d492dbc83084f74faff71d40d66a96452396272252f5e36c1dab2082679d10c7b8aca9f3e2f1b6084afeef807
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/utils@npm:7.18.0":
+  version: 7.18.0
+  resolution: "@typescript-eslint/utils@npm:7.18.0"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.4.0"
+    "@typescript-eslint/scope-manager": "npm:7.18.0"
+    "@typescript-eslint/types": "npm:7.18.0"
+    "@typescript-eslint/typescript-estree": "npm:7.18.0"
+  peerDependencies:
+    eslint: ^8.56.0
+  checksum: 10/f43fedb4f4d2e3836bdf137889449063a55c0ece74fdb283929cd376197b992313be8ef4df920c1c801b5c3076b92964c84c6c3b9b749d263b648d0011f5926e
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/utils@npm:8.18.1, @typescript-eslint/utils@npm:^8.8.1":
+  version: 8.18.1
+  resolution: "@typescript-eslint/utils@npm:8.18.1"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.4.0"
+    "@typescript-eslint/scope-manager": "npm:8.18.1"
+    "@typescript-eslint/types": "npm:8.18.1"
+    "@typescript-eslint/typescript-estree": "npm:8.18.1"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.8.0"
+  checksum: 10/7b33d2ac273ad606a3dcb776bcf02c901812952550cdc93d4ece272b3b0e5d2a4e05fa92f9bd466f4a296ddd5992902d3b6623aa1c29d09e8e392897103e42a8
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/utils@npm:8.31.1":
+  version: 8.31.1
+  resolution: "@typescript-eslint/utils@npm:8.31.1"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.4.0"
+    "@typescript-eslint/scope-manager": "npm:8.31.1"
+    "@typescript-eslint/types": "npm:8.31.1"
+    "@typescript-eslint/typescript-estree": "npm:8.31.1"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.9.0"
+  checksum: 10/c96253140f5a456b2dc4c9664d4527a88d8f537d9694e1f165665de20aea3936624cf93075f08f5cc2f5080e76021b9b2404a536d1b7980e38e3d1776c7c888c
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/utils@npm:8.33.1, @typescript-eslint/utils@npm:^8.26.1":
+  version: 8.33.1
+  resolution: "@typescript-eslint/utils@npm:8.33.1"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.7.0"
+    "@typescript-eslint/scope-manager": "npm:8.33.1"
+    "@typescript-eslint/types": "npm:8.33.1"
+    "@typescript-eslint/typescript-estree": "npm:8.33.1"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.9.0"
+  checksum: 10/ba76f25b178e2b3280d7aad8becf6a1edd3c57f76f36e6a22d951207282ecc8bfce831ed2f2dd95a70637dcfea2932b3d0a39ac19dd8f9881502738464c6179a
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/visitor-keys@npm:7.18.0":
+  version: 7.18.0
+  resolution: "@typescript-eslint/visitor-keys@npm:7.18.0"
+  dependencies:
+    "@typescript-eslint/types": "npm:7.18.0"
+    eslint-visitor-keys: "npm:^3.4.3"
+  checksum: 10/b7cfe6fdeae86c507357ac6b2357813c64fb2fbf1aaf844393ba82f73a16e2599b41981b34200d9fc7765d70bc3a8181d76b503051e53f04bcb7c9afef637eab
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/visitor-keys@npm:8.18.1":
+  version: 8.18.1
+  resolution: "@typescript-eslint/visitor-keys@npm:8.18.1"
+  dependencies:
+    "@typescript-eslint/types": "npm:8.18.1"
+    eslint-visitor-keys: "npm:^4.2.0"
+  checksum: 10/00e88b1640a68c3afea08731395eb09a8216892248fee819cb7526e99093256743239d6b9e880a499f1c0ddfe2ffa4d1ad895d9e778b5d42e702d5880db1a594
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/visitor-keys@npm:8.31.1":
+  version: 8.31.1
+  resolution: "@typescript-eslint/visitor-keys@npm:8.31.1"
+  dependencies:
+    "@typescript-eslint/types": "npm:8.31.1"
+    eslint-visitor-keys: "npm:^4.2.0"
+  checksum: 10/14eb7e7ccb5fc29df979427b23729878d10deaa914d4eae1991c75c8ba88f3a2148889f03eeec09d1425a3b14fe37a10c2eafda60874c7020f620fd42d31fd5a
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/visitor-keys@npm:8.33.1":
+  version: 8.33.1
+  resolution: "@typescript-eslint/visitor-keys@npm:8.33.1"
+  dependencies:
+    "@typescript-eslint/types": "npm:8.33.1"
+    eslint-visitor-keys: "npm:^4.2.0"
+  checksum: 10/8c1ba7373d8d47d2f2183355db278d4042ecdf268a898c5f4736d84aaa716c6b6faf354247eff8dc1337a7f64168f02e34f3781994d11e9fa8c2b0e35c652c49
+  languageName: node
+  linkType: hard
+
+"@ungap/structured-clone@npm:^1.0.0":
+  version: 1.2.1
+  resolution: "@ungap/structured-clone@npm:1.2.1"
+  checksum: 10/6770f71e8183311b2871601ddb02d62a26373be7cf2950cb546a345a2305c75b502e36ce80166120aa2f5f1ea1562141684651ebbfcc711c58acd32035d3e545
+  languageName: node
+  linkType: hard
+
+"@urql/core@npm:^5.0.0, @urql/core@npm:^5.0.6":
+  version: 5.0.8
+  resolution: "@urql/core@npm:5.0.8"
+  dependencies:
+    "@0no-co/graphql.web": "npm:^1.0.5"
+    wonka: "npm:^6.3.2"
+  checksum: 10/c973e6e89785ae45ef447726557143ce7bc9d9f5b887297f0b315b2ff546d20bdfb814a4c899644bd5c5814761fc8d75a8ac66f67f3d57a3c2eadd3ec88adb60
+  languageName: node
+  linkType: hard
+
+"@urql/exchange-retry@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "@urql/exchange-retry@npm:1.3.0"
+  dependencies:
+    "@urql/core": "npm:^5.0.0"
+    wonka: "npm:^6.3.2"
+  peerDependencies:
+    "@urql/core": ^5.0.0
+  checksum: 10/5bbc914a58a6de6ee7146d55fa8d6454cbf0fb5f6d7a3f7b1770d95dfbaa9e44fad041d4655f00f38ce87f12b52fdd694a1ccb8df487265185f5b425d5e12177
+  languageName: node
+  linkType: hard
+
+"@vitest/expect@npm:2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/expect@npm:2.0.5"
+  dependencies:
+    "@vitest/spy": "npm:2.0.5"
+    "@vitest/utils": "npm:2.0.5"
+    chai: "npm:^5.1.1"
+    tinyrainbow: "npm:^1.2.0"
+  checksum: 10/ca9a218f50254b2259fd16166b2d8c9ccc8ee2cc068905e6b3d6281da10967b1590cc7d34b5fa9d429297f97e740450233745583b4cc12272ff11705faf70a37
+  languageName: node
+  linkType: hard
+
+"@vitest/pretty-format@npm:2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/pretty-format@npm:2.0.5"
+  dependencies:
+    tinyrainbow: "npm:^1.2.0"
+  checksum: 10/70bf452dd0b8525e658795125b3f11110bd6baadfaa38c5bb91ca763bded35ec6dc80e27964ad4e91b91be6544d35e18ea7748c1997693988f975a7283c3e9a0
+  languageName: node
+  linkType: hard
+
+"@vitest/pretty-format@npm:2.1.8":
+  version: 2.1.8
+  resolution: "@vitest/pretty-format@npm:2.1.8"
+  dependencies:
+    tinyrainbow: "npm:^1.2.0"
+  checksum: 10/f0f60c007424194887ad398d202867d58d850154de327993925041e2972357544eea95a22e0bb3a62a470b006ff8de5f691d2078708dcd7f625e24f8a06b26e7
+  languageName: node
+  linkType: hard
+
+"@vitest/spy@npm:2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/spy@npm:2.0.5"
+  dependencies:
+    tinyspy: "npm:^3.0.0"
+  checksum: 10/ed19f4c3bb4d3853241e8070979615138e24403ce4c137fa48c903b3af2c8b3ada2cc26aca9c1aa323bb314a457a8130a29acbb18dafd4e42737deefb2abf1ca
+  languageName: node
+  linkType: hard
+
+"@vitest/utils@npm:2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/utils@npm:2.0.5"
+  dependencies:
+    "@vitest/pretty-format": "npm:2.0.5"
+    estree-walker: "npm:^3.0.3"
+    loupe: "npm:^3.1.1"
+    tinyrainbow: "npm:^1.2.0"
+  checksum: 10/d631d56d29c33bc8de631166b2b6691c470187a345469dfef7048befe6027e1c6ff9552f2ee11c8a247522c325c4a64bfcc73f8f0f0c525da39cb9f190f119f8
+  languageName: node
+  linkType: hard
+
+"@vitest/utils@npm:^2.1.1":
+  version: 2.1.8
+  resolution: "@vitest/utils@npm:2.1.8"
+  dependencies:
+    "@vitest/pretty-format": "npm:2.1.8"
+    loupe: "npm:^3.1.2"
+    tinyrainbow: "npm:^1.2.0"
+  checksum: 10/be1f4254347199fb5c1d9de8e4537dad4af3f434c033e7cd023165bd4b7e9de16fa0f86664256ab331120585df95ed6be8eea58b209b510651b49f6482051733
+  languageName: node
+  linkType: hard
+
+"@walletconnect/core@npm:2.18.1":
+  version: 2.18.1
+  resolution: "@walletconnect/core@npm:2.18.1"
+  dependencies:
+    "@walletconnect/heartbeat": "npm:1.2.2"
+    "@walletconnect/jsonrpc-provider": "npm:1.0.14"
+    "@walletconnect/jsonrpc-types": "npm:1.0.4"
+    "@walletconnect/jsonrpc-utils": "npm:1.0.8"
+    "@walletconnect/jsonrpc-ws-connection": "npm:1.0.16"
+    "@walletconnect/keyvaluestorage": "npm:1.1.1"
+    "@walletconnect/logger": "npm:2.1.2"
+    "@walletconnect/relay-api": "npm:1.0.11"
+    "@walletconnect/relay-auth": "npm:1.1.0"
+    "@walletconnect/safe-json": "npm:1.0.2"
+    "@walletconnect/time": "npm:1.0.2"
+    "@walletconnect/types": "npm:2.18.1"
+    "@walletconnect/utils": "npm:2.18.1"
+    "@walletconnect/window-getters": "npm:1.0.1"
+    events: "npm:3.3.0"
+    lodash.isequal: "npm:4.5.0"
+    uint8arrays: "npm:3.1.0"
+  checksum: 10/65d739b12a07e1c8946408f8be997f6fee5c8f2624f8fdc04471b42084a4d78f5f5dba5bd1c5e2fc2950a458d9f77b78537bea9d21d50fa246cc19d989ee066d
+  languageName: node
+  linkType: hard
+
+"@walletconnect/core@npm:2.21.3":
+  version: 2.21.3
+  resolution: "@walletconnect/core@npm:2.21.3"
+  dependencies:
+    "@walletconnect/heartbeat": "npm:1.2.2"
+    "@walletconnect/jsonrpc-provider": "npm:1.0.14"
+    "@walletconnect/jsonrpc-types": "npm:1.0.4"
+    "@walletconnect/jsonrpc-utils": "npm:1.0.8"
+    "@walletconnect/jsonrpc-ws-connection": "npm:1.0.16"
+    "@walletconnect/keyvaluestorage": "npm:1.1.1"
+    "@walletconnect/logger": "npm:2.1.2"
+    "@walletconnect/relay-api": "npm:1.0.11"
+    "@walletconnect/relay-auth": "npm:1.1.0"
+    "@walletconnect/safe-json": "npm:1.0.2"
+    "@walletconnect/time": "npm:1.0.2"
+    "@walletconnect/types": "npm:2.21.3"
+    "@walletconnect/utils": "npm:2.21.3"
+    "@walletconnect/window-getters": "npm:1.0.1"
+    es-toolkit: "npm:1.39.3"
+    events: "npm:3.3.0"
+    uint8arrays: "npm:3.1.1"
+  checksum: 10/bfc4fe2ba8459ab5b505c392eb33cbfb64f8fcaf1bf7dbbbe91df71e1ab533d06dc8942fcf9022bd98452bdccaa4fae99e97b58af6524bc2cc573554382bf6d4
+  languageName: node
+  linkType: hard
+
+"@walletconnect/core@npm:^2.20.2":
+  version: 2.20.2
+  resolution: "@walletconnect/core@npm:2.20.2"
+  dependencies:
+    "@walletconnect/heartbeat": "npm:1.2.2"
+    "@walletconnect/jsonrpc-provider": "npm:1.0.14"
+    "@walletconnect/jsonrpc-types": "npm:1.0.4"
+    "@walletconnect/jsonrpc-utils": "npm:1.0.8"
+    "@walletconnect/jsonrpc-ws-connection": "npm:1.0.16"
+    "@walletconnect/keyvaluestorage": "npm:1.1.1"
+    "@walletconnect/logger": "npm:2.1.2"
+    "@walletconnect/relay-api": "npm:1.0.11"
+    "@walletconnect/relay-auth": "npm:1.1.0"
+    "@walletconnect/safe-json": "npm:1.0.2"
+    "@walletconnect/time": "npm:1.0.2"
+    "@walletconnect/types": "npm:2.20.2"
+    "@walletconnect/utils": "npm:2.20.2"
+    "@walletconnect/window-getters": "npm:1.0.1"
+    es-toolkit: "npm:1.33.0"
+    events: "npm:3.3.0"
+    uint8arrays: "npm:3.1.0"
+  checksum: 10/d835afff418cbd9aeb19ad77b5a47ad18a0e01f1d6304e211f3fc63262d93329e7affee4d75a5923ed146612b29d914db3626e4c6c1d16f38148d8f6d2f478c8
+  languageName: node
+  linkType: hard
+
+"@walletconnect/environment@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@walletconnect/environment@npm:1.0.1"
+  dependencies:
+    tslib: "npm:1.14.1"
+  checksum: 10/f6a1e3456e50cc7cfa58d99fd513ecac75573d0b8bcbbedcb1d7ec04ca9108df16b471afd40761b2a5cb4f66d8e33b7ba25f02c62c8365d68b1bd1ef52c1813e
+  languageName: node
+  linkType: hard
+
+"@walletconnect/ethereum-provider@npm:^2.17.3":
+  version: 2.18.1
+  resolution: "@walletconnect/ethereum-provider@npm:2.18.1"
+  dependencies:
+    "@walletconnect/jsonrpc-http-connection": "npm:1.0.8"
+    "@walletconnect/jsonrpc-provider": "npm:1.0.14"
+    "@walletconnect/jsonrpc-types": "npm:1.0.4"
+    "@walletconnect/jsonrpc-utils": "npm:1.0.8"
+    "@walletconnect/keyvaluestorage": "npm:1.1.1"
+    "@walletconnect/modal": "npm:2.7.0"
+    "@walletconnect/sign-client": "npm:2.18.1"
+    "@walletconnect/types": "npm:2.18.1"
+    "@walletconnect/universal-provider": "npm:2.18.1"
+    "@walletconnect/utils": "npm:2.18.1"
+    events: "npm:3.3.0"
+  checksum: 10/8a2ba6b0a6d776a78402dcfe230f51c4aca5842b3072e114e4cb598047883fb3c9b5df49e983cea1550ba84abd1b9b825bc4e86fc06356eec471f39a4d27ca62
+  languageName: node
+  linkType: hard
+
+"@walletconnect/events@npm:1.0.1, @walletconnect/events@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@walletconnect/events@npm:1.0.1"
+  dependencies:
+    keyvaluestorage-interface: "npm:^1.0.0"
+    tslib: "npm:1.14.1"
+  checksum: 10/b5a105e9ac4d7d0a500085afd77b71e71a8ab78fd38b033e4ce91f8626fd8c254b1ba49a59c8c0ed8a00a7e8b93995163f414eda73c58694f8f830e453a902b6
+  languageName: node
+  linkType: hard
+
+"@walletconnect/heartbeat@npm:1.2.2":
+  version: 1.2.2
+  resolution: "@walletconnect/heartbeat@npm:1.2.2"
+  dependencies:
+    "@walletconnect/events": "npm:^1.0.1"
+    "@walletconnect/time": "npm:^1.0.2"
+    events: "npm:^3.3.0"
+  checksum: 10/f3a1c3c255ac9bd374b25e1ef65a61b1f623b9118d48471acaac1f9ee4ee1438d8d8cbc77733cdd980809b468443c046328fe5ac4084e01e0892f8c699cf44e7
+  languageName: node
+  linkType: hard
+
+"@walletconnect/jsonrpc-http-connection@npm:1.0.8":
+  version: 1.0.8
+  resolution: "@walletconnect/jsonrpc-http-connection@npm:1.0.8"
+  dependencies:
+    "@walletconnect/jsonrpc-utils": "npm:^1.0.6"
+    "@walletconnect/safe-json": "npm:^1.0.1"
+    cross-fetch: "npm:^3.1.4"
+    events: "npm:^3.3.0"
+  checksum: 10/c545906243df27fdbde3c8e9005217069dd22ce0f496c59f55843ca8fcb0c1a90d2c0ac6ecb16fa110ed85c36e5486f5a74621a5ca6230667d77ee3b0ae36cc6
+  languageName: node
+  linkType: hard
+
+"@walletconnect/jsonrpc-provider@npm:1.0.14":
+  version: 1.0.14
+  resolution: "@walletconnect/jsonrpc-provider@npm:1.0.14"
+  dependencies:
+    "@walletconnect/jsonrpc-utils": "npm:^1.0.8"
+    "@walletconnect/safe-json": "npm:^1.0.2"
+    events: "npm:^3.3.0"
+  checksum: 10/c3c78f00148043b70213f5174d537b210f1fb231d96103cbf7d0101626578d3c13fe99ac080df7a0056c7128ce488b0523eda0e3d1deed75754672848b4909a5
+  languageName: node
+  linkType: hard
+
+"@walletconnect/jsonrpc-types@npm:1.0.4, @walletconnect/jsonrpc-types@npm:^1.0.2, @walletconnect/jsonrpc-types@npm:^1.0.3":
+  version: 1.0.4
+  resolution: "@walletconnect/jsonrpc-types@npm:1.0.4"
+  dependencies:
+    events: "npm:^3.3.0"
+    keyvaluestorage-interface: "npm:^1.0.0"
+  checksum: 10/8cdc9f7b5e3ae0d702a44a6fc4c388a2b627188df758ffd103ba9aac6596a787d2f319aa8f6928a03d990c71c17d9b876028f36b8e0c37bd5c9026231ed9ba45
+  languageName: node
+  linkType: hard
+
+"@walletconnect/jsonrpc-utils@npm:1.0.8, @walletconnect/jsonrpc-utils@npm:^1.0.6, @walletconnect/jsonrpc-utils@npm:^1.0.8":
+  version: 1.0.8
+  resolution: "@walletconnect/jsonrpc-utils@npm:1.0.8"
+  dependencies:
+    "@walletconnect/environment": "npm:^1.0.1"
+    "@walletconnect/jsonrpc-types": "npm:^1.0.3"
+    tslib: "npm:1.14.1"
+  checksum: 10/4687b4582a5c33883d94e87ca8bb22d129a2a47b6e1d9e2c3210b74f02d9677723b3bf2283d2f0fa69866b0a66a80cdfada9a2f1c204d485fbd10d2baed1f0a6
+  languageName: node
+  linkType: hard
+
+"@walletconnect/jsonrpc-ws-connection@npm:1.0.16":
+  version: 1.0.16
+  resolution: "@walletconnect/jsonrpc-ws-connection@npm:1.0.16"
+  dependencies:
+    "@walletconnect/jsonrpc-utils": "npm:^1.0.6"
+    "@walletconnect/safe-json": "npm:^1.0.2"
+    events: "npm:^3.3.0"
+    ws: "npm:^7.5.1"
+  checksum: 10/98e06097588f895c4ba14b6feb64ed9b5c125d57a4ea3ad3fa6f52fd090fccce60808252c8cefaddc022cfa7fde7551a3aec3bb36e6b08c622207d7554d93e40
+  languageName: node
+  linkType: hard
+
+"@walletconnect/keyvaluestorage@npm:1.1.1":
+  version: 1.1.1
+  resolution: "@walletconnect/keyvaluestorage@npm:1.1.1"
+  dependencies:
+    "@walletconnect/safe-json": "npm:^1.0.1"
+    idb-keyval: "npm:^6.2.1"
+    unstorage: "npm:^1.9.0"
+  peerDependencies:
+    "@react-native-async-storage/async-storage": 1.x
+  peerDependenciesMeta:
+    "@react-native-async-storage/async-storage":
+      optional: true
+  checksum: 10/fd9c275b3249d8e9f722866703b5c040eb35d0670c92a297428ffb700ac36c6b9978242beac5d2cfe97eb522ae01307cacd9c79ecf95640878804fce0f13c5e7
+  languageName: node
+  linkType: hard
+
+"@walletconnect/logger@npm:2.1.2":
+  version: 2.1.2
+  resolution: "@walletconnect/logger@npm:2.1.2"
+  dependencies:
+    "@walletconnect/safe-json": "npm:^1.0.2"
+    pino: "npm:7.11.0"
+  checksum: 10/2e6d438bd352595fff6691712c83953e3ad6b2b9ab298c5a8b670a024f53a3f744b165e5aa081a79261ee4801b93b6c60698a39947d613d49a8f6e6215ecd4c2
+  languageName: node
+  linkType: hard
+
+"@walletconnect/modal-core@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@walletconnect/modal-core@npm:2.7.0"
+  dependencies:
+    valtio: "npm:1.11.2"
+  checksum: 10/1549f9ba5c98dfed2f97fbfccfcd2e342550c7ba7a85970bff224258dd397bad0a29721b90fef408dcc6cdfa65c52253476a04c16fece9b4d48792f03c3a4b4f
+  languageName: node
+  linkType: hard
+
+"@walletconnect/modal-ui@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@walletconnect/modal-ui@npm:2.7.0"
+  dependencies:
+    "@walletconnect/modal-core": "npm:2.7.0"
+    lit: "npm:2.8.0"
+    motion: "npm:10.16.2"
+    qrcode: "npm:1.5.3"
+  checksum: 10/00d17001bde7646def34eaffef81c4a580f09fdf10902a7a938cd2a3738f8f1cbb10520c229989b64e147df9f4df8ca31bd1d904f9019acc63327b495fb5b3ed
+  languageName: node
+  linkType: hard
+
+"@walletconnect/modal@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@walletconnect/modal@npm:2.7.0"
+  dependencies:
+    "@walletconnect/modal-core": "npm:2.7.0"
+    "@walletconnect/modal-ui": "npm:2.7.0"
+  checksum: 10/a6b78cc06479e0aa98516784ff1f81b24839777f0ec38d2f9cc85b4dc932ad6e823187bbb699f80f898e7d4b09d1232134f348eb9d12697e74e742eeaec189f2
+  languageName: node
+  linkType: hard
+
+"@walletconnect/relay-api@npm:1.0.11":
+  version: 1.0.11
+  resolution: "@walletconnect/relay-api@npm:1.0.11"
+  dependencies:
+    "@walletconnect/jsonrpc-types": "npm:^1.0.2"
+  checksum: 10/d85f88b9744917ee5b36d2df23bf4012819b14b73229f9bdca942bee11dd3b3428808c7528c2b1f6b3d91fa1d34a22b1e20b46533e402301318cbd4ab59b9c17
+  languageName: node
+  linkType: hard
+
+"@walletconnect/relay-auth@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@walletconnect/relay-auth@npm:1.0.4"
+  dependencies:
+    "@stablelib/ed25519": "npm:^1.0.2"
+    "@stablelib/random": "npm:^1.0.1"
+    "@walletconnect/safe-json": "npm:^1.0.1"
+    "@walletconnect/time": "npm:^1.0.2"
+    tslib: "npm:1.14.1"
+    uint8arrays: "npm:^3.0.0"
+  checksum: 10/d9128b2a25f38ebf2f49f8c184dad5c997ad6343513bddd7941459c2f2757e6acfbcdd36dc9c12d0491f55723d5e2c5c0ee2e9cf381b3247274b920e95d4db0e
+  languageName: node
+  linkType: hard
+
+"@walletconnect/relay-auth@npm:1.1.0":
+  version: 1.1.0
+  resolution: "@walletconnect/relay-auth@npm:1.1.0"
+  dependencies:
+    "@noble/curves": "npm:1.8.0"
+    "@noble/hashes": "npm:1.7.0"
+    "@walletconnect/safe-json": "npm:^1.0.1"
+    "@walletconnect/time": "npm:^1.0.2"
+    uint8arrays: "npm:^3.0.0"
+  checksum: 10/0fd6c2e05ced76fbc8e6a84c0a8e73458779662aea55568f51cd9066c337d8a12f2869f0bd717024bbe5955cc605241e68505ebac40406ed2a1bdacba42431b1
+  languageName: node
+  linkType: hard
+
+"@walletconnect/safe-json@npm:1.0.2, @walletconnect/safe-json@npm:^1.0.1, @walletconnect/safe-json@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "@walletconnect/safe-json@npm:1.0.2"
+  dependencies:
+    tslib: "npm:1.14.1"
+  checksum: 10/b9d031dab3916d20fa5241d7ad2be425368ae489995ba3ba18d6ad88e81ad3ed093b8e867b8a4fc44759099896aeb5afee5635858cb80c4819ebc7ebb71ed5a6
+  languageName: node
+  linkType: hard
+
+"@walletconnect/sign-client@npm:2.18.1":
+  version: 2.18.1
+  resolution: "@walletconnect/sign-client@npm:2.18.1"
+  dependencies:
+    "@walletconnect/core": "npm:2.18.1"
+    "@walletconnect/events": "npm:1.0.1"
+    "@walletconnect/heartbeat": "npm:1.2.2"
+    "@walletconnect/jsonrpc-utils": "npm:1.0.8"
+    "@walletconnect/logger": "npm:2.1.2"
+    "@walletconnect/time": "npm:1.0.2"
+    "@walletconnect/types": "npm:2.18.1"
+    "@walletconnect/utils": "npm:2.18.1"
+    events: "npm:3.3.0"
+  checksum: 10/3fe2b294f827b96bbebc9bf3847c07bfb134f10dc7c65ebb95ea8d52fc84b1ed6fcb33612239d0546e65f1aa000fcb189ae2e3540b5a8c66e01b186064d8011d
+  languageName: node
+  linkType: hard
+
+"@walletconnect/sign-client@npm:2.21.3":
+  version: 2.21.3
+  resolution: "@walletconnect/sign-client@npm:2.21.3"
+  dependencies:
+    "@walletconnect/core": "npm:2.21.3"
+    "@walletconnect/events": "npm:1.0.1"
+    "@walletconnect/heartbeat": "npm:1.2.2"
+    "@walletconnect/jsonrpc-utils": "npm:1.0.8"
+    "@walletconnect/logger": "npm:2.1.2"
+    "@walletconnect/time": "npm:1.0.2"
+    "@walletconnect/types": "npm:2.21.3"
+    "@walletconnect/utils": "npm:2.21.3"
+    events: "npm:3.3.0"
+  checksum: 10/eaa46618078d887934a368615a41cd68f9d36723b8ba0be9f4ea718e96ef2982efada9abad8ed5194ac7e8e52ba58bdc0bbb1dd3c899ff69b9af82eb199256f1
+  languageName: node
+  linkType: hard
+
+"@walletconnect/time@npm:1.0.2, @walletconnect/time@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "@walletconnect/time@npm:1.0.2"
+  dependencies:
+    tslib: "npm:1.14.1"
+  checksum: 10/ea84d0850e63306837f98a228e08a59f6945da38ba5553b1f158abeaa8ec4dc8a0025a0f0cfc843ddf05ce2947da95c02ac1e8cedce7092bbe1c2d46ca816dd9
+  languageName: node
+  linkType: hard
+
+"@walletconnect/types@npm:2.17.3":
+  version: 2.17.3
+  resolution: "@walletconnect/types@npm:2.17.3"
+  dependencies:
+    "@walletconnect/events": "npm:1.0.1"
+    "@walletconnect/heartbeat": "npm:1.2.2"
+    "@walletconnect/jsonrpc-types": "npm:1.0.4"
+    "@walletconnect/keyvaluestorage": "npm:1.1.1"
+    "@walletconnect/logger": "npm:2.1.2"
+    events: "npm:3.3.0"
+  checksum: 10/11209cca804db1e4f58490d19f11d02ce97360ec1cd54efcd8074ca93361caf92841551b4ba376f949e62ebc6667e325757c3e3007d19a5c31af0265ce3eeb05
+  languageName: node
+  linkType: hard
+
+"@walletconnect/types@npm:2.18.1":
+  version: 2.18.1
+  resolution: "@walletconnect/types@npm:2.18.1"
+  dependencies:
+    "@walletconnect/events": "npm:1.0.1"
+    "@walletconnect/heartbeat": "npm:1.2.2"
+    "@walletconnect/jsonrpc-types": "npm:1.0.4"
+    "@walletconnect/keyvaluestorage": "npm:1.1.1"
+    "@walletconnect/logger": "npm:2.1.2"
+    events: "npm:3.3.0"
+  checksum: 10/f5c7a7aadc1241305fec822cbfb0edc7c6aeff3e9abee6b7a60279f87525211e7dc36ecdc86427cc86e99144559cfc97b39979beff91fabddf5b81720d25647a
+  languageName: node
+  linkType: hard
+
+"@walletconnect/types@npm:2.20.2":
+  version: 2.20.2
+  resolution: "@walletconnect/types@npm:2.20.2"
+  dependencies:
+    "@walletconnect/events": "npm:1.0.1"
+    "@walletconnect/heartbeat": "npm:1.2.2"
+    "@walletconnect/jsonrpc-types": "npm:1.0.4"
+    "@walletconnect/keyvaluestorage": "npm:1.1.1"
+    "@walletconnect/logger": "npm:2.1.2"
+    events: "npm:3.3.0"
+  checksum: 10/841581d479579097517e2cce4bdeea9c57027cfbf51176197a395187a9284bcb97401fd9b8fbf06cfcafad28ce937776a661c632b7ba6e4be0b0ba4633250b36
+  languageName: node
+  linkType: hard
+
+"@walletconnect/types@npm:2.21.3":
+  version: 2.21.3
+  resolution: "@walletconnect/types@npm:2.21.3"
+  dependencies:
+    "@walletconnect/events": "npm:1.0.1"
+    "@walletconnect/heartbeat": "npm:1.2.2"
+    "@walletconnect/jsonrpc-types": "npm:1.0.4"
+    "@walletconnect/keyvaluestorage": "npm:1.1.1"
+    "@walletconnect/logger": "npm:2.1.2"
+    events: "npm:3.3.0"
+  checksum: 10/947cb8b74b0e80fc65b80b5170401a6d69b67f41afef49e07e2e62a88508a96ceea9c709057ed411cf48e12442125b9e7717fd18709ff553709ce7e941f403ef
+  languageName: node
+  linkType: hard
+
+"@walletconnect/universal-provider@npm:2.18.1":
+  version: 2.18.1
+  resolution: "@walletconnect/universal-provider@npm:2.18.1"
+  dependencies:
+    "@walletconnect/events": "npm:1.0.1"
+    "@walletconnect/jsonrpc-http-connection": "npm:1.0.8"
+    "@walletconnect/jsonrpc-provider": "npm:1.0.14"
+    "@walletconnect/jsonrpc-types": "npm:1.0.4"
+    "@walletconnect/jsonrpc-utils": "npm:1.0.8"
+    "@walletconnect/keyvaluestorage": "npm:1.1.1"
+    "@walletconnect/logger": "npm:2.1.2"
+    "@walletconnect/sign-client": "npm:2.18.1"
+    "@walletconnect/types": "npm:2.18.1"
+    "@walletconnect/utils": "npm:2.18.1"
+    events: "npm:3.3.0"
+    lodash: "npm:4.17.21"
+  checksum: 10/df7acec514c6eb73b2e0c2fb775996c5e7834c8c4b7e39501753eb6931ac3647c4f1575c3f1620a2ffc6055841844a3ae544eb7a6852f3155b45f42dc39776c3
+  languageName: node
+  linkType: hard
+
+"@walletconnect/utils@npm:2.18.1":
+  version: 2.18.1
+  resolution: "@walletconnect/utils@npm:2.18.1"
+  dependencies:
+    "@ethersproject/transactions": "npm:5.7.0"
+    "@noble/ciphers": "npm:1.2.1"
+    "@noble/curves": "npm:1.8.1"
+    "@noble/hashes": "npm:1.7.1"
+    "@walletconnect/jsonrpc-utils": "npm:1.0.8"
+    "@walletconnect/keyvaluestorage": "npm:1.1.1"
+    "@walletconnect/relay-api": "npm:1.0.11"
+    "@walletconnect/relay-auth": "npm:1.1.0"
+    "@walletconnect/safe-json": "npm:1.0.2"
+    "@walletconnect/time": "npm:1.0.2"
+    "@walletconnect/types": "npm:2.18.1"
+    "@walletconnect/window-getters": "npm:1.0.1"
+    "@walletconnect/window-metadata": "npm:1.0.1"
+    detect-browser: "npm:5.3.0"
+    elliptic: "npm:6.6.1"
+    query-string: "npm:7.1.3"
+    uint8arrays: "npm:3.1.0"
+  checksum: 10/103c5d6b17cdf258f3e8ac85a8873c9174e804648c6844c72bf40b9eba56a8d3069b9e5dd825c27992194204314b7ebe66a81a935b0080e9e61c1e219c8c25bc
+  languageName: node
+  linkType: hard
+
+"@walletconnect/utils@npm:2.20.2":
+  version: 2.20.2
+  resolution: "@walletconnect/utils@npm:2.20.2"
+  dependencies:
+    "@noble/ciphers": "npm:1.2.1"
+    "@noble/curves": "npm:1.8.1"
+    "@noble/hashes": "npm:1.7.1"
+    "@walletconnect/jsonrpc-utils": "npm:1.0.8"
+    "@walletconnect/keyvaluestorage": "npm:1.1.1"
+    "@walletconnect/relay-api": "npm:1.0.11"
+    "@walletconnect/relay-auth": "npm:1.1.0"
+    "@walletconnect/safe-json": "npm:1.0.2"
+    "@walletconnect/time": "npm:1.0.2"
+    "@walletconnect/types": "npm:2.20.2"
+    "@walletconnect/window-getters": "npm:1.0.1"
+    "@walletconnect/window-metadata": "npm:1.0.1"
+    bs58: "npm:6.0.0"
+    detect-browser: "npm:5.3.0"
+    query-string: "npm:7.1.3"
+    uint8arrays: "npm:3.1.0"
+    viem: "npm:2.23.2"
+  checksum: 10/22952dfe585d9f1fe0a3824236a97eb8ef3bd831e6560a15ea4df7935df13595b9fec3071dcf682b7b9e23882abf189f6f6b85d592339adbf0aeb48834435912
+  languageName: node
+  linkType: hard
+
+"@walletconnect/utils@npm:2.21.3":
+  version: 2.21.3
+  resolution: "@walletconnect/utils@npm:2.21.3"
+  dependencies:
+    "@msgpack/msgpack": "npm:3.1.2"
+    "@noble/ciphers": "npm:1.3.0"
+    "@noble/curves": "npm:1.9.2"
+    "@noble/hashes": "npm:1.8.0"
+    "@scure/base": "npm:1.2.6"
+    "@walletconnect/jsonrpc-utils": "npm:1.0.8"
+    "@walletconnect/keyvaluestorage": "npm:1.1.1"
+    "@walletconnect/relay-api": "npm:1.0.11"
+    "@walletconnect/relay-auth": "npm:1.1.0"
+    "@walletconnect/safe-json": "npm:1.0.2"
+    "@walletconnect/time": "npm:1.0.2"
+    "@walletconnect/types": "npm:2.21.3"
+    "@walletconnect/window-getters": "npm:1.0.1"
+    "@walletconnect/window-metadata": "npm:1.0.1"
+    blakejs: "npm:1.2.1"
+    bs58: "npm:6.0.0"
+    detect-browser: "npm:5.3.0"
+    query-string: "npm:7.1.3"
+    uint8arrays: "npm:3.1.1"
+    viem: "npm:2.31.0"
+  checksum: 10/5c980757150222eb360dc8d1d28e9c8e64621524f9dda272514d57ad4dc30344ecd4dc91f0028f2eb5f468d2536dc8cfd8811981bcf80f74abb0645571a4c304
+  languageName: node
+  linkType: hard
+
+"@walletconnect/utils@npm:^2.17.3":
+  version: 2.17.3
+  resolution: "@walletconnect/utils@npm:2.17.3"
+  dependencies:
+    "@ethersproject/hash": "npm:5.7.0"
+    "@ethersproject/transactions": "npm:5.7.0"
+    "@stablelib/chacha20poly1305": "npm:1.0.1"
+    "@stablelib/hkdf": "npm:1.0.1"
+    "@stablelib/random": "npm:1.0.2"
+    "@stablelib/sha256": "npm:1.0.1"
+    "@stablelib/x25519": "npm:1.0.3"
+    "@walletconnect/jsonrpc-utils": "npm:1.0.8"
+    "@walletconnect/keyvaluestorage": "npm:1.1.1"
+    "@walletconnect/relay-api": "npm:1.0.11"
+    "@walletconnect/relay-auth": "npm:1.0.4"
+    "@walletconnect/safe-json": "npm:1.0.2"
+    "@walletconnect/time": "npm:1.0.2"
+    "@walletconnect/types": "npm:2.17.3"
+    "@walletconnect/window-getters": "npm:1.0.1"
+    "@walletconnect/window-metadata": "npm:1.0.1"
+    detect-browser: "npm:5.3.0"
+    elliptic: "npm:6.6.1"
+    query-string: "npm:7.1.3"
+    uint8arrays: "npm:3.1.0"
+  checksum: 10/ba5b61ae16a105c43f8aae6f16d3dd24cd2fc2ec98be94b330ff2bc7f87175e1b85fcb344de7753acdaa2b8329f164882d6f1665b279306defd42557e0e989e0
+  languageName: node
+  linkType: hard
+
+"@walletconnect/window-getters@npm:1.0.1, @walletconnect/window-getters@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@walletconnect/window-getters@npm:1.0.1"
+  dependencies:
+    tslib: "npm:1.14.1"
+  checksum: 10/8d3fcb134fbbe903ba4a63f1fa5a7849fd443874bf45488260afc2fe3b1cbe211f86da1d76ee844be7c0e8618ae67402f94c213432fd80b04715eaf72e2e00e3
+  languageName: node
+  linkType: hard
+
+"@walletconnect/window-metadata@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@walletconnect/window-metadata@npm:1.0.1"
+  dependencies:
+    "@walletconnect/window-getters": "npm:^1.0.1"
+    tslib: "npm:1.14.1"
+  checksum: 10/cf322e0860c4448cefcd81f34bc6d49d1a235a81e74a6146baefb74e47cf6c3c8050b65e534a3dc13f8d2aed3fc59732ccf48d5a01b5b23e08e1847fcffa950c
+  languageName: node
+  linkType: hard
+
+"@web3-onboard/coinbase@npm:^2.4.2":
+  version: 2.4.2
+  resolution: "@web3-onboard/coinbase@npm:2.4.2"
+  dependencies:
+    "@coinbase/wallet-sdk": "npm:4.3.0"
+    "@web3-onboard/common": "npm:^2.4.1"
+  checksum: 10/d0815040fe3b13d0e6a2f7b3cddfb7af0e46c0c545adab2b76dbc48d146af89914e43920b21ef5d246ac396b28e03d4bc079cc439c98ad4b8e7481f617d9dade
+  languageName: node
+  linkType: hard
+
+"@web3-onboard/common@npm:^2.2.3, @web3-onboard/common@npm:^2.3.3, @web3-onboard/common@npm:^2.4.1":
+  version: 2.4.2
+  resolution: "@web3-onboard/common@npm:2.4.2"
+  dependencies:
+    joi: "npm:17.9.1"
+    viem: "npm:2.12.0"
+  checksum: 10/beb7ffc2a3975d7ccbc20a7471dfc3f2efcb8712eccf074cbbf69e79391cb4992e22c7ec4a48435d18ea3ace0d8371a262c5301eab15f6d4500d865d16e23808
+  languageName: node
+  linkType: hard
+
+"@web3-onboard/core@npm:2.24.0":
+  version: 2.24.0
+  resolution: "@web3-onboard/core@npm:2.24.0"
+  dependencies:
+    "@web3-onboard/common": "npm:^2.4.1"
+    bnc-sdk: "npm:^4.6.7"
+    bowser: "npm:^2.11.0"
+    eventemitter3: "npm:^4.0.7"
+    joi: "npm:17.9.1"
+    lodash.merge: "npm:^4.6.2"
+    lodash.partition: "npm:^4.6.0"
+    nanoid: "npm:^4.0.0"
+    rxjs: "npm:^7.5.5"
+    svelte: "npm:^3.49.0"
+    svelte-i18n: "npm:^4.0.1"
+    viem: "npm:2.12.0"
+  checksum: 10/8ec7a8652c4bde3c33b00819a4efdda0508acf81efe4eb2fda6e1a3ca17bccf33b50f71fa084aa11b3ee5c0d894755f8bdbae2c1b8fe1a67db07d5bd8992948c
+  languageName: node
+  linkType: hard
+
+"@web3-onboard/hw-common@npm:2.3.3":
+  version: 2.3.3
+  resolution: "@web3-onboard/hw-common@npm:2.3.3"
+  dependencies:
+    "@ethereumjs/common": "npm:2.6.2"
+    "@web3-onboard/common": "npm:^2.4.1"
+    bignumber.js: "npm:^9.1.0"
+    ethers: "npm:5.5.4"
+    joi: "npm:17.9.1"
+    rxjs: "npm:^7.5.2"
+  checksum: 10/eccb0e49a1213dcf6e8e84a86c2ad5029ef78d64a65d874dc3b440bc876a2154e39b82f5c791d88502d13b89e2e598aaf11b8d5614cd0f88930464dd7739687d
+  languageName: node
+  linkType: hard
+
+"@web3-onboard/hw-common@patch:@web3-onboard/hw-common@npm%3A2.3.3#~/.yarn/patches/@web3-onboard-hw-common-npm-2.3.3-e6221f97e4.patch":
+  version: 2.3.3
+  resolution: "@web3-onboard/hw-common@patch:@web3-onboard/hw-common@npm%3A2.3.3#~/.yarn/patches/@web3-onboard-hw-common-npm-2.3.3-e6221f97e4.patch::version=2.3.3&hash=d80784"
+  dependencies:
+    "@ethereumjs/common": "npm:2.6.2"
+    "@web3-onboard/common": "npm:^2.4.1"
+    bignumber.js: "npm:^9.1.0"
+    ethers: "npm:5.5.4"
+    joi: "npm:17.9.1"
+    rxjs: "npm:^7.5.2"
+  checksum: 10/05867634a0beec32f2ce97d9e52fb9decdc06acda1c72df2dfecbeb41e9d2058a15ac03d5719cc984a931d328f449962ec8c8711a7cad57cf3cbe5efd4e5a745
+  languageName: node
+  linkType: hard
+
+"@web3-onboard/injected-wallets@npm:^2.11.3":
+  version: 2.11.3
+  resolution: "@web3-onboard/injected-wallets@npm:2.11.3"
+  dependencies:
+    "@web3-onboard/common": "npm:^2.4.1"
+    joi: "npm:17.9.1"
+    lodash.uniqby: "npm:^4.7.0"
+  checksum: 10/513c447852b6467b45ea7b470d66aba77d2957a093c8b2b8a870274fca0bd2d0e01da3864188740e02bf1bd8bb0a63f3a4821fd2f73450ec2907decc34f6ca53
+  languageName: node
+  linkType: hard
+
+"@web3-onboard/ledger@npm:2.3.2":
+  version: 2.3.2
+  resolution: "@web3-onboard/ledger@npm:2.3.2"
+  dependencies:
+    "@ethereumjs/tx": "npm:^3.4.0"
+    "@ethersproject/providers": "npm:^5.5.0"
+    "@ledgerhq/hw-app-eth": "npm:^6.19.0"
+    "@ledgerhq/hw-transport-u2f": "npm:^5.36.0-deprecated"
+    "@ledgerhq/hw-transport-webusb": "npm:^6.19.0"
+    "@metamask/eth-sig-util": "npm:^4.0.0"
+    "@web3-onboard/common": "npm:^2.2.3"
+    "@web3-onboard/hw-common": "npm:^2.0.4"
+    buffer: "npm:^6.0.3"
+    ethereumjs-util: "npm:^7.1.3"
+  checksum: 10/fe0ea9c270b8eacc1de242bd83403f6d0d3ed50855c2a22e7a2565cd85feb43cba98c14a475e2118a0aae70466557c4e1ef8499107839848379a3cacdbbc345d
+  languageName: node
+  linkType: hard
+
+"@web3-onboard/ledger@patch:@web3-onboard/ledger@npm%3A2.3.2#~/.yarn/patches/@web3-onboard-ledger-npm-2.3.2-d2260df52b.patch":
+  version: 2.3.2
+  resolution: "@web3-onboard/ledger@patch:@web3-onboard/ledger@npm%3A2.3.2#~/.yarn/patches/@web3-onboard-ledger-npm-2.3.2-d2260df52b.patch::version=2.3.2&hash=e68601"
+  dependencies:
+    "@ethereumjs/tx": "npm:^3.4.0"
+    "@ethersproject/providers": "npm:^5.5.0"
+    "@ledgerhq/hw-app-eth": "npm:^6.19.0"
+    "@ledgerhq/hw-transport-u2f": "npm:^5.36.0-deprecated"
+    "@ledgerhq/hw-transport-webusb": "npm:^6.19.0"
+    "@metamask/eth-sig-util": "npm:^4.0.0"
+    "@web3-onboard/common": "npm:^2.2.3"
+    "@web3-onboard/hw-common": "npm:^2.0.4"
+    buffer: "npm:^6.0.3"
+    ethereumjs-util: "npm:^7.1.3"
+  checksum: 10/493bf6dc33a61c40b32c761cee1fbf1bda48999ab5ece595d3734a75bfc3be883ec7270614c8beb92715d73b09143f62370390e66eb2360d0d64fbdd4b5353ec
+  languageName: node
+  linkType: hard
+
+"@web3-onboard/trezor@npm:2.4.3":
+  version: 2.4.3
+  resolution: "@web3-onboard/trezor@npm:2.4.3"
+  dependencies:
+    "@ethereumjs/tx": "npm:^3.4.0"
+    "@ethersproject/providers": "npm:^5.5.0"
+    "@trezor/connect-web": "npm:^9.0.11"
+    "@web3-onboard/common": "npm:^2.3.3"
+    "@web3-onboard/hw-common": "npm:^2.3.0"
+    buffer: "npm:^6.0.3"
+    eth-crypto: "npm:^2.1.0"
+    ethereumjs-util: "npm:^7.1.3"
+    hdkey: "npm:^2.0.1"
+  checksum: 10/48b5cd480683ad606236a7c50a0a9bf52ac4de8e65cc6b83d7d8c2f4c916d5b189a4aca21d22552166284aed3a8378fef9cc7d0f9718383abecc81bc1446b542
+  languageName: node
+  linkType: hard
+
+"@web3-onboard/trezor@patch:@web3-onboard/trezor@npm%3A2.4.3#~/.yarn/patches/@web3-onboard-trezor-npm-2.4.3-fdd09231e7.patch":
+  version: 2.4.3
+  resolution: "@web3-onboard/trezor@patch:@web3-onboard/trezor@npm%3A2.4.3#~/.yarn/patches/@web3-onboard-trezor-npm-2.4.3-fdd09231e7.patch::version=2.4.3&hash=c3774f"
+  dependencies:
+    "@ethereumjs/tx": "npm:^3.4.0"
+    "@ethersproject/providers": "npm:^5.5.0"
+    "@trezor/connect-web": "npm:^9.0.11"
+    "@web3-onboard/common": "npm:^2.3.3"
+    "@web3-onboard/hw-common": "npm:^2.3.0"
+    buffer: "npm:^6.0.3"
+    eth-crypto: "npm:^2.1.0"
+    ethereumjs-util: "npm:^7.1.3"
+    hdkey: "npm:^2.0.1"
+  checksum: 10/ed384352293cd7ef3dc1e86cff50b5a474d4f10644819aea4179d924e0b56a85e465f15627d41807efad8b4bbce01e964a4af64bd0a4a25111c3b53f5127b58f
+  languageName: node
+  linkType: hard
+
+"@web3-onboard/walletconnect@npm:^2.6.1":
+  version: 2.6.2
+  resolution: "@web3-onboard/walletconnect@npm:2.6.2"
+  dependencies:
+    "@walletconnect/ethereum-provider": "npm:^2.17.3"
+    "@web3-onboard/common": "npm:^2.4.1"
+    joi: "npm:17.9.1"
+    rxjs: "npm:^7.5.2"
+  checksum: 10/1e8f6fd6437ccd914fd001cf21fccdd8b0e9e320d6c340de2b39664bb4f465dfed0228eb40ff96b9b00a6bb032473755d3fcca3211e412f1c85f0cb371a63154
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/ast@npm:1.14.1, @webassemblyjs/ast@npm:^1.14.1":
+  version: 1.14.1
+  resolution: "@webassemblyjs/ast@npm:1.14.1"
+  dependencies:
+    "@webassemblyjs/helper-numbers": "npm:1.13.2"
+    "@webassemblyjs/helper-wasm-bytecode": "npm:1.13.2"
+  checksum: 10/f83e6abe38057f5d87c1fb356513a371a8b43c9b87657f2790741a66b1ef8ecf958d1391bc42f27c5fb33f58ab8286a38ea849fdd21f433cd4df1307424bab45
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/floating-point-hex-parser@npm:1.13.2":
+  version: 1.13.2
+  resolution: "@webassemblyjs/floating-point-hex-parser@npm:1.13.2"
+  checksum: 10/e866ec8433f4a70baa511df5e8f2ebcd6c24f4e2cc6274c7c5aabe2bcce3459ea4680e0f35d450e1f3602acf3913b6b8e4f15069c8cfd34ae8609fb9a7d01795
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/helper-api-error@npm:1.13.2":
+  version: 1.13.2
+  resolution: "@webassemblyjs/helper-api-error@npm:1.13.2"
+  checksum: 10/48b5df7fd3095bb252f59a139fe2cbd999a62ac9b488123e9a0da3906ad8a2f2da7b2eb21d328c01a90da987380928706395c2897d1f3ed9e2125b6d75a920d0
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/helper-buffer@npm:1.14.1":
+  version: 1.14.1
+  resolution: "@webassemblyjs/helper-buffer@npm:1.14.1"
+  checksum: 10/9690afeafa5e765a34620aa6216e9d40f9126d4e37e9726a2594bf60cab6b211ef20ab6670fd3c4449dd4a3497e69e49b2b725c8da0fb213208c7f45f15f5d5b
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/helper-numbers@npm:1.13.2":
+  version: 1.13.2
+  resolution: "@webassemblyjs/helper-numbers@npm:1.13.2"
+  dependencies:
+    "@webassemblyjs/floating-point-hex-parser": "npm:1.13.2"
+    "@webassemblyjs/helper-api-error": "npm:1.13.2"
+    "@xtuc/long": "npm:4.2.2"
+  checksum: 10/e4c7d0b09811e1cda8eec644a022b560b28f4e974f50195375ccd007df5ee48a922a6dcff5ac40b6a8ec850d56d0ea6419318eee49fec7819ede14e90417a6a4
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/helper-wasm-bytecode@npm:1.13.2":
+  version: 1.13.2
+  resolution: "@webassemblyjs/helper-wasm-bytecode@npm:1.13.2"
+  checksum: 10/3edd191fff7296df1ef3b023bdbe6cb5ea668f6386fd197ccfce46015c6f2a8cc9763cfb86503a0b94973ad27996645afff2252ee39a236513833259a47af6ed
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/helper-wasm-section@npm:1.14.1":
+  version: 1.14.1
+  resolution: "@webassemblyjs/helper-wasm-section@npm:1.14.1"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.14.1"
+    "@webassemblyjs/helper-buffer": "npm:1.14.1"
+    "@webassemblyjs/helper-wasm-bytecode": "npm:1.13.2"
+    "@webassemblyjs/wasm-gen": "npm:1.14.1"
+  checksum: 10/6b73874f906532512371181d7088460f767966f26309e836060c5a8e4e4bfe6d523fb5f4c034b34aa22ebb1192815f95f0e264298769485c1f0980fdd63ae0ce
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/ieee754@npm:1.13.2":
+  version: 1.13.2
+  resolution: "@webassemblyjs/ieee754@npm:1.13.2"
+  dependencies:
+    "@xtuc/ieee754": "npm:^1.2.0"
+  checksum: 10/d7e3520baa37a7309fa7db4d73d69fb869878853b1ebd4b168821bd03fcc4c0e1669c06231315b0039035d9a7a462e53de3ad982da4a426a4b0743b5888e8673
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/leb128@npm:1.13.2":
+  version: 1.13.2
+  resolution: "@webassemblyjs/leb128@npm:1.13.2"
+  dependencies:
+    "@xtuc/long": "npm:4.2.2"
+  checksum: 10/3a10542c86807061ec3230bac8ee732289c852b6bceb4b88ebd521a12fbcecec7c432848284b298154f28619e2746efbed19d6904aef06c49ef20a0b85f650cf
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/utf8@npm:1.13.2":
+  version: 1.13.2
+  resolution: "@webassemblyjs/utf8@npm:1.13.2"
+  checksum: 10/27885e5d19f339501feb210867d69613f281eda695ac508f04d69fa3398133d05b6870969c0242b054dc05420ed1cc49a64dea4fe0588c18d211cddb0117cc54
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/wasm-edit@npm:^1.14.1":
+  version: 1.14.1
+  resolution: "@webassemblyjs/wasm-edit@npm:1.14.1"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.14.1"
+    "@webassemblyjs/helper-buffer": "npm:1.14.1"
+    "@webassemblyjs/helper-wasm-bytecode": "npm:1.13.2"
+    "@webassemblyjs/helper-wasm-section": "npm:1.14.1"
+    "@webassemblyjs/wasm-gen": "npm:1.14.1"
+    "@webassemblyjs/wasm-opt": "npm:1.14.1"
+    "@webassemblyjs/wasm-parser": "npm:1.14.1"
+    "@webassemblyjs/wast-printer": "npm:1.14.1"
+  checksum: 10/c62c50eadcf80876713f8c9f24106b18cf208160ab842fcb92060fd78c37bf37e7fcf0b7cbf1afc05d230277c2ce0f3f728432082c472dd1293e184a95f9dbdd
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/wasm-gen@npm:1.14.1":
+  version: 1.14.1
+  resolution: "@webassemblyjs/wasm-gen@npm:1.14.1"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.14.1"
+    "@webassemblyjs/helper-wasm-bytecode": "npm:1.13.2"
+    "@webassemblyjs/ieee754": "npm:1.13.2"
+    "@webassemblyjs/leb128": "npm:1.13.2"
+    "@webassemblyjs/utf8": "npm:1.13.2"
+  checksum: 10/6085166b0987d3031355fe17a4f9ef0f412e08098d95454059aced2bd72a4c3df2bc099fa4d32d640551fc3eca1ac1a997b44432e46dc9d84642688e42c17ed4
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/wasm-opt@npm:1.14.1":
+  version: 1.14.1
+  resolution: "@webassemblyjs/wasm-opt@npm:1.14.1"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.14.1"
+    "@webassemblyjs/helper-buffer": "npm:1.14.1"
+    "@webassemblyjs/wasm-gen": "npm:1.14.1"
+    "@webassemblyjs/wasm-parser": "npm:1.14.1"
+  checksum: 10/fa5d1ef8d2156e7390927f938f513b7fb4440dd6804b3d6c8622b7b1cf25a3abf1a5809f615896d4918e04b27b52bc3cbcf18faf2d563cb563ae0a9204a492db
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/wasm-parser@npm:1.14.1, @webassemblyjs/wasm-parser@npm:^1.14.1":
+  version: 1.14.1
+  resolution: "@webassemblyjs/wasm-parser@npm:1.14.1"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.14.1"
+    "@webassemblyjs/helper-api-error": "npm:1.13.2"
+    "@webassemblyjs/helper-wasm-bytecode": "npm:1.13.2"
+    "@webassemblyjs/ieee754": "npm:1.13.2"
+    "@webassemblyjs/leb128": "npm:1.13.2"
+    "@webassemblyjs/utf8": "npm:1.13.2"
+  checksum: 10/07d9805fda88a893c984ed93d5a772d20d671e9731358ab61c6c1af8e0e58d1c42fc230c18974dfddebc9d2dd7775d514ba4d445e70080b16478b4b16c39c7d9
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/wast-printer@npm:1.14.1":
+  version: 1.14.1
+  resolution: "@webassemblyjs/wast-printer@npm:1.14.1"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.14.1"
+    "@xtuc/long": "npm:4.2.2"
+  checksum: 10/cef09aad2fcd291bfcf9efdae2ea1e961a1ba0f925d1d9dcdd8c746d32fbaf431b6d26a0241699c0e39f82139018aa720b4ceb84ac6f4c78f13072747480db69
+  languageName: node
+  linkType: hard
+
+"@xmldom/xmldom@npm:^0.8.8":
+  version: 0.8.10
+  resolution: "@xmldom/xmldom@npm:0.8.10"
+  checksum: 10/62400bc5e0e75b90650e33a5ceeb8d94829dd11f9b260962b71a784cd014ddccec3e603fe788af9c1e839fa4648d8c521ebd80d8b752878d3a40edabc9ce7ccf
+  languageName: node
+  linkType: hard
+
+"@xrplf/isomorphic@npm:^1.0.0, @xrplf/isomorphic@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@xrplf/isomorphic@npm:1.0.1"
+  dependencies:
+    "@noble/hashes": "npm:^1.0.0"
+    eventemitter3: "npm:5.0.1"
+    ws: "npm:^8.13.0"
+  checksum: 10/2d24f0631528be2611c2d41beb97e2f89623d2613e14292e306d96fb6c7f0e044a33f1d93a5e609cdde9f49ea5debd2ca855ddb387ae8aba1aa21358f10df941
+  languageName: node
+  linkType: hard
+
+"@xrplf/secret-numbers@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@xrplf/secret-numbers@npm:2.0.0"
+  dependencies:
+    "@xrplf/isomorphic": "npm:^1.0.1"
+    ripple-keypairs: "npm:^2.0.0"
+  checksum: 10/fe10014dd3d0751c47be14e4ed78f900a01ad3a70639cf61d0b3a6f11b2a68bba8c14a74bfe80142bce00636a2fc2ff2e287c3fc8ad7ba28a4c34fe5f048a761
+  languageName: node
+  linkType: hard
+
+"@xstate/fsm@npm:^1.4.0":
+  version: 1.6.5
+  resolution: "@xstate/fsm@npm:1.6.5"
+  checksum: 10/deae1501169d41d5395ce1581d7b08bde17911b7dec1533eacd5bee17060d22273055d6d6bc7e8f32222a502e4dcf510cd29064a5c9c5fa5aa2ced0ad60b2512
+  languageName: node
+  linkType: hard
+
+"@xtuc/ieee754@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "@xtuc/ieee754@npm:1.2.0"
+  checksum: 10/ab033b032927d77e2f9fa67accdf31b1ca7440974c21c9cfabc8349e10ca2817646171c4f23be98d0e31896d6c2c3462a074fe37752e523abc3e45c79254259c
+  languageName: node
+  linkType: hard
+
+"@xtuc/long@npm:4.2.2":
+  version: 4.2.2
+  resolution: "@xtuc/long@npm:4.2.2"
+  checksum: 10/7217bae9fe240e0d804969e7b2af11cb04ec608837c78b56ca88831991b287e232a0b7fce8d548beaff42aaf0197ffa471d81be6ac4c4e53b0148025a2c076ec
+  languageName: node
+  linkType: hard
+
+"@yarnpkg/types@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "@yarnpkg/types@npm:4.0.1"
+  dependencies:
+    tslib: "npm:^2.4.0"
+  checksum: 10/f391763cd955356e9aad551b29e8de7bbf68a6c8992af7cdc950ccf53f8aff6695ad81aa4c8a8e7c582786a840a4f30617732e2cb49f4109b971a9242c31c9fc
+  languageName: node
+  linkType: hard
+
+"abab@npm:^2.0.6":
+  version: 2.0.6
+  resolution: "abab@npm:2.0.6"
+  checksum: 10/ebe95d7278999e605823fc515a3b05d689bc72e7f825536e73c95ebf621636874c6de1b749b3c4bf866b96ccd4b3a2802efa313d0e45ad51a413c8c73247db20
+  languageName: node
+  linkType: hard
+
+"abbrev@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "abbrev@npm:2.0.0"
+  checksum: 10/ca0a54e35bea4ece0ecb68a47b312e1a9a6f772408d5bcb9051230aaa94b0460671c5b5c9cb3240eb5b7bc94c52476550eb221f65a0bbd0145bdc9f3113a6707
+  languageName: node
+  linkType: hard
+
+"abitype@npm:1.0.0":
+  version: 1.0.0
+  resolution: "abitype@npm:1.0.0"
+  peerDependencies:
+    typescript: ">=5.0.4"
+    zod: ^3 >=3.22.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+    zod:
+      optional: true
+  checksum: 10/38c8d965c75c031854385f1c14da0410e271f1a8255332869a77a1ee836c4607420522c1f0077716c7ad7c4091f53c1b2681ed1d30b5161d1424fdb5a480f104
+  languageName: node
+  linkType: hard
+
+"abitype@npm:1.0.7, abitype@npm:^1.0.2, abitype@npm:^1.0.6":
+  version: 1.0.7
+  resolution: "abitype@npm:1.0.7"
+  peerDependencies:
+    typescript: ">=5.0.4"
+    zod: ^3 >=3.22.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+    zod:
+      optional: true
+  checksum: 10/6c2c3390a2f90186bf0df73f20cf257dfd9b62d1eb266de6ddf362030dcbd79cd113b4110e52f7802d7b042ea8fdb7ee2f113751b883787c2d9589d56fb4273b
+  languageName: node
+  linkType: hard
+
+"abitype@npm:1.0.8":
+  version: 1.0.8
+  resolution: "abitype@npm:1.0.8"
+  peerDependencies:
+    typescript: ">=5.0.4"
+    zod: ^3 >=3.22.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+    zod:
+      optional: true
+  checksum: 10/878e74fbac6a971953649b6216950437aa5834a604e9fa833a5b275a6967cff59857c7e43594ae906387d2fb7cad9370138dec4298eb8814815a3ffb6365902c
+  languageName: node
+  linkType: hard
+
+"abort-controller@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "abort-controller@npm:3.0.0"
+  dependencies:
+    event-target-shim: "npm:^5.0.0"
+  checksum: 10/ed84af329f1828327798229578b4fe03a4dd2596ba304083ebd2252666bdc1d7647d66d0b18704477e1f8aa315f055944aa6e859afebd341f12d0a53c37b4b40
+  languageName: node
+  linkType: hard
+
+"accepts@npm:^1.3.7, accepts@npm:^1.3.8":
+  version: 1.3.8
+  resolution: "accepts@npm:1.3.8"
+  dependencies:
+    mime-types: "npm:~2.1.34"
+    negotiator: "npm:0.6.3"
+  checksum: 10/67eaaa90e2917c58418e7a9b89392002d2b1ccd69bcca4799135d0c632f3b082f23f4ae4ddeedbced5aa59bcc7bdf4699c69ebed4593696c922462b7bc5744d6
+  languageName: node
+  linkType: hard
+
+"acorn-globals@npm:^7.0.0":
+  version: 7.0.1
+  resolution: "acorn-globals@npm:7.0.1"
+  dependencies:
+    acorn: "npm:^8.1.0"
+    acorn-walk: "npm:^8.0.2"
+  checksum: 10/2a2998a547af6d0db5f0cdb90acaa7c3cbca6709010e02121fb8b8617c0fbd8bab0b869579903fde358ac78454356a14fadcc1a672ecb97b04b1c2ccba955ce8
+  languageName: node
+  linkType: hard
+
+"acorn-jsx@npm:^5.0.0, acorn-jsx@npm:^5.3.2":
+  version: 5.3.2
+  resolution: "acorn-jsx@npm:5.3.2"
+  peerDependencies:
+    acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+  checksum: 10/d4371eaef7995530b5b5ca4183ff6f062ca17901a6d3f673c9ac011b01ede37e7a1f7f61f8f5cfe709e88054757bb8f3277dc4061087cdf4f2a1f90ccbcdb977
+  languageName: node
+  linkType: hard
+
+"acorn-loose@npm:^8.3.0":
+  version: 8.4.0
+  resolution: "acorn-loose@npm:8.4.0"
+  dependencies:
+    acorn: "npm:^8.11.0"
+  checksum: 10/a005b2bee62e2575963b311ab7c45701062115a62e4286162498b1b198a6f884ceea186592ce41a27d5f382a5b640f1dffb37dd0e6e7848a74dd36e4b0a55105
+  languageName: node
+  linkType: hard
+
+"acorn-walk@npm:^8.0.0, acorn-walk@npm:^8.0.2, acorn-walk@npm:^8.1.1":
+  version: 8.3.4
+  resolution: "acorn-walk@npm:8.3.4"
+  dependencies:
+    acorn: "npm:^8.11.0"
+  checksum: 10/871386764e1451c637bb8ab9f76f4995d408057e9909be6fb5ad68537ae3375d85e6a6f170b98989f44ab3ff6c74ad120bc2779a3d577606e7a0cd2b4efcaf77
+  languageName: node
+  linkType: hard
+
+"acorn@npm:7.1.1":
+  version: 7.1.1
+  resolution: "acorn@npm:7.1.1"
+  bin:
+    acorn: bin/acorn
+  checksum: 10/24a5201151803bd7fda32e4bb186e6d63eb2cac11353f9a2dc52cd85c8e5024541a52b8b4ad5c7eda4d7e8feafc0779c71179db861cccb23d9987aa56bbcc735
+  languageName: node
+  linkType: hard
+
+"acorn@npm:^8.0.0, acorn@npm:^8.0.4, acorn@npm:^8.1.0, acorn@npm:^8.11.0, acorn@npm:^8.14.0, acorn@npm:^8.4.1, acorn@npm:^8.8.1, acorn@npm:^8.8.2":
+  version: 8.14.0
+  resolution: "acorn@npm:8.14.0"
+  bin:
+    acorn: bin/acorn
+  checksum: 10/6df29c35556782ca9e632db461a7f97947772c6c1d5438a81f0c873a3da3a792487e83e404d1c6c25f70513e91aa18745f6eafb1fcc3a43ecd1920b21dd173d2
+  languageName: node
+  linkType: hard
+
+"acorn@npm:^8.15.0":
+  version: 8.15.0
+  resolution: "acorn@npm:8.15.0"
+  bin:
+    acorn: bin/acorn
+  checksum: 10/77f2de5051a631cf1729c090e5759148459cdb76b5f5c70f890503d629cf5052357b0ce783c0f976dd8a93c5150f59f6d18df1def3f502396a20f81282482fa4
+  languageName: node
+  linkType: hard
+
+"adjust-sourcemap-loader@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "adjust-sourcemap-loader@npm:4.0.0"
+  dependencies:
+    loader-utils: "npm:^2.0.0"
+    regex-parser: "npm:^2.2.11"
+  checksum: 10/813004ae62b3b409208ae6994b2b95cdc833b52655706f487c5334221218add29f1b7c597a15128c7cbc2784c15d8a1bcb8e7f9a8ea0d1f156973998ea695c82
+  languageName: node
+  linkType: hard
+
+"aes-js@npm:3.0.0":
+  version: 3.0.0
+  resolution: "aes-js@npm:3.0.0"
+  checksum: 10/1b3772e5ba74abdccb6c6b99bf7f50b49057b38c0db1612b46c7024414f16e65ba7f1643b2d6e38490b1870bdf3ba1b87b35e2c831fd3fdaeff015f08aad19d1
+  languageName: node
+  linkType: hard
+
+"aes-js@npm:4.0.0-beta.5":
+  version: 4.0.0-beta.5
+  resolution: "aes-js@npm:4.0.0-beta.5"
+  checksum: 10/8f745da2e8fb38e91297a8ec13c2febe3219f8383303cd4ed4660ca67190242ccfd5fdc2f0d1642fd1ea934818fb871cd4cc28d3f28e812e3dc6c3d0f1f97c24
+  languageName: node
+  linkType: hard
+
+"agent-base@npm:6":
+  version: 6.0.2
+  resolution: "agent-base@npm:6.0.2"
+  dependencies:
+    debug: "npm:4"
+  checksum: 10/21fb903e0917e5cb16591b4d0ef6a028a54b83ac30cd1fca58dece3d4e0990512a8723f9f83130d88a41e2af8b1f7be1386fda3ea2d181bb1a62155e75e95e23
+  languageName: node
+  linkType: hard
+
+"agent-base@npm:^7.1.0, agent-base@npm:^7.1.2":
+  version: 7.1.3
+  resolution: "agent-base@npm:7.1.3"
+  checksum: 10/3db6d8d4651f2aa1a9e4af35b96ab11a7607af57a24f3bc721a387eaa3b5f674e901f0a648b0caefd48f3fd117c7761b79a3b55854e2aebaa96c3f32cf76af84
+  languageName: node
+  linkType: hard
+
+"aggregate-error@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "aggregate-error@npm:3.1.0"
+  dependencies:
+    clean-stack: "npm:^2.0.0"
+    indent-string: "npm:^4.0.0"
+  checksum: 10/1101a33f21baa27a2fa8e04b698271e64616b886795fd43c31068c07533c7b3facfcaf4e9e0cab3624bd88f729a592f1c901a1a229c9e490eafce411a8644b79
+  languageName: node
+  linkType: hard
+
+"ajv-draft-04@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "ajv-draft-04@npm:1.0.0"
+  peerDependencies:
+    ajv: ^8.5.0
+  peerDependenciesMeta:
+    ajv:
+      optional: true
+  checksum: 10/3f11fa0e7f7359bef6608657f02ab78e9cc62b1fb7bdd860db0d00351b3863a1189c1a23b72466d2d82726cab4eb20725c76f5e7c134a89865e2bfd0e6828137
+  languageName: node
+  linkType: hard
+
+"ajv-formats@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "ajv-formats@npm:2.1.1"
+  dependencies:
+    ajv: "npm:^8.0.0"
+  peerDependencies:
+    ajv: ^8.0.0
+  peerDependenciesMeta:
+    ajv:
+      optional: true
+  checksum: 10/70c263ded219bf277ffd9127f793b625f10a46113b2e901e150da41931fcfd7f5592da6d66862f4449bb157ffe65867c3294a7df1d661cc232c4163d5a1718ed
+  languageName: node
+  linkType: hard
+
+"ajv-keywords@npm:^3.5.2":
+  version: 3.5.2
+  resolution: "ajv-keywords@npm:3.5.2"
+  peerDependencies:
+    ajv: ^6.9.1
+  checksum: 10/d57c9d5bf8849bddcbd801b79bc3d2ddc736c2adb6b93a6a365429589dd7993ddbd5d37c6025ed6a7f89c27506b80131d5345c5b1fa6a97e40cd10a96bcd228c
+  languageName: node
+  linkType: hard
+
+"ajv-keywords@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "ajv-keywords@npm:5.1.0"
+  dependencies:
+    fast-deep-equal: "npm:^3.1.3"
+  peerDependencies:
+    ajv: ^8.8.2
+  checksum: 10/5021f96ab7ddd03a4005326bd06f45f448ebfbb0fe7018b1b70b6c28142fa68372bda2057359814b83fd0b2d4c8726c297f0a7557b15377be7b56ce5344533d8
+  languageName: node
+  linkType: hard
+
+"ajv@npm:8.11.0":
+  version: 8.11.0
+  resolution: "ajv@npm:8.11.0"
+  dependencies:
+    fast-deep-equal: "npm:^3.1.1"
+    json-schema-traverse: "npm:^1.0.0"
+    require-from-string: "npm:^2.0.2"
+    uri-js: "npm:^4.2.2"
+  checksum: 10/aa0dfd6cebdedde8e77747e84e7b7c55921930974b8547f54b4156164ff70445819398face32dafda4bd4c61bbc7513d308d4c2bf769f8ea6cb9c8449f9faf54
+  languageName: node
+  linkType: hard
+
+"ajv@npm:^6.12.4, ajv@npm:^6.12.5":
+  version: 6.12.6
+  resolution: "ajv@npm:6.12.6"
+  dependencies:
+    fast-deep-equal: "npm:^3.1.1"
+    fast-json-stable-stringify: "npm:^2.0.0"
+    json-schema-traverse: "npm:^0.4.1"
+    uri-js: "npm:^4.2.2"
+  checksum: 10/48d6ad21138d12eb4d16d878d630079a2bda25a04e745c07846a4ad768319533031e28872a9b3c5790fa1ec41aabdf2abed30a56e5a03ebc2cf92184b8ee306c
+  languageName: node
+  linkType: hard
+
+"ajv@npm:^8.0.0, ajv@npm:^8.0.1, ajv@npm:^8.11.0, ajv@npm:^8.6.0, ajv@npm:^8.6.3, ajv@npm:^8.9.0":
+  version: 8.17.1
+  resolution: "ajv@npm:8.17.1"
+  dependencies:
+    fast-deep-equal: "npm:^3.1.3"
+    fast-uri: "npm:^3.0.1"
+    json-schema-traverse: "npm:^1.0.0"
+    require-from-string: "npm:^2.0.2"
+  checksum: 10/ee3c62162c953e91986c838f004132b6a253d700f1e51253b99791e2dbfdb39161bc950ebdc2f156f8568035bb5ed8be7bd78289cd9ecbf3381fe8f5b82e3f33
+  languageName: node
+  linkType: hard
+
+"anser@npm:^1.4.9":
+  version: 1.4.10
+  resolution: "anser@npm:1.4.10"
+  checksum: 10/a5a6658ccb2ca8271b25cfb29f53ff7cd042800d8e3daa472cdbde0da99392547baaac6be33cbfe41eb76c48a2e4f1fc6647a8636b33f663ac7dd1ba72e0a199
+  languageName: node
+  linkType: hard
+
+"ansi-colors@npm:^4.1.1":
+  version: 4.1.3
+  resolution: "ansi-colors@npm:4.1.3"
+  checksum: 10/43d6e2fc7b1c6e4dc373de708ee76311ec2e0433e7e8bd3194e7ff123ea6a747428fc61afdcf5969da5be3a5f0fd054602bec56fc0ebe249ce2fcde6e649e3c2
+  languageName: node
+  linkType: hard
+
+"ansi-escapes@npm:^4.2.1, ansi-escapes@npm:^4.3.0, ansi-escapes@npm:^4.3.2":
+  version: 4.3.2
+  resolution: "ansi-escapes@npm:4.3.2"
+  dependencies:
+    type-fest: "npm:^0.21.3"
+  checksum: 10/8661034456193ffeda0c15c8c564a9636b0c04094b7f78bd01517929c17c504090a60f7a75f949f5af91289c264d3e1001d91492c1bd58efc8e100500ce04de2
+  languageName: node
+  linkType: hard
+
+"ansi-escapes@npm:^6.0.0":
+  version: 6.2.1
+  resolution: "ansi-escapes@npm:6.2.1"
+  checksum: 10/3b064937dc8a0645ed8094bc8b09483ee718f3aa3139746280e6c2ea80e28c0a3ce66973d0f33e88e60021abbf67e5f877deabfc810e75edf8a19dfa128850be
+  languageName: node
+  linkType: hard
+
+"ansi-escapes@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "ansi-escapes@npm:7.0.0"
+  dependencies:
+    environment: "npm:^1.0.0"
+  checksum: 10/2d0e2345087bd7ae6bf122b9cc05ee35560d40dcc061146edcdc02bc2d7c7c50143cd12a22e69a0b5c0f62b948b7bc9a4539ee888b80f5bd33cdfd82d01a70ab
+  languageName: node
+  linkType: hard
+
+"ansi-html-community@npm:0.0.8":
+  version: 0.0.8
+  resolution: "ansi-html-community@npm:0.0.8"
+  bin:
+    ansi-html: bin/ansi-html
+  checksum: 10/08df3696720edacd001a8d53b197bb5728242c55484680117dab9f7633a6320e961a939bddd88ee5c71d4a64f3ddb49444d1c694bd0668adbb3f95ba114f2386
+  languageName: node
+  linkType: hard
+
+"ansi-html@npm:^0.0.9":
+  version: 0.0.9
+  resolution: "ansi-html@npm:0.0.9"
+  bin:
+    ansi-html: bin/ansi-html
+  checksum: 10/3e83fae364d323d9c453f74a21aa29da68ae152e996c66de45a49a445ea362c4e2e9abce0069558239ff23e3d6ae73b5d27993d631382aa83d85f44b687e0aa1
+  languageName: node
+  linkType: hard
+
+"ansi-regex@npm:^4.1.0":
+  version: 4.1.1
+  resolution: "ansi-regex@npm:4.1.1"
+  checksum: 10/b1a6ee44cb6ecdabaa770b2ed500542714d4395d71c7e5c25baa631f680fb2ad322eb9ba697548d498a6fd366949fc8b5bfcf48d49a32803611f648005b01888
+  languageName: node
+  linkType: hard
+
+"ansi-regex@npm:^5.0.0, ansi-regex@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "ansi-regex@npm:5.0.1"
+  checksum: 10/2aa4bb54caf2d622f1afdad09441695af2a83aa3fe8b8afa581d205e57ed4261c183c4d3877cee25794443fde5876417d859c108078ab788d6af7e4fe52eb66b
+  languageName: node
+  linkType: hard
+
+"ansi-regex@npm:^6.0.1":
+  version: 6.1.0
+  resolution: "ansi-regex@npm:6.1.0"
+  checksum: 10/495834a53b0856c02acd40446f7130cb0f8284f4a39afdab20d5dc42b2e198b1196119fe887beed8f9055c4ff2055e3b2f6d4641d0be018cdfb64fedf6fc1aac
+  languageName: node
+  linkType: hard
+
+"ansi-styles@npm:^3.1.0, ansi-styles@npm:^3.2.1":
+  version: 3.2.1
+  resolution: "ansi-styles@npm:3.2.1"
+  dependencies:
+    color-convert: "npm:^1.9.0"
+  checksum: 10/d85ade01c10e5dd77b6c89f34ed7531da5830d2cb5882c645f330079975b716438cd7ebb81d0d6e6b4f9c577f19ae41ab55f07f19786b02f9dfd9e0377395665
+  languageName: node
+  linkType: hard
+
+"ansi-styles@npm:^4.0.0, ansi-styles@npm:^4.1.0":
+  version: 4.3.0
+  resolution: "ansi-styles@npm:4.3.0"
+  dependencies:
+    color-convert: "npm:^2.0.1"
+  checksum: 10/b4494dfbfc7e4591b4711a396bd27e540f8153914123dccb4cdbbcb514015ada63a3809f362b9d8d4f6b17a706f1d7bea3c6f974b15fa5ae76b5b502070889ff
+  languageName: node
+  linkType: hard
+
+"ansi-styles@npm:^5.0.0":
+  version: 5.2.0
+  resolution: "ansi-styles@npm:5.2.0"
+  checksum: 10/d7f4e97ce0623aea6bc0d90dcd28881ee04cba06c570b97fd3391bd7a268eedfd9d5e2dd4fdcbdd82b8105df5faf6f24aaedc08eaf3da898e702db5948f63469
+  languageName: node
+  linkType: hard
+
+"ansi-styles@npm:^6.0.0, ansi-styles@npm:^6.1.0, ansi-styles@npm:^6.2.1":
+  version: 6.2.1
+  resolution: "ansi-styles@npm:6.2.1"
+  checksum: 10/70fdf883b704d17a5dfc9cde206e698c16bcd74e7f196ab821511651aee4f9f76c9514bdfa6ca3a27b5e49138b89cb222a28caf3afe4567570139577f991df32
+  languageName: node
+  linkType: hard
+
+"any-promise@npm:^1.0.0":
+  version: 1.3.0
+  resolution: "any-promise@npm:1.3.0"
+  checksum: 10/6737469ba353b5becf29e4dc3680736b9caa06d300bda6548812a8fee63ae7d336d756f88572fa6b5219aed36698d808fa55f62af3e7e6845c7a1dc77d240edb
+  languageName: node
+  linkType: hard
+
+"anymatch@npm:^3.0.3, anymatch@npm:^3.1.3, anymatch@npm:~3.1.2":
+  version: 3.1.3
+  resolution: "anymatch@npm:3.1.3"
+  dependencies:
+    normalize-path: "npm:^3.0.0"
+    picomatch: "npm:^2.0.4"
+  checksum: 10/3e044fd6d1d26545f235a9fe4d7a534e2029d8e59fa7fd9f2a6eb21230f6b5380ea1eaf55136e60cbf8e613544b3b766e7a6fa2102e2a3a117505466e3025dc2
+  languageName: node
+  linkType: hard
+
+"apg-js@npm:^4.4.0":
+  version: 4.4.0
+  resolution: "apg-js@npm:4.4.0"
+  checksum: 10/425f19096026742f5f156f26542b68f55602aa60f0c4ae2d72a0a888cf15fe9622223191202262dd8979d76a6125de9d8fd164d56c95fb113f49099f405eb08c
+  languageName: node
+  linkType: hard
+
+"application-config-path@npm:^0.1.0":
+  version: 0.1.1
+  resolution: "application-config-path@npm:0.1.1"
+  checksum: 10/380f4c49585511813526632c8366318f52941526dbb284a887e5af328caa76424a056795ab18f03f5009197f2dea0ef01a8a9812d85724f26d2f5cf9bf9bf1f9
+  languageName: node
+  linkType: hard
+
+"arch@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "arch@npm:2.2.0"
+  checksum: 10/e35dbc6d362297000ab90930069576ba165fe63cd52383efcce14bd66c1b16a91ce849e1fd239964ed029d5e0bdfc32f68e9c7331b7df6c84ddebebfdbf242f7
+  languageName: node
+  linkType: hard
+
+"arg@npm:^4.1.0":
+  version: 4.1.3
+  resolution: "arg@npm:4.1.3"
+  checksum: 10/969b491082f20cad166649fa4d2073ea9e974a4e5ac36247ca23d2e5a8b3cb12d60e9ff70a8acfe26d76566c71fd351ee5e6a9a6595157eb36f92b1fd64e1599
+  languageName: node
+  linkType: hard
+
+"arg@npm:^5.0.2":
+  version: 5.0.2
+  resolution: "arg@npm:5.0.2"
+  checksum: 10/92fe7de222054a060fd2329e92e867410b3ea260328147ee3fb7855f78efae005f4087e698d4e688a856893c56bb09951588c40f2c901cf6996cd8cd7bcfef2c
+  languageName: node
+  linkType: hard
+
+"argparse@npm:^1.0.7":
+  version: 1.0.10
+  resolution: "argparse@npm:1.0.10"
+  dependencies:
+    sprintf-js: "npm:~1.0.2"
+  checksum: 10/c6a621343a553ff3779390bb5ee9c2263d6643ebcd7843227bdde6cc7adbed796eb5540ca98db19e3fd7b4714e1faa51551f8849b268bb62df27ddb15cbcd91e
+  languageName: node
+  linkType: hard
+
+"argparse@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "argparse@npm:2.0.1"
+  checksum: 10/18640244e641a417ec75a9bd38b0b2b6b95af5199aa241b131d4b2fb206f334d7ecc600bd194861610a5579084978bfcbb02baa399dbe442d56d0ae5e60dbaef
+  languageName: node
+  linkType: hard
+
+"aria-hidden@npm:^1.1.3":
+  version: 1.2.4
+  resolution: "aria-hidden@npm:1.2.4"
+  dependencies:
+    tslib: "npm:^2.0.0"
+  checksum: 10/df4bc15423aaaba3729a7d40abcbf6d3fffa5b8fd5eb33d3ac8b7da0110c47552fca60d97f2e1edfbb68a27cae1da499f1c3896966efb3e26aac4e3b57e3cc8b
+  languageName: node
+  linkType: hard
+
+"aria-query@npm:5.3.0":
+  version: 5.3.0
+  resolution: "aria-query@npm:5.3.0"
+  dependencies:
+    dequal: "npm:^2.0.3"
+  checksum: 10/c3e1ed127cc6886fea4732e97dd6d3c3938e64180803acfb9df8955517c4943760746ffaf4020ce8f7ffaa7556a3b5f85c3769a1f5ca74a1288e02d042f9ae4e
+  languageName: node
+  linkType: hard
+
+"aria-query@npm:^5.0.0, aria-query@npm:^5.3.2":
+  version: 5.3.2
+  resolution: "aria-query@npm:5.3.2"
+  checksum: 10/b2fe9bc98bd401bc322ccb99717c1ae2aaf53ea0d468d6e7aebdc02fac736e4a99b46971ee05b783b08ade23c675b2d8b60e4a1222a95f6e27bc4d2a0bfdcc03
+  languageName: node
+  linkType: hard
+
+"array-back@npm:^3.0.1, array-back@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "array-back@npm:3.1.0"
+  checksum: 10/7205004fcd0f9edd926db921af901b083094608d5b265738d0290092f9822f73accb468e677db74c7c94ef432d39e5ed75a7b1786701e182efb25bbba9734209
+  languageName: node
+  linkType: hard
+
+"array-back@npm:^4.0.1, array-back@npm:^4.0.2":
+  version: 4.0.2
+  resolution: "array-back@npm:4.0.2"
+  checksum: 10/f30603270771eeb54e5aad5f54604c62b3577a18b6db212a7272b2b6c32049121b49431f656654790ed1469411e45f387e7627c0de8fd0515995cc40df9b9294
+  languageName: node
+  linkType: hard
+
+"array-buffer-byte-length@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "array-buffer-byte-length@npm:1.0.1"
+  dependencies:
+    call-bind: "npm:^1.0.5"
+    is-array-buffer: "npm:^3.0.4"
+  checksum: 10/53524e08f40867f6a9f35318fafe467c32e45e9c682ba67b11943e167344d2febc0f6977a17e699b05699e805c3e8f073d876f8bbf1b559ed494ad2cd0fae09e
+  languageName: node
+  linkType: hard
+
+"array-buffer-byte-length@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "array-buffer-byte-length@npm:1.0.2"
+  dependencies:
+    call-bound: "npm:^1.0.3"
+    is-array-buffer: "npm:^3.0.5"
+  checksum: 10/0ae3786195c3211b423e5be8dd93357870e6fb66357d81da968c2c39ef43583ef6eece1f9cb1caccdae4806739c65dea832b44b8593414313cd76a89795fca63
+  languageName: node
+  linkType: hard
+
+"array-includes@npm:^3.1.6, array-includes@npm:^3.1.8":
+  version: 3.1.8
+  resolution: "array-includes@npm:3.1.8"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.2"
+    es-object-atoms: "npm:^1.0.0"
+    get-intrinsic: "npm:^1.2.4"
+    is-string: "npm:^1.0.7"
+  checksum: 10/290b206c9451f181fb2b1f79a3bf1c0b66bb259791290ffbada760c79b284eef6f5ae2aeb4bcff450ebc9690edd25732c4c73a3c2b340fcc0f4563aed83bf488
+  languageName: node
+  linkType: hard
+
+"array-union@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "array-union@npm:2.1.0"
+  checksum: 10/5bee12395cba82da674931df6d0fea23c4aa4660cb3b338ced9f828782a65caa232573e6bf3968f23e0c5eb301764a382cef2f128b170a9dc59de0e36c39f98d
+  languageName: node
+  linkType: hard
+
+"array.prototype.findlast@npm:^1.2.5":
+  version: 1.2.5
+  resolution: "array.prototype.findlast@npm:1.2.5"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.2"
+    es-errors: "npm:^1.3.0"
+    es-object-atoms: "npm:^1.0.0"
+    es-shim-unscopables: "npm:^1.0.2"
+  checksum: 10/7dffcc665aa965718ad6de7e17ac50df0c5e38798c0a5bf9340cf24feb8594df6ec6f3fcbe714c1577728a1b18b5704b15669474b27bceeca91ef06ce2a23c31
+  languageName: node
+  linkType: hard
+
+"array.prototype.findlastindex@npm:^1.2.5":
+  version: 1.2.5
+  resolution: "array.prototype.findlastindex@npm:1.2.5"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.2"
+    es-errors: "npm:^1.3.0"
+    es-object-atoms: "npm:^1.0.0"
+    es-shim-unscopables: "npm:^1.0.2"
+  checksum: 10/7c5c821f357cd53ab6cc305de8086430dd8d7a2485db87b13f843e868055e9582b1fd338f02338f67fc3a1603ceaf9610dd2a470b0b506f9d18934780f95b246
+  languageName: node
+  linkType: hard
+
+"array.prototype.flat@npm:^1.3.1, array.prototype.flat@npm:^1.3.2":
+  version: 1.3.3
+  resolution: "array.prototype.flat@npm:1.3.3"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.5"
+    es-shim-unscopables: "npm:^1.0.2"
+  checksum: 10/f9b992fa0775d8f7c97abc91eb7f7b2f0ed8430dd9aeb9fdc2967ac4760cdd7fc2ef7ead6528fef40c7261e4d790e117808ce0d3e7e89e91514d4963a531cd01
+  languageName: node
+  linkType: hard
+
+"array.prototype.flatmap@npm:^1.3.2, array.prototype.flatmap@npm:^1.3.3":
+  version: 1.3.3
+  resolution: "array.prototype.flatmap@npm:1.3.3"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.5"
+    es-shim-unscopables: "npm:^1.0.2"
+  checksum: 10/473534573aa4b37b1d80705d0ce642f5933cccf5617c9f3e8a56686e9815ba93d469138e86a1f25d2fe8af999c3d24f54d703ec1fc2db2e6778d46d0f4ac951e
+  languageName: node
+  linkType: hard
+
+"array.prototype.tosorted@npm:^1.1.4":
+  version: 1.1.4
+  resolution: "array.prototype.tosorted@npm:1.1.4"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.3"
+    es-errors: "npm:^1.3.0"
+    es-shim-unscopables: "npm:^1.0.2"
+  checksum: 10/874694e5d50e138894ff5b853e639c29b0aa42bbd355acda8e8e9cd337f1c80565f21edc15e8c727fa4c0877fd9d8783c575809e440cc4d2d19acaa048bf967d
+  languageName: node
+  linkType: hard
+
+"arraybuffer.prototype.slice@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "arraybuffer.prototype.slice@npm:1.0.4"
+  dependencies:
+    array-buffer-byte-length: "npm:^1.0.1"
+    call-bind: "npm:^1.0.8"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.5"
+    es-errors: "npm:^1.3.0"
+    get-intrinsic: "npm:^1.2.6"
+    is-array-buffer: "npm:^3.0.4"
+  checksum: 10/4821ebdfe7d699f910c7f09bc9fa996f09b96b80bccb4f5dd4b59deae582f6ad6e505ecef6376f8beac1eda06df2dbc89b70e82835d104d6fcabd33c1aed1ae9
+  languageName: node
+  linkType: hard
+
+"arrify@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "arrify@npm:1.0.1"
+  checksum: 10/745075dd4a4624ff0225c331dacb99be501a515d39bcb7c84d24660314a6ec28e68131b137e6f7e16318170842ce97538cd298fc4cd6b2cc798e0b957f2747e7
+  languageName: node
+  linkType: hard
+
+"asap@npm:~2.0.3, asap@npm:~2.0.6":
+  version: 2.0.6
+  resolution: "asap@npm:2.0.6"
+  checksum: 10/b244c0458c571945e4b3be0b14eb001bea5596f9868cc50cc711dc03d58a7e953517d3f0dad81ccde3ff37d1f074701fa76a6f07d41aaa992d7204a37b915dda
+  languageName: node
+  linkType: hard
+
+"asn1.js@npm:^4.10.1":
+  version: 4.10.1
+  resolution: "asn1.js@npm:4.10.1"
+  dependencies:
+    bn.js: "npm:^4.0.0"
+    inherits: "npm:^2.0.1"
+    minimalistic-assert: "npm:^1.0.0"
+  checksum: 10/5a02104b9ba167917c786a3fdac9840a057d29e6b609250e6af924d0529ead1a32417da13eec809cadea8f991eb67782196f3df427c5b4f30eaf22044fc64fda
+  languageName: node
+  linkType: hard
+
+"asn1@npm:~0.2.3":
+  version: 0.2.6
+  resolution: "asn1@npm:0.2.6"
+  dependencies:
+    safer-buffer: "npm:~2.1.0"
+  checksum: 10/cf629291fee6c1a6f530549939433ebf32200d7849f38b810ff26ee74235e845c0c12b2ed0f1607ac17383d19b219b69cefa009b920dab57924c5c544e495078
+  languageName: node
+  linkType: hard
+
+"asn1js@npm:^3.0.5":
+  version: 3.0.5
+  resolution: "asn1js@npm:3.0.5"
+  dependencies:
+    pvtsutils: "npm:^1.3.2"
+    pvutils: "npm:^1.1.3"
+    tslib: "npm:^2.4.0"
+  checksum: 10/17fb0302432186631550de9606a4622ec366646d072cde9cdf4bcafa47bd2425e157eeb7b1377ee6520f8b46687b4ecaee31cf0ad2fa494361a1938b2ed53194
+  languageName: node
+  linkType: hard
+
+"assert-plus@npm:1.0.0, assert-plus@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "assert-plus@npm:1.0.0"
+  checksum: 10/f4f991ae2df849cc678b1afba52d512a7cbf0d09613ba111e72255409ff9158550c775162a47b12d015d1b82b3c273e8e25df0e4783d3ddb008a293486d00a07
+  languageName: node
+  linkType: hard
+
+"assert@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "assert@npm:2.1.0"
+  dependencies:
+    call-bind: "npm:^1.0.2"
+    is-nan: "npm:^1.3.2"
+    object-is: "npm:^1.1.5"
+    object.assign: "npm:^4.1.4"
+    util: "npm:^0.12.5"
+  checksum: 10/6b9d813c8eef1c0ac13feac5553972e4bd180ae16000d4eb5c0ded2489188737c75a5aacefc97a985008b37502f62fe1bad34da1a7481a54bbfabec3964c8aa7
+  languageName: node
+  linkType: hard
+
+"assertion-error@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "assertion-error@npm:2.0.1"
+  checksum: 10/a0789dd882211b87116e81e2648ccb7f60340b34f19877dd020b39ebb4714e475eb943e14ba3e22201c221ef6645b7bfe10297e76b6ac95b48a9898c1211ce66
+  languageName: node
+  linkType: hard
+
+"ast-types-flow@npm:^0.0.8":
+  version: 0.0.8
+  resolution: "ast-types-flow@npm:0.0.8"
+  checksum: 10/85a1c24af4707871c27cfe456bd2ff7fcbe678f3d1c878ac968c9557735a171a17bdcc8c8f903ceab3fc3c49d5b3da2194e6ab0a6be7fec0e133fa028f21ba1b
+  languageName: node
+  linkType: hard
+
+"ast-types@npm:0.15.2":
+  version: 0.15.2
+  resolution: "ast-types@npm:0.15.2"
+  dependencies:
+    tslib: "npm:^2.0.1"
+  checksum: 10/81680bd5829cdec33524e9aa3434e23f3919c0c388927068a0ff2e8466f55b0f34eae53e0007b3668742910c289481ab4e1d486a5318f618ae2fc93b5e7e863b
+  languageName: node
+  linkType: hard
+
+"ast-types@npm:^0.16.1":
+  version: 0.16.1
+  resolution: "ast-types@npm:0.16.1"
+  dependencies:
+    tslib: "npm:^2.0.1"
+  checksum: 10/f569b475eb1c8cb93888cb6e7b7e36dc43fa19a77e4eb132cbff6e3eb1598ca60f850db6e60b070e5a0ee8c1559fca921dac0916e576f2f104e198793b0bdd8d
+  languageName: node
+  linkType: hard
+
+"astral-regex@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "astral-regex@npm:2.0.0"
+  checksum: 10/876231688c66400473ba505731df37ea436e574dd524520294cc3bbc54ea40334865e01fa0d074d74d036ee874ee7e62f486ea38bc421ee8e6a871c06f011766
+  languageName: node
+  linkType: hard
+
+"astring@npm:^1.8.0":
+  version: 1.9.0
+  resolution: "astring@npm:1.9.0"
+  bin:
+    astring: bin/astring
+  checksum: 10/ee88f71d8534557b27993d6d035ae85d78488d8dbc6429cd8e8fdfcafec3c65928a3bdc518cf69767a1298d3361490559a4819cd4b314007edae1e94cf1f9e4c
+  languageName: node
+  linkType: hard
+
+"async-limiter@npm:~1.0.0":
+  version: 1.0.1
+  resolution: "async-limiter@npm:1.0.1"
+  checksum: 10/2b849695b465d93ad44c116220dee29a5aeb63adac16c1088983c339b0de57d76e82533e8e364a93a9f997f28bbfc6a92948cefc120652bd07f3b59f8d75cf2b
+  languageName: node
+  linkType: hard
+
+"async@npm:^3.2.0, async@npm:^3.2.3":
+  version: 3.2.6
+  resolution: "async@npm:3.2.6"
+  checksum: 10/cb6e0561a3c01c4b56a799cc8bab6ea5fef45f069ab32500b6e19508db270ef2dffa55e5aed5865c5526e9907b1f8be61b27530823b411ffafb5e1538c86c368
+  languageName: node
+  linkType: hard
+
+"asynckit@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "asynckit@npm:0.4.0"
+  checksum: 10/3ce727cbc78f69d6a4722517a58ee926c8c21083633b1d3fdf66fd688f6c127a53a592141bd4866f9b63240a86e9d8e974b13919450bd17fa33c2d22c4558ad8
+  languageName: node
+  linkType: hard
+
+"at-least-node@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "at-least-node@npm:1.0.0"
+  checksum: 10/463e2f8e43384f1afb54bc68485c436d7622acec08b6fad269b421cb1d29cebb5af751426793d0961ed243146fe4dc983402f6d5a51b720b277818dbf6f2e49e
+  languageName: node
+  linkType: hard
+
+"atomic-sleep@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "atomic-sleep@npm:1.0.0"
+  checksum: 10/3ab6d2cf46b31394b4607e935ec5c1c3c4f60f3e30f0913d35ea74b51b3585e84f590d09e58067f11762eec71c87d25314ce859030983dc0e4397eed21daa12e
+  languageName: node
+  linkType: hard
+
+"attr-accept@npm:^2.2.4":
+  version: 2.2.5
+  resolution: "attr-accept@npm:2.2.5"
+  checksum: 10/474b1c53e62c5b881c745d1f098196f190c8b493245e95d4b0fea9298d3acb56f551868fc12806885277e55e9d8ad3c5963e92d93456f4e4081dfc5190977bfd
+  languageName: node
+  linkType: hard
+
+"available-typed-arrays@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "available-typed-arrays@npm:1.0.7"
+  dependencies:
+    possible-typed-array-names: "npm:^1.0.0"
+  checksum: 10/6c9da3a66caddd83c875010a1ca8ef11eac02ba15fb592dc9418b2b5e7b77b645fa7729380a92d9835c2f05f2ca1b6251f39b993e0feb3f1517c74fa1af02cab
+  languageName: node
+  linkType: hard
+
+"aws-sign2@npm:~0.7.0":
+  version: 0.7.0
+  resolution: "aws-sign2@npm:0.7.0"
+  checksum: 10/2ac497d739f71be3264cf096a33ab256a1fea7fe80b87dc51ec29374505bd5a661279ef1c22989d68528ea61ed634021ca63b31cf1d3c2a3682ffc106f7d0e96
+  languageName: node
+  linkType: hard
+
+"aws4@npm:^1.8.0":
+  version: 1.13.2
+  resolution: "aws4@npm:1.13.2"
+  checksum: 10/290b9f84facbad013747725bfd8b4c42d0b3b04b5620d8418f0219832ef95a7dc597a4af7b1589ae7fce18bacde96f40911c3cda36199dd04d9f8e01f72fa50a
+  languageName: node
+  linkType: hard
+
+"axe-core@npm:^4.10.0":
+  version: 4.10.2
+  resolution: "axe-core@npm:4.10.2"
+  checksum: 10/a69423b2ff16c15922c4ea7cf9cc5112728a2817bbe0f2cc212248d648885ffd1ba554e3a341dfc289cd9e67fc0d06f333b5c6837c5c38ca6652507381216fc1
+  languageName: node
+  linkType: hard
+
+"axios@npm:1.7.7":
+  version: 1.7.7
+  resolution: "axios@npm:1.7.7"
+  dependencies:
+    follow-redirects: "npm:^1.15.6"
+    form-data: "npm:^4.0.0"
+    proxy-from-env: "npm:^1.1.0"
+  checksum: 10/7f875ea13b9298cd7b40fd09985209f7a38d38321f1118c701520939de2f113c4ba137832fe8e3f811f99a38e12c8225481011023209a77b0c0641270e20cde1
+  languageName: node
+  linkType: hard
+
+"axios@npm:^1.8.2":
+  version: 1.8.3
+  resolution: "axios@npm:1.8.3"
+  dependencies:
+    follow-redirects: "npm:^1.15.6"
+    form-data: "npm:^4.0.0"
+    proxy-from-env: "npm:^1.1.0"
+  checksum: 10/050f911cadd6d47a38ddbf91d2f8da2c34661dda8077e7ad6546e8178701125366fddbba07211a648b6815cf6c2c3c91c0a65d8b968e3d1a6054a21141ff9c01
+  languageName: node
+  linkType: hard
+
+"axios@npm:^1.8.4":
+  version: 1.11.0
+  resolution: "axios@npm:1.11.0"
+  dependencies:
+    follow-redirects: "npm:^1.15.6"
+    form-data: "npm:^4.0.4"
+    proxy-from-env: "npm:^1.1.0"
+  checksum: 10/232df4af7a4e4e07baa84621b9cc4b0c518a757b4eacc7f635c0eb3642cb98dff347326739f24b891b3b4481b7b838c79a3a0c4819c9fbc1fc40232431b9c5dc
+  languageName: node
+  linkType: hard
+
+"axobject-query@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "axobject-query@npm:4.1.0"
+  checksum: 10/e275dea9b673f71170d914f2d2a18be5d57d8d29717b629e7fedd907dcc2ebdc7a37803ff975874810bd423f222f299c020d28fde40a146f537448bf6bfecb6e
+  languageName: node
+  linkType: hard
+
+"babel-core@npm:^7.0.0-bridge.0":
+  version: 7.0.0-bridge.0
+  resolution: "babel-core@npm:7.0.0-bridge.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/2a1cb879019dffb08d17bec36e13c3a6d74c94773f41c1fd8b14de13f149cc34b705b0a1e07b42fcf35917b49d78db6ff0c5c3b00b202a5235013d517b5c6bbb
+  languageName: node
+  linkType: hard
+
+"babel-jest@npm:^29.2.1, babel-jest@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "babel-jest@npm:29.7.0"
+  dependencies:
+    "@jest/transform": "npm:^29.7.0"
+    "@types/babel__core": "npm:^7.1.14"
+    babel-plugin-istanbul: "npm:^6.1.1"
+    babel-preset-jest: "npm:^29.6.3"
+    chalk: "npm:^4.0.0"
+    graceful-fs: "npm:^4.2.9"
+    slash: "npm:^3.0.0"
+  peerDependencies:
+    "@babel/core": ^7.8.0
+  checksum: 10/8a0953bd813b3a8926008f7351611055548869e9a53dd36d6e7e96679001f71e65fd7dbfe253265c3ba6a4e630dc7c845cf3e78b17d758ef1880313ce8fba258
+  languageName: node
+  linkType: hard
+
+"babel-literal-to-ast@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "babel-literal-to-ast@npm:2.1.0"
+  dependencies:
+    "@babel/parser": "npm:^7.1.6"
+    "@babel/traverse": "npm:^7.1.6"
+    "@babel/types": "npm:^7.1.6"
+  peerDependencies:
+    "@babel/core": ^7.1.2
+  checksum: 10/19eccc9744dccf06e3a34314413cbf1ab4b2e79fbfbd25a13ff3f105dc66a350db5f91c966e88efa6728cb9570e76503c9c2940334a9e426df634da0635b13cd
+  languageName: node
+  linkType: hard
+
+"babel-loader@npm:^10.0.0":
+  version: 10.0.0
+  resolution: "babel-loader@npm:10.0.0"
+  dependencies:
+    find-up: "npm:^5.0.0"
+  peerDependencies:
+    "@babel/core": ^7.12.0
+    webpack: ">=5.61.0"
+  checksum: 10/f22dc803e38a6b29cc61fbc3482f1f42a8787df2a43706dc937d328103ba6b947a223f67706b07af765d415664ad56e9fed00f85b524fe223f3ac3f00b03770b
+  languageName: node
+  linkType: hard
+
+"babel-loader@npm:^9.1.3":
+  version: 9.2.1
+  resolution: "babel-loader@npm:9.2.1"
+  dependencies:
+    find-cache-dir: "npm:^4.0.0"
+    schema-utils: "npm:^4.0.0"
+  peerDependencies:
+    "@babel/core": ^7.12.0
+    webpack: ">=5"
+  checksum: 10/f1f24ae3c22d488630629240b0eba9c935545f82ff843c214e8f8df66e266492b7a3d4cb34ef9c9721fb174ca222e900799951c3fd82199473bc6bac52ec03a3
+  languageName: node
+  linkType: hard
+
+"babel-plugin-dynamic-import-node@npm:^2.3.3":
+  version: 2.3.3
+  resolution: "babel-plugin-dynamic-import-node@npm:2.3.3"
+  dependencies:
+    object.assign: "npm:^4.1.0"
+  checksum: 10/c9d24415bcc608d0db7d4c8540d8002ac2f94e2573d2eadced137a29d9eab7e25d2cbb4bc6b9db65cf6ee7430f7dd011d19c911a9a778f0533b4a05ce8292c9b
+  languageName: node
+  linkType: hard
+
+"babel-plugin-istanbul@npm:^6.1.1":
+  version: 6.1.1
+  resolution: "babel-plugin-istanbul@npm:6.1.1"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.0.0"
+    "@istanbuljs/load-nyc-config": "npm:^1.0.0"
+    "@istanbuljs/schema": "npm:^0.1.2"
+    istanbul-lib-instrument: "npm:^5.0.4"
+    test-exclude: "npm:^6.0.0"
+  checksum: 10/ffd436bb2a77bbe1942a33245d770506ab2262d9c1b3c1f1da7f0592f78ee7445a95bc2efafe619dd9c1b6ee52c10033d6c7d29ddefe6f5383568e60f31dfe8d
+  languageName: node
+  linkType: hard
+
+"babel-plugin-jest-hoist@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "babel-plugin-jest-hoist@npm:29.6.3"
+  dependencies:
+    "@babel/template": "npm:^7.3.3"
+    "@babel/types": "npm:^7.3.3"
+    "@types/babel__core": "npm:^7.1.14"
+    "@types/babel__traverse": "npm:^7.0.6"
+  checksum: 10/9bfa86ec4170bd805ab8ca5001ae50d8afcb30554d236ba4a7ffc156c1a92452e220e4acbd98daefc12bf0216fccd092d0a2efed49e7e384ec59e0597a926d65
+  languageName: node
+  linkType: hard
+
+"babel-plugin-macros@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "babel-plugin-macros@npm:3.1.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.12.5"
+    cosmiconfig: "npm:^7.0.0"
+    resolve: "npm:^1.19.0"
+  checksum: 10/30be6ca45e9a124c58ca00af9a0753e5410ec0b79a737714fc4722bbbeb693e55d9258f05c437145ef4a867c2d1603e06a1c292d66c243ce1227458c8ea2ca8c
+  languageName: node
+  linkType: hard
+
+"babel-plugin-polyfill-corejs2@npm:^0.4.10":
+  version: 0.4.12
+  resolution: "babel-plugin-polyfill-corejs2@npm:0.4.12"
+  dependencies:
+    "@babel/compat-data": "npm:^7.22.6"
+    "@babel/helper-define-polyfill-provider": "npm:^0.6.3"
+    semver: "npm:^6.3.1"
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: 10/38b8cd69f0ba6a35f7f1cc08960f79fbc4572fe80e60aced719dab33a77c7872ee0faebc72da95852ae0d86df1aeaa54660bf309871db1934c5a4904f0744327
+  languageName: node
+  linkType: hard
+
+"babel-plugin-polyfill-corejs3@npm:^0.10.6":
+  version: 0.10.6
+  resolution: "babel-plugin-polyfill-corejs3@npm:0.10.6"
+  dependencies:
+    "@babel/helper-define-polyfill-provider": "npm:^0.6.2"
+    core-js-compat: "npm:^3.38.0"
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: 10/360ac9054a57a18c540059dc627ad5d84d15f79790cb3d84d19a02eec7188c67d08a07db789c3822d6f5df22d918e296d1f27c4055fec2e287d328f09ea8a78a
+  languageName: node
+  linkType: hard
+
+"babel-plugin-polyfill-corejs3@npm:^0.11.0":
+  version: 0.11.1
+  resolution: "babel-plugin-polyfill-corejs3@npm:0.11.1"
+  dependencies:
+    "@babel/helper-define-polyfill-provider": "npm:^0.6.3"
+    core-js-compat: "npm:^3.40.0"
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: 10/19a2978ee3462cc3b98e7d36e6537bf9fb1fb61f42fd96cb41e9313f2ac6f2c62380d94064366431eff537f342184720fe9bce73eb65fd57c5311d15e8648f62
+  languageName: node
+  linkType: hard
+
+"babel-plugin-polyfill-regenerator@npm:^0.6.1":
+  version: 0.6.3
+  resolution: "babel-plugin-polyfill-regenerator@npm:0.6.3"
+  dependencies:
+    "@babel/helper-define-polyfill-provider": "npm:^0.6.3"
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: 10/d12696e6b3f280eb78fac551619ca4389262db62c7352cd54bf679d830df8b35596eef2de77cf00db6648eada1c99d49c4f40636dbc9c335a1e5420cfef96750
+  languageName: node
+  linkType: hard
+
+"babel-plugin-react-native-web@npm:^0.19.13, babel-plugin-react-native-web@npm:~0.19.13":
+  version: 0.19.13
+  resolution: "babel-plugin-react-native-web@npm:0.19.13"
+  checksum: 10/05ef14f7ffad194a80f27624d52d6f661e5956e606a41aefd34220016357068b6dead23f5c80671345f4e5878dd6ed5cb3a567aef128e38570780458a141d07a
+  languageName: node
+  linkType: hard
+
+"babel-plugin-syntax-hermes-parser@npm:0.25.1, babel-plugin-syntax-hermes-parser@npm:^0.25.1":
+  version: 0.25.1
+  resolution: "babel-plugin-syntax-hermes-parser@npm:0.25.1"
+  dependencies:
+    hermes-parser: "npm:0.25.1"
+  checksum: 10/dc80fafde1aed8e60cf86ecd2e9920e7f35ffe02b33bd4e772daaa786167bcf508aac3fc1aea425ff4c7a0be94d82528f3fe8619b7f41dac853264272d640c04
+  languageName: node
+  linkType: hard
+
+"babel-plugin-transform-flow-enums@npm:^0.0.2":
+  version: 0.0.2
+  resolution: "babel-plugin-transform-flow-enums@npm:0.0.2"
+  dependencies:
+    "@babel/plugin-syntax-flow": "npm:^7.12.1"
+  checksum: 10/fd52aef54448e01948a9d1cca0c8f87d064970c8682458962b7a222c372704bc2ce26ae8109e0ab2566e7ea5106856460f04c1a5ed794ab3bcd2f42cae1d9845
+  languageName: node
+  linkType: hard
+
+"babel-preset-current-node-syntax@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "babel-preset-current-node-syntax@npm:1.1.0"
+  dependencies:
+    "@babel/plugin-syntax-async-generators": "npm:^7.8.4"
+    "@babel/plugin-syntax-bigint": "npm:^7.8.3"
+    "@babel/plugin-syntax-class-properties": "npm:^7.12.13"
+    "@babel/plugin-syntax-class-static-block": "npm:^7.14.5"
+    "@babel/plugin-syntax-import-attributes": "npm:^7.24.7"
+    "@babel/plugin-syntax-import-meta": "npm:^7.10.4"
+    "@babel/plugin-syntax-json-strings": "npm:^7.8.3"
+    "@babel/plugin-syntax-logical-assignment-operators": "npm:^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator": "npm:^7.8.3"
+    "@babel/plugin-syntax-numeric-separator": "npm:^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread": "npm:^7.8.3"
+    "@babel/plugin-syntax-optional-catch-binding": "npm:^7.8.3"
+    "@babel/plugin-syntax-optional-chaining": "npm:^7.8.3"
+    "@babel/plugin-syntax-private-property-in-object": "npm:^7.14.5"
+    "@babel/plugin-syntax-top-level-await": "npm:^7.14.5"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/46331111ae72b7121172fd9e6a4a7830f651ad44bf26dbbf77b3c8a60a18009411a3eacb5e72274004290c110371230272109957d5224d155436b4794ead2f1b
+  languageName: node
+  linkType: hard
+
+"babel-preset-expo@npm:~13.1.11":
+  version: 13.1.11
+  resolution: "babel-preset-expo@npm:13.1.11"
+  dependencies:
+    "@babel/helper-module-imports": "npm:^7.25.9"
+    "@babel/plugin-proposal-decorators": "npm:^7.12.9"
+    "@babel/plugin-proposal-export-default-from": "npm:^7.24.7"
+    "@babel/plugin-syntax-export-default-from": "npm:^7.24.7"
+    "@babel/plugin-transform-export-namespace-from": "npm:^7.25.9"
+    "@babel/plugin-transform-flow-strip-types": "npm:^7.25.2"
+    "@babel/plugin-transform-modules-commonjs": "npm:^7.24.8"
+    "@babel/plugin-transform-object-rest-spread": "npm:^7.24.7"
+    "@babel/plugin-transform-parameters": "npm:^7.24.7"
+    "@babel/plugin-transform-private-methods": "npm:^7.24.7"
+    "@babel/plugin-transform-private-property-in-object": "npm:^7.24.7"
+    "@babel/plugin-transform-runtime": "npm:^7.24.7"
+    "@babel/preset-react": "npm:^7.22.15"
+    "@babel/preset-typescript": "npm:^7.23.0"
+    "@react-native/babel-preset": "npm:0.79.2"
+    babel-plugin-react-native-web: "npm:~0.19.13"
+    babel-plugin-syntax-hermes-parser: "npm:^0.25.1"
+    babel-plugin-transform-flow-enums: "npm:^0.0.2"
+    debug: "npm:^4.3.4"
+    react-refresh: "npm:^0.14.2"
+    resolve-from: "npm:^5.0.0"
+  peerDependencies:
+    babel-plugin-react-compiler: ^19.0.0-beta-e993439-20250405
+  peerDependenciesMeta:
+    babel-plugin-react-compiler:
+      optional: true
+  checksum: 10/0f9ab899cd0a3ad5098a3e381d21273237a1e1e9122e923e5483411a1584a0cd769d00c6210b860b09fb6d59cf81028b85ef3c69c4a6ca77db2dd52481048dd6
+  languageName: node
+  linkType: hard
+
+"babel-preset-jest@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "babel-preset-jest@npm:29.6.3"
+  dependencies:
+    babel-plugin-jest-hoist: "npm:^29.6.3"
+    babel-preset-current-node-syntax: "npm:^1.0.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10/aa4ff2a8a728d9d698ed521e3461a109a1e66202b13d3494e41eea30729a5e7cc03b3a2d56c594423a135429c37bf63a9fa8b0b9ce275298be3095a88c69f6fb
+  languageName: node
+  linkType: hard
+
+"bail@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "bail@npm:2.0.2"
+  checksum: 10/aab4e8ccdc8d762bf3fdfce8e706601695620c0c2eda256dd85088dc0be3cfd7ff126f6e99c2bee1f24f5d418414aacf09d7f9702f16d6963df2fa488cda8824
+  languageName: node
+  linkType: hard
+
+"balanced-match@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "balanced-match@npm:1.0.2"
+  checksum: 10/9706c088a283058a8a99e0bf91b0a2f75497f185980d9ffa8b304de1d9e58ebda7c72c07ebf01dadedaac5b2907b2c6f566f660d62bd336c3468e960403b9d65
+  languageName: node
+  linkType: hard
+
+"bare-addon-resolve@npm:^1.3.0":
+  version: 1.9.4
+  resolution: "bare-addon-resolve@npm:1.9.4"
+  dependencies:
+    bare-module-resolve: "npm:^1.10.0"
+    bare-semver: "npm:^1.0.0"
+  peerDependencies:
+    bare-url: "*"
+  peerDependenciesMeta:
+    bare-url:
+      optional: true
+  checksum: 10/4528f1566f9a48c44cd09f78639fce9c8f33b0898d4a4497d73c44489165c268d8eff16a9e16e0c181d77a717766581b9fa8208eed18acd254057c13be74538d
+  languageName: node
+  linkType: hard
+
+"bare-module-resolve@npm:^1.10.0":
+  version: 1.11.1
+  resolution: "bare-module-resolve@npm:1.11.1"
+  dependencies:
+    bare-semver: "npm:^1.0.0"
+  peerDependencies:
+    bare-url: "*"
+  peerDependenciesMeta:
+    bare-url:
+      optional: true
+  checksum: 10/8cb7f54b9fc2939222fab9c134b10add66015538c0838fbe35f314f4124d82e1a55f8059959b4bd3a012b2dfe8114b58ae8d7be539828a10b1ed245a37368368
+  languageName: node
+  linkType: hard
+
+"bare-os@npm:^3.0.1":
+  version: 3.6.1
+  resolution: "bare-os@npm:3.6.1"
+  checksum: 10/285d95c391250166128e64da2947f4a348ae127de680afffec1f6c82445856be0d1f259672b471afe06517e4cd3831183c373a1d63ef7799ed4aaa1321b86b67
+  languageName: node
+  linkType: hard
+
+"bare-path@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "bare-path@npm:3.0.0"
+  dependencies:
+    bare-os: "npm:^3.0.1"
+  checksum: 10/712d90e9cd8c3263cc11b0e0d386d1531a452706d7840c081ee586b34b00d72544e65df7a40013d47c1b177277495225deeede65cb2984db88a979cb65aaa2ff
+  languageName: node
+  linkType: hard
+
+"bare-semver@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "bare-semver@npm:1.0.1"
+  checksum: 10/b601629841a767b1b8ed3b475ce9208ae2fc6508672fd326b1c9667fe50437bc96905e1c4639ead8389b5b971731eb508e34b64d42db0dcca44ab25bff69a990
+  languageName: node
+  linkType: hard
+
+"bare-url@npm:^2.1.0":
+  version: 2.2.1
+  resolution: "bare-url@npm:2.2.1"
+  dependencies:
+    bare-path: "npm:^3.0.0"
+  checksum: 10/aefb80be8013af2bdb4ee199d0676f29fcf0e74812b90ed8d74e7c092b741159c94d28d4365a965d482fbd28f99e68fee1875336a80b06d94ad56bb64bfc859c
+  languageName: node
+  linkType: hard
+
+"base-x@npm:^3.0.2":
+  version: 3.0.11
+  resolution: "base-x@npm:3.0.11"
+  dependencies:
+    safe-buffer: "npm:^5.0.1"
+  checksum: 10/c2e3c443fd07cb9b9d3e179a9e9c581daa31881005841fe8d6a834e534505890fedf03465ccf14512da60e3f7be00fe66167806b159ba076d2c03952ae7460c4
+  languageName: node
+  linkType: hard
+
+"base-x@npm:^5.0.0":
+  version: 5.0.1
+  resolution: "base-x@npm:5.0.1"
+  checksum: 10/6e4f847ef842e0a71c6b6020a6ec482a2a5e727f5a98534dbfd5d5a4e8afbc0d1bdf1fd57174b3f0455d107f10a932c3c7710bec07e2878f80178607f8f605c8
+  languageName: node
+  linkType: hard
+
+"base32.js@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "base32.js@npm:0.1.0"
+  checksum: 10/7d7401a8f5c4ec45336ff72c97ee554b9bc22c2153b301acf657e6f9e25928a6205b2cfc55731072ba5686515e4903e2d3e462bea49db5f1515bbd01da1276ad
+  languageName: node
+  linkType: hard
+
+"base64-arraybuffer-es6@npm:^0.7.0":
+  version: 0.7.0
+  resolution: "base64-arraybuffer-es6@npm:0.7.0"
+  checksum: 10/48c58e008849ce9e4691beb145021e5bde00032612ef71bed11d7c78ed414ad74c59b55c41c1d1f6f267b58cbdf53ab38576f9e461ba29b379cda7b05a2b8081
+  languageName: node
+  linkType: hard
+
+"base64-arraybuffer@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "base64-arraybuffer@npm:1.0.2"
+  checksum: 10/15e6400d2d028bf18be4ed97702b11418f8f8779fb8c743251c863b726638d52f69571d4cc1843224da7838abef0949c670bde46936663c45ad078e89fee5c62
+  languageName: node
+  linkType: hard
+
+"base64-js@npm:^1.2.3, base64-js@npm:^1.3.1, base64-js@npm:^1.5.1":
+  version: 1.5.1
+  resolution: "base64-js@npm:1.5.1"
+  checksum: 10/669632eb3745404c2f822a18fc3a0122d2f9a7a13f7fb8b5823ee19d1d2ff9ee5b52c53367176ea4ad093c332fd5ab4bd0ebae5a8e27917a4105a4cfc86b1005
+  languageName: node
+  linkType: hard
+
+"bchaddrjs@npm:^0.5.2":
+  version: 0.5.2
+  resolution: "bchaddrjs@npm:0.5.2"
+  dependencies:
+    bs58check: "npm:2.1.2"
+    buffer: "npm:^6.0.3"
+    cashaddrjs: "npm:0.4.4"
+    stream-browserify: "npm:^3.0.0"
+  checksum: 10/ca79899b72efcad8fa696814532a4ded103402fcb18389ae8969df89d9e5415ea4209e707c6625fad855a2a20f9e23cf535902b235c05b897ce5375a19a4dc38
+  languageName: node
+  linkType: hard
+
+"bcrypt-pbkdf@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "bcrypt-pbkdf@npm:1.0.2"
+  dependencies:
+    tweetnacl: "npm:^0.14.3"
+  checksum: 10/13a4cde058250dbf1fa77a4f1b9a07d32ae2e3b9e28e88a0c7a1827835bc3482f3e478c4a0cfd4da6ff0c46dae07da1061123a995372b32cc563d9975f975404
+  languageName: node
+  linkType: hard
+
+"bech32@npm:1.1.4":
+  version: 1.1.4
+  resolution: "bech32@npm:1.1.4"
+  checksum: 10/63ff37c0ce43be914c685ce89700bba1589c319af0dac1ea04f51b33d0e5ecfd40d14c24f527350b94f0a4e236385373bb9122ec276410f354ddcdbf29ca13f4
+  languageName: node
+  linkType: hard
+
+"bech32@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "bech32@npm:2.0.0"
+  checksum: 10/fa15acb270b59aa496734a01f9155677b478987b773bf701f465858bf1606c6a970085babd43d71ce61895f1baa594cb41a2cd1394bd2c6698f03cc2d811300e
+  languageName: node
+  linkType: hard
+
+"better-opn@npm:^3.0.2, better-opn@npm:~3.0.2":
+  version: 3.0.2
+  resolution: "better-opn@npm:3.0.2"
+  dependencies:
+    open: "npm:^8.0.4"
+  checksum: 10/24668e5a837d0d2c0edf17ad5ebcfeb00a8a5578a5eb09f7a409e1a60617cdfea40b8ebfc95e5f12d9568157930d033e6805788fcf0780413ac982c95d3745d1
+  languageName: node
+  linkType: hard
+
+"big-integer@npm:1.6.36":
+  version: 1.6.36
+  resolution: "big-integer@npm:1.6.36"
+  checksum: 10/961fdd96c847765907e38759053ef4f9e66646739f2e6561087639dce7d1707db180dcb878761bb812a265af600f2d57cc31f5a57645dd790e4bd52c5d28382a
+  languageName: node
+  linkType: hard
+
+"big-integer@npm:1.6.x":
+  version: 1.6.52
+  resolution: "big-integer@npm:1.6.52"
+  checksum: 10/4bc6ae152a96edc9f95020f5fc66b13d26a9ad9a021225a9f0213f7e3dc44269f423aa8c42e19d6ac4a63bb2b22140b95d10be8f9ca7a6d9aa1b22b330d1f514
+  languageName: node
+  linkType: hard
+
+"big.js@npm:^5.2.2":
+  version: 5.2.2
+  resolution: "big.js@npm:5.2.2"
+  checksum: 10/c04416aeb084f4aa1c5857722439c327cc0ada9bd99ab80b650e3f30e2e4f1b92a04527ed1e7df8ffcd7c0ea311745a04af12d53e2f091bf09a06f1292003827
+  languageName: node
+  linkType: hard
+
+"bignumber.js@npm:^9.0.0, bignumber.js@npm:^9.3.0":
+  version: 9.3.1
+  resolution: "bignumber.js@npm:9.3.1"
+  checksum: 10/1be0372bf0d6d29d0a49b9e6a9cefbd54dad9918232ad21fcd4ec39030260773abf0c76af960c6b3b98d3115a3a71e61c6a111812d1395040a039cfa178e0245
+  languageName: node
+  linkType: hard
+
+"bignumber.js@npm:^9.1.0, bignumber.js@npm:^9.1.2":
+  version: 9.3.0
+  resolution: "bignumber.js@npm:9.3.0"
+  checksum: 10/60b79efcf7b56b925fca8eebd10d1f4b70aa2bf6eade7f5af0266f0092226dd2abcd9a3ee315ecb39459750d5a630ce3980b707e5d7bea32c97ffd378e8cc159
+  languageName: node
+  linkType: hard
+
+"binary-extensions@npm:^2.0.0":
+  version: 2.3.0
+  resolution: "binary-extensions@npm:2.3.0"
+  checksum: 10/bcad01494e8a9283abf18c1b967af65ee79b0c6a9e6fcfafebfe91dbe6e0fc7272bafb73389e198b310516ae04f7ad17d79aacf6cb4c0d5d5202a7e2e52c7d98
+  languageName: node
+  linkType: hard
+
+"bindings@npm:^1.3.0, bindings@npm:^1.5.0":
+  version: 1.5.0
+  resolution: "bindings@npm:1.5.0"
+  dependencies:
+    file-uri-to-path: "npm:1.0.0"
+  checksum: 10/593d5ae975ffba15fbbb4788fe5abd1e125afbab849ab967ab43691d27d6483751805d98cb92f7ac24a2439a8a8678cd0131c535d5d63de84e383b0ce2786133
+  languageName: node
+  linkType: hard
+
+"bip66@npm:^1.1.5":
+  version: 1.1.5
+  resolution: "bip66@npm:1.1.5"
+  dependencies:
+    safe-buffer: "npm:^5.0.1"
+  checksum: 10/6257e90ff2149aa08740ff4009730c1bceb1a3456571d3006a36b39f30044f2973e05f043ea6977046d6ab66e4a8d6f5c9785094f8317f4ff546a325baece1ab
+  languageName: node
+  linkType: hard
+
+"bip66@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "bip66@npm:2.0.0"
+  checksum: 10/919b25d3ed2b9d774eefe550ae6e825e29e1aa450fc1af12e7cef39115a8bc867018b5aa3d8e68b459ec198decabfc1ebe2bdbae9edfdca61c97e862d1db098d
+  languageName: node
+  linkType: hard
+
+"bitcoin-ops@npm:^1.3.0, bitcoin-ops@npm:^1.4.1":
+  version: 1.4.1
+  resolution: "bitcoin-ops@npm:1.4.1"
+  checksum: 10/3daa3303d6af49c0727041b5d7801a20c5806d00f1cc1afa2d53099974e30a7b1e7e9e578723dd25f5e120903f2725c595c0205d5d99a6578ad65213d74d806d
+  languageName: node
+  linkType: hard
+
+"bl@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "bl@npm:5.1.0"
+  dependencies:
+    buffer: "npm:^6.0.3"
+    inherits: "npm:^2.0.4"
+    readable-stream: "npm:^3.4.0"
+  checksum: 10/0340d3d70def4213cd9cbcd8592f7c5922d3668e7b231286c354613fac4a8411ad373cff26e06162da7423035bbd5caafce3e140a5f397be72fcd1e9d86f1179
+  languageName: node
+  linkType: hard
+
+"blake-hash@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "blake-hash@npm:2.0.0"
+  dependencies:
+    node-addon-api: "npm:^3.0.0"
+    node-gyp: "npm:latest"
+    node-gyp-build: "npm:^4.2.2"
+    readable-stream: "npm:^3.6.0"
+  checksum: 10/91cb584c2c98bfeb94f2fe01ab1663577fd8a69c330b03ea071ce53eda8e3e28293da891e3eacd78a95ad1275325cf7055e39294535c0474f297ada373083fd2
+  languageName: node
+  linkType: hard
+
+"blakejs@npm:1.2.1, blakejs@npm:^1.1.0, blakejs@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "blakejs@npm:1.2.1"
+  checksum: 10/0638b1bd058b21892633929c43005aa6a4cc4b2ac5b338a146c3c076622f1b360795bd7a4d1f077c9b01863ed2df0c1504a81c5b520d164179120434847e6cd7
+  languageName: node
+  linkType: hard
+
+"blo@npm:^1.1.1, blo@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "blo@npm:1.2.0"
+  checksum: 10/17ec61e41b201bbba8ab3c874cad94696604b6ac4029de5050c92ea5817dff6814d8642b9b2948e0d6804194437b751fa2755652201f26fa5d606913c489b757
+  languageName: node
+  linkType: hard
+
+"blob-util@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "blob-util@npm:2.0.2"
+  checksum: 10/b2c5a20c677f2a6c3821cf13c5522d64af96e666bc40cce6b43f87d16e89a55e2eab2f6264ec3f36d7f810eba848aa7e2bc611e47c14eb6395136c0b0a8b29ea
+  languageName: node
+  linkType: hard
+
+"bluebird@npm:^3.7.2":
+  version: 3.7.2
+  resolution: "bluebird@npm:3.7.2"
+  checksum: 10/007c7bad22c5d799c8dd49c85b47d012a1fe3045be57447721e6afbd1d5be43237af1db62e26cb9b0d9ba812d2e4ca3bac82f6d7e016b6b88de06ee25ceb96e7
+  languageName: node
+  linkType: hard
+
+"bn.js@npm:^4.0.0, bn.js@npm:^4.1.0, bn.js@npm:^4.11.9":
+  version: 4.12.1
+  resolution: "bn.js@npm:4.12.1"
+  checksum: 10/07f22df8880b423c4890648e95791319898b96712b6ebc5d6b1082b34074f09dedb8601e717d67f905ce29bb1a5313f9a2b1a2015a679e42c9eed94392c0d379
+  languageName: node
+  linkType: hard
+
+"bn.js@npm:^4.11.0, bn.js@npm:^4.11.8":
+  version: 4.12.2
+  resolution: "bn.js@npm:4.12.2"
+  checksum: 10/5803983405c087443e0e6c9bb5d0bc863d9f987d77e710f81b14c55616494f5a274e1650ee892531acb3529d52c0e0ea48aa12d2873dd80a75dde9d73a2ec518
+  languageName: node
+  linkType: hard
+
+"bn.js@npm:^5.1.2, bn.js@npm:^5.2.0, bn.js@npm:^5.2.1":
+  version: 5.2.1
+  resolution: "bn.js@npm:5.2.1"
+  checksum: 10/7a7e8764d7a6e9708b8b9841b2b3d6019cc154d2fc23716d0efecfe1e16921b7533c6f7361fb05471eab47986c4aa310c270f88e3507172104632ac8df2cfd84
+  languageName: node
+  linkType: hard
+
+"bn.js@npm:^5.2.2":
+  version: 5.2.2
+  resolution: "bn.js@npm:5.2.2"
+  checksum: 10/51ebb2df83b33e5d8581165206e260d5e9c873752954616e5bf3758952b84d7399a9c6d00852815a0aeefb1150a7f34451b62d4287342d457fa432eee869e83e
+  languageName: node
+  linkType: hard
+
+"bnc-sdk@npm:^4.6.7":
+  version: 4.6.9
+  resolution: "bnc-sdk@npm:4.6.9"
+  dependencies:
+    crypto-es: "npm:^1.2.2"
+    nanoid: "npm:^3.3.1"
+    rxjs: "npm:^6.6.3"
+    sturdy-websocket: "npm:^0.1.12"
+  checksum: 10/1ef9e05986bc0735aa1322e0136c6a2f7fe6cdaccae2e08a6cf4db22a44e6c89f4b3c51c22515641aa02494a56d6655b11cf1cb83b5ff8bbfca7bac0b57c25b3
+  languageName: node
+  linkType: hard
+
+"boolbase@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "boolbase@npm:1.0.0"
+  checksum: 10/3e25c80ef626c3a3487c73dbfc70ac322ec830666c9ad915d11b701142fab25ec1e63eff2c450c74347acfd2de854ccde865cd79ef4db1683f7c7b046ea43bb0
+  languageName: node
+  linkType: hard
+
+"bowser@npm:^2.11.0":
+  version: 2.11.0
+  resolution: "bowser@npm:2.11.0"
+  checksum: 10/ef46500eafe35072455e7c3ae771244e97827e0626686a9a3601c436d16eb272dad7ccbd49e2130b599b617ca9daa67027de827ffc4c220e02f63c84b69a8751
+  languageName: node
+  linkType: hard
+
+"bplist-creator@npm:0.1.0":
+  version: 0.1.0
+  resolution: "bplist-creator@npm:0.1.0"
+  dependencies:
+    stream-buffers: "npm:2.2.x"
+  checksum: 10/347dcaa96fc7383efcf4946dbfb1846691b27195dcfb5c76b39144ca88c13368a72bad33bbffc8869bc5d325a35ff97b5bb15ef9e3fa4702fe9fd30867e988c2
+  languageName: node
+  linkType: hard
+
+"bplist-creator@npm:0.1.1":
+  version: 0.1.1
+  resolution: "bplist-creator@npm:0.1.1"
+  dependencies:
+    stream-buffers: "npm:2.2.x"
+  checksum: 10/4f185ee84a97f4b7c7caa73436b9c664e410f8640661a4ae97f0fbe1420aa8fc5db39d9a9d8571c87069665f6d3c5a8a8d2be30db7b64681b7cc366695211913
+  languageName: node
+  linkType: hard
+
+"bplist-parser@npm:0.3.2, bplist-parser@npm:^0.3.1":
+  version: 0.3.2
+  resolution: "bplist-parser@npm:0.3.2"
+  dependencies:
+    big-integer: "npm:1.6.x"
+  checksum: 10/6edf4354c32f5661c258422e478be0f5c6a779bb87c2ae15ee92dd1c046368decbff8a28c86c558a3b7007e1381b91d5eed1c4c8e83e86405197777d944abaa8
+  languageName: node
+  linkType: hard
+
+"brace-expansion@npm:^1.1.7":
+  version: 1.1.12
+  resolution: "brace-expansion@npm:1.1.12"
+  dependencies:
+    balanced-match: "npm:^1.0.0"
+    concat-map: "npm:0.0.1"
+  checksum: 10/12cb6d6310629e3048cadb003e1aca4d8c9bb5c67c3c321bafdd7e7a50155de081f78ea3e0ed92ecc75a9015e784f301efc8132383132f4f7904ad1ac529c562
+  languageName: node
+  linkType: hard
+
+"brace-expansion@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "brace-expansion@npm:2.0.1"
+  dependencies:
+    balanced-match: "npm:^1.0.0"
+  checksum: 10/a61e7cd2e8a8505e9f0036b3b6108ba5e926b4b55089eeb5550cd04a471fe216c96d4fe7e4c7f995c728c554ae20ddfc4244cad10aef255e72b62930afd233d1
+  languageName: node
+  linkType: hard
+
+"braces@npm:^3.0.3, braces@npm:~3.0.2":
+  version: 3.0.3
+  resolution: "braces@npm:3.0.3"
+  dependencies:
+    fill-range: "npm:^7.1.1"
+  checksum: 10/fad11a0d4697a27162840b02b1fad249c1683cbc510cd5bf1a471f2f8085c046d41094308c577a50a03a579dd99d5a6b3724c4b5e8b14df2c4443844cfcda2c6
+  languageName: node
+  linkType: hard
+
+"brorand@npm:^1.0.1, brorand@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "brorand@npm:1.1.0"
+  checksum: 10/8a05c9f3c4b46572dec6ef71012b1946db6cae8c7bb60ccd4b7dd5a84655db49fe043ecc6272e7ef1f69dc53d6730b9e2a3a03a8310509a3d797a618cbee52be
+  languageName: node
+  linkType: hard
+
+"browser-assert@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "browser-assert@npm:1.2.1"
+  checksum: 10/8b2407cd04c1ed592cf892dec35942b7d72635829221e0788c9a16c4d2afa8b7156bc9705b1c4b32c30d88136c576fda3cbcb8f494d6f865264c706ea8798d92
+  languageName: node
+  linkType: hard
+
+"browserify-aes@npm:^1.0.4, browserify-aes@npm:^1.0.6, browserify-aes@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "browserify-aes@npm:1.2.0"
+  dependencies:
+    buffer-xor: "npm:^1.0.3"
+    cipher-base: "npm:^1.0.0"
+    create-hash: "npm:^1.1.0"
+    evp_bytestokey: "npm:^1.0.3"
+    inherits: "npm:^2.0.1"
+    safe-buffer: "npm:^5.0.1"
+  checksum: 10/2813058f74e083a00450b11ea9d5d1f072de7bf0133f5d122d4ff7b849bece56d52b9c51ad0db0fad21c0bc4e8272fd5196114bbe7b94a9b7feb0f9fbb33a3bf
+  languageName: node
+  linkType: hard
+
+"browserify-cipher@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "browserify-cipher@npm:1.0.1"
+  dependencies:
+    browserify-aes: "npm:^1.0.4"
+    browserify-des: "npm:^1.0.0"
+    evp_bytestokey: "npm:^1.0.0"
+  checksum: 10/2d8500acf1ee535e6bebe808f7a20e4c3a9e2ed1a6885fff1facbfd201ac013ef030422bec65ca9ece8ffe82b03ca580421463f9c45af6c8415fd629f4118c13
+  languageName: node
+  linkType: hard
+
+"browserify-des@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "browserify-des@npm:1.0.2"
+  dependencies:
+    cipher-base: "npm:^1.0.1"
+    des.js: "npm:^1.0.0"
+    inherits: "npm:^2.0.1"
+    safe-buffer: "npm:^5.1.2"
+  checksum: 10/2fd9018e598b1b25e002abaf656d46d8e0f2ee2666ff18852d37e5c3d0e47701d6824256b060fac395420d56a0c49c2b0d40a194e6fbd837bfdd893e7eb5ade4
+  languageName: node
+  linkType: hard
+
+"browserify-rsa@npm:^4.0.0, browserify-rsa@npm:^4.1.0":
+  version: 4.1.1
+  resolution: "browserify-rsa@npm:4.1.1"
+  dependencies:
+    bn.js: "npm:^5.2.1"
+    randombytes: "npm:^2.1.0"
+    safe-buffer: "npm:^5.2.1"
+  checksum: 10/62ae0da60e49e8d5dd3b0922119b6edee94ebfa3a184211c804024b3a75f9dab31a1d124cc0545ed050e273f0325c2fd7aba6a51e44ba6f726fceae3210ddade
+  languageName: node
+  linkType: hard
+
+"browserify-sign@npm:^4.2.3":
+  version: 4.2.3
+  resolution: "browserify-sign@npm:4.2.3"
+  dependencies:
+    bn.js: "npm:^5.2.1"
+    browserify-rsa: "npm:^4.1.0"
+    create-hash: "npm:^1.2.0"
+    create-hmac: "npm:^1.1.7"
+    elliptic: "npm:^6.5.5"
+    hash-base: "npm:~3.0"
+    inherits: "npm:^2.0.4"
+    parse-asn1: "npm:^5.1.7"
+    readable-stream: "npm:^2.3.8"
+    safe-buffer: "npm:^5.2.1"
+  checksum: 10/403a8061d229ae31266670345b4a7c00051266761d2c9bbeb68b1a9bcb05f68143b16110cf23a171a5d6716396a1f41296282b3e73eeec0a1871c77f0ff4ee6b
+  languageName: node
+  linkType: hard
+
+"browserify-zlib@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "browserify-zlib@npm:0.2.0"
+  dependencies:
+    pako: "npm:~1.0.5"
+  checksum: 10/852e72effdc00bf8acc6d167d835179eda9e5bd13721ae5d0a2d132dc542f33e73bead2959eb43a2f181a9c495bc2ae2bdb4ec37c4e37ff61a0277741cbaaa7a
+  languageName: node
+  linkType: hard
+
+"browserslist@npm:^4.22.2":
+  version: 4.24.2
+  resolution: "browserslist@npm:4.24.2"
+  dependencies:
+    caniuse-lite: "npm:^1.0.30001669"
+    electron-to-chromium: "npm:^1.5.41"
+    node-releases: "npm:^2.0.18"
+    update-browserslist-db: "npm:^1.1.1"
+  bin:
+    browserslist: cli.js
+  checksum: 10/f8a9d78bbabe466c57ffd5c50a9e5582a5df9aa68f43078ca62a9f6d0d6c70ba72eca72d0a574dbf177cf55cdca85a46f7eb474917a47ae5398c66f8b76f7d1c
+  languageName: node
+  linkType: hard
+
+"browserslist@npm:^4.24.0, browserslist@npm:^4.24.2":
+  version: 4.24.3
+  resolution: "browserslist@npm:4.24.3"
+  dependencies:
+    caniuse-lite: "npm:^1.0.30001688"
+    electron-to-chromium: "npm:^1.5.73"
+    node-releases: "npm:^2.0.19"
+    update-browserslist-db: "npm:^1.1.1"
+  bin:
+    browserslist: cli.js
+  checksum: 10/f5b22757302a4c04036c4ed82ef82d8005c15b809fa006132765f306e8d8a5c02703479f6738db6640f27c0935ebecde4fa5ae3457fc7ad4805156430dba6bc7
+  languageName: node
+  linkType: hard
+
+"browserslist@npm:^4.24.4":
+  version: 4.25.0
+  resolution: "browserslist@npm:4.25.0"
+  dependencies:
+    caniuse-lite: "npm:^1.0.30001718"
+    electron-to-chromium: "npm:^1.5.160"
+    node-releases: "npm:^2.0.19"
+    update-browserslist-db: "npm:^1.1.3"
+  bin:
+    browserslist: cli.js
+  checksum: 10/4a5442b1a0d09c4c64454f184b8fed17d8c3e202034bf39de28f74497d7bd28dddee121b2bab4e34825fe0ed4c166d84e32a39f576c76fce73c1f8f05e4b6ee6
+  languageName: node
+  linkType: hard
+
+"bs-logger@npm:0.x, bs-logger@npm:^0.2.6":
+  version: 0.2.6
+  resolution: "bs-logger@npm:0.2.6"
+  dependencies:
+    fast-json-stable-stringify: "npm:2.x"
+  checksum: 10/e6d3ff82698bb3f20ce64fb85355c5716a3cf267f3977abe93bf9c32a2e46186b253f48a028ae5b96ab42bacd2c826766d9ae8cf6892f9b944656be9113cf212
+  languageName: node
+  linkType: hard
+
+"bs58@npm:6.0.0, bs58@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "bs58@npm:6.0.0"
+  dependencies:
+    base-x: "npm:^5.0.0"
+  checksum: 10/7c9bb2b2d93d997a8c652de3510d89772007ac64ee913dc4e16ba7ff47624caad3128dcc7f360763eb6308760c300b3e9fd91b8bcbd489acd1a13278e7949c4e
+  languageName: node
+  linkType: hard
+
+"bs58@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "bs58@npm:4.0.1"
+  dependencies:
+    base-x: "npm:^3.0.2"
+  checksum: 10/b3c5365bb9e0c561e1a82f1a2d809a1a692059fae016be233a6127ad2f50a6b986467c3a50669ce4c18929dcccb297c5909314dd347a25a68c21b68eb3e95ac2
+  languageName: node
+  linkType: hard
+
+"bs58check@npm:2.1.2, bs58check@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "bs58check@npm:2.1.2"
+  dependencies:
+    bs58: "npm:^4.0.0"
+    create-hash: "npm:^1.1.0"
+    safe-buffer: "npm:^5.1.2"
+  checksum: 10/43bdf08a5dd04581b78f040bc4169480e17008da482ffe2a6507327bbc4fc5c28de0501f7faf22901cfe57fbca79cbb202ca529003fedb4cb8dccd265b38e54d
+  languageName: node
+  linkType: hard
+
+"bs58check@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "bs58check@npm:4.0.0"
+  dependencies:
+    "@noble/hashes": "npm:^1.2.0"
+    bs58: "npm:^6.0.0"
+  checksum: 10/cf5691bdfdf317574f722582360a834f01a36e8f6c850bd5791f04e040b334a0800b7c322ad24c77979c3ed6ef6cf31a6373366b4018223e3005278d491d8799
+  languageName: node
+  linkType: hard
+
+"bser@npm:2.1.1":
+  version: 2.1.1
+  resolution: "bser@npm:2.1.1"
+  dependencies:
+    node-int64: "npm:^0.4.0"
+  checksum: 10/edba1b65bae682450be4117b695997972bd9a3c4dfee029cab5bcb72ae5393a79a8f909b8bc77957eb0deec1c7168670f18f4d5c556f46cdd3bca5f3b3a8d020
+  languageName: node
+  linkType: hard
+
+"buffer-crc32@npm:~0.2.3":
+  version: 0.2.13
+  resolution: "buffer-crc32@npm:0.2.13"
+  checksum: 10/06252347ae6daca3453b94e4b2f1d3754a3b146a111d81c68924c22d91889a40623264e95e67955b1cb4a68cbedf317abeabb5140a9766ed248973096db5ce1c
+  languageName: node
+  linkType: hard
+
+"buffer-equal-constant-time@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "buffer-equal-constant-time@npm:1.0.1"
+  checksum: 10/80bb945f5d782a56f374b292770901065bad21420e34936ecbe949e57724b4a13874f735850dd1cc61f078773c4fb5493a41391e7bda40d1fa388d6bd80daaab
+  languageName: node
+  linkType: hard
+
+"buffer-from@npm:^1.0.0":
+  version: 1.1.2
+  resolution: "buffer-from@npm:1.1.2"
+  checksum: 10/0448524a562b37d4d7ed9efd91685a5b77a50672c556ea254ac9a6d30e3403a517d8981f10e565db24e8339413b43c97ca2951f10e399c6125a0d8911f5679bb
+  languageName: node
+  linkType: hard
+
+"buffer-from@npm:~0.1.1":
+  version: 0.1.2
+  resolution: "buffer-from@npm:0.1.2"
+  checksum: 10/50a1fa5da97d2081b7d945483c8967d3b89a096fa585eb55000bb2100e827c647c9370280ec9bd057da8f9fa5abc1d3b764228851a31fa8a67f659f70c0052d8
+  languageName: node
+  linkType: hard
+
+"buffer-xor@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "buffer-xor@npm:1.0.3"
+  checksum: 10/4a63d48b5117c7eda896d81cd3582d9707329b07c97a14b0ece2edc6e64220ea7ea17c94b295e8c2cb7b9f8291e2b079f9096be8ac14be238420a43e06ec66e2
+  languageName: node
+  linkType: hard
+
+"buffer@npm:^5.4.3, buffer@npm:^5.7.1":
+  version: 5.7.1
+  resolution: "buffer@npm:5.7.1"
+  dependencies:
+    base64-js: "npm:^1.3.1"
+    ieee754: "npm:^1.1.13"
+  checksum: 10/997434d3c6e3b39e0be479a80288875f71cd1c07d75a3855e6f08ef848a3c966023f79534e22e415ff3a5112708ce06127277ab20e527146d55c84566405c7c6
+  languageName: node
+  linkType: hard
+
+"buffer@npm:^6.0.3":
+  version: 6.0.3
+  resolution: "buffer@npm:6.0.3"
+  dependencies:
+    base64-js: "npm:^1.3.1"
+    ieee754: "npm:^1.2.1"
+  checksum: 10/b6bc68237ebf29bdacae48ce60e5e28fc53ae886301f2ad9496618efac49427ed79096750033e7eab1897a4f26ae374ace49106a5758f38fb70c78c9fda2c3b1
+  languageName: node
+  linkType: hard
+
+"builtin-status-codes@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "builtin-status-codes@npm:3.0.0"
+  checksum: 10/1119429cf4b0d57bf76b248ad6f529167d343156ebbcc4d4e4ad600484f6bc63002595cbb61b67ad03ce55cd1d3c4711c03bbf198bf24653b8392420482f3773
+  languageName: node
+  linkType: hard
+
+"burnt@npm:^0.12.2":
+  version: 0.12.2
+  resolution: "burnt@npm:0.12.2"
+  dependencies:
+    sf-symbols-typescript: "npm:^1.0.0"
+    sonner: "npm:^0.3.5"
+  peerDependencies:
+    expo: "*"
+    react: "*"
+    react-native: "*"
+  checksum: 10/8ecaaa22f6e365640ba247aabfb56311eca4f7199cb07519dffd4fe9fd30d173b5cd9ab4e1ecede1e538d613c5eb9820eb752ba0ac220a468b046ed2d5c060f6
+  languageName: node
+  linkType: hard
+
+"busboy@npm:1.6.0":
+  version: 1.6.0
+  resolution: "busboy@npm:1.6.0"
+  dependencies:
+    streamsearch: "npm:^1.1.0"
+  checksum: 10/bee10fa10ea58e7e3e7489ffe4bda6eacd540a17de9f9cd21cc37e297b2dd9fe52b2715a5841afaec82900750d810d01d7edb4b2d456427f449b92b417579763
+  languageName: node
+  linkType: hard
+
+"bytes@npm:3.1.2":
+  version: 3.1.2
+  resolution: "bytes@npm:3.1.2"
+  checksum: 10/a10abf2ba70c784471d6b4f58778c0beeb2b5d405148e66affa91f23a9f13d07603d0a0354667310ae1d6dc141474ffd44e2a074be0f6e2254edb8fc21445388
+  languageName: node
+  linkType: hard
+
+"cacache@npm:^19.0.1":
+  version: 19.0.1
+  resolution: "cacache@npm:19.0.1"
+  dependencies:
+    "@npmcli/fs": "npm:^4.0.0"
+    fs-minipass: "npm:^3.0.0"
+    glob: "npm:^10.2.2"
+    lru-cache: "npm:^10.0.1"
+    minipass: "npm:^7.0.3"
+    minipass-collect: "npm:^2.0.1"
+    minipass-flush: "npm:^1.0.5"
+    minipass-pipeline: "npm:^1.2.4"
+    p-map: "npm:^7.0.2"
+    ssri: "npm:^12.0.0"
+    tar: "npm:^7.4.3"
+    unique-filename: "npm:^4.0.0"
+  checksum: 10/ea026b27b13656330c2bbaa462a88181dcaa0435c1c2e705db89b31d9bdf7126049d6d0445ba746dca21454a0cfdf1d6f47fd39d34c8c8435296b30bc5738a13
+  languageName: node
+  linkType: hard
+
+"cachedir@npm:^2.3.0":
+  version: 2.4.0
+  resolution: "cachedir@npm:2.4.0"
+  checksum: 10/43198514eaa61f65b5535ed29ad651f22836fba3868ed58a6a87731f05462f317d39098fa3ac778801c25455483c9b7f32a2fcad1f690a978947431f12a0f4d0
+  languageName: node
+  linkType: hard
+
+"call-bind-apply-helpers@npm:^1.0.0, call-bind-apply-helpers@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "call-bind-apply-helpers@npm:1.0.1"
+  dependencies:
+    es-errors: "npm:^1.3.0"
+    function-bind: "npm:^1.1.2"
+  checksum: 10/6e30c621170e45f1fd6735e84d02ee8e02a3ab95cb109499d5308cbe5d1e84d0cd0e10b48cc43c76aa61450ae1b03a7f89c37c10fc0de8d4998b42aab0f268cc
+  languageName: node
+  linkType: hard
+
+"call-bind-apply-helpers@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "call-bind-apply-helpers@npm:1.0.2"
+  dependencies:
+    es-errors: "npm:^1.3.0"
+    function-bind: "npm:^1.1.2"
+  checksum: 10/00482c1f6aa7cfb30fb1dbeb13873edf81cfac7c29ed67a5957d60635a56b2a4a480f1016ddbdb3395cc37900d46037fb965043a51c5c789ffeab4fc535d18b5
+  languageName: node
+  linkType: hard
+
+"call-bind@npm:^1.0.0, call-bind@npm:^1.0.8":
+  version: 1.0.8
+  resolution: "call-bind@npm:1.0.8"
+  dependencies:
+    call-bind-apply-helpers: "npm:^1.0.0"
+    es-define-property: "npm:^1.0.0"
+    get-intrinsic: "npm:^1.2.4"
+    set-function-length: "npm:^1.2.2"
+  checksum: 10/659b03c79bbfccf0cde3a79e7d52570724d7290209823e1ca5088f94b52192dc1836b82a324d0144612f816abb2f1734447438e38d9dafe0b3f82c2a1b9e3bce
+  languageName: node
+  linkType: hard
+
+"call-bind@npm:^1.0.2, call-bind@npm:^1.0.5, call-bind@npm:^1.0.6, call-bind@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "call-bind@npm:1.0.7"
+  dependencies:
+    es-define-property: "npm:^1.0.0"
+    es-errors: "npm:^1.3.0"
+    function-bind: "npm:^1.1.2"
+    get-intrinsic: "npm:^1.2.4"
+    set-function-length: "npm:^1.2.1"
+  checksum: 10/cd6fe658e007af80985da5185bff7b55e12ef4c2b6f41829a26ed1eef254b1f1c12e3dfd5b2b068c6ba8b86aba62390842d81752e67dcbaec4f6f76e7113b6b7
+  languageName: node
+  linkType: hard
+
+"call-bound@npm:^1.0.2, call-bound@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "call-bound@npm:1.0.3"
+  dependencies:
+    call-bind-apply-helpers: "npm:^1.0.1"
+    get-intrinsic: "npm:^1.2.6"
+  checksum: 10/c39a8245f68cdb7c1f5eea7b3b1e3a7a90084ea6efebb78ebc454d698ade2c2bb42ec033abc35f1e596d62496b6100e9f4cdfad1956476c510130e2cda03266d
+  languageName: node
+  linkType: hard
+
+"call-bound@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "call-bound@npm:1.0.4"
+  dependencies:
+    call-bind-apply-helpers: "npm:^1.0.2"
+    get-intrinsic: "npm:^1.3.0"
+  checksum: 10/ef2b96e126ec0e58a7ff694db43f4d0d44f80e641370c21549ed911fecbdbc2df3ebc9bddad918d6bbdefeafb60bb3337902006d5176d72bcd2da74820991af7
+  languageName: node
+  linkType: hard
+
+"call-me-maybe@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "call-me-maybe@npm:1.0.2"
+  checksum: 10/3d375b6f810a82c751157b199daba60452876186c19ac653e81bfc5fc10d1e2ba7aedb8622367c3a8aca6879f0e6a29435a1193b35edb8f7fd8267a67ea32373
+  languageName: node
+  linkType: hard
+
+"caller-callsite@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "caller-callsite@npm:2.0.0"
+  dependencies:
+    callsites: "npm:^2.0.0"
+  checksum: 10/b685e9d126d9247b320cfdfeb3bc8da0c4be28d8fb98c471a96bc51aab3130099898a2fe3bf0308f0fe048d64c37d6d09f563958b9afce1a1e5e63d879c128a2
+  languageName: node
+  linkType: hard
+
+"caller-path@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "caller-path@npm:2.0.0"
+  dependencies:
+    caller-callsite: "npm:^2.0.0"
+  checksum: 10/3e12ccd0c71ec10a057aac69e3ec175b721ca858c640df021ef0d25999e22f7c1d864934b596b7d47038e9b56b7ec315add042abbd15caac882998b50102fb12
+  languageName: node
+  linkType: hard
+
+"callsites@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "callsites@npm:2.0.0"
+  checksum: 10/be2f67b247df913732b7dec1ec0bbfcdbaea263e5a95968b19ec7965affae9496b970e3024317e6d4baa8e28dc6ba0cec03f46fdddc2fdcc51396600e53c2623
+  languageName: node
+  linkType: hard
+
+"callsites@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "callsites@npm:3.1.0"
+  checksum: 10/072d17b6abb459c2ba96598918b55868af677154bec7e73d222ef95a8fdb9bbf7dae96a8421085cdad8cd190d86653b5b6dc55a4484f2e5b2e27d5e0c3fc15b3
+  languageName: node
+  linkType: hard
+
+"camel-case@npm:^4.1.2":
+  version: 4.1.2
+  resolution: "camel-case@npm:4.1.2"
+  dependencies:
+    pascal-case: "npm:^3.1.2"
+    tslib: "npm:^2.0.3"
+  checksum: 10/bcbd25cd253b3cbc69be3f535750137dbf2beb70f093bdc575f73f800acc8443d34fd52ab8f0a2413c34f1e8203139ffc88428d8863e4dfe530cfb257a379ad6
+  languageName: node
+  linkType: hard
+
+"camelcase-keys@npm:^6.2.2":
+  version: 6.2.2
+  resolution: "camelcase-keys@npm:6.2.2"
+  dependencies:
+    camelcase: "npm:^5.3.1"
+    map-obj: "npm:^4.0.0"
+    quick-lru: "npm:^4.0.1"
+  checksum: 10/c1999f5b6d03bee7be9a36e48eef3da9e93e51b000677348ec8d15d51fc4418375890fb6c7155e387322d2ebb2a2cdebf9cd96607a6753d1d6c170d9b1e2eed5
+  languageName: node
+  linkType: hard
+
+"camelcase@npm:^5.0.0, camelcase@npm:^5.3.1":
+  version: 5.3.1
+  resolution: "camelcase@npm:5.3.1"
+  checksum: 10/e6effce26b9404e3c0f301498184f243811c30dfe6d0b9051863bd8e4034d09c8c2923794f280d6827e5aa055f6c434115ff97864a16a963366fb35fd673024b
+  languageName: node
+  linkType: hard
+
+"camelcase@npm:^6.2.0":
+  version: 6.3.0
+  resolution: "camelcase@npm:6.3.0"
+  checksum: 10/8c96818a9076434998511251dcb2761a94817ea17dbdc37f47ac080bd088fc62c7369429a19e2178b993497132c8cbcf5cc1f44ba963e76782ba469c0474938d
+  languageName: node
+  linkType: hard
+
+"caniuse-lite@npm:^1.0.30001579, caniuse-lite@npm:^1.0.30001688":
+  version: 1.0.30001689
+  resolution: "caniuse-lite@npm:1.0.30001689"
+  checksum: 10/62dfdd3dc7537b1d812c2f8ee219051f369bc3e93b5bf0380fdb20d4d6dd6f7c21f5332fa7ecc903984bdb6d284b44bc23b4deeada788eb5257b4b2c5f46931c
+  languageName: node
+  linkType: hard
+
+"caniuse-lite@npm:^1.0.30001669":
+  version: 1.0.30001686
+  resolution: "caniuse-lite@npm:1.0.30001686"
+  checksum: 10/dc34d4daa992256b94def2894e478ba4d9786581dff3b180d642d74c7578f7d8958be985d9da5d08f09b81dd9811b653e4980616bae26b1896968cfdf8d535da
+  languageName: node
+  linkType: hard
+
+"caniuse-lite@npm:^1.0.30001718":
+  version: 1.0.30001720
+  resolution: "caniuse-lite@npm:1.0.30001720"
+  checksum: 10/6557c5052fa17fd531f3e1a8013b5924fb69afcd53d9f3e3b9adc9e31c5a7e436b674c000c53659e097fe1fda1c290d1bd17c7f3f98d13749644386ed722ab5f
+  languageName: node
+  linkType: hard
+
+"case-sensitive-paths-webpack-plugin@npm:^2.4.0":
+  version: 2.4.0
+  resolution: "case-sensitive-paths-webpack-plugin@npm:2.4.0"
+  checksum: 10/8187f4a6d9c1342a62e76466d4f2ed53e6c0ea73fdbf7779751538f2abe49738bfd16b43592367f00f37fdd593accf92162c1043c016dd6d9ccb55180b6b5fa7
+  languageName: node
+  linkType: hard
+
+"caseless@npm:~0.12.0":
+  version: 0.12.0
+  resolution: "caseless@npm:0.12.0"
+  checksum: 10/ea1efdf430975fdbac3505cdd21007f7ac5aa29b6d4d1c091f965853cd1bf87e4b08ea07b31a6d688b038872b7cdf0589d9262d59c699d199585daad052aeb20
+  languageName: node
+  linkType: hard
+
+"cashaddrjs@npm:0.4.4":
+  version: 0.4.4
+  resolution: "cashaddrjs@npm:0.4.4"
+  dependencies:
+    big-integer: "npm:1.6.36"
+  checksum: 10/f3764cf858938b5087b285e96eb39acf8333ebe67448eab1f5ae04aa1f850f45fdc2dc832fe8b17f6bb360ad8df55d954856facd6f562bd6c3277217e2b61835
+  languageName: node
+  linkType: hard
+
+"ccount@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "ccount@npm:2.0.1"
+  checksum: 10/48193dada54c9e260e0acf57fc16171a225305548f9ad20d5471e0f7a8c026aedd8747091dccb0d900cde7df4e4ddbd235df0d8de4a64c71b12f0d3303eeafd4
+  languageName: node
+  linkType: hard
+
+"chai@npm:^5.1.1":
+  version: 5.1.2
+  resolution: "chai@npm:5.1.2"
+  dependencies:
+    assertion-error: "npm:^2.0.1"
+    check-error: "npm:^2.1.1"
+    deep-eql: "npm:^5.0.1"
+    loupe: "npm:^3.1.0"
+    pathval: "npm:^2.0.0"
+  checksum: 10/e8c2bbc83cb5a2f87130d93056d4cfbbe04106e12aa798b504816dbe3fa538a9f68541b472e56cbf0f54558b501d7e31867d74b8218abcd5a8cc8ba536fba46c
+  languageName: node
+  linkType: hard
+
+"chalk@npm:2.3.0":
+  version: 2.3.0
+  resolution: "chalk@npm:2.3.0"
+  dependencies:
+    ansi-styles: "npm:^3.1.0"
+    escape-string-regexp: "npm:^1.0.5"
+    supports-color: "npm:^4.0.0"
+  checksum: 10/760d2da7c300a23be015c38df0b0dec43cdcb12a12248f045015b5daef48d9e3c0de1fb6f4ab6bb09c4bb320e0b68ec928d7200417af26b03a314a745764ed02
+  languageName: node
+  linkType: hard
+
+"chalk@npm:^2.0.1, chalk@npm:^2.4.2":
+  version: 2.4.2
+  resolution: "chalk@npm:2.4.2"
+  dependencies:
+    ansi-styles: "npm:^3.2.1"
+    escape-string-regexp: "npm:^1.0.5"
+    supports-color: "npm:^5.3.0"
+  checksum: 10/3d1d103433166f6bfe82ac75724951b33769675252d8417317363ef9d54699b7c3b2d46671b772b893a8e50c3ece70c4b933c73c01e81bc60ea4df9b55afa303
+  languageName: node
+  linkType: hard
+
+"chalk@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "chalk@npm:3.0.0"
+  dependencies:
+    ansi-styles: "npm:^4.1.0"
+    supports-color: "npm:^7.1.0"
+  checksum: 10/37f90b31fd655fb49c2bd8e2a68aebefddd64522655d001ef417e6f955def0ed9110a867ffc878a533f2dafea5f2032433a37c8a7614969baa7f8a1cd424ddfc
+  languageName: node
+  linkType: hard
+
+"chalk@npm:^4.0.0, chalk@npm:^4.0.2, chalk@npm:^4.1.0, chalk@npm:^4.1.2":
+  version: 4.1.2
+  resolution: "chalk@npm:4.1.2"
+  dependencies:
+    ansi-styles: "npm:^4.1.0"
+    supports-color: "npm:^7.1.0"
+  checksum: 10/cb3f3e594913d63b1814d7ca7c9bafbf895f75fbf93b92991980610dfd7b48500af4e3a5d4e3a8f337990a96b168d7eb84ee55efdce965e2ee8efc20f8c8f139
+  languageName: node
+  linkType: hard
+
+"chalk@npm:^5.2.0, chalk@npm:~5.3.0":
+  version: 5.3.0
+  resolution: "chalk@npm:5.3.0"
+  checksum: 10/6373caaab21bd64c405bfc4bd9672b145647fc9482657b5ea1d549b3b2765054e9d3d928870cdf764fb4aad67555f5061538ff247b8310f110c5c888d92397ea
+  languageName: node
+  linkType: hard
+
+"chalk@npm:^5.4.1":
+  version: 5.5.0
+  resolution: "chalk@npm:5.5.0"
+  checksum: 10/19f6905b47b628541976a534e2f39c3779f7f9276ff9693cb8f7cdb3e3e09ee5dee16e0c3768632fbb41c2a1f1653ee0041ea7730428b804068945eb0bab09c4
+  languageName: node
+  linkType: hard
+
+"char-regex@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "char-regex@npm:1.0.2"
+  checksum: 10/1ec5c2906adb9f84e7f6732a40baef05d7c85401b82ffcbc44b85fbd0f7a2b0c2a96f2eb9cf55cae3235dc12d4023003b88f09bcae8be9ae894f52ed746f4d48
+  languageName: node
+  linkType: hard
+
+"char-regex@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "char-regex@npm:2.0.2"
+  checksum: 10/7d6dc918d215761ab389e799b9b119778722f384c8265ccb3c3025c9b219aea942f497fc7922d3470fc270987927719c5fa78d6337a5ebe9a9dc4c5a49099eb2
+  languageName: node
+  linkType: hard
+
+"character-entities-html4@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "character-entities-html4@npm:2.1.0"
+  checksum: 10/7034aa7c7fa90309667f6dd50499c8a760c3d3a6fb159adb4e0bada0107d194551cdbad0714302f62d06ce4ed68565c8c2e15fdef2e8f8764eb63fa92b34b11d
+  languageName: node
+  linkType: hard
+
+"character-entities-legacy@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "character-entities-legacy@npm:3.0.0"
+  checksum: 10/7582af055cb488b626d364b7d7a4e46b06abd526fb63c0e4eb35bcb9c9799cc4f76b39f34fdccef2d1174ac95e53e9ab355aae83227c1a2505877893fce77731
+  languageName: node
+  linkType: hard
+
+"character-entities@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "character-entities@npm:2.0.2"
+  checksum: 10/c8dd1f4bf1a92fccf7d2fad9673660a88b37854557d30f6076c32fedfb92d1420208298829ff1d3b6b4fa1c7012e8326c45e7f5c3ed1e9a09ec177593c521b2f
+  languageName: node
+  linkType: hard
+
+"character-reference-invalid@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "character-reference-invalid@npm:2.0.1"
+  checksum: 10/98d3b1a52ae510b7329e6ee7f6210df14f1e318c5415975d4c9e7ee0ef4c07875d47c6e74230c64551f12f556b4a8ccc24d9f3691a2aa197019e72a95e9297ee
+  languageName: node
+  linkType: hard
+
+"check-dependency-version-consistency@npm:^4.1.0":
+  version: 4.1.1
+  resolution: "check-dependency-version-consistency@npm:4.1.1"
+  dependencies:
+    "@types/js-yaml": "npm:^4.0.5"
+    chalk: "npm:^5.2.0"
+    commander: "npm:^11.0.0"
+    edit-json-file: "npm:^1.7.0"
+    globby: "npm:^13.1.4"
+    js-yaml: "npm:^4.1.0"
+    semver: "npm:^7.5.1"
+    table: "npm:^6.8.1"
+    type-fest: "npm:^4.30.0"
+  bin:
+    check-dependency-version-consistency: dist/bin/check-dependency-version-consistency.js
+  checksum: 10/e5927d57b2f76fa5b5b00988654c712ecff1745ed0a031528c800e742e07abb27d414ca58d27f8ab0290ce18f502bce0ba763c8736c14003804cd1ce13fe3044
+  languageName: node
+  linkType: hard
+
+"check-error@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "check-error@npm:2.1.1"
+  checksum: 10/d785ed17b1d4a4796b6e75c765a9a290098cf52ff9728ce0756e8ffd4293d2e419dd30c67200aee34202463b474306913f2fcfaf1890641026d9fc6966fea27a
+  languageName: node
+  linkType: hard
+
+"check-more-types@npm:^2.24.0":
+  version: 2.24.0
+  resolution: "check-more-types@npm:2.24.0"
+  checksum: 10/67c5288443bd73a81638e1185f8c5410d0edf6458c086149ef1cda95c07535b5dd5c11c426dc3ee8f0de0f3244aa2d4f2ba1937aaa8a94995589cdcce0bbccb9
+  languageName: node
+  linkType: hard
+
+"cheerio-select@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "cheerio-select@npm:2.1.0"
+  dependencies:
+    boolbase: "npm:^1.0.0"
+    css-select: "npm:^5.1.0"
+    css-what: "npm:^6.1.0"
+    domelementtype: "npm:^2.3.0"
+    domhandler: "npm:^5.0.3"
+    domutils: "npm:^3.0.1"
+  checksum: 10/b5d89208c23468c3a32d1e04f88b9e8c6e332e3649650c5cd29255e2cebc215071ae18563f58c3dc3f6ef4c234488fc486035490fceb78755572288245e2931a
+  languageName: node
+  linkType: hard
+
+"cheerio@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "cheerio@npm:1.0.0"
+  dependencies:
+    cheerio-select: "npm:^2.1.0"
+    dom-serializer: "npm:^2.0.0"
+    domhandler: "npm:^5.0.3"
+    domutils: "npm:^3.1.0"
+    encoding-sniffer: "npm:^0.2.0"
+    htmlparser2: "npm:^9.1.0"
+    parse5: "npm:^7.1.2"
+    parse5-htmlparser2-tree-adapter: "npm:^7.0.0"
+    parse5-parser-stream: "npm:^7.1.2"
+    undici: "npm:^6.19.5"
+    whatwg-mimetype: "npm:^4.0.0"
+  checksum: 10/b535070add0f86b0a1f234274ad3ffb2c1c375c05b322d8057e89c3c797b3b4d2f05826c34a04df218bec9abf21b9f0d0bd71974a8dfe28b943fb87ab0170c38
+  languageName: node
+  linkType: hard
+
+"chokidar@npm:^3.5.1, chokidar@npm:^3.5.2, chokidar@npm:^3.5.3, chokidar@npm:^3.6.0":
+  version: 3.6.0
+  resolution: "chokidar@npm:3.6.0"
+  dependencies:
+    anymatch: "npm:~3.1.2"
+    braces: "npm:~3.0.2"
+    fsevents: "npm:~2.3.2"
+    glob-parent: "npm:~5.1.2"
+    is-binary-path: "npm:~2.1.0"
+    is-glob: "npm:~4.0.1"
+    normalize-path: "npm:~3.0.0"
+    readdirp: "npm:~3.6.0"
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  checksum: 10/c327fb07704443f8d15f7b4a7ce93b2f0bc0e6cea07ec28a7570aa22cd51fcf0379df589403976ea956c369f25aa82d84561947e227cd925902e1751371658df
+  languageName: node
+  linkType: hard
+
+"chokidar@npm:^4.0.0":
+  version: 4.0.2
+  resolution: "chokidar@npm:4.0.2"
+  dependencies:
+    readdirp: "npm:^4.0.1"
+  checksum: 10/fc25d20d72ee0e74b5be1fd9df366dc8aa17709a59c364c321b6f35b6d2fd8c65d01bda74eb42ffd61ad7807e5de5e673c6bd503c2ed0ab2a79be5cb51d4c259
+  languageName: node
+  linkType: hard
+
+"chownr@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "chownr@npm:3.0.0"
+  checksum: 10/b63cb1f73d171d140a2ed8154ee6566c8ab775d3196b0e03a2a94b5f6a0ce7777ee5685ca56849403c8d17bd457a6540672f9a60696a6137c7a409097495b82c
+  languageName: node
+  linkType: hard
+
+"chromatic@npm:^11.4.0":
+  version: 11.20.2
+  resolution: "chromatic@npm:11.20.2"
+  peerDependencies:
+    "@chromatic-com/cypress": ^0.*.* || ^1.0.0
+    "@chromatic-com/playwright": ^0.*.* || ^1.0.0
+  peerDependenciesMeta:
+    "@chromatic-com/cypress":
+      optional: true
+    "@chromatic-com/playwright":
+      optional: true
+  bin:
+    chroma: dist/bin.js
+    chromatic: dist/bin.js
+    chromatic-cli: dist/bin.js
+  checksum: 10/74adb89978f5787c88e63db76fe673bb50953c5ea7af9e9d4b31491b55c0fe4c2db74021c01239139ecaaf6e070f74b9fa730cf3adbb48ffa8cf61983afe0721
+  languageName: node
+  linkType: hard
+
+"chrome-launcher@npm:^0.15.2":
+  version: 0.15.2
+  resolution: "chrome-launcher@npm:0.15.2"
+  dependencies:
+    "@types/node": "npm:*"
+    escape-string-regexp: "npm:^4.0.0"
+    is-wsl: "npm:^2.2.0"
+    lighthouse-logger: "npm:^1.0.0"
+  bin:
+    print-chrome-path: bin/print-chrome-path.js
+  checksum: 10/6faa189950790e63356113a08c4dbb25d9ef7d1ffc778f9fcf5967895ea8968aa3e711f6e7a55dadb42aa7a329d77721abf929a589b87e9e19e6e8c084b87e0d
+  languageName: node
+  linkType: hard
+
+"chrome-trace-event@npm:^1.0.2":
+  version: 1.0.4
+  resolution: "chrome-trace-event@npm:1.0.4"
+  checksum: 10/1762bed739774903bf5915fe3045c3120fc3c7f7d929d88e566447ea38944937a6370ccb687278318c43c24f837ad22dac780bed67c066336815557b8cf558c6
+  languageName: node
+  linkType: hard
+
+"chromium-edge-launcher@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "chromium-edge-launcher@npm:0.2.0"
+  dependencies:
+    "@types/node": "npm:*"
+    escape-string-regexp: "npm:^4.0.0"
+    is-wsl: "npm:^2.2.0"
+    lighthouse-logger: "npm:^1.0.0"
+    mkdirp: "npm:^1.0.4"
+    rimraf: "npm:^3.0.2"
+  checksum: 10/9c58094cb6f149f8b9aae6937c5e60fee3cdf7e43a6902d8d70d2bc18878a0479f1637a5b44f6fbec5c84aa52972fc3ccba61b9984a584f3d98700e247d4ad94
+  languageName: node
+  linkType: hard
+
+"ci-info@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "ci-info@npm:2.0.0"
+  checksum: 10/3b374666a85ea3ca43fa49aa3a048d21c9b475c96eb13c133505d2324e7ae5efd6a454f41efe46a152269e9b6a00c9edbe63ec7fa1921957165aae16625acd67
+  languageName: node
+  linkType: hard
+
+"ci-info@npm:^3.2.0, ci-info@npm:^3.3.0":
+  version: 3.9.0
+  resolution: "ci-info@npm:3.9.0"
+  checksum: 10/75bc67902b4d1c7b435497adeb91598f6d52a3389398e44294f6601b20cfef32cf2176f7be0eb961d9e085bb333a8a5cae121cb22f81cf238ae7f58eb80e9397
+  languageName: node
+  linkType: hard
+
+"ci-info@npm:^4.0.0":
+  version: 4.1.0
+  resolution: "ci-info@npm:4.1.0"
+  checksum: 10/546628efd04e37da3182a58b6995a3313deb86ec7c8112e22ffb644317a61296b89bbfa128219e5bfcce43d9613a434ed89907ed8e752db947f7291e0405125f
+  languageName: node
+  linkType: hard
+
+"cids@npm:^1.0.0, cids@npm:^1.1.5, cids@npm:^1.1.6":
+  version: 1.1.9
+  resolution: "cids@npm:1.1.9"
+  dependencies:
+    multibase: "npm:^4.0.1"
+    multicodec: "npm:^3.0.1"
+    multihashes: "npm:^4.0.1"
+    uint8arrays: "npm:^3.0.0"
+  checksum: 10/daa116c94c7ec29a8d98bd1cf930357e87f067d08dd5edf4e0e093dc6a0e0a17af70091b944a8f5d08e9d4f7d8356e2ce1b0b6d30dabcbba919798fc01d18740
+  languageName: node
+  linkType: hard
+
+"cipher-base@npm:^1.0.0, cipher-base@npm:^1.0.1, cipher-base@npm:^1.0.3":
+  version: 1.0.6
+  resolution: "cipher-base@npm:1.0.6"
+  dependencies:
+    inherits: "npm:^2.0.4"
+    safe-buffer: "npm:^5.2.1"
+  checksum: 10/faf232deff2351448ea23d265eb8723e035ebbb454baca45fb60c1bd71056ede8b153bef1b221e067f13e6b9288ebb83bb6ae2d5dd4cec285411f9fc22ec1f5b
+  languageName: node
+  linkType: hard
+
+"citty@npm:^0.1.5, citty@npm:^0.1.6":
+  version: 0.1.6
+  resolution: "citty@npm:0.1.6"
+  dependencies:
+    consola: "npm:^3.2.3"
+  checksum: 10/3208947e73abb699a12578ee2bfee254bf8dd1ce0d5698e8a298411cabf16bd3620d63433aef5bd88cdb2b9da71aef18adefa3b4ffd18273bb62dd1d28c344f5
+  languageName: node
+  linkType: hard
+
+"cjs-module-lexer@npm:^1.0.0, cjs-module-lexer@npm:^1.2.3":
+  version: 1.4.1
+  resolution: "cjs-module-lexer@npm:1.4.1"
+  checksum: 10/6e830a1e00a34d416949bbc1924f3e8da65cef4a6a09e2b7fa35722e2d1c34bf378d3baca987b698d1cbc3eb83e44b044039b4e82755c96f30e0f03d1d227637
+  languageName: node
+  linkType: hard
+
+"classnames@npm:^2.5.1":
+  version: 2.5.1
+  resolution: "classnames@npm:2.5.1"
+  checksum: 10/58eb394e8817021b153bb6e7d782cfb667e4ab390cb2e9dac2fc7c6b979d1cc2b2a733093955fc5c94aa79ef5c8c89f11ab77780894509be6afbb91dddd79d15
+  languageName: node
+  linkType: hard
+
+"clean-css@npm:^5.2.2":
+  version: 5.3.3
+  resolution: "clean-css@npm:5.3.3"
+  dependencies:
+    source-map: "npm:~0.6.0"
+  checksum: 10/2db1ae37b384c8ff0a06a12bfa80f56cc02b4abcaaf340db98c0ae88a61dd67c856653fd8135ace6eb0ec13aeab3089c425d2e4238d2a2ad6b6917e6ccc74729
+  languageName: node
+  linkType: hard
+
+"clean-stack@npm:^2.0.0":
+  version: 2.2.0
+  resolution: "clean-stack@npm:2.2.0"
+  checksum: 10/2ac8cd2b2f5ec986a3c743935ec85b07bc174d5421a5efc8017e1f146a1cf5f781ae962618f416352103b32c9cd7e203276e8c28241bbe946160cab16149fb68
+  languageName: node
+  linkType: hard
+
+"cli-color@npm:^2.0.3":
+  version: 2.0.4
+  resolution: "cli-color@npm:2.0.4"
+  dependencies:
+    d: "npm:^1.0.1"
+    es5-ext: "npm:^0.10.64"
+    es6-iterator: "npm:^2.0.3"
+    memoizee: "npm:^0.4.15"
+    timers-ext: "npm:^0.1.7"
+  checksum: 10/6706fbb98f5db62c47deaba7116a1e37470c936dc861b84a180b5ce1a58fbf50ae6582b30a65e4b30ddb39e0469d3bac6851a9d925ded02b7e0c1c00858ef14b
+  languageName: node
+  linkType: hard
+
+"cli-cursor@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "cli-cursor@npm:2.1.0"
+  dependencies:
+    restore-cursor: "npm:^2.0.0"
+  checksum: 10/d88e97bfdac01046a3ffe7d49f06757b3126559d7e44aa2122637eb179284dc6cd49fca2fac4f67c19faaf7e6dab716b6fe1dfcd309977407d8c7578ec2d044d
+  languageName: node
+  linkType: hard
+
+"cli-cursor@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "cli-cursor@npm:3.1.0"
+  dependencies:
+    restore-cursor: "npm:^3.1.0"
+  checksum: 10/2692784c6cd2fd85cfdbd11f53aea73a463a6d64a77c3e098b2b4697a20443f430c220629e1ca3b195ea5ac4a97a74c2ee411f3807abf6df2b66211fec0c0a29
+  languageName: node
+  linkType: hard
+
+"cli-cursor@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "cli-cursor@npm:5.0.0"
+  dependencies:
+    restore-cursor: "npm:^5.0.0"
+  checksum: 10/1eb9a3f878b31addfe8d82c6d915ec2330cec8447ab1f117f4aa34f0137fbb3137ec3466e1c9a65bcb7557f6e486d343f2da57f253a2f668d691372dfa15c090
+  languageName: node
+  linkType: hard
+
+"cli-spinners@npm:^2.0.0":
+  version: 2.9.2
+  resolution: "cli-spinners@npm:2.9.2"
+  checksum: 10/a0a863f442df35ed7294424f5491fa1756bd8d2e4ff0c8736531d886cec0ece4d85e8663b77a5afaf1d296e3cbbebff92e2e99f52bbea89b667cbe789b994794
+  languageName: node
+  linkType: hard
+
+"cli-table3@npm:~0.6.1":
+  version: 0.6.5
+  resolution: "cli-table3@npm:0.6.5"
+  dependencies:
+    "@colors/colors": "npm:1.5.0"
+    string-width: "npm:^4.2.0"
+  dependenciesMeta:
+    "@colors/colors":
+      optional: true
+  checksum: 10/8dca71256f6f1367bab84c33add3f957367c7c43750a9828a4212ebd31b8df76bd7419d386e3391ac7419698a8540c25f1a474584028f35b170841cde2e055c5
+  languageName: node
+  linkType: hard
+
+"cli-truncate@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "cli-truncate@npm:2.1.0"
+  dependencies:
+    slice-ansi: "npm:^3.0.0"
+    string-width: "npm:^4.2.0"
+  checksum: 10/976f1887de067a8cd6ec830a7a8508336aebe6cec79b521d98ed13f67ef073b637f7305675b6247dd22f9e9cf045ec55fe746c7bdb288fbe8db0dfdc9fd52e55
+  languageName: node
+  linkType: hard
+
+"cli-truncate@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "cli-truncate@npm:4.0.0"
+  dependencies:
+    slice-ansi: "npm:^5.0.0"
+    string-width: "npm:^7.0.0"
+  checksum: 10/d5149175fd25ca985731bdeec46a55ec237475cf74c1a5e103baea696aceb45e372ac4acbaabf1316f06bd62e348123060f8191ffadfeedebd2a70a2a7fb199d
+  languageName: node
+  linkType: hard
+
+"cli-width@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "cli-width@npm:4.1.0"
+  checksum: 10/b58876fbf0310a8a35c79b72ecfcf579b354e18ad04e6b20588724ea2b522799a758507a37dfe132fafaf93a9922cafd9514d9e1598e6b2cd46694853aed099f
+  languageName: node
+  linkType: hard
+
+"client-only@npm:0.0.1, client-only@npm:^0.0.1":
+  version: 0.0.1
+  resolution: "client-only@npm:0.0.1"
+  checksum: 10/0c16bf660dadb90610553c1d8946a7fdfb81d624adea073b8440b7d795d5b5b08beb3c950c6a2cf16279365a3265158a236876d92bce16423c485c322d7dfaf8
+  languageName: node
+  linkType: hard
+
+"clipboardy@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "clipboardy@npm:4.0.0"
+  dependencies:
+    execa: "npm:^8.0.1"
+    is-wsl: "npm:^3.1.0"
+    is64bit: "npm:^2.0.0"
+  checksum: 10/ec4ebe7e5c81d9c9cb994637e7b0e068c1c8fc272167ecd5519f967427271ec66e0e64da7268a2630b860eff42933aeabe25ba5e42bb80dbf1fae6362df059ed
+  languageName: node
+  linkType: hard
+
+"cliui@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "cliui@npm:6.0.0"
+  dependencies:
+    string-width: "npm:^4.2.0"
+    strip-ansi: "npm:^6.0.0"
+    wrap-ansi: "npm:^6.2.0"
+  checksum: 10/44afbcc29df0899e87595590792a871cd8c4bc7d6ce92832d9ae268d141a77022adafca1aeaeccff618b62a613b8354e57fe22a275c199ec04baf00d381ef6ab
+  languageName: node
+  linkType: hard
+
+"cliui@npm:^8.0.1":
+  version: 8.0.1
+  resolution: "cliui@npm:8.0.1"
+  dependencies:
+    string-width: "npm:^4.2.0"
+    strip-ansi: "npm:^6.0.1"
+    wrap-ansi: "npm:^7.0.0"
+  checksum: 10/eaa5561aeb3135c2cddf7a3b3f562fc4238ff3b3fc666869ef2adf264be0f372136702f16add9299087fb1907c2e4ec5dbfe83bd24bce815c70a80c6c1a2e950
+  languageName: node
+  linkType: hard
+
+"clone-deep@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "clone-deep@npm:4.0.1"
+  dependencies:
+    is-plain-object: "npm:^2.0.4"
+    kind-of: "npm:^6.0.2"
+    shallow-clone: "npm:^3.0.0"
+  checksum: 10/770f912fe4e6f21873c8e8fbb1e99134db3b93da32df271d00589ea4a29dbe83a9808a322c93f3bcaf8584b8b4fa6fc269fc8032efbaa6728e0c9886c74467d2
+  languageName: node
+  linkType: hard
+
+"clone@npm:^1.0.2":
+  version: 1.0.4
+  resolution: "clone@npm:1.0.4"
+  checksum: 10/d06418b7335897209e77bdd430d04f882189582e67bd1f75a04565f3f07f5b3f119a9d670c943b6697d0afb100f03b866b3b8a1f91d4d02d72c4ecf2bb64b5dd
+  languageName: node
+  linkType: hard
+
+"clsx@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "clsx@npm:1.2.1"
+  checksum: 10/5ded6f61f15f1fa0350e691ccec43a28b12fb8e64c8e94715f2a937bc3722d4c3ed41d6e945c971fc4dcc2a7213a43323beaf2e1c28654af63ba70c9968a8643
+  languageName: node
+  linkType: hard
+
+"clsx@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "clsx@npm:2.1.1"
+  checksum: 10/cdfb57fa6c7649bbff98d9028c2f0de2f91c86f551179541cf784b1cfdc1562dcb951955f46d54d930a3879931a980e32a46b598acaea274728dbe068deca919
+  languageName: node
+  linkType: hard
+
+"co@npm:^4.6.0":
+  version: 4.6.0
+  resolution: "co@npm:4.6.0"
+  checksum: 10/a5d9f37091c70398a269e625cedff5622f200ed0aa0cff22ee7b55ed74a123834b58711776eb0f1dc58eb6ebbc1185aa7567b57bd5979a948c6e4f85073e2c05
+  languageName: node
+  linkType: hard
+
+"code-block-writer@npm:^11.0.0":
+  version: 11.0.3
+  resolution: "code-block-writer@npm:11.0.3"
+  checksum: 10/aecf33ec312c595164bb0f6fd6d92d1b7bada83352b787e033ae0e5a15c87146503ca68a258ab7f54cba1b46dc381271c1e0037a3b0869c9c6d57ef5d7bc3501
+  languageName: node
+  linkType: hard
+
+"collapse-white-space@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "collapse-white-space@npm:2.1.0"
+  checksum: 10/c1424ae7c5ff370ec06bbff5990382c54ae6e14a021c7568151e4889e514667e110cc3a051fe5d8e17b117f76304fffcfe9f0360cda642cf0201a5ac398bf0e7
+  languageName: node
+  linkType: hard
+
+"collect-v8-coverage@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "collect-v8-coverage@npm:1.0.2"
+  checksum: 10/30ea7d5c9ee51f2fdba4901d4186c5b7114a088ef98fd53eda3979da77eed96758a2cae81cc6d97e239aaea6065868cf908b24980663f7b7e96aa291b3e12fa4
+  languageName: node
+  linkType: hard
+
+"color-convert@npm:^1.9.0":
+  version: 1.9.3
+  resolution: "color-convert@npm:1.9.3"
+  dependencies:
+    color-name: "npm:1.1.3"
+  checksum: 10/ffa319025045f2973919d155f25e7c00d08836b6b33ea2d205418c59bd63a665d713c52d9737a9e0fe467fb194b40fbef1d849bae80d674568ee220a31ef3d10
+  languageName: node
+  linkType: hard
+
+"color-convert@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "color-convert@npm:2.0.1"
+  dependencies:
+    color-name: "npm:~1.1.4"
+  checksum: 10/fa00c91b4332b294de06b443923246bccebe9fab1b253f7fe1772d37b06a2269b4039a85e309abe1fe11b267b11c08d1d0473fda3badd6167f57313af2887a64
+  languageName: node
+  linkType: hard
+
+"color-name@npm:1.1.3":
+  version: 1.1.3
+  resolution: "color-name@npm:1.1.3"
+  checksum: 10/09c5d3e33d2105850153b14466501f2bfb30324a2f76568a408763a3b7433b0e50e5b4ab1947868e65cb101bb7cb75029553f2c333b6d4b8138a73fcc133d69d
+  languageName: node
+  linkType: hard
+
+"color-name@npm:^1.0.0, color-name@npm:~1.1.4":
+  version: 1.1.4
+  resolution: "color-name@npm:1.1.4"
+  checksum: 10/b0445859521eb4021cd0fb0cc1a75cecf67fceecae89b63f62b201cca8d345baf8b952c966862a9d9a2632987d4f6581f0ec8d957dfacece86f0a7919316f610
+  languageName: node
+  linkType: hard
+
+"color-string@npm:^1.9.0":
+  version: 1.9.1
+  resolution: "color-string@npm:1.9.1"
+  dependencies:
+    color-name: "npm:^1.0.0"
+    simple-swizzle: "npm:^0.2.2"
+  checksum: 10/72aa0b81ee71b3f4fb1ac9cd839cdbd7a011a7d318ef58e6cb13b3708dca75c7e45029697260488709f1b1c7ac4e35489a87e528156c1e365917d1c4ccb9b9cd
+  languageName: node
+  linkType: hard
+
+"color2k@npm:^2.0.2":
+  version: 2.0.3
+  resolution: "color2k@npm:2.0.3"
+  checksum: 10/63385b3c43749a96a4edfd5f4d30103f850e5a4ab01ad39ec70bebd940a237ab79cbd2d7b2bf4eede6ef6122a1b904877f628500fdc5521310e39d3572370d6c
+  languageName: node
+  linkType: hard
+
+"color@npm:^4.2.3":
+  version: 4.2.3
+  resolution: "color@npm:4.2.3"
+  dependencies:
+    color-convert: "npm:^2.0.1"
+    color-string: "npm:^1.9.0"
+  checksum: 10/b23f5e500a79ea22428db43d1a70642d983405c0dd1f95ef59dbdb9ba66afbb4773b334fa0b75bb10b0552fd7534c6b28d4db0a8b528f91975976e70973c0152
+  languageName: node
+  linkType: hard
+
+"colorette@npm:^2.0.10, colorette@npm:^2.0.16, colorette@npm:^2.0.20":
+  version: 2.0.20
+  resolution: "colorette@npm:2.0.20"
+  checksum: 10/0b8de48bfa5d10afc160b8eaa2b9938f34a892530b2f7d7897e0458d9535a066e3998b49da9d21161c78225b272df19ae3a64d6df28b4c9734c0e55bbd02406f
+  languageName: node
+  linkType: hard
+
+"combined-stream@npm:^1.0.8, combined-stream@npm:~1.0.6":
+  version: 1.0.8
+  resolution: "combined-stream@npm:1.0.8"
+  dependencies:
+    delayed-stream: "npm:~1.0.0"
+  checksum: 10/2e969e637d05d09fa50b02d74c83a1186f6914aae89e6653b62595cc75a221464f884f55f231b8f4df7a49537fba60bdc0427acd2bf324c09a1dbb84837e36e4
+  languageName: node
+  linkType: hard
+
+"comma-separated-tokens@npm:^2.0.0":
+  version: 2.0.3
+  resolution: "comma-separated-tokens@npm:2.0.3"
+  checksum: 10/e3bf9e0332a5c45f49b90e79bcdb4a7a85f28d6a6f0876a94f1bb9b2bfbdbbb9292aac50e1e742d8c0db1e62a0229a106f57917e2d067fca951d81737651700d
+  languageName: node
+  linkType: hard
+
+"command-exists@npm:^1.2.4":
+  version: 1.2.9
+  resolution: "command-exists@npm:1.2.9"
+  checksum: 10/46fb3c4d626ca5a9d274f8fe241230817496abc34d12911505370b7411999e183c11adff7078dd8a03ec4cf1391290facda40c6a4faac8203ae38c985eaedd63
+  languageName: node
+  linkType: hard
+
+"command-line-args@npm:^5.1.1":
+  version: 5.2.1
+  resolution: "command-line-args@npm:5.2.1"
+  dependencies:
+    array-back: "npm:^3.1.0"
+    find-replace: "npm:^3.0.0"
+    lodash.camelcase: "npm:^4.3.0"
+    typical: "npm:^4.0.0"
+  checksum: 10/e6a42652ae8843fbb56e2fba1e85da00a16a0482896bb1849092e1bc70b8bf353d945e69732bf4ae98370ff84e8910ff4933af8f2f747806a6b2cb5074799fdb
+  languageName: node
+  linkType: hard
+
+"command-line-usage@npm:^6.1.0":
+  version: 6.1.3
+  resolution: "command-line-usage@npm:6.1.3"
+  dependencies:
+    array-back: "npm:^4.0.2"
+    chalk: "npm:^2.4.2"
+    table-layout: "npm:^1.0.2"
+    typical: "npm:^5.2.0"
+  checksum: 10/902901582a543b26f55f90fc0f266c08a603a92bfadd8d07c66679f3d9eea2c074a039404126b0c4b65ff8452153c5f2010ea2f4ec14b70be0c77241f6d5bd53
+  languageName: node
+  linkType: hard
+
+"commander@npm:^11.0.0":
+  version: 11.1.0
+  resolution: "commander@npm:11.1.0"
+  checksum: 10/66bd2d8a0547f6cb1d34022efb25f348e433b0e04ad76a65279b1b09da108f59a4d3001ca539c60a7a46ea38bcf399fc17d91adad76a8cf43845d8dcbaf5cda1
+  languageName: node
+  linkType: hard
+
+"commander@npm:^12.0.0, commander@npm:^12.1.0, commander@npm:~12.1.0":
+  version: 12.1.0
+  resolution: "commander@npm:12.1.0"
+  checksum: 10/cdaeb672d979816853a4eed7f1310a9319e8b976172485c2a6b437ed0db0a389a44cfb222bfbde772781efa9f215bdd1b936f80d6b249485b465c6cb906e1f93
+  languageName: node
+  linkType: hard
+
+"commander@npm:^14.0.0":
+  version: 14.0.0
+  resolution: "commander@npm:14.0.0"
+  checksum: 10/c05418bfc35a3e8b5c67bd9f75f5b773f386f9b85f83e70e7c926047f270929cb06cf13cd68f387dd6e7e23c6157de8171b28ba606abd3e6256028f1f789becf
+  languageName: node
+  linkType: hard
+
+"commander@npm:^2.20.0":
+  version: 2.20.3
+  resolution: "commander@npm:2.20.3"
+  checksum: 10/90c5b6898610cd075984c58c4f88418a4fb44af08c1b1415e9854c03171bec31b336b7f3e4cefe33de994b3f12b03c5e2d638da4316df83593b9e82554e7e95b
+  languageName: node
+  linkType: hard
+
+"commander@npm:^4.0.0":
+  version: 4.1.1
+  resolution: "commander@npm:4.1.1"
+  checksum: 10/3b2dc4125f387dab73b3294dbcb0ab2a862f9c0ad748ee2b27e3544d25325b7a8cdfbcc228d103a98a716960b14478114a5206b5415bd48cdafa38797891562c
+  languageName: node
+  linkType: hard
+
+"commander@npm:^6.2.0, commander@npm:^6.2.1":
+  version: 6.2.1
+  resolution: "commander@npm:6.2.1"
+  checksum: 10/25b88c2efd0380c84f7844b39cf18510da7bfc5013692d68cdc65f764a1c34e6c8a36ea6d72b6620e3710a930cf8fab2695bdec2bf7107a0f4fa30a3ef3b7d0e
+  languageName: node
+  linkType: hard
+
+"commander@npm:^7.2.0":
+  version: 7.2.0
+  resolution: "commander@npm:7.2.0"
+  checksum: 10/9973af10727ad4b44f26703bf3e9fdc323528660a7590efe3aa9ad5042b4584c0deed84ba443f61c9d6f02dade54a5a5d3c95e306a1e1630f8374ae6db16c06d
+  languageName: node
+  linkType: hard
+
+"commander@npm:^8.2.0, commander@npm:^8.3.0":
+  version: 8.3.0
+  resolution: "commander@npm:8.3.0"
+  checksum: 10/6b7b5d334483ce24bd73c5dac2eab901a7dbb25fd983ea24a1eeac6e7166bb1967f641546e8abf1920afbde86a45fbfe5812fbc69d0dc451bb45ca416a12a3a3
+  languageName: node
+  linkType: hard
+
+"common-path-prefix@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "common-path-prefix@npm:3.0.0"
+  checksum: 10/09c180e8d8495d42990d617f4d4b7522b5da20f6b236afe310192d401d1da8147a7835ae1ea37797ba0c2238ef3d06f3492151591451df34539fdb4b2630f2b3
+  languageName: node
+  linkType: hard
+
+"common-tags@npm:^1.8.0":
+  version: 1.8.2
+  resolution: "common-tags@npm:1.8.2"
+  checksum: 10/c665d0f463ee79dda801471ad8da6cb33ff7332ba45609916a508ad3d77ba07ca9deeb452e83f81f24c2b081e2c1315347f23d239210e63d1c5e1a0c7c019fe2
+  languageName: node
+  linkType: hard
+
+"commondir@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "commondir@npm:1.0.1"
+  checksum: 10/4620bc4936a4ef12ce7dfcd272bb23a99f2ad68889a4e4ad766c9f8ad21af982511934d6f7050d4a8bde90011b1c15d56e61a1b4576d9913efbf697a20172d6c
+  languageName: node
+  linkType: hard
+
+"compressible@npm:~2.0.18":
+  version: 2.0.18
+  resolution: "compressible@npm:2.0.18"
+  dependencies:
+    mime-db: "npm:>= 1.43.0 < 2"
+  checksum: 10/58321a85b375d39230405654721353f709d0c1442129e9a17081771b816302a012471a9b8f4864c7dbe02eef7f2aaac3c614795197092262e94b409c9be108f0
+  languageName: node
+  linkType: hard
+
+"compression@npm:^1.7.4":
+  version: 1.7.5
+  resolution: "compression@npm:1.7.5"
+  dependencies:
+    bytes: "npm:3.1.2"
+    compressible: "npm:~2.0.18"
+    debug: "npm:2.6.9"
+    negotiator: "npm:~0.6.4"
+    on-headers: "npm:~1.0.2"
+    safe-buffer: "npm:5.2.1"
+    vary: "npm:~1.1.2"
+  checksum: 10/c69cf6da151db6f9db2e242b6a0039ad41975ee886c385cff2920c5f8f7050678e0ee9a021437af033536c451791de529de376851b8d31fee42ca2d6adca03f0
+  languageName: node
+  linkType: hard
+
+"concat-map@npm:0.0.1":
+  version: 0.0.1
+  resolution: "concat-map@npm:0.0.1"
+  checksum: 10/9680699c8e2b3af0ae22592cb764acaf973f292a7b71b8a06720233011853a58e256c89216a10cbe889727532fd77f8bcd49a760cedfde271b8e006c20e079f2
+  languageName: node
+  linkType: hard
+
+"confbox@npm:^0.1.8":
+  version: 0.1.8
+  resolution: "confbox@npm:0.1.8"
+  checksum: 10/4ebcfb1c6a3b25276734ec5722e88768eb61fc02f98e11960b845c5c62bc27fd05f493d2a8244d9675b24ef95afe4c0d511cdcad02c72f5eeea463cc26687999
+  languageName: node
+  linkType: hard
+
+"connect@npm:^3.6.5, connect@npm:^3.7.0":
+  version: 3.7.0
+  resolution: "connect@npm:3.7.0"
+  dependencies:
+    debug: "npm:2.6.9"
+    finalhandler: "npm:1.1.2"
+    parseurl: "npm:~1.3.3"
+    utils-merge: "npm:1.0.1"
+  checksum: 10/f94818b198cc662092276ef6757dd825c59c8469c8064583525e7b81d39a3af86a01c7cb76107dfa0295dfc52b27a7ae1c40ea0e0a10189c3f8776cf08ce3a4e
+  languageName: node
+  linkType: hard
+
+"consola@npm:^3.2.3":
+  version: 3.2.3
+  resolution: "consola@npm:3.2.3"
+  checksum: 10/02972dcb048c337357a3628438e5976b8e45bcec22fdcfbe9cd17622992953c4d695d5152f141464a02deac769b1d23028e8ac87f56483838df7a6bbf8e0f5a2
+  languageName: node
+  linkType: hard
+
+"console-browserify@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "console-browserify@npm:1.2.0"
+  checksum: 10/4f16c471fa84909af6ae00527ce8d19dd9ed587eab85923c145cadfbc35414139f87e7bdd61746138e22cd9df45c2a1ca060370998c2c39f801d4a778105bac5
+  languageName: node
+  linkType: hard
+
+"constants-browserify@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "constants-browserify@npm:1.0.0"
+  checksum: 10/49ef0babd907616dddde6905b80fe44ad5948e1eaaf6cf65d5f23a8c60c029ff63a1198c364665be1d6b2cb183d7e12921f33049cc126734ade84a3cfdbc83f6
+  languageName: node
+  linkType: hard
+
+"convert-source-map@npm:^1.5.0, convert-source-map@npm:^1.7.0":
+  version: 1.9.0
+  resolution: "convert-source-map@npm:1.9.0"
+  checksum: 10/dc55a1f28ddd0e9485ef13565f8f756b342f9a46c4ae18b843fe3c30c675d058d6a4823eff86d472f187b176f0adf51ea7b69ea38be34be4a63cbbf91b0593c8
+  languageName: node
+  linkType: hard
+
+"convert-source-map@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "convert-source-map@npm:2.0.0"
+  checksum: 10/c987be3ec061348cdb3c2bfb924bec86dea1eacad10550a85ca23edb0fe3556c3a61c7399114f3331ccb3499d7fd0285ab24566e5745929412983494c3926e15
+  languageName: node
+  linkType: hard
+
+"cookie-es@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "cookie-es@npm:1.2.2"
+  checksum: 10/0fd742c11caa185928e450543f84df62d4b2c1fc7b5041196b57b7db04e1c6ac6585fb40e4f579a2819efefd2d6a9cbb4d17f71240d05f4dcd8f74ae81341a20
+  languageName: node
+  linkType: hard
+
+"cookie@npm:^0.7.2":
+  version: 0.7.2
+  resolution: "cookie@npm:0.7.2"
+  checksum: 10/24b286c556420d4ba4e9bc09120c9d3db7d28ace2bd0f8ccee82422ce42322f73c8312441271e5eefafbead725980e5996cc02766dbb89a90ac7f5636ede608f
+  languageName: node
+  linkType: hard
+
+"copy-anything@npm:^2.0.1":
+  version: 2.0.6
+  resolution: "copy-anything@npm:2.0.6"
+  dependencies:
+    is-what: "npm:^3.14.1"
+  checksum: 10/3b41be8f6322c2c13e93cde62a64d532f138f31d44ab85a3405d88601134afccc068be06534c162ed5c06b209788c423d7aaa50f1c34a92db81a1f8560d199eb
+  languageName: node
+  linkType: hard
+
+"core-js-compat@npm:^3.38.0, core-js-compat@npm:^3.38.1":
+  version: 3.39.0
+  resolution: "core-js-compat@npm:3.39.0"
+  dependencies:
+    browserslist: "npm:^4.24.2"
+  checksum: 10/82d5fcb54087f1fc174283c2d30b62908edc828537574f95bb49a5b7f235bcc88ba43f37dbe470c47e17fd9bc01cbc1db905062fd96ba65ff1a03c235f288aca
+  languageName: node
+  linkType: hard
+
+"core-js-compat@npm:^3.40.0":
+  version: 3.42.0
+  resolution: "core-js-compat@npm:3.42.0"
+  dependencies:
+    browserslist: "npm:^4.24.4"
+  checksum: 10/2052c73e500e95420d948a0595f4055e40ca6a208cc15c7981b7f202efa851bfae3de59a13009dc367cc5fbaeb8ff84a64c7c0bfc37de4b3bd2cf6b0e14290bd
+  languageName: node
+  linkType: hard
+
+"core-js-pure@npm:^3.23.3":
+  version: 3.39.0
+  resolution: "core-js-pure@npm:3.39.0"
+  checksum: 10/43922b14f9c928ec958fc444e70cfb429a21e3f842f03f67810faf29a99780fec20dc688f65ab3780d2b8a2f1ae8287464ec5adb396826e0374a4f2907b4b383
+  languageName: node
+  linkType: hard
+
+"core-util-is@npm:1.0.2":
+  version: 1.0.2
+  resolution: "core-util-is@npm:1.0.2"
+  checksum: 10/d0f7587346b44a1fe6c269267e037dd34b4787191e473c3e685f507229d88561c40eb18872fabfff02977301815d474300b7bfbd15396c13c5377393f7e87ec3
+  languageName: node
+  linkType: hard
+
+"core-util-is@npm:~1.0.0":
+  version: 1.0.3
+  resolution: "core-util-is@npm:1.0.3"
+  checksum: 10/9de8597363a8e9b9952491ebe18167e3b36e7707569eed0ebf14f8bba773611376466ae34575bca8cfe3c767890c859c74056084738f09d4e4a6f902b2ad7d99
+  languageName: node
+  linkType: hard
+
+"cosmiconfig@npm:^5.0.5":
+  version: 5.2.1
+  resolution: "cosmiconfig@npm:5.2.1"
+  dependencies:
+    import-fresh: "npm:^2.0.0"
+    is-directory: "npm:^0.3.1"
+    js-yaml: "npm:^3.13.1"
+    parse-json: "npm:^4.0.0"
+  checksum: 10/1d617668e1367b8d66617fb8a1bd8c13e9598534959ac0cc86195b1b0cbe7afbba2b9faa300c60b9d9d35409cf4f064b0f6e377f4ea036434e5250c69c76932f
+  languageName: node
+  linkType: hard
+
+"cosmiconfig@npm:^7.0.0, cosmiconfig@npm:^7.0.1":
+  version: 7.1.0
+  resolution: "cosmiconfig@npm:7.1.0"
+  dependencies:
+    "@types/parse-json": "npm:^4.0.0"
+    import-fresh: "npm:^3.2.1"
+    parse-json: "npm:^5.0.0"
+    path-type: "npm:^4.0.0"
+    yaml: "npm:^1.10.0"
+  checksum: 10/03600bb3870c80ed151b7b706b99a1f6d78df8f4bdad9c95485072ea13358ef294b13dd99f9e7bf4cc0b43bcd3599d40df7e648750d21c2f6817ca2cd687e071
+  languageName: node
+  linkType: hard
+
+"cosmiconfig@npm:^8.1.3":
+  version: 8.3.6
+  resolution: "cosmiconfig@npm:8.3.6"
+  dependencies:
+    import-fresh: "npm:^3.3.0"
+    js-yaml: "npm:^4.1.0"
+    parse-json: "npm:^5.2.0"
+    path-type: "npm:^4.0.0"
+  peerDependencies:
+    typescript: ">=4.9.5"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/91d082baca0f33b1c085bf010f9ded4af43cbedacba8821da0fb5667184d0a848addc52c31fadd080007f904a555319c238cf5f4c03e6d58ece2e4876b2e73d6
+  languageName: node
+  linkType: hard
+
+"cosmiconfig@npm:^9.0.0":
+  version: 9.0.0
+  resolution: "cosmiconfig@npm:9.0.0"
+  dependencies:
+    env-paths: "npm:^2.2.1"
+    import-fresh: "npm:^3.3.0"
+    js-yaml: "npm:^4.1.0"
+    parse-json: "npm:^5.2.0"
+  peerDependencies:
+    typescript: ">=4.9.5"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/8bdf1dfbb6fdb3755195b6886dc0649a3c742ec75afa4cb8da7b070936aed22a4f4e5b7359faafe03180358f311dbc300d248fd6586c458203d376a40cc77826
+  languageName: node
+  linkType: hard
+
+"crc-32@npm:^1.2.0":
+  version: 1.2.2
+  resolution: "crc-32@npm:1.2.2"
+  bin:
+    crc32: bin/crc32.njs
+  checksum: 10/824f696a5baaf617809aa9cd033313c8f94f12d15ebffa69f10202480396be44aef9831d900ab291638a8022ed91c360696dd5b1ba691eb3f34e60be8835b7c3
+  languageName: node
+  linkType: hard
+
+"create-ecdh@npm:^4.0.4":
+  version: 4.0.4
+  resolution: "create-ecdh@npm:4.0.4"
+  dependencies:
+    bn.js: "npm:^4.1.0"
+    elliptic: "npm:^6.5.3"
+  checksum: 10/0dd7fca9711d09e152375b79acf1e3f306d1a25ba87b8ff14c2fd8e68b83aafe0a7dd6c4e540c9ffbdd227a5fa1ad9b81eca1f233c38bb47770597ba247e614b
+  languageName: node
+  linkType: hard
+
+"create-hash@npm:^1.1.0, create-hash@npm:^1.1.2, create-hash@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "create-hash@npm:1.2.0"
+  dependencies:
+    cipher-base: "npm:^1.0.1"
+    inherits: "npm:^2.0.1"
+    md5.js: "npm:^1.3.4"
+    ripemd160: "npm:^2.0.1"
+    sha.js: "npm:^2.4.0"
+  checksum: 10/3cfef32043b47a8999602af9bcd74966db6971dd3eb828d1a479f3a44d7f58e38c1caf34aa21a01941cc8d9e1a841738a732f200f00ea155f8a8835133d2e7bc
+  languageName: node
+  linkType: hard
+
+"create-hmac@npm:^1.1.4, create-hmac@npm:^1.1.7":
+  version: 1.1.7
+  resolution: "create-hmac@npm:1.1.7"
+  dependencies:
+    cipher-base: "npm:^1.0.3"
+    create-hash: "npm:^1.1.0"
+    inherits: "npm:^2.0.1"
+    ripemd160: "npm:^2.0.0"
+    safe-buffer: "npm:^5.0.1"
+    sha.js: "npm:^2.4.8"
+  checksum: 10/2b26769f87e99ef72150bf99d1439d69272b2e510e23a2b8daf4e93e2412f4842504237d726044fa797cb20ee0ec8bee78d414b11f2d7ca93299185c93df0dae
+  languageName: node
+  linkType: hard
+
+"create-jest@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "create-jest@npm:29.7.0"
+  dependencies:
+    "@jest/types": "npm:^29.6.3"
+    chalk: "npm:^4.0.0"
+    exit: "npm:^0.1.2"
+    graceful-fs: "npm:^4.2.9"
+    jest-config: "npm:^29.7.0"
+    jest-util: "npm:^29.7.0"
+    prompts: "npm:^2.0.1"
+  bin:
+    create-jest: bin/create-jest.js
+  checksum: 10/847b4764451672b4174be4d5c6d7d63442ec3aa5f3de52af924e4d996d87d7801c18e125504f25232fc75840f6625b3ac85860fac6ce799b5efae7bdcaf4a2b7
+  languageName: node
+  linkType: hard
+
+"create-require@npm:^1.1.0":
+  version: 1.1.1
+  resolution: "create-require@npm:1.1.1"
+  checksum: 10/a9a1503d4390d8b59ad86f4607de7870b39cad43d929813599a23714831e81c520bddf61bcdd1f8e30f05fd3a2b71ae8538e946eb2786dc65c2bbc520f692eff
+  languageName: node
+  linkType: hard
+
+"cross-env@npm:^7.0.3":
+  version: 7.0.3
+  resolution: "cross-env@npm:7.0.3"
+  dependencies:
+    cross-spawn: "npm:^7.0.1"
+  bin:
+    cross-env: src/bin/cross-env.js
+    cross-env-shell: src/bin/cross-env-shell.js
+  checksum: 10/e99911f0d31c20e990fd92d6fd001f4b01668a303221227cc5cb42ed155f086351b1b3bd2699b200e527ab13011b032801f8ce638e6f09f854bdf744095e604c
+  languageName: node
+  linkType: hard
+
+"cross-fetch@npm:^3.1.4, cross-fetch@npm:^3.1.5":
+  version: 3.1.8
+  resolution: "cross-fetch@npm:3.1.8"
+  dependencies:
+    node-fetch: "npm:^2.6.12"
+  checksum: 10/ac8c4ca87d2ac0e17a19b6a293a67ee8934881aee5ec9a5a8323c30e9a9a60a0f5291d3c0d633ec2a2f970cbc60978d628804dfaf03add92d7e720b6d37f392c
+  languageName: node
+  linkType: hard
+
+"cross-fetch@npm:^4.0.0":
+  version: 4.1.0
+  resolution: "cross-fetch@npm:4.1.0"
+  dependencies:
+    node-fetch: "npm:^2.7.0"
+  checksum: 10/07624940607b64777d27ec9c668ddb6649e8c59ee0a5a10e63a51ce857e2bbb1294a45854a31c10eccb91b65909a5b199fcb0217339b44156f85900a7384f489
+  languageName: node
+  linkType: hard
+
+"cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.1, cross-spawn@npm:^7.0.3, cross-spawn@npm:^7.0.6":
+  version: 7.0.6
+  resolution: "cross-spawn@npm:7.0.6"
+  dependencies:
+    path-key: "npm:^3.1.0"
+    shebang-command: "npm:^2.0.0"
+    which: "npm:^2.0.1"
+  checksum: 10/0d52657d7ae36eb130999dffff1168ec348687b48dd38e2ff59992ed916c88d328cf1d07ff4a4a10bc78de5e1c23f04b306d569e42f7a2293915c081e4dfee86
+  languageName: node
+  linkType: hard
+
+"crossws@npm:>=0.2.0 <0.4.0":
+  version: 0.3.1
+  resolution: "crossws@npm:0.3.1"
+  dependencies:
+    uncrypto: "npm:^0.1.3"
+  checksum: 10/d358a58b364b3314a0e42ee66b1432c01d416128e53eda983eb121abdad5ff39831a1f1ea3e90e80157ceaa0fc925f5193c151b156aa62af9e0c9bcb2fb2a15a
+  languageName: node
+  linkType: hard
+
+"crypto-browserify@npm:^3.12.0":
+  version: 3.12.1
+  resolution: "crypto-browserify@npm:3.12.1"
+  dependencies:
+    browserify-cipher: "npm:^1.0.1"
+    browserify-sign: "npm:^4.2.3"
+    create-ecdh: "npm:^4.0.4"
+    create-hash: "npm:^1.2.0"
+    create-hmac: "npm:^1.1.7"
+    diffie-hellman: "npm:^5.0.3"
+    hash-base: "npm:~3.0.4"
+    inherits: "npm:^2.0.4"
+    pbkdf2: "npm:^3.1.2"
+    public-encrypt: "npm:^4.0.3"
+    randombytes: "npm:^2.1.0"
+    randomfill: "npm:^1.0.4"
+  checksum: 10/13da0b5f61b3e8e68fcbebf0394f2b2b4d35a0d0ba6ab762720c13391d3697ea42735260a26328a6a3d872be7d4cb5abe98a7a8f88bc93da7ba59b993331b409
+  languageName: node
+  linkType: hard
+
+"crypto-es@npm:^1.2.2":
+  version: 1.2.7
+  resolution: "crypto-es@npm:1.2.7"
+  checksum: 10/f043df5edf9814050f5c502c40d0c2de5ef76d8d3ae35b01776d2758a5bd1f1c23e8ba20bc5d01a8597193f30e2a0b458c12db5dbdf84e65b7d59ed1fa88cbab
+  languageName: node
+  linkType: hard
+
+"crypto-js@npm:4.2.0, crypto-js@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "crypto-js@npm:4.2.0"
+  checksum: 10/c7bcc56a6e01c3c397e95aa4a74e4241321f04677f9a618a8f48a63b5781617248afb9adb0629824792e7ec20ca0d4241a49b6b2938ae6f973ec4efc5c53c924
+  languageName: node
+  linkType: hard
+
+"crypto-random-string@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "crypto-random-string@npm:2.0.0"
+  checksum: 10/0283879f55e7c16fdceacc181f87a0a65c53bc16ffe1d58b9d19a6277adcd71900d02bb2c4843dd55e78c51e30e89b0fec618a7f170ebcc95b33182c28f05fd6
+  languageName: node
+  linkType: hard
+
+"css-in-js-utils@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "css-in-js-utils@npm:3.1.0"
+  dependencies:
+    hyphenate-style-name: "npm:^1.0.3"
+  checksum: 10/bd2f569f1870389004cfacfd7b798c0f40933d34af1f040c391a08322d097790b9a9524affb2ba4d26122e9cb8f4256afb59edb6077dbe607506944a9c673c67
+  languageName: node
+  linkType: hard
+
+"css-loader@npm:^6.7.1, css-loader@npm:^6.7.3":
+  version: 6.11.0
+  resolution: "css-loader@npm:6.11.0"
+  dependencies:
+    icss-utils: "npm:^5.1.0"
+    postcss: "npm:^8.4.33"
+    postcss-modules-extract-imports: "npm:^3.1.0"
+    postcss-modules-local-by-default: "npm:^4.0.5"
+    postcss-modules-scope: "npm:^3.2.0"
+    postcss-modules-values: "npm:^4.0.0"
+    postcss-value-parser: "npm:^4.2.0"
+    semver: "npm:^7.5.4"
+  peerDependencies:
+    "@rspack/core": 0.x || 1.x
+    webpack: ^5.0.0
+  peerDependenciesMeta:
+    "@rspack/core":
+      optional: true
+    webpack:
+      optional: true
+  checksum: 10/9e3665509f6786d46683de5c5f5c4bdd4aa62396b4017b41dbbb41ea5ada4012c80ee1e3302b79b504bc24da7fa69e3552d99006cecc953e0d9eef4a3053b929
+  languageName: node
+  linkType: hard
+
+"css-select@npm:^4.1.3":
+  version: 4.3.0
+  resolution: "css-select@npm:4.3.0"
+  dependencies:
+    boolbase: "npm:^1.0.0"
+    css-what: "npm:^6.0.1"
+    domhandler: "npm:^4.3.1"
+    domutils: "npm:^2.8.0"
+    nth-check: "npm:^2.0.1"
+  checksum: 10/8f7310c9af30ccaba8f72cb4a54d32232c53bf9ba05d019b693e16bfd7ba5df0affc1f4d74b1ee55923643d23b80a837eedcf60938c53356e479b04049ff9994
+  languageName: node
+  linkType: hard
+
+"css-select@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "css-select@npm:5.1.0"
+  dependencies:
+    boolbase: "npm:^1.0.0"
+    css-what: "npm:^6.1.0"
+    domhandler: "npm:^5.0.2"
+    domutils: "npm:^3.0.1"
+    nth-check: "npm:^2.0.1"
+  checksum: 10/d486b1e7eb140468218a5ab5af53257e01f937d2173ac46981f6b7de9c5283d55427a36715dc8decfc0c079cf89259ac5b41ef58f6e1a422eee44ab8bfdc78da
+  languageName: node
+  linkType: hard
+
+"css-tree@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "css-tree@npm:1.1.3"
+  dependencies:
+    mdn-data: "npm:2.0.14"
+    source-map: "npm:^0.6.1"
+  checksum: 10/29710728cc4b136f1e9b23ee1228ec403ec9f3d487bc94a9c5dbec563c1e08c59bc917dd6f82521a35e869ff655c298270f43ca673265005b0cd05b292eb05ab
+  languageName: node
+  linkType: hard
+
+"css-tree@npm:^2.3.1":
+  version: 2.3.1
+  resolution: "css-tree@npm:2.3.1"
+  dependencies:
+    mdn-data: "npm:2.0.30"
+    source-map-js: "npm:^1.0.1"
+  checksum: 10/e5e39b82eb4767c664fa5c2cd9968c8c7e6b7fd2c0079b52680a28466d851e2826d5e64699c449d933c0e8ca0554beca43c41a9fcb09fb6a46139d462dbdf0df
+  languageName: node
+  linkType: hard
+
+"css-tree@npm:~2.2.0":
+  version: 2.2.1
+  resolution: "css-tree@npm:2.2.1"
+  dependencies:
+    mdn-data: "npm:2.0.28"
+    source-map-js: "npm:^1.0.1"
+  checksum: 10/1959c4b0e268bf8db1b3a1776a5ba9ae3a464ccd1226bfa62799cb0a3d0039006e21fb95cec4dec9d687a9a9b90f692dff2d230b631527ece700f4bfb419aaf3
+  languageName: node
+  linkType: hard
+
+"css-what@npm:^6.0.1, css-what@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "css-what@npm:6.1.0"
+  checksum: 10/c67a3a2d0d81843af87f8bf0a4d0845b0f952377714abbb2884e48942409d57a2110eabee003609d02ee487b054614bdfcfc59ee265728ff105bd5aa221c1d0e
+  languageName: node
+  linkType: hard
+
+"css.escape@npm:^1.5.1":
+  version: 1.5.1
+  resolution: "css.escape@npm:1.5.1"
+  checksum: 10/f6d38088d870a961794a2580b2b2af1027731bb43261cfdce14f19238a88664b351cc8978abc20f06cc6bbde725699dec8deb6fe9816b139fc3f2af28719e774
+  languageName: node
+  linkType: hard
+
+"cssesc@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "cssesc@npm:3.0.0"
+  bin:
+    cssesc: bin/cssesc
+  checksum: 10/0e161912c1306861d8f46e1883be1cbc8b1b2879f0f509287c0db71796e4ddfb97ac96bdfca38f77f452e2c10554e1bb5678c99b07a5cf947a12778f73e47e12
+  languageName: node
+  linkType: hard
+
+"csso@npm:^5.0.5":
+  version: 5.0.5
+  resolution: "csso@npm:5.0.5"
+  dependencies:
+    css-tree: "npm:~2.2.0"
+  checksum: 10/4036fb2b9f8ed6b948349136b39e0b19ffb5edee934893a37b55e9a116186c4ae2a9d3ba66fbdbc07fa44a853fb478cd2d8733e4743473dcd364e7f21444ff34
+  languageName: node
+  linkType: hard
+
+"cssom@npm:^0.5.0":
+  version: 0.5.0
+  resolution: "cssom@npm:0.5.0"
+  checksum: 10/b502a315b1ce020a692036cc38cb36afa44157219b80deadfa040ab800aa9321fcfbecf02fd2e6ec87db169715e27978b4ab3701f916461e9cf7808899f23b54
+  languageName: node
+  linkType: hard
+
+"cssom@npm:~0.3.6":
+  version: 0.3.8
+  resolution: "cssom@npm:0.3.8"
+  checksum: 10/49eacc88077555e419646c0ea84ddc73c97e3a346ad7cb95e22f9413a9722d8964b91d781ce21d378bd5ae058af9a745402383fa4e35e9cdfd19654b63f892a9
+  languageName: node
+  linkType: hard
+
+"cssstyle@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "cssstyle@npm:2.3.0"
+  dependencies:
+    cssom: "npm:~0.3.6"
+  checksum: 10/46f7f05a153446c4018b0454ee1464b50f606cb1803c90d203524834b7438eb52f3b173ba0891c618f380ced34ee12020675dc0052a7f1be755fe4ebc27ee977
+  languageName: node
+  linkType: hard
+
+"csstype@npm:^3.0.2, csstype@npm:^3.1.3":
+  version: 3.1.3
+  resolution: "csstype@npm:3.1.3"
+  checksum: 10/f593cce41ff5ade23f44e77521e3a1bcc2c64107041e1bf6c3c32adc5187d0d60983292fda326154d20b01079e24931aa5b08e4467cc488b60bb1e7f6d478ade
+  languageName: node
+  linkType: hard
+
+"cypress-file-upload@npm:^5.0.8":
+  version: 5.0.8
+  resolution: "cypress-file-upload@npm:5.0.8"
+  peerDependencies:
+    cypress: ">3.0.0"
+  checksum: 10/c2f66b6de7572ef1b2c609bf76ad63831ee20d7a8a2f144eccc2a7a1fb21994c2f5524ad4921a731bbd2e362aa6ff932506fa8c93c875bc1c0edda383e1125ba
+  languageName: node
+  linkType: hard
+
+"cypress-visual-regression@npm:^5.2.2":
+  version: 5.2.2
+  resolution: "cypress-visual-regression@npm:5.2.2"
+  dependencies:
+    chalk: "npm:^4.1.2"
+    pixelmatch: "npm:^5.2.1"
+    pngjs: "npm:^6.0.0"
+    sanitize-filename: "npm:^1.6.3"
+  peerDependencies:
+    cypress: ">=12"
+  checksum: 10/93016a6983815696f83347821fffc4aa97471cb7e0fbac1caed94a628d92fb7fbad88ff2078f9406f8e6acbeaf3b9ea05f525bc900985e10343c5a8d564d4f67
+  languageName: node
+  linkType: hard
+
+"cypress@npm:^13.15.2":
+  version: 13.17.0
+  resolution: "cypress@npm:13.17.0"
+  dependencies:
+    "@cypress/request": "npm:^3.0.6"
+    "@cypress/xvfb": "npm:^1.2.4"
+    "@types/sinonjs__fake-timers": "npm:8.1.1"
+    "@types/sizzle": "npm:^2.3.2"
+    arch: "npm:^2.2.0"
+    blob-util: "npm:^2.0.2"
+    bluebird: "npm:^3.7.2"
+    buffer: "npm:^5.7.1"
+    cachedir: "npm:^2.3.0"
+    chalk: "npm:^4.1.0"
+    check-more-types: "npm:^2.24.0"
+    ci-info: "npm:^4.0.0"
+    cli-cursor: "npm:^3.1.0"
+    cli-table3: "npm:~0.6.1"
+    commander: "npm:^6.2.1"
+    common-tags: "npm:^1.8.0"
+    dayjs: "npm:^1.10.4"
+    debug: "npm:^4.3.4"
+    enquirer: "npm:^2.3.6"
+    eventemitter2: "npm:6.4.7"
+    execa: "npm:4.1.0"
+    executable: "npm:^4.1.1"
+    extract-zip: "npm:2.0.1"
+    figures: "npm:^3.2.0"
+    fs-extra: "npm:^9.1.0"
+    getos: "npm:^3.2.1"
+    is-installed-globally: "npm:~0.4.0"
+    lazy-ass: "npm:^1.6.0"
+    listr2: "npm:^3.8.3"
+    lodash: "npm:^4.17.21"
+    log-symbols: "npm:^4.0.0"
+    minimist: "npm:^1.2.8"
+    ospath: "npm:^1.2.2"
+    pretty-bytes: "npm:^5.6.0"
+    process: "npm:^0.11.10"
+    proxy-from-env: "npm:1.0.0"
+    request-progress: "npm:^3.0.0"
+    semver: "npm:^7.5.3"
+    supports-color: "npm:^8.1.1"
+    tmp: "npm:~0.2.3"
+    tree-kill: "npm:1.2.2"
+    untildify: "npm:^4.0.0"
+    yauzl: "npm:^2.10.0"
+  bin:
+    cypress: bin/cypress
+  checksum: 10/6c548e2adf7ae127365570680aa32015dbeb94cad30ce4f8a92e2e58d8ef7033b7f0ece50579a0a13eb07061feede0c813ff8d1e50e0feb87520dece5be4ba95
+  languageName: node
+  linkType: hard
+
+"d@npm:1, d@npm:^1.0.1, d@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "d@npm:1.0.2"
+  dependencies:
+    es5-ext: "npm:^0.10.64"
+    type: "npm:^2.7.2"
+  checksum: 10/a3f45ef964622f683f6a1cb9b8dcbd75ce490cd2f4ac9794099db3d8f0e2814d412d84cd3fe522e58feb1f273117bb480f29c5381f6225f0abca82517caaa77a
+  languageName: node
+  linkType: hard
+
+"damerau-levenshtein@npm:^1.0.8":
+  version: 1.0.8
+  resolution: "damerau-levenshtein@npm:1.0.8"
+  checksum: 10/f4eba1c90170f96be25d95fa3857141b5f81e254f7e4d530da929217b19990ea9a0390fc53d3c1cafac9152fda78e722ea4894f765cf6216be413b5af1fbf821
+  languageName: node
+  linkType: hard
+
+"dashdash@npm:^1.12.0":
+  version: 1.14.1
+  resolution: "dashdash@npm:1.14.1"
+  dependencies:
+    assert-plus: "npm:^1.0.0"
+  checksum: 10/137b287fa021201ce100cef772c8eeeaaafdd2aa7282864022acf3b873021e54cb809e9c060fa164840bf54ff72d00d6e2d8da1ee5a86d7200eeefa1123a8f7f
+  languageName: node
+  linkType: hard
+
+"data-urls@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "data-urls@npm:3.0.2"
+  dependencies:
+    abab: "npm:^2.0.6"
+    whatwg-mimetype: "npm:^3.0.0"
+    whatwg-url: "npm:^11.0.0"
+  checksum: 10/033fc3dd0fba6d24bc9a024ddcf9923691dd24f90a3d26f6545d6a2f71ec6956f93462f2cdf2183cc46f10dc01ed3bcb36731a8208456eb1a08147e571fe2a76
+  languageName: node
+  linkType: hard
+
+"data-view-buffer@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "data-view-buffer@npm:1.0.1"
+  dependencies:
+    call-bind: "npm:^1.0.6"
+    es-errors: "npm:^1.3.0"
+    is-data-view: "npm:^1.0.1"
+  checksum: 10/5919a39a18ee919573336158fd162fdf8ada1bc23a139f28543fd45fac48e0ea4a3ad3bfde91de124d4106e65c4a7525f6a84c20ba0797ec890a77a96d13a82a
+  languageName: node
+  linkType: hard
+
+"data-view-buffer@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "data-view-buffer@npm:1.0.2"
+  dependencies:
+    call-bound: "npm:^1.0.3"
+    es-errors: "npm:^1.3.0"
+    is-data-view: "npm:^1.0.2"
+  checksum: 10/c10b155a4e93999d3a215d08c23eea95f865e1f510b2e7748fcae1882b776df1afe8c99f483ace7fc0e5a3193ab08da138abebc9829d12003746c5a338c4d644
+  languageName: node
+  linkType: hard
+
+"data-view-byte-length@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "data-view-byte-length@npm:1.0.1"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    es-errors: "npm:^1.3.0"
+    is-data-view: "npm:^1.0.1"
+  checksum: 10/f33c65e58d8d0432ad79761f2e8a579818d724b5dc6dc4e700489b762d963ab30873c0f1c37d8f2ed12ef51c706d1195f64422856d25f067457aeec50cc40aac
+  languageName: node
+  linkType: hard
+
+"data-view-byte-length@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "data-view-byte-length@npm:1.0.2"
+  dependencies:
+    call-bound: "npm:^1.0.3"
+    es-errors: "npm:^1.3.0"
+    is-data-view: "npm:^1.0.2"
+  checksum: 10/2a47055fcf1ab3ec41b00b6f738c6461a841391a643c9ed9befec1117c1765b4d492661d97fb7cc899200c328949dca6ff189d2c6537d96d60e8a02dfe3c95f7
+  languageName: node
+  linkType: hard
+
+"data-view-byte-offset@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "data-view-byte-offset@npm:1.0.0"
+  dependencies:
+    call-bind: "npm:^1.0.6"
+    es-errors: "npm:^1.3.0"
+    is-data-view: "npm:^1.0.1"
+  checksum: 10/96f34f151bf02affb7b9f98762fb7aca1dd5f4553cb57b80bce750ca609c15d33ca659568ef1d422f7e35680736cbccb893a3d4b012760c758c1446bbdc4c6db
+  languageName: node
+  linkType: hard
+
+"data-view-byte-offset@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "data-view-byte-offset@npm:1.0.1"
+  dependencies:
+    call-bound: "npm:^1.0.2"
+    es-errors: "npm:^1.3.0"
+    is-data-view: "npm:^1.0.1"
+  checksum: 10/fa3bdfa0968bea6711ee50375094b39f561bce3f15f9e558df59de9c25f0bdd4cddc002d9c1d70ac7772ebd36854a7e22d1761e7302a934e6f1c2263bcf44aa2
+  languageName: node
+  linkType: hard
+
+"date-fns@npm:^2.30.0":
+  version: 2.30.0
+  resolution: "date-fns@npm:2.30.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.21.0"
+  checksum: 10/70b3e8ea7aaaaeaa2cd80bd889622a4bcb5d8028b4de9162cbcda359db06e16ff6e9309e54eead5341e71031818497f19aaf9839c87d1aba1e27bb4796e758a9
+  languageName: node
+  linkType: hard
+
+"date-fns@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "date-fns@npm:4.1.0"
+  checksum: 10/d5f6e9de5bbc52310f786099e18609289ed5e30af60a71e0646784c8185ddd1d0eebcf7c96b7faaaefc4a8366f3a3a4244d099b6d0866ee2bec80d1361e64342
+  languageName: node
+  linkType: hard
+
+"dayjs@npm:^1.10.4":
+  version: 1.11.13
+  resolution: "dayjs@npm:1.11.13"
+  checksum: 10/7374d63ab179b8d909a95e74790def25c8986e329ae989840bacb8b1888be116d20e1c4eee75a69ea0dfbae13172efc50ef85619d304ee7ca3c01d5878b704f5
+  languageName: node
+  linkType: hard
+
+"debounce@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "debounce@npm:1.2.1"
+  checksum: 10/0b95b2a9d80ed69117d890f8dab8c0f2d6066f8d20edd1d810ae51f8f366a6d4c8b1d56e97dcb9304e93d57de4d5db440d34a03def7dad50403fc3f22bf16808
+  languageName: node
+  linkType: hard
+
+"debug@npm:2.6.9, debug@npm:^2.2.0, debug@npm:^2.6.9":
+  version: 2.6.9
+  resolution: "debug@npm:2.6.9"
+  dependencies:
+    ms: "npm:2.0.0"
+  checksum: 10/e07005f2b40e04f1bd14a3dd20520e9c4f25f60224cb006ce9d6781732c917964e9ec029fc7f1a151083cd929025ad5133814d4dc624a9aaf020effe4914ed14
+  languageName: node
+  linkType: hard
+
+"debug@npm:4, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4, debug@npm:^4.3.5":
+  version: 4.3.7
+  resolution: "debug@npm:4.3.7"
+  dependencies:
+    ms: "npm:^2.1.3"
+  peerDependenciesMeta:
+    supports-color:
+      optional: true
+  checksum: 10/71168908b9a78227ab29d5d25fe03c5867750e31ce24bf2c44a86efc5af041758bb56569b0a3d48a9b5344c00a24a777e6f4100ed6dfd9534a42c1dde285125a
+  languageName: node
+  linkType: hard
+
+"debug@npm:^3.1.0, debug@npm:^3.2.7":
+  version: 3.2.7
+  resolution: "debug@npm:3.2.7"
+  dependencies:
+    ms: "npm:^2.1.1"
+  checksum: 10/d86fd7be2b85462297ea16f1934dc219335e802f629ca9a69b63ed8ed041dda492389bb2ee039217c02e5b54792b1c51aa96ae954cf28634d363a2360c7a1639
+  languageName: node
+  linkType: hard
+
+"debug@npm:^4.0.0, debug@npm:^4.3.7, debug@npm:^4.4.0, debug@npm:~4.4.0":
+  version: 4.4.0
+  resolution: "debug@npm:4.4.0"
+  dependencies:
+    ms: "npm:^2.1.3"
+  peerDependenciesMeta:
+    supports-color:
+      optional: true
+  checksum: 10/1847944c2e3c2c732514b93d11886575625686056cd765336212dc15de2d2b29612b6cd80e1afba767bb8e1803b778caf9973e98169ef1a24a7a7009e1820367
+  languageName: node
+  linkType: hard
+
+"decamelize-keys@npm:^1.1.0":
+  version: 1.1.1
+  resolution: "decamelize-keys@npm:1.1.1"
+  dependencies:
+    decamelize: "npm:^1.1.0"
+    map-obj: "npm:^1.0.0"
+  checksum: 10/71d5898174f17a8d2303cecc98ba0236e842948c4d042a8180d5e749be8442220bca2d16dd93bebd7b49e86c807814273212e4da0fae67be7c58c282ff76057a
+  languageName: node
+  linkType: hard
+
+"decamelize@npm:^1.1.0, decamelize@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "decamelize@npm:1.2.0"
+  checksum: 10/ad8c51a7e7e0720c70ec2eeb1163b66da03e7616d7b98c9ef43cce2416395e84c1e9548dd94f5f6ffecfee9f8b94251fc57121a8b021f2ff2469b2bae247b8aa
+  languageName: node
+  linkType: hard
+
+"decimal.js@npm:10, decimal.js@npm:^10.4.3":
+  version: 10.5.0
+  resolution: "decimal.js@npm:10.5.0"
+  checksum: 10/714d49cf2f2207b268221795ede330e51452b7c451a0c02a770837d2d4faed47d603a729c2aa1d952eb6c4102d999e91c9b952c1aa016db3c5cba9fc8bf4cda2
+  languageName: node
+  linkType: hard
+
+"decimal.js@npm:^10.4.2":
+  version: 10.4.3
+  resolution: "decimal.js@npm:10.4.3"
+  checksum: 10/de663a7bc4d368e3877db95fcd5c87b965569b58d16cdc4258c063d231ca7118748738df17cd638f7e9dd0be8e34cec08d7234b20f1f2a756a52fc5a38b188d0
+  languageName: node
+  linkType: hard
+
+"decode-named-character-reference@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "decode-named-character-reference@npm:1.0.2"
+  dependencies:
+    character-entities: "npm:^2.0.0"
+  checksum: 10/f4c71d3b93105f20076052f9cb1523a22a9c796b8296cd35eef1ca54239c78d182c136a848b83ff8da2071e3ae2b1d300bf29d00650a6d6e675438cc31b11d78
+  languageName: node
+  linkType: hard
+
+"decode-uri-component@npm:^0.2.2":
+  version: 0.2.2
+  resolution: "decode-uri-component@npm:0.2.2"
+  checksum: 10/17a0e5fa400bf9ea84432226e252aa7b5e72793e16bf80b907c99b46a799aeacc139ec20ea57121e50c7bd875a1a4365928f884e92abf02e21a5a13790a0f33e
+  languageName: node
+  linkType: hard
+
+"dedent@npm:^0.7.0":
+  version: 0.7.0
+  resolution: "dedent@npm:0.7.0"
+  checksum: 10/87de191050d9a40dd70cad01159a0bcf05ecb59750951242070b6abf9569088684880d00ba92a955b4058804f16eeaf91d604f283929b4f614d181cd7ae633d2
+  languageName: node
+  linkType: hard
+
+"dedent@npm:^1.0.0, dedent@npm:^1.5.1":
+  version: 1.5.3
+  resolution: "dedent@npm:1.5.3"
+  peerDependencies:
+    babel-plugin-macros: ^3.1.0
+  peerDependenciesMeta:
+    babel-plugin-macros:
+      optional: true
+  checksum: 10/e5277f6268f288649503125b781a7b7a2c9b22d011139688c0b3619fe40121e600eb1f077c891938d4b2428bdb6326cc3c77a763e4b1cc681bd9666ab1bad2a1
+  languageName: node
+  linkType: hard
+
+"deep-eql@npm:^5.0.1":
+  version: 5.0.2
+  resolution: "deep-eql@npm:5.0.2"
+  checksum: 10/a529b81e2ef8821621d20a36959a0328873a3e49d393ad11f8efe8559f31239494c2eb889b80342808674c475802ba95b9d6c4c27641b9a029405104c1b59fcf
+  languageName: node
+  linkType: hard
+
+"deep-equal@npm:^1.0.1":
+  version: 1.1.2
+  resolution: "deep-equal@npm:1.1.2"
+  dependencies:
+    is-arguments: "npm:^1.1.1"
+    is-date-object: "npm:^1.0.5"
+    is-regex: "npm:^1.1.4"
+    object-is: "npm:^1.1.5"
+    object-keys: "npm:^1.1.1"
+    regexp.prototype.flags: "npm:^1.5.1"
+  checksum: 10/c9d2ed2a0d93a2ee286bdb320cd51c78cd4c310b2161d1ede6476b67ca1d73860e7ff63b10927830aa4b9eca2a48073cfa54c8c4a1b2246397bda618c2138e97
+  languageName: node
+  linkType: hard
+
+"deep-extend@npm:^0.6.0, deep-extend@npm:~0.6.0":
+  version: 0.6.0
+  resolution: "deep-extend@npm:0.6.0"
+  checksum: 10/7be7e5a8d468d6b10e6a67c3de828f55001b6eb515d014f7aeb9066ce36bd5717161eb47d6a0f7bed8a9083935b465bc163ee2581c8b128d29bf61092fdf57a7
+  languageName: node
+  linkType: hard
+
+"deep-is@npm:^0.1.3":
+  version: 0.1.4
+  resolution: "deep-is@npm:0.1.4"
+  checksum: 10/ec12d074aef5ae5e81fa470b9317c313142c9e8e2afe3f8efa124db309720db96d1d222b82b84c834e5f87e7a614b44a4684b6683583118b87c833b3be40d4d8
+  languageName: node
+  linkType: hard
+
+"deepmerge@npm:^4.2.2, deepmerge@npm:^4.3.0, deepmerge@npm:^4.3.1":
+  version: 4.3.1
+  resolution: "deepmerge@npm:4.3.1"
+  checksum: 10/058d9e1b0ff1a154468bf3837aea436abcfea1ba1d165ddaaf48ca93765fdd01a30d33c36173da8fbbed951dd0a267602bc782fe288b0fc4b7e1e7091afc4529
+  languageName: node
+  linkType: hard
+
+"defaults@npm:^1.0.3":
+  version: 1.0.4
+  resolution: "defaults@npm:1.0.4"
+  dependencies:
+    clone: "npm:^1.0.2"
+  checksum: 10/3a88b7a587fc076b84e60affad8b85245c01f60f38fc1d259e7ac1d89eb9ce6abb19e27215de46b98568dd5bc48471730b327637e6f20b0f1bc85cf00440c80a
+  languageName: node
+  linkType: hard
+
+"define-data-property@npm:^1.0.1, define-data-property@npm:^1.1.4":
+  version: 1.1.4
+  resolution: "define-data-property@npm:1.1.4"
+  dependencies:
+    es-define-property: "npm:^1.0.0"
+    es-errors: "npm:^1.3.0"
+    gopd: "npm:^1.0.1"
+  checksum: 10/abdcb2505d80a53524ba871273e5da75e77e52af9e15b3aa65d8aad82b8a3a424dad7aee2cc0b71470ac7acf501e08defac362e8b6a73cdb4309f028061df4ae
+  languageName: node
+  linkType: hard
+
+"define-lazy-prop@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "define-lazy-prop@npm:2.0.0"
+  checksum: 10/0115fdb065e0490918ba271d7339c42453d209d4cb619dfe635870d906731eff3e1ade8028bb461ea27ce8264ec5e22c6980612d332895977e89c1bbc80fcee2
+  languageName: node
+  linkType: hard
+
+"define-properties@npm:^1.1.3, define-properties@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "define-properties@npm:1.2.1"
+  dependencies:
+    define-data-property: "npm:^1.0.1"
+    has-property-descriptors: "npm:^1.0.0"
+    object-keys: "npm:^1.1.1"
+  checksum: 10/b4ccd00597dd46cb2d4a379398f5b19fca84a16f3374e2249201992f36b30f6835949a9429669ee6b41b6e837205a163eadd745e472069e70dfc10f03e5fcc12
+  languageName: node
+  linkType: hard
+
+"defu@npm:^6.1.4":
+  version: 6.1.4
+  resolution: "defu@npm:6.1.4"
+  checksum: 10/aeffdb47300f45b4fdef1c5bd3880ac18ea7a1fd5b8a8faf8df29350ff03bf16dd34f9800205cab513d476e4c0a3783aa0cff0a433aff0ac84a67ddc4c8a2d64
+  languageName: node
+  linkType: hard
+
+"delayed-stream@npm:~1.0.0":
+  version: 1.0.0
+  resolution: "delayed-stream@npm:1.0.0"
+  checksum: 10/46fe6e83e2cb1d85ba50bd52803c68be9bd953282fa7096f51fc29edd5d67ff84ff753c51966061e5ba7cb5e47ef6d36a91924eddb7f3f3483b1c560f77a0020
+  languageName: node
+  linkType: hard
+
+"depd@npm:2.0.0":
+  version: 2.0.0
+  resolution: "depd@npm:2.0.0"
+  checksum: 10/c0c8ff36079ce5ada64f46cc9d6fd47ebcf38241105b6e0c98f412e8ad91f084bcf906ff644cc3a4bd876ca27a62accb8b0fff72ea6ed1a414b89d8506f4a5ca
+  languageName: node
+  linkType: hard
+
+"dequal@npm:2.0.3, dequal@npm:^2.0.0, dequal@npm:^2.0.2, dequal@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "dequal@npm:2.0.3"
+  checksum: 10/6ff05a7561f33603df87c45e389c9ac0a95e3c056be3da1a0c4702149e3a7f6fe5ffbb294478687ba51a9e95f3a60e8b6b9005993acd79c292c7d15f71964b6b
+  languageName: node
+  linkType: hard
+
+"des.js@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "des.js@npm:1.1.0"
+  dependencies:
+    inherits: "npm:^2.0.1"
+    minimalistic-assert: "npm:^1.0.0"
+  checksum: 10/d35fc82b5a0b2127b12699212e90b54ddd8134e0cf8d27a8c30507ed3572aa574ab71800cbb473769128a52dcf21acc3271c5c359508a5aa772e990df3b1a698
+  languageName: node
+  linkType: hard
+
+"destr@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "destr@npm:2.0.3"
+  checksum: 10/dbb756baa876810ec0ca4bcb702d86cc3b480ed14f36bf5747718ed211f96bca5520b63a4109eb181ad940ee2a645677d9a63d4a0ed11a7510619dae97317201
+  languageName: node
+  linkType: hard
+
+"destroy@npm:1.2.0":
+  version: 1.2.0
+  resolution: "destroy@npm:1.2.0"
+  checksum: 10/0acb300b7478a08b92d810ab229d5afe0d2f4399272045ab22affa0d99dbaf12637659411530a6fcd597a9bdac718fc94373a61a95b4651bbc7b83684a565e38
+  languageName: node
+  linkType: hard
+
+"detect-browser@npm:5.3.0":
+  version: 5.3.0
+  resolution: "detect-browser@npm:5.3.0"
+  checksum: 10/4a8551e1f5170633c9aa976f16c57f81f1044d071b2eb853c572bd817bf9cd0cc90c9c520d950edb5accd31b1b0c8ddb7a96e82040b0b5579f9f09c77446a117
+  languageName: node
+  linkType: hard
+
+"detect-europe-js@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "detect-europe-js@npm:0.1.2"
+  checksum: 10/3d6dcf6ac451baa3050ff00e05cf1841e208bc4f27c69ec2c8df5fdf2375403cf2911f8059c9c18f258d7e176c8d308e4e0e8552500d0e30a9e95a514366ef13
+  languageName: node
+  linkType: hard
+
+"detect-libc@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "detect-libc@npm:1.0.3"
+  bin:
+    detect-libc: ./bin/detect-libc.js
+  checksum: 10/3849fe7720feb153e4ac9407086956e073f1ce1704488290ef0ca8aab9430a8d48c8a9f8351889e7cdc64e5b1128589501e4fef48f3a4a49ba92cd6d112d0757
+  languageName: node
+  linkType: hard
+
+"detect-libc@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "detect-libc@npm:2.0.3"
+  checksum: 10/b4ea018d623e077bd395f168a9e81db77370dde36a5b01d067f2ad7989924a81d31cb547ff764acb2aa25d50bb7fdde0b0a93bec02212b0cb430621623246d39
+  languageName: node
+  linkType: hard
+
+"detect-newline@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "detect-newline@npm:3.1.0"
+  checksum: 10/ae6cd429c41ad01b164c59ea36f264a2c479598e61cba7c99da24175a7ab80ddf066420f2bec9a1c57a6bead411b4655ff15ad7d281c000a89791f48cbe939e7
+  languageName: node
+  linkType: hard
+
+"detect-node-es@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "detect-node-es@npm:1.1.0"
+  checksum: 10/e46307d7264644975b71c104b9f028ed1d3d34b83a15b8a22373640ce5ea630e5640b1078b8ea15f202b54641da71e4aa7597093bd4b91f113db520a26a37449
+  languageName: node
+  linkType: hard
+
+"devlop@npm:^1.0.0, devlop@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "devlop@npm:1.1.0"
+  dependencies:
+    dequal: "npm:^2.0.0"
+  checksum: 10/3cc5f903d02d279d6dc4aa71ab6ed9898b9f4d1f861cc5421ce7357893c21b9520de78afb203c92bd650a6977ad0ca98195453a0707a39958cf5fea3b0a8ddd8
+  languageName: node
+  linkType: hard
+
+"diff-sequences@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "diff-sequences@npm:29.6.3"
+  checksum: 10/179daf9d2f9af5c57ad66d97cb902a538bcf8ed64963fa7aa0c329b3de3665ce2eb6ffdc2f69f29d445fa4af2517e5e55e5b6e00c00a9ae4f43645f97f7078cb
+  languageName: node
+  linkType: hard
+
+"diff@npm:^4.0.1":
+  version: 4.0.2
+  resolution: "diff@npm:4.0.2"
+  checksum: 10/ec09ec2101934ca5966355a229d77afcad5911c92e2a77413efda5455636c4cf2ce84057e2d7715227a2eeeda04255b849bd3ae3a4dd22eb22e86e76456df069
+  languageName: node
+  linkType: hard
+
+"diffie-hellman@npm:^5.0.3":
+  version: 5.0.3
+  resolution: "diffie-hellman@npm:5.0.3"
+  dependencies:
+    bn.js: "npm:^4.1.0"
+    miller-rabin: "npm:^4.0.0"
+    randombytes: "npm:^2.0.0"
+  checksum: 10/2ff28231f93b27a4903461432d2de831df02e3568ea7633d5d7b6167eb73077f823b2bca26de6ba4f5c7ecd10a3df5aa94d376d136ab6209948c03cc4e4ac1fe
+  languageName: node
+  linkType: hard
+
+"dijkstrajs@npm:^1.0.1":
+  version: 1.0.3
+  resolution: "dijkstrajs@npm:1.0.3"
+  checksum: 10/0d8429699a6d5897ed371de494ef3c7072e8052b42abbd978e686a9b8689e70af005fa3e93e93263ee3653673ff5f89c36db830a57ae7c2e088cb9c496307507
+  languageName: node
+  linkType: hard
+
+"dir-glob@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "dir-glob@npm:3.0.1"
+  dependencies:
+    path-type: "npm:^4.0.0"
+  checksum: 10/fa05e18324510d7283f55862f3161c6759a3f2f8dbce491a2fc14c8324c498286c54282c1f0e933cb930da8419b30679389499b919122952a4f8592362ef4615
+  languageName: node
+  linkType: hard
+
+"doctrine@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "doctrine@npm:2.1.0"
+  dependencies:
+    esutils: "npm:^2.0.2"
+  checksum: 10/555684f77e791b17173ea86e2eea45ef26c22219cb64670669c4f4bebd26dbc95cd90ec1f4159e9349a6bb9eb892ce4dde8cd0139e77bedd8bf4518238618474
+  languageName: node
+  linkType: hard
+
+"doctrine@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "doctrine@npm:3.0.0"
+  dependencies:
+    esutils: "npm:^2.0.2"
+  checksum: 10/b4b28f1df5c563f7d876e7461254a4597b8cabe915abe94d7c5d1633fed263fcf9a85e8d3836591fc2d040108e822b0d32758e5ec1fe31c590dc7e08086e3e48
+  languageName: node
+  linkType: hard
+
+"dom-accessibility-api@npm:^0.5.9":
+  version: 0.5.16
+  resolution: "dom-accessibility-api@npm:0.5.16"
+  checksum: 10/377b4a7f9eae0a5d72e1068c369c99e0e4ca17fdfd5219f3abd32a73a590749a267475a59d7b03a891f9b673c27429133a818c44b2e47e32fec024b34274e2ca
+  languageName: node
+  linkType: hard
+
+"dom-accessibility-api@npm:^0.6.3":
+  version: 0.6.3
+  resolution: "dom-accessibility-api@npm:0.6.3"
+  checksum: 10/83d3371f8226487fbad36e160d44f1d9017fb26d46faba6a06fcad15f34633fc827b8c3e99d49f71d5f3253d866e2131826866fd0a3c86626f8eccfc361881ff
+  languageName: node
+  linkType: hard
+
+"dom-converter@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "dom-converter@npm:0.2.0"
+  dependencies:
+    utila: "npm:~0.4"
+  checksum: 10/71b22f56bce6255a963694a72860a99f08763cf500f02ff38ce4c7489f95b07e7a0069f10b04c7d200e21375474abe01232833ca1600f104bdee7173e493a5b9
+  languageName: node
+  linkType: hard
+
+"dom-helpers@npm:^5.0.1":
+  version: 5.2.1
+  resolution: "dom-helpers@npm:5.2.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.8.7"
+    csstype: "npm:^3.0.2"
+  checksum: 10/bed2341adf8864bf932b3289c24f35fdd99930af77df46688abf2d753ff291df49a15850c874d686d9be6ec4e1c6835673906e64dbd8b2839d227f117a11fd41
+  languageName: node
+  linkType: hard
+
+"dom-serializer@npm:^1.0.1":
+  version: 1.4.1
+  resolution: "dom-serializer@npm:1.4.1"
+  dependencies:
+    domelementtype: "npm:^2.0.1"
+    domhandler: "npm:^4.2.0"
+    entities: "npm:^2.0.0"
+  checksum: 10/53b217bcfed4a0f90dd47f34f239b1c81fff53ffa39d164d722325817fdb554903b145c2d12c8421ce0df7d31c1b180caf7eacd3c86391dd925f803df8027dcc
+  languageName: node
+  linkType: hard
+
+"dom-serializer@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "dom-serializer@npm:2.0.0"
+  dependencies:
+    domelementtype: "npm:^2.3.0"
+    domhandler: "npm:^5.0.2"
+    entities: "npm:^4.2.0"
+  checksum: 10/e3bf9027a64450bca0a72297ecdc1e3abb7a2912268a9f3f5d33a2e29c1e2c3502c6e9f860fc6625940bfe0cfb57a44953262b9e94df76872fdfb8151097eeb3
+  languageName: node
+  linkType: hard
+
+"domain-browser@npm:^4.22.0":
+  version: 4.23.0
+  resolution: "domain-browser@npm:4.23.0"
+  checksum: 10/56d5a969ed330a16aa6f03f26e7ba3b98e07c7ce4a77d08f987e9e424f1deca009070ed9bd24011d9b863499dcba95de4d679bba77aef346ee23230e570ab9cf
+  languageName: node
+  linkType: hard
+
+"domelementtype@npm:^2.0.1, domelementtype@npm:^2.2.0, domelementtype@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "domelementtype@npm:2.3.0"
+  checksum: 10/ee837a318ff702622f383409d1f5b25dd1024b692ef64d3096ff702e26339f8e345820f29a68bcdcea8cfee3531776b3382651232fbeae95612d6f0a75efb4f6
+  languageName: node
+  linkType: hard
+
+"domexception@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "domexception@npm:1.0.1"
+  dependencies:
+    webidl-conversions: "npm:^4.0.2"
+  checksum: 10/1cf5a22ffe5aeab51a2235b882c688719ed22112bf83758410bd64f5dfd1f24e53132f355b930be18e57bcd05857ba74967cf8977d6be5b9d7945b15acdee9bc
+  languageName: node
+  linkType: hard
+
+"domexception@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "domexception@npm:4.0.0"
+  dependencies:
+    webidl-conversions: "npm:^7.0.0"
+  checksum: 10/4ed443227d2871d76c58d852b2e93c68e0443815b2741348f20881bedee8c1ad4f9bfc5d30c7dec433cd026b57da63407c010260b1682fef4c8847e7181ea43f
+  languageName: node
+  linkType: hard
+
+"domhandler@npm:^4.0.0, domhandler@npm:^4.2.0, domhandler@npm:^4.3.1":
+  version: 4.3.1
+  resolution: "domhandler@npm:4.3.1"
+  dependencies:
+    domelementtype: "npm:^2.2.0"
+  checksum: 10/e0d2af7403997a3ca040a9ace4a233b75ebe321e0ef628b417e46d619d65d47781b2f2038b6c2ef6e56e73e66aec99caf6a12c7e687ecff18ef74af6dfbde5de
+  languageName: node
+  linkType: hard
+
+"domhandler@npm:^5.0.2, domhandler@npm:^5.0.3":
+  version: 5.0.3
+  resolution: "domhandler@npm:5.0.3"
+  dependencies:
+    domelementtype: "npm:^2.3.0"
+  checksum: 10/809b805a50a9c6884a29f38aec0a4e1b4537f40e1c861950ed47d10b049febe6b79ab72adaeeebb3cc8fc1cd33f34e97048a72a9265103426d93efafa78d3e96
+  languageName: node
+  linkType: hard
+
+"domutils@npm:^2.5.2, domutils@npm:^2.8.0":
+  version: 2.8.0
+  resolution: "domutils@npm:2.8.0"
+  dependencies:
+    dom-serializer: "npm:^1.0.1"
+    domelementtype: "npm:^2.2.0"
+    domhandler: "npm:^4.2.0"
+  checksum: 10/1f316a03f00b09a8893d4a25d297d5cbffd02c564509dede28ef72d5ce38d93f6d61f1de88d439f31b14a1d9b42f587ed711b9e8b1b4d3bf6001399832bfc4e0
+  languageName: node
+  linkType: hard
+
+"domutils@npm:^3.0.1":
+  version: 3.1.0
+  resolution: "domutils@npm:3.1.0"
+  dependencies:
+    dom-serializer: "npm:^2.0.0"
+    domelementtype: "npm:^2.3.0"
+    domhandler: "npm:^5.0.3"
+  checksum: 10/9a169a6e57ac4c738269a73ab4caf785114ed70e46254139c1bbc8144ac3102aacb28a6149508395ae34aa5d6a40081f4fa5313855dc8319c6d8359866b6dfea
+  languageName: node
+  linkType: hard
+
+"domutils@npm:^3.1.0":
+  version: 3.2.2
+  resolution: "domutils@npm:3.2.2"
+  dependencies:
+    dom-serializer: "npm:^2.0.0"
+    domelementtype: "npm:^2.3.0"
+    domhandler: "npm:^5.0.3"
+  checksum: 10/2e08842151aa406f50fe5e6d494f4ec73c2373199fa00d1f77b56ec604e566b7f226312ae35ab8160bb7f27a27c7285d574c8044779053e499282ca9198be210
+  languageName: node
+  linkType: hard
+
+"dot-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "dot-case@npm:3.0.4"
+  dependencies:
+    no-case: "npm:^3.0.4"
+    tslib: "npm:^2.0.3"
+  checksum: 10/a65e3519414856df0228b9f645332f974f2bf5433370f544a681122eab59e66038fc3349b4be1cdc47152779dac71a5864f1ccda2f745e767c46e9c6543b1169
+  languageName: node
+  linkType: hard
+
+"dotenv-expand@npm:~11.0.6":
+  version: 11.0.7
+  resolution: "dotenv-expand@npm:11.0.7"
+  dependencies:
+    dotenv: "npm:^16.4.5"
+  checksum: 10/1cd981e2b925e746919e9fca16fa5e953955d021b5d5fea0a4ae96dc61fcc76bc95874e7730f8ceca22f5e3df5a47eb1fc626c3f45e98019ceba54fd58521971
+  languageName: node
+  linkType: hard
+
+"dotenv@npm:^16.0.3, dotenv@npm:^16.4.5, dotenv@npm:~16.4.5":
+  version: 16.4.7
+  resolution: "dotenv@npm:16.4.7"
+  checksum: 10/f13bfe97db88f0df4ec505eeffb8925ec51f2d56a3d0b6d916964d8b4af494e6fb1633ba5d09089b552e77ab2a25de58d70259b2c5ed45ec148221835fc99a0c
+  languageName: node
+  linkType: hard
+
+"drbg.js@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "drbg.js@npm:1.0.1"
+  dependencies:
+    browserify-aes: "npm:^1.0.6"
+    create-hash: "npm:^1.1.2"
+    create-hmac: "npm:^1.1.4"
+  checksum: 10/a50e770cf641ec364f6b8de8e955c63e0db59f0af6525cc0306f392f4361427e37bf5c74373b31589b24e98d523acc7bbab4c8ee421bc35a2a8a82fe6e06ce95
+  languageName: node
+  linkType: hard
+
+"dunder-proto@npm:^1.0.0, dunder-proto@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "dunder-proto@npm:1.0.1"
+  dependencies:
+    call-bind-apply-helpers: "npm:^1.0.1"
+    es-errors: "npm:^1.3.0"
+    gopd: "npm:^1.2.0"
+  checksum: 10/5add88a3d68d42d6e6130a0cac450b7c2edbe73364bbd2fc334564418569bea97c6943a8fcd70e27130bf32afc236f30982fc4905039b703f23e9e0433c29934
+  languageName: node
+  linkType: hard
+
+"duplexer2@npm:^0.1.2":
+  version: 0.1.4
+  resolution: "duplexer2@npm:0.1.4"
+  dependencies:
+    readable-stream: "npm:^2.0.2"
+  checksum: 10/f60ff8b8955f992fd9524516e82faa5662d7aca5b99ee71c50bbbe1a3c970fafacb35d526d8b05cef8c08be56eed3663c096c50626c3c3651a52af36c408bf4d
+  languageName: node
+  linkType: hard
+
+"duplexer@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "duplexer@npm:0.1.2"
+  checksum: 10/62ba61a830c56801db28ff6305c7d289b6dc9f859054e8c982abd8ee0b0a14d2e9a8e7d086ffee12e868d43e2bbe8a964be55ddbd8c8957714c87373c7a4f9b0
+  languageName: node
+  linkType: hard
+
+"duplexify@npm:^4.1.2":
+  version: 4.1.3
+  resolution: "duplexify@npm:4.1.3"
+  dependencies:
+    end-of-stream: "npm:^1.4.1"
+    inherits: "npm:^2.0.3"
+    readable-stream: "npm:^3.1.1"
+    stream-shift: "npm:^1.0.2"
+  checksum: 10/b44b98ba0ffac3a658b4b1bf877219e996db288c5ae6f3dc55ca9b2cbef7df60c10eabfdd947f3d73a623eb9975a74a66d6d61e6f26bff90155315adb362aa77
+  languageName: node
+  linkType: hard
+
+"eastasianwidth@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "eastasianwidth@npm:0.2.0"
+  checksum: 10/9b1d3e1baefeaf7d70799db8774149cef33b97183a6addceeba0cf6b85ba23ee2686f302f14482006df32df75d32b17c509c143a3689627929e4a8efaf483952
+  languageName: node
+  linkType: hard
+
+"ecc-jsbn@npm:~0.1.1":
+  version: 0.1.2
+  resolution: "ecc-jsbn@npm:0.1.2"
+  dependencies:
+    jsbn: "npm:~0.1.0"
+    safer-buffer: "npm:^2.1.0"
+  checksum: 10/d43591f2396196266e186e6d6928038cc11c76c3699a912cb9c13757060f7bbc7f17f47c4cb16168cdeacffc7965aef021142577e646fb3cb88810c15173eb57
+  languageName: node
+  linkType: hard
+
+"eccrypto@npm:1.1.6":
+  version: 1.1.6
+  resolution: "eccrypto@npm:1.1.6"
+  dependencies:
+    acorn: "npm:7.1.1"
+    elliptic: "npm:6.5.4"
+    es6-promise: "npm:4.2.8"
+    nan: "npm:2.14.0"
+    node-gyp: "npm:latest"
+    secp256k1: "npm:3.7.1"
+  dependenciesMeta:
+    secp256k1:
+      optional: true
+  checksum: 10/8d446da662ab31134f73a9438dabcc350e551de2c4969e1e1f7c14c85ffeee3d8fc1ad58877442546bea427dfcbb53181a55afe70409537ce9809701404f1b17
+  languageName: node
+  linkType: hard
+
+"ecdsa-sig-formatter@npm:1.0.11":
+  version: 1.0.11
+  resolution: "ecdsa-sig-formatter@npm:1.0.11"
+  dependencies:
+    safe-buffer: "npm:^5.0.1"
+  checksum: 10/878e1aab8a42773320bc04c6de420bee21aebd71810e40b1799880a8a1c4594bcd6adc3d4213a0fb8147d4c3f529d8f9a618d7f59ad5a9a41b142058aceda23f
+  languageName: node
+  linkType: hard
+
+"edit-json-file@npm:^1.7.0":
+  version: 1.8.0
+  resolution: "edit-json-file@npm:1.8.0"
+  dependencies:
+    find-value: "npm:^1.0.12"
+    iterate-object: "npm:^1.3.4"
+    r-json: "npm:^1.2.10"
+    set-value: "npm:^4.1.0"
+    w-json: "npm:^1.3.10"
+  checksum: 10/611e62414a15b1d6e44261d1fd370fa6f080f4a93ff6ee4ec0b103a545984dbb0aa8a68f2c7856cbb63948c2c2df6b2b12d98140d3e040f3ce12cffdc51de7a3
+  languageName: node
+  linkType: hard
+
+"ee-first@npm:1.1.1":
+  version: 1.1.1
+  resolution: "ee-first@npm:1.1.1"
+  checksum: 10/1b4cac778d64ce3b582a7e26b218afe07e207a0f9bfe13cc7395a6d307849cfe361e65033c3251e00c27dd060cab43014c2d6b2647676135e18b77d2d05b3f4f
+  languageName: node
+  linkType: hard
+
+"eip55@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "eip55@npm:2.1.1"
+  dependencies:
+    keccak: "npm:^3.0.3"
+  checksum: 10/512d319e4f91ab0c33b514f371206956521dcdcdd23e8eb4d6f9c21e3be9f72287c0b82feb854d3a1eec91805804d13c31e7a1a7dafd37f69eb9994a9c6c8f32
+  languageName: node
+  linkType: hard
+
+"ejs@npm:^3.1.10, ejs@npm:^3.1.6":
+  version: 3.1.10
+  resolution: "ejs@npm:3.1.10"
+  dependencies:
+    jake: "npm:^10.8.5"
+  bin:
+    ejs: bin/cli.js
+  checksum: 10/a9cb7d7cd13b7b1cd0be5c4788e44dd10d92f7285d2f65b942f33e127230c054f99a42db4d99f766d8dbc6c57e94799593ee66a14efd7c8dd70c4812bf6aa384
+  languageName: node
+  linkType: hard
+
+"electron-to-chromium@npm:^1.5.160":
+  version: 1.5.161
+  resolution: "electron-to-chromium@npm:1.5.161"
+  checksum: 10/cac9497669736407a8b156658986b5afb616e7a8fdc9aca41b8709bad541b48823dd5a5f0e07dee4149a1b5f7021e2d0443cdd0c475f7c67c4af171afe43bc9d
+  languageName: node
+  linkType: hard
+
+"electron-to-chromium@npm:^1.5.41":
+  version: 1.5.71
+  resolution: "electron-to-chromium@npm:1.5.71"
+  checksum: 10/feb1655236b9de715f837e07e4bcb49b199f20ce7b6b8ab8e7e4120220bcb85b96227af72cb5bbed88ff3cb7c09110fe8b04be9504a34a24694fc2e630a64704
+  languageName: node
+  linkType: hard
+
+"electron-to-chromium@npm:^1.5.73":
+  version: 1.5.74
+  resolution: "electron-to-chromium@npm:1.5.74"
+  checksum: 10/6ed6330341e865e25e07c2f8dd5f614ffac929014571d15f1386a685b6d2a4c9bfc0c94f22392ebe0f72c834f48d578990e4e3399949fc4363219fc36d5ac553
+  languageName: node
+  linkType: hard
+
+"elliptic@npm:6.5.4":
+  version: 6.5.4
+  resolution: "elliptic@npm:6.5.4"
+  dependencies:
+    bn.js: "npm:^4.11.9"
+    brorand: "npm:^1.1.0"
+    hash.js: "npm:^1.0.0"
+    hmac-drbg: "npm:^1.0.1"
+    inherits: "npm:^2.0.4"
+    minimalistic-assert: "npm:^1.0.1"
+    minimalistic-crypto-utils: "npm:^1.0.1"
+  checksum: 10/2cd7ff4b69720dbb2ca1ca650b2cf889d1df60c96d4a99d331931e4fe21e45a7f3b8074e86618ca7e56366c4b6258007f234f9d61d9b0c87bbbc8ea990b99e94
+  languageName: node
+  linkType: hard
+
+"elliptic@npm:6.6.1, elliptic@npm:^6.4.0, elliptic@npm:^6.4.1, elliptic@npm:^6.5.2, elliptic@npm:^6.5.3, elliptic@npm:^6.5.5, elliptic@npm:^6.5.7, elliptic@npm:^6.6.1":
+  version: 6.6.1
+  resolution: "elliptic@npm:6.6.1"
+  dependencies:
+    bn.js: "npm:^4.11.9"
+    brorand: "npm:^1.1.0"
+    hash.js: "npm:^1.0.0"
+    hmac-drbg: "npm:^1.0.1"
+    inherits: "npm:^2.0.4"
+    minimalistic-assert: "npm:^1.0.1"
+    minimalistic-crypto-utils: "npm:^1.0.1"
+  checksum: 10/dc678c9febd89a219c4008ba3a9abb82237be853d9fd171cd602c8fb5ec39927e65c6b5e7a1b2a4ea82ee8e0ded72275e7932bb2da04a5790c2638b818e4e1c5
+  languageName: node
+  linkType: hard
+
+"emittery@npm:^0.13.1":
+  version: 0.13.1
+  resolution: "emittery@npm:0.13.1"
+  checksum: 10/fbe214171d878b924eedf1757badf58a5dce071cd1fa7f620fa841a0901a80d6da47ff05929d53163105e621ce11a71b9d8acb1148ffe1745e045145f6e69521
+  languageName: node
+  linkType: hard
+
+"emoji-regex@npm:^10.3.0":
+  version: 10.4.0
+  resolution: "emoji-regex@npm:10.4.0"
+  checksum: 10/76bb92c5bcf0b6980d37e535156231e4a9d0aa6ab3b9f5eabf7690231d5aa5d5b8e516f36e6804cbdd0f1c23dfef2a60c40ab7bb8aedd890584281a565b97c50
+  languageName: node
+  linkType: hard
+
+"emoji-regex@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "emoji-regex@npm:8.0.0"
+  checksum: 10/c72d67a6821be15ec11997877c437491c313d924306b8da5d87d2a2bcc2cec9903cb5b04ee1a088460501d8e5b44f10df82fdc93c444101a7610b80c8b6938e1
+  languageName: node
+  linkType: hard
+
+"emoji-regex@npm:^9.2.2":
+  version: 9.2.2
+  resolution: "emoji-regex@npm:9.2.2"
+  checksum: 10/915acf859cea7131dac1b2b5c9c8e35c4849e325a1d114c30adb8cd615970f6dca0e27f64f3a4949d7d6ed86ecd79a1c5c63f02e697513cddd7b5835c90948b8
+  languageName: node
+  linkType: hard
+
+"emojis-list@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "emojis-list@npm:3.0.0"
+  checksum: 10/114f47d6d45612621497d2b1556c8f142c35332a591780a54e863e42d281e72d6c7d7c419f2e419319d4eb7f6ebf1db82d9744905d90f275db20d06a763b5e19
+  languageName: node
+  linkType: hard
+
+"encode-utf8@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "encode-utf8@npm:1.0.3"
+  checksum: 10/0204c37cda21bf19bb8f87f7ec6c89a23d43488c2ef1e5cfa40b64ee9568e63e15dc323fa7f50a491e2c6d33843a6b409f6de09afbf6cf371cb8da596cc64b44
+  languageName: node
+  linkType: hard
+
+"encodeurl@npm:~1.0.2":
+  version: 1.0.2
+  resolution: "encodeurl@npm:1.0.2"
+  checksum: 10/e50e3d508cdd9c4565ba72d2012e65038e5d71bdc9198cb125beb6237b5b1ade6c0d343998da9e170fb2eae52c1bed37d4d6d98a46ea423a0cddbed5ac3f780c
+  languageName: node
+  linkType: hard
+
+"encodeurl@npm:~2.0.0":
+  version: 2.0.0
+  resolution: "encodeurl@npm:2.0.0"
+  checksum: 10/abf5cd51b78082cf8af7be6785813c33b6df2068ce5191a40ca8b1afe6a86f9230af9a9ce694a5ce4665955e5c1120871826df9c128a642e09c58d592e2807fe
+  languageName: node
+  linkType: hard
+
+"encoding-sniffer@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "encoding-sniffer@npm:0.2.0"
+  dependencies:
+    iconv-lite: "npm:^0.6.3"
+    whatwg-encoding: "npm:^3.1.1"
+  checksum: 10/fe61a759dbef4d94ddc6f4fa645459897f4275eba04f0135d0459099b5f62fbba8a7ae57d23c9ec9b118c4c39ce056b51f1b8e62ad73a8ab365699448d655f4c
+  languageName: node
+  linkType: hard
+
+"encoding@npm:^0.1.13":
+  version: 0.1.13
+  resolution: "encoding@npm:0.1.13"
+  dependencies:
+    iconv-lite: "npm:^0.6.2"
+  checksum: 10/bb98632f8ffa823996e508ce6a58ffcf5856330fde839ae42c9e1f436cc3b5cc651d4aeae72222916545428e54fd0f6aa8862fd8d25bdbcc4589f1e3f3715e7f
+  languageName: node
+  linkType: hard
+
+"end-of-stream@npm:^1.1.0, end-of-stream@npm:^1.4.1":
+  version: 1.4.4
+  resolution: "end-of-stream@npm:1.4.4"
+  dependencies:
+    once: "npm:^1.4.0"
+  checksum: 10/530a5a5a1e517e962854a31693dbb5c0b2fc40b46dad2a56a2deec656ca040631124f4795823acc68238147805f8b021abbe221f4afed5ef3c8e8efc2024908b
+  languageName: node
+  linkType: hard
+
+"endent@npm:^2.0.1":
+  version: 2.1.0
+  resolution: "endent@npm:2.1.0"
+  dependencies:
+    dedent: "npm:^0.7.0"
+    fast-json-parse: "npm:^1.0.3"
+    objectorarray: "npm:^1.0.5"
+  checksum: 10/c352831088fce745a39ddbd5f87a17e073ea6556e7e96e9010d945a3f3020f836b9a84657123fa01e897db9216f4b080d950b5ded9bf3a8227f14a34efaaaf7c
+  languageName: node
+  linkType: hard
+
+"enhanced-resolve@npm:^5.15.0, enhanced-resolve@npm:^5.17.1, enhanced-resolve@npm:^5.7.0":
+  version: 5.17.1
+  resolution: "enhanced-resolve@npm:5.17.1"
+  dependencies:
+    graceful-fs: "npm:^4.2.4"
+    tapable: "npm:^2.2.0"
+  checksum: 10/e8e03cb7a4bf3c0250a89afbd29e5ec20e90ba5fcd026066232a0754864d7d0a393fa6fc0e5379314a6529165a1834b36731147080714459d98924520410d8f5
+  languageName: node
+  linkType: hard
+
+"enquirer@npm:^2.3.6":
+  version: 2.4.1
+  resolution: "enquirer@npm:2.4.1"
+  dependencies:
+    ansi-colors: "npm:^4.1.1"
+    strip-ansi: "npm:^6.0.1"
+  checksum: 10/b3726486cd98f0d458a851a03326a2a5dd4d84f37ff94ff2a2960c915e0fc865865da3b78f0877dc36ac5c1189069eca603e82ec63d5bc6b0dd9985bf6426d7a
+  languageName: node
+  linkType: hard
+
+"entities@npm:^2.0.0":
+  version: 2.2.0
+  resolution: "entities@npm:2.2.0"
+  checksum: 10/2c765221ee324dbe25e1b8ca5d1bf2a4d39e750548f2e85cbf7ca1d167d709689ddf1796623e66666ae747364c11ed512c03b48c5bbe70968d30f2a4009509b7
+  languageName: node
+  linkType: hard
+
+"entities@npm:^4.2.0, entities@npm:^4.4.0, entities@npm:^4.5.0":
+  version: 4.5.0
+  resolution: "entities@npm:4.5.0"
+  checksum: 10/ede2a35c9bce1aeccd055a1b445d41c75a14a2bb1cd22e242f20cf04d236cdcd7f9c859eb83f76885327bfae0c25bf03303665ee1ce3d47c5927b98b0e3e3d48
+  languageName: node
+  linkType: hard
+
+"env-editor@npm:^0.4.1":
+  version: 0.4.2
+  resolution: "env-editor@npm:0.4.2"
+  checksum: 10/d162e161d9a1bddaf63f68428c587b1d823afe7d56cde039ce403cc68706c68350c92b9db44692f4ecea1d67ec80de9ba01ca70568299ed929d3fa056c40aebf
+  languageName: node
+  linkType: hard
+
+"env-paths@npm:^2.2.0, env-paths@npm:^2.2.1":
+  version: 2.2.1
+  resolution: "env-paths@npm:2.2.1"
+  checksum: 10/65b5df55a8bab92229ab2b40dad3b387fad24613263d103a97f91c9fe43ceb21965cd3392b1ccb5d77088021e525c4e0481adb309625d0cb94ade1d1fb8dc17e
+  languageName: node
+  linkType: hard
+
+"environment@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "environment@npm:1.1.0"
+  checksum: 10/dd3c1b9825e7f71f1e72b03c2344799ac73f2e9ef81b78ea8b373e55db021786c6b9f3858ea43a436a2c4611052670ec0afe85bc029c384cc71165feee2f4ba6
+  languageName: node
+  linkType: hard
+
+"eol@npm:^0.9.1":
+  version: 0.9.1
+  resolution: "eol@npm:0.9.1"
+  checksum: 10/9d3fd93bb2bb5c69c7fe8dfb97b62213ed95857a2e90f5db3110415993e8a989d87fb011755ce22fdb92ca36fbe4e111b395a6f4ce00b9b51d3f00f19c2acf52
+  languageName: node
+  linkType: hard
+
+"err-code@npm:^2.0.2":
+  version: 2.0.3
+  resolution: "err-code@npm:2.0.3"
+  checksum: 10/1d20d825cdcce8d811bfbe86340f4755c02655a7feb2f13f8c880566d9d72a3f6c92c192a6867632e490d6da67b678271f46e01044996a6443e870331100dfdd
+  languageName: node
+  linkType: hard
+
+"err-code@npm:^3.0.0, err-code@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "err-code@npm:3.0.1"
+  checksum: 10/37af52bc46cde34b2979a5503dbf348aeae84c8ed122731d2c228250a6fd3cfe979aa07fd53f2b368dc3f8ecaf35f5d7d45ef98ff752f08bc7c6c6917c40d44c
+  languageName: node
+  linkType: hard
+
+"errno@npm:^0.1.1":
+  version: 0.1.8
+  resolution: "errno@npm:0.1.8"
+  dependencies:
+    prr: "npm:~1.0.1"
+  bin:
+    errno: cli.js
+  checksum: 10/93076ed11bedb8f0389cbefcbdd3445f66443159439dccbaac89a053428ad92147676736235d275612dc0296d3f9a7e6b7177ed78a566b6cd15dacd4fa0d5888
+  languageName: node
+  linkType: hard
+
+"error-ex@npm:^1.3.1":
+  version: 1.3.2
+  resolution: "error-ex@npm:1.3.2"
+  dependencies:
+    is-arrayish: "npm:^0.2.1"
+  checksum: 10/d547740aa29c34e753fb6fed2c5de81802438529c12b3673bd37b6bb1fe49b9b7abdc3c11e6062fe625d8a296b3cf769a80f878865e25e685f787763eede3ffb
+  languageName: node
+  linkType: hard
+
+"error-stack-parser@npm:^2.0.6":
+  version: 2.1.4
+  resolution: "error-stack-parser@npm:2.1.4"
+  dependencies:
+    stackframe: "npm:^1.3.4"
+  checksum: 10/23db33135bfc6ba701e5eee45e1bb9bd2fe33c5d4f9927440d9a499c7ac538f91f455fcd878611361269893c56734419252c40d8105eb3b023cf8b0fc2ebb64e
+  languageName: node
+  linkType: hard
+
+"es-abstract@npm:^1.17.5, es-abstract@npm:^1.23.2, es-abstract@npm:^1.23.3, es-abstract@npm:^1.23.5":
+  version: 1.23.6
+  resolution: "es-abstract@npm:1.23.6"
+  dependencies:
+    array-buffer-byte-length: "npm:^1.0.1"
+    arraybuffer.prototype.slice: "npm:^1.0.4"
+    available-typed-arrays: "npm:^1.0.7"
+    call-bind: "npm:^1.0.8"
+    call-bound: "npm:^1.0.3"
+    data-view-buffer: "npm:^1.0.1"
+    data-view-byte-length: "npm:^1.0.1"
+    data-view-byte-offset: "npm:^1.0.0"
+    es-define-property: "npm:^1.0.1"
+    es-errors: "npm:^1.3.0"
+    es-object-atoms: "npm:^1.0.0"
+    es-set-tostringtag: "npm:^2.0.3"
+    es-to-primitive: "npm:^1.3.0"
+    function.prototype.name: "npm:^1.1.7"
+    get-intrinsic: "npm:^1.2.6"
+    get-symbol-description: "npm:^1.0.2"
+    globalthis: "npm:^1.0.4"
+    gopd: "npm:^1.2.0"
+    has-property-descriptors: "npm:^1.0.2"
+    has-proto: "npm:^1.2.0"
+    has-symbols: "npm:^1.1.0"
+    hasown: "npm:^2.0.2"
+    internal-slot: "npm:^1.1.0"
+    is-array-buffer: "npm:^3.0.4"
+    is-callable: "npm:^1.2.7"
+    is-data-view: "npm:^1.0.2"
+    is-negative-zero: "npm:^2.0.3"
+    is-regex: "npm:^1.2.1"
+    is-shared-array-buffer: "npm:^1.0.3"
+    is-string: "npm:^1.1.1"
+    is-typed-array: "npm:^1.1.13"
+    is-weakref: "npm:^1.1.0"
+    math-intrinsics: "npm:^1.0.0"
+    object-inspect: "npm:^1.13.3"
+    object-keys: "npm:^1.1.1"
+    object.assign: "npm:^4.1.5"
+    regexp.prototype.flags: "npm:^1.5.3"
+    safe-array-concat: "npm:^1.1.3"
+    safe-regex-test: "npm:^1.1.0"
+    string.prototype.trim: "npm:^1.2.10"
+    string.prototype.trimend: "npm:^1.0.9"
+    string.prototype.trimstart: "npm:^1.0.8"
+    typed-array-buffer: "npm:^1.0.2"
+    typed-array-byte-length: "npm:^1.0.1"
+    typed-array-byte-offset: "npm:^1.0.3"
+    typed-array-length: "npm:^1.0.7"
+    unbox-primitive: "npm:^1.0.2"
+    which-typed-array: "npm:^1.1.16"
+  checksum: 10/a8987ea76445505bedbdee09251ca5cb9bdbb1578df991eb69b888bd721448d17111ba847b560f6e7c8974989b885830663fef07b0bdf4ddf8b61ed7ecd34d58
+  languageName: node
+  linkType: hard
+
+"es-abstract@npm:^1.23.6, es-abstract@npm:^1.23.9":
+  version: 1.24.0
+  resolution: "es-abstract@npm:1.24.0"
+  dependencies:
+    array-buffer-byte-length: "npm:^1.0.2"
+    arraybuffer.prototype.slice: "npm:^1.0.4"
+    available-typed-arrays: "npm:^1.0.7"
+    call-bind: "npm:^1.0.8"
+    call-bound: "npm:^1.0.4"
+    data-view-buffer: "npm:^1.0.2"
+    data-view-byte-length: "npm:^1.0.2"
+    data-view-byte-offset: "npm:^1.0.1"
+    es-define-property: "npm:^1.0.1"
+    es-errors: "npm:^1.3.0"
+    es-object-atoms: "npm:^1.1.1"
+    es-set-tostringtag: "npm:^2.1.0"
+    es-to-primitive: "npm:^1.3.0"
+    function.prototype.name: "npm:^1.1.8"
+    get-intrinsic: "npm:^1.3.0"
+    get-proto: "npm:^1.0.1"
+    get-symbol-description: "npm:^1.1.0"
+    globalthis: "npm:^1.0.4"
+    gopd: "npm:^1.2.0"
+    has-property-descriptors: "npm:^1.0.2"
+    has-proto: "npm:^1.2.0"
+    has-symbols: "npm:^1.1.0"
+    hasown: "npm:^2.0.2"
+    internal-slot: "npm:^1.1.0"
+    is-array-buffer: "npm:^3.0.5"
+    is-callable: "npm:^1.2.7"
+    is-data-view: "npm:^1.0.2"
+    is-negative-zero: "npm:^2.0.3"
+    is-regex: "npm:^1.2.1"
+    is-set: "npm:^2.0.3"
+    is-shared-array-buffer: "npm:^1.0.4"
+    is-string: "npm:^1.1.1"
+    is-typed-array: "npm:^1.1.15"
+    is-weakref: "npm:^1.1.1"
+    math-intrinsics: "npm:^1.1.0"
+    object-inspect: "npm:^1.13.4"
+    object-keys: "npm:^1.1.1"
+    object.assign: "npm:^4.1.7"
+    own-keys: "npm:^1.0.1"
+    regexp.prototype.flags: "npm:^1.5.4"
+    safe-array-concat: "npm:^1.1.3"
+    safe-push-apply: "npm:^1.0.0"
+    safe-regex-test: "npm:^1.1.0"
+    set-proto: "npm:^1.0.0"
+    stop-iteration-iterator: "npm:^1.1.0"
+    string.prototype.trim: "npm:^1.2.10"
+    string.prototype.trimend: "npm:^1.0.9"
+    string.prototype.trimstart: "npm:^1.0.8"
+    typed-array-buffer: "npm:^1.0.3"
+    typed-array-byte-length: "npm:^1.0.3"
+    typed-array-byte-offset: "npm:^1.0.4"
+    typed-array-length: "npm:^1.0.7"
+    unbox-primitive: "npm:^1.1.0"
+    which-typed-array: "npm:^1.1.19"
+  checksum: 10/64e07a886f7439cf5ccfc100f9716e6173e10af6071a50a5031afbdde474a3dbc9619d5965da54e55f8908746a9134a46be02af8c732d574b7b81ed3124e2daf
+  languageName: node
+  linkType: hard
+
+"es-define-property@npm:^1.0.0, es-define-property@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "es-define-property@npm:1.0.1"
+  checksum: 10/f8dc9e660d90919f11084db0a893128f3592b781ce967e4fccfb8f3106cb83e400a4032c559184ec52ee1dbd4b01e7776c7cd0b3327b1961b1a4a7008920fe78
+  languageName: node
+  linkType: hard
+
+"es-errors@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "es-errors@npm:1.3.0"
+  checksum: 10/96e65d640156f91b707517e8cdc454dd7d47c32833aa3e85d79f24f9eb7ea85f39b63e36216ef0114996581969b59fe609a94e30316b08f5f4df1d44134cf8d5
+  languageName: node
+  linkType: hard
+
+"es-iterator-helpers@npm:^1.1.0":
+  version: 1.2.0
+  resolution: "es-iterator-helpers@npm:1.2.0"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.3"
+    es-errors: "npm:^1.3.0"
+    es-set-tostringtag: "npm:^2.0.3"
+    function-bind: "npm:^1.1.2"
+    get-intrinsic: "npm:^1.2.4"
+    globalthis: "npm:^1.0.4"
+    gopd: "npm:^1.0.1"
+    has-property-descriptors: "npm:^1.0.2"
+    has-proto: "npm:^1.0.3"
+    has-symbols: "npm:^1.0.3"
+    internal-slot: "npm:^1.0.7"
+    iterator.prototype: "npm:^1.1.3"
+    safe-array-concat: "npm:^1.1.2"
+  checksum: 10/a4159e36c6bae03d4b636894fff2ff1acfcedc16c622939298b00adf4d2da6356ad92f682cc75c037a012a4b06adb903f67dfdfd05bac61847e9b763de2acbcb
+  languageName: node
+  linkType: hard
+
+"es-iterator-helpers@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "es-iterator-helpers@npm:1.2.1"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    call-bound: "npm:^1.0.3"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.6"
+    es-errors: "npm:^1.3.0"
+    es-set-tostringtag: "npm:^2.0.3"
+    function-bind: "npm:^1.1.2"
+    get-intrinsic: "npm:^1.2.6"
+    globalthis: "npm:^1.0.4"
+    gopd: "npm:^1.2.0"
+    has-property-descriptors: "npm:^1.0.2"
+    has-proto: "npm:^1.2.0"
+    has-symbols: "npm:^1.1.0"
+    internal-slot: "npm:^1.1.0"
+    iterator.prototype: "npm:^1.1.4"
+    safe-array-concat: "npm:^1.1.3"
+  checksum: 10/802e0e8427a05ff4a5b0c70c7fdaaeff37cdb81a28694aeb7bfb831c6ab340d8f3deeb67b96732ff9e9699ea240524d5ea8a9a6a335fcd15aa3983b27b06113f
+  languageName: node
+  linkType: hard
+
+"es-module-lexer@npm:^1.2.1, es-module-lexer@npm:^1.5.0":
+  version: 1.5.4
+  resolution: "es-module-lexer@npm:1.5.4"
+  checksum: 10/f29c7c97a58eb17640dcbd71bd6ef754ad4f58f95c3073894573d29dae2cad43ecd2060d97ed5b866dfb7804d5590fb7de1d2c5339a5fceae8bd60b580387fc5
+  languageName: node
+  linkType: hard
+
+"es-object-atoms@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "es-object-atoms@npm:1.0.0"
+  dependencies:
+    es-errors: "npm:^1.3.0"
+  checksum: 10/f8910cf477e53c0615f685c5c96210591841850871b81924fcf256bfbaa68c254457d994a4308c60d15b20805e7f61ce6abc669375e01a5349391a8c1767584f
+  languageName: node
+  linkType: hard
+
+"es-object-atoms@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "es-object-atoms@npm:1.1.1"
+  dependencies:
+    es-errors: "npm:^1.3.0"
+  checksum: 10/54fe77de288451dae51c37bfbfe3ec86732dc3778f98f3eb3bdb4bf48063b2c0b8f9c93542656986149d08aa5be3204286e2276053d19582b76753f1a2728867
+  languageName: node
+  linkType: hard
+
+"es-set-tostringtag@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "es-set-tostringtag@npm:2.0.3"
+  dependencies:
+    get-intrinsic: "npm:^1.2.4"
+    has-tostringtag: "npm:^1.0.2"
+    hasown: "npm:^2.0.1"
+  checksum: 10/7227fa48a41c0ce83e0377b11130d324ac797390688135b8da5c28994c0165be8b252e15cd1de41e1325e5a5412511586960213e88f9ab4a5e7d028895db5129
+  languageName: node
+  linkType: hard
+
+"es-set-tostringtag@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "es-set-tostringtag@npm:2.1.0"
+  dependencies:
+    es-errors: "npm:^1.3.0"
+    get-intrinsic: "npm:^1.2.6"
+    has-tostringtag: "npm:^1.0.2"
+    hasown: "npm:^2.0.2"
+  checksum: 10/86814bf8afbcd8966653f731415888019d4bc4aca6b6c354132a7a75bb87566751e320369654a101d23a91c87a85c79b178bcf40332839bd347aff437c4fb65f
+  languageName: node
+  linkType: hard
+
+"es-shim-unscopables@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "es-shim-unscopables@npm:1.0.2"
+  dependencies:
+    hasown: "npm:^2.0.0"
+  checksum: 10/6d3bf91f658a27cc7217cd32b407a0d714393a84d125ad576319b9e83a893bea165cf41270c29e9ceaa56d3cf41608945d7e2a2c31fd51c0009b0c31402b91c7
+  languageName: node
+  linkType: hard
+
+"es-to-primitive@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "es-to-primitive@npm:1.3.0"
+  dependencies:
+    is-callable: "npm:^1.2.7"
+    is-date-object: "npm:^1.0.5"
+    is-symbol: "npm:^1.0.4"
+  checksum: 10/17faf35c221aad59a16286cbf58ef6f080bf3c485dff202c490d074d8e74da07884e29b852c245d894eac84f73c58330ec956dfd6d02c0b449d75eb1012a3f9b
+  languageName: node
+  linkType: hard
+
+"es-toolkit@npm:1.33.0":
+  version: 1.33.0
+  resolution: "es-toolkit@npm:1.33.0"
+  dependenciesMeta:
+    "@trivago/prettier-plugin-sort-imports@4.3.0":
+      unplugged: true
+    prettier-plugin-sort-re-exports@0.0.1:
+      unplugged: true
+  checksum: 10/db613d885c407dc3b84b3939b8b0c9976f658bfb03fa0f9cd3a3fe8383a60a75e1e4f34584e86c3fbf00def50ea0ca5f1a5264a1014018286dedbed08426b5f0
+  languageName: node
+  linkType: hard
+
+"es-toolkit@npm:1.39.3":
+  version: 1.39.3
+  resolution: "es-toolkit@npm:1.39.3"
+  dependenciesMeta:
+    "@trivago/prettier-plugin-sort-imports@4.3.0":
+      unplugged: true
+    prettier-plugin-sort-re-exports@0.0.1:
+      unplugged: true
+  checksum: 10/18cf6dee69170f802a50d447cac3af0026c199b501fe9a151633a402ea0523463b73aacbde53072cc610914d68031e2856fbb8a305b020e34bd7f6ac24d37e6d
+  languageName: node
+  linkType: hard
+
+"es5-ext@npm:^0.10.35, es5-ext@npm:^0.10.46, es5-ext@npm:^0.10.62, es5-ext@npm:^0.10.64, es5-ext@npm:~0.10.14, es5-ext@npm:~0.10.2":
+  version: 0.10.64
+  resolution: "es5-ext@npm:0.10.64"
+  dependencies:
+    es6-iterator: "npm:^2.0.3"
+    es6-symbol: "npm:^3.1.3"
+    esniff: "npm:^2.0.1"
+    next-tick: "npm:^1.1.0"
+  checksum: 10/0c5d8657708b1695ddc4b06f4e0b9fbdda4d2fe46d037b6bedb49a7d1931e542ec9eecf4824d59e1d357e93229deab014bb4b86485db2d41b1d68e54439689ce
+  languageName: node
+  linkType: hard
+
+"es6-iterator@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "es6-iterator@npm:2.0.3"
+  dependencies:
+    d: "npm:1"
+    es5-ext: "npm:^0.10.35"
+    es6-symbol: "npm:^3.1.1"
+  checksum: 10/dbadecf3d0e467692815c2b438dfa99e5a97cbbecf4a58720adcb467a04220e0e36282399ba297911fd472c50ae4158fffba7ed0b7d4273fe322b69d03f9e3a5
+  languageName: node
+  linkType: hard
+
+"es6-promise@npm:4.2.8":
+  version: 4.2.8
+  resolution: "es6-promise@npm:4.2.8"
+  checksum: 10/b250c55523c496c43c9216c2646e58ec182b819e036fe5eb8d83fa16f044ecc6b8dcefc88ace2097be3d3c4d02b6aa8eeae1a66deeaf13e7bee905ebabb350a3
+  languageName: node
+  linkType: hard
+
+"es6-promise@npm:^3.2.1":
+  version: 3.3.1
+  resolution: "es6-promise@npm:3.3.1"
+  checksum: 10/14f46a0a20164d4d6f8a39133c7220688bb9ee2d89a78f2345694b8ac9b6ea7b94f73488e289a083dce732831f4040013b25222d1820580c7b10b698c50c8267
+  languageName: node
+  linkType: hard
+
+"es6-symbol@npm:^3.1.1, es6-symbol@npm:^3.1.3":
+  version: 3.1.4
+  resolution: "es6-symbol@npm:3.1.4"
+  dependencies:
+    d: "npm:^1.0.2"
+    ext: "npm:^1.7.0"
+  checksum: 10/3743119fe61f89e2f049a6ce52bd82fab5f65d13e2faa72453b73f95c15292c3cb9bdf3747940d504517e675e45fd375554c6b5d35d2bcbefd35f5489ecba546
+  languageName: node
+  linkType: hard
+
+"es6-weak-map@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "es6-weak-map@npm:2.0.3"
+  dependencies:
+    d: "npm:1"
+    es5-ext: "npm:^0.10.46"
+    es6-iterator: "npm:^2.0.3"
+    es6-symbol: "npm:^3.1.1"
+  checksum: 10/5958a321cf8dfadc82b79eeaa57dc855893a4afd062b4ef5c9ded0010d3932099311272965c3d3fdd3c85df1d7236013a570e704fa6c1f159bbf979c203dd3a3
+  languageName: node
+  linkType: hard
+
+"esast-util-from-estree@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "esast-util-from-estree@npm:2.0.0"
+  dependencies:
+    "@types/estree-jsx": "npm:^1.0.0"
+    devlop: "npm:^1.0.0"
+    estree-util-visit: "npm:^2.0.0"
+    unist-util-position-from-estree: "npm:^2.0.0"
+  checksum: 10/b11a13df70e51e0306a8097d691eb2dbde52388bb4d29f89c080fccd00c9fb22a624fad8683ca2ce01761cbf289d3fd480852aec8f5e5a3f0a2abd30aa8dfbe7
+  languageName: node
+  linkType: hard
+
+"esast-util-from-js@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "esast-util-from-js@npm:2.0.1"
+  dependencies:
+    "@types/estree-jsx": "npm:^1.0.0"
+    acorn: "npm:^8.0.0"
+    esast-util-from-estree: "npm:^2.0.0"
+    vfile-message: "npm:^4.0.0"
+  checksum: 10/ad3ff18de45d981a19ae35ecd7f47a2954399c2d901f3d9f22ab58309c327215b6e2e39f9c0a8ff58d3fd0435fe81a3ff4257754e1a12bdc590a0b68c9d6e085
+  languageName: node
+  linkType: hard
+
+"esbuild-plugin-es5@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "esbuild-plugin-es5@npm:2.1.1"
+  dependencies:
+    "@swc/core": "npm:^1.5.25"
+    "@swc/helpers": "npm:^0.5.11"
+    deepmerge: "npm:^4.3.1"
+  peerDependencies:
+    esbuild: "*"
+  checksum: 10/4ed4984d83a8f8f49ced24ee135c1cd213e3a76d3dd503fd4f9f4d8c9c9562b88fb267910ef4753e2ddf15159b76d92631857aec2f001d46470266c6e613db01
+  languageName: node
+  linkType: hard
+
+"esbuild-register@npm:^3.5.0, esbuild-register@npm:^3.6.0":
+  version: 3.6.0
+  resolution: "esbuild-register@npm:3.6.0"
+  dependencies:
+    debug: "npm:^4.3.4"
+  peerDependencies:
+    esbuild: ">=0.12 <1"
+  checksum: 10/4ae1a016e3dad5b53c3d68cf07e31d8c1cec1a0b584038ece726097ac80bd33ab48fb224c766c9b341c04793837e652461eaca9327a116e7564f553b61ccca71
+  languageName: node
+  linkType: hard
+
+"esbuild@npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0":
+  version: 0.24.0
+  resolution: "esbuild@npm:0.24.0"
+  dependencies:
+    "@esbuild/aix-ppc64": "npm:0.24.0"
+    "@esbuild/android-arm": "npm:0.24.0"
+    "@esbuild/android-arm64": "npm:0.24.0"
+    "@esbuild/android-x64": "npm:0.24.0"
+    "@esbuild/darwin-arm64": "npm:0.24.0"
+    "@esbuild/darwin-x64": "npm:0.24.0"
+    "@esbuild/freebsd-arm64": "npm:0.24.0"
+    "@esbuild/freebsd-x64": "npm:0.24.0"
+    "@esbuild/linux-arm": "npm:0.24.0"
+    "@esbuild/linux-arm64": "npm:0.24.0"
+    "@esbuild/linux-ia32": "npm:0.24.0"
+    "@esbuild/linux-loong64": "npm:0.24.0"
+    "@esbuild/linux-mips64el": "npm:0.24.0"
+    "@esbuild/linux-ppc64": "npm:0.24.0"
+    "@esbuild/linux-riscv64": "npm:0.24.0"
+    "@esbuild/linux-s390x": "npm:0.24.0"
+    "@esbuild/linux-x64": "npm:0.24.0"
+    "@esbuild/netbsd-x64": "npm:0.24.0"
+    "@esbuild/openbsd-arm64": "npm:0.24.0"
+    "@esbuild/openbsd-x64": "npm:0.24.0"
+    "@esbuild/sunos-x64": "npm:0.24.0"
+    "@esbuild/win32-arm64": "npm:0.24.0"
+    "@esbuild/win32-ia32": "npm:0.24.0"
+    "@esbuild/win32-x64": "npm:0.24.0"
+  dependenciesMeta:
+    "@esbuild/aix-ppc64":
+      optional: true
+    "@esbuild/android-arm":
+      optional: true
+    "@esbuild/android-arm64":
+      optional: true
+    "@esbuild/android-x64":
+      optional: true
+    "@esbuild/darwin-arm64":
+      optional: true
+    "@esbuild/darwin-x64":
+      optional: true
+    "@esbuild/freebsd-arm64":
+      optional: true
+    "@esbuild/freebsd-x64":
+      optional: true
+    "@esbuild/linux-arm":
+      optional: true
+    "@esbuild/linux-arm64":
+      optional: true
+    "@esbuild/linux-ia32":
+      optional: true
+    "@esbuild/linux-loong64":
+      optional: true
+    "@esbuild/linux-mips64el":
+      optional: true
+    "@esbuild/linux-ppc64":
+      optional: true
+    "@esbuild/linux-riscv64":
+      optional: true
+    "@esbuild/linux-s390x":
+      optional: true
+    "@esbuild/linux-x64":
+      optional: true
+    "@esbuild/netbsd-x64":
+      optional: true
+    "@esbuild/openbsd-arm64":
+      optional: true
+    "@esbuild/openbsd-x64":
+      optional: true
+    "@esbuild/sunos-x64":
+      optional: true
+    "@esbuild/win32-arm64":
+      optional: true
+    "@esbuild/win32-ia32":
+      optional: true
+    "@esbuild/win32-x64":
+      optional: true
+  bin:
+    esbuild: bin/esbuild
+  checksum: 10/500f83a1216d6548053007b85c070d8293395db344605b17418c6cf1217e5e8d338fa77fc8af27c23faa121c5528e5b0004d46d3a0cdeb87d48f1b5fa0164bc5
+  languageName: node
+  linkType: hard
+
+"esbuild@npm:^0.19.2":
+  version: 0.19.12
+  resolution: "esbuild@npm:0.19.12"
+  dependencies:
+    "@esbuild/aix-ppc64": "npm:0.19.12"
+    "@esbuild/android-arm": "npm:0.19.12"
+    "@esbuild/android-arm64": "npm:0.19.12"
+    "@esbuild/android-x64": "npm:0.19.12"
+    "@esbuild/darwin-arm64": "npm:0.19.12"
+    "@esbuild/darwin-x64": "npm:0.19.12"
+    "@esbuild/freebsd-arm64": "npm:0.19.12"
+    "@esbuild/freebsd-x64": "npm:0.19.12"
+    "@esbuild/linux-arm": "npm:0.19.12"
+    "@esbuild/linux-arm64": "npm:0.19.12"
+    "@esbuild/linux-ia32": "npm:0.19.12"
+    "@esbuild/linux-loong64": "npm:0.19.12"
+    "@esbuild/linux-mips64el": "npm:0.19.12"
+    "@esbuild/linux-ppc64": "npm:0.19.12"
+    "@esbuild/linux-riscv64": "npm:0.19.12"
+    "@esbuild/linux-s390x": "npm:0.19.12"
+    "@esbuild/linux-x64": "npm:0.19.12"
+    "@esbuild/netbsd-x64": "npm:0.19.12"
+    "@esbuild/openbsd-x64": "npm:0.19.12"
+    "@esbuild/sunos-x64": "npm:0.19.12"
+    "@esbuild/win32-arm64": "npm:0.19.12"
+    "@esbuild/win32-ia32": "npm:0.19.12"
+    "@esbuild/win32-x64": "npm:0.19.12"
+  dependenciesMeta:
+    "@esbuild/aix-ppc64":
+      optional: true
+    "@esbuild/android-arm":
+      optional: true
+    "@esbuild/android-arm64":
+      optional: true
+    "@esbuild/android-x64":
+      optional: true
+    "@esbuild/darwin-arm64":
+      optional: true
+    "@esbuild/darwin-x64":
+      optional: true
+    "@esbuild/freebsd-arm64":
+      optional: true
+    "@esbuild/freebsd-x64":
+      optional: true
+    "@esbuild/linux-arm":
+      optional: true
+    "@esbuild/linux-arm64":
+      optional: true
+    "@esbuild/linux-ia32":
+      optional: true
+    "@esbuild/linux-loong64":
+      optional: true
+    "@esbuild/linux-mips64el":
+      optional: true
+    "@esbuild/linux-ppc64":
+      optional: true
+    "@esbuild/linux-riscv64":
+      optional: true
+    "@esbuild/linux-s390x":
+      optional: true
+    "@esbuild/linux-x64":
+      optional: true
+    "@esbuild/netbsd-x64":
+      optional: true
+    "@esbuild/openbsd-x64":
+      optional: true
+    "@esbuild/sunos-x64":
+      optional: true
+    "@esbuild/win32-arm64":
+      optional: true
+    "@esbuild/win32-ia32":
+      optional: true
+    "@esbuild/win32-x64":
+      optional: true
+  bin:
+    esbuild: bin/esbuild
+  checksum: 10/861fa8eb2428e8d6521a4b7c7930139e3f45e8d51a86985cc29408172a41f6b18df7b3401e7e5e2d528cdf83742da601ddfdc77043ddc4f1c715a8ddb2d8a255
+  languageName: node
+  linkType: hard
+
+"esbuild@npm:^0.25.0":
+  version: 0.25.3
+  resolution: "esbuild@npm:0.25.3"
+  dependencies:
+    "@esbuild/aix-ppc64": "npm:0.25.3"
+    "@esbuild/android-arm": "npm:0.25.3"
+    "@esbuild/android-arm64": "npm:0.25.3"
+    "@esbuild/android-x64": "npm:0.25.3"
+    "@esbuild/darwin-arm64": "npm:0.25.3"
+    "@esbuild/darwin-x64": "npm:0.25.3"
+    "@esbuild/freebsd-arm64": "npm:0.25.3"
+    "@esbuild/freebsd-x64": "npm:0.25.3"
+    "@esbuild/linux-arm": "npm:0.25.3"
+    "@esbuild/linux-arm64": "npm:0.25.3"
+    "@esbuild/linux-ia32": "npm:0.25.3"
+    "@esbuild/linux-loong64": "npm:0.25.3"
+    "@esbuild/linux-mips64el": "npm:0.25.3"
+    "@esbuild/linux-ppc64": "npm:0.25.3"
+    "@esbuild/linux-riscv64": "npm:0.25.3"
+    "@esbuild/linux-s390x": "npm:0.25.3"
+    "@esbuild/linux-x64": "npm:0.25.3"
+    "@esbuild/netbsd-arm64": "npm:0.25.3"
+    "@esbuild/netbsd-x64": "npm:0.25.3"
+    "@esbuild/openbsd-arm64": "npm:0.25.3"
+    "@esbuild/openbsd-x64": "npm:0.25.3"
+    "@esbuild/sunos-x64": "npm:0.25.3"
+    "@esbuild/win32-arm64": "npm:0.25.3"
+    "@esbuild/win32-ia32": "npm:0.25.3"
+    "@esbuild/win32-x64": "npm:0.25.3"
+  dependenciesMeta:
+    "@esbuild/aix-ppc64":
+      optional: true
+    "@esbuild/android-arm":
+      optional: true
+    "@esbuild/android-arm64":
+      optional: true
+    "@esbuild/android-x64":
+      optional: true
+    "@esbuild/darwin-arm64":
+      optional: true
+    "@esbuild/darwin-x64":
+      optional: true
+    "@esbuild/freebsd-arm64":
+      optional: true
+    "@esbuild/freebsd-x64":
+      optional: true
+    "@esbuild/linux-arm":
+      optional: true
+    "@esbuild/linux-arm64":
+      optional: true
+    "@esbuild/linux-ia32":
+      optional: true
+    "@esbuild/linux-loong64":
+      optional: true
+    "@esbuild/linux-mips64el":
+      optional: true
+    "@esbuild/linux-ppc64":
+      optional: true
+    "@esbuild/linux-riscv64":
+      optional: true
+    "@esbuild/linux-s390x":
+      optional: true
+    "@esbuild/linux-x64":
+      optional: true
+    "@esbuild/netbsd-arm64":
+      optional: true
+    "@esbuild/netbsd-x64":
+      optional: true
+    "@esbuild/openbsd-arm64":
+      optional: true
+    "@esbuild/openbsd-x64":
+      optional: true
+    "@esbuild/sunos-x64":
+      optional: true
+    "@esbuild/win32-arm64":
+      optional: true
+    "@esbuild/win32-ia32":
+      optional: true
+    "@esbuild/win32-x64":
+      optional: true
+  bin:
+    esbuild: bin/esbuild
+  checksum: 10/f1ff72289938330312926421f90eea442025cbbac295a7a2e8cfc2abbd9e3a8bc1502883468b0487e4020f1369e4726c851a2fa4b65a7c71331940072c3a1808
+  languageName: node
+  linkType: hard
+
+"escalade@npm:^3.1.1, escalade@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "escalade@npm:3.2.0"
+  checksum: 10/9d7169e3965b2f9ae46971afa392f6e5a25545ea30f2e2dd99c9b0a95a3f52b5653681a84f5b2911a413ddad2d7a93d3514165072f349b5ffc59c75a899970d6
+  languageName: node
+  linkType: hard
+
+"escape-html@npm:~1.0.3":
+  version: 1.0.3
+  resolution: "escape-html@npm:1.0.3"
+  checksum: 10/6213ca9ae00d0ab8bccb6d8d4e0a98e76237b2410302cf7df70aaa6591d509a2a37ce8998008cbecae8fc8ffaadf3fb0229535e6a145f3ce0b211d060decbb24
+  languageName: node
+  linkType: hard
+
+"escape-string-regexp@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "escape-string-regexp@npm:1.0.5"
+  checksum: 10/6092fda75c63b110c706b6a9bfde8a612ad595b628f0bd2147eea1d3406723020810e591effc7db1da91d80a71a737a313567c5abb3813e8d9c71f4aa595b410
+  languageName: node
+  linkType: hard
+
+"escape-string-regexp@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "escape-string-regexp@npm:2.0.0"
+  checksum: 10/9f8a2d5743677c16e85c810e3024d54f0c8dea6424fad3c79ef6666e81dd0846f7437f5e729dfcdac8981bc9e5294c39b4580814d114076b8d36318f46ae4395
+  languageName: node
+  linkType: hard
+
+"escape-string-regexp@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "escape-string-regexp@npm:4.0.0"
+  checksum: 10/98b48897d93060f2322108bf29db0feba7dd774be96cd069458d1453347b25ce8682ecc39859d4bca2203cc0ab19c237bcc71755eff49a0f8d90beadeeba5cc5
+  languageName: node
+  linkType: hard
+
+"escape-string-regexp@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "escape-string-regexp@npm:5.0.0"
+  checksum: 10/20daabe197f3cb198ec28546deebcf24b3dbb1a5a269184381b3116d12f0532e06007f4bc8da25669d6a7f8efb68db0758df4cd981f57bc5b57f521a3e12c59e
+  languageName: node
+  linkType: hard
+
+"escodegen@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "escodegen@npm:2.1.0"
+  dependencies:
+    esprima: "npm:^4.0.1"
+    estraverse: "npm:^5.2.0"
+    esutils: "npm:^2.0.2"
+    source-map: "npm:~0.6.1"
+  dependenciesMeta:
+    source-map:
+      optional: true
+  bin:
+    escodegen: bin/escodegen.js
+    esgenerate: bin/esgenerate.js
+  checksum: 10/47719a65b2888b4586e3fa93769068b275961c13089e90d5d01a96a6e8e95871b1c3893576814c8fbf08a4a31a496f37e7b2c937cf231270f4d81de012832c7c
+  languageName: node
+  linkType: hard
+
+"eslint-compat-utils@npm:^0.5.1":
+  version: 0.5.1
+  resolution: "eslint-compat-utils@npm:0.5.1"
+  dependencies:
+    semver: "npm:^7.5.4"
+  peerDependencies:
+    eslint: ">=6.0.0"
+  checksum: 10/ac65ac1c6107cf19f63f5fc17cea361c9cb1336be7356f23dbb0fac10979974b4622e13e950be43cbf431801f2c07f7dab448573181ccf6edc0b86d5b5304511
+  languageName: node
+  linkType: hard
+
+"eslint-config-next@npm:^15.0.4":
+  version: 15.1.1
+  resolution: "eslint-config-next@npm:15.1.1"
+  dependencies:
+    "@next/eslint-plugin-next": "npm:15.1.1"
+    "@rushstack/eslint-patch": "npm:^1.10.3"
+    "@typescript-eslint/eslint-plugin": "npm:^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+    "@typescript-eslint/parser": "npm:^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+    eslint-import-resolver-node: "npm:^0.3.6"
+    eslint-import-resolver-typescript: "npm:^3.5.2"
+    eslint-plugin-import: "npm:^2.31.0"
+    eslint-plugin-jsx-a11y: "npm:^6.10.0"
+    eslint-plugin-react: "npm:^7.37.0"
+    eslint-plugin-react-hooks: "npm:^5.0.0"
+  peerDependencies:
+    eslint: ^7.23.0 || ^8.0.0 || ^9.0.0
+    typescript: ">=3.3.1"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/e82805e9a44bf755d961c64663da0997b43e9aef4ac9d961bf7bba5e8d0c88cf3501e26b874205649984048c1d100d4060243d4c50607330acdac8490ce2643a
+  languageName: node
+  linkType: hard
+
+"eslint-config-prettier@npm:^9.1.0":
+  version: 9.1.0
+  resolution: "eslint-config-prettier@npm:9.1.0"
+  peerDependencies:
+    eslint: ">=7.0.0"
+  bin:
+    eslint-config-prettier: bin/cli.js
+  checksum: 10/411e3b3b1c7aa04e3e0f20d561271b3b909014956c4dba51c878bf1a23dbb8c800a3be235c46c4732c70827276e540b6eed4636d9b09b444fd0a8e07f0fcd830
+  languageName: node
+  linkType: hard
+
+"eslint-config-universe@npm:^15.0.3":
+  version: 15.0.3
+  resolution: "eslint-config-universe@npm:15.0.3"
+  dependencies:
+    "@typescript-eslint/eslint-plugin": "npm:^8.29.1"
+    "@typescript-eslint/parser": "npm:^8.29.1"
+    eslint-config-prettier: "npm:^9.1.0"
+    eslint-plugin-import: "npm:^2.31.0"
+    eslint-plugin-n: "npm:^17.17.0"
+    eslint-plugin-node: "npm:^11.1.0"
+    eslint-plugin-prettier: "npm:^5.2.6"
+    eslint-plugin-react: "npm:^7.37.5"
+    eslint-plugin-react-hooks: "npm:^5.2.0"
+    globals: "npm:^16.0.0"
+  peerDependencies:
+    eslint: ">=8.10"
+    prettier: ">=3"
+  peerDependenciesMeta:
+    prettier:
+      optional: true
+  checksum: 10/750e335617b95777c86c46a807d3536c4459b077a50a427c2d9cd13459a0ba38bb6f5af1f3227b7bb50be69557f053da4ffaf476eebf9fa60423ac79799e76ef
+  languageName: node
+  linkType: hard
+
+"eslint-import-resolver-node@npm:^0.3.6, eslint-import-resolver-node@npm:^0.3.9":
+  version: 0.3.9
+  resolution: "eslint-import-resolver-node@npm:0.3.9"
+  dependencies:
+    debug: "npm:^3.2.7"
+    is-core-module: "npm:^2.13.0"
+    resolve: "npm:^1.22.4"
+  checksum: 10/d52e08e1d96cf630957272e4f2644dcfb531e49dcfd1edd2e07e43369eb2ec7a7d4423d417beee613201206ff2efa4eb9a582b5825ee28802fc7c71fcd53ca83
+  languageName: node
+  linkType: hard
+
+"eslint-import-resolver-typescript@npm:^3.5.2":
+  version: 3.7.0
+  resolution: "eslint-import-resolver-typescript@npm:3.7.0"
+  dependencies:
+    "@nolyfill/is-core-module": "npm:1.0.39"
+    debug: "npm:^4.3.7"
+    enhanced-resolve: "npm:^5.15.0"
+    fast-glob: "npm:^3.3.2"
+    get-tsconfig: "npm:^4.7.5"
+    is-bun-module: "npm:^1.0.2"
+    is-glob: "npm:^4.0.3"
+    stable-hash: "npm:^0.0.4"
+  peerDependencies:
+    eslint: "*"
+    eslint-plugin-import: "*"
+    eslint-plugin-import-x: "*"
+  peerDependenciesMeta:
+    eslint-plugin-import:
+      optional: true
+    eslint-plugin-import-x:
+      optional: true
+  checksum: 10/8158730c11e562c56ed9bf7236dc75bce35b6992dc32c39ac2f4177ab77fca97b95999850204a6458054243607b54aee88c028a61fed4184f24f425fa1afff01
+  languageName: node
+  linkType: hard
+
+"eslint-module-utils@npm:^2.12.0":
+  version: 2.12.0
+  resolution: "eslint-module-utils@npm:2.12.0"
+  dependencies:
+    debug: "npm:^3.2.7"
+  peerDependenciesMeta:
+    eslint:
+      optional: true
+  checksum: 10/dd27791147eca17366afcb83f47d6825b6ce164abb256681e5de4ec1d7e87d8605641eb869298a0dbc70665e2446dbcc2f40d3e1631a9475dd64dd23d4ca5dee
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-es-x@npm:^7.8.0":
+  version: 7.8.0
+  resolution: "eslint-plugin-es-x@npm:7.8.0"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.1.2"
+    "@eslint-community/regexpp": "npm:^4.11.0"
+    eslint-compat-utils: "npm:^0.5.1"
+  peerDependencies:
+    eslint: ">=8"
+  checksum: 10/1df8d52c4fadc06854ce801af05b05f2642aa2deb918fb7d37738596eabd70b7f21a22b150b78ec9104bac6a1b6b4fb796adea2364ede91b01d20964849ce5f7
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-es@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "eslint-plugin-es@npm:3.0.1"
+  dependencies:
+    eslint-utils: "npm:^2.0.0"
+    regexpp: "npm:^3.0.0"
+  peerDependencies:
+    eslint: ">=4.19.1"
+  checksum: 10/9814e6305183edfdff7d99cbc0f95f0aed1446045cbd1d4f28e7be0903d0013880f0aaf04486a27de96bfb2f5a746bea97cbb238f9b0035cb378d48d179a0a1b
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-import@npm:^2.31.0":
+  version: 2.31.0
+  resolution: "eslint-plugin-import@npm:2.31.0"
+  dependencies:
+    "@rtsao/scc": "npm:^1.1.0"
+    array-includes: "npm:^3.1.8"
+    array.prototype.findlastindex: "npm:^1.2.5"
+    array.prototype.flat: "npm:^1.3.2"
+    array.prototype.flatmap: "npm:^1.3.2"
+    debug: "npm:^3.2.7"
+    doctrine: "npm:^2.1.0"
+    eslint-import-resolver-node: "npm:^0.3.9"
+    eslint-module-utils: "npm:^2.12.0"
+    hasown: "npm:^2.0.2"
+    is-core-module: "npm:^2.15.1"
+    is-glob: "npm:^4.0.3"
+    minimatch: "npm:^3.1.2"
+    object.fromentries: "npm:^2.0.8"
+    object.groupby: "npm:^1.0.3"
+    object.values: "npm:^1.2.0"
+    semver: "npm:^6.3.1"
+    string.prototype.trimend: "npm:^1.0.8"
+    tsconfig-paths: "npm:^3.15.0"
+  peerDependencies:
+    eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9
+  checksum: 10/6b76bd009ac2db0615d9019699d18e2a51a86cb8c1d0855a35fb1b418be23b40239e6debdc6e8c92c59f1468ed0ea8d7b85c817117a113d5cc225be8a02ad31c
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-jsx-a11y@npm:^6.10.0":
+  version: 6.10.2
+  resolution: "eslint-plugin-jsx-a11y@npm:6.10.2"
+  dependencies:
+    aria-query: "npm:^5.3.2"
+    array-includes: "npm:^3.1.8"
+    array.prototype.flatmap: "npm:^1.3.2"
+    ast-types-flow: "npm:^0.0.8"
+    axe-core: "npm:^4.10.0"
+    axobject-query: "npm:^4.1.0"
+    damerau-levenshtein: "npm:^1.0.8"
+    emoji-regex: "npm:^9.2.2"
+    hasown: "npm:^2.0.2"
+    jsx-ast-utils: "npm:^3.3.5"
+    language-tags: "npm:^1.0.9"
+    minimatch: "npm:^3.1.2"
+    object.fromentries: "npm:^2.0.8"
+    safe-regex-test: "npm:^1.0.3"
+    string.prototype.includes: "npm:^2.0.1"
+  peerDependencies:
+    eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
+  checksum: 10/388550798548d911e2286d530a29153ca00434a06fcfc0e31e0dda46a5e7960005e532fb29ce1ccbf1e394a3af3e5cf70c47ca43778861eacc5e3ed799adb79c
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-n@npm:^17.17.0":
+  version: 17.19.0
+  resolution: "eslint-plugin-n@npm:17.19.0"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.5.0"
+    "@typescript-eslint/utils": "npm:^8.26.1"
+    enhanced-resolve: "npm:^5.17.1"
+    eslint-plugin-es-x: "npm:^7.8.0"
+    get-tsconfig: "npm:^4.8.1"
+    globals: "npm:^15.11.0"
+    ignore: "npm:^5.3.2"
+    minimatch: "npm:^9.0.5"
+    semver: "npm:^7.6.3"
+    ts-declaration-location: "npm:^1.0.6"
+  peerDependencies:
+    eslint: ">=8.23.0"
+  checksum: 10/cc3042d72e99a386311b2d3b4dded25cc612e553760ea07883b4a1bd7b964dfe1dfa30d184b2b6abd74d8532ca1f0fc7f00b6c10808f30166fd9e4641a90f5f6
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-no-only-tests@npm:^3.3.0":
+  version: 3.3.0
+  resolution: "eslint-plugin-no-only-tests@npm:3.3.0"
+  checksum: 10/1b3a88e392113240758405966047ef40dd742fbd828f3c8d02a207125edaa5303ef9a0319a778551bd88789110423221fff4e9db02896c20836389b13c27b32e
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-node@npm:^11.1.0":
+  version: 11.1.0
+  resolution: "eslint-plugin-node@npm:11.1.0"
+  dependencies:
+    eslint-plugin-es: "npm:^3.0.0"
+    eslint-utils: "npm:^2.0.0"
+    ignore: "npm:^5.1.1"
+    minimatch: "npm:^3.0.4"
+    resolve: "npm:^1.10.1"
+    semver: "npm:^6.1.0"
+  peerDependencies:
+    eslint: ">=5.16.0"
+  checksum: 10/bda540f390a84d835989f21f56743f3aa8f41fd9b53359d635c116632c86af92d70d8e6449ddd18860e6241f9cef04fc90c37eb192a9047c3c3a46de6145c30c
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-prettier@npm:^5.2.1":
+  version: 5.2.1
+  resolution: "eslint-plugin-prettier@npm:5.2.1"
+  dependencies:
+    prettier-linter-helpers: "npm:^1.0.0"
+    synckit: "npm:^0.9.1"
+  peerDependencies:
+    "@types/eslint": ">=8.0.0"
+    eslint: ">=8.0.0"
+    eslint-config-prettier: "*"
+    prettier: ">=3.0.0"
+  peerDependenciesMeta:
+    "@types/eslint":
+      optional: true
+    eslint-config-prettier:
+      optional: true
+  checksum: 10/10ddf68215237e327af09a47adab4c63f3885fda4fb28c4c42d1fc5f47d8a0cc45df6484799360ff1417a0aa3c77c3aaac49d7e9dfd145557b17e2d7ecc2a27c
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-prettier@npm:^5.2.6":
+  version: 5.4.1
+  resolution: "eslint-plugin-prettier@npm:5.4.1"
+  dependencies:
+    prettier-linter-helpers: "npm:^1.0.0"
+    synckit: "npm:^0.11.7"
+  peerDependencies:
+    "@types/eslint": ">=8.0.0"
+    eslint: ">=8.0.0"
+    eslint-config-prettier: ">= 7.0.0 <10.0.0 || >=10.1.0"
+    prettier: ">=3.0.0"
+  peerDependenciesMeta:
+    "@types/eslint":
+      optional: true
+    eslint-config-prettier:
+      optional: true
+  checksum: 10/ad7b1efa996cbd419cbb881182c58bce1c6c35d1cf30186c0e330437c4e551da4599b8c8aa7464b27d43fb57990837698ebaa9d238ba084dc1410f6caf31c000
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-react-hooks@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "eslint-plugin-react-hooks@npm:5.1.0"
+  peerDependencies:
+    eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
+  checksum: 10/b6778fd9e1940b06868921309e8b269426e17eda555816d4b71def4dcf0572de1199fdb627ac09ce42160b9569a93cd9b0fd81b740ab4df98205461c53997a43
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-react-hooks@npm:^5.2.0":
+  version: 5.2.0
+  resolution: "eslint-plugin-react-hooks@npm:5.2.0"
+  peerDependencies:
+    eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
+  checksum: 10/ebb79e9cf69ae06e3a7876536653c5e556b5fd8cd9dc49577f10a6e728360e7b6f5ce91f4339b33e93b26e3bb23805418f8b5e75db80baddd617b1dffe73bed1
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-react@npm:^7.37.0, eslint-plugin-react@npm:^7.37.1":
+  version: 7.37.2
+  resolution: "eslint-plugin-react@npm:7.37.2"
+  dependencies:
+    array-includes: "npm:^3.1.8"
+    array.prototype.findlast: "npm:^1.2.5"
+    array.prototype.flatmap: "npm:^1.3.2"
+    array.prototype.tosorted: "npm:^1.1.4"
+    doctrine: "npm:^2.1.0"
+    es-iterator-helpers: "npm:^1.1.0"
+    estraverse: "npm:^5.3.0"
+    hasown: "npm:^2.0.2"
+    jsx-ast-utils: "npm:^2.4.1 || ^3.0.0"
+    minimatch: "npm:^3.1.2"
+    object.entries: "npm:^1.1.8"
+    object.fromentries: "npm:^2.0.8"
+    object.values: "npm:^1.2.0"
+    prop-types: "npm:^15.8.1"
+    resolve: "npm:^2.0.0-next.5"
+    semver: "npm:^6.3.1"
+    string.prototype.matchall: "npm:^4.0.11"
+    string.prototype.repeat: "npm:^1.0.0"
+  peerDependencies:
+    eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
+  checksum: 10/df2f7ab198018d3378f305a8a5ceceebc9bd31f019fc7567a2ef9c77789dc8a6a2c3c3957f8b0805f26c11c02f9f86c972e02cd0eda12f4d0370526c11f8a9a3
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-react@npm:^7.37.5":
+  version: 7.37.5
+  resolution: "eslint-plugin-react@npm:7.37.5"
+  dependencies:
+    array-includes: "npm:^3.1.8"
+    array.prototype.findlast: "npm:^1.2.5"
+    array.prototype.flatmap: "npm:^1.3.3"
+    array.prototype.tosorted: "npm:^1.1.4"
+    doctrine: "npm:^2.1.0"
+    es-iterator-helpers: "npm:^1.2.1"
+    estraverse: "npm:^5.3.0"
+    hasown: "npm:^2.0.2"
+    jsx-ast-utils: "npm:^2.4.1 || ^3.0.0"
+    minimatch: "npm:^3.1.2"
+    object.entries: "npm:^1.1.9"
+    object.fromentries: "npm:^2.0.8"
+    object.values: "npm:^1.2.1"
+    prop-types: "npm:^15.8.1"
+    resolve: "npm:^2.0.0-next.5"
+    semver: "npm:^6.3.1"
+    string.prototype.matchall: "npm:^4.0.12"
+    string.prototype.repeat: "npm:^1.0.0"
+  peerDependencies:
+    eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
+  checksum: 10/ee1bd4e0ec64f29109d5a625bb703d179c82e0159c86c3f1b52fc1209d2994625a137dae303c333fb308a2e38315e44066d5204998177e31974382f9fda25d5c
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-storybook@npm:^0.11.0":
+  version: 0.11.1
+  resolution: "eslint-plugin-storybook@npm:0.11.1"
+  dependencies:
+    "@storybook/csf": "npm:^0.1.11"
+    "@typescript-eslint/utils": "npm:^8.8.1"
+    ts-dedent: "npm:^2.2.0"
+  peerDependencies:
+    eslint: ">=6"
+  checksum: 10/3a8757e403227665566a9ee35a735bf72529a8eb2d6ba270c99e6df140601984b43e7fcf274ebee601fe3d946c76edfeefcce4200077da53edc26212ba5bd03c
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-unused-imports@npm:^4.1.4":
+  version: 4.1.4
+  resolution: "eslint-plugin-unused-imports@npm:4.1.4"
+  peerDependencies:
+    "@typescript-eslint/eslint-plugin": ^8.0.0-0 || ^7.0.0 || ^6.0.0 || ^5.0.0
+    eslint: ^9.0.0 || ^8.0.0
+  peerDependenciesMeta:
+    "@typescript-eslint/eslint-plugin":
+      optional: true
+  checksum: 10/8e987028ad925ce1e04c01dcae70adbf44c2878a8b15c4327b33a2861e471d7fe00f6fe213fbd2b936f3fcefc8ccabb0d778aa1d6e0e0387a3dc7fe150cd4ed4
+  languageName: node
+  linkType: hard
+
+"eslint-scope@npm:5.1.1":
+  version: 5.1.1
+  resolution: "eslint-scope@npm:5.1.1"
+  dependencies:
+    esrecurse: "npm:^4.3.0"
+    estraverse: "npm:^4.1.1"
+  checksum: 10/c541ef384c92eb5c999b7d3443d80195fcafb3da335500946f6db76539b87d5826c8f2e1d23bf6afc3154ba8cd7c8e566f8dc00f1eea25fdf3afc8fb9c87b238
+  languageName: node
+  linkType: hard
+
+"eslint-scope@npm:^8.4.0":
+  version: 8.4.0
+  resolution: "eslint-scope@npm:8.4.0"
+  dependencies:
+    esrecurse: "npm:^4.3.0"
+    estraverse: "npm:^5.2.0"
+  checksum: 10/e8e611701f65375e034c62123946e628894f0b54aa8cb11abe224816389abe5cd74cf16b62b72baa36504f22d1a958b9b8b0169b82397fe2e7997674c0d09b06
+  languageName: node
+  linkType: hard
+
+"eslint-utils@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "eslint-utils@npm:2.1.0"
+  dependencies:
+    eslint-visitor-keys: "npm:^1.1.0"
+  checksum: 10/a7e43a5154a16a90c021cabeb160c3668cccbcf6474ccb2a7d7762698582398f3b938c5330909b858ef7c21182edfc9786dbf89ed7b294f51b7659a378bf7cec
+  languageName: node
+  linkType: hard
+
+"eslint-visitor-keys@npm:^1.1.0":
+  version: 1.3.0
+  resolution: "eslint-visitor-keys@npm:1.3.0"
+  checksum: 10/595ab230e0fcb52f86ba0986a9a473b9fcae120f3729b43f1157f88f27f8addb1e545c4e3d444185f2980e281ca15be5ada6f65b4599eec227cf30e41233b762
+  languageName: node
+  linkType: hard
+
+"eslint-visitor-keys@npm:^3.4.3":
+  version: 3.4.3
+  resolution: "eslint-visitor-keys@npm:3.4.3"
+  checksum: 10/3f357c554a9ea794b094a09bd4187e5eacd1bc0d0653c3adeb87962c548e6a1ab8f982b86963ae1337f5d976004146536dcee5d0e2806665b193fbfbf1a9231b
+  languageName: node
+  linkType: hard
+
+"eslint-visitor-keys@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "eslint-visitor-keys@npm:4.2.0"
+  checksum: 10/9651b3356b01760e586b4c631c5268c0e1a85236e3292bf754f0472f465bf9a856c0ddc261fceace155334118c0151778effafbab981413dbf9288349343fa25
+  languageName: node
+  linkType: hard
+
+"eslint-visitor-keys@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "eslint-visitor-keys@npm:4.2.1"
+  checksum: 10/3ee00fc6a7002d4b0ffd9dc99e13a6a7882c557329e6c25ab254220d71e5c9c4f89dca4695352949ea678eb1f3ba912a18ef8aac0a7fe094196fd92f441bfce2
+  languageName: node
+  linkType: hard
+
+"eslint@npm:^9.29.0":
+  version: 9.29.0
+  resolution: "eslint@npm:9.29.0"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.2.0"
+    "@eslint-community/regexpp": "npm:^4.12.1"
+    "@eslint/config-array": "npm:^0.20.1"
+    "@eslint/config-helpers": "npm:^0.2.1"
+    "@eslint/core": "npm:^0.14.0"
+    "@eslint/eslintrc": "npm:^3.3.1"
+    "@eslint/js": "npm:9.29.0"
+    "@eslint/plugin-kit": "npm:^0.3.1"
+    "@humanfs/node": "npm:^0.16.6"
+    "@humanwhocodes/module-importer": "npm:^1.0.1"
+    "@humanwhocodes/retry": "npm:^0.4.2"
+    "@types/estree": "npm:^1.0.6"
+    "@types/json-schema": "npm:^7.0.15"
+    ajv: "npm:^6.12.4"
+    chalk: "npm:^4.0.0"
+    cross-spawn: "npm:^7.0.6"
+    debug: "npm:^4.3.2"
+    escape-string-regexp: "npm:^4.0.0"
+    eslint-scope: "npm:^8.4.0"
+    eslint-visitor-keys: "npm:^4.2.1"
+    espree: "npm:^10.4.0"
+    esquery: "npm:^1.5.0"
+    esutils: "npm:^2.0.2"
+    fast-deep-equal: "npm:^3.1.3"
+    file-entry-cache: "npm:^8.0.0"
+    find-up: "npm:^5.0.0"
+    glob-parent: "npm:^6.0.2"
+    ignore: "npm:^5.2.0"
+    imurmurhash: "npm:^0.1.4"
+    is-glob: "npm:^4.0.0"
+    json-stable-stringify-without-jsonify: "npm:^1.0.1"
+    lodash.merge: "npm:^4.6.2"
+    minimatch: "npm:^3.1.2"
+    natural-compare: "npm:^1.4.0"
+    optionator: "npm:^0.9.3"
+  peerDependencies:
+    jiti: "*"
+  peerDependenciesMeta:
+    jiti:
+      optional: true
+  bin:
+    eslint: bin/eslint.js
+  checksum: 10/be0c8e123207c9d653fb75ddc610b85dfbf295a2bfa1cbecc78f191dcba9c421525b5befd5d499ce561eca607c9c33f455e4fff0b1c2d4202c2896dafe95094a
+  languageName: node
+  linkType: hard
+
+"esniff@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "esniff@npm:2.0.1"
+  dependencies:
+    d: "npm:^1.0.1"
+    es5-ext: "npm:^0.10.62"
+    event-emitter: "npm:^0.3.5"
+    type: "npm:^2.7.2"
+  checksum: 10/f6a2abd2f8c5fe57c5fcf53e5407c278023313d0f6c3a92688e7122ab9ac233029fd424508a196ae5bc561aa1f67d23f4e2435b1a0d378030f476596129056ac
+  languageName: node
+  linkType: hard
+
+"espree@npm:^10.0.1":
+  version: 10.3.0
+  resolution: "espree@npm:10.3.0"
+  dependencies:
+    acorn: "npm:^8.14.0"
+    acorn-jsx: "npm:^5.3.2"
+    eslint-visitor-keys: "npm:^4.2.0"
+  checksum: 10/3412d44d4204c9e29d6b5dd0277400cfa0cd68495dc09eae1b9ce79d0c8985c1c5cc09cb9ba32a1cd963f48a49b0c46bdb7736afe395a300aa6bb1c0d86837e8
+  languageName: node
+  linkType: hard
+
+"espree@npm:^10.4.0":
+  version: 10.4.0
+  resolution: "espree@npm:10.4.0"
+  dependencies:
+    acorn: "npm:^8.15.0"
+    acorn-jsx: "npm:^5.3.2"
+    eslint-visitor-keys: "npm:^4.2.1"
+  checksum: 10/9b355b32dbd1cc9f57121d5ee3be258fab87ebeb7c83fc6c02e5af1a74fc8c5ba79fe8c663e69ea112c3e84a1b95e6a2067ac4443ee7813bb85ac7581acb8bf9
+  languageName: node
+  linkType: hard
+
+"esprima@npm:^4.0.0, esprima@npm:^4.0.1, esprima@npm:~4.0.0":
+  version: 4.0.1
+  resolution: "esprima@npm:4.0.1"
+  bin:
+    esparse: ./bin/esparse.js
+    esvalidate: ./bin/esvalidate.js
+  checksum: 10/f1d3c622ad992421362294f7acf866aa9409fbad4eb2e8fa230bd33944ce371d32279667b242d8b8907ec2b6ad7353a717f3c0e60e748873a34a7905174bc0eb
+  languageName: node
+  linkType: hard
+
+"esquery@npm:^1.5.0":
+  version: 1.6.0
+  resolution: "esquery@npm:1.6.0"
+  dependencies:
+    estraverse: "npm:^5.1.0"
+  checksum: 10/c587fb8ec9ed83f2b1bc97cf2f6854cc30bf784a79d62ba08c6e358bf22280d69aee12827521cf38e69ae9761d23fb7fde593ce315610f85655c139d99b05e5a
+  languageName: node
+  linkType: hard
+
+"esrecurse@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "esrecurse@npm:4.3.0"
+  dependencies:
+    estraverse: "npm:^5.2.0"
+  checksum: 10/44ffcd89e714ea6b30143e7f119b104fc4d75e77ee913f34d59076b40ef2d21967f84e019f84e1fd0465b42cdbf725db449f232b5e47f29df29ed76194db8e16
+  languageName: node
+  linkType: hard
+
+"estraverse@npm:^4.1.1":
+  version: 4.3.0
+  resolution: "estraverse@npm:4.3.0"
+  checksum: 10/3f67ad02b6dbfaddd9ea459cf2b6ef4ecff9a6082a7af9d22e445b9abc082ad9ca47e1825557b293fcdae477f4714e561123e30bb6a5b2f184fb2bad4a9497eb
+  languageName: node
+  linkType: hard
+
+"estraverse@npm:^5.1.0, estraverse@npm:^5.2.0, estraverse@npm:^5.3.0":
+  version: 5.3.0
+  resolution: "estraverse@npm:5.3.0"
+  checksum: 10/37cbe6e9a68014d34dbdc039f90d0baf72436809d02edffcc06ba3c2a12eb298048f877511353b130153e532aac8d68ba78430c0dd2f44806ebc7c014b01585e
+  languageName: node
+  linkType: hard
+
+"estree-util-attach-comments@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "estree-util-attach-comments@npm:3.0.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+  checksum: 10/a788b5bb7ab98311ab5e96628e40d2fc5d74eae5e5a1ca9769b4749ec5bf9747b00e200c597dc22b8d492a311933e78989930ef3a753556e375a41c360df19ac
+  languageName: node
+  linkType: hard
+
+"estree-util-build-jsx@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "estree-util-build-jsx@npm:3.0.1"
+  dependencies:
+    "@types/estree-jsx": "npm:^1.0.0"
+    devlop: "npm:^1.0.0"
+    estree-util-is-identifier-name: "npm:^3.0.0"
+    estree-walker: "npm:^3.0.0"
+  checksum: 10/08b43edd1d97ecbaa8e3be891b75bdab426734e68a9520bafd67ee61d04dc1680a6a7cb331b61b3b323952016cce7d947562bf3ed51d7ec6701a4463a3bacdb5
+  languageName: node
+  linkType: hard
+
+"estree-util-is-identifier-name@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "estree-util-is-identifier-name@npm:3.0.0"
+  checksum: 10/cdc9187614fdb269d714eddfdf72c270a79daa9ed51e259bb78527983be6dcc68da6a914ccc41175b662194c67fbd2a1cd262f85fac1eef7111cfddfaf6f77f8
+  languageName: node
+  linkType: hard
+
+"estree-util-scope@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "estree-util-scope@npm:1.0.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    devlop: "npm:^1.0.0"
+  checksum: 10/7807aaaf8651150fefee19cb60a670884f677959cc05513369c0b9646a329b132bccc9d6bbf19411a8a55a0840530f4e93cef5bba92ae9f347ac7c2ceef37cdd
+  languageName: node
+  linkType: hard
+
+"estree-util-to-js@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "estree-util-to-js@npm:2.0.0"
+  dependencies:
+    "@types/estree-jsx": "npm:^1.0.0"
+    astring: "npm:^1.8.0"
+    source-map: "npm:^0.7.0"
+  checksum: 10/4a1673d9c859d8fa8a3d87d83c770390ce3cde70978891f3ef1692d57b4f852e0d5a94d18c656bd6431e0be29a64fd041a1fb8e2a579a4484d47142d2a1addb5
+  languageName: node
+  linkType: hard
+
+"estree-util-value-to-estree@npm:^3.0.0":
+  version: 3.4.0
+  resolution: "estree-util-value-to-estree@npm:3.4.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+  checksum: 10/4fdb101cba7e3c8a2aaf1881c0c169218addaea0b6101e3de344c137663e4db8887da7fccd0c96939340aa13679af085a07cca05ee168d61a5fb783054bdffe5
+  languageName: node
+  linkType: hard
+
+"estree-util-visit@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "estree-util-visit@npm:2.0.0"
+  dependencies:
+    "@types/estree-jsx": "npm:^1.0.0"
+    "@types/unist": "npm:^3.0.0"
+  checksum: 10/e3c39d34c8b42fc2067dfa64d460f754b43cca4b573b031a5e5bb185e02c4efc753353197815bbb094b8149a781ab76f18116bec8056b5ff375162e68bffa0bd
+  languageName: node
+  linkType: hard
+
+"estree-walker@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "estree-walker@npm:1.0.1"
+  checksum: 10/1cf11a0aff7613aa765dc535ed1d83e2a1986207d2353f4795df309a2c55726de3ca4948df635c09969a739dc59e8e2d69f88d3b3d2c6dfc5701257aafd1d11b
+  languageName: node
+  linkType: hard
+
+"estree-walker@npm:^2, estree-walker@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "estree-walker@npm:2.0.2"
+  checksum: 10/b02109c5d46bc2ed47de4990eef770f7457b1159a229f0999a09224d2b85ffeed2d7679cffcff90aeb4448e94b0168feb5265b209cdec29aad50a3d6e93d21e2
+  languageName: node
+  linkType: hard
+
+"estree-walker@npm:^3.0.0, estree-walker@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "estree-walker@npm:3.0.3"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+  checksum: 10/a65728d5727b71de172c5df323385755a16c0fdab8234dc756c3854cfee343261ddfbb72a809a5660fac8c75d960bb3e21aa898c2d7e9b19bb298482ca58a3af
+  languageName: node
+  linkType: hard
+
+"esutils@npm:^2.0.2":
+  version: 2.0.3
+  resolution: "esutils@npm:2.0.3"
+  checksum: 10/b23acd24791db11d8f65be5ea58fd9a6ce2df5120ae2da65c16cfc5331ff59d5ac4ef50af66cd4bde238881503ec839928a0135b99a036a9cdfa22d17fd56cdb
+  languageName: node
+  linkType: hard
+
+"etag@npm:~1.8.1":
+  version: 1.8.1
+  resolution: "etag@npm:1.8.1"
+  checksum: 10/571aeb3dbe0f2bbd4e4fadbdb44f325fc75335cd5f6f6b6a091e6a06a9f25ed5392f0863c5442acb0646787446e816f13cbfc6edce5b07658541dff573cab1ff
+  languageName: node
+  linkType: hard
+
+"eth-crypto@npm:^2.1.0":
+  version: 2.8.0
+  resolution: "eth-crypto@npm:2.8.0"
+  dependencies:
+    "@babel/runtime": "npm:7.27.0"
+    "@ethereumjs/tx": "npm:3.5.2"
+    "@types/bn.js": "npm:5.1.6"
+    eccrypto: "npm:1.1.6"
+    ethereumjs-util: "npm:7.1.5"
+    ethers: "npm:5.8.0"
+    secp256k1: "npm:5.0.1"
+  checksum: 10/15f7e3c936bd3b65f89379a4b2caa7033e6c011d2cf07842160c88039823cd30defa54140a4b5e41630bfb444c9ccdf0c5e65964d75023b4510bc8d3ea1f0ad5
+  languageName: node
+  linkType: hard
+
+"ethereum-cryptography@npm:^0.1.3":
+  version: 0.1.3
+  resolution: "ethereum-cryptography@npm:0.1.3"
+  dependencies:
+    "@types/pbkdf2": "npm:^3.0.0"
+    "@types/secp256k1": "npm:^4.0.1"
+    blakejs: "npm:^1.1.0"
+    browserify-aes: "npm:^1.2.0"
+    bs58check: "npm:^2.1.2"
+    create-hash: "npm:^1.2.0"
+    create-hmac: "npm:^1.1.7"
+    hash.js: "npm:^1.1.7"
+    keccak: "npm:^3.0.0"
+    pbkdf2: "npm:^3.0.17"
+    randombytes: "npm:^2.1.0"
+    safe-buffer: "npm:^5.1.2"
+    scrypt-js: "npm:^3.0.0"
+    secp256k1: "npm:^4.0.1"
+    setimmediate: "npm:^1.0.5"
+  checksum: 10/975e476782746acd97d5b37366801ae622a52fb31e5d83f600804be230a61ef7b9d289dcecd9c308fb441967caf3a6e3768dd7c8add6441fcc60c398175d5a96
+  languageName: node
+  linkType: hard
+
+"ethereum-cryptography@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "ethereum-cryptography@npm:3.2.0"
+  dependencies:
+    "@noble/ciphers": "npm:1.3.0"
+    "@noble/curves": "npm:1.9.0"
+    "@noble/hashes": "npm:1.8.0"
+    "@scure/bip32": "npm:1.7.0"
+    "@scure/bip39": "npm:1.6.0"
+  checksum: 10/35c72fdfe26861e20b6a37bca9b4f22517d0fe130370d2b0071890225ca10a30848c8c784a1389544de2b5308f22a76a6e60c234449b8a504c5a4c092a04785c
+  languageName: node
+  linkType: hard
+
+"ethereumjs-abi@npm:^0.6.8":
+  version: 0.6.8
+  resolution: "ethereumjs-abi@npm:0.6.8"
+  dependencies:
+    bn.js: "npm:^4.11.8"
+    ethereumjs-util: "npm:^6.0.0"
+  checksum: 10/d4633ca30048b53c0f900ba5d7d6013ca228822055fbd93f975befc41f5c3054e0fffc27562d78050f164170e546af66c20e9ca1d35e67ea861df07d59a65a91
+  languageName: node
+  linkType: hard
+
+"ethereumjs-util@npm:7.1.5, ethereumjs-util@npm:^7.1.3, ethereumjs-util@npm:^7.1.4, ethereumjs-util@npm:^7.1.5":
+  version: 7.1.5
+  resolution: "ethereumjs-util@npm:7.1.5"
+  dependencies:
+    "@types/bn.js": "npm:^5.1.0"
+    bn.js: "npm:^5.1.2"
+    create-hash: "npm:^1.1.2"
+    ethereum-cryptography: "npm:^0.1.3"
+    rlp: "npm:^2.2.4"
+  checksum: 10/f28fc1ebb8f35bf9e418f76f51be737d94d603b912c3e014c4e87cd45ccd1b10bdfef764c8f152574b57e9faa260a18773cbc110f9e0a754d6b3730699e54dc9
+  languageName: node
+  linkType: hard
+
+"ethereumjs-util@npm:^6.0.0, ethereumjs-util@npm:^6.2.1":
+  version: 6.2.1
+  resolution: "ethereumjs-util@npm:6.2.1"
+  dependencies:
+    "@types/bn.js": "npm:^4.11.3"
+    bn.js: "npm:^4.11.0"
+    create-hash: "npm:^1.1.2"
+    elliptic: "npm:^6.5.2"
+    ethereum-cryptography: "npm:^0.1.3"
+    ethjs-util: "npm:0.1.6"
+    rlp: "npm:^2.2.3"
+  checksum: 10/dedc8a623e21d1864b09c47f28851fc0fca6233cdefa4755a308507822ce75c893bbb2c3ba422109d1247986ec757941718f06574437e41b0d68604108b03fd0
+  languageName: node
+  linkType: hard
+
+"ethers@npm:5.5.4":
+  version: 5.5.4
+  resolution: "ethers@npm:5.5.4"
+  dependencies:
+    "@ethersproject/abi": "npm:5.5.0"
+    "@ethersproject/abstract-provider": "npm:5.5.1"
+    "@ethersproject/abstract-signer": "npm:5.5.0"
+    "@ethersproject/address": "npm:5.5.0"
+    "@ethersproject/base64": "npm:5.5.0"
+    "@ethersproject/basex": "npm:5.5.0"
+    "@ethersproject/bignumber": "npm:5.5.0"
+    "@ethersproject/bytes": "npm:5.5.0"
+    "@ethersproject/constants": "npm:5.5.0"
+    "@ethersproject/contracts": "npm:5.5.0"
+    "@ethersproject/hash": "npm:5.5.0"
+    "@ethersproject/hdnode": "npm:5.5.0"
+    "@ethersproject/json-wallets": "npm:5.5.0"
+    "@ethersproject/keccak256": "npm:5.5.0"
+    "@ethersproject/logger": "npm:5.5.0"
+    "@ethersproject/networks": "npm:5.5.2"
+    "@ethersproject/pbkdf2": "npm:5.5.0"
+    "@ethersproject/properties": "npm:5.5.0"
+    "@ethersproject/providers": "npm:5.5.3"
+    "@ethersproject/random": "npm:5.5.1"
+    "@ethersproject/rlp": "npm:5.5.0"
+    "@ethersproject/sha2": "npm:5.5.0"
+    "@ethersproject/signing-key": "npm:5.5.0"
+    "@ethersproject/solidity": "npm:5.5.0"
+    "@ethersproject/strings": "npm:5.5.0"
+    "@ethersproject/transactions": "npm:5.5.0"
+    "@ethersproject/units": "npm:5.5.0"
+    "@ethersproject/wallet": "npm:5.5.0"
+    "@ethersproject/web": "npm:5.5.1"
+    "@ethersproject/wordlists": "npm:5.5.0"
+  checksum: 10/68ff64fe9b5b37362c0d811499262a0ff68dd23cdb2d6f27b48d42c64f713f40ecdc06e3d52da2e6514bce42dc0e7df2b815bfb41a3895fde4fa8c4b9c01cec9
+  languageName: node
+  linkType: hard
+
+"ethers@npm:5.8.0":
+  version: 5.8.0
+  resolution: "ethers@npm:5.8.0"
+  dependencies:
+    "@ethersproject/abi": "npm:5.8.0"
+    "@ethersproject/abstract-provider": "npm:5.8.0"
+    "@ethersproject/abstract-signer": "npm:5.8.0"
+    "@ethersproject/address": "npm:5.8.0"
+    "@ethersproject/base64": "npm:5.8.0"
+    "@ethersproject/basex": "npm:5.8.0"
+    "@ethersproject/bignumber": "npm:5.8.0"
+    "@ethersproject/bytes": "npm:5.8.0"
+    "@ethersproject/constants": "npm:5.8.0"
+    "@ethersproject/contracts": "npm:5.8.0"
+    "@ethersproject/hash": "npm:5.8.0"
+    "@ethersproject/hdnode": "npm:5.8.0"
+    "@ethersproject/json-wallets": "npm:5.8.0"
+    "@ethersproject/keccak256": "npm:5.8.0"
+    "@ethersproject/logger": "npm:5.8.0"
+    "@ethersproject/networks": "npm:5.8.0"
+    "@ethersproject/pbkdf2": "npm:5.8.0"
+    "@ethersproject/properties": "npm:5.8.0"
+    "@ethersproject/providers": "npm:5.8.0"
+    "@ethersproject/random": "npm:5.8.0"
+    "@ethersproject/rlp": "npm:5.8.0"
+    "@ethersproject/sha2": "npm:5.8.0"
+    "@ethersproject/signing-key": "npm:5.8.0"
+    "@ethersproject/solidity": "npm:5.8.0"
+    "@ethersproject/strings": "npm:5.8.0"
+    "@ethersproject/transactions": "npm:5.8.0"
+    "@ethersproject/units": "npm:5.8.0"
+    "@ethersproject/wallet": "npm:5.8.0"
+    "@ethersproject/web": "npm:5.8.0"
+    "@ethersproject/wordlists": "npm:5.8.0"
+  checksum: 10/4a78952fe660ab9414bd2907d7db34f12b67c4c3f3cbfc2dfab5ea1862d70400b731ef847b708665d4f42f83dafacb2045f14f66980c34fac0418dbc3bfc016e
+  languageName: node
+  linkType: hard
+
+"ethers@npm:6.14.3, ethers@npm:^6.14.3":
+  version: 6.14.3
+  resolution: "ethers@npm:6.14.3"
+  dependencies:
+    "@adraffy/ens-normalize": "npm:1.10.1"
+    "@noble/curves": "npm:1.2.0"
+    "@noble/hashes": "npm:1.3.2"
+    "@types/node": "npm:22.7.5"
+    aes-js: "npm:4.0.0-beta.5"
+    tslib: "npm:2.7.0"
+    ws: "npm:8.17.1"
+  checksum: 10/ce68b962f117fd651090bd8096fde708428ce23f0d044c365bc8cbf2e8f3cb70e1661ff0194364848ccac06d607d4a977f2a0c9e370b9712809c0ca6c36131f9
+  languageName: node
+  linkType: hard
+
+"ethjs-util@npm:0.1.6, ethjs-util@npm:^0.1.6":
+  version: 0.1.6
+  resolution: "ethjs-util@npm:0.1.6"
+  dependencies:
+    is-hex-prefixed: "npm:1.0.0"
+    strip-hex-prefix: "npm:1.0.0"
+  checksum: 10/02e1d37f743a78742651a11be35461dfe8ed653f113d630435aada8036e1e199691c2cfffbbf1e800bfdeb14bb34c7ed69fab5d3c727058c1daf3effc6bf6f69
+  languageName: node
+  linkType: hard
+
+"event-emitter@npm:^0.3.5":
+  version: 0.3.5
+  resolution: "event-emitter@npm:0.3.5"
+  dependencies:
+    d: "npm:1"
+    es5-ext: "npm:~0.10.14"
+  checksum: 10/a7f5ea80029193f4869782d34ef7eb43baa49cd397013add1953491b24588468efbe7e3cc9eb87d53f33397e7aab690fd74c079ec440bf8b12856f6bdb6e9396
+  languageName: node
+  linkType: hard
+
+"event-target-shim@npm:^5.0.0, event-target-shim@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "event-target-shim@npm:5.0.1"
+  checksum: 10/49ff46c3a7facbad3decb31f597063e761785d7fdb3920d4989d7b08c97a61c2f51183e2f3a03130c9088df88d4b489b1b79ab632219901f184f85158508f4c8
+  languageName: node
+  linkType: hard
+
+"eventemitter2@npm:6.4.7":
+  version: 6.4.7
+  resolution: "eventemitter2@npm:6.4.7"
+  checksum: 10/df2a733ee3a7ac6e7f6988cebbaac5b14b46bf82f700f1ec86f9e3f3d095dba20f9aa5c29d9d62a6f50fd943f798f7f2a38c4e1b45148f6f7cec7586a8ac6881
+  languageName: node
+  linkType: hard
+
+"eventemitter3@npm:5.0.1, eventemitter3@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "eventemitter3@npm:5.0.1"
+  checksum: 10/ac6423ec31124629c84c7077eed1e6987f6d66c31cf43c6fcbf6c87791d56317ce808d9ead483652436df171b526fc7220eccdc9f3225df334e81582c3cf7dd5
+  languageName: node
+  linkType: hard
+
+"eventemitter3@npm:^4.0.7":
+  version: 4.0.7
+  resolution: "eventemitter3@npm:4.0.7"
+  checksum: 10/8030029382404942c01d0037079f1b1bc8fed524b5849c237b80549b01e2fc49709e1d0c557fa65ca4498fc9e24cff1475ef7b855121fcc15f9d61f93e282346
+  languageName: node
+  linkType: hard
+
+"events@npm:3.3.0, events@npm:^3.2.0, events@npm:^3.3.0":
+  version: 3.3.0
+  resolution: "events@npm:3.3.0"
+  checksum: 10/a3d47e285e28d324d7180f1e493961a2bbb4cad6412090e4dec114f4db1f5b560c7696ee8e758f55e23913ede856e3689cd3aa9ae13c56b5d8314cd3b3ddd1be
+  languageName: node
+  linkType: hard
+
+"eventsource@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "eventsource@npm:2.0.2"
+  checksum: 10/e1c4c3664cebf9efdd55c90818ef847099f298bf521768d479cf22d8a681e666b3042de85327711ba6a8414ac6a04c70d2aeb4f405bba8239a8c36e06a019374
+  languageName: node
+  linkType: hard
+
+"evp_bytestokey@npm:^1.0.0, evp_bytestokey@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "evp_bytestokey@npm:1.0.3"
+  dependencies:
+    md5.js: "npm:^1.3.4"
+    node-gyp: "npm:latest"
+    safe-buffer: "npm:^5.1.1"
+  checksum: 10/ad4e1577f1a6b721c7800dcc7c733fe01f6c310732bb5bf2240245c2a5b45a38518b91d8be2c610611623160b9d1c0e91f1ce96d639f8b53e8894625cf20fa45
+  languageName: node
+  linkType: hard
+
+"exec-async@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "exec-async@npm:2.2.0"
+  checksum: 10/35932a49c825245e1fe022848a3ffef71717955149a3af8d56bf15b04a21c8f098581ffe2e4916a9dbd7736ce559365ccd55327e72422136adb9f4af867e1203
+  languageName: node
+  linkType: hard
+
+"execa@npm:4.1.0":
+  version: 4.1.0
+  resolution: "execa@npm:4.1.0"
+  dependencies:
+    cross-spawn: "npm:^7.0.0"
+    get-stream: "npm:^5.0.0"
+    human-signals: "npm:^1.1.1"
+    is-stream: "npm:^2.0.0"
+    merge-stream: "npm:^2.0.0"
+    npm-run-path: "npm:^4.0.0"
+    onetime: "npm:^5.1.0"
+    signal-exit: "npm:^3.0.2"
+    strip-final-newline: "npm:^2.0.0"
+  checksum: 10/ed58e41fe424797f3d837c8fb622548eeb72fa03324f2676af95f806568904eb55f196127a097f87d4517cab524c169ece13e6c9e201867de57b089584864b8f
+  languageName: node
+  linkType: hard
+
+"execa@npm:^5.0.0":
+  version: 5.1.1
+  resolution: "execa@npm:5.1.1"
+  dependencies:
+    cross-spawn: "npm:^7.0.3"
+    get-stream: "npm:^6.0.0"
+    human-signals: "npm:^2.1.0"
+    is-stream: "npm:^2.0.0"
+    merge-stream: "npm:^2.0.0"
+    npm-run-path: "npm:^4.0.1"
+    onetime: "npm:^5.1.2"
+    signal-exit: "npm:^3.0.3"
+    strip-final-newline: "npm:^2.0.0"
+  checksum: 10/8ada91f2d70f7dff702c861c2c64f21dfdc1525628f3c0454fd6f02fce65f7b958616cbd2b99ca7fa4d474e461a3d363824e91b3eb881705231abbf387470597
+  languageName: node
+  linkType: hard
+
+"execa@npm:^8.0.1, execa@npm:~8.0.1":
+  version: 8.0.1
+  resolution: "execa@npm:8.0.1"
+  dependencies:
+    cross-spawn: "npm:^7.0.3"
+    get-stream: "npm:^8.0.1"
+    human-signals: "npm:^5.0.0"
+    is-stream: "npm:^3.0.0"
+    merge-stream: "npm:^2.0.0"
+    npm-run-path: "npm:^5.1.0"
+    onetime: "npm:^6.0.0"
+    signal-exit: "npm:^4.1.0"
+    strip-final-newline: "npm:^3.0.0"
+  checksum: 10/d2ab5fe1e2bb92b9788864d0713f1fce9a07c4594e272c0c97bc18c90569897ab262e4ea58d27a694d288227a2e24f16f5e2575b44224ad9983b799dc7f1098d
+  languageName: node
+  linkType: hard
+
+"executable@npm:^4.1.1":
+  version: 4.1.1
+  resolution: "executable@npm:4.1.1"
+  dependencies:
+    pify: "npm:^2.2.0"
+  checksum: 10/f01927ce59bccec804e171bf859a26e362c1f50aa9ebc69f7cafdcce3859d29d4b6267fd47237c18b0a1830614bd3f0ee14b7380d9bad18a4e7af9b5f0b6984f
+  languageName: node
+  linkType: hard
+
+"exit@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "exit@npm:0.1.2"
+  checksum: 10/387555050c5b3c10e7a9e8df5f43194e95d7737c74532c409910e585d5554eaff34960c166643f5e23d042196529daad059c292dcf1fb61b8ca878d3677f4b87
+  languageName: node
+  linkType: hard
+
+"expect@npm:^29.0.0, expect@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "expect@npm:29.7.0"
+  dependencies:
+    "@jest/expect-utils": "npm:^29.7.0"
+    jest-get-type: "npm:^29.6.3"
+    jest-matcher-utils: "npm:^29.7.0"
+    jest-message-util: "npm:^29.7.0"
+    jest-util: "npm:^29.7.0"
+  checksum: 10/63f97bc51f56a491950fb525f9ad94f1916e8a014947f8d8445d3847a665b5471b768522d659f5e865db20b6c2033d2ac10f35fcbd881a4d26407a4f6f18451a
+  languageName: node
+  linkType: hard
+
+"expo-application@npm:~6.1.4":
+  version: 6.1.4
+  resolution: "expo-application@npm:6.1.4"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/9f25eceea43cc93c7f1add49c2d9d510b4fe682b7c5669f976bb8061de66090c45fad049a84f5ae098ddcd428222631984c80387e58df2d5fab674d010f96c4c
+  languageName: node
+  linkType: hard
+
+"expo-asset@npm:~11.1.5":
+  version: 11.1.5
+  resolution: "expo-asset@npm:11.1.5"
+  dependencies:
+    "@expo/image-utils": "npm:^0.7.4"
+    expo-constants: "npm:~17.1.5"
+  peerDependencies:
+    expo: "*"
+    react: "*"
+    react-native: "*"
+  checksum: 10/105f2f384362d025e8808f8db384df18a0738d4ddc2f51becb69cdde896c421f773d008f9737997be9a18bc883f4dc5a54f14f0f7e9363383246620cc2e5c37a
+  languageName: node
+  linkType: hard
+
+"expo-blur@npm:~14.1.4":
+  version: 14.1.4
+  resolution: "expo-blur@npm:14.1.4"
+  peerDependencies:
+    expo: "*"
+    react: "*"
+    react-native: "*"
+  checksum: 10/62a405ca66a1e42bc76b19eea57d79ec6e6669b359ae3dbebb8219230b2e0afd08d732a8efe9ec05b22f909a8f0c89ed13d0e694d8802f39ee63226d42ab77d9
+  languageName: node
+  linkType: hard
+
+"expo-build-properties@npm:~0.14.6":
+  version: 0.14.6
+  resolution: "expo-build-properties@npm:0.14.6"
+  dependencies:
+    ajv: "npm:^8.11.0"
+    semver: "npm:^7.6.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/6ac7be2e2093cce1b88051917dbc490b7cad4561cc3cf0b53644413411467c2739bad5cadfbcb0b44b9b767aa8b273ffe56e86ebdf7f1ee516b5318ee03f0cbf
+  languageName: node
+  linkType: hard
+
+"expo-constants@npm:~17.1.4, expo-constants@npm:~17.1.5":
+  version: 17.1.5
+  resolution: "expo-constants@npm:17.1.5"
+  dependencies:
+    "@expo/config": "npm:~11.0.7"
+    "@expo/env": "npm:~1.0.5"
+  peerDependencies:
+    expo: "*"
+    react-native: "*"
+  checksum: 10/f4367e3807a2f675a7ae7999a7b69d949a8e35be5dd182241b50ed915f80b9e7a457941ab922a1e10a051801583c2ea2112e128e0584709ca6ea93653218f869
+  languageName: node
+  linkType: hard
+
+"expo-dev-client@npm:~5.1.8":
+  version: 5.1.8
+  resolution: "expo-dev-client@npm:5.1.8"
+  dependencies:
+    expo-dev-launcher: "npm:5.1.11"
+    expo-dev-menu: "npm:6.1.10"
+    expo-dev-menu-interface: "npm:1.10.0"
+    expo-manifests: "npm:~0.16.4"
+    expo-updates-interface: "npm:~1.1.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/f641260cbccd87e3a495aa1bb9be701a58477347a077d720a5c4a1413eb3e4d4a82bccad0c0f18f4eb2c3f4506e75840d34d6d4462a6b5685e5197e3639168a7
+  languageName: node
+  linkType: hard
+
+"expo-dev-client@npm:~5.2.1":
+  version: 5.2.3
+  resolution: "expo-dev-client@npm:5.2.3"
+  dependencies:
+    expo-dev-launcher: "npm:5.1.15"
+    expo-dev-menu: "npm:6.1.13"
+    expo-dev-menu-interface: "npm:1.10.0"
+    expo-manifests: "npm:~0.16.5"
+    expo-updates-interface: "npm:~1.1.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/d0f89bc1e83169114f519e0bca2aa216897b3af2e39236500a70c507a719fcd4ba3c45645b227687a6dcbac53d4e668ee2ca2a53ee63bfdf382e3bac252f37b2
+  languageName: node
+  linkType: hard
+
+"expo-dev-launcher@npm:5.1.11":
+  version: 5.1.11
+  resolution: "expo-dev-launcher@npm:5.1.11"
+  dependencies:
+    ajv: "npm:8.11.0"
+    expo-dev-menu: "npm:6.1.10"
+    expo-manifests: "npm:~0.16.4"
+    resolve-from: "npm:^5.0.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/eebb6ca137aba96b7fea64838539201452a38a156acf439918c248295f951a01a36051124929d5467fcb9ede4355201d603bac0438676e485fdd86431c957fa5
+  languageName: node
+  linkType: hard
+
+"expo-dev-launcher@npm:5.1.15":
+  version: 5.1.15
+  resolution: "expo-dev-launcher@npm:5.1.15"
+  dependencies:
+    ajv: "npm:8.11.0"
+    expo-dev-menu: "npm:6.1.13"
+    expo-manifests: "npm:~0.16.5"
+    resolve-from: "npm:^5.0.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/c28a380c4320c36b3af669750750a78842452362fdd53c1bfec38a4b6373f9973ddba05253ae45068ee29515847aedd87b338d30d9bc894f84a27eec7b30f633
+  languageName: node
+  linkType: hard
+
+"expo-dev-menu-interface@npm:1.10.0":
+  version: 1.10.0
+  resolution: "expo-dev-menu-interface@npm:1.10.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/f4713d4ff8545bfba58b68fa540542822da61ad64523f8f33ff274eb1779cdda86904f746a5c76dbfac99e062e3c0d1b37a306b82aff267567c188e1ff18f072
+  languageName: node
+  linkType: hard
+
+"expo-dev-menu@npm:6.1.10":
+  version: 6.1.10
+  resolution: "expo-dev-menu@npm:6.1.10"
+  dependencies:
+    expo-dev-menu-interface: "npm:1.10.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/a0c14d24dce7c87ab380a0ec817f115d709d646697997725e51eebd042955aa0e0085ae809612be87e9a0e0a49215f951587cb967e0fb07c1c599f95c2238a47
+  languageName: node
+  linkType: hard
+
+"expo-dev-menu@npm:6.1.13":
+  version: 6.1.13
+  resolution: "expo-dev-menu@npm:6.1.13"
+  dependencies:
+    expo-dev-menu-interface: "npm:1.10.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/5b855e9af712ca14a5572bccb677b669e5ccf70e7f7f00ce676ac64d6adffd1a06aeeef65a6ed5c971800dc29661e902e01a9e2ac5fd2324ffe26db8ae91d166
+  languageName: node
+  linkType: hard
+
+"expo-device@npm:~7.1.4":
+  version: 7.1.4
+  resolution: "expo-device@npm:7.1.4"
+  dependencies:
+    ua-parser-js: "npm:^0.7.33"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/7ac5d0af134c2dff036de55e412d89e2158a31fad76ff751c8de8a08c9411e448498b50e5c92c13bb2a9866f0508b2bc072e8f7fc7d974cdd769940744af8a67
+  languageName: node
+  linkType: hard
+
+"expo-document-picker@npm:^13.1.5":
+  version: 13.1.5
+  resolution: "expo-document-picker@npm:13.1.5"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/a404cd1fbc6f187d94e7ec7bc549beed9231cd7ea91d3cf6cbb16ea202b2c30df9cfb804a834c14cc72d55ff4eec85387dd1647d13557ed1314a52ef204fef24
+  languageName: node
+  linkType: hard
+
+"expo-file-system@npm:^18.1.10":
+  version: 18.1.10
+  resolution: "expo-file-system@npm:18.1.10"
+  peerDependencies:
+    expo: "*"
+    react-native: "*"
+  checksum: 10/b6f848df07ad04791f2ea20438bb9408cebb98a4ffc4e137298d78929df70aa67628a204c52416551359be3179a1e296380e936888a329a39c6f043f02288750
+  languageName: node
+  linkType: hard
+
+"expo-file-system@npm:~18.1.9":
+  version: 18.1.9
+  resolution: "expo-file-system@npm:18.1.9"
+  peerDependencies:
+    expo: "*"
+    react-native: "*"
+  checksum: 10/753622e96d1be67946b0d01abf0063b126e7386df6833e558a3cecdb845300cb9effce8e527f0950be57b9cd108f2dd054c3354bfdf831d0daf1065d9902b96f
+  languageName: node
+  linkType: hard
+
+"expo-font@npm:~13.3.1":
+  version: 13.3.1
+  resolution: "expo-font@npm:13.3.1"
+  dependencies:
+    fontfaceobserver: "npm:^2.1.0"
+  peerDependencies:
+    expo: "*"
+    react: "*"
+  checksum: 10/47121c96a9d7fccc178f19fd6e6085c32eae2341c4e385cb3d21669d2bd8c9dfd0f9a0538058a2260ad6a2b3c6032946cfe3ddf8ee005228a452b4efbc61494e
+  languageName: node
+  linkType: hard
+
+"expo-image@npm:~2.1.6":
+  version: 2.1.6
+  resolution: "expo-image@npm:2.1.6"
+  peerDependencies:
+    expo: "*"
+    react: "*"
+    react-native: "*"
+    react-native-web: "*"
+  peerDependenciesMeta:
+    react-native-web:
+      optional: true
+  checksum: 10/e9a3607198025c77608a407b8834f84df4be5147f7c7d1ea206a1f116678a1d018fed77e71d42c46d49e23717d7072570e9aae8c32e2c6a77ae2f90d8c4439cb
+  languageName: node
+  linkType: hard
+
+"expo-json-utils@npm:~0.15.0":
+  version: 0.15.0
+  resolution: "expo-json-utils@npm:0.15.0"
+  checksum: 10/f514aef7000dd785b5f8e85cbeb809aef6eeaff4877e25e0ae2770db6a3b41f8813a60f13eb821cbf827407cfa0f20a5a2e8d6f18aff7ee20bd51c003af1c7c7
+  languageName: node
+  linkType: hard
+
+"expo-keep-awake@npm:~14.1.4":
+  version: 14.1.4
+  resolution: "expo-keep-awake@npm:14.1.4"
+  peerDependencies:
+    expo: "*"
+    react: "*"
+  checksum: 10/d90781fa940f2cac235608e87f52ab4922bf3b3be0b827dc17a2e33a93daad5471445abbe338f76e38561cec2841cbf50e5b78183a0c4819d2462e81e40c6f69
+  languageName: node
+  linkType: hard
+
+"expo-linear-gradient@npm:~14.1.4":
+  version: 14.1.4
+  resolution: "expo-linear-gradient@npm:14.1.4"
+  peerDependencies:
+    expo: "*"
+    react: "*"
+    react-native: "*"
+  checksum: 10/a76c479d3ecbe00d653e6128d3e9ab0eb9688e213354299b3748a13fa3383eae8fd8ccaa85bf8232309bb64c9a24700c6a3451775f4c8a39e22b29c5b38a378b
+  languageName: node
+  linkType: hard
+
+"expo-linking@npm:~7.1.4":
+  version: 7.1.4
+  resolution: "expo-linking@npm:7.1.4"
+  dependencies:
+    expo-constants: "npm:~17.1.4"
+    invariant: "npm:^2.2.4"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/4f00514d4d5a466b35c02eb4882c155485ca68f71f1a0c41a9f7013278fcd828dc89af90964fddb881ee01b4ce888531ea6baed7830b5d390bec4dfc534baea7
+  languageName: node
+  linkType: hard
+
+"expo-manifests@npm:~0.16.4":
+  version: 0.16.4
+  resolution: "expo-manifests@npm:0.16.4"
+  dependencies:
+    "@expo/config": "npm:~11.0.6"
+    expo-json-utils: "npm:~0.15.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/90abe4ae9b1e61d868871f79a6c32c6d27ff2f3c9a2d244c277ccb123f166f97180dc7c0ba63781ccc20fe920cd07da0fb51687a5f35c5d9bf0d8f9c5c1dfeee
+  languageName: node
+  linkType: hard
+
+"expo-manifests@npm:~0.16.5":
+  version: 0.16.6
+  resolution: "expo-manifests@npm:0.16.6"
+  dependencies:
+    "@expo/config": "npm:~11.0.12"
+    expo-json-utils: "npm:~0.15.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/a18d32c8aed2cdc9aa4c562e27061fbb22e40995a29978f133eb3211a7c89e6f44a4c1cf5881edd166f5a377fce8279284647795ff7da64f123de9ad7c991bdf
+  languageName: node
+  linkType: hard
+
+"expo-module-scripts@npm:^4.1.7":
+  version: 4.1.7
+  resolution: "expo-module-scripts@npm:4.1.7"
+  dependencies:
+    "@babel/cli": "npm:^7.23.4"
+    "@babel/plugin-transform-export-namespace-from": "npm:^7.23.4"
+    "@babel/preset-env": "npm:^7.23.8"
+    "@babel/preset-typescript": "npm:^7.23.3"
+    "@expo/npm-proofread": "npm:^1.0.1"
+    "@testing-library/react-native": "npm:^13.1.0"
+    "@tsconfig/node18": "npm:^18.2.2"
+    "@types/jest": "npm:^29.2.1"
+    babel-plugin-dynamic-import-node: "npm:^2.3.3"
+    babel-preset-expo: "npm:~13.1.11"
+    commander: "npm:^12.1.0"
+    eslint-config-universe: "npm:^15.0.3"
+    glob: "npm:^10.4.2"
+    jest-expo: "npm:~53.0.5"
+    jest-snapshot-prettier: "npm:prettier@^2"
+    jest-watch-typeahead: "npm:2.2.1"
+    resolve-workspace-root: "npm:^2.0.0"
+    ts-jest: "npm:~29.0.4"
+    typescript: "npm:^5.8.3"
+  bin:
+    expo-module: bin/expo-module.js
+  checksum: 10/cb5e0a1d235165998d18f17622eee736bdfeff4bb51c6d584b75458f190ece8a85951d5fef7de637476ce28369ff727182b15824adb6ed2e7dc8d55051fcfc5f
+  languageName: node
+  linkType: hard
+
+"expo-modules-autolinking@npm:2.1.9":
+  version: 2.1.9
+  resolution: "expo-modules-autolinking@npm:2.1.9"
+  dependencies:
+    "@expo/spawn-async": "npm:^1.7.2"
+    chalk: "npm:^4.1.0"
+    commander: "npm:^7.2.0"
+    find-up: "npm:^5.0.0"
+    glob: "npm:^10.4.2"
+    require-from-string: "npm:^2.0.2"
+    resolve-from: "npm:^5.0.0"
+  bin:
+    expo-modules-autolinking: bin/expo-modules-autolinking.js
+  checksum: 10/4c0665cc8b8078e36da68470be2cbf56d73ad90d82c493ad28544c56d617f82ae5a353f0db43f8cf4706b5643fb3ac0501fde0736cd5625c882ee500b09951cb
+  languageName: node
+  linkType: hard
+
+"expo-modules-core@npm:2.3.12":
+  version: 2.3.12
+  resolution: "expo-modules-core@npm:2.3.12"
+  dependencies:
+    invariant: "npm:^2.2.4"
+  checksum: 10/0baf2e26c106f73bd586df125dd6cd94cdaac7977c473176507aebb0e0132cc62cda0501588d245186e9f9d861b3e4622b788302ef87e157b4054e95132107ef
+  languageName: node
+  linkType: hard
+
+"expo-router@npm:~5.0.5":
+  version: 5.0.5
+  resolution: "expo-router@npm:5.0.5"
+  dependencies:
+    "@expo/metro-runtime": "npm:5.0.4"
+    "@expo/server": "npm:^0.6.2"
+    "@radix-ui/react-slot": "npm:1.2.0"
+    "@react-navigation/bottom-tabs": "npm:^7.3.10"
+    "@react-navigation/native": "npm:^7.1.6"
+    "@react-navigation/native-stack": "npm:^7.3.10"
+    client-only: "npm:^0.0.1"
+    invariant: "npm:^2.2.4"
+    react-fast-compare: "npm:^3.2.2"
+    react-native-is-edge-to-edge: "npm:^1.1.6"
+    schema-utils: "npm:^4.0.1"
+    semver: "npm:~7.6.3"
+    server-only: "npm:^0.0.1"
+    shallowequal: "npm:^1.1.0"
+  peerDependencies:
+    "@react-navigation/drawer": ^7.3.9
+    expo: "*"
+    expo-constants: "*"
+    expo-linking: "*"
+    react-native-reanimated: "*"
+    react-native-safe-area-context: "*"
+    react-native-screens: "*"
+  peerDependenciesMeta:
+    "@react-navigation/drawer":
+      optional: true
+    "@testing-library/jest-native":
+      optional: true
+    react-native-reanimated:
+      optional: true
+  checksum: 10/06e7ec21019bcc4c6594019391fa84aee3b8220800100af84c058a121c64382eb854d89132b28c436873dc6f769ebc4cb1e123e474c3a426fb40ffb2793cd6ef
+  languageName: node
+  linkType: hard
+
+"expo-splash-screen@npm:~0.30.8":
+  version: 0.30.8
+  resolution: "expo-splash-screen@npm:0.30.8"
+  dependencies:
+    "@expo/prebuild-config": "npm:^9.0.5"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/9d3c13ead8e9cad16e02ac46bc3ba96b40711909d7307090ce42a2271d6506533dbcfea6713703fc4ea1c1720b4ec648b8563d2e0ae7d0da5f1b8bdd2aad7210
+  languageName: node
+  linkType: hard
+
+"expo-status-bar@npm:~2.2.3":
+  version: 2.2.3
+  resolution: "expo-status-bar@npm:2.2.3"
+  dependencies:
+    react-native-edge-to-edge: "npm:1.6.0"
+    react-native-is-edge-to-edge: "npm:^1.1.6"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/d82e4155f7a549bbb010e7b5c13386fd8b5b513c6e219823ab99633a942bb88192cb4a3db6e3f0f1eddb3ce891439ada79a1ff03073e219041bfcaa67e69c1ef
+  languageName: node
+  linkType: hard
+
+"expo-system-ui@npm:~5.0.7":
+  version: 5.0.7
+  resolution: "expo-system-ui@npm:5.0.7"
+  dependencies:
+    "@react-native/normalize-colors": "npm:0.79.2"
+    debug: "npm:^4.3.2"
+  peerDependencies:
+    expo: "*"
+    react-native: "*"
+    react-native-web: "*"
+  peerDependenciesMeta:
+    react-native-web:
+      optional: true
+  checksum: 10/1a6668779e240070e49229502999b333c3d95b0cd815b3469f632a3adf5d2529832dcdf19c2d0fb4f0f3263df437f1c77c2a6a7de8cd24e727a2f3f62731db9b
+  languageName: node
+  linkType: hard
+
+"expo-task-manager@npm:~13.1.5":
+  version: 13.1.5
+  resolution: "expo-task-manager@npm:13.1.5"
+  dependencies:
+    unimodules-app-loader: "npm:~5.1.3"
+  peerDependencies:
+    expo: "*"
+    react-native: "*"
+  checksum: 10/32597e5fc2a3160271ccb5e7d05a210eb8d99a088fa4309f1bdb40c3b0f92ec8f0082af450f7b8c3ca7427940f246440524a14702b17c08da76384b80dd13875
+  languageName: node
+  linkType: hard
+
+"expo-updates-interface@npm:~1.1.0":
+  version: 1.1.0
+  resolution: "expo-updates-interface@npm:1.1.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/9fdbcc04129d614c20eebc0dd880684c0afaf0b9d4f2ce128d0b8ceb368793e86dd630e92dd8a26ba162afbf4e420e49827919785d83cdec78fab8f76abd23f1
+  languageName: node
+  linkType: hard
+
+"expo-web-browser@npm:~14.1.6":
+  version: 14.1.6
+  resolution: "expo-web-browser@npm:14.1.6"
+  peerDependencies:
+    expo: "*"
+    react-native: "*"
+  checksum: 10/f20863c5b87ee04973fcc231e9663013c002d884800f6fbf54875a490f86a16177b99b69105f2dca15ed428bb8499f49bbf0df28d38d65be922cfa545e3c44fe
+  languageName: node
+  linkType: hard
+
+"expo@npm:^53.0.7":
+  version: 53.0.7
+  resolution: "expo@npm:53.0.7"
+  dependencies:
+    "@babel/runtime": "npm:^7.20.0"
+    "@expo/cli": "npm:0.24.11"
+    "@expo/config": "npm:~11.0.8"
+    "@expo/config-plugins": "npm:~10.0.2"
+    "@expo/fingerprint": "npm:0.12.4"
+    "@expo/metro-config": "npm:0.20.13"
+    "@expo/vector-icons": "npm:^14.0.0"
+    babel-preset-expo: "npm:~13.1.11"
+    expo-asset: "npm:~11.1.5"
+    expo-constants: "npm:~17.1.5"
+    expo-file-system: "npm:~18.1.9"
+    expo-font: "npm:~13.3.1"
+    expo-keep-awake: "npm:~14.1.4"
+    expo-modules-autolinking: "npm:2.1.9"
+    expo-modules-core: "npm:2.3.12"
+    react-native-edge-to-edge: "npm:1.6.0"
+    whatwg-url-without-unicode: "npm:8.0.0-3"
+  peerDependencies:
+    "@expo/dom-webview": "*"
+    "@expo/metro-runtime": "*"
+    react: "*"
+    react-native: "*"
+    react-native-webview: "*"
+  peerDependenciesMeta:
+    "@expo/dom-webview":
+      optional: true
+    "@expo/metro-runtime":
+      optional: true
+    react-native-webview:
+      optional: true
+  bin:
+    expo: bin/cli
+    expo-modules-autolinking: bin/autolinking
+    fingerprint: bin/fingerprint
+  checksum: 10/cb89760659cde24e8f838e3f912b78b0142a3c79aab4d48d798f7086d0339a99f9851aabacc5f4a75988b732cf9fd2149381f7b4c551822452dcf8530ed61535
+  languageName: node
+  linkType: hard
+
+"exponential-backoff@npm:^3.1.0, exponential-backoff@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "exponential-backoff@npm:3.1.1"
+  checksum: 10/2d9bbb6473de7051f96790d5f9a678f32e60ed0aa70741dc7fdc96fec8d631124ec3374ac144387604f05afff9500f31a1d45bd9eee4cdc2e4f9ad2d9b9d5dbd
+  languageName: node
+  linkType: hard
+
+"ext@npm:^1.7.0":
+  version: 1.7.0
+  resolution: "ext@npm:1.7.0"
+  dependencies:
+    type: "npm:^2.7.2"
+  checksum: 10/666a135980b002df0e75c8ac6c389140cdc59ac953db62770479ee2856d58ce69d2f845e5f2586716350b725400f6945e51e9159573158c39f369984c72dcd84
+  languageName: node
+  linkType: hard
+
+"extend@npm:^3.0.0, extend@npm:~3.0.2":
+  version: 3.0.2
+  resolution: "extend@npm:3.0.2"
+  checksum: 10/59e89e2dc798ec0f54b36d82f32a27d5f6472c53974f61ca098db5d4648430b725387b53449a34df38fd0392045434426b012f302b3cc049a6500ccf82877e4e
+  languageName: node
+  linkType: hard
+
+"extract-zip@npm:2.0.1":
+  version: 2.0.1
+  resolution: "extract-zip@npm:2.0.1"
+  dependencies:
+    "@types/yauzl": "npm:^2.9.1"
+    debug: "npm:^4.1.1"
+    get-stream: "npm:^5.1.0"
+    yauzl: "npm:^2.10.0"
+  dependenciesMeta:
+    "@types/yauzl":
+      optional: true
+  bin:
+    extract-zip: cli.js
+  checksum: 10/8cbda9debdd6d6980819cc69734d874ddd71051c9fe5bde1ef307ebcedfe949ba57b004894b585f758b7c9eeeea0e3d87f2dda89b7d25320459c2c9643ebb635
+  languageName: node
+  linkType: hard
+
+"extsprintf@npm:1.3.0":
+  version: 1.3.0
+  resolution: "extsprintf@npm:1.3.0"
+  checksum: 10/26967d6c7ecbfb5bc5b7a6c43503dc5fafd9454802037e9fa1665e41f615da4ff5918bd6cb871a3beabed01a31eca1ccd0bdfb41231f50ad50d405a430f78377
+  languageName: node
+  linkType: hard
+
+"extsprintf@npm:^1.2.0":
+  version: 1.4.1
+  resolution: "extsprintf@npm:1.4.1"
+  checksum: 10/bfd6d55f3c0c04d826fe0213264b383c03f32825af6b1ff777f3f2dc49467e599361993568d75b7b19a8ea1bb08c8e7cd8c3d87d179ced91bb0dcf81ca6938e0
+  languageName: node
+  linkType: hard
+
+"fake-indexeddb@npm:^4.0.2":
+  version: 4.0.2
+  resolution: "fake-indexeddb@npm:4.0.2"
+  dependencies:
+    realistic-structured-clone: "npm:^3.0.0"
+  checksum: 10/b28e02023b78275014f4cd8bf8bd4e09fc797ad51e9cc9f4c545100cad316e3d79977977373fe83a2ee290085f04b403b1c0ab3b9f3abae5817aedf25ad30116
+  languageName: node
+  linkType: hard
+
+"fast-deep-equal@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "fast-deep-equal@npm:2.0.1"
+  checksum: 10/b701835a87985e0ec4925bdf1f0c1e7eb56309b5d12d534d5b4b69d95a54d65bb16861c081781ead55f73f12d6c60ba668713391ee7fbf6b0567026f579b7b0b
+  languageName: node
+  linkType: hard
+
+"fast-deep-equal@npm:^3.1.1, fast-deep-equal@npm:^3.1.3":
+  version: 3.1.3
+  resolution: "fast-deep-equal@npm:3.1.3"
+  checksum: 10/e21a9d8d84f53493b6aa15efc9cfd53dd5b714a1f23f67fb5dc8f574af80df889b3bce25dc081887c6d25457cce704e636395333abad896ccdec03abaf1f3f9d
+  languageName: node
+  linkType: hard
+
+"fast-diff@npm:^1.1.2":
+  version: 1.3.0
+  resolution: "fast-diff@npm:1.3.0"
+  checksum: 10/9e57415bc69cd6efcc720b3b8fe9fdaf42dcfc06f86f0f45378b1fa512598a8aac48aa3928c8751d58e2f01bb4ba4f07e4f3d9bc0d57586d45f1bd1e872c6cde
+  languageName: node
+  linkType: hard
+
+"fast-glob@npm:3.3.1":
+  version: 3.3.1
+  resolution: "fast-glob@npm:3.3.1"
+  dependencies:
+    "@nodelib/fs.stat": "npm:^2.0.2"
+    "@nodelib/fs.walk": "npm:^1.2.3"
+    glob-parent: "npm:^5.1.2"
+    merge2: "npm:^1.3.0"
+    micromatch: "npm:^4.0.4"
+  checksum: 10/51bcd15472879dfe51d4b01c5b70bbc7652724d39cdd082ba11276dbd7d84db0f6b33757e1938af8b2768a4bf485d9be0c89153beae24ee8331d6dcc7550379f
+  languageName: node
+  linkType: hard
+
+"fast-glob@npm:3.3.2, fast-glob@npm:^3.2.11, fast-glob@npm:^3.2.7, fast-glob@npm:^3.2.9, fast-glob@npm:^3.3.0, fast-glob@npm:^3.3.2":
+  version: 3.3.2
+  resolution: "fast-glob@npm:3.3.2"
+  dependencies:
+    "@nodelib/fs.stat": "npm:^2.0.2"
+    "@nodelib/fs.walk": "npm:^1.2.3"
+    glob-parent: "npm:^5.1.2"
+    merge2: "npm:^1.3.0"
+    micromatch: "npm:^4.0.4"
+  checksum: 10/222512e9315a0efca1276af9adb2127f02105d7288fa746145bf45e2716383fb79eb983c89601a72a399a56b7c18d38ce70457c5466218c5f13fad957cee16df
+  languageName: node
+  linkType: hard
+
+"fast-json-parse@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "fast-json-parse@npm:1.0.3"
+  checksum: 10/4ae38b50a4641d503995862e3f103ad77b865a5c8c8894923a88eb1839af35fe7d2f1a7b2cabb42481fec781fad9876cc6e37d9bf25d175da35ea47e874dafb5
+  languageName: node
+  linkType: hard
+
+"fast-json-stable-stringify@npm:2.x, fast-json-stable-stringify@npm:^2.0.0, fast-json-stable-stringify@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "fast-json-stable-stringify@npm:2.1.0"
+  checksum: 10/2c20055c1fa43c922428f16ca8bb29f2807de63e5c851f665f7ac9790176c01c3b40335257736b299764a8d383388dabc73c8083b8e1bc3d99f0a941444ec60e
+  languageName: node
+  linkType: hard
+
+"fast-levenshtein@npm:^2.0.6":
+  version: 2.0.6
+  resolution: "fast-levenshtein@npm:2.0.6"
+  checksum: 10/eb7e220ecf2bab5159d157350b81d01f75726a4382f5a9266f42b9150c4523b9795f7f5d9fbbbeaeac09a441b2369f05ee02db48ea938584205530fe5693cfe1
+  languageName: node
+  linkType: hard
+
+"fast-redact@npm:^3.0.0":
+  version: 3.5.0
+  resolution: "fast-redact@npm:3.5.0"
+  checksum: 10/24b27e2023bd5a62f908d97a753b1adb8d89206b260f97727728e00b693197dea2fc2aa3711147a385d0ec6e713569fd533df37a4ef947e08cb65af3019c7ad5
+  languageName: node
+  linkType: hard
+
+"fast-safe-stringify@npm:^2.0.7":
+  version: 2.1.1
+  resolution: "fast-safe-stringify@npm:2.1.1"
+  checksum: 10/dc1f063c2c6ac9533aee14d406441f86783a8984b2ca09b19c2fe281f9ff59d315298bc7bc22fd1f83d26fe19ef2f20e2ddb68e96b15040292e555c5ced0c1e4
+  languageName: node
+  linkType: hard
+
+"fast-uri@npm:^3.0.1":
+  version: 3.0.3
+  resolution: "fast-uri@npm:3.0.3"
+  checksum: 10/92487c75848b03edc45517fca0148287d342c30818ce43d556391db774d8e01644fb6964315a3336eec5a90f301b218b21f71fb9b2528ba25757435a20392c95
+  languageName: node
+  linkType: hard
+
+"fastq@npm:^1.6.0":
+  version: 1.17.1
+  resolution: "fastq@npm:1.17.1"
+  dependencies:
+    reusify: "npm:^1.0.4"
+  checksum: 10/a443180068b527dd7b3a63dc7f2a47ceca2f3e97b9c00a1efe5538757e6cc4056a3526df94308075d7727561baf09ebaa5b67da8dcbddb913a021c5ae69d1f69
+  languageName: node
+  linkType: hard
+
+"fault@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "fault@npm:2.0.1"
+  dependencies:
+    format: "npm:^0.2.0"
+  checksum: 10/c9b30f47d95769177130a9409976a899ed31eb598450fbad5b0d39f2f5f56d5f4a9ff9257e0bee8407cb0fc3ce37165657888c6aa6d78472e403893104329b72
+  languageName: node
+  linkType: hard
+
+"faye-websocket@npm:0.11.4":
+  version: 0.11.4
+  resolution: "faye-websocket@npm:0.11.4"
+  dependencies:
+    websocket-driver: "npm:>=0.5.1"
+  checksum: 10/22433c14c60925e424332d2794463a8da1c04848539b5f8db5fced62a7a7c71a25335a4a8b37334e3a32318835e2b87b1733d008561964121c4a0bd55f0878c3
+  languageName: node
+  linkType: hard
+
+"fb-watchman@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "fb-watchman@npm:2.0.2"
+  dependencies:
+    bser: "npm:2.1.1"
+  checksum: 10/4f95d336fb805786759e383fd7fff342ceb7680f53efcc0ef82f502eb479ce35b98e8b207b6dfdfeea0eba845862107dc73813775fc6b56b3098c6e90a2dad77
+  languageName: node
+  linkType: hard
+
+"fbjs-css-vars@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "fbjs-css-vars@npm:1.0.2"
+  checksum: 10/72baf6d22c45b75109118b4daecb6c8016d4c83c8c0f23f683f22e9d7c21f32fff6201d288df46eb561e3c7d4bb4489b8ad140b7f56444c453ba407e8bd28511
+  languageName: node
+  linkType: hard
+
+"fbjs@npm:^3.0.4":
+  version: 3.0.5
+  resolution: "fbjs@npm:3.0.5"
+  dependencies:
+    cross-fetch: "npm:^3.1.5"
+    fbjs-css-vars: "npm:^1.0.0"
+    loose-envify: "npm:^1.0.0"
+    object-assign: "npm:^4.1.0"
+    promise: "npm:^7.1.1"
+    setimmediate: "npm:^1.0.5"
+    ua-parser-js: "npm:^1.0.35"
+  checksum: 10/71252595b00b06fb0475a295c74d81ada1cc499b7e11f2cde51fef04618affa568f5b7f4927f61720c23254b9144be28f8acb2086a5001cf65df8eec87c6ca5c
+  languageName: node
+  linkType: hard
+
+"fd-slicer@npm:~1.1.0":
+  version: 1.1.0
+  resolution: "fd-slicer@npm:1.1.0"
+  dependencies:
+    pend: "npm:~1.2.0"
+  checksum: 10/db3e34fa483b5873b73f248e818f8a8b59a6427fd8b1436cd439c195fdf11e8659419404826059a642b57d18075c856d06d6a50a1413b714f12f833a9341ead3
+  languageName: node
+  linkType: hard
+
+"feaxios@npm:^0.0.23":
+  version: 0.0.23
+  resolution: "feaxios@npm:0.0.23"
+  dependencies:
+    is-retry-allowed: "npm:^3.0.0"
+  checksum: 10/e71ed43310bff03fb54338502369422c7b655bdf806fc4dc7e2bbc051d15ce7acc4f91800c3389cedfdcde6f0f6f076f6872a4d0258934aa08e0678869f2678f
+  languageName: node
+  linkType: hard
+
+"figures@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "figures@npm:3.2.0"
+  dependencies:
+    escape-string-regexp: "npm:^1.0.5"
+  checksum: 10/a3bf94e001be51d3770500789157f067218d4bc681a65e1f69d482de15120bcac822dceb1a7b3803f32e4e3a61a46df44f7f2c8ba95d6375e7491502e0dd3d97
+  languageName: node
+  linkType: hard
+
+"file-entry-cache@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "file-entry-cache@npm:8.0.0"
+  dependencies:
+    flat-cache: "npm:^4.0.0"
+  checksum: 10/afe55c4de4e0d226a23c1eae62a7219aafb390859122608a89fa4df6addf55c7fd3f1a2da6f5b41e7cdff496e4cf28bbd215d53eab5c817afa96d2b40c81bfb0
+  languageName: node
+  linkType: hard
+
+"file-selector@npm:^2.1.0":
+  version: 2.1.2
+  resolution: "file-selector@npm:2.1.2"
+  dependencies:
+    tslib: "npm:^2.7.0"
+  checksum: 10/2a6be0e1904df85f8705a5171fd3b93c1b1ff2ad0143556adb78ac4de899bfc0ba1a20083b4febd4f7000759ec9119a31af76a057e29dd9215907da69ac95e50
+  languageName: node
+  linkType: hard
+
+"file-uri-to-path@npm:1.0.0":
+  version: 1.0.0
+  resolution: "file-uri-to-path@npm:1.0.0"
+  checksum: 10/b648580bdd893a008c92c7ecc96c3ee57a5e7b6c4c18a9a09b44fb5d36d79146f8e442578bc0e173dc027adf3987e254ba1dfd6e3ec998b7c282873010502144
+  languageName: node
+  linkType: hard
+
+"filelist@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "filelist@npm:1.0.4"
+  dependencies:
+    minimatch: "npm:^5.0.1"
+  checksum: 10/4b436fa944b1508b95cffdfc8176ae6947b92825483639ef1b9a89b27d82f3f8aa22b21eed471993f92709b431670d4e015b39c087d435a61e1bb04564cf51de
+  languageName: node
+  linkType: hard
+
+"filesize@npm:^10.0.12":
+  version: 10.1.6
+  resolution: "filesize@npm:10.1.6"
+  checksum: 10/e800837c4fc02303f1944d5a4c7b706df1c5cd95d745181852604fb00a1c2d55d2d3921252722bd2f0c86b59c94edaba23fa224776bbf977455d4034e7be1f45
+  languageName: node
+  linkType: hard
+
+"fill-range@npm:^7.1.1":
+  version: 7.1.1
+  resolution: "fill-range@npm:7.1.1"
+  dependencies:
+    to-regex-range: "npm:^5.0.1"
+  checksum: 10/a7095cb39e5bc32fada2aa7c7249d3f6b01bd1ce461a61b0adabacccabd9198500c6fb1f68a7c851a657e273fce2233ba869638897f3d7ed2e87a2d89b4436ea
+  languageName: node
+  linkType: hard
+
+"filter-obj@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "filter-obj@npm:1.1.0"
+  checksum: 10/9d681939eec2b4b129cb4f307b7e93d954a0657421d4e5357d86093b26d3f4f570909ed43717dcfd62428b3cf8cddd9841b35f9d40d12ac62cfabaa677942593
+  languageName: node
+  linkType: hard
+
+"filter-obj@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "filter-obj@npm:2.0.2"
+  checksum: 10/ab0ac143367eac21020cbb04d495014649d17ea642c5308f6710a7238fc502c1a30291a7d8b28edd7e59a3fe3589cc6988be64d5cd125b881892dfbc5e9d45d8
+  languageName: node
+  linkType: hard
+
+"finalhandler@npm:1.1.2":
+  version: 1.1.2
+  resolution: "finalhandler@npm:1.1.2"
+  dependencies:
+    debug: "npm:2.6.9"
+    encodeurl: "npm:~1.0.2"
+    escape-html: "npm:~1.0.3"
+    on-finished: "npm:~2.3.0"
+    parseurl: "npm:~1.3.3"
+    statuses: "npm:~1.5.0"
+    unpipe: "npm:~1.0.0"
+  checksum: 10/351e99a889abf149eb3edb24568586469feeb3019f5eafb9b31e632a5ad886f12a5595a221508245e6a37da69ae866c9fb411eb541a844238e2c900f63ac1576
+  languageName: node
+  linkType: hard
+
+"find-cache-dir@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "find-cache-dir@npm:2.1.0"
+  dependencies:
+    commondir: "npm:^1.0.1"
+    make-dir: "npm:^2.0.0"
+    pkg-dir: "npm:^3.0.0"
+  checksum: 10/60ad475a6da9f257df4e81900f78986ab367d4f65d33cf802c5b91e969c28a8762f098693d7a571b6e4dd4c15166c2da32ae2d18b6766a18e2071079448fdce4
+  languageName: node
+  linkType: hard
+
+"find-cache-dir@npm:^3.3.1, find-cache-dir@npm:^3.3.2":
+  version: 3.3.2
+  resolution: "find-cache-dir@npm:3.3.2"
+  dependencies:
+    commondir: "npm:^1.0.1"
+    make-dir: "npm:^3.0.2"
+    pkg-dir: "npm:^4.1.0"
+  checksum: 10/3907c2e0b15132704ed67083686cd3e68ab7d9ecc22e50ae9da20678245d488b01fa22c0e34c0544dc6edc4354c766f016c8c186a787be7c17f7cde8c5281e85
+  languageName: node
+  linkType: hard
+
+"find-cache-dir@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "find-cache-dir@npm:4.0.0"
+  dependencies:
+    common-path-prefix: "npm:^3.0.0"
+    pkg-dir: "npm:^7.0.0"
+  checksum: 10/52a456a80deeb27daa3af6e06059b63bdb9cc4af4d845fc6d6229887e505ba913cd56000349caa60bc3aa59dacdb5b4c37903d4ba34c75102d83cab330b70d2f
+  languageName: node
+  linkType: hard
+
+"find-replace@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "find-replace@npm:3.0.0"
+  dependencies:
+    array-back: "npm:^3.0.1"
+  checksum: 10/6b04bcfd79027f5b84aa1dfe100e3295da989bdac4b4de6b277f4d063e78f5c9e92ebc8a1fec6dd3b448c924ba404ee051cc759e14a3ee3e825fa1361025df08
+  languageName: node
+  linkType: hard
+
+"find-root@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "find-root@npm:1.1.0"
+  checksum: 10/caa799c976a14925ba7f31ca1a226fe73d3aa270f4f1b623fcfeb1c6e263111db4beb807d8acd31bd4d48d44c343b93688a9288dfbccca27463c36a0301b0bb9
+  languageName: node
+  linkType: hard
+
+"find-up@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "find-up@npm:3.0.0"
+  dependencies:
+    locate-path: "npm:^3.0.0"
+  checksum: 10/38eba3fe7a66e4bc7f0f5a1366dc25508b7cfc349f852640e3678d26ad9a6d7e2c43eff0a472287de4a9753ef58f066a0ea892a256fa3636ad51b3fe1e17fae9
+  languageName: node
+  linkType: hard
+
+"find-up@npm:^4.0.0, find-up@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "find-up@npm:4.1.0"
+  dependencies:
+    locate-path: "npm:^5.0.0"
+    path-exists: "npm:^4.0.0"
+  checksum: 10/4c172680e8f8c1f78839486e14a43ef82e9decd0e74145f40707cc42e7420506d5ec92d9a11c22bd2c48fb0c384ea05dd30e10dd152fefeec6f2f75282a8b844
+  languageName: node
+  linkType: hard
+
+"find-up@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "find-up@npm:5.0.0"
+  dependencies:
+    locate-path: "npm:^6.0.0"
+    path-exists: "npm:^4.0.0"
+  checksum: 10/07955e357348f34660bde7920783204ff5a26ac2cafcaa28bace494027158a97b9f56faaf2d89a6106211a8174db650dd9f503f9c0d526b1202d5554a00b9095
+  languageName: node
+  linkType: hard
+
+"find-up@npm:^6.3.0":
+  version: 6.3.0
+  resolution: "find-up@npm:6.3.0"
+  dependencies:
+    locate-path: "npm:^7.1.0"
+    path-exists: "npm:^5.0.0"
+  checksum: 10/4f3bdc30d41778c647e53f4923e72de5e5fb055157031f34501c5b36c2eb59f77b997edf9cb00165c6060cda7eaa2e3da82cb6be2e61d68ad3e07c4bc4cce67e
+  languageName: node
+  linkType: hard
+
+"find-value@npm:^1.0.12":
+  version: 1.0.12
+  resolution: "find-value@npm:1.0.12"
+  checksum: 10/5cab63c88e5090744de582c8c331c05b134f3501935da270f24c95b395c4fea3e7d0df5e9cfdd6c2a25b80ac7cde3bc06d6dd388e4fdc6cd52f6580ed95e14e1
+  languageName: node
+  linkType: hard
+
+"firebase@npm:11.3.1":
+  version: 11.3.1
+  resolution: "firebase@npm:11.3.1"
+  dependencies:
+    "@firebase/analytics": "npm:0.10.11"
+    "@firebase/analytics-compat": "npm:0.2.17"
+    "@firebase/app": "npm:0.11.1"
+    "@firebase/app-check": "npm:0.8.11"
+    "@firebase/app-check-compat": "npm:0.3.18"
+    "@firebase/app-compat": "npm:0.2.50"
+    "@firebase/app-types": "npm:0.9.3"
+    "@firebase/auth": "npm:1.9.0"
+    "@firebase/auth-compat": "npm:0.5.18"
+    "@firebase/data-connect": "npm:0.3.0"
+    "@firebase/database": "npm:1.0.12"
+    "@firebase/database-compat": "npm:2.0.3"
+    "@firebase/firestore": "npm:4.7.8"
+    "@firebase/firestore-compat": "npm:0.3.43"
+    "@firebase/functions": "npm:0.12.2"
+    "@firebase/functions-compat": "npm:0.3.19"
+    "@firebase/installations": "npm:0.6.12"
+    "@firebase/installations-compat": "npm:0.2.12"
+    "@firebase/messaging": "npm:0.12.16"
+    "@firebase/messaging-compat": "npm:0.2.16"
+    "@firebase/performance": "npm:0.7.0"
+    "@firebase/performance-compat": "npm:0.2.13"
+    "@firebase/remote-config": "npm:0.5.0"
+    "@firebase/remote-config-compat": "npm:0.2.12"
+    "@firebase/storage": "npm:0.13.6"
+    "@firebase/storage-compat": "npm:0.3.16"
+    "@firebase/util": "npm:1.10.3"
+    "@firebase/vertexai": "npm:1.0.4"
+  checksum: 10/281d2c3f1ea7b4de758879b0f80b8b737ef2908e519adf950c3a680162c107201c2b1ee2a86309c215add0b84043f27df76990fa86e52d4f3652c85cc4b30178
+  languageName: node
+  linkType: hard
+
+"firebase@npm:^11.1.0":
+  version: 11.1.0
+  resolution: "firebase@npm:11.1.0"
+  dependencies:
+    "@firebase/analytics": "npm:0.10.10"
+    "@firebase/analytics-compat": "npm:0.2.16"
+    "@firebase/app": "npm:0.10.17"
+    "@firebase/app-check": "npm:0.8.10"
+    "@firebase/app-check-compat": "npm:0.3.17"
+    "@firebase/app-compat": "npm:0.2.47"
+    "@firebase/app-types": "npm:0.9.3"
+    "@firebase/auth": "npm:1.8.1"
+    "@firebase/auth-compat": "npm:0.5.16"
+    "@firebase/data-connect": "npm:0.1.3"
+    "@firebase/database": "npm:1.0.10"
+    "@firebase/database-compat": "npm:2.0.1"
+    "@firebase/firestore": "npm:4.7.5"
+    "@firebase/firestore-compat": "npm:0.3.40"
+    "@firebase/functions": "npm:0.12.0"
+    "@firebase/functions-compat": "npm:0.3.17"
+    "@firebase/installations": "npm:0.6.11"
+    "@firebase/installations-compat": "npm:0.2.11"
+    "@firebase/messaging": "npm:0.12.15"
+    "@firebase/messaging-compat": "npm:0.2.15"
+    "@firebase/performance": "npm:0.6.11"
+    "@firebase/performance-compat": "npm:0.2.11"
+    "@firebase/remote-config": "npm:0.4.11"
+    "@firebase/remote-config-compat": "npm:0.2.11"
+    "@firebase/storage": "npm:0.13.4"
+    "@firebase/storage-compat": "npm:0.3.14"
+    "@firebase/util": "npm:1.10.2"
+    "@firebase/vertexai": "npm:1.0.2"
+  checksum: 10/ff75b0b09b99b5cc28e54f0408a5791f5d96d5d63fb795a514fbb699fbb5ed745b77f0ca715d852bad06c564c22c27ad0303046eca776fcc9cfd000a65f8deb7
+  languageName: node
+  linkType: hard
+
+"flat-cache@npm:^3.0.4":
+  version: 3.2.0
+  resolution: "flat-cache@npm:3.2.0"
+  dependencies:
+    flatted: "npm:^3.2.9"
+    keyv: "npm:^4.5.3"
+    rimraf: "npm:^3.0.2"
+  checksum: 10/02381c6ece5e9fa5b826c9bbea481d7fd77645d96e4b0b1395238124d581d10e56f17f723d897b6d133970f7a57f0fab9148cbbb67237a0a0ffe794ba60c0c70
+  languageName: node
+  linkType: hard
+
+"flat-cache@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "flat-cache@npm:4.0.1"
+  dependencies:
+    flatted: "npm:^3.2.9"
+    keyv: "npm:^4.5.4"
+  checksum: 10/58ce851d9045fffc7871ce2bd718bc485ad7e777bf748c054904b87c351ff1080c2c11da00788d78738bfb51b71e4d5ea12d13b98eb36e3358851ffe495b62dc
+  languageName: node
+  linkType: hard
+
+"flatted@npm:^3.2.9":
+  version: 3.3.2
+  resolution: "flatted@npm:3.3.2"
+  checksum: 10/ac3c159742e01d0e860a861164bcfd35bb567ccbebb8a0dd041e61cf3c64a435b917dd1e7ed1c380c2ebca85735fb16644485ec33665bc6aafc3b316aa1eed44
+  languageName: node
+  linkType: hard
+
+"flow-enums-runtime@npm:^0.0.6":
+  version: 0.0.6
+  resolution: "flow-enums-runtime@npm:0.0.6"
+  checksum: 10/df54ec17f6edbe2bcf17cb1e681faf3bac86e65490e819fdf29713e701eed0448c7db6d42606bf0f7044ce6909ee052920f930bbc251999e4f74e258f1d8790e
+  languageName: node
+  linkType: hard
+
+"flow-parser@npm:0.*":
+  version: 0.255.0
+  resolution: "flow-parser@npm:0.255.0"
+  checksum: 10/7570e9a2256086d3d011707822315695e1107665b81e30919347cea7db1d95ad0dd8bc33e0fcce114b35dcadbb614e8f2604647f8f856afdb4eefc3f6755e666
+  languageName: node
+  linkType: hard
+
+"follow-redirects@npm:^1.15.6":
+  version: 1.15.9
+  resolution: "follow-redirects@npm:1.15.9"
+  peerDependenciesMeta:
+    debug:
+      optional: true
+  checksum: 10/e3ab42d1097e90d28b913903841e6779eb969b62a64706a3eb983e894a5db000fbd89296f45f08885a0e54cd558ef62e81be1165da9be25a6c44920da10f424c
+  languageName: node
+  linkType: hard
+
+"fontfaceobserver@npm:^2.1.0":
+  version: 2.3.0
+  resolution: "fontfaceobserver@npm:2.3.0"
+  checksum: 10/fec6de6b7050856f9e5f03375d6dd762b66a7fe5c52516fa9a39ab8be8f6cb62abe758e4efaab2c24caeb03b2d992bdffb397dd016e537309d05ed6ade396b20
+  languageName: node
+  linkType: hard
+
+"for-each@npm:^0.3.3":
+  version: 0.3.3
+  resolution: "for-each@npm:0.3.3"
+  dependencies:
+    is-callable: "npm:^1.1.3"
+  checksum: 10/fdac0cde1be35610bd635ae958422e8ce0cc1313e8d32ea6d34cfda7b60850940c1fd07c36456ad76bd9c24aef6ff5e03b02beb58c83af5ef6c968a64eada676
+  languageName: node
+  linkType: hard
+
+"for-each@npm:^0.3.5":
+  version: 0.3.5
+  resolution: "for-each@npm:0.3.5"
+  dependencies:
+    is-callable: "npm:^1.2.7"
+  checksum: 10/330cc2439f85c94f4609de3ee1d32c5693ae15cdd7fe3d112c4fd9efd4ce7143f2c64ef6c2c9e0cfdb0058437f33ef05b5bdae5b98fcc903fb2143fbaf0fea0f
+  languageName: node
+  linkType: hard
+
+"foreground-child@npm:^3.1.0":
+  version: 3.3.0
+  resolution: "foreground-child@npm:3.3.0"
+  dependencies:
+    cross-spawn: "npm:^7.0.0"
+    signal-exit: "npm:^4.0.1"
+  checksum: 10/e3a60480f3a09b12273ce2c5fcb9514d98dd0e528f58656a1b04680225f918d60a2f81f6a368f2f3b937fcee9cfc0cbf16f1ad9a0bc6a3a6e103a84c9a90087e
+  languageName: node
+  linkType: hard
+
+"forever-agent@npm:~0.6.1":
+  version: 0.6.1
+  resolution: "forever-agent@npm:0.6.1"
+  checksum: 10/c1e1644d5e074ac063ecbc3fb8582013ef91fff0e3fa41e76db23d2f62bc6d9677aac86db950917deed4fe1fdd772df780cfaa352075f23deec9c015313afb97
+  languageName: node
+  linkType: hard
+
+"fork-ts-checker-webpack-plugin@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "fork-ts-checker-webpack-plugin@npm:8.0.0"
+  dependencies:
+    "@babel/code-frame": "npm:^7.16.7"
+    chalk: "npm:^4.1.2"
+    chokidar: "npm:^3.5.3"
+    cosmiconfig: "npm:^7.0.1"
+    deepmerge: "npm:^4.2.2"
+    fs-extra: "npm:^10.0.0"
+    memfs: "npm:^3.4.1"
+    minimatch: "npm:^3.0.4"
+    node-abort-controller: "npm:^3.0.1"
+    schema-utils: "npm:^3.1.1"
+    semver: "npm:^7.3.5"
+    tapable: "npm:^2.2.1"
+  peerDependencies:
+    typescript: ">3.6.0"
+    webpack: ^5.11.0
+  checksum: 10/49be81a780271b0e1f8c230c32ddb54d7e7ca562565b29811a94d5e679607b947850b133c3bb63057a71e67ac717c6c86c6d0390d1ecc885b506ae9158cf9bb5
+  languageName: node
+  linkType: hard
+
+"form-data@npm:^4.0.0, form-data@npm:~4.0.0":
+  version: 4.0.1
+  resolution: "form-data@npm:4.0.1"
+  dependencies:
+    asynckit: "npm:^0.4.0"
+    combined-stream: "npm:^1.0.8"
+    mime-types: "npm:^2.1.12"
+  checksum: 10/6adb1cff557328bc6eb8a68da205f9ae44ab0e88d4d9237aaf91eed591ffc64f77411efb9016af7d87f23d0a038c45a788aa1c6634e51175c4efa36c2bc53774
+  languageName: node
+  linkType: hard
+
+"form-data@npm:^4.0.4":
+  version: 4.0.4
+  resolution: "form-data@npm:4.0.4"
+  dependencies:
+    asynckit: "npm:^0.4.0"
+    combined-stream: "npm:^1.0.8"
+    es-set-tostringtag: "npm:^2.1.0"
+    hasown: "npm:^2.0.2"
+    mime-types: "npm:^2.1.12"
+  checksum: 10/a4b62e21932f48702bc468cc26fb276d186e6b07b557e3dd7cc455872bdbb82db7db066844a64ad3cf40eaf3a753c830538183570462d3649fdfd705601cbcfb
+  languageName: node
+  linkType: hard
+
+"format@npm:^0.2.0":
+  version: 0.2.2
+  resolution: "format@npm:0.2.2"
+  checksum: 10/5f878b8fc1a672c8cbefa4f293bdd977c822862577d70d53456a48b4169ec9b51677c0c995bf62c633b4e5cd673624b7c273f57923b28735a6c0c0a72c382a4a
+  languageName: node
+  linkType: hard
+
+"framer-motion@npm:^6.5.1":
+  version: 6.5.1
+  resolution: "framer-motion@npm:6.5.1"
+  dependencies:
+    "@emotion/is-prop-valid": "npm:^0.8.2"
+    "@motionone/dom": "npm:10.12.0"
+    framesync: "npm:6.0.1"
+    hey-listen: "npm:^1.0.8"
+    popmotion: "npm:11.0.3"
+    style-value-types: "npm:5.0.0"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    react: ">=16.8 || ^17.0.0 || ^18.0.0"
+    react-dom: ">=16.8 || ^17.0.0 || ^18.0.0"
+  dependenciesMeta:
+    "@emotion/is-prop-valid":
+      optional: true
+  checksum: 10/ecdb2cceb0ff400f2bddc8800b74e0b377fd7d627a051437ec510cf3c1e7184b6a0afc68696e70cb21bf277e41ea41813e2833f8878e23de178be10d7b2978e5
+  languageName: node
+  linkType: hard
+
+"framesync@npm:6.0.1":
+  version: 6.0.1
+  resolution: "framesync@npm:6.0.1"
+  dependencies:
+    tslib: "npm:^2.1.0"
+  checksum: 10/38a985189c90867a969e9acc1d31bfcab8184bccc0f1ad41a12dbd573e3ec0ba74259d12f3fcabaccd914330601cabd686f47b543798cf6e8c4ad23ea3c0a581
+  languageName: node
+  linkType: hard
+
+"freeport-async@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "freeport-async@npm:2.0.0"
+  checksum: 10/c0bc71eb48a9b60277e55f1b4c7b0c14d385e9a6b3f0870a1d8b1ae441504afd481380fe7923506364d6fb765546a5cef821dcc5fe7ec2ae17bb8902c94d49b9
+  languageName: node
+  linkType: hard
+
+"freerasp-react-native@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "freerasp-react-native@npm:4.1.0"
+  peerDependencies:
+    expo: ">=47.0.0"
+    react: "*"
+    react-native: "*"
+  peerDependenciesMeta:
+    expo:
+      optional: true
+  checksum: 10/f1c672b6db9fe07ff469a0b968d1dd4388fe4f62983903c720c4ffc049488f42b0d586ba0eb098fae99ce688aabe08e5da810cf11fae1cb6bf514cbd9821c251
+  languageName: node
+  linkType: hard
+
+"fresh@npm:0.5.2":
+  version: 0.5.2
+  resolution: "fresh@npm:0.5.2"
+  checksum: 10/64c88e489b5d08e2f29664eb3c79c705ff9a8eb15d3e597198ef76546d4ade295897a44abb0abd2700e7ef784b2e3cbf1161e4fbf16f59129193fd1030d16da1
+  languageName: node
+  linkType: hard
+
+"fs-extra@npm:^10.0.0":
+  version: 10.1.0
+  resolution: "fs-extra@npm:10.1.0"
+  dependencies:
+    graceful-fs: "npm:^4.2.0"
+    jsonfile: "npm:^6.0.1"
+    universalify: "npm:^2.0.0"
+  checksum: 10/05ce2c3b59049bcb7b52001acd000e44b3c4af4ec1f8839f383ef41ec0048e3cfa7fd8a637b1bddfefad319145db89be91f4b7c1db2908205d38bf91e7d1d3b7
+  languageName: node
+  linkType: hard
+
+"fs-extra@npm:^11.2.0":
+  version: 11.2.0
+  resolution: "fs-extra@npm:11.2.0"
+  dependencies:
+    graceful-fs: "npm:^4.2.0"
+    jsonfile: "npm:^6.0.1"
+    universalify: "npm:^2.0.0"
+  checksum: 10/0579bf6726a4cd054d4aa308f10b483f52478bb16284f32cf60b4ce0542063d551fca1a08a2af365e35db21a3fa5a06cf2a6ed614004b4368982bc754cb816b3
+  languageName: node
+  linkType: hard
+
+"fs-extra@npm:^7.0.0":
+  version: 7.0.1
+  resolution: "fs-extra@npm:7.0.1"
+  dependencies:
+    graceful-fs: "npm:^4.1.2"
+    jsonfile: "npm:^4.0.0"
+    universalify: "npm:^0.1.0"
+  checksum: 10/3fc6e56ba2f07c00d452163f27f21a7076b72ef7da8a50fef004336d59ef4c34deda11d10ecd73fd8fbcf20e4f575f52857293090b3c9f8741d4e0598be30fea
+  languageName: node
+  linkType: hard
+
+"fs-extra@npm:^9.0.1, fs-extra@npm:^9.1.0":
+  version: 9.1.0
+  resolution: "fs-extra@npm:9.1.0"
+  dependencies:
+    at-least-node: "npm:^1.0.0"
+    graceful-fs: "npm:^4.2.0"
+    jsonfile: "npm:^6.0.1"
+    universalify: "npm:^2.0.0"
+  checksum: 10/08600da1b49552ed23dfac598c8fc909c66776dd130fea54fbcad22e330f7fcc13488bb995f6bc9ce5651aa35b65702faf616fe76370ee56f1aade55da982dca
+  languageName: node
+  linkType: hard
+
+"fs-minipass@npm:^3.0.0":
+  version: 3.0.3
+  resolution: "fs-minipass@npm:3.0.3"
+  dependencies:
+    minipass: "npm:^7.0.3"
+  checksum: 10/af143246cf6884fe26fa281621d45cfe111d34b30535a475bfa38dafe343dadb466c047a924ffc7d6b7b18265df4110224ce3803806dbb07173bf2087b648d7f
+  languageName: node
+  linkType: hard
+
+"fs-monkey@npm:^1.0.4":
+  version: 1.0.6
+  resolution: "fs-monkey@npm:1.0.6"
+  checksum: 10/a0502a23aa0b467f671cd5c7f989ff48611cce1f23deb8f6924862b49234ff37de6828f739a4f2c1acf8f20e80cb426bf6a9d135c401f3df1e7089b7de04c815
+  languageName: node
+  linkType: hard
+
+"fs-readdir-recursive@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "fs-readdir-recursive@npm:1.1.0"
+  checksum: 10/d5e3fd8456b8e5d57a43f169a9eaf65c70fa82c4a22f1d4361cdba4ea5e61c60c5c2b4ac481ea137a4d43b2b99b3ea2fae95ac2730255c4206d61af645866c3a
+  languageName: node
+  linkType: hard
+
+"fs.realpath@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "fs.realpath@npm:1.0.0"
+  checksum: 10/e703107c28e362d8d7b910bbcbfd371e640a3bb45ae157a362b5952c0030c0b6d4981140ec319b347bce7adc025dd7813da1ff908a945ac214d64f5402a51b96
+  languageName: node
+  linkType: hard
+
+"fsevents@npm:^2.3.2, fsevents@npm:~2.3.2":
+  version: 2.3.3
+  resolution: "fsevents@npm:2.3.3"
+  dependencies:
+    node-gyp: "npm:latest"
+  checksum: 10/4c1ade961ded57cdbfbb5cac5106ec17bc8bccd62e16343c569a0ceeca83b9dfef87550b4dc5cbb89642da412b20c5071f304c8c464b80415446e8e155a038c0
+  conditions: os=darwin
+  languageName: node
+  linkType: hard
+
+"fsevents@patch:fsevents@npm%3A^2.3.2#optional!builtin<compat/fsevents>, fsevents@patch:fsevents@npm%3A~2.3.2#optional!builtin<compat/fsevents>":
+  version: 2.3.3
+  resolution: "fsevents@patch:fsevents@npm%3A2.3.3#optional!builtin<compat/fsevents>::version=2.3.3&hash=df0bf1"
+  dependencies:
+    node-gyp: "npm:latest"
+  conditions: os=darwin
+  languageName: node
+  linkType: hard
+
+"function-bind@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "function-bind@npm:1.1.2"
+  checksum: 10/185e20d20f10c8d661d59aac0f3b63b31132d492e1b11fcc2a93cb2c47257ebaee7407c38513efd2b35cafdf972d9beb2ea4593c1e0f3bf8f2744836928d7454
+  languageName: node
+  linkType: hard
+
+"function.prototype.name@npm:^1.1.6, function.prototype.name@npm:^1.1.7":
+  version: 1.1.7
+  resolution: "function.prototype.name@npm:1.1.7"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    define-properties: "npm:^1.2.1"
+    functions-have-names: "npm:^1.2.3"
+    hasown: "npm:^2.0.2"
+    is-callable: "npm:^1.2.7"
+  checksum: 10/25b5c3e54ffe94f2005882dcc79c3f50bc5f50c23004601ffba05c5c88d702397668d30ecc4909677cd9c7e9da7a753221539a9a9c6d1ab0e7af82a9935b48dc
+  languageName: node
+  linkType: hard
+
+"function.prototype.name@npm:^1.1.8":
+  version: 1.1.8
+  resolution: "function.prototype.name@npm:1.1.8"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    call-bound: "npm:^1.0.3"
+    define-properties: "npm:^1.2.1"
+    functions-have-names: "npm:^1.2.3"
+    hasown: "npm:^2.0.2"
+    is-callable: "npm:^1.2.7"
+  checksum: 10/25b9e5bea936732a6f0c0c08db58cc0d609ac1ed458c6a07ead46b32e7b9bf3fe5887796c3f83d35994efbc4fdde81c08ac64135b2c399b8f2113968d44082bc
+  languageName: node
+  linkType: hard
+
+"functions-have-names@npm:^1.2.3":
+  version: 1.2.3
+  resolution: "functions-have-names@npm:1.2.3"
+  checksum: 10/0ddfd3ed1066a55984aaecebf5419fbd9344a5c38dd120ffb0739fac4496758dcf371297440528b115e4367fc46e3abc86a2cc0ff44612181b175ae967a11a05
+  languageName: node
+  linkType: hard
+
+"fuse.js@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "fuse.js@npm:7.0.0"
+  checksum: 10/d75d35f2d61afa85b8248f9cbfc7d4df29ae47ea574a15ad5c3c2a41930c5ed78668346295508b59ec4929fcb1a5cd6d9a8c649b5a3bc8b18e515f4e4cb9809d
+  languageName: node
+  linkType: hard
+
+"fuse.js@npm:^7.1.0":
+  version: 7.1.0
+  resolution: "fuse.js@npm:7.1.0"
+  checksum: 10/9f9105e54372897a46cb3e04074f0db5bd0a428320d4618276a57e6142d7502235a556f05cf87aa3c5d6d9c6fdfa06b901b78379c48aa0951672ccbc4a1bfe70
+  languageName: node
+  linkType: hard
+
+"gensync@npm:^1.0.0-beta.2":
+  version: 1.0.0-beta.2
+  resolution: "gensync@npm:1.0.0-beta.2"
+  checksum: 10/17d8333460204fbf1f9160d067e1e77f908a5447febb49424b8ab043026049835c9ef3974445c57dbd39161f4d2b04356d7de12b2eecaa27a7a7ea7d871cbedd
+  languageName: node
+  linkType: hard
+
+"get-caller-file@npm:^2.0.1, get-caller-file@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "get-caller-file@npm:2.0.5"
+  checksum: 10/b9769a836d2a98c3ee734a88ba712e62703f1df31b94b784762c433c27a386dd6029ff55c2a920c392e33657d80191edbf18c61487e198844844516f843496b9
+  languageName: node
+  linkType: hard
+
+"get-east-asian-width@npm:^1.0.0":
+  version: 1.3.0
+  resolution: "get-east-asian-width@npm:1.3.0"
+  checksum: 10/8e8e779eb28701db7fdb1c8cab879e39e6ae23f52dadd89c8aed05869671cee611a65d4f8557b83e981428623247d8bc5d0c7a4ef3ea7a41d826e73600112ad8
+  languageName: node
+  linkType: hard
+
+"get-intrinsic@npm:^1.2.4, get-intrinsic@npm:^1.2.5, get-intrinsic@npm:^1.2.6":
+  version: 1.2.6
+  resolution: "get-intrinsic@npm:1.2.6"
+  dependencies:
+    call-bind-apply-helpers: "npm:^1.0.1"
+    dunder-proto: "npm:^1.0.0"
+    es-define-property: "npm:^1.0.1"
+    es-errors: "npm:^1.3.0"
+    es-object-atoms: "npm:^1.0.0"
+    function-bind: "npm:^1.1.2"
+    gopd: "npm:^1.2.0"
+    has-symbols: "npm:^1.1.0"
+    hasown: "npm:^2.0.2"
+    math-intrinsics: "npm:^1.0.0"
+  checksum: 10/a1ffae6d7893a6fa0f4d1472adbc85095edd6b3b0943ead97c3738539cecb19d422ff4d48009eed8c3c27ad678c2b1e38a83b1a1e96b691d13ed8ecefca1068d
+  languageName: node
+  linkType: hard
+
+"get-intrinsic@npm:^1.2.7, get-intrinsic@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "get-intrinsic@npm:1.3.0"
+  dependencies:
+    call-bind-apply-helpers: "npm:^1.0.2"
+    es-define-property: "npm:^1.0.1"
+    es-errors: "npm:^1.3.0"
+    es-object-atoms: "npm:^1.1.1"
+    function-bind: "npm:^1.1.2"
+    get-proto: "npm:^1.0.1"
+    gopd: "npm:^1.2.0"
+    has-symbols: "npm:^1.1.0"
+    hasown: "npm:^2.0.2"
+    math-intrinsics: "npm:^1.1.0"
+  checksum: 10/6e9dd920ff054147b6f44cb98104330e87caafae051b6d37b13384a45ba15e71af33c3baeac7cb630a0aaa23142718dcf25b45cfdd86c184c5dcb4e56d953a10
+  languageName: node
+  linkType: hard
+
+"get-nonce@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "get-nonce@npm:1.0.1"
+  checksum: 10/ad5104871d114a694ecc506a2d406e2331beccb961fe1e110dc25556b38bcdbf399a823a8a375976cd8889668156a9561e12ebe3fa6a4c6ba169c8466c2ff868
+  languageName: node
+  linkType: hard
+
+"get-own-enumerable-property-symbols@npm:^3.0.0":
+  version: 3.0.2
+  resolution: "get-own-enumerable-property-symbols@npm:3.0.2"
+  checksum: 10/8f0331f14159f939830884799f937343c8c0a2c330506094bc12cbee3665d88337fe97a4ea35c002cc2bdba0f5d9975ad7ec3abb925015cdf2a93e76d4759ede
+  languageName: node
+  linkType: hard
+
+"get-package-type@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "get-package-type@npm:0.1.0"
+  checksum: 10/bba0811116d11e56d702682ddef7c73ba3481f114590e705fc549f4d868972263896af313c57a25c076e3c0d567e11d919a64ba1b30c879be985fc9d44f96148
+  languageName: node
+  linkType: hard
+
+"get-params@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "get-params@npm:0.1.2"
+  checksum: 10/7768710dd5e68805b51981a6fbb0a689728d280357f5dd1a080fd7e732d9b4ccf7fc5e0fc792ff482022d8af37242ff5e72b2b50dbafccb21db4f77eb9c646c4
+  languageName: node
+  linkType: hard
+
+"get-port-please@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "get-port-please@npm:3.1.2"
+  checksum: 10/ec8b8da9f816edde114b76742ec29695730094904bb0e94309081e4adf3f797b483b9d648abcf5e0511c4e21a7bf68334672b9575f8b23bccf93bf97eb517f0e
+  languageName: node
+  linkType: hard
+
+"get-port@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "get-port@npm:3.2.0"
+  checksum: 10/577b6ae47dcac1cb64f9bad28c9aa9e4cd8e8f2166c4224485dcdd1dede64154517a57a0eb55bfb557ad3d48f9a1b400415ed047f04002e936f96ddb247f645d
+  languageName: node
+  linkType: hard
+
+"get-proto@npm:^1.0.0, get-proto@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "get-proto@npm:1.0.1"
+  dependencies:
+    dunder-proto: "npm:^1.0.1"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10/4fc96afdb58ced9a67558698b91433e6b037aaa6f1493af77498d7c85b141382cf223c0e5946f334fb328ee85dfe6edd06d218eaf09556f4bc4ec6005d7f5f7b
+  languageName: node
+  linkType: hard
+
+"get-stream@npm:^5.0.0, get-stream@npm:^5.1.0":
+  version: 5.2.0
+  resolution: "get-stream@npm:5.2.0"
+  dependencies:
+    pump: "npm:^3.0.0"
+  checksum: 10/13a73148dca795e41421013da6e3ebff8ccb7fba4d2f023fd0c6da2c166ec4e789bec9774a73a7b49c08daf2cae552f8a3e914042ac23b5f59dd278cc8f9cbfb
+  languageName: node
+  linkType: hard
+
+"get-stream@npm:^6.0.0":
+  version: 6.0.1
+  resolution: "get-stream@npm:6.0.1"
+  checksum: 10/781266d29725f35c59f1d214aedc92b0ae855800a980800e2923b3fbc4e56b3cb6e462c42e09a1cf1a00c64e056a78fa407cbe06c7c92b7e5cd49b4b85c2a497
+  languageName: node
+  linkType: hard
+
+"get-stream@npm:^8.0.1":
+  version: 8.0.1
+  resolution: "get-stream@npm:8.0.1"
+  checksum: 10/dde5511e2e65a48e9af80fea64aff11b4921b14b6e874c6f8294c50975095af08f41bfb0b680c887f28b566dd6ec2cb2f960f9d36a323359be324ce98b766e9e
+  languageName: node
+  linkType: hard
+
+"get-symbol-description@npm:^1.0.2, get-symbol-description@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "get-symbol-description@npm:1.1.0"
+  dependencies:
+    call-bound: "npm:^1.0.3"
+    es-errors: "npm:^1.3.0"
+    get-intrinsic: "npm:^1.2.6"
+  checksum: 10/a353e3a9595a74720b40fb5bae3ba4a4f826e186e83814d93375182384265676f59e49998b9cdfac4a2225ce95a3d32a68f502a2c5619303987f1c183ab80494
+  languageName: node
+  linkType: hard
+
+"get-tsconfig@npm:^4.7.5":
+  version: 4.8.1
+  resolution: "get-tsconfig@npm:4.8.1"
+  dependencies:
+    resolve-pkg-maps: "npm:^1.0.0"
+  checksum: 10/3fb5a8ad57b9633eaea085d81661e9e5c9f78b35d8f8689eaf8b8b45a2a3ebf3b3422266d4d7df765e308cc1e6231648d114803ab3d018332e29916f2c1de036
+  languageName: node
+  linkType: hard
+
+"get-tsconfig@npm:^4.8.1":
+  version: 4.10.1
+  resolution: "get-tsconfig@npm:4.10.1"
+  dependencies:
+    resolve-pkg-maps: "npm:^1.0.0"
+  checksum: 10/04d63f47fdecaefbd1f73ec02949be4ec4db7d6d9fbc8d4e81f9a4bb1c6f876e48943712f2f9236643d3e4d61d9a7b06da08564d08b034631ebe3f5605bef237
+  languageName: node
+  linkType: hard
+
+"getenv@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "getenv@npm:1.0.0"
+  checksum: 10/0b8f5f6ddc2400712bf584765e0b218a7b9eabe41d3cafaf2b73fc36140248f72f7040a38f852804a321ec9813a6873a7cafd7bf1d3ab43e8b6f9a18aba663ad
+  languageName: node
+  linkType: hard
+
+"getenv@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "getenv@npm:2.0.0"
+  checksum: 10/ba25153e26c0960199b5de1a0c7bdfc661226c00e27bb194f829ed129843510ce230f9daa3b4d06f10056298a9c4e9afbbd358fc7632a545f299e370772b047a
+  languageName: node
+  linkType: hard
+
+"getos@npm:^3.2.1":
+  version: 3.2.1
+  resolution: "getos@npm:3.2.1"
+  dependencies:
+    async: "npm:^3.2.0"
+  checksum: 10/228bede057f5cbed93dc6a66ce459a0364059faa2869682547663302f612e6295f13d3ad2a54ebbed573a9eb7f8124508b24409df6bcda6e15906c357526d11f
+  languageName: node
+  linkType: hard
+
+"getpass@npm:^0.1.1":
+  version: 0.1.7
+  resolution: "getpass@npm:0.1.7"
+  dependencies:
+    assert-plus: "npm:^1.0.0"
+  checksum: 10/ab18d55661db264e3eac6012c2d3daeafaab7a501c035ae0ccb193c3c23e9849c6e29b6ac762b9c2adae460266f925d55a3a2a3a3c8b94be2f222df94d70c046
+  languageName: node
+  linkType: hard
+
+"glob-parent@npm:^5.1.2, glob-parent@npm:~5.1.2":
+  version: 5.1.2
+  resolution: "glob-parent@npm:5.1.2"
+  dependencies:
+    is-glob: "npm:^4.0.1"
+  checksum: 10/32cd106ce8c0d83731966d31517adb766d02c3812de49c30cfe0675c7c0ae6630c11214c54a5ae67aca882cf738d27fd7768f21aa19118b9245950554be07247
+  languageName: node
+  linkType: hard
+
+"glob-parent@npm:^6.0.2":
+  version: 6.0.2
+  resolution: "glob-parent@npm:6.0.2"
+  dependencies:
+    is-glob: "npm:^4.0.3"
+  checksum: 10/c13ee97978bef4f55106b71e66428eb1512e71a7466ba49025fc2aec59a5bfb0954d5abd58fc5ee6c9b076eef4e1f6d3375c2e964b88466ca390da4419a786a8
+  languageName: node
+  linkType: hard
+
+"glob-to-regexp@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "glob-to-regexp@npm:0.4.1"
+  checksum: 10/9009529195a955c40d7b9690794aeff5ba665cc38f1519e111c58bb54366fd0c106bde80acf97ba4e533208eb53422c83b136611a54c5fefb1edd8dc267cb62e
+  languageName: node
+  linkType: hard
+
+"glob@npm:7.1.7":
+  version: 7.1.7
+  resolution: "glob@npm:7.1.7"
+  dependencies:
+    fs.realpath: "npm:^1.0.0"
+    inflight: "npm:^1.0.4"
+    inherits: "npm:2"
+    minimatch: "npm:^3.0.4"
+    once: "npm:^1.3.0"
+    path-is-absolute: "npm:^1.0.0"
+  checksum: 10/ff5aab0386e9cace92b0550d42085b71013c5ea382982dd7fdded998a559635f61413b8ba6fb7294eef289c83b52f4e64136f888300ac8afc4f3e5623182d6c8
+  languageName: node
+  linkType: hard
+
+"glob@npm:^10.2.2, glob@npm:^10.3.10, glob@npm:^10.3.7, glob@npm:^10.4.2, glob@npm:^10.4.5":
+  version: 10.4.5
+  resolution: "glob@npm:10.4.5"
+  dependencies:
+    foreground-child: "npm:^3.1.0"
+    jackspeak: "npm:^3.1.2"
+    minimatch: "npm:^9.0.4"
+    minipass: "npm:^7.1.2"
+    package-json-from-dist: "npm:^1.0.0"
+    path-scurry: "npm:^1.11.1"
+  bin:
+    glob: dist/esm/bin.mjs
+  checksum: 10/698dfe11828b7efd0514cd11e573eaed26b2dff611f0400907281ce3eab0c1e56143ef9b35adc7c77ecc71fba74717b510c7c223d34ca8a98ec81777b293d4ac
+  languageName: node
+  linkType: hard
+
+"glob@npm:^11.0.1":
+  version: 11.0.1
+  resolution: "glob@npm:11.0.1"
+  dependencies:
+    foreground-child: "npm:^3.1.0"
+    jackspeak: "npm:^4.0.1"
+    minimatch: "npm:^10.0.0"
+    minipass: "npm:^7.1.2"
+    package-json-from-dist: "npm:^1.0.0"
+    path-scurry: "npm:^2.0.0"
+  bin:
+    glob: dist/esm/bin.mjs
+  checksum: 10/57b12a05cc25f1c38f3b24cf6ea7a8bacef11e782c4b9a8c5b0bef3e6c5bcb8c4548cb31eb4115592e0490a024c1bde7359c470565608dd061d3b21179740457
+  languageName: node
+  linkType: hard
+
+"glob@npm:^7.1.1, glob@npm:^7.1.3, glob@npm:^7.1.4, glob@npm:^7.1.6, glob@npm:^7.1.7, glob@npm:^7.2.0":
+  version: 7.2.3
+  resolution: "glob@npm:7.2.3"
+  dependencies:
+    fs.realpath: "npm:^1.0.0"
+    inflight: "npm:^1.0.4"
+    inherits: "npm:2"
+    minimatch: "npm:^3.1.1"
+    once: "npm:^1.3.0"
+    path-is-absolute: "npm:^1.0.0"
+  checksum: 10/59452a9202c81d4508a43b8af7082ca5c76452b9fcc4a9ab17655822e6ce9b21d4f8fbadabe4fe3faef448294cec249af305e2cd824b7e9aaf689240e5e96a7b
+  languageName: node
+  linkType: hard
+
+"global-dirs@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "global-dirs@npm:3.0.1"
+  dependencies:
+    ini: "npm:2.0.0"
+  checksum: 10/70147b80261601fd40ac02a104581432325c1c47329706acd773f3a6ce99bb36d1d996038c85ccacd482ad22258ec233c586b6a91535b1a116b89663d49d6438
+  languageName: node
+  linkType: hard
+
+"globals@npm:^11.1.0":
+  version: 11.12.0
+  resolution: "globals@npm:11.12.0"
+  checksum: 10/9f054fa38ff8de8fa356502eb9d2dae0c928217b8b5c8de1f09f5c9b6c8a96d8b9bd3afc49acbcd384a98a81fea713c859e1b09e214c60509517bb8fc2bc13c2
+  languageName: node
+  linkType: hard
+
+"globals@npm:^14.0.0":
+  version: 14.0.0
+  resolution: "globals@npm:14.0.0"
+  checksum: 10/03939c8af95c6df5014b137cac83aa909090c3a3985caef06ee9a5a669790877af8698ab38007e4c0186873adc14c0b13764acc754b16a754c216cc56aa5f021
+  languageName: node
+  linkType: hard
+
+"globals@npm:^15.11.0":
+  version: 15.15.0
+  resolution: "globals@npm:15.15.0"
+  checksum: 10/7f561c87b2fd381b27fc2db7df8a4ea7a9bb378667b8a7193e61fd2ca3a876479174e2a303a74345fbea6e1242e16db48915c1fd3bf35adcf4060a795b425e18
+  languageName: node
+  linkType: hard
+
+"globals@npm:^15.14.0":
+  version: 15.14.0
+  resolution: "globals@npm:15.14.0"
+  checksum: 10/e35ffbdbc024d6381efca906f67211a7bbf935db2af8c14a65155785479e28b3e475950e5933bb6b296eed54b6dcd924e25b26dbc8579b1bde9d5d25916e1c5f
+  languageName: node
+  linkType: hard
+
+"globals@npm:^16.0.0":
+  version: 16.2.0
+  resolution: "globals@npm:16.2.0"
+  checksum: 10/37fc33502973ebbee5a44b58939aa8574abc00ca1fc4c1d4ec0571a2c6620843ae647eff8bd082adf6bb5975ad221a887522b9a7961125764f0cb6dfab0b7483
+  languageName: node
+  linkType: hard
+
+"globalthis@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "globalthis@npm:1.0.4"
+  dependencies:
+    define-properties: "npm:^1.2.1"
+    gopd: "npm:^1.0.1"
+  checksum: 10/1f1fd078fb2f7296306ef9dd51019491044ccf17a59ed49d375b576ca108ff37e47f3d29aead7add40763574a992f16a5367dd1e2173b8634ef18556ab719ac4
+  languageName: node
+  linkType: hard
+
+"globalyzer@npm:0.1.0":
+  version: 0.1.0
+  resolution: "globalyzer@npm:0.1.0"
+  checksum: 10/419a0f95ba542534fac0842964d31b3dc2936a479b2b1a8a62bad7e8b61054faa9b0a06ad9f2e12593396b9b2621cac93358d9b3071d33723fb1778608d358a1
+  languageName: node
+  linkType: hard
+
+"globby@npm:^11.1.0":
+  version: 11.1.0
+  resolution: "globby@npm:11.1.0"
+  dependencies:
+    array-union: "npm:^2.1.0"
+    dir-glob: "npm:^3.0.1"
+    fast-glob: "npm:^3.2.9"
+    ignore: "npm:^5.2.0"
+    merge2: "npm:^1.4.1"
+    slash: "npm:^3.0.0"
+  checksum: 10/288e95e310227bbe037076ea81b7c2598ccbc3122d87abc6dab39e1eec309aa14f0e366a98cdc45237ffcfcbad3db597778c0068217dcb1950fef6249104e1b1
+  languageName: node
+  linkType: hard
+
+"globby@npm:^13.1.4":
+  version: 13.2.2
+  resolution: "globby@npm:13.2.2"
+  dependencies:
+    dir-glob: "npm:^3.0.1"
+    fast-glob: "npm:^3.3.0"
+    ignore: "npm:^5.2.4"
+    merge2: "npm:^1.4.1"
+    slash: "npm:^4.0.0"
+  checksum: 10/4494a9d2162a7e4d327988b26be66d8eab87d7f59a83219e74b065e2c3ced23698f68fb10482bf9337133819281803fb886d6ae06afbb2affa743623eb0b1949
+  languageName: node
+  linkType: hard
+
+"globrex@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "globrex@npm:0.1.2"
+  checksum: 10/81ce62ee6f800d823d6b7da7687f841676d60ee8f51f934ddd862e4057316d26665c4edc0358d4340a923ac00a514f8b67c787e28fe693aae16350f4e60d55e9
+  languageName: node
+  linkType: hard
+
+"gopd@npm:^1.0.1, gopd@npm:^1.1.0, gopd@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "gopd@npm:1.2.0"
+  checksum: 10/94e296d69f92dc1c0768fcfeecfb3855582ab59a7c75e969d5f96ce50c3d201fd86d5a2857c22565764d5bb8a816c7b1e58f133ec318cd56274da36c5e3fb1a1
+  languageName: node
+  linkType: hard
+
+"graceful-fs@npm:^4.1.11, graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.11, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6, graceful-fs@npm:^4.2.9":
+  version: 4.2.11
+  resolution: "graceful-fs@npm:4.2.11"
+  checksum: 10/bf152d0ed1dc159239db1ba1f74fdbc40cb02f626770dcd5815c427ce0688c2635a06ed69af364396da4636d0408fcf7d4afdf7881724c3307e46aff30ca49e2
+  languageName: node
+  linkType: hard
+
+"graphemer@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "graphemer@npm:1.4.0"
+  checksum: 10/6dd60dba97007b21e3a829fab3f771803cc1292977fe610e240ea72afd67e5690ac9eeaafc4a99710e78962e5936ab5a460787c2a1180f1cb0ccfac37d29f897
+  languageName: node
+  linkType: hard
+
+"graphql@npm:^16.8.1":
+  version: 16.10.0
+  resolution: "graphql@npm:16.10.0"
+  checksum: 10/d42cf81ddcf3a61dfb213217576bf33c326f15b02c4cee369b373dc74100cbdcdc4479b3b797e79b654dabd8fddf50ef65ff75420e9ce5596c02e21f24c9126a
+  languageName: node
+  linkType: hard
+
+"gzip-size@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "gzip-size@npm:6.0.0"
+  dependencies:
+    duplexer: "npm:^0.1.2"
+  checksum: 10/2df97f359696ad154fc171dcb55bc883fe6e833bca7a65e457b9358f3cb6312405ed70a8da24a77c1baac0639906cd52358dc0ce2ec1a937eaa631b934c94194
+  languageName: node
+  linkType: hard
+
+"h3@npm:^1.12.0, h3@npm:^1.13.0":
+  version: 1.13.0
+  resolution: "h3@npm:1.13.0"
+  dependencies:
+    cookie-es: "npm:^1.2.2"
+    crossws: "npm:>=0.2.0 <0.4.0"
+    defu: "npm:^6.1.4"
+    destr: "npm:^2.0.3"
+    iron-webcrypto: "npm:^1.2.1"
+    ohash: "npm:^1.1.4"
+    radix3: "npm:^1.1.2"
+    ufo: "npm:^1.5.4"
+    uncrypto: "npm:^0.1.3"
+    unenv: "npm:^1.10.0"
+  checksum: 10/ecdbe3cdddc767ea6f9be9939b14192dd296eb434641bbecc5b665f7210de8c03910ae40931668788395b5de6cd517afaa628d7b5ce0fb60786fce1ad6e81bcb
+  languageName: node
+  linkType: hard
+
+"hamt-sharding@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "hamt-sharding@npm:2.0.1"
+  dependencies:
+    sparse-array: "npm:^1.3.1"
+    uint8arrays: "npm:^3.0.0"
+  checksum: 10/b5b5352a56bf5deaa072a05e0b5aa633f6450f3a7077fc2d513412ce81779cac03da747b32be6c8c2c05540b884f6e72775ed1ace6414f6e5b666da8a9c25b6e
+  languageName: node
+  linkType: hard
+
+"hard-rejection@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "hard-rejection@npm:2.1.0"
+  checksum: 10/7baaf80a0c7fff4ca79687b4060113f1529589852152fa935e6787a2bc96211e784ad4588fb3048136ff8ffc9dfcf3ae385314a5b24db32de20bea0d1597f9dc
+  languageName: node
+  linkType: hard
+
+"has-bigints@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "has-bigints@npm:1.0.2"
+  checksum: 10/4e0426c900af034d12db14abfece02ce7dbf53f2022d28af1a97913ff4c07adb8799476d57dc44fbca0e07d1dbda2a042c2928b1f33d3f09c15de0640a7fb81b
+  languageName: node
+  linkType: hard
+
+"has-flag@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "has-flag@npm:2.0.0"
+  checksum: 10/7d060d142ef6740c79991cb99afe5962b267e6e95538bf8b607026b9b1e7451288927bc8e7b4a9484a8b99935c0af023070f91ee49faef791ecd401dc58b2e8d
+  languageName: node
+  linkType: hard
+
+"has-flag@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "has-flag@npm:3.0.0"
+  checksum: 10/4a15638b454bf086c8148979aae044dd6e39d63904cd452d970374fa6a87623423da485dfb814e7be882e05c096a7ccf1ebd48e7e7501d0208d8384ff4dea73b
+  languageName: node
+  linkType: hard
+
+"has-flag@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "has-flag@npm:4.0.0"
+  checksum: 10/261a1357037ead75e338156b1f9452c016a37dcd3283a972a30d9e4a87441ba372c8b81f818cd0fbcd9c0354b4ae7e18b9e1afa1971164aef6d18c2b6095a8ad
+  languageName: node
+  linkType: hard
+
+"has-property-descriptors@npm:^1.0.0, has-property-descriptors@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "has-property-descriptors@npm:1.0.2"
+  dependencies:
+    es-define-property: "npm:^1.0.0"
+  checksum: 10/2d8c9ab8cebb572e3362f7d06139a4592105983d4317e68f7adba320fe6ddfc8874581e0971e899e633fd5f72e262830edce36d5a0bc863dad17ad20572484b2
+  languageName: node
+  linkType: hard
+
+"has-proto@npm:^1.0.3, has-proto@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "has-proto@npm:1.2.0"
+  dependencies:
+    dunder-proto: "npm:^1.0.0"
+  checksum: 10/7eaed07728eaa28b77fadccabce53f30de467ff186a766872669a833ac2e87d8922b76a22cc58339d7e0277aefe98d6d00762113b27a97cdf65adcf958970935
+  languageName: node
+  linkType: hard
+
+"has-symbols@npm:^1.0.3, has-symbols@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "has-symbols@npm:1.1.0"
+  checksum: 10/959385c98696ebbca51e7534e0dc723ada325efa3475350951363cce216d27373e0259b63edb599f72eb94d6cde8577b4b2375f080b303947e560f85692834fa
+  languageName: node
+  linkType: hard
+
+"has-tostringtag@npm:^1.0.0, has-tostringtag@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "has-tostringtag@npm:1.0.2"
+  dependencies:
+    has-symbols: "npm:^1.0.3"
+  checksum: 10/c74c5f5ceee3c8a5b8bc37719840dc3749f5b0306d818974141dda2471a1a2ca6c8e46b9d6ac222c5345df7a901c9b6f350b1e6d62763fec877e26609a401bfe
+  languageName: node
+  linkType: hard
+
+"hash-base@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "hash-base@npm:3.1.0"
+  dependencies:
+    inherits: "npm:^2.0.4"
+    readable-stream: "npm:^3.6.0"
+    safe-buffer: "npm:^5.2.0"
+  checksum: 10/26b7e97ac3de13cb23fc3145e7e3450b0530274a9562144fc2bf5c1e2983afd0e09ed7cc3b20974ba66039fad316db463da80eb452e7373e780cbee9a0d2f2dc
+  languageName: node
+  linkType: hard
+
+"hash-base@npm:~3.0, hash-base@npm:~3.0.4":
+  version: 3.0.5
+  resolution: "hash-base@npm:3.0.5"
+  dependencies:
+    inherits: "npm:^2.0.4"
+    safe-buffer: "npm:^5.2.1"
+  checksum: 10/6a82675a5de2ea9347501bbe655a2334950c7ec972fd9810ae9529e06aeab8f7e8ef68fc2112e5e6f0745561a7e05326efca42ad59bb5fd116537f5f8b0a216d
+  languageName: node
+  linkType: hard
+
+"hash.js@npm:1.1.7, hash.js@npm:^1.0.0, hash.js@npm:^1.0.3, hash.js@npm:^1.1.7":
+  version: 1.1.7
+  resolution: "hash.js@npm:1.1.7"
+  dependencies:
+    inherits: "npm:^2.0.3"
+    minimalistic-assert: "npm:^1.0.1"
+  checksum: 10/0c89ee4006606a40f92df5cc3c263342e7fea68110f3e9ef032bd2083650430505db01b6b7926953489517d4027535e4fdc7f970412893d3031c361d3ec8f4b3
+  languageName: node
+  linkType: hard
+
+"hasown@npm:^2.0.0, hasown@npm:^2.0.1, hasown@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "hasown@npm:2.0.2"
+  dependencies:
+    function-bind: "npm:^1.1.2"
+  checksum: 10/7898a9c1788b2862cf0f9c345a6bec77ba4a0c0983c7f19d610c382343d4f98fa260686b225dfb1f88393a66679d2ec58ee310c1d6868c081eda7918f32cc70a
+  languageName: node
+  linkType: hard
+
+"hast-util-to-estree@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "hast-util-to-estree@npm:3.1.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    "@types/estree-jsx": "npm:^1.0.0"
+    "@types/hast": "npm:^3.0.0"
+    comma-separated-tokens: "npm:^2.0.0"
+    devlop: "npm:^1.0.0"
+    estree-util-attach-comments: "npm:^3.0.0"
+    estree-util-is-identifier-name: "npm:^3.0.0"
+    hast-util-whitespace: "npm:^3.0.0"
+    mdast-util-mdx-expression: "npm:^2.0.0"
+    mdast-util-mdx-jsx: "npm:^3.0.0"
+    mdast-util-mdxjs-esm: "npm:^2.0.0"
+    property-information: "npm:^6.0.0"
+    space-separated-tokens: "npm:^2.0.0"
+    style-to-object: "npm:^0.4.0"
+    unist-util-position: "npm:^5.0.0"
+    zwitch: "npm:^2.0.0"
+  checksum: 10/02efab6a0bc94b63dd7cbd9d8fae5152dd2dbabbc575d2875fbb2a92c407925d68dba8dadc4468a4c957efd1a35aafb67713fab09584a0688a9b17683c91a5da
+  languageName: node
+  linkType: hard
+
+"hast-util-to-jsx-runtime@npm:^2.0.0":
+  version: 2.3.2
+  resolution: "hast-util-to-jsx-runtime@npm:2.3.2"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    "@types/hast": "npm:^3.0.0"
+    "@types/unist": "npm:^3.0.0"
+    comma-separated-tokens: "npm:^2.0.0"
+    devlop: "npm:^1.0.0"
+    estree-util-is-identifier-name: "npm:^3.0.0"
+    hast-util-whitespace: "npm:^3.0.0"
+    mdast-util-mdx-expression: "npm:^2.0.0"
+    mdast-util-mdx-jsx: "npm:^3.0.0"
+    mdast-util-mdxjs-esm: "npm:^2.0.0"
+    property-information: "npm:^6.0.0"
+    space-separated-tokens: "npm:^2.0.0"
+    style-to-object: "npm:^1.0.0"
+    unist-util-position: "npm:^5.0.0"
+    vfile-message: "npm:^4.0.0"
+  checksum: 10/3d72f83e2d8c29adc6576d2c6b41479902fd51fac8cfb2b67c35fd68fcb9c25c274699442e4dee901a7ab926a0ff6851713ed5d92448ac09ae0f10daf293476c
+  languageName: node
+  linkType: hard
+
+"hast-util-whitespace@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "hast-util-whitespace@npm:3.0.0"
+  dependencies:
+    "@types/hast": "npm:^3.0.0"
+  checksum: 10/8c7e9eeb8131fc18702f3a42623eb6b0b09d470347aa8badacac70e6d91f79657ab8c6b57c4c6fee3658cff405fac30e816d1cdfb3ed1fbf6045d0a4555cf4d4
+  languageName: node
+  linkType: hard
+
+"hdkey@npm:^2.0.1":
+  version: 2.1.0
+  resolution: "hdkey@npm:2.1.0"
+  dependencies:
+    bs58check: "npm:^2.1.2"
+    ripemd160: "npm:^2.0.2"
+    safe-buffer: "npm:^5.1.1"
+    secp256k1: "npm:^4.0.0"
+  checksum: 10/c4ee2189ea3d87070ebd14ad7368e292b1e0b30e4d8a107eb8f33624634df6e57b8a3b2cda65b3bd97e88474f6798cfdbe7b63b6037429f0e169321d84a0db58
+  languageName: node
+  linkType: hard
+
+"he@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "he@npm:1.2.0"
+  bin:
+    he: bin/he
+  checksum: 10/d09b2243da4e23f53336e8de3093e5c43d2c39f8d0d18817abfa32ce3e9355391b2edb4bb5edc376aea5d4b0b59d6a0482aab4c52bc02ef95751e4b818e847f1
+  languageName: node
+  linkType: hard
+
+"headers-polyfill@npm:^4.0.2":
+  version: 4.0.3
+  resolution: "headers-polyfill@npm:4.0.3"
+  checksum: 10/3a008aa2ef71591e2077706efb48db1b2729b90cf646cc217f9b69744e35cca4ba463f39debb6000904aa7de4fada2e5cc682463025d26bcc469c1d99fa5af27
+  languageName: node
+  linkType: hard
+
+"hermes-estree@npm:0.23.1":
+  version: 0.23.1
+  resolution: "hermes-estree@npm:0.23.1"
+  checksum: 10/b7ad78f53044d53ec1c77e93036c16e34f6f0985c895540876301e4791d4db08da828870977140f5cf1ae34532bbb9d9d013a0a1a4a5a0da05177225648d5295
+  languageName: node
+  linkType: hard
+
+"hermes-estree@npm:0.25.1":
+  version: 0.25.1
+  resolution: "hermes-estree@npm:0.25.1"
+  checksum: 10/7b1eca98b264a25632064cffa5771360d30cf452e77db1e191f9913ee45cf78c292b2dbca707e92fb71b0870abb97e94b506a5ab80abd96ba237fee169b601fe
+  languageName: node
+  linkType: hard
+
+"hermes-parser@npm:0.23.1":
+  version: 0.23.1
+  resolution: "hermes-parser@npm:0.23.1"
+  dependencies:
+    hermes-estree: "npm:0.23.1"
+  checksum: 10/de88df4f23bd8dc2ffa89c8a317445320af8c7705a2aeeb05c4dd171f037a747982be153a0a237b1c9c7337b79bceaeb5052934cb8a25fe2e2473294a5343334
+  languageName: node
+  linkType: hard
+
+"hermes-parser@npm:0.25.1":
+  version: 0.25.1
+  resolution: "hermes-parser@npm:0.25.1"
+  dependencies:
+    hermes-estree: "npm:0.25.1"
+  checksum: 10/805efc05691420f236654349872c70731121791fa54de521c7ee51059eae34f84dd19f22ee846741dcb60372f8fb5335719b96b4ecb010d2aed7d872f2eff9cc
+  languageName: node
+  linkType: hard
+
+"hey-listen@npm:^1.0.8":
+  version: 1.0.8
+  resolution: "hey-listen@npm:1.0.8"
+  checksum: 10/744b5f4c18c7cfb82b22bd22e1d300a9ac4eafe05a22e58fb87e48addfca8be00604d9aa006434ea02f9530990eb4b393ddb28659e2ab7f833ce873e32eb809c
+  languageName: node
+  linkType: hard
+
+"hmac-drbg@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "hmac-drbg@npm:1.0.1"
+  dependencies:
+    hash.js: "npm:^1.0.3"
+    minimalistic-assert: "npm:^1.0.0"
+    minimalistic-crypto-utils: "npm:^1.0.1"
+  checksum: 10/0298a1445b8029a69b713d918ecaa84a1d9f614f5857e0c6e1ca517abfa1357216987b2ee08cc6cc73ba82a6c6ddf2ff11b9717a653530ef03be599d4699b836
+  languageName: node
+  linkType: hard
+
+"hoist-non-react-statics@npm:^3.3.0, hoist-non-react-statics@npm:^3.3.1, hoist-non-react-statics@npm:^3.3.2":
+  version: 3.3.2
+  resolution: "hoist-non-react-statics@npm:3.3.2"
+  dependencies:
+    react-is: "npm:^16.7.0"
+  checksum: 10/1acbe85f33e5a39f90c822ad4d28b24daeb60f71c545279431dc98c312cd28a54f8d64788e477fe21dc502b0e3cf58589ebe5c1ad22af27245370391c2d24ea6
+  languageName: node
+  linkType: hard
+
+"hosted-git-info@npm:^2.1.4":
+  version: 2.8.9
+  resolution: "hosted-git-info@npm:2.8.9"
+  checksum: 10/96da7d412303704af41c3819207a09ea2cab2de97951db4cf336bb8bce8d8e36b9a6821036ad2e55e67d3be0af8f967a7b57981203fbfb88bc05cd803407b8c3
+  languageName: node
+  linkType: hard
+
+"hosted-git-info@npm:^4.0.1":
+  version: 4.1.0
+  resolution: "hosted-git-info@npm:4.1.0"
+  dependencies:
+    lru-cache: "npm:^6.0.0"
+  checksum: 10/4dc67022b7ecb12829966bd731fb9a5f14d351547aafc6520ef3c8e7211f4f0e69452d24e29eae3d9b17df924d660052e53d8ca321cf3008418fb7e6c7c47d6f
+  languageName: node
+  linkType: hard
+
+"hosted-git-info@npm:^7.0.0":
+  version: 7.0.2
+  resolution: "hosted-git-info@npm:7.0.2"
+  dependencies:
+    lru-cache: "npm:^10.0.1"
+  checksum: 10/8f085df8a4a637d995f357f48b1e3f6fc1f9f92e82b33fb406415b5741834ed431a510a09141071001e8deea2eee43ce72786463e2aa5e5a70db8648c0eedeab
+  languageName: node
+  linkType: hard
+
+"html-encoding-sniffer@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "html-encoding-sniffer@npm:3.0.0"
+  dependencies:
+    whatwg-encoding: "npm:^2.0.0"
+  checksum: 10/707a812ec2acaf8bb5614c8618dc81e2fb6b4399d03e95ff18b65679989a072f4e919b9bef472039301a1bbfba64063ba4c79ea6e851c653ac9db80dbefe8fe5
+  languageName: node
+  linkType: hard
+
+"html-entities@npm:^2.1.0":
+  version: 2.5.2
+  resolution: "html-entities@npm:2.5.2"
+  checksum: 10/4ec12ebdf2d5ba8192c68e1aef3c1e4a4f36b29246a0a88464fe278a54517d0196d3489af46a3145c7ecacb4fc5fd50497be19eb713b810acab3f0efcf36fdc2
+  languageName: node
+  linkType: hard
+
+"html-escaper@npm:^2.0.0, html-escaper@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "html-escaper@npm:2.0.2"
+  checksum: 10/034d74029dcca544a34fb6135e98d427acd73019796ffc17383eaa3ec2fe1c0471dcbbc8f8ed39e46e86d43ccd753a160631615e4048285e313569609b66d5b7
+  languageName: node
+  linkType: hard
+
+"html-minifier-terser@npm:^6.0.2":
+  version: 6.1.0
+  resolution: "html-minifier-terser@npm:6.1.0"
+  dependencies:
+    camel-case: "npm:^4.1.2"
+    clean-css: "npm:^5.2.2"
+    commander: "npm:^8.3.0"
+    he: "npm:^1.2.0"
+    param-case: "npm:^3.0.4"
+    relateurl: "npm:^0.2.7"
+    terser: "npm:^5.10.0"
+  bin:
+    html-minifier-terser: cli.js
+  checksum: 10/a244fa944e002b57c66cc829a3f2dfdb9514b1833c2d838ada624964bf8c0afaf61d36c371758c7e44dedae95cea740a84d8d1067b916ed204f35175184d0e27
+  languageName: node
+  linkType: hard
+
+"html-tokenize@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "html-tokenize@npm:2.0.1"
+  dependencies:
+    buffer-from: "npm:~0.1.1"
+    inherits: "npm:~2.0.1"
+    minimist: "npm:~1.2.5"
+    readable-stream: "npm:~1.0.27-1"
+    through2: "npm:~0.4.1"
+  bin:
+    html-tokenize: bin/cmd.js
+  checksum: 10/8bd3a2ca7f38f329011c27d0ca7af4e79319cdfb85bb617c6431adb4d9fdde8c7a7d3dbf4bc503477e59072c11bb22ecf563158e239387306d0d7e4c7aad0289
+  languageName: node
+  linkType: hard
+
+"html-url-attributes@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "html-url-attributes@npm:3.0.1"
+  checksum: 10/494074c2f730c5c0e517aa1b10111fb36732534a2d2b70427582c4a615472b47da472cf3a17562cc653826d378d20960f2783e0400f4f7cf0c3c2d91c6188d13
+  languageName: node
+  linkType: hard
+
+"html-webpack-plugin@npm:^5.5.0":
+  version: 5.6.3
+  resolution: "html-webpack-plugin@npm:5.6.3"
+  dependencies:
+    "@types/html-minifier-terser": "npm:^6.0.0"
+    html-minifier-terser: "npm:^6.0.2"
+    lodash: "npm:^4.17.21"
+    pretty-error: "npm:^4.0.0"
+    tapable: "npm:^2.0.0"
+  peerDependencies:
+    "@rspack/core": 0.x || 1.x
+    webpack: ^5.20.0
+  peerDependenciesMeta:
+    "@rspack/core":
+      optional: true
+    webpack:
+      optional: true
+  checksum: 10/fd2bf1ac04823526c8b609555d027b38b9d61b4ba9f5c8116a37cc6b62d5b86cab1f478616e8c5344fee13663d2566f5c470c66265ecb1e9574dc38d0459889d
+  languageName: node
+  linkType: hard
+
+"htmlparser2@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "htmlparser2@npm:6.1.0"
+  dependencies:
+    domelementtype: "npm:^2.0.1"
+    domhandler: "npm:^4.0.0"
+    domutils: "npm:^2.5.2"
+    entities: "npm:^2.0.0"
+  checksum: 10/c9c34b0b722f5923c4ae05e59268aeb768582152969e3338a1cd3342b87f8dd2c0420f4745e46d2fd87f1b677ea2f314c3a93436ed8831905997e6347e081a5d
+  languageName: node
+  linkType: hard
+
+"htmlparser2@npm:^9.1.0":
+  version: 9.1.0
+  resolution: "htmlparser2@npm:9.1.0"
+  dependencies:
+    domelementtype: "npm:^2.3.0"
+    domhandler: "npm:^5.0.3"
+    domutils: "npm:^3.1.0"
+    entities: "npm:^4.5.0"
+  checksum: 10/6352fa2a5495781fa9a02c9049908334cd068ff36d753870d30cd13b841e99c19646717567a2f9e9c44075bbe43d364e102f9d013a731ce962226d63746b794f
+  languageName: node
+  linkType: hard
+
+"http-cache-semantics@npm:^4.1.1":
+  version: 4.1.1
+  resolution: "http-cache-semantics@npm:4.1.1"
+  checksum: 10/362d5ed66b12ceb9c0a328fb31200b590ab1b02f4a254a697dc796850cc4385603e75f53ec59f768b2dad3bfa1464bd229f7de278d2899a0e3beffc634b6683f
+  languageName: node
+  linkType: hard
+
+"http-errors@npm:2.0.0":
+  version: 2.0.0
+  resolution: "http-errors@npm:2.0.0"
+  dependencies:
+    depd: "npm:2.0.0"
+    inherits: "npm:2.0.4"
+    setprototypeof: "npm:1.2.0"
+    statuses: "npm:2.0.1"
+    toidentifier: "npm:1.0.1"
+  checksum: 10/0e7f76ee8ff8a33e58a3281a469815b893c41357378f408be8f6d4aa7d1efafb0da064625518e7078381b6a92325949b119dc38fcb30bdbc4e3a35f78c44c439
+  languageName: node
+  linkType: hard
+
+"http-parser-js@npm:>=0.5.1":
+  version: 0.5.8
+  resolution: "http-parser-js@npm:0.5.8"
+  checksum: 10/2a78a567ee6366dae0129d819b799dce1f95ec9732c5ab164a78ee69804ffb984abfa0660274e94e890fc54af93546eb9f12b6d10edbaed017e2d41c29b7cf29
+  languageName: node
+  linkType: hard
+
+"http-proxy-agent@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "http-proxy-agent@npm:5.0.0"
+  dependencies:
+    "@tootallnate/once": "npm:2"
+    agent-base: "npm:6"
+    debug: "npm:4"
+  checksum: 10/5ee19423bc3e0fd5f23ce991b0755699ad2a46a440ce9cec99e8126bb98448ad3479d2c0ea54be5519db5b19a4ffaa69616bac01540db18506dd4dac3dc418f0
+  languageName: node
+  linkType: hard
+
+"http-proxy-agent@npm:^7.0.0":
+  version: 7.0.2
+  resolution: "http-proxy-agent@npm:7.0.2"
+  dependencies:
+    agent-base: "npm:^7.1.0"
+    debug: "npm:^4.3.4"
+  checksum: 10/d062acfa0cb82beeb558f1043c6ba770ea892b5fb7b28654dbc70ea2aeea55226dd34c02a294f6c1ca179a5aa483c4ea641846821b182edbd9cc5d89b54c6848
+  languageName: node
+  linkType: hard
+
+"http-shutdown@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "http-shutdown@npm:1.2.2"
+  checksum: 10/1c99b575b1a7ebd749950e7f59410348723638808336063321d89588b7f7b548d61c8e3566af0f1f4f961d941c758677d062d2289bc63356ead143da4d8f3daf
+  languageName: node
+  linkType: hard
+
+"http-signature@npm:~1.4.0":
+  version: 1.4.0
+  resolution: "http-signature@npm:1.4.0"
+  dependencies:
+    assert-plus: "npm:^1.0.0"
+    jsprim: "npm:^2.0.2"
+    sshpk: "npm:^1.18.0"
+  checksum: 10/f9f5eed4ac5db5e1ec6d00652680c7d8b76d553560017e34505c0c22c37abb2e6d22b9268ed4a8542aa9746852a2d64850531091e443393c9c8e0f4fd4174455
+  languageName: node
+  linkType: hard
+
+"http2-client@npm:^1.2.5":
+  version: 1.3.5
+  resolution: "http2-client@npm:1.3.5"
+  checksum: 10/34ef17ea2814acbf9d9b5184f9e2c0767846d62abc357bd63c67b3d1f65e7b6ba772d4950ec4f5188686d3d8bfa15e3fb73721150db5bdb47bcefdba71734729
+  languageName: node
+  linkType: hard
+
+"https-browserify@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "https-browserify@npm:1.0.0"
+  checksum: 10/2d707c457319e1320adf0e7556174c190865fb345b6a183f033cee440f73221dbe7fa3f0adcffb1e6b0664726256bd44771a82e50fe6c66976c10b237100536a
+  languageName: node
+  linkType: hard
+
+"https-proxy-agent@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "https-proxy-agent@npm:5.0.1"
+  dependencies:
+    agent-base: "npm:6"
+    debug: "npm:4"
+  checksum: 10/f0dce7bdcac5e8eaa0be3c7368bb8836ed010fb5b6349ffb412b172a203efe8f807d9a6681319105ea1b6901e1972c7b5ea899672a7b9aad58309f766dcbe0df
+  languageName: node
+  linkType: hard
+
+"https-proxy-agent@npm:^7.0.1":
+  version: 7.0.6
+  resolution: "https-proxy-agent@npm:7.0.6"
+  dependencies:
+    agent-base: "npm:^7.1.2"
+    debug: "npm:4"
+  checksum: 10/784b628cbd55b25542a9d85033bdfd03d4eda630fb8b3c9477959367f3be95dc476ed2ecbb9836c359c7c698027fc7b45723a302324433590f45d6c1706e8c13
+  languageName: node
+  linkType: hard
+
+"human-signals@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "human-signals@npm:1.1.1"
+  checksum: 10/6a58224dffcef5588910b1028bda8623c9a7053460a1fe3367e61921a6b5f6b93aba30f323868a958f968d7de3f5f78421f11d4d9f7e9563b1bd2b00ed9a4deb
+  languageName: node
+  linkType: hard
+
+"human-signals@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "human-signals@npm:2.1.0"
+  checksum: 10/df59be9e0af479036798a881d1f136c4a29e0b518d4abb863afbd11bf30efa3eeb1d0425fc65942dcc05ab3bf40205ea436b0ff389f2cd20b75b8643d539bf86
+  languageName: node
+  linkType: hard
+
+"human-signals@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "human-signals@npm:5.0.0"
+  checksum: 10/30f8870d831cdcd2d6ec0486a7d35d49384996742052cee792854273fa9dd9e7d5db06bb7985d4953e337e10714e994e0302e90dc6848069171b05ec836d65b0
+  languageName: node
+  linkType: hard
+
+"husky@npm:^9.0.11, husky@npm:^9.1.6":
+  version: 9.1.7
+  resolution: "husky@npm:9.1.7"
+  bin:
+    husky: bin.js
+  checksum: 10/c2412753f15695db369634ba70f50f5c0b7e5cb13b673d0826c411ec1bd9ddef08c1dad89ea154f57da2521d2605bd64308af748749b27d08c5f563bcd89975f
+  languageName: node
+  linkType: hard
+
+"hyphenate-style-name@npm:^1.0.3":
+  version: 1.1.0
+  resolution: "hyphenate-style-name@npm:1.1.0"
+  checksum: 10/b9ed74e29181d96bd58a2d0e62fc4a19879db591dba268275829ff0ae595fcdf11faafaeaa63330a45c3004664d7db1f0fc7cdb372af8ee4615ed8260302c207
+  languageName: node
+  linkType: hard
+
+"iconv-lite@npm:0.6.3, iconv-lite@npm:^0.6.2, iconv-lite@npm:^0.6.3":
+  version: 0.6.3
+  resolution: "iconv-lite@npm:0.6.3"
+  dependencies:
+    safer-buffer: "npm:>= 2.1.2 < 3.0.0"
+  checksum: 10/24e3292dd3dadaa81d065c6f8c41b274a47098150d444b96e5f53b4638a9a71482921ea6a91a1f59bb71d9796de25e04afd05919fa64c360347ba65d3766f10f
+  languageName: node
+  linkType: hard
+
+"icss-utils@npm:^5.0.0, icss-utils@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "icss-utils@npm:5.1.0"
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: 10/5c324d283552b1269cfc13a503aaaa172a280f914e5b81544f3803bc6f06a3b585fb79f66f7c771a2c052db7982c18bf92d001e3b47282e3abbbb4c4cc488d68
+  languageName: node
+  linkType: hard
+
+"idb-keyval@npm:^6.2.1":
+  version: 6.2.1
+  resolution: "idb-keyval@npm:6.2.1"
+  checksum: 10/9a1416ff5e2ceff3832f5645518f438833a5ff6ee316fe3ec111d580db120425991d64d8098a847be7541bbbb7cc941984b4d0d62d541c39f7a0f415594837c2
+  languageName: node
+  linkType: hard
+
+"idb@npm:7.1.1, idb@npm:^7.0.1":
+  version: 7.1.1
+  resolution: "idb@npm:7.1.1"
+  checksum: 10/8e33eaebf21055129864acb89932e0739b8c96788e559df24c253ce114d8c6deb977a3b30ea47a9bb8a2ae8a55964861c3df65f360d95745e341cee40d5c17f4
+  languageName: node
+  linkType: hard
+
+"ieee754@npm:^1.1.13, ieee754@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "ieee754@npm:1.2.1"
+  checksum: 10/d9f2557a59036f16c282aaeb107832dc957a93d73397d89bbad4eb1130560560eb695060145e8e6b3b498b15ab95510226649a0b8f52ae06583575419fe10fc4
+  languageName: node
+  linkType: hard
+
+"ignore@npm:^5.1.1, ignore@npm:^5.2.0, ignore@npm:^5.2.4, ignore@npm:^5.3.1, ignore@npm:^5.3.2":
+  version: 5.3.2
+  resolution: "ignore@npm:5.3.2"
+  checksum: 10/cceb6a457000f8f6a50e1196429750d782afce5680dd878aa4221bd79972d68b3a55b4b1458fc682be978f4d3c6a249046aa0880637367216444ab7b014cfc98
+  languageName: node
+  linkType: hard
+
+"ignore@npm:^7.0.0":
+  version: 7.0.5
+  resolution: "ignore@npm:7.0.5"
+  checksum: 10/f134b96a4de0af419196f52c529d5c6120c4456ff8a6b5a14ceaaa399f883e15d58d2ce651c9b69b9388491d4669dda47285d307e827de9304a53a1824801bc6
+  languageName: node
+  linkType: hard
+
+"image-size@npm:^1.0.0, image-size@npm:^1.0.2":
+  version: 1.1.1
+  resolution: "image-size@npm:1.1.1"
+  dependencies:
+    queue: "npm:6.0.2"
+  bin:
+    image-size: bin/image-size.js
+  checksum: 10/f28966dd3f6d4feccc4028400bb7e8047c28b073ab0aa90c7c53039288139dd416c6bc254a976d4bf61113d4bc84871786804113099701cbfe9ccf377effdb54
+  languageName: node
+  linkType: hard
+
+"image-size@npm:~0.5.0":
+  version: 0.5.5
+  resolution: "image-size@npm:0.5.5"
+  bin:
+    image-size: bin/image-size.js
+  checksum: 10/f41ec6cfccfa6471980e83568033a66ec53f84d1bcb70033e946a7db9c1b6bbf5645ec90fa5a8bdcdc84d86af0032014eff6fa078a60c2398dfce6676c46bdb7
+  languageName: node
+  linkType: hard
+
+"immediate@npm:~3.0.5":
+  version: 3.0.6
+  resolution: "immediate@npm:3.0.6"
+  checksum: 10/f9b3486477555997657f70318cc8d3416159f208bec4cca3ff3442fd266bc23f50f0c9bd8547e1371a6b5e82b821ec9a7044a4f7b944798b25aa3cc6d5e63e62
+  languageName: node
+  linkType: hard
+
+"immer@npm:^10.0.3":
+  version: 10.1.1
+  resolution: "immer@npm:10.1.1"
+  checksum: 10/9dacf1e8c201d69191ccd88dc5d733bafe166cd45a5a360c5d7c88f1de0dff974a94114d72b35f3106adfe587fcfb131c545856184a2247d89d735ad25589863
+  languageName: node
+  linkType: hard
+
+"immutable@npm:^4.3.7":
+  version: 4.3.7
+  resolution: "immutable@npm:4.3.7"
+  checksum: 10/37d963c5050f03ae5f3714ba7a43d469aa482051087f4c65d673d1501c309ea231d87480c792e19fa85e2eaf965f76af5d0aa92726505f3cfe4af91619dfb80b
+  languageName: node
+  linkType: hard
+
+"immutable@npm:^5.0.2":
+  version: 5.0.3
+  resolution: "immutable@npm:5.0.3"
+  checksum: 10/9aca1c783951bb204d7036fbcefac6dd42e7c8ad77ff54b38c5fc0924e6e16ce2d123c95db47c1170ba63dd3f6fc7aa74a29be7adef984031936c4cd1e9e8554
+  languageName: node
+  linkType: hard
+
+"import-fresh@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "import-fresh@npm:2.0.0"
+  dependencies:
+    caller-path: "npm:^2.0.0"
+    resolve-from: "npm:^3.0.0"
+  checksum: 10/610255f9753cc6775df00be08e9f43691aa39f7703e3636c45afe22346b8b545e600ccfe100c554607546fc8e861fa149a0d1da078c8adedeea30fff326eef79
+  languageName: node
+  linkType: hard
+
+"import-fresh@npm:^3.2.1, import-fresh@npm:^3.3.0":
+  version: 3.3.0
+  resolution: "import-fresh@npm:3.3.0"
+  dependencies:
+    parent-module: "npm:^1.0.0"
+    resolve-from: "npm:^4.0.0"
+  checksum: 10/2cacfad06e652b1edc50be650f7ec3be08c5e5a6f6d12d035c440a42a8cc028e60a5b99ca08a77ab4d6b1346da7d971915828f33cdab730d3d42f08242d09baa
+  languageName: node
+  linkType: hard
+
+"import-local@npm:^3.0.2":
+  version: 3.2.0
+  resolution: "import-local@npm:3.2.0"
+  dependencies:
+    pkg-dir: "npm:^4.2.0"
+    resolve-cwd: "npm:^3.0.0"
+  bin:
+    import-local-fixture: fixtures/cli.js
+  checksum: 10/0b0b0b412b2521739fbb85eeed834a3c34de9bc67e670b3d0b86248fc460d990a7b116ad056c084b87a693ef73d1f17268d6a5be626bb43c998a8b1c8a230004
+  languageName: node
+  linkType: hard
+
+"imurmurhash@npm:^0.1.4":
+  version: 0.1.4
+  resolution: "imurmurhash@npm:0.1.4"
+  checksum: 10/2d30b157a91fe1c1d7c6f653cbf263f039be6c5bfa959245a16d4ee191fc0f2af86c08545b6e6beeb041c56b574d2d5b9f95343d378ab49c0f37394d541e7fc8
+  languageName: node
+  linkType: hard
+
+"indent-string@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "indent-string@npm:4.0.0"
+  checksum: 10/cd3f5cbc9ca2d624c6a1f53f12e6b341659aba0e2d3254ae2b4464aaea8b4294cdb09616abbc59458f980531f2429784ed6a420d48d245bcad0811980c9efae9
+  languageName: node
+  linkType: hard
+
+"inflight@npm:^1.0.4":
+  version: 1.0.6
+  resolution: "inflight@npm:1.0.6"
+  dependencies:
+    once: "npm:^1.3.0"
+    wrappy: "npm:1"
+  checksum: 10/d2ebd65441a38c8336c223d1b80b921b9fa737e37ea466fd7e253cb000c64ae1f17fa59e68130ef5bda92cfd8d36b83d37dab0eb0a4558bcfec8e8cdfd2dcb67
+  languageName: node
+  linkType: hard
+
+"inherits@npm:2, inherits@npm:2.0.4, inherits@npm:^2.0.1, inherits@npm:^2.0.3, inherits@npm:^2.0.4, inherits@npm:~2.0.1, inherits@npm:~2.0.3, inherits@npm:~2.0.4":
+  version: 2.0.4
+  resolution: "inherits@npm:2.0.4"
+  checksum: 10/cd45e923bee15186c07fa4c89db0aace24824c482fb887b528304694b2aa6ff8a898da8657046a5dcf3e46cd6db6c61629551f9215f208d7c3f157cf9b290521
+  languageName: node
+  linkType: hard
+
+"ini@npm:2.0.0":
+  version: 2.0.0
+  resolution: "ini@npm:2.0.0"
+  checksum: 10/04e24ba05c4f6947e15560824e153b4610bceea2f5a3ab68651d221a4aab3c77d4e3e90a917ebc8bf5ad71a30a8575de56c39d6b4c4b1375a28016b9f3625f9d
+  languageName: node
+  linkType: hard
+
+"ini@npm:~1.3.0":
+  version: 1.3.8
+  resolution: "ini@npm:1.3.8"
+  checksum: 10/314ae176e8d4deb3def56106da8002b462221c174ddb7ce0c49ee72c8cd1f9044f7b10cc555a7d8850982c3b9ca96fc212122749f5234bc2b6fb05fb942ed566
+  languageName: node
+  linkType: hard
+
+"inline-style-parser@npm:0.1.1":
+  version: 0.1.1
+  resolution: "inline-style-parser@npm:0.1.1"
+  checksum: 10/e661f4fb6824a41076c4d23358e8b581fd3410fbfb9baea4cb542a85448b487691c3b9bbb58ad73a95613041ca616f059595f19cadd0c22476a1fffa79842b48
+  languageName: node
+  linkType: hard
+
+"inline-style-parser@npm:0.2.4":
+  version: 0.2.4
+  resolution: "inline-style-parser@npm:0.2.4"
+  checksum: 10/80814479d1f3c9cbd102f9de4cd6558cf43cc2e48640e81c4371c3634f1e8b6dfeb2f21063cfa31d46cc83e834c20cd59ed9eeed9bfd45ef5bc02187ad941faf
+  languageName: node
+  linkType: hard
+
+"inline-style-prefixer@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "inline-style-prefixer@npm:7.0.1"
+  dependencies:
+    css-in-js-utils: "npm:^3.1.0"
+  checksum: 10/a430c962693f32a36bcec0124c9798bcf3725bb90468d493108c0242446a9cc92ff1967bdf99b6ce5331e7a9b75e6836bc9ba1b3d4756876b8ef48036acb2509
+  languageName: node
+  linkType: hard
+
+"int64-buffer@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "int64-buffer@npm:1.1.0"
+  checksum: 10/00619b84074ae49468b903dc1426c919e0eec38d33b1a85d73e62b1214ea91e66d0fb2785a8a30cde6d7c9326c2a32d2155fcc5c2e1dc09b22733b0d5c8c2078
+  languageName: node
+  linkType: hard
+
+"interface-ipld-format@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "interface-ipld-format@npm:1.0.1"
+  dependencies:
+    cids: "npm:^1.1.6"
+    multicodec: "npm:^3.0.1"
+    multihashes: "npm:^4.0.2"
+  checksum: 10/5f28e058cc3d25510f848c40c0bfbebad103bfdeebab1143183bf051b318bb40e59e43778e9970747c7d3f1709e1b365c5b7bec35b58a9d3dcac56d62b1b6782
+  languageName: node
+  linkType: hard
+
+"internal-slot@npm:^1.0.7, internal-slot@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "internal-slot@npm:1.1.0"
+  dependencies:
+    es-errors: "npm:^1.3.0"
+    hasown: "npm:^2.0.2"
+    side-channel: "npm:^1.1.0"
+  checksum: 10/1d5219273a3dab61b165eddf358815eefc463207db33c20fcfca54717da02e3f492003757721f972fd0bf21e4b426cab389c5427b99ceea4b8b670dc88ee6d4a
+  languageName: node
+  linkType: hard
+
+"intl-messageformat@npm:^10.5.3":
+  version: 10.7.15
+  resolution: "intl-messageformat@npm:10.7.15"
+  dependencies:
+    "@formatjs/ecma402-abstract": "npm:2.3.3"
+    "@formatjs/fast-memoize": "npm:2.2.6"
+    "@formatjs/icu-messageformat-parser": "npm:2.11.1"
+    tslib: "npm:2"
+  checksum: 10/817630c4997d24556714f785d26a1e8ced510c88c28837fc23add75891096e2d64156534ea126b5e1439fa23659b3e4bf530fb6ca5618c9b5ace067e6a47d486
+  languageName: node
+  linkType: hard
+
+"invariant@npm:^2.2.4":
+  version: 2.2.4
+  resolution: "invariant@npm:2.2.4"
+  dependencies:
+    loose-envify: "npm:^1.0.0"
+  checksum: 10/cc3182d793aad82a8d1f0af697b462939cb46066ec48bbf1707c150ad5fad6406137e91a262022c269702e01621f35ef60269f6c0d7fd178487959809acdfb14
+  languageName: node
+  linkType: hard
+
+"inversify-logger-middleware@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "inversify-logger-middleware@npm:3.1.0"
+  dependencies:
+    chalk: "npm:2.3.0"
+  checksum: 10/2c559e6424a1d55a75e2470d2103b444ce22946c7aded1ca20d53ad47843ea9e8624232490d484a3c5f5b76ae169f207d87fd3b517f6a2ff3667b693bdb6e056
+  languageName: node
+  linkType: hard
+
+"inversify@npm:^6.2.2":
+  version: 6.2.2
+  resolution: "inversify@npm:6.2.2"
+  dependencies:
+    "@inversifyjs/common": "npm:1.4.0"
+    "@inversifyjs/core": "npm:1.3.5"
+  peerDependencies:
+    reflect-metadata: ~0.2.2
+  checksum: 10/25a1f823550c3765b7f4a11b505d76c70cab6e3f9a08414f76891823c68819ed5067b917ccf61bbfa24c7be6bc26080bdc7fe02c3c9dd5da7cb5b01708b843d3
+  languageName: node
+  linkType: hard
+
+"ip-address@npm:^9.0.5":
+  version: 9.0.5
+  resolution: "ip-address@npm:9.0.5"
+  dependencies:
+    jsbn: "npm:1.1.0"
+    sprintf-js: "npm:^1.1.3"
+  checksum: 10/1ed81e06721af012306329b31f532b5e24e00cb537be18ddc905a84f19fe8f83a09a1699862bf3a1ec4b9dea93c55a3fa5faf8b5ea380431469df540f38b092c
+  languageName: node
+  linkType: hard
+
+"ipfs-only-hash@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "ipfs-only-hash@npm:4.0.0"
+  dependencies:
+    ipfs-unixfs-importer: "npm:^7.0.1"
+    meow: "npm:^9.0.0"
+  bin:
+    ipfs-only-hash: cli.js
+  checksum: 10/3fcfe7f3a1eca76ceb319b3d0f837f72f1332f811d27dcc01f5a111495324429b88dfb9d6d8e1054aa1df181bdc5d0d112594c13572061d0c828ad6d86f2471e
+  languageName: node
+  linkType: hard
+
+"ipfs-unixfs-importer@npm:^7.0.1":
+  version: 7.0.3
+  resolution: "ipfs-unixfs-importer@npm:7.0.3"
+  dependencies:
+    bl: "npm:^5.0.0"
+    cids: "npm:^1.1.5"
+    err-code: "npm:^3.0.1"
+    hamt-sharding: "npm:^2.0.0"
+    ipfs-unixfs: "npm:^4.0.3"
+    ipld-dag-pb: "npm:^0.22.2"
+    it-all: "npm:^1.0.5"
+    it-batch: "npm:^1.0.8"
+    it-first: "npm:^1.0.6"
+    it-parallel-batch: "npm:^1.0.9"
+    merge-options: "npm:^3.0.4"
+    multihashing-async: "npm:^2.1.0"
+    rabin-wasm: "npm:^0.1.4"
+    uint8arrays: "npm:^2.1.2"
+  checksum: 10/f12ab1fad66807d90015dd1d5a8e9e5ed3fe29f16327a019c8ea7823bc981a78f9c85f7be72da3f17126a7e6c071a309290919363922304f0ccb7567988e0866
+  languageName: node
+  linkType: hard
+
+"ipfs-unixfs@npm:^4.0.3":
+  version: 4.0.3
+  resolution: "ipfs-unixfs@npm:4.0.3"
+  dependencies:
+    err-code: "npm:^3.0.1"
+    protobufjs: "npm:^6.10.2"
+  checksum: 10/325eae8831eba2e06e5a151b35286329bc5bc86249c074fff4a703a2ab0c63e14bb991b96a9025db8be49d583dca312e77e7ab13e7d3c90788f018bfae598937
+  languageName: node
+  linkType: hard
+
+"ipld-dag-pb@npm:^0.22.2":
+  version: 0.22.3
+  resolution: "ipld-dag-pb@npm:0.22.3"
+  dependencies:
+    cids: "npm:^1.0.0"
+    interface-ipld-format: "npm:^1.0.0"
+    multicodec: "npm:^3.0.1"
+    multihashing-async: "npm:^2.0.0"
+    protobufjs: "npm:^6.10.2"
+    stable: "npm:^0.1.8"
+    uint8arrays: "npm:^2.0.5"
+  checksum: 10/c3e14c75547a0c0cc0cb7b5c202d90c9d4d4f5c65385e82b623b482554de6071434aaa06bfec967086cca2f20ecd0450e386db83208ab7d6e5364ca53f83182b
+  languageName: node
+  linkType: hard
+
+"iron-webcrypto@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "iron-webcrypto@npm:1.2.1"
+  checksum: 10/c1f52ccfe2780efa5438c134538ee4b26c96a87d22f351d896781219efbce25b4fe716d1cb7f248e02da96881760541135acbcc7c0622ffedf71cb0e227bebf9
+  languageName: node
+  linkType: hard
+
+"is-alphabetical@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "is-alphabetical@npm:2.0.1"
+  checksum: 10/56207db8d9de0850f0cd30f4966bf731eb82cedfe496cbc2e97e7c3bacaf66fc54a972d2d08c0d93bb679cb84976a05d24c5ad63de56fabbfc60aadae312edaa
+  languageName: node
+  linkType: hard
+
+"is-alphanumerical@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "is-alphanumerical@npm:2.0.1"
+  dependencies:
+    is-alphabetical: "npm:^2.0.0"
+    is-decimal: "npm:^2.0.0"
+  checksum: 10/87acc068008d4c9c4e9f5bd5e251041d42e7a50995c77b1499cf6ed248f971aadeddb11f239cabf09f7975ee58cac7a48ffc170b7890076d8d227b24a68663c9
+  languageName: node
+  linkType: hard
+
+"is-arguments@npm:^1.0.4, is-arguments@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "is-arguments@npm:1.1.1"
+  dependencies:
+    call-bind: "npm:^1.0.2"
+    has-tostringtag: "npm:^1.0.0"
+  checksum: 10/a170c7e26082e10de9be6e96d32ae3db4d5906194051b792e85fae3393b53cf2cb5b3557863e5c8ccbab55e2fd8f2f75aa643d437613f72052cf0356615c34be
+  languageName: node
+  linkType: hard
+
+"is-array-buffer@npm:^3.0.4, is-array-buffer@npm:^3.0.5":
+  version: 3.0.5
+  resolution: "is-array-buffer@npm:3.0.5"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    call-bound: "npm:^1.0.3"
+    get-intrinsic: "npm:^1.2.6"
+  checksum: 10/ef1095c55b963cd0dcf6f88a113e44a0aeca91e30d767c475e7d746d28d1195b10c5076b94491a7a0cd85020ca6a4923070021d74651d093dc909e9932cf689b
+  languageName: node
+  linkType: hard
+
+"is-arrayish@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "is-arrayish@npm:0.2.1"
+  checksum: 10/73ced84fa35e59e2c57da2d01e12cd01479f381d7f122ce41dcbb713f09dbfc651315832cd2bf8accba7681a69e4d6f1e03941d94dd10040d415086360e7005e
+  languageName: node
+  linkType: hard
+
+"is-arrayish@npm:^0.3.1":
+  version: 0.3.2
+  resolution: "is-arrayish@npm:0.3.2"
+  checksum: 10/81a78d518ebd8b834523e25d102684ee0f7e98637136d3bdc93fd09636350fa06f1d8ca997ea28143d4d13cb1b69c0824f082db0ac13e1ab3311c10ffea60ade
+  languageName: node
+  linkType: hard
+
+"is-async-function@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "is-async-function@npm:2.0.0"
+  dependencies:
+    has-tostringtag: "npm:^1.0.0"
+  checksum: 10/2cf336fbf8cba3badcf526aa3d10384c30bab32615ac4831b74492eb4e843ccb7d8439a119c27f84bcf217d72024e611b1373f870f433b48f3fa57d3d1b863f1
+  languageName: node
+  linkType: hard
+
+"is-bigint@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "is-bigint@npm:1.1.0"
+  dependencies:
+    has-bigints: "npm:^1.0.2"
+  checksum: 10/10cf327310d712fe227cfaa32d8b11814c214392b6ac18c827f157e1e85363cf9c8e2a22df526689bd5d25e53b58cc110894787afb54e138e7c504174dba15fd
+  languageName: node
+  linkType: hard
+
+"is-binary-path@npm:~2.1.0":
+  version: 2.1.0
+  resolution: "is-binary-path@npm:2.1.0"
+  dependencies:
+    binary-extensions: "npm:^2.0.0"
+  checksum: 10/078e51b4f956c2c5fd2b26bb2672c3ccf7e1faff38e0ebdba45612265f4e3d9fc3127a1fa8370bbf09eab61339203c3d3b7af5662cbf8be4030f8fac37745b0e
+  languageName: node
+  linkType: hard
+
+"is-boolean-object@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "is-boolean-object@npm:1.2.1"
+  dependencies:
+    call-bound: "npm:^1.0.2"
+    has-tostringtag: "npm:^1.0.2"
+  checksum: 10/5a15524635c9334ebbd668f20a6cbf023adceed5725ec96a50056d21ae65f52759d04a8fa7d7febf00ff3bc4e6d3837638eb84be572f287bcfd15f8b8facde43
+  languageName: node
+  linkType: hard
+
+"is-bun-module@npm:^1.0.2":
+  version: 1.3.0
+  resolution: "is-bun-module@npm:1.3.0"
+  dependencies:
+    semver: "npm:^7.6.3"
+  checksum: 10/b23d9ec7b4d4bfd89e4e72b5cd52e1bc153facad59fdd7394c656f8859a78740ef35996a2066240a32f39cc9a9da4b4eb69e68df3c71755a61ebbaf56d3daef0
+  languageName: node
+  linkType: hard
+
+"is-callable@npm:^1.1.3, is-callable@npm:^1.2.7":
+  version: 1.2.7
+  resolution: "is-callable@npm:1.2.7"
+  checksum: 10/48a9297fb92c99e9df48706241a189da362bff3003354aea4048bd5f7b2eb0d823cd16d0a383cece3d76166ba16d85d9659165ac6fcce1ac12e6c649d66dbdb9
+  languageName: node
+  linkType: hard
+
+"is-core-module@npm:^2.13.0, is-core-module@npm:^2.5.0":
+  version: 2.15.1
+  resolution: "is-core-module@npm:2.15.1"
+  dependencies:
+    hasown: "npm:^2.0.2"
+  checksum: 10/77316d5891d5743854bcef2cd2f24c5458fb69fbc9705c12ca17d54a2017a67d0693bbf1ba8c77af376c0eef6bf6d1b27a4ab08e4db4e69914c3789bdf2ceec5
+  languageName: node
+  linkType: hard
+
+"is-core-module@npm:^2.15.1, is-core-module@npm:^2.16.0":
+  version: 2.16.0
+  resolution: "is-core-module@npm:2.16.0"
+  dependencies:
+    hasown: "npm:^2.0.2"
+  checksum: 10/064442b9eefb7162376a4a414aa98b1e0c6cbb471507e66966b7d6d607a3f60eb09c7da4ee401648640a389e4af0f5a770bd5b3cd9c1084853e4a57f472408f8
+  languageName: node
+  linkType: hard
+
+"is-data-view@npm:^1.0.1, is-data-view@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "is-data-view@npm:1.0.2"
+  dependencies:
+    call-bound: "npm:^1.0.2"
+    get-intrinsic: "npm:^1.2.6"
+    is-typed-array: "npm:^1.1.13"
+  checksum: 10/357e9a48fa38f369fd6c4c3b632a3ab2b8adca14997db2e4b3fe94c4cd0a709af48e0fb61b02c64a90c0dd542fd489d49c2d03157b05ae6c07f5e4dec9e730a8
+  languageName: node
+  linkType: hard
+
+"is-date-object@npm:^1.0.5, is-date-object@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "is-date-object@npm:1.1.0"
+  dependencies:
+    call-bound: "npm:^1.0.2"
+    has-tostringtag: "npm:^1.0.2"
+  checksum: 10/3a811b2c3176fb31abee1d23d3dc78b6c65fd9c07d591fcb67553cab9e7f272728c3dd077d2d738b53f9a2103255b0a6e8dfc9568a7805c56a78b2563e8d1dec
+  languageName: node
+  linkType: hard
+
+"is-decimal@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "is-decimal@npm:2.0.1"
+  checksum: 10/97132de7acdce77caa7b797632970a2ecd649a88e715db0e4dbc00ab0708b5e7574ba5903962c860cd4894a14fd12b100c0c4ac8aed445cf6f55c6cf747a4158
+  languageName: node
+  linkType: hard
+
+"is-directory@npm:^0.3.1":
+  version: 0.3.1
+  resolution: "is-directory@npm:0.3.1"
+  checksum: 10/dce9a9d3981e38f2ded2a80848734824c50ee8680cd09aa477bef617949715cfc987197a2ca0176c58a9fb192a1a0d69b535c397140d241996a609d5906ae524
+  languageName: node
+  linkType: hard
+
+"is-docker@npm:^2.0.0, is-docker@npm:^2.1.1":
+  version: 2.2.1
+  resolution: "is-docker@npm:2.2.1"
+  bin:
+    is-docker: cli.js
+  checksum: 10/3fef7ddbf0be25958e8991ad941901bf5922ab2753c46980b60b05c1bf9c9c2402d35e6dc32e4380b980ef5e1970a5d9d5e5aa2e02d77727c3b6b5e918474c56
+  languageName: node
+  linkType: hard
+
+"is-docker@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "is-docker@npm:3.0.0"
+  bin:
+    is-docker: cli.js
+  checksum: 10/b698118f04feb7eaf3338922bd79cba064ea54a1c3db6ec8c0c8d8ee7613e7e5854d802d3ef646812a8a3ace81182a085dfa0a71cc68b06f3fa794b9783b3c90
+  languageName: node
+  linkType: hard
+
+"is-extglob@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "is-extglob@npm:2.1.1"
+  checksum: 10/df033653d06d0eb567461e58a7a8c9f940bd8c22274b94bf7671ab36df5719791aae15eef6d83bbb5e23283967f2f984b8914559d4449efda578c775c4be6f85
+  languageName: node
+  linkType: hard
+
+"is-finalizationregistry@npm:^1.1.0":
+  version: 1.1.1
+  resolution: "is-finalizationregistry@npm:1.1.1"
+  dependencies:
+    call-bound: "npm:^1.0.3"
+  checksum: 10/0bfb145e9a1ba852ddde423b0926d2169ae5fe9e37882cde9e8f69031281a986308df4d982283e152396e88b86562ed2256cbaa5e6390fb840a4c25ab54b8a80
+  languageName: node
+  linkType: hard
+
+"is-fullwidth-code-point@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "is-fullwidth-code-point@npm:3.0.0"
+  checksum: 10/44a30c29457c7fb8f00297bce733f0a64cd22eca270f83e58c105e0d015e45c019491a4ab2faef91ab51d4738c670daff901c799f6a700e27f7314029e99e348
+  languageName: node
+  linkType: hard
+
+"is-fullwidth-code-point@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "is-fullwidth-code-point@npm:4.0.0"
+  checksum: 10/8ae89bf5057bdf4f57b346fb6c55e9c3dd2549983d54191d722d5c739397a903012cc41a04ee3403fd872e811243ef91a7c5196da7b5841dc6b6aae31a264a8d
+  languageName: node
+  linkType: hard
+
+"is-fullwidth-code-point@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "is-fullwidth-code-point@npm:5.0.0"
+  dependencies:
+    get-east-asian-width: "npm:^1.0.0"
+  checksum: 10/8dfb2d2831b9e87983c136f5c335cd9d14c1402973e357a8ff057904612ed84b8cba196319fabedf9aefe4639e14fe3afe9d9966d1d006ebeb40fe1fed4babe5
+  languageName: node
+  linkType: hard
+
+"is-generator-fn@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "is-generator-fn@npm:2.1.0"
+  checksum: 10/a6ad5492cf9d1746f73b6744e0c43c0020510b59d56ddcb78a91cbc173f09b5e6beff53d75c9c5a29feb618bfef2bf458e025ecf3a57ad2268e2fb2569f56215
+  languageName: node
+  linkType: hard
+
+"is-generator-function@npm:^1.0.10, is-generator-function@npm:^1.0.7":
+  version: 1.0.10
+  resolution: "is-generator-function@npm:1.0.10"
+  dependencies:
+    has-tostringtag: "npm:^1.0.0"
+  checksum: 10/499a3ce6361064c3bd27fbff5c8000212d48506ebe1977842bbd7b3e708832d0deb1f4cc69186ece3640770e8c4f1287b24d99588a0b8058b2dbdd344bc1f47f
+  languageName: node
+  linkType: hard
+
+"is-glob@npm:^4.0.0, is-glob@npm:^4.0.1, is-glob@npm:^4.0.3, is-glob@npm:~4.0.1":
+  version: 4.0.3
+  resolution: "is-glob@npm:4.0.3"
+  dependencies:
+    is-extglob: "npm:^2.1.1"
+  checksum: 10/3ed74f2b0cdf4f401f38edb0442ddfde3092d79d7d35c9919c86641efdbcbb32e45aa3c0f70ce5eecc946896cd5a0f26e4188b9f2b881876f7cb6c505b82da11
+  languageName: node
+  linkType: hard
+
+"is-hex-prefixed@npm:1.0.0":
+  version: 1.0.0
+  resolution: "is-hex-prefixed@npm:1.0.0"
+  checksum: 10/5ac58e6e528fb029cc43140f6eeb380fad23d0041cc23154b87f7c9a1b728bcf05909974e47248fd0b7fcc11ba33cf7e58d64804883056fabd23e2b898be41de
+  languageName: node
+  linkType: hard
+
+"is-hexadecimal@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "is-hexadecimal@npm:2.0.1"
+  checksum: 10/66a2ea85994c622858f063f23eda506db29d92b52580709eb6f4c19550552d4dcf3fb81952e52f7cf972097237959e00adc7bb8c9400cd12886e15bf06145321
+  languageName: node
+  linkType: hard
+
+"is-inside-container@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-inside-container@npm:1.0.0"
+  dependencies:
+    is-docker: "npm:^3.0.0"
+  bin:
+    is-inside-container: cli.js
+  checksum: 10/c50b75a2ab66ab3e8b92b3bc534e1ea72ca25766832c0623ac22d134116a98bcf012197d1caabe1d1c4bd5f84363d4aa5c36bb4b585fbcaf57be172cd10a1a03
+  languageName: node
+  linkType: hard
+
+"is-installed-globally@npm:~0.4.0":
+  version: 0.4.0
+  resolution: "is-installed-globally@npm:0.4.0"
+  dependencies:
+    global-dirs: "npm:^3.0.0"
+    is-path-inside: "npm:^3.0.2"
+  checksum: 10/5294d21c82cb9beedd693ce1dfb12117c4db36d6e35edc9dc6bf06cb300d23c96520d1bfb063386b054268ae3d7255c3f09393b52218cc26ace99b217bf37c93
+  languageName: node
+  linkType: hard
+
+"is-map@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "is-map@npm:2.0.3"
+  checksum: 10/8de7b41715b08bcb0e5edb0fb9384b80d2d5bcd10e142188f33247d19ff078abaf8e9b6f858e2302d8d05376a26a55cd23a3c9f8ab93292b02fcd2cc9e4e92bb
+  languageName: node
+  linkType: hard
+
+"is-module@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-module@npm:1.0.0"
+  checksum: 10/8cd5390730c7976fb4e8546dd0b38865ee6f7bacfa08dfbb2cc07219606755f0b01709d9361e01f13009bbbd8099fa2927a8ed665118a6105d66e40f1b838c3f
+  languageName: node
+  linkType: hard
+
+"is-nan@npm:^1.3.2":
+  version: 1.3.2
+  resolution: "is-nan@npm:1.3.2"
+  dependencies:
+    call-bind: "npm:^1.0.0"
+    define-properties: "npm:^1.1.3"
+  checksum: 10/1f784d3472c09bc2e47acba7ffd4f6c93b0394479aa613311dc1d70f1bfa72eb0846c81350967722c959ba65811bae222204d6c65856fdce68f31986140c7b0e
+  languageName: node
+  linkType: hard
+
+"is-negative-zero@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "is-negative-zero@npm:2.0.3"
+  checksum: 10/8fe5cffd8d4fb2ec7b49d657e1691889778d037494c6f40f4d1a524cadd658b4b53ad7b6b73a59bcb4b143ae9a3d15829af864b2c0f9d65ac1e678c4c80f17e5
+  languageName: node
+  linkType: hard
+
+"is-node-process@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "is-node-process@npm:1.2.0"
+  checksum: 10/930765cdc6d81ab8f1bbecbea4a8d35c7c6d88a3ff61f3630e0fc7f22d624d7661c1df05c58547d0eb6a639dfa9304682c8e342c4113a6ed51472b704cee2928
+  languageName: node
+  linkType: hard
+
+"is-number-object@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "is-number-object@npm:1.1.1"
+  dependencies:
+    call-bound: "npm:^1.0.3"
+    has-tostringtag: "npm:^1.0.2"
+  checksum: 10/a5922fb8779ab1ea3b8a9c144522b3d0bea5d9f8f23f7a72470e61e1e4df47714e28e0154ac011998b709cce260c3c9447ad3cd24a96c2f2a0abfdb2cbdc76c8
+  languageName: node
+  linkType: hard
+
+"is-number@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "is-number@npm:7.0.0"
+  checksum: 10/6a6c3383f68afa1e05b286af866017c78f1226d43ac8cb064e115ff9ed85eb33f5c4f7216c96a71e4dfea289ef52c5da3aef5bbfade8ffe47a0465d70c0c8e86
+  languageName: node
+  linkType: hard
+
+"is-obj@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "is-obj@npm:1.0.1"
+  checksum: 10/3ccf0efdea12951e0b9c784e2b00e77e87b2f8bd30b42a498548a8afcc11b3287342a2030c308e473e93a7a19c9ea7854c99a8832a476591c727df2a9c79796c
+  languageName: node
+  linkType: hard
+
+"is-path-inside@npm:^3.0.2":
+  version: 3.0.3
+  resolution: "is-path-inside@npm:3.0.3"
+  checksum: 10/abd50f06186a052b349c15e55b182326f1936c89a78bf6c8f2b707412517c097ce04bc49a0ca221787bc44e1049f51f09a2ffb63d22899051988d3a618ba13e9
+  languageName: node
+  linkType: hard
+
+"is-plain-obj@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "is-plain-obj@npm:1.1.0"
+  checksum: 10/0ee04807797aad50859652a7467481816cbb57e5cc97d813a7dcd8915da8195dc68c436010bf39d195226cde6a2d352f4b815f16f26b7bf486a5754290629931
+  languageName: node
+  linkType: hard
+
+"is-plain-obj@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "is-plain-obj@npm:2.1.0"
+  checksum: 10/cec9100678b0a9fe0248a81743041ed990c2d4c99f893d935545cfbc42876cbe86d207f3b895700c690ad2fa520e568c44afc1605044b535a7820c1d40e38daa
+  languageName: node
+  linkType: hard
+
+"is-plain-obj@npm:^4.0.0":
+  version: 4.1.0
+  resolution: "is-plain-obj@npm:4.1.0"
+  checksum: 10/6dc45da70d04a81f35c9310971e78a6a3c7a63547ef782e3a07ee3674695081b6ca4e977fbb8efc48dae3375e0b34558d2bcd722aec9bddfa2d7db5b041be8ce
+  languageName: node
+  linkType: hard
+
+"is-plain-object@npm:^2.0.4":
+  version: 2.0.4
+  resolution: "is-plain-object@npm:2.0.4"
+  dependencies:
+    isobject: "npm:^3.0.1"
+  checksum: 10/2a401140cfd86cabe25214956ae2cfee6fbd8186809555cd0e84574f88de7b17abacb2e477a6a658fa54c6083ecbda1e6ae404c7720244cd198903848fca70ca
+  languageName: node
+  linkType: hard
+
+"is-plain-object@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "is-plain-object@npm:5.0.0"
+  checksum: 10/e32d27061eef62c0847d303125440a38660517e586f2f3db7c9d179ae5b6674ab0f469d519b2e25c147a1a3bc87156d0d5f4d8821e0ce4a9ee7fe1fcf11ce45c
+  languageName: node
+  linkType: hard
+
+"is-potential-custom-element-name@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "is-potential-custom-element-name@npm:1.0.1"
+  checksum: 10/ced7bbbb6433a5b684af581872afe0e1767e2d1146b2207ca0068a648fb5cab9d898495d1ac0583524faaf24ca98176a7d9876363097c2d14fee6dd324f3a1ab
+  languageName: node
+  linkType: hard
+
+"is-primitive@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "is-primitive@npm:3.0.1"
+  checksum: 10/c4da6a6e6d487f31d85b9259b67695fffcc75dca6c9612b0a002e3050c734227b9911be09b877539ec6309710229c19f4edd0f9e26ed2a67924ee0916baf0bed
+  languageName: node
+  linkType: hard
+
+"is-promise@npm:^2.2.2":
+  version: 2.2.2
+  resolution: "is-promise@npm:2.2.2"
+  checksum: 10/18bf7d1c59953e0ad82a1ed963fb3dc0d135c8f299a14f89a17af312fc918373136e56028e8831700e1933519630cc2fd4179a777030330fde20d34e96f40c78
+  languageName: node
+  linkType: hard
+
+"is-regex@npm:^1.1.4":
+  version: 1.2.0
+  resolution: "is-regex@npm:1.2.0"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    gopd: "npm:^1.1.0"
+    has-tostringtag: "npm:^1.0.2"
+    hasown: "npm:^2.0.2"
+  checksum: 10/68df70b5696f865f495551d506c0514e3a221db887d5375c6fb4412389a8ceaf4071e557126fead1bcee21ab38be4548f04e7f6510d793b5150df1e8e2556191
+  languageName: node
+  linkType: hard
+
+"is-regex@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "is-regex@npm:1.2.1"
+  dependencies:
+    call-bound: "npm:^1.0.2"
+    gopd: "npm:^1.2.0"
+    has-tostringtag: "npm:^1.0.2"
+    hasown: "npm:^2.0.2"
+  checksum: 10/c42b7efc5868a5c9a4d8e6d3e9816e8815c611b09535c00fead18a1138455c5cb5e1887f0023a467ad3f9c419d62ba4dc3d9ba8bafe55053914d6d6454a945d2
+  languageName: node
+  linkType: hard
+
+"is-regexp@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-regexp@npm:1.0.0"
+  checksum: 10/be692828e24cba479ec33644326fa98959ec68ba77965e0291088c1a741feaea4919d79f8031708f85fd25e39de002b4520622b55460660b9c369e6f7187faef
+  languageName: node
+  linkType: hard
+
+"is-retry-allowed@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "is-retry-allowed@npm:3.0.0"
+  checksum: 10/12d17b44410484c6b0292ca38127b2ad026b65d1c1ead40f055effb2498c1a65b28ac5bc8f0383d0d091f84c1f791c3e09da32219fc3a745c3b1bab106db6cfb
+  languageName: node
+  linkType: hard
+
+"is-set@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "is-set@npm:2.0.3"
+  checksum: 10/5685df33f0a4a6098a98c72d94d67cad81b2bc72f1fb2091f3d9283c4a1c582123cd709145b02a9745f0ce6b41e3e43f1c944496d1d74d4ea43358be61308669
+  languageName: node
+  linkType: hard
+
+"is-shared-array-buffer@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "is-shared-array-buffer@npm:1.0.3"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+  checksum: 10/bc5402900dc62b96ebb2548bf5b0a0bcfacc2db122236fe3ab3b3e3c884293a0d5eb777e73f059bcbf8dc8563bb65eae972fee0fb97e38a9ae27c8678f62bcfe
+  languageName: node
+  linkType: hard
+
+"is-shared-array-buffer@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "is-shared-array-buffer@npm:1.0.4"
+  dependencies:
+    call-bound: "npm:^1.0.3"
+  checksum: 10/0380d7c60cc692856871526ffcd38a8133818a2ee42d47bb8008248a0cd2121d8c8b5f66b6da3cac24bc5784553cacb6faaf678f66bc88c6615b42af2825230e
+  languageName: node
+  linkType: hard
+
+"is-standalone-pwa@npm:^0.1.1":
+  version: 0.1.1
+  resolution: "is-standalone-pwa@npm:0.1.1"
+  checksum: 10/bbd2ee7cbea985139f66fe8785e7699f52311e9c14d74190659885222b79dd1e8845b02f69b9221a23a2b4b00e8d4bea0a5a2603b2f26cb6d2071d46093ccf84
+  languageName: node
+  linkType: hard
+
+"is-stream@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "is-stream@npm:2.0.1"
+  checksum: 10/b8e05ccdf96ac330ea83c12450304d4a591f9958c11fd17bed240af8d5ffe08aedafa4c0f4cfccd4d28dc9d4d129daca1023633d5c11601a6cbc77521f6fae66
+  languageName: node
+  linkType: hard
+
+"is-stream@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "is-stream@npm:3.0.0"
+  checksum: 10/172093fe99119ffd07611ab6d1bcccfe8bc4aa80d864b15f43e63e54b7abc71e779acd69afdb854c4e2a67fdc16ae710e370eda40088d1cfc956a50ed82d8f16
+  languageName: node
+  linkType: hard
+
+"is-string@npm:^1.0.7, is-string@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "is-string@npm:1.1.1"
+  dependencies:
+    call-bound: "npm:^1.0.3"
+    has-tostringtag: "npm:^1.0.2"
+  checksum: 10/5277cb9e225a7cc8a368a72623b44a99f2cfa139659c6b203553540681ad4276bfc078420767aad0e73eef5f0bd07d4abf39a35d37ec216917879d11cebc1f8b
+  languageName: node
+  linkType: hard
+
+"is-symbol@npm:^1.0.4, is-symbol@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "is-symbol@npm:1.1.1"
+  dependencies:
+    call-bound: "npm:^1.0.2"
+    has-symbols: "npm:^1.1.0"
+    safe-regex-test: "npm:^1.1.0"
+  checksum: 10/db495c0d8cd0a7a66b4f4ef7fccee3ab5bd954cb63396e8ac4d32efe0e9b12fdfceb851d6c501216a71f4f21e5ff20fc2ee845a3d52d455e021c466ac5eb2db2
+  languageName: node
+  linkType: hard
+
+"is-typed-array@npm:^1.1.13, is-typed-array@npm:^1.1.3":
+  version: 1.1.13
+  resolution: "is-typed-array@npm:1.1.13"
+  dependencies:
+    which-typed-array: "npm:^1.1.14"
+  checksum: 10/f850ba08286358b9a11aee6d93d371a45e3c59b5953549ee1c1a9a55ba5c1dd1bd9952488ae194ad8f32a9cf5e79c8fa5f0cc4d78c00720aa0bbcf238b38062d
+  languageName: node
+  linkType: hard
+
+"is-typed-array@npm:^1.1.14":
+  version: 1.1.14
+  resolution: "is-typed-array@npm:1.1.14"
+  dependencies:
+    which-typed-array: "npm:^1.1.16"
+  checksum: 10/2d322492dea8bdf3290f4a3dd9ca7cd5bd9a0d6c7a608ffc4d2118d3f1aeac51ca0dff95b2c90b55319af53c54ee3db95cd942ae7fd7a2ef1aba05b2da4b197b
+  languageName: node
+  linkType: hard
+
+"is-typed-array@npm:^1.1.15":
+  version: 1.1.15
+  resolution: "is-typed-array@npm:1.1.15"
+  dependencies:
+    which-typed-array: "npm:^1.1.16"
+  checksum: 10/e8cf60b9ea85667097a6ad68c209c9722cfe8c8edf04d6218366469e51944c5cc25bae45ffb845c23f811d262e4314d3b0168748eb16711aa34d12724cdf0735
+  languageName: node
+  linkType: hard
+
+"is-typedarray@npm:~1.0.0":
+  version: 1.0.0
+  resolution: "is-typedarray@npm:1.0.0"
+  checksum: 10/4b433bfb0f9026f079f4eb3fbaa4ed2de17c9995c3a0b5c800bec40799b4b2a8b4e051b1ada77749deb9ded4ae52fe2096973f3a93ff83df1a5a7184a669478c
+  languageName: node
+  linkType: hard
+
+"is-unicode-supported@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "is-unicode-supported@npm:0.1.0"
+  checksum: 10/a2aab86ee7712f5c2f999180daaba5f361bdad1efadc9610ff5b8ab5495b86e4f627839d085c6530363c6d6d4ecbde340fb8e54bdb83da4ba8e0865ed5513c52
+  languageName: node
+  linkType: hard
+
+"is-weakmap@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "is-weakmap@npm:2.0.2"
+  checksum: 10/a7b7e23206c542dcf2fa0abc483142731788771527e90e7e24f658c0833a0d91948a4f7b30d78f7a65255a48512e41a0288b778ba7fc396137515c12e201fd11
+  languageName: node
+  linkType: hard
+
+"is-weakref@npm:^1.0.2, is-weakref@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "is-weakref@npm:1.1.0"
+  dependencies:
+    call-bound: "npm:^1.0.2"
+  checksum: 10/89e627cc1763ea110574bb408fcf060ede47e70437d9278858bc939e3b3f7e4b7c558610b733da5f2ad6084d9f12b9c714b011ccf3fa771ec87e221c22bed910
+  languageName: node
+  linkType: hard
+
+"is-weakref@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "is-weakref@npm:1.1.1"
+  dependencies:
+    call-bound: "npm:^1.0.3"
+  checksum: 10/543506fd8259038b371bb083aac25b16cb4fd8b12fc58053aa3d45ac28dfd001cd5c6dffbba7aeea4213c74732d46b6cb2cfb5b412eed11f2db524f3f97d09a0
+  languageName: node
+  linkType: hard
+
+"is-weakset@npm:^2.0.3":
+  version: 2.0.4
+  resolution: "is-weakset@npm:2.0.4"
+  dependencies:
+    call-bound: "npm:^1.0.3"
+    get-intrinsic: "npm:^1.2.6"
+  checksum: 10/1d5e1d0179beeed3661125a6faa2e59bfb48afda06fc70db807f178aa0ebebc3758fb6358d76b3d528090d5ef85148c345dcfbf90839592fe293e3e5e82f2134
+  languageName: node
+  linkType: hard
+
+"is-what@npm:^3.14.1":
+  version: 3.14.1
+  resolution: "is-what@npm:3.14.1"
+  checksum: 10/249beb4a8c1729c80ed24fa8527835301c8c70d2fa99706a301224576e0650df61edd7a0a8853999bf5fbe2c551f07148d2c3535260772e05a4c373d3d5362e1
+  languageName: node
+  linkType: hard
+
+"is-wsl@npm:^2.1.1, is-wsl@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "is-wsl@npm:2.2.0"
+  dependencies:
+    is-docker: "npm:^2.0.0"
+  checksum: 10/20849846ae414997d290b75e16868e5261e86ff5047f104027026fd61d8b5a9b0b3ade16239f35e1a067b3c7cc02f70183cb661010ed16f4b6c7c93dad1b19d8
+  languageName: node
+  linkType: hard
+
+"is-wsl@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "is-wsl@npm:3.1.0"
+  dependencies:
+    is-inside-container: "npm:^1.0.0"
+  checksum: 10/f9734c81f2f9cf9877c5db8356bfe1ff61680f1f4c1011e91278a9c0564b395ae796addb4bf33956871041476ec82c3e5260ed57b22ac91794d4ae70a1d2f0a9
+  languageName: node
+  linkType: hard
+
+"is64bit@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "is64bit@npm:2.0.0"
+  dependencies:
+    system-architecture: "npm:^0.1.0"
+  checksum: 10/94dafd5f29bfb96c542e89ef8c33e811159ca7d07a2890ab83026fa87706612af4101308d9392e9ee68e046e8604a6b59a8f41091f8556f6235efbcfd9c5574c
+  languageName: node
+  linkType: hard
+
+"isarray@npm:0.0.1":
+  version: 0.0.1
+  resolution: "isarray@npm:0.0.1"
+  checksum: 10/49191f1425681df4a18c2f0f93db3adb85573bcdd6a4482539d98eac9e705d8961317b01175627e860516a2fc45f8f9302db26e5a380a97a520e272e2a40a8d4
+  languageName: node
+  linkType: hard
+
+"isarray@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "isarray@npm:2.0.5"
+  checksum: 10/1d8bc7911e13bb9f105b1b3e0b396c787a9e63046af0b8fe0ab1414488ab06b2b099b87a2d8a9e31d21c9a6fad773c7fc8b257c4880f2d957274479d28ca3414
+  languageName: node
+  linkType: hard
+
+"isarray@npm:~1.0.0":
+  version: 1.0.0
+  resolution: "isarray@npm:1.0.0"
+  checksum: 10/f032df8e02dce8ec565cf2eb605ea939bdccea528dbcf565cdf92bfa2da9110461159d86a537388ef1acef8815a330642d7885b29010e8f7eac967c9993b65ab
+  languageName: node
+  linkType: hard
+
+"isexe@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "isexe@npm:2.0.0"
+  checksum: 10/7c9f715c03aff08f35e98b1fadae1b9267b38f0615d501824f9743f3aab99ef10e303ce7db3f186763a0b70a19de5791ebfc854ff884d5a8c4d92211f642ec92
+  languageName: node
+  linkType: hard
+
+"isexe@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "isexe@npm:3.1.1"
+  checksum: 10/7fe1931ee4e88eb5aa524cd3ceb8c882537bc3a81b02e438b240e47012eef49c86904d0f0e593ea7c3a9996d18d0f1f3be8d3eaa92333977b0c3a9d353d5563e
+  languageName: node
+  linkType: hard
+
+"isobject@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "isobject@npm:3.0.1"
+  checksum: 10/db85c4c970ce30693676487cca0e61da2ca34e8d4967c2e1309143ff910c207133a969f9e4ddb2dc6aba670aabce4e0e307146c310350b298e74a31f7d464703
+  languageName: node
+  linkType: hard
+
+"isomorphic-ws@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "isomorphic-ws@npm:5.0.0"
+  peerDependencies:
+    ws: "*"
+  checksum: 10/e20eb2aee09ba96247465fda40c6d22c1153394c0144fa34fe6609f341af4c8c564f60ea3ba762335a7a9c306809349f9b863c8beedf2beea09b299834ad5398
+  languageName: node
+  linkType: hard
+
+"isows@npm:1.0.4":
+  version: 1.0.4
+  resolution: "isows@npm:1.0.4"
+  peerDependencies:
+    ws: "*"
+  checksum: 10/a3ee62e3d6216abb3adeeb2a551fe2e7835eac87b05a6ecc3e7739259bf5f8e83290501f49e26137390c8093f207fc3378d4a7653aab76ad7bbab4b2dba9c5b9
+  languageName: node
+  linkType: hard
+
+"isows@npm:1.0.6":
+  version: 1.0.6
+  resolution: "isows@npm:1.0.6"
+  peerDependencies:
+    ws: "*"
+  checksum: 10/ab9e85b50bcc3d70aa5ec875aa2746c5daf9321cb376ed4e5434d3c2643c5d62b1f466d93a05cd2ad0ead5297224922748c31707cb4fbd68f5d05d0479dce99c
+  languageName: node
+  linkType: hard
+
+"isows@npm:1.0.7":
+  version: 1.0.7
+  resolution: "isows@npm:1.0.7"
+  peerDependencies:
+    ws: "*"
+  checksum: 10/044b949b369872882af07b60b613b5801ae01b01a23b5b72b78af80c8103bbeed38352c3e8ceff13a7834bc91fd2eb41cf91ec01d59a041d8705680e6b0ec546
+  languageName: node
+  linkType: hard
+
+"isstream@npm:~0.1.2":
+  version: 0.1.2
+  resolution: "isstream@npm:0.1.2"
+  checksum: 10/22d9c181015226d4534a227539256897bbbcb7edd1066ca4fc4d3a06dbd976325dfdd16b3983c7d236a89f256805c1a685a772e0364e98873d3819b064ad35a1
+  languageName: node
+  linkType: hard
+
+"istanbul-lib-coverage@npm:^3.0.0, istanbul-lib-coverage@npm:^3.2.0":
+  version: 3.2.2
+  resolution: "istanbul-lib-coverage@npm:3.2.2"
+  checksum: 10/40bbdd1e937dfd8c830fa286d0f665e81b7a78bdabcd4565f6d5667c99828bda3db7fb7ac6b96a3e2e8a2461ddbc5452d9f8bc7d00cb00075fa6a3e99f5b6a81
+  languageName: node
+  linkType: hard
+
+"istanbul-lib-instrument@npm:^5.0.4":
+  version: 5.2.1
+  resolution: "istanbul-lib-instrument@npm:5.2.1"
+  dependencies:
+    "@babel/core": "npm:^7.12.3"
+    "@babel/parser": "npm:^7.14.7"
+    "@istanbuljs/schema": "npm:^0.1.2"
+    istanbul-lib-coverage: "npm:^3.2.0"
+    semver: "npm:^6.3.0"
+  checksum: 10/bbc4496c2f304d799f8ec22202ab38c010ac265c441947f075c0f7d46bd440b45c00e46017cf9053453d42182d768b1d6ed0e70a142c95ab00df9843aa5ab80e
+  languageName: node
+  linkType: hard
+
+"istanbul-lib-instrument@npm:^6.0.0":
+  version: 6.0.3
+  resolution: "istanbul-lib-instrument@npm:6.0.3"
+  dependencies:
+    "@babel/core": "npm:^7.23.9"
+    "@babel/parser": "npm:^7.23.9"
+    "@istanbuljs/schema": "npm:^0.1.3"
+    istanbul-lib-coverage: "npm:^3.2.0"
+    semver: "npm:^7.5.4"
+  checksum: 10/aa5271c0008dfa71b6ecc9ba1e801bf77b49dc05524e8c30d58aaf5b9505e0cd12f25f93165464d4266a518c5c75284ecb598fbd89fec081ae77d2c9d3327695
+  languageName: node
+  linkType: hard
+
+"istanbul-lib-report@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "istanbul-lib-report@npm:3.0.1"
+  dependencies:
+    istanbul-lib-coverage: "npm:^3.0.0"
+    make-dir: "npm:^4.0.0"
+    supports-color: "npm:^7.1.0"
+  checksum: 10/86a83421ca1cf2109a9f6d193c06c31ef04a45e72a74579b11060b1e7bb9b6337a4e6f04abfb8857e2d569c271273c65e855ee429376a0d7c91ad91db42accd1
+  languageName: node
+  linkType: hard
+
+"istanbul-lib-source-maps@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "istanbul-lib-source-maps@npm:4.0.1"
+  dependencies:
+    debug: "npm:^4.1.1"
+    istanbul-lib-coverage: "npm:^3.0.0"
+    source-map: "npm:^0.6.1"
+  checksum: 10/5526983462799aced011d776af166e350191b816821ea7bcf71cab3e5272657b062c47dc30697a22a43656e3ced78893a42de677f9ccf276a28c913190953b82
+  languageName: node
+  linkType: hard
+
+"istanbul-reports@npm:^3.1.3":
+  version: 3.1.7
+  resolution: "istanbul-reports@npm:3.1.7"
+  dependencies:
+    html-escaper: "npm:^2.0.0"
+    istanbul-lib-report: "npm:^3.0.0"
+  checksum: 10/f1faaa4684efaf57d64087776018d7426312a59aa6eeb4e0e3a777347d23cd286ad18f427e98f0e3dee666103d7404c9d7abc5f240406a912fa16bd6695437fa
+  languageName: node
+  linkType: hard
+
+"it-all@npm:^1.0.5":
+  version: 1.0.6
+  resolution: "it-all@npm:1.0.6"
+  checksum: 10/7ca9a528c08ebe2fc8a3c93a41409219d18325ed31fedb9834ebac2822f0b2a96d7abcb6cbfa092114ab4d5f08951e694c7a2c3929ce4b5300769e710ae665db
+  languageName: node
+  linkType: hard
+
+"it-batch@npm:^1.0.8, it-batch@npm:^1.0.9":
+  version: 1.0.9
+  resolution: "it-batch@npm:1.0.9"
+  checksum: 10/b1db82fa51db579bd880f84ad48eba8b4dfca5aec38a5779faa58849aec6b83a2f8b6514bccb6ce9fd49782953b1b399d7b568f35cfb6df54f8a376801d5106e
+  languageName: node
+  linkType: hard
+
+"it-first@npm:^1.0.6":
+  version: 1.0.7
+  resolution: "it-first@npm:1.0.7"
+  checksum: 10/0c9106d29120f02e68a08118de328437fb44c966385635d672684d4f0321ee22ca470a30f390132bdb454da0d4d3abb82c796dad8e391a827f1a3446711c7685
+  languageName: node
+  linkType: hard
+
+"it-parallel-batch@npm:^1.0.9":
+  version: 1.0.11
+  resolution: "it-parallel-batch@npm:1.0.11"
+  dependencies:
+    it-batch: "npm:^1.0.9"
+  checksum: 10/4c4ad170e95f584c70a83ed39b582d1c574c24830242afbbcc948c151b6a0a7c9cff7067680b8b850662a2b52850c40e3b3ed765cf2027f92e01ce3e0f15bce3
+  languageName: node
+  linkType: hard
+
+"iterate-object@npm:^1.3.4":
+  version: 1.3.4
+  resolution: "iterate-object@npm:1.3.4"
+  checksum: 10/4378555000600ec749f82c85323232a12d533491ea1168de6249f2105cefd0c6a30df9fc2c5bfdc47f6386d0c920e99b2c49a58e2e0ec8f19342bee69ba05905
+  languageName: node
+  linkType: hard
+
+"iterator.prototype@npm:^1.1.3":
+  version: 1.1.4
+  resolution: "iterator.prototype@npm:1.1.4"
+  dependencies:
+    define-data-property: "npm:^1.1.4"
+    es-object-atoms: "npm:^1.0.0"
+    get-intrinsic: "npm:^1.2.6"
+    has-symbols: "npm:^1.1.0"
+    reflect.getprototypeof: "npm:^1.0.8"
+    set-function-name: "npm:^2.0.2"
+  checksum: 10/3a7a4568437a67d5b1d863128fabf6cd0875d3a5cb36029036a72fa5ae4c97bad6423529d23083a4f6ae6c72c5d1d70b661124c3d6d964520325fd4ce753ee1a
+  languageName: node
+  linkType: hard
+
+"iterator.prototype@npm:^1.1.4":
+  version: 1.1.5
+  resolution: "iterator.prototype@npm:1.1.5"
+  dependencies:
+    define-data-property: "npm:^1.1.4"
+    es-object-atoms: "npm:^1.0.0"
+    get-intrinsic: "npm:^1.2.6"
+    get-proto: "npm:^1.0.0"
+    has-symbols: "npm:^1.1.0"
+    set-function-name: "npm:^2.0.2"
+  checksum: 10/352bcf333f42189e65cc8cb2dcb94a5c47cf0a9110ce12aba788d405a980b5f5f3a06c79bf915377e1d480647169babd842ded0d898bed181bf6686e8e6823f6
+  languageName: node
+  linkType: hard
+
+"jackspeak@npm:^3.1.2":
+  version: 3.4.3
+  resolution: "jackspeak@npm:3.4.3"
+  dependencies:
+    "@isaacs/cliui": "npm:^8.0.2"
+    "@pkgjs/parseargs": "npm:^0.11.0"
+  dependenciesMeta:
+    "@pkgjs/parseargs":
+      optional: true
+  checksum: 10/96f8786eaab98e4bf5b2a5d6d9588ea46c4d06bbc4f2eb861fdd7b6b182b16f71d8a70e79820f335d52653b16d4843b29dd9cdcf38ae80406756db9199497cf3
+  languageName: node
+  linkType: hard
+
+"jackspeak@npm:^4.0.1":
+  version: 4.0.2
+  resolution: "jackspeak@npm:4.0.2"
+  dependencies:
+    "@isaacs/cliui": "npm:^8.0.2"
+  checksum: 10/d9722f0e55f6c322c57aedf094c405f4201b834204629817187953988075521cfddb23df83e2a7b845723ca7eb0555068c5ce1556732e9c275d32a531881efa8
+  languageName: node
+  linkType: hard
+
+"jake@npm:^10.8.5":
+  version: 10.9.2
+  resolution: "jake@npm:10.9.2"
+  dependencies:
+    async: "npm:^3.2.3"
+    chalk: "npm:^4.0.2"
+    filelist: "npm:^1.0.4"
+    minimatch: "npm:^3.1.2"
+  bin:
+    jake: bin/cli.js
+  checksum: 10/3be324708f99f031e0aec49ef8fd872eb4583cbe8a29a0c875f554f6ac638ee4ea5aa759bb63723fd54f77ca6d7db851eaa78353301734ed3700db9cb109a0cd
+  languageName: node
+  linkType: hard
+
+"jest-changed-files@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-changed-files@npm:29.7.0"
+  dependencies:
+    execa: "npm:^5.0.0"
+    jest-util: "npm:^29.7.0"
+    p-limit: "npm:^3.1.0"
+  checksum: 10/3d93742e56b1a73a145d55b66e96711fbf87ef89b96c2fab7cfdfba8ec06612591a982111ca2b712bb853dbc16831ec8b43585a2a96b83862d6767de59cbf83d
+  languageName: node
+  linkType: hard
+
+"jest-circus@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-circus@npm:29.7.0"
+  dependencies:
+    "@jest/environment": "npm:^29.7.0"
+    "@jest/expect": "npm:^29.7.0"
+    "@jest/test-result": "npm:^29.7.0"
+    "@jest/types": "npm:^29.6.3"
+    "@types/node": "npm:*"
+    chalk: "npm:^4.0.0"
+    co: "npm:^4.6.0"
+    dedent: "npm:^1.0.0"
+    is-generator-fn: "npm:^2.0.0"
+    jest-each: "npm:^29.7.0"
+    jest-matcher-utils: "npm:^29.7.0"
+    jest-message-util: "npm:^29.7.0"
+    jest-runtime: "npm:^29.7.0"
+    jest-snapshot: "npm:^29.7.0"
+    jest-util: "npm:^29.7.0"
+    p-limit: "npm:^3.1.0"
+    pretty-format: "npm:^29.7.0"
+    pure-rand: "npm:^6.0.0"
+    slash: "npm:^3.0.0"
+    stack-utils: "npm:^2.0.3"
+  checksum: 10/716a8e3f40572fd0213bcfc1da90274bf30d856e5133af58089a6ce45089b63f4d679bd44e6be9d320e8390483ebc3ae9921981993986d21639d9019b523123d
+  languageName: node
+  linkType: hard
+
+"jest-cli@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-cli@npm:29.7.0"
+  dependencies:
+    "@jest/core": "npm:^29.7.0"
+    "@jest/test-result": "npm:^29.7.0"
+    "@jest/types": "npm:^29.6.3"
+    chalk: "npm:^4.0.0"
+    create-jest: "npm:^29.7.0"
+    exit: "npm:^0.1.2"
+    import-local: "npm:^3.0.2"
+    jest-config: "npm:^29.7.0"
+    jest-util: "npm:^29.7.0"
+    jest-validate: "npm:^29.7.0"
+    yargs: "npm:^17.3.1"
+  peerDependencies:
+    node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+  peerDependenciesMeta:
+    node-notifier:
+      optional: true
+  bin:
+    jest: bin/jest.js
+  checksum: 10/6cc62b34d002c034203065a31e5e9a19e7c76d9e8ef447a6f70f759c0714cb212c6245f75e270ba458620f9c7b26063cd8cf6cd1f7e3afd659a7cc08add17307
+  languageName: node
+  linkType: hard
+
+"jest-config@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-config@npm:29.7.0"
+  dependencies:
+    "@babel/core": "npm:^7.11.6"
+    "@jest/test-sequencer": "npm:^29.7.0"
+    "@jest/types": "npm:^29.6.3"
+    babel-jest: "npm:^29.7.0"
+    chalk: "npm:^4.0.0"
+    ci-info: "npm:^3.2.0"
+    deepmerge: "npm:^4.2.2"
+    glob: "npm:^7.1.3"
+    graceful-fs: "npm:^4.2.9"
+    jest-circus: "npm:^29.7.0"
+    jest-environment-node: "npm:^29.7.0"
+    jest-get-type: "npm:^29.6.3"
+    jest-regex-util: "npm:^29.6.3"
+    jest-resolve: "npm:^29.7.0"
+    jest-runner: "npm:^29.7.0"
+    jest-util: "npm:^29.7.0"
+    jest-validate: "npm:^29.7.0"
+    micromatch: "npm:^4.0.4"
+    parse-json: "npm:^5.2.0"
+    pretty-format: "npm:^29.7.0"
+    slash: "npm:^3.0.0"
+    strip-json-comments: "npm:^3.1.1"
+  peerDependencies:
+    "@types/node": "*"
+    ts-node: ">=9.0.0"
+  peerDependenciesMeta:
+    "@types/node":
+      optional: true
+    ts-node:
+      optional: true
+  checksum: 10/6bdf570e9592e7d7dd5124fc0e21f5fe92bd15033513632431b211797e3ab57eaa312f83cc6481b3094b72324e369e876f163579d60016677c117ec4853cf02b
+  languageName: node
+  linkType: hard
+
+"jest-diff@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-diff@npm:29.7.0"
+  dependencies:
+    chalk: "npm:^4.0.0"
+    diff-sequences: "npm:^29.6.3"
+    jest-get-type: "npm:^29.6.3"
+    pretty-format: "npm:^29.7.0"
+  checksum: 10/6f3a7eb9cd9de5ea9e5aa94aed535631fa6f80221832952839b3cb59dd419b91c20b73887deb0b62230d06d02d6b6cf34ebb810b88d904bb4fe1e2e4f0905c98
+  languageName: node
+  linkType: hard
+
+"jest-docblock@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-docblock@npm:29.7.0"
+  dependencies:
+    detect-newline: "npm:^3.0.0"
+  checksum: 10/8d48818055bc96c9e4ec2e217a5a375623c0d0bfae8d22c26e011074940c202aa2534a3362294c81d981046885c05d304376afba9f2874143025981148f3e96d
+  languageName: node
+  linkType: hard
+
+"jest-each@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-each@npm:29.7.0"
+  dependencies:
+    "@jest/types": "npm:^29.6.3"
+    chalk: "npm:^4.0.0"
+    jest-get-type: "npm:^29.6.3"
+    jest-util: "npm:^29.7.0"
+    pretty-format: "npm:^29.7.0"
+  checksum: 10/bd1a077654bdaa013b590deb5f7e7ade68f2e3289180a8c8f53bc8a49f3b40740c0ec2d3a3c1aee906f682775be2bebbac37491d80b634d15276b0aa0f2e3fda
+  languageName: node
+  linkType: hard
+
+"jest-environment-jsdom@npm:^29.2.1, jest-environment-jsdom@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-environment-jsdom@npm:29.7.0"
+  dependencies:
+    "@jest/environment": "npm:^29.7.0"
+    "@jest/fake-timers": "npm:^29.7.0"
+    "@jest/types": "npm:^29.6.3"
+    "@types/jsdom": "npm:^20.0.0"
+    "@types/node": "npm:*"
+    jest-mock: "npm:^29.7.0"
+    jest-util: "npm:^29.7.0"
+    jsdom: "npm:^20.0.0"
+  peerDependencies:
+    canvas: ^2.5.0
+  peerDependenciesMeta:
+    canvas:
+      optional: true
+  checksum: 10/23bbfc9bca914baef4b654f7983175a4d49b0f515a5094ebcb8f819f28ec186f53c0ba06af1855eac04bab1457f4ea79dae05f70052cf899863e8096daa6e0f5
+  languageName: node
+  linkType: hard
+
+"jest-environment-node@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-environment-node@npm:29.7.0"
+  dependencies:
+    "@jest/environment": "npm:^29.7.0"
+    "@jest/fake-timers": "npm:^29.7.0"
+    "@jest/types": "npm:^29.6.3"
+    "@types/node": "npm:*"
+    jest-mock: "npm:^29.7.0"
+    jest-util: "npm:^29.7.0"
+  checksum: 10/9cf7045adf2307cc93aed2f8488942e39388bff47ec1df149a997c6f714bfc66b2056768973770d3f8b1bf47396c19aa564877eb10ec978b952c6018ed1bd637
+  languageName: node
+  linkType: hard
+
+"jest-expo@npm:~53.0.4":
+  version: 53.0.4
+  resolution: "jest-expo@npm:53.0.4"
+  dependencies:
+    "@expo/config": "npm:~11.0.7"
+    "@expo/json-file": "npm:^9.1.4"
+    "@jest/create-cache-key-function": "npm:^29.2.1"
+    "@jest/globals": "npm:^29.2.1"
+    babel-jest: "npm:^29.2.1"
+    find-up: "npm:^5.0.0"
+    jest-environment-jsdom: "npm:^29.2.1"
+    jest-snapshot: "npm:^29.2.1"
+    jest-watch-select-projects: "npm:^2.0.0"
+    jest-watch-typeahead: "npm:2.2.1"
+    json5: "npm:^2.2.3"
+    lodash: "npm:^4.17.19"
+    react-server-dom-webpack: "npm:~19.0.0"
+    react-test-renderer: "npm:19.0.0"
+    server-only: "npm:^0.0.1"
+    stacktrace-js: "npm:^2.0.2"
+  peerDependencies:
+    expo: "*"
+    react-native: "*"
+  bin:
+    jest: bin/jest.js
+  checksum: 10/a5f3352a6041466ee207dbdc3fd6bc5a489e73d4298a77ab2c803380fc05deec2af1f08e0b74f0a3ba0f5c686b5138d372efcc281ec29ad3788faf44148736b2
+  languageName: node
+  linkType: hard
+
+"jest-expo@npm:~53.0.5":
+  version: 53.0.7
+  resolution: "jest-expo@npm:53.0.7"
+  dependencies:
+    "@expo/config": "npm:~11.0.10"
+    "@expo/json-file": "npm:^9.1.4"
+    "@jest/create-cache-key-function": "npm:^29.2.1"
+    "@jest/globals": "npm:^29.2.1"
+    babel-jest: "npm:^29.2.1"
+    find-up: "npm:^5.0.0"
+    jest-environment-jsdom: "npm:^29.2.1"
+    jest-snapshot: "npm:^29.2.1"
+    jest-watch-select-projects: "npm:^2.0.0"
+    jest-watch-typeahead: "npm:2.2.1"
+    json5: "npm:^2.2.3"
+    lodash: "npm:^4.17.19"
+    react-server-dom-webpack: "npm:~19.0.0"
+    react-test-renderer: "npm:19.0.0"
+    server-only: "npm:^0.0.1"
+    stacktrace-js: "npm:^2.0.2"
+  peerDependencies:
+    expo: "*"
+    react-native: "*"
+  bin:
+    jest: bin/jest.js
+  checksum: 10/115958df9594ba9ebf7815067ee264d4f0ecd0d981878adc36a4044c25c4b1cfd4e8c6a1e4550af3e46331499d0e303ba1d381c3dee359dbee1b4a553953ab40
+  languageName: node
+  linkType: hard
+
+"jest-fixed-jsdom@npm:^0.0.9":
+  version: 0.0.9
+  resolution: "jest-fixed-jsdom@npm:0.0.9"
+  peerDependencies:
+    jest-environment-jsdom: ">=28.0.0"
+  checksum: 10/c0c1502c81de2c628f728d4c8cff1d66adf7dba3933d72198905bd395b95d393cc535d36469076e03c32f8f0c2200bffcc61065de0a4e5d6f83cfccad0da95cb
+  languageName: node
+  linkType: hard
+
+"jest-get-type@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "jest-get-type@npm:29.6.3"
+  checksum: 10/88ac9102d4679d768accae29f1e75f592b760b44277df288ad76ce5bf038c3f5ce3719dea8aa0f035dac30e9eb034b848ce716b9183ad7cc222d029f03e92205
+  languageName: node
+  linkType: hard
+
+"jest-haste-map@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-haste-map@npm:29.7.0"
+  dependencies:
+    "@jest/types": "npm:^29.6.3"
+    "@types/graceful-fs": "npm:^4.1.3"
+    "@types/node": "npm:*"
+    anymatch: "npm:^3.0.3"
+    fb-watchman: "npm:^2.0.0"
+    fsevents: "npm:^2.3.2"
+    graceful-fs: "npm:^4.2.9"
+    jest-regex-util: "npm:^29.6.3"
+    jest-util: "npm:^29.7.0"
+    jest-worker: "npm:^29.7.0"
+    micromatch: "npm:^4.0.4"
+    walker: "npm:^1.0.8"
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  checksum: 10/8531b42003581cb18a69a2774e68c456fb5a5c3280b1b9b77475af9e346b6a457250f9d756bfeeae2fe6cbc9ef28434c205edab9390ee970a919baddfa08bb85
+  languageName: node
+  linkType: hard
+
+"jest-leak-detector@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-leak-detector@npm:29.7.0"
+  dependencies:
+    jest-get-type: "npm:^29.6.3"
+    pretty-format: "npm:^29.7.0"
+  checksum: 10/e3950e3ddd71e1d0c22924c51a300a1c2db6cf69ec1e51f95ccf424bcc070f78664813bef7aed4b16b96dfbdeea53fe358f8aeaaea84346ae15c3735758f1605
+  languageName: node
+  linkType: hard
+
+"jest-matcher-utils@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-matcher-utils@npm:29.7.0"
+  dependencies:
+    chalk: "npm:^4.0.0"
+    jest-diff: "npm:^29.7.0"
+    jest-get-type: "npm:^29.6.3"
+    pretty-format: "npm:^29.7.0"
+  checksum: 10/981904a494299cf1e3baed352f8a3bd8b50a8c13a662c509b6a53c31461f94ea3bfeffa9d5efcfeb248e384e318c87de7e3baa6af0f79674e987482aa189af40
+  languageName: node
+  linkType: hard
+
+"jest-message-util@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-message-util@npm:29.7.0"
+  dependencies:
+    "@babel/code-frame": "npm:^7.12.13"
+    "@jest/types": "npm:^29.6.3"
+    "@types/stack-utils": "npm:^2.0.0"
+    chalk: "npm:^4.0.0"
+    graceful-fs: "npm:^4.2.9"
+    micromatch: "npm:^4.0.4"
+    pretty-format: "npm:^29.7.0"
+    slash: "npm:^3.0.0"
+    stack-utils: "npm:^2.0.3"
+  checksum: 10/31d53c6ed22095d86bab9d14c0fa70c4a92c749ea6ceece82cf30c22c9c0e26407acdfbdb0231435dc85a98d6d65ca0d9cbcd25cd1abb377fe945e843fb770b9
+  languageName: node
+  linkType: hard
+
+"jest-mock@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-mock@npm:29.7.0"
+  dependencies:
+    "@jest/types": "npm:^29.6.3"
+    "@types/node": "npm:*"
+    jest-util: "npm:^29.7.0"
+  checksum: 10/ae51d1b4f898724be5e0e52b2268a68fcd876d9b20633c864a6dd6b1994cbc48d62402b0f40f3a1b669b30ebd648821f086c26c08ffde192ced951ff4670d51c
+  languageName: node
+  linkType: hard
+
+"jest-pnp-resolver@npm:^1.2.2":
+  version: 1.2.3
+  resolution: "jest-pnp-resolver@npm:1.2.3"
+  peerDependencies:
+    jest-resolve: "*"
+  peerDependenciesMeta:
+    jest-resolve:
+      optional: true
+  checksum: 10/db1a8ab2cb97ca19c01b1cfa9a9c8c69a143fde833c14df1fab0766f411b1148ff0df878adea09007ac6a2085ec116ba9a996a6ad104b1e58c20adbf88eed9b2
+  languageName: node
+  linkType: hard
+
+"jest-regex-util@npm:^29.0.0, jest-regex-util@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "jest-regex-util@npm:29.6.3"
+  checksum: 10/0518beeb9bf1228261695e54f0feaad3606df26a19764bc19541e0fc6e2a3737191904607fb72f3f2ce85d9c16b28df79b7b1ec9443aa08c3ef0e9efda6f8f2a
+  languageName: node
+  linkType: hard
+
+"jest-resolve-dependencies@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-resolve-dependencies@npm:29.7.0"
+  dependencies:
+    jest-regex-util: "npm:^29.6.3"
+    jest-snapshot: "npm:^29.7.0"
+  checksum: 10/1e206f94a660d81e977bcfb1baae6450cb4a81c92e06fad376cc5ea16b8e8c6ea78c383f39e95591a9eb7f925b6a1021086c38941aa7c1b8a6a813c2f6e93675
+  languageName: node
+  linkType: hard
+
+"jest-resolve@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-resolve@npm:29.7.0"
+  dependencies:
+    chalk: "npm:^4.0.0"
+    graceful-fs: "npm:^4.2.9"
+    jest-haste-map: "npm:^29.7.0"
+    jest-pnp-resolver: "npm:^1.2.2"
+    jest-util: "npm:^29.7.0"
+    jest-validate: "npm:^29.7.0"
+    resolve: "npm:^1.20.0"
+    resolve.exports: "npm:^2.0.0"
+    slash: "npm:^3.0.0"
+  checksum: 10/faa466fd9bc69ea6c37a545a7c6e808e073c66f46ab7d3d8a6ef084f8708f201b85d5fe1799789578b8b47fa1de47b9ee47b414d1863bc117a49e032ba77b7c7
+  languageName: node
+  linkType: hard
+
+"jest-runner@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-runner@npm:29.7.0"
+  dependencies:
+    "@jest/console": "npm:^29.7.0"
+    "@jest/environment": "npm:^29.7.0"
+    "@jest/test-result": "npm:^29.7.0"
+    "@jest/transform": "npm:^29.7.0"
+    "@jest/types": "npm:^29.6.3"
+    "@types/node": "npm:*"
+    chalk: "npm:^4.0.0"
+    emittery: "npm:^0.13.1"
+    graceful-fs: "npm:^4.2.9"
+    jest-docblock: "npm:^29.7.0"
+    jest-environment-node: "npm:^29.7.0"
+    jest-haste-map: "npm:^29.7.0"
+    jest-leak-detector: "npm:^29.7.0"
+    jest-message-util: "npm:^29.7.0"
+    jest-resolve: "npm:^29.7.0"
+    jest-runtime: "npm:^29.7.0"
+    jest-util: "npm:^29.7.0"
+    jest-watcher: "npm:^29.7.0"
+    jest-worker: "npm:^29.7.0"
+    p-limit: "npm:^3.1.0"
+    source-map-support: "npm:0.5.13"
+  checksum: 10/9d8748a494bd90f5c82acea99be9e99f21358263ce6feae44d3f1b0cd90991b5df5d18d607e73c07be95861ee86d1cbab2a3fc6ca4b21805f07ac29d47c1da1e
+  languageName: node
+  linkType: hard
+
+"jest-runtime@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-runtime@npm:29.7.0"
+  dependencies:
+    "@jest/environment": "npm:^29.7.0"
+    "@jest/fake-timers": "npm:^29.7.0"
+    "@jest/globals": "npm:^29.7.0"
+    "@jest/source-map": "npm:^29.6.3"
+    "@jest/test-result": "npm:^29.7.0"
+    "@jest/transform": "npm:^29.7.0"
+    "@jest/types": "npm:^29.6.3"
+    "@types/node": "npm:*"
+    chalk: "npm:^4.0.0"
+    cjs-module-lexer: "npm:^1.0.0"
+    collect-v8-coverage: "npm:^1.0.0"
+    glob: "npm:^7.1.3"
+    graceful-fs: "npm:^4.2.9"
+    jest-haste-map: "npm:^29.7.0"
+    jest-message-util: "npm:^29.7.0"
+    jest-mock: "npm:^29.7.0"
+    jest-regex-util: "npm:^29.6.3"
+    jest-resolve: "npm:^29.7.0"
+    jest-snapshot: "npm:^29.7.0"
+    jest-util: "npm:^29.7.0"
+    slash: "npm:^3.0.0"
+    strip-bom: "npm:^4.0.0"
+  checksum: 10/59eb58eb7e150e0834a2d0c0d94f2a0b963ae7182cfa6c63f2b49b9c6ef794e5193ef1634e01db41420c36a94cefc512cdd67a055cd3e6fa2f41eaf0f82f5a20
+  languageName: node
+  linkType: hard
+
+"jest-snapshot-prettier@npm:prettier@^2, prettier@npm:^2.3.1, prettier@npm:^2.4.1":
+  version: 2.8.8
+  resolution: "prettier@npm:2.8.8"
+  bin:
+    prettier: bin-prettier.js
+  checksum: 10/00cdb6ab0281f98306cd1847425c24cbaaa48a5ff03633945ab4c701901b8e96ad558eb0777364ffc312f437af9b5a07d0f45346266e8245beaf6247b9c62b24
+  languageName: node
+  linkType: hard
+
+"jest-snapshot@npm:^29.2.1, jest-snapshot@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-snapshot@npm:29.7.0"
+  dependencies:
+    "@babel/core": "npm:^7.11.6"
+    "@babel/generator": "npm:^7.7.2"
+    "@babel/plugin-syntax-jsx": "npm:^7.7.2"
+    "@babel/plugin-syntax-typescript": "npm:^7.7.2"
+    "@babel/types": "npm:^7.3.3"
+    "@jest/expect-utils": "npm:^29.7.0"
+    "@jest/transform": "npm:^29.7.0"
+    "@jest/types": "npm:^29.6.3"
+    babel-preset-current-node-syntax: "npm:^1.0.0"
+    chalk: "npm:^4.0.0"
+    expect: "npm:^29.7.0"
+    graceful-fs: "npm:^4.2.9"
+    jest-diff: "npm:^29.7.0"
+    jest-get-type: "npm:^29.6.3"
+    jest-matcher-utils: "npm:^29.7.0"
+    jest-message-util: "npm:^29.7.0"
+    jest-util: "npm:^29.7.0"
+    natural-compare: "npm:^1.4.0"
+    pretty-format: "npm:^29.7.0"
+    semver: "npm:^7.5.3"
+  checksum: 10/cb19a3948256de5f922d52f251821f99657339969bf86843bd26cf3332eae94883e8260e3d2fba46129a27c3971c1aa522490e460e16c7fad516e82d10bbf9f8
+  languageName: node
+  linkType: hard
+
+"jest-transform-stub@npm:2.0.0":
+  version: 2.0.0
+  resolution: "jest-transform-stub@npm:2.0.0"
+  checksum: 10/c46134257e5fb047f5952e4a4a1339925dd009da15aa8d3310ba1d3e4d22266ed6c675cd18e58c9d5ca2246718d6cc8ff00ea6a4b6f3b2a6b285b6426f6ae8fe
+  languageName: node
+  linkType: hard
+
+"jest-util@npm:^29.0.0, jest-util@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-util@npm:29.7.0"
+  dependencies:
+    "@jest/types": "npm:^29.6.3"
+    "@types/node": "npm:*"
+    chalk: "npm:^4.0.0"
+    ci-info: "npm:^3.2.0"
+    graceful-fs: "npm:^4.2.9"
+    picomatch: "npm:^2.2.3"
+  checksum: 10/30d58af6967e7d42bd903ccc098f3b4d3859ed46238fbc88d4add6a3f10bea00c226b93660285f058bc7a65f6f9529cf4eb80f8d4707f79f9e3a23686b4ab8f3
+  languageName: node
+  linkType: hard
+
+"jest-validate@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-validate@npm:29.7.0"
+  dependencies:
+    "@jest/types": "npm:^29.6.3"
+    camelcase: "npm:^6.2.0"
+    chalk: "npm:^4.0.0"
+    jest-get-type: "npm:^29.6.3"
+    leven: "npm:^3.1.0"
+    pretty-format: "npm:^29.7.0"
+  checksum: 10/8ee1163666d8eaa16d90a989edba2b4a3c8ab0ffaa95ad91b08ca42b015bfb70e164b247a5b17f9de32d096987cada63ed8491ab82761bfb9a28bc34b27ae161
+  languageName: node
+  linkType: hard
+
+"jest-watch-select-projects@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "jest-watch-select-projects@npm:2.0.0"
+  dependencies:
+    ansi-escapes: "npm:^4.3.0"
+    chalk: "npm:^3.0.0"
+    prompts: "npm:^2.2.1"
+  checksum: 10/67b7a08d8e7b5ecfba67d86f02be29e4917c4416c9f169246f10cc40792b1c5fa38fcfeb25195643db080ace1f4fdf2f827bd244e7cdff7512d1ddfbc94270f0
+  languageName: node
+  linkType: hard
+
+"jest-watch-typeahead@npm:2.2.1":
+  version: 2.2.1
+  resolution: "jest-watch-typeahead@npm:2.2.1"
+  dependencies:
+    ansi-escapes: "npm:^6.0.0"
+    chalk: "npm:^4.0.0"
+    jest-regex-util: "npm:^29.0.0"
+    jest-watcher: "npm:^29.0.0"
+    slash: "npm:^5.0.0"
+    string-length: "npm:^5.0.1"
+    strip-ansi: "npm:^7.0.1"
+  peerDependencies:
+    jest: ^27.0.0 || ^28.0.0 || ^29.0.0
+  checksum: 10/5ba8068209da273187065b8900495ca9d0fce13b090d2e0193e1b862f7e920ca808f8a0c4c2ea504e1646d38519083276fbb304dba728e16b9126c0734f8f8ee
+  languageName: node
+  linkType: hard
+
+"jest-watcher@npm:^29.0.0, jest-watcher@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-watcher@npm:29.7.0"
+  dependencies:
+    "@jest/test-result": "npm:^29.7.0"
+    "@jest/types": "npm:^29.6.3"
+    "@types/node": "npm:*"
+    ansi-escapes: "npm:^4.2.1"
+    chalk: "npm:^4.0.0"
+    emittery: "npm:^0.13.1"
+    jest-util: "npm:^29.7.0"
+    string-length: "npm:^4.0.1"
+  checksum: 10/4f616e0345676631a7034b1d94971aaa719f0cd4a6041be2aa299be437ea047afd4fe05c48873b7963f5687a2f6c7cbf51244be8b14e313b97bfe32b1e127e55
+  languageName: node
+  linkType: hard
+
+"jest-worker@npm:^27.4.5":
+  version: 27.5.1
+  resolution: "jest-worker@npm:27.5.1"
+  dependencies:
+    "@types/node": "npm:*"
+    merge-stream: "npm:^2.0.0"
+    supports-color: "npm:^8.0.0"
+  checksum: 10/06c6e2a84591d9ede704d5022fc13791e8876e83397c89d481b0063332abbb64c0f01ef4ca7de520b35c7a1058556078d6bdc3631376f4e9ffb42316c1a8488e
+  languageName: node
+  linkType: hard
+
+"jest-worker@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-worker@npm:29.7.0"
+  dependencies:
+    "@types/node": "npm:*"
+    jest-util: "npm:^29.7.0"
+    merge-stream: "npm:^2.0.0"
+    supports-color: "npm:^8.0.0"
+  checksum: 10/364cbaef00d8a2729fc760227ad34b5e60829e0869bd84976bdfbd8c0d0f9c2f22677b3e6dd8afa76ed174765351cd12bae3d4530c62eefb3791055127ca9745
+  languageName: node
+  linkType: hard
+
+"jest@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest@npm:29.7.0"
+  dependencies:
+    "@jest/core": "npm:^29.7.0"
+    "@jest/types": "npm:^29.6.3"
+    import-local: "npm:^3.0.2"
+    jest-cli: "npm:^29.7.0"
+  peerDependencies:
+    node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+  peerDependenciesMeta:
+    node-notifier:
+      optional: true
+  bin:
+    jest: bin/jest.js
+  checksum: 10/97023d78446098c586faaa467fbf2c6b07ff06e2c85a19e3926adb5b0effe9ac60c4913ae03e2719f9c01ae8ffd8d92f6b262cedb9555ceeb5d19263d8c6362a
+  languageName: node
+  linkType: hard
+
+"jimp-compact@npm:0.16.1":
+  version: 0.16.1
+  resolution: "jimp-compact@npm:0.16.1"
+  checksum: 10/c9645d159e187383483673a68a444486177b2ee18d6a404ff33fac79bd069610dd043740c4414ba92b3785a1a4daf1c97aee055be6cdcdf5a8623a8327da3c98
+  languageName: node
+  linkType: hard
+
+"jiti@npm:^1.20.0":
+  version: 1.21.7
+  resolution: "jiti@npm:1.21.7"
+  bin:
+    jiti: bin/jiti.js
+  checksum: 10/6a182521532126e4b7b5ad64b64fb2e162718fc03bc6019c21aa2222aacde6c6dfce4fc3bce9f69561a73b24ab5f79750ad353c37c3487a220d5869a39eae3a2
+  languageName: node
+  linkType: hard
+
+"jiti@npm:^2.1.2":
+  version: 2.4.2
+  resolution: "jiti@npm:2.4.2"
+  bin:
+    jiti: lib/jiti-cli.mjs
+  checksum: 10/e2b07eb2e3fbb245e29ad288dddecab31804967fc84d5e01d39858997d2743b5e248946defcecf99272275a00284ecaf7ec88b8c841331324f0c946d8274414b
+  languageName: node
+  linkType: hard
+
+"joi@npm:17.9.1":
+  version: 17.9.1
+  resolution: "joi@npm:17.9.1"
+  dependencies:
+    "@hapi/hoek": "npm:^9.0.0"
+    "@hapi/topo": "npm:^5.0.0"
+    "@sideway/address": "npm:^4.1.3"
+    "@sideway/formula": "npm:^3.0.1"
+    "@sideway/pinpoint": "npm:^2.0.0"
+  checksum: 10/2ffc81be5b88b123b715df2dd52adcc5333ba995d9dc36c4179572fa459831bbdaa25b32f75654342bbe18c04931125c4fa44445f46341369598993550e4db76
+  languageName: node
+  linkType: hard
+
+"js-cookie@npm:^3.0.1":
+  version: 3.0.5
+  resolution: "js-cookie@npm:3.0.5"
+  checksum: 10/366494b1630b9fb8abaef3659748db5dfd52c58c6fc3459b9f0a03b492593bc1b01c6dfcc066b46f6413c28edb3a00cc68fb61ea8cdf6991bedf1f100f8a389d
+  languageName: node
+  linkType: hard
+
+"js-sha3@npm:0.8.0, js-sha3@npm:^0.8.0":
+  version: 0.8.0
+  resolution: "js-sha3@npm:0.8.0"
+  checksum: 10/a49ac6d3a6bfd7091472a28ab82a94c7fb8544cc584ee1906486536ba1cb4073a166f8c7bb2b0565eade23c5b3a7b8f7816231e0309ab5c549b737632377a20c
+  languageName: node
+  linkType: hard
+
+"js-tokens@npm:^3.0.0 || ^4.0.0, js-tokens@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "js-tokens@npm:4.0.0"
+  checksum: 10/af37d0d913fb56aec6dc0074c163cc71cd23c0b8aad5c2350747b6721d37ba118af35abdd8b33c47ec2800de07dedb16a527ca9c530ee004093e04958bd0cbf2
+  languageName: node
+  linkType: hard
+
+"js-yaml@npm:^3.13.1":
+  version: 3.14.1
+  resolution: "js-yaml@npm:3.14.1"
+  dependencies:
+    argparse: "npm:^1.0.7"
+    esprima: "npm:^4.0.0"
+  bin:
+    js-yaml: bin/js-yaml.js
+  checksum: 10/9e22d80b4d0105b9899135365f746d47466ed53ef4223c529b3c0f7a39907743fdbd3c4379f94f1106f02755b5e90b2faaf84801a891135544e1ea475d1a1379
+  languageName: node
+  linkType: hard
+
+"js-yaml@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "js-yaml@npm:4.1.0"
+  dependencies:
+    argparse: "npm:^2.0.1"
+  bin:
+    js-yaml: bin/js-yaml.js
+  checksum: 10/c138a34a3fd0d08ebaf71273ad4465569a483b8a639e0b118ff65698d257c2791d3199e3f303631f2cb98213fa7b5f5d6a4621fd0fff819421b990d30d967140
+  languageName: node
+  linkType: hard
+
+"jsan@npm:^3.1.14":
+  version: 3.1.14
+  resolution: "jsan@npm:3.1.14"
+  checksum: 10/960cd5059bfb50a9c86d391d7bb5173eaf748e8a1b0794892d929f894045dbbdee61c03f1dad4d5b8fc21f924a8e217ed05598adf9339a56b46ab0433a2206f1
+  languageName: node
+  linkType: hard
+
+"jsbn@npm:1.1.0":
+  version: 1.1.0
+  resolution: "jsbn@npm:1.1.0"
+  checksum: 10/bebe7ae829bbd586ce8cbe83501dd8cb8c282c8902a8aeeed0a073a89dc37e8103b1244f3c6acd60278bcbfe12d93a3f83c9ac396868a3b3bbc3c5e5e3b648ef
+  languageName: node
+  linkType: hard
+
+"jsbn@npm:~0.1.0":
+  version: 0.1.1
+  resolution: "jsbn@npm:0.1.1"
+  checksum: 10/5450133242845100e694f0ef9175f44c012691a9b770b2571e677314e6f70600abb10777cdfc9a0c6a9f2ac6d134577403633de73e2fcd0f97875a67744e2d14
+  languageName: node
+  linkType: hard
+
+"jsc-safe-url@npm:^0.2.2, jsc-safe-url@npm:^0.2.4":
+  version: 0.2.4
+  resolution: "jsc-safe-url@npm:0.2.4"
+  checksum: 10/2729b32e694ff7badc38ddaaf11bafa2867b3920fffa865da38c8cc84ca59a319eb681f9ba5ffba5aea942dff7850754f6b8aee01dc0f7ae8ecb1890c61d4442
+  languageName: node
+  linkType: hard
+
+"jscodeshift@npm:^0.14.0":
+  version: 0.14.0
+  resolution: "jscodeshift@npm:0.14.0"
+  dependencies:
+    "@babel/core": "npm:^7.13.16"
+    "@babel/parser": "npm:^7.13.16"
+    "@babel/plugin-proposal-class-properties": "npm:^7.13.0"
+    "@babel/plugin-proposal-nullish-coalescing-operator": "npm:^7.13.8"
+    "@babel/plugin-proposal-optional-chaining": "npm:^7.13.12"
+    "@babel/plugin-transform-modules-commonjs": "npm:^7.13.8"
+    "@babel/preset-flow": "npm:^7.13.13"
+    "@babel/preset-typescript": "npm:^7.13.0"
+    "@babel/register": "npm:^7.13.16"
+    babel-core: "npm:^7.0.0-bridge.0"
+    chalk: "npm:^4.1.2"
+    flow-parser: "npm:0.*"
+    graceful-fs: "npm:^4.2.4"
+    micromatch: "npm:^4.0.4"
+    neo-async: "npm:^2.5.0"
+    node-dir: "npm:^0.1.17"
+    recast: "npm:^0.21.0"
+    temp: "npm:^0.8.4"
+    write-file-atomic: "npm:^2.3.0"
+  peerDependencies:
+    "@babel/preset-env": ^7.1.6
+  bin:
+    jscodeshift: bin/jscodeshift.js
+  checksum: 10/fc355dde2287c026a682e8b38df5d8d1ff5c9ca044dfd558f2b6d17bb28f9257063bd0e47690814612e572804caa5383733c9d8ca8bc18e70bcee43e0458df59
+  languageName: node
+  linkType: hard
+
+"jsdoc-type-pratt-parser@npm:^4.0.0":
+  version: 4.1.0
+  resolution: "jsdoc-type-pratt-parser@npm:4.1.0"
+  checksum: 10/30d88f95f6cbb4a1aa6d4b0d0ae46eb1096e606235ecaf9bab7a3ed5da860516b5d1cd967182765002f292c627526db918f3e56d34637bcf810e6ef84d403f3f
+  languageName: node
+  linkType: hard
+
+"jsdom@npm:^20.0.0":
+  version: 20.0.3
+  resolution: "jsdom@npm:20.0.3"
+  dependencies:
+    abab: "npm:^2.0.6"
+    acorn: "npm:^8.8.1"
+    acorn-globals: "npm:^7.0.0"
+    cssom: "npm:^0.5.0"
+    cssstyle: "npm:^2.3.0"
+    data-urls: "npm:^3.0.2"
+    decimal.js: "npm:^10.4.2"
+    domexception: "npm:^4.0.0"
+    escodegen: "npm:^2.0.0"
+    form-data: "npm:^4.0.0"
+    html-encoding-sniffer: "npm:^3.0.0"
+    http-proxy-agent: "npm:^5.0.0"
+    https-proxy-agent: "npm:^5.0.1"
+    is-potential-custom-element-name: "npm:^1.0.1"
+    nwsapi: "npm:^2.2.2"
+    parse5: "npm:^7.1.1"
+    saxes: "npm:^6.0.0"
+    symbol-tree: "npm:^3.2.4"
+    tough-cookie: "npm:^4.1.2"
+    w3c-xmlserializer: "npm:^4.0.0"
+    webidl-conversions: "npm:^7.0.0"
+    whatwg-encoding: "npm:^2.0.0"
+    whatwg-mimetype: "npm:^3.0.0"
+    whatwg-url: "npm:^11.0.0"
+    ws: "npm:^8.11.0"
+    xml-name-validator: "npm:^4.0.0"
+  peerDependencies:
+    canvas: ^2.5.0
+  peerDependenciesMeta:
+    canvas:
+      optional: true
+  checksum: 10/a4cdcff5b07eed87da90b146b82936321533b5efe8124492acf7160ebd5b9cf2b3c2435683592bf1cffb479615245756efb6c173effc1906f845a86ed22af985
+  languageName: node
+  linkType: hard
+
+"jsesc@npm:^3.0.2, jsesc@npm:~3.0.2":
+  version: 3.0.2
+  resolution: "jsesc@npm:3.0.2"
+  bin:
+    jsesc: bin/jsesc
+  checksum: 10/8e5a7de6b70a8bd71f9cb0b5a7ade6a73ae6ab55e697c74cc997cede97417a3a65ed86c36f7dd6125fe49766e8386c845023d9e213916ca92c9dfdd56e2babf3
+  languageName: node
+  linkType: hard
+
+"json-buffer@npm:3.0.1":
+  version: 3.0.1
+  resolution: "json-buffer@npm:3.0.1"
+  checksum: 10/82876154521b7b68ba71c4f969b91572d1beabadd87bd3a6b236f85fbc7dc4695089191ed60bb59f9340993c51b33d479f45b6ba9f3548beb519705281c32c3c
+  languageName: node
+  linkType: hard
+
+"json-parse-better-errors@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "json-parse-better-errors@npm:1.0.2"
+  checksum: 10/5553232045359b767b0f2039a6777fede1a8d7dca1a0ffb1f9ef73a7519489ae7f566b2e040f2b4c38edb8e35e37ae07af7f0a52420902f869ee0dbf5dc6c784
+  languageName: node
+  linkType: hard
+
+"json-parse-even-better-errors@npm:^2.3.0, json-parse-even-better-errors@npm:^2.3.1":
+  version: 2.3.1
+  resolution: "json-parse-even-better-errors@npm:2.3.1"
+  checksum: 10/5f3a99009ed5f2a5a67d06e2f298cc97bc86d462034173308156f15b43a6e850be8511dc204b9b94566305da2947f7d90289657237d210351a39059ff9d666cf
+  languageName: node
+  linkType: hard
+
+"json-schema-traverse@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "json-schema-traverse@npm:0.4.1"
+  checksum: 10/7486074d3ba247769fda17d5181b345c9fb7d12e0da98b22d1d71a5db9698d8b4bd900a3ec1a4ffdd60846fc2556274a5c894d0c48795f14cb03aeae7b55260b
+  languageName: node
+  linkType: hard
+
+"json-schema-traverse@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "json-schema-traverse@npm:1.0.0"
+  checksum: 10/02f2f466cdb0362558b2f1fd5e15cce82ef55d60cd7f8fa828cf35ba74330f8d767fcae5c5c2adb7851fa811766c694b9405810879bc4e1ddd78a7c0e03658ad
+  languageName: node
+  linkType: hard
+
+"json-schema@npm:0.4.0, json-schema@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "json-schema@npm:0.4.0"
+  checksum: 10/8b3b64eff4a807dc2a3045b104ed1b9335cd8d57aa74c58718f07f0f48b8baa3293b00af4dcfbdc9144c3aafea1e97982cc27cc8e150fc5d93c540649507a458
+  languageName: node
+  linkType: hard
+
+"json-stable-stringify-without-jsonify@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "json-stable-stringify-without-jsonify@npm:1.0.1"
+  checksum: 10/12786c2e2f22c27439e6db0532ba321f1d0617c27ad8cb1c352a0e9249a50182fd1ba8b52a18899291604b0c32eafa8afd09e51203f19109a0537f68db2b652d
+  languageName: node
+  linkType: hard
+
+"json-stringify-deterministic@npm:^1.0.8":
+  version: 1.0.12
+  resolution: "json-stringify-deterministic@npm:1.0.12"
+  checksum: 10/57b4bffa823e20e1bf12f21a1abb16dd44a7a5d09299a2fdef72f3b125b8009575ea210b6eea384f1c8315216d0cdf8c1ef6802081c000fb4c590aa61527c0ca
+  languageName: node
+  linkType: hard
+
+"json-stringify-safe@npm:~5.0.1":
+  version: 5.0.1
+  resolution: "json-stringify-safe@npm:5.0.1"
+  checksum: 10/59169a081e4eeb6f9559ae1f938f656191c000e0512aa6df9f3c8b2437a4ab1823819c6b9fd1818a4e39593ccfd72e9a051fdd3e2d1e340ed913679e888ded8c
+  languageName: node
+  linkType: hard
+
+"json5@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "json5@npm:1.0.2"
+  dependencies:
+    minimist: "npm:^1.2.0"
+  bin:
+    json5: lib/cli.js
+  checksum: 10/a78d812dbbd5642c4f637dd130954acfd231b074965871c3e28a5bbd571f099d623ecf9161f1960c4ddf68e0cc98dee8bebfdb94a71ad4551f85a1afc94b63f6
+  languageName: node
+  linkType: hard
+
+"json5@npm:^2.1.2, json5@npm:^2.1.3, json5@npm:^2.2.0, json5@npm:^2.2.2, json5@npm:^2.2.3":
+  version: 2.2.3
+  resolution: "json5@npm:2.2.3"
+  bin:
+    json5: lib/cli.js
+  checksum: 10/1db67b853ff0de3534085d630691d3247de53a2ed1390ba0ddff681ea43e9b3e30ecbdb65c5e9aab49435e44059c23dbd6fee8ee619419ba37465bb0dd7135da
+  languageName: node
+  linkType: hard
+
+"jsonfile@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "jsonfile@npm:4.0.0"
+  dependencies:
+    graceful-fs: "npm:^4.1.6"
+  dependenciesMeta:
+    graceful-fs:
+      optional: true
+  checksum: 10/17796f0ab1be8479827d3683433f97ebe0a1c6932c3360fa40348eac36904d69269aab26f8b16da311882d94b42e9208e8b28e490bf926364f3ac9bff134c226
+  languageName: node
+  linkType: hard
+
+"jsonfile@npm:^6.0.1, jsonfile@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "jsonfile@npm:6.1.0"
+  dependencies:
+    graceful-fs: "npm:^4.1.6"
+    universalify: "npm:^2.0.0"
+  dependenciesMeta:
+    graceful-fs:
+      optional: true
+  checksum: 10/03014769e7dc77d4cf05fa0b534907270b60890085dd5e4d60a382ff09328580651da0b8b4cdf44d91e4c8ae64d91791d965f05707beff000ed494a38b6fec85
+  languageName: node
+  linkType: hard
+
+"jsonpointer@npm:^5.0.0":
+  version: 5.0.1
+  resolution: "jsonpointer@npm:5.0.1"
+  checksum: 10/0b40f712900ad0c846681ea2db23b6684b9d5eedf55807b4708c656f5894b63507d0e28ae10aa1bddbea551241035afe62b6df0800fc94c2e2806a7f3adecd7c
+  languageName: node
+  linkType: hard
+
+"jsprim@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "jsprim@npm:2.0.2"
+  dependencies:
+    assert-plus: "npm:1.0.0"
+    extsprintf: "npm:1.3.0"
+    json-schema: "npm:0.4.0"
+    verror: "npm:1.10.0"
+  checksum: 10/fcfca5b55f83e1b8be5f932c71754bd37afd2611f81685abd05689e8ce718a91155ff7bd5b94c65ce483a787b5c43c6d0c18c1d2259fca5bb61a3f8ea2e29c0a
+  languageName: node
+  linkType: hard
+
+"jsx-ast-utils@npm:^2.4.1 || ^3.0.0, jsx-ast-utils@npm:^3.3.5":
+  version: 3.3.5
+  resolution: "jsx-ast-utils@npm:3.3.5"
+  dependencies:
+    array-includes: "npm:^3.1.6"
+    array.prototype.flat: "npm:^1.3.1"
+    object.assign: "npm:^4.1.4"
+    object.values: "npm:^1.1.6"
+  checksum: 10/b61d44613687dfe4cc8ad4b4fbf3711bf26c60b8d5ed1f494d723e0808415c59b24a7c0ed8ab10736a40ff84eef38cbbfb68b395e05d31117b44ffc59d31edfc
+  languageName: node
+  linkType: hard
+
+"jwa@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "jwa@npm:2.0.1"
+  dependencies:
+    buffer-equal-constant-time: "npm:^1.0.1"
+    ecdsa-sig-formatter: "npm:1.0.11"
+    safe-buffer: "npm:^5.0.1"
+  checksum: 10/b04312a1de85f912b96aa3a7211717b8336945fab5b4f7cbc7800f4c80934060c0a3111576fad8d76e41ad62887d6da4b21fd4c47e45c174197f8be7dc0c1694
+  languageName: node
+  linkType: hard
+
+"jws@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "jws@npm:4.0.0"
+  dependencies:
+    jwa: "npm:^2.0.0"
+    safe-buffer: "npm:^5.0.1"
+  checksum: 10/1d15f4cdea376c6bd6a81002bd2cb0bf3d51d83da8f0727947b5ba3e10cf366721b8c0d099bf8c1eb99eb036e2c55e5fd5efd378ccff75a2b4e0bd10002348b9
+  languageName: node
+  linkType: hard
+
+"keccak@npm:^3.0.0, keccak@npm:^3.0.3":
+  version: 3.0.4
+  resolution: "keccak@npm:3.0.4"
+  dependencies:
+    node-addon-api: "npm:^2.0.0"
+    node-gyp: "npm:latest"
+    node-gyp-build: "npm:^4.2.0"
+    readable-stream: "npm:^3.6.0"
+  checksum: 10/45478bb0a57e44d0108646499b8360914b0fbc8b0e088f1076659cb34faaa9eb829c40f6dd9dadb3460bb86cc33153c41fed37fe5ce09465a60e71e78c23fa55
+  languageName: node
+  linkType: hard
+
+"keyv@npm:^4.5.3, keyv@npm:^4.5.4":
+  version: 4.5.4
+  resolution: "keyv@npm:4.5.4"
+  dependencies:
+    json-buffer: "npm:3.0.1"
+  checksum: 10/167eb6ef64cc84b6fa0780ee50c9de456b422a1e18802209234f7c2cf7eae648c7741f32e50d7e24ccb22b24c13154070b01563d642755b156c357431a191e75
+  languageName: node
+  linkType: hard
+
+"keyvaluestorage-interface@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "keyvaluestorage-interface@npm:1.0.0"
+  checksum: 10/e652448bc915f9c21b9916678ed58f5314c831f0a284d190a340c0370296c71918e0cdc1156a17b12d1993941b302f0881e23fb9c395079e2065a7d2f33d0199
+  languageName: node
+  linkType: hard
+
+"kind-of@npm:^6.0.2, kind-of@npm:^6.0.3":
+  version: 6.0.3
+  resolution: "kind-of@npm:6.0.3"
+  checksum: 10/5873d303fb36aad875b7538798867da2ae5c9e328d67194b0162a3659a627d22f742fc9c4ae95cd1704132a24b00cae5041fc00c0f6ef937dc17080dc4dbb962
+  languageName: node
+  linkType: hard
+
+"kleur@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "kleur@npm:3.0.3"
+  checksum: 10/0c0ecaf00a5c6173d25059c7db2113850b5457016dfa1d0e3ef26da4704fbb186b4938d7611246d86f0ddf1bccf26828daa5877b1f232a65e7373d0122a83e7f
+  languageName: node
+  linkType: hard
+
+"lan-network@npm:^0.1.4":
+  version: 0.1.4
+  resolution: "lan-network@npm:0.1.4"
+  bin:
+    lan-network: dist/lan-network-cli.js
+  checksum: 10/f30ceeac6a3698baa10dc88d927033d1867e27c1de8ad4947e4d68a5f50b23989d416e61c2204c42ca02925d8e9eee8c6b4eb80e7a50faad2b8134fa170a5a28
+  languageName: node
+  linkType: hard
+
+"language-subtag-registry@npm:^0.3.20":
+  version: 0.3.23
+  resolution: "language-subtag-registry@npm:0.3.23"
+  checksum: 10/fe13ed74ab9f862db8e5747b98cc9aa08d52a19f85b5cdb4975cd364c8539bd2da3380e4560d2dbbd728ec33dff8a4b4421fcb2e5b1b1bdaa21d16f91a54d0d4
+  languageName: node
+  linkType: hard
+
+"language-tags@npm:^1.0.9":
+  version: 1.0.9
+  resolution: "language-tags@npm:1.0.9"
+  dependencies:
+    language-subtag-registry: "npm:^0.3.20"
+  checksum: 10/d3a7c14b694e67f519153d6df6cb200681648d38d623c3bfa9d6a66a5ec5493628acb88e9df5aceef3cf1902ab263a205e7d59ee4cf1d6bb67e707b83538bd6d
+  languageName: node
+  linkType: hard
+
+"lazy-ass@npm:^1.6.0":
+  version: 1.6.0
+  resolution: "lazy-ass@npm:1.6.0"
+  checksum: 10/3969ebef060b6f665fc78310ec769f7d2945db2d5af2b6663eda1bc9ec45c845deba9c4a3f75f124ce2c76fedf56514a063ee5c2affc8bc94963fbbddb442a88
+  languageName: node
+  linkType: hard
+
+"less@npm:^4.1.3":
+  version: 4.2.1
+  resolution: "less@npm:4.2.1"
+  dependencies:
+    copy-anything: "npm:^2.0.1"
+    errno: "npm:^0.1.1"
+    graceful-fs: "npm:^4.1.2"
+    image-size: "npm:~0.5.0"
+    make-dir: "npm:^2.1.0"
+    mime: "npm:^1.4.1"
+    needle: "npm:^3.1.0"
+    parse-node-version: "npm:^1.0.1"
+    source-map: "npm:~0.6.0"
+    tslib: "npm:^2.3.0"
+  dependenciesMeta:
+    errno:
+      optional: true
+    graceful-fs:
+      optional: true
+    image-size:
+      optional: true
+    make-dir:
+      optional: true
+    mime:
+      optional: true
+    needle:
+      optional: true
+    source-map:
+      optional: true
+  bin:
+    lessc: bin/lessc
+  checksum: 10/931343f46899742501d12e3d657387d766af5a61fe6536a3bf3aa935b4d6f94b49e9a3668788affbd4a0cc752426a3da2db3d24ffca63fbb8f2c28538f113a9b
+  languageName: node
+  linkType: hard
+
+"leven@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "leven@npm:3.1.0"
+  checksum: 10/638401d534585261b6003db9d99afd244dfe82d75ddb6db5c0df412842d5ab30b2ef18de471aaec70fe69a46f17b4ae3c7f01d8a4e6580ef7adb9f4273ad1e55
+  languageName: node
+  linkType: hard
+
+"levn@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "levn@npm:0.4.1"
+  dependencies:
+    prelude-ls: "npm:^1.2.1"
+    type-check: "npm:~0.4.0"
+  checksum: 10/2e4720ff79f21ae08d42374b0a5c2f664c5be8b6c8f565bb4e1315c96ed3a8acaa9de788ffed82d7f2378cf36958573de07ef92336cb5255ed74d08b8318c9ee
+  languageName: node
+  linkType: hard
+
+"lie@npm:3.1.1":
+  version: 3.1.1
+  resolution: "lie@npm:3.1.1"
+  dependencies:
+    immediate: "npm:~3.0.5"
+  checksum: 10/c2c7d9dcc3a9aae641f41cde4e2e2cd571e4426b1f5915862781d77776672dcbca43461e16f4d382c9a300825c15e1a4923f1def3a5568d97577e077a3cecb44
+  languageName: node
+  linkType: hard
+
+"lighthouse-logger@npm:^1.0.0":
+  version: 1.4.2
+  resolution: "lighthouse-logger@npm:1.4.2"
+  dependencies:
+    debug: "npm:^2.6.9"
+    marky: "npm:^1.2.2"
+  checksum: 10/ffcedbf6878cc8b3289649ad60f42e3def7212b79eac6a21be2408724a2a7f65f9cfc3fbef6c0618ae4f476834949e1a56235e02ffa6b4e5019d2643d9d5977c
+  languageName: node
+  linkType: hard
+
+"lightningcss-darwin-arm64@npm:1.27.0":
+  version: 1.27.0
+  resolution: "lightningcss-darwin-arm64@npm:1.27.0"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"lightningcss-darwin-x64@npm:1.27.0":
+  version: 1.27.0
+  resolution: "lightningcss-darwin-x64@npm:1.27.0"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"lightningcss-freebsd-x64@npm:1.27.0":
+  version: 1.27.0
+  resolution: "lightningcss-freebsd-x64@npm:1.27.0"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"lightningcss-linux-arm-gnueabihf@npm:1.27.0":
+  version: 1.27.0
+  resolution: "lightningcss-linux-arm-gnueabihf@npm:1.27.0"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"lightningcss-linux-arm64-gnu@npm:1.27.0":
+  version: 1.27.0
+  resolution: "lightningcss-linux-arm64-gnu@npm:1.27.0"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"lightningcss-linux-arm64-musl@npm:1.27.0":
+  version: 1.27.0
+  resolution: "lightningcss-linux-arm64-musl@npm:1.27.0"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"lightningcss-linux-x64-gnu@npm:1.27.0":
+  version: 1.27.0
+  resolution: "lightningcss-linux-x64-gnu@npm:1.27.0"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"lightningcss-linux-x64-musl@npm:1.27.0":
+  version: 1.27.0
+  resolution: "lightningcss-linux-x64-musl@npm:1.27.0"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"lightningcss-win32-arm64-msvc@npm:1.27.0":
+  version: 1.27.0
+  resolution: "lightningcss-win32-arm64-msvc@npm:1.27.0"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"lightningcss-win32-x64-msvc@npm:1.27.0":
+  version: 1.27.0
+  resolution: "lightningcss-win32-x64-msvc@npm:1.27.0"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"lightningcss@npm:~1.27.0":
+  version: 1.27.0
+  resolution: "lightningcss@npm:1.27.0"
+  dependencies:
+    detect-libc: "npm:^1.0.3"
+    lightningcss-darwin-arm64: "npm:1.27.0"
+    lightningcss-darwin-x64: "npm:1.27.0"
+    lightningcss-freebsd-x64: "npm:1.27.0"
+    lightningcss-linux-arm-gnueabihf: "npm:1.27.0"
+    lightningcss-linux-arm64-gnu: "npm:1.27.0"
+    lightningcss-linux-arm64-musl: "npm:1.27.0"
+    lightningcss-linux-x64-gnu: "npm:1.27.0"
+    lightningcss-linux-x64-musl: "npm:1.27.0"
+    lightningcss-win32-arm64-msvc: "npm:1.27.0"
+    lightningcss-win32-x64-msvc: "npm:1.27.0"
+  dependenciesMeta:
+    lightningcss-darwin-arm64:
+      optional: true
+    lightningcss-darwin-x64:
+      optional: true
+    lightningcss-freebsd-x64:
+      optional: true
+    lightningcss-linux-arm-gnueabihf:
+      optional: true
+    lightningcss-linux-arm64-gnu:
+      optional: true
+    lightningcss-linux-arm64-musl:
+      optional: true
+    lightningcss-linux-x64-gnu:
+      optional: true
+    lightningcss-linux-x64-musl:
+      optional: true
+    lightningcss-win32-arm64-msvc:
+      optional: true
+    lightningcss-win32-x64-msvc:
+      optional: true
+  checksum: 10/275a0103c7dc1dfcf8e456a0523d1719a1caff916c45229ec62cdb28a814dce12b7065b88865fb74fc03a2a658ac3361caff5c348f1646313513c125d4f27954
+  languageName: node
+  linkType: hard
+
+"lilconfig@npm:^2.0.5":
+  version: 2.1.0
+  resolution: "lilconfig@npm:2.1.0"
+  checksum: 10/b1314a2e55319013d5e7d7d08be39015829d2764a1eaee130129545d40388499d81b1c31b0f9b3417d4db12775a88008b72ec33dd06e0184cf7503b32ca7cc0b
+  languageName: node
+  linkType: hard
+
+"lilconfig@npm:~3.1.3":
+  version: 3.1.3
+  resolution: "lilconfig@npm:3.1.3"
+  checksum: 10/b932ce1af94985f0efbe8896e57b1f814a48c8dbd7fc0ef8469785c6303ed29d0090af3ccad7e36b626bfca3a4dc56cc262697e9a8dd867623cf09a39d54e4c3
+  languageName: node
+  linkType: hard
+
+"lines-and-columns@npm:^1.1.6":
+  version: 1.2.4
+  resolution: "lines-and-columns@npm:1.2.4"
+  checksum: 10/0c37f9f7fa212b38912b7145e1cd16a5f3cd34d782441c3e6ca653485d326f58b3caccda66efce1c5812bde4961bbde3374fae4b0d11bf1226152337f3894aa5
+  languageName: node
+  linkType: hard
+
+"lint-staged@npm:^15.2.10":
+  version: 15.2.11
+  resolution: "lint-staged@npm:15.2.11"
+  dependencies:
+    chalk: "npm:~5.3.0"
+    commander: "npm:~12.1.0"
+    debug: "npm:~4.4.0"
+    execa: "npm:~8.0.1"
+    lilconfig: "npm:~3.1.3"
+    listr2: "npm:~8.2.5"
+    micromatch: "npm:~4.0.8"
+    pidtree: "npm:~0.6.0"
+    string-argv: "npm:~0.3.2"
+    yaml: "npm:~2.6.1"
+  bin:
+    lint-staged: bin/lint-staged.js
+  checksum: 10/b3fa66401fee667c39b28ed8d0dc28213e6c23d5cb88ca599e030e1eb7fd4ed199f2e3c4b02ae65ded9f5a30e0168a4c3cf3a3cf12959f195864962dba37e917
+  languageName: node
+  linkType: hard
+
+"listhen@npm:^1.9.0":
+  version: 1.9.0
+  resolution: "listhen@npm:1.9.0"
+  dependencies:
+    "@parcel/watcher": "npm:^2.4.1"
+    "@parcel/watcher-wasm": "npm:^2.4.1"
+    citty: "npm:^0.1.6"
+    clipboardy: "npm:^4.0.0"
+    consola: "npm:^3.2.3"
+    crossws: "npm:>=0.2.0 <0.4.0"
+    defu: "npm:^6.1.4"
+    get-port-please: "npm:^3.1.2"
+    h3: "npm:^1.12.0"
+    http-shutdown: "npm:^1.2.2"
+    jiti: "npm:^2.1.2"
+    mlly: "npm:^1.7.1"
+    node-forge: "npm:^1.3.1"
+    pathe: "npm:^1.1.2"
+    std-env: "npm:^3.7.0"
+    ufo: "npm:^1.5.4"
+    untun: "npm:^0.1.3"
+    uqr: "npm:^0.1.2"
+  bin:
+    listen: bin/listhen.mjs
+    listhen: bin/listhen.mjs
+  checksum: 10/72b869c8604301352c5d5825a7737705f0df2ce1795af8e779b6f956ba71302e13b12b2d35142687fb4e1e8ccc2747e2be3c9cbf20f7f96b73f897881aa3c384
+  languageName: node
+  linkType: hard
+
+"listr2@npm:^3.8.3":
+  version: 3.14.0
+  resolution: "listr2@npm:3.14.0"
+  dependencies:
+    cli-truncate: "npm:^2.1.0"
+    colorette: "npm:^2.0.16"
+    log-update: "npm:^4.0.0"
+    p-map: "npm:^4.0.0"
+    rfdc: "npm:^1.3.0"
+    rxjs: "npm:^7.5.1"
+    through: "npm:^2.3.8"
+    wrap-ansi: "npm:^7.0.0"
+  peerDependencies:
+    enquirer: ">= 2.3.0 < 3"
+  peerDependenciesMeta:
+    enquirer:
+      optional: true
+  checksum: 10/cebbd692330279ea82f05468cbb0a16f5b40015a6163e0a2fb04ef168da8e2d6c54e129148e90112d92e7f9ecb85a56e6b88d867a58a8ebdf36e0c98df49ae5c
+  languageName: node
+  linkType: hard
+
+"listr2@npm:~8.2.5":
+  version: 8.2.5
+  resolution: "listr2@npm:8.2.5"
+  dependencies:
+    cli-truncate: "npm:^4.0.0"
+    colorette: "npm:^2.0.20"
+    eventemitter3: "npm:^5.0.1"
+    log-update: "npm:^6.1.0"
+    rfdc: "npm:^1.4.1"
+    wrap-ansi: "npm:^9.0.0"
+  checksum: 10/c76542f18306195e464fe10203ee679a7beafa9bf0dc679ebacb416387cca8f5307c1d8ba35483d26ba611dc2fac5a1529733dce28f2660556082fb7eebb79f9
+  languageName: node
+  linkType: hard
+
+"lit-element@npm:^3.3.0":
+  version: 3.3.3
+  resolution: "lit-element@npm:3.3.3"
+  dependencies:
+    "@lit-labs/ssr-dom-shim": "npm:^1.1.0"
+    "@lit/reactive-element": "npm:^1.3.0"
+    lit-html: "npm:^2.8.0"
+  checksum: 10/7968e7f3ce3994911f27c4c54acc956488c91d8af81677cce3d6f0c2eaea45cceb79b064077159392238d6e43d46015a950269db9914fea8913566aacb17eaa1
+  languageName: node
+  linkType: hard
+
+"lit-html@npm:^2.8.0":
+  version: 2.8.0
+  resolution: "lit-html@npm:2.8.0"
+  dependencies:
+    "@types/trusted-types": "npm:^2.0.2"
+  checksum: 10/3503e55e2927c2ff94773cf041fc4128f92291869c9192f36eacb7f95132d11f6b329e5b910ab60a4456349cd2e6d23b33d83291b24d557bcd6b904d6314ac1a
+  languageName: node
+  linkType: hard
+
+"lit@npm:2.8.0, lit@npm:^2.1.3":
+  version: 2.8.0
+  resolution: "lit@npm:2.8.0"
+  dependencies:
+    "@lit/reactive-element": "npm:^1.6.0"
+    lit-element: "npm:^3.3.0"
+    lit-html: "npm:^2.8.0"
+  checksum: 10/aa64c1136b855ba328d41157dba67657d480345aeec3c1dd829abeb67719d759c9ff2ade9903f9cfb4f9d012b16087034aaa5b33f1182e70c615765562e3251b
+  languageName: node
+  linkType: hard
+
+"loader-runner@npm:^4.2.0":
+  version: 4.3.0
+  resolution: "loader-runner@npm:4.3.0"
+  checksum: 10/555ae002869c1e8942a0efd29a99b50a0ce6c3296efea95caf48f00d7f6f7f659203ed6613688b6181aa81dc76de3e65ece43094c6dffef3127fe1a84d973cd3
+  languageName: node
+  linkType: hard
+
+"loader-utils@npm:^2.0.0, loader-utils@npm:^2.0.4":
+  version: 2.0.4
+  resolution: "loader-utils@npm:2.0.4"
+  dependencies:
+    big.js: "npm:^5.2.2"
+    emojis-list: "npm:^3.0.0"
+    json5: "npm:^2.1.2"
+  checksum: 10/28bd9af2025b0cb2fc6c9c2d8140a75a3ab61016e5a86edf18f63732216e985a50bf2479a662555beb472a54d12292e380423705741bfd2b54cab883aa067f18
+  languageName: node
+  linkType: hard
+
+"loader-utils@npm:^3.2.1":
+  version: 3.3.1
+  resolution: "loader-utils@npm:3.3.1"
+  checksum: 10/3f994a948ded4248569773f065b1f6d7c95da059888c8429153e203f9bdadfb1691ca517f9eac6548a8af2fe5c724a8e09cbb79f665db4209426606a57ec7650
+  languageName: node
+  linkType: hard
+
+"localforage@npm:^1.8.1":
+  version: 1.10.0
+  resolution: "localforage@npm:1.10.0"
+  dependencies:
+    lie: "npm:3.1.1"
+  checksum: 10/d5c44be3a09169b013a3ebe252e678aaeb6938ffe72e9e12c199fd4307c1ec9d1a057ac2dfdfbb1379dfeec467a34ad0fc3ecd27489a2c43a154fb72b2822542
+  languageName: node
+  linkType: hard
+
+"locate-path@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "locate-path@npm:3.0.0"
+  dependencies:
+    p-locate: "npm:^3.0.0"
+    path-exists: "npm:^3.0.0"
+  checksum: 10/53db3996672f21f8b0bf2a2c645ae2c13ffdae1eeecfcd399a583bce8516c0b88dcb4222ca6efbbbeb6949df7e46860895be2c02e8d3219abd373ace3bfb4e11
+  languageName: node
+  linkType: hard
+
+"locate-path@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "locate-path@npm:5.0.0"
+  dependencies:
+    p-locate: "npm:^4.1.0"
+  checksum: 10/83e51725e67517287d73e1ded92b28602e3ae5580b301fe54bfb76c0c723e3f285b19252e375712316774cf52006cb236aed5704692c32db0d5d089b69696e30
+  languageName: node
+  linkType: hard
+
+"locate-path@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "locate-path@npm:6.0.0"
+  dependencies:
+    p-locate: "npm:^5.0.0"
+  checksum: 10/72eb661788a0368c099a184c59d2fee760b3831c9c1c33955e8a19ae4a21b4116e53fa736dc086cdeb9fce9f7cc508f2f92d2d3aae516f133e16a2bb59a39f5a
+  languageName: node
+  linkType: hard
+
+"locate-path@npm:^7.1.0":
+  version: 7.2.0
+  resolution: "locate-path@npm:7.2.0"
+  dependencies:
+    p-locate: "npm:^6.0.0"
+  checksum: 10/1c6d269d4efec555937081be964e8a9b4a136319c79ca1d45ac6382212a8466113c75bd89e44521ca8ecd1c47fb08523b56eee5c0712bc7d14fec5f729deeb42
+  languageName: node
+  linkType: hard
+
+"lodash.camelcase@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "lodash.camelcase@npm:4.3.0"
+  checksum: 10/c301cc379310441dc73cd6cebeb91fb254bea74e6ad3027f9346fc43b4174385153df420ffa521654e502fd34c40ef69ca4e7d40ee7129a99e06f306032bfc65
+  languageName: node
+  linkType: hard
+
+"lodash.debounce@npm:4.0.8, lodash.debounce@npm:^4.0.8":
+  version: 4.0.8
+  resolution: "lodash.debounce@npm:4.0.8"
+  checksum: 10/cd0b2819786e6e80cb9f5cda26b1a8fc073daaf04e48d4cb462fa4663ec9adb3a5387aa22d7129e48eed1afa05b482e2a6b79bfc99b86886364449500cbb00fd
+  languageName: node
+  linkType: hard
+
+"lodash.defaults@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "lodash.defaults@npm:4.2.0"
+  checksum: 10/6a2a9ea5ad7585aff8d76836c9e1db4528e5f5fa50fc4ad81183152ba8717d83aef8aec4fa88bf3417ed946fd4b4358f145ee08fbc77fb82736788714d3e12db
+  languageName: node
+  linkType: hard
+
+"lodash.isequal@npm:4.5.0":
+  version: 4.5.0
+  resolution: "lodash.isequal@npm:4.5.0"
+  checksum: 10/82fc58a83a1555f8df34ca9a2cd300995ff94018ac12cc47c349655f0ae1d4d92ba346db4c19bbfc90510764e0c00ddcc985a358bdcd4b3b965abf8f2a48a214
+  languageName: node
+  linkType: hard
+
+"lodash.memoize@npm:4.x, lodash.memoize@npm:^4.1.2":
+  version: 4.1.2
+  resolution: "lodash.memoize@npm:4.1.2"
+  checksum: 10/192b2168f310c86f303580b53acf81ab029761b9bd9caa9506a019ffea5f3363ea98d7e39e7e11e6b9917066c9d36a09a11f6fe16f812326390d8f3a54a1a6da
+  languageName: node
+  linkType: hard
+
+"lodash.merge@npm:^4.6.2":
+  version: 4.6.2
+  resolution: "lodash.merge@npm:4.6.2"
+  checksum: 10/d0ea2dd0097e6201be083865d50c3fb54fbfbdb247d9cc5950e086c991f448b7ab0cdab0d57eacccb43473d3f2acd21e134db39f22dac2d6c9ba6bf26978e3d6
+  languageName: node
+  linkType: hard
+
+"lodash.once@npm:^4.1.1":
+  version: 4.1.1
+  resolution: "lodash.once@npm:4.1.1"
+  checksum: 10/202f2c8c3d45e401b148a96de228e50ea6951ee5a9315ca5e15733d5a07a6b1a02d9da1e7fdf6950679e17e8ca8f7190ec33cae47beb249b0c50019d753f38f3
+  languageName: node
+  linkType: hard
+
+"lodash.partition@npm:^4.6.0":
+  version: 4.6.0
+  resolution: "lodash.partition@npm:4.6.0"
+  checksum: 10/6912bdf8006e1389242d35dc670570c470c93822c6859f5e0c18426be519e9ebba576969443fca256ef5913d12319ffa1a1eb870ac403978089cc1c703d705c2
+  languageName: node
+  linkType: hard
+
+"lodash.sortby@npm:^4.7.0":
+  version: 4.7.0
+  resolution: "lodash.sortby@npm:4.7.0"
+  checksum: 10/38df19ae28608af2c50ac342fc1f414508309d53e1d58ed9adfb2c3cd17c3af290058c0a0478028d932c5404df3d53349d19fa364ef6bed6145a6bc21320399e
+  languageName: node
+  linkType: hard
+
+"lodash.throttle@npm:^4.1.1":
+  version: 4.1.1
+  resolution: "lodash.throttle@npm:4.1.1"
+  checksum: 10/9be9fb2ffd686c20543167883305542f4564062a5f712a40e8c6f2f0d9fd8254a6e9d801c2470b1b24e0cdf2ae83c1277b55aa0fb4799a2db6daf545f53820e1
+  languageName: node
+  linkType: hard
+
+"lodash.truncate@npm:^4.4.2":
+  version: 4.4.2
+  resolution: "lodash.truncate@npm:4.4.2"
+  checksum: 10/7a495616121449e5d2288c606b1025d42ab9979e8c93ba885e5c5802ffd4f1ebad4428c793ccc12f73e73237e85a9f5b67dd6415757546fbd5a4653ba83e25ac
+  languageName: node
+  linkType: hard
+
+"lodash.uniqby@npm:^4.7.0":
+  version: 4.7.0
+  resolution: "lodash.uniqby@npm:4.7.0"
+  checksum: 10/256616bd1bd6be84d8a5eceb61338a0ab8d8b34314ba7bfd5f0de35227d0e2c1e659c61ff4ac31eba6a664085cc7e397bc34c3534fba208102db660a4f98f211
+  languageName: node
+  linkType: hard
+
+"lodash@npm:4.17.21, lodash@npm:^4.17.15, lodash@npm:^4.17.19, lodash@npm:^4.17.20, lodash@npm:^4.17.21, lodash@npm:^4.7.0":
+  version: 4.17.21
+  resolution: "lodash@npm:4.17.21"
+  checksum: 10/c08619c038846ea6ac754abd6dd29d2568aa705feb69339e836dfa8d8b09abbb2f859371e86863eda41848221f9af43714491467b5b0299122431e202bb0c532
+  languageName: node
+  linkType: hard
+
+"log-symbols@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "log-symbols@npm:2.2.0"
+  dependencies:
+    chalk: "npm:^2.0.1"
+  checksum: 10/4c95e3b65f0352dbe91dc4989c10baf7a44e2ef5b0db7e6721e1476268e2b6f7090c3aa880d4f833a05c5c3ff18f4ec5215a09bd0099986d64a8186cfeb48ac8
+  languageName: node
+  linkType: hard
+
+"log-symbols@npm:^4.0.0":
+  version: 4.1.0
+  resolution: "log-symbols@npm:4.1.0"
+  dependencies:
+    chalk: "npm:^4.1.0"
+    is-unicode-supported: "npm:^0.1.0"
+  checksum: 10/fce1497b3135a0198803f9f07464165e9eb83ed02ceb2273930a6f8a508951178d8cf4f0378e9d28300a2ed2bc49050995d2bd5f53ab716bb15ac84d58c6ef74
+  languageName: node
+  linkType: hard
+
+"log-update@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "log-update@npm:4.0.0"
+  dependencies:
+    ansi-escapes: "npm:^4.3.0"
+    cli-cursor: "npm:^3.1.0"
+    slice-ansi: "npm:^4.0.0"
+    wrap-ansi: "npm:^6.2.0"
+  checksum: 10/ae2f85bbabc1906034154fb7d4c4477c79b3e703d22d78adee8b3862fa913942772e7fa11713e3d96fb46de4e3cabefbf5d0a544344f03b58d3c4bff52aa9eb2
+  languageName: node
+  linkType: hard
+
+"log-update@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "log-update@npm:6.1.0"
+  dependencies:
+    ansi-escapes: "npm:^7.0.0"
+    cli-cursor: "npm:^5.0.0"
+    slice-ansi: "npm:^7.1.0"
+    strip-ansi: "npm:^7.1.0"
+    wrap-ansi: "npm:^9.0.0"
+  checksum: 10/5abb4131e33b1e7f8416bb194fe17a3603d83e4657c5bf5bb81ce4187f3b00ea481643b85c3d5cefe6037a452cdcf7f1391ab8ea0d9c23e75d19589830ec4f11
+  languageName: node
+  linkType: hard
+
+"long@npm:5.2.5":
+  version: 5.2.5
+  resolution: "long@npm:5.2.5"
+  checksum: 10/972589d04a564ef4c066069d5ed06db14cd63de2a08d4f6c989512fa414bc2239479564e3a85de3efd42eb533ce142cdcaa28f12f4ecd051670015d36cbbb10b
+  languageName: node
+  linkType: hard
+
+"long@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "long@npm:4.0.0"
+  checksum: 10/8296e2ba7bab30f9cfabb81ebccff89c819af6a7a78b4bb5a70ea411aa764ee0532f7441381549dfa6a1a98d72abe9138bfcf99f4fa41238629849bc035b845b
+  languageName: node
+  linkType: hard
+
+"long@npm:^5.0.0":
+  version: 5.2.3
+  resolution: "long@npm:5.2.3"
+  checksum: 10/9167ec6947a825b827c30da169a7384eec6c0c9ec2f0b9c74da2e93d81159bbe39fb09c3f13dae9721d4b807ccfa09797a7dd1012f5d478e3e33ca3c78b608e6
+  languageName: node
+  linkType: hard
+
+"longest-streak@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "longest-streak@npm:3.1.0"
+  checksum: 10/d7f952ed004cbdb5c8bcfc4f7f5c3d65449e6c5a9e9be4505a656e3df5a57ee125f284286b4bf8ecea0c21a7b3bf2b8f9001ad506c319b9815ad6a63a47d0fd0
+  languageName: node
+  linkType: hard
+
+"loose-envify@npm:^1.0.0, loose-envify@npm:^1.1.0, loose-envify@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "loose-envify@npm:1.4.0"
+  dependencies:
+    js-tokens: "npm:^3.0.0 || ^4.0.0"
+  bin:
+    loose-envify: cli.js
+  checksum: 10/6517e24e0cad87ec9888f500c5b5947032cdfe6ef65e1c1936a0c48a524b81e65542c9c3edc91c97d5bddc806ee2a985dbc79be89215d613b1de5db6d1cfe6f4
+  languageName: node
+  linkType: hard
+
+"loupe@npm:^3.1.0, loupe@npm:^3.1.1, loupe@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "loupe@npm:3.1.2"
+  checksum: 10/8f5734e53fb64cd914aa7d986e01b6d4c2e3c6c56dcbd5428d71c2703f0ab46b5ab9f9eeaaf2b485e8a1c43f865bdd16ec08ae1a661c8f55acdbd9f4d59c607a
+  languageName: node
+  linkType: hard
+
+"lower-case@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "lower-case@npm:2.0.2"
+  dependencies:
+    tslib: "npm:^2.0.3"
+  checksum: 10/83a0a5f159ad7614bee8bf976b96275f3954335a84fad2696927f609ddae902802c4f3312d86668722e668bef41400254807e1d3a7f2e8c3eede79691aa1f010
+  languageName: node
+  linkType: hard
+
+"lru-cache@npm:^10.0.1, lru-cache@npm:^10.2.0, lru-cache@npm:^10.4.3":
+  version: 10.4.3
+  resolution: "lru-cache@npm:10.4.3"
+  checksum: 10/e6e90267360476720fa8e83cc168aa2bf0311f3f2eea20a6ba78b90a885ae72071d9db132f40fda4129c803e7dcec3a6b6a6fbb44ca90b081630b810b5d6a41a
+  languageName: node
+  linkType: hard
+
+"lru-cache@npm:^11.0.0":
+  version: 11.0.2
+  resolution: "lru-cache@npm:11.0.2"
+  checksum: 10/25fcb66e9d91eaf17227c6abfe526a7bed5903de74f93bfde380eb8a13410c5e8d3f14fe447293f3f322a7493adf6f9f015c6f1df7a235ff24ec30f366e1c058
+  languageName: node
+  linkType: hard
+
+"lru-cache@npm:^5.1.1":
+  version: 5.1.1
+  resolution: "lru-cache@npm:5.1.1"
+  dependencies:
+    yallist: "npm:^3.0.2"
+  checksum: 10/951d2673dcc64a7fb888bf3d13bc2fdf923faca97d89cdb405ba3dfff77e2b26e5798d405e78fcd7094c9e7b8b4dab2ddc5a4f8a11928af24a207b7c738ca3f8
+  languageName: node
+  linkType: hard
+
+"lru-cache@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "lru-cache@npm:6.0.0"
+  dependencies:
+    yallist: "npm:^4.0.0"
+  checksum: 10/fc1fe2ee205f7c8855fa0f34c1ab0bcf14b6229e35579ec1fd1079f31d6fc8ef8eb6fd17f2f4d99788d7e339f50e047555551ebd5e434dda503696e7c6591825
+  languageName: node
+  linkType: hard
+
+"lru-queue@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "lru-queue@npm:0.1.0"
+  dependencies:
+    es5-ext: "npm:~0.10.2"
+  checksum: 10/55b08ee3a7dbefb7d8ee2d14e0a97c69a887f78bddd9e28a687a1944b57e09513d4b401db515279e8829d52331df12a767f3ed27ca67c3322c723cc25c06403f
+  languageName: node
+  linkType: hard
+
+"lz-string@npm:^1.5.0":
+  version: 1.5.0
+  resolution: "lz-string@npm:1.5.0"
+  bin:
+    lz-string: bin/bin.js
+  checksum: 10/e86f0280e99a8d8cd4eef24d8601ddae15ce54e43ac9990dfcb79e1e081c255ad24424a30d78d2ad8e51a8ce82a66a930047fed4b4aa38c6f0b392ff9300edfc
+  languageName: node
+  linkType: hard
+
+"magic-string@npm:^0.25.0, magic-string@npm:^0.25.7":
+  version: 0.25.9
+  resolution: "magic-string@npm:0.25.9"
+  dependencies:
+    sourcemap-codec: "npm:^1.4.8"
+  checksum: 10/87a14b944bd169821cbd54b169a7ab6b0348fd44b5497266dc555dd70280744e9e88047da9dcb95675bdc23b1ce33f13398b0f70b3be7b858225ccb1d185ff51
+  languageName: node
+  linkType: hard
+
+"magic-string@npm:^0.30.5":
+  version: 0.30.17
+  resolution: "magic-string@npm:0.30.17"
+  dependencies:
+    "@jridgewell/sourcemap-codec": "npm:^1.5.0"
+  checksum: 10/2f71af2b0afd78c2e9012a29b066d2c8ba45a9cd0c8070f7fd72de982fb1c403b4e3afdb1dae00691d56885ede66b772ef6bedf765e02e3a7066208fe2fec4aa
+  languageName: node
+  linkType: hard
+
+"make-dir@npm:^2.0.0, make-dir@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "make-dir@npm:2.1.0"
+  dependencies:
+    pify: "npm:^4.0.1"
+    semver: "npm:^5.6.0"
+  checksum: 10/043548886bfaf1820323c6a2997e6d2fa51ccc2586ac14e6f14634f7458b4db2daf15f8c310e2a0abd3e0cddc64df1890d8fc7263033602c47bb12cbfcf86aab
+  languageName: node
+  linkType: hard
+
+"make-dir@npm:^3.0.2":
+  version: 3.1.0
+  resolution: "make-dir@npm:3.1.0"
+  dependencies:
+    semver: "npm:^6.0.0"
+  checksum: 10/484200020ab5a1fdf12f393fe5f385fc8e4378824c940fba1729dcd198ae4ff24867bc7a5646331e50cead8abff5d9270c456314386e629acec6dff4b8016b78
+  languageName: node
+  linkType: hard
+
+"make-dir@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "make-dir@npm:4.0.0"
+  dependencies:
+    semver: "npm:^7.5.3"
+  checksum: 10/bf0731a2dd3aab4db6f3de1585cea0b746bb73eb5a02e3d8d72757e376e64e6ada190b1eddcde5b2f24a81b688a9897efd5018737d05e02e2a671dda9cff8a8a
+  languageName: node
+  linkType: hard
+
+"make-error@npm:1.x, make-error@npm:^1.1.1, make-error@npm:^1.3.6":
+  version: 1.3.6
+  resolution: "make-error@npm:1.3.6"
+  checksum: 10/b86e5e0e25f7f777b77fabd8e2cbf15737972869d852a22b7e73c17623928fccb826d8e46b9951501d3f20e51ad74ba8c59ed584f610526a48f8ccf88aaec402
+  languageName: node
+  linkType: hard
+
+"make-fetch-happen@npm:^14.0.3":
+  version: 14.0.3
+  resolution: "make-fetch-happen@npm:14.0.3"
+  dependencies:
+    "@npmcli/agent": "npm:^3.0.0"
+    cacache: "npm:^19.0.1"
+    http-cache-semantics: "npm:^4.1.1"
+    minipass: "npm:^7.0.2"
+    minipass-fetch: "npm:^4.0.0"
+    minipass-flush: "npm:^1.0.5"
+    minipass-pipeline: "npm:^1.2.4"
+    negotiator: "npm:^1.0.0"
+    proc-log: "npm:^5.0.0"
+    promise-retry: "npm:^2.0.1"
+    ssri: "npm:^12.0.0"
+  checksum: 10/fce0385840b6d86b735053dfe941edc2dd6468fda80fe74da1eeff10cbd82a75760f406194f2bc2fa85b99545b2bc1f84c08ddf994b21830775ba2d1a87e8bdf
+  languageName: node
+  linkType: hard
+
+"makeerror@npm:1.0.12":
+  version: 1.0.12
+  resolution: "makeerror@npm:1.0.12"
+  dependencies:
+    tmpl: "npm:1.0.5"
+  checksum: 10/4c66ddfc654537333da952c084f507fa4c30c707b1635344eb35be894d797ba44c901a9cebe914aa29a7f61357543ba09b09dddbd7f65b4aee756b450f169f40
+  languageName: node
+  linkType: hard
+
+"map-obj@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "map-obj@npm:1.0.1"
+  checksum: 10/f8e6fc7f6137329c376c4524f6d25b3c243c17019bc8f621d15a2dcb855919e482a9298a78ae58b00dbd0e76b640bf6533aa343a9e993cfc16e0346a2507e7f8
+  languageName: node
+  linkType: hard
+
+"map-obj@npm:^4.0.0":
+  version: 4.3.0
+  resolution: "map-obj@npm:4.3.0"
+  checksum: 10/fbc554934d1a27a1910e842bc87b177b1a556609dd803747c85ece420692380827c6ae94a95cce4407c054fa0964be3bf8226f7f2cb2e9eeee432c7c1985684e
+  languageName: node
+  linkType: hard
+
+"map-or-similar@npm:^1.5.0":
+  version: 1.5.0
+  resolution: "map-or-similar@npm:1.5.0"
+  checksum: 10/3cf43bcd0e7af41d7bade5f8b5be6bb9d021cc47e6008ad545d071cf3a709ba782884002f9eec6ccd51f572fc17841e07bf74628e0bc3694c33f4622b03e4b4c
+  languageName: node
+  linkType: hard
+
+"markdown-extensions@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "markdown-extensions@npm:2.0.0"
+  checksum: 10/ec4ffcb0768f112e778e7ac74cb8ef22a966c168c3e6c29829f007f015b0a0b5c79c73ee8599a0c72e440e7f5cfdbf19e80e2d77b9a313b8f66e180a330cf1b2
+  languageName: node
+  linkType: hard
+
+"markdown-table@npm:^3.0.0":
+  version: 3.0.4
+  resolution: "markdown-table@npm:3.0.4"
+  checksum: 10/bc699819e6a15607e5def0f21aa862aa061cf1f49877baa93b0185574f6ab143591afe0e18b94d9b15ea80c6a693894150dbccfacf4f6767160dc32ae393dfe0
+  languageName: node
+  linkType: hard
+
+"marky@npm:^1.2.2":
+  version: 1.2.5
+  resolution: "marky@npm:1.2.5"
+  checksum: 10/ae775cea935859a26560c807be226737e97a533913232f7d4648ab6237fc43e3175fa34664901b5aaed2027f355baa254ded1f6d828394e4abbd222a53b66bcf
+  languageName: node
+  linkType: hard
+
+"math-intrinsics@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "math-intrinsics@npm:1.0.0"
+  checksum: 10/556c49f608c995eb639b65b4709ae4bdde953c5460ff7134458488fc41a9c7bf1dca1e3e75d7a1dd112b70369c4d5ade7ce8e919b8faadcf9880353f9a4fa14a
+  languageName: node
+  linkType: hard
+
+"math-intrinsics@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "math-intrinsics@npm:1.1.0"
+  checksum: 10/11df2eda46d092a6035479632e1ec865b8134bdfc4bd9e571a656f4191525404f13a283a515938c3a8de934dbfd9c09674d9da9fa831e6eb7e22b50b197d2edd
+  languageName: node
+  linkType: hard
+
+"md5.js@npm:^1.3.4":
+  version: 1.3.5
+  resolution: "md5.js@npm:1.3.5"
+  dependencies:
+    hash-base: "npm:^3.0.0"
+    inherits: "npm:^2.0.1"
+    safe-buffer: "npm:^5.1.2"
+  checksum: 10/098494d885684bcc4f92294b18ba61b7bd353c23147fbc4688c75b45cb8590f5a95fd4584d742415dcc52487f7a1ef6ea611cfa1543b0dc4492fe026357f3f0c
+  languageName: node
+  linkType: hard
+
+"mdast-util-find-and-replace@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "mdast-util-find-and-replace@npm:3.0.1"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    escape-string-regexp: "npm:^5.0.0"
+    unist-util-is: "npm:^6.0.0"
+    unist-util-visit-parents: "npm:^6.0.0"
+  checksum: 10/2a9bbf5508ffd6dc63d9b0067398503a017e909ff60ac8234c518fcdacf9df13a48ea26bd382402bfce398b824ec41b3911b2004785e98f9a2c80ee6b34bb9bd
+  languageName: node
+  linkType: hard
+
+"mdast-util-from-markdown@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "mdast-util-from-markdown@npm:2.0.2"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    "@types/unist": "npm:^3.0.0"
+    decode-named-character-reference: "npm:^1.0.0"
+    devlop: "npm:^1.0.0"
+    mdast-util-to-string: "npm:^4.0.0"
+    micromark: "npm:^4.0.0"
+    micromark-util-decode-numeric-character-reference: "npm:^2.0.0"
+    micromark-util-decode-string: "npm:^2.0.0"
+    micromark-util-normalize-identifier: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+    unist-util-stringify-position: "npm:^4.0.0"
+  checksum: 10/69b207913fbcc0469f8c59d922af4d5509b79e809d77c9bd4781543a907fe2ecc8e6433ce0707066a27b117b13f38af3aae4f2d085e18ebd2d3ad5f1a5647902
+  languageName: node
+  linkType: hard
+
+"mdast-util-frontmatter@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "mdast-util-frontmatter@npm:2.0.1"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    devlop: "npm:^1.0.0"
+    escape-string-regexp: "npm:^5.0.0"
+    mdast-util-from-markdown: "npm:^2.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+    micromark-extension-frontmatter: "npm:^2.0.0"
+  checksum: 10/afd9486af6ea74a94d84a225c367ab810ad4439683ecafc1ce9fc7bb0ecacaafac82e0af529974489c145824b242509f9387f833fc01a14a83a978049772ef80
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm-autolink-literal@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "mdast-util-gfm-autolink-literal@npm:2.0.1"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    ccount: "npm:^2.0.0"
+    devlop: "npm:^1.0.0"
+    mdast-util-find-and-replace: "npm:^3.0.0"
+    micromark-util-character: "npm:^2.0.0"
+  checksum: 10/d933b42feb126bd094d4be4a4955326c4a9e727a5d0dbe3c824534a19d831996fcf16f67df3dd29550a7d2ac4ac568c80485bee380151ebb42c62848ab20dfa6
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm-footnote@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "mdast-util-gfm-footnote@npm:2.0.0"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    devlop: "npm:^1.1.0"
+    mdast-util-from-markdown: "npm:^2.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+    micromark-util-normalize-identifier: "npm:^2.0.0"
+  checksum: 10/9a820ce66575f1dc5bcc1e3269f27777a96f462f84651e72a74319d313f8fe4043fe329169bcc80ec2f210dabb84c832c77fa386ab9b4d23c31379d9bf0f8ff6
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm-strikethrough@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "mdast-util-gfm-strikethrough@npm:2.0.0"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    mdast-util-from-markdown: "npm:^2.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+  checksum: 10/b1abc137d78270540585ad94a7a4ed1630683312690b902389dae0ede50a6832e26d1be053687f49728e14fa8a379da9384342725d3beb4480fc30b12866ab37
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm-table@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "mdast-util-gfm-table@npm:2.0.0"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    devlop: "npm:^1.0.0"
+    markdown-table: "npm:^3.0.0"
+    mdast-util-from-markdown: "npm:^2.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+  checksum: 10/a043d60d723a86f79c49cbdd1d98b80c89f4a8f9f5fa84b3880c53e132f40150972460aba9be1f44a612ef5abd6810d122c5e7e5d9c54f3ac7560cce8c305c75
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm-task-list-item@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "mdast-util-gfm-task-list-item@npm:2.0.0"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    devlop: "npm:^1.0.0"
+    mdast-util-from-markdown: "npm:^2.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+  checksum: 10/679a3ff09b52015c0088cd0616ccecc7cc9d250d56a8762aafdffc640f3f607bbd9fe047d3e7e7078e6a996e83f677be3bfcad7ac7260563825fa80a04f8e09d
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "mdast-util-gfm@npm:3.0.0"
+  dependencies:
+    mdast-util-from-markdown: "npm:^2.0.0"
+    mdast-util-gfm-autolink-literal: "npm:^2.0.0"
+    mdast-util-gfm-footnote: "npm:^2.0.0"
+    mdast-util-gfm-strikethrough: "npm:^2.0.0"
+    mdast-util-gfm-table: "npm:^2.0.0"
+    mdast-util-gfm-task-list-item: "npm:^2.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+  checksum: 10/3e0c8e9982d3df6e9235d862cb4a2a02cf54d11e9e65f9d139d217e9b7973bb49ef4b8ee49ec05d29bdd9fe3e5f7efe1c3ebdf40a950e9f553dfc25235ebbcc2
+  languageName: node
+  linkType: hard
+
+"mdast-util-mdx-expression@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "mdast-util-mdx-expression@npm:2.0.1"
+  dependencies:
+    "@types/estree-jsx": "npm:^1.0.0"
+    "@types/hast": "npm:^3.0.0"
+    "@types/mdast": "npm:^4.0.0"
+    devlop: "npm:^1.0.0"
+    mdast-util-from-markdown: "npm:^2.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+  checksum: 10/70e860f8ee22c4f478449942750055d649d4380bf43b235d0710af510189d285fb057e401d20b59596d9789f4e270fce08ca892dc849676f9e3383b991d52485
+  languageName: node
+  linkType: hard
+
+"mdast-util-mdx-jsx@npm:^3.0.0":
+  version: 3.1.3
+  resolution: "mdast-util-mdx-jsx@npm:3.1.3"
+  dependencies:
+    "@types/estree-jsx": "npm:^1.0.0"
+    "@types/hast": "npm:^3.0.0"
+    "@types/mdast": "npm:^4.0.0"
+    "@types/unist": "npm:^3.0.0"
+    ccount: "npm:^2.0.0"
+    devlop: "npm:^1.1.0"
+    mdast-util-from-markdown: "npm:^2.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+    parse-entities: "npm:^4.0.0"
+    stringify-entities: "npm:^4.0.0"
+    unist-util-stringify-position: "npm:^4.0.0"
+    vfile-message: "npm:^4.0.0"
+  checksum: 10/6c14f271f1380fd512038247f45887b7aa71bbf4acd8881651a317b61706b114f2582f62f7777d0eacd42c4a7b979802825c2a2fd8bb7c46a1ab931ccb1ddf3e
+  languageName: node
+  linkType: hard
+
+"mdast-util-mdx@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "mdast-util-mdx@npm:3.0.0"
+  dependencies:
+    mdast-util-from-markdown: "npm:^2.0.0"
+    mdast-util-mdx-expression: "npm:^2.0.0"
+    mdast-util-mdx-jsx: "npm:^3.0.0"
+    mdast-util-mdxjs-esm: "npm:^2.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+  checksum: 10/547d928f0d1e60d9087cd8ad301cdf2e1d14b094d2662a00292874b923bcb59323bdad3a29804c7f323ad78f4d3954361bfdaf4a9be765c4e6fe47a815df50c2
+  languageName: node
+  linkType: hard
+
+"mdast-util-mdxjs-esm@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "mdast-util-mdxjs-esm@npm:2.0.1"
+  dependencies:
+    "@types/estree-jsx": "npm:^1.0.0"
+    "@types/hast": "npm:^3.0.0"
+    "@types/mdast": "npm:^4.0.0"
+    devlop: "npm:^1.0.0"
+    mdast-util-from-markdown: "npm:^2.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+  checksum: 10/05474226e163a3f407fccb5780b0d8585a95e548e5da4a85227df43f281b940c7941a9a9d4af1be4f885fe554731647addb057a728e87aa1f503ff9cc72c9163
+  languageName: node
+  linkType: hard
+
+"mdast-util-phrasing@npm:^4.0.0":
+  version: 4.1.0
+  resolution: "mdast-util-phrasing@npm:4.1.0"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    unist-util-is: "npm:^6.0.0"
+  checksum: 10/3a97533e8ad104a422f8bebb34b3dde4f17167b8ed3a721cf9263c7416bd3447d2364e6d012a594aada40cac9e949db28a060bb71a982231693609034ed5324e
+  languageName: node
+  linkType: hard
+
+"mdast-util-to-hast@npm:^13.0.0":
+  version: 13.2.0
+  resolution: "mdast-util-to-hast@npm:13.2.0"
+  dependencies:
+    "@types/hast": "npm:^3.0.0"
+    "@types/mdast": "npm:^4.0.0"
+    "@ungap/structured-clone": "npm:^1.0.0"
+    devlop: "npm:^1.0.0"
+    micromark-util-sanitize-uri: "npm:^2.0.0"
+    trim-lines: "npm:^3.0.0"
+    unist-util-position: "npm:^5.0.0"
+    unist-util-visit: "npm:^5.0.0"
+    vfile: "npm:^6.0.0"
+  checksum: 10/b17ee338f843af31a1c7a2ebf0df6f0b41c9380b7119a63ab521d271df665456578e1234bb7617883e8d860fe878038dcf2b76ab2f21e0f7451215a096d26cce
+  languageName: node
+  linkType: hard
+
+"mdast-util-to-markdown@npm:^2.0.0":
+  version: 2.1.2
+  resolution: "mdast-util-to-markdown@npm:2.1.2"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    "@types/unist": "npm:^3.0.0"
+    longest-streak: "npm:^3.0.0"
+    mdast-util-phrasing: "npm:^4.0.0"
+    mdast-util-to-string: "npm:^4.0.0"
+    micromark-util-classify-character: "npm:^2.0.0"
+    micromark-util-decode-string: "npm:^2.0.0"
+    unist-util-visit: "npm:^5.0.0"
+    zwitch: "npm:^2.0.0"
+  checksum: 10/ab494a32f1ec90f0a502970b403b1847a10f3ba635adddb66ce70994cc47b4924c6c05078ddd29a8c2c5c9bc8c0bcc20e5fc1ef0fcb9b0cb9c0589a000817f1c
+  languageName: node
+  linkType: hard
+
+"mdast-util-to-string@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "mdast-util-to-string@npm:4.0.0"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+  checksum: 10/f4a5dbb9ea03521d7d3e26a9ba5652a1d6fbd55706dddd2155427517085688830e0ecd3f12418cfd40892640886eb39a4034c3c967d85e01e2fa64cfb53cff05
+  languageName: node
+  linkType: hard
+
+"mdn-data@npm:2.0.14":
+  version: 2.0.14
+  resolution: "mdn-data@npm:2.0.14"
+  checksum: 10/64c629fcf14807e30d6dc79f97cbcafa16db066f53a294299f3932b3beb0eb0d1386d3a7fe408fc67348c449a4e0999360c894ba4c81eb209d7be4e36503de0e
+  languageName: node
+  linkType: hard
+
+"mdn-data@npm:2.0.28":
+  version: 2.0.28
+  resolution: "mdn-data@npm:2.0.28"
+  checksum: 10/aec475e0c078af00498ce2f9434d96a1fdebba9814d14b8f72cd6d5475293f4b3972d0538af2d5c5053d35e1b964af08b7d162b98e9846e9343990b75e4baef1
+  languageName: node
+  linkType: hard
+
+"mdn-data@npm:2.0.30":
+  version: 2.0.30
+  resolution: "mdn-data@npm:2.0.30"
+  checksum: 10/e4944322bf3e0461a2daa2aee7e14e208960a036289531e4ef009e53d32bd41528350c070c4a33be867980443fe4c0523518d99318423cffa7c825fe7b1154e2
+  languageName: node
+  linkType: hard
+
+"memfs@npm:^3.4.1, memfs@npm:^3.4.12":
+  version: 3.5.3
+  resolution: "memfs@npm:3.5.3"
+  dependencies:
+    fs-monkey: "npm:^1.0.4"
+  checksum: 10/7c9cdb453a6b06e87f11e2dbe6c518fd3c1c1581b370ffa24f42f3fd5b1db8c2203f596e43321a0032963f3e9b66400f2c3cf043904ac496d6ae33eafd0878fe
+  languageName: node
+  linkType: hard
+
+"memoize-one@npm:^5.0.0":
+  version: 5.2.1
+  resolution: "memoize-one@npm:5.2.1"
+  checksum: 10/b7141dc148b5c6fdd51e77ecf0421fd2581681eb8756e0b3dfbd4fe765b5e2b5a6bc90214bb6f19a96b6aed44de17eda3407142a7be9e24ccd0774bbd9874d1b
+  languageName: node
+  linkType: hard
+
+"memoize-one@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "memoize-one@npm:6.0.0"
+  checksum: 10/28feaf7e9a870efef1187df110b876ce42deaf86c955f4111d72d23b96e44eed573469316e6ad0d2cc7fa3b1526978215617b126158015f957242c7493babca9
+  languageName: node
+  linkType: hard
+
+"memoizee@npm:^0.4.15":
+  version: 0.4.17
+  resolution: "memoizee@npm:0.4.17"
+  dependencies:
+    d: "npm:^1.0.2"
+    es5-ext: "npm:^0.10.64"
+    es6-weak-map: "npm:^2.0.3"
+    event-emitter: "npm:^0.3.5"
+    is-promise: "npm:^2.2.2"
+    lru-queue: "npm:^0.1.0"
+    next-tick: "npm:^1.1.0"
+    timers-ext: "npm:^0.1.7"
+  checksum: 10/b7abda74d1057878f3570c45995f24da8a4f8636e0e9a7c29a6709be2314bf40c7d78e3be93c0b1660ba419de5740fa5e447c400ab5df407ffbd236421066380
+  languageName: node
+  linkType: hard
+
+"memoizerific@npm:^1.11.3":
+  version: 1.11.3
+  resolution: "memoizerific@npm:1.11.3"
+  dependencies:
+    map-or-similar: "npm:^1.5.0"
+  checksum: 10/72b6b80699777d000f03db6e15fdabcd4afe77feb45be51fe195cb230c64a368fcfcfbb976375eac3283bd8193d6b1a67ac3081cae07f64fca73f1aa568d59e3
+  languageName: node
+  linkType: hard
+
+"meow@npm:^9.0.0":
+  version: 9.0.0
+  resolution: "meow@npm:9.0.0"
+  dependencies:
+    "@types/minimist": "npm:^1.2.0"
+    camelcase-keys: "npm:^6.2.2"
+    decamelize: "npm:^1.2.0"
+    decamelize-keys: "npm:^1.1.0"
+    hard-rejection: "npm:^2.1.0"
+    minimist-options: "npm:4.1.0"
+    normalize-package-data: "npm:^3.0.0"
+    read-pkg-up: "npm:^7.0.1"
+    redent: "npm:^3.0.0"
+    trim-newlines: "npm:^3.0.0"
+    type-fest: "npm:^0.18.0"
+    yargs-parser: "npm:^20.2.3"
+  checksum: 10/3d0f199b9ccd81856a112f651290676f6816833626df53cee72b8e2c9acbd95beea4fa1f9fa729a553b5a0e74b18954f9fbc74c3ab837b3fc44e57de98f6c18f
+  languageName: node
+  linkType: hard
+
+"merge-options@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "merge-options@npm:3.0.4"
+  dependencies:
+    is-plain-obj: "npm:^2.1.0"
+  checksum: 10/d86ddb3dd6e85d558dbf25dc944f3527b6bacb944db3fdda6e84a3f59c4e4b85231095f58b835758b9a57708342dee0f8de0dffa352974a48221487fe9f4584f
+  languageName: node
+  linkType: hard
+
+"merge-stream@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "merge-stream@npm:2.0.0"
+  checksum: 10/6fa4dcc8d86629705cea944a4b88ef4cb0e07656ebf223fa287443256414283dd25d91c1cd84c77987f2aec5927af1a9db6085757cb43d90eb170ebf4b47f4f4
+  languageName: node
+  linkType: hard
+
+"merge2@npm:^1.3.0, merge2@npm:^1.4.1":
+  version: 1.4.1
+  resolution: "merge2@npm:1.4.1"
+  checksum: 10/7268db63ed5169466540b6fb947aec313200bcf6d40c5ab722c22e242f651994619bcd85601602972d3c85bd2cc45a358a4c61937e9f11a061919a1da569b0c2
+  languageName: node
+  linkType: hard
+
+"metro-babel-transformer@npm:0.82.1":
+  version: 0.82.1
+  resolution: "metro-babel-transformer@npm:0.82.1"
+  dependencies:
+    "@babel/core": "npm:^7.25.2"
+    flow-enums-runtime: "npm:^0.0.6"
+    hermes-parser: "npm:0.25.1"
+    nullthrows: "npm:^1.1.1"
+  checksum: 10/b456e2ddb09811d7e6cf8f8f32f690b19c2ef65c49a3c31535b18c07e4aa4cd2b399e4f42f7f98ca60dbee0f4b02a1055e6bad1f54cf6c6158185015561e912b
+  languageName: node
+  linkType: hard
+
+"metro-cache-key@npm:0.82.1":
+  version: 0.82.1
+  resolution: "metro-cache-key@npm:0.82.1"
+  dependencies:
+    flow-enums-runtime: "npm:^0.0.6"
+  checksum: 10/35b22c1ecd89a47c50e238d75b3d3ae78e6382299713f83a48823fa019214166a843ff7b212d51e1eed16768d081c0bead27f06201acc19e84aec8c7238dc3b7
+  languageName: node
+  linkType: hard
+
+"metro-cache@npm:0.82.1":
+  version: 0.82.1
+  resolution: "metro-cache@npm:0.82.1"
+  dependencies:
+    exponential-backoff: "npm:^3.1.1"
+    flow-enums-runtime: "npm:^0.0.6"
+    metro-core: "npm:0.82.1"
+  checksum: 10/6766062e7b96bdd3d6792e2c9c494df7af784ca14061089420a5d09f762df81395815218ccb4bc5e87e4e9b95ca4b7d8aae7b829c6ca8989b3c3f4acf08d0a52
+  languageName: node
+  linkType: hard
+
+"metro-config@npm:0.82.1, metro-config@npm:^0.82.0":
+  version: 0.82.1
+  resolution: "metro-config@npm:0.82.1"
+  dependencies:
+    connect: "npm:^3.6.5"
+    cosmiconfig: "npm:^5.0.5"
+    flow-enums-runtime: "npm:^0.0.6"
+    jest-validate: "npm:^29.7.0"
+    metro: "npm:0.82.1"
+    metro-cache: "npm:0.82.1"
+    metro-core: "npm:0.82.1"
+    metro-runtime: "npm:0.82.1"
+  checksum: 10/09f0575069e21985ecc4377bcff8615c070009fcfa573ac27146fa1f24fce0db3c09f4212e4f3cb4a4cc266b44d70a5570ef87f686bf7d5bd98ed1ec2d1d93de
+  languageName: node
+  linkType: hard
+
+"metro-core@npm:0.82.1, metro-core@npm:^0.82.0":
+  version: 0.82.1
+  resolution: "metro-core@npm:0.82.1"
+  dependencies:
+    flow-enums-runtime: "npm:^0.0.6"
+    lodash.throttle: "npm:^4.1.1"
+    metro-resolver: "npm:0.82.1"
+  checksum: 10/43f6e017317cc8c7aae51248bb98e65b1118528caddf6473fb7de488ba1cdb4ca6a583c54811bbd848243bfa7db9ad423f63f414a44e4da88c189c43ca5289ca
+  languageName: node
+  linkType: hard
+
+"metro-file-map@npm:0.82.1":
+  version: 0.82.1
+  resolution: "metro-file-map@npm:0.82.1"
+  dependencies:
+    debug: "npm:^4.4.0"
+    fb-watchman: "npm:^2.0.0"
+    flow-enums-runtime: "npm:^0.0.6"
+    graceful-fs: "npm:^4.2.4"
+    invariant: "npm:^2.2.4"
+    jest-worker: "npm:^29.7.0"
+    micromatch: "npm:^4.0.4"
+    nullthrows: "npm:^1.1.1"
+    walker: "npm:^1.0.7"
+  checksum: 10/9d461d12cdf52f9e056f3ef563dfbe8e39aef12c17e4d990f3d702d3d8f98c6c8e9dd38687e05cc54f852306b7bb84885a49bf527ecddade81efd33f7d9bc33b
+  languageName: node
+  linkType: hard
+
+"metro-minify-terser@npm:0.82.1":
+  version: 0.82.1
+  resolution: "metro-minify-terser@npm:0.82.1"
+  dependencies:
+    flow-enums-runtime: "npm:^0.0.6"
+    terser: "npm:^5.15.0"
+  checksum: 10/3c1d52cfc98257ae6898f2e9db67eae8ddabba89aff30b815bb2adcea9f4f02c78669c1df7878389d6fc5fc7f8138bcb543d06f68f5e1f1741cc32c504eded20
+  languageName: node
+  linkType: hard
+
+"metro-resolver@npm:0.82.1":
+  version: 0.82.1
+  resolution: "metro-resolver@npm:0.82.1"
+  dependencies:
+    flow-enums-runtime: "npm:^0.0.6"
+  checksum: 10/efb380b270be895e05bb45312d71f2f54fc37bad0724fbddc354c682e3eb6a3f1e0e02ad5c7ea9a7990bb352086ba8cbf35b3023d73fde8a2db3c391226f2eb2
+  languageName: node
+  linkType: hard
+
+"metro-runtime@npm:0.82.1, metro-runtime@npm:^0.82.0":
+  version: 0.82.1
+  resolution: "metro-runtime@npm:0.82.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.25.0"
+    flow-enums-runtime: "npm:^0.0.6"
+  checksum: 10/3a6ca9b780d031f4b94b35cb1c7bce87c780e1e258f4b6408de60fb49a2510c0b212f4d6828a6866e4abd1ee41543f21a2c71bf0632f7e7adb9afac36b09a765
+  languageName: node
+  linkType: hard
+
+"metro-source-map@npm:0.82.1, metro-source-map@npm:^0.82.0":
+  version: 0.82.1
+  resolution: "metro-source-map@npm:0.82.1"
+  dependencies:
+    "@babel/traverse": "npm:^7.25.3"
+    "@babel/traverse--for-generate-function-map": "npm:@babel/traverse@^7.25.3"
+    "@babel/types": "npm:^7.25.2"
+    flow-enums-runtime: "npm:^0.0.6"
+    invariant: "npm:^2.2.4"
+    metro-symbolicate: "npm:0.82.1"
+    nullthrows: "npm:^1.1.1"
+    ob1: "npm:0.82.1"
+    source-map: "npm:^0.5.6"
+    vlq: "npm:^1.0.0"
+  checksum: 10/1ed5cc0a9a90039f992383d66b17aaa8fc2c18c0571140ad3fa4daa214835254d52fb4fb63dae89fbf3be629591c969aa825e055da256abb4a31ba84c010726f
+  languageName: node
+  linkType: hard
+
+"metro-symbolicate@npm:0.82.1":
+  version: 0.82.1
+  resolution: "metro-symbolicate@npm:0.82.1"
+  dependencies:
+    flow-enums-runtime: "npm:^0.0.6"
+    invariant: "npm:^2.2.4"
+    metro-source-map: "npm:0.82.1"
+    nullthrows: "npm:^1.1.1"
+    source-map: "npm:^0.5.6"
+    vlq: "npm:^1.0.0"
+  bin:
+    metro-symbolicate: src/index.js
+  checksum: 10/58420c12ffad6b4d2c2addf98d965ebe5c2a0abd716d25384ac8a1d10ee5728057537009c73f40e672263b81bb83c5ed292f1076864de1295fdadfe5e4ff1d03
+  languageName: node
+  linkType: hard
+
+"metro-transform-plugins@npm:0.82.1":
+  version: 0.82.1
+  resolution: "metro-transform-plugins@npm:0.82.1"
+  dependencies:
+    "@babel/core": "npm:^7.25.2"
+    "@babel/generator": "npm:^7.25.0"
+    "@babel/template": "npm:^7.25.0"
+    "@babel/traverse": "npm:^7.25.3"
+    flow-enums-runtime: "npm:^0.0.6"
+    nullthrows: "npm:^1.1.1"
+  checksum: 10/f61b7e9629717f9e8455c49f58a25793c26db1ea74770d1c1138be411b00014a656f04c00cf6dc625d95343cb291135083260d5faaa7c5551bb3fd9ec67c4a7a
+  languageName: node
+  linkType: hard
+
+"metro-transform-worker@npm:0.82.1":
+  version: 0.82.1
+  resolution: "metro-transform-worker@npm:0.82.1"
+  dependencies:
+    "@babel/core": "npm:^7.25.2"
+    "@babel/generator": "npm:^7.25.0"
+    "@babel/parser": "npm:^7.25.3"
+    "@babel/types": "npm:^7.25.2"
+    flow-enums-runtime: "npm:^0.0.6"
+    metro: "npm:0.82.1"
+    metro-babel-transformer: "npm:0.82.1"
+    metro-cache: "npm:0.82.1"
+    metro-cache-key: "npm:0.82.1"
+    metro-minify-terser: "npm:0.82.1"
+    metro-source-map: "npm:0.82.1"
+    metro-transform-plugins: "npm:0.82.1"
+    nullthrows: "npm:^1.1.1"
+  checksum: 10/708877e205ed4c06c1a371b5ad4fa29b5eb94e6b80c4fe48440aa1bf8e74a4b91d0bf0e5dbbde32fde21ed55aed34385ba14f47331308ac77da8fdb381419820
+  languageName: node
+  linkType: hard
+
+"metro@npm:0.82.1, metro@npm:^0.82.0":
+  version: 0.82.1
+  resolution: "metro@npm:0.82.1"
+  dependencies:
+    "@babel/code-frame": "npm:^7.24.7"
+    "@babel/core": "npm:^7.25.2"
+    "@babel/generator": "npm:^7.25.0"
+    "@babel/parser": "npm:^7.25.3"
+    "@babel/template": "npm:^7.25.0"
+    "@babel/traverse": "npm:^7.25.3"
+    "@babel/types": "npm:^7.25.2"
+    accepts: "npm:^1.3.7"
+    chalk: "npm:^4.0.0"
+    ci-info: "npm:^2.0.0"
+    connect: "npm:^3.6.5"
+    debug: "npm:^4.4.0"
+    error-stack-parser: "npm:^2.0.6"
+    flow-enums-runtime: "npm:^0.0.6"
+    graceful-fs: "npm:^4.2.4"
+    hermes-parser: "npm:0.25.1"
+    image-size: "npm:^1.0.2"
+    invariant: "npm:^2.2.4"
+    jest-worker: "npm:^29.7.0"
+    jsc-safe-url: "npm:^0.2.2"
+    lodash.throttle: "npm:^4.1.1"
+    metro-babel-transformer: "npm:0.82.1"
+    metro-cache: "npm:0.82.1"
+    metro-cache-key: "npm:0.82.1"
+    metro-config: "npm:0.82.1"
+    metro-core: "npm:0.82.1"
+    metro-file-map: "npm:0.82.1"
+    metro-resolver: "npm:0.82.1"
+    metro-runtime: "npm:0.82.1"
+    metro-source-map: "npm:0.82.1"
+    metro-symbolicate: "npm:0.82.1"
+    metro-transform-plugins: "npm:0.82.1"
+    metro-transform-worker: "npm:0.82.1"
+    mime-types: "npm:^2.1.27"
+    nullthrows: "npm:^1.1.1"
+    serialize-error: "npm:^2.1.0"
+    source-map: "npm:^0.5.6"
+    throat: "npm:^5.0.0"
+    ws: "npm:^7.5.10"
+    yargs: "npm:^17.6.2"
+  bin:
+    metro: src/cli.js
+  checksum: 10/ab9a9ac01fbeed87c20b9bf794cc49080301f60e0004b46334c049b9ba56bcab6105b00207d3b319884ea271ff29fd81d017264cdf4d3f42318793f5ca56f857
+  languageName: node
+  linkType: hard
+
+"micromark-core-commonmark@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "micromark-core-commonmark@npm:2.0.2"
+  dependencies:
+    decode-named-character-reference: "npm:^1.0.0"
+    devlop: "npm:^1.0.0"
+    micromark-factory-destination: "npm:^2.0.0"
+    micromark-factory-label: "npm:^2.0.0"
+    micromark-factory-space: "npm:^2.0.0"
+    micromark-factory-title: "npm:^2.0.0"
+    micromark-factory-whitespace: "npm:^2.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-chunked: "npm:^2.0.0"
+    micromark-util-classify-character: "npm:^2.0.0"
+    micromark-util-html-tag-name: "npm:^2.0.0"
+    micromark-util-normalize-identifier: "npm:^2.0.0"
+    micromark-util-resolve-all: "npm:^2.0.0"
+    micromark-util-subtokenize: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/eafa6b9cd6fd9f51efa7795824af9a765e24a4519855a5b6dfcb0f619a93d90599d39a261f626bfcc1dfa64f22430f7a677a83cb6ce4bd8e4eeabc892610c016
+  languageName: node
+  linkType: hard
+
+"micromark-extension-frontmatter@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-extension-frontmatter@npm:2.0.0"
+  dependencies:
+    fault: "npm:^2.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/55873937494e9bfe1cc8cba3c8710e14e85ad0c9f3bb859d367268fc2204f3fe2eb70f9f83e496de0d3ea79c468fe6df879f9d475c716644c2daa90056cc8374
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-autolink-literal@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "micromark-extension-gfm-autolink-literal@npm:2.1.0"
+  dependencies:
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-sanitize-uri: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/933b9b96ca62cd50732d9e58ae90ba446f4314e0ecbff3127e9aae430d9a295346f88fb33b5532acaf648d659b0db92e0c00c2e9f504c0d7b8bb4553318cac50
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-footnote@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "micromark-extension-gfm-footnote@npm:2.1.0"
+  dependencies:
+    devlop: "npm:^1.0.0"
+    micromark-core-commonmark: "npm:^2.0.0"
+    micromark-factory-space: "npm:^2.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-normalize-identifier: "npm:^2.0.0"
+    micromark-util-sanitize-uri: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/7e019414e31ab53c49c909b7068adbbcb1726433fce82bf735219276fe6e00a42b66288acb5c8831f80e77480fac34880eeeb60b1dc09d5885862b31db4b9ea2
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-strikethrough@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "micromark-extension-gfm-strikethrough@npm:2.1.0"
+  dependencies:
+    devlop: "npm:^1.0.0"
+    micromark-util-chunked: "npm:^2.0.0"
+    micromark-util-classify-character: "npm:^2.0.0"
+    micromark-util-resolve-all: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/eaf2c7b1e3eb2a7d7f405e8abe561be083cc52b8e027225ed286490939f527d18c120df59c8d8e17fdcf284f8d014502bf3db45d8e36e3109457ece8fb1db29b
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-table@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "micromark-extension-gfm-table@npm:2.1.0"
+  dependencies:
+    devlop: "npm:^1.0.0"
+    micromark-factory-space: "npm:^2.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/37385c3b6e4833f9d9a277f98062af40ccf8c70e83726ab0c1ef9d6cb5784dd18489d1df62b241e8289349be11f5ab0ab3337043fe004bc9150f1067f9476c9b
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-tagfilter@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-extension-gfm-tagfilter@npm:2.0.0"
+  dependencies:
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/c5e3f8cdf22e184de3f55968e6b010876a100dff31f509b7d2975f2b981a7fdda6c2d9e452238b9fe54dc51f5d7b069e86de509d421d4efbdfc9194749b3f132
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-task-list-item@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "micromark-extension-gfm-task-list-item@npm:2.1.0"
+  dependencies:
+    devlop: "npm:^1.0.0"
+    micromark-factory-space: "npm:^2.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/c5f72929f0dca77df01442b721356624de6657364e2264ef50fc7226305976f302a49b670836f9494ce70a9b0335d974b5ef8e6457553c4c200bfc06d6951964
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "micromark-extension-gfm@npm:3.0.0"
+  dependencies:
+    micromark-extension-gfm-autolink-literal: "npm:^2.0.0"
+    micromark-extension-gfm-footnote: "npm:^2.0.0"
+    micromark-extension-gfm-strikethrough: "npm:^2.0.0"
+    micromark-extension-gfm-table: "npm:^2.0.0"
+    micromark-extension-gfm-tagfilter: "npm:^2.0.0"
+    micromark-extension-gfm-task-list-item: "npm:^2.0.0"
+    micromark-util-combine-extensions: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/8493d1041756bf21f9421fa6d357056bff6112aeccebc20595604686cdd908a6816765de297206457ae4c00f85fc58672bdbcbbc36820c25d561b1737af89055
+  languageName: node
+  linkType: hard
+
+"micromark-extension-mdx-expression@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "micromark-extension-mdx-expression@npm:3.0.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    devlop: "npm:^1.0.0"
+    micromark-factory-mdx-expression: "npm:^2.0.0"
+    micromark-factory-space: "npm:^2.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-events-to-acorn: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/a5592160319d4617362f6b72a6fc44b5570466afa07419d44bcfdd9398a77a5693d7c5f8da7b3ff4682edf6209d4781835f5d2e3166fdf6bba37db456fd2d091
+  languageName: node
+  linkType: hard
+
+"micromark-extension-mdx-jsx@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "micromark-extension-mdx-jsx@npm:3.0.1"
+  dependencies:
+    "@types/acorn": "npm:^4.0.0"
+    "@types/estree": "npm:^1.0.0"
+    devlop: "npm:^1.0.0"
+    estree-util-is-identifier-name: "npm:^3.0.0"
+    micromark-factory-mdx-expression: "npm:^2.0.0"
+    micromark-factory-space: "npm:^2.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-events-to-acorn: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+    vfile-message: "npm:^4.0.0"
+  checksum: 10/2cc0277d91c3c85d52e88755d17d021b5eab6fa03a578a9965f9d3d2c184dbc1accce63e7f8437a092ceeb602840ef451d4dce6dc9e8c13df0bc76e741080a89
+  languageName: node
+  linkType: hard
+
+"micromark-extension-mdx-md@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-extension-mdx-md@npm:2.0.0"
+  dependencies:
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/8b364a69b23196075258143c8c19fa58d7d5a91f6811ec0f881b75cf024a4869994be29f84f4d281147275c5a104af8b6a7fcd98abd8fde9f5b534a1acb254e8
+  languageName: node
+  linkType: hard
+
+"micromark-extension-mdxjs-esm@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "micromark-extension-mdxjs-esm@npm:3.0.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    devlop: "npm:^1.0.0"
+    micromark-core-commonmark: "npm:^2.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-events-to-acorn: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+    unist-util-position-from-estree: "npm:^2.0.0"
+    vfile-message: "npm:^4.0.0"
+  checksum: 10/f2e0977f9a65284b0c765d1175d55ec5d1928dae3ae90f65cc36f293cda152a97fe2007977aaf5595b1bc02298b34c96e8ce8b647c9c647c75f1ea53e92d14d2
+  languageName: node
+  linkType: hard
+
+"micromark-extension-mdxjs@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "micromark-extension-mdxjs@npm:3.0.0"
+  dependencies:
+    acorn: "npm:^8.0.0"
+    acorn-jsx: "npm:^5.0.0"
+    micromark-extension-mdx-expression: "npm:^3.0.0"
+    micromark-extension-mdx-jsx: "npm:^3.0.0"
+    micromark-extension-mdx-md: "npm:^2.0.0"
+    micromark-extension-mdxjs-esm: "npm:^3.0.0"
+    micromark-util-combine-extensions: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/66e0df7b2db05b9c88796600e354e0753594f06760abfddcac706afcd5754586c9085adb89e15447ce1450e6a5f2fa66a75f6da394e0eceb919e9c364475593e
+  languageName: node
+  linkType: hard
+
+"micromark-factory-destination@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-factory-destination@npm:2.0.1"
+  dependencies:
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/9c4baa9ca2ed43c061bbf40ddd3d85154c2a0f1f485de9dea41d7dd2ad994ebb02034a003b2c1dbe228ba83a0576d591f0e90e0bf978713f84ee7d7f3aa98320
+  languageName: node
+  linkType: hard
+
+"micromark-factory-label@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-factory-label@npm:2.0.1"
+  dependencies:
+    devlop: "npm:^1.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/bd03f5a75f27cdbf03b894ddc5c4480fc0763061fecf9eb927d6429233c930394f223969a99472df142d570c831236134de3dc23245d23d9f046f9d0b623b5c2
+  languageName: node
+  linkType: hard
+
+"micromark-factory-mdx-expression@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "micromark-factory-mdx-expression@npm:2.0.2"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    devlop: "npm:^1.0.0"
+    micromark-factory-space: "npm:^2.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-events-to-acorn: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+    unist-util-position-from-estree: "npm:^2.0.0"
+    vfile-message: "npm:^4.0.0"
+  checksum: 10/d5285fa98018f14a058c7cd4a961aacedd2d3c4f4fddd4c58c16f1e640d1284a8f581f4d00fa3e18c06ed302ce23bca23f6a01edd66064c23c9057e65385a62d
+  languageName: node
+  linkType: hard
+
+"micromark-factory-space@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-factory-space@npm:2.0.1"
+  dependencies:
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/1bd68a017c1a66f4787506660c1e1c5019169aac3b1cb075d49ac5e360e0b2065e984d4e1d6e9e52a9d44000f2fa1c98e66a743d7aae78b4b05616bf3242ed71
+  languageName: node
+  linkType: hard
+
+"micromark-factory-title@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-factory-title@npm:2.0.1"
+  dependencies:
+    micromark-factory-space: "npm:^2.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/b4d2e4850a8ba0dff25ce54e55a3eb0d43dda88a16293f53953153288f9d84bcdfa8ca4606b2cfbb4f132ea79587bbb478a73092a349f893f5264fbcdbce2ee1
+  languageName: node
+  linkType: hard
+
+"micromark-factory-whitespace@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-factory-whitespace@npm:2.0.1"
+  dependencies:
+    micromark-factory-space: "npm:^2.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/67b3944d012a42fee9e10e99178254a04d48af762b54c10a50fcab988688799993efb038daf9f5dbc04001a97b9c1b673fc6f00e6a56997877ab25449f0c8650
+  languageName: node
+  linkType: hard
+
+"micromark-util-character@npm:^2.0.0":
+  version: 2.1.1
+  resolution: "micromark-util-character@npm:2.1.1"
+  dependencies:
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/85da8f8e5f7ed16046575bef5b0964ca3fca3162b87b74ae279f1e48eb7160891313eb64f04606baed81c58b514dbdb64f1a9d110a51baaaa79225d72a7b1852
+  languageName: node
+  linkType: hard
+
+"micromark-util-chunked@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-chunked@npm:2.0.1"
+  dependencies:
+    micromark-util-symbol: "npm:^2.0.0"
+  checksum: 10/f8cb2a67bcefe4bd2846d838c97b777101f0043b9f1de4f69baf3e26bb1f9885948444e3c3aec66db7595cad8173bd4567a000eb933576c233d54631f6323fe4
+  languageName: node
+  linkType: hard
+
+"micromark-util-classify-character@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-classify-character@npm:2.0.1"
+  dependencies:
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/4d8bbe3a6dbf69ac0fc43516866b5bab019fe3f4568edc525d4feaaaf78423fa54e6b6732b5bccbeed924455279a3758ffc9556954aafb903982598a95a02704
+  languageName: node
+  linkType: hard
+
+"micromark-util-combine-extensions@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-combine-extensions@npm:2.0.1"
+  dependencies:
+    micromark-util-chunked: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/5d22fb9ee37e8143adfe128a72b50fa09568c2cc553b3c76160486c96dbbb298c5802a177a10a215144a604b381796071b5d35be1f2c2b2ee17995eda92f0c8e
+  languageName: node
+  linkType: hard
+
+"micromark-util-decode-numeric-character-reference@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "micromark-util-decode-numeric-character-reference@npm:2.0.2"
+  dependencies:
+    micromark-util-symbol: "npm:^2.0.0"
+  checksum: 10/ee11c8bde51e250e302050474c4a2adca094bca05c69f6cdd241af12df285c48c88d19ee6e022b9728281c280be16328904adca994605680c43af56019f4b0b6
+  languageName: node
+  linkType: hard
+
+"micromark-util-decode-string@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-decode-string@npm:2.0.1"
+  dependencies:
+    decode-named-character-reference: "npm:^1.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-decode-numeric-character-reference: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+  checksum: 10/2f517e4c613609445db4b9a17f8c77832f55fb341620a8fd598f083c1227027485d601c2021c2f8f9883210b8671e7b3990f0c6feeecd49a136475465808c380
+  languageName: node
+  linkType: hard
+
+"micromark-util-encode@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-encode@npm:2.0.1"
+  checksum: 10/be890b98e78dd0cdd953a313f4148c4692cc2fb05533e56fef5f421287d3c08feee38ca679f318e740530791fc251bfe8c80efa926fcceb4419b269c9343d226
+  languageName: node
+  linkType: hard
+
+"micromark-util-events-to-acorn@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "micromark-util-events-to-acorn@npm:2.0.2"
+  dependencies:
+    "@types/acorn": "npm:^4.0.0"
+    "@types/estree": "npm:^1.0.0"
+    "@types/unist": "npm:^3.0.0"
+    devlop: "npm:^1.0.0"
+    estree-util-visit: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+    vfile-message: "npm:^4.0.0"
+  checksum: 10/475367e716c4d24f2a57464a7f2c8aa507ae36c05b7767fd652895525f3f0a1179ea3219cabccc0f3038bb5e4f9cce5390d530dc56decaa5f1786bda42739810
+  languageName: node
+  linkType: hard
+
+"micromark-util-html-tag-name@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-html-tag-name@npm:2.0.1"
+  checksum: 10/dea365f5ad28ad74ff29fcb581f7b74fc1f80271c5141b3b2bc91c454cbb6dfca753f28ae03730d657874fcbd89d0494d0e3965dfdca06d9855f467c576afa9d
+  languageName: node
+  linkType: hard
+
+"micromark-util-normalize-identifier@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-normalize-identifier@npm:2.0.1"
+  dependencies:
+    micromark-util-symbol: "npm:^2.0.0"
+  checksum: 10/1eb9a289d7da067323df9fdc78bfa90ca3207ad8fd893ca02f3133e973adcb3743b233393d23d95c84ccaf5d220ae7f5a28402a644f135dcd4b8cfa60a7b5f84
+  languageName: node
+  linkType: hard
+
+"micromark-util-resolve-all@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-resolve-all@npm:2.0.1"
+  dependencies:
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/9275f3ddb6c26f254dd2158e66215d050454b279707a7d9ce5a3cd0eba23201021cedcb78ae1a746c1b23227dcc418ee40dd074ade195359506797a5493550cc
+  languageName: node
+  linkType: hard
+
+"micromark-util-sanitize-uri@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-sanitize-uri@npm:2.0.1"
+  dependencies:
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-encode: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+  checksum: 10/064c72abfc9777864ca0521a016dde62ab3e7af5215d10fd27e820798500d5d305da638459c589275c1a093cf588f493cc2f65273deac5a5331ecefc6c9ea78a
+  languageName: node
+  linkType: hard
+
+"micromark-util-subtokenize@npm:^2.0.0":
+  version: 2.0.3
+  resolution: "micromark-util-subtokenize@npm:2.0.3"
+  dependencies:
+    devlop: "npm:^1.0.0"
+    micromark-util-chunked: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/57b26f129f46424a4670bb47c50f13c7309bb1bc557c02150a788d1634337c1bb25a3523af3d6dffc29aaec873b3bd88fd931bfff34e64284e6436e23873ca22
+  languageName: node
+  linkType: hard
+
+"micromark-util-symbol@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-symbol@npm:2.0.1"
+  checksum: 10/497e6d95fc21c2bb5265b78a6a60db518c376dc438739b2e7d4aee6f9f165222711724b456c63163314f32b8eea68a064687711d41e986262926eab23ddb9229
+  languageName: node
+  linkType: hard
+
+"micromark-util-types@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-types@npm:2.0.1"
+  checksum: 10/69c5e18e6ba4e12473d6fe5f1a7cc113ac1d4bfc23c7ad57b16a5e4bfd09ef48b7c17a40c39d43996f2078ad898efd3f1945007c14f395abd55f2af03d413acd
+  languageName: node
+  linkType: hard
+
+"micromark@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "micromark@npm:4.0.1"
+  dependencies:
+    "@types/debug": "npm:^4.0.0"
+    debug: "npm:^4.0.0"
+    decode-named-character-reference: "npm:^1.0.0"
+    devlop: "npm:^1.0.0"
+    micromark-core-commonmark: "npm:^2.0.0"
+    micromark-factory-space: "npm:^2.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-chunked: "npm:^2.0.0"
+    micromark-util-combine-extensions: "npm:^2.0.0"
+    micromark-util-decode-numeric-character-reference: "npm:^2.0.0"
+    micromark-util-encode: "npm:^2.0.0"
+    micromark-util-normalize-identifier: "npm:^2.0.0"
+    micromark-util-resolve-all: "npm:^2.0.0"
+    micromark-util-sanitize-uri: "npm:^2.0.0"
+    micromark-util-subtokenize: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10/b948b1b239e589826bdaf2835daa9e88873e23d4b9148cd22109a86d4af55b96345cf9fc9059b6b19ae828f64d55e66f376ca3aeb4af3d2b0241560125f5dae6
+  languageName: node
+  linkType: hard
+
+"micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.5, micromatch@npm:~4.0.8":
+  version: 4.0.8
+  resolution: "micromatch@npm:4.0.8"
+  dependencies:
+    braces: "npm:^3.0.3"
+    picomatch: "npm:^2.3.1"
+  checksum: 10/6bf2a01672e7965eb9941d1f02044fad2bd12486b5553dc1116ff24c09a8723157601dc992e74c911d896175918448762df3b3fd0a6b61037dd1a9766ddfbf58
+  languageName: node
+  linkType: hard
+
+"miller-rabin@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "miller-rabin@npm:4.0.1"
+  dependencies:
+    bn.js: "npm:^4.0.0"
+    brorand: "npm:^1.0.1"
+  bin:
+    miller-rabin: bin/miller-rabin
+  checksum: 10/2a38ba9d1e878d94ee8a8ab3505b40e8d44fb9700a7716570fe4c8ca7e20d49b69aea579106580618c877cc6ff969eff71705042fafb47573736bf89404417bc
+  languageName: node
+  linkType: hard
+
+"mime-db@npm:1.52.0":
+  version: 1.52.0
+  resolution: "mime-db@npm:1.52.0"
+  checksum: 10/54bb60bf39e6f8689f6622784e668a3d7f8bed6b0d886f5c3c446cb3284be28b30bf707ed05d0fe44a036f8469976b2629bbea182684977b084de9da274694d7
+  languageName: node
+  linkType: hard
+
+"mime-db@npm:>= 1.43.0 < 2":
+  version: 1.53.0
+  resolution: "mime-db@npm:1.53.0"
+  checksum: 10/82409c568a20254cc67a763a25e581d2213e1ef5d070a0af805239634f8a655f5d8a15138200f5f81c5b06fc6623d27f6168c612d447642d59e37eb7f20f7412
+  languageName: node
+  linkType: hard
+
+"mime-types@npm:^2.1.12, mime-types@npm:^2.1.27, mime-types@npm:^2.1.31, mime-types@npm:~2.1.19, mime-types@npm:~2.1.34":
+  version: 2.1.35
+  resolution: "mime-types@npm:2.1.35"
+  dependencies:
+    mime-db: "npm:1.52.0"
+  checksum: 10/89aa9651b67644035de2784a6e665fc685d79aba61857e02b9c8758da874a754aed4a9aced9265f5ed1171fd934331e5516b84a7f0218031b6fa0270eca1e51a
+  languageName: node
+  linkType: hard
+
+"mime@npm:1.6.0, mime@npm:^1.4.1":
+  version: 1.6.0
+  resolution: "mime@npm:1.6.0"
+  bin:
+    mime: cli.js
+  checksum: 10/b7d98bb1e006c0e63e2c91b590fe1163b872abf8f7ef224d53dd31499c2197278a6d3d0864c45239b1a93d22feaf6f9477e9fc847eef945838150b8c02d03170
+  languageName: node
+  linkType: hard
+
+"mime@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "mime@npm:3.0.0"
+  bin:
+    mime: cli.js
+  checksum: 10/b2d31580deb58be89adaa1877cbbf152b7604b980fd7ef8f08b9e96bfedf7d605d9c23a8ba62aa12c8580b910cd7c1d27b7331d0f40f7a14e17d5a0bbec3b49f
+  languageName: node
+  linkType: hard
+
+"mimic-fn@npm:^1.0.0":
+  version: 1.2.0
+  resolution: "mimic-fn@npm:1.2.0"
+  checksum: 10/69c08205156a1f4906d9c46f9b4dc08d18a50176352e77fdeb645cedfe9f20c0b19865d465bd2dec27a5c432347f24dc07fc3695e11159d193f892834233e939
+  languageName: node
+  linkType: hard
+
+"mimic-fn@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "mimic-fn@npm:2.1.0"
+  checksum: 10/d2421a3444848ce7f84bd49115ddacff29c15745db73f54041edc906c14b131a38d05298dae3081667627a59b2eb1ca4b436ff2e1b80f69679522410418b478a
+  languageName: node
+  linkType: hard
+
+"mimic-fn@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "mimic-fn@npm:4.0.0"
+  checksum: 10/995dcece15ee29aa16e188de6633d43a3db4611bcf93620e7e62109ec41c79c0f34277165b8ce5e361205049766e371851264c21ac64ca35499acb5421c2ba56
+  languageName: node
+  linkType: hard
+
+"mimic-function@npm:^5.0.0":
+  version: 5.0.1
+  resolution: "mimic-function@npm:5.0.1"
+  checksum: 10/eb5893c99e902ccebbc267c6c6b83092966af84682957f79313311edb95e8bb5f39fb048d77132b700474d1c86d90ccc211e99bae0935447a4834eb4c882982c
+  languageName: node
+  linkType: hard
+
+"min-indent@npm:^1.0.0, min-indent@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "min-indent@npm:1.0.1"
+  checksum: 10/bfc6dd03c5eaf623a4963ebd94d087f6f4bbbfd8c41329a7f09706b0cb66969c4ddd336abeb587bc44bc6f08e13bf90f0b374f9d71f9f01e04adc2cd6f083ef1
+  languageName: node
+  linkType: hard
+
+"minimalistic-assert@npm:^1.0.0, minimalistic-assert@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "minimalistic-assert@npm:1.0.1"
+  checksum: 10/cc7974a9268fbf130fb055aff76700d7e2d8be5f761fb5c60318d0ed010d839ab3661a533ad29a5d37653133385204c503bfac995aaa4236f4e847461ea32ba7
+  languageName: node
+  linkType: hard
+
+"minimalistic-crypto-utils@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "minimalistic-crypto-utils@npm:1.0.1"
+  checksum: 10/6e8a0422b30039406efd4c440829ea8f988845db02a3299f372fceba56ffa94994a9c0f2fd70c17f9969eedfbd72f34b5070ead9656a34d3f71c0bd72583a0ed
+  languageName: node
+  linkType: hard
+
+"minimatch@npm:^10.0.0":
+  version: 10.0.1
+  resolution: "minimatch@npm:10.0.1"
+  dependencies:
+    brace-expansion: "npm:^2.0.1"
+  checksum: 10/082e7ccbc090d5f8c4e4e029255d5a1d1e3af37bda837da2b8b0085b1503a1210c91ac90d9ebfe741d8a5f286ece820a1abb4f61dc1f82ce602a055d461d93f3
+  languageName: node
+  linkType: hard
+
+"minimatch@npm:^3.0.2, minimatch@npm:^3.0.4, minimatch@npm:^3.1.1, minimatch@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "minimatch@npm:3.1.2"
+  dependencies:
+    brace-expansion: "npm:^1.1.7"
+  checksum: 10/e0b25b04cd4ec6732830344e5739b13f8690f8a012d73445a4a19fbc623f5dd481ef7a5827fde25954cd6026fede7574cc54dc4643c99d6c6b653d6203f94634
+  languageName: node
+  linkType: hard
+
+"minimatch@npm:^5.0.1":
+  version: 5.1.6
+  resolution: "minimatch@npm:5.1.6"
+  dependencies:
+    brace-expansion: "npm:^2.0.1"
+  checksum: 10/126b36485b821daf96d33b5c821dac600cc1ab36c87e7a532594f9b1652b1fa89a1eebcaad4dff17c764dce1a7ac1531327f190fed5f97d8f6e5f889c116c429
+  languageName: node
+  linkType: hard
+
+"minimatch@npm:^9.0.0, minimatch@npm:^9.0.4, minimatch@npm:^9.0.5":
+  version: 9.0.5
+  resolution: "minimatch@npm:9.0.5"
+  dependencies:
+    brace-expansion: "npm:^2.0.1"
+  checksum: 10/dd6a8927b063aca6d910b119e1f2df6d2ce7d36eab91de83167dd136bb85e1ebff97b0d3de1cb08bd1f7e018ca170b4962479fefab5b2a69e2ae12cb2edc8348
+  languageName: node
+  linkType: hard
+
+"minimist-options@npm:4.1.0":
+  version: 4.1.0
+  resolution: "minimist-options@npm:4.1.0"
+  dependencies:
+    arrify: "npm:^1.0.1"
+    is-plain-obj: "npm:^1.1.0"
+    kind-of: "npm:^6.0.3"
+  checksum: 10/8c040b3068811e79de1140ca2b708d3e203c8003eb9a414c1ab3cd467fc5f17c9ca02a5aef23bedc51a7f8bfbe77f87e9a7e31ec81fba304cda675b019496f4e
+  languageName: node
+  linkType: hard
+
+"minimist@npm:^1.2.0, minimist@npm:^1.2.5, minimist@npm:^1.2.6, minimist@npm:^1.2.8, minimist@npm:~1.2.5":
+  version: 1.2.8
+  resolution: "minimist@npm:1.2.8"
+  checksum: 10/908491b6cc15a6c440ba5b22780a0ba89b9810e1aea684e253e43c4e3b8d56ec1dcdd7ea96dde119c29df59c936cde16062159eae4225c691e19c70b432b6e6f
+  languageName: node
+  linkType: hard
+
+"minipass-collect@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "minipass-collect@npm:2.0.1"
+  dependencies:
+    minipass: "npm:^7.0.3"
+  checksum: 10/b251bceea62090f67a6cced7a446a36f4cd61ee2d5cea9aee7fff79ba8030e416327a1c5aa2908dc22629d06214b46d88fdab8c51ac76bacbf5703851b5ad342
+  languageName: node
+  linkType: hard
+
+"minipass-fetch@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "minipass-fetch@npm:4.0.0"
+  dependencies:
+    encoding: "npm:^0.1.13"
+    minipass: "npm:^7.0.3"
+    minipass-sized: "npm:^1.0.3"
+    minizlib: "npm:^3.0.1"
+  dependenciesMeta:
+    encoding:
+      optional: true
+  checksum: 10/4b0772dbee77727b469dc5bfc371541d9aba1e243fbb46ddc1b9ff7efa4de4a4cf5ff3a359d6a3b3a460ca26df9ae67a9c93be26ab6417c225e49d63b52b2801
+  languageName: node
+  linkType: hard
+
+"minipass-flush@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "minipass-flush@npm:1.0.5"
+  dependencies:
+    minipass: "npm:^3.0.0"
+  checksum: 10/56269a0b22bad756a08a94b1ffc36b7c9c5de0735a4dd1ab2b06c066d795cfd1f0ac44a0fcae13eece5589b908ecddc867f04c745c7009be0b566421ea0944cf
+  languageName: node
+  linkType: hard
+
+"minipass-pipeline@npm:^1.2.4":
+  version: 1.2.4
+  resolution: "minipass-pipeline@npm:1.2.4"
+  dependencies:
+    minipass: "npm:^3.0.0"
+  checksum: 10/b14240dac0d29823c3d5911c286069e36d0b81173d7bdf07a7e4a91ecdef92cdff4baaf31ea3746f1c61e0957f652e641223970870e2353593f382112257971b
+  languageName: node
+  linkType: hard
+
+"minipass-sized@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "minipass-sized@npm:1.0.3"
+  dependencies:
+    minipass: "npm:^3.0.0"
+  checksum: 10/40982d8d836a52b0f37049a0a7e5d0f089637298e6d9b45df9c115d4f0520682a78258905e5c8b180fb41b593b0a82cc1361d2c74b45f7ada66334f84d1ecfdd
+  languageName: node
+  linkType: hard
+
+"minipass@npm:^3.0.0":
+  version: 3.3.6
+  resolution: "minipass@npm:3.3.6"
+  dependencies:
+    yallist: "npm:^4.0.0"
+  checksum: 10/a5c6ef069f70d9a524d3428af39f2b117ff8cd84172e19b754e7264a33df460873e6eb3d6e55758531580970de50ae950c496256bb4ad3691a2974cddff189f0
+  languageName: node
+  linkType: hard
+
+"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.2, minipass@npm:^7.0.3, minipass@npm:^7.0.4, minipass@npm:^7.1.2":
+  version: 7.1.2
+  resolution: "minipass@npm:7.1.2"
+  checksum: 10/c25f0ee8196d8e6036661104bacd743785b2599a21de5c516b32b3fa2b83113ac89a2358465bc04956baab37ffb956ae43be679b2262bf7be15fce467ccd7950
+  languageName: node
+  linkType: hard
+
+"minizlib@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "minizlib@npm:3.0.1"
+  dependencies:
+    minipass: "npm:^7.0.4"
+    rimraf: "npm:^5.0.5"
+  checksum: 10/622cb85f51e5c206a080a62d20db0d7b4066f308cb6ce82a9644da112367c3416ae7062017e631eb7ac8588191cfa4a9a279b8651c399265202b298e98c4acef
+  languageName: node
+  linkType: hard
+
+"mitt@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "mitt@npm:3.0.1"
+  checksum: 10/287c70d8e73ffc25624261a4989c783768aed95ecb60900f051d180cf83e311e3e59865bfd6e9d029cdb149dc20ba2f128a805e9429c5c4ce33b1416c65bbd14
+  languageName: node
+  linkType: hard
+
+"mixpanel-browser@npm:^2.66.0":
+  version: 2.66.0
+  resolution: "mixpanel-browser@npm:2.66.0"
+  dependencies:
+    rrweb: "npm:2.0.0-alpha.18"
+  checksum: 10/e968608d9c41e3c8dfdf3ca154e55e483a5f5d4e97533b1698b5153eb247701d8c77825c15a3a7d0dd50e12361828487d8bb61e5b63bce88c4b4c7ad4a39ebc6
+  languageName: node
+  linkType: hard
+
+"mkdirp@npm:^0.5.1":
+  version: 0.5.6
+  resolution: "mkdirp@npm:0.5.6"
+  dependencies:
+    minimist: "npm:^1.2.6"
+  bin:
+    mkdirp: bin/cmd.js
+  checksum: 10/0c91b721bb12c3f9af4b77ebf73604baf350e64d80df91754dc509491ae93bf238581e59c7188360cec7cb62fc4100959245a42cfe01834efedc5e9d068376c2
+  languageName: node
+  linkType: hard
+
+"mkdirp@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "mkdirp@npm:1.0.4"
+  bin:
+    mkdirp: bin/cmd.js
+  checksum: 10/d71b8dcd4b5af2fe13ecf3bd24070263489404fe216488c5ba7e38ece1f54daf219e72a833a3a2dc404331e870e9f44963a33399589490956bff003a3404d3b2
+  languageName: node
+  linkType: hard
+
+"mkdirp@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "mkdirp@npm:3.0.1"
+  bin:
+    mkdirp: dist/cjs/src/bin.js
+  checksum: 10/16fd79c28645759505914561e249b9a1f5fe3362279ad95487a4501e4467abeb714fd35b95307326b8fd03f3c7719065ef11a6f97b7285d7888306d1bd2232ba
+  languageName: node
+  linkType: hard
+
+"mlly@npm:^1.7.1, mlly@npm:^1.7.2":
+  version: 1.7.3
+  resolution: "mlly@npm:1.7.3"
+  dependencies:
+    acorn: "npm:^8.14.0"
+    pathe: "npm:^1.1.2"
+    pkg-types: "npm:^1.2.1"
+    ufo: "npm:^1.5.4"
+  checksum: 10/77921e4b37f48e939b9879dbf3d3734086a69a97ddfe9adc5ae7b026ee2f73a0bcac4511c6c645cee79ccc2852c24b83f93bfd29ada7a7a3259cb943569fc7f6
+  languageName: node
+  linkType: hard
+
+"mockdate@npm:^3.0.5":
+  version: 3.0.5
+  resolution: "mockdate@npm:3.0.5"
+  checksum: 10/ff74f43f56a12e1339e838aee623e37b6e4c378173905697f2a006a5c581eea9c71da54fcea76c27e7e744422e49395c668932bf09e67f024841240ffef91fd2
+  languageName: node
+  linkType: hard
+
+"moti@npm:^0.29.0":
+  version: 0.29.0
+  resolution: "moti@npm:0.29.0"
+  dependencies:
+    framer-motion: "npm:^6.5.1"
+  peerDependencies:
+    react-native-reanimated: "*"
+  checksum: 10/38a7a173739a1ed7c05e3ddb32ef9bb54857dd9a059290c701ffbc97fc36db14902348116f6f0841b1b63bb92355cc469cbbd952a65d6f9ee64b77bda4987456
+  languageName: node
+  linkType: hard
+
+"motion@npm:10.16.2":
+  version: 10.16.2
+  resolution: "motion@npm:10.16.2"
+  dependencies:
+    "@motionone/animation": "npm:^10.15.1"
+    "@motionone/dom": "npm:^10.16.2"
+    "@motionone/svelte": "npm:^10.16.2"
+    "@motionone/types": "npm:^10.15.1"
+    "@motionone/utils": "npm:^10.15.1"
+    "@motionone/vue": "npm:^10.16.2"
+  checksum: 10/2470f12b97371eb876337b355ad158c545622b2cc7c83b0ba540d2c02afedb49990e78898e520b8f74cccc9ecf11d366ae005a35c60e92178fadd7434860a966
+  languageName: node
+  linkType: hard
+
+"mri@npm:^1.1.0":
+  version: 1.2.0
+  resolution: "mri@npm:1.2.0"
+  checksum: 10/6775a1d2228bb9d191ead4efc220bd6be64f943ad3afd4dcb3b3ac8fc7b87034443f666e38805df38e8d047b29f910c3cc7810da0109af83e42c82c73bd3f6bc
+  languageName: node
+  linkType: hard
+
+"mrmime@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "mrmime@npm:2.0.0"
+  checksum: 10/8d95f714ea200c6cf3e3777cbc6168be04b05ac510090a9b41eef5ec081efeb1d1de3e535ffb9c9689fffcc42f59864fd52a500e84a677274f070adeea615c45
+  languageName: node
+  linkType: hard
+
+"ms@npm:2.0.0":
+  version: 2.0.0
+  resolution: "ms@npm:2.0.0"
+  checksum: 10/0e6a22b8b746d2e0b65a430519934fefd41b6db0682e3477c10f60c76e947c4c0ad06f63ffdf1d78d335f83edee8c0aa928aa66a36c7cd95b69b26f468d527f4
+  languageName: node
+  linkType: hard
+
+"ms@npm:2.1.3, ms@npm:^2.1.1, ms@npm:^2.1.3":
+  version: 2.1.3
+  resolution: "ms@npm:2.1.3"
+  checksum: 10/aa92de608021b242401676e35cfa5aa42dd70cbdc082b916da7fb925c542173e36bce97ea3e804923fe92c0ad991434e4a38327e15a1b5b5f945d66df615ae6d
+  languageName: node
+  linkType: hard
+
+"msw@npm:^2.7.3":
+  version: 2.7.3
+  resolution: "msw@npm:2.7.3"
+  dependencies:
+    "@bundled-es-modules/cookie": "npm:^2.0.1"
+    "@bundled-es-modules/statuses": "npm:^1.0.1"
+    "@bundled-es-modules/tough-cookie": "npm:^0.1.6"
+    "@inquirer/confirm": "npm:^5.0.0"
+    "@mswjs/interceptors": "npm:^0.37.0"
+    "@open-draft/deferred-promise": "npm:^2.2.0"
+    "@open-draft/until": "npm:^2.1.0"
+    "@types/cookie": "npm:^0.6.0"
+    "@types/statuses": "npm:^2.0.4"
+    graphql: "npm:^16.8.1"
+    headers-polyfill: "npm:^4.0.2"
+    is-node-process: "npm:^1.2.0"
+    outvariant: "npm:^1.4.3"
+    path-to-regexp: "npm:^6.3.0"
+    picocolors: "npm:^1.1.1"
+    strict-event-emitter: "npm:^0.5.1"
+    type-fest: "npm:^4.26.1"
+    yargs: "npm:^17.7.2"
+  peerDependencies:
+    typescript: ">= 4.8.x"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  bin:
+    msw: cli/index.js
+  checksum: 10/f193329a68fc22e477a6f8504aa44a92bd12847f2eeac1dfbd8ec1cc43ff293112ec067de1c7fe312ba02beecb313fb00aeeebf5817432b57af2d796b2dff2fa
+  languageName: node
+  linkType: hard
+
+"multibase@npm:^4.0.1":
+  version: 4.0.6
+  resolution: "multibase@npm:4.0.6"
+  dependencies:
+    "@multiformats/base-x": "npm:^4.0.1"
+  checksum: 10/4c008da32f6f0f7c790bb9749e0811cfce0cbae31920a005419c8674706878bfd79ac8939d38042fcb66a02605c712b57db7a1e95b1c163d4de8586c54752bcb
+  languageName: node
+  linkType: hard
+
+"multicodec@npm:^3.0.1":
+  version: 3.2.1
+  resolution: "multicodec@npm:3.2.1"
+  dependencies:
+    uint8arrays: "npm:^3.0.0"
+    varint: "npm:^6.0.0"
+  checksum: 10/5a2f4418ec8b45e623b745e96a4e4b6e1cf6538f8cda8b6139c9b0fdf385db3b59c5e99e28ca5af144cb0953df0d567a86e781783446e32a654313e2ac746f0f
+  languageName: node
+  linkType: hard
+
+"multiformats@npm:^9.4.2, multiformats@npm:^9.6.4":
+  version: 9.9.0
+  resolution: "multiformats@npm:9.9.0"
+  checksum: 10/ad55c7d480d22f4258a68fd88aa2aab744fe0cb1e68d732fc886f67d858b37e3aa6c2cec12b2960ead7730d43be690931485238569952d8a3d7f90fdc726c652
+  languageName: node
+  linkType: hard
+
+"multihashes@npm:^4.0.1, multihashes@npm:^4.0.2":
+  version: 4.0.3
+  resolution: "multihashes@npm:4.0.3"
+  dependencies:
+    multibase: "npm:^4.0.1"
+    uint8arrays: "npm:^3.0.0"
+    varint: "npm:^5.0.2"
+  checksum: 10/95659410286ab8c11399581b29b373108cf61d964b2634b4e5a62839795f81285fbf3ba17f7660439f8b77a13c803f40b5e4180791a43379a022260c7379f729
+  languageName: node
+  linkType: hard
+
+"multihashing-async@npm:^2.0.0, multihashing-async@npm:^2.1.0":
+  version: 2.1.4
+  resolution: "multihashing-async@npm:2.1.4"
+  dependencies:
+    blakejs: "npm:^1.1.0"
+    err-code: "npm:^3.0.0"
+    js-sha3: "npm:^0.8.0"
+    multihashes: "npm:^4.0.1"
+    murmurhash3js-revisited: "npm:^3.0.0"
+    uint8arrays: "npm:^3.0.0"
+  checksum: 10/9d1668fdf85c1a29a7d49f039e36242404d7a9255062a7ee5f750e5cee89009e1970e2a11288f597159990f357d9f53e01e6126da15970d47716be93569207ee
+  languageName: node
+  linkType: hard
+
+"multipipe@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "multipipe@npm:1.0.2"
+  dependencies:
+    duplexer2: "npm:^0.1.2"
+    object-assign: "npm:^4.1.0"
+  checksum: 10/313d208e8954d367a25c725c8d64482b54f335264d4a6fd2bf6845274efc41313338922a3f55a7031d6c239f6080605bb800454e7ba9e400ef28387f8b64779a
+  languageName: node
+  linkType: hard
+
+"murmurhash3js-revisited@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "murmurhash3js-revisited@npm:3.0.0"
+  checksum: 10/f8198b4e4fde7a9d1b549dee937f8d8eab4b9b0ad0fcb6cb1037bff07ce762bf95511bcef293ba8a78d23d5673ae187c2fe32a391f94086aab43fc95370e966a
+  languageName: node
+  linkType: hard
+
+"mute-stream@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "mute-stream@npm:2.0.0"
+  checksum: 10/d2e4fd2f5aa342b89b98134a8d899d8ef9b0a6d69274c4af9df46faa2d97aeb1f2ce83d867880d6de63643c52386579b99139801e24e7526c3b9b0a6d1e18d6c
+  languageName: node
+  linkType: hard
+
+"mz@npm:^2.7.0":
+  version: 2.7.0
+  resolution: "mz@npm:2.7.0"
+  dependencies:
+    any-promise: "npm:^1.0.0"
+    object-assign: "npm:^4.0.1"
+    thenify-all: "npm:^1.0.0"
+  checksum: 10/8427de0ece99a07e9faed3c0c6778820d7543e3776f9a84d22cf0ec0a8eb65f6e9aee9c9d353ff9a105ff62d33a9463c6ca638974cc652ee8140cd1e35951c87
+  languageName: node
+  linkType: hard
+
+"nan@npm:2.14.0":
+  version: 2.14.0
+  resolution: "nan@npm:2.14.0"
+  dependencies:
+    node-gyp: "npm:latest"
+  checksum: 10/9d005e0983988682dffb240b2c9ef74abf66059482cdaca1c16b3968b582176289578f00ad9a08d95c2c6398020e676858ed9bde3bfb94857a8290f896e90e61
+  languageName: node
+  linkType: hard
+
+"nan@npm:^2.13.2, nan@npm:^2.14.0":
+  version: 2.23.0
+  resolution: "nan@npm:2.23.0"
+  dependencies:
+    node-gyp: "npm:latest"
+  checksum: 10/9822b384189769ebb9d69160d9f5276bb2644467fe6a8e23ae849d607da5b34940f9abf03605f5f747395c17b0dac5e470aea29e72b4988918edb082d78b5858
+  languageName: node
+  linkType: hard
+
+"nanoid@npm:3.3.8, nanoid@npm:^3.3.1, nanoid@npm:^3.3.6, nanoid@npm:^3.3.7":
+  version: 3.3.8
+  resolution: "nanoid@npm:3.3.8"
+  bin:
+    nanoid: bin/nanoid.cjs
+  checksum: 10/2d1766606cf0d6f47b6f0fdab91761bb81609b2e3d367027aff45e6ee7006f660fb7e7781f4a34799fe6734f1268eeed2e37a5fdee809ade0c2d4eb11b0f9c40
+  languageName: node
+  linkType: hard
+
+"nanoid@npm:^4.0.0":
+  version: 4.0.2
+  resolution: "nanoid@npm:4.0.2"
+  bin:
+    nanoid: bin/nanoid.js
+  checksum: 10/8c0c267de44cddcad79c3361d2cbd281694c36bf7ab6a163f36dd8f6e6ee43e9783561302c55fab2986a2fa847e7a6b30fedabd1e117fdb8aecc5ab21555428d
+  languageName: node
+  linkType: hard
+
+"nanoid@npm:^5.1.2":
+  version: 5.1.5
+  resolution: "nanoid@npm:5.1.5"
+  bin:
+    nanoid: bin/nanoid.js
+  checksum: 10/6de2d006b51c983be385ef7ee285f7f2a57bd96f8c0ca881c4111461644bd81fafc2544f8e07cb834ca0f3e0f3f676c1fe78052183f008b0809efe6e273119f5
+  languageName: node
+  linkType: hard
+
+"napi-wasm@npm:^1.1.0":
+  version: 1.1.3
+  resolution: "napi-wasm@npm:1.1.3"
+  checksum: 10/5cad19c3ba4c8b176453149542ea72f156be5db6d249611a76537833381f5cec802ed4d7ae5c3f7c0ef69d439c037f7247bbae7db711ed84f915be2a9fc43bb4
+  languageName: node
+  linkType: hard
+
+"natural-compare@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "natural-compare@npm:1.4.0"
+  checksum: 10/23ad088b08f898fc9b53011d7bb78ec48e79de7627e01ab5518e806033861bef68d5b0cd0e2205c2f36690ac9571ff6bcb05eb777ced2eeda8d4ac5b44592c3d
+  languageName: node
+  linkType: hard
+
+"needle@npm:^3.1.0":
+  version: 3.3.1
+  resolution: "needle@npm:3.3.1"
+  dependencies:
+    iconv-lite: "npm:^0.6.3"
+    sax: "npm:^1.2.4"
+  bin:
+    needle: bin/needle
+  checksum: 10/31925ec72b93ffd1f5614a4f381878e7c31f1838cd36055aa4148c49a3a9d16429987fc64b509538f61fccbb49aac9ec2e91b1ed028aafb16f943f1993097d96
+  languageName: node
+  linkType: hard
+
+"negotiator@npm:0.6.3":
+  version: 0.6.3
+  resolution: "negotiator@npm:0.6.3"
+  checksum: 10/2723fb822a17ad55c93a588a4bc44d53b22855bf4be5499916ca0cab1e7165409d0b288ba2577d7b029f10ce18cf2ed8e703e5af31c984e1e2304277ef979837
+  languageName: node
+  linkType: hard
+
+"negotiator@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "negotiator@npm:1.0.0"
+  checksum: 10/b5734e87295324fabf868e36fb97c84b7d7f3156ec5f4ee5bf6e488079c11054f818290fc33804cef7b1ee21f55eeb14caea83e7dafae6492a409b3e573153e5
+  languageName: node
+  linkType: hard
+
+"negotiator@npm:~0.6.4":
+  version: 0.6.4
+  resolution: "negotiator@npm:0.6.4"
+  checksum: 10/d98c04a136583afd055746168f1067d58ce4bfe6e4c73ca1d339567f81ea1f7e665b5bd1e81f4771c67b6c2ea89b21cb2adaea2b16058c7dc31317778f931dab
+  languageName: node
+  linkType: hard
+
+"neo-async@npm:^2.5.0, neo-async@npm:^2.6.1, neo-async@npm:^2.6.2":
+  version: 2.6.2
+  resolution: "neo-async@npm:2.6.2"
+  checksum: 10/1a7948fea86f2b33ec766bc899c88796a51ba76a4afc9026764aedc6e7cde692a09067031e4a1bf6db4f978ccd99e7f5b6c03fe47ad9865c3d4f99050d67e002
+  languageName: node
+  linkType: hard
+
+"nested-error-stacks@npm:~2.0.1":
+  version: 2.0.1
+  resolution: "nested-error-stacks@npm:2.0.1"
+  checksum: 10/8430d7d80ad69b1add2992ee2992a363db6c1a26a54740963bc99a004c5acb1d2a67049397062eab2caa3a312b4da89a0b85de3bdf82d7d472a6baa166311fe6
+  languageName: node
+  linkType: hard
+
+"next-tick@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "next-tick@npm:1.1.0"
+  checksum: 10/83b5cf36027a53ee6d8b7f9c0782f2ba87f4858d977342bfc3c20c21629290a2111f8374d13a81221179603ffc4364f38374b5655d17b6a8f8a8c77bdea4fe8b
+  languageName: node
+  linkType: hard
+
+"next@npm:*":
+  version: 15.1.2
+  resolution: "next@npm:15.1.2"
+  dependencies:
+    "@next/env": "npm:15.1.2"
+    "@next/swc-darwin-arm64": "npm:15.1.2"
+    "@next/swc-darwin-x64": "npm:15.1.2"
+    "@next/swc-linux-arm64-gnu": "npm:15.1.2"
+    "@next/swc-linux-arm64-musl": "npm:15.1.2"
+    "@next/swc-linux-x64-gnu": "npm:15.1.2"
+    "@next/swc-linux-x64-musl": "npm:15.1.2"
+    "@next/swc-win32-arm64-msvc": "npm:15.1.2"
+    "@next/swc-win32-x64-msvc": "npm:15.1.2"
+    "@swc/counter": "npm:0.1.3"
+    "@swc/helpers": "npm:0.5.15"
+    busboy: "npm:1.6.0"
+    caniuse-lite: "npm:^1.0.30001579"
+    postcss: "npm:8.4.31"
+    sharp: "npm:^0.33.5"
+    styled-jsx: "npm:5.1.6"
+  peerDependencies:
+    "@opentelemetry/api": ^1.1.0
+    "@playwright/test": ^1.41.2
+    babel-plugin-react-compiler: "*"
+    react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+    react-dom: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+    sass: ^1.3.0
+  dependenciesMeta:
+    "@next/swc-darwin-arm64":
+      optional: true
+    "@next/swc-darwin-x64":
+      optional: true
+    "@next/swc-linux-arm64-gnu":
+      optional: true
+    "@next/swc-linux-arm64-musl":
+      optional: true
+    "@next/swc-linux-x64-gnu":
+      optional: true
+    "@next/swc-linux-x64-musl":
+      optional: true
+    "@next/swc-win32-arm64-msvc":
+      optional: true
+    "@next/swc-win32-x64-msvc":
+      optional: true
+    sharp:
+      optional: true
+  peerDependenciesMeta:
+    "@opentelemetry/api":
+      optional: true
+    "@playwright/test":
+      optional: true
+    babel-plugin-react-compiler:
+      optional: true
+    sass:
+      optional: true
+  bin:
+    next: dist/bin/next
+  checksum: 10/174ed53c730876c83fc9d64364cf2e7c884ca0787ab772d7b7a6292d3c687fe54b83db3b5cb98eb63a3e3155e17b5a89b80ad09bfb9921878a541a6a2658a508
+  languageName: node
+  linkType: hard
+
+"next@npm:15.2.4":
+  version: 15.2.4
+  resolution: "next@npm:15.2.4"
+  dependencies:
+    "@next/env": "npm:15.2.4"
+    "@next/swc-darwin-arm64": "npm:15.2.4"
+    "@next/swc-darwin-x64": "npm:15.2.4"
+    "@next/swc-linux-arm64-gnu": "npm:15.2.4"
+    "@next/swc-linux-arm64-musl": "npm:15.2.4"
+    "@next/swc-linux-x64-gnu": "npm:15.2.4"
+    "@next/swc-linux-x64-musl": "npm:15.2.4"
+    "@next/swc-win32-arm64-msvc": "npm:15.2.4"
+    "@next/swc-win32-x64-msvc": "npm:15.2.4"
+    "@swc/counter": "npm:0.1.3"
+    "@swc/helpers": "npm:0.5.15"
+    busboy: "npm:1.6.0"
+    caniuse-lite: "npm:^1.0.30001579"
+    postcss: "npm:8.4.31"
+    sharp: "npm:^0.33.5"
+    styled-jsx: "npm:5.1.6"
+  peerDependencies:
+    "@opentelemetry/api": ^1.1.0
+    "@playwright/test": ^1.41.2
+    babel-plugin-react-compiler: "*"
+    react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+    react-dom: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+    sass: ^1.3.0
+  dependenciesMeta:
+    "@next/swc-darwin-arm64":
+      optional: true
+    "@next/swc-darwin-x64":
+      optional: true
+    "@next/swc-linux-arm64-gnu":
+      optional: true
+    "@next/swc-linux-arm64-musl":
+      optional: true
+    "@next/swc-linux-x64-gnu":
+      optional: true
+    "@next/swc-linux-x64-musl":
+      optional: true
+    "@next/swc-win32-arm64-msvc":
+      optional: true
+    "@next/swc-win32-x64-msvc":
+      optional: true
+    sharp:
+      optional: true
+  peerDependenciesMeta:
+    "@opentelemetry/api":
+      optional: true
+    "@playwright/test":
+      optional: true
+    babel-plugin-react-compiler:
+      optional: true
+    sass:
+      optional: true
+  bin:
+    next: dist/bin/next
+  checksum: 10/83405aec9c12e2c62f062bae0b1089588632031543bc7bbfb3a0d924aecf4a2a15a020d5c26fcd6db88c1ff1762ec94d42ac03c7c047b824719685e0f68d5086
+  languageName: node
+  linkType: hard
+
+"next@patch:next@15.2.4#../../.yarn/patches/next-npm-15.2.4-06a6671f62.patch::locator=%40safe-global%2Fweb%40workspace%3Aapps%2Fweb":
+  version: 15.2.4
+  resolution: "next@patch:next@npm%3A15.2.4#../../.yarn/patches/next-npm-15.2.4-06a6671f62.patch::version=15.2.4&hash=f475b4&locator=%40safe-global%2Fweb%40workspace%3Aapps%2Fweb"
+  dependencies:
+    "@next/env": "npm:15.2.4"
+    "@next/swc-darwin-arm64": "npm:15.2.4"
+    "@next/swc-darwin-x64": "npm:15.2.4"
+    "@next/swc-linux-arm64-gnu": "npm:15.2.4"
+    "@next/swc-linux-arm64-musl": "npm:15.2.4"
+    "@next/swc-linux-x64-gnu": "npm:15.2.4"
+    "@next/swc-linux-x64-musl": "npm:15.2.4"
+    "@next/swc-win32-arm64-msvc": "npm:15.2.4"
+    "@next/swc-win32-x64-msvc": "npm:15.2.4"
+    "@swc/counter": "npm:0.1.3"
+    "@swc/helpers": "npm:0.5.15"
+    busboy: "npm:1.6.0"
+    caniuse-lite: "npm:^1.0.30001579"
+    postcss: "npm:8.4.31"
+    sharp: "npm:^0.33.5"
+    styled-jsx: "npm:5.1.6"
+  peerDependencies:
+    "@opentelemetry/api": ^1.1.0
+    "@playwright/test": ^1.41.2
+    babel-plugin-react-compiler: "*"
+    react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+    react-dom: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+    sass: ^1.3.0
+  dependenciesMeta:
+    "@next/swc-darwin-arm64":
+      optional: true
+    "@next/swc-darwin-x64":
+      optional: true
+    "@next/swc-linux-arm64-gnu":
+      optional: true
+    "@next/swc-linux-arm64-musl":
+      optional: true
+    "@next/swc-linux-x64-gnu":
+      optional: true
+    "@next/swc-linux-x64-musl":
+      optional: true
+    "@next/swc-win32-arm64-msvc":
+      optional: true
+    "@next/swc-win32-x64-msvc":
+      optional: true
+    sharp:
+      optional: true
+  peerDependenciesMeta:
+    "@opentelemetry/api":
+      optional: true
+    "@playwright/test":
+      optional: true
+    babel-plugin-react-compiler:
+      optional: true
+    sass:
+      optional: true
+  bin:
+    next: dist/bin/next
+  checksum: 10/668ab1de0fb2017b2edd04160d8b6d2d93c74ca43a3fd7ec1ed7362e51cc07908649c15fbfbc8e59e2d8eb0ecdd4f113c01524293a1592eb9b60ffd79db61322
+  languageName: node
+  linkType: hard
+
+"no-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "no-case@npm:3.0.4"
+  dependencies:
+    lower-case: "npm:^2.0.2"
+    tslib: "npm:^2.0.3"
+  checksum: 10/0b2ebc113dfcf737d48dde49cfebf3ad2d82a8c3188e7100c6f375e30eafbef9e9124aadc3becef237b042fd5eb0aad2fd78669c20972d045bbe7fea8ba0be5c
+  languageName: node
+  linkType: hard
+
+"node-abort-controller@npm:^3.0.1":
+  version: 3.1.1
+  resolution: "node-abort-controller@npm:3.1.1"
+  checksum: 10/0a2cdb7ec0aeaf3cb31e1ca0e192f5add48f1c5c9c9ed822129f9dddbd9432f69b7425982f94ce803c56a2104884530aa67cd57696e5774b2e5b8ec2f58de042
+  languageName: node
+  linkType: hard
+
+"node-addon-api@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "node-addon-api@npm:2.0.2"
+  dependencies:
+    node-gyp: "npm:latest"
+  checksum: 10/e4ce4daac5b2fefa6b94491b86979a9c12d9cceba571d2c6df1eb5859f9da68e5dc198f128798e1785a88aafee6e11f4992dcccd4bf86bec90973927d158bd60
+  languageName: node
+  linkType: hard
+
+"node-addon-api@npm:^3.0.0":
+  version: 3.2.1
+  resolution: "node-addon-api@npm:3.2.1"
+  dependencies:
+    node-gyp: "npm:latest"
+  checksum: 10/681b52dfa3e15b0a8e5cf283cc0d8cd5fd2a57c559ae670fcfd20544cbb32f75de7648674110defcd17ab2c76ebef630aa7d2d2f930bc7a8cc439b20fe233518
+  languageName: node
+  linkType: hard
+
+"node-addon-api@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "node-addon-api@npm:5.1.0"
+  dependencies:
+    node-gyp: "npm:latest"
+  checksum: 10/595f59ffb4630564f587c502119cbd980d302e482781021f3b479f5fc7e41cf8f2f7280fdc2795f32d148e4f3259bd15043c52d4a3442796aa6f1ae97b959636
+  languageName: node
+  linkType: hard
+
+"node-addon-api@npm:^7.0.0":
+  version: 7.1.1
+  resolution: "node-addon-api@npm:7.1.1"
+  dependencies:
+    node-gyp: "npm:latest"
+  checksum: 10/ee1e1ed6284a2f8cd1d59ac6175ecbabf8978dcf570345e9a8095a9d0a2b9ced591074ae77f9009287b00c402352b38aa9322a34f2199cdc9f567b842a636b94
+  languageName: node
+  linkType: hard
+
+"node-addon-api@npm:^8.0.0":
+  version: 8.5.0
+  resolution: "node-addon-api@npm:8.5.0"
+  dependencies:
+    node-gyp: "npm:latest"
+  checksum: 10/9a893f4f835fbc3908e0070f7bcacf36e37fd06be8008409b104c30df4092a0d9a29927b3a74cdbc1d34338274ba4116d597a41f573e06c29538a1a70d07413f
+  languageName: node
+  linkType: hard
+
+"node-dir@npm:^0.1.17":
+  version: 0.1.17
+  resolution: "node-dir@npm:0.1.17"
+  dependencies:
+    minimatch: "npm:^3.0.2"
+  checksum: 10/281fdea12d9c080a7250e5b5afefa3ab39426d40753ec8126a2d1e67f189b8824723abfed74f5d8549c5d78352d8c489fe08d0b067d7684c87c07283d38374a5
+  languageName: node
+  linkType: hard
+
+"node-fetch-h2@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "node-fetch-h2@npm:2.3.0"
+  dependencies:
+    http2-client: "npm:^1.2.5"
+  checksum: 10/9495b4e52cfb23241a1bca187640a15bcaacb7a0667a825074f9dbf2c1a9b10fedd5344d775d57dea8944eeee1049959a3f662492e2f57d6d5f34c7d296e7c65
+  languageName: node
+  linkType: hard
+
+"node-fetch-native@npm:^1.6.4":
+  version: 1.6.4
+  resolution: "node-fetch-native@npm:1.6.4"
+  checksum: 10/39c4c6d0c2a4bed1444943e1647ad0d79eb6638cf159bc37dffeafd22cffcf6a998e006aa1f3dd1d9d2258db7d78dee96b44bee4ba0bbaf0440ed348794f2543
+  languageName: node
+  linkType: hard
+
+"node-fetch@npm:^2.6.1, node-fetch@npm:^2.6.12, node-fetch@npm:^2.7.0":
+  version: 2.7.0
+  resolution: "node-fetch@npm:2.7.0"
+  dependencies:
+    whatwg-url: "npm:^5.0.0"
+  peerDependencies:
+    encoding: ^0.1.0
+  peerDependenciesMeta:
+    encoding:
+      optional: true
+  checksum: 10/b24f8a3dc937f388192e59bcf9d0857d7b6940a2496f328381641cb616efccc9866e89ec43f2ec956bbd6c3d3ee05524ce77fe7b29ccd34692b3a16f237d6676
+  languageName: node
+  linkType: hard
+
+"node-forge@npm:^1.2.1, node-forge@npm:^1.3.1":
+  version: 1.3.1
+  resolution: "node-forge@npm:1.3.1"
+  checksum: 10/05bab6868633bf9ad4c3b1dd50ec501c22ffd69f556cdf169a00998ca1d03e8107a6032ba013852f202035372021b845603aeccd7dfcb58cdb7430013b3daa8d
+  languageName: node
+  linkType: hard
+
+"node-gyp-build@npm:^4.2.0, node-gyp-build@npm:^4.2.2, node-gyp-build@npm:^4.5.0":
+  version: 4.8.4
+  resolution: "node-gyp-build@npm:4.8.4"
+  bin:
+    node-gyp-build: bin.js
+    node-gyp-build-optional: optional.js
+    node-gyp-build-test: build-test.js
+  checksum: 10/6a7d62289d1afc419fc8fc9bd00aa4e554369e50ca0acbc215cb91446148b75ff7e2a3b53c2c5b2c09a39d416d69f3d3237937860373104b5fe429bf30ad9ac5
+  languageName: node
+  linkType: hard
+
+"node-gyp@npm:latest":
+  version: 11.0.0
+  resolution: "node-gyp@npm:11.0.0"
+  dependencies:
+    env-paths: "npm:^2.2.0"
+    exponential-backoff: "npm:^3.1.1"
+    glob: "npm:^10.3.10"
+    graceful-fs: "npm:^4.2.6"
+    make-fetch-happen: "npm:^14.0.3"
+    nopt: "npm:^8.0.0"
+    proc-log: "npm:^5.0.0"
+    semver: "npm:^7.3.5"
+    tar: "npm:^7.4.3"
+    which: "npm:^5.0.0"
+  bin:
+    node-gyp: bin/node-gyp.js
+  checksum: 10/5d07430e887a906f85c7c6ed87e8facb7ecd4ce42d948a2438c471df2e24ae6af70f4def114ec1a03127988d164648dda8d75fe666f3c4b431e53856379fdf13
+  languageName: node
+  linkType: hard
+
+"node-int64@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "node-int64@npm:0.4.0"
+  checksum: 10/b7afc2b65e56f7035b1a2eec57ae0fbdee7d742b1cdcd0f4387562b6527a011ab1cbe9f64cc8b3cca61e3297c9637c8bf61cec2e6b8d3a711d4b5267dfafbe02
+  languageName: node
+  linkType: hard
+
+"node-polyfill-webpack-plugin@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "node-polyfill-webpack-plugin@npm:2.0.1"
+  dependencies:
+    assert: "npm:^2.0.0"
+    browserify-zlib: "npm:^0.2.0"
+    buffer: "npm:^6.0.3"
+    console-browserify: "npm:^1.2.0"
+    constants-browserify: "npm:^1.0.0"
+    crypto-browserify: "npm:^3.12.0"
+    domain-browser: "npm:^4.22.0"
+    events: "npm:^3.3.0"
+    filter-obj: "npm:^2.0.2"
+    https-browserify: "npm:^1.0.0"
+    os-browserify: "npm:^0.3.0"
+    path-browserify: "npm:^1.0.1"
+    process: "npm:^0.11.10"
+    punycode: "npm:^2.1.1"
+    querystring-es3: "npm:^0.2.1"
+    readable-stream: "npm:^4.0.0"
+    stream-browserify: "npm:^3.0.0"
+    stream-http: "npm:^3.2.0"
+    string_decoder: "npm:^1.3.0"
+    timers-browserify: "npm:^2.0.12"
+    tty-browserify: "npm:^0.0.1"
+    type-fest: "npm:^2.14.0"
+    url: "npm:^0.11.0"
+    util: "npm:^0.12.4"
+    vm-browserify: "npm:^1.1.2"
+  peerDependencies:
+    webpack: ">=5"
+  checksum: 10/6add9551392daf8eccbbff47235332944b6580fd031edff80be5be5744003a48876b98459ffeaeee9b80521c9257035f4e44c8265ee9e2a75085a70d99598679
+  languageName: node
+  linkType: hard
+
+"node-readfiles@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "node-readfiles@npm:0.2.0"
+  dependencies:
+    es6-promise: "npm:^3.2.1"
+  checksum: 10/1db0f009955665e63983395f38c2479ef18b4ea8db1d12e03c155238ebe567f2e83981c0e47ac7c6d29ab4a3628082d5e02683e62d26e1af79852e0d8b77e3fb
+  languageName: node
+  linkType: hard
+
+"node-releases@npm:^2.0.18":
+  version: 2.0.18
+  resolution: "node-releases@npm:2.0.18"
+  checksum: 10/241e5fa9556f1c12bafb83c6c3e94f8cf3d8f2f8f904906ecef6e10bcaa1d59aa61212d4651bec70052015fc54bd3fdcdbe7fc0f638a17e6685aa586c076ec4e
+  languageName: node
+  linkType: hard
+
+"node-releases@npm:^2.0.19":
+  version: 2.0.19
+  resolution: "node-releases@npm:2.0.19"
+  checksum: 10/c2b33b4f0c40445aee56141f13ca692fa6805db88510e5bbb3baadb2da13e1293b738e638e15e4a8eb668bb9e97debb08e7a35409b477b5cc18f171d35a83045
+  languageName: node
+  linkType: hard
+
+"nopt@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "nopt@npm:8.0.0"
+  dependencies:
+    abbrev: "npm:^2.0.0"
+  bin:
+    nopt: bin/nopt.js
+  checksum: 10/2d137f64b6f9331ec97047dd1cbbe4dcd9a61ceef4fd0f2252c0bbac1d69ba15671e6fd83a441328824b3ca78afe6ebe1694f12ebcd162b73a221582a06179ff
+  languageName: node
+  linkType: hard
+
+"normalize-package-data@npm:^2.5.0":
+  version: 2.5.0
+  resolution: "normalize-package-data@npm:2.5.0"
+  dependencies:
+    hosted-git-info: "npm:^2.1.4"
+    resolve: "npm:^1.10.0"
+    semver: "npm:2 || 3 || 4 || 5"
+    validate-npm-package-license: "npm:^3.0.1"
+  checksum: 10/644f830a8bb9b7cc9bf2f6150618727659ee27cdd0840d1c1f97e8e6cab0803a098a2c19f31c6247ad9d3a0792e61521a13a6e8cd87cc6bb676e3150612c03d4
+  languageName: node
+  linkType: hard
+
+"normalize-package-data@npm:^3.0.0":
+  version: 3.0.3
+  resolution: "normalize-package-data@npm:3.0.3"
+  dependencies:
+    hosted-git-info: "npm:^4.0.1"
+    is-core-module: "npm:^2.5.0"
+    semver: "npm:^7.3.4"
+    validate-npm-package-license: "npm:^3.0.1"
+  checksum: 10/3cd3b438c9c7b15d72ed2d1bbf0f8cc2d07bfe27702fc9e95d039f0af4e069dc75c0646e75068f9f9255a8aae64b59aa4fe2177e65787145fb996c3d38d48acb
+  languageName: node
+  linkType: hard
+
+"normalize-path@npm:^3.0.0, normalize-path@npm:~3.0.0":
+  version: 3.0.0
+  resolution: "normalize-path@npm:3.0.0"
+  checksum: 10/88eeb4da891e10b1318c4b2476b6e2ecbeb5ff97d946815ffea7794c31a89017c70d7f34b3c2ebf23ef4e9fc9fb99f7dffe36da22011b5b5c6ffa34f4873ec20
+  languageName: node
+  linkType: hard
+
+"npm-package-arg@npm:^11.0.0":
+  version: 11.0.3
+  resolution: "npm-package-arg@npm:11.0.3"
+  dependencies:
+    hosted-git-info: "npm:^7.0.0"
+    proc-log: "npm:^4.0.0"
+    semver: "npm:^7.3.5"
+    validate-npm-package-name: "npm:^5.0.0"
+  checksum: 10/bacc863907edf98940286edc2fd80327901c1e8b34426d538cdc708ed66bc6567f06d742d838eaf35db6804347bb4ba56ca9cef032c4b52743b33e7a22a2678e
+  languageName: node
+  linkType: hard
+
+"npm-run-path@npm:^4.0.0, npm-run-path@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "npm-run-path@npm:4.0.1"
+  dependencies:
+    path-key: "npm:^3.0.0"
+  checksum: 10/5374c0cea4b0bbfdfae62da7bbdf1e1558d338335f4cacf2515c282ff358ff27b2ecb91ffa5330a8b14390ac66a1e146e10700440c1ab868208430f56b5f4d23
+  languageName: node
+  linkType: hard
+
+"npm-run-path@npm:^5.1.0":
+  version: 5.3.0
+  resolution: "npm-run-path@npm:5.3.0"
+  dependencies:
+    path-key: "npm:^4.0.0"
+  checksum: 10/ae8e7a89da9594fb9c308f6555c73f618152340dcaae423e5fb3620026fefbec463618a8b761920382d666fa7a2d8d240b6fe320e8a6cdd54dc3687e2b659d25
+  languageName: node
+  linkType: hard
+
+"nth-check@npm:^2.0.1":
+  version: 2.1.1
+  resolution: "nth-check@npm:2.1.1"
+  dependencies:
+    boolbase: "npm:^1.0.0"
+  checksum: 10/5afc3dafcd1573b08877ca8e6148c52abd565f1d06b1eb08caf982e3fa289a82f2cae697ffb55b5021e146d60443f1590a5d6b944844e944714a5b549675bcd3
+  languageName: node
+  linkType: hard
+
+"nullthrows@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "nullthrows@npm:1.1.1"
+  checksum: 10/c7cf377a095535dc301d81cf7959d3784d090a609a2a4faa40b6121a0c1d7f70d3a3aa534a34ab852e8553b66848ec503c28f2c19efd617ed564dc07dfbb6d33
+  languageName: node
+  linkType: hard
+
+"nwsapi@npm:^2.2.2":
+  version: 2.2.16
+  resolution: "nwsapi@npm:2.2.16"
+  checksum: 10/1e5e086cdd4ca4a45f414d37f49bf0ca81d84ed31c6871ac68f531917d2910845db61f77c6d844430dc90fda202d43fce9603024e74038675de95229eb834dba
+  languageName: node
+  linkType: hard
+
+"oas-kit-common@npm:^1.0.8":
+  version: 1.0.8
+  resolution: "oas-kit-common@npm:1.0.8"
+  dependencies:
+    fast-safe-stringify: "npm:^2.0.7"
+  checksum: 10/576ab5f7c7fde551a9c780fde9392cb9dec5159b62c3ad4499e334bffdb12e089e97dccf2a9d0d1ac5be208f9d6f0e72da5ac3744d878134ef0177eed135cc52
+  languageName: node
+  linkType: hard
+
+"oas-linter@npm:^3.2.2":
+  version: 3.2.2
+  resolution: "oas-linter@npm:3.2.2"
+  dependencies:
+    "@exodus/schemasafe": "npm:^1.0.0-rc.2"
+    should: "npm:^13.2.1"
+    yaml: "npm:^1.10.0"
+  checksum: 10/8111c6c759648215b466e0e507e21e3c125762caf925dff28628c1ac0144bc82fe7f231a3249dd0400dff051574b4d5a7bbcc64b95d2f2f7e41a3377e859c395
+  languageName: node
+  linkType: hard
+
+"oas-resolver@npm:^2.5.6":
+  version: 2.5.6
+  resolution: "oas-resolver@npm:2.5.6"
+  dependencies:
+    node-fetch-h2: "npm:^2.3.0"
+    oas-kit-common: "npm:^1.0.8"
+    reftools: "npm:^1.1.9"
+    yaml: "npm:^1.10.0"
+    yargs: "npm:^17.0.1"
+  bin:
+    resolve: resolve.js
+  checksum: 10/9e20118bf722cb9e9f71a7079336ce705259eb380fa9c2a776d9647b93725314c23abdb6b7b3bc3c91a3559485bbb729447f72ce0c3ca9ce48281b8214a9612d
+  languageName: node
+  linkType: hard
+
+"oas-schema-walker@npm:^1.1.5":
+  version: 1.1.5
+  resolution: "oas-schema-walker@npm:1.1.5"
+  checksum: 10/27bdeda1ebcf557b90cfb5d2ac3ca8e851f601d96215747c19ce0ae8f8458ad8012701b615fe313eacf4665b733f46ec12870f72d453251217b8a3ceb2be9abf
+  languageName: node
+  linkType: hard
+
+"oas-validator@npm:^5.0.8":
+  version: 5.0.8
+  resolution: "oas-validator@npm:5.0.8"
+  dependencies:
+    call-me-maybe: "npm:^1.0.1"
+    oas-kit-common: "npm:^1.0.8"
+    oas-linter: "npm:^3.2.2"
+    oas-resolver: "npm:^2.5.6"
+    oas-schema-walker: "npm:^1.1.5"
+    reftools: "npm:^1.1.9"
+    should: "npm:^13.2.1"
+    yaml: "npm:^1.10.0"
+  checksum: 10/3e392d6c99659e58860b78ef1a46eaf8ad782449fe9a21ccb594b74f88a2c211d39ab9d016ec08c995d8728a250229aba84cb02ca3381f0fb2cc1e6782f4e21a
+  languageName: node
+  linkType: hard
+
+"oazapfts@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "oazapfts@npm:6.1.0"
+  dependencies:
+    "@apidevtools/swagger-parser": "npm:^10.1.0"
+    lodash: "npm:^4.17.21"
+    minimist: "npm:^1.2.8"
+    swagger2openapi: "npm:^7.0.8"
+    tapable: "npm:^2.2.1"
+    typescript: "npm:^5.4.5"
+  peerDependencies:
+    "@oazapfts/runtime": "*"
+  bin:
+    oazapfts: cli.js
+  checksum: 10/804c3936702acf66bb9bcff6bdcdce2708783b31c83262d7097fb04a53d3720d96114cec345408cbf3f933f9c5d198815457853a07362796c6a6d5db7a31d150
+  languageName: node
+  linkType: hard
+
+"ob1@npm:0.82.1":
+  version: 0.82.1
+  resolution: "ob1@npm:0.82.1"
+  dependencies:
+    flow-enums-runtime: "npm:^0.0.6"
+  checksum: 10/726b28f8f8aafef91ad3de9111fe5809e07bdde45d59e3f9d3bfdd868c028c6616fb80836df54d0518c3d8ed411b66a0c09f828e2637a355992e5121988d0c99
+  languageName: node
+  linkType: hard
+
+"object-assign@npm:^4.0.1, object-assign@npm:^4.1.0, object-assign@npm:^4.1.1":
+  version: 4.1.1
+  resolution: "object-assign@npm:4.1.1"
+  checksum: 10/fcc6e4ea8c7fe48abfbb552578b1c53e0d194086e2e6bbbf59e0a536381a292f39943c6e9628af05b5528aa5e3318bb30d6b2e53cadaf5b8fe9e12c4b69af23f
+  languageName: node
+  linkType: hard
+
+"object-inspect@npm:^1.13.3":
+  version: 1.13.3
+  resolution: "object-inspect@npm:1.13.3"
+  checksum: 10/14cb973d8381c69e14d7f1c8c75044eb4caf04c6dabcf40ca5c2ce42dc2073ae0bb2a9939eeca142b0c05215afaa1cd5534adb7c8879c32cba2576e045ed8368
+  languageName: node
+  linkType: hard
+
+"object-inspect@npm:^1.13.4":
+  version: 1.13.4
+  resolution: "object-inspect@npm:1.13.4"
+  checksum: 10/aa13b1190ad3e366f6c83ad8a16ed37a19ed57d267385aa4bfdccda833d7b90465c057ff6c55d035a6b2e52c1a2295582b294217a0a3a1ae7abdd6877ef781fb
+  languageName: node
+  linkType: hard
+
+"object-is@npm:^1.1.5":
+  version: 1.1.6
+  resolution: "object-is@npm:1.1.6"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+  checksum: 10/4f6f544773a595da21c69a7531e0e1d6250670f4e09c55f47eb02c516035cfcb1b46ceb744edfd3ecb362309dbccb6d7f88e43bf42e4d4595ac10a329061053a
+  languageName: node
+  linkType: hard
+
+"object-keys@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "object-keys@npm:1.1.1"
+  checksum: 10/3d81d02674115973df0b7117628ea4110d56042e5326413e4b4313f0bcdf7dd78d4a3acef2c831463fa3796a66762c49daef306f4a0ea1af44877d7086d73bde
+  languageName: node
+  linkType: hard
+
+"object-keys@npm:~0.4.0":
+  version: 0.4.0
+  resolution: "object-keys@npm:0.4.0"
+  checksum: 10/9ab0a2c3d922f7f18d00c1b1646c3a4b686bebeecdd90531bbe5bbbc72a381313b9e43ff0d9cf9b5b212906a19fd02195d013ca5d67d42758e72e5d2a79668d0
+  languageName: node
+  linkType: hard
+
+"object.assign@npm:^4.1.0, object.assign@npm:^4.1.7":
+  version: 4.1.7
+  resolution: "object.assign@npm:4.1.7"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    call-bound: "npm:^1.0.3"
+    define-properties: "npm:^1.2.1"
+    es-object-atoms: "npm:^1.0.0"
+    has-symbols: "npm:^1.1.0"
+    object-keys: "npm:^1.1.1"
+  checksum: 10/3fe28cdd779f2a728a9a66bd688679ba231a2b16646cd1e46b528fe7c947494387dda4bc189eff3417f3717ef4f0a8f2439347cf9a9aa3cef722fbfd9f615587
+  languageName: node
+  linkType: hard
+
+"object.assign@npm:^4.1.4, object.assign@npm:^4.1.5":
+  version: 4.1.5
+  resolution: "object.assign@npm:4.1.5"
+  dependencies:
+    call-bind: "npm:^1.0.5"
+    define-properties: "npm:^1.2.1"
+    has-symbols: "npm:^1.0.3"
+    object-keys: "npm:^1.1.1"
+  checksum: 10/dbb22da4cda82e1658349ea62b80815f587b47131b3dd7a4ab7f84190ab31d206bbd8fe7e26ae3220c55b65725ac4529825f6142154211220302aa6b1518045d
+  languageName: node
+  linkType: hard
+
+"object.entries@npm:^1.1.8":
+  version: 1.1.8
+  resolution: "object.entries@npm:1.1.8"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10/2301918fbd1ee697cf6ff7cd94f060c738c0a7d92b22fd24c7c250e9b593642c9707ad2c44d339303c1439c5967d8964251cdfc855f7f6ec55db2dd79e8dc2a7
+  languageName: node
+  linkType: hard
+
+"object.entries@npm:^1.1.9":
+  version: 1.1.9
+  resolution: "object.entries@npm:1.1.9"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    call-bound: "npm:^1.0.4"
+    define-properties: "npm:^1.2.1"
+    es-object-atoms: "npm:^1.1.1"
+  checksum: 10/24163ab1e1e013796693fc5f5d349e8b3ac0b6a34a7edb6c17d3dd45c6a8854145780c57d302a82512c1582f63720f4b4779d6c1cfba12cbb1420b978802d8a3
+  languageName: node
+  linkType: hard
+
+"object.fromentries@npm:^2.0.8":
+  version: 2.0.8
+  resolution: "object.fromentries@npm:2.0.8"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.2"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10/5b2e80f7af1778b885e3d06aeb335dcc86965e39464671adb7167ab06ac3b0f5dd2e637a90d8ebd7426d69c6f135a4753ba3dd7d0fe2a7030cf718dcb910fd92
+  languageName: node
+  linkType: hard
+
+"object.groupby@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "object.groupby@npm:1.0.3"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.2"
+  checksum: 10/44cb86dd2c660434be65f7585c54b62f0425b0c96b5c948d2756be253ef06737da7e68d7106e35506ce4a44d16aa85a413d11c5034eb7ce5579ec28752eb42d0
+  languageName: node
+  linkType: hard
+
+"object.values@npm:^1.1.6, object.values@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "object.values@npm:1.2.0"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10/db2e498019c354428c5dd30d02980d920ac365b155fce4dcf63eb9433f98ccf0f72624309e182ce7cc227c95e45d474e1d483418e60de2293dd23fa3ebe34903
+  languageName: node
+  linkType: hard
+
+"object.values@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "object.values@npm:1.2.1"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    call-bound: "npm:^1.0.3"
+    define-properties: "npm:^1.2.1"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10/f5ec9eccdefeaaa834b089c525663436812a65ff13de7964a1c3a9110f32054f2d58aa476a645bb14f75a79f3fe1154fb3e7bfdae7ac1e80affe171b2ef74bce
+  languageName: node
+  linkType: hard
+
+"objectorarray@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "objectorarray@npm:1.0.5"
+  checksum: 10/8fd776aa495d113e217837f4adc1d53e63f656498237094d25f84c3e2c038b34b71d6fd85c4b60c7ae5f558790e5042426a400fae3eac35f297e11be12643a78
+  languageName: node
+  linkType: hard
+
+"ofetch@npm:^1.4.1":
+  version: 1.4.1
+  resolution: "ofetch@npm:1.4.1"
+  dependencies:
+    destr: "npm:^2.0.3"
+    node-fetch-native: "npm:^1.6.4"
+    ufo: "npm:^1.5.4"
+  checksum: 10/329ecd5595eff6da090c728e66f4223ad7ba5c2c309446f3707245c1b213da47dfd1eb1740f26b3da9e31ed7b7a903733bdaae85187b714514da865a0c5a4a9c
+  languageName: node
+  linkType: hard
+
+"ohash@npm:^1.1.4":
+  version: 1.1.4
+  resolution: "ohash@npm:1.1.4"
+  checksum: 10/b11445234e59c9c2b00f357f8f00b6ba00e14c84fc0a232cdc14eb1d80066479b09d27af0201631e84b7a15ba7c4a1939f4cc47f2030e9bf83c9e8afc3ff7dfd
+  languageName: node
+  linkType: hard
+
+"on-exit-leak-free@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "on-exit-leak-free@npm:0.2.0"
+  checksum: 10/36a3a1baea964dc01088884e9d87824cc1a3304ae702e7c688bdb5deec61fbb79325977dd6cba5988f60ad40fedc6ef31ec705adf65b4b042bc0d2686186c0dd
+  languageName: node
+  linkType: hard
+
+"on-finished@npm:2.4.1":
+  version: 2.4.1
+  resolution: "on-finished@npm:2.4.1"
+  dependencies:
+    ee-first: "npm:1.1.1"
+  checksum: 10/8e81472c5028125c8c39044ac4ab8ba51a7cdc19a9fbd4710f5d524a74c6d8c9ded4dd0eed83f28d3d33ac1d7a6a439ba948ccb765ac6ce87f30450a26bfe2ea
+  languageName: node
+  linkType: hard
+
+"on-finished@npm:~2.3.0":
+  version: 2.3.0
+  resolution: "on-finished@npm:2.3.0"
+  dependencies:
+    ee-first: "npm:1.1.1"
+  checksum: 10/1db595bd963b0124d6fa261d18320422407b8f01dc65863840f3ddaaf7bcad5b28ff6847286703ca53f4ec19595bd67a2f1253db79fc4094911ec6aa8df1671b
+  languageName: node
+  linkType: hard
+
+"on-headers@npm:~1.0.2":
+  version: 1.0.2
+  resolution: "on-headers@npm:1.0.2"
+  checksum: 10/870766c16345855e2012e9422ba1ab110c7e44ad5891a67790f84610bd70a72b67fdd71baf497295f1d1bf38dd4c92248f825d48729c53c0eae5262fb69fa171
+  languageName: node
+  linkType: hard
+
+"once@npm:^1.3.0, once@npm:^1.3.1, once@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "once@npm:1.4.0"
+  dependencies:
+    wrappy: "npm:1"
+  checksum: 10/cd0a88501333edd640d95f0d2700fbde6bff20b3d4d9bdc521bdd31af0656b5706570d6c6afe532045a20bb8dc0849f8332d6f2a416e0ba6d3d3b98806c7db68
+  languageName: node
+  linkType: hard
+
+"onetime@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "onetime@npm:2.0.1"
+  dependencies:
+    mimic-fn: "npm:^1.0.0"
+  checksum: 10/5b4f6079e6b4973244017e157833ab5a7a3de4bd2612d69411e3ee46f61fe8bb57b7c2e243b0b23dbaa5bad7641a15f9100a5c80295ff64c0d87aab5d1576ef9
+  languageName: node
+  linkType: hard
+
+"onetime@npm:^5.1.0, onetime@npm:^5.1.2":
+  version: 5.1.2
+  resolution: "onetime@npm:5.1.2"
+  dependencies:
+    mimic-fn: "npm:^2.1.0"
+  checksum: 10/e9fd0695a01cf226652f0385bf16b7a24153dbbb2039f764c8ba6d2306a8506b0e4ce570de6ad99c7a6eb49520743afdb66edd95ee979c1a342554ed49a9aadd
+  languageName: node
+  linkType: hard
+
+"onetime@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "onetime@npm:6.0.0"
+  dependencies:
+    mimic-fn: "npm:^4.0.0"
+  checksum: 10/0846ce78e440841335d4e9182ef69d5762e9f38aa7499b19f42ea1c4cd40f0b4446094c455c713f9adac3f4ae86f613bb5e30c99e52652764d06a89f709b3788
+  languageName: node
+  linkType: hard
+
+"onetime@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "onetime@npm:7.0.0"
+  dependencies:
+    mimic-function: "npm:^5.0.0"
+  checksum: 10/eb08d2da9339819e2f9d52cab9caf2557d80e9af8c7d1ae86e1a0fef027d00a88e9f5bd67494d350df360f7c559fbb44e800b32f310fb989c860214eacbb561c
+  languageName: node
+  linkType: hard
+
+"open@npm:^7.0.3":
+  version: 7.4.2
+  resolution: "open@npm:7.4.2"
+  dependencies:
+    is-docker: "npm:^2.0.0"
+    is-wsl: "npm:^2.1.1"
+  checksum: 10/4fc02ed3368dcd5d7247ad3566433ea2695b0713b041ebc0eeb2f0f9e5d4e29fc2068f5cdd500976b3464e77fe8b61662b1b059c73233ccc601fe8b16d6c1cd6
+  languageName: node
+  linkType: hard
+
+"open@npm:^8.0.4":
+  version: 8.4.2
+  resolution: "open@npm:8.4.2"
+  dependencies:
+    define-lazy-prop: "npm:^2.0.0"
+    is-docker: "npm:^2.1.1"
+    is-wsl: "npm:^2.2.0"
+  checksum: 10/acd81a1d19879c818acb3af2d2e8e9d81d17b5367561e623248133deb7dd3aefaed527531df2677d3e6aaf0199f84df57b6b2262babff8bf46ea0029aac536c9
+  languageName: node
+  linkType: hard
+
+"openapi-fetch@npm:0.10.5":
+  version: 0.10.5
+  resolution: "openapi-fetch@npm:0.10.5"
+  dependencies:
+    openapi-typescript-helpers: "npm:^0.0.11"
+  checksum: 10/a561192249299e2dca87261419af3b5fc9027cebbb0fdddd8e1d9ef11ab701b1dcad7b4e89f8975246e8f4f62cd584ee022bf0725a22365d7056dca60173c0d5
+  languageName: node
+  linkType: hard
+
+"openapi-typescript-helpers@npm:^0.0.11":
+  version: 0.0.11
+  resolution: "openapi-typescript-helpers@npm:0.0.11"
+  checksum: 10/f0c6bd64a80de80ea36961979b4077be50a75250d49ba48ac47ed42a084412148b2efa577a5aa55ea0c57d43a34b79194c95d6075d5dc4acf96c875813fa46d0
+  languageName: node
+  linkType: hard
+
+"opener@npm:^1.5.2":
+  version: 1.5.2
+  resolution: "opener@npm:1.5.2"
+  bin:
+    opener: bin/opener-bin.js
+  checksum: 10/0504efcd6546e14c016a261f58a68acf9f2e5c23d84865d7d5470d5169788327ceaa5386253682f533b3fba4821748aa37ecb395f3dae7acb3261b9b22e36814
+  languageName: node
+  linkType: hard
+
+"optionator@npm:^0.9.3":
+  version: 0.9.4
+  resolution: "optionator@npm:0.9.4"
+  dependencies:
+    deep-is: "npm:^0.1.3"
+    fast-levenshtein: "npm:^2.0.6"
+    levn: "npm:^0.4.1"
+    prelude-ls: "npm:^1.2.1"
+    type-check: "npm:^0.4.0"
+    word-wrap: "npm:^1.2.5"
+  checksum: 10/a8398559c60aef88d7f353a4f98dcdff6090a4e70f874c827302bf1213d9106a1c4d5fcb68dacb1feb3c30a04c4102f41047aa55d4c576b863d6fc876e001af6
+  languageName: node
+  linkType: hard
+
+"ora@npm:^3.4.0":
+  version: 3.4.0
+  resolution: "ora@npm:3.4.0"
+  dependencies:
+    chalk: "npm:^2.4.2"
+    cli-cursor: "npm:^2.1.0"
+    cli-spinners: "npm:^2.0.0"
+    log-symbols: "npm:^2.2.0"
+    strip-ansi: "npm:^5.2.0"
+    wcwidth: "npm:^1.0.1"
+  checksum: 10/c8ea1fe255fe9739673c0df6e9bc454061aded80372f2018be93336e16ca0988cc4181e4ddd971cb8062f2f12eb922ef2fec9742979f3c8bcac2b51346e35f45
+  languageName: node
+  linkType: hard
+
+"os-browserify@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "os-browserify@npm:0.3.0"
+  checksum: 10/16e37ba3c0e6a4c63443c7b55799ce4066d59104143cb637ecb9fce586d5da319cdca786ba1c867abbe3890d2cbf37953f2d51eea85e20dd6c4570d6c54bfebf
+  languageName: node
+  linkType: hard
+
+"os-tmpdir@npm:~1.0.2":
+  version: 1.0.2
+  resolution: "os-tmpdir@npm:1.0.2"
+  checksum: 10/5666560f7b9f10182548bf7013883265be33620b1c1b4a4d405c25be2636f970c5488ff3e6c48de75b55d02bde037249fe5dbfbb4c0fb7714953d56aed062e6d
+  languageName: node
+  linkType: hard
+
+"ospath@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "ospath@npm:1.2.2"
+  checksum: 10/505f48a4f4f1c557d6c656ec985707726e3714721680139be037613e903aa8c8fa4ddd8d1342006f9b2dc0065e6e20f8b7bea2ee05354f31257044790367b347
+  languageName: node
+  linkType: hard
+
+"outvariant@npm:^1.4.0, outvariant@npm:^1.4.3":
+  version: 1.4.3
+  resolution: "outvariant@npm:1.4.3"
+  checksum: 10/3a7582745850cb344d49641867a4c080858c54f4091afd91b9c0765ba6e471c2bc841348f0fff344845ddd0a4db42fd5d68c6f7ebaf32d4b676a3a9987b2488a
+  languageName: node
+  linkType: hard
+
+"own-keys@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "own-keys@npm:1.0.1"
+  dependencies:
+    get-intrinsic: "npm:^1.2.6"
+    object-keys: "npm:^1.1.1"
+    safe-push-apply: "npm:^1.0.0"
+  checksum: 10/ab4bb3b8636908554fc19bf899e225444195092864cb61503a0d048fdaf662b04be2605b636a4ffeaf6e8811f6fcfa8cbb210ec964c0eb1a41eb853e1d5d2f41
+  languageName: node
+  linkType: hard
+
+"ox@npm:0.1.2":
+  version: 0.1.2
+  resolution: "ox@npm:0.1.2"
+  dependencies:
+    "@adraffy/ens-normalize": "npm:^1.10.1"
+    "@noble/curves": "npm:^1.6.0"
+    "@noble/hashes": "npm:^1.5.0"
+    "@scure/bip32": "npm:^1.5.0"
+    "@scure/bip39": "npm:^1.4.0"
+    abitype: "npm:^1.0.6"
+    eventemitter3: "npm:5.0.1"
+  peerDependencies:
+    typescript: ">=5.4.0"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/cba00f13289599ff03cee3dbc19167c1d0f01829379d119f962b4e951ee2bf0d14491c7a45974e6a2a745117b13b22e9e4131d285e1f5247ea4e1cbc43c5c3d8
+  languageName: node
+  linkType: hard
+
+"ox@npm:0.6.7":
+  version: 0.6.7
+  resolution: "ox@npm:0.6.7"
+  dependencies:
+    "@adraffy/ens-normalize": "npm:^1.10.1"
+    "@noble/curves": "npm:^1.6.0"
+    "@noble/hashes": "npm:^1.5.0"
+    "@scure/bip32": "npm:^1.5.0"
+    "@scure/bip39": "npm:^1.4.0"
+    abitype: "npm:^1.0.6"
+    eventemitter3: "npm:5.0.1"
+  peerDependencies:
+    typescript: ">=5.4.0"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/442fb31e1afb68922bf942025930d8cd6d8c677696e9a6de308008b3608669f22127cadbc0f77181e012d23d7b74318e5f85e63b06b16eecbc887d7fac32a6dc
+  languageName: node
+  linkType: hard
+
+"ox@npm:0.7.1":
+  version: 0.7.1
+  resolution: "ox@npm:0.7.1"
+  dependencies:
+    "@adraffy/ens-normalize": "npm:^1.10.1"
+    "@noble/ciphers": "npm:^1.3.0"
+    "@noble/curves": "npm:^1.6.0"
+    "@noble/hashes": "npm:^1.5.0"
+    "@scure/bip32": "npm:^1.5.0"
+    "@scure/bip39": "npm:^1.4.0"
+    abitype: "npm:^1.0.6"
+    eventemitter3: "npm:5.0.1"
+  peerDependencies:
+    typescript: ">=5.4.0"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/761e941b6ca6d3a84235bb19a7e1f282e54a8cbc1374aaf4ce0232de50d42cd351074ef3e83d09af71f7522b085cfa92168adb19744dac2556fe83b3bba46f71
+  languageName: node
+  linkType: hard
+
+"oxc-transform@npm:^0.47.1":
+  version: 0.47.1
+  resolution: "oxc-transform@npm:0.47.1"
+  dependencies:
+    "@oxc-transform/binding-darwin-arm64": "npm:0.47.1"
+    "@oxc-transform/binding-darwin-x64": "npm:0.47.1"
+    "@oxc-transform/binding-linux-arm64-gnu": "npm:0.47.1"
+    "@oxc-transform/binding-linux-arm64-musl": "npm:0.47.1"
+    "@oxc-transform/binding-linux-x64-gnu": "npm:0.47.1"
+    "@oxc-transform/binding-linux-x64-musl": "npm:0.47.1"
+    "@oxc-transform/binding-win32-arm64-msvc": "npm:0.47.1"
+    "@oxc-transform/binding-win32-x64-msvc": "npm:0.47.1"
+  dependenciesMeta:
+    "@oxc-transform/binding-darwin-arm64":
+      optional: true
+    "@oxc-transform/binding-darwin-x64":
+      optional: true
+    "@oxc-transform/binding-linux-arm64-gnu":
+      optional: true
+    "@oxc-transform/binding-linux-arm64-musl":
+      optional: true
+    "@oxc-transform/binding-linux-x64-gnu":
+      optional: true
+    "@oxc-transform/binding-linux-x64-musl":
+      optional: true
+    "@oxc-transform/binding-win32-arm64-msvc":
+      optional: true
+    "@oxc-transform/binding-win32-x64-msvc":
+      optional: true
+  checksum: 10/3845f9cfc5d80724c027c554bca88f66dd4916ab0c5667fbe1eeb00d7da41870f9a1ef86b6649df4e6f0a9ba76fe8158f968cbfeed896c5da9b3f0358af04485
+  languageName: node
+  linkType: hard
+
+"p-limit@npm:^2.0.0, p-limit@npm:^2.2.0":
+  version: 2.3.0
+  resolution: "p-limit@npm:2.3.0"
+  dependencies:
+    p-try: "npm:^2.0.0"
+  checksum: 10/84ff17f1a38126c3314e91ecfe56aecbf36430940e2873dadaa773ffe072dc23b7af8e46d4b6485d302a11673fe94c6b67ca2cfbb60c989848b02100d0594ac1
+  languageName: node
+  linkType: hard
+
+"p-limit@npm:^3.0.2, p-limit@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "p-limit@npm:3.1.0"
+  dependencies:
+    yocto-queue: "npm:^0.1.0"
+  checksum: 10/7c3690c4dbf62ef625671e20b7bdf1cbc9534e83352a2780f165b0d3ceba21907e77ad63401708145ca4e25bfc51636588d89a8c0aeb715e6c37d1c066430360
+  languageName: node
+  linkType: hard
+
+"p-limit@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "p-limit@npm:4.0.0"
+  dependencies:
+    yocto-queue: "npm:^1.0.0"
+  checksum: 10/01d9d70695187788f984226e16c903475ec6a947ee7b21948d6f597bed788e3112cc7ec2e171c1d37125057a5f45f3da21d8653e04a3a793589e12e9e80e756b
+  languageName: node
+  linkType: hard
+
+"p-locate@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "p-locate@npm:3.0.0"
+  dependencies:
+    p-limit: "npm:^2.0.0"
+  checksum: 10/83991734a9854a05fe9dbb29f707ea8a0599391f52daac32b86f08e21415e857ffa60f0e120bfe7ce0cc4faf9274a50239c7895fc0d0579d08411e513b83a4ae
+  languageName: node
+  linkType: hard
+
+"p-locate@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "p-locate@npm:4.1.0"
+  dependencies:
+    p-limit: "npm:^2.2.0"
+  checksum: 10/513bd14a455f5da4ebfcb819ef706c54adb09097703de6aeaa5d26fe5ea16df92b48d1ac45e01e3944ce1e6aa2a66f7f8894742b8c9d6e276e16cd2049a2b870
+  languageName: node
+  linkType: hard
+
+"p-locate@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "p-locate@npm:5.0.0"
+  dependencies:
+    p-limit: "npm:^3.0.2"
+  checksum: 10/1623088f36cf1cbca58e9b61c4e62bf0c60a07af5ae1ca99a720837356b5b6c5ba3eb1b2127e47a06865fee59dd0453cad7cc844cda9d5a62ac1a5a51b7c86d3
+  languageName: node
+  linkType: hard
+
+"p-locate@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "p-locate@npm:6.0.0"
+  dependencies:
+    p-limit: "npm:^4.0.0"
+  checksum: 10/2bfe5234efa5e7a4e74b30a5479a193fdd9236f8f6b4d2f3f69e3d286d9a7d7ab0c118a2a50142efcf4e41625def635bd9332d6cbf9cc65d85eb0718c579ab38
+  languageName: node
+  linkType: hard
+
+"p-map@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "p-map@npm:4.0.0"
+  dependencies:
+    aggregate-error: "npm:^3.0.0"
+  checksum: 10/7ba4a2b1e24c05e1fc14bbaea0fc6d85cf005ae7e9c9425d4575550f37e2e584b1af97bcde78eacd7559208f20995988d52881334db16cf77bc1bcf68e48ed7c
+  languageName: node
+  linkType: hard
+
+"p-map@npm:^7.0.2":
+  version: 7.0.3
+  resolution: "p-map@npm:7.0.3"
+  checksum: 10/2ef48ccfc6dd387253d71bf502604f7893ed62090b2c9d73387f10006c342606b05233da0e4f29388227b61eb5aeface6197e166520c465c234552eeab2fe633
+  languageName: node
+  linkType: hard
+
+"p-try@npm:^2.0.0":
+  version: 2.2.0
+  resolution: "p-try@npm:2.2.0"
+  checksum: 10/f8a8e9a7693659383f06aec604ad5ead237c7a261c18048a6e1b5b85a5f8a067e469aa24f5bc009b991ea3b058a87f5065ef4176793a200d4917349881216cae
+  languageName: node
+  linkType: hard
+
+"package-json-from-dist@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "package-json-from-dist@npm:1.0.1"
+  checksum: 10/58ee9538f2f762988433da00e26acc788036914d57c71c246bf0be1b60cdbd77dd60b6a3e1a30465f0b248aeb80079e0b34cb6050b1dfa18c06953bb1cbc7602
+  languageName: node
+  linkType: hard
+
+"pako@npm:~1.0.5":
+  version: 1.0.11
+  resolution: "pako@npm:1.0.11"
+  checksum: 10/1ad07210e894472685564c4d39a08717e84c2a68a70d3c1d9e657d32394ef1670e22972a433cbfe48976cb98b154ba06855dcd3fcfba77f60f1777634bec48c0
+  languageName: node
+  linkType: hard
+
+"papaparse@npm:^5.3.2, papaparse@npm:^5.4.1":
+  version: 5.4.1
+  resolution: "papaparse@npm:5.4.1"
+  checksum: 10/5e6dc978187182ad2efa1d264ffe73d2042cd23b8fb1dcb0b0f5c8c7c772c11e3eb4e166fb0893880ed24529a96abe9065d704cc5b4cb96abf037413cfe43788
+  languageName: node
+  linkType: hard
+
+"param-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "param-case@npm:3.0.4"
+  dependencies:
+    dot-case: "npm:^3.0.4"
+    tslib: "npm:^2.0.3"
+  checksum: 10/b34227fd0f794e078776eb3aa6247442056cb47761e9cd2c4c881c86d84c64205f6a56ef0d70b41ee7d77da02c3f4ed2f88e3896a8fefe08bdfb4deca037c687
+  languageName: node
+  linkType: hard
+
+"parent-module@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "parent-module@npm:1.0.1"
+  dependencies:
+    callsites: "npm:^3.0.0"
+  checksum: 10/6ba8b255145cae9470cf5551eb74be2d22281587af787a2626683a6c20fbb464978784661478dd2a3f1dad74d1e802d403e1b03c1a31fab310259eec8ac560ff
+  languageName: node
+  linkType: hard
+
+"parse-asn1@npm:^5.0.0, parse-asn1@npm:^5.1.7":
+  version: 5.1.7
+  resolution: "parse-asn1@npm:5.1.7"
+  dependencies:
+    asn1.js: "npm:^4.10.1"
+    browserify-aes: "npm:^1.2.0"
+    evp_bytestokey: "npm:^1.0.3"
+    hash-base: "npm:~3.0"
+    pbkdf2: "npm:^3.1.2"
+    safe-buffer: "npm:^5.2.1"
+  checksum: 10/f82c079f4d9a4d33159c7682f9c516680f4d659fde8060697a6b3c1be4795976e826d53a1e5751a81ddc800e9c6d6fa4629b59f6d1f3241ac8447a00c89a67d3
+  languageName: node
+  linkType: hard
+
+"parse-entities@npm:^4.0.0":
+  version: 4.0.2
+  resolution: "parse-entities@npm:4.0.2"
+  dependencies:
+    "@types/unist": "npm:^2.0.0"
+    character-entities-legacy: "npm:^3.0.0"
+    character-reference-invalid: "npm:^2.0.0"
+    decode-named-character-reference: "npm:^1.0.0"
+    is-alphanumerical: "npm:^2.0.0"
+    is-decimal: "npm:^2.0.0"
+    is-hexadecimal: "npm:^2.0.0"
+  checksum: 10/b0ce693d0b3d7ed1cea6fe814e6e077c71532695f01178e846269e9a2bc2f7ff34ca4bb8db80b48af0451100f25bb010df6591c9bb6306e4680ccb423d1e4038
+  languageName: node
+  linkType: hard
+
+"parse-json@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "parse-json@npm:4.0.0"
+  dependencies:
+    error-ex: "npm:^1.3.1"
+    json-parse-better-errors: "npm:^1.0.1"
+  checksum: 10/0fe227d410a61090c247e34fa210552b834613c006c2c64d9a05cfe9e89cf8b4246d1246b1a99524b53b313e9ac024438d0680f67e33eaed7e6f38db64cfe7b5
+  languageName: node
+  linkType: hard
+
+"parse-json@npm:^5.0.0, parse-json@npm:^5.2.0":
+  version: 5.2.0
+  resolution: "parse-json@npm:5.2.0"
+  dependencies:
+    "@babel/code-frame": "npm:^7.0.0"
+    error-ex: "npm:^1.3.1"
+    json-parse-even-better-errors: "npm:^2.3.0"
+    lines-and-columns: "npm:^1.1.6"
+  checksum: 10/62085b17d64da57f40f6afc2ac1f4d95def18c4323577e1eced571db75d9ab59b297d1d10582920f84b15985cbfc6b6d450ccbf317644cfa176f3ed982ad87e2
+  languageName: node
+  linkType: hard
+
+"parse-node-version@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "parse-node-version@npm:1.0.1"
+  checksum: 10/ac9b40c6473035ec2dd0afe793b226743055f8119b50853be2022c817053c3377d02b4bb42e0735d9dcb6c32d16478086934b0a8de570a5f5eebacbfc1514ccd
+  languageName: node
+  linkType: hard
+
+"parse-png@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "parse-png@npm:2.1.0"
+  dependencies:
+    pngjs: "npm:^3.3.0"
+  checksum: 10/0c6b6c42c8830cd16f6f9e9aedafd53111c0ad2ff350ba79c629996887567558f5639ad0c95764f96f7acd1f9ff63d4ac73737e80efa3911a6de9839ee520c96
+  languageName: node
+  linkType: hard
+
+"parse5-htmlparser2-tree-adapter@npm:^7.0.0":
+  version: 7.1.0
+  resolution: "parse5-htmlparser2-tree-adapter@npm:7.1.0"
+  dependencies:
+    domhandler: "npm:^5.0.3"
+    parse5: "npm:^7.0.0"
+  checksum: 10/75910af9137451e9c53e1e0d712f7393f484e89e592b1809ee62ad6cedd61b98daeaa5206ff5d9f06778002c91fac311afedde4880e1916fdb44fa71199dae73
+  languageName: node
+  linkType: hard
+
+"parse5-parser-stream@npm:^7.1.2":
+  version: 7.1.2
+  resolution: "parse5-parser-stream@npm:7.1.2"
+  dependencies:
+    parse5: "npm:^7.0.0"
+  checksum: 10/75b232d460bce6bd0e35012750a78ef034f40ccf550b7c6cec3122395af6b4553202ad3663ad468cf537ead5a2e13b6727670395fd0ff548faccad1dc2dc93cf
+  languageName: node
+  linkType: hard
+
+"parse5@npm:^7.0.0, parse5@npm:^7.1.1, parse5@npm:^7.1.2":
+  version: 7.2.1
+  resolution: "parse5@npm:7.2.1"
+  dependencies:
+    entities: "npm:^4.5.0"
+  checksum: 10/fd1a8ad1540d871e1ad6ca9bf5b67e30280886f1ce4a28052c0cb885723aa984d8cb1ec3da998349a6146960c8a84aa87b1a42600eb3b94495c7303476f2f88e
+  languageName: node
+  linkType: hard
+
+"parseurl@npm:~1.3.3":
+  version: 1.3.3
+  resolution: "parseurl@npm:1.3.3"
+  checksum: 10/407cee8e0a3a4c5cd472559bca8b6a45b82c124e9a4703302326e9ab60fc1081442ada4e02628efef1eb16197ddc7f8822f5a91fd7d7c86b51f530aedb17dfa2
+  languageName: node
+  linkType: hard
+
+"pascal-case@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "pascal-case@npm:3.1.2"
+  dependencies:
+    no-case: "npm:^3.0.4"
+    tslib: "npm:^2.0.3"
+  checksum: 10/ba98bfd595fc91ef3d30f4243b1aee2f6ec41c53b4546bfa3039487c367abaa182471dcfc830a1f9e1a0df00c14a370514fa2b3a1aacc68b15a460c31116873e
+  languageName: node
+  linkType: hard
+
+"password-prompt@npm:^1.0.4":
+  version: 1.1.3
+  resolution: "password-prompt@npm:1.1.3"
+  dependencies:
+    ansi-escapes: "npm:^4.3.2"
+    cross-spawn: "npm:^7.0.3"
+  checksum: 10/1cf7001e66868b2ed7a03e036bc2f1dd45eb6dc8fee7e3e2056370057c484be25e7468fee00a1378e1ee8eca77ba79f48bee5ce15dcb464413987ace63c68b35
+  languageName: node
+  linkType: hard
+
+"path-browserify@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "path-browserify@npm:1.0.1"
+  checksum: 10/7e7368a5207e7c6b9051ef045711d0dc3c2b6203e96057e408e6e74d09f383061010d2be95cb8593fe6258a767c3e9fc6b2bfc7ce8d48ae8c3d9f6994cca9ad8
+  languageName: node
+  linkType: hard
+
+"path-exists@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "path-exists@npm:3.0.0"
+  checksum: 10/96e92643aa34b4b28d0de1cd2eba52a1c5313a90c6542d03f62750d82480e20bfa62bc865d5cfc6165f5fcd5aeb0851043c40a39be5989646f223300021bae0a
+  languageName: node
+  linkType: hard
+
+"path-exists@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "path-exists@npm:4.0.0"
+  checksum: 10/505807199dfb7c50737b057dd8d351b82c033029ab94cb10a657609e00c1bc53b951cfdbccab8de04c5584d5eff31128ce6afd3db79281874a5ef2adbba55ed1
+  languageName: node
+  linkType: hard
+
+"path-exists@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "path-exists@npm:5.0.0"
+  checksum: 10/8ca842868cab09423994596eb2c5ec2a971c17d1a3cb36dbf060592c730c725cd524b9067d7d2a1e031fef9ba7bd2ac6dc5ec9fb92aa693265f7be3987045254
+  languageName: node
+  linkType: hard
+
+"path-is-absolute@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "path-is-absolute@npm:1.0.1"
+  checksum: 10/060840f92cf8effa293bcc1bea81281bd7d363731d214cbe5c227df207c34cd727430f70c6037b5159c8a870b9157cba65e775446b0ab06fd5ecc7e54615a3b8
+  languageName: node
+  linkType: hard
+
+"path-key@npm:^3.0.0, path-key@npm:^3.1.0":
+  version: 3.1.1
+  resolution: "path-key@npm:3.1.1"
+  checksum: 10/55cd7a9dd4b343412a8386a743f9c746ef196e57c823d90ca3ab917f90ab9f13dd0ded27252ba49dbdfcab2b091d998bc446f6220cd3cea65db407502a740020
+  languageName: node
+  linkType: hard
+
+"path-key@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "path-key@npm:4.0.0"
+  checksum: 10/8e6c314ae6d16b83e93032c61020129f6f4484590a777eed709c4a01b50e498822b00f76ceaf94bc64dbd90b327df56ceadce27da3d83393790f1219e07721d7
+  languageName: node
+  linkType: hard
+
+"path-parse@npm:^1.0.5, path-parse@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "path-parse@npm:1.0.7"
+  checksum: 10/49abf3d81115642938a8700ec580da6e830dde670be21893c62f4e10bd7dd4c3742ddc603fe24f898cba7eb0c6bc1777f8d9ac14185d34540c6d4d80cd9cae8a
+  languageName: node
+  linkType: hard
+
+"path-scurry@npm:^1.11.1":
+  version: 1.11.1
+  resolution: "path-scurry@npm:1.11.1"
+  dependencies:
+    lru-cache: "npm:^10.2.0"
+    minipass: "npm:^5.0.0 || ^6.0.2 || ^7.0.0"
+  checksum: 10/5e8845c159261adda6f09814d7725683257fcc85a18f329880ab4d7cc1d12830967eae5d5894e453f341710d5484b8fdbbd4d75181b4d6e1eb2f4dc7aeadc434
+  languageName: node
+  linkType: hard
+
+"path-scurry@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "path-scurry@npm:2.0.0"
+  dependencies:
+    lru-cache: "npm:^11.0.0"
+    minipass: "npm:^7.1.2"
+  checksum: 10/285ae0c2d6c34ae91dc1d5378ede21981c9a2f6de1ea9ca5a88b5a270ce9763b83dbadc7a324d512211d8d36b0c540427d3d0817030849d97a60fa840a2c59ec
+  languageName: node
+  linkType: hard
+
+"path-to-regexp@npm:^6.3.0":
+  version: 6.3.0
+  resolution: "path-to-regexp@npm:6.3.0"
+  checksum: 10/6822f686f01556d99538b350722ef761541ec0ce95ca40ce4c29e20a5b492fe8361961f57993c71b2418de12e604478dcf7c430de34b2c31a688363a7a944d9c
+  languageName: node
+  linkType: hard
+
+"path-type@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "path-type@npm:4.0.0"
+  checksum: 10/5b1e2daa247062061325b8fdbfd1fb56dde0a448fb1455453276ea18c60685bdad23a445dc148cf87bc216be1573357509b7d4060494a6fd768c7efad833ee45
+  languageName: node
+  linkType: hard
+
+"pathe@npm:^1.1.1, pathe@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "pathe@npm:1.1.2"
+  checksum: 10/f201d796351bf7433d147b92c20eb154a4e0ea83512017bf4ec4e492a5d6e738fb45798be4259a61aa81270179fce11026f6ff0d3fa04173041de044defe9d80
+  languageName: node
+  linkType: hard
+
+"pathval@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "pathval@npm:2.0.0"
+  checksum: 10/b91575bf9cdf01757afd7b5e521eb8a0b874a49bc972d08e0047cfea0cd3c019f5614521d4bc83d2855e3fcc331db6817dfd533dd8f3d90b16bc76fad2450fc1
+  languageName: node
+  linkType: hard
+
+"pbkdf2@npm:^3.0.17, pbkdf2@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "pbkdf2@npm:3.1.2"
+  dependencies:
+    create-hash: "npm:^1.1.2"
+    create-hmac: "npm:^1.1.4"
+    ripemd160: "npm:^2.0.1"
+    safe-buffer: "npm:^5.0.1"
+    sha.js: "npm:^2.4.8"
+  checksum: 10/40bdf30df1c9bb1ae41ec50c11e480cf0d36484b7c7933bf55e4451d1d0e3f09589df70935c56e7fccc5702779a0d7b842d012be8c08a187b44eb24d55bb9460
+  languageName: node
+  linkType: hard
+
+"pend@npm:~1.2.0":
+  version: 1.2.0
+  resolution: "pend@npm:1.2.0"
+  checksum: 10/6c72f5243303d9c60bd98e6446ba7d30ae29e3d56fdb6fae8767e8ba6386f33ee284c97efe3230a0d0217e2b1723b8ab490b1bbf34fcbb2180dbc8a9de47850d
+  languageName: node
+  linkType: hard
+
+"performance-now@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "performance-now@npm:2.1.0"
+  checksum: 10/534e641aa8f7cba160f0afec0599b6cecefbb516a2e837b512be0adbe6c1da5550e89c78059c7fabc5c9ffdf6627edabe23eb7c518c4500067a898fa65c2b550
+  languageName: node
+  linkType: hard
+
+"picocolors@npm:^1.0.0, picocolors@npm:^1.1.0, picocolors@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "picocolors@npm:1.1.1"
+  checksum: 10/e1cf46bf84886c79055fdfa9dcb3e4711ad259949e3565154b004b260cd356c5d54b31a1437ce9782624bf766272fe6b0154f5f0c744fb7af5d454d2b60db045
+  languageName: node
+  linkType: hard
+
+"picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.2.2, picomatch@npm:^2.2.3, picomatch@npm:^2.3.1":
+  version: 2.3.1
+  resolution: "picomatch@npm:2.3.1"
+  checksum: 10/60c2595003b05e4535394d1da94850f5372c9427ca4413b71210f437f7b2ca091dbd611c45e8b37d10036fa8eade25c1b8951654f9d3973bfa66a2ff4d3b08bc
+  languageName: node
+  linkType: hard
+
+"picomatch@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "picomatch@npm:3.0.1"
+  checksum: 10/65ac837fedbd0640586f7c214f6c7481e1e12f41cdcd22a95eb6a2914d1773707ed0f0b5bd2d1e39b5ec7860b43a4c9150152332a3884cd8dd1d419b2a2fa5b5
+  languageName: node
+  linkType: hard
+
+"picomatch@npm:^4.0.2":
+  version: 4.0.2
+  resolution: "picomatch@npm:4.0.2"
+  checksum: 10/ce617b8da36797d09c0baacb96ca8a44460452c89362d7cb8f70ca46b4158ba8bc3606912de7c818eb4a939f7f9015cef3c766ec8a0c6bfc725fdc078e39c717
+  languageName: node
+  linkType: hard
+
+"pidtree@npm:~0.6.0":
+  version: 0.6.0
+  resolution: "pidtree@npm:0.6.0"
+  bin:
+    pidtree: bin/pidtree.js
+  checksum: 10/ea67fb3159e170fd069020e0108ba7712df9f0fd13c8db9b2286762856ddce414fb33932e08df4bfe36e91fe860b51852aee49a6f56eb4714b69634343add5df
+  languageName: node
+  linkType: hard
+
+"pify@npm:^2.2.0":
+  version: 2.3.0
+  resolution: "pify@npm:2.3.0"
+  checksum: 10/9503aaeaf4577acc58642ad1d25c45c6d90288596238fb68f82811c08104c800e5a7870398e9f015d82b44ecbcbef3dc3d4251a1cbb582f6e5959fe09884b2ba
+  languageName: node
+  linkType: hard
+
+"pify@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "pify@npm:4.0.1"
+  checksum: 10/8b97cbf9dc6d4c1320cc238a2db0fc67547f9dc77011729ff353faf34f1936ea1a4d7f3c63b2f4980b253be77bcc72ea1e9e76ee3fd53cce2aafb6a8854d07ec
+  languageName: node
+  linkType: hard
+
+"pino-abstract-transport@npm:v0.5.0":
+  version: 0.5.0
+  resolution: "pino-abstract-transport@npm:0.5.0"
+  dependencies:
+    duplexify: "npm:^4.1.2"
+    split2: "npm:^4.0.0"
+  checksum: 10/d304a104e5cb0c3fef62ea544a4a39bf2472a602cdd7ddb136b0671b9c324ad93fa7888825c4cf33e624802436e897081ba92440f40518b9f2dbdbc0c889e409
+  languageName: node
+  linkType: hard
+
+"pino-std-serializers@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "pino-std-serializers@npm:4.0.0"
+  checksum: 10/cec586f9634ef0e6582f62bc8fc5ca5b6e5e11ab88fe3950c66fb0fd5d6690f66bc39cd3f27216b925d2963ad5c3bba415718819ac20ebe0390c7d056cbfea1b
+  languageName: node
+  linkType: hard
+
+"pino@npm:7.11.0":
+  version: 7.11.0
+  resolution: "pino@npm:7.11.0"
+  dependencies:
+    atomic-sleep: "npm:^1.0.0"
+    fast-redact: "npm:^3.0.0"
+    on-exit-leak-free: "npm:^0.2.0"
+    pino-abstract-transport: "npm:v0.5.0"
+    pino-std-serializers: "npm:^4.0.0"
+    process-warning: "npm:^1.0.0"
+    quick-format-unescaped: "npm:^4.0.3"
+    real-require: "npm:^0.1.0"
+    safe-stable-stringify: "npm:^2.1.0"
+    sonic-boom: "npm:^2.2.1"
+    thread-stream: "npm:^0.15.1"
+  bin:
+    pino: bin.js
+  checksum: 10/1c7b4b52fea76e0bc5d8b1190a0fee24279cb16d76fdb5833b32b64256fd8a94d641574b850faba5be72514f04045206b6d902a9a3f5ceae2a4296687088e073
+  languageName: node
+  linkType: hard
+
+"pirates@npm:^4.0.1, pirates@npm:^4.0.4, pirates@npm:^4.0.6":
+  version: 4.0.6
+  resolution: "pirates@npm:4.0.6"
+  checksum: 10/d02dda76f4fec1cbdf395c36c11cf26f76a644f9f9a1bfa84d3167d0d3154d5289aacc72677aa20d599bb4a6937a471de1b65c995e2aea2d8687cbcd7e43ea5f
+  languageName: node
+  linkType: hard
+
+"pixelmatch@npm:^5.2.1":
+  version: 5.3.0
+  resolution: "pixelmatch@npm:5.3.0"
+  dependencies:
+    pngjs: "npm:^6.0.0"
+  bin:
+    pixelmatch: bin/pixelmatch
+  checksum: 10/10778aaa432211253ab0ae9160233d8aa56769ab6312b6bf8375100b67aaa126821626a0c3b433fb2a977864a8d2d145d754d4afa9ac14b84fcb1a0bdf98a4ae
+  languageName: node
+  linkType: hard
+
+"pkg-dir@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "pkg-dir@npm:3.0.0"
+  dependencies:
+    find-up: "npm:^3.0.0"
+  checksum: 10/70c9476ffefc77552cc6b1880176b71ad70bfac4f367604b2b04efd19337309a4eec985e94823271c7c0e83946fa5aeb18cd360d15d10a5d7533e19344bfa808
+  languageName: node
+  linkType: hard
+
+"pkg-dir@npm:^4.1.0, pkg-dir@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "pkg-dir@npm:4.2.0"
+  dependencies:
+    find-up: "npm:^4.0.0"
+  checksum: 10/9863e3f35132bf99ae1636d31ff1e1e3501251d480336edb1c211133c8d58906bed80f154a1d723652df1fda91e01c7442c2eeaf9dc83157c7ae89087e43c8d6
+  languageName: node
+  linkType: hard
+
+"pkg-dir@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "pkg-dir@npm:7.0.0"
+  dependencies:
+    find-up: "npm:^6.3.0"
+  checksum: 10/94298b20a446bfbbd66604474de8a0cdd3b8d251225170970f15d9646f633e056c80520dd5b4c1d1050c9fed8f6a9e5054b141c93806439452efe72e57562c03
+  languageName: node
+  linkType: hard
+
+"pkg-types@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "pkg-types@npm:1.2.1"
+  dependencies:
+    confbox: "npm:^0.1.8"
+    mlly: "npm:^1.7.2"
+    pathe: "npm:^1.1.2"
+  checksum: 10/d61f4b7a2351b55b22f1d08f5f9b4236928d5660886131cc0e11576362e2b3bfcb54084bb4a0ba79147b707a27dcae87444a86e731113e152ffd3b6155ce5a5a
+  languageName: node
+  linkType: hard
+
+"plist@npm:^3.0.5":
+  version: 3.1.0
+  resolution: "plist@npm:3.1.0"
+  dependencies:
+    "@xmldom/xmldom": "npm:^0.8.8"
+    base64-js: "npm:^1.5.1"
+    xmlbuilder: "npm:^15.1.1"
+  checksum: 10/f513beecc01a021b4913d4e5816894580b284335ae437e7ed2d5e78f8b6f0d2e0f874ec57bab9c9d424cc49e77b8347efa75abcfa8ac138dbfb63a045e1ce559
+  languageName: node
+  linkType: hard
+
+"pngjs@npm:^3.3.0":
+  version: 3.4.0
+  resolution: "pngjs@npm:3.4.0"
+  checksum: 10/0e9227a413ce4b4f5ebae4465b366efc9ca545c74304f3cc30ba2075159eb12f01a6a821c4f61f2b048bd85356abbe6d2109df7052a9030ef4d7a42d99760af6
+  languageName: node
+  linkType: hard
+
+"pngjs@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "pngjs@npm:5.0.0"
+  checksum: 10/345781644740779752505af2fea3e9043f6c7cc349b18e1fb8842796360d1624791f0c24d33c0f27b05658373f90ffaa177a849e932e5fea1f540cef3975f3c9
+  languageName: node
+  linkType: hard
+
+"pngjs@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "pngjs@npm:6.0.0"
+  checksum: 10/692751ccd5e762623103900922caac982caa90258d9c6c04a6e2bc3397b1dedbaf9db826fc0fa068a29d607cad3df1d1eded0dec2ee35a0015c65cb5ef33ad18
+  languageName: node
+  linkType: hard
+
+"pnp-webpack-plugin@npm:^1.7.0":
+  version: 1.7.0
+  resolution: "pnp-webpack-plugin@npm:1.7.0"
+  dependencies:
+    ts-pnp: "npm:^1.1.6"
+  checksum: 10/a41716d13607be5a3e06ba58b17e9e619cf07da3a0a7b10bd41cd89362873041054fd2b7966ad30a1b26b826cfb8fecc0469a95902d5b1b8ba8f591e2fe6b96d
+  languageName: node
+  linkType: hard
+
+"polished@npm:^4.2.2, polished@npm:^4.3.1":
+  version: 4.3.1
+  resolution: "polished@npm:4.3.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.17.8"
+  checksum: 10/0902fe2eb16aecde1587a00efee7db8081b1331ac7bcfb6e61214d266388723a84858d732ad9395028e0aecd2bb8d0c39cc03d14b4c24c22329a0e40c38141eb
+  languageName: node
+  linkType: hard
+
+"popmotion@npm:11.0.3":
+  version: 11.0.3
+  resolution: "popmotion@npm:11.0.3"
+  dependencies:
+    framesync: "npm:6.0.1"
+    hey-listen: "npm:^1.0.8"
+    style-value-types: "npm:5.0.0"
+    tslib: "npm:^2.1.0"
+  checksum: 10/d2b6f16536b093d6106ab4caff105b1b4a8bb260e1deb316ca4fe81997c2ca1fc9e2d7747cee08dc2ce34d23ef7be8fd096efa7bc7f6908479da9d16343e1f63
+  languageName: node
+  linkType: hard
+
+"possible-typed-array-names@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "possible-typed-array-names@npm:1.0.0"
+  checksum: 10/8ed3e96dfeea1c5880c1f4c9cb707e5fb26e8be22f14f82ef92df20fd2004e635c62ba47fbe8f2bb63bfd80dac1474be2fb39798da8c2feba2815435d1f749af
+  languageName: node
+  linkType: hard
+
+"postcss-load-config@npm:^3.1.4":
+  version: 3.1.4
+  resolution: "postcss-load-config@npm:3.1.4"
+  dependencies:
+    lilconfig: "npm:^2.0.5"
+    yaml: "npm:^1.10.2"
+  peerDependencies:
+    postcss: ">=8.0.9"
+    ts-node: ">=9.0.0"
+  peerDependenciesMeta:
+    postcss:
+      optional: true
+    ts-node:
+      optional: true
+  checksum: 10/75fa409d77b96e6f53e99f680c550f25ca8922c1150d3d368ded1f6bd8e0d4d67a615fe1f1c5d409aefb6e66fb4b5e48e86856d581329913de84578def078b19
+  languageName: node
+  linkType: hard
+
+"postcss-loader@npm:^8.1.1":
+  version: 8.1.1
+  resolution: "postcss-loader@npm:8.1.1"
+  dependencies:
+    cosmiconfig: "npm:^9.0.0"
+    jiti: "npm:^1.20.0"
+    semver: "npm:^7.5.4"
+  peerDependencies:
+    "@rspack/core": 0.x || 1.x
+    postcss: ^7.0.0 || ^8.0.1
+    webpack: ^5.0.0
+  peerDependenciesMeta:
+    "@rspack/core":
+      optional: true
+    webpack:
+      optional: true
+  checksum: 10/7ae38e635119a808ec05e25a5d1327afd40f5f07e1ae40827e4be5e9d1d0adf0e8e277252c13ddbc8909a1bc53fecb15741db340b98966c2bd9cab867cfe5f10
+  languageName: node
+  linkType: hard
+
+"postcss-modules-extract-imports@npm:^3.0.0, postcss-modules-extract-imports@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "postcss-modules-extract-imports@npm:3.1.0"
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: 10/00bfd3aff045fc13ded8e3bbfd8dfc73eff9a9708db1b2a132266aef6544c8d2aee7a5d7e021885f6f9bbd5565a9a9ab52990316e21ad9468a2534f87df8e849
+  languageName: node
+  linkType: hard
+
+"postcss-modules-local-by-default@npm:^4.0.0":
+  version: 4.2.0
+  resolution: "postcss-modules-local-by-default@npm:4.2.0"
+  dependencies:
+    icss-utils: "npm:^5.0.0"
+    postcss-selector-parser: "npm:^7.0.0"
+    postcss-value-parser: "npm:^4.1.0"
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: 10/552329aa39fbf229b8ac5a04f8aed0b1553e7a3c10b165ee700d1deb020c071875b3df7ab5e3591f6af33d461df66d330ec9c1256229e45fc618a47c60f41536
+  languageName: node
+  linkType: hard
+
+"postcss-modules-local-by-default@npm:^4.0.5":
+  version: 4.1.0
+  resolution: "postcss-modules-local-by-default@npm:4.1.0"
+  dependencies:
+    icss-utils: "npm:^5.0.0"
+    postcss-selector-parser: "npm:^7.0.0"
+    postcss-value-parser: "npm:^4.1.0"
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: 10/1ea247c6dd3d36beb4c849bcf3bc7eab48ee06d91a0c4cc299b9e1c30c2aa384cfaef95019e475a2fb64693edf08fd3633db8f000dc4dbd1e4979c779bdc902c
+  languageName: node
+  linkType: hard
+
+"postcss-modules-scope@npm:^3.0.0, postcss-modules-scope@npm:^3.2.0":
+  version: 3.2.1
+  resolution: "postcss-modules-scope@npm:3.2.1"
+  dependencies:
+    postcss-selector-parser: "npm:^7.0.0"
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: 10/51c747fa15cedf1b2856da472985ea7a7bb510a63daf30f95f250f34fce9e28ef69b802e6cc03f9c01f69043d171bc33279109a9235847c2d3a75c44eac67334
+  languageName: node
+  linkType: hard
+
+"postcss-modules-values@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "postcss-modules-values@npm:4.0.0"
+  dependencies:
+    icss-utils: "npm:^5.0.0"
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: 10/18021961a494e69e65da9e42b4436144c9ecee65845c9bfeff2b7a26ea73d60762f69e288be8bb645447965b8fd6b26a264771136810dc0172bd31b940aee4f2
+  languageName: node
+  linkType: hard
+
+"postcss-selector-parser@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "postcss-selector-parser@npm:7.0.0"
+  dependencies:
+    cssesc: "npm:^3.0.0"
+    util-deprecate: "npm:^1.0.2"
+  checksum: 10/0e92be7281e2b440a8be8cf207de40a24ca7bc765577916499614d5a47827a3e658206728cc559db96803e554270516104aad919a04f91bfa8914ccef1ba14ca
+  languageName: node
+  linkType: hard
+
+"postcss-value-parser@npm:^4.1.0, postcss-value-parser@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "postcss-value-parser@npm:4.2.0"
+  checksum: 10/e4e4486f33b3163a606a6ed94f9c196ab49a37a7a7163abfcd469e5f113210120d70b8dd5e33d64636f41ad52316a3725655421eb9a1094f1bcab1db2f555c62
+  languageName: node
+  linkType: hard
+
+"postcss@npm:8.4.31":
+  version: 8.4.31
+  resolution: "postcss@npm:8.4.31"
+  dependencies:
+    nanoid: "npm:^3.3.6"
+    picocolors: "npm:^1.0.0"
+    source-map-js: "npm:^1.0.2"
+  checksum: 10/1a6653e72105907377f9d4f2cd341d8d90e3fde823a5ddea1e2237aaa56933ea07853f0f2758c28892a1d70c53bbaca200eb8b80f8ed55f13093003dbec5afa0
+  languageName: node
+  linkType: hard
+
+"postcss@npm:^8.0.0, postcss@npm:^8.2.14, postcss@npm:^8.4.21, postcss@npm:^8.4.33, postcss@npm:^8.4.38, postcss@npm:~8.4.32":
+  version: 8.4.49
+  resolution: "postcss@npm:8.4.49"
+  dependencies:
+    nanoid: "npm:^3.3.7"
+    picocolors: "npm:^1.1.1"
+    source-map-js: "npm:^1.2.1"
+  checksum: 10/28fe1005b1339870e0a5006375ba5ac1213fd69800f79e7db09c398e074421ba6e162898e94f64942fed554037fd292db3811d87835d25ab5ef7f3c9daacb6ca
+  languageName: node
+  linkType: hard
+
+"preact@npm:^10.24.2":
+  version: 10.26.2
+  resolution: "preact@npm:10.26.2"
+  checksum: 10/3bcb7bb5018b6098c2f02e39537b9fa60fe47cd606ed1ad11a32560751121a54ed3a3d68638c4845f84cb633133467496cbf198fdf3d7238a41d2c92929b9d63
+  languageName: node
+  linkType: hard
+
+"prelude-ls@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "prelude-ls@npm:1.2.1"
+  checksum: 10/0b9d2c76801ca652a7f64892dd37b7e3fab149a37d2424920099bf894acccc62abb4424af2155ab36dea8744843060a2d8ddc983518d0b1e22265a22324b72ed
+  languageName: node
+  linkType: hard
+
+"prettier-linter-helpers@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "prettier-linter-helpers@npm:1.0.0"
+  dependencies:
+    fast-diff: "npm:^1.1.2"
+  checksum: 10/00ce8011cf6430158d27f9c92cfea0a7699405633f7f1d4a45f07e21bf78e99895911cbcdc3853db3a824201a7c745bd49bfea8abd5fb9883e765a90f74f8392
+  languageName: node
+  linkType: hard
+
+"prettier@npm:^3.2.5, prettier@npm:^3.4.2":
+  version: 3.4.2
+  resolution: "prettier@npm:3.4.2"
+  bin:
+    prettier: bin/prettier.cjs
+  checksum: 10/a3e806fb0b635818964d472d35d27e21a4e17150c679047f5501e1f23bd4aa806adf660f0c0d35214a210d5d440da6896c2e86156da55f221a57938278dc326e
+  languageName: node
+  linkType: hard
+
+"pretty-bytes@npm:^5.3.0, pretty-bytes@npm:^5.4.1, pretty-bytes@npm:^5.6.0":
+  version: 5.6.0
+  resolution: "pretty-bytes@npm:5.6.0"
+  checksum: 10/9c082500d1e93434b5b291bd651662936b8bd6204ec9fa17d563116a192d6d86b98f6d328526b4e8d783c07d5499e2614a807520249692da9ec81564b2f439cd
+  languageName: node
+  linkType: hard
+
+"pretty-error@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "pretty-error@npm:4.0.0"
+  dependencies:
+    lodash: "npm:^4.17.20"
+    renderkid: "npm:^3.0.0"
+  checksum: 10/0212ad8742f8bb6f412f95b07d7f6874c55514ac4384f4f7de0defe77e767cca99f667c2316529f62a041fa654194a99c1ee7e321e1b7f794b5cc700777634d6
+  languageName: node
+  linkType: hard
+
+"pretty-format@npm:^27.0.2":
+  version: 27.5.1
+  resolution: "pretty-format@npm:27.5.1"
+  dependencies:
+    ansi-regex: "npm:^5.0.1"
+    ansi-styles: "npm:^5.0.0"
+    react-is: "npm:^17.0.1"
+  checksum: 10/248990cbef9e96fb36a3e1ae6b903c551ca4ddd733f8d0912b9cc5141d3d0b3f9f8dfb4d799fb1c6723382c9c2083ffbfa4ad43ff9a0e7535d32d41fd5f01da6
+  languageName: node
+  linkType: hard
+
+"pretty-format@npm:^29.0.0, pretty-format@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "pretty-format@npm:29.7.0"
+  dependencies:
+    "@jest/schemas": "npm:^29.6.3"
+    ansi-styles: "npm:^5.0.0"
+    react-is: "npm:^18.0.0"
+  checksum: 10/dea96bc83c83cd91b2bfc55757b6b2747edcaac45b568e46de29deee80742f17bc76fe8898135a70d904f4928eafd8bb693cd1da4896e8bdd3c5e82cadf1d2bb
+  languageName: node
+  linkType: hard
+
+"proc-log@npm:^4.0.0":
+  version: 4.2.0
+  resolution: "proc-log@npm:4.2.0"
+  checksum: 10/4e1394491b717f6c1ade15c570ecd4c2b681698474d3ae2d303c1e4b6ab9455bd5a81566211e82890d5a5ae9859718cc6954d5150bb18b09b72ecb297beae90a
+  languageName: node
+  linkType: hard
+
+"proc-log@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "proc-log@npm:5.0.0"
+  checksum: 10/35610bdb0177d3ab5d35f8827a429fb1dc2518d9e639f2151ac9007f01a061c30e0c635a970c9b00c39102216160f6ec54b62377c92fac3b7bfc2ad4b98d195c
+  languageName: node
+  linkType: hard
+
+"process-nextick-args@npm:~2.0.0":
+  version: 2.0.1
+  resolution: "process-nextick-args@npm:2.0.1"
+  checksum: 10/1d38588e520dab7cea67cbbe2efdd86a10cc7a074c09657635e34f035277b59fbb57d09d8638346bf7090f8e8ebc070c96fa5fd183b777fff4f5edff5e9466cf
+  languageName: node
+  linkType: hard
+
+"process-warning@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "process-warning@npm:1.0.0"
+  checksum: 10/8736d11d8d71c349d176e210305e84d74b13af06efb3c779377b056bfd608257d1e4e32b8fbbf90637c900f0313e40f7c9f583140884f667a21fc10a869b840c
+  languageName: node
+  linkType: hard
+
+"process@npm:^0.11.10":
+  version: 0.11.10
+  resolution: "process@npm:0.11.10"
+  checksum: 10/dbaa7e8d1d5cf375c36963ff43116772a989ef2bb47c9bdee20f38fd8fc061119cf38140631cf90c781aca4d3f0f0d2c834711952b728953f04fd7d238f59f5b
+  languageName: node
+  linkType: hard
+
+"progress@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "progress@npm:2.0.3"
+  checksum: 10/e6f0bcb71f716eee9dfac0fe8a2606e3704d6a64dd93baaf49fbadbc8499989a610fe14cf1bc6f61b6d6653c49408d94f4a94e124538084efd8e4cf525e0293d
+  languageName: node
+  linkType: hard
+
+"promise-retry@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "promise-retry@npm:2.0.1"
+  dependencies:
+    err-code: "npm:^2.0.2"
+    retry: "npm:^0.12.0"
+  checksum: 10/96e1a82453c6c96eef53a37a1d6134c9f2482f94068f98a59145d0986ca4e497bf110a410adf73857e588165eab3899f0ebcf7b3890c1b3ce802abc0d65967d4
+  languageName: node
+  linkType: hard
+
+"promise@npm:^7.1.1":
+  version: 7.3.1
+  resolution: "promise@npm:7.3.1"
+  dependencies:
+    asap: "npm:~2.0.3"
+  checksum: 10/37dbe58ca7b0716cc881f0618128f1fd6ff9c46cdc529a269fd70004e567126a449a94e9428e2d19b53d06182d11b45d0c399828f103e06b2bb87643319bd2e7
+  languageName: node
+  linkType: hard
+
+"promise@npm:^8.3.0":
+  version: 8.3.0
+  resolution: "promise@npm:8.3.0"
+  dependencies:
+    asap: "npm:~2.0.6"
+  checksum: 10/55e9d0d723c66810966bc055c6c77a3658c0af7e4a8cc88ea47aeaf2949ca0bd1de327d9c631df61236f5406ad478384fa19a77afb3f88c0303eba9e5eb0a8d8
+  languageName: node
+  linkType: hard
+
+"prompts@npm:^2.0.1, prompts@npm:^2.2.1, prompts@npm:^2.3.2":
+  version: 2.4.2
+  resolution: "prompts@npm:2.4.2"
+  dependencies:
+    kleur: "npm:^3.0.3"
+    sisteransi: "npm:^1.0.5"
+  checksum: 10/c52536521a4d21eff4f2f2aa4572446cad227464066365a7167e52ccf8d9839c099f9afec1aba0eed3d5a2514b3e79e0b3e7a1dc326b9acde6b75d27ed74b1a9
+  languageName: node
+  linkType: hard
+
+"prop-types@npm:15.8.1, prop-types@npm:^15.5.10, prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
+  version: 15.8.1
+  resolution: "prop-types@npm:15.8.1"
+  dependencies:
+    loose-envify: "npm:^1.4.0"
+    object-assign: "npm:^4.1.1"
+    react-is: "npm:^16.13.1"
+  checksum: 10/7d959caec002bc964c86cdc461ec93108b27337dabe6192fb97d69e16a0c799a03462713868b40749bfc1caf5f57ef80ac3e4ffad3effa636ee667582a75e2c0
+  languageName: node
+  linkType: hard
+
+"property-information@npm:^6.0.0":
+  version: 6.5.0
+  resolution: "property-information@npm:6.5.0"
+  checksum: 10/fced94f3a09bf651ad1824d1bdc8980428e3e480e6d01e98df6babe2cc9d45a1c52eee9a7736d2006958f9b394eb5964dedd37e23038086ddc143fc2fd5e426c
+  languageName: node
+  linkType: hard
+
+"protobufjs@npm:7.4.0, protobufjs@npm:^7.2.5":
+  version: 7.4.0
+  resolution: "protobufjs@npm:7.4.0"
+  dependencies:
+    "@protobufjs/aspromise": "npm:^1.1.2"
+    "@protobufjs/base64": "npm:^1.1.2"
+    "@protobufjs/codegen": "npm:^2.0.4"
+    "@protobufjs/eventemitter": "npm:^1.1.0"
+    "@protobufjs/fetch": "npm:^1.1.0"
+    "@protobufjs/float": "npm:^1.0.2"
+    "@protobufjs/inquire": "npm:^1.1.0"
+    "@protobufjs/path": "npm:^1.1.2"
+    "@protobufjs/pool": "npm:^1.1.0"
+    "@protobufjs/utf8": "npm:^1.1.0"
+    "@types/node": "npm:>=13.7.0"
+    long: "npm:^5.0.0"
+  checksum: 10/408423506610f70858d7593632f4a6aa4f05796c90fd632be9b9252457c795acc71aa6d3b54bb7f48a890141728fee4ca3906723ccea6c202ad71f21b3879b8b
+  languageName: node
+  linkType: hard
+
+"protobufjs@npm:^6.10.2":
+  version: 6.11.4
+  resolution: "protobufjs@npm:6.11.4"
+  dependencies:
+    "@protobufjs/aspromise": "npm:^1.1.2"
+    "@protobufjs/base64": "npm:^1.1.2"
+    "@protobufjs/codegen": "npm:^2.0.4"
+    "@protobufjs/eventemitter": "npm:^1.1.0"
+    "@protobufjs/fetch": "npm:^1.1.0"
+    "@protobufjs/float": "npm:^1.0.2"
+    "@protobufjs/inquire": "npm:^1.1.0"
+    "@protobufjs/path": "npm:^1.1.2"
+    "@protobufjs/pool": "npm:^1.1.0"
+    "@protobufjs/utf8": "npm:^1.1.0"
+    "@types/long": "npm:^4.0.1"
+    "@types/node": "npm:>=13.7.0"
+    long: "npm:^4.0.0"
+  bin:
+    pbjs: bin/pbjs
+    pbts: bin/pbts
+  checksum: 10/6b7fd7540d74350d65c38f69f398c9995ae019da070e79d9cd464a458c6d19b40b07c9a026be4e10704c824a344b603307745863310c50026ebd661ce4da0663
+  languageName: node
+  linkType: hard
+
+"proxy-compare@npm:2.5.1":
+  version: 2.5.1
+  resolution: "proxy-compare@npm:2.5.1"
+  checksum: 10/64b6277d08d89f0b2c468a84decf43f82a4e88da7075651e6adebc69d1b87fadc17cfeb43c024c00b65faa3f0908f7ac1e61f5f6849a404a547a742e6aa527a6
+  languageName: node
+  linkType: hard
+
+"proxy-from-env@npm:1.0.0":
+  version: 1.0.0
+  resolution: "proxy-from-env@npm:1.0.0"
+  checksum: 10/f26b59c0f21dd118c23a0eb1f5250848a23b5029ec5c9f2b4011b6439b19fa83da50858d84e9261da94aa4e67778c1bac5483afce884b7770a96895a4e6b9a19
+  languageName: node
+  linkType: hard
+
+"proxy-from-env@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "proxy-from-env@npm:1.1.0"
+  checksum: 10/f0bb4a87cfd18f77bc2fba23ae49c3b378fb35143af16cc478171c623eebe181678f09439707ad80081d340d1593cd54a33a0113f3ccb3f4bc9451488780ee23
+  languageName: node
+  linkType: hard
+
+"prr@npm:~1.0.1":
+  version: 1.0.1
+  resolution: "prr@npm:1.0.1"
+  checksum: 10/3bca2db0479fd38f8c4c9439139b0c42dcaadcc2fbb7bb8e0e6afaa1383457f1d19aea9e5f961d5b080f1cfc05bfa1fe9e45c97a1d3fd6d421950a73d3108381
+  languageName: node
+  linkType: hard
+
+"psl@npm:^1.1.33":
+  version: 1.15.0
+  resolution: "psl@npm:1.15.0"
+  dependencies:
+    punycode: "npm:^2.3.1"
+  checksum: 10/5e7467eb5196eb7900d156783d12907d445c0122f76c73203ce96b148a6ccf8c5450cc805887ffada38ff92d634afcf33720c24053cb01d5b6598d1c913c5caf
+  languageName: node
+  linkType: hard
+
+"public-encrypt@npm:^4.0.3":
+  version: 4.0.3
+  resolution: "public-encrypt@npm:4.0.3"
+  dependencies:
+    bn.js: "npm:^4.1.0"
+    browserify-rsa: "npm:^4.0.0"
+    create-hash: "npm:^1.1.0"
+    parse-asn1: "npm:^5.0.0"
+    randombytes: "npm:^2.0.1"
+    safe-buffer: "npm:^5.1.2"
+  checksum: 10/059d64da8ba9ea0733377d23b57b6cbe5be663c8eb187b9c051eec85f799ff95c4e194eb3a69db07cc1f73a2a63519e67716ae9b8630e13e7149840d0abe044d
+  languageName: node
+  linkType: hard
+
+"pump@npm:^3.0.0":
+  version: 3.0.2
+  resolution: "pump@npm:3.0.2"
+  dependencies:
+    end-of-stream: "npm:^1.1.0"
+    once: "npm:^1.3.1"
+  checksum: 10/e0c4216874b96bd25ddf31a0b61a5613e26cc7afa32379217cf39d3915b0509def3565f5f6968fafdad2894c8bbdbd67d340e84f3634b2a29b950cffb6442d9f
+  languageName: node
+  linkType: hard
+
+"punycode@npm:^1.4.1":
+  version: 1.4.1
+  resolution: "punycode@npm:1.4.1"
+  checksum: 10/af2700dde1a116791ff8301348ff344c47d6c224e875057237d1b5112035655fb07a6175cfdb8bf0e3a8cdfd2dc82b3a622e0aefd605566c0e949a6d0d1256a4
+  languageName: node
+  linkType: hard
+
+"punycode@npm:^2.1.0, punycode@npm:^2.1.1, punycode@npm:^2.3.1":
+  version: 2.3.1
+  resolution: "punycode@npm:2.3.1"
+  checksum: 10/febdc4362bead22f9e2608ff0171713230b57aff9dddc1c273aa2a651fbd366f94b7d6a71d78342a7c0819906750351ca7f2edd26ea41b626d87d6a13d1bd059
+  languageName: node
+  linkType: hard
+
+"pure-rand@npm:^6.0.0":
+  version: 6.1.0
+  resolution: "pure-rand@npm:6.1.0"
+  checksum: 10/256aa4bcaf9297256f552914e03cbdb0039c8fe1db11fa1e6d3f80790e16e563eb0a859a1e61082a95e224fc0c608661839439f8ecc6a3db4e48d46d99216ee4
+  languageName: node
+  linkType: hard
+
+"purify-ts@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "purify-ts@npm:2.1.0"
+  dependencies:
+    "@types/json-schema": "npm:7.0.15"
+  checksum: 10/3498b5c1cb3bfbf154460768064278a9175cc676d212d361d9d2ead9bc087f470f4b0dc70a7e206400bb46d969639bee5436efcc28a26a97fe02b0a22232b9e4
+  languageName: node
+  linkType: hard
+
+"pushdata-bitcoin@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "pushdata-bitcoin@npm:1.0.1"
+  dependencies:
+    bitcoin-ops: "npm:^1.3.0"
+  checksum: 10/963fb0b61258e7654d6e3e34e68c8672bc3fdbd154da0a9af0482d2b7b9e9227b11bc17a39f42003f92e996cb552395e903d369347c840381a356964cf553967
+  languageName: node
+  linkType: hard
+
+"pvtsutils@npm:^1.3.2, pvtsutils@npm:^1.3.5":
+  version: 1.3.6
+  resolution: "pvtsutils@npm:1.3.6"
+  dependencies:
+    tslib: "npm:^2.8.1"
+  checksum: 10/d45b12f8526e13ecf15fe09b30cde65501f3300fd2a07c11b28a966d434d1f767c8a61597ecba2e19c7eb19ca0c740341a6babc67a4f741e08b1ef1095c71663
+  languageName: node
+  linkType: hard
+
+"pvutils@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "pvutils@npm:1.1.3"
+  checksum: 10/e5201b8f78ece68eae414a938c844bc45fb3f0de298178eed1775a217eedfd897c4346e5e54f410bb4d7466e09ceb262e85f20fd64239b8bb2595f14c52fa95e
+  languageName: node
+  linkType: hard
+
+"qrcode-terminal@npm:0.11.0":
+  version: 0.11.0
+  resolution: "qrcode-terminal@npm:0.11.0"
+  bin:
+    qrcode-terminal: ./bin/qrcode-terminal.js
+  checksum: 10/61fe2336b954584f321f2593d7e33f5b235788d829ea982f11a388d1e80e9cafb086dd28e7bd1649859cac62a6eb5818c9de14657222e3f66ba7376d0edccefd
+  languageName: node
+  linkType: hard
+
+"qrcode.react@npm:^3.1.0":
+  version: 3.2.0
+  resolution: "qrcode.react@npm:3.2.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 10/00d3625f9be5333ff18b638b6bb4b2839ddddf79b71be9a8054bac5e30d78dc36ec3d77247a365ea4aaabd5c8b97f810e6ee28173523156879194079371e41b5
+  languageName: node
+  linkType: hard
+
+"qrcode@npm:1.5.3":
+  version: 1.5.3
+  resolution: "qrcode@npm:1.5.3"
+  dependencies:
+    dijkstrajs: "npm:^1.0.1"
+    encode-utf8: "npm:^1.0.3"
+    pngjs: "npm:^5.0.0"
+    yargs: "npm:^15.3.1"
+  bin:
+    qrcode: bin/qrcode
+  checksum: 10/823642d59a81ba5f406a1e78415fee37fd53856038f49a85c4ca7aa32ba6b8505ab059a832718ac16612bed75aa2a18584faae38cf3c25e2c90fb19b8c55fe46
+  languageName: node
+  linkType: hard
+
+"qrcode@npm:^1.5.4":
+  version: 1.5.4
+  resolution: "qrcode@npm:1.5.4"
+  dependencies:
+    dijkstrajs: "npm:^1.0.1"
+    pngjs: "npm:^5.0.0"
+    yargs: "npm:^15.3.1"
+  bin:
+    qrcode: bin/qrcode
+  checksum: 10/9a1b61760e4ea334545a0f54bbc11c537aba0a17cf52cab9fa1b07f8a1337eed0bc6f7fde41b197f2c82c249bc48728983bfaf861bb7ecb29dc597b2ae33c424
+  languageName: node
+  linkType: hard
+
+"qs@npm:6.13.1, qs@npm:^6.12.3":
+  version: 6.13.1
+  resolution: "qs@npm:6.13.1"
+  dependencies:
+    side-channel: "npm:^1.0.6"
+  checksum: 10/53cf5fdc5f342a9ffd3968f20c8c61624924cf928d86fff525240620faba8ca5cfd6c3f12718cc755561bfc3dc9721bc8924e38f53d8925b03940f0b8a902212
+  languageName: node
+  linkType: hard
+
+"query-string@npm:7.1.3, query-string@npm:^7.1.3":
+  version: 7.1.3
+  resolution: "query-string@npm:7.1.3"
+  dependencies:
+    decode-uri-component: "npm:^0.2.2"
+    filter-obj: "npm:^1.1.0"
+    split-on-first: "npm:^1.0.0"
+    strict-uri-encode: "npm:^2.0.0"
+  checksum: 10/3b6f2c167e76ca4094c5f1a9eb276efcbb9ebfd8b1a28c413f3c4e4e7d6428c8187bf46c8cbc9f92a229369dd0015de10a7fd712c8cee98d5d84c2ac6140357e
+  languageName: node
+  linkType: hard
+
+"querystring-es3@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "querystring-es3@npm:0.2.1"
+  checksum: 10/c99fccfe1a9c4c25ea6194fa7a559fdb83d2628f118f898af6f0ac02c4ffcd7e0576997bb80e7dfa892d193988b60e23d4968122426351819f87051862af991c
+  languageName: node
+  linkType: hard
+
+"querystringify@npm:^2.1.1":
+  version: 2.2.0
+  resolution: "querystringify@npm:2.2.0"
+  checksum: 10/46ab16f252fd892fc29d6af60966d338cdfeea68a231e9457631ffd22d67cec1e00141e0a5236a2eb16c0d7d74175d9ec1d6f963660c6f2b1c2fc85b194c5680
+  languageName: node
+  linkType: hard
+
+"queue-microtask@npm:^1.2.2":
+  version: 1.2.3
+  resolution: "queue-microtask@npm:1.2.3"
+  checksum: 10/72900df0616e473e824202113c3df6abae59150dfb73ed13273503127235320e9c8ca4aaaaccfd58cf417c6ca92a6e68ee9a5c3182886ae949a768639b388a7b
+  languageName: node
+  linkType: hard
+
+"queue@npm:6.0.2":
+  version: 6.0.2
+  resolution: "queue@npm:6.0.2"
+  dependencies:
+    inherits: "npm:~2.0.3"
+  checksum: 10/3437954ef1442c86ff01a0fbe3dc6222838823b1ca97f37eff651bc20b868c0c2904424ef2c0d44cba46055f54b578f92866e573125dc9a5e8823d751e4d1585
+  languageName: node
+  linkType: hard
+
+"quick-format-unescaped@npm:^4.0.3":
+  version: 4.0.4
+  resolution: "quick-format-unescaped@npm:4.0.4"
+  checksum: 10/591eca457509a99368b623db05248c1193aa3cedafc9a077d7acab09495db1231017ba3ad1b5386e5633271edd0a03b312d8640a59ee585b8516a42e15438aa7
+  languageName: node
+  linkType: hard
+
+"quick-lru@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "quick-lru@npm:4.0.1"
+  checksum: 10/5c7c75f1c696750f619b165cc9957382f919e4207dabf04597a64f0298861391cdc5ee91a1dde1a5d460ecf7ee1af7fc36fef6d155bef2be66f05d43fd63d4f0
+  languageName: node
+  linkType: hard
+
+"r-json@npm:^1.2.10":
+  version: 1.3.0
+  resolution: "r-json@npm:1.3.0"
+  dependencies:
+    w-json: "npm:1.3.10"
+  checksum: 10/ebe24b41e9f855af9f61747d7f3a511a78bc11c1841eaf3cbf98b385e91a0a982a3f724e2bf24d737642efc9b510585b5c54d25c098cc6850bdad15a22b36636
+  languageName: node
+  linkType: hard
+
+"rabin-wasm@npm:^0.1.4":
+  version: 0.1.5
+  resolution: "rabin-wasm@npm:0.1.5"
+  dependencies:
+    "@assemblyscript/loader": "npm:^0.9.4"
+    bl: "npm:^5.0.0"
+    debug: "npm:^4.3.1"
+    minimist: "npm:^1.2.5"
+    node-fetch: "npm:^2.6.1"
+    readable-stream: "npm:^3.6.0"
+  bin:
+    rabin-wasm: cli/bin.js
+  checksum: 10/98fe063a4d08572106110e3acd1ffaf688f4ecf1f6a0b93ccdd27dd687ef2bbb2a57dc390b8a71b61e4037f0e5df84257165cb0cfb564472c5ce517f003c9db6
+  languageName: node
+  linkType: hard
+
+"radix3@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "radix3@npm:1.1.2"
+  checksum: 10/5ed01a8e4b753e325c6ecb01d993de77f690e548ef9e149e7dc403ee7b109c2cb41e3d09bc3ce004d872c67c8dca1d556dbf7808b1ac7df9f86994e57d757557
+  languageName: node
+  linkType: hard
+
+"randombytes@npm:^2.0.0, randombytes@npm:^2.0.1, randombytes@npm:^2.0.5, randombytes@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "randombytes@npm:2.1.0"
+  dependencies:
+    safe-buffer: "npm:^5.1.0"
+  checksum: 10/4efd1ad3d88db77c2d16588dc54c2b52fd2461e70fe5724611f38d283857094fe09040fa2c9776366803c3152cf133171b452ef717592b65631ce5dc3a2bdafc
+  languageName: node
+  linkType: hard
+
+"randomfill@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "randomfill@npm:1.0.4"
+  dependencies:
+    randombytes: "npm:^2.0.5"
+    safe-buffer: "npm:^5.1.0"
+  checksum: 10/33734bb578a868d29ee1b8555e21a36711db084065d94e019a6d03caa67debef8d6a1bfd06a2b597e32901ddc761ab483a85393f0d9a75838f1912461d4dbfc7
+  languageName: node
+  linkType: hard
+
+"range-parser@npm:^1.2.1, range-parser@npm:~1.2.1":
+  version: 1.2.1
+  resolution: "range-parser@npm:1.2.1"
+  checksum: 10/ce21ef2a2dd40506893157970dc76e835c78cf56437e26e19189c48d5291e7279314477b06ac38abd6a401b661a6840f7b03bd0b1249da9b691deeaa15872c26
+  languageName: node
+  linkType: hard
+
+"rc@npm:~1.2.7":
+  version: 1.2.8
+  resolution: "rc@npm:1.2.8"
+  dependencies:
+    deep-extend: "npm:^0.6.0"
+    ini: "npm:~1.3.0"
+    minimist: "npm:^1.2.0"
+    strip-json-comments: "npm:~2.0.1"
+  bin:
+    rc: ./cli.js
+  checksum: 10/5c4d72ae7eec44357171585938c85ce066da8ca79146b5635baf3d55d74584c92575fa4e2c9eac03efbed3b46a0b2e7c30634c012b4b4fa40d654353d3c163eb
+  languageName: node
+  linkType: hard
+
+"react-confetti@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "react-confetti@npm:6.1.0"
+  dependencies:
+    tween-functions: "npm:^1.2.0"
+  peerDependencies:
+    react: ^16.3.0 || ^17.0.1 || ^18.0.0
+  checksum: 10/33423767c42362b29e0c8fd09f60bcf40d64aeb721fd63564f85c61357706a6080563ec40f33435d210d5b5b1af7277aef4545deccf771d08785a3cb19749470
+  languageName: node
+  linkType: hard
+
+"react-devtools-core@npm:^6.1.1":
+  version: 6.1.1
+  resolution: "react-devtools-core@npm:6.1.1"
+  dependencies:
+    shell-quote: "npm:^1.6.1"
+    ws: "npm:^7"
+  checksum: 10/0cd89c9c45aab383f98a66f0200ece4738b3f1ea3a6a5c947afc3a822aa22094b69f9bedc6bef5c961a3715ecc8d5350e0d87ad0eb90e4d2c752fb585c51b4f7
+  languageName: node
+  linkType: hard
+
+"react-docgen-typescript@npm:^2.2.2":
+  version: 2.2.2
+  resolution: "react-docgen-typescript@npm:2.2.2"
+  peerDependencies:
+    typescript: ">= 4.3.x"
+  checksum: 10/081fc3a876f53b9eeffcff357e5b6c190db799d50edcf11b187857d8cb8cce28000ed777ed16dd52a1c955f332612ef6b1f02cf8adcbcb084b8da9ff1ae5fd13
+  languageName: node
+  linkType: hard
+
+"react-docgen@npm:^7.0.0":
+  version: 7.1.0
+  resolution: "react-docgen@npm:7.1.0"
+  dependencies:
+    "@babel/core": "npm:^7.18.9"
+    "@babel/traverse": "npm:^7.18.9"
+    "@babel/types": "npm:^7.18.9"
+    "@types/babel__core": "npm:^7.18.0"
+    "@types/babel__traverse": "npm:^7.18.0"
+    "@types/doctrine": "npm:^0.0.9"
+    "@types/resolve": "npm:^1.20.2"
+    doctrine: "npm:^3.0.0"
+    resolve: "npm:^1.22.1"
+    strip-indent: "npm:^4.0.0"
+  checksum: 10/ce1f6e4394375307ecf268ef0b3e41fd75a6b050e70053c6e64b72f108d7606a4b8de6c0f1dab2759bc80864db01be38a9245e2d71024d2ed3d3e0179bd02140
+  languageName: node
+  linkType: hard
+
+"react-dom@npm:19.0.0, react-dom@npm:^19.0.0":
+  version: 19.0.0
+  resolution: "react-dom@npm:19.0.0"
+  dependencies:
+    scheduler: "npm:^0.25.0"
+  peerDependencies:
+    react: ^19.0.0
+  checksum: 10/aa64a2f1991042f516260e8b0eca0ae777b6c8f1aa2b5ae096e80bbb6ac9b005aef2bca697969841d34f7e1819556263476bdfea36c35092e8d9aefde3de2d9a
+  languageName: node
+  linkType: hard
+
+"react-dom@npm:^16.8.0 || ^17.0.0 || ^18.0.0, react-dom@npm:^18.2.0":
+  version: 18.3.1
+  resolution: "react-dom@npm:18.3.1"
+  dependencies:
+    loose-envify: "npm:^1.1.0"
+    scheduler: "npm:^0.23.2"
+  peerDependencies:
+    react: ^18.3.1
+  checksum: 10/3f4b73a3aa083091173b29812b10394dd06f4ac06aff410b74702cfb3aa29d7b0ced208aab92d5272919b612e5cda21aeb1d54191848cf6e46e9e354f3541f81
+  languageName: node
+  linkType: hard
+
+"react-dropzone@npm:^14.2.3":
+  version: 14.3.5
+  resolution: "react-dropzone@npm:14.3.5"
+  dependencies:
+    attr-accept: "npm:^2.2.4"
+    file-selector: "npm:^2.1.0"
+    prop-types: "npm:^15.8.1"
+  peerDependencies:
+    react: ">= 16.8 || 18.0.0"
+  checksum: 10/6124bacd2138002d721c86c2b507a5c1889cfde73344fe474855a4e2e81fecb2c318edb0ab3333a75fd502fb6da44a6f8e9cdee317ec916331fd520d454e6297
+  languageName: node
+  linkType: hard
+
+"react-fast-compare@npm:^3.2.2":
+  version: 3.2.2
+  resolution: "react-fast-compare@npm:3.2.2"
+  checksum: 10/a6826180ba75cefba1c8d3ac539735f9b627ca05d3d307fe155487f5d0228d376dac6c9708d04a283a7b9f9aee599b637446635b79c8c8753d0b4eece56c125c
+  languageName: node
+  linkType: hard
+
+"react-freeze@npm:^1.0.0, react-freeze@npm:^1.0.3":
+  version: 1.0.4
+  resolution: "react-freeze@npm:1.0.4"
+  peerDependencies:
+    react: ">=17.0.0"
+  checksum: 10/1dc433319341ec3dca84513c4197ef4f4c8232604d35f83546a8abfb41d9591f934b66aaaa4dc3dc8b1b65f488705a2a48ae6c1d9792660119a9cdedeab4ca8f
+  languageName: node
+  linkType: hard
+
+"react-hook-form@npm:7.41.1":
+  version: 7.41.1
+  resolution: "react-hook-form@npm:7.41.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17 || ^18
+  checksum: 10/eeb8653359dd36e80867e81302b0988a3fefe5e2170783d70ad325b871b3ae639599c8b317a869d34f165252ddc27eafae51ec7a6877af0733709ed3e3674e1f
+  languageName: node
+  linkType: hard
+
+"react-hook-form@npm:^7.54.2":
+  version: 7.55.0
+  resolution: "react-hook-form@npm:7.55.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17 || ^18 || ^19
+  checksum: 10/900e06064c1b4977f2e3e249a0f91742ae6bd1f2109701b80a9280b1c2b4bee8aac26aed7104371101eadad724f0bbe0215499e84623e6375007489ae850fe8e
+  languageName: node
+  linkType: hard
+
+"react-is@npm:^16.13.1, react-is@npm:^16.7.0":
+  version: 16.13.1
+  resolution: "react-is@npm:16.13.1"
+  checksum: 10/5aa564a1cde7d391ac980bedee21202fc90bdea3b399952117f54fb71a932af1e5902020144fb354b4690b2414a0c7aafe798eb617b76a3d441d956db7726fdf
+  languageName: node
+  linkType: hard
+
+"react-is@npm:^17.0.1":
+  version: 17.0.2
+  resolution: "react-is@npm:17.0.2"
+  checksum: 10/73b36281e58eeb27c9cc6031301b6ae19ecdc9f18ae2d518bdb39b0ac564e65c5779405d623f1df9abf378a13858b79442480244bd579968afc1faf9a2ce5e05
+  languageName: node
+  linkType: hard
+
+"react-is@npm:^18.0.0, react-is@npm:^18.2.0":
+  version: 18.3.1
+  resolution: "react-is@npm:18.3.1"
+  checksum: 10/d5f60c87d285af24b1e1e7eaeb123ec256c3c8bdea7061ab3932e3e14685708221bf234ec50b21e10dd07f008f1b966a2730a0ce4ff67905b3872ff2042aec22
+  languageName: node
+  linkType: hard
+
+"react-is@npm:^19.0.0":
+  version: 19.0.0
+  resolution: "react-is@npm:19.0.0"
+  checksum: 10/6cd3695c462ec3f0d4db98583f0c1b9a439248d60214f6c42c2b0e2951a1066339d0eefa74707f03484042e043fca87750282a35b652492c035f5f3da0d6498a
+  languageName: node
+  linkType: hard
+
+"react-markdown@npm:9.0.1":
+  version: 9.0.1
+  resolution: "react-markdown@npm:9.0.1"
+  dependencies:
+    "@types/hast": "npm:^3.0.0"
+    devlop: "npm:^1.0.0"
+    hast-util-to-jsx-runtime: "npm:^2.0.0"
+    html-url-attributes: "npm:^3.0.0"
+    mdast-util-to-hast: "npm:^13.0.0"
+    remark-parse: "npm:^11.0.0"
+    remark-rehype: "npm:^11.0.0"
+    unified: "npm:^11.0.0"
+    unist-util-visit: "npm:^5.0.0"
+    vfile: "npm:^6.0.0"
+  peerDependencies:
+    "@types/react": ">=18"
+    react: ">=18"
+  checksum: 10/71ce31f200982f641d363888a26e8fb52a199a589124f20295e9be870fa3aed26fcfa14d1dc766d83df666a15cb82359291bfda207bd55d5728ff376d217e079
+  languageName: node
+  linkType: hard
+
+"react-native-capture-protection@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "react-native-capture-protection@npm:2.1.0"
+  dependencies:
+    expo-dev-client: "npm:~5.2.1"
+  peerDependencies:
+    expo: ">=47.0.0"
+    react: "*"
+    react-native: "*"
+  peerDependenciesMeta:
+    expo:
+      optional: true
+  checksum: 10/087f58670488edfaa00384c08a3544e75ee82bbb74fd0d4e9af468cb3291bc542059953cdd4df3a535970108a2f320048949a856a23983d460ee7d8c424db3b0
+  languageName: node
+  linkType: hard
+
+"react-native-collapsible-tab-view@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "react-native-collapsible-tab-view@npm:8.0.0"
+  dependencies:
+    use-deep-compare: "npm:^1.1.0"
+  peerDependencies:
+    "@shopify/flash-list": ">=1.0.0"
+    react: "*"
+    react-native: "*"
+    react-native-pager-view: "*"
+    react-native-reanimated: ">=3.8.1"
+  peerDependenciesMeta:
+    "@shopify/flash-list":
+      optional: true
+  checksum: 10/3e8372fcea26fb26e2fae7627d8a56e57260dd9a8b2381a4567c52ec0dd4c6c62d272c47170b5fa7d269b6a18d1fe0c4f33a084f038773dd33fe55859f83410d
+  languageName: node
+  linkType: hard
+
+"react-native-device-crypto@npm:0.1.7":
+  version: 0.1.7
+  resolution: "react-native-device-crypto@npm:0.1.7"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/0c4f9e8b8a10659511d74e4ec33cc3353a1cbe15038e5f4bae4012d679f2733e00fac4568a3c332ce11f984c2324f9a51373858ccf6ec24a2e6755273b5e595f
+  languageName: node
+  linkType: hard
+
+"react-native-device-crypto@patch:react-native-device-crypto@npm%3A0.1.7#~/.yarn/patches/react-native-device-crypto-npm-0.1.7-dbd2698fc4.patch":
+  version: 0.1.7
+  resolution: "react-native-device-crypto@patch:react-native-device-crypto@npm%3A0.1.7#~/.yarn/patches/react-native-device-crypto-npm-0.1.7-dbd2698fc4.patch::version=0.1.7&hash=a313f2"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/78d90c718b8e7436bba7971cc5e6d431592701e40c2f0b83e8b3cc8b4dd384866eb56487ceb2b738a4286f9ad750f7642fd2562bba0c1338c53bf0a4bf67ffad
+  languageName: node
+  linkType: hard
+
+"react-native-device-info@npm:^14.0.1":
+  version: 14.0.2
+  resolution: "react-native-device-info@npm:14.0.2"
+  peerDependencies:
+    react-native: "*"
+  checksum: 10/7d08a2bc77e397dd88fbcb9e2a983dab94d2e076ba3a2f2c2b65c9721b0c1a8496b25fcc0c5c58d54c31e980c3395126c1d9cd361acd69a2358700cfaf11ca6d
+  languageName: node
+  linkType: hard
+
+"react-native-draggable-flatlist@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "react-native-draggable-flatlist@npm:4.0.1"
+  dependencies:
+    "@babel/preset-typescript": "npm:^7.17.12"
+  peerDependencies:
+    react-native: ">=0.64.0"
+    react-native-gesture-handler: ">=2.0.0"
+    react-native-reanimated: ">=2.8.0"
+  checksum: 10/4d9c8bfef6185ab51ebef8d00a0a06f8fd57c96a5a9e60cb6e7cd56ec6222d37643c53fc998cc93efcb8be88d32c2e5e43788f1816d8cded4eb2b60076001749
+  languageName: node
+  linkType: hard
+
+"react-native-edge-to-edge@npm:1.6.0":
+  version: 1.6.0
+  resolution: "react-native-edge-to-edge@npm:1.6.0"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/9476f00c4cb60861799a4b306aa8e26275a503468f2b37e53af9c66a4eb2660b56b58f7bc4a77ee4c7ad7105cd489e186a08cda63a568c41217517b8f940be8a
+  languageName: node
+  linkType: hard
+
+"react-native-gesture-handler@npm:^2.25.0":
+  version: 2.25.0
+  resolution: "react-native-gesture-handler@npm:2.25.0"
+  dependencies:
+    "@egjs/hammerjs": "npm:^2.0.17"
+    hoist-non-react-statics: "npm:^3.3.0"
+    invariant: "npm:^2.2.4"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/780c53e90b41c8bc151c5b4dc908386d5709e7b8e5eaf44e8bbadc02b39d7b07ec15c3865e08f30463bd1fbfcac14a79ff8238752712e6f15a0f98b7a658afd3
+  languageName: node
+  linkType: hard
+
+"react-native-is-edge-to-edge@npm:1.1.7":
+  version: 1.1.7
+  resolution: "react-native-is-edge-to-edge@npm:1.1.7"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/4cdf2b2fb5b131f2015c26d2cb7688b4a0c5f3c8474b1bf0ddfa9eabb0263df440c87262ae8f812a6ecab0d5310df0373bddad4b51f53dabb2ffee01e9ef0f44
+  languageName: node
+  linkType: hard
+
+"react-native-is-edge-to-edge@npm:^1.1.6":
+  version: 1.1.6
+  resolution: "react-native-is-edge-to-edge@npm:1.1.6"
+  peerDependencies:
+    react: ">=18.2.0"
+    react-native: ">=0.73.0"
+  checksum: 10/4e07c1e34c01c8d50fd7c1d0460db06f6f0515197405230386a8ffb950cb724b10743af032310d1384df0a90059bfb8992ba2d93344ce86315315f0493feccc2
+  languageName: node
+  linkType: hard
+
+"react-native-keychain@npm:^10.0.0":
+  version: 10.0.0
+  resolution: "react-native-keychain@npm:10.0.0"
+  checksum: 10/f06f2214ec7f8ac6fe63a30bee8a434e2d14c316be4b67821d7c25f1f540869ca852a567949783a560b0f7ca97f18be50c409cb35cb2cde3d49fb0700338604a
+  languageName: node
+  linkType: hard
+
+"react-native-mmkv@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "react-native-mmkv@npm:3.2.0"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/a024b8d7e1ef6a1934f961cb2505a5b855c261c9ce5bcb4b7e7bd95714a152f3bc10bf5d32cd3ab01324ff6a67c47190b330d3f5bc42a9b3896c706d11cc0598
+  languageName: node
+  linkType: hard
+
+"react-native-modal-datetime-picker@npm:^14.0.0":
+  version: 14.0.1
+  resolution: "react-native-modal-datetime-picker@npm:14.0.1"
+  dependencies:
+    prop-types: "npm:^15.7.2"
+  peerDependencies:
+    "@react-native-community/datetimepicker": ">=3.0.0"
+    react-native: ">=0.65.0"
+  checksum: 10/568c2d54b4b6800a125bc869ecd24c5295910b8af677a197ce003d348f652eb54839251b8b5ba3ed33395d7833212ef3dd9360c3f3cbcda04e4ff838c3119038
+  languageName: node
+  linkType: hard
+
+"react-native-modal-selector@npm:^2.1.1":
+  version: 2.1.2
+  resolution: "react-native-modal-selector@npm:2.1.2"
+  dependencies:
+    prop-types: "npm:^15.5.10"
+  checksum: 10/6c42fb381c5fab4cd17a6b574cbcca256deeebd202545456eea86d05a76c430cc11192564299c8cb1be8348dd9cc2d1decd642341b517294bb1959545262f603
+  languageName: node
+  linkType: hard
+
+"react-native-pager-view@npm:6.7.1":
+  version: 6.7.1
+  resolution: "react-native-pager-view@npm:6.7.1"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/22cc95dcf5085cab2b88272610b836375044cc9ab22f8e81f586e9ecb5c75880dc2c649321cbd173b48c6c7025c9914ab4b67ed0207f623a84ea26025257a4e0
+  languageName: node
+  linkType: hard
+
+"react-native-progress@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "react-native-progress@npm:5.0.1"
+  dependencies:
+    prop-types: "npm:^15.7.2"
+  peerDependencies:
+    react-native-svg: "*"
+  checksum: 10/902189578ce233bbc3cb3a85c13d4bcd439430e1a3da7bcf622e00ff6a2404155b22ce3c3350ccdb5b50952746b99f8522404a818531472250b60b75975a524c
+  languageName: node
+  linkType: hard
+
+"react-native-qrcode-styled@npm:0.3.3":
+  version: 0.3.3
+  resolution: "react-native-qrcode-styled@npm:0.3.3"
+  dependencies:
+    qrcode: "npm:^1.5.4"
+    react-fast-compare: "npm:^3.2.2"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+    react-native-svg: "*"
+  checksum: 10/d6965e2a24975c9dd93d2ad1deade64c21d1b1b29d8a0051e7f2aa2f132c661deb8a8b4aae5539de76967501dda6d02884a47d31bd44844415da5ead5b169456
+  languageName: node
+  linkType: hard
+
+"react-native-qrcode-styled@patch:react-native-qrcode-styled@npm%3A0.3.3#~/.yarn/patches/react-native-qrcode-styled-npm-0.3.3-b5336fc77c.patch":
+  version: 0.3.3
+  resolution: "react-native-qrcode-styled@patch:react-native-qrcode-styled@npm%3A0.3.3#~/.yarn/patches/react-native-qrcode-styled-npm-0.3.3-b5336fc77c.patch::version=0.3.3&hash=91f619"
+  dependencies:
+    qrcode: "npm:^1.5.4"
+    react-fast-compare: "npm:^3.2.2"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+    react-native-svg: "*"
+  checksum: 10/21e8348d822bc23431c0a410b32d2f692b34d353994c3f7cf0940ab5582c723aab16e4042471520c4314d736cb2d0dfb424d3ebe9e76c8211b3fb59493c938f2
+  languageName: node
+  linkType: hard
+
+"react-native-quick-base64@npm:^2.0.5":
+  version: 2.1.2
+  resolution: "react-native-quick-base64@npm:2.1.2"
+  dependencies:
+    base64-js: "npm:^1.5.1"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/20b205612417a6c39452ad3ebd205d74fcfaa244832ec9e717b87ee075bf28076bf2445e8f690aad8cf0be6f3da89b4148eb8379d0b71d1c953bd06f66cc7c56
+  languageName: node
+  linkType: hard
+
+"react-native-quick-crypto@npm:^0.7.11":
+  version: 0.7.11
+  resolution: "react-native-quick-crypto@npm:0.7.11"
+  dependencies:
+    "@craftzdog/react-native-buffer": "npm:^6.0.5"
+    events: "npm:^3.3.0"
+    readable-stream: "npm:^4.5.2"
+    string_decoder: "npm:^1.3.0"
+    util: "npm:^0.12.5"
+  checksum: 10/a14ece6ef32d80f5e19a559f332512dc5e850fbe0f93e09de091d1dec9bd22ee2f20a23d3a52f8441f01f3c58c161c3e4cfa2febbc3a2b994804c8e21aa856b7
+  languageName: node
+  linkType: hard
+
+"react-native-reanimated@npm:~3.17.4":
+  version: 3.17.5
+  resolution: "react-native-reanimated@npm:3.17.5"
+  dependencies:
+    "@babel/plugin-transform-arrow-functions": "npm:^7.0.0-0"
+    "@babel/plugin-transform-class-properties": "npm:^7.0.0-0"
+    "@babel/plugin-transform-classes": "npm:^7.0.0-0"
+    "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.0.0-0"
+    "@babel/plugin-transform-optional-chaining": "npm:^7.0.0-0"
+    "@babel/plugin-transform-shorthand-properties": "npm:^7.0.0-0"
+    "@babel/plugin-transform-template-literals": "npm:^7.0.0-0"
+    "@babel/plugin-transform-unicode-regex": "npm:^7.0.0-0"
+    "@babel/preset-typescript": "npm:^7.16.7"
+    convert-source-map: "npm:^2.0.0"
+    invariant: "npm:^2.2.4"
+    react-native-is-edge-to-edge: "npm:1.1.7"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+    react: "*"
+    react-native: "*"
+  checksum: 10/63501d8ac0cb2039e60ac93bc779e946af267bb55f95cf53ed538bcf9bfca030fa5d84d5c9343dcbc4d8df0d5e9d7c58ca5647d43b17f8399dec11d812da11fc
+  languageName: node
+  linkType: hard
+
+"react-native-safe-area-context@npm:^5.4.0":
+  version: 5.4.0
+  resolution: "react-native-safe-area-context@npm:5.4.0"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/3b94e0a39398f23f4cbec2e49ebfd58c4e56f1d4157fda613c3bab66924a4e71ed6665a346dd71fd04ebd40e00f606f10d5a973b2616be4bfa0a422b361a425f
+  languageName: node
+  linkType: hard
+
+"react-native-screens@npm:^4.10.0":
+  version: 4.10.0
+  resolution: "react-native-screens@npm:4.10.0"
+  dependencies:
+    react-freeze: "npm:^1.0.0"
+    warn-once: "npm:^0.1.0"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/298dd76829e20949662da7c96ebc432844df035d83ee305464b8e671b85d24558c9a4b22002512b5b515ec70f006d00417bf5b3cfd047cb6babc00ccbd90ab0e
+  languageName: node
+  linkType: hard
+
+"react-native-share@npm:^12.0.9":
+  version: 12.0.9
+  resolution: "react-native-share@npm:12.0.9"
+  checksum: 10/ecef9bdaff0303ebefc023f934360a45f14efadba298d97a42dc0c1c8cc7418dc1672103362bd84785f8f646b09ecefcaa8c313d481233116783b81e5b8f93a8
+  languageName: node
+  linkType: hard
+
+"react-native-svg@npm:15.11.2":
+  version: 15.11.2
+  resolution: "react-native-svg@npm:15.11.2"
+  dependencies:
+    css-select: "npm:^5.1.0"
+    css-tree: "npm:^1.1.3"
+    warn-once: "npm:0.1.1"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/bab86df8fdd4f500ad3f242558726693b0409b5e9b2a97cb3e9b5c1dfdcef01fe73fd36f01926ef20b19f99928b6ab1fb9e942bbeb1308aab27aa0d6c4877a5e
+  languageName: node
+  linkType: hard
+
+"react-native-swipe-gestures@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "react-native-swipe-gestures@npm:1.0.5"
+  checksum: 10/d637bc40baa50fa0ce3b6cf2b494efeceaea03cc3875cb7cf7d76922914a21d5e6b098d4a084fb291ce61bfbb0a241c03cff24b15bebf0cfae1c146f4ad10d92
+  languageName: node
+  linkType: hard
+
+"react-native-tab-view@npm:^4.0.10":
+  version: 4.0.10
+  resolution: "react-native-tab-view@npm:4.0.10"
+  dependencies:
+    use-latest-callback: "npm:^0.2.1"
+  peerDependencies:
+    react: ">= 18.2.0"
+    react-native: "*"
+    react-native-pager-view: ">= 6.0.0"
+  checksum: 10/c568fc4dc9b9dedceb12052f740eaffdea0cad4d6610f438d947e2595637932760170a8155a69e415cce36a1e15a72e5ec48cff532d0e7b4386c7961bf2bb197
+  languageName: node
+  linkType: hard
+
+"react-native-url-polyfill@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "react-native-url-polyfill@npm:2.0.0"
+  dependencies:
+    whatwg-url-without-unicode: "npm:8.0.0-3"
+  peerDependencies:
+    react-native: "*"
+  checksum: 10/6a8d605eeb1b0ee9b0f47f1866acc2edfa2131a4a8fb1ea3839ceb507e225b894ed66f49a3bd826fc964f2c8005b3678c9d3b65d07eb0a3b979be830cb618686
+  languageName: node
+  linkType: hard
+
+"react-native-vision-camera@npm:^4.7.0":
+  version: 4.7.0
+  resolution: "react-native-vision-camera@npm:4.7.0"
+  peerDependencies:
+    "@shopify/react-native-skia": "*"
+    react: "*"
+    react-native: "*"
+    react-native-reanimated: "*"
+    react-native-worklets-core: "*"
+  peerDependenciesMeta:
+    "@shopify/react-native-skia":
+      optional: true
+    react-native-reanimated:
+      optional: true
+    react-native-worklets-core:
+      optional: true
+  checksum: 10/099828e9580da4da57688d15d07067c2e4962c38602c7e1b75bd77644faf4c1b9f1ea9aef06db740675be890a9ff3d985a574b935396ddfc29c2996adc291b40
+  languageName: node
+  linkType: hard
+
+"react-native-web@npm:^0.20.0":
+  version: 0.20.0
+  resolution: "react-native-web@npm:0.20.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.18.6"
+    "@react-native/normalize-colors": "npm:^0.74.1"
+    fbjs: "npm:^3.0.4"
+    inline-style-prefixer: "npm:^7.0.1"
+    memoize-one: "npm:^6.0.0"
+    nullthrows: "npm:^1.1.1"
+    postcss-value-parser: "npm:^4.2.0"
+    styleq: "npm:^0.1.3"
+  peerDependencies:
+    react: ^18.0.0 || ^19.0.0
+    react-dom: ^18.0.0 || ^19.0.0
+  checksum: 10/2a2e84ca647b1b1422941f5d8e0a4f513ad61a34c5e47fb6888fc8ca3aca5cc105bc0c6207a3db4727a8333dfd9c7b27eb8d2acdab3bd4ca1abc6fe32459da92
+  languageName: node
+  linkType: hard
+
+"react-native@npm:0.79.2":
+  version: 0.79.2
+  resolution: "react-native@npm:0.79.2"
+  dependencies:
+    "@jest/create-cache-key-function": "npm:^29.7.0"
+    "@react-native/assets-registry": "npm:0.79.2"
+    "@react-native/codegen": "npm:0.79.2"
+    "@react-native/community-cli-plugin": "npm:0.79.2"
+    "@react-native/gradle-plugin": "npm:0.79.2"
+    "@react-native/js-polyfills": "npm:0.79.2"
+    "@react-native/normalize-colors": "npm:0.79.2"
+    "@react-native/virtualized-lists": "npm:0.79.2"
+    abort-controller: "npm:^3.0.0"
+    anser: "npm:^1.4.9"
+    ansi-regex: "npm:^5.0.0"
+    babel-jest: "npm:^29.7.0"
+    babel-plugin-syntax-hermes-parser: "npm:0.25.1"
+    base64-js: "npm:^1.5.1"
+    chalk: "npm:^4.0.0"
+    commander: "npm:^12.0.0"
+    event-target-shim: "npm:^5.0.1"
+    flow-enums-runtime: "npm:^0.0.6"
+    glob: "npm:^7.1.1"
+    invariant: "npm:^2.2.4"
+    jest-environment-node: "npm:^29.7.0"
+    memoize-one: "npm:^5.0.0"
+    metro-runtime: "npm:^0.82.0"
+    metro-source-map: "npm:^0.82.0"
+    nullthrows: "npm:^1.1.1"
+    pretty-format: "npm:^29.7.0"
+    promise: "npm:^8.3.0"
+    react-devtools-core: "npm:^6.1.1"
+    react-refresh: "npm:^0.14.0"
+    regenerator-runtime: "npm:^0.13.2"
+    scheduler: "npm:0.25.0"
+    semver: "npm:^7.1.3"
+    stacktrace-parser: "npm:^0.1.10"
+    whatwg-fetch: "npm:^3.0.0"
+    ws: "npm:^6.2.3"
+    yargs: "npm:^17.6.2"
+  peerDependencies:
+    "@types/react": ^19.0.0
+    react: ^19.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  bin:
+    react-native: cli.js
+  checksum: 10/a3acaf322d32b1ee2400b18f71a0e4331249c562096b807f03b1a988f858610a8f758cf1ee515724e9f7a10e064d5fa0c8e1c1a258616f74296b229ba99bfb3d
+  languageName: node
+  linkType: hard
+
+"react-papaparse@npm:^4.0.2":
+  version: 4.4.0
+  resolution: "react-papaparse@npm:4.4.0"
+  dependencies:
+    "@types/papaparse": "npm:^5.3.9"
+    papaparse: "npm:^5.4.1"
+  checksum: 10/6ed7ca142c5d0687f2ef776cdd52626371b95207ed3b12802a7d1e6fc8b0a9bc6f8bacbe78d52f578cbfaa3cf252103f0b244bbdc6e0a8ccf1c37d704fb6cd99
+  languageName: node
+  linkType: hard
+
+"react-redux@npm:^9.1.2":
+  version: 9.2.0
+  resolution: "react-redux@npm:9.2.0"
+  dependencies:
+    "@types/use-sync-external-store": "npm:^0.0.6"
+    use-sync-external-store: "npm:^1.4.0"
+  peerDependencies:
+    "@types/react": ^18.2.25 || ^19
+    react: ^18.0 || ^19
+    redux: ^5.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    redux:
+      optional: true
+  checksum: 10/b3d2f89f469169475ab0a9f8914d54a336ac9bc6a31af6e8dcfe9901e6fe2cfd8c1a3f6ce7a2f7f3e0928a93fbab833b668804155715598b7f2ad89927d3ff50
+  languageName: node
+  linkType: hard
+
+"react-refresh@npm:^0.14.0, react-refresh@npm:^0.14.2":
+  version: 0.14.2
+  resolution: "react-refresh@npm:0.14.2"
+  checksum: 10/512abf97271ab8623486061be04b608c39d932e3709f9af1720b41573415fa4993d0009fa5138b6705b60a98f4102f744d4e26c952b14f41a0e455521c6be4cc
+  languageName: node
+  linkType: hard
+
+"react-remove-scroll-bar@npm:^2.3.6":
+  version: 2.3.6
+  resolution: "react-remove-scroll-bar@npm:2.3.6"
+  dependencies:
+    react-style-singleton: "npm:^2.2.1"
+    tslib: "npm:^2.0.0"
+  peerDependencies:
+    "@types/react": ^16.8.0 || ^17.0.0 || ^18.0.0
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/5ab8eda61d5b10825447d11e9c824486c929351a471457c22452caa19b6898e18c3af6a46c3fa68010c713baed1eb9956106d068b4a1058bdcf97a1a9bbed734
+  languageName: node
+  linkType: hard
+
+"react-remove-scroll@npm:^2.6.0":
+  version: 2.6.0
+  resolution: "react-remove-scroll@npm:2.6.0"
+  dependencies:
+    react-remove-scroll-bar: "npm:^2.3.6"
+    react-style-singleton: "npm:^2.2.1"
+    tslib: "npm:^2.1.0"
+    use-callback-ref: "npm:^1.3.0"
+    use-sidecar: "npm:^1.1.2"
+  peerDependencies:
+    "@types/react": ^16.8.0 || ^17.0.0 || ^18.0.0
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/9fac79e1c2ed2c85729bfe82f61ef4ae5ce51f478736a13892a9a11e05cbd4e9599f9f0e012cb5fc0719e18dc1dd687ab61f516193228615df636db8b851245e
+  languageName: node
+  linkType: hard
+
+"react-server-dom-webpack@npm:~19.0.0":
+  version: 19.0.0
+  resolution: "react-server-dom-webpack@npm:19.0.0"
+  dependencies:
+    acorn-loose: "npm:^8.3.0"
+    neo-async: "npm:^2.6.1"
+    webpack-sources: "npm:^3.2.0"
+  peerDependencies:
+    react: ^19.0.0
+    react-dom: ^19.0.0
+    webpack: ^5.59.0
+  checksum: 10/ab6478303befbe1e6331dd1ca3fc5d9aa76081dee6fad6a3debe0712ffd85eb063d39f1f7ba785a6591fc641ca4b1fc1f24e3215cbd6d26851a8f76ea085d326
+  languageName: node
+  linkType: hard
+
+"react-style-singleton@npm:^2.2.1":
+  version: 2.2.1
+  resolution: "react-style-singleton@npm:2.2.1"
+  dependencies:
+    get-nonce: "npm:^1.0.0"
+    invariant: "npm:^2.2.4"
+    tslib: "npm:^2.0.0"
+  peerDependencies:
+    "@types/react": ^16.8.0 || ^17.0.0 || ^18.0.0
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/80c58fd6aac3594e351e2e7b048d8a5b09508adb21031a38b3c40911fe58295572eddc640d4b20a7be364842c8ed1120fe30097e22ea055316b375b88d4ff02a
+  languageName: node
+  linkType: hard
+
+"react-test-renderer@npm:19.0.0":
+  version: 19.0.0
+  resolution: "react-test-renderer@npm:19.0.0"
+  dependencies:
+    react-is: "npm:^19.0.0"
+    scheduler: "npm:^0.25.0"
+  peerDependencies:
+    react: ^19.0.0
+  checksum: 10/b95a90331e1dedeff2bbdcdc57b9cd1cd8d7cd620f9b29a4efd31a961c8e5b660fe55129ffc72f2bbf0c21fec34e6a498b9f07b6c65c22bf10ae87b68e124f91
+  languageName: node
+  linkType: hard
+
+"react-transition-group@npm:^4.4.5":
+  version: 4.4.5
+  resolution: "react-transition-group@npm:4.4.5"
+  dependencies:
+    "@babel/runtime": "npm:^7.5.5"
+    dom-helpers: "npm:^5.0.1"
+    loose-envify: "npm:^1.4.0"
+    prop-types: "npm:^15.6.2"
+  peerDependencies:
+    react: ">=16.6.0"
+    react-dom: ">=16.6.0"
+  checksum: 10/ca32d3fd2168c976c5d90a317f25d5f5cd723608b415fb3b9006f9d793c8965c619562d0884503a3e44e4b06efbca4fdd1520f30e58ca3e00a0890e637d55419
+  languageName: node
+  linkType: hard
+
+"react@npm:*":
+  version: 19.1.0
+  resolution: "react@npm:19.1.0"
+  checksum: 10/d0180689826fd9de87e839c365f6f361c561daea397d61d724687cae88f432a307d1c0f53a0ee95ddbe3352c10dac41d7ff1ad85530fb24951b27a39e5398db4
+  languageName: node
+  linkType: hard
+
+"react@npm:^16.8.0 || ^17.0.0 || ^18.0.0, react@npm:^18.2.0":
+  version: 18.3.1
+  resolution: "react@npm:18.3.1"
+  dependencies:
+    loose-envify: "npm:^1.1.0"
+  checksum: 10/261137d3f3993eaa2368a83110466fc0e558bc2c7f7ae7ca52d94f03aac945f45146bd85e5f481044db1758a1dbb57879e2fcdd33924e2dde1bdc550ce73f7bf
+  languageName: node
+  linkType: hard
+
+"react@npm:^19.0.0":
+  version: 19.0.0
+  resolution: "react@npm:19.0.0"
+  checksum: 10/2490969c503f644703c88990d20e4011fa6119ddeca451e9de48f6d7ab058d670d2852a5fcd3aa3cd90a923ab2815d532637bd4a814add402ae5c0d4f129ee71
+  languageName: node
+  linkType: hard
+
+"read-pkg-up@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "read-pkg-up@npm:7.0.1"
+  dependencies:
+    find-up: "npm:^4.1.0"
+    read-pkg: "npm:^5.2.0"
+    type-fest: "npm:^0.8.1"
+  checksum: 10/e4e93ce70e5905b490ca8f883eb9e48b5d3cebc6cd4527c25a0d8f3ae2903bd4121c5ab9c5a3e217ada0141098eeb661313c86fa008524b089b8ed0b7f165e44
+  languageName: node
+  linkType: hard
+
+"read-pkg@npm:^5.2.0":
+  version: 5.2.0
+  resolution: "read-pkg@npm:5.2.0"
+  dependencies:
+    "@types/normalize-package-data": "npm:^2.4.0"
+    normalize-package-data: "npm:^2.5.0"
+    parse-json: "npm:^5.0.0"
+    type-fest: "npm:^0.6.0"
+  checksum: 10/eb696e60528b29aebe10e499ba93f44991908c57d70f2d26f369e46b8b9afc208ef11b4ba64f67630f31df8b6872129e0a8933c8c53b7b4daf0eace536901222
+  languageName: node
+  linkType: hard
+
+"readable-stream@npm:^2.0.2, readable-stream@npm:^2.3.8":
+  version: 2.3.8
+  resolution: "readable-stream@npm:2.3.8"
+  dependencies:
+    core-util-is: "npm:~1.0.0"
+    inherits: "npm:~2.0.3"
+    isarray: "npm:~1.0.0"
+    process-nextick-args: "npm:~2.0.0"
+    safe-buffer: "npm:~5.1.1"
+    string_decoder: "npm:~1.1.1"
+    util-deprecate: "npm:~1.0.1"
+  checksum: 10/8500dd3a90e391d6c5d889256d50ec6026c059fadee98ae9aa9b86757d60ac46fff24fafb7a39fa41d54cb39d8be56cc77be202ebd4cd8ffcf4cb226cbaa40d4
+  languageName: node
+  linkType: hard
+
+"readable-stream@npm:^3.1.1, readable-stream@npm:^3.4.0, readable-stream@npm:^3.5.0, readable-stream@npm:^3.6.0":
+  version: 3.6.2
+  resolution: "readable-stream@npm:3.6.2"
+  dependencies:
+    inherits: "npm:^2.0.3"
+    string_decoder: "npm:^1.1.1"
+    util-deprecate: "npm:^1.0.1"
+  checksum: 10/d9e3e53193adcdb79d8f10f2a1f6989bd4389f5936c6f8b870e77570853561c362bee69feca2bbb7b32368ce96a85504aa4cedf7cf80f36e6a9de30d64244048
+  languageName: node
+  linkType: hard
+
+"readable-stream@npm:^4.0.0":
+  version: 4.5.2
+  resolution: "readable-stream@npm:4.5.2"
+  dependencies:
+    abort-controller: "npm:^3.0.0"
+    buffer: "npm:^6.0.3"
+    events: "npm:^3.3.0"
+    process: "npm:^0.11.10"
+    string_decoder: "npm:^1.3.0"
+  checksum: 10/01b128a559c5fd76a898495f858cf0a8839f135e6a69e3409f986e88460134791657eb46a2ff16826f331682a3c4d0c5a75cef5e52ef259711021ba52b1c2e82
+  languageName: node
+  linkType: hard
+
+"readable-stream@npm:^4.5.2":
+  version: 4.6.0
+  resolution: "readable-stream@npm:4.6.0"
+  dependencies:
+    abort-controller: "npm:^3.0.0"
+    buffer: "npm:^6.0.3"
+    events: "npm:^3.3.0"
+    process: "npm:^0.11.10"
+    string_decoder: "npm:^1.3.0"
+  checksum: 10/ae6faa02c2513b0314711cf4901105fc9cc9c4d8324b39fda23c9055392f83916ce747bdf3b98e67e34b23040d048f7c3e1180dd4f7ffb5e9d6223170f496954
+  languageName: node
+  linkType: hard
+
+"readable-stream@npm:~1.0.17, readable-stream@npm:~1.0.27-1":
+  version: 1.0.34
+  resolution: "readable-stream@npm:1.0.34"
+  dependencies:
+    core-util-is: "npm:~1.0.0"
+    inherits: "npm:~2.0.1"
+    isarray: "npm:0.0.1"
+    string_decoder: "npm:~0.10.x"
+  checksum: 10/20537fca5a8ffd4af0f483be1cce0e981ed8cbb1087e0c762e2e92ae77f1005627272cebed8422f28047b465056aa1961fefd24baf532ca6a3616afea6811ae0
+  languageName: node
+  linkType: hard
+
+"readdirp@npm:^4.0.1":
+  version: 4.0.2
+  resolution: "readdirp@npm:4.0.2"
+  checksum: 10/4ef93103307c7d5e42e78ecf201db58c984c4d66882a27c956250478b49c2444b1ff6aea8ce0f5e4157b2c07ce2fe870ad16c92ebd7c6ff30391ded6e42b9873
+  languageName: node
+  linkType: hard
+
+"readdirp@npm:~3.6.0":
+  version: 3.6.0
+  resolution: "readdirp@npm:3.6.0"
+  dependencies:
+    picomatch: "npm:^2.2.1"
+  checksum: 10/196b30ef6ccf9b6e18c4e1724b7334f72a093d011a99f3b5920470f0b3406a51770867b3e1ae9711f227ef7a7065982f6ee2ce316746b2cb42c88efe44297fe7
+  languageName: node
+  linkType: hard
+
+"real-require@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "real-require@npm:0.1.0"
+  checksum: 10/0ba1c440dc9b7777d35a97f755312bf236be0847249f76cc9789c5c08d141f5d80b8564888e6a94ed0253fabf597b6892f8502c4e5658fb98f88642633a39723
+  languageName: node
+  linkType: hard
+
+"realistic-structured-clone@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "realistic-structured-clone@npm:3.0.0"
+  dependencies:
+    domexception: "npm:^1.0.1"
+    typeson: "npm:^6.1.0"
+    typeson-registry: "npm:^1.0.0-alpha.20"
+  checksum: 10/0109b6a94f36e38dbd4ee3f52049b9f4ab705b1b60c17b63075ecd7b00fd103360978a45be9871f2f0d9ff8a6a900a726512ac1ae5013922789c5e21d26cc696
+  languageName: node
+  linkType: hard
+
+"recast@npm:^0.21.0":
+  version: 0.21.5
+  resolution: "recast@npm:0.21.5"
+  dependencies:
+    ast-types: "npm:0.15.2"
+    esprima: "npm:~4.0.0"
+    source-map: "npm:~0.6.1"
+    tslib: "npm:^2.0.1"
+  checksum: 10/b41da2bcf7e705511db2f27d17420ace027de8dd167de9f19190d4988a1f80d112f60c095101ac2f145c8657ddde0c5133eb71df20504efaf3fd9d76ad07e15d
+  languageName: node
+  linkType: hard
+
+"recast@npm:^0.23.5":
+  version: 0.23.9
+  resolution: "recast@npm:0.23.9"
+  dependencies:
+    ast-types: "npm:^0.16.1"
+    esprima: "npm:~4.0.0"
+    source-map: "npm:~0.6.1"
+    tiny-invariant: "npm:^1.3.3"
+    tslib: "npm:^2.0.1"
+  checksum: 10/d60584be179d81a82fbe58b5bbe009aa42831ee114a21a3e3a22bda91334e0b8a1a4610dca8ecb7f9ea1426da4febc08134d3003085ad6ecee478d1808eb8796
+  languageName: node
+  linkType: hard
+
+"recma-build-jsx@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "recma-build-jsx@npm:1.0.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    estree-util-build-jsx: "npm:^3.0.0"
+    vfile: "npm:^6.0.0"
+  checksum: 10/ba82fe08efdf5ecd178ab76a08a4acac792a41d9f38aea99f93cb3d9e577ba8952620c547e730ba6717c13efa08fdb3dfe893bccfa9717f5a81d3fb2ab20c572
+  languageName: node
+  linkType: hard
+
+"recma-jsx@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "recma-jsx@npm:1.0.0"
+  dependencies:
+    acorn-jsx: "npm:^5.0.0"
+    estree-util-to-js: "npm:^2.0.0"
+    recma-parse: "npm:^1.0.0"
+    recma-stringify: "npm:^1.0.0"
+    unified: "npm:^11.0.0"
+  checksum: 10/dd9183f1f053bff136d710e62429ee7ca3ab5f41598ab6ea6a07cc00103b0ed356cb8ece578c0e9d19cba6dbfd6ecaace644cd0d9bf40d8af2fbe059d26c5d80
+  languageName: node
+  linkType: hard
+
+"recma-parse@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "recma-parse@npm:1.0.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    esast-util-from-js: "npm:^2.0.0"
+    unified: "npm:^11.0.0"
+    vfile: "npm:^6.0.0"
+  checksum: 10/8854f830ee7b7a21934f9ac2108412a2bdd9c41465e617ac8d6edd158ff05c70dca121bf87d3716d863545b387d39e67ff011d5cb0c3d1fdba9d5a48140e12ee
+  languageName: node
+  linkType: hard
+
+"recma-stringify@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "recma-stringify@npm:1.0.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    estree-util-to-js: "npm:^2.0.0"
+    unified: "npm:^11.0.0"
+    vfile: "npm:^6.0.0"
+  checksum: 10/4ab6f0416296fd6b1a6180e74e19ec110b3fa6f0b3a434468e84092e8c36db99a3a77bd6412cf7a4c8d69b1701ab38aed7d0fd466588802ca295765892d2d361
+  languageName: node
+  linkType: hard
+
+"recyclerlistview@npm:4.2.3":
+  version: 4.2.3
+  resolution: "recyclerlistview@npm:4.2.3"
+  dependencies:
+    lodash.debounce: "npm:4.0.8"
+    prop-types: "npm:15.8.1"
+    ts-object-utils: "npm:0.0.5"
+  peerDependencies:
+    react: ">= 15.2.1"
+    react-native: ">= 0.30.0"
+  checksum: 10/a759db18297cb2dde362c448763983d84130b25b2bead2db4da525c0b79ce67ae8a6433f83a6f6cd32c42bbe7d78bc29a4d5f8b59da6eda27a49968588d9433b
+  languageName: node
+  linkType: hard
+
+"redent@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "redent@npm:3.0.0"
+  dependencies:
+    indent-string: "npm:^4.0.0"
+    strip-indent: "npm:^3.0.0"
+  checksum: 10/fa1ef20404a2d399235e83cc80bd55a956642e37dd197b4b612ba7327bf87fa32745aeb4a1634b2bab25467164ab4ed9c15be2c307923dd08b0fe7c52431ae6b
+  languageName: node
+  linkType: hard
+
+"reduce-flatten@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "reduce-flatten@npm:2.0.0"
+  checksum: 10/64393ef99a16b20692acfd60982d7fdbd7ff8d9f8f185c6023466444c6dd2abb929d67717a83cec7f7f8fb5f46a25d515b3b2bf2238fdbfcdbfd01d2a9e73cb8
+  languageName: node
+  linkType: hard
+
+"redux-devtools-expo-dev-plugin@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "redux-devtools-expo-dev-plugin@npm:2.0.0"
+  dependencies:
+    "@redux-devtools/instrument": "npm:^2.2.0"
+    "@redux-devtools/utils": "npm:^3.1.1"
+    jsan: "npm:^3.1.14"
+  peerDependencies:
+    expo: ">=53"
+    redux: "*"
+  checksum: 10/00fe947bef2fbe1a54680ff67fd67f183dc54af59986544a3906c80215468429bd9d06e5791a9585d76c7ad6032cce2d2c3ca78421f400abf9c1f0af869cb0c1
+  languageName: node
+  linkType: hard
+
+"redux-persist@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "redux-persist@npm:6.0.0"
+  peerDependencies:
+    redux: ">4.0.0"
+  checksum: 10/d3bf03fe8fc90f08985b88419eb32a21f727db2cfc93b486a8267b3884a22c665916a3dce1fd80e9e7d8180a849e5dc614b53e09e0a6803855899d7b3e652242
+  languageName: node
+  linkType: hard
+
+"redux-thunk@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "redux-thunk@npm:3.1.0"
+  peerDependencies:
+    redux: ^5.0.0
+  checksum: 10/38c563db5f0bbec90d2e65cc27f3c870c1b6102e0c071258734fac41cb0e51d31d894125815c2f4133b20aff231f51f028ad99bccc05a7e3249f1a5d5a959ed3
+  languageName: node
+  linkType: hard
+
+"redux@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "redux@npm:5.0.1"
+  checksum: 10/a373f9ed65693ead58bea5ef61c1d6bef39da9f2706db3be6f84815f3a1283230ecd1184efb1b3daa7f807d8211b0181564ca8f336fc6ee0b1e2fa0ba06737c2
+  languageName: node
+  linkType: hard
+
+"reflect-metadata@npm:^0.2.2":
+  version: 0.2.2
+  resolution: "reflect-metadata@npm:0.2.2"
+  checksum: 10/1c93f9ac790fea1c852fde80c91b2760420069f4862f28e6fae0c00c6937a56508716b0ed2419ab02869dd488d123c4ab92d062ae84e8739ea7417fae10c4745
+  languageName: node
+  linkType: hard
+
+"reflect.getprototypeof@npm:^1.0.6, reflect.getprototypeof@npm:^1.0.8":
+  version: 1.0.8
+  resolution: "reflect.getprototypeof@npm:1.0.8"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    define-properties: "npm:^1.2.1"
+    dunder-proto: "npm:^1.0.0"
+    es-abstract: "npm:^1.23.5"
+    es-errors: "npm:^1.3.0"
+    get-intrinsic: "npm:^1.2.4"
+    gopd: "npm:^1.2.0"
+    which-builtin-type: "npm:^1.2.0"
+  checksum: 10/bd583a59261faf22504267caaecd548d4c9b5df1addc9f9fa2dcd716ef9dcb947198c3999cbd827dd5b396ab0ed76772479102c2f3d3f7bfc9adb9c1c37bbc72
+  languageName: node
+  linkType: hard
+
+"reflect.getprototypeof@npm:^1.0.9":
+  version: 1.0.10
+  resolution: "reflect.getprototypeof@npm:1.0.10"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.9"
+    es-errors: "npm:^1.3.0"
+    es-object-atoms: "npm:^1.0.0"
+    get-intrinsic: "npm:^1.2.7"
+    get-proto: "npm:^1.0.1"
+    which-builtin-type: "npm:^1.2.1"
+  checksum: 10/80a4e2be716f4fe46a89a08ccad0863b47e8ce0f49616cab2d65dab0fbd53c6fdba0f52935fd41d37a2e4e22355c272004f920d63070de849f66eea7aeb4a081
+  languageName: node
+  linkType: hard
+
+"reftools@npm:^1.1.9":
+  version: 1.1.9
+  resolution: "reftools@npm:1.1.9"
+  checksum: 10/6a124748f1c4af84bf651c31c76b7ed0a7f766533530a80cbf2d2517b26e6bfaadc0b1b3e399675343328ab861ab04881e64c8bc3c2f40fc7be27a8aacf8775e
+  languageName: node
+  linkType: hard
+
+"regenerate-unicode-properties@npm:^10.2.0":
+  version: 10.2.0
+  resolution: "regenerate-unicode-properties@npm:10.2.0"
+  dependencies:
+    regenerate: "npm:^1.4.2"
+  checksum: 10/9150eae6fe04a8c4f2ff06077396a86a98e224c8afad8344b1b656448e89e84edcd527e4b03aa5476774129eb6ad328ed684f9c1459794a935ec0cc17ce14329
+  languageName: node
+  linkType: hard
+
+"regenerate@npm:^1.4.2":
+  version: 1.4.2
+  resolution: "regenerate@npm:1.4.2"
+  checksum: 10/dc6c95ae4b3ba6adbd7687cafac260eee4640318c7a95239d5ce847d9b9263979758389e862fe9c93d633b5792ea4ada5708df75885dc5aa05a309fa18140a87
+  languageName: node
+  linkType: hard
+
+"regenerator-runtime@npm:^0.13.2":
+  version: 0.13.11
+  resolution: "regenerator-runtime@npm:0.13.11"
+  checksum: 10/d493e9e118abef5b099c78170834f18540c4933cedf9bfabc32d3af94abfb59a7907bd7950259cbab0a929ebca7db77301e8024e5121e6482a82f78283dfd20c
+  languageName: node
+  linkType: hard
+
+"regenerator-runtime@npm:^0.14.0":
+  version: 0.14.1
+  resolution: "regenerator-runtime@npm:0.14.1"
+  checksum: 10/5db3161abb311eef8c45bcf6565f4f378f785900ed3945acf740a9888c792f75b98ecb77f0775f3bf95502ff423529d23e94f41d80c8256e8fa05ed4b07cf471
+  languageName: node
+  linkType: hard
+
+"regenerator-transform@npm:^0.15.2":
+  version: 0.15.2
+  resolution: "regenerator-transform@npm:0.15.2"
+  dependencies:
+    "@babel/runtime": "npm:^7.8.4"
+  checksum: 10/c4fdcb46d11bbe32605b4b9ed76b21b8d3f241a45153e9dc6f5542fed4c7744fed459f42701f650d5d5956786bf7de57547329d1c05a9df2ed9e367b9d903302
+  languageName: node
+  linkType: hard
+
+"regex-parser@npm:^2.2.11":
+  version: 2.3.0
+  resolution: "regex-parser@npm:2.3.0"
+  checksum: 10/d82c81bc27db096d93cf3daf1f3bb679784aedac4f4f2841cf976747bbe5bed5bb2e1bf7cda16a95773029282fd910962d47f2c6f229e756e53db4782b79eef7
+  languageName: node
+  linkType: hard
+
+"regexp.prototype.flags@npm:^1.5.1, regexp.prototype.flags@npm:^1.5.2, regexp.prototype.flags@npm:^1.5.3":
+  version: 1.5.3
+  resolution: "regexp.prototype.flags@npm:1.5.3"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-errors: "npm:^1.3.0"
+    set-function-name: "npm:^2.0.2"
+  checksum: 10/fe17bc4eebbc72945aaf9dd059eb7784a5ca453a67cc4b5b3e399ab08452c9a05befd92063e2c52e7b24d9238c60031656af32dd57c555d1ba6330dbf8c23b43
+  languageName: node
+  linkType: hard
+
+"regexp.prototype.flags@npm:^1.5.4":
+  version: 1.5.4
+  resolution: "regexp.prototype.flags@npm:1.5.4"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    define-properties: "npm:^1.2.1"
+    es-errors: "npm:^1.3.0"
+    get-proto: "npm:^1.0.1"
+    gopd: "npm:^1.2.0"
+    set-function-name: "npm:^2.0.2"
+  checksum: 10/8ab897ca445968e0b96f6237641510f3243e59c180ee2ee8d83889c52ff735dd1bf3657fcd36db053e35e1d823dd53f2565d0b8021ea282c9fe62401c6c3bd6d
+  languageName: node
+  linkType: hard
+
+"regexpp@npm:^3.0.0":
+  version: 3.2.0
+  resolution: "regexpp@npm:3.2.0"
+  checksum: 10/3310010895a906873262f4b494fc99bcef1e71ef6720a0532c5999ca586498cbd4a284c8e3c2423f9d1d37512fd08d6064b7564e0e59508cf938f76dd15ace84
+  languageName: node
+  linkType: hard
+
+"regexpu-core@npm:^6.2.0":
+  version: 6.2.0
+  resolution: "regexpu-core@npm:6.2.0"
+  dependencies:
+    regenerate: "npm:^1.4.2"
+    regenerate-unicode-properties: "npm:^10.2.0"
+    regjsgen: "npm:^0.8.0"
+    regjsparser: "npm:^0.12.0"
+    unicode-match-property-ecmascript: "npm:^2.0.0"
+    unicode-match-property-value-ecmascript: "npm:^2.1.0"
+  checksum: 10/4d054ffcd98ca4f6ca7bf0df6598ed5e4a124264602553308add41d4fa714a0c5bcfb5bc868ac91f7060a9c09889cc21d3180a3a14c5f9c5838442806129ced3
+  languageName: node
+  linkType: hard
+
+"regjsgen@npm:^0.8.0":
+  version: 0.8.0
+  resolution: "regjsgen@npm:0.8.0"
+  checksum: 10/b930f03347e4123c917d7b40436b4f87f625b8dd3e705b447ddd44804e4616c3addb7453f0902d6e914ab0446c30e816e445089bb641a4714237fe8141a0ef9d
+  languageName: node
+  linkType: hard
+
+"regjsparser@npm:^0.12.0":
+  version: 0.12.0
+  resolution: "regjsparser@npm:0.12.0"
+  dependencies:
+    jsesc: "npm:~3.0.2"
+  bin:
+    regjsparser: bin/parser
+  checksum: 10/c2d6506b3308679de5223a8916984198e0493649a67b477c66bdb875357e3785abbf3bedf7c5c2cf8967d3b3a7bdf08b7cbd39e65a70f9e1ffad584aecf5f06a
+  languageName: node
+  linkType: hard
+
+"rehype-recma@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "rehype-recma@npm:1.0.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    "@types/hast": "npm:^3.0.0"
+    hast-util-to-estree: "npm:^3.0.0"
+  checksum: 10/d3d544ad4a18485ec6b03a194b40473f96e2169c63d6a8ee3ce9af5e87b946c308fb9549b53e010c7dd39740337e387bb1a8856ce1b47f3e957b696f1d5b2d0c
+  languageName: node
+  linkType: hard
+
+"relateurl@npm:^0.2.7":
+  version: 0.2.7
+  resolution: "relateurl@npm:0.2.7"
+  checksum: 10/f5d6ba58f2a5d5076389090600c243a0ba7072bcf347490a09e4241e2427ccdb260b4e22cea7be4f1fcd3c2bf05908b1e0d0bc9605e3199d4ecf37af1d5681fa
+  languageName: node
+  linkType: hard
+
+"remark-frontmatter@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "remark-frontmatter@npm:5.0.0"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    mdast-util-frontmatter: "npm:^2.0.0"
+    micromark-extension-frontmatter: "npm:^2.0.0"
+    unified: "npm:^11.0.0"
+  checksum: 10/5d859f336e9cd6f6ed02139a76781b35a8cabbbb240d30dd8048e1c74d7b8e8335b98f27290c9787baab3bc5eb935347a046fa85ad307cf0f7ea6c1ecfde8dc4
+  languageName: node
+  linkType: hard
+
+"remark-gfm@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "remark-gfm@npm:4.0.0"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    mdast-util-gfm: "npm:^3.0.0"
+    micromark-extension-gfm: "npm:^3.0.0"
+    remark-parse: "npm:^11.0.0"
+    remark-stringify: "npm:^11.0.0"
+    unified: "npm:^11.0.0"
+  checksum: 10/9f7b17aae0e9dc79ba9c989c2a679baff7161e1831a87307cfa2e0e9b0c492bd8c1900cdf7305855b898a2a9fab9aa8e586d71ce49cbc1ea90f68b714c249c0d
+  languageName: node
+  linkType: hard
+
+"remark-heading-id@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "remark-heading-id@npm:1.0.1"
+  dependencies:
+    lodash: "npm:^4.17.21"
+    unist-util-visit: "npm:^1.4.0"
+  checksum: 10/2a773fbe5b3ee13f09164d65216b8e85dd0ebb80008168caba1e719c8a4e49bc826012738c77c3b0d1b9293ae93cd8d44bec210996dcf0cdc725ec5db4f8243e
+  languageName: node
+  linkType: hard
+
+"remark-mdx-frontmatter@npm:^5.2.0":
+  version: 5.2.0
+  resolution: "remark-mdx-frontmatter@npm:5.2.0"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    estree-util-value-to-estree: "npm:^3.0.0"
+    toml: "npm:^3.0.0"
+    unified: "npm:^11.0.0"
+    unist-util-mdx-define: "npm:^1.0.0"
+    yaml: "npm:^2.0.0"
+  checksum: 10/95c4e4e2fdcfca95605fb2e217431e967976081602f299fa0dbc15d8441ff982807c9c3a177d65555691abd317a550dbd6fbda45e9675e150a8fc0a6bd073abe
+  languageName: node
+  linkType: hard
+
+"remark-mdx@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "remark-mdx@npm:3.1.0"
+  dependencies:
+    mdast-util-mdx: "npm:^3.0.0"
+    micromark-extension-mdxjs: "npm:^3.0.0"
+  checksum: 10/9a0a1ba9433f0a9a13ec6b9b185244cb431d3205cc0034ff474b60a13b76095870b8cb6a466cfacf35199ee98e92413fec86fbeb75de3ec3d7bb8f486efc7484
+  languageName: node
+  linkType: hard
+
+"remark-parse@npm:^11.0.0":
+  version: 11.0.0
+  resolution: "remark-parse@npm:11.0.0"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    mdast-util-from-markdown: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+    unified: "npm:^11.0.0"
+  checksum: 10/59d584be56ebc7c05524989c4ed86eb8a7b6e361942b705ca13a37349f60740a6073aedf7783af46ce920d09dd156148942d5e33e8be3dbcd47f818cb4bc410c
+  languageName: node
+  linkType: hard
+
+"remark-rehype@npm:^11.0.0":
+  version: 11.1.1
+  resolution: "remark-rehype@npm:11.1.1"
+  dependencies:
+    "@types/hast": "npm:^3.0.0"
+    "@types/mdast": "npm:^4.0.0"
+    mdast-util-to-hast: "npm:^13.0.0"
+    unified: "npm:^11.0.0"
+    vfile: "npm:^6.0.0"
+  checksum: 10/39404bd19c57b2b69660be7e3d587ddb2240495845d42fad3bcc506c9c132d07abacb0a20182b73c530857b2da0c463ad5658382b448243ce432152ab49af08d
+  languageName: node
+  linkType: hard
+
+"remark-stringify@npm:^11.0.0":
+  version: 11.0.0
+  resolution: "remark-stringify@npm:11.0.0"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+    unified: "npm:^11.0.0"
+  checksum: 10/32b2f6093ba08e713183629b37e633e0999b6981560eec41f04fe957f76fc6f56dcc14c87c6b45419863be844c6f1130eb2dc055085fc0adc0775b1df7340348
+  languageName: node
+  linkType: hard
+
+"renderkid@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "renderkid@npm:3.0.0"
+  dependencies:
+    css-select: "npm:^4.1.3"
+    dom-converter: "npm:^0.2.0"
+    htmlparser2: "npm:^6.1.0"
+    lodash: "npm:^4.17.21"
+    strip-ansi: "npm:^6.0.1"
+  checksum: 10/434bd56d9930dd344bcba3ef7683f3dd893396b6bc7e8caa551a4cacbe75a9466dc6cf3d75bc324a5979278a73ef968d7854f8f660dbf1a52c38a73f1fb59b20
+  languageName: node
+  linkType: hard
+
+"request-progress@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "request-progress@npm:3.0.0"
+  dependencies:
+    throttleit: "npm:^1.0.0"
+  checksum: 10/c25b1c75fb0a0c3b38874abd7ebd58e320c55bc17a48e76772b26828d9e0f688741e144d31b678af9cf447cba32ae153efad05f8a2db225eb07135a613d3162b
+  languageName: node
+  linkType: hard
+
+"require-addon@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "require-addon@npm:1.1.0"
+  dependencies:
+    bare-addon-resolve: "npm:^1.3.0"
+    bare-url: "npm:^2.1.0"
+  checksum: 10/c43fc8a8a92235d3f7daca68ec24f52cd1ab673a05516d94b2f1954c0a02b5a508f3bb2d2ee26d7e97e9575a05a6c1bac03095f2d34cf3cf6c71d759e2b51310
+  languageName: node
+  linkType: hard
+
+"require-directory@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "require-directory@npm:2.1.1"
+  checksum: 10/a72468e2589270d91f06c7d36ec97a88db53ae5d6fe3787fadc943f0b0276b10347f89b363b2a82285f650bdcc135ad4a257c61bdd4d00d6df1fa24875b0ddaf
+  languageName: node
+  linkType: hard
+
+"require-from-string@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "require-from-string@npm:2.0.2"
+  checksum: 10/839a3a890102a658f4cb3e7b2aa13a1f80a3a976b512020c3d1efc418491c48a886b6e481ea56afc6c4cb5eef678f23b2a4e70575e7534eccadf5e30ed2e56eb
+  languageName: node
+  linkType: hard
+
+"require-main-filename@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "require-main-filename@npm:2.0.0"
+  checksum: 10/8604a570c06a69c9d939275becc33a65676529e1c3e5a9f42d58471674df79357872b96d70bb93a0380a62d60dc9031c98b1a9dad98c946ffdd61b7ac0c8cedd
+  languageName: node
+  linkType: hard
+
+"requireg@npm:^0.2.2":
+  version: 0.2.2
+  resolution: "requireg@npm:0.2.2"
+  dependencies:
+    nested-error-stacks: "npm:~2.0.1"
+    rc: "npm:~1.2.7"
+    resolve: "npm:~1.7.1"
+  checksum: 10/ae3c7759448a8348307ad99f7487f4571a8e5319c5fc5e0499a8791839d1504f3baf61ca846b70731e1973a9243d9d1ef3b54f6f674a5d67d427c92a0d78b072
+  languageName: node
+  linkType: hard
+
+"requires-port@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "requires-port@npm:1.0.0"
+  checksum: 10/878880ee78ccdce372784f62f52a272048e2d0827c29ae31e7f99da18b62a2b9463ea03a75f277352f4697c100183debb0532371ad515a2d49d4bfe596dd4c20
+  languageName: node
+  linkType: hard
+
+"reselect@npm:^5.1.0":
+  version: 5.1.1
+  resolution: "reselect@npm:5.1.1"
+  checksum: 10/1fdae11a39ed9c8d85a24df19517c8372ee24fefea9cce3fae9eaad8e9cefbba5a3d4940c6fe31296b6addf76e035588c55798f7e6e147e1b7c0855f119e7fa5
+  languageName: node
+  linkType: hard
+
+"reserved-words@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "reserved-words@npm:0.1.2"
+  checksum: 10/72e80f71dcde1e2d697e102473ad6d597e1659118836092c63cc4db68a64857f07f509176d239c8675b24f7f03574336bf202a780cc1adb39574e2884d1fd1fa
+  languageName: node
+  linkType: hard
+
+"resolve-cwd@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "resolve-cwd@npm:3.0.0"
+  dependencies:
+    resolve-from: "npm:^5.0.0"
+  checksum: 10/546e0816012d65778e580ad62b29e975a642989108d9a3c5beabfb2304192fa3c9f9146fbdfe213563c6ff51975ae41bac1d3c6e047dd9572c94863a057b4d81
+  languageName: node
+  linkType: hard
+
+"resolve-from@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "resolve-from@npm:3.0.0"
+  checksum: 10/c4189f1592a777f7d51c1ff6153df18b5d062c831fb0c623b4b87736c8a73c08e4eaab19e807399287040791f3e7aa0877f05f9d86739d3ef1ef0c727e9fe06c
+  languageName: node
+  linkType: hard
+
+"resolve-from@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "resolve-from@npm:4.0.0"
+  checksum: 10/91eb76ce83621eea7bbdd9b55121a5c1c4a39e54a9ce04a9ad4517f102f8b5131c2cf07622c738a6683991bf54f2ce178f5a42803ecbd527ddc5105f362cc9e3
+  languageName: node
+  linkType: hard
+
+"resolve-from@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "resolve-from@npm:5.0.0"
+  checksum: 10/be18a5e4d76dd711778664829841cde690971d02b6cbae277735a09c1c28f407b99ef6ef3cd585a1e6546d4097b28df40ed32c4a287b9699dcf6d7f208495e23
+  languageName: node
+  linkType: hard
+
+"resolve-pkg-maps@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "resolve-pkg-maps@npm:1.0.0"
+  checksum: 10/0763150adf303040c304009231314d1e84c6e5ebfa2d82b7d94e96a6e82bacd1dcc0b58ae257315f3c8adb89a91d8d0f12928241cba2df1680fbe6f60bf99b0e
+  languageName: node
+  linkType: hard
+
+"resolve-url-loader@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "resolve-url-loader@npm:5.0.0"
+  dependencies:
+    adjust-sourcemap-loader: "npm:^4.0.0"
+    convert-source-map: "npm:^1.7.0"
+    loader-utils: "npm:^2.0.0"
+    postcss: "npm:^8.2.14"
+    source-map: "npm:0.6.1"
+  checksum: 10/fb013845b49d4214995536471d0d7ee6a45208e6902e61d270ae0b7c77bf51800c8bd2671aabc6a0ad6a5a9fbe224142a5e23b7016a76a16b1e2748405581cb0
+  languageName: node
+  linkType: hard
+
+"resolve-workspace-root@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "resolve-workspace-root@npm:2.0.0"
+  checksum: 10/c2de02d213ca327964bd2a1e6cbb17d96d2adbd738b6aa737129ed952ef4f7e52b79452599e1ef99c6cf4f109c937866b7f3abf34f8f41af376e1b08a03523a4
+  languageName: node
+  linkType: hard
+
+"resolve.exports@npm:^2.0.0, resolve.exports@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "resolve.exports@npm:2.0.3"
+  checksum: 10/536efee0f30a10fac8604e6cdc7844dbc3f4313568d09f06db4f7ed8a5b8aeb8585966fe975083d1f2dfbc87cf5f8bc7ab65a5c23385c14acbb535ca79f8398a
+  languageName: node
+  linkType: hard
+
+"resolve@npm:^1.10.0, resolve@npm:^1.14.2, resolve@npm:^1.20.0, resolve@npm:^1.22.1, resolve@npm:^1.22.2, resolve@npm:^1.22.8":
+  version: 1.22.8
+  resolution: "resolve@npm:1.22.8"
+  dependencies:
+    is-core-module: "npm:^2.13.0"
+    path-parse: "npm:^1.0.7"
+    supports-preserve-symlinks-flag: "npm:^1.0.0"
+  bin:
+    resolve: bin/resolve
+  checksum: 10/c473506ee01eb45cbcfefb68652ae5759e092e6b0fb64547feadf9736a6394f258fbc6f88e00c5ca36d5477fbb65388b272432a3600fa223062e54333c156753
+  languageName: node
+  linkType: hard
+
+"resolve@npm:^1.10.1":
+  version: 1.22.10
+  resolution: "resolve@npm:1.22.10"
+  dependencies:
+    is-core-module: "npm:^2.16.0"
+    path-parse: "npm:^1.0.7"
+    supports-preserve-symlinks-flag: "npm:^1.0.0"
+  bin:
+    resolve: bin/resolve
+  checksum: 10/0a398b44da5c05e6e421d70108822c327675febb880eebe905587628de401854c61d5df02866ff34fc4cb1173a51c9f0e84a94702738df3611a62e2acdc68181
+  languageName: node
+  linkType: hard
+
+"resolve@npm:^1.19.0, resolve@npm:^1.22.4":
+  version: 1.22.9
+  resolution: "resolve@npm:1.22.9"
+  dependencies:
+    is-core-module: "npm:^2.16.0"
+    path-parse: "npm:^1.0.7"
+    supports-preserve-symlinks-flag: "npm:^1.0.0"
+  bin:
+    resolve: bin/resolve
+  checksum: 10/787b122cffd34944e8e899dc6f934278142df9f47c1228672cf80d21791364f0a9ff17b766374e9e83b78dee1cf4ded28d8387d264343861db77dc1141c5ec78
+  languageName: node
+  linkType: hard
+
+"resolve@npm:^2.0.0-next.5":
+  version: 2.0.0-next.5
+  resolution: "resolve@npm:2.0.0-next.5"
+  dependencies:
+    is-core-module: "npm:^2.13.0"
+    path-parse: "npm:^1.0.7"
+    supports-preserve-symlinks-flag: "npm:^1.0.0"
+  bin:
+    resolve: bin/resolve
+  checksum: 10/2d6fd28699f901744368e6f2032b4268b4c7b9185fd8beb64f68c93ac6b22e52ae13560ceefc96241a665b985edf9ffd393ae26d2946a7d3a07b7007b7d51e79
+  languageName: node
+  linkType: hard
+
+"resolve@npm:~1.7.1":
+  version: 1.7.1
+  resolution: "resolve@npm:1.7.1"
+  dependencies:
+    path-parse: "npm:^1.0.5"
+  checksum: 10/76697bb674d9de34dcfb837739878ad95b3e0021a198c88eb235d812a20d4b15b587e8e14342da41e2a83b6ca2e0c4bfd114d0329cc5b80c264925db1afe0251
+  languageName: node
+  linkType: hard
+
+"resolve@patch:resolve@npm%3A^1.10.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.14.2#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.20.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.2#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.8#optional!builtin<compat/resolve>":
+  version: 1.22.8
+  resolution: "resolve@patch:resolve@npm%3A1.22.8#optional!builtin<compat/resolve>::version=1.22.8&hash=c3c19d"
+  dependencies:
+    is-core-module: "npm:^2.13.0"
+    path-parse: "npm:^1.0.7"
+    supports-preserve-symlinks-flag: "npm:^1.0.0"
+  bin:
+    resolve: bin/resolve
+  checksum: 10/f345cd37f56a2c0275e3fe062517c650bb673815d885e7507566df589375d165bbbf4bdb6aa95600a9bc55f4744b81f452b5a63f95b9f10a72787dba3c90890a
+  languageName: node
+  linkType: hard
+
+"resolve@patch:resolve@npm%3A^1.10.1#optional!builtin<compat/resolve>":
+  version: 1.22.10
+  resolution: "resolve@patch:resolve@npm%3A1.22.10#optional!builtin<compat/resolve>::version=1.22.10&hash=c3c19d"
+  dependencies:
+    is-core-module: "npm:^2.16.0"
+    path-parse: "npm:^1.0.7"
+    supports-preserve-symlinks-flag: "npm:^1.0.0"
+  bin:
+    resolve: bin/resolve
+  checksum: 10/d4d878bfe3702d215ea23e75e0e9caf99468e3db76f5ca100d27ebdc527366fee3877e54bce7d47cc72ca8952fc2782a070d238bfa79a550eeb0082384c3b81a
+  languageName: node
+  linkType: hard
+
+"resolve@patch:resolve@npm%3A^1.19.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin<compat/resolve>":
+  version: 1.22.9
+  resolution: "resolve@patch:resolve@npm%3A1.22.9#optional!builtin<compat/resolve>::version=1.22.9&hash=c3c19d"
+  dependencies:
+    is-core-module: "npm:^2.16.0"
+    path-parse: "npm:^1.0.7"
+    supports-preserve-symlinks-flag: "npm:^1.0.0"
+  bin:
+    resolve: bin/resolve
+  checksum: 10/423e54ddf58784c85ba2382f1e982f57e55dc19967f348214e1e6bc80d2fdbdaef35453d1a6a3c31810ac5e4e87e05ad9f5b3a3b1f117d3e673de313690eb54a
+  languageName: node
+  linkType: hard
+
+"resolve@patch:resolve@npm%3A^2.0.0-next.5#optional!builtin<compat/resolve>":
+  version: 2.0.0-next.5
+  resolution: "resolve@patch:resolve@npm%3A2.0.0-next.5#optional!builtin<compat/resolve>::version=2.0.0-next.5&hash=c3c19d"
+  dependencies:
+    is-core-module: "npm:^2.13.0"
+    path-parse: "npm:^1.0.7"
+    supports-preserve-symlinks-flag: "npm:^1.0.0"
+  bin:
+    resolve: bin/resolve
+  checksum: 10/05fa778de9d0347c8b889eb7a18f1f06bf0f801b0eb4610b4871a4b2f22e220900cf0ad525e94f990bb8d8921c07754ab2122c0c225ab4cdcea98f36e64fa4c2
+  languageName: node
+  linkType: hard
+
+"resolve@patch:resolve@npm%3A~1.7.1#optional!builtin<compat/resolve>":
+  version: 1.7.1
+  resolution: "resolve@patch:resolve@npm%3A1.7.1#optional!builtin<compat/resolve>::version=1.7.1&hash=3bafbf"
+  dependencies:
+    path-parse: "npm:^1.0.5"
+  checksum: 10/3bfc4ed0768c158d320bdd1076875e2c783cba03985d6052cd5142ed971e413eb8f8a81753fc4f12f3051723356898bf9c5a24d6c988dfb9de9587f710ca692d
+  languageName: node
+  linkType: hard
+
+"restore-cursor@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "restore-cursor@npm:2.0.0"
+  dependencies:
+    onetime: "npm:^2.0.0"
+    signal-exit: "npm:^3.0.2"
+  checksum: 10/482e13d02d834b6e5e3aa90304a8b5e840775d6f06916cc92a50038adf9f098dcc72405b567da8a37e137ae40ad3e31896fa3136ae62f7a426c2fbf53d036536
+  languageName: node
+  linkType: hard
+
+"restore-cursor@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "restore-cursor@npm:3.1.0"
+  dependencies:
+    onetime: "npm:^5.1.0"
+    signal-exit: "npm:^3.0.2"
+  checksum: 10/f877dd8741796b909f2a82454ec111afb84eb45890eb49ac947d87991379406b3b83ff9673a46012fca0d7844bb989f45cc5b788254cf1a39b6b5a9659de0630
+  languageName: node
+  linkType: hard
+
+"restore-cursor@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "restore-cursor@npm:5.1.0"
+  dependencies:
+    onetime: "npm:^7.0.0"
+    signal-exit: "npm:^4.1.0"
+  checksum: 10/838dd54e458d89cfbc1a923b343c1b0f170a04100b4ce1733e97531842d7b440463967e521216e8ab6c6f8e89df877acc7b7f4c18ec76e99fb9bf5a60d358d2c
+  languageName: node
+  linkType: hard
+
+"retry@npm:^0.12.0":
+  version: 0.12.0
+  resolution: "retry@npm:0.12.0"
+  checksum: 10/1f914879f97e7ee931ad05fe3afa629bd55270fc6cf1c1e589b6a99fab96d15daad0fa1a52a00c729ec0078045fe3e399bd4fd0c93bcc906957bdc17f89cb8e6
+  languageName: node
+  linkType: hard
+
+"reusify@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "reusify@npm:1.0.4"
+  checksum: 10/14222c9e1d3f9ae01480c50d96057228a8524706db79cdeb5a2ce5bb7070dd9f409a6f84a02cbef8cdc80d39aef86f2dd03d155188a1300c599b05437dcd2ffb
+  languageName: node
+  linkType: hard
+
+"rfdc@npm:^1.3.0, rfdc@npm:^1.4.1":
+  version: 1.4.1
+  resolution: "rfdc@npm:1.4.1"
+  checksum: 10/2f3d11d3d8929b4bfeefc9acb03aae90f971401de0add5ae6c5e38fec14f0405e6a4aad8fdb76344bfdd20c5193110e3750cbbd28ba86d73729d222b6cf4a729
+  languageName: node
+  linkType: hard
+
+"rimraf@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "rimraf@npm:3.0.2"
+  dependencies:
+    glob: "npm:^7.1.3"
+  bin:
+    rimraf: bin.js
+  checksum: 10/063ffaccaaaca2cfd0ef3beafb12d6a03dd7ff1260d752d62a6077b5dfff6ae81bea571f655bb6b589d366930ec1bdd285d40d560c0dae9b12f125e54eb743d5
+  languageName: node
+  linkType: hard
+
+"rimraf@npm:^5.0.5":
+  version: 5.0.10
+  resolution: "rimraf@npm:5.0.10"
+  dependencies:
+    glob: "npm:^10.3.7"
+  bin:
+    rimraf: dist/esm/bin.mjs
+  checksum: 10/f3b8ce81eecbde4628b07bdf9e2fa8b684e0caea4999acb1e3b0402c695cd41f28cd075609a808e61ce2672f528ca079f675ab1d8e8d5f86d56643a03e0b8d2e
+  languageName: node
+  linkType: hard
+
+"rimraf@npm:~2.6.2":
+  version: 2.6.3
+  resolution: "rimraf@npm:2.6.3"
+  dependencies:
+    glob: "npm:^7.1.3"
+  bin:
+    rimraf: ./bin.js
+  checksum: 10/756419f2fa99aa119c46a9fc03e09d84ecf5421a80a72d1944c5088c9e4671e77128527a900a313ed9d3fdbdd37e2ae05486cd7e9116d5812d8c31f2399d7c86
+  languageName: node
+  linkType: hard
+
+"ripemd160@npm:^2.0.0, ripemd160@npm:^2.0.1, ripemd160@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "ripemd160@npm:2.0.2"
+  dependencies:
+    hash-base: "npm:^3.0.0"
+    inherits: "npm:^2.0.1"
+  checksum: 10/006accc40578ee2beae382757c4ce2908a826b27e2b079efdcd2959ee544ddf210b7b5d7d5e80467807604244e7388427330f5c6d4cd61e6edaddc5773ccc393
+  languageName: node
+  linkType: hard
+
+"ripple-address-codec@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "ripple-address-codec@npm:5.0.0"
+  dependencies:
+    "@scure/base": "npm:^1.1.3"
+    "@xrplf/isomorphic": "npm:^1.0.0"
+  checksum: 10/e8e274c7181789cfbd4659cfaa2e65ac7615ebdb49a72515b957e4dbadba1b9398aa7635834f45e729a820af20dfa77569ac033e66aff2763f02a4db7943a60e
+  languageName: node
+  linkType: hard
+
+"ripple-binary-codec@npm:^2.5.0":
+  version: 2.5.0
+  resolution: "ripple-binary-codec@npm:2.5.0"
+  dependencies:
+    "@xrplf/isomorphic": "npm:^1.0.1"
+    bignumber.js: "npm:^9.0.0"
+    ripple-address-codec: "npm:^5.0.0"
+  checksum: 10/65d9c2cc268e6bb8daacbc281445c10aa23b3f38d171e3f8c2d219811f87ef798819926509077e7b09657a8e2362e772166d3c2cfc5b077390c7ac6efc690a73
+  languageName: node
+  linkType: hard
+
+"ripple-keypairs@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "ripple-keypairs@npm:2.0.0"
+  dependencies:
+    "@noble/curves": "npm:^1.0.0"
+    "@xrplf/isomorphic": "npm:^1.0.0"
+    ripple-address-codec: "npm:^5.0.0"
+  checksum: 10/401ade8b179b8693f9689457346a5f0b5b7d789bb88613f27917c2a1ef907edc23bb1902ba5e8158dcd303e462f160e39897047fb778227af2dc6fab8897f503
+  languageName: node
+  linkType: hard
+
+"rlp@npm:^2.2.3, rlp@npm:^2.2.4":
+  version: 2.2.7
+  resolution: "rlp@npm:2.2.7"
+  dependencies:
+    bn.js: "npm:^5.2.0"
+  bin:
+    rlp: bin/rlp
+  checksum: 10/cf1919a2dc99f336191b3363b76299db567c192b7ee3c6f5c722728c34f65577883c9c88eeb7a1bfcbc26693c8a4f1fb0662e79ee86f0c98dd258d6987303498
+  languageName: node
+  linkType: hard
+
+"rollup@npm:^2.43.1":
+  version: 2.79.2
+  resolution: "rollup@npm:2.79.2"
+  dependencies:
+    fsevents: "npm:~2.3.2"
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  bin:
+    rollup: dist/bin/rollup
+  checksum: 10/095ba0a82811b1866a76d826987743278db0a87c45092656986bfff490326b66187d5f9ff0c24cf8d5682bc470aa00c36654e0044d6b6335ac0c1201b8280880
+  languageName: node
+  linkType: hard
+
+"rrdom@npm:^2.0.0-alpha.18":
+  version: 2.0.0-alpha.18
+  resolution: "rrdom@npm:2.0.0-alpha.18"
+  dependencies:
+    rrweb-snapshot: "npm:^2.0.0-alpha.18"
+  checksum: 10/4b02e60a6828dd29893b2a003e7611f8db275bb21b24a0b8db97ecbfd75020b6d4be26e90ada0cae4a9b28fdc75fa258dd174d21e33d30c33aded797cc23b9bc
+  languageName: node
+  linkType: hard
+
+"rrweb-snapshot@npm:^2.0.0-alpha.18":
+  version: 2.0.0-alpha.18
+  resolution: "rrweb-snapshot@npm:2.0.0-alpha.18"
+  dependencies:
+    postcss: "npm:^8.4.38"
+  checksum: 10/5dbc717cf80057855d43c7afdbffc117af5074dc627c5b1375234512f1b04c03756836605cf8cb9615639a244fe6d5b2a139955a4ab131a2050dab7808332aa2
+  languageName: node
+  linkType: hard
+
+"rrweb@npm:2.0.0-alpha.18":
+  version: 2.0.0-alpha.18
+  resolution: "rrweb@npm:2.0.0-alpha.18"
+  dependencies:
+    "@rrweb/types": "npm:^2.0.0-alpha.18"
+    "@rrweb/utils": "npm:^2.0.0-alpha.18"
+    "@types/css-font-loading-module": "npm:0.0.7"
+    "@xstate/fsm": "npm:^1.4.0"
+    base64-arraybuffer: "npm:^1.0.1"
+    mitt: "npm:^3.0.0"
+    rrdom: "npm:^2.0.0-alpha.18"
+    rrweb-snapshot: "npm:^2.0.0-alpha.18"
+  checksum: 10/44efc0475a70c0a53f8eafc08159ccaaab56396c2cf2233a132bccb4d98c801b555d6d1bab7267a51bf5312766f908952bd75659d3d84e31c1a1e51cc76631ee
+  languageName: node
+  linkType: hard
+
+"run-parallel@npm:^1.1.9":
+  version: 1.2.0
+  resolution: "run-parallel@npm:1.2.0"
+  dependencies:
+    queue-microtask: "npm:^1.2.2"
+  checksum: 10/cb4f97ad25a75ebc11a8ef4e33bb962f8af8516bb2001082ceabd8902e15b98f4b84b4f8a9b222e5d57fc3bd1379c483886ed4619367a7680dad65316993021d
+  languageName: node
+  linkType: hard
+
+"rxjs@npm:6, rxjs@npm:^6.6.3":
+  version: 6.6.7
+  resolution: "rxjs@npm:6.6.7"
+  dependencies:
+    tslib: "npm:^1.9.0"
+  checksum: 10/c8263ebb20da80dd7a91c452b9e96a178331f402344bbb40bc772b56340fcd48d13d1f545a1e3d8e464893008c5e306cc42a1552afe0d562b1a6d4e1e6262b03
+  languageName: node
+  linkType: hard
+
+"rxjs@npm:^7.5.1, rxjs@npm:^7.5.2, rxjs@npm:^7.5.5":
+  version: 7.8.1
+  resolution: "rxjs@npm:7.8.1"
+  dependencies:
+    tslib: "npm:^2.1.0"
+  checksum: 10/b10cac1a5258f885e9dd1b70d23c34daeb21b61222ee735d2ec40a8685bdca40429000703a44f0e638c27a684ac139e1c37e835d2a0dc16f6fc061a138ae3abb
+  languageName: node
+  linkType: hard
+
+"rxjs@npm:^7.8.1":
+  version: 7.8.2
+  resolution: "rxjs@npm:7.8.2"
+  dependencies:
+    tslib: "npm:^2.1.0"
+  checksum: 10/03dff09191356b2b87d94fbc1e97c4e9eb3c09d4452399dddd451b09c2f1ba8d56925a40af114282d7bc0c6fe7514a2236ca09f903cf70e4bbf156650dddb49d
+  languageName: node
+  linkType: hard
+
+"sade@npm:^1.8.1":
+  version: 1.8.1
+  resolution: "sade@npm:1.8.1"
+  dependencies:
+    mri: "npm:^1.1.0"
+  checksum: 10/1c67ba03c94083e0ae307ff5564ecb86c2104c0f558042fdaa40ea0054f91a63a9783f14069870f2f784336adabb70f90f22a84dc457b5a25e859aaadefe0910
+  languageName: node
+  linkType: hard
+
+"safe-array-concat@npm:^1.1.2, safe-array-concat@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "safe-array-concat@npm:1.1.3"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    call-bound: "npm:^1.0.2"
+    get-intrinsic: "npm:^1.2.6"
+    has-symbols: "npm:^1.1.0"
+    isarray: "npm:^2.0.5"
+  checksum: 10/fac4f40f20a3f7da024b54792fcc61059e814566dcbb04586bfefef4d3b942b2408933f25b7b3dd024affd3f2a6bbc916bef04807855e4f192413941369db864
+  languageName: node
+  linkType: hard
+
+"safe-buffer@npm:5.2.1, safe-buffer@npm:>=5.1.0, safe-buffer@npm:^5.0.1, safe-buffer@npm:^5.1.0, safe-buffer@npm:^5.1.1, safe-buffer@npm:^5.1.2, safe-buffer@npm:^5.2.0, safe-buffer@npm:^5.2.1, safe-buffer@npm:~5.2.0":
+  version: 5.2.1
+  resolution: "safe-buffer@npm:5.2.1"
+  checksum: 10/32872cd0ff68a3ddade7a7617b8f4c2ae8764d8b7d884c651b74457967a9e0e886267d3ecc781220629c44a865167b61c375d2da6c720c840ecd73f45d5d9451
+  languageName: node
+  linkType: hard
+
+"safe-buffer@npm:~5.1.0, safe-buffer@npm:~5.1.1":
+  version: 5.1.2
+  resolution: "safe-buffer@npm:5.1.2"
+  checksum: 10/7eb5b48f2ed9a594a4795677d5a150faa7eb54483b2318b568dc0c4fc94092a6cce5be02c7288a0500a156282f5276d5688bce7259299568d1053b2150ef374a
+  languageName: node
+  linkType: hard
+
+"safe-push-apply@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "safe-push-apply@npm:1.0.0"
+  dependencies:
+    es-errors: "npm:^1.3.0"
+    isarray: "npm:^2.0.5"
+  checksum: 10/2bd4e53b6694f7134b9cf93631480e7fafc8637165f0ee91d5a4af5e7f33d37de9562d1af5021178dd4217d0230cde8d6530fa28cfa1ebff9a431bf8fff124b4
+  languageName: node
+  linkType: hard
+
+"safe-regex-test@npm:^1.0.3, safe-regex-test@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "safe-regex-test@npm:1.1.0"
+  dependencies:
+    call-bound: "npm:^1.0.2"
+    es-errors: "npm:^1.3.0"
+    is-regex: "npm:^1.2.1"
+  checksum: 10/ebdb61f305bf4756a5b023ad86067df5a11b26898573afe9e52a548a63c3bd594825d9b0e2dde2eb3c94e57e0e04ac9929d4107c394f7b8e56a4613bed46c69a
+  languageName: node
+  linkType: hard
+
+"safe-stable-stringify@npm:^2.1.0":
+  version: 2.5.0
+  resolution: "safe-stable-stringify@npm:2.5.0"
+  checksum: 10/2697fa186c17c38c3ca5309637b4ac6de2f1c3d282da27cd5e1e3c88eca0fb1f9aea568a6aabdf284111592c8782b94ee07176f17126031be72ab1313ed46c5c
+  languageName: node
+  linkType: hard
+
+"safer-buffer@npm:>= 2.1.2 < 3.0.0, safer-buffer@npm:^2.0.2, safer-buffer@npm:^2.1.0, safer-buffer@npm:~2.1.0":
+  version: 2.1.2
+  resolution: "safer-buffer@npm:2.1.2"
+  checksum: 10/7eaf7a0cf37cc27b42fb3ef6a9b1df6e93a1c6d98c6c6702b02fe262d5fcbd89db63320793b99b21cb5348097d0a53de81bd5f4e8b86e20cc9412e3f1cfb4e83
+  languageName: node
+  linkType: hard
+
+"sanitize-filename@npm:^1.6.3":
+  version: 1.6.3
+  resolution: "sanitize-filename@npm:1.6.3"
+  dependencies:
+    truncate-utf8-bytes: "npm:^1.0.0"
+  checksum: 10/1c162e2cffa797571221c3ed9fe796fa8c6eabb0812418b52a839e4fc63ab130093eb546ec39e1b94b8d3511c0d7de81db3e67906a7e76d7a7bcb6fbab4ed961
+  languageName: node
+  linkType: hard
+
+"sass-loader@npm:^13.2.0":
+  version: 13.3.3
+  resolution: "sass-loader@npm:13.3.3"
+  dependencies:
+    neo-async: "npm:^2.6.2"
+  peerDependencies:
+    fibers: ">= 3.1.0"
+    node-sass: ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
+    sass: ^1.3.0
+    sass-embedded: "*"
+    webpack: ^5.0.0
+  peerDependenciesMeta:
+    fibers:
+      optional: true
+    node-sass:
+      optional: true
+    sass:
+      optional: true
+    sass-embedded:
+      optional: true
+  checksum: 10/a8a8519add9f0bb2d3d1b834dbf30b1b67e22833425755a56640cc20845107850adfc6f243cdab07a5cb26ec964513b950a02dca7b1d5b3cf3659c89bf1988eb
+  languageName: node
+  linkType: hard
+
+"sass@npm:^1.58.3":
+  version: 1.83.0
+  resolution: "sass@npm:1.83.0"
+  dependencies:
+    "@parcel/watcher": "npm:^2.4.1"
+    chokidar: "npm:^4.0.0"
+    immutable: "npm:^5.0.2"
+    source-map-js: "npm:>=0.6.2 <2.0.0"
+  dependenciesMeta:
+    "@parcel/watcher":
+      optional: true
+  bin:
+    sass: sass.js
+  checksum: 10/cae7c489ffeb1324ac7e766dda60206a6d7a318d0689b490290a32a6414ef1fd0f376f92d45fb1610e507baa6f6594f1a61d4d706df2f105122ff9a83d2a28e1
+  languageName: node
+  linkType: hard
+
+"sax@npm:>=0.6.0, sax@npm:^1.2.4, sax@npm:~1.4.1":
+  version: 1.4.1
+  resolution: "sax@npm:1.4.1"
+  checksum: 10/b1c784b545019187b53a0c28edb4f6314951c971e2963a69739c6ce222bfbc767e54d320e689352daba79b7d5e06d22b5d7113b99336219d6e93718e2f99d335
+  languageName: node
+  linkType: hard
+
+"saxes@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "saxes@npm:6.0.0"
+  dependencies:
+    xmlchars: "npm:^2.2.0"
+  checksum: 10/97b50daf6ca3a153e89842efa18a862e446248296622b7473c169c84c823ee8a16e4a43bac2f73f11fc8cb9168c73fbb0d73340f26552bac17970e9052367aa9
+  languageName: node
+  linkType: hard
+
+"scheduler@npm:0.25.0, scheduler@npm:^0.25.0":
+  version: 0.25.0
+  resolution: "scheduler@npm:0.25.0"
+  checksum: 10/e661e38503ab29a153429a99203fefa764f28b35c079719eb5efdd2c1c1086522f6653d8ffce388209682c23891a6d1d32fa6badf53c35fb5b9cd0c55ace42de
+  languageName: node
+  linkType: hard
+
+"scheduler@npm:^0.23.2":
+  version: 0.23.2
+  resolution: "scheduler@npm:0.23.2"
+  dependencies:
+    loose-envify: "npm:^1.1.0"
+  checksum: 10/e8d68b89d18d5b028223edf090092846868a765a591944760942b77ea1f69b17235f7e956696efbb62c8130ab90af7e0949bfb8eba7896335507317236966bc9
+  languageName: node
+  linkType: hard
+
+"schema-utils@npm:^3.1.1, schema-utils@npm:^3.2.0":
+  version: 3.3.0
+  resolution: "schema-utils@npm:3.3.0"
+  dependencies:
+    "@types/json-schema": "npm:^7.0.8"
+    ajv: "npm:^6.12.5"
+    ajv-keywords: "npm:^3.5.2"
+  checksum: 10/2c7bbb1da967fdfd320e6cea538949006ec6e8c13ea560a4f94ff2c56809a8486fa5ec419e023452501a6befe1ca381e409c2798c24f4993c7c4094d97fdb258
+  languageName: node
+  linkType: hard
+
+"schema-utils@npm:^4.0.0, schema-utils@npm:^4.2.0, schema-utils@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "schema-utils@npm:4.3.0"
+  dependencies:
+    "@types/json-schema": "npm:^7.0.9"
+    ajv: "npm:^8.9.0"
+    ajv-formats: "npm:^2.1.1"
+    ajv-keywords: "npm:^5.1.0"
+  checksum: 10/86c5a7c72a275c56f140bc3cdd832d56efb11428c88ad588127db12cb9b2c83ccaa9540e115d7baa9c6175b5e360094457e29c44e6fb76787c9498c2eb6df5d6
+  languageName: node
+  linkType: hard
+
+"schema-utils@npm:^4.0.1":
+  version: 4.2.0
+  resolution: "schema-utils@npm:4.2.0"
+  dependencies:
+    "@types/json-schema": "npm:^7.0.9"
+    ajv: "npm:^8.9.0"
+    ajv-formats: "npm:^2.1.1"
+    ajv-keywords: "npm:^5.1.0"
+  checksum: 10/808784735eeb153ab7f3f787f840aa3bc63f423d2a5a7e96c9e70a0e53d0bc62d7b37ea396fc598ce19196e4fb86a72f897154b7c6ce2358bbc426166f205e14
+  languageName: node
+  linkType: hard
+
+"scrypt-js@npm:3.0.1, scrypt-js@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "scrypt-js@npm:3.0.1"
+  checksum: 10/2f8aa72b7f76a6f9c446bbec5670f80d47497bccce98474203d89b5667717223eeb04a50492ae685ed7adc5a060fc2d8f9fd988f8f7ebdaf3341967f3aeff116
+  languageName: node
+  linkType: hard
+
+"secp256k1@npm:3.7.1":
+  version: 3.7.1
+  resolution: "secp256k1@npm:3.7.1"
+  dependencies:
+    bindings: "npm:^1.5.0"
+    bip66: "npm:^1.1.5"
+    bn.js: "npm:^4.11.8"
+    create-hash: "npm:^1.2.0"
+    drbg.js: "npm:^1.0.1"
+    elliptic: "npm:^6.4.1"
+    nan: "npm:^2.14.0"
+    node-gyp: "npm:latest"
+    safe-buffer: "npm:^5.1.2"
+  checksum: 10/69e2da3c2f1cd31cab286467032313be237f6f1850980007288609e8d498950ac783214bec7f2da9f57a90ff8a782ef82db516f295db344842a53f6cd6788cc2
+  languageName: node
+  linkType: hard
+
+"secp256k1@npm:5.0.1":
+  version: 5.0.1
+  resolution: "secp256k1@npm:5.0.1"
+  dependencies:
+    elliptic: "npm:^6.5.7"
+    node-addon-api: "npm:^5.0.0"
+    node-gyp: "npm:latest"
+    node-gyp-build: "npm:^4.2.0"
+  checksum: 10/63fbd35624be4fd9cf3d39e5f79c5471b4a8aea6944453b2bea7b100bb1c77a25c55e6e08e2210cdabdf478c4c62d34c408b34214f2afd9367e19a52a3a4236c
+  languageName: node
+  linkType: hard
+
+"secp256k1@npm:^4.0.0, secp256k1@npm:^4.0.1":
+  version: 4.0.4
+  resolution: "secp256k1@npm:4.0.4"
+  dependencies:
+    elliptic: "npm:^6.5.7"
+    node-addon-api: "npm:^5.0.0"
+    node-gyp: "npm:latest"
+    node-gyp-build: "npm:^4.2.0"
+  checksum: 10/45000f348c853df7c1e2b67c48efb062ae78c0620ab1a5cfb02fa20d3aad39c641f4e7a18b3de3b54a7c0cc1e0addeb8ecd9d88bc332e92df17a92b60c36122a
+  languageName: node
+  linkType: hard
+
+"semver@npm:2 || 3 || 4 || 5, semver@npm:^5.3.0, semver@npm:^5.6.0":
+  version: 5.7.2
+  resolution: "semver@npm:5.7.2"
+  bin:
+    semver: bin/semver
+  checksum: 10/fca14418a174d4b4ef1fecb32c5941e3412d52a4d3d85165924ce3a47fbc7073372c26faf7484ceb4bbc2bde25880c6b97e492473dc7e9708fdfb1c6a02d546e
+  languageName: node
+  linkType: hard
+
+"semver@npm:7.6.3, semver@npm:^7.1.3, semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.1, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.0, semver@npm:^7.6.2, semver@npm:^7.6.3, semver@npm:~7.6.3":
+  version: 7.6.3
+  resolution: "semver@npm:7.6.3"
+  bin:
+    semver: bin/semver.js
+  checksum: 10/36b1fbe1a2b6f873559cd57b238f1094a053dbfd997ceeb8757d79d1d2089c56d1321b9f1069ce263dc64cfa922fa1d2ad566b39426fe1ac6c723c1487589e10
+  languageName: node
+  linkType: hard
+
+"semver@npm:7.x":
+  version: 7.7.2
+  resolution: "semver@npm:7.7.2"
+  bin:
+    semver: bin/semver.js
+  checksum: 10/7a24cffcaa13f53c09ce55e05efe25cd41328730b2308678624f8b9f5fc3093fc4d189f47950f0b811ff8f3c3039c24a2c36717ba7961615c682045bf03e1dda
+  languageName: node
+  linkType: hard
+
+"semver@npm:^6.0.0, semver@npm:^6.1.0, semver@npm:^6.3.0, semver@npm:^6.3.1":
+  version: 6.3.1
+  resolution: "semver@npm:6.3.1"
+  bin:
+    semver: bin/semver.js
+  checksum: 10/1ef3a85bd02a760c6ef76a45b8c1ce18226de40831e02a00bad78485390b98b6ccaa31046245fc63bba4a47a6a592b6c7eedc65cc47126e60489f9cc1ce3ed7e
+  languageName: node
+  linkType: hard
+
+"semver@npm:^7.7.1":
+  version: 7.7.1
+  resolution: "semver@npm:7.7.1"
+  bin:
+    semver: bin/semver.js
+  checksum: 10/4cfa1eb91ef3751e20fc52e47a935a0118d56d6f15a837ab814da0c150778ba2ca4f1a4d9068b33070ea4273629e615066664c2cfcd7c272caf7a8a0f6518b2c
+  languageName: node
+  linkType: hard
+
+"send@npm:0.19.0":
+  version: 0.19.0
+  resolution: "send@npm:0.19.0"
+  dependencies:
+    debug: "npm:2.6.9"
+    depd: "npm:2.0.0"
+    destroy: "npm:1.2.0"
+    encodeurl: "npm:~1.0.2"
+    escape-html: "npm:~1.0.3"
+    etag: "npm:~1.8.1"
+    fresh: "npm:0.5.2"
+    http-errors: "npm:2.0.0"
+    mime: "npm:1.6.0"
+    ms: "npm:2.1.3"
+    on-finished: "npm:2.4.1"
+    range-parser: "npm:~1.2.1"
+    statuses: "npm:2.0.1"
+  checksum: 10/1f6064dea0ae4cbe4878437aedc9270c33f2a6650a77b56a16b62d057527f2766d96ee282997dd53ec0339082f2aad935bc7d989b46b48c82fc610800dc3a1d0
+  languageName: node
+  linkType: hard
+
+"send@npm:^0.19.0":
+  version: 0.19.1
+  resolution: "send@npm:0.19.1"
+  dependencies:
+    debug: "npm:2.6.9"
+    depd: "npm:2.0.0"
+    destroy: "npm:1.2.0"
+    encodeurl: "npm:~2.0.0"
+    escape-html: "npm:~1.0.3"
+    etag: "npm:~1.8.1"
+    fresh: "npm:0.5.2"
+    http-errors: "npm:2.0.0"
+    mime: "npm:1.6.0"
+    ms: "npm:2.1.3"
+    on-finished: "npm:2.4.1"
+    range-parser: "npm:~1.2.1"
+    statuses: "npm:2.0.1"
+  checksum: 10/360bf50a839c7bbc181f67c3a0f3424a7ad8016dfebcd9eb90891f4b762b4377da14414c32250d67b53872e884171c27469110626f6c22765caa7c38c207ee1d
+  languageName: node
+  linkType: hard
+
+"serialize-error@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "serialize-error@npm:2.1.0"
+  checksum: 10/28464a6f65e6becd6e49fb782aff06573fdbf3d19f161a20228179842fed05c75a34110e54c3ee020b00240f9e11d8bee9b9fee5d04e0bc0bef1fdbf2baa297e
+  languageName: node
+  linkType: hard
+
+"serialize-javascript@npm:^6.0.1, serialize-javascript@npm:^6.0.2":
+  version: 6.0.2
+  resolution: "serialize-javascript@npm:6.0.2"
+  dependencies:
+    randombytes: "npm:^2.1.0"
+  checksum: 10/445a420a6fa2eaee4b70cbd884d538e259ab278200a2ededd73253ada17d5d48e91fb1f4cd224a236ab62ea7ba0a70c6af29fc93b4f3d3078bf7da1c031fde58
+  languageName: node
+  linkType: hard
+
+"serve-static@npm:^1.16.2":
+  version: 1.16.2
+  resolution: "serve-static@npm:1.16.2"
+  dependencies:
+    encodeurl: "npm:~2.0.0"
+    escape-html: "npm:~1.0.3"
+    parseurl: "npm:~1.3.3"
+    send: "npm:0.19.0"
+  checksum: 10/7fa9d9c68090f6289976b34fc13c50ac8cd7f16ae6bce08d16459300f7fc61fbc2d7ebfa02884c073ec9d6ab9e7e704c89561882bbe338e99fcacb2912fde737
+  languageName: node
+  linkType: hard
+
+"server-only@npm:^0.0.1":
+  version: 0.0.1
+  resolution: "server-only@npm:0.0.1"
+  checksum: 10/c432348956641ea3f460af8dc3765f3a1bdbcf7a1e0205b0756d868e6e6fe8934cdee6bff68401a1dd49ba4a831c75916517a877446d54b334f7de36fa273e53
+  languageName: node
+  linkType: hard
+
+"set-blocking@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "set-blocking@npm:2.0.0"
+  checksum: 10/8980ebf7ae9eb945bb036b6e283c547ee783a1ad557a82babf758a065e2fb6ea337fd82cac30dd565c1e606e423f30024a19fff7afbf4977d784720c4026a8ef
+  languageName: node
+  linkType: hard
+
+"set-function-length@npm:^1.2.1, set-function-length@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "set-function-length@npm:1.2.2"
+  dependencies:
+    define-data-property: "npm:^1.1.4"
+    es-errors: "npm:^1.3.0"
+    function-bind: "npm:^1.1.2"
+    get-intrinsic: "npm:^1.2.4"
+    gopd: "npm:^1.0.1"
+    has-property-descriptors: "npm:^1.0.2"
+  checksum: 10/505d62b8e088468917ca4e3f8f39d0e29f9a563b97dbebf92f4bd2c3172ccfb3c5b8e4566d5fcd00784a00433900e7cb8fbc404e2dbd8c3818ba05bb9d4a8a6d
+  languageName: node
+  linkType: hard
+
+"set-function-name@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "set-function-name@npm:2.0.2"
+  dependencies:
+    define-data-property: "npm:^1.1.4"
+    es-errors: "npm:^1.3.0"
+    functions-have-names: "npm:^1.2.3"
+    has-property-descriptors: "npm:^1.0.2"
+  checksum: 10/c7614154a53ebf8c0428a6c40a3b0b47dac30587c1a19703d1b75f003803f73cdfa6a93474a9ba678fa565ef5fbddc2fae79bca03b7d22ab5fd5163dbe571a74
+  languageName: node
+  linkType: hard
+
+"set-proto@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "set-proto@npm:1.0.0"
+  dependencies:
+    dunder-proto: "npm:^1.0.1"
+    es-errors: "npm:^1.3.0"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10/b87f8187bca595ddc3c0721ece4635015fd9d7cb294e6dd2e394ce5186a71bbfa4dc8a35010958c65e43ad83cde09642660e61a952883c24fd6b45ead15f045c
+  languageName: node
+  linkType: hard
+
+"set-value@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "set-value@npm:4.1.0"
+  dependencies:
+    is-plain-object: "npm:^2.0.4"
+    is-primitive: "npm:^3.0.1"
+  checksum: 10/67eebb0d78be89242478daf8ab5357c59a35add1d7bdccdb56236e6004128a79bdf298c952e286b60b63ed17b24dcdb399734fbdacc9b76e7fd2e3e01546a42e
+  languageName: node
+  linkType: hard
+
+"setimmediate@npm:^1.0.4, setimmediate@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "setimmediate@npm:1.0.5"
+  checksum: 10/76e3f5d7f4b581b6100ff819761f04a984fa3f3990e72a6554b57188ded53efce2d3d6c0932c10f810b7c59414f85e2ab3c11521877d1dea1ce0b56dc906f485
+  languageName: node
+  linkType: hard
+
+"setprototypeof@npm:1.2.0":
+  version: 1.2.0
+  resolution: "setprototypeof@npm:1.2.0"
+  checksum: 10/fde1630422502fbbc19e6844346778f99d449986b2f9cdcceb8326730d2f3d9964dbcb03c02aaadaefffecd0f2c063315ebea8b3ad895914bf1afc1747fc172e
+  languageName: node
+  linkType: hard
+
+"sf-symbols-typescript@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "sf-symbols-typescript@npm:1.0.0"
+  checksum: 10/008ddfcadceb33ec29fb182104516234cc3f771254619696918481744bc28be51070f226859e4dfc2faf5f094dd8ca13e0364b2bb3d22e8cf044ce37f749df0b
+  languageName: node
+  linkType: hard
+
+"sha.js@npm:^2.3.6":
+  version: 2.4.12
+  resolution: "sha.js@npm:2.4.12"
+  dependencies:
+    inherits: "npm:^2.0.4"
+    safe-buffer: "npm:^5.2.1"
+    to-buffer: "npm:^1.2.0"
+  bin:
+    sha.js: bin.js
+  checksum: 10/39c0993592c2ab34eb2daae2199a2a1d502713765aecb611fd97c0c4ab7cd53e902d628e1962aaf384bafd28f55951fef46dcc78799069ce41d74b03aa13b5a7
+  languageName: node
+  linkType: hard
+
+"sha.js@npm:^2.4.0, sha.js@npm:^2.4.8":
+  version: 2.4.11
+  resolution: "sha.js@npm:2.4.11"
+  dependencies:
+    inherits: "npm:^2.0.1"
+    safe-buffer: "npm:^5.0.1"
+  bin:
+    sha.js: ./bin.js
+  checksum: 10/d833bfa3e0a67579a6ce6e1bc95571f05246e0a441dd8c76e3057972f2a3e098465687a4369b07e83a0375a88703577f71b5b2e966809e67ebc340dbedb478c7
+  languageName: node
+  linkType: hard
+
+"shallow-clone@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "shallow-clone@npm:3.0.1"
+  dependencies:
+    kind-of: "npm:^6.0.2"
+  checksum: 10/e066bd540cfec5e1b0f78134853e0d892d1c8945fb9a926a579946052e7cb0c70ca4fc34f875a8083aa7910d751805d36ae64af250a6de6f3d28f9fa7be6c21b
+  languageName: node
+  linkType: hard
+
+"shallowequal@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "shallowequal@npm:1.1.0"
+  checksum: 10/f4c1de0837f106d2dbbfd5d0720a5d059d1c66b42b580965c8f06bb1db684be8783538b684092648c981294bf817869f743a066538771dbecb293df78f765e00
+  languageName: node
+  linkType: hard
+
+"sharp@npm:^0.33.3, sharp@npm:^0.33.5":
+  version: 0.33.5
+  resolution: "sharp@npm:0.33.5"
+  dependencies:
+    "@img/sharp-darwin-arm64": "npm:0.33.5"
+    "@img/sharp-darwin-x64": "npm:0.33.5"
+    "@img/sharp-libvips-darwin-arm64": "npm:1.0.4"
+    "@img/sharp-libvips-darwin-x64": "npm:1.0.4"
+    "@img/sharp-libvips-linux-arm": "npm:1.0.5"
+    "@img/sharp-libvips-linux-arm64": "npm:1.0.4"
+    "@img/sharp-libvips-linux-s390x": "npm:1.0.4"
+    "@img/sharp-libvips-linux-x64": "npm:1.0.4"
+    "@img/sharp-libvips-linuxmusl-arm64": "npm:1.0.4"
+    "@img/sharp-libvips-linuxmusl-x64": "npm:1.0.4"
+    "@img/sharp-linux-arm": "npm:0.33.5"
+    "@img/sharp-linux-arm64": "npm:0.33.5"
+    "@img/sharp-linux-s390x": "npm:0.33.5"
+    "@img/sharp-linux-x64": "npm:0.33.5"
+    "@img/sharp-linuxmusl-arm64": "npm:0.33.5"
+    "@img/sharp-linuxmusl-x64": "npm:0.33.5"
+    "@img/sharp-wasm32": "npm:0.33.5"
+    "@img/sharp-win32-ia32": "npm:0.33.5"
+    "@img/sharp-win32-x64": "npm:0.33.5"
+    color: "npm:^4.2.3"
+    detect-libc: "npm:^2.0.3"
+    semver: "npm:^7.6.3"
+  dependenciesMeta:
+    "@img/sharp-darwin-arm64":
+      optional: true
+    "@img/sharp-darwin-x64":
+      optional: true
+    "@img/sharp-libvips-darwin-arm64":
+      optional: true
+    "@img/sharp-libvips-darwin-x64":
+      optional: true
+    "@img/sharp-libvips-linux-arm":
+      optional: true
+    "@img/sharp-libvips-linux-arm64":
+      optional: true
+    "@img/sharp-libvips-linux-s390x":
+      optional: true
+    "@img/sharp-libvips-linux-x64":
+      optional: true
+    "@img/sharp-libvips-linuxmusl-arm64":
+      optional: true
+    "@img/sharp-libvips-linuxmusl-x64":
+      optional: true
+    "@img/sharp-linux-arm":
+      optional: true
+    "@img/sharp-linux-arm64":
+      optional: true
+    "@img/sharp-linux-s390x":
+      optional: true
+    "@img/sharp-linux-x64":
+      optional: true
+    "@img/sharp-linuxmusl-arm64":
+      optional: true
+    "@img/sharp-linuxmusl-x64":
+      optional: true
+    "@img/sharp-wasm32":
+      optional: true
+    "@img/sharp-win32-ia32":
+      optional: true
+    "@img/sharp-win32-x64":
+      optional: true
+  checksum: 10/9f153578cb02735359cbcc874f52b56b8074ed997498c35255c7099d4f4f506f6ddf83a437a55242c7ad4f979336660504b6c78e29d6933f4981dedbdae5ce09
+  languageName: node
+  linkType: hard
+
+"shebang-command@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "shebang-command@npm:2.0.0"
+  dependencies:
+    shebang-regex: "npm:^3.0.0"
+  checksum: 10/6b52fe87271c12968f6a054e60f6bde5f0f3d2db483a1e5c3e12d657c488a15474121a1d55cd958f6df026a54374ec38a4a963988c213b7570e1d51575cea7fa
+  languageName: node
+  linkType: hard
+
+"shebang-regex@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "shebang-regex@npm:3.0.0"
+  checksum: 10/1a2bcae50de99034fcd92ad4212d8e01eedf52c7ec7830eedcf886622804fe36884278f2be8be0ea5fde3fd1c23911643a4e0f726c8685b61871c8908af01222
+  languageName: node
+  linkType: hard
+
+"shell-quote@npm:^1.6.1":
+  version: 1.8.2
+  resolution: "shell-quote@npm:1.8.2"
+  checksum: 10/3ae4804fd80a12ba07650d0262804ae3b479a62a6b6971a6dc5fa12995507aa63d3de3e6a8b7a8d18f4ce6eb118b7d75db7fcb2c0acbf016f210f746b10cfe02
+  languageName: node
+  linkType: hard
+
+"should-equal@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "should-equal@npm:2.0.0"
+  dependencies:
+    should-type: "npm:^1.4.0"
+  checksum: 10/700e38f7815937f15e415b29df45ae22929c98c87979eb71e3a1085ba94cd0c601f435272eef3c9399ff74fa2d424df37ff03672f61ceda21630edcc77810744
+  languageName: node
+  linkType: hard
+
+"should-format@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "should-format@npm:3.0.3"
+  dependencies:
+    should-type: "npm:^1.3.0"
+    should-type-adaptors: "npm:^1.0.1"
+  checksum: 10/099157f4f9bf458919bce8e981438e139c21789bb45f8b5cd8cf4bf01c5df498f1a1e666211bfd906b72b77d645a187563554ab38af807f8cd1aaf270e326186
+  languageName: node
+  linkType: hard
+
+"should-type-adaptors@npm:^1.0.1":
+  version: 1.1.0
+  resolution: "should-type-adaptors@npm:1.1.0"
+  dependencies:
+    should-type: "npm:^1.3.0"
+    should-util: "npm:^1.0.0"
+  checksum: 10/ca0fc7b24b916373e987b46e0c54db4aa824a80090a2fbff201679fd059240f4efabe415ffef9f5cfb99d85bf4241bdc3f212a9939724413203258a7dd73c24e
+  languageName: node
+  linkType: hard
+
+"should-type@npm:^1.3.0, should-type@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "should-type@npm:1.4.0"
+  checksum: 10/3e99a930fd43a47b0967fb5e8d0be31d9e2339c49267d3eabae014717012f4bd7cd942686fc49675114982240dcbfedba94ef49d0811b8f491c7cd74343bf97f
+  languageName: node
+  linkType: hard
+
+"should-util@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "should-util@npm:1.0.1"
+  checksum: 10/c3be15e0fdc851f8338676b3f8b590d330bbea94ec41c1343cc9983dea295915073f69a215795454b6adda6579ec8927c7c0ab178b83f9f11a0247ccdba53381
+  languageName: node
+  linkType: hard
+
+"should@npm:^13.2.1":
+  version: 13.2.3
+  resolution: "should@npm:13.2.3"
+  dependencies:
+    should-equal: "npm:^2.0.0"
+    should-format: "npm:^3.0.3"
+    should-type: "npm:^1.4.0"
+    should-type-adaptors: "npm:^1.0.1"
+    should-util: "npm:^1.0.0"
+  checksum: 10/4d3da94f11fee3db17be09673a73cd1939b0b75ebde102161eecef5559991deed691071ccab1d9289f4b69a45ef1a9d2362686a5f1ac530a43161d5832f6aa7d
+  languageName: node
+  linkType: hard
+
+"side-channel-list@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "side-channel-list@npm:1.0.0"
+  dependencies:
+    es-errors: "npm:^1.3.0"
+    object-inspect: "npm:^1.13.3"
+  checksum: 10/603b928997abd21c5a5f02ae6b9cc36b72e3176ad6827fab0417ead74580cc4fb4d5c7d0a8a2ff4ead34d0f9e35701ed7a41853dac8a6d1a664fcce1a044f86f
+  languageName: node
+  linkType: hard
+
+"side-channel-map@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "side-channel-map@npm:1.0.1"
+  dependencies:
+    call-bound: "npm:^1.0.2"
+    es-errors: "npm:^1.3.0"
+    get-intrinsic: "npm:^1.2.5"
+    object-inspect: "npm:^1.13.3"
+  checksum: 10/5771861f77feefe44f6195ed077a9e4f389acc188f895f570d56445e251b861754b547ea9ef73ecee4e01fdada6568bfe9020d2ec2dfc5571e9fa1bbc4a10615
+  languageName: node
+  linkType: hard
+
+"side-channel-weakmap@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "side-channel-weakmap@npm:1.0.2"
+  dependencies:
+    call-bound: "npm:^1.0.2"
+    es-errors: "npm:^1.3.0"
+    get-intrinsic: "npm:^1.2.5"
+    object-inspect: "npm:^1.13.3"
+    side-channel-map: "npm:^1.0.1"
+  checksum: 10/a815c89bc78c5723c714ea1a77c938377ea710af20d4fb886d362b0d1f8ac73a17816a5f6640f354017d7e292a43da9c5e876c22145bac00b76cfb3468001736
+  languageName: node
+  linkType: hard
+
+"side-channel@npm:^1.0.6, side-channel@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "side-channel@npm:1.1.0"
+  dependencies:
+    es-errors: "npm:^1.3.0"
+    object-inspect: "npm:^1.13.3"
+    side-channel-list: "npm:^1.0.0"
+    side-channel-map: "npm:^1.0.1"
+    side-channel-weakmap: "npm:^1.0.2"
+  checksum: 10/7d53b9db292c6262f326b6ff3bc1611db84ece36c2c7dc0e937954c13c73185b0406c56589e2bb8d071d6fee468e14c39fb5d203ee39be66b7b8174f179afaba
+  languageName: node
+  linkType: hard
+
+"signal-exit@npm:^3.0.2, signal-exit@npm:^3.0.3, signal-exit@npm:^3.0.7":
+  version: 3.0.7
+  resolution: "signal-exit@npm:3.0.7"
+  checksum: 10/a2f098f247adc367dffc27845853e9959b9e88b01cb301658cfe4194352d8d2bb32e18467c786a7fe15f1d44b233ea35633d076d5e737870b7139949d1ab6318
+  languageName: node
+  linkType: hard
+
+"signal-exit@npm:^4.0.1, signal-exit@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "signal-exit@npm:4.1.0"
+  checksum: 10/c9fa63bbbd7431066174a48ba2dd9986dfd930c3a8b59de9c29d7b6854ec1c12a80d15310869ea5166d413b99f041bfa3dd80a7947bcd44ea8e6eb3ffeabfa1f
+  languageName: node
+  linkType: hard
+
+"simple-plist@npm:^1.1.0":
+  version: 1.4.0
+  resolution: "simple-plist@npm:1.4.0"
+  dependencies:
+    bplist-creator: "npm:0.1.1"
+    bplist-parser: "npm:0.3.2"
+    plist: "npm:^3.0.5"
+  checksum: 10/e03f1619370d8d502543f2f9c6448722456dd2594e34d689eb8706c7c9e328c1ed5bef89280cb9e13426942ec1ab0f5655406ab70550be28b84fcccc304d447b
+  languageName: node
+  linkType: hard
+
+"simple-swizzle@npm:^0.2.2":
+  version: 0.2.2
+  resolution: "simple-swizzle@npm:0.2.2"
+  dependencies:
+    is-arrayish: "npm:^0.3.1"
+  checksum: 10/c6dffff17aaa383dae7e5c056fbf10cf9855a9f79949f20ee225c04f06ddde56323600e0f3d6797e82d08d006e93761122527438ee9531620031c08c9e0d73cc
+  languageName: node
+  linkType: hard
+
+"sirv@npm:^2.0.3":
+  version: 2.0.4
+  resolution: "sirv@npm:2.0.4"
+  dependencies:
+    "@polka/url": "npm:^1.0.0-next.24"
+    mrmime: "npm:^2.0.0"
+    totalist: "npm:^3.0.0"
+  checksum: 10/24f42cf06895017e589c9d16fc3f1c6c07fe8b0dbafce8a8b46322cfba67b7f2498610183954cb0e9d089c8cb60002a7ee7e8bca6a91a0d7042bfbc3473c95c3
+  languageName: node
+  linkType: hard
+
+"sisteransi@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "sisteransi@npm:1.0.5"
+  checksum: 10/aba6438f46d2bfcef94cf112c835ab395172c75f67453fe05c340c770d3c402363018ae1ab4172a1026a90c47eaccf3af7b6ff6fa749a680c2929bd7fa2b37a4
+  languageName: node
+  linkType: hard
+
+"siwe@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "siwe@npm:3.0.0"
+  dependencies:
+    "@spruceid/siwe-parser": "npm:^3.0.0"
+    "@stablelib/random": "npm:^1.0.1"
+  peerDependencies:
+    ethers: ^5.6.8 || ^6.0.8
+  checksum: 10/9be89fe6163be6508c4a65594002a2841cc2ea5cbf3bdb25ca26a214ad08a7a7ad21915b1fe6dd23bdd2f02c61992e1b7676b24d70e1ae85e5cb0e832470c7cc
+  languageName: node
+  linkType: hard
+
+"slash@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "slash@npm:2.0.0"
+  checksum: 10/512d4350735375bd11647233cb0e2f93beca6f53441015eea241fe784d8068281c3987fbaa93e7ef1c38df68d9c60013045c92837423c69115297d6169aa85e6
+  languageName: node
+  linkType: hard
+
+"slash@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "slash@npm:3.0.0"
+  checksum: 10/94a93fff615f25a999ad4b83c9d5e257a7280c90a32a7cb8b4a87996e4babf322e469c42b7f649fd5796edd8687652f3fb452a86dc97a816f01113183393f11c
+  languageName: node
+  linkType: hard
+
+"slash@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "slash@npm:4.0.0"
+  checksum: 10/da8e4af73712253acd21b7853b7e0dbba776b786e82b010a5bfc8b5051a1db38ed8aba8e1e8f400dd2c9f373be91eb1c42b66e91abb407ff42b10feece5e1d2d
+  languageName: node
+  linkType: hard
+
+"slash@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "slash@npm:5.1.0"
+  checksum: 10/2c41ec6fb1414cd9bba0fa6b1dd00e8be739e3fe85d079c69d4b09ca5f2f86eafd18d9ce611c0c0f686428638a36c272a6ac14799146a8295f259c10cc45cde4
+  languageName: node
+  linkType: hard
+
+"slice-ansi@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "slice-ansi@npm:3.0.0"
+  dependencies:
+    ansi-styles: "npm:^4.0.0"
+    astral-regex: "npm:^2.0.0"
+    is-fullwidth-code-point: "npm:^3.0.0"
+  checksum: 10/5ec6d022d12e016347e9e3e98a7eb2a592213a43a65f1b61b74d2c78288da0aded781f665807a9f3876b9daa9ad94f64f77d7633a0458876c3a4fdc4eb223f24
+  languageName: node
+  linkType: hard
+
+"slice-ansi@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "slice-ansi@npm:4.0.0"
+  dependencies:
+    ansi-styles: "npm:^4.0.0"
+    astral-regex: "npm:^2.0.0"
+    is-fullwidth-code-point: "npm:^3.0.0"
+  checksum: 10/4a82d7f085b0e1b070e004941ada3c40d3818563ac44766cca4ceadd2080427d337554f9f99a13aaeb3b4a94d9964d9466c807b3d7b7541d1ec37ee32d308756
+  languageName: node
+  linkType: hard
+
+"slice-ansi@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "slice-ansi@npm:5.0.0"
+  dependencies:
+    ansi-styles: "npm:^6.0.0"
+    is-fullwidth-code-point: "npm:^4.0.0"
+  checksum: 10/7e600a2a55e333a21ef5214b987c8358fe28bfb03c2867ff2cbf919d62143d1812ac27b4297a077fdaf27a03da3678e49551c93e35f9498a3d90221908a1180e
+  languageName: node
+  linkType: hard
+
+"slice-ansi@npm:^7.1.0":
+  version: 7.1.0
+  resolution: "slice-ansi@npm:7.1.0"
+  dependencies:
+    ansi-styles: "npm:^6.2.1"
+    is-fullwidth-code-point: "npm:^5.0.0"
+  checksum: 10/10313dd3cf7a2e4b265f527b1684c7c568210b09743fd1bd74f2194715ed13ffba653dc93a5fa79e3b1711518b8990a732cb7143aa01ddafe626e99dfa6474b2
+  languageName: node
+  linkType: hard
+
+"slugify@npm:^1.3.4, slugify@npm:^1.6.6":
+  version: 1.6.6
+  resolution: "slugify@npm:1.6.6"
+  checksum: 10/d0737cdedc834c50f74227bc1a1cf4f449f3575893f031b0e8c59f501c73526c866a23e47261b262c7acdaaaaf30d6f9e8aaae22772b3f56e858ac84c35efa7b
+  languageName: node
+  linkType: hard
+
+"smart-buffer@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "smart-buffer@npm:4.2.0"
+  checksum: 10/927484aa0b1640fd9473cee3e0a0bcad6fce93fd7bbc18bac9ad0c33686f5d2e2c422fba24b5899c184524af01e11dd2bd051c2bf2b07e47aff8ca72cbfc60d2
+  languageName: node
+  linkType: hard
+
+"smob@npm:^1.0.0":
+  version: 1.5.0
+  resolution: "smob@npm:1.5.0"
+  checksum: 10/a1ea453bcea89989062626ea30a1fcb42c62e96255619c8641ffa1d7ab42baf415975c67c718127036901b9e487d8bf4c46219e50cec54295412c1227700b8fe
+  languageName: node
+  linkType: hard
+
+"snake-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "snake-case@npm:3.0.4"
+  dependencies:
+    dot-case: "npm:^3.0.4"
+    tslib: "npm:^2.0.3"
+  checksum: 10/0a7a79900bbb36f8aaa922cf111702a3647ac6165736d5dc96d3ef367efc50465cac70c53cd172c382b022dac72ec91710608e5393de71f76d7142e6fd80e8a3
+  languageName: node
+  linkType: hard
+
+"socks-proxy-agent@npm:8.0.5, socks-proxy-agent@npm:^8.0.3":
+  version: 8.0.5
+  resolution: "socks-proxy-agent@npm:8.0.5"
+  dependencies:
+    agent-base: "npm:^7.1.2"
+    debug: "npm:^4.3.4"
+    socks: "npm:^2.8.3"
+  checksum: 10/ee99e1dacab0985b52cbe5a75640be6e604135e9489ebdc3048635d186012fbaecc20fbbe04b177dee434c319ba20f09b3e7dfefb7d932466c0d707744eac05c
+  languageName: node
+  linkType: hard
+
+"socks@npm:^2.8.3":
+  version: 2.8.3
+  resolution: "socks@npm:2.8.3"
+  dependencies:
+    ip-address: "npm:^9.0.5"
+    smart-buffer: "npm:^4.2.0"
+  checksum: 10/ffcb622c22481dfcd7589aae71fbfd71ca34334064d181df64bf8b7feaeee19706aba4cffd1de35cc7bbaeeaa0af96be2d7f40fcbc7bc0ab69533a7ae9ffc4fb
+  languageName: node
+  linkType: hard
+
+"sodium-native@npm:^4.3.3":
+  version: 4.3.3
+  resolution: "sodium-native@npm:4.3.3"
+  dependencies:
+    require-addon: "npm:^1.1.0"
+  checksum: 10/e1b9758489545a19e8b5547281edd0325fbd77447b5bdf53a398ad212b1c30e0889a1d7f0f45ec2cf3e2ce36c9f725e20ac9dd95842086baee90594b65200069
+  languageName: node
+  linkType: hard
+
+"sonic-boom@npm:^2.2.1":
+  version: 2.8.0
+  resolution: "sonic-boom@npm:2.8.0"
+  dependencies:
+    atomic-sleep: "npm:^1.0.0"
+  checksum: 10/05351d9f44bac59b2a4ab42ee22bf81b8c3bbd22db20183d78d5f2067557eb623e0eaf93b2bc0f8417bee92ca372bc26e0d83e3bdb0ffebcc33738ac1c191876
+  languageName: node
+  linkType: hard
+
+"sonner@npm:^0.3.5":
+  version: 0.3.5
+  resolution: "sonner@npm:0.3.5"
+  peerDependencies:
+    react: ^18.0.0
+    react-dom: ^18.0.0
+  checksum: 10/ad42c64bf372b5659c07ed0ce615487f6b8ccb5c4a0eb69d113dd00da34a43129c17bf7cbf9ab0e7354910282a0030064f42e7443013d3d9dc9b06b7f4c5af53
+  languageName: node
+  linkType: hard
+
+"source-list-map@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "source-list-map@npm:2.0.1"
+  checksum: 10/3918ffba5fe8447bc816800026fe707aab233d9d05a3487225d880e23b7e37ed455b4e1b844e05644f6ecc7c9b837c0cc32da54dd37f77c993370ebcdb049246
+  languageName: node
+  linkType: hard
+
+"source-map-js@npm:>=0.6.2 <2.0.0, source-map-js@npm:^1.0.1, source-map-js@npm:^1.0.2, source-map-js@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "source-map-js@npm:1.2.1"
+  checksum: 10/ff9d8c8bf096d534a5b7707e0382ef827b4dd360a577d3f34d2b9f48e12c9d230b5747974ee7c607f0df65113732711bb701fe9ece3c7edbd43cb2294d707df3
+  languageName: node
+  linkType: hard
+
+"source-map-support@npm:0.5.13":
+  version: 0.5.13
+  resolution: "source-map-support@npm:0.5.13"
+  dependencies:
+    buffer-from: "npm:^1.0.0"
+    source-map: "npm:^0.6.0"
+  checksum: 10/d1514a922ac9c7e4786037eeff6c3322f461cd25da34bb9fefb15387b3490531774e6e31d95ab6d5b84a3e139af9c3a570ccaee6b47bd7ea262691ed3a8bc34e
+  languageName: node
+  linkType: hard
+
+"source-map-support@npm:^0.5.16, source-map-support@npm:~0.5.20, source-map-support@npm:~0.5.21":
+  version: 0.5.21
+  resolution: "source-map-support@npm:0.5.21"
+  dependencies:
+    buffer-from: "npm:^1.0.0"
+    source-map: "npm:^0.6.0"
+  checksum: 10/8317e12d84019b31e34b86d483dd41d6f832f389f7417faf8fc5c75a66a12d9686e47f589a0554a868b8482f037e23df9d040d29387eb16fa14cb85f091ba207
+  languageName: node
+  linkType: hard
+
+"source-map@npm:0.5.6":
+  version: 0.5.6
+  resolution: "source-map@npm:0.5.6"
+  checksum: 10/c62fe98e106c762307eea3a982242c1a76a31bc762da10fe2dda12252d423c163e0cd45d313330c8bd040cc5121702511138252308f72b8a9273825e81e4db30
+  languageName: node
+  linkType: hard
+
+"source-map@npm:0.6.1, source-map@npm:^0.6.0, source-map@npm:^0.6.1, source-map@npm:~0.6.0, source-map@npm:~0.6.1":
+  version: 0.6.1
+  resolution: "source-map@npm:0.6.1"
+  checksum: 10/59ef7462f1c29d502b3057e822cdbdae0b0e565302c4dd1a95e11e793d8d9d62006cdc10e0fd99163ca33ff2071360cf50ee13f90440806e7ed57d81cba2f7ff
+  languageName: node
+  linkType: hard
+
+"source-map@npm:^0.5.6, source-map@npm:^0.5.7":
+  version: 0.5.7
+  resolution: "source-map@npm:0.5.7"
+  checksum: 10/9b4ac749ec5b5831cad1f8cc4c19c4298ebc7474b24a0acf293e2f040f03f8eeccb3d01f12aa0f90cf46d555c887e03912b83a042c627f419bda5152d89c5269
+  languageName: node
+  linkType: hard
+
+"source-map@npm:^0.7.0, source-map@npm:^0.7.3":
+  version: 0.7.4
+  resolution: "source-map@npm:0.7.4"
+  checksum: 10/a0f7c9b797eda93139842fd28648e868a9a03ea0ad0d9fa6602a0c1f17b7fb6a7dcca00c144476cccaeaae5042e99a285723b1a201e844ad67221bf5d428f1dc
+  languageName: node
+  linkType: hard
+
+"source-map@npm:^0.8.0-beta.0":
+  version: 0.8.0-beta.0
+  resolution: "source-map@npm:0.8.0-beta.0"
+  dependencies:
+    whatwg-url: "npm:^7.0.0"
+  checksum: 10/c02e22ab9f8b8e38655ba1e9abae9fe1f8ba216cbbea922718d5e2ea45821606a74f10edec1db9055e7f7cfd1e6a62e5eade67ec30c017a02f4c8e990accbc1c
+  languageName: node
+  linkType: hard
+
+"sourcemap-codec@npm:^1.4.8":
+  version: 1.4.8
+  resolution: "sourcemap-codec@npm:1.4.8"
+  checksum: 10/6fc57a151e982b5c9468362690c6d062f3a0d4d8520beb68a82f319c79e7a4d7027eeb1e396de0ecc2cd19491e1d602b2d06fd444feac9b63dd43fea4c55a857
+  languageName: node
+  linkType: hard
+
+"space-separated-tokens@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "space-separated-tokens@npm:2.0.2"
+  checksum: 10/202e97d7ca1ba0758a0aa4fe226ff98142073bcceeff2da3aad037968878552c3bbce3b3231970025375bbba5aee00c5b8206eda408da837ab2dc9c0f26be990
+  languageName: node
+  linkType: hard
+
+"sparse-array@npm:^1.3.1":
+  version: 1.3.2
+  resolution: "sparse-array@npm:1.3.2"
+  checksum: 10/15ec7b750acc6a6a17e9d515ca129dd0f4c7d74c3c405d98911c8a81956e32785fa4d881fa4c208aea7b8da2bd78b1e515b2408da35ac60edc7b414aa360b761
+  languageName: node
+  linkType: hard
+
+"spdx-correct@npm:^3.0.0":
+  version: 3.2.0
+  resolution: "spdx-correct@npm:3.2.0"
+  dependencies:
+    spdx-expression-parse: "npm:^3.0.0"
+    spdx-license-ids: "npm:^3.0.0"
+  checksum: 10/cc2e4dbef822f6d12142116557d63f5facf3300e92a6bd24e907e4865e17b7e1abd0ee6b67f305cae6790fc2194175a24dc394bfcc01eea84e2bdad728e9ae9a
+  languageName: node
+  linkType: hard
+
+"spdx-exceptions@npm:^2.1.0":
+  version: 2.5.0
+  resolution: "spdx-exceptions@npm:2.5.0"
+  checksum: 10/bb127d6e2532de65b912f7c99fc66097cdea7d64c10d3ec9b5e96524dbbd7d20e01cba818a6ddb2ae75e62bb0c63d5e277a7e555a85cbc8ab40044984fa4ae15
+  languageName: node
+  linkType: hard
+
+"spdx-expression-parse@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "spdx-expression-parse@npm:3.0.1"
+  dependencies:
+    spdx-exceptions: "npm:^2.1.0"
+    spdx-license-ids: "npm:^3.0.0"
+  checksum: 10/a1c6e104a2cbada7a593eaa9f430bd5e148ef5290d4c0409899855ce8b1c39652bcc88a725259491a82601159d6dc790bedefc9016c7472f7de8de7361f8ccde
+  languageName: node
+  linkType: hard
+
+"spdx-license-ids@npm:^3.0.0":
+  version: 3.0.20
+  resolution: "spdx-license-ids@npm:3.0.20"
+  checksum: 10/30e566ea74b04232c64819d1f5313c00d92e9c73d054541650331fc794499b3bcc4991bcd90fa3c2fc4d040006f58f63104706255266e87a9d452e6574afc60c
+  languageName: node
+  linkType: hard
+
+"split-on-first@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "split-on-first@npm:1.1.0"
+  checksum: 10/16ff85b54ddcf17f9147210a4022529b343edbcbea4ce977c8f30e38408b8d6e0f25f92cd35b86a524d4797f455e29ab89eb8db787f3c10708e0b47ebf528d30
+  languageName: node
+  linkType: hard
+
+"split2@npm:^4.0.0":
+  version: 4.2.0
+  resolution: "split2@npm:4.2.0"
+  checksum: 10/09bbefc11bcf03f044584c9764cd31a252d8e52cea29130950b26161287c11f519807c5e54bd9e5804c713b79c02cefe6a98f4688630993386be353e03f534ab
+  languageName: node
+  linkType: hard
+
+"sprintf-js@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "sprintf-js@npm:1.1.3"
+  checksum: 10/e7587128c423f7e43cc625fe2f87e6affdf5ca51c1cc468e910d8aaca46bb44a7fbcfa552f787b1d3987f7043aeb4527d1b99559e6621e01b42b3f45e5a24cbb
+  languageName: node
+  linkType: hard
+
+"sprintf-js@npm:~1.0.2":
+  version: 1.0.3
+  resolution: "sprintf-js@npm:1.0.3"
+  checksum: 10/c34828732ab8509c2741e5fd1af6b767c3daf2c642f267788f933a65b1614943c282e74c4284f4fa749c264b18ee016a0d37a3e5b73aee446da46277d3a85daa
+  languageName: node
+  linkType: hard
+
+"sshpk@npm:^1.18.0":
+  version: 1.18.0
+  resolution: "sshpk@npm:1.18.0"
+  dependencies:
+    asn1: "npm:~0.2.3"
+    assert-plus: "npm:^1.0.0"
+    bcrypt-pbkdf: "npm:^1.0.0"
+    dashdash: "npm:^1.12.0"
+    ecc-jsbn: "npm:~0.1.1"
+    getpass: "npm:^0.1.1"
+    jsbn: "npm:~0.1.0"
+    safer-buffer: "npm:^2.0.2"
+    tweetnacl: "npm:~0.14.0"
+  bin:
+    sshpk-conv: bin/sshpk-conv
+    sshpk-sign: bin/sshpk-sign
+    sshpk-verify: bin/sshpk-verify
+  checksum: 10/858339d43e3c6b6a848772a66f69442ce74f1a37655d9f35ba9d1f85329499ff0000af9f8ab83dbb39ad24c0c370edabe0be1e39863f70c6cded9924b8458c34
+  languageName: node
+  linkType: hard
+
+"ssri@npm:^12.0.0":
+  version: 12.0.0
+  resolution: "ssri@npm:12.0.0"
+  dependencies:
+    minipass: "npm:^7.0.3"
+  checksum: 10/7024c1a6e39b3f18aa8f1c8290e884fe91b0f9ca5a6c6d410544daad54de0ba664db879afe16412e187c6c292fd60b937f047ee44292e5c2af2dcc6d8e1a9b48
+  languageName: node
+  linkType: hard
+
+"stable-hash@npm:^0.0.4":
+  version: 0.0.4
+  resolution: "stable-hash@npm:0.0.4"
+  checksum: 10/21c039d21c1cb739cf8342561753a5e007cb95ea682ccd452e76310bbb9c6987a89de8eda023e320b019f3e4691aabda75079cdbb7dadf7ab9013e931f2f23cd
+  languageName: node
+  linkType: hard
+
+"stable@npm:^0.1.8":
+  version: 0.1.8
+  resolution: "stable@npm:0.1.8"
+  checksum: 10/2ff482bb100285d16dd75cd8f7c60ab652570e8952c0bfa91828a2b5f646a0ff533f14596ea4eabd48bb7f4aeea408dce8f8515812b975d958a4cc4fa6b9dfeb
+  languageName: node
+  linkType: hard
+
+"stack-generator@npm:^2.0.5":
+  version: 2.0.10
+  resolution: "stack-generator@npm:2.0.10"
+  dependencies:
+    stackframe: "npm:^1.3.4"
+  checksum: 10/4fc3978a934424218a0aa9f398034e1f78153d5ff4f4ff9c62478c672debb47dd58de05b09fc3900530cbb526d72c93a6e6c9353bacc698e3b1c00ca3dda0c47
+  languageName: node
+  linkType: hard
+
+"stack-utils@npm:^2.0.3":
+  version: 2.0.6
+  resolution: "stack-utils@npm:2.0.6"
+  dependencies:
+    escape-string-regexp: "npm:^2.0.0"
+  checksum: 10/cdc988acbc99075b4b036ac6014e5f1e9afa7e564482b687da6384eee6a1909d7eaffde85b0a17ffbe186c5247faf6c2b7544e802109f63b72c7be69b13151bb
+  languageName: node
+  linkType: hard
+
+"stackframe@npm:^1.3.4":
+  version: 1.3.4
+  resolution: "stackframe@npm:1.3.4"
+  checksum: 10/29ca71c1fd17974c1c178df0236b1407bc65f6ea389cc43dec000def6e42ff548d4453de9a85b76469e2ae2b2abdd802c6b6f3db947c05794efbd740d1cf4121
+  languageName: node
+  linkType: hard
+
+"stacktrace-gps@npm:^3.0.4":
+  version: 3.1.2
+  resolution: "stacktrace-gps@npm:3.1.2"
+  dependencies:
+    source-map: "npm:0.5.6"
+    stackframe: "npm:^1.3.4"
+  checksum: 10/21cb60ce0990f7a661e964cf4bdef1e70dda2286fb628fbd0fd1e69e8925138433d08ed84969de2d396b3b91515e15336a502f777c26587db89f3933d6f63f9b
+  languageName: node
+  linkType: hard
+
+"stacktrace-js@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "stacktrace-js@npm:2.0.2"
+  dependencies:
+    error-stack-parser: "npm:^2.0.6"
+    stack-generator: "npm:^2.0.5"
+    stacktrace-gps: "npm:^3.0.4"
+  checksum: 10/e5f60a09852687e4a9206927fe1078e24d63e00a71a2dcddd67940e9504a54931a3454439d5b4e3e0e62aeb979be810573e8d3332fbef0dbfa335a8781b4b57c
+  languageName: node
+  linkType: hard
+
+"stacktrace-parser@npm:^0.1.10":
+  version: 0.1.10
+  resolution: "stacktrace-parser@npm:0.1.10"
+  dependencies:
+    type-fest: "npm:^0.7.1"
+  checksum: 10/f4fbddfc09121d91e587b60de4beb4941108e967d71ad3a171812dc839b010ca374d064ad0a296295fed13acd103609d99a4224a25b4e67de13cae131f1901ee
+  languageName: node
+  linkType: hard
+
+"statuses@npm:2.0.1, statuses@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "statuses@npm:2.0.1"
+  checksum: 10/18c7623fdb8f646fb213ca4051be4df7efb3484d4ab662937ca6fbef7ced9b9e12842709872eb3020cc3504b93bde88935c9f6417489627a7786f24f8031cbcb
+  languageName: node
+  linkType: hard
+
+"statuses@npm:~1.5.0":
+  version: 1.5.0
+  resolution: "statuses@npm:1.5.0"
+  checksum: 10/c469b9519de16a4bb19600205cffb39ee471a5f17b82589757ca7bd40a8d92ebb6ed9f98b5a540c5d302ccbc78f15dc03cc0280dd6e00df1335568a5d5758a5c
+  languageName: node
+  linkType: hard
+
+"std-env@npm:^3.7.0":
+  version: 3.8.0
+  resolution: "std-env@npm:3.8.0"
+  checksum: 10/034176196cfcaaab16dbdd96fc9e925a9544799fb6dc5a3e36fe43270f3a287c7f779d785b89edaf22cef2b5f1dcada2aae67430b8602e785ee74bdb3f671768
+  languageName: node
+  linkType: hard
+
+"stop-iteration-iterator@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "stop-iteration-iterator@npm:1.1.0"
+  dependencies:
+    es-errors: "npm:^1.3.0"
+    internal-slot: "npm:^1.1.0"
+  checksum: 10/ff36c4db171ee76c936ccfe9541946b77017f12703d4c446652017356816862d3aa029a64e7d4c4ceb484e00ed4a81789333896390d808458638f3a216aa1f41
+  languageName: node
+  linkType: hard
+
+"store2@npm:^2.14.3":
+  version: 2.14.4
+  resolution: "store2@npm:2.14.4"
+  checksum: 10/c92713e75544693b47053531b6e98d7b538512061017e06b8c7e99937da67866856227862f7bf1a818ecc36673b8d343c7b67c9cce03bd4ba0f68eff7cccaa8c
+  languageName: node
+  linkType: hard
+
+"storybook@npm:^8.3.4, storybook@npm:^8.4.2, storybook@npm:^8.4.6":
+  version: 8.4.7
+  resolution: "storybook@npm:8.4.7"
+  dependencies:
+    "@storybook/core": "npm:8.4.7"
+  peerDependencies:
+    prettier: ^2 || ^3
+  peerDependenciesMeta:
+    prettier:
+      optional: true
+  bin:
+    getstorybook: ./bin/index.cjs
+    sb: ./bin/index.cjs
+    storybook: ./bin/index.cjs
+  checksum: 10/827979504f98b69397bf91c395d0eea030d5702d0d28ccea4919a5037f628038129b287113aec9d8ecd1062e40b8b22423a300a32381c2d0b340b6960e3b42ea
+  languageName: node
+  linkType: hard
+
+"stream-browserify@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "stream-browserify@npm:3.0.0"
+  dependencies:
+    inherits: "npm:~2.0.4"
+    readable-stream: "npm:^3.5.0"
+  checksum: 10/05a3cd0a0ce2d568dbdeb69914557c26a1b0a9d871839666b692eae42b96189756a3ed685affc90dab64ff588a8524c8aec6d85072c07905a1f0d941ea68f956
+  languageName: node
+  linkType: hard
+
+"stream-buffers@npm:2.2.x":
+  version: 2.2.0
+  resolution: "stream-buffers@npm:2.2.0"
+  checksum: 10/79f897cead810383b4181e4ee56f4855a69b51c9da4c96b91ccca6ee6fe90b908bea9b304225bedd1a5e2c41d72bc88d3ada7f897b51f8ffae3593f7460ecbc8
+  languageName: node
+  linkType: hard
+
+"stream-http@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "stream-http@npm:3.2.0"
+  dependencies:
+    builtin-status-codes: "npm:^3.0.0"
+    inherits: "npm:^2.0.4"
+    readable-stream: "npm:^3.6.0"
+    xtend: "npm:^4.0.2"
+  checksum: 10/4f85738cbc6de70ecf0a04bc38b6092b4d91dd5317d3d93c88a84c48e63b82a8724ab5fd591df9f587b5139fe439d1748e4e3db3cb09c2b1e23649cb9d89859e
+  languageName: node
+  linkType: hard
+
+"stream-shift@npm:^1.0.2":
+  version: 1.0.3
+  resolution: "stream-shift@npm:1.0.3"
+  checksum: 10/a24c0a3f66a8f9024bd1d579a533a53be283b4475d4e6b4b3211b964031447bdf6532dd1f3c2b0ad66752554391b7c62bd7ca4559193381f766534e723d50242
+  languageName: node
+  linkType: hard
+
+"streamsearch@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "streamsearch@npm:1.1.0"
+  checksum: 10/612c2b2a7dbcc859f74597112f80a42cbe4d448d03da790d5b7b39673c1197dd3789e91cd67210353e58857395d32c1e955a9041c4e6d5bae723436b3ed9ed14
+  languageName: node
+  linkType: hard
+
+"strict-event-emitter@npm:^0.5.1":
+  version: 0.5.1
+  resolution: "strict-event-emitter@npm:0.5.1"
+  checksum: 10/25c84d88be85940d3547db665b871bfecea4ea0bedfeb22aae8db48126820cfb2b0bc2fba695392592a09b1aa36b686d6eede499e1ecd151593c03fe5a50d512
+  languageName: node
+  linkType: hard
+
+"strict-uri-encode@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "strict-uri-encode@npm:2.0.0"
+  checksum: 10/eaac4cf978b6fbd480f1092cab8b233c9b949bcabfc9b598dd79a758f7243c28765ef7639c876fa72940dac687181b35486ea01ff7df3e65ce3848c64822c581
+  languageName: node
+  linkType: hard
+
+"string-argv@npm:~0.3.2":
+  version: 0.3.2
+  resolution: "string-argv@npm:0.3.2"
+  checksum: 10/f9d3addf887026b4b5f997a271149e93bf71efc8692e7dc0816e8807f960b18bcb9787b45beedf0f97ff459575ee389af3f189d8b649834cac602f2e857e75af
+  languageName: node
+  linkType: hard
+
+"string-format@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "string-format@npm:2.0.0"
+  checksum: 10/8889014e926f69aaa8d117551a84a97cd7932484f5b0ab5b5b760eb0761e5722dee6112893ea742efac5adeb1b08dfedb77d9a91192dcd683a331e06c5148a87
+  languageName: node
+  linkType: hard
+
+"string-length@npm:^4.0.1":
+  version: 4.0.2
+  resolution: "string-length@npm:4.0.2"
+  dependencies:
+    char-regex: "npm:^1.0.2"
+    strip-ansi: "npm:^6.0.0"
+  checksum: 10/ce85533ef5113fcb7e522bcf9e62cb33871aa99b3729cec5595f4447f660b0cefd542ca6df4150c97a677d58b0cb727a3fe09ac1de94071d05526c73579bf505
+  languageName: node
+  linkType: hard
+
+"string-length@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "string-length@npm:5.0.1"
+  dependencies:
+    char-regex: "npm:^2.0.0"
+    strip-ansi: "npm:^7.0.1"
+  checksum: 10/71f73b8c8a743e01dcd001bcf1b197db78d5e5e53b12bd898cddaf0961be09f947dfd8c429783db3694b55b05cb5a51de6406c5085ff1aaa10c4771440c8396d
+  languageName: node
+  linkType: hard
+
+"string-width-cjs@npm:string-width@^4.2.0, string-width@npm:^4.1.0, string-width@npm:^4.2.0, string-width@npm:^4.2.3":
+  version: 4.2.3
+  resolution: "string-width@npm:4.2.3"
+  dependencies:
+    emoji-regex: "npm:^8.0.0"
+    is-fullwidth-code-point: "npm:^3.0.0"
+    strip-ansi: "npm:^6.0.1"
+  checksum: 10/e52c10dc3fbfcd6c3a15f159f54a90024241d0f149cf8aed2982a2d801d2e64df0bf1dc351cf8e95c3319323f9f220c16e740b06faecd53e2462df1d2b5443fb
+  languageName: node
+  linkType: hard
+
+"string-width@npm:^5.0.1, string-width@npm:^5.1.2":
+  version: 5.1.2
+  resolution: "string-width@npm:5.1.2"
+  dependencies:
+    eastasianwidth: "npm:^0.2.0"
+    emoji-regex: "npm:^9.2.2"
+    strip-ansi: "npm:^7.0.1"
+  checksum: 10/7369deaa29f21dda9a438686154b62c2c5f661f8dda60449088f9f980196f7908fc39fdd1803e3e01541970287cf5deae336798337e9319a7055af89dafa7193
+  languageName: node
+  linkType: hard
+
+"string-width@npm:^7.0.0":
+  version: 7.2.0
+  resolution: "string-width@npm:7.2.0"
+  dependencies:
+    emoji-regex: "npm:^10.3.0"
+    get-east-asian-width: "npm:^1.0.0"
+    strip-ansi: "npm:^7.1.0"
+  checksum: 10/42f9e82f61314904a81393f6ef75b832c39f39761797250de68c041d8ba4df2ef80db49ab6cd3a292923a6f0f409b8c9980d120f7d32c820b4a8a84a2598a295
+  languageName: node
+  linkType: hard
+
+"string.prototype.includes@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "string.prototype.includes@npm:2.0.1"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.3"
+  checksum: 10/939a5447e4a99a86f29cc97fa24f358e5071f79e34746de4c7eb2cd736ed626ad24870a1e356f33915b3b352bb87f7e4d1cebc15d1e1aaae0923777e21b1b28b
+  languageName: node
+  linkType: hard
+
+"string.prototype.matchall@npm:^4.0.11, string.prototype.matchall@npm:^4.0.6":
+  version: 4.0.11
+  resolution: "string.prototype.matchall@npm:4.0.11"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.2"
+    es-errors: "npm:^1.3.0"
+    es-object-atoms: "npm:^1.0.0"
+    get-intrinsic: "npm:^1.2.4"
+    gopd: "npm:^1.0.1"
+    has-symbols: "npm:^1.0.3"
+    internal-slot: "npm:^1.0.7"
+    regexp.prototype.flags: "npm:^1.5.2"
+    set-function-name: "npm:^2.0.2"
+    side-channel: "npm:^1.0.6"
+  checksum: 10/a902ff4500f909f2a08e55cc5ab1ffbbc905f603b36837674370ee3921058edd0392147e15891910db62a2f31ace2adaf065eaa3bc6e9810bdbc8ca48e05a7b5
+  languageName: node
+  linkType: hard
+
+"string.prototype.matchall@npm:^4.0.12":
+  version: 4.0.12
+  resolution: "string.prototype.matchall@npm:4.0.12"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    call-bound: "npm:^1.0.3"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.6"
+    es-errors: "npm:^1.3.0"
+    es-object-atoms: "npm:^1.0.0"
+    get-intrinsic: "npm:^1.2.6"
+    gopd: "npm:^1.2.0"
+    has-symbols: "npm:^1.1.0"
+    internal-slot: "npm:^1.1.0"
+    regexp.prototype.flags: "npm:^1.5.3"
+    set-function-name: "npm:^2.0.2"
+    side-channel: "npm:^1.1.0"
+  checksum: 10/e4ab34b9e7639211e6c5e9759adb063028c5c5c4fc32ad967838b2bd1e5ce83a66ae8ec755d24a79302849f090b59194571b2c33471e86e7821b21c0f56df316
+  languageName: node
+  linkType: hard
+
+"string.prototype.repeat@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "string.prototype.repeat@npm:1.0.0"
+  dependencies:
+    define-properties: "npm:^1.1.3"
+    es-abstract: "npm:^1.17.5"
+  checksum: 10/4b1bd91b75fa8fdf0541625184ebe80e445a465ce4253c19c3bccd633898005dadae0f74b85ae72662a53aafb8035bf48f8f5c0755aec09bc106a7f13959d05e
+  languageName: node
+  linkType: hard
+
+"string.prototype.trim@npm:^1.2.10":
+  version: 1.2.10
+  resolution: "string.prototype.trim@npm:1.2.10"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    call-bound: "npm:^1.0.2"
+    define-data-property: "npm:^1.1.4"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.5"
+    es-object-atoms: "npm:^1.0.0"
+    has-property-descriptors: "npm:^1.0.2"
+  checksum: 10/47bb63cd2470a64bc5e2da1e570d369c016ccaa85c918c3a8bb4ab5965120f35e66d1f85ea544496fac84b9207a6b722adf007e6c548acd0813e5f8a82f9712a
+  languageName: node
+  linkType: hard
+
+"string.prototype.trimend@npm:^1.0.8, string.prototype.trimend@npm:^1.0.9":
+  version: 1.0.9
+  resolution: "string.prototype.trimend@npm:1.0.9"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    call-bound: "npm:^1.0.2"
+    define-properties: "npm:^1.2.1"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10/140c73899b6747de9e499c7c2e7a83d549c47a26fa06045b69492be9cfb9e2a95187499a373983a08a115ecff8bc3bd7b0fb09b8ff72fb2172abe766849272ef
+  languageName: node
+  linkType: hard
+
+"string.prototype.trimstart@npm:^1.0.8":
+  version: 1.0.8
+  resolution: "string.prototype.trimstart@npm:1.0.8"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10/160167dfbd68e6f7cb9f51a16074eebfce1571656fc31d40c3738ca9e30e35496f2c046fe57b6ad49f65f238a152be8c86fd9a2dd58682b5eba39dad995b3674
+  languageName: node
+  linkType: hard
+
+"string_decoder@npm:^1.1.1, string_decoder@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "string_decoder@npm:1.3.0"
+  dependencies:
+    safe-buffer: "npm:~5.2.0"
+  checksum: 10/54d23f4a6acae0e93f999a585e673be9e561b65cd4cca37714af1e893ab8cd8dfa52a9e4f58f48f87b4a44918d3a9254326cb80ed194bf2e4c226e2b21767e56
+  languageName: node
+  linkType: hard
+
+"string_decoder@npm:~0.10.x":
+  version: 0.10.31
+  resolution: "string_decoder@npm:0.10.31"
+  checksum: 10/cc43e6b1340d4c7843da0e37d4c87a4084c2342fc99dcf6563c3ec273bb082f0cbd4ebf25d5da19b04fb16400d393885fda830be5128e1c416c73b5a6165f175
+  languageName: node
+  linkType: hard
+
+"string_decoder@npm:~1.1.1":
+  version: 1.1.1
+  resolution: "string_decoder@npm:1.1.1"
+  dependencies:
+    safe-buffer: "npm:~5.1.0"
+  checksum: 10/7c41c17ed4dea105231f6df208002ebddd732e8e9e2d619d133cecd8e0087ddfd9587d2feb3c8caf3213cbd841ada6d057f5142cae68a4e62d3540778d9819b4
+  languageName: node
+  linkType: hard
+
+"stringify-entities@npm:^4.0.0":
+  version: 4.0.4
+  resolution: "stringify-entities@npm:4.0.4"
+  dependencies:
+    character-entities-html4: "npm:^2.0.0"
+    character-entities-legacy: "npm:^3.0.0"
+  checksum: 10/42bd2f37528795a7b4386bd39dc4699515fb0f0b8c418a6bb29ae205ce66eaff9e8801a2bee65b8049c918c9475a71c7e5911f6a88c19f1d84ebdcba3d881a2d
+  languageName: node
+  linkType: hard
+
+"stringify-object@npm:^3.3.0":
+  version: 3.3.0
+  resolution: "stringify-object@npm:3.3.0"
+  dependencies:
+    get-own-enumerable-property-symbols: "npm:^3.0.0"
+    is-obj: "npm:^1.0.1"
+    is-regexp: "npm:^1.0.0"
+  checksum: 10/973782f09a3df3f39a2cf07dbf43fb9ba6cb32976f3616cd0f6c10e0a5c5415dd72b7b700e72920e8da2bf57c3001b8e37b5af7174bab9a748ce0416989e19b1
+  languageName: node
+  linkType: hard
+
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1, strip-ansi@npm:^6.0.0, strip-ansi@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "strip-ansi@npm:6.0.1"
+  dependencies:
+    ansi-regex: "npm:^5.0.1"
+  checksum: 10/ae3b5436d34fadeb6096367626ce987057713c566e1e7768818797e00ac5d62023d0f198c4e681eae9e20701721980b26a64a8f5b91238869592a9c6800719a2
+  languageName: node
+  linkType: hard
+
+"strip-ansi@npm:^5.2.0":
+  version: 5.2.0
+  resolution: "strip-ansi@npm:5.2.0"
+  dependencies:
+    ansi-regex: "npm:^4.1.0"
+  checksum: 10/bdb5f76ade97062bd88e7723aa019adbfacdcba42223b19ccb528ffb9fb0b89a5be442c663c4a3fb25268eaa3f6ea19c7c3fbae830bd1562d55adccae1fcec46
+  languageName: node
+  linkType: hard
+
+"strip-ansi@npm:^7.0.1, strip-ansi@npm:^7.1.0":
+  version: 7.1.0
+  resolution: "strip-ansi@npm:7.1.0"
+  dependencies:
+    ansi-regex: "npm:^6.0.1"
+  checksum: 10/475f53e9c44375d6e72807284024ac5d668ee1d06010740dec0b9744f2ddf47de8d7151f80e5f6190fc8f384e802fdf9504b76a7e9020c9faee7103623338be2
+  languageName: node
+  linkType: hard
+
+"strip-bom@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "strip-bom@npm:3.0.0"
+  checksum: 10/8d50ff27b7ebe5ecc78f1fe1e00fcdff7af014e73cf724b46fb81ef889eeb1015fc5184b64e81a2efe002180f3ba431bdd77e300da5c6685d702780fbf0c8d5b
+  languageName: node
+  linkType: hard
+
+"strip-bom@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "strip-bom@npm:4.0.0"
+  checksum: 10/9dbcfbaf503c57c06af15fe2c8176fb1bf3af5ff65003851a102749f875a6dbe0ab3b30115eccf6e805e9d756830d3e40ec508b62b3f1ddf3761a20ebe29d3f3
+  languageName: node
+  linkType: hard
+
+"strip-comments@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "strip-comments@npm:2.0.1"
+  checksum: 10/43ea36189e4ba543c6ffb0384831e9e23c3b57ede5592c6edcbfc883f489f91d00328fe2670b4e467f61c7886eff68deae3e946f0f092346b2b3cb058b9cfdba
+  languageName: node
+  linkType: hard
+
+"strip-final-newline@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "strip-final-newline@npm:2.0.0"
+  checksum: 10/69412b5e25731e1938184b5d489c32e340605bb611d6140344abc3421b7f3c6f9984b21dff296dfcf056681b82caa3bb4cc996a965ce37bcfad663e92eae9c64
+  languageName: node
+  linkType: hard
+
+"strip-final-newline@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "strip-final-newline@npm:3.0.0"
+  checksum: 10/23ee263adfa2070cd0f23d1ac14e2ed2f000c9b44229aec9c799f1367ec001478469560abefd00c5c99ee6f0b31c137d53ec6029c53e9f32a93804e18c201050
+  languageName: node
+  linkType: hard
+
+"strip-hex-prefix@npm:1.0.0":
+  version: 1.0.0
+  resolution: "strip-hex-prefix@npm:1.0.0"
+  dependencies:
+    is-hex-prefixed: "npm:1.0.0"
+  checksum: 10/4cafe7caee1d281d3694d14920fd5d3c11adf09371cef7e2ccedd5b83efd9e9bd2219b5d6ce6e809df6e0f437dc9d30db1192116580875698aad164a6d6b285b
+  languageName: node
+  linkType: hard
+
+"strip-indent@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "strip-indent@npm:3.0.0"
+  dependencies:
+    min-indent: "npm:^1.0.0"
+  checksum: 10/18f045d57d9d0d90cd16f72b2313d6364fd2cb4bf85b9f593523ad431c8720011a4d5f08b6591c9d580f446e78855c5334a30fb91aa1560f5d9f95ed1b4a0530
+  languageName: node
+  linkType: hard
+
+"strip-indent@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "strip-indent@npm:4.0.0"
+  dependencies:
+    min-indent: "npm:^1.0.1"
+  checksum: 10/06cbcd93da721c46bc13caeb1c00af93a9b18146a1c95927672d2decab6a25ad83662772417cea9317a2507fb143253ecc23c4415b64f5828cef9b638a744598
+  languageName: node
+  linkType: hard
+
+"strip-json-comments@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "strip-json-comments@npm:3.1.1"
+  checksum: 10/492f73e27268f9b1c122733f28ecb0e7e8d8a531a6662efbd08e22cccb3f9475e90a1b82cab06a392f6afae6d2de636f977e231296400d0ec5304ba70f166443
+  languageName: node
+  linkType: hard
+
+"strip-json-comments@npm:~2.0.1":
+  version: 2.0.1
+  resolution: "strip-json-comments@npm:2.0.1"
+  checksum: 10/1074ccb63270d32ca28edfb0a281c96b94dc679077828135141f27d52a5a398ef5e78bcf22809d23cadc2b81dfbe345eb5fd8699b385c8b1128907dec4a7d1e1
+  languageName: node
+  linkType: hard
+
+"structured-headers@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "structured-headers@npm:0.4.1"
+  checksum: 10/26752f36ef9e8e1f5a8fded654250a781488172c45c41c4681a52cd0c730d17fbdc32cc15b0968c0bfa0787f429e053a4f0d23077187e5da2449b0d3e7c9c98a
+  languageName: node
+  linkType: hard
+
+"sturdy-websocket@npm:^0.1.12":
+  version: 0.1.12
+  resolution: "sturdy-websocket@npm:0.1.12"
+  dependencies:
+    lodash.defaults: "npm:^4.2.0"
+  checksum: 10/d4b71679f9258cf9d4fd4ebc62c118ae984cf60ec1db3deaeb264484d6c0f32f7918228afb9fdebbe91f49ed572778bd95880f591fdbb6f0f332f60dc070a037
+  languageName: node
+  linkType: hard
+
+"style-loader@npm:^3.3.1":
+  version: 3.3.4
+  resolution: "style-loader@npm:3.3.4"
+  peerDependencies:
+    webpack: ^5.0.0
+  checksum: 10/2dd2a77d4fc689e1f73836ed7653830cb4e628af0b2979dcf6f31524c72bf44fca4bac8aebe62df95a5f9be19bea18f952a2cfcaaeff32c524c4402226d9c58f
+  languageName: node
+  linkType: hard
+
+"style-to-object@npm:^0.4.0":
+  version: 0.4.4
+  resolution: "style-to-object@npm:0.4.4"
+  dependencies:
+    inline-style-parser: "npm:0.1.1"
+  checksum: 10/3101c0de5325e8051c3665125468af73578eba4712b818458b9f7ed732d7800f3b34e088e5c16f60070644db25316fa5a5b8b69e7f3414c879401eb074a2211e
+  languageName: node
+  linkType: hard
+
+"style-to-object@npm:^1.0.0":
+  version: 1.0.8
+  resolution: "style-to-object@npm:1.0.8"
+  dependencies:
+    inline-style-parser: "npm:0.2.4"
+  checksum: 10/530b067325e3119bfaf75bdbe25cc86b02b559db00d881a74b98a2d5bb10ac953d1b455ed90c825963cf3b4bdaa1bda45f406d78d987391434b8d8ab3835df4e
+  languageName: node
+  linkType: hard
+
+"style-value-types@npm:5.0.0":
+  version: 5.0.0
+  resolution: "style-value-types@npm:5.0.0"
+  dependencies:
+    hey-listen: "npm:^1.0.8"
+    tslib: "npm:^2.1.0"
+  checksum: 10/a4043bcc8e9f73e393c48f3f3d26f0ed42ac518cf623b1966737a17dc07ef9a4bcefaa81bfb91037c38b160a7683e139132c87fe747aebe6527b785a04262dd8
+  languageName: node
+  linkType: hard
+
+"styled-jsx@npm:5.1.6, styled-jsx@npm:^5.1.6":
+  version: 5.1.6
+  resolution: "styled-jsx@npm:5.1.6"
+  dependencies:
+    client-only: "npm:0.0.1"
+  peerDependencies:
+    react: ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+  peerDependenciesMeta:
+    "@babel/core":
+      optional: true
+    babel-plugin-macros:
+      optional: true
+  checksum: 10/ba01200e8227fe1441a719c2e7da96c8aa7ef61d14211d1500e1abce12efa118479bcb6e7e12beecb9e1db76432caad2f4e01bbc0c9be21c134b088a4ca5ffe0
+  languageName: node
+  linkType: hard
+
+"styleq@npm:^0.1.3":
+  version: 0.1.3
+  resolution: "styleq@npm:0.1.3"
+  checksum: 10/9a75a1b635f8ebf5c0fdc3ffb56f466254f29aa1b2962ab2af776015d3b3bb1732a53edcda0c9ac9b97be96c22459db768feac0d61c1a319cc3954011ca9dcd8
+  languageName: node
+  linkType: hard
+
+"stylis@npm:4.2.0":
+  version: 4.2.0
+  resolution: "stylis@npm:4.2.0"
+  checksum: 10/58359185275ef1f39c339ae94e598168aa6bb789f6cf0d52e726c1e7087a94e9c17f0385a28d34483dec1ffc2c75670ec714dc5603d99c3124ec83bc2b0a0f42
+  languageName: node
+  linkType: hard
+
+"stylus@github:stylus/stylus#0.64.0":
+  version: 0.64.0
+  resolution: "stylus@https://github.com/stylus/stylus.git#commit=1086c6c1fbd7a7fd0ce9ad94f6cf4a62fc79a6e9"
+  dependencies:
+    "@adobe/css-tools": "npm:~4.3.3"
+    debug: "npm:^4.3.2"
+    glob: "npm:^10.4.5"
+    sax: "npm:~1.4.1"
+    source-map: "npm:^0.7.3"
+  bin:
+    stylus: bin/stylus
+  checksum: 10/ed20fa413fdb5d183a9efb19db34bae4cbe969b53635bb8fed2c93b0064617fe7d5c0629206a325340c7845422c1dbecc8b0f0a338fbd655f555e2286ed55444
+  languageName: node
+  linkType: hard
+
+"sucrase@npm:3.35.0":
+  version: 3.35.0
+  resolution: "sucrase@npm:3.35.0"
+  dependencies:
+    "@jridgewell/gen-mapping": "npm:^0.3.2"
+    commander: "npm:^4.0.0"
+    glob: "npm:^10.3.10"
+    lines-and-columns: "npm:^1.1.6"
+    mz: "npm:^2.7.0"
+    pirates: "npm:^4.0.1"
+    ts-interface-checker: "npm:^0.1.9"
+  bin:
+    sucrase: bin/sucrase
+    sucrase-node: bin/sucrase-node
+  checksum: 10/bc601558a62826f1c32287d4fdfa4f2c09fe0fec4c4d39d0e257fd9116d7d6227a18309721d4185ec84c9dc1af0d5ec0e05a42a337fbb74fc293e068549aacbe
+  languageName: node
+  linkType: hard
+
+"sudo-prompt@npm:^8.2.0":
+  version: 8.2.5
+  resolution: "sudo-prompt@npm:8.2.5"
+  checksum: 10/5977f72564dc49920a241a08dcae93e110f2e682381ad755b502a6f431548b9aa03169143c9e1a28fe4b430f206c9053128be7993c6d6d2b6d402ed5824ef74a
+  languageName: node
+  linkType: hard
+
+"superstruct@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "superstruct@npm:2.0.2"
+  checksum: 10/10e1944a9da4baee187fbaa6c5d97d7af266b55786dfe50bce67f0f1e7d93f1a5a42dd51e245a2e16404f8336d07c21c67f1c1fbc4ad0a252d3d2601d6c926da
+  languageName: node
+  linkType: hard
+
+"supports-color@npm:^4.0.0":
+  version: 4.5.0
+  resolution: "supports-color@npm:4.5.0"
+  dependencies:
+    has-flag: "npm:^2.0.0"
+  checksum: 10/91cff376dbcef9c9da309ffb44404295cf0705fc63e04c0092f700b01908492ee263d24a04ae210b83e9039b09be4c52e7059e3556a1eb4211e39572cf18bc97
+  languageName: node
+  linkType: hard
+
+"supports-color@npm:^5.3.0":
+  version: 5.5.0
+  resolution: "supports-color@npm:5.5.0"
+  dependencies:
+    has-flag: "npm:^3.0.0"
+  checksum: 10/5f505c6fa3c6e05873b43af096ddeb22159831597649881aeb8572d6fe3b81e798cc10840d0c9735e0026b250368851b7f77b65e84f4e4daa820a4f69947f55b
+  languageName: node
+  linkType: hard
+
+"supports-color@npm:^7.0.0, supports-color@npm:^7.1.0":
+  version: 7.2.0
+  resolution: "supports-color@npm:7.2.0"
+  dependencies:
+    has-flag: "npm:^4.0.0"
+  checksum: 10/c8bb7afd564e3b26b50ca6ee47572c217526a1389fe018d00345856d4a9b08ffbd61fadaf283a87368d94c3dcdb8f5ffe2650a5a65863e21ad2730ca0f05210a
+  languageName: node
+  linkType: hard
+
+"supports-color@npm:^8.0.0, supports-color@npm:^8.1.1":
+  version: 8.1.1
+  resolution: "supports-color@npm:8.1.1"
+  dependencies:
+    has-flag: "npm:^4.0.0"
+  checksum: 10/157b534df88e39c5518c5e78c35580c1eca848d7dbaf31bbe06cdfc048e22c7ff1a9d046ae17b25691128f631a51d9ec373c1b740c12ae4f0de6e292037e4282
+  languageName: node
+  linkType: hard
+
+"supports-hyperlinks@npm:^2.0.0":
+  version: 2.3.0
+  resolution: "supports-hyperlinks@npm:2.3.0"
+  dependencies:
+    has-flag: "npm:^4.0.0"
+    supports-color: "npm:^7.0.0"
+  checksum: 10/3e7df6e9eaa177d7bfbbe065c91325e9b482f48de0f7c9133603e3ffa8af31cbceac104a0941cd0266a57f8e691de6eb58b79fec237852dc84ed7ad152b116b0
+  languageName: node
+  linkType: hard
+
+"supports-preserve-symlinks-flag@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "supports-preserve-symlinks-flag@npm:1.0.0"
+  checksum: 10/a9dc19ae2220c952bd2231d08ddeecb1b0328b61e72071ff4000c8384e145cc07c1c0bdb3b5a1cb06e186a7b2790f1dee793418b332f6ddf320de25d9125be7e
+  languageName: node
+  linkType: hard
+
+"svelte-i18n@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "svelte-i18n@npm:4.0.1"
+  dependencies:
+    cli-color: "npm:^2.0.3"
+    deepmerge: "npm:^4.2.2"
+    esbuild: "npm:^0.19.2"
+    estree-walker: "npm:^2"
+    intl-messageformat: "npm:^10.5.3"
+    sade: "npm:^1.8.1"
+    tiny-glob: "npm:^0.2.9"
+  peerDependencies:
+    svelte: ^3 || ^4 || ^5
+  bin:
+    svelte-i18n: dist/cli.js
+  checksum: 10/683f921429b62b2cf53bcb56d5744cdd1e3ce2448a7be6e1e50c78f06ae895d434a8fa9f485fbbe5aad7dab771a6678600d7dc5a45d05a4a92348ffc70476ff2
+  languageName: node
+  linkType: hard
+
+"svelte@npm:^3.49.0":
+  version: 3.59.2
+  resolution: "svelte@npm:3.59.2"
+  checksum: 10/a477fd1835bdc83bc6dec4d479a6696aed74a4e7866315e0d117f848c7674a86aee38ec7e0dece3dce0ab2c0b2b4c60e4a121544ddcb5300e4cb697f196fdab0
+  languageName: node
+  linkType: hard
+
+"svg-parser@npm:^2.0.4":
+  version: 2.0.4
+  resolution: "svg-parser@npm:2.0.4"
+  checksum: 10/ec196da6ea21481868ab26911970e35488361c39ead1c6cdd977ba16c885c21a91ddcbfd113bfb01f79a822e2a751ef85b2f7f95e2cb9245558ebce12c34af1f
+  languageName: node
+  linkType: hard
+
+"svgo@npm:^3.0.2":
+  version: 3.3.2
+  resolution: "svgo@npm:3.3.2"
+  dependencies:
+    "@trysound/sax": "npm:0.2.0"
+    commander: "npm:^7.2.0"
+    css-select: "npm:^5.1.0"
+    css-tree: "npm:^2.3.1"
+    css-what: "npm:^6.1.0"
+    csso: "npm:^5.0.5"
+    picocolors: "npm:^1.0.0"
+  bin:
+    svgo: ./bin/svgo
+  checksum: 10/82fdea9b938884d808506104228e4d3af0050d643d5b46ff7abc903ff47a91bbf6561373394868aaf07a28f006c4057b8fbf14bbd666298abdd7cc590d4f7700
+  languageName: node
+  linkType: hard
+
+"swagger2openapi@npm:^7.0.4, swagger2openapi@npm:^7.0.8":
+  version: 7.0.8
+  resolution: "swagger2openapi@npm:7.0.8"
+  dependencies:
+    call-me-maybe: "npm:^1.0.1"
+    node-fetch: "npm:^2.6.1"
+    node-fetch-h2: "npm:^2.3.0"
+    node-readfiles: "npm:^0.2.0"
+    oas-kit-common: "npm:^1.0.8"
+    oas-resolver: "npm:^2.5.6"
+    oas-schema-walker: "npm:^1.1.5"
+    oas-validator: "npm:^5.0.8"
+    reftools: "npm:^1.1.9"
+    yaml: "npm:^1.10.0"
+    yargs: "npm:^17.0.1"
+  bin:
+    boast: boast.js
+    oas-validate: oas-validate.js
+    swagger2openapi: swagger2openapi.js
+  checksum: 10/f95fe71d306ff2b5763aaa488465c4f111810a6a19f233d3ed63495a544c040d544b914921d8362e31137290bb249585e07944bd91fbb1ecad2ad6e60e9c5a72
+  languageName: node
+  linkType: hard
+
+"swc-loader@npm:^0.2.3":
+  version: 0.2.6
+  resolution: "swc-loader@npm:0.2.6"
+  dependencies:
+    "@swc/counter": "npm:^0.1.3"
+  peerDependencies:
+    "@swc/core": ^1.2.147
+    webpack: ">=2"
+  checksum: 10/fe90948c02a51bb8ffcff1ce3590e01dc12860b0bb7c9e22052b14fa846ed437781ae265614a5e14344bea22001108780f00a6e350e28c0b3499bc4cd11335fb
+  languageName: node
+  linkType: hard
+
+"symbol-tree@npm:^3.2.4":
+  version: 3.2.4
+  resolution: "symbol-tree@npm:3.2.4"
+  checksum: 10/c09a00aadf279d47d0c5c46ca3b6b2fbaeb45f0a184976d599637d412d3a70bbdc043ff33effe1206dea0e36e0ad226cb957112e7ce9a4bf2daedf7fa4f85c53
+  languageName: node
+  linkType: hard
+
+"synckit@npm:^0.11.7":
+  version: 0.11.8
+  resolution: "synckit@npm:0.11.8"
+  dependencies:
+    "@pkgr/core": "npm:^0.2.4"
+  checksum: 10/9bb2cf11edaf31ba781f1c719dd58087323201bda6392254538aef4dea216aa02a32e25f06643bcfa1c1a2c95e0d84186d82cfb66f9a0ab3a2be4816c696a8a3
+  languageName: node
+  linkType: hard
+
+"synckit@npm:^0.9.1":
+  version: 0.9.2
+  resolution: "synckit@npm:0.9.2"
+  dependencies:
+    "@pkgr/core": "npm:^0.1.0"
+    tslib: "npm:^2.6.2"
+  checksum: 10/d45c4288be9c0232343650643892a7edafb79152c0c08d7ae5d33ca2c296b67a0e15f8cb5c9153969612c4ea5cd5686297542384aab977db23cfa6653fe02027
+  languageName: node
+  linkType: hard
+
+"system-architecture@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "system-architecture@npm:0.1.0"
+  checksum: 10/ca0dd793c45c354ab57dd7fc8ce7dc9923a6e07382bd3b22eb5b08f55ddb0217c390d00767549c5155fd4ce7ef23ffdd8cfb33dd4344cbbd37837d085a50f6f0
+  languageName: node
+  linkType: hard
+
+"tabbable@npm:^6.0.0":
+  version: 6.2.0
+  resolution: "tabbable@npm:6.2.0"
+  checksum: 10/980fa73476026e99dcacfc0d6e000d41d42c8e670faf4682496d30c625495e412c4369694f2a15cf1e5252d22de3c396f2b62edbe8d60b5dadc40d09e3f2dde3
+  languageName: node
+  linkType: hard
+
+"table-layout@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "table-layout@npm:1.0.2"
+  dependencies:
+    array-back: "npm:^4.0.1"
+    deep-extend: "npm:~0.6.0"
+    typical: "npm:^5.2.0"
+    wordwrapjs: "npm:^4.0.0"
+  checksum: 10/5dd12bc64ddf246f774fc51b45398dd8da900b7bb246595c84007ea292c15936264701660b80704be17da5d4066a9a250549418c40a2b635a0916c9294b103af
+  languageName: node
+  linkType: hard
+
+"table@npm:^6.8.1":
+  version: 6.9.0
+  resolution: "table@npm:6.9.0"
+  dependencies:
+    ajv: "npm:^8.0.1"
+    lodash.truncate: "npm:^4.4.2"
+    slice-ansi: "npm:^4.0.0"
+    string-width: "npm:^4.2.3"
+    strip-ansi: "npm:^6.0.1"
+  checksum: 10/976da6d89841566e39628d1ba107ffab126964c9390a0a877a7c54ebb08820bf388d28fe9f8dcf354b538f19634a572a506c38a3762081640013a149cc862af9
+  languageName: node
+  linkType: hard
+
+"tamagui@npm:^1.126.3":
+  version: 1.126.3
+  resolution: "tamagui@npm:1.126.3"
+  dependencies:
+    "@tamagui/accordion": "npm:1.126.3"
+    "@tamagui/adapt": "npm:1.126.3"
+    "@tamagui/alert-dialog": "npm:1.126.3"
+    "@tamagui/animate-presence": "npm:1.126.3"
+    "@tamagui/avatar": "npm:1.126.3"
+    "@tamagui/button": "npm:1.126.3"
+    "@tamagui/card": "npm:1.126.3"
+    "@tamagui/checkbox": "npm:1.126.3"
+    "@tamagui/compose-refs": "npm:1.126.3"
+    "@tamagui/constants": "npm:1.126.3"
+    "@tamagui/core": "npm:1.126.3"
+    "@tamagui/create-context": "npm:1.126.3"
+    "@tamagui/dialog": "npm:1.126.3"
+    "@tamagui/elements": "npm:1.126.3"
+    "@tamagui/fake-react-native": "npm:1.126.3"
+    "@tamagui/focusable": "npm:1.126.3"
+    "@tamagui/font-size": "npm:1.126.3"
+    "@tamagui/form": "npm:1.126.3"
+    "@tamagui/get-button-sized": "npm:1.126.3"
+    "@tamagui/get-font-sized": "npm:1.126.3"
+    "@tamagui/get-token": "npm:1.126.3"
+    "@tamagui/group": "npm:1.126.3"
+    "@tamagui/helpers-tamagui": "npm:1.126.3"
+    "@tamagui/image": "npm:1.126.3"
+    "@tamagui/label": "npm:1.126.3"
+    "@tamagui/linear-gradient": "npm:1.126.3"
+    "@tamagui/list-item": "npm:1.126.3"
+    "@tamagui/polyfill-dev": "npm:1.126.3"
+    "@tamagui/popover": "npm:1.126.3"
+    "@tamagui/popper": "npm:1.126.3"
+    "@tamagui/portal": "npm:1.126.3"
+    "@tamagui/progress": "npm:1.126.3"
+    "@tamagui/radio-group": "npm:1.126.3"
+    "@tamagui/react-native-media-driver": "npm:1.126.3"
+    "@tamagui/scroll-view": "npm:1.126.3"
+    "@tamagui/select": "npm:1.126.3"
+    "@tamagui/separator": "npm:1.126.3"
+    "@tamagui/shapes": "npm:1.126.3"
+    "@tamagui/sheet": "npm:1.126.3"
+    "@tamagui/slider": "npm:1.126.3"
+    "@tamagui/stacks": "npm:1.126.3"
+    "@tamagui/switch": "npm:1.126.3"
+    "@tamagui/tabs": "npm:1.126.3"
+    "@tamagui/text": "npm:1.126.3"
+    "@tamagui/theme": "npm:1.126.3"
+    "@tamagui/toggle-group": "npm:1.126.3"
+    "@tamagui/tooltip": "npm:1.126.3"
+    "@tamagui/use-controllable-state": "npm:1.126.3"
+    "@tamagui/use-debounce": "npm:1.126.3"
+    "@tamagui/use-force-update": "npm:1.126.3"
+    "@tamagui/use-window-dimensions": "npm:1.126.3"
+    "@tamagui/visually-hidden": "npm:1.126.3"
+    "@tamagui/z-index-stack": "npm:1.126.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/a3290732c75ee7990b44a8c628ea9bf57ed2ba5a2f3e48ee26e0c6409f7a08453f595e176e3604be31a6a182997363f414fe2d2c841db6a95d2b1e4913c348ca
+  languageName: node
+  linkType: hard
+
+"tapable@npm:^2.0.0, tapable@npm:^2.1.1, tapable@npm:^2.2.0, tapable@npm:^2.2.1":
+  version: 2.2.1
+  resolution: "tapable@npm:2.2.1"
+  checksum: 10/1769336dd21481ae6347611ca5fca47add0962fd8e80466515032125eca0084a4f0ede11e65341b9c0018ef4e1cf1ad820adbb0fba7cc99865c6005734000b0a
+  languageName: node
+  linkType: hard
+
+"tar@npm:^7.4.3":
+  version: 7.4.3
+  resolution: "tar@npm:7.4.3"
+  dependencies:
+    "@isaacs/fs-minipass": "npm:^4.0.0"
+    chownr: "npm:^3.0.0"
+    minipass: "npm:^7.1.2"
+    minizlib: "npm:^3.0.1"
+    mkdirp: "npm:^3.0.1"
+    yallist: "npm:^5.0.0"
+  checksum: 10/12a2a4fc6dee23e07cc47f1aeb3a14a1afd3f16397e1350036a8f4cdfee8dcac7ef5978337a4e7b2ac2c27a9a6d46388fc2088ea7c80cb6878c814b1425f8ecf
+  languageName: node
+  linkType: hard
+
+"temp-dir@npm:^2.0.0, temp-dir@npm:~2.0.0":
+  version: 2.0.0
+  resolution: "temp-dir@npm:2.0.0"
+  checksum: 10/cc4f0404bf8d6ae1a166e0e64f3f409b423f4d1274d8c02814a59a5529f07db6cd070a749664141b992b2c1af337fa9bb451a460a43bb9bcddc49f235d3115aa
+  languageName: node
+  linkType: hard
+
+"temp@npm:^0.8.4":
+  version: 0.8.4
+  resolution: "temp@npm:0.8.4"
+  dependencies:
+    rimraf: "npm:~2.6.2"
+  checksum: 10/0a7f76b49637415bc391c3f6e69377cc4c38afac95132b4158fa711e77b70b082fe56fd886f9d11ffab9d148df181a105a93c8b618fb72266eeaa5e5ddbfe37f
+  languageName: node
+  linkType: hard
+
+"tempy@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "tempy@npm:0.6.0"
+  dependencies:
+    is-stream: "npm:^2.0.0"
+    temp-dir: "npm:^2.0.0"
+    type-fest: "npm:^0.16.0"
+    unique-string: "npm:^2.0.0"
+  checksum: 10/64f110666b3892ff00d2b5f9d89a5e0198813cc7e25aa187eca5ce310ff1697ef2cb7239f9eccbe0e8a23c1cdfaae949ce37511fe60ebfc637018ce7e9642a49
+  languageName: node
+  linkType: hard
+
+"terminal-link@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "terminal-link@npm:2.1.1"
+  dependencies:
+    ansi-escapes: "npm:^4.2.1"
+    supports-hyperlinks: "npm:^2.0.0"
+  checksum: 10/ce3d2cd3a438c4a9453947aa664581519173ea40e77e2534d08c088ee6dda449eabdbe0a76d2a516b8b73c33262fedd10d5270ccf7576ae316e3db170ce6562f
+  languageName: node
+  linkType: hard
+
+"terser-webpack-plugin@npm:^5.3.1, terser-webpack-plugin@npm:^5.3.10":
+  version: 5.3.11
+  resolution: "terser-webpack-plugin@npm:5.3.11"
+  dependencies:
+    "@jridgewell/trace-mapping": "npm:^0.3.25"
+    jest-worker: "npm:^27.4.5"
+    schema-utils: "npm:^4.3.0"
+    serialize-javascript: "npm:^6.0.2"
+    terser: "npm:^5.31.1"
+  peerDependencies:
+    webpack: ^5.1.0
+  peerDependenciesMeta:
+    "@swc/core":
+      optional: true
+    esbuild:
+      optional: true
+    uglify-js:
+      optional: true
+  checksum: 10/a8f7c92c75aa42628adfa4d171d4695c366c1852ecb4a24e72dd6fec86e383e12ac24b627e798fedff4e213c21fe851cebc61be3ab5a2537e6e42bea46690aa3
+  languageName: node
+  linkType: hard
+
+"terser@npm:^5.10.0, terser@npm:^5.15.0, terser@npm:^5.17.4, terser@npm:^5.31.1":
+  version: 5.37.0
+  resolution: "terser@npm:5.37.0"
+  dependencies:
+    "@jridgewell/source-map": "npm:^0.3.3"
+    acorn: "npm:^8.8.2"
+    commander: "npm:^2.20.0"
+    source-map-support: "npm:~0.5.20"
+  bin:
+    terser: bin/terser
+  checksum: 10/3afacf7c38c47a5a25dbe1ba2e7aafd61166474d4377ec0af490bd41ab3686ab12679818d5fe4a3e7f76efee26f639c92ac334940c378bbc31176520a38379c3
+  languageName: node
+  linkType: hard
+
+"test-exclude@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "test-exclude@npm:6.0.0"
+  dependencies:
+    "@istanbuljs/schema": "npm:^0.1.2"
+    glob: "npm:^7.1.4"
+    minimatch: "npm:^3.0.4"
+  checksum: 10/8fccb2cb6c8fcb6bb4115394feb833f8b6cf4b9503ec2485c2c90febf435cac62abe882a0c5c51a37b9bbe70640cdd05acf5f45e486ac4583389f4b0855f69e5
+  languageName: node
+  linkType: hard
+
+"thenify-all@npm:^1.0.0":
+  version: 1.6.0
+  resolution: "thenify-all@npm:1.6.0"
+  dependencies:
+    thenify: "npm:>= 3.1.0 < 4"
+  checksum: 10/dba7cc8a23a154cdcb6acb7f51d61511c37a6b077ec5ab5da6e8b874272015937788402fd271fdfc5f187f8cb0948e38d0a42dcc89d554d731652ab458f5343e
+  languageName: node
+  linkType: hard
+
+"thenify@npm:>= 3.1.0 < 4":
+  version: 3.3.1
+  resolution: "thenify@npm:3.3.1"
+  dependencies:
+    any-promise: "npm:^1.0.0"
+  checksum: 10/486e1283a867440a904e36741ff1a177faa827cf94d69506f7e3ae4187b9afdf9ec368b3d8da225c192bfe2eb943f3f0080594156bf39f21b57cd1411e2e7f6d
+  languageName: node
+  linkType: hard
+
+"third-party-capital@npm:1.0.20":
+  version: 1.0.20
+  resolution: "third-party-capital@npm:1.0.20"
+  checksum: 10/40e2531b428a21f05531fc62ef82859c0071211eff09588baf75d4b525096bbdb4f93e17e2d538849db8d4fc3cceb074933d7be59fddc26f86718fbbe852a97f
+  languageName: node
+  linkType: hard
+
+"thread-stream@npm:^0.15.1":
+  version: 0.15.2
+  resolution: "thread-stream@npm:0.15.2"
+  dependencies:
+    real-require: "npm:^0.1.0"
+  checksum: 10/ca0a4f5bf45db88b48b41af0299455eaa8f01dd3ef8279e7ba6909c295b3ab79ddf576b595cbbceb4dbdf4012b17c6449805092926163fcbf30ac1604cb595b1
+  languageName: node
+  linkType: hard
+
+"throat@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "throat@npm:5.0.0"
+  checksum: 10/00f7197977d433d1c960edfaa6465c1217652999170ef3ecd8dbefa6add6e2304b321480523ae87354df285474ba2c5feff03842e9f398b4bcdd95cfa18cff9c
+  languageName: node
+  linkType: hard
+
+"throttleit@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "throttleit@npm:1.0.1"
+  checksum: 10/17f1aba82192d8b4f5be5f7e7955acd2db0b60557a2e041900bcb685c03fc0a42e44fae955741c2994ec314918c6c1c2c179bfe17b1fbb4a011c506e9ea7cc33
+  languageName: node
+  linkType: hard
+
+"through2@npm:~0.4.1":
+  version: 0.4.2
+  resolution: "through2@npm:0.4.2"
+  dependencies:
+    readable-stream: "npm:~1.0.17"
+    xtend: "npm:~2.1.1"
+  checksum: 10/2d9aed9e9db97848728f68753bda0b147904ad9635015859ddba988edcda783bb082c50fb00091da78b6fd41b3ec5af3d2315f340ee00b81f60505ec617f0390
+  languageName: node
+  linkType: hard
+
+"through@npm:^2.3.8":
+  version: 2.3.8
+  resolution: "through@npm:2.3.8"
+  checksum: 10/5da78346f70139a7d213b65a0106f3c398d6bc5301f9248b5275f420abc2c4b1e77c2abc72d218dedc28c41efb2e7c312cb76a7730d04f9c2d37d247da3f4198
+  languageName: node
+  linkType: hard
+
+"timers-browserify@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "timers-browserify@npm:2.0.12"
+  dependencies:
+    setimmediate: "npm:^1.0.4"
+  checksum: 10/ec37ae299066bef6c464dcac29c7adafba1999e7227a9bdc4e105a459bee0f0b27234a46bfd7ab4041da79619e06a58433472867a913d01c26f8a203f87cee70
+  languageName: node
+  linkType: hard
+
+"timers-ext@npm:^0.1.7":
+  version: 0.1.8
+  resolution: "timers-ext@npm:0.1.8"
+  dependencies:
+    es5-ext: "npm:^0.10.64"
+    next-tick: "npm:^1.1.0"
+  checksum: 10/8abd168c57029e25d1fa4b7e101b053e261479e43ba4a32ead76e601e7037f74f850c311e22dc3dbb50dc211b34b092e0a349274d3997a493295e9ec725e6395
+  languageName: node
+  linkType: hard
+
+"timezone-mock@npm:^1.3.6":
+  version: 1.3.6
+  resolution: "timezone-mock@npm:1.3.6"
+  checksum: 10/846a69fddb7df234b73eef38518f9385b1e1d33d066590823d144092493dd6e69f893bcd52cd7b3fdd049fafad46a8411aec9a5a6fbd4bf2ae835083455fcb52
+  languageName: node
+  linkType: hard
+
+"tiny-glob@npm:^0.2.9":
+  version: 0.2.9
+  resolution: "tiny-glob@npm:0.2.9"
+  dependencies:
+    globalyzer: "npm:0.1.0"
+    globrex: "npm:^0.1.2"
+  checksum: 10/5fb773747f6a8fcae4b8884642901fa7b884879695186c422eb24b2213dfe90645f34225ced586329b3080d850472ea938646ab1c8b3a2989f9fa038fef8eee3
+  languageName: node
+  linkType: hard
+
+"tiny-invariant@npm:^1.3.1, tiny-invariant@npm:^1.3.3":
+  version: 1.3.3
+  resolution: "tiny-invariant@npm:1.3.3"
+  checksum: 10/5e185c8cc2266967984ce3b352a4e57cb89dad5a8abb0dea21468a6ecaa67cd5bb47a3b7a85d08041008644af4f667fb8b6575ba38ba5fb00b3b5068306e59fe
+  languageName: node
+  linkType: hard
+
+"tiny-secp256k1@npm:^1.1.7":
+  version: 1.1.7
+  resolution: "tiny-secp256k1@npm:1.1.7"
+  dependencies:
+    bindings: "npm:^1.3.0"
+    bn.js: "npm:^4.11.8"
+    create-hmac: "npm:^1.1.7"
+    elliptic: "npm:^6.4.0"
+    nan: "npm:^2.13.2"
+    node-gyp: "npm:latest"
+  checksum: 10/588393c36df18b2819787fc91616e1fcb930509307eecc460ad45c7011f99f900eea28493a36eb203c3933ae76f737e6a1b978fa0b8a391fcc5dd7b64d57c572
+  languageName: node
+  linkType: hard
+
+"tinycolor2@npm:^1.4.1":
+  version: 1.6.0
+  resolution: "tinycolor2@npm:1.6.0"
+  checksum: 10/066c3acf4f82b81c58a0d3ab85f49407efe95ba87afc3c7a16b1d77625193dfbe10dd46c26d0a263c1137361dd5a6a68bff2fb71def5fb9b9aec940fb030bcd4
+  languageName: node
+  linkType: hard
+
+"tinyrainbow@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "tinyrainbow@npm:1.2.0"
+  checksum: 10/2924444db6804355e5ba2b6e586c7f77329d93abdd7257a069a0f4530dff9f16de484e80479094e3f39273462541b003a65ee3a6afc2d12555aa745132deba5d
+  languageName: node
+  linkType: hard
+
+"tinyspy@npm:^3.0.0":
+  version: 3.0.2
+  resolution: "tinyspy@npm:3.0.2"
+  checksum: 10/5db671b2ff5cd309de650c8c4761ca945459d7204afb1776db9a04fb4efa28a75f08517a8620c01ee32a577748802231ad92f7d5b194dc003ee7f987a2a06337
+  languageName: node
+  linkType: hard
+
+"tldts-core@npm:^6.1.68":
+  version: 6.1.68
+  resolution: "tldts-core@npm:6.1.68"
+  checksum: 10/6cd30acd54a6cd402afb75d4d034ca008ab06b8d254efaa976e38814b7d0095f2fdfda2e33c162085d2f45b2b7b8b5724384192c2268930e63bee886241e399f
+  languageName: node
+  linkType: hard
+
+"tldts@npm:^6.1.32":
+  version: 6.1.68
+  resolution: "tldts@npm:6.1.68"
+  dependencies:
+    tldts-core: "npm:^6.1.68"
+  bin:
+    tldts: bin/cli.js
+  checksum: 10/5e28d274ba7364c80f4d81d922427cfae6081b2f33b27a81eab05f5e62f650daef7f8037aae489407f6b1cf997cb3aa353d41cd6bbce75758af44b1ae8b3cfc5
+  languageName: node
+  linkType: hard
+
+"tmp@npm:^0.0.33":
+  version: 0.0.33
+  resolution: "tmp@npm:0.0.33"
+  dependencies:
+    os-tmpdir: "npm:~1.0.2"
+  checksum: 10/09c0abfd165cff29b32be42bc35e80b8c64727d97dedde6550022e88fa9fd39a084660415ed8e3ebaa2aca1ee142f86df8b31d4196d4f81c774a3a20fd4b6abf
+  languageName: node
+  linkType: hard
+
+"tmp@npm:~0.2.3":
+  version: 0.2.3
+  resolution: "tmp@npm:0.2.3"
+  checksum: 10/7b13696787f159c9754793a83aa79a24f1522d47b87462ddb57c18ee93ff26c74cbb2b8d9138f571d2e0e765c728fb2739863a672b280528512c6d83d511c6fa
+  languageName: node
+  linkType: hard
+
+"tmpl@npm:1.0.5":
+  version: 1.0.5
+  resolution: "tmpl@npm:1.0.5"
+  checksum: 10/cd922d9b853c00fe414c5a774817be65b058d54a2d01ebb415840960406c669a0fc632f66df885e24cb022ec812739199ccbdb8d1164c3e513f85bfca5ab2873
+  languageName: node
+  linkType: hard
+
+"to-buffer@npm:^1.2.0":
+  version: 1.2.1
+  resolution: "to-buffer@npm:1.2.1"
+  dependencies:
+    isarray: "npm:^2.0.5"
+    safe-buffer: "npm:^5.2.1"
+    typed-array-buffer: "npm:^1.0.3"
+  checksum: 10/f8d03f070b8567d9c949f1b59c8d47c83ed2e59b50b5449258f931df9a1fcb751aa8bb8756a9345adc529b6b1822521157c48e1a7d01779a47185060d7bf96d4
+  languageName: node
+  linkType: hard
+
+"to-regex-range@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "to-regex-range@npm:5.0.1"
+  dependencies:
+    is-number: "npm:^7.0.0"
+  checksum: 10/10dda13571e1f5ad37546827e9b6d4252d2e0bc176c24a101252153ef435d83696e2557fe128c4678e4e78f5f01e83711c703eef9814eb12dab028580d45980a
+  languageName: node
+  linkType: hard
+
+"toidentifier@npm:1.0.1":
+  version: 1.0.1
+  resolution: "toidentifier@npm:1.0.1"
+  checksum: 10/952c29e2a85d7123239b5cfdd889a0dde47ab0497f0913d70588f19c53f7e0b5327c95f4651e413c74b785147f9637b17410ac8c846d5d4a20a5a33eb6dc3a45
+  languageName: node
+  linkType: hard
+
+"toml@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "toml@npm:3.0.0"
+  checksum: 10/cfef0966868d552bd02e741f30945a611f70841b7cddb07ea2b17441fe32543985bc0a7c0dcf7971af26fcaf8a17712a485d911f46bfe28644536e9a71a2bd09
+  languageName: node
+  linkType: hard
+
+"totalist@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "totalist@npm:3.0.1"
+  checksum: 10/5132d562cf88ff93fd710770a92f31dbe67cc19b5c6ccae2efc0da327f0954d211bbfd9456389655d726c624f284b4a23112f56d1da931ca7cfabbe1f45e778a
+  languageName: node
+  linkType: hard
+
+"tough-cookie@npm:^4.1.2, tough-cookie@npm:^4.1.4":
+  version: 4.1.4
+  resolution: "tough-cookie@npm:4.1.4"
+  dependencies:
+    psl: "npm:^1.1.33"
+    punycode: "npm:^2.1.1"
+    universalify: "npm:^0.2.0"
+    url-parse: "npm:^1.5.3"
+  checksum: 10/75663f4e2cd085f16af0b217e4218772adf0617fb3227171102618a54ce0187a164e505d61f773ed7d65988f8ff8a8f935d381f87da981752c1171b076b4afac
+  languageName: node
+  linkType: hard
+
+"tough-cookie@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "tough-cookie@npm:5.0.0"
+  dependencies:
+    tldts: "npm:^6.1.32"
+  checksum: 10/a98d3846ed386e399e8b470c1eb08a6a296944246eabc55c9fe79d629bd2cdaa62f5a6572f271fe0060987906bd20468d72a219a3b4cbe51086bea48d2d677b6
+  languageName: node
+  linkType: hard
+
+"tr46@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "tr46@npm:1.0.1"
+  dependencies:
+    punycode: "npm:^2.1.0"
+  checksum: 10/6e80d75480cb6658f7f283c15f5f41c2d4dfa243ca99a0e1baf3de6cc823fc4c829f89782a7a11e029905781fccfea42d08d8a6674ba7948c7dbc595b6f27dd3
+  languageName: node
+  linkType: hard
+
+"tr46@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "tr46@npm:2.1.0"
+  dependencies:
+    punycode: "npm:^2.1.1"
+  checksum: 10/302b13f458da713b2a6ff779a0c1d27361d369fdca6c19330536d31db61789b06b246968fc879fdac818a92d02643dca1a0f4da5618df86aea4a79fb3243d3f3
+  languageName: node
+  linkType: hard
+
+"tr46@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "tr46@npm:3.0.0"
+  dependencies:
+    punycode: "npm:^2.1.1"
+  checksum: 10/b09a15886cbfaee419a3469081223489051ce9dca3374dd9500d2378adedbee84a3c73f83bfdd6bb13d53657753fc0d4e20a46bfcd3f1b9057ef528426ad7ce4
+  languageName: node
+  linkType: hard
+
+"tr46@npm:~0.0.3":
+  version: 0.0.3
+  resolution: "tr46@npm:0.0.3"
+  checksum: 10/8f1f5aa6cb232f9e1bdc86f485f916b7aa38caee8a778b378ffec0b70d9307873f253f5cbadbe2955ece2ac5c83d0dc14a77513166ccd0a0c7fe197e21396695
+  languageName: node
+  linkType: hard
+
+"tree-kill@npm:1.2.2":
+  version: 1.2.2
+  resolution: "tree-kill@npm:1.2.2"
+  bin:
+    tree-kill: cli.js
+  checksum: 10/49117f5f410d19c84b0464d29afb9642c863bc5ba40fcb9a245d474c6d5cc64d1b177a6e6713129eb346b40aebb9d4631d967517f9fbe8251c35b21b13cd96c7
+  languageName: node
+  linkType: hard
+
+"trim-lines@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "trim-lines@npm:3.0.1"
+  checksum: 10/7a1325e4ce8ff7e9e52007600e9c9862a166d0db1f1cf0c9357e359e410acab1278fcd91cc279dfa5123fc37b69f080de02f471e91dbbc61b155b9ca92597929
+  languageName: node
+  linkType: hard
+
+"trim-newlines@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "trim-newlines@npm:3.0.1"
+  checksum: 10/b530f3fadf78e570cf3c761fb74fef655beff6b0f84b29209bac6c9622db75ad1417f4a7b5d54c96605dcd72734ad44526fef9f396807b90839449eb543c6206
+  languageName: node
+  linkType: hard
+
+"trough@npm:^2.0.0":
+  version: 2.2.0
+  resolution: "trough@npm:2.2.0"
+  checksum: 10/999c1cb3db6ec63e1663f911146a90125065da37f66ba342b031d53edb22a62f56c1f934bbc61a55b2b29dd74207544cfd78875b414665c1ffadcd9a9a009eeb
+  languageName: node
+  linkType: hard
+
+"true-myth@npm:^4.1.0":
+  version: 4.1.1
+  resolution: "true-myth@npm:4.1.1"
+  checksum: 10/28a40cf594206fc1b9069b802d014c68fab16fdcbf8a711c16e4270b1eefb8d0bde78c9545382e6b2bc90b7de365fc06400c3fefe6c9270b46fde31c0070b338
+  languageName: node
+  linkType: hard
+
+"truncate-utf8-bytes@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "truncate-utf8-bytes@npm:1.0.2"
+  dependencies:
+    utf8-byte-length: "npm:^1.0.1"
+  checksum: 10/366e47a0e22cc271d37eb4e62820453fb877784b55b37218842758b7aa1d402eedd0f8833cfb5d6f7a6cae1535d84289bd5e32c4ee962d2a86962fb7038a6983
+  languageName: node
+  linkType: hard
+
+"ts-api-utils@npm:^1.3.0":
+  version: 1.4.3
+  resolution: "ts-api-utils@npm:1.4.3"
+  peerDependencies:
+    typescript: ">=4.2.0"
+  checksum: 10/713c51e7392323305bd4867422ba130fbf70873ef6edbf80ea6d7e9c8f41eeeb13e40e8e7fe7cd321d74e4864777329797077268c9f570464303a1723f1eed39
+  languageName: node
+  linkType: hard
+
+"ts-api-utils@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "ts-api-utils@npm:2.0.1"
+  peerDependencies:
+    typescript: ">=4.8.4"
+  checksum: 10/2e68938cd5acad6b5157744215ce10cd097f9f667fd36b5fdd5efdd4b0c51063e855459d835f94f6777bb8a0f334916b6eb5c1eedab8c325feb34baa39238898
+  languageName: node
+  linkType: hard
+
+"ts-api-utils@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "ts-api-utils@npm:2.1.0"
+  peerDependencies:
+    typescript: ">=4.8.4"
+  checksum: 10/02e55b49d9617c6eebf8aadfa08d3ca03ca0cd2f0586ad34117fdfc7aa3cd25d95051843fde9df86665ad907f99baed179e7a117b11021417f379e4d2614eacd
+  languageName: node
+  linkType: hard
+
+"ts-command-line-args@npm:^2.2.0":
+  version: 2.5.1
+  resolution: "ts-command-line-args@npm:2.5.1"
+  dependencies:
+    chalk: "npm:^4.1.0"
+    command-line-args: "npm:^5.1.1"
+    command-line-usage: "npm:^6.1.0"
+    string-format: "npm:^2.0.0"
+  bin:
+    write-markdown: dist/write-markdown.js
+  checksum: 10/dd1b1fcd7aea599a909f037903bd4903c25e44e034dac8e1a2c049f34992c6cb4c9c692023c92d0dbd0f6183c3bd1bfff2181fee57099b6c5f296d38038224bf
+  languageName: node
+  linkType: hard
+
+"ts-declaration-location@npm:^1.0.6":
+  version: 1.0.7
+  resolution: "ts-declaration-location@npm:1.0.7"
+  dependencies:
+    picomatch: "npm:^4.0.2"
+  peerDependencies:
+    typescript: ">=4.0.0"
+  checksum: 10/a7932fc75d41f10c16089f8f5a5c1ea49d6afca30f09c91c1df14d0a8510f72bcb9f8a395c04f060b66b855b6bd7ea4df81b335fb9d21bef402969a672a4afa7
+  languageName: node
+  linkType: hard
+
+"ts-dedent@npm:^2.0.0, ts-dedent@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "ts-dedent@npm:2.2.0"
+  checksum: 10/93ed8f7878b6d5ed3c08d99b740010eede6bccfe64bce61c5a4da06a2c17d6ddbb80a8c49c2d15251de7594a4f93ffa21dd10e7be75ef66a4dc9951b4a94e2af
+  languageName: node
+  linkType: hard
+
+"ts-essentials@npm:^7.0.1":
+  version: 7.0.3
+  resolution: "ts-essentials@npm:7.0.3"
+  peerDependencies:
+    typescript: ">=3.7.0"
+  checksum: 10/021b4263ddd58897171f3f5c467b5c872f76ba2ea07dfc11fa9667ba8d62ccb7f390db3e581139dcc6da94c3ff6306921f574acdb2b94cbc9d7da3e859e24665
+  languageName: node
+  linkType: hard
+
+"ts-interface-checker@npm:^0.1.9":
+  version: 0.1.13
+  resolution: "ts-interface-checker@npm:0.1.13"
+  checksum: 10/9f7346b9e25bade7a1050c001ec5a4f7023909c0e1644c5a96ae20703a131627f081479e6622a4ecee2177283d0069e651e507bedadd3904fc4010ab28ffce00
+  languageName: node
+  linkType: hard
+
+"ts-jest@npm:29.2.5":
+  version: 29.2.5
+  resolution: "ts-jest@npm:29.2.5"
+  dependencies:
+    bs-logger: "npm:^0.2.6"
+    ejs: "npm:^3.1.10"
+    fast-json-stable-stringify: "npm:^2.1.0"
+    jest-util: "npm:^29.0.0"
+    json5: "npm:^2.2.3"
+    lodash.memoize: "npm:^4.1.2"
+    make-error: "npm:^1.3.6"
+    semver: "npm:^7.6.3"
+    yargs-parser: "npm:^21.1.1"
+  peerDependencies:
+    "@babel/core": ">=7.0.0-beta.0 <8"
+    "@jest/transform": ^29.0.0
+    "@jest/types": ^29.0.0
+    babel-jest: ^29.0.0
+    jest: ^29.0.0
+    typescript: ">=4.3 <6"
+  peerDependenciesMeta:
+    "@babel/core":
+      optional: true
+    "@jest/transform":
+      optional: true
+    "@jest/types":
+      optional: true
+    babel-jest:
+      optional: true
+    esbuild:
+      optional: true
+  bin:
+    ts-jest: cli.js
+  checksum: 10/f89e562816861ec4510840a6b439be6145f688b999679328de8080dc8e66481325fc5879519b662163e33b7578f35243071c38beb761af34e5fe58e3e326a958
+  languageName: node
+  linkType: hard
+
+"ts-jest@npm:~29.0.4":
+  version: 29.0.5
+  resolution: "ts-jest@npm:29.0.5"
+  dependencies:
+    bs-logger: "npm:0.x"
+    fast-json-stable-stringify: "npm:2.x"
+    jest-util: "npm:^29.0.0"
+    json5: "npm:^2.2.3"
+    lodash.memoize: "npm:4.x"
+    make-error: "npm:1.x"
+    semver: "npm:7.x"
+    yargs-parser: "npm:^21.0.1"
+  peerDependencies:
+    "@babel/core": ">=7.0.0-beta.0 <8"
+    "@jest/types": ^29.0.0
+    babel-jest: ^29.0.0
+    jest: ^29.0.0
+    typescript: ">=4.3"
+  peerDependenciesMeta:
+    "@babel/core":
+      optional: true
+    "@jest/types":
+      optional: true
+    babel-jest:
+      optional: true
+    esbuild:
+      optional: true
+  bin:
+    ts-jest: cli.js
+  checksum: 10/59d7122ea1a861aec510b19d30517df81c09ce89b9c2e6d40425c97bd2006a437f169bd6ec965b5b239b82a0ad773ca8fc40cc51f956b380ffc3a964682e9260
+  languageName: node
+  linkType: hard
+
+"ts-mixer@npm:^6.0.3":
+  version: 6.0.4
+  resolution: "ts-mixer@npm:6.0.4"
+  checksum: 10/f20571a4a4ff7b5e1a2ff659208c1ea9d4180dda932b71d289edc99e25a2948c9048e2e676b930302ac0f8e88279e0da6022823183e67de3906a3f3a8b72ea80
+  languageName: node
+  linkType: hard
+
+"ts-morph@npm:^13.0.1":
+  version: 13.0.3
+  resolution: "ts-morph@npm:13.0.3"
+  dependencies:
+    "@ts-morph/common": "npm:~0.12.3"
+    code-block-writer: "npm:^11.0.0"
+  checksum: 10/f6f9d121308ccd7c83dc2223e969ead76687ed71cb0a827050fba7b4a9514f38375b7552b2b3752cd4655c7362e657c995e5f7872fffcc9cfc535481cb81080a
+  languageName: node
+  linkType: hard
+
+"ts-node@npm:^10.9.2":
+  version: 10.9.2
+  resolution: "ts-node@npm:10.9.2"
+  dependencies:
+    "@cspotcode/source-map-support": "npm:^0.8.0"
+    "@tsconfig/node10": "npm:^1.0.7"
+    "@tsconfig/node12": "npm:^1.0.7"
+    "@tsconfig/node14": "npm:^1.0.0"
+    "@tsconfig/node16": "npm:^1.0.2"
+    acorn: "npm:^8.4.1"
+    acorn-walk: "npm:^8.1.1"
+    arg: "npm:^4.1.0"
+    create-require: "npm:^1.1.0"
+    diff: "npm:^4.0.1"
+    make-error: "npm:^1.1.1"
+    v8-compile-cache-lib: "npm:^3.0.1"
+    yn: "npm:3.1.1"
+  peerDependencies:
+    "@swc/core": ">=1.2.50"
+    "@swc/wasm": ">=1.2.50"
+    "@types/node": "*"
+    typescript: ">=2.7"
+  peerDependenciesMeta:
+    "@swc/core":
+      optional: true
+    "@swc/wasm":
+      optional: true
+  bin:
+    ts-node: dist/bin.js
+    ts-node-cwd: dist/bin-cwd.js
+    ts-node-esm: dist/bin-esm.js
+    ts-node-script: dist/bin-script.js
+    ts-node-transpile-only: dist/bin-transpile.js
+    ts-script: dist/bin-script-deprecated.js
+  checksum: 10/a91a15b3c9f76ac462f006fa88b6bfa528130dcfb849dd7ef7f9d640832ab681e235b8a2bc58ecde42f72851cc1d5d4e22c901b0c11aa51001ea1d395074b794
+  languageName: node
+  linkType: hard
+
+"ts-object-utils@npm:0.0.5":
+  version: 0.0.5
+  resolution: "ts-object-utils@npm:0.0.5"
+  checksum: 10/83c48fbdaba392fb2c01cea53b267ed5538d2bb44fc6c3eecc10bcfabc1780bfa6ec8569b52bbf0140d9b521d9049d5f15884e12286918244d463d854dbc73cb
+  languageName: node
+  linkType: hard
+
+"ts-pnp@npm:^1.1.6":
+  version: 1.2.0
+  resolution: "ts-pnp@npm:1.2.0"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/a987a6bc4bf2f692046f14267b2e2fc1ead96e55b570ee417d2b75956a2cd0429e5b724d319be154e56fef4b5cb78b1e5cfb0ce192ead3795b1a637974ed4d74
+  languageName: node
+  linkType: hard
+
+"ts-prune@npm:^0.10.3":
+  version: 0.10.3
+  resolution: "ts-prune@npm:0.10.3"
+  dependencies:
+    commander: "npm:^6.2.1"
+    cosmiconfig: "npm:^7.0.1"
+    json5: "npm:^2.1.3"
+    lodash: "npm:^4.17.21"
+    true-myth: "npm:^4.1.0"
+    ts-morph: "npm:^13.0.1"
+  bin:
+    ts-prune: lib/index.js
+  checksum: 10/3eb3c59e460464d7e775a862b6490469b7f90881f831fa6316549b4de276fd875301de65ff0710986c51f184ba1433fc1534bde741288134bddb3aeb11b83b40
+  languageName: node
+  linkType: hard
+
+"tsconfig-paths-webpack-plugin@npm:^4.0.1, tsconfig-paths-webpack-plugin@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "tsconfig-paths-webpack-plugin@npm:4.2.0"
+  dependencies:
+    chalk: "npm:^4.1.0"
+    enhanced-resolve: "npm:^5.7.0"
+    tapable: "npm:^2.2.1"
+    tsconfig-paths: "npm:^4.1.2"
+  checksum: 10/946f23a38a404bf2d3803b60b5af1d7a6cc85bed411c9feefa707656efd9007cdcee7eb0e860ca8690ba479810c7b94ce026f6ac70daa6c803e55aac809c86c4
+  languageName: node
+  linkType: hard
+
+"tsconfig-paths@npm:^3.15.0":
+  version: 3.15.0
+  resolution: "tsconfig-paths@npm:3.15.0"
+  dependencies:
+    "@types/json5": "npm:^0.0.29"
+    json5: "npm:^1.0.2"
+    minimist: "npm:^1.2.6"
+    strip-bom: "npm:^3.0.0"
+  checksum: 10/2041beaedc6c271fc3bedd12e0da0cc553e65d030d4ff26044b771fac5752d0460944c0b5e680f670c2868c95c664a256cec960ae528888db6ded83524e33a14
+  languageName: node
+  linkType: hard
+
+"tsconfig-paths@npm:^4.0.0, tsconfig-paths@npm:^4.1.2, tsconfig-paths@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "tsconfig-paths@npm:4.2.0"
+  dependencies:
+    json5: "npm:^2.2.2"
+    minimist: "npm:^1.2.6"
+    strip-bom: "npm:^3.0.0"
+  checksum: 10/5e55cc2fb6b800eb72011522e10edefccb45b1f9af055681a51354c9b597d1390c6fa9cc356b8c7529f195ac8a90a78190d563159f3a1eed10e01bbd4d01a8ab
+  languageName: node
+  linkType: hard
+
+"tslib@npm:1.14.1, tslib@npm:^1.9.0, tslib@npm:^1.9.3":
+  version: 1.14.1
+  resolution: "tslib@npm:1.14.1"
+  checksum: 10/7dbf34e6f55c6492637adb81b555af5e3b4f9cc6b998fb440dac82d3b42bdc91560a35a5fb75e20e24a076c651438234da6743d139e4feabf0783f3cdfe1dddb
+  languageName: node
+  linkType: hard
+
+"tslib@npm:2, tslib@npm:2.8.1, tslib@npm:^2.0.0, tslib@npm:^2.0.1, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.3.0, tslib@npm:^2.3.1, tslib@npm:^2.4.0, tslib@npm:^2.6.2, tslib@npm:^2.7.0, tslib@npm:^2.8.0, tslib@npm:^2.8.1":
+  version: 2.8.1
+  resolution: "tslib@npm:2.8.1"
+  checksum: 10/3e2e043d5c2316461cb54e5c7fe02c30ef6dccb3384717ca22ae5c6b5bc95232a6241df19c622d9c73b809bea33b187f6dbc73030963e29950c2141bc32a79f7
+  languageName: node
+  linkType: hard
+
+"tslib@npm:2.7.0":
+  version: 2.7.0
+  resolution: "tslib@npm:2.7.0"
+  checksum: 10/9a5b47ddac65874fa011c20ff76db69f97cf90c78cff5934799ab8894a5342db2d17b4e7613a087046bc1d133d21547ddff87ac558abeec31ffa929c88b7fce6
+  languageName: node
+  linkType: hard
+
+"tty-browserify@npm:^0.0.1":
+  version: 0.0.1
+  resolution: "tty-browserify@npm:0.0.1"
+  checksum: 10/93b745d43fa5a7d2b948fa23be8d313576d1d884b48acd957c07710bac1c0d8ac34c0556ad4c57c73d36e11741763ef66b3fb4fb97b06b7e4d525315a3cd45f5
+  languageName: node
+  linkType: hard
+
+"tunnel-agent@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "tunnel-agent@npm:0.6.0"
+  dependencies:
+    safe-buffer: "npm:^5.0.1"
+  checksum: 10/7f0d9ed5c22404072b2ae8edc45c071772affd2ed14a74f03b4e71b4dd1a14c3714d85aed64abcaaee5fec2efc79002ba81155c708f4df65821b444abb0cfade
+  languageName: node
+  linkType: hard
+
+"tween-functions@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "tween-functions@npm:1.2.0"
+  checksum: 10/f145f39187aacfe6e3c6bfe8452be4061a569b8e1e75c28169c55b7cdf519daa1877c79a8a2cdc902b68f49b67b8478f34818ff02529d27ae5aa0545e7fbdc06
+  languageName: node
+  linkType: hard
+
+"tweetnacl-util@npm:^0.15.1":
+  version: 0.15.1
+  resolution: "tweetnacl-util@npm:0.15.1"
+  checksum: 10/ae6aa8a52cdd21a95103a4cc10657d6a2040b36c7a6da7b9d3ab811c6750a2d5db77e8c36969e75fdee11f511aa2b91c552496c6e8e989b6e490e54aca2864fc
+  languageName: node
+  linkType: hard
+
+"tweetnacl@npm:^0.14.3, tweetnacl@npm:~0.14.0":
+  version: 0.14.5
+  resolution: "tweetnacl@npm:0.14.5"
+  checksum: 10/04ee27901cde46c1c0a64b9584e04c96c5fe45b38c0d74930710751ea991408b405747d01dfae72f80fc158137018aea94f9c38c651cb9c318f0861a310c3679
+  languageName: node
+  linkType: hard
+
+"tweetnacl@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "tweetnacl@npm:1.0.3"
+  checksum: 10/ca122c2f86631f3c0f6d28efb44af2a301d4a557a62a3e2460286b08e97567b258c2212e4ad1cfa22bd6a57edcdc54ba76ebe946847450ab0999e6d48ccae332
+  languageName: node
+  linkType: hard
+
+"type-check@npm:^0.4.0, type-check@npm:~0.4.0":
+  version: 0.4.0
+  resolution: "type-check@npm:0.4.0"
+  dependencies:
+    prelude-ls: "npm:^1.2.1"
+  checksum: 10/14687776479d048e3c1dbfe58a2409e00367810d6960c0f619b33793271ff2a27f81b52461f14a162f1f89a9b1d8da1b237fc7c99b0e1fdcec28ec63a86b1fec
+  languageName: node
+  linkType: hard
+
+"type-detect@npm:4.0.8":
+  version: 4.0.8
+  resolution: "type-detect@npm:4.0.8"
+  checksum: 10/5179e3b8ebc51fce1b13efb75fdea4595484433f9683bbc2dca6d99789dba4e602ab7922d2656f2ce8383987467f7770131d4a7f06a26287db0615d2f4c4ce7d
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^0.16.0":
+  version: 0.16.0
+  resolution: "type-fest@npm:0.16.0"
+  checksum: 10/fd8c47ccb90e9fe7bae8bfc0e116e200e096120200c1ab1737bf0bc9334b344dd4925f876ed698174ffd58cd179bb56a55467be96aedc22d5d72748eac428bc8
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^0.18.0":
+  version: 0.18.1
+  resolution: "type-fest@npm:0.18.1"
+  checksum: 10/08844377058435c2b0e633ba01bab6102dba0ed63d85417d8e18feff265eed6f5c9f8f9a25d405ea9db88a41a569be73a3c4c0d4e29150bf89fb145bb23114a2
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^0.21.3":
+  version: 0.21.3
+  resolution: "type-fest@npm:0.21.3"
+  checksum: 10/f4254070d9c3d83a6e573bcb95173008d73474ceadbbf620dd32d273940ca18734dff39c2b2480282df9afe5d1675ebed5499a00d791758748ea81f61a38961f
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "type-fest@npm:0.6.0"
+  checksum: 10/9ecbf4ba279402b14c1a0614b6761bbe95626fab11377291fecd7e32b196109551e0350dcec6af74d97ced1b000ba8060a23eca33157091e642b409c2054ba82
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^0.7.1":
+  version: 0.7.1
+  resolution: "type-fest@npm:0.7.1"
+  checksum: 10/0699b6011bb3f7fac5fd5385e2e09432cde08fa89283f24084f29db00ec69a5445cd3aa976438ec74fc552a9a96f4a04ed390b5cb62eb7483aa4b6e5b935e059
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^0.8.1":
+  version: 0.8.1
+  resolution: "type-fest@npm:0.8.1"
+  checksum: 10/fd4a91bfb706aeeb0d326ebd2e9a8ea5263979e5dec8d16c3e469a5bd3a946e014a062ef76c02e3086d3d1c7209a56a20a4caafd0e9f9a5c2ab975084ea3d388
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^2.14.0, type-fest@npm:^2.19.0, type-fest@npm:~2.19":
+  version: 2.19.0
+  resolution: "type-fest@npm:2.19.0"
+  checksum: 10/7bf9e8fdf34f92c8bb364c0af14ca875fac7e0183f2985498b77be129dc1b3b1ad0a6b3281580f19e48c6105c037fb966ad9934520c69c6434d17fd0af4eed78
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^4.26.1":
+  version: 4.31.0
+  resolution: "type-fest@npm:4.31.0"
+  checksum: 10/e7e849845bf33e1237c3ff0d5ed00a251a807e3321ffe75278dd56a7d3c385badfe09180057c2d0b93cf7429432b8e7061b6ccf4cc468720d8f69073d2b1bed2
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^4.30.0":
+  version: 4.30.0
+  resolution: "type-fest@npm:4.30.0"
+  checksum: 10/46c733df4feb87dfd281fba4fa3913dc38b45136be35adffbcef95e13414105a4669476c1f8686680b9c98e59ed5dc85efe42caf67adbaa04f48dfc41f8330fa
+  languageName: node
+  linkType: hard
+
+"type@npm:^2.7.2":
+  version: 2.7.3
+  resolution: "type@npm:2.7.3"
+  checksum: 10/82e99e7795b3de3ecfe685680685e79a77aea515fad9f60b7c55fbf6d43a5c360b1e6e9443354ec8906b38cdf5325829c69f094cb7cd2a1238e85bef9026dc04
+  languageName: node
+  linkType: hard
+
+"typechain@npm:^8.3.2":
+  version: 8.3.2
+  resolution: "typechain@npm:8.3.2"
+  dependencies:
+    "@types/prettier": "npm:^2.1.1"
+    debug: "npm:^4.3.1"
+    fs-extra: "npm:^7.0.0"
+    glob: "npm:7.1.7"
+    js-sha3: "npm:^0.8.0"
+    lodash: "npm:^4.17.15"
+    mkdirp: "npm:^1.0.4"
+    prettier: "npm:^2.3.1"
+    ts-command-line-args: "npm:^2.2.0"
+    ts-essentials: "npm:^7.0.1"
+  peerDependencies:
+    typescript: ">=4.3.0"
+  bin:
+    typechain: dist/cli/cli.js
+  checksum: 10/d6dad2f70bb3914c56bac6758ba2a761a1592a8258aa9f84360fda410c27bfade0b2f49faa366df94ac3c2f567d40b3db17f4a32903ef52bc7f9a020545eeb7f
+  languageName: node
+  linkType: hard
+
+"typed-array-buffer@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "typed-array-buffer@npm:1.0.2"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    es-errors: "npm:^1.3.0"
+    is-typed-array: "npm:^1.1.13"
+  checksum: 10/02ffc185d29c6df07968272b15d5319a1610817916ec8d4cd670ded5d1efe72901541ff2202fcc622730d8a549c76e198a2f74e312eabbfb712ed907d45cbb0b
+  languageName: node
+  linkType: hard
+
+"typed-array-buffer@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "typed-array-buffer@npm:1.0.3"
+  dependencies:
+    call-bound: "npm:^1.0.3"
+    es-errors: "npm:^1.3.0"
+    is-typed-array: "npm:^1.1.14"
+  checksum: 10/3fb91f0735fb413b2bbaaca9fabe7b8fc14a3fa5a5a7546bab8a57e755be0e3788d893195ad9c2b842620592de0e68d4c077d4c2c41f04ec25b8b5bb82fa9a80
+  languageName: node
+  linkType: hard
+
+"typed-array-byte-length@npm:^1.0.1, typed-array-byte-length@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "typed-array-byte-length@npm:1.0.3"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    for-each: "npm:^0.3.3"
+    gopd: "npm:^1.2.0"
+    has-proto: "npm:^1.2.0"
+    is-typed-array: "npm:^1.1.14"
+  checksum: 10/269dad101dda73e3110117a9b84db86f0b5c07dad3a9418116fd38d580cab7fc628a4fc167e29b6d7c39da2f53374b78e7cb578b3c5ec7a556689d985d193519
+  languageName: node
+  linkType: hard
+
+"typed-array-byte-offset@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "typed-array-byte-offset@npm:1.0.3"
+  dependencies:
+    available-typed-arrays: "npm:^1.0.7"
+    call-bind: "npm:^1.0.7"
+    for-each: "npm:^0.3.3"
+    gopd: "npm:^1.0.1"
+    has-proto: "npm:^1.0.3"
+    is-typed-array: "npm:^1.1.13"
+    reflect.getprototypeof: "npm:^1.0.6"
+  checksum: 10/6c3bfba026616e656278a062dd5232d80fbb156b792045e698ecb0260a4c6e77e82412d6c8049f4e58bb66f509c90aacad09f02d4b5b8a4e67cf9c423a563be9
+  languageName: node
+  linkType: hard
+
+"typed-array-byte-offset@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "typed-array-byte-offset@npm:1.0.4"
+  dependencies:
+    available-typed-arrays: "npm:^1.0.7"
+    call-bind: "npm:^1.0.8"
+    for-each: "npm:^0.3.3"
+    gopd: "npm:^1.2.0"
+    has-proto: "npm:^1.2.0"
+    is-typed-array: "npm:^1.1.15"
+    reflect.getprototypeof: "npm:^1.0.9"
+  checksum: 10/c2869aa584cdae24ecfd282f20a0f556b13a49a9d5bca1713370bb3c89dff0ccbc5ceb45cb5b784c98f4579e5e3e2a07e438c3a5b8294583e2bd4abbd5104fb5
+  languageName: node
+  linkType: hard
+
+"typed-array-length@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "typed-array-length@npm:1.0.7"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    for-each: "npm:^0.3.3"
+    gopd: "npm:^1.0.1"
+    is-typed-array: "npm:^1.1.13"
+    possible-typed-array-names: "npm:^1.0.0"
+    reflect.getprototypeof: "npm:^1.0.6"
+  checksum: 10/d6b2f0e81161682d2726eb92b1dc2b0890890f9930f33f9bcf6fc7272895ce66bc368066d273e6677776de167608adc53fcf81f1be39a146d64b630edbf2081c
+  languageName: node
+  linkType: hard
+
+"typeforce@npm:^1.18.0":
+  version: 1.18.0
+  resolution: "typeforce@npm:1.18.0"
+  checksum: 10/dbf98c75b1d57e56e33c1e1271d5505e67981f4e6a2e2e6e8e31160b58777fea1726160810b6c606517db16476805b7dce315926ba2d4859b9a56cab05b7a41f
+  languageName: node
+  linkType: hard
+
+"typescript-eslint@npm:^8.31.1":
+  version: 8.31.1
+  resolution: "typescript-eslint@npm:8.31.1"
+  dependencies:
+    "@typescript-eslint/eslint-plugin": "npm:8.31.1"
+    "@typescript-eslint/parser": "npm:8.31.1"
+    "@typescript-eslint/utils": "npm:8.31.1"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.9.0"
+  checksum: 10/becb67b353bf9e36a924f71dba7315bad1ae6c697dcbfa3510f2bacd7a95074ee5c56bb288c77f486a6b2345c92ca68201edb2145fafca6925842075224070d6
+  languageName: node
+  linkType: hard
+
+"typescript-plugin-css-modules@npm:^4.2.2":
+  version: 4.2.3
+  resolution: "typescript-plugin-css-modules@npm:4.2.3"
+  dependencies:
+    "@types/postcss-modules-local-by-default": "npm:^4.0.0"
+    "@types/postcss-modules-scope": "npm:^3.0.1"
+    dotenv: "npm:^16.0.3"
+    icss-utils: "npm:^5.1.0"
+    less: "npm:^4.1.3"
+    lodash.camelcase: "npm:^4.3.0"
+    postcss: "npm:^8.4.21"
+    postcss-load-config: "npm:^3.1.4"
+    postcss-modules-extract-imports: "npm:^3.0.0"
+    postcss-modules-local-by-default: "npm:^4.0.0"
+    postcss-modules-scope: "npm:^3.0.0"
+    reserved-words: "npm:^0.1.2"
+    sass: "npm:^1.58.3"
+    source-map-js: "npm:^1.0.2"
+    stylus: "npm:^0.59.0"
+    tsconfig-paths: "npm:^4.1.2"
+  peerDependencies:
+    typescript: ">=3.9.0"
+  checksum: 10/1917b6811e21435c3797ad1a2e9ebadcf8937006df8eb9c70045bcef53c4223f71dfb1889ab4c698ebb8787aee46da8223c91c6169733bbdf136c48b3e646cad
+  languageName: node
+  linkType: hard
+
+"typescript@npm:5.8.3, typescript@npm:^5.8.2, typescript@npm:^5.8.3":
+  version: 5.8.3
+  resolution: "typescript@npm:5.8.3"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 10/65c40944c51b513b0172c6710ee62e951b70af6f75d5a5da745cb7fab132c09ae27ffdf7838996e3ed603bb015dadd099006658046941bd0ba30340cc563ae92
+  languageName: node
+  linkType: hard
+
+"typescript@npm:^5.4.5, typescript@npm:^5.5.4":
+  version: 5.7.2
+  resolution: "typescript@npm:5.7.2"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 10/4caa3904df69db9d4a8bedc31bafc1e19ffb7b24fbde2997a1633ae1398d0de5bdbf8daf602ccf3b23faddf1aeeb9b795223a2ed9c9a4fdcaf07bfde114a401a
+  languageName: node
+  linkType: hard
+
+"typescript@patch:typescript@npm%3A5.8.3#optional!builtin<compat/typescript>, typescript@patch:typescript@npm%3A^5.8.2#optional!builtin<compat/typescript>, typescript@patch:typescript@npm%3A^5.8.3#optional!builtin<compat/typescript>":
+  version: 5.8.3
+  resolution: "typescript@patch:typescript@npm%3A5.8.3#optional!builtin<compat/typescript>::version=5.8.3&hash=5786d5"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 10/b9b1e73dabac5dc730c041325dbd9c99467c1b0d239f1b74ec3b90d831384af3e2ba973946232df670519147eb51a2c20f6f96163cea2b359f03de1e2091cc4f
+  languageName: node
+  linkType: hard
+
+"typescript@patch:typescript@npm%3A^5.4.5#optional!builtin<compat/typescript>, typescript@patch:typescript@npm%3A^5.5.4#optional!builtin<compat/typescript>":
+  version: 5.7.2
+  resolution: "typescript@patch:typescript@npm%3A5.7.2#optional!builtin<compat/typescript>::version=5.7.2&hash=5786d5"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 10/d75ca10141afc64fd3474b41a8b082b640555bed388d237558aed64e5827ddadb48f90932c7f4205883f18f5bcab8b6a739a2cfac95855604b0dfeb34bc2f3eb
+  languageName: node
+  linkType: hard
+
+"typeson-registry@npm:^1.0.0-alpha.20":
+  version: 1.0.0-alpha.39
+  resolution: "typeson-registry@npm:1.0.0-alpha.39"
+  dependencies:
+    base64-arraybuffer-es6: "npm:^0.7.0"
+    typeson: "npm:^6.0.0"
+    whatwg-url: "npm:^8.4.0"
+  checksum: 10/9d8e2ee976d1e1cbccaeee2f38b623b92e14e758d0e3aff27c804585c6a20a182c1573fff56db978e83ed0e4199f45a3e4e9cbba30d4330d84e1b3dd1c09873f
+  languageName: node
+  linkType: hard
+
+"typeson@npm:^6.0.0, typeson@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "typeson@npm:6.1.0"
+  checksum: 10/8eb4ac9351b8d9029b6fdf0ec1e3eaafbe0d8026eed4387181099023a3620c4d6c10d9bec197c6ec2286ce02d516af527694175621bb08f6ffa13891b3ea8c6e
+  languageName: node
+  linkType: hard
+
+"typical@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "typical@npm:4.0.0"
+  checksum: 10/aefe2c24b025cda22534ae2594df4a1df5db05b5fe3692890fd51db741ca4f18937a149f968b8d56d9a7b0756e7cd8843b1907bea21987ff4a06619c54d5a575
+  languageName: node
+  linkType: hard
+
+"typical@npm:^5.2.0":
+  version: 5.2.0
+  resolution: "typical@npm:5.2.0"
+  checksum: 10/fd8e4197cb2e021ca6d11fea0018ee219c29bf4160ab613492f74c0e21806003d1cd92a15088b111778a7b5c6432e4e28321899785a86980b390b87c4010efe5
+  languageName: node
+  linkType: hard
+
+"u2f-api@npm:0.2.7":
+  version: 0.2.7
+  resolution: "u2f-api@npm:0.2.7"
+  checksum: 10/abd96fe7aa131326bd7e0b7a2f82ef6765f905a4d9ce6f907952921abc7e2c99fe24c2f0361df5243fb4bede48ffdccd26d0a569133fced05a94ebc28bcd12a2
+  languageName: node
+  linkType: hard
+
+"ua-is-frozen@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "ua-is-frozen@npm:0.1.2"
+  checksum: 10/0113bed77d437a3752323175f01057dd01911506225e9d33799799188a89a230ab63d2445b096d4399ea8eb94e3163608f7ac2425fb8edd0844d891490607e14
+  languageName: node
+  linkType: hard
+
+"ua-parser-js@npm:^0.7.33":
+  version: 0.7.40
+  resolution: "ua-parser-js@npm:0.7.40"
+  bin:
+    ua-parser-js: script/cli.js
+  checksum: 10/914b8134894e0060a695e519c4b25625613572911466fdcd60f995babc2a61e75a318d98f5e777961ab428069b6ee2f7c5e3a4595eee858a1e86de694579baac
+  languageName: node
+  linkType: hard
+
+"ua-parser-js@npm:^1.0.35":
+  version: 1.0.39
+  resolution: "ua-parser-js@npm:1.0.39"
+  bin:
+    ua-parser-js: script/cli.js
+  checksum: 10/dd4026b6ece8a34a0d39b6de5542154c4506077d8def8647a300a29e1b3ffa0e23f5c8eeeb8101df6162b7b3eb3597d0b4adb031ae6104cbdb730d6ebc07f3c0
+  languageName: node
+  linkType: hard
+
+"ua-parser-js@npm:^2.0.4":
+  version: 2.0.4
+  resolution: "ua-parser-js@npm:2.0.4"
+  dependencies:
+    "@types/node-fetch": "npm:^2.6.12"
+    detect-europe-js: "npm:^0.1.2"
+    is-standalone-pwa: "npm:^0.1.1"
+    node-fetch: "npm:^2.7.0"
+    ua-is-frozen: "npm:^0.1.2"
+  bin:
+    ua-parser-js: script/cli.js
+  checksum: 10/eb3a57cd4aea6c42d2d766761ccf38cdc4576075646dec611efc336f0d1e640896ec4ca084142a1fedbf25c589e093e2cad50c49a22d089e234029ecb9b8d2e4
+  languageName: node
+  linkType: hard
+
+"ufo@npm:^1.5.4":
+  version: 1.5.4
+  resolution: "ufo@npm:1.5.4"
+  checksum: 10/a885ed421e656aea6ca64e9727b8118a9488715460b6f1a0f0427118adfe2f2830fe7c1d5bd9c5c754a332e6807516551cd663ea67ce9ed6a4e3edc739916335
+  languageName: node
+  linkType: hard
+
+"uint8array-tools@npm:^0.0.8":
+  version: 0.0.8
+  resolution: "uint8array-tools@npm:0.0.8"
+  checksum: 10/db3310f197a9a728e45e19149e5b222b633622796e5ef621809d03986f4959b2c895f2347c065eb16c89a07033ee8b9222b9abb607283615bdaeb3297dedbf01
+  languageName: node
+  linkType: hard
+
+"uint8arrays@npm:3.1.0":
+  version: 3.1.0
+  resolution: "uint8arrays@npm:3.1.0"
+  dependencies:
+    multiformats: "npm:^9.4.2"
+  checksum: 10/caf1cd6a1cdbd7c59d6c8698c06a6d603380942b5745b3fddcd1b16f7a84a4f351fb8c6ac41f4cb2c59c226bb6d954733a6e20a42dec6f3fd266a02270a5088d
+  languageName: node
+  linkType: hard
+
+"uint8arrays@npm:3.1.1, uint8arrays@npm:^3.0.0":
+  version: 3.1.1
+  resolution: "uint8arrays@npm:3.1.1"
+  dependencies:
+    multiformats: "npm:^9.4.2"
+  checksum: 10/536e70273c040484aa7d522031a9dbca1fe8c06eb58a3ace1064ba68825b4e2764d4a0b604a1c451e7b8be0986dc94f23a419cfe9334bd116716074a2d29b33d
+  languageName: node
+  linkType: hard
+
+"uint8arrays@npm:^2.0.5, uint8arrays@npm:^2.1.2":
+  version: 2.1.10
+  resolution: "uint8arrays@npm:2.1.10"
+  dependencies:
+    multiformats: "npm:^9.4.2"
+  checksum: 10/63ceb5fecc09de69641531c847e0b435d15a73587e40d4db23ed9b8a1ebbe839ae39fe81a15ea6079cdf642fcf2583983f9a5d32726edc4bc5e87634f34e3bd5
+  languageName: node
+  linkType: hard
+
+"unbox-primitive@npm:^1.0.2, unbox-primitive@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "unbox-primitive@npm:1.1.0"
+  dependencies:
+    call-bound: "npm:^1.0.3"
+    has-bigints: "npm:^1.0.2"
+    has-symbols: "npm:^1.1.0"
+    which-boxed-primitive: "npm:^1.1.1"
+  checksum: 10/fadb347020f66b2c8aeacf8b9a79826fa34cc5e5457af4eb0bbc4e79bd87fed0fa795949825df534320f7c13f199259516ad30abc55a6e7b91d8d996ca069e50
+  languageName: node
+  linkType: hard
+
+"uncrypto@npm:^0.1.3":
+  version: 0.1.3
+  resolution: "uncrypto@npm:0.1.3"
+  checksum: 10/0020f74b0ce34723196d8982a73bb7f40cff455a41b8f88ae146b86885f4e66e41a1241fe80a887505c3bd2c7f07ed362b6ed041968370073c40a98496e6a737
+  languageName: node
+  linkType: hard
+
+"undici-types@npm:^7.11.0":
+  version: 7.13.0
+  resolution: "undici-types@npm:7.13.0"
+  checksum: 10/1088ad68dd57981aa6eced5b3f5d74129ac619fbe558b30cb584d6096d32b084ae30d7cdc480d622226e6ffc8d31e01ac30215816439a0d784e0fe64db873b0f
+  languageName: node
+  linkType: hard
+
+"undici-types@npm:~6.19.2":
+  version: 6.19.8
+  resolution: "undici-types@npm:6.19.8"
+  checksum: 10/cf0b48ed4fc99baf56584afa91aaffa5010c268b8842f62e02f752df209e3dea138b372a60a963b3b2576ed932f32329ce7ddb9cb5f27a6c83040d8cd74b7a70
+  languageName: node
+  linkType: hard
+
+"undici-types@npm:~6.20.0":
+  version: 6.20.0
+  resolution: "undici-types@npm:6.20.0"
+  checksum: 10/583ac7bbf4ff69931d3985f4762cde2690bb607844c16a5e2fbb92ed312fe4fa1b365e953032d469fa28ba8b224e88a595f0b10a449332f83fa77c695e567dbe
+  languageName: node
+  linkType: hard
+
+"undici@npm:^6.18.2 || ^7.0.0":
+  version: 7.8.0
+  resolution: "undici@npm:7.8.0"
+  checksum: 10/bbd1fd9e63f0842196fc0210ffb36c29eed2841f1499e149718b96e52e195afe3ccaaa2da76aae4253cd5cc58a26b20836f7a98db11f335b594009603cc72eec
+  languageName: node
+  linkType: hard
+
+"undici@npm:^6.18.2, undici@npm:^6.19.5":
+  version: 6.21.3
+  resolution: "undici@npm:6.21.3"
+  checksum: 10/b6b8f4a90e294c11fabbb174b471a310840695ed0154a44b81e9bb4a08867ed738c8a7eac4eb46c7902d502fbccf03fa2cf2e5f18d9a2218d82e4294e3f74a2b
+  languageName: node
+  linkType: hard
+
+"unenv@npm:^1.10.0":
+  version: 1.10.0
+  resolution: "unenv@npm:1.10.0"
+  dependencies:
+    consola: "npm:^3.2.3"
+    defu: "npm:^6.1.4"
+    mime: "npm:^3.0.0"
+    node-fetch-native: "npm:^1.6.4"
+    pathe: "npm:^1.1.2"
+  checksum: 10/23198e150fd3b4db4d7abe444b75ee05a0d36768bd6d94a6aaf5dca830db82e707ccc0f6cca22671327b62c5cd85ada08d4665bf7652afec9de0bdc7a4546249
+  languageName: node
+  linkType: hard
+
+"unicode-canonical-property-names-ecmascript@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "unicode-canonical-property-names-ecmascript@npm:2.0.1"
+  checksum: 10/3c3dabdb1d22aef4904399f9e810d0b71c0b12b3815169d96fac97e56d5642840c6071cf709adcace2252bc6bb80242396c2ec74b37224eb015c5f7aca40bad7
+  languageName: node
+  linkType: hard
+
+"unicode-match-property-ecmascript@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "unicode-match-property-ecmascript@npm:2.0.0"
+  dependencies:
+    unicode-canonical-property-names-ecmascript: "npm:^2.0.0"
+    unicode-property-aliases-ecmascript: "npm:^2.0.0"
+  checksum: 10/1f34a7434a23df4885b5890ac36c5b2161a809887000be560f56ad4b11126d433c0c1c39baf1016bdabed4ec54829a6190ee37aa24919aa116dc1a5a8a62965a
+  languageName: node
+  linkType: hard
+
+"unicode-match-property-value-ecmascript@npm:^2.1.0":
+  version: 2.2.0
+  resolution: "unicode-match-property-value-ecmascript@npm:2.2.0"
+  checksum: 10/9fd53c657aefe5d3cb8208931b4c34fbdb30bb5aa9a6c6bf744e2f3036f00b8889eeaf30cb55a873b76b6ee8b5801ea770e1c49b3352141309f58f0ebb3011d8
+  languageName: node
+  linkType: hard
+
+"unicode-property-aliases-ecmascript@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "unicode-property-aliases-ecmascript@npm:2.1.0"
+  checksum: 10/243524431893649b62cc674d877bd64ef292d6071dd2fd01ab4d5ad26efbc104ffcd064f93f8a06b7e4ec54c172bf03f6417921a0d8c3a9994161fe1f88f815b
+  languageName: node
+  linkType: hard
+
+"unified@npm:^11.0.0":
+  version: 11.0.5
+  resolution: "unified@npm:11.0.5"
+  dependencies:
+    "@types/unist": "npm:^3.0.0"
+    bail: "npm:^2.0.0"
+    devlop: "npm:^1.0.0"
+    extend: "npm:^3.0.0"
+    is-plain-obj: "npm:^4.0.0"
+    trough: "npm:^2.0.0"
+    vfile: "npm:^6.0.0"
+  checksum: 10/d9e6e88900a075f391b6bbf06f34062d41fa6257798110d1647753cfc2c6a6e2c1d016434e8ee35706c50485f9fb9ae4707a6a4790bd8dc461ec7e7315ed908b
+  languageName: node
+  linkType: hard
+
+"unimodules-app-loader@npm:~5.1.3":
+  version: 5.1.3
+  resolution: "unimodules-app-loader@npm:5.1.3"
+  checksum: 10/6c9ccae8c3ad7ed1dc30d4c6523c23a0eade51e451bb42a14015801421536757520b537d053b150ddbe612a5c23857af79052c9efba42dfefd5b9a03108694e9
+  languageName: node
+  linkType: hard
+
+"unique-filename@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "unique-filename@npm:4.0.0"
+  dependencies:
+    unique-slug: "npm:^5.0.0"
+  checksum: 10/6a62094fcac286b9ec39edbd1f8f64ff92383baa430af303dfed1ffda5e47a08a6b316408554abfddd9730c78b6106bef4ca4d02c1231a735ddd56ced77573df
+  languageName: node
+  linkType: hard
+
+"unique-slug@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "unique-slug@npm:5.0.0"
+  dependencies:
+    imurmurhash: "npm:^0.1.4"
+  checksum: 10/beafdf3d6f44990e0a5ce560f8f881b4ee811be70b6ba0db25298c31c8cf525ed963572b48cd03be1c1349084f9e339be4241666d7cf1ebdad20598d3c652b27
+  languageName: node
+  linkType: hard
+
+"unique-string@npm:^2.0.0, unique-string@npm:~2.0.0":
+  version: 2.0.0
+  resolution: "unique-string@npm:2.0.0"
+  dependencies:
+    crypto-random-string: "npm:^2.0.0"
+  checksum: 10/107cae65b0b618296c2c663b8e52e4d1df129e9af04ab38d53b4f2189e96da93f599c85f4589b7ffaf1a11c9327cbb8a34f04c71b8d4950d3e385c2da2a93828
+  languageName: node
+  linkType: hard
+
+"unist-util-is@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "unist-util-is@npm:3.0.0"
+  checksum: 10/4cb6af4ad752155da2e79318f781adcd53fa2df3376f9acdee628de536613337f501ded76bf7e4a153be93ee0ff009889882eb71ac1a72ae5496ae278661c143
+  languageName: node
+  linkType: hard
+
+"unist-util-is@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "unist-util-is@npm:6.0.0"
+  dependencies:
+    "@types/unist": "npm:^3.0.0"
+  checksum: 10/edd6a93fb2255addf4b9eeb304c1da63c62179aef793169dd64ab955cf2f6814885fe25f95f8105893e3562dead348af535718d7a84333826e0491c04bf42511
+  languageName: node
+  linkType: hard
+
+"unist-util-mdx-define@npm:^1.0.0":
+  version: 1.1.2
+  resolution: "unist-util-mdx-define@npm:1.1.2"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    "@types/hast": "npm:^3.0.0"
+    "@types/mdast": "npm:^4.0.0"
+    estree-util-is-identifier-name: "npm:^3.0.0"
+    estree-util-scope: "npm:^1.0.0"
+    estree-walker: "npm:^3.0.0"
+    vfile: "npm:^6.0.0"
+  checksum: 10/6720770469e1ebe2df3c0f988ff9fdf9bd02676e02ccfadae50a7464b3fc28f376069117ae7fd0453809d72955da2aa853bf3b052e3f609634d688360c1bb774
+  languageName: node
+  linkType: hard
+
+"unist-util-position-from-estree@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "unist-util-position-from-estree@npm:2.0.0"
+  dependencies:
+    "@types/unist": "npm:^3.0.0"
+  checksum: 10/d3b3048a5727c2367f64ef6dcc5b20c4717215ef8b1372ff9a7c426297c5d1e5776409938acd01531213e2cd2543218d16e73f9f862f318e9496e2c73bb18354
+  languageName: node
+  linkType: hard
+
+"unist-util-position@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "unist-util-position@npm:5.0.0"
+  dependencies:
+    "@types/unist": "npm:^3.0.0"
+  checksum: 10/89d4da00e74618d7562ac7ac288961df9bcd4ccca6df3b5a90650f018eceb6b95de6e771e88bdbef46cc9d96861d456abe57b7ad1108921e0feb67c6292aa29d
+  languageName: node
+  linkType: hard
+
+"unist-util-stringify-position@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "unist-util-stringify-position@npm:4.0.0"
+  dependencies:
+    "@types/unist": "npm:^3.0.0"
+  checksum: 10/d15c88aca7a31902d95d5b5355bbe09583cf6f6ff6e59e134ef76c76d3c30bc1021f2d7ea5b7897c6d0858ed5f3770c1b19de9c78274f50d72f95a0d05f1af71
+  languageName: node
+  linkType: hard
+
+"unist-util-visit-parents@npm:^2.0.0":
+  version: 2.1.2
+  resolution: "unist-util-visit-parents@npm:2.1.2"
+  dependencies:
+    unist-util-is: "npm:^3.0.0"
+  checksum: 10/01ef0b7d369e97c7ec15dde3d70e9016993ebacdf4860ac736cdcfad3991411c6695f55dda128ab2faeb1af616f0509f0741cefe4e2c1a32d6be40b0e5a3d986
+  languageName: node
+  linkType: hard
+
+"unist-util-visit-parents@npm:^6.0.0":
+  version: 6.0.1
+  resolution: "unist-util-visit-parents@npm:6.0.1"
+  dependencies:
+    "@types/unist": "npm:^3.0.0"
+    unist-util-is: "npm:^6.0.0"
+  checksum: 10/645b3cbc5e923bc692b1eb1a9ca17bffc5aabc25e6090ff3f1489bff8effd1890b28f7a09dc853cb6a7fa0da8581bfebc9b670a68b53c4c086cb9610dfd37701
+  languageName: node
+  linkType: hard
+
+"unist-util-visit@npm:^1.4.0":
+  version: 1.4.1
+  resolution: "unist-util-visit@npm:1.4.1"
+  dependencies:
+    unist-util-visit-parents: "npm:^2.0.0"
+  checksum: 10/e9395205b6908c8d0fe71bc44e65d89d4781d1bb2d453a33cb67ed4124bad0b89d6b1d526ebaecb82a7c48e211bdf6f24351449b8cc115327b345f4617c18728
+  languageName: node
+  linkType: hard
+
+"unist-util-visit@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "unist-util-visit@npm:5.0.0"
+  dependencies:
+    "@types/unist": "npm:^3.0.0"
+    unist-util-is: "npm:^6.0.0"
+    unist-util-visit-parents: "npm:^6.0.0"
+  checksum: 10/f2bbde23641e9ade7640358c06ddeec0f38342322eb8e7819d9ee380b0f859d25d084dde22bf63db0280b3b2f36575f15aa1d6c23acf276c91c2493cf799e3b0
+  languageName: node
+  linkType: hard
+
+"universalify@npm:^0.1.0":
+  version: 0.1.2
+  resolution: "universalify@npm:0.1.2"
+  checksum: 10/40cdc60f6e61070fe658ca36016a8f4ec216b29bf04a55dce14e3710cc84c7448538ef4dad3728d0bfe29975ccd7bfb5f414c45e7b78883567fb31b246f02dff
+  languageName: node
+  linkType: hard
+
+"universalify@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "universalify@npm:0.2.0"
+  checksum: 10/e86134cb12919d177c2353196a4cc09981524ee87abf621f7bc8d249dbbbebaec5e7d1314b96061497981350df786e4c5128dbf442eba104d6e765bc260678b5
+  languageName: node
+  linkType: hard
+
+"universalify@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "universalify@npm:2.0.1"
+  checksum: 10/ecd8469fe0db28e7de9e5289d32bd1b6ba8f7183db34f3bfc4ca53c49891c2d6aa05f3fb3936a81285a905cc509fb641a0c3fc131ec786167eff41236ae32e60
+  languageName: node
+  linkType: hard
+
+"unpipe@npm:~1.0.0":
+  version: 1.0.0
+  resolution: "unpipe@npm:1.0.0"
+  checksum: 10/4fa18d8d8d977c55cb09715385c203197105e10a6d220087ec819f50cb68870f02942244f1017565484237f1f8c5d3cd413631b1ae104d3096f24fdfde1b4aa2
+  languageName: node
+  linkType: hard
+
+"unplugin@npm:^1.3.1":
+  version: 1.16.0
+  resolution: "unplugin@npm:1.16.0"
+  dependencies:
+    acorn: "npm:^8.14.0"
+    webpack-virtual-modules: "npm:^0.6.2"
+  checksum: 10/5cb6704e11eb39b68b1f51dbdc48b0bd4ac01e3ceefe8f722a3cb26192d5e0a30619a3d3f4cf5a479e41097736d24729f10f6fc2bf1fa62213912306ea459049
+  languageName: node
+  linkType: hard
+
+"unstorage@npm:^1.9.0":
+  version: 1.13.1
+  resolution: "unstorage@npm:1.13.1"
+  dependencies:
+    anymatch: "npm:^3.1.3"
+    chokidar: "npm:^3.6.0"
+    citty: "npm:^0.1.6"
+    destr: "npm:^2.0.3"
+    h3: "npm:^1.13.0"
+    listhen: "npm:^1.9.0"
+    lru-cache: "npm:^10.4.3"
+    node-fetch-native: "npm:^1.6.4"
+    ofetch: "npm:^1.4.1"
+    ufo: "npm:^1.5.4"
+  peerDependencies:
+    "@azure/app-configuration": ^1.7.0
+    "@azure/cosmos": ^4.1.1
+    "@azure/data-tables": ^13.2.2
+    "@azure/identity": ^4.5.0
+    "@azure/keyvault-secrets": ^4.9.0
+    "@azure/storage-blob": ^12.25.0
+    "@capacitor/preferences": ^6.0.2
+    "@netlify/blobs": ^6.5.0 || ^7.0.0 || ^8.1.0
+    "@planetscale/database": ^1.19.0
+    "@upstash/redis": ^1.34.3
+    "@vercel/kv": ^1.0.1
+    idb-keyval: ^6.2.1
+    ioredis: ^5.4.1
+  peerDependenciesMeta:
+    "@azure/app-configuration":
+      optional: true
+    "@azure/cosmos":
+      optional: true
+    "@azure/data-tables":
+      optional: true
+    "@azure/identity":
+      optional: true
+    "@azure/keyvault-secrets":
+      optional: true
+    "@azure/storage-blob":
+      optional: true
+    "@capacitor/preferences":
+      optional: true
+    "@netlify/blobs":
+      optional: true
+    "@planetscale/database":
+      optional: true
+    "@upstash/redis":
+      optional: true
+    "@vercel/kv":
+      optional: true
+    idb-keyval:
+      optional: true
+    ioredis:
+      optional: true
+  checksum: 10/a5fea4f83189d222dcb95ce36d0de29b1ab2fa64122f4c4435b63e6dab8bacd630f6234b0599a505de620f719965ea3a3ce068ece759a96e19fd187e1fb9561c
+  languageName: node
+  linkType: hard
+
+"untildify@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "untildify@npm:4.0.0"
+  checksum: 10/39ced9c418a74f73f0a56e1ba4634b4d959422dff61f4c72a8e39f60b99380c1b45ed776fbaa0a4101b157e4310d873ad7d114e8534ca02609b4916bb4187fb9
+  languageName: node
+  linkType: hard
+
+"untun@npm:^0.1.3":
+  version: 0.1.3
+  resolution: "untun@npm:0.1.3"
+  dependencies:
+    citty: "npm:^0.1.5"
+    consola: "npm:^3.2.3"
+    pathe: "npm:^1.1.1"
+  bin:
+    untun: bin/untun.mjs
+  checksum: 10/6a096002ca13b8442ad1d40840088888cfaa28626eefdd132cd0fd3d3b956af121a9733b7bda32647608e278fb13332d2b72e2c319a27dc55dbc8e709a2f61d4
+  languageName: node
+  linkType: hard
+
+"upath@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "upath@npm:1.2.0"
+  checksum: 10/ac07351d9e913eb7bc9bc0a17ed7d033a52575f0f2959e19726956c3e96f5d4d75aa6a7a777c4c9506e72372f58e06215e581f8dbff35611fc0a7b68ab4a6ddb
+  languageName: node
+  linkType: hard
+
+"update-browserslist-db@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "update-browserslist-db@npm:1.1.1"
+  dependencies:
+    escalade: "npm:^3.2.0"
+    picocolors: "npm:^1.1.0"
+  peerDependencies:
+    browserslist: ">= 4.21.0"
+  bin:
+    update-browserslist-db: cli.js
+  checksum: 10/7678dd8609750588d01aa7460e8eddf2ff9d16c2a52fb1811190e0d056390f1fdffd94db3cf8fb209cf634ab4fa9407886338711c71cc6ccade5eeb22b093734
+  languageName: node
+  linkType: hard
+
+"update-browserslist-db@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "update-browserslist-db@npm:1.1.3"
+  dependencies:
+    escalade: "npm:^3.2.0"
+    picocolors: "npm:^1.1.1"
+  peerDependencies:
+    browserslist: ">= 4.21.0"
+  bin:
+    update-browserslist-db: cli.js
+  checksum: 10/87af2776054ffb9194cf95e0201547d041f72ee44ce54b144da110e65ea7ca01379367407ba21de5c9edd52c74d95395366790de67f3eb4cc4afa0fe4424e76f
+  languageName: node
+  linkType: hard
+
+"uqr@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "uqr@npm:0.1.2"
+  checksum: 10/31f1fe7d7a8121a2670712234524763160985b053e7eb8af7925a131bcde0df11641e15129d988358032da603185456d08dd72b26b507897272eb9640273bfa6
+  languageName: node
+  linkType: hard
+
+"uri-js@npm:^4.2.2":
+  version: 4.4.1
+  resolution: "uri-js@npm:4.4.1"
+  dependencies:
+    punycode: "npm:^2.1.0"
+  checksum: 10/b271ca7e3d46b7160222e3afa3e531505161c9a4e097febae9664e4b59912f4cbe94861361a4175edac3a03fee99d91e44b6a58c17a634bc5a664b19fc76fbcb
+  languageName: node
+  linkType: hard
+
+"urijs@npm:^1.19.1":
+  version: 1.19.11
+  resolution: "urijs@npm:1.19.11"
+  checksum: 10/2aa5547b53c37ebee03a8ad70feae1638a37cc4c7e543abbffb14fc86b17f84f303d08e45c501441410c025bab22aa84673c97604b7b2619967f1dd49f69931f
+  languageName: node
+  linkType: hard
+
+"url-parse@npm:^1.5.3":
+  version: 1.5.10
+  resolution: "url-parse@npm:1.5.10"
+  dependencies:
+    querystringify: "npm:^2.1.1"
+    requires-port: "npm:^1.0.0"
+  checksum: 10/c9e96bc8c5b34e9f05ddfeffc12f6aadecbb0d971b3cc26015b58d5b44676a99f50d5aeb1e5c9e61fa4d49961ae3ab1ae997369ed44da51b2f5ac010d188e6ad
+  languageName: node
+  linkType: hard
+
+"url@npm:^0.11.0, url@npm:^0.11.4":
+  version: 0.11.4
+  resolution: "url@npm:0.11.4"
+  dependencies:
+    punycode: "npm:^1.4.1"
+    qs: "npm:^6.12.3"
+  checksum: 10/e787d070f0756518b982a4653ef6cdf4d9030d8691eee2d483344faf2b530b71d302287fa63b292299455fea5075c502a5ad5f920cb790e95605847f957a65e4
+  languageName: node
+  linkType: hard
+
+"usb@npm:^2.15.0":
+  version: 2.16.0
+  resolution: "usb@npm:2.16.0"
+  dependencies:
+    "@types/w3c-web-usb": "npm:^1.0.6"
+    node-addon-api: "npm:^8.0.0"
+    node-gyp: "npm:latest"
+    node-gyp-build: "npm:^4.5.0"
+  checksum: 10/610a1a06e788c68d53dc839327cfd61ff97d2e42055c424beefeb35675513ced0d3c9d66a21fcc41e343dfe4089cfc44130310d6054cc6f9a0f2bc5262b171aa
+  languageName: node
+  linkType: hard
+
+"use-callback-ref@npm:^1.3.0":
+  version: 1.3.2
+  resolution: "use-callback-ref@npm:1.3.2"
+  dependencies:
+    tslib: "npm:^2.0.0"
+  peerDependencies:
+    "@types/react": ^16.8.0 || ^17.0.0 || ^18.0.0
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/3be76eae71b52ab233b4fde974eddeff72e67e6723100a0c0297df4b0d60daabedfa706ffb314d0a52645f2c1235e50fdbd53d99f374eb5df68c74d412e98a9b
+  languageName: node
+  linkType: hard
+
+"use-deep-compare@npm:^1.1.0":
+  version: 1.3.0
+  resolution: "use-deep-compare@npm:1.3.0"
+  dependencies:
+    dequal: "npm:2.0.3"
+  peerDependencies:
+    react: ">=16.8.0"
+  checksum: 10/4412c771a195729b7ec1b1e885141b097001adfce1e206d26b70f379ffd7dcaf5eeefec66bf82dfbcbcefe61cacbd1d5b6749b56e48987d46c330853b9e457eb
+  languageName: node
+  linkType: hard
+
+"use-latest-callback@npm:^0.2.1":
+  version: 0.2.3
+  resolution: "use-latest-callback@npm:0.2.3"
+  peerDependencies:
+    react: ">=16.8"
+  checksum: 10/5db2dc0d414508c768ba4d1a337bd73dd0fb2a77eccc9dd7051517b28cd71c849c5e9230b5c97fc76a3811c1500f210cb4e4ebb95fe20347e5f910509a8e533c
+  languageName: node
+  linkType: hard
+
+"use-sidecar@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "use-sidecar@npm:1.1.2"
+  dependencies:
+    detect-node-es: "npm:^1.1.0"
+    tslib: "npm:^2.0.0"
+  peerDependencies:
+    "@types/react": ^16.9.0 || ^17.0.0 || ^18.0.0
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/ec99e31aefeb880f6dc4d02cb19a01d123364954f857811470ece32872f70d6c3eadbe4d073770706a9b7db6136f2a9fbf1bb803e07fbb21e936a47479281690
+  languageName: node
+  linkType: hard
+
+"use-sync-external-store@npm:1.2.0":
+  version: 1.2.0
+  resolution: "use-sync-external-store@npm:1.2.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 10/a676216affc203876bd47981103f201f28c2731361bb186367e12d287a7566763213a8816910c6eb88265eccd4c230426eb783d64c373c4a180905be8820ed8e
+  languageName: node
+  linkType: hard
+
+"use-sync-external-store@npm:^1.2.2, use-sync-external-store@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "use-sync-external-store@npm:1.4.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+  checksum: 10/08bf581a8a2effaefc355e9d18ed025d436230f4cc973db2f593166df357cf63e47b9097b6e5089b594758bde322e1737754ad64905e030d70f8ff7ee671fd01
+  languageName: node
+  linkType: hard
+
+"utf8-byte-length@npm:^1.0.1":
+  version: 1.0.5
+  resolution: "utf8-byte-length@npm:1.0.5"
+  checksum: 10/168edff8f7baca974b5bfb5256cebd57deaef8fbf2d0390301dd1009da52de64774d62f088254c94021e372147b6c938aa82f2318a3a19f9ebd21e48b7f40029
+  languageName: node
+  linkType: hard
+
+"util-deprecate@npm:^1.0.1, util-deprecate@npm:^1.0.2, util-deprecate@npm:~1.0.1":
+  version: 1.0.2
+  resolution: "util-deprecate@npm:1.0.2"
+  checksum: 10/474acf1146cb2701fe3b074892217553dfcf9a031280919ba1b8d651a068c9b15d863b7303cb15bd00a862b498e6cf4ad7b4a08fb134edd5a6f7641681cb54a2
+  languageName: node
+  linkType: hard
+
+"util@npm:^0.12.4, util@npm:^0.12.5":
+  version: 0.12.5
+  resolution: "util@npm:0.12.5"
+  dependencies:
+    inherits: "npm:^2.0.3"
+    is-arguments: "npm:^1.0.4"
+    is-generator-function: "npm:^1.0.7"
+    is-typed-array: "npm:^1.1.3"
+    which-typed-array: "npm:^1.1.2"
+  checksum: 10/61a10de7753353dd4d744c917f74cdd7d21b8b46379c1e48e1c4fd8e83f8190e6bd9978fc4e5102ab6a10ebda6019d1b36572fa4a325e175ec8b789a121f6147
+  languageName: node
+  linkType: hard
+
+"utila@npm:~0.4":
+  version: 0.4.0
+  resolution: "utila@npm:0.4.0"
+  checksum: 10/b068d8cb140588da0d0c80ee3c14c6b75d3f68760d8a1c6c3908d0270e9e4056454ff16189586481b7382926c44674f6929d08e06eaf9ec8f62736cd900169c5
+  languageName: node
+  linkType: hard
+
+"utility-types@npm:^3.10.0":
+  version: 3.11.0
+  resolution: "utility-types@npm:3.11.0"
+  checksum: 10/a3c51463fc807ed04ccc8b5d0fa6e31f3dcd7a4cbd30ab4bc6d760ce5319dd493d95bf04244693daf316f97e9ab2a37741edfed8748ad38572a595398ad0fdaf
+  languageName: node
+  linkType: hard
+
+"utils-merge@npm:1.0.1":
+  version: 1.0.1
+  resolution: "utils-merge@npm:1.0.1"
+  checksum: 10/5d6949693d58cb2e636a84f3ee1c6e7b2f9c16cb1d42d0ecb386d8c025c69e327205aa1c69e2868cc06a01e5e20681fbba55a4e0ed0cce913d60334024eae798
+  languageName: node
+  linkType: hard
+
+"uuid@npm:^11.0.3":
+  version: 11.1.0
+  resolution: "uuid@npm:11.1.0"
+  bin:
+    uuid: dist/esm/bin/uuid
+  checksum: 10/d2da43b49b154d154574891ced66d0c83fc70caaad87e043400cf644423b067542d6f3eb641b7c819224a7cd3b4c2f21906acbedd6ec9c6a05887aa9115a9cf5
+  languageName: node
+  linkType: hard
+
+"uuid@npm:^7.0.3":
+  version: 7.0.3
+  resolution: "uuid@npm:7.0.3"
+  bin:
+    uuid: dist/bin/uuid
+  checksum: 10/b2a4d30ecd6581015175487426558aafd7f7b4013a2e30802c128cc28cad9abe46ecd36c02f7fbcde7908fd4672334818d56a441c0871963d6bd89d911bef2ea
+  languageName: node
+  linkType: hard
+
+"uuid@npm:^8.3.2":
+  version: 8.3.2
+  resolution: "uuid@npm:8.3.2"
+  bin:
+    uuid: dist/bin/uuid
+  checksum: 10/9a5f7aa1d6f56dd1e8d5f2478f855f25c645e64e26e347a98e98d95781d5ed20062d6cca2eecb58ba7c84bc3910be95c0451ef4161906abaab44f9cb68ffbdd1
+  languageName: node
+  linkType: hard
+
+"uuid@npm:^9.0.0":
+  version: 9.0.1
+  resolution: "uuid@npm:9.0.1"
+  bin:
+    uuid: dist/bin/uuid
+  checksum: 10/9d0b6adb72b736e36f2b1b53da0d559125ba3e39d913b6072f6f033e0c87835b414f0836b45bcfaf2bdf698f92297fea1c3cc19b0b258bc182c9c43cc0fab9f2
+  languageName: node
+  linkType: hard
+
+"v8-compile-cache-lib@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "v8-compile-cache-lib@npm:3.0.1"
+  checksum: 10/88d3423a52b6aaf1836be779cab12f7016d47ad8430dffba6edf766695e6d90ad4adaa3d8eeb512cc05924f3e246c4a4ca51e089dccf4402caa536b5e5be8961
+  languageName: node
+  linkType: hard
+
+"v8-to-istanbul@npm:^9.0.1":
+  version: 9.3.0
+  resolution: "v8-to-istanbul@npm:9.3.0"
+  dependencies:
+    "@jridgewell/trace-mapping": "npm:^0.3.12"
+    "@types/istanbul-lib-coverage": "npm:^2.0.1"
+    convert-source-map: "npm:^2.0.0"
+  checksum: 10/fb1d70f1176cb9dc46cabbb3fd5c52c8f3e8738b61877b6e7266029aed0870b04140e3f9f4550ac32aebcfe1d0f38b0bac57e1e8fb97d68fec82f2b416148166
+  languageName: node
+  linkType: hard
+
+"validate-npm-package-license@npm:^3.0.1":
+  version: 3.0.4
+  resolution: "validate-npm-package-license@npm:3.0.4"
+  dependencies:
+    spdx-correct: "npm:^3.0.0"
+    spdx-expression-parse: "npm:^3.0.0"
+  checksum: 10/86242519b2538bb8aeb12330edebb61b4eb37fd35ef65220ab0b03a26c0592c1c8a7300d32da3cde5abd08d18d95e8dabfad684b5116336f6de9e6f207eec224
+  languageName: node
+  linkType: hard
+
+"validate-npm-package-name@npm:^5.0.0":
+  version: 5.0.1
+  resolution: "validate-npm-package-name@npm:5.0.1"
+  checksum: 10/0d583a1af23aeffea7748742cf22b6802458736fb8b60323ba5949763824d46f796474b0e1b9206beb716f9d75269e19dbd7795d6b038b29d561be95dd827381
+  languageName: node
+  linkType: hard
+
+"valtio@npm:1.11.2":
+  version: 1.11.2
+  resolution: "valtio@npm:1.11.2"
+  dependencies:
+    proxy-compare: "npm:2.5.1"
+    use-sync-external-store: "npm:1.2.0"
+  peerDependencies:
+    "@types/react": ">=16.8"
+    react: ">=16.8"
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    react:
+      optional: true
+  checksum: 10/a259f5af204b801668e019855813a8f702c9558961395bb5847f583119428b997efb9b0e6feb5d6e48a76a9b541173a10fdfdb1527a7bd14477a0e0c5beba914
+  languageName: node
+  linkType: hard
+
+"varint@npm:^5.0.2":
+  version: 5.0.2
+  resolution: "varint@npm:5.0.2"
+  checksum: 10/e1a66bf9a6cea96d1f13259170d4d41b845833acf3a9df990ea1e760d279bd70d5b1f4c002a50197efd2168a2fd43eb0b808444600fd4d23651e8d42fe90eb05
+  languageName: node
+  linkType: hard
+
+"varint@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "varint@npm:6.0.0"
+  checksum: 10/7684113c9d497c01e40396e50169c502eb2176203219b96e1c5ac965a3e15b4892bd22b7e48d87148e10fffe638130516b6dbeedd0efde2b2d0395aa1772eea7
+  languageName: node
+  linkType: hard
+
+"varuint-bitcoin@npm:2.0.0":
+  version: 2.0.0
+  resolution: "varuint-bitcoin@npm:2.0.0"
+  dependencies:
+    uint8array-tools: "npm:^0.0.8"
+  checksum: 10/059ecf90cf7496e63ff585519873ad4f7b2009f586d3864fda4d02b92aab5af03b58ac518a06e5ae30dff5c5003cd250747a00e92f2cd2ce9fc1e4e16daf1ef1
+  languageName: node
+  linkType: hard
+
+"vary@npm:~1.1.2":
+  version: 1.1.2
+  resolution: "vary@npm:1.1.2"
+  checksum: 10/31389debef15a480849b8331b220782230b9815a8e0dbb7b9a8369559aed2e9a7800cd904d4371ea74f4c3527db456dc8e7ac5befce5f0d289014dbdf47b2242
+  languageName: node
+  linkType: hard
+
+"verror@npm:1.10.0":
+  version: 1.10.0
+  resolution: "verror@npm:1.10.0"
+  dependencies:
+    assert-plus: "npm:^1.0.0"
+    core-util-is: "npm:1.0.2"
+    extsprintf: "npm:^1.2.0"
+  checksum: 10/da548149dd9c130a8a2587c9ee71ea30128d1526925707e2d01ed9c5c45c9e9f86733c66a328247cdd5f7c1516fb25b0f959ba754bfbe15072aa99ff96468a29
+  languageName: node
+  linkType: hard
+
+"vfile-message@npm:^4.0.0":
+  version: 4.0.2
+  resolution: "vfile-message@npm:4.0.2"
+  dependencies:
+    "@types/unist": "npm:^3.0.0"
+    unist-util-stringify-position: "npm:^4.0.0"
+  checksum: 10/1a5a72bf4945a7103750a3001bd979088ce42f6a01efa8590e68b2425e1afc61ddc5c76f2d3c4a7053b40332b24c09982b68743223e99281158fe727135719fc
+  languageName: node
+  linkType: hard
+
+"vfile@npm:^6.0.0":
+  version: 6.0.3
+  resolution: "vfile@npm:6.0.3"
+  dependencies:
+    "@types/unist": "npm:^3.0.0"
+    vfile-message: "npm:^4.0.0"
+  checksum: 10/a5a85293c9eb8787aa42e180edaef00c13199a493d6ed82fecf13ab29a68526850788e22434d77808ea6b17a74e03ff899b9b4711df5b9eee75afcddd7c2e1fb
+  languageName: node
+  linkType: hard
+
+"viem@npm:2.12.0":
+  version: 2.12.0
+  resolution: "viem@npm:2.12.0"
+  dependencies:
+    "@adraffy/ens-normalize": "npm:1.10.0"
+    "@noble/curves": "npm:1.2.0"
+    "@noble/hashes": "npm:1.3.2"
+    "@scure/bip32": "npm:1.3.2"
+    "@scure/bip39": "npm:1.2.1"
+    abitype: "npm:1.0.0"
+    isows: "npm:1.0.4"
+    ws: "npm:8.13.0"
+  peerDependencies:
+    typescript: ">=5.0.4"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/e394934a1d4f11c11934521c11cbf2c709f108c4cf1742990763293bda22871062db6db218050109955c2263a9914e92b467c2b6ea2d92c0f49a5b2edab8b590
+  languageName: node
+  linkType: hard
+
+"viem@npm:2.23.2":
+  version: 2.23.2
+  resolution: "viem@npm:2.23.2"
+  dependencies:
+    "@noble/curves": "npm:1.8.1"
+    "@noble/hashes": "npm:1.7.1"
+    "@scure/bip32": "npm:1.6.2"
+    "@scure/bip39": "npm:1.5.4"
+    abitype: "npm:1.0.8"
+    isows: "npm:1.0.6"
+    ox: "npm:0.6.7"
+    ws: "npm:8.18.0"
+  peerDependencies:
+    typescript: ">=5.0.4"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/847fdb57a6941f67c4ff97c79d99368c48e78b9c070df8fb3f3310d58bbd075fd78e9a506abccb82fcdbcf0c6c13aba7cfb021e37fda0777ea1eb0ccecf25fe1
+  languageName: node
+  linkType: hard
+
+"viem@npm:2.31.0":
+  version: 2.31.0
+  resolution: "viem@npm:2.31.0"
+  dependencies:
+    "@noble/curves": "npm:1.9.1"
+    "@noble/hashes": "npm:1.8.0"
+    "@scure/bip32": "npm:1.7.0"
+    "@scure/bip39": "npm:1.6.0"
+    abitype: "npm:1.0.8"
+    isows: "npm:1.0.7"
+    ox: "npm:0.7.1"
+    ws: "npm:8.18.2"
+  peerDependencies:
+    typescript: ">=5.0.4"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/960ef6578fc91903f7c99b548af6fa0b56b5776bbd949b687834e0184ccab66a806da08fd87230a6ea1af35477c9bd5e086c308668ec178567bf9ba9eb78d44d
+  languageName: node
+  linkType: hard
+
+"viem@npm:^2.1.1, viem@npm:^2.21.8":
+  version: 2.21.55
+  resolution: "viem@npm:2.21.55"
+  dependencies:
+    "@noble/curves": "npm:1.7.0"
+    "@noble/hashes": "npm:1.6.1"
+    "@scure/bip32": "npm:1.6.0"
+    "@scure/bip39": "npm:1.5.0"
+    abitype: "npm:1.0.7"
+    isows: "npm:1.0.6"
+    ox: "npm:0.1.2"
+    webauthn-p256: "npm:0.0.10"
+    ws: "npm:8.18.0"
+  peerDependencies:
+    typescript: ">=5.0.4"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/4fbcac7d9c909b3807a49a271343f60d70f0f5c42dabc7971de3bed3f619a7bdfe6e9820457477131b0c4c59e4c8de8f36d562b0642534bb35fd1b4961ba5775
+  languageName: node
+  linkType: hard
+
+"vlq@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "vlq@npm:1.0.1"
+  checksum: 10/0f4270cb3c498077a7ddd343e07ea164ac65cf05f3efd4332948fcb3d48e655538558e3fcdca7c78bb3c6790e0ef43c953efc7d9256c50415c3a5313f1e4192c
+  languageName: node
+  linkType: hard
+
+"vm-browserify@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "vm-browserify@npm:1.1.2"
+  checksum: 10/ad5b17c9f7a9d9f1ed0e24c897782ab7a587c1fd40f370152482e1af154c7cf0b0bacc45c5ae76a44289881e083ae4ae127808fdff864aa9b562192aae8b5c3b
+  languageName: node
+  linkType: hard
+
+"w-json@npm:1.3.10, w-json@npm:^1.3.10":
+  version: 1.3.10
+  resolution: "w-json@npm:1.3.10"
+  checksum: 10/bf3dfa4e8e2429fcf2b0456ba396245a0be719ff4fb04eec971536c3586cae7489c5ca5801848ecfbc2a454f37829a132f428acf9d457cebe43d5c70348e7a7b
+  languageName: node
+  linkType: hard
+
+"w3c-xmlserializer@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "w3c-xmlserializer@npm:4.0.0"
+  dependencies:
+    xml-name-validator: "npm:^4.0.0"
+  checksum: 10/9a00c412b5496f4f040842c9520bc0aaec6e0c015d06412a91a723cd7d84ea605ab903965f546b4ecdb3eae267f5145ba08565222b1d6cb443ee488cda9a0aee
+  languageName: node
+  linkType: hard
+
+"walker@npm:^1.0.7, walker@npm:^1.0.8":
+  version: 1.0.8
+  resolution: "walker@npm:1.0.8"
+  dependencies:
+    makeerror: "npm:1.0.12"
+  checksum: 10/ad7a257ea1e662e57ef2e018f97b3c02a7240ad5093c392186ce0bcf1f1a60bbadd520d073b9beb921ed99f64f065efb63dfc8eec689a80e569f93c1c5d5e16c
+  languageName: node
+  linkType: hard
+
+"warn-once@npm:0.1.1, warn-once@npm:^0.1.0, warn-once@npm:^0.1.1":
+  version: 0.1.1
+  resolution: "warn-once@npm:0.1.1"
+  checksum: 10/e6a5a1f5a8dba7744399743d3cfb571db4c3947897875d4962a7c5b1bf2195ab4518c838cb4cea652e71729f21bba2e98dc75686f5fccde0fabbd894e2ed0c0d
+  languageName: node
+  linkType: hard
+
+"watchpack@npm:^2.4.1":
+  version: 2.4.2
+  resolution: "watchpack@npm:2.4.2"
+  dependencies:
+    glob-to-regexp: "npm:^0.4.1"
+    graceful-fs: "npm:^4.1.2"
+  checksum: 10/6bd4c051d9af189a6c781c3158dcb3069f432a0c144159eeb0a44117412105c61b2b683a5c9eebc4324625e0e9b76536387d0ba354594fa6cbbdf1ef60bee4c3
+  languageName: node
+  linkType: hard
+
+"wcwidth@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "wcwidth@npm:1.0.1"
+  dependencies:
+    defaults: "npm:^1.0.3"
+  checksum: 10/182ebac8ca0b96845fae6ef44afd4619df6987fe5cf552fdee8396d3daa1fb9b8ec5c6c69855acb7b3c1231571393bd1f0a4cdc4028d421575348f64bb0a8817
+  languageName: node
+  linkType: hard
+
+"web-vitals@npm:^4.2.4":
+  version: 4.2.4
+  resolution: "web-vitals@npm:4.2.4"
+  checksum: 10/68cd1c2625a04b26e7eab67110623396afc6c9ef8c3a76f4e780aefe5b7d4ca1691737a0b99119e1d1ca9a463c4d468c0f0090b1875b6d784589d3a4a8503313
+  languageName: node
+  linkType: hard
+
+"webauthn-p256@npm:0.0.10":
+  version: 0.0.10
+  resolution: "webauthn-p256@npm:0.0.10"
+  dependencies:
+    "@noble/curves": "npm:^1.4.0"
+    "@noble/hashes": "npm:^1.4.0"
+  checksum: 10/dde2b6313b6a0f20996f7ee90181258fc7685bfff401df7d904578da75b374f25d5b9c1189cd2fcec30625b1f276b393188d156d49783f0611623cd713bb5b09
+  languageName: node
+  linkType: hard
+
+"webidl-conversions@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "webidl-conversions@npm:3.0.1"
+  checksum: 10/b65b9f8d6854572a84a5c69615152b63371395f0c5dcd6729c45789052296df54314db2bc3e977df41705eacb8bc79c247cee139a63fa695192f95816ed528ad
+  languageName: node
+  linkType: hard
+
+"webidl-conversions@npm:^4.0.2":
+  version: 4.0.2
+  resolution: "webidl-conversions@npm:4.0.2"
+  checksum: 10/594187c36f2d7898f89c0ed3b9248a095fa549ecc1befb10a97bc884b5680dc96677f58df5579334d8e0d1018e5ef075689cfa2a6c459f45a61a9deb512cb59e
+  languageName: node
+  linkType: hard
+
+"webidl-conversions@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "webidl-conversions@npm:5.0.0"
+  checksum: 10/cea864dd9cf1f2133d82169a446fb94427ba089e4676f5895273ea085f165649afe587ae3f19f2f0370751a724bba2d96e9956d652b3e41ac1feaaa4376e2d70
+  languageName: node
+  linkType: hard
+
+"webidl-conversions@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "webidl-conversions@npm:6.1.0"
+  checksum: 10/4454b73060a6d83f7ec1f1db24c480b7ecda33880306dd32a3d62d85b36df4789a383489f1248387e5451737dca17054b8cbf2e792ba89e49d76247f0f4f6380
+  languageName: node
+  linkType: hard
+
+"webidl-conversions@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "webidl-conversions@npm:7.0.0"
+  checksum: 10/4c4f65472c010eddbe648c11b977d048dd96956a625f7f8b9d64e1b30c3c1f23ea1acfd654648426ce5c743c2108a5a757c0592f02902cf7367adb7d14e67721
+  languageName: node
+  linkType: hard
+
+"webpack-bundle-analyzer@npm:4.10.1":
+  version: 4.10.1
+  resolution: "webpack-bundle-analyzer@npm:4.10.1"
+  dependencies:
+    "@discoveryjs/json-ext": "npm:0.5.7"
+    acorn: "npm:^8.0.4"
+    acorn-walk: "npm:^8.0.0"
+    commander: "npm:^7.2.0"
+    debounce: "npm:^1.2.1"
+    escape-string-regexp: "npm:^4.0.0"
+    gzip-size: "npm:^6.0.0"
+    html-escaper: "npm:^2.0.2"
+    is-plain-object: "npm:^5.0.0"
+    opener: "npm:^1.5.2"
+    picocolors: "npm:^1.0.0"
+    sirv: "npm:^2.0.3"
+    ws: "npm:^7.3.1"
+  bin:
+    webpack-bundle-analyzer: lib/bin/analyzer.js
+  checksum: 10/bc7bc2c014ba36dfb3f28ef75e3bb4be17ebff092ae713a30392a1d578a73b5d83ed0940b9d12eca6b06e514218d8a1e7cb0610f0b4d74b53425be3f0cc3aea8
+  languageName: node
+  linkType: hard
+
+"webpack-dev-middleware@npm:^6.1.2":
+  version: 6.1.3
+  resolution: "webpack-dev-middleware@npm:6.1.3"
+  dependencies:
+    colorette: "npm:^2.0.10"
+    memfs: "npm:^3.4.12"
+    mime-types: "npm:^2.1.31"
+    range-parser: "npm:^1.2.1"
+    schema-utils: "npm:^4.0.0"
+  peerDependencies:
+    webpack: ^5.0.0
+  peerDependenciesMeta:
+    webpack:
+      optional: true
+  checksum: 10/ee699430c33c4dfa2a016becc85e32a9b04aa0b6edbce0bb173c4dfd29c80c77d192d14fd2f2ec500dbdede4e0f1c5557993aa20a04a44190750a1e8e13f6d67
+  languageName: node
+  linkType: hard
+
+"webpack-hot-middleware@npm:^2.25.1":
+  version: 2.26.1
+  resolution: "webpack-hot-middleware@npm:2.26.1"
+  dependencies:
+    ansi-html-community: "npm:0.0.8"
+    html-entities: "npm:^2.1.0"
+    strip-ansi: "npm:^6.0.0"
+  checksum: 10/69fa1a25284eeba386c99b0b159d61b0cf800d21379ae7b03203c52e5d58d9082d96ca9f98ebbd8436165cd105de496a0356a8191064b277abff4d3c56825843
+  languageName: node
+  linkType: hard
+
+"webpack-sources@npm:^1.4.3":
+  version: 1.4.3
+  resolution: "webpack-sources@npm:1.4.3"
+  dependencies:
+    source-list-map: "npm:^2.0.0"
+    source-map: "npm:~0.6.1"
+  checksum: 10/6237c5d1ba639a5d67bd1135c9bba487eadbd04c5e75a2849508013f13cb4b57387e689e0991c19a14a87085be7cc0b8dd1515422ae351f6e3f813ed100ccbb8
+  languageName: node
+  linkType: hard
+
+"webpack-sources@npm:^3.2.0, webpack-sources@npm:^3.2.3":
+  version: 3.2.3
+  resolution: "webpack-sources@npm:3.2.3"
+  checksum: 10/a661f41795d678b7526ae8a88cd1b3d8ce71a7d19b6503da8149b2e667fc7a12f9b899041c1665d39e38245ed3a59ab68de648ea31040c3829aa695a5a45211d
+  languageName: node
+  linkType: hard
+
+"webpack-virtual-modules@npm:^0.6.0, webpack-virtual-modules@npm:^0.6.2":
+  version: 0.6.2
+  resolution: "webpack-virtual-modules@npm:0.6.2"
+  checksum: 10/d9a0d035f7ec0c7f1055aaf88bfe48b7f96458043916a1b2926d9012fd61de3810a6b768e31a8cd4b3c84a9b6d55824361a9dd20aaf9f5ccfb6f017af216a178
+  languageName: node
+  linkType: hard
+
+"webpack@npm:5, webpack@npm:^5.97.1":
+  version: 5.97.1
+  resolution: "webpack@npm:5.97.1"
+  dependencies:
+    "@types/eslint-scope": "npm:^3.7.7"
+    "@types/estree": "npm:^1.0.6"
+    "@webassemblyjs/ast": "npm:^1.14.1"
+    "@webassemblyjs/wasm-edit": "npm:^1.14.1"
+    "@webassemblyjs/wasm-parser": "npm:^1.14.1"
+    acorn: "npm:^8.14.0"
+    browserslist: "npm:^4.24.0"
+    chrome-trace-event: "npm:^1.0.2"
+    enhanced-resolve: "npm:^5.17.1"
+    es-module-lexer: "npm:^1.2.1"
+    eslint-scope: "npm:5.1.1"
+    events: "npm:^3.2.0"
+    glob-to-regexp: "npm:^0.4.1"
+    graceful-fs: "npm:^4.2.11"
+    json-parse-even-better-errors: "npm:^2.3.1"
+    loader-runner: "npm:^4.2.0"
+    mime-types: "npm:^2.1.27"
+    neo-async: "npm:^2.6.2"
+    schema-utils: "npm:^3.2.0"
+    tapable: "npm:^2.1.1"
+    terser-webpack-plugin: "npm:^5.3.10"
+    watchpack: "npm:^2.4.1"
+    webpack-sources: "npm:^3.2.3"
+  peerDependenciesMeta:
+    webpack-cli:
+      optional: true
+  bin:
+    webpack: bin/webpack.js
+  checksum: 10/665bd3b8c84b20f0b1f250159865e4d3e9b76c682030313d49124d5f8e96357ccdcc799dd9fe0ebf010fdb33dbc59d9863d79676a308e868e360ac98f7c09987
+  languageName: node
+  linkType: hard
+
+"websocket-driver@npm:>=0.5.1":
+  version: 0.7.4
+  resolution: "websocket-driver@npm:0.7.4"
+  dependencies:
+    http-parser-js: "npm:>=0.5.1"
+    safe-buffer: "npm:>=5.1.0"
+    websocket-extensions: "npm:>=0.1.1"
+  checksum: 10/17197d265d5812b96c728e70fd6fe7d067471e121669768fe0c7100c939d997ddfc807d371a728556e24fc7238aa9d58e630ea4ff5fd4cfbb40f3d0a240ef32d
+  languageName: node
+  linkType: hard
+
+"websocket-extensions@npm:>=0.1.1":
+  version: 0.1.4
+  resolution: "websocket-extensions@npm:0.1.4"
+  checksum: 10/b5399b487d277c78cdd2aef63764b67764aa9899431e3a2fa272c6ad7236a0fb4549b411d89afa76d5afd664c39d62fc19118582dc937e5bb17deb694f42a0d1
+  languageName: node
+  linkType: hard
+
+"whatwg-encoding@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "whatwg-encoding@npm:2.0.0"
+  dependencies:
+    iconv-lite: "npm:0.6.3"
+  checksum: 10/162d712d88fd134a4fe587e53302da812eb4215a1baa4c394dfd86eff31d0a079ff932c05233857997de07481093358d6e7587997358f49b8a580a777be22089
+  languageName: node
+  linkType: hard
+
+"whatwg-encoding@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "whatwg-encoding@npm:3.1.1"
+  dependencies:
+    iconv-lite: "npm:0.6.3"
+  checksum: 10/bbef815eb67f91487c7f2ef96329743f5fd8357d7d62b1119237d25d41c7e452dff8197235b2d3c031365a17f61d3bb73ca49d0ed1582475aa4a670815e79534
+  languageName: node
+  linkType: hard
+
+"whatwg-fetch@npm:^3.0.0":
+  version: 3.6.20
+  resolution: "whatwg-fetch@npm:3.6.20"
+  checksum: 10/2b4ed92acd6a7ad4f626a6cb18b14ec982bbcaf1093e6fe903b131a9c6decd14d7f9c9ca3532663c2759d1bdf01d004c77a0adfb2716a5105465c20755a8c57c
+  languageName: node
+  linkType: hard
+
+"whatwg-mimetype@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "whatwg-mimetype@npm:3.0.0"
+  checksum: 10/96f9f628c663c2ae05412c185ca81b3df54bcb921ab52fe9ebc0081c1720f25d770665401eb2338ab7f48c71568133845638e18a81ed52ab5d4dcef7d22b40ef
+  languageName: node
+  linkType: hard
+
+"whatwg-mimetype@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "whatwg-mimetype@npm:4.0.0"
+  checksum: 10/894a618e2d90bf444b6f309f3ceb6e58cf21b2beaa00c8b333696958c4076f0c7b30b9d33413c9ffff7c5832a0a0c8569e5bb347ef44beded72aeefd0acd62e8
+  languageName: node
+  linkType: hard
+
+"whatwg-url-without-unicode@npm:8.0.0-3":
+  version: 8.0.0-3
+  resolution: "whatwg-url-without-unicode@npm:8.0.0-3"
+  dependencies:
+    buffer: "npm:^5.4.3"
+    punycode: "npm:^2.1.1"
+    webidl-conversions: "npm:^5.0.0"
+  checksum: 10/aa588b54b75304335c5e189f8572626f989364c2ac5be5a1643ac687c2501f044405e1eb5761d65a826f570befade5fe51a723d917e9ab7672bb65d14065e82f
+  languageName: node
+  linkType: hard
+
+"whatwg-url@npm:^11.0.0":
+  version: 11.0.0
+  resolution: "whatwg-url@npm:11.0.0"
+  dependencies:
+    tr46: "npm:^3.0.0"
+    webidl-conversions: "npm:^7.0.0"
+  checksum: 10/dfcd51c6f4bfb54685528fb10927f3fd3d7c809b5671beef4a8cdd7b1408a7abf3343a35bc71dab83a1424f1c1e92cc2700d7930d95d231df0fac361de0c7648
+  languageName: node
+  linkType: hard
+
+"whatwg-url@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "whatwg-url@npm:5.0.0"
+  dependencies:
+    tr46: "npm:~0.0.3"
+    webidl-conversions: "npm:^3.0.0"
+  checksum: 10/f95adbc1e80820828b45cc671d97da7cd5e4ef9deb426c31bcd5ab00dc7103042291613b3ef3caec0a2335ed09e0d5ed026c940755dbb6d404e2b27f940fdf07
+  languageName: node
+  linkType: hard
+
+"whatwg-url@npm:^7.0.0":
+  version: 7.1.0
+  resolution: "whatwg-url@npm:7.1.0"
+  dependencies:
+    lodash.sortby: "npm:^4.7.0"
+    tr46: "npm:^1.0.1"
+    webidl-conversions: "npm:^4.0.2"
+  checksum: 10/769fd35838b4e50536ae08d836472e86adbedda1d5493ea34353c55468147e7868b91d2535b59e01a9e7331ab7e4cdfdf5490c279c045da23c327cf33e32f755
+  languageName: node
+  linkType: hard
+
+"whatwg-url@npm:^8.4.0":
+  version: 8.7.0
+  resolution: "whatwg-url@npm:8.7.0"
+  dependencies:
+    lodash: "npm:^4.7.0"
+    tr46: "npm:^2.1.0"
+    webidl-conversions: "npm:^6.1.0"
+  checksum: 10/512a8b2703dffbf13a9a247bf2fb27c3048a3ceb5ece09f88b737c8260afaba4b2f6775c2f1cfc29c2ba4859f2454a9de73fac08e239b00ae2b42cd6b8bb0d35
+  languageName: node
+  linkType: hard
+
+"which-boxed-primitive@npm:^1.1.0, which-boxed-primitive@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "which-boxed-primitive@npm:1.1.1"
+  dependencies:
+    is-bigint: "npm:^1.1.0"
+    is-boolean-object: "npm:^1.2.1"
+    is-number-object: "npm:^1.1.1"
+    is-string: "npm:^1.1.1"
+    is-symbol: "npm:^1.1.1"
+  checksum: 10/a877c0667bc089518c83ad4d845cf8296b03efe3565c1de1940c646e00a2a1ae9ed8a185bcfa27cbf352de7906f0616d83b9d2f19ca500ee02a551fb5cf40740
+  languageName: node
+  linkType: hard
+
+"which-builtin-type@npm:^1.2.0, which-builtin-type@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "which-builtin-type@npm:1.2.1"
+  dependencies:
+    call-bound: "npm:^1.0.2"
+    function.prototype.name: "npm:^1.1.6"
+    has-tostringtag: "npm:^1.0.2"
+    is-async-function: "npm:^2.0.0"
+    is-date-object: "npm:^1.1.0"
+    is-finalizationregistry: "npm:^1.1.0"
+    is-generator-function: "npm:^1.0.10"
+    is-regex: "npm:^1.2.1"
+    is-weakref: "npm:^1.0.2"
+    isarray: "npm:^2.0.5"
+    which-boxed-primitive: "npm:^1.1.0"
+    which-collection: "npm:^1.0.2"
+    which-typed-array: "npm:^1.1.16"
+  checksum: 10/22c81c5cb7a896c5171742cd30c90d992ff13fb1ea7693e6cf80af077791613fb3f89aa9b4b7f890bd47b6ce09c6322c409932359580a2a2a54057f7b52d1cbe
+  languageName: node
+  linkType: hard
+
+"which-collection@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "which-collection@npm:1.0.2"
+  dependencies:
+    is-map: "npm:^2.0.3"
+    is-set: "npm:^2.0.3"
+    is-weakmap: "npm:^2.0.2"
+    is-weakset: "npm:^2.0.3"
+  checksum: 10/674bf659b9bcfe4055f08634b48a8588e879161b9fefed57e9ec4ff5601e4d50a05ccd76cf10f698ef5873784e5df3223336d56c7ce88e13bcf52ebe582fc8d7
+  languageName: node
+  linkType: hard
+
+"which-module@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "which-module@npm:2.0.1"
+  checksum: 10/1967b7ce17a2485544a4fdd9063599f0f773959cca24176dbe8f405e55472d748b7c549cd7920ff6abb8f1ab7db0b0f1b36de1a21c57a8ff741f4f1e792c52be
+  languageName: node
+  linkType: hard
+
+"which-typed-array@npm:^1.1.14, which-typed-array@npm:^1.1.16, which-typed-array@npm:^1.1.2":
+  version: 1.1.16
+  resolution: "which-typed-array@npm:1.1.16"
+  dependencies:
+    available-typed-arrays: "npm:^1.0.7"
+    call-bind: "npm:^1.0.7"
+    for-each: "npm:^0.3.3"
+    gopd: "npm:^1.0.1"
+    has-tostringtag: "npm:^1.0.2"
+  checksum: 10/7106e94729632cdcedc94080442872392806b3364225156952981777f46b75d2e3b13813b5d935bdb2ac8523f8758fcf3513f7e1ed44a8e10d6c4f1029c3fa7d
+  languageName: node
+  linkType: hard
+
+"which-typed-array@npm:^1.1.19":
+  version: 1.1.19
+  resolution: "which-typed-array@npm:1.1.19"
+  dependencies:
+    available-typed-arrays: "npm:^1.0.7"
+    call-bind: "npm:^1.0.8"
+    call-bound: "npm:^1.0.4"
+    for-each: "npm:^0.3.5"
+    get-proto: "npm:^1.0.1"
+    gopd: "npm:^1.2.0"
+    has-tostringtag: "npm:^1.0.2"
+  checksum: 10/12be30fb88567f9863186bee1777f11bea09dd59ed8b3ce4afa7dd5cade75e2f4cc56191a2da165113cc7cf79987ba021dac1e22b5b62aa7e5c56949f2469a68
+  languageName: node
+  linkType: hard
+
+"which@npm:^2.0.1":
+  version: 2.0.2
+  resolution: "which@npm:2.0.2"
+  dependencies:
+    isexe: "npm:^2.0.0"
+  bin:
+    node-which: ./bin/node-which
+  checksum: 10/4782f8a1d6b8fc12c65e968fea49f59752bf6302dc43036c3bf87da718a80710f61a062516e9764c70008b487929a73546125570acea95c5b5dcc8ac3052c70f
+  languageName: node
+  linkType: hard
+
+"which@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "which@npm:5.0.0"
+  dependencies:
+    isexe: "npm:^3.1.1"
+  bin:
+    node-which: bin/which.js
+  checksum: 10/6ec99e89ba32c7e748b8a3144e64bfc74aa63e2b2eacbb61a0060ad0b961eb1a632b08fb1de067ed59b002cec3e21de18299216ebf2325ef0f78e0f121e14e90
+  languageName: node
+  linkType: hard
+
+"wif@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "wif@npm:5.0.0"
+  dependencies:
+    bs58check: "npm:^4.0.0"
+  checksum: 10/3af0d4e9f1d1b35672b860470b6545f34f77b4a804e06ccae2f06f43c96a31fba859cf64889344eded621433eb609fc4c95aa28d62c02057372232b85231e414
+  languageName: node
+  linkType: hard
+
+"wonka@npm:^6.3.2":
+  version: 6.3.4
+  resolution: "wonka@npm:6.3.4"
+  checksum: 10/0f102630182828268b57b54102003449b97abbc2483392239baf856a2fca7b72ae9be67c208415124a3d26a320674ed64387e9bf07a8d0badedb5f607d2ccfdc
+  languageName: node
+  linkType: hard
+
+"word-wrap@npm:^1.2.5":
+  version: 1.2.5
+  resolution: "word-wrap@npm:1.2.5"
+  checksum: 10/1ec6f6089f205f83037be10d0c4b34c9183b0b63fca0834a5b3cee55dd321429d73d40bb44c8fc8471b5203d6e8f8275717f49a8ff4b2b0ab41d7e1b563e0854
+  languageName: node
+  linkType: hard
+
+"wordwrapjs@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "wordwrapjs@npm:4.0.1"
+  dependencies:
+    reduce-flatten: "npm:^2.0.0"
+    typical: "npm:^5.2.0"
+  checksum: 10/4182c48c9d3eab0932fb9f9f202e3f1d4d28ff6db3fd2e1654ec8606677d8e0ab80110f0f8e2e236ee2b52631cbc5fccf3097e9287e3ace20cbc1613a784befc
+  languageName: node
+  linkType: hard
+
+"workbox-background-sync@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-background-sync@npm:7.1.0"
+  dependencies:
+    idb: "npm:^7.0.1"
+    workbox-core: "npm:7.1.0"
+  checksum: 10/0a303af41a02703ecd962c9a003eebd437e4373a468f3ac4ab0b7969a6849bc98a51f1b48915423dee2f5315d8ae34407465aa3a609ea683499043d1a9b44366
+  languageName: node
+  linkType: hard
+
+"workbox-broadcast-update@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-broadcast-update@npm:7.1.0"
+  dependencies:
+    workbox-core: "npm:7.1.0"
+  checksum: 10/8dd87c05b14c0e7f03711d8a189949d5b16a33c53fc0d252569ba4758e450baca2d1aac45628b4210532c930176b1796a2a917be51000289001e401bdc5d3915
+  languageName: node
+  linkType: hard
+
+"workbox-build@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-build@npm:7.1.0"
+  dependencies:
+    "@apideck/better-ajv-errors": "npm:^0.3.1"
+    "@babel/core": "npm:^7.24.4"
+    "@babel/preset-env": "npm:^7.11.0"
+    "@babel/runtime": "npm:^7.11.2"
+    "@rollup/plugin-babel": "npm:^5.2.0"
+    "@rollup/plugin-node-resolve": "npm:^15.2.3"
+    "@rollup/plugin-replace": "npm:^2.4.1"
+    "@rollup/plugin-terser": "npm:^0.4.3"
+    "@surma/rollup-plugin-off-main-thread": "npm:^2.2.3"
+    ajv: "npm:^8.6.0"
+    common-tags: "npm:^1.8.0"
+    fast-json-stable-stringify: "npm:^2.1.0"
+    fs-extra: "npm:^9.0.1"
+    glob: "npm:^7.1.6"
+    lodash: "npm:^4.17.20"
+    pretty-bytes: "npm:^5.3.0"
+    rollup: "npm:^2.43.1"
+    source-map: "npm:^0.8.0-beta.0"
+    stringify-object: "npm:^3.3.0"
+    strip-comments: "npm:^2.0.1"
+    tempy: "npm:^0.6.0"
+    upath: "npm:^1.2.0"
+    workbox-background-sync: "npm:7.1.0"
+    workbox-broadcast-update: "npm:7.1.0"
+    workbox-cacheable-response: "npm:7.1.0"
+    workbox-core: "npm:7.1.0"
+    workbox-expiration: "npm:7.1.0"
+    workbox-google-analytics: "npm:7.1.0"
+    workbox-navigation-preload: "npm:7.1.0"
+    workbox-precaching: "npm:7.1.0"
+    workbox-range-requests: "npm:7.1.0"
+    workbox-recipes: "npm:7.1.0"
+    workbox-routing: "npm:7.1.0"
+    workbox-strategies: "npm:7.1.0"
+    workbox-streams: "npm:7.1.0"
+    workbox-sw: "npm:7.1.0"
+    workbox-window: "npm:7.1.0"
+  checksum: 10/6d2086899e65f7728fe3c2cc7d14dbc18bec2ae8c2e1e681f552e0162b8c138b2c2a235ddcf820b3b966cb06b60319fcaa9eb1831f35f1fab1da77fa4238dcbd
+  languageName: node
+  linkType: hard
+
+"workbox-build@npm:7.1.1":
+  version: 7.1.1
+  resolution: "workbox-build@npm:7.1.1"
+  dependencies:
+    "@apideck/better-ajv-errors": "npm:^0.3.1"
+    "@babel/core": "npm:^7.24.4"
+    "@babel/preset-env": "npm:^7.11.0"
+    "@babel/runtime": "npm:^7.11.2"
+    "@rollup/plugin-babel": "npm:^5.2.0"
+    "@rollup/plugin-node-resolve": "npm:^15.2.3"
+    "@rollup/plugin-replace": "npm:^2.4.1"
+    "@rollup/plugin-terser": "npm:^0.4.3"
+    "@surma/rollup-plugin-off-main-thread": "npm:^2.2.3"
+    ajv: "npm:^8.6.0"
+    common-tags: "npm:^1.8.0"
+    fast-json-stable-stringify: "npm:^2.1.0"
+    fs-extra: "npm:^9.0.1"
+    glob: "npm:^7.1.6"
+    lodash: "npm:^4.17.20"
+    pretty-bytes: "npm:^5.3.0"
+    rollup: "npm:^2.43.1"
+    source-map: "npm:^0.8.0-beta.0"
+    stringify-object: "npm:^3.3.0"
+    strip-comments: "npm:^2.0.1"
+    tempy: "npm:^0.6.0"
+    upath: "npm:^1.2.0"
+    workbox-background-sync: "npm:7.1.0"
+    workbox-broadcast-update: "npm:7.1.0"
+    workbox-cacheable-response: "npm:7.1.0"
+    workbox-core: "npm:7.1.0"
+    workbox-expiration: "npm:7.1.0"
+    workbox-google-analytics: "npm:7.1.0"
+    workbox-navigation-preload: "npm:7.1.0"
+    workbox-precaching: "npm:7.1.0"
+    workbox-range-requests: "npm:7.1.0"
+    workbox-recipes: "npm:7.1.0"
+    workbox-routing: "npm:7.1.0"
+    workbox-strategies: "npm:7.1.0"
+    workbox-streams: "npm:7.1.0"
+    workbox-sw: "npm:7.1.0"
+    workbox-window: "npm:7.1.0"
+  checksum: 10/65eb75fc67fd14f415e6978c1f6431c21d6b27bdaec7e5438d8586719c6b09aaad5cec6ecd89684d1d414ff3b52c4eb2de3d748e1e0873b5a6ab3a2531fe034b
+  languageName: node
+  linkType: hard
+
+"workbox-cacheable-response@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-cacheable-response@npm:7.1.0"
+  dependencies:
+    workbox-core: "npm:7.1.0"
+  checksum: 10/1eb294765256d5010325c702208b8f621ad59a0323981bdd8d9d991b9ab7888f39f9a051f90ba583840168cd3252852511666ddc3db64f20f91c97cbea159796
+  languageName: node
+  linkType: hard
+
+"workbox-core@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-core@npm:7.1.0"
+  checksum: 10/b890e0e257c12d3a818eee9dabdfdc8d7d228b89f9734f7612f14e664ca5414c511778d5aef5159248db4c6c161587cff6d2332f0543e3628a1e0cd5a1f0b3ac
+  languageName: node
+  linkType: hard
+
+"workbox-expiration@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-expiration@npm:7.1.0"
+  dependencies:
+    idb: "npm:^7.0.1"
+    workbox-core: "npm:7.1.0"
+  checksum: 10/45c7a27b217355fc30929482625c43cbfa04c914162a26b92c7e91fcb3a20e9982b50026bf4bb37382a320e1426818e3726b999dce1c8c08d2aa330eee569308
+  languageName: node
+  linkType: hard
+
+"workbox-google-analytics@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-google-analytics@npm:7.1.0"
+  dependencies:
+    workbox-background-sync: "npm:7.1.0"
+    workbox-core: "npm:7.1.0"
+    workbox-routing: "npm:7.1.0"
+    workbox-strategies: "npm:7.1.0"
+  checksum: 10/e3652b7f37306a01bcb819ab48799ad3e71362919a31dcbaa186bedb2509b0107d9bc525ca97f287a41095a339a1fb664de4d31af40dfd2ddec9a9fac7b1b75a
+  languageName: node
+  linkType: hard
+
+"workbox-navigation-preload@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-navigation-preload@npm:7.1.0"
+  dependencies:
+    workbox-core: "npm:7.1.0"
+  checksum: 10/e4a2e40f1292b1a5e70c7efe69d280635b211c98577ef88f3941b4627e592bb5b21aae262da74636f06ea1fc61065e3002f41cff12f25b05de0259e2700b6ca8
+  languageName: node
+  linkType: hard
+
+"workbox-precaching@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-precaching@npm:7.1.0"
+  dependencies:
+    workbox-core: "npm:7.1.0"
+    workbox-routing: "npm:7.1.0"
+    workbox-strategies: "npm:7.1.0"
+  checksum: 10/4f91a1cb1fbc1af1f467e3aa4f1a315465a7537ea42d3fbc3f85da342b10085a64736e80de42611622b83650c422b8770a1fc7fb5008a75abfc07a8c1393e049
+  languageName: node
+  linkType: hard
+
+"workbox-range-requests@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-range-requests@npm:7.1.0"
+  dependencies:
+    workbox-core: "npm:7.1.0"
+  checksum: 10/a92d9c28a1c033a4d9e8a958613f2d44b374ef6f4f7609bf8f574ae5fe41c0800b251fb17f8ca7cd3ebc3c53cdbc22fe5a4c5f0afabd63a5960cbe4333dbbf2a
+  languageName: node
+  linkType: hard
+
+"workbox-recipes@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-recipes@npm:7.1.0"
+  dependencies:
+    workbox-cacheable-response: "npm:7.1.0"
+    workbox-core: "npm:7.1.0"
+    workbox-expiration: "npm:7.1.0"
+    workbox-precaching: "npm:7.1.0"
+    workbox-routing: "npm:7.1.0"
+    workbox-strategies: "npm:7.1.0"
+  checksum: 10/371daf94bc418e93038f26b677fdd50f1ae3f66937282dcfa7a67fdba3d871be22de3dc8b6192d125875df8e7ba56d110bedf82d4180380dd377ddc38655ea5a
+  languageName: node
+  linkType: hard
+
+"workbox-routing@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-routing@npm:7.1.0"
+  dependencies:
+    workbox-core: "npm:7.1.0"
+  checksum: 10/3598d65801ae6fb1e05512aff1cc3a642c1e3beace248349c6401f678033433ec3083ea0849a28665f0bb11e2493e9e66b0d066ee5de59a84f70baa3a59d841c
+  languageName: node
+  linkType: hard
+
+"workbox-strategies@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-strategies@npm:7.1.0"
+  dependencies:
+    workbox-core: "npm:7.1.0"
+  checksum: 10/52734ecce926ba6c135b5c7cb31906e40ad6bc767c77d45e74414b8adbb980f8a81bc1253af64750ce22202d0f1c4f01161785829cfb7bcb3f59408da9130555
+  languageName: node
+  linkType: hard
+
+"workbox-streams@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-streams@npm:7.1.0"
+  dependencies:
+    workbox-core: "npm:7.1.0"
+    workbox-routing: "npm:7.1.0"
+  checksum: 10/759011add716b69be2fc07f847476de6b299b451201e26861529156a8da9a145a9c10b5408f28937142dd82b796e08fdc0f557a7560ff4a9e1ec6affae1d1efb
+  languageName: node
+  linkType: hard
+
+"workbox-sw@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-sw@npm:7.1.0"
+  checksum: 10/ece8081e41a45e2e42e0be597e5a2a8be8aa25ebf16a496599a76d4a044fc922e0b40d3fcb9c82682db1911b0d6e51e761593922c90f40d11d7b06f7a4b773c7
+  languageName: node
+  linkType: hard
+
+"workbox-webpack-plugin@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-webpack-plugin@npm:7.1.0"
+  dependencies:
+    fast-json-stable-stringify: "npm:^2.1.0"
+    pretty-bytes: "npm:^5.4.1"
+    upath: "npm:^1.2.0"
+    webpack-sources: "npm:^1.4.3"
+    workbox-build: "npm:7.1.0"
+  peerDependencies:
+    webpack: ^4.4.0 || ^5.91.0
+  checksum: 10/5efddd3b14d8d531b6f8517f86c1d9a58a71e99348d92b383345054362855a90aa8d1feaa9a006758a64379a7af29e94936168da9ee07e7d261e095df1c37dad
+  languageName: node
+  linkType: hard
+
+"workbox-window@npm:7.1.0":
+  version: 7.1.0
+  resolution: "workbox-window@npm:7.1.0"
+  dependencies:
+    "@types/trusted-types": "npm:^2.0.2"
+    workbox-core: "npm:7.1.0"
+  checksum: 10/2706c55b81857966c28087a2b0ef40b7791e1bd441b880b7525b7e1b4834ae89c4f1bcfdb07cc155487a85f7c566007e1f9edf65539d7f4a52e2ceee48f547b5
+  languageName: node
+  linkType: hard
+
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0, wrap-ansi@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "wrap-ansi@npm:7.0.0"
+  dependencies:
+    ansi-styles: "npm:^4.0.0"
+    string-width: "npm:^4.1.0"
+    strip-ansi: "npm:^6.0.0"
+  checksum: 10/cebdaeca3a6880da410f75209e68cd05428580de5ad24535f22696d7d9cab134d1f8498599f344c3cf0fb37c1715807a183778d8c648d6cc0cb5ff2bb4236540
+  languageName: node
+  linkType: hard
+
+"wrap-ansi@npm:^6.2.0":
+  version: 6.2.0
+  resolution: "wrap-ansi@npm:6.2.0"
+  dependencies:
+    ansi-styles: "npm:^4.0.0"
+    string-width: "npm:^4.1.0"
+    strip-ansi: "npm:^6.0.0"
+  checksum: 10/0d64f2d438e0b555e693b95aee7b2689a12c3be5ac458192a1ce28f542a6e9e59ddfecc37520910c2c88eb1f82a5411260566dba5064e8f9895e76e169e76187
+  languageName: node
+  linkType: hard
+
+"wrap-ansi@npm:^8.1.0":
+  version: 8.1.0
+  resolution: "wrap-ansi@npm:8.1.0"
+  dependencies:
+    ansi-styles: "npm:^6.1.0"
+    string-width: "npm:^5.0.1"
+    strip-ansi: "npm:^7.0.1"
+  checksum: 10/7b1e4b35e9bb2312d2ee9ee7dc95b8cb5f8b4b5a89f7dde5543fe66c1e3715663094defa50d75454ac900bd210f702d575f15f3f17fa9ec0291806d2578d1ddf
+  languageName: node
+  linkType: hard
+
+"wrap-ansi@npm:^9.0.0":
+  version: 9.0.0
+  resolution: "wrap-ansi@npm:9.0.0"
+  dependencies:
+    ansi-styles: "npm:^6.2.1"
+    string-width: "npm:^7.0.0"
+    strip-ansi: "npm:^7.1.0"
+  checksum: 10/b9d91564c091cf3978a7c18ca0f3e4d4606e83549dbe59cf76f5e77feefdd5ec91443155e8102630524d10a8c275efac8a7082c0f26fa43e6b989dc150d176ce
+  languageName: node
+  linkType: hard
+
+"wrappy@npm:1":
+  version: 1.0.2
+  resolution: "wrappy@npm:1.0.2"
+  checksum: 10/159da4805f7e84a3d003d8841557196034155008f817172d4e986bd591f74aa82aa7db55929a54222309e01079a65a92a9e6414da5a6aa4b01ee44a511ac3ee5
+  languageName: node
+  linkType: hard
+
+"write-file-atomic@npm:^2.3.0":
+  version: 2.4.3
+  resolution: "write-file-atomic@npm:2.4.3"
+  dependencies:
+    graceful-fs: "npm:^4.1.11"
+    imurmurhash: "npm:^0.1.4"
+    signal-exit: "npm:^3.0.2"
+  checksum: 10/15ce863dce07075d0decedd7c9094f4461e46139d28a758c53162f24c0791c16cd2e7a76baa5b47b1a851fbb51e16f2fab739afb156929b22628f3225437135c
+  languageName: node
+  linkType: hard
+
+"write-file-atomic@npm:^4.0.2":
+  version: 4.0.2
+  resolution: "write-file-atomic@npm:4.0.2"
+  dependencies:
+    imurmurhash: "npm:^0.1.4"
+    signal-exit: "npm:^3.0.7"
+  checksum: 10/3be1f5508a46c190619d5386b1ac8f3af3dbe951ed0f7b0b4a0961eed6fc626bd84b50cf4be768dabc0a05b672f5d0c5ee7f42daa557b14415d18c3a13c7d246
+  languageName: node
+  linkType: hard
+
+"ws@npm:7.4.6":
+  version: 7.4.6
+  resolution: "ws@npm:7.4.6"
+  peerDependencies:
+    bufferutil: ^4.0.1
+    utf-8-validate: ^5.0.2
+  peerDependenciesMeta:
+    bufferutil:
+      optional: true
+    utf-8-validate:
+      optional: true
+  checksum: 10/150e3f917b7cde568d833a5ea6ccc4132e59c38d04218afcf2b6c7b845752bd011a9e0dc1303c8694d3c402a0bdec5893661a390b71ff88f0fc81a4e4e66b09c
+  languageName: node
+  linkType: hard
+
+"ws@npm:8.13.0":
+  version: 8.13.0
+  resolution: "ws@npm:8.13.0"
+  peerDependencies:
+    bufferutil: ^4.0.1
+    utf-8-validate: ">=5.0.2"
+  peerDependenciesMeta:
+    bufferutil:
+      optional: true
+    utf-8-validate:
+      optional: true
+  checksum: 10/1769532b6fdab9ff659f0b17810e7501831d34ecca23fd179ee64091dd93a51f42c59f6c7bb4c7a384b6c229aca8076fb312aa35626257c18081511ef62a161d
+  languageName: node
+  linkType: hard
+
+"ws@npm:8.17.1":
+  version: 8.17.1
+  resolution: "ws@npm:8.17.1"
+  peerDependencies:
+    bufferutil: ^4.0.1
+    utf-8-validate: ">=5.0.2"
+  peerDependenciesMeta:
+    bufferutil:
+      optional: true
+    utf-8-validate:
+      optional: true
+  checksum: 10/4264ae92c0b3e59c7e309001e93079b26937aab181835fb7af79f906b22cd33b6196d96556dafb4e985742dd401e99139572242e9847661fdbc96556b9e6902d
+  languageName: node
+  linkType: hard
+
+"ws@npm:8.18.0, ws@npm:^8.11.0, ws@npm:^8.12.1, ws@npm:^8.18.0, ws@npm:^8.2.3":
+  version: 8.18.0
+  resolution: "ws@npm:8.18.0"
+  peerDependencies:
+    bufferutil: ^4.0.1
+    utf-8-validate: ">=5.0.2"
+  peerDependenciesMeta:
+    bufferutil:
+      optional: true
+    utf-8-validate:
+      optional: true
+  checksum: 10/70dfe53f23ff4368d46e4c0b1d4ca734db2c4149c6f68bc62cb16fc21f753c47b35fcc6e582f3bdfba0eaeb1c488cddab3c2255755a5c3eecb251431e42b3ff6
+  languageName: node
+  linkType: hard
+
+"ws@npm:8.18.2":
+  version: 8.18.2
+  resolution: "ws@npm:8.18.2"
+  peerDependencies:
+    bufferutil: ^4.0.1
+    utf-8-validate: ">=5.0.2"
+  peerDependenciesMeta:
+    bufferutil:
+      optional: true
+    utf-8-validate:
+      optional: true
+  checksum: 10/018e04ec95561d88248d53a2eaf094b4ae131e9b062f2679e6e8a62f04649bc543448f1e038125225ac6bbb25f54c1e65d7a2cc9dbc1e28b43e5e6b7162ad88e
+  languageName: node
+  linkType: hard
+
+"ws@npm:^6.2.3":
+  version: 6.2.3
+  resolution: "ws@npm:6.2.3"
+  dependencies:
+    async-limiter: "npm:~1.0.0"
+  checksum: 10/19f8d1608317f4c98f63da6eebaa85260a6fe1ba459cbfedd83ebe436368177fb1e2944761e2392c6b7321cbb7a375c8a81f9e1be35d555b6b4647eb61eadd46
+  languageName: node
+  linkType: hard
+
+"ws@npm:^7, ws@npm:^7.3.1, ws@npm:^7.5.1, ws@npm:^7.5.10":
+  version: 7.5.10
+  resolution: "ws@npm:7.5.10"
+  peerDependencies:
+    bufferutil: ^4.0.1
+    utf-8-validate: ^5.0.2
+  peerDependenciesMeta:
+    bufferutil:
+      optional: true
+    utf-8-validate:
+      optional: true
+  checksum: 10/9c796b84ba80ffc2c2adcdfc9c8e9a219ba99caa435c9a8d45f9ac593bba325563b3f83edc5eb067cc6d21b9a6bf2c930adf76dd40af5f58a5ca6859e81858f0
+  languageName: node
+  linkType: hard
+
+"ws@npm:^8.13.0":
+  version: 8.18.3
+  resolution: "ws@npm:8.18.3"
+  peerDependencies:
+    bufferutil: ^4.0.1
+    utf-8-validate: ">=5.0.2"
+  peerDependenciesMeta:
+    bufferutil:
+      optional: true
+    utf-8-validate:
+      optional: true
+  checksum: 10/725964438d752f0ab0de582cd48d6eeada58d1511c3f613485b5598a83680bedac6187c765b0fe082e2d8cc4341fc57707c813ae780feee82d0c5efe6a4c61b6
+  languageName: node
+  linkType: hard
+
+"xcode@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "xcode@npm:3.0.1"
+  dependencies:
+    simple-plist: "npm:^1.1.0"
+    uuid: "npm:^7.0.3"
+  checksum: 10/539d7b808ccce648078c5ceb63c4f9c14a7018a7db688fe0ff55c7d59e685c67392f18e9f531ce524f8d71162e836714b8835fa0a8688e976d4a293b147917c3
+  languageName: node
+  linkType: hard
+
+"xml-name-validator@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "xml-name-validator@npm:4.0.0"
+  checksum: 10/f9582a3f281f790344a471c207516e29e293c6041b2c20d84dd6e58832cd7c19796c47e108fd4fd4b164a5e72ad94f2268f8ace8231cde4a2c6428d6aa220f92
+  languageName: node
+  linkType: hard
+
+"xml2js@npm:0.6.0":
+  version: 0.6.0
+  resolution: "xml2js@npm:0.6.0"
+  dependencies:
+    sax: "npm:>=0.6.0"
+    xmlbuilder: "npm:~11.0.0"
+  checksum: 10/717f44ceef3f749ac21b381f829ba6525eec78cb9a53638046739565900e505a8e8caa62a6850b0a94cfe57ebe1a29b5367d55c4f642a3d640b9f69ca1fc7c8c
+  languageName: node
+  linkType: hard
+
+"xmlbuilder@npm:^15.1.1":
+  version: 15.1.1
+  resolution: "xmlbuilder@npm:15.1.1"
+  checksum: 10/e6f4bab2504afdd5f80491bda948894d2146756532521dbe7db33ae0931cd3000e3b4da19b3f5b3f51bedbd9ee06582144d28136d68bd1df96579ecf4d4404a2
+  languageName: node
+  linkType: hard
+
+"xmlbuilder@npm:~11.0.0":
+  version: 11.0.1
+  resolution: "xmlbuilder@npm:11.0.1"
+  checksum: 10/c8c3d208783718db5b285101a736cd8e6b69a5c265199a0739abaa93d1a1b7de5489fd16df4e776e18b2c98cb91f421a7349e99fd8c1ebeb44ecfed72a25091a
+  languageName: node
+  linkType: hard
+
+"xmlchars@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "xmlchars@npm:2.2.0"
+  checksum: 10/4ad5924974efd004a47cce6acf5c0269aee0e62f9a805a426db3337af7bcbd331099df174b024ace4fb18971b8a56de386d2e73a1c4b020e3abd63a4a9b917f1
+  languageName: node
+  linkType: hard
+
+"xrpl@npm:^4.3.0":
+  version: 4.4.0
+  resolution: "xrpl@npm:4.4.0"
+  dependencies:
+    "@scure/bip32": "npm:^1.3.1"
+    "@scure/bip39": "npm:^1.2.1"
+    "@xrplf/isomorphic": "npm:^1.0.1"
+    "@xrplf/secret-numbers": "npm:^2.0.0"
+    bignumber.js: "npm:^9.0.0"
+    eventemitter3: "npm:^5.0.1"
+    ripple-address-codec: "npm:^5.0.0"
+    ripple-binary-codec: "npm:^2.5.0"
+    ripple-keypairs: "npm:^2.0.0"
+  checksum: 10/b3bc9e0299a43b7541a3e3c79e218e48dfce938c3bebc5c792cdd28ea01be37f49387b8ce763fcdb99ccef44d2d8c2c684eb1498b5a85b496b13429af1f501d9
+  languageName: node
+  linkType: hard
+
+"xstate@npm:^5.19.2":
+  version: 5.19.2
+  resolution: "xstate@npm:5.19.2"
+  checksum: 10/e482600e8df96d29df92e4a9498359a03450612a503ac33c6fa1e56f966ee6985ac8f455771f6c5b65e3e4bae06fea0e762c3ca0ba86eec8419c1f7c01a0f102
+  languageName: node
+  linkType: hard
+
+"xtend@npm:^4.0.2":
+  version: 4.0.2
+  resolution: "xtend@npm:4.0.2"
+  checksum: 10/ac5dfa738b21f6e7f0dd6e65e1b3155036d68104e67e5d5d1bde74892e327d7e5636a076f625599dc394330a731861e87343ff184b0047fef1360a7ec0a5a36a
+  languageName: node
+  linkType: hard
+
+"xtend@npm:~2.1.1":
+  version: 2.1.2
+  resolution: "xtend@npm:2.1.2"
+  dependencies:
+    object-keys: "npm:~0.4.0"
+  checksum: 10/a8b79f31502c163205984eaa2b196051cd2fab0882b49758e30f2f9018255bc6c462e32a090bf3385d1bda04755ad8cc0052a09e049b0038f49eb9b950d9c447
+  languageName: node
+  linkType: hard
+
+"y18n@npm:^4.0.0":
+  version: 4.0.3
+  resolution: "y18n@npm:4.0.3"
+  checksum: 10/392870b2a100bbc643bc035fe3a89cef5591b719c7bdc8721bcdb3d27ab39fa4870acdca67b0ee096e146d769f311d68eda6b8195a6d970f227795061923013f
+  languageName: node
+  linkType: hard
+
+"y18n@npm:^5.0.5":
+  version: 5.0.8
+  resolution: "y18n@npm:5.0.8"
+  checksum: 10/5f1b5f95e3775de4514edbb142398a2c37849ccfaf04a015be5d75521e9629d3be29bd4432d23c57f37e5b61ade592fb0197022e9993f81a06a5afbdcda9346d
+  languageName: node
+  linkType: hard
+
+"yallist@npm:^3.0.2":
+  version: 3.1.1
+  resolution: "yallist@npm:3.1.1"
+  checksum: 10/9af0a4329c3c6b779ac4736c69fae4190ac03029fa27c1aef4e6bcc92119b73dea6fe5db5fe881fb0ce2a0e9539a42cdf60c7c21eda04d1a0b8c082e38509efb
+  languageName: node
+  linkType: hard
+
+"yallist@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "yallist@npm:4.0.0"
+  checksum: 10/4cb02b42b8a93b5cf50caf5d8e9beb409400a8a4d85e83bb0685c1457e9ac0b7a00819e9f5991ac25ffabb56a78e2f017c1acc010b3a1babfe6de690ba531abd
+  languageName: node
+  linkType: hard
+
+"yallist@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "yallist@npm:5.0.0"
+  checksum: 10/1884d272d485845ad04759a255c71775db0fac56308764b4c77ea56a20d56679fad340213054c8c9c9c26fcfd4c4b2a90df993b7e0aaf3cdb73c618d1d1a802a
+  languageName: node
+  linkType: hard
+
+"yaml@npm:^1.10.0, yaml@npm:^1.10.2":
+  version: 1.10.2
+  resolution: "yaml@npm:1.10.2"
+  checksum: 10/e088b37b4d4885b70b50c9fa1b7e54bd2e27f5c87205f9deaffd1fb293ab263d9c964feadb9817a7b129a5bf30a06582cb08750f810568ecc14f3cdbabb79cb3
+  languageName: node
+  linkType: hard
+
+"yaml@npm:^2.0.0, yaml@npm:~2.6.1":
+  version: 2.6.1
+  resolution: "yaml@npm:2.6.1"
+  bin:
+    yaml: bin.mjs
+  checksum: 10/cf412f03a33886db0a3aac70bb4165588f4c5b3c6f8fc91520b71491e5537800b6c2c73ed52015617f6e191eb4644c73c92973960a1999779c62a200ee4c231d
+  languageName: node
+  linkType: hard
+
+"yargs-parser@npm:^18.1.2":
+  version: 18.1.3
+  resolution: "yargs-parser@npm:18.1.3"
+  dependencies:
+    camelcase: "npm:^5.0.0"
+    decamelize: "npm:^1.2.0"
+  checksum: 10/235bcbad5b7ca13e5abc54df61d42f230857c6f83223a38e4ed7b824681875b7f8b6ed52139d88a3ad007050f28dc0324b3c805deac7db22ae3b4815dae0e1bf
+  languageName: node
+  linkType: hard
+
+"yargs-parser@npm:^20.2.3":
+  version: 20.2.9
+  resolution: "yargs-parser@npm:20.2.9"
+  checksum: 10/0188f430a0f496551d09df6719a9132a3469e47fe2747208b1dd0ab2bb0c512a95d0b081628bbca5400fb20dbf2fabe63d22badb346cecadffdd948b049f3fcc
+  languageName: node
+  linkType: hard
+
+"yargs-parser@npm:^21.0.1, yargs-parser@npm:^21.1.1":
+  version: 21.1.1
+  resolution: "yargs-parser@npm:21.1.1"
+  checksum: 10/9dc2c217ea3bf8d858041252d43e074f7166b53f3d010a8c711275e09cd3d62a002969a39858b92bbda2a6a63a585c7127014534a560b9c69ed2d923d113406e
+  languageName: node
+  linkType: hard
+
+"yargs@npm:^15.3.1":
+  version: 15.4.1
+  resolution: "yargs@npm:15.4.1"
+  dependencies:
+    cliui: "npm:^6.0.0"
+    decamelize: "npm:^1.2.0"
+    find-up: "npm:^4.1.0"
+    get-caller-file: "npm:^2.0.1"
+    require-directory: "npm:^2.1.1"
+    require-main-filename: "npm:^2.0.0"
+    set-blocking: "npm:^2.0.0"
+    string-width: "npm:^4.2.0"
+    which-module: "npm:^2.0.0"
+    y18n: "npm:^4.0.0"
+    yargs-parser: "npm:^18.1.2"
+  checksum: 10/bbcc82222996c0982905b668644ca363eebe6ffd6a572fbb52f0c0e8146661d8ce5af2a7df546968779bb03d1e4186f3ad3d55dfaadd1c4f0d5187c0e3a5ba16
+  languageName: node
+  linkType: hard
+
+"yargs@npm:^17.0.1, yargs@npm:^17.3.1, yargs@npm:^17.6.2, yargs@npm:^17.7.2":
+  version: 17.7.2
+  resolution: "yargs@npm:17.7.2"
+  dependencies:
+    cliui: "npm:^8.0.1"
+    escalade: "npm:^3.1.1"
+    get-caller-file: "npm:^2.0.5"
+    require-directory: "npm:^2.1.1"
+    string-width: "npm:^4.2.3"
+    y18n: "npm:^5.0.5"
+    yargs-parser: "npm:^21.1.1"
+  checksum: 10/abb3e37678d6e38ea85485ed86ebe0d1e3464c640d7d9069805ea0da12f69d5a32df8e5625e370f9c96dd1c2dc088ab2d0a4dd32af18222ef3c4224a19471576
+  languageName: node
+  linkType: hard
+
+"yauzl@npm:^2.10.0":
+  version: 2.10.0
+  resolution: "yauzl@npm:2.10.0"
+  dependencies:
+    buffer-crc32: "npm:~0.2.3"
+    fd-slicer: "npm:~1.1.0"
+  checksum: 10/1e4c311050dc0cf2ee3dbe8854fe0a6cde50e420b3e561a8d97042526b4cf7a0718d6c8d89e9e526a152f4a9cec55bcea9c3617264115f48bd6704cf12a04445
+  languageName: node
+  linkType: hard
+
+"yn@npm:3.1.1":
+  version: 3.1.1
+  resolution: "yn@npm:3.1.1"
+  checksum: 10/2c487b0e149e746ef48cda9f8bad10fc83693cd69d7f9dcd8be4214e985de33a29c9e24f3c0d6bcf2288427040a8947406ab27f7af67ee9456e6b84854f02dd6
+  languageName: node
+  linkType: hard
+
+"yocto-queue@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "yocto-queue@npm:0.1.0"
+  checksum: 10/f77b3d8d00310def622123df93d4ee654fc6a0096182af8bd60679ddcdfb3474c56c6c7190817c84a2785648cdee9d721c0154eb45698c62176c322fb46fc700
+  languageName: node
+  linkType: hard
+
+"yocto-queue@npm:^1.0.0":
+  version: 1.1.1
+  resolution: "yocto-queue@npm:1.1.1"
+  checksum: 10/f2e05b767ed3141e6372a80af9caa4715d60969227f38b1a4370d60bffe153c9c5b33a862905609afc9b375ec57cd40999810d20e5e10229a204e8bde7ef255c
+  languageName: node
+  linkType: hard
+
+"yoctocolors-cjs@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "yoctocolors-cjs@npm:2.1.2"
+  checksum: 10/d731e3ba776a0ee19021d909787942933a6c2eafb2bbe85541f0c59aa5c7d475ce86fcb860d5803105e32244c3dd5ba875b87c4c6bf2d6f297da416aa54e556f
+  languageName: node
+  linkType: hard
+
+"zod@npm:^3.24.2":
+  version: 3.24.2
+  resolution: "zod@npm:3.24.2"
+  checksum: 10/604c62a8cf8e330d78b106a557f4b44f5d14845d20b1360a423ccc09b58cb8525ccf7e4b40cf1bd4852d22393d2c67774b5817ec5a2fedab25f543b36ed15943
+  languageName: node
+  linkType: hard
+
+"zodiac-roles-deployments@npm:^2.3.4":
+  version: 2.3.4
+  resolution: "zodiac-roles-deployments@npm:2.3.4"
+  checksum: 10/9abebe6f6977cb8b750352822250cae2c8e0b567f3cc43f88b786c3b132cad362e7a4805890f1f1c92f008fc36d732b5ed67e742d8f25a4d5c30041ef2f787b3
+  languageName: node
+  linkType: hard
+
+"zwitch@npm:^2.0.0":
+  version: 2.0.4
+  resolution: "zwitch@npm:2.0.4"
+  checksum: 10/f22ec5fc2d5f02c423c93d35cdfa83573a3a3bd98c66b927c368ea4d0e7252a500df2a90a6b45522be536a96a73404393c958e945fdba95e6832c200791702b6
+  languageName: node
+  linkType: hard